/*#region >>>>> VARIABLES*/
    @import url('https://fonts.googleapis.com/css2?family=Fredoka:wght@300;400;500;600;700&display=swap');

    html, body, .e-control {
        font-family: 'Fredoka', sans-serif !important;
    }

    :root {
        --anim: .25s ease;
        --dark: #212529;
        --primer: #f44336;
        --hijau: #4caf50;
        --orange: #FF9800;
    }
/*#endregion*/

/*#region >>>>> CUSTOM CSS SVG ICON*/
:root {
    --searchIcon: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 410 410' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Cg%3E%3Cpath d='M54 197c0,-29 7,-49 18,-71 3,-4 5,-8 8,-11 14,-23 33,-36 56,-48 34,-17 84,-17 118,0 34,17 53,35 70,69 17,34 18,84 0,118 -8,18 -15,28 -28,42 -13,13 -24,19 -41,28 -51,26 -118,13 -159,-28 -25,-25 -42,-60 -42,-99zm-22 -7c0,29 4,51 16,75 5,9 9,17 15,25 44,60 123,85 194,56 15,-7 28,-14 41,-25 2,-1 3,-2 5,-4 3,4 46,46 54,54 4,5 5,7 11,7 7,0 10,-5 10,-12 0,-5 -8,-11 -14,-16l-47 -47 8 -10c3,-4 5,-7 8,-11 41,-61 30,-149 -21,-201 -8,-7 -13,-12 -22,-18 -22,-17 -58,-31 -89,-31 -31,0 -57,5 -81,19 -9,5 -8,3 -18,11 -21,14 -45,41 -55,64 -8,21 -15,39 -15,64zm153 -97c0,5 1,7 4,9 6,5 40,-1 70,29 40,39 17,75 38,75 19,0 6,-40 4,-48 -4,-11 -11,-23 -18,-32 -18,-22 -46,-39 -75,-41 -6,-1 -10,-2 -15,-1 -3,1 -8,5 -8,9z'%3E%3C/path%3E%3C/g%3E%3C/svg%3E");
    --editIcon: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 592 592' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Cg%3E%3Cpath d='M94 499l7 -83c0,-8 2,-19 2,-28l101 100c-14,4 -104,8 -110,11zm144 -20l-125 -125 241 -241 125 124 -241 242zm139 -387c62,-41 137,9 137,69 0,39 -9,39 -13,53 -7,-1 -57,-54 -62,-60 -10,-9 -58,-56 -62,-62zm-22 -20c-12,-7 -24,-15 -43,-15 -34,0 -49,18 -68,36l-39 39c-7,8 -11,9 -11,19 0,8 7,14 15,14 10,0 39,-33 48,-41 22,-23 39,-49 74,-32 -2,6 -39,41 -44,46l-202 203c-11,10 -9,16 -10,35 -1,13 -4,28 -4,41l-8 83c-2,19 -16,14 -16,31 0,8 7,13 17,13 12,0 11,-14 24,-15 6,0 8,-1 13,-1 17,-1 32,-3 49,-4l49 -5c61,-8 34,8 101,-59 25,-25 203,-201 213,-214 23,-29 32,-46 32,-87 0,-17 -6,-33 -12,-45 -8,-15 -14,-23 -24,-34 -5,-4 -11,-9 -17,-12 -32,-22 -68,-26 -106,-13 -7,2 -10,4 -16,7l-15 10z'%3E%3C/path%3E%3C/g%3E%3C/svg%3E");
    --deleteIcon: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 760 760' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Cg%3E%3Cpath d='M534 661l-310 0c-24,0 -49,-26 -49,-50l0 -436 411 0 0 426c0,33 -22,60 -52,60zm-210 -544c0,-9 9,-18 18,-18l75 0c22,0 18,22 18,37l-111 0 0 -19zm-39 0l0 19 -170 0c-22,0 -25,39 7,39l14 0 0 438c0,11 5,26 9,34 6,13 17,26 30,35 12,9 30,17 47,17l313 0c27,0 54,-17 67,-32 16,-19 23,-41 23,-75l0 -417c10,0 37,1 37,-18 0,-11 -7,-21 -18,-21l-170 0c0,-23 1,-44 -18,-61 -10,-8 -23,-14 -40,-14l-74 0c-30,0 -57,26 -57,56zm0 188l0 225c0,26 39,26 39,0l0 -225c0,-25 -39,-25 -39,0zm150 4l0 214c0,38 39,30 39,9l0 -228c0,-23 -39,-27 -39,5z'%3E%3C/path%3E%3C/g%3E%3C/svg%3E");
    --contactIcon: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1803 1803' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Cg%3E%3Cpath d='M323 378c0,-80 56,-142 130,-142l985 0c36,0 67,15 86,34 20,19 43,46 43,83l0 1097c0,57 -60,117 -117,117l-1001 0c-74,0 -126,-67 -126,-142l0 -33 51 0c51,0 60,-92 -17,-92l-34 0 0 -351 34 0c77,0 68,-91 17,-91l-51 0 0 -355c30,0 91,8 91,-46 0,-54 -61,-46 -91,-46l0 -33zm-91 16l0 17c-28,0 -88,-7 -88,46 0,53 60,46 88,46l0 355c-33,0 -88,-9 -88,45 0,50 60,46 88,46l0 351c-22,0 -49,-2 -66,9 -41,25 -19,83 20,83l46 0c0,86 11,139 55,190 30,36 93,77 158,77l1009 0c72,0 150,-57 183,-123 9,-18 22,-56 22,-82l0 -1097c0,-66 -34,-115 -68,-149 -35,-36 -88,-64 -158,-64l-980 0c-91,0 -176,65 -205,145 -11,29 -16,65 -16,105zm717 464c-46,0 -92,-20 -124,-51 -148,-149 28,-370 195,-288 38,19 71,49 88,88 22,49 20,96 1,143 -8,19 -22,39 -35,52 -31,32 -81,56 -125,56zm-371 242c-13,44 -26,74 -31,127 -3,44 -7,112 7,148 22,17 24,23 60,13 26,-41 21,-26 21,-88 0,-94 11,-182 79,-248 19,-19 32,-34 57,-52 67,-46 200,-72 252,-42 86,17 168,88 205,168 52,114 16,208 35,244 11,19 44,32 67,14 33,-24 19,-113 16,-159 -8,-126 -73,-227 -171,-296 -16,-11 -43,-29 -63,-34 6,-22 9,-5 35,-40 26,-33 31,-32 52,-86 21,-57 19,-121 0,-178 -70,-209 -345,-235 -462,-79 -135,181 2,363 45,375l0 8c-19,2 -51,24 -66,34 -65,45 -103,101 -138,171z'%3E%3C/path%3E%3C/g%3E%3C/svg%3E");
    --aturIcon: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 5537 5537' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Cg%3E%3Cpath d='M2005 2349c-221,0 -368,-28 -535,-195 -239,-239 -264,-622 -62,-889 459,-608 1459,-95 1172,659 -86,224 -333,425 -575,425zm-1000 -820c-121,0 -419,-18 -498,27 -119,68 -61,255 63,255l435 0c9,369 440,820 872,820 361,0 552,-67 804,-336 102,-109 173,-276 204,-425 11,-57 3,-58 67,-61 78,-4 176,2 257,2l1500 0c221,0 384,42 384,-154 0,-83 -82,-128 -166,-128l-2038 0c0,-107 -66,-253 -107,-329 -24,-46 -56,-93 -88,-129 -38,-42 -59,-78 -105,-114 -86,-66 -159,-125 -267,-168 -346,-137 -751,-87 -1006,166 -138,137 -306,360 -311,574zm2602 3011c-380,0 -692,-287 -692,-641 0,-311 138,-550 402,-661 512,-214 967,210 955,622 -10,373 -302,680 -665,680zm-961 -820l-2064 0c-184,0 -184,282 0,282l2064 0c3,175 167,469 300,571 49,38 71,62 122,95 459,303 1097,142 1356,-335 45,-82 105,-212 105,-331l410 0c208,0 208,-282 0,-282l-410 0c0,-201 -159,-440 -291,-567 -382,-369 -1029,-340 -1396,110 -90,110 -193,312 -196,457zm-833 -2332c0,192 150,116 228,194 82,82 0,229 194,229 253,0 110,-551 -269,-551 -82,0 -153,48 -153,128zm1640 2191c0,198 167,111 234,189 49,59 19,234 176,234 261,0 152,-551 -282,-551 -72,0 -128,56 -128,128z'%3E%3C/path%3E%3C/g%3E%3C/svg%3E");
    --listIcon: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1077 1077' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Cg%3E%3Cpath d='M405 152c0,15 13,28 27,28l529 0c40,0 40,-55 0,-55l-529 0c-14,0 -27,13 -27,27zm0 319c0,15 13,28 27,28l529 0c40,0 40,-55 0,-55l-529 0c-14,0 -27,13 -27,27zm0 319c0,15 13,28 27,28l529 0c40,0 40,-55 0,-55l-529 0c-14,0 -27,13 -27,27zm-264 65c0,-67 104,-66 104,0 0,72 -104,72 -104,0zm-55 3c0,42 25,78 63,96 29,13 58,14 86,1 67,-30 88,-110 36,-171 -57,-67 -185,-30 -185,74zm55 -641c0,-67 104,-66 104,0 0,52 -58,70 -89,40 -9,-10 -15,-22 -15,-40zm-55 3c0,31 15,59 32,75 30,30 76,40 117,22 71,-32 86,-118 36,-171 0,0 -1,0 -1,-1l-12 -11c-33,-28 -92,-29 -128,-2l-11 11c-18,17 -33,43 -33,77zm55 316c0,-67 104,-66 104,0 0,52 -58,70 -89,40 -9,-10 -15,-22 -15,-40zm-55 3c0,16 4,31 9,43 4,9 16,26 23,32 28,29 76,40 117,22 72,-32 86,-120 35,-172l-12 -11c-36,-31 -98,-30 -138,8 -1,0 -1,0 -1,1 -1,0 -1,1 -2,1 0,0 -1,1 -1,1 -16,17 -30,42 -30,75zm319 -257c0,16 9,30 25,30l324 0c29,0 42,-55 -13,-55l-299 0c-19,0 -37,9 -37,25zm0 638c0,16 9,30 25,30l324 0c22,0 35,-32 13,-49 -6,-4 -15,-6 -26,-6l-299 0c-19,0 -37,9 -37,25zm0 -319c0,16 9,30 25,30l324 0c29,0 41,-55 -13,-55l-299 0c-10,0 -18,2 -24,5 -6,4 -13,12 -13,20z'%3E%3C/path%3E%3C/g%3E%3C/svg%3E");
    --phoneIcon: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1762 1762' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Cg%3E%3Cpath d='M1000 1258c17,-18 138,-37 220,-181 7,-13 38,-88 42,-91 2,-104 45,-49 -28,-194 -7,-16 -12,-26 -20,-41 -24,-47 -14,-50 38,-119 10,-13 16,-23 25,-35l52 -72c15,-21 42,-56 74,-29 22,19 61,91 71,117 12,29 24,54 33,89 9,33 15,63 20,102 20,131 -17,295 -81,402 -56,93 -55,73 -93,123 -28,37 -117,100 -155,122 -195,108 -412,101 -597,19 -19,-9 -100,-53 -110,-74 -8,-16 -4,-34 7,-46l143 -105c13,-9 22,-16 36,-26 42,-31 47,-18 125,21 70,35 67,41 144,28 20,-3 36,-10 54,-10zm111 -543c0,57 73,158 73,180 0,109 -73,210 -172,260 -146,72 -159,-11 -259,-37 -72,-20 -111,17 -152,46 -41,29 -79,57 -121,87 -42,31 -83,58 -83,129 0,75 61,112 114,143 229,131 517,133 741,-1 49,-30 113,-76 153,-116l41 -46c151,-188 212,-416 154,-657 -22,-92 -58,-165 -109,-241 -55,-83 -153,-83 -212,-19l-124 170c-20,26 -44,58 -44,102zm-971 159c0,61 63,66 84,28 7,-12 8,-92 16,-139 47,-262 257,-472 519,-522 21,-4 69,-11 95,-11 22,0 58,6 70,-32 7,-25 -6,-58 -50,-58 -399,0 -734,336 -734,734zm722 -383c-7,2 -39,2 -50,4 -19,3 -28,5 -45,11 -34,11 -49,18 -78,33 -40,20 -92,67 -118,102 -35,47 -57,87 -72,148 -4,13 -14,81 -11,96 6,29 33,50 62,37 31,-13 28,-43 31,-80 2,-29 14,-65 24,-86 12,-25 24,-47 42,-68 112,-133 237,-97 263,-120 9,-8 18,-25 16,-39 -3,-22 -22,-37 -41,-41 -21,-4 -23,3 -23,3zm-216 877c0,38 44,49 73,57 41,11 163,52 163,-24 0,-19 -11,-34 -25,-40l-109 -22c-10,-2 -48,-16 -53,-16 -24,0 -49,23 -49,45z'%3E%3C/path%3E%3C/g%3E%3C/svg%3E");
    --addressIcon: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 5169 5169' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Cg%3E%3Cpath d='M1023 2296c0,-352 133,-734 350,-990 958,-1126 2772,-512 2772,1026 0,431 -214,820 -493,1097l-228 228c-40,40 -72,74 -113,114l-461 448c-190,189 -154,218 -296,218 -50,0 -189,-183 -230,-224 -78,-79 -149,-150 -227,-228l-294 -268c-224,-207 -432,-429 -590,-691 -54,-90 -103,-202 -133,-321 -28,-107 -57,-272 -57,-409zm-263 0c0,385 128,727 308,995l233 294c43,47 86,86 131,131l533 509c101,101 168,161 258,269 134,160 198,206 391,206 179,0 250,-122 320,-194l258 -269c28,-24 37,-26 65,-54l717 -718 215 -312c388,-723 253,-1584 -322,-2158 -129,-130 -285,-243 -448,-330 -457,-246 -1123,-265 -1595,-32 -218,107 -362,201 -535,374 -131,130 -292,356 -369,540 -97,233 -160,480 -160,749zm1447 0c0,-213 163,-383 359,-383l60 0c160,0 335,174 335,335 0,146 0,198 -117,314 -224,225 -637,65 -637,-266zm-263 -12c0,361 283,646 658,646 322,0 622,-290 622,-610 0,-212 -47,-347 -191,-491 -378,-381 -1089,-123 -1089,455z'%3E%3C/path%3E%3C/g%3E%3C/svg%3E");
    --exclamationIcon: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 5537 5537' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Cg%3E%3Cpath d='M442 1660l0 2230c0,308 145,625 350,829 110,111 192,177 338,252 114,58 313,123 479,123l2319 0c164,0 351,-60 462,-115 86,-43 193,-103 265,-170 151,-141 214,-200 320,-411 58,-116 119,-303 119,-470l0 -2319c0,-162 -63,-358 -119,-471 -74,-146 -145,-235 -256,-346 -187,-188 -484,-350 -855,-350l-2204 0c-655,0 -1218,563 -1218,1218zm1188 -937l2276 0c501,0 912,410 912,911l0 2268c0,502 -411,912 -912,912l-2276 0c-501,0 -911,-410 -911,-912l0 -2268c0,-501 410,-911 911,-911zm1138 2850l0 0c136,0 247,129 247,287l0 59c0,158 -111,287 -247,287l0 0c-135,0 -246,-129 -246,-287l0 -59c0,-158 111,-287 246,-287zm0 -2242l0 0c136,0 247,129 247,287l0 1348c0,157 -111,287 -247,287l0 0c-135,0 -246,-130 -246,-287l0 -1348c0,-158 111,-287 246,-287z'%3E%3C/path%3E%3C/g%3E%3C/svg%3E");
    --exclamationSolidIcon: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1319 1319' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Cg%3E%3Cpath d='M659 1213c-306,0 -554,-248 -554,-554 0,-306 248,-554 554,-554l0 204 0 0c-40,0 -73,33 -73,74l0 330c0,41 33,74 73,74l0 0 0 65 0 0c-40,0 -73,33 -73,74l0 10c0,40 33,73 73,73l0 0 0 204zm0 0c306,0 554,-248 554,-554 0,-306 -248,-554 -554,-554l0 204c41,0 74,33 74,74l0 330c0,41 -33,74 -74,74l0 65c41,0 74,33 74,74l0 10c0,40 -33,73 -74,73l0 204z'%3E%3C/path%3E%3C/g%3E%3C/svg%3E");
    --beratIcon: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 485 485' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Cg%3E%3Cpath d='M69 315l18 -19 102 102 -19 19 -101 -102zm0 -72l18 -18 174 173 -19 19 -173 -174zm227 -156l18 -18 102 101 -18 19 -102 -102zm-72 0l18 -18 174 173 -18 19 -174 -174zm-25 0c0,13 11,20 18,27 9,9 64,63 67,68l-102 102c-4,-3 -38,-37 -45,-44 -8,-8 -15,-15 -22,-23 -8,-7 -15,-18 -28,-18 -12,0 -17,7 -23,14 -6,5 -15,12 -18,19 -11,23 15,34 23,47 -7,10 -40,28 -19,52 9,10 37,36 42,43 -5,8 -30,26 -30,36 0,6 10,20 23,7 3,-3 5,-6 8,-9 5,-4 12,-13 17,-16 27,18 49,71 81,39 4,-5 11,-11 15,-16 11,8 19,26 37,26 12,0 19,-9 25,-16 10,-10 17,-14 17,-29 0,-12 -11,-20 -18,-26 -9,-9 -64,-63 -67,-68l102 -102c5,3 59,58 68,67 10,10 14,18 30,18 11,0 19,-10 25,-16 5,-6 16,-15 16,-25 0,-20 -18,-26 -26,-38 5,-4 11,-10 15,-15 34,-33 -19,-53 -38,-81 8,-12 30,-24 30,-35 0,-7 -6,-13 -12,-13 -10,0 -28,25 -36,30 -7,-5 -33,-33 -43,-42 -24,-21 -42,12 -52,19 -13,-8 -24,-33 -46,-23 -8,3 -14,11 -20,17 -6,6 -14,12 -14,24z'%3E%3C/path%3E%3C/g%3E%3C/svg%3E");
    --beratSatuanIcon: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1077 1077' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Cg%3E%3Cpath d='M221 874c0,-29 73,-306 83,-348 5,-18 13,-36 24,-46 12,-9 32,-20 52,-20l317 0c41,0 67,29 75,64l57 227c5,17 10,38 14,56 8,29 13,38 13,69 0,29 -31,60 -60,60l-516 0c-29,0 -59,-32 -59,-62zm239 -521l157 0 0 52 -157 0 0 -52zm-267 -140c0,-34 -8,-72 30,-72l636 0c33,0 24,48 24,80 0,41 -36,77 -69,77l-546 0c-43,0 -75,-38 -75,-85zm-55 -40c0,56 0,94 33,134 19,21 56,46 94,46l140 0 0 52c-58,0 -102,11 -134,60 -22,33 -61,213 -74,265 -6,24 -11,44 -17,68 -14,54 -29,103 19,155 15,16 48,38 79,38l521 0c16,0 31,-6 43,-12 17,-9 21,-11 33,-24 52,-51 37,-101 22,-160l-51 -203c-9,-39 -21,-101 -41,-129 -35,-49 -72,-58 -133,-58l0 -52 139 0c67,0 127,-61 127,-135l0 -52c0,-43 -37,-80 -79,-80l-641 0c-47,0 -80,40 -80,87zm270 536c0,-43 5,-72 37,-104 47,-46 121,-51 173,-12 19,14 33,31 43,55 57,143 -132,250 -226,131 -13,-15 -27,-43 -27,-70zm-55 -20c0,51 7,83 37,122 43,57 119,88 193,69 34,-9 64,-25 88,-49l29 -39c9,-13 15,-31 20,-50 10,-38 6,-84 -8,-115 -28,-62 -91,-115 -160,-115l-22 0c-92,0 -177,86 -177,177zm159 -72l0 85c0,30 55,35 55,-10 0,-54 10,-100 -30,-100 -14,0 -25,11 -25,25z'%3E%3C/path%3E%3C/g%3E%3C/svg%3E");
    --kodeIcon: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1762 1762' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Cg%3E%3Cpath d='M231 814l0 -457c0,-68 58,-126 126,-126l457 0c71,0 142,91 203,151 60,61 117,118 177,178 60,60 117,117 177,177 31,31 59,59 90,90 44,44 70,61 70,125 0,48 -25,69 -49,93l-437 437c-119,119 -194,3 -302,-104 -60,-61 -118,-119 -179,-180 -61,-61 -119,-119 -180,-179 -30,-31 -58,-59 -89,-90 -28,-28 -64,-61 -64,-115zm-90 -453l0 453c0,112 97,184 156,243 85,86 460,468 526,522 41,34 81,42 133,42 96,0 153,-77 203,-127l331 -331c83,-83 131,-109 131,-231 0,-28 -11,-57 -21,-77 -22,-46 -104,-120 -143,-159 -58,-58 -472,-476 -501,-498 -19,-15 -33,-27 -59,-39 -22,-9 -54,-18 -83,-18l-453 0c-122,0 -220,98 -220,220zm249 -31c30,0 55,25 55,55 0,30 -25,54 -55,54 -30,0 -54,-24 -54,-54 0,-30 24,-55 54,-55z'%3E%3C/path%3E%3C/g%3E%3C/svg%3E");
    --moneyIcon: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1062 1062' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Cg%3E%3Cpath d='M218 792l0 -162c0,-90 48,-171 111,-218 13,-10 53,-38 73,-38l258 0c20,0 59,26 71,35 23,17 37,31 55,53 28,34 59,98 59,158l0 185c0,56 -61,118 -118,118l-386 0c-67,0 -123,-60 -123,-131zm585 -393l0 0zm-57 -133l0 0zm-90 54l-59 0c1,-16 14,-38 14,-51 0,-25 -32,-36 -47,-18 -6,7 -23,61 -24,69l-15 0c-5,-11 -11,-31 -15,-46 -20,-60 -58,-24 -58,-5 0,3 15,47 17,51l-62 0c-10,-19 -69,-129 -69,-137 0,-22 6,-45 37,-45l312 0c21,0 40,17 40,37 0,12 -27,63 -34,75 -7,12 -12,22 -19,35 -6,13 -11,24 -18,35zm147 79c19,0 46,11 60,1 15,-12 14,-34 -2,-44 -11,-8 -93,-18 -115,-23 21,-18 70,-39 74,-58 4,-20 -13,-36 -31,-33 -16,4 -28,20 -43,24 6,-24 37,-58 35,-93 -3,-38 -24,-65 -52,-79 -27,-14 -76,-10 -118,-10 -38,0 -235,-3 -255,3 -34,8 -58,29 -68,62 -14,46 8,71 22,99l43 87c-29,16 -59,33 -82,56 -53,54 -83,98 -101,179 -9,41 -10,228 0,268 4,18 11,35 20,49 14,24 29,40 50,55 22,16 46,26 74,32 28,6 232,3 278,3 99,0 168,15 240,-41 74,-58 67,-132 67,-213 0,-117 6,-188 -64,-285 -10,-14 -22,-25 -32,-39zm-297 103l0 27c-30,0 -47,6 -63,24 -20,22 -16,40 -16,72 0,81 103,64 150,64 9,14 7,11 7,34 0,25 -35,18 -76,18 -24,0 -69,-10 -69,27 0,8 6,16 11,20 12,9 38,7 56,7 0,19 -5,51 27,51 29,0 27,-35 27,-51 53,0 78,-30 78,-81 0,-41 -16,-65 -47,-76 -37,-12 -110,9 -110,-13 0,-50 -12,-42 79,-42 34,0 64,8 64,-29 0,-30 -44,-25 -64,-25 0,-13 1,-28 -6,-39 -13,-23 -48,-12 -48,12z'%3E%3C/path%3E%3C/g%3E%3C/svg%3E");
    --coinsIcon: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 760 760' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Cg%3E%3Cpath d='M280 618l0 0zm64 -31c-133,0 -245,-107 -245,-247 0,-212 262,-323 416,-169 44,44 71,107 71,171 0,34 -10,77 -21,100 -32,62 -60,91 -121,122 -21,10 -46,17 -71,20 -8,1 -22,3 -29,3zm274 -306l19 33c20,38 27,87 22,134 -20,172 -214,267 -363,181l-12 -8c-3,-2 -1,0 -4,-3 14,0 43,10 80,6 32,-4 39,-3 74,-14 82,-28 148,-94 175,-176 4,-12 7,-21 10,-35 6,-31 5,-48 4,-80 0,-14 -5,-26 -5,-38zm0 0l0 0zm-558 54c0,71 21,138 64,186 32,35 21,24 58,53 7,6 12,16 19,24 7,8 13,14 21,22 7,8 15,14 23,21 9,7 18,12 27,18 64,38 141,51 216,32l37 -12c5,-2 8,-4 12,-6 46,-18 100,-69 124,-112 13,-25 22,-43 29,-71 28,-104 -6,-204 -79,-277 -29,-30 -16,-4 -55,-54 -16,-21 -49,-47 -72,-60 -78,-45 -178,-53 -261,-13 -62,30 -107,75 -137,138 -13,27 -26,71 -26,111zm262 -100l0 14c-16,0 -26,-1 -40,12 -25,24 -23,86 19,99 21,7 78,-7 78,8 0,37 8,30 -57,30 -20,0 -45,-5 -45,21 0,22 29,18 45,18 0,17 -2,37 22,37 21,0 17,-23 17,-37l9 0c25,0 47,-20 47,-46 0,-23 3,-34 -11,-51 -23,-28 -67,-11 -99,-19 -3,-12 -3,-20 0,-32 22,-5 72,1 86,-3 25,-6 17,-37 -2,-37l-30 0 0 -21c0,-22 -39,-26 -39,7zm206 126c13,0 21,-6 21,-21 0,-43 -14,-81 -35,-113 -19,-28 -53,-59 -81,-71 -37,-15 -49,-20 -93,-20 -15,0 -22,20 -12,32 14,16 64,-5 123,46 5,5 9,7 14,13l13 16c18,26 27,47 32,81 1,10 -3,37 18,37zm-392 -21c0,70 26,119 75,163 12,10 32,22 47,28 13,6 103,39 103,1 0,-9 -2,-15 -11,-19 -9,-4 -105,5 -158,-95 -22,-40 -12,-77 -24,-89 -11,-11 -32,-4 -32,11z'%3E%3C/path%3E%3C/g%3E%3C/svg%3E");
    --walletIcon: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 410 410' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Cg%3E%3Cpath d='M226 206c0,-24 18,-41 44,-41l85 0c8,0 12,4 12,12l0 58c0,5 -4,10 -11,10l-91 0c-22,0 -39,-18 -39,-39zm-21 -1c0,34 27,61 60,61l81 0 0 44c0,12 -13,27 -29,27l-244 0c-16,0 -30,-14 -30,-30l0 -204c0,-8 5,-17 10,-21 5,-5 12,-8 23,-8l238 0c17,0 32,11 32,28l0 42 -76 0c-28,0 -48,13 -59,35 -4,7 -6,15 -6,26zm-183 -102l0 203c0,29 23,51 52,51l242 0c21,0 38,-12 45,-26 5,-11 6,-15 6,-30 0,-13 0,-25 0,-37 2,0 3,-1 5,-2 1,0 3,-1 4,-2 2,-2 4,-5 6,-7 4,-6 6,-12 6,-22l0 -52c0,-16 -9,-31 -21,-32 0,-13 0,-25 0,-37 0,-23 -6,-39 -25,-50 -9,-5 -18,-7 -31,-7l-234 0c-18,0 -26,4 -38,14 -8,6 -17,22 -17,36zm246 113l15 0c18,0 16,-21 4,-21l-23 0c-11,0 -13,21 4,21z'%3E%3C/path%3E%3C/g%3E%3C/svg%3E");
    --dateIcon: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 592 592' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Cg%3E%3Cpath d='M77 472l0 -278 437 0 0 282c0,19 -19,38 -38,38l-360 0c-17,0 -39,-19 -39,-42zm0 -323c0,-12 8,-25 14,-31 19,-16 42,-12 73,-12l0 11c0,25 30,22 30,6l0 -17 204 0c0,10 -3,30 15,30 18,0 15,-20 15,-30l40 0c24,0 46,17 46,41l0 17 -437 0 0 -15zm87 -81l0 8c-46,0 -62,-4 -93,20 -11,9 -24,32 -24,53l0 322c0,40 34,74 70,74l360 0c24,0 50,-19 60,-41 3,-6 8,-18 8,-27l0 -331c0,-39 -34,-70 -81,-70l-36 0c0,-9 2,-29 -15,-29 -17,0 -15,20 -15,29l-204 0c0,-11 3,-29 -15,-29 -11,0 -15,10 -15,21zm-29 285c0,21 20,16 45,16 18,0 21,-30 -4,-30 -11,0 -41,-4 -41,14zm175 75c0,19 29,15 41,15 25,0 22,-30 4,-30 -21,0 -45,-5 -45,15zm-175 0c0,19 28,15 41,15 25,0 22,-30 4,-30 -22,0 -45,-5 -45,15zm88 -75c0,21 20,16 45,16 17,0 21,-30 -4,-30 -12,0 -41,-3 -41,14zm87 -71c0,19 26,15 43,15 22,0 22,-31 0,-31 -17,0 -43,-4 -43,16zm-175 0c0,19 25,15 42,15 23,0 23,-31 0,-31 -17,0 -42,-4 -42,16zm88 0c0,19 25,15 42,15 22,0 22,-31 0,-31 -17,0 -42,-4 -42,16zm175 0c0,19 25,15 42,15 23,0 23,-31 0,-31 -17,0 -42,-4 -42,16zm0 71c0,21 20,16 45,16 18,0 21,-30 -4,-30 -10,0 -27,-1 -34,3 -3,2 -7,7 -7,11zm-88 0c0,21 21,16 45,16 18,0 21,-30 -4,-30 -9,0 -27,-1 -34,3 -2,2 -7,7 -7,11zm88 75c0,5 3,9 6,12 5,3 53,10 53,-11 0,-21 -17,-16 -45,-16 -8,0 -14,7 -14,15zm-175 0c0,5 3,9 6,12 5,3 53,10 53,-11 0,-21 -18,-16 -46,-16 -7,0 -13,7 -13,15z'%3E%3C/path%3E%3C/g%3E%3C/svg%3E");
    --noteIcon: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 356 356' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Cg%3E%3Cpath d='M299 275l-6 0 0 -35 16 0 0 26c0,5 -4,9 -10,9zm-6 -88l16 0 0 35 -16 0 0 -35zm0 -52l16 0 0 34 -16 0 0 -34zm0 -53l9 0c4,0 7,3 7,7l0 27 -16 0 0 -34zm-204 -35l160 0c7,0 15,4 18,8 4,5 8,11 8,20l0 206c0,15 -11,28 -25,28l-161 0c-11,0 -21,-8 -23,-16 8,0 12,-1 15,-6 2,-6 -1,-12 -7,-12l-10 0 0 -35 6 0c16,0 14,-18 4,-18l-10 0 0 -35 6 0c16,0 14,-18 4,-18l-10 0 0 -34 6 0c16,0 14,-19 4,-19l-10 0 0 -34c6,0 20,0 17,-11 -1,-8 -7,-7 -16,-7 5,-9 12,-17 24,-17zm-42 17c-7,0 -19,-2 -19,9 0,10 12,9 18,9l0 34c-7,0 -18,-1 -18,10 0,2 2,5 4,6 4,3 9,3 14,3l0 34c-7,0 -18,-2 -18,9 0,10 12,9 18,9l0 35c-7,0 -18,-2 -18,9 0,10 12,9 18,9l0 35c-7,0 -18,-2 -18,9 0,2 2,5 4,7 4,2 10,2 15,2 1,13 20,34 41,34l163 0c20,0 40,-20 40,-34 11,0 20,0 27,-8 5,-4 9,-9 9,-18l0 -179c0,-6 -4,-13 -7,-17 -9,-8 -17,-7 -29,-7 0,-9 -9,-20 -14,-25 -8,-6 -17,-11 -28,-11l-160 0c-12,0 -21,6 -28,11 -5,4 -13,16 -14,25zm69 61c0,6 4,10 11,10l84 0c15,0 13,-19 3,-19l-89 0c-5,0 -9,4 -9,9zm0 -36c0,6 3,10 10,10l86 0c13,0 13,-18 0,-18l-86 0c-5,0 -10,3 -10,8zm18 176c0,5 3,10 8,10l54 0c8,0 12,-11 5,-16 -5,-4 -44,-3 -55,-3 -6,0 -12,3 -12,9z'%3E%3C/path%3E%3C/g%3E%3C/svg%3E");
    --historyIcon: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 539 539' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Cg%3E%3Cpath d='M97 55l0 83c0,8 6,12 15,12l78 0c16,0 19,-25 1,-27 -13,-2 -40,0 -55,0 9,-13 41,-30 56,-37 75,-32 161,-14 218,43 34,34 57,80 58,128 0,7 1,6 1,12l-1 23c-1,7 -2,14 -4,21 -8,37 -27,70 -53,97 -12,12 -13,13 -27,23 -50,38 -120,45 -181,25 -8,-3 -13,-6 -19,-8 -17,-7 -51,-32 -61,-45 -9,-12 -11,-11 -23,-30 -48,-81 -14,-119 -45,-119 -8,0 -12,8 -12,16 0,47 16,91 40,125 7,12 16,21 25,31 19,19 40,35 64,46 60,28 133,30 193,1 12,-6 24,-13 35,-20 11,-8 27,-21 35,-32l13 -15c2,-3 4,-4 6,-7 8,-12 14,-22 20,-35 35,-71 27,-164 -21,-228 -40,-55 -103,-95 -184,-95 -48,0 -93,16 -131,42 -5,4 -9,7 -14,10 0,-16 5,-52 -12,-52 -9,0 -15,5 -15,12zm159 80l0 136c0,8 25,29 31,35l49 50c18,18 36,-3 21,-19l-67 -66c-3,-4 -6,-4 -6,-10 -2,-18 3,-121 -3,-131 -6,-13 -25,-7 -25,5z'%3E%3C/path%3E%3C/g%3E%3C/svg%3E");
    --puzzleIcon: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 448 448' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Cg%3E%3Cpath d='M180 102c0,-22 19,-43 43,-43l5 0c23,0 47,24 39,55 -1,3 -3,7 -3,10 0,10 7,18 14,21 7,4 55,2 67,2 13,0 23,-1 23,12l0 199c0,9 -4,16 -8,21 -6,5 -13,11 -21,11l-248 0c-11,0 -12,-12 -10,-24 2,-11 1,-23 1,-34 13,6 37,2 50,-4l13 -9c2,-1 3,-2 5,-3 1,-2 2,-3 3,-4 4,-5 6,-7 9,-14 16,-32 3,-73 -30,-90 -14,-7 -37,-9 -51,-2 0,-15 -1,-31 0,-46 0,-17 15,-13 33,-13 15,0 31,0 47,0 14,0 23,-9 23,-23 0,-5 -4,-13 -4,-22zm-18 22c-21,0 -52,-2 -71,0 -40,4 -33,42 -33,80 0,14 10,25 23,25 3,0 7,-2 10,-3 50,-13 77,54 36,80 -22,13 -36,3 -47,3 -13,0 -22,11 -22,25l0 42c0,11 3,20 9,25 6,6 12,12 23,12l248 0c16,0 29,-9 37,-17 9,-9 16,-22 16,-40l0 -199c0,-19 -17,-33 -36,-33l-67 0c0,-8 3,-9 3,-23 0,-35 -31,-65 -62,-65 -15,0 -25,1 -39,9 -8,5 -13,10 -20,18 -4,6 -9,18 -11,27 -3,16 0,22 3,34z'%3E%3C/path%3E%3C/g%3E%3C/svg%3E");
    --timesIcon: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 281 281' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Cg%3E%3Cpath d='M194 72l-54 53 -53 -53c-1,-1 -3,-2 -4,-3 -3,-1 -8,0 -11,3 -2,2 -3,3 -3,6 -1,4 0,7 3,9l53 53 -53 54c-3,2 -3,6 -3,9 0,0 0,1 0,2 1,1 2,2 3,3l0 1c5,4 11,4 15,0l53 -53 53 53c2,2 5,3 8,3 8,0 13,-7 10,-14 0,-1 -1,-3 -2,-4l-53 -54 53 -53c6,-6 2,-18 -8,-18 -1,0 -2,0 -3,1 -2,0 -3,1 -4,2z'%3E%3C/path%3E%3C/g%3E%3C/svg%3E");
    --toastSuccessIcon: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1362 1362' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Cg%3E%3Cpath d='M109 408l0 549c0,76 35,154 86,204 27,27 47,43 83,62 28,14 77,30 118,30l570 0c41,0 87,-15 114,-28 21,-11 48,-25 65,-42 37,-35 53,-49 79,-101 14,-29 29,-75 29,-116l0 -570c0,-40 -15,-88 -29,-116 -18,-36 -36,-58 -63,-85 -46,-46 -119,-86 -210,-86l-543 0c-161,0 -299,138 -299,299zm292 -230l560 0c123,0 224,101 224,224l0 558c0,123 -101,224 -224,224l-560 0c-123,0 -224,-101 -224,-224l0 -558c0,-123 101,-224 224,-224zm202 739c-9,0 -21,-20 -28,-28l-35 -47c-4,-6 -7,-11 -12,-16l-94 -128c-11,-14 -17,-23 -37,-23 -23,0 -44,33 -19,66l63 85c6,7 10,14 16,21l23 32c3,3 5,7 8,11 5,7 11,13 16,20l16 22c2,3 5,6 8,10 2,3 5,7 7,10 18,24 31,43 72,43 9,0 18,-3 25,-6 19,-9 26,-19 38,-37 14,-21 41,-65 53,-85l46 -76c30,-51 62,-102 92,-152 8,-13 15,-25 23,-38l81 -133c10,-17 30,-44 30,-63 0,-10 -4,-20 -9,-25 -7,-8 -14,-12 -20,-13l-5 0c-12,2 -23,12 -32,25 -10,16 -17,29 -26,44l-38 62c-4,6 -7,12 -11,18l-231 379c-1,4 -3,6 -5,9 -3,6 -7,13 -15,13z'%3E%3C/path%3E%3C/g%3E%3C/svg%3E");
    --toastWarningIcon: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 902 902' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Cg%3E%3Cpath d='M118 634l0 -361c0,-85 70,-155 155,-155l361 0c43,0 81,21 103,43 25,26 47,61 47,101l0 378c0,20 -8,43 -14,57 -12,24 -27,43 -50,59 -22,15 -52,28 -82,28l-376 0c-39,0 -75,-22 -100,-46 -22,-23 -44,-60 -44,-104zm-46 -363l0 363c0,50 24,102 57,135 18,18 31,29 55,41 19,10 51,20 78,20l378 0c27,0 57,-10 75,-19 15,-7 32,-16 44,-27 24,-23 35,-33 52,-67 9,-19 19,-50 19,-77l0 -378c0,-26 -10,-58 -19,-76 -12,-24 -24,-39 -42,-57 -30,-31 -79,-57 -139,-57l-359 0c-107,0 -199,92 -199,199zm357 0l0 227c0,25 46,34 46,-10l0 -209c0,-39 -46,-34 -46,-8zm0 313c0,33 -7,69 23,69 29,0 23,-43 23,-63 0,-38 -46,-33 -46,-6z'%3E%3C/path%3E%3C/g%3E%3C/svg%3E");
    --toastInfoIcon: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 675 675' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Cg%3E%3Cpath d='M88 474l0 -270c0,-64 52,-116 116,-116l270 0c32,0 61,16 77,33 19,19 35,45 35,75l0 283c0,15 -6,32 -11,42 -9,18 -20,32 -36,44 -17,12 -40,21 -62,21l-281 0c-29,0 -56,-16 -75,-34 -16,-17 -33,-45 -33,-78zm-34 -272l0 272c0,38 18,76 42,101 14,13 24,22 42,31 14,7 38,15 58,15l283 0c20,0 42,-8 56,-14 10,-6 23,-13 32,-21 19,-17 26,-24 39,-50 7,-14 15,-37 15,-57l0 -283c0,-20 -8,-44 -15,-57 -9,-18 -17,-29 -31,-43 -23,-22 -59,-42 -104,-42l-269 0c-79,0 -148,68 -148,148zm200 67c0,22 27,25 33,7 3,-8 1,-14 5,-23 19,-48 94,-41 94,21 0,21 -14,36 -31,43 -28,12 -34,28 -34,55 0,17 24,22 32,7 6,-13 -6,-21 17,-31 7,-3 11,-5 16,-9 43,-30 47,-92 10,-129 -24,-23 -62,-29 -92,-16 -5,2 -9,5 -13,8 -22,14 -37,41 -37,67zm67 167c0,25 -6,52 17,52 22,0 17,-32 17,-47 0,-28 -34,-25 -34,-5z'%3E%3C/path%3E%3C/g%3E%3C/svg%3E");
    --toastErrorIcon: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 539 539' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Cg%3E%3Cpath d='M70 378l0 -215c0,-51 42,-93 93,-93l215 0c26,0 49,13 62,26 15,16 28,36 28,61l0 225c0,12 -5,26 -9,34 -7,15 -16,26 -29,35 -13,9 -31,17 -49,17l-224 0c-24,0 -45,-13 -60,-28 -13,-13 -27,-35 -27,-62zm-27 -217l0 217c0,30 14,61 34,81 11,11 19,17 33,25 11,5 30,12 47,12l225 0c16,0 34,-6 45,-12 9,-4 19,-10 26,-16 15,-14 21,-20 31,-40 6,-11 12,-30 12,-46l0 -225c0,-16 -7,-35 -12,-46 -7,-15 -14,-23 -25,-34 -18,-18 -47,-34 -83,-34l-215 0c-63,0 -118,55 -118,118zm227 213c-13,0 -27,-3 -37,-7 -3,-1 -6,-2 -8,-3 -5,-3 -9,-5 -14,-8 -2,-1 -4,-3 -6,-5l147 -146 3 5c16,24 22,51 16,81 -3,15 -10,32 -20,44l-5 5c-1,1 -2,3 -4,4l-10 9c-16,11 -37,21 -62,21zm129 -105l0 2c0,9 -2,19 -4,27 0,3 -1,5 -1,7 -1,2 -2,4 -2,6 -1,2 -2,4 -2,6l-3 5c-2,7 -9,17 -13,23 -1,1 -1,2 -2,2 -1,2 -2,3 -3,5 -1,1 -1,1 -2,2l-10 10c-5,5 -12,10 -18,14 -5,3 -10,6 -15,8 -7,4 -15,7 -23,9 -9,2 -18,3 -26,3l-10 0c-16,0 -31,-4 -45,-9 -13,-5 -30,-16 -39,-25 -13,-14 -22,-24 -30,-42 -3,-8 -6,-16 -8,-25 -2,-8 -3,-19 -3,-28l0 -8c1,-6 2,-15 3,-21 2,-7 5,-17 8,-23 1,-1 1,-2 2,-3l4 -8c1,-2 2,-3 3,-5 3,-5 6,-9 10,-14l7 -8c1,-2 1,-1 2,-2 1,-1 2,-1 2,-2 3,-3 8,-7 11,-9 6,-5 15,-10 22,-14 2,0 4,-1 6,-2 6,-3 10,-4 18,-6 13,-3 21,-4 35,-4 19,0 36,5 52,12 3,2 12,7 15,9 8,5 18,13 24,20 1,2 3,4 5,6 3,3 5,6 7,10 1,1 2,3 3,4 6,9 10,18 13,27 4,13 6,27 7,41zm-212 65c-1,-1 -5,-7 -6,-9 -9,-14 -16,-35 -16,-52 0,-12 0,-17 3,-29 1,-3 2,-7 3,-10 1,-3 3,-6 4,-9l4 -8c2,-4 5,-8 8,-12 1,-1 2,-2 3,-3 0,-1 0,-1 1,-2l5 -5c6,-6 14,-12 22,-16l8 -5c11,-5 29,-9 42,-9 18,0 28,3 42,8l17 10 7 4 -147 147z'%3E%3C/path%3E%3C/g%3E%3C/svg%3E");
    --goodStockIcon: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 675 675' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Cg%3E%3Cpath d='M53 152l0 336c0,34 24,66 54,77 11,4 25,6 40,6l141 0c14,0 25,-10 21,-22 -4,-16 -16,-12 -35,-12 -28,0 -126,1 -141,-1 -6,-1 -13,-2 -18,-5 -16,-8 -28,-24 -28,-43l0 -337c0,-27 23,-49 49,-49l85 0 0 107c0,11 12,22 25,22 18,0 39,-24 61,-24 18,0 50,38 73,17 3,-3 8,-11 8,-17l0 -105 85 0c31,0 49,25 49,60 0,8 -1,96 0,102 5,15 34,19 34,-12 0,-42 6,-112 -12,-144 -4,-5 -6,-7 -10,-12 -11,-15 -35,-29 -61,-29l-336 0c-47,0 -84,38 -84,85zm202 38l0 -88 99 0 0 88c-21,-5 -20,-17 -53,-17 -20,0 -31,13 -46,17zm209 108l3 0 0 33c-28,0 -55,10 -77,27 -4,4 -5,4 -7,8l-8 7c-1,1 -1,1 -2,2 -11,15 -19,29 -23,48 -2,8 -4,16 -4,26 0,16 0,20 4,36 4,16 13,31 22,44 1,0 1,1 2,2 5,6 10,11 17,16 10,8 15,11 27,17 16,8 32,9 49,9l0 34c-29,0 -59,-8 -82,-23 -1,-1 -2,-1 -3,-2l-8 -6 -23 -21c-12,-16 -19,-24 -27,-45 -9,-23 -11,-39 -11,-65 0,-5 1,-12 1,-17 3,-13 8,-30 14,-42 7,-15 11,-20 20,-32 8,-9 16,-17 26,-25 2,-1 3,-2 5,-4 2,-1 4,-2 6,-3 8,-5 16,-10 25,-13 2,-1 4,-2 6,-2 8,-3 22,-7 30,-8 7,0 13,-1 18,-1zm6 0l-3 0 0 33c29,0 55,10 77,27 4,4 5,4 8,8l7 7c1,1 2,1 2,2 12,15 19,29 24,48 2,8 4,16 4,26 0,16 0,20 -5,36 -4,16 -12,31 -22,44 0,0 -1,1 -1,2 -6,6 -11,11 -17,16 -10,8 -15,11 -27,17 -16,8 -32,9 -50,9l0 34c30,0 60,-8 82,-23 1,-1 2,-1 3,-2l9 -6 22 -21c13,-16 20,-24 28,-45 9,-23 11,-39 11,-65 0,-5 -1,-12 -2,-17 -2,-13 -7,-30 -13,-42 -7,-15 -11,-20 -20,-32 -8,-9 -16,-17 -26,-25 -2,-1 -4,-2 -6,-4 -1,-1 -4,-2 -5,-3 -8,-5 -16,-10 -25,-13 -2,-1 -4,-2 -7,-2 -8,-3 -21,-7 -30,-8 -6,0 -12,-1 -18,-1zm-15 83l0 12 -6 0c-16,0 -30,13 -30,29 0,13 -1,29 16,39 11,7 35,3 49,4 8,0 7,5 7,16 0,3 -1,3 -2,5 -21,5 -64,-6 -64,12 0,17 15,14 30,14l0 13c0,14 24,16 24,-4l0 -9c9,0 12,0 19,-4 3,-1 3,-1 5,-3 17,-13 18,-52 -8,-63 -12,-5 -37,1 -50,-2 -2,-8 -1,-9 -1,-18 0,-6 9,-5 15,-5 7,0 14,0 20,0 14,0 29,4 29,-13 0,-14 -18,-11 -29,-11 0,-11 2,-23 -13,-23 -6,0 -11,5 -11,11z'%3E%3C/path%3E%3C/g%3E%3C/svg%3E");
    --plusIcon: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 356 356' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Cg%3E%3Cpath d='M164 69l0 95 -96 0c-2,0 -4,1 -5,1 -4,3 -8,7 -8,12 0,4 1,6 3,9 3,3 7,6 11,6l95 0 0 95c0,4 2,8 6,11 0,0 1,1 2,1 1,1 3,1 5,1l2 0c6,0 13,-6 13,-13l0 -95 94 0c4,0 7,-2 10,-4 7,-7 5,-18 -3,-23 -2,0 -4,-1 -5,-1l-96 0 0 -96c0,-10 -15,-18 -24,-9 -1,2 -2,2 -3,4 0,2 -1,3 -1,6z'%3E%3C/path%3E%3C/g%3E%3C/svg%3E");
    --infoIcon: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1803 1803' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Cg%3E%3Cpath d='M999 1567l-200 0c-57,0 -117,-60 -117,-117l0 -146 442 0c0,88 13,164 -34,220 -18,21 -53,43 -91,43zm138 -355l-100 0 0 -304c0,-68 -92,-68 -92,0l0 304 -88 0 0 -404c0,-52 -92,-61 -92,16l0 388c-134,0 -81,12 -121,-54 -24,-38 -47,-50 -68,-70 -86,-83 -161,-202 -161,-339 0,-130 18,-204 88,-308 48,-70 116,-121 191,-159 146,-74 314,-55 455,21 169,90 268,304 233,504 -4,28 -10,47 -18,73 -16,48 -36,89 -63,125l-42 50c-39,47 -117,89 -122,157zm-814 -513c0,151 31,253 109,363 5,8 11,16 18,24 55,68 83,80 110,111 60,71 10,210 39,306 26,83 112,156 196,156l208 0c90,0 168,-68 198,-145 38,-100 -12,-235 37,-309 19,-31 93,-73 160,-182 101,-166 108,-379 24,-555 -31,-65 -70,-111 -119,-160 -109,-109 -251,-164 -412,-164 -148,0 -297,69 -394,166 -96,96 -174,242 -174,389zm534 -334c0,97 117,-6 264,141 21,21 29,30 45,56 71,118 19,208 92,208 93,0 36,-221 -68,-324 -81,-81 -168,-123 -291,-123 -24,0 -42,19 -42,42zm-33 1118c41,0 166,7 191,-9 40,-25 18,-82 -20,-82l-188 0c-51,0 -60,91 17,91z'%3E%3C/path%3E%3C/g%3E%3C/svg%3E");
    --diskonIcon: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 71691 71691' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Cg%3E%3Cpath d='M58621 27318c0,1945 413,3441 1370,4769 1124,1560 2280,2186 2280,4025 0,1954 -3650,2918 -3650,8296 0,885 331,1921 331,4315 0,1598 -3597,1358 -6349,4104 -2455,2449 -1955,6183 -4436,6183 -2135,0 -5181,-1521 -8514,944 -840,621 -2588,2375 -3765,2375 -2044,0 -3675,-3817 -8296,-3817 -4022,0 -4791,2468 -6780,-3176 -812,-2305 -2857,-3907 -5129,-4661 -565,-188 -1782,-675 -2245,-1073 -1063,-916 -730,-2623 -463,-3881 1205,-5684 -3479,-7565 -3585,-9795 -104,-2180 4920,-4435 3563,-10065 -198,-823 -527,-3111 429,-3793 2050,-1461 5194,-959 7353,-5589 991,-2123 769,-3763 3206,-3763 2414,0 5404,1601 9169,-1783 2227,-2001 3224,-2059 5470,-80 3930,3463 6194,1863 9753,1863 2904,0 1206,6173 7778,8317 4597,1499 2510,3052 2510,6285zm-34846 -18253c-2484,0 -3622,825 -4718,2417 -999,1453 -1783,3972 -2383,4752 -709,920 -3100,1555 -4650,2485 -3061,1836 -2850,3215 -2850,6276 0,1107 331,1031 331,2820 0,1719 -1254,2752 -2017,3791 -4945,6737 2017,8304 2017,12471 0,2509 -1767,6542 2435,8849 821,450 1484,777 2354,1130 757,306 1773,721 2304,1346 851,1001 1338,3120 2393,4743 350,539 1165,1413 1738,1745 2657,1541 5509,273 6697,273 2048,0 2824,1053 4027,1946 3432,2546 5408,2456 8752,48 926,-667 1967,-1994 3980,-1994 747,0 1094,252 1836,320 4204,388 6005,-110 7859,-4563 1630,-3916 1659,-2718 5848,-4937 4266,-2259 2543,-6122 2543,-9238 0,-3718 7226,-5318 1496,-12780 -802,-1046 -1496,-1380 -1496,-3481 0,-2776 1799,-6173 -2518,-8765 -3703,-2224 -4067,-571 -5801,-4819 -1641,-4016 -3430,-5298 -7786,-4679 -579,82 -1130,227 -1691,255 -4321,209 -5894,-6387 -11940,-2602 -443,277 -754,500 -1176,815 -470,350 -688,605 -1084,907 -2127,1620 -3744,469 -6500,469zm3153 37335c0,799 560,1825 1991,1825 1158,0 1987,-1653 2522,-2456 715,-1073 1331,-1997 2058,-3086 1415,-2123 2700,-4050 4115,-6173 1391,-2085 2670,-4004 4049,-6073 1625,-2439 4048,-5021 2574,-6490 -2079,-2075 -3817,1800 -5130,3769 -1415,2123 -2700,4050 -4115,6172 -1413,2119 -2714,4071 -4115,6173 -715,1073 -1331,1997 -2057,3087 -416,623 -1892,2570 -1892,3252zm14270 -3485c0,-353 321,-965 499,-1160 918,-1005 2986,-522 2986,1160 0,2321 -3485,2158 -3485,0zm-3650 0c0,2696 2441,5310 4811,5310 1710,0 3195,-172 4526,-1614 2879,-3119 1322,-9006 -4194,-9006 -2700,0 -5143,2600 -5143,5310zm-8795 -12445c-1012,0 -1659,-740 -1659,-1825 0,-1462 1980,-2097 2948,-1123 972,979 380,2948 -1289,2948zm-5309 -1825c0,5810 7664,7658 10237,2273 467,-978 581,-2088 341,-3223 -991,-4705 -6809,-5711 -9518,-2138 -562,742 -1060,1860 -1060,3088z'%3E%3C/path%3E%3C/g%3E%3C/svg%3E");
    --cartIcon: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 6000 6000' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Cg%3E%3Cpath d='M4798 4922c-430,0 -586,-482 -337,-740 178,-185 488,-179 647,0 261,294 49,740 -310,740zm-2666 0c-273,0 -458,-205 -458,-431 0,-232 186,-444 416,-444 648,0 578,875 42,875zm-305 -3250c1036,0 2074,4 3111,0 302,-2 189,215 121,483l-310 1245c-26,103 -80,182 -149,240 -62,53 -179,101 -288,101l-1680 0c-220,0 -368,-113 -435,-273 -33,-80 -49,-197 -68,-293 -19,-94 -40,-195 -61,-300l-180 -903c-13,-64 -44,-261 -61,-300zm-1348 -750c0,202 255,153 389,153 606,0 515,-71 622,462 61,305 357,1865 422,2036 38,101 81,128 95,182 -389,0 -808,551 -574,1033 51,106 68,135 147,214 544,541 1274,40 1274,-441 0,-233 0,-308 -139,-514l1458 0c-19,74 -138,199 -138,430 0,300 172,550 411,672 488,249 1075,-119 1075,-616 0,-244 -41,-417 -230,-590 -93,-85 -251,-185 -382,-188 146,-218 184,-471 248,-725 65,-262 130,-522 194,-777 69,-277 177,-528 -28,-745 -184,-195 -514,-141 -830,-141l-2430 0c-75,0 -166,5 -238,1 -81,-3 -58,5 -90,-160 -103,-527 -488,-438 -1033,-438 -108,0 -223,47 -223,152zm2528 2389c29,0 82,-28 98,-41 99,-78 40,-216 11,-388 -15,-93 -34,-207 -50,-297 -37,-224 -28,-482 -212,-482 -56,0 -109,35 -130,78 -30,59 -19,102 -7,170 22,126 124,817 159,882 22,41 80,78 131,78zm736 -153c0,119 193,206 278,70 27,-42 33,-102 43,-165l120 -715c11,-72 23,-111 -8,-164 -62,-105 -251,-140 -291,89 -18,106 -31,191 -49,298l-93 587z'%3E%3C/path%3E%3C/g%3E%3C/svg%3E");
    --lampuIcon: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 6000 6000' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Cg%3E%3Cpath d='M3325 5215l-667 0c-188,0 -389,-200 -389,-389l0 -486 1472 0c0,292 42,545 -114,732 -59,71 -177,143 -302,143zm458 -1180l-333 0 0 -1014c0,-225 -306,-225 -306,0l0 1014 -291 0 0 -1347c0,-171 -306,-200 -306,55l0 1292c-446,0 -269,38 -403,-180 -79,-129 -156,-166 -226,-233 -288,-278 -537,-672 -537,-1129 0,-434 60,-681 294,-1025 158,-234 385,-404 636,-530 486,-246 1044,-183 1514,69 563,303 890,1013 776,1679 -16,93 -34,155 -63,243 -52,159 -119,296 -209,415l-139 167c-129,155 -388,296 -407,524zm-2708 -1709c0,504 103,842 361,1209 18,25 38,52 60,79 186,228 279,266 367,369 200,236 33,701 132,1021 84,273 372,517 649,517l695 0c299,0 558,-224 656,-483 127,-332 -38,-781 124,-1029 66,-101 310,-240 533,-605 338,-551 359,-1260 80,-1846 -103,-217 -234,-370 -397,-533 -361,-362 -832,-546 -1371,-546 -490,0 -987,230 -1309,552 -320,321 -580,806 -580,1295zm1778 -1110c0,322 389,-21 878,468 70,70 98,100 149,185 237,395 65,694 306,694 309,0 119,-736 -226,-1080 -270,-269 -559,-406 -968,-406 -78,0 -139,60 -139,139zm-111 3721c137,0 554,22 636,-30 134,-84 61,-275 -67,-275l-625 0c-171,0 -200,305 56,305z'%3E%3C/path%3E%3C/g%3E%3C/svg%3E");
    --arrowIcon: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 2577 2577' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Cg%3E%3Cpath d='M1312 525c0,35 49,76 70,97 65,65 580,573 598,601l-1414 0c-70,0 -143,-18 -143,72 0,63 74,59 137,59l1420 0c-19,28 -530,533 -595,598 -25,25 -73,57 -73,100 0,35 34,66 66,66 42,0 178,-152 213,-187l400 -399c87,-87 215,-181 140,-335 -22,-47 -475,-486 -537,-548l-149 -149c-29,-29 -30,-41 -73,-41 -34,0 -60,32 -60,66z'%3E%3C/path%3E%3C/g%3E%3C/svg%3E");
    --panahKiriIcon: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 880 880' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Cg%3E%3Cpath d='M432 179c0,12 -17,26 -24,33 -22,22 -198,196 -204,206l483 0c24,0 49,-7 49,24 0,22 -25,20 -47,20l-485 0c6,10 181,183 203,205 9,8 25,19 25,34 0,12 -12,22 -22,22 -15,0 -61,-51 -73,-63l-137 -137c-29,-30 -73,-61 -48,-114 8,-16 163,-166 184,-187l51 -51c9,-10 10,-14 25,-14 11,0 20,11 20,22z'%3E%3C/path%3E%3C/g%3E%3C/svg%3E");
    --customerIcon: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1362 1362' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Cg%3E%3Cpath d='M396 1184c-21,0 -16,-17 -16,-41l0 -107c1,-70 -41,-55 -161,-54 -68,0 -41,-17 -2,-56 25,-25 109,-113 125,-124 5,1 49,21 53,24 18,13 26,69 57,94 56,45 120,-21 168,43 -9,13 -166,167 -194,195 -6,6 -21,26 -30,26zm346 -224c52,-27 16,-30 79,-25 39,2 67,5 91,-17 20,-18 29,-42 41,-69 13,-32 29,-27 67,-47 6,5 164,157 164,167 0,19 -18,13 -41,13 -181,-1 -162,-21 -161,161 0,72 -19,39 -70,-12 -23,-23 -161,-158 -170,-171zm256 -530c0,76 55,90 52,119 -3,29 -52,42 -52,118 0,59 30,63 -37,86 -87,31 -69,116 -105,116 -32,0 -73,-20 -122,13 -12,7 -37,34 -51,34 -27,0 -51,-54 -117,-54 -57,0 -67,31 -90,-36 -29,-84 -115,-73 -115,-99 0,-44 19,-78 -14,-128 -9,-14 -33,-35 -33,-52 0,-25 53,-53 53,-117 0,-18 -6,-27 -6,-63 0,-29 81,-10 115,-99 27,-67 19,-36 93,-36 59,0 91,-54 114,-54 21,0 50,54 113,54 26,0 37,-7 63,-7 26,0 19,65 74,103 26,17 45,17 61,28 18,13 4,45 4,74zm-706 -69c0,23 2,36 3,54 3,53 -15,44 -37,80 -18,30 -19,72 -1,102 21,36 40,28 38,76 -1,19 -3,31 -3,54 0,33 19,7 -37,64l-108 107c-18,18 -38,36 -38,71 0,24 10,44 23,57 12,12 29,25 53,25l126 0 0 120c0,46 34,82 88,82 35,0 62,-32 81,-51 27,-27 189,-192 203,-201 14,9 173,171 199,198 34,34 43,54 94,54 38,0 75,-37 75,-75l0 -127 127 0c42,0 75,-35 75,-88 0,-38 -53,-79 -86,-113 -17,-17 -32,-31 -49,-48 -13,-14 -37,-41 -51,-50 2,-21 6,-30 3,-60 -2,-29 -11,-35 13,-66 8,-11 19,-19 25,-32 16,-30 16,-61 1,-92 -7,-14 -15,-20 -25,-32 -44,-55 17,-112 -38,-160 -17,-15 -31,-20 -52,-30 -30,-14 -29,-9 -43,-40 -48,-114 -92,-78 -155,-78 -38,1 -47,-53 -117,-53 -61,0 -72,48 -108,53 -7,1 -25,-2 -36,-3 -27,-2 -66,-8 -93,25 -42,54 -15,71 -69,94 -20,8 -38,18 -53,29 -13,10 -28,32 -28,54zm211 192c0,-59 18,-98 53,-133 69,-69 177,-69 248,-3l4 4c16,17 21,22 32,44 25,50 27,111 1,162 -54,109 -199,134 -284,49 -27,-28 -54,-70 -54,-123zm-69 -9c0,80 31,137 73,179 95,95 252,97 343,5 41,-42 78,-97 78,-162 0,-55 1,-77 -25,-129 -16,-34 -26,-44 -51,-69 -130,-131 -340,-59 -395,73 -13,32 -23,60 -23,103z'%3E%3C/path%3E%3C/g%3E%3C/svg%3E");
    --Icon: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' viewBox='0 0  ' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Cg%3E%3Cpath d=''%3E%3C/path%3E%3C/g%3E%3C/svg%3E");
}
/*#endregion*/

/*#region >>>>> DEFAULT BLAZOR*/
    .loading-progress {
        position: relative;
        display: block;
        width: 8rem;
        height: 8rem;
        margin: 20vh auto 1rem auto;
    }
    .loading-progress circle {
        fill: none;
        stroke: #e0e0e0;
        stroke-width: 0.6rem;
        transform-origin: 50% 50%;
        transform: rotate(-90deg);
        -webkit-transform-origin: 50% 50%;
        -webkit-transform: rotate(-90deg);
    }
    .loading-progress circle:last-child {
        stroke: #1b6ec2;
        stroke-dasharray: calc(3.141 * var(--blazor-load-percentage, 0%) * 0.8), 500%;
        transition: stroke-dasharray 0.05s ease-in-out;
        -webkit-transition: stroke-dasharray 0.05s ease-in-out;
    }
    .loading-progress-text {
        position: absolute;
        text-align: center;
        font-weight: bold;
        inset: calc(20vh + 3.25rem) 0 auto 0.2rem;
    }
    .loading-progress-text:after {
        content: var(--blazor-load-percentage-text, "Loading");
    }
/*#endregion*/

/*#region >>>>> ERROR UI DESIGN*/
    #blazor-error-ui {
        display: none;
        position: fixed;
        left: 0;
        bottom: 0;
        width: 100%;
        padding: .65rem 1.25rem .65rem 8.5rem;
        background: linear-gradient(to right, #ffd78c, #ffe7bb, #ffd8d6, #ffccca);
        box-shadow: 0 -2px 25px #00000020;
        user-select: none;
        z-index: 9999;
    }
    #blazor-error-ui .error-wrap {
        position: relative;
        display: flex;
        justify-content: space-between;
        align-items: center;
        gap: 1rem;
    }
    #blazor-error-ui .error-text {
        display: flex;
        align-items: center;
        gap: .5rem;
    }
    #blazor-error-ui .error-text div:first-child {
        position: absolute;
        left: -7rem;
        bottom: -.7rem;
        width: 7rem;
    }
    #blazor-error-ui img {
        width: 100%;
        height: auto;
    }
    #blazor-error-ui p:first-child {
        font-size: 1rem;
        font-weight: 700;
        margin-bottom: 0;
    }
    #blazor-error-ui p:last-child {
        font-size: .9rem;
        font-weight: 400;
        margin-bottom: 0;
    }
    #blazor-error-ui a:hover {
        color: #fff;
    }
/*#endregion*/

/*#region >>>>> LOADING AWAL*/
    #app .loading-utama {
        display: flex;
        justify-content: center;
        align-items: center;
        width: 100%;
        height: 100vh;
        user-select: none;
    }
    #app .loading-utama .wrapper {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        max-width: 350px;
        text-align: center;
    }
    #app .loading-utama .logo {
        position: relative;
        height: 95px;
        margin-bottom: 1rem;
    }
    #app .loading-utama .logo::after {
        content: "";
        position: absolute;
        left: 0;
        right: 0;
        bottom: 0;
        margin: auto;
        width: 45px;
        height: 4px;
        border-radius: 50%;
        background: #00000042;
        animation: shadowAnim .4s ease-in-out infinite alternate;
        -webkit-animation: shadowAnim .4s ease-in-out infinite alternate;
    }
    @keyframes shadowAnim {
        0% {
            transform: scale(.5);
            -webkit-transform: scale(.5);
        }
        100% {
            transform: scale(1);
            -webkit-transform: scale(1);
        }
    }
    @-webkit-keyframes shadowAnim {
        0% {
            transform: scale(.5);
            -webkit-transform: scale(.5);
        }
        100% {
            transform: scale(1);
            -webkit-transform: scale(1);
        }
    }
    #app .loading-utama img {
        width: 75px;
        height: 75px;
        animation: pinAnim 0.4s ease-in-out infinite alternate;
        -webkit-animation: pinAnim 0.4s ease-in-out infinite alternate;
    }
    @keyframes pinAnim {
        0% {
            transform: translateY(0);
            -webkit-transform: translateY(0);
        }
        100% {
            transform: translateY(5px);
            -webkit-transform: translateY(5px);
        }
    }
    @-webkit-keyframes pinAnim {
        0% {
            transform: translateY(0);
            -webkit-transform: translateY(0);
        }
        100% {
            transform: translateY(5px);
            -webkit-transform: translateY(5px);
        }
    }
    #app .loading-utama p:nth-of-type(1) {
        font-size: 1.5rem;
        font-weight: 800;
        text-transform: uppercase;
        margin-bottom: 0;
        background-image: linear-gradient(45deg, #a3d55d, #409a48, #a3d55d);
        background-size: 200px;
        background-repeat: repeat;
        background-position-x: 0;
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent; 
        -moz-background-clip: text;
        -moz-text-fill-color: transparent;
        animation: fillAnimTextLoading 5s ease infinite;
        -webkit-animation: fillAnimTextLoading 5s ease infinite;
    }
    @keyframes fillAnimTextLoading {
        0% {
            background-position-x: 0px;
        }
        100% {
            background-position-x: 400px;
        }
    }
    #app .loading-utama p:nth-of-type(1):after {
        content: var(--blazor-load-percentage-text);
        margin-left: .5rem;
    }
    #app .loading-utama p:nth-of-type(2) {
        color: #555555;
        font-size: 1rem;
        line-height: 1.1;
        margin-bottom: 0;
    }
    #app .loading-utama .nama-asset {
        color: var(--primer);
        font-size: .7rem;
        margin-top: 1.3rem;
        overflow: hidden;
        display: -webkit-box;
        -webkit-line-clamp: 1;
        -webkit-box-orient: vertical;
    }
/*#endregion*/

/*#region >>>>> CUSTOM VALIDATION MESSAGE*/
    .validation-message {
        position: relative;
        color: darkorange;
        font-size: .75rem;
        margin-top: .25rem;
    }
    .validation-message::before {
        content: '';
        display: inline-block;
        width: 13px;
        height: 13px;
        vertical-align: -1.5px;
        background-image: var(--exclamationSolidIcon);
        background-size: contain;
        background-position: center;
        background-repeat: no-repeat;
        filter: invert(64%) sepia(34%) saturate(4719%) hue-rotate(358deg) brightness(99%) contrast(106%);
        margin-right: .25rem;
    }
/*#endregion*/

/*#region >>>>> CUSTOM SCROLLBAR*/
    *::-webkit-scrollbar {
        height: 18px;
    }
    *::-webkit-scrollbar-track {
        background: transparent;
    }
    *::-webkit-scrollbar-thumb {
        background-image: linear-gradient(to top, #cfcfcf, lightgrey, #cfcfcf);
        border: 4px solid transparent;
        border-radius: 9px;
        background-clip: content-box;
    }
/*#endregion*/

/*#region >>>>> TEXT TRUNCATE*/
    .single-truncate {
      overflow: hidden;
      white-space: nowrap;
      text-overflow: ellipsis;
    }
    .multi-truncate {
      overflow: hidden;
      display: -webkit-box;
      -webkit-line-clamp: var(--maxLine);
      -webkit-box-orient: vertical;
    }
/*#endregion*/

/*#region >>>>> HIDE ARROW INPUT NUMBER*/
    input[type="number"]::-webkit-outer-spin-button,
    input[type="number"]::-webkit-inner-spin-button {
        -webkit-appearance: none;
        margin: 0;
    }
    /* Firefox */
    input[type=number] {
        -moz-appearance: textfield;
    }
/*#endregion*/

/*#region >>>>> CUSTOM TOAST BLAZOR*/
    #infoToast .position-topright {
        pointer-events: none;
        z-index: 99999;
    }
/*#endregion*/

/*#region >>>>> CUSTOM AUTO COMPLETE SF*/
    .e-input-group input.e-input,
    .e-input-group.e-control-wrapper input.e-input,
    .e-input-group textarea.e-input,
    .e-input-group.e-control-wrapper textarea.e-input {
        border-color: #e1e1e1 !important;
    }
    .e-input-group:not(.e-success):not(.e-warning):not(.e-error),
    .e-input-group.e-control-wrapper:not(.e-success):not(.e-warning):not(.e-error) {
        width: 100%;
        height: 2.4rem;
        font-size: 1rem;
        font-weight: 400;
        line-height: 1.5;
        margin: 0;
        color: #000;
        background-color: #fff;
        border: 1px solid #e1e1e1 !important;
        border-radius: .5rem;
        transition: all .25s ease-in-out;
        -webkit-transition: all .25s ease-in-out;
    }
    .e-input-group:hover:not(.e-success):not(e.-warning):not(.e-error):not(.e-disabled),
    .e-input-group.e-control-wrapper:hover:not(.e-success):not(.e-warning):not(.e-error):not(.e-disabled) {
        border-color: #e1e1e1 !important;
    }
    .e-input-group:active:hover:not(.e-success):not(e.-warning):not(.e-error):not(.e-disabled),
    .e-input-group.e-control-wrapper:active:hover:not(.e-success):not(.e-warning):not(.e-error):not(.e-disabled),
    .e-input-group.e-input-focus:not(.e-success):not(.e-warning):not(.e-error),
    .e-input-group.e-control-wrapper.e-input-focus:not(.e-success):not(.e-warning):not(.e-error) {
        border-color: #e1e1e1 !important;
        box-shadow: 0 0 0 4px #f4433650;
    }
    .input.e-input,
    .e-input-group input,
    .e-input-group.e-control-wrapper input,
    .e-input-group input.e-input,
    .e-input-group.e-control-wrapper input.e-input {
        height: 100% !important;
        padding: .4rem .75rem !important;
    }
    .e-clear-icon {
        display: none !important;
    }
/*#endregion*/