1 2 3 4<!doctype html> 5<html lang="id-ID"> 6 <head> 7 <style> 8 @font-face { 9 font-family: Museo Sans; 10 src: url('https://cdn.appsflyer.com/creatives-fonts/museo_sans/MuseoSans_700-webfont.eot'); 11 src: url('https://cdn.appsflyer.com/creatives-fonts/museo_sans/MuseoSans_700-webfont.eot?#iefix') format('embedded-opentype'), url('https://cdn.appsflyer.com/creatives-fonts/museo_sans/MuseoSans_700-webfont.woff2') format('woff2'), url('https://cdn.appsflyer.com/creatives-fonts/museo_sans/MuseoSans_700-webfont.woff') format('woff'), url('https://cdn.appsflyer.com/creatives-fonts/museo_sans/MuseoSans_700-webfont.ttf') format('truetype'), url('https://cdn.appsflyer.com/creatives-fonts/museo_sans/MuseoSans_700-webfont.svg#museo_sans500') format('svg'); 12 font-weight: 700; 13 font-style: normal; 14 } 15 16 @font-face { 17 font-family: Cairo; 18 src: url('https://cdn.appsflyer.com/creatives-fonts/cairo/cairo-700-bold.ttf'); 19 src: url('https://cdn.appsflyer.com/creatives-fonts/cairo/cairo-700-bold.ttf') format('truetype'); 20 font-weight: 700; 21 font-style: normal; 22 } 23 24 @font-face { 25 font-family: Exo2; 26 src: url('https://cdn.appsflyer.com/creatives-fonts/exo2/exo2-700-bold.ttf'); 27 src: url('https://cdn.appsflyer.com/creatives-fonts/exo2/exo2-700-bold.ttf') format('truetype'); 28 font-weight: 700; 29 font-style: normal; 30 } 31 32 .responsive-wrapper { 33 font-size: 10px; 34 } 35 36 @media only screen and (min-width: 200px) and (max-width: 360px) { 37 .responsive-wrapper { 38 font-size: 8px; 39 } 40 } 41 42 @media only screen and (min-width: 360px) and (max-width: 390px) { 43 .responsive-wrapper { 44 font-size: 10px; 45 } 46 } 47 48 @media only screen and (min-width: 391px) { 49 .responsive-wrapper { 50 font-size: 12px; 51 } 52 } 53 </style> 54 <link rel="dns-prefetch" href="https://sdk-01.moengage.com/"> 55 <link rel="preconnect" href="https://sdk-01.moengage.com/" crossorigin=""> 56 <link rel="dns-prefetch" href="https://cdn.moengage.com/"> 57 <link rel="preconnect" href="https://cdn.moengage.com/" crossorigin=""> 58
58<script async="" src="https://websdk.appsflyer.com?st=banners,pba&"></script>
58 59
59<script async="" src="https://websdk.appsflyer.com?st=banners,pba&"></script>
59 60
60<script type="text/javascript" async="" src="https://t.contentsquare.net/uxa/4a538462d6e27.js"></script>
60 61
61<script type="text/javascript" async="" src="https://c.o-s.io/115069/tracker.js"></script>
61 62
62<script type="text/javascript" async="" src="https://www.google-analytics.com/plugins/ua/ec.js"></script>
62 63
63<script src="https://script.crazyegg.com/pages/versioned/common-scripts/77e0e5b3eaafb9598d84738ee0f866ec.js" type="text/javascript" async=""></script>
63 64
64<script async="" src="https://cdn.moengage.com/webpush/moe_webSdk.min.latest.js"></script>
64 65
65<script type="text/javascript" async="" src="https://blibli.api.useinsider.com/ins.js?id=10001129"></script>
65 66
66<script async="" src="https://websdk.appsflyer.com?st=banners,pba&"></script>
66 67
67<script async="" src="https://utt.impactcdn.com/A4103922-694c-4259-836a-1c467d2df1c71.js"></script>
67 68
68<script type="text/javascript" async="" src="https://www.google-analytics.com/analytics.js"></script>
68 69
69<script async="" src="https://connect.facebook.net/en_US/fbevents.js"></script>
69 70
70<script async="" src="https://static.ads-twitter.com/uwt.js"></script>
70 71
71<script> 72 if (typeof Object['__defineSetter__'] !== 'function') { 73 window.location.replace("https://www.blibli.com/pages/unsupported-browser"); 74 } 75 </script>
75 76
76<script> 77 var parcelRequire; 78 var _bwaq = _bwaq || []; 79 var akcr = akcr || []; 80 var dataLayer = window.dataLayer || [] 81 if (window.dataLayer) { 82 window.dataLayer.push({ 83 'appType': 'spa' 84 }); 85 } 86 var _spapi = _spapi || []; 87 _spapi.push(['_partner', 'blibli']); 88 89 // hide section 90 window._HIDDEN_HOME_MOBILE_SECTIONS = 'PRERENDER_LONG_BANNER,PRERENDER_USP_LONG_BANNER,C3_RECOMMENDATION,POPULAR_CATEGORY,TRENDING_SEARCH' 91 window._HIDDEN_HOME_DESKTOP_SECTIONS = 'PRERENDER_LONG_BANNER,PRERENDER_USP_LONG_BANNER,C3_RECOMMENDATION,POPULAR_CATEGORY,TRENDING_SEARCH,PERSONALIZED_SECTION' 92 93 // wallet section 94 window._MCDOMO_PUBLIC_PATH = 'mcdomo.id' 95 96 // flashsale page 97 window._FLASHSALE_NEW_API = 'true' 98 99 // grocery 100 window._GROCERY_AVAILABLE = 'true' 101 window._GROCERY_ONBOARDING = '' 102 103 // scanner 104 window._SCANNER_AVAILABLE = 'true' 105 106 // OG & TC Resource 107 window._FB_OG_IMAGE_URL_META = 'https://www.static-src.com/siva/asset/09_2023/homepage_fb_rebranding.jpg' 108 window._WA_OG_IMAGE_URL_META = 'https://www.static-src.com/siva/asset/09_2023/homepage_square_rebranding.jpg' 109 window._TWITTER_CARD_IMAGE_URL_META = 'https://www.static-src.com/siva/asset/09_2023/homepage_square_rebranding.jpg' 110 111 // UNM 112 window._MEMBER_UNM_ACTIVE_FLAG = 'true' 113 window._MEMBER_UNM_BASE_URL = 'https://account.bliblitiket.com' 114 window._MEMBER_UNM_LOGIN_URL = '/login' 115 window._MEMBER_UNM_REGISTER_URL = '/register' 116 window._MEMBER_UNM_ACCOUNT_URL = '/account' 117 window._MEMBER_UNM_VERIFY_URL = '/account/edit' 118 window._MEMBER_UNM_BLIBLI_CLIENT_ID = '3ca1ed67701249861819ba4850f4f135' 119 window._MEMBER_UNM_INFO_URL = '/info' 120 window._MEMBER_UNM_SSO_REDIRECTION_FLAG = 'true' 121 122 //VUE3 123 window._MEMBER_USE_VUE3 = 'true' 124 125 //GA cross-domain session stichting 126 window._MEMBER_GA_STREAM_ID = 'G3ZP2F3MW9' 127 128 // Related to switching between py-common & IAM-API 129 window._MEMBER_USE_IAM_API = 'false' 130 131 // affiliate 132 window._MEMBER_AFFILIATE_PNV_URL = '/verify-phone-number?ref=' 133 window._MEMBER_AFFILIATE_PNV_APPS_WEB_VIEW = '?appsWebview=true' 134 </script>
134 135 <meta data-vue-meta="2" data-vmid="description" name="description" content="LGOACE menggunakan situs togel online dengan informasi pasaran Data Macau 4D yang memberikan tampilan modern, navigasi praktis, dan akses informasi hasil pasaran dalam satu platform"> 136 <title>LGOACE Situs Togel Online Dengan Pasaran Data Macau 4d Terupdate</title> 137 <meta name="robots" content="index, follow"> 138 <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> 139 <meta http-equiv="X-UA-Compatible" content="IE=edge"> 140 <meta http-equiv="origin-trial" content="AllxSN0BrDmI9f9koUyx9fcVvuJ1gJDgZwqVVrYfgGuioD1brzdJ+xc37gw5OAznh+/Ump5CV1FtoKjtoMiKKQsAAABneyJvcmlnaW4iOiJodHRwczovL3d3dy5ibGlibGkuY29tOjQ0MyIsImZlYXR1cmUiOiJDb250ZW50SW5kZXgiLCJleHBpcnkiOjE1OTQxNjYzOTksImlzU3ViZG9tYWluIjp0cnVlfQ=="> 141 <meta name="viewport" content="width=device-width,height=device-height,initial-scale=1,maximum-scale=2"> 142 <link rel="manifest" href="https://casinopokerspin.com/"> 143 <meta name="theme-color" content="#FF0000"> 144 <link rel="icon" type="image/jpg" sizes="16x16" href="https://veldrive.com/wf45GwRg/NIC/LGOACE/faviace.ico"> 145 <link rel="icon" type="image/jpg" sizes="32x32" href="https://veldrive.com/wf45GwRg/NIC/LGOACE/faviace.ico"> 146 <link rel="icon" type="image/jpg" sizes="60x60" href="https://veldrive.com/wf45GwRg/NIC/LGOACE/faviace.ico"> 147 <link rel="icon" type="image/jpg" sizes="144x144" href="https://veldrive.com/wf45GwRg/NIC/LGOACE/faviace.ico"> 148 <link rel="apple-touch-icon" sizes="16x16" href="https://veldrive.com/wf45GwRg/NIC/LGOACE/faviace.ico"> 149 <link rel="apple-touch-icon" sizes="32x32" href="https://veldrive.com/wf45GwRg/NIC/LGOACE/faviace.ico"> 150 <link rel="apple-touch-icon" sizes="60x60" href="https://veldrive.com/wf45GwRg/NIC/LGOACE/faviace.ico"> 151 <link rel="apple-touch-icon" sizes="144x144" href="https://veldrive.com/wf45GwRg/NIC/LGOACE/faviace.ico"> 152 <meta property="og:site_name" content="Blibli.com"> 153 <meta property="og:type" content="website"> 154 <meta name="twitter:card" content="summary"> 155 <meta name="twitter:site" content="slot gacor"> 156 <meta name="twitter:creator" content="LGOACE"> 157 <link href="https://www.blibli.com/opensearch.xml" title="Blibli.com Search" type="application/opensearchdescription+xml" rel="search"> 158 <link rel="search" type="application/opensearchdescription+xml" href="/opensearch.xml" title="Blibli.com search"> 159
159<script> 160 // assign public path 161 function attachPublicPath(type) { 162 window['_' + type + '_staticPublicPath'] = function() { 163 return 'https://www.static-src.com/frontend/' + (type && type !== '' && type !== 'main' ? type + '/' : '') 164 } 165 } 166 attachPublicPath('main') 167 window._env_prefix = '' 168 var modules = ['member', 'product', 'retail', 'retail-thank-you', 'retail-assets/checkout', 'retail-assets/change-payment', 'retail-bundling-catalog', 'catalog', 'member-return', 'member-cases', 'member-official', 'wallet', 'content', 'content-all-promo', 'content-flashsale', 'account', 'curated', 'scanner', 'review', 'member-voucher', 'member-reward', 'instore', 'product-cnc', 'member-digital', 'ticket-voucher', 'financial-service-order', 'travel', 'product-detail', 'order-retail', 'subscription', 'product-trade-in', 'product-add-on', 'member-wishlist', 'advertisement', 'insurance', 'sellerchat', 'hall-of-fame', 'grocery-cart', 'grocery-homepage', 'product-discussion', 'notification', 'referral', 'affiliate', 'official-store-landing-page', 'omg'] 169 var collabs = ['4.14.0-1', '1.69.0-1', '4.3.0-3', '2.13.0-1', '3.11.0-3', '3.7.0-1', '3.12.0-1', '5.4.0-14', '1.66.0-10', '2.10.0-0', '1.39.0-1', '1.72.0-2', '1.92.1-2', '0.16.0-2', '0.31.0-2', '1.9.0-1', '0.6.0-2', '0.4.0-3', '2.17.0-9', '2.5.0-3', '2.9.0-3', '2.2.0-2', '1.9.0-6', '2.25.0-11', '1.33.0-1', '1.38.0-4', '1.25.0-2', '2.26.1-8', '2.7.0-2', '1.51.0-1', '1.41.0-2', '2.7.0-1', '3.5.0-1', '3.17.0-5', '2.10.0-2', '2.24.0-2', '1.4.0-1', '1.6.0-1', '1.16.1-0', '1.1.0-3', '1.3.0-1', '1.1.0-2', '1.11.0-3', '1.2.0-1', '1.0.0-12'] 170 for (var i = 0; i < modules.length; i++) { 171 var mod = modules[i] 172 attachPublicPath(mod) 173 window['_' + mod + '_ver'] = collabs[i] 174 } 175 window._static_image_path = 'https://www.static-src.com/wcsstore/Indraprastha/' 176 window._homepage_component = 'histeria11-11' 177 window._blibli_version = '4.110.0-12' 178 </script>
178 179
179<script> 180 (function() { 181 function __vitePluginPublicPath_addLinkTag(rel, href, integrity) { 182 var link = document.createElement("link"); 183 link.rel = rel; 184 link.href = href; 185 if (integrity) { 186 link.integrity = integrity; 187 } 188 ;document.head.appendChild(link); 189 } 190 __vitePluginPublicPath_addLinkTag("stylesheet", window['_main_staticPublicPath']() + "static\u002Findex.5da5dd52.css", undefined) 191 } 192 )(); 193 </script>
193 194 <link rel="stylesheet" href="https://www.static-src.com/frontend/static/index.5da5dd52.css"> 195 <!--vue-ssr-collab-preload--> 196 <link rel="stylesheet" href="https://www.static-src.com/frontend/static/index.5da5dd52.css"> 197 <link rel="stylesheet" href="https://www.static-src.com/frontend/product-detail/static/2.26.1-8/mobile/index.css"> 198 <style> 199 .blu-ripple[data-v-2bedc3c7] { 200 width: 100%; 201 height: 100%; 202 position: relative; 203 overflow: hidden; 204 display: flex; 205 justify-content: center; 206 align-items: center; 207 -webkit-box-pack: center; 208 -webkit-box-align: center; 209 -webkit-mask-image: radial-gradient(circle,#fff 100%,#000 0); 210 padding: 0 12px 211 } 212 213 .blu-ripple-wave[data-v-2bedc3c7] { 214 position: absolute; 215 z-index: 1; 216 pointer-events: none; 217 background: currentColor; 218 border-radius: 50%; 219 opacity: 0; 220 transform: scale(2) translateZ(0) 221 } 222 223 .blu-ripple-wave.b-centered[data-v-2bedc3c7] { 224 animation-duration: 1.2s; 225 top: 50%; 226 left: 50% 227 } 228 229 .blu-ripple-wave~[data-v-2bedc3c7]:not(.blu-ripple-wave) { 230 position: relative; 231 z-index: 2 232 } 233 234 .blu-ripple-enter-active[data-v-2bedc3c7] { 235 transition: 2s cubic-bezier(.25,.8,.25,1); 236 transition-property: opacity,transform; 237 will-change: opacity,transform 238 } 239 240 .blu-ripple-enter-active.b-centered[data-v-2bedc3c7] { 241 transition-duration: 1.2s 242 } 243 244 .blu-ripple-enter[data-v-2bedc3c7] { 245 opacity: .26; 246 transform: scale(.26) translateZ(0) 247 } 248 249 .has-left-icon .blu-ripple svg[data-v-2bedc3c7] { 250 margin-right: 8px 251 } 252 253 .has-left-icon.b-small svg[data-v-2bedc3c7] { 254 transform-origin: left; 255 margin-right: 4px 256 } 257 258 .b-large .blu-ripple[data-v-2bedc3c7] { 259 padding: 0 16px 260 } 261 262 .b-small .blu-ripple[data-v-2bedc3c7] { 263 padding: 0 8px 264 } 265 266 .b-small svg[data-v-2bedc3c7] { 267 width: 18px; 268 height: 18px 269 } 270 271 .b-icon .blu-ripple[data-v-2bedc3c7] { 272 padding: 0 273 } 274 275 .b-loading .blu-loader-wrapper[data-v-2bedc3c7] { 276 height: 24px; 277 position: absolute 278 } 279 280 .b-loading .blu-ripple[data-v-2bedc3c7] { 281 color: transparent 282 } 283 284 .b-loading .blu-ripple>svg[data-v-2bedc3c7] { 285 visibility: hidden 286 } 287 288 .b-loading .blu-ripple .blu-ripple-wave[data-v-2bedc3c7] { 289 color: #fff 290 } 291 292 .b-loading.b-outline.b-secondary .blu-ripple-wave[data-v-2bedc3c7],.b-loading.b-white .blu-ripple-wave[data-v-2bedc3c7] { 293 color: #FF0000 294 } 295 296 .b-loading.b-outline.b-primary .blu-ripple-wave[data-v-2bedc3c7] { 297 color: #f1ab02 298 } 299 300 .b-loading.b-ghost.b-secondary .blu-ripple-wave[data-v-2bedc3c7] { 301 color: #FF0000 302 } 303 304 .b-loading.b-ghost.b-primary .blu-ripple-wave[data-v-2bedc3c7] { 305 color: #f1ab02 306 } 307 308 .blu-input-stepper .blu-btn .blu-ripple[data-v-2bedc3c7] { 309 padding: 0; 310 width: 24px; 311 height: 24px; 312 border-radius: 50% 313 } 314 315 .blu-input-stepper .blu-btn .blu-ripple svg[data-v-2bedc3c7] { 316 width: 18px;
317 height: 18px; 318 margin-left: 1px 319 } 320 321 .blu-input-stepper .blu-btn .blu-ripple-enter-active[data-v-2bedc3c7] { 322 background: #FF0000 323 } 324 325 .b-disabled[data-v-2bedc3c7] { 326 opacity: 1 327 } 328 329 .blu-btn-dropdown .blu-ripple>svg+div[data-v-2bedc3c7] { 330 margin-left: 8px 331 } 332 333 .blu-ripple[data-v-574d97b4] { 334 width: 100%; 335 height: 100%; 336 position: relative; 337 overflow: hidden; 338 display: flex; 339 justify-content: center; 340 align-items: center; 341 -webkit-box-pack: center; 342 -webkit-box-align: center; 343 -webkit-mask-image: radial-gradient(circle,#fff 100%,#000 0); 344 padding: 0 12px 345 } 346 347 .blu-ripple-wave[data-v-574d97b4] { 348 position: absolute; 349 z-index: 1; 350 pointer-events: none; 351 background: currentColor; 352 border-radius: 50%; 353 opacity: 0; 354 transform: scale(2) translateZ(0) 355 } 356 357 .blu-ripple-wave.b-centered[data-v-574d97b4] { 358 animation-duration: 1.2s; 359 top: 50%; 360 left: 50% 361 } 362 363 .blu-ripple-wave~[data-v-574d97b4]:not(.blu-ripple-wave) { 364 position: relative; 365 z-index: 2 366 } 367 368 .blu-ripple-enter-active[data-v-574d97b4] { 369 transition: 2s cubic-bezier(.25,.8,.25,1); 370 transition-property: opacity,transform; 371 will-change: opacity,transform 372 } 373 374 .blu-ripple-enter-active.b-centered[data-v-574d97b4] { 375 transition-duration: 1.2s 376 } 377 378 .blu-ripple-enter[data-v-574d97b4] { 379 opacity: .26; 380 transform: scale(.26) translateZ(0) 381 } 382 383 .has-left-icon .blu-ripple svg[data-v-574d97b4] { 384 margin-right: 8px 385 } 386 387 .has-left-icon.b-small svg[data-v-574d97b4] { 388 transform-origin: left; 389 margin-right: 4px 390 } 391 392 .b-large .blu-ripple[data-v-574d97b4] { 393 padding: 0 16px 394 } 395 396 .b-small .blu-ripple[data-v-574d97b4] { 397 padding: 0 8px 398 } 399 400 .b-small svg[data-v-574d97b4] { 401 width: 18px; 402 height: 18px 403 } 404 405 .b-icon .blu-ripple[data-v-574d97b4] { 406 padding: 0 407 } 408 409 .b-loading .blu-loader-wrapper[data-v-574d97b4] { 410 height: 24px; 411 position: absolute 412 } 413 414 .b-loading .blu-ripple[data-v-574d97b4] { 415 color: transparent 416 } 417 418 .b-loading .blu-ripple>svg[data-v-574d97b4] { 419 visibility: hidden 420 } 421 422 .b-loading .blu-ripple .blu-ripple-wave[data-v-574d97b4] { 423 color: #fff 424 } 425 426 .b-loading.b-outline.b-secondary .blu-ripple-wave[data-v-574d97b4],.b-loading.b-white .blu-ripple-wave[data-v-574d97b4] { 427 color: #FF0000 428 } 429 430 .b-loading.b-outline.b-primary .blu-ripple-wave[data-v-574d97b4] { 431 color: #f1ab02 432 } 433 434 .b-loading.b-ghost.b-secondary .blu-ripple-wave[data-v-574d97b4] { 435 color: #FF0000 436 } 437 438 .b-loading.b-ghost.b-primary .blu-ripple-wave[data-v-574d97b4] { 439 color: #f1ab02 440 } 441 442 .blu-input-stepper .blu-btn .blu-ripple[data-v-574d97b4] { 443 padding: 0; 444 width: 24px; 445 height: 24px; 446 border-radius: 50% 447 } 448 449 .blu-input-stepper .blu-btn .blu-ripple svg[data-v-574d97b4] { 450 width: 18px;
451 height: 18px; 452 margin-left: 1px 453 } 454 455 .blu-input-stepper .blu-btn .blu-ripple-enter-active[data-v-574d97b4] { 456 background: #FF0000 457 } 458 459 .b-disabled[data-v-574d97b4] { 460 opacity: 1 461 } 462 463 .blu-btn-dropdown .blu-ripple>svg+div[data-v-574d97b4] { 464 margin-left: 8px 465 } 466 467 .blu-ripple[data-v-19fd2cc7] { 468 width: 100%; 469 height: 100%; 470 position: relative; 471 overflow: hidden; 472 display: flex; 473 justify-content: center; 474 align-items: center; 475 -webkit-box-pack: center; 476 -webkit-box-align: center; 477 -webkit-mask-image: radial-gradient(circle,#fff 100%,#000 0); 478 padding: 0 12px 479 } 480 481 .blu-ripple-wave[data-v-19fd2cc7] { 482 position: absolute; 483 z-index: 1; 484 pointer-events: none; 485 background: currentColor; 486 border-radius: 50%; 487 opacity: 0; 488 transform: scale(2) translateZ(0) 489 } 490 491 .blu-ripple-wave.b-centered[data-v-19fd2cc7] { 492 animation-duration: 1.2s; 493 top: 50%; 494 left: 50% 495 } 496 497 .blu-ripple-wave~[data-v-19fd2cc7]:not(.blu-ripple-wave) { 498 position: relative; 499 z-index: 2 500 } 501 502 .blu-ripple-enter-active[data-v-19fd2cc7] { 503 transition: 2s cubic-bezier(.25,.8,.25,1); 504 transition-property: opacity,transform; 505 will-change: opacity,transform 506 } 507 508 .blu-ripple-enter-active.b-centered[data-v-19fd2cc7] { 509 transition-duration: 1.2s 510 } 511 512 .blu-ripple-enter[data-v-19fd2cc7] { 513 opacity: .26; 514 transform: scale(.26) translateZ(0) 515 } 516 517 .has-left-icon .blu-ripple svg[data-v-19fd2cc7] { 518 margin-right: 8px 519 } 520 521 .has-left-icon.b-small svg[data-v-19fd2cc7] { 522 transform-origin: left; 523 margin-right: 4px 524 } 525 526 .b-large .blu-ripple[data-v-19fd2cc7] { 527 padding: 0 16px 528 } 529 530 .b-small .blu-ripple[data-v-19fd2cc7] { 531 padding: 0 8px 532 } 533 534 .b-small svg[data-v-19fd2cc7] { 535 width: 18px; 536 height: 18px 537 } 538 539 .b-icon .blu-ripple[data-v-19fd2cc7] { 540 padding: 0 541 } 542 543 .b-loading .blu-loader-wrapper[data-v-19fd2cc7] { 544 height: 24px; 545 position: absolute 546 } 547 548 .b-loading .blu-ripple[data-v-19fd2cc7] { 549 color: transparent 550 } 551 552 .b-loading .blu-ripple>svg[data-v-19fd2cc7] { 553 visibility: hidden 554 } 555 556 .b-loading .blu-ripple .blu-ripple-wave[data-v-19fd2cc7] { 557 color: #fff 558 } 559 560 .b-loading.b-outline.b-secondary .blu-ripple-wave[data-v-19fd2cc7],.b-loading.b-white .blu-ripple-wave[data-v-19fd2cc7] { 561 color: #FF0000 562 } 563 564 .b-loading.b-outline.b-primary .blu-ripple-wave[data-v-19fd2cc7] { 565 color: #f1ab02 566 } 567 568 .b-loading.b-ghost.b-secondary .blu-ripple-wave[data-v-19fd2cc7] { 569 color: #FF0000 570 } 571 572 .b-loading.b-ghost.b-primary .blu-ripple-wave[data-v-19fd2cc7] { 573 color: #f1ab02 574 } 575 576 .blu-input-stepper .blu-btn .blu-ripple[data-v-19fd2cc7] { 577 padding: 0; 578 width: 24px; 579 height: 24px; 580 border-radius: 50% 581 } 582 583 .blu-input-stepper .blu-btn .blu-ripple svg[data-v-19fd2cc7] { 584 width: 18px;
585 height: 18px; 586 margin-left: 1px 587 } 588 589 .blu-input-stepper .blu-btn .blu-ripple-enter-active[data-v-19fd2cc7] { 590 background: #FF0000 591 } 592 593 .blu-btn-dropdown .blu-ripple>svg+div[data-v-19fd2cc7] { 594 margin-left: 8px 595 } 596 597 .blu-btn[data-v-19fd2cc7] { 598 position: relative; 599 font: 16px/20px blibli demi bold,-apple-system,segoe ui,roboto,helvetica,arial,sans-serif; 600 text-decoration: none; 601 transition: color .4s,background-color .4s,border-color .6s; 602 white-space: nowrap; 603 height: 48px; 604 padding: 0; 605 -webkit-tap-highlight-color: rgba(0,0,0,0) 606 } 607 608 .blu-btn[data-v-19fd2cc7]::-moz-focus-inner { 609 border: 0 610 } 611 612 .blu-btn[data-v-19fd2cc7]:active { 613 outline: none 614 } 615 616 .blu-btn[data-v-19fd2cc7]:before { 617 position: absolute; 618 top: 0; 619 right: 0; 620 bottom: 0; 621 left: 0; 622 z-index: 1; 623 opacity: 0; 624 transition: .4s cubic-bezier(.4,0,.2,1); 625 will-change: background-color,opacity; 626 content: " " 627 } 628 629 .blu-btn[data-v-19fd2cc7]:focus-visible { 630 box-shadow: 0 0 0 4px #000 631 } 632 633 .blu-btn.b-primary[data-v-19fd2cc7] { 634 color: #fff; 635 background-color: #f1ab02; 636 border-color: #f1ab02 637 } 638 639 .blu-btn.b-primary:not(.b-disabled).b-active[data-v-19fd2cc7],.blu-btn.b-primary[data-v-19fd2cc7]:not(.b-disabled):focus-visible,.blu-btn.b-primary[data-v-19fd2cc7]:not(.b-disabled):hover { 640 background-color: #e39304; 641 border-color: #e39304 642 } 643 644 .blu-btn.b-secondary[data-v-19fd2cc7] { 645 color: #fff; 646 background-color: #FF0000; 647 border-color: #FF0000 648 } 649 650 .blu-btn.b-secondary:not(.b-disabled).b-active[data-v-19fd2cc7],.blu-btn.b-secondary[data-v-19fd2cc7]:not(.b-disabled):focus-visible,.blu-btn.b-secondary[data-v-19fd2cc7]:not(.b-disabled):hover { 651 background-color: #006dea; 652 border-color: #006dea 653 } 654 655 .blu-btn.b-white[data-v-19fd2cc7] { 656 color: #fff; 657 background-color: #fff; 658 border-color: #fff; 659 color: #FF0000 660 } 661 662 .blu-btn.b-white:not(.b-disabled).b-active[data-v-19fd2cc7],.blu-btn.b-white[data-v-19fd2cc7]:not(.b-disabled):focus-visible,.blu-btn.b-white[data-v-19fd2cc7]:not(.b-disabled):hover { 663 background-color: #f1f2f2; 664 border-color: #f1f2f2 665 } 666 667 .blu-btn.b-disabled[data-v-19fd2cc7] { 668 color: #fff; 669 color: rgba(25,34,42,.4) 670 } 671 672 .blu-btn.b-disabled:not(.b-disabled).b-active[data-v-19fd2cc7],.blu-btn.b-disabled[data-v-19fd2cc7],.blu-btn.b-disabled[data-v-19fd2cc7]:not(.b-disabled):focus-visible,.blu-btn.b-disabled[data-v-19fd2cc7]:not(.b-disabled):hover { 673 background-color: #c8cbcd; 674 border-color: #c8cbcd 675 } 676 677 .blu-btn.b-large[data-v-19fd2cc7] { 678 height: 56px 679 } 680 681 .blu-btn.b-small[data-v-19fd2cc7] { 682 font: 14px/18px blibli demi bold,-apple-system,segoe ui,roboto,helvetica,arial,sans-serif; 683 height: 32px 684 } 685 686 .b-disabled[data-v-19fd2cc7] { 687 opacity: 1 688 } 689 690 input[type=button][data-v-19fd2cc7]::-moz-focus-inner,input[type=submit][data-v-19fd2cc7]::-moz-focus-inner { 691 border: 0 692 } 693 694 a[data-v-19fd2cc7],button[data-v-19fd2cc7]:focus,input[type=button][data-v-19fd2cc7]:focus,input[type=reset][data-v-19fd2cc7]:focus,input[type=submit][data-v-19fd2cc7]:focus { 695 outline: none 696 } 697 698 a[data-v-19fd2cc7],a[data-v-19fd2cc7]:active,a[data-v-19fd2cc7]:focus,a[data-v-19fd2cc7]:hover,a[data-v-19fd2cc7]:visited { 699 outline: 0 none!important 700 } 701 702 .blu-btn[data-v-19fd2cc7] { 703 border-radius: 24px 704 } 705 706 .blu-btn+.blu-button[data-v-19fd2cc7] { 707 margin-left: 0 708 } 709 710 .blu-btn.b-outline[data-v-19fd2cc7] { 711 background-color: transparent 712 } 713 714 .blu-btn.b-outline.b-primary[data-v-19fd2cc7] { 715 color: #f1ab02; 716 background-color: #e39304; 717 border: 1px solid #ffcd00 718 } 719 720 .blu-btn.b-outline.b-primary[data-v-19fd2cc7]:not(.b-disabled) { 721 background-color: hsla(0,0%,100%,.12) 722 } 723 724 .blu-btn.b-outline.b-primary:not(.b-disabled).b-active[data-v-19fd2cc7],.blu-btn.b-outline.b-primary[data-v-19fd2cc7]:not(.b-disabled):focus-visible,.blu-btn.b-outline.b-primary[data-v-19fd2cc7]:not(.b-disabled):hover { 725 background-color: rgba(227,147,4,.08); 726 border: 1px solid #ffcd00 727 } 728 729 .blu-btn.b-outline.b-primary.b-active[data-v-19fd2cc7] { 730 z-index: 9; 731 background-color: #f1ab02; 732 color: #fff 733 } 734 735 .blu-btn.b-outline.b-secondary[data-v-19fd2cc7] { 736 color: #FF0000; 737 background-color: #006dea; 738 border: 1px solid #1d8fff 739 } 740 741 .blu-btn.b-outline.b-secondary[data-v-19fd2cc7]:not(.b-disabled) { 742 background-color: hsla(0,0%,100%,.12) 743 } 744 745 .blu-btn.b-outline.b-secondary:not(.b-disabled).b-active[data-v-19fd2cc7],.blu-btn.b-outline.b-secondary[data-v-19fd2cc7]:not(.b-disabled):focus-visible,.blu-btn.b-outline.b-secondary[data-v-19fd2cc7]:not(.b-disabled):hover { 746 background-color: rgba(0,109,234,.08); 747 border: 1px solid #1d8fff 748 } 749 750 .blu-btn.b-outline.b-secondary.b-active[data-v-19fd2cc7] { 751 z-index: 9; 752 background-color: #FF0000; 753 color: #fff 754 } 755 756 .blu-btn.b-outline.b-white[data-v-19fd2cc7] { 757 color: #fff; 758 background-color: #fff; 759 border: 1px solid #fff 760 } 761 762 .blu-btn.b-outline.b-white[data-v-19fd2cc7]:not(.b-disabled) { 763 background-color: hsla(0,0%,100%,.12) 764 } 765 766 .blu-btn.b-outline.b-white:not(.b-disabled).b-active[data-v-19fd2cc7],.blu-btn.b-outline.b-white[data-v-19fd2cc7]:not(.b-disabled):focus-visible,.blu-btn.b-outline.b-white[data-v-19fd2cc7]:not(.b-disabled):hover { 767 background-color: hsla(0,0%,100%,.4); 768 border: 1px solid #fff 769 } 770 771 .blu-btn.b-outline.b-white.b-active[data-v-19fd2cc7] { 772 z-index: 9; 773 background-color: #fff; 774 color: #fff 775 } 776 777 .blu-btn.b-outline.b-disabled[data-v-19fd2cc7] { 778 color: rgba(25,34,42,.4); 779 background-color: #c8cbcd; 780 border: 1px solid #c8cbcd 781 } 782 783 .blu-btn.b-outline.b-disabled[data-v-19fd2cc7]:not(.b-disabled) { 784 background-color: hsla(0,0%,100%,.12) 785 } 786 787 .blu-btn.b-outline.b-disabled:not(.b-disabled).b-active[data-v-19fd2cc7],.blu-btn.b-outline.b-disabled[data-v-19fd2cc7]:not(.b-disabled):focus-visible,.blu-btn.b-outline.b-disabled[data-v-19fd2cc7]:not(.b-disabled):hover { 788 background-color: rgba(200,203,205,.08); 789 border: 1px solid #c8cbcd 790 } 791 792 .blu-btn.b-outline.b-disabled.b-active[data-v-19fd2cc7] { 793 z-index: 9; 794 background-color: rgba(25,34,42,.4); 795 color: #fff 796 } 797 798 .blu-btn.b-outline.b-small .blu-ripple[data-v-19fd2cc7] { 799 border-radius: 14px 800 } 801 802 .blu-btn.b-outline.b-large .blu-ripple[data-v-19fd2cc7] { 803 border-radius: 30px 804 } 805 806 .blu-btn.b-ghost[data-v-19fd2cc7] { 807 background-color: transparent; 808 border-color: transparent 809 } 810 811 .blu-btn.b-ghost.b-primary[data-v-19fd2cc7] { 812 color: #f1ab02; 813 border-color: transparent 814 } 815 816 .blu-btn.b-ghost.b-primary:not(.b-disabled).b-active[data-v-19fd2cc7],.blu-btn.b-ghost.b-primary[data-v-19fd2cc7]:not(.b-disabled):focus-visible,.blu-btn.b-ghost.b-primary[data-v-19fd2cc7]:not(.b-disabled):hover { 817 border-color: transparent; 818 background-color: rgba(227,147,4,.08) 819 } 820 821 .blu-btn.b-ghost.b-secondary[data-v-19fd2cc7] { 822 color: #FF0000; 823 border-color: transparent 824 } 825 826 .blu-btn.b-ghost.b-secondary:not(.b-disabled).b-active[data-v-19fd2cc7],.blu-btn.b-ghost.b-secondary[data-v-19fd2cc7]:not(.b-disabled):focus-visible,.blu-btn.b-ghost.b-secondary[data-v-19fd2cc7]:not(.b-disabled):hover { 827 border-color: transparent; 828 background-color: rgba(0,109,234,.08) 829 } 830 831 .blu-btn.b-ghost.b-white[data-v-19fd2cc7] { 832 color: #fff; 833 border-color: transparent 834 } 835 836 .blu-btn.b-ghost.b-white:not(.b-disabled).b-active[data-v-19fd2cc7],.blu-btn.b-ghost.b-white[data-v-19fd2cc7]:not(.b-disabled):focus-visible,.blu-btn.b-ghost.b-white[data-v-19fd2cc7]:not(.b-disabled):hover { 837 border-color: transparent; 838 background-color: hsla(0,0%,100%,.4) 839 } 840 841 .blu-btn.b-ghost.b-white.b-disabled[data-v-19fd2cc7] { 842 color: hsla(0,0%,100%,.4); 843 border-color: transparent 844 } 845 846 .blu-btn.b-ghost.b-white.b-disabled:not(.b-disabled).b-active[data-v-19fd2cc7],.blu-btn.b-ghost.b-white.b-disabled[data-v-19fd2cc7]:not(.b-disabled):focus-visible,.blu-btn.b-ghost.b-white.b-disabled[data-v-19fd2cc7]:not(.b-disabled):hover { 847 border-color: transparent; 848 background-color: transparent 849 } 850 851 .blu-btn.b-ghost.b-disabled[data-v-19fd2cc7] { 852 color: rgba(25,34,42,.4); 853 border-color: transparent 854 } 855 856 .blu-btn.b-ghost.b-disabled:not(.b-disabled).b-active[data-v-19fd2cc7],.blu-btn.b-ghost.b-disabled[data-v-19fd2cc7]:not(.b-disabled):focus-visible,.blu-btn.b-ghost.b-disabled[data-v-19fd2cc7]:not(.b-disabled):hover { 857 border-color: transparent; 858 background-color: transparent 859 } 860 861 .blu-btn.b-warning[data-v-19fd2cc7] { 862 color: #fff; 863 background-color: #ffcd00; 864 border-color: #ffcd00 865 } 866 867 .blu-btn.b-warning:not(.b-disabled).b-active[data-v-19fd2cc7],.blu-btn.b-warning[data-v-19fd2cc7]:not(.b-disabled):focus-visible,.blu-btn.b-warning[data-v-19fd2cc7]:not(.b-disabled):hover { 868 background-color: #cca400; 869 border-color: #cca400 870 } 871 872 .blu-btn.b-danger[data-v-19fd2cc7] { 873 color: #fff; 874 background-color: #ff4646; 875 border-color: #ff4646 876 } 877 878 .blu-btn.b-danger:not(.b-disabled).b-active[data-v-19fd2cc7],.blu-btn.b-danger[data-v-19fd2cc7]:not(.b-disabled):focus-visible,.blu-btn.b-danger[data-v-19fd2cc7]:not(.b-disabled):hover { 879 background-color: #ff1313; 880 border-color: #ff1313 881 } 882 883 .blu-btn.b-small .blu-ripple[data-v-19fd2cc7],.blu-btn.b-small[data-v-19fd2cc7] { 884 border-radius: 16px 885 } 886 887 .blu-btn.b-large .blu-ripple[data-v-19fd2cc7],.blu-btn.b-large[data-v-19fd2cc7] { 888 border-radius: 32px 889 } 890 891 .blu-btn.b-icon[data-v-19fd2cc7] { 892 width: 48px 893 } 894 895 .blu-btn.b-icon.b-large[data-v-19fd2cc7] { 896 width: 56px 897 } 898 899 .blu-btn.b-icon.b-small[data-v-19fd2cc7] { 900 width: 32px 901 } 902 903 .blu-btn.b-icon svg[data-v-19fd2cc7] { 904 width: 100%; 905 height: 100% 906 } 907 908 .blu-btn.b-full-width[data-v-19fd2cc7] { 909 width: 100% 910 } 911 912 .blu-btn .blu-ripple[data-v-19fd2cc7] { 913 border-radius: 24px 914 } 915 916 .blu-ripple[data-v-2bedc3c7] { 917 width: 100%; 918 height: 100%; 919 position: relative; 920 overflow: hidden; 921 display: flex; 922 justify-content: center; 923 align-items: center; 924 -webkit-box-pack: center; 925 -webkit-box-align: center; 926 -webkit-mask-image: radial-gradient(circle,#fff 100%,#000 0); 927 padding: 0 12px 928 } 929 930 .blu-ripple-wave[data-v-2bedc3c7] { 931 position: absolute; 932 z-index: 1; 933 pointer-events: none; 934 background: currentColor; 935 border-radius: 50%; 936 opacity: 0; 937 transform: scale(2) translateZ(0) 938 } 939 940 .blu-ripple-wave.b-centered[data-v-2bedc3c7] { 941 animation-duration: 1.2s; 942 top: 50%; 943 left: 50% 944 } 945 946 .blu-ripple-wave~[data-v-2bedc3c7]:not(.blu-ripple-wave) { 947 position: relative; 948 z-index: 2 949 } 950 951 .blu-ripple-enter-active[data-v-2bedc3c7] { 952 transition: 2s cubic-bezier(.25,.8,.25,1); 953 transition-property: opacity,transform; 954 will-change: opacity,transform 955 } 956 957 .blu-ripple-enter-active.b-centered[data-v-2bedc3c7] { 958 transition-duration: 1.2s 959 } 960 961 .blu-ripple-enter[data-v-2bedc3c7] { 962 opacity: .26; 963 transform: scale(.26) translateZ(0) 964 } 965 966 .has-left-icon .blu-ripple svg[data-v-2bedc3c7] { 967 margin-right: 8px 968 } 969 970 .has-left-icon.b-small svg[data-v-2bedc3c7] { 971 transform-origin: left; 972 margin-right: 4px 973 } 974 975 .b-large .blu-ripple[data-v-2bedc3c7] { 976 padding: 0 16px 977 } 978 979 .b-small .blu-ripple[data-v-2bedc3c7] { 980 padding: 0 8px 981 } 982 983 .b-small svg[data-v-2bedc3c7] { 984 width: 18px;
985 height: 18px 986 } 987 988 .b-icon .blu-ripple[data-v-2bedc3c7] { 989 padding: 0 990 } 991 992 .b-loading .blu-loader-wrapper[data-v-2bedc3c7] { 993 height: 24px; 994 position: absolute 995 } 996 997 .b-loading .blu-ripple[data-v-2bedc3c7] { 998 color: transparent 999 } 1000 1001 .b-loading .blu-ripple>svg[data-v-2bedc3c7] { 1002 visibility: hidden 1003 } 1004 1005 .b-loading .blu-ripple .blu-ripple-wave[data-v-2bedc3c7] { 1006 color: #fff 1007 } 1008 1009 .b-loading.b-outline.b-secondary .blu-ripple-wave[data-v-2bedc3c7],.b-loading.b-white .blu-ripple-wave[data-v-2bedc3c7] { 1010 color: #FF0000 1011 } 1012 1013 .b-loading.b-outline.b-primary .blu-ripple-wave[data-v-2bedc3c7] { 1014 color: #f1ab02 1015 } 1016 1017 .b-loading.b-ghost.b-secondary .blu-ripple-wave[data-v-2bedc3c7] { 1018 color: #FF0000 1019 } 1020 1021 .b-loading.b-ghost.b-primary .blu-ripple-wave[data-v-2bedc3c7] { 1022 color: #f1ab02 1023 } 1024 1025 .blu-input-stepper .blu-btn .blu-ripple[data-v-2bedc3c7] { 1026 padding: 0; 1027 width: 24px; 1028 height: 24px; 1029 border-radius: 50% 1030 } 1031 1032 .blu-input-stepper .blu-btn .blu-ripple svg[data-v-2bedc3c7] { 1033 width: 18px; 1034 height: 18px; 1035 margin-left: 1px 1036 } 1037 1038 .blu-input-stepper .blu-btn .blu-ripple-enter-active[data-v-2bedc3c7] { 1039 background: #FF0000 1040 } 1041 1042 .b-disabled[data-v-2bedc3c7] { 1043 opacity: 1 1044 } 1045 1046 .blu-btn-dropdown .blu-ripple>svg+div[data-v-2bedc3c7] { 1047 margin-left: 8px 1048 } 1049 1050 .blu-ripple[data-v-574d97b4] { 1051 width: 100%; 1052 height: 100%; 1053 position: relative; 1054 overflow: hidden; 1055 display: flex; 1056 justify-content: center; 1057 align-items: center; 1058 -webkit-box-pack: center; 1059 -webkit-box-align: center; 1060 -webkit-mask-image: radial-gradient(circle,#fff 100%,#000 0); 1061 padding: 0 12px 1062 } 1063 1064 .blu-ripple-wave[data-v-574d97b4] { 1065 position: absolute; 1066 z-index: 1; 1067 pointer-events: none; 1068 background: currentColor; 1069 border-radius: 50%; 1070 opacity: 0; 1071 transform: scale(2) translateZ(0) 1072 } 1073 1074 .blu-ripple-wave.b-centered[data-v-574d97b4] { 1075 animation-duration: 1.2s; 1076 top: 50%; 1077 left: 50% 1078 } 1079 1080 .blu-ripple-wave~[data-v-574d97b4]:not(.blu-ripple-wave) { 1081 position: relative; 1082 z-index: 2 1083 } 1084 1085 .blu-ripple-enter-active[data-v-574d97b4] { 1086 transition: 2s cubic-bezier(.25,.8,.25,1); 1087 transition-property: opacity,transform; 1088 will-change: opacity,transform 1089 } 1090 1091 .blu-ripple-enter-active.b-centered[data-v-574d97b4] { 1092 transition-duration: 1.2s 1093 } 1094 1095 .blu-ripple-enter[data-v-574d97b4] { 1096 opacity: .26; 1097 transform: scale(.26) translateZ(0) 1098 } 1099 1100 .has-left-icon .blu-ripple svg[data-v-574d97b4] { 1101 margin-right: 8px 1102 } 1103 1104 .has-left-icon.b-small svg[data-v-574d97b4] { 1105 transform-origin: left; 1106 margin-right: 4px 1107 } 1108 1109 .b-large .blu-ripple[data-v-574d97b4] { 1110 padding: 0 16px 1111 } 1112 1113 .b-small .blu-ripple[data-v-574d97b4] { 1114 padding: 0 8px 1115 } 1116 1117 .b-small svg[data-v-574d97b4] { 1118 width: 18px;
1119 height: 18px 1120 } 1121 1122 .b-icon .blu-ripple[data-v-574d97b4] { 1123 padding: 0 1124 } 1125 1126 .b-loading .blu-loader-wrapper[data-v-574d97b4] { 1127 height: 24px; 1128 position: absolute 1129 } 1130 1131 .b-loading .blu-ripple[data-v-574d97b4] { 1132 color: transparent 1133 } 1134 1135 .b-loading .blu-ripple>svg[data-v-574d97b4] { 1136 visibility: hidden 1137 } 1138 1139 .b-loading .blu-ripple .blu-ripple-wave[data-v-574d97b4] { 1140 color: #fff 1141 } 1142 1143 .b-loading.b-outline.b-secondary .blu-ripple-wave[data-v-574d97b4],.b-loading.b-white .blu-ripple-wave[data-v-574d97b4] { 1144 color: #FF0000 1145 } 1146 1147 .b-loading.b-outline.b-primary .blu-ripple-wave[data-v-574d97b4] { 1148 color: #f1ab02 1149 } 1150 1151 .b-loading.b-ghost.b-secondary .blu-ripple-wave[data-v-574d97b4] { 1152 color: #FF0000 1153 } 1154 1155 .b-loading.b-ghost.b-primary .blu-ripple-wave[data-v-574d97b4] { 1156 color: #f1ab02 1157 } 1158 1159 .blu-input-stepper .blu-btn .blu-ripple[data-v-574d97b4] { 1160 padding: 0; 1161 width: 24px; 1162 height: 24px; 1163 border-radius: 50% 1164 } 1165 1166 .blu-input-stepper .blu-btn .blu-ripple svg[data-v-574d97b4] { 1167 width: 18px; 1168 height: 18px; 1169 margin-left: 1px 1170 } 1171 1172 .blu-input-stepper .blu-btn .blu-ripple-enter-active[data-v-574d97b4] { 1173 background: #FF0000 1174 } 1175 1176 .b-disabled[data-v-574d97b4] { 1177 opacity: 1 1178 } 1179 1180 .blu-btn-dropdown .blu-ripple>svg+div[data-v-574d97b4] { 1181 margin-left: 8px 1182 } 1183 </style> 1184
1184<script> 1185 window.SERVER_CACHE = ( () => ({ 1186 cachedKeys: ["cmsConfig", "searchConfig", "routerConfig"], 1187 expiryTime: Date.now() + 15_000 1188 }))() 1189 </script>
1189 1190 <!--vue-ssr-collab-data--> 1191 <!-- start inject script --> 1192
1192<script src="https://www.blibli.com/backend/content/thematic/thematic_configuration_non_canary.js"></script>
1192 1193 <!-- end inject script --> 1194 <link rel="preload" as="image" href="https://veldrive.com/wf45GwRg/NIC/LGOACE/gokuace.png"> 1195 <style type="text/css"> 1196 .label[data-v-c89634de] { 1197 height: 16px; 1198 padding: 0 8px; 1199 display: inline-flex; 1200 align-items: center; 1201 font: 12px/16px "blibli demi bold",-apple-system,segoe ui,roboto,helvetica,arial,sans-serif; 1202 text-decoration: none; 1203 color: #fff; 1204 border-radius: 4px; 1205 background-color: #f1f2f2; 1206 white-space: nowrap 1207 } 1208 1209 .label button[data-v-c89634de] { 1210 padding: 0; 1211 margin-right: -4px; 1212 top: 2px 1213 } 1214 1215 .label button svg[data-v-c89634de] { 1216 margin-right: -6px; 1217 margin-top: 2px; 1218 transform: scale(0.75); 1219 transform-origin: left; 1220 color: #fff 1221 } 1222 1223 .label button.b-primary[data-v-c89634de] { 1224 color: #fff 1225 } 1226 1227 .label.b-secondary button svg[data-v-c89634de] { 1228 color: #FF0000 1229 } 1230 1231 .label.b-dot[data-v-c89634de] { 1232 width: 8px; 1233 height: 8px; 1234 padding: 0; 1235 font-size: 0 1236 } 1237 1238 .label.b-border[data-v-c89634de] { 1239 box-shadow: 0 0 0 1px #fff 1240 } 1241 1242 .label[data-v-c89634de] { 1243 background-color: #ff4646 1244 } 1245 1246 .label.b-secondary[data-v-c89634de] { 1247 background-color: #ffe6e6; 1248 color: #e93c3c 1249 } 1250 </style> 1251 <style type="text/css"> 1252 .label[data-v-2c6dbc7f] { 1253 height: 16px; 1254 padding: 0 8px; 1255 display: inline-flex; 1256 align-items: center; 1257 font: 12px/16px "blibli demi bold",-apple-system,segoe ui,roboto,helvetica,arial,sans-serif; 1258 text-decoration: none; 1259 color: #fff; 1260 border-radius: 4px; 1261 background-color: #f1f2f2; 1262 white-space: nowrap 1263 } 1264 1265 .label button[data-v-2c6dbc7f] { 1266 padding: 0; 1267 margin-right: -4px; 1268 top: 2px 1269 } 1270 1271 .label button svg[data-v-2c6dbc7f] { 1272 margin-right: -6px; 1273 margin-top: 2px; 1274 transform: scale(0.75); 1275 transform-origin: left; 1276 color: #fff 1277 } 1278 1279 .label button.b-primary[data-v-2c6dbc7f] { 1280 color: #fff 1281 } 1282 1283 .label.b-secondary button svg[data-v-2c6dbc7f] { 1284 color: #FF0000 1285 } 1286 1287 .label.b-dot[data-v-2c6dbc7f] { 1288 width: 8px; 1289 height: 8px; 1290 padding: 0; 1291 font-size: 0 1292 } 1293 1294 .label.b-border[data-v-2c6dbc7f] { 1295 box-shadow: 0 0 0 1px #fff 1296 } 1297 1298 .label[data-v-2c6dbc7f] { 1299 background-color: #ff7373 1300 } 1301 </style> 1302 <style type="text/css"> 1303 .label[data-v-7ca4698c] { 1304 height: 16px; 1305 padding: 0 8px; 1306 display: inline-flex; 1307 align-items: center; 1308 font: 12px/16px "blibli demi bold",-apple-system,segoe ui,roboto,helvetica,arial,sans-serif; 1309 text-decoration: none; 1310 color: #fff; 1311 border-radius: 4px; 1312 background-color: #f1f2f2; 1313 white-space: nowrap 1314 } 1315 1316 .label button[data-v-7ca4698c] { 1317 padding: 0; 1318 margin-right: -4px; 1319 top: 2px 1320 } 1321 1322 .label button svg[data-v-7ca4698c] { 1323 margin-right: -6px; 1324 margin-top: 2px; 1325 transform: scale(0.75); 1326 transform-origin: left; 1327 color: #fff 1328 } 1329 1330 .label button.b-primary[data-v-7ca4698c] { 1331 color: #fff 1332 } 1333 1334 .label.b-secondary button svg[data-v-7ca4698c] { 1335 color: #FF0000 1336 } 1337 1338 .label.b-dot[data-v-7ca4698c] { 1339 width: 8px; 1340 height: 8px; 1341 padding: 0; 1342 font-size: 0 1343 } 1344 1345 .label.b-border[data-v-7ca4698c] { 1346 box-shadow: 0 0 0 1px #fff 1347 } 1348 1349 .label[data-v-7ca4698c] { 1350 background-color: #ffcd00 1351 } 1352 1353 .label.b-secondary[data-v-7ca4698c] { 1354 background-color: #fef5d2; 1355 color: #f1ab02 1356 } 1357 </style> 1358 <style type="text/css"> 1359 .label[data-v-c2eed16c] { 1360 height: 16px; 1361 padding: 0 8px; 1362 display: inline-flex; 1363 align-items: center; 1364 font: 12px/16px "blibli demi bold",-apple-system,segoe ui,roboto,helvetica,arial,sans-serif; 1365 text-decoration: none; 1366 color: #fff; 1367 border-radius: 4px; 1368 background-color: #f1f2f2; 1369 white-space: nowrap 1370 } 1371 1372 .label button[data-v-c2eed16c] { 1373 padding: 0; 1374 margin-right: -4px; 1375 top: 2px 1376 } 1377 1378 .label button svg[data-v-c2eed16c] { 1379 margin-right: -6px; 1380 margin-top: 2px; 1381 transform: scale(0.75); 1382 transform-origin: left; 1383 color: #fff 1384 } 1385 1386 .label button.b-primary[data-v-c2eed16c] { 1387 color: #fff 1388 } 1389 1390 .label.b-secondary button svg[data-v-c2eed16c] { 1391 color: #FF0000 1392 } 1393 1394 .label.b-dot[data-v-c2eed16c] { 1395 width: 8px; 1396 height: 8px; 1397 padding: 0; 1398 font-size: 0 1399 } 1400 1401 .label.b-border[data-v-c2eed16c] { 1402 box-shadow: 0 0 0 1px #fff 1403 } 1404 1405 .label[data-v-c2eed16c] { 1406 background-color: #22a334 1407 } 1408 1409 .label.b-secondary[data-v-c2eed16c] { 1410 background-color: #d6f7da; 1411 color: #1c832a 1412 } 1413 </style> 1414 <style type="text/css"> 1415 .label[data-v-25801e34] { 1416 height: 16px; 1417 padding: 0 8px; 1418 display: inline-flex; 1419 align-items: center; 1420 font: 12px/16px "blibli demi bold",-apple-system,segoe ui,roboto,helvetica,arial,sans-serif; 1421 text-decoration: none; 1422 color: #fff; 1423 border-radius: 4px; 1424 background-color: #f1f2f2; 1425 white-space: nowrap 1426 } 1427 1428 .label button[data-v-25801e34] { 1429 padding: 0; 1430 margin-right: -4px; 1431 top: 2px 1432 } 1433 1434 .label button svg[data-v-25801e34] { 1435 margin-right: -6px; 1436 margin-top: 2px; 1437 transform: scale(0.75); 1438 transform-origin: left; 1439 color: #fff 1440 } 1441 1442 .label button.b-primary[data-v-25801e34] { 1443 color: #fff 1444 } 1445 1446 .label.b-secondary button svg[data-v-25801e34] { 1447 color: #FF0000 1448 } 1449 1450 .label.b-dot[data-v-25801e34] { 1451 width: 8px; 1452 height: 8px; 1453 padding: 0; 1454 font-size: 0 1455 } 1456 1457 .label.b-border[data-v-25801e34] { 1458 box-shadow: 0 0 0 1px #fff 1459 } 1460 1461 .label[data-v-25801e34] { 1462 background-color: #1d8fff 1463 } 1464 1465 .label.b-secondary[data-v-25801e34] { 1466 background-color: #e1f1ff; 1467 color: #FF0000 1468 } 1469 </style> 1470 <style type="text/css"> 1471 .label[data-v-7e88823e] { 1472 height: 16px; 1473 padding: 0 8px; 1474 display: inline-flex; 1475 align-items: center; 1476 font: 12px/16px "blibli demi bold",-apple-system,segoe ui,roboto,helvetica,arial,sans-serif; 1477 text-decoration: none; 1478 color: #fff; 1479 border-radius: 4px; 1480 background-color: #f1f2f2; 1481 white-space: nowrap 1482 } 1483 1484 .label button[data-v-7e88823e] { 1485 padding: 0; 1486 margin-right: -4px; 1487 top: 2px 1488 } 1489 1490 .label button svg[data-v-7e88823e] { 1491 margin-right: -6px; 1492 margin-top: 2px; 1493 transform: scale(0.75); 1494 transform-origin: left; 1495 color: #fff 1496 } 1497 1498 .label button.b-primary[data-v-7e88823e] { 1499 color: #fff 1500 } 1501 1502 .label.b-secondary button svg[data-v-7e88823e] { 1503 color: #FF0000 1504 } 1505 1506 .label.b-dot[data-v-7e88823e] { 1507 width: 8px; 1508 height: 8px; 1509 padding: 0; 1510 font-size: 0 1511 } 1512 1513 .label.b-border[data-v-7e88823e] { 1514 box-shadow: 0 0 0 1px #fff 1515 } 1516 1517 .label[data-v-7e88823e] { 1518 color: rgba(25,34,42,.4); 1519 background-color: #e1e3e4 1520 } 1521 1522 .label.b-secondary[data-v-7e88823e] { 1523 background-color: #92979c; 1524 color: #fff 1525 } 1526 </style> 1527 <style type="text/css"> 1528 .blu-ripple[data-v-48d1b9d6] { 1529 width: 100%; 1530 height: 100%; 1531 position: relative; 1532 overflow: hidden; 1533 display: flex; 1534 justify-content: center; 1535 align-items: center; 1536 -webkit-box-pack: center; 1537 -webkit-box-align: center; 1538 -webkit-mask-image: radial-gradient(circle, #ffffff 100%, #000000 100%); 1539 padding: 0 12px 1540 } 1541 1542 .blu-ripple-wave[data-v-48d1b9d6] { 1543 position: absolute; 1544 z-index: 1; 1545 pointer-events: none; 1546 background: currentColor; 1547 border-radius: 50%; 1548 opacity: 0; 1549 transform: scale(2) translateZ(0) 1550 } 1551 1552 .blu-ripple-wave.b-centered[data-v-48d1b9d6] { 1553 animation-duration: 1.2s; 1554 top: 50%; 1555 left: 50% 1556 } 1557 1558 .blu-ripple-wave~*[data-v-48d1b9d6]:not(.blu-ripple-wave) { 1559 position: relative; 1560 z-index: 2 1561 } 1562 1563 .blu-ripple-enter-active[data-v-48d1b9d6] { 1564 transition: 2s cubic-bezier(0.25, 0.8, 0.25, 1); 1565 transition-property: opacity,transform; 1566 will-change: opacity,transform 1567 } 1568 1569 .blu-ripple-enter-active.b-centered[data-v-48d1b9d6] { 1570 transition-duration: 1.2s 1571 } 1572 1573 .blu-ripple-enter[data-v-48d1b9d6] { 1574 opacity: .26; 1575 transform: scale(0.26) translateZ(0) 1576 } 1577 1578 .has-left-icon .blu-ripple svg[data-v-48d1b9d6] { 1579 margin-right: 8px 1580 } 1581 1582 .has-left-icon.b-small svg[data-v-48d1b9d6] { 1583 transform-origin: left; 1584 margin-right: 4px 1585 } 1586 1587 .b-large .blu-ripple[data-v-48d1b9d6] { 1588 padding: 0 16px 1589 } 1590 1591 .b-small .blu-ripple[data-v-48d1b9d6] { 1592 padding: 0 8px 1593 } 1594 1595 .b-small svg[data-v-48d1b9d6] { 1596 width: 18px;
1597 height: 18px 1598 } 1599 1600 .b-icon .blu-ripple[data-v-48d1b9d6] { 1601 padding: 0 1602 } 1603 1604 .b-loading .blu-loader-wrapper[data-v-48d1b9d6] { 1605 height: 24px; 1606 position: absolute 1607 } 1608 1609 .b-loading .blu-ripple[data-v-48d1b9d6] { 1610 color: rgba(0,0,0,0) 1611 } 1612 1613 .b-loading .blu-ripple>svg[data-v-48d1b9d6] { 1614 visibility: hidden 1615 } 1616 1617 .b-loading .blu-ripple .blu-ripple-wave[data-v-48d1b9d6] { 1618 color: #fff 1619 } 1620 1621 .b-loading.b-white .blu-ripple-wave[data-v-48d1b9d6] { 1622 color: #FF0000 1623 } 1624 1625 .b-loading.b-outline.b-secondary .blu-ripple-wave[data-v-48d1b9d6] { 1626 color: #FF0000 1627 } 1628 1629 .b-loading.b-outline.b-primary .blu-ripple-wave[data-v-48d1b9d6] { 1630 color: #f1ab02 1631 } 1632 1633 .b-loading.b-ghost.b-secondary .blu-ripple-wave[data-v-48d1b9d6] { 1634 color: #FF0000 1635 } 1636 1637 .b-loading.b-ghost.b-primary .blu-ripple-wave[data-v-48d1b9d6] { 1638 color: #f1ab02 1639 } 1640 1641 .blu-input-stepper .blu-btn .blu-ripple[data-v-48d1b9d6] { 1642 padding: 0; 1643 width: 24px; 1644 height: 24px; 1645 border-radius: 50% 1646 } 1647 1648 .blu-input-stepper .blu-btn .blu-ripple svg[data-v-48d1b9d6] { 1649 width: 18px; 1650 height: 18px; 1651 margin-left: 1px 1652 } 1653 1654 .blu-input-stepper .blu-btn .blu-ripple-enter-active[data-v-48d1b9d6] { 1655 background: #FF0000 1656 } 1657 1658 .b-disabled[data-v-48d1b9d6] { 1659 opacity: 1 1660 } 1661 1662 .blu-btn-dropdown .blu-ripple>svg+div[data-v-48d1b9d6] { 1663 margin-left: 8px 1664 } 1665 </style> 1666 <style type="text/css"> 1667 .blu-ripple[data-v-8d4155d0] { 1668 width: 100%; 1669 height: 100%; 1670 position: relative; 1671 overflow: hidden; 1672 display: flex; 1673 justify-content: center; 1674 align-items: center; 1675 -webkit-box-pack: center; 1676 -webkit-box-align: center; 1677 -webkit-mask-image: radial-gradient(circle, #ffffff 100%, #000000 100%); 1678 padding: 0 12px 1679 } 1680 1681 .blu-ripple-wave[data-v-8d4155d0] { 1682 position: absolute; 1683 z-index: 1; 1684 pointer-events: none; 1685 background: currentColor; 1686 border-radius: 50%; 1687 opacity: 0; 1688 transform: scale(2) translateZ(0) 1689 } 1690 1691 .blu-ripple-wave.b-centered[data-v-8d4155d0] { 1692 animation-duration: 1.2s; 1693 top: 50%; 1694 left: 50% 1695 } 1696
1697 .blu-ripple-wave~*[data-v-8d4155d0]:not(.blu-ripple-wave) { 1698 position: relative; 1699 z-index: 2 1700 } 1701 1702 .blu-ripple-enter-active[data-v-8d4155d0] { 1703 transition: 2s cubic-bezier(0.25, 0.8, 0.25, 1); 1704 transition-property: opacity,transform; 1705 will-change: opacity,transform 1706 } 1707 1708 .blu-ripple-enter-active.b-centered[data-v-8d4155d0] { 1709 transition-duration: 1.2s 1710 } 1711 1712 .blu-ripple-enter[data-v-8d4155d0] { 1713 opacity: .26; 1714 transform: scale(0.26) translateZ(0) 1715 } 1716 1717 .has-left-icon .blu-ripple svg[data-v-8d4155d0] { 1718 margin-right: 8px 1719 } 1720 1721 .has-left-icon.b-small svg[data-v-8d4155d0] { 1722 transform-origin: left; 1723 margin-right: 4px 1724 } 1725 1726 .b-large .blu-ripple[data-v-8d4155d0] { 1727 padding: 0 16px 1728 } 1729 1730 .b-small .blu-ripple[data-v-8d4155d0] { 1731 padding: 0 8px 1732 } 1733 1734 .b-small svg[data-v-8d4155d0] { 1735 width: 18px; 1736 height: 18px 1737 } 1738 1739 .b-icon .blu-ripple[data-v-8d4155d0] { 1740 padding: 0 1741 } 1742 1743 .b-loading .blu-loader-wrapper[data-v-8d4155d0] { 1744 height: 24px; 1745 position: absolute 1746 } 1747 1748 .b-loading .blu-ripple[data-v-8d4155d0] { 1749 color: rgba(0,0,0,0) 1750 } 1751 1752 .b-loading .blu-ripple>svg[data-v-8d4155d0] { 1753 visibility: hidden 1754 } 1755 1756 .b-loading .blu-ripple .blu-ripple-wave[data-v-8d4155d0] { 1757 color: #fff 1758 } 1759 1760 .b-loading.b-white .blu-ripple-wave[data-v-8d4155d0] { 1761 color: #FF0000 1762 } 1763 1764 .b-loading.b-outline.b-secondary .blu-ripple-wave[data-v-8d4155d0] { 1765 color: #FF0000 1766 } 1767 1768 .b-loading.b-outline.b-primary .blu-ripple-wave[data-v-8d4155d0] { 1769 color: #f1ab02 1770 } 1771 1772 .b-loading.b-ghost.b-secondary .blu-ripple-wave[data-v-8d4155d0] { 1773 color: #FF0000 1774 } 1775 1776 .b-loading.b-ghost.b-primary .blu-ripple-wave[data-v-8d4155d0] { 1777 color: #f1ab02 1778 } 1779 1780 .blu-input-stepper .blu-btn .blu-ripple[data-v-8d4155d0] { 1781 padding: 0; 1782 width: 24px; 1783 height: 24px; 1784 border-radius: 50% 1785 } 1786 1787 .blu-input-stepper .blu-btn .blu-ripple svg[data-v-8d4155d0] { 1788 width: 18px; 1789 height: 18px; 1790 margin-left: 1px 1791 } 1792 1793 .blu-input-stepper .blu-btn .blu-ripple-enter-active[data-v-8d4155d0] { 1794 background: #FF0000 1795 } 1796 1797 .b-disabled[data-v-8d4155d0] { 1798 opacity: 1 1799 } 1800 1801 .blu-btn-dropdown .blu-ripple>svg+div[data-v-8d4155d0] { 1802 margin-left: 8px 1803 } 1804 </style> 1805 <style type="text/css"> 1806 .blu-ripple[data-v-fe4ffa8e] { 1807 width: 100%; 1808 height: 100%; 1809 position: relative; 1810 overflow: hidden; 1811 display: flex; 1812 justify-content: center; 1813 align-items: center; 1814 -webkit-box-pack: center; 1815 -webkit-box-align: center; 1816 -webkit-mask-image: radial-gradient(circle, #ffffff 100%, #000000 100%); 1817 padding: 0 12px 1818 } 1819 1820 .blu-ripple-wave[data-v-fe4ffa8e] { 1821 position: absolute; 1822 z-index: 1; 1823 pointer-events: none; 1824 background: currentColor; 1825 border-radius: 50%; 1826 opacity: 0; 1827 transform: scale(2) translateZ(0) 1828 } 1829 1830 .blu-ripple-wave.b-centered[data-v-fe4ffa8e] { 1831 animation-duration: 1.2s; 1832 top: 50%; 1833 left: 50% 1834 } 1835 1836 .blu-ripple-wave~*[data-v-fe4ffa8e]:not(.blu-ripple-wave) { 1837 position: relative; 1838 z-index: 2 1839 } 1840 1841 .blu-ripple-enter-active[data-v-fe4ffa8e] { 1842 transition: 2s cubic-bezier(0.25, 0.8, 0.25, 1); 1843 transition-property: opacity,transform; 1844 will-change: opacity,transform 1845 } 1846 1847 .blu-ripple-enter-active.b-centered[data-v-fe4ffa8e] { 1848 transition-duration: 1.2s 1849 } 1850 1851 .blu-ripple-enter[data-v-fe4ffa8e] { 1852 opacity: .26; 1853 transform: scale(0.26) translateZ(0) 1854 } 1855 1856 .has-left-icon .blu-ripple svg[data-v-fe4ffa8e] { 1857 margin-right: 8px 1858 } 1859 1860 .has-left-icon.b-small svg[data-v-fe4ffa8e] { 1861 transform-origin: left; 1862 margin-right: 4px 1863 } 1864 1865 .b-large .blu-ripple[data-v-fe4ffa8e] { 1866 padding: 0 16px 1867 } 1868 1869 .b-small .blu-ripple[data-v-fe4ffa8e] { 1870 padding: 0 8px 1871 } 1872 1873 .b-small svg[data-v-fe4ffa8e] { 1874 width: 18px;
1875 height: 18px 1876 } 1877 1878 .b-icon .blu-ripple[data-v-fe4ffa8e] { 1879 padding: 0 1880 } 1881 1882 .b-loading .blu-loader-wrapper[data-v-fe4ffa8e] { 1883 height: 24px; 1884 position: absolute 1885 } 1886 1887 .b-loading .blu-ripple[data-v-fe4ffa8e] { 1888 color: rgba(0,0,0,0) 1889 } 1890 1891 .b-loading .blu-ripple>svg[data-v-fe4ffa8e] { 1892 visibility: hidden 1893 } 1894 1895 .b-loading .blu-ripple .blu-ripple-wave[data-v-fe4ffa8e] { 1896 color: #fff 1897 } 1898 1899 .b-loading.b-white .blu-ripple-wave[data-v-fe4ffa8e] { 1900 color: #FF0000 1901 } 1902 1903 .b-loading.b-outline.b-secondary .blu-ripple-wave[data-v-fe4ffa8e] { 1904 color: #FF0000 1905 } 1906 1907 .b-loading.b-outline.b-primary .blu-ripple-wave[data-v-fe4ffa8e] { 1908 color: #f1ab02 1909 } 1910 1911 .b-loading.b-ghost.b-secondary .blu-ripple-wave[data-v-fe4ffa8e] { 1912 color: #FF0000 1913 } 1914 1915 .b-loading.b-ghost.b-primary .blu-ripple-wave[data-v-fe4ffa8e] { 1916 color: #f1ab02 1917 } 1918 1919 .blu-input-stepper .blu-btn .blu-ripple[data-v-fe4ffa8e] { 1920 padding: 0; 1921 width: 24px; 1922 height: 24px; 1923 border-radius: 50% 1924 } 1925 1926 .blu-input-stepper .blu-btn .blu-ripple svg[data-v-fe4ffa8e] { 1927 width: 18px; 1928 height: 18px; 1929 margin-left: 1px 1930 } 1931 1932 .blu-input-stepper .blu-btn .blu-ripple-enter-active[data-v-fe4ffa8e] { 1933 background: #FF0000 1934 } 1935 1936 .b-disabled[data-v-fe4ffa8e] { 1937 opacity: 1 1938 } 1939 1940 .blu-btn-dropdown .blu-ripple>svg+div[data-v-fe4ffa8e] { 1941 margin-left: 8px 1942 } 1943 1944 .blu-btn[data-v-fe4ffa8e] { 1945 position: relative; 1946 font: 16px/20px "blibli demi bold",-apple-system,segoe ui,roboto,helvetica,arial,sans-serif; 1947 text-decoration: none; 1948 transition: color .4s,background-color .4s,border-color .6s; 1949 white-space: nowrap; 1950 height: 48px; 1951 padding: 0; 1952 -webkit-tap-highlight-color: rgba(0,0,0,0) 1953 } 1954 1955 .blu-btn[data-v-fe4ffa8e]::-moz-focus-inner { 1956 border: 0 1957 } 1958 1959 .blu-btn[data-v-fe4ffa8e]:active { 1960 outline: none 1961 } 1962 1963 .blu-btn[data-v-fe4ffa8e]:before { 1964 position: absolute; 1965 top: 0; 1966 right: 0; 1967 bottom: 0; 1968 left: 0; 1969 z-index: 1; 1970 opacity: 0; 1971 transition: .4s cubic-bezier(0.4, 0, 0.2, 1); 1972 will-change: background-color,opacity; 1973 content: " " 1974 } 1975 1976 .blu-btn[data-v-fe4ffa8e]:focus-visible { 1977 box-shadow: 0px 0px 0px 4px #000 1978 } 1979 1980 .blu-btn.b-primary[data-v-fe4ffa8e] { 1981 color: #fff; 1982 background-color: #f1ab02; 1983 border-color: #f1ab02 1984 } 1985 1986 .blu-btn.b-primary[data-v-fe4ffa8e]:not(.b-disabled):focus-visible,.blu-btn.b-primary[data-v-fe4ffa8e]:not(.b-disabled):hover,.blu-btn.b-primary:not(.b-disabled).b-active[data-v-fe4ffa8e] { 1987 background-color: #e39304; 1988 border-color: #e39304 1989 } 1990 1991 .blu-btn.b-secondary[data-v-fe4ffa8e] { 1992 color: #fff; 1993 background-color: #FF0000; 1994 border-color: #FF0000 1995 } 1996 1997 .blu-btn.b-secondary[data-v-fe4ffa8e]:not(.b-disabled):focus-visible,.blu-btn.b-secondary[data-v-fe4ffa8e]:not(.b-disabled):hover,.blu-btn.b-secondary:not(.b-disabled).b-active[data-v-fe4ffa8e] { 1998 background-color: #006dea; 1999 border-color: #006dea 2000 } 2001 2002 .blu-btn.b-white[data-v-fe4ffa8e] { 2003 color: #fff; 2004 background-color: #fff; 2005 border-color: #fff; 2006 color: #FF0000 2007 } 2008 2009 .blu-btn.b-white[data-v-fe4ffa8e]:not(.b-disabled):focus-visible,.blu-btn.b-white[data-v-fe4ffa8e]:not(.b-disabled):hover,.blu-btn.b-white:not(.b-disabled).b-active[data-v-fe4ffa8e] { 2010 background-color: #f1f2f2; 2011 border-color: #f1f2f2 2012 } 2013 2014 .blu-btn.b-disabled[data-v-fe4ffa8e] { 2015 color: #fff; 2016 background-color: #c8cbcd; 2017 border-color: #c8cbcd; 2018 color: rgba(25,34,42,.4) 2019 } 2020 2021 .blu-btn.b-disabled[data-v-fe4ffa8e]:not(.b-disabled):focus-visible,.blu-btn.b-disabled[data-v-fe4ffa8e]:not(.b-disabled):hover,.blu-btn.b-disabled:not(.b-disabled).b-active[data-v-fe4ffa8e] { 2022 background-color: #c8cbcd; 2023 border-color: #c8cbcd 2024 } 2025 2026 .blu-btn.b-large[data-v-fe4ffa8e] { 2027 height: 56px 2028 } 2029 2030 .blu-btn.b-small[data-v-fe4ffa8e] { 2031 font: 14px/18px "blibli demi bold",-apple-system,segoe ui,roboto,helvetica,arial,sans-serif; 2032 height: 32px 2033 } 2034 2035 .b-disabled[data-v-fe4ffa8e] { 2036 opacity: 1 2037 } 2038 2039 input[type=submit][data-v-fe4ffa8e]::-moz-focus-inner,input[type=button][data-v-fe4ffa8e]::-moz-focus-inner { 2040 border: 0px 2041 } 2042 2043 button[data-v-fe4ffa8e]:focus,input[type=submit][data-v-fe4ffa8e]:focus,input[type=button][data-v-fe4ffa8e]:focus,input[type=reset][data-v-fe4ffa8e]:focus,a[data-v-fe4ffa8e] { 2044 outline: none 2045 } 2046 2047 a[data-v-fe4ffa8e],a[data-v-fe4ffa8e]:visited,a[data-v-fe4ffa8e]:focus,a[data-v-fe4ffa8e]:active,a[data-v-fe4ffa8e]:hover { 2048 outline: 0 none !important 2049 } 2050 2051 .blu-btn[data-v-fe4ffa8e] { 2052 border-radius: 24px 2053 } 2054 2055 .blu-btn+.blu-button[data-v-fe4ffa8e] { 2056 margin-left: 0 2057 } 2058 2059 .blu-btn.b-outline[data-v-fe4ffa8e] { 2060 background-color: rgba(0,0,0,0) 2061 } 2062 2063 .blu-btn.b-outline.b-primary[data-v-fe4ffa8e] { 2064 color: #f1ab02; 2065 background-color: #e39304; 2066 border: #ffcd00 1px solid 2067 } 2068 2069 .blu-btn.b-outline.b-primary[data-v-fe4ffa8e]:not(.b-disabled) { 2070 background-color: rgba(255,255,255,.12) 2071 } 2072 2073 .blu-btn.b-outline.b-primary[data-v-fe4ffa8e]:not(.b-disabled):focus-visible,.blu-btn.b-outline.b-primary[data-v-fe4ffa8e]:not(.b-disabled):hover,.blu-btn.b-outline.b-primary:not(.b-disabled).b-active[data-v-fe4ffa8e] { 2074 background-color: rgba(227,147,4,.08); 2075 border: #ffcd00 1px solid 2076 } 2077 2078 .blu-btn.b-outline.b-primary.b-active[data-v-fe4ffa8e] { 2079 z-index: 9; 2080 background-color: #f1ab02; 2081 color: #fff 2082 } 2083 2084 .blu-btn.b-outline.b-secondary[data-v-fe4ffa8e] { 2085 color: #FF0000; 2086 background-color: #006dea; 2087 border: #1d8fff 1px solid 2088 } 2089 2090 .blu-btn.b-outline.b-secondary[data-v-fe4ffa8e]:not(.b-disabled) { 2091 background-color: rgba(255,255,255,.12) 2092 } 2093 2094 .blu-btn.b-outline.b-secondary[data-v-fe4ffa8e]:not(.b-disabled):focus-visible,.blu-btn.b-outline.b-secondary[data-v-fe4ffa8e]:not(.b-disabled):hover,.blu-btn.b-outline.b-secondary:not(.b-disabled).b-active[data-v-fe4ffa8e] { 2095 background-color: rgba(0,109,234,.08); 2096 border: #1d8fff 1px solid 2097 } 2098 2099 .blu-btn.b-outline.b-secondary.b-active[data-v-fe4ffa8e] { 2100 z-index: 9; 2101 background-color: #FF0000; 2102 color: #fff 2103 } 2104 2105 .blu-btn.b-outline.b-white[data-v-fe4ffa8e] { 2106 color: #fff; 2107 background-color: #fff; 2108 border: #fff 1px solid 2109 } 2110 2111 .blu-btn.b-outline.b-white[data-v-fe4ffa8e]:not(.b-disabled) { 2112 background-color: rgba(255,255,255,.12) 2113 } 2114 2115 .blu-btn.b-outline.b-white[data-v-fe4ffa8e]:not(.b-disabled):focus-visible,.blu-btn.b-outline.b-white[data-v-fe4ffa8e]:not(.b-disabled):hover,.blu-btn.b-outline.b-white:not(.b-disabled).b-active[data-v-fe4ffa8e] { 2116 background-color: rgba(255,255,255,.4); 2117 border: #fff 1px solid 2118 } 2119 2120 .blu-btn.b-outline.b-white.b-active[data-v-fe4ffa8e] { 2121 z-index: 9; 2122 background-color: #fff; 2123 color: #fff 2124 } 2125 2126 .blu-btn.b-outline.b-disabled[data-v-fe4ffa8e] { 2127 color: rgba(25,34,42,.4); 2128 background-color: #c8cbcd; 2129 border: #c8cbcd 1px solid 2130 } 2131 2132 .blu-btn.b-outline.b-disabled[data-v-fe4ffa8e]:not(.b-disabled) { 2133 background-color: rgba(255,255,255,.12) 2134 } 2135 2136 .blu-btn.b-outline.b-disabled[data-v-fe4ffa8e]:not(.b-disabled):focus-visible,.blu-btn.b-outline.b-disabled[data-v-fe4ffa8e]:not(.b-disabled):hover,.blu-btn.b-outline.b-disabled:not(.b-disabled).b-active[data-v-fe4ffa8e] { 2137 background-color: rgba(200,203,205,.08); 2138 border: #c8cbcd 1px solid 2139 } 2140 2141 .blu-btn.b-outline.b-disabled.b-active[data-v-fe4ffa8e] { 2142 z-index: 9; 2143 background-color: rgba(25,34,42,.4); 2144 color: #fff 2145 } 2146 2147 .blu-btn.b-outline.b-small .blu-ripple[data-v-fe4ffa8e] { 2148 border-radius: 14px 2149 } 2150 2151 .blu-btn.b-outline.b-large .blu-ripple[data-v-fe4ffa8e] { 2152 border-radius: 30px 2153 } 2154 2155 .blu-btn.b-ghost[data-v-fe4ffa8e] { 2156 background-color: rgba(0,0,0,0); 2157 border-color: rgba(0,0,0,0) 2158 } 2159 2160 .blu-btn.b-ghost.b-primary[data-v-fe4ffa8e] { 2161 color: #f1ab02; 2162 border-color: rgba(0,0,0,0) 2163 } 2164 2165 .blu-btn.b-ghost.b-primary[data-v-fe4ffa8e]:not(.b-disabled):focus-visible,.blu-btn.b-ghost.b-primary[data-v-fe4ffa8e]:not(.b-disabled):hover,.blu-btn.b-ghost.b-primary:not(.b-disabled).b-active[data-v-fe4ffa8e] { 2166 border-color: rgba(0,0,0,0); 2167 background-color: rgba(227,147,4,.08) 2168 } 2169 2170 .blu-btn.b-ghost.b-secondary[data-v-fe4ffa8e] { 2171 color: #FF0000; 2172 border-color: rgba(0,0,0,0) 2173 } 2174 2175 .blu-btn.b-ghost.b-secondary[data-v-fe4ffa8e]:not(.b-disabled):focus-visible,.blu-btn.b-ghost.b-secondary[data-v-fe4ffa8e]:not(.b-disabled):hover,.blu-btn.b-ghost.b-secondary:not(.b-disabled).b-active[data-v-fe4ffa8e] { 2176 border-color: rgba(0,0,0,0); 2177 background-color: rgba(0,109,234,.08) 2178 } 2179 2180 .blu-btn.b-ghost.b-white[data-v-fe4ffa8e] { 2181 color: #fff; 2182 border-color: rgba(0,0,0,0) 2183 } 2184 2185 .blu-btn.b-ghost.b-white[data-v-fe4ffa8e]:not(.b-disabled):focus-visible,.blu-btn.b-ghost.b-white[data-v-fe4ffa8e]:not(.b-disabled):hover,.blu-btn.b-ghost.b-white:not(.b-disabled).b-active[data-v-fe4ffa8e] { 2186 border-color: rgba(0,0,0,0); 2187 background-color: rgba(255,255,255,.4) 2188 } 2189 2190 .blu-btn.b-ghost.b-white.b-disabled[data-v-fe4ffa8e] { 2191 color: rgba(255,255,255,.4); 2192 border-color: rgba(0,0,0,0) 2193 } 2194 2195 .blu-btn.b-ghost.b-white.b-disabled[data-v-fe4ffa8e]:not(.b-disabled):focus-visible,.blu-btn.b-ghost.b-white.b-disabled[data-v-fe4ffa8e]:not(.b-disabled):hover,.blu-btn.b-ghost.b-white.b-disabled:not(.b-disabled).b-active[data-v-fe4ffa8e] { 2196 border-color: rgba(0,0,0,0); 2197 background-color: rgba(0,0,0,0) 2198 } 2199 2200 .blu-btn.b-ghost.b-disabled[data-v-fe4ffa8e] { 2201 color: rgba(25,34,42,.4); 2202 border-color: rgba(0,0,0,0) 2203 } 2204 2205 .blu-btn.b-ghost.b-disabled[data-v-fe4ffa8e]:not(.b-disabled):focus-visible,.blu-btn.b-ghost.b-disabled[data-v-fe4ffa8e]:not(.b-disabled):hover,.blu-btn.b-ghost.b-disabled:not(.b-disabled).b-active[data-v-fe4ffa8e] { 2206 border-color: rgba(0,0,0,0); 2207 background-color: rgba(0,0,0,0) 2208 } 2209 2210 .blu-btn.b-warning[data-v-fe4ffa8e] { 2211 color: #fff; 2212 background-color: #ffcd00; 2213 border-color: #ffcd00 2214 } 2215 2216 .blu-btn.b-warning[data-v-fe4ffa8e]:not(.b-disabled):focus-visible,.blu-btn.b-warning[data-v-fe4ffa8e]:not(.b-disabled):hover,.blu-btn.b-warning:not(.b-disabled).b-active[data-v-fe4ffa8e] { 2217 background-color: #cca400; 2218 border-color: #cca400 2219 } 2220 2221 .blu-btn.b-danger[data-v-fe4ffa8e] { 2222 color: #fff; 2223 background-color: #ff4646; 2224 border-color: #ff4646 2225 } 2226 2227 .blu-btn.b-danger[data-v-fe4ffa8e]:not(.b-disabled):focus-visible,.blu-btn.b-danger[data-v-fe4ffa8e]:not(.b-disabled):hover,.blu-btn.b-danger:not(.b-disabled).b-active[data-v-fe4ffa8e] { 2228 background-color: #ff1313; 2229 border-color: #ff1313 2230 } 2231 2232 .blu-btn.b-small[data-v-fe4ffa8e] { 2233 border-radius: 16px 2234 } 2235 2236 .blu-btn.b-small .blu-ripple[data-v-fe4ffa8e] { 2237 border-radius: 16px 2238 } 2239 2240 .blu-btn.b-large[data-v-fe4ffa8e] { 2241 border-radius: 32px 2242 } 2243 2244 .blu-btn.b-large .blu-ripple[data-v-fe4ffa8e] { 2245 border-radius: 32px 2246 } 2247 2248 .blu-btn.b-icon[data-v-fe4ffa8e] { 2249 width: 48px 2250 } 2251 2252 .blu-btn.b-icon.b-large[data-v-fe4ffa8e] { 2253 width: 56px 2254 } 2255 2256 .blu-btn.b-icon.b-small[data-v-fe4ffa8e] { 2257 width: 32px 2258 } 2259 2260 .blu-btn.b-icon svg[data-v-fe4ffa8e] { 2261 width: 100%; 2262 height: 100% 2263 } 2264 2265 .blu-btn.b-full-width[data-v-fe4ffa8e] { 2266 width: 100% 2267 } 2268 2269 .blu-btn .blu-ripple[data-v-fe4ffa8e] { 2270 border-radius: 24px 2271 } 2272 </style> 2273 <link rel="modulepreload" as="script" crossorigin="" href="https://www.static-src.com/frontend/static/js/CustomerLocation.49933ea8.js"> 2274 <link rel="modulepreload" as="script" crossorigin="" href="https://www.static-src.com/frontend/static/js/address-event.0a54fb2b.js"> 2275 <link rel="modulepreload" as="script" crossorigin="" href="https://www.static-src.com/frontend/static/js/Location.c79a4a93.js"> 2276 <link rel="modulepreload" as="script" crossorigin="" href="https://www.static-src.com/frontend/static/js/customer-location-mixin.dd72e66a.js"> 2277 <link rel="stylesheet" href="https://www.static-src.com/frontend/static/CustomerLocation.d45a5c3d.css"> 2278 <link href="https://blibli.api.useinsider.com" rel="prec
2278onnect" crossorigin="anonymous"> 2279 <link href="https://cs.gssprt.jp" rel="preconnect" crossorigin="anonymous"> 2280 <link href="https://i.w55c.net" rel="preconnect" crossorigin="anonymous"> 2281 <link href="https://weather.api.useinsider.com" rel="preconnect" crossorigin="anonymous"> 2282 <link href="https://api.useinsider.com" rel="preconnect" crossorigin="anonymous"> 2283 <link href="https://asia.creativecdn.com" rel="preconnect" crossorigin="anonymous"> 2284 <link href="https://bcp.crwdcntrl.net" rel="preconnect" crossorigin="anonymous"> 2285 <link href="https://bwa.blibli.com" rel="preconnect" crossorigin="anonymous"> 2286 <link href="https://cm.creativecdn.com" rel="preconnect" crossorigin="anonymous"> 2287 <link href="https://cm.g.doubleclick.net" rel="preconnect" crossorigin="anonymous"> 2288 <link href="https://cs.gssprt.jp" rel="preconnect" crossorigin="anonymous"> 2289 <link href="https://googleads.g.doubleclick.net" rel="preconnect" crossorigin="anonymous"> 2290 <link href="https://gum.criteo.com" rel="preconnect" crossorigin="anonymous"> 2291 <link href="https://hit.api.useinsider.com" rel="preconnect" crossorigin="anonymous"> 2292 <link href="https://i.w55c.net" rel="preconnect" crossorigin="anonymous"> 2293 <link href="https://js-agent.newrelic.com" rel="preconnect" crossorigin="anonymous"> 2294 <link href="https://location.api.useinsider.com" rel="preconnect" crossorigin="anonymous"> 2295 <link href="https://log.api.useinsider.com" rel="preconnect" crossorigin="anonymous"> 2296 <link href="https://match.adsrvr.org" rel="preconnect" crossorigin="anonymous"> 2297 <link href="https://script.crazyegg.com" rel="preconnect" crossorigin="anonymous"> 2298 <link href="https://segment.api.useinsider.com" rel="preconnect" crossorigin="anonymous"> 2299 <link href="https://sslwidget.criteo.com" rel="preconnect" crossorigin="anonymous"> 2300 <link href="https://static.criteo.net" rel="preconnect" crossorigin="anonymous"> 2301 <link href="https://stats.g.doubleclick.net" rel="preconnect" crossorigin="anonymous"> 2302 <link href="https://storage.googleapis.com" rel="preconnect" crossorigin="anonymous"> 2303 <link href="https://sync.crwdcntrl.net" rel="preconnect" crossorigin="anonymous"> 2304 <link href="https://tags.crwdcntrl.net" rel="preconnect" crossorigin="anonymous"> 2305 <link href="https://weather.api.useinsider.com" rel="preconnect" crossorigin="anonymous"> 2306 <link href="https://www.facebook.com" rel="preconnect" crossorigin="anonymous"> 2307 <link href="https://www.google.co.id" rel="preconnect" crossorigin="anonymous"> 2308 <link href="https://www.google.com" rel="preconnect" crossorigin="anonymous"> 2309 <link href="https://www.googleadservices.com" rel="preconnect" crossorigin="anonymous"> 2310 <link href="https://www.google-analytics.com" rel="preconnect" crossorigin="anonymous"> 2311 <link href="https://www.googletagmanager.com" rel="preconnect" crossorigin="anonymous"> 2312 <link href="https://www.static-src.com" rel="preconnect" crossorigin="anonymous"> 2313 <link href="https://websdk.appsflyer.com" rel="preconnect" crossorigin="anonymous"> 2314 <link href="https://banner.appsflyer.com" rel="preconnect" crossorigin="anonymous"> 2315 <link href="https://fvalid.appsflyer.com" rel="preconnect" crossorigin="anonymous"> 2316
2316<script src="https://cdn.moengage.com/release/dc_1/moe_webSdk_webp.min.latest.js?app_id=QTD7QXC51X5DZR3CTIHK33PQ"></script>
2316 2317
2317<script type="text/javascript" async="" src="https://www.blibli.com/bwa/2.4.5-0/index.js"></script>
2317 2318
2318<script fetchpriority="high" src="https://dev.visualwebsiteoptimizer.com/j.php?a=426670&u=https%3A%2F%2Fwww.blibli.com%2Fp%2Fniko-speaker-trolley-speaker-pt-1501-15-inch-garansi%2Fps--ELP-60049-00553%3Fsrsltid%3DAfmBOorES7xzkivoHSNhil5W1iouKsuBMzCBVxCvjis5_rzK-YdKCb2y&f=1&vn=1.5" type="text/javascript"></script>
2318 2319 <style type="text/css"> 2320 .blu-chip[data-v-652f3722] { 2321 display: inline-flex; 2322 transition-duration: 300ms 2323 } 2324 2325 .blu-chip:not(.blue-3) span[data-v-652f3722] { 2326 height: 32px; 2327 padding: 0 10px; 2328 margin: 2px; 2329 display: flex; 2330 align-items: center; 2331 font: 14px/18px "blibli",-apple-system,segoe ui,roboto,helvetica,arial,sans-serif; 2332 text-decoration: none; 2333 cursor: pointer; 2334 color: #FF0000; 2335 border-radius: 8px; 2336 border: #f1f2f2 1px solid; 2337 background-color: #f1f2f2; 2338 transition-duration: 300ms; 2339 white-space: nowrap; 2340 letter-spacing: 0px 2341 } 2342 2343 .blu-chip.b-primary input[data-v-652f3722] { 2344 display: none; 2345 transition: background-color .4s 2346 } 2347 2348 .blu-chip.b-primary input:checked+span[data-v-652f3722] { 2349 color: #fff; 2350 border-color: #1d8fff; 2351 background-color: #1d8fff 2352 } 2353 2354 .blu-chip.b-primary input:checked+span[data-v-652f3722]:hover { 2355 background-color: #006dea; 2356 border-color: #006dea 2357 } 2358 2359 .blu-chip.b-primary input:checked+span svg[data-v-652f3722]:first-child { 2360 color: #fff 2361 } 2362 2363 .blu-chip.b-primary input+span[data-v-652f3722] { 2364 border: #f1f2f2 1px solid 2365 } 2366 2367 .blu-chip.b-primary input+span[data-v-652f3722]:hover { 2368 background-color: #e1e3e4; 2369 border-color: #e1e3e4 2370 } 2371 2372 .blu-chip.b-secondary input[data-v-652f3722] { 2373 display: none; 2374 transition: background-color .4s 2375 } 2376 2377 .blu-chip.b-secondary input:checked+span[data-v-652f3722] { 2378 color: #fff; 2379 border-color: #1d8fff; 2380 background-color: #1d8fff 2381 } 2382 2383 .blu-chip.b-secondary input:checked+span[data-v-652f3722]:hover { 2384 background-color: #006dea; 2385 border-color: #006dea 2386 } 2387 2388 .blu-chip.b-secondary input:checked+span svg[data-v-652f3722]:first-child { 2389 color: #fff 2390 } 2391 2392 .blu-chip.b-secondary input+span[data-v-652f3722] { 2393 border: #f1f2f2 1px solid 2394 } 2395 2396 .blu-chip.b-secondary input+span[data-v-652f3722]:hover { 2397 background-color: #e1e3e4; 2398 border-color: #e1e3e4 2399 } 2400 2401 .blu-chip.b-disabled span[data-v-652f3722] { 2402 cursor: not-allowed; 2403 border: #f1f2f2 1px solid; 2404 background-color: #c8cbcd; 2405 border: none; 2406 color: rgba(25,34,42,.4) 2407 } 2408 2409 .blu-chip.b-outline.b-primary input[data-v-652f3722] { 2410 display: none; 2411 transition: background-color .4s,border-color .6s 2412 } 2413 2414 .blu-chip.b-outline.b-primary input:checked+span[data-v-652f3722] { 2415 color: #f1ab02; 2416 border-color: #1d8fff; 2417 background-color: #f3f9ff 2418 } 2419 2420 .blu-chip.b-outline.b-primary input:checked+span[data-v-652f3722]:hover { 2421 border: solid 1px #FF0000 2422 } 2423 2424 .blu-chip.b-outline.b-primary input+span[data-v-652f3722] { 2425 color: #f1ab02; 2426 background-color: #fff; 2427 border-color: #c8cbcd 2428 } 2429 2430 .blu-chip.b-outline.b-primary input+span[data-v-652f3722]:hover { 2431 border: 1px solid #4fa4ff 2432 } 2433 2434 .blu-chip.b-outline.b-primary input+span svg[data-v-652f3722]:first-child { 2435 color: #f1ab02 2436 } 2437 2438 .blu-chip.b-outline.b-secondary input[data-v-652f3722] { 2439 display: none; 2440 transition: background-color .4s,border-color .6s 2441 } 2442 2443 .blu-chip.b-outline.b-secondary input:checked+span[data-v-652f3722] { 2444 color: #FF0000; 2445 border-color: #1d8fff; 2446 background-color: #f3f9ff 2447 } 2448 2449 .blu-chip.b-outline.b-secondary input:checked+span[data-v-652f3722]:hover { 2450 border: solid 1px #FF0000 2451 } 2452 2453 .blu-chip.b-outline.b-secondary input+span[data-v-652f3722] { 2454 color: #FF0000; 2455 background-color: #fff; 2456 border-color: #c8cbcd 2457 } 2458 2459 .blu-chip.b-outline.b-secondary input+span[data-v-652f3722]:hover { 2460 border: 1px solid #4fa4ff 2461 } 2462 2463 .blu-chip.b-outline.b-secondary input+span svg[data-v-652f3722]:first-child { 2464 color: #FF0000 2465 } 2466 2467 .blu-chip.has-left-icon span[data-v-652f3722] { 2468 padding-left: 5px 2469 } 2470 2471 .blu-chip.has-left-icon span>*[data-v-652f3722]:first-child { 2472 margin-right: 4px 2473 } 2474 2475 .blu-chip.has-left-icon span>svg[data-v-652f3722]:first-child { 2476 transform: scale(0.75); 2477 transform-origin: left; 2478 margin-right: -2px; 2479 color: #797f85 2480 } 2481 2482 .blu-chip__wrapper[data-v-652f3722] { 2483 min-height: 48px; 2484 padding: 5px 8px; 2485 border: #e1e3e4 1px solid; 2486 border-radius: 8px 2487 } 2488 2489 .blu-chip__wrapper input[data-v-652f3722] { 2490 height: 32px; 2491 border: none; 2492 font: 16px/20px "blibli",-apple-system,segoe ui,roboto,helvetica,arial,sans-serif; 2493 color: #19222a; 2494 -moz-appearance: none; 2495 -webkit-appearance: none 2496 } 2497 2498 .blu-chip__wrapper input[data-v-652f3722]:focus { 2499 outline: 0 2500 } 2501 2502 .blu-chip__wrapper.b-outline .blu-chip span[data-v-652f3722] { 2503 background-color: #fff; 2504 border: #e1e3e4 1px solid 2505 } 2506 2507 .blu-chip__wrapper.b-disabled.blu-chip__wrapper[data-v-652f3722] { 2508 opacity: 1 2509 } 2510 2511 .blu-chip__wrapper.b-disabled input[data-v-652f3722] {
2512 cursor: not-allowed; 2513 pointer-events: none; 2514 color: rgba(25,34,42,.7019607843) 2515 } 2516 2517 .blu-chip__wrapper.b-disabled button[data-v-652f3722] { 2518 cursor: not-allowed; 2519 pointer-events: none 2520 } 2521 2522 .blu-chip__wrapper.b-disabled .blu-chip span[data-v-652f3722] { 2523 cursor: not-allowed; 2524 color: rgba(25,34,42,.4); 2525 background-color: #c8cbcd; 2526 border: none 2527 } 2528 2529 .blu-chip.blu-chip-enter-active[data-v-652f3722],.blu-chip.blu-chip-leave-active[data-v-652f3722] { 2530 opacity: 0; 2531 transform: transformZ(0) scale(0.8) 2532 } 2533 2534 .blu-chip.blu-chip-enter-to[data-v-652f3722] { 2535 opacity: 1; 2536 transform: transformZ(0) scale(1) 2537 } 2538 2539 .blu-chip.b-deletable span[data-v-652f3722] { 2540 cursor: default; 2541 padding-right: 5px 2542 } 2543 2544 .blu-chip.b-deletable button[data-v-652f3722] { 2545 display: flex; 2546 align-items: center; 2547 margin-left: 4px; 2548 padding: 0; 2549 color: #797f85 2550 } 2551 2552 .blu-chip.b-deletable button svg[data-v-652f3722] { 2553 width: 18px 2554 } 2555 2556 .blu-chip.b-duplicated span[data-v-652f3722] { 2557 animation: shake-652f3722 .82s cubic-bezier(0.36, 0.07, 0.19, 0.97) both; 2558 transform: translate3d(0, 0, 0); 2559 backface-visibility: hidden; 2560 perspective: 1000px 2561 } 2562 2563 @keyframes shake-652f3722 { 2564 10%,90% { 2565 transform: translate3d(-1px, 0, 0) 2566 } 2567 2568 20%,80% { 2569 transform: translate3d(2px, 0, 0) 2570 } 2571 2572 30%,50%,70% { 2573 transform: translate3d(-4px, 0, 0) 2574 } 2575 2576 40%,60% { 2577 transform: translate3d(4px, 0, 0) 2578 } 2579 } 2580 2581 *[data-v-652f3722]::-moz-focus-inner { 2582 border: 0 2583 } 2584 2585 *[data-v-652f3722]:focus { 2586 outline: 0 2587 } 2588 </style> 2589 <style type="text/css"> 2590 .blu-chip[data-v-342de9b2] { 2591 display: inline-flex; 2592 transition-duration: 300ms 2593 } 2594 2595 .blu-chip:not(.blue-3) span[data-v-342de9b2] { 2596 height: 32px; 2597 padding: 0 10px; 2598 margin: 2px; 2599 display: flex; 2600 align-items: center; 2601 font: 14px/18px "blibli",-apple-system,segoe ui,roboto,helvetica,arial,sans-serif; 2602 text-decoration: none; 2603 cursor: pointer; 2604 color: #FF0000; 2605 border-radius: 8px; 2606 border: #f1f2f2 1px solid; 2607 background-color: #f1f2f2; 2608 transition-duration: 300ms; 2609 white-space: nowrap; 2610 letter-spacing: 0px 2611 } 2612 2613 .blu-chip.b-primary input[data-v-342de9b2] { 2614 display: none; 2615 transition: background-color .4s 2616 } 2617 2618 .blu-chip.b-primary input:checked+span[data-v-342de9b2] { 2619 color: #fff; 2620 border-color: #1d8fff; 2621 background-color: #1d8fff 2622 } 2623 2624 .blu-chip.b-primary input:checked+span[data-v-342de9b2]:hover { 2625 background-color: #006dea; 2626 border-color: #006dea 2627 } 2628 2629 .blu-chip.b-primary input:checked+span svg[data-v-342de9b2]:first-child { 2630 color: #fff 2631 } 2632 2633 .blu-chip.b-primary input+span[data-v-342de9b2] { 2634 border: #f1f2f2 1px solid 2635 } 2636 2637 .blu-chip.b-primary input+span[data-v-342de9b2]:hover { 2638 background-color: #e1e3e4; 2639 border-color: #e1e3e4 2640 } 2641 2642 .blu-chip.b-secondary input[data-v-342de9b2] { 2643 display: none; 2644 transition: background-color .4s 2645 } 2646 2647 .blu-chip.b-secondary input:checked+span[data-v-342de9b2] { 2648 color: #fff; 2649 border-color: #1d8fff; 2650 background-color: #1d8fff 2651 } 2652 2653 .blu-chip.b-secondary input:checked+span[data-v-342de9b2]:hover { 2654 background-color: #006dea; 2655 border-color: #006dea 2656 } 2657 2658 .blu-chip.b-secondary input:checked+span svg[data-v-342de9b2]:first-child { 2659 color: #fff 2660 } 2661 2662 .blu-chip.b-secondary input+span[data-v-342de9b2] { 2663 border: #f1f2f2 1px solid 2664 } 2665 2666 .blu-chip.b-secondary input+span[data-v-342de9b2]:hover { 2667 background-color: #e1e3e4; 2668 border-color: #e1e3e4 2669 } 2670 2671 .blu-chip.b-disabled span[data-v-342de9b2] {
2672 cursor: not-allowed; 2673 border: #f1f2f2 1px solid; 2674 background-color: #c8cbcd; 2675 border: none; 2676 color: rgba(25,34,42,.4) 2677 } 2678 2679 .blu-chip.b-outline.b-primary input[data-v-342de9b2] { 2680 display: none; 2681 transition: background-color .4s,border-color .6s 2682 } 2683 2684 .blu-chip.b-outline.b-primary input:checked+span[data-v-342de9b2] { 2685 color: #f1ab02; 2686 border-color: #1d8fff; 2687 background-color: #f3f9ff 2688 } 2689 2690 .blu-chip.b-outline.b-primary input:checked+span[data-v-342de9b2]:hover { 2691 border: solid 1px #FF0000 2692 } 2693 2694 .blu-chip.b-outline.b-primary input+span[data-v-342de9b2] { 2695 color: #f1ab02; 2696 background-color: #fff; 2697 border-color: #c8cbcd 2698 } 2699 2700 .blu-chip.b-outline.b-primary input+span[data-v-342de9b2]:hover { 2701 border: 1px solid #4fa4ff 2702 } 2703 2704 .blu-chip.b-outline.b-primary input+span svg[data-v-342de9b2]:first-child { 2705 color: #f1ab02 2706 } 2707 2708 .blu-chip.b-outline.b-secondary input[data-v-342de9b2] { 2709 display: none; 2710 transition: background-color .4s,border-color .6s 2711 } 2712 2713 .blu-chip.b-outline.b-secondary input:checked+span[data-v-342de9b2] { 2714 color: #FF0000; 2715 border-color: #1d8fff; 2716 background-color: #f3f9ff 2717 } 2718 2719 .blu-chip.b-outline.b-secondary input:checked+span[data-v-342de9b2]:hover { 2720 border: solid 1px #FF0000 2721 } 2722 2723 .blu-chip.b-outline.b-secondary input+span[data-v-342de9b2] { 2724 color: #FF0000; 2725 background-color: #fff; 2726 border-color: #c8cbcd 2727 } 2728 2729 .blu-chip.b-outline.b-secondary input+span[data-v-342de9b2]:hover { 2730 border: 1px solid #4fa4ff 2731 } 2732 2733 .blu-chip.b-outline.b-secondary input+span svg[data-v-342de9b2]:first-child { 2734 color: #FF0000 2735 } 2736 2737 .blu-chip.has-left-icon span[data-v-342de9b2] { 2738 padding-left: 5px 2739 } 2740 2741 .blu-chip.has-left-icon span>*[data-v-342de9b2]:first-child { 2742 margin-right: 4px 2743 } 2744 2745 .blu-chip.has-left-icon span>svg[data-v-342de9b2]:first-child { 2746 transform: scale(0.75); 2747 transform-origin: left; 2748 margin-right: -2px; 2749 color: #797f85 2750 } 2751 2752 .blu-chip__wrapper[data-v-342de9b2] { 2753 min-height: 48px; 2754 padding: 5px 8px; 2755 border: #e1e3e4 1px solid; 2756 border-radius: 8px 2757 } 2758 2759 .blu-chip__wrapper input[data-v-342de9b2] { 2760 height: 32px; 2761 border: none; 2762 font: 16px/20px "blibli",-apple-system,segoe ui,roboto,helvetica,arial,sans-serif; 2763 color: #19222a; 2764 -moz-appearance: none; 2765 -webkit-appearance: none 2766 } 2767 2768 .blu-chip__wrapper input[data-v-342de9b2]:focus { 2769 outline: 0 2770 } 2771 2772 .blu-chip__wrapper.b-outline .blu-chip span[data-v-342de9b2] { 2773 background-color: #fff; 2774 border: #e1e3e4 1px solid 2775 } 2776 2777 .blu-chip__wrapper.b-disabled.blu-chip__wrapper[data-v-342de9b2] { 2778 opacity: 1 2779 } 2780 2781 .blu-chip__wrapper.b-disabled input[data-v-342de9b2] { 2782 cursor: not-allowed; 2783 pointer-events: none; 2784 color: rgba(25,34,42,.7019607843) 2785 } 2786 2787 .blu-chip__wrapper.b-disabled button[data-v-342de9b2] { 2788 cursor: not-allowed; 2789 pointer-events: none 2790 } 2791 2792 .blu-chip__wrapper.b-disabled .blu-chip span[data-v-342de9b2] {
2793 cursor: not-allowed; 2794 color: rgba(25,34,42,.4); 2795 background-color: #c8cbcd; 2796 border: none 2797 } 2798 2799 .blu-chip.blu-chip-enter-active[data-v-342de9b2],.blu-chip.blu-chip-leave-active[data-v-342de9b2] { 2800 opacity: 0; 2801 transform: transformZ(0) scale(0.8) 2802 } 2803 2804 .blu-chip.blu-chip-enter-to[data-v-342de9b2] { 2805 opacity: 1; 2806 transform: transformZ(0) scale(1) 2807 } 2808 2809 .blu-chip.b-deletable span[data-v-342de9b2] { 2810 cursor: default; 2811 padding-right: 5px 2812 } 2813 2814 .blu-chip.b-deletable button[data-v-342de9b2] { 2815 display: flex; 2816 align-items: center; 2817 margin-left: 4px; 2818 padding: 0; 2819 color: #797f85 2820 } 2821 2822 .blu-chip.b-deletable button svg[data-v-342de9b2] { 2823 width: 18px 2824 } 2825 2826 .blu-chip.b-duplicated span[data-v-342de9b2] { 2827 animation: shake-342de9b2 .82s cubic-bezier(0.36, 0.07, 0.19, 0.97) both; 2828 transform: translate3d(0, 0, 0); 2829 backface-visibility: hidden; 2830 perspective: 1000px 2831 } 2832 2833 @keyframes shake-342de9b2 { 2834 10%,90% { 2835 transform: translate3d(-1px, 0, 0) 2836 } 2837 2838 20%,80% { 2839 transform: translate3d(2px, 0, 0) 2840 } 2841 2842 30%,50%,70% { 2843 transform: translate3d(-4px, 0, 0) 2844 } 2845 2846 40%,60% { 2847 transform: translate3d(4px, 0, 0) 2848 } 2849 } 2850 2851 *[data-v-342de9b2]::-moz-focus-inner { 2852 border: 0 2853 } 2854 2855 *[data-v-342de9b2]:focus { 2856 outline: 0 2857 } 2858 </style> 2859 <style type="text/css"> 2860 .blu-chip[data-v-2ffdd76e] { 2861 display: inline-flex; 2862 transition-duration: 300ms 2863 } 2864 2865 .blu-chip:not(.blue-3) span[data-v-2ffdd76e] { 2866 height: 32px; 2867 padding: 0 10px; 2868 margin: 2px; 2869 display: flex; 2870 align-items: center; 2871 font: 14px/18px "blibli",-apple-system,segoe ui,roboto,helvetica,arial,sans-serif; 2872 text-decoration: none; 2873 cursor: pointer; 2874 color: #FF0000; 2875 border-radius: 8px; 2876 border: #f1f2f2 1px solid; 2877 background-color: #f1f2f2; 2878 transition-duration: 300ms; 2879 white-space: nowrap; 2880 letter-spacing: 0px 2881 } 2882 2883 .blu-chip.b-primary input[data-v-2ffdd76e] { 2884 display: none; 2885 transition: background-color .4s 2886 } 2887 2888 .blu-chip.b-primary input:checked+span[data-v-2ffdd76e] { 2889 color: #fff; 2890 border-color: #1d8fff; 2891 background-color: #1d8fff 2892 } 2893 2894 .blu-chip.b-primary input:checked+span[data-v-2ffdd76e]:hover { 2895 background-color: #006dea; 2896 border-color: #006dea 2897 } 2898 2899 .blu-chip.b-primary input:checked+span svg[data-v-2ffdd76e]:first-child { 2900 color: #fff 2901 } 2902 2903 .blu-chip.b-primary input+span[data-v-2ffdd76e] { 2904 border: #f1f2f2 1px solid 2905 } 2906 2907 .blu-chip.b-primary input+span[data-v-2ffdd76e]:hover { 2908 background-color: #e1e3e4; 2909 border-color: #e1e3e4 2910 } 2911 2912 .blu-chip.b-secondary input[data-v-2ffdd76e] { 2913 display: none; 2914 transition: background-color .4s 2915 } 2916 2917 .blu-chip.b-secondary input:checked+span[data-v-2ffdd76e] { 2918 color: #fff; 2919 border-color: #1d8fff; 2920 background-color: #1d8fff 2921 } 2922 2923 .blu-chip.b-secondary input:checked+span[data-v-2ffdd76e]:hover { 2924 background-color: #006dea; 2925 border-color: #006dea 2926 } 2927 2928 .blu-chip.b-secondary input:checked+span svg[data-v-2ffdd76e]:first-child { 2929 color: #fff 2930 } 2931 2932 .blu-chip.b-secondary input+span[data-v-2ffdd76e] { 2933 border: #f1f2f2 1px solid 2934 } 2935 2936 .blu-chip.b-secondary input+span[data-v-2ffdd76e]:hover { 2937 background-color: #e1e3e4; 2938 border-color: #e1e3e4 2939 } 2940 2941 .blu-chip.b-disabled span[data-v-2ffdd76e] {
2942 cursor: not-allowed; 2943 border: #f1f2f2 1px solid; 2944 background-color: #c8cbcd; 2945 border: none; 2946 color: rgba(25,34,42,.4) 2947 } 2948 2949 .blu-chip.b-outline.b-primary input[data-v-2ffdd76e] { 2950 display: none; 2951 transition: background-color .4s,border-color .6s 2952 } 2953 2954 .blu-chip.b-outline.b-primary input:checked+span[data-v-2ffdd76e] { 2955 color: #f1ab02; 2956 border-color: #1d8fff; 2957 background-color: #f3f9ff 2958 } 2959 2960 .blu-chip.b-outline.b-primary input:checked+span[data-v-2ffdd76e]:hover { 2961 border: solid 1px #FF0000 2962 } 2963 2964 .blu-chip.b-outline.b-primary input+span[data-v-2ffdd76e] { 2965 color: #f1ab02; 2966 background-color: #fff; 2967 border-color: #c8cbcd 2968 } 2969 2970 .blu-chip.b-outline.b-primary input+span[data-v-2ffdd76e]:hover { 2971 border: 1px solid #4fa4ff 2972 } 2973 2974 .blu-chip.b-outline.b-primary input+span svg[data-v-2ffdd76e]:first-child { 2975 color: #f1ab02 2976 } 2977 2978 .blu-chip.b-outline.b-secondary input[data-v-2ffdd76e] { 2979 display: none; 2980 transition: background-color .4s,border-color .6s 2981 } 2982 2983 .blu-chip.b-outline.b-secondary input:checked+span[data-v-2ffdd76e] { 2984 color: #FF0000; 2985 border-color: #1d8fff; 2986 background-color: #f3f9ff 2987 } 2988 2989 .blu-chip.b-outline.b-secondary input:checked+span[data-v-2ffdd76e]:hover { 2990 border: solid 1px #FF0000 2991 } 2992 2993 .blu-chip.b-outline.b-secondary input+span[data-v-2ffdd76e] { 2994 color: #FF0000; 2995 background-color: #fff; 2996 border-color: #c8cbcd 2997 } 2998 2999 .blu-chip.b-outline.b-secondary input+span[data-v-2ffdd76e]:hover { 3000 border: 1px solid #4fa4ff 3001 } 3002 3003 .blu-chip.b-outline.b-secondary input+span svg[data-v-2ffdd76e]:first-child { 3004 color: #FF0000 3005 } 3006 3007 .blu-chip.has-left-icon span[data-v-2ffdd76e] { 3008 padding-left: 5px 3009 } 3010 3011 .blu-chip.has-left-icon span>*[data-v-2ffdd76e]:first-child { 3012 margin-right: 4px 3013 } 3014 3015 .blu-chip.has-left-icon span>svg[data-v-2ffdd76e]:first-child { 3016 transform: scale(0.75); 3017 transform-origin: left; 3018 margin-right: -2px; 3019 color: #797f85 3020 } 3021 3022 .blu-chip__wrapper[data-v-2ffdd76e] { 3023 min-height: 48px; 3024 padding: 5px 8px; 3025 border: #e1e3e4 1px solid; 3026 border-radius: 8px 3027 } 3028 3029 .blu-chip__wrapper input[data-v-2ffdd76e] { 3030 height: 32px; 3031 border: none; 3032 font: 16px/20px "blibli",-apple-system,segoe ui,roboto,helvetica,arial,sans-serif; 3033 color: #19222a; 3034 -moz-appearance: none; 3035 -webkit-appearance: none 3036 } 3037 3038 .blu-chip__wrapper input[data-v-2ffdd76e]:focus { 3039 outline: 0 3040 } 3041 3042 .blu-chip__wrapper.b-outline .blu-chip span[data-v-2ffdd76e] { 3043 background-color: #fff; 3044 border: #e1e3e4 1px solid 3045 } 3046 3047 .blu-chip__wrapper.b-disabled.blu-chip__wrapper[data-v-2ffdd76e] { 3048 opacity: 1 3049 } 3050 3051 .blu-chip__wrapper.b-disabled input[data-v-2ffdd76e] { 3052 cursor: not-allowed; 3053 pointer-events: none; 3054 color: rgba(25,34,42,.7019607843) 3055 } 3056 3057 .blu-chip__wrapper.b-disabled button[data-v-2ffdd76e] { 3058 cursor: not-allowed; 3059 pointer-events: none 3060 } 3061 3062 .blu-chip__wrapper.b-disabled .blu-chip span[data-v-2ffdd76e] {
3063 cursor: not-allowed; 3064 color: rgba(25,34,42,.4); 3065 background-color: #c8cbcd; 3066 border: none 3067 } 3068 3069 .blu-chip.blu-chip-enter-active[data-v-2ffdd76e],.blu-chip.blu-chip-leave-active[data-v-2ffdd76e] { 3070 opacity: 0; 3071 transform: transformZ(0) scale(0.8) 3072 } 3073 3074 .blu-chip.blu-chip-enter-to[data-v-2ffdd76e] { 3075 opacity: 1; 3076 transform: transformZ(0) scale(1) 3077 } 3078 3079 .blu-chip.b-deletable span[data-v-2ffdd76e] { 3080 cursor: default; 3081 padding-right: 5px 3082 } 3083 3084 .blu-chip.b-deletable button[data-v-2ffdd76e] { 3085 display: flex; 3086 align-items: center; 3087 margin-left: 4px; 3088 padding: 0; 3089 color: #797f85 3090 } 3091 3092 .blu-chip.b-deletable button svg[data-v-2ffdd76e] { 3093 width: 18px 3094 } 3095 3096 .blu-chip.b-duplicated span[data-v-2ffdd76e] { 3097 animation: shake-2ffdd76e .82s cubic-bezier(0.36, 0.07, 0.19, 0.97) both; 3098 transform: translate3d(0, 0, 0); 3099 backface-visibility: hidden; 3100 perspective: 1000px 3101 } 3102 3103 @keyframes shake-2ffdd76e { 3104 10%,90% { 3105 transform: translate3d(-1px, 0, 0) 3106 } 3107 3108 20%,80% { 3109 transform: translate3d(2px, 0, 0) 3110 } 3111 3112 30%,50%,70% { 3113 transform: translate3d(-4px, 0, 0) 3114 } 3115 3116 40%,60% { 3117 transform: translate3d(4px, 0, 0) 3118 } 3119 } 3120 3121 *[data-v-2ffdd76e]::-moz-focus-inner { 3122 border: 0 3123 } 3124 3125 *[data-v-2ffdd76e]:focus { 3126 outline: 0 3127 } 3128 </style> 3129 <style type="text/css"> 3130 .blu-tooltip[data-v-0ee5205b] { 3131 position: relative 3132 } 3133 3134 @media screen and (min-width: 769px),print { 3135 .blu-tooltip.b-left-center[data-v-0ee5205b],.blu-tooltip.b-right-center[data-v-0ee5205b] { 3136 align-items:center 3137 } 3138 3139 .blu-tooltip.b-right-top[data-v-0ee5205b],.blu-tooltip.b-right-center[data-v-0ee5205b],.blu-tooltip.b-right-btm[data-v-0ee5205b] { 3140 display: inline-flex 3141 } 3142 3143 .blu-tooltip.b-left-top[data-v-0ee5205b],.blu-tooltip.b-left-center[data-v-0ee5205b],.blu-tooltip.b-left-btm[data-v-0ee5205b] { 3144 display: inline-flex 3145 } 3146 } 3147 </style> 3148 <style type="text/css"> 3149 @media screen and (min-width: 769px),print { 3150 .blu-tooltip__label[data-v-9241c53c] { 3151 position:relative 3152 } 3153 3154 .blu-tooltip__label[data-v-9241c53c]:hover { 3155 cursor: default 3156 } 3157 3158 .blu-tooltip__label:hover+.blu-tooltip__label[data-v-9241c53c]:after { 3159 opacity: 1; 3160 transition: all .5s ease 0s 3161 } 3162 3163 .blu-tooltip__label[data-v-9241c53c]:focus-visible { 3164 background-color: #000; 3165 color: #fff; 3166 outline: none; 3167 cursor: default 3168 } 3169 3170 .blu-tooltip__label:focus-visible+.blu-tooltip__label[data-v-9241c53c]:after { 3171 opacity: 1; 3172 transition: all .5s ease 0s 3173 } 3174 3175 .blu-tooltip.b-top-left .blu-tooltip__label[data-v-9241c53c]::after,.blu-tooltip.b-top-center .blu-tooltip__label[data-v-9241c53c]::after,.blu-tooltip.b-top-right .blu-tooltip__label[data-v-9241c53c]::after { 3176 bottom: 100%; 3177 border-color: #fff rgba(0,0,0,0) rgba(0,0,0,0) rgba(0,0,0,0) 3178 } 3179 3180 .blu-tooltip.b-right-top .blu-tooltip__label[data-v-9241c53c]::after,.blu-tooltip.b-right-center .blu-tooltip__label[data-v-9241c53c]::after,.blu-tooltip.b-right-btm .blu-tooltip__label[data-v-9241c53c]::after { 3181 top: 4px; 3182 left: 100%; 3183 border-color: rgba(0,0,0,0) #fff rgba(0,0,0,0) rgba(0,0,0,0) 3184 } 3185 3186 .blu-tooltip.b-left-top .blu-tooltip__label[data-v-9241c53c]:after,.blu-tooltip.b-left-center .blu-tooltip__label[data-v-9241c53c]:after,.blu-tooltip.b-left-btm .blu-tooltip__label[data-v-9241c53c]:after { 3187 left: -16px; 3188 top: 4px; 3189 border-color: rgba(0,0,0,0) rgba(0,0,0,0) rgba(0,0,0,0) #fff 3190 } 3191 } 3192 3193 @media screen and (max-width: 768px) { 3194 .b-active .blu-tooltip__label[data-v-9241c53c] { 3195 position:relative; 3196 z-index: 1; 3197 opacity: .5 3198 } 3199 3200 .b-active .blu-tooltip__label+.blu-tooltip__content-wrapper[data-v-9241c53c] { 3201 opacity: 1;
3202 transition: all .5s ease 0s; 3203 z-index: 99 3204 } 3205 3206 .b-active .blu-tooltip__label+.blu-tooltip__content-wrapper .blu-tooltip__mask[data-v-9241c53c] { 3207 visibility: visible 3208 } 3209 3210 .b-active .blu-tooltip__label+.blu-tooltip__content-wrapper .blu-tooltip__content[data-v-9241c53c] { 3211 opacity: 1; 3212 visibility: visible 3213 } 3214 } 3215 </style> 3216 <style type="text/css"> 3217 @keyframes scale-up-1b7c2afb { 3218 0% { 3219 transform: scale(0.5) 3220 } 3221 3222 25% { 3223 transform: scale(0.8) 3224 } 3225 3226 50% { 3227 transform: scale(1) 3228 } 3229 } 3230 3231 .blu-tooltip__content[data-v-1b7c2afb] { 3232 font: 16px/20px "blibli",-apple-system,segoe ui,roboto,helvetica,arial,sans-serif; 3233 width: 250px; 3234 text-align: left; 3235 border-radius: 8px; 3236 background-color: #fff; 3237 padding: 16px; 3238 transition: visibility .3s,opacity .3s ease .2s; 3239 opacity: 0; 3240 pointer-events: all; 3241 visibility: hidden; 3242 color: rgba(25,34,42,.7019607843); 3243 box-shadow: 0 1px 6px 0 rgba(0,0,0,.1) 3244 } 3245 3246 @media screen and (min-width: 769px),print { 3247 .blu-tooltip__content[data-v-1b7c2afb]:hover { 3248 opacity:1; 3249 visibility: visible 3250 } 3251 } 3252 3253 @media screen and (min-width: 769px),print { 3254 .blu-tooltip__content-wrapper[data-v-1b7c2afb] { 3255 position:absolute; 3256 z-index: 1; 3257 pointer-events: none 3258 } 3259 } 3260 3261 @media screen and (min-width: 769px)and (min-width: 769px),print { 3262 .blu-tooltip__content-wrapper.b-page .blu-modal__close[data-v-1b7c2afb] { 3263 display:none 3264 } 3265 } 3266 3267 @media screen and (min-width: 769px),print { 3268 .blu-tooltip__label:hover+.blu-tooltip__content-wrapper .blu-tooltip__content[data-v-1b7c2afb] { 3269 opacity:1; 3270 visibility: visible; 3271 animation: scale-up-1b7c2afb .2s cubic-bezier(0, 0, 0.4, 1.4) .2s 3272 } 3273 3274 .blu-tooltip__label:focus-visible+.blu-tooltip__content-wrapper .blu-tooltip__content[data-v-1b7c2afb] { 3275 opacity: 1; 3276 visibility: visible; 3277 animation: scale-up-1b7c2afb .2s cubic-bezier(0, 0, 0.4, 1.4) .2s 3278 } 3279 3280 .blu-tooltip__close[data-v-1b7c2afb] { 3281 display: none 3282 } 3283 3284 .blu-tooltip.b-top-left .blu-tooltip__label[data-v-1b7c2afb]:after,.blu-tooltip.b-top-center .blu-tooltip__label[data-v-1b7c2afb]:after,.blu-tooltip.b-top-right .blu-tooltip__label[data-v-1b7c2afb]:after,.blu-tooltip.b-btm-left .blu-tooltip__label[data-v-1b7c2afb]:after,.blu-tooltip.b-btm-center .blu-tooltip__label[data-v-1b7c2afb]:after,.blu-tooltip.b-btm-right .blu-tooltip__label[data-v-1b7c2afb]:after { 3285 left: calc(50% - 8px) 3286 } 3287 3288 .blu-tooltip.b-top-center .blu-tooltip__content-wrapper[data-v-1b7c2afb],.blu-tooltip.b-btm-center .blu-tooltip__content-wrapper[data-v-1b7c2afb] { 3289 height: 0 3290 } 3291 } 3292 3293 @media screen and (min-width: 769px)and (min-width: 769px),print { 3294 .blu-tooltip.b-top-center .blu-tooltip__content-wrapper[data-v-1b7c2afb],.blu-tooltip.b-btm-center .blu-tooltip__content-wrapper[data-v-1b7c2afb] { 3295 right:50% 3296 } 3297 } 3298 3299 @media screen and (min-width: 769px),print { 3300 .blu-tooltip.b-top-center .blu-tooltip__content[data-v-1b7c2afb],.blu-tooltip.b-btm-center .blu-tooltip__content[data-v-1b7c2afb] { 3301 margin:auto 3302 } 3303 } 3304 3305 @media screen and (min-width: 769px)and (min-width: 769px),print { 3306 .blu-tooltip.b-top-center .blu-tooltip__content[data-v-1b7c2afb],.blu-tooltip.b-btm-center .blu-tooltip__content[data-v-1b7c2afb] { 3307 margin:auto; 3308 margin-right: -50% 3309 } 3310 } 3311 3312 @media screen and (min-width: 769px),print { 3313 .blu-tooltip.b-top-left .blu-tooltip__content-wrapper[data-v-1b7c2afb],.blu-tooltip.b-top-center .blu-tooltip__content-wrapper[data-v-1b7c2afb],.blu-tooltip.b-top-right .blu-tooltip__content-wrapper[data-v-1b7c2afb] { 3314 bottom:calc(100% + 16px); 3315 height: auto 3316 } 3317 3318 .blu-tooltip.b-top-left .blu-tooltip__content-wrapper[data-v-1b7c2afb] { 3319 right: 0 3320 } 3321 3322 .blu-tooltip.b-top-right .blu-tooltip__content-wrapper[data-v-1b7c2afb] { 3323 left: 0 3324 } 3325 3326 .blu-tooltip.b-btm-left .blu-tooltip__content-wrapper[data-v-1b7c2afb],.blu-tooltip.b-btm-center .blu-tooltip__content-wrapper[data-v-1b7c2afb],.blu-tooltip.b-btm-right .blu-tooltip__content-wrapper[data-v-1b7c2afb] { 3327 top: calc(100% + 16px) 3328 } 3329 3330 .blu-tooltip.b-btm-left .blu-tooltip__label[data-v-1b7c2afb]:after,.blu-tooltip.b-btm-center .blu-tooltip__label[data-v-1b7c2afb]:after,.blu-tooltip.b-btm-right .blu-tooltip__label[data-v-1b7c2afb]:after { 3331 top: 100% 3332 } 3333 3334 .blu-tooltip.b-btm-left .blu-tooltip__content-wrapper[data-v-1b7c2afb] { 3335 right: 0 3336 } 3337 3338 .blu-tooltip.b-btm-right .blu-tooltip__content-wrapper[data-v-1b7c2afb] { 3339 left: 0 3340 } 3341 3342 .blu-tooltip.b-left-center .blu-tooltip__content-wrapper[data-v-1b7c2afb],.blu-tooltip.b-right-center .blu-tooltip__content-wrapper[data-v-1b7c2afb] { 3343 height: 100vh; 3344 display: flex; 3345 align-items: center; 3346 width: 1px; 3347 display: inline-grid 3348 } 3349 3350 .blu-tooltip.b-right-top .blu-tooltip__content-wrapper[data-v-1b7c2afb],.blu-tooltip.b-right-center .blu-tooltip__content-wrapper[data-v-1b7c2afb],.blu-tooltip.b-right-btm .blu-tooltip__content-wrapper[data-v-1b7c2afb] { 3351 position: absolute; 3352 left: calc(100% + 16px) 3353 } 3354 3355 .blu-tooltip.b-right-top .blu-tooltip__content-wrapper[data-v-1b7c2afb] { 3356 bottom: calc(100% - 33px) 3357 } 3358 3359 .blu-tooltip.b-right-btm .blu-tooltip__content-wrapper[data-v-1b7c2afb] { 3360 top: calc(100% - 33px) 3361 } 3362 3363 .blu-tooltip.b-left-top .blu-tooltip__content-wrapper[data-v-1b7c2afb],.blu-tooltip.b-left-center .blu-tooltip__content-wrapper[data-v-1b7c2afb],.blu-tooltip.b-left-btm .blu-tooltip__content-wrapper[data-v-1b7c2afb] { 3364 width: 1px; 3365 left: -17px 3366 } 3367 3368 .blu-tooltip.b-left-top .blu-tooltip__content[data-v-1b7c2afb],.blu-tooltip.b-left-center .blu-tooltip__content[data-v-1b7c2afb],.blu-tooltip.b-left-btm .blu-tooltip__content[data-v-1b7c2afb] { 3369 position: absolute; 3370 right: 0 3371 } 3372 3373 .blu-tooltip.b-left-top .blu-tooltip__content[data-v-1b7c2afb] { 3374 bottom: calc(100% - 30px) 3375 } 3376 3377 .blu-tooltip.b-left-btm .blu-tooltip__content[data-v-1b7c2afb] { 3378 top: calc(100% - 15px) 3379 } 3380 } 3381 3382 @media screen and (max-width: 768px) { 3383 .blu-tooltip.b-active .blu-tooltip__content[data-v-1b7c2afb] { 3384 max-height:calc(100% - 50px); 3385 padding: 24px 24px 28px 24px; 3386 visibility: visible; 3387 opacity: 1 3388 } 3389 3390 .blu-tooltip.b-active .blu-tooltip__content-wrapper[data-v-1b7c2afb] { 3391 opacity: 1;
3392 z-index: 99; 3393 visibility: visible 3394 } 3395 3396 .blu-tooltip.b-active .blu-tooltip__content-wrapper .blu-tooltip__content[data-v-1b7c2afb] { 3397 opacity: 1; 3398 visibility: visible 3399 } 3400 3401 .blu-tooltip__content[data-v-1b7c2afb] { 3402 width: 100%; 3403 max-width: 100%; 3404 transition: none; 3405 position: fixed; 3406 border-radius: 16px 16px 0 0; 3407 left: 0; 3408 bottom: 0; 3409 opacity: 0 3410 } 3411 3412 .blu-tooltip__content-wrapper[data-v-1b7c2afb] { 3413 position: fixed; 3414 display: flex; 3415 top: 0; 3416 left: 0; 3417 width: 100%; 3418 height: 100%; 3419 align-items: center; 3420 justify-content: center; 3421 background: rgba(0,0,0,.6); 3422 opacity: 0; 3423 z-index: -1; 3424 visibility: hidden 3425 } 3426 } 3427 3428 @media screen and (max-width: 768px)and (max-width: 768px) { 3429 .blu-tooltip__close[data-v-1b7c2afb] { 3430 position:absolute; 3431 top: -28px; 3432 right: 20px 3433 } 3434 3435 .blu-tooltip__close i[data-v-1b7c2afb] { 3436 content: ""; 3437 top: 1px; 3438 right: 1px; 3439 position: absolute; 3440 width: 24px; 3441 height: 24px; 3442 transform: scale(1.3); 3443 background: rgba(0,0,0,0) url(data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PSIwIDAgMjQgMjQiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGQ9Ik0xMy43NjcyIDEyTDE3LjYzMiA4LjEzODM5QzE4LjEyMjcgNy42NDgxOSAxOC4xMjI3IDYuODU3ODYgMTcuNjMyIDYuMzY3NjVDMTcuMTQxNCA1Ljg3NzQ1IDE2LjM1MDQgNS44Nzc0NSAxNS44NTk4IDYuMzY3NjVMMTEuOTk1IDEwLjIyOTNMOC4xNDAxOCA2LjM3NzY2QzcuNjQ5NTYgNS44ODc0NSA2Ljg1ODU3IDUuODg3NDUgNi4zNjc5NiA2LjM3NzY2QzUuODc3MzUgNi44Njc4NiA1Ljg3NzM1IDcuNjU4MTkgNi4zNjc5NiA4LjE0ODRMMTAuMjIyOCAxMkw2LjM2Nzk2IDE1Ljg2MTZDNS44NzczNSAxNi4zNTE4IDUuODc3MzUgMTcuMTQyMSA2LjM2Nzk2IDE3LjYzMjNDNi44NTg1NyAxOC4xMjI2IDcuNjQ5NTYgMTguMTIyNiA4LjE0MDE4IDE3LjYzMjNMMTIuMDA1IDEzLjc3MDdMMTUuODU5OCAxNy42MjIzQzE2LjM1MDQgMTguMTEyNSAxNy4xNDE0IDE4LjExMjUgMTcuNjMyIDE3LjYyMjNDMTguMTIyNyAxNy4xMzIxIDE4LjEyMjcgMTYuMzQxOCAxNy42MzIgMTUuODUxNkwxMy43NzcyIDEySDEzLjc2NzJaIiBmaWxsPSIjNzk3Rjg1Ii8+Cjwvc3ZnPgo=) center center no-repeat #e1e3e4; 3444 background-color: #e1e3e4; 3445 -webkit-mask-image: url(data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PSIwIDAgMjQgMjQiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGQ9Ik0xMy43NjcyIDEyTDE3LjYzMiA4LjEzODM5QzE4LjEyMjcgNy42NDgxOSAxOC4xMjI3IDYuODU3ODYgMTcuNjMyIDYuMzY3NjVDMTcuMTQxNCA1Ljg3NzQ1IDE2LjM1MDQgNS44Nzc0NSAxNS44NTk4IDYuMzY3NjVMMTEuOTk1IDEwLjIyOTNMOC4xNDAxOCA2LjM3NzY2QzcuNjQ5NTYgNS44ODc0NSA2Ljg1ODU3IDUuODg3NDUgNi4zNjc5NiA2LjM3NzY2QzUuODc3MzUgNi44Njc4NiA1Ljg3NzM1IDcuNjU4MTkgNi4zNjc5NiA4LjE0ODRMMTAuMjIyOCAxMkw2LjM2Nzk2IDE1Ljg2MTZDNS44NzczNSAxNi4zNTE4IDUuODc3MzUgMTcuMTQyMSA2LjM2Nzk2IDE3LjYzMjNDNi44NTg1NyAxOC4xMjI2IDcuNjQ5NTYgMTguMTIyNiA4LjE0MDE4IDE3LjYzMjNMMTIuMDA1IDEzLjc3MDdMMTUuODU5OCAxNy42MjIzQzE2LjM1MDQgMTguMTEyNSAxNy4xNDE0IDE4LjExMjUgMTcuNjMyIDE3LjYyMjNDMTguMTIyNyAxNy4xMzIxIDE4LjEyMjcgMTYuMzQxOCAxNy42MzIgMTUuODUxNkwxMy43NzcyIDEySDEzLjc2NzJaIiBmaWxsPSIjNzk3Rjg1Ii8+Cjwvc3ZnPgo=) 3446 } 3447 } 3448 </style> 3449 <style type="text/css"> 3450 svg[data-v-4754ff3d] { 3451 display: inline-block; 3452 vertical-align: baseline 3453 } 3454 </style> 3455 <style type="text/css"> 3456 .blu-ripple[data-v-2bedc3c7] { 3457 width: 100%; 3458 height: 100%; 3459 position: relative; 3460 overflow: hidden; 3461 display: flex; 3462 justify-content: center; 3463 align-items: center; 3464 -webkit-box-pack: center; 3465 -webkit-box-align: center; 3466 -webkit-mask-image: radial-gradient(circle, #ffffff 100%, #000000 100%); 3467 padding: 0 12px 3468 } 3469 3470 .blu-ripple-wave[data-v-2bedc3c7] { 3471 position: absolute; 3472 z-index: 1; 3473 pointer-events: none; 3474 background: currentColor; 3475 border-radius: 50%; 3476 opacity: 0; 3477 transform: scale(2) translateZ(0) 3478 } 3479 3480 .blu-ripple-wave.b-centered[data-v-2bedc3c7] { 3481 animation-duration: 1.2s; 3482 top: 50%; 3483 left: 50% 3484 } 3485 3486 .blu-ripple-wave~*[data-v-2bedc3c7]:not(.blu-ripple-wave) { 3487 position: relative; 3488 z-index: 2 3489 } 3490 3491 .blu-ripple-enter-active[data-v-2bedc3c7] { 3492 transition: 2s cubic-bezier(0.25, 0.8, 0.25, 1); 3493 transition-property: opacity,transform; 3494 will-change: opacity,transform 3495 } 3496 3497 .blu-ripple-enter-active.b-centered[data-v-2bedc3c7] { 3498 transition-duration: 1.2s 3499 } 3500 3501 .blu-ripple-enter[data-v-2bedc3c7] { 3502 opacity: .26; 3503 transform: scale(0.26) translateZ(0) 3504 } 3505 3506 .has-left-icon .blu-ripple svg[data-v-2bedc3c7] { 3507 margin-right: 8px 3508 } 3509 3510 .has-left-icon.b-small svg[data-v-2bedc3c7] { 3511 transform-origin: left; 3512 margin-right: 4px 3513 } 3514 3515 .b-large .blu-ripple[data-v-2bedc3c7] { 3516 padding: 0 16px 3517 } 3518 3519 .b-small .blu-ripple[data-v-2bedc3c7] { 3520 padding: 0 8px 3521 } 3522 3523 .b-small svg[data-v-2bedc3c7] { 3524 width: 18px;
3525 height: 18px 3526 } 3527 3528 .b-icon .blu-ripple[data-v-2bedc3c7] { 3529 padding: 0 3530 } 3531 3532 .b-loading .blu-loader-wrapper[data-v-2bedc3c7] { 3533 height: 24px; 3534 position: absolute 3535 } 3536 3537 .b-loading .blu-ripple[data-v-2bedc3c7] { 3538 color: rgba(0,0,0,0) 3539 } 3540 3541 .b-loading .blu-ripple>svg[data-v-2bedc3c7] { 3542 visibility: hidden 3543 } 3544 3545 .b-loading .blu-ripple .blu-ripple-wave[data-v-2bedc3c7] { 3546 color: #fff 3547 } 3548 3549 .b-loading.b-white .blu-ripple-wave[data-v-2bedc3c7] { 3550 color: #FF0000 3551 } 3552 3553 .b-loading.b-outline.b-secondary .blu-ripple-wave[data-v-2bedc3c7] { 3554 color: #FF0000 3555 } 3556 3557 .b-loading.b-outline.b-primary .blu-ripple-wave[data-v-2bedc3c7] { 3558 color: #f1ab02 3559 } 3560 3561 .b-loading.b-ghost.b-secondary .blu-ripple-wave[data-v-2bedc3c7] { 3562 color: #FF0000 3563 } 3564 3565 .b-loading.b-ghost.b-primary .blu-ripple-wave[data-v-2bedc3c7] { 3566 color: #f1ab02 3567 } 3568 3569 .blu-input-stepper .blu-btn .blu-ripple[data-v-2bedc3c7] { 3570 padding: 0; 3571 width: 24px; 3572 height: 24px; 3573 border-radius: 50% 3574 } 3575 3576 .blu-input-stepper .blu-btn .blu-ripple svg[data-v-2bedc3c7] { 3577 width: 18px; 3578 height: 18px; 3579 margin-left: 1px 3580 } 3581 3582 .blu-input-stepper .blu-btn .blu-ripple-enter-active[data-v-2bedc3c7] { 3583 background: #FF0000 3584 } 3585 3586 .b-disabled[data-v-2bedc3c7] { 3587 opacity: 1 3588 } 3589 3590 .blu-btn-dropdown .blu-ripple>svg+div[data-v-2bedc3c7] { 3591 margin-left: 8px 3592 } 3593 </style> 3594 <style type="text/css"> 3595 .blu-ripple[data-v-574d97b4] { 3596 width: 100%; 3597 height: 100%; 3598 position: relative; 3599 overflow: hidden; 3600 display: flex; 3601 justify-content: center; 3602 align-items: center; 3603 -webkit-box-pack: center; 3604 -webkit-box-align: center; 3605 -webkit-mask-image: radial-gradient(circle, #ffffff 100%, #000000 100%); 3606 padding: 0 12px 3607 } 3608 3609 .blu-ripple-wave[data-v-574d97b4] { 3610 position: absolute; 3611 z-index: 1; 3612 pointer-events: none; 3613 background: currentColor; 3614 border-radius: 50%; 3615 opacity: 0; 3616 transform: scale(2) translateZ(0) 3617 } 3618 3619 .blu-ripple-wave.b-centered[data-v-574d97b4] { 3620 animation-duration: 1.2s; 3621 top: 50%; 3622 left: 50% 3623 } 3624 3625 .blu-ripple-wave~*[data-v-574d97b4]:not(.blu-ripple-wave) { 3626 position: relative; 3627 z-index: 2 3628 } 3629 3630 .blu-ripple-enter-active[data-v-574d97b4] { 3631 transition: 2s cubic-bezier(0.25, 0.8, 0.25, 1); 3632 transition-property: opacity,transform; 3633 will-change: opacity,transform 3634 } 3635 3636 .blu-ripple-enter-active.b-centered[data-v-574d97b4] { 3637 transition-duration: 1.2s 3638 } 3639 3640 .blu-ripple-enter[data-v-574d97b4] { 3641 opacity: .26; 3642 transform: scale(0.26) translateZ(0) 3643 } 3644 3645 .has-left-icon .blu-ripple svg[data-v-574d97b4] { 3646 margin-right: 8px 3647 } 3648 3649 .has-left-icon.b-small svg[data-v-574d97b4] { 3650 transform-origin: left; 3651 margin-right: 4px 3652 } 3653 3654 .b-large .blu-ripple[data-v-574d97b4] { 3655 padding: 0 16px 3656 } 3657 3658 .b-small .blu-ripple[data-v-574d97b4] { 3659 padding: 0 8px 3660 } 3661 3662 .b-small svg[data-v-574d97b4] { 3663 width: 18px;
3664 height: 18px 3665 } 3666 3667 .b-icon .blu-ripple[data-v-574d97b4] { 3668 padding: 0 3669 } 3670 3671 .b-loading .blu-loader-wrapper[data-v-574d97b4] { 3672 height: 24px; 3673 position: absolute 3674 } 3675 3676 .b-loading .blu-ripple[data-v-574d97b4] { 3677 color: rgba(0,0,0,0) 3678 } 3679 3680 .b-loading .blu-ripple>svg[data-v-574d97b4] { 3681 visibility: hidden 3682 } 3683 3684 .b-loading .blu-ripple .blu-ripple-wave[data-v-574d97b4] { 3685 color: #fff 3686 } 3687 3688 .b-loading.b-white .blu-ripple-wave[data-v-574d97b4] { 3689 color: #FF0000 3690 } 3691 3692 .b-loading.b-outline.b-secondary .blu-ripple-wave[data-v-574d97b4] { 3693 color: #FF0000 3694 } 3695 3696 .b-loading.b-outline.b-primary .blu-ripple-wave[data-v-574d97b4] { 3697 color: #f1ab02 3698 } 3699 3700 .b-loading.b-ghost.b-secondary .blu-ripple-wave[data-v-574d97b4] { 3701 color: #FF0000 3702 } 3703 3704 .b-loading.b-ghost.b-primary .blu-ripple-wave[data-v-574d97b4] { 3705 color: #f1ab02 3706 } 3707 3708 .blu-input-stepper .blu-btn .blu-ripple[data-v-574d97b4] { 3709 padding: 0; 3710 width: 24px; 3711 height: 24px; 3712 border-radius: 50% 3713 } 3714 3715 .blu-input-stepper .blu-btn .blu-ripple svg[data-v-574d97b4] { 3716 width: 18px; 3717 height: 18px; 3718 margin-left: 1px 3719 } 3720 3721 .blu-input-stepper .blu-btn .blu-ripple-enter-active[data-v-574d97b4] { 3722 background: #FF0000 3723 } 3724 3725 .b-disabled[data-v-574d97b4] { 3726 opacity: 1 3727 } 3728 3729 .blu-btn-dropdown .blu-ripple>svg+div[data-v-574d97b4] { 3730 margin-left: 8px 3731 } 3732 </style> 3733 <style type="text/css"> 3734 .blu-ripple[data-v-19fd2cc7] { 3735 width: 100%; 3736 height: 100%; 3737 position: relative; 3738 overflow: hidden; 3739 display: flex; 3740 justify-content: center; 3741 align-items: center; 3742 -webkit-box-pack: center; 3743 -webkit-box-align: center; 3744 -webkit-mask-image: radial-gradient(circle, #ffffff 100%, #000000 100%); 3745 padding: 0 12px 3746 } 3747 3748 .blu-ripple-wave[data-v-19fd2cc7] { 3749 position: absolute; 3750 z-index: 1; 3751 pointer-events: none; 3752 background: currentColor; 3753 border-radius: 50%; 3754 opacity: 0; 3755 transform: scale(2) translateZ(0) 3756 } 3757 3758 .blu-ripple-wave.b-centered[data-v-19fd2cc7] { 3759 animation-duration: 1.2s; 3760 top: 50%; 3761 left: 50% 3762 } 3763 3764 .blu-ripple-wave~*[data-v-19fd2cc7]:not(.blu-ripple-wave) { 3765 position: relative; 3766 z-index: 2 3767 } 3768 3769 .blu-ripple-enter-active[data-v-19fd2cc7] { 3770 transition: 2s cubic-bezier(0.25, 0.8, 0.25, 1); 3771 transition-property: opacity,transform; 3772 will-change: opacity,transform 3773 } 3774 3775 .blu-ripple-enter-active.b-centered[data-v-19fd2cc7] { 3776 transition-duration: 1.2s 3777 } 3778 3779 .blu-ripple-enter[data-v-19fd2cc7] { 3780 opacity: .26; 3781 transform: scale(0.26) translateZ(0) 3782 } 3783 3784 .has-left-icon .blu-ripple svg[data-v-19fd2cc7] { 3785 margin-right: 8px 3786 } 3787 3788 .has-left-icon.b-small svg[data-v-19fd2cc7] { 3789 transform-origin: left; 3790 margin-right: 4px 3791 } 3792 3793 .b-large .blu-ripple[data-v-19fd2cc7] { 3794 padding: 0 16px 3795 } 3796 3797 .b-small .blu-ripple[data-v-19fd2cc7] { 3798 padding: 0 8px 3799 } 3800 3801 .b-small svg[data-v-19fd2cc7] { 3802 width: 18px;
3803 height: 18px 3804 } 3805 3806 .b-icon .blu-ripple[data-v-19fd2cc7] { 3807 padding: 0 3808 } 3809 3810 .b-loading .blu-loader-wrapper[data-v-19fd2cc7] { 3811 height: 24px; 3812 position: absolute 3813 } 3814 3815 .b-loading .blu-ripple[data-v-19fd2cc7] { 3816 color: rgba(0,0,0,0) 3817 } 3818 3819 .b-loading .blu-ripple>svg[data-v-19fd2cc7] { 3820 visibility: hidden 3821 } 3822 3823 .b-loading .blu-ripple .blu-ripple-wave[data-v-19fd2cc7] { 3824 color: #fff 3825 } 3826 3827 .b-loading.b-white .blu-ripple-wave[data-v-19fd2cc7] { 3828 color: #FF0000 3829 } 3830 3831 .b-loading.b-outline.b-secondary .blu-ripple-wave[data-v-19fd2cc7] { 3832 color: #FF0000 3833 } 3834 3835 .b-loading.b-outline.b-primary .blu-ripple-wave[data-v-19fd2cc7] { 3836 color: #f1ab02 3837 } 3838 3839 .b-loading.b-ghost.b-secondary .blu-ripple-wave[data-v-19fd2cc7] { 3840 color: #FF0000 3841 } 3842 3843 .b-loading.b-ghost.b-primary .blu-ripple-wave[data-v-19fd2cc7] { 3844 color: #f1ab02 3845 } 3846 3847 .blu-input-stepper .blu-btn .blu-ripple[data-v-19fd2cc7] { 3848 padding: 0; 3849 width: 24px; 3850 height: 24px; 3851 border-radius: 50% 3852 } 3853 3854 .blu-input-stepper .blu-btn .blu-ripple svg[data-v-19fd2cc7] { 3855 width: 18px; 3856 height: 18px; 3857 margin-left: 1px 3858 } 3859 3860 .blu-input-stepper .blu-btn .blu-ripple-enter-active[data-v-19fd2cc7] { 3861 background: #FF0000 3862 } 3863 3864 .b-disabled[data-v-19fd2cc7] { 3865 opacity: 1 3866 } 3867 3868 .blu-btn-dropdown .blu-ripple>svg+div[data-v-19fd2cc7] { 3869 margin-left: 8px 3870 } 3871 3872 .blu-btn[data-v-19fd2cc7] { 3873 position: relative; 3874 font: 16px/20px "blibli demi bold",-apple-system,segoe ui,roboto,helvetica,arial,sans-serif; 3875 text-decoration: none; 3876 transition: color .4s,background-color .4s,border-color .6s; 3877 white-space: nowrap; 3878 height: 48px; 3879 padding: 0; 3880 -webkit-tap-highlight-color: rgba(0,0,0,0) 3881 } 3882 3883 .blu-btn[data-v-19fd2cc7]::-moz-focus-inner { 3884 border: 0 3885 } 3886 3887 .blu-btn[data-v-19fd2cc7]:active { 3888 outline: none 3889 } 3890 3891 .blu-btn[data-v-19fd2cc7]:before { 3892 position: absolute; 3893 top: 0; 3894 right: 0; 3895 bottom: 0; 3896 left: 0; 3897 z-index: 1; 3898 opacity: 0; 3899 transition: .4s cubic-bezier(0.4, 0, 0.2, 1); 3900 will-change: background-color,opacity; 3901 content: " " 3902 } 3903 3904 .blu-btn[data-v-19fd2cc7]:focus-visible { 3905 box-shadow: 0px 0px 0px 4px #000 3906 } 3907 3908 .blu-btn.b-primary[data-v-19fd2cc7] { 3909 color: #fff; 3910 background-color: #f1ab02; 3911 border-color: #f1ab02 3912 } 3913 3914 .blu-btn.b-primary[data-v-19fd2cc7]:not(.b-disabled):focus-visible,.blu-btn.b-primary[data-v-19fd2cc7]:not(.b-disabled):hover,.blu-btn.b-primary:not(.b-disabled).b-active[data-v-19fd2cc7] { 3915 background-color: #e39304; 3916 border-color: #e39304 3917 } 3918 3919 .blu-btn.b-secondary[data-v-19fd2cc7] { 3920 color: #fff; 3921 background-color: #FF0000; 3922 border-color: #FF0000 3923 } 3924 3925 .blu-btn.b-secondary[data-v-19fd2cc7]:not(.b-disabled):focus-visible,.blu-btn.b-secondary[data-v-19fd2cc7]:not(.b-disabled):hover,.blu-btn.b-secondary:not(.b-disabled).b-active[data-v-19fd2cc7] { 3926 background-color: #006dea; 3927 border-color: #006dea 3928 } 3929 3930 .blu-btn.b-white[data-v-19fd2cc7] { 3931 color: #fff; 3932 background-color: #fff; 3933 border-color: #fff; 3934 color: #FF0000 3935 } 3936 3937 .blu-btn.b-white[data-v-19fd2cc7]:not(.b-disabled):focus-visible,.blu-btn.b-white[data-v-19fd2cc7]:not(.b-disabled):hover,.blu-btn.b-white:not(.b-disabled).b-active[data-v-19fd2cc7] { 3938 background-color: #f1f2f2; 3939 border-color: #f1f2f2 3940 } 3941 3942 .blu-btn.b-disabled[data-v-19fd2cc7] { 3943 color: #fff; 3944 background-color: #c8cbcd; 3945 border-color: #c8cbcd; 3946 color: rgba(25,34,42,.4) 3947 } 3948 3949 .blu-btn.b-disabled[data-v-19fd2cc7]:not(.b-disabled):focus-visible,.blu-btn.b-disabled[data-v-19fd2cc7]:not(.b-disabled):hover,.blu-btn.b-disabled:not(.b-disabled).b-active[data-v-19fd2cc7] { 3950 background-color: #c8cbcd; 3951 border-color: #c8cbcd 3952 } 3953 3954 .blu-btn.b-large[data-v-19fd2cc7] { 3955 height: 56px 3956 } 3957 3958 .blu-btn.b-small[data-v-19fd2cc7] { 3959 font: 14px/18px "blibli demi bold",-apple-system,segoe ui,roboto,helvetica,arial,sans-serif; 3960 height: 32px 3961 } 3962 3963 .b-disabled[data-v-19fd2cc7] { 3964 opacity: 1 3965 } 3966 3967 input[type=submit][data-v-19fd2cc7]::-moz-focus-inner,input[type=button][data-v-19fd2cc7]::-moz-focus-inner { 3968 border: 0px 3969 } 3970 3971 button[data-v-19fd2cc7]:focus,input[type=submit][data-v-19fd2cc7]:focus,input[type=button][data-v-19fd2cc7]:focus,input[type=reset][data-v-19fd2cc7]:focus,a[data-v-19fd2cc7] { 3972 outline: none 3973 } 3974 3975 a[data-v-19fd2cc7],a[data-v-19fd2cc7]:visited,a[data-v-19fd2cc7]:focus,a[data-v-19fd2cc7]:active,a[data-v-19fd2cc7]:hover { 3976 outline: 0 none !important 3977 } 3978 3979 .blu-btn[data-v-19fd2cc7] { 3980 border-radius: 24px 3981 } 3982 3983 .blu-btn+.blu-button[data-v-19fd2cc7] { 3984 margin-left: 0 3985 } 3986 3987 .blu-btn.b-outline[data-v-19fd2cc7] { 3988 background-color: rgba(0,0,0,0) 3989 } 3990 3991 .blu-btn.b-outline.b-primary[data-v-19fd2cc7] { 3992 color: #f1ab02; 3993 background-color: #e39304; 3994 border: #ffcd00 1px solid 3995 } 3996 3997 .blu-btn.b-outline.b-primary[data-v-19fd2cc7]:not(.b-disabled) { 3998 background-color: rgba(255,255,255,.12) 3999 } 4000 4001 .blu-btn.b-outline.b-primary[data-v-19fd2cc7]:not(.b-disabled):focus-visible,.blu-btn.b-outline.b-primary[data-v-19fd2cc7]:not(.b-disabled):hover,.blu-btn.b-outline.b-primary:not(.b-disabled).b-active[data-v-19fd2cc7] { 4002 background-color: rgba(227,147,4,.08); 4003 border: #ffcd00 1px solid 4004 } 4005 4006 .blu-btn.b-outline.b-primary.b-active[data-v-19fd2cc7] { 4007 z-index: 9; 4008 background-color: #f1ab02; 4009 color: #fff 4010 } 4011 4012 .blu-btn.b-outline.b-secondary[data-v-19fd2cc7] { 4013 color: #FF0000; 4014 background-color: #006dea; 4015 border: #1d8fff 1px solid 4016 } 4017 4018 .blu-btn.b-outline.b-secondary[data-v-19fd2cc7]:not(.b-disabled) { 4019 background-color: rgba(255,255,255,.12) 4020 } 4021 4022 .blu-btn.b-outline.b-secondary[data-v-19fd2cc7]:not(.b-disabled):focus-visible,.blu-btn.b-outline.b-secondary[data-v-19fd2cc7]:not(.b-disabled):hover,.blu-btn.b-outline.b-secondary:not(.b-disabled).b-active[data-v-19fd2cc7] { 4023 background-color: rgba(0,109,234,.08); 4024 border: #1d8fff 1px solid 4025 } 4026 4027 .blu-btn.b-outline.b-secondary.b-active[data-v-19fd2cc7] { 4028 z-index: 9; 4029 background-color: #FF0000; 4030 color: #fff 4031 } 4032 4033 .blu-btn.b-outline.b-white[data-v-19fd2cc7] { 4034 color: #fff; 4035 background-color: #fff; 4036 border: #fff 1px solid 4037 } 4038 4039 .blu-btn.b-outline.b-white[data-v-19fd2cc7]:not(.b-disabled) { 4040 background-color: rgba(255,255,255,.12) 4041 } 4042 4043 .blu-btn.b-outline.b-white[data-v-19fd2cc7]:not(.b-disabled):focus-visible,.blu-btn.b-outline.b-white[data-v-19fd2cc7]:not(.b-disabled):hover,.blu-btn.b-outline.b-white:not(.b-disabled).b-active[data-v-19fd2cc7] { 4044 background-color: rgba(255,255,255,.4); 4045 border: #fff 1px solid 4046 } 4047 4048 .blu-btn.b-outline.b-white.b-active[data-v-19fd2cc7] { 4049 z-index: 9; 4050 background-color: #fff; 4051 color: #fff 4052 } 4053 4054 .blu-btn.b-outline.b-disabled[data-v-19fd2cc7] { 4055 color: rgba(25,34,42,.4); 4056 background-color: #c8cbcd; 4057 border: #c8cbcd 1px solid 4058 } 4059 4060 .blu-btn.b-outline.b-disabled[data-v-19fd2cc7]:not(.b-disabled) { 4061 background-color: rgba(255,255,255,.12) 4062 } 4063 4064 .blu-btn.b-outline.b-disabled[data-v-19fd2cc7]:not(.b-disabled):focus-visible,.blu-btn.b-outline.b-disabled[data-v-19fd2cc7]:not(.b-disabled):hover,.blu-btn.b-outline.b-disabled:not(.b-disabled).b-active[data-v-19fd2cc7] { 4065 background-color: rgba(200,203,205,.08); 4066 border: #c8cbcd 1px solid 4067 } 4068 4069 .blu-btn.b-outline.b-disabled.b-active[data-v-19fd2cc7] { 4070 z-index: 9; 4071 background-color: rgba(25,34,42,.4); 4072 color: #fff 4073 } 4074 4075 .blu-btn.b-outline.b-small .blu-ripple[data-v-19fd2cc7] { 4076 border-radius: 14px 4077 } 4078 4079 .blu-btn.b-outline.b-large .blu-ripple[data-v-19fd2cc7] { 4080 border-radius: 30px 4081 } 4082 4083 .blu-btn.b-ghost[data-v-19fd2cc7] { 4084 background-color: rgba(0,0,0,0); 4085 border-color: rgba(0,0,0,0) 4086 } 4087 4088 .blu-btn.b-ghost.b-primary[data-v-19fd2cc7] { 4089 color: #f1ab02; 4090 border-color: rgba(0,0,0,0) 4091 } 4092 4093 .blu-btn.b-ghost.b-primary[data-v-19fd2cc7]:not(.b-disabled):focus-visible,.blu-btn.b-ghost.b-primary[data-v-19fd2cc7]:not(.b-disabled):hover,.blu-btn.b-ghost.b-primary:not(.b-disabled).b-active[data-v-19fd2cc7] { 4094 border-color: rgba(0,0,0,0); 4095 background-color: rgba(227,147,4,.08) 4096 } 4097 4098 .blu-btn.b-ghost.b-secondary[data-v-19fd2cc7] { 4099 color: #FF0000; 4100 border-color: rgba(0,0,0,0) 4101 } 4102 4103 .blu-btn.b-ghost.b-secondary[data-v-19fd2cc7]:not(.b-disabled):focus-visible,.blu-btn.b-ghost.b-secondary[data-v-19fd2cc7]:not(.b-disabled):hover,.blu-btn.b-ghost.b-secondary:not(.b-disabled).b-active[data-v-19fd2cc7] { 4104 border-color: rgba(0,0,0,0); 4105 background-color: rgba(0,109,234,.08) 4106 } 4107 4108 .blu-btn.b-ghost.b-white[data-v-19fd2cc7] { 4109 color: #fff; 4110 border-color: rgba(0,0,0,0) 4111 } 4112 4113 .blu-btn.b-ghost.b-white[data-v-19fd2cc7]:not(.b-disabled):focus-visible,.blu-btn.b-ghost.b-white[data-v-19fd2cc7]:not(.b-disabled):hover,.blu-btn.b-ghost.b-white:not(.b-disabled).b-active[data-v-19fd2cc7] { 4114 border-color: rgba(0,0,0,0); 4115 background-color: rgba(255,255,255,.4) 4116 } 4117 4118 .blu-btn.b-ghost.b-white.b-disabled[data-v-19fd2cc7] { 4119 color: rgba(255,255,255,.4); 4120 border-color: rgba(0,0,0,0) 4121 } 4122 4123 .blu-btn.b-ghost.b-white.b-disabled[data-v-19fd2cc7]:not(.b-disabled):focus-visible,.blu-btn.b-ghost.b-white.b-disabled[data-v-19fd2cc7]:not(.b-disabled):hover,.blu-btn.b-ghost.b-white.b-disabled:not(.b-disabled).b-active[data-v-19fd2cc7] { 4124 border-color: rgba(0,0,0,0); 4125 background-color: rgba(0,0,0,0) 4126 } 4127 4128 .blu-btn.b-ghost.b-disabled[data-v-19fd2cc7] { 4129 color: rgba(25,34,42,.4); 4130 border-color: rgba(0,0,0,0) 4131 } 4132 4133 .blu-btn.b-ghost.b-disabled[data-v-19fd2cc7]:not(.b-disabled):focus-visible,.blu-btn.b-ghost.b-disabled[data-v-19fd2cc7]:not(.b-disabled):hover,.blu-btn.b-ghost.b-disabled:not(.b-disabled).b-active[data-v-19fd2cc7] { 4134 border-color: rgba(0,0,0,0); 4135 background-color: rgba(0,0,0,0) 4136 } 4137 4138 .blu-btn.b-warning[data-v-19fd2cc7] { 4139 color: #fff; 4140 background-color: #ffcd00; 4141 border-color: #ffcd00 4142 } 4143 4144 .blu-btn.b-warning[data-v-19fd2cc7]:not(.b-disabled):focus-visible,.blu-btn.b-warning[data-v-19fd2cc7]:not(.b-disabled):hover,.blu-btn.b-warning:not(.b-disabled).b-active[data-v-19fd2cc7] { 4145 background-color: #cca400; 4146 border-color: #cca400 4147 } 4148 4149 .blu-btn.b-danger[data-v-19fd2cc7] { 4150 color: #fff; 4151 background-color: #ff4646; 4152 border-color: #ff4646 4153 } 4154 4155 .blu-btn.b-danger[data-v-19fd2cc7]:not(.b-disabled):focus-visible,.blu-btn.b-danger[data-v-19fd2cc7]:not(.b-disabled):hover,.blu-btn.b-danger:not(.b-disabled).b-active[data-v-19fd2cc7] { 4156 background-color: #ff1313; 4157 border-color: #ff1313 4158 } 4159 4160 .blu-btn.b-small[data-v-19fd2cc7] { 4161 border-radius: 16px 4162 } 4163 4164 .blu-btn.b-small .blu-ripple[data-v-19fd2cc7] { 4165 border-radius: 16px 4166 } 4167 4168 .blu-btn.b-large[data-v-19fd2cc7] { 4169 border-radius: 32px 4170 } 4171 4172 .blu-btn.b-large .blu-ripple[data-v-19fd2cc7] { 4173 border-radius: 32px 4174 } 4175 4176 .blu-btn.b-icon[data-v-19fd2cc7] { 4177 width: 48px 4178 } 4179 4180 .blu-btn.b-icon.b-large[data-v-19fd2cc7] { 4181 width: 56px 4182 } 4183 4184 .blu-btn.b-icon.b-small[data-v-19fd2cc7] { 4185 width: 32px 4186 } 4187 4188 .blu-btn.b-icon svg[data-v-19fd2cc7] { 4189 width: 100%; 4190 height: 100% 4191 } 4192 4193 .blu-btn.b-full-width[data-v-19fd2cc7] { 4194 width: 100% 4195 } 4196 4197 .blu-btn .blu-ripple[data-v-19fd2cc7] { 4198 border-radius: 24px 4199 } 4200 </style> 4201 <style type="text/css"> 4202 .blu-field[data-v-12bd13fe] { 4203 position: relative; 4204 margin-bottom: 16px 4205 } 4206 4207 .blu-field input.form__input[data-v-12bd13fe] { 4208 width: auto 4209 } 4210 4211 .blu-field input.form__input[type=email][data-v-12bd13fe],.blu-field input.form__input[type=number][data-v-12bd13fe],.blu-field input.form__input[type=search][data-v-12bd13fe],.blu-field input.form__input[type=text][data-v-12bd13fe],.blu-field input.form__input[type=tel][data-v-12bd13fe],.blu-field input.form__input[type=url][data-v-12bd13fe],.blu-field input.form__input[type=password][data-v-12bd13fe] { 4212 padding: 24px 20px 8px 14px; 4213 height: 56px 4214 } 4215 4216 .blu-field textarea[data-v-12bd13fe] { 4217 padding: 22px 16px 8px 14px; 4218 resize: vertical 4219 } 4220 4221 .blu-field input.form__input[data-v-12bd13fe],.blu-field textarea[data-v-12bd13fe] { 4222 width: 100%; 4223 margin-top: 0;
4224 border-radius: 8px; 4225 border: #c8cbcd 1px solid; 4226 color: #19222a; 4227 font: 16px/20px "blibli",-apple-system,segoe ui,roboto,helvetica,arial,sans-serif; 4228 transition: border .2s,background-color .4s 4229 } 4230 4231 .blu-field input.form__input[type=search][data-v-12bd13fe],.blu-field textarea[type=search][data-v-12bd13fe] { 4232 font: 16px/20px "blibli",-apple-system,segoe ui,roboto,helvetica,arial,sans-serif; 4233 color: #19222a 4234 } 4235 4236 .blu-field input.form__input[type=search][data-v-12bd13fe]::placeholder,.blu-field textarea[type=search][data-v-12bd13fe]::placeholder { 4237 color: rgba(25,34,42,.4) 4238 } 4239 4240 .blu-field input.form__input[data-v-12bd13fe]:not(:read-only):focus,.blu-field textarea[data-v-12bd13fe]:not(:read-only):focus { 4241 border-color: #1d8fff 4242 } 4243 4244 .blu-field input.form__input:not(:read-only):focus~label[data-v-12bd13fe],.blu-field textarea:not(:read-only):focus~label[data-v-12bd13fe] { 4245 font: 12px/16px "blibli",-apple-system,segoe ui,roboto,helvetica,arial,sans-serif; 4246 color: #FF0000; 4247 top: 2px; 4248 padding-top: 6px; 4249 opacity: 1 4250 } 4251 4252 .blu-field input.form__input:not(:read-only):focus~.title[data-v-12bd13fe],.blu-field textarea:not(:read-only):focus~.title[data-v-12bd13fe] { 4253 color: #FF0000 4254 } 4255 4256 .blu-field input.form__input[data-v-12bd13fe]:read-only,.blu-field textarea[data-v-12bd13fe]:read-only { 4257 border-color: #f1f2f2 4258 } 4259 4260 .blu-field textarea[data-v-12bd13fe] { 4261 height: 100px 4262 } 4263 4264 .blu-field textarea[data-v-12bd13fe]::-webkit-scrollbar { 4265 width: 6px; 4266 background-color: rgba(0,0,0,0) 4267 } 4268 4269 .blu-field textarea[data-v-12bd13fe]::-webkit-scrollbar-thumb { 4270 border-radius: 3px; 4271 background-color: #c8cbcd 4272 } 4273 4274 .blu-field textarea[data-v-12bd13fe]::-webkit-scrollbar-track { 4275 border-radius: 3px; 4276 background-color: rgba(0,0,0,0) 4277 } 4278 4279 .blu-field label[data-v-12bd13fe] { 4280 font: 16px/20px "blibli",-apple-system,segoe ui,roboto,helvetica,arial,sans-serif; 4281 color: rgba(25,34,42,.4); 4282 position: absolute; 4283 top: 18px; 4284 left: 16px; 4285 transition: all .2s,background-color .4s 4286 } 4287 4288 .blu-field button[data-v-12bd13fe] { 4289 padding: 0; 4290 margin: 0; 4291 color: #797f85; 4292 display: flex 4293 } 4294 4295 .blu-field button[data-v-12bd13fe]:focus-visible { 4296 outline: none 4297 } 4298 4299 .blu-field button:focus-visible svg[data-v-12bd13fe] { 4300 outline: 4px solid #000 4301 } 4302 4303 .blu-field__msg[data-v-12bd13fe] { 4304 flex: auto; 4305 margin-top: 4px 4306 } 4307 4308 .blu-field__msg-wrapper[data-v-12bd13fe] { 4309 display: flex; 4310 justify-content: flex-end; 4311 font: 14px/18px "blibli",-apple-system,segoe ui,roboto,helvetica,arial,sans-serif; 4312 color: rgba(25,34,42,.4) 4313 } 4314 4315 .blu-field__counter[data-v-12bd13fe] { 4316 text-align: right 4317 } 4318 4319 .blu-field__btn[data-v-12bd13fe] { 4320 top: 16px; 4321 position: absolute; 4322 display: flex; 4323 right: 16px; 4324 align-items: center 4325 } 4326 4327 .blu-field .title[data-v-12bd13fe] { 4328 display: none; 4329 color: rgba(25,34,42,.7019607843) 4330 } 4331 4332 .blu-field:not(.b-disabled) input.form__input[data-v-12bd13fe]:hover,.blu-field:not(.b-disabled) textarea[data-v-12bd13fe]:hover { 4333 background-color: #f1f2f2 4334 } 4335 4336 .blu-field:not(.b-disabled).has-value label[data-v-12bd13fe] { 4337 color: #FF0000 4338 } 4339 4340 .blu-field:not(.b-disabled).has-value textarea+label[data-v-12bd13fe] { 4341 background-color: #fff 4342 } 4343 4344 .blu-field:not(.b-disabled).has-value textarea:hover~label[data-v-12bd13fe] { 4345 background-color: #f1f2f2 4346 } 4347 4348 .blu-field:not(.b-disabled).has-value textarea[data-v-12bd13fe]::-webkit-credentials-auto-fill-button { 4349 margin-right: 0 4350 } 4351 4352 .blu-field.has-value label[data-v-12bd13fe] { 4353 font: 12px/16px "blibli",-apple-system,segoe ui,roboto,helvetica,arial,sans-serif; 4354 top: 2px; 4355 padding-top: 6px; 4356 opacity: 1 4357 } 4358 4359 .blu-field.has-value textarea+label[data-v-12bd13fe] { 4360 width: calc(100% - 32px) 4361 } 4362 4363 .blu-field.has-value.b-success label[data-v-12bd13fe] { 4364 color: #1c832a 4365 } 4366 4367 .blu-field.has-value.b-danger label[data-v-12bd13fe] { 4368 color: #e93c3c 4369 } 4370 4371 .blu-field.has-max-length input.form__input[data-v-12bd13fe] { 4372 animation: shake-12bd13fe .82s cubic-bezier(0.36, 0.07, 0.19, 0.97) both; 4373 transform: translate3d(0, 0, 0); 4374 backface-visibility: hidden; 4375 perspective: 1000px 4376 } 4377 4378 .blu-field.has-placeholder[data-v-12bd13fe] ::placeholder { 4379 font: 16px/20px "blibli",-apple-system,segoe ui,roboto,helvetica,arial,sans-serif; 4380 opacity: 1;
4381 color: rgba(25,34,42,.4) 4382 } 4383 4384 .blu-field.has-placeholder .title[data-v-12bd13fe] { 4385 position: absolute; 4386 font-size: 1.2rem; 4387 font-weight: normal; 4388 top: -8px; 4389 left: 16px; 4390 display: block; 4391 color: rgba(25,34,42,.7019607843) 4392 } 4393 4394 .blu-field.has-placeholder .blu-field__btn[data-v-12bd13fe] { 4395 top: 32px 4396 } 4397 4398 .blu-field.has-placeholder textarea[data-v-12bd13fe] { 4399 padding-top: 16px; 4400 margin-top: 16px 4401 } 4402 4403 .blu-field.has-placeholder input.form__input[data-v-12bd13fe] { 4404 padding-top: 8px; 4405 margin-top: 16px 4406 } 4407 4408 .blu-field.has-placeholder input.form__input[data-v-12bd13fe]:focus::placeholder { 4409 color: rgba(25,34,42,.4) 4410 } 4411 4412 .blu-field.has-placeholder.has-left-icon .blu-field__btn[data-v-12bd13fe],.blu-field.has-placeholder.has-right-icon .blu-field__btn[data-v-12bd13fe] { 4413 top: 32px 4414 } 4415 4416 .blu-field.has-left-icon .blu-field__btn[data-v-12bd13fe] { 4417 left: 16px; 4418 right: auto; 4419 width: calc(100% - 28px); 4420 pointer-events: none; 4421 justify-content: space-between 4422 } 4423 4424 .blu-field.has-left-icon .blu-field__btn-close[data-v-12bd13fe],.blu-field.has-left-icon .blu-field__btn-custom[data-v-12bd13fe] { 4425 pointer-events: all 4426 } 4427 4428 .blu-field.has-left-icon.b-clearable[data-v-12bd13fe] { 4429 flex-direction: row-reverse 4430 } 4431 4432 .blu-field.has-left-icon.b-clearable.has-value .blu-field__btn-close[data-v-12bd13fe] { 4433 order: 2 4434 } 4435 4436 .blu-field.has-left-icon.b-clearable.has-value .blu-field__btn-custom[data-v-12bd13fe] { 4437 order: 1 4438 } 4439 4440 .blu-field.has-left-icon label[data-v-12bd13fe] { 4441 padding-left: 30px 4442 } 4443 4444 .blu-field.has-left-icon input.form__input[data-v-12bd13fe] { 4445 padding-left: 44px 4446 } 4447 4448 .blu-field.has-left-icon input.form__input[type=search][data-v-12bd13fe] { 4449 padding-left: 46px 4450 } 4451 4452 @media screen and (max-width: 768px) { 4453 .blu-field.has-left-icon input.form__input[type=search][data-v-12bd13fe] { 4454 padding-left:32px 4455 } 4456 4457 .blu-field.has-left-icon input.form__input[type=search]~label[data-v-12bd13fe] { 4458 left: 24px 4459 } 4460 4461 .blu-field.has-left-icon input.form__input[type=search]~.blu-field__btn[data-v-12bd13fe] { 4462 width: calc(100% - 15px); 4463 bottom: 17px; 4464 left: 5px 4465 } 4466 4467 .blu-field.has-left-icon input.form__input[type=search]~.blu-field__btn .blu-field__btn-custom svg[data-v-12bd13fe],.blu-field.has-left-icon input.form__input[type=search]~.blu-field__btn .blu-field__btn-close svg[data-v-12bd13fe] { 4468 width: 18px; 4469 height: 18px 4470 } 4471 } 4472 4473 @media screen and (max-width: 768px) { 4474 .blu-field.has-left-icon input.form__input[type=search][data-v-12bd13fe] { 4475 height:36px; 4476 border-radius: 8px 4477 } 4478 } 4479 4480 .blu-field.has-right-icon input.form__input[data-v-12bd13fe] { 4481 padding-right: 46px 4482 } 4483 4484 .blu-field.b-clearable input.form__input[data-v-12bd13fe],.blu-field.b-clearable textarea[data-v-12bd13fe] { 4485 padding-right: 47px 4486 } 4487 4488 .blu-field.b-clearable input.form__input[type=password][data-v-12bd13fe],.blu-field.b-clearable textarea[type=password][data-v-12bd13fe] { 4489 padding-right: 80px 4490 } 4491 4492 @media screen and (max-width: 768px) { 4493 .blu-field.b-clearable input.form__input[type=search][data-v-12bd13fe],.blu-field.b-clearable textarea[type=search][data-v-12bd13fe] { 4494 padding-right:33px 4495 } 4496 } 4497 4498 .blu-field.b-clearable .blu-field__btn-close[data-v-12bd13fe]:not(:last-child) { 4499 margin-right: 8px 4500 } 4501 4502 .blu-field.has-action .blu-field__btn[data-v-12bd13fe] { 4503 top: 12px 4504 } 4505 4506 .blu-field.has-action.has-placeholder .blu-field__btn[data-v-12bd13fe] { 4507 top: 28px 4508 } 4509 4510 .blu-field.has-action input.form__input[data-v-12bd13fe] { 4511 padding-right: 81px 4512 } 4513 4514 .blu-field.has-action.b-clearable input.form__input[data-v-12bd13fe],.blu-field.has-action.has-password input.form__input[data-v-12bd13fe] { 4515 padding-right: 118px 4516 } 4517 4518 .blu-field.has-leading-icon .blu-field__leading-icon[data-v-12bd13fe] { 4519 position: absolute; 4520 top: 16px; 4521 left: 16px; 4522 pointer-events: none; 4523 z-index: 1 4524 } 4525 4526 .blu-field.has-leading-icon label[data-v-12bd13fe] { 4527 padding-left: 32px 4528 } 4529 4530 .blu-field.has-leading-icon input.form__input[data-v-12bd13fe] { 4531 padding-left: 46px 4532 } 4533 4534 .blu-field.has-leading-icon input.form__input[type=search][data-v-12bd13fe] { 4535 padding-left: 48px 4536 } 4537 4538 @media screen and (max-width: 768px) { 4539 .blu-field.has-leading-icon input.form__input[type=search][data-v-12bd13fe] { 4540 padding-left:32px; 4541 height: 36px; 4542 border-radius: 8px 4543 } 4544 4545 .blu-field.has-leading-icon input.form__input[type=search]~label[data-v-12bd13fe] { 4546 left: 24px 4547 } 4548 4549 .blu-field.has-leading-icon input.form__input[type=search]~.blu-field__leading-icon[data-v-12bd13fe] { 4550 top: 24px; 4551 left: 8px 4552 } 4553 4554 .blu-field.has-leading-icon input.form__input[type=search]~.blu-field__leading-icon svg[data-v-12bd13fe] { 4555 width: 18px;
4556 height: 18px 4557 } 4558 4559 .blu-field.has-leading-icon input.form__input[type=search]~.blu-field__btn[data-v-12bd13fe] { 4560 bottom: 17px; 4561 right: 8px 4562 } 4563 4564 .blu-field.has-leading-icon input.form__input[type=search]~.blu-field__btn .blu-field__btn-custom svg[data-v-12bd13fe],.blu-field.has-leading-icon input.form__input[type=search]~.blu-field__btn .blu-field__btn-close svg[data-v-12bd13fe],.blu-field.has-leading-icon input.form__input[type=search]~.blu-field__btn .blu-field__leading-icon svg[data-v-12bd13fe] { 4565 width: 18px; 4566 height: 18px 4567 } 4568 } 4569 4570 .blu-field.has-leading-icon.has-placeholder .blu-field__leading-icon[data-v-12bd13fe] { 4571 top: 32px 4572 } 4573 4574 .blu-field.has-leading-icon.has-placeholder.b-small:not(.has-no-gap) :not(input[type=search].form__input)~.blu-field__leading-icon[data-v-12bd13fe] { 4575 top: 23px 4576 } 4577 4578 .blu-field.has-leading-icon.has-placeholder.b-small:not(.has-no-gap) .blu-field__leading-icon[data-v-12bd13fe] { 4579 top: 25px 4580 } 4581 4582 .blu-field.has-leading-icon.has-placeholder.b-small :not(input[type=search].form__input)~.blu-field__leading-icon[data-v-12bd13fe] { 4583 top: 7px 4584 } 4585 4586 .blu-field.has-custom-icon input.form__input[data-v-12bd13fe] { 4587 padding-right: 46px 4588 } 4589 4590 .blu-field.has-custom-icon.b-clearable input.form__input[data-v-12bd13fe] { 4591 padding-right: 80px 4592 } 4593 4594 .blu-field.has-no-gap[data-v-12bd13fe] { 4595 margin-bottom: 0 4596 } 4597 4598 .blu-field.has-no-gap.has-placeholder input.form__input[data-v-12bd13fe] { 4599 margin-top: 0 4600 } 4601 4602 .blu-field.has-no-gap.has-leading-icon.has-placeholder:not(.b-small) .blu-field__leading-icon[data-v-12bd13fe],.blu-field.has-no-gap.has-leading-icon.has-placeholder:not(.b-small) .blu-field__btn[data-v-12bd13fe] { 4603 top: 16px 4604 } 4605 4606 .blu-field.has-no-gap.has-leading-icon.has-placeholder .blu-field__leading-icon[data-v-12bd13fe] { 4607 top: 9px 4608 } 4609 4610 .blu-field.has-no-gap.has-leading-icon.has-placeholder .blu-field__btn[data-v-12bd13fe] { 4611 top: 7px 4612 } 4613 4614 @media screen and (min-width: 769px),print { 4615 .blu-field.has-no-gap.has-leading-icon.has-placeholder.b-small input[type=search].form__input~.blu-field__btn[data-v-12bd13fe] { 4616 top:9px 4617 } 4618 } 4619 4620 @media screen and (max-width: 768px) { 4621 .blu-field.has-no-gap.has-leading-icon.has-placeholder input[type=search].form__input~.blu-field__leading-icon[data-v-12bd13fe] { 4622 top:9px 4623 } 4624 4625 .blu-field.has-no-gap.has-leading-icon.has-placeholder input[type=search].form__input~.blu-field__btn[data-v-12bd13fe] { 4626 top: 17px 4627 } 4628 } 4629 4630 .blu-field.b-success input.form__input[data-v-12bd13fe],.blu-field.b-success textarea[data-v-12bd13fe],.blu-field.b-success input[data-v-12bd13fe]:not(:read-only):focus,.blu-field.b-success textarea[data-v-12bd13fe]:not(:read-only):focus,.blu-field.b-success textarea[data-v-12bd13fe]:focus { 4631 border-color: #22a334 4632 } 4633 4634 .blu-field.b-success input.form__input~.blu-field__msg-wrapper .blu-field__msg[data-v-12bd13fe],.blu-field.b-success input.form__input~.blu-field__msg[data-v-12bd13fe],.blu-field.b-success input.form__input~.blu-field__msg-wrapper .blu-field__counter[data-v-12bd13fe],.blu-field.b-success textarea~.blu-field__msg-wrapper .blu-field__msg[data-v-12bd13fe],.blu-field.b-success textarea~.blu-field__msg[data-v-12bd13fe],.blu-field.b-success textarea~.blu-field__msg-wrapper .blu-field__counter[data-v-12bd13fe],.blu-field.b-success input:not(:read-only):focus~.blu-field__msg-wrapper .blu-field__msg[data-v-12bd13fe],.blu-field.b-success input:not(:read-only):focus~.blu-field__msg[data-v-12bd13fe],.blu-field.b-success input:not(:read-only):focus~.blu-field__msg-wrapper .blu-field__counter[data-v-12bd13fe],.blu-field.b-success textarea:not(:read-only):focus~.blu-field__msg-wrapper .blu-field__msg[data-v-12bd13fe],.blu-field.b-success textarea:not(:read-only):focus~.blu-field__msg[data-v-12bd13fe],.blu-field.b-success textarea:not(:read-only):focus~.blu-field__msg-wrapper .blu-field__counter[data-v-12bd13fe],.blu-field.b-success textarea:focus~.blu-field__msg-wrapper .blu-field__msg[data-v-12bd13fe],.blu-field.b-success textarea:focus~.blu-field__msg[data-v-12bd13fe],.blu-field.b-success textarea:focus~.blu-field__msg-wrapper .blu-field__counter[data-v-12bd13fe] { 4635 color: #1c832a 4636 } 4637 4638 .blu-field.b-success input.form__input~.title[data-v-12bd13fe],.blu-field.b-success textarea~.title[data-v-12bd13fe],.blu-field.b-success input:not(:read-only):focus~.title[data-v-12bd13fe],.blu-field.b-success textarea:not(:read-only):focus~.title[data-v-12bd13fe],.blu-field.b-success textarea:focus~.title[data-v-12bd13fe] { 4639 color: #1c832a 4640 } 4641 4642 .blu-field.b-success input.form__input:not(:read-only):focus~label[data-v-12bd13fe],.blu-field.b-success textarea:not(:read-only):focus~label[data-v-12bd13fe],.blu-field.b-success input:not(:read-only):focus:not(:read-only):focus~label[data-v-12bd13fe],.blu-field.b-success textarea:not(:read-only):focus:not(:read-only):focus~label[data-v-12bd13fe],.blu-field.b-success textarea:focus:not(:read-only):focus~label[data-v-12bd13fe] { 4643 color: #1c832a 4644 } 4645 4646 .blu-field.b-danger input[data-v-12bd13fe],.blu-field.b-danger textarea[data-v-12bd13fe],.blu-field.b-danger input[data-v-12bd13fe]:not(:read-only):focus,.blu-field.b-danger textarea[data-v-12bd13fe]:not(:read-only):focus,.blu-field.b-danger textarea[data-v-12bd13fe]:focus { 4647 border-color: #ff4646 4648 } 4649 4650 .blu-field.b-danger input~.blu-field__msg-wrapper .blu-field__msg[data-v-12bd13fe],.blu-field.b-danger input~.blu-field__msg[data-v-12bd13fe],.blu-field.b-danger input~.blu-field__msg-wrapper .blu-field__counter[data-v-12bd13fe],.blu-field.b-danger textarea~.blu-field__msg-wrapper .blu-field__msg[data-v-12bd13fe],.blu-field.b-danger textarea~.blu-field__msg[data-v-12bd13fe],.blu-field.b-danger textarea~.blu-field__msg-wrapper .blu-field__counter[data-v-12bd13fe],.blu-field.b-danger input:not(:read-only):focus~.blu-field__msg-wrapper .blu-field__msg[data-v-12bd13fe],.blu-field.b-danger input:not(:read-only):focus~.blu-field__msg[data-v-12bd13fe],.blu-field.b-danger input:not(:read-only):focus~.blu-field__msg-wrapper .blu-field__counter[data-v-12bd13fe],.blu-field.b-danger textarea:not(:read-only):focus~.blu-field__msg-wrapper .blu-field__msg[data-v-12bd13fe],.blu-field.b-danger textarea:not(:read-only):focus~.blu-field__msg[data-v-12bd13fe],.blu-field.b-danger textarea:not(:read-only):focus~.blu-field__msg-wrapper .blu-field__counter[data-v-12bd13fe],.blu-field.b-danger textarea:focus~.blu-field__msg-wrapper .blu-field__msg[data-v-12bd13fe],.blu-field.b-danger textarea:focus~.blu-field__msg[data-v-12bd13fe],.blu-field.b-danger textarea:focus~.blu-field__msg-wrapper .blu-field__counter[data-v-12bd13fe] { 4651 color: #e93c3c 4652 } 4653 4654 .blu-field.b-danger input~.title[data-v-12bd13fe],.blu-field.b-danger textarea~.title[data-v-12bd13fe],.blu-field.b-danger input:not(:read-only):focus~.title[data-v-12bd13fe],.blu-field.b-danger textarea:not(:read-only):focus~.title[data-v-12bd13fe],.blu-field.b-danger textarea:focus~.title[data-v-12bd13fe] { 4655 color: #e93c3c 4656 } 4657 4658 .blu-field.b-danger input:not(:read-only):focus~label[data-v-12bd13fe],.blu-field.b-danger textarea:not(:read-only):focus~label[data-v-12bd13fe],.blu-field.b-danger input:not(:read-only):focus:not(:read-only):focus~label[data-v-12bd13fe],.blu-field.b-danger textarea:not(:read-only):focus:not(:read-only):focus~label[data-v-12bd13fe],.blu-field.b-danger textarea:focus:not(:read-only):focus~label[data-v-12bd13fe] { 4659 color: #e93c3c 4660 } 4661 4662 .b-dark input.form__input[data-v-12bd13fe],.b-dark textarea[data-v-12bd13fe] { 4663 background-color: #f1f2f2; 4664 border-color: #f1f2f2 4665 } 4666
4667 .b-dark:not(.b-disabled) input.form__input[data-v-12bd13fe]:hover,.b-dark:not(.b-disabled) textarea[data-v-12bd13fe]:hover { 4668 background-color: #e1e3e4 4669 } 4670 4671 .b-dark:not(.b-disabled).has-value textarea+label[data-v-12bd13fe] { 4672 background-color: #f1f2f2 4673 } 4674 4675 .b-dark:not(.b-disabled).has-value textarea:hover~label[data-v-12bd13fe] { 4676 background-color: #e1e3e4 4677 } 4678 4679 .b-disabled input.form__input[data-v-12bd13fe],.b-disabled textarea[data-v-12bd13fe] { 4680 background-color: #c8cbcd; 4681 border-color: #c8cbcd 4682 } 4683 4684 .b-disabled input.form__input[data-v-12bd13fe],.b-disabled textarea[data-v-12bd13fe],.b-disabled label[data-v-12bd13fe],.b-disabled .blu-field__btn *[data-v-12bd13fe] { 4685 cursor: not-allowed; 4686 color: rgba(25,34,42,.4) 4687 } 4688 4689 .b-small input.form__input[data-v-12bd13fe] { 4690 font: 14px/18px "blibli",-apple-system,segoe ui,roboto,helvetica,arial,sans-serif; 4691 border-radius: 8px 4692 } 4693 4694 .b-small input.form__input[type=email][data-v-12bd13fe],.b-small input.form__input[type=number][data-v-12bd13fe],.b-small input.form__input[type=text][data-v-12bd13fe],.b-small input.form__input[type=tel][data-v-12bd13fe],.b-small input.form__input[type=url][data-v-12bd13fe],.b-small input.form__input[type=password][data-v-12bd13fe] { 4695 height: 32px 4696 } 4697 4698 .b-small input.form__input[type=email]~.blu-field__leading-icon[data-v-12bd13fe],.b-small input.form__input[type=number]~.blu-field__leading-icon[data-v-12bd13fe],.b-small input.form__input[type=text]~.blu-field__leading-icon[data-v-12bd13fe],.b-small input.form__input[type=tel]~.blu-field__leading-icon[data-v-12bd13fe],.b-small input.form__input[type=url]~.blu-field__leading-icon[data-v-12bd13fe],.b-small input.form__input[type=password]~.blu-field__leading-icon[data-v-12bd13fe] { 4699 top: 6px 4700 } 4701 4702 .b-small input.form__input[type=search][data-v-12bd13fe] { 4703 height: 36px 4704 } 4705 4706 .b-small input.form__input[type=search]~.blu-field__btn[data-v-12bd13fe] { 4707 right: 8px 4708 } 4709 4710 @media screen and (min-width: 769px),print { 4711 .b-small input.form__input[type=search]~.blu-field__btn[data-v-12bd13fe] { 4712 top:25px 4713 } 4714 } 4715 4716 @media screen and (max-width: 768px) { 4717 .b-small input.form__input[type=search]~.blu-field__btn[data-v-12bd13fe] { 4718 top:33px 4719 } 4720 } 4721 4722 .b-small.blu-field input.form__input[data-v-12bd13fe] { 4723 padding-left: 6px 4724 } 4725 4726 .b-small.has-placeholder[data-v-12bd13fe] ::placeholder { 4727 font: 14px/18px "blibli",-apple-system,segoe ui,roboto,helvetica,arial,sans-serif; 4728 color: rgba(25,34,42,.4) 4729 } 4730 4731 .b-small.has-placeholder .blu-field__btn[data-v-12bd13fe] { 4732 top: 23px; 4733 right: 8px 4734 } 4735 4736 .b-small.has-placeholder .blu-field__leading-icon svg[data-v-12bd13fe],.b-small.has-placeholder .blu-field__btn svg[data-v-12bd13fe] { 4737 width: 18px; 4738 height: 18px 4739 } 4740 4741 .b-small.b-clearable input.form__input[data-v-12bd13fe] { 4742 padding-right: 33px 4743 } 4744 4745 .b-small.has-leading-icon input.form__input[data-v-12bd13fe] { 4746 padding-left: 32px 4747 } 4748 4749 .b-small.has-leading-icon input.form__input[type=search][data-v-12bd13fe] { 4750 padding-left: 32px 4751 } 4752 4753 .b-small.has-leading-icon .blu-field__btn-custom[data-v-12bd13fe],.b-small.has-leading-icon .blu-field__btn-close[data-v-12bd13fe],.b-small.has-leading-icon .blu-field__leading-icon[data-v-12bd13fe] { 4754 left: 8px 4755 } 4756 4757 .b-small .blu-field__btn[data-v-12bd13fe] { 4758 top: 6px 4759 } 4760 4761 [data-v-12bd13fe]::placeholder { 4762 font-size: 0; 4763 opacity: 0 4764 } 4765 4766 [data-v-12bd13fe]::-ms-reveal { 4767 display: none 4768 } 4769 4770 [data-v-12bd13fe]:-ms-input-placeholder { 4771 font-size: 0; 4772 opacity: 0 4773 } 4774 4775 [data-v-12bd13fe]::-ms-input-placeholder { 4776 font-size: 0; 4777 opacity: 0 4778 } 4779 4780 input[data-v-12bd13fe]:-internal-autofill-selected { 4781 background-color: #fff !important 4782 } 4783 4784 [data-v-12bd13fe]::-webkit-credentials-auto-fill-button { 4785 -webkit-mask-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0iTTE4LjkxIDE0LjU2YTEuNzY5IDEuNzY5IDAgMCAxLTEuNDM1LS43MjVsLTIuNjUtMy42ODNhMS4wMDEgMS4wMDEgMCAwIDEgMS42MjUtMS4xNjhsMi40NSAzLjQwOCAyLjIwMi0zLjM3MWExIDEgMCAwIDEgMS42NzQgMS4wOTRsLTIuNCAzLjY3MmMtLjM3My41MDgtLjg5Ni43NzMtMS40NjYuNzczWiIgZmlsbD0iIzc5N0Y4NSIvPjxwYXRoIGZpbGwtcnVsZT0iZXZlbm9kZCIgY2xpcC1ydWxlPSJldmVub2RkIiBkPSJNMTIuOTIgNy4wNzNjMC0zLjAzMS0yLjQ2Ni01LjQ4OS01LjUxLTUuNDg5LTMuMDQ0IDAtNS41MTEgMi40NTctNS41MTEgNS40ODlhNS40ODcgNS40ODcgMCAwIDAgMy40NTkgNS4wOTFjLS4wNTYgMS45MTMtLjAyIDMuODMuMTI0IDUuNzM5bC4wMTEuMTQ0Yy4wMjkuMzkyLjE3My43Ni40MDYgMS4wMzhsLjgxLjk2OGMuNTEuNjA5IDEuNDc0LjcwMiAxLjg0NiAwIC4xNjYtLjMxNC4yMjctMS4wOTctLjAxLTEuNjIyLS4zMzYtLjc0Ny0uNjIxLTEuMTg5LjM0Mi0yLjM3OC4xOTktLjI0Ni4xODYtLjYyMy4wNTUtLjkyMS0uMjc1LS42MjgtLjU1My0xLjc1OC4zMDMtMi44MTMuMDI4LS4wMzUuMDczLS4wNzYuMTI0LS4xMiAyLjA3NS0uNzg4IDMuNTUyLTIuNzgzIDMuNTUyLTUuMTI2Wk03LjQxIDQuMDc5YTEuNSAxLjUgMCAwIDEgMS41MDQgMS40OTdBMS41IDEuNSAwIDAgMSA3LjQxIDcuMDczYTEuNSAxLjUgMCAwIDEtMS41MDMtMS40OTdBMS41IDEuNSAwIDAgMSA3LjQxIDQuMDc5WiIgZmlsbD0iIzc5N0Y4NSIvPjwvc3ZnPg==); 4786 -webkit-mask-size: 18px 18px; 4787 width: 18px;
4788 height: 18px; 4789 background-color: rgba(25,34,42,.4); 4790 margin-top: -14px; 4791 margin-right: -30px 4792 } 4793 4794 input[type=number][data-v-12bd13fe]::-webkit-inner-spin-button,input[type=number][data-v-12bd13fe]::-webkit-outer-spin-button { 4795 -webkit-appearance: none; 4796 margin: 0 4797 } 4798 4799 @keyframes shake-12bd13fe { 4800 10%,90% { 4801 transform: translate3d(-1px, 0, 0) 4802 } 4803 4804 20%,80% { 4805 transform: translate3d(2px, 0, 0) 4806 } 4807 4808 30%,50%,70% { 4809 transform: translate3d(-4px, 0, 0) 4810 } 4811 4812 40%,60% { 4813 transform: translate3d(4px, 0, 0) 4814 } 4815 } 4816 4817 .blu-input-stepper input[data-v-12bd13fe] { 4818 font: 18px/24px "blibli demi bold",-apple-system,segoe ui,roboto,helvetica,arial,sans-serif; 4819 color: #19222a; 4820 background-color: inherit 4821 } 4822 4823 .blu-input-stepper input[type=number][data-v-12bd13fe] { 4824 width: 100%; 4825 height: 100%; 4826 padding: 0px; 4827 border: none; 4828 text-align: center; 4829 -moz-appearance: textfield 4830 } 4831 4832 .blu-input-stepper input[type=number][data-v-12bd13fe]::-webkit-inner-spin-button { 4833 -webkit-appearance: none; 4834 margin: 0 4835 } 4836 4837 .blu-input-stepper input[type=number][data-v-12bd13fe]:hover { 4838 background-color: inherit 4839 } 4840 4841 .blu-input-stepper input[type=number][data-v-12bd13fe]:focus { 4842 border: none 4843 } 4844 4845 .blu-input-stepper.b-readonly input[data-v-12bd13fe] { 4846 cursor: default 4847 } 4848 4849 .blu-input-stepper.b-disabled input[data-v-12bd13fe] { 4850 color: rgba(25,34,42,.4) 4851 } 4852 </style> 4853 <style type="text/css"> 4854 .blu-input-stepper[data-v-1e7baa58] { 4855 display: flex; 4856 align-items: center; 4857 justify-content: space-between; 4858 border-radius: 8px; 4859 height: 32px; 4860 padding: 4px; 4861 transition: all .4s ease-in-out 4862 } 4863 4864 .blu-input-stepper[data-v-1e7baa58]:not(.b-readonly) { 4865 background-color: #f1f2f2 4866 } 4867 4868 .blu-input-stepper__input[data-v-1e7baa58] { 4869 display: flex; 4870 align-items: center; 4871 margin: 0; 4872 color: #19222a 4873 } 4874 4875 .blu-input-stepper__plus[data-v-1e7baa58],.blu-input-stepper__minus[data-v-1e7baa58] { 4876 display: flex; 4877 align-items: center; 4878 border-radius: 50%; 4879 width: 24px; 4880 height: 24px; 4881 box-sizing: border-box 4882 } 4883 4884 .blu-input-stepper.b-disabled[data-v-1e7baa58] { 4885 cursor: not-allowed 4886 } 4887 4888 .blu-input-stepper.b-disabled[data-v-1e7baa58]:not(.b-readonly) { 4889 background-color: #c8cbcd 4890 } 4891 4892 .blu-input-stepper.b-active[data-v-1e7baa58] { 4893 box-shadow: inset 0px 0px 0px 2px #FF0000 4894 } 4895 </style> 4896 <style type="text/css"> 4897 .blu-ripple[data-v-2bedc3c7] { 4898 width: 100%; 4899 height: 100%; 4900 position: relative; 4901 overflow: hidden; 4902 display: flex; 4903 justify-content: center; 4904 align-items: center; 4905 -webkit-box-pack: center; 4906 -webkit-box-align: center; 4907 -webkit-mask-image: radial-gradient(circle, #ffffff 100%, #000000 100%); 4908 padding: 0 12px 4909 } 4910 4911 .blu-ripple-wave[data-v-2bedc3c7] { 4912 position: absolute; 4913 z-index: 1; 4914 pointer-events: none; 4915 background: currentColor; 4916 border-radius: 50%; 4917 opacity: 0; 4918 transform: scale(2) translateZ(0) 4919 } 4920 4921 .blu-ripple-wave.b-centered[data-v-2bedc3c7] { 4922 animation-duration: 1.2s; 4923 top: 50%; 4924 left: 50% 4925 } 4926 4927 .blu-ripple-wave~*[data-v-2bedc3c7]:not(.blu-ripple-wave) { 4928 position: relative; 4929 z-index: 2 4930 } 4931 4932 .blu-ripple-enter-active[data-v-2bedc3c7] { 4933 transition: 2s cubic-bezier(0.25, 0.8, 0.25, 1); 4934 transition-property: opacity,transform; 4935 will-change: opacity,transform 4936 } 4937 4938 .blu-ripple-enter-active.b-centered[data-v-2bedc3c7] { 4939 transition-duration: 1.2s 4940 } 4941 4942 .blu-ripple-enter[data-v-2bedc3c7] { 4943 opacity: .26; 4944 transform: scale(0.26) translateZ(0) 4945 } 4946 4947 .has-left-icon .blu-ripple svg[data-v-2bedc3c7] { 4948 margin-right: 8px 4949 } 4950 4951 .has-left-icon.b-small svg[data-v-2bedc3c7] { 4952 transform-origin: left; 4953 margin-right: 4px 4954 } 4955 4956 .b-large .blu-ripple[data-v-2bedc3c7] { 4957 padding: 0 16px 4958 } 4959 4960 .b-small .blu-ripple[data-v-2bedc3c7] { 4961 padding: 0 8px 4962 } 4963 4964 .b-small svg[data-v-2bedc3c7] { 4965 width: 18px;
4966 height: 18px 4967 } 4968 4969 .b-icon .blu-ripple[data-v-2bedc3c7] { 4970 padding: 0 4971 } 4972 4973 .b-loading .blu-loader-wrapper[data-v-2bedc3c7] { 4974 height: 24px; 4975 position: absolute 4976 } 4977 4978 .b-loading .blu-ripple[data-v-2bedc3c7] { 4979 color: rgba(0,0,0,0) 4980 } 4981 4982 .b-loading .blu-ripple>svg[data-v-2bedc3c7] { 4983 visibility: hidden 4984 } 4985 4986 .b-loading .blu-ripple .blu-ripple-wave[data-v-2bedc3c7] { 4987 color: #fff 4988 } 4989 4990 .b-loading.b-white .blu-ripple-wave[data-v-2bedc3c7] { 4991 color: #FF0000 4992 } 4993 4994 .b-loading.b-outline.b-secondary .blu-ripple-wave[data-v-2bedc3c7] { 4995 color: #FF0000 4996 } 4997 4998 .b-loading.b-outline.b-primary .blu-ripple-wave[data-v-2bedc3c7] { 4999 color: #f1ab02 5000 } 5001 5002 .b-loading.b-ghost.b-secondary .blu-ripple-wave[data-v-2bedc3c7] { 5003 color: #FF0000 5004 } 5005 5006 .b-loading.b-ghost.b-primary .blu-ripple-wave[data-v-2bedc3c7] { 5007 color: #f1ab02 5008 } 5009 5010 .blu-input-stepper .blu-btn .blu-ripple[data-v-2bedc3c7] { 5011 padding: 0; 5012 width: 24px; 5013 height: 24px; 5014 border-radius: 50% 5015 } 5016 5017 .blu-input-stepper .blu-btn .blu-ripple svg[data-v-2bedc3c7] { 5018 width: 18px; 5019 height: 18px; 5020 margin-left: 1px 5021 } 5022 5023 .blu-input-stepper .blu-btn .blu-ripple-enter-active[data-v-2bedc3c7] { 5024 background: #FF0000 5025 } 5026 5027 .b-disabled[data-v-2bedc3c7] { 5028 opacity: 1 5029 } 5030 5031 .blu-btn-dropdown .blu-ripple>svg+div[data-v-2bedc3c7] { 5032 margin-left: 8px 5033 } 5034 </style> 5035 <style type="text/css"> 5036 .blu-ripple[data-v-574d97b4] { 5037 width: 100%; 5038 height: 100%; 5039 position: relative; 5040 overflow: hidden; 5041 display: flex; 5042 justify-content: center; 5043 align-items: center; 5044 -webkit-box-pack: center; 5045 -webkit-box-align: center; 5046 -webkit-mask-image: radial-gradient(circle, #ffffff 100%, #000000 100%); 5047 padding: 0 12px 5048 } 5049 5050 .blu-ripple-wave[data-v-574d97b4] { 5051 position: absolute; 5052 z-index: 1; 5053 pointer-events: none; 5054 background: currentColor; 5055 border-radius: 50%; 5056 opacity: 0; 5057 transform: scale(2) translateZ(0) 5058 } 5059 5060 .blu-ripple-wave.b-centered[data-v-574d97b4] { 5061 animation-duration: 1.2s; 5062 top: 50%; 5063 left: 50% 5064 } 5065 5066 .blu-ripple-wave~*[data-v-574d97b4]:not(.blu-ripple-wave) { 5067 position: relative; 5068 z-index: 2 5069 } 5070 5071 .blu-ripple-enter-active[data-v-574d97b4] { 5072 transition: 2s cubic-bezier(0.25, 0.8, 0.25, 1); 5073 transition-property: opacity,transform; 5074 will-change: opacity,transform 5075 } 5076 5077 .blu-ripple-enter-active.b-centered[data-v-574d97b4] { 5078 transition-duration: 1.2s 5079 } 5080 5081 .blu-ripple-enter[data-v-574d97b4] { 5082 opacity: .26; 5083 transform: scale(0.26) translateZ(0) 5084 } 5085 5086 .has-left-icon .blu-ripple svg[data-v-574d97b4] { 5087 margin-right: 8px 5088 } 5089 5090 .has-left-icon.b-small svg[data-v-574d97b4] { 5091 transform-origin: left; 5092 margin-right: 4px 5093 } 5094 5095 .b-large .blu-ripple[data-v-574d97b4] { 5096 padding: 0 16px 5097 } 5098 5099 .b-small .blu-ripple[data-v-574d97b4] { 5100 padding: 0 8px 5101 } 5102 5103 .b-small svg[data-v-574d97b4] { 5104 width: 18px;
5105 height: 18px 5106 } 5107 5108 .b-icon .blu-ripple[data-v-574d97b4] { 5109 padding: 0 5110 } 5111 5112 .b-loading .blu-loader-wrapper[data-v-574d97b4] { 5113 height: 24px; 5114 position: absolute 5115 } 5116 5117 .b-loading .blu-ripple[data-v-574d97b4] { 5118 color: rgba(0,0,0,0) 5119 } 5120 5121 .b-loading .blu-ripple>svg[data-v-574d97b4] { 5122 visibility: hidden 5123 } 5124 5125 .b-loading .blu-ripple .blu-ripple-wave[data-v-574d97b4] { 5126 color: #fff 5127 } 5128 5129 .b-loading.b-white .blu-ripple-wave[data-v-574d97b4] { 5130 color: #FF0000 5131 } 5132 5133 .b-loading.b-outline.b-secondary .blu-ripple-wave[data-v-574d97b4] { 5134 color: #FF0000 5135 } 5136 5137 .b-loading.b-outline.b-primary .blu-ripple-wave[data-v-574d97b4] { 5138 color: #f1ab02 5139 } 5140 5141 .b-loading.b-ghost.b-secondary .blu-ripple-wave[data-v-574d97b4] { 5142 color: #FF0000 5143 } 5144 5145 .b-loading.b-ghost.b-primary .blu-ripple-wave[data-v-574d97b4] { 5146 color: #f1ab02 5147 } 5148 5149 .blu-input-stepper .blu-btn .blu-ripple[data-v-574d97b4] { 5150 padding: 0; 5151 width: 24px; 5152 height: 24px; 5153 border-radius: 50% 5154 } 5155 5156 .blu-input-stepper .blu-btn .blu-ripple svg[data-v-574d97b4] { 5157 width: 18px; 5158 height: 18px; 5159 margin-left: 1px 5160 } 5161 5162 .blu-input-stepper .blu-btn .blu-ripple-enter-active[data-v-574d97b4] { 5163 background: #FF0000 5164 } 5165 5166 .b-disabled[data-v-574d97b4] { 5167 opacity: 1 5168 } 5169 5170 .blu-btn-dropdown .blu-ripple>svg+div[data-v-574d97b4] { 5171 margin-left: 8px 5172 } 5173 </style> 5174 <style type="text/css"> 5175 .blu-ripple[data-v-19fd2cc7] { 5176 width: 100%; 5177 height: 100%; 5178 position: relative; 5179 overflow: hidden; 5180 display: flex; 5181 justify-content: center; 5182 align-items: center; 5183 -webkit-box-pack: center; 5184 -webkit-box-align: center; 5185 -webkit-mask-image: radial-gradient(circle, #ffffff 100%, #000000 100%); 5186 padding: 0 12px 5187 } 5188 5189 .blu-ripple-wave[data-v-19fd2cc7] { 5190 position: absolute; 5191 z-index: 1; 5192 pointer-events: none; 5193 background: currentColor; 5194 border-radius: 50%; 5195 opacity: 0; 5196 transform: scale(2) translateZ(0) 5197 } 5198 5199 .blu-ripple-wave.b-centered[data-v-19fd2cc7] { 5200 animation-duration: 1.2s; 5201 top: 50%; 5202 left: 50% 5203 } 5204 5205 .blu-ripple-wave~*[data-v-19fd2cc7]:not(.blu-ripple-wave) { 5206 position: relative; 5207 z-index: 2 5208 } 5209 5210 .blu-ripple-enter-active[data-v-19fd2cc7] { 5211 transition: 2s cubic-bezier(0.25, 0.8, 0.25, 1); 5212 transition-property: opacity,transform; 5213 will-change: opacity,transform 5214 } 5215 5216 .blu-ripple-enter-active.b-centered[data-v-19fd2cc7] { 5217 transition-duration: 1.2s 5218 } 5219 5220 .blu-ripple-enter[data-v-19fd2cc7] { 5221 opacity: .26; 5222 transform: scale(0.26) translateZ(0) 5223 } 5224 5225 .has-left-icon .blu-ripple svg[data-v-19fd2cc7] { 5226 margin-right: 8px 5227 } 5228 5229 .has-left-icon.b-small svg[data-v-19fd2cc7] { 5230 transform-origin: left; 5231 margin-right: 4px 5232 } 5233 5234 .b-large .blu-ripple[data-v-19fd2cc7] { 5235 padding: 0 16px 5236 } 5237 5238 .b-small .blu-ripple[data-v-19fd2cc7] { 5239 padding: 0 8px 5240 } 5241 5242 .b-small svg[data-v-19fd2cc7] { 5243 width: 18px;
5244 height: 18px 5245 } 5246 5247 .b-icon .blu-ripple[data-v-19fd2cc7] { 5248 padding: 0 5249 } 5250 5251 .b-loading .blu-loader-wrapper[data-v-19fd2cc7] { 5252 height: 24px; 5253 position: absolute 5254 } 5255 5256 .b-loading .blu-ripple[data-v-19fd2cc7] { 5257 color: rgba(0,0,0,0) 5258 } 5259 5260 .b-loading .blu-ripple>svg[data-v-19fd2cc7] { 5261 visibility: hidden 5262 } 5263 5264 .b-loading .blu-ripple .blu-ripple-wave[data-v-19fd2cc7] { 5265 color: #fff 5266 } 5267 5268 .b-loading.b-white .blu-ripple-wave[data-v-19fd2cc7] { 5269 color: #FF0000 5270 } 5271 5272 .b-loading.b-outline.b-secondary .blu-ripple-wave[data-v-19fd2cc7] { 5273 color: #FF0000 5274 } 5275 5276 .b-loading.b-outline.b-primary .blu-ripple-wave[data-v-19fd2cc7] { 5277 color: #f1ab02 5278 } 5279 5280 .b-loading.b-ghost.b-secondary .blu-ripple-wave[data-v-19fd2cc7] { 5281 color: #FF0000 5282 } 5283 5284 .b-loading.b-ghost.b-primary .blu-ripple-wave[data-v-19fd2cc7] { 5285 color: #f1ab02 5286 } 5287 5288 .blu-input-stepper .blu-btn .blu-ripple[data-v-19fd2cc7] { 5289 padding: 0; 5290 width: 24px; 5291 height: 24px; 5292 border-radius: 50% 5293 } 5294 5295 .blu-input-stepper .blu-btn .blu-ripple svg[data-v-19fd2cc7] { 5296 width: 18px; 5297 height: 18px; 5298 margin-left: 1px 5299 } 5300 5301 .blu-input-stepper .blu-btn .blu-ripple-enter-active[data-v-19fd2cc7] { 5302 background: #FF0000 5303 } 5304 5305 .b-disabled[data-v-19fd2cc7] { 5306 opacity: 1 5307 } 5308 5309 .blu-btn-dropdown .blu-ripple>svg+div[data-v-19fd2cc7] { 5310 margin-left: 8px 5311 } 5312 5313 .blu-btn[data-v-19fd2cc7] { 5314 position: relative; 5315 font: 16px/20px "blibli demi bold",-apple-system,segoe ui,roboto,helvetica,arial,sans-serif; 5316 text-decoration: none; 5317 transition: color .4s,background-color .4s,border-color .6s; 5318 white-space: nowrap; 5319 height: 48px; 5320 padding: 0; 5321 -webkit-tap-highlight-color: rgba(0,0,0,0) 5322 } 5323 5324 .blu-btn[data-v-19fd2cc7]::-moz-focus-inner { 5325 border: 0 5326 } 5327 5328 .blu-btn[data-v-19fd2cc7]:active { 5329 outline: none 5330 } 5331 5332 .blu-btn[data-v-19fd2cc7]:before { 5333 position: absolute; 5334 top: 0; 5335 right: 0; 5336 bottom: 0; 5337 left: 0; 5338 z-index: 1; 5339 opacity: 0; 5340 transition: .4s cubic-bezier(0.4, 0, 0.2, 1); 5341 will-change: background-color,opacity; 5342 content: " " 5343 } 5344 5345 .blu-btn[data-v-19fd2cc7]:focus-visible { 5346 box-shadow: 0px 0px 0px 4px #000 5347 } 5348 5349 .blu-btn.b-primary[data-v-19fd2cc7] { 5350 color: #fff; 5351 background-color: #f1ab02; 5352 border-color: #f1ab02 5353 } 5354 5355 .blu-btn.b-primary[data-v-19fd2cc7]:not(.b-disabled):focus-visible,.blu-btn.b-primary[data-v-19fd2cc7]:not(.b-disabled):hover,.blu-btn.b-primary:not(.b-disabled).b-active[data-v-19fd2cc7] { 5356 background-color: #e39304; 5357 border-color: #e39304 5358 } 5359 5360 .blu-btn.b-secondary[data-v-19fd2cc7] { 5361 color: #fff; 5362 background-color: #FF0000; 5363 border-color: #FF0000 5364 } 5365 5366 .blu-btn.b-secondary[data-v-19fd2cc7]:not(.b-disabled):focus-visible,.blu-btn.b-secondary[data-v-19fd2cc7]:not(.b-disabled):hover,.blu-btn.b-secondary:not(.b-disabled).b-active[data-v-19fd2cc7] { 5367 background-color: #006dea; 5368 border-color: #006dea 5369 } 5370 5371 .blu-btn.b-white[data-v-19fd2cc7] { 5372 color: #fff; 5373 background-color: #fff; 5374 border-color: #fff; 5375 color: #FF0000 5376 } 5377 5378 .blu-btn.b-white[data-v-19fd2cc7]:not(.b-disabled):focus-visible,.blu-btn.b-white[data-v-19fd2cc7]:not(.b-disabled):hover,.blu-btn.b-white:not(.b-disabled).b-active[data-v-19fd2cc7] { 5379 background-color: #f1f2f2; 5380 border-color: #f1f2f2 5381 } 5382 5383 .blu-btn.b-disabled[data-v-19fd2cc7] { 5384 color: #fff; 5385 background-color: #c8cbcd; 5386 border-color: #c8cbcd; 5387 color: rgba(25,34,42,.4) 5388 } 5389 5390 .blu-btn.b-disabled[data-v-19fd2cc7]:not(.b-disabled):focus-visible,.blu-btn.b-disabled[data-v-19fd2cc7]:not(.b-disabled):hover,.blu-btn.b-disabled:not(.b-disabled).b-active[data-v-19fd2cc7] { 5391 background-color: #c8cbcd; 5392 border-color: #c8cbcd 5393 } 5394 5395 .blu-btn.b-large[data-v-19fd2cc7] { 5396 height: 56px 5397 } 5398 5399 .blu-btn.b-small[data-v-19fd2cc7] { 5400 font: 14px/18px "blibli demi bold",-apple-system,segoe ui,roboto,helvetica,arial,sans-serif; 5401 height: 32px 5402 } 5403 5404 .b-disabled[data-v-19fd2cc7] { 5405 opacity: 1 5406 } 5407 5408 input[type=submit][data-v-19fd2cc7]::-moz-focus-inner,input[type=button][data-v-19fd2cc7]::-moz-focus-inner { 5409 border: 0px 5410 } 5411 5412 button[data-v-19fd2cc7]:focus,input[type=submit][data-v-19fd2cc7]:focus,input[type=button][data-v-19fd2cc7]:focus,input[type=reset][data-v-19fd2cc7]:focus,a[data-v-19fd2cc7] { 5413 outline: none 5414 } 5415 5416 a[data-v-19fd2cc7],a[data-v-19fd2cc7]:visited,a[data-v-19fd2cc7]:focus,a[data-v-19fd2cc7]:active,a[data-v-19fd2cc7]:hover { 5417 outline: 0 none !important 5418 } 5419 5420 .blu-btn[data-v-19fd2cc7] { 5421 border-radius: 24px 5422 } 5423 5424 .blu-btn+.blu-button[data-v-19fd2cc7] { 5425 margin-left: 0 5426 } 5427 5428 .blu-btn.b-outline[data-v-19fd2cc7] { 5429 background-color: rgba(0,0,0,0) 5430 } 5431 5432 .blu-btn.b-outline.b-primary[data-v-19fd2cc7] { 5433 color: #f1ab02; 5434 background-color: #e39304; 5435 border: #ffcd00 1px solid 5436 } 5437 5438 .blu-btn.b-outline.b-primary[data-v-19fd2cc7]:not(.b-disabled) { 5439 background-color: rgba(255,255,255,.12) 5440 } 5441 5442 .blu-btn.b-outline.b-primary[data-v-19fd2cc7]:not(.b-disabled):focus-visible,.blu-btn.b-outline.b-primary[data-v-19fd2cc7]:not(.b-disabled):hover,.blu-btn.b-outline.b-primary:not(.b-disabled).b-active[data-v-19fd2cc7] { 5443 background-color: rgba(227,147,4,.08); 5444 border: #ffcd00 1px solid 5445 } 5446 5447 .blu-btn.b-outline.b-primary.b-active[data-v-19fd2cc7] { 5448 z-index: 9; 5449 background-color: #f1ab02; 5450 color: #fff 5451 } 5452 5453 .blu-btn.b-outline.b-secondary[data-v-19fd2cc7] { 5454 color: #FF0000; 5455 background-color: #006dea; 5456 border: #1d8fff 1px solid 5457 } 5458 5459 .blu-btn.b-outline.b-secondary[data-v-19fd2cc7]:not(.b-disabled) { 5460 background-color: rgba(255,255,255,.12) 5461 } 5462 5463 .blu-btn.b-outline.b-secondary[data-v-19fd2cc7]:not(.b-disabled):focus-visible,.blu-btn.b-outline.b-secondary[data-v-19fd2cc7]:not(.b-disabled):hover,.blu-btn.b-outline.b-secondary:not(.b-disabled).b-active[data-v-19fd2cc7] { 5464 background-color: rgba(0,109,234,.08); 5465 border: #1d8fff 1px solid 5466 } 5467 5468 .blu-btn.b-outline.b-secondary.b-active[data-v-19fd2cc7] { 5469 z-index: 9; 5470 background-color: #FF0000; 5471 color: #fff 5472 } 5473 5474 .blu-btn.b-outline.b-white[data-v-19fd2cc7] { 5475 color: #fff; 5476 background-color: #fff; 5477 border: #fff 1px solid 5478 } 5479 5480 .blu-btn.b-outline.b-white[data-v-19fd2cc7]:not(.b-disabled) { 5481 background-color: rgba(255,255,255,.12) 5482 } 5483 5484 .blu-btn.b-outline.b-white[data-v-19fd2cc7]:not(.b-disabled):focus-visible,.blu-btn.b-outline.b-white[data-v-19fd2cc7]:not(.b-disabled):hover,.blu-btn.b-outline.b-white:not(.b-disabled).b-active[data-v-19fd2cc7] { 5485 background-color: rgba(255,255,255,.4); 5486 border: #fff 1px solid 5487 } 5488 5489 .blu-btn.b-outline.b-white.b-active[data-v-19fd2cc7] { 5490 z-index: 9; 5491 background-color: #fff; 5492 color: #fff 5493 } 5494 5495 .blu-btn.b-outline.b-disabled[data-v-19fd2cc7] { 5496 color: rgba(25,34,42,.4); 5497 background-color: #c8cbcd; 5498 border: #c8cbcd 1px solid 5499 } 5500 5501 .blu-btn.b-outline.b-disabled[data-v-19fd2cc7]:not(.b-disabled) { 5502 background-color: rgba(255,255,255,.12) 5503 } 5504 5505 .blu-btn.b-outline.b-disabled[data-v-19fd2cc7]:not(.b-disabled):focus-visible,.blu-btn.b-outline.b-disabled[data-v-19fd2cc7]:not(.b-disabled):hover,.blu-btn.b-outline.b-disabled:not(.b-disabled).b-active[data-v-19fd2cc7] { 5506 background-color: rgba(200,203,205,.08); 5507 border: #c8cbcd 1px solid 5508 } 5509 5510 .blu-btn.b-outline.b-disabled.b-active[data-v-19fd2cc7] { 5511 z-index: 9; 5512 background-color: rgba(25,34,42,.4); 5513 color: #fff 5514 } 5515 5516 .blu-btn.b-outline.b-small .blu-ripple[data-v-19fd2cc7] { 5517 border-radius: 14px 5518 } 5519 5520 .blu-btn.b-outline.b-large .blu-ripple[data-v-19fd2cc7] { 5521 border-radius: 30px 5522 } 5523 5524 .blu-btn.b-ghost[data-v-19fd2cc7] { 5525 background-color: rgba(0,0,0,0); 5526 border-color: rgba(0,0,0,0) 5527 } 5528 5529 .blu-btn.b-ghost.b-primary[data-v-19fd2cc7] { 5530 color: #f1ab02; 5531 border-color: rgba(0,0,0,0) 5532 } 5533 5534 .blu-btn.b-ghost.b-primary[data-v-19fd2cc7]:not(.b-disabled):focus-visible,.blu-btn.b-ghost.b-primary[data-v-19fd2cc7]:not(.b-disabled):hover,.blu-btn.b-ghost.b-primary:not(.b-disabled).b-active[data-v-19fd2cc7] { 5535 border-color: rgba(0,0,0,0); 5536 background-color: rgba(227,147,4,.08) 5537 } 5538 5539 .blu-btn.b-ghost.b-secondary[data-v-19fd2cc7] { 5540 color: #FF0000; 5541 border-color: rgba(0,0,0,0) 5542 } 5543 5544 .blu-btn.b-ghost.b-secondary[data-v-19fd2cc7]:not(.b-disabled):focus-visible,.blu-btn.b-ghost.b-secondary[data-v-19fd2cc7]:not(.b-disabled):hover,.blu-btn.b-ghost.b-secondary:not(.b-disabled).b-active[data-v-19fd2cc7] { 5545 border-color: rgba(0,0,0,0); 5546 background-color: rgba(0,109,234,.08) 5547 } 5548 5549 .blu-btn.b-ghost.b-white[data-v-19fd2cc7] { 5550 color: #fff; 5551 border-color: rgba(0,0,0,0) 5552 } 5553 5554 .blu-btn.b-ghost.b-white[data-v-19fd2cc7]:not(.b-disabled):focus-visible,.blu-btn.b-ghost.b-white[data-v-19fd2cc7]:not(.b-disabled):hover,.blu-btn.b-ghost.b-white:not(.b-disabled).b-active[data-v-19fd2cc7] { 5555 border-color: rgba(0,0,0,0); 5556 background-color: rgba(255,255,255,.4) 5557 } 5558 5559 .blu-btn.b-ghost.b-white.b-disabled[data-v-19fd2cc7] { 5560 color: rgba(255,255,255,.4); 5561 border-color: rgba(0,0,0,0) 5562 } 5563 5564 .blu-btn.b-ghost.b-white.b-disabled[data-v-19fd2cc7]:not(.b-disabled):focus-visible,.blu-btn.b-ghost.b-white.b-disabled[data-v-19fd2cc7]:not(.b-disabled):hover,.blu-btn.b-ghost.b-white.b-disabled:not(.b-disabled).b-active[data-v-19fd2cc7] { 5565 border-color: rgba(0,0,0,0); 5566 background-color: rgba(0,0,0,0) 5567 } 5568 5569 .blu-btn.b-ghost.b-disabled[data-v-19fd2cc7] { 5570 color: rgba(25,34,42,.4); 5571 border-color: rgba(0,0,0,0) 5572 } 5573 5574 .blu-btn.b-ghost.b-disabled[data-v-19fd2cc7]:not(.b-disabled):focus-visible,.blu-btn.b-ghost.b-disabled[data-v-19fd2cc7]:not(.b-disabled):hover,.blu-btn.b-ghost.b-disabled:not(.b-disabled).b-active[data-v-19fd2cc7] { 5575 border-color: rgba(0,0,0,0); 5576 background-color: rgba(0,0,0,0) 5577 } 5578 5579 .blu-btn.b-warning[data-v-19fd2cc7] { 5580 color: #fff; 5581 background-color: #ffcd00; 5582 border-color: #ffcd00 5583 } 5584 5585 .blu-btn.b-warning[data-v-19fd2cc7]:not(.b-disabled):focus-visible,.blu-btn.b-warning[data-v-19fd2cc7]:not(.b-disabled):hover,.blu-btn.b-warning:not(.b-disabled).b-active[data-v-19fd2cc7] { 5586 background-color: #cca400; 5587 border-color: #cca400 5588 } 5589 5590 .blu-btn.b-danger[data-v-19fd2cc7] { 5591 color: #fff; 5592 background-color: #ff4646; 5593 border-color: #ff4646 5594 } 5595 5596 .blu-btn.b-danger[data-v-19fd2cc7]:not(.b-disabled):focus-visible,.blu-btn.b-danger[data-v-19fd2cc7]:not(.b-disabled):hover,.blu-btn.b-danger:not(.b-disabled).b-active[data-v-19fd2cc7] { 5597 background-color: #ff1313; 5598 border-color: #ff1313 5599 } 5600 5601 .blu-btn.b-small[data-v-19fd2cc7] { 5602 border-radius: 16px 5603 } 5604 5605 .blu-btn.b-small .blu-ripple[data-v-19fd2cc7] { 5606 border-radius: 16px 5607 } 5608 5609 .blu-btn.b-large[data-v-19fd2cc7] { 5610 border-radius: 32px 5611 } 5612 5613 .blu-btn.b-large .blu-ripple[data-v-19fd2cc7] { 5614 border-radius: 32px 5615 } 5616 5617 .blu-btn.b-icon[data-v-19fd2cc7] { 5618 width: 48px 5619 } 5620 5621 .blu-btn.b-icon.b-large[data-v-19fd2cc7] { 5622 width: 56px 5623 } 5624 5625 .blu-btn.b-icon.b-small[data-v-19fd2cc7] { 5626 width: 32px 5627 } 5628 5629 .blu-btn.b-icon svg[data-v-19fd2cc7] { 5630 width: 100%; 5631 height: 100% 5632 } 5633 5634 .blu-btn.b-full-width[data-v-19fd2cc7] { 5635 width: 100% 5636 } 5637 5638 .blu-btn .blu-ripple[data-v-19fd2cc7] { 5639 border-radius: 24px 5640 } 5641 </style> 5642 <style type="text/css"> 5643 .blu-card[data-v-05db4d06] { 5644 background: #fff; 5645 border-radius: 16px; 5646 box-shadow: 0 1px 6px 0 rgba(0,0,0,.1) 5647 } 5648 5649 .blu-card.b-noshadow[data-v-05db4d06] { 5650 box-shadow: none 5651 } 5652 5653 .blu-card.b-radius-large[data-v-05db4d06] { 5654 border-radius: 32px 5655 } 5656 5657 .blu-card.b-radius-medium[data-v-05db4d06] { 5658 border-radius: 24px 5659 } 5660 5661 .blu-card.b-radius-small[data-v-05db4d06] { 5662 border-radius: 8px 5663 } 5664 5665 .blu-card.b-no-radius[data-v-05db4d06] { 5666 border-radius: 0px 5667 } 5668 </style> 5669 <style type="text/css"> 5670 .blu-card__content[data-v-0250d5bb] { 5671 padding: 20px 5672 } 5673 </style> 5674 <style type="text/css"> 5675 .b-page .blu-modal__close[data-v-a1423cd6] { 5676 width: 24px; 5677 height: 24px; 5678 position: absolute; 5679 top: -28px; 5680 right: 20px 5681 } 5682 5683 .b-page .blu-modal__close i[data-v-a1423cd6] { 5684
5684 content: ""; 5685 top: 1px; 5686 right: 1px; 5687 position: absolute; 5688 width: 24px; 5689 height: 24px; 5690 transform: scale(1.3); 5691 background: rgba(0,0,0,0) url(data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PSIwIDAgMjQgMjQiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGQ9Ik0xMy43NjcyIDEyTDE3LjYzMiA4LjEzODM5QzE4LjEyMjcgNy42NDgxOSAxOC4xMjI3IDYuODU3ODYgMTcuNjMyIDYuMzY3NjVDMTcuMTQxNCA1Ljg3NzQ1IDE2LjM1MDQgNS44Nzc0NSAxNS44NTk4IDYuMzY3NjVMMTEuOTk1IDEwLjIyOTNMOC4xNDAxOCA2LjM3NzY2QzcuNjQ5NTYgNS44ODc0NSA2Ljg1ODU3IDUuODg3NDUgNi4zNjc5NiA2LjM3NzY2QzUuODc3MzUgNi44Njc4NiA1Ljg3NzM1IDcuNjU4MTkgNi4zNjc5NiA4LjE0ODRMMTAuMjIyOCAxMkw2LjM2Nzk2IDE1Ljg2MTZDNS44NzczNSAxNi4zNTE4IDUuODc3MzUgMTcuMTQyMSA2LjM2Nzk2IDE3LjYzMjNDNi44NTg1NyAxOC4xMjI2IDcuNjQ5NTYgMTguMTIyNiA4LjE0MDE4IDE3LjYzMjNMMTIuMDA1IDEzLjc3MDdMMTUuODU5OCAxNy42MjIzQzE2LjM1MDQgMTguMTEyNSAxNy4xNDE0IDE4LjExMjUgMTcuNjMyIDE3LjYyMjNDMTguMTIyNyAxNy4xMzIxIDE4LjEyMjcgMTYuMzQxOCAxNy42MzIgMTUuODUxNkwxMy43NzcyIDEySDEzLjc2NzJaIiBmaWxsPSIjNzk3Rjg1Ii8+Cjwvc3ZnPgo=) center center no-repeat #c8cbcd; 5692 background-color: #e1e3e4; 5693 -webkit-mask-image: url(data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PSIwIDAgMjQgMjQiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGQ9Ik0xMy43NjcyIDEyTDE3LjYzMiA4LjEzODM5QzE4LjEyMjcgNy42NDgxOSAxOC4xMjI3IDYuODU3ODYgMTcuNjMyIDYuMzY3NjVDMTcuMTQxNCA1Ljg3NzQ1IDE2LjM1MDQgNS44Nzc0NSAxNS44NTk4IDYuMzY3NjVMMTEuOTk1IDEwLjIyOTNMOC4xNDAxOCA2LjM3NzY2QzcuNjQ5NTYgNS44ODc0NSA2Ljg1ODU3IDUuODg3NDUgNi4zNjc5NiA2LjM3NzY2QzUuODc3MzUgNi44Njc4NiA1Ljg3NzM1IDcuNjU4MTkgNi4zNjc5NiA4LjE0ODRMMTAuMjIyOCAxMkw2LjM2Nzk2IDE1Ljg2MTZDNS44NzczNSAxNi4zNTE4IDUuODc3MzUgMTcuMTQyMSA2LjM2Nzk2IDE3LjYzMjNDNi44NTg1NyAxOC4xMjI2IDcuNjQ5NTYgMTguMTIyNiA4LjE0MDE4IDE3LjYzMjNMMTIuMDA1IDEzLjc3MDdMMTUuODU5OCAxNy42MjIzQzE2LjM1MDQgMTguMTEyNSAxNy4xNDE0IDE4LjExMjUgMTcuNjMyIDE3LjYyMjNDMTguMTIyNyAxNy4xMzIxIDE4LjEyMjcgMTYuMzQxOCAxNy42MzIgMTUuODUxNkwxMy43NzcyIDEySDEzLjc2NzJaIiBmaWxsPSIjNzk3Rjg1Ii8+Cjwvc3ZnPgo=) 5694 } 5695 5696 @media screen and (max-width: 768px) { 5697 .b-page .blu-modal__close[data-v-a1423cd6] { 5698 right:20px 5699 } 5700 } 5701 5702 .b-page .blu-modal__close[data-v-a1423cd6]:focus-visible { 5703 box-shadow: 0px 0px 0px 4px #000; 5704 outline: none 5705 } 5706 </style> 5707 <style type="text/css"> 5708 .blu-ripple[data-v-2bedc3c7] { 5709 width: 100%; 5710 height: 100%; 5711 position: relative; 5712 overflow: hidden; 5713 display: flex; 5714 justify-content: center; 5715 align-items: center; 5716 -webkit-box-pack: center; 5717 -webkit-box-align: center; 5718 -webkit-mask-image: radial-gradient(circle, #ffffff 100%, #000000 100%); 5719 padding: 0 12px 5720 } 5721 5722 .blu-ripple-wave[data-v-2bedc3c7] { 5723 position: absolute; 5724 z-index: 1; 5725 pointer-events: none; 5726 background: currentColor; 5727 border-radius: 50%; 5728 opacity: 0; 5729 transform: scale(2) translateZ(0) 5730 } 5731 5732 .blu-ripple-wave.b-centered[data-v-2bedc3c7] { 5733 animation-duration: 1.2s; 5734 top: 50%; 5735 left: 50% 5736 } 5737 5738 .blu-ripple-wave~*[data-v-2bedc3c7]:not(.blu-ripple-wave) { 5739 position: relative; 5740 z-index: 2 5741 } 5742 5743 .blu-ripple-enter-active[data-v-2bedc3c7] { 5744 transition: 2s cubic-bezier(0.25, 0.8, 0.25, 1); 5745 transition-property: opacity,transform; 5746 will-change: opacity,transform 5747 } 5748 5749 .blu-ripple-enter-active.b-centered[data-v-2bedc3c7] { 5750 transition-duration: 1.2s 5751 } 5752 5753 .blu-ripple-enter[data-v-2bedc3c7] { 5754 opacity: .26; 5755 transform: scale(0.26) translateZ(0) 5756 } 5757 5758 .has-left-icon .blu-ripple svg[data-v-2bedc3c7] { 5759 margin-right: 8px 5760 } 5761 5762 .has-left-icon.b-small svg[data-v-2bedc3c7] { 5763 transform-origin: left; 5764 margin-right: 4px 5765 } 5766 5767 .b-large .blu-ripple[data-v-2bedc3c7] { 5768 padding: 0 16px 5769 } 5770 5771 .b-small .blu-ripple[data-v-2bedc3c7] { 5772 padding: 0 8px 5773 } 5774 5775 .b-small svg[data-v-2bedc3c7] { 5776 width: 18px;
5777 height: 18px 5778 } 5779 5780 .b-icon .blu-ripple[data-v-2bedc3c7] { 5781 padding: 0 5782 } 5783 5784 .b-loading .blu-loader-wrapper[data-v-2bedc3c7] { 5785 height: 24px; 5786 position: absolute 5787 } 5788 5789 .b-loading .blu-ripple[data-v-2bedc3c7] { 5790 color: rgba(0,0,0,0) 5791 } 5792 5793 .b-loading .blu-ripple>svg[data-v-2bedc3c7] { 5794 visibility: hidden 5795 } 5796 5797 .b-loading .blu-ripple .blu-ripple-wave[data-v-2bedc3c7] { 5798 color: #fff 5799 } 5800 5801 .b-loading.b-white .blu-ripple-wave[data-v-2bedc3c7] { 5802 color: #FF0000 5803 } 5804 5805 .b-loading.b-outline.b-secondary .blu-ripple-wave[data-v-2bedc3c7] { 5806 color: #FF0000 5807 } 5808 5809 .b-loading.b-outline.b-primary .blu-ripple-wave[data-v-2bedc3c7] { 5810 color: #f1ab02 5811 } 5812 5813 .b-loading.b-ghost.b-secondary .blu-ripple-wave[data-v-2bedc3c7] { 5814 color: #FF0000 5815 } 5816 5817 .b-loading.b-ghost.b-primary .blu-ripple-wave[data-v-2bedc3c7] { 5818 color: #f1ab02 5819 } 5820 5821 .blu-input-stepper .blu-btn .blu-ripple[data-v-2bedc3c7] { 5822 padding: 0; 5823 width: 24px; 5824 height: 24px; 5825 border-radius: 50% 5826 } 5827 5828 .blu-input-stepper .blu-btn .blu-ripple svg[data-v-2bedc3c7] { 5829 width: 18px; 5830 height: 18px; 5831 margin-left: 1px 5832 } 5833 5834 .blu-input-stepper .blu-btn .blu-ripple-enter-active[data-v-2bedc3c7] { 5835 background: #FF0000 5836 } 5837 5838 .b-disabled[data-v-2bedc3c7] { 5839 opacity: 1 5840 } 5841 5842 .blu-btn-dropdown .blu-ripple>svg+div[data-v-2bedc3c7] { 5843 margin-left: 8px 5844 } 5845 </style> 5846 <style type="text/css"> 5847 .blu-ripple[data-v-574d97b4] { 5848 width: 100%; 5849 height: 100%; 5850 position: relative; 5851 overflow: hidden; 5852 display: flex; 5853 justify-content: center; 5854 align-items: center; 5855 -webkit-box-pack: center; 5856 -webkit-box-align: center; 5857 -webkit-mask-image: radial-gradient(circle, #ffffff 100%, #000000 100%); 5858 padding: 0 12px 5859 } 5860 5861 .blu-ripple-wave[data-v-574d97b4] { 5862 position: absolute; 5863 z-index: 1; 5864 pointer-events: none; 5865 background: currentColor; 5866 border-radius: 50%; 5867 opacity: 0; 5868 transform: scale(2) translateZ(0) 5869 } 5870 5871 .blu-ripple-wave.b-centered[data-v-574d97b4] { 5872 animation-duration: 1.2s; 5873 top: 50%; 5874 left: 50% 5875 } 5876 5877 .blu-ripple-wave~*[data-v-574d97b4]:not(.blu-ripple-wave) { 5878 position: relative; 5879 z-index: 2 5880 } 5881 5882 .blu-ripple-enter-active[data-v-574d97b4] { 5883 transition: 2s cubic-bezier(0.25, 0.8, 0.25, 1); 5884 transition-property: opacity,transform; 5885 will-change: opacity,transform 5886 } 5887 5888 .blu-ripple-enter-active.b-centered[data-v-574d97b4] { 5889 transition-duration: 1.2s 5890 } 5891 5892 .blu-ripple-enter[data-v-574d97b4] { 5893 opacity: .26; 5894 transform: scale(0.26) translateZ(0) 5895 } 5896 5897 .has-left-icon .blu-ripple svg[data-v-574d97b4] { 5898 margin-right: 8px 5899 } 5900 5901 .has-left-icon.b-small svg[data-v-574d97b4] { 5902 transform-origin: left; 5903 margin-right: 4px 5904 } 5905 5906 .b-large .blu-ripple[data-v-574d97b4] { 5907 padding: 0 16px 5908 } 5909 5910 .b-small .blu-ripple[data-v-574d97b4] { 5911 padding: 0 8px 5912 } 5913 5914 .b-small svg[data-v-574d97b4] { 5915 width: 18px;
5916 height: 18px 5917 } 5918 5919 .b-icon .blu-ripple[data-v-574d97b4] { 5920 padding: 0 5921 } 5922 5923 .b-loading .blu-loader-wrapper[data-v-574d97b4] { 5924 height: 24px; 5925 position: absolute 5926 } 5927 5928 .b-loading .blu-ripple[data-v-574d97b4] { 5929 color: rgba(0,0,0,0) 5930 } 5931 5932 .b-loading .blu-ripple>svg[data-v-574d97b4] { 5933 visibility: hidden 5934 } 5935 5936 .b-loading .blu-ripple .blu-ripple-wave[data-v-574d97b4] { 5937 color: #fff 5938 } 5939 5940 .b-loading.b-white .blu-ripple-wave[data-v-574d97b4] { 5941 color: #FF0000 5942 } 5943 5944 .b-loading.b-outline.b-secondary .blu-ripple-wave[data-v-574d97b4] { 5945 color: #FF0000 5946 } 5947 5948 .b-loading.b-outline.b-primary .blu-ripple-wave[data-v-574d97b4] { 5949 color: #f1ab02 5950 } 5951 5952 .b-loading.b-ghost.b-secondary .blu-ripple-wave[data-v-574d97b4] { 5953 color: #FF0000 5954 } 5955 5956 .b-loading.b-ghost.b-primary .blu-ripple-wave[data-v-574d97b4] { 5957 color: #f1ab02 5958 } 5959 5960 .blu-input-stepper .blu-btn .blu-ripple[data-v-574d97b4] { 5961 padding: 0; 5962 width: 24px; 5963 height: 24px; 5964 border-radius: 50% 5965 } 5966 5967 .blu-input-stepper .blu-btn .blu-ripple svg[data-v-574d97b4] { 5968 width: 18px; 5969 height: 18px; 5970 margin-left: 1px 5971 } 5972 5973 .blu-input-stepper .blu-btn .blu-ripple-enter-active[data-v-574d97b4] { 5974 background: #FF0000 5975 } 5976 5977 .b-disabled[data-v-574d97b4] { 5978 opacity: 1 5979 } 5980 5981 .blu-btn-dropdown .blu-ripple>svg+div[data-v-574d97b4] { 5982 margin-left: 8px 5983 } 5984 </style> 5985 <style type="text/css"> 5986 .blu-ripple[data-v-19fd2cc7] { 5987 width: 100%; 5988 height: 100%; 5989 position: relative; 5990 overflow: hidden; 5991 display: flex; 5992 justify-content: center; 5993 align-items: center; 5994 -webkit-box-pack: center; 5995 -webkit-box-align: center; 5996 -webkit-mask-image: radial-gradient(circle, #ffffff 100%, #000000 100%); 5997 padding: 0 12px 5998 } 5999 6000 .blu-ripple-wave[data-v-19fd2cc7] { 6001 position: absolute; 6002 z-index: 1; 6003 pointer-events: none; 6004 background: currentColor; 6005 border-radius: 50%; 6006 opacity: 0; 6007 transform: scale(2) translateZ(0) 6008 } 6009 6010 .blu-ripple-wave.b-centered[data-v-19fd2cc7] { 6011 animation-duration: 1.2s; 6012 top: 50%; 6013 left: 50% 6014 } 6015 6016 .blu-ripple-wave~*[data-v-19fd2cc7]:not(.blu-ripple-wave) { 6017 position: relative; 6018 z-index: 2 6019 } 6020 6021 .blu-ripple-enter-active[data-v-19fd2cc7] { 6022 transition: 2s cubic-bezier(0.25, 0.8, 0.25, 1); 6023 transition-property: opacity,transform; 6024 will-change: opacity,transform 6025 } 6026 6027 .blu-ripple-enter-active.b-centered[data-v-19fd2cc7] { 6028 transition-duration: 1.2s 6029 } 6030 6031 .blu-ripple-enter[data-v-19fd2cc7] { 6032 opacity: .26; 6033 transform: scale(0.26) translateZ(0) 6034 } 6035 6036 .has-left-icon .blu-ripple svg[data-v-19fd2cc7] { 6037 margin-right: 8px 6038 } 6039 6040 .has-left-icon.b-small svg[data-v-19fd2cc7] { 6041 transform-origin: left; 6042 margin-right: 4px 6043 } 6044 6045 .b-large .blu-ripple[data-v-19fd2cc7] { 6046 padding: 0 16px 6047 } 6048 6049 .b-small .blu-ripple[data-v-19fd2cc7] { 6050 padding: 0 8px 6051 } 6052 6053 .b-small svg[data-v-19fd2cc7] { 6054 width: 18px;
6055 height: 18px 6056 } 6057 6058 .b-icon .blu-ripple[data-v-19fd2cc7] { 6059 padding: 0 6060 } 6061 6062 .b-loading .blu-loader-wrapper[data-v-19fd2cc7] { 6063 height: 24px; 6064 position: absolute 6065 } 6066 6067 .b-loading .blu-ripple[data-v-19fd2cc7] { 6068 color: rgba(0,0,0,0) 6069 } 6070 6071 .b-loading .blu-ripple>svg[data-v-19fd2cc7] { 6072 visibility: hidden 6073 } 6074 6075 .b-loading .blu-ripple .blu-ripple-wave[data-v-19fd2cc7] { 6076 color: #fff 6077 } 6078 6079 .b-loading.b-white .blu-ripple-wave[data-v-19fd2cc7] { 6080 color: #FF0000 6081 } 6082 6083 .b-loading.b-outline.b-secondary .blu-ripple-wave[data-v-19fd2cc7] { 6084 color: #FF0000 6085 } 6086 6087 .b-loading.b-outline.b-primary .blu-ripple-wave[data-v-19fd2cc7] { 6088 color: #f1ab02 6089 } 6090 6091 .b-loading.b-ghost.b-secondary .blu-ripple-wave[data-v-19fd2cc7] { 6092 color: #FF0000 6093 } 6094 6095 .b-loading.b-ghost.b-primary .blu-ripple-wave[data-v-19fd2cc7] { 6096 color: #f1ab02 6097 } 6098 6099 .blu-input-stepper .blu-btn .blu-ripple[data-v-19fd2cc7] { 6100 padding: 0; 6101 width: 24px; 6102 height: 24px; 6103 border-radius: 50% 6104 } 6105 6106 .blu-input-stepper .blu-btn .blu-ripple svg[data-v-19fd2cc7] { 6107 width: 18px; 6108 height: 18px; 6109 margin-left: 1px 6110 } 6111 6112 .blu-input-stepper .blu-btn .blu-ripple-enter-active[data-v-19fd2cc7] { 6113 background: #FF0000 6114 } 6115 6116 .b-disabled[data-v-19fd2cc7] { 6117 opacity: 1 6118 } 6119 6120 .blu-btn-dropdown .blu-ripple>svg+div[data-v-19fd2cc7] { 6121 margin-left: 8px 6122 } 6123 6124 .blu-btn[data-v-19fd2cc7] { 6125 position: relative; 6126 font: 16px/20px "blibli demi bold",-apple-system,segoe ui,roboto,helvetica,arial,sans-serif; 6127 text-decoration: none; 6128 transition: color .4s,background-color .4s,border-color .6s; 6129 white-space: nowrap; 6130 height: 48px; 6131 padding: 0; 6132 -webkit-tap-highlight-color: rgba(0,0,0,0) 6133 } 6134 6135 .blu-btn[data-v-19fd2cc7]::-moz-focus-inner { 6136 border: 0 6137 } 6138 6139 .blu-btn[data-v-19fd2cc7]:active { 6140 outline: none 6141 } 6142 6143 .blu-btn[data-v-19fd2cc7]:before { 6144 position: absolute; 6145 top: 0; 6146 right: 0; 6147 bottom: 0; 6148 left: 0; 6149 z-index: 1; 6150 opacity: 0; 6151 transition: .4s cubic-bezier(0.4, 0, 0.2, 1); 6152 will-change: background-color,opacity; 6153 content: " " 6154 } 6155 6156 .blu-btn[data-v-19fd2cc7]:focus-visible { 6157 box-shadow: 0px 0px 0px 4px #000 6158 } 6159 6160 .blu-btn.b-primary[data-v-19fd2cc7] { 6161 color: #fff; 6162 background-color: #f1ab02; 6163 border-color: #f1ab02 6164 } 6165 6166 .blu-btn.b-primary[data-v-19fd2cc7]:not(.b-disabled):focus-visible,.blu-btn.b-primary[data-v-19fd2cc7]:not(.b-disabled):hover,.blu-btn.b-primary:not(.b-disabled).b-active[data-v-19fd2cc7] { 6167 background-color: #e39304; 6168 border-color: #e39304 6169 } 6170 6171 .blu-btn.b-secondary[data-v-19fd2cc7] { 6172 color: #fff; 6173 background-color: #FF0000; 6174 border-color: #FF0000 6175 } 6176 6177 .blu-btn.b-secondary[data-v-19fd2cc7]:not(.b-disabled):focus-visible,.blu-btn.b-secondary[data-v-19fd2cc7]:not(.b-disabled):hover,.blu-btn.b-secondary:not(.b-disabled).b-active[data-v-19fd2cc7] { 6178 background-color: #006dea; 6179 border-color: #006dea 6180 } 6181 6182 .blu-btn.b-white[data-v-19fd2cc7] { 6183 color: #fff; 6184 background-color: #fff; 6185 border-color: #fff; 6186 color: #FF0000 6187 } 6188 6189 .blu-btn.b-white[data-v-19fd2cc7]:not(.b-disabled):focus-visible,.blu-btn.b-white[data-v-19fd2cc7]:not(.b-disabled):hover,.blu-btn.b-white:not(.b-disabled).b-active[data-v-19fd2cc7] { 6190 background-color: #f1f2f2; 6191 border-color: #f1f2f2 6192 } 6193 6194 .blu-btn.b-disabled[data-v-19fd2cc7] { 6195 color: #fff; 6196 background-color: #c8cbcd; 6197 border-color: #c8cbcd; 6198 color: rgba(25,34,42,.4) 6199 } 6200 6201 .blu-btn.b-disabled[data-v-19fd2cc7]:not(.b-disabled):focus-visible,.blu-btn.b-disabled[data-v-19fd2cc7]:not(.b-disabled):hover,.blu-btn.b-disabled:not(.b-disabled).b-active[data-v-19fd2cc7] { 6202 background-color: #c8cbcd; 6203 border-color: #c8cbcd 6204 } 6205 6206 .blu-btn.b-large[data-v-19fd2cc7] { 6207 height: 56px 6208 } 6209 6210 .blu-btn.b-small[data-v-19fd2cc7] { 6211 font: 14px/18px "blibli demi bold",-apple-system,segoe ui,roboto,helvetica,arial,sans-serif; 6212 height: 32px 6213 } 6214 6215 .b-disabled[data-v-19fd2cc7] { 6216 opacity: 1 6217 } 6218 6219 input[type=submit][data-v-19fd2cc7]::-moz-focus-inner,input[type=button][data-v-19fd2cc7]::-moz-focus-inner { 6220 border: 0px 6221 } 6222 6223 button[data-v-19fd2cc7]:focus,input[type=submit][data-v-19fd2cc7]:focus,input[type=button][data-v-19fd2cc7]:focus,input[type=reset][data-v-19fd2cc7]:focus,a[data-v-19fd2cc7] { 6224 outline: none 6225 } 6226 6227 a[data-v-19fd2cc7],a[data-v-19fd2cc7]:visited,a[data-v-19fd2cc7]:focus,a[data-v-19fd2cc7]:active,a[data-v-19fd2cc7]:hover { 6228 outline: 0 none !important 6229 } 6230 6231 .blu-btn[data-v-19fd2cc7] { 6232 border-radius: 24px 6233 } 6234 6235 .blu-btn+.blu-button[data-v-19fd2cc7] { 6236 margin-left: 0 6237 } 6238 6239 .blu-btn.b-outline[data-v-19fd2cc7] { 6240 background-color: rgba(0,0,0,0) 6241 } 6242 6243 .blu-btn.b-outline.b-primary[data-v-19fd2cc7] { 6244 color: #f1ab02; 6245 background-color: #e39304; 6246 border: #ffcd00 1px solid 6247 } 6248 6249 .blu-btn.b-outline.b-primary[data-v-19fd2cc7]:not(.b-disabled) { 6250 background-color: rgba(255,255,255,.12) 6251 } 6252 6253 .blu-btn.b-outline.b-primary[data-v-19fd2cc7]:not(.b-disabled):focus-visible,.blu-btn.b-outline.b-primary[data-v-19fd2cc7]:not(.b-disabled):hover,.blu-btn.b-outline.b-primary:not(.b-disabled).b-active[data-v-19fd2cc7] { 6254 background-color: rgba(227,147,4,.08); 6255 border: #ffcd00 1px solid 6256 } 6257 6258 .blu-btn.b-outline.b-primary.b-active[data-v-19fd2cc7] { 6259 z-index: 9; 6260 background-color: #f1ab02; 6261 color: #fff 6262 } 6263 6264 .blu-btn.b-outline.b-secondary[data-v-19fd2cc7] { 6265 color: #FF0000; 6266 background-color: #006dea; 6267 border: #1d8fff 1px solid 6268 } 6269 6270 .blu-btn.b-outline.b-secondary[data-v-19fd2cc7]:not(.b-disabled) { 6271 background-color: rgba(255,255,255,.12) 6272 } 6273 6274 .blu-btn.b-outline.b-secondary[data-v-19fd2cc7]:not(.b-disabled):focus-visible,.blu-btn.b-outline.b-secondary[data-v-19fd2cc7]:not(.b-disabled):hover,.blu-btn.b-outline.b-secondary:not(.b-disabled).b-active[data-v-19fd2cc7] { 6275 background-color: rgba(0,109,234,.08); 6276 border: #1d8fff 1px solid 6277 } 6278 6279 .blu-btn.b-outline.b-secondary.b-active[data-v-19fd2cc7] { 6280 z-index: 9; 6281 background-color: #FF0000; 6282 color: #fff 6283 } 6284 6285 .blu-btn.b-outline.b-white[data-v-19fd2cc7] { 6286 color: #fff; 6287 background-color: #fff; 6288 border: #fff 1px solid 6289 } 6290 6291 .blu-btn.b-outline.b-white[data-v-19fd2cc7]:not(.b-disabled) { 6292 background-color: rgba(255,255,255,.12) 6293 } 6294 6295 .blu-btn.b-outline.b-white[data-v-19fd2cc7]:not(.b-disabled):focus-visible,.blu-btn.b-outline.b-white[data-v-19fd2cc7]:not(.b-disabled):hover,.blu-btn.b-outline.b-white:not(.b-disabled).b-active[data-v-19fd2cc7] { 6296 background-color: rgba(255,255,255,.4); 6297 border: #fff 1px solid 6298 } 6299 6300 .blu-btn.b-outline.b-white.b-active[data-v-19fd2cc7] { 6301 z-index: 9; 6302 background-color: #fff; 6303 color: #fff 6304 } 6305 6306 .blu-btn.b-outline.b-disabled[data-v-19fd2cc7] { 6307 color: rgba(25,34,42,.4); 6308 background-color: #c8cbcd; 6309 border: #c8cbcd 1px solid 6310 } 6311 6312 .blu-btn.b-outline.b-disabled[data-v-19fd2cc7]:not(.b-disabled) { 6313 background-color: rgba(255,255,255,.12) 6314 } 6315 6316 .blu-btn.b-outline.b-disabled[data-v-19fd2cc7]:not(.b-disabled):focus-visible,.blu-btn.b-outline.b-disabled[data-v-19fd2cc7]:not(.b-disabled):hover,.blu-btn.b-outline.b-disabled:not(.b-disabled).b-active[data-v-19fd2cc7] { 6317 background-color: rgba(200,203,205,.08); 6318 border: #c8cbcd 1px solid 6319 } 6320 6321 .blu-btn.b-outline.b-disabled.b-active[data-v-19fd2cc7] { 6322 z-index: 9; 6323 background-color: rgba(25,34,42,.4); 6324 color: #fff 6325 } 6326 6327 .blu-btn.b-outline.b-small .blu-ripple[data-v-19fd2cc7] { 6328 border-radius: 14px 6329 } 6330 6331 .blu-btn.b-outline.b-large .blu-ripple[data-v-19fd2cc7] { 6332 border-radius: 30px 6333 } 6334 6335 .blu-btn.b-ghost[data-v-19fd2cc7] { 6336 background-color: rgba(0,0,0,0); 6337 border-color: rgba(0,0,0,0) 6338 } 6339 6340 .blu-btn.b-ghost.b-primary[data-v-19fd2cc7] { 6341 color: #f1ab02; 6342 border-color: rgba(0,0,0,0) 6343 } 6344 6345 .blu-btn.b-ghost.b-primary[data-v-19fd2cc7]:not(.b-disabled):focus-visible,.blu-btn.b-ghost.b-primary[data-v-19fd2cc7]:not(.b-disabled):hover,.blu-btn.b-ghost.b-primary:not(.b-disabled).b-active[data-v-19fd2cc7] { 6346 border-color: rgba(0,0,0,0); 6347 background-color: rgba(227,147,4,.08) 6348 } 6349 6350 .blu-btn.b-ghost.b-secondary[data-v-19fd2cc7] { 6351 color: #FF0000; 6352 border-color: rgba(0,0,0,0) 6353 } 6354 6355 .blu-btn.b-ghost.b-secondary[data-v-19fd2cc7]:not(.b-disabled):focus-visible,.blu-btn.b-ghost.b-secondary[data-v-19fd2cc7]:not(.b-disabled):hover,.blu-btn.b-ghost.b-secondary:not(.b-disabled).b-active[data-v-19fd2cc7] { 6356 border-color: rgba(0,0,0,0); 6357 background-color: rgba(0,109,234,.08) 6358 } 6359 6360 .blu-btn.b-ghost.b-white[data-v-19fd2cc7] { 6361 color: #fff; 6362 border-color: rgba(0,0,0,0) 6363 } 6364 6365 .blu-btn.b-ghost.b-white[data-v-19fd2cc7]:not(.b-disabled):focus-visible,.blu-btn.b-ghost.b-white[data-v-19fd2cc7]:not(.b-disabled):hover,.blu-btn.b-ghost.b-white:not(.b-disabled).b-active[data-v-19fd2cc7] { 6366 border-color: rgba(0,0,0,0); 6367 background-color: rgba(255,255,255,.4) 6368 } 6369 6370 .blu-btn.b-ghost.b-white.b-disabled[data-v-19fd2cc7] { 6371 color: rgba(255,255,255,.4); 6372 border-color: rgba(0,0,0,0) 6373 } 6374 6375 .blu-btn.b-ghost.b-white.b-disabled[data-v-19fd2cc7]:not(.b-disabled):focus-visible,.blu-btn.b-ghost.b-white.b-disabled[data-v-19fd2cc7]:not(.b-disabled):hover,.blu-btn.b-ghost.b-white.b-disabled:not(.b-disabled).b-active[data-v-19fd2cc7] { 6376 border-color: rgba(0,0,0,0); 6377 background-color: rgba(0,0,0,0) 6378 } 6379 6380 .blu-btn.b-ghost.b-disabled[data-v-19fd2cc7] { 6381 color: rgba(25,34,42,.4); 6382 border-color: rgba(0,0,0,0) 6383 } 6384 6385 .blu-btn.b-ghost.b-disabled[data-v-19fd2cc7]:not(.b-disabled):focus-visible,.blu-btn.b-ghost.b-disabled[data-v-19fd2cc7]:not(.b-disabled):hover,.blu-btn.b-ghost.b-disabled:not(.b-disabled).b-active[data-v-19fd2cc7] { 6386 border-color: rgba(0,0,0,0); 6387 background-color: rgba(0,0,0,0) 6388 } 6389 6390 .blu-btn.b-warning[data-v-19fd2cc7] { 6391 color: #fff; 6392 background-color: #ffcd00; 6393 border-color: #ffcd00 6394 } 6395 6396 .blu-btn.b-warning[data-v-19fd2cc7]:not(.b-disabled):focus-visible,.blu-btn.b-warning[data-v-19fd2cc7]:not(.b-disabled):hover,.blu-btn.b-warning:not(.b-disabled).b-active[data-v-19fd2cc7] { 6397 background-color: #cca400; 6398 border-color: #cca400 6399 } 6400 6401 .blu-btn.b-danger[data-v-19fd2cc7] { 6402 color: #fff; 6403 background-color: #ff4646; 6404 border-color: #ff4646 6405 } 6406 6407 .blu-btn.b-danger[data-v-19fd2cc7]:not(.b-disabled):focus-visible,.blu-btn.b-danger[data-v-19fd2cc7]:not(.b-disabled):hover,.blu-btn.b-danger:not(.b-disabled).b-active[data-v-19fd2cc7] { 6408 background-color: #ff1313; 6409 border-color: #ff1313 6410 } 6411 6412 .blu-btn.b-small[data-v-19fd2cc7] { 6413 border-radius: 16px 6414 } 6415 6416 .blu-btn.b-small .blu-ripple[data-v-19fd2cc7] { 6417 border-radius: 16px 6418 } 6419 6420 .blu-btn.b-large[data-v-19fd2cc7] { 6421 border-radius: 32px 6422 } 6423 6424 .blu-btn.b-large .blu-ripple[data-v-19fd2cc7] { 6425 border-radius: 32px 6426 } 6427 6428 .blu-btn.b-icon[data-v-19fd2cc7] { 6429 width: 48px 6430 } 6431 6432 .blu-btn.b-icon.b-large[data-v-19fd2cc7] { 6433 width: 56px 6434 } 6435 6436 .blu-btn.b-icon.b-small[data-v-19fd2cc7] { 6437 width: 32px 6438 } 6439 6440 .blu-btn.b-icon svg[data-v-19fd2cc7] { 6441 width: 100%; 6442 height: 100% 6443 } 6444 6445 .blu-btn.b-full-width[data-v-19fd2cc7] { 6446 width: 100% 6447 } 6448 6449 .blu-btn .blu-ripple[data-v-19fd2cc7] { 6450 border-radius: 24px 6451 } 6452 </style> 6453 <style type="text/css"> 6454 .blu-ripple[data-v-7172f8fc] { 6455 width: 100%; 6456 height: 100%; 6457 position: relative; 6458 overflow: hidden; 6459 display: flex; 6460 justify-content: center; 6461 align-items: center; 6462 -webkit-box-pack: center; 6463 -webkit-box-align: center; 6464 -webkit-mask-image: radial-gradient(circle, #ffffff 100%, #000000 100%); 6465 padding: 0 12px 6466 } 6467 6468 .blu-ripple-wave[data-v-7172f8fc] { 6469 position: absolute; 6470 z-index: 1; 6471 pointer-events: none; 6472 background: currentColor; 6473 border-radius: 50%; 6474 opacity: 0; 6475 transform: scale(2) translateZ(0) 6476 } 6477 6478 .blu-ripple-wave.b-centered[data-v-7172f8fc] { 6479 animation-duration: 1.2s; 6480 top: 50%; 6481 left: 50% 6482 } 6483 6484 .blu-ripple-wave~*[data-v-7172f8fc]:not(.blu-ripple-wave) { 6485 position: relative; 6486 z-index: 2 6487 } 6488 6489 .blu-ripple-enter-active[data-v-7172f8fc
6489] { 6490 transition: 2s cubic-bezier(0.25, 0.8, 0.25, 1); 6491 transition-property: opacity,transform; 6492 will-change: opacity,transform 6493 } 6494 6495 .blu-ripple-enter-active.b-centered[data-v-7172f8fc] { 6496 transition-duration: 1.2s 6497 } 6498 6499 .blu-ripple-enter[data-v-7172f8fc] { 6500 opacity: .26; 6501 transform: scale(0.26) translateZ(0) 6502 } 6503 6504 .has-left-icon .blu-ripple svg[data-v-7172f8fc] { 6505 margin-right: 8px 6506 } 6507 6508 .has-left-icon.b-small svg[data-v-7172f8fc] { 6509 transform-origin: left; 6510 margin-right: 4px 6511 } 6512 6513 .b-large .blu-ripple[data-v-7172f8fc] { 6514 padding: 0 16px 6515 } 6516 6517 .b-small .blu-ripple[data-v-7172f8fc] { 6518 padding: 0 8px 6519 } 6520 6521 .b-small svg[data-v-7172f8fc] { 6522 width: 18px; 6523 height: 18px 6524 } 6525 6526 .b-icon .blu-ripple[data-v-7172f8fc] { 6527 padding: 0 6528 } 6529 6530 .b-loading .blu-loader-wrapper[data-v-7172f8fc] { 6531 height: 24px; 6532 position: absolute 6533 } 6534 6535 .b-loading .blu-ripple[data-v-7172f8fc] { 6536 color: rgba(0,0,0,0) 6537 } 6538 6539 .b-loading .blu-ripple>svg[data-v-7172f8fc] { 6540 visibility: hidden 6541 } 6542 6543 .b-loading .blu-ripple .blu-ripple-wave[data-v-7172f8fc] { 6544 color: #fff 6545 } 6546 6547 .b-loading.b-white .blu-ripple-wave[data-v-7172f8fc] { 6548 color: #FF0000 6549 } 6550 6551 .b-loading.b-outline.b-secondary .blu-ripple-wave[data-v-7172f8fc] { 6552 color: #FF0000 6553 } 6554 6555 .b-loading.b-outline.b-primary .blu-ripple-wave[data-v-7172f8fc] { 6556 color: #f1ab02 6557 } 6558 6559 .b-loading.b-ghost.b-secondary .blu-ripple-wave[data-v-7172f8fc] { 6560 color: #FF0000 6561 } 6562 6563 .b-loading.b-ghost.b-primary .blu-ripple-wave[data-v-7172f8fc] { 6564 color: #f1ab02 6565 } 6566 6567 .blu-input-stepper .blu-btn .blu-ripple[data-v-7172f8fc] { 6568 padding: 0; 6569 width: 24px; 6570 height: 24px; 6571 border-radius: 50% 6572 } 6573 6574 .blu-input-stepper .blu-btn .blu-ripple svg[data-v-7172f8fc] { 6575 width: 18px; 6576 height: 18px; 6577 margin-left: 1px 6578 } 6579 6580 .blu-input-stepper .blu-btn .blu-ripple-enter-active[data-v-7172f8fc] { 6581 background: #FF0000 6582 } 6583 6584 .b-disabled[data-v-7172f8fc] { 6585 opacity: 1 6586 } 6587 6588 .blu-btn-dropdown .blu-ripple>svg+div[data-v-7172f8fc] { 6589 margin-left: 8px 6590 } 6591 6592 .blu-modal__mask[data-v-7172f8fc] { 6593 transition: opacity .3s ease; 6594 position: fixed; 6595 z-index: 999; 6596 top: 0; 6597 left: 0; 6598 width: 100%; 6599 height: 100%; 6600 background-color: rgba(0,0,0,.6); 6601 display: flex; 6602 flex-direction: column; 6603 justify-content: center; 6604 align-items: center 6605 } 6606 6607 .blu-modal__container[data-v-7172f8fc] { 6608 transition: opacity .3s ease; 6609 width: 90%; 6610 max-width: 500px; 6611 max-height: calc(100% - 50px); 6612 height: auto; 6613 background: #fff; 6614 box-shadow: 0 1px 6px 0 rgba(0,0,0,.1); 6615 position: fixed; 6616 z-index: 1000; 6617 display: flex; 6618 flex-direction: column 6619 } 6620 6621 @media screen and (max-width: 768px) { 6622 .blu-modal__container[data-v-7172f8fc] { 6623 max-height:calc(100% - 40px) 6624 } 6625 } 6626 6627 @media screen and (min-width: 769px),print { 6628 .blu-modal__container[data-v-7172f8fc] { 6629 top:50%; 6630 left: 50%; 6631 -webkit-transform: translate(-50%, -50%); 6632 -moz-transform: translate(-50%, -50%); 6633 -ms-transform: translate(-50%, -50%); 6634 -o-transform: translate(-50%, -50%); 6635 transform: translate(-50%, -50%) 6636 } 6637 } 6638 6639 .blu-modal__heading[data-v-7172f8fc] { 6640 font: 24px/28px "blibli demi bold",-apple-system,segoe ui,roboto,helvetica,arial,sans-serif; 6641 margin-bottom: 8px 6642 } 6643 6644 @media screen and (max-width: 768px) { 6645 .blu-modal__heading[data-v-7172f8fc] { 6646 font:20px/24px "blibli demi bold",-apple-system,segoe ui,roboto,helvetica,arial,sans-serif; 6647 margin-bottom: 0px 6648 } 6649 } 6650 6651 .blu-modal__body[data-v-7172f8fc] { 6652 max-height: var(--max-height-modal-body); 6653 overflow-x: auto; 6654 color: rgba(25,34,42,.7019607843); 6655 margin-right: 0px; 6656 overscroll-behavior: contain 6657 } 6658 6659 @media screen and (min-width: 769px),print { 6660 .blu-modal__body[data-v-7172f8fc] { 6661 font:16px/20px "blibli",-apple-system,segoe ui,roboto,helvetica,arial,sans-serif 6662 } 6663 } 6664 6665 @media screen and (max-width: 768px) { 6666 .blu-modal__body[data-v-7172f8fc] { 6667 font:14px/18px "blibli",-apple-system,segoe ui,roboto,helvetica,arial,sans-serif 6668 } 6669 } 6670 6671 .blu-modal__footer[data-v-7172f8fc] { 6672 text-align: right 6673 } 6674 6675 @media screen and (max-width: 768px) { 6676 .blu-modal__footer[data-v-7172f8fc] { 6677 margin-top:auto 6678 } 6679 } 6680 6681 .blu-modal.b-dialog .blu-modal__body[data-v-7172f8fc] { 6682 margin-bottom: 40px 6683 } 6684 6685 @media screen and (max-width: 768px) { 6686 .blu-modal.b-dialog .blu-modal__body[data-v-7172f8fc] { 6687 margin-bottom:32px 6688 } 6689 } 6690 6691 .blu-modal.b-dialog .blu-modal__container[data-v-7172f8fc] { 6692 border-radius: 16px 6693 } 6694 6695 @media screen and (min-width: 769px),print { 6696 .blu-modal.b-dialog .blu-modal__container[data-v-7172f8fc] { 6697 padding:24px 24px 16px 6698 } 6699 } 6700 6701 @media screen and (max-width: 768px) { 6702 .blu-modal.b-dialog .blu-modal__container[data-v-7172f8fc] { 6703 padding:24px 24px 16px; 6704 top: 50%; 6705 left: 50%; 6706 -webkit-transform: translate(-50%, -50%); 6707 -moz-transform: translate(-50%, -50%); 6708 -ms-transform: translate(-50%, -50%); 6709 -o-transform: translate(-50%, -50%); 6710 transform: translate(-50%, -50%) 6711 } 6712 } 6713 6714 .blu-modal.b-dialog .blu-modal__container[data-v-7172f8fc]:before,.blu-modal.b-dialog .blu-modal__container[data-v-7172f8fc]:after { 6715 content: ""; 6716 width: calc(100% - 60px); 6717 margin: 0 30px; 6718 border-radius: 0 0 24px 24px; 6719 position: absolute; 6720 left: 0 6721 } 6722 6723 .blu-modal.b-dialog .blu-modal__container[data-v-7172f8fc]:before { 6724 height: 9px; 6725 bottom: -9px; 6726 z-index: 2; 6727 background: linear-gradient(0deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.12) 100%) 6728 } 6729 6730 .blu-modal.b-dialog .blu-modal__container[data-v-7172f8fc]:after { 6731 height: 16px; 6732 border-top: #fff 1px solid; 6733 bottom: -15px 6734 } 6735 6736 .blu-modal.b-dialog .blu-modal__close[data-v-7172f8fc] { 6737 display: none 6738 } 6739 6740 .blu-modal.b-dialog.b-info .blu-modal__container[data-v-7172f8fc]:after { 6741 background-color: #1d8fff 6742 } 6743 6744 .blu-modal.b-dialog.b-success .blu-modal__container[data-v-7172f8fc]:after { 6745 background-color: #22a334 6746 } 6747 6748 .blu-modal.b-dialog.b-warning .blu-modal__container[data-v-7172f8fc]:after { 6749 background-color: #ffcd00 6750 } 6751 6752 .blu-modal.b-dialog.b-danger .blu-modal__container[data-v-7172f8fc]:after { 6753 background-color: #ff4646 6754 } 6755 6756 .blu-modal.b-page .blu-modal__body[data-v-7172f8fc] { 6757 color: rgba(25,34,42,.7019607843) 6758 } 6759 6760 @media screen and (min-width: 769px),print { 6761 .blu-modal.b-page .blu-modal__body[data-v-7172f8fc] { 6762 padding:0 24px 6763 } 6764 } 6765 6766 @media screen and (max-width: 768px) { 6767 .blu-modal.b-page .blu-modal__body[data-v-7172f8fc] { 6768 padding:0 16px; 6769 padding-bottom: calc(env(safe-area-inset-bottom) + 4px); 6770 overflow-y: auto 6771 } 6772 } 6773 6774 .blu-modal.b-page .blu-modal__body[data-v-7172f8fc]::before { 6775 content: ""; 6776 background: #fff; 6777 height: 20px; 6778 width: 100%; 6779 left: 0; 6780 bottom: 0; 6781 position: fixed 6782 } 6783 6784 @media screen and (min-width: 769px),print { 6785 .blu-modal.b-page .blu-modal__body[data-v-7172f8fc]::before { 6786 display:none 6787 } 6788 } 6789 6790 @media screen and (min-width: 769px),print { 6791 .blu-modal.b-page .blu-modal__container[data-v-7172f8fc] { 6792 border-radius:16px; 6793 padding-top: 32px 6794 } 6795 } 6796 6797 @media screen and (max-width: 768px) { 6798 .blu-modal.b-page .blu-modal__container[data-v-7172f8fc] { 6799 padding-top:24px; 6800 width: 100%; 6801 max-width: 100%; 6802 height: auto; 6803 border-radius: 16px 16px 0 0; 6804 left: 0; 6805 bottom: 0; 6806 padding-top: 24px; 6807 padding-bottom: calc(env(safe-area-inset-bottom) + 16px) 6808 } 6809 } 6810 6811 @media screen and (min-width: 769px),print { 6812 .blu-modal.b-page .blu-modal__footer[data-v-7172f8fc] { 6813 padding:24px 24px 6814 } 6815 } 6816 6817 @media screen and (max-width: 768px) { 6818 .blu-modal.b-page .blu-modal__footer[data-v-7172f8fc] { 6819 width:100%; 6820 padding: 16px; 6821 transition: all .3s cubic-bezier(0, 0, 0.2, 1.2); 6822 bottom: 0; 6823 padding-bottom: env(safe-area-inset-bottom); 6824 background: #fff 6825 } 6826 } 6827 6828 .blu-modal.b-page .blu-modal__footer[data-v-7172f8fc]::before { 6829 content: ""; 6830 background: #fff; 6831 height: 20px; 6832 width: 100%; 6833 left: 0; 6834 bottom: 0; 6835 position: fixed 6836 } 6837 6838 @media screen and (min-width: 769px),print { 6839 .blu-modal.b-page .blu-modal__footer[data-v-7172f8fc]::before { 6840 display:none 6841 } 6842 } 6843 6844 @media screen and (min-width: 769px),print { 6845 .blu-modal.b-page .blu-modal__header[data-v-7172f8fc] { 6846 padding:0 24px 6847 } 6848 } 6849 6850 @media screen and (max-width: 768px) { 6851 .blu-modal.b-page .blu-modal__header[data-v-7172f8fc] { 6852 padding:0 16px 6853 } 6854 } 6855 6856 .blu-modal.b-page .blu-modal__icon[data-v-7172f8fc] { 6857 display: none 6858 } 6859 6860 @media screen and (max-width: 768px) { 6861 .blu-modal.b-page.fade-enter-active[data-v-7172f8fc],.blu-modal.b-page.fade-leave-active[data-v-7172f8fc] { 6862 transition:opacity .3s 6863 } 6864 6865 .blu-modal.b-page.fade-enter-active .blu-modal__container[data-v-7172f8fc],.blu-modal.b-page.fade-leave-active .blu-modal__container[data-v-7172f8fc] { 6866 transition: bottom .3s; 6867 transition: all .3s cubic-bezier(0, 0, 0.2, 1.2); 6868 bottom: 0 6869 } 6870 6871 .blu-modal.b-page.fade-enter-active[data-v-7172f8fc] { 6872 transition: opacity .3s cubic-bezier(0, 0, 0.2, 1.2) 6873 } 6874 6875 .blu-modal.b-page.fade-leave-active[data-v-7172f8fc] { 6876 transition: opacity .3s cubic-bezier(0.8, 0, 1, 1) 6877 } 6878 6879 .blu-modal.b-page.fade-enter .blu-modal__container[data-v-7172f8fc],.blu-modal.b-page.fade-leave-to .blu-modal__container[data-v-7172f8fc] { 6880 bottom: -96vh 6881 } 6882 } 6883 6884 .blu-modal.b-no-button .blu-modal__container[data-v-7172f8fc] { 6885 padding-bottom: 20px 6886 } 6887 6888 @media screen and (max-width: 768px) { 6889 .blu-modal.b-no-button .blu-modal__body[data-v-7172f8fc] { 6890 padding-bottom:env(safe-area-inset-bottom) 6891 } 6892 } 6893 6894 .blu-modal.b-no-button .blu-modal__footer[data-v-7172f8fc] { 6895 display: none 6896 } 6897 6898 .fade-enter-active[data-v-7172f8fc],.fade-leave-active[data-v-7172f8fc] { 6899 position: absolute; 6900 z-index: 998; 6901 transition: opacity .3s 6902 } 6903 6904 .fade-enter[data-v-7172f8fc],.fade-leave-to[data-v-7172f8fc] { 6905 opacity: 0 6906 } 6907 6908 img[data-v-7172f8fc] { 6909 max-width: 100% 6910 } 6911 6912 .blu-modal.b-dialog .blu-modal__icon[data-v-7172f8fc] { 6913 width: 40px; 6914 height: 40px; 6915 margin-bottom: 40px 6916 } 6917 6918 @media screen and (max-width: 768px) { 6919 .blu-modal.b-dialog .blu-modal__icon[data-v-7172f8fc] { 6920 width:24px; 6921 height: 24px; 6922 margin-bottom: 32px 6923 } 6924 } 6925 6926 .blu-modal.b-dialog.b-info .blu-modal__icon[data-v-7172f8fc] { 6927 background-color: #1d8fff; 6928 -webkit-mask-image: url(data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PSIwIDAgMjQgMjQiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+DQo8cGF0aCBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGNsaXAtcnVsZT0iZXZlbm9kZCIgZD0iTTIgMTJDMiA2LjQ4IDYuNDggMiAxMiAyQzE3LjUyIDIgMjIgNi40OCAyMiAxMkMyMiAxNy41MiAxNy41MiAyMiAxMiAyMkM2LjQ4IDIyIDIgMTcuNTIgMiAxMlpNMTEuOTcgOC43Mzc2NEMxMi43MjY2IDguNzM3NjQgMTMuMzQgOC4xMjQ4IDEzLjM0IDcuMzY4ODJDMTMuMzQgNi42MTI4NCAxMi43MjY2IDYgMTEuOTcgNkMxMS4yMTM0IDYgMTAuNiA2LjYxMjg0IDEwLjYgNy4zNjg4MkMxMC42IDguMTI0OCAxMS4yMTM0IDguNzM3NjQgMTEuOTcgOC43Mzc2NFpNMTEuNDk5OSAxMC4xMDY0SDEyLjQ0OTlDMTIuODQ5OSAxMC4xMDY0IDEzLjE3OTkgMTAuNDM2MiAxMy4xNzk5IDEwLjgzNThWMTcuMjcwM0MxMy4xNzk5IDE3LjY2OTkgMTIuODQ5OSAxNy45OTk2IDEyLjQ0OTkgMTcuOTk5NkgxMS40OTk5QzExLjA5OTkgMTcuOTk5NiAxMC43Njk5IDE3LjY2OTkgMTAuNzY5OSAxNy4yNzAzVjEwLjgzNThDMTAuNzY5OSAxMC40MzYyIDExLjA5OTkgMTAuMTA2NCAxMS40OTk5IDEwLjEwNjRaIiBmaWxsPSIjNzk3Rjg1Ii8+DQo8L3N2Zz4NCg==); 6929 mask-image: url(data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PSIw
6929IDAgMjQgMjQiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+DQo8cGF0aCBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGNsaXAtcnVsZT0iZXZlbm9kZCIgZD0iTTIgMTJDMiA2LjQ4IDYuNDggMiAxMiAyQzE3LjUyIDIgMjIgNi40OCAyMiAxMkMyMiAxNy41MiAxNy41MiAyMiAxMiAyMkM2LjQ4IDIyIDIgMTcuNTIgMiAxMlpNMTEuOTcgOC43Mzc2NEMxMi43MjY2IDguNzM3NjQgMTMuMzQgOC4xMjQ4IDEzLjM0IDcuMzY4ODJDMTMuMzQgNi42MTI4NCAxMi43MjY2IDYgMTEuOTcgNkMxMS4yMTM0IDYgMTAuNiA2LjYxMjg0IDEwLjYgNy4zNjg4MkMxMC42IDguMTI0OCAxMS4yMTM0IDguNzM3NjQgMTEuOTcgOC43Mzc2NFpNMTEuNDk5OSAxMC4xMDY0SDEyLjQ0OTlDMTIuODQ5OSAxMC4xMDY0IDEzLjE3OTkgMTAuNDM2MiAxMy4xNzk5IDEwLjgzNThWMTcuMjcwM0MxMy4xNzk5IDE3LjY2OTkgMTIuODQ5OSAxNy45OTk2IDEyLjQ0OTkgMTcuOTk5NkgxMS40OTk5QzExLjA5OTkgMTcuOTk5NiAxMC43Njk5IDE3LjY2OTkgMTAuNzY5OSAxNy4yNzAzVjEwLjgzNThDMTAuNzY5OSAxMC40MzYyIDExLjA5OTkgMTAuMTA2NCAxMS40OTk5IDEwLjEwNjRaIiBmaWxsPSIjNzk3Rjg1Ii8+DQo8L3N2Zz4NCg==) 6930 } 6931 6932 .blu-modal.b-dialog.b-success .blu-modal__icon[data-v-7172f8fc] { 6933 background-color: #22a334; 6934 -webkit-mask-image: url(data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PSIwIDAgMjQgMjQiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+DQo8cGF0aCBkPSJNMTIgMkM2LjQ4IDIgMiA2LjQ4IDIgMTJDMiAxNy41MiA2LjQ4IDIyIDEyIDIyQzE3LjUyIDIyIDIyIDE3LjUyIDIyIDEyQzIyIDYuNDggMTcuNTIgMiAxMiAyWk0xNy4wNSA5LjExTDEyLjA2IDE2LjEyQzExLjg4IDE2LjM3IDExLjYgMTYuNTIgMTEuMjkgMTYuNTRIMTEuMjRDMTAuOTUgMTYuNTQgMTAuNjcgMTYuNDIgMTAuNDggMTYuMTlMNi45OSAxMi4xM0M2LjgyIDExLjkzIDYuNzMgMTEuNjcgNi43NSAxMS40MUM2Ljc3IDExLjE0IDYuODkgMTAuOSA3LjA5IDEwLjczQzcuNTEgMTAuMzcgOC4xNCAxMC40MiA4LjUgMTAuODRMMTEuMTYgMTMuOTNMMTUuNDEgNy45NkMxNS43MyA3LjUxIDE2LjM1IDcuNDEgMTYuOCA3LjczQzE3LjAyIDcuODggMTcuMTYgOC4xMSAxNy4yMSA4LjM4QzE3LjI1IDguNjQgMTcuMTkgOC45MSAxNy4wNCA5LjEyTDE3LjA1IDkuMTFaIiBmaWxsPSIjNzk3Rjg1Ii8+DQo8L3N2Zz4=); 6935 mask-image: url(data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PSIwIDAgMjQgMjQiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+DQo8cGF0aCBkPSJNMTIgMkM2LjQ4IDIgMiA2LjQ4IDIgMTJDMiAxNy41MiA2LjQ4IDIyIDEyIDIyQzE3LjUyIDIyIDIyIDE3LjUyIDIyIDEyQzIyIDYuNDggMTcuNTIgMiAxMiAyWk0xNy4wNSA5LjExTDEyLjA2IDE2LjEyQzExLjg4IDE2LjM3IDExLjYgMTYuNTIgMTEuMjkgMTYuNTRIMTEuMjRDMTAuOTUgMTYuNTQgMTAuNjcgMTYuNDIgMTAuNDggMTYuMTlMNi45OSAxMi4xM0M2LjgyIDExLjkzIDYuNzMgMTEuNjcgNi43NSAxMS40MUM2Ljc3IDExLjE0IDYuODkgMTAuOSA3LjA5IDEwLjczQzcuNTEgMTAuMzcgOC4xNCAxMC40MiA4LjUgMTAuODRMMTEuMTYgMTMuOTNMMTUuNDEgNy45NkMxNS43MyA3LjUxIDE2LjM1IDcuNDEgMTYuOCA3LjczQzE3LjAyIDcuODggMTcuMTYgOC4xMSAxNy4yMSA4LjM4QzE3LjI1IDguNjQgMTcuMTkgOC45MSAxNy4wNCA5LjEyTDE3LjA1IDkuMTFaIiBmaWxsPSIjNzk3Rjg1Ii8+DQo8L3N2Zz4=) 6936 } 6937 6938 .blu-modal.b-dialog.b-warning .blu-modal__icon[data-v-7172f8fc] { 6939 background-color: #ffcd00; 6940 -webkit-mask-image: url(data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PSIwIDAgMjQgMjQiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+DQo8cGF0aCBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGNsaXAtcnVsZT0iZXZlbm9kZCIgZD0iTTMuODc0MzYgMjFIMjAuMTE0NEgyMC4xMjQ0QzIxLjU1MzUgMjEgMjIuNDUyOSAxOS41MDM1IDIxLjc2MzQgMTguMjg2NEwxMy42NDg0IDMuOTUwMjZDMTIuOTM4OCAyLjY4MzI1IDExLjA2OTkgMi42ODMyNSAxMC4zNjA0IDMuOTUwMjZMMi4yMzUzNyAxOC4yOTY0QzEuNTQ1OCAxOS41MTM1IDIuNDU1MjQgMjEgMy44NzQzNiAyMVpNMTAuOTkgMTMuOTM3NEwxMC43MDAyIDkuMDk4ODdWNy43NTIwNUMxMC43MDAyIDcuMzMzMDQgMTEuMDQgNi45OTM4NCAxMS40NTk3IDYuOTkzODRIMTIuNjA5QzEzLjAyODggNi45OTM4NCAxMy4zNjg2IDcuMzMzMDQgMTMuMzY4NiA3Ljc1MjA1VjkuMTA4ODRMMTMuMDg4NyAxMy45Mjc1QzEzLjA2ODcgMTQuMzI2NSAxMi43Mzg5IDE0LjYzNTggMTIuMzI5MiAxNC42MzU4SDExLjc0OTVDMTEuMzQ5OCAxNC42MzU4IDExLjAyIDE0LjMyNjUgMTAuOTkgMTMuOTI3NVYxMy45Mzc0Wk0xMS45OTk0IDE4Ljk2NTJDMTIuNzg4NyAxOC45NjUyIDEzLjQyODYgMTguMzI2NSAxMy40Mjg2IDE3LjUzODZDMTMuNDI4NiAxNi43NTA3IDEyLjc4ODcgMTYuMTEyIDExLjk5OTQgMTYuMTEyQzExLjIxMDIgMTYuMTEyIDEwLjU3MDMgMTYuNzUwNyAxMC41NzAzIDE3LjUzODZDMTAuNTcwMyAxOC4zMjY1IDExLjIxMDIgMTguOTY1MiAxMS45OTk0IDE4Ljk2NTJaIiBmaWxsPSIjNzk3Rjg1Ii8+DQo8L3N2Zz4NCg==); 6941 mask-image: url(data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PSIwIDAgMjQgMjQiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+DQo8cGF0aCBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGNsaXAtcnVsZT0iZXZlbm9kZCIgZD0iTTMuODc0MzYgMjFIMjAuMTE0NEgyMC4xMjQ0QzIxLjU1MzUgMjEgMjIuNDUyOSAxOS41MDM1IDIxLjc2MzQgMTguMjg2NEwxMy42NDg0IDMuOTUwMjZDMTIuOTM4OCAyLjY4MzI1IDExLjA2OTkgMi42ODMyNSAxMC4zNjA0IDMuOTUwMjZMMi4yMzUzNyAxOC4yOTY0QzEuNTQ1OCAxOS41MTM1IDIuNDU1MjQgMjEgMy44NzQzNiAyMVpNMTAuOTkgMTMuOTM3NEwxMC43MDAyIDkuMDk4ODdWNy43NTIwNUMxMC43MDAyIDcuMzMzMDQgMTEuMDQgNi45OTM4NCAxMS40NTk3IDYuOTkzODRIMTIuNjA5QzEzLjAyODggNi45OTM4NCAxMy4zNjg2IDcuMzMzMDQgMTMuMzY4NiA3Ljc1MjA1VjkuMTA4ODRMMTMuMDg4NyAxMy45Mjc1QzEzLjA2ODcgMTQuMzI2NSAxMi43Mzg5IDE0LjYzNTggMTIuMzI5MiAxNC42MzU4SDExLjc0OTVDMTEuMzQ5OCAxNC42MzU4IDExLjAyIDE0LjMyNjUgMTAuOTkgMTMuOTI3NVYxMy45Mzc0Wk0xMS45OTk0IDE4Ljk2NTJDMTIuNzg4NyAxOC45NjUyIDEzLjQyODYgMTguMzI2NSAxMy40Mjg2IDE3LjUzODZDMTMuNDI4NiAxNi43NTA3IDEyLjc4ODcgMTYuMTEyIDExLjk5OTQgMTYuMTEyQzExLjIxMDIgMTYuMTEyIDEwLjU3MDMgMTYuNzUwNyAxMC41NzAzIDE3LjUzODZDMTAuNTcwMyAxOC4zMjY1IDExLjIxMDIgMTguOTY1MiAxMS45OTk0IDE4Ljk2NTJaIiBmaWxsPSIjNzk3Rjg1Ii8+DQo8L3N2Zz4NCg==) 6942 } 6943 6944 .blu-modal.b-dialog.b-danger .blu-modal__icon[data-v-7172f8fc] { 6945 background-color: #ff4646; 6946 -webkit-mask-image: url(data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PSIwIDAgMjQgMjQiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+DQo8cGF0aCBkPSJNMTIgMkM2LjQ4IDIgMiA2LjQ4IDIgMTJDMiAxNy41MiA2LjQ4IDIyIDEyIDIyQzE3LjUyIDIyIDIyIDE3LjUyIDIyIDEyQzIyIDYuNDggMTcuNTIgMiAxMiAyWk0xNi4yNCAxNC44M0MxNi42MyAxNS4yMiAxNi42MyAxNS44NSAxNi4yNCAxNi4yNEMxNS44NSAxNi42MyAxNS4yMiAxNi42MyAxNC44MyAxNi4yNEwxMiAxMy40MUw5LjE3IDE2LjI0QzguNzggMTYuNjMgOC4xNSAxNi42MyA3Ljc2IDE2LjI0QzcuMzcgMTUuODUgNy4zNyAxNS4yMiA3Ljc2IDE0LjgzTDEwLjU5IDEyTDcuNzYgOS4xN0M3LjM3IDguNzggNy4zNyA4LjE1IDcuNzYgNy43NkM4LjE1IDcuMzcgOC43OCA3LjM3IDkuMTcgNy43NkwxMiAxMC41OUwxNC44MyA3Ljc2QzE1LjIyIDcuMzcgMTUuODUgNy4zNyAxNi4yNCA3Ljc2QzE2LjYzIDguMTUgMTYuNjMgOC43OCAxNi4yNCA5LjE3TDEzLjQxIDEyTDE2LjI0IDE0LjgzWiIgZmlsbD0iIzc5N0Y4NSIvPg0KPC9zdmc+); 6947 mask-image: url(data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PSIwIDAgMjQgMjQiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+DQo8cGF0aCBkPSJNMTIgMkM2LjQ4IDIgMiA2LjQ4IDIgMTJDMiAxNy41MiA2LjQ4IDIyIDEyIDIyQzE3LjUyIDIyIDIyIDE3LjUyIDIyIDEyQzIyIDYuNDggMTcuNTIgMiAxMiAyWk0xNi4yNCAxNC44M0MxNi42MyAxNS4yMiAxNi42MyAxNS44NSAxNi4yNCAxNi4yNEMxNS44NSAxNi42MyAxNS4yMiAxNi42MyAxNC44MyAxNi4yNEwxMiAxMy40MUw5LjE3IDE2LjI0QzguNzggMTYuNjMgOC4xNSAxNi42MyA3Ljc2IDE2LjI0QzcuMzcgMTUuODUgNy4zNyAxNS4yMiA3Ljc2IDE0LjgzTDEwLjU5IDEyTDcuNzYgOS4xN0M3LjM3IDguNzggNy4zNyA4LjE1IDcuNzYgNy43NkM4LjE1IDcuMzcgOC43OCA3LjM3IDkuMTcgNy43NkwxMiAxMC41OUwxNC44MyA3Ljc2QzE1LjIyIDcuMzcgMTUuODUgNy4zNyAxNi4yNCA3Ljc2QzE2LjYzIDguMTUgMTYuNjMgOC43OCAxNi4yNCA5LjE3TDEzLjQxIDEyTDE2LjI0IDE0LjgzWiIgZmlsbD0iIzc5N0Y4NSIvPg0KPC9zdmc+) 6948 } 6949 6950 @media screen and (max-width: 768px) { 6951 .blu-modal.b-full-screen .blu-modal__container[data-v-7172f8fc] { 6952 min-height:100%; 6953 border-radius: unset; 6954 padding-top: 0 6955 } 6956 6957 .blu-modal.b-full-screen .blu-modal__close[data-v-7172f8fc] { 6958 display: none 6959 } 6960 } 6961 6962 @media screen and (max-width: 768px) { 6963 .blu-modal__footer[data-v-7172f8fc] { 6964 display:flex; 6965 justify-content: flex-end; 6966 flex-direction: column-reverse 6967 } 6968 } 6969 6970 .blu-btn[data-v-7172f8fc] { 6971 min-width: 96px 6972 } 6973 6974 @media screen and (min-width: 769px),print { 6975 .blu-btn[data-v-7172f8fc] { 6976 margin-left:8px; 6977 margin-bottom: 0 6978 } 6979 } 6980 6981 @media screen and (max-width: 768px) { 6982 .blu-btn[data-v-7172f8fc] { 6983 width:100%; 6984 margin-bottom: 8px 6985 } 6986 6987 .blu-btn[data-v-7172f8fc]:not(:last-child) { 6988 margin-bottom: 0px 6989 } 6990 } 6991 </style> 6992 <style type="text/css"> 6993 .blu-ripple[data-v-c206562a] { 6994 width: 100%; 6995 height: 100%; 6996 position: relative; 6997 overflow: hidden; 6998 display: flex; 6999 justify-content: center; 7000 align-items: center; 7001 -webkit-box-pack: center; 7002 -webkit-box-align: center; 7003 -webkit-mask-image: radial-gradient(circle, #ffffff 100%, #000000 100%); 7004 padding: 0 12px 7005 } 7006 7007 .blu-ripple-wave[data-v-c206562a] { 7008 position: absolute; 7009 z-index: 1; 7010 pointer-events: none; 7011 background: currentColor; 7012 border-radius: 50%; 7013 opacity: 0; 7014 transform: scale(2) translateZ(0) 7015 } 7016 7017 .blu-ripple-wave.b-centered[data-v-c206562a] { 7018 animation-duration: 1.2s; 7019 top: 50%; 7020 left: 50% 7021 } 7022 7023 .blu-ripple-wave~*[data-v-c206562a]:not(.blu-ripple-wave) { 7024 position: relative; 7025 z-index: 2 7026 } 7027 7028 .blu-ripple-enter-active[data-v-c206562a] { 7029 transition: 2s cubic-bezier(0.25, 0.8, 0.25, 1); 7030 transition-property: opacity,transform; 7031 will-change: opacity,transform 7032 } 7033 7034 .blu-ripple-enter-active.b-centered[data-v-c206562a] { 7035 transition-duration: 1.2s 7036 } 7037 7038 .blu-ripple-enter[data-v-c206562a] { 7039 opacity: .26; 7040 transform: scale(0.26) translateZ(0) 7041 } 7042 7043 .has-left-icon .blu-ripple svg[data-v-c206562a] { 7044 margin-right: 8px 7045 } 7046 7047 .has-left-icon.b-small svg[data-v-c206562a] { 7048 transform-origin: left; 7049 margin-right: 4px 7050 } 7051 7052 .b-large .blu-ripple[data-v-c206562a] { 7053 padding: 0 16px 7054 } 7055 7056 .b-small .blu-ripple[data-v-c206562a] { 7057 padding: 0 8px 7058 } 7059 7060 .b-small svg[data-v-c206562a] { 7061 width: 18px;
7062 height: 18px 7063 } 7064 7065 .b-icon .blu-ripple[data-v-c206562a] { 7066 padding: 0 7067 } 7068 7069 .b-loading .blu-loader-wrapper[data-v-c206562a] { 7070 height: 24px; 7071 position: absolute 7072 } 7073 7074 .b-loading .blu-ripple[data-v-c206562a] { 7075 color: rgba(0,0,0,0) 7076 } 7077 7078 .b-loading .blu-ripple>svg[data-v-c206562a] { 7079 visibility: hidden 7080 } 7081 7082 .b-loading .blu-ripple .blu-ripple-wave[data-v-c206562a] { 7083 color: #fff 7084 } 7085 7086 .b-loading.b-white .blu-ripple-wave[data-v-c206562a] { 7087 color: #FF0000 7088 } 7089 7090 .b-loading.b-outline.b-secondary .blu-ripple-wave[data-v-c206562a] { 7091 color: #FF0000 7092 } 7093 7094 .b-loading.b-outline.b-primary .blu-ripple-wave[data-v-c206562a] { 7095 color: #f1ab02 7096 } 7097 7098 .b-loading.b-ghost.b-secondary .blu-ripple-wave[data-v-c206562a] { 7099 color: #FF0000 7100 } 7101 7102 .b-loading.b-ghost.b-primary .blu-ripple-wave[data-v-c206562a] { 7103 color: #f1ab02 7104 } 7105 7106 .blu-input-stepper .blu-btn .blu-ripple[data-v-c206562a] { 7107 padding: 0; 7108 width: 24px; 7109 height: 24px; 7110 border-radius: 50% 7111 } 7112 7113 .blu-input-stepper .blu-btn .blu-ripple svg[data-v-c206562a] { 7114 width: 18px; 7115 height: 18px; 7116 margin-left: 1px 7117 } 7118 7119 .blu-input-stepper .blu-btn .blu-ripple-enter-active[data-v-c206562a] { 7120 background: #FF0000 7121 } 7122 7123 .b-disabled[data-v-c206562a] { 7124 opacity: 1 7125 } 7126 7127 .blu-btn-dropdown .blu-ripple>svg+div[data-v-c206562a] { 7128 margin-left: 8px 7129 } 7130 7131 .blu-modal__mask[data-v-c206562a] { 7132 transition: opacity .3s ease; 7133 position: fixed; 7134 z-index: 999; 7135 top: 0; 7136 left: 0; 7137 width: 100%; 7138 height: 100%; 7139 background-color: rgba(0,0,0,.6); 7140 display: flex; 7141 flex-direction: column; 7142 justify-content: center; 7143 align-items: center 7144 } 7145 7146 .blu-modal__container[data-v-c206562a] { 7147 transition: opacity .3s ease; 7148 width: 90%; 7149 max-width: 500px; 7150 max-height: calc(100% - 50px); 7151 height: auto; 7152 background: #fff; 7153 box-shadow: 0 1px 6px 0 rgba(0,0,0,.1); 7154 position: fixed; 7155 z-index: 1000; 7156 display: flex; 7157 flex-direction: column 7158 } 7159 7160 @media screen and (max-width: 768px) { 7161 .blu-modal__container[data-v-c206562a] { 7162 max-height:calc(100% - 40px) 7163 } 7164 } 7165 7166 @media screen and (min-width: 769px),print { 7167 .blu-modal__container[data-v-c206562a] { 7168 top:50%; 7169 left: 50%; 7170 -webkit-transform: translate(-50%, -50%); 7171 -moz-transform: translate(-50%, -50%); 7172 -ms-transform: translate(-50%, -50%); 7173 -o-transform: translate(-50%, -50%); 7174 transform: translate(-50%, -50%) 7175 } 7176 } 7177 7178 .blu-modal__heading[data-v-c206562a] { 7179 font: 24px/28px "blibli demi bold",-apple-system,segoe ui,roboto,helvetica,arial,sans-serif; 7180 margin-bottom: 8px 7181 } 7182 7183 @media screen and (max-width: 768px) { 7184 .blu-modal__heading[data-v-c206562a] { 7185 font:20px/24px "blibli demi bold",-apple-system,segoe ui,roboto,helvetica,arial,sans-serif; 7186 margin-bottom: 0px 7187 } 7188 } 7189 7190 .blu-modal__body[data-v-c206562a] { 7191 max-height: var(--max-height-modal-body); 7192 overflow-x: auto; 7193 color: rgba(25,34,42,.7019607843); 7194 margin-right: 0px; 7195 overscroll-behavior: contain 7196 } 7197 7198 @media screen and (min-width: 769px),print { 7199 .blu-modal__body[data-v-c206562a] { 7200 font:16px/20px "blibli",-apple-system,segoe ui,roboto,helvetica,arial,sans-serif 7201 } 7202 } 7203 7204 @media screen and (max-width: 768px) { 7205 .blu-modal__body[data-v-c206562a] { 7206 font:14px/18px "blibli",-apple-system,segoe ui,roboto,helvetica,arial,sans-serif 7207 } 7208 } 7209 7210 .blu-modal__footer[data-v-c206562a] { 7211 text-align: right 7212 } 7213 7214 @media screen and (max-width: 768px) { 7215 .blu-modal__footer[data-v-c206562a] { 7216 margin-top:auto 7217 } 7218 } 7219 7220 .blu-modal.b-dialog .blu-modal__body[data-v-c206562a] { 7221 margin-bottom: 40px 7222 } 7223 7224 @media screen and (max-width: 768px) { 7225 .blu-modal.b-dialog .blu-modal__body[data-v-c206562a] { 7226 margin-bottom:32px 7227 } 7228 } 7229 7230 .blu-modal.b-dialog .blu-modal__container[data-v-c206562a] { 7231 border-radius: 16px 7232 } 7233 7234 @media screen and (min-width: 769px),print { 7235 .blu-modal.b-dialog .blu-modal__container[data-v-c206562a] { 7236 padding:24px 24px 16px 7237 } 7238 } 7239 7240 @media screen and (max-width: 768px) { 7241 .blu-modal.b-dialog .blu-modal__container[data-v-c206562a] { 7242 padding:24px 24px 16px; 7243 top: 50%; 7244 left: 50%; 7245 -webkit-transform: translate(-50%, -50%); 7246 -moz-transform: translate(-50%, -50%); 7247 -ms-transform: translate(-50%, -50%); 7248 -o-transform: translate(-50%, -50%); 7249 transform: translate(-50%, -50%) 7250 } 7251 } 7252 7253 .blu-modal.b-dialog .blu-modal__container[data-v-c206562a]:before,.blu-modal.b-dialog .blu-modal__container[data-v-c206562a]:after { 7254 content: ""; 7255 width: calc(100% - 60px); 7256 margin: 0 30px; 7257 border-radius: 0 0 24px 24px; 7258 position: absolute; 7259 left: 0 7260 } 7261 7262 .blu-modal.b-dialog .blu-modal__container[data-v-c206562a]:before { 7263 height: 9px; 7264 bottom: -9px; 7265 z-index: 2; 7266 background: linear-gradient(0deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.12) 100%) 7267 } 7268 7269 .blu-modal.b-dialog .blu-modal__container[data-v-c206562a]:after { 7270 height: 16px; 7271 border-top: #fff 1px solid; 7272 bottom: -15px 7273 } 7274 7275 .blu-modal.b-dialog .blu-modal__close[data-v-c206562a] { 7276 display: none 7277 } 7278 7279 .blu-modal.b-dialog.b-info .blu-modal__container[data-v-c206562a]:after { 7280 background-color: #1d8fff 7281 } 7282 7283 .blu-modal.b-dialog.b-success .blu-modal__container[data-v-c206562a]:after { 7284 background-color: #22a334 7285 } 7286 7287 .blu-modal.b-dialog.b-warning .blu-modal__container[data-v-c206562a]:after { 7288 background-color: #ffcd00 7289 } 7290 7291 .blu-modal.b-dialog.b-danger .blu-modal__container[data-v-c206562a]:after { 7292 background-color: #ff4646 7293 } 7294 7295 .blu-modal.b-page .blu-modal__body[data-v-c206562a] { 7296 color: rgba(25,34,42,.7019607843) 7297 } 7298 7299 @media screen and (min-width: 769px),print { 7300 .blu-modal.b-page .blu-modal__body[data-v-c206562a] { 7301 padding:0 24px 7302 } 7303 } 7304 7305 @media screen and (max-width: 768px) { 7306 .blu-modal.b-page .blu-modal__body[data-v-c206562a] { 7307 padding:0 16px; 7308 padding-bottom: calc(env(safe-area-inset-bottom) + 4px); 7309 overflow-y: auto 7310 } 7311 } 7312 7313 .blu-modal.b-page .blu-modal__body[data-v-c206562a]::before { 7314 content: ""; 7315 background: #fff; 7316 height: 20px; 7317 width: 100%; 7318 left: 0; 7319 bottom: 0; 7320 position: fixed 7321 } 7322 7323 @media screen and (min-width: 769px),print { 7324 .blu-modal.b-page .blu-modal__body[data-v-c206562a]::before { 7325 display:none 7326 } 7327 } 7328 7329 @media screen and (min-width: 769px),print { 7330 .blu-modal.b-page .blu-modal__container[data-v-c206562a] { 7331 border-radius:16px; 7332 padding-top: 32px 7333 } 7334 } 7335 7336 @media screen and (max-width: 768px) { 7337 .blu-modal.b-page .blu-modal__container[data-v-c206562a] { 7338 padding-top:24px; 7339 width: 100%; 7340 max-width: 100%; 7341 height: auto; 7342 border-radius: 16px 16px 0 0; 7343 left: 0; 7344 bottom: 0; 7345 padding-top: 24px; 7346 padding-bottom: calc(env(safe-area-inset-bottom) + 16px) 7347 } 7348 } 7349 7350 @media screen and (min-width: 769px),print { 7351 .blu-modal.b-page .blu-modal__footer[data-v-c206562a] { 7352 padding:24px 24px 7353 } 7354 } 7355 7356 @media screen and (max-width: 768px) { 7357 .blu-modal.b-page .blu-modal__footer[data-v-c206562a] { 7358 width:100%; 7359 padding: 16px; 7360 transition: all .3s cubic-bezier(0, 0, 0.2, 1.2); 7361 bottom: 0; 7362 padding-bottom: env(safe-area-inset-bottom); 7363 background: #fff 7364 } 7365 } 7366 7367 .blu-modal.b-page .blu-modal__footer[data-v-c206562a]::before { 7368 content: ""; 7369 background: #fff; 7370 height: 20px; 7371 width: 100%; 7372 left: 0; 7373 bottom: 0; 7374 position: fixed 7375 } 7376 7377 @media screen and (min-width: 769px),print { 7378 .blu-modal.b-page .blu-modal__footer[data-v-c206562a]::before { 7379 display:none 7380 } 7381 } 7382 7383 @media screen and (min-width: 769px),print { 7384 .blu-modal.b-page .blu-modal__header[data-v-c206562a] { 7385 padding:0 24px 7386 } 7387 } 7388 7389 @media screen and (max-width: 768px) { 7390 .blu-modal.b-page .blu-modal__header[data-v-c206562a] { 7391 padding:0 16px 7392 } 7393 } 7394 7395 .blu-modal.b-page .blu-modal__icon[data-v-c206562a] { 7396 display: none 7397 } 7398 7399 @media screen and (max-width: 768px) { 7400 .blu-modal.b-page.fade-enter-active[data-v-c206562a],.blu-modal.b-page.fade-leave-active[data-v-c206562a] { 7401 transition:opacity .3s 7402 } 7403 7404 .blu-modal.b-page.fade-enter-active .blu-modal__container[data-v-c206562a],.blu-modal.b-page.fade-leave-active .blu-modal__container[data-v-c206562a] { 7405 transition: bottom .3s; 7406 transition: all .3s cubic-bezier(0, 0, 0.2, 1.2); 7407 bottom: 0 7408 } 7409 7410 .blu-modal.b-page.fade-enter-active[data-v-c206562a] { 7411 transition: opacity .3s cubic-bezier(0, 0, 0.2, 1.2) 7412 } 7413 7414 .blu-modal.b-page.fade-leave-active[data-v-c206562a] { 7415 transition: opacity .3s cubic-bezier(0.8, 0, 1, 1) 7416 } 7417 7418 .blu-modal.b-page.fade-enter .blu-modal__container[data-v-c206562a],.blu-modal.b-page.fade-leave-to .blu-modal__container[data-v-c206562a] { 7419 bottom: -96vh 7420 } 7421 } 7422 7423 .blu-modal.b-no-button .blu-modal__container[data-v-c206562a] { 7424 padding-bottom: 20px 7425 } 7426 7427 @media screen and (max-width: 768px) { 7428 .blu-modal.b-no-button .blu-modal__body[data-v-c206562a] { 7429 padding-bottom:env(safe-area-inset-bottom) 7430 } 7431 } 7432 7433 .blu-modal.b-no-button .blu-modal__footer[data-v-c206562a] { 7434 display: none 7435 } 7436 7437 .fade-enter-active[data-v-c206562a],.fade-leave-active[data-v-c206562a] { 7438 position: absolute; 7439 z-index: 998; 7440 transition: opacity .3s 7441 } 7442 7443 .fade-enter[data-v-c206562a],.fade-leave-to[data-v-c206562a] { 7444 opacity: 0 7445 } 7446 7447 img[data-v-c206562a] { 7448 max-width: 100% 7449 } 7450 7451 .blu-modal.b-dialog .blu-modal__icon[data-v-c206562a] { 7452 width: 40px; 7453 height: 40px; 7454 margin-bottom: 40px 7455 } 7456 7457 @media screen and (max-width: 768px) { 7458 .blu-modal.b-dialog .blu-modal__icon[data-v-c206562a] { 7459 width:24px; 7460 height: 24px; 7461 margin-bottom: 32px 7462 } 7463 } 7464 7465 .blu-modal.b-dialog.b-info .blu-modal__icon[data-v-c206562a] { 7466 background-color: #1d8fff; 7467 -webkit-mask-image: url(data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PSIwIDAgMjQgMjQiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+DQo8cGF0aCBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGNsaXAtcnVsZT0iZXZlbm9kZCIgZD0iTTIgMTJDMiA2LjQ4IDYuNDggMiAxMiAyQzE3LjUyIDIgMjIgNi40OCAyMiAxMkMyMiAxNy41MiAxNy41MiAyMiAxMiAyMkM2LjQ4IDIyIDIgMTcuNTIgMiAxMlpNMTEuOTcgOC43Mzc2NEMxMi43MjY2IDguNzM3NjQgMTMuMzQgOC4xMjQ4IDEzLjM0IDcuMzY4ODJDMTMuMzQgNi42MTI4NCAxMi43MjY2IDYgMTEuOTcgNkMxMS4yMTM0IDYgMTAuNiA2LjYxMjg0IDEwLjYgNy4zNjg4MkMxMC42IDguMTI0OCAxMS4yMTM0IDguNzM3NjQgMTEuOTcgOC43Mzc2NFpNMTEuNDk5OSAxMC4xMDY0SDEyLjQ0OTlDMTIuODQ5OSAxMC4xMDY0IDEzLjE3OTkgMTAuNDM2MiAxMy4xNzk5IDEwLjgzNThWMTcuMjcwM0MxMy4xNzk5IDE3LjY2OTkgMTIuODQ5OSAxNy45OTk2IDEyLjQ0OTkgMTcuOTk5NkgxMS40OTk5QzExLjA5OTkgMTcuOTk5NiAxMC43Njk5IDE3LjY2OTkgMTAuNzY5OSAxNy4yNzAzVjEwLjgzNThDMTAuNzY5OSAxMC40MzYyIDExLjA5OTkgMTAuMTA2NCAxMS40OTk5IDEwLjEwNjRaIiBmaWxsPSIjNzk3Rjg1Ii8+DQo8L3N2Zz4NCg==); 7468 mask-image: url(data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PSIwIDAgMjQgMjQiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+DQo8cGF0aCBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGNsaXAtcnVsZT0iZXZlbm9kZCIgZD0iTTIgMTJDMiA2LjQ4IDYuNDggMiAxMiAyQzE3LjUyIDIgMjIgNi40OCAyMiAxMkMyMiAxNy41MiAxNy41MiAyMiAxMiAyMkM2LjQ4IDIyIDIgMTcuNTIgMiAxMlpNMTEuOTcgOC43Mzc2NEMxMi43MjY2IDguNzM3NjQgMTMuMzQgOC4xMjQ4IDEzLjM0IDcuMzY4ODJDMTMuMzQgNi42MTI4NCAxMi43MjY2IDYgMTEuOTcgNkMxMS4yMTM0IDYgMTAuNiA2LjYxMjg0IDEwLjYgNy4zNjg4MkMxMC42IDguMTI0OCAxMS4yMTM0IDguNzM3NjQgMTEuOTcgOC43Mzc2NFpNMTEuNDk5OSAxMC4xMDY0SDEyLjQ0OTlDMTIuODQ5OSAxMC4xMDY0IDEzLjE3OTkgMTAuNDM2MiAxMy4xNzk5IDEwLjgzNThWMTcuMjcwM0MxMy4xNzk5IDE3LjY2OTkgMTIuODQ5OSAxNy45OTk2IDEyLjQ0OTkgMTcuOTk5NkgxMS40OTk5QzExLjA5OTkgMTcuOTk5NiAxMC43Njk5IDE3LjY2OTkgMTAuNzY5OSAxNy4yNzAzVjEwLjgzNThDMTAuNzY5OSAxMC40MzYyIDExLjA5OTkgMTAuMTA2NCAxMS40OTk5IDEwLjEwNjRaIiBmaWxsPSIjNzk3Rjg1Ii8+DQo8L3N2Zz4NCg==) 7469 } 7470 7471 .blu-modal.b-dialog.b-success .blu-modal__icon[data-v-c206562a] { 7472 background-color: #22a334; 7473 -webkit-m
7473ask-image: url(data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PSIwIDAgMjQgMjQiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+DQo8cGF0aCBkPSJNMTIgMkM2LjQ4IDIgMiA2LjQ4IDIgMTJDMiAxNy41MiA2LjQ4IDIyIDEyIDIyQzE3LjUyIDIyIDIyIDE3LjUyIDIyIDEyQzIyIDYuNDggMTcuNTIgMiAxMiAyWk0xNy4wNSA5LjExTDEyLjA2IDE2LjEyQzExLjg4IDE2LjM3IDExLjYgMTYuNTIgMTEuMjkgMTYuNTRIMTEuMjRDMTAuOTUgMTYuNTQgMTAuNjcgMTYuNDIgMTAuNDggMTYuMTlMNi45OSAxMi4xM0M2LjgyIDExLjkzIDYuNzMgMTEuNjcgNi43NSAxMS40MUM2Ljc3IDExLjE0IDYuODkgMTAuOSA3LjA5IDEwLjczQzcuNTEgMTAuMzcgOC4xNCAxMC40MiA4LjUgMTAuODRMMTEuMTYgMTMuOTNMMTUuNDEgNy45NkMxNS43MyA3LjUxIDE2LjM1IDcuNDEgMTYuOCA3LjczQzE3LjAyIDcuODggMTcuMTYgOC4xMSAxNy4yMSA4LjM4QzE3LjI1IDguNjQgMTcuMTkgOC45MSAxNy4wNCA5LjEyTDE3LjA1IDkuMTFaIiBmaWxsPSIjNzk3Rjg1Ii8+DQo8L3N2Zz4=); 7474 mask-image: url(data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PSIwIDAgMjQgMjQiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+DQo8cGF0aCBkPSJNMTIgMkM2LjQ4IDIgMiA2LjQ4IDIgMTJDMiAxNy41MiA2LjQ4IDIyIDEyIDIyQzE3LjUyIDIyIDIyIDE3LjUyIDIyIDEyQzIyIDYuNDggMTcuNTIgMiAxMiAyWk0xNy4wNSA5LjExTDEyLjA2IDE2LjEyQzExLjg4IDE2LjM3IDExLjYgMTYuNTIgMTEuMjkgMTYuNTRIMTEuMjRDMTAuOTUgMTYuNTQgMTAuNjcgMTYuNDIgMTAuNDggMTYuMTlMNi45OSAxMi4xM0M2LjgyIDExLjkzIDYuNzMgMTEuNjcgNi43NSAxMS40MUM2Ljc3IDExLjE0IDYuODkgMTAuOSA3LjA5IDEwLjczQzcuNTEgMTAuMzcgOC4xNCAxMC40MiA4LjUgMTAuODRMMTEuMTYgMTMuOTNMMTUuNDEgNy45NkMxNS43MyA3LjUxIDE2LjM1IDcuNDEgMTYuOCA3LjczQzE3LjAyIDcuODggMTcuMTYgOC4xMSAxNy4yMSA4LjM4QzE3LjI1IDguNjQgMTcuMTkgOC45MSAxNy4wNCA5LjEyTDE3LjA1IDkuMTFaIiBmaWxsPSIjNzk3Rjg1Ii8+DQo8L3N2Zz4=) 7475 } 7476 7477 .blu-modal.b-dialog.b-warning .blu-modal__icon[data-v-c206562a] { 7478 background-color: #ffcd00; 7479 -webkit-mask-image: url(data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PSIwIDAgMjQgMjQiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+DQo8cGF0aCBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGNsaXAtcnVsZT0iZXZlbm9kZCIgZD0iTTMuODc0MzYgMjFIMjAuMTE0NEgyMC4xMjQ0QzIxLjU1MzUgMjEgMjIuNDUyOSAxOS41MDM1IDIxLjc2MzQgMTguMjg2NEwxMy42NDg0IDMuOTUwMjZDMTIuOTM4OCAyLjY4MzI1IDExLjA2OTkgMi42ODMyNSAxMC4zNjA0IDMuOTUwMjZMMi4yMzUzNyAxOC4yOTY0QzEuNTQ1OCAxOS41MTM1IDIuNDU1MjQgMjEgMy44NzQzNiAyMVpNMTAuOTkgMTMuOTM3NEwxMC43MDAyIDkuMDk4ODdWNy43NTIwNUMxMC43MDAyIDcuMzMzMDQgMTEuMDQgNi45OTM4NCAxMS40NTk3IDYuOTkzODRIMTIuNjA5QzEzLjAyODggNi45OTM4NCAxMy4zNjg2IDcuMzMzMDQgMTMuMzY4NiA3Ljc1MjA1VjkuMTA4ODRMMTMuMDg4NyAxMy45Mjc1QzEzLjA2ODcgMTQuMzI2NSAxMi43Mzg5IDE0LjYzNTggMTIuMzI5MiAxNC42MzU4SDExLjc0OTVDMTEuMzQ5OCAxNC42MzU4IDExLjAyIDE0LjMyNjUgMTAuOTkgMTMuOTI3NVYxMy45Mzc0Wk0xMS45OTk0IDE4Ljk2NTJDMTIuNzg4NyAxOC45NjUyIDEzLjQyODYgMTguMzI2NSAxMy40Mjg2IDE3LjUzODZDMTMuNDI4NiAxNi43NTA3IDEyLjc4ODcgMTYuMTEyIDExLjk5OTQgMTYuMTEyQzExLjIxMDIgMTYuMTEyIDEwLjU3MDMgMTYuNzUwNyAxMC41NzAzIDE3LjUzODZDMTAuNTcwMyAxOC4zMjY1IDExLjIxMDIgMTguOTY1MiAxMS45OTk0IDE4Ljk2NTJaIiBmaWxsPSIjNzk3Rjg1Ii8+DQo8L3N2Zz4NCg==); 7480 mask-image: url(data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PSIwIDAgMjQgMjQiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+DQo8cGF0aCBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGNsaXAtcnVsZT0iZXZlbm9kZCIgZD0iTTMuODc0MzYgMjFIMjAuMTE0NEgyMC4xMjQ0QzIxLjU1MzUgMjEgMjIuNDUyOSAxOS41MDM1IDIxLjc2MzQgMTguMjg2NEwxMy42NDg0IDMuOTUwMjZDMTIuOTM4OCAyLjY4MzI1IDExLjA2OTkgMi42ODMyNSAxMC4zNjA0IDMuOTUwMjZMMi4yMzUzNyAxOC4yOTY0QzEuNTQ1OCAxOS41MTM1IDIuNDU1MjQgMjEgMy44NzQzNiAyMVpNMTAuOTkgMTMuOTM3NEwxMC43MDAyIDkuMDk4ODdWNy43NTIwNUMxMC43MDAyIDcuMzMzMDQgMTEuMDQgNi45OTM4NCAxMS40NTk3IDYuOTkzODRIMTIuNjA5QzEzLjAyODggNi45OTM4NCAxMy4zNjg2IDcuMzMzMDQgMTMuMzY4NiA3Ljc1MjA1VjkuMTA4ODRMMTMuMDg4NyAxMy45Mjc1QzEzLjA2ODcgMTQuMzI2NSAxMi43Mzg5IDE0LjYzNTggMTIuMzI5MiAxNC42MzU4SDExLjc0OTVDMTEuMzQ5OCAxNC42MzU4IDExLjAyIDE0LjMyNjUgMTAuOTkgMTMuOTI3NVYxMy45Mzc0Wk0xMS45OTk0IDE4Ljk2NTJDMTIuNzg4NyAxOC45NjUyIDEzLjQyODYgMTguMzI2NSAxMy40Mjg2IDE3LjUzODZDMTMuNDI4NiAxNi43NTA3IDEyLjc4ODcgMTYuMTEyIDExLjk5OTQgMTYuMTEyQzExLjIxMDIgMTYuMTEyIDEwLjU3MDMgMTYuNzUwNyAxMC41NzAzIDE3LjUzODZDMTAuNTcwMyAxOC4zMjY1IDExLjIxMDIgMTguOTY1MiAxMS45OTk0IDE4Ljk2NTJaIiBmaWxsPSIjNzk3Rjg1Ii8+DQo8L3N2Zz4NCg==) 7481 } 7482 7483 .blu-modal.b-dialog.b-danger .blu-modal__icon[data-v-c206562a] { 7484 background-color: #ff4646; 7485 -webkit-mask-image: url(data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PSIwIDAgMjQgMjQiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+DQo8cGF0aCBkPSJNMTIgMkM2LjQ4IDIgMiA2LjQ4IDIgMTJDMiAxNy41MiA2LjQ4IDIyIDEyIDIyQzE3LjUyIDIyIDIyIDE3LjUyIDIyIDEyQzIyIDYuNDggMTcuNTIgMiAxMiAyWk0xNi4yNCAxNC44M0MxNi42MyAxNS4yMiAxNi42MyAxNS44NSAxNi4yNCAxNi4yNEMxNS44NSAxNi42MyAxNS4yMiAxNi42MyAxNC44MyAxNi4yNEwxMiAxMy40MUw5LjE3IDE2LjI0QzguNzggMTYuNjMgOC4xNSAxNi42MyA3Ljc2IDE2LjI0QzcuMzcgMTUuODUgNy4zNyAxNS4yMiA3Ljc2IDE0LjgzTDEwLjU5IDEyTDcuNzYgOS4xN0M3LjM3IDguNzggNy4zNyA4LjE1IDcuNzYgNy43NkM4LjE1IDcuMzcgOC43OCA3LjM3IDkuMTcgNy43NkwxMiAxMC41OUwxNC44MyA3Ljc2QzE1LjIyIDcuMzcgMTUuODUgNy4zNyAxNi4yNCA3Ljc2QzE2LjYzIDguMTUgMTYuNjMgOC43OCAxNi4yNCA5LjE3TDEzLjQxIDEyTDE2LjI0IDE0LjgzWiIgZmlsbD0iIzc5N0Y4NSIvPg0KPC9zdmc+); 7486 mask-image: url(data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PSIwIDAgMjQgMjQiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+DQo8cGF0aCBkPSJNMTIgMkM2LjQ4IDIgMiA2LjQ4IDIgMTJDMiAxNy41MiA2LjQ4IDIyIDEyIDIyQzE3LjUyIDIyIDIyIDE3LjUyIDIyIDEyQzIyIDYuNDggMTcuNTIgMiAxMiAyWk0xNi4yNCAxNC44M0MxNi42MyAxNS4yMiAxNi42MyAxNS44NSAxNi4yNCAxNi4yNEMxNS44NSAxNi42MyAxNS4yMiAxNi42MyAxNC44MyAxNi4yNEwxMiAxMy40MUw5LjE3IDE2LjI0QzguNzggMTYuNjMgOC4xNSAxNi42MyA3Ljc2IDE2LjI0QzcuMzcgMTUuODUgNy4zNyAxNS4yMiA3Ljc2IDE0LjgzTDEwLjU5IDEyTDcuNzYgOS4xN0M3LjM3IDguNzggNy4zNyA4LjE1IDcuNzYgNy43NkM4LjE1IDcuMzcgOC43OCA3LjM3IDkuMTcgNy43NkwxMiAxMC41OUwxNC44MyA3Ljc2QzE1LjIyIDcuMzcgMTUuODUgNy4zNyAxNi4yNCA3Ljc2QzE2LjYzIDguMTUgMTYuNjMgOC43OCAxNi4yNCA5LjE3TDEzLjQxIDEyTDE2LjI0IDE0LjgzWiIgZmlsbD0iIzc5N0Y4NSIvPg0KPC9zdmc+) 7487 } 7488 7489 @media screen and (max-width: 768px) { 7490 .blu-modal.b-full-screen .blu-modal__container[data-v-c206562a] { 7491 min-height:100%; 7492 border-radius: unset; 7493 padding-top: 0 7494 } 7495 7496 .blu-modal.b-full-screen .blu-modal__close[data-v-c206562a] { 7497 display: none 7498 } 7499 } 7500 </style> 7501 <style type="text/css"> 7502 .blu-ripple[data-v-65e7601e] { 7503 width: 100%; 7504 height: 100%; 7505 position: relative; 7506 overflow: hidden; 7507 display: flex; 7508 justify-content: center; 7509 align-items: center; 7510 -webkit-box-pack: center; 7511 -webkit-box-align: center; 7512 -webkit-mask-image: radial-gradient(circle, #ffffff 100%, #000000 100%); 7513 padding: 0 12px 7514 } 7515 7516 .blu-ripple-wave[data-v-65e7601e] { 7517 position: absolute; 7518 z-index: 1; 7519 pointer-events: none; 7520 background: currentColor; 7521 border-radius: 50%; 7522 opacity: 0; 7523 transform: scale(2) translateZ(0) 7524 } 7525 7526 .blu-ripple-wave.b-centered[data-v-65e7601e] { 7527 animation-duration: 1.2s; 7528 top: 50%; 7529 left: 50% 7530 } 7531 7532 .blu-ripple-wave~*[data-v-65e7601e]:not(.blu-ripple-wave) { 7533 position: relative; 7534 z-index: 2 7535 } 7536 7537 .blu-ripple-enter-active[data-v-65e7601e] { 7538 transition: 2s cubic-bezier(0.25, 0.8, 0.25, 1); 7539 transition-property: opacity,transform; 7540 will-change: opacity,transform 7541 } 7542 7543 .blu-ripple-enter-active.b-centered[data-v-65e7601e] { 7544 transition-duration: 1.2s 7545 } 7546 7547 .blu-ripple-enter[data-v-65e7601e] { 7548 opacity: .26; 7549 transform: scale(0.26) translateZ(0) 7550 } 7551 7552 .has-left-icon .blu-ripple svg[data-v-65e7601e] { 7553 margin-right: 8px 7554 } 7555 7556 .has-left-icon.b-small svg[data-v-65e7601e] { 7557 transform-origin: left; 7558 margin-right: 4px 7559 } 7560 7561 .b-large .blu-ripple[data-v-65e7601e] { 7562 padding: 0 16px 7563 } 7564 7565 .b-small .blu-ripple[data-v-65e7601e] { 7566 padding: 0 8px 7567 } 7568 7569 .b-small svg[data-v-65e7601e] { 7570 width: 18px;
7571 height: 18px 7572 } 7573 7574 .b-icon .blu-ripple[data-v-65e7601e] { 7575 padding: 0 7576 } 7577 7578 .b-loading .blu-loader-wrapper[data-v-65e7601e] { 7579 height: 24px; 7580 position: absolute 7581 } 7582 7583 .b-loading .blu-ripple[data-v-65e7601e] { 7584 color: rgba(0,0,0,0) 7585 } 7586 7587 .b-loading .blu-ripple>svg[data-v-65e7601e] { 7588 visibility: hidden 7589 } 7590 7591 .b-loading .blu-ripple .blu-ripple-wave[data-v-65e7601e] { 7592 color: #fff 7593 } 7594 7595 .b-loading.b-white .blu-ripple-wave[data-v-65e7601e] { 7596 color: #FF0000 7597 } 7598 7599 .b-loading.b-outline.b-secondary .blu-ripple-wave[data-v-65e7601e] { 7600 color: #FF0000 7601 } 7602 7603 .b-loading.b-outline.b-primary .blu-ripple-wave[data-v-65e7601e] { 7604 color: #f1ab02 7605 } 7606 7607 .b-loading.b-ghost.b-secondary .blu-ripple-wave[data-v-65e7601e] { 7608 color: #FF0000 7609 } 7610 7611 .b-loading.b-ghost.b-primary .blu-ripple-wave[data-v-65e7601e] { 7612 color: #f1ab02 7613 } 7614 7615 .blu-input-stepper .blu-btn .blu-ripple[data-v-65e7601e] { 7616 padding: 0; 7617 width: 24px; 7618 height: 24px; 7619 border-radius: 50% 7620 } 7621 7622 .blu-input-stepper .blu-btn .blu-ripple svg[data-v-65e7601e] { 7623 width: 18px; 7624 height: 18px; 7625 margin-left: 1px 7626 } 7627 7628 .blu-input-stepper .blu-btn .blu-ripple-enter-active[data-v-65e7601e] { 7629 background: #FF0000 7630 } 7631 7632 .b-disabled[data-v-65e7601e] { 7633 opacity: 1 7634 } 7635 7636 .blu-btn-dropdown .blu-ripple>svg+div[data-v-65e7601e] { 7637 margin-left: 8px 7638 } 7639 7640 .blu-modal__mask[data-v-65e7601e] { 7641 transition: opacity .3s ease; 7642 position: fixed; 7643 z-index: 999; 7644 top: 0; 7645 left: 0; 7646 width: 100%; 7647 height: 100%; 7648 background-color: rgba(0,0,0,.6); 7649 display: flex; 7650 flex-direction: column; 7651 justify-content: center; 7652 align-items: center 7653 } 7654 7655 .blu-modal__container[data-v-65e7601e] { 7656 transition: opacity .3s ease; 7657 width: 90%; 7658 max-width: 500px; 7659 max-height: calc(100% - 50px); 7660 height: auto; 7661 background: #fff; 7662 box-shadow: 0 1px 6px 0 rgba(0,0,0,.1); 7663 position: fixed; 7664 z-index: 1000; 7665 display: flex; 7666 flex-direction: column 7667 } 7668 7669 @media screen and (max-width: 768px) { 7670 .blu-modal__container[data-v-65e7601e] { 7671 max-height:calc(100% - 40px) 7672 } 7673 } 7674 7675 @media screen and (min-width: 769px),print { 7676 .blu-modal__container[data-v-65e7601e] { 7677 top:50%; 7678 left: 50%; 7679 -webkit-transform: translate(-50%, -50%); 7680 -moz-transform: translate(-50%, -50%); 7681 -ms-transform: translate(-50%, -50%); 7682 -o-transform: translate(-50%, -50%); 7683 transform: translate(-50%, -50%) 7684 } 7685 } 7686 7687 .blu-modal__heading[data-v-65e7601e] { 7688 font: 24px/28px "blibli demi bold",-apple-system,segoe ui,roboto,helvetica,arial,sans-serif; 7689 margin-bottom: 8px 7690 } 7691 7692 @media screen and (max-width: 768px) { 7693 .blu-modal__heading[data-v-65e7601e] { 7694 font:20px/24px "blibli demi bold",-apple-system,segoe ui,roboto,helvetica,arial,sans-serif; 7695 margin-bottom: 0px 7696 } 7697 } 7698 7699 .blu-modal__body[data-v-65e7601e] { 7700 max-height: var(--max-height-modal-body); 7701 overflow-x: auto; 7702 color: rgba(25,34,42,.7019607843); 7703 margin-right: 0px; 7704 overscroll-behavior: contain 7705 } 7706 7707 @media screen and (min-width: 769px),print { 7708 .blu-modal__body[data-v-65e7601e] { 7709 font:16px/20px "blibli",-apple-system,segoe ui,roboto,helvetica,arial,sans-serif 7710 } 7711 } 7712 7713 @media screen and (max-width: 768px) { 7714 .blu-modal__body[data-v-65e7601e] { 7715 font:14px/18px "blibli",-apple-system,segoe ui,roboto,helvetica,arial,sans-serif 7716 } 7717 } 7718 7719 .blu-modal__footer[data-v-65e7601e] { 7720 text-align: right 7721 } 7722 7723 @media screen and (max-width: 768px) { 7724 .blu-modal__footer[data-v-65e7601e] { 7725 margin-top:auto 7726 } 7727 } 7728 7729 .blu-modal.b-dialog .blu-modal__body[data-v-65e7601e] { 7730 margin-bottom: 40px 7731 } 7732 7733 @media screen and (max-width: 768px) { 7734 .blu-modal.b-dialog .blu-modal__body[data-v-65e7601e] { 7735 margin-bottom:32px 7736 } 7737 } 7738 7739 .blu-modal.b-dialog .blu-modal__container[data-v-65e7601e] { 7740 border-radius: 16px 7741 } 7742 7743 @media screen and (min-width: 769px),print { 7744 .blu-modal.b-dialog .blu-modal__container[data-v-65e7601e] { 7745 padding:24px 24px 16px 7746 } 7747 } 7748 7749 @media screen and (max-width: 768px) { 7750 .blu-modal.b-dialog .blu-modal__container[data-v-65e7601e] { 7751 padding:24px 24px 16px; 7752 top: 50%; 7753 left: 50%; 7754 -webkit-transform: translate(-50%, -50%); 7755 -moz-transform: translate(-50%, -50%); 7756 -ms-transform: translate(-50%, -50%); 7757 -o-transform: translate(-50%, -50%); 7758 transform: translate(-50%, -50%) 7759 } 7760 } 7761 7762 .blu-modal.b-dialog .blu-modal__container[data-v-65e7601e]:before,.blu-modal.b-dialog .blu-modal__container[data-v-65e7601e]:after { 7763 content: ""; 7764 width: calc(100% - 60px); 7765 margin: 0 30px; 7766 border-radius: 0 0 24px 24px; 7767 position: absolute; 7768 left: 0 7769 } 7770 7771 .blu-modal.b-dialog .blu-modal__container[data-v-65e7601e]:before { 7772 height: 9px; 7773 bottom: -9px; 7774 z-index: 2; 7775 background: linear-gradient(0deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.12) 100%) 7776 } 7777 7778 .blu-modal.b-dialog .blu-modal__container[data-v-65e7601e]:after { 7779 height: 16px; 7780 border-top: #fff 1px solid; 7781 bottom: -15px 7782 } 7783 7784 .blu-modal.b-dialog .blu-modal__close[data-v-65e7601e] { 7785 display: none 7786 } 7787 7788 .blu-modal.b-dialog.b-info .blu-modal__container[data-v-65e7601e]:after { 7789 background-color: #1d8fff 7790 } 7791 7792 .blu-modal.b-dialog.b-success .blu-modal__container[data-v-65e7601e]:after { 7793 background-color: #22a334 7794 } 7795 7796 .blu-modal.b-dialog.b-warning .blu-modal__container[data-v-65e7601e]:after { 7797 background-color: #ffcd00 7798 } 7799 7800 .blu-modal.b-dialog.b-danger .blu-modal__container[data-v-65e7601e]:after { 7801 background-color: #ff4646 7802 } 7803 7804 .blu-modal.b-page .blu-modal__body[data-v-65e7601e] { 7805 color: rgba(25,34,42,.7019607843) 7806 } 7807 7808 @media screen and (min-width: 769px),print { 7809 .blu-modal.b-page .blu-modal__body[data-v-65e7601e] { 7810 padding:0 24px 7811 } 7812 } 7813 7814 @media screen and (max-width: 768px) { 7815 .blu-modal.b-page .blu-modal__body[data-v-65e7601e] { 7816 padding:0 16px; 7817 padding-bottom: calc(env(safe-area-inset-bottom) + 4px); 7818 overflow-y: auto 7819 } 7820 } 7821 7822 .blu-modal.b-page .blu-modal__body[data-v-65e7601e]::before { 7823 content: ""; 7824 background: #fff; 7825 height: 20px; 7826 width: 100%; 7827 left: 0; 7828 bottom: 0; 7829 position: fixed 7830 } 7831 7832 @media screen and (min-width: 769px),print { 7833 .blu-modal.b-page .blu-modal__body[data-v-65e7601e]::before { 7834 display:none 7835 } 7836 } 7837 7838 @media screen and (min-width: 769px),print { 7839 .blu-modal.b-page .blu-modal__container[data-v-65e7601e] { 7840 border-radius:16px; 7841 padding-top: 32px 7842 } 7843 } 7844 7845 @media screen and (max-width: 768px) { 7846 .blu-modal.b-page .blu-modal__container[data-v-65e7601e] { 7847 padding-top:24px; 7848 width: 100%; 7849 max-width: 100%; 7850 height: auto; 7851 border-radius: 16px 16px 0 0; 7852 left: 0; 7853 bottom: 0; 7854 padding-top: 24px; 7855 padding-bottom: calc(env(safe-area-inset-bottom) + 16px) 7856 } 7857 } 7858 7859 @media screen and (min-width: 769px),print { 7860 .blu-modal.b-page .blu-modal__footer[data-v-65e7601e] { 7861 padding:24px 24px 7862 } 7863 } 7864 7865 @media screen and (max-width: 768px) { 7866 .blu-modal.b-page .blu-modal__footer[data-v-65e7601e] { 7867 width:100%; 7868 padding: 16px; 7869 transition: all .3s cubic-bezier(0, 0, 0.2, 1.2); 7870 bottom: 0; 7871 padding-bottom: env(safe-area-inset-bottom); 7872 background: #fff 7873 } 7874 } 7875 7876 .blu-modal.b-page .blu-modal__footer[data-v-65e7601e]::before { 7877 content: ""; 7878 background: #fff; 7879 height: 20px; 7880 width: 100%; 7881 left: 0; 7882 bottom: 0; 7883 position: fixed 7884 } 7885 7886 @media screen and (min-width: 769px),print { 7887 .blu-modal.b-page .blu-modal__footer[data-v-65e7601e]::before { 7888 display:none 7889 } 7890 } 7891 7892 @media screen and (min-width: 769px),print { 7893 .blu-modal.b-page .blu-modal__header[data-v-65e7601e] { 7894 padding:0 24px 7895 } 7896 } 7897 7898 @media screen and (max-width: 768px) { 7899 .blu-modal.b-page .blu-modal__header[data-v-65e7601e] { 7900 padding:0 16px 7901 } 7902 } 7903 7904 .blu-modal.b-page .blu-modal__icon[data-v-65e7601e] { 7905 display: none 7906 } 7907 7908 @media screen and (max-width: 768px) { 7909 .blu-modal.b-page.fade-enter-active[data-v-65e7601e],.blu-modal.b-page.fade-leave-active[data-v-65e7601e] { 7910 transition:opacity .3s 7911 } 7912 7913 .blu-modal.b-page.fade-enter-active .blu-modal__container[data-v-65e7601e],.blu-modal.b-page.fade-leave-active .blu-modal__container[data-v-65e7601e] { 7914 transition: bottom .3s; 7915 transition: all .3s cubic-bezier(0, 0, 0.2, 1.2); 7916 bottom: 0 7917 } 7918 7919 .blu-modal.b-page.fade-enter-active[data-v-65e7601e] { 7920 transition: opacity .3s cubic-bezier(0, 0, 0.2, 1.2) 7921 } 7922 7923 .blu-modal.b-page.fade-leave-active[data-v-65e7601e] { 7924 transition: opacity .3s cubic-bezier(0.8, 0, 1, 1) 7925 } 7926 7927 .blu-modal.b-page.fade-enter .blu-modal__container[data-v-65e7601e],.blu-modal.b-page.fade-leave-to .blu-modal__container[data-v-65e7601e] { 7928 bottom: -96vh 7929 } 7930 } 7931 7932 .blu-modal.b-no-button .blu-modal__container[data-v-65e7601e] { 7933 padding-bottom: 20px 7934 } 7935 7936 @media screen and (max-width: 768px) { 7937 .blu-modal.b-no-button .blu-modal__body[data-v-65e7601e] { 7938 padding-bottom:env(safe-area-inset-bottom) 7939 } 7940 } 7941 7942 .blu-modal.b-no-button .blu-modal__footer[data-v-65e7601e] { 7943 display: none 7944 } 7945 7946 .fade-enter-active[data-v-65e7601e],.fade-leave-active[data-v-65e7601e] { 7947 position: absolute; 7948 z-index: 998; 7949 transition: opacity .3s 7950 } 7951 7952 .fade-enter[data-v-65e7601e],.fade-leave-to[data-v-65e7601e] { 7953 opacity: 0 7954 } 7955 7956 img[data-v-65e7601e] { 7957 max-width: 100% 7958 } 7959 7960 .blu-modal.b-dialog .blu-modal__icon[data-v-65e7601e] { 7961 width: 40px; 7962 height: 40px; 7963 margin-bottom: 40px 7964 } 7965 7966 @media screen and (max-width: 768px) { 7967 .blu-modal.b-dialog .blu-modal__icon[data-v-65e7601e] { 7968 width:24px; 7969 height: 24px; 7970 margin-bottom: 32px 7971 } 7972 } 7973 7974 .blu-modal.b-dialog.b-info .blu-modal__icon[data-v-65e7601e] { 7975 background-color: #1d8fff; 7976 -webkit-mask-image: url(data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PSIwIDAgMjQgMjQiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+DQo8cGF0aCBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGNsaXAtcnVsZT0iZXZlbm9kZCIgZD0iTTIgMTJDMiA2LjQ4IDYuNDggMiAxMiAyQzE3LjUyIDIgMjIgNi40OCAyMiAxMkMyMiAxNy41MiAxNy41MiAyMiAxMiAyMkM2LjQ4IDIyIDIgMTcuNTIgMiAxMlpNMTEuOTcgOC43Mzc2NEMxMi43MjY2IDguNzM3NjQgMTMuMzQgOC4xMjQ4IDEzLjM0IDcuMzY4ODJDMTMuMzQgNi42MTI4NCAxMi43MjY2IDYgMTEuOTcgNkMxMS4yMTM0IDYgMTAuNiA2LjYxMjg0IDEwLjYgNy4zNjg4MkMxMC42IDguMTI0OCAxMS4yMTM0IDguNzM3NjQgMTEuOTcgOC43Mzc2NFpNMTEuNDk5OSAxMC4xMDY0SDEyLjQ0OTlDMTIuODQ5OSAxMC4xMDY0IDEzLjE3OTkgMTAuNDM2MiAxMy4xNzk5IDEwLjgzNThWMTcuMjcwM0MxMy4xNzk5IDE3LjY2OTkgMTIuODQ5OSAxNy45OTk2IDEyLjQ0OTkgMTcuOTk5NkgxMS40OTk5QzExLjA5OTkgMTcuOTk5NiAxMC43Njk5IDE3LjY2OTkgMTAuNzY5OSAxNy4yNzAzVjEwLjgzNThDMTAuNzY5OSAxMC40MzYyIDExLjA5OTkgMTAuMTA2NCAxMS40OTk5IDEwLjEwNjRaIiBmaWxsPSIjNzk3Rjg1Ii8+DQo8L3N2Zz4NCg==); 7977 mask-image: url(data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PSIwIDAgMjQgMjQiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+DQo8cGF0aCBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGNsaXAtcnVsZT0iZXZlbm9kZCIgZD0iTTIgMTJDMiA2LjQ4IDYuNDggMiAxMiAyQzE3LjUyIDIgMjIgNi40OCAyMiAxMkMyMiAxNy41MiAxNy41MiAyMiAxMiAyMkM2LjQ4IDIyIDIgMTcuNTIgMiAxMlpNMTEuOTcgOC43Mzc2NEMxMi43MjY2IDguNzM3NjQgMTMuMzQgOC4xMjQ4IDEzLjM0IDcuMzY4ODJDMTMuMzQgNi42MTI4NCAxMi43MjY2IDYgMTEuOTcgNkMxMS4yMTM0IDYgMTAuNiA2LjYxMjg0IDEwLjYgNy4zNjg4MkMxMC42IDguMTI0OCAxMS4yMTM0IDguNzM3NjQgMTEuOTcgOC43Mzc2NFpNMTEuNDk5OSAxMC4xMDY0SDEyLjQ0OTlDMTIuODQ5OSAxMC4xMDY0IDEzLjE3OTkgMTAuNDM2MiAxMy4xNzk5IDEwLjgzNThWMTcuMjcwM0MxMy4xNzk5IDE3LjY2OTkgMTIuODQ5OSAxNy45OTk2IDEyLjQ0OTkgMTcuOTk5NkgxMS40OTk5QzExLjA5OTkgMTcuOTk5NiAxMC43Njk5IDE3LjY2OTkgMTAuNzY5OSAxNy4yNzAzVjEwLjgzNThDMTAuNzY5OSAxMC40MzYyIDExLjA5OTkgMTAuMTA2NCAxMS40OTk5IDEwLjEwNjRaIiBmaWxsPSIjNzk3Rjg1Ii8+DQo8L3N2Zz4NCg==) 7978 } 7979 7980 .blu-modal.b-dialog.b-success .blu-modal__icon[data-v-65e7601e] { 7981 background-color: #22a334; 7982 -webkit-m
7982ask-image: url(data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PSIwIDAgMjQgMjQiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+DQo8cGF0aCBkPSJNMTIgMkM2LjQ4IDIgMiA2LjQ4IDIgMTJDMiAxNy41MiA2LjQ4IDIyIDEyIDIyQzE3LjUyIDIyIDIyIDE3LjUyIDIyIDEyQzIyIDYuNDggMTcuNTIgMiAxMiAyWk0xNy4wNSA5LjExTDEyLjA2IDE2LjEyQzExLjg4IDE2LjM3IDExLjYgMTYuNTIgMTEuMjkgMTYuNTRIMTEuMjRDMTAuOTUgMTYuNTQgMTAuNjcgMTYuNDIgMTAuNDggMTYuMTlMNi45OSAxMi4xM0M2LjgyIDExLjkzIDYuNzMgMTEuNjcgNi43NSAxMS40MUM2Ljc3IDExLjE0IDYuODkgMTAuOSA3LjA5IDEwLjczQzcuNTEgMTAuMzcgOC4xNCAxMC40MiA4LjUgMTAuODRMMTEuMTYgMTMuOTNMMTUuNDEgNy45NkMxNS43MyA3LjUxIDE2LjM1IDcuNDEgMTYuOCA3LjczQzE3LjAyIDcuODggMTcuMTYgOC4xMSAxNy4yMSA4LjM4QzE3LjI1IDguNjQgMTcuMTkgOC45MSAxNy4wNCA5LjEyTDE3LjA1IDkuMTFaIiBmaWxsPSIjNzk3Rjg1Ii8+DQo8L3N2Zz4=); 7983 mask-image: url(data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PSIwIDAgMjQgMjQiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+DQo8cGF0aCBkPSJNMTIgMkM2LjQ4IDIgMiA2LjQ4IDIgMTJDMiAxNy41MiA2LjQ4IDIyIDEyIDIyQzE3LjUyIDIyIDIyIDE3LjUyIDIyIDEyQzIyIDYuNDggMTcuNTIgMiAxMiAyWk0xNy4wNSA5LjExTDEyLjA2IDE2LjEyQzExLjg4IDE2LjM3IDExLjYgMTYuNTIgMTEuMjkgMTYuNTRIMTEuMjRDMTAuOTUgMTYuNTQgMTAuNjcgMTYuNDIgMTAuNDggMTYuMTlMNi45OSAxMi4xM0M2LjgyIDExLjkzIDYuNzMgMTEuNjcgNi43NSAxMS40MUM2Ljc3IDExLjE0IDYuODkgMTAuOSA3LjA5IDEwLjczQzcuNTEgMTAuMzcgOC4xNCAxMC40MiA4LjUgMTAuODRMMTEuMTYgMTMuOTNMMTUuNDEgNy45NkMxNS43MyA3LjUxIDE2LjM1IDcuNDEgMTYuOCA3LjczQzE3LjAyIDcuODggMTcuMTYgOC4xMSAxNy4yMSA4LjM4QzE3LjI1IDguNjQgMTcuMTkgOC45MSAxNy4wNCA5LjEyTDE3LjA1IDkuMTFaIiBmaWxsPSIjNzk3Rjg1Ii8+DQo8L3N2Zz4=) 7984 } 7985 7986 .blu-modal.b-dialog.b-warning .blu-modal__icon[data-v-65e7601e] { 7987 background-color: #ffcd00; 7988 -webkit-mask-image: url(data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PSIwIDAgMjQgMjQiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+DQo8cGF0aCBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGNsaXAtcnVsZT0iZXZlbm9kZCIgZD0iTTMuODc0MzYgMjFIMjAuMTE0NEgyMC4xMjQ0QzIxLjU1MzUgMjEgMjIuNDUyOSAxOS41MDM1IDIxLjc2MzQgMTguMjg2NEwxMy42NDg0IDMuOTUwMjZDMTIuOTM4OCAyLjY4MzI1IDExLjA2OTkgMi42ODMyNSAxMC4zNjA0IDMuOTUwMjZMMi4yMzUzNyAxOC4yOTY0QzEuNTQ1OCAxOS41MTM1IDIuNDU1MjQgMjEgMy44NzQzNiAyMVpNMTAuOTkgMTMuOTM3NEwxMC43MDAyIDkuMDk4ODdWNy43NTIwNUMxMC43MDAyIDcuMzMzMDQgMTEuMDQgNi45OTM4NCAxMS40NTk3IDYuOTkzODRIMTIuNjA5QzEzLjAyODggNi45OTM4NCAxMy4zNjg2IDcuMzMzMDQgMTMuMzY4NiA3Ljc1MjA1VjkuMTA4ODRMMTMuMDg4NyAxMy45Mjc1QzEzLjA2ODcgMTQuMzI2NSAxMi43Mzg5IDE0LjYzNTggMTIuMzI5MiAxNC42MzU4SDExLjc0OTVDMTEuMzQ5OCAxNC42MzU4IDExLjAyIDE0LjMyNjUgMTAuOTkgMTMuOTI3NVYxMy45Mzc0Wk0xMS45OTk0IDE4Ljk2NTJDMTIuNzg4NyAxOC45NjUyIDEzLjQyODYgMTguMzI2NSAxMy40Mjg2IDE3LjUzODZDMTMuNDI4NiAxNi43NTA3IDEyLjc4ODcgMTYuMTEyIDExLjk5OTQgMTYuMTEyQzExLjIxMDIgMTYuMTEyIDEwLjU3MDMgMTYuNzUwNyAxMC41NzAzIDE3LjUzODZDMTAuNTcwMyAxOC4zMjY1IDExLjIxMDIgMTguOTY1MiAxMS45OTk0IDE4Ljk2NTJaIiBmaWxsPSIjNzk3Rjg1Ii8+DQo8L3N2Zz4NCg==); 7989 mask-image: url(data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PSIwIDAgMjQgMjQiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+DQo8cGF0aCBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGNsaXAtcnVsZT0iZXZlbm9kZCIgZD0iTTMuODc0MzYgMjFIMjAuMTE0NEgyMC4xMjQ0QzIxLjU1MzUgMjEgMjIuNDUyOSAxOS41MDM1IDIxLjc2MzQgMTguMjg2NEwxMy42NDg0IDMuOTUwMjZDMTIuOTM4OCAyLjY4MzI1IDExLjA2OTkgMi42ODMyNSAxMC4zNjA0IDMuOTUwMjZMMi4yMzUzNyAxOC4yOTY0QzEuNTQ1OCAxOS41MTM1IDIuNDU1MjQgMjEgMy44NzQzNiAyMVpNMTAuOTkgMTMuOTM3NEwxMC43MDAyIDkuMDk4ODdWNy43NTIwNUMxMC43MDAyIDcuMzMzMDQgMTEuMDQgNi45OTM4NCAxMS40NTk3IDYuOTkzODRIMTIuNjA5QzEzLjAyODggNi45OTM4NCAxMy4zNjg2IDcuMzMzMDQgMTMuMzY4NiA3Ljc1MjA1VjkuMTA4ODRMMTMuMDg4NyAxMy45Mjc1QzEzLjA2ODcgMTQuMzI2NSAxMi43Mzg5IDE0LjYzNTggMTIuMzI5MiAxNC42MzU4SDExLjc0OTVDMTEuMzQ5OCAxNC42MzU4IDExLjAyIDE0LjMyNjUgMTAuOTkgMTMuOTI3NVYxMy45Mzc0Wk0xMS45OTk0IDE4Ljk2NTJDMTIuNzg4NyAxOC45NjUyIDEzLjQyODYgMTguMzI2NSAxMy40Mjg2IDE3LjUzODZDMTMuNDI4NiAxNi43NTA3IDEyLjc4ODcgMTYuMTEyIDExLjk5OTQgMTYuMTEyQzExLjIxMDIgMTYuMTEyIDEwLjU3MDMgMTYuNzUwNyAxMC41NzAzIDE3LjUzODZDMTAuNTcwMyAxOC4zMjY1IDExLjIxMDIgMTguOTY1MiAxMS45OTk0IDE4Ljk2NTJaIiBmaWxsPSIjNzk3Rjg1Ii8+DQo8L3N2Zz4NCg==) 7990 } 7991 7992 .blu-modal.b-dialog.b-danger .blu-modal__icon[data-v-65e7601e] { 7993 background-color: #ff4646; 7994 -webkit-mask-image: url(data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PSIwIDAgMjQgMjQiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+DQo8cGF0aCBkPSJNMTIgMkM2LjQ4IDIgMiA2LjQ4IDIgMTJDMiAxNy41MiA2LjQ4IDIyIDEyIDIyQzE3LjUyIDIyIDIyIDE3LjUyIDIyIDEyQzIyIDYuNDggMTcuNTIgMiAxMiAyWk0xNi4yNCAxNC44M0MxNi42MyAxNS4yMiAxNi42MyAxNS44NSAxNi4yNCAxNi4yNEMxNS44NSAxNi42MyAxNS4yMiAxNi42MyAxNC44MyAxNi4yNEwxMiAxMy40MUw5LjE3IDE2LjI0QzguNzggMTYuNjMgOC4xNSAxNi42MyA3Ljc2IDE2LjI0QzcuMzcgMTUuODUgNy4zNyAxNS4yMiA3Ljc2IDE0LjgzTDEwLjU5IDEyTDcuNzYgOS4xN0M3LjM3IDguNzggNy4zNyA4LjE1IDcuNzYgNy43NkM4LjE1IDcuMzcgOC43OCA3LjM3IDkuMTcgNy43NkwxMiAxMC41OUwxNC44MyA3Ljc2QzE1LjIyIDcuMzcgMTUuODUgNy4zNyAxNi4yNCA3Ljc2QzE2LjYzIDguMTUgMTYuNjMgOC43OCAxNi4yNCA5LjE3TDEzLjQxIDEyTDE2LjI0IDE0LjgzWiIgZmlsbD0iIzc5N0Y4NSIvPg0KPC9zdmc+); 7995 mask-image: url(data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PSIwIDAgMjQgMjQiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+DQo8cGF0aCBkPSJNMTIgMkM2LjQ4IDIgMiA2LjQ4IDIgMTJDMiAxNy41MiA2LjQ4IDIyIDEyIDIyQzE3LjUyIDIyIDIyIDE3LjUyIDIyIDEyQzIyIDYuNDggMTcuNTIgMiAxMiAyWk0xNi4yNCAxNC44M0MxNi42MyAxNS4yMiAxNi42MyAxNS44NSAxNi4yNCAxNi4yNEMxNS44NSAxNi42MyAxNS4yMiAxNi42MyAxNC44MyAxNi4yNEwxMiAxMy40MUw5LjE3IDE2LjI0QzguNzggMTYuNjMgOC4xNSAxNi42MyA3Ljc2IDE2LjI0QzcuMzcgMTUuODUgNy4zNyAxNS4yMiA3Ljc2IDE0LjgzTDEwLjU5IDEyTDcuNzYgOS4xN0M3LjM3IDguNzggNy4zNyA4LjE1IDcuNzYgNy43NkM4LjE1IDcuMzcgOC43OCA3LjM3IDkuMTcgNy43NkwxMiAxMC41OUwxNC44MyA3Ljc2QzE1LjIyIDcuMzcgMTUuODUgNy4zNyAxNi4yNCA3Ljc2QzE2LjYzIDguMTUgMTYuNjMgOC43OCAxNi4yNCA5LjE3TDEzLjQxIDEyTDE2LjI0IDE0LjgzWiIgZmlsbD0iIzc5N0Y4NSIvPg0KPC9zdmc+) 7996 } 7997 7998 @media screen and (max-width: 768px) { 7999 .blu-modal.b-full-screen .blu-modal__container[data-v-65e7601e] { 8000 min-height:100%; 8001 border-radius: unset; 8002 padding-top: 0 8003 } 8004 8005 .blu-modal.b-full-screen .blu-modal__close[data-v-65e7601e] { 8006 display: none 8007 } 8008 } 8009 </style> 8010 <style type="text/css"> 8011 .blu-ripple[data-v-6ada375c] { 8012 width: 100%; 8013 height: 100%; 8014 position: relative; 8015 overflow: hidden; 8016 display: flex; 8017 justify-content: center; 8018 align-items: center; 8019 -webkit-box-pack: center; 8020 -webkit-box-align: center; 8021 -webkit-mask-image: radial-gradient(circle, #ffffff 100%, #000000 100%); 8022 padding: 0 12px 8023 } 8024 8025 .blu-ripple-wave[data-v-6ada375c] { 8026 position: absolute; 8027 z-index: 1; 8028 pointer-events: none; 8029 background: currentColor; 8030 border-radius: 50%; 8031 opacity: 0; 8032 transform: scale(2) translateZ(0) 8033 } 8034 8035 .blu-ripple-wave.b-centered[data-v-6ada375c] { 8036 animation-duration: 1.2s; 8037 top: 50%; 8038 left: 50% 8039 } 8040
8041 .blu-ripple-wave~*[data-v-6ada375c]:not(.blu-ripple-wave) { 8042 position: relative; 8043 z-index: 2 8044 } 8045 8046 .blu-ripple-enter-active[data-v-6ada375c] { 8047 transition: 2s cubic-bezier(0.25, 0.8, 0.25, 1); 8048 transition-property: opacity,transform; 8049 will-change: opacity,transform 8050 } 8051 8052 .blu-ripple-enter-active.b-centered[data-v-6ada375c] { 8053 transition-duration: 1.2s 8054 } 8055 8056 .blu-ripple-enter[data-v-6ada375c] { 8057 opacity: .26; 8058 transform: scale(0.26) translateZ(0) 8059 } 8060 8061 .has-left-icon .blu-ripple svg[data-v-6ada375c] { 8062 margin-right: 8px 8063 } 8064 8065 .has-left-icon.b-small svg[data-v-6ada375c] { 8066 transform-origin: left; 8067 margin-right: 4px 8068 } 8069 8070 .b-large .blu-ripple[data-v-6ada375c] { 8071 padding: 0 16px 8072 } 8073 8074 .b-small .blu-ripple[data-v-6ada375c] { 8075 padding: 0 8px 8076 } 8077 8078 .b-small svg[data-v-6ada375c] { 8079 width: 18px; 8080 height: 18px 8081 } 8082 8083 .b-icon .blu-ripple[data-v-6ada375c] { 8084 padding: 0 8085 } 8086 8087 .b-loading .blu-loader-wrapper[data-v-6ada375c] { 8088 height: 24px; 8089 position: absolute 8090 } 8091 8092 .b-loading .blu-ripple[data-v-6ada375c] { 8093 color: rgba(0,0,0,0) 8094 } 8095 8096 .b-loading .blu-ripple>svg[data-v-6ada375c] { 8097 visibility: hidden 8098 } 8099 8100 .b-loading .blu-ripple .blu-ripple-wave[data-v-6ada375c] { 8101 color: #fff 8102 } 8103 8104 .b-loading.b-white .blu-ripple-wave[data-v-6ada375c] { 8105 color: #FF0000 8106 } 8107 8108 .b-loading.b-outline.b-secondary .blu-ripple-wave[data-v-6ada375c] { 8109 color: #FF0000 8110 } 8111 8112 .b-loading.b-outline.b-primary .blu-ripple-wave[data-v-6ada375c] { 8113 color: #f1ab02 8114 } 8115 8116 .b-loading.b-ghost.b-secondary .blu-ripple-wave[data-v-6ada375c] { 8117 color: #FF0000 8118 } 8119 8120 .b-loading.b-ghost.b-primary .blu-ripple-wave[data-v-6ada375c] { 8121 color: #f1ab02 8122 } 8123 8124 .blu-input-stepper .blu-btn .blu-ripple[data-v-6ada375c] { 8125 padding: 0; 8126 width: 24px; 8127 height: 24px; 8128 border-radius: 50% 8129 } 8130 8131 .blu-input-stepper .blu-btn .blu-ripple svg[data-v-6ada375c] { 8132 width: 18px; 8133 height: 18px; 8134 margin-left: 1px 8135 } 8136 8137 .blu-input-stepper .blu-btn .blu-ripple-enter-active[data-v-6ada375c] { 8138 background: #FF0000 8139 } 8140 8141 .b-disabled[data-v-6ada375c] { 8142 opacity: 1 8143 } 8144 8145 .blu-btn-dropdown .blu-ripple>svg+div[data-v-6ada375c] { 8146 margin-left: 8px 8147 } 8148 8149 .blu-modal__mask[data-v-6ada375c] { 8150 transition: opacity .3s ease; 8151 position: fixed; 8152 z-index: 999; 8153 top: 0; 8154 left: 0; 8155 width: 100%; 8156 height: 100%; 8157 background-color: rgba(0,0,0,.6); 8158 display: flex; 8159 flex-direction: column; 8160 justify-content: center; 8161 align-items: center 8162 } 8163 8164 .blu-modal__container[data-v-6ada375c] { 8165 transition: opacity .3s ease; 8166 width: 90%; 8167 max-width: 500px; 8168 max-height: calc(100% - 50px); 8169 height: auto; 8170 background: #fff; 8171 box-shadow: 0 1px 6px 0 rgba(0,0,0,.1); 8172 position: fixed; 8173 z-index: 1000; 8174 display: flex; 8175 flex-direction: column 8176 } 8177 8178 @media screen and (max-width: 768px) { 8179 .blu-modal__container[data-v-6ada375c] { 8180 max-height:calc(100% - 40px) 8181 } 8182 } 8183 8184 @media screen and (min-width: 769px),print { 8185 .blu-modal__container[data-v-6ada375c] { 8186 top:50%; 8187 left: 50%; 8188 -webkit-transform: translate(-50%, -50%); 8189 -moz-transform: translate(-50%, -50%); 8190 -ms-transform: translate(-50%, -50%); 8191 -o-transform: translate(-50%, -50%); 8192 transform: translate(-50%, -50%) 8193 } 8194 } 8195 8196 .blu-modal__heading[data-v-6ada375c] { 8197 font: 24px/28px "blibli demi bold",-apple-system,segoe ui,roboto,helvetica,arial,sans-serif; 8198 margin-bottom: 8px 8199 } 8200 8201 @media screen and (max-width: 768px) { 8202 .blu-modal__heading[data-v-6ada375c] { 8203 font:20px/24px "blibli demi bold",-apple-system,segoe ui,roboto,helvetica,arial,sans-serif; 8204 margin-bottom: 0px 8205 } 8206 } 8207 8208 .blu-modal__body[data-v-6ada375c] { 8209 max-height: var(--max-height-modal-body); 8210 overflow-x: auto; 8211 color: rgba(25,34,42,.7019607843); 8212 margin-right: 0px; 8213 overscroll-behavior: contain 8214 } 8215 8216 @media screen and (min-width: 769px),print { 8217 .blu-modal__body[data-v-6ada375c] { 8218 font:16px/20px "blibli",-apple-system,segoe ui,roboto,helvetica,arial,sans-serif 8219 } 8220 } 8221 8222 @media screen and (max-width: 768px) { 8223 .blu-modal__body[data-v-6ada375c] { 8224 font:14px/18px "blibli",-apple-system,segoe ui,roboto,helvetica,arial,sans-serif 8225 } 8226 } 8227 8228 .blu-modal__footer[data-v-6ada375c] { 8229 text-align: right 8230 } 8231 8232 @media screen and (max-width: 768px) { 8233 .blu-modal__footer[data-v-6ada375c] { 8234 margin-top:auto 8235 } 8236 } 8237 8238 .blu-modal.b-dialog .blu-modal__body[data-v-6ada375c] { 8239 margin-bottom: 40px 8240 } 8241 8242 @media screen and (max-width: 768px) { 8243 .blu-modal.b-dialog .blu-modal__body[data-v-6ada375c] { 8244 margin-bottom:32px 8245 } 8246 } 8247 8248 .blu-modal.b-dialog .blu-modal__container[data-v-6ada375c] { 8249 border-radius: 16px 8250 } 8251 8252 @media screen and (min-width: 769px),print { 8253 .blu-modal.b-dialog .blu-modal__container[data-v-6ada375c] { 8254 padding:24px 24px 16px 8255 } 8256 } 8257 8258 @media screen and (max-width: 768px) { 8259 .blu-modal.b-dialog .blu-modal__container[data-v-6ada375c] { 8260 padding:24px 24px 16px; 8261 top: 50%; 8262 left: 50%; 8263 -webkit-transform: translate(-50%, -50%); 8264 -moz-transform: translate(-50%, -50%); 8265 -ms-transform: translate(-50%, -50%); 8266 -o-transform: translate(-50%, -50%); 8267 transform: translate(-50%, -50%) 8268 } 8269 } 8270 8271 .blu-modal.b-dialog .blu-modal__container[data-v-6ada375c]:before,.blu-modal.b-dialog .blu-modal__container[data-v-6ada375c]:after { 8272 content: ""; 8273 width: calc(100% - 60px); 8274 margin: 0 30px; 8275 border-radius: 0 0 24px 24px; 8276 position: absolute; 8277 left: 0 8278 } 8279 8280 .blu-modal.b-dialog .blu-modal__container[data-v-6ada375c]:before { 8281 height: 9px; 8282 bottom: -9px; 8283 z-index: 2; 8284 background: linear-gradient(0deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.12) 100%) 8285 } 8286 8287 .blu-modal.b-dialog .blu-modal__container[data-v-6ada375c]:after { 8288 height: 16px; 8289 border-top: #fff 1px solid; 8290 bottom: -15px 8291 } 8292 8293 .blu-modal.b-dialog .blu-modal__close[data-v-6ada375c] { 8294 display: none 8295 } 8296 8297 .blu-modal.b-dialog.b-info .blu-modal__container[data-v-6ada375c]:after { 8298 background-color: #1d8fff 8299 } 8300 8301 .blu-modal.b-dialog.b-success .blu-modal__container[data-v-6ada375c]:after { 8302 background-color: #22a334 8303 } 8304 8305 .blu-modal.b-dialog.b-warning .blu-modal__container[data-v-6ada375c]:after { 8306 background-color: #ffcd00 8307 } 8308 8309 .blu-modal.b-dialog.b-danger .blu-modal__container[data-v-6ada375c]:after { 8310 background-color: #ff4646 8311 } 8312 8313 .blu-modal.b-page .blu-modal__body[data-v-6ada375c] { 8314 color: rgba(25,34,42,.7019607843) 8315 } 8316 8317 @media screen and (min-width: 769px),print { 8318 .blu-modal.b-page .blu-modal__body[data-v-6ada375c] { 8319 padding:0 24px 8320 } 8321 } 8322 8323 @media screen and (max-width: 768px) { 8324 .blu-modal.b-page .blu-modal__body[data-v-6ada375c] { 8325 padding:0 16px; 8326 padding-bottom: calc(env(safe-area-inset-bottom) + 4px); 8327 overflow-y: auto 8328 } 8329 } 8330 8331 .blu-modal.b-page .blu-modal__body[data-v-6ada375c]::before { 8332 content: ""; 8333 background: #fff; 8334 height: 20px; 8335 width: 100%; 8336 left: 0; 8337 bottom: 0; 8338 position: fixed 8339 } 8340 8341 @media screen and (min-width: 769px),print { 8342 .blu-modal.b-page .blu-modal__body[data-v-6ada375c]::before { 8343 display:none 8344 } 8345 } 8346 8347 @media screen and (min-width: 769px),print { 8348 .blu-modal.b-page .blu-modal__container[data-v-6ada375c] { 8349 border-radius:16px; 8350 padding-top: 32px 8351 } 8352 } 8353 8354 @media screen and (max-width: 768px) { 8355 .blu-modal.b-page .blu-modal__container[data-v-6ada375c] { 8356 padding-top:24px; 8357 width: 100%; 8358 max-width: 100%; 8359 height: auto; 8360 border-radius: 16px 16px 0 0; 8361 left: 0; 8362 bottom: 0; 8363 padding-top: 24px; 8364 padding-bottom: calc(env(safe-area-inset-bottom) + 16px) 8365 } 8366 } 8367 8368 @media screen and (min-width: 769px),print { 8369 .blu-modal.b-page .blu-modal__footer[data-v-6ada375c] { 8370 padding:24px 24px 8371 } 8372 } 8373 8374 @media screen and (max-width: 768px) { 8375 .blu-modal.b-page .blu-modal__footer[data-v-6ada375c] { 8376 width:100%; 8377 padding: 16px; 8378 transition: all .3s cubic-bezier(0, 0, 0.2, 1.2); 8379 bottom: 0; 8380 padding-bottom: env(safe-area-inset-bottom); 8381 background: #fff 8382 } 8383 } 8384 8385 .blu-modal.b-page .blu-modal__footer[data-v-6ada375c]::before { 8386 content: ""; 8387 background: #fff; 8388 height: 20px; 8389 width: 100%; 8390 left: 0; 8391 bottom: 0; 8392 position: fixed 8393 } 8394 8395 @media screen and (min-width: 769px),print { 8396 .blu-modal.b-page .blu-modal__footer[data-v-6ada375c]::before { 8397 display:none 8398 } 8399 } 8400 8401 @media screen and (min-width: 769px),print { 8402 .blu-modal.b-page .blu-modal__header[data-v-6ada375c] { 8403 padding:0 24px 8404 } 8405 } 8406 8407 @media screen and (max-width: 768px) { 8408 .blu-modal.b-page .blu-modal__header[data-v-6ada375c] { 8409 padding:0 16px 8410 } 8411 } 8412 8413 .blu-modal.b-page .blu-modal__icon[data-v-6ada375c] { 8414 display: none 8415 } 8416 8417 @media screen and (max-width: 768px) { 8418 .blu-modal.b-page.fade-enter-active[data-v-6ada375c],.blu-modal.b-page.fade-leave-active[data-v-6ada375c] { 8419 transition:opacity .3s 8420 } 8421 8422 .blu-modal.b-page.fade-enter-active .blu-modal__container[data-v-6ada375c],.blu-modal.b-page.fade-leave-active .blu-modal__container[data-v-6ada375c] { 8423 transition: bottom .3s; 8424 transition: all .3s cubic-bezier(0, 0, 0.2, 1.2); 8425 bottom: 0 8426 } 8427 8428 .blu-modal.b-page.fade-enter-active[data-v-6ada375c] { 8429 transition: opacity .3s cubic-bezier(0, 0, 0.2, 1.2) 8430 } 8431 8432 .blu-modal.b-page.fade-leave-active[data-v-6ada375c] { 8433 transition: opacity .3s cubic-bezier(0.8, 0, 1, 1) 8434 } 8435 8436 .blu-modal.b-page.fade-enter .blu-modal__container[data-v-6ada375c],.blu-modal.b-page.fade-leave-to .blu-modal__container[data-v-6ada375c] { 8437 bottom: -96vh 8438 } 8439 } 8440 8441 .blu-modal.b-no-button .blu-modal__container[data-v-6ada375c] { 8442 padding-bottom: 20px 8443 } 8444 8445 @media screen and (max-width: 768px) { 8446 .blu-modal.b-no-button .blu-modal__body[data-v-6ada375c] { 8447 padding-bottom:env(safe-area-inset-bottom) 8448 } 8449 } 8450 8451 .blu-modal.b-no-button .blu-modal__footer[data-v-6ada375c] { 8452 display: none 8453 } 8454 8455 .fade-enter-active[data-v-6ada375c],.fade-leave-active[data-v-6ada375c] { 8456 position: absolute; 8457 z-index: 998; 8458 transition: opacity .3s 8459 } 8460 8461 .fade-enter[data-v-6ada375c],.fade-leave-to[data-v-6ada375c] { 8462 opacity: 0 8463 } 8464 8465 img[data-v-6ada375c] { 8466 max-width: 100% 8467 } 8468 8469 .blu-modal.b-dialog .blu-modal__icon[data-v-6ada375c] { 8470 width: 40px; 8471 height: 40px; 8472 margin-bottom: 40px 8473 } 8474 8475 @media screen and (max-width: 768px) { 8476 .blu-modal.b-dialog .blu-modal__icon[data-v-6ada375c] { 8477 width:24px; 8478 height: 24px; 8479 margin-bottom: 32px 8480 } 8481 } 8482 8483 .blu-modal.b-dialog.b-info .blu-modal__icon[data-v-6ada375c] { 8484 background-color: #1d8fff; 8485 -webkit-mask-image: url(data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PSIwIDAgMjQgMjQiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+DQo8cGF0aCBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGNsaXAtcnVsZT0iZXZlbm9kZCIgZD0iTTIgMTJDMiA2LjQ4IDYuNDggMiAxMiAyQzE3LjUyIDIgMjIgNi40OCAyMiAxMkMyMiAxNy41MiAxNy41MiAyMiAxMiAyMkM2LjQ4IDIyIDIgMTcuNTIgMiAxMlpNMTEuOTcgOC43Mzc2NEMxMi43MjY2IDguNzM3NjQgMTMuMzQgOC4xMjQ4IDEzLjM0IDcuMzY4ODJDMTMuMzQgNi42MTI4NCAxMi43MjY2IDYgMTEuOTcgNkMxMS4yMTM0IDYgMTAuNiA2LjYxMjg0IDEwLjYgNy4zNjg4MkMxMC42IDguMTI0OCAxMS4yMTM0IDguNzM3NjQgMTEuOTcgOC43Mzc2NFpNMTEuNDk5OSAxMC4xMDY0SDEyLjQ0OTlDMTIuODQ5OSAxMC4xMDY0IDEzLjE3OTkgMTAuNDM2MiAxMy4xNzk5IDEwLjgzNThWMTcuMjcwM0MxMy4xNzk5IDE3LjY2OTkgMTIuODQ5OSAxNy45OTk2IDEyLjQ0OTkgMTcuOTk5NkgxMS40OTk5QzExLjA5OTkgMTcuOTk5NiAxMC43Njk5IDE3LjY2OTkgMTAuNzY5OSA
8485xNy4yNzAzVjEwLjgzNThDMTAuNzY5OSAxMC40MzYyIDExLjA5OTkgMTAuMTA2NCAxMS40OTk5IDEwLjEwNjRaIiBmaWxsPSIjNzk3Rjg1Ii8+DQo8L3N2Zz4NCg==); 8486 mask-image: url(data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PSIwIDAgMjQgMjQiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+DQo8cGF0aCBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGNsaXAtcnVsZT0iZXZlbm9kZCIgZD0iTTIgMTJDMiA2LjQ4IDYuNDggMiAxMiAyQzE3LjUyIDIgMjIgNi40OCAyMiAxMkMyMiAxNy41MiAxNy41MiAyMiAxMiAyMkM2LjQ4IDIyIDIgMTcuNTIgMiAxMlpNMTEuOTcgOC43Mzc2NEMxMi43MjY2IDguNzM3NjQgMTMuMzQgOC4xMjQ4IDEzLjM0IDcuMzY4ODJDMTMuMzQgNi42MTI4NCAxMi43MjY2IDYgMTEuOTcgNkMxMS4yMTM0IDYgMTAuNiA2LjYxMjg0IDEwLjYgNy4zNjg4MkMxMC42IDguMTI0OCAxMS4yMTM0IDguNzM3NjQgMTEuOTcgOC43Mzc2NFpNMTEuNDk5OSAxMC4xMDY0SDEyLjQ0OTlDMTIuODQ5OSAxMC4xMDY0IDEzLjE3OTkgMTAuNDM2MiAxMy4xNzk5IDEwLjgzNThWMTcuMjcwM0MxMy4xNzk5IDE3LjY2OTkgMTIuODQ5OSAxNy45OTk2IDEyLjQ0OTkgMTcuOTk5NkgxMS40OTk5QzExLjA5OTkgMTcuOTk5NiAxMC43Njk5IDE3LjY2OTkgMTAuNzY5OSAxNy4yNzAzVjEwLjgzNThDMTAuNzY5OSAxMC40MzYyIDExLjA5OTkgMTAuMTA2NCAxMS40OTk5IDEwLjEwNjRaIiBmaWxsPSIjNzk3Rjg1Ii8+DQo8L3N2Zz4NCg==) 8487 } 8488 8489 .blu-modal.b-dialog.b-success .blu-modal__icon[data-v-6ada375c] { 8490 background-color: #22a334; 8491 -webkit-mask-image: url(data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PSIwIDAgMjQgMjQiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+DQo8cGF0aCBkPSJNMTIgMkM2LjQ4IDIgMiA2LjQ4IDIgMTJDMiAxNy41MiA2LjQ4IDIyIDEyIDIyQzE3LjUyIDIyIDIyIDE3LjUyIDIyIDEyQzIyIDYuNDggMTcuNTIgMiAxMiAyWk0xNy4wNSA5LjExTDEyLjA2IDE2LjEyQzExLjg4IDE2LjM3IDExLjYgMTYuNTIgMTEuMjkgMTYuNTRIMTEuMjRDMTAuOTUgMTYuNTQgMTAuNjcgMTYuNDIgMTAuNDggMTYuMTlMNi45OSAxMi4xM0M2LjgyIDExLjkzIDYuNzMgMTEuNjcgNi43NSAxMS40MUM2Ljc3IDExLjE0IDYuODkgMTAuOSA3LjA5IDEwLjczQzcuNTEgMTAuMzcgOC4xNCAxMC40MiA4LjUgMTAuODRMMTEuMTYgMTMuOTNMMTUuNDEgNy45NkMxNS43MyA3LjUxIDE2LjM1IDcuNDEgMTYuOCA3LjczQzE3LjAyIDcuODggMTcuMTYgOC4xMSAxNy4yMSA4LjM4QzE3LjI1IDguNjQgMTcuMTkgOC45MSAxNy4wNCA5LjEyTDE3LjA1IDkuMTFaIiBmaWxsPSIjNzk3Rjg1Ii8+DQo8L3N2Zz4=); 8492 mask-image: url(data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PSIwIDAgMjQgMjQiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+DQo8cGF0aCBkPSJNMTIgMkM2LjQ4IDIgMiA2LjQ4IDIgMTJDMiAxNy41MiA2LjQ4IDIyIDEyIDIyQzE3LjUyIDIyIDIyIDE3LjUyIDIyIDEyQzIyIDYuNDggMTcuNTIgMiAxMiAyWk0xNy4wNSA5LjExTDEyLjA2IDE2LjEyQzExLjg4IDE2LjM3IDExLjYgMTYuNTIgMTEuMjkgMTYuNTRIMTEuMjRDMTAuOTUgMTYuNTQgMTAuNjcgMTYuNDIgMTAuNDggMTYuMTlMNi45OSAxMi4xM0M2LjgyIDExLjkzIDYuNzMgMTEuNjcgNi43NSAxMS40MUM2Ljc3IDExLjE0IDYuODkgMTAuOSA3LjA5IDEwLjczQzcuNTEgMTAuMzcgOC4xNCAxMC40MiA4LjUgMTAuODRMMTEuMTYgMTMuOTNMMTUuNDEgNy45NkMxNS43MyA3LjUxIDE2LjM1IDcuNDEgMTYuOCA3LjczQzE3LjAyIDcuODggMTcuMTYgOC4xMSAxNy4yMSA4LjM4QzE3LjI1IDguNjQgMTcuMTkgOC45MSAxNy4wNCA5LjEyTDE3LjA1IDkuMTFaIiBmaWxsPSIjNzk3Rjg1Ii8+DQo8L3N2Zz4=) 8493 } 8494 8495 .blu-modal.b-dialog.b-warning .blu-modal__icon[data-v-6ada375c] { 8496 background-color: #ffcd00; 8497 -webkit-mask-image: url(data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PSIwIDAgMjQgMjQiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+DQo8cGF0aCBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGNsaXAtcnVsZT0iZXZlbm9kZCIgZD0iTTMuODc0MzYgMjFIMjAuMTE0NEgyMC4xMjQ0QzIxLjU1MzUgMjEgMjIuNDUyOSAxOS41MDM1IDIxLjc2MzQgMTguMjg2NEwxMy42NDg0IDMuOTUwMjZDMTIuOTM4OCAyLjY4MzI1IDExLjA2OTkgMi42ODMyNSAxMC4zNjA0IDMuOTUwMjZMMi4yMzUzNyAxOC4yOTY0QzEuNTQ1OCAxOS41MTM1IDIuNDU1MjQgMjEgMy44NzQzNiAyMVpNMTAuOTkgMTMuOTM3NEwxMC43MDAyIDkuMDk4ODdWNy43NTIwNUMxMC43MDAyIDcuMzMzMDQgMTEuMDQgNi45OTM4NCAxMS40NTk3IDYuOTkzODRIMTIuNjA5QzEzLjAyODggNi45OTM4NCAxMy4zNjg2IDcuMzMzMDQgMTMuMzY4NiA3Ljc1MjA1VjkuMTA4ODRMMTMuMDg4NyAxMy45Mjc1QzEzLjA2ODcgMTQuMzI2NSAxMi43Mzg5IDE0LjYzNTggMTIuMzI5MiAxNC42MzU4SDExLjc0OTVDMTEuMzQ5OCAxNC42MzU4IDExLjAyIDE0LjMyNjUgMTAuOTkgMTMuOTI3NVYxMy45Mzc0Wk0xMS45OTk0IDE4Ljk2NTJDMTIuNzg4NyAxOC45NjUyIDEzLjQyODYgMTguMzI2NSAxMy40Mjg2IDE3LjUzODZDMTMuNDI4NiAxNi43NTA3IDEyLjc4ODcgMTYuMTEyIDExLjk5OTQgMTYuMTEyQzExLjIxMDIgMTYuMTEyIDEwLjU3MDMgMTYuNzUwNyAxMC41NzAzIDE3LjUzODZDMTAuNTcwMyAxOC4zMjY1IDExLjIxMDIgMTguOTY1MiAxMS45OTk0IDE4Ljk2NTJaIiBmaWxsPSIjNzk3Rjg1Ii8+DQo8L3N2Zz4NCg==); 8498 mask-image: url(data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PSIwIDAgMjQgMjQiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+DQo8cGF0aCBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGNsaXAtcnVsZT0iZXZlbm9kZCIgZD0iTTMuODc0MzYgMjFIMjAuMTE0NEgyMC4xMjQ0QzIxLjU1MzUgMjEgMjIuNDUyOSAxOS41MDM1IDIxLjc2MzQgMTguMjg2NEwxMy42NDg0IDMuOTUwMjZDMTIuOTM4OCAyLjY4MzI1IDExLjA2OTkgMi42ODMyNSAxMC4zNjA0IDMuOTUwMjZMMi4yMzUzNyAxOC4yOTY0QzEuNTQ1OCAxOS41MTM1IDIuNDU1MjQgMjEgMy44NzQzNiAyMVpNMTAuOTkgMTMuOTM3NEwxMC43MDAyIDkuMDk4ODdWNy43NTIwNUMxMC43MDAyIDcuMzMzMDQgMTEuMDQgNi45OTM4NCAxMS40NTk3IDYuOTkzODRIMTIuNjA5QzEzLjAyODggNi45OTM4NCAxMy4zNjg2IDcuMzMzMDQgMTMuMzY4NiA3Ljc1MjA1VjkuMTA4ODRMMTMuMDg4NyAxMy45Mjc1QzEzLjA2ODcgMTQuMzI2NSAxMi43Mzg5IDE0LjYzNTggMTIuMzI5MiAxNC42MzU4SDExLjc0OTVDMTEuMzQ5OCAxNC42MzU4IDExLjAyIDE0LjMyNjUgMTAuOTkgMTMuOTI3NVYxMy45Mzc0Wk0xMS45OTk0IDE4Ljk2NTJDMTIuNzg4NyAxOC45NjUyIDEzLjQyODYgMTguMzI2NSAxMy40Mjg2IDE3LjUzODZDMTMuNDI4NiAxNi43NTA3IDEyLjc4ODcgMTYuMTEyIDExLjk5OTQgMTYuMTEyQzExLjIxMDIgMTYuMTEyIDEwLjU3MDMgMTYuNzUwNyAxMC41NzAzIDE3LjUzODZDMTAuNTcwMyAxOC4zMjY1IDExLjIxMDIgMTguOTY1MiAxMS45OTk0IDE4Ljk2NTJaIiBmaWxsPSIjNzk3Rjg1Ii8+DQo8L3N2Zz4NCg==) 8499 } 8500 8501 .blu-modal.b-dialog.b-danger .blu-modal__icon[data-v-6ada375c] { 8502 background-color: #ff4646; 8503 -webkit-mask-image: url(data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PSIwIDAgMjQgMjQiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+DQo8cGF0aCBkPSJNMTIgMkM2LjQ4IDIgMiA2LjQ4IDIgMTJDMiAxNy41MiA2LjQ4IDIyIDEyIDIyQzE3LjUyIDIyIDIyIDE3LjUyIDIyIDEyQzIyIDYuNDggMTcuNTIgMiAxMiAyWk0xNi4yNCAxNC44M0MxNi42MyAxNS4yMiAxNi42MyAxNS44NSAxNi4yNCAxNi4yNEMxNS44NSAxNi42MyAxNS4yMiAxNi42MyAxNC44MyAxNi4yNEwxMiAxMy40MUw5LjE3IDE2LjI0QzguNzggMTYuNjMgOC4xNSAxNi42MyA3Ljc2IDE2LjI0QzcuMzcgMTUuODUgNy4zNyAxNS4yMiA3Ljc2IDE0LjgzTDEwLjU5IDEyTDcuNzYgOS4xN0M3LjM3IDguNzggNy4zNyA4LjE1IDcuNzYgNy43NkM4LjE1IDcuMzcgOC43OCA3LjM3IDkuMTcgNy43NkwxMiAxMC41OUwxNC44MyA3Ljc2QzE1LjIyIDcuMzcgMTUuODUgNy4zNyAxNi4yNCA3Ljc2QzE2LjYzIDguMTUgMTYuNjMgOC43OCAxNi4yNCA5LjE3TDEzLjQxIDEyTDE2LjI0IDE0LjgzWiIgZmlsbD0iIzc5N0Y4NSIvPg0KPC9zdmc+); 8504 mask-image: url(data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PSIwIDAgMjQgMjQiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+DQo8cGF0aCBkPSJNMTIgMkM2LjQ4IDIgMiA2LjQ4IDIgMTJDMiAxNy41MiA2LjQ4IDIyIDEyIDIyQzE3LjUyIDIyIDIyIDE3LjUyIDIyIDEyQzIyIDYuNDggMTcuNTIgMiAxMiAyWk0xNi4yNCAxNC44M0MxNi42MyAxNS4yMiAxNi42MyAxNS44NSAxNi4yNCAxNi4yNEMxNS44NSAxNi42MyAxNS4yMiAxNi42MyAxNC44MyAxNi4yNEwxMiAxMy40MUw5LjE3IDE2LjI0QzguNzggMTYuNjMgOC4xNSAxNi42MyA3Ljc2IDE2LjI0QzcuMzcgMTUuODUgNy4zNyAxNS4yMiA3Ljc2IDE0LjgzTDEwLjU5IDEyTDcuNzYgOS4xN0M3LjM3IDguNzggNy4zNyA4LjE1IDcuNzYgNy43NkM4LjE1IDcuMzcgOC43OCA3LjM3IDkuMTcgNy43NkwxMiAxMC41OUwxNC44MyA3Ljc2QzE1LjIyIDcuMzcgMTUuODUgNy4zNyAxNi4yNCA3Ljc2QzE2LjYzIDguMTUgMTYuNjMgOC43OCAxNi4yNCA5LjE3TDEzLjQxIDEyTDE2LjI0IDE0LjgzWiIgZmlsbD0iIzc5N0Y4NSIvPg0KPC9zdmc+) 8505 } 8506 8507 @media screen and (max-width: 768px) { 8508 .blu-modal.b-full-screen .blu-modal__container[data-v-6ada375c] { 8509 min-height:100%; 8510 border-radius: unset; 8511 padding-top: 0 8512 } 8513 8514 .blu-modal.b-full-screen .blu-modal__close[data-v-6ada375c] { 8515 display: none 8516 } 8517 } 8518 </style> 8519 <style type="text/css"> 8520 .tabs[data-v-2ff01c43] { 8521 border-bottom: #acb0b4 1px solid; 8522 display: flex; 8523 position: relative; 8524 white-space: nowrap; 8525 scroll-behavior: smooth; 8526 scrollbar-width: none 8527 } 8528 8529 .tabs[data-v-2ff01c43]::-webkit-scrollbar { 8530 display: none 8531 } 8532 8533 .tabs a[data-v-2ff01c43],.tabs__header-title[data-v-2ff01c43] { 8534 outline: none; 8535 display: flex; 8536 color: rgba(25,34,42,.7019607843); 8537 font: 16px/20px "blibli",-apple-system,segoe ui,roboto,helvetica,arial,sans-serif; 8538 padding: 22px 0px; 8539 position: relative; 8540 white-space: nowrap; 8541 align-items: center; 8542 height: 64px; 8543 cursor: pointer 8544 } 8545 8546 .tabs a .tabs__icon[data-v-2ff01c43],.tabs__header-title .tabs__icon[data-v-2ff01c43] { 8547 position: relative; 8548 display: inline-flex 8549 } 8550 8551 .tabs a .tabs__icon[data-v-2ff01c43]:not(:empty),.tabs__header-title .tabs__icon[data-v-2ff01c43]:not(:empty) { 8552 margin-right: 4px 8553 } 8554 8555 .tabs a .tabs__icon svg[data-v-2ff01c43],.tabs__header-title .tabs__icon svg[data-v-2ff01c43] { 8556 vertical-align: bottom; 8557 color: rgba(25,34,42,.4) 8558 } 8559 8560 .tabs a .tabs__label[data-v-2ff01c43],.tabs__header-title .tabs__label[data-v-2ff01c43] { 8561 display: inline-flex 8562 } 8563 8564 .tabs a .tabs__label[data-v-2ff01c43]:not(:empty),.tabs__header-title .tabs__label[data-v-2ff01c43]:not(:empty) { 8565 padding-left: 4px 8566 } 8567 8568 @media screen and (max-width: 768px) { 8569 .tabs a[data-v-2ff01c43],.tabs__header-title[data-v-2ff01c43] { 8570 padding:10px 0px; 8571 height: 40px 8572 } 8573 } 8574 8575 .tabs a[data-v-2ff01c43]:not(:last-child),.tabs__header-title[data-v-2ff01c43]:not(:last-child) { 8576 margin-right: 16px 8577 } 8578 8579 .tabs a[data-v-2ff01c43]:before,.tabs__header-title[data-v-2ff01c43]:before { 8580 content: ""; 8581 height: 3px; 8582 background: #FF0000; 8583 position: absolute; 8584 bottom: 0; 8585 left: 0; 8586 opacity: 0; 8587 transition: opacity 1s 8588 } 8589 8590 .tabs a[data-v-2ff01c43]:after,.tabs__header-title[data-v-2ff01c43]:after { 8591 content: ""; 8592 width: 100%; 8593 bottom: 0; 8594 left: 0; 8595 position: absolute; 8596 border-bottom: none; 8597 transition: border-bottom ease-out .2s 8598 } 8599 8600 .tabs a[data-v-2ff01c43]:hover:after,.tabs__header-title[data-v-2ff01c43]:hover:after { 8601 border-bottom: 2px solid #acb0b4; 8602 border-radius: 1px 8603 } 8604 8605 .tabs a.b-active[data-v-2ff01c43],.tabs__header-title.b-active[data-v-2ff01c43] { 8606 opacity: 1;
8607 color: #FF0000 8608 } 8609 8610 .tabs a.b-active .tabs__icon svg[data-v-2ff01c43],.tabs__header-title.b-active .tabs__icon svg[data-v-2ff01c43] { 8611 color: #FF0000 8612 } 8613 8614 .tabs a.b-disabled[data-v-2ff01c43],.tabs__header-title.b-disabled[data-v-2ff01c43] { 8615 opacity: 1; 8616 color: rgba(25,34,42,.4) 8617 } 8618 8619 .tabs a.b-disabled[data-v-2ff01c43]:hover:after,.tabs__header-title.b-disabled[data-v-2ff01c43]:hover:after { 8620 border-bottom: none 8621 } 8622 8623 .tabs a.b-disabled .tabs__label .label[data-v-2ff01c43],.tabs__header-title.b-disabled .tabs__label .label[data-v-2ff01c43] { 8624 background-color: #e1e3e4; 8625 color: rgba(25,34,42,.4) 8626 } 8627 8628 .tabs a .tabs__icon[data-v-2ff01c43],.tabs__header-title .tabs__icon[data-v-2ff01c43] { 8629 margin-right: 2px 8630 } 8631 8632 .tabs a .tabs__icon svg[data-v-2ff01c43],.tabs__header-title .tabs__icon svg[data-v-2ff01c43] { 8633 vertical-align: middle; 8634 color: rgba(25,34,42,.4); 8635 transform: scale(0.75) 8636 } 8637 8638 .tabs a[data-v-2ff01c43]:not(.b-disabled):focus-visible,.tabs__header-title[data-v-2ff01c43]:not(.b-disabled):focus-visible { 8639 color: #fff; 8640 background: #000 8641 } 8642 8643 .tabs a:not(.b-disabled):focus-visible svg[data-v-2ff01c43],.tabs__header-title:not(.b-disabled):focus-visible svg[data-v-2ff01c43] { 8644 color: #fff 8645 } 8646 8647 .tabs.b-centered[data-v-2ff01c43],.tabs.b-centered-primary[data-v-2ff01c43] { 8648 display: block 8649 } 8650 8651 .tabs.b-centered a[data-v-2ff01c43],.tabs.b-centered-primary a[data-v-2ff01c43] { 8652 width: 100%; 8653 justify-content: center; 8654 min-width: 0 8655 } 8656 8657 .tabs.b-primary[data-v-2ff01c43],.tabs.b-centered-primary[data-v-2ff01c43] { 8658 background-color: #fff; 8659 box-shadow: 0 1px 6px 0 rgba(0,0,0,.1); 8660 border-radius: 8px; 8661 padding: 4px; 8662 margin-top: 10px; 8663 border-bottom: none 8664 } 8665 8666 @media screen and (min-width: 960px) { 8667 .tabs.b-primary~.tabs__control .tabs__control-next[data-v-2ff01c43],.tabs.b-primary~.tabs__control .tabs__control-prev[data-v-2ff01c43],.tabs.b-centered-primary~.tabs__control .tabs__control-next[data-v-2ff01c43],.tabs.b-centered-primary~.tabs__control .tabs__control-prev[data-v-2ff01c43] { 8668 top:0 8669 } 8670 } 8671 8672 .tabs.b-primary .slider[data-v-2ff01c43],.tabs.b-centered-primary .slider[data-v-2ff01c43] { 8673 display: none 8674 } 8675 8676 .tabs.b-primary a[data-v-2ff01c43],.tabs.b-centered-primary a[data-v-2ff01c43] { 8677 padding: 7px 16px; 8678 border-radius: 4px; 8679 transition: all .3s ease; 8680 font: 14px/18px "blibli demi bold",-apple-system,segoe ui,roboto,helvetica,arial,sans-serif; 8681 color: #FF0000; 8682 height: 32px 8683 } 8684 8685 .tabs.b-primary a[data-v-2ff01c43]:hover:after,.tabs.b-centered-primary a[data-v-2ff01c43]:hover:after { 8686 border-bottom: none 8687 } 8688 8689 .tabs.b-primary a[data-v-2ff01c43]:not(:last-child),.tabs.b-centered-primary a[data-v-2ff01c43]:not(:last-child) { 8690 margin-right: 8px 8691 } 8692 8693 .tabs.b-primary a.b-active[data-v-2ff01c43],.tabs.b-centered-primary a.b-active[data-v-2ff01c43] { 8694 color: #fff; 8695 background-color: #1d8fff 8696 } 8697 8698 .tabs.b-primary a.b-active svg[data-v-2ff01c43],.tabs.b-centered-primary a.b-active svg[data-v-2ff01c43] { 8699 color: #fff 8700 } 8701 8702 .tabs.b-primary a.b-active .blu-label[data-v-2ff01c43],.tabs.b-centered-primary a.b-active .blu-label[data-v-2ff01c43] { 8703 background-color: #fff; 8704 color: #FF0000 8705 } 8706 8707 .tabs.b-primary a.b-active[data-v-2ff01c43]:hover,.tabs.b-centered-primary a.b-active[data-v-2ff01c43]:hover { 8708 background-color: #FF0000 8709 } 8710 8711 .tabs.b-primary a.b-disabled[data-v-2ff01c43],.tabs.b-centered-primary a.b-disabled[data-v-2ff01c43] { 8712 color: rgba(25,34,42,.4) 8713 } 8714 8715 .tabs.b-primary a[data-v-2ff01c43]:not(.b-disabled):not(.b-active):hover,.tabs.b-centered-primary a[data-v-2ff01c43]:not(.b-disabled):not(.b-active):hover { 8716 background-color: #f1f2f2 8717 } 8718 8719 .tabs.b-primary a[data-v-2ff01c43]:focus-visible,.tabs.b-centered-primary a[data-v-2ff01c43]:focus-visible { 8720 color: #FF0000; 8721 box-shadow: 0px 0px 0px 4px #000; 8722 background-color: #f1f2f2 8723 } 8724 8725 .tabs__item[data-v-2ff01c43] { 8726 padding: 16px 0 8727 } 8728 8729 .tabs__item.b-active[data-v-2ff01c43] { 8730 animation: fade-2ff01c43 .8s ease-in-out 8731 } 8732 8733 .tabs__header[data-v-2ff01c43] { 8734 display: flex 8735 } 8736 8737 .tabs__label[data-v-2ff01c43] { 8738 display: flex; 8739 align-items: center; 8740 margin-left: 4px 8741 } 8742 8743 @media screen and (min-width: 960px) { 8744 .tabs__control[data-v-2ff01c43] { 8745 --tab-fab-position: 16px; 8746 --tab-fab-opacity: 0; 8747 --tab-fab-background: linear-gradient(270deg, rgba(224, 224, 224, 0) 0%, #ffffff 100%); 8748 position: absolute; 8749 top: 0; 8750 left: 0; 8751 width: 100% 8752 } 8753 8754 .tabs__control[data-v-2ff01c43]:hover { 8755 --tab-fab-opacity: 1;
8756 --tab-fab-position: 0 8757 } 8758 8759 .tabs__control-prev[data-v-2ff01c43],.tabs__control-next[data-v-2ff01c43] { 8760 width: 56px; 8761 height: 40px; 8762 position: absolute; 8763 opacity: var(--tab-fab-opacity); 8764 background: var(--tab-fab-background); 8765 border-radius: 16px; 8766 transition: all .15s ease; 8767 padding: 4px; 8768 top: 11px; 8769 cursor: pointer 8770 } 8771 8772 .tabs__control-prev div[data-v-2ff01c43],.tabs__control-next div[data-v-2ff01c43] { 8773 width: 32px; 8774 height: 32px; 8775 background: #fff; 8776 box-shadow: 0 1px 6px 0 rgba(0,0,0,.1); 8777 border-radius: 50%; 8778 position: relative; 8779 display: grid; 8780 place-items: center; 8781 left: var(--tab-fab-position); 8782 transition: all .15s cubic-bezier(0, 0, 0.2, 1.2) 8783 } 8784 8785 .tabs__control-prev div[data-v-2ff01c43]::after,.tabs__control-next div[data-v-2ff01c43]::after { 8786 content: ""; 8787 background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB2aWV3Qm94PSIwIDAgMjQgMjQiPgogIDxkZWZzPgogICAgPHBhdGgKICAgICAgICBpZD0iMTkwcjYzOHp6YSIKICAgICAgICBkPSJNMCA1LjE1NGMwLS42MzYuMjkyLTEuMjE5LjgtMS42TDUuNDExLjE5MmMuNDQ2LS4zMjUgMS4wNzItLjIyOCAxLjM5Ny4yMi4zMjUuNDQ1LjIyNyAxLjA3MS0uMjE5IDEuMzk2bC00LjYgMy4zNTQgNC41NjMgMy4wMDRjLjQ2LjMwNS41ODcuOTI1LjI4MiAxLjM4Ni0uMzA1LjQ2LS45MjYuNTg2LTEuMzg2LjI4MmwtNC42LTMuMDQ2Qy4yOTEgNi4zNzIgMCA1Ljc5IDAgNS4xNTR6IgogICAgLz4KICA8L2RlZnM+CiAgPGcgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIj4KICAgIDxnPgogICAgICA8Zz4KICAgICAgICA8cGF0aCBmaWxsPSIjRkZGIiBmaWxsLW9wYWNpdHk9Ii4wMSIgZD0iTTAgMEgyNFYyNEgweiIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTU5MiAtNzg1KSB0cmFuc2xhdGUoNTkyIDc4NSkiIC8+CiAgICAgICAgPGcgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTU5MiAtNzg1KSB0cmFuc2xhdGUoNTkyIDc4NSkgdHJhbnNsYXRlKDggNykiPgogICAgICAgICAgPG1hc2sgaWQ9InU0ZGRwYm95eGIiIGZpbGw9IiNmZmYiPjx1c2UgeGxpbms6aHJlZj0iIzE5MHI2Mzh6emEiIC8+PC9tYXNrPgogICAgICAgICAgPHVzZSBmaWxsPSIjNzk3Rjg1IiBmaWxsLXJ1bGU9Im5vbnplcm8iIHhsaW5rOmhyZWY9IiMxOTByNjM4enphIiAvPgogICAgICAgICAgPHBhdGggZmlsbD0iIzAwOTVkYSIgZD0iTS04IC03SDE2VjE3SC04eiIgbWFzaz0idXJsKCN1NGRkcGJveXhiKSIgLz4KICAgICAgICA8L2c+CiAgICAgIDwvZz4KICAgIDwvZz4KICA8L2c+Cjwvc3ZnPgo=); 8788 width: 18px; 8789 height: 18px; 8790 position: absolute 8791 } 8792 8793 .tabs__control-prev[data-v-2ff01c43] { 8794 left: 0 8795 } 8796 8797 .tabs__control-next[data-v-2ff01c43] { 8798 right: 0; 8799 transform: rotate(180deg) 8800 } 8801 } 8802 8803 .tabs:hover~.tabs__control[data-v-2ff01c43] { 8804 --tab-fab-opacity: 1; 8805 --tab-fab-position: 0 8806 } 8807 8808 .tabs-wrapper[data-v-2ff01c43] { 8809 position: relative 8810 } 8811 8812 .slider[data-v-2ff01c43] { 8813 width: auto; 8814 height: 2px; 8815 border-radius: 1px; 8816 background: #FF0000; 8817 opacity: 1; 8818 position: absolute; 8819 left: 0; 8820 bottom: 0; 8821 transition: all .4s linear 8822 } 8823 8824 @keyframes shake-2ff01c43 { 8825 30%,50% { 8826 transform: translate3d(-2px, 0, 0) 8827 } 8828 8829 40%,60% { 8830 transform: translate3d(0, 0, 0) 8831 } 8832 } 8833 8834 @keyframes fade-2ff01c43 { 8835 0% { 8836 opacity: 0 8837 } 8838 8839 100% { 8840 opacity: 1 8841 } 8842 } 8843 </style> 8844 <style type="text/css"> 8845 .tabs[data-v-c5343270] { 8846 border-bottom: #acb0b4 1px solid; 8847 display: flex; 8848 position: relative; 8849 white-space: nowrap; 8850 scroll-behavior: smooth; 8851 scrollbar-width: none 8852 } 8853 8854 .tabs[data-v-c5343270]::-webkit-scrollbar { 8855 display: none 8856 } 8857 8858 .tabs a[data-v-c5343270],.tabs__header-title[data-v-c5343270] { 8859 outline: none; 8860 display: flex; 8861 color: rgba(25,34,42,.7019607843); 8862 font: 16px/20px "blibli",-apple-system,segoe ui,roboto,helvetica,arial,sans-serif; 8863 padding: 22px 0px; 8864 position: relative; 8865 white-space: nowrap; 8866 align-items: center; 8867 height: 64px; 8868 cursor: pointer 8869 } 8870 8871 .tabs a .tabs__icon[data-v-c5343270],.tabs__header-title .tabs__icon[data-v-c5343270] { 8872 position: relative; 8873 display: inline-flex 8874 } 8875 8876 .tabs a .tabs__icon[data-v-c5343270]:not(:empty),.tabs__header-title .tabs__icon[data-v-c5343270]:not(:empty) { 8877 margin-right: 4px 8878 } 8879 8880 .tabs a .tabs__icon svg[data-v-c5343270],.tabs__header-title .tabs__icon svg[data-v-c5343270] { 8881 vertical-align: bottom; 8882 color: rgba(25,34,42,.4) 8883 } 8884 8885 .tabs a .tabs__label[data-v-c5343270],.tabs__header-title .tabs__label[data-v-c5343270] { 8886 display: inline-flex 8887 } 8888 8889 .tabs a .tabs__label[data-v-c5343270]:not(:empty),.tabs__header-title .tabs__label[data-v-c5343270]:not(:empty) { 8890 padding-left: 4px 8891 } 8892 8893 @media screen and (max-width: 768px) { 8894 .tabs a[data-v-c5343270],.tabs__header-title[data-v-c5343270] { 8895 padding:10px 0px; 8896 height: 40px 8897 } 8898 } 8899 8900 .tabs a[data-v-c5343270]:not(:last-child),.tabs__header-title[data-v-c5343270]:not(:last-child) { 8901 margin-right: 16px 8902 } 8903 8904 .tabs a[data-v-c5343270]:before,.tabs__header-title[data-v-c5343270]:before { 8905 content: ""; 8906 height: 3px; 8907 background: #FF0000; 8908 position: absolute; 8909 bottom: 0; 8910 left: 0; 8911 opacity: 0; 8912 transition: opacity 1s 8913 } 8914 8915 .tabs a[data-v-c5343270]:after,.tabs__header-title[data-v-c5343270]:after { 8916 content: ""; 8917 width: 100%; 8918 bottom: 0; 8919 left: 0; 8920 position: absolute; 8921 border-bottom: none; 8922 transition: border-bottom ease-out .2s 8923 } 8924 8925 .tabs a[data-v-c5343270]:hover:after,.tabs__header-title[data-v-c5343270]:hover:after { 8926 border-bottom: 2px solid #acb0b4; 8927 border-radius: 1px 8928 } 8929 8930 .tabs a.b-active[data-v-c5343270],.tabs__header-title.b-active[data-v-c5343270] { 8931 opacity: 1;
8932 color: #FF0000 8933 } 8934 8935 .tabs a.b-active .tabs__icon svg[data-v-c5343270],.tabs__header-title.b-active .tabs__icon svg[data-v-c5343270] { 8936 color: #FF0000 8937 } 8938 8939 .tabs a.b-disabled[data-v-c5343270],.tabs__header-title.b-disabled[data-v-c5343270] { 8940 opacity: 1; 8941 color: rgba(25,34,42,.4) 8942 } 8943 8944 .tabs a.b-disabled[data-v-c5343270]:hover:after,.tabs__header-title.b-disabled[data-v-c5343270]:hover:after { 8945 border-bottom: none 8946 } 8947 8948 .tabs a.b-disabled .tabs__label .label[data-v-c5343270],.tabs__header-title.b-disabled .tabs__label .label[data-v-c5343270] { 8949 background-color: #e1e3e4; 8950 color: rgba(25,34,42,.4) 8951 } 8952 8953 .tabs a .tabs__icon[data-v-c5343270],.tabs__header-title .tabs__icon[data-v-c5343270] { 8954 margin-right: 2px 8955 } 8956 8957 .tabs a .tabs__icon svg[data-v-c5343270],.tabs__header-title .tabs__icon svg[data-v-c5343270] { 8958 vertical-align: middle; 8959 color: rgba(25,34,42,.4); 8960 transform: scale(0.75) 8961 } 8962 8963 .tabs a[data-v-c5343270]:not(.b-disabled):focus-visible,.tabs__header-title[data-v-c5343270]:not(.b-disabled):focus-visible { 8964 color: #fff; 8965 background: #000 8966 } 8967 8968 .tabs a:not(.b-disabled):focus-visible svg[data-v-c5343270],.tabs__header-title:not(.b-disabled):focus-visible svg[data-v-c5343270] { 8969 color: #fff 8970 } 8971 8972 .tabs.b-centered[data-v-c5343270],.tabs.b-centered-primary[data-v-c5343270] { 8973 display: block 8974 } 8975 8976 .tabs.b-centered a[data-v-c5343270],.tabs.b-centered-primary a[data-v-c5343270] { 8977 width: 100%; 8978 justify-content: center; 8979 min-width: 0 8980 } 8981 8982 .tabs.b-primary[data-v-c5343270],.tabs.b-centered-primary[data-v-c5343270] { 8983 background-color: #fff; 8984 box-shadow: 0 1px 6px 0 rgba(0,0,0,.1); 8985 border-radius: 8px; 8986 padding: 4px; 8987 margin-top: 10px; 8988 border-bottom: none 8989 } 8990 8991 @media screen and (min-width: 960px) { 8992 .tabs.b-primary~.tabs__control .tabs__control-next[data-v-c5343270],.tabs.b-primary~.tabs__control .tabs__control-prev[data-v-c5343270],.tabs.b-centered-primary~.tabs__control .tabs__control-next[data-v-c5343270],.tabs.b-centered-primary~.tabs__control .tabs__control-prev[data-v-c5343270] { 8993 top:0 8994 } 8995 } 8996 8997 .tabs.b-primary .slider[data-v-c5343270],.tabs.b-centered-primary .slider[data-v-c5343270] { 8998 display: none 8999 } 9000 9001 .tabs.b-primary a[data-v-c5343270],.tabs.b-centered-primary a[data-v-c5343270] { 9002 padding: 7px 16px; 9003 border-radius: 4px; 9004 transition: all .3s ease; 9005 font: 14px/18px "blibli demi bold",-apple-system,segoe ui,roboto,helvetica,arial,sans-serif; 9006 color: #FF0000; 9007 height: 32px 9008 } 9009 9010 .tabs.b-primary a[data-v-c5343270]:hover:after,.tabs.b-centered-primary a[data-v-c5343270]:hover:after { 9011 border-bottom: none 9012 } 9013 9014 .tabs.b-primary a[data-v-c5343270]:not(:last-child),.tabs.b-centered-primary a[data-v-c5343270]:not(:last-child) { 9015 margin-right: 8px 9016 } 9017 9018 .tabs.b-primary a.b-active[data-v-c5343270],.tabs.b-centered-primary a.b-active[data-v-c5343270] { 9019 color: #fff; 9020 background-color: #1d8fff 9021 } 9022 9023 .tabs.b-primary a.b-active svg[data-v-c5343270],.tabs.b-centered-primary a.b-active svg[data-v-c5343270] { 9024 color: #fff 9025 } 9026 9027 .tabs.b-primary a.b-active .blu-label[data-v-c5343270],.tabs.b-centered-primary a.b-active .blu-label[data-v-c5343270] { 9028 background-color: #fff; 9029 color: #FF0000 9030 } 9031 9032 .tabs.b-primary a.b-active[data-v-c5343270]:hover,.tabs.b-centered-primary a.b-active[data-v-c5343270]:hover { 9033 background-color: #FF0000 9034 } 9035 9036 .tabs.b-primary a.b-disabled[data-v-c5343270],.tabs.b-centered-primary a.b-disabled[data-v-c5343270] { 9037 color: rgba(25,34,42,.4) 9038 } 9039 9040 .tabs.b-primary a[data-v-c5343270]:not(.b-disabled):not(.b-active):hover,.tabs.b-centered-primary a[data-v-c5343270]:not(.b-disabled):not(.b-active):hover { 9041 background-color: #f1f2f2 9042 } 9043 9044 .tabs.b-primary a[data-v-c5343270]:focus-visible,.tabs.b-centered-primary a[data-v-c5343270]:focus-visible { 9045 color: #FF0000; 9046 box-shadow: 0px 0px 0px 4px #000; 9047 background-color: #f1f2f2 9048 } 9049 9050 .tabs__item[data-v-c5343270] { 9051 padding: 16px 0 9052 } 9053 9054 .tabs__item.b-active[data-v-c5343270] { 9055 animation: fade-c5343270 .8s ease-in-out 9056 } 9057 9058 .tabs__header[data-v-c5343270] { 9059 display: flex 9060 } 9061 9062 .tabs__label[data-v-c5343270] { 9063 display: flex; 9064 align-items: center; 9065 margin-left: 4px 9066 } 9067 9068 @media screen and (min-width: 960px) { 9069 .tabs__control[data-v-c5343270] { 9070 --tab-fab-position: 16px; 9071 --tab-fab-opacity: 0; 9072 --tab-fab-background: linear-gradient(270deg, rgba(224, 224, 224, 0) 0%, #ffffff 100%); 9073 position: absolute; 9074 top: 0; 9075 left: 0; 9076 width: 100% 9077 } 9078 9079 .tabs__control[data-v-c5343270]:hover { 9080 --tab-fab-opacity: 1;
9081 --tab-fab-position: 0 9082 } 9083 9084 .tabs__control-prev[data-v-c5343270],.tabs__control-next[data-v-c5343270] { 9085 width: 56px; 9086 height: 40px; 9087 position: absolute; 9088 opacity: var(--tab-fab-opacity); 9089 background: var(--tab-fab-background); 9090 border-radius: 16px; 9091 transition: all .15s ease; 9092 padding: 4px; 9093 top: 11px; 9094 cursor: pointer 9095 } 9096 9097 .tabs__control-prev div[data-v-c5343270],.tabs__control-next div[data-v-c5343270] { 9098 width: 32px; 9099 height: 32px; 9100 background: #fff; 9101 box-shadow: 0 1px 6px 0 rgba(0,0,0,.1); 9102 border-radius: 50%; 9103 position: relative; 9104 display: grid; 9105 place-items: center; 9106 left: var(--tab-fab-position); 9107 transition: all .15s cubic-bezier(0, 0, 0.2, 1.2) 9108 } 9109 9110 .tabs__control-prev div[data-v-c5343270]::after,.tabs__control-next div[data-v-c5343270]::after { 9111 content: ""; 9112 background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB2aWV3Qm94PSIwIDAgMjQgMjQiPgogIDxkZWZzPgogICAgPHBhdGgKICAgICAgICBpZD0iMTkwcjYzOHp6YSIKICAgICAgICBkPSJNMCA1LjE1NGMwLS42MzYuMjkyLTEuMjE5LjgtMS42TDUuNDExLjE5MmMuNDQ2LS4zMjUgMS4wNzItLjIyOCAxLjM5Ny4yMi4zMjUuNDQ1LjIyNyAxLjA3MS0uMjE5IDEuMzk2bC00LjYgMy4zNTQgNC41NjMgMy4wMDRjLjQ2LjMwNS41ODcuOTI1LjI4MiAxLjM4Ni0uMzA1LjQ2LS45MjYuNTg2LTEuMzg2LjI4MmwtNC42LTMuMDQ2Qy4yOTEgNi4zNzIgMCA1Ljc5IDAgNS4xNTR6IgogICAgLz4KICA8L2RlZnM+CiAgPGcgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIj4KICAgIDxnPgogICAgICA8Zz4KICAgICAgICA8cGF0aCBmaWxsPSIjRkZGIiBmaWxsLW9wYWNpdHk9Ii4wMSIgZD0iTTAgMEgyNFYyNEgweiIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTU5MiAtNzg1KSB0cmFuc2xhdGUoNTkyIDc4NSkiIC8+CiAgICAgICAgPGcgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTU5MiAtNzg1KSB0cmFuc2xhdGUoNTkyIDc4NSkgdHJhbnNsYXRlKDggNykiPgogICAgICAgICAgPG1hc2sgaWQ9InU0ZGRwYm95eGIiIGZpbGw9IiNmZmYiPjx1c2UgeGxpbms6aHJlZj0iIzE5MHI2Mzh6emEiIC8+PC9tYXNrPgogICAgICAgICAgPHVzZSBmaWxsPSIjNzk3Rjg1IiBmaWxsLXJ1bGU9Im5vbnplcm8iIHhsaW5rOmhyZWY9IiMxOTByNjM4enphIiAvPgogICAgICAgICAgPHBhdGggZmlsbD0iIzAwOTVkYSIgZD0iTS04IC03SDE2VjE3SC04eiIgbWFzaz0idXJsKCN1NGRkcGJveXhiKSIgLz4KICAgICAgICA8L2c+CiAgICAgIDwvZz4KICAgIDwvZz4KICA8L2c+Cjwvc3ZnPgo=); 9113 width: 18px; 9114 height: 18px; 9115 position: absolute 9116 } 9117 9118 .tabs__control-prev[data-v-c5343270] { 9119 left: 0 9120 } 9121 9122 .tabs__control-next[data-v-c5343270] { 9123 right: 0; 9124 transform: rotate(180deg) 9125 } 9126 } 9127 9128 .tabs:hover~.tabs__control[data-v-c5343270] { 9129 --tab-fab-opacity: 1; 9130 --tab-fab-position: 0 9131 } 9132 9133 .tabs-wrapper[data-v-c5343270] { 9134 position: relative 9135 } 9136 9137 .slider[data-v-c5343270] { 9138 width: auto; 9139 height: 2px; 9140 border-radius: 1px; 9141 background: #FF0000; 9142 opacity: 1; 9143 position: absolute; 9144 left: 0; 9145 bottom: 0; 9146 transition: all .4s linear 9147 } 9148 9149 @keyframes shake-c5343270 { 9150 30%,50% { 9151 transform: translate3d(-2px, 0, 0) 9152 } 9153 9154 40%,60% { 9155 transform: translate3d(0, 0, 0) 9156 } 9157 } 9158 9159 @keyframes fade-c5343270 { 9160 0% { 9161 opacity: 0 9162 } 9163 9164 100% { 9165 opacity: 1 9166 } 9167 } 9168 </style> 9169 <link data-vue-meta="2" rel="alternate" href="android-app://blibli.mobile.commerce/blibli/product/ps--ELP-60049-00553" id="alternate"> 9170
9170<script src="https://dev.visualwebsiteoptimizer.com/cdn/web/djIkdGU6Ny4wOmFzeW5jJWpxdWVyeQ==/tag-f0973145e3bf01be8a988e6399f80fdcbr.js" crossorigin="anonymous" fetchpriority="high" type="text/javascript"></script>
9170 9171
9171<script type="text/javascript" async="" src="https://googleads.g.doubleclick.net/pagead/viewthroughconversion/880395410/?random=1727708662945&cv=11&fst=1727708662945&bg=ffffff&guid=ON&async=1&gtm=45je49p0v877689920z8810058345za200zb810058345&gcd=13l3l3l3l1l1&dma=0&tag_exp=101671035~101686685~101747727&u_w=1066&u_h=866&url=https%3A%2F%2Fwww.blibli.com%2Fp%2Fniko-speaker-trolley-speaker-pt-1501-15-inch-garansi%2Fps--ELP-60049-00553%3Fsrsltid%3DAfmBOorES7xzkivoHSNhil5W1iouKsuBMzCBVxCvjis5_rzK-YdKCb2y&ref=https%3A%2F%2Fwww.blibli.com%2Fchallenge%2Flanding%2F%3Fredirect%3D%252Fp%252Fniko-speaker-trolley-speaker-pt-1501-15-inch-garansi%252Fps--ELP-60049-00553%253Fsrsltid%253DAfmBOorES7xzkivoHSNhil5W1iouKsuBMzCBVxCvjis5_rzK-YdKCb2y&hn=www.googleadservices.com&frm=0&tiba=Jual%20LGOACE%20LGOACE Gacor%20Trolley%20LGOACE Gacor%20Pt%201501%2015%20Inch%20Garansi%20Di%20Seller%20Eleora.shop%20-%20Ambarketawang%2C%20Kab.%20Sleman%20%7C%20Blibli&npa=0&pscdl=noapi&auid=231856571.1727707203&uaa=&uab=64&uafvl=Google%2520Chrome%3B129.0.6668.70%7CNot%253DA%253FBrand%3B8.0.0.0%7CChromium%3B129.0.6668.70&uamb=1&uam=Nexus%205&uap=Android&uapv=6.0&uaw=0&fledge=1&data=event%3Dgtag.config&rfmt=3&fmt=4"></script>
9171 9172 <style nonce=""> 9173 .aStyle-kh82igwya { 9174 color: red; 9175 float: left; 9176 opacity: .55; 9177 } 9178 </style> 9179 <style> 9180 html:not([dark]) .blu-loader-skeleton[data-v-5d7a33db] { 9181 --blu-loader-skeleton-border-radius: 8px; 9182 --blu-loader-skeleton-highlight-color-background: linear-gradient(90deg, rgba(249, 249, 250, 0) 0%, #f9f9fa 50.68%, rgba(249, 249, 250, .0001) 100%); 9183 height: var(--blu-loader-skeleton-height); 9184 width: var(--blu-loader-skeleton-width); 9185 background-color: #f1f2f2; 9186 border-radius: var(--blu-loader-skeleton-border-radius) 9187 } 9188 9189 html:not([dark]) .blu-loader-skeleton__gradient[data-v-5d7a33db] { 9190 position: relative; 9191 overflow: hidden; 9192 width: 100%; 9193 height: 100%; 9194 border-radius: var(--blu-loader-skeleton-border-radius) 9195 } 9196 9197 html:not([dark]) .blu-loader-skeleton__gradient[data-v-5d7a33db]:after { 9198 content: ""; 9199 position: absolute; 9200 top: 0; 9201 left: 0; 9202 right: 0; 9203 bottom: 0; 9204 transform: translate(-100%); 9205 background: var(--blu-loader-skeleton-highlight-color-background); 9206 animation: shimmer-5d7a33db .8s infinite .1s 9207 } 9208 9209 html:not([dark]) .blu-loader-skeleton.b-small[data-v-5d7a33db] { 9210 --blu-loader-skeleton-border-radius: 4px 9211 } 9212 9213 html:not([dark]) .blu-loader-skeleton.b-circle[data-v-5d7a33db] { 9214 --blu-loader-skeleton-border-radius: 50% 9215 } 9216 9217 html[dark] .blu-loader-skeleton[data-v-5d7a33db] { 9218 --blu-loader-skeleton-border-radius: 8px; 9219 --blu-loader-skeleton-highlight-color-background: linear-gradient(90deg, rgba(249, 249, 250, 0) 0%, #19222a 50.68%, rgba(249, 249, 250, .0001) 100%); 9220 height: var(--blu-loader-skeleton-height); 9221 width: var(--blu-loader-skeleton-width); 9222 background-color: #28323b; 9223 border-radius: var(--blu-loader-skeleton-border-radius) 9224 } 9225 9226 html[dark] .blu-loader-skeleton__gradient[data-v-5d7a33db] { 9227 position: relative; 9228 overflow: hidden; 9229 width: 100%; 9230 height: 100%; 9231 border-radius: var(--blu-loader-skeleton-border-radius) 9232 } 9233 9234 html[dark] .blu-loader-skeleton__gradient[data-v-5d7a33db]:after { 9235 content: ""; 9236 position: absolute; 9237 top: 0; 9238 left: 0; 9239 right: 0; 9240 bottom: 0; 9241 transform: translate(-100%); 9242 background: var(--blu-loader-skeleton-highlight-color-background); 9243 animation: shimmer-5d7a33db .8s infinite .1s 9244 } 9245 9246 @keyframes shimmer-5d7a33db { 9247 to { 9248 transform: translate(100%) 9249 } 9250 } 9251 9252 html[dark] .blu-loader-skeleton.b-small[data-v-5d7a33db] { 9253 --blu-loader-skeleton-border-radius: 4px 9254 } 9255 9256 html[dark] .blu-loader-skeleton.b-circle[data-v-5d7a33db] { 9257 --blu-loader-skeleton-border-radius: 50% 9258 } 9259 </style> 9260 <style> 9261 html:not([dark]) .blu-loader-general[data-v-5f0af726] { 9262 --blu-loader-general-highlight-color-background: #1d8fff; 9263 --blu-loader-general-base-color-background: #f1f2f2; 9264 width: var(--blu-loader-general-size); 9265 height: var(--blu-loader-general-size) 9266 } 9267 9268 html:not([dark]) .blu-loader-general__asset[data-v-5f0af726] { 9269 animation: general-rotate-5f0af726 1.6s linear infinite; 9270 transform-origin: center center; 9271 transition: all .5s ease-in-out; 9272 width: 100%; 9273 height: 100%; 9274 margin: auto; 9275 transform: rotate(90deg) 9276 } 9277 9278 html:not([dark]) .blu-loader-general__asset--highlight[data-v-5f0af726],html:not([dark]) .blu-loader-general__asset--base[data-v-5f0af726] { 9279 stroke-linecap: round 9280 } 9281 9282 html:not([dark]) .blu-loader-general__asset--highlight[data-v-5f0af726] { 9283 stroke: var(--blu-loader-general-highlight-color-background); 9284 animation: general-highlight-5f0af726 1.6s linear infinite 9285 } 9286 9287 html:not([dark]) .blu-loader-general__asset--base[data-v-5f0af726] { 9288 stroke: var(--blu-loader-general-base-color-background); 9289 animation: general-base-5f0af726 1.6s linear infinite 9290 } 9291 9292 html:not([dark]) .blu-loader-general.b-inverted[data-v-5f0af726] { 9293 --blu-loader-general-highlight-color-background: #ffffff; 9294 --blu-loader-general-base-color-background: #c8cbcd 9295 } 9296 9297 html:not([dark]) .blu-loader-general.b-size-s[data-v-5f0af726] { 9298 --blu-loader-general-size: 16px 9299 } 9300 9301 html:not([dark]) .blu-loader-general.b-size-m[data-v-5f0af726] { 9302 --blu-loader-general-size: 18px 9303 } 9304 9305 html:not([dark]) .blu-loader-general.b-size-l[data-v-5f0af726] { 9306 --blu-loader-general-size: 24px 9307 } 9308 9309 html:not([dark]) .blu-loader-general.b-size-xl[data-v-5f0af726] { 9310 --blu-loader-general-size: 32px 9311 } 9312 9313 html[dark] .blu-loader-general[data-v-5f0af726] { 9314 --blu-loader-general-highlight-color-background: #4fa4ff; 9315 --blu-loader-general-base-color-background: #28323b; 9316 width: var(--blu-loader-general-size); 9317 height: var(--blu-loader-general-size) 9318 } 9319 9320 html[dark] .blu-loader-general__asset[data-v-5f0af726] { 9321 animation: general-rotate-5f0af726 1.6s linear infinite; 9322 transform-origin: center center; 9323 transition: all .5s ease-in-out; 9324 width: 100%; 9325 height: 100%; 9326 margin: auto; 9327 transform: rotate(90deg) 9328 } 9329 9330 html[dark] .blu-loader-general__asset--highlight[data-v-5f0af726],html[dark] .blu-loader-general__asset--base[data-v-5f0af726] { 9331 stroke-linecap: round 9332 } 9333 9334 html[dark] .blu-loader-general__asset--highlight[data-v-5f0af726] { 9335 stroke: var(--blu-loader-general-highlight-color-background); 9336 animation: general-highlight-5f0af726 1.6s linear infinite 9337 } 9338 9339 html[dark] .blu-loader-general__asset--base[data-v-5f0af726] { 9340 stroke: var(--blu-loader-general-base-color-background); 9341 animation: general-base-5f0af726 1.6s linear infinite 9342 } 9343 9344 html[dark] .blu-loader-general.b-inverted[data-v-5f0af726] { 9345 --blu-loader-general-highlight-color-background: #12171d; 9346 --blu-loader-general-base-color-background: #60686e 9347 } 9348 9349 html[dark] .blu-loader-general.b-size-s[data-v-5f0af726] { 9350 --blu-loader-general-size: 16px 9351 } 9352 9353 html[dark] .blu-loader-general.b-size-m[data-v-5f0af726] { 9354 --blu-loader-general-size: 18px 9355 } 9356 9357 html[dark] .blu-loader-general.b-size-l[data-v-5f0af726] { 9358 --blu-loader-general-size: 24px 9359 } 9360 9361 html[dark] .blu-loader-general.b-size-xl[data-v-5f0af726] { 9362 --blu-loader-general-size: 32px 9363 } 9364 9365 @keyframes general-highlight-5f0af726 { 9366 0% { 9367 stroke-dasharray: 1,200; 9368 stroke-dashoffset: 0 9369 } 9370 9371 50% { 9372 stroke-dasharray: 50,200; 9373 stroke-dashoffset: -15px 9374 } 9375 9376 to { 9377 stroke-dasharray: 50,200; 9378 stroke-dashoffset: -124px 9379 } 9380 } 9381 9382 @keyframes general-base-5f0af726 { 9383 0% { 9384 stroke-dasharray: 1,200; 9385 stroke-dashoffset: 0 9386 } 9387 9388 to { 9389 stroke-dasharray: 100,200; 9390 stroke-dashoffset: -120px 9391 } 9392 } 9393 9394 @keyframes general-rotate-5f0af726 { 9395 to { 9396 transform: rotate(450deg) 9397 } 9398 } 9399 9400 html:not([dark]) button[data-v-498b5b0a] { 9401 border: none; 9402 background: none; 9403 cursor: pointer; 9404 font-family: Blibli,-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif; 9405 padding: 0 9406 } 9407 9408 html:not([dark]) input[type=submit][data-v-498b5b0a]::-moz-focus-inner,html:not([dark]) input[type=button][data-v-498b5b0a]::-moz-focus-inner { 9409 border: 0px 9410 } 9411 9412 html:not([dark]) button[data-v-498b5b0a]:focus,html:not([dark]) input[type=submit][data-v-498b5b0a]:focus,html:not([dark]) input[type=button][data-v-498b5b0a]:focus,html:not([dark]) input[type=reset][data-v-498b5b0a]:focus,html:not([dark]) a[data-v-498b5b0a] { 9413 outline: none 9414 } 9415 9416 html:not([dark]) .blu-button[data-v-498b5b0a] { 9417 --blu-button-border-width: 1px; 9418 --blu-button-border-radius: 64px; 9419 --blu-button-color-text: #ffffff; 9420 --blu-button-color-icon: #ffffff; 9421 --blu-button-opacity: $blu-button-opacity; 9422 --blu-button-size-height: 48px; 9423 --blu-button-icon-size: 24px; 9424 --blu-button-spacing-padding: 0 32px; 9425 --blu-button-spacing-gap: 8px; 9426 --blu-button-text: 600 16px/20px Blibli, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif; 9427 padding: var(--blu-button-spacing-padding); 9428 height: var(--blu-button-size-height); 9429 border-radius: var(--blu-button-border-radius); 9430 transition: transform .3s .08s,all .3s; 9431 color: var(--blu-button-color-text); 9432 background-color: var(--blu-button-color-background); 9433 font: var(--blu-button-text); 9434 box-shadow: 0 0 0 var(--blu-button-border-width) var(--blu-button-color-border); 9435 display: inline-flex; 9436 justify-content: center; 9437 align-items: center; 9438 white-space: nowrap 9439 } 9440 9441 html:not([dark]) .blu-button[data-v-498b5b0a]:active:hover:not(.b-disabled),html:not([dark]) .blu-button:active.b-hover[data-v-498b5b0a]:not(.b-disabled) { 9442 transform: scale(.875) 9443 } 9444 9445 html:not([dark]) .blu-button[data-v-498b5b0a]:focus-visible { 9446 outline: none 9447 } 9448 9449 html:not([dark]) .blu-button[data-v-498b5b0a]:focus-visible:not(.b-disabled) { 9450 box-shadow: 0 0 0 2px #19222a 9451 } 9452 9453 html:not([dark]) .blu-button__icon[data-v-498b5b0a] { 9454 display: flex; 9455 color: var(--blu-button-color-icon) 9456 } 9457 9458 html:not([dark]) .blu-button__icon[data-v-498b5b0a] svg { 9459 width: var(--blu-button-icon-size); 9460 height: var(--blu-button-icon-size) 9461 } 9462 9463 html:not([dark]) .blu-button.b-has-icon:not(.b-has-icon-only) .blu-button__icon[data-v-498b5b0a] { 9464 margin-right: var(--blu-button-spacing-gap) 9465 } 9466 9467 html:not([dark]) .blu-button.b-has-icon-only[data-v-498b5b0a] { 9468 --blu-button-spacing-padding: 0 12px 9469 } 9470 9471 html:not([dark]) .blu-button.b-loading[data-v-498b5b0a] .blu-loader-wrapper svg { 9472 display: flex; 9473 width: 18px;
9474 height: 18px 9475 } 9476 9477 html:not([dark]) .blu-button.b-disabled[data-v-498b5b0a] { 9478 cursor: not-allowed 9479 } 9480 9481 html:not([dark]) .blu-button.b-disabled[data-v-498b5b0a]:active { 9482 pointer-events: none 9483 } 9484 9485 html:not([dark]) .blu-button.b-full-width[data-v-498b5b0a] { 9486 width: 100% 9487 } 9488 9489 html:not([dark]) .blu-button.b-primary.b-common[data-v-498b5b0a] { 9490 --blu-button-color-background: #FF0000 9491 } 9492 9493 html:not([dark]) .blu-button.b-primary.b-common.b-hover[data-v-498b5b0a]:not(.b-disabled),html:not([dark]) .blu-button.b-primary.b-common[data-v-498b5b0a]:hover:not(.b-disabled),html:not([dark]) .blu-button.b-primary.b-common[data-v-498b5b0a]:active:not(.b-disabled),html:not([dark]) .blu-button.b-primary.b-common[data-v-498b5b0a]:focus-visible:not(.b-disabled) { 9494 --blu-button-color-background: #1d8fff; 9495 --blu-button-color-border: transparent 9496 } 9497 9498 html:not([dark]) .blu-button.b-primary.b-danger[data-v-498b5b0a] { 9499 --blu-button-color-background: #e93c3c 9500 } 9501 9502 html:not([dark]) .blu-button.b-primary.b-danger.b-hover[data-v-498b5b0a]:not(.b-disabled),html:not([dark]) .blu-button.b-primary.b-danger[data-v-498b5b0a]:hover:not(.b-disabled),html:not([dark]) .blu-button.b-primary.b-danger[data-v-498b5b0a]:active:not(.b-disabled),html:not([dark]) .blu-button.b-primary.b-danger[data-v-498b5b0a]:focus-visible:not(.b-disabled) { 9503 --blu-button-color-background: #ff4646; 9504 --blu-button-color-border: transparent 9505 } 9506 9507 html:not([dark]) .blu-button.b-primary.b-inverted[data-v-498b5b0a] { 9508 --blu-button-color-background: #ffffff; 9509 --blu-button-color-text: #006dea; 9510 --blu-button-color-icon: #FF0000 9511 } 9512 9513 html:not([dark]) .blu-button.b-primary.b-inverted.b-hover[data-v-498b5b0a]:not(.b-disabled),html:not([dark]) .blu-button.b-primary.b-inverted[data-v-498b5b0a]:hover:not(.b-disabled),html:not([dark]) .blu-button.b-primary.b-inverted[data-v-498b5b0a]:active:not(.b-disabled),html:not([dark]) .blu-button.b-primary.b-inverted[data-v-498b5b0a]:focus-visible:not(.b-disabled) { 9514 --blu-button-color-background: #f9f9fa; 9515 --blu-button-color-border: transparent 9516 } 9517 9518 html:not([dark]) .blu-button.b-primary.b-disabled[data-v-498b5b0a] { 9519 --blu-button-color-background: #e1e3e4; 9520 --blu-button-color-text: rgba(25, 34, 42, .3019607843); 9521 --blu-button-color-icon: rgba(25, 34, 42, .3019607843) 9522 } 9523 9524 html:not([dark]) .blu-button.b-primary.b-disabled[data-v-498b5b0a]:not(.b-inverted) { 9525 --blu-button-color-background: #e1e3e4; 9526 --blu-button-color-text: rgba(25, 34, 42, .3019607843); 9527 --blu-button-color-icon: rgba(25, 34, 42, .3019607843) 9528 } 9529 9530 html:not([dark]) .blu-button.b-small[data-v-498b5b0a] { 9531 --blu-button-border-radius: 64px; 9532 --blu-button-size-height: 36px; 9533 --blu-button-spacing-padding: 0 16px; 9534 --blu-button-text: 600 14px/18px Blibli, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif; 9535 --blu-button-icon-size: 18px; 9536 --blu-button-spacing-gap: 4px 9537 } 9538 9539 html:not([dark]) .blu-button.b-small.b-has-icon-only[data-v-498b5b0a] { 9540 --blu-button-spacing-padding: 0 9px 9541 } 9542 9543 html:not([dark]) .blu-button.b-secondary[data-v-498b5b0a] { 9544 --blu-button-color-background: #ffffff 9545 } 9546 9547 html:not([dark]) .blu-button.b-secondary.b-common[data-v-498b5b0a] { 9548 --blu-button-color-border: #1d8fff; 9549 --blu-button-color-text: #006dea; 9550 --blu-button-color-icon: #FF0000 9551 } 9552 9553 html:not([dark]) .blu-button.b-secondary.b-common.b-hover[data-v-498b5b0a]:not(.b-disabled),html:not([dark]) .blu-button.b-secondary.b-common[data-v-498b5b0a]:hover:not(.b-disabled),html:not([dark]) .blu-button.b-secondary.b-common[data-v-498b5b0a]:active:not(.b-disabled),html:not([dark]) .blu-button.b-secondary.b-common[data-v-498b5b0a]:focus-visible:not(.b-disabled) { 9554 --blu-button-color-background: #f3f9ff; 9555 --blu-button-color-border: #FF0000 9556 } 9557 9558 html:not([dark]) .blu-button.b-secondary.b-danger[data-v-498b5b0a] { 9559 --blu-button-color-border: #ff4646; 9560 --blu-button-color-text: #d33534; 9561 --blu-button-color-icon: #e93c3c 9562 } 9563 9564 html:not([dark]) .blu-button.b-secondary.b-danger.b-hover[data-v-498b5b0a]:not(.b-disabled),html:not([dark]) .blu-button.b-secondary.b-danger[data-v-498b5b0a]:hover:not(.b-disabled),html:not([dark]) .blu-button.b-secondary.b-danger[data-v-498b5b0a]:active:not(.b-disabled),html:not([dark]) .blu-button.b-secondary.b-danger[data-v-498b5b0a]:focus-visible:not(.b-disabled) { 9565 --blu-button-color-background: #fff5f5; 9566 --blu-button-color-border: #e93c3c 9567 } 9568 9569 html:not([dark]) .blu-button.b-secondary.b-inverted[data-v-498b5b0a] { 9570 --blu-button-color-background: rgba(25, 34, 42, .3019607843); 9571 --blu-button-color-border: #ffffff; 9572 --blu-button-color-text: #ffffff; 9573 --blu-button-color-icon: #ffffff 9574 } 9575 9576 html:not([dark]) .blu-button.b-secondary.b-inverted.b-hover[data-v-498b5b0a]:not(.b-disabled),html:not([dark]) .blu-button.b-secondary.b-inverted[data-v-498b5b0a]:hover:not(.b-disabled),html:not([dark]) .blu-button.b-secondary.b-inverted[data-v-498b5b0a]:active:not(.b-disabled),html:not([dark]) .blu-button.b-secondary.b-inverted[data-v-498b5b0a]:focus-visible:not(.b-disabled) { 9577 --blu-button-color-background: rgba(255, 255, 255, .4); 9578 --blu-button-color-border: #ffffff 9579 } 9580 9581 html:not([dark]) .blu-button.b-secondary.b-disabled[data-v-498b5b0a] { 9582 --blu-button-color-background: #e1e3e4; 9583 --blu-button-color-border: #c8cbcd; 9584 --blu-button-color-text: rgba(25, 34, 42, .3019607843); 9585 --blu-button-color-icon: rgba(25, 34, 42, .3019607843) 9586 } 9587 9588 html:not([dark]) .blu-button.b-secondary.b-disabled[data-v-498b5b0a]:not(.b-inverted) { 9589 --blu-button-color-background: #e1e3e4; 9590 --blu-button-color-border: #c8cbcd; 9591 --blu-button-color-text: rgba(25, 34, 42, .3019607843); 9592 --blu-button-color-icon: rgba(25, 34, 42, .3019607843) 9593 } 9594 9595 html:not([dark]) .blu-button[data-v-498b5b0a] { 9596 width: var(--blu-button-custom-width) 9597 } 9598 9599 html:not([dark]) .blu-button.b-tertiary.b-common[data-v-498b5b0a] { 9600 --blu-button-color-text: #006dea; 9601 --blu-button-color-icon: #FF0000 9602 } 9603 9604 html:not([dark]) .blu-button.b-tertiary.b-common.b-hover[data-v-498b5b0a]:not(.b-disabled),html:not([dark]) .blu-button.b-tertiary.b-common[data-v-498b5b0a]:hover:not(.b-disabled),html:not([dark]) .blu-button.b-tertiary.b-common[data-v-498b5b0a]:active:not(.b-disabled),html:not([dark]) .blu-button.b-tertiary.b-common[data-v-498b5b0a]:focus-visible:not(.b-disabled) { 9605 --blu-button-color-background: #f3f9ff; 9606 --blu-button-color-border: transparent 9607 } 9608 9609 html:not([dark]) .blu-button.b-tertiary.b-danger[data-v-498b5b0a] { 9610 --blu-button-color-text: #d33534; 9611 --blu-button-color-icon: #e93c3c 9612 } 9613 9614 html:not([dark]) .blu-button.b-tertiary.b-danger.b-hover[data-v-498b5b0a]:not(.b-disabled),html:not([dark]) .blu-button.b-tertiary.b-danger[data-v-498b5b0a]:hover:not(.b-disabled),html:not([dark]) .blu-button.b-tertiary.b-danger[data-v-498b5b0a]:active:not(.b-disabled),html:not([dark]) .blu-button.b-tertiary.b-danger[data-v-498b5b0a]:focus-visible:not(.b-disabled) { 9615 --blu-button-color-background: #fff5f5; 9616 --blu-button-color-border: transparent 9617 } 9618 9619 html:not([dark]) .blu-button.b-tertiary.b-inverted[data-v-498b5b0a] { 9620 --blu-button-color-text: #ffffff; 9621 --blu-button-color-icon: #ffffff 9622 } 9623 9624 html:not([dark]) .blu-button.b-tertiary.b-inverted.b-hover[data-v-498b5b0a]:not(.b-disabled),html:not([dark]) .blu-button.b-tertiary.b-inverted[data-v-498b5b0a]:hover:not(.b-disabled),html:not([dark]) .blu-button.b-tertiary.b-inverted[data-v-498b5b0a]:active:not(.b-disabled),html:not([dark]) .blu-button.b-tertiary.b-inverted[data-v-498b5b0a]:focus-visible:not(.b-disabled) { 9625 --blu-button-color-background: rgba(255, 255, 255, .4); 9626 --blu-button-color-border: transparent 9627 } 9628 9629 html:not([dark]) .blu-button.b-tertiary.b-disabled[data-v-498b5b0a] { 9630 --blu-button-color-text: rgba(255, 255, 255, .4); 9631 --blu-button-color-icon: rgba(255, 255, 255, .4) 9632 } 9633 9634 html:not([dark]) .blu-button.b-tertiary.b-disabled[data-v-498b5b0a]:not(.b-inverted) { 9635 --blu-button-color-text: rgba(25, 34, 42, .3019607843); 9636 --blu-button-color-icon: rgba(25, 34, 42, .3019607843) 9637 } 9638 9639 html:not([dark]) a[data-v-498b5b0a] { 9640 text-decoration: none 9641 } 9642 9643 html[dark] button[data-v-498b5b0a] { 9644 border: none; 9645 background: none; 9646 cursor: pointer; 9647 font-family: Blibli,-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif; 9648 padding: 0 9649 } 9650 9651 html[dark] input[type=submit][data-v-498b5b0a]::-moz-focus-inner,html[dark] input[type=button][data-v-498b5b0a]::-moz-focus-inner { 9652 border: 0px 9653 } 9654 9655 html[dark] button[data-v-498b5b0a]:focus,html[dark] input[type=submit][data-v-498b5b0a]:focus,html[dark] input[type=button][data-v-498b5b0a]:focus,html[dark] input[type=reset][data-v-498b5b0a]:focus,html[dark] a[data-v-498b5b0a] { 9656 outline: none 9657 } 9658 9659 html[dark] .blu-button[data-v-498b5b0a] { 9660 --blu-button-border-width: 1px; 9661 --blu-button-border-radius: 64px; 9662 --blu-button-color-text: #ffffff; 9663 --blu-button-color-icon: #ffffff; 9664 --blu-button-opacity: $blu-button-opacity; 9665 --blu-button-size-height: 48px; 9666 --blu-button-icon-size: 24px; 9667 --blu-button-spacing-padding: 0 32px; 9668 --blu-button-spacing-gap: 8px; 9669 --blu-button-text: 600 16px/20px Blibli, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif; 9670 padding: var(--blu-button-spacing-padding); 9671 height: var(--blu-button-size-height); 9672 border-radius: var(--blu-button-border-radius); 9673 transition: transform .3s .08s,all .3s; 9674 color: var(--blu-button-color-text); 9675 background-color: var(--blu-button-color-background); 9676 font: var(--blu-button-text); 9677 box-shadow: 0 0 0 var(--blu-button-border-width) var(--blu-button-color-border); 9678 display: inline-flex; 9679 justify-content: center; 9680 align-items: center; 9681 white-space: nowrap 9682 } 9683 9684 html[dark] .blu-button[data-v-498b5b0a]:active:hover:not(.b-disabled),html[dark] .blu-button:active.b-hover[data-v-498b5b0a]:not(.b-disabled) { 9685 transform: scale(.875) 9686 } 9687 9688 html[dark] .blu-button[data-v-498b5b0a]:focus-visible { 9689 outline: none 9690 } 9691 9692 html[dark] .blu-button[data-v-498b5b0a]:focus-visible:not(.b-disabled) { 9693 box-shadow: 0 0 0 2px #f9f9fa 9694 } 9695 9696 html[dark] .blu-button__icon[data-v-498b5b0a] { 9697 display: flex; 9698 color: var(--blu-button-color-icon) 9699 } 9700 9701 html[dark] .blu-button__icon[data-v-498b5b0a] svg { 9702 width: var(--blu-button-icon-size); 9703 height: var(--blu-button-icon-size) 9704 } 9705 9706 html[dark] .blu-button.b-has-icon:not(.b-has-icon-only) .blu-button__icon[data-v-498b5b0a] { 9707 margin-right: var(--blu-button-spacing-gap) 9708 } 9709 9710 html[dark] .blu-button.b-has-icon-only[data-v-498b5b0a] { 9711 --blu-button-spacing-padding: 0 12px 9712 } 9713 9714 html[dark] .blu-button.b-loading[data-v-498b5b0a] .blu-loader-wrapper svg { 9715 display: flex; 9716 width: 18px;
9717 height: 18px 9718 } 9719 9720 html[dark] .blu-button.b-disabled[data-v-498b5b0a] { 9721 cursor: not-allowed 9722 } 9723 9724 html[dark] .blu-button.b-disabled[data-v-498b5b0a]:active { 9725 pointer-events: none 9726 } 9727 9728 html[dark] .blu-button.b-full-width[data-v-498b5b0a] { 9729 width: 100% 9730 } 9731 9732 html[dark] .blu-button.b-primary.b-common[data-v-498b5b0a] { 9733 --blu-button-color-background: #FF0000 9734 } 9735 9736 html[dark] .blu-button.b-primary.b-common.b-hover[data-v-498b5b0a]:not(.b-disabled),html[dark] .blu-button.b-primary.b-common[data-v-498b5b0a]:hover:not(.b-disabled),html[dark] .blu-button.b-primary.b-common[data-v-498b5b0a]:active:not(.b-disabled),html[dark] .blu-button.b-primary.b-common[data-v-498b5b0a]:focus-visible:not(.b-disabled) { 9737 --blu-button-color-background: #1d8fff; 9738 --blu-button-color-border: transparent 9739 } 9740 9741 html[dark] .blu-button.b-primary.b-danger[data-v-498b5b0a] { 9742 --blu-button-color-background: #e93c3c 9743 } 9744 9745 html[dark] .blu-button.b-primary.b-danger.b-hover[data-v-498b5b0a]:not(.b-disabled),html[dark] .blu-button.b-primary.b-danger[data-v-498b5b0a]:hover:not(.b-disabled),html[dark] .blu-button.b-primary.b-danger[data-v-498b5b0a]:active:not(.b-disabled),html[dark] .blu-button.b-primary.b-danger[data-v-498b5b0a]:focus-visible:not(.b-disabled) { 9746 --blu-button-color-background: #ff4646; 9747 --blu-button-color-border: transparent 9748 } 9749 9750 html[dark] .blu-button.b-primary.b-inverted[data-v-498b5b0a] { 9751 --blu-button-color-background: #12171d; 9752 --blu-button-color-text: #4fa4ff; 9753 --blu-button-color-icon: #4fa4ff 9754 } 9755 9756 html[dark] .blu-button.b-primary.b-inverted.b-hover[data-v-498b5b0a]:not(.b-disabled),html[dark] .blu-button.b-primary.b-inverted[data-v-498b5b0a]:hover:not(.b-disabled),html[dark] .blu-button.b-primary.b-inverted[data-v-498b5b0a]:active:not(.b-disabled),html[dark] .blu-button.b-primary.b-inverted[data-v-498b5b0a]:focus-visible:not(.b-disabled) { 9757 --blu-button-color-background: #19222a; 9758 --blu-button-color-border: transparent 9759 } 9760 9761 html[dark] .blu-button.b-primary.b-disabled[data-v-498b5b0a] { 9762 --blu-button-color-background: #3b444c; 9763 --blu-button-color-text: rgba(255, 255, 255, .3019607843); 9764 --blu-button-color-icon: rgba(255, 255, 255, .3019607843) 9765 } 9766 9767 html[dark] .blu-button.b-primary.b-disabled[data-v-498b5b0a]:not(.b-inverted) { 9768 --blu-button-color-background: #3b444c; 9769 --blu-button-color-text: rgba(255, 255, 255, .3019607843); 9770 --blu-button-color-icon: rgba(255, 255, 255, .3019607843) 9771 } 9772 9773 html[dark] .blu-button.b-small[data-v-498b5b0a] { 9774 --blu-button-border-radius: 64px; 9775 --blu-button-size-height: 36px; 9776 --blu-button-spacing-padding: 0 16px; 9777 --blu-button-text: 600 14px/18px Blibli, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif; 9778 --blu-button-icon-size: 18px; 9779 --blu-button-spacing-gap: 4px 9780 } 9781 9782 html[dark] .blu-button.b-small.b-has-icon-only[data-v-498b5b0a] { 9783 --blu-button-spacing-padding: 0 9px 9784 } 9785 9786 html[dark] .blu-button.b-secondary[data-v-498b5b0a] { 9787 --blu-button-color-background: #12171d 9788 } 9789 9790 html[dark] .blu-button.b-secondary.b-common[data-v-498b5b0a] { 9791 --blu-button-color-border: #4fa4ff; 9792 --blu-button-color-text: #4fa4ff; 9793 --blu-button-color-icon: #4fa4ff 9794 } 9795 9796 html[dark] .blu-button.b-secondary.b-common.b-hover[data-v-498b5b0a]:not(.b-disabled),html[dark] .blu-button.b-secondary.b-common[data-v-498b5b0a]:hover:not(.b-disabled),html[dark] .blu-button.b-secondary.b-common[data-v-498b5b0a]:active:not(.b-disabled),html[dark] .blu-button.b-secondary.b-common[data-v-498b5b0a]:focus-visible:not(.b-disabled) { 9797 --blu-button-color-background: #002e7a; 9798 --blu-button-color-border: #4fa4ff 9799 } 9800 9801 html[dark] .blu-button.b-secondary.b-danger[data-v-498b5b0a] { 9802 --blu-button-color-border: #ff7373; 9803 --blu-button-color-text: #ff7373; 9804 --blu-button-color-icon: #ff7373 9805 } 9806 9807 html[dark] .blu-button.b-secondary.b-danger.b-hover[data-v-498b5b0a]:not(.b-disabled),html[dark] .blu-button.b-secondary.b-danger[data-v-498b5b0a]:hover:not(.b-disabled),html[dark] .blu-button.b-secondary.b-danger[data-v-498b5b0a]:active:not(.b-disabled),html[dark] .blu-button.b-secondary.b-danger[data-v-498b5b0a]:focus-visible:not(.b-disabled) { 9808 --blu-button-color-background: #631818; 9809 --blu-button-color-border: #ff7373 9810 } 9811 9812 html[dark] .blu-button.b-secondary.b-inverted[data-v-498b5b0a] { 9813 --blu-button-color-background: rgba(255, 255, 255, .3019607843); 9814 --blu-button-color-border: #12171d; 9815 --blu-button-color-text: #12171d; 9816 --blu-button-color-icon: #12171d 9817 } 9818 9819 html[dark] .blu-button.b-secondary.b-inverted.b-hover[data-v-498b5b0a]:not(.b-disabled),html[dark] .blu-button.b-secondary.b-inverted[data-v-498b5b0a]:hover:not(.b-disabled),html[dark] .blu-button.b-secondary.b-inverted[data-v-498b5b0a]:active:not(.b-disabled),html[dark] .blu-button.b-secondary.b-inverted[data-v-498b5b0a]:focus-visible:not(.b-disabled) { 9820 --blu-button-color-background: rgba(18, 23, 29, .4); 9821 --blu-button-color-border: #12171d 9822 } 9823 9824 html[dark] .blu-button.b-secondary.b-disabled[data-v-498b5b0a] { 9825 --blu-button-color-background: #3b444c; 9826 --blu-button-color-border: #60686e; 9827 --blu-button-color-text: rgba(255, 255, 255, .3019607843); 9828 --blu-button-color-icon: rgba(255, 255, 255, .3019607843) 9829 } 9830 9831 html[dark] .blu-button.b-secondary.b-disabled[data-v-498b5b0a]:not(.b-inverted) { 9832 --blu-button-color-background: #3b444c; 9833 --blu-button-color-border: #60686e; 9834 --blu-button-color-text: rgba(255, 255, 255, .3019607843); 9835 --blu-button-color-icon: rgba(255, 255, 255, .3019607843) 9836 } 9837 9838 html[dark] .blu-button[data-v-498b5b0a] { 9839 width: var(--blu-button-custom-width) 9840 } 9841 9842 html[dark] .blu-button.b-tertiary.b-common[data-v-498b5b0a] { 9843 --blu-button-color-text: #4fa4ff; 9844 --blu-button-color-icon: #4fa4ff 9845 } 9846 9847 html[dark] .blu-button.b-tertiary.b-common.b-hover[data-v-498b5b0a]:not(.b-disabled),html[dark] .blu-button.b-tertiary.b-common[data-v-498b5b0a]:hover:not(.b-disabled),html[dark] .blu-button.b-tertiary.b-common[data-v-498b5b0a]:active:not(.b-disabled),html[dark] .blu-button.b-tertiary.b-common[data-v-498b5b0a]:focus-visible:not(.b-disabled) { 9848 --blu-button-color-background: #002e7a; 9849 --blu-button-color-border: transparent 9850 } 9851 9852 html[dark] .blu-button.b-tertiary.b-danger[data-v-498b5b0a] { 9853 --blu-button-color-text: #ff7373; 9854 --blu-button-color-icon: #ff7373 9855 } 9856 9857 html[dark] .blu-button.b-tertiary.b-danger.b-hover[data-v-498b5b0a]:not(.b-disabled),html[dark] .blu-button.b-tertiary.b-danger[data-v-498b5b0a]:hover:not(.b-disabled),html[dark] .blu-button.b-tertiary.b-danger[data-v-498b5b0a]:active:not(.b-disabled),html[dark] .blu-button.b-tertiary.b-danger[data-v-498b5b0a]:focus-visible:not(.b-disabled) { 9858 --blu-button-color-background: #631818; 9859 --blu-button-color-border: transparent 9860 } 9861 9862 html[dark] .blu-button.b-tertiary.b-inverted[data-v-498b5b0a] { 9863 --blu-button-color-text: #12171d; 9864 --blu-button-color-icon: #12171d 9865 } 9866 9867 html[dark] .blu-button.b-tertiary.b-inverted.b-hover[data-v-498b5b0a]:not(.b-disabled),html[dark] .blu-button.b-tertiary.b-inverted[data-v-498b5b0a]:hover:not(.b-disabled),html[dark] .blu-button.b-tertiary.b-inverted[data-v-498b5b0a]:active:not(.b-disabled),html[dark] .blu-button.b-tertiary.b-inverted[data-v-498b5b0a]:focus-visible:not(.b-disabled) { 9868 --blu-button-color-background: rgba(18, 23, 29, .4); 9869 --blu-button-color-border: transparent 9870 } 9871 9872 html[dark] .blu-button.b-tertiary.b-disabled[data-v-498b5b0a] { 9873 --blu-button-color-text: rgba(18, 23, 29, .4); 9874 --blu-button-color-icon: rgba(18, 23, 29, .4) 9875 } 9876 9877 html[dark] .blu-button.b-tertiary.b-disabled[data-v-498b5b0a]:not(.b-inverted) { 9878 --blu-button-color-text: rgba(255, 255, 255, .3019607843); 9879 --blu-button-color-icon: rgba(255, 255, 255, .3019607843) 9880 } 9881 9882 html[dark] a[data-v-498b5b0a] { 9883 text-decoration: none 9884 } 9885 </style> 9886 <style> 9887 html:not([dark]) .blu-badge[data-v-4cd4e6d8] { 9888 --blu-badge-color-text: #ffffff; 9889 --blu-badge-color-border: #ffffff; 9890 --blu-badge-text: 600 12px/16px Blibli, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif; 9891 --blu-badge-border-radius: 4px; 9892 --blu-badge-border-width: 1px; 9893 --blu-badge-padding: 0 4px 1px; 9894 font: var(--blu-badge-text); 9895 border-radius: var(--blu-badge-border-radius); 9896 box-shadow: 0 0 0 var(--blu-badge-border-width) var(--blu-badge-color-border); 9897 padding: var(--blu-badge-padding); 9898 display: inline-flex; 9899 box-sizing: border-box; 9900 justify-content: center; 9901 align-items: center; 9902 line-height: 15px; 9903 max-height: 16px; 9904 white-space: nowrap 9905 } 9906 9907 html:not([dark]) .blu-badge[data-v-4cd4e6d8] svg { 9908 display: flex; 9909 width: 12px; 9910 height: 12px; 9911 color: var(--blu-badge-item-leading-color-icon) 9912 } 9913 9914 html:not([dark]) .blu-badge *[data-v-4cd4e6d8]:not(:last-child) { 9915 margin-right: 2px 9916 } 9917 9918 html:not([dark]) .blu-badge[data-v-4cd4e6d8]:not(.b-dot) { 9919 min-width: 16px 9920 } 9921 9922 html:not([dark]) .blu-badge.b-dot[data-v-4cd4e6d8] { 9923 --blu-badge-size: 8px; 9924 width: var(--blu-badge-size); 9925 height: var(--blu-badge-size) 9926 } 9927 9928 html:not([dark]) .blu-badge[data-v-4cd4e6d8]:not(.b-secondary) { 9929 --blu-badge-item-leading-color-icon: var(--blu-badge-color-icon); 9930 color: var(--blu-badge-color-text); 9931 background-color: var(--blu-badge-color-background) 9932 } 9933 9934 html:not([dark]) .blu-badge.b-secondary[data-v-4cd4e6d8] { 9935 --blu-badge-item-leading-color-icon: var(--blu-badge-color-icon-low); 9936 color: var(--blu-badge-color-text-low); 9937 background-color: var(--blu-badge-color-background-low) 9938 } 9939 9940 html:not([dark]) .blu-badge.b-blue[data-v-4cd4e6d8] { 9941 --blu-badge-color-background-low: #e1f1ff; 9942 --blu-badge-color-background: #1d8fff; 9943 --blu-badge-color-text-low: #006dea; 9944 --blu-badge-color-icon-low: #FF0000; 9945 --blu-badge-color-icon: #ffffff 9946 } 9947 9948 html:not([dark]) .blu-badge.b-yellow[data-v-4cd4e6d8] { 9949 --blu-badge-color-background-low: #ffe6ce; 9950 --blu-badge-color-background: #ff7f00; 9951 --blu-badge-color-text-low: #dc5300; 9952 --blu-badge-color-icon-low: #f05a00; 9953 --blu-badge-color-icon: #ffffff 9954 } 9955 9956 html:not([dark]) .blu-badge.b-red[data-v-4cd4e6d8] { 9957 --blu-badge-color-background-low: #ffe6e6; 9958 --blu-badge-color-background: #ff4646; 9959 --blu-badge-color-text-low: #d33534; 9960 --blu-badge-color-icon-low: #e93c3c; 9961 --blu-badge-color-icon: #ffffff 9962 } 9963 9964 html:not([dark]) .blu-badge.b-green[data-v-4cd4e6d8] { 9965 --blu-badge-color-background-low: #d6f7da; 9966 --blu-badge-color-background: #22a334; 9967 --blu-badge-color-text-low: #1c832a; 9968 --blu-badge-color-icon-low: #1f912e; 9969 --blu-badge-color-icon: #ffffff 9970 } 9971 9972 html:not([dark]) .blu-badge.b-purple[data-v-4cd4e6d8] { 9973 --blu-badge-color-background-low: #fddef0; 9974 --blu-badge-color-background: #ff0f9d; 9975 --blu-badge-color-text-low: #834bee; 9976 --blu-badge-color-icon-low: #834bee; 9977 --blu-badge-color-icon: #ffffff 9978 } 9979 9980 html:not([dark]) .blu-badge.b-magenta[data-v-4cd4e6d8] { 9981 --blu-badge-color-background-low: #fddef0; 9982 --blu-badge-color-background: #ff0f9d; 9983 --blu-badge-color-text-low: #ff0f9d; 9984 --blu-badge-color-icon-low: #ff0f9d; 9985 --blu-badge-color-icon: #ffffff 9986 } 9987 9988 html:not([dark]) .blu-badge.b-gray[data-v-4cd4e6d8] { 9989 --blu-badge-color-background-low: #f1f2f2; 9990 --blu-badge-color-background: #28323b; 9991 --blu-badge-color-text-low: rgba(25, 34, 42, .7019607843); 9992 --blu-badge-color-text: #ffffff; 9993 --blu-badge-color-icon-low: rgba(25, 34, 42, .7019607843); 9994 --blu-badge-color-icon: #ffffff 9995 } 9996 9997 html:not([dark]) .blu-badge.b-invert[data-v-4cd4e6d8] { 9998 --blu-badge-color-background-low: #ffffff; 9999 --blu-badge-color-background: #ffffff; 10000 --blu-badge-color-text-low: rgba(25, 34, 42, .4); 10001 --blu-badge-color-text: #006dea; 10002 --blu-badge-color-icon-low: rgba(25, 34, 42, .4); 10003 --blu-badge-color-icon: #FF0000 10004 } 10005 10006 html:not([dark]) .blu-badge.b-notification[data-v-4cd4e6d8] { 10007 --blu-badge-border-radius: 8px 10008 } 10009 10010 html:not([dark]) .blu-badge.b-tooltip[data-v-4cd4e6d8] { 10011 cursor: pointer 10012 } 10013 10014 html[dark] .blu-badge[data-v-4cd4e6d8] { 10015 --blu-badge-color-text: #ffffff; 10016 --blu-badge-color-border: #12171d; 10017 --blu-badge-text: 600 12px/16px Blibli, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif; 10018 --blu-badge-border-radius: 4px; 10019 --blu-badge-border-width: 1px; 10020 --blu-badge-padding: 0 4px 1px; 10021 font: var(--blu-badge-text); 10022 border-radius: var(--blu-badge-border-radius); 10023 box-shadow: 0 0 0 var(--blu-badge-border-width) var(--blu-badge-color-border); 10024 padding: var(--blu-badge-padding); 10025 display: inline-flex; 10026 box-sizing: border-box; 10027 justify-content: center; 10028 align-items: center; 10029 line-height: 15px; 10030 max-height: 16px; 10031 white-space: nowrap 10032 } 10033 10034 html[dark] .blu-badge[data-v-4cd4e6d8] svg { 10035 display: flex; 10036 width: 12px; 10037 height: 12px; 10038 color: var(--blu-badge-item-leading-color-icon) 10039
10039 } 10040 10041 html[dark] .blu-badge *[data-v-4cd4e6d8]:not(:last-child) { 10042 margin-right: 2px 10043 } 10044 10045 html[dark] .blu-badge[data-v-4cd4e6d8]:not(.b-dot) { 10046 min-width: 16px 10047 } 10048 10049 html[dark] .blu-badge.b-dot[data-v-4cd4e6d8] { 10050 --blu-badge-size: 8px; 10051 width: var(--blu-badge-size); 10052 height: var(--blu-badge-size) 10053 } 10054 10055 html[dark] .blu-badge[data-v-4cd4e6d8]:not(.b-secondary) { 10056 --blu-badge-item-leading-color-icon: var(--blu-badge-color-icon); 10057 color: var(--blu-badge-color-text); 10058 background-color: var(--blu-badge-color-background) 10059 } 10060 10061 html[dark] .blu-badge.b-secondary[data-v-4cd4e6d8] { 10062 --blu-badge-item-leading-color-icon: var(--blu-badge-color-icon-low); 10063 color: var(--blu-badge-color-text-low); 10064 background-color: var(--blu-badge-color-background-low) 10065 } 10066 10067 html[dark] .blu-badge.b-blue[data-v-4cd4e6d8] { 10068 --blu-badge-color-background-low: #0046aa; 10069 --blu-badge-color-background: #1d8fff; 10070 --blu-badge-color-text-low: #4fa4ff; 10071 --blu-badge-color-icon-low: #4fa4ff; 10072 --blu-badge-color-icon: #ffffff 10073 } 10074 10075 html[dark] .blu-badge.b-yellow[data-v-4cd4e6d8] { 10076 --blu-badge-color-background-low: #ffe6ce; 10077 --blu-badge-color-background: #ff7f00; 10078 --blu-badge-color-text-low: #dc5300; 10079 --blu-badge-color-icon-low: #f05a00; 10080 --blu-badge-color-icon: #ffffff 10081 } 10082 10083 html[dark] .blu-badge.b-red[data-v-4cd4e6d8] { 10084 --blu-badge-color-background-low: #8d2221; 10085 --blu-badge-color-background: #ff4646; 10086 --blu-badge-color-text-low: #ff7373; 10087 --blu-badge-color-icon-low: #ff7373; 10088 --blu-badge-color-icon: #ffffff 10089 } 10090 10091 html[dark] .blu-badge.b-green[data-v-4cd4e6d8] { 10092 --blu-badge-color-background-low: #13561c; 10093 --blu-badge-color-background: #22a334; 10094 --blu-badge-color-text-low: #02c82b; 10095 --blu-badge-color-icon-low: #02c82b; 10096 --blu-badge-color-icon: #ffffff 10097 } 10098 10099 html[dark] .blu-badge.b-purple[data-v-4cd4e6d8] { 10100 --blu-badge-color-background-low: #fddef0; 10101 --blu-badge-color-background: #ff0f9d; 10102 --blu-badge-color-text-low: #834bee; 10103 --blu-badge-color-icon-low: #834bee; 10104 --blu-badge-color-icon: #12171d 10105 } 10106 10107 html[dark] .blu-badge.b-magenta[data-v-4cd4e6d8] { 10108 --blu-badge-color-background-low: #fddef0; 10109 --blu-badge-color-background: #ff0f9d; 10110 --blu-badge-color-text-low: #ff0f9d; 10111 --blu-badge-color-icon-low: #ff0f9d; 10112 --blu-badge-color-icon: #12171d 10113 } 10114 10115 html[dark] .blu-badge.b-gray[data-v-4cd4e6d8] { 10116 --blu-badge-color-background-low: #28323b; 10117 --blu-badge-color-background: #f1f2f2; 10118 --blu-badge-color-text-low: rgba(255, 255, 255, .8); 10119 --blu-badge-color-text: #12171d; 10120 --blu-badge-color-icon-low: rgba(255, 255, 255, .8); 10121 --blu-badge-color-icon: #12171d 10122 } 10123 10124 html[dark] .blu-badge.b-invert[data-v-4cd4e6d8] { 10125 --blu-badge-color-background-low: #12171d; 10126 --blu-badge-color-background: #12171d; 10127 --blu-badge-color-text-low: rgba(255, 255, 255, .5019607843); 10128 --blu-badge-color-text: #4fa4ff; 10129 --blu-badge-color-icon-low: rgba(255, 255, 255, .5019607843); 10130 --blu-badge-color-icon: #4fa4ff 10131 } 10132 10133 html[dark] .blu-badge.b-notification[data-v-4cd4e6d8] { 10134 --blu-badge-border-radius: 8px 10135 } 10136 10137 html[dark] .blu-badge.b-tooltip[data-v-4cd4e6d8] { 10138 cursor: pointer 10139 } 10140 </style> 10141 <link data-vue-meta="2" rel="canonical" href="https://casinopokerspin.com/" /> 10142<link rel="amphtml" href="https://macau-4d-terupdate.pages.dev/" /> 10143<link rel="alternate" hreflang="id-id" href="https://casinopokerspin.com/togel-online/" /> 10144 <link rel="alternate" hreflang="en" href="https://casinopokerspin.com/togel-online/" /> 10145 <link rel="alternate" hreflang="x-default" href="https://casinopokerspin.com/togel-online/" /> 10146 10147 <meta data-vue-meta="2" data-vmid="description" name="description" content="LGOACE menggunakan situs togel online dengan informasi pasaran Data Macau 4D y
10147ang memberikan tampilan modern, navigasi praktis, dan akses informasi hasil pasaran dalam satu platform"> 10148 <meta data-vue-meta="2" data-vmid="keywords" name="keywords" content="LGOACE "> 10149 <meta name="publisher" content="LGOACE"> 10150 <meta data-vue-meta="2" data-vmid="og:title" property="og:title" content="LGOACE Situs Togel Online Dengan Pasaran Data Macau 4d Terupdate"> 10151 <meta data-vue-meta="2" data-vmid="og:description" property="og:description" content="LGOACE menggunakan situs togel online dengan informasi pasaran Data Macau 4D yang memberikan tampilan modern, navigasi praktis, dan akses informasi hasil pasaran dalam satu platform"> 10152 <meta data-vue-meta="2" data-vmid="og:url" property="og:url" content="https://casinopokerspin.com/" /> 10153 <meta data-vue-meta="2" data-vmid="og:image" property="og:image" content="https://veldrive.com/wf45GwRg/NIC/LGOACE/gokuace.png"> 10154 <meta data-vue-meta="2" data-vmid="og:image:secure_url" property="og:image:secure_url" content="https://veldrive.com/wf45GwRg/NIC/LGOACE/gokuace.png"> 10155 <meta data-vue-meta="2" data-vmid="twitter:title" name="twitter:title" content="LGOACE Situs Togel Online Dengan Pasaran Data Macau 4d Terupdate"> 10156 <meta data-vue-meta="2" data-vmid="twitter:description" name="twitter:description" content="LGOACE menggunakan situs togel online dengan informasi pasaran Data Macau 4D yang memberikan tampilan modern, navigasi praktis, dan akses informasi hasil pasaran dalam satu platform"> 10157 <meta data-vue-meta="2" data-vmid="twitter:url" name="twitter:url" content="https://casinopokerspin.com/" /> 10158 <meta data-vue-meta="2" data-vmid="twitter:image" name="twitter:image" content="https://veldrive.com/wf45GwRg/NIC/LGOACE/gokuace.png"> 10159 <style> 10160 *[data-v-580f03f0],*[data-v-580f03f0]:before,*[data-v-580f03f0]:after { 10161 box-sizing: border-box 10162 } 10163 10164 html:not([dark]) .blu-modal-wrapper[data-v-580f03f0] { 10165 z-index: 100; 10166 position: fixed 10167 } 10168 10169 html:not([dark]) .blu-modal[data-v-580f03f0] { 10170 --blu-modal-box-shadow: 0 1px 6px 0 rgba(0, 0, 0, .1019607843); 10171 --blu-modal-color-background: #ffffff; 10172 --blu-modal-border-radius: 16px; 10173 --blu-modal-opacity: 0; 10174 --blu-modal-size-width: 100%; 10175 --blu-modal-max-height: calc(100% - 16px); 10176 position: fixed; 10177 z-index: 101; 10178 display: flex; 10179 flex-direction: column; 10180 width: var(--blu-modal-size-width); 10181 max-height: var(--blu-modal-max-height); 10182 max-width: var(--blu-modal-max-width); 10183 box-sizing: border-box; 10184 box-shadow: var(--blu-modal-box-shadow); 10185 border-radius: var(--blu-modal-border-radius); 10186 background-color: var(--blu-modal-color-background); 10187 opacity: var(--blu-modal-opacity); 10188 transition: all .3s 10189 } 10190 10191 html:not([dark]) .blu-modal *[data-v-580f03f0] { 10192 box-sizing: inherit 10193 } 10194
10195 html:not([dark]) .blu-modal.b-active[data-v-580f03f0] { 10196 --blu-modal-opacity: 1 10197 } 10198 10199 html:not([dark]) .b-drawer.b-desktop-left .blu-modal[data-v-580f03f0],html:not([dark]) .b-drawer.b-desktop-right .blu-modal[data-v-580f03f0] { 10200 --blu-modal-max-height: 100%; 10201 height: 100% 10202 } 10203 10204 html:not([dark]) .b-status .blu-modal[data-v-580f03f0] { 10205 border-bottom: 4px solid; 10206 border-color: var(--blu-modal-color); 10207 top: 50%; 10208 left: 50%; 10209 transform: translate(-50%,-50%) 10210 } 10211 10212 html:not([dark]) .b-status .blu-modal.b-info[data-v-580f03f0] { 10213 --blu-modal-color: #1d8fff 10214 } 10215 10216 html:not([dark]) .b-status .blu-modal.b-success[data-v-580f03f0] { 10217 --blu-modal-color: #22a334 10218 } 10219 10220 html:not([dark]) .b-status .blu-modal.b-alert[data-v-580f03f0] { 10221 --blu-modal-color: #fedd6c 10222 } 10223 10224 html:not([dark]) .b-status .blu-modal.b-danger[data-v-580f03f0] { 10225 --blu-modal-color: #ff4646 10226 } 10227 10228 @media screen and (min-width: 840px),print { 10229 html:not([dark]) .blu-modal-wrapper:not(.b-drawer).fade-enter-active[data-v-580f03f0],html:not([dark]) .blu-modal-wrapper:not(.b-drawer).fade-leave-active[data-v-580f03f0] { 10230 transition:all .3s 10231 } 10232 10233 html:not([dark]) .blu-modal-wrapper:not(.b-drawer).fade-enter-from[data-v-580f03f0],html:not([dark]) .blu-modal-wrapper:not(.b-drawer).fade-leave-to[data-v-580f03f0] { 10234 opacity: 0 10235 } 10236 10237 html:not([dark]) .blu-modal-wrapper:not(.b-drawer) .blu-modal[data-v-580f03f0] { 10238 --blu-modal-max-height: 576px; 10239 top: 50%; 10240 left: 50%; 10241 transform: translate(-50%,-50%) 10242 } 10243 10244 html:not([dark]) .blu-modal-wrapper:not(.b-drawer) .blu-modal.b-small-width[data-v-580f03f0] { 10245 --blu-modal-size-width: 360px 10246 } 10247 10248 html:not([dark]) .blu-modal-wrapper:not(.b-drawer) .blu-modal.b-medium-width[data-v-580f03f0] { 10249 --blu-modal-size-width: 600px 10250 } 10251 10252 html:not([dark]) .blu-modal-wrapper:not(.b-drawer) .blu-modal.b-large-width[data-v-580f03f0] { 10253 --blu-modal-size-width: 800px 10254 } 10255 10256 html:not([dark]) .b-drawer.b-desktop-left .blu-modal.b-small-width[data-v-580f03f0],html:not([dark]) .b-drawer.b-desktop-right .blu-modal.b-small-width[data-v-580f03f0] { 10257 --blu-modal-size-width: 360px 10258 } 10259 10260 html:not([dark]) .b-drawer.b-desktop-left .blu-modal.b-medium-width[data-v-580f03f0],html:not([dark]) .b-drawer.b-desktop-right .blu-modal.b-medium-width[data-v-580f03f0] { 10261 --blu-modal-size-width: 600px 10262 } 10263 10264 html:not([dark]) .b-drawer.b-desktop-top .blu-modal[data-v-580f03f0],html:not([dark]) .b-drawer.b-desktop-bottom .blu-modal[data-v-580f03f0] { 10265 --blu-modal-max-height: 576px 10266 } 10267 10268 html:not([dark]) .b-drawer.b-desktop-left.fade-enter-active[data-v-580f03f0],html:not([dark]) .b-drawer.b-desktop-left.fade-leave-active[data-v-580f03f0] { 10269 transition: all .3s 10270 } 10271 10272 html:not([dark]) .b-drawer.b-desktop-left.fade-enter-from .blu-modal[data-v-580f03f0],html:not([dark]) .b-drawer.b-desktop-left.fade-leave-to .blu-modal[data-v-580f03f0] { 10273 left: -100vh 10274 } 10275 10276 html:not([dark]) .b-drawer.b-desktop-left .blu-modal[data-v-580f03f0] { 10277 height: 100vh; 10278 left: 0; 10279 top: 0; 10280 bottom: 0; 10281 border-radius: 0 var(--blu-modal-border-radius) var(--blu-modal-border-radius) 0 10282 } 10283 10284 html:not([dark]) .b-drawer.b-desktop-right.fade-enter-active[data-v-580f03f0],html:not([dark]) .b-drawer.b-desktop-right.fade-leave-active[data-v-580f03f0] { 10285 transition: all .3s 10286 } 10287 10288 html:not([dark]) .b-drawer.b-desktop-right.fade-enter-from .blu-modal[data-v-580f03f0],html:not([dark]) .b-drawer.b-desktop-right.fade-leave-to .blu-modal[data-v-580f03f0] { 10289 right: -100vh 10290 } 10291 10292 html:not([dark]) .b-drawer.b-desktop-right .blu-modal[data-v-580f03f0] { 10293 height: 100vh; 10294 right: 0; 10295 top: 0; 10296 bottom: 0; 10297 border-radius: var(--blu-modal-border-radius) 0 0 var(--blu-modal-border-radius) 10298 } 10299 10300 html:not([dark]) .b-drawer.b-desktop-top.fade-enter-active[data-v-580f03f0],html:not([dark]) .b-drawer.b-desktop-top.fade-leave-active[data-v-580f03f0] { 10301 transition: all .3s 10302 } 10303 10304 html:not([dark]) .b-drawer.b-desktop-top.fade-enter-from .blu-modal[data-v-580f03f0],html:not([dark]) .b-drawer.b-desktop-top.fade-leave-to .blu-modal[data-v-580f03f0] { 10305 top: -100vh 10306 } 10307 10308 html:not([dark]) .b-drawer.b-desktop-top .blu-modal[data-v-580f03f0] { 10309 top: 0; 10310 left: 50%; 10311 transform: translate(-50%); 10312 border-radius: 0 0 var(--blu-modal-border-radius) var(--blu-modal-border-radius) 10313 } 10314 10315 html:not([dark]) .b-drawer.b-desktop-bottom.fade-enter-active[data-v-580f03f0],html:not([dark]) .b-drawer.b-desktop-bottom.fade-leave-active[data-v-580f03f0] { 10316 transition: all .3s 10317 } 10318 10319 html:not([dark]) .b-drawer.b-desktop-bottom.fade-enter-from .blu-modal[data-v-580f03f0],html:not([dark]) .b-drawer.b-desktop-bottom.fade-leave-to .blu-modal[data-v-580f03f0] { 10320 bottom: -100vh 10321 } 10322 10323 html:not([dark]) .b-drawer.b-desktop-bottom .blu-modal[data-v-580f03f0] { 10324 bottom: 0; 10325 left: 50%; 10326 transform: translate(-50%); 10327 border-radius: var(--blu-modal-border-radius) var(--blu-modal-border-radius) 0 0 10328 } 10329 } 10330 10331 @media screen and (max-width: 839px) { 10332 html:not([dark]) .b-status .blu-modal[data-v-580f03f0] { 10333 --blu-modal-size-width:calc(100% - 32px) 10334 } 10335 10336 html:not([dark]) .blu-modal-wrapper:not(.b-status):not(.b-drawer):not(.b-mobile-fullscreen).fade-enter-active[data-v-580f03f0],html:not([dark]) .blu-modal-wrapper:not(.b-status):not(.b-drawer):not(.b-mobile-fullscreen).fade-leave-active[data-v-580f03f0] { 10337 transition: all .3s 10338 } 10339 10340 html:not([dark]) .blu-modal-wrapper:not(.b-status):not(.b-drawer):not(.b-mobile-fullscreen).fade-enter-from .blu-modal[data-v-580f03f0],html:not([dark]) .blu-modal-wrapper:not(.b-status):not(.b-drawer):not(.b-mobile-fullscreen).fade-leave-to .blu-modal[data-v-580f03f0] { 10341 bottom: -100vh 10342 } 10343 10344 html:not([dark]) .blu-modal-wrapper:not(.b-status):not(.b-drawer):not(.b-mobile-fullscreen) .blu-modal[data-v-580f03f0] { 10345 bottom: 0; 10346 left: 50%; 10347 transform: translate(-50%); 10348 border-radius: var(--blu-modal-border-radius) var(--blu-modal-border-radius) 0 0 10349 } 10350 10351 html:not([dark]) .blu-modal-wrapper:not(.b-status):not(.b-drawer):not(.b-mobile-fullscreen) .blu-modal.b-max-width[data-v-580f03f0] { 10352 --blu-modal-max-width: 600px 10353 } 10354 10355 html:not([dark]) .b-mobile-fullscreen.fade-enter-active[data-v-580f03f0],html:not([dark]) .b-mobile-fullscreen.fade-leave-active[data-v-580f03f0] { 10356 transition: all .3s 10357 } 10358 10359 html:not([dark]) .b-mobile-fullscreen.fade-enter-from .blu-modal[data-v-580f03f0],html:not([dark]) .b-mobile-fullscreen.fade-leave-to .blu-modal[data-v-580f03f0] { 10360 bottom: -100vh 10361 } 10362 10363 html:not([dark]) .b-mobile-fullscreen .blu-modal[data-v-580f03f0] { 10364 --blu-modal-max-height: 100%; 10365 height: 100%; 10366 width: 100%; 10367 border-radius: unset; 10368 bottom: 0; 10369 left: 0; 10370 transform: none 10371 } 10372 10373 html:not([dark]) .b-mobile-fullscreen .blu-modal[data-v-580f03f0] .blu-modal__header { 10374 box-shadow: var(--blu-modal-box-shadow) 10375 } 10376 10377 html:not([dark]) .b-mobile-fullscreen.b-desktop-left .blu-modal[data-v-580f03f0],html:not([dark]) .b-mobile-fullscreen.b-desktop-right .blu-modal[data-v-580f03f0],html:not([dark]) .b-mobile-fullscreen.b-desktop-top .blu-modal[data-v-580f03f0] { 10378 top: 0 10379 } 10380 10381 html:not([dark]) .b-mobile-fullscreen.b-desktop-left.fade-enter-active[data-v-580f03f0],html:not([dark]) .b-mobile-fullscreen.b-desktop-left.fade-leave-active[data-v-580f03f0] { 10382 transition: all .3s 10383 } 10384 10385 html:not([dark]) .b-mobile-fullscreen.b-desktop-left.fade-enter-from .blu-modal[data-v-580f03f0],html:not([dark]) .b-mobile-fullscreen.b-desktop-left.fade-leave-to .blu-modal[data-v-580f03f0] { 10386 left: -100vh 10387 } 10388 10389 html:not([dark]) .b-mobile-fullscreen.b-desktop-right.fade-enter-active[data-v-580f03f0],html:not([dark]) .b-mobile-fullscreen.b-desktop-right.fade-leave-active[data-v-580f03f0] { 10390 transition: all .3s 10391 } 10392 10393 html:not([dark]) .b-mobile-fullscreen.b-desktop-right.fade-enter-from .blu-modal[data-v-580f03f0],html:not([dark]) .b-mobile-fullscreen.b-desktop-right.fade-leave-to .blu-modal[data-v-580f03f0] { 10394 right: -100vh 10395 } 10396 10397 html:not([dark]) .b-mobile-fullscreen.b-desktop-right .blu-modal[data-v-580f03f0] { 10398 left: revert; 10399 right: 0 10400 } 10401 10402 html:not([dark]) .b-mobile-fullscreen.b-desktop-top.fade-enter-active[data-v-580f03f0],html:not([dark]) .b-mobile-fullscreen.b-desktop-top.fade-leave-active[data-v-580f03f0] { 10403 transition: all .3s 10404 } 10405 10406 html:not([dark]) .b-mobile-fullscreen.b-desktop-top.fade-enter-from .blu-modal[data-v-580f03f0],html:not([dark]) .b-mobile-fullscreen.b-desktop-top.fade-leave-to .blu-modal[data-v-580f03f0] { 10407 top: -100vh 10408 } 10409 10410 html:not([dark]) .b-mobile-fullscreen.b-desktop-top .blu-modal[data-v-580f03f0] { 10411 bottom: revert 10412 } 10413 } 10414 10415 html:not([dark]) .b-scrim[data-v-580f03f0] { 10416 --blu-color-scrim-background: rgba(0, 0, 0, .6); 10417 position: fixed; 10418 top: 0; 10419 left: 0; 10420 z-index: 99; 10421 width: 100%; 10422 height: 100%; 10423 background-color: var(--blu-color-scrim-background); 10424 display: flex; 10425 flex-direction: column; 10426 justify-content: center; 10427 align-items: center; 10428 transition: opacity .3s; 10429 opacity: 1 10430 } 10431 10432 html:not([dark]) .fade-enter-active .b-scrim[data-v-580f03f0],html:not([dark]) .fade-leave-active .b-scrim[data-v-580f03f0] { 10433 transition: opacity .3s 10434 } 10435 10436 html:not([dark]) .fade-enter-to .b-scrim[data-v-580f03f0] { 10437 opacity: 1 10438 } 10439 10440 html:not([dark]) .fade-leave-to .b-scrim[data-v-580f03f0] { 10441 opacity: 0 10442 } 10443 10444 html[dark] .blu-modal-wrapper[data-v-580f03f0] { 10445 z-index: 100; 10446 position: fixed 10447 } 10448 10449 html[dark] .blu-modal[data-v-580f03f0] { 10450 --blu-modal-box-shadow: inset 0 0 0 30000px rgba(109, 220, 255, .1019607843); 10451 --blu-modal-color-background: #12171d; 10452 --blu-modal-border-radius: 16px; 10453 --blu-modal-opacity: 0; 10454 --blu-modal-size-width: 100%; 10455 --blu-modal-max-height: calc(100% - 16px); 10456 position: fixed; 10457 z-index: 101; 10458 display: flex; 10459 flex-direction: column; 10460 width: var(--blu-modal-size-width); 10461 max-height: var(--blu-modal-max-height); 10462 max-width: var(--blu-modal-max-width); 10463 box-sizing: border-box; 10464 box-shadow: var(--blu-modal-box-shadow); 10465 border-radius: var(--blu-modal-border-radius); 10466 background-color: var(--blu-modal-color-background); 10467 opacity: var(--blu-modal-opacity); 10468 transition: all .3s 10469 } 10470 10471 html[dark] .blu-modal *[data-v-580f03f0] { 10472 box-sizing: inherit 10473 } 10474
10475 html[dark] .blu-modal.b-active[data-v-580f03f0] { 10476 --blu-modal-opacity: 1 10477 } 10478 10479 html[dark] .b-drawer.b-desktop-left .blu-modal[data-v-580f03f0],html[dark] .b-drawer.b-desktop-right .blu-modal[data-v-580f03f0] { 10480 --blu-modal-max-height: 100%; 10481 height: 100% 10482 } 10483 10484 html[dark] .b-status .blu-modal[data-v-580f03f0] { 10485 border-bottom: 4px solid; 10486 border-color: var(--blu-modal-color); 10487 top: 50%; 10488 left: 50%; 10489 transform: translate(-50%,-50%) 10490 } 10491 10492 html[dark] .b-status .blu-modal.b-info[data-v-580f03f0] { 10493 --blu-modal-color: #4fa4ff 10494 } 10495 10496 html[dark] .b-status .blu-modal.b-success[data-v-580f03f0] { 10497 --blu-modal-color: #02c82b 10498 } 10499 10500 html[dark] .b-status .blu-modal.b-alert[data-v-580f03f0] { 10501 --blu-modal-color: #7e4704 10502 } 10503 10504 html[dark] .b-status .blu-modal.b-danger[data-v-580f03f0] { 10505 --blu-modal-color: #ff7373 10506 } 10507 10508 @media screen and (min-width: 840px),print { 10509 html[dark] .blu-modal-wrapper:not(.b-drawer).fade-enter-active[data-v-580f03f0],html[dark] .blu-modal-wrapper:not(.b-drawer).fade-leave-active[data-v-580f03f0] { 10510 transition:all .3s 10511 } 10512 10513 html[dark] .blu-modal-wrapper:not(.b-drawer).fade-enter-from[data-v-580f03f0],html[dark] .blu-modal-wrapper:not(.b-drawer).fade-leave-to[data-v-580f03f0] { 10514 opacity: 0 10515 } 10516 10517 html[dark] .blu-modal-wrapper:not(.b-drawer) .blu-modal[data-v-580f03f0] { 10518 --blu-modal-max-height: 576px; 10519 top: 50%; 10520 left: 50%; 10521 transform: translate(-50%,-50%) 10522 } 10523 10524 html[dark] .blu-modal-wrapper:not(.b-drawer) .blu-modal.b-small-width[data-v-580f03f0] { 10525 --blu-modal-size-width: 360px 10526 } 10527 10528 html[dark] .blu-modal-wrapper:not(.b-drawer) .blu-modal.b-medium-width[data-v-580f03f0] { 10529 --blu-modal-size-width: 600px 10530 } 10531 10532 html[dark] .blu-modal-wrapper:not(.b-drawer) .blu-modal.b-large-width[data-v-580f03f0] { 10533 --blu-modal-size-width: 800px 10534 } 10535 10536 html[dark] .b-drawer.b-desktop-left .blu-modal.b-small-width[data-v-580f03f0],html[dark] .b-drawer.b-desktop-right .blu-modal.b-small-width[data-v-580f03f0] { 10537 --blu-modal-size-width: 360px 10538 } 10539 10540 html[dark] .b-drawer.b-desktop-left .blu-modal.b-medium-width[data-v-580f03f0],html[dark] .b-drawer.b-desktop-right .blu-modal.b-medium-width[data-v-580f03f0] { 10541 --blu-modal-size-width: 600px 10542 } 10543 10544 html[dark] .b-drawer.b-desktop-top .blu-modal[data-v-580f03f0],html[dark] .b-drawer.b-desktop-bottom .blu-modal[data-v-580f03f0] { 10545 --blu-modal-max-height: 576px 10546 } 10547 10548 html[dark] .b-drawer.b-desktop-left.fade-enter-active[data-v-580f03f0],html[dark] .b-drawer.b-desktop-left.fade-leave-active[data-v-580f03f0] { 10549 transition: all .3s 10550 } 10551 10552 html[dark] .b-drawer.b-desktop-left.fade-enter-from .blu-modal[data-v-580f03f0],html[dark] .b-drawer.b-desktop-left.fade-leave-to .blu-modal[data-v-580f03f0] { 10553 left: -100vh 10554 } 10555 10556 html[dark] .b-drawer.b-desktop-left .blu-modal[data-v-580f03f0] { 10557 height: 100vh; 10558 left: 0; 10559 top: 0; 10560 bottom: 0; 10561 border-radius: 0 var(--blu-modal-border-radius) var(--blu-modal-border-radius) 0 10562 } 10563 10564 html[dark] .b-drawer.b-desktop-right.fade-enter-active[data-v-580f03f0],html[dark] .b-drawer.b-desktop-right.fade-leave-active[data-v-580f03f0] { 10565 transition: all .3s 10566 } 10567 10568 html[dark] .b-drawer.b-desktop-right.fade-enter-from .blu-modal[data-v-580f03f0],html[dark] .b-drawer.b-desktop-right.fade-leave-to .blu-modal[data-v-580f03f0] { 10569 right: -100vh 10570 } 10571 10572 html[dark] .b-drawer.b-desktop-right .blu-modal[data-v-580f03f0] { 10573 height: 100vh; 10574 right: 0; 10575 top: 0; 10576 bottom: 0; 10577 border-radius: var(--blu-modal-border-radius) 0 0 var(--blu-modal-border-radius) 10578 } 10579 10580 html[dark] .b-drawer.b-desktop-top.fade-enter-active[data-v-580f03f0],html[dark] .b-drawer.b-desktop-top.fade-leave-active[data-v-580f03f0] { 10581 transition: all .3s 10582 } 10583 10584 html[dark] .b-drawer.b-desktop-top.fade-enter-from .blu-modal[data-v-580f03f0],html[dark] .b-drawer.b-desktop-top.fade-leave-to .blu-modal[data-v-580f03f0] { 10585 top: -100vh 10586 } 10587 10588 html[dark] .b-drawer.b-desktop-top .blu-modal[data-v-580f03f0] { 10589 top: 0; 10590 left: 50%; 10591 transform: translate(-50%); 10592 border-radius: 0 0 var(--blu-modal-border-radius) var(--blu-modal-border-radius) 10593 } 10594 10595 html[dark] .b-drawer.b-desktop-bottom.fade-enter-active[data-v-580f03f0],html[dark] .b-drawer.b-desktop-bottom.fade-leave-active[data-v-580f03f0] { 10596 transition: all .3s 10597 } 10598 10599 html[dark] .b-drawer.b-desktop-bottom.fade-enter-from .blu-modal[data-v-580f03f0],html[dark] .b-drawer.b-desktop-bottom.fade-leave-to .blu-modal[data-v-580f03f0] { 10600 bottom: -100vh 10601 } 10602 10603 html[dark] .b-drawer.b-desktop-bottom .blu-modal[data-v-580f03f0] { 10604 bottom: 0; 10605 left: 50%; 10606 transform: translate(-50%); 10607 border-radius: var(--blu-modal-border-radius) var(--blu-modal-border-radius) 0 0 10608 } 10609 } 10610 10611 @media screen and (max-width: 839px) { 10612 html[dark] .b-status .blu-modal[data-v-580f03f0] { 10613 --blu-modal-size-width:calc(100% - 32px) 10614 } 10615 10616 html[dark] .blu-modal-wrapper:not(.b-status):not(.b-drawer):not(.b-mobile-fullscreen).fade-enter-active[data-v-580f03f0],html[dark] .blu-modal-wrapper:not(.b-status):not(.b-drawer):not(.b-mobile-fullscreen).fade-leave-active[data-v-580f03f0] { 10617 transition: all .3s 10618 } 10619 10620 html[dark] .blu-modal-wrapper:not(.b-status):not(.b-drawer):not(.b-mobile-fullscreen).fade-enter-from .blu-modal[data-v-580f03f0],html[dark] .blu-modal-wrapper:not(.b-status):not(.b-drawer):not(.b-mobile-fullscreen).fade-leave-to .blu-modal[data-v-580f03f0] { 10621 bottom: -100vh 10622 } 10623 10624 html[dark] .blu-modal-wrapper:not(.b-status):not(.b-drawer):not(.b-mobile-fullscreen) .blu-modal[data-v-580f03f0] { 10625 bottom: 0; 10626 left: 50%; 10627 transform: translate(-50%); 10628 border-radius: var(--blu-modal-border-radius) var(--blu-modal-border-radius) 0 0 10629 } 10630 10631 html[dark] .blu-modal-wrapper:not(.b-status):not(.b-drawer):not(.b-mobile-fullscreen) .blu-modal.b-max-width[data-v-580f03f0] { 10632 --blu-modal-max-width: 600px 10633 } 10634 10635 html[dark] .b-mobile-fullscreen.fade-enter-active[data-v-580f03f0],html[dark] .b-mobile-fullscreen.fade-leave-active[data-v-580f03f0] { 10636 transition: all .3s 10637 } 10638 10639 html[dark] .b-mobile-fullscreen.fade-enter-from .blu-modal[data-v-580f03f0],html[dark] .b-mobile-fullscreen.fade-leave-to .blu-modal[data-v-580f03f0] { 10640 bottom: -100vh 10641 } 10642 10643 html[dark] .b-mobile-fullscreen .blu-modal[data-v-580f03f0] { 10644 --blu-modal-max-height: 100%; 10645 height: 100%; 10646 width: 100%; 10647 border-radius: unset; 10648 bottom: 0; 10649 left: 0; 10650 transform: none 10651 } 10652 10653 html[dark] .b-mobile-fullscreen .blu-modal[data-v-580f03f0] .blu-modal__header { 10654 box-shadow: var(--blu-modal-box-shadow) 10655 } 10656 10657 html[dark] .b-mobile-fullscreen.b-desktop-left .blu-modal[data-v-580f03f0],html[dark] .b-mobile-fullscreen.b-desktop-right .blu-modal[data-v-580f03f0],html[dark] .b-mobile-fullscreen.b-desktop-top .blu-modal[data-v-580f03f0] { 10658 top: 0 10659 } 10660 10661 html[dark] .b-mobile-fullscreen.b-desktop-left.fade-enter-active[data-v-580f03f0],html[dark] .b-mobile-fullscreen.b-desktop-left.fade-leave-active[data-v-580f03f0] { 10662 transition: all .3s 10663 } 10664 10665 html[dark] .b-mobile-fullscreen.b-desktop-left.fade-enter-from .blu-modal[data-v-580f03f0],html[dark] .b-mobile-fullscreen.b-desktop-left.fade-leave-to .blu-modal[data-v-580f03f0] { 10666 left: -100vh 10667 } 10668 10669 html[dark] .b-mobile-fullscreen.b-desktop-right.fade-enter-active[data-v-580f03f0],html[dark] .b-mobile-fullscreen.b-desktop-right.fade-leave-active[data-v-580f03f0] { 10670 transition: all .3s 10671 } 10672 10673 html[dark] .b-mobile-fullscreen.b-desktop-right.fade-enter-from .blu-modal[data-v-580f03f0],html[dark] .b-mobile-fullscreen.b-desktop-right.fade-leave-to .blu-modal[data-v-580f03f0] { 10674 right: -100vh 10675 } 10676 10677 html[dark] .b-mobile-fullscreen.b-desktop-right .blu-modal[data-v-580f03f0] { 10678 left: revert; 10679 right: 0 10680 } 10681 10682 html[dark] .b-mobile-fullscreen.b-desktop-top.fade-enter-active[data-v-580f03f0],html[dark] .b-mobile-fullscreen.b-desktop-top.fade-leave-active[data-v-580f03f0] { 10683 transition: all .3s 10684 } 10685 10686 html[dark] .b-mobile-fullscreen.b-desktop-top.fade-enter-from .blu-modal[data-v-580f03f0],html[dark] .b-mobile-fullscreen.b-desktop-top.fade-leave-to .blu-modal[data-v-580f03f0] { 10687 top: -100vh 10688 } 10689 10690 html[dark] .b-mobile-fullscreen.b-desktop-top .blu-modal[data-v-580f03f0] { 10691 bottom: revert 10692 } 10693 } 10694 10695 html[dark] .b-scrim[data-v-580f03f0] { 10696 --blu-color-scrim-background: rgba(0, 0, 0, .6); 10697 position: fixed; 10698 top: 0; 10699 left: 0; 10700 z-index: 99; 10701 width: 100%; 10702 height: 100%; 10703 background-color: var(--blu-color-scrim-background); 10704 display: flex; 10705 flex-direction: column; 10706 justify-content: center; 10707 align-items: center; 10708 transition: opacity .3s; 10709 opacity: 1 10710 } 10711 10712 html[dark] .fade-enter-active .b-scrim[data-v-580f03f0],html[dark] .fade-leave-active .b-scrim[data-v-580f03f0] { 10713 transition: opacity .3s 10714 } 10715 10716 html[dark] .fade-enter-to .b-scrim[data-v-580f03f0] { 10717 opacity: 1 10718 } 10719 10720 html[dark] .fade-leave-to .b-scrim[data-v-580f03f0] { 10721 opacity: 0 10722 } 10723 </style> 10724 <style> 10725 html:not([dark]) .blu-modal__header[data-v-48938041] { 10726 --blu-modal-header-text: 600 20px/24px Blibli, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif; 10727 --blu-modal-header-color: #19222a; 10728 --blu-modal-header-icon-color: #797f85; 10729 --blu-modal-header-padding: 16px; 10730 --blu-modal-header-gap: 4px; 10731 padding: var(--blu-modal-header-padding); 10732 color: var(--blu-modal-header-color) 10733 } 10734 10735 @media screen and (max-width: 839px) { 10736 html:not([dark]) .blu-modal__header[data-v-48938041] { 10737 --blu-modal-header-padding: 12px 16px 10738 } 10739 } 10740 10741 html:not([dark]) .blu-modal__header-main[data-v-48938041] { 10742 display: flex; 10743 width: 100% 10744 } 10745 10746 html:not([dark]) .blu-modal__header-main *[data-v-48938041]:not(:last-child):not(.blu-modal__header-main--item-leading) { 10747 margin-right: var(--blu-modal-header-gap) 10748 } 10749 10750 html:not([dark]) .blu-modal__header-main--title[data-v-48938041] { 10751 font: var(--blu-modal-header-text); 10752 margin: auto auto auto 0; 10753 width: 100%; 10754 overflow: hidden 10755 } 10756 10757 @media screen and (max-width: 839px) { 10758 html:not([dark]) .blu-modal__header-main--title[data-v-48938041] { 10759 --blu-modal-header-text: 600 16px/20px Blibli, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif 10760 } 10761 } 10762 10763 html:not([dark]) .blu-modal__header-main--item-leading[data-v-48938041],html:not([dark]) .blu-modal__header-main--item-trailing[data-v-48938041] { 10764 color: var(--blu-modal-header-icon-color); 10765 display: flex; 10766 cursor: pointer 10767 } 10768 10769 html:not([dark]) .blu-modal__header-main--item-leading[data-v-48938041] svg,html:not([dark]) .blu-modal__header-main--item-trailing[data-v-48938041] svg { 10770 padding: 4px; 10771 box-sizing: content-box 10772 } 10773 10774 html:not([dark]) .blu-modal__header-main--item-leading[data-v-48938041] svg:not(:last-child),html:not([dark]) .blu-modal__header-main--item-trailing[data-v-48938041] svg:not(:last-child) { 10775 margin-right: var(--blu-modal-header-gap) 10776 } 10777 10778 @media screen and (min-width: 840px),print { 10779 html:not([dark]) .blu-modal__header-main--item-leading[data-v-48938041] { 10780 order:3; 10781 flex-direction: row-reverse; 10782 margin-left: var(--blu-modal-header-gap) 10783 } 10784 } 10785 10786 @media screen and (max-width: 839px) { 10787 html:not([dark]) .blu-modal__header-main--item-leading[data-v-48938041] { 10788 margin-right:var(--blu-modal-header-gap) 10789 } 10790 } 10791 10792 html:not([dark]) .blu-modal__header-main--item-trailing[data-v-48938041] { 10793 margin-left: auto 10794 } 10795 10796 html:not([dark]) .blu-modal__header-main--close-icon[data-v-48938041]:focus { 10797 outline: none 10798 } 10799 10800 html:not([dark]) .blu-modal__header-main--close-icon[data-v-48938041]:focus-visible { 10801 outline: 2px solid #19222a 10802 } 10803 10804 html:not([dark]) .blu-modal__header.b-padding-top-0[data-v-48938041] { 10805 padding-top: 0 10806 } 10807 10808 html:not([dark]) .blu-modal__header.b-padding-bottom-0[data-v-48938041] { 10809 padding-bottom: 0 10810 } 10811 10812 html:not([dark]) .b-info .blu-modal__header[data-v-48938041] { 10813 --blu-modal-icon-header-status: #FF0000; 10814 --blu-modal-header-icon-spacing-gap: 4px 0 8px 10815 } 10816 10817 html:not([dark]) .b-info .blu-modal__header-status-icon[data-v-48938041] { 10818 color: var(--blu-modal-icon-header-status); 10819 display: flex; 10820 margin: var(--blu-modal-header-icon-spacing-gap) 10821 } 10822 10823 html:not([dark]) .b-success .blu-modal__header[data-v-48938041] { 10824 --blu-modal-icon-header-status:
10824 #1f912e; 10825 --blu-modal-header-icon-spacing-gap: 4px 0 8px 10826 } 10827 10828 html:not([dark]) .b-success .blu-modal__header-status-icon[data-v-48938041] { 10829 color: var(--blu-modal-icon-header-status); 10830 display: flex; 10831 margin: var(--blu-modal-header-icon-spacing-gap) 10832 } 10833 10834 html:not([dark]) .b-alert .blu-modal__header[data-v-48938041] { 10835 --blu-modal-icon-header-status: #bc6e06; 10836 --blu-modal-header-icon-spacing-gap: 4px 0 8px 10837 } 10838 10839 html:not([dark]) .b-alert .blu-modal__header-status-icon[data-v-48938041] { 10840 color: var(--blu-modal-icon-header-status); 10841 display: flex; 10842 margin: var(--blu-modal-header-icon-spacing-gap) 10843 } 10844 10845 html:not([dark]) .b-danger .blu-modal__header[data-v-48938041] { 10846 --blu-modal-icon-header-status: #e93c3c; 10847 --blu-modal-header-icon-spacing-gap: 4px 0 8px 10848 } 10849 10850 html:not([dark]) .b-danger .blu-modal__header-status-icon[data-v-48938041] { 10851 color: var(--blu-modal-icon-header-status); 10852 display: flex; 10853 margin: var(--blu-modal-header-icon-spacing-gap) 10854 } 10855 10856 html[dark] .blu-modal__header[data-v-48938041] { 10857 --blu-modal-header-text: 600 20px/24px Blibli, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif; 10858 --blu-modal-header-color: #ffffff; 10859 --blu-modal-header-icon-color: #acb0b4; 10860 --blu-modal-header-padding: 16px; 10861 --blu-modal-header-gap: 4px; 10862 padding: var(--blu-modal-header-padding); 10863 color: var(--blu-modal-header-color) 10864 } 10865 10866 @media screen and (max-width: 839px) { 10867 html[dark] .blu-modal__header[data-v-48938041] { 10868 --blu-modal-header-padding: 12px 16px 10869 } 10870 } 10871 10872 html[dark] .blu-modal__header-main[data-v-48938041] { 10873 display: flex; 10874 width: 100% 10875 } 10876 10877 html[dark] .blu-modal__header-main *[data-v-48938041]:not(:last-child):not(.blu-modal__header-main--item-leading) { 10878 margin-right: var(--blu-modal-header-gap) 10879 } 10880 10881 html[dark] .blu-modal__header-main--title[data-v-48938041] { 10882 font: var(--blu-modal-header-text); 10883 margin: auto auto auto 0; 10884 width: 100%; 10885 overflow: hidden 10886 } 10887 10888 @media screen and (max-width: 839px) { 10889 html[dark] .blu-modal__header-main--title[data-v-48938041] { 10890 --blu-modal-header-text: 600 16px/20px Blibli, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif 10891 } 10892 } 10893 10894 html[dark] .blu-modal__header-main--item-leading[data-v-48938041],html[dark] .blu-modal__header-main--item-trailing[data-v-48938041] { 10895 color: var(--blu-modal-header-icon-color); 10896 display: flex; 10897 cursor: pointer 10898 } 10899 10900 html[dark] .blu-modal__header-main--item-leading[data-v-48938041] svg,html[dark] .blu-modal__header-main--item-trailing[data-v-48938041] svg { 10901 padding: 4px; 10902 box-sizing: content-box 10903 } 10904 10905 html[dark] .blu-modal__header-main--item-leading[data-v-48938041] svg:not(:last-child),html[dark] .blu-modal__header-main--item-trailing[data-v-48938041] svg:not(:last-child) { 10906 margin-right: var(--blu-modal-header-gap) 10907 } 10908 10909 @media screen and (min-width: 840px),print { 10910 html[dark] .blu-modal__header-main--item-leading[data-v-48938041] { 10911 order:3; 10912 flex-direction: row-reverse; 10913 margin-left: var(--blu-modal-header-gap) 10914 } 10915 } 10916 10917 @media screen and (max-width: 839px) { 10918 html[dark] .blu-modal__header-main--item-leading[data-v-48938041] { 10919 margin-right:var(--blu-modal-header-gap) 10920 } 10921 } 10922 10923 html[dark] .blu-modal__header-main--item-trailing[data-v-48938041] { 10924 margin-left: auto 10925 } 10926 10927 html[dark] .blu-modal__header-main--close-icon[data-v-48938041]:focus { 10928 outline: none 10929 } 10930 10931 html[dark] .blu-modal__header-main--close-icon[data-v-48938041]:focus-visible { 10932 outline: 2px solid #f9f9fa 10933 } 10934 10935 html[dark] .blu-modal__header.b-padding-top-0[data-v-48938041] { 10936 padding-top: 0 10937 } 10938 10939 html[dark] .blu-modal__header.b-padding-bottom-0[data-v-48938041] { 10940 padding-bottom: 0 10941 } 10942 10943 html[dark] .b-info .blu-modal__header[data-v-48938041] { 10944 --blu-modal-icon-header-status: #4fa4ff; 10945 --blu-modal-header-icon-spacing-gap: 4px 0 8px 10946 } 10947 10948 html[dark] .b-info .blu-modal__header-status-icon[data-v-48938041] { 10949 color: var(--blu-modal-icon-header-status); 10950 display: flex; 10951 margin: var(--blu-modal-header-icon-spacing-gap) 10952 } 10953 10954 html[dark] .b-success .blu-modal__header[data-v-48938041] { 10955 --blu-modal-icon-header-status: #02c82b; 10956 --blu-modal-header-icon-spacing-gap: 4px 0 8px 10957 } 10958 10959 html[dark] .b-success .blu-modal__header-status-icon[data-v-48938041] { 10960 color: var(--blu-modal-icon-header-status); 10961 display: flex; 10962 margin: var(--blu-modal-header-icon-spacing-gap) 10963 } 10964 10965 html[dark] .b-alert .blu-modal__header[data-v-48938041] { 10966 --blu-modal-icon-header-status: #f1ab02; 10967 --blu-modal-header-icon-spacing-gap: 4px 0 8px 10968 } 10969 10970 html[dark] .b-alert .blu-modal__header-status-icon[data-v-48938041] { 10971 color: var(--blu-modal-icon-header-status); 10972 display: flex; 10973 margin: var(--blu-modal-header-icon-spacing-gap) 10974 } 10975 10976 html[dark] .b-danger .blu-modal__header[data-v-48938041] { 10977 --blu-modal-icon-header-status: #ff7373; 10978 --blu-modal-header-icon-spacing-gap: 4px 0 8px 10979 } 10980 10981 html[dark] .b-danger .blu-modal__header-status-icon[data-v-48938041] { 10982 color: var(--blu-modal-icon-header-status); 10983 display: flex; 10984 margin: var(--blu-modal-header-icon-spacing-gap) 10985 } 10986 </style> 10987 <style> 10988 *[data-v-ee0005ae],*[data-v-ee0005ae]:before,*[data-v-ee0005ae]:after { 10989 box-sizing: border-box 10990 } 10991 10992 html:not([dark]) .blu-modal__body[data-v-ee0005ae] { 10993 --blu-modal-body-text: 500 16px/20px Blibli, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif; 10994 --blu-modal-body-color: rgba(25, 34, 42, .7019607843); 10995 --blu-modal-body-padding: 4px 16px 12px; 10996 --blu-modal-body-addition-gap: 8px 16px; 10997 font: var(--blu-modal-body-text); 10998 color: var(--blu-modal-body-color); 10999 display: flex; 11000 flex-direction: column; 11001 overscroll-behavior: contain 11002 } 11003 11004 html:not([dark]) .blu-modal__body-content[data-v-ee0005ae] { 11005 padding: var(--blu-modal-body-padding) 11006 } 11007 11008 html:not([dark]) .blu-modal__body-addition[data-v-ee0005ae] { 11009 padding: var(--blu-modal-body-addition-gap) 11010 } 11011 11012 html:not([dark]) .blu-modal__body.b-has-no-padding[data-v-ee0005ae] { 11013 --blu-modal-body-padding: 0 11014 } 11015 11016 @media screen and (max-width: 839px) { 11017 html:not([dark]) .blu-modal__body[data-v-ee0005ae] { 11018 --blu-modal-body-text: 500 14px/18px Blibli, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif 11019 } 11020 } 11021 11022 html:not([dark]) .b-overflow-y[data-v-ee0005ae] { 11023 scrollbar-color: rgba(25,34,42,.3019607843) transparent; 11024 scrollbar-width: thin 11025 } 11026 11027 html:not([dark]) .b-overflow-y[data-v-ee0005ae]::-webkit-scrollbar { 11028 width: 4px; 11029 height: 8px; 11030 background-color: transparent 11031 } 11032 11033 html:not([dark]) .b-overflow-y[data-v-ee0005ae]::-webkit-scrollbar-track { 11034 margin: 13px 0 11035 } 11036 11037 html:not([dark]) .b-overflow-y[data-v-ee0005ae]::-webkit-scrollbar-thumb { 11038 box-shadow: inset 0 0 14px 14px transparent; 11039 border-radius: 4px; 11040 background-color: #19222a4d; 11041 scrollbar-color: rgba(25,34,42,.3019607843) 11042 } 11043 11044 html:not([dark]) .b-overflow-y[data-v-ee0005ae]:hover::-webkit-scrollbar { 11045 width: 4px 11046 } 11047 11048 html:not([dark]) .b-overflow-y[data-v-ee0005ae]:hover::-webkit-scrollbar-track { 11049 border: solid 2px transparent 11050 } 11051 11052 html:not([dark]) .b-overflow-y[data-v-ee0005ae]:hover::-webkit-scrollbar-thumb:hover { 11053 box-shadow: inset 0 0 14px 14px transparent; 11054 background-color: #19222a4d; 11055 scrollbar-color: rgba(25,34,42,.3019607843) transparent 11056 } 11057 11058 html:not([dark]) .b-overflow-y[data-v-ee0005ae]::-webkit-scrollbar-track { 11059 border-radius: 3px; 11060 background-color: transparent 11061 } 11062 11063 html:not([dark]) .b-overflow-y.hidden[data-v-ee0005ae] { 11064 scrollbar-width: none 11065 } 11066 11067 html:not([dark]) .b-overflow-y.hidden[data-v-ee0005ae]::-webkit-scrollbar-thumb { 11068 border-radius: 4px; 11069 background-color: transparent 11070 } 11071 11072 html:not([dark]) .b-overflow-y.hidden[data-v-ee0005ae]:hover { 11073 scrollbar-width: thin 11074 } 11075 11076 html:not([dark]) .b-overflow-y.hidden[data-v-ee0005ae]:hover::-webkit-scrollbar-thumb { 11077 box-shadow: inset 0 0 14px 14px transparent; 11078 border-radius: 4px; 11079 background-color: #19222a4d; 11080 scrollbar-color: rgba(25,34,42,.3019607843) transparent 11081 } 11082 11083 html:not([dark]) .b-overflow-y.hidden[data-v-ee0005ae]:hover::-webkit-scrollbar-thumb:hover { 11084 box-shadow: inset 0 0 14px 14px transparent; 11085 background-color: #19222a4d; 11086 scrollbar-color: rgba(25,34,42,.3019607843) transparent 11087 } 11088 11089 html:not([dark]) .b-overflow-y[data-v-ee0005ae] { 11090 overflow-y: auto; 11091 margin: 0 11092 } 11093 11094 html[dark] .blu-modal__body[data-v-ee0005ae] { 11095 --blu-modal-body-text: 500 16px/20px Blibli, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif; 11096 --blu-modal-body-color: rgba(255, 255, 255, .8); 11097 --blu-modal-body-padding: 4px 16px 12px; 11098 --blu-modal-body-addition-gap: 8px 16px; 11099 font: var(--blu-modal-body-text); 11100 color: var(--blu-modal-body-color); 11101 display: flex; 11102 flex-direction: column; 11103 overscroll-behavior: contain 11104 } 11105 11106 html[dark] .blu-modal__body-content[data-v-ee0005ae] { 11107 padding: var(--blu-modal-body-padding) 11108 } 11109 11110 html[dark] .blu-modal__body-addition[data-v-ee0005ae] { 11111 padding: var(--blu-modal-body-addition-gap) 11112 } 11113 11114 html[dark] .blu-modal__body.b-has-no-padding[data-v-ee0005ae] { 11115 --blu-modal-body-padding: 0 11116 } 11117 11118 @media screen and (max-width: 839px) { 11119 html[dark] .blu-modal__body[data-v-ee0005ae] { 11120 --blu-modal-body-text: 500 14px/18px Blibli, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif 11121 } 11122 } 11123 11124 html[dark] .b-overflow-y[data-v-ee0005ae] { 11125 scrollbar-color: rgba(255,255,255,.3019607843) transparent; 11126 scrollbar-width: thin 11127 } 11128 11129 html[dark] .b-overflow-y[data-v-ee0005ae]::-webkit-scrollbar { 11130 width: 4px; 11131 height: 8px; 11132 background-color: transparent 11133 } 11134 11135 html[dark] .b-overflow-y[data-v-ee0005ae]::-webkit-scrollbar-track { 11136 margin: 13px 0 11137 } 11138 11139 html[dark] .b-overflow-y[data-v-ee0005ae]::-webkit-scrollbar-thumb { 11140 box-shadow: inset 0 0 14px 14px transparent; 11141 border-radius: 4px; 11142 background-color: #ffffff4d; 11143 scrollbar-color: rgba(255,255,255,.3019607843) 11144 } 11145 11146 html[dark] .b-overflow-y[data-v-ee0005ae]:hover::-webkit-scrollbar { 11147 width: 4px 11148 } 11149 11150 html[dark] .b-overflow-y[data-v-ee0005ae]:hover::-webkit-scrollbar-track { 11151 border: solid 2px transparent 11152 } 11153 11154 html[dark] .b-overflow-y[data-v-ee0005ae]:hover::-webkit-scrollbar-thumb:hover { 11155 box-shadow: inset 0 0 14px 14px transparent; 11156 background-color: #ffffff4d; 11157 scrollbar-color: rgba(255,255,255,.3019607843) transparent 11158 } 11159 11160 html[dark] .b-overflow-y[data-v-ee0005ae]::-webkit-scrollbar-track { 11161 border-radius: 3px; 11162 background-color: transparent 11163 } 11164 11165 html[dark] .b-overflow-y.hidden[data-v-ee0005ae] { 11166 scrollbar-width: none 11167 } 11168 11169 html[dark] .b-overflow-y.hidden[data-v-ee0005ae]::-webkit-scrollbar-thumb { 11170 border-radius: 4px; 11171 background-color: transparent 11172 } 11173 11174 html[dark] .b-overflow-y.hidden[data-v-ee0005ae]:hover { 11175 scrollbar-width: thin 11176 } 11177 11178 html[dark] .b-overflow-y.hidden[data-v-ee0005ae]:hover::-webkit-scrollbar-thumb { 11179 box-shadow: inset 0 0 14px 14px transparent; 11180 border-radius: 4px; 11181 background-color: #ffffff4d; 11182 scrollbar-color: rgba(255,255,255,.3019607843) transparent 11183 } 11184 11185 html[dark] .b-overflow-y.hidden[data-v-ee0005ae]:hover::-webkit-scrollbar-thumb:hover { 11186 box-shadow: inset 0 0 14px 14px transparent; 11187 background-color: #ffffff4d; 11188 scrollbar-color: rgba(255,255,255,.3019607843) transparent 11189 } 11190 11191 html[dark] .b-overflow-y[data-v-ee0005ae] { 11192 overflow-y: auto; 11193 margin: 0 11194 } 11195 </style> 11196 <style> 11197 html:not([dark]) .blu-modal__footer[data-v-1b4528ab] { 11198 --blu-modal-footer-padding: 16px; 11199 --blu-modal-footer-gap: 8px; 11200 display: flex; 11201 justify-content: flex-end; 11202 padding: var(--blu-modal-footer-padding); 11203 box-sizing: border-box; 11204 margin-top: auto 11205 } 11206 11207 html:not([dark]) .blu-modal__footer[data-v-1b4528ab]:not(.b-long-action) *:not(:last-child) { 11208 margin-right: var(--blu-modal-footer-gap) 11209 } 11210 11211 html:not([dark]) .blu-modal__footer.b-long-action[data-v-1b4528ab] { 11212 flex-direction: column-reverse 11213 } 11214 11215 html:not([dark]) .blu-modal__footer.b-long-action[data-v-1b4528ab] *:not(:first-child) { 11216 margin-bottom: var(--blu-modal-footer-gap) 11217 } 11218 11219 @media screen and (max-width: 839px) { 11220 html:not([dark
11220]) .blu-modal__footer[data-v-1b4528ab] .blu-button { 11221 width:100% 11222 } 11223 } 11224 11225 html[dark] .blu-modal__footer[data-v-1b4528ab] { 11226 --blu-modal-footer-padding: 16px; 11227 --blu-modal-footer-gap: 8px; 11228 display: flex; 11229 justify-content: flex-end; 11230 padding: var(--blu-modal-footer-padding); 11231 box-sizing: border-box; 11232 margin-top: auto 11233 } 11234 11235 html[dark] .blu-modal__footer[data-v-1b4528ab]:not(.b-long-action) *:not(:last-child) { 11236 margin-right: var(--blu-modal-footer-gap) 11237 } 11238 11239 html[dark] .blu-modal__footer.b-long-action[data-v-1b4528ab] { 11240 flex-direction: column-reverse 11241 } 11242 11243 html[dark] .blu-modal__footer.b-long-action[data-v-1b4528ab] *:not(:first-child) { 11244 margin-bottom: var(--blu-modal-footer-gap) 11245 } 11246 11247 @media screen and (max-width: 839px) { 11248 html[dark] .blu-modal__footer[data-v-1b4528ab] .blu-button { 11249 width:100% 11250 } 11251 } 11252 </style> 11253 <style> 11254 html:not([dark]) .blu-banner[data-v-2470b354] { 11255 --blu-banner-action-text: 600 16px/20px Blibli, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif; 11256 --blu-banner-desc-text: 500 16px/20px Blibli, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif; 11257 --blu-banner-label-text: 600 16px/20px Blibli, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif; 11258 --blu-banner-link-text: 500 16px/20px Blibli, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif; 11259 --blu-banner-action-group-spacing-gap: 16px; 11260 --blu-banner-action-group-spacing-padding: 8px 0; 11261 --blu-banner-container-spacing-gap: 8px; 11262 --blu-banner-spacing-gap: 8px; 11263 --blu-banner-spacing-padding: 8px; 11264 --blu-banner-icon-size: 24px; 11265 --blu-banner-icon-close-color: #797f85; 11266 --blu-banner-image-size: 40px; 11267 display: flex; 11268 padding: var(--blu-banner-spacing-padding); 11269 background-color: var(--blu-banner-color-background); 11270 border: 1px solid var(--blu-banner-color-border); 11271 width: fit-content; 11272 box-sizing: border-box; 11273 border-radius: 8px 11274 } 11275 11276 html:not([dark]) .blu-banner[data-v-2470b354]>*:not(:last-child) { 11277 margin-right: var(--blu-banner-spacing-gap) 11278 } 11279 11280 html:not([dark]) .blu-banner[data-v-2470b354] svg { 11281 width: var(--blu-banner-icon-size); 11282 height: var(--blu-banner-icon-size); 11283 flex-shrink: 0 11284 } 11285 11286 html:not([dark]) .blu-banner[data-v-2470b354] img { 11287 width: var(--blu-banner-image-size); 11288 height: var(--blu-banner-image-size); 11289 border-radius: 4px 11290 } 11291 11292 html:not([dark]) .blu-banner[data-v-2470b354] a { 11293 color: #006dea; 11294 text-decoration: none 11295 } 11296 11297 html:not([dark]) .blu-banner[data-v-2470b354] a:focus-visible { 11298 outline: #19222a solid 2px 11299 } 11300 11301 html:not([dark]) .blu-banner .status-icon[data-v-2470b354] { 11302 color: var(--blu-banner-color-icon) 11303 } 11304 11305 html:not([dark]) .blu-banner .close-icon[data-v-2470b354] { 11306 cursor: pointer; 11307 margin-left: auto; 11308 color: var(--blu-banner-icon-close-color) 11309 } 11310 11311 html:not([dark]) .blu-banner .close-icon[data-v-2470b354]:focus-visible { 11312 outline: #19222a solid 2px 11313 } 11314 11315 html:not([dark]) .blu-banner__label[data-v-2470b354] { 11316 font: var(--blu-banner-label-text); 11317 color: #19222a 11318 } 11319 11320 html:not([dark]) .blu-banner__desc[data-v-2470b354] { 11321 font: var(--blu-banner-desc-text); 11322 color: #19222ab3 11323 } 11324 11325 html:not([dark]) .blu-banner__desc[data-v-2470b354] a { 11326 font: var(--blu-banner-link-text) 11327 } 11328 11329 html:not([dark]) .blu-banner__container[data-v-2470b354] { 11330 display: flex; 11331 flex-direction: column; 11332 justify-content: center 11333 } 11334 11335 html:not([dark]) .blu-banner__container>*[data-v-2470b354]:not(:last-child) { 11336 margin-bottom: var(--blu-banner-container-spacing-gap) 11337 } 11338 11339 html:not([dark]) .blu-banner__action-group[data-v-2470b354] { 11340 display: flex 11341 } 11342 11343 html:not([dark]) .blu-banner__action-group[data-v-2470b354] :not(:last-child) { 11344 margin-right: var(--blu-banner-action-group-spacing-gap) 11345 } 11346 11347 html:not([dark]) .blu-banner__action-group[data-v-2470b354] a { 11348 padding: var(--blu-banner-action-group-spacing-padding); 11349 font: var(--blu-banner-action-text) 11350 } 11351 11352 html:not([dark]) .blu-banner.b-small[data-v-2470b354] { 11353 --blu-banner-action-text: 600 14px/18px Blibli, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif; 11354 --blu-banner-desc-text: 500 14px/18px Blibli, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif; 11355 --blu-banner-label-text: 600 14px/18px Blibli, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif; 11356 --blu-banner-link-text: 500 14px/18px Blibli, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif; 11357 --blu-banner-action-group-spacing-gap: 16px; 11358 --blu-banner-action-group-spacing-padding: 4px 0; 11359 --blu-banner-container-spacing-gap: 8px; 11360 --blu-banner-spacing-gap: 8px; 11361 --blu-banner-spacing-padding: 8px 12px; 11362 --blu-banner-icon-size: 18px; 11363 --blu-banner-image-size: 32px 11364 } 11365 11366 html:not([dark]) .blu-banner.b-horizontal .blu-banner__container[data-v-2470b354] { 11367 flex-direction: row 11368 } 11369 11370 html:not([dark]) .blu-banner.b-horizontal .blu-banner__container>*[data-v-2470b354]:not(:last-child) { 11371 margin-right: var(--blu-banner-container-spacing-gap); 11372 margin-bottom: 0 11373 } 11374 11375 html:not([dark]) .blu-banner.b-long-action .blu-banner__action-group[data-v-2470b354] { 11376 flex-direction: column 11377 } 11378 11379 html:not([dark]) .blu-banner.b-full-width[data-v-2470b354] { 11380 width: 100% 11381 } 11382 11383 html:not([dark]) .blu-banner.b-info[data-v-2470b354] { 11384 --blu-banner-color-background: #f3f9ff; 11385 --blu-banner-color-border: #b9deff; 11386 --blu-banner-color-icon: #FF0000 11387 } 11388
11389 html:not([dark]) .blu-banner.b-alert[data-v-2470b354] { 11390 --blu-banner-color-background: #fff8e0; 11391 --blu-banner-color-border: #fedd6c; 11392 --blu-banner-color-icon: #bc6e06 11393 } 11394 11395 html:not([dark]) .blu-banner.b-error[data-v-2470b354] { 11396 --blu-banner-color-background: #fff5f5; 11397 --blu-banner-color-border: #fecccb; 11398 --blu-banner-color-icon: #e93c3c 11399 } 11400 11401 html:not([dark]) .blu-banner.b-success[data-v-2470b354] { 11402 --blu-banner-color-background: #effcf0; 11403 --blu-banner-color-border: #b2efb9; 11404 --blu-banner-color-icon: #1f912e 11405 } 11406 11407 html:not([dark]) .blu-banner.b-general[data-v-2470b354] { 11408 --blu-banner-color-background: #f9f9fa; 11409 --blu-banner-color-border: #e1e3e4 11410 } 11411 11412 html[dark] .blu-banner[data-v-2470b354] { 11413 --blu-banner-action-text: 600 16px/20px Blibli, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif; 11414 --blu-banner-desc-text: 500 16px/20px Blibli, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif; 11415 --blu-banner-label-text: 600 16px/20px Blibli, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif; 11416 --blu-banner-link-text: 500 16px/20px Blibli, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif; 11417 --blu-banner-action-group-spacing-gap: 16px; 11418 --blu-banner-action-group-spacing-padding: 8px 0; 11419 --blu-banner-container-spacing-gap: 8px; 11420 --blu-banner-spacing-gap: 8px; 11421 --blu-banner-spacing-padding: 8px; 11422 --blu-banner-icon-size: 24px; 11423 --blu-banner-icon-close-color: #acb0b4; 11424 --blu-banner-image-size: 40px; 11425 display: flex; 11426 padding: var(--blu-banner-spacing-padding); 11427 background-color: var(--blu-banner-color-background); 11428 border: 1px solid var(--blu-banner-color-border); 11429 width: fit-content; 11430 box-sizing: border-box; 11431 border-radius: 8px 11432 } 11433 11434 html[dark] .blu-banner[data-v-2470b354]>*:not(:last-child) { 11435 margin-right: var(--blu-banner-spacing-gap) 11436 } 11437 11438 html[dark] .blu-banner[data-v-2470b354] svg { 11439 width: var(--blu-banner-icon-size); 11440 height: var(--blu-banner-icon-size); 11441 flex-shrink: 0 11442 } 11443 11444 html[dark] .blu-banner[data-v-2470b354] img { 11445 width: var(--blu-banner-image-size); 11446 height: var(--blu-banner-image-size); 11447 border-radius: 4px 11448 } 11449 11450 html[dark] .blu-banner[data-v-2470b354] a { 11451 color: #4fa4ff; 11452 text-decoration: none 11453 } 11454 11455 html[dark] .blu-banner[data-v-2470b354] a:focus-visible { 11456 outline: #f9f9fa solid 2px 11457 } 11458 11459 html[dark] .blu-banner .status-icon[data-v-2470b354] { 11460 color: var(--blu-banner-color-icon) 11461 } 11462 11463 html[dark] .blu-banner .close-icon[data-v-2470b354] { 11464 cursor: pointer; 11465 margin-left: auto; 11466 color: var(--blu-banner-icon-close-color) 11467 } 11468 11469 html[dark] .blu-banner .close-icon[data-v-2470b354]:focus-visible { 11470 outline: #f9f9fa solid 2px 11471 } 11472 11473 html[dark] .blu-banner__label[data-v-2470b354] { 11474 font: var(--blu-banner-label-text); 11475 color: #fff 11476 } 11477 11478 html[dark] .blu-banner__desc[data-v-2470b354] { 11479 font: var(--blu-banner-desc-text); 11480 color: #fffc 11481 } 11482 11483 html[dark] .blu-banner__desc[data-v-2470b354] a { 11484 font: var(--blu-banner-link-text) 11485 } 11486 11487 html[dark] .blu-banner__container[data-v-2470b354] { 11488 display: flex; 11489 flex-direction: column; 11490 justify-content: center 11491 } 11492 11493 html[dark] .blu-banner__container>*[data-v-2470b354]:not(:last-child) { 11494 margin-bottom: var(--blu-banner-container-spacing-gap) 11495 } 11496 11497 html[dark] .blu-banner__action-group[data-v-2470b354] { 11498 display: flex 11499 } 11500 11501 html[dark] .blu-banner__action-group[data-v-2470b354] :not(:last-child) { 11502 margin-right: var(--blu-banner-action-group-spacing-gap) 11503 } 11504 11505 html[dark] .blu-banner__action-group[data-v-2470b354] a { 11506 padding: var(--blu-banner-action-group-spacing-padding); 11507 font: var(--blu-banner-action-text) 11508 } 11509 11510 html[dark] .blu-banner.b-small[data-v-2470b354] { 11511 --blu-banner-action-text: 600 14px/18px Blibli, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif; 11512 --blu-banner-desc-text: 500 14px/18px Blibli, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif; 11513 --blu-banner-label-text: 600 14px/18px Blibli, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif; 11514 --blu-banner-link-text: 500 14px/18px Blibli, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif; 11515 --blu-banner-action-group-spacing-gap: 16px; 11516 --blu-banner-action-group-spacing-padding: 4px 0; 11517 --blu-banner-container-spacing-gap: 8px; 11518 --blu-banner-spacing-gap: 8px; 11519 --blu-banner-spacing-padding: 8px 12px; 11520 --blu-banner-icon-size: 18px; 11521 --blu-banner-image-size: 32px 11522 } 11523 11524 html[dark] .blu-banner.b-horizontal .blu-banner__container[data-v-2470b354] { 11525 flex-direction: row 11526 } 11527 11528 html[dark] .blu-banner.b-horizontal .blu-banner__container>*[data-v-2470b354]:not(:last-child) { 11529 margin-right: var(--blu-banner-container-spacing-gap); 11530 margin-bottom: 0 11531 } 11532 11533 html[dark] .blu-banner.b-long-action .blu-banner__action-group[data-v-2470b354] { 11534 flex-direction: column 11535 } 11536 11537 html[dark] .blu-banner.b-full-width[data-v-2470b354] { 11538 width: 100% 11539 } 11540 11541 html[dark] .blu-banner.b-info[data-v-2470b354] { 11542 --blu-banner-color-background: #002e7a; 11543 --blu-banner-color-border: #0050bd; 11544 --blu-banner-color-icon: #4fa4ff 11545 } 11546
11547 html[dark] .blu-banner.b-alert[data-v-2470b354] { 11548 --blu-banner-color-background: #4d2c02; 11549 --blu-banner-color-border: #7e4704; 11550 --blu-banner-color-icon: #f1ab02 11551 } 11552 11553 html[dark] .blu-banner.b-error[data-v-2470b354] { 11554 --blu-banner-color-background: #631818; 11555 --blu-banner-color-border: #a32727; 11556 --blu-banner-color-icon: #ff7373 11557 } 11558 11559 html[dark] .blu-banner.b-success[data-v-2470b354] { 11560 --blu-banner-color-background: #0d3c13; 11561 --blu-banner-color-border: #15631f; 11562 --blu-banner-color-icon: #02c82b 11563 } 11564 11565 html[dark] .blu-banner.b-general[data-v-2470b354] { 11566 --blu-banner-color-background: #19222a; 11567 --blu-banner-color-border: #3b444c 11568 } 11569 </style> 11570 <style> 11571 html:not([dark]) .blu-loader-general[data-v-5f0af726] { 11572 --blu-loader-general-highlight-color-background: #1d8fff; 11573 --blu-loader-general-base-color-background: #f1f2f2; 11574 width: var(--blu-loader-general-size); 11575 height: var(--blu-loader-general-size) 11576 } 11577 11578 html:not([dark]) .blu-loader-general__asset[data-v-5f0af726] { 11579 animation: general-rotate-5f0af726 1.6s linear infinite; 11580 transform-origin: center center; 11581 transition: all .5s ease-in-out; 11582 width: 100%; 11583 height: 100%; 11584 margin: auto; 11585 transform: rotate(90deg) 11586 } 11587 11588 html:not([dark]) .blu-loader-general__asset--highlight[data-v-5f0af726],html:not([dark]) .blu-loader-general__asset--base[data-v-5f0af726] { 11589 stroke-linecap: round 11590 } 11591 11592 html:not([dark]) .blu-loader-general__asset--highlight[data-v-5f0af726] { 11593 stroke: var(--blu-loader-general-highlight-color-background); 11594 animation: general-highlight-5f0af726 1.6s linear infinite 11595 } 11596 11597 html:not([dark]) .blu-loader-general__asset--base[data-v-5f0af726] { 11598 stroke: var(--blu-loader-general-base-color-background); 11599 animation: general-base-5f0af726 1.6s linear infinite 11600 } 11601 11602 html:not([dark]) .blu-loader-general.b-inverted[data-v-5f0af726] { 11603 --blu-loader-general-highlight-color-background: #ffffff; 11604 --blu-loader-general-base-color-background: #c8cbcd 11605 } 11606 11607 html:not([dark]) .blu-loader-general.b-size-s[data-v-5f0af726] { 11608 --blu-loader-general-size: 16px 11609 } 11610 11611 html:not([dark]) .blu-loader-general.b-size-m[data-v-5f0af726] { 11612 --blu-loader-general-size: 18px 11613 } 11614 11615 html:not([dark]) .blu-loader-general.b-size-l[data-v-5f0af726] { 11616 --blu-loader-general-size: 24px 11617 } 11618 11619 html:not([dark]) .blu-loader-general.b-size-xl[data-v-5f0af726] { 11620 --blu-loader-general-size: 32px 11621 } 11622 11623 html[dark] .blu-loader-general[data-v-5f0af726] { 11624 --blu-loader-general-highlight-color-background: #4fa4ff; 11625 --blu-loader-general-base-color-background: #28323b; 11626 width: var(--blu-loader-general-size); 11627 height: var(--blu-loader-general-size) 11628 } 11629 11630 html[dark] .blu-loader-general__asset[data-v-5f0af726] { 11631 animation: general-rotate-5f0af726 1.6s linear infinite; 11632 transform-origin: center center; 11633 transition: all .5s ease-in-out; 11634 width: 100%; 11635 height: 100%; 11636 margin: auto; 11637 transform: rotate(90deg) 11638 } 11639 11640 html[dark] .blu-loader-general__asset--highlight[data-v-5f0af726],html[dark] .blu-loader-general__asset--base[data-v-5f0af726] { 11641 stroke-linecap: round 11642 } 11643 11644 html[dark] .blu-loader-general__asset--highlight[data-v-5f0af726] { 11645 stroke: var(--blu-loader-general-highlight-color-background); 11646 animation: general-highlight-5f0af726 1.6s linear infinite 11647 } 11648 11649 html[dark] .blu-loader-general__asset--base[data-v-5f0af726] { 11650 stroke: var(--blu-loader-general-base-color-background); 11651 animation: general-base-5f0af726 1.6s linear infinite 11652 } 11653 11654 html[dark] .blu-loader-general.b-inverted[data-v-5f0af726] { 11655 --blu-loader-general-highlight-color-background: #12171d; 11656 --blu-loader-general-base-color-background: #60686e 11657 } 11658 11659 html[dark] .blu-loader-general.b-size-s[data-v-5f0af726] { 11660 --blu-loader-general-size: 16px 11661 } 11662 11663 html[dark] .blu-loader-general.b-size-m[data-v-5f0af726] { 11664 --blu-loader-general-size: 18px 11665 } 11666 11667 html[dark] .blu-loader-general.b-size-l[data-v-5f0af726] { 11668 --blu-loader-general-size: 24px 11669 } 11670 11671 html[dark] .blu-loader-general.b-size-xl[data-v-5f0af726] { 11672 --blu-loader-general-size: 32px 11673 } 11674 11675 @keyframes general-highlight-5f0af726 { 11676 0% { 11677 stroke-dasharray: 1,200; 11678 stroke-dashoffset: 0 11679 } 11680 11681 50% { 11682 stroke-dasharray: 50,200; 11683 stroke-dashoffset: -15px 11684 } 11685 11686 to { 11687 stroke-dasharray: 50,200; 11688 stroke-dashoffset: -124px 11689 } 11690 } 11691 11692 @keyframes general-base-5f0af726 { 11693 0% { 11694 stroke-dasharray: 1,200; 11695 stroke-dashoffset: 0 11696 } 11697 11698 to { 11699 stroke-dasharray: 100,200; 11700 stroke-dashoffset: -120px 11701 } 11702 } 11703 11704 @keyframes general-rotate-5f0af726 { 11705 to { 11706 transform: rotate(450deg) 11707 } 11708 } 11709 </style> 11710 <style> 11711 html:not([dark]) .b-overflow-y[data-v-7b49b436] { 11712 scrollbar-color: rgba(25,34,42,.3019607843) transparent; 11713 scrollbar-width: thin 11714 } 11715 11716 html:not([dark]) .b-overflow-y[data-v-7b49b436]::-webkit-scrollbar { 11717 width: 4px; 11718 height: 8px; 11719 background-color: transparent 11720 } 11721 11722 html:not([dark]) .b-overflow-y[data-v-7b49b436]::-webkit-scrollbar-track { 11723 margin: 13px 0 11724 } 11725 11726 html:not([dark]) .b-overflow-y[data-v-7b49b436]::-webkit-scrollbar-thumb { 11727 box-shadow: inset 0 0 14px 14px transparent; 11728 border-radius: 4px; 11729 background-color: #19222a4d; 11730 scrollbar-color: rgba(25,34,42,.3019607843) 11731 } 11732 11733 html:not([dark]) .b-overflow-y[data-v-7b49b436]:hover::-webkit-scrollbar { 11734 width: 4px 11735 } 11736 11737 html:not([dark]) .b-overflow-y[data-v-7b49b436]:hover::-webkit-scrollbar-track { 11738 border: solid 2px transparent 11739 } 11740 11741 html:not([dark]) .b-overflow-y[data-v-7b49b436]:hover::-webkit-scrollbar-thumb:hover { 11742 box-shadow: inset 0 0 14px 14px transparent; 11743 background-color: #19222a4d; 11744 scrollbar-color: rgba(25,34,42,.3019607843) transparent 11745 } 11746 11747 html:not([dark]) .b-overflow-y[data-v-7b49b436]::-webkit-scrollbar-track { 11748 border-radius: 3px; 11749 background-color: transparent 11750 } 11751 11752 html:not([dark]) .b-overflow-y.hidden[data-v-7b49b436] { 11753 scrollbar-width: none 11754 } 11755 11756 html:not([dark]) .b-overflow-y.hidden[data-v-7b49b436]::-webkit-scrollbar-thumb { 11757 border-radius: 4px; 11758 background-color: transparent 11759 } 11760 11761 html:not([dark]) .b-overflow-y.hidden[data-v-7b49b436]:hover { 11762 scrollbar-width: thin 11763 } 11764 11765 html:not([dark]) .b-overflow-y.hidden[data-v-7b49b436]:hover::-webkit-scrollbar-thumb { 11766 box-shadow: inset 0 0 14px 14px transparent; 11767 border-radius: 4px; 11768 background-color: #19222a4d; 11769 scrollbar-color: rgba(25,34,42,.3019607843) transparent 11770 } 11771 11772 html:not([dark]) .b-overflow-y.hidden[data-v-7b49b436]:hover::-webkit-scrollbar-thumb:hover { 11773 box-shadow: inset 0 0 14px 14px transparent; 11774 background-color: #19222a4d; 11775 scrollbar-color: rgba(25,34,42,.3019607843) transparent 11776 } 11777 11778 html:not([dark]) .b-overflow-y[data-v-7b49b436] { 11779 overflow-y: auto; 11780 margin: 0 11781 } 11782 11783 html:not([dark]) .blu-list__child .blu-list-group[data-v-7b49b436] { 11784 overflow: hidden 11785 } 11786 11787 html:not([dark]) .blu-list__child .blu-list-group[data-v-7b49b436]:not(.b-none):not(.b-group) .blu-list-item:first-child:before { 11788 content: ""; 11789 position: absolute; 11790 width: calc(100% - 16px); 11791 left: 8px; 11792 border-top: solid 1px #c8cbcd 11793 } 11794 11795 html:not([dark]) .blu-list-group[data-v-7b49b436]:not(.b-none):not(.b-group)>.blu-list-item:not(:first-child):before { 11796 border-top: solid 1px #c8cbcd; 11797 content: ""; 11798 position: absolute; 11799 width: calc(100% - 16px); 11800 left: 8px 11801 } 11802 11803 html:not([dark]) .blu-list-group.b-group[data-v-7b49b436]>.blu-list-item:last-child:after { 11804 border-bottom: solid 1px #c8cbcd; 11805 content: ""; 11806 position: absolute; 11807 width: calc(100% - 16px); 11808 left: 8px 11809 } 11810 11811 html[dark] .b-overflow-y[data-v-7b49b436] { 11812 scrollbar-color: rgba(255,255,255,.3019607843) transparent; 11813 scrollbar-width: thin 11814 } 11815 11816 html[dark] .b-overflow-y[data-v-7b49b436]::-webkit-scrollbar { 11817 width: 4px; 11818 height: 8px; 11819 background-color: transparent 11820 } 11821 11822 html[dark] .b-overflow-y[data-v-7b49b436]::-webkit-scrollbar-track { 11823 margin: 13px 0 11824 } 11825 11826 html[dark] .b-overflow-y[data-v-7b49b436]::-webkit-scrollbar-thumb { 11827 box-shadow: inset 0 0 14px 14px transparent; 11828 border-radius: 4px; 11829 background-color: #ffffff4d; 11830 scrollbar-color: rgba(255,255,255,.3019607843) 11831 } 11832 11833 html[dark] .b-overflow-y[data-v-7b49b436]:hover::-webkit-scrollbar { 11834 width: 4px 11835 } 11836 11837 html[dark] .b-overflow-y[data-v-7b49b436]:hover::-webkit-scrollbar-track { 11838 border: solid 2px transparent 11839 } 11840 11841 html[dark] .b-overflow-y[data-v-7b49b436]:hover::-webkit-scrollbar-thumb:hover { 11842 box-shadow: inset 0 0 14px 14px transparent; 11843 background-color: #ffffff4d; 11844 scrollbar-color: rgba(255,255,255,.3019607843) transparent 11845 } 11846 11847 html[dark] .b-overflow-y[data-v-7b49b436]::-webkit-scrollbar-track { 11848 border-radius: 3px; 11849 background-color: transparent 11850 } 11851 11852 html[dark] .b-overflow-y.hidden[data-v-7b49b436] { 11853 scrollbar-width: none 11854 } 11855 11856 html[dark] .b-overflow-y.hidden[data-v-7b49b436]::-webkit-scrollbar-thumb { 11857 border-radius: 4px; 11858 background-color: transparent 11859 } 11860 11861 html[dark] .b-overflow-y.hidden[data-v-7b49b436]:hover { 11862 scrollbar-width: thin 11863 } 11864 11865 html[dark] .b-overflow-y.hidden[data-v-7b49b436]:hover::-webkit-scrollbar-thumb { 11866 box-shadow: inset 0 0 14px 14px transparent; 11867 border-radius: 4px; 11868 background-color: #ffffff4d; 11869 scrollbar-color: rgba(255,255,255,.3019607843) transparent 11870 } 11871 11872 html[dark] .b-overflow-y.hidden[data-v-7b49b436]:hover::-webkit-scrollbar-thumb:hover { 11873 box-shadow: inset 0 0 14px 14px transparent; 11874 background-color: #ffffff4d; 11875 scrollbar-color: rgba(255,255,255,.3019607843) transparent 11876 } 11877 11878 html[dark] .b-overflow-y[data-v-7b49b436] { 11879 overflow-y: auto; 11880 margin: 0 11881 } 11882 11883 html[dark] .blu-list__child .blu-list-group[data-v-7b49b436] { 11884 overflow: hidden 11885 } 11886 11887 html[dark] .blu-list__child .blu-list-group[data-v-7b49b436]:not(.b-none):not(.b-group) .blu-list-item:first-child:before { 11888 content: ""; 11889 position: absolute; 11890 width: calc(100% - 16px); 11891 left: 8px; 11892 border-top: solid 1px #60686e 11893 } 11894 11895 html[dark] .blu-list-group[data-v-7b49b436]:not(.b-none):not(.b-group)>.blu-list-item:not(:first-child):before { 11896 border-top: solid 1px #60686e; 11897 content: ""; 11898 position: absolute; 11899 width: calc(100% - 16px); 11900 left: 8px 11901 } 11902 11903 html[dark] .blu-list-group.b-group[data-v-7b49b436]>.blu-list-item:last-child:after { 11904 border-bottom: solid 1px #60686e; 11905 content: ""; 11906 position: absolute; 11907 width: calc(100% - 16px); 11908 left: 8px 11909 } 11910 </style> 11911 <style> 11912 html:not([dark]) .blu-checkbox[data-v-03e81a59] { 11913 --blu-checkbox-spacing-padding: 4px 0; 11914 --blu-checkbox-icon-size: 22px; 11915 --blu-checkbox-icon-border-radius: 4px; 11916 --blu-checkbox-icon-padding: 2px; 11917 --blu-checkbox-container-border-radius: 4px; 11918 --blu-checkbox-container-border-width: 1px; 11919 --blu-checkbox-content-spacing-padding: 2px 0; 11920 --blu-checkbox-label-text: 500 14px/18px Blibli, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif; 11921 --blu-checkbox-container-color-border: #c8cbcd; 11922 --blu-checkbox-label-color-text: rgba(25, 34, 42, .7019607843); 11923 --blu-checkbox-cursor: pointer; 11924 --blu-checkbox-asset-color-border: #ffffff; 11925 display: inline-flex; 11926 position: relative; 11927 padding: var(--blu-checkbox-spacing-padding); 11928 outline: none 11929 } 11930 11931 html:not([dark]) .blu-checkbox[data-v-03e81a59],html:not([dark]) .blu-checkbox *[data-v-03e81a59] { 11932 cursor: var(--blu-checkbox-cursor) 11933 } 11934 11935 html:not([dark]) .blu-checkbox>*[data-v-03e81a59]:not(:last-child) { 11936 margin-right: 4px 11937 } 11938 11939 html:not([dark]) .blu-checkbox input[type=checkbox][data-v-03e81a59] { 11940 display: none 11941 } 11942 11943 html:not([dark]) .blu-checkbox__icon[data-v-03e81a59] { 11944 box-sizing: border-box; 11945 width: var(--blu-checkbox-icon-size); 11946 height: var(--blu-checkbox-icon-size); 11947 border-radius: var(--blu-checkbox-icon-border-radius); 11948 padding: var(--blu-checkbox-icon-padding); 11949 background: var(--blu-checkbox-icon-color-background); 11950 box-shadow: inset 0 0 0 var(--blu-checkbox-icon-border-width); 11951 color: var(--blu-checkbox-icon-color-border); 11952
11952 flex-shrink: 0 11953 } 11954 11955 html:not([dark]) .blu-checkbox__container[data-v-03e81a59] { 11956 display: flex; 11957 align-items: center; 11958 justify-content: center; 11959 width: 100%; 11960 height: 100%; 11961 border-radius: var(--blu-checkbox-container-border-radius); 11962 box-shadow: inset 0 0 0 var(--blu-checkbox-container-border-width); 11963 color: var(--blu-checkbox-container-color-border); 11964 background: var(--blu-checkbox-container-color-background) 11965 } 11966 11967 html:not([dark]) .blu-checkbox__container .blu-checkbox__container-asset[data-v-03e81a59] { 11968 transform: rotate(-45deg) translateY(-4px) translate(-3px) 11969 } 11970 11971 html:not([dark]) .blu-checkbox__container .blu-checkbox__container-asset[data-v-03e81a59]:before,html:not([dark]) .blu-checkbox__container .blu-checkbox__container-asset[data-v-03e81a59]:after { 11972 position: absolute; 11973 content: ""; 11974 opacity: 0; 11975 border-radius: 4px 11976 } 11977 11978 html:not([dark]) .blu-checkbox__container .blu-checkbox__container-asset[data-v-03e81a59]:before { 11979 height: 0 11980 } 11981 11982 html:not([dark]) .blu-checkbox__container .blu-checkbox__container-asset[data-v-03e81a59]:before { 11983 width: 2px 11984 } 11985 11986 html:not([dark]) .blu-checkbox__container .blu-checkbox__container-asset[data-v-03e81a59]:after { 11987 width: 0; 11988 height: 2px; 11989 transform: translateY(4px) 11990 } 11991 11992 html:not([dark]) .blu-checkbox__content[data-v-03e81a59] { 11993 display: flex; 11994 flex-direction: column; 11995 padding: var(--blu-checkbox-content-spacing-padding); 11996 font: var(--blu-checkbox-label-text); 11997 color: var(--blu-checkbox-label-color-text) 11998 } 11999 12000 html:not([dark]) .blu-checkbox__content>*[data-v-03e81a59]:not(:last-child) { 12001 margin-bottom: 4px 12002 } 12003 12004 html:not([dark]) .blu-checkbox[data-v-03e81a59]:not(.b-disabled):hover { 12005 --blu-checkbox-icon-color-background: #f9f9fa 12006 } 12007 12008 html:not([dark]) .blu-checkbox:not(.b-disabled):hover input[type=checkbox]:checked~.blu-checkbox__icon[data-v-03e81a59],html:not([dark]) .blu-checkbox:not(.b-disabled):hover input[type=checkbox]:indeterminate~.blu-checkbox__icon[data-v-03e81a59] { 12009 --blu-checkbox-icon-color-background: #f3f9ff 12010 } 12011 12012 html:not([dark]) .blu-checkbox.b-error>input[type=checkbox]:not(:checked):not(:indeterminate)~.blu-checkbox__icon[data-v-03e81a59] { 12013 --blu-checkbox-container-color-border: #ff4646 12014 } 12015 12016 html:not([dark]) .blu-checkbox.b-error>input[type=checkbox]:not(:checked):not(:indeterminate)~.blu-checkbox__content[data-v-03e81a59] { 12017 --blu-checkbox-label-color-text: #d33534 12018 } 12019 12020 html:not([dark]) .blu-checkbox input[type=checkbox]:checked~.blu-checkbox__icon[data-v-03e81a59] { 12021 --blu-checkbox-container-color-background: #1d8fff; 12022 --blu-checkbox-container-color-border: #1d8fff 12023 } 12024 12025 html:not([dark]) .blu-checkbox input[type=checkbox]:checked~.blu-checkbox__icon .blu-checkbox__container[data-v-03e81a59] { 12026 animation: bounce-03e81a59 .3s ease-out 12027 } 12028 12029 html:not([dark]) .blu-checkbox input[type=checkbox]:checked~.blu-checkbox__icon .blu-checkbox__container-asset[data-v-03e81a59] { 12030 visibility: visible 12031 } 12032 12033 html:not([dark]) .blu-checkbox input[type=checkbox]:checked~.blu-checkbox__icon .blu-checkbox__container-asset[data-v-03e81a59]:before,html:not([dark]) .blu-checkbox input[type=checkbox]:checked~.blu-checkbox__icon .blu-checkbox__container-asset[data-v-03e81a59]:after { 12034 background: var(--blu-checkbox-asset-color-border); 12035 opacity: 1;
12036 transition: all .1s .1s 12037 } 12038 12039 html:not([dark]) .blu-checkbox input[type=checkbox]:checked~.blu-checkbox__icon .blu-checkbox__container-asset[data-v-03e81a59]:before { 12040 height: 6px 12041 } 12042 12043 html:not([dark]) .blu-checkbox input[type=checkbox]:checked~.blu-checkbox__icon .blu-checkbox__container-asset[data-v-03e81a59]:after { 12044 width: 8px 12045 } 12046 12047 html:not([dark]) .blu-checkbox[data-v-03e81a59]:not(.b-disabled):focus-visible { 12048 --blu-checkbox-icon-color-background: #f9f9fa; 12049 --blu-checkbox-icon-color-border: #19222a 12050 } 12051 12052 html:not([dark]) .blu-checkbox[data-v-03e81a59]:not(.b-disabled):focus-visible:not(.b-small) { 12053 --blu-checkbox-icon-border-width: 2px 12054 } 12055 12056 html:not([dark]) .blu-checkbox:not(.b-disabled):focus-visible input[type=checkbox]:checked~.blu-checkbox__icon[data-v-03e81a59],html:not([dark]) .blu-checkbox:not(.b-disabled):focus-visible input[type=checkbox]:indeterminate~.blu-checkbox__icon[data-v-03e81a59] { 12057 --blu-checkbox-icon-color-background: #f3f9ff 12058 } 12059 12060 html:not([dark]) .blu-checkbox.b-disabled[data-v-03e81a59] { 12061 --blu-checkbox-cursor: not-allowed; 12062 --blu-checkbox-container-color-border: #f1f2f2; 12063 --blu-checkbox-label-color-text: rgba(25, 34, 42, .3019607843); 12064 --blu-checkbox-asset-color-border: #ffffff; 12065 --blu-checkbox-container-color-background: #f9f9fa; 12066 user-select: auto 12067 } 12068 12069 html:not([dark]) .blu-checkbox.b-disabled input[type=checkbox]:checked~.blu-checkbox__icon[data-v-03e81a59],html:not([dark]) .blu-checkbox.b-disabled input[type=checkbox]:indeterminate~.blu-checkbox__icon[data-v-03e81a59] { 12070 --blu-checkbox-container-color-border: transparent; 12071 --blu-checkbox-container-color-background: rgba(25, 34, 42, .3019607843) 12072 } 12073 12074 html:not([dark]) .blu-checkbox.b-small[data-v-03e81a59] { 12075 --blu-checkbox-icon-size: 18px; 12076 --blu-checkbox-icon-padding: 2px; 12077 --blu-checkbox-icon-border-radius: 4px; 12078 --blu-checkbox-container-border-radius: 4px; 12079 --blu-checkbox-container-border-width: 1px; 12080 --blu-checkbox-content-spacing-padding: 0; 12081 --blu-checkbox-label-text: 500 14px/18px Blibli, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif; 12082 --blu-checkbox-spacing-padding: 3px 0 12083 } 12084 12085 html:not([dark]) .blu-checkbox.b-small[data-v-03e81a59]:focus-visible { 12086 --blu-checkbox-icon-border-width: 2px 12087 } 12088 12089 html:not([dark]) .blu-checkbox.b-small .blu-checkbox__container-asset[data-v-03e81a59] { 12090 transform: rotate(-49deg) translateY(-4px) translate(-2px) 12091 } 12092 12093 html:not([dark]) .blu-checkbox.b-small .blu-checkbox__container-asset[data-v-03e81a59]:before,html:not([dark]) .blu-checkbox.b-small .blu-checkbox__container-asset[data-v-03e81a59]:after { 12094 position: absolute; 12095 content: ""; 12096 opacity: 0; 12097 border-radius: 4px 12098 } 12099 12100 html:not([dark]) .blu-checkbox.b-small .blu-checkbox__container-asset[data-v-03e81a59]:before { 12101 height: 0 12102 } 12103 12104 html:not([dark]) .blu-checkbox.b-small .blu-checkbox__container-asset[data-v-03e81a59]:before { 12105 top: 1px 12106 } 12107 12108 html:not([dark]) .blu-checkbox.b-small input[type=checkbox]:checked~.blu-checkbox__icon .blu-checkbox__container[data-v-03e81a59] { 12109 animation: bounce-03e81a59 .3s ease-out 12110 } 12111 12112 html:not([dark]) .blu-checkbox.b-small input[type=checkbox]:checked~.blu-checkbox__icon .blu-checkbox__container-asset[data-v-03e81a59] { 12113 visibility: visible 12114 } 12115 12116 html:not([dark]) .blu-checkbox.b-small input[type=checkbox]:checked~.blu-checkbox__icon .blu-checkbox__container-asset[data-v-03e81a59]:before,html:not([dark]) .blu-checkbox.b-small input[type=checkbox]:checked~.blu-checkbox__icon .blu-checkbox__container-asset[data-v-03e81a59]:after { 12117 background: var(--blu-checkbox-asset-color-border); 12118 opacity: 1;
12119 transition: all .1s .1s 12120 } 12121 12122 html:not([dark]) .blu-checkbox.b-small input[type=checkbox]:checked~.blu-checkbox__icon .blu-checkbox__container-asset[data-v-03e81a59]:before { 12123 height: 4px 12124 } 12125 12126 html:not([dark]) .blu-checkbox.b-small input[type=checkbox]:checked~.blu-checkbox__icon .blu-checkbox__container-asset[data-v-03e81a59]:after { 12127 width: 6px 12128 } 12129 12130 html:not([dark]) .blu-checkbox.b-small.b-partial .blu-checkbox__container-asset[data-v-03e81a59] { 12131 transform: rotate(90deg) translateY(-5px) translate(-1px) 12132 } 12133 12134 html:not([dark]) .blu-checkbox.b-small.b-partial .blu-checkbox__container-asset[data-v-03e81a59]:before,html:not([dark]) .blu-checkbox.b-small.b-partial .blu-checkbox__container-asset[data-v-03e81a59]:after { 12135 position: absolute; 12136 content: ""; 12137 opacity: 0; 12138 border-radius: 4px 12139 } 12140 12141 html:not([dark]) .blu-checkbox.b-small.b-partial .blu-checkbox__container-asset[data-v-03e81a59]:before { 12142 height: 0 12143 } 12144 12145 html:not([dark]) .blu-checkbox.b-partial[data-v-03e81a59] { 12146 --blu-checkbox-container-color-background: #1d8fff; 12147 --blu-checkbox-container-color-border: #1d8fff 12148 } 12149 12150 html:not([dark]) .blu-checkbox.b-partial .blu-checkbox__container-asset[data-v-03e81a59] { 12151 transform: rotate(90deg) translateY(-4px) translate(-1px) 12152 } 12153 12154 html:not([dark]) .blu-checkbox.b-partial .blu-checkbox__container-asset[data-v-03e81a59]:before,html:not([dark]) .blu-checkbox.b-partial .blu-checkbox__container-asset[data-v-03e81a59]:after { 12155 position: absolute; 12156 content: ""; 12157 opacity: 0; 12158 border-radius: 4px 12159 } 12160 12161 html:not([dark]) .blu-checkbox.b-partial .blu-checkbox__container-asset[data-v-03e81a59]:before { 12162 height: 0 12163 } 12164 12165 html:not([dark]) .blu-checkbox.b-partial .blu-checkbox__container-asset[data-v-03e81a59]:before { 12166 width: 2px 12167 } 12168 12169 html:not([dark]) .blu-checkbox.b-partial .blu-checkbox__container-asset[data-v-03e81a59]:after { 12170 display: none 12171 } 12172 12173 html:not([dark]) .blu-checkbox.b-partial input[type=checkbox]:indeterminate+.blu-checkbox__icon .blu-checkbox__container[data-v-03e81a59] { 12174 animation: bounce-03e81a59 .3s ease-out 12175 } 12176 12177 html:not([dark]) .blu-checkbox.b-partial input[type=checkbox]:indeterminate+.blu-checkbox__icon .blu-checkbox__container-asset[data-v-03e81a59] { 12178 visibility: visible 12179 } 12180 12181 html:not([dark]) .blu-checkbox.b-partial input[type=checkbox]:indeterminate+.blu-checkbox__icon .blu-checkbox__container-asset[data-v-03e81a59]:before,html:not([dark]) .blu-checkbox.b-partial input[type=checkbox]:indeterminate+.blu-checkbox__icon .blu-checkbox__container-asset[data-v-03e81a59]:after { 12182 background: var(--blu-checkbox-asset-color-border); 12183 opacity: 1; 12184 transition: all .1s .1s 12185 } 12186 12187 html:not([dark]) .blu-checkbox.b-partial input[type=checkbox]:indeterminate+.blu-checkbox__icon .blu-checkbox__container-asset[data-v-03e81a59]:before { 12188 height: 8px 12189 } 12190 12191 @keyframes bounce-03e81a59 { 12192 25% { 12193 transform: scale(.9) 12194 } 12195 12196 50% { 12197 transform: scale(1.1) 12198 } 12199 } 12200 12201 html[dark] .blu-checkbox[data-v-03e81a59] { 12202 --blu-checkbox-spacing-padding: 4px 0; 12203 --blu-checkbox-icon-size: 22px; 12204 --blu-checkbox-icon-border-radius: 4px; 12205 --blu-checkbox-icon-padding: 2px; 12206 --blu-checkbox-container-border-radius: 4px; 12207 --blu-checkbox-container-border-width: 1px; 12208 --blu-checkbox-content-spacing-padding: 2px 0; 12209 --blu-checkbox-label-text: 500 14px/18px Blibli, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif; 12210 --blu-checkbox-container-color-border: #60686e; 12211 --blu-checkbox-label-color-text: rgba(255, 255, 255, .8); 12212 --blu-checkbox-cursor: pointer; 12213 --blu-checkbox-asset-color-border: #ffffff; 12214 display: inline-flex; 12215 position: relative; 12216 padding: var(--blu-checkbox-spacing-padding); 12217 outline: none 12218 } 12219 12220 html[dark] .blu-checkbox[data-v-03e81a59],html[dark] .blu-checkbox *[data-v-03e81a59] { 12221 cursor: var(--blu-checkbox-cursor) 12222 } 12223 12224 html[dark] .blu-checkbox>*[data-v-03e81a59]:not(:last-child) { 12225 margin-right: 4px 12226 } 12227 12228 html[dark] .blu-checkbox input[type=checkbox][data-v-03e81a59] { 12229 display: none 12230 } 12231 12232 html[dark] .blu-checkbox__icon[data-v-03e81a59] { 12233 box-sizing: border-box; 12234 width: var(--blu-checkbox-icon-size); 12235 height: var(--blu-checkbox-icon-size); 12236 border-radius: var(--blu-checkbox-icon-border-radius); 12237 padding: var(--blu-checkbox-icon-padding); 12238 background: var(--blu-checkbox-icon-color-background); 12239 box-shadow: inset 0 0 0 var(--blu-checkbox-icon-border-width); 12240 color: var(--blu-checkbox-icon-color-border); 12241 flex-shrink: 0 12242 } 12243 12244 html[dark] .blu-checkbox__container[data-v-03e81a59] { 12245 display: flex; 12246 align-items: center; 12247 justify-content: center; 12248 width: 100%; 12249 height: 100%; 12250 border-radius: var(--blu-checkbox-container-border-radius); 12251 box-shadow: inset 0 0 0 var(--blu-checkbox-container-border-width); 12252 color: var(--blu-checkbox-container-color-border); 12253 background: var(--blu-checkbox-container-color-background) 12254 } 12255 12256 html[dark] .blu-checkbox__container .blu-checkbox__container-asset[data-v-03e81a59] { 12257 transform: rotate(-45deg) translateY(-4px) translate(-3px) 12258 } 12259 12260 html[dark] .blu-checkbox__container .blu-checkbox__container-asset[data-v-03e81a59]:before,html[dark] .blu-checkbox__container .blu-checkbox__container-asset[data-v-03e81a59]:after { 12261 position: absolute; 12262 content: ""; 12263 opacity: 0; 12264 border-radius: 4px 12265 } 12266 12267 html[dark] .blu-checkbox__container .blu-checkbox__container-asset[data-v-03e81a59]:before { 12268 height: 0 12269 } 12270 12271 html[dark] .blu-checkbox__container .blu-checkbox__container-asset[data-v-03e81a59]:before { 12272 width: 2px 12273 } 12274 12275 html[dark] .blu-checkbox__container .blu-checkbox__container-asset[data-v-03e81a59]:after { 12276 width: 0; 12277 height: 2px; 12278 transform: translateY(4px) 12279 } 12280 12281 html[dark] .blu-checkbox__content[data-v-03e81a59] { 12282 display: flex; 12283 flex-direction: column; 12284 padding: var(--blu-checkbox-content-spacing-padding); 12285 font: var(--blu-checkbox-label-text); 12286 color: var(--blu-checkbox-label-color-text) 12287 } 12288 12289 html[dark] .blu-checkbox__content>*[data-v-03e81a59]:not(:last-child) { 12290 margin-bottom: 4px 12291 } 12292 12293 html[dark] .blu-checkbox[data-v-03e81a59]:not(.b-disabled):hover { 12294 --blu-checkbox-icon-color-background: #19222a 12295 } 12296 12297 html[dark] .blu-checkbox:not(.b-disabled):hover input[type=checkbox]:checked~.blu-checkbox__icon[data-v-03e81a59],html[dark] .blu-checkbox:not(.b-disabled):hover input[type=checkbox]:indeterminate~.blu-checkbox__icon[data-v-03e81a59] { 12298 --blu-checkbox-icon-color-background: #002e7a 12299 } 12300 12301 html[dark] .blu-checkbox.b-error>input[type=checkbox]:not(:checked):not(:indeterminate)~.blu-checkbox__icon[data-v-03e81a59] { 12302 --blu-checkbox-container-color-border: #ff7373 12303 } 12304 12305 html[dark] .blu-checkbox.b-error>input[type=checkbox]:not(:checked):not(:indeterminate)~.blu-checkbox__content[data-v-03e81a59] { 12306 --blu-checkbox-label-color-text: #ff7373 12307 } 12308 12309 html[dark] .blu-checkbox input[type=checkbox]:checked~.blu-checkbox__icon[data-v-03e81a59] { 12310 --blu-checkbox-container-color-background: #1d8fff; 12311 --blu-checkbox-container-color-border: #1d8fff 12312 } 12313 12314 html[dark] .blu-checkbox input[type=checkbox]:checked~.blu-checkbox__icon .blu-checkbox__container[data-v-03e81a59] { 12315 animation: bounce-03e81a59 .3s ease-out 12316 } 12317 12318 html[dark] .blu-checkbox input[type=checkbox]:checked~.blu-checkbox__icon .blu-checkbox__container-asset[data-v-03e81a59] { 12319 visibility: visible 12320 } 12321 12322 html[dark] .blu-checkbox input[type=checkbox]:checked~.blu-checkbox__icon .blu-checkbox__container-asset[data-v-03e81a59]:before,html[dark] .blu-checkbox input[type=checkbox]:checked~.blu-checkbox__icon .blu-checkbox__container-asset[data-v-03e81a59]:after { 12323 background: var(--blu-checkbox-asset-color-border); 12324 opacity: 1;
12325 transition: all .1s .1s 12326 } 12327 12328 html[dark] .blu-checkbox input[type=checkbox]:checked~.blu-checkbox__icon .blu-checkbox__container-asset[data-v-03e81a59]:before { 12329 height: 6px 12330 } 12331 12332 html[dark] .blu-checkbox input[type=checkbox]:checked~.blu-checkbox__icon .blu-checkbox__container-asset[data-v-03e81a59]:after { 12333 width: 8px 12334 } 12335 12336 html[dark] .blu-checkbox[data-v-03e81a59]:not(.b-disabled):focus-visible { 12337 --blu-checkbox-icon-color-background: #19222a; 12338 --blu-checkbox-icon-color-border: #f9f9fa 12339 } 12340 12341 html[dark] .blu-checkbox[data-v-03e81a59]:not(.b-disabled):focus-visible:not(.b-small) { 12342 --blu-checkbox-icon-border-width: 2px 12343 } 12344 12345 html[dark] .blu-checkbox:not(.b-disabled):focus-visible input[type=checkbox]:checked~.blu-checkbox__icon[data-v-03e81a59],html[dark] .blu-checkbox:not(.b-disabled):focus-visible input[type=checkbox]:indeterminate~.blu-checkbox__icon[data-v-03e81a59] { 12346 --blu-checkbox-icon-color-background: #002e7a 12347 } 12348 12349 html[dark] .blu-checkbox.b-disabled[data-v-03e81a59] { 12350 --blu-checkbox-cursor: not-allowed; 12351 --blu-checkbox-container-color-border: #28323b; 12352 --blu-checkbox-label-color-text: rgba(255, 255, 255, .3019607843); 12353 --blu-checkbox-asset-color-border: #12171d; 12354 --blu-checkbox-container-color-background: #19222a; 12355 user-select: auto 12356 } 12357 12358 html[dark] .blu-checkbox.b-disabled input[type=checkbox]:checked~.blu-checkbox__icon[data-v-03e81a59],html[dark] .blu-checkbox.b-disabled input[type=checkbox]:indeterminate~.blu-checkbox__icon[data-v-03e81a59] { 12359 --blu-checkbox-container-color-border: transparent; 12360 --blu-checkbox-container-color-background: rgba(255, 255, 255, .3019607843) 12361 } 12362 12363 html[dark] .blu-checkbox.b-small[data-v-03e81a59] { 12364 --blu-checkbox-icon-size: 18px; 12365 --blu-checkbox-icon-padding: 2px; 12366 --blu-checkbox-icon-border-radius: 4px; 12367 --blu-checkbox-container-border-radius: 4px; 12368 --blu-checkbox-container-border-width: 1px; 12369 --blu-checkbox-content-spacing-padding: 0; 12370 --blu-checkbox-label-text: 500 14px/18px Blibli, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif; 12371 --blu-checkbox-spacing-padding: 3px 0 12372 } 12373 12374 html[dark] .blu-checkbox.b-small[data-v-03e81a59]:focus-visible { 12375 --blu-checkbox-icon-border-width: 2px 12376 } 12377 12378 html[dark] .blu-checkbox.b-small .blu-checkbox__container-asset[data-v-03e81a59] { 12379 transform: rotate(-49deg) translateY(-4px) translate(-2px) 12380 } 12381 12382 html[dark] .blu-checkbox.b-small .blu-checkbox__container-asset[data-v-03e81a59]:before,html[dark] .blu-checkbox.b-small .blu-checkbox__container-asset[data-v-03e81a59]:after { 12383 position: absolute; 12384 content: ""; 12385 opacity: 0; 12386 border-radius: 4px 12387 } 12388 12389 html[dark] .blu-checkbox.b-small .blu-checkbox__container-asset[data-v-03e81a59]:before { 12390 height: 0 12391 } 12392 12393 html[dark] .blu-checkbox.b-small .blu-checkbox__container-asset[data-v-03e81a59]:before { 12394 top: 1px 12395 } 12396 12397 html[dark] .blu-checkbox.b-small input[type=checkbox]:checked~.blu-checkbox__icon .blu-checkbox__container[data-v-03e81a59] { 12398 animation: bounce-03e81a59 .3s ease-out 12399 } 12400 12401 html[dark] .blu-checkbox.b-small input[type=checkbox]:checked~.blu-checkbox__icon .blu-checkbox__container-asset[data-v-03e81a59] { 12402 visibility: visible 12403 } 12404 12405 html[dark] .blu-checkbox.b-small input[type=checkbox]:checked~.blu-checkbox__icon .blu-checkbox__container-asset[data-v-03e81a59]:before,html[dark] .blu-checkbox.b-small input[type=checkbox]:checked~.blu-checkbox__icon .blu-checkbox__container-asset[data-v-03e81a59]:after { 12406 background: var(--blu-checkbox-asset-color-border); 12407 opacity: 1;
12408 transition: all .1s .1s 12409 } 12410 12411 html[dark] .blu-checkbox.b-small input[type=checkbox]:checked~.blu-checkbox__icon .blu-checkbox__container-asset[data-v-03e81a59]:before { 12412 height: 4px 12413 } 12414 12415 html[dark] .blu-checkbox.b-small input[type=checkbox]:checked~.blu-checkbox__icon .blu-checkbox__container-asset[data-v-03e81a59]:after { 12416 width: 6px 12417 } 12418 12419 html[dark] .blu-checkbox.b-small.b-partial .blu-checkbox__container-asset[data-v-03e81a59] { 12420 transform: rotate(90deg) translateY(-5px) translate(-1px) 12421 } 12422 12423 html[dark] .blu-checkbox.b-small.b-partial .blu-checkbox__container-asset[data-v-03e81a59]:before,html[dark] .blu-checkbox.b-small.b-partial .blu-checkbox__container-asset[data-v-03e81a59]:after { 12424 position: absolute; 12425 content: ""; 12426 opacity: 0; 12427 border-radius: 4px 12428 } 12429 12430 html[dark] .blu-checkbox.b-small.b-partial .blu-checkbox__container-asset[data-v-03e81a59]:before { 12431 height: 0 12432 } 12433 12434 html[dark] .blu-checkbox.b-partial[data-v-03e81a59] { 12435 --blu-checkbox-container-color-background: #1d8fff; 12436 --blu-checkbox-container-color-border: #1d8fff 12437 } 12438 12439 html[dark] .blu-checkbox.b-partial .blu-checkbox__container-asset[data-v-03e81a59] { 12440 transform: rotate(90deg) translateY(-4px) translate(-1px) 12441 } 12442 12443 html[dark] .blu-checkbox.b-partial .blu-checkbox__container-asset[data-v-03e81a59]:before,html[dark] .blu-checkbox.b-partial .blu-checkbox__container-asset[data-v-03e81a59]:after { 12444 position: absolute; 12445 content: ""; 12446 opacity: 0; 12447 border-radius: 4px 12448 } 12449 12450 html[dark] .blu-checkbox.b-partial .blu-checkbox__container-asset[data-v-03e81a59]:before { 12451 height: 0 12452 } 12453 12454 html[dark] .blu-checkbox.b-partial .blu-checkbox__container-asset[data-v-03e81a59]:before { 12455 width: 2px 12456 } 12457 12458 html[dark] .blu-checkbox.b-partial .blu-checkbox__container-asset[data-v-03e81a59]:after { 12459 display: none 12460 } 12461 12462 html[dark] .blu-checkbox.b-partial input[type=checkbox]:indeterminate+.blu-checkbox__icon .blu-checkbox__container[data-v-03e81a59] { 12463 animation: bounce-03e81a59 .3s ease-out 12464 } 12465 12466 html[dark] .blu-checkbox.b-partial input[type=checkbox]:indeterminate+.blu-checkbox__icon .blu-checkbox__container-asset[data-v-03e81a59] { 12467 visibility: visible 12468 } 12469 12470 html[dark] .blu-checkbox.b-partial input[type=checkbox]:indeterminate+.blu-checkbox__icon .blu-checkbox__container-asset[data-v-03e81a59]:before,html[dark] .blu-checkbox.b-partial input[type=checkbox]:indeterminate+.blu-checkbox__icon .blu-checkbox__container-asset[data-v-03e81a59]:after { 12471 background: var(--blu-checkbox-asset-color-border); 12472 opacity: 1; 12473 transition: all .1s .1s 12474 } 12475 12476 html[dark] .blu-checkbox.b-partial input[type=checkbox]:indeterminate+.blu-checkbox__icon .blu-checkbox__container-asset[data-v-03e81a59]:before { 12477 height: 8px 12478 } 12479 12480 html:not([dark]) .blu-loader-general[data-v-5f0af726] { 12481 --blu-loader-general-highlight-color-background: #1d8fff; 12482 --blu-loader-general-base-color-background: #f1f2f2; 12483 width: var(--blu-loader-general-size); 12484 height: var(--blu-loader-general-size) 12485 } 12486 12487 html:not([dark]) .blu-loader-general__asset[data-v-5f0af726] { 12488 animation: general-rotate-5f0af726 1.6s linear infinite; 12489 transform-origin: center center; 12490 transition: all .5s ease-in-out; 12491 width: 100%; 12492 height: 100%; 12493 margin: auto; 12494 transform: rotate(90deg) 12495 } 12496 12497 html:not([dark]) .blu-loader-general__asset--highlight[data-v-5f0af726],html:not([dark]) .blu-loader-general__asset--base[data-v-5f0af726] { 12498 stroke-linecap: round 12499 } 12500 12501 html:not([dark]) .blu-loader-general__asset--highlight[data-v-5f0af726] { 12502 stroke: var(--blu-loader-general-highlight-color-background); 12503 animation: general-highlight-5f0af726 1.6s linear infinite 12504 } 12505 12506 html:not([dark]) .blu-loader-general__asset--base[data-v-5f0af726] { 12507 stroke: var(--blu-loader-general-base-color-background); 12508 animation: general-base-5f0af726 1.6s linear infinite 12509 } 12510 12511 html:not([dark]) .blu-loader-general.b-inverted[data-v-5f0af726] { 12512 --blu-loader-general-highlight-color-background: #ffffff; 12513 --blu-loader-general-base-color-background: #c8cbcd 12514 } 12515 12516 html:not([dark]) .blu-loader-general.b-size-s[data-v-5f0af726] { 12517 --blu-loader-general-size: 16px 12518 } 12519 12520 html:not([dark]) .blu-loader-general.b-size-m[data-v-5f0af726] { 12521 --blu-loader-general-size: 18px 12522 } 12523 12524 html:not([dark]) .blu-loader-general.b-size-l[data-v-5f0af726] { 12525 --blu-loader-general-size: 24px 12526 } 12527 12528 html:not([dark]) .blu-loader-general.b-size-xl[data-v-5f0af726] { 12529 --blu-loader-general-size: 32px 12530 } 12531 12532 html[dark] .blu-loader-general[data-v-5f0af726] { 12533 --blu-loader-general-highlight-color-background: #4fa4ff; 12534 --blu-loader-general-base-color-background: #28323b; 12535 width: var(--blu-loader-general-size); 12536 height: var(--blu-loader-general-size) 12537 } 12538 12539 html[dark] .blu-loader-general__asset[data-v-5f0af726] { 12540 animation: general-rotate-5f0af726 1.6s linear infinite; 12541 transform-origin: center center; 12542 transition: all .5s ease-in-out; 12543 width: 100%; 12544 height: 100%; 12545 margin: auto; 12546 transform: rotate(90deg) 12547 } 12548 12549 html[dark] .blu-loader-general__asset--highlight[data-v-5f0af726],html[dark] .blu-loader-general__asset--base[data-v-5f0af726] { 12550 stroke-linecap: round 12551 } 12552 12553 html[dark] .blu-loader-general__asset--highlight[data-v-5f0af726] { 12554 stroke: var(--blu-loader-general-highlight-color-background); 12555 animation: general-highlight-5f0af726 1.6s linear infinite 12556 } 12557 12558 html[dark] .blu-loader-general__asset--base[data-v-5f0af726] { 12559 stroke: var(--blu-loader-general-base-color-background); 12560 animation: general-base-5f0af726 1.6s linear infinite 12561 } 12562 12563 html[dark] .blu-loader-general.b-inverted[data-v-5f0af726] { 12564 --blu-loader-general-highlight-color-background: #12171d; 12565 --blu-loader-general-base-color-background: #60686e 12566 } 12567 12568 html[dark] .blu-loader-general.b-size-s[data-v-5f0af726] { 12569 --blu-loader-general-size: 16px 12570 } 12571 12572 html[dark] .blu-loader-general.b-size-m[data-v-5f0af726] { 12573 --blu-loader-general-size: 18px 12574 } 12575 12576 html[dark] .blu-loader-general.b-size-l[data-v-5f0af726] { 12577 --blu-loader-general-size: 24px 12578 } 12579 12580 html[dark] .blu-loader-general.b-size-xl[data-v-5f0af726] { 12581 --blu-loader-general-size: 32px 12582 } 12583 12584 @keyframes general-highlight-5f0af726 { 12585 0% { 12586 stroke-dasharray: 1,200; 12587 stroke-dashoffset: 0 12588 } 12589 12590 50% { 12591 stroke-dasharray: 50,200; 12592 stroke-dashoffset: -15px 12593 } 12594 12595 to { 12596 stroke-dasharray: 50,200; 12597 stroke-dashoffset: -124px 12598 } 12599 } 12600 12601 @keyframes general-base-5f0af726 { 12602 0% { 12603 stroke-dasharray: 1,200; 12604 stroke-dashoffset: 0 12605 } 12606 12607 to { 12608 stroke-dasharray: 100,200; 12609 stroke-dashoffset: -120px 12610 } 12611 } 12612 12613 @keyframes general-rotate-5f0af726 { 12614 to { 12615 transform: rotate(450deg) 12616 } 12617 } 12618 12619 html:not([dark]) *[data-v-39791579] { 12620 box-sizing: border-box 12621 } 12622 12623 html:not([dark]) .blu-radio[data-v-39791579] { 12624 --blu-radio-container-border-width: 1px; 12625 --blu-radio-container-color-border: #c8cbcd; 12626 --blu-radio-container-spacing-padding: 4px; 12627 --blu-radio-content-spacing-padding: 2px 0; 12628 --blu-radio-mark-size: 22px; 12629 --blu-radio-mark-spacing-padding: 2px; 12630 --blu-radio-label-text: 500 14px/18px Blibli, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif; 12631 --blu-radio-label-color-text: rgba(25, 34, 42, .7019607843); 12632 --blu-radio-spacing-padding: 4px 0; 12633 display: inline-flex; 12634 padding: var(--blu-radio-spacing-padding); 12635 align-items: flex-start; 12636 transition: all .3s; 12637 outline: none 12638 } 12639 12640 html:not([dark]) .blu-radio[data-v-39791579],html:not([dark]) .blu-radio *[data-v-39791579] { 12641 cursor: pointer 12642 } 12643 12644 html:not([dark]) .blu-radio>*[data-v-39791579]:not(:last-child) { 12645 margin-right: 4px 12646 } 12647 12648 html:not([dark]) .blu-radio input[type=radio][data-v-39791579] { 12649 display: none 12650 } 12651 12652 html:not([dark]) .blu-radio__mark[data-v-39791579] { 12653 min-width: var(--blu-radio-mark-size); 12654 height: var(--blu-radio-mark-size); 12655 padding: var(--blu-radio-mark-spacing-padding); 12656 background-color: var(--blu-radio-mark-color-background); 12657 border-radius: 50% 12658 } 12659 12660 html:not([dark]) .blu-radio__mark-container[data-v-39791579] { 12661 display: flex; 12662 align-items: center; 12663 justify-content: center; 12664 width: 100%; 12665 height: 100%; 12666 padding: var(--blu-radio-container-spacing-padding); 12667 background-color: var(--blu-radio-container-color-background); 12668 border-radius: 50%; 12669 box-shadow: 0 0 0 var(--blu-radio-container-border-width) var(--blu-radio-container-color-border) inset 12670 } 12671 12672 html:not([dark]) .blu-radio__mark-container .dot[data-v-39791579] { 12673 width: 100%; 12674 height: 100%; 12675 border-radius: 50%; 12676 background-color: var(--blu-radio-dot-color-background); 12677 transition: background-color .1s .1s 12678 } 12679 12680 html:not([dark]) .blu-radio__content[data-v-39791579] { 12681 font: var(--blu-radio-label-text); 12682 color: var(--blu-radio-label-color-text); 12683 padding: var(--blu-radio-content-spacing-padding) 12684 } 12685 12686 html:not([dark]) .blu-radio__content>*[data-v-39791579]:not(:last-child) { 12687 margin-bottom: 4px 12688 } 12689 12690 html:not([dark]) .blu-radio.b-error[data-v-39791579]:not(.b-selected) { 12691 --blu-radio-container-color-border: #ff4646; 12692 --blu-radio-label-color-text: #d33534 12693 } 12694 12695 html:not([dark]) .blu-radio.b-selected[data-v-39791579] { 12696 --blu-radio-container-color-border: #1d8fff; 12697 --blu-radio-dot-color-background: #1d8fff; 12698 --blu-radio-container-border-width: 1px 12699 } 12700 12701 html:not([dark]) .blu-radio.b-selected .blu-radio__mark-container[data-v-39791579] { 12702 animation: bounce-39791579 .3s ease-out 12703 } 12704 12705 html:not([dark]) .blu-radio.b-selected[data-v-39791579]:not(.b-disabled):hover { 12706 --blu-radio-mark-color-background: #f3f9ff 12707 } 12708 12709 html:not([dark]) .blu-radio.b-selected[data-v-39791579]:not(.b-disabled):focus-visible { 12710 --blu-radio-mark-color-background: #f3f9ff; 12711 --blu-radio-container-border-width-focused: 2px 12712 } 12713 12714 html:not([dark]) .blu-radio[data-v-39791579]:not(.b-disabled):not(.b-selected):hover { 12715 --blu-radio-mark-color-background: #f9f9fa 12716 } 12717 12718 html:not([dark]) .blu-radio[data-v-39791579]:focus-visible { 12719 --blu-radio-container-border-width-focused: 2px 12720 } 12721 12722 html:not([dark]) .blu-radio[data-v-39791579]:focus-visible:not(.b-disabled) { 12723 --blu-radio-mark-color-border-focused: #19222a 12724 } 12725 12726 html:not([dark]) .blu-radio:focus-visible:not(.b-disabled) .blu-radio__mark[data-v-39791579] { 12727 box-shadow: 0 0 0 var(--blu-radio-container-border-width-focused) var(--blu-radio-mark-color-border-focused) inset 12728 } 12729 12730 html:not([dark]) .blu-radio[data-v-39791579]:focus-visible:not(.b-disabled):not(.b-selected) { 12731 --blu-radio-mark-color-background: #f9f9fa 12732 } 12733 12734 html:not([dark]) .blu-radio.b-disabled[data-v-39791579] { 12735 --blu-radio-label-text: 500 14px/18px Blibli, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif; 12736 --blu-radio-container-color-border: rgba(25, 34, 42, .3019607843); 12737 --blu-radio-label-color-text: rgba(25, 34, 42, .3019607843); 12738 --blu-radio-container-color-background: #f9f9fa 12739 } 12740 12741 html:not([dark]) .blu-radio.b-disabled.b-selected[data-v-39791579] { 12742 --blu-radio-container-color-border: rgba(25, 34, 42, .3019607843); 12743 --blu-radio-dot-color-background: rgba(25, 34, 42, .3019607843) 12744 } 12745 12746 html:not([dark]) .blu-radio.b-disabled[data-v-39791579]:not(.b-readonly) { 12747 user-select: none;
12748 cursor: not-allowed 12749 } 12750 12751 html:not([dark]) .blu-radio.b-disabled:not(.b-readonly) *[data-v-39791579] { 12752 cursor: not-allowed 12753 } 12754 12755 html:not([dark]) .blu-radio.b-small[data-v-39791579] { 12756 --blu-radio-mark-size: 18px; 12757 --blu-radio-mark-spacing-padding: 2px; 12758 --blu-radio-container-spacing-padding: 3px; 12759 --blu-radio-container-border-width: 1px; 12760 --blu-radio-container-border-width-focused: 2px; 12761 --blu-radio-content-spacing-padding: 0; 12762 --blu-radio-label-text: 500 14px/18px Blibli, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif; 12763 --blu-radio-spacing-padding: 3px 0 12764 } 12765 12766 html:not([dark]) .blu-radio.b-small.b-selected[data-v-39791579] { 12767 --blu-radio-container-border-width: 1px 12768 } 12769 12770 html[dark] *[data-v-39791579] { 12771 box-sizing: border-box 12772 } 12773 12774 html[dark] .blu-radio[data-v-39791579] { 12775 --blu-radio-container-border-width: 1px; 12776 --blu-radio-container-color-border: #60686e; 12777 --blu-radio-container-spacing-padding: 4px; 12778 --blu-radio-content-spacing-padding: 2px 0; 12779 --blu-radio-mark-size: 22px; 12780 --blu-radio-mark-spacing-padding: 2px; 12781 --blu-radio-label-text: 500 14px/18px Blibli, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif; 12782 --blu-radio-label-color-text: rgba(255, 255, 255, .8); 12783 --blu-radio-spacing-padding: 4px 0; 12784 display: inline-flex; 12785 padding: var(--blu-radio-spacing-padding); 12786 align-items: flex-start; 12787 transition: all .3s; 12788 outline: none 12789 } 12790 12791 html[dark] .blu-radio[data-v-39791579],html[dark] .blu-radio *[data-v-39791579] { 12792 cursor: pointer 12793 } 12794 12795 html[dark] .blu-radio>*[data-v-39791579]:not(:last-child) { 12796 margin-right: 4px 12797 } 12798 12799 html[dark] .blu-radio input[type=radio][data-v-39791579] { 12800 display: none 12801 } 12802 12803 html[dark] .blu-radio__mark[data-v-39791579] { 12804 min-width: var(--blu-radio-mark-size); 12805 height: var(--blu-radio-mark-size); 12806 padding: var(--blu-radio-mark-spacing-padding); 12807 background-color: var(--blu-radio-mark-color-background); 12808 border-radius: 50% 12809 } 12810 12811 html[dark] .blu-radio__mark-container[data-v-39791579] { 12812 display: flex; 12813 align-items: center; 12814 justify-content: center; 12815 width: 100%; 12816 height: 100%; 12817 padding: var(--blu-radio-container-spacing-padding); 12818 background-color: var(--blu-radio-container-color-background); 12819 border-radius: 50%; 12820 box-shadow: 0 0 0 var(--blu-radio-container-border-width) var(--blu-radio-container-color-border) inset 12821 } 12822 12823 html[dark] .blu-radio__mark-container .dot[data-v-39791579] { 12824 width: 100%; 12825 height: 100%; 12826 border-radius: 50%; 12827 background-color: var(--blu-radio-dot-color-background); 12828 transition: background-color .1s .1s 12829 } 12830 12831 html[dark] .blu-radio__content[data-v-39791579] { 12832 font: var(--blu-radio-label-text); 12833 color: var(--blu-radio-label-color-text); 12834 padding: var(--blu-radio-content-spacing-padding) 12835 } 12836 12837 html[dark] .blu-radio__content>*[data-v-39791579]:not(:last-child) { 12838 margin-bottom: 4px 12839 } 12840 12841 html[dark] .blu-radio.b-error[data-v-39791579]:not(.b-selected) { 12842 --blu-radio-container-color-border: #ff7373; 12843 --blu-radio-label-color-text: #ff7373 12844 } 12845 12846 html[dark] .blu-radio.b-selected[data-v-39791579] { 12847 --blu-radio-container-color-border: #1d8fff; 12848 --blu-radio-dot-color-background: #1d8fff; 12849 --blu-radio-container-border-width: 1px 12850 } 12851 12852 html[dark] .blu-radio.b-selected .blu-radio__mark-container[data-v-39791579] { 12853 animation: bounce-39791579 .3s ease-out 12854 } 12855 12856 html[dark] .blu-radio.b-selected[data-v-39791579]:not(.b-disabled):hover { 12857 --blu-radio-mark-color-background: #002e7a 12858 } 12859 12860 html[dark] .blu-radio.b-selected[data-v-39791579]:not(.b-disabled):focus-visible { 12861 --blu-radio-mark-color-background: #002e7a; 12862 --blu-radio-container-border-width-focused: 2px 12863 } 12864 12865 html[dark] .blu-radio[data-v-39791579]:not(.b-disabled):not(.b-selected):hover { 12866 --blu-radio-mark-color-background: #19222a 12867 } 12868 12869 html[dark] .blu-radio[data-v-39791579]:focus-visible { 12870 --blu-radio-container-border-width-focused: 2px 12871 } 12872 12873 html[dark] .blu-radio[data-v-39791579]:focus-visible:not(.b-disabled) { 12874 --blu-radio-mark-color-border-focused: #f9f9fa 12875 } 12876 12877 html[dark] .blu-radio:focus-visible:not(.b-disabled) .blu-radio__mark[data-v-39791579] { 12878 box-shadow: 0 0 0 var(--blu-radio-container-border-width-focused) var(--blu-radio-mark-color-border-focused) inset 12879 } 12880 12881 html[dark] .blu-radio[data-v-39791579]:focus-visible:not(.b-disabled):not(.b-selected) { 12882 --blu-radio-mark-color-background: #19222a 12883 } 12884 12885 html[dark] .blu-radio.b-disabled[data-v-39791579] { 12886 --blu-radio-label-text: 500 14px/18px Blibli, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif; 12887 --blu-radio-container-color-border: rgba(255, 255, 255, .3019607843); 12888 --blu-radio-label-color-text: rgba(255, 255, 255, .3019607843); 12889 --blu-radio-container-color-background: #19222a 12890 } 12891 12892 html[dark] .blu-radio.b-disabled.b-selected[data-v-39791579] { 12893 --blu-radio-container-color-border: rgba(255, 255, 255, .3019607843); 12894 --blu-radio-dot-color-background: rgba(255, 255, 255, .3019607843) 12895 } 12896 12897 html[dark] .blu-radio.b-disabled[data-v-39791579]:not(.b-readonly) { 12898 user-select: none;
12899 cursor: not-allowed 12900 } 12901 12902 html[dark] .blu-radio.b-disabled:not(.b-readonly) *[data-v-39791579] { 12903 cursor: not-allowed 12904 } 12905 12906 html[dark] .blu-radio.b-small[data-v-39791579] { 12907 --blu-radio-mark-size: 18px; 12908 --blu-radio-mark-spacing-padding: 2px; 12909 --blu-radio-container-spacing-padding: 3px; 12910 --blu-radio-container-border-width: 1px; 12911 --blu-radio-container-border-width-focused: 2px; 12912 --blu-radio-content-spacing-padding: 0; 12913 --blu-radio-label-text: 500 14px/18px Blibli, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif; 12914 --blu-radio-spacing-padding: 3px 0 12915 } 12916 12917 html[dark] .blu-radio.b-small.b-selected[data-v-39791579] { 12918 --blu-radio-container-border-width: 1px 12919 } 12920 12921 @keyframes bounce-39791579 { 12922 25% { 12923 transform: scale(.9) 12924 } 12925 12926 50% { 12927 transform: scale(1.1) 12928 } 12929 } 12930 12931 html:not([dark]) .blu-list[data-v-0fc385f6] { 12932 --list-spacing-padding: 8px 0; 12933 list-style: none; 12934 padding: var(--list-spacing-padding); 12935 transition: all .5s ease-in-out 12936 } 12937 12938 html:not([dark]) .blu-list-item[data-v-0fc385f6] { 12939 --blu-list-child-max-height: 0; 12940 --blu-list-child-template-rows: 0fr; 12941 position: relative 12942 } 12943 12944 html:not([dark]) .blu-list-item.b-opened[data-v-0fc385f6] { 12945 --blu-list-child-max-height: 100%; 12946 --blu-list-child-template-rows: 1fr 12947 } 12948 12949 html:not([dark]) .blu-list-item.b-opened>.blu-list .blu-list__container .blu-list__container-chevron-right[data-v-0fc385f6] { 12950 transform: rotate(180deg) 12951 } 12952 12953 html:not([dark]) .blu-list-item.b-opened>.blu-list .blu-list__container .blu-list__container-chevron-left[data-v-0fc385f6] { 12954 transform: rotate(90deg) 12955 } 12956 12957 html:not([dark]) .blu-list__container[data-v-0fc385f6] { 12958 background-color: var(--list-container-color-background); 12959 border-radius: 8px; 12960 padding: 4px 8px; 12961 display: flex 12962 } 12963 12964 html:not([dark]) .blu-list__container[data-v-0fc385f6] svg { 12965 width: 18px; 12966 height: 18px; 12967 color: #797f85 12968 } 12969 12970 html:not([dark]) .blu-list__container[data-v-0fc385f6]>*:not(:last-child) { 12971 margin-right: 4px 12972 } 12973 12974 html:not([dark]) .blu-list__container-chevron-right[data-v-0fc385f6],html:not([dark]) .blu-list__container-chevron-left[data-v-0fc385f6] { 12975 display: flex; 12976 padding: 4px 0; 12977 cursor: pointer; 12978 transition: all .4s ease; 12979 height: fit-content 12980 } 12981 12982 html:not([dark]) .blu-list__container-chevron-right[data-v-0fc385f6] svg,html:not([dark]) .blu-list__container-chevron-left[data-v-0fc385f6] svg { 12983 color: #797f85 12984 } 12985 12986 html:not([dark]) .blu-list__container-chevron-right[data-v-0fc385f6]:focus-visible,html:not([dark]) .blu-list__container-chevron-left[data-v-0fc385f6]:focus-visible { 12987 outline: none; 12988 box-shadow: 0 0 0 2px #19222a inset 12989 } 12990 12991 html:not([dark]) .blu-list__container .blu-loader-wrapper[data-v-0fc385f6] { 12992 margin: auto 12993 } 12994 12995 html:not([dark]) .blu-list__content[data-v-0fc385f6] { 12996 padding: 4px 0; 12997 display: flex; 12998 flex-direction: column; 12999 flex: 1; 13000 align-items: start 13001 } 13002 13003 html:not([dark]) .blu-list__content-label[data-v-0fc385f6]:not(.b-disabled) { 13004 font: 500 14px/18px Blibli,-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif; 13005 color: #19222a 13006 } 13007 13008 html:not([dark]) .blu-list__content-desc[data-v-0fc385f6]:not(.b-disabled) { 13009 font: 500 12px/16px Blibli,-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif; 13010 color: #19222a66 13011 } 13012 13013 html:not([dark]) .blu-list__content-additional[data-v-0fc385f6] { 13014 text-align: right; 13015 display: flex; 13016 flex-direction: column; 13017 justify-content: space-between; 13018 align-self: stretch; 13019 padding: 4px 0 13020 } 13021 13022 html:not([dark]) .blu-list__content-additional-label[data-v-0fc385f6] { 13023 font: 500 12px/16px Blibli,-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif; 13024 color: #19222a66 13025 } 13026 13027 html:not([dark]) .blu-list__content-additional-desc[data-v-0fc385f6] { 13028 font: 500 12px/16px Blibli,-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif; 13029 color: #19222a66 13030 } 13031 13032 html:not([dark]) .blu-list__item-leading[data-v-0fc385f6],html:not([dark]) .blu-list__item-trailing[data-v-0fc385f6] { 13033 padding: 4px 0 13034 } 13035 13036 html:not([dark]) .blu-list__item-leading[data-v-0fc385f6] { 13037 display: flex 13038 } 13039 13040 html:not([dark]) .blu-list__item-trailing[data-v-0fc385f6] { 13041 display: flex 13042 } 13043 13044 html:not([dark]) .blu-list__item-trailing[data-v-0fc385f6]>
13044*:not(:last-child) { 13045 margin-right: 4px 13046 } 13047 13048 html:not([dark]) .blu-list__item-trailing[data-v-0fc385f6] svg { 13049 cursor: pointer 13050 } 13051 13052 html:not([dark]) .blu-list__child[data-v-0fc385f6] { 13053 max-height: var(--blu-list-child-max-height); 13054 display: grid; 13055 grid-template-rows: var(--blu-list-child-template-rows); 13056 transition: all .5s ease-in-out 13057 } 13058 13059 html:not([dark]) .blu-list__child .blu-list__container[data-v-0fc385f6] { 13060 padding-left: var(--list-nested-padding) 13061 } 13062 13063 html:not([dark]) .blu-list__icon-expand[data-v-0fc385f6] { 13064 margin-left: auto; 13065 cursor: pointer 13066 } 13067 13068 html:not([dark]) .blu-list[data-v-0fc385f6]:not(.b-disabled) { 13069 cursor: pointer 13070 } 13071 13072 html:not([dark]) .blu-list[data-v-0fc385f6]:not(.b-disabled):hover { 13073 --list-container-color-background: #f9f9fa 13074 } 13075 13076 html:not([dark]) .blu-list[data-v-0fc385f6]:not(.b-disabled):focus-visible { 13077 outline: none 13078 } 13079 13080 html:not([dark]) .blu-list:not(.b-disabled):focus-visible .blu-list__container[data-v-0fc385f6] { 13081 box-shadow: 0 0 0 2px #19222a inset 13082 } 13083 13084 html:not([dark]) .blu-list:not(.b-disabled).b-active[data-v-0fc385f6],html:not([dark]) .blu-list:not(.b-disabled).b-selected[data-v-0fc385f6]:not(:hover) { 13085 --list-container-color-background: #f3f9ff 13086 } 13087 13088 html:not([dark]) .blu-list.b-small[data-v-0fc385f6] { 13089 --list-spacing-padding: 0 13090 } 13091 13092 html:not([dark]) .blu-list.b-disabled[data-v-0fc385f6] { 13093 --list-container-color-background: transparent 13094 } 13095 13096 html:not([dark]) .blu-list.b-disabled[data-v-0fc385f6],html:not([dark]) .blu-list.b-disabled *[data-v-0fc385f6] { 13097 cursor: not-allowed 13098 } 13099 13100 html:not([dark]) .blu-list.b-disabled .blu-list__content-label[data-v-0fc385f6],html:not([dark]) .blu-list.b-disabled .blu-list__content-desc[data-v-0fc385f6],html:not([dark]) .blu-list.b-disabled .blu-list__content-additional-label[data-v-0fc385f6] { 13101 font: 500 14px/18px Blibli,-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif; 13102 color: #19222a4d 13103 } 13104 13105 html:not([dark]) .blu-list.b-disabled .blu-list__content-additional-desc[data-v-0fc385f6] { 13106 font: 500 12px/16px Blibli,-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif; 13107 color: #19222a4d 13108 } 13109 13110 html:not([dark]) .blu-list.b-disabled .blu-list__container[data-v-0fc385f6] svg { 13111 color: #19222a4d 13112 } 13113 13114 html:not([dark]) .blu-list.b-disabled .blu-list__container[data-v-0fc385f6] .blu-checkbox__container { 13115 color: #19222a4d 13116 } 13117 13118 html:not([dark]) .blu-list.b-disabled .blu-list__container[data-v-0fc385f6] .blu-badge { 13119 background-color: #19222a4d 13120 } 13121 13122 html:not([dark]) .blu-list.b-loading[data-v-0fc385f6] .blu-loader-wrapper svg { 13123 display: flex; 13124 width: 24px; 13125 height: 24px 13126 } 13127 13128 html:not([dark]) .blu-list.has-radio.b-selected[data-v-0fc385f6]:not(:hover) { 13129 --list-container-color-background: transparent 13130 } 13131 13132 html:not([dark]) .blu-list.b-align-center .blu-list__container[data-v-0fc385f6] { 13133 align-items: center 13134 } 13135 13136 html:not([dark]) .blu-list-group.b-multiselect .blu-list-item .blu-list.b-selected[data-v-0fc385f6]:not(html:not([dark]) .blu-list-group.b-multiselect .blu-list-item .blu-list.b-active):not(:hover) { 13137 --list-container-color-background: transparent 13138 } 13139 13140 html[dark] .blu-list[data-v-0fc385f6] { 13141 --list-spacing-padding: 8px 0; 13142 list-style: none; 13143 padding: var(--list-spacing-padding); 13144 transition: all .5s ease-in-out 13145 } 13146 13147 html[dark] .blu-list-item[data-v-0fc385f6] { 13148 --blu-list-child-max-height: 0; 13149 --blu-list-child-template-rows: 0fr; 13150 position: relative 13151 } 13152
13153 html[dark] .blu-list-item.b-opened[data-v-0fc385f6] { 13154 --blu-list-child-max-height: 100%; 13155 --blu-list-child-template-rows: 1fr 13156 } 13157 13158 html[dark] .blu-list-item.b-opened>.blu-list .blu-list__container .blu-list__container-chevron-right[data-v-0fc385f6] { 13159 transform: rotate(180deg) 13160 } 13161 13162 html[dark] .blu-list-item.b-opened>.blu-list .blu-list__container .blu-list__container-chevron-left[data-v-0fc385f6] { 13163 transform: rotate(90deg) 13164 } 13165 13166 html[dark] .blu-list__container[data-v-0fc385f6] { 13167 background-color: var(--list-container-color-background); 13168 border-radius: 8px; 13169 padding: 4px 8px; 13170 display: flex 13171 } 13172 13173 html[dark] .blu-list__container[data-v-0fc385f6] svg { 13174 width: 18px; 13175 height: 18px; 13176 color: #acb0b4 13177 } 13178 13179 html[dark] .blu-list__container[data-v-0fc385f6]>*:not(:last-child) { 13180 margin-right: 4px 13181 } 13182 13183 html[dark] .blu-list__container-chevron-right[data-v-0fc385f6],html[dark] .blu-list__container-chevron-left[data-v-0fc385f6] { 13184 display: flex; 13185 padding: 4px 0; 13186 cursor: pointer; 13187 transition: all .4s ease; 13188 height: fit-content 13189 } 13190 13191 html[dark] .blu-list__container-chevron-right[data-v-0fc385f6] svg,html[dark] .blu-list__container-chevron-left[data-v-0fc385f6] svg { 13192 color: #acb0b4 13193 } 13194 13195 html[dark] .blu-list__container-chevron-right[data-v-0fc385f6]:focus-visible,html[dark] .blu-list__container-chevron-left[data-v-0fc385f6]:focus-visible { 13196 outline: none; 13197 box-shadow: 0 0 0 2px #f9f9fa inset 13198 } 13199 13200 html[dark] .blu-list__container .blu-loader-wrapper[data-v-0fc385f6] { 13201 margin: auto 13202 } 13203 13204 html[dark] .blu-list__content[data-v-0fc385f6] { 13205 padding: 4px 0; 13206 display: flex; 13207 flex-direction: column; 13208 flex: 1; 13209 align-items: start 13210 } 13211 13212 html[dark] .blu-list__content-label[data-v-0fc385f6]:not(.b-disabled) { 13213 font: 500 14px/18px Blibli,-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif; 13214 color: #fff 13215 } 13216 13217 html[dark] .blu-list__content-desc[data-v-0fc385f6]:not(.b-disabled) { 13218 font: 500 12px/16px Blibli,-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif; 13219 color: #ffffff80 13220 } 13221 13222 html[dark] .blu-list__content-additional[data-v-0fc385f6] { 13223 text-align: right; 13224 display: flex; 13225 flex-direction: column; 13226 justify-content: space-between; 13227 align-self: stretch; 13228 padding: 4px 0 13229 } 13230 13231 html[dark] .blu-list__content-additional-label[data-v-0fc385f6],html[dark] .blu-list__content-additional-desc[data-v-0fc385f6] { 13232 font: 500 12px/16px Blibli,-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif; 13233 color: #ffffff80 13234 } 13235 13236 html[dark] .blu-list__item-leading[data-v-0fc385f6],html[dark] .blu-list__item-trailing[data-v-0fc385f6] { 13237 padding: 4px 0 13238 } 13239 13240 html[dark] .blu-list__item-leading[data-v-0fc385f6],html[dark] .blu-list__item-trailing[data-v-0fc385f6] { 13241 display: flex 13242 } 13243 13244 html[dark] .blu-list__item-trailing[data-v-0fc385f6]>*:not(:last-child) { 13245 margin-right: 4px 13246 } 13247 13248 html[dark] .blu-list__item-trailing[data-v-0fc385f6] svg { 13249 cursor: pointer 13250 } 13251 13252 html[dark] .blu-list__child[data-v-0fc385f6] { 13253 max-height: var(--blu-list-child-max-height); 13254 display: grid; 13255 grid-template-rows: var(--blu-list-child-template-rows); 13256 transition: all .5s ease-in-out 13257 } 13258 13259 html[dark] .blu-list__child .blu-list__container[data-v-0fc385f6] { 13260 padding-left: var(--list-nested-padding) 13261 } 13262 13263 html[dark] .blu-list__icon-expand[data-v-0fc385f6] { 13264 margin-left: auto; 13265 cursor: pointer 13266 } 13267 13268 html[dark] .blu-list[data-v-0fc385f6]:not(.b-disabled) { 13269 cursor: pointer 13270 } 13271 13272 html[dark] .blu-list[data-v-0fc385f6]:not(.b-disabled):hover { 13273 --list-container-color-background: #19222a 13274 } 13275 13276 html[dark] .blu-list[data-v-0fc385f6]:not(.b-disabled):focus-visible { 13277 outline: none 13278 } 13279 13280 html[dark] .blu-list:not(.b-disabled):focus-visible .blu-list__container[data-v-0fc385f6] { 13281 box-shadow: 0 0 0 2px #f9f9fa inset 13282 } 13283 13284 html[dark] .blu-list:not(.b-disabled).b-active[data-v-0fc385f6],html[dark] .blu-list:not(.b-disabled).b-selected[data-v-0fc385f6]:not(:hover) { 13285 --list-container-color-background: #002e7a 13286 } 13287 13288 html[dark] .blu-list.b-small[data-v-0fc385f6] { 13289 --list-spacing-padding: 0 13290 } 13291 13292 html[dark] .blu-list.b-disabled[data-v-0fc385f6] { 13293 --list-container-color-background: transparent 13294 } 13295 13296 html[dark] .blu-list.b-disabled[data-v-0fc385f6],html[dark] .blu-list.b-disabled *[data-v-0fc385f6] {
13297 cursor: not-allowed 13298 } 13299 13300 html[dark] .blu-list.b-disabled .blu-list__content-label[data-v-0fc385f6],html[dark] .blu-list.b-disabled .blu-list__content-desc[data-v-0fc385f6],html[dark] .blu-list.b-disabled .blu-list__content-additional-label[data-v-0fc385f6] { 13301 font: 500 14px/18px Blibli,-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif; 13302 color: #ffffff4d 13303 } 13304 13305 html[dark] .blu-list.b-disabled .blu-list__content-additional-desc[data-v-0fc385f6] { 13306 font: 500 12px/16px Blibli,-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif; 13307 color: #ffffff4d 13308 } 13309 13310 html[dark] .blu-list.b-disabled .blu-list__container[data-v-0fc385f6] svg { 13311 color: #ffffff4d 13312 } 13313 13314 html[dark] .blu-list.b-disabled .blu-list__container[data-v-0fc385f6] .blu-checkbox__container { 13315 color: #ffffff4d 13316 } 13317 13318 html[dark] .blu-list.b-disabled .blu-list__container[data-v-0fc385f6] .blu-badge { 13319 background-color: #ffffff4d 13320 } 13321 13322 html[dark] .blu-list.b-loading[data-v-0fc385f6] .blu-loader-wrapper svg { 13323 display: flex; 13324 width: 24px; 13325 height: 24px 13326 } 13327 13328 html[dark] .blu-list.has-radio.b-selected[data-v-0fc385f6]:not(:hover) { 13329 --list-container-color-background: transparent 13330 } 13331 13332 html[dark] .blu-list.b-align-center .blu-list__container[data-v-0fc385f6] { 13333 align-items: center 13334 } 13335 13336 html[dark] .blu-list-group.b-multiselect .blu-list-item .blu-list.b-selected[data-v-0fc385f6]:not(html[dark] .blu-list-group.b-multiselect .blu-list-item .blu-list.b-active):not(:hover) { 13337 --list-container-color-background: transparent 13338 } 13339 </style> 13340 <style> 13341 @charset "UTF-8";.product-services[data-v-50a9b5f9] { 13342 display: flex; 13343 flex-direction: column; 13344 width: 100%; 13345 gap: 20px 13346 } 13347 13348 @media screen and (max-width: 839px) { 13349 .product-services[data-v-50a9b5f9] { 13350 gap:0 13351 } 13352 } 13353 13354 .product-service[data-v-ef5183d2] { 13355 width: 100%; 13356 display: flex; 13357 align-items: stretch; 13358 flex-direction: row; 13359 gap: 8px 13360 } 13361 13362 @media screen and (max-width: 839px) { 13363 .product-service[data-v-ef5183d2] { 13364 border-top:1px solid #f1f2f2; 13365 padding: 11px 0 13366 } 13367 } 13368 13369 .product-service__icon[data-v-ef5183d2] { 13370 display: flex; 13371 align-items: flex-start; 13372 justify-content: center; 13373 flex-shrink: 0 13374 } 13375 13376 .product-service__icon img[data-v-ef5183d2] { 13377 width: 32px; 13378 height: 32px 13379 } 13380 13381 @media screen and (max-width: 839px) { 13382 .product-service__icon img[data-v-ef5183d2] { 13383 width:18px; 13384 height: 18px 13385 } 13386 } 13387 13388 .product-service__text[data-v-ef5183d2] { 13389 display: flex; 13390 flex-direction: column; 13391 width: 100%; 13392 gap: 4px 13393 } 13394 13395 .product-service__text__title[data-v-ef5183d2] { 13396 width: 100%; 13397 font: 600 14px/18px Blibli,-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif 13398 } 13399 13400 @media screen and (max-width: 839px) { 13401 .product-service__text__title[data-v-ef5183d2] { 13402 font:500 14px/18px Blibli,-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif 13403 } 13404 } 13405 13406 .product-service__text__title span[data-v-ef5183d2]:not(:last-child):after { 13407 content: " " 13408 } 13409 13410 .product-service__text__title__price[data-v-ef5183d2] { 13411 font: 600 14px/18px Blibli,-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif; 13412 color: #006dea 13413 } 13414 13415 .product-service__text__subtitle[data-v-ef5183d2] { 13416 font: 500 14px/18px Blibli,-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif; 13417 color: #19222ab3 13418 } 13419 13420 .product-service__text__subtitle span[data-v-ef5183d2]:not(:last-child):after { 13421 content: " " 13422 } 13423 13424 .product-service__text__subtitle__action[data-v-ef5183d2] { 13425 cursor: pointer; 13426 color: #006dea 13427 } 13428 13429 .product-service__chevron[data-v-ef5183d2] { 13430 flex: 0; 13431 display: flex; 13432 align-items: center; 13433 justify-content: center 13434 } 13435 13436 @media screen and (max-width: 839px) { 13437 .product-service--clickable[data-v-ef5183d2] { 13438 cursor:pointer 13439 } 13440 } 13441 13442 .product-service--loading .product-service__text[data-v-ef5183d2] { 13443 gap: 8px 13444 } 13445 13446 .product-service--loading .product-service__text__title[data-v-ef5183d2] { 13447 width: 60% 13448 } 13449 13450 @media screen and (max-width: 839px) { 13451 .product-service--loading .product-service__text__title[data-v-ef5183d2] { 13452 width:100% 13453 } 13454 } 13455 13456 .trade-in[data-v-8418f747],.installation[data-v-c1955da8],.insurance[data-v-1c85a326],.cash-on-delivery[data-v-8c111c2e],.wholesale[data-v-c41b49cd],.subscription[data-v-6563e336] { 13457 width: 100% 13458 } 13459 13460 .trade-in-download-apps-modal[data-v-5dadaeda] { 13461 padding: 0 8px 13462 } 13463 13464 @media screen and (max-width: 839px) { 13465 .trade-in-download-apps-modal[data-v-5dadaeda] { 13466 padding:0 13467 } 13468 } 13469 13470 .trade-in-download-apps-modal .subtitle[data-v-5dadaeda] { 13471 font: 500 16px/20px Blibli,-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif; 13472 color: #19222ab3; 13473 margin-bottom: 16px 13474 } 13475 13476 @media screen and (max-width: 839px) { 13477 .trade-in-download-apps-modal .subtitle[data-v-5dadaeda] { 13478 margin-bottom:10px 13479 } 13480 } 13481 13482 .trade-in-download-apps-modal .download-apps[data-v-5dadaeda] { 13483 display: flex; 13484 flex-direction: row; 13485 align-items: center; 13486 justify-content: space-between; 13487 margin-bottom: 24px 13488 } 13489 13490 @media screen and (max-width: 839px) { 13491 .trade-in-download-apps-modal .download-apps[data-v-5dadaeda] { 13492 flex-direction:column; 13493 margin-bottom: 0 13494 } 13495 } 13496 13497 .trade-in-download-apps-modal .download-apps__qr[data-v-5dadaeda] { 13498 display: flex; 13499 align-items: center; 13500 justify-content: center; 13501 background: #f3f9ff; 13502 border-radius: 8px 13503 } 13504 13505 .trade-in-download-apps-modal .download-apps__or[data-v-5dadaeda] { 13506 text-align: center; 13507 font: 500 16px/20px Blibli,-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif; 13508 color: #19222ab3; 13509 margin: 10px 13510 } 13511 13512 .trade-in-download-apps-modal .download-apps__download[data-v-5dadaeda] { 13513 display: flex; 13514 flex-direction: column; 13515 align-items: center; 13516 margin-bottom: 0 13517 } 13518 13519 @media screen and (max-width: 839px) { 13520 .trade-in-download-apps-modal .download-apps__download[data-v-5dadaeda] { 13521 margin-bottom:16px 13522 } 13523 } 13524 13525 .trade-in-download-apps-modal .download-apps__download__title[data-v-5dadaeda] { 13526 font: 500 16px/20px Blibli,-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif; 13527 color: #19222ab3; 13528 margin-bottom: 8px 13529 } 13530 13531 .trade-in-download-apps-modal .download-apps__download__icons[data-v-5dadaeda] { 13532 display: flex; 13533 flex-direction: column; 13534 gap: 8px 13535 } 13536 13537 @media screen and (max-width: 839px) { 13538 .trade-in-download-apps-modal .download-apps__download__icons[data-v-5dadaeda] { 13539 flex-direction:row 13540 } 13541 } 13542 13543 .trade-in-download-apps-modal .download-apps__download__icons--icon[data-v-5dadaeda] { 13544 width: 100%; 13545 display: flex; 13546 align-items: center; 13547 justify-content: center 13548 } 13549 13550 .trade-in-download-apps-modal .download-apps__download__icons--icon img[data-v-5dadaeda] { 13551 height: auto; 13552 width: 150px 13553 } 13554 13555 .trade-in-download-apps-modal .download-apps__download__icons--icon a[data-v-5dadaeda] { 13556 display: flex 13557 } 13558 13559 @media screen and (max-width: 839px) { 13560 .trade-in-download-apps-modal .download-apps__download__icons--icon[data-v-5dadaeda] { 13561 width:100% 13562 } 13563 13564 .trade-in-download-apps-modal .download-apps__download__icons--icon img[data-v-5dadaeda] { 13565 height: 45px; 13566 width: auto 13567 } 13568 } 13569 13570 .trade-in-download-apps-modal .scan-steps__title[data-v-5dadaeda] { 13571 font: 600 16px/20px Blibli,-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif; 13572 color: #19222a; 13573 margin-bottom: 16px 13574 } 13575 13576 .trade-in-download-apps-modal .scan-steps__guide[data-v-5dadaeda] { 13577 display: flex; 13578 flex-direction: row 13579 } 13580 13581 @media screen and (max-width: 839px) { 13582 .trade-in-download-apps-modal .scan-steps__guide[data-v-5dadaeda] { 13583 flex-direction:column 13584 } 13585 } 13586 13587 .trade-in-download-apps-modal .scan-steps__guide__step[data-v-5dadaeda] { 13588 display: flex; 13589 flex-direction: column 13590 } 13591 13592 .trade-in-download-apps-modal .scan-steps__guide__step[data-v-5dadaeda]:not(:last-child) { 13593 margin-right: 10px 13594 } 13595 13596 @media screen and (max-width: 839px) { 13597 .trade-in-download-apps-modal .scan-steps__guide__step[data-v-5dadaeda]:not(:last-child) { 13598 margin-right:0 13599 } 13600 } 13601 13602 .trade-in-download-apps-modal .scan-steps__guide__step:not(:last-child) .scan-steps__guide__step__order[data-v-5dadaeda]:after { 13603 flex-grow: 1; 13604 content: ""; 13605 display: flex; 13606 align-items: center; 13607 justify-content: center; 13608 border: 1px dashed #f1f2f2; 13609 width: 100%; 13610 height: 0 13611 } 13612 13613 @media screen and (max-width: 839px) { 13614 .trade-in-download-apps-modal .scan-steps__guide__step:not(:last-child) .scan-steps__guide__step__order[data-v-5dadaeda]:after { 13615 width:0; 13616 height: 100% 13617 } 13618 } 13619 13620 @media screen and (max-width: 839px) { 13621 .trade-in-download-apps-modal .scan-steps__guide__step[data-v-5dadaeda] { 13622 flex-direction:row; 13623 margin-bottom: 10px; 13624 margin-right: 0 13625 } 13626 } 13627 13628 .trade-in-download-apps-modal .scan-steps__guide__step__order[data-v-5dadaeda] { 13629 display: flex; 13630 flex-direction: row; 13631 align-items: center; 13632 margin-bottom: 8px 13633 } 13634 13635 @media screen and (max-width: 839px) { 13636 .trade-in-download-apps-modal .scan-steps__guide__step__order[data-v-5dadaeda] { 13637 flex-direction:column; 13638 margin-right: 8px; 13639 margin-bottom: 0 13640 } 13641 } 13642 13643 .trade-in-download-apps-modal .scan-steps__guide__step__order--number[data-v-5dadaeda] { 13644 width: 30px; 13645 height: 30px; 13646 background: #f9f9fa; 13647 border-radius: 100px; 13648 display: flex; 13649 align-items: center; 13650 justify-content: center; 13651 margin-right: 4px; 13652 flex-shrink: 0 13653 } 13654 13655 @media screen and (max-width: 839px) { 13656 .trade-in-download-apps-modal .scan-steps__guide__step__order--number[data-v-5dadaeda] { 13657 margin-right:0; 13658 margin-bottom: 4px 13659 } 13660 } 13661 13662 .trade-in-download-apps-modal .scan-steps__guide__step__text[data-v-5dadaeda] { 13663 padding: 10px 12px; 13664 font: 500 16px/20px Blibli,-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif; 13665 color: #19222ab3; 13666 border: 1px solid #f1f2f2; 13667 border-radius: 8px; 13668 flex-grow: 1 13669 } 13670 13671 .cash-on-delivery-modal__body[data-v-88efff31] { 13672 color: #19222ab3 13673 } 13674 13675 .cash-on-delivery-modal__body__content[data-v-88efff31] { 13676 margin-bottom: 16px 13677 } 13678 13679 .cash-on-delivery-modal__body__learn-more span[data-v-88efff31]:not(:last-child):after { 13680 content: " " 13681 } 13682 13683 .cash-on-delivery-modal__body__learn-more a[data-v-88efff31] { 13684 color: #006dea; 13685 cursor: pointer; 13686 text-decoration: none 13687 } 13688 </style> 13689 <style type="text/css"> 13690 .label[data-v-1730749f] { 13691 height: 16px; 13692 padding: 0 8px; 13693 display: inline-flex; 13694 align-items: center; 13695 font: 12px/16px "blibli demi bold",-apple-system,segoe ui,roboto,helvetica,arial,sans-serif; 13696 text-decoration: none; 13697 color: #fff; 13698 border-radius: 4px; 13699 background-color: #f1f2f2; 13700 white-space: nowrap 13701 } 13702 13703 .label button[data-v-1730749f] { 13704 padding: 0; 13705 margin-right: -4px; 13706 top: 2px 13707 } 13708 13709 .label button svg[data-v-1730749f] { 13710 margin-right: -6px; 13711 margin-top: 2px; 13712 transform: scale(0.75); 13713 transform-origin: left; 13714 color: #fff 13715 } 13716 13717 .label button.b-primary[data-v-1730749f] { 13718 color: #fff 13719 } 13720 13721 .label.b-secondary button svg[data-v-1730749f] { 13722 color: #FF0000 13723 } 13724 13725 .label.b-dot[data-v-1730749f] { 13726 width: 8px; 13727 height: 8px; 13728 padding: 0; 13729 font-size: 0 13730 } 13731 13732 .label.b-border[data-v-1730749f] { 13733 box-shadow: 0 0 0 1px #fff 13734 } 13735 13736 .label[data-v-1730749f] { 13737 background-color: #ff4646 13738 } 13739 13740 .label.b-secondary[data-v-1730749f] { 13741 background-color: #ffe6e6; 13742 color: #e93c3c 13743 } 13744 </style> 13745 <style type
13745="text/css"> 13746 .label[data-v-3c5c9e9e] { 13747 height: 16px; 13748 padding: 0 8px; 13749 display: inline-flex; 13750 align-items: center; 13751 font: 12px/16px "blibli demi bold",-apple-system,segoe ui,roboto,helvetica,arial,sans-serif; 13752 text-decoration: none; 13753 color: #fff; 13754 border-radius: 4px; 13755 background-color: #f1f2f2; 13756 white-space: nowrap 13757 } 13758 13759 .label button[data-v-3c5c9e9e] { 13760 padding: 0; 13761 margin-right: -4px; 13762 top: 2px 13763 } 13764 13765 .label button svg[data-v-3c5c9e9e] { 13766 margin-right: -6px; 13767 margin-top: 2px; 13768 transform: scale(0.75); 13769 transform-origin: left; 13770 color: #fff 13771 } 13772 13773 .label button.b-primary[data-v-3c5c9e9e] { 13774 color: #fff 13775 } 13776 13777 .label.b-secondary button svg[data-v-3c5c9e9e] { 13778 color: #FF0000 13779 } 13780 13781 .label.b-dot[data-v-3c5c9e9e] { 13782 width: 8px; 13783 height: 8px; 13784 padding: 0; 13785 font-size: 0 13786 } 13787 13788 .label.b-border[data-v-3c5c9e9e] { 13789 box-shadow: 0 0 0 1px #fff 13790 } 13791 13792 .label[data-v-3c5c9e9e] { 13793 background-color: #ff7373 13794 } 13795 </style> 13796 <style type="text/css"> 13797 .label[data-v-592858cc] { 13798 height: 16px; 13799 padding: 0 8px; 13800 display: inline-flex; 13801 align-items: center; 13802 font: 12px/16px "blibli demi bold",-apple-system,segoe ui,roboto,helvetica,arial,sans-serif; 13803 text-decoration: none; 13804 color: #fff; 13805 border-radius: 4px; 13806 background-color: #f1f2f2; 13807 white-space: nowrap 13808 } 13809 13810 .label button[data-v-592858cc] { 13811 padding: 0; 13812 margin-right: -4px; 13813 top: 2px 13814 } 13815 13816 .label button svg[data-v-592858cc] { 13817 margin-right: -6px; 13818 margin-top: 2px; 13819 transform: scale(0.75); 13820 transform-origin: left; 13821 color: #fff 13822 } 13823 13824 .label button.b-primary[data-v-592858cc] { 13825 color: #fff 13826 } 13827 13828 .label.b-secondary button svg[data-v-592858cc] { 13829 color: #FF0000 13830 } 13831 13832 .label.b-dot[data-v-592858cc] { 13833 width: 8px; 13834 height: 8px; 13835 padding: 0; 13836 font-size: 0 13837 } 13838 13839 .label.b-border[data-v-592858cc] { 13840 box-shadow: 0 0 0 1px #fff 13841 } 13842 13843 .label[data-v-592858cc] { 13844 background-color: #ffcd00 13845 } 13846 13847 .label.b-secondary[data-v-592858cc] { 13848 background-color: #fef5d2; 13849 color: #f1ab02 13850 } 13851 </style> 13852 <style type="text/css"> 13853 .label[data-v-209f2cd8] { 13854 height: 16px; 13855 padding: 0 8px; 13856 display: inline-flex; 13857 align-items: center; 13858 font: 12px/16px "blibli demi bold",-apple-system,segoe ui,roboto,helvetica,arial,sans-serif; 13859 text-decoration: none; 13860 color: #fff; 13861 border-radius: 4px; 13862 background-color: #f1f2f2; 13863 white-space: nowrap 13864 } 13865 13866 .label button[data-v-209f2cd8] { 13867 padding: 0; 13868 margin-right: -4px; 13869 top: 2px 13870 } 13871 13872 .label button svg[data-v-209f2cd8] { 13873 margin-right: -6px; 13874 margin-top: 2px; 13875 transform: scale(0.75); 13876 transform-origin: left; 13877 color: #fff 13878 } 13879 13880 .label button.b-primary[data-v-209f2cd8] { 13881 color: #fff 13882 } 13883 13884 .label.b-secondary button svg[data-v-209f2cd8] { 13885 color: #FF0000 13886 } 13887 13888 .label.b-dot[data-v-209f2cd8] { 13889 width: 8px; 13890 height: 8px; 13891 padding: 0; 13892 font-size: 0 13893 } 13894 13895 .label.b-border[data-v-209f2cd8] { 13896 box-shadow: 0 0 0 1px #fff 13897 } 13898 13899 .label[data-v-209f2cd8] { 13900 background-color: #22a334 13901 } 13902 13903 .label.b-secondary[data-v-209f2cd8] { 13904 background-color: #d6f7da; 13905 color: #1c832a 13906 } 13907 </style> 13908 <style type="text/css"> 13909 .label[data-v-80a16fd0] { 13910 height: 16px; 13911 padding: 0 8px; 13912 display: inline-flex; 13913 align-items: center; 13914 font: 12px/16px "blibli demi bold",-apple-system,segoe ui,roboto,helvetica,arial,sans-serif; 13915 text-decoration: none; 13916 color: #fff; 13917 border-radius: 4px; 13918 background-color: #f1f2f2; 13919 white-space: nowrap 13920 } 13921 13922 .label button[data-v-80a16fd0] { 13923 padding: 0; 13924 margin-right: -4px; 13925 top: 2px 13926 } 13927 13928 .label button svg[data-v-80a16fd0] { 13929 margin-right: -6px; 13930 margin-top: 2px; 13931 transform: scale(0.75); 13932 transform-origin: left; 13933 color: #fff 13934 } 13935 13936 .label button.b-primary[data-v-80a16fd0] { 13937 color: #fff 13938 } 13939 13940 .label.b-secondary button svg[data-v-80a16fd0] { 13941 color: #FF0000 13942 } 13943 13944 .label.b-dot[data-v-80a16fd0] { 13945 width: 8px; 13946 height: 8px; 13947 padding: 0; 13948 font-size: 0 13949 } 13950 13951 .label.b-border[data-v-80a16fd0] { 13952 box-shadow: 0 0 0 1px #fff 13953 } 13954 13955 .label[data-v-80a16fd0] { 13956 background-color: #1d8fff 13957 } 13958 13959 .label.b-secondary[data-v-80a16fd0] { 13960 background-color: #e1f1ff; 13961 color: #FF0000 13962 } 13963 </style> 13964 <style type="text/css"> 13965 .label[data-v-5021936f] { 13966 height: 16px; 13967 padding: 0 8px; 13968 display: inline-flex; 13969 align-items: center; 13970 font: 12px/16px "blibli demi bold",-apple-system,segoe ui,roboto,helvetica,arial,sans-serif; 13971 text-decoration: none; 13972 color: #fff; 13973 border-radius: 4px; 13974 background-color: #f1f2f2; 13975 white-space: nowrap 13976 } 13977 13978 .label button[data-v-5021936f] { 13979 padding: 0; 13980 margin-right: -4px; 13981 top: 2px 13982 } 13983 13984 .label button svg[data-v-5021936f] { 13985 margin-right: -6px; 13986 margin-top: 2px; 13987 transform: scale(0.75); 13988 transform-origin: left; 13989 color: #fff 13990 } 13991 13992 .label button.b-primary[data-v-5021936f] { 13993 color: #fff 13994 } 13995 13996 .label.b-secondary button svg[data-v-5021936f] { 13997 color: #FF0000 13998 } 13999 14000 .label.b-dot[data-v-5021936f] { 14001 width: 8px; 14002 height: 8px; 14003 padding: 0; 14004 font-size: 0 14005 } 14006 14007 .label.b-border[data-v-5021936f] { 14008 box-shadow: 0 0 0 1px #fff 14009 } 14010 14011 .label[data-v-5021936f] { 14012 color: rgba(25,34,42,.4); 14013 background-color: #e1e3e4 14014 } 14015 14016 .label.b-secondary[data-v-5021936f] { 14017 background-color: #92979c; 14018 color: #fff 14019 } 14020 </style> 14021 <style type="text/css"> 14022 .blu-ticker[data-v-e275b4e8] { 14023 --blu-ticker-color-background: #f9f9fa; 14024 --blu-ticker-color-border: #e1e3e4; 14025 display: flex; 14026 justify-content: flex-start; 14027 align-items: flex-start; 14028 border-radius: 8px; 14029 position: relative; 14030 background-color: var(--blu-ticker-color-background); 14031 border: 1px solid var(--blu-ticker-color-border); 14032 color: rgba(25,34,42,.7019607843); 14033 padding: 8px; 14034 margin-bottom: 8px; 14035 z-index: 0 14036 } 14037 14038 .blu-ticker__msg[data-v-e275b4e8] { 14039 z-index: 0; 14040 align-self: center 14041 } 14042 14043 @media screen and (min-width: 769px),print { 14044 .blu-ticker__msg[data-v-e275b4e8] { 14045 font:16px/20px "blibli",-apple-system,segoe ui,roboto,helvetica,arial,sans-serif 14046 } 14047 } 14048 14049 @media screen and (max-width: 768px) { 14050 .blu-ticker__msg[data-v-e275b4e8] { 14051 font:14px/18px "blibli",-apple-system,segoe ui,roboto,helvetica,arial,sans-serif 14052 } 14053 } 14054 14055 .blu-ticker__close[data-v-e275b4e8] { 14056 object-fit: contain; 14057 position: relative; 14058 z-index: 0; 14059 width: 18px;
14060 height: 18px; 14061 padding: 11px 14062 } 14063 14064 .blu-ticker__close i[data-v-e275b4e8] { 14065 content: ""; 14066 top: 0; 14067 right: 0; 14068 position: absolute; 14069 width: 18px; 14070 height: 18px; 14071 padding: 12px; 14072 background: rgba(0,0,0,0) url(data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PSIwIDAgMjQgMjQiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGQ9Ik0xMy43NjcyIDEyTDE3LjYzMiA4LjEzODM5QzE4LjEyMjcgNy42NDgxOSAxOC4xMjI3IDYuODU3ODYgMTcuNjMyIDYuMzY3NjVDMTcuMTQxNCA1Ljg3NzQ1IDE2LjM1MDQgNS44Nzc0NSAxNS44NTk4IDYuMzY3NjVMMTEuOTk1IDEwLjIyOTNMOC4xNDAxOCA2LjM3NzY2QzcuNjQ5NTYgNS44ODc0NSA2Ljg1ODU3IDUuODg3NDUgNi4zNjc5NiA2LjM3NzY2QzUuODc3MzUgNi44Njc4NiA1Ljg3NzM1IDcuNjU4MTkgNi4zNjc5NiA4LjE0ODRMMTAuMjIyOCAxMkw2LjM2Nzk2IDE1Ljg2MTZDNS44NzczNSAxNi4zNTE4IDUuODc3MzUgMTcuMTQyMSA2LjM2Nzk2IDE3LjYzMjNDNi44NTg1NyAxOC4xMjI2IDcuNjQ5NTYgMTguMTIyNiA4LjE0MDE4IDE3LjYzMjNMMTIuMDA1IDEzLjc3MDdMMTUuODU5OCAxNy42MjIzQzE2LjM1MDQgMTguMTEyNSAxNy4xNDE0IDE4LjExMjUgMTcuNjMyIDE3LjYyMjNDMTguMTIyNyAxNy4xMzIxIDE4LjEyMjcgMTYuMzQxOCAxNy42MzIgMTUuODUxNkwxMy43NzcyIDEySDEzLjc2NzJaIiBmaWxsPSIjNzk3Rjg1Ii8+Cjwvc3ZnPgo=) center center no-repeat #e1e3e4; 14073 background-color: rgba(25,34,42,.7019607843); 14074 -webkit-mask-image: url(data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PSIwIDAgMjQgMjQiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGQ9Ik0xMy43NjcyIDEyTDE3LjYzMiA4LjEzODM5QzE4LjEyMjcgNy42NDgxOSAxOC4xMjI3IDYuODU3ODYgMTcuNjMyIDYuMzY3NjVDMTcuMTQxNCA1Ljg3NzQ1IDE2LjM1MDQgNS44Nzc0NSAxNS44NTk4IDYuMzY3NjVMMTEuOTk1IDEwLjIyOTNMOC4xNDAxOCA2LjM3NzY2QzcuNjQ5NTYgNS44ODc0NSA2Ljg1ODU3IDUuODg3NDUgNi4zNjc5NiA2LjM3NzY2QzUuODc3MzUgNi44Njc4NiA1Ljg3NzM1IDcuNjU4MTkgNi4zNjc5NiA4LjE0ODRMMTAuMjIyOCAxMkw2LjM2Nzk2IDE1Ljg2MTZDNS44NzczNSAxNi4zNTE4IDUuODc3MzUgMTcuMTQyMSA2LjM2Nzk2IDE3LjYzMjNDNi44NTg1NyAxOC4xMjI2IDcuNjQ5NTYgMTguMTIyNiA4LjE0MDE4IDE3LjYzMjNMMTIuMDA1IDEzLjc3MDdMMTUuODU5OCAxNy42MjIzQzE2LjM1MDQgMTguMTEyNSAxNy4xNDE0IDE4LjExMjUgMTcuNjMyIDE3LjYyMjNDMTguMTIyNyAxNy4xMzIxIDE4LjEyMjcgMTYuMzQxOCAxNy42MzIgMTUuODUxNkwxMy43NzcyIDEySDEzLjc2NzJaIiBmaWxsPSIjNzk3Rjg1Ii8+Cjwvc3ZnPgo=) 14075 } 14076 14077 @media screen and (max-width: 768px) { 14078 .blu-ticker__close[data-v-e275b4e8] { 14079 transform:scale(0.75) 14080 } 14081 } 14082 14083 .blu-ticker__close[data-v-e275b4e8]:focus-visible { 14084 box-shadow: 0px 0px 0px 4px #000; 14085 outline: none 14086 } 14087 14088 .blu-ticker__title[data-v-e275b4e8] { 14089 color: #19222a 14090 } 14091 14092 @media screen and (min-width: 769px),print { 14093 .blu-ticker__title[data-v-e275b4e8] { 14094 font:16px/20px "blibli demi bold",-apple-system,segoe ui,roboto,helvetica,arial,sans-serif 14095 } 14096 } 14097 14098 @media screen and (max-width: 768px) { 14099 .blu-ticker__title[data-v-e275b4e8] { 14100 font:14px/18px "blibli demi bold",-apple-system,segoe ui,roboto,helvetica,arial,sans-serif 14101 } 14102 } 14103 14104 .blu-ticker__btn[data-v-e275b4e8] { 14105 margin: 8px 0 0 -14px 14106 } 14107 14108 .blu-ticker.b-info[data-v-e275b4e8] { 14109 --blu-ticker-color-background: #f3f9ff; 14110 --blu-ticker-color-border: #b9deff 14111 } 14112 14113 .blu-ticker.b-info.has-icon>.blu-ticker__icon[data-v-e275b4e8] { 14114 background-color: #006dea; 14115 -webkit-mask-image: url(data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PSIwIDAgMjQgMjQiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+DQo8cGF0aCBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGNsaXAtcnVsZT0iZXZlbm9kZCIgZD0iTTIgMTJDMiA2LjQ4IDYuNDggMiAxMiAyQzE3LjUyIDIgMjIgNi40OCAyMiAxMkMyMiAxNy41MiAxNy41MiAyMiAxMiAyMkM2LjQ4IDIyIDIgMTcuNTIgMiAxMlpNMTEuOTcgOC43Mzc2NEMxMi43MjY2IDguNzM3NjQgMTMuMzQgOC4xMjQ4IDEzLjM0IDcuMzY4ODJDMTMuMzQgNi42MTI4NCAxMi43MjY2IDYgMTEuOTcgNkMxMS4yMTM0IDYgMTAuNiA2LjYxMjg0IDEwLjYgNy4zNjg4MkMxMC42IDguMTI0OCAxMS4yMTM0IDguNzM3NjQgMTEuOTcgOC43Mzc2NFpNMTEuNDk5OSAxMC4xMDY0SDEyLjQ0OTlDMTIuODQ5OSAxMC4xMDY0IDEzLjE3OTkgMTAuNDM2MiAxMy4xNzk5IDEwLjgzNThWMTcuMjcwM0MxMy4xNzk5IDE3LjY2OTkgMTIuODQ5OSAxNy45OTk2IDEyLjQ0OTkgMTcuOTk5NkgxMS40OTk5QzExLjA5OTkgMTcuOTk5NiAxMC43Njk5IDE3LjY2OTkgMTAuNzY5OSAxNy4yNzAzVjEwLjgzNThDMTAuNzY5OSAxMC40MzYyIDExLjA5OTkgMTAuMTA2NCAxMS40OTk5IDEwLjEwNjRaIiBmaWxsPSIjNzk3Rjg1Ii8+DQo8L3N2Zz4NCg==); 14116 mask-image: url(data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PSIwIDAgMjQgMjQiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+DQo8cGF0aCBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGNsaXAtcnVsZT0iZXZlbm9kZCIgZD0iTTIgMTJDMiA2LjQ4IDYuNDggMiAxMiAyQzE3LjUyIDIgMjIgNi40OCAyMiAxMkMyMiAxNy41MiAxNy41MiAyMiAxMiAyMkM2LjQ4IDIyIDIgMTcuNTIgMiAxMlpNMTEuOTcgOC43Mzc2NEMxMi43MjY2IDguNzM3NjQgMTMuMzQgOC4xMjQ4IDEzLjM0IDcuMzY4ODJDMTMuMzQgNi42MTI4NCAxMi43MjY2IDYgMTEuOTcgNkMxMS4yMTM0IDYgMTAuNiA2LjYxMjg0IDEwLjYgNy4zNjg4MkMxMC42IDguMTI0OCAxMS4yMTM0IDguNzM3NjQgMTEuOTcgOC43Mzc2NFpNMTEuNDk5OSAxMC4xMDY0SDEyLjQ0OTlDMTIuODQ5OSAxMC4xMDY0IDEzLjE3OTkgMTAuNDM2MiAxMy4xNzk5IDEwLjgzNThWMTcuMjcwM0MxMy4xNzk5IDE3LjY2OTkgMTIuODQ5OSAxNy45OTk2IDEyLjQ0OTkgMTcuOTk5NkgxMS40OTk5QzExLjA5OTkgMTcuOTk5NiAxMC43Njk5IDE3LjY2OTkgMTAuNzY5OSAxNy4yNzAzVjEwLjgzNThDMTAuNzY5OSAxMC40MzYyIDExLjA5OTkgMTAuMTA2NCAxMS40OTk5IDEwLjEwNjRaIiBmaWxsPSIjNzk3Rjg1Ii8+DQo8L3N2Zz4NCg==) 14117 } 14118 14119 .blu-ticker.b-success[data-v-e275b4e8] { 14120 --blu-ticker-color-background: #effcf0; 14121 --blu-ticker-color-border: #b2efb9 14122 } 14123 14124 .blu-ticker.b-success.has-icon>.blu-ticker__icon[data-v-e275b4e8] { 14125 background-color: #1c832a; 14126 -webkit-mask-image: url(data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PSIwIDAgMjQgMjQiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+DQo8cGF0aCBkPSJNMTIgMkM2LjQ4IDIgMiA2LjQ4IDIgMTJDMiAxNy41MiA2LjQ4IDIyIDEyIDIyQzE3LjUyIDIyIDIyIDE3LjUyIDIyIDEyQzIyIDYuNDggMTcuNTIgMiAxMiAyWk0xNy4wNSA5LjExTDEyLjA2IDE2LjEyQzExLjg4IDE2LjM3IDExLjYgMTYuNTIgMTEuMjkgMTYuNTRIMTEuMjRDMTAuOTUgMTYuNTQgMTAuNjcgMTYuNDIgMTAuNDggMTYuMTlMNi45OSAxMi4xM0M2LjgyIDExLjkzIDYuNzMgMTEuNjcgNi43NSAxMS40MUM2Ljc3IDExLjE0IDYuODkgMTAuOSA3LjA5IDEwLjczQzcuNTEgMTAuMzcgOC4xNCAxMC40MiA4LjUgMTAuODRMMTEuMTYgMTMuOTNMMTUuNDEgNy45NkMxNS43MyA3LjUxIDE2LjM1IDcuNDEgMTYuOCA3LjczQzE3LjAyIDcuODggMTcuMTYgOC4xMSAxNy4yMSA4LjM4QzE3LjI1IDguNjQgMTcuMTkgOC45MSAxNy4wNCA5LjEyTDE3
14126LjA1IDkuMTFaIiBmaWxsPSIjNzk3Rjg1Ii8+DQo8L3N2Zz4=); 14127 mask-image: url(data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PSIwIDAgMjQgMjQiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+DQo8cGF0aCBkPSJNMTIgMkM2LjQ4IDIgMiA2LjQ4IDIgMTJDMiAxNy41MiA2LjQ4IDIyIDEyIDIyQzE3LjUyIDIyIDIyIDE3LjUyIDIyIDEyQzIyIDYuNDggMTcuNTIgMiAxMiAyWk0xNy4wNSA5LjExTDEyLjA2IDE2LjEyQzExLjg4IDE2LjM3IDExLjYgMTYuNTIgMTEuMjkgMTYuNTRIMTEuMjRDMTAuOTUgMTYuNTQgMTAuNjcgMTYuNDIgMTAuNDggMTYuMTlMNi45OSAxMi4xM0M2LjgyIDExLjkzIDYuNzMgMTEuNjcgNi43NSAxMS40MUM2Ljc3IDExLjE0IDYuODkgMTAuOSA3LjA5IDEwLjczQzcuNTEgMTAuMzcgOC4xNCAxMC40MiA4LjUgMTAuODRMMTEuMTYgMTMuOTNMMTUuNDEgNy45NkMxNS43MyA3LjUxIDE2LjM1IDcuNDEgMTYuOCA3LjczQzE3LjAyIDcuODggMTcuMTYgOC4xMSAxNy4yMSA4LjM4QzE3LjI1IDguNjQgMTcuMTkgOC45MSAxNy4wNCA5LjEyTDE3LjA1IDkuMTFaIiBmaWxsPSIjNzk3Rjg1Ii8+DQo8L3N2Zz4=) 14128 } 14129 14130 .blu-ticker.b-warning[data-v-e275b4e8] { 14131 --blu-ticker-color-background: #fff8e0; 14132 --blu-ticker-color-border: #fef0b6 14133 } 14134 14135 .blu-ticker.b-warning.has-icon>.blu-ticker__icon[data-v-e275b4e8] { 14136 background-color: #f1ab02; 14137 -webkit-mask-image: url(data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PSIwIDAgMjQgMjQiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+DQo8cGF0aCBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGNsaXAtcnVsZT0iZXZlbm9kZCIgZD0iTTMuODc0MzYgMjFIMjAuMTE0NEgyMC4xMjQ0QzIxLjU1MzUgMjEgMjIuNDUyOSAxOS41MDM1IDIxLjc2MzQgMTguMjg2NEwxMy42NDg0IDMuOTUwMjZDMTIuOTM4OCAyLjY4MzI1IDExLjA2OTkgMi42ODMyNSAxMC4zNjA0IDMuOTUwMjZMMi4yMzUzNyAxOC4yOTY0QzEuNTQ1OCAxOS41MTM1IDIuNDU1MjQgMjEgMy44NzQzNiAyMVpNMTAuOTkgMTMuOTM3NEwxMC43MDAyIDkuMDk4ODdWNy43NTIwNUMxMC43MDAyIDcuMzMzMDQgMTEuMDQgNi45OTM4NCAxMS40NTk3IDYuOTkzODRIMTIuNjA5QzEzLjAyODggNi45OTM4NCAxMy4zNjg2IDcuMzMzMDQgMTMuMzY4NiA3Ljc1MjA1VjkuMTA4ODRMMTMuMDg4NyAxMy45Mjc1QzEzLjA2ODcgMTQuMzI2NSAxMi43Mzg5IDE0LjYzNTggMTIuMzI5MiAxNC42MzU4SDExLjc0OTVDMTEuMzQ5OCAxNC42MzU4IDExLjAyIDE0LjMyNjUgMTAuOTkgMTMuOTI3NVYxMy45Mzc0Wk0xMS45OTk0IDE4Ljk2NTJDMTIuNzg4NyAxOC45NjUyIDEzLjQyODYgMTguMzI2NSAxMy40Mjg2IDE3LjUzODZDMTMuNDI4NiAxNi43NTA3IDEyLjc4ODcgMTYuMTEyIDExLjk5OTQgMTYuMTEyQzExLjIxMDIgMTYuMTEyIDEwLjU3MDMgMTYuNzUwNyAxMC41NzAzIDE3LjUzODZDMTAuNTcwMyAxOC4zMjY1IDExLjIxMDIgMTguOTY1MiAxMS45OTk0IDE4Ljk2NTJaIiBmaWxsPSIjNzk3Rjg1Ii8+DQo8L3N2Zz4NCg==); 14138 mask-image: url(data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PSIwIDAgMjQgMjQiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+DQo8cGF0aCBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGNsaXAtcnVsZT0iZXZlbm9kZCIgZD0iTTMuODc0MzYgMjFIMjAuMTE0NEgyMC4xMjQ0QzIxLjU1MzUgMjEgMjIuNDUyOSAxOS41MDM1IDIxLjc2MzQgMTguMjg2NEwxMy42NDg0IDMuOTUwMjZDMTIuOTM4OCAyLjY4MzI1IDExLjA2OTkgMi42ODMyNSAxMC4zNjA0IDMuOTUwMjZMMi4yMzUzNyAxOC4yOTY0QzEuNTQ1OCAxOS41MTM1IDIuNDU1MjQgMjEgMy44NzQzNiAyMVpNMTAuOTkgMTMuOTM3NEwxMC43MDAyIDkuMDk4ODdWNy43NTIwNUMxMC43MDAyIDcuMzMzMDQgMTEuMDQgNi45OTM4NCAxMS40NTk3IDYuOTkzODRIMTIuNjA5QzEzLjAyODggNi45OTM4NCAxMy4zNjg2IDcuMzMzMDQgMTMuMzY4NiA3Ljc1MjA1VjkuMTA4ODRMMTMuMDg4NyAxMy45Mjc1QzEzLjA2ODcgMTQuMzI2NSAxMi43Mzg5IDE0LjYzNTggMTIuMzI5MiAxNC42MzU4SDExLjc0OTVDMTEuMzQ5OCAxNC42MzU4IDExLjAyIDE0LjMyNjUgMTAuOTkgMTMuOTI3NVYxMy45Mzc0Wk0xMS45OTk0IDE4Ljk2NTJDMTIuNzg4NyAxOC45NjUyIDEzLjQyODYgMTguMzI2NSAxMy40Mjg2IDE3LjUzODZDMTMuNDI4NiAxNi43NTA3IDEyLjc4ODcgMTYuMTEyIDExLjk5OTQgMTYuMTEyQzExLjIxMDIgMTYuMTEyIDEwLjU3MDMgMTYuNzUwNyAxMC41NzAzIDE3LjUzODZDMTAuNTcwMyAxOC4zMjY1IDExLjIxMDIgMTguOTY1MiAxMS45OTk0IDE4Ljk2NTJaIiBmaWxsPSIjNzk3Rjg1Ii8+DQo8L3N2Zz4NCg==) 14139 } 14140 14141 .blu-ticker.b-danger[data-v-e275b4e8] { 14142 --blu-ticker-color-background: #fff5f5; 14143 --blu-ticker-color-border: #fecccb 14144 } 14145 14146 .blu-ticker.b-danger.has-icon>.blu-ticker__icon[data-v-e275b4e8] { 14147 background-color: #d33534; 14148 -webkit-mask-image: url(data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PSIwIDAgMjQgMjQiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+DQo8cGF0aCBkPSJNMTIgMkM2LjQ4IDIgMiA2LjQ4IDIgMTJDMiAxNy41MiA2LjQ4IDIyIDEyIDIyQzE3LjUyIDIyIDIyIDE3LjUyIDIyIDEyQzIyIDYuNDggMTcuNTIgMiAxMiAyWk0xNi4yNCAxNC44M0MxNi42MyAxNS4yMiAxNi42MyAxNS44NSAxNi4yNCAxNi4yNEMxNS44NSAxNi42MyAxNS4yMiAxNi42MyAxNC44MyAxNi4yNEwxMiAxMy40MUw5LjE3IDE2LjI0QzguNzggMTYuNjMgOC4xNSAxNi42MyA3Ljc2IDE2LjI0QzcuMzcgMTUuODUgNy4zNyAxNS4yMiA3Ljc2IDE0LjgzTDEwLjU5IDEyTDcuNzYgOS4xN0M3LjM3IDguNzggNy4zNyA4LjE1IDcuNzYgNy43NkM4LjE1IDcuMzcgOC43OCA3LjM3IDkuMTcgNy43NkwxMiAxMC41OUwxNC44MyA3Ljc2QzE1LjIyIDcuMzcgMTUuODUgNy4zNyAxNi4yNCA3Ljc2QzE2LjYzIDguMTUgMTYuNjMgOC43OCAxNi4yNCA5LjE3TDEzLjQxIDEyTDE2LjI0IDE0LjgzWiIgZmlsbD0iIzc5N0Y4NSIvPg0KPC9zdmc+); 14149 mask-image: url(data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PSIwIDAgMjQgMjQiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+DQo8cGF0aCBkPSJNMTIgMkM2LjQ4IDIgMiA2LjQ4IDIgMTJDMiAxNy41MiA2LjQ4IDIyIDEyIDIyQzE3LjUyIDIyIDIyIDE3LjUyIDIyIDEyQzIyIDYuNDggMTcuNTIgMiAxMiAyWk0xNi4yNCAxNC44M0MxNi42MyAxNS4yMiAxNi42MyAxNS44NSAxNi4yNCAxNi4yNEMxNS44NSAxNi42MyAxNS4yMiAxNi42MyAxNC44MyAxNi4yNEwxMiAxMy40MUw5LjE3IDE2LjI0QzguNzggMTYuNjMgOC4xNSAxNi42MyA3Ljc2IDE2LjI0QzcuMzcgMTUuODUgNy4zNyAxNS4yMiA3Ljc2IDE0LjgzTDEwLjU5IDEyTDcuNzYgOS4xN0M3LjM3IDguNzggNy4zNyA4LjE1IDcuNzYgNy43NkM4LjE1IDcuMzcgOC43OCA3LjM3IDkuMTcgNy43NkwxMiAxMC41OUwxNC44MyA3Ljc2QzE1LjIyIDcuMzcgMTUuODUgNy4zNyAxNi4yNCA3Ljc2QzE2LjYzIDguMTUgMTYuNjMgOC43OCAxNi4yNCA5LjE3TDEzLjQxIDEyTDE2LjI0IDE0LjgzWiIgZmlsbD0iIzc5N0Y4NSIvPg0KPC9zdmc+) 14150 } 14151 14152 .blu-ticker.has-icon>.blu-ticker__icon[data-v-e275b4e8] { 14153 margin-right: 8px; 14154 background-position: center center; 14155 background-size: contain; 14156 background-repeat: no-repeat; 14157 z-index: 0 14158 } 14159 14160 @media screen and (min-width: 769px),print { 14161 .blu-ticker.has-icon>.blu-ticker__icon[data-v-e275b4e8] { 14162 padding:12px 14163 } 14164 } 14165 14166 @media screen and (max-width: 768px) { 14167 .blu-ticker.has-icon>.blu-ticker__icon[data-v-e275b4e8] { 14168 padding:9px 14169 } 14170 } 14171 14172 .blu-ticker.has-icon.b-middle[data-v-e275b4e8] { 14173 align-items: center 14174 } 14175 14176 .blu-ticker.has-icon.b-bottom[data-v-e275b4e8] { 14177 align-items: flex-end 14178 } 14179 14180 .blu-ticker.has-icon.b-bottom[data-v-e275b4e8]:before { 14181 margin-bottom: 3px 14182 } 14183 </style> 14184 <style type="text/css"> 14185 .blu-ticker[data-v-5f386d2a] { 14186 --blu-ticker-color-background: #f9f9fa; 14187 --blu-ticker-color-border: #e1e3e4; 14188 display: flex; 14189 justify-content: flex-start; 14190 align-items: flex-start; 14191 border-radius: 8px; 14192 position: relative; 14193 background-color: var(--blu-ticker-color-background); 14194 border: 1px solid var(--blu-ticker-color-border); 14195 color: rgba(25,34,42,.7019607843); 14196 padding: 8px; 14197 margin-bottom: 8px; 14198 z-index: 0 14199 } 14200 14201 .blu-ticker__msg[data-v-5f386d2a] { 14202 z-index: 0; 14203 align-self: center 14204 } 14205 14206 @media screen and (min-width: 769px),print { 14207 .blu-ticker__msg[data-v-5f386d2a] { 14208 font:16px/20px "blibli",-apple-system,segoe ui,roboto,helvetica,arial,sans-serif 14209 } 14210 } 14211 14212 @media screen and (max-width: 768px) { 14213 .blu-ticker__msg[data-v-5f386d2a] { 14214 font:14px/18px "blibli",-apple-system,segoe ui,roboto,helvetica,arial,sans-serif 14215 } 14216 } 14217 14218 .blu-ticker__close[data-v-5f386d2a] { 14219 object-fit: contain; 14220 position: relative; 14221 z-index: 0; 14222 width: 18px;
14223 height: 18px; 14224 padding: 11px 14225 } 14226 14227 .blu-ticker__close i[data-v-5f386d2a] { 14228 content: ""; 14229 top: 0; 14230 right: 0; 14231 position: absolute; 14232 width: 18px; 14233 height: 18px; 14234 padding: 12px; 14235 background: rgba(0,0,0,0) url(data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PSIwIDAgMjQgMjQiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGQ9Ik0xMy43NjcyIDEyTDE3LjYzMiA4LjEzODM5QzE4LjEyMjcgNy42NDgxOSAxOC4xMjI3IDYuODU3ODYgMTcuNjMyIDYuMzY3NjVDMTcuMTQxNCA1Ljg3NzQ1IDE2LjM1MDQgNS44Nzc0NSAxNS44NTk4IDYuMzY3NjVMMTEuOTk1IDEwLjIyOTNMOC4xNDAxOCA2LjM3NzY2QzcuNjQ5NTYgNS44ODc0NSA2Ljg1ODU3IDUuODg3NDUgNi4zNjc5NiA2LjM3NzY2QzUuODc3MzUgNi44Njc4NiA1Ljg3NzM1IDcuNjU4MTkgNi4zNjc5NiA4LjE0ODRMMTAuMjIyOCAxMkw2LjM2Nzk2IDE1Ljg2MTZDNS44NzczNSAxNi4zNTE4IDUuODc3MzUgMTcuMTQyMSA2LjM2Nzk2IDE3LjYzMjNDNi44NTg1NyAxOC4xMjI2IDcuNjQ5NTYgMTguMTIyNiA4LjE0MDE4IDE3LjYzMjNMMTIuMDA1IDEzLjc3MDdMMTUuODU5OCAxNy42MjIzQzE2LjM1MDQgMTguMTEyNSAxNy4xNDE0IDE4LjExMjUgMTcuNjMyIDE3LjYyMjNDMTguMTIyNyAxNy4xMzIxIDE4LjEyMjcgMTYuMzQxOCAxNy42MzIgMTUuODUxNkwxMy43NzcyIDEySDEzLjc2NzJaIiBmaWxsPSIjNzk3Rjg1Ii8+Cjwvc3ZnPgo=) center center no-repeat #e1e3e4; 14236 background-color: rgba(25,34,42,.7019607843); 14237 -webkit-mask-image: url(data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PSIwIDAgMjQgMjQiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGQ9Ik0xMy43NjcyIDEyTDE3LjYzMiA4LjEzODM5QzE4LjEyMjcgNy42NDgxOSAxOC4xMjI3IDYuODU3ODYgMTcuNjMyIDYuMzY3NjVDMTcuMTQxNCA1Ljg3NzQ1IDE2LjM1MDQgNS44Nzc0NSAxNS44NTk4IDYuMzY3NjVMMTEuOTk1IDEwLjIyOTNMOC4xNDAxOCA2LjM3NzY2QzcuNjQ5NTYgNS44ODc0NSA2Ljg1ODU3IDUuODg3NDUgNi4zNjc5NiA2LjM3NzY2QzUuODc3MzUgNi44Njc4NiA1Ljg3NzM1IDcuNjU4MTkgNi4zNjc5NiA4LjE0ODRMMTAuMjIyOCAxMkw2LjM2Nzk2IDE1Ljg2MTZDNS44NzczNSAxNi4zNTE4IDUuODc3MzUgMTcuMTQyMSA2LjM2Nzk2IDE3LjYzMjNDNi44NTg1NyAxOC4xMjI2IDcuNjQ5NTYgMTguMTIyNiA4LjE0MDE4IDE3LjYzMjNMMTIuMDA1IDEzLjc3MDdMMTUuODU5OCAxNy42MjIzQzE2LjM1MDQgMTguMTEyNSAxNy4xNDE0IDE4LjExMjUgMTcuNjMyIDE3LjYyMjNDMTguMTIyNyAxNy4xMzIxIDE4LjEyMjcgMTYuMzQxOCAxNy42MzIgMTUuODUxNkwxMy43NzcyIDEySDEzLjc2NzJaIiBmaWxsPSIjNzk3Rjg1Ii8+Cjwvc3ZnPgo=) 14238 } 14239 14240 @media screen and (max-width: 768px) { 14241 .blu-ticker__close[data-v-5f386d2a] { 14242 transform:scale(0.75) 14243 } 14244 } 14245 14246 .blu-ticker__close[data-v-5f386d2a]:focus-visible { 14247 box-shadow: 0px 0px 0px 4px #000; 14248 outline: none 14249 } 14250 14251 .blu-ticker__title[data-v-5f386d2a] { 14252 color: #19222a 14253 } 14254 14255 @media screen and (min-width: 769px),print { 14256 .blu-ticker__title[data-v-5f386d2a] { 14257 font:16px/20px "blibli demi bold",-apple-system,segoe ui,roboto,helvetica,arial,sans-serif 14258 } 14259 } 14260 14261 @media screen and (max-width: 768px) { 14262 .blu-ticker__title[data-v-5f386d2a] { 14263 font:14px/18px "blibli demi bold",-apple-system,segoe ui,roboto,helvetica,arial,sans-serif 14264 } 14265 } 14266 14267 .blu-ticker__btn[data-v-5f386d2a] { 14268 margin: 8px 0 0 -14px 14269 } 14270 14271 .blu-ticker.b-info[data-v-5f386d2a] { 14272 --blu-ticker-color-background: #f3f9ff; 14273 --blu-ticker-color-border: #b9deff 14274 } 14275 14276 .blu-ticker.b-info.has-icon>.blu-ticker__icon[data-v-5f386d2a] { 14277 background-color: #006dea; 14278 -webkit-mask-image: url(data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PSIwIDAgMjQgMjQiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+DQo8cGF0aCBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGNsaXAtcnVsZT0iZXZlbm9kZCIgZD0iTTIgMTJDMiA2LjQ4IDYuNDggMiAxMiAyQzE3LjUyIDIgMjIgNi40OCAyMiAxMkMyMiAxNy41MiAxNy41MiAyMiAxMiAyMkM2LjQ4IDIyIDIgMTcuNTIgMiAxMlpNMTEuOTcgOC43Mzc2NEMxMi43MjY2IDguNzM3NjQgMTMuMzQgOC4xMjQ4IDEzLjM0IDcuMzY4ODJDMTMuMzQgNi42MTI4NCAxMi43MjY2IDYgMTEuOTcgNkMxMS4yMTM0IDYgMTAuNiA2LjYxMjg0IDEwLjYgNy4zNjg4MkMxMC42IDguMTI0OCAxMS4yMTM0IDguNzM3NjQgMTEuOTcgOC43Mzc2NFpNMTEuNDk5OSAxMC4xMDY0SDEyLjQ0OTlDMTIuODQ5OSAxMC4xMDY0IDEzLjE3OTkgMTAuNDM2MiAxMy4xNzk5IDEwLjgzNThWMTcuMjcwM0MxMy4xNzk5IDE3LjY2OTkgMTIuODQ5OSAxNy45OTk2IDEyLjQ0OTkgMTcuOTk5NkgxMS40OTk5QzExLjA5OTkgMTcuOTk5NiAxMC43Njk5IDE3LjY2OTkgMTAuNzY5OSAxNy4yNzAzVjEwLjgzNThDMTAuNzY5OSAxMC40MzYyIDExLjA5OTkgMTAuMTA2NCAxMS40OTk5IDEwLjEwNjRaIiBmaWxsPSIjNzk3Rjg1Ii8+DQo8L3N2Zz4NCg==); 14279 mask-image: url(data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PSIwIDAgMjQgMjQiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+DQo8cGF0aCBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGNsaXAtcnVsZT0iZXZlbm9kZCIgZD0iTTIgMTJDMiA2LjQ4IDYuNDggMiAxMiAyQzE3LjUyIDIgMjIgNi40OCAyMiAxMkMyMiAxNy41MiAxNy41MiAyMiAxMiAyMkM2LjQ4IDIyIDIgMTcuNTIgMiAxMlpNMTEuOTcgOC43Mzc2NEMxMi43MjY2IDguNzM3NjQgMTMuMzQgOC4xMjQ4IDEzLjM0IDcuMzY4ODJDMTMuMzQgNi42MTI4NCAxMi43MjY2IDYgMTEuOTcgNkMxMS4yMTM0IDYgMTAuNiA2LjYxMjg0IDEwLjYgNy4zNjg4MkMxMC42IDguMTI0OCAxMS4yMTM0IDguNzM3NjQgMTEuOTcgOC43Mzc2NFpNMTEuNDk5OSAxMC4xMDY0SDEyLjQ0OTlDMTIuODQ5OSAxMC4xMDY0IDEzLjE3OTkgMTAuNDM2MiAxMy4xNzk5IDEwLjgzNThWMTcuMjcwM0MxMy4xNzk5IDE3LjY2OTkgMTIuODQ5OSAxNy45OTk2IDEyLjQ0OTkgMTcuOTk5NkgxMS40OTk5QzExLjA5OTkgMTcuOTk5NiAxMC43Njk5IDE3LjY2OTkgMTAuNzY5OSAxNy4yNzAzVjEwLjgzNThDMTAuNzY5OSAxMC40MzYyIDExLjA5OTkgMTAuMTA2NCAxMS40OTk5IDEwLjEwNjRaIiBmaWxsPSIjNzk3Rjg1Ii8+DQo8L3N2Zz4NCg==) 14280 } 14281 14282 .blu-ticker.b-success[data-v-5f386d2a] { 14283 --blu-ticker-color-background: #effcf0; 14284 --blu-ticker-color-border: #b2efb9 14285 } 14286 14287 .blu-ticker.b-success.has-icon>.blu-ticker__icon[data-v-5f386d2a] { 14288 background-color: #1c832a; 14289 -webkit-mask-image: url(data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PSIwIDAgMjQgMjQiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+DQo8cGF0aCBkPSJNMTIgMkM2LjQ4IDIgMiA2LjQ4IDIgMTJDMiAxNy41MiA2LjQ4IDIyIDEyIDIyQzE3LjUyIDIyIDIyIDE3LjUyIDIyIDEyQzIyIDYuNDggMTcuNTIgMiAxMiAyWk0xNy4wNSA5LjExTDEyLjA2IDE2LjEyQzExLjg4IDE2LjM3IDExLjYgMTYuNTIgMTEuMjkgMTYuNTRIMTEuMjRDMTAuOTUgMTYuNTQgMTAuNjcgMTYuNDIgMTAuNDggMTYuMTlMNi45OSAxMi4xM0M2LjgyIDExLjkzIDYuNzMgMTEuNjcgNi43NSAxMS40MUM2Ljc3IDExLjE0IDYuODkgMTAuOSA3LjA5IDEwLjczQzcuNTEgMTAuMzcgOC4xNCAxMC40MiA4LjUgMTAuODRMMTEuMTYgMTMuOTNMMTUuNDEgNy45NkMxNS43MyA3LjUxIDE2LjM1IDcuNDEgMTYuOCA3LjczQzE3LjAyIDcuODggMTcuMTYgOC4xMSAxNy4yMSA4LjM4QzE3LjI1IDguNjQgMTcuMTkgOC45MSAxNy4wNCA5LjEyTDE3
14289LjA1IDkuMTFaIiBmaWxsPSIjNzk3Rjg1Ii8+DQo8L3N2Zz4=); 14290 mask-image: url(data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PSIwIDAgMjQgMjQiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+DQo8cGF0aCBkPSJNMTIgMkM2LjQ4IDIgMiA2LjQ4IDIgMTJDMiAxNy41MiA2LjQ4IDIyIDEyIDIyQzE3LjUyIDIyIDIyIDE3LjUyIDIyIDEyQzIyIDYuNDggMTcuNTIgMiAxMiAyWk0xNy4wNSA5LjExTDEyLjA2IDE2LjEyQzExLjg4IDE2LjM3IDExLjYgMTYuNTIgMTEuMjkgMTYuNTRIMTEuMjRDMTAuOTUgMTYuNTQgMTAuNjcgMTYuNDIgMTAuNDggMTYuMTlMNi45OSAxMi4xM0M2LjgyIDExLjkzIDYuNzMgMTEuNjcgNi43NSAxMS40MUM2Ljc3IDExLjE0IDYuODkgMTAuOSA3LjA5IDEwLjczQzcuNTEgMTAuMzcgOC4xNCAxMC40MiA4LjUgMTAuODRMMTEuMTYgMTMuOTNMMTUuNDEgNy45NkMxNS43MyA3LjUxIDE2LjM1IDcuNDEgMTYuOCA3LjczQzE3LjAyIDcuODggMTcuMTYgOC4xMSAxNy4yMSA4LjM4QzE3LjI1IDguNjQgMTcuMTkgOC45MSAxNy4wNCA5LjEyTDE3LjA1IDkuMTFaIiBmaWxsPSIjNzk3Rjg1Ii8+DQo8L3N2Zz4=) 14291 } 14292 14293 .blu-ticker.b-warning[data-v-5f386d2a] { 14294 --blu-ticker-color-background: #fff8e0; 14295 --blu-ticker-color-border: #fef0b6 14296 } 14297 14298 .blu-ticker.b-warning.has-icon>.blu-ticker__icon[data-v-5f386d2a] { 14299 background-color: #f1ab02; 14300 -webkit-mask-image: url(data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PSIwIDAgMjQgMjQiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+DQo8cGF0aCBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGNsaXAtcnVsZT0iZXZlbm9kZCIgZD0iTTMuODc0MzYgMjFIMjAuMTE0NEgyMC4xMjQ0QzIxLjU1MzUgMjEgMjIuNDUyOSAxOS41MDM1IDIxLjc2MzQgMTguMjg2NEwxMy42NDg0IDMuOTUwMjZDMTIuOTM4OCAyLjY4MzI1IDExLjA2OTkgMi42ODMyNSAxMC4zNjA0IDMuOTUwMjZMMi4yMzUzNyAxOC4yOTY0QzEuNTQ1OCAxOS41MTM1IDIuNDU1MjQgMjEgMy44NzQzNiAyMVpNMTAuOTkgMTMuOTM3NEwxMC43MDAyIDkuMDk4ODdWNy43NTIwNUMxMC43MDAyIDcuMzMzMDQgMTEuMDQgNi45OTM4NCAxMS40NTk3IDYuOTkzODRIMTIuNjA5QzEzLjAyODggNi45OTM4NCAxMy4zNjg2IDcuMzMzMDQgMTMuMzY4NiA3Ljc1MjA1VjkuMTA4ODRMMTMuMDg4NyAxMy45Mjc1QzEzLjA2ODcgMTQuMzI2NSAxMi43Mzg5IDE0LjYzNTggMTIuMzI5MiAxNC42MzU4SDExLjc0OTVDMTEuMzQ5OCAxNC42MzU4IDExLjAyIDE0LjMyNjUgMTAuOTkgMTMuOTI3NVYxMy45Mzc0Wk0xMS45OTk0IDE4Ljk2NTJDMTIuNzg4NyAxOC45NjUyIDEzLjQyODYgMTguMzI2NSAxMy40Mjg2IDE3LjUzODZDMTMuNDI4NiAxNi43NTA3IDEyLjc4ODcgMTYuMTEyIDExLjk5OTQgMTYuMTEyQzExLjIxMDIgMTYuMTEyIDEwLjU3MDMgMTYuNzUwNyAxMC41NzAzIDE3LjUzODZDMTAuNTcwMyAxOC4zMjY1IDExLjIxMDIgMTguOTY1MiAxMS45OTk0IDE4Ljk2NTJaIiBmaWxsPSIjNzk3Rjg1Ii8+DQo8L3N2Zz4NCg==); 14301 mask-image: url(data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PSIwIDAgMjQgMjQiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+DQo8cGF0aCBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGNsaXAtcnVsZT0iZXZlbm9kZCIgZD0iTTMuODc0MzYgMjFIMjAuMTE0NEgyMC4xMjQ0QzIxLjU1MzUgMjEgMjIuNDUyOSAxOS41MDM1IDIxLjc2MzQgMTguMjg2NEwxMy42NDg0IDMuOTUwMjZDMTIuOTM4OCAyLjY4MzI1IDExLjA2OTkgMi42ODMyNSAxMC4zNjA0IDMuOTUwMjZMMi4yMzUzNyAxOC4yOTY0QzEuNTQ1OCAxOS41MTM1IDIuNDU1MjQgMjEgMy44NzQzNiAyMVpNMTAuOTkgMTMuOTM3NEwxMC43MDAyIDkuMDk4ODdWNy43NTIwNUMxMC43MDAyIDcuMzMzMDQgMTEuMDQgNi45OTM4NCAxMS40NTk3IDYuOTkzODRIMTIuNjA5QzEzLjAyODggNi45OTM4NCAxMy4zNjg2IDcuMzMzMDQgMTMuMzY4NiA3Ljc1MjA1VjkuMTA4ODRMMTMuMDg4NyAxMy45Mjc1QzEzLjA2ODcgMTQuMzI2NSAxMi43Mzg5IDE0LjYzNTggMTIuMzI5MiAxNC42MzU4SDExLjc0OTVDMTEuMzQ5OCAxNC42MzU4IDExLjAyIDE0LjMyNjUgMTAuOTkgMTMuOTI3NVYxMy45Mzc0Wk0xMS45OTk0IDE4Ljk2NTJDMTIuNzg4NyAxOC45NjUyIDEzLjQyODYgMTguMzI2NSAxMy40Mjg2IDE3LjUzODZDMTMuNDI4NiAxNi43NTA3IDEyLjc4ODcgMTYuMTEyIDExLjk5OTQgMTYuMTEyQzExLjIxMDIgMTYuMTEyIDEwLjU3MDMgMTYuNzUwNyAxMC41NzAzIDE3LjUzODZDMTAuNTcwMyAxOC4zMjY1IDExLjIxMDIgMTguOTY1MiAxMS45OTk0IDE4Ljk2NTJaIiBmaWxsPSIjNzk3Rjg1Ii8+DQo8L3N2Zz4NCg==) 14302 } 14303 14304 .blu-ticker.b-danger[data-v-5f386d2a] { 14305 --blu-ticker-color-background: #fff5f5; 14306 --blu-ticker-color-border: #fecccb 14307 } 14308 14309 .blu-ticker.b-danger.has-icon>.blu-ticker__icon[data-v-5f386d2a] { 14310 background-color: #d33534; 14311 -webkit-mask-image: url(data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PSIwIDAgMjQgMjQiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+DQo8cGF0aCBkPSJNMTIgMkM2LjQ4IDIgMiA2LjQ4IDIgMTJDMiAxNy41MiA2LjQ4IDIyIDEyIDIyQzE3LjUyIDIyIDIyIDE3LjUyIDIyIDEyQzIyIDYuNDggMTcuNTIgMiAxMiAyWk0xNi4yNCAxNC44M0MxNi42MyAxNS4yMiAxNi42MyAxNS44NSAxNi4yNCAxNi4yNEMxNS44NSAxNi42MyAxNS4yMiAxNi42MyAxNC44MyAxNi4yNEwxMiAxMy40MUw5LjE3IDE2LjI0QzguNzggMTYuNjMgOC4xNSAxNi42MyA3Ljc2IDE2LjI0QzcuMzcgMTUuODUgNy4zNyAxNS4yMiA3Ljc2IDE0LjgzTDEwLjU5IDEyTDcuNzYgOS4xN0M3LjM3IDguNzggNy4zNyA4LjE1IDcuNzYgNy43NkM4LjE1IDcuMzcgOC43OCA3LjM3IDkuMTcgNy43NkwxMiAxMC41OUwxNC44MyA3Ljc2QzE1LjIyIDcuMzcgMTUuODUgNy4zNyAxNi4yNCA3Ljc2QzE2LjYzIDguMTUgMTYuNjMgOC43OCAxNi4yNCA5LjE3TDEzLjQxIDEyTDE2LjI0IDE0LjgzWiIgZmlsbD0iIzc5N0Y4NSIvPg0KPC9zdmc+); 14312 mask-image: url(data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PSIwIDAgMjQgMjQiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+DQo8cGF0aCBkPSJNMTIgMkM2LjQ4IDIgMiA2LjQ4IDIgMTJDMiAxNy41MiA2LjQ4IDIyIDEyIDIyQzE3LjUyIDIyIDIyIDE3LjUyIDIyIDEyQzIyIDYuNDggMTcuNTIgMiAxMiAyWk0xNi4yNCAxNC44M0MxNi42MyAxNS4yMiAxNi42MyAxNS44NSAxNi4yNCAxNi4yNEMxNS44NSAxNi42MyAxNS4yMiAxNi42MyAxNC44MyAxNi4yNEwxMiAxMy40MUw5LjE3IDE2LjI0QzguNzggMTYuNjMgOC4xNSAxNi42MyA3Ljc2IDE2LjI0QzcuMzcgMTUuODUgNy4zNyAxNS4yMiA3Ljc2IDE0LjgzTDEwLjU5IDEyTDcuNzYgOS4xN0M3LjM3IDguNzggNy4zNyA4LjE1IDcuNzYgNy43NkM4LjE1IDcuMzcgOC43OCA3LjM3IDkuMTcgNy43NkwxMiAxMC41OUwxNC44MyA3Ljc2QzE1LjIyIDcuMzcgMTUuODUgNy4zNyAxNi4yNCA3Ljc2QzE2LjYzIDguMTUgMTYuNjMgOC43OCAxNi4yNCA5LjE3TDEzLjQxIDEyTDE2LjI0IDE0LjgzWiIgZmlsbD0iIzc5N0Y4NSIvPg0KPC9zdmc+) 14313 } 14314 14315 .blu-ticker.has-icon>.blu-ticker__icon[data-v-5f386d2a] { 14316 margin-right: 8px; 14317 background-position: center center; 14318 background-size: contain; 14319 background-repeat: no-repeat; 14320 z-index: 0 14321 } 14322 14323 @media screen and (min-width: 769px),print { 14324 .blu-ticker.has-icon>.blu-ticker__icon[data-v-5f386d2a] { 14325 padding:12px 14326 } 14327 } 14328 14329 @media screen and (max-width: 768px) { 14330 .blu-ticker.has-icon>.blu-ticker__icon[data-v-5f386d2a] { 14331 padding:9px 14332 } 14333 } 14334 14335 .blu-ticker.has-icon.b-middle[data-v-5f386d2a] { 14336 align-items: center 14337 } 14338 14339 .blu-ticker.has-icon.b-bottom[data-v-5f386d2a] { 14340 align-items: flex-end 14341 } 14342 14343 .blu-ticker.has-icon.b-bottom[data-v-5f386d2a]:before { 14344 margin-bottom: 3px 14345 } 14346 </style> 14347 <style type="text/css"> 14348 .blu-ticker[data-v-c29289ca] { 14349 --blu-ticker-color-background: #f9f9fa; 14350 --blu-ticker-color-border: #e1e3e4; 14351 display: flex; 14352 justify-content: flex-start; 14353 align-items: flex-start; 14354 border-radius: 8px; 14355 position: relative; 14356 background-color: var(--blu-ticker-color-background); 14357 border: 1px solid var(--blu-ticker-color-border); 14358 color: rgba(25,34,42,.7019607843); 14359 padding: 8px; 14360 margin-bottom: 8px; 14361 z-index: 0 14362 } 14363 14364 .blu-ticker__msg[data-v-c29289ca] { 14365 z-index: 0; 14366 align-self: center 14367 } 14368 14369 @media screen and (min-width: 769px),print { 14370 .blu-ticker__msg[data-v-c29289ca] { 14371 font:16px/20px "blibli",-apple-system,segoe ui,roboto,helvetica,arial,sans-serif 14372 } 14373 } 14374 14375 @media screen and (max-width: 768px) { 14376 .blu-ticker__msg[data-v-c29289ca] { 14377 font:14px/18px "blibli",-apple-system,segoe ui,roboto,helvetica,arial,sans-serif 14378 } 14379 } 14380 14381 .blu-ticker__close[data-v-c29289ca] { 14382 object-fit: contain; 14383 position: relative; 14384 z-index: 0; 14385 width: 18px;
14386 height: 18px; 14387 padding: 11px 14388 } 14389 14390 .blu-ticker__close i[data-v-c29289ca] { 14391 content: ""; 14392 top: 0; 14393 right: 0; 14394 position: absolute; 14395 width: 18px; 14396 height: 18px; 14397 padding: 12px; 14398 background: rgba(0,0,0,0) url(data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PSIwIDAgMjQgMjQiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGQ9Ik0xMy43NjcyIDEyTDE3LjYzMiA4LjEzODM5QzE4LjEyMjcgNy42NDgxOSAxOC4xMjI3IDYuODU3ODYgMTcuNjMyIDYuMzY3NjVDMTcuMTQxNCA1Ljg3NzQ1IDE2LjM1MDQgNS44Nzc0NSAxNS44NTk4IDYuMzY3NjVMMTEuOTk1IDEwLjIyOTNMOC4xNDAxOCA2LjM3NzY2QzcuNjQ5NTYgNS44ODc0NSA2Ljg1ODU3IDUuODg3NDUgNi4zNjc5NiA2LjM3NzY2QzUuODc3MzUgNi44Njc4NiA1Ljg3NzM1IDcuNjU4MTkgNi4zNjc5NiA4LjE0ODRMMTAuMjIyOCAxMkw2LjM2Nzk2IDE1Ljg2MTZDNS44NzczNSAxNi4zNTE4IDUuODc3MzUgMTcuMTQyMSA2LjM2Nzk2IDE3LjYzMjNDNi44NTg1NyAxOC4xMjI2IDcuNjQ5NTYgMTguMTIyNiA4LjE0MDE4IDE3LjYzMjNMMTIuMDA1IDEzLjc3MDdMMTUuODU5OCAxNy42MjIzQzE2LjM1MDQgMTguMTEyNSAxNy4xNDE0IDE4LjExMjUgMTcuNjMyIDE3LjYyMjNDMTguMTIyNyAxNy4xMzIxIDE4LjEyMjcgMTYuMzQxOCAxNy42MzIgMTUuODUxNkwxMy43NzcyIDEySDEzLjc2NzJaIiBmaWxsPSIjNzk3Rjg1Ii8+Cjwvc3ZnPgo=) center center no-repeat #e1e3e4; 14399 background-color: rgba(25,34,42,.7019607843); 14400 -webkit-mask-image: url(data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PSIwIDAgMjQgMjQiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGQ9Ik0xMy43NjcyIDEyTDE3LjYzMiA4LjEzODM5QzE4LjEyMjcgNy42NDgxOSAxOC4xMjI3IDYuODU3ODYgMTcuNjMyIDYuMzY3NjVDMTcuMTQxNCA1Ljg3NzQ1IDE2LjM1MDQgNS44Nzc0NSAxNS44NTk4IDYuMzY3NjVMMTEuOTk1IDEwLjIyOTNMOC4xNDAxOCA2LjM3NzY2QzcuNjQ5NTYgNS44ODc0NSA2Ljg1ODU3IDUuODg3NDUgNi4zNjc5NiA2LjM3NzY2QzUuODc3MzUgNi44Njc4NiA1Ljg3NzM1IDcuNjU4MTkgNi4zNjc5NiA4LjE0ODRMMTAuMjIyOCAxMkw2LjM2Nzk2IDE1Ljg2MTZDNS44NzczNSAxNi4zNTE4IDUuODc3MzUgMTcuMTQyMSA2LjM2Nzk2IDE3LjYzMjNDNi44NTg1NyAxOC4xMjI2IDcuNjQ5NTYgMTguMTIyNiA4LjE0MDE4IDE3LjYzMjNMMTIuMDA1IDEzLjc3MDdMMTUuODU5OCAxNy42MjIzQzE2LjM1MDQgMTguMTEyNSAxNy4xNDE0IDE4LjExMjUgMTcuNjMyIDE3LjYyMjNDMTguMTIyNyAxNy4xMzIxIDE4LjEyMjcgMTYuMzQxOCAxNy42MzIgMTUuODUxNkwxMy43NzcyIDEySDEzLjc2NzJaIiBmaWxsPSIjNzk3Rjg1Ii8+Cjwvc3ZnPgo=) 14401 } 14402 14403 @media screen and (max-width: 768px) { 14404 .blu-ticker__close[data-v-c29289ca] { 14405 transform:scale(0.75) 14406 } 14407 } 14408 14409 .blu-ticker__close[data-v-c29289ca]:focus-visible { 14410 box-shadow: 0px 0px 0px 4px #000; 14411 outline: none 14412 } 14413 14414 .blu-ticker__title[data-v-c29289ca] { 14415 color: #19222a 14416 } 14417 14418 @media screen and (min-width: 769px),print { 14419 .blu-ticker__title[data-v-c29289ca] { 14420 font:16px/20px "blibli demi bold",-apple-system,segoe ui,roboto,helvetica,arial,sans-serif 14421 } 14422 } 14423 14424 @media screen and (max-width: 768px) { 14425 .blu-ticker__title[data-v-c29289ca] { 14426 font:14px/18px "blibli demi bold",-apple-system,segoe ui,roboto,helvetica,arial,sans-serif 14427 } 14428 } 14429 14430 .blu-ticker__btn[data-v-c29289ca] { 14431 margin: 8px 0 0 -14px 14432 } 14433 14434 .blu-ticker.b-info[data-v-c29289ca] { 14435 --blu-ticker-color-background: #f3f9ff; 14436 --blu-ticker-color-border: #b9deff 14437 } 14438 14439 .blu-ticker.b-info.has-icon>.blu-ticker__icon[data-v-c29289ca] { 14440 background-color: #006dea; 14441 -webkit-mask-image: url(data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PSIwIDAgMjQgMjQiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+DQo8cGF0aCBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGNsaXAtcnVsZT0iZXZlbm9kZCIgZD0iTTIgMTJDMiA2LjQ4IDYuNDggMiAxMiAyQzE3LjUyIDIgMjIgNi40OCAyMiAxMkMyMiAxNy41MiAxNy41MiAyMiAxMiAyMkM2LjQ4IDIyIDIgMTcuNTIgMiAxMlpNMTEuOTcgOC43Mzc2NEMxMi43MjY2IDguNzM3NjQgMTMuMzQgOC4xMjQ4IDEzLjM0IDcuMzY4ODJDMTMuMzQgNi42MTI4NCAxMi43MjY2IDYgMTEuOTcgNkMxMS4yMTM0IDYgMTAuNiA2LjYxMjg0IDEwLjYgNy4zNjg4MkMxMC42IDguMTI0OCAxMS4yMTM0IDguNzM3NjQgMTEuOTcgOC43Mzc2NFpNMTEuNDk5OSAxMC4xMDY0SDEyLjQ0OTlDMTIuODQ5OSAxMC4xMDY0IDEzLjE3OTkgMTAuNDM2MiAxMy4xNzk5IDEwLjgzNThWMTcuMjcwM0MxMy4xNzk5IDE3LjY2OTkgMTIuODQ5OSAxNy45OTk2IDEyLjQ0OTkgMTcuOTk5NkgxMS40OTk5QzExLjA5OTkgMTcuOTk5NiAxMC43Njk5IDE3LjY2OTkgMTAuNzY5OSAxNy4yNzAzVjEwLjgzNThDMTAuNzY5OSAxMC40MzYyIDExLjA5OTkgMTAuMTA2NCAxMS40OTk5IDEwLjEwNjRaIiBmaWxsPSIjNzk3Rjg1Ii8+DQo8L3N2Zz4NCg==); 14442 mask-image: url(data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PSIwIDAgMjQgMjQiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+DQo8cGF0aCBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGNsaXAtcnVsZT0iZXZlbm9kZCIgZD0iTTIgMTJDMiA2LjQ4IDYuNDggMiAxMiAyQzE3LjUyIDIgMjIgNi40OCAyMiAxMkMyMiAxNy41MiAxNy41MiAyMiAxMiAyMkM2LjQ4IDIyIDIgMTcuNTIgMiAxMlpNMTEuOTcgOC43Mzc2NEMxMi43MjY2IDguNzM3NjQgMTMuMzQgOC4xMjQ4IDEzLjM0IDcuMzY4ODJDMTMuMzQgNi42MTI4NCAxMi43MjY2IDYgMTEuOTcgNkMxMS4yMTM0IDYgMTAuNiA2LjYxMjg0IDEwLjYgNy4zNjg4MkMxMC42IDguMTI0OCAxMS4yMTM0IDguNzM3NjQgMTEuOTcgOC43Mzc2NFpNMTEuNDk5OSAxMC4xMDY0SDEyLjQ0OTlDMTIuODQ5OSAxMC4xMDY0IDEzLjE3OTkgMTAuNDM2MiAxMy4xNzk5IDEwLjgzNThWMTcuMjcwM0MxMy4xNzk5IDE3LjY2OTkgMTIuODQ5OSAxNy45OTk2IDEyLjQ0OTkgMTcuOTk5NkgxMS40OTk5QzExLjA5OTkgMTcuOTk5NiAxMC43Njk5IDE3LjY2OTkgMTAuNzY5OSAxNy4yNzAzVjEwLjgzNThDMTAuNzY5OSAxMC40MzYyIDExLjA5OTkgMTAuMTA2NCAxMS40OTk5IDEwLjEwNjRaIiBmaWxsPSIjNzk3Rjg1Ii8+DQo8L3N2Zz4NCg==) 14443 } 14444 14445 .blu-ticker.b-success[data-v-c29289ca] { 14446 --blu-ticker-color-background: #effcf0; 14447 --blu-ticker-color-border: #b2efb9 14448 } 14449 14450 .blu-ticker.b-success.has-icon>.blu-ticker__icon[data-v-c29289ca] { 14451 background-color: #1c832a; 14452 -webkit-mask-image: url(data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PSIwIDAgMjQgMjQiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+DQo8cGF0aCBkPSJNMTIgMkM2LjQ4IDIgMiA2LjQ4IDIgMTJDMiAxNy41MiA2LjQ4IDIyIDEyIDIyQzE3LjUyIDIyIDIyIDE3LjUyIDIyIDEyQzIyIDYuNDggMTcuNTIgMiAxMiAyWk0xNy4wNSA5LjExTDEyLjA2IDE2LjEyQzExLjg4IDE2LjM3IDExLjYgMTYuNTIgMTEuMjkgMTYuNTRIMTEuMjRDMTAuOTUgMTYuNTQgMTAuNjcgMTYuNDIgMTAuNDggMTYuMTlMNi45OSAxMi4xM0M2LjgyIDExLjkzIDYuNzMgMTEuNjcgNi43NSAxMS40MUM2Ljc3IDExLjE0IDYuODkgMTAuOSA3LjA5IDEwLjczQzcuNTEgMTAuMzcgOC4xNCAxMC40MiA4LjUgMTAuODRMMTEuMTYgMTMuOTNMMTUuNDEgNy45NkMxNS43MyA3LjUxIDE2LjM1IDcuNDEgMTYuOCA3LjczQzE3LjAyIDcuODggMTcuMTYgOC4xMSAxNy4yMSA4LjM4QzE3LjI1IDguNjQgMTcuMTkgOC45MSAxNy4wNCA5LjEyTDE3
14452LjA1IDkuMTFaIiBmaWxsPSIjNzk3Rjg1Ii8+DQo8L3N2Zz4=); 14453 mask-image: url(data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PSIwIDAgMjQgMjQiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+DQo8cGF0aCBkPSJNMTIgMkM2LjQ4IDIgMiA2LjQ4IDIgMTJDMiAxNy41MiA2LjQ4IDIyIDEyIDIyQzE3LjUyIDIyIDIyIDE3LjUyIDIyIDEyQzIyIDYuNDggMTcuNTIgMiAxMiAyWk0xNy4wNSA5LjExTDEyLjA2IDE2LjEyQzExLjg4IDE2LjM3IDExLjYgMTYuNTIgMTEuMjkgMTYuNTRIMTEuMjRDMTAuOTUgMTYuNTQgMTAuNjcgMTYuNDIgMTAuNDggMTYuMTlMNi45OSAxMi4xM0M2LjgyIDExLjkzIDYuNzMgMTEuNjcgNi43NSAxMS40MUM2Ljc3IDExLjE0IDYuODkgMTAuOSA3LjA5IDEwLjczQzcuNTEgMTAuMzcgOC4xNCAxMC40MiA4LjUgMTAuODRMMTEuMTYgMTMuOTNMMTUuNDEgNy45NkMxNS43MyA3LjUxIDE2LjM1IDcuNDEgMTYuOCA3LjczQzE3LjAyIDcuODggMTcuMTYgOC4xMSAxNy4yMSA4LjM4QzE3LjI1IDguNjQgMTcuMTkgOC45MSAxNy4wNCA5LjEyTDE3LjA1IDkuMTFaIiBmaWxsPSIjNzk3Rjg1Ii8+DQo8L3N2Zz4=) 14454 } 14455 14456 .blu-ticker.b-warning[data-v-c29289ca] { 14457 --blu-ticker-color-background: #fff8e0; 14458 --blu-ticker-color-border: #fef0b6 14459 } 14460 14461 .blu-ticker.b-warning.has-icon>.blu-ticker__icon[data-v-c29289ca] { 14462 background-color: #f1ab02; 14463 -webkit-mask-image: url(data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PSIwIDAgMjQgMjQiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+DQo8cGF0aCBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGNsaXAtcnVsZT0iZXZlbm9kZCIgZD0iTTMuODc0MzYgMjFIMjAuMTE0NEgyMC4xMjQ0QzIxLjU1MzUgMjEgMjIuNDUyOSAxOS41MDM1IDIxLjc2MzQgMTguMjg2NEwxMy42NDg0IDMuOTUwMjZDMTIuOTM4OCAyLjY4MzI1IDExLjA2OTkgMi42ODMyNSAxMC4zNjA0IDMuOTUwMjZMMi4yMzUzNyAxOC4yOTY0QzEuNTQ1OCAxOS41MTM1IDIuNDU1MjQgMjEgMy44NzQzNiAyMVpNMTAuOTkgMTMuOTM3NEwxMC43MDAyIDkuMDk4ODdWNy43NTIwNUMxMC43MDAyIDcuMzMzMDQgMTEuMDQgNi45OTM4NCAxMS40NTk3IDYuOTkzODRIMTIuNjA5QzEzLjAyODggNi45OTM4NCAxMy4zNjg2IDcuMzMzMDQgMTMuMzY4NiA3Ljc1MjA1VjkuMTA4ODRMMTMuMDg4NyAxMy45Mjc1QzEzLjA2ODcgMTQuMzI2NSAxMi43Mzg5IDE0LjYzNTggMTIuMzI5MiAxNC42MzU4SDExLjc0OTVDMTEuMzQ5OCAxNC42MzU4IDExLjAyIDE0LjMyNjUgMTAuOTkgMTMuOTI3NVYxMy45Mzc0Wk0xMS45OTk0IDE4Ljk2NTJDMTIuNzg4NyAxOC45NjUyIDEzLjQyODYgMTguMzI2NSAxMy40Mjg2IDE3LjUzODZDMTMuNDI4NiAxNi43NTA3IDEyLjc4ODcgMTYuMTEyIDExLjk5OTQgMTYuMTEyQzExLjIxMDIgMTYuMTEyIDEwLjU3MDMgMTYuNzUwNyAxMC41NzAzIDE3LjUzODZDMTAuNTcwMyAxOC4zMjY1IDExLjIxMDIgMTguOTY1MiAxMS45OTk0IDE4Ljk2NTJaIiBmaWxsPSIjNzk3Rjg1Ii8+DQo8L3N2Zz4NCg==); 14464 mask-image: url(data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PSIwIDAgMjQgMjQiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+DQo8cGF0aCBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGNsaXAtcnVsZT0iZXZlbm9kZCIgZD0iTTMuODc0MzYgMjFIMjAuMTE0NEgyMC4xMjQ0QzIxLjU1MzUgMjEgMjIuNDUyOSAxOS41MDM1IDIxLjc2MzQgMTguMjg2NEwxMy42NDg0IDMuOTUwMjZDMTIuOTM4OCAyLjY4MzI1IDExLjA2OTkgMi42ODMyNSAxMC4zNjA0IDMuOTUwMjZMMi4yMzUzNyAxOC4yOTY0QzEuNTQ1OCAxOS41MTM1IDIuNDU1MjQgMjEgMy44NzQzNiAyMVpNMTAuOTkgMTMuOTM3NEwxMC43MDAyIDkuMDk4ODdWNy43NTIwNUMxMC43MDAyIDcuMzMzMDQgMTEuMDQgNi45OTM4NCAxMS40NTk3IDYuOTkzODRIMTIuNjA5QzEzLjAyODggNi45OTM4NCAxMy4zNjg2IDcuMzMzMDQgMTMuMzY4NiA3Ljc1MjA1VjkuMTA4ODRMMTMuMDg4NyAxMy45Mjc1QzEzLjA2ODcgMTQuMzI2NSAxMi43Mzg5IDE0LjYzNTggMTIuMzI5MiAxNC42MzU4SDExLjc0OTVDMTEuMzQ5OCAxNC42MzU4IDExLjAyIDE0LjMyNjUgMTAuOTkgMTMuOTI3NVYxMy45Mzc0Wk0xMS45OTk0IDE4Ljk2NTJDMTIuNzg4NyAxOC45NjUyIDEzLjQyODYgMTguMzI2NSAxMy40Mjg2IDE3LjUzODZDMTMuNDI4NiAxNi43NTA3IDEyLjc4ODcgMTYuMTEyIDExLjk5OTQgMTYuMTEyQzExLjIxMDIgMTYuMTEyIDEwLjU3MDMgMTYuNzUwNyAxMC41NzAzIDE3LjUzODZDMTAuNTcwMyAxOC4zMjY1IDExLjIxMDIgMTguOTY1MiAxMS45OTk0IDE4Ljk2NTJaIiBmaWxsPSIjNzk3Rjg1Ii8+DQo8L3N2Zz4NCg==) 14465 } 14466 14467 .blu-ticker.b-danger[data-v-c29289ca] { 14468 --blu-ticker-color-background: #fff5f5; 14469 --blu-ticker-color-border: #fecccb 14470 } 14471 14472 .blu-ticker.b-danger.has-icon>.blu-ticker__icon[data-v-c29289ca] { 14473 background-color: #d33534; 14474 -webkit-mask-image: url(data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PSIwIDAgMjQgMjQiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+DQo8cGF0aCBkPSJNMTIgMkM2LjQ4IDIgMiA2LjQ4IDIgMTJDMiAxNy41MiA2LjQ4IDIyIDEyIDIyQzE3LjUyIDIyIDIyIDE3LjUyIDIyIDEyQzIyIDYuNDggMTcuNTIgMiAxMiAyWk0xNi4yNCAxNC44M0MxNi42MyAxNS4yMiAxNi42MyAxNS44NSAxNi4yNCAxNi4yNEMxNS44NSAxNi42MyAxNS4yMiAxNi42MyAxNC44MyAxNi4yNEwxMiAxMy40MUw5LjE3IDE2LjI0QzguNzggMTYuNjMgOC4xNSAxNi42MyA3Ljc2IDE2LjI0QzcuMzcgMTUuODUgNy4zNyAxNS4yMiA3Ljc2IDE0LjgzTDEwLjU5IDEyTDcuNzYgOS4xN0M3LjM3IDguNzggNy4zNyA4LjE1IDcuNzYgNy43NkM4LjE1IDcuMzcgOC43OCA3LjM3IDkuMTcgNy43NkwxMiAxMC41OUwxNC44MyA3Ljc2QzE1LjIyIDcuMzcgMTUuODUgNy4zNyAxNi4yNCA3Ljc2QzE2LjYzIDguMTUgMTYuNjMgOC43OCAxNi4yNCA5LjE3TDEzLjQxIDEyTDE2LjI0IDE0LjgzWiIgZmlsbD0iIzc5N0Y4NSIvPg0KPC9zdmc+); 14475 mask-image: url(data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PSIwIDAgMjQgMjQiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+DQo8cGF0aCBkPSJNMTIgMkM2LjQ4IDIgMiA2LjQ4IDIgMTJDMiAxNy41MiA2LjQ4IDIyIDEyIDIyQzE3LjUyIDIyIDIyIDE3LjUyIDIyIDEyQzIyIDYuNDggMTcuNTIgMiAxMiAyWk0xNi4yNCAxNC44M0MxNi42MyAxNS4yMiAxNi42MyAxNS44NSAxNi4yNCAxNi4yNEMxNS44NSAxNi42MyAxNS4yMiAxNi42MyAxNC44MyAxNi4yNEwxMiAxMy40MUw5LjE3IDE2LjI0QzguNzggMTYuNjMgOC4xNSAxNi42MyA3Ljc2IDE2LjI0QzcuMzcgMTUuODUgNy4zNyAxNS4yMiA3Ljc2IDE0LjgzTDEwLjU5IDEyTDcuNzYgOS4xN0M3LjM3IDguNzggNy4zNyA4LjE1IDcuNzYgNy43NkM4LjE1IDcuMzcgOC43OCA3LjM3IDkuMTcgNy43NkwxMiAxMC41OUwxNC44MyA3Ljc2QzE1LjIyIDcuMzcgMTUuODUgNy4zNyAxNi4yNCA3Ljc2QzE2LjYzIDguMTUgMTYuNjMgOC43OCAxNi4yNCA5LjE3TDEzLjQxIDEyTDE2LjI0IDE0LjgzWiIgZmlsbD0iIzc5N0Y4NSIvPg0KPC9zdmc+) 14476 } 14477 14478 .blu-ticker.has-icon>.blu-ticker__icon[data-v-c29289ca] { 14479 margin-right: 8px; 14480 background-position: center center; 14481 background-size: contain; 14482 background-repeat: no-repeat; 14483 z-index: 0 14484 } 14485 14486 @media screen and (min-width: 769px),print { 14487 .blu-ticker.has-icon>.blu-ticker__icon[data-v-c29289ca] { 14488 padding:12px 14489 } 14490 } 14491 14492 @media screen and (max-width: 768px) { 14493 .blu-ticker.has-icon>.blu-ticker__icon[data-v-c29289ca] { 14494 padding:9px 14495 } 14496 } 14497 14498 .blu-ticker.has-icon.b-middle[data-v-c29289ca] { 14499 align-items: center 14500 } 14501 14502 .blu-ticker.has-icon.b-bottom[data-v-c29289ca] { 14503 align-items: flex-end 14504 } 14505 14506 .blu-ticker.has-icon.b-bottom[data-v-c29289ca]:before { 14507 margin-bottom: 3px 14508 } 14509 </style> 14510 <style type="text/css"> 14511 .blu-ripple[data-v-589e2bdd] { 14512 width: 100%; 14513 height: 100%; 14514 position: relative; 14515 overflow: hidden; 14516 display: flex; 14517 justify-content: center; 14518 align-items: center; 14519 -webkit-box-pack: center; 14520 -webkit-box-align: center; 14521 -webkit-mask-image: radial-gradient(circle, #ffffff 100%, #000000 100%); 14522 padding: 0 12px 14523 } 14524 14525 .blu-ripple-wave[data-v-589e2bdd] { 14526 position: absolute; 14527 z-index: 1; 14528 pointer-events: none; 14529 background: currentColor; 14530 border-radius: 50%; 14531 opacity: 0; 14532 transform: scale(2) translateZ(0) 14533 } 14534 14535 .blu-ripple-wave.b-centered[data-v-589e2bdd] { 14536 animation-duration: 1.2s; 14537 top: 50%; 14538 left: 50% 14539 } 14540 14541 .blu-ripple-wave~*[data-v-589e2bdd]:not(.blu-ripple-wave) { 14542 position: relative; 14543 z-index: 2 14544 } 14545 14546 .blu-ripple-enter-active[data-v-589e2bdd] { 14547 transition: 2s cubic-bezier(0.25, 0.8, 0.25, 1); 14548 transition-property: opacity,transform; 14549 will-change: opacity,transform 14550 } 14551 14552 .blu-ripple-enter-active.b-centered[data-v-589e2bdd] { 14553 transition-duration: 1.2s 14554 } 14555 14556 .blu-ripple-enter[data-v-589e2bdd] { 14557 opacity: .26; 14558 transform: scale(0.26) translateZ(0) 14559 } 14560 14561 .has-left-icon .blu-ripple svg[data-v-589e2bdd] { 14562 margin-right: 8px 14563 } 14564 14565 .has-left-icon.b-small svg[data-v-589e2bdd] { 14566 transform-origin: left; 14567 margin-right: 4px 14568 } 14569 14570 .b-large .blu-ripple[data-v-589e2bdd] { 14571 padding: 0 16px 14572 } 14573 14574 .b-small .blu-ripple[data-v-589e2bdd] { 14575 padding: 0 8px 14576 } 14577 14578 .b-small svg[data-v-589e2bdd] { 14579 width: 18px;
14580 height: 18px 14581 } 14582 14583 .b-icon .blu-ripple[data-v-589e2bdd] { 14584 padding: 0 14585 } 14586 14587 .b-loading .blu-loader-wrapper[data-v-589e2bdd] { 14588 height: 24px; 14589 position: absolute 14590 } 14591 14592 .b-loading .blu-ripple[data-v-589e2bdd] { 14593 color: rgba(0,0,0,0) 14594 } 14595 14596 .b-loading .blu-ripple>svg[data-v-589e2bdd] { 14597 visibility: hidden 14598 } 14599 14600 .b-loading .blu-ripple .blu-ripple-wave[data-v-589e2bdd] { 14601 color: #fff 14602 } 14603 14604 .b-loading.b-white .blu-ripple-wave[data-v-589e2bdd] { 14605 color: #FF0000 14606 } 14607 14608 .b-loading.b-outline.b-secondary .blu-ripple-wave[data-v-589e2bdd] { 14609 color: #FF0000 14610 } 14611 14612 .b-loading.b-outline.b-primary .blu-ripple-wave[data-v-589e2bdd] { 14613 color: #f1ab02 14614 } 14615 14616 .b-loading.b-ghost.b-secondary .blu-ripple-wave[data-v-589e2bdd] { 14617 color: #FF0000 14618 } 14619 14620 .b-loading.b-ghost.b-primary .blu-ripple-wave[data-v-589e2bdd] { 14621 color: #f1ab02 14622 } 14623 14624 .blu-input-stepper .blu-btn .blu-ripple[data-v-589e2bdd] { 14625 padding: 0; 14626 width: 24px; 14627 height: 24px; 14628 border-radius: 50% 14629 } 14630 14631 .blu-input-stepper .blu-btn .blu-ripple svg[data-v-589e2bdd] { 14632 width: 18px; 14633 height: 18px; 14634 margin-left: 1px 14635 } 14636 14637 .blu-input-stepper .blu-btn .blu-ripple-enter-active[data-v-589e2bdd] { 14638 background: #FF0000 14639 } 14640 14641 .b-disabled[data-v-589e2bdd] { 14642 opacity: 1 14643 } 14644 14645 .blu-btn-dropdown .blu-ripple>svg+div[data-v-589e2bdd] { 14646 margin-left: 8px 14647 } 14648 14649 .blu-radio[data-v-589e2bdd] { 14650 width: auto; 14651 margin: 16px 16px 16px 0; 14652 display: inline-flex; 14653 position: relative 14654 } 14655 14656 .blu-radio[data-v-589e2bdd]:not(.b-disabled) { 14657 cursor: pointer 14658 } 14659 14660 .blu-radio:not(.b-disabled) .blu-radio-label[data-v-589e2bdd] { 14661 cursor: pointer; 14662 color: rgba(25,34,42,.7019607843) 14663 } 14664 14665 .blu-radio .blu-radio-container[data-v-589e2bdd] { 14666 width: 20px; 14667 min-width: 20px; 14668 height: 20px; 14669 position: relative; 14670 border: 1px solid rgba(0,0,0,0); 14671 border-radius: 50%; 14672 transition: .4s cubic-bezier(0.25, 0.8, 0.25, 1); 14673 border-color: #c8cbcd 14674 } 14675 14676 .blu-radio .blu-radio-container[data-v-589e2bdd]:focus { 14677 outline: none 14678 } 14679 14680 .blu-radio .blu-radio-container[data-v-589e2bdd]::before,.blu-radio .blu-radio-container[data-v-589e2bdd]::after { 14681 position: absolute; 14682 transition: .4s cubic-bezier(0.55, 0, 0.55, 0.2); 14683 content: " " 14684 } 14685 14686 .blu-radio .blu-radio-container[data-v-589e2bdd]::before { 14687 width: 48px; 14688 height: 48px; 14689 top: 50%; 14690 left: 50%; 14691 border-radius: 50%; 14692 transform: translate(-50%, -50%) 14693 } 14694 14695 .blu-radio .blu-radio-container[data-v-589e2bdd]::after { 14696 position: absolute; 14697 top: 3px; 14698 right: 3px; 14699 bottom: 3px; 14700 left: 3px; 14701 border-radius: 50%; 14702 transform: scale3D(0.38, 0.38, 1); 14703 content: " " 14704 } 14705 14706 .blu-radio .blu-radio-container input[data-v-589e2bdd] { 14707 position: absolute; 14708 left: -999em 14709 } 14710 14711 .blu-radio .blu-radio-container input:focus-visible+.focus-radio[data-v-589e2bdd] { 14712 position: absolute; 14713 padding: 12px; 14714 border: 4px solid #000; 14715 border-radius: 8px; 14716 left: -8px; 14717 bottom: -8px 14718 } 14719 14720 .blu-radio .blu-radio-label[data-v-589e2bdd] { 14721 padding-left: 8px; 14722 position: relative; 14723 font: 16px/20px "blibli",-apple-system,segoe ui,roboto,helvetica,arial,sans-serif 14724 } 14725 14726 .blu-radio.b-checked .blu-radio-container[data-v-589e2bdd] { 14727 border-color: #1d8fff 14728 } 14729 14730 .blu-radio.b-checked .blu-radio-container[data-v-589e2bdd]::after { 14731 transform: scale3D(1, 1, 1); 14732 transition: .4s cubic-bezier(0.25, 0.8, 0.25, 1); 14733 background-color: #1d8fff 14734 } 14735 14736 .blu-radio.b-checked .blu-radio-container[data-v-589e2bdd]:hover { 14737 background-color: #fff; 14738 box-shadow: none 14739 } 14740 14741 .blu-radio.b-required label[data-v-589e2bdd]::after { 14742 position: absolute; 14743 top: 2px; 14744 right: 0; 14745 transform: translateX(calc(100% + 2px)); 14746 content: "*"; 14747 line-height: 1em; 14748 vertical-align: top 14749 } 14750 14751 .blu-radio.b-disabled[data-v-589e2bdd] { 14752 color: rgba(25,34,42,.4) 14753 } 14754 14755 .blu-radio.b-disabled .blu-radio-container[data-v-589e2bdd] { 14756 border-color: #e1e3e4 14757 } 14758 14759 .blu-radio.b-disabled .blu-radio-container[data-v-589e2bdd]:hover { 14760 background-color: #fff; 14761 box-shadow: none 14762 } 14763 14764 .blu-radio.b-disabled.b-checked .blu-radio-container[data-v-589e2bdd] { 14765 border-color: #c8cbcd 14766 } 14767 14768 .blu-radio.b-disabled.b-checked .blu-radio-container[data-v-589e2bdd]::after { 14769 background-color: #c8cbcd 14770 } 14771 14772 .blu-radio.b-disabled.b-checked .blu-radio-container[data-v-589e2bdd]:hover { 14773 background-color: #fff; 14774 box-shadow: none 14775 } 14776 14777 .blu-radio .b-disabled[data-v-589e2bdd] {
14778 cursor: not-allowed; 14779 -webkit-user-select: none; 14780 -moz-user-select: none; 14781 -ms-user-select: none; 14782 user-select: none 14783 } 14784 14785 .blu-radio:hover:not(.b-disabled) .blu-radio-container[data-v-589e2bdd] { 14786 background-color: #f1f2f2; 14787 box-shadow: 0 0 0 2px #f1f2f2 14788 } 14789 </style> 14790 <style type="text/css"> 14791 .blu-dropdown[data-v-3e0b2b85] { 14792 position: relative 14793 } 14794 14795 .blu-dropdown__content[data-v-3e0b2b85] { 14796 width: 100%; 14797 background-color: #fff 14798 } 14799 14800 @media screen and (min-width: 769px),print { 14801 .blu-dropdown__content[data-v-3e0b2b85] { 14802 position:absolute; 14803 z-index: 3 14804 } 14805 } 14806 14807 @media screen and (max-width: 768px) { 14808 .blu-dropdown__content[data-v-3e0b2b85] { 14809 width:100%; 14810 border-radius: 16px 16px 0 0; 14811 position: fixed; 14812 bottom: -90px; 14813 left: 0; 14814 z-index: 3 14815 } 14816 } 14817 14818 .blu-dropdown__content .blu-list[data-v-3e0b2b85] { 14819 width: 100%; 14820 max-height: 0; 14821 transition: all .3s cubic-bezier(0, 0, 0.2, 1.2); 14822 margin: 0; 14823 overflow-y: overlay 14824 } 14825 14826 @media screen and (min-width: 769px),print { 14827 .blu-dropdown__mask[data-v-3e0b2b85] { 14828 display:none 14829 } 14830 } 14831 14832 @media screen and (max-width: 768px) { 14833 .blu-dropdown__mask[data-v-3e0b2b85] { 14834 pointer-events:none; 14835 transition: opacity .3s ease; 14836 opacity: 0; 14837 width: 100%; 14838 height: 0; 14839 background: rgba(0,0,0,.6); 14840 position: fixed; 14841 bottom: 0; 14842 left: 0; 14843 z-index: 3 14844 } 14845 } 14846 14847 @media screen and (min-width: 769px),print { 14848 .blu-dropdown__close[data-v-3e0b2b85] { 14849 display:none 14850 } 14851 } 14852 14853 @media screen and (max-width: 768px) { 14854 .blu-dropdown__close[data-v-3e0b2b85] { 14855 width:24px; 14856 height: 24px; 14857 position: absolute; 14858 top: -28px; 14859 right: 20px 14860 } 14861 14862 .blu-dropdown__close i[data-v-3e0b2b85] { 14863 content: ""; 14864 position: absolute; 14865 width: 24px; 14866 height: 24px; 14867 transform: scale(1.3); 14868 background: rgba(0,0,0,0) url(data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PSIwIDAgMjQgMjQiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGQ9Ik0xMy43NjcyIDEyTDE3LjYzMiA4LjEzODM5QzE4LjEyMjcgNy42NDgxOSAxOC4xMjI3IDYuODU3ODYgMTcuNjMyIDYuMzY3NjVDMTcuMTQxNCA1Ljg3NzQ1IDE2LjM1MDQgNS44Nzc0NSAxNS44NTk4IDYuMzY3NjVMMTEuOTk1IDEwLjIyOTNMOC4xNDAxOCA2LjM3NzY2QzcuNjQ5NTYgNS44ODc0NSA2Ljg1ODU3IDUuODg3NDUgNi4zNjc5NiA2LjM3NzY2QzUuODc3MzUgNi44Njc4NiA1Ljg3NzM1IDcuNjU4MTkgNi4zNjc5NiA4LjE0ODRMMTAuMjIyOCAxMkw2LjM2Nzk2IDE1Ljg2MTZDNS44NzczNSAxNi4zNTE4IDUuODc3MzUgMTcuMTQyMSA2LjM2Nzk2IDE3LjYzMjNDNi44NTg1NyAxOC4xMjI2IDcuNjQ5NTYgMTguMTIyNiA4LjE0MDE4IDE3LjYzMjNMMTIuMDA1IDEzLjc3MDdMMTUuODU5OCAxNy42MjIzQzE2LjM1MDQgMTguMTEyNSAxNy4xNDE0IDE4LjExMjUgMTcuNjMyIDE3LjYyMjNDMTguMTIyNyAxNy4xMzIxIDE4LjEyMjcgMTYuMzQxOCAxNy42MzIgMTUuODUxNkwxMy43NzcyIDEySDEzLjc2NzJaIiBmaWxsPSIjNzk3Rjg1Ii8+Cjwvc3ZnPgo=) center center no-repeat #e1e3e4; 14869 background-color: #e1e3e4; 14870 -webkit-mask-image: url(data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PSIwIDAgMjQgMjQiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGQ9Ik0xMy43NjcyIDEyTDE3LjYzMiA4LjEzODM5QzE4LjEyMjcgNy42NDgxOSAxOC4xMjI3IDYuODU3ODYgMTcuNjMyIDYuMzY3NjVDMTcuMTQxNCA1Ljg3NzQ1IDE2LjM1MDQgNS44Nzc0NSAxNS44NTk4IDYuMzY3NjVMMTEuOTk1IDEwLjIyOTNMOC4xNDAxOCA2LjM3NzY2QzcuNjQ5NTYgNS44ODc0NSA2Ljg1ODU3IDUuODg3NDUgNi4zNjc5NiA2LjM3NzY2QzUuODc3MzUgNi44Njc4NiA1Ljg3NzM1IDcuNjU4MTkgNi4zNjc5NiA4LjE0ODRMMTAuMjIyOCAxMkw2LjM2Nzk2IDE1Ljg2MTZDNS44NzczNSAxNi4zNTE4IDUuODc3MzUgMTcuMTQyMSA2LjM2Nzk2IDE3LjYzMjNDNi44NTg1NyAxOC4xMjI2IDcuNjQ5NTYgMTguMTIyNiA4LjE0MDE4IDE3LjYzMjNMMTIuMDA1IDEzLjc3MDdMMTUuODU5OCAxNy42MjIzQzE2LjM1MDQgMTguMTEyNSAxNy4xNDE0IDE4LjExMjUgMTcuNjMyIDE3LjYyMjNDMTguMTIyNyAxNy4xMzIxIDE4LjEyMjcgMTYuMzQxOCAxNy42MzIgMTUuODUxNkwxMy43NzcyIDEySDEzLjc2NzJaIiBmaWxsPSIjNzk3Rjg1Ii8+Cjwvc3ZnPgo=) 14871 } 14872 } 14873 14874 .blu-dropdown__msg[data-v-3e0b2b85] { 14875 font: 14px/18px "blibli",-apple-system,segoe ui,roboto,helvetica,arial,sans-serif; 14876 color: rgba(25,34,42,.4); 14877 margin-top: 4px 14878 } 14879 14880 @media screen and (max-width: 768px) { 14881 .blu-dropdown.has-title .blu-dropdown__content[data-v-3e0b2b85] { 14882 padding-top:52px 14883 } 14884 } 14885 14886 .blu-dropdown.has-title .blu-dropdown__title[data-v-3e0b2b85] { 14887 display: none 14888 } 14889 14890 @media screen and (max-width: 768px) { 14891 .blu-dropdown.has-title .blu-dropdown__title[data-v-3e0b2b85] { 14892 display:block; 14893 position: absolute; 14894 top: 24px; 14895 left: 16px; 14896 font: 16px/20px "blibli demi bold",-apple-system,segoe ui,roboto,helvetica,arial,sans-serif 14897 } 14898 } 14899 14900 .blu-dropdown:not(.b-active) .blu-dropdown__content[data-v-3e0b2b85] { 14901 visibility: hidden; 14902 transition: all .3s ease-in-out 14903 } 14904 14905 @media screen and (min-width: 769px),print { 14906 .blu-dropdown.b-active .blu-dropdown__content .blu-list[data-v-3e0b2b85] { 14907 max-height:265px 14908 } 14909 } 14910 14911 @media screen and (max-width: 768px) { 14912 .blu-dropdown.b-active .blu-dropdown__content .blu-list[data-v-3e0b2b85] { 14913 max-height:55vh; 14914 padding-top: 8px; 14915 border-radius: 24px 24px 0 0; 14916 padding-bottom: calc(env(safe-area-inset-bottom) + 90px) 14917 } 14918 } 14919 14920 @media screen and (max-width: 768px) { 14921 .blu-dropdown.b-active .blu-dropdown__mask[data-v-3e0b2b85] { 14922 opacity:1; 14923 height: 100%; 14924 pointer-events: auto 14925 } 14926 } 14927 14928 .blu-dropdown.b-selection:not(.has-value) label[data-v-3e0b2b85] { 14929 top: 18px 14930 } 14931 14932 .blu-dropdown.b-selection label[data-v-3e0b2b85] { 14933 font: 16px/20px "blibli",-apple-system,segoe ui,roboto,helvetica,arial,sans-serif; 14934 color: rgba(25,34,42,.4); 14935 position: absolute; 14936 transition: all .5s 14937 } 14938 14939 .blu-dropdown.b-selection .blu-dropdown__trigger[data-v-3e0b2b85] { 14940 height: 56px; 14941 padding: 10px 36px 10px 14px; 14942 font: 16px/20px "blibli demi bold",-apple-system,segoe ui,roboto,helvetica,arial,sans-serif; 14943 color: rgba(25,34,42,.7019607843); 14944 border: #c8cbcd 1px solid; 14945 border-radius: 8px; 14946 background-color: #fff; 14947 transition: border .4s,border-color .4s; 14948 cursor: pointer; 14949 outline: none 14950 } 14951 14952 .blu-dropdown.b-selection .blu-dropdown__trigger[data-v-3e0b2b85]::before { 14953 content: ""; 14954 width: 24px; 14955 height: 24px; 14956 background: rgba(0,0,0,0) url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB2aWV3Qm94PSIwIDAgMjQgMjQiPgogIDxkZWZzPgogICAgPHBhdGgKICAgICAgICBpZD0iMTkwcjYzOHp6YSIKICAgICAgICBkPSJNMCA1LjE1NGMwLS42MzYuMjkyLTEuMjE5LjgtMS42TDUuNDExLjE5MmMuNDQ2LS4zMjUgMS4wNzItLjIyOCAxLjM5Ny4yMi4zMjUuNDQ1LjIyNyAxLjA3MS0uMjE5IDEuMzk2bC00LjYgMy4zNTQgNC41NjMgMy4wMDRjLjQ2LjMwNS41ODcuOTI1LjI4MiAxLjM4Ni0uMzA1LjQ2LS45MjYuNTg2LTEuMzg2LjI4MmwtNC42LTMuMDQ2Qy4yOTEgNi4zNzIgMCA1Ljc5IDAgNS4xNTR6IgogICAgLz4KICA8L2RlZnM+CiAgPGcgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIj4KICAgIDxnPgogICAgICA8Zz4KICAgICAgICA8cGF0aCBmaWxsPSIjRkZGIiBmaWxsLW9wYWNpdHk9Ii4wMSIgZD0iTTAgMEgyNFYyNEgweiIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTU5MiAtNzg1KSB0cmFuc2xhdGUoNTkyIDc4NSkiIC8+CiAgICAgICAgPGcgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTU5MiAtNzg1KSB0cmFuc2xhdGUoNTkyIDc4NSkgdHJhbnNsYXRlKDggNykiPgogICAgICAgICAgPG1hc2sgaWQ9InU0ZGRwYm95eGIiIGZpbGw9IiNmZmYiPjx1c2UgeGxpbms6aHJlZj0iIzE5MHI2Mzh6emEiIC8+PC9tYXNrPgogICAgICAgICAgPHVzZSBmaWxsPSIjNzk3Rjg1IiBmaWxsLXJ1bGU9Im5vbnplcm8iIHhsaW5rOmhyZWY9IiMxOTByNjM4enphIiAvPgogICAgICAgICAgPHBhdGggZmlsbD0iIzc5N0Y4NSIgZD0iTS04IC03SDE2VjE3SC04eiIgbWFzaz0idXJsKCN1NGRkcGJveXhiKSIgLz4KICAgICAgICA8L2c+CiAgICAgIDwvZz4KICAgIDwvZz4KICA8L2c+Cjwvc3ZnPgo=) center center no-repeat; 14957 transform: rotate(270deg); 14958 transition: transform .4s; 14959 position: absolute; 14960 top: 16px; 14961 right: 8px; 14962 z-index: 2 14963 } 14964 14965 .blu-dropdown.b-selection .blu-dropdown__trigger[data-v-3e0b2b85]::after { 14966 content: ""; 14967 width: 24px; 14968 height: 30px; 14969 position: absolute; 14970 top: calc(50% - 15px); 14971 right: 37px; 14972 background: #fff; 14973 background: linear-gradient(-90deg, rgb(255, 255, 255) 0%, rgba(255, 255, 255, 0) 100%) 14974 } 14975 14976 .blu-dropdown.b-selection .blu-dropdown__trigger[data-v-3e0b2b85]:hover { 14977 background-color: #f1f2f2 14978 } 14979 14980 .blu-dropdown.b-selection .blu-dropdown__trigger[data-v-3e0b2b85]:hover::after { 14981 background: #f1f1f1; 14982 background: linear-gradient(-90deg, rgb(241, 241, 241) 0%, rgba(241, 241, 241, 0) 100%) 14983 } 14984 14985 @media screen and (min-width: 769px),print { 14986 .blu-dropdown.b-selection .blu-dropdown__content[data-v-3e0b2b85] { 14987 top:56px; 14988 left: 0; 14989 margin-top: 8px; 14990 border-radius: 8px 14991 } 14992 } 14993 14994 .blu-dropdown.b-selection .blu-dropdown__value[data-v-3e0b2b85] { 14995 display: block; 14996 margin-top: 15px; 14997 opacity: 0; 14998 transition: all .5s; 14999 white-space: nowrap; 15000 font: 16px/20px "blibli",-apple-system,segoe ui,roboto,helvetica,arial,sans-serif; 15001 color: #19222a 15002 } 15003 15004 .blu-dropdown.b-selection .has-value label[data-v-3e0b2b85] { 15005 color: #FF0000; 15006 font: 12px/16px "blibli",-apple-system,segoe ui,roboto,helvetica,arial,sans-serif; 15007 font-size: 1.2rem; 15008 font-weight: normal; 15009 margin-top: 9px; 15010 line-height: 1.25; 15011 top: 0 15012 } 15013 15014 .blu-dropdown.b-selection .has-value .blu-dropdown__value[data-v-3e0b2b85] { 15015 opacity: 1 15016 } 15017 15018 .blu-dropdown.b-selection:not(.b-disabled) .blu-dropdown__trigger[data-v-3e0b2b85]:focus-visible { 15019 box-shadow: 0px 0px 0px 4px #000 15020 } 15021 15022 .blu-dropdown.b-selection.b-active .blu-dropdown__trigger[data-v-3e0b2b85] { 15023 border-color: #1d8fff; 15024 transition: border-color .4s 15025 } 15026 15027 .blu-dropdown.b-selection.b-active .blu-dropdown__trigger[data-v-3e0b2b85]::before { 15028 transform: rotate(90deg); 15029 transition: transform .4s 15030 } 15031 15032 .blu-dropdown.b-selection.b-danger .has-value label[data-v-3e0b2b85] { 15033 color: #e93c3c 15034 } 15035 15036 .blu-dropdown.b-selection.b-danger .blu-dropdown__trigger[data-v-3e0b2b85] { 15037 border-color: #ff4646 15038 } 15039 15040 .blu-dropdown.b-selection.b-danger .blu-dropdown__msg[data-v-3e0b2b85] { 15041 color: #e93c3c 15042 } 15043 15044 .blu-dropdown.b-selection.b-success .has-value label[data-v-3e0b2b85] { 15045 color: #1c832a 15046 } 15047 15048 .blu-dropdown.b-selection.b-success .blu-dropdown__trigger[data-v-3e0b2b85] { 15049 border-color: #22a334 15050 } 15051 15052 .blu-dropdown.b-selection.b-success .blu-dropdown__msg[data-v-3e0b2b85] { 15053 color: #1f912e 15054 } 15055 15056 .blu-dropdown.b-selection.b-noborder .blu-dropdown__trigger[data-v-3e0b2b85] { 15057 border: none; 15058 display: flex; 15059 align-items: center; 15060 color: #19222a 15061 } 15062 15063 .blu-dropdown.b-selection.b-noborder .blu-dropdown__trigger[data-v-3e0b2b85]:hover { 15064 background-color: #fff 15065 } 15066 15067 .blu-dropdown.b-selection.b-noborder .blu-dropdown__trigger[data-v-3e0b2b85]:hover::after { 15068 background: #fff; 15069 background: linear-gradient(-90deg, rgb(255, 255, 255) 0%, rgba(255, 255, 255, 0) 100%) 15070 } 15071 15072 .blu-dropdown.b-selection.b-noborder .blu-dropdown__value[data-v-3e0b2b85] { 15073 display: flex; 15074 align-items: center; 15075 margin-top: 0 15076 } 15077 15078 .blu-dropdown.b-contained .blu-dropdown__trigger[data-v-3e0b2b85] { 15079 background-color: #f1f2f2; 15080 border-color: #f1f2f2; 15081 transition: border-color 0s 15082 } 15083 15084 .blu-dropdown.b-contained .blu-dropdown__trigger[data-v-3e0b2b85]::after { 15085 background: #f1f1f1; 15086 background: linear-gradient(-90deg, rgb(241, 241, 241) 0%, rgba(241, 241, 241, 0) 100%) 15087 } 15088 15089 .blu-dropdown.b-contained .blu-dropdown__trigger[data-v-3e0b2b85]:hover { 15090 background-color: #e1e3e4; 15091 border-color: #e1e3e4; 15092 transition: border-color 0s 15093 } 15094 15095 .blu-dropdown.b-contained .blu-dropdown__trigger[data-v-3e0b2b85]:hover::after { 15096 background: #e0e0e0; 15097 background: linear-gradient(-90deg, rgb(224, 224, 224) 0%, rgba(224, 224, 224, 0) 100%) 15098 } 15099 15100 .blu-dropdown.b-contained.b-active .blu-dropdown__trigger[data-v-3e0b2b85] { 15101 border-color: #1d8fff; 15102 transition: border-color .4s 15103 } 15104 15105 .blu-dropdown.has-left-icon label[data-v-3e0b2b85] { 15106 left: 48px 15107 } 15108 15109 .blu-dropdown.has-left-icon .blu-dropdown__value[data-v-3e0b2b85] { 15110 padding-left: 30px 15111 } 15112 15113 .blu-dropdown.has-left-icon .blu-dropdown__icon-left[data-v-3e0b2b85] { 15114 position: absolute; 15115 top: 16px; 15116 left: 16px; 15117 margin-right: 8px; 15118 color: #797f85 15119 } 15120 15121 .blu-dropdown.has-right-icon .blu-dropdown__trigger[data-v-3e0b2b85]::before { 15122 display: none 15123 } 15124 15125 .blu-dropdown.has-right-icon .blu-dropdown__icon-right[data-v-3e0b2b85] { 15126 position: absolute; 15127 top: 16px; 15128 right: 16px; 15129 color: rgba(25,34,42,.4) 15130 } 15131 15132 .blu-dropdown.has-placeholder label[data-v-3e0b2b85] { 15133 transition: none 15134 } 15135 15136 .blu-dropdown.has-placeholder .has-value label[data-v-3e0b2b85] { 15137
15137 z-index: -1; 15138 color: inherit; 15139 font-size: inherit 15140 } 15141 15142 .blu-dropdown.has-placeholder .blu-dropdown__value[data-v-3e0b2b85] { 15143 margin-top: 4px 15144 } 15145 15146 .blu-dropdown.b-small.has-left-icon.has-placeholder label[data-v-3e0b2b85] { 15147 left: 30px 15148 } 15149 15150 .blu-dropdown.b-small.has-left-icon .blu-dropdown__value[data-v-3e0b2b85] { 15151 padding-left: 36px 15152 } 15153 15154 .blu-dropdown.b-small.has-left-icon .blu-dropdown__icon-left[data-v-3e0b2b85] { 15155 height: 24px; 15156 top: 4px; 15157 left: 5px; 15158 color: #797f85 15159 } 15160 15161 .blu-dropdown.b-small.has-left-icon .blu-dropdown__icon-left svg[data-v-3e0b2b85] { 15162 transform: scale(0.75) 15163 } 15164 15165 .blu-dropdown.b-small.has-left-icon.b-selection .blu-dropdown__value[data-v-3e0b2b85] { 15166 padding-left: 20px 15167 } 15168 15169 .blu-dropdown.b-small.has-placeholder label[data-v-3e0b2b85] { 15170 top: 7px; 15171 color: rgba(25,34,42,.4); 15172 font: 14px/18px "blibli",-apple-system,segoe ui,roboto,helvetica,arial,sans-serif 15173 } 15174 15175 .blu-dropdown.b-small .blu-dropdown__trigger[data-v-3e0b2b85] { 15176 height: 32px; 15177 padding: 4px 36px 4px 8px; 15178 border-radius: 8px 15179 } 15180 15181 .blu-dropdown.b-small .blu-dropdown__trigger[data-v-3e0b2b85]:before { 15182 top: 4px; 15183 right: 4px 15184 } 15185 15186 .blu-dropdown.b-small .blu-dropdown__trigger[data-v-3e0b2b85]::after { 15187 height: 24px; 15188 top: 2px 15189 } 15190 15191 .blu-dropdown.b-small.b-selection .blu-dropdown__value[data-v-3e0b2b85] {
15192 margin-top: 1px; 15193 font: 14px/18px "blibli",-apple-system,segoe ui,roboto,helvetica,arial,sans-serif 15194 } 15195 15196 @media screen and (min-width: 769px),print { 15197 .blu-dropdown.b-small.b-selection .blu-dropdown__content[data-v-3e0b2b85] { 15198 top:32px 15199 } 15200 } 15201 15202 .blu-dropdown.b-disabled .blu-dropdown__trigger[data-v-3e0b2b85] { 15203 cursor: not-allowed; 15204 background-color: #c8cbcd 15205 } 15206 15207 .blu-dropdown.b-disabled .blu-dropdown__trigger[data-v-3e0b2b85]::before { 15208 background: rgba(0,0,0,0) url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB2aWV3Qm94PSIwIDAgMjQgMjQiPgogIDxkZWZzPgogICAgPHBhdGgKICAgICAgICBpZD0iMTkwcjYzOHp6YSIKICAgICAgICBkPSJNMCA1LjE1NGMwLS42MzYuMjkyLTEuMjE5LjgtMS42TDUuNDExLjE5MmMuNDQ2LS4zMjUgMS4wNzItLjIyOCAxLjM5Ny4yMi4zMjUuNDQ1LjIyNyAxLjA3MS0uMjE5IDEuMzk2bC00LjYgMy4zNTQgNC41NjMgMy4wMDRjLjQ2LjMwNS41ODcuOTI1LjI4MiAxLjM4Ni0uMzA1LjQ2LS45MjYuNTg2LTEuMzg2LjI4MmwtNC42LTMuMDQ2Qy4yOTEgNi4zNzIgMCA1Ljc5IDAgNS4xNTR6IgogICAgLz4KICA8L2RlZnM+CiAgPGcgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIj4KICAgIDxnPgogICAgICA8Zz4KICAgICAgICA8cGF0aCBmaWxsPSIjRkZGIiBmaWxsLW9wYWNpdHk9Ii4wMSIgZD0iTTAgMEgyNFYyNEgweiIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTU5MiAtNzg1KSB0cmFuc2xhdGUoNTkyIDc4NSkiIC8+CiAgICAgICAgPGcgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTU5MiAtNzg1KSB0cmFuc2xhdGUoNTkyIDc4NSkgdHJhbnNsYXRlKDggNykiPgogICAgICAgICAgPG1hc2sgaWQ9InU0ZGRwYm95eGIiIGZpbGw9IiNmZmYiPjx1c2UgeGxpbms6aHJlZj0iIzE5MHI2Mzh6emEiIC8+PC9tYXNrPgogICAgICAgICAgPHVzZSBmaWxsPSIjNzk3Rjg1IiBmaWxsLXJ1bGU9Im5vbnplcm8iIHhsaW5rOmhyZWY9IiMxOTByNjM4enphIiAvPgogICAgICAgICAgPHBhdGggZmlsbD0iI0E1QTlBQyIgZD0iTS04IC03SDE2VjE3SC04eiIgbWFzaz0idXJsKCN1NGRkcGJveXhiKSIgLz4KICAgICAgICA8L2c+CiAgICAgIDwvZz4KICAgIDwvZz4KICA8L2c+Cjwvc3ZnPgo=) center center no-repeat 15209 } 15210 15211 .blu-dropdown.b-disabled .blu-dropdown__trigger[data-v-3e0b2b85]::after { 15212 content: none 15213 } 15214 15215 .blu-dropdown.b-disabled .blu-dropdown__trigger[data-v-3e0b2b85]:hover { 15216 background-color: #c8cbcd 15217 } 15218 15219 .blu-dropdown.b-disabled .blu-dropdown__value[data-v-3e0b2b85] { 15220 color: rgba(25,34,42,.4) 15221 } 15222 15223 .blu-dropdown.b-disabled .has-value label[data-v-3e0b2b85] { 15224 color: rgba(25,34,42,.4) 15225 } 15226 15227 @media screen and (min-width: 769px),print { 15228 .blu-calendar .b-selection .blu-dropdown__trigger[data-v-3e0b2b85] { 15229 padding:16px 40px 16px 16px 15230 } 15231 } 15232 15233 @media screen and (max-width: 768px) { 15234 .blu-calendar .b-selection .blu-dropdown__trigger[data-v-3e0b2b85] { 15235 padding:8px 32px 8px 8px 15236 } 15237 } 15238 15239 @media screen and (min-width: 769px),print { 15240 .blu-calendar .b-selection .blu-dropdown__content[data-v-3e0b2b85] { 15241 left:var(--dropdown-content-position) 15242 } 15243 } 15244 15245 @media screen and (max-width: 768px) { 15246 .blu-calendar .b-selection .blu-dropdown__content[data-v-3e0b2b85] { 15247 left:0 15248 } 15249 } 15250 </style> 15251 <style type="text/css"> 15252 .blu-list button[data-v-1b6a2c38] { 15253 font: 16px/20px "blibli",-apple-system,segoe ui,roboto,helvetica,arial,sans-serif; 15254 width: calc(100% + 16px); 15255 text-align: left; 15256 color: #19222a 15257 } 15258 15259 .blu-list ul[data-v-1b6a2c38] { 15260 padding: 0; 15261 margin: 0 15262 } 15263 15264 .blu-list li[data-v-1b6a2c38] { 15265 min-height: 56px 15266 } 15267 15268 .blu-list ul li[data-v-1b6a2c38] { 15269 display: grid; 15270 list-style: none; 15271 margin: 0px 16px 15272 } 15273 15274 .blu-list ul[data-v-1b6a2c38]>
15274:not(.list-group):not(:first-child) { 15275 border-top: #c8cbcd 1px solid 15276 } 15277 15278 .blu-list.b-group ul .list-group:not(:last-child) li[data-v-1b6a2c38]:last-child { 15279 border-bottom: 1px solid #c8cbcd 15280 } 15281 15282 .blu-list .blu-list__text-right[data-v-1b6a2c38] { 15283 color: rgba(25,34,42,.4); 15284 float: right; 15285 padding: 0px 0 3px 19px; 15286 margin-top: -21px 15287 } 15288 15289 .blu-list .blu-list__text-desc[data-v-1b6a2c38] { 15290 color: rgba(25,34,42,.4); 15291 font: 14px/18px "blibli",-apple-system,segoe ui,roboto,helvetica,arial,sans-serif; 15292 display: flex; 15293 padding-right: 20px 15294 } 15295 15296 .blu-list li.has-multiselect:not(.b-right-checkbox) .blu-list__text-desc[data-v-1b6a2c38] { 15297 padding-left: 28px 15298 } 15299 15300 .blu-list__item[data-v-1b6a2c38] { 15301 display: block; 15302 min-height: 40px; 15303 margin: 8px 8px 8px -8px; 15304 padding: 8px; 15305 border-radius: 8px; 15306 transition: background-color .4s; 15307 color: #19222a; 15308 cursor: pointer 15309 } 15310 15311 .blu-list__item[data-v-1b6a2c38]:not(.b-disabled):hover { 15312 background-color: #f1f2f2 15313 } 15314 15315 .blu-list__item[data-v-1b6a2c38]:not(.b-disabled):focus-visible { 15316 outline: none; 15317 box-shadow: 0px 0px 0px 4px #000; 15318 background-color: #f1f2f2 15319 } 15320 15321 .blu-list__item.b-selected[data-v-1b6a2c38] { 15322 background-color: #f3f9ff 15323 } 15324 15325 .blu-list__item.b-selected.has-multiselect.b-selected[data-v-1b6a2c38] { 15326 background: none 15327 } 15328 15329 .blu-list__item.b-disabled[data-v-1b6a2c38] { 15330 cursor: not-allowed; 15331 opacity: .5 15332 } 15333 15334 .blu-list__item.b-disabled[data-v-1b6a2c38]:focus-visible { 15335 outline: none 15336 } 15337 15338 .blu-list__item.b-disabled .blu-checkbox[data-v-1b6a2c38],.blu-list__item.b-disabled .blu-radio[data-v-1b6a2c38] { 15339 pointer-events: none 15340 } 15341 15342 .blu-list__item-image[data-v-1b6a2c38] { 15343 background: #fff; 15344 display: flex; 15345 align-items: center; 15346 justify-content: center; 15347 height: 24px; 15348 width: 24px; 15349 border-radius: 50%; 15350 margin-right: 8px; 15351 float: left 15352 } 15353 15354 .blu-list__item-image img[data-v-1b6a2c38] { 15355 border-radius: 50% 15356 } 15357 15358 .blu-list__item-heading[data-v-1b6a2c38] { 15359 display: flex 15360 } 15361 15362 .blu-list .blu-checkbox[data-v-1b6a2c38] { 15363 transform: translateY(-2px) 15364 } 15365 15366 .blu-list .b-right-checkbox label[data-v-1b6a2c38] { 15367 order: 1; 15368 width: 100% 15369 } 15370 15371 .blu-list .b-right-checkbox .blu-checkbox[data-v-1b6a2c38] { 15372 order: 2; 15373 transform: translateX(7px) 15374 } 15375 15376 .blu-list__content[data-v-1b6a2c38] { 15377 display: grid; 15378 margin: 8px 8px 8px -8px; 15379 padding: 8px 10px; 15380 border-radius: 16px 15381 } 15382 15383 .blu-list .has-left-radio .blu-radio[data-v-1b6a2c38] { 15384 margin: 0 8px 0 0 15385 } 15386 15387 .blu-list .has-left-radio .blu-list__text-desc[data-v-1b6a2c38] { 15388 padding-left: 28px 15389 } 15390 15391 .blu-list .has-right-radio .blu-radio[data-v-1b6a2c38] { 15392 order: 2; 15393 margin: 0 0 0 auto 15394 } 15395 15396 .has-child>.blu-list[data-v-1b6a2c38] { 15397 background-color: #fff; 15398 overflow-y: auto; 15399 max-height: 0px; 15400 opacity: 0; 15401 transition: all .3s ease-in-out; 15402 width: calc(100% + 28px); 15403 transform: translateX(-12px); 15404 padding-left: 24px 15405 } 15406 15407 .has-child>.blu-list li[data-v-1b6a2c38]:first-child {
15408 margin-top: 1px 15409 } 15410 15411 .has-child>.blu-list__item[data-v-1b6a2c38] { 15412 position: relative; 15413 align-items: center 15414 } 15415 15416 .has-child>.blu-list__item[data-v-1b6a2c38]::after { 15417 content: ""; 15418 width: 24px; 15419 height: 24px; 15420 background: rgba(0,0,0,0) url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB2aWV3Qm94PSIwIDAgMjQgMjQiPgogIDxkZWZzPgogICAgPHBhdGgKICAgICAgICBpZD0iMTkwcjYzOHp6YSIKICAgICAgICBkPSJNMCA1LjE1NGMwLS42MzYuMjkyLTEuMjE5LjgtMS42TDUuNDExLjE5MmMuNDQ2LS4zMjUgMS4wNzItLjIyOCAxLjM5Ny4yMi4zMjUuNDQ1LjIyNyAxLjA3MS0uMjE5IDEuMzk2bC00LjYgMy4zNTQgNC41NjMgMy4wMDRjLjQ2LjMwNS41ODcuOTI1LjI4MiAxLjM4Ni0uMzA1LjQ2LS45MjYuNTg2LTEuMzg2LjI4MmwtNC42LTMuMDQ2Qy4yOTEgNi4zNzIgMCA1Ljc5IDAgNS4xNTR6IgogICAgLz4KICA8L2RlZnM+CiAgPGcgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIj4KICAgIDxnPgogICAgICA8Zz4KICAgICAgICA8cGF0aCBmaWxsPSIjRkZGIiBmaWxsLW9wYWNpdHk9Ii4wMSIgZD0iTTAgMEgyNFYyNEgweiIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTU5MiAtNzg1KSB0cmFuc2xhdGUoNTkyIDc4NSkiIC8+CiAgICAgICAgPGcgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTU5MiAtNzg1KSB0cmFuc2xhdGUoNTkyIDc4NSkgdHJhbnNsYXRlKDggNykiPgogICAgICAgICAgPG1hc2sgaWQ9InU0ZGRwYm95eGIiIGZpbGw9IiNmZmYiPjx1c2UgeGxpbms6aHJlZj0iIzE5MHI2Mzh6emEiIC8+PC9tYXNrPgogICAgICAgICAgPHVzZSBmaWxsPSIjNzk3Rjg1IiBmaWxsLXJ1bGU9Im5vbnplcm8iIHhsaW5rOmhyZWY9IiMxOTByNjM4enphIiAvPgogICAgICAgICAgPHBhdGggZmlsbD0iIzc5N0Y4NSIgZD0iTS04IC03SDE2VjE3SC04eiIgbWFzaz0idXJsKCN1NGRkcGJveXhiKSIgLz4KICAgICAgICA8L2c+CiAgICAgIDwvZz4KICAgIDwvZz4KICA8L2c+Cjwvc3ZnPgo=) center center no-repeat; 15421 transform: rotate(270deg); 15422 transition: transform .3s; 15423 display: block; 15424 position: absolute; 15425 right: 8px; 15426 top: 7px 15427 } 15428 15429 .has-child>.blu-list__item:focus-visible~.blu-list[data-v-1b6a2c38] { 15430 border-top: #c8cbcd 1px solid; 15431 max-height: 200px; 15432 opacity: 1 15433 } 15434 15435 .has-child>.blu-list__item:focus-visible~.blu-list__item[data-v-1b6a2c38]::after { 15436 transform: rotate(90deg) 15437 } 15438 15439 .has-child>.blu-list.b-overflow-y[data-v-1b6a2c38] { 15440 margin: 0 15441 } 15442 15443 .has-child .blu-list__text-desc[data-v-1b6a2c38] { 15444 padding-right: 20px 15445 } 15446 15447 .has-child:hover>.blu-list[data-v-1b6a2c38] { 15448 max-height: 200px; 15449 opacity: 1 15450 } 15451 15452 .has-child:hover>.blu-list__item[data-v-1b6a2c38]::after { 15453 transform: rotate(90deg) 15454 } 15455 15456 .has-child:hover>.blu-list[data-v-1b6a2c38]::before { 15457 content: ""; 15458 height: 1px; 15459 width: calc(100% - 28px); 15460 background: #c8cbcd; 15461 position: absolute; 15462 left: 12px 15463 } 15464 15465 .has-left-icon[data-v-1b6a2c38] { 15466 display: flex; 15467 align-items: center 15468 } 15469 15470 .has-left-icon .blu-list__item-icon[data-v-1b6a2c38],.has-left-icon .blu-list__content-icon[data-v-1b6a2c38] { 15471 display: flex; 15472 margin-right: 8px; 15473 color: #797f85 15474 } 15475 15476 .has-child-expand>.blu-list[data-v-1b6a2c38] { 15477 background-color: #fff; 15478 overflow-y: auto; 15479 max-height: 0; 15480 opacity: 0; 15481 transition: max-height .3s ease-in-out,opacity .3s ease-in-out; 15482 width: calc(100% + 28px); 15483 transform: translateX(-12px); 15484 padding-left: 24px 15485 } 15486 15487 .has-child-expand>.blu-list li[data-v-1b6a2c38]:first-child {
15488 margin-top: 1px 15489 } 15490 15491 .has-child-expand>.blu-list__item[data-v-1b6a2c38] { 15492 position: relative; 15493 align-items: center 15494 } 15495 15496 .has-child-expand>.blu-list__item[data-v-1b6a2c38]::after { 15497 content: ""; 15498 width: 24px; 15499 height: 24px; 15500 background: rgba(0,0,0,0) url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB2aWV3Qm94PSIwIDAgMjQgMjQiPgogIDxkZWZzPgogICAgPHBhdGgKICAgICAgICBpZD0iMTkwcjYzOHp6YSIKICAgICAgICBkPSJNMCA1LjE1NGMwLS42MzYuMjkyLTEuMjE5LjgtMS42TDUuNDExLjE5MmMuNDQ2LS4zMjUgMS4wNzItLjIyOCAxLjM5Ny4yMi4zMjUuNDQ1LjIyNyAxLjA3MS0uMjE5IDEuMzk2bC00LjYgMy4zNTQgNC41NjMgMy4wMDRjLjQ2LjMwNS41ODcuOTI1LjI4MiAxLjM4Ni0uMzA1LjQ2LS45MjYuNTg2LTEuMzg2LjI4MmwtNC42LTMuMDQ2Qy4yOTEgNi4zNzIgMCA1Ljc5IDAgNS4xNTR6IgogICAgLz4KICA8L2RlZnM+CiAgPGcgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIj4KICAgIDxnPgogICAgICA8Zz4KICAgICAgICA8cGF0aCBmaWxsPSIjRkZGIiBmaWxsLW9wYWNpdHk9Ii4wMSIgZD0iTTAgMEgyNFYyNEgweiIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTU5MiAtNzg1KSB0cmFuc2xhdGUoNTkyIDc4NSkiIC8+CiAgICAgICAgPGcgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTU5MiAtNzg1KSB0cmFuc2xhdGUoNTkyIDc4NSkgdHJhbnNsYXRlKDggNykiPgogICAgICAgICAgPG1hc2sgaWQ9InU0ZGRwYm95eGIiIGZpbGw9IiNmZmYiPjx1c2UgeGxpbms6aHJlZj0iIzE5MHI2Mzh6emEiIC8+PC9tYXNrPgogICAgICAgICAgPHVzZSBmaWxsPSIjNzk3Rjg1IiBmaWxsLXJ1bGU9Im5vbnplcm8iIHhsaW5rOmhyZWY9IiMxOTByNjM4enphIiAvPgogICAgICAgICAgPHBhdGggZmlsbD0iIzc5N0Y4NSIgZD0iTS04IC03SDE2VjE3SC04eiIgbWFzaz0idXJsKCN1NGRkcGJveXhiKSIgLz4KICAgICAgICA8L2c+CiAgICAgIDwvZz4KICAgIDwvZz4KICA8L2c+Cjwvc3ZnPgo=) center center no-repeat; 15501 transform: rotate(270deg); 15502 transition: transform .3s; 15503 display: block; 15504 position: absolute; 15505 right: 8px; 15506 top: 7px 15507 } 15508 15509 .has-child-expand>.blu-list__item:focus-visible~.blu-list[data-v-1b6a2c38] { 15510 border-top: #c8cbcd 1px solid; 15511 max-height: 200px; 15512 opacity: 1 15513 } 15514 15515 .has-child-expand>.blu-list__item:focus-visible~.blu-list__item[data-v-1b6a2c38]::after { 15516 transform: rotate(90deg) 15517 } 15518 15519 .has-child-expand>.blu-list.b-overflow-y[data-v-1b6a2c38] { 15520 margin: 0 15521 } 15522 15523 .has-child-expand .blu-list__text-desc[data-v-1b6a2c38] { 15524 padding-right: 20px 15525 } 15526 15527 .has-list-expand>.blu-list[data-v-1b6a2c38] { 15528 max-height: 100vh; 15529 opacity: 1 15530 } 15531 15532 .has-list-expand>.blu-list__item[data-v-1b6a2c38]::after { 15533 transform: rotate(90deg) 15534 } 15535 15536 .has-list-expand>.blu-list[data-v-1b6a2c38]::before { 15537 content: ""; 15538 height: 1px; 15539 width: calc(100% - 28px); 15540 background: #c8cbcd; 15541 position: absolute; 15542 left: 12px 15543 } 15544 </style> 15545 <style type="text/css"> 15546 .blu-checkbox[data-v-0eb6b69a] { 15547 min-width: 18px; 15548 display: flex 15549 } 15550 15551 .blu-checkbox input[type=checkbox][data-v-0eb6b69a] { 15552 display: none 15553 } 15554 15555 .blu-checkbox input[type=checkbox]+label[data-v-0eb6b69a] { 15556 color: rgba(25,34,42,.7019607843); 15557 font: 16px/20px "blibli",-apple-system,segoe ui,roboto,helvetica,arial,sans-serif; 15558 position: relative; 15559 display: flex; 15560 align-items: center; 15561 padding-left: 28px; 15562 cursor: pointer; 15563 -webkit-user-select: none; 15564 -moz-user-select: none; 15565 -ms-user-select: none; 15566 user-select: none; 15567 padding-top: 2px; 15568 padding-bottom: 2px; 15569 line-height: 20px; 15570 outline: none; 15571 transition: border-color .4s 15572 } 15573 15574 .blu-checkbox input[type=checkbox]+label[data-v-0eb6b69a]:before { 15575 content: ""; 15576 width: 18px;
15577 height: 18px; 15578 background-color: #fff; 15579 border-radius: 4px; 15580 border: #c8cbcd 1px solid; 15581 position: absolute; 15582 top: 2px; 15583 left: 3px; 15584 transition: all .4s 15585 } 15586 15587 .blu-checkbox input[type=checkbox]+label[data-v-0eb6b69a]:after { 15588 content: ""; 15589 width: 0; 15590 height: 0; 15591 position: absolute; 15592 top: 8px; 15593 left: 9px; 15594 transition: width .3s 15595 } 15596 15597 .blu-checkbox input[type=checkbox]+label[data-v-0eb6b69a]:hover::before { 15598 background-color: #f1f2f2; 15599 box-shadow: 0 0 0 2px #f1f2f2 15600 } 15601 15602 .blu-checkbox input[type=checkbox]+label[data-v-0eb6b69a]:focus-visible::before { 15603 border-color: #000 15604 } 15605 15606 .blu-checkbox input[type=checkbox]:checked+label[data-v-0eb6b69a]:before { 15607 border-color: #1d8fff; 15608 background-color: #1d8fff 15609 } 15610 15611 .blu-checkbox input[type=checkbox]:checked+label[data-v-0eb6b69a]:after { 15612 width: 10px; 15613 height: 8px; 15614 top: 7px; 15615 left: 7px; 15616 background: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTAiIGhlaWdodD0iOCIgdmlld0JveD0iMCAwIDEwIDgiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGZpbGwtcnVsZT0iZXZlbm9kZCIgY2xpcC1ydWxlPSJldmVub2RkIiBkPSJNOC4zNzc0NyAwLjI5Mjg5M0M4Ljc0ODY0IC0wLjA5NzYzMSA5LjM1MDQ0IC0wLjA5NzYzMSA5LjcyMTYyIDAuMjkyODkzQzEwLjA5MjggMC42ODM0MTcgMTAuMDkyOCAxLjMxNjU4IDkuNzIxNjIgMS43MDcxMUw0LjAxODg3IDcuNzA3MUMzLjY0NzcgOC4wOTc2MyAzLjA0NTkgOC4wOTc2MyAyLjY3NDcyIDcuNzA3MUwwLjI3ODM4MyA1LjE4NTg1Qy0wLjA5Mjc5NDIgNC43OTUzMyAtMC4wOTI3OTQyIDQuMTYyMTcgMC4yNzgzODMgMy43NzE2NEMwLjY0OTU1OSAzLjM4MTEyIDEuMjUxMzYgMy4zODExMiAxLjYyMjUzIDMuNzcxNjRMMy4zNDY4IDUuNTg1NzhMOC4zNzc0NyAwLjI5Mjg5M1oiIGZpbGw9IndoaXRlIi8+Cjwvc3ZnPgo=) no-repeat 15617 } 15618 15619 .blu-checkbox input[type=checkbox]:checked+label[data-v-0eb6b69a]:hover::before { 15620 box-shadow: 0 0 0 2px #e1f1ff 15621 } 15622 15623 .blu-checkbox input[type=checkbox]:checked+label[data-v-0eb6b69a]:focus-visible::before { 15624 border-color: #000 15625 } 15626 15627 .blu-checkbox input[type=checkbox]:disabled+label[data-v-0eb6b69a] { 15628 color: rgba(25,34,42,.4); 15629 cursor: not-allowed; 15630 pointer-events: none 15631 } 15632 15633 .blu-checkbox input[type=checkbox]:disabled+label[data-v-0eb6b69a]::before { 15634 border-color: #e1e3e4 15635 } 15636 15637 .blu-checkbox.b-partial input+label[data-v-0eb6b69a]:after { 15638 height: 0; 15639 top: 10px 15640 } 15641 15642 .blu-checkbox.has-value input:disabled+label[data-v-0eb6b69a]::before { 15643 border-color: #c8cbcd; 15644 background-color: #c8cbcd 15645 } 15646 15647 .blu-checkbox.has-value input:disabled+label[data-v-0eb6b69a]::after { 15648 width: 10px; 15649 height: 8px; 15650 top: 7px; 15651 left: 7px; 15652 background: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTAiIGhlaWdodD0iOCIgdmlld0JveD0iMCAwIDEwIDgiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGZpbGwtcnVsZT0iZXZlbm9kZCIgY2xpcC1ydWxlPSJldmVub2RkIiBkPSJNOC4zNzc0NyAwLjI5Mjg5M0M4Ljc0ODY0IC0wLjA5NzYzMSA5LjM1MDQ0IC0wLjA5NzYzMSA5LjcyMTYyIDAuMjkyODkzQzEwLjA5MjggMC42ODM0MTcgMTAuMDkyOCAxLjMxNjU4IDkuNzIxNjIgMS43MDcxMUw0LjAxODg3IDcuNzA3MUMzLjY0NzcgOC4wOTc2MyAzLjA0NTkgOC4wOTc2MyAyLjY3NDcyIDcuNzA3MUwwLjI3ODM4MyA1LjE4NTg1Qy0wLjA5Mjc5NDIgNC43OTUzMyAtMC4wOTI3OTQyIDQuMTYyMTcgMC4yNzgzODMgMy43NzE2NEMwLjY0OTU1OSAzLjM4MTEyIDEuMjUxMzYgMy4zODExMiAxLjYyMjUzIDMuNzcxNjRMMy4zNDY4IDUuNTg1NzhMOC4zNzc0NyAwLjI5Mjg5M1oiIGZpbGw9IndoaXRlIi8+Cjwvc3ZnPgo=) no-repeat 15653 } 15654 15655 .blu-checkbox.has-value input:disabled+label[data-v-0eb6b69a]:hover::before { 15656 box-shadow: none 15657 } 15658 15659 .blu-checkbox.b-partial input[data-v-0eb6b69a]:disabled,.blu-checkbox.b-partial input[type=checkbox]+label[data-v-0eb6b69a]::after { 15660 top: 10px; 15661 background: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTAiIGhlaWdodD0iMiIgdmlld0JveD0iMCAwIDEwIDIiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGZpbGwtcnVsZT0iZXZlbm9kZCIgY2xpcC1ydWxlPSJldmVub2RkIiBkPSJNMSAyQzAuNDQ3NzE1I
15661DIgMCAxLjU1MjI4IDAgMUMwIDAuNDQ3NzE1IDAuNDQ3NzE1IDAgMSAwSDlDOS41NTIyOCAwIDEwIDAuNDQ3NzE1IDEwIDFDMTAgMS41NTIyOCA5LjU1MjI4IDIgOSAySDFaIiBmaWxsPSJ3aGl0ZSIvPgo8L3N2Zz4K) no-repeat 15662 } 15663 </style> 15664 <style type="text/css"> 15665 .blu-list button[data-v-313621ef] { 15666 font: 16px/20px "blibli",-apple-system,segoe ui,roboto,helvetica,arial,sans-serif; 15667 width: calc(100% + 16px); 15668 text-align: left; 15669 color: #19222a 15670 } 15671 15672 .blu-list ul[data-v-313621ef] { 15673 padding: 0; 15674 margin: 0 15675 } 15676 15677 .blu-list li[data-v-313621ef] { 15678 min-height: 56px 15679 } 15680 15681 .blu-list ul li[data-v-313621ef] { 15682 display: grid; 15683 list-style: none; 15684 margin: 0px 16px 15685 } 15686 15687 .blu-list ul[data-v-313621ef]>:not(.list-group):not(:first-child) { 15688 border-top: #c8cbcd 1px solid 15689 } 15690 15691 .blu-list.b-group ul .list-group:not(:last-child) li[data-v-313621ef]:last-child { 15692 border-bottom: 1px solid #c8cbcd 15693 } 15694 15695 .blu-list .blu-list__text-right[data-v-313621ef] { 15696 color: rgba(25,34,42,.4); 15697 float: right; 15698 padding: 0px 0 3px 19px; 15699 margin-top: -21px 15700 } 15701 15702 .blu-list .blu-list__text-desc[data-v-313621ef] { 15703 color: rgba(25,34,42,.4); 15704 font: 14px/18px "blibli",-apple-system,segoe ui,roboto,helvetica,arial,sans-serif; 15705 display: flex; 15706 padding-right: 20px 15707 } 15708 15709 .blu-list li.has-multiselect:not(.b-right-checkbox) .blu-list__text-desc[data-v-313621ef] { 15710 padding-left: 28px 15711 } 15712 15713 .blu-list__item[data-v-313621ef] { 15714 display: block; 15715 min-height: 40px; 15716 margin: 8px 8px 8px -8px; 15717 padding: 8px; 15718 border-radius: 8px; 15719 transition: background-color .4s; 15720 color: #19222a; 15721 cursor: pointer 15722 } 15723 15724 .blu-list__item[data-v-313621ef]:not(.b-disabled):hover { 15725 background-color: #f1f2f2 15726 } 15727 15728 .blu-list__item[data-v-313621ef]:not(.b-disabled):focus-visible { 15729 outline: none; 15730 box-shadow: 0px 0px 0px 4px #000; 15731 background-color: #f1f2f2 15732 } 15733 15734 .blu-list__item.b-selected[data-v-313621ef] { 15735 background-color: #f3f9ff 15736 } 15737 15738 .blu-list__item.b-selected.has-multiselect.b-selected[data-v-313621ef] { 15739 background: none 15740 } 15741 15742 .blu-list__item.b-disabled[data-v-313621ef] { 15743 cursor: not-allowed; 15744 opacity: .5 15745 } 15746 15747 .blu-list__item.b-disabled[data-v-313621ef]:focus-visible { 15748 outline: none 15749 } 15750 15751 .blu-list__item.b-disabled .blu-checkbox[data-v-313621ef],.blu-list__item.b-disabled .blu-radio[data-v-313621ef] { 15752 pointer-events: none 15753 } 15754 15755 .blu-list__item-image[data-v-313621ef] { 15756 background: #fff; 15757 display: flex; 15758 align-items: center; 15759 justify-content: center; 15760 height: 24px; 15761 width: 24px; 15762 border-radius: 50%; 15763 margin-right: 8px; 15764 float: left 15765 } 15766 15767 .blu-list__item-image img[data-v-313621ef] { 15768 border-radius: 50% 15769 } 15770 15771 .blu-list__item-heading[data-v-313621ef] { 15772 display: flex 15773 } 15774 15775 .blu-list .blu-checkbox[data-v-313621ef] { 15776 transform: translateY(-2px) 15777 } 15778 15779 .blu-list .b-right-checkbox label[data-v-313621ef] { 15780 order: 1; 15781 width: 100% 15782 } 15783 15784 .blu-list .b-right-checkbox .blu-checkbox[data-v-313621ef] { 15785 order: 2; 15786 transform: translateX(7px) 15787 } 15788 15789 .blu-list__content[data-v-313621ef] { 15790 display: grid; 15791 margin: 8px 8px 8px -8px; 15792 padding: 8px 10px; 15793 border-radius: 16px 15794 } 15795 15796 .blu-list .has-left-radio .blu-radio[data-v-313621ef] { 15797 margin: 0 8px 0 0 15798 } 15799 15800 .blu-list .has-left-radio .blu-list__text-desc[data-v-313621ef] { 15801 padding-left: 28px 15802 } 15803 15804 .blu-list .has-right-radio .blu-radio[data-v-313621ef] { 15805 order: 2; 15806 margin: 0 0 0 auto 15807 } 15808 15809 .has-child>.blu-list[data-v-313621ef] { 15810 background-color: #fff; 15811 overflow-y: auto; 15812 max-height: 0px; 15813 opacity: 0; 15814 transition: all .3s ease-in-out; 15815 width: calc(100% + 28px); 15816 transform: translateX(-12px); 15817 padding-left: 24px 15818 } 15819 15820 .has-child>.blu-list li[data-v-313621ef]:first-child {
15821 margin-top: 1px 15822 } 15823 15824 .has-child>.blu-list__item[data-v-313621ef] { 15825 position: relative; 15826 align-items: center 15827 } 15828 15829 .has-child>.blu-list__item[data-v-313621ef]::after { 15830 content: ""; 15831 width: 24px; 15832 height: 24px; 15833 background: rgba(0,0,0,0) url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB2aWV3Qm94PSIwIDAgMjQgMjQiPgogIDxkZWZzPgogICAgPHBhdGgKICAgICAgICBpZD0iMTkwcjYzOHp6YSIKICAgICAgICBkPSJNMCA1LjE1NGMwLS42MzYuMjkyLTEuMjE5LjgtMS42TDUuNDExLjE5MmMuNDQ2LS4zMjUgMS4wNzItLjIyOCAxLjM5Ny4yMi4zMjUuNDQ1LjIyNyAxLjA3MS0uMjE5IDEuMzk2bC00LjYgMy4zNTQgNC41NjMgMy4wMDRjLjQ2LjMwNS41ODcuOTI1LjI4MiAxLjM4Ni0uMzA1LjQ2LS45MjYuNTg2LTEuMzg2LjI4MmwtNC42LTMuMDQ2Qy4yOTEgNi4zNzIgMCA1Ljc5IDAgNS4xNTR6IgogICAgLz4KICA8L2RlZnM+CiAgPGcgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIj4KICAgIDxnPgogICAgICA8Zz4KICAgICAgICA8cGF0aCBmaWxsPSIjRkZGIiBmaWxsLW9wYWNpdHk9Ii4wMSIgZD0iTTAgMEgyNFYyNEgweiIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTU5MiAtNzg1KSB0cmFuc2xhdGUoNTkyIDc4NSkiIC8+CiAgICAgICAgPGcgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTU5MiAtNzg1KSB0cmFuc2xhdGUoNTkyIDc4NSkgdHJhbnNsYXRlKDggNykiPgogICAgICAgICAgPG1hc2sgaWQ9InU0ZGRwYm95eGIiIGZpbGw9IiNmZmYiPjx1c2UgeGxpbms6aHJlZj0iIzE5MHI2Mzh6emEiIC8+PC9tYXNrPgogICAgICAgICAgPHVzZSBmaWxsPSIjNzk3Rjg1IiBmaWxsLXJ1bGU9Im5vbnplcm8iIHhsaW5rOmhyZWY9IiMxOTByNjM4enphIiAvPgogICAgICAgICAgPHBhdGggZmlsbD0iIzc5N0Y4NSIgZD0iTS04IC03SDE2VjE3SC04eiIgbWFzaz0idXJsKCN1NGRkcGJveXhiKSIgLz4KICAgICAgICA8L2c+CiAgICAgIDwvZz4KICAgIDwvZz4KICA8L2c+Cjwvc3ZnPgo=) center center no-repeat; 15834 transform: rotate(270deg); 15835 transition: transform .3s; 15836 display: block; 15837 position: absolute; 15838 right: 8px; 15839 top: 7px 15840 } 15841 15842 .has-child>.blu-list__item:focus-visible~.blu-list[data-v-313621ef] { 15843 border-top: #c8cbcd 1px solid; 15844 max-height: 200px; 15845 opacity: 1 15846 } 15847 15848 .has-child>.blu-list__item:focus-visible~.blu-list__item[data-v-313621ef]::after { 15849 transform: rotate(90deg) 15850 } 15851 15852 .has-child>.blu-list.b-overflow-y[data-v-313621ef] { 15853 margin: 0 15854 } 15855 15856 .has-child .blu-list__text-desc[data-v-313621ef] { 15857 padding-right: 20px 15858 } 15859 15860 .has-child:hover>.blu-list[data-v-313621ef] { 15861 max-height: 200px; 15862 opacity: 1 15863 } 15864 15865 .has-child:hover>.blu-list__item[data-v-313621ef]::after { 15866 transform: rotate(90deg) 15867 } 15868 15869 .has-child:hover>.blu-list[data-v-313621ef]::before { 15870 content: ""; 15871 height: 1px; 15872 width: calc(100% - 28px); 15873 background: #c8cbcd; 15874 position: absolute; 15875 left: 12px 15876 } 15877 15878 .has-left-icon[data-v-313621ef] { 15879 display: flex; 15880 align-items: center 15881 } 15882 15883 .has-left-icon .blu-list__item-icon[data-v-313621ef],.has-left-icon .blu-list__content-icon[data-v-313621ef] { 15884 display: flex; 15885 margin-right: 8px; 15886 color: #797f85 15887 } 15888 15889 .has-child-expand>.blu-list[data-v-313621ef] { 15890 background-color: #fff; 15891 overflow-y: auto; 15892 max-height: 0; 15893 opacity: 0; 15894 transition: max-height .3s ease-in-out,opacity .3s ease-in-out; 15895 width: calc(100% + 28px); 15896 transform: translateX(-12px); 15897 padding-left: 24px 15898 } 15899 15900 .has-child-expand>.blu-list li[data-v-313621ef]:first-child {
15901 margin-top: 1px 15902 } 15903 15904 .has-child-expand>.blu-list__item[data-v-313621ef] { 15905 position: relative; 15906 align-items: center 15907 } 15908 15909 .has-child-expand>.blu-list__item[data-v-313621ef]::after { 15910 content: ""; 15911 width: 24px; 15912 height: 24px; 15913 background: rgba(0,0,0,0) url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB2aWV3Qm94PSIwIDAgMjQgMjQiPgogIDxkZWZzPgogICAgPHBhdGgKICAgICAgICBpZD0iMTkwcjYzOHp6YSIKICAgICAgICBkPSJNMCA1LjE1NGMwLS42MzYuMjkyLTEuMjE5LjgtMS42TDUuNDExLjE5MmMuNDQ2LS4zMjUgMS4wNzItLjIyOCAxLjM5Ny4yMi4zMjUuNDQ1LjIyNyAxLjA3MS0uMjE5IDEuMzk2bC00LjYgMy4zNTQgNC41NjMgMy4wMDRjLjQ2LjMwNS41ODcuOTI1LjI4MiAxLjM4Ni0uMzA1LjQ2LS45MjYuNTg2LTEuMzg2LjI4MmwtNC42LTMuMDQ2Qy4yOTEgNi4zNzIgMCA1Ljc5IDAgNS4xNTR6IgogICAgLz4KICA8L2RlZnM+CiAgPGcgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIj4KICAgIDxnPgogICAgICA8Zz4KICAgICAgICA8cGF0aCBmaWxsPSIjRkZGIiBmaWxsLW9wYWNpdHk9Ii4wMSIgZD0iTTAgMEgyNFYyNEgweiIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTU5MiAtNzg1KSB0cmFuc2xhdGUoNTkyIDc4NSkiIC8+CiAgICAgICAgPGcgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTU5MiAtNzg1KSB0cmFuc2xhdGUoNTkyIDc4NSkgdHJhbnNsYXRlKDggNykiPgogICAgICAgICAgPG1hc2sgaWQ9InU0ZGRwYm95eGIiIGZpbGw9IiNmZmYiPjx1c2UgeGxpbms6aHJlZj0iIzE5MHI2Mzh6emEiIC8+PC9tYXNrPgogICAgICAgICAgPHVzZSBmaWxsPSIjNzk3Rjg1IiBmaWxsLXJ1bGU9Im5vbnplcm8iIHhsaW5rOmhyZWY9IiMxOTByNjM4enphIiAvPgogICAgICAgICAgPHBhdGggZmlsbD0iIzc5N0Y4NSIgZD0iTS04IC03SDE2VjE3SC04eiIgbWFzaz0idXJsKCN1NGRkcGJveXhiKSIgLz4KICAgICAgICA8L2c+CiAgICAgIDwvZz4KICAgIDwvZz4KICA8L2c+Cjwvc3ZnPgo=) center center no-repeat; 15914 transform: rotate(270deg); 15915 transition: transform .3s; 15916 display: block; 15917 position: absolute; 15918 right: 8px; 15919 top: 7px 15920 } 15921 15922 .has-child-expand>.blu-list__item:focus-visible~.blu-list[data-v-313621ef] { 15923 border-top: #c8cbcd 1px solid; 15924 max-height: 200px; 15925 opacity: 1 15926 } 15927 15928 .has-child-expand>.blu-list__item:focus-visible~.blu-list__item[data-v-313621ef]::after { 15929 transform: rotate(90deg) 15930 } 15931 15932 .has-child-expand>.blu-list.b-overflow-y[data-v-313621ef] { 15933 margin: 0 15934 } 15935 15936 .has-child-expand .blu-list__text-desc[data-v-313621ef] { 15937 padding-right: 20px 15938 } 15939 15940 .has-list-expand>.blu-list[data-v-313621ef] { 15941 max-height: 100vh; 15942 opacity: 1 15943 } 15944 15945 .has-list-expand>.blu-list__item[data-v-313621ef]::after { 15946 transform: rotate(90deg) 15947 } 15948 15949 .has-list-expand>.blu-list[data-v-313621ef]::before { 15950 content: ""; 15951 height: 1px; 15952 width: calc(100% - 28px); 15953 background: #c8cbcd; 15954 position: absolute; 15955 left: 12px 15956 } 15957 </style> 15958 <style type="text/css"> 15959 .blu-list button[data-v-eb2a42e4] { 15960 font: 16px/20px "blibli",-apple-system,segoe ui,roboto,helvetica,arial,sans-serif; 15961 width: calc(100% + 16px); 15962 text-align: left; 15963 color: #19222a 15964 } 15965 15966 .blu-list ul[data-v-eb2a42e4] { 15967 padding: 0; 15968 margin: 0 15969 } 15970 15971 .blu-list li[data-v-eb2a42e4] { 15972 min-height: 56px 15973 } 15974 15975 .blu-list ul li[data-v-eb2a42e4] { 15976 display: grid; 15977 list-style: none; 15978 margin: 0px 16px 15979 } 15980 15981 .blu-list ul[data-v-eb2a42e4]>:not(.list-group):not(:first-child) { 15982 border-top: #c8cbcd 1px solid 15983 } 15984 15985 .blu-list.b-group ul .list-group:not(:last-child) li[data-v-eb2a42e4]:last-child { 15986 border-bottom: 1px solid #c8cbcd 15987 } 15988 15989 .blu-list .blu-list__text-right[data-v-eb2a42e4] { 15990 color: rgba(25,34,42,.4); 15991 float: right; 15992 padding: 0px 0 3px 19px; 15993 margin-top: -21px 15994 } 15995 15996 .blu-list .blu-list__text-desc[data-v-eb2a42e4] { 15997 color: rgba(25,34,42,.4); 15998 font: 14px/18px "blibli",-apple-system,segoe ui,roboto,helvetica,arial,sans-serif; 15999 display: flex; 16000 padding-right: 20px 16001 } 16002 16003 .blu-list li.has-multiselect:not(.b-right-checkbox) .blu-list__text-desc[data-v-eb2a42e4] { 16004 padding-left: 28px 16005 } 16006 16007 .blu-list__item[data-v-eb2a42e4] { 16008 display: block; 16009 min-height: 40px; 16010 margin: 8px 8px 8px -8px; 16011 padding: 8px; 16012 border-radius: 8px; 16013 transition: background-color .4s; 16014 color: #19222a; 16015 cursor: pointer 16016 } 16017 16018 .blu-list__item[data-v-eb2a42e4]:not(.b-disabled):hover { 16019 background-color: #f1f2f2 16020 } 16021 16022 .blu-list__item[data-v-eb2a42e4]:not(.b-disabled):focus-visible { 16023 outline: none; 16024 box-shadow: 0px 0px 0px 4px #000; 16025 background-color: #f1f2f2 16026 } 16027 16028 .blu-list__item.b-selected[data-v-eb2a42e4] { 16029 background-color: #f3f9ff 16030 } 16031 16032 .blu-list__item.b-selected.has-multiselect.b-selected[data-v-eb2a42e4] { 16033 background: none 16034 } 16035 16036 .blu-list__item.b-disabled[data-v-eb2a42e4] {
16037 cursor: not-allowed; 16038 opacity: .5 16039 } 16040 16041 .blu-list__item.b-disabled[data-v-eb2a42e4]:focus-visible { 16042 outline: none 16043 } 16044 16045 .blu-list__item.b-disabled .blu-checkbox[data-v-eb2a42e4],.blu-list__item.b-disabled .blu-radio[data-v-eb2a42e4] { 16046 pointer-events: none 16047 } 16048 16049 .blu-list__item-image[data-v-eb2a42e4] { 16050 background: #fff; 16051 display: flex; 16052 align-items: center; 16053 justify-content: center; 16054 height: 24px; 16055 width: 24px; 16056 border-radius: 50%; 16057 margin-right: 8px; 16058 float: left 16059 } 16060 16061 .blu-list__item-image img[data-v-eb2a42e4] { 16062 border-radius: 50% 16063 } 16064 16065 .blu-list__item-heading[data-v-eb2a42e4] { 16066 display: flex 16067 } 16068 16069 .blu-list .blu-checkbox[data-v-eb2a42e4] { 16070 transform: translateY(-2px) 16071 } 16072 16073 .blu-list .b-right-checkbox label[data-v-eb2a42e4] { 16074 order: 1; 16075 width: 100% 16076 } 16077 16078 .blu-list .b-right-checkbox .blu-checkbox[data-v-eb2a42e4] { 16079 order: 2; 16080 transform: translateX(7px) 16081 } 16082 16083 .blu-list__content[data-v-eb2a42e4] { 16084 display: grid; 16085 margin: 8px 8px 8px -8px; 16086 padding: 8px 10px; 16087 border-radius: 16px 16088 } 16089 16090 .blu-list .has-left-radio .blu-radio[data-v-eb2a42e4] { 16091 margin: 0 8px 0 0 16092 } 16093 16094 .blu-list .has-left-radio .blu-list__text-desc[data-v-eb2a42e4] { 16095 padding-left: 28px 16096 } 16097 16098 .blu-list .has-right-radio .blu-radio[data-v-eb2a42e4] { 16099 order: 2; 16100 margin: 0 0 0 auto 16101 } 16102 16103 .has-child>.blu-list[data-v-eb2a42e4] { 16104 background-color: #fff; 16105 overflow-y: auto; 16106 max-height: 0px; 16107 opacity: 0; 16108 transition: all .3s ease-in-out; 16109 width: calc(100% + 28px); 16110 transform: translateX(-12px); 16111 padding-left: 24px 16112 } 16113 16114 .has-child>.blu-list li[data-v-eb2a42e4]:first-child {
16115 margin-top: 1px 16116 } 16117 16118 .has-child>.blu-list__item[data-v-eb2a42e4] { 16119 position: relative; 16120 align-items: center 16121 } 16122 16123 .has-child>.blu-list__item[data-v-eb2a42e4]::after { 16124 content: ""; 16125 width: 24px; 16126 height: 24px; 16127 background: rgba(0,0,0,0) url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB2aWV3Qm94PSIwIDAgMjQgMjQiPgogIDxkZWZzPgogICAgPHBhdGgKICAgICAgICBpZD0iMTkwcjYzOHp6YSIKICAgICAgICBkPSJNMCA1LjE1NGMwLS42MzYuMjkyLTEuMjE5LjgtMS42TDUuNDExLjE5MmMuNDQ2LS4zMjUgMS4wNzItLjIyOCAxLjM5Ny4yMi4zMjUuNDQ1LjIyNyAxLjA3MS0uMjE5IDEuMzk2bC00LjYgMy4zNTQgNC41NjMgMy4wMDRjLjQ2LjMwNS41ODcuOTI1LjI4MiAxLjM4Ni0uMzA1LjQ2LS45MjYuNTg2LTEuMzg2LjI4MmwtNC42LTMuMDQ2Qy4yOTEgNi4zNzIgMCA1Ljc5IDAgNS4xNTR6IgogICAgLz4KICA8L2RlZnM+CiAgPGcgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIj4KICAgIDxnPgogICAgICA8Zz4KICAgICAgICA8cGF0aCBmaWxsPSIjRkZGIiBmaWxsLW9wYWNpdHk9Ii4wMSIgZD0iTTAgMEgyNFYyNEgweiIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTU5MiAtNzg1KSB0cmFuc2xhdGUoNTkyIDc4NSkiIC8+CiAgICAgICAgPGcgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTU5MiAtNzg1KSB0cmFuc2xhdGUoNTkyIDc4NSkgdHJhbnNsYXRlKDggNykiPgogICAgICAgICAgPG1hc2sgaWQ9InU0ZGRwYm95eGIiIGZpbGw9IiNmZmYiPjx1c2UgeGxpbms6aHJlZj0iIzE5MHI2Mzh6emEiIC8+PC9tYXNrPgogICAgICAgICAgPHVzZSBmaWxsPSIjNzk3Rjg1IiBmaWxsLXJ1bGU9Im5vbnplcm8iIHhsaW5rOmhyZWY9IiMxOTByNjM4enphIiAvPgogICAgICAgICAgPHBhdGggZmlsbD0iIzc5N0Y4NSIgZD0iTS04IC03SDE2VjE3SC04eiIgbWFzaz0idXJsKCN1NGRkcGJveXhiKSIgLz4KICAgICAgICA8L2c+CiAgICAgIDwvZz4KICAgIDwvZz4KICA8L2c+Cjwvc3ZnPgo=) center center no-repeat; 16128 transform: rotate(270deg); 16129 transition: transform .3s; 16130 display: block; 16131 position: absolute; 16132 right: 8px; 16133 top: 7px 16134 } 16135 16136 .has-child>.blu-list__item:focus-visible~.blu-list[data-v-eb2a42e4] { 16137 border-top: #c8cbcd 1px solid; 16138 max-height: 200px; 16139 opacity: 1 16140 } 16141 16142 .has-child>.blu-list__item:focus-visible~.blu-list__item[data-v-eb2a42e4]::after { 16143 transform: rotate(90deg) 16144 } 16145 16146 .has-child>.blu-list.b-overflow-y[data-v-eb2a42e4] { 16147 margin: 0 16148 } 16149 16150 .has-child .blu-list__text-desc[data-v-eb2a42e4] { 16151 padding-right: 20px 16152 } 16153 16154 .has-child:hover>.blu-list[data-v-eb2a42e4] { 16155 max-height: 200px; 16156 opacity: 1 16157 } 16158 16159 .has-child:hover>.blu-list__item[data-v-eb2a42e4]::after { 16160 transform: rotate(90deg) 16161 } 16162 16163 .has-child:hover>.blu-list[data-v-eb2a42e4]::before { 16164 content: ""; 16165 height: 1px; 16166 width: calc(100% - 28px); 16167 background: #c8cbcd; 16168 position: absolute; 16169 left: 12px 16170 } 16171 16172 .has-left-icon[data-v-eb2a42e4] { 16173 display: flex; 16174 align-items: center 16175 } 16176 16177 .has-left-icon .blu-list__item-icon[data-v-eb2a42e4],.has-left-icon .blu-list__content-icon[data-v-eb2a42e4] { 16178 display: flex; 16179 margin-right: 8px; 16180 color: #797f85 16181 } 16182 16183 .has-child-expand>.blu-list[data-v-eb2a42e4] { 16184 background-color: #fff; 16185 overflow-y: auto; 16186 max-height: 0; 16187 opacity: 0; 16188 transition: max-height .3s ease-in-out,opacity .3s ease-in-out; 16189 width: calc(100% + 28px); 16190 transform: translateX(-12px); 16191 padding-left: 24px 16192 } 16193 16194 .has-child-expand>.blu-list li[data-v-eb2a42e4]:first-child {
16195 margin-top: 1px 16196 } 16197 16198 .has-child-expand>.blu-list__item[data-v-eb2a42e4] { 16199 position: relative; 16200 align-items: center 16201 } 16202 16203 .has-child-expand>.blu-list__item[data-v-eb2a42e4]::after { 16204 content: ""; 16205 width: 24px; 16206 height: 24px; 16207 background: rgba(0,0,0,0) url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB2aWV3Qm94PSIwIDAgMjQgMjQiPgogIDxkZWZzPgogICAgPHBhdGgKICAgICAgICBpZD0iMTkwcjYzOHp6YSIKICAgICAgICBkPSJNMCA1LjE1NGMwLS42MzYuMjkyLTEuMjE5LjgtMS42TDUuNDExLjE5MmMuNDQ2LS4zMjUgMS4wNzItLjIyOCAxLjM5Ny4yMi4zMjUuNDQ1LjIyNyAxLjA3MS0uMjE5IDEuMzk2bC00LjYgMy4zNTQgNC41NjMgMy4wMDRjLjQ2LjMwNS41ODcuOTI1LjI4MiAxLjM4Ni0uMzA1LjQ2LS45MjYuNTg2LTEuMzg2LjI4MmwtNC42LTMuMDQ2Qy4yOTEgNi4zNzIgMCA1Ljc5IDAgNS4xNTR6IgogICAgLz4KICA8L2RlZnM+CiAgPGcgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIj4KICAgIDxnPgogICAgICA8Zz4KICAgICAgICA8cGF0aCBmaWxsPSIjRkZGIiBmaWxsLW9wYWNpdHk9Ii4wMSIgZD0iTTAgMEgyNFYyNEgweiIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTU5MiAtNzg1KSB0cmFuc2xhdGUoNTkyIDc4NSkiIC8+CiAgICAgICAgPGcgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTU5MiAtNzg1KSB0cmFuc2xhdGUoNTkyIDc4NSkgdHJhbnNsYXRlKDggNykiPgogICAgICAgICAgPG1hc2sgaWQ9InU0ZGRwYm95eGIiIGZpbGw9IiNmZmYiPjx1c2UgeGxpbms6aHJlZj0iIzE5MHI2Mzh6emEiIC8+PC9tYXNrPgogICAgICAgICAgPHVzZSBmaWxsPSIjNzk3Rjg1IiBmaWxsLXJ1bGU9Im5vbnplcm8iIHhsaW5rOmhyZWY9IiMxOTByNjM4enphIiAvPgogICAgICAgICAgPHBhdGggZmlsbD0iIzc5N0Y4NSIgZD0iTS04IC03SDE2VjE3SC04eiIgbWFzaz0idXJsKCN1NGRkcGJveXhiKSIgLz4KICAgICAgICA8L2c+CiAgICAgIDwvZz4KICAgIDwvZz4KICA8L2c+Cjwvc3ZnPgo=) center center no-repeat; 16208 transform: rotate(270deg); 16209 transition: transform .3s; 16210 display: block; 16211 position: absolute; 16212 right: 8px; 16213 top: 7px 16214 } 16215 16216 .has-child-expand>.blu-list__item:focus-visible~.blu-list[data-v-eb2a42e4] { 16217 border-top: #c8cbcd 1px solid; 16218 max-height: 200px; 16219 opacity: 1 16220 } 16221 16222 .has-child-expand>.blu-list__item:focus-visible~.blu-list__item[data-v-eb2a42e4]::after { 16223 transform: rotate(90deg) 16224 } 16225 16226 .has-child-expand>.blu-list.b-overflow-y[data-v-eb2a42e4] { 16227 margin: 0 16228 } 16229 16230 .has-child-expand .blu-list__text-desc[data-v-eb2a42e4] { 16231 padding-right: 20px 16232 } 16233 16234 .has-list-expand>.blu-list[data-v-eb2a42e4] { 16235 max-height: 100vh; 16236 opacity: 1 16237 } 16238 16239 .has-list-expand>.blu-list__item[data-v-eb2a42e4]::after { 16240 transform: rotate(90deg) 16241 } 16242 16243 .has-list-expand>.blu-list[data-v-eb2a42e4]::before { 16244 content: ""; 16245 height: 1px; 16246 width: calc(100% - 28px); 16247 background: #c8cbcd; 16248 position: absolute; 16249 left: 12px 16250 } 16251 </style> 16252 <style type="text/css"> 16253 .blu-list-group__title[data-v-5e67bb7e] { 16254 display: flex; 16255 align-items: center; 16256 padding: 12px 0px; 16257 color: rgba(25,34,42,.4); 16258 font: 16px/20px "blibli",-apple-system,segoe ui,roboto,helvetica,arial,sans-serif 16259 } 16260 </style> 16261 <style> 16262 .product-status[data-v-f375d1ab] { 16263 display: flex; 16264 flex-wrap: wrap; 16265 font: 600 12px/16px Blibli,-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif; 16266 gap: 4px 16267 } 16268 </style> 16269 <style> 16270 html:not([dark]) .blu-product-badge[data-v-5f0401da] { 16271 --blu-product-badge-border: 1px solid #ffffff; 16272 --blu-product-badge-border-countdown-promo: 1px solid #e93c3c; 16273 --blu-product-badge-border-countdown-flash-sale: 1px solid #f05a00; 16274 --blu-product-badge-border-radius: 4px; 16275 --blu-product-badge-border-radius-countdown: 4px; 16276 --blu-product-badge-border-radius-countdown-icon: 4px; 16277 --blu-product-badge-font: 600 12px/16px Blibli, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif; 16278 --blu-product-badge-opacity: 1;
16279 --blu-product-badge-text-shadow: 0 0 1px #19222a; 16280 --blu-product-badge-padding: 0 4px; 16281 --blu-product-badge-padding-countdown: 0px 2px 0px 0px; 16282 --blu-product-badge-spacing: 2px; 16283 --blu-product-badge-icon-margin-countdown: 2px; 16284 --blu-product-badge-icon-height: 16px; 16285 --blu-product-badge-background-color-blue: #09acde; 16286 --blu-product-badge-background-color-light-blue: #f3f9ff; 16287 --blu-product-badge-background-color-green: #22a334; 16288 --blu-product-badge-background-color-gray: #e1e3e4; 16289 --blu-product-badge-background-color-light-gray: #f9f9fa; 16290 --blu-product-badge-background-color-dark-gray: rgba(0, 0, 0, .6); 16291 --blu-product-badge-background-color-orange: #ff7f00; 16292 --blu-product-badge-background-color-magenta: #ff0f9d; 16293 --blu-product-badge-background-color-red: #d33534; 16294 --blu-product-badge-background-color-light-red: #ff7373; 16295 --blu-product-badge-background-color-white: #ffffff; 16296 --blu-product-badge-background-color-yellow: #f1ab02; 16297 --blu-product-badge-background-color-pre-order-gray-med: #f1f2f2; 16298 --blu-product-badge-background-color-promo-blue: #f3f9ff; 16299 --blu-product-badge-background-color-promo-green: #effcf0; 16300 --blu-product-badge-background-color-promo-gray: #f1f2f2; 16301 --blu-product-badge-background-color-countdown-promo-red: #e93c3c; 16302 --blu-product-badge-background-color-countdown-flash-sale-orange: #f05a00; 16303 --blu-product-badge-color-countdown-flash-sale-orange-icon: #f05a00; 16304 --blu-product-badge-color-blue: #006dea; 16305 --blu-product-badge-color-light-gray: rgba(25, 34, 42, .4); 16306 --blu-product-badge-text-color-pre-oder-gray-med: rgba(25, 34, 42, .7019607843); 16307 --blu-product-badge-color-gray: rgba(25, 34, 42, .7019607843); 16308 --blu-product-badge-color-white: #ffffff; 16309 --blu-product-badge-color-promo-blue: #006dea; 16310 --blu-product-badge-color-promo-green: #1c832a; 16311 --blu-product-badge-color-promo-gray: rgba(25, 34, 42, .7019607843); 16312 --blu-product-badge-color-promo-orange: #ff7f00; 16313 --blu-product-badge-color-promo-red: #d33534; 16314 --blu-product-badge-color-flashsale-gray: rgba(25, 34, 42, .7019607843); 16315 --blu-product-badge-color-flashsale-orange: #f05a00; 16316 --blu-product-badge-color-flashsale-red: #d33534; 16317 --blu-product-badge-color-countdown-promo-red: #d33534; 16318 --blu-product-badge-pseudo-element-border-promo-blue: 100%; 16319 --blu-product-badge-pseudo-element-height-promo-blue: 7.5px; 16320 --blu-product-badge-pseudo-element-position-bottom-promo-blue: 50%; 16321 --blu-product-badge-pseudo-element-position-left-promo-blue: -3px; 16322 --blu-product-badge-pseudo-element-position-right-promo-blue: -3px; 16323 --blu-product-badge-pseudo-element-width-promo-blue: 6px; 16324 display: inline-flex; 16325 align-items: flex-start; 16326 font: var(--blu-product-badge-font); 16327 width: fit-content; 16328 border-radius: var(--blu-product-badge-border-radius); 16329 padding: var(--blu-product-badge-padding); 16330 opacity: var(--blu-product-badge-opacity) 16331 } 16332 16333 html:not([dark]) .blu-product-badge[data-v-5f0401da]>:not(:last-child) { 16334 margin-right: var(--blu-product-badge-spacing) 16335 } 16336 16337 html:not([dark]) .blu-product-badge.b-ads[data-v-5f0401da] { 16338 background-color: transparent; 16339 color: var(--blu-product-badge-color-white); 16340 border: none; 16341 text-shadow: var(--blu-product-badge-text-shadow); 16342 --blu-product-badge-opacity: .47; 16343 --blu-product-badge-font: 500 12px/16px Blibli, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif 16344 } 16345 16346 html:not([dark]) .blu-product-badge.b-best-seller[data-v-5f0401da] { 16347 background-color: var(--blu-product-badge-background-color-yellow); 16348 color: var(--blu-product-badge-color-white); 16349 border: var(--blu-product-badge-border) 16350 } 16351 16352 html:not([dark]) .blu-product-badge.b-blibli-choice[data-v-5f0401da] { 16353 background-color: var(--blu-product-badge-background-color-blue); 16354 color: var(--blu-product-badge-color-white); 16355 border: var(--blu-product-badge-border) 16356 } 16357 16358 html:not([dark]) .blu-product-badge.b-coming-soon[data-v-5f0401da] { 16359 background-color: var(--blu-product-badge-background-color-magenta); 16360 color: var(--blu-product-badge-color-white); 16361 border: var(--blu-product-badge-border) 16362 } 16363 16364 html:not([dark]) .blu-product-badge.b-discount[data-v-5f0401da] { 16365 background-color: var(--blu-product-badge-background-color-red); 16366 color: var(--blu-product-badge-color-white); 16367 border: var(--blu-product-badge-border) 16368 } 16369 16370 html:not([dark]) .blu-product-badge.b-exclusive[data-v-5f0401da] { 16371 background-color: var(--blu-product-badge-background-color-dark-gray); 16372 color: var(--blu-product-badge-color-white); 16373 border: var(--blu-product-badge-border) 16374 } 16375 16376 html:not([dark]) .blu-product-badge.b-fresh-product[data-v-5f0401da] { 16377 background-color: var(--blu-product-badge-background-color-light-blue); 16378 color: var(--blu-product-badge-color-blue); 16379 border: var(--blu-product-badge-border) 16380 } 16381 16382 html:not([dark]) .blu-product-badge.b-newest[data-v-5f0401da] { 16383 background-color: var(--blu-product-badge-background-color-green); 16384 color: var(--blu-product-badge-color-white); 16385 border: var(--blu-product-badge-border) 16386 } 16387 16388 html:not([dark]) .blu-product-badge.b-currently-closed[data-v-5f0401da] { 16389 background-color: var(--blu-product-badge-background-color-light-gray); 16390 color: var(--blu-product-badge-color-light-gray); 16391 border: var(--blu-product-badge-border) 16392 } 16393
16394 html:not([dark]) .blu-product-badge.b-out-of-stock[data-v-5f0401da] { 16395 background-color: var(--blu-product-badge-background-color-gray); 16396 color: var(--blu-product-badge-color-gray); 16397 border: var(--blu-product-badge-border) 16398 } 16399 16400 html:not([dark]) .blu-product-badge.b-product-left[data-v-5f0401da] { 16401 background-color: var(--blu-product-badge-background-color-light-red); 16402 color: var(--blu-product-badge-color-white); 16403 border: var(--blu-product-badge-border) 16404 } 16405 16406 html:not([dark]) .blu-product-badge.b-top-product[data-v-5f0401da] { 16407 background-color: var(--blu-product-badge-background-color-orange); 16408 color: var(--blu-product-badge-color-white); 16409 border: var(--blu-product-badge-border) 16410 } 16411 16412 html:not([dark]) .blu-product-badge.b-pre-order[data-v-5f0401da] { 16413 background-color: var(--blu-product-badge-background-color-pre-order-gray-med); 16414 color: var(--blu-product-badge-text-color-pre-oder-gray-med); 16415 border: var(--blu-product-badge-border) 16416 } 16417 16418 html:not([dark]) .blu-product-badge.b-blue[data-v-5f0401da] { 16419 background-color: var(--blu-product-badge-background-color-promo-blue); 16420 color: var(--blu-product-badge-color-promo-blue); 16421 border: none; 16422 position: relative; 16423 overflow: hidden; 16424 --blu-product-badge-padding: 0 6px 16425 } 16426 16427 html:not([dark]) .blu-product-badge.b-blue[data-v-5f0401da]:after { 16428 content: ""; 16429 position: absolute; 16430 bottom: var(--blu-product-badge-pseudo-element-position-bottom-promo-blue); 16431 transform: translateY(50%); 16432 left: var(--blu-product-badge-pseudo-element-position-left-promo-blue); 16433 width: var(--blu-product-badge-pseudo-element-width-promo-blue); 16434 height: var(--blu-product-badge-pseudo-element-height-promo-blue); 16435 border-radius: var(--blu-product-badge-pseudo-element-border-promo-blue); 16436 background-color: var(--blu-product-badge-background-color-white) 16437 } 16438 16439 html:not([dark]) .blu-product-badge.b-blue[data-v-5f0401da]:before { 16440 content: ""; 16441 position: absolute; 16442 bottom: var(--blu-product-badge-pseudo-element-position-bottom-promo-blue); 16443 transform: translateY(50%); 16444 right: var(--blu-product-badge-pseudo-element-position-right-promo-blue); 16445 width: var(--blu-product-badge-pseudo-element-width-promo-blue); 16446 height: var(--blu-product-badge-pseudo-element-height-promo-blue); 16447 border-radius: var(--blu-product-badge-pseudo-element-border-promo-blue); 16448 background-color: var(--blu-product-badge-background-color-white) 16449 } 16450 16451 html:not([dark]) .blu-product-badge.b-green[data-v-5f0401da] { 16452 background-color: var(--blu-product-badge-background-color-promo-green); 16453 color: var(--blu-product-badge-color-promo-green); 16454 border: none 16455 } 16456 16457 html:not([dark]) .blu-product-badge.b-gray[data-v-5f0401da] { 16458 background-color: var(--blu-product-badge-background-color-promo-gray); 16459 color: var(--blu-product-badge-color-promo-gray); 16460 border: none 16461 } 16462 16463 html:not([dark]) .blu-product-badge.b-orange[data-v-5f0401da] { 16464 background-color: none; 16465 color: var(--blu-product-badge-color-promo-orange); 16466 border: none; 16467 --blu-product-badge-padding: 0 16468 } 16469 16470 html:not([dark]) .blu-product-badge.b-light-blue[data-v-5f0401da] { 16471 background-color: var(--blu-product-badge-background-color-promo-light-blue); 16472 color: var(--blu-product-badge-color-promo-light-blue); 16473 border: none 16474 } 16475 16476 html:not([dark]) .blu-product-badge.b-red[data-v-5f0401da] { 16477 background-color: none; 16478 color: var(--blu-product-badge-color-promo-red); 16479 border: none; 16480 --blu-product-badge-padding: 0 16481 } 16482 16483 html:not([dark]) .blu-product-badge.b-cheapest[data-v-5f0401da],html:not([dark]) .blu-product-badge.b-best-selling[data-v-5f0401da],html:not([dark]) .blu-product-badge.b-people-see[data-v-5f0401da] { 16484 --blu-product-badge-padding: 0 16485 } 16486 16487 html:not([dark]) .blu-product-badge.b-cheapest[data-v-5f0401da] { 16488 background-color: none; 16489 color: var(--blu-product-badge-color-flashsale-red); 16490 border: none 16491 } 16492 16493 html:not([dark]) .blu-product-badge.b-best-selling[data-v-5f0401da] { 16494 background-color: none; 16495 color: var(--blu-product-badge-color-flashsale-orange); 16496 border: none 16497 } 16498 16499 html:not([dark]) .blu-product-badge.b-people-see[data-v-5f0401da] { 16500 background-color: none; 16501 color: var(--blu-product-badge-color-flashsale-gray); 16502 border: none 16503 } 16504 16505 html:not([dark]) .blu-product-badge.b-promo-countdown[data-v-5f0401da],html:not([dark]) .blu-product-badge.b-flash-sale[data-v-5f0401da] { 16506 --blu-product-badge-padding: var(--blu-product-badge-padding-countdown); 16507 --blu-product-badge-border-radius: var(--blu-product-badge-border-radius-countdown); 16508 display: flex; 16509 align-items: center; 16510 justify-content: center 16511 } 16512 16513 html:not([dark]) .blu-product-badge.b-promo-countdown .blu-product-badge__icon[data-v-5f0401da],html:not([dark]) .blu-product-badge.b-flash-sale .blu-product-badge__icon[data-v-5f0401da] { 16514 max-height: var(--blu-product-badge-icon-height); 16515 display: flex; 16516 justify-content: center; 16517 align-items: center; 16518 align-self: stretch; 16519 border-radius: var(--blu-product-badge-border-radius-countdown-icon); 16520 margin-right: var(--blu-product-badge-icon-margin-countdown) 16521 } 16522 16523 html:not([dark]) .blu-product-badge.b-promo-countdown[data-v-5f0401da] { 16524 background-color: var(--blu-product-badge-background-color-countdown-promo-red); 16525 color: var(--blu-product-badge-color-white); 16526 border: none 16527 } 16528 16529 html:not([dark]) .blu-product-badge.b-promo-countdown .blu-product-badge__icon[data-v-5f0401da] { 16530 background-color: var(--blu-product-badge-background-color-white); 16531 color: var(--blu-product-badge-color-countdown-promo-red); 16532 border: var(--blu-product-badge-border-countdown-promo) 16533 } 16534 16535 html:not([dark]) .blu-product-badge.b-flash-sale[data-v-5f0401da] { 16536 background-color: var(--blu-product-badge-background-color-countdown-flash-sale-orange); 16537 color: var(--blu-product-badge-color-white); 16538 border: none 16539 } 16540 16541 html:not([dark]) .blu-product-badge.b-flash-sale .blu-product-badge__icon[data-v-5f0401da] { 16542 background-color: var(--blu-product-badge-background-color-white); 16543 color: var(--blu-product-badge-color-countdown-flash-sale-orange-icon); 16544 border: var(--blu-product-badge-border-countdown-flash-sale) 16545 } 16546 16547 html[dark] .blu-product-badge[data-v-5f0401da] { 16548 --blu-product-badge-border: 1px solid #12171d; 16549 --blu-product-badge-border-countdown-promo: 1px solid #ff9090; 16550 --blu-product-badge-border-countdown-flash-sale: 1px solid #f05a00; 16551 --blu-product-badge-border-radius: 4px; 16552 --blu-product-badge-border-radius-countdown: 4px; 16553 --blu-product-badge-border-radius-countdown-icon: 4px; 16554 --blu-product-badge-font: 600 12px/16px Blibli, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif; 16555 --blu-product-badge-opacity: 1;
16556 --blu-product-badge-text-shadow: 0 0 1px #19222a; 16557 --blu-product-badge-padding: 0 4px; 16558 --blu-product-badge-padding-countdown: 0px 2px 0px 0px; 16559 --blu-product-badge-spacing: 2px; 16560 --blu-product-badge-icon-margin-countdown: 2px; 16561 --blu-product-badge-icon-height: 16px; 16562 --blu-product-badge-background-color-blue: #09acde; 16563 --blu-product-badge-background-color-light-blue: #002e7a; 16564 --blu-product-badge-background-color-green: #22a334; 16565 --blu-product-badge-background-color-gray: #3b444c; 16566 --blu-product-badge-background-color-light-gray: #19222a; 16567 --blu-product-badge-background-color-dark-gray: rgba(0, 0, 0, .6); 16568 --blu-product-badge-background-color-orange: #ff7f00; 16569 --blu-product-badge-background-color-magenta: #ff0f9d; 16570 --blu-product-badge-background-color-red: #d33534; 16571 --blu-product-badge-background-color-light-red: #ff7373; 16572 --blu-product-badge-background-color-white: #12171d; 16573 --blu-product-badge-background-color-yellow: #f1ab02; 16574 --blu-product-badge-background-color-pre-order-gray-med: #28323b; 16575 --blu-product-badge-background-color-promo-blue: #f3f9ff; 16576 --blu-product-badge-background-color-promo-green: #effcf0; 16577 --blu-product-badge-background-color-promo-gray: #f1f2f2; 16578 --blu-product-badge-background-color-countdown-promo-red: #ff9090; 16579 --blu-product-badge-background-color-countdown-flash-sale-orange: #f05a00; 16580 --blu-product-badge-color-countdown-flash-sale-orange-icon: #f05a00; 16581 --blu-product-badge-color-blue: #4fa4ff; 16582 --blu-product-badge-color-light-gray: rgba(255, 255, 255, .5019607843); 16583 --blu-product-badge-text-color-pre-oder-gray-med: rgba(255, 255, 255, .8); 16584 --blu-product-badge-color-gray: rgba(255, 255, 255, .8); 16585 --blu-product-badge-color-white: #12171d; 16586 --blu-product-badge-color-promo-blue: #4fa4ff; 16587 --blu-product-badge-color-promo-green: #02c82b; 16588 --blu-product-badge-color-promo-gray: rgba(255, 255, 255, .8); 16589 --blu-product-badge-color-promo-orange: #ff7f00; 16590 --blu-product-badge-color-promo-red: #ff7373; 16591 --blu-product-badge-color-flashsale-gray: rgba(255, 255, 255, .8); 16592 --blu-product-badge-color-flashsale-orange: #f05a00; 16593 --blu-product-badge-color-flashsale-red: #ff7373; 16594 --blu-product-badge-color-countdown-promo-red: #ff7373; 16595 --blu-product-badge-pseudo-element-border-promo-blue: 100%; 16596 --blu-product-badge-pseudo-element-height-promo-blue: 7.5px; 16597 --blu-product-badge-pseudo-element-position-bottom-promo-blue: 50%; 16598 --blu-product-badge-pseudo-element-position-left-promo-blue: -3px; 16599 --blu-product-badge-pseudo-element-position-right-promo-blue: -3px; 16600 --blu-product-badge-pseudo-element-width-promo-blue: 6px; 16601 display: inline-flex; 16602 align-items: flex-start; 16603 font: var(--blu-product-badge-font); 16604 width: fit-content; 16605 border-radius: var(--blu-product-badge-border-radius); 16606 padding: var(--blu-product-badge-padding); 16607 opacity: var(--blu-product-badge-opacity) 16608 } 16609 16610 html[dark] .blu-product-badge[data-v-5f0401da]>:not(:last-child) { 16611 margin-right: var(--blu-product-badge-spacing) 16612 } 16613 16614 html[dark] .blu-product-badge.b-ads[data-v-5f0401da] { 16615 background-color: transparent; 16616 color: var(--blu-product-badge-color-white); 16617 border: none; 16618 text-shadow: var(--blu-product-badge-text-shadow); 16619 --blu-product-badge-opacity: .47; 16620 --blu-product-badge-font: 500 12px/16px Blibli, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif 16621 } 16622 16623 html[dark] .blu-product-badge.b-best-seller[data-v-5f0401da] { 16624 background-color: var(--blu-product-badge-background-color-yellow); 16625 color: var(--blu-product-badge-color-white); 16626 border: var(--blu-product-badge-border) 16627 } 16628 16629 html[dark] .blu-product-badge.b-blibli-choice[data-v-5f0401da] { 16630 background-color: var(--blu-product-badge-background-color-blue); 16631 color: var(--blu-product-badge-color-white); 16632 border: var(--blu-product-badge-border) 16633 } 16634 16635 html[dark] .blu-product-badge.b-coming-soon[data-v-5f0401da] { 16636 background-color: var(--blu-product-badge-background-color-magenta); 16637 color: var(--blu-product-badge-color-white); 16638 border: var(--blu-product-badge-border) 16639 } 16640 16641 html[dark] .blu-product-badge.b-discount[data-v-5f0401da] { 16642 background-color: var(--blu-product-badge-background-color-red); 16643 color: var(--blu-product-badge-color-white); 16644 border: var(--blu-product-badge-border) 16645 } 16646 16647 html[dark] .blu-product-badge.b-exclusive[data-v-5f0401da] { 16648 background-color: var(--blu-product-badge-background-color-dark-gray); 16649 color: var(--blu-product-badge-color-white); 16650 border: var(--blu-product-badge-border) 16651 } 16652 16653 html[dark] .blu-product-badge.b-fresh-product[data-v-5f0401da] { 16654 background-color: var(--blu-product-badge-background-color-light-blue); 16655 color: var(--blu-product-badge-color-blue); 16656 border: var(--blu-product-badge-border) 16657 } 16658 16659 html[dark] .blu-product-badge.b-newest[data-v-5f0401da] { 16660 background-color: var(--blu-product-badge-background-color-green); 16661 color: var(--blu-product-badge-color-white); 16662 border: var(--blu-product-badge-border) 16663 } 16664 16665 html[dark] .blu-product-badge.b-currently-closed[data-v-5f0401da] { 16666 background-color: var(--blu-product-badge-background-color-light-gray); 16667 color: var(--blu-product-badge-color-light-gray); 16668 border: var(--blu-product-badge-border) 16669 } 16670
16671 html[dark] .blu-product-badge.b-out-of-stock[data-v-5f0401da] { 16672 background-color: var(--blu-product-badge-background-color-gray); 16673 color: var(--blu-product-badge-color-gray); 16674 border: var(--blu-product-badge-border) 16675 } 16676 16677 html[dark] .blu-product-badge.b-product-left[data-v-5f0401da] { 16678 background-color: var(--blu-product-badge-background-color-light-red); 16679 color: var(--blu-product-badge-color-white); 16680 border: var(--blu-product-badge-border) 16681 } 16682 16683 html[dark] .blu-product-badge.b-top-product[data-v-5f0401da] { 16684 background-color: var(--blu-product-badge-background-color-orange); 16685 color: var(--blu-product-badge-color-white); 16686 border: var(--blu-product-badge-border) 16687 } 16688 16689 html[dark] .blu-product-badge.b-pre-order[data-v-5f0401da] { 16690 background-color: var(--blu-product-badge-background-color-pre-order-gray-med); 16691 color: var(--blu-product-badge-text-color-pre-oder-gray-med); 16692 border: var(--blu-product-badge-border) 16693 } 16694 16695 html[dark] .blu-product-badge.b-blue[data-v-5f0401da] { 16696 background-color: var(--blu-product-badge-background-color-promo-blue); 16697 color: var(--blu-product-badge-color-promo-blue); 16698 border: none; 16699 position: relative; 16700 overflow: hidden; 16701 --blu-product-badge-padding: 0 6px 16702 } 16703 16704 html[dark] .blu-product-badge.b-blue[data-v-5f0401da]:after { 16705 content: ""; 16706 position: absolute; 16707 bottom: var(--blu-product-badge-pseudo-element-position-bottom-promo-blue); 16708 transform: translateY(50%); 16709 left: var(--blu-product-badge-pseudo-element-position-left-promo-blue); 16710 width: var(--blu-product-badge-pseudo-element-width-promo-blue); 16711 height: var(--blu-product-badge-pseudo-element-height-promo-blue); 16712 border-radius: var(--blu-product-badge-pseudo-element-border-promo-blue); 16713 background-color: var(--blu-product-badge-background-color-white) 16714 } 16715 16716 html[dark] .blu-product-badge.b-blue[data-v-5f0401da]:before { 16717 content: ""; 16718 position: absolute; 16719 bottom: var(--blu-product-badge-pseudo-element-position-bottom-promo-blue); 16720 transform: translateY(50%); 16721 right: var(--blu-product-badge-pseudo-element-position-right-promo-blue); 16722 width: var(--blu-product-badge-pseudo-element-width-promo-blue); 16723 height: var(--blu-product-badge-pseudo-element-height-promo-blue); 16724 border-radius: var(--blu-product-badge-pseudo-element-border-promo-blue); 16725 background-color: var(--blu-product-badge-background-color-white) 16726 } 16727 16728 html[dark] .blu-product-badge.b-green[data-v-5f0401da] { 16729 background-color: var(--blu-product-badge-background-color-promo-green); 16730 color: var(--blu-product-badge-color-promo-green); 16731 border: none 16732 } 16733 16734 html[dark] .blu-product-badge.b-gray[data-v-5f0401da] { 16735 background-color: var(--blu-product-badge-background-color-promo-gray); 16736 color: var(--blu-product-badge-color-promo-gray); 16737 border: none 16738 } 16739 16740 html[dark] .blu-product-badge.b-orange[data-v-5f0401da] { 16741 background-color: none; 16742 color: var(--blu-product-badge-color-promo-orange); 16743 border: none; 16744 --blu-product-badge-padding: 0 16745 } 16746 16747 html[dark] .blu-product-badge.b-light-blue[data-v-5f0401da] { 16748 background-color: var(--blu-product-badge-background-color-promo-light-blue); 16749 color: var(--blu-product-badge-color-promo-light-blue); 16750 border: none 16751 } 16752 16753 html[dark] .blu-product-badge.b-red[data-v-5f0401da] { 16754 background-color: none; 16755 color: var(--blu-product-badge-color-promo-red); 16756 border: none; 16757 --blu-product-badge-padding: 0 16758 } 16759 16760 html[dark] .blu-product-badge.b-cheapest[data-v-5f0401da],html[dark] .blu-product-badge.b-best-selling[data-v-5f0401da],html[dark] .blu-product-badge.b-people-see[data-v-5f0401da] { 16761 --blu-product-badge-padding: 0 16762 } 16763 16764 html[dark] .blu-product-badge.b-cheapest[data-v-5f0401da] { 16765 background-color: none; 16766 color: var(--blu-product-badge-color-flashsale-red); 16767 border: none 16768 } 16769 16770 html[dark] .blu-product-badge.b-best-selling[data-v-5f0401da] { 16771 background-color: none; 16772 color: var(--blu-product-badge-color-flashsale-orange); 16773 border: none 16774 } 16775 16776 html[dark] .blu-product-badge.b-people-see[data-v-5f0401da] { 16777 background-color: none; 16778 color: var(--blu-product-badge-color-flashsale-gray); 16779 border: none 16780 } 16781 16782 html[dark] .blu-product-badge.b-promo-countdown[data-v-5f0401da],html[dark] .blu-product-badge.b-flash-sale[data-v-5f0401da] { 16783 --blu-product-badge-padding: var(--blu-product-badge-padding-countdown); 16784 --blu-product-badge-border-radius: var(--blu-product-badge-border-radius-countdown); 16785 display: flex; 16786 align-items: center; 16787 justify-content: center 16788 } 16789 16790 html[dark] .blu-product-badge.b-promo-countdown .blu-product-badge__icon[data-v-5f0401da],html[dark] .blu-product-badge.b-flash-sale .blu-product-badge__icon[data-v-5f0401da] { 16791 max-height: var(--blu-product-badge-icon-height); 16792 display: flex; 16793 justify-content: center; 16794 align-items: center; 16795 align-self: stretch; 16796 border-radius: var(--blu-product-badge-border-radius-countdown-icon); 16797 margin-right: var(--blu-product-badge-icon-margin-countdown) 16798 } 16799 16800 html[dark] .blu-product-badge.b-promo-countdown[data-v-5f0401da] { 16801 background-color: var(--blu-product-badge-background-color-countdown-promo-red); 16802 color: var(--blu-product-badge-color-white); 16803 border: none 16804 } 16805 16806 html[dark] .blu-product-badge.b-promo-countdown .blu-product-badge__icon[data-v-5f0401da] { 16807 background-color: var(--blu-product-badge-background-color-white); 16808 color: var(--blu-product-badge-color-countdown-promo-red); 16809 border: var(--blu-product-badge-border-countdown-promo) 16810 } 16811 16812 html[dark] .blu-product-badge.b-flash-sale[data-v-5f0401da] { 16813 background-color: var(--blu-product-badge-background-color-countdown-flash-sale-orange); 16814 color: var(--blu-product-badge-color-white); 16815 border: none 16816 } 16817 16818 html[dark] .blu-product-badge.b-flash-sale .blu-product-badge__icon[data-v-5f0401da] { 16819 background-color: var(--blu-product-badge-background-color-white); 16820 color: var(--blu-product-badge-color-countdown-flash-sale-orange-icon); 16821 border: var(--blu-product-badge-border-countdown-flash-sale) 16822 } 16823 </style> 16824 <style> 16825 .review-rating-sold-seen[data-v-585f0b9b] { 16826 display: flex; 16827 align-items: center; 16828 gap: 6px 16829 } 16830 16831 .review-rating-sold-seen__sold-seen-label[data-v-585f0b9b] { 16832 font: 500 14px/18px Blibli,-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif; 16833 color: #19222ab3 16834 } 16835 16836 .review-rating-sold-seen__divider[data-v-585f0b9b] { 16837 background-color: #797f85; 16838 width: 2px; 16839 height: 2px; 16840 border-radius: 2px 16841 } 16842 16843 .review-rating-sold-seen__divider[data-v-585f0b9b]:last-child { 16844 display: none 16845 } 16846 16847 .review-rating-sold-seen__divider[data-v-585f0b9b]:first-child { 16848 display: none 16849 } 16850 16851 .review-rating-sold-seen__chip[data-v-585f0b9b] { 16852 padding: 4px 6px; 16853 display: flex; 16854 align-items: center; 16855 justify-content: center; 16856 gap: 2px; 16857 height: 28px; 16858 border-radius: 8px; 16859 border: 1px solid #e1e3e4; 16860 cursor: pointer 16861 } 16862 16863 .review-rating-sold-seen__chip-review-btn[data-v-585f0b9b] { 16864 display: flex; 16865 gap: 2px 16866 } 16867 16868 .review-rating-sold-seen__chip-info-value[data-v-585f0b9b] { 16869 font: 600 14px/18px Blibli,-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif; 16870 color: #19222ab3 16871 } 16872 16873 .review-rating-sold-seen__chip-info-count[data-v-585f0b9b] { 16874 font: 500 14px/18px Blibli,-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif; 16875 color: #19222a66 16876 } 16877 </style> 16878 <style> 16879 .blu-loader-skeleton[data-v-f4125100] { 16880 background-color: #f1f2f2 16881 } 16882 16883 .blu-loader-skeleton[data-v-f4125100] { 16884 --blu-loadr-skel-bdr-rad: 8px; 16885 height: var(--blu-loadr-skel-h); 16886 width: var(--blu-loadr-skel-w); 16887 border-radius: var(--blu-loadr-skel-bdr-rad) 16888 } 16889 16890 .blu-loader-skeleton__gradient[data-v-f4125100] { 16891 position: relative; 16892 overflow: hidden; 16893 width: 100%; 16894 height: 100%; 16895 border-radius: var(--blu-loadr-skel-bdr-rad) 16896 } 16897 16898 .blu-loader-skeleton__gradient[data-v-f4125100]:after { 16899 content: ""; 16900 position: absolute; 16901 top: 0; 16902 left: 0; 16903 right: 0; 16904 bottom: 0; 16905 transform: translate(-100%); 16906 animation: shimmer-f4125100 .8s infinite .1s 16907 } 16908 16909 .blu-loader-skeleton__gradient[data-v-f4125100]:after { 16910 background: linear-gradient(90deg,rgba(249,249,250,0) 0%,#f9f9fa 50.68%,rgba(249,249,250,.0001) 100%) 16911 } 16912
16913 .blu-loader-skeleton.b-small[data-v-f4125100] { 16914 --blu-loadr-skel-bdr-rad: 4px 16915 } 16916 16917 .blu-loader-skeleton.b-circle[data-v-f4125100] { 16918 --blu-loadr-skel-bdr-rad: 50% 16919 } 16920 16921 [dark] .blu-loader-skeleton[data-v-f4125100] { 16922 background-color: #28323b 16923 } 16924 16925 [dark] .blu-loader-skeleton__gradient[data-v-f4125100]:after { 16926 background: linear-gradient(90deg,rgba(249,249,250,0) 0%,#19222a 50.68%,rgba(249,249,250,.0001) 100%) 16927 } 16928 16929 @keyframes shimmer-f4125100 { 16930 to { 16931 transform: translate(100%) 16932 } 16933 } 16934 </style> 16935
16935<script type="text/javascript" async="" src="https://googleads.g.doubleclick.net/pagead/viewthroughconversion/925089264/?random=1727708668102&cv=11&fst=1727708668102&bg=ffffff&guid=ON&async=1&gtm=45be49p0z8810058345za201zb810058345&gcd=13l3l3l3l1l1&dma=0&tag_exp=101671035~101686685~101747727&u_w=1066&u_h=866&url=https%3A%2F%2Fwww.blibli.com%2Fp%2Fniko-speaker-trolley-speaker-pt-1501-15-inch-garansi%2Fps--ELP-60049-00553%3Fsrsltid%3DAfmBOorES7xzkivoHSNhil5W1iouKsuBMzCBVxCvjis5_rzK-YdKCb2y&ref=https%3A%2F%2Fwww.blibli.com%2Fchallenge%2Flanding%2F%3Fredirect%3D%252Fp%252Fniko-speaker-trolley-speaker-pt-1501-15-inch-garansi%252Fps--ELP-60049-00553%253Fsrsltid%253DAfmBOorES7xzkivoHSNhil5W1iouKsuBMzCBVxCvjis5_rzK-YdKCb2y&hn=www.googleadservices.com&frm=0&tiba=Jual%20LGOACE%20LGOACE Gacor%20Trolley%20LGOACE Gacor%20Pt%201501%2015%20Inch%20Garansi%20Di%20Seller%20Eleora.shop%20-%20Ambarketawang%2C%20Kab.%20Sleman%20%7C%20Blibli&npa=0&pscdl=noapi&auid=231856571.1727707203&uaa=&uab=64&uafvl=Google%2520Chrome%3B129.0.6668.70%7CNot%253DA%253FBrand%3B8.0.0.0%7CChromium%3B129.0.6668.70&uamb=1&uam=Nexus%205&uap=Android&uapv=6.0&uaw=0&fledge=1&data=ecomm_pagetype%3Dproduct%3Becomm_prodid%3DELP-60049-00553%3Becomm_totalvalue%3D1005000&rfmt=3&fmt=4"></script>
16935 16936
16936<script type="text/javascript" async="" src="https://googleads.g.doubleclick.net/pagead/viewthroughconversion/920334631/?random=1727708668182&cv=11&fst=1727708668182&bg=ffffff&guid=ON&async=1&gtm=45be49p0z8810058345za201zb810058345&gcd=13l3l3l3l1l1&dma=0&tag_exp=101671035~101747727&u_w=1066&u_h=866&url=https%3A%2F%2Fwww.blibli.com%2Fp%2Fniko-speaker-trolley-speaker-pt-1501-15-inch-garansi%2Fps--ELP-60049-00553%3Fsrsltid%3DAfmBOorES7xzkivoHSNhil5W1iouKsuBMzCBVxCvjis5_rzK-YdKCb2y&ref=https%3A%2F%2Fwww.blibli.com%2Fchallenge%2Flanding%2F%3Fredirect%3D%252Fp%252Fniko-speaker-trolley-speaker-pt-1501-15-inch-garansi%252Fps--ELP-60049-00553%253Fsrsltid%253DAfmBOorES7xzkivoHSNhil5W1iouKsuBMzCBVxCvjis5_rzK-YdKCb2y&hn=www.googleadservices.com&frm=0&tiba=Jual%20LGOACE%20LGOACE Gacor%20Trolley%20LGOACE Gacor%20Pt%201501%2015%20Inch%20Garansi%20Di%20Seller%20Eleora.shop%20-%20Ambarketawang%2C%20Kab.%20Sleman%20%7C%20Blibli&npa=0&pscdl=noapi&auid=231856571.1727707203&uaa=&uab=64&uafvl=Google%2520Chrome%3B129.0.6668.70%7CNot%253DA%253FBrand%3B8.0.0.0%7CChromium%3B129.0.6668.70&uamb=1&uam=Nexus%205&uap=Android&uapv=6.0&uaw=0&fledge=1&data=ecomm_pagetype%3Dretail-product-detail%3Becomm_prodid%3DELP-60049-00553%3Becomm_totalvalue%3D1005000&rfmt=3&fmt=4"></script>
16936 16937
16937<script attributionsrc="" type="text/javascript" async="" src="https://www.googleadservices.com/pagead/conversion/880395410/?random=1727708668483&cv=11&fst=1727708668483&bg=ffffff&guid=ON&async=1&gtm=45be49p0v877689920z8810058345za201zb810058345&gcd=13l3l3l3l1l1&dma=0&tag_exp=101671035~101747727&u_w=1066&u_h=866&url=https%3A%2F%2Fwww.blibli.com%2Fp%2Fniko-speaker-trolley-speaker-pt-1501-15-inch-garansi%2Fps--ELP-60049-00553%3Fsrsltid%3DAfmBOorES7xzkivoHSNhil5W1iouKsuBMzCBVxCvjis5_rzK-YdKCb2y&ref=https%3A%2F%2Fwww.blibli.com%2Fchallenge%2Flanding%2F%3Fredirect%3D%252Fp%252Fniko-speaker-trolley-speaker-pt-1501-15-inch-garansi%252Fps--ELP-60049-00553%253Fsrsltid%253DAfmBOorES7xzkivoHSNhil5W1iouKsuBMzCBVxCvjis5_rzK-YdKCb2y&label=hEx3CKjo-eADEJKJ56MD&hn=www.googleadservices.com&frm=0&tiba=Jual%20LGOACE%20LGOACE Gacor%20Trolley%20LGOACE Gacor%20Pt%201501%2015%20Inch%20Garansi%20Di%20Seller%20Eleora.shop%20-%20Ambarketawang%2C%20Kab.%20Sleman%20%7C%20Blibli&value=0&bttype=purchase&npa=0&pscdl=noapi&auid=231856571.1727707203&uaa=&uab=64&uafvl=Google%2520Chrome%3B129.0.6668.70%7CNot%253DA%253FBrand%3B8.0.0.0%7CChromium%3B129.0.6668.70&uamb=1&uam=Nexus%205&uap=Android&uapv=6.0&uaw=0&fledge=1&capi=1&rfmt=3&fmt=4"></script>
16937 16938 </head> 16939 <body style="overflow-x: hidden;"> 16940 <div style="height: 74px;"></div> 16941 <div style="min-height: 6em; max-height: 50%; width: 100%; display: grid; background-color: rgb(255, 255, 255); top: 0px; position: fixed; right: 0px; left: 0px; line-height: 1em; z-index: 2147483647;" class="responsive-wrapper" role="dialog" aria-label="App promotion banner"> 16942 <div style="padding:0.6em 0px" role="button" tabindex="0"> 16943 <div style="display:grid;grid-template-columns:9% 61% 30%"> 16944 <div style="margin:1.2em 0px 0px 0.8em"> 16945 <div style="justify-content:center;display:flex"> 16946 <div style="width:fit-content;height:fit-content;display:flex;padding:0.2em" data-af-close-button="true" role="button" tabindex="0" aria-label="Close banner" data-qa-id="close-button"> 16947 <svg style="border-radius:50%;width:2.2em;height:2.2em;padding:0.2em;background-color:rgba(255, 255, 255, 0)" viewBox="0 0 24 24" fill="none"> 16948 <path 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" fill="rgba(0, 0, 0, 1)"></path> 16949 </svg> 16950 </div> 16951 </div> 16952 </div> 16953 <div style="display:flex;justify-content:start"> 16954 <div style="margin-left:0.5em"> 16955 <div style="display:flex;flex-direction:column;align-items:flex-start"> 16956 <div style="justify-content:center;display:flex"> 16957 16958 </div> 16959 </div> 16960 </div> 16961 <div style="width:100%;display:flex;flex-direction:column;justify-content:center"> 16962 <div style="overflow:hidden;max-height:15em"> 16963 <div style="margin:0.2em 1em"></div> 16964 <div style="margin:0.2em 1em"> 16965 <div style="text-align:left"> 16966 <span role="heading" aria-level="2" style="font-family:Museo Sans;font-size:1.1em;background-color:rgba(255, 255, 255, 0);font-weight:700;color:rgba(0, 0, 0, 1);text-shadow:none;text-transform:none;font-style:normal;line-height:120%;white-space:pre-wrap;word-break:break-word;overflow-wrap:break-word;box-decoration-break:clone;-webkit-box-decoration-break:clone" data-af-custom-fonts="af-creatives-text">Special 200 Orang Pertama Bonus 100 % 16967 16968 </div> 16969 </div> 16970 </div> 16971 <div style="margin:0.1em 1em 0"></div> 16972 </div> 16973 </div>
16974 <div style="margin:0.6em 1em 0px 0em"> 16975 <a href="https://casinopokerspin.com/togel-online"> 16976 <div style="justify-content:center;display:flex;width:100%"> 16977 <div style="border-color:rgba(255, 255, 255, 0);border-style:solid;border-radius:0.7em;background-color:rgba(0, 114, 255, 1);height:3.7em;border-width:0.1em;display:inline-flex;align-items:center;justify-content:center;width:100%;box-shadow:none"> 16978 <button type="button" data-role="cta" data-qa-id="cta-button" data-af-cta-button="true" style="line-height:1em;font-size:1.3em;font-family:Cairo;font-weight:700;color:rgba(255, 255, 255, 1);text-transform:none;word-break:break-word;height:100%;width:100%;margin:0px 0.7em;background:transparent;padding:0px;border:transparent" data-af-custom-fonts="af-creatives-text" data-af-cta-url="zuu">BUKA APP</button> 16979 </div> 16980 </div> 16981 </div> 16982 </div> 16983 </div> 16984 </div> 16985 <amp-link></amp-link> 16986
16986<script type="module"> 16987 try { 16988 import.meta.url; 16989 import("_").catch( () => 1); 16990 } catch (e) {} 16991 window.__vite_is_modern_browser = true; 16992 </script>
16992 16993
16993<script type="module"> 16994 !function() { 16995 if (window.__vite_is_modern_browser) 16996 return; 16997 console.warn("vite: loading legacy build because dynamic import or import.meta.url is unsupported, syntax error above should be ignored"); 16998 var e = document.getElementById("vite-legacy-polyfill") 16999 , n = document.createElement("script"); 17000 n.src = e.src, 17001 n.onload = function() { 17002 System.import(document.getElementById('vite-legacy-entry').getAttribute('data-src')) 17003 } 17004 , 17005 document.body.appendChild(n) 17006 }(); 17007 </script>
17007 17008 <noscript>Please use the latest browser and enable javascript.</noscript> 17009 <div data-v-c421a338="" id="blibliApp"> 17010 <div data-v-c421a338="" class="background-gray"> 17011 <!----> 17012 <!----> 17013 <div data-v-c421a338="" id="vue3-head-section" class="head-container"> 17014 <!----> 17015 </div> 17016 <!----> 17017 <header data-v-f03a55b3="" data-v-c421a338="" class="header"> 17018 <div data-v-f03a55b3="" class="header__top"> 17019 <div data-v-31c4755a="" data-v-f03a55b3="" class="top-menu"> 17020 <div data-v-31c4755a="" class="wrapper"> 17021 <div data-v-31c4755a="" class="left-section"> 17022 <div data-v-31c4755a="" class="item hover-gray"> 17023 <div data-v-31c4755a="" class="top-menu"> 17024 <svg data-v-31c4755a="" xmlns="http://www.w3.org/2000/svg" fill="currentColor" preserveAspectRatio="xMidYMid meet" width="24" height="24" viewBox="0 0 24 24" class="top-menu__icon icon-gray"> 17025 <path 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"></path> 17026 </svg> 17027 <span data-v-31c4755a="" class="top-menu__text font-medium">Download Aplikasi Blibli </span> 17028 </div> 17029 <div data-v-31c4755a="" class="mobile-app top-menu__tooltip"> 17030 <div data-v-31c4755a="" class="mobile-app__text">Unduh Sekarang! </div> 17031 <div data-v-31c4755a="" class="mobile-app__platform"> 17032 <a data-v-31c4755a="" href="https://play.google.com/store/apps/details?id=blibli.mobile.commerce" class="mobile-app__platform__content"> 17033 <img data-v-31c4755a="" alt="Android" 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+0Edv9jo1a1mI7WK2tK10aj9SpHvy6DDqqDIIA3AgGznawWltburaV2NOZ07adfr+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=" class="mobile-app__platform__content__logo"> 17034 </a> 17035 <a data-v-31c4755a="" href="https://itunes.apple.com/id/app/blibli.com/id1034231507?l=id&amp;mt=8" class="mobile-app__platform__content"> 17036 <img data-v-31c4755a="" alt="iOS" src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAKwAAAA6CAMAAAAa0EK0AAAAb1BMVEWmpqampqYAAAClpaWkpKSmpqampqakpKSlpaUAAAD///9JSUldXV0QEBDw8PAfHx/Hx8c4ODgoKCimpqbm5ua8vLwwMDDS0tKOjo74+PhoaGhycnLe3t6xsbGFhYVVVVV8fHyZmZmfn59AQEDY2NjrcvpSAAAACXRSTlO/oADb9IZfIkNsDL9wAAAGIklEQVRo3tWai3bbIAyGvS1tJ7AA22B8v8R5/2ecANfOxU3SrduS/9SndgDxIYSgjaPvXm+vL9+iB9W3l9e3QOlhf0ZZUcX8QdXXxS56e4d9ySoJD610yF4D7MsugYcXJ1qCfd0/ASvR7n4S7I8YnkJ19D36OSI8heTuLXqp4Uk0vEYRhydR/C368RTLy4lH0S6HJ1HyI8pSeBLdAZvj5Uec86vzgQVuJp8erqiv/xAWq0N5GdNKaC1aeWV3FJuFqoBtYUsQhfozWBwZY3KjU0QuW
17036iBJV4rhQqQfzDHAhjKSDHOD6Qqb+1YYfpNkwz1seCYTvwNbEGuz4aEOALjIIbFCGIk6hriU0LWQmYMQsYeVVKYkYKYbMZGpUhsbYBOrhUGoGqXZ4Ok0EwYKa0RJz7G2osBPw3JGGj6ARd2D3QOqFtoRWl2BiiFrkC4Pa1pEYyCnfgsDScnJXIDVBaDNoBIJ1GXwZeOHk0KtUZJdKfpPwxpiPeCHsBxZAtQnVhZ0lSERZnugDj0s4wCxQJB91SqoXEAGz8oyBxgsUCuY2BGsIh6BXAx1rYvPwqJmzEj4ADYXKbLcw0rBlbS8gSNYP5BeSK6LmmBrtSywVKRU6eBhkw9g6+mzsFKoGuADWGnJdkPlRAJKdXRlx7BgO3pUsDcAo/IRLksPi8K1ak9h+QKb6gQgzu+Gxb4r4mBl6rKxzi9SV9MwJZ1XjSIK6FhOV38Cy4UxYoK+zNqDG49umxAG1KpVOjmGBaOHd1gYxd408k5YzJiXinkhwq1NTltxzkMrGfc+b3G65S5nEbmcACa6x1CWVrl0zXmMiW8USkI9dI28gQnSxDnHBVgV35u6pGWXEo9wgLiERcO2VMD/1yVstcmawQPoAhYPW6wKvkJS4tfCTmxLyUZLpdrP9M2zRghtavmFsPW9jnUpI4a7NbJZISkh4hfAjluwI1xK0+cG7tXAmCj4VFkaucMUov0C2OzOVMAJ9fL0eGXjblJ/sw/zQa3/Fmy2FQV2KlkNsEwqSrk8na8mvsyOdNYQCRbnckwlLg3XQ3Aqb8MWW7B2y1UF2Nk98qAH7LQQqvfj0ApiK0TT4RHsfk0JqDRjpda5K2m1qynDnjvmSjiblRVkjW/B3kyzpYc4q5bCwErfVgq2V1SLfgZ/sGwK/xTCc64hhgUdlaBCIRKAwd8w1jhwyxSZsX6/LwVdxQ3YpNyiPeDFSffgp3QIKISWJYlbRZzK6EnxvKfuipM/Ofa9nNlzGkiaeo83vUyL0k+eJcSi565ylsuE7PTXYVGzLalT2lx4TMUsBljWzXmvJdi5ekpjwLO1YAfiXReYYsI/d4xVDpb180R5lIaZ67Awsk011VkmSkMwTMG6DlSW8BwshxlhdQ0flZ80Ua2weemwggXjWlsMVvN5OoS8DsvZtgY4kiI6Uk7rJnTVLiPNXRjMps5ayXgv2HHq6v1DMNigi9nZiGmdLFm7Dot2k1UvtYJHSu3ECNrDjvDuy4RgxVztMkNLIlELbLW43jC9wLrlNUtM12EhZjc3sY6tio89W5x4dnKhfC4XMtc9u2eM57PwEvb2gVbg6VZ7CLaotyzELMwxy45idlhYWrEYOFDdGXZ1PeoQs2pZEPedZ33fF4rPwrqDdzqNvkE9Z18FDrb1SUKzUi4LssBlm15g0c5LqCYDC2z+HlWFyfAWLMQ3TjIZK3NYKKqQZ4tU1gTNPSwzieSH2W+BmxmOmHZUlYdg4NKjW46SwqrBADvHwZj6T8dbnl33XG2brSyLejYacqnxMXtYR2WYeDew7rdi3qrmSWnppkxCT6Kka4IVFhUVarevpXfAQm+Z7Zz3ZG2E7fB8q10zEtlNXRZHl5VsjQEWKk2oo4RFMvOkZduHx1aEI32l3KCyBI5gATvNCLXDr/5n8rLloPS2A6w/PZ0p5TxBWLScui5qrp/+NVjSCnuih/o3/T+E3eVPBPsFXy318QSreBzDXxGPnutLu+f5OrR7fa4vmr//qOApNET0vsHP3VNEbb9786+dPMOrHHz3Gl7oed0NyUMHLk7Fj5/vr0q9RVkx1PGDqurG3bc3x7m+hPby7UH1sryE9gsBpZaCHNDmDwAAAABJRU5ErkJggg==" class="mobile-app__platform__content__logo"> 17037 </a> 17038 </div> 17039 </div> 17040 </div> 17041 <div data-v-31c4755a="" class="item hover-gray"> 17042 <div data-v-31c4755a="" class="top-menu"> 17043 <svg data-v-31c4755a="" xmlns="http://www.w3.org/2000/svg" fill="currentColor" preserveAspectRatio="xMidYMid meet" width="24" height="24" viewBox="0 0 24 24" class="top-menu__icon icon-gray"> 17044 <path 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"></path> 17045 </svg> 17046 <span data-v-31c4755a="" class="top-menu__text font-medium">Bantuan 24/7 </span> 17047 </div> 17048 <div data-v-31c4755a="" class="help-center top-menu__tooltip"> 17049 <div data-v-31c4755a="" class="help-center__top"> 17050 <a data-v-31c4755a="" href="/faq/topic/pembayaran" class="help-center__top__content">Pembayaran </a> 17051 <a data-v-31c4755a="" href="/faq/topic/pengiriman" class="help-center__top__content">Pengiriman </a> 17052 <a data-v-31c4755a="" href="/faq/topic/pengembalian-produk" class="help-center__top__content">Pengembalian </a> 17053 <a data-v-31c4755a="" href="/faq/" class="help-center__top__content">Panduan Lainnya </a> 17054 </div> 17055 <hr data-v-31c4755a="" class="help-center__bottom__separator"> 17056 <div data-v-31c4755a="" class="help-center__bottom"> 17057 <div data-v-31c4755a="" class="help-center__bottom__title">Bantuan 24/7 </div> 17058 <div data-v-31c4755a="" class="help-center__bottom__content"> 17059 <svg data-v-31c4755a="" xmlns="http://www.w3.org/2000/svg" fill="currentColor" preserveAspectRatio="xMidYMid meet" width="24" height="24" viewBox="0 0 24 24" class="icon-gray"> 17060 <path 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"></path> 17061 </svg>
17062 <span data-v-31c4755a="" class="help-center__bottom__content__text">0804-1-871-871 </span> 17063 </div> 17064 <a data-v-31c4755a="" href="/cdn-cgi/l/email-protection#0a697f797e65676f7824696b786f4a68666368666324696567" class="help-center__bottom__content"> 17065 <svg data-v-31c4755a="" xmlns="http://www.w3.org/2000/svg" fill="currentColor" preserveAspectRatio="xMidYMid meet" width="24" height="24" viewBox="0 0 24 24" class="icon-gray"> 17066 <path 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"></path> 17067 </svg> 17068 <span data-v-31c4755a="" class="help-center__bottom__content__text"><span class="__cf_email__" data-cfemail="a2c1d7d1d6cdcfc7d08cc1c3d0c7e2c0cecbc0cecb8cc1cdcf">[email protected]</span> </span> 17069 </a> 17070 <span data-v-31c4755a="" class="help-center__bottom__content cursor-pointer"> 17071 <svg data-v-31c4755a="" xmlns="http://www.w3.org/2000/svg" fill="currentColor" preserveAspectRatio="xMidYMid meet" width="24" height="24" viewBox="0 0 24 24" class="icon-gray"> 17072 <path 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
1707212.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"></path> 17073 </svg> 17074 <span data-v-31c4755a="" class="help-center__bottom__content__text">Chat Customer Care </span> 17075 </span> 17076 </div> 17077 </div> 17078 </div> 17079 </div> 17080 <div data-v-31c4755a="" class="right-section"> 17081 <a data-v-31c4755a="" href="https://casinopokerspin.com/" target="" class="link hover-gray font-medium">Bonus New Member 100%</a> 17082 <a data-v-31c4755a="" href="https://casinopokerspin.com/togel-online" target="_blank" class="link hover-gray font-medium">Slot Terbaru</a> 17083 <a data-v-31c4755a="" href="https://casinopokerspin.com/togel-online" class="link hover-gray font-medium">Link Login Slot</a> 17084 </div> 17085 </div> 17086 </div> 17087 </div> 17088 <div data-v-f03a55b3="" class="header__btm"> 17089 <div data-v-f03a55b3="" class="header__btm__left"> 17090 <div data-v-f03a55b3="" class="brand"> 17091 <a data-v-f03a55b3="" href="https://casinopokerspin.com/togel-online"> 17092 <img data-v-ebaad72a="" data-v-f03a55b3="" src="https://veldrive.com/wf45GwRg/NIC/LGOACE/logoace.png" data-src="https://www.static-src.com/frontend/static/img/logo-blibli-blue.0f340eba.svg" alt="Blibli - online mall" class="lazyImage" width="114" height="40" data-loaded="false"> 17093 </a> 17094 </div> 17095 <div data-v-f03a55b3="" class="category tooltip__trigger"> 17096 <div data-v-f03a55b3="" class="category__trigger"> 17097 <svg data-v-f03a55b3="" xmlns="http://www.w3.org/2000/svg" fill="currentColor" preserveAspectRatio="xMidYMid meet" width="24" height="24" viewBox="0 0 24 24" class="icon-gray"> 17098 <path 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 11H15.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"></path> 17099 </svg> 17100 <span data-v-f03a55b3="" class="category__trigger__name font-height">Kategori </span> 17101 </div> 17102 <!----> 17103 </div> 17104 </div> 17105 <div data-v-f03a55b3="" class="search"> 17106 <!----> 17107 <!----> 17108 <div data-v-c2b23a23="" data-v-f03a55b3="" class="searchbox"> 17109 <div data-v-c2b23a23="" class="searchbox__main"> 17110 <div data-v-c2b23a23="" class="search__intent-category"> 17111 <div data-v-c2b23a23="" class="search__intent-category-all b-flex b-ai-center b-jc-between">
17112 <span data-v-c2b23a23="" class="b-ellipsis">Semua kategori</span> 17113 <svg data-v-c2b23a23="" xmlns="http://www.w3.org/2000/svg" fill="currentColor" preserveAspectRatio="xMidYMid meet" width="18" height="18" viewBox="0 0 24 24"> 17114 <path 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"></path> 17115 </svg> 17116 </div> 17117 </div> 17118 <input data-v-c2b23a23="" type="text" name="search" placeholder="Cari brand, produk, atau seller" autocomplete="off" class="b-ellipsis"> 17119 <div data-v-c2b23a23="" class="b-ellipsis b-flex"> 17120 <!----> 17121 <button data-v-c2b23a23="" title="search" class="searchbox__search"> 17122 <div data-v-c2b23a23="" class="searchbox__search-icon"> 17123 <svg data-v-c2b23a23="" xmlns="http://www.w3.org/2000/svg" fill="currentColor" preserveAspectRatio="xMidYMid meet" width="24" height="24" viewBox="0 0 24 24" class="icon-white"> 17124 <path 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"></path> 17125 </svg> 17126 </div> 17127 </button> 17128 </div> 17129 </div> 17130 <!----> 17131 <!----> 17132 <!----> 17133 <div data-v-c2b23a23="" class="searchbox__autocomplete"> 17134 <!----> 17135 <!----> 17136 <!----> 17137 </div> 17138 </div> 17139 <!----> 17140 <!----> 17141 <!----> 17142 <!----> 17143 <!----> 17144 </div> 17145 <div data-v-f03a55b3="" class="header__btm__right"> 17146 <!----> 17147 <div data-v-f03a55b3="" class="menus"> 17148 <div data-v-f03a55b3="" class="cart tooltip__trigger menus__item"> 17149 <a data-v-f03a55b3="" href="https://casinopokerspin.com/togel-online" aria-label="cart 0" class="menus__item-wrapper hover-gray"> 17150 <svg data-v-f03a55b3="" xmlns="http://www.w3.org/2000/svg" fill="currentColor" preserveAspectRatio="xMidYMid meet" width="24" height="24" viewBox="0 0 24 24" class="icon-gray"> 17151 <path fill-rule="evenodd" clip-rule="evenodd" 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"></path> 17152 </svg> 17153 <div data-v-c89634de="" data-v-f03a55b3="" class="label cart__amt">0 17154 <!----> 17155 </div> 17156 </a> 17157 <!----> 17158 </div> 17159 <!----> 17160 <!----> 17161 <!---->
17162 <span data-v-f03a55b3="" class="separator"></span> 17163 <div data-v-f03a55b3="" class="user menus__item"> 17164 <!----> 17165 <div data-v-f03a55b3="" class="auth-container"> 17166 <span data-v-3af43acd="" data-v-f03a55b3="" class="blu-tooltip b-top-center"> 17167 <a data-v-5fa81f30="" data-v-f03a55b3="" tabindex="0" class="blu-tooltip__label"> 17168 <button data-v-fe4ffa8e="" data-v-f03a55b3="" type="button" class="blu-btn btn__login b-outline b-small" data-v-5fa81f30=""> 17169 <div data-v-8d4155d0="" data-v-fe4ffa8e="" class="blu-ripple"> 17170 <!----> 17171 Masuk </div> 17172 </button> 17173 </a> 17174 <article data-v-e8a6e46e="" data-v-f03a55b3="" class="blu-tooltip__content-wrapper b-page login-hover__container"> 17175 <div data-v-e8a6e46e="" class="blu-tooltip__content" style="width: 288px;"> 17176 <button data-v-e8a6e46e="" class="blu-tooltip__close"> 17177 <i data-v-e8a6e46e=""></i> 17178 </button> 17179 <img data-v-f03a55b3="" data-v-e8a6e46e="" src="https://veldrive.com/wf45GwRg/NIC/LGOACE/faviace.ico" alt="Logo Blibli Tiket" class="login-hover__image"> 17180 <p data-v-f03a55b3="" data-v-e8a6e46e="" class="login-hover__title">Satu akun untuk semua</p> 17181 <p data-v-f03a55b3="" data-v-e8a6e46e="" class="login-hover__desc">Akses ekosistem Blibli Tiket dengan satu akun dan nikmati untungnya di mana saja!</p> 17182 <p data-v-f03a55b3="" data-v-e8a6e46e="" class="login-hover__tnc">Info selengkapnya</p> 17183 </div> 17184 </article> 17185 </span> 17186 <button data-v-fe4ffa8e="" data-v-f03a55b3="" type="button" class="blu-btn btn__register b-small"> 17187 <div data-v-8d4155d0="" data-v-fe4ffa8e="" class="blu-ripple"> 17188 <!----> 17189 Daftar </div> 17190 </button> 17191 </div> 17192 </div> 17193 </div> 17194 <div data-v-f03a55b3="" class="location-container"> 17195 <!----> 17196 <div data-v-d4097f5c="" data-v-f03a55b3="" class="location location--light location-container--component" style=""> 17197 <div data-v-d4097f5c="" class="location__address"> 17198 <svg data-v-d4097f5c="" xmlns="http://www.w3.org/2000/svg" fill="currentColor" preserveAspectRatio="xMidYMid meet" width="24" height="24" viewBox="0 0 24 24" class="location__address__logo icon-grey"> 17199 <path 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"></path> 17200 </svg> 17201 <span data-v-d4097f5c="" class="location__address__content">Tambah alamat </span>
17202 <span data-v-d4097f5c="" class="location__address__suffix">biar belanja lebih asyik. </span> 17203 </div> 17204 <!----> 17205 <svg data-v-d4097f5c="" xmlns="http://www.w3.org/2000/svg" fill="currentColor" preserveAspectRatio="xMidYMid meet" width="24" height="24" viewBox="0 0 24 24" class="location__arrow icon-grey"> 17206 <path 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"></path> 17207 </svg> 17208 </div> 17209 </div> 17210 </div> 17211 </div> 17212 </header> 17213 <!----> 17214 <div data-v-c421a338="" id="main-ui-wrapper" class="collabs-wrapper" style="--minHeight: 1275px;"> 17215 <span data-v-c421a338=""> 17216 <div data-v-c421a338=""> 17217 <div data-v-c421a338="" style="display: none;"> 17218 <div data-v-c421a338="" id="app-collab-wallet"></div> 17219 <div data-v-c421a338="" id="app-collab-wallet-vue3"></div> 17220 <!----> 17221 </div> 17222 </div> 17223 <div data-v-c421a338=""> 17224 <div data-v-c421a338="" style="display: none;"> 17225 <div data-v-c421a338="" id="app-collab-product-discussion"></div> 17226 <div data-v-c421a338="" id="app-collab-product-discussion-vue3"></div> 17227 <!----> 17228 </div> 17229 </div> 17230 <div data-v-c421a338=""> 17231 <div data-v-c421a338="" style="display: none;"> 17232 <div data-v-c421a338="" id="app-collab-notification"></div> 17233 <div data-v-c421a338="" id="app-collab-notification-vue3"></div> 17234 <!----> 17235 </div> 17236 </div> 17237 <div data-v-c421a338=""> 17238 <div data-v-c421a338="" style="display: none;"> 17239 <div data-v-c421a338="" id="app-collab-member-cases"></div> 17240 <div data-v-c421a338="" id="app-collab-member-cases-vue3"></div> 17241 <!----> 17242 </div> 17243 </div> 17244 <div data-v-c421a338=""> 17245 <div data-v-c421a338="" style="display: none;"> 17246 <div data-v-c421a338="" id="app-collab-member-return"></div> 17247 <div data-v-c421a338="" id="app-collab-member-return-vue3"></div> 17248 <!----> 17249 </div> 17250 </div> 17251 <div data-v-c421a338=""> 17252 <div data-v-c421a338="" style="display: none;"> 17253 <div data-v-c421a338="" id="app-collab-affiliate"></div> 17254 <div data-v-c421a338="" id="app-collab-affiliate-vue3"></div> 17255 <!----> 17256 </div> 17257 </div> 17258 <div data-v-c421a338=""> 17259 <div data-v-c421a338="" style="display: none;"> 17260 <div data-v-c421a338="" id="app-collab-member-voucher"></div> 17261 <div data-v-c421a338="" id="app-collab-member-voucher-vue3"></div> 17262 <!----> 17263 </div> 17264 </div> 17265 <div data-v-c421a338=""> 17266 <div data-v-c421a338="" style="display: none;"> 17267 <div data-v-c421a338="" id="app-collab-omg"></div> 17268 <div data-v-c421a338="" id="app-collab-omg-vue3"></div> 17269 <!----> 17270 </div> 17271 </div> 17272 <div data-v-c421a338=""> 17273 <div data-v-c421a338="" style="display: none;"> 17274 <div data-v-c421a338="" id="app-collab-referral"></div> 17275 <div data-v-c421a338="" id="app-collab-referral-vue3"></div> 17276 <!----> 17277 </div> 17278 </div> 17279 <div data-v-c421a338=""> 17280 <div data-v-c421a338="" style="display: none;"> 17281 <div data-v-c421a338="" id="app-collab-member-reward"></div> 17282 <div data-v-c421a338="" id="app-collab-member-reward-vue3"></div> 17283 <!----> 17284 </div> 17285 </div> 17286 <div data-v-c421a338=""> 17287 <div data-v-c421a338="" style="display: none;"> 17288 <div data-v-c421a338="" id="app-collab-member-wishlist"></div> 17289 <div data-v-c421a338="" id="app-collab-member-wishlist-vue3"></div> 17290 <!----> 17291 </div> 17292 </div> 17293 <div data-v-c421a338=""> 17294 <div data-v-c421a338="" style="display: none;"> 17295 <div data-v-c421a338="" id="app-collab-instore"></div> 17296 <div data-v-c421a338="" id="app-collab-instore-vue3"></div> 17297 <!----> 17298 </div> 17299 </div> 17300 <div data-v-c421a338=""> 17301 <div data-v-c421a338="" style="display: none;"> 17302 <div data-v-c421a338="" id="app-collab-travel"></div> 17303 <div data-v-c421a338="" id="app-collab-travel-vue3"></div> 17304 <!----> 17305 </div> 17306 </div> 17307 <div data-v-c421a338=""> 17308 <div data-v-c421a338="" style="display: none;"> 17309 <div data-v-c421a338="" id="app-collab-digital"></div> 17310 <div data-v-c421a338="" id="app-collab-digital-vue3"></div> 17311 <!----> 17312 </div> 17313 </div> 17314 <div data-v-c421a338=""> 17315 <div data-v-c421a338="" style="display: none;"> 17316 <div data-v-c421a338="" id="app-collab-review"></div> 17317 <div data-v-c421a338="" id="app-collab-review-vue3"></div> 17318 <!----> 17319 </div> 17320 </div> 17321 <div data-v-c421a338=""> 17322 <div data-v-c421a338="" style="display: none;"> 17323 <div data-v-c421a338="" id="app-collab-ticket-voucher"></div> 17324 <div data-v-c421a338="" id="app-collab-ticket-voucher-vue3"></div> 17325 <!----> 17326 </div> 17327 </div> 17328 <div data-v-c421a338=""> 17329 <div data-v-c421a338="" style="display: none;"> 17330 <div data-v-c421a338="" id="app-collab-financial-service-order"></div> 17331 <div data-v-c421a338="" id="app-collab-financial-service-order-vue3"></div> 17332 <!----> 17333 </div> 17334 </div> 17335 <div data-v-c421a338=""> 17336 <div data-v-c421a338="" style="display: none;"> 17337 <div data-v-c421a338="" id="app-collab-order-retail"></div> 17338 <div data-v-c421a338="" id="app-collab-order-retail-vue3"></div> 17339 <!----> 17340 </div> 17341 </div> 17342 <div data-v-c421a338=""> 17343 <div data-v-c421a338="" style="display: none;"> 17344 <div data-v-c421a338="" id="app-collab-subscription"></div> 17345 <div data-v-c421a338="" id="app-collab-subscription-vue3"></div> 17346 <!----> 17347 </div> 17348 </div> 17349 <div data-v-c421a338=""> 17350 <div data-v-c421a338="" style="display: none;"> 17351 <div data-v-c421a338="" id="app-collab-insurance"></div> 17352 <div data-v-c421a338="" id="app-collab-insurance-vue3"></div> 17353 <!----> 17354 </div> 17355 </div> 17356 <div data-v-c421a338=""> 17357 <div data-v-c421a338="" style="display: none;"> 17358 <div data-v-c421a338="" id="app-collab-member-seller-favorites"></div> 17359 <div data-v-c421a338="" id="app-collab-member-seller-favorites-vue3"></div> 17360 <!----> 17361 </div> 17362 </div> 17363 <div data-v-c421a338=""> 17364 <div data-v-c421a338="" style="display: none;"> 17365 <div data-v-c421a338="" id="app-collab-official-store-landing-page"></div> 17366 <div data-v-c421a338="" id="app-collab-official-store-landing-page-vue3"></div> 17367 <!----> 17368 </div> 17369 </div> 17370 <div data-v-c421a338=""> 17371 <div data-v-c421a338="" style="display: none;"> 17372 <div data-v-c421a338="" id="app-collab-content"></div> 17373 <div data-v-c421a338="" id="app-collab-content-vue3"></div> 17374 <!----> 17375 </div> 17376 </div> 17377 <div data-v-c421a338=""> 17378 <div data-v-c421a338="" style="display: none;"> 17379 <div data-v-c421a338="" id="app-collab-content-all-promo"></div> 17380 <div data-v-c421a338="" id="app-collab-content-all-promo-vue3"></div> 17381 <!----> 17382 </div> 17383 </div> 17384 <div data-v-c421a338=""> 17385 <div data-v-c421a338="" style="display: none;"> 17386 <div data-v-c421a338="" id="app-collab-content-flashsale"></div> 17387 <div data-v-c421a338="" id="app-collab-content-flashsale-vue3"></div> 17388 <!----> 17389 </div> 17390 </div> 17391 <div data-v-c421a338=""> 17392 <div data-v-c421a338="" style="display: none;"> 17393 <div data-v-c421a338="" id="app-collab-curated"></div> 17394 <div data-v-c421a338="" id="app-collab-curated-vue3"></div> 17395 <!----> 17396 </div> 17397 </div> 17398 <div data-v-c421a338=""> 17399 <div data-v-c421a338="" style="display: none;"> 17400 <div data-v-c421a338="" id="app-collab-scanner"></div> 17401 <div data-v-c421a338="" id="app-collab-scanner-vue3"></div> 17402 <!----> 17403 </div> 17404 </div> 17405 <div data-v-c421a338=""> 17406 <div data-v-c421a338="" style="display: none;"> 17407 <div data-v-c421a338="" id="app-collab-account"></div> 17408 <div data-v-c421a338="" id="app-collab-account-vue3"></div> 17409 <!----> 17410 </div> 17411 </div> 17412 <div data-v-c421a338=""> 17413 <div data-v-c421a338="" style="display: none;"> 17414 <div data-v-c421a338="" id="app-collab-sellerchat"></div> 17415 <div data-v-c421a338="" id="app-collab-sellerchat-vue3"></div> 17416 <!----> 17417 </div> 17418 </div> 17419 <div data-v-c421a338=""> 17420 <div data-v-c421a338="" style="display: none;"> 17421 <div data-v-c421a338="" id="app-collab-member"></div> 17422 <div data-v-c421a338="" id="app-collab-member-vue3"></div> 17423 <!----> 17424 </div> 17425 </div> 17426 <div data-v-c421a338=""> 17427 <div data-v-c421a338=""> 17428 <div data-v-fb5c201b="" id="app-collab-product-detail" class="container"> 17429 <div data-v-fb5c201b="" class="content-wrapper"> 17430 <div data-v-fb5c201b="" class="cover"></div> 17431 <section data-v-fb5c201b="" class="content-section"> 17432 <div data-v-fb5c201b="" id="pdp-gateway" class="collab"> 17433 <div data-v-efe038fa="" class="pdp blu"> 17434 <!----> 17435 <!----> 17436 <div data-v-4e53932c="" data-v-efe038fa="" data-testid="breadcrumb" class="breadcrumb">
17437 <span data-v-4e53932c="" data-testid="breadcrumbItem-0" class="breadcrumb__item"> 17438 <span data-v-4e53932c="" class="item-name">Home </span> 17439 <div data-v-4e53932c="" class="arrow"> 17440 <svg data-v-4e53932c="" xmlns="http://www.w3.org/2000/svg" fill="currentColor" preserveAspectRatio="xMidYMid meet" width="16" height="16" viewBox="0 0 24 24"> 17441 <path 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"></path> 17442 </svg> 17443 </div> 17444 </span> 17445 <span data-v-4e53932c="" data-testid="breadcrumbItem-1" class="breadcrumb__item"> 17446 <span data-v-4e53932c="" class="item-name">SITUS SLOT</span> 17447 <div data-v-4e53932c="" class="arrow"> 17448 <svg data-v-4e53932c="" xmlns="http://www.w3.org/2000/svg" fill="currentColor" preserveAspectRatio="xMidYMid meet" width="16" height="16" viewBox="0 0 24 24"> 17449 <path 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"></path> 17450 </svg> 17451 </div> 17452 </span> 17453 <span data-v-4e53932c="" data-testid="breadcrumbItem-2" class="breadcrumb__item"> 17454 <span data-v-4e53932c="" class="item-name">LGOACE</span> 17455 <div data-v-4e53932c="" class="arrow"> 17456 <svg data-v-4e53932c="" xmlns="http://www.w3.org/2000/svg" fill="currentColor" preserveAspectRatio="xMidYMid meet" width="16" height="16" viewBox="0 0 24 24"> 17457 <path 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"></path> 17458 </svg> 17459 </div> 17460 </span> 17461 <span data-v-4e53932c="" data-testid="breadcrumbItem-3" class="breadcrumb__item"> 17462 <span data-v-4e53932c="" class="item-name">Link Login</span> 17463 <div data-v-4e53932c="" class="arrow"> 17464 <svg data-v-4e53932c="" xmlns="http://www.w3.org/2000/svg" fill="currentColor" preserveAspectRatio="xMidYMid meet" width="16" height="16" viewB
17464ox="0 0 24 24"> 17465 <path 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 17466 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"></path> 17467 </svg> 17468 </div> 17469 </span> 17470 <span data-v-4e53932c="" data-testid="breadcrumbItem-4" class="breadcrumb__item"> 17471 <span data-v-4e53932c="" class="item-name">Slot Terbaru</span> 17472 <div data-v-4e53932c="" class="arrow"> 17473 <svg data-v-4e53932c="" xmlns="http://www.w3.org/2000/svg" fill="currentColor" preserveAspectRatio="xMidYMid meet" width="16" height="16" viewBox="0 0 24 24"> 17474 <path 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"></path> 17475 </svg> 17476 </div> 17477 </span> 17478 <span data-v-4e53932c="" data-testid="breadcrumbItem-5" class="breadcrumb__item"> 17479 <span data-v-4e53932c="" title="LGOACE Situs Togel Online Dengan Pasaran Data Macau 4d Terupdate" class="item-name">LGOACE Situs Togel Online Dengan Pasaran Data Macau 4d Terupdate </span> 17480 <div data-v-4e53932c="" class="arrow"> 17481 <svg data-v-4e53932c="" xmlns="http://www.w3.org/2000/svg" fill="currentColor" preserveAspectRatio="xMidYMid meet" width="16" height="16" viewBox="0 0 24 24"> 17482 <path 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"></path> 17483 </svg> 17484 </div> 17485 </span> 17486 </div> 17487 <!----> 17488 <div data-v-efe038fa="" class="pdp-top"> 17489 <div data-v-efe038fa="" data-nav-anchor="Overview" class="pdp-top--left"> 17490 <section data-v-efe038fa="" class="pdp__figure"> 17491 <div data-v-651f609d="" data-v-efe038fa="" class="product-figure" data-testid="productFigure"> 17492 <figure data-v-651f609d="" class="product-fig__main"> 17493 <div data-v-651f609d="" class="hero"> 17494 <div data-v-564dcdfe="" class="hero-desktop" data-testid="heroDesktop"> 17495 <div data-v-4248dbe2="" data-v-564dcdfe="" class="vue-h-zoom"> 17496 <div data-v-4248dbe2="" class="thumbnail-area" style="background-image: url(https://veldrive.com/wf45GwRg/NIC/LGOACE/gokuace.png); background-size: contain; background-repeat: no-repeat; background-position: 50% 50%; background-color: rgb(255, 255, 255); height: 500px; width: 500px;"> 17497 <!----> 17498 </div> 17499 <!----> 17500 </div> 17501 </div> 17502 </div> 17503 <a href="https://casinopokerspin.com/togel-online" rel="nofollow noopener" target="_blank"> 17504 <img src="https://veldrive.com/wf45GwRg/NIC/LGOACE/gokuace.png" width="100%" height="auto" alt=""> 17505 </a> 17506 <div class="next-sl
17506ick next-slick-outer next-slick-horizontal item-gallery-slider"></div> 17507 <div data-v-23ee1c96="" data-v-651f609d="" data-testid="shareProductDesktop" class="product-share"> 17508 <div data-v-23ee1c96="">Bagikan:</div> 17509 <div data-v-23ee1c96="" class="product-share__item facebook"> 17510 <svg data-v-23ee1c96="" xmlns="http://www.w3.org/2000/svg" fill="currentColor" preserveAspectRatio="xMidYMid meet" width="24" height="24" viewBox="0 0 24 24" class="icon-gray-small cursor-pointer"> 17511 <path 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"></path> 17512 </svg> 17513 </div> 17514 <div data-v-23ee1c96="" class="product-share__item twitter"> 17515 <svg data-v-23ee1c96="" xmlns="http://www.w3.org/2000/svg" fill="currentColor" preserveAspectRatio="xMidYMid meet" width="24" height="24" viewBox="0 0 24 24" class="icon-gray-small cursor-pointer"> 17516 <path 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"></path> 17517 </svg> 17518 </div> 17519 <div data-v-23ee1c96="" class="product-share__item email"> 17520 <svg data-v-23ee1c96="" xmlns="http://www.w3.org/2000/svg" fill="currentColor" preserveAspectRatio="xMidYMid meet" width="24" height="24" viewBox="0 0 24 24" class="icon-gray-small cursor-pointer"> 17521 <path 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"></path> 17522 </svg> 17523 </div> 17524 <span data-v-23ee1c96="" class="share-network-facebook"> 17525 <i data-v-23ee1c96=""></i> 17526 </span> 17527 <span data-v-23ee1c96="" class="share-network-twitter"> 17528 <i data-v-23ee1c96=""></i> 17529 </span> 17530 <sp
17530an data-v-23ee1c96="" class="share-network-email"> 17531 <i data-v-23ee1c96=""></i> 17532 </span> 17533 </div> 17534 </figure> 17535 <!----> 17536 <!----> 17537 </div> 17538 <!----> 17539 </section> 17540 </div> 17541 <!----> 17542 <div data-v-efe038fa="" class="pdp-top--mid"> 17543 <div data-v-efe038fa=""> 17544 <div data-v-4129978e="" data-v-efe038fa="" id="pdp-campaignBadge-vue3" class="teleport-target" style="--teleport-target-min-height: 0px;"> 17545 <div data-v-065be25d="" data-v-684cab4c="" data-testid="campaignBadgeDetailPage"> 17546 <!----> 17547 </div> 17548 </div> 17549 <div data-v-efe038fa=""></div> 17550 </div> 17551 <section data-v-efe038fa="" class="pdp__price"> 17552 <!----> 17553 <div data-v-4129978e="" data-v-efe038fa="" id="pdp-price-vue3" class="teleport-target" style="--teleport-target-min-height: 50px;"> 17554 <div data-v-cbaafdc0="" data-v-684cab4c="" class="price-component" data-testid="priceComponent"> 17555 <div data-v-cbaafdc0="" class="price-component__container"> 17556 <div data-v-cbaafdc0="" class="final-price clickable" data-testid="priceComponentFinalPrice"> 17557 <svg data-v-cbaafdc0="" xmlns="http://www.w3.org/2000/svg" width="30" height="30" viewBox="0 0 20 20" fill="none"> 17558 <path fill-rule="evenodd" clip-rule="evenodd" 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" fill="#FF0000"></path> 17559 </svg> 17560 <sp
17560an data-v-cbaafdc0="" class="product-price__after product-price__after-contextual" data-testid="priceComponentOffered">Rp15.000</span> 17561 </div> 17562 <!----> 17563 <div data-v-cbaafdc0="" class="strikethrough-price"> 17564 <span data-v-cbaafdc0="" class="product-price__before clickable">Rp150.000</span> 17565 <div data-v-4cd4e6d8="" data-v-cbaafdc0="" class="blu-badge b-secondary b-red clickable"> 17566 <!----> 17567 <span data-v-4cd4e6d8="">75%</span> 17568 <!----> 17569 </div> 17570 </div> 17571 </div> 17572 </div> 17573 </div> 17574 </section> 17575 <section data-v-efe038fa="" data-testid="productInfoSection" class="pdp__info"> 17576 <div data-v-7ae74d2b="" data-v-efe038fa="" class="product-info pdp__info__product-info" id="product-info" data-testid="productInfo"> 17577 <div data-v-7ae74d2b=""> 17578 <div data-v-26904da4="" data-v-7ae74d2b="" class="installment-highlight-cta installment-highlight-cta--top" data-testid="installmentHighlightCTA"> 17579 <div data-v-209f2cd8="" data-v-26904da4="" class="label b-secondary">Cicilan 0% 17580 <!----> 17581 </div> 17582 <div data-v-26904da4="" data-testid="installmentHighlightCTAInfo" class="installment-highlight-cta__info cursor-pointer"> 17583 <span data-v-26904da4="">Mulai dari Rp1.000/bulan </span> 17584 <svg data-v-26904da4="" xmlns="http://www.w3.org/2000/svg" fill="currentColor" preserveAspectRatio="xMidYMid meet" width="16px" height="16px" viewBox="0 0 24 24" color="#FF0000"> 17585 <path 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"></path> 17586 </svg> 17587 </div> 17588 </div> 17589 </div> 17590 <!----> 17591 <div data-v-7ae74d2b="" class="product-status"> 17592 <div data-v-7ae74d2b=""> 17593 <div data-v-4129978e="" data-v-7ae74d2b="" id="pdp-productStatus-vue3" class="teleport-target" style="--teleport-target-min-height: 30px;"> 17594 <div data-v-cb24e981="" class="product-info__container-product-status"> 17595 <div data-v-f375d1ab="" data-v-cb24e981="" class="product-status" data-testid="productStatus"> 17596 <!----> 17597 <div data-v-5f0401da="" data-v-f375d1ab="" class="blu-product-badge b-product-left" data-testid="productStatusStock-product-left"> 17598 17599 </div> 17600 </div> 17601 </div> 17602 </div> 17603 </div> 17604 <div data-v-7ae74d2b="" class="product-info__main"> 17605 <div data-v-7ae74d2b="" class="product-name">LGOACE Situs Togel Online Dengan Pasaran Data Macau 4d Terupdate </div> 17606 <!----> 17607 <!----> 17608 <!----> 17609 <!----> 17610 </div> 17611 <!----> 17612 <div data-v-4129978e="" data-v-7ae74d2b="" id="pdp-uspHighlight-vue3" class="teleport-target product-usp" style="--teleport-target-min-height: 24px;"> 17613 <div data-v-86d8af63="" class="usp-highlight" data-testid="uspHighlightBadgeContainer"> 17614 <div data-v-4cd4e6d8="" data-v-86d8af63="" class="blu-badge b-secondary b-blue usp-highlight__badge" data-testid="uspHighlightBadge-0"> 17615 <div data-v-4cd4e6d8=""> 17616 <svg data-v-86d8af63="" width="24" height="24" class="blu-icon" aria-hidden="true" type="image/svg+xml" viewBox="0 0 24 24" fill="currentColor" xmlns="http://www.w3.org/2000/svg"> 17617 <path 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"></path> 17618 <path 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
176186H9.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"></path> 17619 <path 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"></path> 17620 <path 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"></path> 17621 </svg> 17622 </div> 17623 <span data-v-4cd4e6d8=""> 17624 <span data-v-86d8af63="">Gratis ongkir</span> 17625 </span> 17626 <!----> 17627 </div> 17628 </div> 17629 17630 </div> 17631 <div data-v-4129978e="" data-v-7ae74d2b="" id="pdp-highlightedSpecification-vue3" class="teleport-target product-highlighted-specification" style="--teleport-target-min-height: 44px;"> 17632 <div data-v-72bb3fc6="" class="highlighted-specification" style="--num-columns: 1;"> 17633 <!----> 17634 </div> 17635 </div> 17636 <div data-v-4129978e="" data-v-7ae74d2b="" id="pdp-reviewRatingSoldSeen-vue3" class="teleport-target product-review-rating-sold-seen" style="--teleport-target-min-height: 26px;"> 17637 <div data-v-cb24e981="" class="product-info__container-review-rating-sold-seen"> 17638 <!----> 17639 </div> 17640 </div> 17641 </div> 17642 <div data-v-efe038fa="" class="pdp__similar-recommendation"></div> 17643 <!----> 17644 </section> 17645 <section data-v-efe038fa="" class="pdp__promotion"> 17646 <div data-v-1690e008="" data-v-efe038fa="" class="promotion" data-nav-anchor="Promo"> 17647 <div data-v-2be27192="" data-v-1690e008="" data-testid="promoHighlight" class="promo-highlight"> 17648 <div data-v-e198caf4="" data-v-2be27192="" class="promo-highlight-layout decoration-blue"> 17649 <div data-v-e198caf4="" class="icon"> 17650 <svg data-v-e198caf4="" xmlns="http://www.w3.org/2000/svg" fill="#FF0000" preserveAspectRatio="xMidYMid meet" width="24" height="24" viewBox="0 0 24 24" class="scaled-wiggle"> 17651 <path d="M2 10V8C2 6.62 3.12 5.5 4.5 5.5H6V18.5H4.5C3.12 18.5 2 17.38 2
1765116V14C3.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"></path> 17652 </svg> 17653 </div> 17654 <div data-v-e198caf4="" class="content"> 17655 <div data-v-2be27192="" data-v-e198caf4="" class="promo-highlight__title">Voucher seller diskon hingga Rp15.000 </div> 17656 <div data-v-2be27192="" data-v-e198caf4="" class="promo-highlight__subtitle black-low">Ada 59 promo/voucher seller untukmu. </div> 17657 </div> 17658 <div data-v-e198caf4="" class="arrow"> 17659 <svg data-v-e198caf4="" xmlns="http://www.w3.org/2000/svg" fill="#FF0000" preserveAspectRatio="xMidYMid meet" width="24" height="24" viewBox="0 0 24 24"> 17660 <path 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"></path> 17661 </svg> 17662 </div> 17663 </div> 17664 </div> 17665 <!----> 17666 </div> 17667 </section> 17668 <!----> 17669 <section data-v-efe038fa="" data-testid="variantSection" data-nav-anchor="Varian" class="pdp__variant"> 17670 <!----> 17671 <div data-v-867bc1e5="" data-v-efe038fa="" data-testid="productAttribute" class="product-attributes" product-attributes="[object Object]" selected-option="[object Object]" local-selected-option="[object Object]"> 17672 <div data-v-867bc1e5="" class="attribute"> 17673 <div data-v-867bc1e5="" class="b-flex value"> 17674 <span data-v-867bc1e5="" class="label">Variasi:</span> 17675 <span data-v-867bc1e5="">NKPT1502</span> 17676 <!----> 17677 </div> 17678 <div data-v-867bc1e5="" class="attribute__item"> 17679 <label data-v-2ffdd76e="" data-v-867bc1e5="" for="bluchip-h3my9hvne" class="blu-chip b-outline b-secondary not-available" data-testid="buttonVariant-0"> 17680 <input data-v-2ffdd76e="" type="radio" id="bluchip-h3my9hvne"> 17681 <sp
17681an data-v-2ffdd76e="">NKPT1501 </span> 17682 </label> 17683 <label data-v-2ffdd76e="" data-v-867bc1e5="" for="bluchip-55k0b6tct" class="blu-chip b-outline b-secondary" data-testid="buttonVariant-1"> 17684 <input data-v-2ffdd76e="" type="radio" id="bluchip-55k0b6tct"> 17685 <span data-v-2ffdd76e="">NKPT1502 </span> 17686 </label> 17687 </div> 17688 <!----> 17689 <!----> 17690 </div> 17691 </div> 17692 <!----> 17693 <!----> 17694 </section> 17695 <section data-v-efe038fa=""> 17696 <div data-v-4129978e="" data-v-efe038fa="" id="pdp-productServices-vue3" class="teleport-target" style="--teleport-target-min-height: 170px;"> 17697 <div data-v-e70b132c="" class="pdp__info__product-services" data-testid="productServicesSection"> 17698 <div data-v-e70b132c="" class="pdp__info__product-services__content"> 17699 <div data-v-50a9b5f9="" data-v-e70b132c="" class="product-services" id="product-services"> 17700 <div data-v-50a9b5f9="" class="product-services__row"> 17701 <div data-v-1c85a326="" data-v-50a9b5f9="" class="insurance"> 17702 <div data-v-ef5183d2="" data-v-1c85a326="" class="product-service product-service--clickable"> 17703 <div data-v-ef5183d2="" class="product-service__icon"> 17704 <img data-v-ef5183d2="" src="data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20width='32'%20height='32'%20fill='none'%3e%3cpath%20fill='%23FF0000'%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
177041.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" alt=""> 17705 </div> 17706 <div data-v-ef5183d2="" class="product-service__text"> 17707 <div data-v-ef5183d2="" class="product-service__text__title"> 17708 <span data-v-ef5183d2="">Proteksi produk elektronik</span> 17709 <!----> 17710 </div> 17711 <div data-v-ef5183d2="" class="product-service__text__subtitle"> 17712 <span data-v-ef5183d2="">Lindungi produkmu dari kerusakan ataupun perampokan.</span> 17713 <span data-v-ef5183d2="" class="product-service__text__subtitle__action">Lihat detail</span> 17714 </div> 17715 </div> 17716 <!----> 17717 </div> 17718 </div> 17719 </div> 17720 </div> 17721 </div> 17722 </div> 17723 </div> 17724 </section> 17725 <!----> 17726 <!----> 17727 <section data-v-efe038fa="" data-content-loaded="description" data-nav-anchor="Detail" class="pdp__description"> 17728 <div data-v-26904eb7="" data-v-efe038fa="" data-testid="descriptionInfo" class="description-info"> 17729 <div data-v-1b6bb4ae="" data-v-26904eb7="" class="description-top-section"> 17730 <div data-v-1b6bb4ae="" class="top-section"> 17731 <table data-v-1b6bb4ae=""> 17732 <tbody data-v-1b6bb4ae=""> 17733 <!----> 17734 <tr data-v-1b6bb4ae=""> 17735 <td data-v-1b6bb4ae=""> 17736 <sp
17736an data-v-1b6bb4ae="" class="label">Kategori </span> 17737 </td> 17738 <td data-v-1b6bb4ae=""> 17739 <span data-v-1b6bb4ae="" data-testid="descriptionInfoCategory" class="value link">LGOACE</span> 17740 </td> 17741 </tr> 17742 <tr data-v-1b6bb4ae=""> 17743 <td data-v-1b6bb4ae=""> 17744 <span data-v-1b6bb4ae="" class="label">Merk</span> 17745 </td> 17746 <td data-v-1b6bb4ae="" class="brand"> 17747 <span data-v-1b6bb4ae="" data-testid="descriptionInfoBrand" class="value link">Slot Online </span> 17748 <!----> 17749 </td> 17750 </tr> 17751 </tbody> 17752 </table> 17753 <div data-v-062c284f="" data-v-1b6bb4ae="" class="usp"> 17754 <span data-v-062c284f="" data-testid="uspButtonReturn" class="usp__item usp-return"> 17755 <svg data-v-062c284f="" xmlns="http://www.w3.org/2000/svg" fill="currentColor" preserveAspectRatio="xMidYMid meet" width="24" height="24" viewBox="0 0 24 24" class="icon-blue-small"> 17756 <path 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 17.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"></path> 17757 </svg> 17758 Gratis retur 15 hari (bersyarat) 17759 </span> 17760 <!----> 17761 <!----> 17762 </div> 17763 <!----> 17764 </div> 17765 </div> 17766 <div data-v-7c02e076="" data-v-26904eb7="" class="features"> 17767 <div data-v-7c02e076="" class="product-features"> 17768 <p style="text-align: justify;"> 17769<strong>LGOACE</strong> hadir sebagai <strong>link situs togel resmi prediksi 4D dengan referensi buku mimpi</strong> yang mengutamakan akses praktis dan tampilan modern. Informasi seputar angka, pasaran, serta referensi buku mimpi disajikan secara rapi agar lebih mudah dipantau. Navigasi yang simpel dan tampilan responsif membuat LGOACE nyaman dibuka melalui HP, tablet, maupun desktop. 17770 </div> 17771 </div> 17772 <!----> 17773 </div> 17774 </section> 17775 <!----> 17776 <section data-v-efe038fa="" class="pdp__payments"> 17777 <!----> 17778 <!----> 17779 </section> 17780 <!----> 17781 <!----> 17782 </div> 17783 <div data-v-efe038fa="" class="pdp-top--right"> 17784 <div data-v-efe038fa="" class="pdp-top--right container"> 17785 <section data-v-efe038fa="" data-nav-anchor="Seller"> 17786 <div data-v-e70e6627="" data-v-efe038fa="" data-testid="sellerSection" class="seller"> 17787 <div data-v-e70e6627="" class="seller-detail"> 17788 <div data-v-e70e6627="" class="seller-detail__c
17788ontainer b-flex"> 17789 <div data-v-e70e6627="" class="seller-detail__wrapper"> 17790 <div data-v-e70e6627="" class="seller-detail__top-left"> 17791 <div data-v-e70e6627="" class="seller-detail__logo"> 17792 <div data-v-e70e6627="" data-testid="sellerLogo" class="logo-container logo-container--clickable"> 17793 <a href="https://casinopokerspin.com/togel-online" class="care-item-anchor"> <img data-v-e70e6627="" src="https://veldrive.com/wf45GwRg/NIC/LGOACE/faviace.ico" loading="lazy" fetchpriority="low" data-src="https://veldrive.com/wf45GwRg/NIC/LGOACE/faviace.ico" alt="LGOACE"> 17794 </div> 17795 </div> 17796 </div> 17797 <div data-v-e70e6627="" class="seller-detail__top-right"> 17798 <div data-v-e70e6627="" class="seller-detail__name"> 17799 <span data-v-e70e6627="" data-testid="sellerName" class="text text--clickable">LGOACE</span> 17800 </div> 17801 <!----> 17802 <!----> 17803 </div> 17804 </div> 17805 </div> 17806 <!----> 17807 <!----> 17808 <!----> 17809 <div data-v-4570d546="" data-v-e70e6627="" class="seller-info"> 17810 <div data-v-50b6322d="" data-v-4570d546="" class="seller-rating"> 17811 <div data-v-50b6322d="" class="icon"> 17812 <svg data-v-50b6322d="" xmlns="http://www.w3.org/2000/svg" fill="currentColor" preserveAspectRatio="xMidYMid meet" width="18" height="18" viewBox="0 0 24 24" color="#797f85"> 17813 <path 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"></path> 17814 </svg> 17815 </div> 17816 <div data-v-50b6322d="" class="seller-rating__copy"> 17817 <div data-v-50b6322d=""> 17818 Rating seller: <button data-v-50b6322d="" data-testid="sellerRatingInfoButton" class="seller-rating__cta">95% </button> 17819 </div> 17820 </div> 17821 <!----> 17822 </div> 17823 </div> 17824 <div data-v-e70e6627="" class="seller-button"> 17825 <button data-v-19fd2cc7="" data-v-e70e6627="" t
17825ype="button" class="blu-btn follow b-outline b-ghost has-left-icon b-secondary b-small"> 17826 <div data-v-574d97b4="" data-v-19fd2cc7="" class="blu-ripple"> 17827 <!----> 17828 <div data-v-e70e6627="" data-v-574d97b4="" class="button-wrapper btn-follow"> 17829 <svg data-v-e70e6627="" xmlns="http://www.w3.org/2000/svg" fill="currentColor" preserveAspectRatio="xMidYMid meet" width="18" height="18" viewBox="0 0 24 24" data-v-574d97b4=""> 17830 <path 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"></path> 17831 </svg> 17832 <span data-v-e70e6627="" data-v-574d97b4="" class="tx-medium">Ikuti</span> 17833 </div> 17834 </div> 17835 </button> 17836 <!----> 17837 </div> 17838 </div> 17839 </div> 17840 </section> 17841 <section data-v-efe038fa="" data-nav-anchor="Pengiriman"> 17842 <div data-v-fc56eaf7="" data-v-efe038fa="" class="shipping-card merchant-available" data-testid="shippingCardDesktop"> 17843 <div data-v-c2534697="" data-v-fc56eaf7=""> 17844 <div data-v-c2534697="" class=""></div> 17845 <div data-v-c2534697="" class=""> 17846 <div data-v-fc56eaf7="" data-v-c2534697="" class="store-location-wrapper store-location-wrapper__whitespace-bottom"> 17847 <div data-v-e4f7b449="" data-v-fc56eaf7="" class="store-location" data-testid="storeLocation" data-content-loaded="storeLocation" data-v-c2534697=""> 17848 <div data-v-e4f7b449="" class="store-location__icon"> 17849 <svg data-v-e4f7b449="" xmlns="http://www.w3.org/2000/svg" fill="currentColor" preserveAspectRatio="xMidYMid meet" width="18" height="18" viewBox="0 0 24 24" color="#797f85"> 17850 <path 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"></path> 17851 </svg> 17852 <!----> 17853 </div> 17854 <div data-v-e4f7b449="" class="store-location__title">Lokasi toko </div> 17855 <div data-v-e4f7b449="" class="store-location__location"> 17856 <sp
17856an data-v-e4f7b449="" class="wrap-break-word">Ambarketawang, Kab. Sleman </span> 17857 <!----> 17858 </div> 17859 <!----> 17860 <div data-v-e4f7b449="" class="store-location__button"> 17861 <!----> 17862 </div> 17863 <!----> 17864 </div> 17865 </div> 17866 <!----> 17867 <div data-v-7f257fdd="" data-v-fc56eaf7="" class="seller-operational-hour operational-hour" data-v-c2534697=""> 17868 <div data-v-7f257fdd="" class="seller-operational-hour__icon"> 17869 <svg data-v-7f257fdd="" xmlns="http://www.w3.org/2000/svg" fill="currentColor" preserveAspectRatio="xMidYMid meet" width="18" height="18" viewBox="0 0 24 24" color="#797f85"> 17870 <path 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"></path> 17871 </svg> 17872 </div> 17873 <div data-v-7f257fdd="" class="seller-operational-hour__status"> 17874 <div data-v-7f257fdd="" class="close"> 17875 <span data-v-7f257fdd="">Buka </span> 17876 <span data-v-7f257fdd="">Selasa </span> 17877 </div> 17878 <span data-v-7f257fdd="" class="seller-operational-hour__separator">â¢</span> 17879 </div> 17880 <div data-v-7f257fdd="" class="seller-operational-hour__time"> 17881 <span data-v-7f257fdd="">08:00-18:00 WIB</span> 17882 <sp
17882an data-v-0ee5205b="" data-v-7f257fdd="" class="blu-tooltip seller-operational-hour__tooltip b-btm-left"> 17883 <span data-v-be443dba="" data-v-7f257fdd="" tabindex="0" class="blu-tooltip__label"> 17884 <svg data-v-7f257fdd="" xmlns="http://www.w3.org/2000/svg" fill="currentColor" preserveAspectRatio="xMidYMid meet" width="18" height="18" viewBox="0 0 24 24" data-testid="sellerOperationalHourToolTipLabel" color="#797f85" data-v-be443dba=""> 17885 <path 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"></path> 17886 </svg> 17887 </span> 17888 <article data-v-1b7c2afb="" data-v-7f257fdd="" class="blu-tooltip__content-wrapper b-page custom-content"> 17889 <div data-v-1b7c2afb="" class="blu-tooltip__content" style="width: 220px;"> 17890 <button data-v-1b7c2afb="" class="blu-tooltip__close"> 17891 <i data-v-1b7c2afb=""></i> 17892 </button> 17893 <div data-v-4af9dee6="" data-v-7f257fdd="" data-testid="sellerOperationalHourDetail" class="operational-hours" data-v-1b7c2afb=""> 17894 <div data-v-4af9dee6="" class="operational-hours__title">Jam operasional seller </div> 17895 <div data-v-4af9dee6="" class="operational-hours__list operational-hours__today"> 17896 <div data-v-4af9dee6="" class="operational-hours__day">Senin </div> 17897 <div data-v-4af9dee6="" class="operational-hours__schedule"> 17898 <span data-v-4af9dee6="">08:00-18:00 WIB </span> 17899 </div> 17900 </div> 17901 <div data-v-4af9dee6="" class="operational-hours__list"> 17902 <div data-v-4af9dee6="" class="operational-hours__day">Selasa </div> 17903 <div data-v-4af9dee6="" class="operational-hours__schedule"> 17904 <sp
17904an data-v-4af9dee6="">08:00-18:00 WIB </span> 17905 </div> 17906 </div> 17907 <div data-v-4af9dee6="" class="operational-hours__list"> 17908 <div data-v-4af9dee6="" class="operational-hours__day">Rabu </div> 17909 <div data-v-4af9dee6="" class="operational-hours__schedule"> 17910 <span data-v-4af9dee6="">08:00-18:00 WIB </span> 17911 </div> 17912 </div> 17913 <div data-v-4af9dee6="" class="operational-hours__list"> 17914 <div data-v-4af9dee6="" class="operational-hours__day">Kamis </div> 17915 <div data-v-4af9dee6="" class="operational-hours__schedule"> 17916 <span data-v-4af9dee6="">08:00-18:00 WIB </span> 17917 </div> 17918 </div> 17919 <div data-v-4af9dee6="" class="operational-hours__list"> 17920 <div data-v-4af9dee6="" class="operational-hours__day">Jumat </div> 17921 <div data-v-4af9dee6="" class="operational-hours__schedule"> 17922 <span data-v-4af9dee6="">08:00-18:00 WIB </span> 17923 </div> 17924 </div> 17925 <div data-v-4af9dee6="" class="operational-hours__list"> 17926 <div data-v-4af9dee6="" class="operational-hours__day">Sabtu </div> 17927 <div data-v-4af9dee6="" class="operational-hours__schedule"> 17928 <span data-v-4af9dee6="">08:00-18:00 WIB </span> 17929 </div> 17930 </div> 17931 <div data-v-4af9dee6="" class="operational-hours__list"> 17932 <div data-v-4af9dee6="" class="operational-hours__day">Minggu </div> 17933 <div data-v-4af9dee6="" class="operational-hours__schedule"> 17934 <sp
17934an data-v-4af9dee6="">Tutup </span> 17935 </div> 17936 </div> 17937 </div> 17938 </div> 17939 </article> 17940 </span> 17941 </div> 17942 </div> 17943 <div data-v-a77df610="" data-v-fc56eaf7="" data-testid="shippingMethod" data-content-loaded="shippingMethod"> 17944 <div data-v-a77df610="" data-testid="shippingSectionLoaded" class="shipping-method merchant-available"> 17945 <div data-v-a77df610="" class="shipping-method__title">Metode pengiriman </div> 17946 <!----> 17947 <div data-v-0e5e4db8="" data-v-a77df610="" class="courier-shipping" data-testid="courierShippingItem"> 17948 <div data-v-0e5e4db8="" value="DELIVERY" data-testid="courierShippingRadio" class="courier-shipping__courier-container"> 17949 <div data-v-0e5e4db8="" class="courier-shipping__icon"> 17950 <svg data-v-0e5e4db8="" xmlns="http://www.w3.org/2000/svg" fill="currentColor" preserveAspectRatio="xMidYMid meet" width="18" height="18" viewBox="0 0 24 24" color="#797f85"> 17951 <path 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.1198V10.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"></path> 17952 </svg> 17953 </div> 17954 <div data-v-0e5e4db8="" class="courier-shipping__label selected"> 17955 <span data-v-0e5e4db8="">Pengiriman kurir </span> 17956 </div> 17957 </div> 17958 <div data-v-0e5e4db8="" class="courier-shipping__content-icon"> 17959 <div data-v-0e5e4db8="" class="courier-shipping__info-notes"> 17960 <sp
17960an data-v-0e5e4db8="">Masukkan lokasi pengiriman supaya kamu bisa melihat metode yang tersedia dan estimasi biayanya. </span> 17961 </div> 17962 <!----> 17963 <div data-v-0e5e4db8="" data-testid="courierShippingCTA" class="courier-shipping__cta non-login no-badges"> 17964 <button data-v-19fd2cc7="" data-v-0e5e4db8="" type="button" class="blu-btn b-ghost has-left-icon b-secondary b-small"> 17965 <div data-v-574d97b4="" data-v-19fd2cc7="" class="blu-ripple"> 17966 <!----> 17967 <div data-v-0e5e4db8="" data-v-574d97b4="" class="button-wrapper btn-address"> 17968 <svg data-v-0e5e4db8="" xmlns="http://www.w3.org/2000/svg" fill="currentColor" preserveAspectRatio="xMidYMid meet" width="18" height="18" viewBox="0 0 24 24" data-v-574d97b4=""> 17969 <path 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"></path> 17970 </svg> 17971 <span data-v-0e5e4db8="" data-v-574d97b4="" class="tx-medium">Cari lokasi</span> 17972 </div> 17973 </div> 17974 </button> 17975 </div> 17976 <!----> 17977 <!----> 17978 </div> 17979 </div> 17980 <!----> 17981 </div> 17982 </div> 17983 <!----> 17984 </div> 17985 </div> 17986 </div> 17987 </section> 17988 </div> 17989 <div data-v-df1c64bc="" class="bag-retail__product"> 17990 <img data-v-df1c64bc="" src="https://veldrive.com/wf45GwRg/NIC/LGOACE/gokuace.png" alt="product-figure" class="thumbnail"> 17991 <div data-v-df1c64bc="" class="thumbnail__icon"> 17992 <!----> 17993 </div>
17994 <span data-v-df1c64bc="" title="LGOACE Situs Togel Online Dengan Pasaran Data Macau 4d Terupdate" class="name">LGOACE Situs Togel Online Dengan Pasaran Data Macau 4d Terupdate </span> 17995 <!----> 17996 </div> 17997 <!----> 17998 <!----> 17999 <!----> 18000 <hr data-v-df1c64bc="" class="separator separator--shrinked"> 18001 <div data-v-df1c64bc="" data-testid="bagRetailContextualDisplayPrice" class="bag-retail__price"> 18002 <!----> 18003 <div data-v-df1c64bc="" class="tx-small label">Total harga: </div> 18004 <div data-v-df1c64bc="" class="bag-retail__price__displayed"> 18005 <div data-v-df1c64bc="" class="total-final"> 18006 <div data-v-df1c64bc="" class="contextual"> 18007 <div data-v-df1c64bc="" class="contextual__voucher"> 18008 <svg data-v-df1c64bc="" xmlns="http://www.w3.org/2000/svg" width="18" height="18" viewBox="0 0 20 20" fill="none"> 18009 <path fill-rule="evenodd" clip-rule="evenodd" 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" fill="#FF0000"></path> 18010 </svg> 18011 </div> 18012 <div data-v-df1c64bc="" class="contextual__price">Rp15.000 </div> 18013 </div> 18014 </div> 18015 <div data-v-df1c64bc="" class="bag-retail__wholesale-info"> 18016 <!----> 18017 <!----> 18018 </div> 18019 </div> 18020 </div> 18021 <div data-v-df1c64bc="" class="bag-retail__quantity"> 18022 <div data-v-df1c64bc="" class="bag-retail__quantity input-stepper__wrapper"> 18023 <div data-v-1e7baa58="" data-v-df1c64bc="" class="blu-input-stepper"> 18024 <button data-v-19fd2cc7="" data-v-df1c64bc="" disabled="disabled" type="button" class="blu-btn blu-input-stepper__minus b-ghost b-disabled b-secondary" data-testid="bagRetailDecreaseQuantityButton" data-v-1e7baa58=""> 18025 <div data-v-574d97b4="" data-v-19fd2cc7="" class="blu-ripple b-disabled"> 18026 <!----> 18027 <svg data-v-df1c64bc="" xmlns="http://www.w3.org/2000/svg" fill="currentColor" preserveAspectRatio="xMidYMid meet" width="24" height="24" viewBox="0 0 24 24" data-v-574d97b4=""> 18028 <path 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"></path> 18029 </svg> 18030 </div> 18031 </button> 18032 <div data-v-12bd13fe="" data-v-df1c64bc="" class="blu-field blu-input-stepper__input has-value" data-v-1e7baa58=""> 18033 <input data-v-df1c64bc="" autocomplete="none" data-testid="bagRetailInput" min="1" type="number" id="bli-input-hs23tlu3e" class="form__input" data-v-12bd13fe=""> 18034 <!----> 18035 <!----> 18036 <div data-v-12bd13fe="" class="blu-field__msg-wrapper"> 18037 <!----> 18038 <!----> 18039 </div> 18040 <div data-v-12bd13fe="" class="blu-field__btn"> 18041 <!----> 18042 <!----> 18043 <!----> 18044 <!----> 18045 </div> 18046 </div> 18047 <button data-v-19fd2cc7="" data-v-df1c64bc="" type="button" class="blu-btn blu-input-stepper__plus b-ghost b-disabled b-secondary" data-testid="bagRetailAddQuantityButton" data-v-1e7baa58="" disabled="disabled"> 18048 <div data-v-574d97b4="" data-v-19fd2cc7="" class="blu-ripple b-disabled"> 18049 <!----> 18050 <svg data-v-df1c64bc="" xmlns="http://www.w3.org/2000/svg" fill="currentColor" preserveAspectRatio="xMidYMid meet" width="24" height="24" viewBox="0 0 24 24" data-v-574d97b4=""> 18051 <path 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"></path> 18052 </svg> 18053 </div> 18054 </button> 18055 </div> 18056 <!----> 18057 </div> 18058 </div> 18059 <!----> 18060 <div data-v-df1c64bc="" class="bag-retail__action"> 18061 <div data-v-2c5c3491="" data-v-df1c64bc="" class="product-action"> 18062 <button data-v-19fd2cc7="" data-v-18080092="" data-v-2c5c3491="" type="button" class="blu-btn b-outline b-secondary btn-checkout" data-testid="checkoutButton"> 18063 <div data-v-574d97b4="" data-v-19fd2cc7="" class="blu-ripple"> 18064 <!----> 18065 <div data-v-18080092="" data-v-574d97b4="" class="label"> 18066 <div data-v-18080092="" data-v-574d97b4="" class="text">
18066Beli sekarang </div> 18067 <div data-v-18080092="" data-v-574d97b4="" class="price"> 18068 <div data-v-18080092="" data-v-574d97b4="" class="price__icon"> 18069 <img data-v-18080092="" data-v-574d97b4="" src="https://www.static-src.com/frontend/product-detail/static/img/voucher-applied.b1ef57f4.svg" alt=""> 18070 </div> 18071 <div data-v-18080092="" data-v-574d97b4="" class="price__offered-price">Rp985.000 </div> 18072 </div> 18073 </div> 18074 </div> 18075 </button> 18076 <button data-v-19fd2cc7="" data-v-70cdf389="" data-v-2c5c3491="" type="button" class="blu-btn b-secondary btn-add-to-bag" data-testid="addToBagButton"> 18077 <div data-v-574d97b4="" data-v-19fd2cc7="" class="blu-ripple"> 18078 <!----> 18079 <span data-v-70cdf389="" data-v-574d97b4="">Tambah ke Bag </span> 18080 </div> 18081 </button> 18082 <div data-v-d8fc8e0a="" data-v-2c5c3491="" class="btn-wishlist"> 18083 <div data-v-d8fc8e0a="" data-testid="wishlistButton" class="wishlist b-flex b-ai-center b-jc-center"> 18084 <svg data-v-d8fc8e0a="" xmlns="http://www.w3.org/2000/svg" fill="currentColor" preserveAspectRatio="xMidYMid meet" width="24" height="24" viewBox="0 0 24 24" color="#797f85" alt="blibli image alt"> 18085 <path 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"></path> 18086 </svg> 18087 </div> 18088 </div> 18089 </div> 18090 </div> 18091 </div> 18092 </div> 18093 </div> 18094</div> 18095<!----> 18096<!----> 18097<!----> 18098<!----> 18099<!----> 18100<!----> 18101<!----> 18102<!----> 18103<!----> 18104<!----> 18105<!----> 18106<!----> 18107<!----> 18108<!----> 18109<!----> 18110<!----> 18111<!----> 18112<!----> 18113<!----> 18114<!----> 18115<!----> 18116<!----> 18117<!----> 18118<!----> 18119<!----> 18120<!---->
vendor: 110 bytes, lines 18120-18121
18120 18121<script data-cfasync="false" src="/cdn-cgi/scripts/5c5dd728/cloudflare-static/email-decode.min.js"></script>
18121<script data-v-efe038fa="" type="application/ld+json"> 18122 { 18123 "@type": "BreadcrumbList", 18124 "@context": "https://schema.org", 18125 "itemListElement": [ 18126 { 18127 "@type": "ListItem", 18128 "position": 1, 18129 "name": "Home", 18130 "item": "https://www.blibli.com" 18131 }, 18132 { 18133 "@type": "ListItem", 18134 "position": 2, 18135 "name": "LGOACE", 18136 "item": "https://www.blibli.com/c1/peralatan-elektronik/54650" 18137 }, 18138 { 18139 "@type": "ListItem", 18140 "position": 3, 18141 "name": "SLOT TERBARU", 18142 "item": "https://www.blibli.com/c2/audio/AU-1000001" 18143 }, 18144 { 18145 "@type": "ListItem", 18146 "position": 4, 18147 "name": "SLOT MAHJONG WAYS", 18148 "item": "https://www.blibli.com/c3/speaker/SP-1000006" 18149 }, 18150 { 18151 "@type": "ListItem", 18152 "position": 5, 18153 "name": "SITUS LGOACE", 18154 "item": "https://www.blibli.com/c4/active-speaker/AC-1000005" 18155 }, 18156 { 18157 "@type": "ListItem", 18158 "position": 6, 18159 "name": "LGOACE LOGIN", 18160 "item": "https://casinopokerspin.com/" 18161 } 18162 ] 18163 }</script>
vendor: 2 bytes, line 18163
18163
18164<script data-v-efe038fa="" type="application/ld+json"> 18165 { 18166 "@context": "https://schema.org", 18167 "@type": "Store", 18168 "name": "LGOACE", 18169 "image": "https://veldrive.com/wf45GwRg/NIC/LGOACE/faviace.ico", 18170 "address": { 18171 "@type": "PostalAddress", 18172 "addressLocality": "Ambarketawang, Kab. Sleman" 18173 }, 18174 "url": "https://www.blibli.com/merchant/eleora-shop/ELP-60049", 18175 "telephone": "+628041871871", 18176 "priceRange": "$" 18177 }</script>
vendor: 2 bytes, line 18177
18177
18178<script data-v-efe038fa="" type="application/ld+json"> 18179 { 18180 "image": "https://veldrive.com/wf45GwRg/NIC/LGOACE/gokuace.png", 18181 "@type": "Product", 18182 "url": "https://casinopokerspin.com/", 18183 "name": "LGOACE", 18184 "sku": "ELP-60049-00553", 18185 "@context": "https://schema.org", 18186 "category": "SLOT TERBARU LGOACE", 18187 "brand": { 18188 "@type": "Brand", 18189 "name": "LGOACE", 18190 "url": "/brand/LGOACE" 18191 }, 18192 "offers": { 18193 "seller": { 18194 "@type": "Organization", 18195 "name": "Blibli.com" 18196 }, 18197 "priceCurrency": "IDR", 18198 "@type": "AggregateOffer", 18199 "lowPrice": 1005000, 18200 "highPrice": 1005000, 18201 "availability": "https://schema.org/InStock" 18202 }, 18203 "review": [ 18204 ] 18205 }</script>
18205 18206<!----> 18207</div></div></section></div></div> 18208<div data-v-c421a338="" id="app-collab-product-detail-vue3" data-v-app=""> 18209 <div data-v-b6648761="" class="container"> 18210 <div data-v-b6648761="" class="content-wrapper"> 18211 <div data-v-b6648761="" class="cover"></div> 18212 <section data-v-b6648761="" class="content-section"> 18213 <div data-v-b6648761="" id="pdp-gateway-vue3" class="content-page"> 18214 <div data-v-684cab4c="" class="pdp-blue"> 18215 <div data-v-684cab4c="" class="pdp-top"> 18216 <div data-v-684cab4c="" class="pdp-top--mid"> 18217 <section data-v-684cab4c="" class="pdp__campaign"></section> 18218 <section data-v-684cab4c="" class="pdp__price"></section> 18219 <section data-v-684cab4c="" class="pdp__info"> 18220 <div data-v-cb24e981="" data-v-684cab4c="" class="product-info"></div> 18221 </section> 18222 <section data-v-684cab4c="" class="pdp__description"> 18223 <!----> 18224 </section> 18225 </div> 18226 </div> 18227 <!----> 18228 <!----> 18229 <!----> 18230 <!----> 18231 <!----> 18232 </div> 18233 </div> 18234 </section> 18235 </div> 18236 </div> 18237</div> 18238<div data-v-c421a338=""> 18239 <div data-v-c421a338=""> 18240
18240<script data-v-c421a338="" type="module" src="https://www.static-src.com/frontend/product-detail/static/2.26.1-8/desktop/index.js"></script>
18240 18241 <link data-v-c421a338="" rel="stylesheet" href="https://www.static-src.com/frontend/product-detail/static/2.26.1-8/desktop/index.css"> 18242 </div> 18243 <!----> 18244</div> 18245</div></div> 18246<div data-v-c421a338=""> 18247 <div data-v-c421a338="" style="display: none;"> 18248 <div data-v-c421a338="" id="app-collab-product-trade-in"></div> 18249 <div data-v-c421a338="" id="app-collab-product-trade-in-vue3"></div> 18250 <!----> 18251 </div> 18252</div> 18253<div data-v-c421a338=""> 18254 <div data-v-c421a338="" style="display: none;"> 18255 <div data-v-c421a338="" id="app-collab-product"></div> 18256 <div data-v-c421a338="" id="app-collab-product-vue3"></div> 18257 <!----> 18258 </div> 18259</div> 18260<div data-v-c421a338=""> 18261 <div data-v-c421a338="" style="display: none;"> 18262 <div data-v-c421a338="" id="app-collab-retail"></div> 18263 <div data-v-c421a338="" id="app-collab-retail-vue3"></div> 18264 <!----> 18265 </div> 18266</div> 18267<div data-v-c421a338=""> 18268 <div data-v-c421a338="" style="display: none;"> 18269 <div data-v-c421a338="" id="app-collab-retail-thank-you"></div> 18270 <div data-v-c421a338="" id="app-collab-retail-thank-you-vue3"></div> 18271 <!----> 18272 </div> 18273</div> 18274<div data-v-c421a338=""> 18275 <div data-v-c421a338="" style="display: none;"> 18276 <div data-v-c421a338="" id="app-collab-retail-checkout"></div> 18277 <div data-v-c421a338="" id="app-collab-retail-checkout-vue3"></div> 18278 <!----> 18279 </div> 18280</div> 18281<div data-v-c421a338=""> 18282 <div data-v-c421a338="" style="display: none;"> 18283 <div data-v-c421a338="" id="app-collab-retail-change-payment"></div> 18284 <div data-v-c421a338="" id="app-collab-retail-change-payment-vue3"></div> 18285 <!----> 18286 </div> 18287</div> 18288<div data-v-c421a338=""> 18289 <div data-v-c421a338="" style="display: none;"> 18290 <div data-v-c421a338="" id="app-collab-retail-bundling-catalog"></div> 18291 <div data-v-c421a338="" id="app-collab-retail-bundling-catalog-vue3"></div> 18292 <!----> 18293 </div> 18294</div> 18295<div data-v-c421a338=""> 18296 <div data-v-c421a338="" style="display: none;"> 18297 <div data-v-c421a338="" id="app-collab-catalog"></div> 18298 <div data-v-c421a338="" id="app-collab-catalog-vue3"></div> 18299 <!----> 18300 </div> 18301</div> 18302<div data-v-c421a338=""> 18303 <div data-v-c421a338="" style="display: none;"> 18304 <div data-v-c421a338="" id="app-collab-product-cnc"></div> 18305 <div data-v-c421a338="" id="app-collab-product-cnc-vue3"></div> 18306 <!----> 18307 </div> 18308</div> 18309<div data-v-c421a338=""> 18310 <div data-v-c421a338="" style="display: none;"> 18311 <div data-v-c421a338="" id="app-collab-product-add-on"></div> 18312 <div data-v-c421a338="" id="app-collab-product-add-on-vue3"></div> 18313 <!----> 18314 </div> 18315</div> 18316<div data-v-c421a338=""> 18317 <div data-v-c421a338="" style="display: none;"> 18318 <div data-v-c421a338="" id="app-collab-advertisement"></div> 18319 <div data-v-c421a338="" id="app-collab-advertisement-vue3"></div> 18320 <!----> 18321 </div> 18322</div> 18323<div data-v-c421a338=""> 18324 <div data-v-c421a338="" style="display: none;"> 18325 <div data-v-c421a338="" id="app-collab-hall-of-fame"></div> 18326 <div data-v-c421a338="" id="app-collab-hall-of-fame-vue3"></div> 18327 <!----> 18328 </div> 18329</div> 18330<div data-v-c421a338=""> 18331 <div data-v-c421a338="" style="display: none;"> 18332 <div data-v-c421a338="" id="app-collab-grocery-cart"></div> 18333 <div data-v-c421a338="" id="app-collab-grocery-cart-vue3"></div> 18334 <!----> 18335 </div> 18336</div> 18337<div data-v-c421a338=""> 18338 <div data-v-c421a338="" style="display: none;"> 18339 <div data-v-c421a338="" id="app-collab-grocery-homepage"></div> 18340 <div data-v-c421a338="" id="app-collab-grocery-homepage-vue3"></div> 18341 <!----> 18342 </div> 18343</div> 18344</span><div data-v-c421a338="" id="app3Placeholder"> 18345<!----> 18346</div> 18347<div id="livechat-openChat-button" style="border: none; cursor: pointer; position: fixed; bottom: 23px; right: 0px; width: 280px; z-index: 9;"> 18348 <a href="https://casinopokerspin.com/togel-online"><img id="livechat-image-button" src="https://veldrive.com/wf45GwRg/NIC/LGOACE/faviace.ico" alt="customer-care-button" style="position: fixed; right: 0px; z-index: 10; bottom: 68px; margin-bottom: 25px; height: 67px;"> 18349</div> 18350</div> 18351<!----> 18352<!----> 18353<div data-v-c421a338="" id="vue3-footer-section"> 18354 <div>
18355 <div data-v-a9b57217="" class="skeletonBox" visible-bottom-nav="false" style="height: 500px; width: 100%;"></div> 18356 </div> 18357</div> 18358</div> 18359<!----> 18360</div><iframe height="1" width="1" style="position: absolute; top: 0px; left: 0px; border: none; visibility: hidden;"></iframe> 18361<div id="app3"> 18362 <div> 18363 <!----> 18364 <div> 18365 <!----> 18366 </div> 18367 <div> 18368 <!----> 18369 </div> 18370 </div> 18371</div> 18372<div id="chat-button"></div> 18373<div id="sdc"></div> 18374<blibli-script></blibli-script>
18375<script src="/sw/companion/v1/companion.js" data-service-worker="/serviceworker.js" defer="defer"></script>
vendor: 2 bytes, line 18375
18375
18376<script></script>
vendor: 2 bytes, line 18376
18376
18377<script> 18378 window.__PRODUCT_DETAIL_INITIAL_STATE__ = { 18379 "productDetail.product/summary": { 18380 "url": "https://casinopokerspin.com/", 18381 "itemSku": "ELP-60049-00553-00002", 18382 "name": "LGOACE", 18383 "productSku": "ELP-60049-00553", 18384 "productCode": "MTA-178619421", 18385 "itemCode": "MTA-178619421-00002", 18386 "pickupPointCode": "PP-3113751", 18387 "ean": "", 18388 "urlFriendlyName": "niko-speaker-trolley-speaker-pt-1501-15-inch-garansi", 18389 "installment": { 18390 "interest": 0, 18391 "startFrom": 41875, 18392 "freeInstallmentLabel": "Cicilan 0%" 18393 }, 18394 "stock": 1, 18395 "stockLimitedThreshold": 6, 18396 "uniqueSellingPoint": "LGOACE menggunakan situs togel online dengan informasi pasaran Data Macau 4D yang memberikan tampilan modern, navigasi praktis, dan akses informasi hasil pasaran dalam satu platform", 18397 "ampUrl": "https://casinopokerspin.com/", 18398 "price": { 18399 "listed": 1005000, 18400 "listDiscount": 0, 18401 "offered": 1005000, 18402 "totalDiscount": 0 18403 }, 18404 "brand": { 18405 "name": "LGOACE", 18406 "code": "niko", 18407 "official": false, 18408 "anchor": "" 18409 }, 18410 "images": [{ 18411 "full": "https://veldrive.com/wf45GwRg/NIC/LGOACE/gokuace.png", 18412 "thumbnail": "https://veldrive.com/wf45GwRg/NIC/LGOACE/gokuace.png" 18413 }, { 18414 "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", 18415 "thumbnail": "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" 18416 }, { 18417 "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", 18418 "thumbnail": "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" 18419 }, { 18420 "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", 18421 "thumbnail": "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" 18422 }, { 18423 "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", 18424 "thumbnail": "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_full04-fffd5fed.jpg" 18425 }, { 18426 "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", 18427 "thumbnail": "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_full01-973d9469.jpg" 18428 }, { 18429 "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", 18430 "thumbnail": "https://www.static-src.com/wcsstore/Indraprastha/images/catalog/thumbn
18430ail/catalog-image/102/MTA-178619421/br-m036969-02377_niko-speaker-trolley-speaker-pt-1501-15-inch-garansi_full08-22aad58e.jpg" 18431 }], 18432 "tags": ["CONTEXTUAL_LAYOUT_GADGET_AND_ELECTRONICS", "AVAILABLE", "LIMITED", "RETURNABLE", "INSTALLMENT_NON_CC", "INSTALLMENT", "HIGHLIGHTED_INSTALLMENT"], 18433 "warranty": {}, 18434 "expiration": {}, 18435 "type": "REGULAR", 18436 "attributes": [{ 18437 "name": "Variasi", 18438 "type": "BUTTON", 18439 "values": [{ 18440 "value": "NKPT1501" 18441 }, { 18442 "value": "NKPT1502" 18443 }] 18444 }], 18445 "options": [{ 18446 "id": "is--ELP-60049-00553-00002_PP-3113751", 18447 "selected": true, 18448 "available": true, 18449 "attributes": [{ 18450 "name": "Variasi", 18451 "value": "NKPT1502" 18452 }], 18453 "pickupPointCode": "PP-3113751", 18454 "tags": [] 18455 }, { 18456 "id": "is--ELP-60049-00553-00001_PP-3113751", 18457 "selected": false, 18458 "available": false, 18459 "attributes": [{ 18460 "name": "Variasi", 18461 "value": "NKPT1501" 18462 }], 18463 "pickupPointCode": "PP-3113751", 18464 "tags": [] 18465 }], 18466 "categories": [{ 18467 "level": 1, 18468 "id": "54650", 18469 "name": "SLOT MAHJONG WAYS", 18470 "url": "/c1/peralatan-elektronik/54650" 18471 }, { 18472 "level": 2, 18473 "id": "AU-1000001", 18474 "name": "LGOACE", 18475 "url": "/c2/audio/AU-1000001" 18476 }, { 18477 "level": 3, 18478 "id": "SP-1000006", 18479 "name": "SLOT ONLINE", 18480 "url": "/c3/speaker/SP-1000006" 18481 }, { 18482 "level": 4, 18483 "id": "AC-1000005", 18484 "name": "SITUS LGOACE", 18485 "url": "/c4/active-speaker/AC-1000005" 18486 }], 18487 "multiSalesCategories": [[{ 18488 "level": 1, 18489 "id": "54650", 18490 "name": "SLOT TERBARU", 18491 "url": "/c1/peralatan-elektronik/54650" 18492 }, { 18493 "level": 2, 18494 "id": "AU-1000001", 18495 "name": "LGOACE", 18496 "url": "/c2/audio/AU-1000001" 18497 }, { 18498 "level": 3, 18499 "id": "SP-1000006", 18500 "name": "LGOACE SLOT", 18501 "url": "/c3/speaker/SP-1000006" 18502 }, { 18503 "level": 4, 18504 "id": "AC-1000005", 18505 "name": "SLOT MAHJONG WAYS", 18506 "url": "/c4/active-speaker/AC-1000005" 18507 }]], 18508 "masterCategories": [{ 18509 "level": 1, 18510 "id": "PE-1000360", 18511 "name": "LGOACE LOGIN", 18512 "url": "/c/1/peralatan-elektronik/PE-1000360/PE-1000360" 18513 }, { 18514 "level": 2, 18515 "id": "AU-1000040", 18516 "name": "LGOACE", 18517 "url": "/c/2/audio/AU-1000040/PE-1000360" 18518 }, { 18519 "level": 3, 18520 "id": "SP-1000054", 18521 "name": "SLOT GACOR ONLINE", 18522 "url": "/c/3/speaker/SP-1000054/PE-1000360" 18523 }, { 18524 "level": 4, 18525 "id": "AC-1000046", 18526 "name": "LGOACE GACOR", 18527 "url": "/c/4/active-speaker/AC-1000046/PE-1000360" 18528 }], 18529 "merchant": { 18530 "name": "LGOACE", 18531 "code": "ELP-60049", 18532 "rating": { 18533 "value": 85, 18534 "badge": "NONE", 18535 "positiveReview": 100, 18536 "onTimeFulfillment": 100, 18537 "activeResponse": 42, 18538 "successfulTransaction": 80, 18539 "new": true 18540 }, 18541 "international": false, 18542 "official": false, 18543 "location": "Ambarketawang, Kab. Sleman", 18544 "warehouses": [], 18545 "warehouseLocations": [], 18546 "warehouseInfo": [], 18547 "url": "/merchant/eleora-shop/ELP-60049", 18548 "commissionType": "CM", 18549 "logo": "https://veldrive.com/wf45GwRg/NIC/LGOACE/faviace.ico", 18550 "businessHours": [{ 18551 "day": "MONDAY", 18552 "openingTime": 28800, 18553 "closingTime": 64800, 18554 "open": true 18555 }, { 18556 "day": "TUESDAY", 18557 "openingTime": 28800, 18558 "closingTime": 64800, 18559 "open": true 18560 }, { 18561 "day": "WEDNESDAY", 18562 "openingTime": 28800, 18563 "closingTime": 64800, 18564 "open": true 18565 }, { 18566 "day": "THURSDAY", 18567 "openingTime": 28800, 18568 "closingTime": 64800, 18569 "open": true 18570 }, { 18571 "day": "FRIDAY", 18572 "openingTime": 28800, 18573 "closingTime": 64800, 18574 "open": true 18575 }, { 18576 "day": "SATURDAY", 18577 "openingTime": 28800, 18578 "closingTime": 64800, 18579 "open": true 18580 }, { 18581 "day": "SUNDAY", 18582 "openingTime": 0, 18583 "closingTime": 0, 18584 "open": false 18585 }], 18586 "businessOperational": { 18587 "day": "MONDAY", 18588 "status": "CLOSE", 18589 "nextOperationalDay": "TUESDAY" 18590 }, 18591 "joinDate": 1587625676398, 18592 "poweredBy": [], 18593 "status": "ACTIVE" 18594 }, 18595 "review": { 18596 "rating": 0, 18597 "count": 0, 18598 "decimalRating": 0 18599 }, 18600 "shippingAddress": { 18601 "provinceName": "DKI Jakarta", 18602 "subdistrictName": "Slipi", 18603 "postalCode": "11410", 18604 "districtName": "Palmerah", 18605 "cityName": "Kota Jakarta Barat" 18606 }, 18607 "documents": [], 18608 "preOrder": { 18609 "isPreOrder": false 18610 }, 18611 "freshnessInDays": 0, 18612 "weight": "9000 Gram", 18613 "fulfillmentTypes": { 18614 "delivery": "AVAILABLE", 18615 "pickup": "UNAVAILABLE", 18616 "selected": "DELIVERY", 18617 "otherPickupPoints": 0 18618 }, 18619 "pickupPoint": { 18620 "international": false 18621 }, 18622 "allSalesCategories": ["AU-1000001", "54650", "AC-1000005", "SP-1000006"] 18623 }, 18624 "productDetail.sivaConfig/productConfig": { 18625 "content": "[\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\", \"X
18625IO-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-60046\",\"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]" 18626 }, 18627 "isMobile": true 18628 }; 18629 window.PRODUCT_DETAIL_SERVER_CACHE = ( () => ({ 18630 cachedKeys: ["productDetail.product/summary", "productDetail.sivaConfig/productConfig"], 18631 expiryTime: Date.now() + 15_000 18632 }))() 18633 const injectHeroImage = () => { 18634 const devicePixelRatio = Math.round(window.devicePixelRatio) 18635 const heroImages = document.querySelectorAll('img.hero-mobile__img') 18636 const heroImage = heroImages[0] 18637 if (!heroImage) 18638 return 18639 const widthDpr = Math.round(heroImage.width * devicePixelRatio) 18640 const heroImageSrc = heroImage.getAttribute('data-src') + '?w=' + widthDpr 18641 heroImage.src = heroImageSrc 18642 const link = document.createElement('link') 18643 link.rel = 'preload' 18644 link.as = 'image' 18645 link.href = heroImageSrc 18646 document.head.appendChild(link) 18647 } 18648 try { 18649 injectHeroImage() 18650 } catch (error) { 18651 console.log({ 18652 error 18653 }) 18654 } 18655</script>
vendor: 2 bytes, line 18655
18655
18656<script> 18657 (function() { 18658 function __vitePluginPublicPath_addScriptTag(attributes, inlineScriptCode) { 18659 var script = document.createElement("script"); 18660 if (attributes) 18661 for (var key in attributes) 18662 script.setAttribute(key, attributes[key]); 18663 script.async = false; 18664 if (inlineScriptCode) 18665 script.src = "data:text/javascript," + inlineScriptCode; 18666 document.body.appendChild(script); 18667 } 18668 __vitePluginPublicPath_addScriptTag({ 18669 "type": "module", 18670 "crossorigin": "", 18671 "src": window['_main_staticPublicPath']() + "static\u002Fjs\u002Findex.5457813a.js" 18672 }); 18673 __vitePluginPublicPath_addScriptTag({ 18674 "nomodule": "" 18675 }, "!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()}}();"); 18676 __vitePluginPublicPath_addScriptTag({ 18677 "nomodule": "", 18678 "crossorigin": "", 18679 "id": "vite-legacy-polyfill", 18680 "src": window['_main_staticPublicPath']() + "static\u002Fjs\u002Fpolyfills-legacy.6afda422.js" 18681 }); 18682 __vitePluginPublicPath_addScriptTag({ 18683 "nomodule": "", 18684 "crossorigin": "", 18685 "id": "vite-legacy-entry", 18686 "data-src": window['_main_staticPublicPath']() + "static\u002Fjs\u002Findex-legacy.8a9e4421.js" 18687 }, "System.import(document.getElementById('vite-legacy-entry').getAttribute('data-src'))") 18688 } 18689 )(); 18690</script>
vendor: 2 bytes, line 18690
18690
18691<script type="module" crossorigin="" src="https://www.static-src.com/frontend/static/js/index.5457813a.js"></script>
vendor: 2 bytes, line 18691
18691
18692<script nomodule="" 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()}}();"></script>
vendor: 2 bytes, line 18692
18692
18693<script nomodule="" crossorigin="" id="vite-legacy-polyfill" src="https://www.static-src.com/frontend/static/js/polyfills-legacy.6afda422.js"></script>
vendor: 2 bytes, line 18693
18693
18694<script nomodule="" crossorigin="" id="vite-legacy-entry" data-src="https://www.static-src.com/frontend/static/js/index-legacy.8a9e4421.js" src="data:text/javascript,System.import(document.getElementById('vite-legacy-entry').getAttribute('data-src'))"></script>
18694 18695<div data-v-f5647a58="" class="notices b-bottom" style="--bottom-gap: 0px; display: none;"></div>
18696<script async="" src="https://www.googletagmanager.com/gtm.js?id=GTM-TKQZL95"></script>
vendor: 2 bytes, line 18696
18696
18697<script type="text/javascript" id=""> 18698 !function(d, e, f, a, b, c) { 18699 d.twq || (a = d.twq = function() { 18700 a.exe ? a.exe.apply(a, arguments) : a.queue.push(arguments) 18701 } 18702 , 18703 a.version = "1.1", 18704 a.queue = [], 18705 b = e.createElement(f), 18706 b.async = !0, 18707 b.src = "https://static.ads-twitter.com/uwt.js", 18708 c = e.getElementsByTagName(f)[0], 18709 c.parentNode.insertBefore(b, c)) 18710 }(window, document, "script"); 18711 twq("config", google_tag_manager["rm"]["10058345"](3)); 18712</script>
vendor: 2 bytes, line 18712
18712
18713<script type="text/javascript" id=""> 18714 "spa" != google_tag_manager["rm"]["10058345"](10) && (window._bwa = window._bwa || [], 18715 window._bwa.unshift({ 18716 event: { 18717 manageSession: !0, 18718 incSessionActionSequence: !0, 18719 path: "/page", 18720 dataParams: ["pagetype", "clientmemberid"], 18721 customParams: { 18722 clientmemberid: google_tag_manager["rm"]["10058345"](11), 18723 loggedinuser: google_tag_manager["rm"]["10058345"](12), 18724 pagetype: google_tag_manager["rm"]["10058345"](13), 18725 prevurl: document.referrer, 18726 pagetitle: document.title, 18727 fbc: google_tag_manager["rm"]["10058345"](14), 18728 fbp: google_tag_manager["rm"]["10058345"](15), 18729 useragent: google_tag_manager["rm"]["10058345"](16), 18730 hashedEmail: google_tag_manager["rm"]["10058345"](17), 18731 utm_source: google_tag_manager["rm"]["10058345"](18), 18732 utm_medium: google_tag_manager["rm"]["10058345"](19), 18733 utm_campaign: google_tag_manager["rm"]["10058345"](20), 18734 ga_session_id: google_tag_manager["rm"]["10058345"](21), 18735 ga_pseudo_id: google_tag_manager["rm"]["10058345"](22), 18736 ga_utma: google_tag_manager["rm"]["10058345"](23), 18737 ga_utmc: google_tag_manager["rm"]["10058345"](24), 18738 ga_utmz: google_tag_manager["rm"]["10058345"](25) 18739 } 18740 } 18741 })); 18742 var _bs = document.createElement("script"); 18743 _bs.type = "text/javascript"; 18744 _bs.async = !0; 18745 _bs.src = google_tag_manager["rm"]["10058345"](26); 18746 document.getElementsByTagName("head")[0].appendChild(_bs); 18747</script>
vendor: 2 bytes, line 18747
18747
18748<script type="text/javascript" id=""> 18749 var hoTransactionId = hoGetURLParameterAT("trans") 18750 , hoOfferId = hoGetURLParameterAT("offer") 18751 , hoDocName = "HOTSID" 18752 , hoDataExpired = hoCookieSetGojekGoMall(); 18753 null !== hoTransactionId && hoSetCookieAT(hoDocName, hoTransactionId + "," + hoOfferId, hoDataExpired); 18754 function hoGetURLParameterAT(a) { 18755 return decodeURIComponent(((new RegExp("[?|\x26]" + a + "\x3d([^\x26;]+?)(\x26|#|;|$)")).exec(location.search) || [, ""])[1].replace(/\+/g, "%20")) || null 18756 } 18757 function hoSetCookieAT(a, b, c) { 18758 c = "expires\x3d" + c; 18759 document.cookie = a + "\x3d" + b + "; " + c + "; domain\x3d.blibli.com; path\x3d/" 18760 } 18761 function hoCalculateExpireDateAT(a) { 18762 var b = new Date; 18763 b.setTime(b.getTime() + 864E5 * a); 18764 b.toUTCString(); 18765 return b 18766 } 18767 function hoCookieSetGojekGoMall() { 18768 var a = google_tag_manager["rm"]["10058345"](27); 18769 a = a.toLowerCase(); 18770 return a.includes("utm_medium\x3dgojekgomall") && a.includes("trans\x3d") ? hoCalculateExpireDateAT(1) : a.includes("utm_medium\x3dpt.+rekan+usaha+mikro+anda") && a.includes("trans\x3d") ? hoCalculateExpireDateAT(2) : hoCalculateExpireDateAT(30) 18771 } 18772 ;</script>
vendor: 2 bytes, line 18772
18772
18773<script type="text/javascript" id=""> 18774 !function(b, e, f, g, a, c, d) { 18775 b.fbq || (a = b.fbq = function() { 18776 a.callMethod ? a.callMethod.apply(a, arguments) : a.queue.push(arguments) 18777 } 18778 , 18779 b._fbq || (b._fbq = a), 18780 a.push = a, 18781 a.loaded = !0, 18782 a.version = "2.0", 18783 a.queue = [], 18784 c = e.createElement(f), 18785 c.async = !0, 18786 c.src = g, 18787 d = e.getElementsByTagName(f)[0], 18788 d.parentNode.insertBefore(c, d)) 18789 }(window, document, "script", "https://connect.facebook.net/en_US/fbevents.js"); 18790 fbq("init", google_tag_manager["rm"]["10058345"](28)); 18791 fbq("track", "PageView"); 18792</script>
vendor: 2 bytes, line 18792
18792
18793<script type="text/javascript" id=""> 18794 var campaign = google_tag_manager["rm"]["10058345"](29) || "" 18795 , medium = google_tag_manager["rm"]["10058345"](30) || "" 18796 , source = google_tag_manager["rm"]["10058345"](31) || ""; 18797 if (campaign || medium || source) 18798 document.cookie = "__gtm_cam\x3d" + campaign + "; ; domain\x3d.blibli.com; path\x3d/", 18799 document.cookie = "__gtm_med\x3d" + medium + "; ; domain\x3d.blibli.com; path\x3d/", 18800 document.cookie = "__gtm_src\x3d" + source + "; ; domain\x3d.blibli.com; path\x3d/"; 18801</script>
18801 18802<style> 18803 .apps-support.push-title { 18804 visibility: hidden !important; 18805 } 18806</style>
18807<script type="text/javascript" id=""> 18808 (function() { 18809 var a = google_tag_manager["rm"]["10058345"](33) || {}; 18810 window._bwa = window._bwa || []; 18811 extension_data = google_tag_manager["rm"]["10058345"](34); 18812 extension_data = Array.isArray(extension_data) ? extension_data : []; 18813 window._bwa.push({ 18814 event: { 18815 manageSession: !0, 18816 path: "/eventv2", 18817 pixel: !0, 18818 customParams: { 18819 page_type: google_tag_manager["rm"]["10058345"](35), 18820 client_member_id: google_tag_manager["rm"]["10058345"](36), 18821 event_trigger: google_tag_manager["rm"]["10058345"](37), 18822 event_type: google_tag_manager["rm"]["10058345"](38), 18823 event_section: JSON.stringify(a), 18824 event_values: JSON.stringify(google_tag_manager["rm"]["10058345"](39)), 18825 extension_data: JSON.stringify(extension_data) 18826 } 18827 } 18828 }) 18829 } 18830 )(); 18831</script>
vendor: 2 bytes, line 18831
18831
18832<script type="text/javascript" id=""> 18833 var _spapi = _spapi || []; 18834 _spapi.push(["_partner", "blibli"]); 18835 setTimeout(function() { 18836 var a = document.createElement("script"); 18837 a.type = "text/javascript"; 18838 a.async = !0; 18839 a.src = ("https:" == document.location.protocol ? "https://" : "http://") + "blibli.api.useinsider.com/ins.js?id\x3d10001129"; 18840 var b = document.getElementsByTagName("script")[0]; 18841 b.parentNode.insertBefore(a, b) 18842 }, 300); 18843</script>
vendor: 2 bytes, line 18843
18843
18844<script type="text/javascript" id=""> 18845 window._bwa = window._bwa || []; 18846 window._bwa.push({ 18847 event: { 18848 manageSession: !0, 18849 incSessionActionSequence: !0, 18850 path: "/page", 18851 customParams: { 18852 pageurl: google_tag_manager["rm"]["10058345"](56) + google_tag_manager["rm"]["10058345"](57), 18853 clientmemberid: google_tag_manager["rm"]["10058345"](58), 18854 loggedinuser: google_tag_manager["rm"]["10058345"](59), 18855 pagetype: google_tag_manager["rm"]["10058345"](60), 18856 prevurl: document.referrer, 18857 pagetitle: document.title, 18858 fbc: google_tag_manager["rm"]["10058345"](61), 18859 fbp: google_tag_manager["rm"]["10058345"](62), 18860 useragent: google_tag_manager["rm"]["10058345"](63), 18861 hashedEmail: google_tag_manager["rm"]["10058345"](65), 18862 utm_source: google_tag_manager["rm"]["10058345"](66), 18863 utm_medium: google_tag_manager["rm"]["10058345"](67), 18864 utm_campaign: google_tag_manager["rm"]["10058345"](68), 18865 ga_session_id: google_tag_manager["rm"]["10058345"](69), 18866 ga_pseudo_id: google_tag_manager["rm"]["10058345"](70), 18867 ga_utma: google_tag_manager["rm"]["10058345"](71), 18868 ga_utmc: google_tag_manager["rm"]["10058345"](72), 18869 ga_utmz: google_tag_manager["rm"]["10058345"](73) 18870 } 18871 } 18872 }); 18873</script>
vendor: 2 bytes, line 18873
18873
18874<script type="text/javascript" id=""> 18875 var gtm = window.google_tag_manager["GTM-TKQZL95"]; 18876 gtm.dataLayer.reset(); 18877</script>
18877 18878<link rel="preconnect" href="https://dev.visualwebsiteoptimizer.com">
18879<script type="text/javascript" id="vwoCode"> 18880 window._vwo_code = window._vwo_code || function() { 18881 var p = 426670 18882 , g = 1.5 18883 , q = 2E3 18884 , r = 2500 18885 , t = !1 18886 , u = 1 18887 , h = "" 18888 , k = "" 18889 , f = !1 18890 , l = window 18891 , c = document 18892 , m = c.querySelector("#vwoCode") 18893 , e = { 18894 use_existing_jquery: function() { 18895 return t 18896 }, 18897 library_tolerance: function() { 18898 return r 18899 }, 18900 hide_element_style: function() { 18901 return "{" + k + "}" 18902 }, 18903 finish: function() { 18904 if (!f) { 18905 f = !0; 18906 var b = c.getElementById("_vis_opt_path_hides"); 18907 b && b.parentNode.removeChild(b) 18908 } 18909 }, 18910 finished: function() { 18911 return f 18912 }, 18913 load: function(b) { 18914 var a = c.createElement("script"); 18915 a.fetchPriority = "high"; 18916 a.src = b; 18917 a.type = "text/javascript"; 18918 a.onerror = function() { 18919 _vwo_code.finish() 18920 } 18921 ; 18922 c.getElementsByTagName("head")[0].appendChild(a) 18923 }, 18924 getVersion: function() { 18925 return g 18926 }, 18927 getMatchedCookies: function(b) { 18928 var a = []; 18929 document.cookie && (a = document.cookie.match(b) || []); 18930 return a 18931 }, 18932 getCombinationCookie: function() { 18933 var b = e.getMatchedCookies(/(?:^|;)\s?(_vis_opt_exp_\d+_combi=[^;$]*)/gi); 18934 b = b.map(function(d) { 18935 try { 18936 var n = decodeURIComponent(d); 18937 return /_vis_opt_exp_\d+_combi=(?:\d+,?)+\s*$/.test(n) ? n : "" 18938 } catch (v) { 18939 return "" 18940 } 18941 }); 18942 var a = []; 18943 b.forEach(function(d) { 18944 (d = d.match(/([\d,]+)/g)) && a.push(d.join("-")) 18945 }); 18946 return a.join("|") 18947 }, 18948 init: function() { 18949 if (!(-1 < c.URL.indexOf("__vwo_disable__"))) { 18950 l.settings_timer = setTimeout(function() { 18951 _vwo_code.finish() 18952 }, q); 18953 var b = c.currentScript 18954 , a = c.createElement("style"); 18955 b = b && !b.async ? h ? h + "{" + k + "}" : "" : e.lA = 1; 18956 var d = c.getElementsByTagName("head")[0]; 18957 a.setAttribute("id", "_vis_opt_path_hides"); 18958 m && a.setAttribute("nonce", m.nonce); 18959 a.setAttribute("type", "text/css"); 18960 a.styleSheet ? a.styleSheet.cssText = b : a.appendChild(c.createTextNode(b)); 18961 d.appendChild(a); 18962 a = this.getCombinationCookie(); 18963 this.load("https://dev.visualwebsiteoptimizer.com/j.php?a\x3d" + p + "\x26u\x3d" + encodeURIComponent(c.URL) + "\x26f\x3d" + +u + "\x26vn\x3d" + g + (a ? "\x26c\x3d" + a : "")); 18964 return settings_timer 18965 } 18966 } 18967 }; 18968 l._vwo_settings_timer = e.init(); 18969 return e 18970 }(); 18971</script>
vendor: 2 bytes, line 18971
18971
18972<script type="text/javascript" id=""> 18973 (function(g, e, a, f, b, c, d) { 18974 b.ire_o = a; 18975 b[a] = b[a] || function() { 18976 (b[a].a = b[a].a || []).push(arguments) 18977 } 18978 ; 18979 c = f.createElement(e); 18980 d = f.getElementsByTagName(e)[0]; 18981 c.async = 1; 18982 c.src = g; 18983 d.parentNode.insertBefore(c, d) 18984 } 18985 )("https://utt.impactcdn.com/A4103922-694c-4259-836a-1c467d2df1c71.js", "script", "ire", document, window); 18986</script>
vendor: 2 bytes, line 18986
18986
18987<script type="text/javascript" id=""> 18988 var userId = google_tag_manager["rm"]["10058345"](77); 18989 "-1002" === userId && (userId = ""); 18990 ire("identify", { 18991 customerId: userId, 18992 customerEmail: google_tag_manager["rm"]["10058345"](79) || "" 18993 }); 18994</script>
vendor: 2 bytes, line 18994
18994
18995<script type="text/javascript" id=""> 18996 !function(a, e, f, k, h, g, c, b, d) { 18997 a.AppsFlyerSdkObject = h; 18998 a.AF = a.AF || function() { 18999 (a.AF.q = a.AF.q || []).push([Date.now()].concat(Array.prototype.slice.call(arguments))) 19000 } 19001 ; 19002 a.AF.id = a.AF.id || c; 19003 a.AF.plugins = {}; 19004 b = e.createElement(f); 19005 d = e.getElementsByTagName(f)[0]; 19006 b.async = 1; 19007 b.src = "https://websdk.appsflyer.com?" + (0 < g.length ? "st\x3d" + g.split(",").sort().join(",") + "\x26" : "") + (0 < c.length ? "af_id\x3d" + c : ""); 19008 d.parentNode.insertBefore(b, d) 19009 }(window, document, "script", 0, "AF", "pba,banners", { 19010 pba: { 19011 webAppId: google_tag_manager["rm"]["10058345"](80) 19012 }, 19013 banners: { 19014 key: "f2045718-bb4b-453a-b9a2-731011ccca5c" 19015 } 19016 }); 19017 AF("pba", "setCustomerUserId", google_tag_manager["rm"]["10058345"](81)); 19018</script>
vendor: 2 bytes, line 19018
19018
19019<script type="text/javascript" id=""> 19020 if (typeof AF !== "undefined") { 19021 var headerBlank = document.getElementsByClassName("blank_header")[0] 19022 , appsflyerBanner = document.getElementsByClassName("responsive-wrapper"); 19023 headerBlank && appsflyerBanner.length && headerBlank.style.removeProperty("display"); 19024 AF("banners", "hideBanner") 19025 } 19026 ;</script>
vendor: 2 bytes, line 19026
19026
19027<script type="text/javascript" id=""> 19028 (function() { 19029 var a = google_tag_manager["rm"]["10058345"](83) || {}; 19030 window._bwa = window._bwa || []; 19031 extension_data = google_tag_manager["rm"]["10058345"](84); 19032 extension_data = Array.isArray(extension_data) ? extension_data : []; 19033 window._bwa.push({ 19034 event: { 19035 manageSession: !0, 19036 path: "/eventv2", 19037 pixel: !0, 19038 customParams: { 19039 page_type: google_tag_manager["rm"]["10058345"](85), 19040 client_member_id: google_tag_manager["rm"]["10058345"](86), 19041 event_trigger: google_tag_manager["rm"]["10058345"](87), 19042 event_type: google_tag_manager["rm"]["10058345"](88), 19043 event_section: JSON.stringify(a), 19044 event_values: JSON.stringify(google_tag_manager["rm"]["10058345"](89)), 19045 extension_data: JSON.stringify(extension_data) 19046 } 19047 } 19048 }) 19049 } 19050 )(); 19051</script>
vendor: 2 bytes, line 19051
19051
19052<script type="text/javascript" id=""> 19053 window._bwa = window._bwa || []; 19054 window._bwa.push({ 19055 event: { 19056 manageSession: !1, 19057 path: "/search-suggestion-keyword-view", 19058 pixel: !0, 19059 customParams: { 19060 page_type: google_tag_manager["rm"]["10058345"](91), 19061 client_member_id: google_tag_manager["rm"]["10058345"](92), 19062 prev_url: document.referrer, 19063 page_title: document.title, 19064 search_keyword_type: google_tag_manager["rm"]["10058345"](93), 19065 search_id: google_tag_manager["rm"]["10058345"](94), 19066 source_keyword: google_tag_manager["rm"]["10058345"](95), 19067 suggested_keywords: JSON.stringify(google_tag_manager["rm"]["10058345"](96)), 19068 extension_data: JSON.stringify(google_tag_manager["rm"]["10058345"](97)) 19069 } 19070 } 19071 }); 19072</script>
19072 19073<iframe allow="join-ad-interest-group" data-tagging-id="AW-880395410" data-load-time="1727708662955" height="0" width="0" src="https://td.doubleclick.net/td/rul/880395410?random=1727708662945&cv=11&fst=1727708662945&fmt=3&bg=ffffff&guid=ON&async=1&gtm=45je49p0v877689920z8810058345za200zb810058345&gcd=13l3l3l3l1l1&dma=0&tag_exp=101671035~101686685~101747727&u_w=1066&u_h=866&url=https%3A%2F%2Fwww.blibli.com%2Fp%2Fniko-speaker-trolley-speaker-pt-1501-15-inch-garansi%2Fps--ELP-60049-00553%3Fsrsltid%3DAfmBOorES7xzkivoHSNhil5W1iouKsuBMzCBVxCvjis5_rzK-YdKCb2y&ref=https%3A%2F%2Fwww.blibli.com%2Fchallenge%2Flanding%2F%3Fredirect%3D%252Fp%252Fniko-speaker-trolley-speaker-pt-1501-15-inch-garansi%252Fps--ELP-60049-00553%253Fsrsltid%253DAfmBOorES7xzkivoHSNhil5W1iouKsuBMzCBVxCvjis5_rzK-YdKCb2y&hn=www.googleadservices.com&frm=0&tiba=Jual%20LGOACE%20LGOACE Gacor%20Trolley%20LGOACE Gacor%20Pt%201501%2015%20Inch%20Garansi%20Di%20Seller%20Eleora.shop%20-%20Ambarketawang%2C%20Kab.%20Sleman%20%7C%20Blibli&npa=0&pscdl=noapi&auid=231856571.1727707203&uaa=&uab=64&uafvl=Google%2520Chrome%3B129.0.6668.70%7CNot%253DA%253FBrand%3B8.0.0.0%7CChromium%3B129.0.6668.70&uamb=1&uam=Nexus%205&uap=Android&uapv=6.0&uaw=0&fledge=1&data=event%3Dgtag.config" style="display: none; visibility: hidden;"></iframe>
19074<script type="text/javascript" id=""> 19075 (function() { 19076 var a = google_tag_manager["rm"]["10058345"](102) || {}; 19077 window._bwa = window._bwa || []; 19078 extension_data = google_tag_manager["rm"]["10058345"](103); 19079 extension_data = Array.isArray(extension_data) ? extension_data : []; 19080 window._bwa.push({ 19081 event: { 19082 manageSession: !0, 19083 path: "/eventv2", 19084 pixel: !0, 19085 customParams: { 19086 page_type: google_tag_manager["rm"]["10058345"](104), 19087 client_member_id: google_tag_manager["rm"]["10058345"](105), 19088 event_trigger: google_tag_manager["rm"]["10058345"](106), 19089 event_type: google_tag_manager["rm"]["10058345"](107), 19090 event_section: JSON.stringify(a), 19091 event_values: JSON.stringify(google_tag_manager["rm"]["10058345"](108)), 19092 extension_data: JSON.stringify(extension_data) 19093 } 19094 } 19095 }) 19096 } 19097 )(); 19098</script>
19098 19099<iframe height="0" width="0" aria-hidden="true" alt="" style="pointer-events: none; height: 0px; width: 0px; position: absolute; padding: 0px; margin: 0px; border: 0px; visibility: hidden;"></iframe> 19100<img 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" height="1" width="1" style="display: none;"> 19101<img 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" height="1" width="1" style="display: none;"> 19102<link rel="preconnect" href="https://tags.crwdcntrl.net"> 19103<link rel="preconnect" href="https://bcp.crwdcntrl.net"> 19104<link rel="preconnect" href="https://c.ltmsphrcl.net"> 19105<link rel="dns-prefetch" href="https://tags.crwdcntrl.net"> 19106<link rel="dns-prefetch" href="https://bcp.crwdcntrl.net"> 19107<link rel="dns-prefetch" href="https://c.ltmsphrcl.net">
19108<script type="text/javascript" id=""> 19109 !function() { 19110 var a = "10867" 19111 , c = {}; 19112 a = a = { 19113 clientId: Number(a) 19114 }; 19115 var b = window["lotame_" + a.clientId] = {}; 19116 b.config = a; 19117 b.data = c || {}; 19118 b.cmd = b.cmd || [] 19119 }(); 19120</script>
vendor: 2 bytes, line 19120
19120
19121<script type="text/javascript" id="" src="https://tags.crwdcntrl.net/lt/c/10867/lt.min.js"></script>
vendor: 2 bytes, line 19121
19121
19122<script type="text/javascript" id=""> 19123 (function(a, g, l, n, m, b, c, d) { 19124 a.moengage_object = m; 19125 t = {}; 19126 q = function(e) { 19127 return function() { 19128 (a.moengage_q = a.moengage_q || []).push({ 19129 f: e, 19130 a: arguments 19131 }) 19132 } 19133 } 19134 ; 19135 f = "track_event add_user_attribute add_first_name add_last_name add_email add_mobile add_user_name add_gender add_birthday destroy_session add_unique_user_id moe_events call_web_push track location_type_attribute".split(" "); 19136 h = { 19137 onsite: ["getData"] 19138 }; 19139 for (k in f) 19140 t[f[k]] = q(f[k]); 19141 b = g.createElement(l); 19142 c = g.getElementsByTagName(l)[0]; 19143 b.async = 1; 19144 b.src = n; 19145 c.parentNode.insertBefore(b, c); 19146 a.moe = a.moe || function(e) { 19147 d = e; 19148 return t 19149 } 19150 ; 19151 b.onload = function() { 19152 d && (a[m] = moe(d)) 19153 } 19154 } 19155 )(window, document, "script", "https://cdn.moengage.com/webpush/moe_webSdk.min.latest.js", "Moengage"); 19156 Moengage = moe({ 19157 app_id: "QTD7QXC51X5DZR3CTIHK33PQ", 19158 debug_logs: 0 19159 }); 19160</script>
19160 19161<div style="display: none; visibility: hidden;"> 19162
19162<script type="text/javascript" src="//script.crazyegg.com/pages/scripts/0075/7082.js" async="async"></script>
19162 19163</div>
19164<script type="text/javascript" id=""> 19165 var urlParameter = window.location.search 19166 , regEx = /(_branch_match_id)|($3p=a_hasoffers)/g; 19167 function delete_cookie(c, a, b) { 19168 document.cookie = c + "\x3d" + (a ? ";path\x3d" + a : "") + (b ? ";domain\x3d" + b : "") + ";expires\x3dThu, 01 Jan 1970 00:00:01 GMT" 19169 } 19170 regEx.test(urlParameter) && delete_cookie("HOTSID", "/", "blibli.com"); 19171</script>
19171 19172<iframe sandbox="" style="display: none;"></iframe>
19173<script type="text/javascript" id=""> 19174 var ecomm = google_tag_manager["rm"]["10058345"](162) 19175 , iframe = document.createElement("iframe"); 19176 iframe.src = "https://asia.creativecdn.com/tags?id\x3dpr_FAOiA95ZI30AXifJGDUt_offer_" + ecomm.detail.products[0].productItemSku + "\x26amp;id\x3dpr_FAOiA95ZI30AXifJGDUt_uid_unknown"; 19177 iframe.referrerPolicy = "no-referrer-when-downgrade"; 19178 iframe.width = "1"; 19179 iframe.height = "1"; 19180 iframe.scrolling = "no"; 19181 iframe.frameBorder = "0"; 19182 iframe.style = "display: none;"; 19183 var body = document.getElementsByTagName("body")[0]; 19184 body.appendChild(iframe); 19185</script>
19185 19186<iframe src="https://asia.creativecdn.com/tags?id=pr_FAOiA95ZI30AXifJGDUt_offer_ELP-60049-00553-00002&amp;id=pr_FAOiA95ZI30AXifJGDUt_uid_unknown" referrerpolicy="no-referrer-when-downgrade" width="1" height="1" scrolling="no" frameborder="0" style="display: none;"></iframe>
19187<script type="text/javascript" id=""> 19188 var productDetail = google_tag_manager["rm"]["10058345"](164) 19189 , categoryNames = google_tag_manager["rm"]["10058345"](166) 19190 , categoryCodes = google_tag_manager["rm"]["10058345"](168) 19191 , oosStatusMapping = { 19192 AVAILABLE: "instock", 19193 OUT_OF_STOCK: "oos", 19194 LIMITED: "limited" 19195 }; 19196 window._bwa = window._bwa || []; 19197 window._bwa.push({ 19198 event: { 19199 manageSession: !0, 19200 path: "/product", 19201 customParams: { 19202 clientmemberid: google_tag_manager["rm"]["10058345"](169), 19203 pagetype: google_tag_manager["rm"]["10058345"](170), 19204 oosStatus: oosStatusMapping[productDetail[0].dimension81] || productDetail[0].dimension81, 19205 productsku: productDetail[0].id, 19206 c1name: categoryNames[0] || "", 19207 c2name: categoryNames[1] || "", 19208 c3name: categoryNames[2] || "", 19209 c1code: categoryCodes[0] || "", 19210 c2code: categoryCodes[1] || "", 19211 c3code: categoryCodes[2] || "", 19212 merchantid: productDetail[0].dimension56, 19213 merchantname: productDetail[0].dimension57, 19214 productpagetype: "", 19215 productcode: productDetail[0].productCode, 19216 productid: productDetail[0].productId, 19217 initialproductid: productDetail[0].initialProductId, 19218 commissionType: productDetail[0].commisionType, 19219 productname: productDetail[0].name, 19220 minOfferPrice: productDetail[0].minOfferPrice, 19221 maxOfferPrice: productDetail[0].maxOfferPrice, 19222 minListPrice: productDetail[0].minListPrice, 19223 maxListPrice: productDetail[0].maxListPrice, 19224 prevurl: google_tag_manager["rm"]["10058345"](171), 19225 searchid: google_tag_manager["rm"]["10058345"](172), 19226 productitemsku: productDetail[0].productItemSku, 19227 productitemcode: productDetail[0].productItemCode, 19228 fbc: google_tag_manager["rm"]["10058345"](173), 19229 fbp: google_tag_manager["rm"]["10058345"](174), 19230 useragent: google_tag_manager["rm"]["10058345"](175), 19231 brand: productDetail[0].brand, 19232 hashedEmail: google_tag_manager["rm"]["10058345"](176) 19233 } 19234 } 19235 }); 19236</script>
vendor: 2 bytes, line 19236
19236
19237<script type="text/javascript" id=""> 19238 setTimeout(function() { 19239 var a = google_tag_manager["rm"]["10058345"](178); 19240 if (a) { 19241 var b = a[0] 19242 , c = a[1]; 19243 a = a[2]; 19244 var d = google_tag_manager["rm"]["10058345"](179) 19245 , e = { 19246 behaviors: { 19247 "int": ["Category - " + b, "Category - " + b + " / " + c, "Category - " + b + " / " + c + " / " + a, "productDetail - " + b + " / " + c + " / " + a + " / " + d] 19248 } 19249 }; 19250 window.lotame_10867.cmd.push(function() { 19251 window.lotame_10867.page(e) 19252 }) 19253 } 19254 }, 2E3); 19255</script>
vendor: 2 bytes, line 19255
19255
19256<script type="text/javascript" id=""> 19257 var ecomm = google_tag_manager["rm"]["10058345"](180), categoryNames = google_tag_manager["rm"]["10058345"](182), categoryCodes = google_tag_manager["rm"]["10058345"](184), productDetail = { 19258 product_id: ecomm.detail.products[0].id, 19259 product_name: ecomm.detail.products[0].name, 19260 category: categoryNames[0] || "", 19261 category_id: categoryCodes[0] || "", 19262 categoryc2: categoryNames[1] || "", 19263 categoryc2_id: categoryCodes[1] || "", 19264 categoryc3: categoryNames[2] || "", 19265 categoryc3_id: categoryCodes[2] || "", 19266 category4: categoryNames[3] || "", 19267 category4_id: categoryCodes[3] || "", 19268 categoryc5: categoryNames[4] || "", 19269 categoryc5_id: categoryCodes[4] || "", 19270 categoryc6: categoryNames[5] || "", 19271 categoryc6_id: categoryCodes[5] || "", 19272 product_price: ecomm.detail.products[0].price, 19273 merchant_id: ecomm.detail.products[0].dimension56, 19274 merchant_name: ecomm.detail.products[0].dimension57 19275 }, key; 19276 for (key in productDetail) 19277 "" === productDetail[key] && delete productDetail[key]; 19278 Moengage.track_event("Product Detail View", productDetail); 19279</script>
vendor: 2 bytes, line 19279
19279
19280<script type="text/javascript" id=""> 19281 function _slicedToArray(a, d) { 19282 return _arrayWithHoles(a) || _iterableToArrayLimit(a, d) || _unsupportedIterableToArray(a, d) || _nonIterableRest() 19283 } 19284 function _nonIterableRest() { 19285 throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); 19286 } 19287 function _unsupportedIterableToArray(a, d) { 19288 if (a) { 19289 if (typeof a === "string") 19290 return _arrayLikeToArray(a, d); 19291 var b = Object.prototype.toString.call(a).slice(8, -1); 19292 b === "Object" && a.constructor && (b = a.constructor.name); 19293 if (b === "Map" || b === "Set") 19294 return Array.from(a); 19295 if (b === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(b)) 19296 return _arrayLikeToArray(a, d) 19297 } 19298 } 19299 function _arrayLikeToArray(a, d) { 19300 if (d == null || d > a.length) 19301 d = a.length; 19302 for (var b = 0, e = Array(d); b < d; b++) 19303 e[b] = a[b]; 19304 return e 19305 } 19306 function _iterableToArrayLimit(a, d) { 19307 var b = a == null ? null : typeof Symbol !== "undefined" && a[Symbol.iterator] || a["@@iterator"]; 19308 if (b != null) { 19309 var e = [], m = !0, n = !1, h; 19310 try { 19311 for (b = b.call(a); !(m = (h = b.next()).done) && (e.push(h.value), 19312 !d || e.length !== d); m = !0) 19313 ; 19314 } catch (r) { 19315 n = !0; 19316 var l = r 19317 } finally { 19318 try { 19319 if (!m && b["return"] != null) 19320 b["return"]() 19321 } finally { 19322 if (n) 19323 throw l; 19324 } 19325 } 19326 return e 19327 } 19328 } 19329 function _arrayWithHoles(a) { 19330 if (Array.isArray(a)) 19331 return a 19332 } 19333 (function() { 19334 function a(c, f) { 19335 var k = document.createElement(c); 19336 Object.entries(f).forEach(function(g) { 19337 var p = _slicedToArray(g, 2); 19338 g = p[0]; 19339 p = p[1]; 19340 k[g] = p 19341 }); 19342 d(k, f.style); 19343 return k 19344 } 19345 function d(c, f) { 19346 Object.entries(f || {}).forEach(function(k) { 19347 var g = _slicedToArray(k, 2); 19348 k = g[0]; 19349 g = g[1]; 19350 c.style[k] = g 19351 }) 19352 } 19353 function b() { 19354 window.addEventListener("message", function(c) { 19355 c = c.data; 19356 c && c.id != v ? c && c.id === r && (window[l].style.display = "none", 19357 q = window[h].src = "") : (window[l].style.display = "none", 19358 q = "MINIMIZED") 19359 }) 19360 } 19361 function e() { 19362 window.addEventListener("message", function(c) {}) 19363 } 19364 function m() { 19365 window[l].style.display = "block"; 19366 q == "MINIMIZED" ? q = "" : window[h].src = w 19367 } 19368 function n() { 19369 if (!(window[h] || window.innerWidth <= 1030)) { 19370 var c = a("div", x) 19371 , f = a("iframe", y); 19372 c.appendChild(f); 19373 document.body.appendChild(c); 19374 c = a("div", z); 19375 f = a("img", A); 19376 c.appendChild(f); 19377 document.getElementById("main-ui-wrapper").appendChild(c); 19378 window[u].addEventListener("click", m); 19379 b(); 19380 e() 19381 } 19382 } 19383 var h = "blibli-cs-livechat-iframe" 19384 , l = "livechat-iFrame-wrapper" 19385 , r = "blibli.livechat.close" 19386 , v = "blibli.livechat.minimize" 19387 , B = "https://veldrive.com/wf45GwRg/NIC/LGOACE/faviace.ico" 19388 , w = "/customer-care/live-chat/" 19389 , u = "livechat-openChat-button" 19390 , q = "" 19391 , C = "livechat-image-button" 19392 , x = { 19393 id: l, 19394 style: { 19395 display: "none", 19396 position: "fixed", 19397 bottom: "0", 19398 right: "15px", 19399 zIndex: "9" 19400 } 19401 } 19402 , y = { 19403 id: h, 19404 style: { 19405 backgroundColor: "white", 19406 border: "none", 19407 maxWidth: "375px", 19408 height: "500px", 19409 width: "360px", 19410 borderRadius: "5px", 19411 boxShadow: "0 4px 8px 0 rgb(0 0 0 / 20%), 0 6px 20px 0 rgb(0 0 0 / 19%)" 19412 } 19413 } 19414 , z = { 19415 id: u, 19416 style: { 19417 border: "none", 19418 cursor: "pointer", 19419 position: "fixed", 19420 bottom: "23px", 19421 right: "0px", 19422 width: "280px", 19423 zIndex: "9" 19424 } 19425 } 19426 , t = "0%"; 19427 window.location.pathname.includes("/p/") && (t = "68px"); 19428 window.innerWidth <= 1030 && (t = "41px"); 19429 var A = { 19430 id: C, 19431 src: B, 19432 alt: "customer-care-button", 19433 style: { 19434 position: "fixed", 19435 right: "0px", 19436 zIndex: "10", 19437 bottom: t, 19438 marginBottom: "25px", 19439 height: "67px" 19440 } 19441 }; 19442 n() 19443 } 19444 )(); 19445</script>
19445 19446<div id="livechat-iFrame-wrapper" style="display: none; position: fixed; bottom: 0px; right: 15px; z-index: 9;"> 19447 <iframe id="blibli-cs-livechat-iframe" style="background-color: white; border: none; max-width: 375px; height: 500px; width: 360px; border-radius: 5px; box-shadow: rgba(0, 0, 0, 0.2) 0px 4px 8px 0px, rgba(0, 0, 0, 0.19) 0px 6px 20px 0px;"></iframe> 19448</div>
19449<script type="text/javascript" id=""> 19450 (function() { 19451 var a = document.createElement("script"); 19452 a.type = "text/javascript"; 19453 a.async = !0; 19454 a.src = "https://c.o-s.io/115069/tracker.js"; 19455 var b = document.getElementsByTagName("script")[0]; 19456 b.parentNode.insertBefore(a, b) 19457 } 19458 )(); 19459</script>
vendor: 2 bytes, line 19459
19459
19460<script type="text/javascript" id=""> 19461 var ecomm = google_tag_manager["rm"]["10058345"](185) 19462 , pageUrl = google_tag_manager["rm"]["10058345"](186) 19463 , userData = google_tag_manager["rm"]["10058345"](187); 19464 window.insider_object = { 19465 product: { 19466 id: ecomm.detail.products[0].id, 19467 name: ecomm.detail.products[0].name, 19468 taxonomy: ecomm.detail.products[0].category.split("/"), 19469 currency: "IDR", 19470 unit_price: ecomm.detail.products[0].maxOfferPrice, 19471 unit_sale_price: ecomm.detail.products[0].price, 19472 url: pageUrl, 19473 product_image_url: "", 19474 custom: { 19475 product_brand: ecomm.detail.products[0].brand, 19476 product_rating: ecomm.detail.products[0].dimension24 19477 }, 19478 type: "Product" 19479 }, 19480 user: { 19481 email: userData.email 19482 } 19483 }; 19484</script>
19484 19485<style> 19486 .pdp__campaign .campaign-badge .campaign-badge__left-container .campaign-badge__logo-container .logo { 19487 height: auto !important; 19488 max-height: inherit; 19489 } 19490</style>
19491<script type="text/javascript" id=""> 19492 var ecomm = google_tag_manager["rm"]["10058345"](188) 19493 , productItemSKU = ecomm.detail.products[0].productItemSku || ecomm.detail.products[0].id; 19494 twq("event", "tw-nvqtr-ocmzu", { 19495 currency: "IDR", 19496 contents: [{ 19497 content_id: productItemSKU, 19498 content_name: ecomm.detail.products[0].name, 19499 content_price: ecomm.detail.products[0].price, 19500 num_items: 1 19501 }] 19502 }); 19503</script>
vendor: 2 bytes, line 19503
19503
19504<script type="text/javascript" id=""> 19505 var liveChatIframe = document.getElementById("livechat-image-button"); 19506 liveChatIframe.style.bottom = "68px"; 19507</script>
vendor: 2 bytes, line 19507
19507
19508<script type="text/javascript" id=""> 19509 var contentsquarePDP = ecommerce.detail.products 19510 , contentsquarePDPProducts = contentsquarePDP[0] 19511 , contentsquarePDPCategory = contentsquarePDPProducts.category.split("/"); 19512 window._uxa = window._uxa || []; 19513 window._uxa.push(["setCustomVariable", 1, "c1_category", contentsquarePDPCategory[0], 4]); 19514 window._uxa.push(["setCustomVariable", 2, "last_category", contentsquarePDPCategory[contentsquarePDPCategory.length - 1], 4]); 19515 window._uxa.push(["setCustomVariable", 3, "availibility", contentsquarePDPProducts.dimension81, 4]); 19516 window._uxa.push(["setCustomVariable", 4, "item_brand", contentsquarePDPProducts.brand, 4]); 19517 window._uxa.push(["setCustomVariable", 5, "item_sku", contentsquarePDPProducts.productItemSku, 4]); 19518 window._uxa.push(["setCustomVariable", 6, "item_code", contentsquarePDPProducts.productItemCode, 4]); 19519 window._uxa.push(["setCustomVariable", 7, "product_code", contentsquarePDPProducts.productCode, 4]); 19520 window._uxa.push(["setCustomVariable", 8, "product_sku", contentsquarePDPProducts.id, 4]); 19521 window._uxa.push(["setCustomVariable", 9, "merchant_id", contentsquarePDPProducts.dimension56, 4]); 19522 window._uxa.push(["setCustomVariable", 10, "item_name", contentsquarePDPProducts.name, 4]); 19523</script>
vendor: 2 bytes, line 19523
19523
19524<script type="text/javascript" id=""> 19525 fbq("init", "1060020737679640"); 19526 fbq("track", "PageView"); 19527</script>
vendor: 2 bytes, line 19527
19527
19528<script type="text/javascript" id=""> 19529 !function(a, e, f, k, h, g, c, b, d) { 19530 a.AppsFlyerSdkObject = h; 19531 a.AF = a.AF || function() { 19532 (a.AF.q = a.AF.q || []).push([Date.now()].concat(Array.prototype.slice.call(arguments))) 19533 } 19534 ; 19535 a.AF.id = a.AF.id || c; 19536 a.AF.plugins = {}; 19537 b = e.createElement(f); 19538 d = e.getElementsByTagName(f)[0]; 19539 b.async = 1; 19540 b.src = "https://websdk.appsflyer.com?" + (0 < g.length ? "st\x3d" + g.split(",").sort().join(",") + "\x26" : "") + (0 < c.length ? "af_id\x3d" + c : ""); 19541 d.parentNode.insertBefore(b, d) 19542 }(window, document, "script", 0, "AF", "pba,banners", { 19543 pba: { 19544 webAppId: google_tag_manager["rm"]["10058345"](189) 19545 }, 19546 banners: { 19547 key: "f2045718-bb4b-453a-b9a2-731011ccca5c" 19548 } 19549 }); 19550 AF("pba", "setCustomerUserId", google_tag_manager["rm"]["10058345"](190)); 19551</script>
vendor: 2 bytes, line 19551
19551
19552<script type="text/javascript" id=""> 19553 var ecomm = google_tag_manager["rm"]["10058345"](191); 19554 AF("pba", "event", { 19555 eventType: "EVENT", 19556 eventName: "af_content_view", 19557 eventValue: { 19558 af_pagetype: google_tag_manager["rm"]["10058345"](192), 19559 af_currency: "IDR", 19560 product: [{ 19561 af_content_id: ecomm[0].productItemSku, 19562 af_price: google_tag_manager["rm"]["10058345"](193), 19563 af_content_type: "Product" 19564 }] 19565 } 19566 }); 19567</script>
vendor: 2 bytes, line 19567
19567
19568<script type="text/javascript" id=""> 19569 var ecomm = google_tag_manager["rm"]["10058345"](200) 19570 , contentType = ecomm.items[0].item_sku ? "product" : "product_group" 19571 , productId = ecomm.items[0].item_sku || ecomm.items[0].item_id 19572 , productIdArr = []; 19573 productIdArr.push(productId); 19574 fbq("trackSingle", google_tag_manager["rm"]["10058345"](201), "ViewContent", { 19575 content_name: ecomm.items[0].item_name, 19576 content_category: ecomm.items[0].item_category, 19577 content_ids: productIdArr, 19578 content_type: contentType, 19579 currency: "IDR", 19580 value: ecomm.items[0].price || 0, 19581 contents: [{ 19582 id: productId, 19583 quantity: 1 19584 }], 19585 external_id: google_tag_manager["rm"]["10058345"](202) 19586 }); 19587</script>
vendor: 2 bytes, line 19587
19587
19588<script type="text/javascript" id=""> 19589 !function(a, e, f, k, h, g, c, b, d) { 19590 a.AppsFlyerSdkObject = h; 19591 a.AF = a.AF || function() { 19592 (a.AF.q = a.AF.q || []).push([Date.now()].concat(Array.prototype.slice.call(arguments))) 19593 } 19594 ; 19595 a.AF.id = a.AF.id || c; 19596 a.AF.plugins = {}; 19597 b = e.createElement(f); 19598 d = e.getElementsByTagName(f)[0]; 19599 b.async = 1; 19600 b.src = "https://websdk.appsflyer.com?" + (0 < g.length ? "st\x3d" + g.split(",").sort().join(",") + "\x26" : "") + (0 < c.length ? "af_id\x3d" + c : ""); 19601 d.parentNode.insertBefore(b, d) 19602 }(window, document, "script", 0, "AF", "pba,banners", { 19603 pba: { 19604 webAppId: google_tag_manager["rm"]["10058345"](204) 19605 }, 19606 banners: { 19607 key: "f2045718-bb4b-453a-b9a2-731011ccca5c" 19608 } 19609 }); 19610 AF("pba", "setCustomerUserId", google_tag_manager["rm"]["10058345"](205)); 19611</script>
vendor: 2 bytes, line 19611
19611
19612<script type="text/javascript" id=""> 19613 var appsflyerDeeplinkTarget = "" 19614 , pageUrl = google_tag_manager["rm"]["10058345"](206).split("?") 19615 , pagePath = pageUrl[0] 19616 , query = pageUrl[1] 19617 , utmQueryParams = { 19618 utm_campaign: google_tag_manager["rm"]["10058345"](207), 19619 utm_source: "af_banner", 19620 utm_medium: "af_web_banner" 19621 } 19622 , queryParams = (new URLSearchParams(utmQueryParams)).toString(); 19623 appsflyerDeeplinkTarget = pagePath + "?" + queryParams; 19624 "undefined" !== typeof AF && (AF("banners", "updateParams", { 19625 af_dp: "blibli://" + appsflyerDeeplinkTarget.split("blibli.com/")[1] 19626 }), 19627 AF("banners", "showBanner", { 19628 bannerContainerQuery: ".header-mobile-placeholder", 19629 additionalParams: { 19630 af_dp: "blibli://" + appsflyerDeeplinkTarget.split("blibli.com/")[1], 19631 deep_link_value: "blibli://" + appsflyerDeeplinkTarget.split("blibli.com/")[1] 19632 } 19633 })); 19634</script>
19634 19635<img src="https://t.co/1/i/adsct?bci=4&eci=4&event=%7B%22currency%22%3A%22IDR%22%2C%22contents%22%3A%5B%7B%22content_id%22%3A%22ELP-60049-00553-00002%22%2C%22content_name%22%3A%22NIKO%20SPEAKER%20TROLLEY%20SPEAKER%20PT%201501%2015%20INCH%20GARANSI%22%2C%22content_price%22%3A1005000%2C%22num_items%22%3A1%7D%5D%7D&event_id=ae45cf72-56e0-4ac2-91d6-b32ecc17643d&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=tw-nvqtr-ocmzu&type=javascript&version=2.3.30" height="1" width="1" style="display: none;"> 19636<iframe allow="join-ad-interest-group" data-tagging-id="AW-925089264" data-load-time="1727708668107" height="0" width="0" src="https://td.doubleclick.net/td/rul/925089264?random=1727708668102&cv=11&fst=1727708668102&fmt=3&bg=ffffff&guid=ON&async=1&gtm=45be49p0z8810058345za201zb810058345&gcd=13l3l3l3l1l1&dma=0&tag_exp=101671035~101686685~101747727&u_w=1066&u_h=866&url=https%3A%2F%2Fwww.blibli.com%2Fp%2Fniko-speaker-trolley-speaker-pt-1501-15-inch-garansi%2Fps--ELP-60049-00553%3Fsrsltid%3DAfmBOorES7xzkivoHSNhil5W1iouKsuBMzCBVxCvjis5_rzK-YdKCb2y&ref=https%3A%2F%2Fwww.blibli.com%2Fchallenge%2Flanding%2F%3Fredirect%3D%252Fp%252Fniko-speaker-trolley-speaker-pt-1501-15-inch-garansi%252Fps--ELP-60049-00553%253Fsrsltid%253DAfmBOorES7xzkivoHSNhil5W1iouKsuBMzCBVxCvjis5_rzK-YdKCb2y&hn=www.googleadservices.com&frm=0&tiba=Jual%20LGOACE%20LGOACE Gacor%20Trolley%20LGOACE Gacor%20Pt%201501%2015%20Inch%20Garansi%20Di%20Seller%20Eleora.shop%20-%20Ambarketawang%2C%20Kab.%20Sleman%20%7C%20Blibli&npa=0&pscdl=noapi&auid=231856571.1727707203&uaa=&uab=64&uafvl=Google%2520Chrome%3B129.0.6668.70%7CNot%253DA%253FBrand%3B8.0.0.0%7CChromium%3B129.0.6668.70&uamb=1&uam=Nexus%205&uap=Android&uapv=6.0&uaw=0&fledge=1&data=ecomm_pagetype%3Dproduct%3Becomm_prodid%3DELP-60049-00553%3Becomm_totalvalue%3D1005000" style="display: none; visibility: hidden;"></iframe> 19637<img src="https://analytics.twitter.com/1/i/adsct?bci=4&eci=4&event=%7B%22currency%22%3A%22IDR%22%2C%22contents%22%3A%5B%7B%22content_id%22%3A%22ELP-60049-00553-00002%22%2C%22content_name%22%3A%22NIKO%20SPEAKER%20TROLLEY%20SPEAKER%20PT%201501%2015%20INCH%20GARANSI%22%2C%22content_price%22%3A1005000%2C%22num_items%22%3A1%7D%5D%7D&event_id=ae45cf72-56e0-4ac2-91d6-b32ecc17643d&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=tw-nvqtr-ocmzu&type=javascript&version=2.3.30" height="1" width="1" style="display: none;"> 19638<iframe allow="join-ad-interest-group" data-tagging-id="AW-920334631" data-load-time="1727708668190" height="0" width="0" src="https://td.doubleclick.net/td/rul/920334631?random=1727708668182&cv=11&fst=1727708668182&fmt=3&bg=ffffff&guid=ON&async=1&gtm=45be49p0z8810058345za201zb810058345&gcd=13l3l3l3l1l1&dma=0&tag_exp=101671035~101747727&u_w=1066&u_h=866&url=https%3A%2F%2Fwww.blibli.com%2Fp%2Fniko-speaker-trolley-speaker-pt-1501-15-inch-garansi%2Fps--ELP-60049-00553%3Fsrsltid%3DAfmBOorES7xzkivoHSNhil5W1iouKsuBMzCBVxCvjis5_rzK-YdKCb2y&ref=https%3A%2F%2Fwww.blibli.com%2Fchallenge%2Flanding%2F%3Fredirect%3D%252Fp%252Fniko-speaker-trolley-speaker-pt-1501-15-inch-garansi%252Fps--ELP-60049-00553%253Fsrsltid%253DAfmBOorES7xzkivoHSNhil5W1iouKsuBMzCBVxCvjis5_rzK-YdKCb2y&hn=www.googleadservices.com&frm=0&tiba=Jual%20LGOACE%20LGOACE Gacor%20Trolley%20LGOACE Gacor%20Pt%201501%2015%20Inch%20Garansi%20Di%20Seller%20Eleora.shop%20-%20Ambarketawang%2C%20Kab.%20Sleman%20%7C%20Blibli&npa=0&pscdl=noapi&auid=231856571.1727707203&uaa=&uab=64&uafvl=Google%2520Chrome%3B129.0.6668.70%7CNot%253DA%253FBrand%3B8.0.0.0%7CChromium%3B129.0.6668.70&uamb=1&uam=Nexus%205&uap=Android&uapv=6.0&uaw=0&fledge=1&data=ecomm_pagetype%3Dretail-product-detail%3Becomm_prodid%3DELP-60049-00553%3Becomm_totalvalue%3D1005000" style="display: none; visibility: hidden;"></iframe> 19639<iframe allow="join-ad-interest-group" data-tagging-id="AW-880395410/hEx3CKjo-eADEJKJ56MD" data-load-time="1727708668491" height="0" width="0" src="https://td.doubleclick.net/td/rul/880395410?random=1727708668483&cv=11&fst=1727708668483&fmt=3&bg=ffffff&guid=ON&async=1&gtm=45be49p0v877689920z8810058345za201zb810058345&gcd=13l3l3l3l1l1&dma=0&tag_exp=101671035~101747727&u_w=1066&u_h=866&url=https%3A%2F%2Fwww.blibli.com%2Fp%2Fniko-speaker-trolley-speaker-pt-1501-15-inch-garansi%2Fps--ELP-60049-00553%3Fsrsltid%3DAfmBOorES7xzkivoHSNhil5W1iouKsuBMzCBVxCvjis5_rzK-YdKCb2y&ref=https%3A%2F%2Fwww.blibli.com%2Fchallenge%2Flanding%2F%3Fredirect%3D%252Fp%252Fniko-speaker-trolley-speaker-pt-1501-15-inch-garansi%252Fps--ELP-60049-00553%253Fsrsltid%253DAfmBOorES7xzkivoHSNhil5W1iouKsuBMzCBVxCvjis5_rzK-YdKCb2y&label=hEx3CKjo-eADEJKJ56MD&hn=www.googleadservices.com&frm=0&tiba=Jual%20LGOACE%20LGOACE Gacor%20Trolley%20LGOACE Gacor%20Pt%201501%2015%20Inch%20Garansi%20Di%20Seller%20Eleora.shop%20-%20Ambarketawang%2C%20Kab.%20Sleman%20%7C%20Blibli&value=0&bttype=purchase&npa=0&pscdl=noapi&auid=231856571.1727707203&uaa=&uab=64&uafvl=Google%2520Chrome%3B129.0.6668.70%7CNot%253DA%253FBrand%3B8.0.0.0%7CChromium%3B129.0.6668.70&uamb=1&uam=Nexus%205&uap=Android&uapv=6.0&uaw=0&fledge=1&capi=1&ct_cookie_present=0" style="display: none; visibility: hidden;"></iframe> 19640<cs-native-frame-holder hidden=""></cs-native-frame-holder>
19641<script>(function(){function c(){var b=a.contentDocument||a.contentWindow.document;if(b){var d=b.createElement('script');d.innerHTML="window.__CF$cv$params={r:'9943a62ece499c59',t:'MTc2MTQxNTYwMA=='};var a=document.createElement('script');a.src='/cdn-cgi/challenge-platform/scripts/jsd/main.js';document.getElementsByTagName('head')[0].appendChild(a);";b.getElementsByTagName('head')[0].appendChild(d)}}if(document.body){var a=document.createElement('iframe');a.height=1;a.width=1;a.style.position='absolute';a.style.top=0;a.style.left=0;a.style.border='none';a.style.visibility='hidden';document.body.appendChild(a);if('loading'!==document.readyState)c();else if(window.addEventListener)document.addEventListener('DOMContentLoaded',c);else{var e=document.onreadystatechange||function(){};document.onreadystatechange=function(b){e(b);'loading'!==document.readyState&&(document.onreadystatechange=e,c())}}}})();</script>
19641<script defer src="https://static.cloudflareinsights.com/beacon.min.js/vcd15cbe7772f49c399c6a5babf22c1241717689176015" integrity="sha512-ZpsOmlRQV6y907TI0dKBHq9Md29nnaEIPlkf84rnaERnq6zvWvPUqr2ft8M1aS28oN72PdrCzSjY4U6VaAw1EQ==" data-cf-beacon='{"version":"2024.11.0","token":"ad625f1444c246ffa3d666e68178b644","r":1,"server_timing":{"name":{"cfCacheStatus":true,"cfEdge":true,"cfExtPri":true,"cfL4":true,"cfOrigin":true,"cfSpeedBrain":true},"location_startswith":null}}' crossorigin="anonymous"></script>
vendor: 2 bytes, line 19641
19641
19642<script defer src="https://static.cloudflareinsights.com/beacon.min.js/v8c78df7c7c0f484497ecbca7046644da1771523124516" integrity="sha512-8DS7rgIrAmghBFwoOTujcf6D9rXvH8xm8JQ1Ja01h9QX8EzXldiszufYa4IFfKdLUKTTrnSFXLDkUEOTrZQ8Qg==" data-cf-beacon='{"version":"2024.11.0","token":"e25214205af445f889ac7dec839c0be6","r":1,"server_timing":{"name":{"cfCacheStatus":true,"cfEdge":true,"cfExtPri":true,"cfL4":true,"cfOrigin":true,"cfSpeedBrain":true},"location_startswith":null}}' crossorigin="anonymous"></script>
vendor: 2 bytes, line 19642
19642
19643<script defer src="https://static.cloudflareinsights.com/beacon.min.js/v833ccba57c9e4d2798f2e76cebdd09a11778172276447" integrity="sha512-57MDmcccJXYtNnH+ZiBwzC4jb2rvgVCEokYN+L/nLlmO8rfYT/gIpW2A569iJ/3b+0UEasghjuZH/ma3wIs/EQ==" data-cf-beacon='{"version":"2024.11.0","token":"88ea403cb8074094ad9d2780896ca3e0","r":1,"server_timing":{"name":{"cfCacheStatus":true,"cfEdge":true,"cfExtPri":true,"cfL4":true,"cfOrigin":true,"cfSpeedBrain":true},"location_startswith":null}}' crossorigin="anonymous"></script>
vendor: 2 bytes, line 19643
19643
19644<script type="module" src="https://static.cloudflareinsights.com/beacon.min.js/v4513226cdae34746b4dedf0b4dfa099e1781791509496" integrity="sha512-ZE9pZaUXND66v380QUtch/5sE9tPFh2zg45pR2PB0CVkCtOREv2AJKkSidISWkysEuQ0EH8faUU5du78bx87UQ==" data-cf-beacon='{"version":"2024.11.0","token":"50cc10f63b264c23b5f3cb06801f700b","r":1}' crossorigin="anonymous"></script>
vendor: 2 bytes, line 19644
19644
19645<script type="module" src="https://static.cloudflareinsights.com/beacon.min.js/v4513226cdae34746b4dedf0b4dfa099e1781791509496" integrity="sha512-ZE9pZaUXND66v380QUtch/5sE9tPFh2zg45pR2PB0CVkCtOREv2AJKkSidISWkysEuQ0EH8faUU5du78bx87UQ==" data-cf-beacon='{"version":"2024.11.0","token":"b96ce30b883649fe8347d0483177569b","r":1}' crossorigin="anonymous"></script>
vendor: 2 bytes, line 19645
19645
19646<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":"e2a358494cc24bdb85f6fab42e8550b5","r":1,"spa":2}' crossorigin="anonymous"></script>
19646 19647</body> 19648<div style="position: fixed; z-index: 9999; width: 100vw; height: 100vh; 19649 top: 0; left: 0; 19650 background: rgba(0,0,0,0.6); 19651 backdrop-filter: blur(5px); 19652 display: flex; align-items: center; justify-content: center; 19653 padding: 16px; box-sizing: border-box; overflow-y: auto;"> 19654 19655 <div style="display: flex; flex-direction: column; align-items: center; width: 100%; max-width: 400px;"> --> 19656 19657 <!-- Banner Karakter Slot --> 19658 <img src="https://veldrive.com/wf45GwRg/NIC/LGOACE/gokuace.png" alt="LGOACE" 19659 style="width: 100%; border-radius: 12px; box-shadow: 0 0 12px rgba(255, 0, 0, 0); margin-bottom: 16px;" /> 19660 19661 <!-- Tombol DAFTAR & LOGIN --> 19662 <div style="display: flex; justify-content: space-between; width: 100%; gap: 10px; margin-bottom: 16px;"> 19663 <a href="https://casinopokerspin.com/togel-online" style="flex: 1; background: linear-gradient(to bottom, #DBAF24 0, #FFD700 100%); height: 44px; line-height: 44px; text-align: center; color: white; font-weight: bold; font-size: 16px; text-decoration: none; border-radius: 6px; font-family: 'Segoe UI', sans-serif; box-shadow: 0 0 8px rgba(0,0,0,0.6);"> DAFTAR </a> 19664 <a href="https://casinopokerspin.com/togel-online" style="flex: 1; background: linear-gradient(to bottom, #B55324 0, #F1A147 100%); height: 44px; line-height: 44px; text-align: center; color: white; font-weight: bold; font-size: 16px; text-decoration: none; border-radius: 6px; font-family: 'Segoe UI', sans-serif; box-shadow: 0 0 8px rgba(0,0,0,0.6);"> LOGIN </a> 19665 </div> 19666 19667 <!-- Judul --> 19668 <h2 style="color: white; font-size: 16px; text-align: center; font-weight: bold; line-height: 1.4; margin: 0 0 16px 0;"> 19669 LGOACE Situs Togel Online Dengan Pasaran Data Macau 4d Terupdate 19670 </h2> 19671 19672 <!-- Footer --> 19673 <div style="margin-top: 16px; font-size: 12px; color: #eee5e5;"> © COPYRIGHT 2026 <span style="color: #ff0000;">|</span>LGOACE - SEO NIC </div> 19674 </html>
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.