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: " "; 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: " "; 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: " "; 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&af_banner=true&af_channel=af_web_banner&pid=af_banner&is_retargeting=true&af_dp=blibli://p/niko-speaker-trolley-speaker-pt-1501-15-inch-garansi/ps--ELP-60049-00553?utm_campaign=af_banner_pdp&utm_source=af_banner&utm_medium=af_web_banner&c=af_banner_homepage&af_reengagement_window=30d&deep_link_value=blibli://p/niko-speaker-trolley-speaker-pt-1501-15-inch-garansi/ps--ELP-60049-00553?utm_campaign=af_banner_pdp&utm_source=af_banner&utm_medium=af_web_banner&af_banner_build=static&af_banner_config=static&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 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 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: 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)&&"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&eci=3&event=%7B%7D&event_id=83eb6ece-d454-4195-b3fd-c5def09852f6&integration=advertiser&p_id=Twitter&p_user_id=0&pl_id=1736161b-c8aa-4f11-8ad1-0c15818447c1&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&tw_iframe_status=0&txn_id=nvqtr&type=javascript&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&eci=3&event=%7B%7D&event_id=83eb6ece-d454-4195-b3fd-c5def09852f6&integration=advertiser&p_id=Twitter&p_user_id=0&pl_id=1736161b-c8aa-4f11-8ad1-0c15818447c1&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&tw_iframe_status=0&txn_id=nvqtr&type=javascript&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.