PageSourceSearch

https://www.ambricol.es/

html ambricol.es collected 2026-10-09 22:39:13 UTC 1,160,972 bytes, 20,519 lines download raw bytes

1
2
3<!doctype html>
4
5<html lang="id-ID">
6    <head>
7        
7<script async="" src="https://t.contentsquare.net/uxa/4a538462d6e27.js" type="text/javascript"></script>
7
8        
8<script async="" src="https://c.o-s.io/115069/tracker.js" type="text/javascript"></script>
8
9        
9<script async="" src="https://www.google-analytics.com/plugins/ua/ec.js" type="text/javascript"></script>
9
10        
10<script async="" src="https://www.google-analytics.com/analytics.js" type="text/javascript"></script>
10
11        
11<script async="" src="https://static.ads-twitter.com/uwt.js"></script>
11
12        
12<script>
13            var parcelRequire;
14            var _bwaq = _bwaq || [];
15            var akcr = akcr || [];
16            var dataLayer = window.dataLayer || [];
17            if (window.dataLayer) {
18                window.dataLayer.push({
19                    appType: "spa",
20                });
21            }
22            var _spapi = _spapi || [];
23            _spapi.push(["_partner", "blibli"]);
24            window._HIDDEN_HOME_MOBILE_SECTIONS =
25                "PRERENDER_LONG_BANNER,PRERENDER_USP_LONG_BANNER,C3_RECOMMENDATION,POPULAR_CATEGORY,TRENDING_SEARCH";
26            window._HIDDEN_HOME_DESKTOP_SECTIONS =
27                "PRERENDER_LONG_BANNER,PRERENDER_USP_LONG_BANNER,C3_RECOMMENDATION,POPULAR_CATEGORY,TRENDING_SEARCH,PERSONALIZED_SECTION";
28
29            window._MCDOMO_PUBLIC_PATH = "mcdomo.id";
30
31            window._FLASHSALE_NEW_API = "true";
32
33            window._GROCERY_AVAILABLE = "true";
34            window._GROCERY_ONBOARDING = "";
35
36            window._SCANNER_AVAILABLE = "true";
37
38            window._FB_OG_IMAGE_URL_META = "https://www.static-src.com/siva/asset/09_2023/homepage_fb_rebranding.jpg";
39            window._WA_OG_IMAGE_URL_META =
40                "https://www.static-src.com/siva/asset/09_2023/homepage_square_rebranding.jpg";
41            window._TWITTER_CARD_IMAGE_URL_META =
42                "https://www.static-src.com/siva/asset/09_2023/homepage_square_rebranding.jpg";
43
44            window._MEMBER_UNM_ACTIVE_FLAG = "true";
45            window._MEMBER_UNM_BASE_URL = "https://account.bliblitiket.com";
46            window._MEMBER_UNM_LOGIN_URL = "/login";
47            window._MEMBER_UNM_REGISTER_URL = "/register";
48            window._MEMBER_UNM_ACCOUNT_URL = "/account";
49            window._MEMBER_UNM_VERIFY_URL = "/account/edit";
50            window._MEMBER_UNM_BLIBLI_CLIENT_ID = "3ca1ed67701249861819ba4850f4f135";
51            window._MEMBER_UNM_INFO_URL = "/info";
52            window._MEMBER_UNM_SSO_REDIRECTION_FLAG = "true";
53
54            window._MEMBER_USE_VUE3 = "true";
55
56            window._MEMBER_GA_STREAM_ID = "G3ZP2F3MW9";
57
58            window._MEMBER_USE_IAM_API = "false";
59
60            window._MEMBER_AFFILIATE_PNV_URL = "/verify-phone-number?ref=";
61            window._MEMBER_AFFILIATE_PNV_APPS_WEB_VIEW = "?appsWebview=true";
62        </script>
62
63        <title>GENDUT188 | Ruang Game Digital Modern dengan Akses Praktis dan Pilihan Hiburan Beragam</title>
64        <meta name="robots" content="index, follow" />
65        <meta content="text/html; charset=utf-8" http-equiv="Content-Type" />
66        <meta content="IE=edge" http-equiv="X-UA-Compatible" />
67        <meta
68            content="AllxSN0BrDmI9f9koUyx9fcVvuJ1gJDgZwqVVrYfgGuioD1brzdJ+xc37gw5OAznh+/Ump5CV1FtoKjtoMiKKQsAAABneyJvcmlnaW4iOiJodHRwczovL3d3dy5ibGlibGkuY29tOjQ0MyIsImZlYXR1cmUiOiJDb250ZW50SW5kZXgiLCJleHBpcnkiOjE1OTQxNjYzOTksImlzU3ViZG9tYWluIjp0cnVlfQ=="
69            http-equiv="origin-trial"
70        />
71        <meta content="width=device-width,height=device-height,initial-scale=1,maximum-scale=2" name="viewport" />
72        <meta content="u8isKuw1Ex9e-K2pl885nUOO9K0MfbHG1M2cC84QPZ0" name="google-site-verification" />
73        <link href="/sw/manifest.json" rel="manifest" />
74        <meta content="#0072FF" name="theme-color" />
75        <link href="https://www.ambricol.es/img/gendut188/ico-gendut188.webp" rel="icon" sizes="16x16" type="image/png" />
76        <link href="https://www.ambricol.es/img/gendut188/ico-gendut188.webp" rel="icon" sizes="32x32" type="image/png" />
77        <link href="https://www.ambricol.es/img/gendut188/ico-gendut188.webp" rel="icon" sizes="60x60" type="image/png" />
78        <link href="https://www.ambricol.es/img/gendut188/ico-gendut188.webp" rel="icon" sizes="144x144" type="image/png" />
79        <link href="https://www.ambricol.es/img/gendut188/ico-gendut188.webp" rel="apple-touch-icon" sizes="16x16" />
80        <link href="https://www.ambricol.es/img/gendut188/ico-gendut188.webp" rel="apple-touch-icon" sizes="32x32" />
81        <link href="https://www.ambricol.es/img/gendut188/ico-gendut188.webp" rel="apple-touch-icon" sizes="60x60" />
82        <link href="https://www.ambricol.es/img/gendut188/ico-gendut188.webp" rel="apple-touch-icon" sizes="144x144" />
83        <meta content="GENDUT188" property="og:site_name" />
84        <meta content="website" property="og:type" />
85        <meta content="summary" name="twitter:card" />
86        <meta content="@bliblidotcom" name="twitter:site" />
87        <meta content="@bliblidotcom" name="twitter:creator" />
88        <link
89            href="https://www.blibli.com/opensearch.xml"
90            rel="search"
91            title="Blibli.com Search"
92            type="application/opensearchdescription+xml"
93        />
94        <link
95            href="/opensearch.xml"
96            rel="search"
97            title="Blibli.com search"
98            type="application/opensearchdescription+xml"
99        />
100        <meta content="nYmz2aHuzvfMvXG7QDYq8-mSmOEPaLtstpSQh9Han1U" name="google-site-verification" />
101        
101<script>
102            // assign public path
103            function attachPublicPath(type) {
104                window["_" + type + "_staticPublicPath"] = function () {
105                    return (
106                        "https://www.static-src.com/frontend/" +
107                        (type && type !== "" && type !== "main" ? type + "/" : "")
108                    );
109                };
110            }
111            attachPublicPath("main");
112            window._env_prefix = "";
113            var modules = [
114                "member",
115                "product",
116                "retail",
117                "retail-thank-you",
118                "retail-/assets/checkout",
119                "retail-/assets/change-payment",
120                "retail-bundling-catalog",
121                "catalog",
122                "member-return",
123                "member-cases",
124                "member-official",
125                "wallet",
126                "content",
127                "content-all-promo",
128                "content-flashsale",
129                "account",
130                "curated",
131                "scanner",
132                "review",
133                "member-voucher",
134                "member-reward",
135                "instore",
136                "product-cnc",
137                "member-digital",
138                "ticket-voucher",
139                "financial-service-order",
140                "travel",
141                "product-detail",
142                "order-retail",
143                "subscription",
144                "product-trade-in",
145                "product-add-on",
146                "member-wishlist",
147                "advertisement",
148                "insurance",
149                "sellerchat",
150                "hall-of-fame",
151                "grocery-cart",
152                "grocery-homepage",
153                "product-discussion",
154                "notification",
155                "referral",
156                "affiliate",
157                "official-store-landing-page",
158                "omg",
159            ];
160            var collabs = [
161                "4.14.0-1",
162                "1.69.0-1",
163                "4.3.0-3",
164                "2.13.0-1",
165                "3.11.0-3",
166                "3.7.0-1",
167                "3.12.0-1",
168                "5.4.0-14",
169                "1.66.0-10",
170                "2.10.0-0",
171                "1.39.0-1",
172                "1.72.0-2",
173                "1.92.1-2",
174                "0.16.0-2",
175                "0.31.0-2",
176                "1.9.0-1",
177                "0.6.0-2",
178                "0.4.0-3",
179                "2.17.0-9",
180                "2.5.0-3",
181                "2.9.0-3",
182                "2.2.0-2",
183                "1.9.0-6",
184                "2.25.0-11",
185                "1.33.0-1",
186                "1.38.0-4",
187                "1.25.0-2",
188                "2.26.1-8",
189                "2.7.0-2",
190                "1.51.0-1",
191                "1.41.0-2",
192                "2.7.0-1",
193                "3.5.0-1",
194                "3.17.0-5",
195                "2.10.0-2",
196                "2.24.0-2",
197                "1.4.0-1",
198                "1.6.0-1",
199                "1.16.1-0",
200                "1.1.0-3",
201                "1.3.0-1",
202                "1.1.0-2",
203                "1.11.0-3",
204                "1.2.0-1",
205                "1.0.0-12",
206            ];
207            for (var i = 0; i < modules.length; i++) {
208                var mod = modules[i];
209                attachPublicPath(mod);
210                window["_" + mod + "_ver"] = collabs[i];
211            }
212            window._static_image_path = "https://www.static-src.com/wcsstore/Indraprastha/";
213            window._homepage_component = "histeria11-11";
214            window._blibli_version = "4.110.0-12";
215        </script>
215
216        
216<script>
217            (function () {
218                function __vitePluginPublicPath_addLinkTag(rel, href, integrity) {
219                    var link = document.createElement("link");
220                    link.rel = rel;
221                    link.href = href;
222                    if (integrity) {
223                        link.integrity = integrity;
224                    }
225                    document.head.appendChild(link);
226                }
227                __vitePluginPublicPath_addLinkTag(
228                    "stylesheet",
229                    window["_main_staticPublicPath"]() + "static\u002Findex.5da5dd52.css",
230                    undefined
231                );
232            })();
233        </script>
233
234        <link href="https://www.static-src.com/frontend/static/index.5da5dd52.css" rel="stylesheet" />
235        <!--vue-ssr-collab-preload-->
236        <link href="https://www.static-src.com/frontend/static/index.5da5dd52.css" rel="stylesheet" />
237        <style>
238            .blu-ripple[data-v-2bedc3c7] {
239                width: 100%;
240                height: 100%;
241                position: relative;
242                overflow: hidden;
243                display: flex;
244                justify-content: center;
245                align-items: center;
246                -webkit-box-pack: center;
247                -webkit-box-align: center;
248                -webkit-mask-image: radial-gradient(circle, #fff 100%, #000 0);
249                padding: 0 12px;
250            }
251            .blu-ripple-wave[data-v-2bedc3c7] {
252                position: absolute;
253                z-index: 1;
254                pointer-events: none;
255                background: currentColor;
256                border-radius: 50%;
257                opacity: 0;
258                transform: scale(2) translateZ(0);
259            }
260            .blu-ripple-wave.b-centered[data-v-2bedc3c7] {
261                animation-duration: 1.2s;
262                top: 50%;
263                left: 50%;
264            }
265            .blu-ripple-wave ~ [data-v-2bedc3c7]:not(.blu-ripple-wave) {
266                position: relative;
267                z-index: 2;
268            }
269            .blu-ripple-enter-active[data-v-2bedc3c7] {
270                transition: 2s cubic-bezier(0.25, 0.8, 0.25, 1);
271                transition-property: opacity, transform;
272                will-change: opacity, transform;
273            }
274            .blu-ripple-enter-active.b-centered[data-v-2bedc3c7] {
275                transition-duration: 1.2s;
276            }
277            .blu-ripple-enter[data-v-2bedc3c7] {
278                opacity: 0.26;
279                transform: scale(0.26) translateZ(0);
280            }
281            .has-left-icon .blu-ripple svg[data-v-2bedc3c7] {
282                margin-right: 8px;
283            }
284            .has-left-icon.b-small svg[data-v-2bedc3c7] {
285                transform-origin: left;
286                margin-right: 4px;
287            }
288            .b-large .blu-ripple[data-v-2bedc3c7] {
289                padding: 0 16px;
290            }
291            .b-small .blu-ripple[data-v-2bedc3c7] {
292                padding: 0 8px;
293            }
294            .b-small svg[data-v-2bedc3c7] {
295                width: 18px;
296                height: 18px;
297            }
298            .b-icon .blu-ripple[data-v-2bedc3c7] {
299                padding: 0;
300            }
301            .b-loading .blu-loader-wrapper[data-v-2bedc3c7] {
302                height: 24px;
303                position: absolute;
304            }
305            .b-loading .blu-ripple[data-v-2bedc3c7] {
306                color: transparent;
307            }
308            .b-loading .blu-ripple > svg[data-v-2bedc3c7] {
309                visibility: hidden;
310            }
311            .b-loading .blu-ripple .blu-ripple-wave[data-v-2bedc3c7] {
312                color: #fff;
313            }
314            .b-loading.b-outline.b-secondary .blu-ripple-wave[data-v-2bedc3c7],
315            .b-loading.b-white .blu-ripple-wave[data-v-2bedc3c7] {
316                color: #0072ff;
317            }
318            .b-loading.b-outline.b-primary .blu-ripple-wave[data-v-2bedc3c7] {
319                color: #0ea5e9;
320            }
321            .b-loading.b-ghost.b-secondary .blu-ripple-wave[data-v-2bedc3c7] {
322                color: #0072ff;
323            }
324            .b-loading.b-ghost.b-primary .blu-ripple-wave[data-v-2bedc3c7] {
325                color: #0ea5e9;
326            }
327            .blu-input-stepper .blu-btn .blu-ripple[data-v-2bedc3c7] {
328                padding: 0;
329                width: 24px;
330                height: 24px;
331                border-radius: 50%;
332            }
333            .blu-input-stepper .blu-btn .blu-ripple svg[data-v-2bedc3c7] {
334                width: 18px;
335                height: 18px;
336                margin-left: 1px;
337            }
338            .blu-input-stepper .blu-btn .blu-ripple-enter-active[data-v-2bedc3c7] {
339                background: #0072ff;
340            }
341            .b-disabled[data-v-2bedc3c7] {
342                opacity: 1;
343            }
344            .blu-btn-dropdown .blu-ripple > svg + div[data-v-2bedc3c7] {
345                margin-left: 8px;
346            }
347            .blu-ripple[data-v-574d97b4] {
348                width: 100%;
349                height: 100%;
350                position: relative;
351                overflow: hidden;
352                display: flex;
353                justify-content: center;
354                align-items: center;
355                -webkit-box-pack: center;
356                -webkit-box-align: center;
357                -webkit-mask-image: radial-gradient(circle, #fff 100%, #000 0);
358                padding: 0 12px;
359            }
360            .blu-ripple-wave[data-v-574d97b4] {
361                position: absolute;
362                z-index: 1;
363                pointer-events: none;
364                background: currentColor;
365                border-radius: 50%;
366                opacity: 0;
367                transform: scale(2) translateZ(0);
368            }
369            .blu-ripple-wave.b-centered[data-v-574d97b4] {
370                animation-duration: 1.2s;
371                top: 50%;
372                left: 50%;
373            }
374            .blu-ripple-wave ~ [data-v-574d97b4]:not(.blu-ripple-wave) {
375                position: relative;
376                z-index: 2;
377            }
378            .blu-ripple-enter-active[data-v-574d97b4] {
379                transition: 2s cubic-bezier(0.25, 0.8, 0.25, 1);
380                transition-property: opacity, transform;
381                will-change: opacity, transform;
382            }
383            .blu-ripple-enter-active.b-centered[data-v-574d97b4] {
384                transition-duration: 1.2s;
385            }
386            .blu-ripple-enter[data-v-574d97b4] {
387                opacity: 0.26;
388                transform: scale(0.26) translateZ(0);
389            }
390            .has-left-icon .blu-ripple svg[data-v-574d97b4] {
391                margin-right: 8px;
392            }
393            .has-left-icon.b-small svg[data-v-574d97b4] {
394                transform-origin: left;
395                margin-right: 4px;
396            }
397            .b-large .blu-ripple[data-v-574d97b4] {
398                padding: 0 16px;
399            }
400            .b-small .blu-ripple[data-v-574d97b4] {
401                padding: 0 8px;
402            }
403            .b-small svg[data-v-574d97b4] {
404                width: 18px;
405                height: 18px;
406            }
407            .b-icon .blu-ripple[data-v-574d97b4] {
408                padding: 0;
409            }
410            .b-loading .blu-loader-wrapper[data-v-574d97b4] {
411                height: 24px;
412                position: absolute;
413            }
414            .b-loading .blu-ripple[data-v-574d97b4] {
415                color: transparent;
416            }
417            .b-loading .blu-ripple > svg[data-v-574d97b4] {
418                visibility: hidden;
419            }
420            .b-loading .blu-ripple .blu-ripple-wave[data-v-574d97b4] {
421                color: #fff;
422            }
423            .b-loading.b-outline.b-secondary .blu-ripple-wave[data-v-574d97b4],
424            .b-loading.b-white .blu-ripple-wave[data-v-574d97b4] {
425                color: #0072ff;
426            }
427            .b-loading.b-outline.b-primary .blu-ripple-wave[data-v-574d97b4] {
428                color: #0ea5e9;
429            }
430            .b-loading.b-ghost.b-secondary .blu-ripple-wave[data-v-574d97b4] {
431                color: #0072ff;
432            }
433            .b-loading.b-ghost.b-primary .blu-ripple-wave[data-v-574d97b4] {
434                color: #0ea5e9;
435            }
436            .blu-input-stepper .blu-btn .blu-ripple[data-v-574d97b4] {
437                padding: 0;
438                width: 24px;
439                height: 24px;
440                border-radius: 50%;
441            }
442            .blu-input-stepper .blu-btn .blu-ripple svg[data-v-574d97b4] {
443                width: 18px;
444                height: 18px;
445                margin-left: 1px;
446            }
447            .blu-input-stepper .blu-btn .blu-ripple-enter-active[data-v-574d97b4] {
448                background: #0072ff;
449            }
450            .b-disabled[data-v-574d97b4] {
451                opacity: 1;
452            }
453            .blu-btn-dropdown .blu-ripple > svg + div[data-v-574d97b4] {
454                margin-left: 8px;
455            }
456            .blu-ripple[data-v-19fd2cc7] {
457                width: 100%;
458                height: 100%;
459                position: relative;
460                overflow: hidden;
461                display: flex;
462                justify-content: center;
463                align-items: center;
464                -webkit-box-pack: center;
465                -webkit-box-align: center;
466                -webkit-mask-image: radial-gradient(circle, #fff 100%, #000 0);
467                padding: 0 12px;
468            }
469            .blu-ripple-wave[data-v-19fd2cc7] {
470                position: absolute;
471                z-index: 1;
472                pointer-events: none;
473                background: currentColor;
474                border-radius: 50%;
475                opacity: 0;
476                transform: scale(2) translateZ(0);
477            }
478            .blu-ripple-wave.b-centered[data-v-19fd2cc7] {
479                animation-duration: 1.2s;
480                top: 50%;
481                left: 50%;
482            }
483            .blu-ripple-wave ~ [data-v-19fd2cc7]:not(.blu-ripple-wave) {
484                position: relative;
485                z-index: 2;
486            }
487            .blu-ripple-enter-active[data-v-19fd2cc7] {
488                transition: 2s cubic-bezier(0.25, 0.8, 0.25, 1);
489                transition-property: opacity, transform;
490                will-change: opacity, transform;
491            }
492            .blu-ripple-enter-active.b-centered[data-v-19fd2cc7] {
493                transition-duration: 1.2s;
494            }
495            .blu-ripple-enter[data-v-19fd2cc7] {
496                opacity: 0.26;
497                transform: scale(0.26) translateZ(0);
498            }
499            .has-left-icon .blu-ripple svg[data-v-19fd2cc7] {
500                margin-right: 8px;
501            }
502            .has-left-icon.b-small svg[data-v-19fd2cc7] {
503                transform-origin: left;
504                margin-right: 4px;
505            }
506            .b-large .blu-ripple[data-v-19fd2cc7] {
507                padding: 0 16px;
508            }
509            .b-small .blu-ripple[data-v-19fd2cc7] {
510                padding: 0 8px;
511            }
512            .b-small svg[data-v-19fd2cc7] {
513                width: 18px;
514                height: 18px;
515            }
516            .b-icon .blu-ripple[data-v-19fd2cc7] {
517                padding: 0;
518            }
519            .b-loading .blu-loader-wrapper[data-v-19fd2cc7] {
520                height: 24px;
521                position: absolute;
522            }
523            .b-loading .blu-ripple[data-v-19fd2cc7] {
524                color: transparent;
525            }
526            .b-loading .blu-ripple > svg[data-v-19fd2cc7] {
527                visibility: hidden;
528            }
529            .b-loading .blu-ripple .blu-ripple-wave[data-v-19fd2cc7] {
530                color: #fff;
531            }
532            .b-loading.b-outline.b-secondary .blu-ripple-wave[data-v-19fd2cc7],
533            .b-loading.b-white .blu-ripple-wave[data-v-19fd2cc7] {
534                color: #0072ff;
535            }
536            .b-loading.b-outline.b-primary .blu-ripple-wave[data-v-19fd2cc7] {
537                color: #0ea5e9;
538            }
539            .b-loading.b-ghost.b-secondary .blu-ripple-wave[data-v-19fd2cc7] {
540                color: #0072ff;
541            }
542            .b-loading.b-ghost.b-primary .blu-ripple-wave[data-v-19fd2cc7] {
543                color: #0ea5e9;
544            }
545            .blu-input-stepper .blu-btn .blu-ripple[data-v-19fd2cc7] {
546                padding: 0;
547                width: 24px;
548                height: 24px;
549                border-radius: 50%;
550            }
551            .blu-input-stepper .blu-btn .blu-ripple svg[data-v-19fd2cc7] {
552                width: 18px;
553                height: 18px;
554                margin-left: 1px;
555            }
556            .blu-input-stepper .blu-btn .blu-ripple-enter-active[data-v-19fd2cc7] {
557                background: #0072ff;
558            }
559            .blu-btn-dropdown .blu-ripple > svg + div[data-v-19fd2cc7] {
560                margin-left: 8px;
561            }
562            .blu-btn[data-v-19fd2cc7] {
563                position: relative;
564                font:
565                    16px/20px blibli demi bold,
566                    -apple-system,
567                    segoe ui,
568                    roboto,
569                    helvetica,
570                    arial,
571                    sans-serif;
572                text-decoration: none;
573                transition:
574                    color 0.4s,
575                    background-color 0.4s,
576                    border-color 0.6s;
577                white-space: nowrap;
578                height: 48px;
579                padding: 0;
580                -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
581            }
582            .blu-btn[data-v-19fd2cc7]::-moz-focus-inner {
583                border: 0;
584            }
585            .blu-btn[data-v-19fd2cc7]:active {
586                outline: none;
587            }
588            .blu-btn[data-v-19fd2cc7]:before {
589                position: absolute;
590                top: 0;
591                right: 0;
592                bottom: 0;
593                left: 0;
594                z-index: 1;
595                opacity: 0;
596                transition: 0.4s cubic-bezier(0.4, 0, 0.2, 1);
597                will-change: background-color, opacity;
598                content: " ";
599            }
600            .blu-btn[data-v-19fd2cc7]:focus-visible {
601                box-shadow: 0 0 0 4px #000;
602            }
603            .blu-btn.b-primary[data-v-19fd2cc7] {
604                color: #fff;
605                background-color: #0ea5e9;
606                border-color: #0ea5e9;
607            }
608            .blu-btn.b-primary:not(.b-disabled).b-active[data-v-19fd2cc7],
609            .blu-btn.b-primary[data-v-19fd2cc7]:not(.b-disabled):focus-visible,
610            .blu-btn.b-primary[data-v-19fd2cc7]:not(.b-disabled):hover {
611                background-color: #0284c7;
612                border-color: #0284c7;
613            }
614            .blu-btn.b-secondary[data-v-19fd2cc7] {
615                color: #fff;
616                background-color: #0072ff;
617                border-color: #0072ff;
618            }
619            .blu-btn.b-secondary:not(.b-disabled).b-active[data-v-19fd2cc7],
620            .blu-btn.b-secondary[data-v-19fd2cc7]:not(.b-disabled):focus-visible,
621            .blu-btn.b-secondary[data-v-19fd2cc7]:not(.b-disabled):hover {
622                background-color: #006dea;
623                border-color: #006dea;
624            }
625            .blu-btn.b-white[data-v-19fd2cc7] {
626                color: #fff;
627                background-color: #fff;
628                border-color: #fff;
629                color: #0072ff;
630            }
631            .blu-btn.b-white:not(.b-disabled).b-active[data-v-19fd2cc7],
632            .blu-btn.b-white[data-v-19fd2cc7]:not(.b-disabled):focus-visible,
633            .blu-btn.b-white[data-v-19fd2cc7]:not(.b-disabled):hover {
634                background-color: #f1f2f2;
635                border-color: #f1f2f2;
636            }
637            .blu-btn.b-disabled[data-v-19fd2cc7] {
638                color: #fff;
639                color: rgba(25, 34, 42, 0.4);
640            }
641            .blu-btn.b-disabled:not(.b-disabled).b-active[data-v-19fd2cc7],
642            .blu-btn.b-disabled[data-v-19fd2cc7],
643            .blu-btn.b-disabled[data-v-19fd2cc7]:not(.b-disabled):focus-visible,
644            .blu-btn.b-disabled[data-v-19fd2cc7]:not(.b-disabled):hover {
645                background-color: #c8cbcd;
646                border-color: #c8cbcd;
647            }
648            .blu-btn.b-large[data-v-19fd2cc7] {
649                height: 56px;
650            }
651            .blu-btn.b-small[data-v-19fd2cc7] {
652                font:
653                    14px/18px blibli demi bold,
654                    -apple-system,
655                    segoe ui,
656                    roboto,
657                    helvetica,
658                    arial,
659                    sans-serif;
660                height: 32px;
661            }
662            .b-disabled[data-v-19fd2cc7] {
663                opacity: 1;
664            }
665            input[type="button"][data-v-19fd2cc7]::-moz-focus-inner,
666            input[type="submit"][data-v-19fd2cc7]::-moz-focus-inner {
667                border: 0;
668            }
669            a[data-v-19fd2cc7],
670            button[data-v-19fd2cc7]:focus,
671            input[type="button"][data-v-19fd2cc7]:focus,
672            input[type="reset"][data-v-19fd2cc7]:focus,
673            input[type="submit"][data-v-19fd2cc7]:focus {
674                outline: none;
675            }
676            a[data-v-19fd2cc7],
677            a[data-v-19fd2cc7]:active,
678            a[data-v-19fd2cc7]:focus,
679            a[data-v-19fd2cc7]:hover,
680            a[data-v-19fd2cc7]:visited {
681                outline: 0 none !important;
682            }
683            .blu-btn[data-v-19fd2cc7] {
684                border-radius: 24px;
685            }
686            .blu-btn + .blu-button[data-v-19fd2cc7] {
687                margin-left: 0;
688            }
689            .blu-btn.b-outline[data-v-19fd2cc7] {
690                background-color: transparent;
691            }
692            .blu-btn.b-outline.b-primary[data-v-19fd2cc7] {
693                color: #0ea5e9;
694                background-color: #0284c7;
695                border: 1px solid #38bdf8;
696            }
697            .blu-btn.b-outline.b-primary[data-v-19fd2cc7]:not(.b-disabled) {
698                background-color: hsla(0, 0%, 100%, 0.12);
699            }
700            .blu-btn.b-outline.b-primary:not(.b-disabled).b-active[data-v-19fd2cc7],
701            .blu-btn.b-outline.b-primary[data-v-19fd2cc7]:not(.b-disabled):focus-visible,
702            .blu-btn.b-outline.b-primary[data-v-19fd2cc7]:not(.b-disabled):hover {
703                background-color: rgba(227, 147, 4, 0.08);
704                border: 1px solid #38bdf8;
705            }
706            .blu-btn.b-outline.b-primary.b-active[data-v-19fd2cc7] {
707                z-index: 9;
708                background-color: #0ea5e9;
709                color: #fff;
710            }
711            .blu-btn.b-outline.b-secondary[data-v-19fd2cc7] {
712                color: #0072ff;
713                background-color: #006dea;
714                border: 1px solid #1d8fff;
715            }
716            .blu-btn.b-outline.b-secondary[data-v-19fd2cc7]:not(.b-disabled) {
717                background-color: hsla(0, 0%, 100%, 0.12);
718            }
719            .blu-btn.b-outline.b-secondary:not(.b-disabled).b-active[data-v-19fd2cc7],
720            .blu-btn.b-outline.b-secondary[data-v-19fd2cc7]:not(.b-disabled):focus-visible,
721            .blu-btn.b-outline.b-secondary[data-v-19fd2cc7]:not(.b-disabled):hover {
722                background-color: rgba(0, 109, 234, 0.08);
723                border: 1px solid #1d8fff;
724            }
725            .blu-btn.b-outline.b-secondary.b-active[data-v-19fd2cc7] {
726                z-index: 9;
727                background-color: #0072ff;
728                color: #fff;
729            }
730            .blu-btn.b-outline.b-white[data-v-19fd2cc7] {
731                color: #fff;
732                background-color: #fff;
733                border: 1px solid #fff;
734            }
735            .blu-btn.b-outline.b-white[data-v-19fd2cc7]:not(.b-disabled) {
736                background-color: hsla(0, 0%, 100%, 0.12);
737            }
738            .blu-btn.b-outline.b-white:not(.b-disabled).b-active[data-v-19fd2cc7],
739            .blu-btn.b-outline.b-white[data-v-19fd2cc7]:not(.b-disabled):focus-visible,
740            .blu-btn.b-outline.b-white[data-v-19fd2cc7]:not(.b-disabled):hover {
741                background-color: hsla(0, 0%, 100%, 0.4);
742                border: 1px solid #fff;
743            }
744            .blu-btn.b-outline.b-white.b-active[data-v-19fd2cc7] {
745                z-index: 9;
746                background-color: #fff;
747                color: #fff;
748            }
749            .blu-btn.b-outline.b-disabled[data-v-19fd2cc7] {
750                color: rgba(25, 34, 42, 0.4);
751                background-color: #c8cbcd;
752                border: 1px solid #c8cbcd;
753            }
754            .blu-btn.b-outline.b-disabled[data-v-19fd2cc7]:not(.b-disabled) {
755                background-color: hsla(0, 0%, 100%, 0.12);
756            }
757            .blu-btn.b-outline.b-disabled:not(.b-disabled).b-active[data-v-19fd2cc7],
758            .blu-btn.b-outline.b-disabled[data-v-19fd2cc7]:not(.b-disabled):focus-visible,
759            .blu-btn.b-outline.b-disabled[data-v-19fd2cc7]:not(.b-disabled):hover {
760                background-color: rgba(200, 203, 205, 0.08);
761                border: 1px solid #c8cbcd;
762            }
763            .blu-btn.b-outline.b-disabled.b-active[data-v-19fd2cc7] {
764                z-index: 9;
765                background-color: rgba(25, 34, 42, 0.4);
766                color: #fff;
767            }
768            .blu-btn.b-outline.b-small .blu-ripple[data-v-19fd2cc7] {
769                border-radius: 14px;
770            }
771            .blu-btn.b-outline.b-large .blu-ripple[data-v-19fd2cc7] {
772                border-radius: 30px;
773            }
774            .blu-btn.b-ghost[data-v-19fd2cc7] {
775                background-color: transparent;
776                border-color: transparent;
777            }
778            .blu-btn.b-ghost.b-primary[data-v-19fd2cc7] {
779                color: #0ea5e9;
780                border-color: transparent;
781            }
782            .blu-btn.b-ghost.b-primary:not(.b-disabled).b-active[data-v-19fd2cc7],
783            .blu-btn.b-ghost.b-primary[data-v-19fd2cc7]:not(.b-disabled):focus-visible,
784            .blu-btn.b-ghost.b-primary[data-v-19fd2cc7]:not(.b-disabled):hover {
785                border-color: transparent;
786                background-color: rgba(227, 147, 4, 0.08);
787            }
788            .blu-btn.b-ghost.b-secondary[data-v-19fd2cc7] {
789                color: #0072ff;
790                border-color: transparent;
791            }
792            .blu-btn.b-ghost.b-secondary:not(.b-disabled).b-active[data-v-19fd2cc7],
793            .blu-btn.b-ghost.b-secondary[data-v-19fd2cc7]:not(.b-disabled):focus-visible,
794            .blu-btn.b-ghost.b-secondary[data-v-19fd2cc7]:not(.b-disabled):hover {
795                border-color: transparent;
796                background-color: rgba(0, 109, 234, 0.08);
797            }
798            .blu-btn.b-ghost.b-white[data-v-19fd2cc7] {
799                color: #fff;
800                border-color: transparent;
801            }
802            .blu-btn.b-ghost.b-white:not(.b-disabled).b-active[data-v-19fd2cc7],
803            .blu-btn.b-ghost.b-white[data-v-19fd2cc7]:not(.b-disabled):focus-visible,
804            .blu-btn.b-ghost.b-white[data-v-19fd2cc7]:not(.b-disabled):hover {
805                border-color: transparent;
806                background-color: hsla(0, 0%, 100%, 0.4);
807            }
808            .blu-btn.b-ghost.b-white.b-disabled[data-v-19fd2cc7] {
809                color: hsla(0, 0%, 100%, 0.4);
810                border-color: transparent;
811            }
812            .blu-btn.b-ghost.b-white.b-disabled:not(.b-disabled).b-active[data-v-19fd2cc7],
813            .blu-btn.b-ghost.b-white.b-disabled[data-v-19fd2cc7]:not(.b-disabled):focus-visible,
814            .blu-btn.b-ghost.b-white.b-disabled[data-v-19fd2cc7]:not(.b-disabled):hover {
815                border-color: transparent;
816                background-color: transparent;
817            }
818            .blu-btn.b-ghost.b-disabled[data-v-19fd2cc7] {
819                color: rgba(25, 34, 42, 0.4);
820                border-color: transparent;
821            }
822            .blu-btn.b-ghost.b-disabled:not(.b-disabled).b-active[data-v-19fd2cc7],
823            .blu-btn.b-ghost.b-disabled[data-v-19fd2cc7]:not(.b-disabled):focus-visible,
824            .blu-btn.b-ghost.b-disabled[data-v-19fd2cc7]:not(.b-disabled):hover {
825                border-color: transparent;
826                background-color: transparent;
827            }
828            .blu-btn.b-warning[data-v-19fd2cc7] {
829                color: #fff;
830                background-color: #38bdf8;
831                border-color: #38bdf8;
832            }
833            .blu-btn.b-warning:not(.b-disabled).b-active[data-v-19fd2cc7],
834            .blu-btn.b-warning[data-v-19fd2cc7]:not(.b-disabled):focus-visible,
835            .blu-btn.b-warning[data-v-19fd2cc7]:not(.b-disabled):hover {
836                background-color: #cca400;
837                border-color: #cca400;
838            }
839            .blu-btn.b-danger[data-v-19fd2cc7] {
840                color: #fff;
841                background-color: #ff4646;
842                border-color: #ff4646;
843            }
844            .blu-btn.b-danger:not(.b-disabled).b-active[data-v-19fd2cc7],
845            .blu-btn.b-danger[data-v-19fd2cc7]:not(.b-disabled):focus-visible,
846            .blu-btn.b-danger[data-v-19fd2cc7]:not(.b-disabled):hover {
847                background-color: #ff1313;
848                border-color: #ff1313;
849            }
850            .blu-btn.b-small .blu-ripple[data-v-19fd2cc7],
851            .blu-btn.b-small[data-v-19fd2cc7] {
852                border-radius: 16px;
853            }
854            .blu-btn.b-large .blu-ripple[data-v-19fd2cc7],
855            .blu-btn.b-large[data-v-19fd2cc7] {
856                border-radius: 32px;
857            }
858            .blu-btn.b-icon[data-v-19fd2cc7] {
859                width: 48px;
860            }
861            .blu-btn.b-icon.b-large[data-v-19fd2cc7] {
862                width: 56px;
863            }
864            .blu-btn.b-icon.b-small[data-v-19fd2cc7] {
865                width: 32px;
866            }
867            .blu-btn.b-icon svg[data-v-19fd2cc7] {
868                width: 100%;
869                height: 100%;
870            }
871            .blu-btn.b-full-width[data-v-19fd2cc7] {
872                width: 100%;
873            }
874            .blu-btn .blu-ripple[data-v-19fd2cc7] {
875                border-radius: 24px;
876            }
877            .blu-ripple[data-v-2bedc3c7] {
878                width: 100%;
879                height: 100%;
880                position: relative;
881                overflow: hidden;
882                display: flex;
883                justify-content: center;
884                align-items: center;
885                -webkit-box-pack: center;
886                -webkit-box-align: center;
887                -webkit-mask-image: radial-gradient(circle, #fff 100%, #000 0);
888                padding: 0 12px;
889            }
890            .blu-ripple-wave[data-v-2bedc3c7] {
891                position: absolute;
892                z-index: 1;
893                pointer-events: none;
894                background: currentColor;
895                border-radius: 50%;
896                opacity: 0;
897                transform: scale(2) translateZ(0);
898            }
899            .blu-ripple-wave.b-centered[data-v-2bedc3c7] {
900                animation-duration: 1.2s;
901                top: 50%;
902                left: 50%;
903            }
904            .blu-ripple-wave ~ [data-v-2bedc3c7]:not(.blu-ripple-wave) {
905                position: relative;
906                z-index: 2;
907            }
908            .blu-ripple-enter-active[data-v-2bedc3c7] {
909                transition: 2s cubic-bezier(0.25, 0.8, 0.25, 1);
910                transition-property: opacity, transform;
911                will-change: opacity, transform;
912            }
913            .blu-ripple-enter-active.b-centered[data-v-2bedc3c7] {
914                transition-duration: 1.2s;
915            }
916            .blu-ripple-enter[data-v-2bedc3c7] {
917                opacity: 0.26;
918                transform: scale(0.26) translateZ(0);
919            }
920            .has-left-icon .blu-ripple svg[data-v-2bedc3c7] {
921                margin-right: 8px;
922            }
923            .has-left-icon.b-small svg[data-v-2bedc3c7] {
924                transform-origin: left;
925                margin-right: 4px;
926            }
927            .b-large .blu-ripple[data-v-2bedc3c7] {
928                padding: 0 16px;
929            }
930            .b-small .blu-ripple[data-v-2bedc3c7] {
931                padding: 0 8px;
932            }
933            .b-small svg[data-v-2bedc3c7] {
934                width: 18px;
935                height: 18px;
936            }
937            .b-icon .blu-ripple[data-v-2bedc3c7] {
938                padding: 0;
939            }
940            .b-loading .blu-loader-wrapper[data-v-2bedc3c7] {
941                height: 24px;
942                position: absolute;
943            }
944            .b-loading .blu-ripple[data-v-2bedc3c7] {
945                color: transparent;
946            }
947            .b-loading .blu-ripple > svg[data-v-2bedc3c7] {
948                visibility: hidden;
949            }
950            .b-loading .blu-ripple .blu-ripple-wave[data-v-2bedc3c7] {
951                color: #fff;
952            }
953            .b-loading.b-outline.b-secondary .blu-ripple-wave[data-v-2bedc3c7],
954            .b-loading.b-white .blu-ripple-wave[data-v-2bedc3c7] {
955                color: #0072ff;
956            }
957            .b-loading.b-outline.b-primary .blu-ripple-wave[data-v-2bedc3c7] {
958                color: #0ea5e9;
959            }
960            .b-loading.b-ghost.b-secondary .blu-ripple-wave[data-v-2bedc3c7] {
961                color: #0072ff;
962            }
963            .b-loading.b-ghost.b-primary .blu-ripple-wave[data-v-2bedc3c7] {
964                color: #0ea5e9;
965            }
966            .blu-input-stepper .blu-btn .blu-ripple[data-v-2bedc3c7] {
967                padding: 0;
968                width: 24px;
969                height: 24px;
970                border-radius: 50%;
971            }
972            .blu-input-stepper .blu-btn .blu-ripple svg[data-v-2bedc3c7] {
973                width: 18px;
974                height: 18px;
975                margin-left: 1px;
976            }
977            .blu-input-stepper .blu-btn .blu-ripple-enter-active[data-v-2bedc3c7] {
978                background: #0072ff;
979            }
980            .b-disabled[data-v-2bedc3c7] {
981                opacity: 1;
982            }
983            .blu-btn-dropdown .blu-ripple > svg + div[data-v-2bedc3c7] {
984                margin-left: 8px;
985            }
986            .blu-ripple[data-v-574d97b4] {
987                width: 100%;
988                height: 100%;
989                position: relative;
990                overflow: hidden;
991                display: flex;
992                justify-content: center;
993                align-items: center;
994                -webkit-box-pack: center;
995                -webkit-box-align: center;
996                -webkit-mask-image: radial-gradient(circle, #fff 100%, #000 0);
997                padding: 0 12px;
998            }
999            .blu-ripple-wave[data-v-574d97b4] {
1000                position: absolute;
1001                z-index: 1;
1002                pointer-events: none;
1003                background: currentColor;
1004                border-radius: 50%;
1005                opacity: 0;
1006                transform: scale(2) translateZ(0);
1007            }
1008            .blu-ripple-wave.b-centered[data-v-574d97b4] {
1009                animation-duration: 1.2s;
1010                top: 50%;
1011                left: 50%;
1012            }
1013            .blu-ripple-wave ~ [data-v-574d97b4]:not(.blu-ripple-wave) {
1014                position: relative;
1015                z-index: 2;
1016            }
1017            .blu-ripple-enter-active[data-v-574d97b4] {
1018                transition: 2s cubic-bezier(0.25, 0.8, 0.25, 1);
1019                transition-property: opacity, transform;
1020                will-change: opacity, transform;
1021            }
1022            .blu-ripple-enter-active.b-centered[data-v-574d97b4] {
1023                transition-duration: 1.2s;
1024            }
1025            .blu-ripple-enter[data-v-574d97b4] {
1026                opacity: 0.26;
1027                transform: scale(0.26) translateZ(0);
1028            }
1029            .has-left-icon .blu-ripple svg[data-v-574d97b4] {
1030                margin-right: 8px;
1031            }
1032            .has-left-icon.b-small svg[data-v-574d97b4] {
1033                transform-origin: left;
1034                margin-right: 4px;
1035            }
1036            .b-large .blu-ripple[data-v-574d97b4] {
1037                padding: 0 16px;
1038            }
1039            .b-small .blu-ripple[data-v-574d97b4] {
1040                padding: 0 8px;
1041            }
1042            .b-small svg[data-v-574d97b4] {
1043                width: 18px;
1044                height: 18px;
1045            }
1046            .b-icon .blu-ripple[data-v-574d97b4] {
1047                padding: 0;
1048            }
1049            .b-loading .blu-loader-wrapper[data-v-574d97b4] {
1050                height: 24px;
1051                position: absolute;
1052            }
1053            .b-loading .blu-ripple[data-v-574d97b4] {
1054                color: transparent;
1055            }
1056            .b-loading .blu-ripple > svg[data-v-574d97b4] {
1057                visibility: hidden;
1058            }
1059            .b-loading .blu-ripple .blu-ripple-wave[data-v-574d97b4] {
1060                color: #fff;
1061            }
1062            .b-loading.b-outline.b-secondary .blu-ripple-wave[data-v-574d97b4],
1063            .b-loading.b-white .blu-ripple-wave[data-v-574d97b4] {
1064                color: #0072ff;
1065            }
1066            .b-loading.b-outline.b-primary .blu-ripple-wave[data-v-574d97b4] {
1067                color: #0ea5e9;
1068            }
1069            .b-loading.b-ghost.b-secondary .blu-ripple-wave[data-v-574d97b4] {
1070                color: #0072ff;
1071            }
1072            .b-loading.b-ghost.b-primary .blu-ripple-wave[data-v-574d97b4] {
1073                color: #0ea5e9;
1074            }
1075            .blu-input-stepper .blu-btn .blu-ripple[data-v-574d97b4] {
1076                padding: 0;
1077                width: 24px;
1078                height: 24px;
1079                border-radius: 50%;
1080            }
1081            .blu-input-stepper .blu-btn .blu-ripple svg[data-v-574d97b4] {
1082                width: 18px;
1083                height: 18px;
1084                margin-left: 1px;
1085            }
1086            .blu-input-stepper .blu-btn .blu-ripple-enter-active[data-v-574d97b4] {
1087                background: #0072ff;
1088            }
1089            .b-disabled[data-v-574d97b4] {
1090                opacity: 1;
1091            }
1092            .blu-btn-dropdown .blu-ripple > svg + div[data-v-574d97b4] {
1093                margin-left: 8px;
1094            }
1095            .gendut188-faq-item {
1096                border: 1px solid #e5e7eb;
1097                border-radius: 12px;
1098                margin-bottom: 10px;
1099                overflow: hidden;
1100                background: #fff;
1101            }
1102
1103            .gendut188-faq-question {
1104                width: 100%;
1105
1106                display: flex;
1107
1108                justify-content: space-between;
1109
1110                align-items: center;
1111
1112                padding: 15px 18px;
1113
1114                border: none;
1115
1116                background: #fff;
1117
1118                font-size: 14px;
1119
1120                font-weight: 600;
1121
1122                cursor: pointer;
1123
1124                color: #111;
1125            }
1126
1127            .gendut188-faq-question span {
1128                font-size: 18px;
1129
1130                color: #888;
1131
1132                transition: 0.3s;
1133            }
1134
1135            .gendut188-faq-answer {
1136                max-height: 0;
1137
1138                overflow: hidden;
1139
1140                padding: 0 18px;
1141
1142                font-size: 13px;
1143
1144                line-height: 1.7;
1145
1146                color: #555;
1147
1148                transition:
1149                    max-height 0.35s ease,
1150                    padding 0.35s ease;
1151
1152                background: #fafafa;
1153            }
1154
1155            .gendut188-faq-item.active .gendut188-faq-answer {
1156                max-height: 200px;
1157
1158                padding: 15px 18px;
1159            }
1160
1161            .gendut188-faq-item.active .gendut188-faq-question span {
1162                transform: rotate(180deg);
1163
1164                color: #0ea5e9;
1165            }
1166        </style>
1167        
1167<script>
1168            window.SERVER_CACHE = (() => ({
1169                cachedKeys: ["cmsConfig", "searchConfig", "routerConfig"],
1170                expiryTime: Date.now() + 15_000,
1171            }))();
1172        </script>
1172
1173        
1173<script src="https://www.blibli.com/backend/content/thematic/thematic_configuration_non_canary.js"></script>
1173
1174        <style type="text/css">
1175            .label[data-v-7ca4698c] {
1176                height: 16px;
1177                padding: 0 8px;
1178                display: inline-flex;
1179                align-items: center;
1180                font:
1181                    12px/16px "blibli demi bold",
1182                    -apple-system,
1183                    segoe ui,
1184                    roboto,
1185                    helvetica,
1186                    arial,
1187                    sans-serif;
1188                text-decoration: none;
1189                color: #fff;
1190                border-radius: 4px;
1191                background-color: #f1f2f2;
1192                white-space: nowrap;
1193            }
1194            .label button[data-v-7ca4698c] {
1195                padding: 0;
1196                margin-right: -4px;
1197                top: 2px;
1198            }
1199            .label button svg[data-v-7ca4698c] {
1200                margin-right: -6px;
1201                margin-top: 2px;
1202                transform: scale(0.75);
1203                transform-origin: left;
1204                color: #fff;
1205            }
1206            .label button.b-primary[data-v-7ca4698c] {
1207                color: #fff;
1208            }
1209            .label.b-secondary button svg[data-v-7ca4698c] {
1210                color: #0072ff;
1211            }
1212            .label.b-dot[data-v-7ca4698c] {
1213                width: 8px;
1214                height: 8px;
1215                padding: 0;
1216                font-size: 0;
1217            }
1218            .label.b-border[data-v-7ca4698c] {
1219                box-shadow: 0 0 0 1px #fff;
1220            }
1221            .label[data-v-7ca4698c] {
1222                background-color: #38bdf8;
1223            }
1224            .label.b-secondary[data-v-7ca4698c] {
1225                background-color: #fef5d2;
1226                color: #0ea5e9;
1227            }
1228        </style>
1229        <style type="text/css">
1230            .label[data-v-c2eed16c] {
1231                height: 16px;
1232                padding: 0 8px;
1233                display: inline-flex;
1234                align-items: center;
1235                font:
1236                    12px/16px "blibli demi bold",
1237                    -apple-system,
1238                    segoe ui,
1239                    roboto,
1240                    helvetica,
1241                    arial,
1242                    sans-serif;
1243                text-decoration: none;
1244                color: #fff;
1245                border-radius: 4px;
1246                background-color: #f1f2f2;
1247                white-space: nowrap;
1248            }
1249            .label button[data-v-c2eed16c] {
1250                padding: 0;
1251                margin-right: -4px;
1252                top: 2px;
1253            }
1254            .label button svg[data-v-c2eed16c] {
1255                margin-right: -6px;
1256                margin-top: 2px;
1257                transform: scale(0.75);
1258                transform-origin: left;
1259                color: #fff;
1260            }
1261            .label button.b-primary[data-v-c2eed16c] {
1262                color: #fff;
1263            }
1264            .label.b-secondary button svg[data-v-c2eed16c] {
1265                color: #0072ff;
1266            }
1267            .label.b-dot[data-v-c2eed16c] {
1268                width: 8px;
1269                height: 8px;
1270                padding: 0;
1271                font-size: 0;
1272            }
1273            .label.b-border[data-v-c2eed16c] {
1274                box-shadow: 0 0 0 1px #fff;
1275            }
1276            .label[data-v-c2eed16c] {
1277                background-color: #22a334;
1278            }
1279            .label.b-secondary[data-v-c2eed16c] {
1280                background-color: #d6f7da;
1281                color: #1c832a;
1282            }
1283        </style>
1284        <style type="text/css">
1285            .label[data-v-25801e34] {
1286                height: 16px;
1287                padding: 0 8px;
1288                display: inline-flex;
1289                align-items: center;
1290                font:
1291                    12px/16px "blibli demi bold",
1292                    -apple-system,
1293                    segoe ui,
1294                    roboto,
1295                    helvetica,
1296                    arial,
1297                    sans-serif;
1298                text-decoration: none;
1299                color: #fff;
1300                border-radius: 4px;
1301                background-color: #f1f2f2;
1302                white-space: nowrap;
1303            }
1304            .label button[data-v-25801e34] {
1305                padding: 0;
1306                margin-right: -4px;
1307                top: 2px;
1308            }
1309            .label button svg[data-v-25801e34] {
1310                margin-right: -6px;
1311                margin-top: 2px;
1312                transform: scale(0.75);
1313                transform-origin: left;
1314                color: #fff;
1315            }
1316            .label button.b-primary[data-v-25801e34] {
1317                color: #fff;
1318            }
1319            .label.b-secondary button svg[data-v-25801e34] {
1320                color: #0072ff;
1321            }
1322            .label.b-dot[data-v-25801e34] {
1323                width: 8px;
1324                height: 8px;
1325                padding: 0;
1326                font-size: 0;
1327            }
1328            .label.b-border[data-v-25801e34] {
1329                box-shadow: 0 0 0 1px #fff;
1330            }
1331            .label[data-v-25801e34] {
1332                background-color: #1d8fff;
1333            }
1334            .label.b-secondary[data-v-25801e34] {
1335                background-color: #e1f1ff;
1336                color: #0072ff;
1337            }
1338        </style>
1339        <style type="text/css">
1340            .label[data-v-7e88823e] {
1341                height: 16px;
1342                padding: 0 8px;
1343                display: inline-flex;
1344                align-items: center;
1345                font:
1346                    12px/16px "blibli demi bold",
1347                    -apple-system,
1348                    segoe ui,
1349                    roboto,
1350                    helvetica,
1351                    arial,
1352                    sans-serif;
1353                text-decoration: none;
1354                color: #fff;
1355                border-radius: 4px;
1356                background-color: #f1f2f2;
1357                white-space: nowrap;
1358            }
1359            .label button[data-v-7e88823e] {
1360                padding: 0;
1361                margin-right: -4px;
1362                top: 2px;
1363            }
1364            .label button svg[data-v-7e88823e] {
1365                margin-right: -6px;
1366                margin-top: 2px;
1367                transform: scale(0.75);
1368                transform-origin: left;
1369                color: #fff;
1370            }
1371            .label button.b-primary[data-v-7e88823e] {
1372                color: #fff;
1373            }
1374            .label.b-secondary button svg[data-v-7e88823e] {
1375                color: #0072ff;
1376            }
1377            .label.b-dot[data-v-7e88823e] {
1378                width: 8px;
1379                height: 8px;
1380                padding: 0;
1381                font-size: 0;
1382            }
1383            .label.b-border[data-v-7e88823e] {
1384                box-shadow: 0 0 0 1px #fff;
1385            }
1386            .label[data-v-7e88823e] {
1387                color: rgba(25, 34, 42, 0.4);
1388                background-color: #e1e3e4;
1389            }
1390            .label.b-secondary[data-v-7e88823e] {
1391                background-color: #92979c;
1392                color: #fff;
1393            }
1394        </style>
1395        <style type="text/css">
1396            .blu-ripple[data-v-48d1b9d6] {
1397                width: 100%;
1398                height: 100%;
1399                position: relative;
1400                overflow: hidden;
1401                display: flex;
1402                justify-content: center;
1403                align-items: center;
1404                -webkit-box-pack: center;
1405                -webkit-box-align: center;
1406                -webkit-mask-image: radial-gradient(circle, #ffffff 100%, #000000 100%);
1407                padding: 0 12px;
1408            }
1409            .blu-ripple-wave[data-v-48d1b9d6] {
1410                position: absolute;
1411                z-index: 1;
1412                pointer-events: none;
1413                background: currentColor;
1414                border-radius: 50%;
1415                opacity: 0;
1416                transform: scale(2) translateZ(0);
1417            }
1418            .blu-ripple-wave.b-centered[data-v-48d1b9d6] {
1419                animation-duration: 1.2s;
1420                top: 50%;
1421                left: 50%;
1422            }
1423            .blu-ripple-wave ~ *[data-v-48d1b9d6]:not(.blu-ripple-wave) {
1424                position: relative;
1425                z-index: 2;
1426            }
1427            .blu-ripple-enter-active[data-v-48d1b9d6] {
1428                transition: 2s cubic-bezier(0.25, 0.8, 0.25, 1);
1429                transition-property: opacity, transform;
1430                will-change: opacity, transform;
1431            }
1432            .blu-ripple-enter-active.b-centered[data-v-48d1b9d6] {
1433                transition-duration: 1.2s;
1434            }
1435            .blu-ripple-enter[data-v-48d1b9d6] {
1436                opacity: 0.26;
1437                transform: scale(0.26) translateZ(0);
1438            }
1439            .has-left-icon .blu-ripple svg[data-v-48d1b9d6] {
1440                margin-right: 8px;
1441            }
1442            .has-left-icon.b-small svg[data-v-48d1b9d6] {
1443                transform-origin: left;
1444                margin-right: 4px;
1445            }
1446            .b-large .blu-ripple[data-v-48d1b9d6] {
1447                padding: 0 16px;
1448            }
1449            .b-small .blu-ripple[data-v-48d1b9d6] {
1450                padding: 0 8px;
1451            }
1452            .b-small svg[data-v-48d1b9d6] {
1453                width: 18px;
1454                height: 18px;
1455            }
1456            .b-icon .blu-ripple[data-v-48d1b9d6] {
1457                padding: 0;
1458            }
1459            .b-loading .blu-loader-wrapper[data-v-48d1b9d6] {
1460                height: 24px;
1461                position: absolute;
1462            }
1463            .b-loading .blu-ripple[data-v-48d1b9d6] {
1464                color: rgba(0, 0, 0, 0);
1465            }
1466            .b-loading .blu-ripple > svg[data-v-48d1b9d6] {
1467                visibility: hidden;
1468            }
1469            .b-loading .blu-ripple .blu-ripple-wave[data-v-48d1b9d6] {
1470                color: #fff;
1471            }
1472            .b-loading.b-white .blu-ripple-wave[data-v-48d1b9d6] {
1473                color: #0072ff;
1474            }
1475            .b-loading.b-outline.b-secondary .blu-ripple-wave[data-v-48d1b9d6] {
1476                color: #0072ff;
1477            }
1478            .b-loading.b-outline.b-primary .blu-ripple-wave[data-v-48d1b9d6] {
1479                color: #0ea5e9;
1480            }
1481            .b-loading.b-ghost.b-secondary .blu-ripple-wave[data-v-48d1b9d6] {
1482                color: #0072ff;
1483            }
1484            .b-loading.b-ghost.b-primary .blu-ripple-wave[data-v-48d1b9d6] {
1485                color: #0ea5e9;
1486            }
1487            .blu-input-stepper .blu-btn .blu-ripple[data-v-48d1b9d6] {
1488                padding: 0;
1489                width: 24px;
1490                height: 24px;
1491                border-radius: 50%;
1492            }
1493            .blu-input-stepper .blu-btn .blu-ripple svg[data-v-48d1b9d6] {
1494                width: 18px;
1495                height: 18px;
1496                margin-left: 1px;
1497            }
1498            .blu-input-stepper .blu-btn .blu-ripple-enter-active[data-v-48d1b9d6] {
1499                background: #0072ff;
1500            }
1501            .b-disabled[data-v-48d1b9d6] {
1502                opacity: 1;
1503            }
1504            .blu-btn-dropdown .blu-ripple > svg + div[data-v-48d1b9d6] {
1505                margin-left: 8px;
1506            }
1507        </style>
1508        <style type="text/css">
1509            .blu-ripple[data-v-8d4155d0] {
1510                width: 100%;
1511                height: 100%;
1512                position: relative;
1513                overflow: hidden;
1514                display: flex;
1515                justify-content: center;
1516                align-items: center;
1517                -webkit-box-pack: center;
1518                -webkit-box-align: center;
1519                -webkit-mask-image: radial-gradient(circle, #ffffff 100%, #000000 100%);
1520                padding: 0 12px;
1521            }
1522            .blu-ripple-wave[data-v-8d4155d0] {
1523                position: absolute;
1524                z-index: 1;
1525                pointer-events: none;
1526                background: currentColor;
1527                border-radius: 50%;
1528                opacity: 0;
1529                transform: scale(2) translateZ(0);
1530            }
1531            .blu-ripple-wave.b-centered[data-v-8d4155d0] {
1532                animation-duration: 1.2s;
1533                top: 50%;
1534                left: 50%;
1535            }
1536            .blu-ripple-wave ~ *[data-v-8d4155d0]:not(.blu-ripple-wave) {
1537                position: relative;
1538                z-index: 2;
1539            }
1540            .blu-ripple-enter-active[data-v-8d4155d0] {
1541                transition: 2s cubic-bezier(0.25, 0.8, 0.25, 1);
1542                transition-property: opacity, transform;
1543                will-change: opacity, transform;
1544            }
1545            .blu-ripple-enter-active.b-centered[data-v-8d4155d0] {
1546                transition-duration: 1.2s;
1547            }
1548            .blu-ripple-enter[data-v-8d4155d0] {
1549                opacity: 0.26;
1550                transform: scale(0.26) translateZ(0);
1551            }
1552            .has-left-icon .blu-ripple svg[data-v-8d4155d0] {
1553                margin-right: 8px;
1554            }
1555            .has-left-icon.b-small svg[data-v-8d4155d0] {
1556                transform-origin: left;
1557                margin-right: 4px;
1558            }
1559            .b-large .blu-ripple[data-v-8d4155d0] {
1560                padding: 0 16px;
1561            }
1562            .b-small .blu-ripple[data-v-8d4155d0] {
1563                padding: 0 8px;
1564            }
1565            .b-small svg[data-v-8d4155d0] {
1566                width: 18px;
1567                height: 18px;
1568            }
1569            .b-icon .blu-ripple[data-v-8d4155d0] {
1570                padding: 0;
1571            }
1572            .b-loading .blu-loader-wrapper[data-v-8d4155d0] {
1573                height: 24px;
1574                position: absolute;
1575            }
1576            .b-loading .blu-ripple[data-v-8d4155d0] {
1577                color: rgba(0, 0, 0, 0);
1578            }
1579            .b-loading .blu-ripple > svg[data-v-8d4155d0] {
1580                visibility: hidden;
1581            }
1582            .b-loading .blu-ripple .blu-ripple-wave[data-v-8d4155d0] {
1583                color: #fff;
1584            }
1585            .b-loading.b-white .blu-ripple-wave[data-v-8d4155d0] {
1586                color: #0072ff;
1587            }
1588            .b-loading.b-outline.b-secondary .blu-ripple-wave[data-v-8d4155d0] {
1589                color: #0072ff;
1590            }
1591            .b-loading.b-outline.b-primary .blu-ripple-wave[data-v-8d4155d0] {
1592                color: #0ea5e9;
1593            }
1594            .b-loading.b-ghost.b-secondary .blu-ripple-wave[data-v-8d4155d0] {
1595                color: #0072ff;
1596            }
1597            .b-loading.b-ghost.b-primary .blu-ripple-wave[data-v-8d4155d0] {
1598                color: #0ea5e9;
1599            }
1600            .blu-input-stepper .blu-btn .blu-ripple[data-v-8d4155d0] {
1601                padding: 0;
1602                width: 24px;
1603                height: 24px;
1604                border-radius: 50%;
1605            }
1606            .blu-input-stepper .blu-btn .blu-ripple svg[data-v-8d4155d0] {
1607                width: 18px;
1608                height: 18px;
1609                margin-left: 1px;
1610            }
1611            .blu-input-stepper .blu-btn .blu-ripple-enter-active[data-v-8d4155d0] {
1612                background: #0072ff;
1613            }
1614            .b-disabled[data-v-8d4155d0] {
1615                opacity: 1;
1616            }
1617            .blu-btn-dropdown .blu-ripple > svg + div[data-v-8d4155d0] {
1618                margin-left: 8px;
1619            }
1620        </style>
1621        <style type="text/css">
1622            .blu-ripple[data-v-fe4ffa8e] {
1623                width: 100%;
1624                height: 100%;
1625                position: relative;
1626                overflow: hidden;
1627                display: flex;
1628                justify-content: center;
1629                align-items: center;
1630                -webkit-box-pack: center;
1631                -webkit-box-align: center;
1632                -webkit-mask-image: radial-gradient(circle, #ffffff 100%, #000000 100%);
1633                padding: 0 12px;
1634            }
1635            .blu-ripple-wave[data-v-fe4ffa8e] {
1636                position: absolute;
1637                z-index: 1;
1638                pointer-events: none;
1639                background: currentColor;
1640                border-radius: 50%;
1641                opacity: 0;
1642                transform: scale(2) translateZ(0);
1643            }
1644            .blu-ripple-wave.b-centered[data-v-fe4ffa8e] {
1645                animation-duration: 1.2s;
1646                top: 50%;
1647                left: 50%;
1648            }
1649            .blu-ripple-wave ~ *[data-v-fe4ffa8e]:not(.blu-ripple-wave) {
1650                position: relative;
1651                z-index: 2;
1652            }
1653            .blu-ripple-enter-active[data-v-fe4ffa8e] {
1654                transition: 2s cubic-bezier(0.25, 0.8, 0.25, 1);
1655                transition-property: opacity, transform;
1656                will-change: opacity, transform;
1657            }
1658            .blu-ripple-enter-active.b-centered[data-v-fe4ffa8e] {
1659                transition-duration: 1.2s;
1660            }
1661            .blu-ripple-enter[data-v-fe4ffa8e] {
1662                opacity: 0.26;
1663                transform: scale(0.26) translateZ(0);
1664            }
1665            .has-left-icon .blu-ripple svg[data-v-fe4ffa8e] {
1666                margin-right: 8px;
1667            }
1668            .has-left-icon.b-small svg[data-v-fe4ffa8e] {
1669                transform-origin: left;
1670                margin-right: 4px;
1671            }
1672            .b-large .blu-ripple[data-v-fe4ffa8e] {
1673                padding: 0 16px;
1674            }
1675            .b-small .blu-ripple[data-v-fe4ffa8e] {
1676                padding: 0 8px;
1677            }
1678            .b-small svg[data-v-fe4ffa8e] {
1679                width: 18px;
1680                height: 18px;
1681            }
1682            .b-icon .blu-ripple[data-v-fe4ffa8e] {
1683                padding: 0;
1684            }
1685            .b-loading .blu-loader-wrapper[data-v-fe4ffa8e] {
1686                height: 24px;
1687                position: absolute;
1688            }
1689            .b-loading .blu-ripple[data-v-fe4ffa8e] {
1690                color: rgba(0, 0, 0, 0);
1691            }
1692            .b-loading .blu-ripple > svg[data-v-fe4ffa8e] {
1693                visibility: hidden;
1694            }
1695            .b-loading .blu-ripple .blu-ripple-wave[data-v-fe4ffa8e] {
1696                color: #fff;
1697            }
1698            .b-loading.b-white .blu-ripple-wave[data-v-fe4ffa8e] {
1699                color: #0072ff;
1700            }
1701            .b-loading.b-outline.b-secondary .blu-ripple-wave[data-v-fe4ffa8e] {
1702                color: #0072ff;
1703            }
1704            .b-loading.b-outline.b-primary .blu-ripple-wave[data-v-fe4ffa8e] {
1705                color: #0ea5e9;
1706            }
1707            .b-loading.b-ghost.b-secondary .blu-ripple-wave[data-v-fe4ffa8e] {
1708                color: #0072ff;
1709            }
1710            .b-loading.b-ghost.b-primary .blu-ripple-wave[data-v-fe4ffa8e] {
1711                color: #0ea5e9;
1712            }
1713            .blu-input-stepper .blu-btn .blu-ripple[data-v-fe4ffa8e] {
1714                padding: 0;
1715                width: 24px;
1716                height: 24px;
1717                border-radius: 50%;
1718            }
1719            .blu-input-stepper .blu-btn .blu-ripple svg[data-v-fe4ffa8e] {
1720                width: 18px;
1721                height: 18px;
1722                margin-left: 1px;
1723            }
1724            .blu-input-stepper .blu-btn .blu-ripple-enter-active[data-v-fe4ffa8e] {
1725                background: #0072ff;
1726            }
1727            .b-disabled[data-v-fe4ffa8e] {
1728                opacity: 1;
1729            }
1730            .blu-btn-dropdown .blu-ripple > svg + div[data-v-fe4ffa8e] {
1731                margin-left: 8px;
1732            }
1733            .blu-btn[data-v-fe4ffa8e] {
1734                position: relative;
1735                font:
1736                    16px/20px "blibli demi bold",
1737                    -apple-system,
1738                    segoe ui,
1739                    roboto,
1740                    helvetica,
1741                    arial,
1742                    sans-serif;
1743                text-decoration: none;
1744                transition:
1745                    color 0.4s,
1746                    background-color 0.4s,
1747                    border-color 0.6s;
1748                white-space: nowrap;
1749                height: 48px;
1750                padding: 0;
1751                -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
1752            }
1753            .blu-btn[data-v-fe4ffa8e]::-moz-focus-inner {
1754                border: 0;
1755            }
1756            .blu-btn[data-v-fe4ffa8e]:active {
1757                outline: none;
1758            }
1759            .blu-btn[data-v-fe4ffa8e]:before {
1760                position: absolute;
1761                top: 0;
1762                right: 0;
1763                bottom: 0;
1764                left: 0;
1765                z-index: 1;
1766                opacity: 0;
1767                transition: 0.4s cubic-bezier(0.4, 0, 0.2, 1);
1768                will-change: background-color, opacity;
1769                content: " ";
1770            }
1771            .blu-btn[data-v-fe4ffa8e]:focus-visible {
1772                box-shadow: 0px 0px 0px 4px #000;
1773            }
1774            .blu-btn.b-primary[data-v-fe4ffa8e] {
1775                color: #fff;
1776                background-color: #0ea5e9;
1777                border-color: #0ea5e9;
1778            }
1779            .blu-btn.b-primary[data-v-fe4ffa8e]:not(.b-disabled):focus-visible,
1780            .blu-btn.b-primary[data-v-fe4ffa8e]:not(.b-disabled):hover,
1781            .blu-btn.b-primary:not(.b-disabled).b-active[data-v-fe4ffa8e] {
1782                background-color: #0284c7;
1783                border-color: #0284c7;
1784            }
1785            .blu-btn.b-secondary[data-v-fe4ffa8e] {
1786                color: #fff;
1787                background-color: #0072ff;
1788                border-color: #0072ff;
1789            }
1790            .blu-btn.b-secondary[data-v-fe4ffa8e]:not(.b-disabled):focus-visible,
1791            .blu-btn.b-secondary[data-v-fe4ffa8e]:not(.b-disabled):hover,
1792            .blu-btn.b-secondary:not(.b-disabled).b-active[data-v-fe4ffa8e] {
1793                background-color: #006dea;
1794                border-color: #006dea;
1795            }
1796            .blu-btn.b-white[data-v-fe4ffa8e] {
1797                color: #fff;
1798                background-color: #fff;
1799                border-color: #fff;
1800                color: #0072ff;
1801            }
1802            .blu-btn.b-white[data-v-fe4ffa8e]:not(.b-disabled):focus-visible,
1803            .blu-btn.b-white[data-v-fe4ffa8e]:not(.b-disabled):hover,
1804            .blu-btn.b-white:not(.b-disabled).b-active[data-v-fe4ffa8e] {
1805                background-color: #f1f2f2;
1806                border-color: #f1f2f2;
1807            }
1808            .blu-btn.b-disabled[data-v-fe4ffa8e] {
1809                color: #fff;
1810                background-color: #c8cbcd;
1811                border-color: #c8cbcd;
1812                color: rgba(25, 34, 42, 0.4);
1813            }
1814            .blu-btn.b-disabled[data-v-fe4ffa8e]:not(.b-disabled):focus-visible,
1815            .blu-btn.b-disabled[data-v-fe4ffa8e]:not(.b-disabled):hover,
1816            .blu-btn.b-disabled:not(.b-disabled).b-active[data-v-fe4ffa8e] {
1817                background-color: #c8cbcd;
1818                border-color: #c8cbcd;
1819            }
1820            .blu-btn.b-large[data-v-fe4ffa8e] {
1821                height: 56px;
1822            }
1823            .blu-btn.b-small[data-v-fe4ffa8e] {
1824                font:
1825                    14px/18px "blibli demi bold",
1826                    -apple-system,
1827                    segoe ui,
1828                    roboto,
1829                    helvetica,
1830                    arial,
1831                    sans-serif;
1832                height: 32px;
1833            }
1834            .b-disabled[data-v-fe4ffa8e] {
1835                opacity: 1;
1836            }
1837            input[type="submit"][data-v-fe4ffa8e]::-moz-focus-inner,
1838            input[type="button"][data-v-fe4ffa8e]::-moz-focus-inner {
1839                border: 0px;
1840            }
1841            button[data-v-fe4ffa8e]:focus,
1842            input[type="submit"][data-v-fe4ffa8e]:focus,
1843            input[type="button"][data-v-fe4ffa8e]:focus,
1844            input[type="reset"][data-v-fe4ffa8e]:focus,
1845            a[data-v-fe4ffa8e] {
1846                outline: none;
1847            }
1848            a[data-v-fe4ffa8e],
1849            a[data-v-fe4ffa8e]:visited,
1850            a[data-v-fe4ffa8e]:focus,
1851            a[data-v-fe4ffa8e]:active,
1852            a[data-v-fe4ffa8e]:hover {
1853                outline: 0 none !important;
1854            }
1855            .blu-btn[data-v-fe4ffa8e] {
1856                border-radius: 24px;
1857            }
1858            .blu-btn + .blu-button[data-v-fe4ffa8e] {
1859                margin-left: 0;
1860            }
1861            .blu-btn.b-outline[data-v-fe4ffa8e] {
1862                background-color: rgba(0, 0, 0, 0);
1863            }
1864            .blu-btn.b-outline.b-primary[data-v-fe4ffa8e] {
1865                color: #0ea5e9;
1866                background-color: #0284c7;
1867                border: #38bdf8 1px solid;
1868            }
1869            .blu-btn.b-outline.b-primary[data-v-fe4ffa8e]:not(.b-disabled) {
1870                background-color: rgba(255, 255, 255, 0.12);
1871            }
1872            .blu-btn.b-outline.b-primary[data-v-fe4ffa8e]:not(.b-disabled):focus-visible,
1873            .blu-btn.b-outline.b-primary[data-v-fe4ffa8e]:not(.b-disabled):hover,
1874            .blu-btn.b-outline.b-primary:not(.b-disabled).b-active[data-v-fe4ffa8e] {
1875                background-color: rgba(227, 147, 4, 0.08);
1876                border: #38bdf8 1px solid;
1877            }
1878            .blu-btn.b-outline.b-primary.b-active[data-v-fe4ffa8e] {
1879                z-index: 9;
1880                background-color: #0ea5e9;
1881                color: #fff;
1882            }
1883            .blu-btn.b-outline.b-secondary[data-v-fe4ffa8e] {
1884                color: #0072ff;
1885                background-color: #006dea;
1886                border: #1d8fff 1px solid;
1887            }
1888            .blu-btn.b-outline.b-secondary[data-v-fe4ffa8e]:not(.b-disabled) {
1889                background-color: rgba(255, 255, 255, 0.12);
1890            }
1891            .blu-btn.b-outline.b-secondary[data-v-fe4ffa8e]:not(.b-disabled):focus-visible,
1892            .blu-btn.b-outline.b-secondary[data-v-fe4ffa8e]:not(.b-disabled):hover,
1893            .blu-btn.b-outline.b-secondary:not(.b-disabled).b-active[data-v-fe4ffa8e] {
1894                background-color: rgba(0, 109, 234, 0.08);
1895                border: #1d8fff 1px solid;
1896            }
1897            .blu-btn.b-outline.b-secondary.b-active[data-v-fe4ffa8e] {
1898                z-index: 9;
1899                background-color: #0072ff;
1900                color: #fff;
1901            }
1902            .blu-btn.b-outline.b-white[data-v-fe4ffa8e] {
1903                color: #fff;
1904                background-color: #fff;
1905                border: #fff 1px solid;
1906            }
1907            .blu-btn.b-outline.b-white[data-v-fe4ffa8e]:not(.b-disabled) {
1908                background-color: rgba(255, 255, 255, 0.12);
1909            }
1910            .blu-btn.b-outline.b-white[data-v-fe4ffa8e]:not(.b-disabled):focus-visible,
1911            .blu-btn.b-outline.b-white[data-v-fe4ffa8e]:not(.b-disabled):hover,
1912            .blu-btn.b-outline.b-white:not(.b-disabled).b-active[data-v-fe4ffa8e] {
1913                background-color: rgba(255, 255, 255, 0.4);
1914                border: #fff 1px solid;
1915            }
1916            .blu-btn.b-outline.b-white.b-active[data-v-fe4ffa8e] {
1917                z-index: 9;
1918                background-color: #fff;
1919                color: #fff;
1920            }
1921            .blu-btn.b-outline.b-disabled[data-v-fe4ffa8e] {
1922                color: rgba(25, 34, 42, 0.4);
1923                background-color: #c8cbcd;
1924                border: #c8cbcd 1px solid;
1925            }
1926            .blu-btn.b-outline.b-disabled[data-v-fe4ffa8e]:not(.b-disabled) {
1927                background-color: rgba(255, 255, 255, 0.12);
1928            }
1929            .blu-btn.b-outline.b-disabled[data-v-fe4ffa8e]:not(.b-disabled):focus-visible,
1930            .blu-btn.b-outline.b-disabled[data-v-fe4ffa8e]:not(.b-disabled):hover,
1931            .blu-btn.b-outline.b-disabled:not(.b-disabled).b-active[data-v-fe4ffa8e] {
1932                background-color: rgba(200, 203, 205, 0.08);
1933                border: #c8cbcd 1px solid;
1934            }
1935            .blu-btn.b-outline.b-disabled.b-active[data-v-fe4ffa8e] {
1936                z-index: 9;
1937                background-color: rgba(25, 34, 42, 0.4);
1938                color: #fff;
1939            }
1940            .blu-btn.b-outline.b-small .blu-ripple[data-v-fe4ffa8e] {
1941                border-radius: 14px;
1942            }
1943            .blu-btn.b-outline.b-large .blu-ripple[data-v-fe4ffa8e] {
1944                border-radius: 30px;
1945            }
1946            .blu-btn.b-ghost[data-v-fe4ffa8e] {
1947                background-color: rgba(0, 0, 0, 0);
1948                border-color: rgba(0, 0, 0, 0);
1949            }
1950            .blu-btn.b-ghost.b-primary[data-v-fe4ffa8e] {
1951                color: #0ea5e9;
1952                border-color: rgba(0, 0, 0, 0);
1953            }
1954            .blu-btn.b-ghost.b-primary[data-v-fe4ffa8e]:not(.b-disabled):focus-visible,
1955            .blu-btn.b-ghost.b-primary[data-v-fe4ffa8e]:not(.b-disabled):hover,
1956            .blu-btn.b-ghost.b-primary:not(.b-disabled).b-active[data-v-fe4ffa8e] {
1957                border-color: rgba(0, 0, 0, 0);
1958                background-color: rgba(227, 147, 4, 0.08);
1959            }
1960            .blu-btn.b-ghost.b-secondary[data-v-fe4ffa8e] {
1961                color: #0072ff;
1962                border-color: rgba(0, 0, 0, 0);
1963            }
1964            .blu-btn.b-ghost.b-secondary[data-v-fe4ffa8e]:not(.b-disabled):focus-visible,
1965            .blu-btn.b-ghost.b-secondary[data-v-fe4ffa8e]:not(.b-disabled):hover,
1966            .blu-btn.b-ghost.b-secondary:not(.b-disabled).b-active[data-v-fe4ffa8e] {
1967                border-color: rgba(0, 0, 0, 0);
1968                background-color: rgba(0, 109, 234, 0.08);
1969            }
1970            .blu-btn.b-ghost.b-white[data-v-fe4ffa8e] {
1971                color: #fff;
1972                border-color: rgba(0, 0, 0, 0);
1973            }
1974            .blu-btn.b-ghost.b-white[data-v-fe4ffa8e]:not(.b-disabled):focus-visible,
1975            .blu-btn.b-ghost.b-white[data-v-fe4ffa8e]:not(.b-disabled):hover,
1976            .blu-btn.b-ghost.b-white:not(.b-disabled).b-active[data-v-fe4ffa8e] {
1977                border-color: rgba(0, 0, 0, 0);
1978                background-color: rgba(255, 255, 255, 0.4);
1979            }
1980            .blu-btn.b-ghost.b-white.b-disabled[data-v-fe4ffa8e] {
1981                color: rgba(255, 255, 255, 0.4);
1982                border-color: rgba(0, 0, 0, 0);
1983            }
1984            .blu-btn.b-ghost.b-white.b-disabled[data-v-fe4ffa8e]:not(.b-disabled):focus-visible,
1985            .blu-btn.b-ghost.b-white.b-disabled[data-v-fe4ffa8e]:not(.b-disabled):hover,
1986            .blu-btn.b-ghost.b-white.b-disabled:not(.b-disabled).b-active[data-v-fe4ffa8e] {
1987                border-color: rgba(0, 0, 0, 0);
1988                background-color: rgba(0, 0, 0, 0);
1989            }
1990            .blu-btn.b-ghost.b-disabled[data-v-fe4ffa8e] {
1991                color: rgba(25, 34, 42, 0.4);
1992                border-color: rgba(0, 0, 0, 0);
1993            }
1994            .blu-btn.b-ghost.b-disabled[data-v-fe4ffa8e]:not(.b-disabled):focus-visible,
1995            .blu-btn.b-ghost.b-disabled[data-v-fe4ffa8e]:not(.b-disabled):hover,
1996            .blu-btn.b-ghost.b-disabled:not(.b-disabled).b-active[data-v-fe4ffa8e] {
1997                border-color: rgba(0, 0, 0, 0);
1998                background-color: rgba(0, 0, 0, 0);
1999            }
2000            .blu-btn.b-warning[data-v-fe4ffa8e] {
2001                color: #fff;
2002                background-color: #38bdf8;
2003                border-color: #38bdf8;
2004            }
2005            .blu-btn.b-warning[data-v-fe4ffa8e]:not(.b-disabled):focus-visible,
2006            .blu-btn.b-warning[data-v-fe4ffa8e]:not(.b-disabled):hover,
2007            .blu-btn.b-warning:not(.b-disabled).b-active[data-v-fe4ffa8e] {
2008                background-color: #cca400;
2009                border-color: #cca400;
2010            }
2011            .blu-btn.b-danger[data-v-fe4ffa8e] {
2012                color: #fff;
2013                background-color: #ff4646;
2014                border-color: #ff4646;
2015            }
2016            .blu-btn.b-danger[data-v-fe4ffa8e]:not(.b-disabled):focus-visible,
2017            .blu-btn.b-danger[data-v-fe4ffa8e]:not(.b-disabled):hover,
2018            .blu-btn.b-danger:not(.b-disabled).b-active[data-v-fe4ffa8e] {
2019                background-color: #ff1313;
2020                border-color: #ff1313;
2021            }
2022            .blu-btn.b-small[data-v-fe4ffa8e] {
2023                border-radius: 16px;
2024            }
2025            .blu-btn.b-small .blu-ripple[data-v-fe4ffa8e] {
2026                border-radius: 16px;
2027            }
2028            .blu-btn.b-large[data-v-fe4ffa8e] {
2029                border-radius: 32px;
2030            }
2031            .blu-btn.b-large .blu-ripple[data-v-fe4ffa8e] {
2032                border-radius: 32px;
2033            }
2034            .blu-btn.b-icon[data-v-fe4ffa8e] {
2035                width: 48px;
2036            }
2037            .blu-btn.b-icon.b-large[data-v-fe4ffa8e] {
2038                width: 56px;
2039            }
2040            .blu-btn.b-icon.b-small[data-v-fe4ffa8e] {
2041                width: 32px;
2042            }
2043            .blu-btn.b-icon svg[data-v-fe4ffa8e] {
2044                width: 100%;
2045                height: 100%;
2046            }
2047            .blu-btn.b-full-width[data-v-fe4ffa8e] {
2048                width: 100%;
2049            }
2050            .blu-btn .blu-ripple[data-v-fe4ffa8e] {
2051                border-radius: 24px;
2052            }
2053        </style>
2054        <link href="https://www.static-src.com/frontend/static/CustomerLocation.d45a5c3d.css" rel="stylesheet" />
2055        <link crossorigin="anonymous" href="https://blibli.api.useinsider.com" rel="prec
2055onnect" />
2056        <link crossorigin="anonymous" href="https://cs.gssprt.jp" rel="preconnect" />
2057        <link crossorigin="anonymous" href="https://i.w55c.net" rel="preconnect" />
2058        <link crossorigin="anonymous" href="https://weather.api.useinsider.com" rel="preconnect" />
2059        <link crossorigin="anonymous" href="https://api.useinsider.com" rel="preconnect" />
2060        <link crossorigin="anonymous" href="https://bcp.crwdcntrl.net" rel="preconnect" />
2061        <link crossorigin="anonymous" href="https://bwa.blibli.com" rel="preconnect" />
2062        <link crossorigin="anonymous" href="https://cm.g.doubleclick.net" rel="preconnect" />
2063        <link crossorigin="anonymous" href="https://cs.gssprt.jp" rel="preconnect" />
2064        <link crossorigin="anonymous" href="https://googleads.g.doubleclick.net" rel="preconnect" />
2065        <link crossorigin="anonymous" href="https://gum.criteo.com" rel="preconnect" />
2066        <link crossorigin="anonymous" href="https://hit.api.useinsider.com" rel="preconnect" />
2067        <link crossorigin="anonymous" href="https://i.w55c.net" rel="preconnect" />
2068        <link crossorigin="anonymous" href="https://js-agent.newrelic.com" rel="preconnect" />
2069        <link crossorigin="anonymous" href="https://location.api.useinsider.com" rel="preconnect" />
2070        <link crossorigin="anonymous" href="https://log.api.useinsider.com" rel="preconnect" />
2071        <link crossorigin="anonymous" href="https://match.adsrvr.org" rel="preconnect" />
2072        <link crossorigin="anonymous" href="https://script.crazyegg.com" rel="preconnect" />
2073        <link crossorigin="anonymous" href="https://segment.api.useinsider.com" rel="preconnect" />
2074        <link crossorigin="anonymous" href="https://sslwidget.criteo.com" rel="preconnect" />
2075        <link crossorigin="anonymous" href="https://static.criteo.net" rel="preconnect" />
2076        <link crossorigin="anonymous" href="https://stats.g.doubleclick.net" rel="preconnect" />
2077        <link crossorigin="anonymous" href="https://storage.googleapis.com" rel="preconnect" />
2078        <link crossorigin="anonymous" href="https://sync.crwdcntrl.net" rel="preconnect" />
2079        <link crossorigin="anonymous" href="https://tags.crwdcntrl.net" rel="preconnect" />
2080        <link crossorigin="anonymous" href="https://weather.api.useinsider.com" rel="preconnect" />
2081        <link crossorigin="anonymous" href="https://www.facebook.com" rel="preconnect" />
2082        <link crossorigin="anonymous" href="https://www.google.co.id" rel="preconnect" />
2083        <link crossorigin="anonymous" href="https://www.google.com" rel="preconnect" />
2084        <link crossorigin="anonymous" href="https://www.googleadservices.com" rel="preconnect" />
2085        <link crossorigin="anonymous" href="https://www.google-analytics.com" rel="preconnect" />
2086        <link crossorigin="anonymous" href="https://www.googletagmanager.com" rel="preconnect" />
2087        <link crossorigin="anonymous" href="https://www.static-src.com" rel="preconnect" />
2088        <link crossorigin="anonymous" href="https://websdk.appsflyer.com" rel="preconnect" />
2089        <link crossorigin="anonymous" href="https://banner.appsflyer.com" rel="preconnect" />
2090        <link crossorigin="anonymous" href="https://fvalid.appsflyer.com" rel="preconnect" />
2091        <style type="text/css">
2092            .blu-chip[data-v-652f3722] {
2093                display: inline-flex;
2094                transition-duration: 300ms;
2095            }
2096            .blu-chip:not(.blue-3) span[data-v-652f3722] {
2097                height: 32px;
2098                padding: 0 10px;
2099                margin: 2px;
2100                display: flex;
2101                align-items: center;
2102                font:
2103                    14px/18px "blibli",
2104                    -apple-system,
2105                    segoe ui,
2106                    roboto,
2107                    helvetica,
2108                    arial,
2109                    sans-serif;
2110                text-decoration: none;
2111                cursor: pointer;
2112                color: #0072ff;
2113                border-radius: 8px;
2114                border: #f1f2f2 1px solid;
2115                background-color: #f1f2f2;
2116                transition-duration: 300ms;
2117                white-space: nowrap;
2118                letter-spacing: 0px;
2119            }
2120            .blu-chip.b-primary input[data-v-652f3722] {
2121                display: none;
2122                transition: background-color 0.4s;
2123            }
2124            .blu-chip.b-primary input:checked + span[data-v-652f3722] {
2125                color: #fff;
2126                border-color: #1d8fff;
2127                background-color: #1d8fff;
2128            }
2129            .blu-chip.b-primary input:checked + span[data-v-652f3722]:hover {
2130                background-color: #006dea;
2131                border-color: #006dea;
2132            }
2133            .blu-chip.b-primary input:checked + span svg[data-v-652f3722]:first-child {
2134                color: #fff;
2135            }
2136            .blu-chip.b-primary input + span[data-v-652f3722] {
2137                border: #f1f2f2 1px solid;
2138            }
2139            .blu-chip.b-primary input + span[data-v-652f3722]:hover {
2140                background-color: #e1e3e4;
2141                border-color: #e1e3e4;
2142            }
2143            .blu-chip.b-secondary input[data-v-652f3722] {
2144                display: none;
2145                transition: background-color 0.4s;
2146            }
2147            .blu-chip.b-secondary input:checked + span[data-v-652f3722] {
2148                color: #fff;
2149                border-color: #1d8fff;
2150                background-color: #1d8fff;
2151            }
2152            .blu-chip.b-secondary input:checked + span[data-v-652f3722]:hover {
2153                background-color: #006dea;
2154                border-color: #006dea;
2155            }
2156            .blu-chip.b-secondary input:checked + span svg[data-v-652f3722]:first-child {
2157                color: #fff;
2158            }
2159            .blu-chip.b-secondary input + span[data-v-652f3722] {
2160                border: #f1f2f2 1px solid;
2161            }
2162            .blu-chip.b-secondary input + span[data-v-652f3722]:hover {
2163                background-color: #e1e3e4;
2164                border-color: #e1e3e4;
2165            }
2166            .blu-chip.b-disabled span[data-v-652f3722] {
2167                cursor: not-allowed;
2168                border: #f1f2f2 1px solid;
2169                background-color: #c8cbcd;
2170                border: none;
2171                color: rgba(25, 34, 42, 0.4);
2172            }
2173            .blu-chip.b-outline.b-primary input[data-v-652f3722] {
2174                display: none;
2175                transition:
2176                    background-color 0.4s,
2177                    border-color 0.6s;
2178            }
2179            .blu-chip.b-outline.b-primary input:checked + span[data-v-652f3722] {
2180                color: #0ea5e9;
2181                border-color: #1d8fff;
2182                background-color: #f3f9ff;
2183            }
2184            .blu-chip.b-outline.b-primary input:checked + span[data-v-652f3722]:hover {
2185                border: solid 1px #0072ff;
2186            }
2187            .blu-chip.b-outline.b-primary input + span[data-v-652f3722] {
2188                color: #0ea5e9;
2189                background-color: #fff;
2190                border-color: #c8cbcd;
2191            }
2192            .blu-chip.b-outline.b-primary input + span[data-v-652f3722]:hover {
2193                border: 1px solid #4fa4ff;
2194            }
2195            .blu-chip.b-outline.b-primary input + span svg[data-v-652f3722]:first-child {
2196                color: #0ea5e9;
2197            }
2198            .blu-chip.b-outline.b-secondary input[data-v-652f3722] {
2199                display: none;
2200                transition:
2201                    background-color 0.4s,
2202                    border-color 0.6s;
2203            }
2204            .blu-chip.b-outline.b-secondary input:checked + span[data-v-652f3722] {
2205                color: #0072ff;
2206                border-color: #1d8fff;
2207                background-color: #f3f9ff;
2208            }
2209            .blu-chip.b-outline.b-secondary input:checked + span[data-v-652f3722]:hover {
2210                border: solid 1px #0072ff;
2211            }
2212            .blu-chip.b-outline.b-secondary input + span[data-v-652f3722] {
2213                color: #0072ff;
2214                background-color: #fff;
2215                border-color: #c8cbcd;
2216            }
2217            .blu-chip.b-outline.b-secondary input + span[data-v-652f3722]:hover {
2218                border: 1px solid #4fa4ff;
2219            }
2220            .blu-chip.b-outline.b-secondary input + span svg[data-v-652f3722]:first-child {
2221                color: #0072ff;
2222            }
2223            .blu-chip.has-left-icon span[data-v-652f3722] {
2224                padding-left: 5px;
2225            }
2226            .blu-chip.has-left-icon span > *[data-v-652f3722]:first-child {
2227                margin-right: 4px;
2228            }
2229            .blu-chip.has-left-icon span > svg[data-v-652f3722]:first-child {
2230                transform: scale(0.75);
2231                transform-origin: left;
2232                margin-right: -2px;
2233                color: #797f85;
2234            }
2235            .blu-chip__wrapper[data-v-652f3722] {
2236                min-height: 48px;
2237                padding: 5px 8px;
2238                border: #e1e3e4 1px solid;
2239                border-radius: 8px;
2240            }
2241            .blu-chip__wrapper input[data-v-652f3722] {
2242                height: 32px;
2243                border: none;
2244                font:
2245                    16px/20px "blibli",
2246                    -apple-system,
2247                    segoe ui,
2248                    roboto,
2249                    helvetica,
2250                    arial,
2251                    sans-serif;
2252                color: #19222a;
2253                -moz-appearance: none;
2254                -webkit-appearance: none;
2255            }
2256            .blu-chip__wrapper input[data-v-652f3722]:focus {
2257                outline: 0;
2258            }
2259            .blu-chip__wrapper.b-outline .blu-chip span[data-v-652f3722] {
2260                background-color: #fff;
2261                border: #e1e3e4 1px solid;
2262            }
2263            .blu-chip__wrapper.b-disabled.blu-chip__wrapper[data-v-652f3722] {
2264                opacity: 1;
2265            }
2266            .blu-chip__wrapper.b-disabled input[data-v-652f3722] {
2267                cursor: not-allowed;
2268                pointer-events: none;
2269                color: rgba(25, 34, 42, 0.7019607843);
2270            }
2271            .blu-chip__wrapper.b-disabled button[data-v-652f3722] {
2272                cursor: not-allowed;
2273                pointer-events: none;
2274            }
2275            .blu-chip__wrapper.b-disabled .blu-chip span[data-v-652f3722] {
2276                cursor: not-allowed;
2277                color: rgba(25, 34, 42, 0.4);
2278                background-color: #c8cbcd;
2279                border: none;
2280            }
2281            .blu-chip.blu-chip-enter-active[data-v-652f3722],
2282            .blu-chip.blu-chip-leave-active[data-v-652f3722] {
2283                opacity: 0;
2284                transform: transformZ(0) scale(0.8);
2285            }
2286            .blu-chip.blu-chip-enter-to[data-v-652f3722] {
2287                opacity: 1;
2288                transform: transformZ(0) scale(1);
2289            }
2290            .blu-chip.b-deletable span[data-v-652f3722] {
2291                cursor: default;
2292                padding-right: 5px;
2293            }
2294            .blu-chip.b-deletable button[data-v-652f3722] {
2295                display: flex;
2296                align-items: center;
2297                margin-left: 4px;
2298                padding: 0;
2299                color: #797f85;
2300            }
2301            .blu-chip.b-deletable button svg[data-v-652f3722] {
2302                width: 18px;
2303            }
2304            .blu-chip.b-duplicated span[data-v-652f3722] {
2305                animation: shake-652f3722 0.82s cubic-bezier(0.36, 0.07, 0.19, 0.97) both;
2306                transform: translate3d(0, 0, 0);
2307                backface-visibility: hidden;
2308                perspective: 1000px;
2309            }
2310            @keyframes shake-652f3722 {
2311                10%,
2312                90% {
2313                    transform: translate3d(-1px, 0, 0);
2314                }
2315                20%,
2316                80% {
2317                    transform: translate3d(2px, 0, 0);
2318                }
2319                30%,
2320                50%,
2321                70% {
2322                    transform: translate3d(-4px, 0, 0);
2323                }
2324                40%,
2325                60% {
2326                    transform: translate3d(4px, 0, 0);
2327                }
2328            }
2329            *[data-v-652f3722]::-moz-focus-inner {
2330                border: 0;
2331            }
2332            *[data-v-652f3722]:focus {
2333                outline: 0;
2334            }
2335        </style>
2336        <style type="text/css">
2337            .blu-chip[data-v-342de9b2] {
2338                display: inline-flex;
2339                transition-duration: 300ms;
2340            }
2341            .blu-chip:not(.blue-3) span[data-v-342de9b2] {
2342                height: 32px;
2343                padding: 0 10px;
2344                margin: 2px;
2345                display: flex;
2346                align-items: center;
2347                font:
2348                    14px/18px "blibli",
2349                    -apple-system,
2350                    segoe ui,
2351                    roboto,
2352                    helvetica,
2353                    arial,
2354                    sans-serif;
2355                text-decoration: none;
2356                cursor: pointer;
2357                color: #0072ff;
2358                border-radius: 8px;
2359                border: #f1f2f2 1px solid;
2360                background-color: #f1f2f2;
2361                transition-duration: 300ms;
2362                white-space: nowrap;
2363                letter-spacing: 0px;
2364            }
2365            .blu-chip.b-primary input[data-v-342de9b2] {
2366                display: none;
2367                transition: background-color 0.4s;
2368            }
2369            .blu-chip.b-primary input:checked + span[data-v-342de9b2] {
2370                color: #fff;
2371                border-color: #1d8fff;
2372                background-color: #1d8fff;
2373            }
2374            .blu-chip.b-primary input:checked + span[data-v-342de9b2]:hover {
2375                background-color: #006dea;
2376                border-color: #006dea;
2377            }
2378            .blu-chip.b-primary input:checked + span svg[data-v-342de9b2]:first-child {
2379                color: #fff;
2380            }
2381            .blu-chip.b-primary input + span[data-v-342de9b2] {
2382                border: #f1f2f2 1px solid;
2383            }
2384            .blu-chip.b-primary input + span[data-v-342de9b2]:hover {
2385                background-color: #e1e3e4;
2386                border-color: #e1e3e4;
2387            }
2388            .blu-chip.b-secondary input[data-v-342de9b2] {
2389                display: none;
2390                transition: background-color 0.4s;
2391            }
2392            .blu-chip.b-secondary input:checked + span[data-v-342de9b2] {
2393                color: #fff;
2394                border-color: #1d8fff;
2395                background-color: #1d8fff;
2396            }
2397            .blu-chip.b-secondary input:checked + span[data-v-342de9b2]:hover {
2398                background-color: #006dea;
2399                border-color: #006dea;
2400            }
2401            .blu-chip.b-secondary input:checked + span svg[data-v-342de9b2]:first-child {
2402                color: #fff;
2403            }
2404            .blu-chip.b-secondary input + span[data-v-342de9b2] {
2405                border: #f1f2f2 1px solid;
2406            }
2407            .blu-chip.b-secondary input + span[data-v-342de9b2]:hover {
2408                background-color: #e1e3e4;
2409                border-color: #e1e3e4;
2410            }
2411            .blu-chip.b-disabled span[data-v-342de9b2] {
2412                cursor: not-allowed;
2413                border: #f1f2f2 1px solid;
2414                background-color: #c8cbcd;
2415                border: none;
2416                color: rgba(25, 34, 42, 0.4);
2417            }
2418            .blu-chip.b-outline.b-primary input[data-v-342de9b2] {
2419                display: none;
2420                transition:
2421                    background-color 0.4s,
2422                    border-color 0.6s;
2423            }
2424            .blu-chip.b-outline.b-primary input:checked + span[data-v-342de9b2] {
2425                color: #0ea5e9;
2426                border-color: #1d8fff;
2427                background-color: #f3f9ff;
2428            }
2429            .blu-chip.b-outline.b-primary input:checked + span[data-v-342de9b2]:hover {
2430                border: solid 1px #0072ff;
2431            }
2432            .blu-chip.b-outline.b-primary input + span[data-v-342de9b2] {
2433                color: #0ea5e9;
2434                background-color: #fff;
2435                border-color: #c8cbcd;
2436            }
2437            .blu-chip.b-outline.b-primary input + span[data-v-342de9b2]:hover {
2438                border: 1px solid #4fa4ff;
2439            }
2440            .blu-chip.b-outline.b-primary input + span svg[data-v-342de9b2]:first-child {
2441                color: #0ea5e9;
2442            }
2443            .blu-chip.b-outline.b-secondary input[data-v-342de9b2] {
2444                display: none;
2445                transition:
2446                    background-color 0.4s,
2447                    border-color 0.6s;
2448            }
2449            .blu-chip.b-outline.b-secondary input:checked + span[data-v-342de9b2] {
2450                color: #0072ff;
2451                border-color: #1d8fff;
2452                background-color: #f3f9ff;
2453            }
2454            .blu-chip.b-outline.b-secondary input:checked + span[data-v-342de9b2]:hover {
2455                border: solid 1px #0072ff;
2456            }
2457            .blu-chip.b-outline.b-secondary input + span[data-v-342de9b2] {
2458                color: #0072ff;
2459                background-color: #fff;
2460                border-color: #c8cbcd;
2461            }
2462            .blu-chip.b-outline.b-secondary input + span[data-v-342de9b2]:hover {
2463                border: 1px solid #4fa4ff;
2464            }
2465            .blu-chip.b-outline.b-secondary input + span svg[data-v-342de9b2]:first-child {
2466                color: #0072ff;
2467            }
2468            .blu-chip.has-left-icon span[data-v-342de9b2] {
2469                padding-left: 5px;
2470            }
2471            .blu-chip.has-left-icon span > *[data-v-342de9b2]:first-child {
2472                margin-right: 4px;
2473            }
2474            .blu-chip.has-left-icon span > svg[data-v-342de9b2]:first-child {
2475                transform: scale(0.75);
2476                transform-origin: left;
2477                margin-right: -2px;
2478                color: #797f85;
2479            }
2480            .blu-chip__wrapper[data-v-342de9b2] {
2481                min-height: 48px;
2482                padding: 5px 8px;
2483                border: #e1e3e4 1px solid;
2484                border-radius: 8px;
2485            }
2486            .blu-chip__wrapper input[data-v-342de9b2] {
2487                height: 32px;
2488                border: none;
2489                font:
2490                    16px/20px "blibli",
2491                    -apple-system,
2492                    segoe ui,
2493                    roboto,
2494                    helvetica,
2495                    arial,
2496                    sans-serif;
2497                color: #19222a;
2498                -moz-appearance: none;
2499                -webkit-appearance: none;
2500            }
2501            .blu-chip__wrapper input[data-v-342de9b2]:focus {
2502                outline: 0;
2503            }
2504            .blu-chip__wrapper.b-outline .blu-chip span[data-v-342de9b2] {
2505                background-color: #fff;
2506                border: #e1e3e4 1px solid;
2507            }
2508            .blu-chip__wrapper.b-disabled.blu-chip__wrapper[data-v-342de9b2] {
2509                opacity: 1;
2510            }
2511            .blu-chip__wrapper.b-disabled input[data-v-342de9b2] {
2512                cursor: not-allowed;
2513                pointer-events: none;
2514                color: rgba(25, 34, 42, 0.7019607843);
2515            }
2516            .blu-chip__wrapper.b-disabled button[data-v-342de9b2] {
2517                cursor: not-allowed;
2518                pointer-events: none;
2519            }
2520            .blu-chip__wrapper.b-disabled .blu-chip span[data-v-342de9b2] {
2521                cursor: not-allowed;
2522                color: rgba(25, 34, 42, 0.4);
2523                background-color: #c8cbcd;
2524                border: none;
2525            }
2526            .blu-chip.blu-chip-enter-active[data-v-342de9b2],
2527            .blu-chip.blu-chip-leave-active[data-v-342de9b2] {
2528                opacity: 0;
2529                transform: transformZ(0) scale(0.8);
2530            }
2531            .blu-chip.blu-chip-enter-to[data-v-342de9b2] {
2532                opacity: 1;
2533                transform: transformZ(0) scale(1);
2534            }
2535            .blu-chip.b-deletable span[data-v-342de9b2] {
2536                cursor: default;
2537                padding-right: 5px;
2538            }
2539            .blu-chip.b-deletable button[data-v-342de9b2] {
2540                display: flex;
2541                align-items: center;
2542                margin-left: 4px;
2543                padding: 0;
2544                color: #797f85;
2545            }
2546            .blu-chip.b-deletable button svg[data-v-342de9b2] {
2547                width: 18px;
2548            }
2549            .blu-chip.b-duplicated span[data-v-342de9b2] {
2550                animation: shake-342de9b2 0.82s cubic-bezier(0.36, 0.07, 0.19, 0.97) both;
2551                transform: translate3d(0, 0, 0);
2552                backface-visibility: hidden;
2553                perspective: 1000px;
2554            }
2555            @keyframes shake-342de9b2 {
2556                10%,
2557                90% {
2558                    transform: translate3d(-1px, 0, 0);
2559                }
2560                20%,
2561                80% {
2562                    transform: translate3d(2px, 0, 0);
2563                }
2564                30%,
2565                50%,
2566                70% {
2567                    transform: translate3d(-4px, 0, 0);
2568                }
2569                40%,
2570                60% {
2571                    transform: translate3d(4px, 0, 0);
2572                }
2573            }
2574            *[data-v-342de9b2]::-moz-focus-inner {
2575                border: 0;
2576            }
2577            *[data-v-342de9b2]:focus {
2578                outline: 0;
2579            }
2580        </style>
2581        <style type="text/css">
2582            .blu-chip[data-v-2ffdd76e] {
2583                display: inline-flex;
2584                transition-duration: 300ms;
2585            }
2586            .blu-chip:not(.blue-3) span[data-v-2ffdd76e] {
2587                height: 32px;
2588                padding: 0 10px;
2589                margin: 2px;
2590                display: flex;
2591                align-items: center;
2592                font:
2593                    14px/18px "blibli",
2594                    -apple-system,
2595                    segoe ui,
2596                    roboto,
2597                    helvetica,
2598                    arial,
2599                    sans-serif;
2600                text-decoration: none;
2601                cursor: pointer;
2602                color: #0072ff;
2603                border-radius: 8px;
2604                border: #f1f2f2 1px solid;
2605                background-color: #f1f2f2;
2606                transition-duration: 300ms;
2607                white-space: nowrap;
2608                letter-spacing: 0px;
2609            }
2610            .blu-chip.b-primary input[data-v-2ffdd76e] {
2611                display: none;
2612                transition: background-color 0.4s;
2613            }
2614            .blu-chip.b-primary input:checked + span[data-v-2ffdd76e] {
2615                color: #fff;
2616                border-color: #1d8fff;
2617                background-color: #1d8fff;
2618            }
2619            .blu-chip.b-primary input:checked + span[data-v-2ffdd76e]:hover {
2620                background-color: #006dea;
2621                border-color: #006dea;
2622            }
2623            .blu-chip.b-primary input:checked + span svg[data-v-2ffdd76e]:first-child {
2624                color: #fff;
2625            }
2626            .blu-chip.b-primary input + span[data-v-2ffdd76e] {
2627                border: #f1f2f2 1px solid;
2628            }
2629            .blu-chip.b-primary input + span[data-v-2ffdd76e]:hover {
2630                background-color: #e1e3e4;
2631                border-color: #e1e3e4;
2632            }
2633            .blu-chip.b-secondary input[data-v-2ffdd76e] {
2634                display: none;
2635                transition: background-color 0.4s;
2636            }
2637            .blu-chip.b-secondary input:checked + span[data-v-2ffdd76e] {
2638                color: #fff;
2639                border-color: #1d8fff;
2640                background-color: #1d8fff;
2641            }
2642            .blu-chip.b-secondary input:checked + span[data-v-2ffdd76e]:hover {
2643                background-color: #006dea;
2644                border-color: #006dea;
2645            }
2646            .blu-chip.b-secondary input:checked + span svg[data-v-2ffdd76e]:first-child {
2647                color: #fff;
2648            }
2649            .blu-chip.b-secondary input + span[data-v-2ffdd76e] {
2650                border: #f1f2f2 1px solid;
2651            }
2652            .blu-chip.b-secondary input + span[data-v-2ffdd76e]:hover {
2653                background-color: #e1e3e4;
2654                border-color: #e1e3e4;
2655            }
2656            .blu-chip.b-disabled span[data-v-2ffdd76e] {
2657                cursor: not-allowed;
2658                border: #f1f2f2 1px solid;
2659                background-color: #c8cbcd;
2660                border: none;
2661                color: rgba(25, 34, 42, 0.4);
2662            }
2663            .blu-chip.b-outline.b-primary input[data-v-2ffdd76e] {
2664                display: none;
2665                transition:
2666                    background-color 0.4s,
2667                    border-color 0.6s;
2668            }
2669            .blu-chip.b-outline.b-primary input:checked + span[data-v-2ffdd76e] {
2670                color: #0ea5e9;
2671                border-color: #1d8fff;
2672                background-color: #f3f9ff;
2673            }
2674            .blu-chip.b-outline.b-primary input:checked + span[data-v-2ffdd76e]:hover {
2675                border: solid 1px #0072ff;
2676            }
2677            .blu-chip.b-outline.b-primary input + span[data-v-2ffdd76e] {
2678                color: #0ea5e9;
2679                background-color: #fff;
2680                border-color: #c8cbcd;
2681            }
2682            .blu-chip.b-outline.b-primary input + span[data-v-2ffdd76e]:hover {
2683                border: 1px solid #4fa4ff;
2684            }
2685            .blu-chip.b-outline.b-primary input + span svg[data-v-2ffdd76e]:first-child {
2686                color: #0ea5e9;
2687            }
2688            .blu-chip.b-outline.b-secondary input[data-v-2ffdd76e] {
2689                display: none;
2690                transition:
2691                    background-color 0.4s,
2692                    border-color 0.6s;
2693            }
2694            .blu-chip.b-outline.b-secondary input:checked + span[data-v-2ffdd76e] {
2695                color: #0072ff;
2696                border-color: #1d8fff;
2697                background-color: #f3f9ff;
2698            }
2699            .blu-chip.b-outline.b-secondary input:checked + span[data-v-2ffdd76e]:hover {
2700                border: solid 1px #0072ff;
2701            }
2702            .blu-chip.b-outline.b-secondary input + span[data-v-2ffdd76e] {
2703                color: #0072ff;
2704                background-color: #fff;
2705                border-color: #c8cbcd;
2706            }
2707            .blu-chip.b-outline.b-secondary input + span[data-v-2ffdd76e]:hover {
2708                border: 1px solid #4fa4ff;
2709            }
2710            .blu-chip.b-outline.b-secondary input + span svg[data-v-2ffdd76e]:first-child {
2711                color: #0072ff;
2712            }
2713            .blu-chip.has-left-icon span[data-v-2ffdd76e] {
2714                padding-left: 5px;
2715            }
2716            .blu-chip.has-left-icon span > *[data-v-2ffdd76e]:first-child {
2717                margin-right: 4px;
2718            }
2719            .blu-chip.has-left-icon span > svg[data-v-2ffdd76e]:first-child {
2720                transform: scale(0.75);
2721                transform-origin: left;
2722                margin-right: -2px;
2723                color: #797f85;
2724            }
2725            .blu-chip__wrapper[data-v-2ffdd76e] {
2726                min-height: 48px;
2727                padding: 5px 8px;
2728                border: #e1e3e4 1px solid;
2729                border-radius: 8px;
2730            }
2731            .blu-chip__wrapper input[data-v-2ffdd76e] {
2732                height: 32px;
2733                border: none;
2734                font:
2735                    16px/20px "blibli",
2736                    -apple-system,
2737                    segoe ui,
2738                    roboto,
2739                    helvetica,
2740                    arial,
2741                    sans-serif;
2742                color: #19222a;
2743                -moz-appearance: none;
2744                -webkit-appearance: none;
2745            }
2746            .blu-chip__wrapper input[data-v-2ffdd76e]:focus {
2747                outline: 0;
2748            }
2749            .blu-chip__wrapper.b-outline .blu-chip span[data-v-2ffdd76e] {
2750                background-color: #fff;
2751                border: #e1e3e4 1px solid;
2752            }
2753            .blu-chip__wrapper.b-disabled.blu-chip__wrapper[data-v-2ffdd76e] {
2754                opacity: 1;
2755            }
2756            .blu-chip__wrapper.b-disabled input[data-v-2ffdd76e] {
2757                cursor: not-allowed;
2758                pointer-events: none;
2759                color: rgba(25, 34, 42, 0.7019607843);
2760            }
2761            .blu-chip__wrapper.b-disabled button[data-v-2ffdd76e] {
2762                cursor: not-allowed;
2763                pointer-events: none;
2764            }
2765            .blu-chip__wrapper.b-disabled .blu-chip span[data-v-2ffdd76e] {
2766                cursor: not-allowed;
2767                color: rgba(25, 34, 42, 0.4);
2768                background-color: #c8cbcd;
2769                border: none;
2770            }
2771            .blu-chip.blu-chip-enter-active[data-v-2ffdd76e],
2772            .blu-chip.blu-chip-leave-active[data-v-2ffdd76e] {
2773                opacity: 0;
2774                transform: transformZ(0) scale(0.8);
2775            }
2776            .blu-chip.blu-chip-enter-to[data-v-2ffdd76e] {
2777                opacity: 1;
2778                transform: transformZ(0) scale(1);
2779            }
2780            .blu-chip.b-deletable span[data-v-2ffdd76e] {
2781                cursor: default;
2782                padding-right: 5px;
2783            }
2784            .blu-chip.b-deletable button[data-v-2ffdd76e] {
2785                display: flex;
2786                align-items: center;
2787                margin-left: 4px;
2788                padding: 0;
2789                color: #797f85;
2790            }
2791            .blu-chip.b-deletable button svg[data-v-2ffdd76e] {
2792                width: 18px;
2793            }
2794            .blu-chip.b-duplicated span[data-v-2ffdd76e] {
2795                animation: shake-2ffdd76e 0.82s cubic-bezier(0.36, 0.07, 0.19, 0.97) both;
2796                transform: translate3d(0, 0, 0);
2797                backface-visibility: hidden;
2798                perspective: 1000px;
2799            }
2800            @keyframes shake-2ffdd76e {
2801                10%,
2802                90% {
2803                    transform: translate3d(-1px, 0, 0);
2804                }
2805                20%,
2806                80% {
2807                    transform: translate3d(2px, 0, 0);
2808                }
2809                30%,
2810                50%,
2811                70% {
2812                    transform: translate3d(-4px, 0, 0);
2813                }
2814                40%,
2815                60% {
2816                    transform: translate3d(4px, 0, 0);
2817                }
2818            }
2819            *[data-v-2ffdd76e]::-moz-focus-inner {
2820                border: 0;
2821            }
2822            *[data-v-2ffdd76e]:focus {
2823                outline: 0;
2824            }
2825        </style>
2826        <style type="text/css">
2827            .blu-tooltip[data-v-0ee5205b] {
2828                position: relative;
2829            }
2830            @media screen and (min-width: 769px), print {
2831                .blu-tooltip.b-left-center[data-v-0ee5205b],
2832                .blu-tooltip.b-right-center[data-v-0ee5205b] {
2833                    align-items: center;
2834                }
2835                .blu-tooltip.b-right-top[data-v-0ee5205b],
2836                .blu-tooltip.b-right-center[data-v-0ee5205b],
2837                .blu-tooltip.b-right-btm[data-v-0ee5205b] {
2838                    display: inline-flex;
2839                }
2840                .blu-tooltip.b-left-top[data-v-0ee5205b],
2841                .blu-tooltip.b-left-center[data-v-0ee5205b],
2842                .blu-tooltip.b-left-btm[data-v-0ee5205b] {
2843                    display: inline-flex;
2844                }
2845            }
2846        </style>
2847        <style type="text/css">
2848            @media screen and (min-width: 769px), print {
2849                .blu-tooltip__label[data-v-9241c53c] {
2850                    position: relative;
2851                }
2852                .blu-tooltip__label[data-v-9241c53c]:hover {
2853                    cursor: default;
2854                }
2855                .blu-tooltip__label:hover + .blu-tooltip__label[data-v-9241c53c]:after {
2856                    opacity: 1;
2857                    transition: all 0.5s ease 0s;
2858                }
2859                .blu-tooltip__label[data-v-9241c53c]:focus-visible {
2860                    background-color: #000;
2861                    color: #fff;
2862                    outline: none;
2863                    cursor: default;
2864                }
2865                .blu-tooltip__label:focus-visible + .blu-tooltip__label[data-v-9241c53c]:after {
2866                    opacity: 1;
2867                    transition: all 0.5s ease 0s;
2868                }
2869                .blu-tooltip.b-top-left .blu-tooltip__label[data-v-9241c53c]::after,
2870                .blu-tooltip.b-top-center .blu-tooltip__label[data-v-9241c53c]::after,
2871                .blu-tooltip.b-top-right .blu-tooltip__label[data-v-9241c53c]::after {
2872                    bottom: 100%;
2873                    border-color: #fff rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) rgba(0, 0, 0, 0);
2874                }
2875                .blu-tooltip.b-right-top .blu-tooltip__label[data-v-9241c53c]::after,
2876                .blu-tooltip.b-right-center .blu-tooltip__label[data-v-9241c53c]::after,
2877                .blu-tooltip.b-right-btm .blu-tooltip__label[data-v-9241c53c]::after {
2878                    top: 4px;
2879                    left: 100%;
2880                    border-color: rgba(0, 0, 0, 0) #fff rgba(0, 0, 0, 0) rgba(0, 0, 0, 0);
2881                }
2882                .blu-tooltip.b-left-top .blu-tooltip__label[data-v-9241c53c]:after,
2883                .blu-tooltip.b-left-center .blu-tooltip__label[data-v-9241c53c]:after,
2884                .blu-tooltip.b-left-btm .blu-tooltip__label[data-v-9241c53c]:after {
2885                    left: -16px;
2886                    top: 4px;
2887                    border-color: rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) #fff;
2888                }
2889            }
2890            @media screen and (max-width: 768px) {
2891                .b-active .blu-tooltip__label[data-v-9241c53c] {
2892                    position: relative;
2893                    z-index: 1;
2894                    opacity: 0.5;
2895                }
2896                .b-active .blu-tooltip__label + .blu-tooltip__content-wrapper[data-v-9241c53c] {
2897                    opacity: 1;
2898                    transition: all 0.5s ease 0s;
2899                    z-index: 99;
2900                }
2901                .b-active .blu-tooltip__label + .blu-tooltip__content-wrapper .blu-tooltip__mask[data-v-9241c53c] {
2902                    visibility: visible;
2903                }
2904                .b-active .blu-tooltip__label + .blu-tooltip__content-wrapper .blu-tooltip__content[data-v-9241c53c] {
2905                    opacity: 1;
2906                    visibility: visible;
2907                }
2908            }
2909        </style>
2910        <style type="text/css">
2911            @keyframes scale-up-1b7c2afb {
2912                0% {
2913                    transform: scale(0.5);
2914                }
2915                25% {
2916                    transform: scale(0.8);
2917                }
2918                50% {
2919                    transform: scale(1);
2920                }
2921            }
2922            .blu-tooltip__content[data-v-1b7c2afb] {
2923                font:
2924                    16px/20px "blibli",
2925                    -apple-system,
2926                    segoe ui,
2927                    roboto,
2928                    helvetica,
2929                    arial,
2930                    sans-serif;
2931                width: 250px;
2932                text-align: left;
2933                border-radius: 8px;
2934                background-color: #fff;
2935                padding: 16px;
2936                transition:
2937                    visibility 0.3s,
2938                    opacity 0.3s ease 0.2s;
2939                opacity: 0;
2940                pointer-events: all;
2941                visibility: hidden;
2942                color: rgba(25, 34, 42, 0.7019607843);
2943                box-shadow: 0 1px 6px 0 rgba(0, 0, 0, 0.1);
2944            }
2945            @media screen and (min-width: 769px), print {
2946                .blu-tooltip__content[data-v-1b7c2afb]:hover {
2947                    opacity: 1;
2948                    visibility: visible;
2949                }
2950            }
2951            @media screen and (min-width: 769px), print {
2952                .blu-tooltip__content-wrapper[data-v-1b7c2afb] {
2953                    position: absolute;
2954                    z-index: 1;
2955                    pointer-events: none;
2956                }
2957            }
2958            @media screen and (min-width: 769px) and (min-width: 769px), print {
2959                .blu-tooltip__content-wrapper.b-page .blu-modal__close[data-v-1b7c2afb] {
2960                    display: none;
2961                }
2962            }
2963            @media screen and (min-width: 769px), print {
2964                .blu-tooltip__label:hover + .blu-tooltip__content-wrapper .blu-tooltip__content[data-v-1b7c2afb] {
2965                    opacity: 1;
2966                    visibility: visible;
2967                    animation: scale-up-1b7c2afb 0.2s cubic-bezier(0, 0, 0.4, 1.4) 0.2s;
2968                }
2969                .blu-tooltip__label:focus-visible
2970                    + .blu-tooltip__content-wrapper
2971                    .blu-tooltip__content[data-v-1b7c2afb] {
2972                    opacity: 1;
2973                    visibility: visible;
2974                    animation: scale-up-1b7c2afb 0.2s cubic-bezier(0, 0, 0.4, 1.4) 0.2s;
2975                }
2976                .blu-tooltip__close[data-v-1b7c2afb] {
2977                    display: none;
2978                }
2979                .blu-tooltip.b-top-left .blu-tooltip__label[data-v-1b7c2afb]:after,
2980                .blu-tooltip.b-top-center .blu-tooltip__label[data-v-1b7c2afb]:after,
2981                .blu-tooltip.b-top-right .blu-tooltip__label[data-v-1b7c2afb]:after,
2982                .blu-tooltip.b-btm-left .blu-tooltip__label[data-v-1b7c2afb]:after,
2983                .blu-tooltip.b-btm-center .blu-tooltip__label[data-v-1b7c2afb]:after,
2984                .blu-tooltip.b-btm-right .blu-tooltip__label[data-v-1b7c2afb]:after {
2985                    left: calc(50% - 8px);
2986                }
2987                .blu-tooltip.b-top-center .blu-tooltip__content-wrapper[data-v-1b7c2afb],
2988                .blu-tooltip.b-btm-center .blu-tooltip__content-wrapper[data-v-1b7c2afb] {
2989                    height: 0;
2990                }
2991            }
2992            @media screen and (min-width: 769px) and (min-width: 769px), print {
2993                .blu-tooltip.b-top-center .blu-tooltip__content-wrapper[data-v-1b7c2afb],
2994                .blu-tooltip.b-btm-center .blu-tooltip__content-wrapper[data-v-1b7c2afb] {
2995                    right: 50%;
2996                }
2997            }
2998            @media screen and (min-width: 769px), print {
2999                .blu-tooltip.b-top-center .blu-tooltip__content[data-v-1b7c2afb],
3000                .blu-tooltip.b-btm-center .blu-tooltip__content[data-v-1b7c2afb] {
3001                    margin: auto;
3002                }
3003            }
3004            @media screen and (min-width: 769px) and (min-width: 769px), print {
3005                .blu-tooltip.b-top-center .blu-tooltip__content[data-v-1b7c2afb],
3006                .blu-tooltip.b-btm-center .blu-tooltip__content[data-v-1b7c2afb] {
3007                    margin: auto;
3008                    margin-right: -50%;
3009                }
3010            }
3011            @media screen and (min-width: 769px), print {
3012                .blu-tooltip.b-top-left .blu-tooltip__content-wrapper[data-v-1b7c2afb],
3013                .blu-tooltip.b-top-center .blu-tooltip__content-wrapper[data-v-1b7c2afb],
3014                .blu-tooltip.b-top-right .blu-tooltip__content-wrapper[data-v-1b7c2afb] {
3015                    bottom: calc(100% + 16px);
3016                    height: auto;
3017                }
3018                .blu-tooltip.b-top-left .blu-tooltip__content-wrapper[data-v-1b7c2afb] {
3019                    right: 0;
3020                }
3021                .blu-tooltip.b-top-right .blu-tooltip__content-wrapper[data-v-1b7c2afb] {
3022                    left: 0;
3023                }
3024                .blu-tooltip.b-btm-left .blu-tooltip__content-wrapper[data-v-1b7c2afb],
3025                .blu-tooltip.b-btm-center .blu-tooltip__content-wrapper[data-v-1b7c2afb],
3026                .blu-tooltip.b-btm-right .blu-tooltip__content-wrapper[data-v-1b7c2afb] {
3027                    top: calc(100% + 16px);
3028                }
3029                .blu-tooltip.b-btm-left .blu-tooltip__label[data-v-1b7c2afb]:after,
3030                .blu-tooltip.b-btm-center .blu-tooltip__label[data-v-1b7c2afb]:after,
3031                .blu-tooltip.b-btm-right .blu-tooltip__label[data-v-1b7c2afb]:after {
3032                    top: 100%;
3033                }
3034                .blu-tooltip.b-btm-left .blu-tooltip__content-wrapper[data-v-1b7c2afb] {
3035                    right: 0;
3036                }
3037                .blu-tooltip.b-btm-right .blu-tooltip__content-wrapper[data-v-1b7c2afb] {
3038                    left: 0;
3039                }
3040                .blu-tooltip.b-left-center .blu-tooltip__content-wrapper[data-v-1b7c2afb],
3041                .blu-tooltip.b-right-center .blu-tooltip__content-wrapper[data-v-1b7c2afb] {
3042                    height: 100vh;
3043                    display: flex;
3044                    align-items: center;
3045                    width: 1px;
3046                    display: inline-grid;
3047                }
3048                .blu-tooltip.b-right-top .blu-tooltip__content-wrapper[data-v-1b7c2afb],
3049                .blu-tooltip.b-right-center .blu-tooltip__content-wrapper[data-v-1b7c2afb],
3050                .blu-tooltip.b-right-btm .blu-tooltip__content-wrapper[data-v-1b7c2afb] {
3051                    position: absolute;
3052                    left: calc(100% + 16px);
3053                }
3054                .blu-tooltip.b-right-top .blu-tooltip__content-wrapper[data-v-1b7c2afb] {
3055                    bottom: calc(100% - 33px);
3056                }
3057                .blu-tooltip.b-right-btm .blu-tooltip__content-wrapper[data-v-1b7c2afb] {
3058                    top: calc(100% - 33px);
3059                }
3060                .blu-tooltip.b-left-top .blu-tooltip__content-wrapper[data-v-1b7c2afb],
3061                .blu-tooltip.b-left-center .blu-tooltip__content-wrapper[data-v-1b7c2afb],
3062                .blu-tooltip.b-left-btm .blu-tooltip__content-wrapper[data-v-1b7c2afb] {
3063                    width: 1px;
3064                    left: -17px;
3065                }
3066                .blu-tooltip.b-left-top .blu-tooltip__content[data-v-1b7c2afb],
3067                .blu-tooltip.b-left-center .blu-tooltip__content[data-v-1b7c2afb],
3068                .blu-tooltip.b-left-btm .blu-tooltip__content[data-v-1b7c2afb] {
3069                    position: absolute;
3070                    right: 0;
3071                }
3072                .blu-tooltip.b-left-top .blu-tooltip__content[data-v-1b7c2afb] {
3073                    bottom: calc(100% - 30px);
3074                }
3075                .blu-tooltip.b-left-btm .blu-tooltip__content[data-v-1b7c2afb] {
3076                    top: calc(100% - 15px);
3077                }
3078            }
3079            @media screen and (max-width: 768px) {
3080                .blu-tooltip.b-active .blu-tooltip__content[data-v-1b7c2afb] {
3081                    max-height: calc(100% - 50px);
3082                    padding: 24px 24px 28px 24px;
3083                    visibility: visible;
3084                    opacity: 1;
3085                }
3086                .blu-tooltip.b-active .blu-tooltip__content-wrapper[data-v-1b7c2afb] {
3087                    opacity: 1;
3088                    z-index: 99;
3089                    visibility: visible;
3090                }
3091                .blu-tooltip.b-active .blu-tooltip__content-wrapper .blu-tooltip__content[data-v-1b7c2afb] {
3092                    opacity: 1;
3093                    visibility: visible;
3094                }
3095                .blu-tooltip__content[data-v-1b7c2afb] {
3096                    width: 100%;
3097                    max-width: 100%;
3098                    transition: none;
3099                    position: fixed;
3100                    border-radius: 16px 16px 0 0;
3101                    left: 0;
3102                    bottom: 0;
3103                    opacity: 0;
3104                }
3105                .blu-tooltip__content-wrapper[data-v-1b7c2afb] {
3106                    position: fixed;
3107                    display: flex;
3108                    top: 0;
3109                    left: 0;
3110                    width: 100%;
3111                    height: 100%;
3112                    align-items: center;
3113                    justify-content: center;
3114                    background: rgba(0, 0, 0, 0.6);
3115                    opacity: 0;
3116                    z-index: -1;
3117                    visibility: hidden;
3118                }
3119            }
3120            @media screen and (max-width: 768px) and (max-width: 768px) {
3121                .blu-tooltip__close[data-v-1b7c2afb] {
3122                    position: absolute;
3123                    top: -28px;
3124                    right: 20px;
3125                }
3126                .blu-tooltip__close i[data-v-1b7c2afb] {
3127                    content: "";
3128                    top: 1px;
3129                    right: 1px;
3130                    position: absolute;
3131                    width: 24px;
3132                    height: 24px;
3133                    transform: scale(1.3);
3134                    background: rgba(0, 0, 0, 0)
3135                        url(data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PSIwIDAgMjQgMjQiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGQ9Ik0xMy43NjcyIDEyTDE3LjYzMiA4LjEzODM5QzE4LjEyMjcgNy42NDgxOSAxOC4xMjI3IDYuODU3ODYgMTcuNjMyIDYuMzY3NjVDMTcuMTQxNCA1Ljg3NzQ1IDE2LjM1MDQgNS44Nzc0NSAxNS44NTk4IDYuMzY3NjVMMTEuOTk1IDEwLjIyOTNMOC4xNDAxOCA2LjM3NzY2QzcuNjQ5NTYgNS44ODc0NSA2Ljg1ODU3IDUuODg3NDUgNi4zNjc5NiA2LjM3NzY2QzUuODc3MzUgNi44Njc4NiA1Ljg3NzM1IDcuNjU4MTkgNi4zNjc5NiA4LjE0ODRMMTAuMjIyOCAxMkw2LjM2Nzk2IDE1Ljg2MTZDNS44NzczNSAxNi4zNTE4IDUuODc3MzUgMTcuMTQyMSA2LjM2Nzk2IDE3LjYzMjNDNi44NTg1NyAxOC4xMjI2IDcuNjQ5NTYgMTguMTIyNiA4LjE0MDE4IDE3LjYzMjNMMTIuMDA1IDEzLjc3MDdMMTUuODU5OCAxNy42MjIzQzE2LjM1MDQgMTguMTEyNSAxNy4xNDE0IDE4LjExMjUgMTcuNjMyIDE3LjYyMjNDMTguMTIyNyAxNy4xMzIxIDE4LjEyMjcgMTYuMzQxOCAxNy42MzIgMTUuODUxNkwxMy43NzcyIDEySDEzLjc2NzJaIiBmaWxsPSIjNzk3Rjg1Ii8+Cjwvc3ZnPgo=)
3136                        center center no-repeat #e1e3e4;
3137                    background-color: #e1e3e4;
3138                    -webkit-mask-image: url(data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PSIwIDAgMjQgMjQiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGQ9Ik0xMy43NjcyIDEyTDE3LjYzMiA4LjEzODM5QzE4LjEyMjcgNy42NDgxOSAxOC4xMjI3IDYuODU3ODYgMTcuNjMyIDYuMzY3NjVDMTcuMTQxNCA1Ljg3NzQ1IDE2LjM1MDQgNS44Nzc0NSAxNS44NTk4IDYuMzY3NjVMMTEuOTk1IDEwLjIyOTNMOC4xNDAxOCA2LjM3NzY2QzcuNjQ5NTYgNS44ODc0NSA2Ljg1ODU3IDUuODg3NDUgNi4zNjc5NiA2LjM3NzY2QzUuODc3MzUgNi44Njc4NiA1Ljg3NzM1IDcuNjU4MTkgNi4zNjc5NiA4LjE0ODRMMTAuMjIyOCAxMkw2LjM2Nzk2IDE1Ljg2MTZDNS44NzczNSAxNi4zNTE4IDUuODc3MzUgMTcuMTQyMSA2LjM2Nzk2IDE3LjYzMjNDNi44NTg1NyAxOC4xMjI2IDcuNjQ5NTYgMTguMTIyNiA4LjE0MDE4IDE3LjYzMjNMMTIuMDA1IDEzLjc3MDdMMTUuODU5OCAxNy42MjIzQzE2LjM1MDQgMTguMTEyNSAxNy4xNDE0IDE4LjExMjUgMTcuNjMyIDE3LjYyMjNDMTguMTIyNyAxNy4xMzIxIDE4LjEyMjcgMTYuMzQxOCAxNy42MzIgMTUuODUxNkwxMy43NzcyIDEySDEzLjc2NzJaIiBmaWxsPSIjNzk3Rjg1Ii8+Cjwvc3ZnPgo=);
3139                }
3140            }
3141        </style>
3142        <style type="text/css">
3143            svg[data-v-4754ff3d] {
3144                display: inline-block;
3145                vertical-align: baseline;
3146            }
3147        </style>
3148        <style type="text/css">
3149            .blu-ripple[data-v-2bedc3c7] {
3150                width: 100%;
3151                height: 100%;
3152                position: relative;
3153                overflow: hidden;
3154                display: flex;
3155                justify-content: center;
3156                align-items: center;
3157                -webkit-box-pack: center;
3158                -webkit-box-align: center;
3159                -webkit-mask-image: radial-gradient(circle, #ffffff 100%, #000000 100%);
3160                padding: 0 12px;
3161            }
3162            .blu-ripple-wave[data-v-2bedc3c7] {
3163                position: absolute;
3164                z-index: 1;
3165                pointer-events: none;
3166                background: currentColor;
3167                border-radius: 50%;
3168                opacity: 0;
3169                transform: scale(2) translateZ(0);
3170            }
3171            .blu-ripple-wave.b-centered[data-v-2bedc3c7] {
3172                animation-duration: 1.2s;
3173                top: 50%;
3174                left: 50%;
3175            }
3176            .blu-ripple-wave ~ *[data-v-2bedc3c7]:not(.blu-ripple-wave) {
3177                position: relative;
3178                z-index: 2;
3179            }
3180            .blu-ripple-enter-active[data-v-2bedc3c7] {
3181                transition: 2s cubic-bezier(0.25, 0.8, 0.25, 1);
3182                transition-property: opacity, transform;
3183                will-change: opacity, transform;
3184            }
3185            .blu-ripple-enter-active.b-centered[data-v-2bedc3c7] {
3186                transition-duration: 1.2s;
3187            }
3188            .blu-ripple-enter[data-v-2bedc3c7] {
3189                opacity: 0.26;
3190                transform: scale(0.26) translateZ(0);
3191            }
3192            .has-left-icon .blu-ripple svg[data-v-2bedc3c7] {
3193                margin-right: 8px;
3194            }
3195            .has-left-icon.b-small svg[data-v-2bedc3c7] {
3196                transform-origin: left;
3197                margin-right: 4px;
3198            }
3199            .b-large .blu-ripple[data-v-2bedc3c7] {
3200                padding: 0 16px;
3201            }
3202            .b-small .blu-ripple[data-v-2bedc3c7] {
3203                padding: 0 8px;
3204            }
3205            .b-small svg[data-v-2bedc3c7] {
3206                width: 18px;
3207                height: 18px;
3208            }
3209            .b-icon .blu-ripple[data-v-2bedc3c7] {
3210                padding: 0;
3211            }
3212            .b-loading .blu-loader-wrapper[data-v-2bedc3c7] {
3213                height: 24px;
3214                position: absolute;
3215            }
3216            .b-loading .blu-ripple[data-v-2bedc3c7] {
3217                color: rgba(0, 0, 0, 0);
3218            }
3219            .b-loading .blu-ripple > svg[data-v-2bedc3c7] {
3220                visibility: hidden;
3221            }
3222            .b-loading .blu-ripple .blu-ripple-wave[data-v-2bedc3c7] {
3223                color: #fff;
3224            }
3225            .b-loading.b-white .blu-ripple-wave[data-v-2bedc3c7] {
3226                color: #0072ff;
3227            }
3228            .b-loading.b-outline.b-secondary .blu-ripple-wave[data-v-2bedc3c7] {
3229                color: #0072ff;
3230            }
3231            .b-loading.b-outline.b-primary .blu-ripple-wave[data-v-2bedc3c7] {
3232                color: #0ea5e9;
3233            }
3234            .b-loading.b-ghost.b-secondary .blu-ripple-wave[data-v-2bedc3c7] {
3235                color: #0072ff;
3236            }
3237            .b-loading.b-ghost.b-primary .blu-ripple-wave[data-v-2bedc3c7] {
3238                color: #0ea5e9;
3239            }
3240            .blu-input-stepper .blu-btn .blu-ripple[data-v-2bedc3c7] {
3241                padding: 0;
3242                width: 24px;
3243                height: 24px;
3244                border-radius: 50%;
3245            }
3246            .blu-input-stepper .blu-btn .blu-ripple svg[data-v-2bedc3c7] {
3247                width: 18px;
3248                height: 18px;
3249                margin-left: 1px;
3250            }
3251            .blu-input-stepper .blu-btn .blu-ripple-enter-active[data-v-2bedc3c7] {
3252                background: #0072ff;
3253            }
3254            .b-disabled[data-v-2bedc3c7] {
3255                opacity: 1;
3256            }
3257            .blu-btn-dropdown .blu-ripple > svg + div[data-v-2bedc3c7] {
3258                margin-left: 8px;
3259            }
3260        </style>
3261        <style type="text/css">
3262            .blu-ripple[data-v-574d97b4] {
3263                width: 100%;
3264                height: 100%;
3265                position: relative;
3266                overflow: hidden;
3267                display: flex;
3268                justify-content: center;
3269                align-items: center;
3270                -webkit-box-pack: center;
3271                -webkit-box-align: center;
3272                -webkit-mask-image: radial-gradient(circle, #ffffff 100%, #000000 100%);
3273                padding: 0 12px;
3274            }
3275            .blu-ripple-wave[data-v-574d97b4] {
3276                position: absolute;
3277                z-index: 1;
3278                pointer-events: none;
3279                background: currentColor;
3280                border-radius: 50%;
3281                opacity: 0;
3282                transform: scale(2) translateZ(0);
3283            }
3284            .blu-ripple-wave.b-centered[data-v-574d97b4] {
3285                animation-duration: 1.2s;
3286                top: 50%;
3287                left: 50%;
3288            }
3289            .blu-ripple-wave ~ *[data-v-574d97b4]:not(.blu-ripple-wave) {
3290                position: relative;
3291                z-index: 2;
3292            }
3293            .blu-ripple-enter-active[data-v-574d97b4] {
3294                transition: 2s cubic-bezier(0.25, 0.8, 0.25, 1);
3295                transition-property: opacity, transform;
3296                will-change: opacity, transform;
3297            }
3298            .blu-ripple-enter-active.b-centered[data-v-574d97b4] {
3299                transition-duration: 1.2s;
3300            }
3301            .blu-ripple-enter[data-v-574d97b4] {
3302                opacity: 0.26;
3303                transform: scale(0.26) translateZ(0);
3304            }
3305            .has-left-icon .blu-ripple svg[data-v-574d97b4] {
3306                margin-right: 8px;
3307            }
3308            .has-left-icon.b-small svg[data-v-574d97b4] {
3309                transform-origin: left;
3310                margin-right: 4px;
3311            }
3312            .b-large .blu-ripple[data-v-574d97b4] {
3313                padding: 0 16px;
3314            }
3315            .b-small .blu-ripple[data-v-574d97b4] {
3316                padding: 0 8px;
3317            }
3318            .b-small svg[data-v-574d97b4] {
3319                width: 18px;
3320                height: 18px;
3321            }
3322            .b-icon .blu-ripple[data-v-574d97b4] {
3323                padding: 0;
3324            }
3325            .b-loading .blu-loader-wrapper[data-v-574d97b4] {
3326                height: 24px;
3327                position: absolute;
3328            }
3329            .b-loading .blu-ripple[data-v-574d97b4] {
3330                color: rgba(0, 0, 0, 0);
3331            }
3332            .b-loading .blu-ripple > svg[data-v-574d97b4] {
3333                visibility: hidden;
3334            }
3335            .b-loading .blu-ripple .blu-ripple-wave[data-v-574d97b4] {
3336                color: #fff;
3337            }
3338            .b-loading.b-white .blu-ripple-wave[data-v-574d97b4] {
3339                color: #0072ff;
3340            }
3341            .b-loading.b-outline.b-secondary .blu-ripple-wave[data-v-574d97b4] {
3342                color: #0072ff;
3343            }
3344            .b-loading.b-outline.b-primary .blu-ripple-wave[data-v-574d97b4] {
3345                color: #0ea5e9;
3346            }
3347            .b-loading.b-ghost.b-secondary .blu-ripple-wave[data-v-574d97b4] {
3348                color: #0072ff;
3349            }
3350            .b-loading.b-ghost.b-primary .blu-ripple-wave[data-v-574d97b4] {
3351                color: #0ea5e9;
3352            }
3353            .blu-input-stepper .blu-btn .blu-ripple[data-v-574d97b4] {
3354                padding: 0;
3355                width: 24px;
3356                height: 24px;
3357                border-radius: 50%;
3358            }
3359            .blu-input-stepper .blu-btn .blu-ripple svg[data-v-574d97b4] {
3360                width: 18px;
3361                height: 18px;
3362                margin-left: 1px;
3363            }
3364            .blu-input-stepper .blu-btn .blu-ripple-enter-active[data-v-574d97b4] {
3365                background: #0072ff;
3366            }
3367            .b-disabled[data-v-574d97b4] {
3368                opacity: 1;
3369            }
3370            .blu-btn-dropdown .blu-ripple > svg + div[data-v-574d97b4] {
3371                margin-left: 8px;
3372            }
3373        </style>
3374        <style type="text/css">
3375            .blu-ripple[data-v-19fd2cc7] {
3376                width: 100%;
3377                height: 100%;
3378                position: relative;
3379                overflow: hidden;
3380                display: flex;
3381                justify-content: center;
3382                align-items: center;
3383                -webkit-box-pack: center;
3384                -webkit-box-align: center;
3385                -webkit-mask-image: radial-gradient(circle, #ffffff 100%, #000000 100%);
3386                padding: 0 12px;
3387            }
3388            .blu-ripple-wave[data-v-19fd2cc7] {
3389                position: absolute;
3390                z-index: 1;
3391                pointer-events: none;
3392                background: currentColor;
3393                border-radius: 50%;
3394                opacity: 0;
3395                transform: scale(2) translateZ(0);
3396            }
3397            .blu-ripple-wave.b-centered[data-v-19fd2cc7] {
3398                animation-duration: 1.2s;
3399                top: 50%;
3400                left: 50%;
3401            }
3402            .blu-ripple-wave ~ *[data-v-19fd2cc7]:not(.blu-ripple-wave) {
3403                position: relative;
3404                z-index: 2;
3405            }
3406            .blu-ripple-enter-active[data-v-19fd2cc7] {
3407                transition: 2s cubic-bezier(0.25, 0.8, 0.25, 1);
3408                transition-property: opacity, transform;
3409                will-change: opacity, transform;
3410            }
3411            .blu-ripple-enter-active.b-centered[data-v-19fd2cc7] {
3412                transition-duration: 1.2s;
3413            }
3414            .blu-ripple-enter[data-v-19fd2cc7] {
3415                opacity: 0.26;
3416                transform: scale(0.26) translateZ(0);
3417            }
3418            .has-left-icon .blu-ripple svg[data-v-19fd2cc7] {
3419                margin-right: 8px;
3420            }
3421            .has-left-icon.b-small svg[data-v-19fd2cc7] {
3422                transform-origin: left;
3423                margin-right: 4px;
3424            }
3425            .b-large .blu-ripple[data-v-19fd2cc7] {
3426                padding: 0 16px;
3427            }
3428            .b-small .blu-ripple[data-v-19fd2cc7] {
3429                padding: 0 8px;
3430            }
3431            .b-small svg[data-v-19fd2cc7] {
3432                width: 18px;
3433                height: 18px;
3434            }
3435            .b-icon .blu-ripple[data-v-19fd2cc7] {
3436                padding: 0;
3437            }
3438            .b-loading .blu-loader-wrapper[data-v-19fd2cc7] {
3439                height: 24px;
3440                position: absolute;
3441            }
3442            .b-loading .blu-ripple[data-v-19fd2cc7] {
3443                color: rgba(0, 0, 0, 0);
3444            }
3445            .b-loading .blu-ripple > svg[data-v-19fd2cc7] {
3446                visibility: hidden;
3447            }
3448            .b-loading .blu-ripple .blu-ripple-wave[data-v-19fd2cc7] {
3449                color: #fff;
3450            }
3451            .b-loading.b-white .blu-ripple-wave[data-v-19fd2cc7] {
3452                color: #0072ff;
3453            }
3454            .b-loading.b-outline.b-secondary .blu-ripple-wave[data-v-19fd2cc7] {
3455                color: #0072ff;
3456            }
3457            .b-loading.b-outline.b-primary .blu-ripple-wave[data-v-19fd2cc7] {
3458                color: #0ea5e9;
3459            }
3460            .b-loading.b-ghost.b-secondary .blu-ripple-wave[data-v-19fd2cc7] {
3461                color: #0072ff;
3462            }
3463            .b-loading.b-ghost.b-primary .blu-ripple-wave[data-v-19fd2cc7] {
3464                color: #0ea5e9;
3465            }
3466            .blu-input-stepper .blu-btn .blu-ripple[data-v-19fd2cc7] {
3467                padding: 0;
3468                width: 24px;
3469                height: 24px;
3470                border-radius: 50%;
3471            }
3472            .blu-input-stepper .blu-btn .blu-ripple svg[data-v-19fd2cc7] {
3473                width: 18px;
3474                height: 18px;
3475                margin-left: 1px;
3476            }
3477            .blu-input-stepper .blu-btn .blu-ripple-enter-active[data-v-19fd2cc7] {
3478                background: #0072ff;
3479            }
3480            .b-disabled[data-v-19fd2cc7] {
3481                opacity: 1;
3482            }
3483            .blu-btn-dropdown .blu-ripple > svg + div[data-v-19fd2cc7] {
3484                margin-left: 8px;
3485            }
3486            .blu-btn[data-v-19fd2cc7] {
3487                position: relative;
3488                font:
3489                    16px/20px "blibli demi bold",
3490                    -apple-system,
3491                    segoe ui,
3492                    roboto,
3493                    helvetica,
3494                    arial,
3495                    sans-serif;
3496                text-decoration: none;
3497                transition:
3498                    color 0.4s,
3499                    background-color 0.4s,
3500                    border-color 0.6s;
3501                white-space: nowrap;
3502                height: 48px;
3503                padding: 0;
3504                -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
3505            }
3506            .blu-btn[data-v-19fd2cc7]::-moz-focus-inner {
3507                border: 0;
3508            }
3509            .blu-btn[data-v-19fd2cc7]:active {
3510                outline: none;
3511            }
3512            .blu-btn[data-v-19fd2cc7]:before {
3513                position: absolute;
3514                top: 0;
3515                right: 0;
3516                bottom: 0;
3517                left: 0;
3518                z-index: 1;
3519                opacity: 0;
3520                transition: 0.4s cubic-bezier(0.4, 0, 0.2, 1);
3521                will-change: background-color, opacity;
3522                content: " ";
3523            }
3524            .blu-btn[data-v-19fd2cc7]:focus-visible {
3525                box-shadow: 0px 0px 0px 4px #000;
3526            }
3527            .blu-btn.b-primary[data-v-19fd2cc7] {
3528                color: #fff;
3529                background-color: #0ea5e9;
3530                border-color: #0ea5e9;
3531            }
3532            .blu-btn.b-primary[data-v-19fd2cc7]:not(.b-disabled):focus-visible,
3533            .blu-btn.b-primary[data-v-19fd2cc7]:not(.b-disabled):hover,
3534            .blu-btn.b-primary:not(.b-disabled).b-active[data-v-19fd2cc7] {
3535                background-color: #0284c7;
3536                border-color: #0284c7;
3537            }
3538            .blu-btn.b-secondary[data-v-19fd2cc7] {
3539                color: #fff;
3540                background-color: #0072ff;
3541                border-color: #0072ff;
3542            }
3543            .blu-btn.b-secondary[data-v-19fd2cc7]:not(.b-disabled):focus-visible,
3544            .blu-btn.b-secondary[data-v-19fd2cc7]:not(.b-disabled):hover,
3545            .blu-btn.b-secondary:not(.b-disabled).b-active[data-v-19fd2cc7] {
3546                background-color: #006dea;
3547                border-color: #006dea;
3548            }
3549            .blu-btn.b-white[data-v-19fd2cc7] {
3550                color: #fff;
3551                background-color: #fff;
3552                border-color: #fff;
3553                color: #0072ff;
3554            }
3555            .blu-btn.b-white[data-v-19fd2cc7]:not(.b-disabled):focus-visible,
3556            .blu-btn.b-white[data-v-19fd2cc7]:not(.b-disabled):hover,
3557            .blu-btn.b-white:not(.b-disabled).b-active[data-v-19fd2cc7] {
3558                background-color: #f1f2f2;
3559                border-color: #f1f2f2;
3560            }
3561            .blu-btn.b-disabled[data-v-19fd2cc7] {
3562                color: #fff;
3563                background-color: #c8cbcd;
3564                border-color: #c8cbcd;
3565                color: rgba(25, 34, 42, 0.4);
3566            }
3567            .blu-btn.b-disabled[data-v-19fd2cc7]:not(.b-disabled):focus-visible,
3568            .blu-btn.b-disabled[data-v-19fd2cc7]:not(.b-disabled):hover,
3569            .blu-btn.b-disabled:not(.b-disabled).b-active[data-v-19fd2cc7] {
3570                background-color: #c8cbcd;
3571                border-color: #c8cbcd;
3572            }
3573            .blu-btn.b-large[data-v-19fd2cc7] {
3574                height: 56px;
3575            }
3576            .blu-btn.b-small[data-v-19fd2cc7] {
3577                font:
3578                    14px/18px "blibli demi bold",
3579                    -apple-system,
3580                    segoe ui,
3581                    roboto,
3582                    helvetica,
3583                    arial,
3584                    sans-serif;
3585                height: 32px;
3586            }
3587            .b-disabled[data-v-19fd2cc7] {
3588                opacity: 1;
3589            }
3590            input[type="submit"][data-v-19fd2cc7]::-moz-focus-inner,
3591            input[type="button"][data-v-19fd2cc7]::-moz-focus-inner {
3592                border: 0px;
3593            }
3594            button[data-v-19fd2cc7]:focus,
3595            input[type="submit"][data-v-19fd2cc7]:focus,
3596            input[type="button"][data-v-19fd2cc7]:focus,
3597            input[type="reset"][data-v-19fd2cc7]:focus,
3598            a[data-v-19fd2cc7] {
3599                outline: none;
3600            }
3601            a[data-v-19fd2cc7],
3602            a[data-v-19fd2cc7]:visited,
3603            a[data-v-19fd2cc7]:focus,
3604            a[data-v-19fd2cc7]:active,
3605            a[data-v-19fd2cc7]:hover {
3606                outline: 0 none !important;
3607            }
3608            .blu-btn[data-v-19fd2cc7] {
3609                border-radius: 24px;
3610            }
3611            .blu-btn + .blu-button[data-v-19fd2cc7] {
3612                margin-left: 0;
3613            }
3614            .blu-btn.b-outline[data-v-19fd2cc7] {
3615                background-color: rgba(0, 0, 0, 0);
3616            }
3617            .blu-btn.b-outline.b-primary[data-v-19fd2cc7] {
3618                color: #0ea5e9;
3619                background-color: #0284c7;
3620                border: #38bdf8 1px solid;
3621            }
3622            .blu-btn.b-outline.b-primary[data-v-19fd2cc7]:not(.b-disabled) {
3623                background-color: rgba(255, 255, 255, 0.12);
3624            }
3625            .blu-btn.b-outline.b-primary[data-v-19fd2cc7]:not(.b-disabled):focus-visible,
3626            .blu-btn.b-outline.b-primary[data-v-19fd2cc7]:not(.b-disabled):hover,
3627            .blu-btn.b-outline.b-primary:not(.b-disabled).b-active[data-v-19fd2cc7] {
3628                background-color: rgba(227, 147, 4, 0.08);
3629                border: #38bdf8 1px solid;
3630            }
3631            .blu-btn.b-outline.b-primary.b-active[data-v-19fd2cc7] {
3632                z-index: 9;
3633                background-color: #0ea5e9;
3634                color: #fff;
3635            }
3636            .blu-btn.b-outline.b-secondary[data-v-19fd2cc7] {
3637                color: #0072ff;
3638                background-color: #006dea;
3639                border: #1d8fff 1px solid;
3640            }
3641            .blu-btn.b-outline.b-secondary[data-v-19fd2cc7]:not(.b-disabled) {
3642                background-color: rgba(255, 255, 255, 0.12);
3643            }
3644            .blu-btn.b-outline.b-secondary[data-v-19fd2cc7]:not(.b-disabled):focus-visible,
3645            .blu-btn.b-outline.b-secondary[data-v-19fd2cc7]:not(.b-disabled):hover,
3646            .blu-btn.b-outline.b-secondary:not(.b-disabled).b-active[data-v-19fd2cc7] {
3647                background-color: rgba(0, 109, 234, 0.08);
3648                border: #1d8fff 1px solid;
3649            }
3650            .blu-btn.b-outline.b-secondary.b-active[data-v-19fd2cc7] {
3651                z-index: 9;
3652                background-color: #0072ff;
3653                color: #fff;
3654            }
3655            .blu-btn.b-outline.b-white[data-v-19fd2cc7] {
3656                color: #fff;
3657                background-color: #fff;
3658                border: #fff 1px solid;
3659            }
3660            .blu-btn.b-outline.b-white[data-v-19fd2cc7]:not(.b-disabled) {
3661                background-color: rgba(255, 255, 255, 0.12);
3662            }
3663            .blu-btn.b-outline.b-white[data-v-19fd2cc7]:not(.b-disabled):focus-visible,
3664            .blu-btn.b-outline.b-white[data-v-19fd2cc7]:not(.b-disabled):hover,
3665            .blu-btn.b-outline.b-white:not(.b-disabled).b-active[data-v-19fd2cc7] {
3666                background-color: rgba(255, 255, 255, 0.4);
3667                border: #fff 1px solid;
3668            }
3669            .blu-btn.b-outline.b-white.b-active[data-v-19fd2cc7] {
3670                z-index: 9;
3671                background-color: #fff;
3672                color: #fff;
3673            }
3674            .blu-btn.b-outline.b-disabled[data-v-19fd2cc7] {
3675                color: rgba(25, 34, 42, 0.4);
3676                background-color: #c8cbcd;
3677                border: #c8cbcd 1px solid;
3678            }
3679            .blu-btn.b-outline.b-disabled[data-v-19fd2cc7]:not(.b-disabled) {
3680                background-color: rgba(255, 255, 255, 0.12);
3681            }
3682            .blu-btn.b-outline.b-disabled[data-v-19fd2cc7]:not(.b-disabled):focus-visible,
3683            .blu-btn.b-outline.b-disabled[data-v-19fd2cc7]:not(.b-disabled):hover,
3684            .blu-btn.b-outline.b-disabled:not(.b-disabled).b-active[data-v-19fd2cc7] {
3685                background-color: rgba(200, 203, 205, 0.08);
3686                border: #c8cbcd 1px solid;
3687            }
3688            .blu-btn.b-outline.b-disabled.b-active[data-v-19fd2cc7] {
3689                z-index: 9;
3690                background-color: rgba(25, 34, 42, 0.4);
3691                color: #fff;
3692            }
3693            .blu-btn.b-outline.b-small .blu-ripple[data-v-19fd2cc7] {
3694                border-radius: 14px;
3695            }
3696            .blu-btn.b-outline.b-large .blu-ripple[data-v-19fd2cc7] {
3697                border-radius: 30px;
3698            }
3699            .blu-btn.b-ghost[data-v-19fd2cc7] {
3700                background-color: rgba(0, 0, 0, 0);
3701                border-color: rgba(0, 0, 0, 0);
3702            }
3703            .blu-btn.b-ghost.b-primary[data-v-19fd2cc7] {
3704                color: #0ea5e9;
3705                border-color: rgba(0, 0, 0, 0);
3706            }
3707            .blu-btn.b-ghost.b-primary[data-v-19fd2cc7]:not(.b-disabled):focus-visible,
3708            .blu-btn.b-ghost.b-primary[data-v-19fd2cc7]:not(.b-disabled):hover,
3709            .blu-btn.b-ghost.b-primary:not(.b-disabled).b-active[data-v-19fd2cc7] {
3710                border-color: rgba(0, 0, 0, 0);
3711                background-color: rgba(227, 147, 4, 0.08);
3712            }
3713            .blu-btn.b-ghost.b-secondary[data-v-19fd2cc7] {
3714                color: #0072ff;
3715                border-color: rgba(0, 0, 0, 0);
3716            }
3717            .blu-btn.b-ghost.b-secondary[data-v-19fd2cc7]:not(.b-disabled):focus-visible,
3718            .blu-btn.b-ghost.b-secondary[data-v-19fd2cc7]:not(.b-disabled):hover,
3719            .blu-btn.b-ghost.b-secondary:not(.b-disabled).b-active[data-v-19fd2cc7] {
3720                border-color: rgba(0, 0, 0, 0);
3721                background-color: rgba(0, 109, 234, 0.08);
3722            }
3723            .blu-btn.b-ghost.b-white[data-v-19fd2cc7] {
3724                color: #fff;
3725                border-color: rgba(0, 0, 0, 0);
3726            }
3727            .blu-btn.b-ghost.b-white[data-v-19fd2cc7]:not(.b-disabled):focus-visible,
3728            .blu-btn.b-ghost.b-white[data-v-19fd2cc7]:not(.b-disabled):hover,
3729            .blu-btn.b-ghost.b-white:not(.b-disabled).b-active[data-v-19fd2cc7] {
3730                border-color: rgba(0, 0, 0, 0);
3731                background-color: rgba(255, 255, 255, 0.4);
3732            }
3733            .blu-btn.b-ghost.b-white.b-disabled[data-v-19fd2cc7] {
3734                color: rgba(255, 255, 255, 0.4);
3735                border-color: rgba(0, 0, 0, 0);
3736            }
3737            .blu-btn.b-ghost.b-white.b-disabled[data-v-19fd2cc7]:not(.b-disabled):focus-visible,
3738            .blu-btn.b-ghost.b-white.b-disabled[data-v-19fd2cc7]:not(.b-disabled):hover,
3739            .blu-btn.b-ghost.b-white.b-disabled:not(.b-disabled).b-active[data-v-19fd2cc7] {
3740                border-color: rgba(0, 0, 0, 0);
3741                background-color: rgba(0, 0, 0, 0);
3742            }
3743            .blu-btn.b-ghost.b-disabled[data-v-19fd2cc7] {
3744                color: rgba(25, 34, 42, 0.4);
3745                border-color: rgba(0, 0, 0, 0);
3746            }
3747            .blu-btn.b-ghost.b-disabled[data-v-19fd2cc7]:not(.b-disabled):focus-visible,
3748            .blu-btn.b-ghost.b-disabled[data-v-19fd2cc7]:not(.b-disabled):hover,
3749            .blu-btn.b-ghost.b-disabled:not(.b-disabled).b-active[data-v-19fd2cc7] {
3750                border-color: rgba(0, 0, 0, 0);
3751                background-color: rgba(0, 0, 0, 0);
3752            }
3753            .blu-btn.b-warning[data-v-19fd2cc7] {
3754                color: #fff;
3755                background-color: #38bdf8;
3756                border-color: #38bdf8;
3757            }
3758            .blu-btn.b-warning[data-v-19fd2cc7]:not(.b-disabled):focus-visible,
3759            .blu-btn.b-warning[data-v-19fd2cc7]:not(.b-disabled):hover,
3760            .blu-btn.b-warning:not(.b-disabled).b-active[data-v-19fd2cc7] {
3761                background-color: #cca400;
3762                border-color: #cca400;
3763            }
3764            .blu-btn.b-danger[data-v-19fd2cc7] {
3765                color: #fff;
3766                background-color: #ff4646;
3767                border-color: #ff4646;
3768            }
3769            .blu-btn.b-danger[data-v-19fd2cc7]:not(.b-disabled):focus-visible,
3770            .blu-btn.b-danger[data-v-19fd2cc7]:not(.b-disabled):hover,
3771            .blu-btn.b-danger:not(.b-disabled).b-active[data-v-19fd2cc7] {
3772                background-color: #ff1313;
3773                border-color: #ff1313;
3774            }
3775            .blu-btn.b-small[data-v-19fd2cc7] {
3776                border-radius: 16px;
3777            }
3778            .blu-btn.b-small .blu-ripple[data-v-19fd2cc7] {
3779                border-radius: 16px;
3780            }
3781            .blu-btn.b-large[data-v-19fd2cc7] {
3782                border-radius: 32px;
3783            }
3784            .blu-btn.b-large .blu-ripple[data-v-19fd2cc7] {
3785                border-radius: 32px;
3786            }
3787            .blu-btn.b-icon[data-v-19fd2cc7] {
3788                width: 48px;
3789            }
3790            .blu-btn.b-icon.b-large[data-v-19fd2cc7] {
3791                width: 56px;
3792            }
3793            .blu-btn.b-icon.b-small[data-v-19fd2cc7] {
3794                width: 32px;
3795            }
3796            .blu-btn.b-icon svg[data-v-19fd2cc7] {
3797                width: 100%;
3798                height: 100%;
3799            }
3800            .blu-btn.b-full-width[data-v-19fd2cc7] {
3801                width: 100%;
3802            }
3803            .blu-btn .blu-ripple[data-v-19fd2cc7] {
3804                border-radius: 24px;
3805            }
3806        </style>
3807        <style type="text/css">
3808            .blu-field[data-v-12bd13fe] {
3809                position: relative;
3810                margin-bottom: 16px;
3811            }
3812            .blu-field input.form__input[data-v-12bd13fe] {
3813                width: auto;
3814            }
3815            .blu-field input.form__input[type="email"][data-v-12bd13fe],
3816            .blu-field input.form__input[type="number"][data-v-12bd13fe],
3817            .blu-field input.form__input[type="search"][data-v-12bd13fe],
3818            .blu-field input.form__input[type="text"][data-v-12bd13fe],
3819            .blu-field input.form__input[type="tel"][data-v-12bd13fe],
3820            .blu-field input.form__input[type="url"][data-v-12bd13fe],
3821            .blu-field input.form__input[type="password"][data-v-12bd13fe] {
3822                padding: 24px 20px 8px 14px;
3823                height: 56px;
3824            }
3825            .blu-field textarea[data-v-12bd13fe] {
3826                padding: 22px 16px 8px 14px;
3827                resize: vertical;
3828            }
3829            .blu-field input.form__input[data-v-12bd13fe],
3830            .blu-field textarea[data-v-12bd13fe] {
3831                width: 100%;
3832                margin-top: 0;
3833                border-radius: 8px;
3834                border: #c8cbcd 1px solid;
3835                color: #19222a;
3836                font:
3837                    16px/20px "blibli",
3838                    -apple-system,
3839                    segoe ui,
3840                    roboto,
3841                    helvetica,
3842                    arial,
3843                    sans-serif;
3844                transition:
3845                    border 0.2s,
3846                    background-color 0.4s;
3847            }
3848            .blu-field input.form__input[type="search"][data-v-12bd13fe],
3849            .blu-field textarea[type="search"][data-v-12bd13fe] {
3850                font:
3851                    16px/20px "blibli",
3852                    -apple-system,
3853                    segoe ui,
3854                    roboto,
3855                    helvetica,
3856                    arial,
3857                    sans-serif;
3858                color: #19222a;
3859            }
3860            .blu-field input.form__input[type="search"][data-v-12bd13fe]::placeholder,
3861            .blu-field textarea[type="search"][data-v-12bd13fe]::placeholder {
3862                color: rgba(25, 34, 42, 0.4);
3863            }
3864            .blu-field input.form__input[data-v-12bd13fe]:not(:read-only):focus,
3865            .blu-field textarea[data-v-12bd13fe]:not(:read-only):focus {
3866                border-color: #1d8fff;
3867            }
3868            .blu-field input.form__input:not(:read-only):focus ~ label[data-v-12bd13fe],
3869            .blu-field textarea:not(:read-only):focus ~ label[data-v-12bd13fe] {
3870                font:
3871                    12px/16px "blibli",
3872                    -apple-system,
3873                    segoe ui,
3874                    roboto,
3875                    helvetica,
3876                    arial,
3877                    sans-serif;
3878                color: #0072ff;
3879                top: 2px;
3880                padding-top: 6px;
3881                opacity: 1;
3882            }
3883            .blu-field input.form__input:not(:read-only):focus ~ .title[data-v-12bd13fe],
3884            .blu-field textarea:not(:read-only):focus ~ .title[data-v-12bd13fe] {
3885                color: #0072ff;
3886            }
3887            .blu-field input.form__input[data-v-12bd13fe]:read-only,
3888            .blu-field textarea[data-v-12bd13fe]:read-only {
3889                border-color: #f1f2f2;
3890            }
3891            .blu-field textarea[data-v-12bd13fe] {
3892                height: 100px;
3893            }
3894            .blu-field textarea[data-v-12bd13fe]::-webkit-scrollbar {
3895                width: 6px;
3896                background-color: rgba(0, 0, 0, 0);
3897            }
3898            .blu-field textarea[data-v-12bd13fe]::-webkit-scrollbar-thumb {
3899                border-radius: 3px;
3900                background-color: #c8cbcd;
3901            }
3902            .blu-field textarea[data-v-12bd13fe]::-webkit-scrollbar-track {
3903                border-radius: 3px;
3904                background-color: rgba(0, 0, 0, 0);
3905            }
3906            .blu-field label[data-v-12bd13fe] {
3907                font:
3908                    16px/20px "blibli",
3909                    -apple-system,
3910                    segoe ui,
3911                    roboto,
3912                    helvetica,
3913                    arial,
3914                    sans-serif;
3915                color: rgba(25, 34, 42, 0.4);
3916                position: absolute;
3917                top: 18px;
3918                left: 16px;
3919                transition:
3920                    all 0.2s,
3921                    background-color 0.4s;
3922            }
3923            .blu-field button[data-v-12bd13fe] {
3924                padding: 0;
3925                margin: 0;
3926                color: #797f85;
3927                display: flex;
3928            }
3929            .blu-field button[data-v-12bd13fe]:focus-visible {
3930                outline: none;
3931            }
3932            .blu-field button:focus-visible svg[data-v-12bd13fe] {
3933                outline: 4px solid #000;
3934            }
3935            .blu-field__msg[data-v-12bd13fe] {
3936                flex: auto;
3937                margin-top: 4px;
3938            }
3939            .blu-field__msg-wrapper[data-v-12bd13fe] {
3940                display: flex;
3941                justify-content: flex-end;
3942                font:
3943                    14px/18px "blibli",
3944                    -apple-system,
3945                    segoe ui,
3946                    roboto,
3947                    helvetica,
3948                    arial,
3949                    sans-serif;
3950                color: rgba(25, 34, 42, 0.4);
3951            }
3952            .blu-field__counter[data-v-12bd13fe] {
3953                text-align: right;
3954            }
3955            .blu-field__btn[data-v-12bd13fe] {
3956                top: 16px;
3957                position: absolute;
3958                display: flex;
3959                right: 16px;
3960                align-items: center;
3961            }
3962            .blu-field .title[data-v-12bd13fe] {
3963                display: none;
3964                color: rgba(25, 34, 42, 0.7019607843);
3965            }
3966            .blu-field:not(.b-disabled) input.form__input[data-v-12bd13fe]:hover,
3967            .blu-field:not(.b-disabled) textarea[data-v-12bd13fe]:hover {
3968                background-color: #f1f2f2;
3969            }
3970            .blu-field:not(.b-disabled).has-value label[data-v-12bd13fe] {
3971                color: #0072ff;
3972            }
3973            .blu-field:not(.b-disabled).has-value textarea + label[data-v-12bd13fe] {
3974                background-color: #fff;
3975            }
3976            .blu-field:not(.b-disabled).has-value textarea:hover ~ label[data-v-12bd13fe] {
3977                background-color: #f1f2f2;
3978            }
3979            .blu-field:not(.b-disabled).has-value textarea[data-v-12bd13fe]::-webkit-credentials-auto-fill-button {
3980                margin-right: 0;
3981            }
3982            .blu-field.has-value label[data-v-12bd13fe] {
3983                font:
3984                    12px/16px "blibli",
3985                    -apple-system,
3986                    segoe ui,
3987                    roboto,
3988                    helvetica,
3989                    arial,
3990                    sans-serif;
3991                top: 2px;
3992                padding-top: 6px;
3993                opacity: 1;
3994            }
3995            .blu-field.has-value textarea + label[data-v-12bd13fe] {
3996                width: calc(100% - 32px);
3997            }
3998            .blu-field.has-value.b-success label[data-v-12bd13fe] {
3999                color: #1c832a;
4000            }
4001            .blu-field.has-value.b-danger label[data-v-12bd13fe] {
4002                color: #e93c3c;
4003            }
4004            .blu-field.has-max-length input.form__input[data-v-12bd13fe] {
4005                animation: shake-12bd13fe 0.82s cubic-bezier(0.36, 0.07, 0.19, 0.97) both;
4006                transform: translate3d(0, 0, 0);
4007                backface-visibility: hidden;
4008                perspective: 1000px;
4009            }
4010            .blu-field.has-placeholder[data-v-12bd13fe] ::placeholder {
4011                font:
4012                    16px/20px "blibli",
4013                    -apple-system,
4014                    segoe ui,
4015                    roboto,
4016                    helvetica,
4017                    arial,
4018                    sans-serif;
4019                opacity: 1;
4020                color: rgba(25, 34, 42, 0.4);
4021            }
4022            .blu-field.has-placeholder .title[data-v-12bd13fe] {
4023                position: absolute;
4024                font-size: 1.2rem;
4025                font-weight: normal;
4026                top: -8px;
4027                left: 16px;
4028                display: block;
4029                color: rgba(25, 34, 42, 0.7019607843);
4030            }
4031            .blu-field.has-placeholder .blu-field__btn[data-v-12bd13fe] {
4032                top: 32px;
4033            }
4034            .blu-field.has-placeholder textarea[data-v-12bd13fe] {
4035                padding-top: 16px;
4036                margin-top: 16px;
4037            }
4038            .blu-field.has-placeholder input.form__input[data-v-12bd13fe] {
4039                padding-top: 8px;
4040                margin-top: 16px;
4041            }
4042            .blu-field.has-placeholder input.form__input[data-v-12bd13fe]:focus::placeholder {
4043                color: rgba(25, 34, 42, 0.4);
4044            }
4045            .blu-field.has-placeholder.has-left-icon .blu-field__btn[data-v-12bd13fe],
4046            .blu-field.has-placeholder.has-right-icon .blu-field__btn[data-v-12bd13fe] {
4047                top: 32px;
4048            }
4049            .blu-field.has-left-icon .blu-field__btn[data-v-12bd13fe] {
4050                left: 16px;
4051                right: auto;
4052                width: calc(100% - 28px);
4053                pointer-events: none;
4054                justify-content: space-between;
4055            }
4056            .blu-field.has-left-icon .blu-field__btn-close[data-v-12bd13fe],
4057            .blu-field.has-left-icon .blu-field__btn-custom[data-v-12bd13fe] {
4058                pointer-events: all;
4059            }
4060            .blu-field.has-left-icon.b-clearable[data-v-12bd13fe] {
4061                flex-direction: row-reverse;
4062            }
4063            .blu-field.has-left-icon.b-clearable.has-value .blu-field__btn-close[data-v-12bd13fe] {
4064                order: 2;
4065            }
4066            .blu-field.has-left-icon.b-clearable.has-value .blu-field__btn-custom[data-v-12bd13fe] {
4067                order: 1;
4068            }
4069            .blu-field.has-left-icon label[data-v-12bd13fe] {
4070                padding-left: 30px;
4071            }
4072            .blu-field.has-left-icon input.form__input[data-v-12bd13fe] {
4073                padding-left: 44px;
4074            }
4075            .blu-field.has-left-icon input.form__input[type="search"][data-v-12bd13fe] {
4076                padding-left: 46px;
4077            }
4078            @media screen and (max-width: 768px) {
4079                .blu-field.has-left-icon input.form__input[type="search"][data-v-12bd13fe] {
4080                    padding-left: 32px;
4081                }
4082                .blu-field.has-left-icon input.form__input[type="search"] ~ label[data-v-12bd13fe] {
4083                    left: 24px;
4084                }
4085                .blu-field.has-left-icon input.form__input[type="search"] ~ .blu-field__btn[data-v-12bd13fe] {
4086                    width: calc(100% - 15px);
4087                    bottom: 17px;
4088                    left: 5px;
4089                }
4090                .blu-field.has-left-icon
4091                    input.form__input[type="search"]
4092                    ~ .blu-field__btn
4093                    .blu-field__btn-custom
4094                    svg[data-v-12bd13fe],
4095                .blu-field.has-left-icon
4096                    input.form__input[type="search"]
4097                    ~ .blu-field__btn
4098                    .blu-field__btn-close
4099                    svg[data-v-12bd13fe] {
4100                    width: 18px;
4101                    height: 18px;
4102                }
4103            }
4104            @media screen and (max-width: 768px) {
4105                .blu-field.has-left-icon input.form__input[type="search"][data-v-12bd13fe] {
4106                    height: 36px;
4107                    border-radius: 8px;
4108                }
4109            }
4110            .blu-field.has-right-icon input.form__input[data-v-12bd13fe] {
4111                padding-right: 46px;
4112            }
4113            .blu-field.b-clearable input.form__input[data-v-12bd13fe],
4114            .blu-field.b-clearable textarea[data-v-12bd13fe] {
4115                padding-right: 47px;
4116            }
4117            .blu-field.b-clearable input.form__input[type="password"][data-v-12bd13fe],
4118            .blu-field.b-clearable textarea[type="password"][data-v-12bd13fe] {
4119                padding-right: 80px;
4120            }
4121            @media screen and (max-width: 768px) {
4122                .blu-field.b-clearable input.form__input[type="search"][data-v-12bd13fe],
4123                .blu-field.b-clearable textarea[type="search"][data-v-12bd13fe] {
4124                    padding-right: 33px;
4125                }
4126            }
4127            .blu-field.b-clearable .blu-field__btn-close[data-v-12bd13fe]:not(:last-child) {
4128                margin-right: 8px;
4129            }
4130            .blu-field.has-action .blu-field__btn[data-v-12bd13fe] {
4131                top: 12px;
4132            }
4133            .blu-field.has-action.has-placeholder .blu-field__btn[data-v-12bd13fe] {
4134                top: 28px;
4135            }
4136            .blu-field.has-action input.form__input[data-v-12bd13fe] {
4137                padding-right: 81px;
4138            }
4139            .blu-field.has-action.b-clearable input.form__input[data-v-12bd13fe],
4140            .blu-field.has-action.has-password input.form__input[data-v-12bd13fe] {
4141                padding-right: 118px;
4142            }
4143            .blu-field.has-leading-icon .blu-field__leading-icon[data-v-12bd13fe] {
4144                position: absolute;
4145                top: 16px;
4146                left: 16px;
4147                pointer-events: none;
4148                z-index: 1;
4149            }
4150            .blu-field.has-leading-icon label[data-v-12bd13fe] {
4151                padding-left: 32px;
4152            }
4153            .blu-field.has-leading-icon input.form__input[data-v-12bd13fe] {
4154                padding-left: 46px;
4155            }
4156            .blu-field.has-leading-icon input.form__input[type="search"][data-v-12bd13fe] {
4157                padding-left: 48px;
4158            }
4159            @media screen and (max-width: 768px) {
4160                .blu-field.has-leading-icon input.form__input[type="search"][data-v-12bd13fe] {
4161                    padding-left: 32px;
4162                    height: 36px;
4163                    border-radius: 8px;
4164                }
4165                .blu-field.has-leading-icon input.form__input[type="search"] ~ label[data-v-12bd13fe] {
4166                    left: 24px;
4167                }
4168                .blu-field.has-leading-icon
4169                    input.form__input[type="search"]
4170                    ~ .blu-field__leading-icon[data-v-12bd13fe] {
4171                    top: 24px;
4172                    left: 8px;
4173                }
4174                .blu-field.has-leading-icon
4175                    input.form__input[type="search"]
4176                    ~ .blu-field__leading-icon
4177                    svg[data-v-12bd13fe] {
4178                    width: 18px;
4179                    height: 18px;
4180                }
4181                .blu-field.has-leading-icon input.form__input[type="search"] ~ .blu-field__btn[data-v-12bd13fe] {
4182                    bottom: 17px;
4183                    right: 8px;
4184                }
4185                .blu-field.has-leading-icon
4186                    input.form__input[type="search"]
4187                    ~ .blu-field__btn
4188                    .blu-field__btn-custom
4189                    svg[data-v-12bd13fe],
4190                .blu-field.has-leading-icon
4191                    input.form__input[type="search"]
4192                    ~ .blu-field__btn
4193                    .blu-field__btn-close
4194                    svg[data-v-12bd13fe],
4195                .blu-field.has-leading-icon
4196                    input.form__input[type="search"]
4197                    ~ .blu-field__btn
4198                    .blu-field__leading-icon
4199                    svg[data-v-12bd13fe] {
4200                    width: 18px;
4201                    height: 18px;
4202                }
4203            }
4204            .blu-field.has-leading-icon.has-placeholder .blu-field__leading-icon[data-v-12bd13fe] {
4205                top: 32px;
4206            }
4207            .blu-field.has-leading-icon.has-placeholder.b-small:not(.has-no-gap)
4208                :not(input[type="search"].form__input)
4209                ~ .blu-field__leading-icon[data-v-12bd13fe] {
4210                top: 23px;
4211            }
4212            .blu-field.has-leading-icon.has-placeholder.b-small:not(.has-no-gap)
4213                .blu-field__leading-icon[data-v-12bd13fe] {
4214                top: 25px;
4215            }
4216            .blu-field.has-leading-icon.has-placeholder.b-small
4217                :not(input[type="search"].form__input)
4218                ~ .blu-field__leading-icon[data-v-12bd13fe] {
4219                top: 7px;
4220            }
4221            .blu-field.has-custom-icon input.form__input[data-v-12bd13fe] {
4222                padding-right: 46px;
4223            }
4224            .blu-field.has-custom-icon.b-clearable input.form__input[data-v-12bd13fe] {
4225                padding-right: 80px;
4226            }
4227            .blu-field.has-no-gap[data-v-12bd13fe] {
4228                margin-bottom: 0;
4229            }
4230            .blu-field.has-no-gap.has-placeholder input.form__input[data-v-12bd13fe] {
4231                margin-top: 0;
4232            }
4233            .blu-field.has-no-gap.has-leading-icon.has-placeholder:not(.b-small)
4234                .blu-field__leading-icon[data-v-12bd13fe],
4235            .blu-field.has-no-gap.has-leading-icon.has-placeholder:not(.b-small) .blu-field__btn[data-v-12bd13fe] {
4236                top: 16px;
4237            }
4238            .blu-field.has-no-gap.has-leading-icon.has-placeholder .blu-field__leading-icon[data-v-12bd13fe] {
4239                top: 9px;
4240            }
4241            .blu-field.has-no-gap.has-leading-icon.has-placeholder .blu-field__btn[data-v-12bd13fe] {
4242                top: 7px;
4243            }
4244            @media screen and (min-width: 769px), print {
4245                .blu-field.has-no-gap.has-leading-icon.has-placeholder.b-small
4246                    input[type="search"].form__input
4247                    ~ .blu-field__btn[data-v-12bd13fe] {
4248                    top: 9px;
4249                }
4250            }
4251            @media screen and (max-width: 768px) {
4252                .blu-field.has-no-gap.has-leading-icon.has-placeholder
4253                    input[type="search"].form__input
4254                    ~ .blu-field__leading-icon[data-v-12bd13fe] {
4255                    top: 9px;
4256                }
4257                .blu-field.has-no-gap.has-leading-icon.has-placeholder
4258                    input[type="search"].form__input
4259                    ~ .blu-field__btn[data-v-12bd13fe] {
4260                    top: 17px;
4261                }
4262            }
4263            .blu-field.b-success input.form__input[data-v-12bd13fe],
4264            .blu-field.b-success textarea[data-v-12bd13fe],
4265            .blu-field.b-success input[data-v-12bd13fe]:not(:read-only):focus,
4266            .blu-field.b-success textarea[data-v-12bd13fe]:not(:read-only):focus,
4267            .blu-field.b-success textarea[data-v-12bd13fe]:focus {
4268                border-color: #22a334;
4269            }
4270            .blu-field.b-success input.form__input ~ .blu-field__msg-wrapper .blu-field__msg[data-v-12bd13fe],
4271            .blu-field.b-success input.form__input ~ .blu-field__msg[data-v-12bd13fe],
4272            .blu-field.b-success input.form__input ~ .blu-field__msg-wrapper .blu-field__counter[data-v-12bd13fe],
4273            .blu-field.b-success textarea ~ .blu-field__msg-wrapper .blu-field__msg[data-v-12bd13fe],
4274            .blu-field.b-success textarea ~ .blu-field__msg[data-v-12bd13fe],
4275            .blu-field.b-success textarea ~ .blu-field__msg-wrapper .blu-field__counter[data-v-12bd13fe],
4276            .blu-field.b-success input:not(:read-only):focus ~ .blu-field__msg-wrapper .blu-field__msg[data-v-12bd13fe],
4277            .blu-field.b-success input:not(:read-only):focus ~ .blu-field__msg[data-v-12bd13fe],
4278            .blu-field.b-success
4279                input:not(:read-only):focus
4280                ~ .blu-field__msg-wrapper
4281                .blu-field__counter[data-v-12bd13fe],
4282            .blu-field.b-success
4283                textarea:not(:read-only):focus
4284                ~ .blu-field__msg-wrapper
4285                .blu-field__msg[data-v-12bd13fe],
4286            .blu-field.b-success textarea:not(:read-only):focus ~ .blu-field__msg[data-v-12bd13fe],
4287            .blu-field.b-success
4288                textarea:not(:read-only):focus
4289                ~ .blu-field__msg-wrapper
4290                .blu-field__counter[data-v-12bd13fe],
4291            .blu-field.b-success textarea:focus ~ .blu-field__msg-wrapper .blu-field__msg[data-v-12bd13fe],
4292            .blu-field.b-success textarea:focus ~ .blu-field__msg[data-v-12bd13fe],
4293            .blu-field.b-success textarea:focus ~ .blu-field__msg-wrapper .blu-field__counter[data-v-12bd13fe] {
4294                color: #1c832a;
4295            }
4296            .blu-field.b-success input.form__input ~ .title[data-v-12bd13fe],
4297            .blu-field.b-success textarea ~ .title[data-v-12bd13fe],
4298            .blu-field.b-success input:not(:read-only):focus ~ .title[data-v-12bd13fe],
4299            .blu-field.b-success textarea:not(:read-only):focus ~ .title[data-v-12bd13fe],
4300            .blu-field.b-success textarea:focus ~ .title[data-v-12bd13fe] {
4301                color: #1c832a;
4302            }
4303            .blu-field.b-success input.form__input:not(:read-only):focus ~ label[data-v-12bd13fe],
4304            .blu-field.b-success textarea:not(:read-only):focus ~ label[data-v-12bd13fe],
4305            .blu-field.b-success input:not(:read-only):focus:not(:read-only):focus ~ label[data-v-12bd13fe],
4306            .blu-field.b-success textarea:not(:read-only):focus:not(:read-only):focus ~ label[data-v-12bd13fe],
4307            .blu-field.b-success textarea:focus:not(:read-only):focus ~ label[data-v-12bd13fe] {
4308                color: #1c832a;
4309            }
4310            .blu-field.b-danger input[data-v-12bd13fe],
4311            .blu-field.b-danger textarea[data-v-12bd13fe],
4312            .blu-field.b-danger input[data-v-12bd13fe]:not(:read-only):focus,
4313            .blu-field.b-danger textarea[data-v-12bd13fe]:not(:read-only):focus,
4314            .blu-field.b-danger textarea[data-v-12bd13fe]:focus {
4315                border-color: #ff4646;
4316            }
4317            .blu-field.b-danger input ~ .blu-field__msg-wrapper .blu-field__msg[data-v-12bd13fe],
4318            .blu-field.b-danger input ~ .blu-field__msg[data-v-12bd13fe],
4319            .blu-field.b-danger input ~ .blu-field__msg-wrapper .blu-field__counter[data-v-12bd13fe],
4320            .blu-field.b-danger textarea ~ .blu-field__msg-wrapper .blu-field__msg[data-v-12bd13fe],
4321            .blu-field.b-danger textarea ~ .blu-field__msg[data-v-12bd13fe],
4322            .blu-field.b-danger textarea ~ .blu-field__msg-wrapper .blu-field__counter[data-v-12bd13fe],
4323            .blu-field.b-danger input:not(:read-only):focus ~ .blu-field__msg-wrapper .blu-field__msg[data-v-12bd13fe],
4324            .blu-field.b-danger input:not(:read-only):focus ~ .blu-field__msg[data-v-12bd13fe],
4325            .blu-field.b-danger
4326                input:not(:read-only):focus
4327                ~ .blu-field__msg-wrapper
4328                .blu-field__counter[data-v-12bd13fe],
4329            .blu-field.b-danger
4330                textarea:not(:read-only):focus
4331                ~ .blu-field__msg-wrapper
4332                .blu-field__msg[data-v-12bd13fe],
4333            .blu-field.b-danger textarea:not(:read-only):focus ~ .blu-field__msg[data-v-12bd13fe],
4334            .blu-field.b-danger
4335                textarea:not(:read-only):focus
4336                ~ .blu-field__msg-wrapper
4337                .blu-field__counter[data-v-12bd13fe],
4338            .blu-field.b-danger textarea:focus ~ .blu-field__msg-wrapper .blu-field__msg[data-v-12bd13fe],
4339            .blu-field.b-danger textarea:focus ~ .blu-field__msg[data-v-12bd13fe],
4340            .blu-field.b-danger textarea:focus ~ .blu-field__msg-wrapper .blu-field__counter[data-v-12bd13fe] {
4341                color: #e93c3c;
4342            }
4343            .blu-field.b-danger input ~ .title[data-v-12bd13fe],
4344            .blu-field.b-danger textarea ~ .title[data-v-12bd13fe],
4345            .blu-field.b-danger input:not(:read-only):focus ~ .title[data-v-12bd13fe],
4346            .blu-field.b-danger textarea:not(:read-only):focus ~ .title[data-v-12bd13fe],
4347            .blu-field.b-danger textarea:focus ~ .title[data-v-12bd13fe] {
4348                color: #e93c3c;
4349            }
4350            .blu-field.b-danger input:not(:read-only):focus ~ label[data-v-12bd13fe],
4351            .blu-field.b-danger textarea:not(:read-only):focus ~ label[data-v-12bd13fe],
4352            .blu-field.b-danger input:not(:read-only):focus:not(:read-only):focus ~ label[data-v-12bd13fe],
4353            .blu-field.b-danger textarea:not(:read-only):focus:not(:read-only):focus ~ label[data-v-12bd13fe],
4354            .blu-field.b-danger textarea:focus:not(:read-only):focus ~ label[data-v-12bd13fe] {
4355                color: #e93c3c;
4356            }
4357            .b-dark input.form__input[data-v-12bd13fe],
4358            .b-dark textarea[data-v-12bd13fe] {
4359                background-color: #f1f2f2;
4360                border-color: #f1f2f2;
4361            }
4362            .b-dark:not(.b-disabled) input.form__input[data-v-12bd13fe]:hover,
4363            .b-dark:not(.b-disabled) textarea[data-v-12bd13fe]:hover {
4364                background-color: #e1e3e4;
4365            }
4366            .b-dark:not(.b-disabled).has-value textarea + label[data-v-12bd13fe] {
4367                background-color: #f1f2f2;
4368            }
4369            .b-dark:not(.b-disabled).has-value textarea:hover ~ label[data-v-12bd13fe] {
4370                background-color: #e1e3e4;
4371            }
4372            .b-disabled input.form__input[data-v-12bd13fe],
4373            .b-disabled textarea[data-v-12bd13fe] {
4374                background-color: #c8cbcd;
4375                border-color: #c8cbcd;
4376            }
4377            .b-disabled input.form__input[data-v-12bd13fe],
4378            .b-disabled textarea[data-v-12bd13fe],
4379            .b-disabled label[data-v-12bd13fe],
4380            .b-disabled .blu-field__btn *[data-v-12bd13fe] {
4381                cursor: not-allowed;
4382                color: rgba(25, 34, 42, 0.4);
4383            }
4384            .b-small input.form__input[data-v-12bd13fe] {
4385                font:
4386                    14px/18px "blibli",
4387                    -apple-system,
4388                    segoe ui,
4389                    roboto,
4390                    helvetica,
4391                    arial,
4392                    sans-serif;
4393                border-radius: 8px;
4394            }
4395            .b-small input.form__input[type="email"][data-v-12bd13fe],
4396            .b-small input.form__input[type="number"][data-v-12bd13fe],
4397            .b-small input.form__input[type="text"][data-v-12bd13fe],
4398            .b-small input.form__input[type="tel"][data-v-12bd13fe],
4399            .b-small input.form__input[type="url"][data-v-12bd13fe],
4400            .b-small input.form__input[type="password"][data-v-12bd13fe] {
4401                height: 32px;
4402            }
4403            .b-small input.form__input[type="email"] ~ .blu-field__leading-icon[data-v-12bd13fe],
4404            .b-small input.form__input[type="number"] ~ .blu-field__leading-icon[data-v-12bd13fe],
4405            .b-small input.form__input[type="text"] ~ .blu-field__leading-icon[data-v-12bd13fe],
4406            .b-small input.form__input[type="tel"] ~ .blu-field__leading-icon[data-v-12bd13fe],
4407            .b-small input.form__input[type="url"] ~ .blu-field__leading-icon[data-v-12bd13fe],
4408            .b-small input.form__input[type="password"] ~ .blu-field__leading-icon[data-v-12bd13fe] {
4409                top: 6px;
4410            }
4411            .b-small input.form__input[type="search"][data-v-12bd13fe] {
4412                height: 36px;
4413            }
4414            .b-small input.form__input[type="search"] ~ .blu-field__btn[data-v-12bd13fe] {
4415                right: 8px;
4416            }
4417            @media screen and (min-width: 769px), print {
4418                .b-small input.form__input[type="search"] ~ .blu-field__btn[data-v-12bd13fe] {
4419                    top: 25px;
4420                }
4421            }
4422            @media screen and (max-width: 768px) {
4423                .b-small input.form__input[type="search"] ~ .blu-field__btn[data-v-12bd13fe] {
4424                    top: 33px;
4425                }
4426            }
4427            .b-small.blu-field input.form__input[data-v-12bd13fe] {
4428                padding-left: 6px;
4429            }
4430            .b-small.has-placeholder[data-v-12bd13fe] ::placeholder {
4431                font:
4432                    14px/18px "blibli",
4433                    -apple-system,
4434                    segoe ui,
4435                    roboto,
4436                    helvetica,
4437                    arial,
4438                    sans-serif;
4439                color: rgba(25, 34, 42, 0.4);
4440            }
4441            .b-small.has-placeholder .blu-field__btn[data-v-12bd13fe] {
4442                top: 23px;
4443                right: 8px;
4444            }
4445            .b-small.has-placeholder .blu-field__leading-icon svg[data-v-12bd13fe],
4446            .b-small.has-placeholder .blu-field__btn svg[data-v-12bd13fe] {
4447                width: 18px;
4448                height: 18px;
4449            }
4450            .b-small.b-clearable input.form__input[data-v-12bd13fe] {
4451                padding-right: 33px;
4452            }
4453            .b-small.has-leading-icon input.form__input[data-v-12bd13fe] {
4454                padding-left: 32px;
4455            }
4456            .b-small.has-leading-icon input.form__input[type="search"][data-v-12bd13fe] {
4457                padding-left: 32px;
4458            }
4459            .b-small.has-leading-icon .blu-field__btn-custom[data-v-12bd13fe],
4460            .b-small.has-leading-icon .blu-field__btn-close[data-v-12bd13fe],
4461            .b-small.has-leading-icon .blu-field__leading-icon[data-v-12bd13fe] {
4462                left: 8px;
4463            }
4464            .b-small .blu-field__btn[data-v-12bd13fe] {
4465                top: 6px;
4466            }
4467            [data-v-12bd13fe]::placeholder {
4468                font-size: 0;
4469                opacity: 0;
4470            }
4471            [data-v-12bd13fe]::-ms-reveal {
4472                display: none;
4473            }
4474            [data-v-12bd13fe]:-ms-input-placeholder {
4475                font-size: 0;
4476                opacity: 0;
4477            }
4478            [data-v-12bd13fe]::-ms-input-placeholder {
4479                font-size: 0;
4480                opacity: 0;
4481            }
4482            input[data-v-12bd13fe]:-internal-autofill-selected {
4483                background-color: #fff !important;
4484            }
4485            [data-v-12bd13fe]::-webkit-credentials-auto-fill-button {
4486                -webkit-mask-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0iTTE4LjkxIDE0LjU2YTEuNzY5IDEuNzY5IDAgMCAxLTEuNDM1LS43MjVsLTIuNjUtMy42ODNhMS4wMDEgMS4wMDEgMCAwIDEgMS42MjUtMS4xNjhsMi40NSAzLjQwOCAyLjIwMi0zLjM3MWExIDEgMCAwIDEgMS42NzQgMS4wOTRsLTIuNCAzLjY3MmMtLjM3My41MDgtLjg5Ni43NzMtMS40NjYuNzczWiIgZmlsbD0iIzc5N0Y4NSIvPjxwYXRoIGZpbGwtcnVsZT0iZXZlbm9kZCIgY2xpcC1ydWxlPSJldmVub2RkIiBkPSJNMTIuOTIgNy4wNzNjMC0zLjAzMS0yLjQ2Ni01LjQ4OS01LjUxLTUuNDg5LTMuMDQ0IDAtNS41MTEgMi40NTctNS41MTEgNS40ODlhNS40ODcgNS40ODcgMCAwIDAgMy40NTkgNS4wOTFjLS4wNTYgMS45MTMtLjAyIDMuODMuMTI0IDUuNzM5bC4wMTEuMTQ0Yy4wMjkuMzkyLjE3My43Ni40MDYgMS4wMzhsLjgxLjk2OGMuNTEuNjA5IDEuNDc0LjcwMiAxLjg0NiAwIC4xNjYtLjMxNC4yMjctMS4wOTctLjAxLTEuNjIyLS4zMzYtLjc0Ny0uNjIxLTEuMTg5LjM0Mi0yLjM3OC4xOTktLjI0Ni4xODYtLjYyMy4wNTUtLjkyMS0uMjc1LS42MjgtLjU1My0xLjc1OC4zMDMtMi44MTMuMDI4LS4wMzUuMDczLS4wNzYuMTI0LS4xMiAyLjA3NS0uNzg4IDMuNTUyLTIuNzgzIDMuNTUyLTUuMTI2Wk03LjQxIDQuMDc5YTEuNSAxLjUgMCAwIDEgMS41MDQgMS40OTdBMS41IDEuNSAwIDAgMSA3LjQxIDcuMDczYTEuNSAxLjUgMCAwIDEtMS41MDMtMS40OTdBMS41IDEuNSAwIDAgMSA3LjQxIDQuMDc5WiIgZmlsbD0iIzc5N0Y4NSIvPjwvc3ZnPg==);
4487                -webkit-mask-size: 18px 18px;
4488                width: 18px;
4489                height: 18px;
4490                background-color: rgba(25, 34, 42, 0.4);
4491                margin-top: -14px;
4492                margin-right: -30px;
4493            }
4494            input[type="number"][data-v-12bd13fe]::-webkit-inner-spin-button,
4495            input[type="number"][data-v-12bd13fe]::-webkit-outer-spin-button {
4496                -webkit-appearance: none;
4497                margin: 0;
4498            }
4499            @keyframes shake-12bd13fe {
4500                10%,
4501                90% {
4502                    transform: translate3d(-1px, 0, 0);
4503                }
4504                20%,
4505                80% {
4506                    transform: translate3d(2px, 0, 0);
4507                }
4508                30%,
4509                50%,
4510                70% {
4511                    transform: translate3d(-4px, 0, 0);
4512                }
4513                40%,
4514                60% {
4515                    transform: translate3d(4px, 0, 0);
4516                }
4517            }
4518            .blu-input-stepper input[data-v-12bd13fe] {
4519                font:
4520                    18px/24px "blibli demi bold",
4521                    -apple-system,
4522                    segoe ui,
4523                    roboto,
4524                    helvetica,
4525                    arial,
4526                    sans-serif;
4527                color: #19222a;
4528                background-color: inherit;
4529            }
4530            .blu-input-stepper input[type="number"][data-v-12bd13fe] {
4531                width: 100%;
4532                height: 100%;
4533                padding: 0px;
4534                border: none;
4535                text-align: center;
4536                -moz-appearance: textfield;
4537            }
4538            .blu-input-stepper input[type="number"][data-v-12bd13fe]::-webkit-inner-spin-button {
4539                -webkit-appearance: none;
4540                margin: 0;
4541            }
4542            .blu-input-stepper input[type="number"][data-v-12bd13fe]:hover {
4543                background-color: inherit;
4544            }
4545            .blu-input-stepper input[type="number"][data-v-12bd13fe]:focus {
4546                border: none;
4547            }
4548            .blu-input-stepper.b-readonly input[data-v-12bd13fe] {
4549                cursor: default;
4550            }
4551            .blu-input-stepper.b-disabled input[data-v-12bd13fe] {
4552                color: rgba(25, 34, 42, 0.4);
4553            }
4554        </style>
4555        <style type="text/css">
4556            .blu-input-stepper[data-v-1e7baa58] {
4557                display: flex;
4558                align-items: center;
4559                justify-content: space-between;
4560                border-radius: 8px;
4561                height: 32px;
4562                padding: 4px;
4563                transition: all 0.4s ease-in-out;
4564            }
4565            .blu-input-stepper[data-v-1e7baa58]:not(.b-readonly) {
4566                background-color: #f1f2f2;
4567            }
4568            .blu-input-stepper__input[data-v-1e7baa58] {
4569                display: flex;
4570                align-items: center;
4571                margin: 0;
4572                color: #19222a;
4573            }
4574            .blu-input-stepper__plus[data-v-1e7baa58],
4575            .blu-input-stepper__minus[data-v-1e7baa58] {
4576                display: flex;
4577                align-items: center;
4578                border-radius: 50%;
4579                width: 24px;
4580                height: 24px;
4581                box-sizing: border-box;
4582            }
4583            .blu-input-stepper.b-disabled[data-v-1e7baa58] {
4584                cursor: not-allowed;
4585            }
4586            .blu-input-stepper.b-disabled[data-v-1e7baa58]:not(.b-readonly) {
4587                background-color: #c8cbcd;
4588            }
4589            .blu-input-stepper.b-active[data-v-1e7baa58] {
4590                box-shadow: inset 0px 0px 0px 2px #0072ff;
4591            }
4592        </style>
4593        <style type="text/css">
4594            .blu-ripple[data-v-2bedc3c7] {
4595                width: 100%;
4596                height: 100%;
4597                position: relative;
4598                overflow: hidden;
4599                display: flex;
4600                justify-content: center;
4601                align-items: center;
4602                -webkit-box-pack: center;
4603                -webkit-box-align: center;
4604                -webkit-mask-image: radial-gradient(circle, #ffffff 100%, #000000 100%);
4605                padding: 0 12px;
4606            }
4607            .blu-ripple-wave[data-v-2bedc3c7] {
4608                position: absolute;
4609                z-index: 1;
4610                pointer-events: none;
4611                background: currentColor;
4612                border-radius: 50%;
4613                opacity: 0;
4614                transform: scale(2) translateZ(0);
4615            }
4616            .blu-ripple-wave.b-centered[data-v-2bedc3c7] {
4617                animation-duration: 1.2s;
4618                top: 50%;
4619                left: 50%;
4620            }
4621            .blu-ripple-wave ~ *[data-v-2bedc3c7]:not(.blu-ripple-wave) {
4622                position: relative;
4623                z-index: 2;
4624            }
4625            .blu-ripple-enter-active[data-v-2bedc3c7] {
4626                transition: 2s cubic-bezier(0.25, 0.8, 0.25, 1);
4627                transition-property: opacity, transform;
4628                will-change: opacity, transform;
4629            }
4630            .blu-ripple-enter-active.b-centered[data-v-2bedc3c7] {
4631                transition-duration: 1.2s;
4632            }
4633            .blu-ripple-enter[data-v-2bedc3c7] {
4634                opacity: 0.26;
4635                transform: scale(0.26) translateZ(0);
4636            }
4637            .has-left-icon .blu-ripple svg[data-v-2bedc3c7] {
4638                margin-right: 8px;
4639            }
4640            .has-left-icon.b-small svg[data-v-2bedc3c7] {
4641                transform-origin: left;
4642                margin-right: 4px;
4643            }
4644            .b-large .blu-ripple[data-v-2bedc3c7] {
4645                padding: 0 16px;
4646            }
4647            .b-small .blu-ripple[data-v-2bedc3c7] {
4648                padding: 0 8px;
4649            }
4650            .b-small svg[data-v-2bedc3c7] {
4651                width: 18px;
4652                height: 18px;
4653            }
4654            .b-icon .blu-ripple[data-v-2bedc3c7] {
4655                padding: 0;
4656            }
4657            .b-loading .blu-loader-wrapper[data-v-2bedc3c7] {
4658                height: 24px;
4659                position: absolute;
4660            }
4661            .b-loading .blu-ripple[data-v-2bedc3c7] {
4662                color: rgba(0, 0, 0, 0);
4663            }
4664            .b-loading .blu-ripple > svg[data-v-2bedc3c7] {
4665                visibility: hidden;
4666            }
4667            .b-loading .blu-ripple .blu-ripple-wave[data-v-2bedc3c7] {
4668                color: #fff;
4669            }
4670            .b-loading.b-white .blu-ripple-wave[data-v-2bedc3c7] {
4671                color: #0072ff;
4672            }
4673            .b-loading.b-outline.b-secondary .blu-ripple-wave[data-v-2bedc3c7] {
4674                color: #0072ff;
4675            }
4676            .b-loading.b-outline.b-primary .blu-ripple-wave[data-v-2bedc3c7] {
4677                color: #0ea5e9;
4678            }
4679            .b-loading.b-ghost.b-secondary .blu-ripple-wave[data-v-2bedc3c7] {
4680                color: #0072ff;
4681            }
4682            .b-loading.b-ghost.b-primary .blu-ripple-wave[data-v-2bedc3c7] {
4683                color: #0ea5e9;
4684            }
4685            .blu-input-stepper .blu-btn .blu-ripple[data-v-2bedc3c7] {
4686                padding: 0;
4687                width: 24px;
4688                height: 24px;
4689                border-radius: 50%;
4690            }
4691            .blu-input-stepper .blu-btn .blu-ripple svg[data-v-2bedc3c7] {
4692                width: 18px;
4693                height: 18px;
4694                margin-left: 1px;
4695            }
4696            .blu-input-stepper .blu-btn .blu-ripple-enter-active[data-v-2bedc3c7] {
4697                background: #0072ff;
4698            }
4699            .b-disabled[data-v-2bedc3c7] {
4700                opacity: 1;
4701            }
4702            .blu-btn-dropdown .blu-ripple > svg + div[data-v-2bedc3c7] {
4703                margin-left: 8px;
4704            }
4705        </style>
4706        <style type="text/css">
4707            .blu-ripple[data-v-574d97b4] {
4708                width: 100%;
4709                height: 100%;
4710                position: relative;
4711                overflow: hidden;
4712                display: flex;
4713                justify-content: center;
4714                align-items: center;
4715                -webkit-box-pack: center;
4716                -webkit-box-align: center;
4717                -webkit-mask-image: radial-gradient(circle, #ffffff 100%, #000000 100%);
4718                padding: 0 12px;
4719            }
4720            .blu-ripple-wave[data-v-574d97b4] {
4721                position: absolute;
4722                z-index: 1;
4723                pointer-events: none;
4724                background: currentColor;
4725                border-radius: 50%;
4726                opacity: 0;
4727                transform: scale(2) translateZ(0);
4728            }
4729            .blu-ripple-wave.b-centered[data-v-574d97b4] {
4730                animation-duration: 1.2s;
4731                top: 50%;
4732                left: 50%;
4733            }
4734            .blu-ripple-wave ~ *[data-v-574d97b4]:not(.blu-ripple-wave) {
4735                position: relative;
4736                z-index: 2;
4737            }
4738            .blu-ripple-enter-active[data-v-574d97b4] {
4739                transition: 2s cubic-bezier(0.25, 0.8, 0.25, 1);
4740                transition-property: opacity, transform;
4741                will-change: opacity, transform;
4742            }
4743            .blu-ripple-enter-active.b-centered[data-v-574d97b4] {
4744                transition-duration: 1.2s;
4745            }
4746            .blu-ripple-enter[data-v-574d97b4] {
4747                opacity: 0.26;
4748                transform: scale(0.26) translateZ(0);
4749            }
4750            .has-left-icon .blu-ripple svg[data-v-574d97b4] {
4751                margin-right: 8px;
4752            }
4753            .has-left-icon.b-small svg[data-v-574d97b4] {
4754                transform-origin: left;
4755                margin-right: 4px;
4756            }
4757            .b-large .blu-ripple[data-v-574d97b4] {
4758                padding: 0 16px;
4759            }
4760            .b-small .blu-ripple[data-v-574d97b4] {
4761                padding: 0 8px;
4762            }
4763            .b-small svg[data-v-574d97b4] {
4764                width: 18px;
4765                height: 18px;
4766            }
4767            .b-icon .blu-ripple[data-v-574d97b4] {
4768                padding: 0;
4769            }
4770            .b-loading .blu-loader-wrapper[data-v-574d97b4] {
4771                height: 24px;
4772                position: absolute;
4773            }
4774            .b-loading .blu-ripple[data-v-574d97b4] {
4775                color: rgba(0, 0, 0, 0);
4776            }
4777            .b-loading .blu-ripple > svg[data-v-574d97b4] {
4778                visibility: hidden;
4779            }
4780            .b-loading .blu-ripple .blu-ripple-wave[data-v-574d97b4] {
4781                color: #fff;
4782            }
4783            .b-loading.b-white .blu-ripple-wave[data-v-574d97b4] {
4784                color: #0072ff;
4785            }
4786            .b-loading.b-outline.b-secondary .blu-ripple-wave[data-v-574d97b4] {
4787                color: #0072ff;
4788            }
4789            .b-loading.b-outline.b-primary .blu-ripple-wave[data-v-574d97b4] {
4790                color: #0ea5e9;
4791            }
4792            .b-loading.b-ghost.b-secondary .blu-ripple-wave[data-v-574d97b4] {
4793                color: #0072ff;
4794            }
4795            .b-loading.b-ghost.b-primary .blu-ripple-wave[data-v-574d97b4] {
4796                color: #0ea5e9;
4797            }
4798            .blu-input-stepper .blu-btn .blu-ripple[data-v-574d97b4] {
4799                padding: 0;
4800                width: 24px;
4801                height: 24px;
4802                border-radius: 50%;
4803            }
4804            .blu-input-stepper .blu-btn .blu-ripple svg[data-v-574d97b4] {
4805                width: 18px;
4806                height: 18px;
4807                margin-left: 1px;
4808            }
4809            .blu-input-stepper .blu-btn .blu-ripple-enter-active[data-v-574d97b4] {
4810                background: #0072ff;
4811            }
4812            .b-disabled[data-v-574d97b4] {
4813                opacity: 1;
4814            }
4815            .blu-btn-dropdown .blu-ripple > svg + div[data-v-574d97b4] {
4816                margin-left: 8px;
4817            }
4818        </style>
4819        <style type="text/css">
4820            .blu-ripple[data-v-19fd2cc7] {
4821                width: 100%;
4822                height: 100%;
4823                position: relative;
4824                overflow: hidden;
4825                display: flex;
4826                justify-content: center;
4827                align-items: center;
4828                -webkit-box-pack: center;
4829                -webkit-box-align: center;
4830                -webkit-mask-image: radial-gradient(circle, #ffffff 100%, #000000 100%);
4831                padding: 0 12px;
4832            }
4833            .blu-ripple-wave[data-v-19fd2cc7] {
4834                position: absolute;
4835                z-index: 1;
4836                pointer-events: none;
4837                background: currentColor;
4838                border-radius: 50%;
4839                opacity: 0;
4840                transform: scale(2) translateZ(0);
4841            }
4842            .blu-ripple-wave.b-centered[data-v-19fd2cc7] {
4843                animation-duration: 1.2s;
4844                top: 50%;
4845                left: 50%;
4846            }
4847            .blu-ripple-wave ~ *[data-v-19fd2cc7]:not(.blu-ripple-wave) {
4848                position: relative;
4849                z-index: 2;
4850            }
4851            .blu-ripple-enter-active[data-v-19fd2cc7] {
4852                transition: 2s cubic-bezier(0.25, 0.8, 0.25, 1);
4853                transition-property: opacity, transform;
4854                will-change: opacity, transform;
4855            }
4856            .blu-ripple-enter-active.b-centered[data-v-19fd2cc7] {
4857                transition-duration: 1.2s;
4858            }
4859            .blu-ripple-enter[data-v-19fd2cc7] {
4860                opacity: 0.26;
4861                transform: scale(0.26) translateZ(0);
4862            }
4863            .has-left-icon .blu-ripple svg[data-v-19fd2cc7] {
4864                margin-right: 8px;
4865            }
4866            .has-left-icon.b-small svg[data-v-19fd2cc7] {
4867                transform-origin: left;
4868                margin-right: 4px;
4869            }
4870            .b-large .blu-ripple[data-v-19fd2cc7] {
4871                padding: 0 16px;
4872            }
4873            .b-small .blu-ripple[data-v-19fd2cc7] {
4874                padding: 0 8px;
4875            }
4876            .b-small svg[data-v-19fd2cc7] {
4877                width: 18px;
4878                height: 18px;
4879            }
4880            .b-icon .blu-ripple[data-v-19fd2cc7] {
4881                padding: 0;
4882            }
4883            .b-loading .blu-loader-wrapper[data-v-19fd2cc7] {
4884                height: 24px;
4885                position: absolute;
4886            }
4887            .b-loading .blu-ripple[data-v-19fd2cc7] {
4888                color: rgba(0, 0, 0, 0);
4889            }
4890            .b-loading .blu-ripple > svg[data-v-19fd2cc7] {
4891                visibility: hidden;
4892            }
4893            .b-loading .blu-ripple .blu-ripple-wave[data-v-19fd2cc7] {
4894                color: #fff;
4895            }
4896            .b-loading.b-white .blu-ripple-wave[data-v-19fd2cc7] {
4897                color: #0072ff;
4898            }
4899            .b-loading.b-outline.b-secondary .blu-ripple-wave[data-v-19fd2cc7] {
4900                color: #0072ff;
4901            }
4902            .b-loading.b-outline.b-primary .blu-ripple-wave[data-v-19fd2cc7] {
4903                color: #0ea5e9;
4904            }
4905            .b-loading.b-ghost.b-secondary .blu-ripple-wave[data-v-19fd2cc7] {
4906                color: #0072ff;
4907            }
4908            .b-loading.b-ghost.b-primary .blu-ripple-wave[data-v-19fd2cc7] {
4909                color: #0ea5e9;
4910            }
4911            .blu-input-stepper .blu-btn .blu-ripple[data-v-19fd2cc7] {
4912                padding: 0;
4913                width: 24px;
4914                height: 24px;
4915                border-radius: 50%;
4916            }
4917            .blu-input-stepper .blu-btn .blu-ripple svg[data-v-19fd2cc7] {
4918                width: 18px;
4919                height: 18px;
4920                margin-left: 1px;
4921            }
4922            .blu-input-stepper .blu-btn .blu-ripple-enter-active[data-v-19fd2cc7] {
4923                background: #0072ff;
4924            }
4925            .b-disabled[data-v-19fd2cc7] {
4926                opacity: 1;
4927            }
4928            .blu-btn-dropdown .blu-ripple > svg + div[data-v-19fd2cc7] {
4929                margin-left: 8px;
4930            }
4931            .blu-btn[data-v-19fd2cc7] {
4932                position: relative;
4933                font:
4934                    16px/20px "blibli demi bold",
4935                    -apple-system,
4936                    segoe ui,
4937                    roboto,
4938                    helvetica,
4939                    arial,
4940                    sans-serif;
4941                text-decoration: none;
4942                transition:
4943                    color 0.4s,
4944                    background-color 0.4s,
4945                    border-color 0.6s;
4946                white-space: nowrap;
4947                height: 48px;
4948                padding: 0;
4949                -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
4950            }
4951            .blu-btn[data-v-19fd2cc7]::-moz-focus-inner {
4952                border: 0;
4953            }
4954            .blu-btn[data-v-19fd2cc7]:active {
4955                outline: none;
4956            }
4957            .blu-btn[data-v-19fd2cc7]:before {
4958                position: absolute;
4959                top: 0;
4960                right: 0;
4961                bottom: 0;
4962                left: 0;
4963                z-index: 1;
4964                opacity: 0;
4965                transition: 0.4s cubic-bezier(0.4, 0, 0.2, 1);
4966                will-change: background-color, opacity;
4967                content: " ";
4968            }
4969            .blu-btn[data-v-19fd2cc7]:focus-visible {
4970                box-shadow: 0px 0px 0px 4px #000;
4971            }
4972            .blu-btn.b-primary[data-v-19fd2cc7] {
4973                color: #fff;
4974                background-color: #0ea5e9;
4975                border-color: #0ea5e9;
4976            }
4977            .blu-btn.b-primary[data-v-19fd2cc7]:not(.b-disabled):focus-visible,
4978            .blu-btn.b-primary[data-v-19fd2cc7]:not(.b-disabled):hover,
4979            .blu-btn.b-primary:not(.b-disabled).b-active[data-v-19fd2cc7] {
4980                background-color: #0284c7;
4981                border-color: #0284c7;
4982            }
4983            .blu-btn.b-secondary[data-v-19fd2cc7] {
4984                color: #fff;
4985                background-color: #0072ff;
4986                border-color: #0072ff;
4987            }
4988            .blu-btn.b-secondary[data-v-19fd2cc7]:not(.b-disabled):focus-visible,
4989            .blu-btn.b-secondary[data-v-19fd2cc7]:not(.b-disabled):hover,
4990            .blu-btn.b-secondary:not(.b-disabled).b-active[data-v-19fd2cc7] {
4991                background-color: #006dea;
4992                border-color: #006dea;
4993            }
4994            .blu-btn.b-white[data-v-19fd2cc7] {
4995                color: #fff;
4996                background-color: #fff;
4997                border-color: #fff;
4998                color: #0072ff;
4999            }
5000            .blu-btn.b-white[data-v-19fd2cc7]:not(.b-disabled):focus-visible,
5001            .blu-btn.b-white[data-v-19fd2cc7]:not(.b-disabled):hover,
5002            .blu-btn.b-white:not(.b-disabled).b-active[data-v-19fd2cc7] {
5003                background-color: #f1f2f2;
5004                border-color: #f1f2f2;
5005            }
5006            .blu-btn.b-disabled[data-v-19fd2cc7] {
5007                color: #fff;
5008                background-color: #c8cbcd;
5009                border-color: #c8cbcd;
5010                color: rgba(25, 34, 42, 0.4);
5011            }
5012            .blu-btn.b-disabled[data-v-19fd2cc7]:not(.b-disabled):focus-visible,
5013            .blu-btn.b-disabled[data-v-19fd2cc7]:not(.b-disabled):hover,
5014            .blu-btn.b-disabled:not(.b-disabled).b-active[data-v-19fd2cc7] {
5015                background-color: #c8cbcd;
5016                border-color: #c8cbcd;
5017            }
5018            .blu-btn.b-large[data-v-19fd2cc7] {
5019                height: 56px;
5020            }
5021            .blu-btn.b-small[data-v-19fd2cc7] {
5022                font:
5023                    14px/18px "blibli demi bold",
5024                    -apple-system,
5025                    segoe ui,
5026                    roboto,
5027                    helvetica,
5028                    arial,
5029                    sans-serif;
5030                height: 32px;
5031            }
5032            .b-disabled[data-v-19fd2cc7] {
5033                opacity: 1;
5034            }
5035            input[type="submit"][data-v-19fd2cc7]::-moz-focus-inner,
5036            input[type="button"][data-v-19fd2cc7]::-moz-focus-inner {
5037                border: 0px;
5038            }
5039            button[data-v-19fd2cc7]:focus,
5040            input[type="submit"][data-v-19fd2cc7]:focus,
5041            input[type="button"][data-v-19fd2cc7]:focus,
5042            input[type="reset"][data-v-19fd2cc7]:focus,
5043            a[data-v-19fd2cc7] {
5044                outline: none;
5045            }
5046            a[data-v-19fd2cc7],
5047            a[data-v-19fd2cc7]:visited,
5048            a[data-v-19fd2cc7]:focus,
5049            a[data-v-19fd2cc7]:active,
5050            a[data-v-19fd2cc7]:hover {
5051                outline: 0 none !important;
5052            }
5053            .blu-btn[data-v-19fd2cc7] {
5054                border-radius: 24px;
5055            }
5056            .blu-btn + .blu-button[data-v-19fd2cc7] {
5057                margin-left: 0;
5058            }
5059            .blu-btn.b-outline[data-v-19fd2cc7] {
5060                background-color: rgba(0, 0, 0, 0);
5061            }
5062            .blu-btn.b-outline.b-primary[data-v-19fd2cc7] {
5063                color: #0ea5e9;
5064                background-color: #0284c7;
5065                border: #38bdf8 1px solid;
5066            }
5067            .blu-btn.b-outline.b-primary[data-v-19fd2cc7]:not(.b-disabled) {
5068                background-color: rgba(255, 255, 255, 0.12);
5069            }
5070            .blu-btn.b-outline.b-primary[data-v-19fd2cc7]:not(.b-disabled):focus-visible,
5071            .blu-btn.b-outline.b-primary[data-v-19fd2cc7]:not(.b-disabled):hover,
5072            .blu-btn.b-outline.b-primary:not(.b-disabled).b-active[data-v-19fd2cc7] {
5073                background-color: rgba(227, 147, 4, 0.08);
5074                border: #38bdf8 1px solid;
5075            }
5076            .blu-btn.b-outline.b-primary.b-active[data-v-19fd2cc7] {
5077                z-index: 9;
5078                background-color: #0ea5e9;
5079                color: #fff;
5080            }
5081            .blu-btn.b-outline.b-secondary[data-v-19fd2cc7] {
5082                color: #0072ff;
5083                background-color: #006dea;
5084                border: #1d8fff 1px solid;
5085            }
5086            .blu-btn.b-outline.b-secondary[data-v-19fd2cc7]:not(.b-disabled) {
5087                background-color: rgba(255, 255, 255, 0.12);
5088            }
5089            .blu-btn.b-outline.b-secondary[data-v-19fd2cc7]:not(.b-disabled):focus-visible,
5090            .blu-btn.b-outline.b-secondary[data-v-19fd2cc7]:not(.b-disabled):hover,
5091            .blu-btn.b-outline.b-secondary:not(.b-disabled).b-active[data-v-19fd2cc7] {
5092                background-color: rgba(0, 109, 234, 0.08);
5093                border: #1d8fff 1px solid;
5094            }
5095            .blu-btn.b-outline.b-secondary.b-active[data-v-19fd2cc7] {
5096                z-index: 9;
5097                background-color: #0072ff;
5098                color: #fff;
5099            }
5100            .blu-btn.b-outline.b-white[data-v-19fd2cc7] {
5101                color: #fff;
5102                background-color: #fff;
5103                border: #fff 1px solid;
5104            }
5105            .blu-btn.b-outline.b-white[data-v-19fd2cc7]:not(.b-disabled) {
5106                background-color: rgba(255, 255, 255, 0.12);
5107            }
5108            .blu-btn.b-outline.b-white[data-v-19fd2cc7]:not(.b-disabled):focus-visible,
5109            .blu-btn.b-outline.b-white[data-v-19fd2cc7]:not(.b-disabled):hover,
5110            .blu-btn.b-outline.b-white:not(.b-disabled).b-active[data-v-19fd2cc7] {
5111                background-color: rgba(255, 255, 255, 0.4);
5112                border: #fff 1px solid;
5113            }
5114            .blu-btn.b-outline.b-white.b-active[data-v-19fd2cc7] {
5115                z-index: 9;
5116                background-color: #fff;
5117                color: #fff;
5118            }
5119            .blu-btn.b-outline.b-disabled[data-v-19fd2cc7] {
5120                color: rgba(25, 34, 42, 0.4);
5121                background-color: #c8cbcd;
5122                border: #c8cbcd 1px solid;
5123            }
5124            .blu-btn.b-outline.b-disabled[data-v-19fd2cc7]:not(.b-disabled) {
5125                background-color: rgba(255, 255, 255, 0.12);
5126            }
5127            .blu-btn.b-outline.b-disabled[data-v-19fd2cc7]:not(.b-disabled):focus-visible,
5128            .blu-btn.b-outline.b-disabled[data-v-19fd2cc7]:not(.b-disabled):hover,
5129            .blu-btn.b-outline.b-disabled:not(.b-disabled).b-active[data-v-19fd2cc7] {
5130                background-color: rgba(200, 203, 205, 0.08);
5131                border: #c8cbcd 1px solid;
5132            }
5133            .blu-btn.b-outline.b-disabled.b-active[data-v-19fd2cc7] {
5134                z-index: 9;
5135                background-color: rgba(25, 34, 42, 0.4);
5136                color: #fff;
5137            }
5138            .blu-btn.b-outline.b-small .blu-ripple[data-v-19fd2cc7] {
5139                border-radius: 14px;
5140            }
5141            .blu-btn.b-outline.b-large .blu-ripple[data-v-19fd2cc7] {
5142                border-radius: 30px;
5143            }
5144            .blu-btn.b-ghost[data-v-19fd2cc7] {
5145                background-color: rgba(0, 0, 0, 0);
5146                border-color: rgba(0, 0, 0, 0);
5147            }
5148            .blu-btn.b-ghost.b-primary[data-v-19fd2cc7] {
5149                color: #0ea5e9;
5150                border-color: rgba(0, 0, 0, 0);
5151            }
5152            .blu-btn.b-ghost.b-primary[data-v-19fd2cc7]:not(.b-disabled):focus-visible,
5153            .blu-btn.b-ghost.b-primary[data-v-19fd2cc7]:not(.b-disabled):hover,
5154            .blu-btn.b-ghost.b-primary:not(.b-disabled).b-active[data-v-19fd2cc7] {
5155                border-color: rgba(0, 0, 0, 0);
5156                background-color: rgba(227, 147, 4, 0.08);
5157            }
5158            .blu-btn.b-ghost.b-secondary[data-v-19fd2cc7] {
5159                color: #0072ff;
5160                border-color: rgba(0, 0, 0, 0);
5161            }
5162            .blu-btn.b-ghost.b-secondary[data-v-19fd2cc7]:not(.b-disabled):focus-visible,
5163            .blu-btn.b-ghost.b-secondary[data-v-19fd2cc7]:not(.b-disabled):hover,
5164            .blu-btn.b-ghost.b-secondary:not(.b-disabled).b-active[data-v-19fd2cc7] {
5165                border-color: rgba(0, 0, 0, 0);
5166                background-color: rgba(0, 109, 234, 0.08);
5167            }
5168            .blu-btn.b-ghost.b-white[data-v-19fd2cc7] {
5169                color: #fff;
5170                border-color: rgba(0, 0, 0, 0);
5171            }
5172            .blu-btn.b-ghost.b-white[data-v-19fd2cc7]:not(.b-disabled):focus-visible,
5173            .blu-btn.b-ghost.b-white[data-v-19fd2cc7]:not(.b-disabled):hover,
5174            .blu-btn.b-ghost.b-white:not(.b-disabled).b-active[data-v-19fd2cc7] {
5175                border-color: rgba(0, 0, 0, 0);
5176                background-color: rgba(255, 255, 255, 0.4);
5177            }
5178            .blu-btn.b-ghost.b-white.b-disabled[data-v-19fd2cc7] {
5179                color: rgba(255, 255, 255, 0.4);
5180                border-color: rgba(0, 0, 0, 0);
5181            }
5182            .blu-btn.b-ghost.b-white.b-disabled[data-v-19fd2cc7]:not(.b-disabled):focus-visible,
5183            .blu-btn.b-ghost.b-white.b-disabled[data-v-19fd2cc7]:not(.b-disabled):hover,
5184            .blu-btn.b-ghost.b-white.b-disabled:not(.b-disabled).b-active[data-v-19fd2cc7] {
5185                border-color: rgba(0, 0, 0, 0);
5186                background-color: rgba(0, 0, 0, 0);
5187            }
5188            .blu-btn.b-ghost.b-disabled[data-v-19fd2cc7] {
5189                color: rgba(25, 34, 42, 0.4);
5190                border-color: rgba(0, 0, 0, 0);
5191            }
5192            .blu-btn.b-ghost.b-disabled[data-v-19fd2cc7]:not(.b-disabled):focus-visible,
5193            .blu-btn.b-ghost.b-disabled[data-v-19fd2cc7]:not(.b-disabled):hover,
5194            .blu-btn.b-ghost.b-disabled:not(.b-disabled).b-active[data-v-19fd2cc7] {
5195                border-color: rgba(0, 0, 0, 0);
5196                background-color: rgba(0, 0, 0, 0);
5197            }
5198            .blu-btn.b-warning[data-v-19fd2cc7] {
5199                color: #fff;
5200                background-color: #38bdf8;
5201                border-color: #38bdf8;
5202            }
5203            .blu-btn.b-warning[data-v-19fd2cc7]:not(.b-disabled):focus-visible,
5204            .blu-btn.b-warning[data-v-19fd2cc7]:not(.b-disabled):hover,
5205            .blu-btn.b-warning:not(.b-disabled).b-active[data-v-19fd2cc7] {
5206                background-color: #cca400;
5207                border-color: #cca400;
5208            }
5209            .blu-btn.b-danger[data-v-19fd2cc7] {
5210                color: #fff;
5211                background-color: #ff4646;
5212                border-color: #ff4646;
5213            }
5214            .blu-btn.b-danger[data-v-19fd2cc7]:not(.b-disabled):focus-visible,
5215            .blu-btn.b-danger[data-v-19fd2cc7]:not(.b-disabled):hover,
5216            .blu-btn.b-danger:not(.b-disabled).b-active[data-v-19fd2cc7] {
5217                background-color: #ff1313;
5218                border-color: #ff1313;
5219            }
5220            .blu-btn.b-small[data-v-19fd2cc7] {
5221                border-radius: 16px;
5222            }
5223            .blu-btn.b-small .blu-ripple[data-v-19fd2cc7] {
5224                border-radius: 16px;
5225            }
5226            .blu-btn.b-large[data-v-19fd2cc7] {
5227                border-radius: 32px;
5228            }
5229            .blu-btn.b-large .blu-ripple[data-v-19fd2cc7] {
5230                border-radius: 32px;
5231            }
5232            .blu-btn.b-icon[data-v-19fd2cc7] {
5233                width: 48px;
5234            }
5235            .blu-btn.b-icon.b-large[data-v-19fd2cc7] {
5236                width: 56px;
5237            }
5238            .blu-btn.b-icon.b-small[data-v-19fd2cc7] {
5239                width: 32px;
5240            }
5241            .blu-btn.b-icon svg[data-v-19fd2cc7] {
5242                width: 100%;
5243                height: 100%;
5244            }
5245            .blu-btn.b-full-width[data-v-19fd2cc7] {
5246                width: 100%;
5247            }
5248            .blu-btn .blu-ripple[data-v-19fd2cc7] {
5249                border-radius: 24px;
5250            }
5251        </style>
5252        <style type="text/css">
5253            .blu-card[data-v-05db4d06] {
5254                background: #fff;
5255                border-radius: 16px;
5256                box-shadow: 0 1px 6px 0 rgba(0, 0, 0, 0.1);
5257            }
5258            .blu-card.b-noshadow[data-v-05db4d06] {
5259                box-shadow: none;
5260            }
5261            .blu-card.b-radius-large[data-v-05db4d06] {
5262                border-radius: 32px;
5263            }
5264            .blu-card.b-radius-medium[data-v-05db4d06] {
5265                border-radius: 24px;
5266            }
5267            .blu-card.b-radius-small[data-v-05db4d06] {
5268                border-radius: 8px;
5269            }
5270            .blu-card.b-no-radius[data-v-05db4d06] {
5271                border-radius: 0px;
5272            }
5273        </style>
5274        <style type="text/css">
5275            .blu-card__content[data-v-0250d5bb] {
5276                padding: 20px;
5277            }
5278        </style>
5279        <style type="text/css">
5280            .b-page .blu-modal__close[data-v-a1423cd6] {
5281                width: 24px;
5282                height: 24px;
5283                position: absolute;
5284                top: -28px;
5285                right: 20px;
5286            }
5287            .b-page .blu-modal__close i[data-v-a1423cd6] {
5288                content: "";
5289                top: 1px;
5290                right: 1px;
5291                position: absolute;
5292                width: 24px;
5293                height: 24px;
5294                transform: scale(1.3);
5295                background: rgba(0, 0, 0, 0)
5296                    url(data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PSIwIDAgMjQgMjQiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGQ9Ik0xMy43NjcyIDEyTDE3LjYzMiA4LjEzODM5QzE4LjEyMjcgNy42NDgxOSAxOC4xMjI3IDYuODU3ODYgMTcuNjMyIDYuMzY3NjVDMTcuMTQxNCA1Ljg3NzQ1IDE2LjM1MDQgNS44Nzc0NSAxNS44NTk4IDYuMzY3NjVMMTEuOTk1IDEwLjIyOTNMOC4xNDAxOCA2LjM3NzY2QzcuNjQ5NTYgNS44ODc0NSA2Ljg1ODU3IDUuODg3NDUgNi4zNjc5NiA2LjM3NzY2QzUuODc3MzUgNi44Njc4NiA1Ljg3NzM1IDcuNjU4MTkgNi4zNjc5NiA4LjE0ODRMMTAuMjIyOCAxMkw2LjM2Nzk2IDE1Ljg2MTZDNS44NzczNSAxNi4zNTE4IDUuODc3MzUgMTcuMTQyMSA2LjM2Nzk2IDE3LjYzMjNDNi44NTg1NyAxOC4xMjI2IDcuNjQ5NTYgMTguMTIyNiA4LjE0MDE4IDE3LjYzMjNMMTIuMDA1IDEzLjc3MDdMMTUuODU5OCAxNy42MjIzQzE2LjM1MDQgMTguMTEyNSAxNy4xNDE0IDE4LjExMjUgMTcuNjMyIDE3LjYyMjNDMTguMTIyNyAxNy4xMzIxIDE4LjEyMjcgMTYuMzQxOCAxNy42MzIgMTUuODUxNkwxMy43NzcyIDEySDEzLjc2NzJaIiBmaWxsPSIjNzk3Rjg1Ii8+Cjwvc3ZnPgo=)
5297                    center center no-repeat #c8cbcd;
5298                background-color: #e1e3e4;
5299                -webkit-mask-image: url(data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PSIwIDAgMjQgMjQiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGQ9Ik0xMy43NjcyIDEyTDE3LjYzMiA4LjEzODM5QzE4LjEyMjcgNy42NDgxOSAxOC4xMjI3IDYuODU3ODYgMTcuNjMyIDYuMzY3NjVDMTcuMTQxNCA1Ljg3NzQ1IDE2LjM1MDQgNS44Nzc0NSAxNS44NTk4IDYuMzY3NjVMMTEuOTk1IDEwLjIyOTNMOC4xNDAxOCA2LjM3NzY2QzcuNjQ5NTYgNS44ODc0NSA2Ljg1ODU3IDUuODg3NDUgNi4zNjc5NiA2LjM3NzY2QzUuODc3MzUgNi44Njc4NiA1Ljg3NzM1IDcuNjU4MTkgNi4zNjc5NiA4LjE0ODRMMTAuMjIyOCAxMkw2LjM2Nzk2IDE1Ljg2MTZDNS44NzczNSAxNi4zNTE4IDUuODc3MzUgMTcuMTQyMSA2LjM2Nzk2IDE3LjYzMjNDNi44NTg1NyAxOC4xMjI2IDcuNjQ5NTYgMTguMTIyNiA4LjE0MDE4IDE3LjYzMjNMMTIuMDA1IDEzLjc3MDdMMTUuODU5OCAxNy42MjIzQzE2LjM1MDQgMTguMTEyNSAxNy4xNDE0IDE4LjExMjUgMTcuNjMyIDE3LjYyMjNDMTguMTIyNyAxNy4xMzIxIDE4LjEyMjcgMTYuMzQxOCAxNy42MzIgMTUuODUxNkwxMy43NzcyIDEySDEzLjc2NzJaIiBmaWxsPSIjNzk3Rjg1Ii8+Cjwvc3ZnPgo=);
5300            }
5301            @media screen and (max-width: 768px) {
5302                .b-page .blu-modal__close[data-v-a1423cd6] {
5303                    right: 20px;
5304                }
5305            }
5306            .b-page .blu-modal__close[data-v-a1423cd6]:focus-visible {
5307                box-shadow: 0px 0px 0px 4px #000;
5308                outline: none;
5309            }
5310        </style>
5311        <style type="text/css">
5312            .blu-ripple[data-v-2bedc3c7] {
5313                width: 100%;
5314                height: 100%;
5315                position: relative;
5316                overflow: hidden;
5317                display: flex;
5318                justify-content: center;
5319                align-items: center;
5320                -webkit-box-pack: center;
5321                -webkit-box-align: center;
5322                -webkit-mask-image: radial-gradient(circle, #ffffff 100%, #000000 100%);
5323                padding: 0 12px;
5324            }
5325            .blu-ripple-wave[data-v-2bedc3c7] {
5326                position: absolute;
5327                z-index: 1;
5328                pointer-events: none;
5329                background: currentColor;
5330                border-radius: 50%;
5331                opacity: 0;
5332                transform: scale(2) translateZ(0);
5333            }
5334            .blu-ripple-wave.b-centered[data-v-2bedc3c7] {
5335                animation-duration: 1.2s;
5336                top: 50%;
5337                left: 50%;
5338            }
5339            .blu-ripple-wave ~ *[data-v-2bedc3c7]:not(.blu-ripple-wave) {
5340                position: relative;
5341                z-index: 2;
5342            }
5343            .blu-ripple-enter-active[data-v-2bedc3c7] {
5344                transition: 2s cubic-bezier(0.25, 0.8, 0.25, 1);
5345                transition-property: opacity, transform;
5346                will-change: opacity, transform;
5347            }
5348            .blu-ripple-enter-active.b-centered[data-v-2bedc3c7] {
5349                transition-duration: 1.2s;
5350            }
5351            .blu-ripple-enter[data-v-2bedc3c7] {
5352                opacity: 0.26;
5353                transform: scale(0.26) translateZ(0);
5354            }
5355            .has-left-icon .blu-ripple svg[data-v-2bedc3c7] {
5356                margin-right: 8px;
5357            }
5358            .has-left-icon.b-small svg[data-v-2bedc3c7] {
5359                transform-origin: left;
5360                margin-right: 4px;
5361            }
5362            .b-large .blu-ripple[data-v-2bedc3c7] {
5363                padding: 0 16px;
5364            }
5365            .b-small .blu-ripple[data-v-2bedc3c7] {
5366                padding: 0 8px;
5367            }
5368            .b-small svg[data-v-2bedc3c7] {
5369                width: 18px;
5370                height: 18px;
5371            }
5372            .b-icon .blu-ripple[data-v-2bedc3c7] {
5373                padding: 0;
5374            }
5375            .b-loading .blu-loader-wrapper[data-v-2bedc3c7] {
5376                height: 24px;
5377                position: absolute;
5378            }
5379            .b-loading .blu-ripple[data-v-2bedc3c7] {
5380                color: rgba(0, 0, 0, 0);
5381            }
5382            .b-loading .blu-ripple > svg[data-v-2bedc3c7] {
5383                visibility: hidden;
5384            }
5385            .b-loading .blu-ripple .blu-ripple-wave[data-v-2bedc3c7] {
5386                color: #fff;
5387            }
5388            .b-loading.b-white .blu-ripple-wave[data-v-2bedc3c7] {
5389                color: #0072ff;
5390            }
5391            .b-loading.b-outline.b-secondary .blu-ripple-wave[data-v-2bedc3c7] {
5392                color: #0072ff;
5393            }
5394            .b-loading.b-outline.b-primary .blu-ripple-wave[data-v-2bedc3c7] {
5395                color: #0ea5e9;
5396            }
5397            .b-loading.b-ghost.b-secondary .blu-ripple-wave[data-v-2bedc3c7] {
5398                color: #0072ff;
5399            }
5400            .b-loading.b-ghost.b-primary .blu-ripple-wave[data-v-2bedc3c7] {
5401                color: #0ea5e9;
5402            }
5403            .blu-input-stepper .blu-btn .blu-ripple[data-v-2bedc3c7] {
5404                padding: 0;
5405                width: 24px;
5406                height: 24px;
5407                border-radius: 50%;
5408            }
5409            .blu-input-stepper .blu-btn .blu-ripple svg[data-v-2bedc3c7] {
5410                width: 18px;
5411                height: 18px;
5412                margin-left: 1px;
5413            }
5414            .blu-input-stepper .blu-btn .blu-ripple-enter-active[data-v-2bedc3c7] {
5415                background: #0072ff;
5416            }
5417            .b-disabled[data-v-2bedc3c7] {
5418                opacity: 1;
5419            }
5420            .blu-btn-dropdown .blu-ripple > svg + div[data-v-2bedc3c7] {
5421                margin-left: 8px;
5422            }
5423        </style>
5424        <style type="text/css">
5425            .blu-ripple[data-v-574d97b4] {
5426                width: 100%;
5427                height: 100%;
5428                position: relative;
5429                overflow: hidden;
5430                display: flex;
5431                justify-content: center;
5432                align-items: center;
5433                -webkit-box-pack: center;
5434                -webkit-box-align: center;
5435                -webkit-mask-image: radial-gradient(circle, #ffffff 100%, #000000 100%);
5436                padding: 0 12px;
5437            }
5438            .blu-ripple-wave[data-v-574d97b4] {
5439                position: absolute;
5440                z-index: 1;
5441                pointer-events: none;
5442                background: currentColor;
5443                border-radius: 50%;
5444                opacity: 0;
5445                transform: scale(2) translateZ(0);
5446            }
5447            .blu-ripple-wave.b-centered[data-v-574d97b4] {
5448                animation-duration: 1.2s;
5449                top: 50%;
5450                left: 50%;
5451            }
5452            .blu-ripple-wave ~ *[data-v-574d97b4]:not(.blu-ripple-wave) {
5453                position: relative;
5454                z-index: 2;
5455            }
5456            .blu-ripple-enter-active[data-v-574d97b4] {
5457                transition: 2s cubic-bezier(0.25, 0.8, 0.25, 1);
5458                transition-property: opacity, transform;
5459                will-change: opacity, transform;
5460            }
5461            .blu-ripple-enter-active.b-centered[data-v-574d97b4] {
5462                transition-duration: 1.2s;
5463            }
5464            .blu-ripple-enter[data-v-574d97b4] {
5465                opacity: 0.26;
5466                transform: scale(0.26) translateZ(0);
5467            }
5468            .has-left-icon .blu-ripple svg[data-v-574d97b4] {
5469                margin-right: 8px;
5470            }
5471            .has-left-icon.b-small svg[data-v-574d97b4] {
5472                transform-origin: left;
5473                margin-right: 4px;
5474            }
5475            .b-large .blu-ripple[data-v-574d97b4] {
5476                padding: 0 16px;
5477            }
5478            .b-small .blu-ripple[data-v-574d97b4] {
5479                padding: 0 8px;
5480            }
5481            .b-small svg[data-v-574d97b4] {
5482                width: 18px;
5483                height: 18px;
5484            }
5485            .b-icon .blu-ripple[data-v-574d97b4] {
5486                padding: 0;
5487            }
5488            .b-loading .blu-loader-wrapper[data-v-574d97b4] {
5489                height: 24px;
5490                position: absolute;
5491            }
5492            .b-loading .blu-ripple[data-v-574d97b4] {
5493                color: rgba(0, 0, 0, 0);
5494            }
5495            .b-loading .blu-ripple > svg[data-v-574d97b4] {
5496                visibility: hidden;
5497            }
5498            .b-loading .blu-ripple .blu-ripple-wave[data-v-574d97b4] {
5499                color: #fff;
5500            }
5501            .b-loading.b-white .blu-ripple-wave[data-v-574d97b4] {
5502                color: #0072ff;
5503            }
5504            .b-loading.b-outline.b-secondary .blu-ripple-wave[data-v-574d97b4] {
5505                color: #0072ff;
5506            }
5507            .b-loading.b-outline.b-primary .blu-ripple-wave[data-v-574d97b4] {
5508                color: #0ea5e9;
5509            }
5510            .b-loading.b-ghost.b-secondary .blu-ripple-wave[data-v-574d97b4] {
5511                color: #0072ff;
5512            }
5513            .b-loading.b-ghost.b-primary .blu-ripple-wave[data-v-574d97b4] {
5514                color: #0ea5e9;
5515            }
5516            .blu-input-stepper .blu-btn .blu-ripple[data-v-574d97b4] {
5517                padding: 0;
5518                width: 24px;
5519                height: 24px;
5520                border-radius: 50%;
5521            }
5522            .blu-input-stepper .blu-btn .blu-ripple svg[data-v-574d97b4] {
5523                width: 18px;
5524                height: 18px;
5525                margin-left: 1px;
5526            }
5527            .blu-input-stepper .blu-btn .blu-ripple-enter-active[data-v-574d97b4] {
5528                background: #0072ff;
5529            }
5530            .b-disabled[data-v-574d97b4] {
5531                opacity: 1;
5532            }
5533            .blu-btn-dropdown .blu-ripple > svg + div[data-v-574d97b4] {
5534                margin-left: 8px;
5535            }
5536        </style>
5537        <style type="text/css">
5538            .blu-ripple[data-v-19fd2cc7] {
5539                width: 100%;
5540                height: 100%;
5541                position: relative;
5542                overflow: hidden;
5543                display: flex;
5544                justify-content: center;
5545                align-items: center;
5546                -webkit-box-pack: center;
5547                -webkit-box-align: center;
5548                -webkit-mask-image: radial-gradient(circle, #ffffff 100%, #000000 100%);
5549                padding: 0 12px;
5550            }
5551            .blu-ripple-wave[data-v-19fd2cc7] {
5552                position: absolute;
5553                z-index: 1;
5554                pointer-events: none;
5555                background: currentColor;
5556                border-radius: 50%;
5557                opacity: 0;
5558                transform: scale(2) translateZ(0);
5559            }
5560            .blu-ripple-wave.b-centered[data-v-19fd2cc7] {
5561                animation-duration: 1.2s;
5562                top: 50%;
5563                left: 50%;
5564            }
5565            .blu-ripple-wave ~ *[data-v-19fd2cc7]:not(.blu-ripple-wave) {
5566                position: relative;
5567                z-index: 2;
5568            }
5569            .blu-ripple-enter-active[data-v-19fd2cc7] {
5570                transition: 2s cubic-bezier(0.25, 0.8, 0.25, 1);
5571                transition-property: opacity, transform;
5572                will-change: opacity, transform;
5573            }
5574            .blu-ripple-enter-active.b-centered[data-v-19fd2cc7] {
5575                transition-duration: 1.2s;
5576            }
5577            .blu-ripple-enter[data-v-19fd2cc7] {
5578                opacity: 0.26;
5579                transform: scale(0.26) translateZ(0);
5580            }
5581            .has-left-icon .blu-ripple svg[data-v-19fd2cc7] {
5582                margin-right: 8px;
5583            }
5584            .has-left-icon.b-small svg[data-v-19fd2cc7] {
5585                transform-origin: left;
5586                margin-right: 4px;
5587            }
5588            .b-large .blu-ripple[data-v-19fd2cc7] {
5589                padding: 0 16px;
5590            }
5591            .b-small .blu-ripple[data-v-19fd2cc7] {
5592                padding: 0 8px;
5593            }
5594            .b-small svg[data-v-19fd2cc7] {
5595                width: 18px;
5596                height: 18px;
5597            }
5598            .b-icon .blu-ripple[data-v-19fd2cc7] {
5599                padding: 0;
5600            }
5601            .b-loading .blu-loader-wrapper[data-v-19fd2cc7] {
5602                height: 24px;
5603                position: absolute;
5604            }
5605            .b-loading .blu-ripple[data-v-19fd2cc7] {
5606                color: rgba(0, 0, 0, 0);
5607            }
5608            .b-loading .blu-ripple > svg[data-v-19fd2cc7] {
5609                visibility: hidden;
5610            }
5611            .b-loading .blu-ripple .blu-ripple-wave[data-v-19fd2cc7] {
5612                color: #fff;
5613            }
5614            .b-loading.b-white .blu-ripple-wave[data-v-19fd2cc7] {
5615                color: #0072ff;
5616            }
5617            .b-loading.b-outline.b-secondary .blu-ripple-wave[data-v-19fd2cc7] {
5618                color: #0072ff;
5619            }
5620            .b-loading.b-outline.b-primary .blu-ripple-wave[data-v-19fd2cc7] {
5621                color: #0ea5e9;
5622            }
5623            .b-loading.b-ghost.b-secondary .blu-ripple-wave[data-v-19fd2cc7] {
5624                color: #0072ff;
5625            }
5626            .b-loading.b-ghost.b-primary .blu-ripple-wave[data-v-19fd2cc7] {
5627                color: #0ea5e9;
5628            }
5629            .blu-input-stepper .blu-btn .blu-ripple[data-v-19fd2cc7] {
5630                padding: 0;
5631                width: 24px;
5632                height: 24px;
5633                border-radius: 50%;
5634            }
5635            .blu-input-stepper .blu-btn .blu-ripple svg[data-v-19fd2cc7] {
5636                width: 18px;
5637                height: 18px;
5638                margin-left: 1px;
5639            }
5640            .blu-input-stepper .blu-btn .blu-ripple-enter-active[data-v-19fd2cc7] {
5641                background: #0072ff;
5642            }
5643            .b-disabled[data-v-19fd2cc7] {
5644                opacity: 1;
5645            }
5646            .blu-btn-dropdown .blu-ripple > svg + div[data-v-19fd2cc7] {
5647                margin-left: 8px;
5648            }
5649            .blu-btn[data-v-19fd2cc7] {
5650                position: relative;
5651                font:
5652                    16px/20px "blibli demi bold",
5653                    -apple-system,
5654                    segoe ui,
5655                    roboto,
5656                    helvetica,
5657                    arial,
5658                    sans-serif;
5659                text-decoration: none;
5660                transition:
5661                    color 0.4s,
5662                    background-color 0.4s,
5663                    border-color 0.6s;
5664                white-space: nowrap;
5665                height: 48px;
5666                padding: 0;
5667                -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
5668            }
5669            .blu-btn[data-v-19fd2cc7]::-moz-focus-inner {
5670                border: 0;
5671            }
5672            .blu-btn[data-v-19fd2cc7]:active {
5673                outline: none;
5674            }
5675            .blu-btn[data-v-19fd2cc7]:before {
5676                position: absolute;
5677                top: 0;
5678                right: 0;
5679                bottom: 0;
5680                left: 0;
5681                z-index: 1;
5682                opacity: 0;
5683                transition: 0.4s cubic-bezier(0.4, 0, 0.2, 1);
5684                will-change: background-color, opacity;
5685                content: " ";
5686            }
5687            .blu-btn[data-v-19fd2cc7]:focus-visible {
5688                box-shadow: 0px 0px 0px 4px #000;
5689            }
5690            .blu-btn.b-primary[data-v-19fd2cc7] {
5691                color: #fff;
5692                background-color: #0ea5e9;
5693                border-color: #0ea5e9;
5694            }
5695            .blu-btn.b-primary[data-v-19fd2cc7]:not(.b-disabled):focus-visible,
5696            .blu-btn.b-primary[data-v-19fd2cc7]:not(.b-disabled):hover,
5697            .blu-btn.b-primary:not(.b-disabled).b-active[data-v-19fd2cc7] {
5698                background-color: #0284c7;
5699                border-color: #0284c7;
5700            }
5701            .blu-btn.b-secondary[data-v-19fd2cc7] {
5702                color: #fff;
5703                background-color: #0072ff;
5704                border-color: #0072ff;
5705            }
5706            .blu-btn.b-secondary[data-v-19fd2cc7]:not(.b-disabled):focus-visible,
5707            .blu-btn.b-secondary[data-v-19fd2cc7]:not(.b-disabled):hover,
5708            .blu-btn.b-secondary:not(.b-disabled).b-active[data-v-19fd2cc7] {
5709                background-color: #006dea;
5710                border-color: #006dea;
5711            }
5712            .blu-btn.b-white[data-v-19fd2cc7] {
5713                color: #fff;
5714                background-color: #fff;
5715                border-color: #fff;
5716                color: #0072ff;
5717            }
5718            .blu-btn.b-white[data-v-19fd2cc7]:not(.b-disabled):focus-visible,
5719            .blu-btn.b-white[data-v-19fd2cc7]:not(.b-disabled):hover,
5720            .blu-btn.b-white:not(.b-disabled).b-active[data-v-19fd2cc7] {
5721                background-color: #f1f2f2;
5722                border-color: #f1f2f2;
5723            }
5724            .blu-btn.b-disabled[data-v-19fd2cc7] {
5725                color: #fff;
5726                background-color: #c8cbcd;
5727                border-color: #c8cbcd;
5728                color: rgba(25, 34, 42, 0.4);
5729            }
5730            .blu-btn.b-disabled[data-v-19fd2cc7]:not(.b-disabled):focus-visible,
5731            .blu-btn.b-disabled[data-v-19fd2cc7]:not(.b-disabled):hover,
5732            .blu-btn.b-disabled:not(.b-disabled).b-active[data-v-19fd2cc7] {
5733                background-color: #c8cbcd;
5734                border-color: #c8cbcd;
5735            }
5736            .blu-btn.b-large[data-v-19fd2cc7] {
5737                height: 56px;
5738            }
5739            .blu-btn.b-small[data-v-19fd2cc7] {
5740                font:
5741                    14px/18px "blibli demi bold",
5742                    -apple-system,
5743                    segoe ui,
5744                    roboto,
5745                    helvetica,
5746                    arial,
5747                    sans-serif;
5748                height: 32px;
5749            }
5750            .b-disabled[data-v-19fd2cc7] {
5751                opacity: 1;
5752            }
5753            input[type="submit"][data-v-19fd2cc7]::-moz-focus-inner,
5754            input[type="button"][data-v-19fd2cc7]::-moz-focus-inner {
5755                border: 0px;
5756            }
5757            button[data-v-19fd2cc7]:focus,
5758            input[type="submit"][data-v-19fd2cc7]:focus,
5759            input[type="button"][data-v-19fd2cc7]:focus,
5760            input[type="reset"][data-v-19fd2cc7]:focus,
5761            a[data-v-19fd2cc7] {
5762                outline: none;
5763            }
5764            a[data-v-19fd2cc7],
5765            a[data-v-19fd2cc7]:visited,
5766            a[data-v-19fd2cc7]:focus,
5767            a[data-v-19fd2cc7]:active,
5768            a[data-v-19fd2cc7]:hover {
5769                outline: 0 none !important;
5770            }
5771            .blu-btn[data-v-19fd2cc7] {
5772                border-radius: 24px;
5773            }
5774            .blu-btn + .blu-button[data-v-19fd2cc7] {
5775                margin-left: 0;
5776            }
5777            .blu-btn.b-outline[data-v-19fd2cc7] {
5778                background-color: rgba(0, 0, 0, 0);
5779            }
5780            .blu-btn.b-outline.b-primary[data-v-19fd2cc7] {
5781                color: #0ea5e9;
5782                background-color: #0284c7;
5783                border: #38bdf8 1px solid;
5784            }
5785            .blu-btn.b-outline.b-primary[data-v-19fd2cc7]:not(.b-disabled) {
5786                background-color: rgba(255, 255, 255, 0.12);
5787            }
5788            .blu-btn.b-outline.b-primary[data-v-19fd2cc7]:not(.b-disabled):focus-visible,
5789            .blu-btn.b-outline.b-primary[data-v-19fd2cc7]:not(.b-disabled):hover,
5790            .blu-btn.b-outline.b-primary:not(.b-disabled).b-active[data-v-19fd2cc7] {
5791                background-color: rgba(227, 147, 4, 0.08);
5792                border: #38bdf8 1px solid;
5793            }
5794            .blu-btn.b-outline.b-primary.b-active[data-v-19fd2cc7] {
5795                z-index: 9;
5796                background-color: #0ea5e9;
5797                color: #fff;
5798            }
5799            .blu-btn.b-outline.b-secondary[data-v-19fd2cc7] {
5800                color: #0072ff;
5801                background-color: #006dea;
5802                border: #1d8fff 1px solid;
5803            }
5804            .blu-btn.b-outline.b-secondary[data-v-19fd2cc7]:not(.b-disabled) {
5805                background-color: rgba(255, 255, 255, 0.12);
5806            }
5807            .blu-btn.b-outline.b-secondary[data-v-19fd2cc7]:not(.b-disabled):focus-visible,
5808            .blu-btn.b-outline.b-secondary[data-v-19fd2cc7]:not(.b-disabled):hover,
5809            .blu-btn.b-outline.b-secondary:not(.b-disabled).b-active[data-v-19fd2cc7] {
5810                background-color: rgba(0, 109, 234, 0.08);
5811                border: #1d8fff 1px solid;
5812            }
5813            .blu-btn.b-outline.b-secondary.b-active[data-v-19fd2cc7] {
5814                z-index: 9;
5815                background-color: #0072ff;
5816                color: #fff;
5817            }
5818            .blu-btn.b-outline.b-white[data-v-19fd2cc7] {
5819                color: #fff;
5820                background-color: #fff;
5821                border: #fff 1px solid;
5822            }
5823            .blu-btn.b-outline.b-white[data-v-19fd2cc7]:not(.b-disabled) {
5824                background-color: rgba(255, 255, 255, 0.12);
5825            }
5826            .blu-btn.b-outline.b-white[data-v-19fd2cc7]:not(.b-disabled):focus-visible,
5827            .blu-btn.b-outline.b-white[data-v-19fd2cc7]:not(.b-disabled):hover,
5828            .blu-btn.b-outline.b-white:not(.b-disabled).b-active[data-v-19fd2cc7] {
5829                background-color: rgba(255, 255, 255, 0.4);
5830                border: #fff 1px solid;
5831            }
5832            .blu-btn.b-outline.b-white.b-active[data-v-19fd2cc7] {
5833                z-index: 9;
5834                background-color: #fff;
5835                color: #fff;
5836            }
5837            .blu-btn.b-outline.b-disabled[data-v-19fd2cc7] {
5838                color: rgba(25, 34, 42, 0.4);
5839                background-color: #c8cbcd;
5840                border: #c8cbcd 1px solid;
5841            }
5842            .blu-btn.b-outline.b-disabled[data-v-19fd2cc7]:not(.b-disabled) {
5843                background-color: rgba(255, 255, 255, 0.12);
5844            }
5845            .blu-btn.b-outline.b-disabled[data-v-19fd2cc7]:not(.b-disabled):focus-visible,
5846            .blu-btn.b-outline.b-disabled[data-v-19fd2cc7]:not(.b-disabled):hover,
5847            .blu-btn.b-outline.b-disabled:not(.b-disabled).b-active[data-v-19fd2cc7] {
5848                background-color: rgba(200, 203, 205, 0.08);
5849                border: #c8cbcd 1px solid;
5850            }
5851            .blu-btn.b-outline.b-disabled.b-active[data-v-19fd2cc7] {
5852                z-index: 9;
5853                background-color: rgba(25, 34, 42, 0.4);
5854                color: #fff;
5855            }
5856            .blu-btn.b-outline.b-small .blu-ripple[data-v-19fd2cc7] {
5857                border-radius: 14px;
5858            }
5859            .blu-btn.b-outline.b-large .blu-ripple[data-v-19fd2cc7] {
5860                border-radius: 30px;
5861            }
5862            .blu-btn.b-ghost[data-v-19fd2cc7] {
5863                background-color: rgba(0, 0, 0, 0);
5864                border-color: rgba(0, 0, 0, 0);
5865            }
5866            .blu-btn.b-ghost.b-primary[data-v-19fd2cc7] {
5867                color: #0ea5e9;
5868                border-color: rgba(0, 0, 0, 0);
5869            }
5870            .blu-btn.b-ghost.b-primary[data-v-19fd2cc7]:not(.b-disabled):focus-visible,
5871            .blu-btn.b-ghost.b-primary[data-v-19fd2cc7]:not(.b-disabled):hover,
5872            .blu-btn.b-ghost.b-primary:not(.b-disabled).b-active[data-v-19fd2cc7] {
5873                border-color: rgba(0, 0, 0, 0);
5874                background-color: rgba(227, 147, 4, 0.08);
5875            }
5876            .blu-btn.b-ghost.b-secondary[data-v-19fd2cc7] {
5877                color: #0072ff;
5878                border-color: rgba(0, 0, 0, 0);
5879            }
5880            .blu-btn.b-ghost.b-secondary[data-v-19fd2cc7]:not(.b-disabled):focus-visible,
5881            .blu-btn.b-ghost.b-secondary[data-v-19fd2cc7]:not(.b-disabled):hover,
5882            .blu-btn.b-ghost.b-secondary:not(.b-disabled).b-active[data-v-19fd2cc7] {
5883                border-color: rgba(0, 0, 0, 0);
5884                background-color: rgba(0, 109, 234, 0.08);
5885            }
5886            .blu-btn.b-ghost.b-white[data-v-19fd2cc7] {
5887                color: #fff;
5888                border-color: rgba(0, 0, 0, 0);
5889            }
5890            .blu-btn.b-ghost.b-white[data-v-19fd2cc7]:not(.b-disabled):focus-visible,
5891            .blu-btn.b-ghost.b-white[data-v-19fd2cc7]:not(.b-disabled):hover,
5892            .blu-btn.b-ghost.b-white:not(.b-disabled).b-active[data-v-19fd2cc7] {
5893                border-color: rgba(0, 0, 0, 0);
5894                background-color: rgba(255, 255, 255, 0.4);
5895            }
5896            .blu-btn.b-ghost.b-white.b-disabled[data-v-19fd2cc7] {
5897                color: rgba(255, 255, 255, 0.4);
5898                border-color: rgba(0, 0, 0, 0);
5899            }
5900            .blu-btn.b-ghost.b-white.b-disabled[data-v-19fd2cc7]:not(.b-disabled):focus-visible,
5901            .blu-btn.b-ghost.b-white.b-disabled[data-v-19fd2cc7]:not(.b-disabled):hover,
5902            .blu-btn.b-ghost.b-white.b-disabled:not(.b-disabled).b-active[data-v-19fd2cc7] {
5903                border-color: rgba(0, 0, 0, 0);
5904                background-color: rgba(0, 0, 0, 0);
5905            }
5906            .blu-btn.b-ghost.b-disabled[data-v-19fd2cc7] {
5907                color: rgba(25, 34, 42, 0.4);
5908                border-color: rgba(0, 0, 0, 0);
5909            }
5910            .blu-btn.b-ghost.b-disabled[data-v-19fd2cc7]:not(.b-disabled):focus-visible,
5911            .blu-btn.b-ghost.b-disabled[data-v-19fd2cc7]:not(.b-disabled):hover,
5912            .blu-btn.b-ghost.b-disabled:not(.b-disabled).b-active[data-v-19fd2cc7] {
5913                border-color: rgba(0, 0, 0, 0);
5914                background-color: rgba(0, 0, 0, 0);
5915            }
5916            .blu-btn.b-warning[data-v-19fd2cc7] {
5917                color: #fff;
5918                background-color: #38bdf8;
5919                border-color: #38bdf8;
5920            }
5921            .blu-btn.b-warning[data-v-19fd2cc7]:not(.b-disabled):focus-visible,
5922            .blu-btn.b-warning[data-v-19fd2cc7]:not(.b-disabled):hover,
5923            .blu-btn.b-warning:not(.b-disabled).b-active[data-v-19fd2cc7] {
5924                background-color: #cca400;
5925                border-color: #cca400;
5926            }
5927            .blu-btn.b-danger[data-v-19fd2cc7] {
5928                color: #fff;
5929                background-color: #ff4646;
5930                border-color: #ff4646;
5931            }
5932            .blu-btn.b-danger[data-v-19fd2cc7]:not(.b-disabled):focus-visible,
5933            .blu-btn.b-danger[data-v-19fd2cc7]:not(.b-disabled):hover,
5934            .blu-btn.b-danger:not(.b-disabled).b-active[data-v-19fd2cc7] {
5935                background-color: #ff1313;
5936                border-color: #ff1313;
5937            }
5938            .blu-btn.b-small[data-v-19fd2cc7] {
5939                border-radius: 16px;
5940            }
5941            .blu-btn.b-small .blu-ripple[data-v-19fd2cc7] {
5942                border-radius: 16px;
5943            }
5944            .blu-btn.b-large[data-v-19fd2cc7] {
5945                border-radius: 32px;
5946            }
5947            .blu-btn.b-large .blu-ripple[data-v-19fd2cc7] {
5948                border-radius: 32px;
5949            }
5950            .blu-btn.b-icon[data-v-19fd2cc7] {
5951                width: 48px;
5952            }
5953            .blu-btn.b-icon.b-large[data-v-19fd2cc7] {
5954                width: 56px;
5955            }
5956            .blu-btn.b-icon.b-small[data-v-19fd2cc7] {
5957                width: 32px;
5958            }
5959            .blu-btn.b-icon svg[data-v-19fd2cc7] {
5960                width: 100%;
5961                height: 100%;
5962            }
5963            .blu-btn.b-full-width[data-v-19fd2cc7] {
5964                width: 100%;
5965            }
5966            .blu-btn .blu-ripple[data-v-19fd2cc7] {
5967                border-radius: 24px;
5968            }
5969        </style>
5970        <style type="text/css">
5971            .blu-ripple[data-v-7172f8fc] {
5972                width: 100%;
5973                height: 100%;
5974                position: relative;
5975                overflow: hidden;
5976                display: flex;
5977                justify-content: center;
5978                align-items: center;
5979                -webkit-box-pack: center;
5980                -webkit-box-align: center;
5981                -webkit-mask-image: radial-gradient(circle, #ffffff 100%, #000000 100%);
5982                padding: 0 12px;
5983            }
5984            .blu-ripple-wave[data-v-7172f8fc] {
5985                position: absolute;
5986                z-index: 1;
5987                pointer-events: none;
5988                background: currentColor;
5989                border-radius: 50%;
5990                opacity: 0;
5991                transform: scale(2) translateZ(0);
5992            }
5993            .blu-ripple-wave.b-centered[data-v-7172f8fc] {
5994                animation-duration: 1.2s;
5995                top: 50%;
5996                left: 50%;
5997            }
5998            .blu-ripple-wave ~ *[data-v-7172f8fc]:not(.blu-ripple-wave) {
5999                position: relative;
6000                z-index: 2;
6001            }
6002            .blu-ripple-enter-active[data-v-7172f8fc] {
6003                transition: 2s cubic-bezier(0.25, 0.8, 0.25, 1);
6004                transition-property: opacity, transform;
6005                will-change: opacity, transform;
6006            }
6007            .blu-ripple-enter-active.b-centered[data-v-7172f8fc] {
6008                transition-duration: 1.2s;
6009            }
6010            .blu-ripple-enter[data-v-7172f8fc] {
6011                opacity: 0.26;
6012                transform: scale(0.26) translateZ(0);
6013            }
6014            .has-left-icon .blu-ripple svg[data-v-7172f8fc] {
6015                margin-right: 8px;
6016            }
6017            .has-left-icon.b-small svg[data-v-7172f8fc] {
6018                transform-origin: left;
6019                margin-right: 4px;
6020            }
6021            .b-large .blu-ripple[data-v-7172f8fc] {
6022                padding: 0 16px;
6023            }
6024            .b-small .blu-ripple[data-v-7172f8fc] {
6025                padding: 0 8px;
6026            }
6027            .b-small svg[data-v-7172f8fc] {
6028                width: 18px;
6029                height: 18px;
6030            }
6031            .b-icon .blu-ripple[data-v-7172f8fc] {
6032                padding: 0;
6033            }
6034            .b-loading .blu-loader-wrapper[data-v-7172f8fc] {
6035                height: 24px;
6036                position: absolute;
6037            }
6038            .b-loading .blu-ripple[data-v-7172f8fc] {
6039                color: rgba(0, 0, 0, 0);
6040            }
6041            .b-loading .blu-ripple > svg[data-v-7172f8fc] {
6042                visibility: hidden;
6043            }
6044            .b-loading .blu-ripple .blu-ripple-wave[data-v-7172f8fc] {
6045                color: #fff;
6046            }
6047            .b-loading.b-white .blu-ripple-wave[data-v-7172f8fc] {
6048                color: #0072ff;
6049            }
6050            .b-loading.b-outline.b-secondary .blu-ripple-wave[data-v-7172f8fc] {
6051                color: #0072ff;
6052            }
6053            .b-loading.b-outline.b-primary .blu-ripple-wave[data-v-7172f8fc] {
6054                color: #0ea5e9;
6055            }
6056            .b-loading.b-ghost.b-secondary .blu-ripple-wave[data-v-7172f8fc] {
6057                color: #0072ff;
6058            }
6059            .b-loading.b-ghost.b-primary .blu-ripple-wave[data-v-7172f8fc] {
6060                color: #0ea5e9;
6061            }
6062            .blu-input-stepper .blu-btn .blu-ripple[data-v-7172f8fc] {
6063                padding: 0;
6064                width: 24px;
6065                height: 24px;
6066                border-radius: 50%;
6067            }
6068            .blu-input-stepper .blu-btn .blu-ripple svg[data-v-7172f8fc] {
6069                width: 18px;
6070                height: 18px;
6071                margin-left: 1px;
6072            }
6073            .blu-input-stepper .blu-btn .blu-ripple-enter-active[data-v-7172f8fc] {
6074                background: #0072ff;
6075            }
6076            .b-disabled[data-v-7172f8fc] {
6077                opacity: 1;
6078            }
6079            .blu-btn-dropdown .blu-ripple > svg + div[data-v-7172f8fc] {
6080                margin-left: 8px;
6081            }
6082            .blu-modal__mask[data-v-7172f8fc] {
6083                transition: opacity 0.3s ease;
6084                position: fixed;
6085                z-index: 999;
6086                top: 0;
6087                left: 0;
6088                width: 100%;
6089                height: 100%;
6090                background-color: rgba(0, 0, 0, 0.6);
6091                display: flex;
6092                flex-direction: column;
6093                justify-content: center;
6094                align-items: center;
6095            }
6096            .blu-modal__container[data-v-7172f8fc] {
6097                transition: opacity 0.3s ease;
6098                width: 90%;
6099                max-width: 500px;
6100                max-height: calc(100% - 50px);
6101                height: auto;
6102                background: #fff;
6103                box-shadow: 0 1px 6px 0 rgba(0, 0, 0, 0.1);
6104                position: fixed;
6105                z-index: 1000;
6106                display: flex;
6107                flex-direction: column;
6108            }
6109            @media screen and (max-width: 768px) {
6110                .blu-modal__container[data-v-7172f8fc] {
6111                    max-height: calc(100% - 40px);
6112                }
6113            }
6114            @media screen and (min-width: 769px), print {
6115                .blu-modal__container[data-v-7172f8fc] {
6116                    top: 50%;
6117                    left: 50%;
6118                    -webkit-transform: translate(-50%, -50%);
6119                    -moz-transform: translate(-50%, -50%);
6120                    -ms-transform: translate(-50%, -50%);
6121                    -o-transform: translate(-50%, -50%);
6122                    transform: translate(-50%, -50%);
6123                }
6124            }
6125            .blu-modal__heading[data-v-7172f8fc] {
6126                font:
6127                    24px/28px "blibli demi bold",
6128                    -apple-system,
6129                    segoe ui,
6130                    roboto,
6131                    helvetica,
6132                    arial,
6133                    sans-serif;
6134                margin-bottom: 8px;
6135            }
6136            @media screen and (max-width: 768px) {
6137                .blu-modal__heading[data-v-7172f8fc] {
6138                    font:
6139                        20px/24px "blibli demi bold",
6140                        -apple-system,
6141                        segoe ui,
6142                        roboto,
6143                        helvetica,
6144                        arial,
6145                        sans-serif;
6146                    margin-bottom: 0px;
6147                }
6148            }
6149            .blu-modal__body[data-v-7172f8fc] {
6150                max-height: var(--max-height-modal-body);
6151                overflow-x: auto;
6152                color: rgba(25, 34, 42, 0.7019607843);
6153                margin-right: 0px;
6154                overscroll-behavior: contain;
6155            }
6156            @media screen and (min-width: 769px), print {
6157                .blu-modal__body[data-v-7172f8fc] {
6158                    font:
6159                        16px/20px "blibli",
6160                        -apple-system,
6161                        segoe ui,
6162                        roboto,
6163                        helvetica,
6164                        arial,
6165                        sans-serif;
6166                }
6167            }
6168            @media screen and (max-width: 768px) {
6169                .blu-modal__body[data-v-7172f8fc] {
6170                    font:
6171                        14px/18px "blibli",
6172                        -apple-system,
6173                        segoe ui,
6174                        roboto,
6175                        helvetica,
6176                        arial,
6177                        sans-serif;
6178                }
6179            }
6180            .blu-modal__footer[data-v-7172f8fc] {
6181                text-align: right;
6182            }
6183            @media screen and (max-width: 768px) {
6184                .blu-modal__footer[data-v-7172f8fc] {
6185                    margin-top: auto;
6186                }
6187            }
6188            .blu-modal.b-dialog .blu-modal__body[data-v-7172f8fc] {
6189                margin-bottom: 40px;
6190            }
6191            @media screen and (max-width: 768px) {
6192                .blu-modal.b-dialog .blu-modal__body[data-v-7172f8fc] {
6193                    margin-bottom: 32px;
6194                }
6195            }
6196            .blu-modal.b-dialog .blu-modal__container[data-v-7172f8fc] {
6197                border-radius: 16px;
6198            }
6199            @media screen and (min-width: 769px), print {
6200                .blu-modal.b-dialog .blu-modal__container[data-v-7172f8fc] {
6201                    padding: 24px 24px 16px;
6202                }
6203            }
6204            @media screen and (max-width: 768px) {
6205                .blu-modal.b-dialog .blu-modal__container[data-v-7172f8fc] {
6206                    padding: 24px 24px 16px;
6207                    top: 50%;
6208                    left: 50%;
6209                    -webkit-transform: translate(-50%, -50%);
6210                    -moz-transform: translate(-50%, -50%);
6211                    -ms-transform: translate(-50%, -50%);
6212                    -o-transform: translate(-50%, -50%);
6213                    transform: translate(-50%, -50%);
6214                }
6215            }
6216            .blu-modal.b-dialog .blu-modal__container[data-v-7172f8fc]:before,
6217            .blu-modal.b-dialog .blu-modal__container[data-v-7172f8fc]:after {
6218                content: "";
6219                width: calc(100% - 60px);
6220                margin: 0 30px;
6221                border-radius: 0 0 24px 24px;
6222                position: absolute;
6223                left: 0;
6224            }
6225            .blu-modal.b-dialog .blu-modal__container[data-v-7172f8fc]:before {
6226                height: 9px;
6227                bottom: -9px;
6228                z-index: 2;
6229                background: linear-gradient(0deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.12) 100%);
6230            }
6231            .blu-modal.b-dialog .blu-modal__container[data-v-7172f8fc]:after {
6232                height: 16px;
6233                border-top: #fff 1px solid;
6234                bottom: -15px;
6235            }
6236            .blu-modal.b-dialog .blu-modal__close[data-v-7172f8fc] {
6237                display: none;
6238            }
6239            .blu-modal.b-dialog.b-info .blu-modal__container[data-v-7172f8fc]:after {
6240                background-color: #1d8fff;
6241            }
6242            .blu-modal.b-dialog.b-success .blu-modal__container[data-v-7172f8fc]:after {
6243                background-color: #22a334;
6244            }
6245            .blu-modal.b-dialog.b-warning .blu-modal__container[data-v-7172f8fc]:after {
6246                background-color: #38bdf8;
6247            }
6248            .blu-modal.b-dialog.b-danger .blu-modal__container[data-v-7172f8fc]:after {
6249                background-color: #ff4646;
6250            }
6251            .blu-modal.b-page .blu-modal__body[data-v-7172f8fc] {
6252                color: rgba(25, 34, 42, 0.7019607843);
6253            }
6254            @media screen and (min-width: 769px), print {
6255                .blu-modal.b-page .blu-modal__body[data-v-7172f8fc] {
6256                    padding: 0 24px;
6257                }
6258            }
6259            @media screen and (max-width: 768px) {
6260                .blu-modal.b-page .blu-modal__body[data-v-7172f8fc] {
6261                    padding: 0 16px;
6262                    padding-bottom: calc(env(safe-area-inset-bottom) + 4px);
6263                    overflow-y: auto;
6264                }
6265            }
6266            .blu-modal.b-page .blu-modal__body[data-v-7172f8fc]::before {
6267                content: "";
6268                background: #fff;
6269                height: 20px;
6270                width: 100%;
6271                left: 0;
6272                bottom: 0;
6273                position: fixed;
6274            }
6275            @media screen and (min-width: 769px), print {
6276                .blu-modal.b-page .blu-modal__body[data-v-7172f8fc]::before {
6277                    display: none;
6278                }
6279            }
6280            @media screen and (min-width: 769px), print {
6281                .blu-modal.b-page .blu-modal__container[data-v-7172f8fc] {
6282                    border-radius: 16px;
6283                    padding-top: 32px;
6284                }
6285            }
6286            @media screen and (max-width: 768px) {
6287                .blu-modal.b-page .blu-modal__container[data-v-7172f8fc] {
6288                    padding-top: 24px;
6289                    width: 100%;
6290                    max-width: 100%;
6291                    height: auto;
6292                    border-radius: 16px 16px 0 0;
6293                    left: 0;
6294                    bottom: 0;
6295                    padding-top: 24px;
6296                    padding-bottom: calc(env(safe-area-inset-bottom) + 16px);
6297                }
6298            }
6299            @media screen and (min-width: 769px), print {
6300                .blu-modal.b-page .blu-modal__footer[data-v-7172f8fc] {
6301                    padding: 24px 24px;
6302                }
6303            }
6304            @media screen and (max-width: 768px) {
6305                .blu-modal.b-page .blu-modal__footer[data-v-7172f8fc] {
6306                    width: 100%;
6307                    padding: 16px;
6308                    transition: all 0.3s cubic-bezier(0, 0, 0.2, 1.2);
6309                    bottom: 0;
6310                    padding-bottom: env(safe-area-inset-bottom);
6311                    background: #fff;
6312                }
6313            }
6314            .blu-modal.b-page .blu-modal__footer[data-v-7172f8fc]::before {
6315                content: "";
6316                background: #fff;
6317                height: 20px;
6318                width: 100%;
6319                left: 0;
6320                bottom: 0;
6321                position: fixed;
6322            }
6323            @media screen and (min-width: 769px), print {
6324                .blu-modal.b-page .blu-modal__footer[data-v-7172f8fc]::before {
6325                    display: none;
6326                }
6327            }
6328            @media screen and (min-width: 769px), print {
6329                .blu-modal.b-page .blu-modal__header[data-v-7172f8fc] {
6330                    padding: 0 24px;
6331                }
6332            }
6333            @media screen and (max-width: 768px) {
6334                .blu-modal.b-page .blu-modal__header[data-v-7172f8fc] {
6335                    padding: 0 16px;
6336                }
6337            }
6338            .blu-modal.b-page .blu-modal__icon[data-v-7172f8fc] {
6339                display: none;
6340            }
6341            @media screen and (max-width: 768px) {
6342                .blu-modal.b-page.fade-enter-active[data-v-7172f8fc],
6343                .blu-modal.b-page.fade-leave-active[data-v-7172f8fc] {
6344                    transition: opacity 0.3s;
6345                }
6346                .blu-modal.b-page.fade-enter-active .blu-modal__container[data-v-7172f8fc],
6347                .blu-modal.b-page.fade-leave-active .blu-modal__container[data-v-7172f8fc] {
6348                    transition: bottom 0.3s;
6349                    transition: all 0.3s cubic-bezier(0, 0, 0.2, 1.2);
6350                    bottom: 0;
6351                }
6352                .blu-modal.b-page.fade-enter-active[data-v-7172f8fc] {
6353                    transition: opacity 0.3s cubic-bezier(0, 0, 0.2, 1.2);
6354                }
6355                .blu-modal.b-page.fade-leave-active[data-v-7172f8fc] {
6356                    transition: opacity 0.3s cubic-bezier(0.8, 0, 1, 1);
6357                }
6358                .blu-modal.b-page.fade-enter .blu-modal__container[data-v-7172f8fc],
6359                .blu-modal.b-page.fade-leave-to .blu-modal__container[data-v-7172f8fc] {
6360                    bottom: -96vh;
6361                }
6362            }
6363            .blu-modal.b-no-button .blu-modal__container[data-v-7172f8fc] {
6364                padding-bottom: 20px;
6365            }
6366            @media screen and (max-width: 768px) {
6367                .blu-modal.b-no-button .blu-modal__body[data-v-7172f8fc] {
6368                    padding-bottom: env(safe-area-inset-bottom);
6369                }
6370            }
6371            .blu-modal.b-no-button .blu-modal__footer[data-v-7172f8fc] {
6372                display: none;
6373            }
6374            .fade-enter-active[data-v-7172f8fc],
6375            .fade-leave-active[data-v-7172f8fc] {
6376                position: absolute;
6377                z-index: 998;
6378                transition: opacity 0.3s;
6379            }
6380            .fade-enter[data-v-7172f8fc],
6381            .fade-leave-to[data-v-7172f8fc] {
6382                opacity: 0;
6383            }
6384            img[data-v-7172f8fc] {
6385                max-width: 100%;
6386            }
6387            .blu-modal.b-dialog .blu-modal__icon[data-v-7172f8fc] {
6388                width: 40px;
6389                height: 40px;
6390                margin-bottom: 40px;
6391            }
6392            @media screen and (max-width: 768px) {
6393                .blu-modal.b-dialog .blu-modal__icon[data-v-7172f8fc] {
6394                    width: 24px;
6395                    height: 24px;
6396                    margin-bottom: 32px;
6397                }
6398            }
6399            .blu-modal.b-dialog.b-info .blu-modal__icon[data-v-7172f8fc] {
6400                background-color: #1d8fff;
6401                -webkit-mask-image: url(data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PSIwIDAgMjQgMjQiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+DQo8cGF0aCBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGNsaXAtcnVsZT0iZXZlbm9kZCIgZD0iTTIgMTJDMiA2LjQ4IDYuNDggMiAxMiAyQzE3LjUyIDIgMjIgNi40OCAyMiAxMkMyMiAxNy41MiAxNy41MiAyMiAxMiAyMkM2LjQ4IDIyIDIgMTcuNTIgMiAxMlpNMTEuOTcgOC43Mzc2NEMxMi43MjY2IDguNzM3NjQgMTMuMzQgOC4xMjQ4IDEzLjM0IDcuMzY4ODJDMTMuMzQgNi42MTI4NCAxMi43MjY2IDYgMTEuOTcgNkMxMS4yMTM0IDYgMTAuNiA2LjYxMjg0IDEwLjYgNy4zNjg4MkMxMC42IDguMTI0OCAxMS4yMTM0IDguNzM3NjQgMTEuOTcgOC43Mzc2NFpNMTEuNDk5OSAxMC4xMDY0SDEyLjQ0OTlDMTIuODQ5OSAxMC4xMDY0IDEzLjE3OTkgMTAuNDM2MiAxMy4xNzk5IDEwLjgzNThWMTcuMjcwM0MxMy4xNzk5IDE3LjY2OTkgMTIuODQ5OSAxNy45OTk2IDEyLjQ0OTkgMTcuOTk5NkgxMS40OTk5QzExLjA5OTkgMTcuOTk5NiAxMC43Njk5IDE3LjY2OTkgMTAuNzY5OSAxNy4yNzAzVjEwLjgzNThDMTAuNzY5OSAxMC40MzYyIDExLjA5OTkgMTAuMTA2NCAxMS40OTk5IDEwLjEwNjRaIiBmaWxsPSIjNzk3Rjg1Ii8+DQo8L3N2Zz4NCg==);
6402                mask-image: url(data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PSIwIDAgMjQgMjQiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+DQo8cGF0aCBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGNsaXAtcnVsZT0iZXZlbm9kZCIgZD0iTTIgMTJDMiA2LjQ4IDYuNDggMiAxMiAyQzE3LjUyIDIgMjIgNi40OCAyMiAxMkMyMiAxNy41MiAxNy41MiAyMi
6402AxMiAyMkM2LjQ4IDIyIDIgMTcuNTIgMiAxMlpNMTEuOTcgOC43Mzc2NEMxMi43MjY2IDguNzM3NjQgMTMuMzQgOC4xMjQ4IDEzLjM0IDcuMzY4ODJDMTMuMzQgNi42MTI4NCAxMi43MjY2IDYgMTEuOTcgNkMxMS4yMTM0IDYgMTAuNiA2LjYxMjg0IDEwLjYgNy4zNjg4MkMxMC42IDguMTI0OCAxMS4yMTM0IDguNzM3NjQgMTEuOTcgOC43Mzc2NFpNMTEuNDk5OSAxMC4xMDY0SDEyLjQ0OTlDMTIuODQ5OSAxMC4xMDY0IDEzLjE3OTkgMTAuNDM2MiAxMy4xNzk5IDEwLjgzNThWMTcuMjcwM0MxMy4xNzk5IDE3LjY2OTkgMTIuODQ5OSAxNy45OTk2IDEyLjQ0OTkgMTcuOTk5NkgxMS40OTk5QzExLjA5OTkgMTcuOTk5NiAxMC43Njk5IDE3LjY2OTkgMTAuNzY5OSAxNy4yNzAzVjEwLjgzNThDMTAuNzY5OSAxMC40MzYyIDExLjA5OTkgMTAuMTA2NCAxMS40OTk5IDEwLjEwNjRaIiBmaWxsPSIjNzk3Rjg1Ii8+DQo8L3N2Zz4NCg==);
6403            }
6404            .blu-modal.b-dialog.b-success .blu-modal__icon[data-v-7172f8fc] {
6405                background-color: #22a334;
6406                -webkit-mask-image: url(data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PSIwIDAgMjQgMjQiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+DQo8cGF0aCBkPSJNMTIgMkM2LjQ4IDIgMiA2LjQ4IDIgMTJDMiAxNy41MiA2LjQ4IDIyIDEyIDIyQzE3LjUyIDIyIDIyIDE3LjUyIDIyIDEyQzIyIDYuNDggMTcuNTIgMiAxMiAyWk0xNy4wNSA5LjExTDEyLjA2IDE2LjEyQzExLjg4IDE2LjM3IDExLjYgMTYuNTIgMTEuMjkgMTYuNTRIMTEuMjRDMTAuOTUgMTYuNTQgMTAuNjcgMTYuNDIgMTAuNDggMTYuMTlMNi45OSAxMi4xM0M2LjgyIDExLjkzIDYuNzMgMTEuNjcgNi43NSAxMS40MUM2Ljc3IDExLjE0IDYuODkgMTAuOSA3LjA5IDEwLjczQzcuNTEgMTAuMzcgOC4xNCAxMC40MiA4LjUgMTAuODRMMTEuMTYgMTMuOTNMMTUuNDEgNy45NkMxNS43MyA3LjUxIDE2LjM1IDcuNDEgMTYuOCA3LjczQzE3LjAyIDcuODggMTcuMTYgOC4xMSAxNy4yMSA4LjM4QzE3LjI1IDguNjQgMTcuMTkgOC45MSAxNy4wNCA5LjEyTDE3LjA1IDkuMTFaIiBmaWxsPSIjNzk3Rjg1Ii8+DQo8L3N2Zz4=);
6407                mask-image: url(data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PSIwIDAgMjQgMjQiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+DQo8cGF0aCBkPSJNMTIgMkM2LjQ4IDIgMiA2LjQ4IDIgMTJDMiAxNy41MiA2LjQ4IDIyIDEyIDIyQzE3LjUyIDIyIDIyIDE3LjUyIDIyIDEyQzIyIDYuNDggMTcuNTIgMiAxMiAyWk0xNy4wNSA5LjExTDEyLjA2IDE2LjEyQzExLjg4IDE2LjM3IDExLjYgMTYuNTIgMTEuMjkgMTYuNTRIMTEuMjRDMTAuOTUgMTYuNTQgMTAuNjcgMTYuNDIgMTAuNDggMTYuMTlMNi45OSAxMi4xM0M2LjgyIDExLjkzIDYuNzMgMTEuNjcgNi43NSAxMS40MUM2Ljc3IDExLjE0IDYuODkgMTAuOSA3LjA5IDEwLjczQzcuNTEgMTAuMzcgOC4xNCAxMC40MiA4LjUgMTAuODRMMTEuMTYgMTMuOTNMMTUuNDEgNy45NkMxNS43MyA3LjUxIDE2LjM1IDcuNDEgMTYuOCA3LjczQzE3LjAyIDcuODggMTcuMTYgOC4xMSAxNy4yMSA4LjM4QzE3LjI1IDguNjQgMTcuMTkgOC45MSAxNy4wNCA5LjEyTDE3LjA1IDkuMTFaIiBmaWxsPSIjNzk3Rjg1Ii8+DQo8L3N2Zz4=);
6408            }
6409            .blu-modal.b-dialog.b-warning .blu-modal__icon[data-v-7172f8fc] {
6410                background-color: #38bdf8;
6411                -webkit-mask-image: url(data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PSIwIDAgMjQgMjQiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+DQo8cGF0aCBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGNsaXAtcnVsZT0iZXZlbm9kZCIgZD0iTTMuODc0MzYgMjFIMjAuMTE0NEgyMC4xMjQ0QzIxLjU1MzUgMjEgMjIuNDUyOSAxOS41MDM1IDIxLjc2MzQgMTguMjg2NEwxMy42NDg0IDMuOTUwMjZDMTIuOTM4OCAyLjY4MzI1IDExLjA2OTkgMi42ODMyNSAxMC4zNjA0IDMuOTUwMjZMMi4yMzUzNyAxOC4yOTY0QzEuNTQ1OCAxOS41MTM1IDIuNDU1MjQgMjEgMy44NzQzNiAyMVpNMTAuOTkgMTMuOTM3NEwxMC43MDAyIDkuMDk4ODdWNy43NTIwNUMxMC43MDAyIDcuMzMzMDQgMTEuMDQgNi45OTM4NCAxMS40NTk3IDYuOTkzODRIMTIuNjA5QzEzLjAyODggNi45OTM4NCAxMy4zNjg2IDcuMzMzMDQgMTMuMzY4NiA3Ljc1MjA1VjkuMTA4ODRMMTMuMDg4NyAxMy45Mjc1QzEzLjA2ODcgMTQuMzI2NSAxMi43Mzg5IDE0LjYzNTggMTIuMzI5MiAxNC42MzU4SDExLjc0OTVDMTEuMzQ5OCAxNC42MzU4IDExLjAyIDE0LjMyNjUgMTAuOTkgMTMuOTI3NVYxMy45Mzc0Wk0xMS45OTk0IDE4Ljk2NTJDMTIuNzg4NyAxOC45NjUyIDEzLjQyODYgMTguMzI2NSAxMy40Mjg2IDE3LjUzODZDMTMuNDI4NiAxNi43NTA3IDEyLjc4ODcgMTYuMTEyIDExLjk5OTQgMTYuMTEyQzExLjIxMDIgMTYuMTEyIDEwLjU3MDMgMTYuNzUwNyAxMC41NzAzIDE3LjUzODZDMTAuNTcwMyAxOC4zMjY1IDExLjIxMDIgMTguOTY1MiAxMS45OTk0IDE4Ljk2NTJaIiBmaWxsPSIjNzk3Rjg1Ii8+DQo8L3N2Zz4NCg==);
6412                mask-image: url(data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PSIwIDAgMjQgMjQiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+DQo8cGF0aCBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGNsaXAtcnVsZT0iZXZlbm9kZCIgZD0iTTMuODc0MzYgMjFIMjAuMTE0NEgyMC4xMjQ0QzIxLjU1MzUgMjEgMjIuNDUyOSAxOS41MDM1IDIxLjc2MzQgMTguMjg2NEwxMy42NDg0IDMuOTUwMjZDMTIuOTM4OCAyLjY4MzI1IDExLjA2OTkgMi42ODMyNSAxMC4zNjA0IDMuOTUwMjZMMi4yMzUzNyAxOC4yOTY0QzEuNTQ1OCAxOS41MTM1IDIuNDU1MjQgMjEgMy44NzQzNiAyMVpNMTAuOTkgMTMuOTM3NEwxMC43MDAyIDkuMDk4ODdWNy43NTIwNUMxMC43MDAyIDcuMzMzMDQgMTEuMDQgNi45OTM4NCAxMS40NTk3IDYuOTkzODRIMTIuNjA5QzEzLjAyODggNi45OTM4NCAxMy4zNjg2IDcuMzMzMDQgMTMuMzY4NiA3Ljc1MjA1VjkuMTA4ODRMMTMuMDg4NyAxMy45Mjc1QzEzLjA2ODcgMTQuMzI2NSAxMi43Mzg5IDE0LjYzNTggMTIuMzI5MiAxNC42MzU4SDExLjc0OTVDMTEuMzQ5OCAxNC42MzU4IDExLjAyIDE0LjMyNjUgMTAuOTkgMTMuOTI3NVYxMy45Mzc0Wk0xMS45OTk0IDE4Ljk2NTJDMTIuNzg4NyAxOC45NjUyIDEzLjQyODYgMTguMzI2NSAxMy40Mjg2IDE3LjUzODZDMTMuNDI4NiAxNi43NTA3IDEyLjc4ODcgMTYuMTEyIDExLjk5OTQgMTYuMTEyQzExLjIxMDIgMTYuMTEyIDEwLjU3MDMgMTYuNzUwNyAxMC41NzAzIDE3LjUzODZDMTAuNTcwMyAxOC4zMjY1IDExLjIxMDIgMTguOTY1MiAxMS45OTk0IDE4Ljk2NTJaIiBmaWxsPSIjNzk3Rjg1Ii8+DQo8L3N2Zz4NCg==);
6413            }
6414            .blu-modal.b-dialog.b-danger .blu-modal__icon[data-v-7172f8fc] {
6415                background-color: #ff4646;
6416                -webkit-mask-image: url(data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PSIwIDAgMjQgMjQiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+DQo8cGF0aCBkPSJNMTIgMkM2LjQ4IDIgMiA2LjQ4IDIgMTJDMiAxNy41MiA2LjQ4IDIyIDEyIDIyQzE3LjUyIDIyIDIyIDE3LjUyIDIyIDEyQzIyIDYuNDggMTcuNTIgMiAxMiAyWk0xNi4yNCAxNC44M0MxNi42MyAxNS4yMiAxNi42MyAxNS44NSAxNi4yNCAxNi4yNEMxNS44NSAxNi42MyAxNS4yMiAxNi42MyAxNC44MyAxNi4yNEwxMiAxMy40MUw5LjE3IDE2LjI0QzguNzggMTYuNjMgOC4xNSAxNi42MyA3Ljc2IDE2LjI0QzcuMzcgMTUuODUgNy4zNyAxNS4yMiA3Ljc2IDE0LjgzTDEwLjU5IDEyTDcuNzYgOS4xN0M3LjM3IDguNzggNy4zNyA4LjE1IDcuNzYgNy43NkM4LjE1IDcuMzcgOC43OCA3LjM3IDkuMTcgNy43NkwxMiAxMC41OUwxNC44MyA3Ljc2QzE1LjIyIDcuMzcgMTUuODUgNy4zNyAxNi4yNCA3Ljc2QzE2LjYzIDguMTUgMTYuNjMgOC43OCAxNi4yNCA5LjE3TDEzLjQxIDEyTDE2LjI0IDE0LjgzWiIgZmlsbD0iIzc5N0Y4NSIvPg0KPC9zdmc+);
6417                mask-image: url(data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PSIwIDAgMjQgMjQiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+DQo8cGF0aCBkPSJNMTIgMkM2LjQ4IDIgMiA2LjQ4IDIgMTJDMiAxNy41MiA2LjQ4IDIyIDEyIDIyQzE3LjUyIDIyIDIyIDE3LjUyIDIyIDEyQzIyIDYuNDggMTcuNTIgMiAxMiAyWk0xNi4yNCAxNC44M0MxNi42MyAxNS4yMiAxNi42MyAxNS44NSAxNi4yNCAxNi4yNEMxNS44NSAxNi42MyAxNS4yMiAxNi42MyAxNC44MyAxNi4yNEwxMiAxMy40MUw5LjE3IDE2LjI0QzguNzggMTYuNjMgOC4xNSAxNi42MyA3Ljc2IDE2LjI0QzcuMzcgMTUuODUgNy4zNyAxNS4yMiA3Ljc2IDE0LjgzTDEwLjU5IDEyTDcuNzYgOS4xN0M3LjM3IDguNzggNy4zNyA4LjE1IDcuNzYgNy43NkM4LjE1IDcuMzcgOC43OCA3LjM3IDkuMTcgNy43NkwxMiAxMC41OUwxNC44MyA3Ljc2QzE1LjIyIDcuMzcgMTUuODUgNy4zNyAxNi4yNCA3Ljc2QzE2LjYzIDguMTUgMTYuNjMgOC43OCAxNi4yNCA5LjE3TDEzLjQxIDEyTDE2LjI0IDE0LjgzWiIgZmlsbD0iIzc5N0Y4NSIvPg0KPC9zdmc+);
6418            }
6419            @media screen and (max-width: 768px) {
6420                .blu-modal.b-full-screen .blu-modal__container[data-v-7172f8fc] {
6421                    min-height: 100%;
6422                    border-radius: unset;
6423                    padding-top: 0;
6424                }
6425                .blu-modal.b-full-screen .blu-modal__close[data-v-7172f8fc] {
6426                    display: none;
6427                }
6428            }
6429            @media screen and (max-width: 768px) {
6430                .blu-modal__footer[data-v-7172f8fc] {
6431                    display: flex;
6432                    justify-content: flex-end;
6433                    flex-direction: column-reverse;
6434                }
6435            }
6436            .blu-btn[data-v-7172f8fc] {
6437                min-width: 96px;
6438            }
6439            @media screen and (min-width: 769px), print {
6440                .blu-btn[data-v-7172f8fc] {
6441                    margin-left: 8px;
6442                    margin-bottom: 0;
6443                }
6444            }
6445            @media screen and (max-width: 768px) {
6446                .blu-btn[data-v-7172f8fc] {
6447                    width: 100%;
6448                    margin-bottom: 8px;
6449                }
6450                .blu-btn[data-v-7172f8fc]:not(:last-child) {
6451                    margin-bottom: 0px;
6452                }
6453            }
6454        </style>
6455        <style type="text/css">
6456            .blu-ripple[data-v-c206562a] {
6457                width: 100%;
6458                height: 100%;
6459                position: relative;
6460                overflow: hidden;
6461                display: flex;
6462                justify-content: center;
6463                align-items: center;
6464                -webkit-box-pack: center;
6465                -webkit-box-align: center;
6466                -webkit-mask-image: radial-gradient(circle, #ffffff 100%, #000000 100%);
6467                padding: 0 12px;
6468            }
6469            .blu-ripple-wave[data-v-c206562a] {
6470                position: absolute;
6471                z-index: 1;
6472                pointer-events: none;
6473                background: currentColor;
6474                border-radius: 50%;
6475                opacity: 0;
6476                transform: scale(2) translateZ(0);
6477            }
6478            .blu-ripple-wave.b-centered[data-v-c206562a] {
6479                animation-duration: 1.2s;
6480                top: 50%;
6481                left: 50%;
6482            }
6483            .blu-ripple-wave ~ *[data-v-c206562a]:not(.blu-ripple-wave) {
6484                position: relative;
6485                z-index: 2;
6486            }
6487            .blu-ripple-enter-active[data-v-c206562a] {
6488                transition: 2s cubic-bezier(0.25, 0.8, 0.25, 1);
6489                transition-property: opacity, transform;
6490                will-change: opacity, transform;
6491            }
6492            .blu-ripple-enter-active.b-centered[data-v-c206562a] {
6493                transition-duration: 1.2s;
6494            }
6495            .blu-ripple-enter[data-v-c206562a] {
6496                opacity: 0.26;
6497                transform: scale(0.26) translateZ(0);
6498            }
6499            .has-left-icon .blu-ripple svg[data-v-c206562a] {
6500                margin-right: 8px;
6501            }
6502            .has-left-icon.b-small svg[data-v-c206562a] {
6503                transform-origin: left;
6504                margin-right: 4px;
6505            }
6506            .b-large .blu-ripple[data-v-c206562a] {
6507                padding: 0 16px;
6508            }
6509            .b-small .blu-ripple[data-v-c206562a] {
6510                padding: 0 8px;
6511            }
6512            .b-small svg[data-v-c206562a] {
6513                width: 18px;
6514                height: 18px;
6515            }
6516            .b-icon .blu-ripple[data-v-c206562a] {
6517                padding: 0;
6518            }
6519            .b-loading .blu-loader-wrapper[data-v-c206562a] {
6520                height: 24px;
6521                position: absolute;
6522            }
6523            .b-loading .blu-ripple[data-v-c206562a] {
6524                color: rgba(0, 0, 0, 0);
6525            }
6526            .b-loading .blu-ripple > svg[data-v-c206562a] {
6527                visibility: hidden;
6528            }
6529            .b-loading .blu-ripple .blu-ripple-wave[data-v-c206562a] {
6530                color: #fff;
6531            }
6532            .b-loading.b-white .blu-ripple-wave[data-v-c206562a] {
6533                color: #0072ff;
6534            }
6535            .b-loading.b-outline.b-secondary .blu-ripple-wave[data-v-c206562a] {
6536                color: #0072ff;
6537            }
6538            .b-loading.b-outline.b-primary .blu-ripple-wave[data-v-c206562a] {
6539                color: #0ea5e9;
6540            }
6541            .b-loading.b-ghost.b-secondary .blu-ripple-wave[data-v-c206562a] {
6542                color: #0072ff;
6543            }
6544            .b-loading.b-ghost.b-primary .blu-ripple-wave[data-v-c206562a] {
6545                color: #0ea5e9;
6546            }
6547            .blu-input-stepper .blu-btn .blu-ripple[data-v-c206562a] {
6548                padding: 0;
6549                width: 24px;
6550                height: 24px;
6551                border-radius: 50%;
6552            }
6553            .blu-input-stepper .blu-btn .blu-ripple svg[data-v-c206562a] {
6554                width: 18px;
6555                height: 18px;
6556                margin-left: 1px;
6557            }
6558            .blu-input-stepper .blu-btn .blu-ripple-enter-active[data-v-c206562a] {
6559                background: #0072ff;
6560            }
6561            .b-disabled[data-v-c206562a] {
6562                opacity: 1;
6563            }
6564            .blu-btn-dropdown .blu-ripple > svg + div[data-v-c206562a] {
6565                margin-left: 8px;
6566            }
6567            .blu-modal__mask[data-v-c206562a] {
6568                transition: opacity 0.3s ease;
6569                position: fixed;
6570                z-index: 999;
6571                top: 0;
6572                left: 0;
6573                width: 100%;
6574                height: 100%;
6575                background-color: rgba(0, 0, 0, 0.6);
6576                display: flex;
6577                flex-direction: column;
6578                justify-content: center;
6579                align-items: center;
6580            }
6581            .blu-modal__container[data-v-c206562a] {
6582                transition: opacity 0.3s ease;
6583                width: 90%;
6584                max-width: 500px;
6585                max-height: calc(100% - 50px);
6586                height: auto;
6587                background: #fff;
6588                box-shadow: 0 1px 6px 0 rgba(0, 0, 0, 0.1);
6589                position: fixed;
6590                z-index: 1000;
6591                display: flex;
6592                flex-direction: column;
6593            }
6594            @media screen and (max-width: 768px) {
6595                .blu-modal__container[data-v-c206562a] {
6596                    max-height: calc(100% - 40px);
6597                }
6598            }
6599            @media screen and (min-width: 769px), print {
6600                .blu-modal__container[data-v-c206562a] {
6601                    top: 50%;
6602                    left: 50%;
6603                    -webkit-transform: translate(-50%, -50%);
6604                    -moz-transform: translate(-50%, -50%);
6605                    -ms-transform: translate(-50%, -50%);
6606                    -o-transform: translate(-50%, -50%);
6607                    transform: translate(-50%, -50%);
6608                }
6609            }
6610            .blu-modal__heading[data-v-c206562a] {
6611                font:
6612                    24px/28px "blibli demi bold",
6613                    -apple-system,
6614                    segoe ui,
6615                    roboto,
6616                    helvetica,
6617                    arial,
6618                    sans-serif;
6619                margin-bottom: 8px;
6620            }
6621            @media screen and (max-width: 768px) {
6622                .blu-modal__heading[data-v-c206562a] {
6623                    font:
6624                        20px/24px "blibli demi bold",
6625                        -apple-system,
6626                        segoe ui,
6627                        roboto,
6628                        helvetica,
6629                        arial,
6630                        sans-serif;
6631                    margin-bottom: 0px;
6632                }
6633            }
6634            .blu-modal__body[data-v-c206562a] {
6635                max-height: var(--max-height-modal-body);
6636                overflow-x: auto;
6637                color: rgba(25, 34, 42, 0.7019607843);
6638                margin-right: 0px;
6639                overscroll-behavior: contain;
6640            }
6641            @media screen and (min-width: 769px), print {
6642                .blu-modal__body[data-v-c206562a] {
6643                    font:
6644                        16px/20px "blibli",
6645                        -apple-system,
6646                        segoe ui,
6647                        roboto,
6648                        helvetica,
6649                        arial,
6650                        sans-serif;
6651                }
6652            }
6653            @media screen and (max-width: 768px) {
6654                .blu-modal__body[data-v-c206562a] {
6655                    font:
6656                        14px/18px "blibli",
6657                        -apple-system,
6658                        segoe ui,
6659                        roboto,
6660                        helvetica,
6661                        arial,
6662                        sans-serif;
6663                }
6664            }
6665            .blu-modal__footer[data-v-c206562a] {
6666                text-align: right;
6667            }
6668            @media screen and (max-width: 768px) {
6669                .blu-modal__footer[data-v-c206562a] {
6670                    margin-top: auto;
6671                }
6672            }
6673            .blu-modal.b-dialog .blu-modal__body[data-v-c206562a] {
6674                margin-bottom: 40px;
6675            }
6676            @media screen and (max-width: 768px) {
6677                .blu-modal.b-dialog .blu-modal__body[data-v-c206562a] {
6678                    margin-bottom: 32px;
6679                }
6680            }
6681            .blu-modal.b-dialog .blu-modal__container[data-v-c206562a] {
6682                border-radius: 16px;
6683            }
6684            @media screen and (min-width: 769px), print {
6685                .blu-modal.b-dialog .blu-modal__container[data-v-c206562a] {
6686                    padding: 24px 24px 16px;
6687                }
6688            }
6689            @media screen and (max-width: 768px) {
6690                .blu-modal.b-dialog .blu-modal__container[data-v-c206562a] {
6691                    padding: 24px 24px 16px;
6692                    top: 50%;
6693                    left: 50%;
6694                    -webkit-transform: translate(-50%, -50%);
6695                    -moz-transform: translate(-50%, -50%);
6696                    -ms-transform: translate(-50%, -50%);
6697                    -o-transform: translate(-50%, -50%);
6698                    transform: translate(-50%, -50%);
6699                }
6700            }
6701            .blu-modal.b-dialog .blu-modal__container[data-v-c206562a]:before,
6702            .blu-modal.b-dialog .blu-modal__container[data-v-c206562a]:after {
6703                content: "";
6704                width: calc(100% - 60px);
6705                margin: 0 30px;
6706                border-radius: 0 0 24px 24px;
6707                position: absolute;
6708                left: 0;
6709            }
6710            .blu-modal.b-dialog .blu-modal__container[data-v-c206562a]:before {
6711                height: 9px;
6712                bottom: -9px;
6713                z-index: 2;
6714                background: linear-gradient(0deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.12) 100%);
6715            }
6716            .blu-modal.b-dialog .blu-modal__container[data-v-c206562a]:after {
6717                height: 16px;
6718                border-top: #fff 1px solid;
6719                bottom: -15px;
6720            }
6721            .blu-modal.b-dialog .blu-modal__close[data-v-c206562a] {
6722                display: none;
6723            }
6724            .blu-modal.b-dialog.b-info .blu-modal__container[data-v-c206562a]:after {
6725                background-color: #1d8fff;
6726            }
6727            .blu-modal.b-dialog.b-success .blu-modal__container[data-v-c206562a]:after {
6728                background-color: #22a334;
6729            }
6730            .blu-modal.b-dialog.b-warning .blu-modal__container[data-v-c206562a]:after {
6731                background-color: #38bdf8;
6732            }
6733            .blu-modal.b-dialog.b-danger .blu-modal__container[data-v-c206562a]:after {
6734                background-color: #ff4646;
6735            }
6736            .blu-modal.b-page .blu-modal__body[data-v-c206562a] {
6737                color: rgba(25, 34, 42, 0.7019607843);
6738            }
6739            @media screen and (min-width: 769px), print {
6740                .blu-modal.b-page .blu-modal__body[data-v-c206562a] {
6741                    padding: 0 24px;
6742                }
6743            }
6744            @media screen and (max-width: 768px) {
6745                .blu-modal.b-page .blu-modal__body[data-v-c206562a] {
6746                    padding: 0 16px;
6747                    padding-bottom: calc(env(safe-area-inset-bottom) + 4px);
6748                    overflow-y: auto;
6749                }
6750            }
6751            .blu-modal.b-page .blu-modal__body[data-v-c206562a]::before {
6752                content: "";
6753                background: #fff;
6754                height: 20px;
6755                width: 100%;
6756                left: 0;
6757                bottom: 0;
6758                position: fixed;
6759            }
6760            @media screen and (min-width: 769px), print {
6761                .blu-modal.b-page .blu-modal__body[data-v-c206562a]::before {
6762                    display: none;
6763                }
6764            }
6765            @media screen and (min-width: 769px), print {
6766                .blu-modal.b-page .blu-modal__container[data-v-c206562a] {
6767                    border-radius: 16px;
6768                    padding-top: 32px;
6769                }
6770            }
6771            @media screen and (max-width: 768px) {
6772                .blu-modal.b-page .blu-modal__container[data-v-c206562a] {
6773                    padding-top: 24px;
6774                    width: 100%;
6775                    max-width: 100%;
6776                    height: auto;
6777                    border-radius: 16px 16px 0 0;
6778                    left: 0;
6779                    bottom: 0;
6780                    padding-top: 24px;
6781                    padding-bottom: calc(env(safe-area-inset-bottom) + 16px);
6782                }
6783            }
6784            @media screen and (min-width: 769px), print {
6785                .blu-modal.b-page .blu-modal__footer[data-v-c206562a] {
6786                    padding: 24px 24px;
6787                }
6788            }
6789            @media screen and (max-width: 768px) {
6790                .blu-modal.b-page .blu-modal__footer[data-v-c206562a] {
6791                    width: 100%;
6792                    padding: 16px;
6793                    transition: all 0.3s cubic-bezier(0, 0, 0.2, 1.2);
6794                    bottom: 0;
6795                    padding-bottom: env(safe-area-inset-bottom);
6796                    background: #fff;
6797                }
6798            }
6799            .blu-modal.b-page .blu-modal__footer[data-v-c206562a]::before {
6800                content: "";
6801                background: #fff;
6802                height: 20px;
6803                width: 100%;
6804                left: 0;
6805                bottom: 0;
6806                position: fixed;
6807            }
6808            @media screen and (min-width: 769px), print {
6809                .blu-modal.b-page .blu-modal__footer[data-v-c206562a]::before {
6810                    display: none;
6811                }
6812            }
6813            @media screen and (min-width: 769px), print {
6814                .blu-modal.b-page .blu-modal__header[data-v-c206562a] {
6815                    padding: 0 24px;
6816                }
6817            }
6818            @media screen and (max-width: 768px) {
6819                .blu-modal.b-page .blu-modal__header[data-v-c206562a] {
6820                    padding: 0 16px;
6821                }
6822            }
6823            .blu-modal.b-page .blu-modal__icon[data-v-c206562a] {
6824                display: none;
6825            }
6826            @media screen and (max-width: 768px) {
6827                .blu-modal.b-page.fade-enter-active[data-v-c206562a],
6828                .blu-modal.b-page.fade-leave-active[data-v-c206562a] {
6829                    transition: opacity 0.3s;
6830                }
6831                .blu-modal.b-page.fade-enter-active .blu-modal__container[data-v-c206562a],
6832                .blu-modal.b-page.fade-leave-active .blu-modal__container[data-v-c206562a] {
6833                    transition: bottom 0.3s;
6834                    transition: all 0.3s cubic-bezier(0, 0, 0.2, 1.2);
6835                    bottom: 0;
6836                }
6837                .blu-modal.b-page.fade-enter-active[data-v-c206562a] {
6838                    transition: opacity 0.3s cubic-bezier(0, 0, 0.2, 1.2);
6839                }
6840                .blu-modal.b-page.fade-leave-active[data-v-c206562a] {
6841                    transition: opacity 0.3s cubic-bezier(0.8, 0, 1, 1);
6842                }
6843                .blu-modal.b-page.fade-enter .blu-modal__container[data-v-c206562a],
6844                .blu-modal.b-page.fade-leave-to .blu-modal__container[data-v-c206562a] {
6845                    bottom: -96vh;
6846                }
6847            }
6848            .blu-modal.b-no-button .blu-modal__container[data-v-c206562a] {
6849                padding-bottom: 20px;
6850            }
6851            @media screen and (max-width: 768px) {
6852                .blu-modal.b-no-button .blu-modal__body[data-v-c206562a] {
6853                    padding-bottom: env(safe-area-inset-bottom);
6854                }
6855            }
6856            .blu-modal.b-no-button .blu-modal__footer[data-v-c206562a] {
6857                display: none;
6858            }
6859            .fade-enter-active[data-v-c206562a],
6860            .fade-leave-active[data-v-c206562a] {
6861                position: absolute;
6862                z-index: 998;
6863                transition: opacity 0.3s;
6864            }
6865            .fade-enter[data-v-c206562a],
6866            .fade-leave-to[data-v-c206562a] {
6867                opacity: 0;
6868            }
6869            img[data-v-c206562a] {
6870                max-width: 100%;
6871            }
6872            .blu-modal.b-dialog .blu-modal__icon[data-v-c206562a] {
6873                width: 40px;
6874                height: 40px;
6875                margin-bottom: 40px;
6876            }
6877            @media screen and (max-width: 768px) {
6878                .blu-modal.b-dialog .blu-modal__icon[data-v-c206562a] {
6879                    width: 24px;
6880                    height: 24px;
6881                    margin-bottom: 32px;
6882                }
6883            }
6884            .blu-modal.b-dialog.b-info .blu-modal__icon[data-v-c206562a] {
6885                background-color: #1d8fff;
6886                -webkit-mask-image: url(data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PSIwIDAgMjQgMjQiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+DQo8cGF0aCBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGNsaXAtcnVsZT0iZXZlbm9kZCIgZD0iTTIgMTJDMiA2LjQ4IDYuNDggMiAxMiAyQzE3LjUyIDIgMjIgNi40OCAyMiAxMkMyMiAxNy41MiAxNy41MiAyMiAxMiAyMkM2LjQ4IDIyIDIgMTcuNTIgMiAxMlpNMTEuOTcgOC43Mzc2NEMxMi43MjY2IDguNzM3NjQgMTMuMzQgOC4xMjQ4IDEzLjM0IDcuMzY4ODJDMTMuMzQgNi42MTI4NCAxMi43MjY2IDYgMTEuOTcgNkMxMS4yMTM0IDYgMTAuNiA2LjYxMjg0IDEwLjYgNy4zNjg4MkMxMC42IDguMTI0OCAxMS4yMTM0IDguNzM3NjQgMTEuOTcgOC43Mzc2NFpNMTEuNDk5OSAxMC4xMDY0SDEyLjQ0OTlDMTIuODQ5OSAxMC4xMDY0IDEzLjE3OTkgMTAuNDM2MiAxMy4xNzk5IDEwLjgzNThWMTcuMjcwM0MxMy4xNzk5IDE3LjY2OTkgMTIuODQ5OSAxNy45OTk2IDEyLjQ0OTkgMTcuOTk5NkgxMS40OTk5QzExLjA5OTkgMTcuOTk5NiAxMC43Njk5IDE3LjY2OTkgMTAuNzY5OSAxNy4yNzAzVjEwLjgzNThDMTAuNzY5OSAxMC40MzYyIDExLjA5OTkgMTAuMTA2NCAxMS40OTk5IDEwLjEwNjRaIiBmaWxsPSIjNzk3Rjg1Ii8+DQo8L3N2Zz4NCg==);
6887                mask-image: url(data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PSIwIDAgMjQgMjQiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+DQo8cGF0aCBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGNsaXAtcnVsZT0iZXZlbm9kZCIgZD0iTTIgMTJDMiA2LjQ4IDYuNDggMiAxMiAyQzE3LjUyIDIgMjIgNi40OCAyMiAxMkMyMiAxNy41MiAxNy41MiAyMiAxMiAyMkM2LjQ4IDIyIDIgMTcuNTIgMiAxMlpNMTEuOTcgOC43Mzc2NEMxMi43MjY2IDguNzM3NjQgMTMuMzQgOC4xMjQ4IDEzLjM0IDcuMzY4ODJDMTMuMzQgNi42MTI4NCAxMi43MjY2IDYgMTEuOTcgNkMxMS4yMTM0IDYgMTAuNiA2LjYxMjg0IDEwLjYgNy4zNjg4MkMxMC42IDguMTI0OCAxMS4yMTM0IDguNzM3NjQgMTEuOTcgOC43Mzc2NFpNMTEuNDk5OSAxMC4xMDY0SDEyLjQ0OTlDMTIuODQ5OSAxMC4xMDY0IDEzLjE3OTkgMTAuNDM2MiAxMy4xNzk5IDEwLjgzNThWMTcuMjcwM0MxMy4xNzk5IDE3LjY2OTkgMTIuODQ5OSAxNy45OTk2IDEyLjQ0OTkgMTcuOTk5NkgxMS40OTk5QzExLjA5OTkgMTcuOTk5NiAxMC43Njk5IDE3LjY2OTkgMTAuNzY5OSAxNy4yNzAzVjEwLjgzNThDMTAuNzY5OSAxMC40MzYyIDExLjA5OTkgMTAuMTA2NCAxMS40OTk5IDEwLjEwNjRaIiBmaWxsPSIjNzk3Rjg1Ii8+DQo8L3N2Zz4NCg==);
6888            }
6889            .blu-modal.b-dialog.b-success .blu-modal__icon[data-v-c206562a] {
6890                background-color: #22a334;
6891                -webkit-mask-image: url(data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PSIwIDAgMjQgMjQiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+DQo8cGF0aCBkPSJNMTIgMkM2LjQ4IDIgMiA2LjQ4IDIgMTJDMiAxNy41MiA2LjQ4IDIyIDEyIDIyQzE3LjUyIDIyIDIyIDE3LjUyIDIyIDEyQzIyIDYuNDggMTcuNTIgMiAxMiAyWk0xNy4wNSA5LjExTDEyLjA2IDE2LjEyQzExLjg4IDE2LjM3IDExLjYgMTYuNTIgMTEuMjkgMTYuNTRIMTEuMjRDMTAuOTUgMTYuNTQgMTAuNjcgMTYuNDIgMTAuNDggMTYuMTlMNi45OSAxMi4xM0M2LjgyIDExLjkzIDYuNzMgMTEuNjcgNi43NSAxMS40MUM2Ljc3IDExLjE0IDYuODkgMTAuOSA3LjA5IDEwLjczQzcuNTEgMTAuMzcgOC4xNCAxMC40MiA4LjUgMTAuODRMMTEuMTYgMTMuOTNMMTUuNDEgNy45NkMxNS43MyA3LjUxIDE2LjM1IDcuNDEgMTYuOCA3LjczQzE3LjAyIDcuODggMTcuMTYgOC4xMSAxNy4yMSA4LjM4QzE3LjI1IDguNjQgMTcuMTkgOC45MSAxNy4wNCA5LjEyTDE3
6891LjA1IDkuMTFaIiBmaWxsPSIjNzk3Rjg1Ii8+DQo8L3N2Zz4=);
6892                mask-image: url(data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PSIwIDAgMjQgMjQiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+DQo8cGF0aCBkPSJNMTIgMkM2LjQ4IDIgMiA2LjQ4IDIgMTJDMiAxNy41MiA2LjQ4IDIyIDEyIDIyQzE3LjUyIDIyIDIyIDE3LjUyIDIyIDEyQzIyIDYuNDggMTcuNTIgMiAxMiAyWk0xNy4wNSA5LjExTDEyLjA2IDE2LjEyQzExLjg4IDE2LjM3IDExLjYgMTYuNTIgMTEuMjkgMTYuNTRIMTEuMjRDMTAuOTUgMTYuNTQgMTAuNjcgMTYuNDIgMTAuNDggMTYuMTlMNi45OSAxMi4xM0M2LjgyIDExLjkzIDYuNzMgMTEuNjcgNi43NSAxMS40MUM2Ljc3IDExLjE0IDYuODkgMTAuOSA3LjA5IDEwLjczQzcuNTEgMTAuMzcgOC4xNCAxMC40MiA4LjUgMTAuODRMMTEuMTYgMTMuOTNMMTUuNDEgNy45NkMxNS43MyA3LjUxIDE2LjM1IDcuNDEgMTYuOCA3LjczQzE3LjAyIDcuODggMTcuMTYgOC4xMSAxNy4yMSA4LjM4QzE3LjI1IDguNjQgMTcuMTkgOC45MSAxNy4wNCA5LjEyTDE3LjA1IDkuMTFaIiBmaWxsPSIjNzk3Rjg1Ii8+DQo8L3N2Zz4=);
6893            }
6894            .blu-modal.b-dialog.b-warning .blu-modal__icon[data-v-c206562a] {
6895                background-color: #38bdf8;
6896                -webkit-mask-image: url(data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PSIwIDAgMjQgMjQiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+DQo8cGF0aCBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGNsaXAtcnVsZT0iZXZlbm9kZCIgZD0iTTMuODc0MzYgMjFIMjAuMTE0NEgyMC4xMjQ0QzIxLjU1MzUgMjEgMjIuNDUyOSAxOS41MDM1IDIxLjc2MzQgMTguMjg2NEwxMy42NDg0IDMuOTUwMjZDMTIuOTM4OCAyLjY4MzI1IDExLjA2OTkgMi42ODMyNSAxMC4zNjA0IDMuOTUwMjZMMi4yMzUzNyAxOC4yOTY0QzEuNTQ1OCAxOS41MTM1IDIuNDU1MjQgMjEgMy44NzQzNiAyMVpNMTAuOTkgMTMuOTM3NEwxMC43MDAyIDkuMDk4ODdWNy43NTIwNUMxMC43MDAyIDcuMzMzMDQgMTEuMDQgNi45OTM4NCAxMS40NTk3IDYuOTkzODRIMTIuNjA5QzEzLjAyODggNi45OTM4NCAxMy4zNjg2IDcuMzMzMDQgMTMuMzY4NiA3Ljc1MjA1VjkuMTA4ODRMMTMuMDg4NyAxMy45Mjc1QzEzLjA2ODcgMTQuMzI2NSAxMi43Mzg5IDE0LjYzNTggMTIuMzI5MiAxNC42MzU4SDExLjc0OTVDMTEuMzQ5OCAxNC42MzU4IDExLjAyIDE0LjMyNjUgMTAuOTkgMTMuOTI3NVYxMy45Mzc0Wk0xMS45OTk0IDE4Ljk2NTJDMTIuNzg4NyAxOC45NjUyIDEzLjQyODYgMTguMzI2NSAxMy40Mjg2IDE3LjUzODZDMTMuNDI4NiAxNi43NTA3IDEyLjc4ODcgMTYuMTEyIDExLjk5OTQgMTYuMTEyQzExLjIxMDIgMTYuMTEyIDEwLjU3MDMgMTYuNzUwNyAxMC41NzAzIDE3LjUzODZDMTAuNTcwMyAxOC4zMjY1IDExLjIxMDIgMTguOTY1MiAxMS45OTk0IDE4Ljk2NTJaIiBmaWxsPSIjNzk3Rjg1Ii8+DQo8L3N2Zz4NCg==);
6897                mask-image: url(data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PSIwIDAgMjQgMjQiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+DQo8cGF0aCBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGNsaXAtcnVsZT0iZXZlbm9kZCIgZD0iTTMuODc0MzYgMjFIMjAuMTE0NEgyMC4xMjQ0QzIxLjU1MzUgMjEgMjIuNDUyOSAxOS41MDM1IDIxLjc2MzQgMTguMjg2NEwxMy42NDg0IDMuOTUwMjZDMTIuOTM4OCAyLjY4MzI1IDExLjA2OTkgMi42ODMyNSAxMC4zNjA0IDMuOTUwMjZMMi4yMzUzNyAxOC4yOTY0QzEuNTQ1OCAxOS41MTM1IDIuNDU1MjQgMjEgMy44NzQzNiAyMVpNMTAuOTkgMTMuOTM3NEwxMC43MDAyIDkuMDk4ODdWNy43NTIwNUMxMC43MDAyIDcuMzMzMDQgMTEuMDQgNi45OTM4NCAxMS40NTk3IDYuOTkzODRIMTIuNjA5QzEzLjAyODggNi45OTM4NCAxMy4zNjg2IDcuMzMzMDQgMTMuMzY4NiA3Ljc1MjA1VjkuMTA4ODRMMTMuMDg4NyAxMy45Mjc1QzEzLjA2ODcgMTQuMzI2NSAxMi43Mzg5IDE0LjYzNTggMTIuMzI5MiAxNC42MzU4SDExLjc0OTVDMTEuMzQ5OCAxNC42MzU4IDExLjAyIDE0LjMyNjUgMTAuOTkgMTMuOTI3NVYxMy45Mzc0Wk0xMS45OTk0IDE4Ljk2NTJDMTIuNzg4NyAxOC45NjUyIDEzLjQyODYgMTguMzI2NSAxMy40Mjg2IDE3LjUzODZDMTMuNDI4NiAxNi43NTA3IDEyLjc4ODcgMTYuMTEyIDExLjk5OTQgMTYuMTEyQzExLjIxMDIgMTYuMTEyIDEwLjU3MDMgMTYuNzUwNyAxMC41NzAzIDE3LjUzODZDMTAuNTcwMyAxOC4zMjY1IDExLjIxMDIgMTguOTY1MiAxMS45OTk0IDE4Ljk2NTJaIiBmaWxsPSIjNzk3Rjg1Ii8+DQo8L3N2Zz4NCg==);
6898            }
6899            .blu-modal.b-dialog.b-danger .blu-modal__icon[data-v-c206562a] {
6900                background-color: #ff4646;
6901                -webkit-mask-image: url(data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PSIwIDAgMjQgMjQiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+DQo8cGF0aCBkPSJNMTIgMkM2LjQ4IDIgMiA2LjQ4IDIgMTJDMiAxNy41MiA2LjQ4IDIyIDEyIDIyQzE3LjUyIDIyIDIyIDE3LjUyIDIyIDEyQzIyIDYuNDggMTcuNTIgMiAxMiAyWk0xNi4yNCAxNC44M0MxNi42MyAxNS4yMiAxNi42MyAxNS44NSAxNi4yNCAxNi4yNEMxNS44NSAxNi42MyAxNS4yMiAxNi42MyAxNC44MyAxNi4yNEwxMiAxMy40MUw5LjE3IDE2LjI0QzguNzggMTYuNjMgOC4xNSAxNi42MyA3Ljc2IDE2LjI0QzcuMzcgMTUuODUgNy4zNyAxNS4yMiA3Ljc2IDE0LjgzTDEwLjU5IDEyTDcuNzYgOS4xN0M3LjM3IDguNzggNy4zNyA4LjE1IDcuNzYgNy43NkM4LjE1IDcuMzcgOC43OCA3LjM3IDkuMTcgNy43NkwxMiAxMC41OUwxNC44MyA3Ljc2QzE1LjIyIDcuMzcgMTUuODUgNy4zNyAxNi4yNCA3Ljc2QzE2LjYzIDguMTUgMTYuNjMgOC43OCAxNi4yNCA5LjE3TDEzLjQxIDEyTDE2LjI0IDE0LjgzWiIgZmlsbD0iIzc5N0Y4NSIvPg0KPC9zdmc+);
6902                mask-image: url(data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PSIwIDAgMjQgMjQiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+DQo8cGF0aCBkPSJNMTIgMkM2LjQ4IDIgMiA2LjQ4IDIgMTJDMiAxNy41MiA2LjQ4IDIyIDEyIDIyQzE3LjUyIDIyIDIyIDE3LjUyIDIyIDEyQzIyIDYuNDggMTcuNTIgMiAxMiAyWk0xNi4yNCAxNC44M0MxNi42MyAxNS4yMiAxNi42MyAxNS44NSAxNi4yNCAxNi4yNEMxNS44NSAxNi42MyAxNS4yMiAxNi42MyAxNC44MyAxNi4yNEwxMiAxMy40MUw5LjE3IDE2LjI0QzguNzggMTYuNjMgOC4xNSAxNi42MyA3Ljc2IDE2LjI0QzcuMzcgMTUuODUgNy4zNyAxNS4yMiA3Ljc2IDE0LjgzTDEwLjU5IDEyTDcuNzYgOS4xN0M3LjM3IDguNzggNy4zNyA4LjE1IDcuNzYgNy43NkM4LjE1IDcuMzcgOC43OCA3LjM3IDkuMTcgNy43NkwxMiAxMC41OUwxNC44MyA3Ljc2QzE1LjIyIDcuMzcgMTUuODUgNy4zNyAxNi4yNCA3Ljc2QzE2LjYzIDguMTUgMTYuNjMgOC43OCAxNi4yNCA5LjE3TDEzLjQxIDEyTDE2LjI0IDE0LjgzWiIgZmlsbD0iIzc5N0Y4NSIvPg0KPC9zdmc+);
6903            }
6904            @media screen and (max-width: 768px) {
6905                .blu-modal.b-full-screen .blu-modal__container[data-v-c206562a] {
6906                    min-height: 100%;
6907                    border-radius: unset;
6908                    padding-top: 0;
6909                }
6910                .blu-modal.b-full-screen .blu-modal__close[data-v-c206562a] {
6911                    display: none;
6912                }
6913            }
6914        </style>
6915        <style type="text/css">
6916            .blu-ripple[data-v-65e7601e] {
6917                width: 100%;
6918                height: 100%;
6919                position: relative;
6920                overflow: hidden;
6921                display: flex;
6922                justify-content: center;
6923                align-items: center;
6924                -webkit-box-pack: center;
6925                -webkit-box-align: center;
6926                -webkit-mask-image: radial-gradient(circle, #ffffff 100%, #000000 100%);
6927                padding: 0 12px;
6928            }
6929            .blu-ripple-wave[data-v-65e7601e] {
6930                position: absolute;
6931                z-index: 1;
6932                pointer-events: none;
6933                background: currentColor;
6934                border-radius: 50%;
6935                opacity: 0;
6936                transform: scale(2) translateZ(0);
6937            }
6938            .blu-ripple-wave.b-centered[data-v-65e7601e] {
6939                animation-duration: 1.2s;
6940                top: 50%;
6941                left: 50%;
6942            }
6943            .blu-ripple-wave ~ *[data-v-65e7601e]:not(.blu-ripple-wave) {
6944                position: relative;
6945                z-index: 2;
6946            }
6947            .blu-ripple-enter-active[data-v-65e7601e] {
6948                transition: 2s cubic-bezier(0.25, 0.8, 0.25, 1);
6949                transition-property: opacity, transform;
6950                will-change: opacity, transform;
6951            }
6952            .blu-ripple-enter-active.b-centered[data-v-65e7601e] {
6953                transition-duration: 1.2s;
6954            }
6955            .blu-ripple-enter[data-v-65e7601e] {
6956                opacity: 0.26;
6957                transform: scale(0.26) translateZ(0);
6958            }
6959            .has-left-icon .blu-ripple svg[data-v-65e7601e] {
6960                margin-right: 8px;
6961            }
6962            .has-left-icon.b-small svg[data-v-65e7601e] {
6963                transform-origin: left;
6964                margin-right: 4px;
6965            }
6966            .b-large .blu-ripple[data-v-65e7601e] {
6967                padding: 0 16px;
6968            }
6969            .b-small .blu-ripple[data-v-65e7601e] {
6970                padding: 0 8px;
6971            }
6972            .b-small svg[data-v-65e7601e] {
6973                width: 18px;
6974                height: 18px;
6975            }
6976            .b-icon .blu-ripple[data-v-65e7601e] {
6977                padding: 0;
6978            }
6979            .b-loading .blu-loader-wrapper[data-v-65e7601e] {
6980                height: 24px;
6981                position: absolute;
6982            }
6983            .b-loading .blu-ripple[data-v-65e7601e] {
6984                color: rgba(0, 0, 0, 0);
6985            }
6986            .b-loading .blu-ripple > svg[data-v-65e7601e] {
6987                visibility: hidden;
6988            }
6989            .b-loading .blu-ripple .blu-ripple-wave[data-v-65e7601e] {
6990                color: #fff;
6991            }
6992            .b-loading.b-white .blu-ripple-wave[data-v-65e7601e] {
6993                color: #0072ff;
6994            }
6995            .b-loading.b-outline.b-secondary .blu-ripple-wave[data-v-65e7601e] {
6996                color: #0072ff;
6997            }
6998            .b-loading.b-outline.b-primary .blu-ripple-wave[data-v-65e7601e] {
6999                color: #0ea5e9;
7000            }
7001            .b-loading.b-ghost.b-secondary .blu-ripple-wave[data-v-65e7601e] {
7002                color: #0072ff;
7003            }
7004            .b-loading.b-ghost.b-primary .blu-ripple-wave[data-v-65e7601e] {
7005                color: #0ea5e9;
7006            }
7007            .blu-input-stepper .blu-btn .blu-ripple[data-v-65e7601e] {
7008                padding: 0;
7009                width: 24px;
7010                height: 24px;
7011                border-radius: 50%;
7012            }
7013            .blu-input-stepper .blu-btn .blu-ripple svg[data-v-65e7601e] {
7014                width: 18px;
7015                height: 18px;
7016                margin-left: 1px;
7017            }
7018            .blu-input-stepper .blu-btn .blu-ripple-enter-active[data-v-65e7601e] {
7019                background: #0072ff;
7020            }
7021            .b-disabled[data-v-65e7601e] {
7022                opacity: 1;
7023            }
7024            .blu-btn-dropdown .blu-ripple > svg + div[data-v-65e7601e] {
7025                margin-left: 8px;
7026            }
7027            .blu-modal__mask[data-v-65e7601e] {
7028                transition: opacity 0.3s ease;
7029                position: fixed;
7030                z-index: 999;
7031                top: 0;
7032                left: 0;
7033                width: 100%;
7034                height: 100%;
7035                background-color: rgba(0, 0, 0, 0.6);
7036                display: flex;
7037                flex-direction: column;
7038                justify-content: center;
7039                align-items: center;
7040            }
7041            .blu-modal__container[data-v-65e7601e] {
7042                transition: opacity 0.3s ease;
7043                width: 90%;
7044                max-width: 500px;
7045                max-height: calc(100% - 50px);
7046                height: auto;
7047                background: #fff;
7048                box-shadow: 0 1px 6px 0 rgba(0, 0, 0, 0.1);
7049                position: fixed;
7050                z-index: 1000;
7051                display: flex;
7052                flex-direction: column;
7053            }
7054            @media screen and (max-width: 768px) {
7055                .blu-modal__container[data-v-65e7601e] {
7056                    max-height: calc(100% - 40px);
7057                }
7058            }
7059            @media screen and (min-width: 769px), print {
7060                .blu-modal__container[data-v-65e7601e] {
7061                    top: 50%;
7062                    left: 50%;
7063                    -webkit-transform: translate(-50%, -50%);
7064                    -moz-transform: translate(-50%, -50%);
7065                    -ms-transform: translate(-50%, -50%);
7066                    -o-transform: translate(-50%, -50%);
7067                    transform: translate(-50%, -50%);
7068                }
7069            }
7070            .blu-modal__heading[data-v-65e7601e] {
7071                font:
7072                    24px/28px "blibli demi bold",
7073                    -apple-system,
7074                    segoe ui,
7075                    roboto,
7076                    helvetica,
7077                    arial,
7078                    sans-serif;
7079                margin-bottom: 8px;
7080            }
7081            @media screen and (max-width: 768px) {
7082                .blu-modal__heading[data-v-65e7601e] {
7083                    font:
7084                        20px/24px "blibli demi bold",
7085                        -apple-system,
7086                        segoe ui,
7087                        roboto,
7088                        helvetica,
7089                        arial,
7090                        sans-serif;
7091                    margin-bottom: 0px;
7092                }
7093            }
7094            .blu-modal__body[data-v-65e7601e] {
7095                max-height: var(--max-height-modal-body);
7096                overflow-x: auto;
7097                color: rgba(25, 34, 42, 0.7019607843);
7098                margin-right: 0px;
7099                overscroll-behavior: contain;
7100            }
7101            @media screen and (min-width: 769px), print {
7102                .blu-modal__body[data-v-65e7601e] {
7103                    font:
7104                        16px/20px "blibli",
7105                        -apple-system,
7106                        segoe ui,
7107                        roboto,
7108                        helvetica,
7109                        arial,
7110                        sans-serif;
7111                }
7112            }
7113            @media screen and (max-width: 768px) {
7114                .blu-modal__body[data-v-65e7601e] {
7115                    font:
7116                        14px/18px "blibli",
7117                        -apple-system,
7118                        segoe ui,
7119                        roboto,
7120                        helvetica,
7121                        arial,
7122                        sans-serif;
7123                }
7124            }
7125            .blu-modal__footer[data-v-65e7601e] {
7126                text-align: right;
7127            }
7128            @media screen and (max-width: 768px) {
7129                .blu-modal__footer[data-v-65e7601e] {
7130                    margin-top: auto;
7131                }
7132            }
7133            .blu-modal.b-dialog .blu-modal__body[data-v-65e7601e] {
7134                margin-bottom: 40px;
7135            }
7136            @media screen and (max-width: 768px) {
7137                .blu-modal.b-dialog .blu-modal__body[data-v-65e7601e] {
7138                    margin-bottom: 32px;
7139                }
7140            }
7141            .blu-modal.b-dialog .blu-modal__container[data-v-65e7601e] {
7142                border-radius: 16px;
7143            }
7144            @media screen and (min-width: 769px), print {
7145                .blu-modal.b-dialog .blu-modal__container[data-v-65e7601e] {
7146                    padding: 24px 24px 16px;
7147                }
7148            }
7149            @media screen and (max-width: 768px) {
7150                .blu-modal.b-dialog .blu-modal__container[data-v-65e7601e] {
7151                    padding: 24px 24px 16px;
7152                    top: 50%;
7153                    left: 50%;
7154                    -webkit-transform: translate(-50%, -50%);
7155                    -moz-transform: translate(-50%, -50%);
7156                    -ms-transform: translate(-50%, -50%);
7157                    -o-transform: translate(-50%, -50%);
7158                    transform: translate(-50%, -50%);
7159                }
7160            }
7161            .blu-modal.b-dialog .blu-modal__container[data-v-65e7601e]:before,
7162            .blu-modal.b-dialog .blu-modal__container[data-v-65e7601e]:after {
7163                content: "";
7164                width: calc(100% - 60px);
7165                margin: 0 30px;
7166                border-radius: 0 0 24px 24px;
7167                position: absolute;
7168                left: 0;
7169            }
7170            .blu-modal.b-dialog .blu-modal__container[data-v-65e7601e]:before {
7171                height: 9px;
7172                bottom: -9px;
7173                z-index: 2;
7174                background: linear-gradient(0deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.12) 100%);
7175            }
7176            .blu-modal.b-dialog .blu-modal__container[data-v-65e7601e]:after {
7177                height: 16px;
7178                border-top: #fff 1px solid;
7179                bottom: -15px;
7180            }
7181            .blu-modal.b-dialog .blu-modal__close[data-v-65e7601e] {
7182                display: none;
7183            }
7184            .blu-modal.b-dialog.b-info .blu-modal__container[data-v-65e7601e]:after {
7185                background-color: #1d8fff;
7186            }
7187            .blu-modal.b-dialog.b-success .blu-modal__container[data-v-65e7601e]:after {
7188                background-color: #22a334;
7189            }
7190            .blu-modal.b-dialog.b-warning .blu-modal__container[data-v-65e7601e]:after {
7191                background-color: #38bdf8;
7192            }
7193            .blu-modal.b-dialog.b-danger .blu-modal__container[data-v-65e7601e]:after {
7194                background-color: #ff4646;
7195            }
7196            .blu-modal.b-page .blu-modal__body[data-v-65e7601e] {
7197                color: rgba(25, 34, 42, 0.7019607843);
7198            }
7199            @media screen and (min-width: 769px), print {
7200                .blu-modal.b-page .blu-modal__body[data-v-65e7601e] {
7201                    padding: 0 24px;
7202                }
7203            }
7204            @media screen and (max-width: 768px) {
7205                .blu-modal.b-page .blu-modal__body[data-v-65e7601e] {
7206                    padding: 0 16px;
7207                    padding-bottom: calc(env(safe-area-inset-bottom) + 4px);
7208                    overflow-y: auto;
7209                }
7210            }
7211            .blu-modal.b-page .blu-modal__body[data-v-65e7601e]::before {
7212                content: "";
7213                background: #fff;
7214                height: 20px;
7215                width: 100%;
7216                left: 0;
7217                bottom: 0;
7218                position: fixed;
7219            }
7220            @media screen and (min-width: 769px), print {
7221                .blu-modal.b-page .blu-modal__body[data-v-65e7601e]::before {
7222                    display: none;
7223                }
7224            }
7225            @media screen and (min-width: 769px), print {
7226                .blu-modal.b-page .blu-modal__container[data-v-65e7601e] {
7227                    border-radius: 16px;
7228                    padding-top: 32px;
7229                }
7230            }
7231            @media screen and (max-width: 768px) {
7232                .blu-modal.b-page .blu-modal__container[data-v-65e7601e] {
7233                    padding-top: 24px;
7234                    width: 100%;
7235                    max-width: 100%;
7236                    height: auto;
7237                    border-radius: 16px 16px 0 0;
7238                    left: 0;
7239                    bottom: 0;
7240                    padding-top: 24px;
7241                    padding-bottom: calc(env(safe-area-inset-bottom) + 16px);
7242                }
7243            }
7244            @media screen and (min-width: 769px), print {
7245                .blu-modal.b-page .blu-modal__footer[data-v-65e7601e] {
7246                    padding: 24px 24px;
7247                }
7248            }
7249            @media screen and (max-width: 768px) {
7250                .blu-modal.b-page .blu-modal__footer[data-v-65e7601e] {
7251                    width: 100%;
7252                    padding: 16px;
7253                    transition: all 0.3s cubic-bezier(0, 0, 0.2, 1.2);
7254                    bottom: 0;
7255                    padding-bottom: env(safe-area-inset-bottom);
7256                    background: #fff;
7257                }
7258            }
7259            .blu-modal.b-page .blu-modal__footer[data-v-65e7601e]::before {
7260                content: "";
7261                background: #fff;
7262                height: 20px;
7263                width: 100%;
7264                left: 0;
7265                bottom: 0;
7266                position: fixed;
7267            }
7268            @media screen and (min-width: 769px), print {
7269                .blu-modal.b-page .blu-modal__footer[data-v-65e7601e]::before {
7270                    display: none;
7271                }
7272            }
7273            @media screen and (min-width: 769px), print {
7274                .blu-modal.b-page .blu-modal__header[data-v-65e7601e] {
7275                    padding: 0 24px;
7276                }
7277            }
7278            @media screen and (max-width: 768px) {
7279                .blu-modal.b-page .blu-modal__header[data-v-65e7601e] {
7280                    padding: 0 16px;
7281                }
7282            }
7283            .blu-modal.b-page .blu-modal__icon[data-v-65e7601e] {
7284                display: none;
7285            }
7286            @media screen and (max-width: 768px) {
7287                .blu-modal.b-page.fade-enter-active[data-v-65e7601e],
7288                .blu-modal.b-page.fade-leave-active[data-v-65e7601e] {
7289                    transition: opacity 0.3s;
7290                }
7291                .blu-modal.b-page.fade-enter-active .blu-modal__container[data-v-65e7601e],
7292                .blu-modal.b-page.fade-leave-active .blu-modal__container[data-v-65e7601e] {
7293                    transition: bottom 0.3s;
7294                    transition: all 0.3s cubic-bezier(0, 0, 0.2, 1.2);
7295                    bottom: 0;
7296                }
7297                .blu-modal.b-page.fade-enter-active[data-v-65e7601e] {
7298                    transition: opacity 0.3s cubic-bezier(0, 0, 0.2, 1.2);
7299                }
7300                .blu-modal.b-page.fade-leave-active[data-v-65e7601e] {
7301                    transition: opacity 0.3s cubic-bezier(0.8, 0, 1, 1);
7302                }
7303                .blu-modal.b-page.fade-enter .blu-modal__container[data-v-65e7601e],
7304                .blu-modal.b-page.fade-leave-to .blu-modal__container[data-v-65e7601e] {
7305                    bottom: -96vh;
7306                }
7307            }
7308            .blu-modal.b-no-button .blu-modal__container[data-v-65e7601e] {
7309                padding-bottom: 20px;
7310            }
7311            @media screen and (max-width: 768px) {
7312                .blu-modal.b-no-button .blu-modal__body[data-v-65e7601e] {
7313                    padding-bottom: env(safe-area-inset-bottom);
7314                }
7315            }
7316            .blu-modal.b-no-button .blu-modal__footer[data-v-65e7601e] {
7317                display: none;
7318            }
7319            .fade-enter-active[data-v-65e7601e],
7320            .fade-leave-active[data-v-65e7601e] {
7321                position: absolute;
7322                z-index: 998;
7323                transition: opacity 0.3s;
7324            }
7325            .fade-enter[data-v-65e7601e],
7326            .fade-leave-to[data-v-65e7601e] {
7327                opacity: 0;
7328            }
7329            img[data-v-65e7601e] {
7330                max-width: 100%;
7331            }
7332            .blu-modal.b-dialog .blu-modal__icon[data-v-65e7601e] {
7333                width: 40px;
7334                height: 40px;
7335                margin-bottom: 40px;
7336            }
7337            @media screen and (max-width: 768px) {
7338                .blu-modal.b-dialog .blu-modal__icon[data-v-65e7601e] {
7339                    width: 24px;
7340                    height: 24px;
7341                    margin-bottom: 32px;
7342                }
7343            }
7344            .blu-modal.b-dialog.b-info .blu-modal__icon[data-v-65e7601e] {
7345                background-color: #1d8fff;
7346                -webkit-mask-image: url(data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PSIwIDAgMjQgMjQiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+DQo8cGF0aCBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGNsaXAtcnVsZT0iZXZlbm9kZCIgZD0iTTIgMTJDMiA2LjQ4IDYuNDggMiAxMiAyQzE3LjUyIDIgMjIgNi40OCAyMiAxMkMyMiAxNy41MiAxNy41MiAyMiAxMiAyMkM2LjQ4IDIyIDIgMTcuNTIgMiAxMlpNMTEuOTcgOC43Mzc2NEMxMi43MjY2IDguNzM3NjQgMTMuMzQgOC4xMjQ4IDEzLjM0IDcuMzY4ODJDMTMuMzQgNi42MTI4NCAxMi43MjY2IDYgMTEuOTcgNkMxMS4yMTM0IDYgMTAuNiA2LjYxMjg0IDEwLjYgNy4zNjg4MkMxMC42IDguMTI0OCAxMS4yMTM0IDguNzM3NjQgMTEuOTcgOC43Mzc2NFpNMTEuNDk5OSAxMC4xMDY0SDEyLjQ0OTlDMTIuODQ5OSAxMC4xMDY0IDEzLjE3OTkgMTAuNDM2MiAxMy4xNzk5IDEwLjgzNThWMTcuMjcwM0MxMy4xNzk5IDE3LjY2OTkgMTIuODQ5OSAxNy45OTk2IDEyLjQ0OTkgMTcuOTk5NkgxMS40OTk5QzExLjA5OTkgMTcuOTk5NiAxMC43Njk5IDE3LjY2OTkgMTAuNzY5OSAxNy4yNzAzVjEwLjgzNThDMTAuNzY5OSAxMC40MzYyIDExLjA5OTkgMTAuMTA2NCAxMS40OTk5IDEwLjEwNjRaIiBmaWxsPSIjNzk3Rjg1Ii8+DQo8L3N2Zz4NCg==);
7347                mask-image: url(data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PSIwIDAgMjQgMjQiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+DQo8cGF0aCBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGNsaXAtcnVsZT0iZXZlbm9kZCIgZD0iTTIgMTJDMiA2LjQ4IDYuNDggMiAxMiAyQzE3LjUyIDIgMjIgNi40OCAyMiAxMkMyMiAxNy41MiAxNy41MiAyMiAxMiAyMkM2LjQ4IDIyIDIgMTcuNTIgMiAxMlpNMTEuOTcgOC43Mzc2NEMxMi43MjY2IDguNzM3NjQgMTMuMzQgOC4xMjQ4IDEzLjM0IDcuMzY4ODJDMTMuMzQgNi42MTI4NCAxMi43MjY2IDYgMTEuOTcgNkMxMS4yMTM0IDYgMTAuNiA2LjYxMjg0IDEwLjYgNy4zNjg4MkMxMC42IDguMTI0OCAxMS4yMTM0IDguNzM3NjQgMTEuOTcgOC43Mzc2NFpNMTEuNDk5OSAxMC4xMDY0SDEyLjQ0OTlDMTIuODQ5OSAxMC4xMDY0IDEzLjE3OTkgMTAuNDM2MiAxMy4xNzk5IDEwLjgzNThWMTcuMjcwM0MxMy4xNzk5IDE3LjY2OTkgMTIuODQ5OSAxNy45OTk2IDEyLjQ0OTkgMTcuOTk5NkgxMS40OTk5QzExLjA5OTkgMTcuOTk5NiAxMC43Njk5IDE3LjY2OTkgMTAuNzY5OSAxNy4yNzAzVjEwLjgzNThDMTAuNzY5OSAxMC40MzYyIDExLjA5OTkgMTAuMTA2NCAxMS40OTk5IDEwLjEwNjRaIiBmaWxsPSIjNzk3Rjg1Ii8+DQo8L3N2Zz4NCg==);
7348            }
7349            .blu-modal.b-dialog.b-success .blu-modal__icon[data-v-65e7601e] {
7350                background-color: #22a334;
7351                -webkit-mask-image: url(data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PSIwIDAgMjQgMjQiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+DQo8cGF0aCBkPSJNMTIgMkM2LjQ4IDIgMiA2LjQ4IDIgMTJDMiAxNy41MiA2LjQ4IDIyIDEyIDIyQzE3LjUyIDIyIDIyIDE3LjUyIDIyIDEyQzIyIDYuNDggMTcuNTIgMiAxMiAyWk0xNy4wNSA5LjExTDEyLjA2IDE2LjEyQzExLjg4IDE2LjM3IDExLjYgMTYuNTIgMTEuMjkgMTYuNTRIMTEuMjRDMTAuOTUgMTYuNTQgMTAuNjcgMTYuNDIgMTAuNDggMTYuMTlMNi45OSAxMi4xM0M2LjgyIDExLjkzIDYuNzMgMTEuNjcgNi43NSAxMS40MUM2Ljc3IDExLjE0IDYuODkgMTAuOSA3LjA5IDEwLjczQzcuNTEgMTAuMzcgOC4xNCAxMC40MiA4LjUgMTAuODRMMTEuMTYgMTMuOTNMMTUuNDEgNy45NkMxNS43MyA3LjUxIDE2LjM1IDcuNDEgMTYuOCA3LjczQzE3LjAyIDcuODggMTcuMTYgOC4xMSAxNy4yMSA4LjM4QzE3LjI1IDguNjQgMTcuMTkgOC45MSAxNy4wNCA5LjEyTDE3
7351LjA1IDkuMTFaIiBmaWxsPSIjNzk3Rjg1Ii8+DQo8L3N2Zz4=);
7352                mask-image: url(data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PSIwIDAgMjQgMjQiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+DQo8cGF0aCBkPSJNMTIgMkM2LjQ4IDIgMiA2LjQ4IDIgMTJDMiAxNy41MiA2LjQ4IDIyIDEyIDIyQzE3LjUyIDIyIDIyIDE3LjUyIDIyIDEyQzIyIDYuNDggMTcuNTIgMiAxMiAyWk0xNy4wNSA5LjExTDEyLjA2IDE2LjEyQzExLjg4IDE2LjM3IDExLjYgMTYuNTIgMTEuMjkgMTYuNTRIMTEuMjRDMTAuOTUgMTYuNTQgMTAuNjcgMTYuNDIgMTAuNDggMTYuMTlMNi45OSAxMi4xM0M2LjgyIDExLjkzIDYuNzMgMTEuNjcgNi43NSAxMS40MUM2Ljc3IDExLjE0IDYuODkgMTAuOSA3LjA5IDEwLjczQzcuNTEgMTAuMzcgOC4xNCAxMC40MiA4LjUgMTAuODRMMTEuMTYgMTMuOTNMMTUuNDEgNy45NkMxNS43MyA3LjUxIDE2LjM1IDcuNDEgMTYuOCA3LjczQzE3LjAyIDcuODggMTcuMTYgOC4xMSAxNy4yMSA4LjM4QzE3LjI1IDguNjQgMTcuMTkgOC45MSAxNy4wNCA5LjEyTDE3LjA1IDkuMTFaIiBmaWxsPSIjNzk3Rjg1Ii8+DQo8L3N2Zz4=);
7353            }
7354            .blu-modal.b-dialog.b-warning .blu-modal__icon[data-v-65e7601e] {
7355                background-color: #38bdf8;
7356                -webkit-mask-image: url(data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PSIwIDAgMjQgMjQiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+DQo8cGF0aCBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGNsaXAtcnVsZT0iZXZlbm9kZCIgZD0iTTMuODc0MzYgMjFIMjAuMTE0NEgyMC4xMjQ0QzIxLjU1MzUgMjEgMjIuNDUyOSAxOS41MDM1IDIxLjc2MzQgMTguMjg2NEwxMy42NDg0IDMuOTUwMjZDMTIuOTM4OCAyLjY4MzI1IDExLjA2OTkgMi42ODMyNSAxMC4zNjA0IDMuOTUwMjZMMi4yMzUzNyAxOC4yOTY0QzEuNTQ1OCAxOS41MTM1IDIuNDU1MjQgMjEgMy44NzQzNiAyMVpNMTAuOTkgMTMuOTM3NEwxMC43MDAyIDkuMDk4ODdWNy43NTIwNUMxMC43MDAyIDcuMzMzMDQgMTEuMDQgNi45OTM4NCAxMS40NTk3IDYuOTkzODRIMTIuNjA5QzEzLjAyODggNi45OTM4NCAxMy4zNjg2IDcuMzMzMDQgMTMuMzY4NiA3Ljc1MjA1VjkuMTA4ODRMMTMuMDg4NyAxMy45Mjc1QzEzLjA2ODcgMTQuMzI2NSAxMi43Mzg5IDE0LjYzNTggMTIuMzI5MiAxNC42MzU4SDExLjc0OTVDMTEuMzQ5OCAxNC42MzU4IDExLjAyIDE0LjMyNjUgMTAuOTkgMTMuOTI3NVYxMy45Mzc0Wk0xMS45OTk0IDE4Ljk2NTJDMTIuNzg4NyAxOC45NjUyIDEzLjQyODYgMTguMzI2NSAxMy40Mjg2IDE3LjUzODZDMTMuNDI4NiAxNi43NTA3IDEyLjc4ODcgMTYuMTEyIDExLjk5OTQgMTYuMTEyQzExLjIxMDIgMTYuMTEyIDEwLjU3MDMgMTYuNzUwNyAxMC41NzAzIDE3LjUzODZDMTAuNTcwMyAxOC4zMjY1IDExLjIxMDIgMTguOTY1MiAxMS45OTk0IDE4Ljk2NTJaIiBmaWxsPSIjNzk3Rjg1Ii8+DQo8L3N2Zz4NCg==);
7357                mask-image: url(data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PSIwIDAgMjQgMjQiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+DQo8cGF0aCBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGNsaXAtcnVsZT0iZXZlbm9kZCIgZD0iTTMuODc0MzYgMjFIMjAuMTE0NEgyMC4xMjQ0QzIxLjU1MzUgMjEgMjIuNDUyOSAxOS41MDM1IDIxLjc2MzQgMTguMjg2NEwxMy42NDg0IDMuOTUwMjZDMTIuOTM4OCAyLjY4MzI1IDExLjA2OTkgMi42ODMyNSAxMC4zNjA0IDMuOTUwMjZMMi4yMzUzNyAxOC4yOTY0QzEuNTQ1OCAxOS41MTM1IDIuNDU1MjQgMjEgMy44NzQzNiAyMVpNMTAuOTkgMTMuOTM3NEwxMC43MDAyIDkuMDk4ODdWNy43NTIwNUMxMC43MDAyIDcuMzMzMDQgMTEuMDQgNi45OTM4NCAxMS40NTk3IDYuOTkzODRIMTIuNjA5QzEzLjAyODggNi45OTM4NCAxMy4zNjg2IDcuMzMzMDQgMTMuMzY4NiA3Ljc1MjA1VjkuMTA4ODRMMTMuMDg4NyAxMy45Mjc1QzEzLjA2ODcgMTQuMzI2NSAxMi43Mzg5IDE0LjYzNTggMTIuMzI5MiAxNC42MzU4SDExLjc0OTVDMTEuMzQ5OCAxNC42MzU4IDExLjAyIDE0LjMyNjUgMTAuOTkgMTMuOTI3NVYxMy45Mzc0Wk0xMS45OTk0IDE4Ljk2NTJDMTIuNzg4NyAxOC45NjUyIDEzLjQyODYgMTguMzI2NSAxMy40Mjg2IDE3LjUzODZDMTMuNDI4NiAxNi43NTA3IDEyLjc4ODcgMTYuMTEyIDExLjk5OTQgMTYuMTEyQzExLjIxMDIgMTYuMTEyIDEwLjU3MDMgMTYuNzUwNyAxMC41NzAzIDE3LjUzODZDMTAuNTcwMyAxOC4zMjY1IDExLjIxMDIgMTguOTY1MiAxMS45OTk0IDE4Ljk2NTJaIiBmaWxsPSIjNzk3Rjg1Ii8+DQo8L3N2Zz4NCg==);
7358            }
7359            .blu-modal.b-dialog.b-danger .blu-modal__icon[data-v-65e7601e] {
7360                background-color: #ff4646;
7361                -webkit-mask-image: url(data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PSIwIDAgMjQgMjQiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+DQo8cGF0aCBkPSJNMTIgMkM2LjQ4IDIgMiA2LjQ4IDIgMTJDMiAxNy41MiA2LjQ4IDIyIDEyIDIyQzE3LjUyIDIyIDIyIDE3LjUyIDIyIDEyQzIyIDYuNDggMTcuNTIgMiAxMiAyWk0xNi4yNCAxNC44M0MxNi42MyAxNS4yMiAxNi42MyAxNS44NSAxNi4yNCAxNi4yNEMxNS44NSAxNi42MyAxNS4yMiAxNi42MyAxNC44MyAxNi4yNEwxMiAxMy40MUw5LjE3IDE2LjI0QzguNzggMTYuNjMgOC4xNSAxNi42MyA3Ljc2IDE2LjI0QzcuMzcgMTUuODUgNy4zNyAxNS4yMiA3Ljc2IDE0LjgzTDEwLjU5IDEyTDcuNzYgOS4xN0M3LjM3IDguNzggNy4zNyA4LjE1IDcuNzYgNy43NkM4LjE1IDcuMzcgOC43OCA3LjM3IDkuMTcgNy43NkwxMiAxMC41OUwxNC44MyA3Ljc2QzE1LjIyIDcuMzcgMTUuODUgNy4zNyAxNi4yNCA3Ljc2QzE2LjYzIDguMTUgMTYuNjMgOC43OCAxNi4yNCA5LjE3TDEzLjQxIDEyTDE2LjI0IDE0LjgzWiIgZmlsbD0iIzc5N0Y4NSIvPg0KPC9zdmc+);
7362                mask-image: url(data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PSIwIDAgMjQgMjQiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+DQo8cGF0aCBkPSJNMTIgMkM2LjQ4IDIgMiA2LjQ4IDIgMTJDMiAxNy41MiA2LjQ4IDIyIDEyIDIyQzE3LjUyIDIyIDIyIDE3LjUyIDIyIDEyQzIyIDYuNDggMTcuNTIgMiAxMiAyWk0xNi4yNCAxNC44M0MxNi42MyAxNS4yMiAxNi42MyAxNS44NSAxNi4yNCAxNi4yNEMxNS44NSAxNi42MyAxNS4yMiAxNi42MyAxNC44MyAxNi4yNEwxMiAxMy40MUw5LjE3IDE2LjI0QzguNzggMTYuNjMgOC4xNSAxNi42MyA3Ljc2IDE2LjI0QzcuMzcgMTUuODUgNy4zNyAxNS4yMiA3Ljc2IDE0LjgzTDEwLjU5IDEyTDcuNzYgOS4xN0M3LjM3IDguNzggNy4zNyA4LjE1IDcuNzYgNy43NkM4LjE1IDcuMzcgOC43OCA3LjM3IDkuMTcgNy43NkwxMiAxMC41OUwxNC44MyA3Ljc2QzE1LjIyIDcuMzcgMTUuODUgNy4zNyAxNi4yNCA3Ljc2QzE2LjYzIDguMTUgMTYuNjMgOC43OCAxNi4yNCA5LjE3TDEzLjQxIDEyTDE2LjI0IDE0LjgzWiIgZmlsbD0iIzc5N0Y4NSIvPg0KPC9zdmc+);
7363            }
7364            @media screen and (max-width: 768px) {
7365                .blu-modal.b-full-screen .blu-modal__container[data-v-65e7601e] {
7366                    min-height: 100%;
7367                    border-radius: unset;
7368                    padding-top: 0;
7369                }
7370                .blu-modal.b-full-screen .blu-modal__close[data-v-65e7601e] {
7371                    display: none;
7372                }
7373            }
7374        </style>
7375        <style type="text/css">
7376            .blu-ripple[data-v-6ada375c] {
7377                width: 100%;
7378                height: 100%;
7379                position: relative;
7380                overflow: hidden;
7381                display: flex;
7382                justify-content: center;
7383                align-items: center;
7384                -webkit-box-pack: center;
7385                -webkit-box-align: center;
7386                -webkit-mask-image: radial-gradient(circle, #ffffff 100%, #000000 100%);
7387                padding: 0 12px;
7388            }
7389            .blu-ripple-wave[data-v-6ada375c] {
7390                position: absolute;
7391                z-index: 1;
7392                pointer-events: none;
7393                background: currentColor;
7394                border-radius: 50%;
7395                opacity: 0;
7396                transform: scale(2) translateZ(0);
7397            }
7398            .blu-ripple-wave.b-centered[data-v-6ada375c] {
7399                animation-duration: 1.2s;
7400                top: 50%;
7401                left: 50%;
7402            }
7403            .blu-ripple-wave ~ *[data-v-6ada375c]:not(.blu-ripple-wave) {
7404                position: relative;
7405                z-index: 2;
7406            }
7407            .blu-ripple-enter-active[data-v-6ada375c] {
7408                transition: 2s cubic-bezier(0.25, 0.8, 0.25, 1);
7409                transition-property: opacity, transform;
7410                will-change: opacity, transform;
7411            }
7412            .blu-ripple-enter-active.b-centered[data-v-6ada375c] {
7413                transition-duration: 1.2s;
7414            }
7415            .blu-ripple-enter[data-v-6ada375c] {
7416                opacity: 0.26;
7417                transform: scale(0.26) translateZ(0);
7418            }
7419            .has-left-icon .blu-ripple svg[data-v-6ada375c] {
7420                margin-right: 8px;
7421            }
7422            .has-left-icon.b-small svg[data-v-6ada375c] {
7423                transform-origin: left;
7424                margin-right: 4px;
7425            }
7426            .b-large .blu-ripple[data-v-6ada375c] {
7427                padding: 0 16px;
7428            }
7429            .b-small .blu-ripple[data-v-6ada375c] {
7430                padding: 0 8px;
7431            }
7432            .b-small svg[data-v-6ada375c] {
7433                width: 18px;
7434                height: 18px;
7435            }
7436            .b-icon .blu-ripple[data-v-6ada375c] {
7437                padding: 0;
7438            }
7439            .b-loading .blu-loader-wrapper[data-v-6ada375c] {
7440                height: 24px;
7441                position: absolute;
7442            }
7443            .b-loading .blu-ripple[data-v-6ada375c] {
7444                color: rgba(0, 0, 0, 0);
7445            }
7446            .b-loading .blu-ripple > svg[data-v-6ada375c] {
7447                visibility: hidden;
7448            }
7449            .b-loading .blu-ripple .blu-ripple-wave[data-v-6ada375c] {
7450                color: #fff;
7451            }
7452            .b-loading.b-white .blu-ripple-wave[data-v-6ada375c] {
7453                color: #0072ff;
7454            }
7455            .b-loading.b-outline.b-secondary .blu-ripple-wave[data-v-6ada375c] {
7456                color: #0072ff;
7457            }
7458            .b-loading.b-outline.b-primary .blu-ripple-wave[data-v-6ada375c] {
7459                color: #0ea5e9;
7460            }
7461            .b-loading.b-ghost.b-secondary .blu-ripple-wave[data-v-6ada375c] {
7462                color: #0072ff;
7463            }
7464            .b-loading.b-ghost.b-primary .blu-ripple-wave[data-v-6ada375c] {
7465                color: #0ea5e9;
7466            }
7467            .blu-input-stepper .blu-btn .blu-ripple[data-v-6ada375c] {
7468                padding: 0;
7469                width: 24px;
7470                height: 24px;
7471                border-radius: 50%;
7472            }
7473            .blu-input-stepper .blu-btn .blu-ripple svg[data-v-6ada375c] {
7474                width: 18px;
7475                height: 18px;
7476                margin-left: 1px;
7477            }
7478            .blu-input-stepper .blu-btn .blu-ripple-enter-active[data-v-6ada375c] {
7479                background: #0072ff;
7480            }
7481            .b-disabled[data-v-6ada375c] {
7482                opacity: 1;
7483            }
7484            .blu-btn-dropdown .blu-ripple > svg + div[data-v-6ada375c] {
7485                margin-left: 8px;
7486            }
7487            .blu-modal__mask[data-v-6ada375c] {
7488                transition: opacity 0.3s ease;
7489                position: fixed;
7490                z-index: 999;
7491                top: 0;
7492                left: 0;
7493                width: 100%;
7494                height: 100%;
7495                background-color: rgba(0, 0, 0, 0.6);
7496                display: flex;
7497                flex-direction: column;
7498                justify-content: center;
7499                align-items: center;
7500            }
7501            .blu-modal__container[data-v-6ada375c] {
7502                transition: opacity 0.3s ease;
7503                width: 90%;
7504                max-width: 500px;
7505                max-height: calc(100% - 50px);
7506                height: auto;
7507                background: #fff;
7508                box-shadow: 0 1px 6px 0 rgba(0, 0, 0, 0.1);
7509                position: fixed;
7510                z-index: 1000;
7511                display: flex;
7512                flex-direction: column;
7513            }
7514            @media screen and (max-width: 768px) {
7515                .blu-modal__container[data-v-6ada375c] {
7516                    max-height: calc(100% - 40px);
7517                }
7518            }
7519            @media screen and (min-width: 769px), print {
7520                .blu-modal__container[data-v-6ada375c] {
7521                    top: 50%;
7522                    left: 50%;
7523                    -webkit-transform: translate(-50%, -50%);
7524                    -moz-transform: translate(-50%, -50%);
7525                    -ms-transform: translate(-50%, -50%);
7526                    -o-transform: translate(-50%, -50%);
7527                    transform: translate(-50%, -50%);
7528                }
7529            }
7530            .blu-modal__heading[data-v-6ada375c] {
7531                font:
7532                    24px/28px "blibli demi bold",
7533                    -apple-system,
7534                    segoe ui,
7535                    roboto,
7536                    helvetica,
7537                    arial,
7538                    sans-serif;
7539                margin-bottom: 8px;
7540            }
7541            @media screen and (max-width: 768px) {
7542                .blu-modal__heading[data-v-6ada375c] {
7543                    font:
7544                        20px/24px "blibli demi bold",
7545                        -apple-system,
7546                        segoe ui,
7547                        roboto,
7548                        helvetica,
7549                        arial,
7550                        sans-serif;
7551                    margin-bottom: 0px;
7552                }
7553            }
7554            .blu-modal__body[data-v-6ada375c] {
7555                max-height: var(--max-height-modal-body);
7556                overflow-x: auto;
7557                color: rgba(25, 34, 42, 0.7019607843);
7558                margin-right: 0px;
7559                overscroll-behavior: contain;
7560            }
7561            @media screen and (min-width: 769px), print {
7562                .blu-modal__body[data-v-6ada375c] {
7563                    font:
7564                        16px/20px "blibli",
7565                        -apple-system,
7566                        segoe ui,
7567                        roboto,
7568                        helvetica,
7569                        arial,
7570                        sans-serif;
7571                }
7572            }
7573            @media screen and (max-width: 768px) {
7574                .blu-modal__body[data-v-6ada375c] {
7575                    font:
7576                        14px/18px "blibli",
7577                        -apple-system,
7578                        segoe ui,
7579                        roboto,
7580                        helvetica,
7581                        arial,
7582                        sans-serif;
7583                }
7584            }
7585            .blu-modal__footer[data-v-6ada375c] {
7586                text-align: right;
7587            }
7588            @media screen and (max-width: 768px) {
7589                .blu-modal__footer[data-v-6ada375c] {
7590                    margin-top: auto;
7591                }
7592            }
7593            .blu-modal.b-dialog .blu-modal__body[data-v-6ada375c] {
7594                margin-bottom: 40px;
7595            }
7596            @media screen and (max-width: 768px) {
7597                .blu-modal.b-dialog .blu-modal__body[data-v-6ada375c] {
7598                    margin-bottom: 32px;
7599                }
7600            }
7601            .blu-modal.b-dialog .blu-modal__container[data-v-6ada375c] {
7602                border-radius: 16px;
7603            }
7604            @media screen and (min-width: 769px), print {
7605                .blu-modal.b-dialog .blu-modal__container[data-v-6ada375c] {
7606                    padding: 24px 24px 16px;
7607                }
7608            }
7609            @media screen and (max-width: 768px) {
7610                .blu-modal.b-dialog .blu-modal__container[data-v-6ada375c] {
7611                    padding: 24px 24px 16px;
7612                    top: 50%;
7613                    left: 50%;
7614                    -webkit-transform: translate(-50%, -50%);
7615                    -moz-transform: translate(-50%, -50%);
7616                    -ms-transform: translate(-50%, -50%);
7617                    -o-transform: translate(-50%, -50%);
7618                    transform: translate(-50%, -50%);
7619                }
7620            }
7621            .blu-modal.b-dialog .blu-modal__container[data-v-6ada375c]:before,
7622            .blu-modal.b-dialog .blu-modal__container[data-v-6ada375c]:after {
7623                content: "";
7624                width: calc(100% - 60px);
7625                margin: 0 30px;
7626                border-radius: 0 0 24px 24px;
7627                position: absolute;
7628                left: 0;
7629            }
7630            .blu-modal.b-dialog .blu-modal__container[data-v-6ada375c]:before {
7631                height: 9px;
7632                bottom: -9px;
7633                z-index: 2;
7634                background: linear-gradient(0deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.12) 100%);
7635            }
7636            .blu-modal.b-dialog .blu-modal__container[data-v-6ada375c]:after {
7637                height: 16px;
7638                border-top: #fff 1px solid;
7639                bottom: -15px;
7640            }
7641            .blu-modal.b-dialog .blu-modal__close[data-v-6ada375c] {
7642                display: none;
7643            }
7644            .blu-modal.b-dialog.b-info .blu-modal__container[data-v-6ada375c]:after {
7645                background-color: #1d8fff;
7646            }
7647            .blu-modal.b-dialog.b-success .blu-modal__container[data-v-6ada375c]:after {
7648                background-color: #22a334;
7649            }
7650            .blu-modal.b-dialog.b-warning .blu-modal__container[data-v-6ada375c]:after {
7651                background-color: #38bdf8;
7652            }
7653            .blu-modal.b-dialog.b-danger .blu-modal__container[data-v-6ada375c]:after {
7654                background-color: #ff4646;
7655            }
7656            .blu-modal.b-page .blu-modal__body[data-v-6ada375c] {
7657                color: rgba(25, 34, 42, 0.7019607843);
7658            }
7659            @media screen and (min-width: 769px), print {
7660                .blu-modal.b-page .blu-modal__body[data-v-6ada375c] {
7661                    padding: 0 24px;
7662                }
7663            }
7664            @media screen and (max-width: 768px) {
7665                .blu-modal.b-page .blu-modal__body[data-v-6ada375c] {
7666                    padding: 0 16px;
7667                    padding-bottom: calc(env(safe-area-inset-bottom) + 4px);
7668                    overflow-y: auto;
7669                }
7670            }
7671            .blu-modal.b-page .blu-modal__body[data-v-6ada375c]::before {
7672                content: "";
7673                background: #fff;
7674                height: 20px;
7675                width: 100%;
7676                left: 0;
7677                bottom: 0;
7678                position: fixed;
7679            }
7680            @media screen and (min-width: 769px), print {
7681                .blu-modal.b-page .blu-modal__body[data-v-6ada375c]::before {
7682                    display: none;
7683                }
7684            }
7685            @media screen and (min-width: 769px), print {
7686                .blu-modal.b-page .blu-modal__container[data-v-6ada375c] {
7687                    border-radius: 16px;
7688                    padding-top: 32px;
7689                }
7690            }
7691            @media screen and (max-width: 768px) {
7692                .blu-modal.b-page .blu-modal__container[data-v-6ada375c] {
7693                    padding-top: 24px;
7694                    width: 100%;
7695                    max-width: 100%;
7696                    height: auto;
7697                    border-radius: 16px 16px 0 0;
7698                    left: 0;
7699                    bottom: 0;
7700                    padding-top: 24px;
7701                    padding-bottom: calc(env(safe-area-inset-bottom) + 16px);
7702                }
7703            }
7704            @media screen and (min-width: 769px), print {
7705                .blu-modal.b-page .blu-modal__footer[data-v-6ada375c] {
7706                    padding: 24px 24px;
7707                }
7708            }
7709            @media screen and (max-width: 768px) {
7710                .blu-modal.b-page .blu-modal__footer[data-v-6ada375c] {
7711                    width: 100%;
7712                    padding: 16px;
7713                    transition: all 0.3s cubic-bezier(0, 0, 0.2, 1.2);
7714                    bottom: 0;
7715                    padding-bottom: env(safe-area-inset-bottom);
7716                    background: #fff;
7717                }
7718            }
7719            .blu-modal.b-page .blu-modal__footer[data-v-6ada375c]::before {
7720                content: "";
7721                background: #fff;
7722                height: 20px;
7723                width: 100%;
7724                left: 0;
7725                bottom: 0;
7726                position: fixed;
7727            }
7728            @media screen and (min-width: 769px), print {
7729                .blu-modal.b-page .blu-modal__footer[data-v-6ada375c]::before {
7730                    display: none;
7731                }
7732            }
7733            @media screen and (min-width: 769px), print {
7734                .blu-modal.b-page .blu-modal__header[data-v-6ada375c] {
7735                    padding: 0 24px;
7736                }
7737            }
7738            @media screen and (max-width: 768px) {
7739                .blu-modal.b-page .blu-modal__header[data-v-6ada375c] {
7740                    padding: 0 16px;
7741                }
7742            }
7743            .blu-modal.b-page .blu-modal__icon[data-v-6ada375c] {
7744                display: none;
7745            }
7746            @media screen and (max-width: 768px) {
7747                .blu-modal.b-page.fade-enter-active[data-v-6ada375c],
7748                .blu-modal.b-page.fade-leave-active[data-v-6ada375c] {
7749                    transition: opacity 0.3s;
7750                }
7751                .blu-modal.b-page.fade-enter-active .blu-modal__container[data-v-6ada375c],
7752                .blu-modal.b-page.fade-leave-active .blu-modal__container[data-v-6ada375c] {
7753                    transition: bottom 0.3s;
7754                    transition: all 0.3s cubic-bezier(0, 0, 0.2, 1.2);
7755                    bottom: 0;
7756                }
7757                .blu-modal.b-page.fade-enter-active[data-v-6ada375c] {
7758                    transition: opacity 0.3s cubic-bezier(0, 0, 0.2, 1.2);
7759                }
7760                .blu-modal.b-page.fade-leave-active[data-v-6ada375c] {
7761                    transition: opacity 0.3s cubic-bezier(0.8, 0, 1, 1);
7762                }
7763                .blu-modal.b-page.fade-enter .blu-modal__container[data-v-6ada375c],
7764                .blu-modal.b-page.fade-leave-to .blu-modal__container[data-v-6ada375c] {
7765                    bottom: -96vh;
7766                }
7767            }
7768            .blu-modal.b-no-button .blu-modal__container[data-v-6ada375c] {
7769                padding-bottom: 20px;
7770            }
7771            @media screen and (max-width: 768px) {
7772                .blu-modal.b-no-button .blu-modal__body[data-v-6ada375c] {
7773                    padding-bottom: env(safe-area-inset-bottom);
7774                }
7775            }
7776            .blu-modal.b-no-button .blu-modal__footer[data-v-6ada375c] {
7777                display: none;
7778            }
7779            .fade-enter-active[data-v-6ada375c],
7780            .fade-leave-active[data-v-6ada375c] {
7781                position: absolute;
7782                z-index: 998;
7783                transition: opacity 0.3s;
7784            }
7785            .fade-enter[data-v-6ada375c],
7786            .fade-leave-to[data-v-6ada375c] {
7787                opacity: 0;
7788            }
7789            img[data-v-6ada375c] {
7790                max-width: 100%;
7791            }
7792            .blu-modal.b-dialog .blu-modal__icon[data-v-6ada375c] {
7793                width: 40px;
7794                height: 40px;
7795                margin-bottom: 40px;
7796            }
7797            @media screen and (max-width: 768px) {
7798                .blu-modal.b-dialog .blu-modal__icon[data-v-6ada375c] {
7799                    width: 24px;
7800                    height: 24px;
7801                    margin-bottom: 32px;
7802                }
7803            }
7804            .blu-modal.b-dialog.b-info .blu-modal__icon[data-v-6ada375c] {
7805                background-color: #1d8fff;
7806                -webkit-mask-image: url(data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PSIwIDAgMjQgMjQiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+DQo8cGF0aCBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGNsaXAtcnVsZT0iZXZlbm9kZCIgZD0iTTIgMTJDMiA2LjQ4IDYuNDggMiAxMiAyQzE3LjUyIDIgMjIgNi40OCAyMiAxMkMyMiAxNy41MiAxNy41MiAyMiAxMiAyMkM2LjQ4IDIyIDIgMTcuNTIgMiAxMlpNMTEuOTcgOC43Mzc2NEMxMi43MjY2IDguNzM3NjQgMTMuMzQgOC4xMjQ4IDEzLjM0IDcuMzY4ODJDMTMuMzQgNi42MTI4NCAxMi43MjY2IDYgMTEuOTcgNkMxMS4yMTM0IDYgMTAuNiA2LjYxMjg0IDEwLjYgNy4zNjg4MkMxMC42IDguMTI0OCAxMS4yMTM0IDguNzM3NjQgMTEuOTcgOC43Mzc2NFpNMTEuNDk5OSAxMC4xMDY0SDEyLjQ0OTlDMTIuODQ5OSAxMC4xMDY0IDEzLjE3OTkgMTAuNDM2MiAxMy4xNzk5IDEwLjgzNThWMTcuMjcwM0MxMy4xNzk5IDE3LjY2OTkgMTIuODQ5OSAxNy45OTk2IDEyLjQ0OTkgMTcuOTk5NkgxMS40OTk5QzExLjA5OTkgMTcuOTk5NiAxMC43Njk5IDE3LjY2OTkgMTAuNzY5OSAxNy4yNzAzVjEwLjgzNThDMTAuNzY5OSAxMC40MzYyIDExLjA5OTkgMTAuMTA2NCAxMS40OTk5IDEwLjEwNjRaIiBmaWxsPSIjNzk3Rjg1Ii8+DQo8L3N2Zz4NCg==);
7807                mask-image: url(data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PSIwIDAgMjQgMjQiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+DQo8cGF0aCBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGNsaXAtcnVsZT0iZXZlbm9kZCIgZD0iTTIgMTJDMiA2LjQ4IDYuNDggMiAxMiAyQzE3LjUyIDIgMjIgNi40OCAyMiAxMkMyMiAxNy41MiAxNy41MiAyMiAxMiAyMkM2LjQ4IDIyIDIgMTcuNTIgMiAxMlpNMTEuOTcgOC43Mzc2NEMxMi43MjY2IDguNzM3NjQgMTMuMzQgOC4xMjQ4IDEzLjM0IDcuMzY4ODJDMTMuMzQgNi42MTI4NCAxMi43MjY2IDYgMTEuOTcgNkMxMS4yMTM0IDYgMTAuNiA2LjYxMjg0IDEwLjYgNy4zNjg4MkMxMC42IDguMTI0OCAxMS4yMTM0IDguNzM3NjQgMTEuOTcgOC43Mzc2NFpNMTEuNDk5OSAxMC4xMDY0SDEyLjQ0OTlDMTIuODQ5OSAxMC4xMDY0IDEzLjE3OTkgMTAuNDM2MiAxMy4xNzk5IDEwLjgzNThWMTcuMjcwM0MxMy4xNzk5IDE3LjY2OTkgMTIuODQ5OSAxNy45OTk2IDEyLjQ0OTkgMTcuOTk5NkgxMS40OTk5QzExLjA5OTkgMTcuOTk5NiAxMC43Njk5IDE3LjY2OTkgMTAuNzY5OSAxNy4yNzAzVjEwLjgzNThDMTAuNzY5OSAxMC40MzYyIDExLjA5OTkgMTAuMTA2NCAxMS40OTk5IDEwLjEwNjRaIiBmaWxsPSIjNzk3Rjg1Ii8+DQo8L3N2Zz4NCg==);
7808            }
7809            .blu-modal.b-dialog.b-success .blu-modal__icon[data-v-6ada375c] {
7810                background-color: #22a334;
7811                -webkit-mask-image: url(data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PSIwIDAgMjQgMjQiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+DQo8cGF0aCBkPSJNMTIgMkM2LjQ4IDIgMiA2LjQ4IDIgMTJDMiAxNy41MiA2LjQ4IDIyIDEyIDIyQzE3LjUyIDIyIDIyIDE3LjUyIDIyIDEyQzIyIDYuNDggMTcuNTIgMiAxMiAyWk0xNy4wNSA5LjExTDEyLjA2IDE2LjEyQzExLjg4IDE2LjM3IDExLjYgMTYuNTIgMTEuMjkgMTYuNTRIMTEuMjRDMTAuOTUgMTYuNTQgMTAuNjcgMTYuNDIgMTAuNDggMTYuMTlMNi45OSAxMi4xM0M2LjgyIDExLjkzIDYuNzMgMTEuNjcgNi43NSAxMS40MUM2Ljc3IDExLjE0IDYuODkgMTAuOSA3LjA5IDEwLjczQzcuNTEgMTAuMzcgOC4xNCAxMC40MiA4LjUgMTAuODRMMTEuMTYgMTMuOTNMMTUuNDEgNy45NkMxNS43MyA3LjUxIDE2LjM1IDcuNDEgMTYuOCA3LjczQzE3LjAyIDcuODggMTcuMTYgOC4xMSAxNy4yMSA4LjM4QzE3LjI1IDguNjQgMTcuMTkgOC45MSAxNy4wNCA5LjEyTDE3
7811LjA1IDkuMTFaIiBmaWxsPSIjNzk3Rjg1Ii8+DQo8L3N2Zz4=);
7812                mask-image: url(data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PSIwIDAgMjQgMjQiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+DQo8cGF0aCBkPSJNMTIgMkM2LjQ4IDIgMiA2LjQ4IDIgMTJDMiAxNy41MiA2LjQ4IDIyIDEyIDIyQzE3LjUyIDIyIDIyIDE3LjUyIDIyIDEyQzIyIDYuNDggMTcuNTIgMiAxMiAyWk0xNy4wNSA5LjExTDEyLjA2IDE2LjEyQzExLjg4IDE2LjM3IDExLjYgMTYuNTIgMTEuMjkgMTYuNTRIMTEuMjRDMTAuOTUgMTYuNTQgMTAuNjcgMTYuNDIgMTAuNDggMTYuMTlMNi45OSAxMi4xM0M2LjgyIDExLjkzIDYuNzMgMTEuNjcgNi43NSAxMS40MUM2Ljc3IDExLjE0IDYuODkgMTAuOSA3LjA5IDEwLjczQzcuNTEgMTAuMzcgOC4xNCAxMC40MiA4LjUgMTAuODRMMTEuMTYgMTMuOTNMMTUuNDEgNy45NkMxNS43MyA3LjUxIDE2LjM1IDcuNDEgMTYuOCA3LjczQzE3LjAyIDcuODggMTcuMTYgOC4xMSAxNy4yMSA4LjM4QzE3LjI1IDguNjQgMTcuMTkgOC45MSAxNy4wNCA5LjEyTDE3LjA1IDkuMTFaIiBmaWxsPSIjNzk3Rjg1Ii8+DQo8L3N2Zz4=);
7813            }
7814            .blu-modal.b-dialog.b-warning .blu-modal__icon[data-v-6ada375c] {
7815                background-color: #38bdf8;
7816                -webkit-mask-image: url(data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PSIwIDAgMjQgMjQiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+DQo8cGF0aCBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGNsaXAtcnVsZT0iZXZlbm9kZCIgZD0iTTMuODc0MzYgMjFIMjAuMTE0NEgyMC4xMjQ0QzIxLjU1MzUgMjEgMjIuNDUyOSAxOS41MDM1IDIxLjc2MzQgMTguMjg2NEwxMy42NDg0IDMuOTUwMjZDMTIuOTM4OCAyLjY4MzI1IDExLjA2OTkgMi42ODMyNSAxMC4zNjA0IDMuOTUwMjZMMi4yMzUzNyAxOC4yOTY0QzEuNTQ1OCAxOS41MTM1IDIuNDU1MjQgMjEgMy44NzQzNiAyMVpNMTAuOTkgMTMuOTM3NEwxMC43MDAyIDkuMDk4ODdWNy43NTIwNUMxMC43MDAyIDcuMzMzMDQgMTEuMDQgNi45OTM4NCAxMS40NTk3IDYuOTkzODRIMTIuNjA5QzEzLjAyODggNi45OTM4NCAxMy4zNjg2IDcuMzMzMDQgMTMuMzY4NiA3Ljc1MjA1VjkuMTA4ODRMMTMuMDg4NyAxMy45Mjc1QzEzLjA2ODcgMTQuMzI2NSAxMi43Mzg5IDE0LjYzNTggMTIuMzI5MiAxNC42MzU4SDExLjc0OTVDMTEuMzQ5OCAxNC42MzU4IDExLjAyIDE0LjMyNjUgMTAuOTkgMTMuOTI3NVYxMy45Mzc0Wk0xMS45OTk0IDE4Ljk2NTJDMTIuNzg4NyAxOC45NjUyIDEzLjQyODYgMTguMzI2NSAxMy40Mjg2IDE3LjUzODZDMTMuNDI4NiAxNi43NTA3IDEyLjc4ODcgMTYuMTEyIDExLjk5OTQgMTYuMTEyQzExLjIxMDIgMTYuMTEyIDEwLjU3MDMgMTYuNzUwNyAxMC41NzAzIDE3LjUzODZDMTAuNTcwMyAxOC4zMjY1IDExLjIxMDIgMTguOTY1MiAxMS45OTk0IDE4Ljk2NTJaIiBmaWxsPSIjNzk3Rjg1Ii8+DQo8L3N2Zz4NCg==);
7817                mask-image: url(data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PSIwIDAgMjQgMjQiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+DQo8cGF0aCBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGNsaXAtcnVsZT0iZXZlbm9kZCIgZD0iTTMuODc0MzYgMjFIMjAuMTE0NEgyMC4xMjQ0QzIxLjU1MzUgMjEgMjIuNDUyOSAxOS41MDM1IDIxLjc2MzQgMTguMjg2NEwxMy42NDg0IDMuOTUwMjZDMTIuOTM4OCAyLjY4MzI1IDExLjA2OTkgMi42ODMyNSAxMC4zNjA0IDMuOTUwMjZMMi4yMzUzNyAxOC4yOTY0QzEuNTQ1OCAxOS41MTM1IDIuNDU1MjQgMjEgMy44NzQzNiAyMVpNMTAuOTkgMTMuOTM3NEwxMC43MDAyIDkuMDk4ODdWNy43NTIwNUMxMC43MDAyIDcuMzMzMDQgMTEuMDQgNi45OTM4NCAxMS40NTk3IDYuOTkzODRIMTIuNjA5QzEzLjAyODggNi45OTM4NCAxMy4zNjg2IDcuMzMzMDQgMTMuMzY4NiA3Ljc1MjA1VjkuMTA4ODRMMTMuMDg4NyAxMy45Mjc1QzEzLjA2ODcgMTQuMzI2NSAxMi43Mzg5IDE0LjYzNTggMTIuMzI5MiAxNC42MzU4SDExLjc0OTVDMTEuMzQ5OCAxNC42MzU4IDExLjAyIDE0LjMyNjUgMTAuOTkgMTMuOTI3NVYxMy45Mzc0Wk0xMS45OTk0IDE4Ljk2NTJDMTIuNzg4NyAxOC45NjUyIDEzLjQyODYgMTguMzI2NSAxMy40Mjg2IDE3LjUzODZDMTMuNDI4NiAxNi43NTA3IDEyLjc4ODcgMTYuMTEyIDExLjk5OTQgMTYuMTEyQzExLjIxMDIgMTYuMTEyIDEwLjU3MDMgMTYuNzUwNyAxMC41NzAzIDE3LjUzODZDMTAuNTcwMyAxOC4zMjY1IDExLjIxMDIgMTguOTY1MiAxMS45OTk0IDE4Ljk2NTJaIiBmaWxsPSIjNzk3Rjg1Ii8+DQo8L3N2Zz4NCg==);
7818            }
7819            .blu-modal.b-dialog.b-danger .blu-modal__icon[data-v-6ada375c] {
7820                background-color: #ff4646;
7821                -webkit-mask-image: url(data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PSIwIDAgMjQgMjQiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+DQo8cGF0aCBkPSJNMTIgMkM2LjQ4IDIgMiA2LjQ4IDIgMTJDMiAxNy41MiA2LjQ4IDIyIDEyIDIyQzE3LjUyIDIyIDIyIDE3LjUyIDIyIDEyQzIyIDYuNDggMTcuNTIgMiAxMiAyWk0xNi4yNCAxNC44M0MxNi42MyAxNS4yMiAxNi42MyAxNS44NSAxNi4yNCAxNi4yNEMxNS44NSAxNi42MyAxNS4yMiAxNi42MyAxNC44MyAxNi4yNEwxMiAxMy40MUw5LjE3IDE2LjI0QzguNzggMTYuNjMgOC4xNSAxNi42MyA3Ljc2IDE2LjI0QzcuMzcgMTUuODUgNy4zNyAxNS4yMiA3Ljc2IDE0LjgzTDEwLjU5IDEyTDcuNzYgOS4xN0M3LjM3IDguNzggNy4zNyA4LjE1IDcuNzYgNy43NkM4LjE1IDcuMzcgOC43OCA3LjM3IDkuMTcgNy43NkwxMiAxMC41OUwxNC44MyA3Ljc2QzE1LjIyIDcuMzcgMTUuODUgNy4zNyAxNi4yNCA3Ljc2QzE2LjYzIDguMTUgMTYuNjMgOC43OCAxNi4yNCA5LjE3TDEzLjQxIDEyTDE2LjI0IDE0LjgzWiIgZmlsbD0iIzc5N0Y4NSIvPg0KPC9zdmc+);
7822                mask-image: url(data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PSIwIDAgMjQgMjQiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+DQo8cGF0aCBkPSJNMTIgMkM2LjQ4IDIgMiA2LjQ4IDIgMTJDMiAxNy41MiA2LjQ4IDIyIDEyIDIyQzE3LjUyIDIyIDIyIDE3LjUyIDIyIDEyQzIyIDYuNDggMTcuNTIgMiAxMiAyWk0xNi4yNCAxNC44M0MxNi42MyAxNS4yMiAxNi42MyAxNS44NSAxNi4yNCAxNi4yNEMxNS44NSAxNi42MyAxNS4yMiAxNi42MyAxNC44MyAxNi4yNEwxMiAxMy40MUw5LjE3IDE2LjI0QzguNzggMTYuNjMgOC4xNSAxNi42MyA3Ljc2IDE2LjI0QzcuMzcgMTUuODUgNy4zNyAxNS4yMiA3Ljc2IDE0LjgzTDEwLjU5IDEyTDcuNzYgOS4xN0M3LjM3IDguNzggNy4zNyA4LjE1IDcuNzYgNy43NkM4LjE1IDcuMzcgOC43OCA3LjM3IDkuMTcgNy43NkwxMiAxMC41OUwxNC44MyA3Ljc2QzE1LjIyIDcuMzcgMTUuODUgNy4zNyAxNi4yNCA3Ljc2QzE2LjYzIDguMTUgMTYuNjMgOC43OCAxNi4yNCA5LjE3TDEzLjQxIDEyTDE2LjI0IDE0LjgzWiIgZmlsbD0iIzc5N0Y4NSIvPg0KPC9zdmc+);
7823            }
7824            @media screen and (max-width: 768px) {
7825                .blu-modal.b-full-screen .blu-modal__container[data-v-6ada375c] {
7826                    min-height: 100%;
7827                    border-radius: unset;
7828                    padding-top: 0;
7829                }
7830                .blu-modal.b-full-screen .blu-modal__close[data-v-6ada375c] {
7831                    display: none;
7832                }
7833            }
7834        </style>
7835        <style type="text/css">
7836            .tabs[data-v-2ff01c43] {
7837                border-bottom: #acb0b4 1px solid;
7838                display: flex;
7839                position: relative;
7840                white-space: nowrap;
7841                scroll-behavior: smooth;
7842                scrollbar-width: none;
7843            }
7844            .tabs[data-v-2ff01c43]::-webkit-scrollbar {
7845                display: none;
7846            }
7847            .tabs a[data-v-2ff01c43],
7848            .tabs__header-title[data-v-2ff01c43] {
7849                outline: none;
7850                display: flex;
7851                color: rgba(25, 34, 42, 0.7019607843);
7852                font:
7853                    16px/20px "blibli",
7854                    -apple-system,
7855                    segoe ui,
7856                    roboto,
7857                    helvetica,
7858                    arial,
7859                    sans-serif;
7860                padding: 22px 0px;
7861                position: relative;
7862                white-space: nowrap;
7863                align-items: center;
7864                height: 64px;
7865                cursor: pointer;
7866            }
7867            .tabs a .tabs__icon[data-v-2ff01c43],
7868            .tabs__header-title .tabs__icon[data-v-2ff01c43] {
7869                position: relative;
7870                display: inline-flex;
7871            }
7872            .tabs a .tabs__icon[data-v-2ff01c43]:not(:empty),
7873            .tabs__header-title .tabs__icon[data-v-2ff01c43]:not(:empty) {
7874                margin-right: 4px;
7875            }
7876            .tabs a .tabs__icon svg[data-v-2ff01c43],
7877            .tabs__header-title .tabs__icon svg[data-v-2ff01c43] {
7878                vertical-align: bottom;
7879                color: rgba(25, 34, 42, 0.4);
7880            }
7881            .tabs a .tabs__label[data-v-2ff01c43],
7882            .tabs__header-title .tabs__label[data-v-2ff01c43] {
7883                display: inline-flex;
7884            }
7885            .tabs a .tabs__label[data-v-2ff01c43]:not(:empty),
7886            .tabs__header-title .tabs__label[data-v-2ff01c43]:not(:empty) {
7887                padding-left: 4px;
7888            }
7889            @media screen and (max-width: 768px) {
7890                .tabs a[data-v-2ff01c43],
7891                .tabs__header-title[data-v-2ff01c43] {
7892                    padding: 10px 0px;
7893                    height: 40px;
7894                }
7895            }
7896            .tabs a[data-v-2ff01c43]:not(:last-child),
7897            .tabs__header-title[data-v-2ff01c43]:not(:last-child) {
7898                margin-right: 16px;
7899            }
7900            .tabs a[data-v-2ff01c43]:before,
7901            .tabs__header-title[data-v-2ff01c43]:before {
7902                content: "";
7903                height: 3px;
7904                background: #0072ff;
7905                position: absolute;
7906                bottom: 0;
7907                left: 0;
7908                opacity: 0;
7909                transition: opacity 1s;
7910            }
7911            .tabs a[data-v-2ff01c43]:after,
7912            .tabs__header-title[data-v-2ff01c43]:after {
7913                content: "";
7914                width: 100%;
7915                bottom: 0;
7916                left: 0;
7917                position: absolute;
7918                border-bottom: none;
7919                transition: border-bottom ease-out 0.2s;
7920            }
7921            .tabs a[data-v-2ff01c43]:hover:after,
7922            .tabs__header-title[data-v-2ff01c43]:hover:after {
7923                border-bottom: 2px solid #acb0b4;
7924                border-radius: 1px;
7925            }
7926            .tabs a.b-active[data-v-2ff01c43],
7927            .tabs__header-title.b-active[data-v-2ff01c43] {
7928                opacity: 1;
7929                color: #0072ff;
7930            }
7931            .tabs a.b-active .tabs__icon svg[data-v-2ff01c43],
7932            .tabs__header-title.b-active .tabs__icon svg[data-v-2ff01c43] {
7933                color: #0072ff;
7934            }
7935            .tabs a.b-disabled[data-v-2ff01c43],
7936            .tabs__header-title.b-disabled[data-v-2ff01c43] {
7937                opacity: 1;
7938                color: rgba(25, 34, 42, 0.4);
7939            }
7940            .tabs a.b-disabled[data-v-2ff01c43]:hover:after,
7941            .tabs__header-title.b-disabled[data-v-2ff01c43]:hover:after {
7942                border-bottom: none;
7943            }
7944            .tabs a.b-disabled .tabs__label .label[data-v-2ff01c43],
7945            .tabs__header-title.b-disabled .tabs__label .label[data-v-2ff01c43] {
7946                background-color: #e1e3e4;
7947                color: rgba(25, 34, 42, 0.4);
7948            }
7949            .tabs a .tabs__icon[data-v-2ff01c43],
7950            .tabs__header-title .tabs__icon[data-v-2ff01c43] {
7951                margin-right: 2px;
7952            }
7953            .tabs a .tabs__icon svg[data-v-2ff01c43],
7954            .tabs__header-title .tabs__icon svg[data-v-2ff01c43] {
7955                vertical-align: middle;
7956                color: rgba(25, 34, 42, 0.4);
7957                transform: scale(0.75);
7958            }
7959            .tabs a[data-v-2ff01c43]:not(.b-disabled):focus-visible,
7960            .tabs__header-title[data-v-2ff01c43]:not(.b-disabled):focus-visible {
7961                color: #fff;
7962                background: #000;
7963            }
7964            .tabs a:not(.b-disabled):focus-visible svg[data-v-2ff01c43],
7965            .tabs__header-title:not(.b-disabled):focus-visible svg[data-v-2ff01c43] {
7966                color: #fff;
7967            }
7968            .tabs.b-centered[data-v-2ff01c43],
7969            .tabs.b-centered-primary[data-v-2ff01c43] {
7970                display: block;
7971            }
7972            .tabs.b-centered a[data-v-2ff01c43],
7973            .tabs.b-centered-primary a[data-v-2ff01c43] {
7974                width: 100%;
7975                justify-content: center;
7976                min-width: 0;
7977            }
7978            .tabs.b-primary[data-v-2ff01c43],
7979            .tabs.b-centered-primary[data-v-2ff01c43] {
7980                background-color: #fff;
7981                box-shadow: 0 1px 6px 0 rgba(0, 0, 0, 0.1);
7982                border-radius: 8px;
7983                padding: 4px;
7984                margin-top: 10px;
7985                border-bottom: none;
7986            }
7987            @media screen and (min-width: 960px) {
7988                .tabs.b-primary ~ .tabs__control .tabs__control-next[data-v-2ff01c43],
7989                .tabs.b-primary ~ .tabs__control .tabs__control-prev[data-v-2ff01c43],
7990                .tabs.b-centered-primary ~ .tabs__control .tabs__control-next[data-v-2ff01c43],
7991                .tabs.b-centered-primary ~ .tabs__control .tabs__control-prev[data-v-2ff01c43] {
7992                    top: 0;
7993                }
7994            }
7995            .tabs.b-primary .slider[data-v-2ff01c43],
7996            .tabs.b-centered-primary .slider[data-v-2ff01c43] {
7997                display: none;
7998            }
7999            .tabs.b-primary a[data-v-2ff01c43],
8000            .tabs.b-centered-primary a[data-v-2ff01c43] {
8001                padding: 7px 16px;
8002                border-radius: 4px;
8003                transition: all 0.3s ease;
8004                font:
8005                    14px/18px "blibli demi bold",
8006                    -apple-system,
8007                    segoe ui,
8008                    roboto,
8009                    helvetica,
8010                    arial,
8011                    sans-serif;
8012                color: #0072ff;
8013                height: 32px;
8014            }
8015            .tabs.b-primary a[data-v-2ff01c43]:hover:after,
8016            .tabs.b-centered-primary a[data-v-2ff01c43]:hover:after {
8017                border-bottom: none;
8018            }
8019            .tabs.b-primary a[data-v-2ff01c43]:not(:last-child),
8020            .tabs.b-centered-primary a[data-v-2ff01c43]:not(:last-child) {
8021                margin-right: 8px;
8022            }
8023            .tabs.b-primary a.b-active[data-v-2ff01c43],
8024            .tabs.b-centered-primary a.b-active[data-v-2ff01c43] {
8025                color: #fff;
8026                background-color: #1d8fff;
8027            }
8028            .tabs.b-primary a.b-active svg[data-v-2ff01c43],
8029            .tabs.b-centered-primary a.b-active svg[data-v-2ff01c43] {
8030                color: #fff;
8031            }
8032            .tabs.b-primary a.b-active .blu-label[data-v-2ff01c43],
8033            .tabs.b-centered-primary a.b-active .blu-label[data-v-2ff01c43] {
8034                background-color: #fff;
8035                color: #0072ff;
8036            }
8037            .tabs.b-primary a.b-active[data-v-2ff01c43]:hover,
8038            .tabs.b-centered-primary a.b-active[data-v-2ff01c43]:hover {
8039                background-color: #0072ff;
8040            }
8041            .tabs.b-primary a.b-disabled[data-v-2ff01c43],
8042            .tabs.b-centered-primary a.b-disabled[data-v-2ff01c43] {
8043                color: rgba(25, 34, 42, 0.4);
8044            }
8045            .tabs.b-primary a[data-v-2ff01c43]:not(.b-disabled):not(.b-active):hover,
8046            .tabs.b-centered-primary a[data-v-2ff01c43]:not(.b-disabled):not(.b-active):hover {
8047                background-color: #f1f2f2;
8048            }
8049            .tabs.b-primary a[data-v-2ff01c43]:focus-visible,
8050            .tabs.b-centered-primary a[data-v-2ff01c43]:focus-visible {
8051                color: #0072ff;
8052                box-shadow: 0px 0px 0px 4px #000;
8053                background-color: #f1f2f2;
8054            }
8055            .tabs__item[data-v-2ff01c43] {
8056                padding: 16px 0;
8057            }
8058            .tabs__item.b-active[data-v-2ff01c43] {
8059                animation: fade-2ff01c43 0.8s ease-in-out;
8060            }
8061            .tabs__header[data-v-2ff01c43] {
8062                display: flex;
8063            }
8064            .tabs__label[data-v-2ff01c43] {
8065                display: flex;
8066                align-items: center;
8067                margin-left: 4px;
8068            }
8069            @media screen and (min-width: 960px) {
8070                .tabs__control[data-v-2ff01c43] {
8071                    --tab-fab-position: 16px;
8072                    --tab-fab-opacity: 0;
8073                    --tab-fab-background: linear-gradient(270deg, rgba(224, 224, 224, 0) 0%, #ffffff 100%);
8074                    position: absolute;
8075                    top: 0;
8076                    left: 0;
8077                    width: 100%;
8078                }
8079                .tabs__control[data-v-2ff01c43]:hover {
8080                    --tab-fab-opacity: 1;
8081                    --tab-fab-position: 0;
8082                }
8083                .tabs__control-prev[data-v-2ff01c43],
8084                .tabs__control-next[data-v-2ff01c43] {
8085                    width: 56px;
8086                    height: 40px;
8087                    position: absolute;
8088                    opacity: var(--tab-fab-opacity);
8089                    background: var(--tab-fab-background);
8090                    border-radius: 16px;
8091                    transition: all 0.15s ease;
8092                    padding: 4px;
8093                    top: 11px;
8094                    cursor: pointer;
8095                }
8096                .tabs__control-prev div[data-v-2ff01c43],
8097                .tabs__control-next div[data-v-2ff01c43] {
8098                    width: 32px;
8099                    height: 32px;
8100                    background: #fff;
8101                    box-shadow: 0 1px 6px 0 rgba(0, 0, 0, 0.1);
8102                    border-radius: 50%;
8103                    position: relative;
8104                    display: grid;
8105                    place-items: center;
8106                    left: var(--tab-fab-position);
8107                    transition: all 0.15s cubic-bezier(0, 0, 0.2, 1.2);
8108                }
8109                .tabs__control-prev div[data-v-2ff01c43]::after,
8110                .tabs__control-next div[data-v-2ff01c43]::after {
8111                    content: "";
8112                    background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB2aWV3Qm94PSIwIDAgMjQgMjQiPgogIDxkZWZzPgogICAgPHBhdGgKICAgICAgICBpZD0iMTkwcjYzOHp6YSIKICAgICAgICBkPSJNMCA1LjE1NGMwLS42MzYuMjkyLTEuMjE5LjgtMS42TDUuNDExLjE5MmMuNDQ2LS4zMjUgMS4wNzItLjIyOCAxLjM5Ny4yMi4zMjUuNDQ1LjIyNyAxLjA3MS0uMjE5IDEuMzk2bC00LjYgMy4zNTQgNC41NjMgMy4wMDRjLjQ2LjMwNS41ODcuOTI1LjI4MiAxLjM4Ni0uMzA1LjQ2LS45MjYuNTg2LTEuMzg2LjI4MmwtNC42LTMuMDQ2Qy4yOTEgNi4zNzIgMCA1Ljc5IDAgNS4xNTR6IgogICAgLz4KICA8L2RlZnM+CiAgPGcgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIj4KICAgIDxnPgogICAgICA8Zz4KICAgICAgICA8cGF0aCBmaWxsPSIjRkZGIiBmaWxsLW9wYWNpdHk9Ii4wMSIgZD0iTTAgMEgyNFYyNEgweiIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTU5MiAtNzg1KSB0cmFuc2xhdGUoNTkyIDc4NSkiIC8+CiAgICAgICAgPGcgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTU5MiAtNzg1KSB0cmFuc2xhdGUoNTkyIDc4NSkgdHJhbnNsYXRlKDggNykiPgogICAgICAgICAgPG1hc2sgaWQ9InU0ZGRwYm95eGIiIGZpbGw9IiNmZmYiPjx1c2UgeGxpbms6aHJlZj0iIzE5MHI2Mzh6emEiIC8+PC9tYXNrPgogICAgICAgICAgPHVzZSBmaWxsPSIjNzk3Rjg1IiBmaWxsLXJ1bGU9Im5vbnplcm8iIHhsaW5rOmhyZWY9IiMxOTByNjM4enphIiAvPgogICAgICAgICAgPHBhdGggZmlsbD0iIzAwOTVkYSIgZD0iTS04IC03SDE2VjE3SC04eiIgbWFzaz0idXJsKCN1NGRkcGJveXhiKSIgLz4KICAgICAgICA8L2c+CiAgICAgIDwvZz4KICAgIDwvZz4KICA8L2c+Cjwvc3ZnPgo=);
8113                    width: 18px;
8114                    height: 18px;
8115                    position: absolute;
8116                }
8117                .tabs__control-prev[data-v-2ff01c43] {
8118                    left: 0;
8119                }
8120                .tabs__control-next[data-v-2ff01c43] {
8121                    right: 0;
8122                    transform: rotate(180deg);
8123                }
8124            }
8125            .tabs:hover ~ .tabs__control[data-v-2ff01c43] {
8126                --tab-fab-opacity: 1;
8127                --tab-fab-position: 0;
8128            }
8129            .tabs-wrapper[data-v-2ff01c43] {
8130                position: relative;
8131            }
8132            .slider[data-v-2ff01c43] {
8133                width: auto;
8134                height: 2px;
8135                border-radius: 1px;
8136                background: #0072ff;
8137                opacity: 1;
8138                position: absolute;
8139                left: 0;
8140                bottom: 0;
8141                transition: all 0.4s linear;
8142            }
8143            @keyframes shake-2ff01c43 {
8144                30%,
8145                50% {
8146                    transform: translate3d(-2px, 0, 0);
8147                }
8148                40%,
8149                60% {
8150                    transform: translate3d(0, 0, 0);
8151                }
8152            }
8153            @keyframes fade-2ff01c43 {
8154                0% {
8155                    opacity: 0;
8156                }
8157                100% {
8158                    opacity: 1;
8159                }
8160            }
8161        </style>
8162        <style type="text/css">
8163            .tabs[data-v-c5343270] {
8164                border-bottom: #acb0b4 1px solid;
8165                display: flex;
8166                position: relative;
8167                white-space: nowrap;
8168                scroll-behavior: smooth;
8169                scrollbar-width: none;
8170            }
8171            .tabs[data-v-c5343270]::-webkit-scrollbar {
8172                display: none;
8173            }
8174            .tabs a[data-v-c5343270],
8175            .tabs__header-title[data-v-c5343270] {
8176                outline: none;
8177                display: flex;
8178                color: rgba(25, 34, 42, 0.7019607843);
8179                font:
8180                    16px/20px "blibli",
8181                    -apple-system,
8182                    segoe ui,
8183                    roboto,
8184                    helvetica,
8185                    arial,
8186                    sans-serif;
8187                padding: 22px 0px;
8188                position: relative;
8189                white-space: nowrap;
8190                align-items: center;
8191                height: 64px;
8192                cursor: pointer;
8193            }
8194            .tabs a .tabs__icon[data-v-c5343270],
8195            .tabs__header-title .tabs__icon[data-v-c5343270] {
8196                position: relative;
8197                display: inline-flex;
8198            }
8199            .tabs a .tabs__icon[data-v-c5343270]:not(:empty),
8200            .tabs__header-title .tabs__icon[data-v-c5343270]:not(:empty) {
8201                margin-right: 4px;
8202            }
8203            .tabs a .tabs__icon svg[data-v-c5343270],
8204            .tabs__header-title .tabs__icon svg[data-v-c5343270] {
8205                vertical-align: bottom;
8206                color: rgba(25, 34, 42, 0.4);
8207            }
8208            .tabs a .tabs__label[data-v-c5343270],
8209            .tabs__header-title .tabs__label[data-v-c5343270] {
8210                display: inline-flex;
8211            }
8212            .tabs a .tabs__label[data-v-c5343270]:not(:empty),
8213            .tabs__header-title .tabs__label[data-v-c5343270]:not(:empty) {
8214                padding-left: 4px;
8215            }
8216            @media screen and (max-width: 768px) {
8217                .tabs a[data-v-c5343270],
8218                .tabs__header-title[data-v-c5343270] {
8219                    padding: 10px 0px;
8220                    height: 40px;
8221                }
8222            }
8223            .tabs a[data-v-c5343270]:not(:last-child),
8224            .tabs__header-title[data-v-c5343270]:not(:last-child) {
8225                margin-right: 16px;
8226            }
8227            .tabs a[data-v-c5343270]:before,
8228            .tabs__header-title[data-v-c5343270]:before {
8229                content: "";
8230                height: 3px;
8231                background: #0072ff;
8232                position: absolute;
8233                bottom: 0;
8234                left: 0;
8235                opacity: 0;
8236                transition: opacity 1s;
8237            }
8238            .tabs a[data-v-c5343270]:after,
8239            .tabs__header-title[data-v-c5343270]:after {
8240                content: "";
8241                width: 100%;
8242                bottom: 0;
8243                left: 0;
8244                position: absolute;
8245                border-bottom: none;
8246                transition: border-bottom ease-out 0.2s;
8247            }
8248            .tabs a[data-v-c5343270]:hover:after,
8249            .tabs__header-title[data-v-c5343270]:hover:after {
8250                border-bottom: 2px solid #acb0b4;
8251                border-radius: 1px;
8252            }
8253            .tabs a.b-active[data-v-c5343270],
8254            .tabs__header-title.b-active[data-v-c5343270] {
8255                opacity: 1;
8256                color: #0072ff;
8257            }
8258            .tabs a.b-active .tabs__icon svg[data-v-c5343270],
8259            .tabs__header-title.b-active .tabs__icon svg[data-v-c5343270] {
8260                color: #0072ff;
8261            }
8262            .tabs a.b-disabled[data-v-c5343270],
8263            .tabs__header-title.b-disabled[data-v-c5343270] {
8264                opacity: 1;
8265                color: rgba(25, 34, 42, 0.4);
8266            }
8267            .tabs a.b-disabled[data-v-c5343270]:hover:after,
8268            .tabs__header-title.b-disabled[data-v-c5343270]:hover:after {
8269                border-bottom: none;
8270            }
8271            .tabs a.b-disabled .tabs__label .label[data-v-c5343270],
8272            .tabs__header-title.b-disabled .tabs__label .label[data-v-c5343270] {
8273                background-color: #e1e3e4;
8274                color: rgba(25, 34, 42, 0.4);
8275            }
8276            .tabs a .tabs__icon[data-v-c5343270],
8277            .tabs__header-title .tabs__icon[data-v-c5343270] {
8278                margin-right: 2px;
8279            }
8280            .tabs a .tabs__icon svg[data-v-c5343270],
8281            .tabs__header-title .tabs__icon svg[data-v-c5343270] {
8282                vertical-align: middle;
8283                color: rgba(25, 34, 42, 0.4);
8284                transform: scale(0.75);
8285            }
8286            .tabs a[data-v-c5343270]:not(.b-disabled):focus-visible,
8287            .tabs__header-title[data-v-c5343270]:not(.b-disabled):focus-visible {
8288                color: #fff;
8289                background: #000;
8290            }
8291            .tabs a:not(.b-disabled):focus-visible svg[data-v-c5343270],
8292            .tabs__header-title:not(.b-disabled):focus-visible svg[data-v-c5343270] {
8293                color: #fff;
8294            }
8295            .tabs.b-centered[data-v-c5343270],
8296            .tabs.b-centered-primary[data-v-c5343270] {
8297                display: block;
8298            }
8299            .tabs.b-centered a[data-v-c5343270],
8300            .tabs.b-centered-primary a[data-v-c5343270] {
8301                width: 100%;
8302                justify-content: center;
8303                min-width: 0;
8304            }
8305            .tabs.b-primary[data-v-c5343270],
8306            .tabs.b-centered-primary[data-v-c5343270] {
8307                background-color: #fff;
8308                box-shadow: 0 1px 6px 0 rgba(0, 0, 0, 0.1);
8309                border-radius: 8px;
8310                padding: 4px;
8311                margin-top: 10px;
8312                border-bottom: none;
8313            }
8314            @media screen and (min-width: 960px) {
8315                .tabs.b-primary ~ .tabs__control .tabs__control-next[data-v-c5343270],
8316                .tabs.b-primary ~ .tabs__control .tabs__control-prev[data-v-c5343270],
8317                .tabs.b-centered-primary ~ .tabs__control .tabs__control-next[data-v-c5343270],
8318                .tabs.b-centered-primary ~ .tabs__control .tabs__control-prev[data-v-c5343270] {
8319                    top: 0;
8320                }
8321            }
8322            .tabs.b-primary .slider[data-v-c5343270],
8323            .tabs.b-centered-primary .slider[data-v-c5343270] {
8324                display: none;
8325            }
8326            .tabs.b-primary a[data-v-c5343270],
8327            .tabs.b-centered-primary a[data-v-c5343270] {
8328                padding: 7px 16px;
8329                border-radius: 4px;
8330                transition: all 0.3s ease;
8331                font:
8332                    14px/18px "blibli demi bold",
8333                    -apple-system,
8334                    segoe ui,
8335                    roboto,
8336                    helvetica,
8337                    arial,
8338                    sans-serif;
8339                color: #0072ff;
8340                height: 32px;
8341            }
8342            .tabs.b-primary a[data-v-c5343270]:hover:after,
8343            .tabs.b-centered-primary a[data-v-c5343270]:hover:after {
8344                border-bottom: none;
8345            }
8346            .tabs.b-primary a[data-v-c5343270]:not(:last-child),
8347            .tabs.b-centered-primary a[data-v-c5343270]:not(:last-child) {
8348                margin-right: 8px;
8349            }
8350            .tabs.b-primary a.b-active[data-v-c5343270],
8351            .tabs.b-centered-primary a.b-active[data-v-c5343270] {
8352                color: #fff;
8353                background-color: #1d8fff;
8354            }
8355            .tabs.b-primary a.b-active svg[data-v-c5343270],
8356            .tabs.b-centered-primary a.b-active svg[data-v-c5343270] {
8357                color: #fff;
8358            }
8359            .tabs.b-primary a.b-active .blu-label[data-v-c5343270],
8360            .tabs.b-centered-primary a.b-active .blu-label[data-v-c5343270] {
8361                background-color: #fff;
8362                color: #0072ff;
8363            }
8364            .tabs.b-primary a.b-active[data-v-c5343270]:hover,
8365            .tabs.b-centered-primary a.b-active[data-v-c5343270]:hover {
8366                background-color: #0072ff;
8367            }
8368            .tabs.b-primary a.b-disabled[data-v-c5343270],
8369            .tabs.b-centered-primary a.b-disabled[data-v-c5343270] {
8370                color: rgba(25, 34, 42, 0.4);
8371            }
8372            .tabs.b-primary a[data-v-c5343270]:not(.b-disabled):not(.b-active):hover,
8373            .tabs.b-centered-primary a[data-v-c5343270]:not(.b-disabled):not(.b-active):hover {
8374                background-color: #f1f2f2;
8375            }
8376            .tabs.b-primary a[data-v-c5343270]:focus-visible,
8377            .tabs.b-centered-primary a[data-v-c5343270]:focus-visible {
8378                color: #0072ff;
8379                box-shadow: 0px 0px 0px 4px #000;
8380                background-color: #f1f2f2;
8381            }
8382            .tabs__item[data-v-c5343270] {
8383                padding: 16px 0;
8384            }
8385            .tabs__item.b-active[data-v-c5343270] {
8386                animation: fade-c5343270 0.8s ease-in-out;
8387            }
8388            .tabs__header[data-v-c5343270] {
8389                display: flex;
8390            }
8391            .tabs__label[data-v-c5343270] {
8392                display: flex;
8393                align-items: center;
8394                margin-left: 4px;
8395            }
8396            @media screen and (min-width: 960px) {
8397                .tabs__control[data-v-c5343270] {
8398                    --tab-fab-position: 16px;
8399                    --tab-fab-opacity: 0;
8400                    --tab-fab-background: linear-gradient(270deg, rgba(224, 224, 224, 0) 0%, #ffffff 100%);
8401                    position: absolute;
8402                    top: 0;
8403                    left: 0;
8404                    width: 100%;
8405                }
8406                .tabs__control[data-v-c5343270]:hover {
8407                    --tab-fab-opacity: 1;
8408                    --tab-fab-position: 0;
8409                }
8410                .tabs__control-prev[data-v-c5343270],
8411                .tabs__control-next[data-v-c5343270] {
8412                    width: 56px;
8413                    height: 40px;
8414                    position: absolute;
8415                    opacity: var(--tab-fab-opacity);
8416                    background: var(--tab-fab-background);
8417                    border-radius: 16px;
8418                    transition: all 0.15s ease;
8419                    padding: 4px;
8420                    top: 11px;
8421                    cursor: pointer;
8422                }
8423                .tabs__control-prev div[data-v-c5343270],
8424                .tabs__control-next div[data-v-c5343270] {
8425                    width: 32px;
8426                    height: 32px;
8427                    background: #fff;
8428                    box-shadow: 0 1px 6px 0 rgba(0, 0, 0, 0.1);
8429                    border-radius: 50%;
8430                    position: relative;
8431                    display: grid;
8432                    place-items: center;
8433                    left: var(--tab-fab-position);
8434                    transition: all 0.15s cubic-bezier(0, 0, 0.2, 1.2);
8435                }
8436                .tabs__control-prev div[data-v-c5343270]::after,
8437                .tabs__control-next div[data-v-c5343270]::after {
8438                    content: "";
8439                    background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB2aWV3Qm94PSIwIDAgMjQgMjQiPgogIDxkZWZzPgogICAgPHBhdGgKICAgICAgICBpZD0iMTkwcjYzOHp6YSIKICAgICAgICBkPSJNMCA1LjE1NGMwLS42MzYuMjkyLTEuMjE5LjgtMS42TDUuNDExLjE5MmMuNDQ2LS4zMjUgMS4wNzItLjIyOCAxLjM5Ny4yMi4zMjUuNDQ1LjIyNyAxLjA3MS0uMjE5IDEuMzk2bC00LjYgMy4zNTQgNC41NjMgMy4wMDRjLjQ2LjMwNS41ODcuOTI1LjI4MiAxLjM4Ni0uMzA1LjQ2LS45MjYuNTg2LTEuMzg2LjI4MmwtNC42LTMuMDQ2Qy4yOTEgNi4zNzIgMCA1Ljc5IDAgNS4xNTR6IgogICAgLz4KICA8L2RlZnM+CiAgPGcgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIj4KICAgIDxnPgogICAgICA8Zz4KICAgICAgICA8cGF0aCBmaWxsPSIjRkZGIiBmaWxsLW9wYWNpdHk9Ii4wMSIgZD0iTTAgMEgyNFYyNEgweiIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTU5MiAtNzg1KSB0cmFuc2xhdGUoNTkyIDc4NSkiIC8+CiAgICAgICAgPGcgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTU5MiAtNzg1KSB0cmFuc2xhdGUoNTkyIDc4NSkgdHJhbnNsYXRlKDggNykiPgogICAgICAgICAgPG1hc2sgaWQ9InU0ZGRwYm95eGIiIGZpbGw9IiNmZmYiPjx1c2UgeGxpbms6aHJlZj0iIzE5MHI2Mzh6emEiIC8+PC9tYXNrPgogICAgICAgICAgPHVzZSBmaWxsPSIjNzk3Rjg1IiBmaWxsLXJ1bGU9Im5vbnplcm8iIHhsaW5rOmhyZWY9IiMxOTByNjM4enphIiAvPgogICAgICAgICAgPHBhdGggZmlsbD0iIzAwOTVkYSIgZD0iTS04IC03SDE2VjE3SC04eiIgbWFzaz0idXJsKCN1NGRkcGJveXhiKSIgLz4KICAgICAgICA8L2c+CiAgICAgIDwvZz4KICAgIDwvZz4KICA8L2c+Cjwvc3ZnPgo=);
8440                    width: 18px;
8441                    height: 18px;
8442                    position: absolute;
8443                }
8444                .tabs__control-prev[data-v-c5343270] {
8445                    left: 0;
8446                }
8447                .tabs__control-next[data-v-c5343270] {
8448                    right: 0;
8449                    transform: rotate(180deg);
8450                }
8451            }
8452            .tabs:hover ~ .tabs__control[data-v-c5343270] {
8453                --tab-fab-opacity: 1;
8454                --tab-fab-position: 0;
8455            }
8456            .tabs-wrapper[data-v-c5343270] {
8457                position: relative;
8458            }
8459            .slider[data-v-c5343270] {
8460                width: auto;
8461                height: 2px;
8462                border-radius: 1px;
8463                background: #0072ff;
8464                opacity: 1;
8465                position: absolute;
8466                left: 0;
8467                bottom: 0;
8468                transition: all 0.4s linear;
8469            }
8470            @keyframes shake-c5343270 {
8471                30%,
8472                50% {
8473                    transform: translate3d(-2px, 0, 0);
8474                }
8475                40%,
8476                60% {
8477                    transform: translate3d(0, 0, 0);
8478                }
8479            }
8480            @keyframes fade-c5343270 {
8481                0% {
8482                    opacity: 0;
8483                }
8484                100% {
8485                    opacity: 1;
8486                }
8487            }
8488        </style>
8489        <link
8490            data-vue-meta="2"
8491            href="android-app://blibli.mobile.commerce/blibli/product/ps--ELP-60049-00553"
8492            id="alternate"
8493            rel="alternate"
8494        />
8495        <style nonce="">
8496            .aStyle-kh82igwya {
8497                color: red;
8498                float: left;
8499                opacity: 0.55;
8500            }
8501        </style>
8502        <style>
8503            html:not([dark]) .blu-loader-skeleton[data-v-5d7a33db] {
8504                --blu-loader-skeleton-border-radius: 8px;
8505                --blu-loader-skeleton-highlight-color-background: linear-gradient(
8506                    90deg,
8507                    rgba(249, 249, 250, 0) 0%,
8508                    #f9f9fa 50.68%,
8509                    rgba(249, 249, 250, 0.0001) 100%
8510                );
8511                height: var(--blu-loader-skeleton-height);
8512                width: var(--blu-loader-skeleton-width);
8513                background-color: #f1f2f2;
8514                border-radius: var(--blu-loader-skeleton-border-radius);
8515            }
8516            html:not([dark]) .blu-loader-skeleton__gradient[data-v-5d7a33db] {
8517                position: relative;
8518                overflow: hidden;
8519                width: 100%;
8520                height: 100%;
8521                border-radius: var(--blu-loader-skeleton-border-radius);
8522            }
8523            html:not([dark]) .blu-loader-skeleton__gradient[data-v-5d7a33db]:after {
8524                content: "";
8525                position: absolute;
8526                top: 0;
8527                left: 0;
8528                right: 0;
8529                bottom: 0;
8530                transform: translate(-100%);
8531                background: var(--blu-loader-skeleton-highlight-color-background);
8532                animation: shimmer-5d7a33db 0.8s infinite 0.1s;
8533            }
8534            html:not([dark]) .blu-loader-skeleton.b-small[data-v-5d7a33db] {
8535                --blu-loader-skeleton-border-radius: 4px;
8536            }
8537            html:not([dark]) .blu-loader-skeleton.b-circle[data-v-5d7a33db] {
8538                --blu-loader-skeleton-border-radius: 50%;
8539            }
8540            html[dark] .blu-loader-skeleton[data-v-5d7a33db] {
8541                --blu-loader-skeleton-border-radius: 8px;
8542                --blu-loader-skeleton-highlight-color-background: linear-gradient(
8543                    90deg,
8544                    rgba(249, 249, 250, 0) 0%,
8545                    #19222a 50.68%,
8546                    rgba(249, 249, 250, 0.0001) 100%
8547                );
8548                height: var(--blu-loader-skeleton-height);
8549                width: var(--blu-loader-skeleton-width);
8550                background-color: #28323b;
8551                border-radius: var(--blu-loader-skeleton-border-radius);
8552            }
8553            html[dark] .blu-loader-skeleton__gradient[data-v-5d7a33db] {
8554                position: relative;
8555                overflow: hidden;
8556                width: 100%;
8557                height: 100%;
8558                border-radius: var(--blu-loader-skeleton-border-radius);
8559            }
8560            html[dark] .blu-loader-skeleton__gradient[data-v-5d7a33db]:after {
8561                content: "";
8562                position: absolute;
8563                top: 0;
8564                left: 0;
8565                right: 0;
8566                bottom: 0;
8567                transform: translate(-100%);
8568                background: var(--blu-loader-skeleton-highlight-color-background);
8569                animation: shimmer-5d7a33db 0.8s infinite 0.1s;
8570            }
8571            @keyframes shimmer-5d7a33db {
8572                to {
8573                    transform: translate(100%);
8574                }
8575            }
8576            html[dark] .blu-loader-skeleton.b-small[data-v-5d7a33db] {
8577                --blu-loader-skeleton-border-radius: 4px;
8578            }
8579            html[dark] .blu-loader-skeleton.b-circle[data-v-5d7a33db] {
8580                --blu-loader-skeleton-border-radius: 50%;
8581            }
8582        </style>
8583        <style>
8584            html:not([dark]) .blu-loader-general[data-v-5f0af726] {
8585                --blu-loader-general-highlight-color-background: #1d8fff;
8586                --blu-loader-general-base-color-background: #f1f2f2;
8587                width: var(--blu-loader-general-size);
8588                height: var(--blu-loader-general-size);
8589            }
8590            html:not([dark]) .blu-loader-general__asset[data-v-5f0af726] {
8591                animation: general-rotate-5f0af726 1.6s linear infinite;
8592                transform-origin: center center;
8593                transition: all 0.5s ease-in-out;
8594                width: 100%;
8595                height: 100%;
8596                margin: auto;
8597                transform: rotate(90deg);
8598            }
8599            html:not([dark]) .blu-loader-general__asset--highlight[data-v-5f0af726],
8600            html:not([dark]) .blu-loader-general__asset--base[data-v-5f0af726] {
8601                stroke-linecap: round;
8602            }
8603            html:not([dark]) .blu-loader-general__asset--highlight[data-v-5f0af726] {
8604                stroke: var(--blu-loader-general-highlight-color-background);
8605                animation: general-highlight-5f0af726 1.6s linear infinite;
8606            }
8607            html:not([dark]) .blu-loader-general__asset--base[data-v-5f0af726] {
8608                stroke: var(--blu-loader-general-base-color-background);
8609                animation: general-base-5f0af726 1.6s linear infinite;
8610            }
8611            html:not([dark]) .blu-loader-general.b-inverted[data-v-5f0af726] {
8612                --blu-loader-general-highlight-color-background: #ffffff;
8613                --blu-loader-general-base-color-background: #c8cbcd;
8614            }
8615            html:not([dark]) .blu-loader-general.b-size-s[data-v-5f0af726] {
8616                --blu-loader-general-size: 16px;
8617            }
8618            html:not([dark]) .blu-loader-general.b-size-m[data-v-5f0af726] {
8619                --blu-loader-general-size: 18px;
8620            }
8621            html:not([dark]) .blu-loader-general.b-size-l[data-v-5f0af726] {
8622                --blu-loader-general-size: 24px;
8623            }
8624            html:not([dark]) .blu-loader-general.b-size-xl[data-v-5f0af726] {
8625                --blu-loader-general-size: 32px;
8626            }
8627            html[dark] .blu-loader-general[data-v-5f0af726] {
8628                --blu-loader-general-highlight-color-background: #4fa4ff;
8629                --blu-loader-general-base-color-background: #28323b;
8630                width: var(--blu-loader-general-size);
8631                height: var(--blu-loader-general-size);
8632            }
8633            html[dark] .blu-loader-general__asset[data-v-5f0af726] {
8634                animation: general-rotate-5f0af726 1.6s linear infinite;
8635                transform-origin: center center;
8636                transition: all 0.5s ease-in-out;
8637                width: 100%;
8638                height: 100%;
8639                margin: auto;
8640                transform: rotate(90deg);
8641            }
8642            html[dark] .blu-loader-general__asset--highlight[data-v-5f0af726],
8643            html[dark] .blu-loader-general__asset--base[data-v-5f0af726] {
8644                stroke-linecap: round;
8645            }
8646            html[dark] .blu-loader-general__asset--highlight[data-v-5f0af726] {
8647                stroke: var(--blu-loader-general-highlight-color-background);
8648                animation: general-highlight-5f0af726 1.6s linear infinite;
8649            }
8650            html[dark] .blu-loader-general__asset--base[data-v-5f0af726] {
8651                stroke: var(--blu-loader-general-base-color-background);
8652                animation: general-base-5f0af726 1.6s linear infinite;
8653            }
8654            html[dark] .blu-loader-general.b-inverted[data-v-5f0af726] {
8655                --blu-loader-general-highlight-color-background: #12171d;
8656                --blu-loader-general-base-color-background: #60686e;
8657            }
8658            html[dark] .blu-loader-general.b-size-s[data-v-5f0af726] {
8659                --blu-loader-general-size: 16px;
8660            }
8661            html[dark] .blu-loader-general.b-size-m[data-v-5f0af726] {
8662                --blu-loader-general-size: 18px;
8663            }
8664            html[dark] .blu-loader-general.b-size-l[data-v-5f0af726] {
8665                --blu-loader-general-size: 24px;
8666            }
8667            html[dark] .blu-loader-general.b-size-xl[data-v-5f0af726] {
8668                --blu-loader-general-size: 32px;
8669            }
8670            @keyframes general-highlight-5f0af726 {
8671                0% {
8672                    stroke-dasharray: 1, 200;
8673                    stroke-dashoffset: 0;
8674                }
8675                50% {
8676                    stroke-dasharray: 50, 200;
8677                    stroke-dashoffset: -15px;
8678                }
8679                to {
8680                    stroke-dasharray: 50, 200;
8681                    stroke-dashoffset: -124px;
8682                }
8683            }
8684            @keyframes general-base-5f0af726 {
8685                0% {
8686                    stroke-dasharray: 1, 200;
8687                    stroke-dashoffset: 0;
8688                }
8689                to {
8690                    stroke-dasharray: 100, 200;
8691                    stroke-dashoffset: -120px;
8692                }
8693            }
8694            @keyframes general-rotate-5f0af726 {
8695                to {
8696                    transform: rotate(450deg);
8697                }
8698            }
8699            html:not([dark]) button[data-v-498b5b0a] {
8700                border: none;
8701                background: none;
8702                cursor: pointer;
8703                font-family:
8704                    Blibli,
8705                    -apple-system,
8706                    Segoe UI,
8707                    Roboto,
8708                    Helvetica,
8709                    Arial,
8710                    sans-serif;
8711                padding: 0;
8712            }
8713            html:not([dark]) input[type="submit"][data-v-498b5b0a]::-moz-focus-inner,
8714            html:not([dark]) input[type="button"][data-v-498b5b0a]::-moz-focus-inner {
8715                border: 0px;
8716            }
8717            html:not([dark]) button[data-v-498b5b0a]:focus,
8718            html:not([dark]) input[type="submit"][data-v-498b5b0a]:focus,
8719            html:not([dark]) input[type="button"][data-v-498b5b0a]:focus,
8720            html:not([dark]) input[type="reset"][data-v-498b5b0a]:focus,
8721            html:not([dark]) a[data-v-498b5b0a] {
8722                outline: none;
8723            }
8724            html:not([dark]) .blu-button[data-v-498b5b0a] {
8725                --blu-button-border-width: 1px;
8726                --blu-button-border-radius: 64px;
8727                --blu-button-color-text: #ffffff;
8728                --blu-button-color-icon: #ffffff;
8729                --blu-button-opacity: $blu-button-opacity;
8730                --blu-button-size-height: 48px;
8731                --blu-button-icon-size: 24px;
8732                --blu-button-spacing-padding: 0 32px;
8733                --blu-button-spacing-gap: 8px;
8734                --blu-button-text: 600 16px/20px Blibli, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif;
8735                padding: var(--blu-button-spacing-padding);
8736                height: var(--blu-button-size-height);
8737                border-radius: var(--blu-button-border-radius);
8738                transition:
8739                    transform 0.3s 0.08s,
8740                    all 0.3s;
8741                color: var(--blu-button-color-text);
8742                background-color: var(--blu-button-color-background);
8743                font: var(--blu-button-text);
8744                box-shadow: 0 0 0 var(--blu-button-border-width) var(--blu-button-color-border);
8745                display: inline-flex;
8746                justify-content: center;
8747                align-items: center;
8748                white-space: nowrap;
8749            }
8750            html:not([dark]) .blu-button[data-v-498b5b0a]:active:hover:not(.b-disabled),
8751            html:not([dark]) .blu-button:active.b-hover[data-v-498b5b0a]:not(.b-disabled) {
8752                transform: scale(0.875);
8753            }
8754            html:not([dark]) .blu-button[data-v-498b5b0a]:focus-visible {
8755                outline: none;
8756            }
8757            html:not([dark]) .blu-button[data-v-498b5b0a]:focus-visible:not(.b-disabled) {
8758                box-shadow: 0 0 0 2px #19222a;
8759            }
8760            html:not([dark]) .blu-button__icon[data-v-498b5b0a] {
8761                display: flex;
8762                color: var(--blu-button-color-icon);
8763            }
8764            html:not([dark]) .blu-button__icon[data-v-498b5b0a] svg {
8765                width: var(--blu-button-icon-size);
8766                height: var(--blu-button-icon-size);
8767            }
8768            html:not([dark]) .blu-button.b-has-icon:not(.b-has-icon-only) .blu-button__icon[data-v-498b5b0a] {
8769                margin-right: var(--blu-button-spacing-gap);
8770            }
8771            html:not([dark]) .blu-button.b-has-icon-only[data-v-498b5b0a] {
8772                --blu-button-spacing-padding: 0 12px;
8773            }
8774            html:not([dark]) .blu-button.b-loading[data-v-498b5b0a] .blu-loader-wrapper svg {
8775                display: flex;
8776                width: 18px;
8777                height: 18px;
8778            }
8779            html:not([dark]) .blu-button.b-disabled[data-v-498b5b0a] {
8780                cursor: not-allowed;
8781            }
8782            html:not([dark]) .blu-button.b-disabled[data-v-498b5b0a]:active {
8783                pointer-events: none;
8784            }
8785            html:not([dark]) .blu-button.b-full-width[data-v-498b5b0a] {
8786                width: 100%;
8787            }
8788            html:not([dark]) .blu-button.b-primary.b-common[data-v-498b5b0a] {
8789                --blu-button-color-background: #0072ff;
8790            }
8791            html:not([dark]) .blu-button.b-primary.b-common.b-hover[data-v-498b5b0a]:not(.b-disabled),
8792            html:not([dark]) .blu-button.b-primary.b-common[data-v-498b5b0a]:hover:not(.b-disabled),
8793            html:not([dark]) .blu-button.b-primary.b-common[data-v-498b5b0a]:active:not(.b-disabled),
8794            html:not([dark]) .blu-button.b-primary.b-common[data-v-498b5b0a]:focus-visible:not(.b-disabled) {
8795                --blu-button-color-background: #1d8fff;
8796                --blu-button-color-border: transparent;
8797            }
8798            html:not([dark]) .blu-button.b-primary.b-danger[data-v-498b5b0a] {
8799                --blu-button-color-background: #e93c3c;
8800            }
8801            html:not([dark]) .blu-button.b-primary.b-danger.b-hover[data-v-498b5b0a]:not(.b-disabled),
8802            html:not([dark]) .blu-button.b-primary.b-danger[data-v-498b5b0a]:hover:not(.b-disabled),
8803            html:not([dark]) .blu-button.b-primary.b-danger[data-v-498b5b0a]:active:not(.b-disabled),
8804            html:not([dark]) .blu-button.b-primary.b-danger[data-v-498b5b0a]:focus-visible:not(.b-disabled) {
8805                --blu-button-color-background: #ff4646;
8806                --blu-button-color-border: transparent;
8807            }
8808            html:not([dark]) .blu-button.b-primary.b-inverted[data-v-498b5b0a] {
8809                --blu-button-color-background: #ffffff;
8810                --blu-button-color-text: #006dea;
8811                --blu-button-color-icon: #0072ff;
8812            }
8813            html:not([dark]) .blu-button.b-primary.b-inverted.b-hover[data-v-498b5b0a]:not(.b-disabled),
8814            html:not([dark]) .blu-button.b-primary.b-inverted[data-v-498b5b0a]:hover:not(.b-disabled),
8815            html:not([dark]) .blu-button.b-primary.b-inverted[data-v-498b5b0a]:active:not(.b-disabled),
8816            html:not([dark]) .blu-button.b-primary.b-inverted[data-v-498b5b0a]:focus-visible:not(.b-disabled) {
8817                --blu-button-color-background: #f9f9fa;
8818                --blu-button-color-border: transparent;
8819            }
8820            html:not([dark]) .blu-button.b-primary.b-disabled[data-v-498b5b0a] {
8821                --blu-button-color-background: #e1e3e4;
8822                --blu-button-color-text: rgba(25, 34, 42, 0.3019607843);
8823                --blu-button-color-icon: rgba(25, 34, 42, 0.3019607843);
8824            }
8825            html:not([dark]) .blu-button.b-primary.b-disabled[data-v-498b5b0a]:not(.b-inverted) {
8826                --blu-button-color-background: #e1e3e4;
8827                --blu-button-color-text: rgba(25, 34, 42, 0.3019607843);
8828                --blu-button-color-icon: rgba(25, 34, 42, 0.3019607843);
8829            }
8830            html:not([dark]) .blu-button.b-small[data-v-498b5b0a] {
8831                --blu-button-border-radius: 64px;
8832                --blu-button-size-height: 36px;
8833                --blu-button-spacing-padding: 0 16px;
8834                --blu-button-text: 600 14px/18px Blibli, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif;
8835                --blu-button-icon-size: 18px;
8836                --blu-button-spacing-gap: 4px;
8837            }
8838            html:not([dark]) .blu-button.b-small.b-has-icon-only[data-v-498b5b0a] {
8839                --blu-button-spacing-padding: 0 9px;
8840            }
8841            html:not([dark]) .blu-button.b-secondary[data-v-498b5b0a] {
8842                --blu-button-color-background: #ffffff;
8843            }
8844            html:not([dark]) .blu-button.b-secondary.b-common[data-v-498b5b0a] {
8845                --blu-button-color-border: #1d8fff;
8846                --blu-button-color-text: #006dea;
8847                --blu-button-color-icon: #0072ff;
8848            }
8849            html:not([dark]) .blu-button.b-secondary.b-common.b-hover[data-v-498b5b0a]:not(.b-disabled),
8850            html:not([dark]) .blu-button.b-secondary.b-common[data-v-498b5b0a]:hover:not(.b-disabled),
8851            html:not([dark]) .blu-button.b-secondary.b-common[data-v-498b5b0a]:active:not(.b-disabled),
8852            html:not([dark]) .blu-button.b-secondary.b-common[data-v-498b5b0a]:focus-visible:not(.b-disabled) {
8853                --blu-button-color-background: #f3f9ff;
8854                --blu-button-color-border: #0072ff;
8855            }
8856            html:not([dark]) .blu-button.b-secondary.b-danger[data-v-498b5b0a] {
8857                --blu-button-color-border: #ff4646;
8858                --blu-button-color-text: #d33534;
8859                --blu-button-color-icon: #e93c3c;
8860            }
8861            html:not([dark]) .blu-button.b-secondary.b-danger.b-hover[data-v-498b5b0a]:not(.b-disabled),
8862            html:not([dark]) .blu-button.b-secondary.b-danger[data-v-498b5b0a]:hover:not(.b-disabled),
8863            html:not([dark]) .blu-button.b-secondary.b-danger[data-v-498b5b0a]:active:not(.b-disabled),
8864            html:not([dark]) .blu-button.b-secondary.b-danger[data-v-498b5b0a]:focus-visible:not(.b-disabled) {
8865                --blu-button-color-background: #fff5f5;
8866                --blu-button-color-border: #e93c3c;
8867            }
8868            html:not([dark]) .blu-button.b-secondary.b-inverted[data-v-498b5b0a] {
8869                --blu-button-color-background: rgba(25, 34, 42, 0.3019607843);
8870                --blu-button-color-border: #ffffff;
8871                --blu-button-color-text: #ffffff;
8872                --blu-button-color-icon: #ffffff;
8873            }
8874            html:not([dark]) .blu-button.b-secondary.b-inverted.b-hover[data-v-498b5b0a]:not(.b-disabled),
8875            html:not([dark]) .blu-button.b-secondary.b-inverted[data-v-498b5b0a]:hover:not(.b-disabled),
8876            html:not([dark]) .blu-button.b-secondary.b-inverted[data-v-498b5b0a]:active:not(.b-disabled),
8877            html:not([dark]) .blu-button.b-secondary.b-inverted[data-v-498b5b0a]:focus-visible:not(.b-disabled) {
8878                --blu-button-color-background: rgba(255, 255, 255, 0.4);
8879                --blu-button-color-border: #ffffff;
8880            }
8881            html:not([dark]) .blu-button.b-secondary.b-disabled[data-v-498b5b0a] {
8882                --blu-button-color-background: #e1e3e4;
8883                --blu-button-color-border: #c8cbcd;
8884                --blu-button-color-text: rgba(25, 34, 42, 0.3019607843);
8885                --blu-button-color-icon: rgba(25, 34, 42, 0.3019607843);
8886            }
8887            html:not([dark]) .blu-button.b-secondary.b-disabled[data-v-498b5b0a]:not(.b-inverted) {
8888                --blu-button-color-background: #e1e3e4;
8889                --blu-button-color-border: #c8cbcd;
8890                --blu-button-color-text: rgba(25, 34, 42, 0.3019607843);
8891                --blu-button-color-icon: rgba(25, 34, 42, 0.3019607843);
8892            }
8893            html:not([dark]) .blu-button[data-v-498b5b0a] {
8894                width: var(--blu-button-custom-width);
8895            }
8896            html:not([dark]) .blu-button.b-tertiary.b-common[data-v-498b5b0a] {
8897                --blu-button-color-text: #006dea;
8898                --blu-button-color-icon: #0072ff;
8899            }
8900            html:not([dark]) .blu-button.b-tertiary.b-common.b-hover[data-v-498b5b0a]:not(.b-disabled),
8901            html:not([dark]) .blu-button.b-tertiary.b-common[data-v-498b5b0a]:hover:not(.b-disabled),
8902            html:not([dark]) .blu-button.b-tertiary.b-common[data-v-498b5b0a]:active:not(.b-disabled),
8903            html:not([dark]) .blu-button.b-tertiary.b-common[data-v-498b5b0a]:focus-visible:not(.b-disabled) {
8904                --blu-button-color-background: #f3f9ff;
8905                --blu-button-color-border: transparent;
8906            }
8907            html:not([dark]) .blu-button.b-tertiary.b-danger[data-v-498b5b0a] {
8908                --blu-button-color-text: #d33534;
8909                --blu-button-color-icon: #e93c3c;
8910            }
8911            html:not([dark]) .blu-button.b-tertiary.b-danger.b-hover[data-v-498b5b0a]:not(.b-disabled),
8912            html:not([dark]) .blu-button.b-tertiary.b-danger[data-v-498b5b0a]:hover:not(.b-disabled),
8913            html:not([dark]) .blu-button.b-tertiary.b-danger[data-v-498b5b0a]:active:not(.b-disabled),
8914            html:not([dark]) .blu-button.b-tertiary.b-danger[data-v-498b5b0a]:focus-visible:not(.b-disabled) {
8915                --blu-button-color-background: #fff5f5;
8916                --blu-button-color-border: transparent;
8917            }
8918            html:not([dark]) .blu-button.b-tertiary.b-inverted[data-v-498b5b0a] {
8919                --blu-button-color-text: #ffffff;
8920                --blu-button-color-icon: #ffffff;
8921            }
8922            html:not([dark]) .blu-button.b-tertiary.b-inverted.b-hover[data-v-498b5b0a]:not(.b-disabled),
8923            html:not([dark]) .blu-button.b-tertiary.b-inverted[data-v-498b5b0a]:hover:not(.b-disabled),
8924            html:not([dark]) .blu-button.b-tertiary.b-inverted[data-v-498b5b0a]:active:not(.b-disabled),
8925            html:not([dark]) .blu-button.b-tertiary.b-inverted[data-v-498b5b0a]:focus-visible:not(.b-disabled) {
8926                --blu-button-color-background: rgba(255, 255, 255, 0.4);
8927                --blu-button-color-border: transparent;
8928            }
8929            html:not([dark]) .blu-button.b-tertiary.b-disabled[data-v-498b5b0a] {
8930                --blu-button-color-text: rgba(255, 255, 255, 0.4);
8931                --blu-button-color-icon: rgba(255, 255, 255, 0.4);
8932            }
8933            html:not([dark]) .blu-button.b-tertiary.b-disabled[data-v-498b5b0a]:not(.b-inverted) {
8934                --blu-button-color-text: rgba(25, 34, 42, 0.3019607843);
8935                --blu-button-color-icon: rgba(25, 34, 42, 0.3019607843);
8936            }
8937            html:not([dark]) a[data-v-498b5b0a] {
8938                text-decoration: none;
8939            }
8940            html[dark] button[data-v-498b5b0a] {
8941                border: none;
8942                background: none;
8943                cursor: pointer;
8944                font-family:
8945                    Blibli,
8946                    -apple-system,
8947                    Segoe UI,
8948                    Roboto,
8949                    Helvetica,
8950                    Arial,
8951                    sans-serif;
8952                padding: 0;
8953            }
8954            html[dark] input[type="submit"][data-v-498b5b0a]::-moz-focus-inner,
8955            html[dark] input[type="button"][data-v-498b5b0a]::-moz-focus-inner {
8956                border: 0px;
8957            }
8958            html[dark] button[data-v-498b5b0a]:focus,
8959            html[dark] input[type="submit"][data-v-498b5b0a]:focus,
8960            html[dark] input[type="button"][data-v-498b5b0a]:focus,
8961            html[dark] input[type="reset"][data-v-498b5b0a]:focus,
8962            html[dark] a[data-v-498b5b0a] {
8963                outline: none;
8964            }
8965            html[dark] .blu-button[data-v-498b5b0a] {
8966                --blu-button-border-width: 1px;
8967                --blu-button-border-radius: 64px;
8968                --blu-button-color-text: #ffffff;
8969                --blu-button-color-icon: #ffffff;
8970                --blu-button-opacity: $blu-button-opacity;
8971                --blu-button-size-height: 48px;
8972                --blu-button-icon-size: 24px;
8973                --blu-button-spacing-padding: 0 32px;
8974                --blu-button-spacing-gap: 8px;
8975                --blu-button-text: 600 16px/20px Blibli, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif;
8976                padding: var(--blu-button-spacing-padding);
8977                height: var(--blu-button-size-height);
8978                border-radius: var(--blu-button-border-radius);
8979                transition:
8980                    transform 0.3s 0.08s,
8981                    all 0.3s;
8982                color: var(--blu-button-color-text);
8983                background-color: var(--blu-button-color-background);
8984                font: var(--blu-button-text);
8985                box-shadow: 0 0 0 var(--blu-button-border-width) var(--blu-button-color-border);
8986                display: inline-flex;
8987                justify-content: center;
8988                align-items: center;
8989                white-space: nowrap;
8990            }
8991            html[dark] .blu-button[data-v-498b5b0a]:active:hover:not(.b-disabled),
8992            html[dark] .blu-button:active.b-hover[data-v-498b5b0a]:not(.b-disabled) {
8993                transform: scale(0.875);
8994            }
8995            html[dark] .blu-button[data-v-498b5b0a]:focus-visible {
8996                outline: none;
8997            }
8998            html[dark] .blu-button[data-v-498b5b0a]:focus-visible:not(.b-disabled) {
8999                box-shadow: 0 0 0 2px #f9f9fa;
9000            }
9001            html[dark] .blu-button__icon[data-v-498b5b0a] {
9002                display: flex;
9003                color: var(--blu-button-color-icon);
9004            }
9005            html[dark] .blu-button__icon[data-v-498b5b0a] svg {
9006                width: var(--blu-button-icon-size);
9007                height: var(--blu-button-icon-size);
9008            }
9009            html[dark] .blu-button.b-has-icon:not(.b-has-icon-only) .blu-button__icon[data-v-498b5b0a] {
9010                margin-right: var(--blu-button-spacing-gap);
9011            }
9012            html[dark] .blu-button.b-has-icon-only[data-v-498b5b0a] {
9013                --blu-button-spacing-padding: 0 12px;
9014            }
9015            html[dark] .blu-button.b-loading[data-v-498b5b0a] .blu-loader-wrapper svg {
9016                display: flex;
9017                width: 18px;
9018                height: 18px;
9019            }
9020            html[dark] .blu-button.b-disabled[data-v-498b5b0a] {
9021                cursor: not-allowed;
9022            }
9023            html[dark] .blu-button.b-disabled[data-v-498b5b0a]:active {
9024                pointer-events: none;
9025            }
9026            html[dark] .blu-button.b-full-width[data-v-498b5b0a] {
9027                width: 100%;
9028            }
9029            html[dark] .blu-button.b-primary.b-common[data-v-498b5b0a] {
9030                --blu-button-color-background: #0072ff;
9031            }
9032            html[dark] .blu-button.b-primary.b-common.b-hover[data-v-498b5b0a]:not(.b-disabled),
9033            html[dark] .blu-button.b-primary.b-common[data-v-498b5b0a]:hover:not(.b-disabled),
9034            html[dark] .blu-button.b-primary.b-common[data-v-498b5b0a]:active:not(.b-disabled),
9035            html[dark] .blu-button.b-primary.b-common[data-v-498b5b0a]:focus-visible:not(.b-disabled) {
9036                --blu-button-color-background: #1d8fff;
9037                --blu-button-color-border: transparent;
9038            }
9039            html[dark] .blu-button.b-primary.b-danger[data-v-498b5b0a] {
9040                --blu-button-color-background: #e93c3c;
9041            }
9042            html[dark] .blu-button.b-primary.b-danger.b-hover[data-v-498b5b0a]:not(.b-disabled),
9043            html[dark] .blu-button.b-primary.b-danger[data-v-498b5b0a]:hover:not(.b-disabled),
9044            html[dark] .blu-button.b-primary.b-danger[data-v-498b5b0a]:active:not(.b-disabled),
9045            html[dark] .blu-button.b-primary.b-danger[data-v-498b5b0a]:focus-visible:not(.b-disabled) {
9046                --blu-button-color-background: #ff4646;
9047                --blu-button-color-border: transparent;
9048            }
9049            html[dark] .blu-button.b-primary.b-inverted[data-v-498b5b0a] {
9050                --blu-button-color-background: #12171d;
9051                --blu-button-color-text: #4fa4ff;
9052                --blu-button-color-icon: #4fa4ff;
9053            }
9054            html[dark] .blu-button.b-primary.b-inverted.b-hover[data-v-498b5b0a]:not(.b-disabled),
9055            html[dark] .blu-button.b-primary.b-inverted[data-v-498b5b0a]:hover:not(.b-disabled),
9056            html[dark] .blu-button.b-primary.b-inverted[data-v-498b5b0a]:active:not(.b-disabled),
9057            html[dark] .blu-button.b-primary.b-inverted[data-v-498b5b0a]:focus-visible:not(.b-disabled) {
9058                --blu-button-color-background: #19222a;
9059                --blu-button-color-border: transparent;
9060            }
9061            html[dark] .blu-button.b-primary.b-disabled[data-v-498b5b0a] {
9062                --blu-button-color-background: #3b444c;
9063                --blu-button-color-text: rgba(255, 255, 255, 0.3019607843);
9064                --blu-button-color-icon: rgba(255, 255, 255, 0.3019607843);
9065            }
9066            html[dark] .blu-button.b-primary.b-disabled[data-v-498b5b0a]:not(.b-inverted) {
9067                --blu-button-color-background: #3b444c;
9068                --blu-button-color-text: rgba(255, 255, 255, 0.3019607843);
9069                --blu-button-color-icon: rgba(255, 255, 255, 0.3019607843);
9070            }
9071            html[dark] .blu-button.b-small[data-v-498b5b0a] {
9072                --blu-button-border-radius: 64px;
9073                --blu-button-size-height: 36px;
9074                --blu-button-spacing-padding: 0 16px;
9075                --blu-button-text: 600 14px/18px Blibli, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif;
9076                --blu-button-icon-size: 18px;
9077                --blu-button-spacing-gap: 4px;
9078            }
9079            html[dark] .blu-button.b-small.b-has-icon-only[data-v-498b5b0a] {
9080                --blu-button-spacing-padding: 0 9px;
9081            }
9082            html[dark] .blu-button.b-secondary[data-v-498b5b0a] {
9083                --blu-button-color-background: #12171d;
9084            }
9085            html[dark] .blu-button.b-secondary.b-common[data-v-498b5b0a] {
9086                --blu-button-color-border: #4fa4ff;
9087                --blu-button-color-text: #4fa4ff;
9088                --blu-button-color-icon: #4fa4ff;
9089            }
9090            html[dark] .blu-button.b-secondary.b-common.b-hover[data-v-498b5b0a]:not(.b-disabled),
9091            html[dark] .blu-button.b-secondary.b-common[data-v-498b5b0a]:hover:not(.b-disabled),
9092            html[dark] .blu-button.b-secondary.b-common[data-v-498b5b0a]:active:not(.b-disabled),
9093            html[dark] .blu-button.b-secondary.b-common[data-v-498b5b0a]:focus-visible:not(.b-disabled) {
9094                --blu-button-color-background: #002e7a;
9095                --blu-button-color-border: #4fa4ff;
9096            }
9097            html[dark] .blu-button.b-secondary.b-danger[data-v-498b5b0a] {
9098                --blu-button-color-border: #ff7373;
9099                --blu-button-color-text: #ff7373;
9100                --blu-button-color-icon: #ff7373;
9101            }
9102            html[dark] .blu-button.b-secondary.b-danger.b-hover[data-v-498b5b0a]:not(.b-disabled),
9103            html[dark] .blu-button.b-secondary.b-danger[data-v-498b5b0a]:hover:not(.b-disabled),
9104            html[dark] .blu-button.b-secondary.b-danger[data-v-498b5b0a]:active:not(.b-disabled),
9105            html[dark] .blu-button.b-secondary.b-danger[data-v-498b5b0a]:focus-visible:not(.b-disabled) {
9106                --blu-button-color-background: #631818;
9107                --blu-button-color-border: #ff7373;
9108            }
9109            html[dark] .blu-button.b-secondary.b-inverted[data-v-498b5b0a] {
9110                --blu-button-color-background: rgba(255, 255, 255, 0.3019607843);
9111                --blu-button-color-border: #12171d;
9112                --blu-button-color-text: #12171d;
9113                --blu-button-color-icon: #12171d;
9114            }
9115            html[dark] .blu-button.b-secondary.b-inverted.b-hover[data-v-498b5b0a]:not(.b-disabled),
9116            html[dark] .blu-button.b-secondary.b-inverted[data-v-498b5b0a]:hover:not(.b-disabled),
9117            html[dark] .blu-button.b-secondary.b-inverted[data-v-498b5b0a]:active:not(.b-disabled),
9118            html[dark] .blu-button.b-secondary.b-inverted[data-v-498b5b0a]:focus-visible:not(.b-disabled) {
9119                --blu-button-color-background: rgba(18, 23, 29, 0.4);
9120                --blu-button-color-border: #12171d;
9121            }
9122            html[dark] .blu-button.b-secondary.b-disabled[data-v-498b5b0a] {
9123                --blu-button-color-background: #3b444c;
9124                --blu-button-color-border: #60686e;
9125                --blu-button-color-text: rgba(255, 255, 255, 0.3019607843);
9126                --blu-button-color-icon: rgba(255, 255, 255, 0.3019607843);
9127            }
9128            html[dark] .blu-button.b-secondary.b-disabled[data-v-498b5b0a]:not(.b-inverted) {
9129                --blu-button-color-background: #3b444c;
9130                --blu-button-color-border: #60686e;
9131                --blu-button-color-text: rgba(255, 255, 255, 0.3019607843);
9132                --blu-button-color-icon: rgba(255, 255, 255, 0.3019607843);
9133            }
9134            html[dark] .blu-button[data-v-498b5b0a] {
9135                width: var(--blu-button-custom-width);
9136            }
9137            html[dark] .blu-button.b-tertiary.b-common[data-v-498b5b0a] {
9138                --blu-button-color-text: #4fa4ff;
9139                --blu-button-color-icon: #4fa4ff;
9140            }
9141            html[dark] .blu-button.b-tertiary.b-common.b-hover[data-v-498b5b0a]:not(.b-disabled),
9142            html[dark] .blu-button.b-tertiary.b-common[data-v-498b5b0a]:hover:not(.b-disabled),
9143            html[dark] .blu-button.b-tertiary.b-common[data-v-498b5b0a]:active:not(.b-disabled),
9144            html[dark] .blu-button.b-tertiary.b-common[data-v-498b5b0a]:focus-visible:not(.b-disabled) {
9145                --blu-button-color-background: #002e7a;
9146                --blu-button-color-border: transparent;
9147            }
9148            html[dark] .blu-button.b-tertiary.b-danger[data-v-498b5b0a] {
9149                --blu-button-color-text: #ff7373;
9150                --blu-button-color-icon: #ff7373;
9151            }
9152            html[dark] .blu-button.b-tertiary.b-danger.b-hover[data-v-498b5b0a]:not(.b-disabled),
9153            html[dark] .blu-button.b-tertiary.b-danger[data-v-498b5b0a]:hover:not(.b-disabled),
9154            html[dark] .blu-button.b-tertiary.b-danger[data-v-498b5b0a]:active:not(.b-disabled),
9155            html[dark] .blu-button.b-tertiary.b-danger[data-v-498b5b0a]:focus-visible:not(.b-disabled) {
9156                --blu-button-color-background: #631818;
9157                --blu-button-color-border: transparent;
9158            }
9159            html[dark] .blu-button.b-tertiary.b-inverted[data-v-498b5b0a] {
9160                --blu-button-color-text: #12171d;
9161                --blu-button-color-icon: #12171d;
9162            }
9163            html[dark] .blu-button.b-tertiary.b-inverted.b-hover[data-v-498b5b0a]:not(.b-disabled),
9164            html[dark] .blu-button.b-tertiary.b-inverted[data-v-498b5b0a]:hover:not(.b-disabled),
9165            html[dark] .blu-button.b-tertiary.b-inverted[data-v-498b5b0a]:active:not(.b-disabled),
9166            html[dark] .blu-button.b-tertiary.b-inverted[data-v-498b5b0a]:focus-visible:not(.b-disabled) {
9167                --blu-button-color-background: rgba(18, 23, 29, 0.4);
9168                --blu-button-color-border: transparent;
9169            }
9170            html[dark] .blu-button.b-tertiary.b-disabled[data-v-498b5b0a] {
9171                --blu-button-color-text: rgba(18, 23, 29, 0.4);
9172                --blu-button-color-icon: rgba(18, 23, 29, 0.4);
9173            }
9174            html[dark] .blu-button.b-tertiary.b-disabled[data-v-498b5b0a]:not(.b-inverted) {
9175                --blu-button-color-text: rgba(255, 255, 255, 0.3019607843);
9176                --blu-button-color-icon: rgba(255, 255, 255, 0.3019607843);
9177            }
9178            html[dark] a[data-v-498b5b0a] {
9179                text-decoration: none;
9180            }
9181        </style>
9182        <style>
9183            html:not([dark]) .blu-badge[data-v-4cd4e6d8] {
9184                --blu-badge-color-text: #ffffff;
9185                --blu-badge-color-border: #ffffff;
9186                --blu-badge-text: 600 12px/16px Blibli, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif;
9187                --blu-badge-border-radius: 4px;
9188                --blu-badge-border-width: 1px;
9189                --blu-badge-padding: 0 4px 1px;
9190                font: var(--blu-badge-text);
9191                border-radius: var(--blu-badge-border-radius);
9192                box-shadow: 0 0 0 var(--blu-badge-border-width) var(--blu-badge-color-border);
9193                padding: var(--blu-badge-padding);
9194                display: inline-flex;
9195                box-sizing: border-box;
9196                justify-content: center;
9197                align-items: center;
9198                line-height: 15px;
9199                max-height: 16px;
9200                white-space: nowrap;
9201            }
9202            html:not([dark]) .blu-badge[data-v-4cd4e6d8] svg {
9203                display: flex;
9204                width: 12px;
9205                height: 12px;
9206                color: var(--blu-badge-item-leading-color-icon);
9207            }
9208            html:not([dark]) .blu-badge *[data-v-4cd4e6d8]:not(:last-child) {
9209                margin-right: 2px;
9210            }
9211            html:not([dark]) .blu-badge[data-v-4cd4e6d8]:not(.b-dot) {
9212                min-width: 16px;
9213            }
9214            html:not([dark]) .blu-badge.b-dot[data-v-4cd4e6d8] {
9215                --blu-badge-size: 8px;
9216                width: var(--blu-badge-size);
9217                height: var(--blu-badge-size);
9218            }
9219            html:not([dark]) .blu-badge[data-v-4cd4e6d8]:not(.b-secondary) {
9220                --blu-badge-item-leading-color-icon: var(--blu-badge-color-icon);
9221                color: var(--blu-badge-color-text);
9222                background-color: var(--blu-badge-color-background);
9223            }
9224            html:not([dark]) .blu-badge.b-secondary[data-v-4cd4e6d8] {
9225                --blu-badge-item-leading-color-icon: var(--blu-badge-color-icon-low);
9226                color: var(--blu-badge-color-text-low);
9227                background-color: var(--blu-badge-color-background-low);
9228            }
9229            html:not([dark]) .blu-badge.b-blue[data-v-4cd4e6d8] {
9230                --blu-badge-color-background-low: #e1f1ff;
9231                --blu-badge-color-background: #1d8fff;
9232                --blu-badge-color-text-low: #006dea;
9233                --blu-badge-color-icon-low: #0072ff;
9234                --blu-badge-color-icon: #ffffff;
9235            }
9236            html:not([dark]) .blu-badge.b-yellow[data-v-4cd4e6d8] {
9237                --blu-badge-color-background-low: #ffe6ce;
9238                --blu-badge-color-background: #ff7f00;
9239                --blu-badge-color-text-low: #dc5300;
9240                --blu-badge-color-icon-low: #f05a00;
9241                --blu-badge-color-icon: #ffffff;
9242            }
9243            html:not([dark]) .blu-badge.b-red[data-v-4cd4e6d8] {
9244                --blu-badge-color-background-low: #ffe6e6;
9245                --blu-badge-color-background: #ff4646;
9246                --blu-badge-color-text-low: #d33534;
9247           
9247     --blu-badge-color-icon-low: #e93c3c;
9248                --blu-badge-color-icon: #ffffff;
9249            }
9250            html:not([dark]) .blu-badge.b-green[data-v-4cd4e6d8] {
9251                --blu-badge-color-background-low: #d6f7da;
9252                --blu-badge-color-background: #22a334;
9253                --blu-badge-color-text-low: #1c832a;
9254                --blu-badge-color-icon-low: #1f912e;
9255                --blu-badge-color-icon: #ffffff;
9256            }
9257            html:not([dark]) .blu-badge.b-purple[data-v-4cd4e6d8] {
9258                --blu-badge-color-background-low: #fddef0;
9259                --blu-badge-color-background: #ff0f9d;
9260                --blu-badge-color-text-low: #834bee;
9261                --blu-badge-color-icon-low: #834bee;
9262                --blu-badge-color-icon: #ffffff;
9263            }
9264            html:not([dark]) .blu-badge.b-magenta[data-v-4cd4e6d8] {
9265                --blu-badge-color-background-low: #fddef0;
9266                --blu-badge-color-background: #ff0f9d;
9267                --blu-badge-color-text-low: #ff0f9d;
9268                --blu-badge-color-icon-low: #ff0f9d;
9269                --blu-badge-color-icon: #ffffff;
9270            }
9271            html:not([dark]) .blu-badge.b-gray[data-v-4cd4e6d8] {
9272                --blu-badge-color-background-low: #f1f2f2;
9273                --blu-badge-color-background: #28323b;
9274                --blu-badge-color-text-low: rgba(25, 34, 42, 0.7019607843);
9275                --blu-badge-color-text: #ffffff;
9276                --blu-badge-color-icon-low: rgba(25, 34, 42, 0.7019607843);
9277                --blu-badge-color-icon: #ffffff;
9278            }
9279            html:not([dark]) .blu-badge.b-invert[data-v-4cd4e6d8] {
9280                --blu-badge-color-background-low: #ffffff;
9281                --blu-badge-color-background: #ffffff;
9282                --blu-badge-color-text-low: rgba(25, 34, 42, 0.4);
9283                --blu-badge-color-text: #006dea;
9284                --blu-badge-color-icon-low: rgba(25, 34, 42, 0.4);
9285                --blu-badge-color-icon: #0072ff;
9286            }
9287            html:not([dark]) .blu-badge.b-notification[data-v-4cd4e6d8] {
9288                --blu-badge-border-radius: 8px;
9289            }
9290            html:not([dark]) .blu-badge.b-tooltip[data-v-4cd4e6d8] {
9291                cursor: pointer;
9292            }
9293            html[dark] .blu-badge[data-v-4cd4e6d8] {
9294                --blu-badge-color-text: #ffffff;
9295                --blu-badge-color-border: #12171d;
9296                --blu-badge-text: 600 12px/16px Blibli, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif;
9297                --blu-badge-border-radius: 4px;
9298                --blu-badge-border-width: 1px;
9299                --blu-badge-padding: 0 4px 1px;
9300                font: var(--blu-badge-text);
9301                border-radius: var(--blu-badge-border-radius);
9302                box-shadow: 0 0 0 var(--blu-badge-border-width) var(--blu-badge-color-border);
9303                padding: var(--blu-badge-padding);
9304                display: inline-flex;
9305                box-sizing: border-box;
9306                justify-content: center;
9307                align-items: center;
9308                line-height: 15px;
9309                max-height: 16px;
9310                white-space: nowrap;
9311            }
9312            html[dark] .blu-badge[data-v-4cd4e6d8] svg {
9313                display: flex;
9314                width: 12px;
9315                height: 12px;
9316                color: var(--blu-badge-item-leading-color-icon);
9317            }
9318            html[dark] .blu-badge *[data-v-4cd4e6d8]:not(:last-child) {
9319                margin-right: 2px;
9320            }
9321            html[dark] .blu-badge[data-v-4cd4e6d8]:not(.b-dot) {
9322                min-width: 16px;
9323            }
9324            html[dark] .blu-badge.b-dot[data-v-4cd4e6d8] {
9325                --blu-badge-size: 8px;
9326                width: var(--blu-badge-size);
9327                height: var(--blu-badge-size);
9328            }
9329            html[dark] .blu-badge[data-v-4cd4e6d8]:not(.b-secondary) {
9330                --blu-badge-item-leading-color-icon: var(--blu-badge-color-icon);
9331                color: var(--blu-badge-color-text);
9332                background-color: var(--blu-badge-color-background);
9333            }
9334            html[dark] .blu-badge.b-secondary[data-v-4cd4e6d8] {
9335                --blu-badge-item-leading-color-icon: var(--blu-badge-color-icon-low);
9336                color: var(--blu-badge-color-text-low);
9337                background-color: var(--blu-badge-color-background-low);
9338            }
9339            html[dark] .blu-badge.b-blue[data-v-4cd4e6d8] {
9340                --blu-badge-color-background-low: #0046aa;
9341                --blu-badge-color-background: #1d8fff;
9342                --blu-badge-color-text-low: #4fa4ff;
9343                --blu-badge-color-icon-low: #4fa4ff;
9344                --blu-badge-color-icon: #ffffff;
9345            }
9346            html[dark] .blu-badge.b-yellow[data-v-4cd4e6d8] {
9347                --blu-badge-color-background-low: #ffe6ce;
9348                --blu-badge-color-background: #ff7f00;
9349                --blu-badge-color-text-low: #dc5300;
9350                --blu-badge-color-icon-low: #f05a00;
9351                --blu-badge-color-icon: #ffffff;
9352            }
9353            html[dark] .blu-badge.b-red[data-v-4cd4e6d8] {
9354                --blu-badge-color-background-low: #8d2221;
9355                --blu-badge-color-background: #ff4646;
9356                --blu-badge-color-text-low: #ff7373;
9357                --blu-badge-color-icon-low: #ff7373;
9358                --blu-badge-color-icon: #ffffff;
9359            }
9360            html[dark] .blu-badge.b-green[data-v-4cd4e6d8] {
9361                --blu-badge-color-background-low: #13561c;
9362                --blu-badge-color-background: #22a334;
9363                --blu-badge-color-text-low: #02c82b;
9364                --blu-badge-color-icon-low: #02c82b;
9365                --blu-badge-color-icon: #ffffff;
9366            }
9367            html[dark] .blu-badge.b-purple[data-v-4cd4e6d8] {
9368                --blu-badge-color-background-low: #fddef0;
9369                --blu-badge-color-background: #ff0f9d;
9370                --blu-badge-color-text-low: #834bee;
9371                --blu-badge-color-icon-low: #834bee;
9372                --blu-badge-color-icon: #12171d;
9373            }
9374            html[dark] .blu-badge.b-magenta[data-v-4cd4e6d8] {
9375                --blu-badge-color-background-low: #fddef0;
9376                --blu-badge-color-background: #ff0f9d;
9377                --blu-badge-color-text-low: #ff0f9d;
9378                --blu-badge-color-icon-low: #ff0f9d;
9379                --blu-badge-color-icon: #12171d;
9380            }
9381            html[dark] .blu-badge.b-gray[data-v-4cd4e6d8] {
9382                --blu-badge-color-background-low: #28323b;
9383                --blu-badge-color-background: #f1f2f2;
9384                --blu-badge-color-text-low: rgba(255, 255, 255, 0.8);
9385                --blu-badge-color-text: #12171d;
9386                --blu-badge-color-icon-low: rgba(255, 255, 255, 0.8);
9387                --blu-badge-color-icon: #12171d;
9388            }
9389            html[dark] .blu-badge.b-invert[data-v-4cd4e6d8] {
9390                --blu-badge-color-background-low: #12171d;
9391                --blu-badge-color-background: #12171d;
9392                --blu-badge-color-text-low: rgba(255, 255, 255, 0.5019607843);
9393                --blu-badge-color-text: #4fa4ff;
9394                --blu-badge-color-icon-low: rgba(255, 255, 255, 0.5019607843);
9395                --blu-badge-color-icon: #4fa4ff;
9396            }
9397            html[dark] .blu-badge.b-notification[data-v-4cd4e6d8] {
9398                --blu-badge-border-radius: 8px;
9399            }
9400            html[dark] .blu-badge.b-tooltip[data-v-4cd4e6d8] {
9401                cursor: pointer;
9402            }
9403        </style>
9404        <link data-vue-meta="2" href="https://www.ambricol.es/" rel="canonical" />
9405        <meta name="google-site-verification" content="bu8dUavDl5qIscTpgD8wnTesJmRJgDs6hzD5g5K_zNA" />
9406        <link href="https://ambricol.es/contact/" rel="amphtml" />
9407        <link rel="alternate" hreflang="id-id" href="https://ambricol.es/contact/" />
9408        <link rel="alternate" hreflang="id" href="https://ambricol.es/contact/" />
9409        <link rel="alternate" hreflang="en" href="https://ambricol.es/contact/" />
9410        <link rel="alternate" hreflang="x-default" href="https://ambricol.es/contact/" />
9411        <link rel="alternate" href="https://ambricol.es/contact/" />
9412        <meta
9413            content="GENDUT188 menghadirkan ruang game digital modern dengan navigasi ringkas, akses praktis, tampilan nyaman, dan pilihan hiburan beragam untuk pengalaman yang lebih mudah dinikmati."
9414            data-vmid="description"
9415            data-vue-meta="2"
9416            name="description"
9417        />
9418        <meta
9419            content="gendut188, ruang game digital, hiburan digital, akses praktis"
9420            data-vmid="keywords"
9421            data-vue-meta="2"
9422            name="keywords"
9423        />
9424        <meta
9425            content="GENDUT188 | Ruang Game Digital Modern dengan Akses Praktis dan Pilihan Hiburan Beragam"
9426            data-vmid="og:title"
9427            data-vue-meta="2"
9428            property="og:title"
9429        />
9430        <meta
9431            content="GENDUT188 menghadirkan ruang game digital modern dengan navigasi ringkas, akses praktis, tampilan nyaman, dan pilihan hiburan beragam untuk pengalaman yang lebih mudah dinikmati."
9432            data-vmid="og:description"
9433            data-vue-meta="2"
9434            property="og:description"
9435        />
9436        <meta content="https://www.ambricol.es/" data-vmid="og:url" data-vue-meta="2" property="og:url" />
9437        <meta content="https://www.ambricol.es/img/gendut188/gacoan-gendut188.webp" data-vmid="og:image" data-vue-meta="2" property="og:image" />
9438        <meta
9439            content="https://www.ambricol.es/img/gendut188/gacoan-gendut188.webp"
9440            data-vmid="og:image:secure_url"
9441            data-vue-meta="2"
9442            property="og:image:secure_url"
9443        />
9444        <meta
9445            content="GENDUT188 | Ruang Game Digital Modern dengan Akses Praktis dan Pilihan Hiburan Beragam"
9446            data-vmid="twitter:title"
9447            data-vue-meta="2"
9448            name="twitter:title"
9449        />
9450        <meta
9451            content="GENDUT188 menghadirkan ruang game digital modern dengan navigasi ringkas, akses praktis, tampilan nyaman, dan pilihan hiburan beragam untuk pengalaman yang lebih mudah dinikmati."
9452            data-vmid="twitter:description"
9453            data-vue-meta="2"
9454            name="twitter:description"
9455        />
9456        <meta content="https://www.ambricol.es/" data-vmid="twitter:url" data-vue-meta="2" name="twitter:url" />
9457        <meta content="https://www.ambricol.es/img/gendut188/gacoan-gendut188.webp" data-vmid="twitter:image" data-vue-meta="2" name="twitter:image" />
9458        <style>
9459            *[data-v-580f03f0],
9460            *[data-v-580f03f0]:before,
9461            *[data-v-580f03f0]:after {
9462                box-sizing: border-box;
9463            }
9464            html:not([dark]) .blu-modal-wrapper[data-v-580f03f0] {
9465                z-index: 100;
9466                position: fixed;
9467            }
9468            html:not([dark]) .blu-modal[data-v-580f03f0] {
9469                --blu-modal-box-shadow: 0 1px 6px 0 rgba(0, 0, 0, 0.1019607843);
9470                --blu-modal-color-background: #ffffff;
9471                --blu-modal-border-radius: 16px;
9472                --blu-modal-opacity: 0;
9473                --blu-modal-size-width: 100%;
9474                --blu-modal-max-height: calc(100% - 16px);
9475                position: fixed;
9476                z-index: 101;
9477                display: flex;
9478                flex-direction: column;
9479                width: var(--blu-modal-size-width);
9480                max-height: var(--blu-modal-max-height);
9481                max-width: var(--blu-modal-max-width);
9482                box-sizing: border-box;
9483                box-shadow: var(--blu-modal-box-shadow);
9484                border-radius: var(--blu-modal-border-radius);
9485                background-color: var(--blu-modal-color-background);
9486                opacity: var(--blu-modal-opacity);
9487                transition: all 0.3s;
9488            }
9489            html:not([dark]) .blu-modal *[data-v-580f03f0] {
9490                box-sizing: inherit;
9491            }
9492            html:not([dark]) .blu-modal.b-active[data-v-580f03f0] {
9493                --blu-modal-opacity: 1;
9494            }
9495            html:not([dark]) .b-drawer.b-desktop-left .blu-modal[data-v-580f03f0],
9496            html:not([dark]) .b-drawer.b-desktop-right .blu-modal[data-v-580f03f0] {
9497                --blu-modal-max-height: 100%;
9498                height: 100%;
9499            }
9500            html:not([dark]) .b-status .blu-modal[data-v-580f03f0] {
9501                border-bottom: 4px solid;
9502                border-color: var(--blu-modal-color);
9503                top: 50%;
9504                left: 50%;
9505                transform: translate(-50%, -50%);
9506            }
9507            html:not([dark]) .b-status .blu-modal.b-info[data-v-580f03f0] {
9508                --blu-modal-color: #1d8fff;
9509            }
9510            html:not([dark]) .b-status .blu-modal.b-success[data-v-580f03f0] {
9511                --blu-modal-color: #22a334;
9512            }
9513            html:not([dark]) .b-status .blu-modal.b-alert[data-v-580f03f0] {
9514                --blu-modal-color: #fedd6c;
9515            }
9516            html:not([dark]) .b-status .blu-modal.b-danger[data-v-580f03f0] {
9517                --blu-modal-color: #ff4646;
9518            }
9519            @media screen and (min-width: 840px), print {
9520                html:not([dark]) .blu-modal-wrapper:not(.b-drawer).fade-enter-active[data-v-580f03f0],
9521                html:not([dark]) .blu-modal-wrapper:not(.b-drawer).fade-leave-active[data-v-580f03f0] {
9522                    transition: all 0.3s;
9523                }
9524                html:not([dark]) .blu-modal-wrapper:not(.b-drawer).fade-enter-from[data-v-580f03f0],
9525                html:not([dark]) .blu-modal-wrapper:not(.b-drawer).fade-leave-to[data-v-580f03f0] {
9526                    opacity: 0;
9527                }
9528                html:not([dark]) .blu-modal-wrapper:not(.b-drawer) .blu-modal[data-v-580f03f0] {
9529                    --blu-modal-max-height: 576px;
9530                    top: 50%;
9531                    left: 50%;
9532                    transform: translate(-50%, -50%);
9533                }
9534                html:not([dark]) .blu-modal-wrapper:not(.b-drawer) .blu-modal.b-small-width[data-v-580f03f0] {
9535                    --blu-modal-size-width: 360px;
9536                }
9537                html:not([dark]) .blu-modal-wrapper:not(.b-drawer) .blu-modal.b-medium-width[data-v-580f03f0] {
9538                    --blu-modal-size-width: 600px;
9539                }
9540                html:not([dark]) .blu-modal-wrapper:not(.b-drawer) .blu-modal.b-large-width[data-v-580f03f0] {
9541                    --blu-modal-size-width: 800px;
9542                }
9543                html:not([dark]) .b-drawer.b-desktop-left .blu-modal.b-small-width[data-v-580f03f0],
9544                html:not([dark]) .b-drawer.b-desktop-right .blu-modal.b-small-width[data-v-580f03f0] {
9545                    --blu-modal-size-width: 360px;
9546                }
9547                html:not([dark]) .b-drawer.b-desktop-left .blu-modal.b-medium-width[data-v-580f03f0],
9548                html:not([dark]) .b-drawer.b-desktop-right .blu-modal.b-medium-width[data-v-580f03f0] {
9549                    --blu-modal-size-width: 600px;
9550                }
9551                html:not([dark]) .b-drawer.b-desktop-top .blu-modal[data-v-580f03f0],
9552                html:not([dark]) .b-drawer.b-desktop-bottom .blu-modal[data-v-580f03f0] {
9553                    --blu-modal-max-height: 576px;
9554                }
9555                html:not([dark]) .b-drawer.b-desktop-left.fade-enter-active[data-v-580f03f0],
9556                html:not([dark]) .b-drawer.b-desktop-left.fade-leave-active[data-v-580f03f0] {
9557                    transition: all 0.3s;
9558                }
9559                html:not([dark]) .b-drawer.b-desktop-left.fade-enter-from .blu-modal[data-v-580f03f0],
9560                html:not([dark]) .b-drawer.b-desktop-left.fade-leave-to .blu-modal[data-v-580f03f0] {
9561                    left: -100vh;
9562                }
9563                html:not([dark]) .b-drawer.b-desktop-left .blu-modal[data-v-580f03f0] {
9564                    height: 100vh;
9565                    left: 0;
9566                    top: 0;
9567                    bottom: 0;
9568                    border-radius: 0 var(--blu-modal-border-radius) var(--blu-modal-border-radius) 0;
9569                }
9570                html:not([dark]) .b-drawer.b-desktop-right.fade-enter-active[data-v-580f03f0],
9571                html:not([dark]) .b-drawer.b-desktop-right.fade-leave-active[data-v-580f03f0] {
9572                    transition: all 0.3s;
9573                }
9574                html:not([dark]) .b-drawer.b-desktop-right.fade-enter-from .blu-modal[data-v-580f03f0],
9575                html:not([dark]) .b-drawer.b-desktop-right.fade-leave-to .blu-modal[data-v-580f03f0] {
9576                    right: -100vh;
9577                }
9578                html:not([dark]) .b-drawer.b-desktop-right .blu-modal[data-v-580f03f0] {
9579                    height: 100vh;
9580                    right: 0;
9581                    top: 0;
9582                    bottom: 0;
9583                    border-radius: var(--blu-modal-border-radius) 0 0 var(--blu-modal-border-radius);
9584                }
9585                html:not([dark]) .b-drawer.b-desktop-top.fade-enter-active[data-v-580f03f0],
9586                html:not([dark]) .b-drawer.b-desktop-top.fade-leave-active[data-v-580f03f0] {
9587                    transition: all 0.3s;
9588                }
9589                html:not([dark]) .b-drawer.b-desktop-top.fade-enter-from .blu-modal[data-v-580f03f0],
9590                html:not([dark]) .b-drawer.b-desktop-top.fade-leave-to .blu-modal[data-v-580f03f0] {
9591                    top: -100vh;
9592                }
9593                html:not([dark]) .b-drawer.b-desktop-top .blu-modal[data-v-580f03f0] {
9594                    top: 0;
9595                    left: 50%;
9596                    transform: translate(-50%);
9597                    border-radius: 0 0 var(--blu-modal-border-radius) var(--blu-modal-border-radius);
9598                }
9599                html:not([dark]) .b-drawer.b-desktop-bottom.fade-enter-active[data-v-580f03f0],
9600                html:not([dark]) .b-drawer.b-desktop-bottom.fade-leave-active[data-v-580f03f0] {
9601                    transition: all 0.3s;
9602                }
9603                html:not([dark]) .b-drawer.b-desktop-bottom.fade-enter-from .blu-modal[data-v-580f03f0],
9604                html:not([dark]) .b-drawer.b-desktop-bottom.fade-leave-to .blu-modal[data-v-580f03f0] {
9605                    bottom: -100vh;
9606                }
9607                html:not([dark]) .b-drawer.b-desktop-bottom .blu-modal[data-v-580f03f0] {
9608                    bottom: 0;
9609                    left: 50%;
9610                    transform: translate(-50%);
9611                    border-radius: var(--blu-modal-border-radius) var(--blu-modal-border-radius) 0 0;
9612                }
9613            }
9614            @media screen and (max-width: 839px) {
9615                html:not([dark]) .b-status .blu-modal[data-v-580f03f0] {
9616                    --blu-modal-size-width: calc(100% - 32px);
9617                }
9618                html:not([dark])
9619                    .blu-modal-wrapper:not(.b-status):not(.b-drawer):not(
9620                        .b-mobile-fullscreen
9621                    ).fade-enter-active[data-v-580f03f0],
9622                html:not([dark])
9623                    .blu-modal-wrapper:not(.b-status):not(.b-drawer):not(
9624                        .b-mobile-fullscreen
9625                    ).fade-leave-active[data-v-580f03f0] {
9626                    transition: all 0.3s;
9627                }
9628                html:not([dark])
9629                    .blu-modal-wrapper:not(.b-status):not(.b-drawer):not(.b-mobile-fullscreen).fade-enter-from
9630                    .blu-modal[data-v-580f03f0],
9631                html:not([dark])
9632                    .blu-modal-wrapper:not(.b-status):not(.b-drawer):not(.b-mobile-fullscreen).fade-leave-to
9633                    .blu-modal[data-v-580f03f0] {
9634                    bottom: -100vh;
9635                }
9636                html:not([dark])
9637                    .blu-modal-wrapper:not(.b-status):not(.b-drawer):not(.b-mobile-fullscreen)
9638                    .blu-modal[data-v-580f03f0] {
9639                    bottom: 0;
9640                    left: 50%;
9641                    transform: translate(-50%);
9642                    border-radius: var(--blu-modal-border-radius) var(--blu-modal-border-radius) 0 0;
9643                }
9644                html:not([dark])
9645                    .blu-modal-wrapper:not(.b-status):not(.b-drawer):not(.b-mobile-fullscreen)
9646                    .blu-modal.b-max-width[data-v-580f03f0] {
9647                    --blu-modal-max-width: 600px;
9648                }
9649                html:not([dark]) .b-mobile-fullscreen.fade-enter-active[data-v-580f03f0],
9650                html:not([dark]) .b-mobile-fullscreen.fade-leave-active[data-v-580f03f0] {
9651                    transition: all 0.3s;
9652                }
9653                html:not([dark]) .b-mobile-fullscreen.fade-enter-from .blu-modal[data-v-580f03f0],
9654                html:not([dark]) .b-mobile-fullscreen.fade-leave-to .blu-modal[data-v-580f03f0] {
9655                    bottom: -100vh;
9656                }
9657                html:not([dark]) .b-mobile-fullscreen .blu-modal[data-v-580f03f0] {
9658                    --blu-modal-max-height: 100%;
9659                    height: 100%;
9660                    width: 100%;
9661                    border-radius: unset;
9662                    bottom: 0;
9663                    left: 0;
9664                    transform: none;
9665                }
9666                html:not([dark]) .b-mobile-fullscreen .blu-modal[data-v-580f03f0] .blu-modal__header {
9667                    box-shadow: var(--blu-modal-box-shadow);
9668                }
9669                html:not([dark]) .b-mobile-fullscreen.b-desktop-left .blu-modal[data-v-580f03f0],
9670                html:not([dark]) .b-mobile-fullscreen.b-desktop-right .blu-modal[data-v-580f03f0],
9671                html:not([dark]) .b-mobile-fullscreen.b-desktop-top .blu-modal[data-v-580f03f0] {
9672                    top: 0;
9673                }
9674                html:not([dark]) .b-mobile-fullscreen.b-desktop-left.fade-enter-active[data-v-580f03f0],
9675                html:not([dark]) .b-mobile-fullscreen.b-desktop-left.fade-leave-active[data-v-580f03f0] {
9676                    transition: all 0.3s;
9677                }
9678                html:not([dark]) .b-mobile-fullscreen.b-desktop-left.fade-enter-from .blu-modal[data-v-580f03f0],
9679                html:not([dark]) .b-mobile-fullscreen.b-desktop-left.fade-leave-to .blu-modal[data-v-580f03f0] {
9680                    left: -100vh;
9681                }
9682                html:not([dark]) .b-mobile-fullscreen.b-desktop-right.fade-enter-active[data-v-580f03f0],
9683                html:not([dark]) .b-mobile-fullscreen.b-desktop-right.fade-leave-active[data-v-580f03f0] {
9684                    transition: all 0.3s;
9685                }
9686                html:not([dark]) .b-mobile-fullscreen.b-desktop-right.fade-enter-from .blu-modal[data-v-580f03f0],
9687                html:not([dark]) .b-mobile-fullscreen.b-desktop-right.fade-leave-to .blu-modal[data-v-580f03f0] {
9688                    right: -100vh;
9689                }
9690                html:not([dark]) .b-mobile-fullscreen.b-desktop-right .blu-modal[data-v-580f03f0] {
9691                    left: revert;
9692                    right: 0;
9693                }
9694                html:not([dark]) .b-mobile-fullscreen.b-desktop-top.fade-enter-active[data-v-580f03f0],
9695                html:not([dark]) .b-mobile-fullscreen.b-desktop-top.fade-leave-active[data-v-580f03f0] {
9696                    transition: all 0.3s;
9697                }
9698                html:not([dark]) .b-mobile-fullscreen.b-desktop-top.fade-enter-from .blu-modal[data-v-580f03f0],
9699                html:not([dark]) .b-mobile-fullscreen.b-desktop-top.fade-leave-to .blu-modal[data-v-580f03f0] {
9700                    top: -100vh;
9701                }
9702                html:not([dark]) .b-mobile-fullscreen.b-desktop-top .blu-modal[data-v-580f03f0] {
9703                    bottom: revert;
9704                }
9705            }
9706            html:not([dark]) .b-scrim[data-v-580f03f0] {
9707                --blu-color-scrim-background: rgba(0, 0, 0, 0.6);
9708                position: fixed;
9709                top: 0;
9710                left: 0;
9711                z-index: 99;
9712                width: 100%;
9713                height: 100%;
9714                background-color: var(--blu-color-scrim-background);
9715                display: flex;
9716                flex-direction: column;
9717                justify-content: center;
9718                align-items: center;
9719                transition: opacity 0.3s;
9720                opacity: 1;
9721            }
9722            html:not([dark]) .fade-enter-active .b-scrim[data-v-580f03f0],
9723            html:not([dark]) .fade-leave-active .b-scrim[data-v-580f03f0] {
9724                transition: opacity 0.3s;
9725            }
9726            html:not([dark]) .fade-enter-to .b-scrim[data-v-580f03f0] {
9727                opacity: 1;
9728            }
9729            html:not([dark]) .fade-leave-to .b-scrim[data-v-580f03f0] {
9730                opacity: 0;
9731            }
9732            html[dark] .blu-modal-wrapper[data-v-580f03f0] {
9733                z-index: 100;
9734                position: fixed;
9735            }
9736            html[dark] .blu-modal[data-v-580f03f0] {
9737                --blu-modal-box-shadow: inset 0 0 0 30000px rgba(109, 220, 255, 0.1019607843);
9738                --blu-modal-color-background: #12171d;
9739                --blu-modal-border-radius: 16px;
9740                --blu-modal-opacity: 0;
9741                --blu-modal-size-width: 100%;
9742                --blu-modal-max-height: calc(100% - 16px);
9743                position: fixed;
9744                z-index: 101;
9745                display: flex;
9746                flex-direction: column;
9747                width: var(--blu-modal-size-width);
9748                max-height: var(--blu-modal-max-height);
9749                max-width: var(--blu-modal-max-width);
9750                box-sizing: border-box;
9751                box-shadow: var(--blu-modal-box-shadow);
9752                border-radius: var(--blu-modal-border-radius);
9753                background-color: var(--blu-modal-color-background);
9754                opacity: var(--blu-modal-opacity);
9755                transition: all 0.3s;
9756            }
9757            html[dark] .blu-modal *[data-v-580f03f0] {
9758                box-sizing: inherit;
9759            }
9760            html[dark] .blu-modal.b-active[data-v-580f03f0] {
9761                --blu-modal-opacity: 1;
9762            }
9763            html[dark] .b-drawer.b-desktop-left .blu-modal[data-v-580f03f0],
9764            html[dark] .b-drawer.b-desktop-right .blu-modal[data-v-580f03f0] {
9765                --blu-modal-max-height: 100%;
9766                height: 100%;
9767            }
9768            html[dark] .b-status .blu-modal[data-v-580f03f0] {
9769                border-bottom: 4px solid;
9770                border-color: var(--blu-modal-color);
9771                top: 50%;
9772                left: 50%;
9773                transform: translate(-50%, -50%);
9774            }
9775            html[dark] .b-status .blu-modal.b-info[data-v-580f03f0] {
9776                --blu-modal-color: #4fa4ff;
9777            }
9778            html[dark] .b-status .blu-modal.b-success[data-v-580f03f0] {
9779                --blu-modal-color: #02c82b;
9780            }
9781            html[dark] .b-status .blu-modal.b-alert[data-v-580f03f0] {
9782                --blu-modal-color: #7e4704;
9783            }
9784            html[dark] .b-status .blu-modal.b-danger[data-v-580f03f0] {
9785                --blu-modal-color: #ff7373;
9786            }
9787            @media screen and (min-width: 840px), print {
9788                html[dark] .blu-modal-wrapper:not(.b-drawer).fade-enter-active[data-v-580f03f0],
9789                html[dark] .blu-modal-wrapper:not(.b-drawer).fade-leave-active[data-v-580f03f0] {
9790                    transition: all 0.3s;
9791                }
9792                html[dark] .blu-modal-wrapper:not(.b-drawer).fade-enter-from[data-v-580f03f0],
9793                html[dark] .blu-modal-wrapper:not(.b-drawer).fade-leave-to[data-v-580f03f0] {
9794                    opacity: 0;
9795                }
9796                html[dark] .blu-modal-wrapper:not(.b-drawer) .blu-modal[data-v-580f03f0] {
9797                    --blu-modal-max-height: 576px;
9798                    top: 50%;
9799                    left: 50%;
9800                    transform: translate(-50%, -50%);
9801                }
9802                html[dark] .blu-modal-wrapper:not(.b-drawer) .blu-modal.b-small-width[data-v-580f03f0] {
9803                    --blu-modal-size-width: 360px;
9804                }
9805                html[dark] .blu-modal-wrapper:not(.b-drawer) .blu-modal.b-medium-width[data-v-580f03f0] {
9806                    --blu-modal-size-width: 600px;
9807                }
9808                html[dark] .blu-modal-wrapper:not(.b-drawer) .blu-modal.b-large-width[data-v-580f03f0] {
9809                    --blu-modal-size-width: 800px;
9810                }
9811                html[dark] .b-drawer.b-desktop-left .blu-modal.b-small-width[data-v-580f03f0],
9812                html[dark] .b-drawer.b-desktop-right .blu-modal.b-small-width[data-v-580f03f0] {
9813                    --blu-modal-size-width: 360px;
9814                }
9815                html[dark] .b-drawer.b-desktop-left .blu-modal.b-medium-width[data-v-580f03f0],
9816                html[dark] .b-drawer.b-desktop-right .blu-modal.b-medium-width[data-v-580f03f0] {
9817                    --blu-modal-size-width: 600px;
9818                }
9819                html[dark] .b-drawer.b-desktop-top .blu-modal[data-v-580f03f0],
9820                html[dark] .b-drawer.b-desktop-bottom .blu-modal[data-v-580f03f0] {
9821                    --blu-modal-max-height: 576px;
9822                }
9823                html[dark] .b-drawer.b-desktop-left.fade-enter-active[data-v-580f03f0],
9824                html[dark] .b-drawer.b-desktop-left.fade-leave-active[data-v-580f03f0] {
9825                    transition: all 0.3s;
9826                }
9827                html[dark] .b-drawer.b-desktop-left.fade-enter-from .blu-modal[data-v-580f03f0],
9828                html[dark] .b-drawer.b-desktop-left.fade-leave-to .blu-modal[data-v-580f03f0] {
9829                    left: -100vh;
9830                }
9831                html[dark] .b-drawer.b-desktop-left .blu-modal[data-v-580f03f0] {
9832                    height: 100vh;
9833                    left: 0;
9834                    top: 0;
9835                    bottom: 0;
9836                    border-radius: 0 var(--blu-modal-border-radius) var(--blu-modal-border-radius) 0;
9837                }
9838                html[dark] .b-drawer.b-desktop-right.fade-enter-active[data-v-580f03f0],
9839                html[dark] .b-drawer.b-desktop-right.fade-leave-active[data-v-580f03f0] {
9840                    transition: all 0.3s;
9841                }
9842                html[dark] .b-drawer.b-desktop-right.fade-enter-from .blu-modal[data-v-580f03f0],
9843                html[dark] .b-drawer.b-desktop-right.fade-leave-to .blu-modal[data-v-580f03f0] {
9844                    right: -100vh;
9845                }
9846                html[dark] .b-drawer.b-desktop-right .blu-modal[data-v-580f03f0] {
9847                    height: 100vh;
9848                    right: 0;
9849                    top: 0;
9850                    bottom: 0;
9851                    border-radius: var(--blu-modal-border-radius) 0 0 var(--blu-modal-border-radius);
9852                }
9853                html[dark] .b-drawer.b-desktop-top.fade-enter-active[data-v-580f03f0],
9854                html[dark] .b-drawer.b-desktop-top.fade-leave-active[data-v-580f03f0] {
9855                    transition: all 0.3s;
9856                }
9857                html[dark] .b-drawer.b-desktop-top.fade-enter-from .blu-modal[data-v-580f03f0],
9858                html[dark] .b-drawer.b-desktop-top.fade-leave-to .blu-modal[data-v-580f03f0] {
9859                    top: -100vh;
9860                }
9861                html[dark] .b-drawer.b-desktop-top .blu-modal[data-v-580f03f0] {
9862                    top: 0;
9863                    left: 50%;
9864                    transform: translate(-50%);
9865                    border-radius: 0 0 var(--blu-modal-border-radius) var(--blu-modal-border-radius);
9866                }
9867                html[dark] .b-drawer.b-desktop-bottom.fade-enter-active[data-v-580f03f0],
9868                html[dark] .b-drawer.b-desktop-bottom.fade-leave-active[data-v-580f03f0] {
9869                    transition: all 0.3s;
9870                }
9871                html[dark] .b-drawer.b-desktop-bottom.fade-enter-from .blu-modal[data-v-580f03f0],
9872                html[dark] .b-drawer.b-desktop-bottom.fade-leave-to .blu-modal[data-v-580f03f0] {
9873                    bottom: -100vh;
9874                }
9875                html[dark] .b-drawer.b-desktop-bottom .blu-modal[data-v-580f03f0] {
9876                    bottom: 0;
9877                    left: 50%;
9878                    transform: translate(-50%);
9879                    border-radius: var(--blu-modal-border-radius) var(--blu-modal-border-radius) 0 0;
9880                }
9881            }
9882            @media screen and (max-width: 839px) {
9883                html[dark] .b-status .blu-modal[data-v-580f03f0] {
9884                    --blu-modal-size-width: calc(100% - 32px);
9885                }
9886                html[dark]
9887                    .blu-modal-wrapper:not(.b-status):not(.b-drawer):not(
9888                        .b-mobile-fullscreen
9889                    ).fade-enter-active[data-v-580f03f0],
9890                html[dark]
9891                    .blu-modal-wrapper:not(.b-status):not(.b-drawer):not(
9892                        .b-mobile-fullscreen
9893                    ).fade-leave-active[data-v-580f03f0] {
9894                    transition: all 0.3s;
9895                }
9896                html[dark]
9897                    .blu-modal-wrapper:not(.b-status):not(.b-drawer):not(.b-mobile-fullscreen).fade-enter-from
9898                    .blu-modal[data-v-580f03f0],
9899                html[dark]
9900                    .blu-modal-wrapper:not(.b-status):not(.b-drawer):not(.b-mobile-fullscreen).fade-leave-to
9901                    .blu-modal[data-v-580f03f0] {
9902                    bottom: -100vh;
9903                }
9904                html[dark]
9905                    .blu-modal-wrapper:not(.b-status):not(.b-drawer):not(.b-mobile-fullscreen)
9906                    .blu-modal[data-v-580f03f0] {
9907                    bottom: 0;
9908                    left: 50%;
9909                    transform: translate(-50%);
9910                    border-radius: var(--blu-modal-border-radius) var(--blu-modal-border-radius) 0 0;
9911                }
9912                html[dark]
9913                    .blu-modal-wrapper:not(.b-status):not(.b-drawer):not(.b-mobile-fullscreen)
9914                    .blu-modal.b-max-width[data-v-580f03f0] {
9915                    --blu-modal-max-width: 600px;
9916                }
9917                html[dark] .b-mobile-fullscreen.fade-enter-active[data-v-580f03f0],
9918                html[dark] .b-mobile-fullscreen.fade-leave-active[data-v-580f03f0] {
9919                    transition: all 0.3s;
9920                }
9921                html[dark] .b-mobile-fullscreen.fade-enter-from .blu-modal[data-v-580f03f0],
9922                html[dark] .b-mobile-fullscreen.fade-leave-to .blu-modal[data-v-580f03f0] {
9923                    bottom: -100vh;
9924                }
9925                html[dark] .b-mobile-fullscreen .blu-modal[data-v-580f03f0] {
9926                    --blu-modal-max-height: 100%;
9927                    height: 100%;
9928                    width: 100%;
9929                    border-radius: unset;
9930                    bottom: 0;
9931                    left: 0;
9932                    transform: none;
9933                }
9934                html[dark] .b-mobile-fullscreen .blu-modal[data-v-580f03f0] .blu-modal__header {
9935                    box-shadow: var(--blu-modal-box-shadow);
9936                }
9937                html[dark] .b-mobile-fullscreen.b-desktop-left .blu-modal[data-v-580f03f0],
9938                html[dark] .b-mobile-fullscreen.b-desktop-right .blu-modal[data-v-580f03f0],
9939                html[dark] .b-mobile-fullscreen.b-desktop-top .blu-modal[data-v-580f03f0] {
9940                    top: 0;
9941                }
9942                html[dark] .b-mobile-fullscreen.b-desktop-left.fade-enter-active[data-v-580f03f0],
9943                html[dark] .b-mobile-fullscreen.b-desktop-left.fade-leave-active[data-v-580f03f0] {
9944                    transition: all 0.3s;
9945                }
9946                html[dark] .b-mobile-fullscreen.b-desktop-left.fade-enter-from .blu-modal[data-v-580f03f0],
9947                html[dark] .b-mobile-fullscreen.b-desktop-left.fade-leave-to .blu-modal[data-v-580f03f0] {
9948                    left: -100vh;
9949                }
9950                html[dark] .b-mobile-fullscreen.b-desktop-right.fade-enter-active[data-v-580f03f0],
9951                html[dark] .b-mobile-fullscreen.b-desktop-right.fade-leave-active[data-v-580f03f0] {
9952                    transition: all 0.3s;
9953                }
9954                html[dark] .b-mobile-fullscreen.b-desktop-right.fade-enter-from .blu-modal[data-v-580f03f0],
9955                html[dark] .b-mobile-fullscreen.b-desktop-right.fade-leave-to .blu-modal[data-v-580f03f0] {
9956                    right: -100vh;
9957                }
9958                html[dark] .b-mobile-fullscreen.b-desktop-right .blu-modal[data-v-580f03f0] {
9959                    left: revert;
9960                    right: 0;
9961                }
9962                html[dark] .b-mobile-fullscreen.b-desktop-top.fade-enter-active[data-v-580f03f0],
9963                html[dark] .b-mobile-fullscreen.b-desktop-top.fade-leave-active[data-v-580f03f0] {
9964                    transition: all 0.3s;
9965                }
9966                html[dark] .b-mobile-fullscreen.b-desktop-top.fade-enter-from .blu-modal[data-v-580f03f0],
9967                html[dark] .b-mobile-fullscreen.b-desktop-top.fade-leave-to .blu-modal[data-v-580f03f0] {
9968                    top: -100vh;
9969                }
9970                html[dark] .b-mobile-fullscreen.b-desktop-top .blu-modal[data-v-580f03f0] {
9971                    bottom: revert;
9972                }
9973            }
9974            html[dark] .b-scrim[data-v-580f03f0] {
9975                --blu-color-scrim-background: rgba(0, 0, 0, 0.6);
9976                position: fixed;
9977                top: 0;
9978                left: 0;
9979                z-index: 99;
9980                width: 100%;
9981                height: 100%;
9982                background-color: var(--blu-color-scrim-background);
9983                display: flex;
9984                flex-direction: column;
9985                justify-content: center;
9986                align-items: center;
9987                transition: opacity 0.3s;
9988                opacity: 1;
9989            }
9990            html[dark] .fade-enter-active .b-scrim[data-v-580f03f0],
9991            html[dark] .fade-leave-active .b-scrim[data-v-580f03f0] {
9992                transition: opacity 0.3s;
9993            }
9994            html[dark] .fade-enter-to .b-scrim[data-v-580f03f0] {
9995                opacity: 1;
9996            }
9997            html[dark] .fade-leave-to .b-scrim[data-v-580f03f0] {
9998                opacity: 0;
9999            }
10000        </style>
10001        <style>
10002            html:not([dark]) .blu-modal__header[data-v-48938041] {
10003                --blu-modal-header-text: 600 20px/24px Blibli, -apple-system, Segoe UI, Roboto, Helvetica, Arial,
10004                    sans-serif;
10005                --blu-modal-header-color: #19222a;
10006                --blu-modal-header-icon-color: #797f85;
10007                --blu-modal-header-padding: 16px;
10008                --blu-modal-header-gap: 4px;
10009                padding: var(--blu-modal-header-padding);
10010                color: var(--blu-modal-header-color);
10011            }
10012            @media screen and (max-width: 839px) {
10013                html:not([dark]) .blu-modal__header[data-v-48938041] {
10014                    --blu-modal-header-padding: 12px 16px;
10015                }
10016            }
10017            html:not([dark]) .blu-modal__header-main[data-v-48938041] {
10018                display: flex;
10019                width: 100%;
10020            }
10021            html:not([dark])
10022                .blu-modal__header-main
10023                *[data-v-48938041]:not(:last-child):not(.blu-modal__header-main--item-leading) {
10024                margin-right: var(--blu-modal-header-gap);
10025            }
10026            html:not([dark]) .blu-modal__header-main--title[data-v-48938041] {
10027                font: var(--blu-modal-header-text);
10028                margin: auto auto auto 0;
10029                width: 100%;
10030                overflow: hidden;
10031            }
10032            @media screen and (max-width: 839px) {
10033                html:not([dark]) .blu-modal__header-main--title[data-v-48938041] {
10034                    --blu-modal-header-text: 600 16px/20px Blibli, -apple-system, Segoe UI, Roboto, Helvetica, Arial,
10035                        sans-serif;
10036                }
10037            }
10038            html:not([dark]) .blu-modal__header-main--item-leading[data-v-48938041],
10039            html:not([dark]) .blu-modal__header-main--item-trailing[data-v-48938041] {
10040                color: var(--blu-modal-header-icon-color);
10041                display: flex;
10042                cursor: pointer;
10043            }
10044            html:not([dark]) .blu-modal__header-main--item-leading[data-v-48938041] svg,
10045            html:not([dark]) .blu-modal__header-main--item-trailing[data-v-48938041] svg {
10046                padding: 4px;
10047                box-sizing: content-box;
10048            }
10049            html:not([dark]) .blu-modal__header-main--item-leading[data-v-48938041] svg:not(:last-child),
10050            html:not([dark]) .blu-modal__header-main--item-trailing[data-v-48938041] svg:not(:last-child) {
10051                margin-right: var(--blu-modal-header-gap);
10052            }
10053            @media screen and (min-width: 840px), print {
10054                html:not([dark]) .blu-modal__header-main--item-leading[data-v-48938041] {
10055                    order: 3;
10056                    flex-direction: row-reverse;
10057                    margin-left: var(--blu-modal-header-gap);
10058                }
10059            }
10060            @media screen and (max-width: 839px) {
10061                html:not([dark]) .blu-modal__header-main--item-leading[data-v-48938041] {
10062                    margin-right: var(--blu-modal-header-gap);
10063                }
10064            }
10065            html:not([dark]) .blu-modal__header-main--item-trailing[data-v-48938041] {
10066                margin-left: auto;
10067            }
10068            html:not([dark]) .blu-modal__header-main--close-icon[data-v-48938041]:focus {
10069                outline: none;
10070            }
10071            html:not([dark]) .blu-modal__header-main--close-icon[data-v-48938041]:focus-visible {
10072                outline: 2px solid #19222a;
10073            }
10074            html:not([dark]) .blu-modal__header.b-padding-top-0[data-v-48938041] {
10075                padding-top: 0;
10076            }
10077            html:not([dark]) .blu-modal__header.b-padding-bottom-0[data-v-48938041] {
10078                padding-bottom: 0;
10079            }
10080            html:not([dark]) .b-info .blu-modal__header[data-v-48938041] {
10081                --blu-modal-icon-header-status: #0072ff;
10082                --blu-modal-header-icon-spacing-gap: 4px 0 8px;
10083            }
10084            html:not([dark]) .b-info .blu-modal__header-status-icon[data-v-48938041] {
10085                color: var(--blu-modal-icon-header-status);
10086                display: flex;
10087                margin: var(--blu-modal-header-icon-spacing-gap);
10088            }
10089            html:not([dark]) .b-success .blu-modal__header[data-v-48938041] {
10090                --blu-modal-icon-header-status: #1f912e;
10091                --blu-modal-header-icon-spacing-gap: 4px 0 8px;
10092            }
10093            html:not([dark]) .b-success .blu-modal__header-status-icon[data-v-48938041] {
10094                color: var(--blu-modal-icon-header-status);
10095                display: flex;
10096                margin: var(--blu-modal-header-icon-spacing-gap);
10097            }
10098            html:not([dark]) .b-alert .blu-modal__header[data-v-48938041] {
10099                --blu-modal-icon-header-status: #bc6e06;
10100                --blu-modal-header-icon-spacing-gap: 4px 0 8px;
10101            }
10102            html:not([dark]) .b-alert .blu-modal__header-status-icon[data-v-48938041] {
10103                color: var(--blu-modal-icon-header-status);
10104                display: flex;
10105                margin: var(--blu-modal-header-icon-spacing-gap);
10106            }
10107            html:not([dark]) .b-danger .blu-modal__header[data-v-48938041] {
10108                --blu-modal-icon-header-status: #e93c3c;
10109                --blu-modal-header-icon-spacing-gap: 4px 0 8px;
10110            }
10111            html:not([dark]) .b-danger .blu-modal__header-status-icon[data-v-48938041] {
10112                color: var(--blu-modal-icon-header-status);
10113                display: flex;
10114                margin: var(--blu-modal-header-icon-spacing-gap);
10115            }
10116            html[dark] .blu-modal__header[data-v-48938041] {
10117                --blu-modal-header-text: 600 20px/24px Blibli, -apple-system, Segoe UI, Roboto, Helvetica, Arial,
10118                    sans-serif;
10119                --blu-modal-header-color: #ffffff;
10120                --blu-modal-header-icon-color: #acb0b4;
10121                --blu-modal-header-padding: 16px;
10122                --blu-modal-header-gap: 4px;
10123                padding: var(--blu-modal-header-padding);
10124                color: var(--blu-modal-header-color);
10125            }
10126            @media screen and (max-width: 839px) {
10127                html[dark] .blu-modal__header[data-v-48938041] {
10128                    --blu-modal-header-padding: 12px 16px;
10129                }
10130            }
10131            html[dark] .blu-modal__header-main[data-v-48938041] {
10132                display: flex;
10133                width: 100%;
10134            }
10135            html[dark]
10136                .blu-modal__header-main
10137                *[data-v-48938041]:not(:last-child):not(.blu-modal__header-main--item-leading) {
10138                margin-right: var(--blu-modal-header-gap);
10139            }
10140            html[dark] .blu-modal__header-main--title[data-v-48938041] {
10141                font: var(--blu-modal-header-text);
10142                margin: auto auto auto 0;
10143                width: 100%;
10144                overflow: hidden;
10145            }
10146            @media screen and (max-width: 839px) {
10147                html[dark] .blu-modal__header-main--title[data-v-48938041] {
10148                    --blu-modal-header-text: 600 16px/20px Blibli, -apple-system, Segoe UI, Roboto, Helvetica, Arial,
10149                        sans-serif;
10150                }
10151            }
10152            html[dark] .blu-modal__header-main--item-leading[data-v-48938041],
10153            html[dark] .blu-modal__header-main--item-trailing[data-v-48938041] {
10154                color: var(--blu-modal-header-icon-color);
10155                display: flex;
10156                cursor: pointer;
10157            }
10158            html[dark] .blu-modal__header-main--item-leading[data-v-48938041] svg,
10159            html[dark] .blu-modal__header-main--item-trailing[data-v-48938041] svg {
10160                padding: 4px;
10161                box-sizing: content-box;
10162            }
10163            html[dark] .blu-modal__header-main--item-leading[data-v-48938041] svg:not(:last-child),
10164            html[dark] .blu-modal__header-main--item-trailing[data-v-48938041] svg:not(:last-child) {
10165                margin-right: var(--blu-modal-header-gap);
10166            }
10167            @media screen and (min-width: 840px), print {
10168                html[dark] .blu-modal__header-main--item-leading[data-v-48938041] {
10169                    order: 3;
10170                    flex-direction: row-reverse;
10171                    margin-left: var(--blu-modal-header-gap);
10172                }
10173            }
10174            @media screen and (max-width: 839px) {
10175                html[dark] .blu-modal__header-main--item-leading[data-v-48938041] {
10176                    margin-right: var(--blu-modal-header-gap);
10177                }
10178            }
10179            html[dark] .blu-modal__header-main--item-trailing[data-v-48938041] {
10180                margin-left: auto;
10181            }
10182            html[dark] .blu-modal__header-main--close-icon[data-v-48938041]:focus {
10183                outline: none;
10184            }
10185            html[dark] .blu-modal__header-main--close-icon[data-v-48938041]:focus-visible {
10186                outline: 2px solid #f9f9fa;
10187            }
10188            html[dark] .blu-modal__header.b-padding-top-0[data-v-48938041] {
10189                padding-top: 0;
10190            }
10191            html[dark] .blu-modal__header.b-padding-bottom-0[data-v-48938041] {
10192                padding-bottom: 0;
10193            }
10194            html[dark] .b-info .blu-modal__header[data-v-48938041] {
10195                --blu-modal-icon-header-status: #4fa4ff;
10196                --blu-modal-header-icon-spacing-gap: 4px 0 8px;
10197            }
10198            html[dark] .b-info .blu-modal__header-status-icon[data-v-48938041] {
10199                color: var(--blu-modal-icon-header-status);
10200                display: flex;
10201                margin: var(--blu-modal-header-icon-spacing-gap);
10202            }
10203            html[dark] .b-success .blu-modal__header[data-v-48938041] {
10204                --blu-modal-icon-header-status: #02c82b;
10205                --blu-modal-header-icon-spacing-gap: 4px 0 8px;
10206            }
10207            html[dark] .b-success .blu-modal__header-status-icon[data-v-48938041] {
10208                color: var(--blu-modal-icon-header-status);
10209                display: flex;
10210                margin: var(--blu-modal-header-icon-spacing-gap);
10211            }
10212            html[dark] .b-alert .blu-modal__header[data-v-48938041] {
10213                --blu-modal-icon-header-status: #0ea5e9;
10214                --blu-modal-header-icon-spacing-gap: 4px 0 8px;
10215            }
10216            html[dark] .b-alert .blu-modal__header-status-icon[data-v-48938041] {
10217                color: var(--blu-modal-icon-header-status);
10218                display: flex;
10219                margin: var(--blu-modal-header-icon-spacing-gap);
10220            }
10221            html[dark] .b-danger .blu-modal__header[data-v-48938041] {
10222                --blu-modal-icon-header-status: #ff7373;
10223                --blu-modal-header-icon-spacing-gap: 4px 0 8px;
10224            }
10225            html[dark] .b-danger .blu-modal__header-status-icon[data-v-48938041] {
10226                color: var(--blu-modal-icon-header-status);
10227                display: flex;
10228                margin: var(--blu-modal-header-icon-spacing-gap);
10229            }
10230        </style>
10231        <style>
10232            *[data-v-ee0005ae],
10233            *[data-v-ee0005ae]:before,
10234            *[data-v-ee0005ae]:after {
10235                box-sizing: border-box;
10236            }
10237            html:not([dark]) .blu-modal__body[data-v-ee0005ae] {
10238                --blu-modal-body-text: 500 16px/20px Blibli, -apple-system, Segoe UI, Roboto, Helvetica, Arial,
10239                    sans-serif;
10240                --blu-modal-body-color: rgba(25, 34, 42, 0.7019607843);
10241                --blu-modal-body-padding: 4px 16px 12px;
10242                --blu-modal-body-addition-gap: 8px 16px;
10243                font: var(--blu-modal-body-text);
10244                color: var(--blu-modal-body-color);
10245                display: flex;
10246                flex-direction: column;
10247                overscroll-behavior: contain;
10248            }
10249            html:not([dark]) .blu-modal__body-content[data-v-ee0005ae] {
10250                padding: var(--blu-modal-body-padding);
10251            }
10252            html:not([dark]) .blu-modal__body-addition[data-v-ee0005ae] {
10253                padding: var(--blu-modal-body-addition-gap);
10254            }
10255            html:not([dark]) .blu-modal__body.b-has-no-padding[data-v-ee0005ae] {
10256                --blu-modal-body-padding: 0;
10257            }
10258            @media screen and (max-width: 839px) {
10259                html:not([dark]) .blu-modal__body[data-v-ee0005ae] {
10260                    --blu-modal-body-text: 500 14px/18px Blibli, -apple-system, Segoe UI, Roboto, Helvetica, Arial,
10261                        sans-serif;
10262                }
10263            }
10264            html:not([dark]) .b-overflow-y[data-v-ee0005ae] {
10265                scrollbar-color: rgba(25, 34, 42, 0.3019607843) transparent;
10266                scrollbar-width: thin;
10267            }
10268            html:not([dark]) .b-overflow-y[data-v-ee0005ae]::-webkit-scrollbar {
10269                width: 4px;
10270                height: 8px;
10271                background-color: transparent;
10272            }
10273            html:not([dark]) .b-overflow-y[data-v-ee0005ae]::-webkit-scrollbar-track {
10274                margin: 13px 0;
10275            }
10276            html:not([dark]) .b-overflow-y[data-v-ee0005ae]::-webkit-scrollbar-thumb {
10277                box-shadow: inset 0 0 14px 14px transparent;
10278                border-radius: 4px;
10279                background-color: #19222a4d;
10280                scrollbar-color: rgba(25, 34, 42, 0.3019607843);
10281            }
10282            html:not([dark]) .b-overflow-y[data-v-ee0005ae]:hover::-webkit-scrollbar {
10283                width: 4px;
10284            }
10285            html:not([dark]) .b-overflow-y[data-v-ee0005ae]:hover::-webkit-scrollbar-track {
10286                border: solid 2px transparent;
10287            }
10288            html:not([dark]) .b-overflow-y[data-v-ee0005ae]:hover::-webkit-scrollbar-thumb:hover {
10289                box-shadow: inset 0 0 14px 14px transparent;
10290                background-color: #19222a4d;
10291                scrollbar-color: rgba(25, 34, 42, 0.3019607843) transparent;
10292            }
10293            html:not([dark]) .b-overflow-y[data-v-ee0005ae]::-webkit-scrollbar-track {
10294                border-radius: 3px;
10295                background-color: transparent;
10296            }
10297            html:not([dark]) .b-overflow-y.hidden[data-v-ee0005ae] {
10298                scrollbar-width: none;
10299            }
10300            html:not([dark]) .b-overflow-y.hidden[data-v-ee0005ae]::-webkit-scrollbar-thumb {
10301                border-radius: 4px;
10302                background-color: transparent;
10303            }
10304            html:not([dark]) .b-overflow-y.hidden[data-v-ee0005ae]:hover {
10305                scrollbar-width: thin;
10306            }
10307            html:not([dark]) .b-overflow-y.hidden[data-v-ee0005ae]:hover::-webkit-scrollbar-thumb {
10308                box-shadow: inset 0 0 14px 14px transparent;
10309                border-radius: 4px;
10310                background-color: #19222a4d;
10311                scrollbar-color: rgba(25, 34, 42, 0.3019607843) transparent;
10312            }
10313            html:not([dark]) .b-overflow-y.hidden[data-v-ee0005ae]:hover::-webkit-scrollbar-thumb:hover {
10314                box-shadow: inset 0 0 14px 14px transparent;
10315                background-color: #19222a4d;
10316                scrollbar-color: rgba(25, 34, 42, 0.3019607843) transparent;
10317            }
10318            html:not([dark]) .b-overflow-y[data-v-ee0005ae] {
10319                overflow-y: auto;
10320                margin: 0;
10321            }
10322            html[dark] .blu-modal__body[data-v-ee0005ae] {
10323                --blu-modal-body-text: 500 16px/20px Blibli, -apple-system, Segoe UI, Roboto, Helvetica, Arial,
10324                    sans-serif;
10325                --blu-modal-body-color: rgba(255, 255, 255, 0.8);
10326                --blu-modal-body-padding: 4px 16px 12px;
10327                --blu-modal-body-addition-gap: 8px 16px;
10328                font: var(--blu-modal-body-text);
10329                color: var(--blu-modal-body-color);
10330                display: flex;
10331                flex-direction: column;
10332                overscroll-behavior: contain;
10333            }
10334            html[dark] .blu-modal__body-content[data-v-ee0005ae] {
10335                padding: var(--blu-modal-body-padding);
10336            }
10337            html[dark] .blu-modal__body-addition[data-v-ee0005ae] {
10338                padding: var(--blu-modal-body-addition-gap);
10339            }
10340            html[dark] .blu-modal__body.b-has-no-padding[data-v-ee0005ae] {
10341                --blu-modal-body-padding: 0;
10342            }
10343            @media screen and (max-width: 839px) {
10344                html[dark] .blu-modal__body[data-v-ee0005ae] {
10345                    --blu-modal-body-text: 500 14px/18px Blibli, -apple-system, Segoe UI, Roboto, Helvetica, Arial,
10346                        sans-serif;
10347                }
10348            }
10349            html[dark] .b-overflow-y[data-v-ee0005ae] {
10350                scrollbar-color: rgba(255, 255, 255, 0.3019607843) transparent;
10351                scrollbar-width: thin;
10352            }
10353            html[dark] .b-overflow-y[data-v-ee0005ae]::-webkit-scrollbar {
10354                width: 4px;
10355                height: 8px;
10356                background-color: transparent;
10357            }
10358            html[dark] .b-overflow-y[data-v-ee0005ae]::-webkit-scrollbar-track {
10359                margin: 13px 0;
10360            }
10361            html[dark] .b-overflow-y[data-v-ee0005ae]::-webkit-scrollbar-thumb {
10362                box-shadow: inset 0 0 14px 14px transparent;
10363                border-radius: 4px;
10364                background-color: #ffffff4d;
10365                scrollbar-color: rgba(255, 255, 255, 0.3019607843);
10366            }
10367            html[dark] .b-overflow-y[data-v-ee0005ae]:hover::-webkit-scrollbar {
10368                width: 4px;
10369            }
10370            html[dark] .b-overflow-y[data-v-ee0005ae]:hover::-webkit-scrollbar-track {
10371                border: solid 2px transparent;
10372            }
10373            html[dark] .b-overflow-y[data-v-ee0005ae]:hover::-webkit-scrollbar-thumb:hover {
10374                box-shadow: inset 0 0 14px 14px transparent;
10375                background-color: #ffffff4d;
10376                scrollbar-color: rgba(255, 255, 255, 0.3019607843) transparent;
10377            }
10378            html[dark] .b-overflow-y[data-v-ee0005ae]::-webkit-scrollbar-track {
10379                border-radius: 3px;
10380                background-color: transparent;
10381            }
10382            html[dark] .b-overflow-y.hidden[data-v-ee0005ae] {
10383                scrollbar-width: none;
10384            }
10385            html[dark] .b-overflow-y.hidden[data-v-ee0005ae]::-webkit-scrollbar-thumb {
10386                border-radius: 4px;
10387                background-color: transparent;
10388            }
10389            html[dark] .b-overflow-y.hidden[data-v-ee0005ae]:hover {
10390                scrollbar-width: thin;
10391            }
10392            html[dark] .b-overflow-y.hidden[data-v-ee0005ae]:hover::-webkit-scrollbar-thumb {
10393                box-shadow: inset 0 0 14px 14px transparent;
10394                border-radius: 4px;
10395                background-color: #ffffff4d;
10396                scrollbar-color: rgba(255, 255, 255, 0.3019607843) transparent;
10397            }
10398            html[dark] .b-overflow-y.hidden[data-v-ee0005ae]:hover::-webkit-scrollbar-thumb:hover {
10399                box-shadow: inset 0 0 14px 14px transparent;
10400                background-color: #ffffff4d;
10401                scrollbar-color: rgba(255, 255, 255, 0.3019607843) transparent;
10402            }
10403            html[dark] .b-overflow-y[data-v-ee0005ae] {
10404                overflow-y: auto;
10405                margin: 0;
10406            }
10407        </style>
10408        <style>
10409            html:not([dark]) .blu-modal__footer[data-v-1b4528ab] {
10410                --blu-modal-footer-padding: 16px;
10411                --blu-modal-footer-gap: 8px;
10412                display: flex;
10413                justify-content: flex-end;
10414                padding: var(--blu-modal-footer-padding);
10415                box-sizing: border-box;
10416                margin-top: auto;
10417            }
10418            html:not([dark]) .blu-modal__footer[data-v-1b4528ab]:not(.b-long-action) *:not(:last-child) {
10419                margin-right: var(--blu-modal-footer-gap);
10420            }
10421            html:not([dark]) .blu-modal__footer.b-long-action[data-v-1b4528ab] {
10422                flex-direction: column-reverse;
10423            }
10424            html:not([dark]) .blu-modal__footer.b-long-action[data-v-1b4528ab] *:not(:first-child) {
10425                margin-bottom: var(--blu-modal-footer-gap);
10426            }
10427            @media screen and (max-width: 839px) {
10428                html:not([dark]) .blu-modal__footer[data-v-1b4528ab] .blu-button {
10429                    width: 100%;
10430                }
10431            }
10432            html[dark] .blu-modal__footer[data-v-1b4528ab] {
10433                --blu-modal-footer-padding: 16px;
10434                --blu-modal-footer-gap: 8px;
10435                display: flex;
10436                justify-content: flex-end;
10437                padding: var(--blu-modal-footer-padding);
10438                box-sizing: border-box;
10439                margin-top: auto;
10440            }
10441            html[dark] .blu-modal__footer[data-v-1b4528ab]:not(.b-long-action) *:not(:last-child) {
10442                margin-right: var(--blu-modal-footer-gap);
10443            }
10444            html[dark] .blu-modal__footer.b-long-action[data-v-1b4528ab] {
10445                flex-direction: column-reverse;
10446            }
10447            html[dark] .blu-modal__footer.b-long-action[data-v-1b4528ab] *:not(:first-child) {
10448                margin-bottom: var(--blu-modal-footer-gap);
10449            }
10450            @media screen and (max-width: 839px) {
10451                html[dark] .blu-modal__footer[data-v-1b4528ab] .blu-button {
10452                    width: 100%;
10453                }
10454            }
10455        </style>
10456        <style>
10457            html:not([dark]) .blu-banner[data-v-2470b354] {
10458                --blu-banner-action-text: 600 16px/20px Blibli, -apple-system, Segoe UI, Roboto, Helvetica, Arial,
10459                    sans-serif;
10460                --blu-banner-desc-text: 500 16px/20px Blibli, -apple-system, Segoe UI, Roboto, Helvetica, Arial,
10461                    sans-serif;
10462                --blu-banner-label-text: 600 16px/20px Blibli, -apple-system, Segoe UI, Roboto, Helvetica, Arial,
10463                    sans-serif;
10464                --blu-banner-link-text: 500 16px/20px Blibli, -apple-system, Segoe UI, Roboto, Helvetica, Arial,
10465                    sans-serif;
10466                --blu-banner-action-group-spacing-gap: 16px;
10467                --blu-banner-action-group-spacing-padding: 8px 0;
10468                --blu-banner-container-spacing-gap: 8px;
10469                --blu-banner-spacing-gap: 8px;
10470                --blu-banner-spacing-padding: 8px;
10471                --blu-banner-icon-size: 24px;
10472                --blu-banner-icon-close-color: #797f85;
10473                --blu-banner-image-size: 40px;
10474                display: flex;
10475                padding: var(--blu-banner-spacing-padding);
10476                background-color: var(--blu-banner-color-background);
10477                border: 1px solid var(--blu-banner-color-border);
10478                width: fit-content;
10479                box-sizing: border-box;
10480                border-radius: 8px;
10481            }
10482            html:not([dark]) .blu-banner[data-v-2470b354] > *:not(:last-child) {
10483                margin-right: var(--blu-banner-spacing-gap);
10484            }
10485            html:not([dark]) .blu-banner[data-v-2470b354] svg {
10486                width: var(--blu-banner-icon-size);
10487                height: var(--blu-banner-icon-size);
10488                flex-shrink: 0;
10489            }
10490            html:not([dark]) .blu-banner[data-v-2470b354] img {
10491                width: var(--blu-banner-image-size);
10492                height: var(--blu-banner-image-size);
10493                border-radius: 4px;
10494            }
10495            html:not([dark]) .blu-banner[data-v-2470b354] a {
10496                color: #006dea;
10497                text-decoration: none;
10498            }
10499            html:not([dark]) .blu-banner[data-v-2470b354] a:focus-visible {
10500                outline: #19222a solid 2px;
10501            }
10502            html:not([dark]) .blu-banner .status-icon[data-v-2470b354] {
10503                color: var(--blu-banner-color-icon);
10504            }
10505            html:not([dark]) .blu-banner .close-icon[data-v-2470b354] {
10506                cursor: pointer;
10507                margin-left: auto;
10508                color: var(--blu-banner-icon-close-color);
10509            }
10510            html:not([dark]) .blu-banner .close-icon[data-v-2470b354]:focus-visible {
10511                outline: #19222a solid 2px;
10512            }
10513            html:not([dark]) .blu-banner__label[data-v-2470b354] {
10514                font: var(--blu-banner-label-text);
10515                color: #19222a;
10516            }
10517            html:not([dark]) .blu-banner__desc[data-v-2470b354] {
10518                font: var(--blu-banner-desc-text);
10519                color: #19222ab3;
10520            }
10521            html:not([dark]) .blu-banner__desc[data-v-2470b354] a {
10522                font: var(--blu-banner-link-text);
10523            }
10524            html:not([dark]) .blu-banner__container[data-v-2470b354] {
10525                display: flex;
10526                flex-direction: column;
10527                justify-content: c
10527enter;
10528            }
10529            html:not([dark]) .blu-banner__container > *[data-v-2470b354]:not(:last-child) {
10530                margin-bottom: var(--blu-banner-container-spacing-gap);
10531            }
10532            html:not([dark]) .blu-banner__action-group[data-v-2470b354] {
10533                display: flex;
10534            }
10535            html:not([dark]) .blu-banner__action-group[data-v-2470b354] :not(:last-child) {
10536                margin-right: var(--blu-banner-action-group-spacing-gap);
10537            }
10538            html:not([dark]) .blu-banner__action-group[data-v-2470b354] a {
10539                padding: var(--blu-banner-action-group-spacing-padding);
10540                font: var(--blu-banner-action-text);
10541            }
10542            html:not([dark]) .blu-banner.b-small[data-v-2470b354] {
10543                --blu-banner-action-text: 600 14px/18px Blibli, -apple-system, Segoe UI, Roboto, Helvetica, Arial,
10544                    sans-serif;
10545                --blu-banner-desc-text: 500 14px/18px Blibli, -apple-system, Segoe UI, Roboto, Helvetica, Arial,
10546                    sans-serif;
10547                --blu-banner-label-text: 600 14px/18px Blibli, -apple-system, Segoe UI, Roboto, Helvetica, Arial,
10548                    sans-serif;
10549                --blu-banner-link-text: 500 14px/18px Blibli, -apple-system, Segoe UI, Roboto, Helvetica, Arial,
10550                    sans-serif;
10551                --blu-banner-action-group-spacing-gap: 16px;
10552                --blu-banner-action-group-spacing-padding: 4px 0;
10553                --blu-banner-container-spacing-gap: 8px;
10554                --blu-banner-spacing-gap: 8px;
10555                --blu-banner-spacing-padding: 8px 12px;
10556                --blu-banner-icon-size: 18px;
10557                --blu-banner-image-size: 32px;
10558            }
10559            html:not([dark]) .blu-banner.b-horizontal .blu-banner__container[data-v-2470b354] {
10560                flex-direction: row;
10561            }
10562            html:not([dark]) .blu-banner.b-horizontal .blu-banner__container > *[data-v-2470b354]:not(:last-child) {
10563                margin-right: var(--blu-banner-container-spacing-gap);
10564                margin-bottom: 0;
10565            }
10566            html:not([dark]) .blu-banner.b-long-action .blu-banner__action-group[data-v-2470b354] {
10567                flex-direction: column;
10568            }
10569            html:not([dark]) .blu-banner.b-full-width[data-v-2470b354] {
10570                width: 100%;
10571            }
10572            html:not([dark]) .blu-banner.b-info[data-v-2470b354] {
10573                --blu-banner-color-background: #f3f9ff;
10574                --blu-banner-color-border: #b9deff;
10575                --blu-banner-color-icon: #0072ff;
10576            }
10577            html:not([dark]) .blu-banner.b-alert[data-v-2470b354] {
10578                --blu-banner-color-background: #fff8e0;
10579                --blu-banner-color-border: #fedd6c;
10580                --blu-banner-color-icon: #bc6e06;
10581            }
10582            html:not([dark]) .blu-banner.b-error[data-v-2470b354] {
10583                --blu-banner-color-background: #fff5f5;
10584                --blu-banner-color-border: #fecccb;
10585                --blu-banner-color-icon: #e93c3c;
10586            }
10587            html:not([dark]) .blu-banner.b-success[data-v-2470b354] {
10588                --blu-banner-color-background: #effcf0;
10589                --blu-banner-color-border: #b2efb9;
10590                --blu-banner-color-icon: #1f912e;
10591            }
10592            html:not([dark]) .blu-banner.b-general[data-v-2470b354] {
10593                --blu-banner-color-background: #f9f9fa;
10594                --blu-banner-color-border: #e1e3e4;
10595            }
10596            html[dark] .blu-banner[data-v-2470b354] {
10597                --blu-banner-action-text: 600 16px/20px Blibli, -apple-system, Segoe UI, Roboto, Helvetica, Arial,
10598                    sans-serif;
10599                --blu-banner-desc-text: 500 16px/20px Blibli, -apple-system, Segoe UI, Roboto, Helvetica, Arial,
10600                    sans-serif;
10601                --blu-banner-label-text: 600 16px/20px Blibli, -apple-system, Segoe UI, Roboto, Helvetica, Arial,
10602                    sans-serif;
10603                --blu-banner-link-text: 500 16px/20px Blibli, -apple-system, Segoe UI, Roboto, Helvetica, Arial,
10604                    sans-serif;
10605                --blu-banner-action-group-spacing-gap: 16px;
10606                --blu-banner-action-group-spacing-padding: 8px 0;
10607                --blu-banner-container-spacing-gap: 8px;
10608                --blu-banner-spacing-gap: 8px;
10609                --blu-banner-spacing-padding: 8px;
10610                --blu-banner-icon-size: 24px;
10611                --blu-banner-icon-close-color: #acb0b4;
10612                --blu-banner-image-size: 40px;
10613                display: flex;
10614                padding: var(--blu-banner-spacing-padding);
10615                background-color: var(--blu-banner-color-background);
10616                border: 1px solid var(--blu-banner-color-border);
10617                width: fit-content;
10618                box-sizing: border-box;
10619                border-radius: 8px;
10620            }
10621            html[dark] .blu-banner[data-v-2470b354] > *:not(:last-child) {
10622                margin-right: var(--blu-banner-spacing-gap);
10623            }
10624            html[dark] .blu-banner[data-v-2470b354] svg {
10625                width: var(--blu-banner-icon-size);
10626                height: var(--blu-banner-icon-size);
10627                flex-shrink: 0;
10628            }
10629            html[dark] .blu-banner[data-v-2470b354] img {
10630                width: var(--blu-banner-image-size);
10631                height: var(--blu-banner-image-size);
10632                border-radius: 4px;
10633            }
10634            html[dark] .blu-banner[data-v-2470b354] a {
10635                color: #4fa4ff;
10636                text-decoration: none;
10637            }
10638            html[dark] .blu-banner[data-v-2470b354] a:focus-visible {
10639                outline: #f9f9fa solid 2px;
10640            }
10641            html[dark] .blu-banner .status-icon[data-v-2470b354] {
10642                color: var(--blu-banner-color-icon);
10643            }
10644            html[dark] .blu-banner .close-icon[data-v-2470b354] {
10645                cursor: pointer;
10646                margin-left: auto;
10647                color: var(--blu-banner-icon-close-color);
10648            }
10649            html[dark] .blu-banner .close-icon[data-v-2470b354]:focus-visible {
10650                outline: #f9f9fa solid 2px;
10651            }
10652            html[dark] .blu-banner__label[data-v-2470b354] {
10653                font: var(--blu-banner-label-text);
10654                color: #fff;
10655            }
10656            html[dark] .blu-banner__desc[data-v-2470b354] {
10657                font: var(--blu-banner-desc-text);
10658                color: #fffc;
10659            }
10660            html[dark] .blu-banner__desc[data-v-2470b354] a {
10661                font: var(--blu-banner-link-text);
10662            }
10663            html[dark] .blu-banner__container[data-v-2470b354] {
10664                display: flex;
10665                flex-direction: column;
10666                justify-content: center;
10667            }
10668            html[dark] .blu-banner__container > *[data-v-2470b354]:not(:last-child) {
10669                margin-bottom: var(--blu-banner-container-spacing-gap);
10670            }
10671            html[dark] .blu-banner__action-group[data-v-2470b354] {
10672                display: flex;
10673            }
10674            html[dark] .blu-banner__action-group[data-v-2470b354] :not(:last-child) {
10675                margin-right: var(--blu-banner-action-group-spacing-gap);
10676            }
10677            html[dark] .blu-banner__action-group[data-v-2470b354] a {
10678                padding: var(--blu-banner-action-group-spacing-padding);
10679                font: var(--blu-banner-action-text);
10680            }
10681            html[dark] .blu-banner.b-small[data-v-2470b354] {
10682                --blu-banner-action-text: 600 14px/18px Blibli, -apple-system, Segoe UI, Roboto, Helvetica, Arial,
10683                    sans-serif;
10684                --blu-banner-desc-text: 500 14px/18px Blibli, -apple-system, Segoe UI, Roboto, Helvetica, Arial,
10685                    sans-serif;
10686                --blu-banner-label-text: 600 14px/18px Blibli, -apple-system, Segoe UI, Roboto, Helvetica, Arial,
10687                    sans-serif;
10688                --blu-banner-link-text: 500 14px/18px Blibli, -apple-system, Segoe UI, Roboto, Helvetica, Arial,
10689                    sans-serif;
10690                --blu-banner-action-group-spacing-gap: 16px;
10691                --blu-banner-action-group-spacing-padding: 4px 0;
10692                --blu-banner-container-spacing-gap: 8px;
10693                --blu-banner-spacing-gap: 8px;
10694                --blu-banner-spacing-padding: 8px 12px;
10695                --blu-banner-icon-size: 18px;
10696                --blu-banner-image-size: 32px;
10697            }
10698            html[dark] .blu-banner.b-horizontal .blu-banner__container[data-v-2470b354] {
10699                flex-direction: row;
10700            }
10701            html[dark] .blu-banner.b-horizontal .blu-banner__container > *[data-v-2470b354]:not(:last-child) {
10702                margin-right: var(--blu-banner-container-spacing-gap);
10703                margin-bottom: 0;
10704            }
10705            html[dark] .blu-banner.b-long-action .blu-banner__action-group[data-v-2470b354] {
10706                flex-direction: column;
10707            }
10708            html[dark] .blu-banner.b-full-width[data-v-2470b354] {
10709                width: 100%;
10710            }
10711            html[dark] .blu-banner.b-info[data-v-2470b354] {
10712                --blu-banner-color-background: #002e7a;
10713                --blu-banner-color-border: #0050bd;
10714                --blu-banner-color-icon: #4fa4ff;
10715            }
10716            html[dark] .blu-banner.b-alert[data-v-2470b354] {
10717                --blu-banner-color-background: #4d2c02;
10718                --blu-banner-color-border: #7e4704;
10719                --blu-banner-color-icon: #0ea5e9;
10720            }
10721            html[dark] .blu-banner.b-error[data-v-2470b354] {
10722                --blu-banner-color-background: #631818;
10723                --blu-banner-color-border: #a32727;
10724                --blu-banner-color-icon: #ff7373;
10725            }
10726            html[dark] .blu-banner.b-success[data-v-2470b354] {
10727                --blu-banner-color-background: #0d3c13;
10728                --blu-banner-color-border: #15631f;
10729                --blu-banner-color-icon: #02c82b;
10730            }
10731            html[dark] .blu-banner.b-general[data-v-2470b354] {
10732                --blu-banner-color-background: #19222a;
10733                --blu-banner-color-border: #3b444c;
10734            }
10735        </style>
10736        <style>
10737            html:not([dark]) .blu-loader-general[data-v-5f0af726] {
10738                --blu-loader-general-highlight-color-background: #1d8fff;
10739                --blu-loader-general-base-color-background: #f1f2f2;
10740                width: var(--blu-loader-general-size);
10741                height: var(--blu-loader-general-size);
10742            }
10743            html:not([dark]) .blu-loader-general__asset[data-v-5f0af726] {
10744                animation: general-rotate-5f0af726 1.6s linear infinite;
10745                transform-origin: center center;
10746                transition: all 0.5s ease-in-out;
10747                width: 100%;
10748                height: 100%;
10749                margin: auto;
10750                transform: rotate(90deg);
10751            }
10752            html:not([dark]) .blu-loader-general__asset--highlight[data-v-5f0af726],
10753            html:not([dark]) .blu-loader-general__asset--base[data-v-5f0af726] {
10754                stroke-linecap: round;
10755            }
10756            html:not([dark]) .blu-loader-general__asset--highlight[data-v-5f0af726] {
10757                stroke: var(--blu-loader-general-highlight-color-background);
10758                animation: general-highlight-5f0af726 1.6s linear infinite;
10759            }
10760            html:not([dark]) .blu-loader-general__asset--base[data-v-5f0af726] {
10761                stroke: var(--blu-loader-general-base-color-background);
10762                animation: general-base-5f0af726 1.6s linear infinite;
10763            }
10764            html:not([dark]) .blu-loader-general.b-inverted[data-v-5f0af726] {
10765                --blu-loader-general-highlight-color-background: #ffffff;
10766                --blu-loader-general-base-color-background: #c8cbcd;
10767            }
10768            html:not([dark]) .blu-loader-general.b-size-s[data-v-5f0af726] {
10769                --blu-loader-general-size: 16px;
10770            }
10771            html:not([dark]) .blu-loader-general.b-size-m[data-v-5f0af726] {
10772                --blu-loader-general-size: 18px;
10773            }
10774            html:not([dark]) .blu-loader-general.b-size-l[data-v-5f0af726] {
10775                --blu-loader-general-size: 24px;
10776            }
10777            html:not([dark]) .blu-loader-general.b-size-xl[data-v-5f0af726] {
10778                --blu-loader-general-size: 32px;
10779            }
10780            html[dark] .blu-loader-general[data-v-5f0af726] {
10781                --blu-loader-general-highlight-color-background: #4fa4ff;
10782                --blu-loader-general-base-color-background: #28323b;
10783                width: var(--blu-loader-general-size);
10784                height: var(--blu-loader-general-size);
10785            }
10786            html[dark] .blu-loader-general__asset[data-v-5f0af726] {
10787                animation: general-rotate-5f0af726 1.6s linear infinite;
10788                transform-origin: center center;
10789                transition: all 0.5s ease-in-out;
10790                width: 100%;
10791                height: 100%;
10792                margin: auto;
10793                transform: rotate(90deg);
10794            }
10795            html[dark] .blu-loader-general__asset--highlight[data-v-5f0af726],
10796            html[dark] .blu-loader-general__asset--base[data-v-5f0af726] {
10797                stroke-linecap: round;
10798            }
10799            html[dark] .blu-loader-general__asset--highlight[data-v-5f0af726] {
10800                stroke: var(--blu-loader-general-highlight-color-background);
10801                animation: general-highlight-5f0af726 1.6s linear infinite;
10802            }
10803            html[dark] .blu-loader-general__asset--base[data-v-5f0af726] {
10804                stroke: var(--blu-loader-general-base-color-background);
10805                animation: general-base-5f0af726 1.6s linear infinite;
10806            }
10807            html[dark] .blu-loader-general.b-inverted[data-v-5f0af726] {
10808                --blu-loader-general-highlight-color-background: #12171d;
10809                --blu-loader-general-base-color-background: #60686e;
10810            }
10811            html[dark] .blu-loader-general.b-size-s[data-v-5f0af726] {
10812                --blu-loader-general-size: 16px;
10813            }
10814            html[dark] .blu-loader-general.b-size-m[data-v-5f0af726] {
10815                --blu-loader-general-size: 18px;
10816            }
10817            html[dark] .blu-loader-general.b-size-l[data-v-5f0af726] {
10818                --blu-loader-general-size: 24px;
10819            }
10820            html[dark] .blu-loader-general.b-size-xl[data-v-5f0af726] {
10821                --blu-loader-general-size: 32px;
10822            }
10823            @keyframes general-highlight-5f0af726 {
10824                0% {
10825                    stroke-dasharray: 1, 200;
10826                    stroke-dashoffset: 0;
10827                }
10828                50% {
10829                    stroke-dasharray: 50, 200;
10830                    stroke-dashoffset: -15px;
10831                }
10832                to {
10833                    stroke-dasharray: 50, 200;
10834                    stroke-dashoffset: -124px;
10835                }
10836            }
10837            @keyframes general-base-5f0af726 {
10838                0% {
10839                    stroke-dasharray: 1, 200;
10840                    stroke-dashoffset: 0;
10841                }
10842                to {
10843                    stroke-dasharray: 100, 200;
10844                    stroke-dashoffset: -120px;
10845                }
10846            }
10847            @keyframes general-rotate-5f0af726 {
10848                to {
10849                    transform: rotate(450deg);
10850                }
10851            }
10852        </style>
10853        <style>
10854            html:not([dark]) .b-overflow-y[data-v-7b49b436] {
10855                scrollbar-color: rgba(25, 34, 42, 0.3019607843) transparent;
10856                scrollbar-width: thin;
10857            }
10858            html:not([dark]) .b-overflow-y[data-v-7b49b436]::-webkit-scrollbar {
10859                width: 4px;
10860                height: 8px;
10861                background-color: transparent;
10862            }
10863            html:not([dark]) .b-overflow-y[data-v-7b49b436]::-webkit-scrollbar-track {
10864                margin: 13px 0;
10865            }
10866            html:not([dark]) .b-overflow-y[data-v-7b49b436]::-webkit-scrollbar-thumb {
10867                box-shadow: inset 0 0 14px 14px transparent;
10868                border-radius: 4px;
10869                background-color: #19222a4d;
10870                scrollbar-color: rgba(25, 34, 42, 0.3019607843);
10871            }
10872            html:not([dark]) .b-overflow-y[data-v-7b49b436]:hover::-webkit-scrollbar {
10873                width: 4px;
10874            }
10875            html:not([dark]) .b-overflow-y[data-v-7b49b436]:hover::-webkit-scrollbar-track {
10876                border: solid 2px transparent;
10877            }
10878            html:not([dark]) .b-overflow-y[data-v-7b49b436]:hover::-webkit-scrollbar-thumb:hover {
10879                box-shadow: inset 0 0 14px 14px transparent;
10880                background-color: #19222a4d;
10881                scrollbar-color: rgba(25, 34, 42, 0.3019607843) transparent;
10882            }
10883            html:not([dark]) .b-overflow-y[data-v-7b49b436]::-webkit-scrollbar-track {
10884                border-radius: 3px;
10885                background-color: transparent;
10886            }
10887            html:not([dark]) .b-overflow-y.hidden[data-v-7b49b436] {
10888                scrollbar-width: none;
10889            }
10890            html:not([dark]) .b-overflow-y.hidden[data-v-7b49b436]::-webkit-scrollbar-thumb {
10891                border-radius: 4px;
10892                background-color: transparent;
10893            }
10894            html:not([dark]) .b-overflow-y.hidden[data-v-7b49b436]:hover {
10895                scrollbar-width: thin;
10896            }
10897            html:not([dark]) .b-overflow-y.hidden[data-v-7b49b436]:hover::-webkit-scrollbar-thumb {
10898                box-shadow: inset 0 0 14px 14px transparent;
10899                border-radius: 4px;
10900                background-color: #19222a4d;
10901                scrollbar-color: rgba(25, 34, 42, 0.3019607843) transparent;
10902            }
10903            html:not([dark]) .b-overflow-y.hidden[data-v-7b49b436]:hover::-webkit-scrollbar-thumb:hover {
10904                box-shadow: inset 0 0 14px 14px transparent;
10905                background-color: #19222a4d;
10906                scrollbar-color: rgba(25, 34, 42, 0.3019607843) transparent;
10907            }
10908            html:not([dark]) .b-overflow-y[data-v-7b49b436] {
10909                overflow-y: auto;
10910                margin: 0;
10911            }
10912            html:not([dark]) .blu-list__child .blu-list-group[data-v-7b49b436] {
10913                overflow: hidden;
10914            }
10915            html:not([dark])
10916                .blu-list__child
10917                .blu-list-group[data-v-7b49b436]:not(.b-none):not(.b-group)
10918                .blu-list-item:first-child:before {
10919                content: "";
10920                position: absolute;
10921                width: calc(100% - 16px);
10922                left: 8px;
10923                border-top: solid 1px #c8cbcd;
10924            }
10925            html:not([dark])
10926                .blu-list-group[data-v-7b49b436]:not(.b-none):not(.b-group)
10927                > .blu-list-item:not(:first-child):before {
10928                border-top: solid 1px #c8cbcd;
10929                content: "";
10930                position: absolute;
10931                width: calc(100% - 16px);
10932                left: 8px;
10933            }
10934            html:not([dark]) .blu-list-group.b-group[data-v-7b49b436] > .blu-list-item:last-child:after {
10935                border-bottom: solid 1px #c8cbcd;
10936                content: "";
10937                position: absolute;
10938                width: calc(100% - 16px);
10939                left: 8px;
10940            }
10941            html[dark] .b-overflow-y[data-v-7b49b436] {
10942                scrollbar-color: rgba(255, 255, 255, 0.3019607843) transparent;
10943                scrollbar-width: thin;
10944            }
10945            html[dark] .b-overflow-y[data-v-7b49b436]::-webkit-scrollbar {
10946                width: 4px;
10947                height: 8px;
10948                background-color: transparent;
10949            }
10950            html[dark] .b-overflow-y[data-v-7b49b436]::-webkit-scrollbar-track {
10951                margin: 13px 0;
10952            }
10953            html[dark] .b-overflow-y[data-v-7b49b436]::-webkit-scrollbar-thumb {
10954                box-shadow: inset 0 0 14px 14px transparent;
10955                border-radius: 4px;
10956                background-color: #ffffff4d;
10957                scrollbar-color: rgba(255, 255, 255, 0.3019607843);
10958            }
10959            html[dark] .b-overflow-y[data-v-7b49b436]:hover::-webkit-scrollbar {
10960                width: 4px;
10961            }
10962            html[dark] .b-overflow-y[data-v-7b49b436]:hover::-webkit-scrollbar-track {
10963                border: solid 2px transparent;
10964            }
10965            html[dark] .b-overflow-y[data-v-7b49b436]:hover::-webkit-scrollbar-thumb:hover {
10966                box-shadow: inset 0 0 14px 14px transparent;
10967                background-color: #ffffff4d;
10968                scrollbar-color: rgba(255, 255, 255, 0.3019607843) transparent;
10969            }
10970            html[dark] .b-overflow-y[data-v-7b49b436]::-webkit-scrollbar-track {
10971                border-radius: 3px;
10972                background-color: transparent;
10973            }
10974            html[dark] .b-overflow-y.hidden[data-v-7b49b436] {
10975                scrollbar-width: none;
10976            }
10977            html[dark] .b-overflow-y.hidden[data-v-7b49b436]::-webkit-scrollbar-thumb {
10978                border-radius: 4px;
10979                background-color: transparent;
10980            }
10981            html[dark] .b-overflow-y.hidden[data-v-7b49b436]:hover {
10982                scrollbar-width: thin;
10983            }
10984            html[dark] .b-overflow-y.hidden[data-v-7b49b436]:hover::-webkit-scrollbar-thumb {
10985                box-shadow: inset 0 0 14px 14px transparent;
10986                border-radius: 4px;
10987                background-color: #ffffff4d;
10988                scrollbar-color: rgba(255, 255, 255, 0.3019607843) transparent;
10989            }
10990            html[dark] .b-overflow-y.hidden[data-v-7b49b436]:hover::-webkit-scrollbar-thumb:hover {
10991                box-shadow: inset 0 0 14px 14px transparent;
10992                background-color: #ffffff4d;
10993                scrollbar-color: rgba(255, 255, 255, 0.3019607843) transparent;
10994            }
10995            html[dark] .b-overflow-y[data-v-7b49b436] {
10996                overflow-y: auto;
10997                margin: 0;
10998            }
10999            html[dark] .blu-list__child .blu-list-group[data-v-7b49b436] {
11000                overflow: hidden;
11001            }
11002            html[dark]
11003                .blu-list__child
11004                .blu-list-group[data-v-7b49b436]:not(.b-none):not(.b-group)
11005                .blu-list-item:first-child:before {
11006                content: "";
11007                position: absolute;
11008                width: calc(100% - 16px);
11009                left: 8px;
11010                border-top: solid 1px #60686e;
11011            }
11012            html[dark]
11013                .blu-list-group[data-v-7b49b436]:not(.b-none):not(.b-group)
11014                > .blu-list-item:not(:first-child):before {
11015                border-top: solid 1px #60686e;
11016                content: "";
11017                position: absolute;
11018                width: calc(100% - 16px);
11019                left: 8px;
11020            }
11021            html[dark] .blu-list-group.b-group[data-v-7b49b436] > .blu-list-item:last-child:after {
11022                border-bottom: solid 1px #60686e;
11023                content: "";
11024                position: absolute;
11025                width: calc(100% - 16px);
11026                left: 8px;
11027            }
11028        </style>
11029        <style>
11030            html:not([dark]) .blu-checkbox[data-v-03e81a59] {
11031                --blu-checkbox-spacing-padding: 4px 0;
11032                --blu-checkbox-icon-size: 22px;
11033                --blu-checkbox-icon-border-radius: 4px;
11034                --blu-checkbox-icon-padding: 2px;
11035                --blu-checkbox-container-border-radius: 4px;
11036                --blu-checkbox-container-border-width: 1px;
11037                --blu-checkbox-content-spacing-padding: 2px 0;
11038                --blu-checkbox-label-text: 500 14px/18px Blibli, -apple-system, Segoe UI, Roboto, Helvetica, Arial,
11039                    sans-serif;
11040                --blu-checkbox-container-color-border: #c8cbcd;
11041                --blu-checkbox-label-color-text: rgba(25, 34, 42, 0.7019607843);
11042                --blu-checkbox-cursor: pointer;
11043                --blu-checkbox-asset-color-border: #ffffff;
11044                display: inline-flex;
11045                position: relative;
11046                padding: var(--blu-checkbox-spacing-padding);
11047                outline: none;
11048            }
11049            html:not([dark]) .blu-checkbox[data-v-03e81a59],
11050            html:not([dark]) .blu-checkbox *[data-v-03e81a59] {
11051                cursor: var(--blu-checkbox-cursor);
11052            }
11053            html:not([dark]) .blu-checkbox > *[data-v-03e81a59]:not(:last-child) {
11054                margin-right: 4px;
11055            }
11056            html:not([dark]) .blu-checkbox input[type="checkbox"][data-v-03e81a59] {
11057                display: none;
11058            }
11059            html:not([dark]) .blu-checkbox__icon[data-v-03e81a59] {
11060                box-sizing: border-box;
11061                width: var(--blu-checkbox-icon-size);
11062                height: var(--blu-checkbox-icon-size);
11063                border-radius: var(--blu-checkbox-icon-border-radius);
11064                padding: var(--blu-checkbox-icon-p
11064adding);
11065                background: var(--blu-checkbox-icon-color-background);
11066                box-shadow: inset 0 0 0 var(--blu-checkbox-icon-border-width);
11067                color: var(--blu-checkbox-icon-color-border);
11068                flex-shrink: 0;
11069            }
11070            html:not([dark]) .blu-checkbox__container[data-v-03e81a59] {
11071                display: flex;
11072                align-items: center;
11073                justify-content: center;
11074                width: 100%;
11075                height: 100%;
11076                border-radius: var(--blu-checkbox-container-border-radius);
11077                box-shadow: inset 0 0 0 var(--blu-checkbox-container-border-width);
11078                color: var(--blu-checkbox-container-color-border);
11079                background: var(--blu-checkbox-container-color-background);
11080            }
11081            html:not([dark]) .blu-checkbox__container .blu-checkbox__container-asset[data-v-03e81a59] {
11082                transform: rotate(-45deg) translateY(-4px) translate(-3px);
11083            }
11084            html:not([dark]) .blu-checkbox__container .blu-checkbox__container-asset[data-v-03e81a59]:before,
11085            html:not([dark]) .blu-checkbox__container .blu-checkbox__container-asset[data-v-03e81a59]:after {
11086                position: absolute;
11087                content: "";
11088                opacity: 0;
11089                border-radius: 4px;
11090            }
11091            html:not([dark]) .blu-checkbox__container .blu-checkbox__container-asset[data-v-03e81a59]:before {
11092                height: 0;
11093            }
11094            html:not([dark]) .blu-checkbox__container .blu-checkbox__container-asset[data-v-03e81a59]:before {
11095                width: 2px;
11096            }
11097            html:not([dark]) .blu-checkbox__container .blu-checkbox__container-asset[data-v-03e81a59]:after {
11098                width: 0;
11099                height: 2px;
11100                transform: translateY(4px);
11101            }
11102            html:not([dark]) .blu-checkbox__content[data-v-03e81a59] {
11103                display: flex;
11104                flex-direction: column;
11105                padding: var(--blu-checkbox-content-spacing-padding);
11106                font: var(--blu-checkbox-label-text);
11107                color: var(--blu-checkbox-label-color-text);
11108            }
11109            html:not([dark]) .blu-checkbox__content > *[data-v-03e81a59]:not(:last-child) {
11110                margin-bottom: 4px;
11111            }
11112            html:not([dark]) .blu-checkbox[data-v-03e81a59]:not(.b-disabled):hover {
11113                --blu-checkbox-icon-color-background: #f9f9fa;
11114            }
11115            html:not([dark])
11116                .blu-checkbox:not(.b-disabled):hover
11117                input[type="checkbox"]:checked
11118                ~ .blu-checkbox__icon[data-v-03e81a59],
11119            html:not([dark])
11120                .blu-checkbox:not(.b-disabled):hover
11121                input[type="checkbox"]:indeterminate
11122                ~ .blu-checkbox__icon[data-v-03e81a59] {
11123                --blu-checkbox-icon-color-background: #f3f9ff;
11124            }
11125            html:not([dark])
11126                .blu-checkbox.b-error
11127                > input[type="checkbox"]:not(:checked):not(:indeterminate)
11128                ~ .blu-checkbox__icon[data-v-03e81a59] {
11129                --blu-checkbox-container-color-border: #ff4646;
11130            }
11131            html:not([dark])
11132                .blu-checkbox.b-error
11133                > input[type="checkbox"]:not(:checked):not(:indeterminate)
11134                ~ .blu-checkbox__content[data-v-03e81a59] {
11135                --blu-checkbox-label-color-text: #d33534;
11136            }
11137            html:not([dark]) .blu-checkbox input[type="checkbox"]:checked ~ .blu-checkbox__icon[data-v-03e81a59] {
11138                --blu-checkbox-container-color-background: #1d8fff;
11139                --blu-checkbox-container-color-border: #1d8fff;
11140            }
11141            html:not([dark])
11142                .blu-checkbox
11143                input[type="checkbox"]:checked
11144                ~ .blu-checkbox__icon
11145                .blu-checkbox__container[data-v-03e81a59] {
11146                animation: bounce-03e81a59 0.3s ease-out;
11147            }
11148            html:not([dark])
11149                .blu-checkbox
11150                input[type="checkbox"]:checked
11151                ~ .blu-checkbox__icon
11152                .blu-checkbox__container-asset[data-v-03e81a59] {
11153                visibility: visible;
11154            }
11155            html:not([dark])
11156                .blu-checkbox
11157                input[type="checkbox"]:checked
11158                ~ .blu-checkbox__icon
11159                .blu-checkbox__container-asset[data-v-03e81a59]:before,
11160            html:not([dark])
11161                .blu-checkbox
11162                input[type="checkbox"]:checked
11163                ~ .blu-checkbox__icon
11164                .blu-checkbox__container-asset[data-v-03e81a59]:after {
11165                background: var(--blu-checkbox-asset-color-border);
11166                opacity: 1;
11167                transition: all 0.1s 0.1s;
11168            }
11169            html:not([dark])
11170                .blu-checkbox
11171                input[type="checkbox"]:checked
11172                ~ .blu-checkbox__icon
11173                .blu-checkbox__container-asset[data-v-03e81a59]:before {
11174                height: 6px;
11175            }
11176            html:not([dark])
11177                .blu-checkbox
11178                input[type="checkbox"]:checked
11179                ~ .blu-checkbox__icon
11180                .blu-checkbox__container-asset[data-v-03e81a59]:after {
11181                width: 8px;
11182            }
11183            html:not([dark]) .blu-checkbox[data-v-03e81a59]:not(.b-disabled):focus-visible {
11184                --blu-checkbox-icon-color-background: #f9f9fa;
11185                --blu-checkbox-icon-color-border: #19222a;
11186            }
11187            html:not([dark]) .blu-checkbox[data-v-03e81a59]:not(.b-disabled):focus-visible:not(.b-small) {
11188                --blu-checkbox-icon-border-width: 2px;
11189            }
11190            html:not([dark])
11191                .blu-checkbox:not(.b-disabled):focus-visible
11192                input[type="checkbox"]:checked
11193                ~ .blu-checkbox__icon[data-v-03e81a59],
11194            html:not([dark])
11195                .blu-checkbox:not(.b-disabled):focus-visible
11196                input[type="checkbox"]:indeterminate
11197                ~ .blu-checkbox__icon[data-v-03e81a59] {
11198                --blu-checkbox-icon-color-background: #f3f9ff;
11199            }
11200            html:not([dark]) .blu-checkbox.b-disabled[data-v-03e81a59] {
11201                --blu-checkbox-cursor: not-allowed;
11202                --blu-checkbox-container-color-border: #f1f2f2;
11203                --blu-checkbox-label-color-text: rgba(25, 34, 42, 0.3019607843);
11204                --blu-checkbox-asset-color-border: #ffffff;
11205                --blu-checkbox-container-color-background: #f9f9fa;
11206                user-select: auto;
11207            }
11208            html:not([dark])
11209                .blu-checkbox.b-disabled
11210                input[type="checkbox"]:checked
11211                ~ .blu-checkbox__icon[data-v-03e81a59],
11212            html:not([dark])
11213                .blu-checkbox.b-disabled
11214                input[type="checkbox"]:indeterminate
11215                ~ .blu-checkbox__icon[data-v-03e81a59] {
11216                --blu-checkbox-container-color-border: transparent;
11217                --blu-checkbox-container-color-background: rgba(25, 34, 42, 0.3019607843);
11218            }
11219            html:not([dark]) .blu-checkbox.b-small[data-v-03e81a59] {
11220                --blu-checkbox-icon-size: 18px;
11221                --blu-checkbox-icon-padding: 2px;
11222                --blu-checkbox-icon-border-radius: 4px;
11223                --blu-checkbox-container-border-radius: 4px;
11224                --blu-checkbox-container-border-width: 1px;
11225                --blu-checkbox-content-spacing-padding: 0;
11226                --blu-checkbox-label-text: 500 14px/18px Blibli, -apple-system, Segoe UI, Roboto, Helvetica, Arial,
11227                    sans-serif;
11228                --blu-checkbox-spacing-padding: 3px 0;
11229            }
11230            html:not([dark]) .blu-checkbox.b-small[data-v-03e81a59]:focus-visible {
11231                --blu-checkbox-icon-border-width: 2px;
11232            }
11233            html:not([dark]) .blu-checkbox.b-small .blu-checkbox__container-asset[data-v-03e81a59] {
11234                transform: rotate(-49deg) translateY(-4px) translate(-2px);
11235            }
11236            html:not([dark]) .blu-checkbox.b-small .blu-checkbox__container-asset[data-v-03e81a59]:before,
11237            html:not([dark]) .blu-checkbox.b-small .blu-checkbox__container-asset[data-v-03e81a59]:after {
11238                position: absolute;
11239                content: "";
11240                opacity: 0;
11241                border-radius: 4px;
11242            }
11243            html:not([dark]) .blu-checkbox.b-small .blu-checkbox__container-asset[data-v-03e81a59]:before {
11244                height: 0;
11245            }
11246            html:not([dark]) .blu-checkbox.b-small .blu-checkbox__container-asset[data-v-03e81a59]:before {
11247                top: 1px;
11248            }
11249            html:not([dark])
11250                .blu-checkbox.b-small
11251                input[type="checkbox"]:checked
11252                ~ .blu-checkbox__icon
11253                .blu-checkbox__container[data-v-03e81a59] {
11254                animation: bounce-03e81a59 0.3s ease-out;
11255            }
11256            html:not([dark])
11257                .blu-checkbox.b-small
11258                input[type="checkbox"]:checked
11259                ~ .blu-checkbox__icon
11260                .blu-checkbox__container-asset[data-v-03e81a59] {
11261                visibility: visible;
11262            }
11263            html:not([dark])
11264                .blu-checkbox.b-small
11265                input[type="checkbox"]:checked
11266                ~ .blu-checkbox__icon
11267                .blu-checkbox__container-asset[data-v-03e81a59]:before,
11268            html:not([dark])
11269                .blu-checkbox.b-small
11270                input[type="checkbox"]:checked
11271                ~ .blu-checkbox__icon
11272                .blu-checkbox__container-asset[data-v-03e81a59]:after {
11273                background: var(--blu-checkbox-asset-color-border);
11274                opacity: 1;
11275                transition: all 0.1s 0.1s;
11276            }
11277            html:not([dark])
11278                .blu-checkbox.b-small
11279                input[type="checkbox"]:checked
11280                ~ .blu-checkbox__icon
11281                .blu-checkbox__container-asset[data-v-03e81a59]:before {
11282                height: 4px;
11283            }
11284            html:not([dark])
11285                .blu-checkbox.b-small
11286                input[type="checkbox"]:checked
11287                ~ .blu-checkbox__icon
11288                .blu-checkbox__container-asset[data-v-03e81a59]:after {
11289                width: 6px;
11290            }
11291            html:not([dark]) .blu-checkbox.b-small.b-partial .blu-checkbox__container-asset[data-v-03e81a59] {
11292                transform: rotate(90deg) translateY(-5px) translate(-1px);
11293            }
11294            html:not([dark]) .blu-checkbox.b-small.b-partial .blu-checkbox__container-asset[data-v-03e81a59]:before,
11295            html:not([dark]) .blu-checkbox.b-small.b-partial .blu-checkbox__container-asset[data-v-03e81a59]:after {
11296                position: absolute;
11297                content: "";
11298                opacity: 0;
11299                border-radius: 4px;
11300            }
11301            html:not([dark]) .blu-checkbox.b-small.b-partial .blu-checkbox__container-asset[data-v-03e81a59]:before {
11302                height: 0;
11303            }
11304            html:not([dark]) .blu-checkbox.b-partial[data-v-03e81a59] {
11305                --blu-checkbox-container-color-background: #1d8fff;
11306                --blu-checkbox-container-color-border: #1d8fff;
11307            }
11308            html:not([dark]) .blu-checkbox.b-partial .blu-checkbox__container-asset[data-v-03e81a59] {
11309                transform: rotate(90deg) translateY(-4px) translate(-1px);
11310            }
11311            html:not([dark]) .blu-checkbox.b-partial .blu-checkbox__container-asset[data-v-03e81a59]:before,
11312            html:not([dark]) .blu-checkbox.b-partial .blu-checkbox__container-asset[data-v-03e81a59]:after {
11313                position: absolute;
11314                content: "";
11315                opacity: 0;
11316                border-radius: 4px;
11317            }
11318            html:not([dark]) .blu-checkbox.b-partial .blu-checkbox__container-asset[data-v-03e81a59]:before {
11319                height: 0;
11320            }
11321            html:not([dark]) .blu-checkbox.b-partial .blu-checkbox__container-asset[data-v-03e81a59]:before {
11322                width: 2px;
11323            }
11324            html:not([dark]) .blu-checkbox.b-partial .blu-checkbox__container-asset[data-v-03e81a59]:after {
11325                display: none;
11326            }
11327            html:not([dark])
11328                .blu-checkbox.b-partial
11329                input[type="checkbox"]:indeterminate
11330                + .blu-checkbox__icon
11331                .blu-checkbox__container[data-v-03e81a59] {
11332                animation: bounce-03e81a59 0.3s ease-out;
11333            }
11334            html:not([dark])
11335                .blu-checkbox.b-partial
11336                input[type="checkbox"]:indeterminate
11337                + .blu-checkbox__icon
11338                .blu-checkbox__container-asset[data-v-03e81a59] {
11339                visibility: visible;
11340            }
11341            html:not([dark])
11342                .blu-checkbox.b-partial
11343                input[type="checkbox"]:indeterminate
11344                + .blu-checkbox__icon
11345                .blu-checkbox__container-asset[data-v-03e81a59]:before,
11346            html:not([dark])
11347                .blu-checkbox.b-partial
11348                input[type="checkbox"]:indeterminate
11349                + .blu-checkbox__icon
11350                .blu-checkbox__container-asset[data-v-03e81a59]:after {
11351                background: var(--blu-checkbox-asset-color-border);
11352                opacity: 1;
11353                transition: all 0.1s 0.1s;
11354            }
11355            html:not([dark])
11356                .blu-checkbox.b-partial
11357                input[type="checkbox"]:indeterminate
11358                + .blu-checkbox__icon
11359                .blu-checkbox__container-asset[data-v-03e81a59]:before {
11360                height: 8px;
11361            }
11362            @keyframes bounce-03e81a59 {
11363                25% {
11364                    transform: scale(0.9);
11365                }
11366                50% {
11367                    transform: scale(1.1);
11368                }
11369            }
11370            html[dark] .blu-checkbox[data-v-03e81a59] {
11371                --blu-checkbox-spacing-padding: 4px 0;
11372                --blu-checkbox-icon-size: 22px;
11373                --blu-checkbox-icon-border-radius: 4px;
11374                --blu-checkbox-icon-padding: 2px;
11375                --blu-checkbox-container-border-radius: 4px;
11376                --blu-checkbox-container-border-width: 1px;
11377                --blu-checkbox-content-spacing-padding: 2px 0;
11378                --blu-checkbox-label-text: 500 14px/18px Blibli, -apple-system, Segoe UI, Roboto, Helvetica, Arial,
11379                    sans-serif;
11380                --blu-checkbox-container-color-border: #60686e;
11381                --blu-checkbox-label-color-text: rgba(255, 255, 255, 0.8);
11382                --blu-checkbox-cursor: pointer;
11383                --blu-checkbox-asset-color-border: #ffffff;
11384                display: inline-flex;
11385                position: relative;
11386                padding: var(--blu-checkbox-spacing-padding);
11387                outline: none;
11388            }
11389            html[dark] .blu-checkbox[data-v-03e81a59],
11390            html[dark] .blu-checkbox *[data-v-03e81a59] {
11391                cursor: var(--blu-checkbox-cursor);
11392            }
11393            html[dark] .blu-checkbox > *[data-v-03e81a59]:not(:last-child) {
11394                margin-right: 4px;
11395            }
11396            html[dark] .blu-checkbox input[type="checkbox"][data-v-03e81a59] {
11397                display: none;
11398            }
11399            html[dark] .blu-checkbox__icon[data-v-03e81a59] {
11400                box-sizing: border-box;
11401                width: var(--blu-checkbox-icon-size);
11402                height: var(--blu-checkbox-icon-size);
11403                border-radius: var(--blu-checkbox-icon-border-radius);
11404                padding: var(--blu-checkbox-icon-padding);
11405                background: var(--blu-checkbox-icon-color-background);
11406                box-shadow: inset 0 0 0 var(--blu-checkbox-icon-border-width);
11407                color: var(--blu-checkbox-icon-color-border);
11408                flex-shrink: 0;
11409            }
11410            html[dark] .blu-checkbox__container[data-v-03e81a59] {
11411                display: flex;
11412                align-items: center;
11413                justify-content: center;
11414                width: 100%;
11415                height: 100%;
11416                border-radius: var(--blu-checkbox-container-border-radius);
11417                box-shadow: inset 0 0 0 var(--blu-checkbox-container-border-width);
11418                color: var(--blu-checkbox-container-color-border);
11419                background: var(--blu-checkbox-container-color-background);
11420            }
11421            html[dark] .blu-checkbox__container .blu-checkbox__container-asset[data-v-03e81a59] {
11422                transform: rotate(-45deg) translateY(-4px) translate(-3px);
11423            }
11424            html[dark] .blu-checkbox__container .blu-checkbox__container-asset[data-v-03e81a59]:before,
11425            html[dark] .blu-checkbox__container .blu-checkbox__container-asset[data-v-03e81a59]:after {
11426                position: absolute;
11427                content: "";
11428                opacity: 0;
11429                border-radius: 4px;
11430            }
11431            html[dark] .blu-checkbox__container .blu-checkbox__container-asset[data-v-03e81a59]:before {
11432                height: 0;
11433            }
11434            html[dark] .blu-checkbox__container .blu-checkbox__container-asset[data-v-03e81a59]:before {
11435                width: 2px;
11436            }
11437            html[dark] .blu-checkbox__container .blu-checkbox__container-asset[data-v-03e81a59]:after {
11438                width: 0;
11439                height: 2px;
11440                transform: translateY(4px);
11441            }
11442            html[dark] .blu-checkbox__content[data-v-03e81a59] {
11443                display: flex;
11444                flex-direction: column;
11445                padding: var(--blu-checkbox-content-spacing-padding);
11446                font: var(--blu-checkbox-label-text);
11447                color: var(--blu-checkbox-label-color-text);
11448            }
11449            html[dark] .blu-checkbox__content > *[data-v-03e81a59]:not(:last-child) {
11450                margin-bottom: 4px;
11451            }
11452            html[dark] .blu-checkbox[data-v-03e81a59]:not(.b-disabled):hover {
11453                --blu-checkbox-icon-color-background: #19222a;
11454            }
11455            html[dark]
11456                .blu-checkbox:not(.b-disabled):hover
11457                input[type="checkbox"]:checked
11458                ~ .blu-checkbox__icon[data-v-03e81a59],
11459            html[dark]
11460                .blu-checkbox:not(.b-disabled):hover
11461                input[type="checkbox"]:indeterminate
11462                ~ .blu-checkbox__icon[data-v-03e81a59] {
11463                --blu-checkbox-icon-color-background: #002e7a;
11464            }
11465            html[dark]
11466                .blu-checkbox.b-error
11467                > input[type="checkbox"]:not(:checked):not(:indeterminate)
11468                ~ .blu-checkbox__icon[data-v-03e81a59] {
11469                --blu-checkbox-container-color-border: #ff7373;
11470            }
11471            html[dark]
11472                .blu-checkbox.b-error
11473                > input[type="checkbox"]:not(:checked):not(:indeterminate)
11474                ~ .blu-checkbox__content[data-v-03e81a59] {
11475                --blu-checkbox-label-color-text: #ff7373;
11476            }
11477            html[dark] .blu-checkbox input[type="checkbox"]:checked ~ .blu-checkbox__icon[data-v-03e81a59] {
11478                --blu-checkbox-container-color-background: #1d8fff;
11479                --blu-checkbox-container-color-border: #1d8fff;
11480            }
11481            html[dark]
11482                .blu-checkbox
11483                input[type="checkbox"]:checked
11484                ~ .blu-checkbox__icon
11485                .blu-checkbox__container[data-v-03e81a59] {
11486                animation: bounce-03e81a59 0.3s ease-out;
11487            }
11488            html[dark]
11489                .blu-checkbox
11490                input[type="checkbox"]:checked
11491                ~ .blu-checkbox__icon
11492                .blu-checkbox__container-asset[data-v-03e81a59] {
11493                visibility: visible;
11494            }
11495            html[dark]
11496                .blu-checkbox
11497                input[type="checkbox"]:checked
11498                ~ .blu-checkbox__icon
11499                .blu-checkbox__container-asset[data-v-03e81a59]:before,
11500            html[dark]
11501                .blu-checkbox
11502                input[type="checkbox"]:checked
11503                ~ .blu-checkbox__icon
11504                .blu-checkbox__container-asset[data-v-03e81a59]:after {
11505                background: var(--blu-checkbox-asset-color-border);
11506                opacity: 1;
11507                transition: all 0.1s 0.1s;
11508            }
11509            html[dark]
11510                .blu-checkbox
11511                input[type="checkbox"]:checked
11512                ~ .blu-checkbox__icon
11513                .blu-checkbox__container-asset[data-v-03e81a59]:before {
11514                height: 6px;
11515            }
11516            html[dark]
11517                .blu-checkbox
11518                input[type="checkbox"]:checked
11519                ~ .blu-checkbox__icon
11520                .blu-checkbox__container-asset[data-v-03e81a59]:after {
11521                width: 8px;
11522            }
11523            html[dark] .blu-checkbox[data-v-03e81a59]:not(.b-disabled):focus-visible {
11524                --blu-checkbox-icon-color-background: #19222a;
11525                --blu-checkbox-icon-color-border: #f9f9fa;
11526            }
11527            html[dark] .blu-checkbox[data-v-03e81a59]:not(.b-disabled):focus-visible:not(.b-small) {
11528                --blu-checkbox-icon-border-width: 2px;
11529            }
11530            html[dark]
11531                .blu-checkbox:not(.b-disabled):focus-visible
11532                input[type="checkbox"]:checked
11533                ~ .blu-checkbox__icon[data-v-03e81a59],
11534            html[dark]
11535                .blu-checkbox:not(.b-disabled):focus-visible
11536                input[type="checkbox"]:indeterminate
11537                ~ .blu-checkbox__icon[data-v-03e81a59] {
11538                --blu-checkbox-icon-color-background: #002e7a;
11539            }
11540            html[dark] .blu-checkbox.b-disabled[data-v-03e81a59] {
11541                --blu-checkbox-cursor: not-allowed;
11542                --blu-checkbox-container-color-border: #28323b;
11543                --blu-checkbox-label-color-text: rgba(255, 255, 255, 0.3019607843);
11544                --blu-checkbox-asset-color-border: #12171d;
11545                --blu-checkbox-container-color-background: #19222a;
11546                user-select: auto;
11547            }
11548            html[dark] .blu-checkbox.b-disabled input[type="checkbox"]:checked ~ .blu-checkbox__icon[data-v-03e81a59],
11549            html[dark]
11550                .blu-checkbox.b-disabled
11551                input[type="checkbox"]:indeterminate
11552                ~ .blu-checkbox__icon[data-v-03e81a59] {
11553                --blu-checkbox-container-color-border: transparent;
11554                --blu-checkbox-container-color-background: rgba(255, 255, 255, 0.3019607843);
11555            }
11556            html[dark] .blu-checkbox.b-small[data-v-03e81a59] {
11557                --blu-checkbox-icon-size: 18px;
11558                --blu-checkbox-icon-padding: 2px;
11559                --blu-checkbox-icon-border-radius: 4px;
11560                --blu-checkbox-container-border-radius: 4px;
11561                --blu-checkbox-container-border-width: 1px;
11562                --blu-checkbox-content-spacing-padding: 0;
11563                --blu-checkbox-label-text: 500 14px/18px Blibli, -apple-system, Segoe UI, Roboto, Helvetica, Arial,
11564                    sans-serif;
11565                --blu-checkbox-spacing-padding: 3px 0;
11566            }
11567            html[dark] .blu-checkbox.b-small[data-v-03e81a59]:focus-visible {
11568                --blu-checkbox-icon-border-width: 2px;
11569            }
11570            html[dark] .blu-checkbox.b-small .blu-checkbox__container-asset[data-v-03e81a59] {
11571                transform: rotate(-49deg) translateY(-4px) translate(-2px);
11572            }
11573            html[dark] .blu-checkbox.b-small .blu-checkbox__container-asset[data-v-03e81a59]:before,
11574            html[dark] .blu-checkbox.b-small .blu-checkbox__container-asset[data-v-03e81a59]:after {
11575                position: absolute;
11576                content: "";
11577                opacity: 0;
11578                border-radius: 4px;
11579            }
11580            html[dark] .blu-checkbox.b-small .blu-checkbox__container-asset[data-v-03e81a59]:before {
11581                height: 0;
11582            }
11583            html[dark] .blu-checkbox.b-small .blu-checkbox__container-asset[data-v-03e81a59]:before {
11584                top: 1px;
11585            }
11586            html[dark]
11587                .blu-checkbox.b-small
11588                input[type="checkbox"]:checked
11589                ~ .blu-checkbox__icon
11590                .blu-checkbox__container[data-v-03e81a59] {
11591                animation: bounce-03e81a59 0.3s ease-out;
11592            }
11593            html[dark]
11594                .blu-checkbox.b-small
11595                input[type="checkbox"]:checked
11596                ~ .blu-checkbox__icon
11597                .blu-checkbox__container-asset[data-v-03e81a59] {
11598                visibility: visible;
11599            }
11600            html[dark]
11601                .blu-checkbox.b-small
11602                input[type="checkbox"]:checked
11603                ~ .blu-checkbox__icon
11604                .blu-checkbox__container-asset[data-v-03e81a59]:before,
11605            html[dark]
11606                .blu-checkbox.b-small
11607                input[type="checkbox"]:checked
11608                ~ .blu-checkbox__icon
11609                .blu-checkbox__container-asset[data-v-03e81a59]:after {
11610                background: var(--blu-checkbox-asset-color-border);
11611                opacity: 1;
11612                transition: all 0.1s 0.1s;
11613            }
11614            html[dark]
11615                .blu-checkbox.b-small
11616                input[type="checkbox"]:checked
11617                ~ .blu-checkbox__icon
11618                .blu-checkbox__container-asset[data-v-03e81a59]:before {
11619                height: 4px;
11620            }
11621            html[dark]
11622                .blu-checkbox.b-small
11623                input[type="checkbox"]:checked
11624                ~ .blu-checkbox__icon
11625                .blu-checkbox__container-asset[data-v-03e81a59]:after {
11626                width: 6px;
11627            }
11628            html[dark] .blu-checkbox.b-small.b-partial .blu-checkbox__container-asset[data-v-03e81a59] {
11629                transform: rotate(90deg) translateY(-5px) translate(-1px);
11630            }
11631            html[dark] .blu-checkbox.b-small.b-partial .blu-checkbox__container-asset[data-v-03e81a59]:before,
11632            html[dark] .blu-checkbox.b-small.b-partial .blu-checkbox__container-asset[data-v-03e81a59]:after {
11633                position: absolute;
11634                content: "";
11635                opacity: 0;
11636                border-radius: 4px;
11637            }
11638            html[dark] .blu-checkbox.b-small.b-partial .blu-checkbox__container-asset[data-v-03e81a59]:before {
11639                height: 0;
11640            }
11641            html[dark] .blu-checkbox.b-partial[data-v-03e81a59] {
11642                --blu-checkbox-container-color-background: #1d8fff;
11643                --blu-checkbox-container-color-border: #1d8fff;
11644            }
11645            html[dark] .blu-checkbox.b-partial .blu-checkbox__container-asset[data-v-03e81a59] {
11646                transform: rotate(90deg) translateY(-4px) translate(-1px);
11647            }
11648            html[dark] .blu-checkbox.b-partial .blu-checkbox__container-asset[data-v-03e81a59]:before,
11649            html[dark] .blu-checkbox.b-partial .blu-checkbox__container-asset[data-v-03e81a59]:after {
11650                position: absolute;
11651                content: "";
11652                opacity: 0;
11653                border-radius: 4px;
11654            }
11655            html[dark] .blu-checkbox.b-partial .blu-checkbox__container-asset[data-v-03e81a59]:before {
11656                height: 0;
11657            }
11658            html[dark] .blu-checkbox.b-partial .blu-checkbox__container-asset[data-v-03e81a59]:before {
11659                width: 2px;
11660            }
11661            html[dark] .blu-checkbox.b-partial .blu-checkbox__container-asset[data-v-03e81a59]:after {
11662                display: none;
11663            }
11664            html[dark]
11665                .blu-checkbox.b-partial
11666                input[type="checkbox"]:indeterminate
11667                + .blu-checkbox__icon
11668                .blu-checkbox__container[data-v-03e81a59] {
11669                animation: bounce-03e81a59 0.3s ease-out;
11670            }
11671            html[dark]
11672                .blu-checkbox.b-partial
11673                input[type="checkbox"]:indeterminate
11674                + .blu-checkbox__icon
11675                .blu-checkbox__container-asset[data-v-03e81a59] {
11676                visibility: visible;
11677            }
11678            html[dark]
11679                .blu-checkbox.b-partial
11680                input[type="checkbox"]:indeterminate
11681                + .blu-checkbox__icon
11682                .blu-checkbox__container-asset[data-v-03e81a59]:before,
11683            html[dark]
11684                .blu-checkbox.b-partial
11685                input[type="checkbox"]:indeterminate
11686                + .blu-checkbox__icon
11687                .blu-checkbox__container-asset[data-v-03e81a59]:after {
11688                background: var(--blu-checkbox-asset-color-border);
11689                opacity: 1;
11690                transition: all 0.1s 0.1s;
11691            }
11692            html[dark]
11693                .blu-checkbox.b-partial
11694                input[type="checkbox"]:indeterminate
11695                + .blu-checkbox__icon
11696                .blu-checkbox__container-asset[data-v-03e81a59]:before {
11697                height: 8px;
11698            }
11699            html:not([dark]) .blu-loader-general[data-v-5f0af726] {
11700                --blu-loader-general-highlight-color-background: #1d8fff;
11701                --blu-loader-general-base-color-background: #f1f2f2;
11702                width: var(--blu-loader-general-size);
11703                height: var(--blu-loader-general-size);
11704            }
11705            html:not([dark]) .blu-loader-general__asset[data-v-5f0af726] {
11706                animation: general-rotate-5f0af726 1.6s linear infinite;
11707                transform-origin: center center;
11708                transition: all 0.5s ease-in-out;
11709                width: 100%;
11710                height: 100%;
11711                margin: auto;
11712                transform: rotate(90deg);
11713            }
11714            html:not([dark]) .blu-loader-general__asset--highlight[data-v-5f0af726],
11715            html:not([dark]) .blu-loader-general__asset--base[data-v-5f0af726] {
11716                stroke-linecap: round;
11717            }
11718            html:not([dark]) .blu-loader-general__asset--highlight[data-v-5f0af726] {
11719                stroke: var(--blu-loader-general-highlight-color-background);
11720                animation: general-highlight-5f0af726 1.6s linear infinite;
11721            }
11722            html:not([dark]) .blu-loader-general__asset--base[data-v-5f0af726] {
11723                stroke: var(--blu-loader-general-base-color-background);
11724                animation: general-base-5f0af726 1.6s linear infinite;
11725            }
11726            html:not([dark]) .blu-loader-general.b-inverted[data-v-5f0af726] {
11727                --blu-loader-general-highlight-color-background: #ffffff;
11728                --blu-loader-general-base-color-background: #c8cbcd;
11729            }
11730            html:not([dark]) .blu-loader-general.b-size-s[data-v-5f0af726] {
11731                --blu-loader-general-size: 16px;
11732            }
11733            html:not([dark]) .blu-loader-general.b-size-m[data-v-5f0af726] {
11734                --blu-loader-general-size: 18px;
11735            }
11736            html:not([dark]) .blu-loader-general.b-size-l[data-v-5f0af726] {
11737                --blu-loader-general-size: 24px;
11738            }
11739            html:not([dark]) .blu-loader-general.b-size-xl[data-v-5f0af726] {
11740                --blu-loader-general-size: 32px;
11741            }
11742            html[dark] .blu-loader-general[data-v-5f0af726] {
11743                --blu-loader-general-highlight-color-background: #4fa4ff;
11744                --blu-loader-general-base-color-background: #28323b;
11745                width: var(--blu-loader-general-size);
11746                height: var(--blu-loader-general-size);
11747            }
11748            html[dark] .blu-loader-general__asset[data-v-5f0af726] {
11749                animation: general-rotate-5f0af726 1.6s linear infinite;
11750                transform-origin: center center;
11751                transition: all 0.5s ease-in-out;
11752                width: 100%;
11753                height: 100%;
11754                margin: auto;
11755                transform: rotate(90deg);
11756            }
11757            html[dark] .blu-loader-general__asset--highlight[data-v-5f0af726],
11758            html[dark] .blu-loader-general__asset--base[data-v-5f0af726] {
11759                stroke-linecap: round;
11760            }
11761            html[dark] .blu-loader-general__asset--highlight[data-v-5f0af726] {
11762                stroke: var(--blu-loader-general-highlight-color-background);
11763                animation: general-highlight-5f0af726 1.6s linear infinite;
11764            }
11765            html[dark] .blu-loader-general__asset--base[data-v-5f0af726] {
11766                stroke: var(--blu-loader-general-base-color-background);
11767                animation: general-base-5f0af726 1.6s linear infinite;
11768            }
11769            html[dark] .blu-loader-general.b-inverted[data-v-5f0af726] {
11770                --blu-loader-general-highlight-color-background: #12171d;
11771                --blu-loader-general-base-color-background: #60686e;
11772            }
11773            html[dark] .blu-loader-general.b-size-s[data-v-5f0af726] {
11774                --blu-loader-general-size: 16px;
11775            }
11776            html[dark] .blu-loader-general.b-size-m[data-v-5f0af726] {
11777                --blu-loader-general-size: 18px;
11778            }
11779            html[dark] .blu-loader-general.b-size-l[data-v-5f0af726] {
11780                --blu-loader-general-size: 24px;
11781            }
11782            html[dark] .blu-loader-general.b-size-xl[data-v-5f0af726] {
11783                --blu-loader-general-size: 32px;
11784            }
11785            @keyframes general-highlight-5f0af726 {
11786                0% {
11787                    stroke-dasharray: 1, 200;
11788                    stroke-dashoffset: 0;
11789                }
11790                50% {
11791                    stroke-dasharray: 50, 200;
11792                    stroke-dashoffset: -15px;
11793                }
11794                to {
11795                    stroke-dasharray: 50, 200;
11796                    stroke-dashoffset: -124px;
11797                }
11798            }
11799            @keyframes general-base-5f0af726 {
11800                0% {
11801                    stroke-dasharray: 1, 200;
11802                    stroke-dashoffset: 0;
11803                }
11804                to {
11805                    stroke-dasharray: 100, 200;
11806                    stroke-dashoffset: -120px;
11807                }
11808            }
11809            @keyframes general-rotate-5f0af726 {
11810                to {
11811                    transform: rotate(450deg);
11812                }
11813            }
11814            html:not([dark]) *[data-v-39791579] {
11815                box-sizing: border-box;
11816            }
11817            html:not([dark]) .blu-radio[data-v-39791579] {
11818                --blu-radio-container-border-width: 1px;
11819                --blu-radio-container-color-border: #c8cbcd;
11820                --blu-radio-container-spacing-padding: 4px;
11821                --blu-radio-content-spacing-padding: 2px 0;
11822                --blu-radio-mark-size: 22px;
11823                --blu-radio-mark-spacing-padding: 2px;
11824                --blu-radio-label-text: 500 14px/18px Blibli, -apple-system, Segoe UI, Roboto, Helvetica, Arial,
11825                    sans-serif;
11826                --blu-radio-label-color-text: rgba(25, 34, 42, 0.7019607843);
11827                --blu-radio-spacing-padding: 4px 0;
11828                display: inline-flex;
11829                padding: var(--blu-radio-spacing-padding);
11830                align-items: flex-start;
11831                transition: all 0.3s;
11832                outline: none;
11833            }
11834            html:not([dark]) .blu-radio[data-v-39791579],
11835            html:not([dark]) .blu-radio *[data-v-39791579] {
11836                cursor: pointer;
11837            }
11838            html:not([dark]) .blu-radio > *[data-v-39791579]:not(:last-child) {
11839                margin-right: 4px;
11840            }
11841            html:not([dark]) .blu-radio input[type="radio"][data-v-39791579] {
11842                display: none;
11843            }
11844            html:not([dark]) .blu-radio__mark[data-v-39791579] {
11845                min-width: var(--blu-radio-mark-size);
11846                height: var(--blu-radio-mark-size);
11847                padding: var(--blu-radio-mark-spacing-padding);
11848                background-color: var(--blu-radio-mark-color-background);
11849                border-radius: 50%;
11850            }
11851            html:not([dark]) .blu-radio__mark-container[data-v-39791579] {
11852                display: flex;
11853                align-items: center;
11854                justify-content: center;
11855                width: 100%;
11856                height: 100%;
11857                padding: var(--blu-radio-container-spacing-padding);
11858                background-color: var(--blu-radio-container-color-background);
11859                border-radius: 50%;
11860                box-shadow: 0 0 0 var(--blu-radio-container-border-width) var(--blu-radio-container-color-border) inset;
11861            }
11862            html:not([dark]) .blu-radio__mark-container .dot[data-v-39791579] {
11863                width: 100%;
11864                height: 100%;
11865                border-radius: 50%;
11866                background-color: var(--blu-radio-dot-color-background);
11867                transition: background-color 0.1s 0.1s;
11868            }
11869            html:not([dark]) .blu-radio__content[data-v-39791579] {
11870                font: var(--blu-radio-label-text);
11871                color: var(--blu-radio-label-color-text);
11872                padding: var(--blu-radio-content-spacing-padding);
11873            }
11874            html:not([dark]) .blu-radio__content > *[data-v-39791579]:not(:last-child) {
11875                margin-bottom: 4px;
11876            }
11877            html:not([dark]) .blu-radio.b-error[data-v-39791579]:not(.b-selected) {
11878                --blu-radio-container-color-border: #ff4646;
11879                --blu-radio-label-color-text: #d33534;
11880            }
11881            html:not([dark]) .blu-radio.b-selected[data-v-39791579] {
11882                --blu-radio-container-color-border: #1d8fff;
11883                --blu-radio-dot-color-background: #1d8fff;
11884                --blu-radio-container-border-width: 1px;
11885            }
11886            html:not([dark]) .blu-radio.b-selected .blu-radio__mark-container[data-v-39791579] {
11887                animation: bounce-39791579 0.3s ease-out;
11888            }
11889            html:not([dark]) .blu-radio.b-selected[data-v-39791579]:not(.b-disabled):hover {
11890                --blu-radio-mark-color-background: #f3f9ff;
11891            }
11892            html:not([dark]) .blu-radio.b-selected[data-v-39791579]:not(.b-disabled):focus-visible {
11893                --blu-radio-mark-color-background: #f3f9ff;
11894                --blu-radio-container-border-width-focused: 2px;
11895            }
11896            html:not([dark]) .blu-radio[data-v-39791579]:not(.b-disabled):not(.b-selected):hover {
11897                --blu-radio-mark-color-background: #f9f9fa;
11898            }
11899            html:not([dark]) .blu-radio[data-v-39791579]:focus-visible {
11900                --blu-radio-container-border-width-focused: 2px;
11901            }
11902            html:not([dark]) .blu-radio[data-v-39791579]:focus-visible:not(.b-disabled) {
11903                --blu-radio-mark-color-border-focused: #19222a;
11904            }
11905            html:not([dark]) .blu-radio:focus-visible:not(.b-disabled) .blu-radio__mark[data-v-39791579] {
11906                box-shadow: 0 0 0 var(--blu-radio-container-border-width-focused)
11907                    var(--blu-radio-mark-color-border-focused) inset;
11908            }
11909            html:not([dark]) .blu-radio[data-v-39791579]:focus-visible:not(.b-disabled):not(.b-selected) {
11910                --blu-radio-mark-color-background: #f9f9fa;
11911            }
11912            html:not([dark]) .blu-radio.b-disabled[data-v-39791579] {
11913                --blu-radio-label-text: 500 14px/18px Blibli, -apple-system, Segoe UI, Roboto, Helvetica, Arial,
11914                    sans-serif;
11915                --blu-radio-container-color-border: rgba(25, 34, 42, 0.3019607843);
11916                --blu-radio-label-color-text: rgba(25, 34, 42, 0.3019607843);
11917                --blu-radio-container-color-background: #f9f9fa;
11918            }
11919            html:not([dark]) .blu-radio.b-disabled.b-selected[data-v-39791579] {
11920                --blu-radio-container-color-border: rgba(25, 34, 42, 0.3019607843);
11921                --blu-radio-dot-color-background: rgba(25, 34, 42, 0.3019607843);
11922            }
11923            html:not([dark]) .blu-radio.b-disabled[data-v-39791579]:not(.b-readonly) {
11924                user-select: none;
11925                cursor: not-allowed;
11926            }
11927            html:not([dark]) .blu-radio.b-disabled:not(.b-readonly) *[data-v-39791579] {
11928                cursor: not-allowed;
11929            }
11930            html:not([dark]) .blu-radio.b-small[data-v-39791579] {
11931                --blu-radio-mark-size: 18px;
11932                --blu-radio-mark-spacing-padding: 2px;
11933                --blu-radio-container-spacing-padding: 3px;
11934                --blu-radio-container-border-width: 1px;
11935                --blu-radio-container-border-width-focused: 2px;
11936                --blu-radio-content-spacing-padding: 0;
11937                --blu-radio-label-text: 500 14px/18px Blibli, -apple-system, Segoe UI, Roboto, Helvetica, Arial,
11938                    sans-serif;
11939                --blu-radio-spacing-padding: 3px 0;
11940            }
11941            html:not([dark]) .blu-radio.b-small.b-selected[data-v-39791579] {
11942                --blu-radio-container-border-width: 1px;
11943            }
11944            html[dark] *[data-v-39791579] {
11945                box-sizing: border-box;
11946            }
11947            html[dark] .blu-radio[data-v-39791579] {
11948                --blu-radio-container-border-width: 1px;
11949                --blu-radio-container-color-border: #60686e;
11950                --blu-radio-container-spacing-padding: 4px;
11951                --blu-radio-content-spacing-padding: 2px 0;
11952                --blu-radio-mark-size: 22px;
11953                --blu-radio-mark-spacing-padding: 2px;
11954                --blu-radio-label-text: 500 14px/18px Blibli, -apple-system, Segoe UI, Roboto, Helvetica, Arial,
11955                    sans-serif;
11956                --blu-radio-label-color-text: rgba(255, 255, 255, 0.8);
11957                --blu-radio-spacing-padding: 4px 0;
11958                display: inline-flex;
11959                padding: var(--blu-radio-spacing-padding);
11960                align-items: flex-start;
11961                transition: all 0.3s;
11962                outline: none;
11963            }
11964            html[dark] .blu-radio[data-v-39791579],
11965            html[dark] .blu-radio *[data-v-39791579] {
11966                cursor: pointer;
11967            }
11968            html[dark] .blu-radio > *[data-v-39791579]:not(:last-child) {
11969                margin-right: 4px;
11970            }
11971            html[dark] .blu-radio input[type="radio"][data-v-39791579] {
11972                display: none;
11973            }
11974            html[dark] .blu-radio__mark[data-v-39791579] {
11975                min-width: var(--blu-radio-mark-size);
11976                height: var(--blu-radio-mark-size);
11977                padding: var(--blu-radio-mark-spacing-padding);
11978                background-color: var(--blu-radio-mark-color-background);
11979                border-radius: 50%;
11980            }
11981            html[dark] .blu-radio__mark-container[data-v-39791579] {
11982                display: flex;
11983                align-items: center;
11984                justify-content: center;
11985                width: 100%;
11986                height: 100%;
11987                padding: var(--blu-radio-container-spacing-padding);
11988                background-color: var(--blu-radio-container-color-background);
11989                border-radius: 50%;
11990                box-shadow: 0 0 0 var(--blu-radio-container-border-width) var(--blu-radio-container-color-border) inset;
11991            }
11992            html[dark] .blu-radio__mark-container .dot[data-v-39791579] {
11993                width: 100%;
11994                height: 100%;
11995                border-radius: 50%;
11996                background-color: var(--blu-radio-dot-color-background);
11997                transition: background-color 0.1s 0.1s;
11998            }
11999            html[dark] .blu-radio__content[data-v-39791579] {
12000                font: var(--blu-radio-label-text);
12001                color: var(--blu-radio-label-color-text);
12002                padding: var(--blu-radio-content-spacing-padding);
12003            }
12004            html[dark] .blu-radio__content > *[data-v-39791579]:not(:last-child) {
12005                margin-bottom: 4px;
12006            }
12007            html[dark] .blu-radio.b-error[data-v-39791579]:not(.b-selected) {
12008                --blu-radio-container-color-border: #ff7373;
12009                --blu-radio-label-color-text: #ff7373;
12010            }
12011            html[dark] .blu-radio.b-selected[data-v-39791579] {
12012                --blu-radio-container-color-border: #1d8fff;
12013                --blu-radio-dot-color-background: #1d8fff;
12014                --blu-radio-container-border-width: 1px;
12015            }
12016            html[dark] .blu-radio.b-selected .blu-radio__mark-container[data-v-39791579] {
12017                animation: bounce-39791579 0.3s ease-out;
12018            }
12019            html[dark] .blu-radio.b-selected[data-v-39791579]:not(.b-disabled):hover {
12020                --blu-radio-mark-color-background: #002e7a;
12021            }
12022            html[dark] .blu-radio.b-selected[data-v-39791579]:not(.b-disabled):focus-visible {
12023                --blu-radio-mark-color-background: #002e7a;
12024                --blu-radio-container-border-width-focused: 2px;
12025            }
12026            html[dark] .blu-radio[data-v-39791579]:not(.b-disabled):not(.b-selected):hover {
12027                --blu-radio-mark-color-background: #19222a;
12028            }
12029            html[dark] .blu-radio[data-v-39791579]:focus-visible {
12030                --blu-radio-container-border-width-focused: 2px;
12031            }
12032            html[dark] .blu-radio[data-v-39791579]:focus-visible:not(.b-disabled) {
12033                --blu-radio-mark-color-border-focused: #f9f9fa;
12034            }
12035            html[dark] .blu-radio:focus-visible:not(.b-disabled) .blu-radio__mark[data-v-39791579] {
12036                box-shadow: 0 0 0 var(--blu-radio-container-border-width-focused)
12037                    var(--blu-radio-mark-color-border-focused) inset;
12038            }
12039            html[dark] .blu-radio[data-v-39791579]:focus-visible:not(.b-disabled):not(.b-selected) {
12040                --blu-radio-mark-color-background: #19222a;
12041            }
12042            html[dark] .blu-radio.b-disabled[data-v-39791579] {
12043                --blu-radio-label-text: 500 14px/18px Blibli, -apple-system, Segoe UI, Roboto, Helvetica, Arial,
12044                    sans-serif;
12045                --blu-radio-container-color-border: rgba(255, 255, 255, 0.3019607843);
12046                --blu-radio-label-color-text: rgba(255, 255, 255, 0.3019607843);
12047                --blu-radio-container-color-background: #19222a;
12048            }
12049            html[dark] .blu-radio.b-disabled.b-selected[data-v-39791579] {
12050                --blu-radio-container-color-border: rgba(255, 255, 255, 0.3019607843);
12051                --blu-radio-dot-color-background: rgba(255, 255, 255, 0.3019607843);
12052            }
12053            html[dark] .blu-radio.b-disabled[data-v-39791579]:not(.b-readonly) {
12054                user-select: none;
12055                cursor: not-allowed;
12056            }
12057            html[dark] .blu-radio.b-disabled:not(.b-readonly) *[data-v-39791579] {
12058                cursor: not-allowed;
12059            }
12060            html[dark] .blu-radio.b-small[data-v-39791579] {
12061                --blu-radio-mark-size: 18px;
12062                --blu-radio-mark-spacing-padding: 2px;
12063                --blu-radio-container-spacing-padding: 3px;
12064                --blu-radio-container-border-width: 1px;
12065                --blu-radio-container-border-width-focused: 2px;
12066                --blu-radio-content-spacing-padding: 0;
12067                --blu-radio-label-text: 500 14px/18px Blibli, -apple-system, Segoe UI, Roboto, Helvetica, Arial,
12068                    sans-serif;
12069                --blu-radio-spacing-padding: 3px 0;
12070            }
12071            html[dark] .blu-radio.b-small.b-selected[data-v-39791579] {
12072                --blu-radio-container-border-width: 1px;
12073            }
12074            @keyframes bounce-39791579 {
12075                25% {
12076                    transform: scale(0.9);
12077                }
12078                50% {
12079                    transform: scale(1.1);
12080                }
12081            }
12082            html:not([dark]) .blu-list[data-v-0fc385f6] {
12083                --list-spacing-padding: 8px 0;
12084                list-style: none;
12085                padding: var(--list-spacing-padding);
12086                transition: all 0.5s ease-in-out;
12087            }
12088            html:not([dark]) .blu-list-item[data-v-0fc385f6] {
12089                --blu-list-child-max-height: 0;
12090                --blu-list-child-template-rows: 0fr;
12091                position: relative;
12092            }
12093            html:not([dark]) .blu-list-item.b-opened[data-v-0fc385f6] {
12094                --blu-list-child-max-height: 100%;
12095                --blu-list-child-template-rows: 1fr;
12096            }
12097            html:not([dark])
12098                .blu-list-item.b-opened
12099                > .blu-list
12100                .blu-list__container
12101                .blu-list__container-chevron-right[data-v-0fc385f6] {
12102                transform: rotate(180deg);
12103            }
12104            html:not([dark])
12105                .blu-list-item.b-opened
12106                > .blu-list
12107                .blu-list__container
12108                .blu-list__container-chevron-left[data-v-0fc385f6] {
12109                transform: rotate(90deg);
12110            }
12111            html:not([dark]) .blu-list__container[data-v-0fc385f6] {
12112                background-color: var(--list-container-color-background);
12113                border-radius: 8px;
12114                padding: 4px 8px;
12115                display: flex;
12116            }
12117            html:not([dark]) .blu-list__container[data-v-0fc385f6] svg {
12118                width: 18px;
12119                height: 18px;
12120                color: #797f85;
12121            }
12122            html:not([dark]) .blu-list__container[data-v-0fc385f6] > *:not(:last-child) {
12123                margin-right: 4px;
12124            }
12125            html:not([dark]) .blu-list__container-chevron-right[data-v-0fc385f6],
12126            html:not([dark]) .blu-list__container-chevron-left[data-v-0fc385f6] {
12127                display: flex;
12128                padding: 4px 0;
12129                cursor: pointer;
12130                transition: all 0.4s ease;
12131                height: fit-content;
12132            }
12133            html:not([dark]) .blu-list__container-chevron-right[data-v-0fc385f6] svg,
12134            html:not([dark]) .blu-list__container-chevron-left[data-v-0fc385f6] svg {
12135                color: #797f85;
12136            }
12137            html:not([dark]) .blu-list__container-chevron-right[data-v-0fc385f6]:focus-visible,
12138            html:not([dark]) .blu-list__container-chevron-left[data-v-0fc385f6]:focus-visible {
12139                outline: none;
12140                box-shadow: 0 0 0 2px #19222a inset;
12141            }
12142            html:not([dark]) .blu-list__container .blu-loader-wrapper[data-v-0fc385f6] {
12143                margin: auto;
12144            }
12145            html:not([dark]) .blu-list__content[data-v-0fc385f6] {
12146                padding: 4px 0;
12147                display: flex;
12148                flex-direction: column;
12149                flex: 1;
12150                align-items: start;
12151            }
12152            html:not([dark]) .blu-list__content-label[data-v-0fc385f6]:not(.b-disabled) {
12153                font:
12154                    500 14px/18px Blibli,
12155                    -apple-system,
12156                    Segoe UI,
12157                    Roboto,
12158                    Helvetica,
12159                    Arial,
12160                    sans-serif;
12161                color: #19222a;
12162            }
12163            html:not([dark]) .blu-list__content-desc[data-v-0fc385f6]:not(.b-disabled) {
12164                font:
12165                    500 12px/16px Blibli,
12166                    -apple-system,
12167                    Segoe UI,
12168                    Roboto,
12169                    Helvetica,
12170                    Arial,
12171                    sans-serif;
12172                color: #19222a66;
12173            }
12174            html:not([dark]) .blu-list__content-additional[data-v-0fc385f6] {
12175                text-align: right;
12176                display: flex;
12177                flex-direction: column;
12178                justify-content: space-between;
12179                align-self: stretch;
12180                padding: 4px 0;
12181            }
12182            html:not([dark]) .blu-list__content-additional-label[data-v-0fc385f6] {
12183                font:
12184                    500 12px/16px Blibli,
12185                    -apple-system,
12186                    Segoe UI,
12187                    Roboto,
12188                    Helvetica,
12189                    Arial,
12190                    sans-serif;
12191                color: #19222a66;
12192            }
12193            html:not([dark]) .blu-list__content-additional-desc[data-v-0fc385f6] {
12194                font:
12195                    500 12px/16px Blibli,
12196                    -apple-system,
12197                    Segoe UI,
12198                    Roboto,
12199                    Helvetica,
12200                    Arial,
12201                    sans-serif;
12202                color: #19222a66;
12203            }
12204            html:not([dark]) .blu-list__item-leading[data-v-0fc385f6],
12205            html:not([dark]) .blu-list__item-trailing[data-v-0fc385f6] {
12206                padding: 4px 0;
12207            }
12208            html:not([dark]) .blu-list__item-leading[data-v-0fc385f6] {
12209                display: flex;
12210            }
12211            html:not([dark]) .blu-list__item-trailing[data-v-0fc385f6] {
12212                display: flex;
12213            }
12214            html:not([dark]) .blu-list__item-trailing[data-v-0fc385f6] > *:not(:last-child) {
12215                margin-right: 4px;
12216            }
12217            html:not([dark]) .blu-list__item-trailing[data-v-0fc385f6] svg {
12218                cursor: pointer;
12219            }
12220            html:not([dark]) .blu-list__child[data-v-0fc385f6] {
12221                max-height: var(--blu-list-child-max-height);
12222                display: grid;
12223                grid-template-rows: var(--blu-list-child-template-rows);
12224                transition: all 0.5s ease-in-out;
12225            }
12226            html:not([dark]) .blu-list__child .blu-list__container[data-v-0fc385f6] {
12227                padding-left: var(--list-nested-padding);
12228            }
12229            html:not([dark]) .blu-list__icon-expand[data-v-0fc385f6] {
12230                margin-left: auto;
12231                cursor: pointer;
12232            }
12233            html:not([dark]) .blu-list[data-v-0fc385f6]:not(.b-disabled) {
12234                cursor: pointer;
12235            }
12236            html:not([dark]) .blu-list[data-v-0fc385f6]:not(.b-disabled):hover {
12237                --list-container-color-background: #f9f9fa;
12238            }
12239            html:not([dark]) .blu-list[data-v-0fc385f6]:not(.b-disabled):focus-visible {
12240                outline: none;
12241            }
12242            html:not([dark]) .blu-list:not(.b-disabled):focus-visible .blu-list__container[data-v-0fc385f6] {
12243                box-shadow: 0 0 0 2px #19222a inset;
12244            }
12245            html:not([dark]) .blu-list:not(.b-disabled).b-active[data-v-0fc385f6],
12246            html:not([dark]) .blu-list:not(.b-disabled).b-selected[data-v-0fc385f6]:not(:hover) {
12247                --list-container-color-background: #f3f9ff;
12248            }
12249            html:not([dark]) .blu-list.b-small[data-v-0fc385f6] {
12250                --list-spacing-padding: 0;
12251            }
12252            html:not([dark]) .blu-list.b-disabled[data-v-0fc385f6] {
12253                --list-container-color-background: transparent;
12254            }
12255            html:not([dark]) .blu-list.b-disabled[data-v-0fc385f6],
12256            html:not([dark]) .blu-list.b-disabled *[data-v-0fc385f6] {
12257                cursor: not-allowed;
12258            }
12259            html:not([dark]) .blu-list.b-disabled .blu-list__content-label[data-v-0fc385f6],
12260            html:not([dark]) .blu-list.b-disabled .blu-list__content-desc[data-v-0fc385f6],
12261            html:not([dark]) .blu-list.b-disabled .blu-list__content-additional-label[data-v-0fc385f6] {
12262                font:
12263                    500 14px/18px Blibli,
12264                    -apple-system,
12265                    Segoe UI,
12266                    Roboto,
12267                    Helvetica,
12268                    Arial,
12269                    sans-serif;
12270                color: #19222a4d;
12271            }
12272            html:not([dark]) .blu-list.b-disabled .blu-list__content-additional-desc[data-v-0fc385f6] {
12273                font:
12274                    500 12px/16px Blibli,
12275                    -apple-system,
12276                    Segoe UI,
12277                    Roboto,
12278                    Helvetica,
12279                    Arial,
12280                    sans-serif;
12281                color: #19222a4d;
12282            }
12283            html:not([dark]) .blu-list.b-disabled .blu-list__container[data-v-0fc385f6] svg {
12284                color: #19222a4d;
12285            }
12286            html:not([dark]) .blu-list.b-disabled .blu-list__container[data-v-0fc385f6] .blu-checkbox__container {
12287                color: #19222a4d;
12288            }
12289            html:not([dark]) .blu-list.b-disabled .blu-list__container[data-v-0fc385f6] .blu-badge {
12290                background-color: #19222a4d;
12291            }
12292            html:not([dark]) .blu-list.b-loading[data-v-0fc385f6] .blu-loader-wrapper svg {
12293                display: flex;
12294                width: 24px;
12295                height: 24px;
12296            }
12297            html:not([dark]) .blu-list.has-radio.b-selected[data-v-0fc385f6]:not(:hover) {
12298                --list-container-color-background: transparent;
12299            }
12300            html:not([dark]) .blu-list.b-align-center .blu-list__container[data-v-0fc385f6] {
12301                align-items: center;
12302            }
12303            html:not([dark])
12304                .blu-list-group.b-multiselect
12305                .blu-list-item
12306                .blu-list.b-selected[data-v-0fc385f6]:not(
12307                    html:not([dark]) .blu-list-group.b-multiselect .blu-list-item .blu-list.b-active
12308                ):not(:hover) {
12309                --list-container-color-background: transparent;
12310            }
12311            html[dark] .blu-list[data-v-0fc385f6] {
12312                --list-spacing-padding: 8px 0;
12313                list-style: none;
12314                padding: var(--list-spacing-padding);
12315                transition: all 0.5s ease-in-out;
12316            }
12317            html[dark] .blu-list-item[data-v-0fc385f6] {
12318                --blu-list-child-max-height: 0;
12319                --blu-list-child-template-rows: 0fr;
12320                position: relative;
12321            }
12322            html[dark] .blu-list-item.b-opened[data-v-0fc385f6] {
12323                --blu-list-child-max-height: 100%;
12324                --blu-list-child-template-rows: 1fr;
12325            }
12326            html[dark]
12327                .blu-list-item.b-opened
12328                > .blu-list
12329                .blu-list__container
12330                .blu-list__container-chevron-right[data-v-0fc385f6] {
12331                transform: rotate(180deg);
12332            }
12333            html[dark]
12334                .blu-list-item.b-opened
12335                > .blu-list
12336                .blu-list__container
12337                .blu-list__container-chevron-left[data-v-0fc385f6] {
12338                transform: rotate(90deg);
12339            }
12340            html[dark] .blu-list__container[data-v-0fc385f6] {
12341                background-color: var(--list-container-color-background);
12342                border-radius: 8px;
12343                padding: 4px 8px;
12344                display: flex;
12345            }
12346            html[dark] .blu-list__container[data-v-0fc385f6] svg {
12347                width: 18px;
12348                height: 18px;
12349                color: #acb0b4;
12350            }
12351            html[dark] .blu-list__container[data-v-0fc385f6] > *:not(:last-child) {
12352                margin-right: 4px;
12353            }
12354            html[dark] .blu-list__container-chevron-right[data-v-0fc385f6],
12355            html[dark] .blu-list__container-chevron-left[data-v-0fc385f6] {
12356                display: flex;
12357                padding: 4px 0;
12358                cursor: pointer;
12359                transition: all 0.4s ease;
12360                height: fit-content;
12361            }
12362            html[dark] .blu-list__container-chevron-right[data-v-0fc385f6] svg,
12363            html[dark] .blu-list__container-chevron-left[data-v-0fc385f6] svg {
12364                color: #acb0b4;
12365            }
12366            html[dark] .blu-list__container-chevron-right[data-v-0fc385f6]:focus-visible,
12367            html[dark] .blu-list__container-chevron-left[data-v-0fc385f6]:focus-visible {
12368                outline: none;
12369                box-shadow: 0 0 0 2px #f9f9fa inset;
12370            }
12371            html[dark] .blu-list__container .blu-loader-wrapper[data-v-0fc385f6] {
12372                margin: auto;
12373            }
12374            html[dark] .blu-list__content[data-v-0fc385f6] {
12375                padding: 4px 0;
12376                display: flex;
12377                flex-direction: column;
12378                flex: 1;
12379                align-items: start;
12380            }
12381            html[dark] .blu-list__content-label[data-v-0fc385f6]:not(.b-disabled) {
12382                font:
12383                    500 14px/18px Blibli,
12384                    -apple-system,
12385                    Segoe UI,
12386                    Roboto,
12387                    Helvetica,
12388                    Arial,
12389                    sans-serif;
12390                color: #fff;
12391            }
12392            html[dark] .blu-list__content-desc[data-v-0fc385f6]:not(.b-disabled) {
12393                font:
12394                    500 12px/16px Blibli,
12395                    -apple-system,
12396                    Segoe UI,
12397                    Roboto,
12398                    Helvetica,
12399                    Arial,
12400                    sans-serif;
12401                color: #ffffff80;
12402            }
12403            html[dark] .blu-list__content-additional[data-v-0fc385f6] {
12404                text-align: right;
12405                display: flex;
12406                flex-direction: column;
12407                justify-content: space-between;
12408                align-self: stretch;
12409                padding: 4px 0;
12410            }
12411            html[dark] .blu-list__content-additional-label[data-v-0fc385f6],
12412            html[dark] .blu-list__content-additional-desc[data-v-0fc385f6] {
12413                font:
12414                    500 12px/16px Blibli,
12415                    -apple-system,
12416                    Segoe UI,
12417                    Roboto,
12418                    Helvetica,
12419                    Arial,
12420                    sans-serif;
12421                color: #ffffff80;
12422            }
12423            html[dark] .blu-list__item-leading[data-v-0fc385f6],
12424            html[dark] .blu-list__item-trailing[data-v-0fc385f6] {
12425                padding: 4px 0;
12426            }
12427            html[dark] .blu-list__item-leading[data-v-0fc385f6],
12428            html[dark] .blu-list__item-trailing[data-v-0fc385f6] {
12429                display: flex;
12430            }
12431            html[dark] .blu-list__item-trailing[data-v-0fc385f6] > *:not(:last-child) {
12432                margin-right: 4px;
12433            }
12434            html[dark] .blu-list__item-trailing[data-v-0fc385f6] svg {
12435                cursor: pointer;
12436            }
12437            html[dark] .blu-list__child[data-v-0fc385f6] {
12438                max-height: var(--blu-list-child-max-height);
12439                display: grid;
12440                grid-template-rows: var(--blu-list-child-template-rows);
12441                transition: all 0.5s ease-in-out;
12442            }
12443            html[dark] .blu-list__child .blu-list__container[data-v-0fc385f6] {
12444                padding-left: var(--list-nested-padding);
12445            }
12446            html[dark] .blu-list__icon-expand[data-v-0fc385f6] {
12447                margin-left: auto;
12448                cursor: pointer;
12449            }
12450            html[dark] .blu-list[data-v-0fc385f6]:not(.b-disabled) {
12451                cursor: pointer;
12452            }
12453            html[dark] .blu-list[data-v-0fc385f6]:not(.b-disabled):hover {
12454                --list-container-color-background: #19222a;
12455            }
12456            html[dark] .blu-list[data-v-0fc385f6]:not(.b-disabled):focus-visible {
12457                outline: none;
12458            }
12459            html[dark] .blu-list:not(.b-disabled):focus-visible .blu-list__container[data-v-0fc385f6] {
12460                box-shadow: 0 0 0 2px #f9f9fa inset;
12461            }
12462            html[dark] .blu-list:not(.b-disabled).b-active[data-v-0fc385f6],
12463            html[dark] .blu-list:not(.b-disabled).b-selected[data-v-0fc385f6]:not(:hover) {
12464                --list-container-color-background: #002e7a;
12465            }
12466            html[dark] .blu-list.b-small[data-v-0fc385f6] {
12467                --list-spacing-padding: 0;
12468            }
12469            html[dark] .blu-list.b-disabled[data-v-0fc385f6] {
12470                --list-container-color-background: transparent;
12471            }
12472            html[dark] .blu-list.b-disabled[data-v-0fc385f6],
12473            html[dark] .blu-list.b-disabled *[data-v-0fc385f6] {
12474                cursor: not-allowed;
12475            }
12476            html[dark] .blu-list.b-disabled .blu-list__content-label[data-v-0fc385f6],
12477            html[dark] .blu-list.b-disabled .blu-list__content-desc[data-v-0fc385f6],
12478            html[dark] .blu-list.b-disabled .blu-list__content-additional-label[data-v-0fc385f6] {
12479                font:
12480                    500 14px/18px Blibli,
12481                    -apple-system,
12482                    Segoe UI,
12483                    Roboto,
12484                    Helvetica,
12485                    Arial,
12486                    sans-serif;
12487                color: #ffffff4d;
12488            }
12489            html[dark] .blu-list.b-disabled .blu-list__content-additional-desc[data-v-0fc385f6] {
12490                font:
12491                    500 12px/16px Blibli,
12492                    -apple-system,
12493                    Segoe UI,
12494                    Roboto,
12495                    Helvetica,
12496                    Arial,
12497                    sans-serif;
12498                color: #ffffff4d;
12499            }
12500            html[dark] .blu-list.b-disabled .blu-list__container[data-v-0fc385f6] svg {
12501                color: #ffffff4d;
12502            }
12503            html[dark] .blu-list.b-disabled .blu-list__container[data-v-0fc385f6] .blu-checkbox__container {
12504                color: #ffffff4d;
12505            }
12506            html[dark] .blu-list.b-disabled .blu-list__container[data-v-0fc385f6] .blu-badge {
12507                background-color: #ffffff4d;
12508            }
12509            html[dark] .blu-list.b-loading[data-v-0fc385f6] .blu-loader-wrapper svg {
12510                display: flex;
12511                width: 24px;
12512                height: 24px;
12513            }
12514            html[dark] .blu-list.has-radio.b-selected[data-v-0fc385f6]:not(:hover) {
12515                --list-container-color-background: transparent;
12516            }
12517            html[dark] .blu-list.b-align-center .blu-list__container[data-v-0fc385f6] {
12518                align-items: center;
12519            }
12520            html[dark]
12521                .blu-list-group.b-multiselect
12522                .blu-list-item
12523                .blu-list.b-selected[data-v-0fc385f6]:not(
12524                    html[dark] .blu-list-group.b-multiselect .blu-list-item .blu-list.b-active
12525                ):not(:hover) {
12526                --list-container-color-background: transparent;
12527            }
12528        </style>
12529        <style>
12530            @charset "UTF-8";
12531            .product-services[data-v-50a9b5f9] {
12532                display: flex;
12533                flex-direction: column;
12534                width: 100%;
12535                gap: 20px;
12536            }
12537            @media screen and (max-width: 839px) {
12538                .product-services[data-v-50a9b5f9] {
12539                    gap: 0;
12540                }
12541            }
12542            .product-service[data-v-ef5183d2] {
12543                width: 100%;
12544                display: flex;
12545                align-items: stretch;
12546                flex-direction: row;
12547                gap: 8px;
12548            }
12549            @media screen and (max-width: 839px) {
12550                .product-service[data-v-ef5183d2] {
12551                    border-top: 1px solid #f1f2f2;
12552                    padding: 11px 0;
12553                }
12554            }
12555            .product-service__icon[data-v-ef5183d2] {
12556                display: flex;
12557                align-items: flex-start;
12558                justify-content: center;
12559                flex-shrink: 0;
12560            }
12561            .product-service__icon img[data-v-ef5183d2] {
12562                width: 32px;
12563                height: 32px;
12564            }
12565            @media screen and (max-width: 839px) {
12566                .product-service__icon img[data-v-ef5183d2] {
12567                    width: 18px;
12568                    height: 18px;
12569                }
12570            }
12571            .product-service__text[data-v-ef5183d2] {
12572                display: flex;
12573                flex-direction: column;
12574                width: 100%;
12575                gap: 4px;
12576            }
12577            .product-service__text__title[data-v-ef5183d2] {
12578                width: 100%;
12579                font:
12580                    600 14px/18px Blibli,
12581                    -apple-system,
12582                    Segoe UI,
12583                    Roboto,
12584                    Helvetica,
12585                    Arial,
12586                    sans-serif;
12587            }
12588            @media screen and (max-width: 839px) {
12589                .product-service__text__title[data-v-ef5183d2] {
12590                    font:
12591                        500 14px/18px Blibli,
12592                        -apple-system,
12593                        Segoe UI,
12594                        Roboto,
12595                        Helvetica,
12596                        Arial,
12597                        sans-serif;
12598                }
12599            }
12600            .product-service__text__title span[data-v-ef5183d2]:not(:last-child):after {
12601                content: "&nbsp;";
12602            }
12603            .product-service__text__title__price[data-v-ef5183d2] {
12604                font:
12605                    600 14px/18px Blibli,
12606                    -apple-system,
12607                    Segoe UI,
12608                    Roboto,
12609                    Helvetica,
12610                    Arial,
12611                    sans-serif;
12612                color: #006dea;
12613            }
12614            .product-service__text__subtitle[data-v-ef5183d2] {
12615                font:
12616                    500 14px/18px Blibli,
12617                    -apple-system,
12618                    Segoe UI,
12619                    Roboto,
12620                    Helvetica,
12621                    Arial,
12622                    sans-serif;
12623                color: #19222ab3;
12624            }
12625            .product-service__text__subtitle span[data-v-ef5183d2]:not(:last-child):after {
12626                content: "&nbsp;";
12627            }
12628            .product-service__text__subtitle__action[data-v-ef5183d2] {
12629                cursor: pointer;
12630                color: #006dea;
12631            }
12632            .product-service__chevron[data-v-ef5183d2] {
12633                flex: 0;
12634                display: flex;
12635                align-items: center;
12636                justify-content: center;
12637            }
12638            @media screen and (max-width: 839px) {
12639                .product-service--clickable[data-v-ef5183d2] {
12640                    cursor: pointer;
12641                }
12642            }
12643            .product-service--loading .product-service__text[data-v-ef5183d2] {
12644                gap: 8px;
12645            }
12646            .product-service--loading .product-service__text__title[data-v-ef5183d2] {
12647                width: 60%;
12648            }
12649            @media screen and (max-width: 839px) {
12650                .product-service--loading .product-service__text__title[data-v-ef5183d2] {
12651                    width: 100%;
12652                }
12653            }
12654            .trade-in[data-v-8418f747],
12655            .installation[data-v-c1955da8],
12656            .insurance[data-v-1c85a326],
12657            .cash-on-delivery[data-v-8c111c2e],
12658            .wholesale[data-v-c41b49cd],
12659            .subscription[data-v-6563e336] {
12660                width: 100%;
12661            }
12662            .trade-in-download-apps-modal[data-v-5dadaeda] {
12663                padding: 0 8px;
12664            }
12665            @media screen and (max-width: 839px) {
12666                .trade-in-download-apps-modal[data-v-5dadaeda] {
12667                    padding: 0;
12668                }
12669            }
12670            .trade-in-download-apps-modal .subtitle[data-v-5dadaeda] {
12671                font:
12672                    500 16px/20px Blibli,
12673                    -apple-system,
12674                    Segoe UI,
12675                    Roboto,
12676                    Helvetica,
12677                    Arial,
12678                    sans-serif;
12679                color: #19222ab3;
12680                margin-bottom: 16px;
12681            }
12682            @media screen and (max-width: 839px) {
12683                .trade-in-download-apps-modal .subtitle[data-v-5dadaeda] {
12684                    margin-bottom: 10px;
12685                }
12686            }
12687            .trade-in-download-apps-modal .download-apps[data-v-5dadaeda] {
12688                display: flex;
12689                flex-direction: row;
12690                align-items: center;
12691                justify-content: space-between;
12692                margin-bottom: 24px;
12693            }
12694            @media screen and (max-width: 839px) {
12695                .trade-in-download-apps-modal .download-apps[data-v-5dadaeda] {
12696                    flex-direction: column;
12697                    margin-bottom: 0;
12698                }
12699            }
12700            .trade-in-download-apps-modal .download-apps__qr[data-v-5dadaeda] {
12701                display: flex;
12702                align-items: center;
12703                justify-content: center;
12704                background: #f3f9ff;
12705                border-radius: 8px;
12706            }
12707            .trade-in-download-apps-modal .download-apps__or[data-v-5dadaeda] {
12708                text-align: center;
12709                font:
12710                    500 16px/20px Blibli,
12711                    -apple-system,
12712                    Segoe UI,
12713                    Roboto,
12714                    Helvetica,
12715                    Arial,
12716                    sans-serif;
12717                color: #19222ab3;
12718                margin: 10px;
12719            }
12720            .trade-in-download-apps-modal .download-apps__download[data-v-5dadaeda] {
12721                display: flex;
12722                flex-direction: column;
12723                align-items: center;
12724                margin-bottom: 0;
12725            }
12726            @media screen and (max-width: 839px) {
12727                .trade-in-download-apps-modal .download-apps__download[data-v-5dadaeda] {
12728                    margin-bottom: 16px;
12729                }
12730            }
12731            .trade-in-download-apps-modal .download-apps__download__title[data-v-5dadaeda] {
12732                font:
12733                    500 16px/20px Blibli,
12734                    -apple-system,
12735                    Segoe UI,
12736                    Roboto,
12737                    Helvetica,
12738                    Arial,
12739                    sans-serif;
12740                color: #19222ab3;
12741                margin-bottom: 8px;
12742            }
12743            .trade-in-download-apps-modal .download-apps__download__icons[data-v-5dadaeda] {
12744                display: flex;
12745                flex-direction: column;
12746                gap: 8px;
12747            }
12748            @media screen and (max-width: 839px) {
12749                .trade-in-download-apps-modal .download-apps__download__icons[data-v-5dadaeda] {
12750                    flex-direction: row;
12751                }
12752            }
12753            .trade-in-download-apps-modal .download-apps__download__icons--icon[data-v-5dadaeda] {
12754                width: 100%;
12755                display: flex;
12756                align-items: center;
12757                justify-content: center;
12758            }
12759            .trade-in-download-apps-modal .download-apps__download__icons--icon img[data-v-5dadaeda] {
12760                height: auto;
12761                width: 150px;
12762            }
12763            .trade-in-download-apps-modal .download-apps__download__icons--icon a[data-v-5dadaeda] {
12764                display: flex;
12765            }
12766            @media screen and (max-width: 839px) {
12767                .trade-in-download-apps-modal .download-apps__download__icons--icon[data-v-5dadaeda] {
12768                    width: 100%;
12769                }
12770                .trade-in-download-apps-modal .download-apps__download__icons--icon img[data-v-5dadaeda] {
12771                    height: 45px;
12772                    width: auto;
12773                }
12774            }
12775            .trade-in-download-apps-modal .scan-steps__title[data-v-5dadaeda] {
12776                font:
12777                    600 16px/20px Blibli,
12778                    -apple-system,
12779                    Segoe UI,
12780                    Roboto,
12781                    Helvetica,
12782                    Arial,
12783                    sans-serif;
12784                color: #19222a;
12785                margin-bottom: 16px;
12786            }
12787            .trade-in-download-apps-modal .scan-steps__guide[data-v-5dadaeda] {
12788                display: flex;
12789                flex-direction: row;
12790            }
12791            @media screen and (max-width: 839px) {
12792                .trade-in-download-apps-modal .scan-steps__guide[data-v-5dadaeda] {
12793                    flex-direction: column;
12794                }
12795            }
12796            .trade-in-download-apps-modal .scan-steps__guide__step[data-v-5dadaeda] {
12797                display: flex;
12798                flex-direction: column;
12799            }
12800            .trade-in-download-apps-modal .scan-steps__guide__step[data-v-5dadaeda]:not(:last-child) {
12801                margin-right: 10px;
12802            }
12803            @media screen and (max-width: 839px) {
12804                .trade-in-download-apps-modal .scan-steps__guide__step[data-v-5dadaeda]:not(:last-child) {
12805                    margin-right: 0;
12806                }
12807            }
12808            .trade-in-download-apps-modal
12809                .scan-steps__guide__step:not(:last-child)
12810                .scan-steps__guide__step__order[data-v-5dadaeda]:after {
12811                flex-grow: 1;
12812                content: "";
12813                display: flex;
12814                align-items: center;
12815                justify-content: center;
12816                border: 1px dashed #f1f2f2;
12817                width: 100%;
12818                height: 0;
12819            }
12820            @media screen and (max-width: 839px) {
12821                .trade-in-download-apps-modal
12822                    .scan-steps__guide__step:not(:last-child)
12823                    .scan-steps__guide__step__order[data-v-5dadaeda]:after {
12824                    width: 0;
12825                    height: 100%;
12826                }
12827            }
12828            @media screen and (max-width: 839px) {
12829                .trade-in-download-apps-modal .scan-steps__guide__step[data-v-5dadaeda] {
12830                    flex-direction: row;
12831                    margin-bottom: 10px;
12832                    margin-right: 0;
12833                }
12834            }
12835            .trade-in-download-apps-modal .scan-steps__guide__step__order[data-v-5dadaeda] {
12836                display: flex;
12837                flex-direction: row;
12838                align-items: center;
12839                margin-bottom: 8px;
12840            }
12841            @media screen and (max-width: 839px) {
12842                .trade-in-download-apps-modal .scan-steps__guide__step__order[data-v-5dadaeda] {
12843                    flex-direction: column;
12844                    margin-right: 8px;
12845                    margin-bottom: 0;
12846                }
12847            }
12848            .trade-in-download-apps-modal .scan-steps__guide__step__order--number[data-v-5dadaeda] {
12849                width: 30px;
12850                height: 30px;
12851                background: #f9f9fa;
12852                border-radius: 100px;
12853                display: flex;
12854                align-items: center;
12855                justify-content: center;
12856                margin-right: 4px;
12857                flex-shrink: 0;
12858            }
12859            @media screen and (max-width: 839px) {
12860                .trade-in-download-apps-modal .scan-steps__guide__step__order--number[data-v-5dadaeda] {
12861                    margin-right: 0;
12862                    margin-bottom: 4px;
12863                }
12864            }
12865            .trade-in-download-apps-modal .scan-steps__guide__step__text[data-v-5dadaeda] {
12866                padding: 10px 12px;
12867                font:
12868                    500 16px/20px Blibli,
12869                    -apple-system,
12870                    Segoe UI,
12871                    Roboto,
12872                    Helvetica,
12873                    Arial,
12874                    sans-serif;
12875                color: #19222ab3;
12876                border: 1px solid #f1f2f2;
12877                border-radius: 8px;
12878                flex-grow: 1;
12879            }
12880            .cash-on-delivery-modal__body[data-v-88efff31] {
12881                color: #19222ab3;
12882            }
12883            .cash-on-delivery-modal__body__content[data-v-88efff31] {
12884                margin-bottom: 16px;
12885            }
12886            .cash-on-delivery-modal__body__learn-more span[data-v-88efff31]:not(:last-child):after {
12887                content: "&nbsp;";
12888            }
12889            .cash-on-delivery-modal__body__learn-more a[data-v-88efff31] {
12890                color: #006dea;
12891                cursor: pointer;
12892                text-decoration: none;
12893            }
12894        </style>
12895        <style type="text/css">
12896            .label[data-v-1730749f] {
12897                height: 16px;
12898                padding: 0 8px;
12899                display: inline-flex;
12900                align-items: center;
12901                font:
12902                    12px/16px "blibli demi bold",
12903                    -apple-system,
12904                    segoe ui,
12905                    roboto,
12906                    helvetica,
12907                    arial,
12908                    sans-serif;
12909                text-decoration: none;
12910                color: #fff;
12911                border-radius: 4px;
12912                background-color: #f1f2f2;
12913                white-space: nowrap;
12914            }
12915            .label button[data-v-1730749f] {
12916                padding: 0;
12917                margin-right: -4px;
12918                top: 2px;
12919            }
12920            .label button svg[data-v-1730749f] {
12921                margin-right: -6px;
12922                margin-top: 2px;
12923                transform: scale(0.75);
12924                transform-origin: left;
12925                color: #fff;
12926            }
12927            .label button.b-primary[data-v-1730749f] {
12928                color: #fff;
12929            }
12930            .label.b-secondary button svg[data-v-1730749f] {
12931                color: #0072ff;
12932            }
12933            .label.b-dot[data-v-1730749f] {
12934                width: 8px;
12935                height: 8px;
12936                padding: 0;
12937                font-size: 0;
12938            }
12939            .label.b-border[data-v-1730749f] {
12940                box-shadow: 0 0 0 1px #fff;
12941            }
12942            .label[data-v-1730749f] {
12943                background-color: #ff4646;
12944            }
12945            .label.b-secondary[data-v-1730749f] {
12946                background-color: #ffe6e6;
12947                color: #e93c3c;
12948            }
12949        </style>
12950        <style type="text/css">
12951            .label[data-v-3c5c9e9e] {
12952                height: 16px;
12953                padding: 0 8px;
12954                display: inline-flex;
12955                align-items: center;
12956                font:
12957                    12px/16px "blibli demi bold",
12958                    -apple-system,
12959                    segoe ui,
12960                    roboto,
12961                    helvetica,
12962                    arial,
12963                    sans-serif;
12964                text-decoration: none;
12965                color: #fff;
12966                border-radius: 4px;
12967                background-color: #f1f2f2;
12968                white-space: nowrap;
12969            }
12970            .label button[data-v-3c5c9e9e] {
12971                padding: 0;
12972                margin-right: -4px;
12973                top: 2px;
12974            }
12975            .label button svg[data-v-3c5c9e9e] {
12976                margin-right: -6px;
12977                margin-top: 2px;
12978                transform: scale(0.75);
12979                transform-origin: left;
12980                color: #fff;
12981            }
12982            .label button.b-primary[data-v-3c5c9e9e] {
12983                color: #fff;
12984            }
12985            .label.b-secondary button svg[data-v-3c5c9e9e] {
12986                color: #0072ff;
12987            }
12988            .label.b-dot[data-v-3c5c9e9e] {
12989                width: 8px;
12990                height: 8px;
12991                padding: 0;
12992                font-size: 0;
12993            }
12994            .label.b-border[data-v-3c5c9e9e] {
12995                box-shadow: 0 0 0 1px #fff;
12996            }
12997            .label[data-v-3c5c9e9e] {
12998                background-color: #ff7373;
12999            }
13000        </style>
13001        <style type="text/css">
13002            .label[data-v-592858cc] {
13003                height: 16px;
13004                padding: 0 8px;
13005                display: inline-flex;
13006                align-items: center;
13007                font:
13008                    12px/16px "blibli demi bold",
13009                    -apple-system,
13010                    segoe ui,
13011                    roboto,
13012                    helvetica,
13013                    arial,
13014                    sans-serif;
13015                text-decoration: none;
13016                color: #fff;
13017                border-radius: 4px;
13018                background-color: #f1f2f2;
13019                white-space: nowrap;
13020            }
13021            .label button[data-v-592858cc] {
13022                padding: 0;
13023                margin-right: -4px;
13024                top: 2px;
13025            }
13026            .label button svg[data-v-592858cc] {
13027                margin-right: -6px;
13028                margin-top: 2px;
13029                transform: scale(0.75);
13030                transform-origin: left;
13031                color: #fff;
13032            }
13033            .label button.b-primary[data-v-592858cc] {
13034                color: #fff;
13035            }
13036            .label.b-secondary button svg[data-v-592858cc] {
13037                color: #0072ff;
13038            }
13039            .label.b-dot[data-v-592858cc] {
13040                width: 8px;
13041                height: 8px;
13042                padding: 0;
13043                font-size: 0;
13044            }
13045            .label.b-border[data-v-592858cc] {
13046                box-shadow: 0 0 0 1px #fff;
13047            }
13048            .label[data-v-592858cc] {
13049                background-color: #38bdf8;
13050            }
13051            .label.b-secondary[data-v-592858cc] {
13052                background-color: #fef5d2;
13053                color: #0ea5e9;
13054            }
13055        </style>
13056        <style type="text/css">
13057            .label[data-v-209f2cd8] {
13058                height: 16px;
13059                padding: 0 8px;
13060                display: inline-flex;
13061                align-items: center;
13062                font:
13063                    12px/16px "blibli demi bold",
13064                    -apple-system,
13065                    segoe ui,
13066                    roboto,
13067                    helvetica,
13068                    arial,
13069                    sans-serif;
13070                text-decoration: none;
13071                color: #fff;
13072                border-radius: 4px;
13073                background-color: #f1f2f2;
13074                white-space: nowrap;
13075            }
13076            .label button[data-v-209f2cd8] {
13077                padding: 0;
13078                margin-right: -4px;
13079                top: 2px;
13080            }
13081            .label button svg[data-v-209f2cd8] {
13082                margin-right: -6px;
13083                margin-top: 2px;
13084                transform: scale(0.75);
13085                transform-origin: left;
13086                color: #fff;
13087            }
13088            .label button.b-primary[data-v-209f2cd8] {
13089                color: #fff;
13090            }
13091            .label.b-secondary button svg[data-v-209f2cd8] {
13092                color: #0072ff;
13093            }
13094            .label.b-dot[data-v-209f2cd8] {
13095                width: 8px;
13096                height: 8px;
13097                padding: 0;
13098                font-size: 0;
13099            }
13100            .label.b-border[data-v-209f2cd8] {
13101                box-shadow: 0 0 0 1px #fff;
13102            }
13103            .label[data-v-209f2cd8] {
13104                background-color: #22a334;
13105            }
13106            .label.b-secondary[data-v-209f2cd8] {
13107                background-color: #d6f7da;
13108                color: #1c832a;
13109            }
13110        </style>
13111        <style type="text/css">
13112            .label[data-v-80a16fd0] {
13113                height: 16px;
13114                padding: 0 8px;
13115                display: inline-flex;
13116                align-items: center;
13117                font:
13118                    12px/16px "blibli demi bold",
13119                    -apple-system,
13120                    segoe ui,
13121                    roboto,
13122                    helvetica,
13123                    arial,
13124                    sans-serif;
13125                text-decoration: none;
13126                color: #fff;
13127                border-radius: 4px;
13128                background-color: #f1f2f2;
13129                white-space: nowrap;
13130            }
13131            .label button[data-v-80a16fd0] {
13132                padding: 0;
13133                margin-right: -4px;
13134                top: 2px;
13135            }
13136            .label button svg[data-v-80a16fd0] {
13137                margin-right: -6px;
13138                margin-top: 2px;
13139                transform: scale(0.75);
13140                transform-origin: left;
13141                color: #fff;
13142            }
13143            .label button.b-primary[data-v-80a16fd0] {
13144                color: #fff;
13145            }
13146            .label.b-secondary button svg[data-v-80a16fd0] {
13147                color: #0072ff;
13148            }
13149            .label.b-dot[data-v-80a16fd0] {
13150                width: 8px;
13151                height: 8px;
13152                padding: 0;
13153                font-size: 0;
13154            }
13155            .label.b-border[data-v-80a16fd0] {
13156                box-shadow: 0 0 0 1px #fff;
13157            }
13158            .label[data-v-80a16fd0] {
13159                background-color: #1d8fff;
13160            }
13161            .label.b-secondary[data-v-80a16fd0] {
13162                background-color: #e1f1ff;
13163                color: #0072ff;
13164            }
13165        </style>
13166        <style type="text/css">
13167            .label[data-v-5021936f] {
13168                height: 16px;
13169                padding: 0 8px;
13170                display: inline-flex;
13171                align-items: center;
13172                font:
13173                    12px/16px "blibli demi bold",
13174                    -apple-system,
13175                    segoe ui,
13176                    roboto,
13177                    helvetica,
13178                    arial,
13179                    sans-serif;
13180                text-decoration: none;
13181                color: #fff;
13182                border-radius: 4px;
13183                background-color: #f1f2f2;
13184                white-space: nowrap;
13185            }
13186            .label button[data-v-5021936f] {
13187                padding: 0;
13188                margin-right: -4px;
13189                top: 2px;
13190            }
13191            .label button svg[data-v-5021936f] {
13192                margin-right: -6px;
13193                margin-top: 2px;
13194                transform: scale(0.75);
13195                transform-origin: left;
13196                color: #fff;
13197            }
13198            .label button.b-primary[data-v-5021936f] {
13199                color: #fff;
13200            }
13201            .label.b-secondary button svg[data-v-5021936f] {
13202                color: #0072ff;
13203            }
13204            .label.b-dot[data-v-5021936f] {
13205                width: 8px;
13206                height: 8px;
13207                padding: 0;
13208                font-size: 0;
13209            }
13210            .label.b-border[data-v-5021936f] {
13211                box-shadow: 0 0 0 1px #fff;
13212            }
13213            .label[data-v-5021936f] {
13214                color: rgba(25, 34, 42, 0.4);
13215                background-color: #e1e3e4;
13216            }
13217            .label.b-secondary[data-v-5021936f] {
13218                background-color: #92979c;
13219                color: #fff;
13220            }
13221        </style>
13222        <style type="text/css">
13223            .blu-ticker[data-v-e275b4e8] {
13224                --blu-ticker-color-background: #f9f9fa;
13225                --blu-ticker-color-border: #e1e3e4;
13226                display: flex;
13227                justify-content: flex-start;
13228                align-items: flex-start;
13229                border-radius: 8px;
13230                position: relative;
13231                background-color: var(--blu-ticker-color-background);
13232                border: 1px solid var(--blu-ticker-color-border);
13233                color: rgba(25, 34, 42, 0.7019607843);
13234                padding: 8px;
13235                margin-bottom: 8px;
13236                z-index: 0;
13237            }
13238            .blu-ticker__msg[data-v-e275b4e8] {
13239                z-index: 0;
13240                align-self: center;
13241            }
13242            @media screen and (min-width: 769px), print {
13243                .blu-ticker__msg[data-v-e275b4e8] {
13244                    font:
13245                        16px/20px "blibli",
13246                        -apple-system,
13247                        segoe ui,
13248                        roboto,
13249                        helvetica,
13250                        arial,
13251                        sans-serif;
13252                }
13253            }
13254            @media screen and (max-width: 768px) {
13255                .blu-ticker__msg[data-v-e275b4e8] {
13256                    font:
13257                        14px/18px "blibli",
13258                        -apple-system,
13259                        segoe ui,
13260                        roboto,
13261                        helvetica,
13262                        arial,
13263                        sans-serif;
13264                }
13265            }
13266            .blu-ticker__close[data-v-e275b4e8] {
13267                object-fit: contain;
13268                position: relative;
13269                z-index: 0;
13270                width: 18px;
13271                height: 18px;
13272                padding: 11px;
13273            }
13274            .blu-ticker__close i[data-v-e275b4e8] {
13275                content: "";
13276                top: 0;
13277                right: 0;
13278                position: absolute;
13279                width: 18px;
13280                height: 18px;
13281                padding: 12px;
13282                background: rgba(0, 0, 0, 0)
13283                    url(data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PSIwIDAgMjQgMjQiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGQ9Ik0xMy43NjcyIDEyTDE3LjYzMiA4LjEzODM5QzE4LjEyMjcgNy42NDgxOSAxOC4xMjI3IDYuODU3ODYgMTcuNjMyIDYuMzY3NjVDMTcuMTQxNCA1Ljg3NzQ1IDE2LjM1MDQgNS44Nzc0NSAxNS44NTk4IDYuMzY3NjVMMTEuOTk1IDEwLjIyOTNMOC4xNDAxOCA2LjM3NzY2QzcuNjQ5NTYgNS44ODc0NSA2Ljg1ODU3IDUuODg3NDUgNi4zNjc5NiA2LjM3NzY2QzUuODc3MzUgNi44Njc4NiA1Ljg3NzM1IDcuNjU4MTkgNi4zNjc5NiA4LjE0ODRMMTAuMjIyOCAxMkw2LjM2Nzk2IDE1Ljg2MTZDNS44NzczNSAxNi4zNTE4IDUuODc3MzUgMTcuMTQyMSA2LjM2Nzk2IDE3LjYzMjNDNi44NTg1NyAxOC4xMjI2IDcuNjQ5NTYgMTguMTIyNiA4LjE0MDE4IDE3LjYzMjNMMTIuMDA1IDEzLjc3MDdMMTUuODU5OCAxNy42MjIzQzE2LjM1MDQgMTguMTEyNSAxNy4xNDE0IDE4LjExMjUgMTcuNjMyIDE3LjYyMjNDMTguMTIyNyAxNy4xMzIxIDE4LjEyMjcgMTYuMzQxOCAxNy42MzIgMTUuODUxNkwxMy43NzcyIDEySDEzLjc2NzJaIiBmaWxsPSIjNzk3Rjg1Ii8+Cjwvc3ZnPgo=)
13284                    center center no-repeat #e1e3e4;
13285                background-color: rgba(25, 34, 42, 0.7019607843);
13286                -webkit-mask-image: url(data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PSIwIDAgMjQgMjQiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGQ9Ik0xMy43NjcyIDEyTDE3LjYzMiA4LjEzODM5QzE4LjEyMjcgNy42NDgxOSAxOC4xMjI3IDYuODU3ODYgMTcuNjMyIDYuMzY3NjVDMTcuMTQxNCA1Ljg3NzQ1IDE2LjM1MDQgNS44Nzc0NSAxNS44NTk4IDYuMzY3NjVMMTEuOTk1IDEwLjIyOTNMOC4xNDAxOCA2LjM3NzY2QzcuNjQ5NTYgNS44ODc0NSA2Ljg1ODU3IDUuODg3NDUgNi4zNjc5NiA2LjM3NzY2QzUuODc3MzUgNi44Njc4NiA1Ljg3NzM1IDcuNjU4MTkgNi4zNjc5NiA4LjE0ODRMMTAuMjIyOCAxMkw2LjM2Nzk2IDE1Ljg2MTZDNS44NzczNSAxNi4zNTE4IDUuODc3MzUgMTcuMTQyMSA2LjM2Nzk2IDE3LjYzMjNDNi44NTg1NyAxOC4xMjI2IDcuNjQ5NTYgMTguMTIyNiA4LjE0MDE4IDE3LjYzMjNMMTIuMDA1IDEzLjc3MDdMMTUuODU5OCAxNy42MjIzQzE2LjM1MDQgMTguMTEyNSAxNy4xNDE0IDE4LjExMjUgMTcuNjMyIDE3LjYyMjNDMTguMTIyNyAxNy4xMzIxIDE4LjEyMjcgMTYuMzQxOCAxNy42MzIgMTUuODUxNkwxMy43NzcyIDEySDEzLjc2NzJaIiBmaWxsPSIjNzk3Rjg1Ii8+Cjwvc3ZnPgo=);
13287            }
13288            @media screen and (max-width: 768px) {
13289                .blu-ticker__close[data-v-e275b4e8] {
13290                    transform: scale(0.75);
13291                }
13292            }
13293            .blu-ticker__close[data-v-e275b4e8]:focus-visible {
13294                box-shadow: 0px 0px 0px 4px #000;
13295                outline: none;
13296            }
13297            .blu-ticker__title[data-v-e275b4e8] {
13298                color: #19222a;
13299            }
13300            @media screen and (min-width: 769px), print {
13301                .blu-ticker__title[data-v-e275b4e8] {
13302                    font:
13303                        16px/20px "blibli demi bold",
13304                        -apple-system,
13305                        segoe ui,
13306                        roboto,
13307                        helvetica,
13308                        arial,
13309                        sans-serif;
13310                }
13311            }
13312            @media screen and (max-width: 768px) {
13313                .blu-ticker__title[data-v-e275b4e8] {
13314                    font:
13315                        14px/18px "blibli demi bold",
13316                        -apple-system,
13317                        segoe ui,
13318                        roboto,
13319                        helvetica,
13320                        arial,
13321                        sans-serif;
13322                }
13323            }
13324            .blu-ticker__btn[data-v-e275b4e8] {
13325                margin: 8px 0 0 -14px;
13326            }
13327            .blu-ticker.b-info[data-v-e275b4e8] {
13328                --blu-ticker-color-background: #f3f9ff;
13329                --blu-ticker-color-border: #b9deff;
13330            }
13331            .blu-ticker.b-info.has-icon > .blu-ticker__icon[data-v-e275b4e8] {
13332                background-color: #006dea;
13333                -webkit-mask-image: url(data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PSIwIDAgMjQgMjQiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+DQo8cGF0aCBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGNsaXAtcnVsZT0iZXZlbm9kZCIgZD0iTTIgMTJDMiA2LjQ4IDYuNDggMiAxMiAyQzE3LjUyIDIgMjIgNi40OCAyMiAxMkMyMiAxNy41MiAxNy41MiAyMiAxMiAyMkM2LjQ4IDIyIDIgMTcuNTIgMiAxMlpNMTEuOTcgOC43Mzc2NEMxMi43MjY2IDguNzM3NjQgMTMuMzQgOC4xMjQ4IDEzLjM0IDcuMzY4ODJDMTMuMzQgNi42MTI4NCAxMi43MjY2IDYgMTEuOTcgNkMxMS4yMTM0IDYgMTAuNiA2LjYxMjg0IDEwLjYgNy4zNjg4MkMxMC42IDguMTI0OCAxMS4yMTM0IDguNzM3NjQgMTEuOTcgOC43Mzc2NFpNMTEuNDk5OSAxMC4xMDY0SDEyLjQ0OTlDMTIuODQ5OSAxMC4xMDY0IDEzLjE3OTkgMTAuNDM2MiAxMy4xNzk5IDEwLjgzNThWMTcuMjcwM0MxMy4xNzk5IDE3LjY2OTkgMTIuODQ5OSAxNy45OTk2IDEyLjQ0OTkgMTcuOTk5NkgxMS40OTk5QzExLjA5OTkgMTcuOTk5NiAxMC43Njk5IDE3LjY2OTkgMTAuNzY5OSAxNy4yNzAzVjEwLjgzNThDMTAuNzY5OSAxMC40MzYyIDExLjA5OTkgMTAuMTA2NCAxMS40OTk5IDEwLjEwNjRaIiBmaWxsPSIjNzk3Rjg1Ii8+DQo8L3N2Zz4NCg==);
13334                mask-image: url(data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PSIwIDAgMjQgMjQiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+DQo8cGF0aCBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGNsaXAtcnVsZT0iZXZlbm9kZCIgZD0iTTIgMTJDMiA2LjQ4IDYuNDggMiAxMiAyQzE3LjUyIDIgMjIgNi40OCAyMiAxMkMyMiAxNy41MiAxNy41MiAyMiAxMiAyMkM2LjQ4IDIyIDIgMTcuNTIgMiAxMlpNMTEuOTcgOC43Mzc2NEMxMi43MjY2IDguNzM3NjQgMTMuMzQgOC4xMjQ4IDEzLjM0IDcuMzY4ODJDMTMuMzQgNi42MTI4NCAxMi43MjY2IDYgMTEuOTcgNkMxMS4yMTM0IDYgMTAuNiA2LjYxMjg0IDEwLjYgNy4zNjg4MkMxMC42IDguMTI0OCAxMS4yMTM0IDguNzM3NjQgMTEuOTcgOC43Mzc2NFpNMTEuNDk5OSAxMC4xMDY0SDEyLjQ0OTlDMTIuODQ5OSAxMC4xMDY0IDEzLjE3OTkgMTAuNDM2MiAxMy4xNzk5IDEwLjgzNThWMTcuMjcwM0MxMy4xNzk5IDE3LjY2OTkgMTIuODQ5OSAxNy45OTk2IDEyLjQ0OTkgMTcuOTk5NkgxMS40OTk5QzExLjA5OTkgMTcuOTk5NiAxMC43Njk5IDE3LjY2OTkgMTAuNzY5OSAxNy4yNzAzVjEwLjgzNThDMTAuNzY5OSAxMC40MzYyIDExLjA5OTkgMTAuMTA2NCAxMS40OTk5IDEwLjEwNjRaIiBmaWxsPSIjNzk3Rjg1Ii8+DQo8L3N2Zz4NCg==);
13335            }
13336            .blu-ticker.b-success[data-v-e275b4e8] {
13337                --blu-ticker-color-background: #effcf0;
13338                --blu-ticker-color-border: #b2efb9;
13339            }
13340            .blu-ticker.b-success.has-icon > .blu-ticker__icon[data-v-e275b4e8] {
13341                background-color: #1c832a;
13342                -webkit-mask-image: url(data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PSIwIDAgMjQgMjQiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+DQo8cGF0aCBkPSJNMTIgMkM2LjQ4IDIgMiA2LjQ4IDIgMTJDMiAxNy41MiA2LjQ4IDIyIDEyIDIyQzE3LjUyIDIyIDIyIDE3LjUyIDIyIDEyQzIyIDYuNDggMTcuNTIgMiAxMiAyWk0xNy4wNSA5LjExTDEyLjA2IDE2LjEyQzExLjg4IDE2LjM3IDExLjYgMTYuNTIgMTEuMjkgMTYuNTRIMTEuMjRDMTAuOTUgMTYuNTQgMTAuNjcgMTYuNDIgMTAuNDggMTYuMTlMNi45OSAxMi4xM0M2LjgyIDExLjkzIDYuNzMgMTEuNjcgNi43NSAxMS40MUM2Ljc3IDExLjE0IDYuODkgMTAuOSA3LjA5IDEwLjczQzcuNTEgMTAuMzcgOC4xNCAxMC40MiA4LjUgMTAuODRMMTEuMTYgMTMuOTNMMTUuNDEgNy45NkMxNS43MyA3LjUxIDE2LjM1IDcuNDEgMTYuOCA3LjczQzE3LjAyIDcuODggMTcuMTYgOC4xMSAxNy4yMSA4LjM4QzE3LjI1IDguNjQgMTcuMTkgOC45MSAxNy4wNCA5LjEyTDE3
13342LjA1IDkuMTFaIiBmaWxsPSIjNzk3Rjg1Ii8+DQo8L3N2Zz4=);
13343                mask-image: url(data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PSIwIDAgMjQgMjQiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+DQo8cGF0aCBkPSJNMTIgMkM2LjQ4IDIgMiA2LjQ4IDIgMTJDMiAxNy41MiA2LjQ4IDIyIDEyIDIyQzE3LjUyIDIyIDIyIDE3LjUyIDIyIDEyQzIyIDYuNDggMTcuNTIgMiAxMiAyWk0xNy4wNSA5LjExTDEyLjA2IDE2LjEyQzExLjg4IDE2LjM3IDExLjYgMTYuNTIgMTEuMjkgMTYuNTRIMTEuMjRDMTAuOTUgMTYuNTQgMTAuNjcgMTYuNDIgMTAuNDggMTYuMTlMNi45OSAxMi4xM0M2LjgyIDExLjkzIDYuNzMgMTEuNjcgNi43NSAxMS40MUM2Ljc3IDExLjE0IDYuODkgMTAuOSA3LjA5IDEwLjczQzcuNTEgMTAuMzcgOC4xNCAxMC40MiA4LjUgMTAuODRMMTEuMTYgMTMuOTNMMTUuNDEgNy45NkMxNS43MyA3LjUxIDE2LjM1IDcuNDEgMTYuOCA3LjczQzE3LjAyIDcuODggMTcuMTYgOC4xMSAxNy4yMSA4LjM4QzE3LjI1IDguNjQgMTcuMTkgOC45MSAxNy4wNCA5LjEyTDE3LjA1IDkuMTFaIiBmaWxsPSIjNzk3Rjg1Ii8+DQo8L3N2Zz4=);
13344            }
13345            .blu-ticker.b-warning[data-v-e275b4e8] {
13346                --blu-ticker-color-background: #fff8e0;
13347                --blu-ticker-color-border: #fef0b6;
13348            }
13349            .blu-ticker.b-warning.has-icon > .blu-ticker__icon[data-v-e275b4e8] {
13350                background-color: #0ea5e9;
13351                -webkit-mask-image: url(data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PSIwIDAgMjQgMjQiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+DQo8cGF0aCBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGNsaXAtcnVsZT0iZXZlbm9kZCIgZD0iTTMuODc0MzYgMjFIMjAuMTE0NEgyMC4xMjQ0QzIxLjU1MzUgMjEgMjIuNDUyOSAxOS41MDM1IDIxLjc2MzQgMTguMjg2NEwxMy42NDg0IDMuOTUwMjZDMTIuOTM4OCAyLjY4MzI1IDExLjA2OTkgMi42ODMyNSAxMC4zNjA0IDMuOTUwMjZMMi4yMzUzNyAxOC4yOTY0QzEuNTQ1OCAxOS41MTM1IDIuNDU1MjQgMjEgMy44NzQzNiAyMVpNMTAuOTkgMTMuOTM3NEwxMC43MDAyIDkuMDk4ODdWNy43NTIwNUMxMC43MDAyIDcuMzMzMDQgMTEuMDQgNi45OTM4NCAxMS40NTk3IDYuOTkzODRIMTIuNjA5QzEzLjAyODggNi45OTM4NCAxMy4zNjg2IDcuMzMzMDQgMTMuMzY4NiA3Ljc1MjA1VjkuMTA4ODRMMTMuMDg4NyAxMy45Mjc1QzEzLjA2ODcgMTQuMzI2NSAxMi43Mzg5IDE0LjYzNTggMTIuMzI5MiAxNC42MzU4SDExLjc0OTVDMTEuMzQ5OCAxNC42MzU4IDExLjAyIDE0LjMyNjUgMTAuOTkgMTMuOTI3NVYxMy45Mzc0Wk0xMS45OTk0IDE4Ljk2NTJDMTIuNzg4NyAxOC45NjUyIDEzLjQyODYgMTguMzI2NSAxMy40Mjg2IDE3LjUzODZDMTMuNDI4NiAxNi43NTA3IDEyLjc4ODcgMTYuMTEyIDExLjk5OTQgMTYuMTEyQzExLjIxMDIgMTYuMTEyIDEwLjU3MDMgMTYuNzUwNyAxMC41NzAzIDE3LjUzODZDMTAuNTcwMyAxOC4zMjY1IDExLjIxMDIgMTguOTY1MiAxMS45OTk0IDE4Ljk2NTJaIiBmaWxsPSIjNzk3Rjg1Ii8+DQo8L3N2Zz4NCg==);
13352                mask-image: url(data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PSIwIDAgMjQgMjQiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+DQo8cGF0aCBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGNsaXAtcnVsZT0iZXZlbm9kZCIgZD0iTTMuODc0MzYgMjFIMjAuMTE0NEgyMC4xMjQ0QzIxLjU1MzUgMjEgMjIuNDUyOSAxOS41MDM1IDIxLjc2MzQgMTguMjg2NEwxMy42NDg0IDMuOTUwMjZDMTIuOTM4OCAyLjY4MzI1IDExLjA2OTkgMi42ODMyNSAxMC4zNjA0IDMuOTUwMjZMMi4yMzUzNyAxOC4yOTY0QzEuNTQ1OCAxOS41MTM1IDIuNDU1MjQgMjEgMy44NzQzNiAyMVpNMTAuOTkgMTMuOTM3NEwxMC43MDAyIDkuMDk4ODdWNy43NTIwNUMxMC43MDAyIDcuMzMzMDQgMTEuMDQgNi45OTM4NCAxMS40NTk3IDYuOTkzODRIMTIuNjA5QzEzLjAyODggNi45OTM4NCAxMy4zNjg2IDcuMzMzMDQgMTMuMzY4NiA3Ljc1MjA1VjkuMTA4ODRMMTMuMDg4NyAxMy45Mjc1QzEzLjA2ODcgMTQuMzI2NSAxMi43Mzg5IDE0LjYzNTggMTIuMzI5MiAxNC42MzU4SDExLjc0OTVDMTEuMzQ5OCAxNC42MzU4IDExLjAyIDE0LjMyNjUgMTAuOTkgMTMuOTI3NVYxMy45Mzc0Wk0xMS45OTk0IDE4Ljk2NTJDMTIuNzg4NyAxOC45NjUyIDEzLjQyODYgMTguMzI2NSAxMy40Mjg2IDE3LjUzODZDMTMuNDI4NiAxNi43NTA3IDEyLjc4ODcgMTYuMTEyIDExLjk5OTQgMTYuMTEyQzExLjIxMDIgMTYuMTEyIDEwLjU3MDMgMTYuNzUwNyAxMC41NzAzIDE3LjUzODZDMTAuNTcwMyAxOC4zMjY1IDExLjIxMDIgMTguOTY1MiAxMS45OTk0IDE4Ljk2NTJaIiBmaWxsPSIjNzk3Rjg1Ii8+DQo8L3N2Zz4NCg==);
13353            }
13354            .blu-ticker.b-danger[data-v-e275b4e8] {
13355                --blu-ticker-color-background: #fff5f5;
13356                --blu-ticker-color-border: #fecccb;
13357            }
13358            .blu-ticker.b-danger.has-icon > .blu-ticker__icon[data-v-e275b4e8] {
13359                background-color: #d33534;
13360                -webkit-mask-image: url(data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PSIwIDAgMjQgMjQiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+DQo8cGF0aCBkPSJNMTIgMkM2LjQ4IDIgMiA2LjQ4IDIgMTJDMiAxNy41MiA2LjQ4IDIyIDEyIDIyQzE3LjUyIDIyIDIyIDE3LjUyIDIyIDEyQzIyIDYuNDggMTcuNTIgMiAxMiAyWk0xNi4yNCAxNC44M0MxNi42MyAxNS4yMiAxNi42MyAxNS44NSAxNi4yNCAxNi4yNEMxNS44NSAxNi42MyAxNS4yMiAxNi42MyAxNC44MyAxNi4yNEwxMiAxMy40MUw5LjE3IDE2LjI0QzguNzggMTYuNjMgOC4xNSAxNi42MyA3Ljc2IDE2LjI0QzcuMzcgMTUuODUgNy4zNyAxNS4yMiA3Ljc2IDE0LjgzTDEwLjU5IDEyTDcuNzYgOS4xN0M3LjM3IDguNzggNy4zNyA4LjE1IDcuNzYgNy43NkM4LjE1IDcuMzcgOC43OCA3LjM3IDkuMTcgNy43NkwxMiAxMC41OUwxNC44MyA3Ljc2QzE1LjIyIDcuMzcgMTUuODUgNy4zNyAxNi4yNCA3Ljc2QzE2LjYzIDguMTUgMTYuNjMgOC43OCAxNi4yNCA5LjE3TDEzLjQxIDEyTDE2LjI0IDE0LjgzWiIgZmlsbD0iIzc5N0Y4NSIvPg0KPC9zdmc+);
13361                mask-image: url(data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PSIwIDAgMjQgMjQiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+DQo8cGF0aCBkPSJNMTIgMkM2LjQ4IDIgMiA2LjQ4IDIgMTJDMiAxNy41MiA2LjQ4IDIyIDEyIDIyQzE3LjUyIDIyIDIyIDE3LjUyIDIyIDEyQzIyIDYuNDggMTcuNTIgMiAxMiAyWk0xNi4yNCAxNC44M0MxNi42MyAxNS4yMiAxNi42MyAxNS44NSAxNi4yNCAxNi4yNEMxNS44NSAxNi42MyAxNS4yMiAxNi42MyAxNC44MyAxNi4yNEwxMiAxMy40MUw5LjE3IDE2LjI0QzguNzggMTYuNjMgOC4xNSAxNi42MyA3Ljc2IDE2LjI0QzcuMzcgMTUuODUgNy4zNyAxNS4yMiA3Ljc2IDE0LjgzTDEwLjU5IDEyTDcuNzYgOS4xN0M3LjM3IDguNzggNy4zNyA4LjE1IDcuNzYgNy43NkM4LjE1IDcuMzcgOC43OCA3LjM3IDkuMTcgNy43NkwxMiAxMC41OUwxNC44MyA3Ljc2QzE1LjIyIDcuMzcgMTUuODUgNy4zNyAxNi4yNCA3Ljc2QzE2LjYzIDguMTUgMTYuNjMgOC43OCAxNi4yNCA5LjE3TDEzLjQxIDEyTDE2LjI0IDE0LjgzWiIgZmlsbD0iIzc5N0Y4NSIvPg0KPC9zdmc+);
13362            }
13363            .blu-ticker.has-icon > .blu-ticker__icon[data-v-e275b4e8] {
13364                margin-right: 8px;
13365                background-position: center center;
13366                background-size: contain;
13367                background-repeat: no-repeat;
13368                z-index: 0;
13369            }
13370            @media screen and (min-width: 769px), print {
13371                .blu-ticker.has-icon > .blu-ticker__icon[data-v-e275b4e8] {
13372                    padding: 12px;
13373                }
13374            }
13375            @media screen and (max-width: 768px) {
13376                .blu-ticker.has-icon > .blu-ticker__icon[data-v-e275b4e8] {
13377                    padding: 9px;
13378                }
13379            }
13380            .blu-ticker.has-icon.b-middle[data-v-e275b4e8] {
13381                align-items: center;
13382            }
13383            .blu-ticker.has-icon.b-bottom[data-v-e275b4e8] {
13384                align-items: flex-end;
13385            }
13386            .blu-ticker.has-icon.b-bottom[data-v-e275b4e8]:before {
13387                margin-bottom: 3px;
13388            }
13389        </style>
13390        <style type="text/css">
13391            .blu-ticker[data-v-5f386d2a] {
13392                --blu-ticker-color-background: #f9f9fa;
13393                --blu-ticker-color-border: #e1e3e4;
13394                display: flex;
13395                justify-content: flex-start;
13396                align-items: flex-start;
13397                border-radius: 8px;
13398                position: relative;
13399                background-color: var(--blu-ticker-color-background);
13400                border: 1px solid var(--blu-ticker-color-border);
13401                color: rgba(25, 34, 42, 0.7019607843);
13402                padding: 8px;
13403                margin-bottom: 8px;
13404                z-index: 0;
13405            }
13406            .blu-ticker__msg[data-v-5f386d2a] {
13407                z-index: 0;
13408                align-self: center;
13409            }
13410            @media screen and (min-width: 769px), print {
13411                .blu-ticker__msg[data-v-5f386d2a] {
13412                    font:
13413                        16px/20px "blibli",
13414                        -apple-system,
13415                        segoe ui,
13416                        roboto,
13417                        helvetica,
13418                        arial,
13419                        sans-serif;
13420                }
13421            }
13422            @media screen and (max-width: 768px) {
13423                .blu-ticker__msg[data-v-5f386d2a] {
13424                    font:
13425                        14px/18px "blibli",
13426                        -apple-system,
13427                        segoe ui,
13428                        roboto,
13429                        helvetica,
13430                        arial,
13431                        sans-serif;
13432                }
13433            }
13434            .blu-ticker__close[data-v-5f386d2a] {
13435                object-fit: contain;
13436                position: relative;
13437                z-index: 0;
13438                width: 18px;
13439                height: 18px;
13440                padding: 11px;
13441            }
13442            .blu-ticker__close i[data-v-5f386d2a] {
13443                content: "";
13444                top: 0;
13445                right: 0;
13446                position: absolute;
13447                width: 18px;
13448                height: 18px;
13449                padding: 12px;
13450                background: rgba(0, 0, 0, 0)
13451                    url(data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PSIwIDAgMjQgMjQiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGQ9Ik0xMy43NjcyIDEyTDE3LjYzMiA4LjEzODM5QzE4LjEyMjcgNy42NDgxOSAxOC4xMjI3IDYuODU3ODYgMTcuNjMyIDYuMzY3NjVDMTcuMTQxNCA1Ljg3NzQ1IDE2LjM1MDQgNS44Nzc0NSAxNS44NTk4IDYuMzY3NjVMMTEuOTk1IDEwLjIyOTNMOC4xNDAxOCA2LjM3NzY2QzcuNjQ5NTYgNS44ODc0NSA2Ljg1ODU3IDUuODg3NDUgNi4zNjc5NiA2LjM3NzY2QzUuODc3MzUgNi44Njc4NiA1Ljg3NzM1IDcuNjU4MTkgNi4zNjc5NiA4LjE0ODRMMTAuMjIyOCAxMkw2LjM2Nzk2IDE1Ljg2MTZDNS44NzczNSAxNi4zNTE4IDUuODc3MzUgMTcuMTQyMSA2LjM2Nzk2IDE3LjYzMjNDNi44NTg1NyAxOC4xMjI2IDcuNjQ5NTYgMTguMTIyNiA4LjE0MDE4IDE3LjYzMjNMMTIuMDA1IDEzLjc3MDdMMTUuODU5OCAxNy42MjIzQzE2LjM1MDQgMTguMTEyNSAxNy4xNDE0IDE4LjExMjUgMTcuNjMyIDE3LjYyMjNDMTguMTIyNyAxNy4xMzIxIDE4LjEyMjcgMTYuMzQxOCAxNy42MzIgMTUuODUxNkwxMy43NzcyIDEySDEzLjc2NzJaIiBmaWxsPSIjNzk3Rjg1Ii8+Cjwvc3ZnPgo=)
13452                    center center no-repeat #e1e3e4;
13453                background-color: rgba(25, 34, 42, 0.7019607843);
13454                -webkit-mask-image: url(data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PSIwIDAgMjQgMjQiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGQ9Ik0xMy43NjcyIDEyTDE3LjYzMiA4LjEzODM5QzE4LjEyMjcgNy42NDgxOSAxOC4xMjI3IDYuODU3ODYgMTcuNjMyIDYuMzY3NjVDMTcuMTQxNCA1Ljg3NzQ1IDE2LjM1MDQgNS44Nzc0NSAxNS44NTk4IDYuMzY3NjVMMTEuOTk1IDEwLjIyOTNMOC4xNDAxOCA2LjM3NzY2QzcuNjQ5NTYgNS44ODc0NSA2Ljg1ODU3IDUuODg3NDUgNi4zNjc5NiA2LjM3NzY2QzUuODc3MzUgNi44Njc4NiA1Ljg3NzM1IDcuNjU4MTkgNi4zNjc5NiA4LjE0ODRMMTAuMjIyOCAxMkw2LjM2Nzk2IDE1Ljg2MTZDNS44NzczNSAxNi4zNTE4IDUuODc3MzUgMTcuMTQyMSA2LjM2Nzk2IDE3LjYzMjNDNi44NTg1NyAxOC4xMjI2IDcuNjQ5NTYgMTguMTIyNiA4LjE0MDE4IDE3LjYzMjNMMTIuMDA1IDEzLjc3MDdMMTUuODU5OCAxNy42MjIzQzE2LjM1MDQgMTguMTEyNSAxNy4xNDE0IDE4LjExMjUgMTcuNjMyIDE3LjYyMjNDMTguMTIyNyAxNy4xMzIxIDE4LjEyMjcgMTYuMzQxOCAxNy42MzIgMTUuODUxNkwxMy43NzcyIDEySDEzLjc2NzJaIiBmaWxsPSIjNzk3Rjg1Ii8+Cjwvc3ZnPgo=);
13455            }
13456            @media screen and (max-width: 768px) {
13457                .blu-ticker__close[data-v-5f386d2a] {
13458                    transform: scale(0.75);
13459                }
13460            }
13461            .blu-ticker__close[data-v-5f386d2a]:focus-visible {
13462                box-shadow: 0px 0px 0px 4px #000;
13463                outline: none;
13464            }
13465            .blu-ticker__title[data-v-5f386d2a] {
13466                color: #19222a;
13467            }
13468            @media screen and (min-width: 769px), print {
13469                .blu-ticker__title[data-v-5f386d2a] {
13470                    font:
13471                        16px/20px "blibli demi bold",
13472                        -apple-system,
13473                        segoe ui,
13474                        roboto,
13475                        helvetica,
13476                        arial,
13477                        sans-serif;
13478                }
13479            }
13480            @media screen and (max-width: 768px) {
13481                .blu-ticker__title[data-v-5f386d2a] {
13482                    font:
13483                        14px/18px "blibli demi bold",
13484                        -apple-system,
13485                        segoe ui,
13486                        roboto,
13487                        helvetica,
13488                        arial,
13489                        sans-serif;
13490                }
13491            }
13492            .blu-ticker__btn[data-v-5f386d2a] {
13493                margin: 8px 0 0 -14px;
13494            }
13495            .blu-ticker.b-info[data-v-5f386d2a] {
13496                --blu-ticker-color-background: #f3f9ff;
13497                --blu-ticker-color-border: #b9deff;
13498            }
13499            .blu-ticker.b-info.has-icon > .blu-ticker__icon[data-v-5f386d2a] {
13500                background-color: #006dea;
13501                -webkit-mask-image: url(data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PSIwIDAgMjQgMjQiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+DQo8cGF0aCBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGNsaXAtcnVsZT0iZXZlbm9kZCIgZD0iTTIgMTJDMiA2LjQ4IDYuNDggMiAxMiAyQzE3LjUyIDIgMjIgNi40OCAyMiAxMkMyMiAxNy41MiAxNy41MiAyMiAxMiAyMkM2LjQ4IDIyIDIgMTcuNTIgMiAxMlpNMTEuOTcgOC43Mzc2NEMxMi43MjY2IDguNzM3NjQgMTMuMzQgOC4xMjQ4IDEzLjM0IDcuMzY4ODJDMTMuMzQgNi42MTI4NCAxMi43MjY2IDYgMTEuOTcgNkMxMS4yMTM0IDYgMTAuNiA2LjYxMjg0IDEwLjYgNy4zNjg4MkMxMC42IDguMTI0OCAxMS4yMTM0IDguNzM3NjQgMTEuOTcgOC43Mzc2NFpNMTEuNDk5OSAxMC4xMDY0SDEyLjQ0OTlDMTIuODQ5OSAxMC4xMDY0IDEzLjE3OTkgMTAuNDM2MiAxMy4xNzk5IDEwLjgzNThWMTcuMjcwM0MxMy4xNzk5IDE3LjY2OTkgMTIuODQ5OSAxNy45OTk2IDEyLjQ0OTkgMTcuOTk5NkgxMS40OTk5QzExLjA5OTkgMTcuOTk5NiAxMC43Njk5IDE3LjY2OTkgMTAuNzY5OSAxNy4yNzAzVjEwLjgzNThDMTAuNzY5OSAxMC40MzYyIDExLjA5OTkgMTAuMTA2NCAxMS40OTk5IDEwLjEwNjRaIiBmaWxsPSIjNzk3Rjg1Ii8+DQo8L3N2Zz4NCg==);
13502                mask-image: url(data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PSIwIDAgMjQgMjQiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+DQo8cGF0aCBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGNsaXAtcnVsZT0iZXZlbm9kZCIgZD0iTTIgMTJDMiA2LjQ4IDYuNDggMiAxMiAyQzE3LjUyIDIgMjIgNi40OCAyMiAxMkMyMiAxNy41MiAxNy41MiAyMiAxMiAyMkM2LjQ4IDIyIDIgMTcuNTIgMiAxMlpNMTEuOTcgOC43Mzc2NEMxMi43MjY2IDguNzM3NjQgMTMuMzQgOC4xMjQ4IDEzLjM0IDcuMzY4ODJDMTMuMzQgNi42MTI4NCAxMi43MjY2IDYgMTEuOTcgNkMxMS4yMTM0IDYgMTAuNiA2LjYxMjg0IDEwLjYgNy4zNjg4MkMxMC42IDguMTI0OCAxMS4yMTM0IDguNzM3NjQgMTEuOTcgOC43Mzc2NFpNMTEuNDk5OSAxMC4xMDY0SDEyLjQ0OTlDMTIuODQ5OSAxMC4xMDY0IDEzLjE3OTkgMTAuNDM2MiAxMy4xNzk5IDEwLjgzNThWMTcuMjcwM0MxMy4xNzk5IDE3LjY2OTkgMTIuODQ5OSAxNy45OTk2IDEyLjQ0OTkgMTcuOTk5NkgxMS40OTk5QzExLjA5OTkgMTcuOTk5NiAxMC43Njk5IDE3LjY2OTkgMTAuNzY5OSAxNy4yNzAzVjEwLjgzNThDMTAuNzY5OSAxMC40MzYyIDExLjA5OTkgMTAuMTA2NCAxMS40OTk5IDEwLjEwNjRaIiBmaWxsPSIjNzk3Rjg1Ii8+DQo8L3N2Zz4NCg==);
13503            }
13504            .blu-ticker.b-success[data-v-5f386d2a] {
13505                --blu-ticker-color-background: #effcf0;
13506                --blu-ticker-color-border: #b2efb9;
13507            }
13508            .blu-ticker.b-success.has-icon > .blu-ticker__icon[data-v-5f386d2a] {
13509                background-color: #1c832a;
13510                -webkit-mask-image: url(data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PSIwIDAgMjQgMjQiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+DQo8cGF0aCBkPSJNMTIgMkM2LjQ4IDIgMiA2LjQ4IDIgMTJDMiAxNy41MiA2LjQ4IDIyIDEyIDIyQzE3LjUyIDIyIDIyIDE3LjUyIDIyIDEyQzIyIDYuNDggMTcuNTIgMiAxMiAyWk0xNy4wNSA5LjExTDEyLjA2IDE2LjEyQzExLjg4IDE2LjM3IDExLjYgMTYuNTIgMTEuMjkgMTYuNTRIMTEuMjRDMTAuOTUgMTYuNTQgMTAuNjcgMTYuNDIgMTAuNDggMTYuMTlMNi45OSAxMi4xM0M2LjgyIDExLjkzIDYuNzMgMTEuNjcgNi43NSAxMS40MUM2Ljc3IDExLjE0IDYuODkgMTAuOSA3LjA5IDEwLjczQzcuNTEgMTAuMzcgOC4xNCAxMC40MiA4LjUgMTAuODRMMTEuMTYgMTMuOTNMMTUuNDEgNy45NkMxNS43MyA3LjUxIDE2LjM1IDcuNDEgMTYuOCA3LjczQzE3LjAyIDcuODggMTcuMTYgOC4xMSAxNy4yMSA4LjM4QzE3LjI1IDguNjQgMTcuMTkgOC45MSAxNy4wNCA5LjEyTDE3
13510LjA1IDkuMTFaIiBmaWxsPSIjNzk3Rjg1Ii8+DQo8L3N2Zz4=);
13511                mask-image: url(data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PSIwIDAgMjQgMjQiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+DQo8cGF0aCBkPSJNMTIgMkM2LjQ4IDIgMiA2LjQ4IDIgMTJDMiAxNy41MiA2LjQ4IDIyIDEyIDIyQzE3LjUyIDIyIDIyIDE3LjUyIDIyIDEyQzIyIDYuNDggMTcuNTIgMiAxMiAyWk0xNy4wNSA5LjExTDEyLjA2IDE2LjEyQzExLjg4IDE2LjM3IDExLjYgMTYuNTIgMTEuMjkgMTYuNTRIMTEuMjRDMTAuOTUgMTYuNTQgMTAuNjcgMTYuNDIgMTAuNDggMTYuMTlMNi45OSAxMi4xM0M2LjgyIDExLjkzIDYuNzMgMTEuNjcgNi43NSAxMS40MUM2Ljc3IDExLjE0IDYuODkgMTAuOSA3LjA5IDEwLjczQzcuNTEgMTAuMzcgOC4xNCAxMC40MiA4LjUgMTAuODRMMTEuMTYgMTMuOTNMMTUuNDEgNy45NkMxNS43MyA3LjUxIDE2LjM1IDcuNDEgMTYuOCA3LjczQzE3LjAyIDcuODggMTcuMTYgOC4xMSAxNy4yMSA4LjM4QzE3LjI1IDguNjQgMTcuMTkgOC45MSAxNy4wNCA5LjEyTDE3LjA1IDkuMTFaIiBmaWxsPSIjNzk3Rjg1Ii8+DQo8L3N2Zz4=);
13512            }
13513            .blu-ticker.b-warning[data-v-5f386d2a] {
13514                --blu-ticker-color-background: #fff8e0;
13515                --blu-ticker-color-border: #fef0b6;
13516            }
13517            .blu-ticker.b-warning.has-icon > .blu-ticker__icon[data-v-5f386d2a] {
13518                background-color: #0ea5e9;
13519                -webkit-mask-image: url(data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PSIwIDAgMjQgMjQiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+DQo8cGF0aCBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGNsaXAtcnVsZT0iZXZlbm9kZCIgZD0iTTMuODc0MzYgMjFIMjAuMTE0NEgyMC4xMjQ0QzIxLjU1MzUgMjEgMjIuNDUyOSAxOS41MDM1IDIxLjc2MzQgMTguMjg2NEwxMy42NDg0IDMuOTUwMjZDMTIuOTM4OCAyLjY4MzI1IDExLjA2OTkgMi42ODMyNSAxMC4zNjA0IDMuOTUwMjZMMi4yMzUzNyAxOC4yOTY0QzEuNTQ1OCAxOS41MTM1IDIuNDU1MjQgMjEgMy44NzQzNiAyMVpNMTAuOTkgMTMuOTM3NEwxMC43MDAyIDkuMDk4ODdWNy43NTIwNUMxMC43MDAyIDcuMzMzMDQgMTEuMDQgNi45OTM4NCAxMS40NTk3IDYuOTkzODRIMTIuNjA5QzEzLjAyODggNi45OTM4NCAxMy4zNjg2IDcuMzMzMDQgMTMuMzY4NiA3Ljc1MjA1VjkuMTA4ODRMMTMuMDg4NyAxMy45Mjc1QzEzLjA2ODcgMTQuMzI2NSAxMi43Mzg5IDE0LjYzNTggMTIuMzI5MiAxNC42MzU4SDExLjc0OTVDMTEuMzQ5OCAxNC42MzU4IDExLjAyIDE0LjMyNjUgMTAuOTkgMTMuOTI3NVYxMy45Mzc0Wk0xMS45OTk0IDE4Ljk2NTJDMTIuNzg4NyAxOC45NjUyIDEzLjQyODYgMTguMzI2NSAxMy40Mjg2IDE3LjUzODZDMTMuNDI4NiAxNi43NTA3IDEyLjc4ODcgMTYuMTEyIDExLjk5OTQgMTYuMTEyQzExLjIxMDIgMTYuMTEyIDEwLjU3MDMgMTYuNzUwNyAxMC41NzAzIDE3LjUzODZDMTAuNTcwMyAxOC4zMjY1IDExLjIxMDIgMTguOTY1MiAxMS45OTk0IDE4Ljk2NTJaIiBmaWxsPSIjNzk3Rjg1Ii8+DQo8L3N2Zz4NCg==);
13520                mask-image: url(data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PSIwIDAgMjQgMjQiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+DQo8cGF0aCBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGNsaXAtcnVsZT0iZXZlbm9kZCIgZD0iTTMuODc0MzYgMjFIMjAuMTE0NEgyMC4xMjQ0QzIxLjU1MzUgMjEgMjIuNDUyOSAxOS41MDM1IDIxLjc2MzQgMTguMjg2NEwxMy42NDg0IDMuOTUwMjZDMTIuOTM4OCAyLjY4MzI1IDExLjA2OTkgMi42ODMyNSAxMC4zNjA0IDMuOTUwMjZMMi4yMzUzNyAxOC4yOTY0QzEuNTQ1OCAxOS41MTM1IDIuNDU1MjQgMjEgMy44NzQzNiAyMVpNMTAuOTkgMTMuOTM3NEwxMC43MDAyIDkuMDk4ODdWNy43NTIwNUMxMC43MDAyIDcuMzMzMDQgMTEuMDQgNi45OTM4NCAxMS40NTk3IDYuOTkzODRIMTIuNjA5QzEzLjAyODggNi45OTM4NCAxMy4zNjg2IDcuMzMzMDQgMTMuMzY4NiA3Ljc1MjA1VjkuMTA4ODRMMTMuMDg4NyAxMy45Mjc1QzEzLjA2ODcgMTQuMzI2NSAxMi43Mzg5IDE0LjYzNTggMTIuMzI5MiAxNC42MzU4SDExLjc0OTVDMTEuMzQ5OCAxNC42MzU4IDExLjAyIDE0LjMyNjUgMTAuOTkgMTMuOTI3NVYxMy45Mzc0Wk0xMS45OTk0IDE4Ljk2NTJDMTIuNzg4NyAxOC45NjUyIDEzLjQyODYgMTguMzI2NSAxMy40Mjg2IDE3LjUzODZDMTMuNDI4NiAxNi43NTA3IDEyLjc4ODcgMTYuMTEyIDExLjk5OTQgMTYuMTEyQzExLjIxMDIgMTYuMTEyIDEwLjU3MDMgMTYuNzUwNyAxMC41NzAzIDE3LjUzODZDMTAuNTcwMyAxOC4zMjY1IDExLjIxMDIgMTguOTY1MiAxMS45OTk0IDE4Ljk2NTJaIiBmaWxsPSIjNzk3Rjg1Ii8+DQo8L3N2Zz4NCg==);
13521            }
13522            .blu-ticker.b-danger[data-v-5f386d2a] {
13523                --blu-ticker-color-background: #fff5f5;
13524                --blu-ticker-color-border: #fecccb;
13525            }
13526            .blu-ticker.b-danger.has-icon > .blu-ticker__icon[data-v-5f386d2a] {
13527                background-color: #d33534;
13528                -webkit-mask-image: url(data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PSIwIDAgMjQgMjQiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+DQo8cGF0aCBkPSJNMTIgMkM2LjQ4IDIgMiA2LjQ4IDIgMTJDMiAxNy41MiA2LjQ4IDIyIDEyIDIyQzE3LjUyIDIyIDIyIDE3LjUyIDIyIDEyQzIyIDYuNDggMTcuNTIgMiAxMiAyWk0xNi4yNCAxNC44M0MxNi42MyAxNS4yMiAxNi42MyAxNS44NSAxNi4yNCAxNi4yNEMxNS44NSAxNi42MyAxNS4yMiAxNi42MyAxNC44MyAxNi4yNEwxMiAxMy40MUw5LjE3IDE2LjI0QzguNzggMTYuNjMgOC4xNSAxNi42MyA3Ljc2IDE2LjI0QzcuMzcgMTUuODUgNy4zNyAxNS4yMiA3Ljc2IDE0LjgzTDEwLjU5IDEyTDcuNzYgOS4xN0M3LjM3IDguNzggNy4zNyA4LjE1IDcuNzYgNy43NkM4LjE1IDcuMzcgOC43OCA3LjM3IDkuMTcgNy43NkwxMiAxMC41OUwxNC44MyA3Ljc2QzE1LjIyIDcuMzcgMTUuODUgNy4zNyAxNi4yNCA3Ljc2QzE2LjYzIDguMTUgMTYuNjMgOC43OCAxNi4yNCA5LjE3TDEzLjQxIDEyTDE2LjI0IDE0LjgzWiIgZmlsbD0iIzc5N0Y4NSIvPg0KPC9zdmc+);
13529                mask-image: url(data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PSIwIDAgMjQgMjQiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+DQo8cGF0aCBkPSJNMTIgMkM2LjQ4IDIgMiA2LjQ4IDIgMTJDMiAxNy41MiA2LjQ4IDIyIDEyIDIyQzE3LjUyIDIyIDIyIDE3LjUyIDIyIDEyQzIyIDYuNDggMTcuNTIgMiAxMiAyWk0xNi4yNCAxNC44M0MxNi42MyAxNS4yMiAxNi42MyAxNS44NSAxNi4yNCAxNi4yNEMxNS44NSAxNi42MyAxNS4yMiAxNi42MyAxNC44MyAxNi4yNEwxMiAxMy40MUw5LjE3IDE2LjI0QzguNzggMTYuNjMgOC4xNSAxNi42MyA3Ljc2IDE2LjI0QzcuMzcgMTUuODUgNy4zNyAxNS4yMiA3Ljc2IDE0LjgzTDEwLjU5IDEyTDcuNzYgOS4xN0M3LjM3IDguNzggNy4zNyA4LjE1IDcuNzYgNy43NkM4LjE1IDcuMzcgOC43OCA3LjM3IDkuMTcgNy43NkwxMiAxMC41OUwxNC44MyA3Ljc2QzE1LjIyIDcuMzcgMTUuODUgNy4zNyAxNi4yNCA3Ljc2QzE2LjYzIDguMTUgMTYuNjMgOC43OCAxNi4yNCA5LjE3TDEzLjQxIDEyTDE2LjI0IDE0LjgzWiIgZmlsbD0iIzc5N0Y4NSIvPg0KPC9zdmc+);
13530            }
13531            .blu-ticker.has-icon > .blu-ticker__icon[data-v-5f386d2a] {
13532                margin-right: 8px;
13533                background-position: center center;
13534                background-size: contain;
13535                background-repeat: no-repeat;
13536                z-index: 0;
13537            }
13538            @media screen and (min-width: 769px), print {
13539                .blu-ticker.has-icon > .blu-ticker__icon[data-v-5f386d2a] {
13540                    padding: 12px;
13541                }
13542            }
13543            @media screen and (max-width: 768px) {
13544                .blu-ticker.has-icon > .blu-ticker__icon[data-v-5f386d2a] {
13545                    padding: 9px;
13546                }
13547            }
13548            .blu-ticker.has-icon.b-middle[data-v-5f386d2a] {
13549                align-items: center;
13550            }
13551            .blu-ticker.has-icon.b-bottom[data-v-5f386d2a] {
13552                align-items: flex-end;
13553            }
13554            .blu-ticker.has-icon.b-bottom[data-v-5f386d2a]:before {
13555                margin-bottom: 3px;
13556            }
13557        </style>
13558        <style type="text/css">
13559            .blu-ticker[data-v-c29289ca] {
13560                --blu-ticker-color-background: #f9f9fa;
13561                --blu-ticker-color-border: #e1e3e4;
13562                display: flex;
13563                justify-content: flex-start;
13564                align-items: flex-start;
13565                border-radius: 8px;
13566                position: relative;
13567                background-color: var(--blu-ticker-color-background);
13568                border: 1px solid var(--blu-ticker-color-border);
13569                color: rgba(25, 34, 42, 0.7019607843);
13570                padding: 8px;
13571                margin-bottom: 8px;
13572                z-index: 0;
13573            }
13574            .blu-ticker__msg[data-v-c29289ca] {
13575                z-index: 0;
13576                align-self: center;
13577            }
13578            @media screen and (min-width: 769px), print {
13579                .blu-ticker__msg[data-v-c29289ca] {
13580                    font:
13581                        16px/20px "blibli",
13582                        -apple-system,
13583                        segoe ui,
13584                        roboto,
13585                        helvetica,
13586                        arial,
13587                        sans-serif;
13588                }
13589            }
13590            @media screen and (max-width: 768px) {
13591                .blu-ticker__msg[data-v-c29289ca] {
13592                    font:
13593                        14px/18px "blibli",
13594                        -apple-system,
13595                        segoe ui,
13596                        roboto,
13597                        helvetica,
13598                        arial,
13599                        sans-serif;
13600                }
13601            }
13602            .blu-ticker__close[data-v-c29289ca] {
13603                object-fit: contain;
13604                position: relative;
13605                z-index: 0;
13606                width: 18px;
13607                height: 18px;
13608                padding: 11px;
13609            }
13610            .blu-ticker__close i[data-v-c29289ca] {
13611                content: "";
13612                top: 0;
13613                right: 0;
13614                position: absolute;
13615                width: 18px;
13616                height: 18px;
13617                padding: 12px;
13618                background: rgba(0, 0, 0, 0)
13619                    url(data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PSIwIDAgMjQgMjQiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGQ9Ik0xMy43NjcyIDEyTDE3LjYzMiA4LjEzODM5QzE4LjEyMjcgNy42NDgxOSAxOC4xMjI3IDYuODU3ODYgMTcuNjMyIDYuMzY3NjVDMTcuMTQxNCA1Ljg3NzQ1IDE2LjM1MDQgNS44Nzc0NSAxNS44NTk4IDYuMzY3NjVMMTEuOTk1IDEwLjIyOTNMOC4xNDAxOCA2LjM3NzY2QzcuNjQ5NTYgNS44ODc0NSA2Ljg1ODU3IDUuODg3NDUgNi4zNjc5NiA2LjM3NzY2QzUuODc3MzUgNi44Njc4NiA1Ljg3NzM1IDcuNjU4MTkgNi4zNjc5NiA4LjE0ODRMMTAuMjIyOCAxMkw2LjM2Nzk2IDE1Ljg2MTZDNS44NzczNSAxNi4zNTE4IDUuODc3MzUgMTcuMTQyMSA2LjM2Nzk2IDE3LjYzMjNDNi44NTg1NyAxOC4xMjI2IDcuNjQ5NTYgMTguMTIyNiA4LjE0MDE4IDE3LjYzMjNMMTIuMDA1IDEzLjc3MDdMMTUuODU5OCAxNy42MjIzQzE2LjM1MDQgMTguMTEyNSAxNy4xNDE0IDE4LjExMjUgMTcuNjMyIDE3LjYyMjNDMTguMTIyNyAxNy4xMzIxIDE4LjEyMjcgMTYuMzQxOCAxNy42MzIgMTUuODUxNkwxMy43NzcyIDEySDEzLjc2NzJaIiBmaWxsPSIjNzk3Rjg1Ii8+Cjwvc3ZnPgo=)
13620                    center center no-repeat #e1e3e4;
13621                background-color: rgba(25, 34, 42, 0.7019607843);
13622                -webkit-mask-image: url(data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PSIwIDAgMjQgMjQiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGQ9Ik0xMy43NjcyIDEyTDE3LjYzMiA4LjEzODM5QzE4LjEyMjcgNy42NDgxOSAxOC4xMjI3IDYuODU3ODYgMTcuNjMyIDYuMzY3NjVDMTcuMTQxNCA1Ljg3NzQ1IDE2LjM1MDQgNS44Nzc0NSAxNS44NTk4IDYuMzY3NjVMMTEuOTk1IDEwLjIyOTNMOC4xNDAxOCA2LjM3NzY2QzcuNjQ5NTYgNS44ODc0NSA2Ljg1ODU3IDUuODg3NDUgNi4zNjc5NiA2LjM3NzY2QzUuODc3MzUgNi44Njc4NiA1Ljg3NzM1IDcuNjU4MTkgNi4zNjc5NiA4LjE0ODRMMTAuMjIyOCAxMkw2LjM2Nzk2IDE1Ljg2MTZDNS44NzczNSAxNi4zNTE4IDUuODc3MzUgMTcuMTQyMSA2LjM2Nzk2IDE3LjYzMjNDNi44NTg1NyAxOC4xMjI2IDcuNjQ5NTYgMTguMTIyNiA4LjE0MDE4IDE3LjYzMjNMMTIuMDA1IDEzLjc3MDdMMTUuODU5OCAxNy42MjIzQzE2LjM1MDQgMTguMTEyNSAxNy4xNDE0IDE4LjExMjUgMTcuNjMyIDE3LjYyMjNDMTguMTIyNyAxNy4xMzIxIDE4LjEyMjcgMTYuMzQxOCAxNy42MzIgMTUuODUxNkwxMy43NzcyIDEySDEzLjc2NzJaIiBmaWxsPSIjNzk3Rjg1Ii8+Cjwvc3ZnPgo=);
13623            }
13624            @media screen and (max-width: 768px) {
13625                .blu-ticker__close[data-v-c29289ca] {
13626                    transform: scale(0.75);
13627                }
13628            }
13629            .blu-ticker__close[data-v-c29289ca]:focus-visible {
13630                box-shadow: 0px 0px 0px 4px #000;
13631                outline: none;
13632            }
13633            .blu-ticker__title[data-v-c29289ca] {
13634                color: #19222a;
13635            }
13636            @media screen and (min-width: 769px), print {
13637                .blu-ticker__title[data-v-c29289ca] {
13638                    font:
13639                        16px/20px "blibli demi bold",
13640                        -apple-system,
13641                        segoe ui,
13642                        roboto,
13643                        helvetica,
13644                        arial,
13645                        sans-serif;
13646                }
13647            }
13648            @media screen and (max-width: 768px) {
13649                .blu-ticker__title[data-v-c29289ca] {
13650                    font:
13651                        14px/18px "blibli demi bold",
13652                        -apple-system,
13653                        segoe ui,
13654                        roboto,
13655                        helvetica,
13656                        arial,
13657                        sans-serif;
13658                }
13659            }
13660            .blu-ticker__btn[data-v-c29289ca] {
13661                margin: 8px 0 0 -14px;
13662            }
13663            .blu-ticker.b-info[data-v-c29289ca] {
13664                --blu-ticker-color-background: #f3f9ff;
13665                --blu-ticker-color-border: #b9deff;
13666            }
13667            .blu-ticker.b-info.has-icon > .blu-ticker__icon[data-v-c29289ca] {
13668                background-color: #006dea;
13669                -webkit-mask-image: url(data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PSIwIDAgMjQgMjQiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+DQo8cGF0aCBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGNsaXAtcnVsZT0iZXZlbm9kZCIgZD0iTTIgMTJDMiA2LjQ4IDYuNDggMiAxMiAyQzE3LjUyIDIgMjIgNi40OCAyMiAxMkMyMiAxNy41MiAxNy41MiAyMiAxMiAyMkM2LjQ4IDIyIDIgMTcuNTIgMiAxMlpNMTEuOTcgOC43Mzc2NEMxMi43MjY2IDguNzM3NjQgMTMuMzQgOC4xMjQ4IDEzLjM0IDcuMzY4ODJDMTMuMzQgNi42MTI4NCAxMi43MjY2IDYgMTEuOTcgNkMxMS4yMTM0IDYgMTAuNiA2LjYxMjg0IDEwLjYgNy4zNjg4MkMxMC42IDguMTI0OCAxMS4yMTM0IDguNzM3NjQgMTEuOTcgOC43Mzc2NFpNMTEuNDk5OSAxMC4xMDY0SDEyLjQ0OTlDMTIuODQ5OSAxMC4xMDY0IDEzLjE3OTkgMTAuNDM2MiAxMy4xNzk5IDEwLjgzNThWMTcuMjcwM0MxMy4xNzk5IDE3LjY2OTkgMTIuODQ5OSAxNy45OTk2IDEyLjQ0OTkgMTcuOTk5NkgxMS40OTk5QzExLjA5OTkgMTcuOTk5NiAxMC43Njk5IDE3LjY2OTkgMTAuNzY5OSAxNy4yNzAzVjEwLjgzNThDMTAuNzY5OSAxMC40MzYyIDExLjA5OTkgMTAuMTA2NCAxMS40OTk5IDEwLjEwNjRaIiBmaWxsPSIjNzk3Rjg1Ii8+DQo8L3N2Zz4NCg==);
13670                mask-image: url(data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PSIwIDAgMjQgMjQiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+DQo8cGF0aCBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGNsaXAtcnVsZT0iZXZlbm9kZCIgZD0iTTIgMTJDMiA2LjQ4IDYuNDggMiAxMiAyQzE3LjUyIDIgMjIgNi40OCAyMiAxMkMyMiAxNy41MiAxNy41MiAyMiAxMiAyMkM2LjQ4IDIyIDIgMTcuNTIgMiAxMlpNMTEuOTcgOC43Mzc2NEMxMi43MjY2IDguNzM3NjQgMTMuMzQgOC4xMjQ4IDEzLjM0IDcuMzY4ODJDMTMuMzQgNi42MTI4NCAxMi43MjY2IDYgMTEuOTcgNkMxMS4yMTM0IDYgMTAuNiA2LjYxMjg0IDEwLjYgNy4zNjg4MkMxMC42IDguMTI0OCAxMS4yMTM0IDguNzM3NjQgMTEuOTcgOC43Mzc2NFpNMTEuNDk5OSAxMC4xMDY0SDEyLjQ0OTlDMTIuODQ5OSAxMC4xMDY0IDEzLjE3OTkgMTAuNDM2MiAxMy4xNzk5IDEwLjgzNThWMTcuMjcwM0MxMy4xNzk5IDE3LjY2OTkgMTIuODQ5OSAxNy45OTk2IDEyLjQ0OTkgMTcuOTk5NkgxMS40OTk5QzExLjA5OTkgMTcuOTk5NiAxMC43Njk5IDE3LjY2OTkgMTAuNzY5OSAxNy4yNzAzVjEwLjgzNThDMTAuNzY5OSAxMC40MzYyIDExLjA5OTkgMTAuMTA2NCAxMS40OTk5IDEwLjEwNjRaIiBmaWxsPSIjNzk3Rjg1Ii8+DQo8L3N2Zz4NCg==);
13671            }
13672            .blu-ticker.b-success[data-v-c29289ca] {
13673                --blu-ticker-color-background: #effcf0;
13674                --blu-ticker-color-border: #b2efb9;
13675            }
13676            .blu-ticker.b-success.has-icon > .blu-ticker__icon[data-v-c29289ca] {
13677                background-color: #1c832a;
13678                -webkit-mask-image: url(data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PSIwIDAgMjQgMjQiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+DQo8cGF0aCBkPSJNMTIgMkM2LjQ4IDIgMiA2LjQ4IDIgMTJDMiAxNy41MiA2LjQ4IDIyIDEyIDIyQzE3LjUyIDIyIDIyIDE3LjUyIDIyIDEyQzIyIDYuNDggMTcuNTIgMiAxMiAyWk0xNy4wNSA5LjExTDEyLjA2IDE2LjEyQzExLjg4IDE2LjM3IDExLjYgMTYuNTIgMTEuMjkgMTYuNTRIMTEuMjRDMTAuOTUgMTYuNTQgMTAuNjcgMTYuNDIgMTAuNDggMTYuMTlMNi45OSAxMi4xM0M2LjgyIDExLjkzIDYuNzMgMTEuNjcgNi43NSAxMS40MUM2Ljc3IDExLjE0IDYuODkgMTAuOSA3LjA5IDEwLjczQzcuNTEgMTAuMzcgOC4xNCAxMC40MiA4LjUgMTAuODRMMTEuMTYgMTMuOTNMMTUuNDEgNy45NkMxNS43MyA3LjUxIDE2LjM1IDcuNDEgMTYuOCA3LjczQzE3LjAyIDcuODggMTcuMTYgOC4xMSAxNy4yMSA4LjM4QzE3LjI1IDguNjQgMTcuMTkgOC45MSAxNy4wNCA5LjEyTDE3
13678LjA1IDkuMTFaIiBmaWxsPSIjNzk3Rjg1Ii8+DQo8L3N2Zz4=);
13679                mask-image: url(data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PSIwIDAgMjQgMjQiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+DQo8cGF0aCBkPSJNMTIgMkM2LjQ4IDIgMiA2LjQ4IDIgMTJDMiAxNy41MiA2LjQ4IDIyIDEyIDIyQzE3LjUyIDIyIDIyIDE3LjUyIDIyIDEyQzIyIDYuNDggMTcuNTIgMiAxMiAyWk0xNy4wNSA5LjExTDEyLjA2IDE2LjEyQzExLjg4IDE2LjM3IDExLjYgMTYuNTIgMTEuMjkgMTYuNTRIMTEuMjRDMTAuOTUgMTYuNTQgMTAuNjcgMTYuNDIgMTAuNDggMTYuMTlMNi45OSAxMi4xM0M2LjgyIDExLjkzIDYuNzMgMTEuNjcgNi43NSAxMS40MUM2Ljc3IDExLjE0IDYuODkgMTAuOSA3LjA5IDEwLjczQzcuNTEgMTAuMzcgOC4xNCAxMC40MiA4LjUgMTAuODRMMTEuMTYgMTMuOTNMMTUuNDEgNy45NkMxNS43MyA3LjUxIDE2LjM1IDcuNDEgMTYuOCA3LjczQzE3LjAyIDcuODggMTcuMTYgOC4xMSAxNy4yMSA4LjM4QzE3LjI1IDguNjQgMTcuMTkgOC45MSAxNy4wNCA5LjEyTDE3LjA1IDkuMTFaIiBmaWxsPSIjNzk3Rjg1Ii8+DQo8L3N2Zz4=);
13680            }
13681            .blu-ticker.b-warning[data-v-c29289ca] {
13682                --blu-ticker-color-background: #fff8e0;
13683                --blu-ticker-color-border: #fef0b6;
13684            }
13685            .blu-ticker.b-warning.has-icon > .blu-ticker__icon[data-v-c29289ca] {
13686                background-color: #0ea5e9;
13687                -webkit-mask-image: url(data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PSIwIDAgMjQgMjQiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+DQo8cGF0aCBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGNsaXAtcnVsZT0iZXZlbm9kZCIgZD0iTTMuODc0MzYgMjFIMjAuMTE0NEgyMC4xMjQ0QzIxLjU1MzUgMjEgMjIuNDUyOSAxOS41MDM1IDIxLjc2MzQgMTguMjg2NEwxMy42NDg0IDMuOTUwMjZDMTIuOTM4OCAyLjY4MzI1IDExLjA2OTkgMi42ODMyNSAxMC4zNjA0IDMuOTUwMjZMMi4yMzUzNyAxOC4yOTY0QzEuNTQ1OCAxOS41MTM1IDIuNDU1MjQgMjEgMy44NzQzNiAyMVpNMTAuOTkgMTMuOTM3NEwxMC43MDAyIDkuMDk4ODdWNy43NTIwNUMxMC43MDAyIDcuMzMzMDQgMTEuMDQgNi45OTM4NCAxMS40NTk3IDYuOTkzODRIMTIuNjA5QzEzLjAyODggNi45OTM4NCAxMy4zNjg2IDcuMzMzMDQgMTMuMzY4NiA3Ljc1MjA1VjkuMTA4ODRMMTMuMDg4NyAxMy45Mjc1QzEzLjA2ODcgMTQuMzI2NSAxMi43Mzg5IDE0LjYzNTggMTIuMzI5MiAxNC42MzU4SDExLjc0OTVDMTEuMzQ5OCAxNC42MzU4IDExLjAyIDE0LjMyNjUgMTAuOTkgMTMuOTI3NVYxMy45Mzc0Wk0xMS45OTk0IDE4Ljk2NTJDMTIuNzg4NyAxOC45NjUyIDEzLjQyODYgMTguMzI2NSAxMy40Mjg2IDE3LjUzODZDMTMuNDI4NiAxNi43NTA3IDEyLjc4ODcgMTYuMTEyIDExLjk5OTQgMTYuMTEyQzExLjIxMDIgMTYuMTEyIDEwLjU3MDMgMTYuNzUwNyAxMC41NzAzIDE3LjUzODZDMTAuNTcwMyAxOC4zMjY1IDExLjIxMDIgMTguOTY1MiAxMS45OTk0IDE4Ljk2NTJaIiBmaWxsPSIjNzk3Rjg1Ii8+DQo8L3N2Zz4NCg==);
13688                mask-image: url(data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PSIwIDAgMjQgMjQiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+DQo8cGF0aCBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGNsaXAtcnVsZT0iZXZlbm9kZCIgZD0iTTMuODc0MzYgMjFIMjAuMTE0NEgyMC4xMjQ0QzIxLjU1MzUgMjEgMjIuNDUyOSAxOS41MDM1IDIxLjc2MzQgMTguMjg2NEwxMy42NDg0IDMuOTUwMjZDMTIuOTM4OCAyLjY4MzI1IDExLjA2OTkgMi42ODMyNSAxMC4zNjA0IDMuOTUwMjZMMi4yMzUzNyAxOC4yOTY0QzEuNTQ1OCAxOS41MTM1IDIuNDU1MjQgMjEgMy44NzQzNiAyMVpNMTAuOTkgMTMuOTM3NEwxMC43MDAyIDkuMDk4ODdWNy43NTIwNUMxMC43MDAyIDcuMzMzMDQgMTEuMDQgNi45OTM4NCAxMS40NTk3IDYuOTkzODRIMTIuNjA5QzEzLjAyODggNi45OTM4NCAxMy4zNjg2IDcuMzMzMDQgMTMuMzY4NiA3Ljc1MjA1VjkuMTA4ODRMMTMuMDg4NyAxMy45Mjc1QzEzLjA2ODcgMTQuMzI2NSAxMi43Mzg5IDE0LjYzNTggMTIuMzI5MiAxNC42MzU4SDExLjc0OTVDMTEuMzQ5OCAxNC42MzU4IDExLjAyIDE0LjMyNjUgMTAuOTkgMTMuOTI3NVYxMy45Mzc0Wk0xMS45OTk0IDE4Ljk2NTJDMTIuNzg4NyAxOC45NjUyIDEzLjQyODYgMTguMzI2NSAxMy40Mjg2IDE3LjUzODZDMTMuNDI4NiAxNi43NTA3IDEyLjc4ODcgMTYuMTEyIDExLjk5OTQgMTYuMTEyQzExLjIxMDIgMTYuMTEyIDEwLjU3MDMgMTYuNzUwNyAxMC41NzAzIDE3LjUzODZDMTAuNTcwMyAxOC4zMjY1IDExLjIxMDIgMTguOTY1MiAxMS45OTk0IDE4Ljk2NTJaIiBmaWxsPSIjNzk3Rjg1Ii8+DQo8L3N2Zz4NCg==);
13689            }
13690            .blu-ticker.b-danger[data-v-c29289ca] {
13691                --blu-ticker-color-background: #fff5f5;
13692                --blu-ticker-color-border: #fecccb;
13693            }
13694            .blu-ticker.b-danger.has-icon > .blu-ticker__icon[data-v-c29289ca] {
13695                background-color: #d33534;
13696                -webkit-mask-image: url(data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PSIwIDAgMjQgMjQiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+DQo8cGF0aCBkPSJNMTIgMkM2LjQ4IDIgMiA2LjQ4IDIgMTJDMiAxNy41MiA2LjQ4IDIyIDEyIDIyQzE3LjUyIDIyIDIyIDE3LjUyIDIyIDEyQzIyIDYuNDggMTcuNTIgMiAxMiAyWk0xNi4yNCAxNC44M0MxNi42MyAxNS4yMiAxNi42MyAxNS44NSAxNi4yNCAxNi4yNEMxNS44NSAxNi42MyAxNS4yMiAxNi42MyAxNC44MyAxNi4yNEwxMiAxMy40MUw5LjE3IDE2LjI0QzguNzggMTYuNjMgOC4xNSAxNi42MyA3Ljc2IDE2LjI0QzcuMzcgMTUuODUgNy4zNyAxNS4yMiA3Ljc2IDE0LjgzTDEwLjU5IDEyTDcuNzYgOS4xN0M3LjM3IDguNzggNy4zNyA4LjE1IDcuNzYgNy43NkM4LjE1IDcuMzcgOC43OCA3LjM3IDkuMTcgNy43NkwxMiAxMC41OUwxNC44MyA3Ljc2QzE1LjIyIDcuMzcgMTUuODUgNy4zNyAxNi4yNCA3Ljc2QzE2LjYzIDguMTUgMTYuNjMgOC43OCAxNi4yNCA5LjE3TDEzLjQxIDEyTDE2LjI0IDE0LjgzWiIgZmlsbD0iIzc5N0Y4NSIvPg0KPC9zdmc+);
13697                mask-image: url(data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PSIwIDAgMjQgMjQiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+DQo8cGF0aCBkPSJNMTIgMkM2LjQ4IDIgMiA2LjQ4IDIgMTJDMiAxNy41MiA2LjQ4IDIyIDEyIDIyQzE3LjUyIDIyIDIyIDE3LjUyIDIyIDEyQzIyIDYuNDggMTcuNTIgMiAxMiAyWk0xNi4yNCAxNC44M0MxNi42MyAxNS4yMiAxNi42MyAxNS44NSAxNi4yNCAxNi4yNEMxNS44NSAxNi42MyAxNS4yMiAxNi42MyAxNC44MyAxNi4yNEwxMiAxMy40MUw5LjE3IDE2LjI0QzguNzggMTYuNjMgOC4xNSAxNi42MyA3Ljc2IDE2LjI0QzcuMzcgMTUuODUgNy4zNyAxNS4yMiA3Ljc2IDE0LjgzTDEwLjU5IDEyTDcuNzYgOS4xN0M3LjM3IDguNzggNy4zNyA4LjE1IDcuNzYgNy43NkM4LjE1IDcuMzcgOC43OCA3LjM3IDkuMTcgNy43NkwxMiAxMC41OUwxNC44MyA3Ljc2QzE1LjIyIDcuMzcgMTUuODUgNy4zNyAxNi4yNCA3Ljc2QzE2LjYzIDguMTUgMTYuNjMgOC43OCAxNi4yNCA5LjE3TDEzLjQxIDEyTDE2LjI0IDE0LjgzWiIgZmlsbD0iIzc5N0Y4NSIvPg0KPC9zdmc+);
13698            }
13699            .blu-ticker.has-icon > .blu-ticker__icon[data-v-c29289ca] {
13700                margin-right: 8px;
13701                background-position: center center;
13702                background-size: contain;
13703                background-repeat: no-repeat;
13704                z-index: 0;
13705            }
13706            @media screen and (min-width: 769px), print {
13707                .blu-ticker.has-icon > .blu-ticker__icon[data-v-c29289ca] {
13708                    padding: 12px;
13709                }
13710            }
13711            @media screen and (max-width: 768px) {
13712                .blu-ticker.has-icon > .blu-ticker__icon[data-v-c29289ca] {
13713                    padding: 9px;
13714                }
13715            }
13716            .blu-ticker.has-icon.b-middle[data-v-c29289ca] {
13717                align-items: center;
13718            }
13719            .blu-ticker.has-icon.b-bottom[data-v-c29289ca] {
13720                align-items: flex-end;
13721            }
13722            .blu-ticker.has-icon.b-bottom[data-v-c29289ca]:before {
13723                margin-bottom: 3px;
13724            }
13725        </style>
13726        <style type="text/css">
13727            .blu-ripple[data-v-589e2bdd] {
13728                width: 100%;
13729                height: 100%;
13730                position: relative;
13731                overflow: hidden;
13732                display: flex;
13733                justify-content: center;
13734                align-items: center;
13735                -webkit-box-pack: center;
13736                -webkit-box-align: center;
13737                -webkit-mask-image: radial-gradient(circle, #ffffff 100%, #000000 100%);
13738                padding: 0 12px;
13739            }
13740            .blu-ripple-wave[data-v-589e2bdd] {
13741                position: absolute;
13742                z-index: 1;
13743                pointer-events: none;
13744                background: currentColor;
13745                border-radius: 50%;
13746                opacity: 0;
13747                transform: scale(2) translateZ(0);
13748            }
13749            .blu-ripple-wave.b-centered[data-v-589e2bdd] {
13750                animation-duration: 1.2s;
13751                top: 50%;
13752                left: 50%;
13753            }
13754            .blu-ripple-wave ~ *[data-v-589e2bdd]:not(.blu-ripple-wave) {
13755                position: relative;
13756                z-index: 2;
13757            }
13758            .blu-ripple-enter-active[data-v-589e2bdd] {
13759                transition: 2s cubic-bezier(0.25, 0.8, 0.25, 1);
13760                transition-property: opacity, transform;
13761                will-change: opacity, transform;
13762            }
13763            .blu-ripple-enter-active.b-centered[data-v-589e2bdd] {
13764                transition-duration: 1.2s;
13765            }
13766            .blu-ripple-enter[data-v-589e2bdd] {
13767                opacity: 0.26;
13768                transform: scale(0.26) translateZ(0);
13769            }
13770            .has-left-icon .blu-ripple svg[data-v-589e2bdd] {
13771                margin-right: 8px;
13772            }
13773            .has-left-icon.b-small svg[data-v-589e2bdd] {
13774                transform-origin: left;
13775                margin-right: 4px;
13776            }
13777            .b-large .blu-ripple[data-v-589e2bdd] {
13778                padding: 0 16px;
13779            }
13780            .b-small .blu-ripple[data-v-589e2bdd] {
13781                padding: 0 8px;
13782            }
13783            .b-small svg[data-v-589e2bdd] {
13784                width: 18px;
13785                height: 18px;
13786            }
13787            .b-icon .blu-ripple[data-v-589e2bdd] {
13788                padding: 0;
13789            }
13790            .b-loading .blu-loader-wrapper[data-v-589e2bdd] {
13791                height: 24px;
13792                position: absolute;
13793            }
13794            .b-loading .blu-ripple[data-v-589e2bdd] {
13795                color: rgba(0, 0, 0, 0);
13796            }
13797            .b-loading .blu-ripple > svg[data-v-589e2bdd] {
13798                visibility: hidden;
13799            }
13800            .b-loading .blu-ripple .blu-ripple-wave[data-v-589e2bdd] {
13801                color: #fff;
13802            }
13803            .b-loading.b-white .blu-ripple-wave[data-v-589e2bdd] {
13804                color: #0072ff;
13805            }
13806            .b-loading.b-outline.b-secondary .blu-ripple-wave[data-v-589e2bdd] {
13807                color: #0072ff;
13808            }
13809            .b-loading.b-outline.b-primary .blu-ripple-wave[data-v-589e2bdd] {
13810                color: #0ea5e9;
13811            }
13812            .b-loading.b-ghost.b-secondary .blu-ripple-wave[data-v-589e2bdd] {
13813                color: #0072ff;
13814            }
13815            .b-loading.b-ghost.b-primary .blu-ripple-wave[data-v-589e2bdd] {
13816                color: #0ea5e9;
13817            }
13818            .blu-input-stepper .blu-btn .blu-ripple[data-v-589e2bdd] {
13819                padding: 0;
13820                width: 24px;
13821                height: 24px;
13822                border-radius: 50%;
13823            }
13824            .blu-input-stepper .blu-btn .blu-ripple svg[data-v-589e2bdd] {
13825                width: 18px;
13826                height: 18px;
13827                margin-left: 1px;
13828            }
13829            .blu-input-stepper .blu-btn .blu-ripple-enter-active[data-v-589e2bdd] {
13830                background: #0072ff;
13831            }
13832            .b-disabled[data-v-589e2bdd] {
13833                opacity: 1;
13834            }
13835            .blu-btn-dropdown .blu-ripple > svg + div[data-v-589e2bdd] {
13836                margin-left: 8px;
13837            }
13838            .blu-radio[data-v-589e2bdd] {
13839                width: auto;
13840                margin: 16px 16px 16px 0;
13841                display: inline-flex;
13842                position: relative;
13843            }
13844            .blu-radio[data-v-589e2bdd]:not(.b-disabled) {
13845                cursor: pointer;
13846            }
13847            .blu-radio:not(.b-disabled) .blu-radio-label[data-v-589e2bdd] {
13848                cursor: pointer;
13849                color: rgba(25, 34, 42, 0.7019607843);
13850            }
13851            .blu-radio .blu-radio-container[data-v-589e2bdd] {
13852                width: 20px;
13853                min-width: 20px;
13854                height: 20px;
13855                position: relative;
13856                border: 1px solid rgba(0, 0, 0, 0);
13857                border-radius: 50%;
13858                transition: 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);
13859                border-color: #c8cbcd;
13860            }
13861            .blu-radio .blu-radio-container[data-v-589e2bdd]:focus {
13862                outline: none;
13863            }
13864            .blu-radio .blu-radio-container[data-v-589e2bdd]::before,
13865            .blu-radio .blu-radio-container[data-v-589e2bdd]::after {
13866                position: absolute;
13867                transition: 0.4s cubic-bezier(0.55, 0, 0.55, 0.2);
13868                content: " ";
13869            }
13870            .blu-radio .blu-radio-container[data-v-589e2bdd]::before {
13871                width: 48px;
13872                height: 48px;
13873                top: 50%;
13874                left: 50%;
13875                border-radius: 50%;
13876                transform: translate(-50%, -50%);
13877            }
13878            .blu-radio .blu-radio-container[data-v-589e2bdd]::after {
13879                position: absolute;
13880                top: 3px;
13881                right: 3px;
13882                bottom: 3px;
13883                left: 3px;
13884                border-radius: 50%;
13885                transform: scale3D(0.38, 0.38, 1);
13886                content: " ";
13887            }
13888            .blu-radio .blu-radio-container input[data-v-589e2bdd] {
13889                position: absolute;
13890                left: -999em;
13891            }
13892            .blu-radio .blu-radio-container input:focus-visible + .focus-radio[data-v-589e2bdd] {
13893                position: absolute;
13894                padding: 12px;
13895                border: 4px solid #000;
13896                border-radius: 8px;
13897                left: -8px;
13898                bottom: -8px;
13899            }
13900            .blu-radio .blu-radio-label[data-v-589e2bdd] {
13901                padding-left: 8px;
13902                position: relative;
13903                font:
13904                    16px/20px "blibli",
13905                    -apple-system,
13906                    segoe ui,
13907                    roboto,
13908                    helvetica,
13909                    arial,
13910                    sans-serif;
13911            }
13912            .blu-radio.b-checked .blu-radio-container[data-v-589e2bdd] {
13913                border-color: #1d8fff;
13914            }
13915            .blu-radio.b-checked .blu-radio-container[data-v-589e2bdd]::after {
13916                transform: scale3D(1, 1, 1);
13917                transition: 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);
13918                background-color: #1d8fff;
13919            }
13920            .blu-radio.b-checked .blu-radio-container[data-v-589e2bdd]:hover {
13921                background-color: #fff;
13922                box-shadow: none;
13923            }
13924            .blu-radio.b-required label[data-v-589e2bdd]::after {
13925                position: absolute;
13926                top: 2px;
13927                right: 0;
13928                transform: translateX(calc(100% + 2px));
13929                content: "*";
13930                line-height: 1em;
13931                vertical-align: top;
13932            }
13933            .blu-radio.b-disabled[data-v-589e2bdd] {
13934                color: rgba(25, 34, 42, 0.4);
13935            }
13936            .blu-radio.b-disabled .blu-radio-container[data-v-589e2bdd] {
13937                border-color: #e1e3e4;
13938            }
13939            .blu-radio.b-disabled .blu-radio-container[data-v-589e2bdd]:hover {
13940                background-color: #fff;
13941                box-shadow: none;
13942            }
13943            .blu-radio.b-disabled.b-checked .blu-radio-container[data-v-589e2bdd] {
13944                border-color: #c8cbcd;
13945            }
13946            .blu-radio.b-disabled.b-checked .blu-radio-container[data-v-589e2bdd]::after {
13947                background-color: #c8cbcd;
13948            }
13949            .blu-radio.b-disabled.b-checked .blu-radio-container[data-v-589e2bdd]:hover {
13950                background-color: #fff;
13951                box-shadow: none;
13952            }
13953            .blu-radio .b-disabled[data-v-589e2bdd] {
13954                cursor: not-allowed;
13955                -webkit-user-select: none;
13956                -moz-user-select: none;
13957                -ms-user-select: none;
13958                user-select: none;
13959            }
13960            .blu-radio:hover:not(.b-disabled) .blu-radio-container[data-v-589e2bdd] {
13961                background-color: #f1f2f2;
13962                box-shadow: 0 0 0 2px #f1f2f2;
13963            }
13964        </style>
13965        <style type="text/css">
13966            .blu-dropdown[data-v-3e0b2b85] {
13967                position: relative;
13968            }
13969            .blu-dropdown__content[data-v-3e0b2b85] {
13970                width: 100%;
13971                background-color: #fff;
13972            }
13973            @media screen and (min-width: 769px), print {
13974                .blu-dropdown__content[data-v-3e0b2b85] {
13975                    position: absolute;
13976                    z-index: 3;
13977                }
13978            }
13979            @media screen and (max-width: 768px) {
13980                .blu-dropdown__content[data-v-3e0b2b85] {
13981                    width: 100%;
13982                    border-radius: 16px 16px 0 0;
13983                    position: fixed;
13984                    bottom: -90px;
13985                    left: 0;
13986                    z-index: 3;
13987                }
13988            }
13989            .blu-dropdown__content .blu-list[data-v-3e0b2b85] {
13990                width: 100%;
13991                max-height: 0;
13992                transition: all 0.3s cubic-bezier(0, 0, 0.2, 1.2);
13993                margin: 0;
13994                overflow-y: overlay;
13995            }
13996            @media screen and (min-width: 769px), print {
13997                .blu-dropdown__mask[data-v-3e0b2b85] {
13998                    display: none;
13999                }
14000            }
14001            @media screen and (max-width: 768px) {
14002                .blu-dropdown__mask[data-v-3e0b2b85] {
14003                    pointer-events: none;
14004                    transition: opacity 0.3s ease;
14005                    opacity: 0;
14006                    width: 100%;
14007                    height: 0;
14008                    background: rgba(0, 0, 0, 0.6);
14009                    position: fixed;
14010                    bottom: 0;
14011                    left: 0;
14012                    z-index: 3;
14013                }
14014            }
14015            @media screen and (min-width: 769px), print {
14016                .blu-dropdown__close[data-v-3e0b2b85] {
14017                    display: none;
14018                }
14019            }
14020            @media screen and (max-width: 768px) {
14021                .blu-dropdown__close[data-v-3e0b2b85] {
14022                    width: 24px;
14023                    height: 24px;
14024                    position: absolute;
14025                    top: -28px;
14026                    right: 20px;
14027                }
14028                .blu-dropdown__close i[data-v-3e0b2b85] {
14029                    content: "";
14030                    position: absolute;
14031                    width: 24px;
14032                    height: 24px;
14033                    transform: scale(1.3);
14034                    background: rgba(0, 0, 0, 0)
14035                        url(data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PSIwIDAgMjQgMjQiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGQ9Ik0xMy43NjcyIDEyTDE3LjYzMiA4LjEzODM5QzE4LjEyMjcgNy42NDgxOSAxOC4xMjI3IDYuODU3ODYgMTcuNjMyIDYuMzY3NjVDMTcuMTQxNCA1Ljg3NzQ1IDE2LjM1MDQgNS44Nzc0NSAxNS44NTk4IDYuMzY3NjVMMTEuOTk1IDEwLjIyOTNMOC4xNDAxOCA2LjM3NzY2QzcuNjQ5NTYgNS44ODc0NSA2Ljg1ODU3IDUuODg3NDUgNi4zNjc5NiA2LjM3NzY2QzUuODc3MzUgNi44Njc4NiA1Ljg3NzM1IDcuNjU4MTkgNi4zNjc5NiA4LjE0ODRMMTAuMjIyOCAxMkw2LjM2Nzk2IDE1Ljg2MTZDNS44NzczNSAxNi4zNTE4IDUuODc3MzUgMTcuMTQyMSA2LjM2Nzk2IDE3LjYzMjNDNi44NTg1NyAxOC4xMjI2IDcuNjQ5NTYgMTguMTIyNiA4LjE0MDE4IDE3LjYzMjNMMTIuMDA1IDEzLjc3MDdMMTUuODU5OCAxNy42MjIzQzE2LjM1MDQgMTguMTEyNSAxNy4xNDE0IDE4LjExMjUgMTcuNjMyIDE3LjYyMjNDMTguMTIyNyAxNy4xMzIxIDE4LjEyMjcgMTYuMzQxOCAxNy42MzIgMTUuODUxNkwxMy43NzcyIDEySDEzLjc2NzJaIiBmaWxsPSIjNzk3Rjg1Ii8+Cjwvc3ZnPgo=)
14036                        center center no-repeat #e1e3e4;
14037                    background-color: #e1e3e4;
14038                    -webkit-mask-image: url(data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PSIwIDAgMjQgMjQiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGQ9Ik0xMy43NjcyIDEyTDE3LjYzMiA4LjEzODM5QzE4LjEyMjcgNy42NDgxOSAxOC4xMjI3IDYuODU3ODYgMTcuNjMyIDYuMzY3NjVDMTcuMTQxNCA1Ljg3NzQ1IDE2LjM1MDQgNS44Nzc0NSAxNS44NTk4IDYuMzY3NjVMMTEuOTk1IDEwLjIyOTNMOC4xNDAxOCA2LjM3NzY2QzcuNjQ5NTYgNS44ODc0NSA2Ljg1ODU3IDUuODg3NDUgNi4zNjc5NiA2LjM3NzY2QzUuODc3MzUgNi44Njc4NiA1Ljg3NzM1IDcuNjU4MTkgNi4zNjc5NiA4LjE0ODRMMTAuMjIyOCAxMkw2LjM2Nzk2IDE1Ljg2MTZDNS44NzczNSAxNi4zNTE4IDUuODc3MzUgMTcuMTQyMSA2LjM2Nzk2IDE3LjYzMjNDNi44NTg1NyAxOC4xMjI2IDcuNjQ5NTYgMTguMTIyNiA4LjE0MDE4IDE3LjYzMjNMMTIuMDA1IDEzLjc3MDdMMTUuODU5OCAxNy42MjIzQzE2LjM1MDQgMTguMTEyNSAxNy4xNDE0IDE4LjExMjUgMTcuNjMyIDE3LjYyMjNDMTguMTIyNyAxNy4xMzIxIDE4LjEyMjcgMTYuMzQxOCAxNy42MzIgMTUuODUxNkwxMy43NzcyIDEySDEzLjc2NzJaIiBmaWxsPSIjNzk3Rjg1Ii8+Cjwvc3ZnPgo=);
14039                }
14040            }
14041            .blu-dropdown__msg[data-v-3e0b2b85] {
14042                font:
14043                    14px/18px "blibli",
14044                    -apple-system,
14045                    segoe ui,
14046                    roboto,
14047                    helvetica,
14048                    arial,
14049                    sans-serif;
14050                color: rgba(25, 34, 42, 0.4);
14051                margin-top: 4px;
14052            }
14053            @media screen and (max-width: 768px) {
14054                .blu-dropdown.has-title .blu-dropdown__content[data-v-3e0b2b85] {
14055                    padding-top: 52px;
14056                }
14057            }
14058            .blu-dropdown.has-title .blu-dropdown__title[data-v-3e0b2b85] {
14059                display: none;
14060            }
14061            @media screen and (max-width: 768px) {
14062                .blu-dropdown.has-title .blu-dropdown__title[data-v-3e0b2b85] {
14063                    display: block;
14064                    position: absolute;
14065                    top: 24px;
14066                    left: 16px;
14067                    font:
14068                        16px/20px "blibli demi bold",
14069                        -apple-system,
14070                        segoe ui,
14071                        roboto,
14072                        helvetica,
14073                        arial,
14074                        sans-serif;
14075                }
14076            }
14077            .blu-dropdown:not(.b-active) .blu-dropdown__content[data-v-3e0b2b85] {
14078                visibility: hidden;
14079                transition: all 0.3s ease-in-out;
14080            }
14081            @media screen and (min-width: 769px), print {
14082                .blu-dropdown.b-active .blu-dropdown__content .blu-list[data-v-3e0b2b85] {
14083                    max-height: 265px;
14084                }
14085            }
14086            @media screen and (max-width: 768px) {
14087                .blu-dropdown.b-active .blu-dropdown__content .blu-list[data-v-3e0b2b85] {
14088                    max-height: 55vh;
14089                    padding-top: 8px;
14090                    border-radius: 24px 24px 0 0;
14091                    padding-bottom: calc(env(safe-area-inset-bottom) + 90px);
14092                }
14093            }
14094            @media screen and (max-width: 768px) {
14095                .blu-dropdown.b-active .blu-dropdown__mask[data-v-3e0b2b85] {
14096                    opacity: 1;
14097                    height: 100%;
14098                    pointer-events: auto;
14099                }
14100            }
14101            .blu-dropdown.b-selection:not(.has-value) label[data-v-3e0b2b85] {
14102                top: 18px;
14103            }
14104            .blu-dropdown.b-selection label[data-v-3e0b2b85] {
14105                font:
14106                    16px/20px "blibli",
14107                    -apple-system,
14108                    segoe ui,
14109                    roboto,
14110                    helvetica,
14111                    arial,
14112                    sans-serif;
14113                color: rgba(25, 34, 42, 0.4);
14114                position: absolute;
14115                transition: all 0.5s;
14116            }
14117            .blu-dropdown.b-selection .blu-dropdown__trigger[data-v-3e0b2b85] {
14118                height: 56px;
14119                padding: 10px 36px 10px 14px;
14120                font:
14121                    16px/20px "blibli demi bold",
14122                    -apple-system,
14123                    segoe ui,
14124                    roboto,
14125                    helvetica,
14126                    arial,
14127                    sans-serif;
14128                color: rgba(25, 34, 42, 0.7019607843);
14129                border: #c8cbcd 1px solid;
14130                border-radius: 8px;
14131                background-color: #fff;
14132                transition:
14133                    border 0.4s,
14134                    border-color 0.4s;
14135                cursor: pointer;
14136                outline: none;
14137            }
14138            .blu-dropdown.b-selection .blu-dropdown__trigger[data-v-3e0b2b85]::before {
14139                content: "";
14140                width: 24px;
14141                height: 24px;
14142                background: rgba(0, 0, 0, 0)
14143                    url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB2aWV3Qm94PSIwIDAgMjQgMjQiPgogIDxkZWZzPgogICAgPHBhdGgKICAgICAgICBpZD0iMTkwcjYzOHp6YSIKICAgICAgICBkPSJNMCA1LjE1NGMwLS42MzYuMjkyLTEuMjE5LjgtMS42TDUuNDExLjE5MmMuNDQ2LS4zMjUgMS4wNzItLjIyOCAxLjM5Ny4yMi4zMjUuNDQ1LjIyNyAxLjA3MS0uMjE5IDEuMzk2bC00LjYgMy4zNTQgNC41NjMgMy4wMDRjLjQ2LjMwNS41ODcuOTI1LjI4MiAxLjM4Ni0uMzA1LjQ2LS45MjYuNTg2LTEuMzg2LjI4MmwtNC42LTMuMDQ2Qy4yOTEgNi4zNzIgMCA1Ljc5IDAgNS4xNTR6IgogICAgLz4KICA8L2RlZnM+CiAgPGcgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIj4KICAgIDxnPgogICAgICA8Zz4KICAgICAgICA8cGF0aCBmaWxsPSIjRkZGIiBmaWxsLW9wYWNpdHk9Ii4wMSIgZD0iTTAgMEgyNFYyNEgweiIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTU5MiAtNzg1KSB0cmFuc2xhdGUoNTkyIDc4NSkiIC8+CiAgICAgICAgPGcgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTU5MiAtNzg1KSB0cmFuc2xhdGUoNTkyIDc4NSkgdHJhbnNsYXRlKDggNykiPgogICAgICAgICAgPG1hc2sgaWQ9InU0ZGRwYm95eGIiIGZpbGw9IiNmZmYiPjx1c2UgeGxpbms6aHJlZj0iIzE5MHI2Mzh6emEiIC8+PC9tYXNrPgogICAgICAgICAgPHVzZSBmaWxsPSIjNzk3Rjg1IiBmaWxsLXJ1bGU9Im5vbnplcm8iIHhsaW5rOmhyZWY9IiMxOTByNjM4enphIiAvPgogICAgICAgICAgPHBhdGggZmlsbD0iIzc5N0Y4NSIgZD0iTS04IC03SDE2VjE3SC04eiIgbWFzaz0idXJsKCN1NGRkcGJveXhiKSIgLz4KICAgICAgICA8L2c+CiAgICAgIDwvZz4KICAgIDwvZz4KICA8L2c+Cjwvc3ZnPgo=)
14144                    center center no-repeat;
14145                transform: rotate(270deg);
14146                transition: transform 0.4s;
14147                position: absolute;
14148                top: 16px;
14149                right: 8px;
14150                z-index: 2;
14151            }
14152            .blu-dropdown.b-selection .blu-dropdown__trigger[data-v-3e0b2b85]::after {
14153                content: "";
14154                width: 24px;
14155                height: 30px;
14156                position: absolute;
14157                top: calc(50% - 15px);
14158                right: 37px;
14159                background: #fff;
14160                background: linear-gradient(-90deg, rgb(255, 255, 255) 0%, rgba(255, 255, 255, 0) 100%);
14161            }
14162            .blu-dropdown.b-selection .blu-dropdown__trigger[data-v-3e0b2b85]:hover {
14163                background-color: #f1f2f2;
14164            }
14165            .blu-dropdown.b-selection .blu-dropdown__trigger[data-v-3e0b2b85]:hover::after {
14166                background: #f1f1f1;
14167                background: linear-gradient(-90deg, rgb(241, 241, 241) 0%, rgba(241, 241, 241, 0) 100%);
14168            }
14169            @media screen and (min-width: 769px), print {
14170                .blu-dropdown.b-selection .blu-dropdown__content[data-v-3e0b2b85] {
14171                    top: 56px;
14172                    left: 0;
14173                    margin-top: 8px;
14174                    border-radius: 8px;
14175                }
14176            }
14177            .blu-dropdown.b-selection .blu-dropdown__value[data-v-3e0b2b85] {
14178                display: block;
14179                margin-top: 15px;
14180                opacity: 0;
14181                transition: all 0.5s;
14182                white-space: nowrap;
14183                font:
14184                    16px/20px "blibli",
14185                    -apple-system,
14186                    segoe ui,
14187                    roboto,
14188                    helvetica,
14189                    arial,
14190                    sans-serif;
14191                color: #19222a;
14192            }
14193            .blu-dropdown.b-selection .has-value label[data-v-3e0b2b85] {
14194                color: #0072ff;
14195                font:
14196                    12px/16px "blibli",
14197                    -apple-system,
14198                    segoe ui,
14199                    roboto,
14200                    helvetica,
14201                    arial,
14202                    sans-serif;
14203                font-size: 1.2rem;
14204                font-weight: normal;
14205                margin-top: 9px;
14206                line-height: 1.25;
14207                top: 0;
14208            }
14209            .blu-dropdown.b-selection .has-value .blu-dropdown__value[data-v-3e0b2b85] {
14210                opacity: 1;
14211            }
14212            .blu-dropdown.b-selection:not(.b-disabled) .blu-dropdown__trigger[data-v-3e0b2b85]:focus-visible {
14213                box-shadow: 0px 0px 0px 4px #000;
14214            }
14215            .blu-dropdown.b-selection.b-active .blu-dropdown__trigger[data-v-3e0b2b85] {
14216                border-color: #1d8fff;
14217                transition: border-color 0.4s;
14218            }
14219            .blu-dropdown.b-selection.b-active .blu-dropdown__trigger[data-v-3e0b2b85]::before {
14220                transform: rotate(90deg);
14221                transition: transform 0.4s;
14222            }
14223            .blu-dropdown.b-selection.b-danger .has-value label[data-v-3e0b2b85] {
14224                color: #e93c3c;
14225            }
14226            .blu-dropdown.b-selection.b-danger .blu-dropdown__trigger[data-v-3e0b2b85] {
14227                border-color: #ff4646;
14228            }
14229            .blu-dropdown.b-selection.b-danger .blu-dropdown__msg[data-v-3e0b2b85] {
14230                color: #e93c3c;
14231            }
14232            .blu-dropdown.b-selection.b-success .has-value label[data-v-3e0b2b85] {
14233                color: #1c832a;
14234            }
14235            .blu-dropdown.b-selection.b-success .blu-dropdown__trigger[data-v-3e0b2b85] {
14236                border-color: #22a334;
14237            }
14238            .blu-dropdown.b-selection.b-success .blu-dropdown__msg[data-v-3e0b2b85] {
14239                color: #1f912e;
14240            }
14241            .blu-dropdown.b-selection.b-noborder .blu-dropdown__trigger[data-v-3e0b2b85] {
14242                border: none;
14243                display: flex;
14244                align-items: center;
14245                color: #19222a;
14246            }
14247            .blu-dropdown.b-selection.b-noborder .blu-dropdown__trigger[data-v-3e0b2b85]:hover {
14248                background-color: #fff;
14249            }
14250            .blu-dropdown.b-selection.b-noborder .blu-dropdown__trigger[data-v-3e0b2b85]:hover::after {
14251                background: #fff;
14252                background: linear-gradient(-90deg, rgb(255, 255, 255) 0%, rgba(255, 255, 255, 0) 100%);
14253            }
14254            .blu-dropdown.b-selection.b-noborder .blu-dropdown__value[data-v-3e0b2b85] {
14255                display: flex;
14256                align-items: center;
14257                margin-top: 0;
14258            }
14259            .blu-dropdown.b-contained .blu-dropdown__trigger[data-v-3e0b2b85] {
14260                background-color: #f1f2f2;
14261                border-color: #f1f2f2;
14262                transition: border-color 0s;
14263            }
14264            .blu-dropdown.b-contained .blu-dropdown__trigger[data-v-3e0b2b85]::after {
14265                background: #f1f1f1;
14266                background: linear-gradient(-90deg, rgb(241, 241, 241) 0%, rgba(241, 241, 241, 0) 100%);
14267            }
14268            .blu-dropdown.b-contained .blu-dropdown__trigger[data-v-3e0b2b85]:hover {
14269                background-color: #e1e3e4;
14270                border-color: #e1e3e4;
14271                transition: border-color 0s;
14272            }
14273            .blu-dropdown.b-contained .blu-dropdown__trigger[data-v-3e0b2b85]:hover::after {
14274                background: #e0e0e0;
14275                background: linear-gradient(-90deg, rgb(224, 224, 224) 0%, rgba(224, 224, 224, 0) 100%);
14276            }
14277            .blu-dropdown.b-contained.b-active .blu-dropdown__trigger[data-v-3e0b2b85] {
14278                border-color: #1d8fff;
14279                transition: border-color 0.4s;
14280            }
14281            .blu-dropdown.has-left-icon label[data-v-3e0b2b85] {
14282                left: 48px;
14283            }
14284            .blu-dropdown.has-left-icon .blu-dropdown__value[data-v-3e0b2b85] {
14285                padding-left: 30px;
14286            }
14287            .blu-dropdown.has-left-icon .blu-dropdown__icon-left[data-v-3e0b2b85] {
14288                position: absolute;
14289                top: 16px;
14290                left: 16px;
14291                margin-right: 8px;
14292                color: #797f85;
14293            }
14294            .blu-dropdown.has-right-icon .blu-dropdown__trigger[data-v-3e0b2b85]::before {
14295                display: none;
14296            }
14297            .blu-dropdown.has-right-icon .blu-dropdown__icon-right[data-v-3e0b2b85] {
14298                position: absolute;
14299                top: 16px;
14300                right: 16px;
14301                color: rgba(25, 34, 42, 0.4);
14302            }
14303            .blu-dropdown.has-placeholder label[data-v-3e0b2b85] {
14304                transition: none;
14305            }
14306            .blu-dropdown.has-placeholder .has-value label[data-v-3e0b2b85] {
14307                z-index: -1;
14308                color: inherit;
14309                font-size: inherit;
14310            }
14311            .blu-dropdown.has-placeholder .blu-dropdown__value[data-v-3e0b2b85] {
14312                margin-top: 4px;
14313            }
14314            .blu-dropdown.b-small.has-left-icon.has-placeholder label[data-v-3e0b2b85] {
14315                left: 30px;
14316            }
14317            .blu-dropdown.b-small.has-left-icon .blu-dropdown__value[data-v-3e0b2b85] {
14318                padding-left: 36px;
14319            }
14320            .blu-dropdown.b-small.has-left-icon .blu-dropdown__icon-left[data-v-3e0b2b85] {
14321                height: 24px;
14322                top: 4px;
14323                left: 5px;
14324                color: #797f85;
14325            }
14326            .blu-dropdown.b-small.has-left-icon .blu-dropdown__icon-left svg[data-v-3e0b2b85] {
14327                transform: scale(0.75);
14328            }
14329            .blu-dropdown.b-small.has-left-icon.b-selection .blu-dropdown__value[data-v-3e0b2b85] {
14330                padding-left: 20px;
14331            }
14332            .blu-dropdown.b-small.has-placeholder label[data-v-3e0b2b85] {
14333                top: 7px;
14334                color: rgba(25, 34, 42, 0.4);
14335                font:
14336                    14px/18px "blibli",
14337                    -apple-system,
14338                    segoe ui,
14339                    roboto,
14340                    helvetica,
14341                    arial,
14342                    sans-serif;
14343            }
14344            .blu-dropdown.b-small .blu-dropdown__trigger[data-v-3e0b2b85] {
14345                height: 32px;
14346                padding: 4px 36px 4px 8px;
14347                border-radius: 8px;
14348            }
14349            .blu-dropdown.b-small .blu-dropdown__trigger[data-v-3e0b2b85]:before {
14350                top: 4px;
14351                right: 4px;
14352            }
14353            .blu-dropdown.b-small .blu-dropdown__trigger[data-v-3e0b2b85]::after {
14354                height: 24px;
14355                top: 2px;
14356            }
14357            .blu-dropdown.b-small.b-selection .blu-dropdown__value[data-v-3e0b2b85] {
14358                margin-top: 1px;
14359                font:
14360                    14px/18px "blibli",
14361                    -apple-system,
14362                    segoe ui,
14363                    roboto,
14364                    helvetica,
14365                    arial,
14366                    sans-serif;
14367            }
14368            @media screen and (min-width: 769px), print {
14369                .blu-dropdown.b-small.b-selection .blu-dropdown__content[data-v-3e0b2b85] {
14370                    top: 32px;
14371                }
14372            }
14373            .blu-dropdown.b-disabled .blu-dropdown__trigger[data-v-3e0b2b85] {
14374                cursor: not-allowed;
14375                background-color: #c8cbcd;
14376            }
14377            .blu-dropdown.b-disabled .blu-dropdown__trigger[data-v-3e0b2b85]::before {
14378                background: rgba(0, 0, 0, 0)
14379                    url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB2aWV3Qm94PSIwIDAgMjQgMjQiPgogIDxkZWZzPgogICAgPHBhdGgKICAgICAgICBpZD0iMTkwcjYzOHp6YSIKICAgICAgICBkPSJNMCA1LjE1NGMwLS42MzYuMjkyLTEuMjE5LjgtMS42TDUuNDExLjE5MmMuNDQ2LS4zMjUgMS4wNzItLjIyOCAxLjM5Ny4yMi4zMjUuNDQ1LjIyNyAxLjA3MS0uMjE5IDEuMzk2bC00LjYgMy4zNTQgNC41NjMgMy4wMDRjLjQ2LjMwNS41ODcuOTI1LjI4MiAxLjM4Ni0uMzA1LjQ2LS45MjYuNTg2LTEuMzg2LjI4MmwtNC42LTMuMDQ2Qy4yOTEgNi4zNzIgMCA1Ljc5IDAgNS4xNTR6IgogICAgLz4KICA8L2RlZnM+CiAgPGcgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIj4KICAgIDxnPgogICAgICA8Zz4KICAgICAgICA8cGF0aCBmaWxsPSIjRkZGIiBmaWxsLW9wYWNpdHk9Ii4wMSIgZD0iTTAgMEgyNFYyNEgweiIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTU5MiAtNzg1KSB0cmFuc2xhdGUoNTkyIDc4NSkiIC8+CiAgICAgICAgPGcgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTU5MiAtNzg1KSB0cmFuc2xhdGUoNTkyIDc4NSkgdHJhbnNsYXRlKDggNykiPgogICAgICAgICAgPG1hc2sgaWQ9InU0ZGRwYm95eGIiIGZpbGw9IiNmZmYiPjx1c2UgeGxpbms6aHJlZj0iIzE5MHI2Mzh6emEiIC8+PC9tYXNrPgogICAgICAgICAgPHVzZSBmaWxsPSIjNzk3Rjg1IiBmaWxsLXJ1bGU9Im5vbnplcm8iIHhsaW5rOmhyZWY9IiMxOTByNjM4enphIiAvPgogICAgICAgICAgPHBhdGggZmlsbD0iI0E1QTlBQyIgZD0iTS04IC03SDE2VjE3SC04eiIgbWFzaz0idXJsKCN1NGRkcGJveXhiKSIgLz4KICAgICAgICA8L2c+CiAgICAgIDwvZz4KICAgIDwvZz4KICA8L2c+Cjwvc3ZnPgo=)
14380                    center center no-repeat;
14381            }
14382            .blu-dropdown.b-disabled .blu-dropdown__trigger[data-v-3e0b2b85]::after {
14383                content: none;
14384            }
14385            .blu-dropdown.b-disabled .blu-dropdown__trigger[data-v-3e0b2b85]:hover {
14386                background-color: #c8cbcd;
14387            }
14388            .blu-dropdown.b-disabled .blu-dropdown__value[data-v-3e0b2b85] {
14389                color: rgba(25, 34, 42, 0.4);
14390            }
14391            .blu-dropdown.b-disabled .has-value label[data-v-3e0b2b85] {
14392                color: rgba(25, 34, 42, 0.4);
14393            }
14394            @media screen and (min-width: 769px), print {
14395                .blu-calendar .b-selection .blu-dropdown__trigger[data-v-3e0b2b85] {
14396                    padding: 16px 40px 16px 16px;
14397                }
14398            }
14399            @media screen and (max-width: 768px) {
14400                .blu-calendar .b-selection .blu-dropdown__trigger[data-v-3e0b2b85] {
14401                    padding: 8px 32px 8px 8px;
14402                }
14403            }
14404            @media screen and (min-width: 769px), print {
14405                .blu-calendar .b-selection .blu-dropdown__content[data-v-3e0b2b85] {
14406                    left: var(--dropdown-content-position);
14407                }
14408            }
14409            @media screen and (max-width: 768px) {
14410                .blu-calendar .b-selection .blu-dropdown__content[data-v-3e0b2b85] {
14411                    left: 0;
14412                }
14413            }
14414        </style>
14415        <style type="text/css">
14416            .blu-list button[data-v-1b6a2c38] {
14417                font:
14418                    16px/20px "blibli",
14419                    -apple-system,
14420                    segoe ui,
14421                    roboto,
14422                    helvetica,
14423                    arial,
14424                    sans-serif;
14425                width: calc(100% + 16px);
14426                text-align: left;
14427                color: #19222a;
14428            }
14429            .blu-list ul[data-v-1b6a2c38] {
14430                padding: 0;
14431                margin: 0;
14432            }
14433            .blu-list li[data-v-1b6a2c38] {
14434                min-height: 56px;
14435            }
14436            .blu-list ul li[data-v-1b6a2c38] {
14437                display: grid;
14438                list-style: none;
14439                margin: 0px 16px;
14440            }
14441            .blu-list ul[data-v-1b6a2c38] > :not(.list-group):not(:first-child) {
14442                border-top: #c8cbcd 1px solid;
14443            }
14444            .blu-list.b-group ul .list-group:not(:last-child) li[data-v-1b6a2c38]:last-child {
14445                border-bottom: 1px solid #c8cbcd;
14446            }
14447            .blu-list .blu-list__text-right[data-v-1b6a2c38] {
14448                color: rgba(25, 34, 42, 0.4);
14449                float: right;
14450                padding: 0px 0 3px 19px;
14451                margin-top: -21px;
14452            }
14453            .blu-list .blu-list__text-desc[data-v-1b6a2c38] {
14454                color: rgba(25, 34, 42, 0.4);
14455                font:
14456                    14px/18px "blibli",
14457                    -apple-system,
14458                    segoe ui,
14459                    roboto,
14460                    helvetica,
14461                    arial,
14462                    sans-serif;
14463                display: flex;
14464                padding-right: 20px;
14465            }
14466            .blu-list li.has-multiselect:not(.b-right-checkbox) .blu-list__text-desc[data-v-1b6a2c38] {
14467                padding-left: 28px;
14468            }
14469            .blu-list__item[data-v-1b6a2c38] {
14470                display: block;
14471                min-height: 40px;
14472                margin: 8px 8px 8px -8px;
14473                padding: 8px;
14474                border-radius: 8px;
14475                transition: background-color 0.4s;
14476                color: #19222a;
14477                cursor: pointer;
14478            }
14479            .blu-list__item[data-v-1b6a2c38]:not(.b-disabled):hover {
14480                background-color: #f1f2f2;
14481            }
14482            .blu-list__item[data-v-1b6a2c38]:not(.b-disabled):focus-visible {
14483                outline: none;
14484                box-shadow: 0px 0px 0px 4px #000;
14485                background-color: #f1f2f2;
14486            }
14487            .blu-list__item.b-selected[data-v-1b6a2c38] {
14488                background-color: #f3f9ff;
14489            }
14490            .blu-list__item.b-selected.has-multiselect.b-selected[data-v-1b6a2c38] {
14491                background: none;
14492            }
14493            .blu-list__item.b-disabled[data-v-1b6a2c38] {
14494                cursor: not-allowed;
14495                opacity: 0.5;
14496            }
14497            .blu-list__item.b-disabled[data-v-1b6a2c38]:focus-visible {
14498                outline: none;
14499            }
14500            .blu-list__item.b-disabled .blu-checkbox[data-v-1b6a2c38],
14501            .blu-list__item.b-disabled .blu-radio[data-v-1b6a2c38] {
14502                pointer-events: none;
14503            }
14504            .blu-list__item-image[data-v-1b6a2c38] {
14505                background: #fff;
14506                display: flex;
14507                align-items: center;
14508                justify-content: center;
14509                height: 24px;
14510                width: 24px;
14511                border-radius: 50%;
14512                margin-right: 8px;
14513                float: left;
14514            }
14515            .blu-list__item-image img[data-v-1b6a2c38] {
14516                border-radius: 50%;
14517            }
14518            .blu-list__item-heading[data-v-1b6a2c38] {
14519                display: flex;
14520            }
14521            .blu-list .blu-checkbox[data-v-1b6a2c38] {
14522                transform: translateY(-2px);
14523            }
14524            .blu-list .b-right-checkbox label[data-v-1b6a2c38] {
14525                order: 1;
14526                width: 100%;
14527            }
14528            .blu-list .b-right-checkbox .blu-checkbox[data-v-1b6a2c38] {
14529                order: 2;
14530                transform: translateX(7px);
14531            }
14532            .blu-list__content[data-v-1b6a2c38] {
14533                display: grid;
14534                margin: 8px 8px 8px -8px;
14535                padding: 8px 10px;
14536                border-radius: 16px;
14537            }
14538            .blu-list .has-left-radio .blu-radio[data-v-1b6a2c38] {
14539                margin: 0 8px 0 0;
14540            }
14541            .blu-list .has-left-radio .blu-list__text-desc[data-v-1b6a2c38] {
14542                padding-left: 28px;
14543            }
14544            .blu-list .has-right-radio .blu-radio[data-v-1b6a2c38] {
14545                order: 2;
14546                margin: 0 0 0 auto;
14547            }
14548            .has-child > .blu-list[data-v-1b6a2c38] {
14549                background-color: #fff;
14550                overflow-y: auto;
14551                max-height: 0px;
14552                opacity: 0;
14553                transition: all 0.3s ease-in-out;
14554                width: calc(100% + 28px);
14555                transform: translateX(-12px);
14556                padding-left: 24px;
14557            }
14558            .has-child > .blu-list li[data-v-1b6a2c38]:first-child {
14559                margin-top: 1px;
14560            }
14561            .has-child > .blu-list__item[data-v-1b6a2c38] {
14562                position: relative;
14563                align-items: center;
14564            }
14565            .has-child > .blu-list__item[data-v-1b6a2c38]::after {
14566                content: "";
14567                width: 24px;
14568                height: 24px;
14569                background: rgba(0, 0, 0, 0)
14570                    url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB2aWV3Qm94PSIwIDAgMjQgMjQiPgogIDxkZWZzPgogICAgPHBhdGgKICAgICAgICBpZD0iMTkwcjYzOHp6YSIKICAgICAgICBkPSJNMCA1LjE1NGMwLS42MzYuMjkyLTEuMjE5LjgtMS42TDUuNDExLjE5MmMuNDQ2LS4zMjUgMS4wNzItLjIyOCAxLjM5Ny4yMi4zMjUuNDQ1LjIyNyAxLjA3MS0uMjE5IDEuMzk2bC00LjYgMy4zNTQgNC41NjMgMy4wMDRjLjQ2LjMwNS41ODcuOTI1LjI4MiAxLjM4Ni0uMzA1LjQ2LS45MjYuNTg2LTEuMzg2LjI4MmwtNC42LTMuMDQ2Qy4yOTEgNi4zNzIgMCA1Ljc5IDAgNS4xNTR6IgogICAgLz4KICA8L2RlZnM+CiAgPGcgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIj4KICAgIDxnPgogICAgICA8Zz4KICAgICAgICA8cGF0aCBmaWxsPSIjRkZGIiBmaWxsLW9wYWNpdHk9Ii4wMSIgZD0iTTAgMEgyNFYyNEgweiIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTU5MiAtNzg1KSB0cmFuc2xhdGUoNTkyIDc4NSkiIC8+CiAgICAgICAgPGcgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTU5MiAtNzg1KSB0cmFuc2xhdGUoNTkyIDc4NSkgdHJhbnNsYXRlKDggNykiPgogICAgICAgICAgPG1hc2sgaWQ9InU0ZGRwYm95eGIiIGZpbGw9IiNmZmYiPjx1c2UgeGxpbms6aHJlZj0iIzE5MHI2Mzh6emEiIC8+PC9tYXNrPgogICAgICAgICAgPHVzZSBmaWxsPSIjNzk3Rjg1IiBmaWxsLXJ1bGU9Im5vbnplcm8iIHhsaW5rOmhyZWY9IiMxOTByNjM4enphIiAvPgogICAgICAgICAgPHBhdGggZmlsbD0iIzc5N0Y4NSIgZD0iTS04IC03SDE2VjE3SC04eiIgbWFzaz0idXJsKCN1NGRkcGJveXhiKSIgLz4KICAgICAgICA8L2c+CiAgICAgIDwvZz4KICAgIDwvZz4KICA8L2c+Cjwvc3ZnPgo=)
14571                    center center no-repeat;
14572                transform: rotate(270deg);
14573                transition: transform 0.3s;
14574                display: block;
14575                position: absolute;
14576                right: 8px;
14577                top: 7px;
14578            }
14579            .has-child > .blu-list__item:focus-visible ~ .blu-list[data-v-1b6a2c38] {
14580                border-top: #c8cbcd 1px solid;
14581                max-height: 200px;
14582                opacity: 1;
14583            }
14584            .has-child > .blu-list__item:focus-visible ~ .blu-list__item[data-v-1b6a2c38]::after {
14585                transform: rotate(90deg);
14586            }
14587            .has-child > .blu-list.b-overflow-y[data-v-1b6a2c38] {
14588                margin: 0;
14589            }
14590            .has-child .blu-list__text-desc[data-v-1b6a2c38] {
14591                padding-right: 20px;
14592            }
14593            .has-child:hover > .blu-list[data-v-1b6a2c38] {
14594                max-height: 200px;
14595                opacity: 1;
14596            }
14597            .has-child:hover > .blu-list__item[data-v-1b6a2c38]::after {
14598                transform: rotate(90deg);
14599            }
14600            .has-child:hover > .blu-list[data-v-1b6a2c38]::before {
14601                content: "";
14602                height: 1px;
14603                width: calc(100% - 28px);
14604                background: #c8cbcd;
14605                position: absolute;
14606                left: 12px;
14607            }
14608            .has-left-icon[data-v-1b6a2c38] {
14609                display: flex;
14610                align-items: center;
14611            }
14612            .has-left-icon .blu-list__item-icon[data-v-1b6a2c38],
14613            .has-left-icon .blu-list__content-icon[data-v-1b6a2c38] {
14614                display: flex;
14615                margin-right: 8px;
14616                color: #797f85;
14617            }
14618            .has-child-expand > .blu-list[data-v-1b6a2c38] {
14619                background-color: #fff;
14620                overflow-y: auto;
14621                max-height: 0;
14622                opacity: 0;
14623                transition:
14624                    max-height 0.3s ease-in-out,
14625                    opacity 0.3s ease-in-out;
14626                width: calc(100% + 28px);
14627                transform: translateX(-12px);
14628                padding-left: 24px;
14629            }
14630            .has-child-expand > .blu-list li[data-v-1b6a2c38]:first-child {
14631                margin-top: 1px;
14632            }
14633            .has-child-expand > .blu-list__item[data-v-1b6a2c38] {
14634                position: relative;
14635                align-items: center;
14636            }
14637            .has-child-expand > .blu-list__item[data-v-1b6a2c38]::after {
14638                content: "";
14639                width: 24px;
14640                height: 24px;
14641                background: rgba(0, 0, 0, 0)
14642                    url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB2aWV3Qm94PSIwIDAgMjQgMjQiPgogIDxkZWZzPgogICAgPHBhdGgKICAgICAgICBpZD0iMTkwcjYzOHp6YSIKICAgICAgICBkPSJNMCA1LjE1NGMwLS42MzYuMjkyLTEuMjE5LjgtMS42TDUuNDExLjE5MmMuNDQ2LS4zMjUgMS4wNzItLjIyOCAxLjM5Ny4yMi4zMjUuNDQ1LjIyNyAxLjA3MS0uMjE5IDEuMzk2bC00LjYgMy4zNTQgNC41NjMgMy4wMDRjLjQ2LjMwNS41ODcuOTI1LjI4MiAxLjM4Ni0uMzA1LjQ2LS45MjYuNTg2LTEuMzg2LjI4MmwtNC42LTMuMDQ2Qy4yOTEgNi4zNzIgMCA1Ljc5IDAgNS4xNTR6IgogICAgLz4KICA8L2RlZnM+CiAgPGcgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIj4KICAgIDxnPgogICAgICA8Zz4KICAgICAgICA8cGF0aCBmaWxsPSIjRkZGIiBmaWxsLW9wYWNpdHk9Ii4wMSIgZD0iTTAgMEgyNFYyNEgweiIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTU5MiAtNzg1KSB0cmFuc2xhdGUoNTkyIDc4NSkiIC8+CiAgICAgICAgPGcgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTU5MiAtNzg1KSB0cmFuc2xhdGUoNTkyIDc4NSkgdHJhbnNsYXRlKDggNykiPgogICAgICAgICAgPG1hc2sgaWQ9InU0ZGRwYm95eGIiIGZpbGw9IiNmZmYiPjx1c2UgeGxpbms6aHJlZj0iIzE5MHI2Mzh6emEiIC8+PC9tYXNrPgogICAgICAgICAgPHVzZSBmaWxsPSIjNzk3Rjg1IiBmaWxsLXJ1bGU9Im5vbnplcm8iIHhsaW5rOmhyZWY9IiMxOTByNjM4enphIiAvPgogICAgICAgICAgPHBhdGggZmlsbD0iIzc5N0Y4NSIgZD0iTS04IC03SDE2VjE3SC04eiIgbWFzaz0idXJsKCN1NGRkcGJveXhiKSIgLz4KICAgICAgICA8L2c+CiAgICAgIDwvZz4KICAgIDwvZz4KICA8L2c+Cjwvc3ZnPgo=)
14643                    center center no-repeat;
14644                transform: rotate(270deg);
14645                transition: transform 0.3s;
14646                display: block;
14647                position: absolute;
14648                right: 8px;
14649                top: 7px;
14650            }
14651            .has-child-expand > .blu-list__item:focus-visible ~ .blu-list[data-v-1b6a2c38] {
14652                border-top: #c8cbcd 1px solid;
14653                max-height: 200px;
14654                opacity: 1;
14655            }
14656            .has-child-expand > .blu-list__item:focus-visible ~ .blu-list__item[data-v-1b6a2c38]::after {
14657                transform: rotate(90deg);
14658            }
14659            .has-child-expand > .blu-list.b-overflow-y[data-v-1b6a2c38] {
14660                margin: 0;
14661            }
14662            .has-child-expand .blu-list__text-desc[data-v-1b6a2c38] {
14663                padding-right: 20px;
14664            }
14665            .has-list-expand > .blu-list[data-v-1b6a2c38] {
14666                max-height: 100vh;
14667                opacity: 1;
14668            }
14669            .has-list-expand > .blu-list__item[data-v-1b6a2c38]::after {
14670                transform: rotate(90deg);
14671            }
14672            .has-list-expand > .blu-list[data-v-1b6a2c38]::before {
14673                content: "";
14674                height: 1px;
14675                width: calc(100% - 28px);
14676                background: #c8cbcd;
14677                position: absolute;
14678                left: 12px;
14679            }
14680        </style>
14681        <style type="text/css">
14682            .blu-checkbox[data-v-0eb6b69a] {
14683                min-width: 18px;
14684                display: flex;
14685            }
14686            .blu-checkbox input[type="checkbox"][data-v-0eb6b69a] {
14687                display: none;
14688            }
14689            .blu-checkbox input[type="checkbox"] + label[data-v-0eb6b69a] {
14690                color: rgba(25, 34, 42, 0.7019607843);
14691                font:
14692                    16px/20px "blibli",
14693                    -apple-system,
14694                    segoe ui,
14695                    roboto,
14696                    helvetica,
14697                    arial,
14698                    sans-serif;
14699                position: relative;
14700                display: flex;
14701                align-items: center;
14702                padding-left: 28px;
14703                cursor: pointer;
14704                -webkit-user-select: none;
14705                -moz-user-select: none;
14706                -ms-user-select: none;
14707                user-select: none;
14708                padding-top: 2px;
14709                padding-bottom: 2px;
14710                line-height: 20px;
14711                outline: none;
14712                transition: border-color 0.4s;
14713            }
14714            .blu-checkbox input[type="checkbox"] + label[data-v-0eb6b69a]:before {
14715                content: "";
14716                width: 18px;
14717                height: 18px;
14718                background-color: #fff;
14719                border-radius: 4px;
14720                border: #c8cbcd 1px solid;
14721                position: absolute;
14722                top: 2px;
14723                left: 3px;
14724                transition: all 0.4s;
14725            }
14726            .blu-checkbox input[type="checkbox"] + label[data-v-0eb6b69a]:after {
14727                content: "";
14728                width: 0;
14729                height: 0;
14730                position: absolute;
14731                top: 8px;
14732                left: 9px;
14733                transition: width 0.3s;
14734            }
14735            .blu-checkbox input[type="checkbox"] + label[data-v-0eb6b69a]:hover::before {
14736                background-color: #f1f2f2;
14737                box-shadow: 0 0 0 2px #f1f2f2;
14738            }
14739            .blu-checkbox input[type="checkbox"] + label[data-v-0eb6b69a]:focus-visible::before {
14740                border-color: #000;
14741            }
14742            .blu-checkbox input[type="checkbox"]:checked + label[data-v-0eb6b69a]:before {
14743                border-color: #1d8fff;
14744                background-color: #1d8fff;
14745            }
14746            .blu-checkbox input[type="checkbox"]:checked + label[data-v-0eb6b69a]:after {
14747                width: 10px;
14748                height: 8px;
14749                top: 7px;
14750                left: 7px;
14751                background: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTAiIGhlaWdodD0iOCIgdmlld0JveD0iMCAwIDEwIDgiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGZpbGwtcnVsZT0iZXZlbm9kZCIgY2xpcC1ydWxlPSJldmVub2RkIiBkPSJNOC4zNzc0NyAwLjI5Mjg5M0M4Ljc0ODY0IC0wLjA5NzYzMSA5LjM1MDQ0IC0wLjA5NzYzMSA5LjcyMTYyIDAuMjkyODkzQzEwLjA5MjggMC42ODM0MTcgMTAuMDkyOCAxLjMxNjU4IDkuNzIxNjIgMS43MDcxMUw0LjAxODg3IDcuNzA3MUMzLjY0NzcgOC4wOTc2MyAzLjA0NTkgOC4wOTc2MyAyLjY3NDcyIDcuNzA3MUwwLjI3ODM4MyA1LjE4NTg1Qy0wLjA5Mjc5NDIgNC43OTUzMyAtMC4wOTI3OTQyIDQuMTYyMTcgMC4yNzgzODMgMy43NzE2NEMwLjY0OTU1OSAzLjM4MTEyIDEuMjUxMzYgMy4zODExMiAxLjYyMjUzIDMuNzcxNjRMMy4zNDY4IDUuNTg1NzhMOC4zNzc0NyAwLjI5Mjg5M1oiIGZpbGw9IndoaXRlIi8+Cjwvc3ZnPgo=)
14752                    no-repeat;
14753            }
14754            .blu-checkbox input[type="checkbox"]:checked + label[data-v-0eb6b69a]:hover::before {
14755                box-shadow: 0 0 0 2px #e1f1ff;
14756            }
14757            .blu-checkbox input[type="checkbox"]:checked + label[data-v-0eb6b69a]:focus-visible::before {
14758                border-color: #000;
14759            }
14760            .blu-checkbox input[type="checkbox"]:disabled + label[data-v-0eb6b69a] {
14761                color: rgba(25, 34, 42, 0.4);
14762                cursor: not-allowed;
14763                pointer-events: none;
14764            }
14765            .blu-checkbox input[type="checkbox"]:disabled + label[data-v-0eb6b69a]::before {
14766                border-color: #e1e3e4;
14767            }
14768            .blu-checkbox.b-partial input + label[data-v-0eb6b69a]:after {
14769                height: 0;
14770                top: 10px;
14771            }
14772            .blu-checkbox.has-value input:disabled + label[data-v-0eb6b69a]::before {
14773                border-color: #c8cbcd;
14774                background-color: #c8cbcd;
14775            }
14776            .blu-checkbox.has-value input:disabled + label[data-v-0eb6b69a]::after {
14777                width: 10px;
14778                height: 8px;
14779                top: 7px;
14780                left: 7px;
14781                background: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTAiIGhlaWdodD0iOCIgdmlld0JveD0iMCAwIDEwIDgiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGZpbGwtcnVsZT0iZXZlbm9kZCIgY2xpcC1ydWxlPSJldmVub2RkIiBkPSJNOC4zNzc0NyAwLjI5Mjg5M0M4Ljc0ODY0IC0wLjA5NzYzMSA5LjM1MDQ0IC0wLjA5NzYzMSA5LjcyMTYyIDAuMjkyODkzQzEwLjA5MjggMC42ODM0MTcgMTAuMDkyOCAxLjMxNjU4IDkuNzIxNjIgMS43MDcxMUw0LjAxODg3IDcuNzA3MUMzLjY0NzcgOC4wOTc2MyAzLjA0NTkgOC4wOTc2MyAyLjY3NDcyIDcuNzA3MUwwLjI3ODM4MyA1LjE4NTg1Qy0wLjA5Mjc5NDIgNC43OTUzMyAtMC4wOTI3OTQyIDQuMTYyMTcgMC4yNzgzODMgMy43NzE2NEMwLjY0OTU1OSAzLjM4MTEyIDEuMjUxMzYgMy4zODExMiAxLjYyMjUzIDMuNzcxNjRMMy4zNDY4IDUuNTg1NzhMOC4zNzc0NyAwLjI5Mjg5M1oiIGZpbGw9IndoaXRlIi8+Cjwvc3ZnPgo=)
14782                    no-repeat;
14783            }
14784            .blu-checkbox.has-value input:disabled + label[data-v-0eb6b69a]:hover::before {
14785                box-shadow: none;
14786            }
14787            .blu-checkbox.b-partial input[data-v-0eb6b69a]:disabled,
14788            .blu-checkbox.b-partial input[type="checkbox"] + label[data-v-0eb6b69a]::after {
14789                top: 10px;
14790                background: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTAiIGhlaWdodD0iMiIgdmlld0JveD0iMCAwIDEwIDIiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGZpbGwtcnVsZT0iZXZlbm9kZCIgY2xpcC1ydWxlPSJldmVub2RkIiBkPSJNMSAyQzAuNDQ3NzE1I
14790DIgMCAxLjU1MjI4IDAgMUMwIDAuNDQ3NzE1IDAuNDQ3NzE1IDAgMSAwSDlDOS41NTIyOCAwIDEwIDAuNDQ3NzE1IDEwIDFDMTAgMS41NTIyOCA5LjU1MjI4IDIgOSAySDFaIiBmaWxsPSJ3aGl0ZSIvPgo8L3N2Zz4K)
14791                    no-repeat;
14792            }
14793        </style>
14794        <style type="text/css">
14795            .blu-list button[data-v-313621ef] {
14796                font:
14797                    16px/20px "blibli",
14798                    -apple-system,
14799                    segoe ui,
14800                    roboto,
14801                    helvetica,
14802                    arial,
14803                    sans-serif;
14804                width: calc(100% + 16px);
14805                text-align: left;
14806                color: #19222a;
14807            }
14808            .blu-list ul[data-v-313621ef] {
14809                padding: 0;
14810                margin: 0;
14811            }
14812            .blu-list li[data-v-313621ef] {
14813                min-height: 56px;
14814            }
14815            .blu-list ul li[data-v-313621ef] {
14816                display: grid;
14817                list-style: none;
14818                margin: 0px 16px;
14819            }
14820            .blu-list ul[data-v-313621ef] > :not(.list-group):not(:first-child) {
14821                border-top: #c8cbcd 1px solid;
14822            }
14823            .blu-list.b-group ul .list-group:not(:last-child) li[data-v-313621ef]:last-child {
14824                border-bottom: 1px solid #c8cbcd;
14825            }
14826            .blu-list .blu-list__text-right[data-v-313621ef] {
14827                color: rgba(25, 34, 42, 0.4);
14828                float: right;
14829                padding: 0px 0 3px 19px;
14830                margin-top: -21px;
14831            }
14832            .blu-list .blu-list__text-desc[data-v-313621ef] {
14833                color: rgba(25, 34, 42, 0.4);
14834                font:
14835                    14px/18px "blibli",
14836                    -apple-system,
14837                    segoe ui,
14838                    roboto,
14839                    helvetica,
14840                    arial,
14841                    sans-serif;
14842                display: flex;
14843                padding-right: 20px;
14844            }
14845            .blu-list li.has-multiselect:not(.b-right-checkbox) .blu-list__text-desc[data-v-313621ef] {
14846                padding-left: 28px;
14847            }
14848            .blu-list__item[data-v-313621ef] {
14849                display: block;
14850                min-height: 40px;
14851                margin: 8px 8px 8px -8px;
14852                padding: 8px;
14853                border-radius: 8px;
14854                transition: background-color 0.4s;
14855                color: #19222a;
14856                cursor: pointer;
14857            }
14858            .blu-list__item[data-v-313621ef]:not(.b-disabled):hover {
14859                background-color: #f1f2f2;
14860            }
14861            .blu-list__item[data-v-313621ef]:not(.b-disabled):focus-visible {
14862                outline: none;
14863                box-shadow: 0px 0px 0px 4px #000;
14864                background-color: #f1f2f2;
14865            }
14866            .blu-list__item.b-selected[data-v-313621ef] {
14867                background-color: #f3f9ff;
14868            }
14869            .blu-list__item.b-selected.has-multiselect.b-selected[data-v-313621ef] {
14870                background: none;
14871            }
14872            .blu-list__item.b-disabled[data-v-313621ef] {
14873                cursor: not-allowed;
14874                opacity: 0.5;
14875            }
14876            .blu-list__item.b-disabled[data-v-313621ef]:focus-visible {
14877                outline: none;
14878            }
14879            .blu-list__item.b-disabled .blu-checkbox[data-v-313621ef],
14880            .blu-list__item.b-disabled .blu-radio[data-v-313621ef] {
14881                pointer-events: none;
14882            }
14883            .blu-list__item-image[data-v-313621ef] {
14884                background: #fff;
14885                display: flex;
14886                align-items: center;
14887                justify-content: center;
14888                height: 24px;
14889                width: 24px;
14890                border-radius: 50%;
14891                margin-right: 8px;
14892                float: left;
14893            }
14894            .blu-list__item-image img[data-v-313621ef] {
14895                border-radius: 50%;
14896            }
14897            .blu-list__item-heading[data-v-313621ef] {
14898                display: flex;
14899            }
14900            .blu-list .blu-checkbox[data-v-313621ef] {
14901                transform: translateY(-2px);
14902            }
14903            .blu-list .b-right-checkbox label[data-v-313621ef] {
14904                order: 1;
14905                width: 100%;
14906            }
14907            .blu-list .b-right-checkbox .blu-checkbox[data-v-313621ef] {
14908                order: 2;
14909                transform: translateX(7px);
14910            }
14911            .blu-list__content[data-v-313621ef] {
14912                display: grid;
14913                margin: 8px 8px 8px -8px;
14914                padding: 8px 10px;
14915                border-radius: 16px;
14916            }
14917            .blu-list .has-left-radio .blu-radio[data-v-313621ef] {
14918                margin: 0 8px 0 0;
14919            }
14920            .blu-list .has-left-radio .blu-list__text-desc[data-v-313621ef] {
14921                padding-left: 28px;
14922            }
14923            .blu-list .has-right-radio .blu-radio[data-v-313621ef] {
14924                order: 2;
14925                margin: 0 0 0 auto;
14926            }
14927            .has-child > .blu-list[data-v-313621ef] {
14928                background-color: #fff;
14929                overflow-y: auto;
14930                max-height: 0px;
14931                opacity: 0;
14932                transition: all 0.3s ease-in-out;
14933                width: calc(100% + 28px);
14934                transform: translateX(-12px);
14935                padding-left: 24px;
14936            }
14937            .has-child > .blu-list li[data-v-313621ef]:first-child {
14938                margin-top: 1px;
14939            }
14940            .has-child > .blu-list__item[data-v-313621ef] {
14941                position: relative;
14942                align-items: center;
14943            }
14944            .has-child > .blu-list__item[data-v-313621ef]::after {
14945                content: "";
14946                width: 24px;
14947                height: 24px;
14948                background: rgba(0, 0, 0, 0)
14949                    url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB2aWV3Qm94PSIwIDAgMjQgMjQiPgogIDxkZWZzPgogICAgPHBhdGgKICAgICAgICBpZD0iMTkwcjYzOHp6YSIKICAgICAgICBkPSJNMCA1LjE1NGMwLS42MzYuMjkyLTEuMjE5LjgtMS42TDUuNDExLjE5MmMuNDQ2LS4zMjUgMS4wNzItLjIyOCAxLjM5Ny4yMi4zMjUuNDQ1LjIyNyAxLjA3MS0uMjE5IDEuMzk2bC00LjYgMy4zNTQgNC41NjMgMy4wMDRjLjQ2LjMwNS41ODcuOTI1LjI4MiAxLjM4Ni0uMzA1LjQ2LS45MjYuNTg2LTEuMzg2LjI4MmwtNC42LTMuMDQ2Qy4yOTEgNi4zNzIgMCA1Ljc5IDAgNS4xNTR6IgogICAgLz4KICA8L2RlZnM+CiAgPGcgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIj4KICAgIDxnPgogICAgICA8Zz4KICAgICAgICA8cGF0aCBmaWxsPSIjRkZGIiBmaWxsLW9wYWNpdHk9Ii4wMSIgZD0iTTAgMEgyNFYyNEgweiIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTU5MiAtNzg1KSB0cmFuc2xhdGUoNTkyIDc4NSkiIC8+CiAgICAgICAgPGcgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTU5MiAtNzg1KSB0cmFuc2xhdGUoNTkyIDc4NSkgdHJhbnNsYXRlKDggNykiPgogICAgICAgICAgPG1hc2sgaWQ9InU0ZGRwYm95eGIiIGZpbGw9IiNmZmYiPjx1c2UgeGxpbms6aHJlZj0iIzE5MHI2Mzh6emEiIC8+PC9tYXNrPgogICAgICAgICAgPHVzZSBmaWxsPSIjNzk3Rjg1IiBmaWxsLXJ1bGU9Im5vbnplcm8iIHhsaW5rOmhyZWY9IiMxOTByNjM4enphIiAvPgogICAgICAgICAgPHBhdGggZmlsbD0iIzc5N0Y4NSIgZD0iTS04IC03SDE2VjE3SC04eiIgbWFzaz0idXJsKCN1NGRkcGJveXhiKSIgLz4KICAgICAgICA8L2c+CiAgICAgIDwvZz4KICAgIDwvZz4KICA8L2c+Cjwvc3ZnPgo=)
14950                    center center no-repeat;
14951                transform: rotate(270deg);
14952                transition: transform 0.3s;
14953                display: block;
14954                position: absolute;
14955                right: 8px;
14956                top: 7px;
14957            }
14958            .has-child > .blu-list__item:focus-visible ~ .blu-list[data-v-313621ef] {
14959                border-top: #c8cbcd 1px solid;
14960                max-height: 200px;
14961                opacity: 1;
14962            }
14963            .has-child > .blu-list__item:focus-visible ~ .blu-list__item[data-v-313621ef]::after {
14964                transform: rotate(90deg);
14965            }
14966            .has-child > .blu-list.b-overflow-y[data-v-313621ef] {
14967                margin: 0;
14968            }
14969            .has-child .blu-list__text-desc[data-v-313621ef] {
14970                padding-right: 20px;
14971            }
14972            .has-child:hover > .blu-list[data-v-313621ef] {
14973                max-height: 200px;
14974                opacity: 1;
14975            }
14976            .has-child:hover > .blu-list__item[data-v-313621ef]::after {
14977                transform: rotate(90deg);
14978            }
14979            .has-child:hover > .blu-list[data-v-313621ef]::before {
14980                content: "";
14981                height: 1px;
14982                width: calc(100% - 28px);
14983                background: #c8cbcd;
14984                position: absolute;
14985                left: 12px;
14986            }
14987            .has-left-icon[data-v-313621ef] {
14988                display: flex;
14989                align-items: center;
14990            }
14991            .has-left-icon .blu-list__item-icon[data-v-313621ef],
14992            .has-left-icon .blu-list__content-icon[data-v-313621ef] {
14993                display: flex;
14994                margin-right: 8px;
14995                color: #797f85;
14996            }
14997            .has-child-expand > .blu-list[data-v-313621ef] {
14998                background-color: #fff;
14999                overflow-y: auto;
15000                max-height: 0;
15001                opacity: 0;
15002                transition:
15003                    max-height 0.3s ease-in-out,
15004                    opacity 0.3s ease-in-out;
15005                width: calc(100% + 28px);
15006                transform: translateX(-12px);
15007                padding-left: 24px;
15008            }
15009            .has-child-expand > .blu-list li[data-v-313621ef]:first-child {
15010                margin-top: 1px;
15011            }
15012            .has-child-expand > .blu-list__item[data-v-313621ef] {
15013                position: relative;
15014                align-items: center;
15015            }
15016            .has-child-expand > .blu-list__item[data-v-313621ef]::after {
15017                content: "";
15018                width: 24px;
15019                height: 24px;
15020                background: rgba(0, 0, 0, 0)
15021                    url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB2aWV3Qm94PSIwIDAgMjQgMjQiPgogIDxkZWZzPgogICAgPHBhdGgKICAgICAgICBpZD0iMTkwcjYzOHp6YSIKICAgICAgICBkPSJNMCA1LjE1NGMwLS42MzYuMjkyLTEuMjE5LjgtMS42TDUuNDExLjE5MmMuNDQ2LS4zMjUgMS4wNzItLjIyOCAxLjM5Ny4yMi4zMjUuNDQ1LjIyNyAxLjA3MS0uMjE5IDEuMzk2bC00LjYgMy4zNTQgNC41NjMgMy4wMDRjLjQ2LjMwNS41ODcuOTI1LjI4MiAxLjM4Ni0uMzA1LjQ2LS45MjYuNTg2LTEuMzg2LjI4MmwtNC42LTMuMDQ2Qy4yOTEgNi4zNzIgMCA1Ljc5IDAgNS4xNTR6IgogICAgLz4KICA8L2RlZnM+CiAgPGcgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIj4KICAgIDxnPgogICAgICA8Zz4KICAgICAgICA8cGF0aCBmaWxsPSIjRkZGIiBmaWxsLW9wYWNpdHk9Ii4wMSIgZD0iTTAgMEgyNFYyNEgweiIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTU5MiAtNzg1KSB0cmFuc2xhdGUoNTkyIDc4NSkiIC8+CiAgICAgICAgPGcgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTU5MiAtNzg1KSB0cmFuc2xhdGUoNTkyIDc4NSkgdHJhbnNsYXRlKDggNykiPgogICAgICAgICAgPG1hc2sgaWQ9InU0ZGRwYm95eGIiIGZpbGw9IiNmZmYiPjx1c2UgeGxpbms6aHJlZj0iIzE5MHI2Mzh6emEiIC8+PC9tYXNrPgogICAgICAgICAgPHVzZSBmaWxsPSIjNzk3Rjg1IiBmaWxsLXJ1bGU9Im5vbnplcm8iIHhsaW5rOmhyZWY9IiMxOTByNjM4enphIiAvPgogICAgICAgICAgPHBhdGggZmlsbD0iIzc5N0Y4NSIgZD0iTS04IC03SDE2VjE3SC04eiIgbWFzaz0idXJsKCN1NGRkcGJveXhiKSIgLz4KICAgICAgICA8L2c+CiAgICAgIDwvZz4KICAgIDwvZz4KICA8L2c+Cjwvc3ZnPgo=)
15022                    center center no-repeat;
15023                transform: rotate(270deg);
15024                transition: transform 0.3s;
15025                display: block;
15026                position: absolute;
15027                right: 8px;
15028                top: 7px;
15029            }
15030            .has-child-expand > .blu-list__item:focus-visible ~ .blu-list[data-v-313621ef] {
15031                border-top: #c8cbcd 1px solid;
15032                max-height: 200px;
15033                opacity: 1;
15034            }
15035            .has-child-expand > .blu-list__item:focus-visible ~ .blu-list__item[data-v-313621ef]::after {
15036                transform: rotate(90deg);
15037            }
15038            .has-child-expand > .blu-list.b-overflow-y[data-v-313621ef] {
15039                margin: 0;
15040            }
15041            .has-child-expand .blu-list__text-desc[data-v-313621ef] {
15042                padding-right: 20px;
15043            }
15044            .has-list-expand > .blu-list[data-v-313621ef] {
15045                max-height: 100vh;
15046                opacity: 1;
15047            }
15048            .has-list-expand > .blu-list__item[data-v-313621ef]::after {
15049                transform: rotate(90deg);
15050            }
15051            .has-list-expand > .blu-list[data-v-313621ef]::before {
15052                content: "";
15053                height: 1px;
15054                width: calc(100% - 28px);
15055                background: #c8cbcd;
15056                position: absolute;
15057                left: 12px;
15058            }
15059        </style>
15060        <style type="text/css">
15061            .blu-list button[data-v-eb2a42e4] {
15062                font:
15063                    16px/20px "blibli",
15064                    -apple-system,
15065                    segoe ui,
15066                    roboto,
15067                    helvetica,
15068                    arial,
15069                    sans-serif;
15070                width: calc(100% + 16px);
15071                text-align: left;
15072                color: #19222a;
15073            }
15074            .blu-list ul[data-v-eb2a42e4] {
15075                padding: 0;
15076                margin: 0;
15077            }
15078            .blu-list li[data-v-eb2a42e4] {
15079                min-height: 56px;
15080            }
15081            .blu-list ul li[data-v-eb2a42e4] {
15082                display: grid;
15083                list-style: none;
15084                margin: 0px 16px;
15085            }
15086            .blu-list ul[data-v-eb2a42e4] > :not(.list-group):not(:first-child) {
15087                border-top: #c8cbcd 1px solid;
15088            }
15089            .blu-list.b-group ul .list-group:not(:last-child) li[data-v-eb2a42e4]:last-child {
15090                border-bottom: 1px solid #c8cbcd;
15091            }
15092            .blu-list .blu-list__text-right[data-v-eb2a42e4] {
15093                color: rgba(25, 34, 42, 0.4);
15094                float: right;
15095                padding: 0px 0 3px 19px;
15096                margin-top: -21px;
15097            }
15098            .blu-list .blu-list__text-desc[data-v-eb2a42e4] {
15099                color: rgba(25, 34, 42, 0.4);
15100                font:
15101                    14px/18px "blibli",
15102                    -apple-system,
15103                    segoe ui,
15104                    roboto,
15105                    helvetica,
15106                    arial,
15107                    sans-serif;
15108                display: flex;
15109                padding-right: 20px;
15110            }
15111            .blu-list li.has-multiselect:not(.b-right-checkbox) .blu-list__text-desc[data-v-eb2a42e4] {
15112                padding-left: 28px;
15113            }
15114            .blu-list__item[data-v-eb2a42e4] {
15115                display: block;
15116                min-height: 40px;
15117                margin: 8px 8px 8px -8px;
15118                padding: 8px;
15119                border-radius: 8px;
15120                transition: background-color 0.4s;
15121                color: #19222a;
15122                cursor: pointer;
15123            }
15124            .blu-list__item[data-v-eb2a42e4]:not(.b-disabled):hover {
15125                background-color: #f1f2f2;
15126            }
15127            .blu-list__item[data-v-eb2a42e4]:not(.b-disabled):focus-visible {
15128                outline: none;
15129                box-shadow: 0px 0px 0px 4px #000;
15130                background-color: #f1f2f2;
15131            }
15132            .blu-list__item.b-selected[data-v-eb2a42e4] {
15133                background-color: #f3f9ff;
15134            }
15135            .blu-list__item.b-selected.has-multiselect.b-selected[data-v-eb2a42e4] {
15136                background: none;
15137            }
15138            .blu-list__item.b-disabled[data-v-eb2a42e4] {
15139                cursor: not-allowed;
15140                opacity: 0.5;
15141            }
15142            .blu-list__item.b-disabled[data-v-eb2a42e4]:focus-visible {
15143                outline: none;
15144            }
15145            .blu-list__item.b-disabled .blu-checkbox[data-v-eb2a42e4],
15146            .blu-list__item.b-disabled .blu-radio[data-v-eb2a42e4] {
15147                pointer-events: none;
15148            }
15149            .blu-list__item-image[data-v-eb2a42e4] {
15150                background: #fff;
15151                display: flex;
15152                align-items: center;
15153                justify-content: center;
15154                height: 24px;
15155                width: 24px;
15156                border-radius: 50%;
15157                margin-right: 8px;
15158                float: left;
15159            }
15160            .blu-list__item-image img[data-v-eb2a42e4] {
15161                border-radius: 50%;
15162            }
15163            .blu-list__item-heading[data-v-eb2a42e4] {
15164                display: flex;
15165            }
15166            .blu-list .blu-checkbox[data-v-eb2a42e4] {
15167                transform: translateY(-2px);
15168            }
15169            .blu-list .b-right-checkbox label[data-v-eb2a42e4] {
15170                order: 1;
15171                width: 100%;
15172            }
15173            .blu-list .b-right-checkbox .blu-checkbox[data-v-eb2a42e4] {
15174                order: 2;
15175                transform: translateX(7px);
15176            }
15177            .blu-list__content[data-v-eb2a42e4] {
15178                display: grid;
15179                margin: 8px 8px 8px -8px;
15180                padding: 8px 10px;
15181                border-radius: 16px;
15182            }
15183            .blu-list .has-left-radio .blu-radio[data-v-eb2a42e4] {
15184                margin: 0 8px 0 0;
15185            }
15186            .blu-list .has-left-radio .blu-list__text-desc[data-v-eb2a42e4] {
15187                padding-left: 28px;
15188            }
15189            .blu-list .has-right-radio .blu-radio[data-v-eb2a42e4] {
15190                order: 2;
15191                margin: 0 0 0 auto;
15192            }
15193            .has-child > .blu-list[data-v-eb2a42e4] {
15194                background-color: #fff;
15195                overflow-y: auto;
15196                max-height: 0px;
15197                opacity: 0;
15198                transition: all 0.3s ease-in-out;
15199                width: calc(100% + 28px);
15200                transform: translateX(-12px);
15201                padding-left: 24px;
15202            }
15203            .has-child > .blu-list li[data-v-eb2a42e4]:first-child {
15204                margin-top: 1px;
15205            }
15206            .has-child > .blu-list__item[data-v-eb2a42e4] {
15207                position: relative;
15208                align-items: center;
15209            }
15210            .has-child > .blu-list__item[data-v-eb2a42e4]::after {
15211                content: "";
15212                width: 24px;
15213                height: 24px;
15214                background: rgba(0, 0, 0, 0)
15215                    url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB2aWV3Qm94PSIwIDAgMjQgMjQiPgogIDxkZWZzPgogICAgPHBhdGgKICAgICAgICBpZD0iMTkwcjYzOHp6YSIKICAgICAgICBkPSJNMCA1LjE1NGMwLS42MzYuMjkyLTEuMjE5LjgtMS42TDUuNDExLjE5MmMuNDQ2LS4zMjUgMS4wNzItLjIyOCAxLjM5Ny4yMi4zMjUuNDQ1LjIyNyAxLjA3MS0uMjE5IDEuMzk2bC00LjYgMy4zNTQgNC41NjMgMy4wMDRjLjQ2LjMwNS41ODcuOTI1LjI4MiAxLjM4Ni0uMzA1LjQ2LS45MjYuNTg2LTEuMzg2LjI4MmwtNC42LTMuMDQ2Qy4yOTEgNi4zNzIgMCA1Ljc5IDAgNS4xNTR6IgogICAgLz4KICA8L2RlZnM+CiAgPGcgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIj4KICAgIDxnPgogICAgICA8Zz4KICAgICAgICA8cGF0aCBmaWxsPSIjRkZGIiBmaWxsLW9wYWNpdHk9Ii4wMSIgZD0iTTAgMEgyNFYyNEgweiIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTU5MiAtNzg1KSB0cmFuc2xhdGUoNTkyIDc4NSkiIC8+CiAgICAgICAgPGcgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTU5MiAtNzg1KSB0cmFuc2xhdGUoNTkyIDc4NSkgdHJhbnNsYXRlKDggNykiPgogICAgICAgICAgPG1hc2sgaWQ9InU0ZGRwYm95eGIiIGZpbGw9IiNmZmYiPjx1c2UgeGxpbms6aHJlZj0iIzE5MHI2Mzh6emEiIC8+PC9tYXNrPgogICAgICAgICAgPHVzZSBmaWxsPSIjNzk3Rjg1IiBmaWxsLXJ1bGU9Im5vbnplcm8iIHhsaW5rOmhyZWY9IiMxOTByNjM4enphIiAvPgogICAgICAgICAgPHBhdGggZmlsbD0iIzc5N0Y4NSIgZD0iTS04IC03SDE2VjE3SC04eiIgbWFzaz0idXJsKCN1NGRkcGJveXhiKSIgLz4KICAgICAgICA8L2c+CiAgICAgIDwvZz4KICAgIDwvZz4KICA8L2c+Cjwvc3ZnPgo=)
15216                    center center no-repeat;
15217                transform: rotate(270deg);
15218                transition: transform 0.3s;
15219                display: block;
15220                position: absolute;
15221                right: 8px;
15222                top: 7px;
15223            }
15224            .has-child > .blu-list__item:focus-visible ~ .blu-list[data-v-eb2a42e4] {
15225                border-top: #c8cbcd 1px solid;
15226                max-height: 200px;
15227                opacity: 1;
15228            }
15229            .has-child > .blu-list__item:focus-visible ~ .blu-list__item[data-v-eb2a42e4]::after {
15230                transform: rotate(90deg);
15231            }
15232            .has-child > .blu-list.b-overflow-y[data-v-eb2a42e4] {
15233                margin: 0;
15234            }
15235            .has-child .blu-list__text-desc[data-v-eb2a42e4] {
15236                padding-right: 20px;
15237            }
15238            .has-child:hover > .blu-list[data-v-eb2a42e4] {
15239                max-height: 200px;
15240                opacity: 1;
15241            }
15242            .has-child:hover > .blu-list__item[data-v-eb2a42e4]::after {
15243                transform: rotate(90deg);
15244            }
15245            .has-child:hover > .blu-list[data-v-eb2a42e4]::before {
15246                content: "";
15247                height: 1px;
15248                width: calc(100% - 28px);
15249                background: #c8cbcd;
15250                position: absolute;
15251                left: 12px;
15252            }
15253            .has-left-icon[data-v-eb2a42e4] {
15254                display: flex;
15255                align-items: center;
15256            }
15257            .has-left-icon .blu-list__item-icon[data-v-eb2a42e4],
15258            .has-left-icon .blu-list__content-icon[data-v-eb2a42e4] {
15259                display: flex;
15260                margin-right: 8px;
15261                color: #797f85;
15262            }
15263            .has-child-expand > .blu-list[data-v-eb2a42e4] {
15264                background-color: #fff;
15265                overflow-y: auto;
15266                max-height: 0;
15267                opacity: 0;
15268                transition:
15269                    max-height 0.3s ease-in-out,
15270                    opacity 0.3s ease-in-out;
15271                width: calc(100% + 28px);
15272                transform: translateX(-12px);
15273                padding-left: 24px;
15274            }
15275            .has-child-expand > .blu-list li[data-v-eb2a42e4]:first-child {
15276                margin-top: 1px;
15277            }
15278            .has-child-expand > .blu-list__item[data-v-eb2a42e4] {
15279                position: relative;
15280                align-items: center;
15281            }
15282            .has-child-expand > .blu-list__item[data-v-eb2a42e4]::after {
15283                content: "";
15284                width: 24px;
15285                height: 24px;
15286                background: rgba(0, 0, 0, 0)
15287                    url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB2aWV3Qm94PSIwIDAgMjQgMjQiPgogIDxkZWZzPgogICAgPHBhdGgKICAgICAgICBpZD0iMTkwcjYzOHp6YSIKICAgICAgICBkPSJNMCA1LjE1NGMwLS42MzYuMjkyLTEuMjE5LjgtMS42TDUuNDExLjE5MmMuNDQ2LS4zMjUgMS4wNzItLjIyOCAxLjM5Ny4yMi4zMjUuNDQ1LjIyNyAxLjA3MS0uMjE5IDEuMzk2bC00LjYgMy4zNTQgNC41NjMgMy4wMDRjLjQ2LjMwNS41ODcuOTI1LjI4MiAxLjM4Ni0uMzA1LjQ2LS45MjYuNTg2LTEuMzg2LjI4MmwtNC42LTMuMDQ2Qy4yOTEgNi4zNzIgMCA1Ljc5IDAgNS4xNTR6IgogICAgLz4KICA8L2RlZnM+CiAgPGcgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIj4KICAgIDxnPgogICAgICA8Zz4KICAgICAgICA8cGF0aCBmaWxsPSIjRkZGIiBmaWxsLW9wYWNpdHk9Ii4wMSIgZD0iTTAgMEgyNFYyNEgweiIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTU5MiAtNzg1KSB0cmFuc2xhdGUoNTkyIDc4NSkiIC8+CiAgICAgICAgPGcgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTU5MiAtNzg1KSB0cmFuc2xhdGUoNTkyIDc4NSkgdHJhbnNsYXRlKDggNykiPgogICAgICAgICAgPG1hc2sgaWQ9InU0ZGRwYm95eGIiIGZpbGw9IiNmZmYiPjx1c2UgeGxpbms6aHJlZj0iIzE5MHI2Mzh6emEiIC8+PC9tYXNrPgogICAgICAgICAgPHVzZSBmaWxsPSIjNzk3Rjg1IiBmaWxsLXJ1bGU9Im5vbnplcm8iIHhsaW5rOmhyZWY9IiMxOTByNjM4enphIiAvPgogICAgICAgICAgPHBhdGggZmlsbD0iIzc5N0Y4NSIgZD0iTS04IC03SDE2VjE3SC04eiIgbWFzaz0idXJsKCN1NGRkcGJveXhiKSIgLz4KICAgICAgICA8L2c+CiAgICAgIDwvZz4KICAgIDwvZz4KICA8L2c+Cjwvc3ZnPgo=)
15288                    center center no-repeat;
15289                transform: rotate(270deg);
15290                transition: transform 0.3s;
15291                display: block;
15292                position: absolute;
15293                right: 8px;
15294                top: 7px;
15295            }
15296            .has-child-expand > .blu-list__item:focus-visible ~ .blu-list[data-v-eb2a42e4] {
15297                border-top: #c8cbcd 1px solid;
15298                max-height: 200px;
15299                opacity: 1;
15300            }
15301            .has-child-expand > .blu-list__item:focus-visible ~ .blu-list__item[data-v-eb2a42e4]::after {
15302                transform: rotate(90deg);
15303            }
15304            .has-child-expand > .blu-list.b-overflow-y[data-v-eb2a42e4] {
15305                margin: 0;
15306            }
15307            .has-child-expand .blu-list__text-desc[data-v-eb2a42e4] {
15308                padding-right: 20px;
15309            }
15310            .has-list-expand > .blu-list[data-v-eb2a42e4] {
15311                max-height: 100vh;
15312                opacity: 1;
15313            }
15314            .has-list-expand > .blu-list__item[data-v-eb2a42e4]::after {
15315                transform: rotate(90deg);
15316            }
15317            .has-list-expand > .blu-list[data-v-eb2a42e4]::before {
15318                content: "";
15319                height: 1px;
15320                width: calc(100% - 28px);
15321                background: #c8cbcd;
15322                position: absolute;
15323                left: 12px;
15324            }
15325        </style>
15326        <style type="text/css">
15327            .blu-list-group__title[data-v-5e67bb7e] {
15328                display: flex;
15329                align-items: center;
15330                padding: 12px 0px;
15331                color: rgba(25, 34, 42, 0.4);
15332                font:
15333                    16px/20px "blibli",
15334                    -apple-system,
15335                    segoe ui,
15336                    roboto,
15337                    helvetica,
15338                    arial,
15339                    sans-serif;
15340            }
15341        </style>
15342        <style>
15343            .product-status[data-v-f375d1ab] {
15344                display: flex;
15345                flex-wrap: wrap;
15346                font:
15347                    600 12px/16px Blibli,
15348                    -apple-system,
15349                    Segoe UI,
15350                    Roboto,
15351                    Helvetica,
15352                    Arial,
15353                    sans-serif;
15354                gap: 4px;
15355            }
15356        </style>
15357        <style>
15358            html:not([dark]) .blu-product-badge[data-v-5f0401da] {
15359                --blu-product-badge-border: 1px solid #ffffff;
15360                --blu-product-badge-border-countdown-promo: 1px solid #e93c3c;
15361                --blu-product-badge-border-countdown-flash-sale: 1px solid #f05a00;
15362                --blu-product-badge-border-radius: 4px;
15363                --blu-product-badge-border-radius-countdown: 4px;
15364                --blu-product-badge-border-radius-countdown-icon: 4px;
15365                --blu-product-badge-font: 600 12px/16px Blibli, -apple-system, Segoe UI, Roboto, Helvetica, Arial,
15366                    sans-serif;
15367                --blu-product-badge-opacity: 1;
15368                --blu-product-badge-text-shadow: 0 0 1px #19222a;
15369                --blu-product-badge-padding: 0 4px;
15370                --blu-product-badge-padding-countdown: 0px 2px 0px 0px;
15371                --blu-product-badge-spacing: 2px;
15372                --blu-product-badge-icon-margin-countdown: 2px;
15373                --blu-product-badge-icon-height: 16px;
15374                --blu-product-badge-background-color-blue: #09acde;
15375                --blu-product-badge-background-color-light-blue: #f3f9ff;
15376                --blu-product-badge-background-color-green: #22a334;
15377                --blu-product-badge-background-color-gray: #e1e3e4;
15378                --blu-product-badge-background-color-light-gray: #f9f9fa;
15379                --blu-product-badge-background-color-dark-gray: rgba(0, 0, 0, 0.6);
15380                --blu-product-badge-background-color-orange: #ff7f00;
15381                --blu-product-badge-background-color-magenta: #ff0f9d;
15382                --blu-product-badge-background-color-red: #d33534;
15383                --blu-product-badge-background-color-light-red: #ff7373;
15384                --blu-product-badge-background-color-white: #ffffff;
15385                --blu-product-badge-background-color-yellow: #0ea5e9;
15386                --blu-product-badge-background-color-pre-order-gray-med: #f1f2f2;
15387                --blu-product-badge-background-color-promo-blue: #f3f9ff;
15388                --blu-product-badge-background-color-promo-green: #effcf0;
15389                --blu-product-badge-background-color-promo-gray: #f1f2f2;
15390                --blu-product-badge-background-color-countdown-promo-red: #e93c3c;
15391                --blu-product-badge-background-color-countdown-flash-sale-orange: #f05a00;
15392                --blu-product-badge-color-countdown-flash-sale-orange-icon: #f05a00;
15393                --blu-product-badge-color-blue: #006dea;
15394                --blu-product-badge-color-light-gray: rgba(25, 34, 42, 0.4);
15395                --blu-product-badge-text-color-pre-oder-gray-med: rgba(25, 34, 42, 0.7019607843);
15396                --blu-product-badge-color-gray: rgba(25, 34, 42, 0.7019607843);
15397                --blu-product-badge-color-white: #ffffff;
15398                --blu-product-badge-color-promo-blue: #006dea;
15399                --blu-product-badge-color-promo-green: #1c832a;
15400                --blu-product-badge-color-promo-gray: rgba(25, 34, 42, 0.7019607843);
15401                --blu-product-badge-color-promo-orange: #ff7f00;
15402                --blu-product-badge-color-promo-red: #d33534;
15403                --blu-product-badge-color-flashsale-gray: rgba(25, 34, 42, 0.7019607843);
15404                --blu-product-badge-color-flashsale-orange: #f05a00;
15405                --blu-product-badge-color-flashsale-red: #d33534;
15406                --blu-product-badge-color-countdown-promo-red: #d33534;
15407                --blu-product-badge-pseudo-element-border-promo-blue: 100%;
15408                --blu-product-badge-pseudo-element-height-promo-blue: 7.5px;
15409                --blu-product-badge-pseudo-element-position-bottom-promo-blue: 50%;
15410                --blu-product-badge-pseudo-element-position-left-promo-blue: -3px;
15411                --blu-product-badge-pseudo-element-position-right-promo-blue: -3px;
15412                --blu-product-badge-pseudo-element-width-promo-blue: 6px;
15413                display: inline-flex;
15414                align-items: flex-start;
15415                font: var(--blu-product-badge-font);
15416                width: fit-content;
15417                border-radius: var(--blu-product-badge-border-radius);
15418                padding: var(--blu-product-badge-padding);
15419                opacity: var(--blu-product-badge-opacity);
15420            }
15421            html:not([dark]) .blu-product-badge[data-v-5f0401da] > :not(:last-child) {
15422                margin-right: var(--blu-product-badge-spacing);
15423            }
15424            html:not([dark]) .blu-product-badge.b-ads[data-v-5f0401da] {
15425                background-color: transparent;
15426                color: var(--blu-product-badge-color-white);
15427                border: none;
15428                text-shadow: var(--blu-product-badge-text-shadow);
15429                --blu-product-badge-opacity: 0.47;
15430                --blu-product-badge-font: 500 12px/16px Blibli, -apple-system, Segoe UI, Roboto, Helvetica, Arial,
15431                    sans-serif;
15432            }
15433            html:not([dark]) .blu-product-badge.b-best-seller[data-v-5f0401da] {
15434                background-color: var(--blu-product-badge-background-color-yellow);
15435                color: var(--blu-product-badge-color-white);
15436                border: var(--blu-product-badge-border);
15437            }
15438            html:not([dark]) .blu-product-badge.b-blibli-choice[data-v-5f0401da] {
15439                background-color: var(--blu-product-badge-background-color-blue);
15440                color: var(--blu-product-badge-color-white);
15441                border: var(--blu-product-badge-border);
15442            }
15443            html:not([dark]) .blu-product-badge.b-coming-soon[data-v-5f0401da] {
15444                background-color: var(--blu-product-badge-background-color-magenta);
15445                color: var(--blu-product-badge-color-white);
15446                border: var(--blu-product-badge-border);
15447            }
15448            html:not([dark]) .blu-product-badge.b-discount[data-v-5f0401da] {
15449                background-color: var(--blu-product-badge-background-color-red);
15450                color: var(--blu-product-badge-color-white);
15451                border: var(--blu-product-badge-border);
15452            }
15453            html:not([dark]) .blu-product-badge.b-exclusive[data-v-5f0401da] {
15454                background-color: var(--blu-product-badge-background-color-dark-gray);
15455                color: var(--blu-product-badge-color-white);
15456                border: var(--blu-product-badge-border);
15457            }
15458            html:not([dark]) .blu-product-badge.b-fresh-product[data-v-5f0401da] {
15459                background-color: var(--blu-product-badge-background-color-light-blue);
15460                color: var(--blu-product-badge-color-blue);
15461                border: var(--blu-product-badge-border);
15462            }
15463            html:not([dark]) .blu-product-badge.b-newest[data-v-5f0401da] {
15464                background-color: var(--blu-product-badge-background-color-green);
15465                color: var(--blu-product-badge-color-white);
15466                border: var(--blu-product-badge-border);
15467            }
15468            html:not([dark]) .blu-product-badge.b-currently-closed[data-v-5f0401da] {
15469                background-color: var(--blu-product-badge-background-color-light-gray);
15470                color: var(--blu-product-badge-color-light-gray);
15471                border: var(--blu-product-badge-border);
15472            }
15473            html:not([dark]) .blu-product-badge.b-out-of-stock[data-v-5f0401da] {
15474                background-color: var(--blu-product-badge-background-color-gray);
15475                color: var(--blu-product-badge-color-gray);
15476                border: var(--blu-product-badge-border);
15477            }
15478            html:not([dark]) .blu-product-badge.b-product-left[data-v-5f0401da] {
15479                background-color: var(--blu-product-badge-background-color-light-red);
15480                color: var(--blu-product-badge-color-white);
15481                border: var(--blu-product-badge-border);
15482            }
15483            html:not([dark]) .blu-product-badge.b-top-product[data-v-5f0401da] {
15484                background-color: var(--blu-product-badge-background-color-orange);
15485                color: var(--blu-product-badge-color-white);
15486                border: var(--blu-product-badge-border);
15487            }
15488            html:not([dark]) .blu-product-badge.b-pre-order[data-v-5f0401da] {
15489                background-color: var(--blu-product-badge-background-color-pre-order-gray-med);
15490                color: var(--blu-product-badge-text-color-pre-oder-gray-med);
15491                border: var(--blu-product-badge-border);
15492            }
15493            html:not([dark]) .blu-product-badge.b-blue[data-v-5f0401da] {
15494                background-color: var(--blu-product-badge-background-color-promo-blue);
15495                color: var(--blu-product-badge-color-promo-blue);
15496                border: none;
15497                position: relative;
15498                overflow: hidden;
15499                --blu-product-badge-padding: 0 6px;
15500            }
15501            html:not([dark]) .blu-product-badge.b-blue[data-v-5f0401da]:after {
15502                content: "";
15503                position: absolute;
15504                bottom: var(--blu-product-badge-pseudo-element-position-bottom-promo-blue);
15505                transform: translateY(50%);
15506                left: var(--blu-product-badge-pseudo-element-position-left-promo-blue);
15507                width: var(--blu-product-badge-pseudo-element-width-promo-blue);
15508                height: var(--blu-product-badge-pseudo-element-height-promo-blue);
15509                border-radius: var(--blu-product-badge-pseudo-element-border-promo-blue);
15510                background-color: var(--blu-product-badge-background-color-white);
15511            }
15512            html:not([dark]) .blu-product-badge.b-blue[data-v-5f0401da]:before {
15513                content: "";
15514                position: absolute;
15515                bottom: var(--blu-product-badge-pseudo-element-position-bottom-promo-blue);
15516                transform: translateY(50%);
15517                right: var(--blu-product-badge-pseudo-element-position-right-promo-blue);
15518                width: var(--blu-product-badge-pseudo-element-width-promo-blue);
15519                height: var(--blu-product-badge-pseudo-element-height-promo-blue);
15520                border-radius: var(--blu-product-badge-pseudo-element-border-promo-blue);
15521                background-color: var(--blu-product-badge-background-color-white);
15522            }
15523            html:not([dark]) .blu-product-badge.b-green[data-v-5f0401da] {
15524                background-color: var(--blu-product-badge-background-color-promo-green);
15525                color: var(--blu-product-badge-color-promo-green);
15526                border: none;
15527            }
15528            html:not([dark]) .blu-product-badge.b-gray[data-v-5f0401da] {
15529                background-color: var(--blu-product-badge-background-color-promo-gray);
15530                color: var(--blu-product-badge-color-promo-gray);
15531                border: none;
15532            }
15533            html:not([dark]) .blu-product-badge.b-orange[data-v-5f0401da] {
15534                background-color: none;
15535                color: var(--blu-product-badge-color-promo-orange);
15536                border: none;
15537                --blu-product-badge-padding: 0;
15538            }
15539            html:not([dark]) .blu-product-badge.b-light-blue[data-v-5f0401da] {
15540                background-color: var(--blu-product-badge-background-color-promo-light-blue);
15541                color: var(--blu-product-badge-color-promo-light-blue);
15542                border: none;
15543            }
15544            html:not([dark]) .blu-product-badge.b-red[data-v-5f0401da] {
15545                background-color: none;
15546                color: var(--blu-product-badge-color-promo-red);
15547                border: none;
15548                --blu-product-badge-padding: 0;
15549            }
15550            html:not([dark]) .blu-product-badge.b-cheapest[data-v-5f0401da],
15551            html:not([dark]) .blu-product-badge.b-best-selling[data-v-5f0401da],
15552            html:not([dark]) .blu-product-badge.b-people-see[data-v-5f0401da] {
15553                --blu-product-badge-padding: 0;
15554            }
15555            html:not([dark]) .blu-product-badge.b-cheapest[data-v-5f0401da] {
15556                background-color: none;
15557                color: var(--blu-product-badge-color-flashsale-red);
15558                border: none;
15559            }
15560            html:not([dark]) .blu-product-badge.b-best-selling[data-v-5f0401da] {
15561                background-color: none;
15562                color: var(--blu-product-badge-color-flashsale-orange);
15563                border: none;
15564            }
15565            html:not([dark]) .blu-product-badge.b-people-see[data-v-5f0401da] {
15566                background-color: none;
15567                color: var(--blu-product-badge-color-flashsale-gray);
15568                border: none;
15569            }
15570            html:not([dark]) .blu-product-badge.b-promo-countdown[data-v-5f0401da],
15571            html:not([dark]) .blu-product-badge.b-flash-sale[data-v-5f0401da] {
15572                --blu-product-badge-padding: var(--blu-product-badge-padding-countdown);
15573                --blu-product-badge-border-radius: var(--blu-product-badge-border-radius-countdown);
15574                display: flex;
15575                align-items: center;
15576                justify-content: center;
15577            }
15578            html:not([dark]) .blu-product-badge.b-promo-countdown .blu-product-badge__icon[data-v-5f0401da],
15579            html:not([dark]) .blu-product-badge.b-flash-sale .blu-product-badge__icon[data-v-5f0401da] {
15580                max-height: var(--blu-product-badge-icon-height);
15581                display: flex;
15582                justify-content: center;
15583                align-items: center;
15584                align-self: stretch;
15585                border-radius: var(--blu-product-badge-border-radius-countdown-icon);
15586                margin-right: var(--blu-product-badge-icon-margin-countdown);
15587            }
15588            html:not([dark]) .blu-product-badge.b-promo-countdown[data-v-5f0401da] {
15589                background-color: var(--blu-product-badge-background-color-countdown-promo-red);
15590                color: var(--blu-product-badge-color-white);
15591                border: none;
15592            }
15593            html:not([dark]) .blu-product-badge.b-promo-countdown .blu-product-badge__icon[data-v-5f0401da] {
15594                background-color: var(--blu-product-badge-background-color-white);
15595                color: var(--blu-product-badge-color-countdown-promo-red);
15596                border: var(--blu-product-badge-border-countdown-promo);
15597            }
15598            html:not([dark]) .blu-product-badge.b-flash-sale[data-v-5f0401da] {
15599                background-color: var(--blu-product-badge-background-color-countdown-flash-sale-orange);
15600                color: var(--blu-product-badge-color-white);
15601                border: none;
15602            }
15603            html:not([dark]) .blu-product-badge.b-flash-sale .blu-product-badge__icon[data-v-5f0401da] {
15604                background-color: var(--blu-product-badge-background-color-white);
15605                color: var(--blu-product-badge-color-countdown-flash-sale-orange-icon);
15606                border: var(--blu-product-badge-border-countdown-flash-sale);
15607            }
15608            html[dark] .blu-product-badge[data-v-5f0401da] {
15609                --blu-product-badge-border: 1px solid #12171d;
15610                --blu-product-badge-border-countdown-promo: 1px solid #ff9090;
15611                --blu-product-badge-border-countdown-flash-sale: 1px solid #f05a00;
15612                --blu-product-badge-border-radius: 4px;
15613                --blu-product-badge-border-radius-countdown: 4px;
15614                --blu-product-badge-border-radius-countdown-icon: 4px;
15615                --blu-product-badge-font: 600 12px/16px Blibli, -apple-system, Segoe UI, Roboto, Helvetica, Arial,
15616                    sans-serif;
15617                --blu-product-badge-opacity: 1;
15618                --blu-product-badge-text-shadow: 0 0 1px #19222a;
15619                --blu-product-badge-padding: 0 4px;
15620                --blu-product-badge-padding-countdown: 0px 2px 0px 0px;
15621                --blu-product-badge-spacing: 2px;
15622                --blu-product-badge-icon-margin-countdown: 2px;
15623                --blu-product-badge-icon-height: 16px;
15624                --blu-product-badge-background-color-blue: #09acde;
15625                --blu-product-badge-background-color-light-blue: #002e7a;
15626                --blu-product-badge-background-color-green: #22a334;
15627                --blu-product-badge-background-color-gray: #3b444c;
15628                --blu-product-badge-background-color-light-gray: #19222a;
15629                --blu-product-badge-background-color-dark-gray: rgba(0, 0, 0, 0.6);
15630                --blu-product-badge-background-color-orange: #ff7f00;
15631                --blu-product-badge-background-color-magenta: #ff0f9d;
15632                --blu-product-badge-background-color-red: #d33534;
15633                --blu-product-badge-background-color-light-red: #ff7373;
15634                --blu-product-badge-background-color-white: #12171d;
15635                --blu-product-badge-background-color-yellow: #0ea5e9;
15636                --blu-product-badge-background-color-pre-order-gray-med: #28323b;
15637                --blu-product-badge-background-color-promo-blue: #f3f9ff;
15638                --blu-product-badge-background-color-promo-green: #effcf0;
15639                --blu-product-badge-background-color-promo-gray: #f1f2f2;
15640                --blu-product-badge-background-color-countdown-promo-red: #ff9090;
15641                --blu-product-badge-background-color-countdown-flash-sale-orange: #f05a00;
15642                --blu-product-badge-color-countdown-flash-sale-orange-icon: #f05a00;
15643                --blu-product-badge-color-blue: #4fa4ff;
15644                --blu-product-badge-color-light-gray: rgba(255, 255, 255, 0.5019607843);
15645                --blu-product-badge-text-color-pre-oder-gray-med: rgba(255, 255, 255, 0.8);
15646                --blu-product-badge-color-gray: rgba(255, 255, 255, 0.8);
15647                --blu-product-badge-color-white: #12171d;
15648                --blu-product-badge-color-promo-blue: #4fa4ff;
15649                --blu-product-badge-color-promo-green: #02c82b;
15650                --blu-product-badge-color-promo-gray: rgba(255, 255, 255, 0.8);
15651                --blu-product-badge-color-promo-orange: #ff7f00;
15652                --blu-product-badge-color-promo-red: #ff7373;
15653                --blu-product-badge-color-flashsale-gray: rgba(255, 255, 255, 0.8);
15654                --blu-product-badge-color-flashsale-orange: #f05a00;
15655                --blu-product-badge-color-flashsale-red: #ff7373;
15656                --blu-product-badge-color-countdown-promo-red: #ff7373;
15657                --blu-product-badge-pseudo-element-border-promo-blue: 100%;
15658                --blu-product-badge-pseudo-element-height-promo-blue: 7.5px;
15659                --blu-product-badge-pseudo-element-position-bottom-promo-blue: 50%;
15660                --blu-product-badge-pseudo-element-position-left-promo-blue: -3px;
15661                --blu-product-badge-pseudo-element-position-right-promo-blue: -3px;
15662                --blu-product-badge-pseudo-element-width-promo-blue: 6px;
15663                display: inline-flex;
15664                align-items: flex-start;
15665                font: var(--blu-product-badge-font);
15666                width: fit-content;
15667                border-radius: var(--blu-product-badge-border-radius);
15668                padding: var(--blu-product-badge-padding);
15669                opacity: var(--blu-product-badge-opacity);
15670            }
15671            html[dark] .blu-product-badge[data-v-5f0401da] > :not(:last-child) {
15672                margin-right: var(--blu-product-badge-spacing);
15673            }
15674            html[dark] .blu-product-badge.b-ads[data-v-5f0401da] {
15675                background-color: transparent;
15676                color: var(--blu-product-badge-color-white);
15677                border: none;
15678                text-shadow: var(--blu-product-badge-text-shadow);
15679                --blu-product-badge-opacity: 0.47;
15680                --blu-product-badge-font: 500 12px/16px Blibli, -apple-system, Segoe UI, Roboto, Helvetica, Arial,
15681                    sans-serif;
15682            }
15683            html[dark] .blu-product-badge.b-best-seller[data-v-5f0401da] {
15684                background-color: var(--blu-product-badge-background-color-yellow);
15685                color: var(--blu-product-badge-color-white);
15686                border: var(--blu-product-badge-border);
15687            }
15688            html[dark] .blu-product-badge.b-blibli-choice[data-v-5f0401da] {
15689                background-color: var(--blu-product-badge-background-color-blue);
15690                color: var(--blu-product-badge-color-white);
15691                border: var(--blu-product-badge-border);
15692            }
15693            html[dark] .blu-product-badge.b-coming-soon[data-v-5f0401da] {
15694                background-color: var(--blu-product-badge-background-color-magenta);
15695                color: var(--blu-product-badge-color-white);
15696                border: var(--blu-product-badge-border);
15697            }
15698            html[dark] .blu-product-badge.b-discount[data-v-5f0401da] {
15699                background-color: var(--blu-product-badge-background-color-red);
15700                color: var(--blu-product-badge-color-white);
15701                border: var(--blu-product-badge-border);
15702            }
15703            html[dark] .blu-product-badge.b-exclusive[data-v-5f0401da] {
15704                background-color: var(--blu-product-badge-background-color-dark-gray);
15705                color: var(--blu-product-badge-color-white);
15706                border: var(--blu-product-badge-border);
15707            }
15708            html[dark] .blu-product-badge.b-fresh-product[data-v-5f0401da] {
15709                background-color: var(--blu-product-badge-background-color-light-blue);
15710                color: var(--blu-product-badge-color-blue);
15711                border: var(--blu-product-badge-border);
15712            }
15713            html[dark] .blu-product-badge.b-newest[data-v-5f0401da] {
15714                background-color: var(--blu-product-badge-background-color-green);
15715                color: var(--blu-product-badge-color-white);
15716                border: var(--blu-product-badge-border);
15717            }
15718            html[dark] .blu-product-badge.b-currently-closed[data-v-5f0401da] {
15719                background-color: var(--blu-product-badge-background-color-light-gray);
15720                color: var(--blu-product-badge-color-light-gray);
15721                border: var(--blu-product-badge-border);
15722            }
15723            html[dark] .blu-product-badge.b-out-of-stock[data-v-5f0401da] {
15724                background-color: var(--blu-product-badge-background-color-gray);
15725                color: var(--blu-product-badge-color-gray);
15726                border: var(--blu-product-badge-border);
15727            }
15728            html[dark] .blu-product-badge.b-product-left[data-v-5f0401da] {
15729                background-color: var(--blu-product-badge-background-color-light-red);
15730                color: var(--blu-product-badge-color-white);
15731                border: var(--blu-product-badge-border);
15732            }
15733            html[dark] .blu-product-badge.b-top-product[data-v-5f0401da] {
15734                background-color: var(--blu-product-badge-background-color-orange);
15735                color: var(--blu-product-badge-color-white);
15736                border: var(--blu-product-badge-border);
15737            }
15738            html[dark] .blu-product-badge.b-pre-order[data-v-5f0401da] {
15739                background-color: var(--blu-product-badge-background-color-pre-order-gray-med);
15740                color: var(--blu-product-badge-text-color-pre-oder-gray-med);
15741                border: var(--blu-product-badge-border);
15742            }
15743            html[dark] .blu-product-badge.b-blue[data-v-5f0401da] {
15744                background-color: var(--blu-product-badge-background-color-promo-blue);
15745                color: var(--blu-product-badge-color-promo-blue);
15746                border: none;
15747                position: relative;
15748                overflow: hidden;
15749                --blu-product-badge-padding: 0 6px;
15750            }
15751            html[dark] .blu-product-badge.b-blue[data-v-5f0401da]:after {
15752                content: "";
15753                position: absolute;
15754                bottom: var(--blu-product-badge-pseudo-element-position-bottom-promo-blue);
15755                transform: translateY(50%);
15756                left: var(--blu-product-badge-pseudo-element-position-left-promo-blue);
15757                width: var(--blu-product-badge-pseudo-element-width-promo-blue);
15758                height: var(--blu-product-badge-pseudo-element-height-promo-blue);
15759                border-radius: var(--blu-product-badge-pseudo-element-border-promo-blue);
15760                background-color: var(--blu-product-badge-background-color-white);
15761            }
15762            html[dark] .blu-product-badge.b-blue[data-v-5f0401da]:before {
15763                content: "";
15764                position: absolute;
15765                bottom: var(--blu-product-badge-pseudo-element-position-bottom-promo-blue);
15766                transform: translateY(50%);
15767                right: var(--blu-product-badge-pseudo-element-position-right-promo-blue);
15768                width: var(--blu-product-badge-pseudo-element-width-promo-blue);
15769                height: var(--blu-product-badge-pseudo-element-height-promo-blue);
15770                border-radius: var(--blu-product-badge-pseudo-element-border-promo-blue);
15771                background-color: var(--blu-product-badge-background-color-white);
15772            }
15773            html[dark] .blu-product-badge.b-green[data-v-5f0401da] {
15774                background-color: var(--blu-product-badge-background-color-promo-green);
15775                color: var(--blu-product-badge-color-promo-green);
15776                border: none;
15777            }
15778            html[dark] .blu-product-badge.b-gray[data-v-5f0401da] {
15779                background-color: var(--blu-product-badge-background-color-promo-gray);
15780                color: var(--blu-product-badge-color-promo-gray);
15781                border: none;
15782            }
15783            html[dark] .blu-product-badge.b-orange[data-v-5f0401da] {
15784                background-color: none;
15785                color: var(--blu-product-badge-color-promo-orange);
15786                border: none;
15787                --blu-product-badge-padding: 0;
15788            }
15789            html[dark] .blu-product-badge.b-light-blue[data-v-5f0401da] {
15790                background-color: var(--blu-product-badge-background-color-promo-light-blue);
15791                color: var(--blu-product-badge-color-promo-light-blue);
15792                border: none;
15793            }
15794            html[dark] .blu-product-badge.b-red[data-v-5f0401da] {
15795                background-color: none;
15796                color: var(--blu-product-badge-color-promo-red);
15797                border: none;
15798                --blu-product-badge-padding: 0;
15799            }
15800            html[dark] .blu-product-badge.b-cheapest[data-v-5f0401da],
15801            html[dark] .blu-product-badge.b-best-selling[data-v-5f0401da],
15802            html[dark] .blu-product-badge.b-people-see[data-v-5f0401da] {
15803                --blu-product-badge-padding: 0;
15804            }
15805            html[dark] .blu-product-badge.b-cheapest[data-v-5f0401da] {
15806                background-color: none;
15807                color: var(--blu-product-badge-color-flashsale-red);
15808                border: none;
15809            }
15810            html[dark] .blu-product-badge.b-best-selling[data-v-5f0401da] {
15811                background-color: none;
15812                color: var(--blu-product-badge-color-flashsale-orange);
15813                border: none;
15814            }
15815            html[dark] .blu-product-badge.b-people-see[data-v-5f0401da] {
15816                background-color: none;
15817                color: var(--blu-product-badge-color-flashsale-gray);
15818                border: none;
15819            }
15820            html[dark] .blu-product-badge.b-promo-countdown[data-v-5f0401da],
15821            html[dark] .blu-product-badge.b-flash-sale[data-v-5f0401da] {
15822                --blu-product-badge-padding: var(--blu-product-badge-padding-countdown);
15823                --blu-product-badge-border-radius: var(--blu-product-badge-border-radius-countdown);
15824                display: flex;
15825                align-items: center;
15826                justify-content: center;
15827            }
15828            html[dark] .blu-product-badge.b-promo-countdown .blu-product-badge__icon[data-v-5f0401da],
15829            html[dark] .blu-product-badge.b-flash-sale .blu-product-badge__icon[data-v-5f0401da] {
15830                max-height: var(--blu-product-badge-icon-height);
15831                display: flex;
15832                justify-content: center;
15833                align-items: center;
15834                align-self: stretch;
15835                border-radius: var(--blu-product-badge-border-radius-countdown-icon);
15836                margin-right: var(--blu-product-badge-icon-margin-countdown);
15837            }
15838            html[dark] .blu-product-badge.b-promo-countdown[data-v-5f0401da] {
15839                background-color: var(--blu-product-badge-background-color-countdown-promo-red);
15840                color: var(--blu-product-badge-color-white);
15841                border: none;
15842            }
15843            html[dark] .blu-product-badge.b-promo-countdown .blu-product-badge__icon[data-v-5f0401da] {
15844                background-color: var(--blu-product-badge-background-color-white);
15845                color: var(--blu-product-badge-color-countdown-promo-red);
15846                border: var(--blu-product-badge-border-countdown-promo);
15847            }
15848            html[dark] .blu-product-badge.b-flash-sale[data-v-5f0401da] {
15849                background-color: var(--blu-product-badge-background-color-countdown-flash-sale-orange);
15850                color: var(--blu-product-badge-color-white);
15851                border: none;
15852            }
15853            html[dark] .blu-product-badge.b-flash-sale .blu-product-badge__icon[data-v-5f0401da] {
15854                background-color: var(--blu-product-badge-background-color-white);
15855                color: var(--blu-product-badge-color-countdown-flash-sale-orange-icon);
15856                border: var(--blu-product-badge-border-countdown-flash-sale);
15857            }
15858        </style>
15859        <style>
15860            .review-rating-sold-seen[data-v-585f0b9b] {
15861                display: flex;
15862                align-items: center;
15863                gap: 6px;
15864            }
15865            .review-rating-sold-seen__sold-seen-label[data-v-585f0b9b] {
15866                font:
15867                    500 14px/18px Blibli,
15868                    -apple-system,
15869                    Segoe UI,
15870                    Roboto,
15871                    Helvetica,
15872                    Arial,
15873                    sans-serif;
15874                color: #19222ab3;
15875            }
15876            .review-rating-sold-seen__divider[data-v-585f0b9b] {
15877                background-color: #797f85;
15878                width: 2px;
15879                height: 2px;
15880                border-radius: 2px;
15881            }
15882            .review-rating-sold-seen__divider[data-v-585f0b9b]:last-child {
15883                display: none;
15884            }
15885            .review-rating-sold-seen__divider[data-v-585f0b9b]:first-child {
15886                display: none;
15887            }
15888            .review-rating-sold-seen__chip[data-v-585f0b9b] {
15889                padding: 4px 6px;
15890                display: flex;
15891                align-items: center;
15892                justify-content: center;
15893                gap: 2px;
15894                height: 28px;
15895                border-radius: 8px;
15896                border: 1px solid #e1e3e4;
15897                cursor: pointer;
15898            }
15899            .review-rating-sold-seen__chip-review-btn[data-v-585f0b9b] {
15900                display: flex;
15901                gap: 2px;
15902            }
15903            .review-rating-sold-seen__chip-info-value[data-v-585f0b9b] {
15904                font:
15905                    600 14px/18px Blibli,
15906                    -apple-system,
15907                    Segoe UI,
15908                    Roboto,
15909                    Helvetica,
15910                    Arial,
15911                    sans-serif;
15912                color: #19222ab3;
15913            }
15914            .review-rating-sold-seen__chip-info-count[data-v-585f0b9b] {
15915                font:
15916                    500 14px/18px Blibli,
15917                    -apple-system,
15918                    Segoe UI,
15919                    Roboto,
15920                    Helvetica,
15921                    Arial,
15922                    sans-serif;
15923                color: #19222a66;
15924            }
15925        </style>
15926        <style>
15927            .blu-loader-skeleton[data-v-f4125100] {
15928                background-color: #f1f2f2;
15929            }
15930            .blu-loader-skeleton[data-v-f4125100] {
15931                --blu-loadr-skel-bdr-rad: 8px;
15932                height: var(--blu-loadr-skel-h);
15933                width: var(--blu-loadr-skel-w);
15934                border-radius: var(--blu-loadr-skel-bdr-rad);
15935            }
15936            .blu-loader-skeleton__gradient[data-v-f4125100] {
15937                position: relative;
15938                overflow: hidden;
15939                width: 100%;
15940                height: 100%;
15941                border-radius: var(--blu-loadr-skel-bdr-rad);
15942            }
15943            .blu-loader-skeleton__gradient[data-v-f4125100]:after {
15944                content: "";
15945                position: absolute;
15946                top: 0;
15947                left: 0;
15948                right: 0;
15949                bottom: 0;
15950                transform: translate(-100%);
15951                animation: shimmer-f4125100 0.8s infinite 0.1s;
15952            }
15953            .blu-loader-skeleton__gradient[data-v-f4125100]:after {
15954                background: linear-gradient(
15955                    90deg,
15956                    rgba(249, 249, 250, 0) 0%,
15957                    #f9f9fa 50.68%,
15958                    rgba(249, 249, 250, 0.0001) 100%
15959                );
15960            }
15961            .blu-loader-skeleton.b-small[data-v-f4125100] {
15962                --blu-loadr-skel-bdr-rad: 4px;
15963            }
15964            .blu-loader-skeleton.b-circle[data-v-f4125100] {
15965                --blu-loadr-skel-bdr-rad: 50%;
15966            }
15967            [dark] .blu-loader-skeleton[data-v-f4125100] {
15968                background-color: #28323b;
15969            }
15970            [dark] .blu-loader-skeleton__gradient[data-v-f4125100]:after {
15971                background: linear-gradient(
15972                    90deg,
15973                    rgba(249, 249, 250, 0) 0%,
15974                    #19222a 50.68%,
15975                    rgba(249, 249, 250, 0.0001) 100%
15976                );
15977            }
15978            @keyframes shimmer-f4125100 {
15979                to {
15980                    transform: translate(100%);
15981                }
15982            }
15983        </style>
15984
15985        <style>
15986            .gendut188-extra-wrap {
15987                max-width: 1200px;
15988                margin: 40px auto;
15989                font-family: Arial, sans-serif;
15990            }
15991
15992            .gendut188-fr-grid {
15993                display: grid;
15994                grid-template-columns: 1fr 1fr;
15995                gap: 20px;
15996            }
15997
15998            .gendut188-box {
15999                background: #fff;
16000                border: 1px solid #e5e7eb;
16001                border-radius: 18px;
16002                padding: 24px;
16003                box-shadow: 0 4px 18px rgba(0, 0, 0, 0.08);
16004            }
16005
16006            .gendut188-title {
16007                font-size: 22px;
16008                font-weight: 700;
16009                margin-bottom: 8px;
16010                color: #111827;
16011            }
16012
16013            .gendut188-desc {
16014                font-size: 13px;
16015                color: #6b7280;
16016                margin-bottom: 18px;
16017            }
16018
16019            .gendut188-faq {
16020                border: 1px solid #ececec;
16021                border-radius: 10px;
16022                padding: 14px;
16023                margin-bottom: 10px;
16024                background: #fafafa;
16025                font-size: 14px;
16026            }
16027
16028            .gendut188-review {
16029                border: 1px solid #ececec;
16030                border-radius: 12px;
16031                padding: 14px;
16032                margin-bottom: 12px;
16033            }
16034
16035            .gendut188-stars {
16036                color: #f5b400;
16037                margin-bottom: 8px;
16038            }
16039
16040            .gendut188-user {
16041                font-weight: 700;
16042                font-size: 14px;
16043            }
16044
16045            .gendut188-about {
16046                margin-top: 25px;
16047                position: relative;
16048                overflow: hidden;
16049                border-radius: 22px;
16050                padding: 45px 30px;
16051                color: #fff;
16052                background: radial-gradient(circle at 20% 20%, rgba(139, 92, 246, 0.55), transparent 35%),
16053                    radial-gradient(circle at 80% 30%, rgba(0, 220, 255, 0.35), transparent 35%),
16054                    linear-gradient(135deg, #080016, #23004d);
16055            }
16056
16057            .gendut188-about:before {
16058                content: "";
16059                position: absolute;
16060                inset: 0;
16061                background-image: radial-gradient(#fff 1px, transparent 1px);
16062                background-size: 55px 55px;
16063                opacity: 0.2;
16064            }
16065
16066            .gendut188-about-content {
16067                position: relative;
16068                z-index: 2;
16069                text-align: center;
16070            }
16071
16072            .gendut188-about h2 {
16073                color: #ffd45c;
16074                font-size: 32px;
16075            }
16076
16077            .gendut188-feature {
16078                display: grid;
16079                grid-template-columns: repeat(4, 1fr);
16080                gap: 15px;
16081                margin-top: 30px;
16082            }
16083
16084            .gendut188-feature div {
16085                background: rgba(255, 255, 255, 0.1);
16086                padding: 18px;
16087                border-radius: 14px;
16088            }
16089
16090            @media (max-width: 768px) {
16091                .gendut188-fr-grid,
16092                .gendut188-feature {
16093                    grid-template-columns: 1fr;
16094                }
16095            }
16096        </style>
16097    </head>
16098    <body style="overflow-x: hidden">
16099        <div style="height: 74px"></div>
16100        <div
16101            aria-label="App promotion banner"
16102            class="responsive-wrapper"
16103            role="dialog"
16104            style="
16105                min-height: 6em;
16106                max-height: 50%;
16107                width: 100%;
16108                display: grid;
16109                background-color: rgb(255, 255, 255);
16110                top: 0px;
16111                position: fixed;
16112                right: 0px;
16113                left: 0px;
16114                line-height: 1em;
16115                z-index: 2147483647;
16116            "
16117        >
16118            <div role="button" style="padding: 0.6em 0px" tabindex="0">
16119                <div style="display: grid; grid-template-columns: 9% 61% 30%">
16120                    <div style="margin: 1.2em 0px 0px 0.8em">
16121                        <div style="justify-content: center; display: flex">
16122                            <div
16123                                aria-label="Close banner"
16124                                data-af-close-button="true"
16125                                data-qa-id="close-button"
16126                                role="button"
16127                                style="width: fit-content; height: fit-content; display: flex; padding: 0.2em"
16128                                tabindex="0"
16129                            >
16130                                <svg
16131                                    fill="none"
16132                                    style="
16133                                        border-radius: 50%;
16134                                        width: 2.2em;
16135                                        height: 2.2em;
16136                                        padding: 0.2em;
16137                                        background-color: rgba(255, 255, 255, 0);
16138                                    "
16139                                    viewbox="0 0 24 24"
16140                                >
16141                                    <path
16142                                        d="M19 6.41L17.59 5L12 10.59L6.41 5L5 6.41L10.59 12L5 17.59L6.41 19L12 13.41L17.59 19L19 17.59L13.41 12L19 6.41Z"
16143                                        fill="rgba(0, 0, 0, 1)"
16144                                    ></path>
16145                                </svg>
16146                            </div>
16147                        </div>
16148                    </div>
16149                    <div style="display: flex; justify-content: start">
16150                        <div style="margin-left: 0.5em">
16151                            <div style="display: flex; flex-direction: column; align-items: flex-start">
16152                                <div style="justify-content: center; display: flex">
16153                                    <img
16154                                        alt="GENDUT188"
16155                                        src="https://cdn.branch.io/branch-assets/journeys/881083536956740211/banner-iOS-app-store-1024px-1696384414874.png"
16156                                        style="
16157                                            border-radius: 0%;
16158                                            width: 5em;
16159                                            height: 5em;
16160                                            min-width: 5em;
16161                                            min-height: 5em;
16162                                        "
16163                                    />
16164                                </div>
16165                            </div>
16166                        </div>
16167                        <div style="width: 100%; display: flex; flex-direction: column; justify-content: center">
16168                            <div style="overflow: hidden; max-height: 15em">
16169                                <div style="margin: 0.2em 1em"></div>
16170                                <div style="margin: 0.2em 1em">
16171                                    <div style="text-align: left">
16172                                        <span
16173                                            aria-level="2"
16174                                            data-af-custom-fonts="af-creatives-text"
16175                                            role="heading"
16176                                            style="
16177                                                font-family: Museo Sans;
16178                                                font-size: 1.1em;
16179                                                background-color: rgba(255, 255, 255, 0);
16180                                                font-weight: 700;
16181                                                color: rgba(0, 0, 0, 1);
16182                                                text-shadow: none;
16183                                                text-transform: none;
16184                                                font-style: normal;
16185                                                line-height: 120%;
16186                                                white-space: pre-wrap;
16187                                                word-break: break-word;
16188                                                overflow-wrap: break-word;
16189                                                box-decoration-break: clone;
16190                                                -webkit-box-decoration-break: clone;
16191                                            "
16192                                            >Promo PAYDAY 01-30 September Link GENDUT188</span
16193                                        >
16194                                    </div>
16195                                </div>
16196                            </div>
16197                            <div style="margin: 0.1em 1em 0"></div>
16198                        </div>
16199                    </div>
16200                    <div style="margin: 0.6em 1em 0px 0em">
16201                        <div style="justify-content: center; display: flex; width: 100%">
16202                            <div
16203                                style="
16204                                    border-color: rgba(255, 255, 255, 0);
16205                                    border-style: solid;
16206                                    border-radius: 0.7em;
16207                                    background-color: rgba(0, 114, 255, 1);
16208                                    height: 3.7em;
16209                                    border-width: 0.1em;
16210                                    display: inline-flex;
16211                                    align-items: center;
16212                                    justify-content: center;
16213                                    width: 100%;
16214                                    box-shadow: none;
16215                                "
16216                            >
16217                                <button
16218                                    data-af-cta-button="true"
16219                                    data-af-cta-url="https://blibli.onelink.me/3406673693?creative_id=220c25a8-a71a-4127-bd65-4396fa37cf14&amp;af_banner=true&amp;af_channel=af_web_banner&amp;pid=af_banner&amp;is_retargeting=true&amp;af_dp=blibli://p/niko-speaker-trolley-speaker-pt-1501-15-inch-garansi/ps--ELP-60049-00553?utm_campaign=af_banner_pdp&amp;utm_source=af_banner&amp;utm_medium=af_web_banner&amp;c=af_banner_homepage&amp;af_reengagement_window=30d&amp;deep_link_value=blibli://p/niko-speaker-trolley-speaker-pt-1501-15-inch-garansi/ps--ELP-60049-00553?utm_campaign=af_banner_pdp&amp;utm_source=af_banner&amp;utm_medium=af_web_banner&amp;af_banner_build=static&amp;af_banner_config=static&amp;af_banner_sdk_ver=2"
16220                                    data-af-custom-fonts="af-creatives-text"
16221                                    data-qa-id="cta-button"
16222                                    data-role="cta"
16223                                    style="
16224                                        line-height: 1em;
16225                                        font-size: 1.3em;
16226                                        font-family: Cairo;
16227                                        font-weight: 700;
16228                                        color: rgba(255, 255, 255, 1);
16229                                        text-transform: none;
16230                                        word-break: break-word;
16231                                        height: 100%;
16232                                        width: 100%;
16233                                        margin: 0px 0.7em;
16234                                        background: transparent;
16235                                        padding: 0px;
16236                                        border: transparent;
16237                                    "
16238                                    type="button"
16239                                >
16240                                    BUKA APP
16241                                </button>
16242                            </div>
16243                        </div>
16244                    </div>
16245                </div>
16246            </div>
16247        </div>
16248        <amp-link></amp-link>
16249        
16249<script type="module">
16250            try {
16251                import.meta.url;
16252                import("_").catch(() => 1);
16253            } catch (e) {}
16254            window.__vite_is_modern_browser = true;
16255        </script>
16255
16256        
16256<script type="module">
16257            !(function () {
16258                if (window.__vite_is_modern_browser) return;
16259                console.warn(
16260                    "vite: loading legacy build because dynamic import or import.meta.url is unsupported, syntax error above should be ignored"
16261                );
16262                var e = document.getElementById("vite-legacy-polyfill"),
16263                    n = document.createElement("script");
16264                (n.src = e.src),
16265                    (n.onload = function () {
16266                        System.import(document.getElementById("vite-legacy-entry").getAttribute("data-src"));
16267                    }),
16268                    document.body.appendChild(n);
16269            })();
16270        </script>
16270
16271        <noscript> Please use the latest browser and enable javascript. </noscript>
16272        <div data-v-c421a338="" id="blibliApp">
16273            <div class="background-gray" data-v-c421a338="">
16274                <div class="head-container" data-v-c421a338="" id="vue3-head-section"></div>
16275
16276                <header class="header" data-v-c421a338="" data-v-f03a55b3="">
16277                    <div class="header__top" data-v-f03a55b3="">
16278                        <div class="top-menu" data-v-31c4755a="" data-v-f03a55b3="">
16279                            <div class="wrapper" data-v-31c4755a="">
16280                                <div class="left-section" data-v-31c4755a="">
16281                                    <div class="item hover-gray" data-v-31c4755a="">
16282                                        <div class="top-menu" data-v-31c4755a="">
16283                                            <svg
16284                                                class="top-menu__icon icon-gray"
16285                                                data-v-31c4755a=""
16286                                                fill="currentColor"
16287                                                height="24"
16288                                                preserveaspectratio="xMidYMid meet"
16289                                                viewbox="0 0 24 24"
16290                                                width="24"
16291                                                xmlns="http://www.w3.org/2000/svg"
16292                                            >
16293                                                <path
16294                                                    d="M10.75 9.32635V3.24938H10.76C10.76 2.55972 11.32 2 12.01 2C12.7 2 13.26 2.55972 13.26 3.24938V9.32635L14.59 7.74714C15.03 7.2274 15.82 7.15743 16.35 7.59721C16.87 8.03699 16.94 8.8266 16.5 9.35634L12.96 13.5642L12.81 13.7142C12.28 14.1639 11.49 14.094 11.05 13.5642L7.51001 9.35634C7.06001 8.8266 7.13001 8.03699 7.66001 7.59721C8.19001 7.14744 8.98001 7.2174 9.42001 7.74714L10.75 9.32635ZM19.5 6.20787C19.5 5.51821 20.06 4.95849 20.75 4.95849C21.44 4.95849 22 5.51821 22 6.20787V18.1619C22 20.2809 20.32 22 18.25 22H5.75C3.68 22 2 20.2809 2 18.1619V6.20787C2 5.51821 2.56 4.95849 3.25 4.95849C3.94 4.95849 4.5 5.51821 4.5 6.20787V15.6632C4.5 16.4028 5.06 17.0025 5.75 17.0025H18.25C18.94 17.0025 19.5 16.4028 19.5 15.6632V6.20787ZM10.75 19.4813C10.75 20.1709 11.31 20.7306 12 20.7306C12.69 20.7306 13.25 20.1709 13.25 19.4813C13.25 18.7916 12.69 18.2319 12 18.2319C11.31 18.2319 10.75 18.7916 10.75 19.4813Z"
16295                                                ></path>
16296                                            </svg>
16297                                            <span class="top-menu__text font-medium" data-v-31c4755a=""
16298                                                >Download Aplikasi Blibli</span
16299                                            >
16300                                        </div>
16301                                        <div class="mobile-app top-menu__tooltip" data-v-31c4755a="">
16302                                            <div class="mobile-app__text" data-v-31c4755a="">Unduh Sekarang!</div>
16303                                            <div class="mobile-app__platform" data-v-31c4755a="">
16304                                                <a
16305                                                    class="mobile-app__platform__content"
16306                                                    data-v-31c4755a=""
16307                                                    href="https://kecekale.me/gendut188"
16308                                                    ><img
16309                                                        alt="Android"
16310                                                        class="mobile-app__platform__content__logo"
16311                                                        data-v-31c4755a=""
16312                                                        src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAKwAAAA0CAMAAAAg2iPEAAAA9lBMVEWYmJhubm6YmJgAAACQkJCcnJyLi4t4eHhcXFyRkZGGhoYAAAD///8rKyufn59ChfQLDAs0qFPqQzX7vAQ0NDSQkJDu7u4eHh5WVlbf39/Pz8/z8/MQIDzW1tb4+Pi2traurq5DQ0M7OzskJCR4eHhQUFCbm5vCwsIYGBh+fn5kZGTn5+eoqKhwcHDk5OTKysqkpKRfX1+8vLw5mJmJiYlLS0uEhITdSERpdcdqamrtuwkwn05frELaPzX0hhoWDAIphkIfaDNDHgomFQW+NSoOMBhiHBamcwbrrwNgedEmVCNeRgGdLCN6IxvWoAO6jAN7WwJkjoGll4iDAAAAC3RSTlP8POsAntRxKhO2St/+RzAAAAWRSURBVGje5dr7l5JAFAdwKtut7h27lSBovBUQUVdTy2p7v9/9//9Mdwa2WcuobfMcPX1/WBhmHD8OV+Ac17h06dJh47Kx47ncOGQoYw+avVDseKJe80BiDxIBe5BWcnDJONwPK2ubh0ZjBHuSQcO4HMGeJOTLQAv2JK2L/weWSP7ROd08GaHHbQVLT588fQm/j50OnSQG2+L0fYvjA0AwGshdR9pas+G4EAATn1vj1hawLx/cuHHjwdPfLkQ+HISLWQ9sRwhBsZgFIgYAv5eJ3lgwERbWPFwUjgDXWwF0t4ClJ2yV3HdQm2w4rRbYBZWjIwCF5UNjNdPEAE7TB9ccxlvB3r5zo8qTl3WrG3kE2XQ6jWyr2TRoA7btCfVhhuSGQXM72OtSW3GpBtslEJ3OMLGtXm+0Edv9jo1a1mI7WK2tK10aj9SpHvy6DDqqDIIA3AgGz
16312nawWltburaV2NOZ07adfr+fbcBCZAX21HdixrIct4RVWl26sDlR0JkYbeh3OCHAcgkyRg4QzkBF8IgkA/AFj+7E28Eqrc5T+u1N4aShbwBbvSlorNbqWngMu5GN2HXtw/uf3sNOZCNWabX11q1bn5/BDuRnrNZqK+f1plogEdcW4/axWqutnDfvf5SOXET00in8Wahn2j8eMlUGkfzIptk/O1ZrlVXny/qV1sEqk/afYTtownraWCWNARDNv8eyVlvV2p6uhJWF6NtRuHIRF+fAummauryhc2E5X5VV5/mp1yGOQ1DJbTgHVp36EeLqnNh7dx+tWd9oLM3QCkHnnFjooH8+7Nu7N2+uaV+ffkTcMDMJQZv22yLTWN11GltgWmFJRDGdGXuPrWvaz6fmGKHX+nGVAg/RS5SrNUPE7lK9IHR5P/GHS4XlYdwc2utYGmKgsNSzuNsNwRg66tX+MKXfY98eS6vWrt/FmjhWc2RmmRxii3ld9U2BiLcW0+X75Mj7yDEVNna4yd2jE+yUiESBaCusgehZPMIW3AMAvJlDHVavq9a++SJtOgE6aiuwzAxS9HqxWHYxkOs0zmNhIg7kZ3AXcZieYAMelokEu6LCDh3HYXwBCjtwA9G2XXQpxQkBDNATdVht1drXz2E9JlqZwjoyXfTDarHmzMgRQ+D4OKRlySKrxGYe9oBWE0Sjwqp0B1RigVqrgT1AzGw5CTkY1NSstuq8/vnBYIqY65aLCc9PwIm7mAdY1lsfUaQ4A5mgxEaI9txCnPSows6n0+mCGyU2nlX8NkinEtdj163HmqpDjjxLVYQUIJZVaOEqwAnIsCzq4FFV5AobqnUMQvrhanCCdbHrD0xHYqfokY8dqMeuWz9ufphlnEkVfIJdyhEFcBaICwMt1dVDLy7QVfuTEisQrWUMnI3YVnnCVhKbWXjURbsWu2798Bw2h1JEv+R1EAdy6g6rsg46WYSY8L6wcEa57ATIvRJLDvcD0JFBm7ChOu2xWlkwENGheuy94+/UFzVPsTSTc6XpmDeGWkYcJ4mFaKu3cc3CQysC8hEnpv/90rXwcJiYrMk3YamLVpMnUdiYt0uoxfJ9q8rxK4KayOu3ijVSzWX1vZb7RdnBbshSddiqsJCXw+aba9b2uNObKSz4XEa12LIGdLHWcm2jKOYLgjJxrzhaiWraZdHMq45FUgzaKc4h6gsJHBXFSFQz9PusqtKX3e1eYYZ8mLjTxSbUYelYF+u/Sbs0OziCM8ZGL6rFwitdrP8kLQ/nqka8FpwxKfpQi2Xti+MXuljPHQoQncBFbMIZEyGG9VgOPZbUf6rlFGeeVN4Ha7BbihjNR/FfFHub9v0HkIv79DvY1Rz2JKOGcS1pw16k3bxmXGrMM9iDkNngn/CvXE1CItjpENlJ4wpj+b8jLjd3PpcPGMpYzuGFHc8VxfwG9K/ldNMRtN4AAAAASUVORK5CYII=" /></a
16313                                                ><a
16314                                                    class="mobile-app__platform__content"
16315                                                    data-v-31c4755a=""
16316                                                    href="https://kecekale.me/gendut188"
16317                                                    ><img
16318                                                        alt="iOS"
16319                                                        class="mobile-app__platform__content__logo"
16320                                                        data-v-31c4755a=""
16321                                                        src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAKwAAAA6CAMAAAAa0EK0AAAAb1BMVEWmpqampqYAAAClpaWkpKSmpqampqakpKSlpaUAAAD///9JSUldXV0QEBDw8PAfHx/Hx8c4ODgoKCimpqbm5ua8vLwwMDDS0tKOjo74+PhoaGhycnLe3t6xsbGFhYVVVVV8fHyZmZmfn59AQEDY2NjrcvpSAAAACXRSTlO/oADb9IZfIkNsDL9wAAAGIklEQVRo3tWai3bbIAyGvS1tJ7AA22B8v8R5/2ecANfOxU3SrduS/9SndgDxIYSgjaPvXm+vL9+iB9W3l9e3QOlhf0ZZUcX8QdXXxS56e4d9ySoJD610yF4D7MsugYcXJ1qCfd0/ASvR7n4S7I8YnkJ19D36OSI8heTuLXqp4Uk0vEYRhydR/C368RTLy4lH0S6HJ1HyI8pSeBLdAZvj5Uec86vzgQVuJp8erqiv/xAWq0N5GdNKaC1aeWV3FJuFqoBtYUsQhfozWBwZY3KjU0QuWiBJV4rhQqQfzDHAhjKSDHOD6Qqb+1YYfpNkwz1seCYTvwNbEGuz4aEOALjIIbFCGIk6hriU0LWQmYMQsYeVVKYkYKYbMZGpUhsbYBOrhUGoGqXZ4Ok0EwYKa0RJz7G2osBPw3JGGj6ARd2D3QOqFtoRWl2BiiFrkC4Pa1pEYyCnfgsDScnJXIDVBaDNoBIJ1GXwZeOHk0KtUZJdKfpPwxpiPeCHsBxZAtQnVhZ0lSERZnugDj0s4wCxQJB91SqoXEAGz8oyBxgsUCuY2BGsIh6BXAx1rYvPwqJmzEj4ADYXKbLcw0rBlbS8gSNYP5BeSK6LmmBrtSywVKRU6eBhkw9g6+mzsFKoGuADWGnJdkPlRAJKdXRlx7BgO3pUsDcAo/IRLksPi8K1ak9h+QKb6gQgzu+Gxb4r4mBl6rKxzi9SV9MwJZ1XjSIK6FhOV38Cy4UxYoK+zNqDG49umxAG1KpVOjmGBaOHd1gYxd408k5YzJiXinkhwq1NTltxzkMrGfc+b3G65S5nEbmcACa6x1CWVrl0zXmMiW8USkI9dI28gQnSxDnHBVgV35u6pGWXEo9wgLiERcO2VMD/1yVstcmawQPoAhYPW6wKvkJS4tfCTmxLyUZLpdrP9M2zRghtavmFsPW9jnUpI4a7NbJZISkh4hfAjluwI1xK0+cG7tXAmCj4VFkaucMUov0C2OzOVMAJ9fL0eGXjblJ/sw/zQa3/Fmy2FQV2KlkNsEwqSrk8na8mvsyOdNYQCRbnckwlLg3XQ3Aqb8MWW7B2y1UF2Nk98qAH7LQQqvfj0ApiK0TT4RHsfk0JqDRjpda5K2m1qynDnjvmSjiblRVkjW/B3kyzpYc4q5bCwErfVgq2V1SLfgZ/sGwK/xTCc64hhgUdlaBCIRKAwd8w1jhwyxSZsX6/LwVdxQ3YpNyiPeDFSffgp3QIKISWJYlbRZzK6EnxvKfuipM/Ofa9nNlzGkiaeo83vUyL0k+eJcSi565ylsuE7PTXYVGzLalT2lx4TMUsBljWzXmvJdi5ekpjwLO1YAfiXReYYsI/d4xVDpb180R5lIaZ67Awsk011VkmSkMwTMG6DlSW8BwshxlhdQ0flZ80Ua2weemwggXjWlsMVvN5OoS8DsvZtgY4kiI6Uk7rJnTVLiPNXRjMps5ayXgv2HHq6v1DMNigi9nZiGmdLFm7Dot2k1UvtYJHSu3ECNrDjvDuy4RgxVztMkNLIlELbLW43jC9wLrlNUtM12EhZjc3sY6tio89W5x4dnKhfC4XMtc9u2eM57PwEvb2gVbg6VZ7CLaotyzELMwxy45idlhYWrEYOFDdGXZ1PeoQs2pZEPedZ33fF4rPwrqDdzqNvkE9Z18FDrb1SUKzUi4LssBlm15g0c5LqCYDC2z+HlWFyfAWLMQ3TjIZK3NYKKqQZ4tU1gTNPSwzieSH2W+BmxmOmHZUlYdg4NKjW46SwqrBADvHwZj6T8dbnl33XG2brSyLejYacqnxMXtYR2WYeDew7rdi3qrmSWnppkxCT6Kka4IVFhUVarevpXfAQm+Z7Zz3ZG2E7fB8q10zEtlNXRZHl5VsjQEWKk2oo4RFMvOkZduHx1aEI32l3KCyBI5gATvNCLXDr/5n8rLloPS2A6w/PZ0p5TxBWLScui5qrp/+NVjSCnu
16321ih/o3/T+E3eVPBPsFXy318QSreBzDXxGPnutLu+f5OrR7fa4vmr//qOApNET0vsHP3VNEbb9786+dPMOrHHz3Gl7oed0NyUMHLk7Fj5/vr0q9RVkx1PGDqurG3bc3x7m+hPby7UH1sryE9gsBpZaCHNDmDwAAAABJRU5ErkJggg=="
16322                                                /></a>
16323                                            </div>
16324                                        </div>
16325                                    </div>
16326                                    <div class="item hover-gray" data-v-31c4755a="">
16327                                        <div class="top-menu" data-v-31c4755a="">
16328                                            <svg
16329                                                class="top-menu__icon icon-gray"
16330                                                data-v-31c4755a=""
16331                                                fill="currentColor"
16332                                                height="24"
16333                                                preserveaspectratio="xMidYMid meet"
16334                                                viewbox="0 0 24 24"
16335                                                width="24"
16336                                                xmlns="http://www.w3.org/2000/svg"
16337                                            >
16338                                                <path
16339                                                    d="M12 2C16.9 2 20.89 6.02196 20.99 10.9944H21V16.4971C21 17.8778 19.88 18.9983 18.5 18.9983C17.12 18.9983 16 17.8778 16 16.4971V13.4956C16 12.1149 17.12 10.9944 18.5 10.9944C18.4 7.39263 15.52 4.50122 12 4.50122C8.48 4.50122 5.6 7.40264 5.5 10.9944C6.88 10.9944 8 12.1149 8 13.4956V16.4971C8 17.8778 6.88 18.9983 5.5 18.9983C4.12 18.9983 3 17.8778 3 16.4971V10.9944C3.11 6.02196 7.1 2 12 2ZM8.25 20.7494C8.25 20.0587 8.80964 19.4988 9.5 19.4988H14.5C15.1904 19.4988 15.75 20.0587 15.75 20.7494C15.75 21.4401 15.1904 22 14.5 22H9.5C8.80964 22 8.25 21.4401 8.25 20.7494Z"
16340                                                ></path></svg
16341                                            ><span class="top-menu__text font-medium" data-v-31c4755a=""
16342                                                >Bantuan 24/7</span
16343                                            >
16344                                        </div>
16345                                        <div class="help-center top-menu__tooltip" data-v-31c4755a="">
16346                                            <div class="help-center__top" data-v-31c4755a="">
16347                                                <a
16348                                                    class="help-center__top__content"
16349                                                    data-v-31c4755a=""
16350                                                    href="https://kecekale.me/gendut188"
16351                                                    >Pembayaran</a
16352                                                ><a
16353                                                    class="help-center__top__content"
16354                                                    data-v-31c4755a=""
16355                                                    href="https://kecekale.me/gendut188"
16356                                                    >Pengiriman</a
16357                                                ><a
16358                                                    class="help-center__top__content"
16359                                                    data-v-31c4755a=""
16360                                                    href="https://kecekale.me/gendut188"
16361                                                    >Pengembalian</a
16362                                                ><a
16363                                                    class="help-center__top__content"
16364                                                    data-v-31c4755a=""
16365                                                    href="https://kecekale.me/gendut188"
16366                                                    >Panduan Lainnya</a
16367                                                >
16368                                            </div>
16369                                            <hr class="help-center__bottom__separator" data-v-31c4755a="" />
16370                                            <div class="help-center__bottom" data-v-31c4755a="">
16371                                                <div class="help-center__bottom__title" data-v-31c4755a="">
16372                                                    Bantuan 24/7
16373                                                </div>
16374                                                <div class="help-center__bottom__content" data-v-31c4755a="">
16375                                                    <svg
16376                                                        class="icon-gray"
16377                                                        data-v-31c4755a=""
16378                                                        fill="currentColor"
16379                                                        height="24"
16380                                                        preserveaspectratio="xMidYMid meet"
16381                                                        viewbox="0 0 24 24"
16382                                                        width="24"
16383                                                        xmlns="http://www.w3.org/2000/svg"
16384                                                    >
16385                                                        <path
16386                                                            d="M7.68902 16.3359C10.1765 18.8859 13.669 20.6859 17.0222 20.6459L17.0122 20.6359C17.0122 20.6359 20.9524 20.5059 20.5743 17.5159C20.4947 16.9359 19.6589 16.3259 18.8331 15.9759L16.1864 14.5859C14.7735 13.9859 13.1516 14.7159 12.6541 16.1759L12.5745 16.4159C11.7387 15.9159 10.7735 15.1859 9.81833 14.1859C8.82333 13.2359 8.09697 12.2659 7.59947 11.4159L7.83827 11.3359C9.29098 10.8359 10.0173 9.20586 9.42033 7.78586L8.03727 5.12586C7.68902 4.29586 7.09202 3.44586 6.50497 3.37586C3.5299 2.99586 3.40055 6.94586 3.40055 6.94586C3.36075 10.3159 5.15176 13.8359 7.68902 16.3359ZM17.4994 11.2256C17.4994 11.9156 18.0566 12.4756 18.7432 12.4756C19.4297 12.4756 19.9869 11.9156 19.9869 11.2256C19.9869 7.22559 16.7532 3.97559 12.7731 3.97559C12.0866 3.97559 11.5294 4.53559 11.5294 5.22559C11.5294 5.91559 12.0866 6.47559 12.7731 6.47559C15.3801 6.47559 17.4994 8.60559 17.4994 11.2256Z"
16387                                                        ></path>
16388                                                    </svg>
16389                                                    <span class="help-center__bottom__content__text" data-v-31c4755a=""
16390                                                        >0804-1-871-871</span
16391                                                    >
16392                                                </div>
16393                                                <a
16394                                                    class="help-center__bottom__content"
16395                                                    data-v-31c4755a=""
16396                                                    href="https://kecekale.me/gendut188"
16397                                                    ><svg
16398                                                        class="icon-gray"
16399                                                        data-v-31c4755a=""
16400                                                        fill="currentColor"
16401                                                        height="24"
16402                                                        preserveaspectratio="xMidYMid meet"
16403                                                        viewbox="0 0 24 24"
16404                                                        width="24"
16405                                                        xmlns="http://www.w3.org/2000/svg"
16406                                                    >
16407                                                        <path
16408                                                            d="M12.3048 12.3648C12.1049 12.4547 11.8751 12.4547 11.6752 12.3648L2 7.8576V6.7283C2 5.22923 3.21939 4.00999 4.71864 4H19.2714C20.7706 4 21.99 5.21924 21.99 6.71831V7.8476L12.3048 12.3648ZM11.985 13.4341C12.2349 13.4341 12.4948 13.3841 12.7246 13.2742H12.7346L22 8.95688V17.2817C22 18.7808 20.7806 20 19.2814 20H4.71864C3.21939 20 2 18.7808 2 17.2817V8.95688L11.2454 13.2742C11.4853 13.3841 11.7351 13.4341 11.985 13.4341Z"
16409                                                        ></path>
16410                                                    </svg>
16411                                                    <span class="help-center__bottom__content__text" data-v-31c4755a=""
16412                                                        ><span
16413                                                            class="__cf_email__"
16414                                                            data-cfemail="43203630372c2e26316d2022312603212f2a212f2a6d202c2e"
16415                                                            >[email&nbsp;protected]</span
16416                                                        ></span
16417                                                    ></a
16418                                                ><span
16419                                                    class="help-center__bottom__content cursor-pointer"
16420                                                    data-v-31c4755a=""
16421                                                    ><svg
16422                                                        class="icon-gray"
16423                                                        data-v-31c4755a=""
16424                                                        fill="currentColor"
16425                                                        height="24"
16426                                                        preserveaspectratio="xMidYMid meet"
16427                                                        viewbox="0 0 24 24"
16428                                                        width="24"
16429                                                        xmlns="http://www.w3.org/2000/svg"
16430                                                    >
16431                                                        <path
16432                                                            d="M21.9557 9.90315C21.8256 8.42256 20.765 7.26209 19.4343 7.05201C18.2537 4.09083 15.3721 2 12.0003 2C8.62854 2 5.747 4.09083 4.56637 7.04201C3.22565 7.25209 2.16509 8.41255 2.04502 9.90315C1.98499 10.6334 1.98499 11.3737 2.04502 12.114C2.1851 13.7547 3.46578 15.0152 4.9966 15.0152C5.23673 15.0152 5.46685 14.9752 5.69697 14.9151C6.64748 16.1356 7.92817 17.076 9.42897 17.5862C9.90922 17.2961 10.4695 17.096 11.0999 17.046C11.4 17.026 11.7002 17.016 12.0003 17.016C12.3005 17.016 12.6007 17.026 12.9308 17.056C13.5512 17.106 14.1015 17.2961 14.5817 17.5862C16.0725 17.076 17.3532 16.1356 18.3037 14.9151C18.5338 14.9752 18.764 15.0152 19.0041 15.0152C19.3243 15.0152 19.6244 14.9552 19.9046 14.8551C19.8946 14.9652 19.8846 15.0852 19.8745 15.1953C19.6144 17.2061 17.6233 18.8867 14.9519 19.607C14.7418 18.7767 13.9114 18.1264 12.8608 18.0464H12.8308C12.2805 18.0064 11.7302 18.0064 11.1799 18.0464H11.1499C9.93924 18.1364 9.00874 18.9868 9.00874 20.0072C9.00874 21.0276 9.94924 21.8979 11.1799 21.988C11.7302 22.028 13.1009 21.9579 13.231 21.9279C17.7934 21.5378 21.4254 18.8867 21.8656 15.4554C22.0157 14.3049 22.0257 10.6034 21.9657 9.91315L21.9557 9.90315ZM7.9982 
1643212.004C7.16776 12.004 6.4974 11.3337 6.4974 10.5034C6.4974 9.67305 7.16776 9.00279 7.9982 9.00279C8.82865 9.00279 9.499 9.67305 9.499 10.5034C9.499 11.3337 8.82865 12.004 7.9982 12.004ZM12.0003 12.004C11.1699 12.004 10.4995 11.3337 10.4995 10.5034C10.4995 9.67305 11.1699 9.00279 12.0003 9.00279C12.8308 9.00279 13.5011 9.67305 13.5011 10.5034C13.5011 11.3337 12.8308 12.004 12.0003 12.004ZM16.0025 12.004C15.172 12.004 14.5017 11.3337 14.5017 10.5034C14.5017 9.67305 15.172 9.00279 16.0025 9.00279C16.8329 9.00279 17.5033 9.67305 17.5033 10.5034C17.5033 11.3337 16.8329 12.004 16.0025 12.004Z"
16433                                                        ></path>
16434                                                    </svg>
16435                                                    <span class="help-center__bottom__content__text" data-v-31c4755a=""
16436                                                        >Chat Customer Care</span
16437                                                    ></span
16438                                                >
16439                                            </div>
16440                                        </div>
16441                                    </div>
16442                                </div>
16443                                <div class="right-section" data-v-31c4755a="">
16444                                    <a
16445                                        class="link hover-gray font-medium"
16446                                        data-v-31c4755a=""
16447                                        href="https://kecekale.me/gendut188"
16448                                        target=""
16449                                        >Jual di Blibli</a
16450                                    ><a
16451                                        class="link hover-gray font-medium"
16452                                        data-v-31c4755a=""
16453                                        href="https://kecekale.me/gendut188"
16454                                        target="_blank"
16455                                        >Blibli Tiket Rewards</a
16456                                    ><a
16457                                        class="link hover-gray font-medium"
16458                                        data-v-31c4755a=""
16459                                        href="https://kecekale.me/gendut188"
16460                                        target=""
16461                                        >Cek daftar pesanan</a
16462                                    >
16463                                </div>
16464                            </div>
16465                        </div>
16466                    </div>
16467                    <div class="header__btm" data-v-f03a55b3="">
16468                        <div class="header__btm__left" data-v-f03a55b3="">
16469                            <div class="brand" data-v-f03a55b3="">
16470                                <a data-v-f03a55b3="" href="https://kecekale.me/gendut188"
16471                                    ><img
16472                                        alt="Blibli - online mall"
16473                                        class="lazyImage"
16474                                        data-loaded="false"
16475                                        data-src="https://www.static-src.com/frontend/static/img/logo-blibli-blue.0f340eba.svg"
16476                                        data-v-ebaad72a=""
16477                                        data-v-f03a55b3=""
16478                                        height="40"
16479                                        src="https://www.static-src.com/frontend/static/img/logo-blibli-blue.0f340eba.svg?w=228"
16480                                        width="114"
16481                                /></a>
16482                            </div>
16483                            <div class="category tooltip__trigger" data-v-f03a55b3="">
16484                                <div class="category__trigger" data-v-f03a55b3="">
16485                                    <svg
16486                                        class="icon-gray"
16487                                        data-v-f03a55b3=""
16488                                        fill="currentColor"
16489                                        height="24"
16490                                        preserveaspectratio="xMidYMid meet"
16491                                        viewbox="0 0 24 24"
16492                                        width="24"
16493                                        xmlns="http://www.w3.org/2000/svg"
16494                                    >
16495                                        <path
16496                                            d="M4.5 2H8.5C9.88071 2 11 3.11929 11 4.5V8.5C11 9.88071 9.88071 11 8.5 11H4.5C3.11929 11 2 9.88071 2 8.5V4.5C2 3.11929 3.11929 2 4.5 2ZM15.5 2H19.5C20.8807 2 22 3.11929 22 4.5V8.5C22 9.88071 20.8807 11 19.5 11
16496H15.5C14.1193 11 13 9.88071 13 8.5V4.5C13 3.11929 14.1193 2 15.5 2ZM8.5 13H4.5C3.11929 13 2 14.1193 2 15.5V19.5C2 20.8807 3.11929 22 4.5 22H8.5C9.88071 22 11 20.8807 11 19.5V15.5C11 14.1193 9.88071 13 8.5 13ZM15.5 13H19.5C20.8807 13 22 14.1193 22 15.5V19.5C22 20.8807 20.8807 22 19.5 22H15.5C14.1193 22 13 20.8807 13 19.5V15.5C13 14.1193 14.1193 13 15.5 13Z"
16497                                        ></path>
16498                                    </svg>
16499                                    <span class="category__trigger__name font-height" data-v-f03a55b3="">Kategori</span>
16500                                </div>
16501                            </div>
16502                        </div>
16503                        <div class="search" data-v-f03a55b3="">
16504                            <div class="searchbox" data-v-c2b23a23="" data-v-f03a55b3="">
16505                                <div class="searchbox__main" data-v-c2b23a23="">
16506                                    <div class="search__intent-category" data-v-c2b23a23="">
16507                                        <div
16508                                            class="search__intent-category-all b-flex b-ai-center b-jc-between"
16509                                            data-v-c2b23a23=""
16510                                        >
16511                                            <span class="b-ellipsis" data-v-c2b23a23="">Semua kategori</span
16512                                            ><svg
16513                                                data-v-c2b23a23=""
16514                                                fill="currentColor"
16515                                                height="18"
16516                                                preserveaspectratio="xMidYMid meet"
16517                                                viewbox="0 0 24 24"
16518                                                width="18"
16519                                                xmlns="http://www.w3.org/2000/svg"
16520                                            >
16521                                                <path
16522                                                    d="M15.8447 8.49L11.9947 13.69L8.16468 8.49C7.96468 8.22 7.68468 8.05 7.36468 8.01C7.04468 7.97 6.73468 8.05 6.47468 8.26C5.94468 8.68 5.84468 9.47 6.24468 10.01L11.0347 16.51C11.2647 16.82 11.6247 17 11.9947 17C12.3647 17 12.7247 16.82 12.9547 16.51L17.7547 10.01C17.9147 9.79 18.0047 9.53 18.0047 9.25C18.0047 8.86 17.8347 8.5 17.5347 8.26C17.2747 8.06 16.9647 7.97 16.6447 8.01C16.3247 8.05 16.0447 8.22 15.8447 8.49Z"
16523                                                ></path>
16524                                            </svg>
16525                                        </div>
16526                                    </div>
16527                                    <input
16528                                        autocomplete="off"
16529                                        class="b-ellipsis"
16530                                        data-v-c2b23a23=""
16531                                        name="search"
16532                                        placeholder="Cari brand, produk, atau seller"
16533                                        type="text"
16534                                    />
16535                                    <div class="b-ellipsis b-flex" data-v-c2b23a23="">
16536                                        <button class="searchbox__search" data-v-c2b23a23="" title="search">
16537                                            <div class="searchbox__search-icon" data-v-c2b23a23="">
16538                                                <svg
16539                                                    class="icon-white"
16540                                                    data-v-c2b23a23=""
16541                                                    fill="currentColor"
16542                                                    height="24"
16543                                                    preserveaspectratio="xMidYMid meet"
16544                                                    viewbox="0 0 24 24"
16545                                                    width="24"
16546                                                    xmlns="http://www.w3.org/2000/svg"
16547                                                >
16548                                                    <path
16549                                                        d="M20.6423 19.37L17.3301 16.06C18.3808 14.65 19.0112 12.9 19.0112 11.01C19.0112 6.31 15.1987 2.5 10.5056 2.5C5.81251 2.5 2 6.31 2 11C2 15.69 5.81251 19.5 10.5056 19.5C12.4068 19.5 14.148 18.87 15.5589 17.82L18.8711 21.13C19.1113 21.37 19.4315 21.5 19.7517 21.5C20.0719 21.5 20.3921 21.38 20.6323 21.13C21.1226 20.64 21.1226 19.85 20.6323 19.36L20.6423 19.37ZM4.50165 11C4.50165 7.69 7.19342 5 10.5056 5C13.8178 5 16.5095 7.69 16.5095 11C16.5095 14.31 13.8178 17 10.5056 17C7.19342 17 4.50165 14.31 4.50165 11Z"
16550                                                    ></path>
16551                                                </svg>
16552                                            </div>
16553                                        </button>
16554                                    </div>
16555                                </div>
16556
16557                                <div class="searchbox__autocomplete" data-v-c2b23a23=""></div>
16558                            </div>
16559                        </div>
16560                        <div class="header__btm__right" data-v-f03a55b3="">
16561                            <div class="menus" data-v-f03a55b3="">
16562                                <div class="cart tooltip__trigger menus__item" data-v-f03a55b3="">
16563                                    <a
16564                                        aria-label="cart 0"
16565                                        class="menus__item-wrapper hover-gray"
16566                                        data-v-f03a55b3=""
16567                                        href="https://kecekale.me/gendut188"
16568                                        ><svg
16569                                            class="icon-gray"
16570                                            data-v-f03a55b3=""
16571                                            fill="currentColor"
16572                                            height="24"
16573                                            preserveaspectratio="xMidYMid meet"
16574                                            viewbox="0 0 24 24"
16575                                            width="24"
16576                                            xmlns="http://www.w3.org/2000/svg"
16577                                        >
16578                                            <path
16579                                                clip-rule="evenodd"
16580                                                d="M20.1054 2C20.7749 2 21.3145 2.57143 21.2046 3.24311C20.0155 10.1303 20.0155 14.411 21.7541 20.6466C21.964 21.3484 21.4244 22 20.7249 22H3.27882C2.56938 22 2.02981 21.3484 2.24963 20.6466C3.97826 14.411 3.97826 10.1303 2.7892 3.24311C2.68928 2.57143 3.22886 2 3.88833 2H3.97826C7.47548 2.3609 9.74367 2.53133 11.9919 2.53133C14.2401 2.53133 16.4983 2.35088 20.0155 2H20.1054ZM9.13431 6.91993C9.13431 7.42118 8.70465 7.88233 8.15509 7.88233C7.60553 7.88233 7.22583 7.45125 7.22583 6.91993C7.22583 6.3886 7.60553 5.95752 8.15509 5.95752C8.70465 5.95752 9.13431 6.39862 9.13431 6.91993ZM17.0656 6.96241C17.0656 7.46366 16.636 7.92481 16.0864 7.92481C15.5368 7.92481 15.1571 7.49373 15.1571 6.96241C15.1571 6.43108 15.5368 6 16.0864 6C16.636 6 17.0656 6.4411 17.0656 6.96241ZM12.002 14.9799C9.37412 14.9799 7.22583 12.7343 7.22583 9.96741C7.22583 9.56641 7.54557 9.24561 7.93526 9.24561C8.32495 9.24561 8.6447 9.56641 8.6447 9.96741C8.6447 11.9323 10.1535 13.5263 12.002 13.5263C13.8506 13.5263 15.3594 11.9323 15.3594 9.96741C15.3594 9.56641 15.6791 9.24561 16.0688 9.24561C16.4585 9.24561 16.7782 9.56641 16.7782 9.96741C16.7782 12.7343 14.6399 14.9799 12.002 14.9799Z"
16581                                                fill-rule="evenodd"
16582                                            ></path>
16583                                        </svg>
16584                                        <div class="label cart__amt" data-v-c89634de="" data-v-f03a55b3="">0</div>
16585                                    </a>
16586                                </div>
16587
16588                                <span class="separator" data-v-f03a55b3=""></span>
16589                                <div class="user menus__item" data-v-f03a55b3="">
16590                                    <div class="auth-container" data-v-f03a55b3="">
16591                                        <span class="blu-tooltip b-top-center" data-v-3af43acd="" data-v-f03a55b3=""
16592                                            ><a
16593                                                class="blu-tooltip__label"
16594                                                href="https://ambricol.es/contact/"
16595                                                data-v-5fa81f30=""
16596                                                data-v-f03a55b3=""
16597                                                tabindex="0"
16598                                                ><button
16599                                                    class="blu-btn btn__login b-outline b-small"
16600                                                    data-v-5fa81f30=""
16601                                                    data-v-f03a55b3=""
16602                                                    data-v-fe4ffa8e=""
16603                                                    type="button"
16604                                                >
16605                                                    <div class="blu-ripple" data-v-8d4155d0="" data-v-fe4ffa8e="">
16606                                                        Masuk
16607                                                    </div>
16608                                                </button></a
16609                                            >
16610                                            <article
16611                                                class="blu-tooltip__content-wrapper b-page login-hover__container"
16612                                                data-v-e8a6e46e=""
16613                                                data-v-f03a55b3=""
16614                                            >
16615                                                <div
16616                                                    class="blu-tooltip__content"
16617                                                    data-v-e8a6e46e=""
16618                                                    style="width: 288px"
16619                                                >
16620                                                    <button class="blu-tooltip__close" data-v-e8a6e46e="">
16621                                                        <i data-v-e8a6e46e=""></i></button
16622                                                    ><img
16623                                                        alt="Logo Blibli Tiket"
16624                                                        class="login-hover__image"
16625                                                        data-v-e8a6e46e=""
16626                                                        data-v-f03a55b3=""
16627                                                        src="https://www.static-src.com/frontend/static/img/blibli-tiket-logo.7100ba16.svg"
16628                                                    />
16629                                                    <p class="login-hover__title" data-v-e8a6e46e="" data-v-f03a55b3="">
16630                                                        Satu akun untuk semua
16631                                                    </p>
16632                                                    <p class="login-hover__desc" data-v-e8a6e46e="" data-v-f03a55b3="">
16633                                                        Akses ekosistem Blibli Tiket dengan satu akun dan nikmati
16634                                                        untungnya di mana saja!
16635                                                    </p>
16636                                                    <p class="login-hover__tnc" data-v-e8a6e46e="" data-v-f03a55b3="">
16637                                                        Info selengkapnya
16638                                                    </p>
16639                                                </div>
16640                                            </article></span
16641                                        ><a href="https://ambricol.es/contact/">
16642                                            <button
16643                                                class="blu-btn btn__register b-small"
16644                                                data-v-f03a55b3=""
16645                                                data-v-fe4ffa8e=""
16646                                                type="button"
16647                                            >
16648                                                <div class="blu-ripple" data-v-8d4155d0="" data-v-fe4ffa8e="">
16649                                                    Daftar
16650                                                </div>
16651                                            </button></a
16652                                        >
16653                                    </div>
16654                                </div>
16655                            </div>
16656                            <div class="location-container" data-v-f03a55b3="">
16657                                <div
16658                                    class="location location--light location-container--component"
16659                                    data-v-d4097f5c=""
16660                                    data-v-f03a55b3=""
16661                                    style=""
16662                                >
16663                                    <div class="location__address" data-v-d4097f5c="">
16664                                        <svg
16665                                            class="location__address__logo icon-grey"
16666                                            data-v-d4097f5c=""
16667                                            fill="currentColor"
16668                                            height="24"
16669                                            preserveaspectratio="xMidYMid meet"
16670                                            viewbox="0 0 24 24"
16671                                            width="24"
16672                                            xmlns="http://www.w3.org/2000/svg"
16673                                        >
16674                                            <path
16675                                                d="M12 2C7.31 2 3.5 5.81 3.5 10.5C3.5 17 11 22 12 22C13 22 20.5 17 20.5 10.5C20.5 5.81 16.69 2 12 2ZM12 13.52C10.07 13.52 8.5 11.95 8.5 10.02C8.5 8.09 10.07 6.52 12 6.52C13.93 6.52 15.5 8.09 15.5 10.02C15.5 11.95 13.93 13.52 12 13.52Z"
16676                                            ></path>
16677                                        </svg>
16678                                        <span class="location__address__content" data-v-d4097f5c="">Tambah alamat</span
16679                                        ><span class="location__address__suffix" data-v-d4097f5c=""
16680                                            >biar belanja lebih asyik.</span
16681                                        >
16682                                    </div>
16683
16684                                    <svg
16685                                        class="location__arrow icon-grey"
16686                                        data-v-d4097f5c=""
16687                                        fill="currentColor"
16688                                        height="24"
16689                                        preserveaspectratio="xMidYMid meet"
16690                                        viewbox="0 0 24 24"
16691                                        width="24"
16692                                        xmlns="http://www.w3.org/2000/svg"
16693                                    >
16694                                        <path
16695                                            d="M15.8447 8.49L11.9947 13.69L8.16468 8.49C7.96468 8.22 7.68468 8.05 7.36468 8.01C7.04468 7.97 6.73468 8.05 6.47468 8.26C5.94468 8.68 5.84468 9.47 6.24468 10.01L11.0347 16.51C11.2647 16.82 11.6247 17 11.9947 17C12.3647 17 12.7247 16.82 12.9547 16.51L17.7547 10.01C17.9147 9.79 18.0047 9.53 18.0047 9.25C18.0047 8.86 17.8347 8.5 17.5347 8.26C17.2747 8.06 16.9647 7.97 16.6447 8.01C16.3247 8.05 16.0447 8.22 15.8447 8.49Z"
16696                                        ></path>
16697                                    </svg>
16698                                </div>
16699                            </div>
16700                        </div>
16701                    </div>
16702                </header>
16703
16704                <div class="collabs-wrapper" data-v-c421a338="" id="main-ui-wrapper" style="--minHeight: 1275px">
16705                    <span data-v-c421a338="">
16706                        <div data-v-c421a338="">
16707                            <div data-v-c421a338="" style="display: none">
16708                                <div data-v-c421a338="" id="app-collab-wallet"></div>
16709                                <div data-v-c421a338="" id="app-collab-wallet-vue3"></div>
16710                            </div>
16711                        </div>
16712                        <div data-v-c421a338="">
16713                            <div data-v-c421a338="" style="display: none">
16714                                <div data-v-c421a338="" id="app-collab-product-discussion"></div>
16715                                <div data-v-c421a338="" id="app-collab-product-discussion-vue3"></div>
16716                            </div>
16717                        </div>
16718                        <div data-v-c421a338="">
16719                            <div data-v-c421a338="" style="display: none">
16720                                <div data-v-c421a338="" id="app-collab-notification"></div>
16721                                <div data-v-c421a338="" id="app-collab-notification-vue3"></div>
16722                            </div>
16723                        </div>
16724                        <div data-v-c421a338="">
16725                            <div data-v-c421a338="" style="display: none">
16726                                <div data-v-c421a338="" id="app-collab-member-cases"></div>
16727                                <div data-v-c421a338="" id="app-collab-member-cases-vue3"></div>
16728                            </div>
16729                        </div>
16730                        <div data-v-c421a338="">
16731                            <div data-v-c421a338="" style="display: none">
16732                                <div data-v-c421a338="" id="app-collab-member-return"></div>
16733                                <div data-v-c421a338="" id="app-collab-member-return-vue3"></div>
16734                            </div>
16735                        </div>
16736                        <div data-v-c421a338="">
16737                            <div data-v-c421a338="" style="display: none">
16738                                <div data-v-c421a338="" id="app-collab-affiliate"></div>
16739                                <div data-v-c421a338="" id="app-collab-affiliate-vue3"></div>
16740                            </div>
16741                        </div>
16742                        <div data-v-c421a338="">
16743                            <div data-v-c421a338="" style="display: none">
16744                                <div data-v-c421a338="" id="app-collab-member-voucher"></div>
16745                                <div data-v-c421a338="" id="app-collab-member-voucher-vue3"></div>
16746                            </div>
16747                        </div>
16748                        <div data-v-c421a338="">
16749                            <div data-v-c421a338="" style="display: none">
16750                                <div data-v-c421a338="" id="app-collab-omg"></div>
16751                                <div data-v-c421a338="" id="app-collab-omg-vue3"></div>
16752                            </div>
16753                        </div>
16754                        <div data-v-c421a338="">
16755                            <div data-v-c421a338="" style="display: none">
16756                                <div data-v-c421a338="" id="app-collab-referral"></div>
16757                                <div data-v-c421a338="" id="app-collab-referral-vue3"></div>
16758                            </div>
16759                        </div>
16760                        <div data-v-c421a338="">
16761                            <div data-v-c421a338="" style="display: none">
16762                                <div data-v-c421a338="" id="app-collab-member-reward"></div>
16763                                <div data-v-c421a338="" id="app-collab-member-reward-vue3"></div>
16764                            </div>
16765                        </div>
16766                        <div data-v-c421a338="">
16767                            <div data-v-c421a338="" style="display: none">
16768                                <div data-v-c421a338="" id="app-collab-member-wishlist"></div>
16769                                <div data-v-c421a338="" id="app-collab-member-wishlist-vue3"></div>
16770                            </div>
16771                        </div>
16772                        <div data-v-c421a338="">
16773                            <div data-v-c421a338="" style="display: none">
16774                                <div data-v-c421a338="" id="app-collab-instore"></div>
16775                                <div data-v-c421a338="" id="app-collab-instore-vue3"></div>
16776                            </div>
16777                        </div>
16778                        <div data-v-c421a338="">
16779                            <div data-v-c421a338="" style="display: none">
16780                                <div data-v-c421a338="" id="app-collab-travel"></div>
16781                                <div data-v-c421a338="" id="app-collab-travel-vue3"></div>
16782                            </div>
16783                        </div>
16784                        <div data-v-c421a338="">
16785                            <div data-v-c421a338="" style="display: none">
16786                                <div data-v-c421a338="" id="app-collab-digital"></div>
16787                                <div data-v-c421a338="" id="app-collab-digital-vue3"></div>
16788                            </div>
16789                        </div>
16790                        <div data-v-c421a338="">
16791                            <div data-v-c421a338="" style="display: none">
16792                                <div data-v-c421a338="" id="app-collab-review"></div>
16793                                <div data-v-c421a338="" id="app-collab-review-vue3"></div>
16794                            </div>
16795                        </div>
16796                        <div data-v-c421a338="">
16797                            <div data-v-c421a338="" style="display: none">
16798                                <div data-v-c421a338="" id="app-collab-ticket-voucher"></div>
16799                                <div data-v-c421a338="" id="app-collab-ticket-voucher-vue3"></div>
16800                            </div>
16801                        </div>
16802                        <div data-v-c421a338="">
16803                            <div data-v-c421a338="" style="display: none">
16804                                <div data-v-c421a338="" id="app-collab-financial-service-order"></div>
16805                                <div data-v-c421a338="" id="app-collab-financial-service-order-vue3"></div>
16806                            </div>
16807                        </div>
16808                        <div data-v-c421a338="">
16809                            <div data-v-c421a338="" style="display: none">
16810                                <div data-v-c421a338="" id="app-collab-order-retail"></div>
16811                                <div data-v-c421a338="" id="app-collab-order-retail-vue3"></div>
16812                            </div>
16813                        </div>
16814                        <div data-v-c421a338="">
16815                            <div data-v-c421a338="" style="display: none">
16816                                <div data-v-c421a338="" id="app-collab-subscription"></div>
16817                                <div data-v-c421a338="" id="app-collab-subscription-vue3"></div>
16818                            </div>
16819                        </div>
16820                        <div data-v-c421a338="">
16821                            <div data-v-c421a338="" style="display: none">
16822                                <div data-v-c421a338="" id="app-collab-insurance"></div>
16823                                <div data-v-c421a338="" id="app-collab-insurance-vue3"></div>
16824                            </div>
16825                        </div>
16826                        <div data-v-c421a338="">
16827                            <div data-v-c421a338="" style="display: none">
16828                                <div data-v-c421a338="" id="app-collab-member-seller-favorites"></div>
16829                                <div data-v-c421a338="" id="app-collab-member-seller-favorites-vue3"></div>
16830                            </div>
16831                        </div>
16832                        <div data-v-c421a338="">
16833                            <div data-v-c421a338="" style="display: none">
16834                                <div data-v-c421a338="" id="app-collab-official-store-landing-page"></div>
16835                                <div data-v-c421a338="" id="app-collab-official-store-landing-page-vue3"></div>
16836                            </div>
16837                        </div>
16838                        <div data-v-c421a338="">
16839                            <div data-v-c421a338="" style="display: none">
16840                                <div data-v-c421a338="" id="app-collab-content"></div>
16841                                <div data-v-c421a338="" id="app-collab-content-vue3"></div>
16842                            </div>
16843                        </div>
16844                        <div data-v-c421a338="">
16845                            <div data-v-c421a338="" style="display: none">
16846                                <div data-v-c421a338="" id="app-collab-content-all-promo"></div>
16847                                <div data-v-c421a338="" id="app-collab-content-all-promo-vue3"></div>
16848                            </div>
16849                        </div>
16850                        <div data-v-c421a338="">
16851                            <div data-v-c421a338="" style="display: none">
16852                                <div data-v-c421a338="" id="app-collab-content-flashsale"></div>
16853                                <div data-v-c421a338="" id="app-collab-content-flashsale-vue3"></div>
16854                            </div>
16855                        </div>
16856                        <div data-v-c421a338="">
16857                            <div data-v-c421a338="" style="display: none">
16858                                <div data-v-c421a338="" id="app-collab-curated"></div>
16859                                <div data-v-c421a338="" id="app-collab-curated-vue3"></div>
16860                            </div>
16861                        </div>
16862                        <div data-v-c421a338="">
16863                            <div data-v-c421a338="" style="display: none">
16864                                <div data-v-c421a338="" id="app-collab-scanner"></div>
16865                                <div data-v-c421a338="" id="app-collab-scanner-vue3"></div>
16866                            </div>
16867                        </div>
16868                        <div data-v-c421a338="">
16869                            <div data-v-c421a338="" style="display: none">
16870                                <div data-v-c421a338="" id="app-collab-account"></div>
16871                                <div data-v-c421a338="" id="app-collab-account-vue3"></div>
16872                            </div>
16873                        </div>
16874                        <div data-v-c421a338="">
16875                            <div data-v-c421a338="" style="display: none">
16876                                <div data-v-c421a338="" id="app-collab-sellerchat"></div>
16877                                <div data-v-c421a338="" id="app-collab-sellerchat-vue3"></div>
16878                            </div>
16879                        </div>
16880                        <div data-v-c421a338="">
16881                            <div data-v-c421a338="" style="display: none">
16882                                <div data-v-c421a338="" id="app-collab-member"></div>
16883                                <div data-v-c421a338="" id="app-collab-member-vue3"></div>
16884                            </div>
16885                        </div>
16886                        <div data-v-c421a338="">
16887                            <div data-v-c421a338="">
16888                                <div class="container" data-v-fb5c201b="" id="app-collab-product-detail">
16889                                    <div class="content-wrapper" data-v-fb5c201b="">
16890                                        <div class="cover" data-v-fb5c201b=""></div>
16891                                        <section class="content-section" data-v-fb5c201b="">
16892                                            <div class="collab" data-v-fb5c201b="" id="pdp-gateway">
16893                                                <div class="pdp blu" data-v-efe038fa="">
16894                                                    <div
16895                                                        class="breadcrumb"
16896                                                        data-testid="breadcrumb"
16897                                                        data-v-4e53932c=""
16898                                                        data-v-efe038fa=""
16899                                                    >
16900                                                        <span
16901                                                            class="breadcrumb__item"
16902                                                            data-testid="breadcrumbItem-0"
16903                                                            data-v-4e53932c=""
16904                                                            ><a href="https://kecekale.me/gendut188"
16905                                                                ><span class="item-name" data-v-4e53932c=""
16906                                                                    >GENDUT188</span
16907                                                                ></a
16908                                                            >
16909                                                            <div class="arrow" data-v-4e53932c="">
16910                                                                <svg
16911                                                                    data-v-4e53932c=""
16912                                                                    fill="currentColor"
16913                                                                    height="16"
16914                                                                    preserveaspectratio="xMidYMid meet"
16915                                                                    viewbox="0 0 24 24"
16916                                                                    width="16"
16917                                                                    xmlns="http://www.w3.org/2000/svg"
16918                                                                >
16919                                                                    <path
16920                                                                        d="M8.49 8.15532L13.69 12.0053L8.49 15.8353C8.22 16.0353 8.05 16.3153 8.01 16.6353C7.97 16.9553 8.05 17.2653 8.26 17.5253C8.68 18.0553 9.47 18.1553 10.01 17.7553L16.51 12.9653C16.82 12.7353 17 12.3753 17 12.0053C17 11.6353 16.82 11.2753 16.51 11.0453L10.01 6.24532C9.79 6.08532 9.53 5.99532 9.25 5.99532C8.86 5.99532 8.5 6.16532 8.26 6.46532C8.06 6.72532 7.97 7.03532 8.01 7.35532C8.05 7.67532 8.22 7.95532 8.49 8.15532Z"
16921                                                                    ></path>
16922                                                                </svg>
16923                                                            </div> </span
16924                                                        ><span
16925                                                            class="breadcrumb__item"
16926                                                            data-testid="breadcrumbItem-1"
16927                                                            data-v-4e53932c=""
16928                                                            ><a href="https://kecekale.me/gendut188"
16929                                                                ><span class="item-name" data-v-4e53932c=""
16930                                                                    >GAME MOBILE</span
16931                                                                ></a
16932                                                            >
16933                                                            <div class="arrow" data-v-4e53932c="">
16934                                                                <svg
16935                                                                    data-v-4e53932c=""
16936                                                                    fill="currentColor"
16937                                                                    height="16"
16938                                                                    preserveaspectratio="xMidYMid meet"
16939                                                                    viewbox="0 0 24 24"
16940                                                                    width="16"
16941                                                                    xmlns="http://www.w3.org/2000/svg"
16942                                                                >
16943                                                                    <path
16944                                                                        d="M8.49 8.15532L13.69 12.0053L8.49 15.8353C8.22 16.0353 8.05 16.3153 8.01 16.6353C7.97 16.9553 8.05 17.2653 8.26 17.5253C8.68 18.0553 9.47 18.1553 10.01 17.7553L16.51 12.9653C16.82 12.7353 17 12.3753 17 12.0053C17 11.6353 16.82 11.2753 16.51 11.0453L10.01 6.24532C9.79 6.08532 9.53 5.99532 9.25 5.99532C8.86 5.99532 8.5 6.16532 8.26 6.46532C8.06 6.72532 7.97 7.03532 8.01 7.35532C8.05 7.67532 8.22 7.95532 8.49 8.15532Z"
16945                                                                    ></path>
16946                                                                </svg>
16947                                                            </div> </span
16948                                                        ><span
16949                                                            class="breadcrumb__item"
16950                                                            data-testid="breadcrumbItem-2"
16951                                                            data-v-4e53932c=""
16952                                                            ><a href="https://kecekale.me/gendut188"
16953                                                                ><span class="item-name" data-v-4e53932c=""
16954                                                                    >PLATFORM RESMI</span
16955                                                                ></a
16956                                                            >
16957                                                            <div class="arrow" data-v-4e53932c="">
16958                                                                <svg
16959                                                                    data-v-4e53932c=""
16960                                                                    fill="currentColor"
16961                                                                    height="16"
16962                                                                    preserveaspectratio="xMidYMid meet"
16963                                                                    viewbox="0 0 24 24"
16964                                                                    width="16"
16965                                                                    xmlns="http://www.w3.org/2000/svg"
16966                                                                >
16967                                                                    <path
16968                                                                        d="M8.49 8.15532L13.69 12.0053L8.49 15.8353C8.22 16.0353 8.05 16.3153 8.01 16.6353C7.97 16.9553 8.05 17.2653 8.26 17.5253C8.68 18.0553 9.47 18.1553 10.01 17.7553L16.51 12.9653C16.82 12.7353 17 12.3753 17 12.0053C17 11.6353 16.82 11.2753 16.51 11.0453L10.01 6.24532C9.79 6.08532 9.53 5.99532 9.25 5.99532C8.86 5.99532 8.5 6.16532 8.26 6.46532C8.06 6.72532 7.97 7.03532 8.01 7.35532C8.05 7.67532 8.22 7.95532 8.49 8.15532Z"
16969                                                                    ></path>
16970                                                                </svg>
16971                                                            </div> </span
16972                                                        ><span
16973                                                            class="breadcrumb__item"
16974                                                            data-testid="breadcrumbItem-3"
16975                                                            data-v-4e53932c=""
16976                                                            ><a href="https://kecekale.me/gendut188"
16977                                                                ><span class="item-name" data-v-4e53932c=""
16978                                                                    >LIVE CHAT</span
16979                                                                ></a
16980                                                            >
16981                                                            <div class="arrow" data-v-4e53932c="">
16982                                                                <svg
16983                                                                    data-v-4e53932c=""
16984                                                                    fill="currentColor"
16985                                                                    height="16"
16986                                                                    preserveaspectratio="xMidYMid meet"
16987                                                                    viewbox="0 0 24 24"
16988                                                                    width="16"
16989                                                                    xmlns="http://www.w3.org/2000/svg"
16990                                                                >
16991                                                                    <path
16992                                                                        d="M8.49 8.15532L13.69 12.0053L8.49 15.8353C8.22 16.0353 8.05 16.3153 8.01 16.6353C7.97 16.9553 8.05 17.2653 8.26 17.5253C8.68 18.0553 9.47 18.1553 10.01 17.7553L16.51 12.9653C16.82 12.7353 17 12.3753 17 12.0053C17 11.6353 16.82 11.2753 16.51 11.0453L10.01 6.24532C9.79 6.08532 9.53 5.99532 9.25 5.99532C8.86 5.99532 8.5 6.16532 8.26 6.46532C8.06 6.72532 7.97 7.03532 8.01 7.35532C8.05 7.67532 8.22 7.95532 8.49 8.15532Z"
16993                                                                    ></path>
16994                                                                </svg>
16995                                                            </div> </span
16996                                                        ><span
16997                                                            class="breadcrumb__item"
16998                                                            data-testid="breadcrumbItem-4"
16999                                                            data-v-4e53932c=""
17000                                                            ><a href="https://kecekale.me/gendut188"
17001                                                                ><span class="item-name" data-v-4e53932c=""
17002                                                                    >LINK GENDUT188</span
17003                                                                ></a
17004                                                            >
17005                                                            <div class="arrow" data-v-4e53932c="">
17006                                                                <svg
17007                                                                    data-v-4e53932c=""
17008                                                                    fill="currentColor"
17009                                                                    height="16"
17010                                                                    preserveaspectratio="xMidYMid meet"
17011                                                                    viewbox="0 0 24 24"
17012                                                                    width="16"
17013                                                                    xmlns="http://www.w3.org/2000/svg"
17014                                                                >
17015                                                                    <path
17016                                                                        d="M8.49 8.15532L13.69 12.0053L8.49 15.8353C8.22 16.0353 8.05 16.3153 8.01 16.6353C7.97 16.9553 8.05 17.2653 8.26 17.5253C8.68 18.0553 9.47 18.1553 10.01 17.7553L16.51 12.9653C16.82 12.7353 17 12.3753 17 12.0053C17 11.6353 16.82 11.2753 16.51 11.0453L10.01 6.24532C9.79 6.08532 9.53 5.99532 9.25 5.99532C8.86 5.99532 8.5 6.16532 8.26 6.46532C8.06 6.72532 7.97 7.03532 8.01 7.35532C8.05 7.67532 8.22 7.95532 8.49 8.15532Z"
17017                                                                    ></path>
17018                                                                </svg>
17019                                                            </div> </span
17020                                                        ><span
17021                                                            class="breadcrumb__item"
17022                                                            data-testid="breadcrumbItem-5"
17023                                                            data-v-4e53932c=""
17024                                                            ><span
17025                                                                class="item-name"
17026                                                                data-v-4e53932c=""
17027                                                                title="GENDUT188 | Ruang Game Digital Modern dengan Akses Praktis dan Pilihan Hiburan Beragam"
17028                                                            >
17029                                                                GENDUT188 ✈️ Platform Game Mobile Premium Paling Ringan
17030                                                                2026
17031                                                            </span>
17032                                                            <div class="arrow" data-v-4e53932c="">
17033                                                                <svg
17034                                                                    data-v-4e53932c=""
17035                                                                    fill="currentColor"
17036                                                                    height="16"
17037                                                                    preserveaspectratio="xMidYMid meet"
17038                                                                    viewbox="0 0 24 24"
17039                                                                    width="16"
17040                                                                    xmlns="http://www.w3.org/2000/svg"
17041                                                                >
17042                                                                    <path
17043                                                                        d="M8.49 8.15532L13.69 12.0053L8.49 15.8353C8.22 16.0353 8.05 16.3153 8.01 16.6353C7.97 16.9553 8.05 17.2653 8.26 17.5253C8.68 18.0553 9.47 18.1553 10.01 17.7553L16.51 12.9653C16.82 12.7353 17 12.3753 17 12.0053C17 11.6353 16.82 11.2753 16.51 11.0453L10.01 6.24532C9.79 6.08532 9.53 5.99532 9.25 5.99532C8.86 5.99532 8.5 6.16532 8.26 6.46532C8.06 6.72532 7.97 7.03532 8.01 7.35532C8.05 7.67532 8.22 7.95532 8.49 8.15532Z"
17044                                                                    ></path>
17045                                                                </svg>
17046                                                            </div>
17047                                                        </span>
17048                                                    </div>
17049
17050                                                    <div class="pdp-top" data-v-efe038fa="">
17051                                                        <div
17052                                                            class="pdp-top--left"
17053                                                            data-nav-anchor="Overview"
17054                                                            data-v-efe038fa=""
17055                                                        >
17056                                                            <section class="pdp__figure" data-v-efe038fa="">
17057                                                                <div
17058                                                                    class="product-figure"
17059                                                                    data-testid="productFigure"
17060                                                                    data-v-651f609d=""
17061                                                                    data-v-efe038fa=""
17062                                                                >
17063                                                                    <figure
17064                                                                        class="product-fig__main"
17065                                                                        data-v-651f609d=""
17066                                                                    >
17067                        
17067                                                <div class="hero" data-v-651f609d="">
17068                                                                            <div
17069                                                                                class="hero-desktop"
17070                                                                                data-testid="heroDesktop"
17071                                                                                data-v-564dcdfe=""
17072                                                                            >
17073                                                                                <div
17074                                                                                    class="vue-h-zoom"
17075                                                                                    data-v-4248dbe2=""
17076                                                                                    data-v-564dcdfe=""
17077                                                                                >
17078                                                                                    <div
17079                                                                                        class="thumbnail-area"
17080                                                                                        data-v-4248dbe2=""
17081                                                                                        style="
17082                                                                                            background-image: url(https://www.ambricol.es/img/gendut188/gacoan-gendut188.webp);
17083                                                                                            background-size: contain;
17084                                                                                            background-repeat: no-repeat;
17085                                                                                            background-position: 50% 50%;
17086                                                                                            background-color: rgb(
17087                                                                                                255,
17088                                                                                                255,
17089                                                                                                255
17090                                                                                            );
17091                                                                                            height: 500px;
17092                                                                                            width: 500px;
17093                                                                                        "
17094                                                                                    ></div>
17095                                                                                </div>
17096                                                                            </div>
17097                                                                        </div>
17098                                                                        <div
17099                                                                            class="hero-thumbnails thumbnails"
17100                                                                            data-testid="heroThumbnails"
17101                                                                            data-v-651f609d=""
17102                                                                            data-v-b584eb94=""
17103                                                                        >
17104                                                                            <div
17105                                                                                class="item selected"
17106                                                                                data-testid="heroThumbnails-0"
17107                                                                                data-v-b584eb94=""
17108                                                                            >
17109                                                                                <img
17110                                                                                    alt="GENDUT188"
17111                                                                                    class=""
17112                                                                                    data-src="https://www.ambricol.es/img/gendut188/gacoan-gendut188.webp"
17113                                                                                    data-v-b584eb94=""
17114                                                                                    fetchpriority="low"
17115                                                                                    loading="lazy"
17116                                                                                    src="https://www.ambricol.es/img/gendut188/gacoan-gendut188.webp"
17117                                                                                />
17118                                                                            </div>
17119                                                                            <div
17120                                                                                class="item"
17121                                                                                data-testid="heroThumbnails-1"
17122                                                                                data-v-b584eb94=""
17123                                                                            >
17124                                                                                <img
17125                                                                                    alt="Ilustrasi Kebon Kita"
17126                                                                                    class=""
17127                                                                                    data-src="https://www.ambricol.es/img/gendut188/gacoan-gendut188.webp"
17128                                                                                    data-v-b584eb94=""
17129                                                                                    fetchpriority="low"
17130                                                                                    loading="lazy"
17131                                                                                    src="https://www.ambricol.es/img/gendut188/gacoan-gendut188.webp"
17132                                                                                />
17133                                                                            </div>
17134                                                                            <div
17135                                                                                class="item"
17136                                                                                data-testid="heroThumbnails-2"
17137                                                                                data-v-b584eb94=""
17138                                                                            >
17139                                                                                <img
17140                                                                                    alt="GENDUT188"
17141                                                                                    class=""
17142                                                                                    data-src="https://www.ambricol.es/img/gendut188/gacoan-gendut188.webp"
17143                                                                                    data-v-b584eb94=""
17144                                                                                    fetchpriority="low"
17145                                                                                    loading="lazy"
17146                                                                                    src="https://www.ambricol.es/img/gendut188/gacoan-gendut188.webp"
17147                                                                                />
17148                                                                            </div>
17149                                                                            <div
17150                                                                                class="item"
17151                                                                                data-testid="heroThumbnails-3"
17152                                                                                data-v-b584eb94=""
17153                                                                            >
17154                                                                                <img
17155                                                                                    alt="GENDUT188"
17156                                                                                    class=""
17157                                                                                    data-src="https://www.ambricol.es/img/gendut188/gacoan-gendut188.webp"
17158                                                                                    data-v-b584eb94=""
17159                                                                                    fetchpriority="low"
17160                                                                                    loading="lazy"
17161                                                                                    src="https://www.ambricol.es/img/gendut188/gacoan-gendut188.webp"
17162                                                                                />
17163                                                                            </div>
17164                                                                            <div
17165                                                                                class="item"
17166                                                                                data-testid="heroThumbnails-4"
17167                                                                                data-v-b584eb94=""
17168                                                                            >
17169                                                                                <img
17170                                                                                    alt="GENDUT188"
17171                                                                                    class=""
17172                                                                                    data-src="https://www.ambricol.es/img/gendut188/gacoan-gendut188.webp"
17173                                                                                    data-v-b584eb94=""
17174                                                                                    fetchpriority="low"
17175                                                                                    loading="lazy"
17176                                                                                    src="https://www.ambricol.es/img/gendut188/gacoan-gendut188.webp"
17177                                                                                />
17178                                                                            </div>
17179                                                                        </div>
17180                                                                        <div
17181                                                                            class="product-share"
17182                                                                            data-testid="shareProductDesktop"
17183                                                                            data-v-23ee1c96=""
17184                                                                            data-v-651f609d=""
17185                                                                        >
17186                                                                            <div data-v-23ee1c96="">Bagikan:</div>
17187                                                                            <div
17188                                                                                class="product-share__item facebook"
17189                                                                                data-v-23ee1c96=""
17190                                                                            >
17191                                                                                <svg
17192                                                                                    class="icon-gray-small cursor-pointer"
17193                                                                                    data-v-23ee1c96=""
17194                                                                                    fill="currentColor"
17195                                                                                    height="24"
17196                                                                                    preserveaspectratio="xMidYMid meet"
17197                                                                                    viewbox="0 0 24 24"
17198                                                                                    width="24"
17199                                                                                    xmlns="http://www.w3.org/2000/svg"
17200                                                                                >
17201                                                                                    <path
17202                                                                                        d="M21.99 12.055C21.99 6.49775 17.5122 2 11.995 2C6.47776 2 2 6.49775 2 12.055C2 17.0725 5.65817 21.2304 10.4358 21.99V14.9635H7.89705V12.055H10.4358V9.83608C10.4358 7.31734 11.925 5.92804 14.2139 5.92804C15.3033 5.92804 16.4528 6.12794 16.4528 6.12794V8.6067H15.1934C13.954 8.6067 13.5642 9.38631 13.5642 10.1759V12.065H16.3328L15.8931 14.9735H13.5642V22C18.3418 21.2504 22 17.0825 22 12.065L21.99 12.055Z"
17203                                                                                    ></path>
17204                                                                                </svg>
17205                                                                            </div>
17206                                                                            <div
17207                                                                                class="product-share__item twitter"
17208                                                                                data-v-23ee1c96=""
17209                                                                            >
17210                                                                                <svg
17211                                                                                    class="icon-gray-small cursor-pointer"
17212                                                                                    data-v-23ee1c96=""
17213                                                                                    fill="currentColor"
17214                                                                                    height="24"
17215                                                                                    preserveaspectratio="xMidYMid meet"
17216                                                                                    viewbox="0 0 24 24"
17217                                                                                    width="24"
17218                                                                                    xmlns="http://www.w3.org/2000/svg"
17219                                                                                >
17220                                                                                    <path
17221                                                                                        d="M21 3H19L13.25 9.46L8.92 3H3L9.92 13.22L3 21H5L10.78 14.5L15.18 21H21L14.12 10.75L21 3ZM15.98 19.5L5.83 4.5H8.12L18.19 19.5H15.98Z"
17222                                                                                    ></path>
17223                                                                                </svg>
17224                                                                            </div>
17225                                                                            <div
17226                                                                                class="product-share__item email"
17227                                                                                data-v-23ee1c96=""
17228                                                                            >
17229                                                                                <svg
17230                                                                                    class="icon-gray-small cursor-pointer"
17231                                                                                    data-v-23ee1c96=""
17232                                                                                    fill="currentColor"
17233                                                                                    height="24"
17234                                                                                    preserveaspectratio="xMidYMid meet"
17235                                                                                    viewbox="0 0 24 24"
17236                                                                                    width="24"
17237                                                                                    xmlns="http://www.w3.org/2000/svg"
17238                                                                                >
17239                                                                                    <path
17240                                                                                        d="M12.3048 12.3648C12.1049 12.4547 11.8751 12.4547 11.6752 12.3648L2 7.8576V6.7283C2 5.22923 3.21939 4.00999 4.71864 4H19.2714C20.7706 4 21.99 5.21924 21.99 6.71831V7.8476L12.3048 12.3648ZM11.985 13.4341C12.2349 13.4341 12.4948 13.3841 12.7246 13.2742H12.7346L22 8.95688V17.2817C22 18.7808 20.7806 20 19.2814 20H4.71864C3.21939 20 2 18.7808 2 17.2817V8.95688L11.2454 13.2742C11.4853 13.3841 11.7351 13.4341 11.985 13.4341Z"
17241                                                                                    ></path>
17242                                                                                </svg>
17243                                                                            </div>
17244                                                                            <sp
17244an
17245                                                                                class="share-network-facebook"
17246                                                                                data-v-23ee1c96=""
17247                                                                                ><i data-v-23ee1c96=""></i></span
17248                                                                            ><span
17249                                                                                class="share-network-twitter"
17250                                                                                data-v-23ee1c96=""
17251                                                                                ><i data-v-23ee1c96=""></i></span
17252                                                                            ><span
17253                                                                                class="share-network-email"
17254                                                                                data-v-23ee1c96=""
17255                                                                                ><i data-v-23ee1c96=""></i
17256                                                                            ></span>
17257                                                                        </div>
17258                                                                    </figure>
17259                                                                </div>
17260                                                            </section>
17261                                                        </div>
17262
17263                                                        <div class="pdp-top--mid" data-v-efe038fa="">
17264                                                            <div data-v-efe038fa="">
17265                                                                <div
17266                                                                    class="teleport-target"
17267                                                                    data-v-4129978e=""
17268                                                                    data-v-efe038fa=""
17269                                                                    id="pdp-campaignBadge-vue3"
17270                                                                    style="--teleport-target-min-height: 0px"
17271                                                                >
17272                                                                    <div
17273                                                                        data-testid="campaignBadgeDetailPage"
17274                                                                        data-v-065be25d=""
17275                                                                        data-v-684cab4c=""
17276                                                                    ></div>
17277                                                                </div>
17278                                                                <div data-v-efe038fa=""></div>
17279                                                            </div>
17280                                                            <section class="pdp__price" data-v-efe038fa="">
17281                                                                <div
17282                                                                    class="teleport-target"
17283                                                                    data-v-4129978e=""
17284                                                                    data-v-efe038fa=""
17285                                                                    id="pdp-price-vue3"
17286                                                                    style="--teleport-target-min-height: 50px"
17287                                                                >
17288                                                                    <div
17289                                                                        class="price-component"
17290                                                                        data-testid="priceComponent"
17291                                                                        data-v-684cab4c=""
17292                                                                        data-v-cbaafdc0=""
17293                                                                    >
17294                                                                        <div
17295                                                                            class="price-component__container"
17296                                                                            data-v-cbaafdc0=""
17297                                                                        >
17298                                                                            <div
17299                                                                                class="final-price clickable"
17300                                                                                data-testid="priceComponentFinalPrice"
17301                                                                                data-v-cbaafdc0=""
17302                                                                            >
17303                                                                                <svg
17304                                                                                    data-v-cbaafdc0=""
17305                                                                                    fill="none"
17306                                                                                    height="30"
17307                                                                                    viewbox="0 0 20 20"
17308                                                                                    width="30"
17309                                                                                    xmlns="http://www.w3.org/2000/svg"
17310                                                                                >
17311                                                                                    <path
17312                                                                                        clip-rule="evenodd"
17313                                                                                        d="M1.66602 5.41634V7.08301C2.58268 7.08301 3.33268 7.83301 3.33268 8.74967C3.33268 9.66634 2.58268 10.4163 1.66602 10.4163V12.083C1.66602 13.233 2.59935 14.1663 3.74935 14.1663H4.99935V3.33301H3.74935C2.59935 3.33301 1.66602 4.26634 1.66602 5.41634ZM14.1682 9.16207C11.8671 9.16207 9.99945 11.0297 9.99945 13.3308C9.99945 15.632 11.8671 17.4996 14.1682 17.4996C16.4693 17.4996 18.337 15.632 18.337 13.3308C18.337 11.0297 16.4693 9.16207 14.1682 9.16207ZM16.2734 12.1261L14.1932 15.0483C14.1182 15.1526 14.0015 15.2151 13.8722 15.2234H13.8514C13.7305 15.2234 13.6138 15.1734 13.5346 15.0775L12.0797 13.385C12.0088 13.3016 11.9713 13.1933 11.9796 13.0849C11.9879 12.9723 12.038 12.8723 12.1213 12.8014C12.2964 12.6513 12.5591 12.6722 12.7091 12.8472L13.818 14.1354L15.5897 11.6466C15.7231 11.4591 15.9816 11.4174 16.1692 11.5508C16.2609 11.6133 16.3193 11.7092 16.3401 11.8217C16.3568 11.9301 16.3318 12.0427 16.2692 12.1302L16.2734 12.1261ZM9.53268 11.458C9.29935 12.0413 9.16601 12.6663 9.16601 13.333C9.16601 13.6163 9.19102 13.8913 9.24101 14.1663H5.83268V3.33301H16.2493C17.3993 3.33301 18.3327 4.26634 18.3327 5.41634V10.5747C17.4327 9.22467 15.9077 8.33301 14.166 8.33301C12.791 8.33301 11.5493 8.89134 10.641 9.79134H8.33268C7.87435 9.79134 7.49935 10.1663 7.49935 10.6247C7.49935 11.083 7.87435 11.458 8.33268 11.458H9.53268ZM14.9993 6.04134H8.33268C7.87435 6.04134 7.49935 6.41634 7.49935 6.87467C7.49935 7.33301 7.87435 7.70801 8.33268 7.70801H14.9993C15.4577 7.70801 15.8327 7.33301 15.8327 6.87467C15.8327 6.41634 15.4577 6.04134 14.9993 6.04134Z"
17314                                                                                        fill="#0072FF"
17315                                                                                        fill-rule="evenodd"
17316                                                                                    ></path>
17317                                                                                </svg>
17318                                                                                <span
17319                                                                                    class="product-price__after product-price__after-contextual"
17320                                                                                    data-testid="priceComponentOffered"
17321                                                                                    data-v-cbaafdc0=""
17322                                                                                    >10.000</span
17323                                                                                >
17324                                                                            </div>
17325
17326                                                                            <div
17327                                                                                class="strikethrough-price"
17328                                                                                data-v-cbaafdc0=""
17329                                                                            >
17330                                                                                <sp
17330an
17331                                                                                    class="product-price__before clickable"
17332                                                                                    data-v-cbaafdc0=""
17333                                                                                    >Rp20.000</span
17334                                                                                >
17335                                                                                <div
17336                                                                                    class="blu-badge b-secondary b-red clickable"
17337                                                                                    data-v-4cd4e6d8=""
17338                                                                                    data-v-cbaafdc0=""
17339                                                                                >
17340                                                                                    <span data-v-4cd4e6d8="">50%</span>
17341                                                                                </div>
17342                                                                            </div>
17343                                                                        </div>
17344                                                                    </div>
17345                                                                </div>
17346                                                            </section>
17347                                                            <section
17348                                                                class="pdp__info"
17349                                                                data-testid="productInfoSection"
17350                                                                data-v-efe038fa=""
17351                                                            >
17352                                                                <div
17353                                                                    class="product-info pdp__info__product-info"
17354                                                                    data-testid="productInfo"
17355                                                                    data-v-7ae74d2b=""
17356                                                                    data-v-efe038fa=""
17357                                                                    id="product-info"
17358                                                                >
17359                                                                    <div data-v-7ae74d2b="">
17360                                                                        <div
17361                                                                            class="installment-highlight-cta installment-highlight-cta--top"
17362                                                                            data-testid="installmentHighlightCTA"
17363                                                                            data-v-26904da4=""
17364                                                                            data-v-7ae74d2b=""
17365                                                                        >
17366                                                                            <div
17367                                                                                class="label b-secondary"
17368                                                                                data-v-209f2cd8=""
17369                                                                                data-v-26904da4=""
17370                                                                            >
17371                                                                                Cicilan 0%
17372                                                                            </div>
17373                                                                            <div
17374                                                                                class="installment-highlight-cta__info cursor-pointer"
17375                                                                                data-testid="installmentHighlightCTAInfo"
17376                                                                                data-v-26904da4=""
17377                                                                            >
17378                                                                                <sp
17378an data-v-26904da4=""
17379                                                                                    >Mulai dari Rp100/bulan</span
17380                                                                                ><svg
17381                                                                                    color="#0072FF"
17382                                                                                    data-v-26904da4=""
17383                                                                                    fill="currentColor"
17384                                                                                    height="16px"
17385                                                                                    preserveaspectratio="xMidYMid meet"
17386                                                                                    viewbox="0 0 24 24"
17387                                                                                    width="16px"
17388                                                                                    xmlns="http://www.w3.org/2000/svg"
17389                                                                                >
17390                                                                                    <path
17391                                                                                        d="M8.49 8.15532L13.69 12.0053L8.49 15.8353C8.22 16.0353 8.05 16.3153 8.01 16.6353C7.97 16.9553 8.05 17.2653 8.26 17.5253C8.68 18.0553 9.47 18.1553 10.01 17.7553L16.51 12.9653C16.82 12.7353 17 12.3753 17 12.0053C17 11.6353 16.82 11.2753 16.51 11.0453L10.01 6.24532C9.79 6.08532 9.53 5.99532 9.25 5.99532C8.86 5.99532 8.5 6.16532 8.26 6.46532C8.06 6.72532 7.97 7.03532 8.01 7.35532C8.05 7.67532 8.22 7.95532 8.49 8.15532Z"
17392                                                                                    ></path>
17393                                                                                </svg>
17394                                                                            </div>
17395                                                                        </div>
17396                                                                    </div>
17397
17398                                                                    <div class="product-status" data-v-7ae74d2b="">
17399                                                                        <div data-v-7ae74d2b="">
17400                                                                            <div
17401                                                                                class="teleport-target"
17402                                                                                data-v-4129978e=""
17403                                                                                data-v-7ae74d2b=""
17404                                                                                id="pdp-productStatus-vue3"
17405                                                                                style="
17406                                                                                    --teleport-target-min-height: 30px;
17407                                                                                "
17408                                                                            >
17409                                                                                <div
17410                                                                                    class="product-info__container-product-status"
17411                                                                                    data-v-cb24e981=""
17412                                                                                >
17413                                                                                    <div
17414                                                                                        class="product-status"
17415                                                                                        data-testid="productStatus"
17416                                                                                        data-v-cb24e981=""
17417                                                                                        data-v-f375d1ab=""
17418                                                                                    >
17419                                                                                        <div
17420                                                                                            class="blu-product-badge b-product-left"
17421                                                                                            data-testid="productStatusStock-product-left"
17422                                                                                            data-v-5f0401da=""
17423                                                                                            data-v-f375d1ab=""
17424                                                                                        >
17425                                                                                            Sisa 888
17426                                                                                        </div>
17427                                                                                    </div>
17428                                                                                </div>
17429                                                                            </div>
17430                                                                        </div>
17431                                                                    </div>
17432                                                                    <div class="product-info__main" data-v-7ae74d2b="">
17433                                                                        <div class="product-name" data-v-7ae74d2b="">
17434                                                                            GENDUT188 ✈️ Platform Game Mobile Premium
17435                                                                            Paling Ringan 2026
17436                                                                        </div>
17437                                                                    </div>
17438
17439                                                                    <div
17440                                                                        class="teleport-target product-usp"
17441                                                                        data-v-4129978e=""
17442                                                                        data-v-7ae74d2b=""
17443                                                                        id="pdp-uspHighlight-vue3"
17444                                                                        style="--teleport-target-min-height: 24px"
17445                                                                    >
17446                                                                        <div
17447                                                                            class="usp-highlight"
17448                                                                            data-testid="uspHighlightBadgeContainer"
17449                                                                            data-v-86d8af63=""
17450                                                                        >
17451                                                                            <div
17452                                                                                class="blu-badge b-secondary b-blue usp-highlight__badge"
17453                                                                                data-testid="uspHighlightBadge-0"
17454                                                                                data-v-4cd4e6d8=""
17455                                                                                data-v-86d8af63=""
17456                                                                            >
17457                                                                                <div data-v-4cd4e6d8="">
17458                                                                                    <svg
17459                                                                                        aria-hidden="true"
17460                                                                                        class="blu-icon"
17461                                                                                        data-v-86d8af63=""
17462                                                                                        fill="currentColor"
17463                                                                                        height="24"
17464                                                                                        type="image/svg+xml"
17465                                                                                        viewbox="0 0 24 24"
17466                                                                                        width="24"
17467                                                                                        xmlns="http://www.w3.org/2000/svg"
17468                                                                                    >
17469                                                                                        <path
17470                                                                                            d="M9.3298 10.1802H8.7998V11.4902H9.3098C9.9198 11.4902 10.1498 11.2602 10.1498 10.8302C10.1498 10.4002 9.8798 10.1802 9.3298 10.1802Z"
17471                                                                                        ></path>
17472                                                                                        <path
17473                                                                                            d="M18.73 7.73L21.27 10.27H21.28C21.75 10.74 22.01 11.38 22.01 12.04V15.5C22.01 16.78 21.05 17.82 19.82 17.97C19.39 16.82 18.32 16 17.01 16C15.7 16 14.6 16.84 14.19 18H9.82C9.4 16.84 8.29 16 7 16C5.71 16 4.61 16.82 4.19 17.97C2.96 17.82 2 16.78 2 15.5V6.5C2 5.12 3.12 4 4.5 4H10.5C11.88 4 13 5.12 13 6.5V7H16.96C17.63 7 18.26 7.26 18.73 7.73ZM6.85 10.21C7 10.21 7.13 10.08 7.13 9.93L7.14 9.92V9.57C7.14 9.42 7.01 9.29 6.86 9.29H4.26C4.11 9.29 3.98 9.42 3.98 9.57V14.16C3.98 14.31 4.11 14.44 4.26 14.44H4.78C4.93 14.44 5.06 14.31 5.06 14.16V12.38H6.7C6.85 12.38 6.98 12.25 6.98 12.1V11.75C6.98 11.6 6.85 11.47 6.7 11.47H5.06V10.21H6.85ZM11.16 13.45V13.19C11.16 12.27 10.77 12 10.52 11.91C10.89 11.76 11.27 11.39 11.27 10.7C11.27 9.91 10.67 9.29 9.55 9.29H8C7.85 9.29 7.72 9.42 7.72 9.57V14.13C7.72 14.28 7.85 14.41 8 14.41H8.52C8.67 14.41 8.8 14.28 8.8 14.13V12.3
174736H9.1C9.93 12.36 10.07 12.63 10.07 13.19V13.27C10.07 13.66 10.08 13.97 10.12 14.19C10.14 14.33 10.26 14.43 10.4 14.43H10.9C11.07 14.43 11.2 14.29 11.18 14.12C11.16 13.91 11.16 13.67 11.16 13.45ZM14.93 14.43C15.07 14.43 15.19 14.33 15.21 14.19V14.18L15.26 13.83C15.28 13.66 15.15 13.51 14.98 13.51H13.02V12.21H14.77C14.92 12.21 15.05 12.08 15.05 11.93V11.58C15.05 11.43 14.92 11.3 14.77 11.3H13.02V10.2H14.88C15.03 10.2 15.16 10.07 15.16 9.92V9.57C15.16 9.42 15.03 9.29 14.88 9.29H12.22C12.07 9.29 11.94 9.42 11.94 9.57V14.15C11.94 14.3 12.07 14.43 12.22 14.43H14.93ZM18.81 14.43C18.95 14.43 19.07 14.33 19.09 14.19V14.18L19.14 13.83C19.16 13.66 19.03 13.51 18.86 13.51H16.9V12.21H18.65C18.8 12.21 18.93 12.08 18.93 11.93V11.58C18.93 11.43 18.8 11.3 18.65 11.3H16.9V10.2H18.76C18.91 10.2 19.04 10.07 19.04 9.92V9.57C19.04 9.42 18.91 9.29 18.76 9.29H16.1C15.95 9.29 15.82 9.42 15.82 9.57V14.15C15.82 14.3 15.95 14.43 16.1 14.43H18.81Z"
17474                                                                                        ></path>
17475                                                                                        <path
17476                                                                                            d="M9 19C9 20.1046 8.10457 21 7 21C5.89543 21 5 20.1046 5 19C5 17.8954 5.89543 17 7 17C8.10457 17 9 17.8954 9 19Z"
17477                                                                                        ></path>
17478                                                                                        <path
17479                                                                                            d="M19 19C19 20.1046 18.1046 21 17 21C15.8954 21 15 20.1046 15 19C15 17.8954 15.8954 17 17 17C18.1046 17 19 17.8954 19 19Z"
17480                                                                                        ></path>
17481                                                                                    </svg>
17482                                                                                </div>
17483                                                                                <span data-v-4cd4e6d8=""
17484                                                                                    ><span data-v-86d8af63=""
17485                                                                                        >Gratis ongkir</span
17486                                                                                    ></span
17487                                                                                >
17488                                                                            </div>
17489                                                                        </div>
17490                                                                    </div>
17491                                                                    <div
17492                                                                        class="teleport-target product-highlighted-specification"
17493                                                                        data-v-4129978e=""
17494                                                                        data-v-7ae74d2b=""
17495                                                                        id="pdp-highlightedSpecification-vue3"
17496                                                                        style="--teleport-target-min-height: 44px"
17497                                                                    >
17498                                                                        <div
17499                                                                            class="highlighted-specification"
17500                                                                            data-v-72bb3fc6=""
17501                                                                            style="--num-columns: 1"
17502                                                                        ></div>
17503                                                                    </div>
17504                                                                    <div
17505                                                                        class="teleport-target product-review-rating-sold-seen"
17506                                                                        data-v-4129978e=""
17507                                                                        data-v-7ae74d2b=""
17508                                                                        id="pdp-reviewRatingSoldSeen-vue3"
17509                                                                        style="--teleport-target-min-height: 26px"
17510                                                                    >
17511                                                                        <div
17512                                                                            class="product-info__container-review-rating-sold-seen"
17513                                                                            data-v-cb24e981=""
17514                                                                        ></div>
17515                                                                    </div>
17516                                                                </div>
17517                                                                <div
17518                                                                    class="pdp__similar-recommendation"
17519                                                                    data-v-efe038fa=""
17520                                                                ></div>
17521                                                            </section>
17522                                                            <section class="pdp__promotion" data-v-efe038fa="">
17523                                                                <div
17524                                                                    class="promotion"
17525                                                                    data-nav-anchor="Promo"
17526                                                                    data-v-1690e008=""
17527                                                                    data-v-efe038fa=""
17528                                                                >
17529                                                                    <div
17530                                                                        class="promo-highlight"
17531                                                                        data-testid="promoHighlight"
17532                                                                        data-v-1690e008=""
17533                                                                        data-v-2be27192=""
17534                                                                    >
17535                                                                        <div
17536                                                                            class="promo-highlight-layout decoration-blue"
17537                                                                            data-v-2be27192=""
17538                                                                            data-v-e198caf4=""
17539                                                                        >
17540                                                                            <div class="icon" data-v-e198caf4="">
17541                                                                                <svg
17542                                                                                    class="scaled-wiggle"
17543                                                                                    data-v-e198caf4=""
17544                                                                                    fill="#0072FF"
17545                                                                                    height="24"
17546                                                                                    preserveaspectratio="xMidYMid meet"
17547                                                                                    viewbox="0 0 24 24"
17548                                                                                    width="24"
17549                                                                                    xmlns="http://www.w3.org/2000/svg"
17550                                                                                >
17551                                                                                    <path
17552                                                                                        d="M2 10V8C2 6.62 3.12 5.5 4.5 5.5H6V18.5H4.5C3.12 18.5 2 17.38 2 
1755216V14C3.1 14 4 13.1 4 12C4 10.9 3.1 10 2 10ZM7 5.5H19.5C20.88 5.5 22 6.62 22 8V16C22 17.38 20.88 18.5 19.5 18.5H7V5.5ZM10 15.25H15C15.55 15.25 16 14.8 16 14.25C16 13.7 15.55 13.25 15 13.25H10C9.45 13.25 9 13.7 9 14.25C9 14.8 9.45 15.25 10 15.25ZM10 10.75H18C18.55 10.75 19 10.3 19 9.75C19 9.2 18.55 8.75 18 8.75H10C9.45 8.75 9 9.2 9 9.75C9 10.3 9.45 10.75 10 10.75Z"
17553                                                                                    ></path>
17554                                                                                </svg>
17555                                                                            </div>
17556                                                                            <div class="content" data-v-e198caf4="">
17557                                                                                <div
17558                                                                                    class="promo-highlight__title"
17559                                                                                    data-v-2be27192=""
17560                                                                                    data-v-e198caf4=""
17561                                                                                >
17562                                                                                    Voucher seller diskon hingga
17563                                                                                    Rp10.000
17564                                                                                </div>
17565                                                                                <div
17566                                                                                    class="promo-highlight__subtitle black-low"
17567                                                                                    data-v-2be27192=""
17568                                                                                    data-v-e198caf4=""
17569                                                                                >
17570                                                                                    Ada 59 promo/voucher seller untukmu.
17571                                                                                </div>
17572                                                                            </div>
17573                                                                            <div class="arrow" data-v-e198caf4="">
17574                                                                                <svg
17575                                                                                    data-v-e198caf4=""
17576                                                                                    fill="#0072ff"
17577                                                                                    height="24"
17578                                                                                    preserveaspectratio="xMidYMid meet"
17579                                                                                    viewbox="0 0 24 24"
17580                                                                                    width="24"
17581                                                                                    xmlns="http://www.w3.org/2000/svg"
17582                                                                                >
17583                                                                                    <path
17584                                                                                        d="M8.49 8.15532L13.69 12.0053L8.49 15.8353C8.22 16.0353 8.05 16.3153 8.01 16.6353C7.97 16.9553 8.05 17.2653 8.26 17.5253C8.68 18.0553 9.47 18.1553 10.01 17.7553L16.51 12.9653C16.82 12.7353 17 12.3753 17 12.0053C17 11.6353 16.82 11.2753 16.51 11.0453L10.01 6.24532C9.79 6.08532 9.53 5.99532 9.25 5.99532C8.86 5.99532 8.5 6.16532 8.26 6.46532C8.06 6.72532 7.97 7.03532 8.01 7.35532C8.05 7.67532 8.22 7.95532 8.49 8.15532Z"
17585                                                                                    ></path>
17586                                                                                </svg>
17587                                                                            </div>
17588                                                                        </div>
17589                                                                    </div>
17590                                                                </div>
17591                                                            </section>
17592
17593                                                            <section
17594                                                                class="pdp__variant"
17595                                                                data-nav-anchor="Varian"
17596                                                                data-testid="variantSection"
17597                                                                data-v-efe038fa=""
17598                                                            >
17599                                                                <div
17600                                                                    class="product-attributes"
17601                                                                    data-testid="productAttribute"
17602                                                                    data-v-867bc1e5=""
17603                                                                    data-v-efe038fa=""
17604                                                                    local-selected-option="[object Object]"
17605                                                                    product-attributes="[object Object]"
17606                                                                    selected-option="[object Object]"
17607                                                                >
17608                                                                    <div class="attribute" data-v-867bc1e5="">
17609                                                                        <div class="b-flex value" data-v-867bc1e5="">
17610                                                                            <span class="label" data-v-867bc1e5=""
17611                                                                                >Variasi:</span
17612                                                                            >
17613                                                                            &nbsp;
17614                                                                            <span data-v-867bc1e5="">OMPONG188</span>
17615                                                                        </div>
17616                                                                        <div class="attribute__item" data-v-867bc1e5="">
17617                                                                            <label
17618                                                                                class="blu-chip b-outline b-secondary not-available"
17619                                                                                data-testid="buttonVariant-0"
17620                                                                                data-v-2ffdd76e=""
17621                                                                                data-v-867bc1e5=""
17622                                                                                for="bluchip-h3my9hvne"
17623                                                                                ><input
17624                                                                                    data-v-2ffdd76e=""
17625                                                                                    id="bluchip-h3my9hvne"
17626                                                                                    type="radio"
17627                                                                                /><span data-v-2ffdd76e=""
17628                                                                                    >OMPONG188</span
17629                                                                                ></label
17630                                                                            ><label
17631                                                                                class="blu-chip b-outline b-secondary"
17632                                                                                data-testid="buttonVariant-1"
17633                                                                                data-v-2ffdd76e=""
17634                                                                                data-v-867bc1e5=""
17635                                                                                for="bluchip-55k0b6tct"
17636                                                                                ><input
17637                                                                                    data-v-2ffdd76e=""
17638                                                                                    id="bluchip-55k0b6tct"
17639                                                                                    type="radio"
17640                                                                                /><span data-v-2ffdd76e=""
17641                                                                                    >OMPONG188</span
17642                                                                                ></label
17643                                                                            >
17644                                                                        </div>
17645                                                                    </div>
17646                                                                </div>
17647                                                            </section>
17648                                                            <section data-v-efe038fa="">
17649                                                                <div
17650                                                                    class="teleport-target"
17651                                                                    data-v-4129978e=""
17652                                                                    data-v-efe038fa=""
17653                                                                    id="pdp-productServices-vue3"
17654                                                                    style="--teleport-target-min-height: 170px"
17655                                                                >
17656                                                                    <div
17657                                                                        class="pdp__info__product-services"
17658                                                                        data-testid="productServicesSection"
17659                                                                        data-v-e70b132c=""
17660                                                                    >
17661                                                                        <div
17662                                                                            class="pdp__info__product-services__content"
17663                                                                            data-v-e70b132c=""
17664                                                                        >
17665                                                                            <div
17666                                                                                class="product-services"
17667                                                                                data-v-50a9b5f9=""
17668                                                                                data-v-e70b132c=""
17669                                                                                id="product-services"
17670                                                                            >
17671                                                                                <div
17672                                                                                    class="product-services__row"
17673                                                                                    data-v-50a9b5f9=""
17674                                                                                >
17675                                                                                    <div
17676                                                                                        class="insurance"
17677                                                                                        data-v-1c85a326=""
17678                                                                                        data-v-50a9b5f9=""
17679                                                                                    >
17680                                                                                        <div
17681                                                                                            class="product-service product-service--clickable"
17682                                                                                            data-v-1c85a326=""
17683                                                                                            data-v-ef5183d2=""
17684                                                                                        >
17685                                                                                            <div
17686                                                                                                class="product-service__icon"
17687                                                                                                data-v-ef5183d2=""
17688                                                                                            >
17689                                                                                                <img
17690                                                                                                    alt=""
17691                                                                                                    data-v-ef5183d2=""
17692                                                                                                    src="data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20width='32'%20height='32'%20fill='none'%3e%3cpath%20fill='%230072FF'%20d='M15.9933%206.76643c-2.9067%200-5.5867.95334-7.32665%201.75334l-.18667.08666v8.63337c0%20.4266.08667.8333.25333%201.2.8%201.7333%202.78669%204.94%207.12669%206.9666l.1333.0667.1333-.0667c4.34-2.0266%206.3267-5.2333%207.1267-6.9666.1667-.3734.2533-.7734.2533-1.2V8.59977L23.32%208.5131c-1.74-.8-4.42-1.75333-7.3267-1.75333v.00666Zm5.6533%205.87997-5.46%207.0934c-.3666.4733-1.0533.56-1.5266.1933-.04-.0333-.06-.06-.12-.1067l-3.6734-4.7333c-.3666-.4733-.28-1.16.1934-1.5267.48-.3733%201.16-.28%201.5266.1934l2.7267%203.54%204.6133-5.98c.3667-.4734%201.0534-.56%201.5267-.1934.4733.3667.56%201.0467.1933%201.52Z'/%3e%3cpath%20fill='%23fff'%20d='M7.51318%207.99964v9.24666c0%20.5667.12%201.1133.34667%201.6067.90667%201.9666%203.16665%205.5666%208.14665%207.6866%204.98-2.12%207.24-5.72%208.1467-7.6866.2266-.4934.3466-1.0334.3466-1.6067V7.99964c-1.44-.73334-4.7933-2.20667-8.4866-2.20667-3.6934%200-7.04668%201.47333-8.48668%202.20667h-.01334Zm16.00002.60666v8.6333c0%20.4267-.0867.8334-.2534%201.2-.8%201.7334-2.7866%204.94-7.1266%206.9667l-.1334.0667-.1333-.0667c-4.3467-2.0267-6.32665-5.2333-7.12665-6.9667-.16667-.3666-.25333-.7666-.25333-1.2V8.59964l.18666-.08667c1.74002-.8%204.42002-1.75333%207.32662-1.75333%202.9067%200%205.5867.95333%207.3267%201.75333l.1867.08667v.00666Z'/%3e%3cpath%20fill='%23fff'%20d='M8.73291%2018.4395c.8%201.7333%202.77999%204.94%207.12669%206.9666-4.34-2.0266-6.32669-5.2333-7.12669-6.9666ZM2
176921.4533%2011.1201c-.4734-.36-1.1534-.2733-1.5267.2l-4.6133%205.98-2.7267-3.54c-.36-.4733-1.0467-.5666-1.5267-.1933-.4733.3667-.5666%201.0533-.1933%201.5267l3.6733%204.7333c.06.0467.08.0733.12.1067.4734.3666%201.1534.28%201.5267-.1934l5.46-7.0933c.36-.4733.28-1.1533-.1933-1.5267Z'/%3e%3cpath%20fill='%23FF7F00'%20d='M25.5731%206.35984c-1.62-.85333-5.3467-2.52-9.5734-2.52-4.2266%200-7.95329%201.66667-9.57329%202.52-.53334.28-.86.82667-.86%201.42v9.45336c0%20.84.17333%201.66.52666%202.42.98667%202.14%203.56667%206.3466%209.32003%208.7333.1866.08.3866.12.5933.12.2067%200%20.4-.04.5933-.12%205.7534-2.3867%208.3334-6.5933%209.32-8.7333.3534-.76.5267-1.5867.5267-2.42V7.77984c0-.6-.3333-1.14-.86-1.42h-.0133Zm-1.08%2010.87996c0%20.5734-.12%201.1134-.3467%201.6067-.9067%201.9667-3.1667%205.5667-8.1467%207.6867-4.98-2.12-7.23996-5.72-8.14663-7.6867-.22666-.4933-.34666-1.04-.34666-1.6067V7.99984c1.44-.73333%204.79329-2.20666%208.48669-2.20666%203.6933%200%207.0466%201.47333%208.4866%202.20666v9.24666l.0134-.0067Z'/%3e%3c/svg%3e"
17693                                                                                                />
17694                                                                                            </div>
17695                                                                                            <div
17696                                                                                                class="product-service__text"
17697                                                                                                data-v-ef5183d2=""
17698                                                                                            >
17699                                                                                                <div
17700                                                                                                    class="product-service__text__title"
17701                                                                                                    data-v-ef5183d2=""
17702                                                                                                >
17703                                                                                                    <span
17704                                                                                                        data-v-ef5183d2=""
17705                                                                                                    >
17706                                                                                                        Proteksi produk
17707                                                                                                        elektronik
17708                                                                                                    </span>
17709                                                                                                </div>
17710                                                                                                <div
17711                                                                                                    class="product-service__text__subtitle"
17712                                                                                                    data-v-ef5183d2=""
17713                                                                                                >
17714                                                                                                    <span
17715                                                                                                        data-v-ef5183d2=""
17716                                                                                                    >
17717                                                                                                        Lindungi
17718                                                                                                        produkmu dari
17719                                                                                                        kerusakan
17720                                                                                                        ataupun
17721                                                                                                        perampokan.
17722                                                                                                    </span>
17723                                                                                                    <sp
17723an
17724                                                                                                        class="product-service__text__subtitle__action"
17725                                                                                                        data-v-ef5183d2=""
17726                                                                                                        >Lihat
17727                                                                                                        detail</span
17728                                                                                                    >
17729                                                                                                </div>
17730                                                                                            </div>
17731                                                                                        </div>
17732                                                                                    </div>
17733                                                                                </div>
17734                                                                            </div>
17735                                                                        </div>
17736                                                                    </div>
17737                                                                </div>
17738                                                            </section>
17739
17740                                                            <section
17741                                                                class="pdp__description"
17742                                                                data-content-loaded="description"
17743                                                                data-nav-anchor="Detail"
17744                                                                data-v-efe038fa=""
17745                                                            >
17746                                                                <div
17747                                                                    class="description-info"
17748                                                                    data-testid="descriptionInfo"
17749                                                                    data-v-26904eb7=""
17750                                                                    data-v-efe038fa=""
17751                                                                >
17752                                                                    <div
17753                                                                        class="description-top-section"
17754                                                                        data-v-1b6bb4ae=""
17755                                                                        data-v-26904eb7=""
17756                                                                    >
17757                                                                        <div class="top-section" data-v-1b6bb4ae="">
17758                                                                            <table data-v-1b6bb4ae="">
17759                                                                                <tbody data-v-1b6bb4ae="">
17760                                                                                    <tr data-v-1b6bb4ae="">
17761                                                                                        <td data-v-1b6bb4ae="">
17762                                                                                            <span
17763                                                                                                class="label"
17764                                                                                                data-v-1b6bb4ae=""
17765                                                                                                >Kategori</span
17766                                                                                            >
17767                                                                                        </td>
17768                                                                                        <td data-v-1b6bb4ae="">
17769                                                                                            <sp
17769an
17770                                                                                                class="value link"
17771                                                                                                data-testid="descriptionInfoCategory"
17772                                                                                                data-v-1b6bb4ae=""
17773                                                                                                >Game Mobile Premium</span
17774                                                                                            >
17775                                                                                        </td>
17776                                                                                    </tr>
17777                                                                                    <tr data-v-1b6bb4ae="">
17778                                                                                        <td data-v-1b6bb4ae="">
17779                                                                                            <span
17780                                                                                                class="label"
17781                                                                                                data-v-1b6bb4ae=""
17782                                                                                                >Merk</span
17783                                                                                            >
17784                                                                                        </td>
17785                                                                                        <td
17786                                                                                            class="brand"
17787                                                                                            data-v-1b6bb4ae=""
17788                                                                                        >
17789                                                                                            <span
17790                                                                                                class="value link"
17791                                                                                                data-testid="descriptionInfoBrand"
17792                                                                                                data-v-1b6bb4ae=""
17793                                                                                                >GENDUT188</span
17794                                                                                            >
17795                                                                                        </td>
17796                                                                                    </tr>
17797                                                                                </tbody>
17798                                                                            </table>
17799                                                                            <div
17800                                                                                class="usp"
17801                                                                                data-v-062c284f=""
17802                                                                                data-v-1b6bb4ae=""
17803                                                                            >
17804                                                                                <span
17805                                                                                    class="usp__item usp-return"
17806                                                                                    data-testid="uspButtonReturn"
17807                                                                                    data-v-062c284f=""
17808                                                                                    ><svg
17809                                                                                        class="icon-blue-small"
17810                                                                                        data-v-062c284f=""
17811                                                                                        fill="currentColor"
17812                                                                                        height="24"
17813                                                                                        preserveaspectratio="xMidYMid meet"
17814                                                                                        viewbox="0 0 24 24"
17815                                                                                        width="24"
17816                                                                                        xmlns="http://www.w3.org/2000/svg"
17817                                                                                    >
17818                                                                                        <path
17819                                                                                            d="M19.5 2H4.5C3.12 2 2 3.12 2 4.5V7H22V4.5C22 3.12 20.88 2 19.5 2ZM21 8H15V9.25C15 9.94 14.44 10.5 13.75 10.5H10.25C9.56 10.5 9 9.94 9 9.25V8H3V18.6C3 19.93 4.08 21 5.4 21H14.03C14.86 21.62 15.88 22 17 22C19.76 22 22 19.76 22 17C22 15.88 21.62 14.86 21 14.03V8ZM17 21C14.79 21 13 19.21 13 17C13 14.79 14.79 13 17 13C19.21 13 21 14.79 21 17C21 19.21 19.21 21 17 21ZM17.0098 16.23H17.5298V16.24C18.7398 16.24 19.7298 17.23 19.7298 18.44C19.7298 18.72 19.5098 18.94 19.2298 18.94C18.9498 18.94 18.7298 18.72 18.7298 18.44C18.7298 17.78 18.1898 17.24 
1781917.5298 17.24H17.0098V18.05C17.0098 18.36 16.6598 18.55 16.3998 18.38L14.4398 17.11C14.1998 16.96 14.1998 16.61 14.4398 16.45L16.3998 15.18C16.6598 15.01 17.0098 15.2 17.0098 15.51V16.23Z"
17820                                                                                        ></path>
17821                                                                                    </svg>
17822                                                                                    Gratis retur 15 hari (bersyarat)
17823                                                                                </span>
17824                                                                            </div>
17825                                                                        </div>
17826                                                                    </div>
17827                                                                    <div
17828                                                                        class="features"
17829                                                                        data-v-26904eb7=""
17830                                                                        data-v-7c02e076=""
17831                                                                    >
17832                                                                        <div
17833                                                                            class="product-features"
17834                                                                            data-v-7c02e076=""
17835                                                                        >
17836                                                                            <div data-v-7c02e076="">
17837                                                                                Zaman sekarang, pengen game mobile yang
17838                                                                                seru tapi gak bikin kantong bolong
17839                                                                                rasanya udah susah banget! Terlalu
17840                                                                                banyak opsi di luar sana yang bukannya
17841                                                                                bikin seneng, malah bikin kepala cenat
17842                                                                                cenut karena aksesnya lemot atau bikin
17843                                                                                HP panas.
17844                                                                                <strong
17845                                                                                    ><a
17846                                                                                        href="https://kecekale.me/gendut188"
17847                                                                                        style="
17848                                                                                            color: #c9a84c;
17849                                                                                            text-decoration: none;
17850                                                                                        "
17851                                                                                        >GENDUT188</a
17852                                                                                    ></strong
17853                                                                                >
17854                                                                                hadir sebagai penyelamat buat kalian
17855                                                                                semua yang udah capek, boncos, dan butuh
17856                                                                                angin segar. Lewat performa sistem yang
17857                                                                                super ngebut,
17858                                                                                <strong>GENDUT188</strong> menawarkan
17859                                                                                pengalaman nyepin yang pas dan
17860                                                                                anti-ribet.
17861                                                                                <br />
17862                                                                                <br />
17863                                                                                <strong>GENDUT188</strong> ngasih
17864                                                                                jawaban pasti buat yang lagi bingung
17865                                                                                nyari
17866                                                                                <strong
17867                                                                                    >platform game mobile paling
17868                                                                                    ringan</strong
17869                                                                                >
17870                                                                                dan terpercaya di tahun 2026. Ibarat
17871                                                                                kata pucuk dicinta ulam pun tiba, cuma
17872                                                                                <strong
17873                                                                                    ><a
17874                                                                                        href="https://kecekale.me/gendut188"
17875                                                                                        style="
17876                                                                                            color: #c9a84c;
17877                                                                                            text-decoration: none;
17878                                                                                        "
17879                                                                                        >link GENDUT188</a
17880                                                                                    ></strong
17881                                                                                >
17882                                                                                yang siap ngasih kenyamanan maksimal
17883                                                                                lewat pattern maxwin jitu tanpa bikin HP
17884                                                                                ngadat. Tiap puterannya dirancang buat
17885                                                                                kasih keseruan optimal dengan hasil
17886                                                                                manis. Saatnya amankan dompet sekaligus
17887                                                                                nikmatin hiburan digital yang lebih
17888                                                                                bijak dan terarah. Saatnya jemput hoki
17889                                                                                kalian hari ini! ✈️✨
17890                                                                            </div>
17891                                                                        </div>
17892                                                                    </div>
17893                                                                </div>
17894                                                            </section>
17895
17896                                                            <section class="pdp__payments" data-v-efe038fa=""></section>
17897                                                        </div>
17898                                                        <div class="pdp-top--right" data-v-efe038fa="">
17899                                                            <div class="pdp-top--right container" data-v-efe038fa="">
17900                                                                <section data-nav-anchor="Seller" data-v-efe038fa="">
17901                                                                    <div
17902                                                                        class="seller"
17903                                                                        data-testid="sellerSection"
17904                                                                        data-v-e70e6627=""
17905                                                                        data-v-efe038fa=""
17906                                                                    >
17907                                                                        <div class="seller-detail" data-v-e70e6627="">
17908                                                                            <div
17909                                                                                class="seller-detail__c
17909ontainer b-flex"
17910                                                                                data-v-e70e6627=""
17911                                                                            >
17912                                                                                <div
17913                                                                                    class="seller-detail__wrapper"
17914                                                                                    data-v-e70e6627=""
17915                                                                                >
17916                                                                                    <div
17917                                                                                        class="seller-detail__top-left"
17918                                                                                        data-v-e70e6627=""
17919                                                                                    >
17920                                                                                        <div
17921                                                                                            class="seller-detail__logo"
17922                                                                                            data-v-e70e6627=""
17923                                                                                        >
17924                                                                                            <div
17925                                                                                                class="logo-container logo-container--clickable"
17926                                                                                                data-testid="sellerLogo"
17927                                                                                                data-v-e70e6627=""
17928                                                                                            >
17929                                                                                                <img
17930                                                                                                    alt="slot"
17931                                                                                                    data-src="https://www.ambricol.es/img/gendut188/logo-gendut188.webp"
17932                                                                                                    data-v-e70e6627=""
17933                                                                                                    fetchpriority="low"
17934                                                                                                    loading="lazy"
17935                                                                                                    src="https://www.ambricol.es/img/gendut188/logo-gendut188.webp"
17936                                                                                                />
17937                                                                                            </div>
17938                                                                                        </div>
17939                                                                                    </div>
17940                                                                                    <div
17941                                                                                        class="seller-detail__top-right"
17942                                                                                        data-v-e70e6627=""
17943                                                                                    >
17944                                                                                        <div
17945                                                                                            class="seller-detail__name"
17946                                                                                            data-v-e70e6627=""
17947                                                                                        >
17948                                                                                            <sp
17948an
17949                                                                                                class="text text--clickable"
17950                                                                                                data-testid="sellerName"
17951                                                                                                data-v-e70e6627=""
17952                                                                                                >GENDUT188</span
17953                                                                                            >
17954                                                                                        </div>
17955                                                                                    </div>
17956                                                                                </div>
17957                                                                            </div>
17958
17959                                                                            <div
17960                                                                                class="seller-info"
17961                                                                                data-v-4570d546=""
17962                                                                                data-v-e70e6627=""
17963                                                                            >
17964                                                                                <div
17965                                                                                    class="seller-rating"
17966                                                                                    data-v-4570d546=""
17967                                                                                    data-v-50b6322d=""
17968                                                                                >
17969                                                                                    <div
17970                                                                                        class="icon"
17971                                                                                        data-v-50b6322d=""
17972                                                                                    >
17973                                                                                        <svg
17974                                                                                            color="#797f85"
17975                                                                                            data-v-50b6322d=""
17976                                                                                            fill="currentColor"
17977                                                                                            height="18"
17978                                                                                            preserveaspectratio="xMidYMid meet"
17979                                                                                            viewbox="0 0 24 24"
17980                                                                                            width="18"
17981                                                                                            xmlns="http://www.w3.org/2000/svg"
17982                                                                                        >
17983                                                                                            <path
17984                                                                                                d="M13.1201 3.19303L15.5328 8.04172L20.9289 8.81672C21.96 8.96576 22.3605 10.2177 21.6196 10.9331L17.7152 14.7087L18.6363 20.0442C18.8165 21.0577 17.7353 21.8327 16.8242 21.3558L11.9988 18.842L7.17336 21.3558C6.25232 21.8327 5.18111 21.0577 5.36132 20.0442L6.28235 14.7087L2.37795 10.9331C1.63712 10.2177 2.04758 8.96576 3.06873 8.81672L8.46481 8.04172L10.8775 3.19303C11.3381 2.26899 12.6595 2.26899 13.1201 3.19303Z"
17985                                                                                            ></path>
17986                                                                                        </svg>
17987                                                                                    </div>
17988                                                                                    <div
17989                                                                                        class="seller-rating__copy"
17990                                                                                        data-v-50b6322d=""
17991                                                                                    >
17992                                                                                        <div data-v-50b6322d="">
17993                                                                                            rating player:&nbsp;
17994                                                                                            <button
17995                                                                                                class="seller-rating__cta"
17996                                                                                                data-testid="sellerRatingInfoButton"
17997                                                                                                data-v-50b6322d=""
17998                                                                                            >
17999                                                                                                95%
18000                                                                                            </button>
18001                                                                                        </div>
18002                                                                                    </div>
18003                                                                                </div>
18004                                                                            </div>
18005                                                                            <div
18006                                                                                class="seller-button"
18007                                                                                data-v-e70e6627=""
18008                                                                            >
18009                                                                                <button
18010                                                                                    class="blu-btn follow b-outline b-ghost has-left-icon b-secondary b-small"
18011                                                                                    data-v-19fd2cc7=""
18012                                                                                    data-v-e70e6627=""
18013                                                                                    type="button"
18014                                                                                >
18015                                                                                    <div
18016                                                                                        class="blu-ripple"
18017                                                                                        data-v-19fd2cc7=""
18018                                                                                        data-v-574d97b4=""
18019                                                                                    >
18020                                                                                        <div
18021                                                                                            class="button-wrapper btn-follow"
18022                                                                                            data-v-574d97b4=""
18023                                                                                            data-v-e70e6627=""
18024                                                                                        >
18025                                                                                            <svg
18026                                                                                                data-v-574d97b4=""
18027                                                                                                data-v-e70e6627=""
18028                                                                                                fill="currentColor"
18029                                                                                                height="18"
18030                                                                                                preserveaspectratio="xMidYMid meet"
18031                                                                                                viewbox="0 0 24 24"
18032                                                                                                width="18"
18033                                                                                                xmlns="http://www.w3.org/2000/svg"
18034                                                                                            >
18035                                                                                                <path
18036                                                                                                    d="M16.75 13.25H13.25V16.75C13.25 17.44 12.69 18 12 18C11.31 18 10.75 17.44 10.75 16.75V13.25H7.25C6.56 13.25 6 12.69 6 12C6 11.31 6.56 10.75 7.25 10.75H10.75V7.25C10.75 6.56 11.31 6 12 6C12.69 6 13.25 6.56 13.25 7.25V10.75H16.75C17.44 10.75 18 11.31 18 12C18 12.69 17.44 13.25 16.75 13.25Z"
18037                                                                                                ></path>
18038                                                                                            </svg>
18039                                                                                            <sp
18039an
18040                                                                                                class="tx-medium"
18041                                                                                                data-v-574d97b4=""
18042                                                                                                data-v-e70e6627=""
18043                                                                                                >Ikuti</span
18044                                                                                            >
18045                                                                                        </div>
18046                                                                                    </div>
18047                                                                                </button>
18048                                                                            </div>
18049                                                                        </div>
18050                                                                    </div>
18051                                                                </section>
18052                                                                <section
18053                                                                    data-nav-anchor="Pengiriman"
18054                                                                    data-v-efe038fa=""
18055                                                                >
18056                                                                    <div
18057                                                                        class="shipping-card merchant-available"
18058                                                                        data-testid="shippingCardDesktop"
18059                                                                        data-v-efe038fa=""
18060                                                                        data-v-fc56eaf7=""
18061                                                                    >
18062                                                                        <div data-v-c2534697="" data-v-fc56eaf7="">
18063                                                                            <div class="" data-v-c2534697=""></div>
18064                                                                            <div class="" data-v-c2534697="">
18065                                                                                <div
18066                                                                                    class="store-location-wrapper store-location-wrapper__whitespace-bottom"
18067                                                                                    data-v-c2534697=""
18068                                                                                    data-v-fc56eaf7=""
18069                                                                                >
18070                                                                                    <div
18071                                                                                        class="store-location"
18072                                                                                        data-content-loaded="storeLocation"
18073                                                                                        data-testid="storeLocation"
18074                                                                                        data-v-c2534697=""
18075                                                                                        data-v-e4f7b449=""
18076                                                                                        data-v-fc56eaf7=""
18077                                                                                    >
18078                                                                                        <div
18079                                                                                            class="store-location__icon"
18080                                                                                            data-v-e4f7b449=""
18081                                                                                        >
18082                                                                                            <svg
18083                                                                                                color="#797f85"
18084                                                                                                data-v-e4f7b449=""
18085                                                                                                fill="currentColor"
18086                                                                                                height="18"
18087                                                                                                preserveaspectratio="xMidYMid meet"
18088                                                                                                viewbox="0 0 24 24"
18089                                                                                                width="18"
18090                                                                                                xmlns="http://www.w3.org/2000/svg"
18091                                                                                            >
18092                                                                                                <path
18093                                                                                                    d="M12 2C7.31 2 3.5 5.81 3.5 10.5C3.5 17 11 22 12 22C13 22 20.5 17 20.5 10.5C20.5 5.81 16.69 2 12 2ZM12 13.52C10.07 13.52 8.5 11.95 8.5 10.02C8.5 8.09 10.07 6.52 12 6.52C13.93 6.52 15.5 8.09 15.5 10.02C15.5 11.95 13.93 13.52 12 13.52Z"
18094                                                                                                ></path>
18095                                                                                            </svg>
18096                                                                                        </div>
18097                                                                                        <div
18098                                                                                            class="store-location__title"
18099                                                                                            data-v-e4f7b449=""
18100                                                                                        >
18101                                                                                            Lokasi toko
18102                                                                                        </div>
18103                                                                                        <div
18104                                                                                            class="store-location__location"
18105                                                                                            data-v-e4f7b449=""
18106                                                                                        >
18107                                                                                            <sp
18107an
18108                                                                                                class="wrap-break-word"
18109                                                                                                data-v-e4f7b449=""
18110                                                                                                >depok, jawa barat</span
18111                                                                                            >
18112                                                                                        </div>
18113
18114                                                                                        <div
18115                                                                                            class="store-location__button"
18116                                                                                            data-v-e4f7b449=""
18117                                                                                        ></div>
18118                                                                                    </div>
18119                                                                                </div>
18120
18121                                                                                <div
18122                                                                                    class="seller-operational-hour operational-hour"
18123                                                                                    data-v-7f257fdd=""
18124                                                                                    data-v-c2534697=""
18125                                                                                    data-v-fc56eaf7=""
18126                                                                                >
18127                                                                                    <div
18128                                                                                        class="seller-operational-hour__icon"
18129                                                                                        data-v-7f257fdd=""
18130                                                                                    >
18131                                                                                        <svg
18132                                                                                            color="#797f85"
18133                                                                                            data-v-7f257fdd=""
18134                                                                                            fill="currentColor"
18135                                                                                            height="18"
18136                                                                                            preserveaspectratio="xMidYMid meet"
18137                                                                                            viewbox="0 0 24 24"
18138                                                                                            width="18"
18139                                                                                            xmlns="http://www.w3.org/2000/svg"
18140                                                                                        >
18141                                                                                            <path
18142                                                                                                d="M9.12187 3.41101C6.70134 4.12101 4.65712 5.69101 3.35533 7.76101L3.04005 7.36101C2.17557 6.27101 2.36881 4.70101 3.47737 3.85101L5.19614 2.53101C6.3047 1.68101 7.90144 1.87101 8.76591 2.96101L9.12187 3.41101ZM20.6445 7.76101L20.9598 7.36101C21.8243 6.27101 21.631 4.70101 20.5225 3.85101L18.8037 2.53101C17.6951 1.68101 16.0984 1.87101 15.2339 2.96101L14.878 3.41101C17.2985 4.11101 19.3427 5.69101 20.6445 7.75101V7.76101ZM11.9998 4.00098C6.94514 4.00098 2.84652 8.03098 2.84652 13.001C2.84652 17.971 6.94514 22.001 11.9998 22.001C17.0544 22.001 21.153 17.971 21.153 13.001C21.153 8.03098 17.0544 4.00098 11.9998 4.00098ZM16.8103 15.671C16.6272 16.011 16.2713 16.211 15.9051 16.211C15.7526 16.211 15.5899 16.171 15.4373 16.101L11.5218 14.101C11.1861 13.931 10.9726 13.591 10.9726 13.211V8.22098C10.9726 7.67098 11.4302 7.22098 11.9896 7.22098C12.549 7.22098 13.0066 7.67098 13.0066 8.22098V12.601L16.3832 14.321C16.8815 14.571 17.0747 15.181 16.8205 15.671H16.8103Z"
18143                                                                                            ></path>
18144                                                                                        </svg>
18145                                                                                    </div>
18146                                                                                    <div
18147                                                                                        class="seller-operational-hour__status"
18148                                                                                        data-v-7f257fdd=""
18149                                                                                    >
18150                                                                                        <div
18151                                                                                            class="close"
18152                                                                                            data-v-7f257fdd=""
18153                                                                                        >
18154                                                                                            <sp
18154an data-v-7f257fdd=""
18155                                                                                                >Buka</span
18156                                                                                            ><span data-v-7f257fdd=""
18157                                                                                                >Setiap Hari</span
18158                                                                                            >
18159                                                                                        </div>
18160                                                                                        <span
18161                                                                                            class="seller-operational-hour__separator"
18162                                                                                            data-v-7f257fdd=""
18163                                                                                        ></span>
18164                                                                                    </div>
18165                                                                                    <div
18166                                                                                        class="seller-operational-hour__time"
18167                                                                                        data-v-7f257fdd=""
18168                                                                                    >
18169                                                                                        <span data-v-7f257fdd=""
18170                                                                                            >08:00-18:00 WIB</span
18171                                                                                        ><span
18172                                                                                            class="blu-tooltip seller-operational-hour__tooltip b-btm-left"
18173                                                                                            data-v-0ee5205b=""
18174                                                                                            data-v-7f257fdd=""
18175                                                                                            ><span
18176                                                                                                class="blu-tooltip__label"
18177                                                                                                data-v-7f257fdd=""
18178                                                                                                data-v-be443dba=""
18179                                                                                                tabindex="0"
18180                                                                                                ><svg
18181                                                                                                    color="#797f85"
18182                                                                                                    data-testid="sellerOperationalHourToolTipLabel"
18183                                                                                                    data-v-7f257fdd=""
18184                                                                                                    data-v-be443dba=""
18185                                                                                                    fill="currentColor"
18186                                                                                                    height="18"
18187                                                                                                    preserveaspectratio="xMidYMid meet"
18188                                                                                                    viewbox="0 0 24 24"
18189                                                                                                    width="18"
18190                                                                                                    xmlns="http://www.w3.org/2000/svg"
18191                                                                                                >
18192                                                                                                    <path
18193                                                                                                        d="M15.8447 8.49L11.9947 13.69L8.16468 8.49C7.96468 8.22 7.68468 8.05 7.36468 8.01C7.04468 7.97 6.73468 8.05 6.47468 8.26C5.94468 8.68 5.84468 9.47 6.24468 10.01L11.0347 16.51C11.2647 16.82 11.6247 17 11.9947 17C12.3647 17 12.7247 16.82 12.9547 16.51L17.7547 10.01C17.9147 9.79 18.0047 9.53 18.0047 9.25C18.0047 8.86 17.8347 8.5 17.5347 8.26C17.2747 8.06 16.9647 7.97 16.6447 8.01C16.3247 8.05 16.0447 8.22 15.8447 8.49Z"
18194                                                                                                    ></path>
18195                                                                                                </svg>
18196                                                                                            </span>
18197                                                                                            <article
18198                                                                                                class="blu-tooltip__content-wrapper b-page custom-content"
18199                                                                                                data-v-1b7c2afb=""
18200                                                                                                data-v-7f257fdd=""
18201                                                                                            >
18202                                                                                                <div
18203                                                                                                    class="blu-tooltip__content"
18204                                                                                                    data-v-1b7c2afb=""
18205                                                                                                    style="width: 220px"
18206                                                                                                >
18207                                                                                                    <button
18208                                                                                                        class="blu-tooltip__close"
18209                                                                                                        data-v-1b7c2afb=""
18210                                                                                                    >
18211                                                                                                        <i
18212                                                                                                            data-v-1b7c2afb=""
18213                                                                                                        ></i>
18214                                                                                                    </button>
18215                                                                                                    <div
18216                                                                                                        class="operational-hours"
18217                                                                                                        data-testid="sellerOperationalHourDetail"
18218                                                                                                        data-v-1b7c2afb=""
18219                                                                                                        data-v-4af9dee6=""
18220                                                                                                        data-v-7f257fdd=""
18221                                                                                                    >
18222                                                                                                        <div
18223                                                                                                            class="operational-hours__title"
18224                                                                                                            data-v-4af9dee6=""
18225                                                                                                        >
18226                                                                                                            Jam
18227                                                                                                            operasional
18228                                                                                                            seller
18229                                                                                                        </div>
18230                                                                                                        <div
18231                                                                                                            class="operational-hours__list operational-hours__today"
18232                                                                                                            data-v-4af9dee6=""
18233                                                                                                        >
18234                                                                                                            <div
18235                                                                                                                class="operational-hours__day"
18236                                                                                                                data-v-4af9dee6=""
18237                                                                                                            >
18238                                                                                                                Senin
18239                                                                                                            </div>
18240                                                                                                            <div
18241                                                                                                                class="operational-hours__schedule"
18242                                                                                                                data-v-4af9dee6=""
18243                                                                                                            >
18244                                                                                                                <sp
18244an
18245                                                                                                                    data-v-4af9dee6=""
18246                                                                                                                    >08:00-18:00
18247                                                                                                                    WIB</span
18248                                                                                                                >
18249                                                                                                            </div>
18250                                                                                                        </div>
18251                                                                                                        <div
18252                                                                                                            class="operational-hours__list"
18253                                                                                                            data-v-4af9dee6=""
18254                                                                                                        >
18255                                                                                                            <div
18256                                                                                                                class="operational-hours__day"
18257                                                                                                                data-v-4af9dee6=""
18258                                                                                                            >
18259                                                                                                                Setiap
18260                                                                                                                Hari
18261                                                                                                            </div>
18262                                                                                                            <div
18263                                                                                                                class="operational-hours__schedule"
18264                                                                                                                data-v-4af9dee6=""
18265                                                                                                            >
18266                                                                                                                <span
18267                                                                                                                    data-v-4af9dee6=""
18268                                                                                                                    >08:00-18:00
18269                                                                                                                    WIB</span
18270                                                                                                                >
18271                                                                                                            </div>
18272                                                                                                        </div>
18273                                                                                                        <div
18274                                                                                                            class="operational-hours__list"
18275                                                                                                            data-v-4af9dee6=""
18276                                                                                                        >
18277                                                                                                            <div
18278                                                                                                                class="operational-hours__day"
18279                                                                                                                data-v-4af9dee6=""
18280                                                                                                            >
18281                                                                                                                Rabu
18282                                                                                                            </div>
18283                                                                                                            <div
18284                                                                                                                class="operational-hours__schedule"
18285                                                                                                                data-v-4af9dee6=""
18286                                                                                                            >
18287                                                                                                                <sp
18287an
18288                                                                                                                    data-v-4af9dee6=""
18289                                                                                                                    >08:00-18:00
18290                                                                                                                    WIB</span
18291                                                                                                                >
18292                                                                                                            </div>
18293                                                                                                        </div>
18294                                                                                                        <div
18295                                                                                                            class="operational-hours__list"
18296                                                                                                            data-v-4af9dee6=""
18297                                                                                                        >
18298                                                                                                            <div
18299                                                                                                                class="operational-hours__day"
18300                                                                                                                data-v-4af9dee6=""
18301                                                                                                            >
18302                                                                                                                Kamis
18303                                                                                                            </div>
18304                                                                                                            <div
18305                                                                                                                class="operational-hours__schedule"
18306                                                                                                                data-v-4af9dee6=""
18307                                                                                                            >
18308                                                                                                                <span
18309                                                                                                                    data-v-4af9dee6=""
18310                                                                                                                    >08:00-18:00
18311                                                                                                                    WIB</span
18312                                                                                                                >
18313                                                                                                            </div>
18314                                                                                                        </div>
18315                                                                                                        <div
18316                                                                                                            class="operational-hours__list"
18317                                                                                                            data-v-4af9dee6=""
18318                                                                                                        >
18319                                                                                                            <div
18320                                                                                                                class="operational-hours__day"
18321                                                                                                                data-v-4af9dee6=""
18322                                                                                                            >
18323                                                                                                                Jumat
18324                                                                                                            </div>
18325                                                                                                            <div
18326                                                                                                                class="operational-hours__schedule"
18327                                                                                                                data-v-4af9dee6=""
18328                                                                                                            >
18329                                                                                                                <sp
18329an
18330                                                                                                                    data-v-4af9dee6=""
18331                                                                                                                    >08:00-18:00
18332                                                                                                                    WIB</span
18333                                                                                                                >
18334                                                                                                            </div>
18335                                                                                                        </div>
18336                                                                                                        <div
18337                                                                                                            class="operational-hours__list"
18338                                                                                                            data-v-4af9dee6=""
18339                                                                                                        >
18340                                                                                                            <div
18341                                                                                                                class="operational-hours__day"
18342                                                                                                                data-v-4af9dee6=""
18343                                                                                                            >
18344                                                                                                                Sabtu
18345                                                                                                            </div>
18346                                                                                                            <div
18347                                                                                                                class="operational-hours__schedule"
18348                                                                                                                data-v-4af9dee6=""
18349                                                                                                            >
18350                                                                                                                <span
18351                                                                                                                    data-v-4af9dee6=""
18352                                                                                                                    >08:00-18:00
18353                                                                                                                    WIB</span
18354                                                                                                                >
18355                                                                                                            </div>
18356                                                                                                        </div>
18357                                                                                                        <div
18358                                                                                                            class="operational-hours__list"
18359                                                                                                            data-v-4af9dee6=""
18360                                                                                                        >
18361                                                                                                            <div
18362                                                                                                                class="operational-hours__day"
18363                                                                                                                data-v-4af9dee6=""
18364                                                                                                            >
18365                                                                                                                Minggu
18366                                                                                                            </div>
18367                                                                                                            <div
18368                                                                                                                class="operational-hours__schedule"
18369                                                                                                                data-v-4af9dee6=""
18370                                                                                                            >
18371                                                                                                                <sp
18371an
18372                                                                                                                    data-v-4af9dee6=""
18373                                                                                                                    >Tutup</span
18374                                                                                                                >
18375                                                                                                            </div>
18376                                                                                                        </div>
18377                                                                                                    </div>
18378                                                                                                </div>
18379                                                                                            </article></span
18380                                                                                        >
18381                                                                                    </div>
18382                                                                                </div>
18383                                                                                <div
18384                                                                                    data-content-loaded="shippingMethod"
18385                                                                                    data-testid="shippingMethod"
18386                                                                                    data-v-a77df610=""
18387                                                                                    data-v-fc56eaf7=""
18388                                                                                >
18389                                                                                    <div
18390                                                                                        class="shipping-method merchant-available"
18391                                                                                        data-testid="shippingSectionLoaded"
18392                                                                                        data-v-a77df610=""
18393                                                                                    >
18394                                                                                        <div
18395                                                                                            class="shipping-method__title"
18396                                                                                            data-v-a77df610=""
18397                                                                                        >
18398                                                                                            Metode pengiriman
18399                                                                                        </div>
18400
18401                                                                                        <div
18402                                                                                            class="courier-shipping"
18403                                                                                            data-testid="courierShippingItem"
18404                                                                                            data-v-0e5e4db8=""
18405                                                                                            data-v-a77df610=""
18406                                                                                        >
18407                                                                                            <div
18408                                                                                                class="courier-shipping__courier-container"
18409                                                                                                data-testid="courierShippingRadio"
18410                                                                                                data-v-0e5e4db8=""
18411                                                                                                value="DELIVERY"
18412                                                                                            >
18413                                                                                                <div
18414                                                                                                    class="courier-shipping__icon"
18415                                                                                                    data-v-0e5e4db8=""
18416                                                                                                >
18417                                                                                                    <svg
18418                                                                                                        color="#797f85"
18419                                                                                                        data-v-0e5e4db8=""
18420                                                                                                        fill="currentColor"
18421                                                                                                        height="18"
18422                                                                                                        preserveaspectratio="xMidYMid meet"
18423                                                                                                        viewbox="0 0 24 24"
18424                                                                                                        width="18"
18425                                                                                                        xmlns="http://www.w3.org/2000/svg"
18426                                                                                                    >
18427                                                                                                        <path
18428                                                                                                            d="M21.2604 10.27L18.7216 7.73C18.2519 7.26 17.6222 7 16.9525 7H12.9945V6.5C12.9945 5.12 11.8751 4 10.4958 4H4.49875C3.11944 4 2 5.12 2 6.5V15.5C2 16.78 2.95952 17.82 4.18891 17.97C4.6087 16.82 5.70815 16 6.9975 16C8.28686 16 9.3963 16.84 9.81609 18H14.1839C14.5937 16.84 15.6932 16 17.0025 16C18.3118 16 19.3813 16.82 19.8111 17.97C21.0405 17.82 22 16.78 22 15.5V12.04C22 11.38 21.7401 10.74 21.2704 10.27H21.2604ZM15.8632 9.33984H16.8727C17.0526 9.33984 17.2326 9.40984 17.3625 9.53984L19.4514 11.6298C19.5814 11.7598 19.6514 11.9398 19.6514 12.1198C19.6514 12.4998 19.3415 12.8098 18.9617 12.8098H15.8632C15.4834 12.8098 15.1736 12.4998 15.1736 12.1198
18428V10.0298C15.1736 9.64984 15.4834 9.33984 15.8632 9.33984ZM6.9975 21C8.10152 21 8.9965 20.1046 8.9965 19C8.9965 17.8954 8.10152 17 6.9975 17C5.89348 17 4.9985 17.8954 4.9985 19C4.9985 20.1046 5.89348 21 6.9975 21ZM16.9925 21C18.0965 21 18.9915 20.1046 18.9915 19C18.9915 17.8954 18.0965 17 16.9925 17C15.8885 17 14.9935 17.8954 14.9935 19C14.9935 20.1046 15.8885 21 16.9925 21Z"
18429                                                                                                        ></path>
18430                                                                                                    </svg>
18431                                                                                                </div>
18432                                                                                                <div
18433                                                                                                    class="courier-shipping__label selected"
18434                                                                                                    data-v-0e5e4db8=""
18435                                                                                                >
18436                                                                                                    <span
18437                                                                                                        data-v-0e5e4db8=""
18438                                                                                                        >Pengiriman
18439                                                                                                        kurir</span
18440                                                                                                    >
18441                                                                                                </div>
18442                                                                                            </div>
18443                                                                                            <div
18444                                                                                                class="courier-shipping__content-icon"
18445                                                                                                data-v-0e5e4db8=""
18446                                                                                            >
18447                                                                                                <div
18448                                                                                                    class="courier-shipping__info-notes"
18449                                                                                                    data-v-0e5e4db8=""
18450                                                                                                >
18451                                                                                                    <span
18452                                                                                                        data-v-0e5e4db8=""
18453                                                                                                    >
18454                                                                                                        Masukkan lokasi
18455                                                                                                        pengiriman
18456                                                                                                        supaya kamu bisa
18457                                                                                                        melihat metode
18458                                                                                                        yang tersedia
18459                                                                                                        dan estimasi
18460                                                                                                        biayanya.
18461                                                                                                    </span>
18462                                                                                                </div>
18463
18464                                                                                                <div
18465                                                                                                    class="courier-shipping__cta non-login no-badges"
18466                                                                                                    data-testid="courierShippingCTA"
18467                                                                                                    data-v-0e5e4db8=""
18468                                                                                                >
18469                                                                                                    <button
18470                                                                                                        class="blu-btn b-ghost has-left-icon b-secondary b-small"
18471                                                                                                        data-v-0e5e4db8=""
18472                                                                                                        data-v-19fd2cc7=""
18473                                                                                                        type="button"
18474                                                                                                    >
18475                                                                                                        <div
18476                                                                                                            class="blu-ripple"
18477                                                                                                            data-v-19fd2cc7=""
18478                                                                                                            data-v-574d97b4=""
18479                                                                                                        >
18480                                                                                                            <div
18481                                                                                                                class="button-wrapper btn-address"
18482                                                                                                                data-v-0e5e4db8=""
18483                                                                                                                data-v-574d97b4=""
18484                                                                                                            >
18485                                                                                                                <svg
18486                                                                                                                    data-v-0e5e4db8=""
18487                                                                                                                    data-v-574d97b4=""
18488                                                                                                                    fill="currentColor"
18489                                                                                                                    height="18"
18490                                                                                                                    preserveaspectratio="xMidYMid meet"
18491                                                                                                                    viewbox="0 0 24 24"
18492                                                                                                                    width="18"
18493                                                                                                                    xmlns="http://www.w3.org/2000/svg"
18494                                                                                                                >
18495                                                                                                                    <path
18496                                                                                                                        d="M12 2C7.31 2 3.5 5.81 3.5 10.5C3.5 17 11 22 12 22C13 22 20.5 17 20.5 10.5C20.5 5.81 16.69 2 12 2ZM12 13.52C10.07 13.52 8.5 11.95 8.5 10.02C8.5 8.09 10.07 6.52 12 6.52C13.93 6.52 15.5 8.09 15.5 10.02C15.5 11.95 13.93 13.52 12 13.52Z"
18497                                                                                                                    ></path>
18498                                                                                                                </svg>
18499                                                                                                                <sp
18499an
18500                                                                                                                    class="tx-medium"
18501                                                                                                                    data-v-0e5e4db8=""
18502                                                                                                                    data-v-574d97b4=""
18503                                                                                                                    >Cari
18504                                                                                                                    lokasi</span
18505                                                                                                                >
18506                                                                                                            </div>
18507                                                                                                        </div>
18508                                                                                                    </button>
18509                                                                                                </div>
18510                                                                                            </div>
18511                                                                                        </div>
18512                                                                                    </div>
18513                                                                                </div>
18514                                                                            </div>
18515                                                                        </div>
18516                                                                    </div>
18517                                                                </section>
18518                                                            </div>
18519                                                        </div>
18520                                                    </div>
18521                                                    <div class="pdp__similar-recommendation" data-v-efe038fa=""></div>
18522                                                    <div data-v-efe038fa="">
18523                                                        <div
18524                                                            class="sticky-navigation sticky-desktop"
18525                                                            data-v-efe038fa=""
18526                                                            data-v-f4be2ed3=""
18527                                                        >
18528                                                            <div
18529                                                                class="tabs-wrapper"
18530                                                                data-v-2ff01c43=""
18531                                                                data-v-f4be2ed3=""
18532                                                                id="anchor-wrapper"
18533                                                            >
18534                                                                <div class="tabs b-overflow-x" data-v-2ff01c43="">
18535                                                                    <div class="tabs__header" data-v-2ff01c43="">
18536                                                                        <a
18537                                                                            class="tabs__header-title b-active"
18538                                                                            data-v-2ff01c43=""
18539                                                                            tabindex="0"
18540                                                                            ><span
18541                                                                                class="tabs__icon"
18542                                                                                data-v-2ff01c43=""
18543                                                                            >
18544                                                                            </span>
18545                                                                            Deskripsi
18546                                                                            <sp
18546an
18547                                                                                class="tabs__label"
18548                                                                                data-v-2ff01c43=""
18549                                                                            ></span></a
18550                                                                        ><a
18551                                                                            class="tabs__header-title"
18552                                                                            data-v-2ff01c43=""
18553                                                                            tabindex="0"
18554                                                                            ><span
18555                                                                                class="tabs__icon"
18556                                                                                data-v-2ff01c43=""
18557                                                                            >
18558                                                                            </span>
18559                                                                            Ulasan
18560                                                                            <span
18561                                                                                class="tabs__label"
18562                                                                                data-v-2ff01c43=""
18563                                                                            ></span></a
18564                                                                        ><a
18565                                                                            class="tabs__header-title"
18566                                                                            data-v-2ff01c43=""
18567                                                                            tabindex="0"
18568                                                                            ><span
18569                                                                                class="tabs__icon"
18570                                                                                data-v-2ff01c43=""
18571                                                                            >
18572                                                                            </span>
18573                                                                            Diskusi
18574                                                                            <span
18575                                                                                class="tabs__label"
18576                                                                                data-v-2ff01c43=""
18577                                                                            ></span></a
18578                                                                        ><a
18579                                                                            class="tabs__header-title"
18580                                                                            data-v-2ff01c43=""
18581                                                                            tabindex="0"
18582                                                                            ><span
18583                                                                                class="tabs__icon"
18584                                                                                data-v-2ff01c43=""
18585                                                                            >
18586                                                                            </span>
18587                                                                            Rekomendasi
18588                                                                            <span
18589                                                                                class="tabs__label"
18590                                                                                data-v-2ff01c43=""
18591                                                                            ></span
18592                                                                        ></a>
18593                                                                    </div>
18594                                                                    <div
18595                                                                        class="slider"
18596                                                                        data-v-2ff01c43=""
18597                                                                        style="left: 0px; width: 71px"
18598                                                                    ></div>
18599                                                                </div>
18600                                                                <div class="tabs__control" data-v-2ff01c43=""></div>
18601                                                            </div>
18602                                                            <div
18603                                                                class="product-report-desktop"
18604                                                                data-testid="reportButtonDesktop"
18605                                                                data-v-f4be2ed3=""
18606                                                            >
18607                                                                <svg
18608                                                                    class="icon-gray-small cursor-pointer"
18609                                                                    data-v-f4be2ed3=""
18610                                                                    fill="currentColor"
18611                                                                    height="24"
18612                                                                    preserveaspectratio="xMidYMid meet"
18613                                                                    viewbox="0 0 24 24"
18614                                                                    width="24"
18615                                                                    xmlns="http://www.w3.org/2000/svg"
18616                                                                >
18617                                                                    <path
18618                                                                        d="M8.5 5H13.5C14.33 5 15 4.33 15 3.5C15 2.67 14.33 2 13.5 2H8.5C7.67 2 7 2.67 7 3.5C7 4.33 7.67 5 8.5 5ZM21 17C21 15.37 20.21 13.94 19 13.02V5.5C19 4.12 17.88 3 16.5 3H15.95C15.98 3.16 16 3.33 16 3.5C16 4.88 14.88 6 13.5 6H8.5C7.12 6 6 4.88 6 3.5C6 3.33 6.02 3.16 6.05 3H5.5C4.12 3 3 4.12 3 5.5V19.5C3 20.88 4.12 22 5.5 22H16.5C16.94 22 17.35 21.88 17.7 21.68C19.62 20.98 21 19.16 21 17ZM20 17C20 19.21 18.21 21 16 21C13.79 21 12 19.21 12 17C12 14.79 13.79 13 16 13C18.21 13 20 14.79 20 17ZM7 8H15C15.55 8 16 8.45 16 9C16 9.55 15.55 10 15 10H7C6.45 10 6 9.55 6 9C6 8.45 6.45 8 7 8ZM7 14C6.45 14 6 13.55 6 13C6 12.45 6.45 12 7 12H10C10.55 12 11 12.45 11 13C11 13.55 10.55 14 10 14H7ZM15.7698 14.0298C15.5698 14.0298 15.4098 14.1898 15.4098 14.3898V17.5798C15.4098 17.7798 15.5698 17.9398 15.7698 17.9398H16.2398C16.4398 17.9398 16.5998 17.7798 16.5998 17.5798V14.3898C16.5998 14.1898 16.4398 14.0298 16.2398 14.0298H15.7698ZM16.6798 19.2898C16.6798 18.9098 16.3798 18.6098 15.9998 18.6098C15.6198 18.6098 15.3198 18.9098 15.3198 19.2898C15.3198 19.6698 15.6198 19.9698 15.9998 19.9698C16.3798 19.9698 16.6798 19.6698 16.6798 19.2898Z"
18619                                                                    ></path>
18620                                                                </svg>
18621                                                                <sp
18621an data-v-f4be2ed3="">Laporkan produk</span>
18622                                                            </div>
18623                                                        </div>
18624                                                        <section class="rich-info" data-v-efe038fa="">
18625                                                            <div
18626                                                                data-nav-anchor-desktop="Deskripsi"
18627                                                                data-v-efe038fa=""
18628                                                            ></div>
18629                                                            <div
18630                                                                data-nav-anchor="Ulasan"
18631                                                                data-nav-anchor-desktop="Ulasan"
18632                                                                data-v-efe038fa=""
18633                                                            >
18634                                                                <div
18635                                                                    class="teleport-target"
18636                                                                    data-v-4129978e=""
18637                                                                    data-v-efe038fa=""
18638                                                                    id="pdp-productReview-vue3"
18639                                                                    style="--teleport-target-min-height: 400px"
18640                                                                >
18641                                                                    <div data-v-684cab4c=""></div>
18642                                                                </div>
18643                                                            </div>
18644
18645                                                            <div
18646                                                                data-nav-anchor="Diskusi"
18647                                                                data-nav-anchor-desktop="Diskusi"
18648                                                                data-v-efe038fa=""
18649                                                            >
18650                                                                <div
18651                                                                    class="teleport-target"
18652                                                                    data-v-4129978e=""
18653                                                                    data-v-efe038fa=""
18654                                                                    id="pdp-productDiscussion-vue3"
18655                                                                    style="--teleport-target-min-height: 400px"
18656                                                                >
18657                                                                    <div data-v-684cab4c=""></div>
18658                                                                </div>
18659                                                            </div>
18660                                                        </section>
18661                                                        <section
18662                                                            class="pdp-other-products"
18663                                                            data-nav-anchor="Rekomendasi"
18664                                                            data-nav-anchor-desktop="Rekomendasi"
18665                                                            data-v-efe038fa=""
18666                                                        >
18667                                                            <div
18668                                                                class="teleport-target"
18669                                                                data-v-4129978e=""
18670                                                                data-v-efe038fa=""
18671                                                                id="pdp-productRecommendation-vue3"
18672                                                                style="--teleport-target-min-height: 400px"
18673                                                            >
18674                                                                <div data-v-684cab4c=""></div>
18675                                                            </div>
18676                                                        </section>
18677                                                    </div>
18678
18679                                                    <section
18680                                                        class="pdp-action"
18681                                                        data-testid="productActionContainer"
18682                                                        data-v-efe038fa=""
18683                                                    >
18684                                                        <div
18685                                                            class="container"
18686                                                            data-testid="bagRetailDesktop"
18687                                                            data-v-df1c64bc=""
18688                                                            data-v-efe038fa=""
18689                                                        >
18690                                                            <div class="bag-retail" data-v-df1c64bc="">
18691                                                                <div class="bag-retail__container" data-v-df1c64bc="">
18692                                                                    <div class="bag-retail__product" data-v-df1c64bc="">
18693                                                                        <img
18694                                                                            alt="product-figure"
18695                                                                            class="thumbnail"
18696                                                                            data-v-df1c64bc=""
18697                                                                            src="https://www.ambricol.es/img/gendut188/gacoan-gendut188.webp"
18698                                                                        />
18699                                                                        <div
18700                                                                            class="thumbnail__icon"
18701                                                                            data-v-df1c64bc=""
18702                                                                        ></div>
18703                                                                        <sp
18703an
18704                                                                            class="name"
18705                                                                            data-v-df1c64bc=""
18706                                                                            title="GENDUT188 | Ruang Game Digital Modern dengan Akses Praktis dan Pilihan Hiburan Beragam"
18707                                                                        >
18708                                                                            GENDUT188 > PUSAT NYEPIN GACOR 2026
18709                                                                        </span>
18710                                                                    </div>
18711
18712                                                                    <hr
18713                                                                        class="separator separator--shrinked"
18714                                                                        data-v-df1c64bc=""
18715                                                                    />
18716                                                                    <div
18717                                                                        class="bag-retail__price"
18718                                                                        data-testid="bagRetailContextualDisplayPrice"
18719                                                                        data-v-df1c64bc=""
18720                                                                    >
18721                                                                        <div class="tx-small label" data-v-df1c64bc="">
18722                                                                            Total harga:
18723                                                                        </div>
18724                                                                        <div
18725                                                                            class="bag-retail__price__displayed"
18726                                                                            data-v-df1c64bc=""
18727                                                                        >
18728                                                                            <div class="total-final" data-v-df1c64bc="">
18729                                                                                <div
18730                                                                                    class="contextual"
18731                                                                                    data-v-df1c64bc=""
18732                                                                                >
18733                                                                                    <div
18734                                                                                        class="contextual__voucher"
18735                                                                                        data-v-df1c64bc=""
18736                                                                                    >
18737                                                                                        <svg
18738                                                                                            data-v-df1c64bc=""
18739                                                                                            fill="none"
18740                                                                                            height="18"
18741                                                                                            viewbox="0 0 20 20"
18742                                                                                            width="18"
18743                                                                                            xmlns="http://www.w3.org/2000/svg"
18744                                                                                        >
18745                                                                                            <path
18746                                                                                                clip-rule="evenodd"
18747                                                                                                d="M1.66602 5.41634V7.08301C2.58268 7.08301 3.33268 7.83301 3.33268 8.74967C3.33268 9.66634 2.58268 10.4163 1.66602 10.4163V12.083C1.66602 13.233 2.59935 14.1663 3.74935 14.1663H4.99935V3.33301H3.74935C2.59935 3.33301 1.66602 4.26634 1.66602 5.41634ZM14.1682 9.16207C11.8671 9.16207 9.99945 11.0297 9.99945 13.3308C9.99945 15.632 11.8671 17.4996 14.1682 17.4996C16.4693 17.4996 18.337 15.632 18.337 13.3308C18.337 11.0297 16.4693 9.16207 14.1682 9.16207ZM16.2734 12.1261L14.1932 15.0483C14.1182 15.1526 14.0015 15.2151 13.8722 15.2234H13.8514C13.7305 15.2234 13.6138 15.1734 13.5346 15.0775L12.0797 13.385C12.0088 13.3016 11.9713 13.1933 11.9796 13.0849C11.9879 12.9723 12.038 12.8723 12.1213 12.8014C12.2964 12.6513 12.5591 12.6722 12.7091 12.8472L13.818 14.1354L15.5897 11.6466C15.7231 11.4591 15.9816 11.4174 16.1692 11.5508C16.2609 11.6133 16.3193 11.7092 16.3401 11.8217C16.3568 11.9301 16.3318 12.0427 16.2692 12.1302L16.2734 12.1261ZM9.53268 11.458C9.29935 12.0413 9.16601 12.6663 9.16601 13.333C9.16601 13.6163 9.19102 13.8913 9.24101 14.1663H5.83268V3.33301H16.2493C17.3993 3.33301 18.3327 4.26634 18.3327 5.41634V10.5747C17.4327 9.22467 15.9077 8.33301 14.166 8.33301C12.791 8.33301 11.5493 8.89134 10.641 9.79134H8.33268C7.87435 9.79134 7.49935 10.1663 7.49935 10.6247C7.49935 11.083 7.87435 11.458 8.33268 11.458H9.53268ZM14.9993 6.04134H8.33268C7.87435 6.04134 7.49935 6.41634 7.49935 6.87467C7.49935 7.33301 7.87435 7.70801 8.33268 7.70801H14.9993C15.4577 7.70801 15.8327 7.33301 15.8327 6.87467C15.8327 6.41634 15.4577 6.04134 14.9993 6.04134Z"
18748                                                                                                fill="#0072FF"
18749                                                                                                fill-rule="evenodd"
18750                                                                                            ></path>
18751                                                                                        </svg>
18752                                                                                    </div>
18753                                                                                    <div
18754                                                                                        class="contextual__price"
18755                                                                                        data-v-df1c64bc=""
18756                                                                                    >
18757                                                                                        10.000
18758                                                                                    </div>
18759                                                                                </div>
18760                                                                            </div>
18761                                                                            <div
18762                                                                                class="bag-retail__wholesale-info"
18763                                                                                data-v-df1c64bc=""
18764                                                                            ></div>
18765                                                                        </div>
18766                                                                    </div>
18767                                                                    <div
18768                                                                        class="bag-retail__quantity"
18769                                                                        data-v-df1c64bc=""
18770                                                                    >
18771                                                                        <div
18772                                                                            class="bag-retail__quantity input-stepper__wrapper"
18773                                                                            data-v-df1c64bc=""
18774                                                                        >
18775                                                                            <div
18776                                                                                class="blu-input-stepper"
18777                                                                                data-v-1e7baa58=""
18778                                                                                data-v-df1c64bc=""
18779                                                                            >
18780                                                                                <button
18781                                                                                    class="blu-btn blu-input-stepper__minus b-ghost b-disabled b-secondary"
18782                                                                                    data-testid="bagRetailDecreaseQuantityButton"
18783                                                                                    data-v-19fd2cc7=""
18784                                                                                    data-v-1e7baa58=""
18785                                                                                    data-v-df1c64bc=""
18786                                                                                    disabled="disabled"
18787                                                                                    type="button"
18788                                                                                >
18789                                                                                    <div
18790                                                                                        class="blu-ripple b-disabled"
18791                                                                                        data-v-19fd2cc7=""
18792                                                                                        data-v-574d97b4=""
18793                                                                                    >
18794                                                                                        <svg
18795                                                                                            data-v-574d97b4=""
18796                                                                                            data-v-df1c64bc=""
18797                                                                                            fill="currentColor"
18798                                                                                            height="24"
18799                                                                                            preserveaspectratio="xMidYMid meet"
18800                                                                                            viewbox="0 0 24 24"
18801                                                                                            width="24"
18802                                                                                            xmlns="http://www.w3.org/2000/svg"
18803                                                                                        >
18804                                                                                            <path
18805                                                                                                d="M16.75 13.25H7.25C6.56 13.25 6 12.69 6 12C6 11.31 6.56 10.75 7.25 10.75H16.75C17.44 10.75 18 11.31 18 12C18 12.69 17.44 13.25 16.75 13.25Z"
18806                                                                                            ></path>
18807                                                                                        </svg>
18808                                                                                    </div>
18809                                                                                </button>
18810                                                                                <div
18811                                                                                    class="blu-field blu-input-stepper__input has-value"
18812                                                                                    data-v-12bd13fe=""
18813                                                                                    data-v-1e7baa58=""
18814                                                                                    data-v-df1c64bc=""
18815                                                                                >
18816                                                                                    <input
18817                                                                                        autocomplete="none"
18818                                                                                        class="form__input"
18819                                                                                        data-testid="bagRetailInput"
18820                                                                                        data-v-12bd13fe=""
18821                                                                                        data-v-df1c64bc=""
18822                                                                                        id="bli-input-hs23tlu3e"
18823                                                                                        min="1"
18824                                                                                        type="number"
18825                                                                                    />
18826
18827                                                                                    <div
18828                                                                                        class="blu-field__msg-wrapper"
18829                                                                                        data-v-12bd13fe=""
18830                                                                                    ></div>
18831                                                                                    <div
18832                                                                                        class="blu-field__btn"
18833                                                                                        data-v-12bd13fe=""
18834                                                                                    ></div>
18835                                                                                </div>
18836                                                                                <button
18837                                                                                    class="blu-btn blu-input-stepper__plus b-ghost b-disabled b-secondary"
18838                                                                                    data-testid="bagRetailAddQuantityButton"
18839                                                                                    data-v-19fd2cc7=""
18840                                                                                    data-v-1e7baa58=""
18841                                                                                    data-v-df1c64bc=""
18842                                                                                    disabled="disabled"
18843                                                                                    type="button"
18844                                                                                >
18845                                                                                    <div
18846                                                                                        class="blu-ripple b-disabled"
18847                                                                                        data-v-19fd2cc7=""
18848                                                                                        data-v-574d97b4=""
18849                                                                                    >
18850                                                                                        <svg
18851                                                                                            data-v-574d97b4=""
18852                       
18852                                                                     data-v-df1c64bc=""
18853                                                                                            fill="currentColor"
18854                                                                                            height="24"
18855                                                                                            preserveaspectratio="xMidYMid meet"
18856                                                                                            viewbox="0 0 24 24"
18857                                                                                            width="24"
18858                                                                                            xmlns="http://www.w3.org/2000/svg"
18859                                                                                        >
18860                                                                                            <path
18861                                                                                                d="M16.75 13.25H13.25V16.75C13.25 17.44 12.69 18 12 18C11.31 18 10.75 17.44 10.75 16.75V13.25H7.25C6.56 13.25 6 12.69 6 12C6 11.31 6.56 10.75 7.25 10.75H10.75V7.25C10.75 6.56 11.31 6 12 6C12.69 6 13.25 6.56 13.25 7.25V10.75H16.75C17.44 10.75 18 11.31 18 12C18 12.69 17.44 13.25 16.75 13.25Z"
18862                                                                                            ></path>
18863                                                                                        </svg>
18864                                                                                    </div>
18865                                                                                </button>
18866                                                                            </div>
18867                                                                        </div>
18868                                                                    </div>
18869
18870                                                                    <div class="bag-retail__action" data-v-df1c64bc="">
18871                                                                        <div
18872                                                                            class="product-action"
18873                                                                            data-v-2c5c3491=""
18874                                                                            data-v-df1c64bc=""
18875                                                                        >
18876                                                                            <button
18877                                                                                class="blu-btn b-outline b-secondary btn-checkout"
18878                                                                                data-testid="checkoutButton"
18879                                                                                data-v-18080092=""
18880                                                                                data-v-19fd2cc7=""
18881                                                                                data-v-2c5c3491=""
18882                                                                                type="button"
18883                                                                            >
18884                                                                                <div
18885                                                                                    class="blu-ripple"
18886                                                                                    data-v-19fd2cc7=""
18887                                                                                    data-v-574d97b4=""
18888                                                                                >
18889                                                                                    <div
18890                                                                                        class="label"
18891                                                                                        data-v-18080092=""
18892                                                                                        data-v-574d97b4=""
18893                                                                                    >
18894                                                                                        <div
18895                                                                                            class="text"
18896                                                                                            data-v-18080092=""
18897                                                                                            data-v-574d97b4=""
18898                                                                                        >
18899                                                                                            Beli sekarang
18900                                                                                        </div>
18901                                                                                        <div
18902                                                                                            class="price"
18903                                                                                            data-v-18080092=""
18904                                                                                            data-v-574d97b4=""
18905                                                                                        >
18906                                                                                            <div
18907                                                                                                class="price__icon"
18908                                                                                                data-v-18080092=""
18909                                                                                                data-v-574d97b4=""
18910                                                                                            >
18911                                                                                                <img
18912                                                                                                    alt=""
18913                                                                                                    data-v-18080092=""
18914                                                                                                    data-v-574d97b4=""
18915                                                                                                    src="https://www.static-src.com/frontend/product-detail/static/img/voucher-applied.b1ef57f4.svg"
18916                                                                                                />
18917                                                                                            </div>
18918                                                                                            <div
18919                                                                                                class="price__offered-price"
18920                                                                                                data-v-18080092=""
18921                                                                                                data-v-574d97b4=""
18922                                                                                            >
18923                                                                                                10.000
18924                                                                                            </div>
18925                                                                                        </div>
18926                                                                                    </div>
18927                                                                                </div></button
18928                                                                            ><button
18929                                                                                class="blu-btn b-secondary btn-add-to-bag"
18930                                                                                data-testid="addToBagButton"
18931                                                                                data-v-19fd2cc7=""
18932                                                                                data-v-2c5c3491=""
18933                                                                                data-v-70cdf389=""
18934                                                                                type="button"
18935                                                                            >
18936                                                                                <div
18937                                                                                    class="blu-ripple"
18938                                                                                    data-v-19fd2cc7=""
18939                                                                                    data-v-574d97b4=""
18940                                                                                >
18941                                                                                    <sp
18941an
18942                                                                                        data-v-574d97b4=""
18943                                                                                        data-v-70cdf389=""
18944                                                                                        >Tambah ke Bag</span
18945                                                                                    >
18946                                                                                </div>
18947                                                                            </button>
18948                                                                            <div
18949                                                                                class="btn-wishlist"
18950                                                                                data-v-2c5c3491=""
18951                                                                                data-v-d8fc8e0a=""
18952                                                                            >
18953                                                                                <div
18954                                                                                    class="wishlist b-flex b-ai-center b-jc-center"
18955                                                                                    data-testid="wishlistButton"
18956                                                                                    data-v-d8fc8e0a=""
18957                                                                                >
18958                                                                                    <svg
18959                                                                                        alt="blibli image alt"
18960                                                                                        color="#797f85"
18961                                                                                        data-v-d8fc8e0a=""
18962                                                                                        fill="currentColor"
18963                                                                                        height="24"
18964                                                                                        preserveaspectratio="xMidYMid meet"
18965                                                                                        viewbox="0 0 24 24"
18966                                                                                        width="24"
18967                                                                                        xmlns="http://www.w3.org/2000/svg"
18968                                                                                    >
18969                                                                                        <path
18970                                                                                            d="M16.46 3C14.02 3 12.97 4.05 12 6C11.03 4.05 9.98 3 7.54 3C4.02 3 2 6.03 2 9.49C2 14.99 10.52 21 12 21C13.48 21 22 14.96 22 9.49C22 6.05 20.02 3 16.46 3Z"
18971                                                                                        ></path>
18972                                                                                    </svg>
18973                                                                                </div>
18974                                                                            </div>
18975                                                                        </div>
18976                                                                    </div>
18977                                                                </div>
18978                                                            </div>
18979                                                        </div>
18980                                                    </section>
18981                                                    <div class="seller-chat" data-v-0b9fb36a="" data-v-efe038fa="">
18982                                                        <span
18983                                                            class="blu-tooltip b-top-center"
18984                                                            data-v-0b9fb36a=""
18985                                                            data-v-0ee5205b=""
18986                                                            ><span
18987                                                                class="blu-tooltip__label"
18988                                                                data-v-0b9fb36a=""
18989                                                                data-v-be443dba=""
18990                                                                tabindex="0"
18991                                                            >
18992                                                                <div
18993                                                                    class="seller-chat__button seller-chat__button--disabled"
18994                                                                    data-testid="sellerChatButtonDesktop"
18995                                                                    data-v-0b9fb36a=""
18996                                                                    data-v-be443dba=""
18997                                                                >
18998                                                                    <svg
18999                                                                        class="seller-chat__notavailable"
19000                                                                        color="#797f85"
19001                                                                        data-v-0b9fb36a=""
19002                                                                        data-v-be443dba=""
19003                                                                        fill="currentColor"
19004                                                                        height="24"
19005                                                                        preserveaspectratio="xMidYMid meet"
19006                                                                        viewbox="0 0 24 24"
19007                                                                        width="24"
19008                                                                        xmlns="http://www.w3.org/2000/svg"
19009                                                                    >
19010                                                                        <path
19011                                                                            d="M18.5 4H5.5C4.12 4 3 5.12 3 6.5V14.5C3 15.88 4.12 17 5.5 17H11.72L11.02 19.47C10.7 20.59 12 21.46 12.91 20.74L17.72 16.99H18.5C19.88 16.99 21 15.87 21 14.49V6.5C21 5.12 19.88 4 18.5 4ZM7.5 12C6.67 12 6 11.33 6 10.5C6 9.67 6.67 9 7.5 9C8.33 9 9 9.67 9 10.5C9 11.33 8.33 12 7.5 12ZM12 12C11.17 12 10.5 11.33 10.5 10.5C10.5 9.67 11.17 9 12 9C12.83 9 13.5 9.67 13.5 10.5C13.5 11.33 12.83 12 12 12ZM16.5 12C15.67 12 15 11.33 15 10.5C15 9.67 15.67 9 16.5 9C17.33 9 18 9.67 18 10.5C18 11.33 17.33 12 16.5 12Z"
19012                                                                        ></path>
19013                                                                    </svg>
19014                                                                    <span
19015                                                                        class="seller-chat__button__text seller-chat__button__text--disabled"
19016                                                                        data-v-0b9fb36a=""
19017                                                                        data-v-be443dba=""
19018                                                                        >Chat seller</span
19019                                                                    >
19020                                                                </div>
19021                                                            </span>
19022                                                            <article
19023                                                                class="blu-tooltip__content-wrapper b-page seller-chat__tooltip"
19024                                                                data-v-0b9fb36a=""
19025                                                                data-v-1b7c2afb=""
19026                                                            >
19027                                                                <div class="blu-tooltip__content" data-v-1b7c2afb="">
19028                                                                    <button
19029                                                                        class="blu-tooltip__close"
19030                                                                        data-v-1b7c2afb=""
19031                                                                    >
19032                                                                        <i data-v-1b7c2afb=""></i>
19033                                                                    </button>
19034                                                                    Produknya disediakan Blibli, jadi 100% orisinil.
19035                                                                    Chat Customer Care, ya, untuk pertanyaan lebih
19036                                                                    lanjut.
19037                                                                </div>
19038                                                            </article></span
19039                                                        >
19040                                                    </div>
19041                                                    
19041<script type="application/ld+json">
19042                                                        {
19043                                                            "@context": "https://schema.org",
19044                                                            "@graph": [
19045                                                                {
19046                                                                    "@type": "WebSite",
19047                                                                    "@id": "https://www.ambricol.es/#website",
19048                                                                    "url": "https://www.ambricol.es/",
19049                                                                    "name": "GENDUT188",
19050                                                                    "description": "GENDUT188 menghadirkan ruang game digital modern dengan navigasi ringkas, akses praktis, tampilan nyaman, dan pilihan hiburan beragam untuk pengalaman yang lebih mudah dinikmati.",
19051                                                                    "inLanguage": "id-ID"
19052                                                                },
19053                                                                {
19054                                                                    "@type": "Organization",
19055                                                                    "@id": "https://www.ambricol.es/#organization",
19056                                                                    "name": "GENDUT188",
19057                                                                    "url": "https://www.ambricol.es/",
19058                                                                    "logo": {
19059                                                                        "@type": "ImageObject",
19060                                                                        "url": "https://www.ambricol.es/img/gendut188/logo-gendut188.webp"
19061                                                                    }
19062                                                                },
19063                                                                {
19064                                                                    "@type": "BreadcrumbList",
19065                                                                    "@id": "https://www.ambricol.es/#breadcrumb",
19066                                                                    "itemListElement": [
19067                                                                        {
19068                                                                            "@type": "ListItem",
19069                                                                            "position": 1,
19070                                                                            "name": "Home",
19071                                                                            "item": "https://www.ambricol.es/"
19072                                                                        },
19073                                                                        {
19074                                                                            "@type": "ListItem",
19075                                                                            "position": 2,
19076                                                                            "name": "GENDUT188 | Ruang Game Digital Modern dengan Akses Praktis dan Pilihan Hiburan Beragam",
19077                                                                            "item": "https://www.ambricol.es/"
19078                                                                        }
19079                                                                    ]
19080                                                                },
19081                                                                {
19082                                                                    "@type": "Product",
19083                                                                    "@id": "https://www.ambricol.es/#product",
19084                                                                    "name": "GENDUT188 | Ruang Game Digital Modern dengan Akses Praktis dan Pilihan Hiburan Beragam",
19085                                                                    "description": "GENDUT188 menghadirkan ruang game digital modern dengan navigasi ringkas, akses praktis, tampilan nyaman, dan pilihan hiburan beragam untuk pengalaman yang lebih mudah dinikmati.",
19086                                                                    "image": [
19087                                                                        "https://www.ambricol.es/img/gendut188/gacoan-gendut188.webp"
19088                                                                    ],
19089                                                                    "brand": {
19090                                                                        "@type": "Brand",
19091                                                                        "name": "GENDUT188"
19092                                                                    },
19093                                                                    "offers": {
19094                                                                        "@type": "Offer",
19095                                                                        "url": "https://www.ambricol.es/",
19096                                                                        "priceCurrency": "IDR",
19097                                                                        "price": "10000",
19098                                                                        "availability": "https://schema.org/InStock",
19099                                                                        "itemCondition": "https://schema.org/NewCondition"
19100                                                                    },
19101                                                                    "aggregateRating": {
19102                                                                        "@type": "AggregateRating",
19103                                                                        "ratingValue": "5",
19104                                                                        "reviewCount": "125"
19105                                                                    }
19106                                                                },
19107                                                                {
19108                                                                    "@type": "FAQPage",
19109                                                                    "@id": "https://www.ambricol.es/#faq",
19110                                                                    "mainEntity": [
19111                                                                        {
19112                                                                            "@type": "Question",
19113                                                                            "name": "Apa itu GENDUT188?",
19114                                                                            "acceptedA
19114nswer": {
19115                                                                                "@type": "Answer",
19116                                                                                "text": "GENDUT188 adalah ruang game digital modern dengan navigasi ringkas, tampilan nyaman, dan akses praktis."
19117                                                                            }
19118                                                                        },
19119                                                                        {
19120                                                                            "@type": "Question",
19121                                                                            "name": "Apa yang membuat akses GENDUT188 praktis?",
19122                                                                            "acceptedAnswer": {
19123                                                                                "@type": "Answer",
19124                                                                                "text": "GENDUT188 menggunakan susunan halaman yang ringkas agar informasi utama lebih mudah ditemukan."
19125                                                                            }
19126                                                                        },
19127                                                                        {
19128                                                                            "@type": "Question",
19129                                                                            "name": "Apakah GENDUT188 dapat digunakan berbagai perangkat?",
19130                                                                            "acceptedAnswer": {
19131                                                                                "@type": "Answer",
19132                                                                                "text": "GENDUT188 memiliki tampilan responsif sehingga informasi tetap nyaman dibaca pada berbagai perangkat."
19133                                                                            }
19134                                                                        }
19135                                                                    ]
19136                                                                }
19137                                                            ]
19138                                                        }
19139                                                    </script>
19139
19140                                                </div>
19141                                            </div>
19142                                        </section>
19143                                    </div>
19144                                </div>
19145                                <div data-v-app="" data-v-c421a338="" id="app-collab-product-detail-vue3">
19146                                    <div class="container" data-v-b6648761="">
19147                                        <div class="content-wrapper" data-v-b6648761="">
19148                                            <div class="cover" data-v-b6648761=""></div>
19149                                            <section class="content-section" data-v-b6648761="">
19150                                                <div class="content-page" data-v-b6648761="" id="pdp-gateway-vue3">
19151                                                    <div class="pdp-blue" data-v-684cab4c="">
19152                                                        <div class="pdp-top" data-v-684cab4c="">
19153                                                            <div class="pdp-top--mid" data-v-684cab4c="">
19154                                                                <section
19155                                                                    class="pdp__campaign"
19156                                                                    data-v-684cab4c=""
19157                                                                ></section>
19158                                                                <section
19159                                                                    class="pdp__price"
19160                                                                    data-v-684cab4c=""
19161                                                                ></section>
19162                                                                <section class="pdp__info" data-v-684cab4c="">
19163                                                                    <div
19164                                                                        class="product-info"
19165                                                                        data-v-684cab4c=""
19166                                                                        data-v-cb24e981=""
19167                                                                    ></div>
19168                                                                </section>
19169                                                                <section
19170                                                                    class="pdp__description"
19171                                                                    data-v-684cab4c=""
19172                                                                ></section>
19173                                                            </div>
19174                                                        </div>
19175                                                    </div>
19176                                                </div>
19177                                            </section>
19178                                        </div>
19179                                    </div>
19180                                </div>
19181                                <div data-v-c421a338="">
19182                                    <div data-v-c421a338="">
19183                                        <link
19184                                            data-v-c421a338=""
19185                                            href="https://www.static-src.com/frontend/product-detail/static/2.26.1-8/desktop/index.css"
19186                                            rel="stylesheet"
19187                                        />
19188                                    </div>
19189                                </div>
19190                            </div>
19191                        </div>
19192                        <div data-v-c421a338="">
19193                            <div data-v-c421a338="" style="display: none">
19194                                <div data-v-c421a338="" id="app-collab-product-trade-in"></div>
19195                                <div data-v-c421a338="" id="app-collab-product-trade-in-vue3"></div>
19196                            </div>
19197                        </div>
19198                        <div data-v-c421a338="">
19199                            <div data-v-c421a338="" style="display: none">
19200                                <div data-v-c421a338="" id="app-collab-product"></div>
19201                                <div data-v-c421a338="" id="app-collab-product-vue3"></div>
19202                            </div>
19203                        </div>
19204                        <div data-v-c421a338="">
19205                            <div data-v-c421a338="" style="display: none">
19206                                <div data-v-c421a338="" id="app-collab-retail"></div>
19207                                <div data-v-c421a338="" id="app-collab-retail-vue3"></div>
19208                            </div>
19209                        </div>
19210                        <div data-v-c421a338="">
19211                            <div data-v-c421a338="" style="display: none">
19212                                <div data-v-c421a338="" id="app-collab-retail-thank-you"></div>
19213                                <div data-v-c421a338="" id="app-collab-retail-thank-you-vue3"></div>
19214                            </div>
19215                        </div>
19216                        <div data-v-c421a338="">
19217                            <div data-v-c421a338="" style="display: none">
19218                                <div data-v-c421a338="" id="app-collab-retail-checkout"></div>
19219                                <div data-v-c421a338="" id="app-collab-retail-checkout-vue3"></div>
19220                            </div>
19221                        </div>
19222                        <div data-v-c421a338="">
19223                            <div data-v-c421a338="" style="display: none">
19224                                <div data-v-c421a338="" id="app-collab-retail-change-payment"></div>
19225                                <div data-v-c421a338="" id="app-collab-retail-change-payment-vue3"></div>
19226                            </div>
19227                        </div>
19228                        <div data-v-c421a338="">
19229                            <div data-v-c421a338="" style="display: none">
19230                                <div data-v-c421a338="" id="app-collab-retail-bundling-catalog"></div>
19231                                <div data-v-c421a338="" id="app-collab-retail-bundling-catalog-vue3"></div>
19232                            </div>
19233                        </div>
19234                        <div data-v-c421a338="">
19235                            <div data-v-c421a338="" style="display: none">
19236                                <div data-v-c421a338="" id="app-collab-catalog"></div>
19237                                <div data-v-c421a338="" id="app-collab-catalog-vue3"></div>
19238                            </div>
19239                        </div>
19240                        <div data-v-c421a338="">
19241                            <div data-v-c421a338="" style="display: none">
19242                                <div data-v-c421a338="" id="app-collab-product-cnc"></div>
19243                                <div data-v-c421a338="" id="app-collab-product-cnc-vue3"></div>
19244                            </div>
19245                        </div>
19246                        <div data-v-c421a338="">
19247                            <div data-v-c421a338="" style="display: none">
19248                                <div data-v-c421a338="" id="app-collab-product-add-on"></div>
19249                                <div data-v-c421a338="" id="app-collab-product-add-on-vue3"></div>
19250                            </div>
19251                        </div>
19252                        <div data-v-c421a338="">
19253                            <div data-v-c421a338="" style="display: none">
19254                                <div data-v-c421a338="" id="app-collab-advertisement"></div>
19255                                <div data-v-c421a338="" id="app-collab-advertisement-vue3"></div>
19256                            </div>
19257                        </div>
19258                        <div data-v-c421a338="">
19259                            <div data-v-c421a338="" style="display: none">
19260                                <div data-v-c421a338="" id="app-collab-hall-of-fame"></div>
19261                                <div data-v-c421a338="" id="app-collab-hall-of-fame-vue3"></div>
19262                            </div>
19263                        </div>
19264                        <div data-v-c421a338="">
19265                            <div data-v-c421a338="" style="display: none">
19266                                <div data-v-c421a338="" id="app-collab-grocery-cart"></div>
19267                                <div data-v-c421a338="" id="app-collab-grocery-cart-vue3"></div>
19268                            </div>
19269                        </div>
19270                        <div data-v-c421a338="">
19271                            <div data-v-c421a338="" style="display: none">
19272                                <div data-v-c421a338="" id="app-collab-grocery-h
19272omepage"></div>
19273                                <div data-v-c421a338="" id="app-collab-grocery-homepage-vue3"></div>
19274                            </div>
19275                        </div>
19276                    </span>
19277                    <div data-v-c421a338="" id="app3Placeholder"></div>
19278                    <div
19279                        id="livechat-openChat-button"
19280                        style="
19281                            border: none;
19282                            cursor: pointer;
19283                            position: fixed;
19284                            bottom: 23px;
19285                            right: 0px;
19286                            width: 280px;
19287                            z-index: 9;
19288                        "
19289                    ></div>
19290                </div>
19291
19292                <div data-v-c421a338="" id="vue3-footer-section">
19293                    <div></div>
19294                </div>
19295            </div>
19296        </div>
19297        <iframe
19298            height="1"
19299            style="position: absolute; top: 0px; left: 0px; border: none; visibility: hidden"
19300            width="1"
19301        ></iframe>
19302        <div id="app3">
19303            <div>
19304                <div></div>
19305                <div></div>
19306            </div>
19307        </div>
19308        <div id="chat-button"></div>
19309        <div id="sdc"></div>
19310        <blibli-script></blibli-script>
19311        
19311<script>
19312            window.__PRODUCT_DETAIL_INITIAL_STATE__ = {
19313                "productDetail.product/summary": {
19314                    url: "https://www.ambricol.es/?ds=ELP-60049-00553-00002&pickupPointCode=PP-3113751",
19315                    itemSku: "ELP-60049-00553-00002",
19316                    name: "GENDUT188 | Ruang Game Digital Modern dengan Akses Praktis dan Pilihan Hiburan Beragam",
19317                    productSku: "ELP-60049-00553",
19318                    productCode: "MTA-178619421",
19319                    itemCode: "MTA-178619421-00002",
19320                    pickupPointCode: "PP-3113751",
19321                    ean: "",
19322                    urlFriendlyName: "niko-speaker-trolley-speaker-pt-1501-15-inch-garansi",
19323                    installment: { interest: 0, startFrom: 41875, freeInstallmentLabel: "Cicilan 0%" },
19324                    stock: 1,
19325                    stockLimitedThreshold: 6,
19326                    uniqueSellingPoint:
19327                        "GENDUT188 menghadirkan ruang game digital modern dengan navigasi ringkas, akses praktis, tampilan nyaman, dan pilihan hiburan beragam untuk pengalaman yang lebih mudah dinikmati.",
19328                    ampUrl: "https://www.blibli.com/amp/p/niko-speaker-trolley-speaker-pt-1501-15-inch-garansi/ps--ELP-60049-00553",
19329                    price: { listed: 1005000, listDiscount: 0, offered: 1005000, totalDiscount: 0 },
19330                    brand: { name: "GENDUT188", code: "SLOT", official: false, anchor: "GENDUT188" },
19331                    images: [
19332                        {
19333                            full: "https://www.ambricol.es/img/gendut188/gacoan-gendut188.webp",
19334                            thumbnail: "https://www.ambricol.es/img/gendut188/gacoan-gendut188.webp",
19335                        },
19336                        {
19337                            full: "https://www.static-src.com/wcsstore/Indraprastha/images/catalog/full/catalog-image/102/MTA-178619421/br-m036969-02377_niko-speaker-trolley-speaker-pt-1501-15-inch-garansi_full03-4c65a50a.jpg",
19338                            thumbnail:
19339                                "https://www.static-src.com/wcsstore/Indraprastha/images/catalog/thumbnail/catalog-image/102/MTA-178619421/br-m036969-02377_niko-speaker-trolley-speaker-pt-1501-15-inch-garansi_full03-4c65a50a.jpg",
19340                        },
19341                        {
19342                            full: "https://www.static-src.com/wcsstore/Indraprastha/images/catalog/full/catalog-image/102/MTA-178619421/br-m036969-02377_niko-speaker-trolley-speaker-pt-1501-15-inch-garansi_full02-799abd49.jpg",
19343                            thumbnail:
19344                                "https://www.static-src.com/wcsstore/Indraprastha/images/catalog/thumbnail/catalog-image/102/MTA-178619421/br-m036969-02377_niko-speaker-trolley-speaker-pt-1501-15-inch-garansi_full02-799abd49.jpg",
19345                        },
19346                        {
19347                            full: "https://www.static-src.com/wcsstore/Indraprastha/images/catalog/full/catalog-image/102/MTA-178619421/br-m036969-02377_niko-speaker-trolley-speaker-pt-1501-15-inch-garansi_full07-9bc49be0.jpg",
19348                            thumbnail:
19349                                "https://www.static-src.com/wcsstore/Indraprastha/images/catalog/thumbnail/catalog-image/102/MTA-178619421/br-m036969-02377_niko-speaker-trolley-speaker-pt-1501-15-inch-garansi_full07-9bc49be0.jpg",
19350                        },
19351                        {
19352                            full: "https://www.static-src.com/wcsstore/Indraprastha/images/catalog/full/catalog-image/102/MTA-178619421/br-m036969-02377_niko-speaker-trolley-speaker-pt-1501-15-inch-garansi_full04-fffd5fed.jpg",
19353                            thumbnail: "https://www.ambricol.es/img/gendut188/gacoan-gendut188.webp",
19354                        },
19355                        {
19356                            full: "https://www.static-src.com/wcsstore/Indraprastha/images/catalog/full/catalog-image/102/MTA-178619421/br-m036969-02377_niko-speaker-trolley-speaker-pt-1501-15-inch-garansi_full01-973d9469.jpg",
19357                            thumbnail:
19358                                "https://www.static-src.com/wcsstore/Indraprastha/images/catalog/thumbn
19358ail/catalog-image/102/MTA-178619421/br-m036969-02377_niko-speaker-trolley-speaker-pt-1501-15-inch-garansi_full01-973d9469.jpg",
19359                        },
19360                        {
19361                            full: "https://www.static-src.com/wcsstore/Indraprastha/images/catalog/full/catalog-image/102/MTA-178619421/br-m036969-02377_niko-speaker-trolley-speaker-pt-1501-15-inch-garansi_full08-22aad58e.jpg",
19362                            thumbnail: "https://www.ambricol.es/img/gendut188/gacoan-gendut188.webp",
19363                        },
19364                    ],
19365                    tags: [
19366                        "CONTEXTUAL_LAYOUT_GADGET_AND_ELECTRONICS",
19367                        "AVAILABLE",
19368                        "LIMITED",
19369                        "RETURNABLE",
19370                        "INSTALLMENT_NON_CC",
19371                        "INSTALLMENT",
19372                        "HIGHLIGHTED_INSTALLMENT",
19373                    ],
19374                    warranty: {},
19375                    expiration: {},
19376                    type: "REGULAR",
19377                    attributes: [
19378                        { name: "Variasi", type: "BUTTON", values: [{ value: "OMPONG188" }, { value: "OMPONG188" }] },
19379                    ],
19380                    options: [
19381                        {
19382                            id: "is--ELP-60049-00553-00002_PP-3113751",
19383                            selected: true,
19384                            available: true,
19385                            attributes: [{ name: "Variasi", value: "OMPONG188" }],
19386                            pickupPointCode: "PP-3113751",
19387                            tags: [],
19388                        },
19389                        {
19390                            id: "is--ELP-60049-00553-00001_PP-3113751",
19391                            selected: false,
19392                            available: false,
19393                            attributes: [{ name: "Variasi", value: "OMPONG188" }],
19394                            pickupPointCode: "PP-3113751",
19395                            tags: [],
19396                        },
19397                    ],
19398                    categories: [
19399                        { level: 1, id: "54650", name: "Peralatan Elektronik", url: "/c1/peralatan-elektronik/54650" },
19400                        { level: 2, id: "AU-1000001", name: "Audio", url: "/c2/audio/AU-1000001" },
19401                        { level: 3, id: "SP-1000006", name: "Speaker", url: "/c3/speaker/SP-1000006" },
19402                        { level: 4, id: "AC-1000005", name: "Active Speaker", url: "/c4/active-speaker/AC-1000005" },
19403                    ],
19404                    multiSalesCategories: [
19405                        [
19406                            {
19407                                level: 1,
19408                                id: "54650",
19409                                name: "Peralatan Elektronik",
19410                                url: "/c1/peralatan-elektronik/54650",
19411                            },
19412                            { level: 2, id: "AU-1000001", name: "Audio", url: "/c2/audio/AU-1000001" },
19413                            { level: 3, id: "SP-1000006", name: "Speaker", url: "/c3/speaker/SP-1000006" },
19414                            {
19415                                level: 4,
19416                                id: "AC-1000005",
19417                                name: "Active Speaker",
19418                                url: "/c4/active-speaker/AC-1000005",
19419                            },
19420                        ],
19421                    ],
19422                    masterCategories: [
19423                        {
19424                            level: 1,
19425                            id: "PE-1000360",
19426                            name: "Peralatan Elektronik",
19427                            url: "/c/1/peralatan-elektronik/PE-1000360/PE-1000360",
19428                        },
19429                        { level: 2, id: "AU-1000040", name: "Audio", url: "/c/2/audio/AU-1000040/PE-1000360" },
19430                        { level: 3, id: "SP-1000054", name: "Speaker", url: "/c/3/speaker/SP-1000054/PE-1000360" },
19431                        {
19432                            level: 4,
19433                            id: "AC-1000046",
19434                            name: "Active Speaker",
19435                            url: "/c/4/active-speaker/AC-1000046/PE-1000360",
19436                        },
19437                    ],
19438                    merchant: {
19439                        name: "GENDUT188",
19440                        code: "ELP-60049",
19441                        rating: {
19442                            value: 85,
19443                            badge: "NONE",
19444                            positiveReview: 100,
19445                            onTimeFulfillment: 100,
19446                            activeResponse: 42,
19447                            successfulTransaction: 80,
19448                            new: true,
19449                        },
19450                        international: false,
19451                        official: false,
19452                        location: "depok, jawa barat",
19453                        warehouses: [],
19454                        warehouseLocations: [],
19455                        warehouseInfo: [],
19456                        url: "/merchant/eleora-shop/ELP-60049",
19457                        commissionType: "CM",
19458                        logo: "https://www.ambricol.es/img/gendut188/logo-gendut188.webp",
19459                        businessHours: [
19460                            { day: "MONDAY", openingTime: 28800, closingTime: 64800, open: true },
19461                            { day: "TUESDAY", openingTime: 28800, closingTime: 64800, open: true },
19462                            { day: "WEDNESDAY", openingTime: 28800, closingTime: 64800, open: true },
19463                            { day: "THURSDAY", openingTime: 28800, closingTime: 64800, open: true },
19464                            { day: "FRIDAY", openingTime: 28800, closingTime: 64800, open: true },
19465                            { day: "SATURDAY", openingTime: 28800, closingTime: 64800, open: true },
19466                            { day: "SUNDAY", openingTime: 0, closingTime: 0, open: false },
19467                        ],
19468                        businessOperational: { day: "MONDAY", status: "CLOSE", nextOperationalDay: "TUESDAY" },
19469                        joinDate: 1587625676398,
19470                        poweredBy: [],
19471                        status: "ACTIVE",
19472                    },
19473                    review: { rating: 0, count: 0, decimalRating: 0 },
19474                    shippingAddress: {
19475                        provinceName: "DKI Jakarta",
19476                        subdistrictName: "Slipi",
19477                        postalCode: "11410",
19478                        districtName: "Palmerah",
19479                        cityName: "Kota Jakarta Barat",
19480                    },
19481                    documents: [],
19482                    preOrder: { isPreOrder: false },
19483                    freshnessInDays: 0,
19484                    weight: "9000 Gram",
19485                    fulfillmentTypes: {
19486                        delivery: "AVAILABLE",
19487                        pickup: "UNAVAILABLE",
19488                        selected: "DELIVERY",
19489                        otherPickupPoints: 0,
19490                    },
19491                    pickupPoint: { international: false },
19492                    allSalesCategories: ["AU-1000001", "54650", "AC-1000005", "SP-1000006"],
19493                },
19494                "productDetail.sivaConfig/productConfig": {
19495                    content:
19496                        '[\r\n  { "id": "enableSellerAdsFeature", "value": "false" },\r\n  { "id": "enableNewBundling", "value": "true" },\r\n  { "id": "allowedCommissionTypeToChat", "value": ["RB", "CM", "RC", "CC", "TD", "TC"] },\r\n  { "id": "allowedTradingMerchantCodeToChat", "value":["BLT-13446" , "BEE-17147", "MOS-60032" , "SAH-70180" , "SOO-60052" , "MOZ-48817" , "MEL-29741" , "ADK-60032" , "GOC-70078" , "NAS-60241" , "BLI-60055" , "INP-60040", "NIE-12227", "ADS-12698", "BLO-60031", "VAM-43292", "BLO-60026", "BIP-60063", "SAO-60113", "XIO-60022", "CES-60092", "BLL-60036", "BLG-70029", "ATA-70048", "BLO-60029", "BLM-60032", "INL-60035", "BLO-60030", "BLG-60035", "BLK-15020", "HEL-60024", "BLW-60034", "BLO-60028", "NEV-70003", "LAP-70115", "BLD-60049", "POS-70154", "TRO-60045", "REO-60043", "SAM-60047", "LOO-60043", "DAA-70193", "GAS-34960", "AQJ-60021", "XIC-70002", "SKT-60024", "DCM-36406", "UNP-10819", "BLI-60054", "SKO-70026", "STS-34703", "TOX-25266", "COS-70169", "MON-60037", "NEB-60027", "TFE-60023", "COE-45949", "RET-60025", "VAW-60021", "BLG-60040", "BLG-60039", "BLI-60049", "UNI-60025", "NIK-60032", "NES-60030", "MIN-37275", "FUE-27302", "WIK-26984", "BLF-70019", "QUM-35581", "BLP-60057", "BEF-44369", "FOM-18532", "BLI-60048", "GUU-60021", "BLP-60041", "BLL-70058", "SAO-60034","KAE-60027","GRL-60031","WIT-35794","BLC-60027","PUA-16598","MAK-70251","BUM-60037","BLI-60051","BLP-44298","MII-70111","BLI-60059","9TW-60021","BLM-60037","ZAY-60024","GAS-60145","88P-60022","BLI-60052","INS-60055","GOS-60047","VAK-60023","GOM-60024","BEA-60126","INP-60076","BLH-60035","ONR-70015","BLT-24290","PIO-70068","UNI-22193","BLV-70007","MAO-60062","SIM-60106","HOB-70075","BLI-60047","PTP-60093","LOO-60031","DRM-60024","BLF-70026","WHS-60033","POO-60058","QUS-60039","GAI-60027","INM-70123","BLS-60079","BLS-60044","BLI-60053","AIM-36403","DIT-60030","KAK-25212","COP-60023","YOM-70037","ONT-70060","SEO-60100","ULS-6004
194966","BLI-60060","OLY-60021","PGG-18081","RAR-70163","BLP-60053","AZO-60042","MIU-60036","VIS-70237","GAO-70084","YOG-60023","KIA-70231","WIJ-60033","BL2-60021","HAO-70179","RIL-25411","BIM-26267","BEO-60064","DKF-60021","BLG-70042","BLI-15014","WDO-60022","NAA-70407","SMS-70116","BEM-70401","GOA-70081","GAC-34963","GAM-70150","GAM-70151","GAO-29449","GAS-34959","GAS-34960","ONT-33573","HOB-70075","PRG-70056","PIO-70067","BLA-15023"\r\n]},\r\n  { "id": "enableTradeInOnboarding", "value": "false" },\r\n  { "id": "enabledSellerChatOnboarding", "value": "false" },\r\n  { "id": "enabledSubscriptionOnboarding", "value": "false" },\r\n  {\r\n    "id": "bwaTrackerUrl",\r\n    "value": "https://www.blibli.com/bwa/2.4.0-3/index.js"\r\n  },\r\n  { "id": "branchIoKey", "value": "key_live_kj5np4MPb4Ye3cW7ceAs9gmpsscRqYbX" },\r\n  { "id": "enableOthersViewingRecommendations", "value": "false" },\r\n  { "id": "enableCampaignRecommendations", "value": "false" },\r\n  { "id": "enableProductRecommendation", "value": "true" },\r\n  { "id": "enableSimilarProductRecommendation", "value": "true" },\r\n  { "id": "enableProductAnalytics", "value": "true" },\r\n  { "id": "enableFetchByItemSkuProductRecommendation", "value": "true" },\r\n  { "id": "enablePromoHighlightOnboarding", "value": "false" },\r\n  { "id": "enableSeoService", "value": "false" },\r\n  { "id": "enableProductDetailSeoContent", "value": "true" },\r\n  { "id": "enableDynamicRecommendationTitle", "value": "true" },\r\n  { "id": "hideRecentProductBrands", "value": ["apple"] },\r\n  { "id": "enableShippingOnboarding", "value": "false" },\r\n  {\r\n    "id": "chatPharmacist",\r\n    "value": [\r\n      "PE-1000381",\r\n      "VI-1000051",\r\n      "SO-1000036",\r\n      "OB-1000008",\r\n      "PE-1000463",\r\n      "GY-1000007",\r\n      "KE-1000142",\r\n      "OB-1000006"\r\n    ]\r\n  },\r\n  { "id": "enabledBcaSuperAppFreeGift", "value": "false" },\r\n  { "id": "csOperationalHour", "value": { "start": "08:00", "end": "22:00" } },\r\n  { "id": "categoryHalal", "value": "MA-1000330" },\r\n  { "id": "enableReviewVariantFilter", "value": "true" },\r\n  { "id": "enableInsuranceSection", "value": "true" },\r\n  { "id": "enableNewInstallment", "value": "true" },\r\n  { "id": "enableHallOfFame", "value": "false" },\r\n  { "id": "enablePublishQuestEvent", "value": "true" },\r\n  { "id": "enableGetBrsBrandAds", "value": "true" },\r\n  { "id": "enableSuccessAddToCartReco", "value": "true" },\r\n  { "id": "enableContextualPrice", "value": "true" },\r\n  { "id": "enableMultiPickupPointWarehouse", "value": "true" },\r\n  { "id": "enableProductDiscussionVue3", "value": "true" },\r\n  { "id": "enableProductReviewVue3", "value": "true" },\r\n  { "id": "enableCategoryAddToCartRecommendation", "value": "true" },\r\n  { "id": "excludedSeoKeyword", "value": ["iPhone", "MagSafe", "MacBook", "iPad", "AirPods"] },\r\n  { "id": "enableTrackAffiliateSession", "value": "true"},\r\n  { "id": "enableSeoCustomUrl", "value": "true"},\r\n  { "id": "enableAffiliate", "value": "true"},\r\n  { "id": "enableProductStatisticsLabel", "value": "true"},\r\n  { "id": "enableProductDescriptionSpecificationVue3", "value": "false"},\r\n  { "id": "enableCampaignBadgeVue3", "value": "true"},\r\n  { "id": "enableProductServicesVue3", "value": "true"},\r\n  { "id": "enableProductStatusVue3", "value": "true"},\r\n  { "id": "enableErrorMessagesCart", "value": "true"},\r\n  { "id": "enableGenAiHighlight", "value": "false"},\r\n  { "id": "enableAddToCartWarehouse", "value": "false"}\r\n]',
19497                },
19498                isMobile: true,
19499            };
19500            window.PRODUCT_DETAIL_SERVER_CACHE = (() => ({
19501                cachedKeys: ["productDetail.product/summary", "productDetail.sivaConfig/productConfig"],
19502                expiryTime: Date.now() + 15_000,
19503            }))();
19504            const injectHeroImage = () => {
19505                const devicePixelRatio = Math.round(window.devicePixelRatio);
19506                const heroImages = document.querySelectorAll("img.hero-mobile__img");
19507                const heroImage = heroImages[0];
19508                if (!heroImage) return;
19509                const widthDpr = Math.round(heroImage.width * devicePixelRatio);
19510                const heroImageSrc = heroImage.getAttribute("data-src") + "?w=" + widthDpr;
19511                heroImage.src = heroImageSrc;
19512                const link = document.createElement("link");
19513                link.rel = "preload";
19514                link.as = "image";
19515                link.href = heroImageSrc;
19516                document.head.appendChild(link);
19517            };
19518            try {
19519                injectHeroImage();
19520            } catch (error) {
19521                console.log({ error });
19522            }
19523        </script>
19523
19524        
19524<script>
19525            (function () {
19526                function __vitePluginPublicPath_addScriptTag(attributes, inlineScriptCode) {
19527                    var script = document.createElement("script");
19528                    if (attributes) for (var key in attributes) script.setAttribute(key, attributes[key]);
19529                    script.async = false;
19530                    if (inlineScriptCode) script.src = "data:text/javascript," + inlineScriptCode;
19531                    document.body.appendChild(script);
19532                }
19533                __vitePluginPublicPath_addScriptTag({
19534                    type: "module",
19535                    crossorigin: "",
19536                    src: window["_main_staticPublicPath"]() + "static\u002Fjs\u002Findex.5457813a.js",
19537                });
19538                __vitePluginPublicPath_addScriptTag(
19539                    { nomodule: "" },
19540                    '!function(){var e=document,t=e.createElement("script");if(!("noModule"in t)&&"onbeforeload"in t){var n=!1;e.addEventListener("beforeload",(function(e){if(e.target===t)n=!0;else if(!e.target.hasAttribute("nomodule")||!n)return;e.preventDefault()}),!0),t.type="module",t.src=".",e.head.appendChild(t),t.remove()}}();'
19541                );
19542                __vitePluginPublicPath_addScriptTag({
19543                    nomodule: "",
19544                    crossorigin: "",
19545                    id: "vite-legacy-polyfill",
19546                    src: window["_main_staticPublicPath"]() + "static\u002Fjs\u002Fpolyfills-legacy.6afda422.js",
19547                });
19548                __vitePluginPublicPath_addScriptTag(
19549                    {
19550                        nomodule: "",
19551                        crossorigin: "",
19552                        id: "vite-legacy-entry",
19553                        "data-src": window["_main_staticPublicPath"]() + "static\u002Fjs\u002Findex-legacy.8a9e4421.js",
19554                    },
19555                    "System.import(document.getElementById('vite-legacy-entry').getAttribute('data-src'))"
19556                );
19557            })();
19558        </script>
19558
19559        
19559<script
19560            nomodule=""
19561            src='data:text/javascript,!function(){var e=document,t=e.createElement("script");if(!("noModule"in t)&amp;&amp;"onbeforeload"in t){var n=!1;e.addEventListener("beforeload",(function(e){if(e.target===t)n=!0;else if(!e.target.hasAttribute("nomodule")||!n)return;e.preventDefault()}),!0),t.type="module",t.src=".",e.head.appendChild(t),t.remove()}}();'
19562        ></script>
19562
19563        
19563<script
19564            crossorigin=""
19565            id="vite-legacy-polyfill"
19566            nomodule=""
19567            src="https://www.static-src.com/frontend/static/js/polyfills-legacy.6afda422.js"
19568        ></script>
19568
19569        
19569<script id="" type="text/javascript">
19570            var hoTransactionId = hoGetURLParameterAT("trans"),
19571                hoOfferId = hoGetURLParameterAT("offer"),
19572                hoDocName = "HOTSID",
19573                hoDataExpired = hoCookieSetGojekGoMall();
19574            null !== hoTransactionId && hoSetCookieAT(hoDocName, hoTransactionId + "," + hoOfferId, hoDataExpired);
19575            function hoGetURLParameterAT(a) {
19576                return (
19577                    decodeURIComponent(
19578                        (new RegExp("[?|\x26]" + a + "\x3d([^\x26;]+?)(\x26|#|;|$)").exec(location.search) || [
19579                            ,
19580                            "",
19581                        ])[1].replace(/\+/g, "%20")
19582                    ) || null
19583                );
19584            }
19585            function hoSetCookieAT(a, b, c) {
19586                c = "expires\x3d" + c;
19587                document.cookie = a + "\x3d" + b + "; " + c + "; domain\x3d.blibli.com; path\x3d/";
19588            }
19589            function hoCalculateExpireDateAT(a) {
19590                var b = new Date();
19591                b.setTime(b.getTime() + 864e5 * a);
19592                b.toUTCString();
19593                return b;
19594            }
19595            function hoCookieSetGojekGoMall() {
19596                var a = google_tag_manager["rm"]["10058345"](27);
19597                a = a.toLowerCase();
19598                return a.includes("utm_medium\x3dgojekgomall") && a.includes("trans\x3d")
19599                    ? hoCalculateExpireDateAT(1)
19600                    : a.includes("utm_medium\x3dpt.+rekan+usaha+mikro+anda") && a.includes("trans\x3d")
19601                      ? hoCalculateExpireDateAT(2)
19602                      : hoCalculateExpireDateAT(30);
19603            }
19604        </script>
19604
19605        
19605<script id="" type="text/javascript">
19606            !(function (b, e, f, g, a, c, d) {
19607                b.fbq ||
19608                    ((a = b.fbq =
19609                        function () {
19610                            a.callMethod ? a.callMethod.apply(a, arguments) : a.queue.push(arguments);
19611                        }),
19612                    b._fbq || (b._fbq = a),
19613                    (a.push = a),
19614                    (a.loaded = !0),
19615                    (a.version = "2.0"),
19616                    (a.queue = []),
19617                    (c = e.createElement(f)),
19618                    (c.async = !0),
19619                    (c.src = g),
19620                    (d = e.getElementsByTagName(f)[0]),
19621                    d.parentNode.insertBefore(c, d));
19622            })(window, document, "script", "https://connect.facebook.net/en_US/fbevents.js");
19623            fbq("init", google_tag_manager["rm"]["10058345"](28));
19624            fbq("track", "PageView");
19625        </script>
19625
19626        
19626<script id="" type="text/javascript">
19627            var campaign = google_tag_manager["rm"]["10058345"](29) || "",
19628                medium = google_tag_manager["rm"]["10058345"](30) || "",
19629                source = google_tag_manager["rm"]["10058345"](31) || "";
19630            if (campaign || medium || source)
19631                (document.cookie = "__gtm_cam\x3d" + campaign + "; ; domain\x3d.blibli.com; path\x3d/"),
19632                    (document.cookie = "__gtm_med\x3d" + medium + "; ; domain\x3d.blibli.com; path\x3d/"),
19633                    (document.cookie = "__gtm_src\x3d" + source + "; ; domain\x3d.blibli.com; path\x3d/");
19634        </script>
19634
19635        <style>
19636            .apps-support.push-title {
19637                visibility: hidden !important;
19638            }
19639        </style>
19640        
19640<script id="" type="text/javascript">
19641            (function () {
19642                var a = google_tag_manager["rm"]["10058345"](33) || {};
19643                window._bwa = window._bwa || [];
19644                extension_data = google_tag_manager["rm"]["10058345"](34);
19645                extension_data = Array.isArray(extension_data) ? extension_data : [];
19646                window._bwa.push({
19647                    event: {
19648                        manageSession: !0,
19649                        path: "/eventv2",
19650                        pixel: !0,
19651                        customParams: {
19652                            page_type: google_tag_manager["rm"]["10058345"](35),
19653                            client_member_id: google_tag_manager["rm"]["10058345"](36),
19654                            event_trigger: google_tag_manager["rm"]["10058345"](37),
19655                            event_type: google_tag_manager["rm"]["10058345"](38),
19656                            event_section: JSON.stringify(a),
19657                            event_values: JSON.stringify(google_tag_manager["rm"]["10058345"](39)),
19658                            extension_data: JSON.stringify(extension_data),
19659                        },
19660                    },
19661                });
19662            })();
19663        </script>
19663
19664        
19664<script id="" type="text/javascript">
19665            window._bwa = window._bwa || [];
19666            window._bwa.push({
19667                event: {
19668                    manageSession: !0,
19669                    incSessionActionSequence: !0,
19670                    path: "/page",
19671                    customParams: {
19672                        pageurl: google_tag_manager["rm"]["10058345"](56) + google_tag_manager["rm"]["10058345"](57),
19673                        clientmemberid: google_tag_manager["rm"]["10058345"](58),
19674                        loggedinuser: google_tag_manager["rm"]["10058345"](59),
19675                        pagetype: google_tag_manager["rm"]["10058345"](60),
19676                        prevurl: document.referrer,
19677                        pagetitle: document.title,
19678                        fbc: google_tag_manager["rm"]["10058345"](61),
19679                        fbp: google_tag_manager["rm"]["10058345"](62),
19680                        useragent: google_tag_manager["rm"]["10058345"](63),
19681                        hashedEmail: google_tag_manager["rm"]["10058345"](65),
19682                        utm_source: google_tag_manager["rm"]["10058345"](66),
19683                        utm_medium: google_tag_manager["rm"]["10058345"](67),
19684                        utm_campaign: google_tag_manager["rm"]["10058345"](68),
19685                        ga_session_id: google_tag_manager["rm"]["10058345"](69),
19686                        ga_pseudo_id: google_tag_manager["rm"]["10058345"](70),
19687                        ga_utma: google_tag_manager["rm"]["10058345"](71),
19688                        ga_utmc: google_tag_manager["rm"]["10058345"](72),
19689                        ga_utmz: google_tag_manager["rm"]["10058345"](73),
19690                    },
19691                },
19692            });
19693        </script>
19693
19694        
19694<script id="" type="text/javascript">
19695            var gtm = window.google_tag_manager["GTM-TKQZL95"];
19696            gtm.dataLayer.reset();
19697        </script>
19697
19698        <link href="https://dev.visualwebsiteoptimizer.com" rel="preconnect" />
19699        
19699<script id="vwoCode" type="text/javascript">
19700            window._vwo_code =
19701                window._vwo_code ||
19702                (function () {
19703                    var p = 426670,
19704                        g = 1.5,
19705                        q = 2e3,
19706                        r = 2500,
19707                        t = !1,
19708                        u = 1,
19709                        h = "",
19710                        k = "",
19711                        f = !1,
19712                        l = window,
19713                        c = document,
19714                        m = c.querySelector("#vwoCode"),
19715                        e = {
19716                            use_existing_jquery: function () {
19717                                return t;
19718                            },
19719                            library_tolerance: function () {
19720                                return r;
19721                            },
19722                            hide_element_style: function () {
19723                                return "{" + k + "}";
19724                            },
19725                            finish: function () {
19726                                if (!f) {
19727                                    f = !0;
19728                                    var b = c.getElementById("_vis_opt_path_hides");
19729                                    b && b.parentNode.removeChild(b);
19730                                }
19731                            },
19732                            finished: function () {
19733                                return f;
19734                            },
19735                            load: function (b) {
19736                                var a = c.createElement("script");
19737                                a.fetchPriority = "high";
19738                                a.src = b;
19739                                a.type = "text/javascript";
19740                                a.onerror = function () {
19741                                    _vwo_code.finish();
19742                                };
19743                                c.getElementsByTagName("head")[0].appendChild(a);
19744                            },
19745                            getVersion: function () {
19746                                return g;
19747                            },
19748                            getMatchedCookies: function (b) {
19749                                var a = [];
19750                                document.cookie && (a = document.cookie.match(b) || []);
19751                                return a;
19752                            },
19753                            getCombinationCookie: function () {
19754                                var b = e.getMatchedCookies(/(?:^|;)\s?(_vis_opt_exp_\d+_combi=[^;$]*)/gi);
19755                                b = b.map(function (d) {
19756                                    try {
19757                                        var n = decodeURIComponent(d);
19758                                        return /_vis_opt_exp_\d+_combi=(?:\d+,?)+\s*$/.test(n) ? n : "";
19759                                    } catch (v) {
19760                                        return "";
19761                                    }
19762                                });
19763                                var a = [];
19764                                b.forEach(function (d) {
19765                                    (d = d.match(/([\d,]+)/g)) && a.push(d.join("-"));
19766                                });
19767                                return a.join("|");
19768                            },
19769                            init: function () {
19770                                if (!(-1 < c.URL.indexOf("__vwo_disable__"))) {
19771                                    l.settings_timer = setTimeout(function () {
19772                                        _vwo_code.finish();
19773                                    }, q);
19774                                    var b = c.currentScript,
19775                                        a = c.createElement("style");
19776                                    b = b && !b.async ? (h ? h + "{" + k + "}" : "") : (e.lA = 1);
19777                                    var d = c.getElementsByTagName("head")[0];
19778                                    a.setAttribute("id", "_vis_opt_path_hides");
19779                                    m && a.setAttribute("nonce", m.nonce);
19780                                    a.setAttribute("type", "text/css");
19781                                    a.styleSheet ? (a.styleSheet.cssText = b) : a.appendChild(c.createTextNode(b));
19782                                    d.appendChild(a);
19783                                    a = this.getCombinationCookie();
19784                                    this.load(
19785                                        "https://dev.visualwebsiteoptimizer.com/j.php?a\x3d" +
19786                                            p +
19787                                            "\x26u\x3d" +
19788                                            encodeURIComponent(c.URL) +
19789                                            "\x26f\x3d" +
19790                                            +u +
19791                                            "\x26vn\x3d" +
19792                                            g +
19793                                            (a ? "\x26c\x3d" + a : "")
19794                                    );
19795                                    return settings_timer;
19796                                }
19797                            },
19798                        };
19799                    l._vwo_settings_timer = e.init();
19800                    return e;
19801                })();
19802        </script>
19802
19803
19804        
19804<script id="" type="text/javascript">
19805            var userId = google_tag_manager["rm"]["10058345"](77);
19806            "-1002" === userId && (userId = "");
19807            ire("identify", { customerId: userId, customerEmail: google_tag_manager["rm"]["10058345"](79) || "" });
19808        </script>
19808
19809        
19809<script id="" type="text/javascript">
19810            !(function (a, e, f, k, h, g, c, b, d) {
19811                a.AppsFlyerSdkObject = h;
19812                a.AF =
19813                    a.AF ||
19814                    function () {
19815                        (a.AF.q = a.AF.q || []).push([Date.now()].concat(Array.prototype.slice.call(arguments)));
19816                    };
19817                a.AF.id = a.AF.id || c;
19818                a.AF.plugins = {};
19819                b = e.createElement(f);
19820                d = e.getElementsByTagName(f)[0];
19821                b.async = 1;
19822                b.src =
19823                    "https://websdk.appsflyer.com?" +
19824                    (0 < g.length ? "st\x3d" + g.split(",").sort().join(",") + "\x26" : "") +
19825                    (0 < c.length ? "af_id\x3d" + c : "");
19826                d.parentNode.insertBefore(b, d);
19827            })(window, document, "script", 0, "AF", "pba,banners", {
19828                pba: { webAppId: google_tag_manager["rm"]["10058345"](80) },
19829                banners: { key: "f2045718-bb4b-453a-b9a2-731011ccca5c" },
19830            });
19831            AF("pba", "setCustomerUserId", google_tag_manager["rm"]["10058345"](81));
19832        </script>
19832
19833        
19833<script id="" type="text/javascript">
19834            if (typeof AF !== "undefined") {
19835                var headerBlank = document.getElementsByClassName("blank_header")[0],
19836                    appsflyerBanner = document.getElementsByClassName("responsive-wrapper");
19837                headerBlank && appsflyerBanner.length && headerBlank.style.removeProperty("display");
19838                AF("banners", "hideBanner");
19839            }
19840        </script>
19840
19841        
19841<script id="" type="text/javascript">
19842            (function () {
19843                var a = google_tag_manager["rm"]["10058345"](83) || {};
19844                window._bwa = window._bwa || [];
19845                extension_data = google_tag_manager["rm"]["10058345"](84);
19846                extension_data = Array.isArray(extension_data) ? extension_data : [];
19847                window._bwa.push({
19848                    event: {
19849                        manageSession: !0,
19850                        path: "/eventv2",
19851                        pixel: !0,
19852                        customParams: {
19853                            page_type: google_tag_manager["rm"]["10058345"](85),
19854                            client_member_id: google_tag_manager["rm"]["10058345"](86),
19855                            event_trigger: google_tag_manager["rm"]["10058345"](87),
19856                            event_type: google_tag_manager["rm"]["10058345"](88),
19857                            event_section: JSON.stringify(a),
19858                            event_values: JSON.stringify(google_tag_manager["rm"]["10058345"](89)),
19859                            extension_data: JSON.stringify(extension_data),
19860                        },
19861                    },
19862                });
19863            })();
19864        </script>
19864
19865        
19865<script id="" type="text/javascript">
19866            window._bwa = window._bwa || [];
19867            window._bwa.push({
19868                event: {
19869                    manageSession: !1,
19870                    path: "/search-suggestion-keyword-view",
19871                    pixel: !0,
19872                    customParams: {
19873                        page_type: google_tag_manager["rm"]["10058345"](91),
19874                        client_member_id: google_tag_manager["rm"]["10058345"](92),
19875                        prev_url: document.referrer,
19876                        page_title: document.title,
19877                        search_keyword_type: google_tag_manager["rm"]["10058345"](93),
19878                        search_id: google_tag_manager["rm"]["10058345"](94),
19879                        source_keyword: google_tag_manager["rm"]["10058345"](95),
19880                        suggested_keywords: JSON.stringify(google_tag_manager["rm"]["10058345"](96)),
19881                        extension_data: JSON.stringify(google_tag_manager["rm"]["10058345"](97)),
19882                    },
19883                },
19884            });
19885        </script>
19885
19886        
19886<script id="" type="text/javascript">
19887            (function () {
19888                var a = google_tag_manager["rm"]["10058345"](102) || {};
19889                window._bwa = window._bwa || [];
19890                extension_data = google_tag_manager["rm"]["10058345"](103);
19891                extension_data = Array.isArray(extension_data) ? extension_data : [];
19892                window._bwa.push({
19893                    event: {
19894                        manageSession: !0,
19895                        path: "/eventv2",
19896                        pixel: !0,
19897                        customParams: {
19898                            page_type: google_tag_manager["rm"]["10058345"](104),
19899                            client_member_id: google_tag_manager["rm"]["10058345"](105),
19900                            event_trigger: google_tag_manager["rm"]["10058345"](106),
19901                            event_type: google_tag_manager["rm"]["10058345"](107),
19902                            event_section: JSON.stringify(a),
19903                            event_values: JSON.stringify(google_tag_manager["rm"]["10058345"](108)),
19904                            extension_data: JSON.stringify(extension_data),
19905                        },
19906                    },
19907                });
19908            })();
19909        </script>
19909
19910        <iframe
19911            alt=""
19912            aria-hidden="true"
19913            height="0"
19914            style="
19915                pointer-events: none;
19916                height: 0px;
19917                width: 0px;
19918                position: absolute;
19919                padding: 0px;
19920                margin: 0px;
19921                border: 0px;
19922                visibility: hidden;
19923            "
19924            width="0"
19925        ></iframe>
19926        <img
19927            height="1"
19928            src="https://t.co/1/i/adsct?bci=4&amp;eci=3&amp;event=%7B%7D&amp;event_id=83eb6ece-d454-4195-b3fd-c5def09852f6&amp;integration=advertiser&amp;p_id=Twitter&amp;p_user_id=0&amp;pl_id=1736161b-c8aa-4f11-8ad1-0c15818447c1&amp;tw_document_href=https%3A%2F%2Fwww.blibli.com%2Fp%2Fniko-speaker-trolley-speaker-pt-1501-15-inch-garansi%2Fps--ELP-60049-00553%3Fsrsltid%3DAfmBOorES7xzkivoHSNhil5W1iouKsuBMzCBVxCvjis5_rzK-YdKCb2y&amp;tw_iframe_status=0&amp;txn_id=nvqtr&amp;type=javascript&amp;version=2.3.30"
19929            style="display: none"
19930            width="1"
19931        /><img
19932            height="1"
19933            src="https://analytics.twitter.com/1/i/adsct?bci=4&amp;eci=3&amp;event=%7B%7D&amp;event_id=83eb6ece-d454-4195-b3fd-c5def09852f6&amp;integration=advertiser&amp;p_id=Twitter&amp;p_user_id=0&amp;pl_id=1736161b-c8aa-4f11-8ad1-0c15818447c1&amp;tw_document_href=https%3A%2F%2Fwww.blibli.com%2Fp%2Fniko-speaker-trolley-speaker-pt-1501-15-inch-garansi%2Fps--ELP-60049-00553%3Fsrsltid%3DAfmBOorES7xzkivoHSNhil5W1iouKsuBMzCBVxCvjis5_rzK-YdKCb2y&amp;tw_iframe_status=0&amp;txn_id=nvqtr&amp;type=javascript&amp;version=2.3.30"
19934            style="display: none"
19935            width="1"
19936        />
19937        <link href="https://tags.crwdcntrl.net" rel="preconnect" />
19938        <link href="https://bcp.crwdcntrl.net" rel="preconnect" />
19939        <link href="https://c.ltmsphrcl.net" rel="preconnect" />
19940        <link href="https://tags.crwdcntrl.net" rel="dns-prefetch" />
19941        <link href="https://bcp.crwdcntrl.net" rel="dns-prefetch" />
19942        <link href="https://c.ltmsphrcl.net" rel="dns-prefetch" />
19943        
19943<script id="" type="text/javascript">
19944            !(function () {
19945                var a = "10867",
19946                    c = {};
19947                a = a = { clientId: Number(a) };
19948                var b = (window["lotame_" + a.clientId] = {});
19949                b.config = a;
19950                b.data = c || {};
19951                b.cmd = b.cmd || [];
19952            })();
19953        </script>
19953
19954
19955        
19955<script id="" type="text/javascript">
19956            var urlParameter = window.location.search,
19957                regEx = /(_branch_match_id)|($3p=a_hasoffers)/g;
19958            function delete_cookie(c, a, b) {
19959                document.cookie =
19960                    c +
19961                    "\x3d" +
19962                    (a ? ";path\x3d" + a : "") +
19963                    (b ? ";domain\x3d" + b : "") +
19964                    ";expires\x3dThu, 01 Jan 1970 00:00:01 GMT";
19965            }
19966            regEx.test(urlParameter) && delete_cookie("HOTSID", "/", "blibli.com");
19967        </script>
19967
19968        <iframe sandbox="" style="display: none"></iframe>
19969
19970        
19970<script id="" type="text/javascript">
19971            var productDetail = google_tag_manager["rm"]["10058345"](164),
19972                categoryNames = google_tag_manager["rm"]["10058345"](166),
19973                categoryCodes = google_tag_manager["rm"]["10058345"](168),
19974                oosStatusMapping = { AVAILABLE: "instock", OUT_OF_STOCK: "oos", LIMITED: "limited" };
19975            window._bwa = window._bwa || [];
19976            window._bwa.push({
19977                event: {
19978                    manageSession: !0,
19979                    path: "/product",
19980                    customParams: {
19981                        clientmemberid: google_tag_manager["rm"]["10058345"](169),
19982                        pagetype: google_tag_manager["rm"]["10058345"](170),
19983                        oosStatus: oosStatusMapping[productDetail[0].dimension81] || productDetail[0].dimension81,
19984                        productsku: productDetail[0].id,
19985                        c1name: categoryNames[0] || "",
19986                        c2name: categoryNames[1] || "",
19987                        c3name: categoryNames[2] || "",
19988                        c1code: categoryCodes[0] || "",
19989                        c2code: categoryCodes[1] || "",
19990                        c3code: categoryCodes[2] || "",
19991                        merchantid: productDetail[0].dimension56,
19992                        merchantname: productDetail[0].dimension57,
19993                        productpagetype: "",
19994                        productcode: productDetail[0].productCode,
19995                        productid: productDetail[0].productId,
19996                        initialproductid: productDetail[0].initialProductId,
19997                        commissionType: productDetail[0].commisionType,
19998                        productname: productDetail[0].name,
19999                        minOfferPrice: productDetail[0].minOfferPrice,
20000                        maxOfferPrice: productDetail[0].maxOfferPrice,
20001                        minListPrice: productDetail[0].minListPrice,
20002                        maxListPrice: productDetail[0].maxListPrice,
20003                        prevurl: google_tag_manager["rm"]["10058345"](171),
20004                        searchid: google_tag_manager["rm"]["10058345"](172),
20005                        productitemsku: productDetail[0].productItemSku,
20006                        productitemcode: productDetail[0].productItemCode,
20007                        fbc: google_tag_manager["rm"]["10058345"](173),
20008                        fbp: google_tag_manager["rm"]["10058345"](174),
20009                        useragent: google_tag_manager["rm"]["10058345"](175),
20010                        brand: productDetail[0].brand,
20011                        hashedEmail: google_tag_manager["rm"]["10058345"](176),
20012                    },
20013                },
20014            });
20015        </script>
20015
20016        
20016<script id="" type="text/javascript">
20017            setTimeout(function () {
20018                var a = google_tag_manager["rm"]["10058345"](178);
20019                if (a) {
20020                    var b = a[0],
20021                        c = a[1];
20022                    a = a[2];
20023                    var d = google_tag_manager["rm"]["10058345"](179),
20024                        e = {
20025                            behaviors: {
20026                                int: [
20027                                    "Category - " + b,
20028                                    "Category - " + b + " / " + c,
20029                                    "Category - " + b + " / " + c + " / " + a,
20030                                    "productDetail - " + b + " / " + c + " / " + a + " / " + d,
20031                                ],
20032                            },
20033                        };
20034                    window.lotame_10867.cmd.push(function () {
20035                        window.lotame_10867.page(e);
20036                    });
20037                }
20038            }, 2e3);
20039        </script>
20039
20040        
20040<script id="" type="text/javascript">
20041            var ecomm = google_tag_manager["rm"]["10058345"](180),
20042                categoryNames = google_tag_manager["rm"]["10058345"](182),
20043                categoryCodes = google_tag_manager["rm"]["10058345"](184),
20044                productDetail = {
20045                    product_id: ecomm.detail.products[0].id,
20046                    product_name: ecomm.detail.products[0].name,
20047                    category: categoryNames[0] || "",
20048                    category_id: categoryCodes[0] || "",
20049                    categoryc2: categoryNames[1] || "",
20050                    categoryc2_id: categoryCodes[1] || "",
20051                    categoryc3: categoryNames[2] || "",
20052                    categoryc3_id: categoryCodes[2] || "",
20053                    category4: categoryNames[3] || "",
20054                    category4_id: categoryCodes[3] || "",
20055                    categoryc5: categoryNames[4] || "",
20056                    categoryc5_id: categoryCodes[4] || "",
20057                    categoryc6: categoryNames[5] || "",
20058                    categoryc6_id: categoryCodes[5] || "",
20059                    product_price: ecomm.detail.products[0].price,
20060                    merchant_id: ecomm.detail.products[0].dimension56,
20061                    merchant_name: ecomm.detail.products[0].dimension57,
20062                },
20063                key;
20064            for (key in productDetail) "" === productDetail[key] && delete productDetail[key];
20065            Moengage.track_event("Product Detail View", productDetail);
20066        </script>
20066
20067        
20067<script id="" type="text/javascript">
20068            function _slicedToArray(a, d) {
20069                return (
20070                    _arrayWithHoles(a) ||
20071                    _iterableToArrayLimit(a, d) ||
20072                    _unsupportedIterableToArray(a, d) ||
20073                    _nonIterableRest()
20074                );
20075            }
20076            function _nonIterableRest() {
20077                throw new TypeError(
20078                    "Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."
20079                );
20080            }
20081            function _unsupportedIterableToArray(a, d) {
20082                if (a) {
20083                    if (typeof a === "string") return _arrayLikeToArray(a, d);
20084                    var b = Object.prototype.toString.call(a).slice(8, -1);
20085                    b === "Object" && a.constructor && (b = a.constructor.name);
20086                    if (b === "Map" || b === "Set") return Array.from(a);
20087                    if (b === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(b))
20088                        return _arrayLikeToArray(a, d);
20089                }
20090            }
20091            function _arrayLikeToArray(a, d) {
20092                if (d == null || d > a.length) d = a.length;
20093                for (var b = 0, e = Array(d); b < d; b++) e[b] = a[b];
20094                return e;
20095            }
20096            function _iterableToArrayLimit(a, d) {
20097                var b = a == null ? null : (typeof Symbol !== "undefined" && a[Symbol.iterator]) || a["@@iterator"];
20098                if (b != null) {
20099                    var e = [],
20100                        m = !0,
20101                        n = !1,
20102                        h;
20103                    try {
20104                        for (
20105                            b = b.call(a);
20106                            !(m = (h = b.next()).done) && (e.push(h.value), !d || e.length !== d);
20107                            m = !0
20108                        );
20109                    } catch (r) {
20110                        n = !0;
20111                        var l = r;
20112                    } finally {
20113                        try {
20114                            if (!m && b["return"] != null) b["return"]();
20115                        } finally {
20116                            if (n) throw l;
20117                        }
20118                    }
20119                    return e;
20120                }
20121            }
20122            function _arrayWithHoles(a) {
20123                if (Array.isArray(a)) return a;
20124            }
20125            (function () {
20126                function a(c, f) {
20127                    var k = document.createElement(c);
20128                    Object.entries(f).forEach(function (g) {
20129                        var p = _slicedToArray(g, 2);
20130                        g = p[0];
20131                        p = p[1];
20132                        k[g] = p;
20133                    });
20134                    d(k, f.style);
20135                    return k;
20136                }
20137                function d(c, f) {
20138                    Object.entries(f || {}).forEach(function (k) {
20139                        var g = _slicedToArray(k, 2);
20140                        k = g[0];
20141                        g = g[1];
20142                        c.style[k] = g;
20143                    });
20144                }
20145                function b() {
20146                    window.addEventListener("message", function (c) {
20147                        c = c.data;
20148                        c && c.id != v
20149                            ? c && c.id === r && ((window[l].style.display = "none"), (q = window[h].src = ""))
20150                            : ((window[l].style.display = "none"), (q = "MINIMIZED"));
20151                    });
20152                }
20153                function e() {
20154                    window.addEventListener("message", function (c) {});
20155                }
20156                function m() {
20157                    window[l].style.display = "block";
20158                    q == "MINIMIZED" ? (q = "") : (window[h].src = w);
20159                }
20160                function n() {
20161                    if (!(window[h] || window.innerWidth <= 1030)) {
20162                        var c = a("div", x),
20163                            f = a("iframe", y);
20164                        c.appendChild(f);
20165                        document.body.appendChild(c);
20166                        c = a("div", z);
20167                        f = a("img", A);
20168                        c.appendChild(f);
20169                        document.getElementById("main-ui-wrapper").appendChild(c);
20170                        window[u].addEventListener("click", m);
20171                        b();
20172                        e();
20173                    }
20174                }
20175                var h = "blibli-cs-livechat-iframe",
20176                    l = "livechat-iFrame-wrapper",
20177                    r = "blibli.livechat.close",
20178                    v = "blibli.livechat.minimize",
20179                    B = "https://www.static-src.com/siva/asset/09_2024/customer-care-button-blibli.png",
20180                    w = "/customer-care/live-chat/",
20181                    u = "livechat-openChat-button",
20182                    q = "",
20183                    C = "livechat-image-button",
20184                    x = {
20185                        id: l,
20186                        style: { display: "none", position: "fixed", bottom: "0", right: "15px", zIndex: "9" },
20187                    },
20188                    y = {
20189                        id: h,
20190                        style: {
20191                            backgroundColor: "white",
20192                            border: "none",
20193                            maxWidth: "375px",
20194                            height: "500px",
20195                            width: "360px",
20196                            borderRadius: "5px",
20197                            boxShadow: "0 4px 8px 0 rgb(0 0 0 / 20%), 0 6px 20px 0 rgb(0 0 0 / 19%)",
20198                        },
20199                    },
20200                    z = {
20201                        id: u,
20202                        style: {
20203                            border: "none",
20204                            cursor: "pointer",
20205                            position: "fixed",
20206                            bottom: "23px",
20207                            right: "0px",
20208                            width: "280px",
20209                            zIndex: "9",
20210                        },
20211                    },
20212                    t = "0%";
20213                window.location.pathname.includes("/p/") && (t = "68px");
20214                window.innerWidth <= 1030 && (t = "41px");
20215                var A = {
20216                    id: C,
20217                    src: B,
20218                    alt: "customer-care-button",
20219                    style: {
20220                        position: "fixed",
20221                        right: "0px",
20222                        zIndex: "10",
20223                        bottom: t,
20224                        marginBottom: "25px",
20225                        height: "67px",
20226                    },
20227                };
20228                n();
20229            })();
20230        </script>
20230
20231        <div id="livechat-iFrame-wrapper" style="display: none; position: fixed; bottom: 0px; right: 15px; z-index: 9">
20232            <iframe
20233                id="blibli-cs-livechat-iframe"
20234                style="
20235                    background-color: white;
20236                    border: none;
20237                    max-width: 375px;
20238                    height: 500px;
20239                    width: 360px;
20240                    border-radius: 5px;
20241                    box-shadow:
20242                        rgba(0, 0, 0, 0.2) 0px 4px 8px 0px,
20243                        rgba(0, 0, 0, 0.19) 0px 6px 20px 0px;
20244                "
20245            ></iframe>
20246        </div>
20247        
20247<script id="" type="text/javascript">
20248            (function () {
20249                var a = document.createElement("script");
20250                a.type = "text/javascript";
20251                a.async = !0;
20252                a.src = "https://c.o-s.io/115069/tracker.js";
20253                var b = document.getElementsByTagName("script")[0];
20254                b.parentNode.insertBefore(a, b);
20255            })();
20256        </script>
20256
20257        
20257<script id="" type="text/javascript">
20258            var ecomm = google_tag_manager["rm"]["10058345"](185),
20259                pageUrl = google_tag_manager["rm"]["10058345"](186),
20260                userData = google_tag_manager["rm"]["10058345"](187);
20261            window.insider_object = {
20262                product: {
20263                    id: ecomm.detail.products[0].id,
20264                    name: ecomm.detail.products[0].name,
20265                    taxonomy: ecomm.detail.products[0].category.split("/"),
20266                    currency: "IDR",
20267                    unit_price: ecomm.detail.products[0].maxOfferPrice,
20268                    unit_sale_price: ecomm.detail.products[0].price,
20269                    url: pageUrl,
20270                    product_image_url: "",
20271                    custom: {
20272                        product_brand: ecomm.detail.products[0].brand,
20273                        product_rating: ecomm.detail.products[0].dimension24,
20274                    },
20275                    type: "Product",
20276                },
20277                user: { email: userData.email },
20278            };
20279        </script>
20279
20280        <style>
20281            .pdp__campaign .campaign-badge .campaign-badge__left-container .campaign-badge__logo-container .logo {
20282            height: auto !important;
20283            max-height: inherit;
20284        </style>
20285        
20285<script id="" type="text/javascript">
20286            var ecomm = google_tag_manager["rm"]["10058345"](188),
20287                productItemSKU = ecomm.detail.products[0].productItemSku || ecomm.detail.products[0].id;
20288            twq("event", "tw-nvqtr-ocmzu", {
20289                currency: "IDR",
20290                contents: [
20291                    {
20292                        content_id: productItemSKU,
20293                        content_name: ecomm.detail.products[0].name,
20294                        content_price: ecomm.detail.products[0].price,
20295                        num_items: 1,
20296                    },
20297                ],
20298            });
20299        </script>
20299
20300        
20300<script id="" type="text/javascript">
20301            var liveChatIframe = document.getElementById("livechat-image-button");
20302            liveChatIframe.style.bottom = "68px";
20303        </script>
20303
20304        
20304<script id="" type="text/javascript">
20305            var contentsquarePDP = ecommerce.detail.products,
20306                contentsquarePDPProducts = contentsquarePDP[0],
20307                contentsquarePDPCategory = contentsquarePDPProducts.category.split("/");
20308            window._uxa = window._uxa || [];
20309            window._uxa.push(["setCustomVariable", 1, "c1_category", contentsquarePDPCategory[0], 4]);
20310            window._uxa.push([
20311                "setCustomVariable",
20312                2,
20313                "last_category",
20314                contentsquarePDPCategory[contentsquarePDPCategory.length - 1],
20315                4,
20316            ]);
20317            window._uxa.push(["setCustomVariable", 3, "availibility", contentsquarePDPProducts.dimension81, 4]);
20318            window._uxa.push(["setCustomVariable", 4, "item_brand", contentsquarePDPProducts.brand, 4]);
20319            window._uxa.push(["setCustomVariable", 5, "item_sku", contentsquarePDPProducts.productItemSku, 4]);
20320            window._uxa.push(["setCustomVariable", 6, "item_code", contentsquarePDPProducts.productItemCode, 4]);
20321            window._uxa.push(["setCustomVariable", 7, "product_code", contentsquarePDPProducts.productC
20321ode, 4]);
20322            window._uxa.push(["setCustomVariable", 8, "product_sku", contentsquarePDPProducts.id, 4]);
20323            window._uxa.push(["setCustomVariable", 9, "merchant_id", contentsquarePDPProducts.dimension56, 4]);
20324            window._uxa.push(["setCustomVariable", 10, "item_name", contentsquarePDPProducts.name, 4]);
20325        </script>
20325
20326        
20326<script id="" type="text/javascript">
20327            fbq("init", "1060020737679640");
20328            fbq("track", "PageView");
20329        </script>
20329
20330        
20330<script id="" type="text/javascript">
20331            !(function (a, e, f, k, h, g, c, b, d) {
20332                a.AppsFlyerSdkObject = h;
20333                a.AF =
20334                    a.AF ||
20335                    function () {
20336                        (a.AF.q = a.AF.q || []).push([Date.now()].concat(Array.prototype.slice.call(arguments)));
20337                    };
20338                a.AF.id = a.AF.id || c;
20339                a.AF.plugins = {};
20340                b = e.createElement(f);
20341                d = e.getElementsByTagName(f)[0];
20342                b.async = 1;
20343                b.src =
20344                    "https://websdk.appsflyer.com?" +
20345                    (0 < g.length ? "st\x3d" + g.split(",").sort().join(",") + "\x26" : "") +
20346                    (0 < c.length ? "af_id\x3d" + c : "");
20347                d.parentNode.insertBefore(b, d);
20348            })(window, document, "script", 0, "AF", "pba,banners", {
20349                pba: { webAppId: google_tag_manager["rm"]["10058345"](189) },
20350                banners: { key: "f2045718-bb4b-453a-b9a2-731011ccca5c" },
20351            });
20352            AF("pba", "setCustomerUserId", google_tag_manager["rm"]["10058345"](190));
20353        </script>
20353
20354        
20354<script id="" type="text/javascript">
20355            var ecomm = google_tag_manager["rm"]["10058345"](191);
20356            AF("pba", "event", {
20357                eventType: "EVENT",
20358                eventName: "af_content_view",
20359                eventValue: {
20360                    af_pagetype: google_tag_manager["rm"]["10058345"](192),
20361                    af_currency: "IDR",
20362                    product: [
20363                        {
20364                            af_content_id: ecomm[0].productItemSku,
20365                            af_price: google_tag_manager["rm"]["10058345"](193),
20366                            af_content_type: "Product",
20367                        },
20368                    ],
20369                },
20370            });
20371        </script>
20371
20372        
20372<script id="" type="text/javascript">
20373            var ecomm = google_tag_manager["rm"]["10058345"](200),
20374                contentType = ecomm.items[0].item_sku ? "product" : "product_group",
20375                productId = ecomm.items[0].item_sku || ecomm.items[0].item_id,
20376                productIdArr = [];
20377            productIdArr.push(productId);
20378            fbq("trackSingle", google_tag_manager["rm"]["10058345"](201), "ViewContent", {
20379                content_name: ecomm.items[0].item_name,
20380                content_category: ecomm.items[0].item_category,
20381                content_ids: productIdArr,
20382                content_type: contentType,
20383                currency: "IDR",
20384                value: ecomm.items[0].price || 0,
20385                contents: [{ id: productId, quantity: 1 }],
20386                external_id: google_tag_manager["rm"]["10058345"](202),
20387            });
20388        </script>
20388
20389        
20389<script id="" type="text/javascript">
20390            !(function (a, e, f, k, h, g, c, b, d) {
20391                a.AppsFlyerSdkObject = h;
20392                a.AF =
20393                    a.AF ||
20394                    function () {
20395                        (a.AF.q = a.AF.q || []).push([Date.now()].concat(Array.prototype.slice.call(arguments)));
20396                    };
20397                a.AF.id = a.AF.id || c;
20398                a.AF.plugins = {};
20399                b = e.createElement(f);
20400                d = e.getElementsByTagName(f)[0];
20401                b.async = 1;
20402                b.src =
20403                    "https://websdk.appsflyer.com?" +
20404                    (0 < g.length ? "st\x3d" + g.split(",").sort().join(",") + "\x26" : "") +
20405                    (0 < c.length ? "af_id\x3d" + c : "");
20406                d.parentNode.insertBefore(b, d);
20407            })(window, document, "script", 0, "AF", "pba,banners", {
20408                pba: { webAppId: google_tag_manager["rm"]["10058345"](204) },
20409                banners: { key: "f2045718-bb4b-453a-b9a2-731011ccca5c" },
20410            });
20411            AF("pba", "setCustomerUserId", google_tag_manager["rm"]["10058345"](205));
20412        </script>
20412
20413        
20413<script id="" type="text/javascript">
20414            var appsflyerDeeplinkTarget = "",
20415                pageUrl = google_tag_manager["rm"]["10058345"](206).split("?"),
20416                pagePath = pageUrl[0],
20417                query = pageUrl[1],
20418                utmQueryParams = {
20419                    utm_campaign: google_tag_manager["rm"]["10058345"](207),
20420                    utm_source: "af_banner",
20421                    utm_medium: "af_web_banner",
20422                },
20423                queryParams = new URLSearchParams(utmQueryParams).toString();
20424            appsflyerDeeplinkTarget = pagePath + "?" + queryParams;
20425            "undefined" !== typeof AF &&
20426                (AF("banners", "updateParams", {
20427                    af_dp: "blibli://" + appsflyerDeeplinkTarget.split("blibli.com/")[1],
20428                }),
20429                AF("banners", "showBanner", {
20430                    bannerContainerQuery: ".header-mobile-placeholder",
20431                    additionalParams: {
20432                        af_dp: "blibli://" + appsflyerDeeplinkTarget.split("blibli.com/")[1],
20433                        deep_link_value: "blibli://" + appsflyerDeeplinkTarget.split("blibli.com/")[1],
20434                    },
20435                }));
20436        </script>
20436
20437        <cs-native-frame-holder hidden=""></cs-native-frame-holder>
20438        
20438<script>
20439            window.addEventListener("load", () => {
20440                const wrapper = document.createElement("div");
20441                wrapper.id = "warmup-overlay";
20442                wrapper.innerHTML = `
20443      
20444    `;
20445                document.body.appendChild(wrapper);
20446            });
20447        </script>
20447
20448        <div class="gendut188-about">
20449            <div class="gendut188-about-content">
20450                <h2>Tentang GENDUT188</h2>
20451                <p>GENDUT188 hadir sebagai ruang game digital modern dengan navigasi ringkas, tampilan nyaman, dan susunan informasi yang mudah dipahami di berbagai perangkat.</p>
20452                <div class="gendut188-feature">
20453                    <div><b>🌊 Visual Segar</b><br />Nuansa biru laut dan biru langit yang bersih.</div>
20454                    <div><b>⚡ Akses Praktis</b><br />Struktur halaman ringkas dan mudah dinavigasi.</div>
20455                    <div><b>✨ Informasi Terarah</b><br />Konten disusun agar cepat ditemukan.</div>
20456                    <div><b>📱 Responsif</b><br />Nyaman digunakan pada desktop maupun mobile.</div>
20457                </div>
20458            </div>
20459        </div>
20460        <div class="gendut188-extra-wrap">
20461            <div class="gendut188-fr-grid">
20462                <div class="gendut188-box">
20463                    <div class="gendut188-title">❓ FAQ GENDUT188</div>
20464                    <div class="gendut188-desc">Pertanyaan umum mengenai akses dan tampilan GENDUT188</div>
20465                    <div class="gendut188-faq-item">
20466                        <button class="gendut188-faq-question">Apa itu GENDUT188?<span>⌄</span></button>
20467                        <div class="gendut188-faq-answer">GENDUT188 merupakan ruang game digital modern yang menekankan tampilan nyaman, navigasi ringkas, dan akses praktis.</div>
20468                    </div>
20469                    <div class="gendut188-faq-item">
20470                        <button class="gendut188-faq-question">Apakah GENDUT188 nyaman dibuka lewat ponsel?<span>⌄</span></button>
20471                        <div class="gendut188-faq-answer">Ya. Struktur halaman dibuat responsif agar informasi tetap mudah dibaca dan tombol akses tetap mudah ditemukan pada layar yang berbeda.</div>
20472                    </div>
20473                    <div class="gendut188-faq-item">
20474                        <button class="gendut188-faq-question">Apa yang tersedia di halaman GENDUT188?<span>⌄</span></button>
20475                        <div class="gendut188-faq-answer">Halaman memuat informasi layanan, akses praktis, serta pilihan hiburan digital yang disusun dalam tampilan sederhana.</div>
20476                    </div>
20477                    <div class="gendut188-faq-item">
20478                        <button class="gendut188-faq-question">Bagaimana cara menuju akses GENDUT188?<span>⌄</span></button>
20479                        <div class="gendut188-faq-answer">Gunakan tombol akses yang tersedia pada halaman dan pastikan alamat tujuan sesuai dengan URL yang tercantum.</div>
20480                    </div>
20481                    <div class="gendut188-faq-item">
20482                        <button class="gendut188-faq-question">Apakah tampilan GENDUT188 mudah dipahami?<span>⌄</span></button>
20483                        <div class="gendut188-faq-answer">Informasi utama ditempatkan secara terarah dengan elemen visual yang sederhana sehingga navigasi lebih mudah dipahami.</div>
20484                    </div>
20485                </div>
20486                <div class="gendut188-box">
20487                    <div class="gendut188-title">⭐ Pengalaman Pengunjung GENDUT188</div>
20488                    <div class="gendut188-desc">Kesan penggunaan dari beberapa pengunjung</div>
20489                    <div class="gendut188-review"><div class="gendut188-stars">★★★★★</div><div class="gendut188-user">Raka - Jakarta</div><p>Tampilannya terasa rapi dan bagian informasi penting mudah ditemukan dari ponsel.</p></div>
20490                    <div class="gendut188-review"><div class="gendut188-stars">★★★★★</div><div class="gendut188-user">Dimas - Bandung</div><p>Nuansa birunya membuat halaman terlihat segar, sementara navigasinya tetap sederhana.</p></div>
20491                    <div class="gendut188-review"><div class="gendut188-stars">★★★★★</div><div class="gendut188-user">Fajar - Medan</div><p>Susunan kontennya jelas dan tombol akses terlihat menonjol tanpa membuat halaman terasa penuh.</p></div>
20492                </div>
20493            </div>
20494        </div>
20495        
20495<script>
20496            document.addEventListener("DOMContentLoaded", function () {
20497                const questions = document.querySelectorAll(".gendut188-faq-question");
20498
20499                questions.forEach(function (question) {
20500                    question.addEventListener("click", function () {
20501                        const item = this.parentElement;
20502
20503                        document.querySelectorAll(".gendut188-faq-item").forEach(function (faq) {
20504                            if (faq !== item) {
20505                                faq.classList.remove("active");
20506                            }
20507                        });
20508
20509                        item.classList.toggle("active");
20510                    });
20511                });
20512            });
20513        </script>
20513
20514    
20514<script type="module" src="https://static.cloudflareinsights.com/beacon.min.js/v31edd6df95cf4e85bb4c19e7a9bdbcba1788362987495" integrity="sha512-iIg7k2xntmwu6/uSb5tpc/hySgZc4eoL31yB29W6tJFo2akwjPWcEqnCEdJvGexCL0KEQwVYv5BlowfhVz26hg==" data-cf-beacon='{"version":"2024.11.0","token":"ccf663e586c8434aad4aca63d2ed7672","r":1,"spa":2}' crossorigin="anonymous"></script>
vendor: 2 bytes, line 20514
20514
20515<script type="module" src="https://static.cloudflareinsights.com/beacon.min.js/v31edd6df95cf4e85bb4c19e7a9bdbcba1788362987495" integrity="sha512-iIg7k2xntmwu6/uSb5tpc/hySgZc4eoL31yB29W6tJFo2akwjPWcEqnCEdJvGexCL0KEQwVYv5BlowfhVz26hg==" data-cf-beacon='{"version":"2024.11.0","token":"3f37dc38676b497ebc111052aee8ee54","r":1,"spa":2}' crossorigin="anonymous"></script>
vendor: 2 bytes, line 20515
20515
20516<script type="module" src="https://static.cloudflareinsights.com/beacon.min.js/v4bc70e2c01a94c73b74392e4234840661791215815920" integrity="sha512-L0ha0OXavK/8okipN9F8BtP84dg9DUhPERbBXzwI6dgTA55d2+yweo3pn5CSFYs45/r8md2+xvUPtTdvTNRfjA==" data-cf-beacon='{"version":"2024.11.0","token":"3f37dc38676b497ebc111052aee8ee54","r":1,"spa":2}' crossorigin="anonymous"></script>
20516
20517</body>
20518</html>
20519

Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.