1 2 3 4 5 6<!doctype html> 7<html lang="id-ID"> 8 <head> 9 <style> 10 @font-face { 11 font-family: Museo Sans; 12 src: url('https://cdn.appsflyer.com/creatives-fonts/museo_sans/MuseoSans_700-webfont.eot'); 13 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'); 14 font-weight: 700; 15 font-style: normal; 16 } 17 18 @font-face { 19 font-family: Cairo; 20 src: url('https://cdn.appsflyer.com/creatives-fonts/cairo/cairo-700-bold.ttf'); 21 src: url('https://cdn.appsflyer.com/creatives-fonts/cairo/cairo-700-bold.ttf') format('truetype'); 22 font-weight: 700; 23 font-style: normal; 24 } 25 26 @font-face { 27 font-family: Exo2; 28 src: url('https://cdn.appsflyer.com/creatives-fonts/exo2/exo2-700-bold.ttf'); 29 src: url('https://cdn.appsflyer.com/creatives-fonts/exo2/exo2-700-bold.ttf') format('truetype'); 30 font-weight: 700; 31 font-style: normal; 32 } 33 34 .responsive-wrapper { 35 font-size: 10px; 36 } 37 38 @media only screen and (min-width: 200px) and (max-width: 360px) { 39 .responsive-wrapper { 40 font-size: 8px; 41 } 42 } 43 44 @media only screen and (min-width: 360px) and (max-width: 390px) { 45 .responsive-wrapper { 46 font-size: 10px; 47 } 48 } 49 50 @media only screen and (min-width: 391px) { 51 .responsive-wrapper { 52 font-size: 12px; 53 } 54 } 55 </style> 56 <link rel="dns-prefetch" href="https://sdk-01.moengage.com/"> 57 <link rel="preconnect" href="https://sdk-01.moengage.com/" crossorigin=""> 58 <link rel="dns-prefetch" href="https://cdn.moengage.com/"> 59 <link rel="preconnect" href="https://cdn.moengage.com/" crossorigin=""> 60
60<script async="" src="https://websdk.appsflyer.com?st=banners,pba&"></script>
60 61
61<script async="" src="https://websdk.appsflyer.com?st=banners,pba&"></script>
61 62
62<script type="text/javascript" async="" src="https://t.contentsquare.net/uxa/4a538462d6e27.js"></script>
62 63
63<script type="text/javascript" async="" src="https://c.o-s.io/115069/tracker.js"></script>
63 64
64<script type="text/javascript" async="" src="https://www.googletagmanager.com/gtag/destination?id=AW-880395410&l=dataLayer&cx=c"></script>
64 65
65<script type="text/javascript" async="" src="https://www.googletagmanager.com/gtag/destination?id=AW-920334631&l=dataLayer&cx=c"></script>
65 66
66<script type="text/javascript" async="" src="https://www.googletagmanager.com/gtag/destination?id=AW-925089264&l=dataLayer&cx=c"></script>
66 67
67<script type="text/javascript" async="" src="https://www.google-analytics.com/plugins/ua/ec.js"></script>
67 68
68<script src="https://script.crazyegg.com/pages/versioned/common-scripts/77e0e5b3eaafb9598d84738ee0f866ec.js" type="text/javascript" async=""></script>
68 69
69<script async="" src="https://cdn.moengage.com/webpush/moe_webSdk.min.latest.js"></script>
69 70
70<script type="text/javascript" async="" src="https://blibli.api.useinsider.com/ins.js?id=10001129"></script>
70 71
71<script async="" src="https://websdk.appsflyer.com?st=banners,pba&"></script>
71 72
72<script async="" src="https://utt.impactcdn.com/A4103922-694c-4259-836a-1c467d2df1c71.js"></script>
72 73
73<script type="text/javascript" async="" src="https://www.google-analytics.com/analytics.js"></script>
73 74
74<script src="https://connect.facebook.net/signals/config/1060020737679640?v=2.9.169&r=stable&domain=www.blibli.com&hme=d82868061a8c707cd31395a3055e7449daa03bd520872727258c39e6af34523e&ex_m=70%2C120%2C106%2C110%2C61%2C4%2C99%2C69%2C16%2C96%2C88%2C51%2C54%2C171%2C174%2C186%2C182%2C183%2C185%2C29%2C100%2C53%2C77%2C184%2C166%2C169%2C179%2C180%2C187%2C130%2C41%2C34%2C142%2C15%2C50%2C193%2C192%2C132%2C18%2C40%2C1%2C43%2C65%2C66%2C67%2C71%2C92%2C17%2C14%2C95%2C91%2C90%2C107%2C52%2C109%2C39%2C108%2C30%2C93%2C26%2C167%2C170%2C139%2C28%2C11%2C12%2C13%2C6%2C7%2C25%2C22%2C23%2C57%2C62%2C64%2C75%2C101%2C27%2C76%2C9%2C8%2C80%2C48%2C21%2C103%2C102%2C104%2C97%2C10%2C20%2C3%2C38%2C74%2C19%2C85%2C56%2C83%2C33%2C73%2C0%2C94%2C32%2C82%2C87%2C47%2C46%2C86%2C37%2C5%2C89%2C81%2C44%2C35%2C84%2C2%2C36%2C63%2C42%2C105%2C45%2C79%2C68%2C111%2C60%2C59%2C31%2C98%2C58%2C55%2C49%2C78%2C72%2C24%2C112%2C199%2C198%2C200%2C205%2C206%2C207%2C203%2C195%2C131%2C162%2C194%2C196%2C121%2C156%2C144%2C150%2C188%2C189%2C128%2C231%2C115%2C126%2C232%2C164%2C118%2C234%2C165%2C135%2C122%2C153%2C147%2C113%2C127" async=""></script>
74 75
75<script src="https://connect.facebook.net/signals/config/515463815273206?v=2.9.169&r=stable&domain=www.blibli.com&hme=d82868061a8c707cd31395a3055e7449daa03bd520872727258c39e6af34523e&ex_m=70%2C120%2C106%2C110%2C61%2C4%2C99%2C69%2C16%2C96%2C88%2C51%2C54%2C171%2C174%2C186%2C182%2C183%2C185%2C29%2C100%2C53%2C77%2C184%2C166%2C169%2C179%2C180%2C187%2C130%2C41%2C34%2C142%2C15%2C50%2C193%2C192%2C132%2C18%2C40%2C1%2C43%2C65%2C66%2C67%2C71%2C92%2C17%2C14%2C95%2C91%2C90%2C107%2C52%2C109%2C39%2C108%2C30%2C93%2C26%2C167%2C170%2C139%2C28%2C11%2C12%2C13%2C6%2C7%2C25%2C22%2C23%2C57%2C62%2C64%2C75%2C101%2C27%2C76%2C9%2C8%2C80%2C48%2C21%2C103%2C102%2C104%2C97%2C10%2C20%2C3%2C38%2C74%2C19%2C85%2C56%2C83%2C33%2C73%2C0%2C94%2C32%2C82%2C87%2C47%2C46%2C86%2C37%2C5%2C89%2C81%2C44%2C35%2C84%2C2%2C36%2C63%2C42%2C105%2C45%2C79%2C68%2C111%2C60%2C59%2C31%2C98%2C58%2C55%2C49%2C78%2C72%2C24%2C112" async=""></script>
75 76
76<script async="" src="https://connect.facebook.net/en_US/fbevents.js"></script>
76 77
77<script async="" src="https://static.ads-twitter.com/uwt.js"></script>
77 78
78<script type="text/javascript" async="" src="https://www.googletagmanager.com/gtag/js?id=G-G3ZP2F3MW9&l=dataLayer&cx=c"></script>
78 79
79<script> 80 if (typeof Object['__defineSetter__'] !== 'function') { 81 window.location.replace("https://www.blibli.com/pages/unsupported-browser"); 82 } 83 </script>
83 84
84<script> 85 var parcelRequire; 86 var _bwaq = _bwaq || []; 87 var akcr = akcr || []; 88 var dataLayer = window.dataLayer || [] 89 if (window.dataLayer) { 90 window.dataLayer.push({ 91 'appType': 'spa' 92 }); 93 } 94 var _spapi = _spapi || []; 95 _spapi.push(['_partner', 'blibli']); 96 97 // hide section 98 window._HIDDEN_HOME_MOBILE_SECTIONS = 'PRERENDER_LONG_BANNER,PRERENDER_USP_LONG_BANNER,C3_RECOMMENDATION,POPULAR_CATEGORY,TRENDING_SEARCH' 99 window._HIDDEN_HOME_DESKTOP_SECTIONS = 'PRERENDER_LONG_BANNER,PRERENDER_USP_LONG_BANNER,C3_RECOMMENDATION,POPULAR_CATEGORY,TRENDING_SEARCH,PERSONALIZED_SECTION' 100 101 // wallet section 102 window._MCDOMO_PUBLIC_PATH = 'mcdomo.id' 103 104 // flashsale page 105 window._FLASHSALE_NEW_API = 'true' 106 107 // grocery 108 window._GROCERY_AVAILABLE = 'true' 109 window._GROCERY_ONBOARDING = '' 110 111 // scanner 112 window._SCANNER_AVAILABLE = 'true' 113 114 // OG & TC Resource 115 window._FB_OG_IMAGE_URL_META = 'https://www.static-src.com/siva/asset/09_2023/homepage_fb_rebranding.jpg' 116 window._WA_OG_IMAGE_URL_META = 'https://www.static-src.com/siva/asset/09_2023/homepage_square_rebranding.jpg' 117 window._TWITTER_CARD_IMAGE_URL_META = 'https://www.static-src.com/siva/asset/09_2023/homepage_square_rebranding.jpg' 118 119 // UNM 120 window._MEMBER_UNM_ACTIVE_FLAG = 'true' 121 window._MEMBER_UNM_BASE_URL = 'https://account.bliblitiket.com' 122 window._MEMBER_UNM_LOGIN_URL = '/login' 123 window._MEMBER_UNM_REGISTER_URL = '/register' 124 window._MEMBER_UNM_ACCOUNT_URL = '/account' 125 window._MEMBER_UNM_VERIFY_URL = '/account/edit' 126 window._MEMBER_UNM_BLIBLI_CLIENT_ID = '3ca1ed67701249861819ba4850f4f135' 127 window._MEMBER_UNM_INFO_URL = '/info' 128 window._MEMBER_UNM_SSO_REDIRECTION_FLAG = 'true' 129 130 //VUE3 131 window._MEMBER_USE_VUE3 = 'true' 132 133 //GA cross-domain session stichting 134 window._MEMBER_GA_STREAM_ID = 'G3ZP2F3MW9' 135 136 // Related to switching between py-common & IAM-API 137 window._MEMBER_USE_IAM_API = 'false' 138 139 // affiliate 140 window._MEMBER_AFFILIATE_PNV_URL = '/verify-phone-number?ref=' 141 window._MEMBER_AFFILIATE_PNV_APPS_WEB_VIEW = '?appsWebview=true' 142 </script>
142 143 <meta data-vue-meta="2" data-vmid="description" name="description" content="DEWA200: Bandar Slot Gacor & Toto Togel paling populer! Mainkan game seru, pasti profit dan aman. Akses mudah, banyak bonus!"> 144 <title>DEWA200 Bandar Slot Gacor & Toto Togel Terpopuler Pasti Profit.</title> 145 <meta name="robots" content="index, follow"> 146 <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> 147 <meta http-equiv="X-UA-Compatible" content="IE=edge"> 148 <meta http-equiv="origin-trial" content="AllxSN0BrDmI9f9koUyx9fcVvuJ1gJDgZwqVVrYfgGuioD1brzdJ+xc37gw5OAznh+/Ump5CV1FtoKjtoMiKKQsAAABneyJvcmlnaW4iOiJodHRwczovL3d3dy5ibGlibGkuY29tOjQ0MyIsImZlYXR1cmUiOiJDb250ZW50SW5kZXgiLCJleHBpcnkiOjE1OTQxNjYzOTksImlzU3ViZG9tYWluIjp0cnVlfQ=="> 149 <meta name="viewport" content="width=device-width,height=device-height,initial-scale=1,maximum-scale=2"> 150 <link rel="manifest" href="https://www.keretasewashahalam.com/promosi-bulan-ini/"> 151 <meta name="theme-color" content="#0072FF"> 152 <link rel="icon" type="image/png" sizes="16x16" href="https://ik.imagekit.io/uhwskktk8/Xgr4ss2xi1LyT9mLMry7%20(1).png"> 153 <link rel="icon" type="image/png" sizes="32x32" href="https://ik.imagekit.io/uhwskktk8/Xgr4ss2xi1LyT9mLMry7%20(1).png"> 154 <link rel="icon" type="image/png" sizes="60x60" href="https://ik.imagekit.io/uhwskktk8/Xgr4ss2xi1LyT9mLMry7%20(1).png"> 155 <link rel="icon" type="image/png" sizes="144x144" href="https://ik.imagekit.io/uhwskktk8/Xgr4ss2xi1LyT9mLMry7%20(1).png"> 156 <link rel="apple-touch-icon" sizes="16x16" href="https://ik.imagekit.io/uhwskktk8/Xgr4ss2xi1LyT9mLMry7%20(1).png"> 157 <link rel="apple-touch-icon" sizes="32x32" href="https://ik.imagekit.io/uhwskktk8/Xgr4ss2xi1LyT9mLMry7%20(1).png"> 158 <link rel="apple-touch-icon" sizes="60x60" href="https://ik.imagekit.io/uhwskktk8/Xgr4ss2xi1LyT9mLMry7%20(1).png"> 159 <link rel="apple-touch-icon" sizes="144x144" href="https://ik.imagekit.io/uhwskktk8/Xgr4ss2xi1LyT9mLMry7%20(1).png"> 160 <meta property="og:site_name" content="Blibli.com"> 161 <meta property="og:type" content="website"> 162 <meta name="twitter:card" content="summary"> 163 <meta name="twitter:site" content="slot gacor"> 164 <meta name="twitter:creator" content="DEWA200"> 165 <link href="https://www.blibli.com/opensearch.xml" title="Blibli.com Search" type="application/opensearchdescription+xml" rel="search"> 166 <link rel="search" type="application/opensearchdescription+xml" href="/opensearch.xml" title="Blibli.com search"> 167
167<script> 168 // assign public path 169 function attachPublicPath(type) { 170 window['_' + type + '_staticPublicPath'] = function() { 171 return 'https://www.static-src.com/frontend/' + (type && type !== '' && type !== 'main' ? type + '/' : '') 172 } 173 } 174 attachPublicPath('main') 175 window._env_prefix = '' 176 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'] 177 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'] 178 for (var i = 0; i < modules.length; i++) { 179 var mod = modules[i] 180 attachPublicPath(mod) 181 window['_' + mod + '_ver'] = collabs[i] 182 } 183 window._static_image_path = 'https://www.static-src.com/wcsstore/Indraprastha/' 184 window._homepage_component = 'histeria11-11' 185 window._blibli_version = '4.110.0-12' 186 </script>
186 187
187<script> 188 (function() { 189 function __vitePluginPublicPath_addLinkTag(rel, href, integrity) { 190 var link = document.createElement("link"); 191 link.rel = rel; 192 link.href = href; 193 if (integrity) { 194 link.integrity = integrity; 195 } 196 ;document.head.appendChild(link); 197 } 198 __vitePluginPublicPath_addLinkTag("stylesheet", window['_main_staticPublicPath']() + "static\u002Findex.5da5dd52.css", undefined) 199 } 200 )(); 201 </script>
201 202 <link rel="stylesheet" href="https://www.static-src.com/frontend/static/index.5da5dd52.css"> 203 <!--vue-ssr-collab-preload--> 204 <link rel="stylesheet" href="https://www.static-src.com/frontend/static/index.5da5dd52.css"> 205 <link rel="stylesheet" href="https://www.static-src.com/frontend/product-detail/static/2.26.1-8/mobile/index.css"> 206 <style> 207 .blu-ripple[data-v-2bedc3c7] { 208 width: 100%; 209 height: 100%; 210 position: relative; 211 overflow: hidden; 212 display: flex; 213 justify-content: center; 214 align-items: center; 215 -webkit-box-pack: center; 216 -webkit-box-align: center; 217 -webkit-mask-image: radial-gradient(circle,#fff 100%,#000 0); 218 padding: 0 12px 219 } 220 221 .blu-ripple-wave[data-v-2bedc3c7] { 222 position: absolute; 223 z-index: 1; 224 pointer-events: none; 225 background: currentColor; 226 border-radius: 50%; 227 opacity: 0; 228 transform: scale(2) translateZ(0) 229 } 230 231 .blu-ripple-wave.b-centered[data-v-2bedc3c7] { 232 animation-duration: 1.2s; 233 top: 50%; 234 left: 50% 235 } 236 237 .blu-ripple-wave~[data-v-2bedc3c7]:not(.blu-ripple-wave) { 238 position: relative; 239 z-index: 2 240 } 241 242 .blu-ripple-enter-active[data-v-2bedc3c7] { 243 transition: 2s cubic-bezier(.25,.8,.25,1); 244 transition-property: opacity,transform; 245 will-change: opacity,transform 246 } 247 248 .blu-ripple-enter-active.b-centered[data-v-2bedc3c7] { 249 transition-duration: 1.2s 250 } 251 252 .blu-ripple-enter[data-v-2bedc3c7] { 253 opacity: .26; 254 transform: scale(.26) translateZ(0) 255 } 256 257 .has-left-icon .blu-ripple svg[data-v-2bedc3c7] { 258 margin-right: 8px 259 } 260 261 .has-left-icon.b-small svg[data-v-2bedc3c7] { 262 transform-origin: left; 263 margin-right: 4px 264 } 265 266 .b-large .blu-ripple[data-v-2bedc3c7] { 267 padding: 0 16px 268 } 269 270 .b-small .blu-ripple[data-v-2bedc3c7] { 271 padding: 0 8px 272 } 273 274 .b-small svg[data-v-2bedc3c7] { 275 width: 18px; 276 height: 18px 277 } 278 279 .b-icon .blu-ripple[data-v-2bedc3c7] { 280 padding: 0 281 } 282 283 .b-loading .blu-loader-wrapper[data-v-2bedc3c7] { 284 height: 24px; 285 position: absolute 286 } 287 288 .b-loading .blu-ripple[data-v-2bedc3c7] { 289 color: transparent 290 } 291 292 .b-loading .blu-ripple>svg[data-v-2bedc3c7] { 293 visibility: hidden 294 } 295 296 .b-loading .blu-ripple .blu-ripple-wave[data-v-2bedc3c7] { 297 color: #fff 298 } 299 300 .b-loading.b-outline.b-secondary .blu-ripple-wave[data-v-2bedc3c7],.b-loading.b-white .blu-ripple-wave[data-v-2bedc3c7] { 301 color: #0072ff 302 } 303 304 .b-loading.b-outline.b-primary .blu-ripple-wave[data-v-2bedc3c7] { 305 color: #f1ab02 306 } 307 308 .b-loading.b-ghost.b-secondary .blu-ripple-wave[data-v-2bedc3c7] { 309 color: #0072ff 310 } 311 312 .b-loading.b-ghost.b-primary .blu-ripple-wave[data-v-2bedc3c7] { 313 color: #f1ab02 314 } 315 316 .blu-input-stepper .blu-btn .blu-ripple[data-v-2bedc3c7] { 317 padding: 0; 318 width: 24px; 319 height: 24px; 320 border-radius: 50% 321 } 322 323 .blu-input-stepper .blu-btn .blu-ripple svg[data-v-2bedc3c7] { 324 width: 18px;
325 height: 18px; 326 margin-left: 1px 327 } 328 329 .blu-input-stepper .blu-btn .blu-ripple-enter-active[data-v-2bedc3c7] { 330 background: #0072ff 331 } 332 333 .b-disabled[data-v-2bedc3c7] { 334 opacity: 1 335 } 336 337 .blu-btn-dropdown .blu-ripple>svg+div[data-v-2bedc3c7] { 338 margin-left: 8px 339 } 340 341 .blu-ripple[data-v-574d97b4] { 342 width: 100%; 343 height: 100%; 344 position: relative; 345 overflow: hidden; 346 display: flex; 347 justify-content: center; 348 align-items: center; 349 -webkit-box-pack: center; 350 -webkit-box-align: center; 351 -webkit-mask-image: radial-gradient(circle,#fff 100%,#000 0); 352 padding: 0 12px 353 } 354 355 .blu-ripple-wave[data-v-574d97b4] { 356 position: absolute; 357 z-index: 1; 358 pointer-events: none; 359 background: currentColor; 360 border-radius: 50%; 361 opacity: 0; 362 transform: scale(2) translateZ(0) 363 } 364 365 .blu-ripple-wave.b-centered[data-v-574d97b4] { 366 animation-duration: 1.2s; 367 top: 50%; 368 left: 50% 369 } 370 371 .blu-ripple-wave~[data-v-574d97b4]:not(.blu-ripple-wave) { 372 position: relative; 373 z-index: 2 374 } 375 376 .blu-ripple-enter-active[data-v-574d97b4] { 377 transition: 2s cubic-bezier(.25,.8,.25,1); 378 transition-property: opacity,transform; 379 will-change: opacity,transform 380 } 381 382 .blu-ripple-enter-active.b-centered[data-v-574d97b4] { 383 transition-duration: 1.2s 384 } 385 386 .blu-ripple-enter[data-v-574d97b4] { 387 opacity: .26; 388 transform: scale(.26) translateZ(0) 389 } 390 391 .has-left-icon .blu-ripple svg[data-v-574d97b4] { 392 margin-right: 8px 393 } 394 395 .has-left-icon.b-small svg[data-v-574d97b4] { 396 transform-origin: left; 397 margin-right: 4px 398 } 399 400 .b-large .blu-ripple[data-v-574d97b4] { 401 padding: 0 16px 402 } 403 404 .b-small .blu-ripple[data-v-574d97b4] { 405 padding: 0 8px 406 } 407 408 .b-small svg[data-v-574d97b4] { 409 width: 18px; 410 height: 18px 411 } 412 413 .b-icon .blu-ripple[data-v-574d97b4] { 414 padding: 0 415 } 416 417 .b-loading .blu-loader-wrapper[data-v-574d97b4] { 418 height: 24px; 419 position: absolute 420 } 421 422 .b-loading .blu-ripple[data-v-574d97b4] { 423 color: transparent 424 } 425 426 .b-loading .blu-ripple>svg[data-v-574d97b4] { 427 visibility: hidden 428 } 429 430 .b-loading .blu-ripple .blu-ripple-wave[data-v-574d97b4] { 431 color: #fff 432 } 433 434 .b-loading.b-outline.b-secondary .blu-ripple-wave[data-v-574d97b4],.b-loading.b-white .blu-ripple-wave[data-v-574d97b4] { 435 color: #0072ff 436 } 437 438 .b-loading.b-outline.b-primary .blu-ripple-wave[data-v-574d97b4] { 439 color: #f1ab02 440 } 441 442 .b-loading.b-ghost.b-secondary .blu-ripple-wave[data-v-574d97b4] { 443 color: #0072ff 444 } 445 446 .b-loading.b-ghost.b-primary .blu-ripple-wave[data-v-574d97b4] { 447 color: #f1ab02 448 } 449 450 .blu-input-stepper .blu-btn .blu-ripple[data-v-574d97b4] { 451 padding: 0; 452 width: 24px; 453 height: 24px; 454 border-radius: 50% 455 } 456 457 .blu-input-stepper .blu-btn .blu-ripple svg[data-v-574d97b4] { 458 width: 18px;
459 height: 18px; 460 margin-left: 1px 461 } 462 463 .blu-input-stepper .blu-btn .blu-ripple-enter-active[data-v-574d97b4] { 464 background: #0072ff 465 } 466 467 .b-disabled[data-v-574d97b4] { 468 opacity: 1 469 } 470 471 .blu-btn-dropdown .blu-ripple>svg+div[data-v-574d97b4] { 472 margin-left: 8px 473 } 474 475 .blu-ripple[data-v-19fd2cc7] { 476 width: 100%; 477 height: 100%; 478 position: relative; 479 overflow: hidden; 480 display: flex; 481 justify-content: center; 482 align-items: center; 483 -webkit-box-pack: center; 484 -webkit-box-align: center; 485 -webkit-mask-image: radial-gradient(circle,#fff 100%,#000 0); 486 padding: 0 12px 487 } 488 489 .blu-ripple-wave[data-v-19fd2cc7] { 490 position: absolute; 491 z-index: 1; 492 pointer-events: none; 493 background: currentColor; 494 border-radius: 50%; 495 opacity: 0; 496 transform: scale(2) translateZ(0) 497 } 498 499 .blu-ripple-wave.b-centered[data-v-19fd2cc7] { 500 animation-duration: 1.2s; 501 top: 50%; 502 left: 50% 503 } 504 505 .blu-ripple-wave~[data-v-19fd2cc7]:not(.blu-ripple-wave) { 506 position: relative; 507 z-index: 2 508 } 509 510 .blu-ripple-enter-active[data-v-19fd2cc7] { 511 transition: 2s cubic-bezier(.25,.8,.25,1); 512 transition-property: opacity,transform; 513 will-change: opacity,transform 514 } 515 516 .blu-ripple-enter-active.b-centered[data-v-19fd2cc7] { 517 transition-duration: 1.2s 518 } 519 520 .blu-ripple-enter[data-v-19fd2cc7] { 521 opacity: .26; 522 transform: scale(.26) translateZ(0) 523 } 524 525 .has-left-icon .blu-ripple svg[data-v-19fd2cc7] { 526 margin-right: 8px 527 } 528 529 .has-left-icon.b-small svg[data-v-19fd2cc7] { 530 transform-origin: left; 531 margin-right: 4px 532 } 533 534 .b-large .blu-ripple[data-v-19fd2cc7] { 535 padding: 0 16px 536 } 537 538 .b-small .blu-ripple[data-v-19fd2cc7] { 539 padding: 0 8px 540 } 541 542 .b-small svg[data-v-19fd2cc7] { 543 width: 18px; 544 height: 18px 545 } 546 547 .b-icon .blu-ripple[data-v-19fd2cc7] { 548 padding: 0 549 } 550 551 .b-loading .blu-loader-wrapper[data-v-19fd2cc7] { 552 height: 24px; 553 position: absolute 554 } 555 556 .b-loading .blu-ripple[data-v-19fd2cc7] { 557 color: transparent 558 } 559 560 .b-loading .blu-ripple>svg[data-v-19fd2cc7] { 561 visibility: hidden 562 } 563 564 .b-loading .blu-ripple .blu-ripple-wave[data-v-19fd2cc7] { 565 color: #fff 566 } 567 568 .b-loading.b-outline.b-secondary .blu-ripple-wave[data-v-19fd2cc7],.b-loading.b-white .blu-ripple-wave[data-v-19fd2cc7] { 569 color: #0072ff 570 } 571 572 .b-loading.b-outline.b-primary .blu-ripple-wave[data-v-19fd2cc7] { 573 color: #f1ab02 574 } 575 576 .b-loading.b-ghost.b-secondary .blu-ripple-wave[data-v-19fd2cc7] { 577 color: #0072ff 578 } 579 580 .b-loading.b-ghost.b-primary .blu-ripple-wave[data-v-19fd2cc7] { 581 color: #f1ab02 582 } 583 584 .blu-input-stepper .blu-btn .blu-ripple[data-v-19fd2cc7] { 585 padding: 0; 586 width: 24px; 587 height: 24px; 588 border-radius: 50% 589 } 590 591 .blu-input-stepper .blu-btn .blu-ripple svg[data-v-19fd2cc7] { 592 width: 18px;
593 height: 18px; 594 margin-left: 1px 595 } 596 597 .blu-input-stepper .blu-btn .blu-ripple-enter-active[data-v-19fd2cc7] { 598 background: #0072ff 599 } 600 601 .blu-btn-dropdown .blu-ripple>svg+div[data-v-19fd2cc7] { 602 margin-left: 8px 603 } 604 605 .blu-btn[data-v-19fd2cc7] { 606 position: relative; 607 font: 16px/20px blibli demi bold,-apple-system,segoe ui,roboto,helvetica,arial,sans-serif; 608 text-decoration: none; 609 transition: color .4s,background-color .4s,border-color .6s; 610 white-space: nowrap; 611 height: 48px; 612 padding: 0; 613 -webkit-tap-highlight-color: rgba(0,0,0,0) 614 } 615 616 .blu-btn[data-v-19fd2cc7]::-moz-focus-inner { 617 border: 0 618 } 619 620 .blu-btn[data-v-19fd2cc7]:active { 621 outline: none 622 } 623 624 .blu-btn[data-v-19fd2cc7]:before { 625 position: absolute; 626 top: 0; 627 right: 0; 628 bottom: 0; 629 left: 0; 630 z-index: 1; 631 opacity: 0; 632 transition: .4s cubic-bezier(.4,0,.2,1); 633 will-change: background-color,opacity; 634 content: " " 635 } 636 637 .blu-btn[data-v-19fd2cc7]:focus-visible { 638 box-shadow: 0 0 0 4px #000 639 } 640 641 .blu-btn.b-primary[data-v-19fd2cc7] { 642 color: #fff; 643 background-color: #f1ab02; 644 border-color: #f1ab02 645 } 646 647 .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 { 648 background-color: #e39304; 649 border-color: #e39304 650 } 651 652 .blu-btn.b-secondary[data-v-19fd2cc7] { 653 color: #fff; 654 background-color: #0072ff; 655 border-color: #0072ff 656 } 657 658 .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 { 659 background-color: #006dea; 660 border-color: #006dea 661 } 662 663 .blu-btn.b-white[data-v-19fd2cc7] { 664 color: #fff; 665 background-color: #fff; 666 border-color: #fff; 667 color: #0072ff 668 } 669 670 .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 { 671 background-color: #f1f2f2; 672 border-color: #f1f2f2 673 } 674 675 .blu-btn.b-disabled[data-v-19fd2cc7] { 676 color: #fff; 677 color: rgba(25,34,42,.4) 678 } 679 680 .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 { 681 background-color: #c8cbcd; 682 border-color: #c8cbcd 683 } 684 685 .blu-btn.b-large[data-v-19fd2cc7] { 686 height: 56px 687 } 688 689 .blu-btn.b-small[data-v-19fd2cc7] { 690 font: 14px/18px blibli demi bold,-apple-system,segoe ui,roboto,helvetica,arial,sans-serif; 691 height: 32px 692 } 693 694 .b-disabled[data-v-19fd2cc7] { 695 opacity: 1 696 } 697 698 input[type=button][data-v-19fd2cc7]::-moz-focus-inner,input[type=submit][data-v-19fd2cc7]::-moz-focus-inner { 699 border: 0 700 } 701 702 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 { 703 outline: none 704 } 705 706 a[data-v-19fd2cc7],a[data-v-19fd2cc7]:active,a[data-v-19fd2cc7]:focus,a[data-v-19fd2cc7]:hover,a[data-v-19fd2cc7]:visited { 707 outline: 0 none!important 708 } 709 710 .blu-btn[data-v-19fd2cc7] { 711 border-radius: 24px 712 } 713 714 .blu-btn+.blu-button[data-v-19fd2cc7] { 715 margin-left: 0 716 } 717 718 .blu-btn.b-outline[data-v-19fd2cc7] { 719 background-color: transparent 720 } 721 722 .blu-btn.b-outline.b-primary[data-v-19fd2cc7] { 723 color: #f1ab02; 724 background-color: #e39304; 725 border: 1px solid #ffcd00 726 } 727 728 .blu-btn.b-outline.b-primary[data-v-19fd2cc7]:not(.b-disabled) { 729 background-color: hsla(0,0%,100%,.12) 730 } 731 732 .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 { 733 background-color: rgba(227,147,4,.08); 734 border: 1px solid #ffcd00 735 } 736 737 .blu-btn.b-outline.b-primary.b-active[data-v-19fd2cc7] { 738 z-index: 9; 739 background-color: #f1ab02; 740 color: #fff 741 } 742 743 .blu-btn.b-outline.b-secondary[data-v-19fd2cc7] { 744 color: #0072ff; 745 background-color: #006dea; 746 border: 1px solid #1d8fff 747 } 748 749 .blu-btn.b-outline.b-secondary[data-v-19fd2cc7]:not(.b-disabled) { 750 background-color: hsla(0,0%,100%,.12) 751 } 752 753 .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 { 754 background-color: rgba(0,109,234,.08); 755 border: 1px solid #1d8fff 756 } 757 758 .blu-btn.b-outline.b-secondary.b-active[data-v-19fd2cc7] { 759 z-index: 9; 760 background-color: #0072ff; 761 color: #fff 762 } 763 764 .blu-btn.b-outline.b-white[data-v-19fd2cc7] { 765 color: #fff; 766 background-color: #fff; 767 border: 1px solid #fff 768 } 769 770 .blu-btn.b-outline.b-white[data-v-19fd2cc7]:not(.b-disabled) { 771 background-color: hsla(0,0%,100%,.12) 772 } 773 774 .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 { 775 background-color: hsla(0,0%,100%,.4); 776 border: 1px solid #fff 777 } 778 779 .blu-btn.b-outline.b-white.b-active[data-v-19fd2cc7] { 780 z-index: 9; 781 background-color: #fff; 782 color: #fff 783 } 784 785 .blu-btn.b-outline.b-disabled[data-v-19fd2cc7] { 786 color: rgba(25,34,42,.4); 787 background-color: #c8cbcd; 788 border: 1px solid #c8cbcd 789 } 790 791 .blu-btn.b-outline.b-disabled[data-v-19fd2cc7]:not(.b-disabled) { 792 background-color: hsla(0,0%,100%,.12) 793 } 794 795 .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 { 796 background-color: rgba(200,203,205,.08); 797 border: 1px solid #c8cbcd 798 } 799 800 .blu-btn.b-outline.b-disabled.b-active[data-v-19fd2cc7] { 801 z-index: 9; 802 background-color: rgba(25,34,42,.4); 803 color: #fff 804 } 805 806 .blu-btn.b-outline.b-small .blu-ripple[data-v-19fd2cc7] { 807 border-radius: 14px 808 } 809 810 .blu-btn.b-outline.b-large .blu-ripple[data-v-19fd2cc7] { 811 border-radius: 30px 812 } 813 814 .blu-btn.b-ghost[data-v-19fd2cc7] { 815 background-color: transparent; 816 border-color: transparent 817 } 818 819 .blu-btn.b-ghost.b-primary[data-v-19fd2cc7] { 820 color: #f1ab02; 821 border-color: transparent 822 } 823 824 .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 { 825 border-color: transparent; 826 background-color: rgba(227,147,4,.08) 827 } 828 829 .blu-btn.b-ghost.b-secondary[data-v-19fd2cc7] { 830 color: #0072ff; 831 border-color: transparent 832 } 833 834 .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 { 835 border-color: transparent; 836 background-color: rgba(0,109,234,.08) 837 } 838 839 .blu-btn.b-ghost.b-white[data-v-19fd2cc7] { 840 color: #fff; 841 border-color: transparent 842 } 843 844 .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 { 845 border-color: transparent; 846 background-color: hsla(0,0%,100%,.4) 847 } 848 849 .blu-btn.b-ghost.b-white.b-disabled[data-v-19fd2cc7] { 850 color: hsla(0,0%,100%,.4); 851 border-color: transparent 852 } 853 854 .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 { 855 border-color: transparent; 856 background-color: transparent 857 } 858 859 .blu-btn.b-ghost.b-disabled[data-v-19fd2cc7] { 860 color: rgba(25,34,42,.4); 861 border-color: transparent 862 } 863 864 .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 { 865 border-color: transparent; 866 background-color: transparent 867 } 868 869 .blu-btn.b-warning[data-v-19fd2cc7] { 870 color: #fff; 871 background-color: #ffcd00; 872 border-color: #ffcd00 873 } 874 875 .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 { 876 background-color: #cca400; 877 border-color: #cca400 878 } 879 880 .blu-btn.b-danger[data-v-19fd2cc7] { 881 color: #fff; 882 background-color: #ff4646; 883 border-color: #ff4646 884 } 885 886 .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 { 887 background-color: #ff1313; 888 border-color: #ff1313 889 } 890 891 .blu-btn.b-small .blu-ripple[data-v-19fd2cc7],.blu-btn.b-small[data-v-19fd2cc7] { 892 border-radius: 16px 893 } 894 895 .blu-btn.b-large .blu-ripple[data-v-19fd2cc7],.blu-btn.b-large[data-v-19fd2cc7] { 896 border-radius: 32px 897 } 898 899 .blu-btn.b-icon[data-v-19fd2cc7] { 900 width: 48px 901 } 902 903 .blu-btn.b-icon.b-large[data-v-19fd2cc7] { 904 width: 56px 905 } 906 907 .blu-btn.b-icon.b-small[data-v-19fd2cc7] { 908 width: 32px 909 } 910 911 .blu-btn.b-icon svg[data-v-19fd2cc7] { 912 width: 100%; 913 height: 100% 914 } 915 916 .blu-btn.b-full-width[data-v-19fd2cc7] { 917 width: 100% 918 } 919 920 .blu-btn .blu-ripple[data-v-19fd2cc7] { 921 border-radius: 24px 922 } 923 924 .blu-ripple[data-v-2bedc3c7] { 925 width: 100%; 926 height: 100%; 927 position: relative; 928 overflow: hidden; 929 display: flex; 930 justify-content: center; 931 align-items: center; 932 -webkit-box-pack: center; 933 -webkit-box-align: center; 934 -webkit-mask-image: radial-gradient(circle,#fff 100%,#000 0); 935 padding: 0 12px 936 } 937 938 .blu-ripple-wave[data-v-2bedc3c7] { 939 position: absolute; 940 z-index: 1; 941 pointer-events: none; 942 background: currentColor; 943 border-radius: 50%; 944 opacity: 0; 945 transform: scale(2) translateZ(0) 946 } 947 948 .blu-ripple-wave.b-centered[data-v-2bedc3c7] { 949 animation-duration: 1.2s; 950 top: 50%; 951 left: 50% 952 } 953 954 .blu-ripple-wave~[data-v-2bedc3c7]:not(.blu-ripple-wave) { 955 position: relative; 956 z-index: 2 957 } 958 959 .blu-ripple-enter-active[data-v-2bedc3c7] { 960 transition: 2s cubic-bezier(.25,.8,.25,1); 961 transition-property: opacity,transform; 962 will-change: opacity,transform 963 } 964 965 .blu-ripple-enter-active.b-centered[data-v-2bedc3c7] { 966 transition-duration: 1.2s 967 } 968 969 .blu-ripple-enter[data-v-2bedc3c7] { 970 opacity: .26; 971 transform: scale(.26) translateZ(0) 972 } 973 974 .has-left-icon .blu-ripple svg[data-v-2bedc3c7] { 975 margin-right: 8px 976 } 977 978 .has-left-icon.b-small svg[data-v-2bedc3c7] { 979 transform-origin: left; 980 margin-right: 4px 981 } 982 983 .b-large .blu-ripple[data-v-2bedc3c7] { 984 padding: 0 16px 985 } 986 987 .b-small .blu-ripple[data-v-2bedc3c7] { 988 padding: 0 8px 989 } 990 991 .b-small svg[data-v-2bedc3c7] { 992 width: 18px;
993 height: 18px 994 } 995 996 .b-icon .blu-ripple[data-v-2bedc3c7] { 997 padding: 0 998 } 999 1000 .b-loading .blu-loader-wrapper[data-v-2bedc3c7] { 1001 height: 24px; 1002 position: absolute 1003 } 1004 1005 .b-loading .blu-ripple[data-v-2bedc3c7] { 1006 color: transparent 1007 } 1008 1009 .b-loading .blu-ripple>svg[data-v-2bedc3c7] { 1010 visibility: hidden 1011 } 1012 1013 .b-loading .blu-ripple .blu-ripple-wave[data-v-2bedc3c7] { 1014 color: #fff 1015 } 1016 1017 .b-loading.b-outline.b-secondary .blu-ripple-wave[data-v-2bedc3c7],.b-loading.b-white .blu-ripple-wave[data-v-2bedc3c7] { 1018 color: #0072ff 1019 } 1020 1021 .b-loading.b-outline.b-primary .blu-ripple-wave[data-v-2bedc3c7] { 1022 color: #f1ab02 1023 } 1024 1025 .b-loading.b-ghost.b-secondary .blu-ripple-wave[data-v-2bedc3c7] { 1026 color: #0072ff 1027 } 1028 1029 .b-loading.b-ghost.b-primary .blu-ripple-wave[data-v-2bedc3c7] { 1030 color: #f1ab02 1031 } 1032 1033 .blu-input-stepper .blu-btn .blu-ripple[data-v-2bedc3c7] { 1034 padding: 0; 1035 width: 24px; 1036 height: 24px; 1037 border-radius: 50% 1038 } 1039 1040 .blu-input-stepper .blu-btn .blu-ripple svg[data-v-2bedc3c7] { 1041 width: 18px; 1042 height: 18px; 1043 margin-left: 1px 1044 } 1045 1046 .blu-input-stepper .blu-btn .blu-ripple-enter-active[data-v-2bedc3c7] { 1047 background: #0072ff 1048 } 1049 1050 .b-disabled[data-v-2bedc3c7] { 1051 opacity: 1 1052 } 1053 1054 .blu-btn-dropdown .blu-ripple>svg+div[data-v-2bedc3c7] { 1055 margin-left: 8px 1056 } 1057 1058 .blu-ripple[data-v-574d97b4] { 1059 width: 100%; 1060 height: 100%; 1061 position: relative; 1062 overflow: hidden; 1063 display: flex; 1064 justify-content: center; 1065 align-items: center; 1066 -webkit-box-pack: center; 1067 -webkit-box-align: center; 1068 -webkit-mask-image: radial-gradient(circle,#fff 100%,#000 0); 1069 padding: 0 12px 1070 } 1071 1072 .blu-ripple-wave[data-v-574d97b4] { 1073 position: absolute; 1074 z-index: 1; 1075 pointer-events: none; 1076 background: currentColor; 1077 border-radius: 50%; 1078 opacity: 0; 1079 transform: scale(2) translateZ(0) 1080 } 1081 1082 .blu-ripple-wave.b-centered[data-v-574d97b4] { 1083 animation-duration: 1.2s; 1084 top: 50%; 1085 left: 50% 1086 } 1087 1088 .blu-ripple-wave~[data-v-574d97b4]:not(.blu-ripple-wave) { 1089 position: relative; 1090 z-index: 2 1091 } 1092 1093 .blu-ripple-enter-active[data-v-574d97b4] { 1094 transition: 2s cubic-bezier(.25,.8,.25,1); 1095 transition-property: opacity,transform; 1096 will-change: opacity,transform 1097 } 1098 1099 .blu-ripple-enter-active.b-centered[data-v-574d97b4] { 1100 transition-duration: 1.2s 1101 } 1102 1103 .blu-ripple-enter[data-v-574d97b4] { 1104 opacity: .26; 1105 transform: scale(.26) translateZ(0) 1106 } 1107 1108 .has-left-icon .blu-ripple svg[data-v-574d97b4] { 1109 margin-right: 8px 1110 } 1111 1112 .has-left-icon.b-small svg[data-v-574d97b4] { 1113 transform-origin: left; 1114 margin-right: 4px 1115 } 1116 1117 .b-large .blu-ripple[data-v-574d97b4] { 1118 padding: 0 16px 1119 } 1120 1121 .b-small .blu-ripple[data-v-574d97b4] { 1122 padding: 0 8px 1123 } 1124 1125 .b-small svg[data-v-574d97b4] { 1126 width: 18px;
1127 height: 18px 1128 } 1129 1130 .b-icon .blu-ripple[data-v-574d97b4] { 1131 padding: 0 1132 } 1133 1134 .b-loading .blu-loader-wrapper[data-v-574d97b4] { 1135 height: 24px; 1136 position: absolute 1137 } 1138 1139 .b-loading .blu-ripple[data-v-574d97b4] { 1140 color: transparent 1141 } 1142 1143 .b-loading .blu-ripple>svg[data-v-574d97b4] { 1144 visibility: hidden 1145 } 1146 1147 .b-loading .blu-ripple .blu-ripple-wave[data-v-574d97b4] { 1148 color: #fff 1149 } 1150 1151 .b-loading.b-outline.b-secondary .blu-ripple-wave[data-v-574d97b4],.b-loading.b-white .blu-ripple-wave[data-v-574d97b4] { 1152 color: #0072ff 1153 } 1154 1155 .b-loading.b-outline.b-primary .blu-ripple-wave[data-v-574d97b4] { 1156 color: #f1ab02 1157 } 1158 1159 .b-loading.b-ghost.b-secondary .blu-ripple-wave[data-v-574d97b4] { 1160 color: #0072ff 1161 } 1162 1163 .b-loading.b-ghost.b-primary .blu-ripple-wave[data-v-574d97b4] { 1164 color: #f1ab02 1165 } 1166 1167 .blu-input-stepper .blu-btn .blu-ripple[data-v-574d97b4] { 1168 padding: 0; 1169 width: 24px; 1170 height: 24px; 1171 border-radius: 50% 1172 } 1173 1174 .blu-input-stepper .blu-btn .blu-ripple svg[data-v-574d97b4] { 1175 width: 18px; 1176 height: 18px; 1177 margin-left: 1px 1178 } 1179 1180 .blu-input-stepper .blu-btn .blu-ripple-enter-active[data-v-574d97b4] { 1181 background: #0072ff 1182 } 1183 1184 .b-disabled[data-v-574d97b4] { 1185 opacity: 1 1186 } 1187 1188 .blu-btn-dropdown .blu-ripple>svg+div[data-v-574d97b4] { 1189 margin-left: 8px 1190 } 1191 </style> 1192
1192<script> 1193 window.SERVER_CACHE = ( () => ({ 1194 cachedKeys: ["cmsConfig", "searchConfig", "routerConfig"], 1195 expiryTime: Date.now() + 15_000 1196 }))() 1197 </script>
1197 1198 <!--vue-ssr-collab-data--> 1199 <!-- start inject script --> 1200
1200<script src="https://www.blibli.com/backend/content/thematic/thematic_configuration_non_canary.js"></script>
1200 1201 <!-- end inject script --> 1202 <link rel="preload" as="image" href="https://ik.imagekit.io/uhwskktk8/logo%202025-12-15%20at%2012.33.55.jpeg"> 1203 <style type="text/css"> 1204 .label[data-v-c89634de] { 1205 height: 16px; 1206 padding: 0 8px; 1207 display: inline-flex; 1208 align-items: center; 1209 font: 12px/16px "blibli demi bold",-apple-system,segoe ui,roboto,helvetica,arial,sans-serif; 1210 text-decoration: none; 1211 color: #fff; 1212 border-radius: 4px; 1213 background-color: #f1f2f2; 1214 white-space: nowrap 1215 } 1216 1217 .label button[data-v-c89634de] { 1218 padding: 0; 1219 margin-right: -4px; 1220 top: 2px 1221 } 1222 1223 .label button svg[data-v-c89634de] { 1224 margin-right: -6px; 1225 margin-top: 2px; 1226 transform: scale(0.75); 1227 transform-origin: left; 1228 color: #fff 1229 } 1230 1231 .label button.b-primary[data-v-c89634de] { 1232 color: #fff 1233 } 1234 1235 .label.b-secondary button svg[data-v-c89634de] { 1236 color: #0072ff 1237 } 1238 1239 .label.b-dot[data-v-c89634de] { 1240 width: 8px; 1241 height: 8px; 1242 padding: 0; 1243 font-size: 0 1244 } 1245 1246 .label.b-border[data-v-c89634de] { 1247 box-shadow: 0 0 0 1px #fff 1248 } 1249 1250 .label[data-v-c89634de] { 1251 background-color: #ff4646 1252 } 1253 1254 .label.b-secondary[data-v-c89634de] { 1255 background-color: #ffe6e6; 1256 color: #e93c3c 1257 } 1258 </style> 1259 <style type="text/css"> 1260 .label[data-v-2c6dbc7f] { 1261 height: 16px; 1262 padding: 0 8px; 1263 display: inline-flex; 1264 align-items: center; 1265 font: 12px/16px "blibli demi bold",-apple-system,segoe ui,roboto,helvetica,arial,sans-serif; 1266 text-decoration: none; 1267 color: #fff; 1268 border-radius: 4px; 1269 background-color: #f1f2f2; 1270 white-space: nowrap 1271 } 1272 1273 .label button[data-v-2c6dbc7f] { 1274 padding: 0; 1275 margin-right: -4px; 1276 top: 2px 1277 } 1278 1279 .label button svg[data-v-2c6dbc7f] { 1280 margin-right: -6px; 1281 margin-top: 2px; 1282 transform: scale(0.75); 1283 transform-origin: left; 1284 color: #fff 1285 } 1286 1287 .label button.b-primary[data-v-2c6dbc7f] { 1288 color: #fff 1289 } 1290 1291 .label.b-secondary button svg[data-v-2c6dbc7f] { 1292 color: #0072ff 1293 } 1294 1295 .label.b-dot[data-v-2c6dbc7f] { 1296 width: 8px; 1297 height: 8px; 1298 padding: 0; 1299 font-size: 0 1300 } 1301 1302 .label.b-border[data-v-2c6dbc7f] { 1303 box-shadow: 0 0 0 1px #fff 1304 } 1305 1306 .label[data-v-2c6dbc7f] { 1307 background-color: #ff7373 1308 } 1309 </style> 1310 <style type="text/css"> 1311 .label[data-v-7ca4698c] { 1312 height: 16px; 1313 padding: 0 8px; 1314 display: inline-flex; 1315 align-items: center; 1316 font: 12px/16px "blibli demi bold",-apple-system,segoe ui,roboto,helvetica,arial,sans-serif; 1317 text-decoration: none; 1318 color: #fff; 1319 border-radius: 4px; 1320 background-color: #f1f2f2; 1321 white-space: nowrap 1322 } 1323 1324 .label button[data-v-7ca4698c] { 1325 padding: 0; 1326 margin-right: -4px; 1327 top: 2px 1328 } 1329 1330 .label button svg[data-v-7ca4698c] { 1331 margin-right: -6px; 1332 margin-top: 2px; 1333 transform: scale(0.75); 1334 transform-origin: left; 1335 color: #fff 1336 } 1337 1338 .label button.b-primary[data-v-7ca4698c] { 1339 color: #fff 1340 } 1341 1342 .label.b-secondary button svg[data-v-7ca4698c] { 1343 color: #0072ff 1344 } 1345 1346 .label.b-dot[data-v-7ca4698c] { 1347 width: 8px; 1348 height: 8px; 1349 padding: 0; 1350 font-size: 0 1351 } 1352 1353 .label.b-border[data-v-7ca4698c] { 1354 box-shadow: 0 0 0 1px #fff 1355 } 1356 1357 .label[data-v-7ca4698c] { 1358 background-color: #ffcd00 1359 } 1360 1361 .label.b-secondary[data-v-7ca4698c] { 1362 background-color: #fef5d2; 1363 color: #f1ab02 1364 } 1365 </style> 1366 <style type="text/css"> 1367 .label[data-v-c2eed16c] { 1368 height: 16px; 1369 padding: 0 8px; 1370 display: inline-flex; 1371 align-items: center; 1372 font: 12px/16px "blibli demi bold",-apple-system,segoe ui,roboto,helvetica,arial,sans-serif; 1373 text-decoration: none; 1374 color: #fff; 1375 border-radius: 4px; 1376 background-color: #f1f2f2; 1377 white-space: nowrap 1378 } 1379 1380 .label button[data-v-c2eed16c] { 1381 padding: 0; 1382 margin-right: -4px; 1383 top: 2px 1384 } 1385 1386 .label button svg[data-v-c2eed16c] { 1387 margin-right: -6px; 1388 margin-top: 2px; 1389 transform: scale(0.75); 1390 transform-origin: left; 1391 color: #fff 1392 } 1393 1394 .label button.b-primary[data-v-c2eed16c] { 1395 color: #fff 1396 } 1397 1398 .label.b-secondary button svg[data-v-c2eed16c] { 1399 color: #0072ff 1400 } 1401 1402 .label.b-dot[data-v-c2eed16c] { 1403 width: 8px; 1404 height: 8px; 1405 padding: 0; 1406 font-size: 0 1407 } 1408 1409 .label.b-border[data-v-c2eed16c] { 1410 box-shadow: 0 0 0 1px #fff 1411 } 1412 1413 .label[data-v-c2eed16c] { 1414 background-color: #22a334 1415 } 1416 1417 .label.b-secondary[data-v-c2eed16c] { 1418 background-color: #d6f7da; 1419 color: #1c832a 1420 } 1421 </style> 1422 <style type="text/css"> 1423 .label[data-v-25801e34] { 1424 height: 16px; 1425 padding: 0 8px; 1426 display: inline-flex; 1427 align-items: center; 1428 font: 12px/16px "blibli demi bold",-apple-system,segoe ui,roboto,helvetica,arial,sans-serif; 1429 text-decoration: none; 1430 color: #fff; 1431 border-radius: 4px; 1432 background-color: #f1f2f2; 1433 white-space: nowrap 1434 } 1435 1436 .label button[data-v-25801e34] { 1437 padding: 0; 1438 margin-right: -4px; 1439 top: 2px 1440 } 1441 1442 .label button svg[data-v-25801e34] { 1443 margin-right: -6px; 1444 margin-top: 2px; 1445 transform: scale(0.75); 1446 transform-origin: left; 1447 color: #fff 1448 } 1449 1450 .label button.b-primary[data-v-25801e34] { 1451 color: #fff 1452 } 1453 1454 .label.b-secondary button svg[data-v-25801e34] { 1455 color: #0072ff 1456 } 1457 1458 .label.b-dot[data-v-25801e34] { 1459 width: 8px; 1460 height: 8px; 1461 padding: 0; 1462 font-size: 0 1463 } 1464 1465 .label.b-border[data-v-25801e34] { 1466 box-shadow: 0 0 0 1px #fff 1467 } 1468 1469 .label[data-v-25801e34] { 1470 background-color: #1d8fff 1471 } 1472 1473 .label.b-secondary[data-v-25801e34] { 1474 background-color: #e1f1ff; 1475 color: #0072ff 1476 } 1477 </style> 1478 <style type="text/css"> 1479 .label[data-v-7e88823e] { 1480 height: 16px; 1481 padding: 0 8px; 1482 display: inline-flex; 1483 align-items: center; 1484 font: 12px/16px "blibli demi bold",-apple-system,segoe ui,roboto,helvetica,arial,sans-serif; 1485 text-decoration: none; 1486 color: #fff; 1487 border-radius: 4px; 1488 background-color: #f1f2f2; 1489 white-space: nowrap 1490 } 1491 1492 .label button[data-v-7e88823e] { 1493 padding: 0; 1494 margin-right: -4px; 1495 top: 2px 1496 } 1497 1498 .label button svg[data-v-7e88823e] { 1499 margin-right: -6px; 1500 margin-top: 2px; 1501 transform: scale(0.75); 1502 transform-origin: left; 1503 color: #fff 1504 } 1505 1506 .label button.b-primary[data-v-7e88823e] { 1507 color: #fff 1508 } 1509 1510 .label.b-secondary button svg[data-v-7e88823e] { 1511 color: #0072ff 1512 } 1513 1514 .label.b-dot[data-v-7e88823e] { 1515 width: 8px; 1516 height: 8px; 1517 padding: 0; 1518 font-size: 0 1519 } 1520 1521 .label.b-border[data-v-7e88823e] { 1522 box-shadow: 0 0 0 1px #fff 1523 } 1524 1525 .label[data-v-7e88823e] { 1526 color: rgba(25,34,42,.4); 1527 background-color: #e1e3e4 1528 } 1529 1530 .label.b-secondary[data-v-7e88823e] { 1531 background-color: #92979c; 1532 color: #fff 1533 } 1534 </style> 1535 <style type="text/css"> 1536 .blu-ripple[data-v-48d1b9d6] { 1537 width: 100%; 1538 height: 100%; 1539 position: relative; 1540 overflow: hidden; 1541 display: flex; 1542 justify-content: center; 1543 align-items: center; 1544 -webkit-box-pack: center; 1545 -webkit-box-align: center; 1546 -webkit-mask-image: radial-gradient(circle, #ffffff 100%, #000000 100%); 1547 padding: 0 12px 1548 } 1549 1550 .blu-ripple-wave[data-v-48d1b9d6] { 1551 position: absolute; 1552 z-index: 1; 1553 pointer-events: none; 1554 background: currentColor; 1555 border-radius: 50%; 1556 opacity: 0; 1557 transform: scale(2) translateZ(0) 1558 } 1559 1560 .blu-ripple-wave.b-centered[data-v-48d1b9d6] { 1561 animation-duration: 1.2s; 1562 top: 50%; 1563 left: 50% 1564 } 1565 1566 .blu-ripple-wave~*[data-v-48d1b9d6]:not(.blu-ripple-wave) { 1567 position: relative; 1568 z-index: 2 1569 } 1570 1571 .blu-ripple-enter-active[data-v-48d1b9d6] { 1572 transition: 2s cubic-bezier(0.25, 0.8, 0.25, 1); 1573 transition-property: opacity,transform; 1574 will-change: opacity,transform 1575 } 1576 1577 .blu-ripple-enter-active.b-centered[data-v-48d1b9d6] { 1578 transition-duration: 1.2s 1579 } 1580 1581 .blu-ripple-enter[data-v-48d1b9d6] { 1582 opacity: .26; 1583 transform: scale(0.26) translateZ(0) 1584 } 1585 1586 .has-left-icon .blu-ripple svg[data-v-48d1b9d6] { 1587 margin-right: 8px 1588 } 1589 1590 .has-left-icon.b-small svg[data-v-48d1b9d6] { 1591 transform-origin: left; 1592 margin-right: 4px 1593 } 1594 1595 .b-large .blu-ripple[data-v-48d1b9d6] { 1596 padding: 0 16px 1597 } 1598 1599 .b-small .blu-ripple[data-v-48d1b9d6] { 1600 padding: 0 8px 1601 } 1602 1603 .b-small svg[data-v-48d1b9d6] { 1604 width: 18px;
1605 height: 18px 1606 } 1607 1608 .b-icon .blu-ripple[data-v-48d1b9d6] { 1609 padding: 0 1610 } 1611 1612 .b-loading .blu-loader-wrapper[data-v-48d1b9d6] { 1613 height: 24px; 1614 position: absolute 1615 } 1616 1617 .b-loading .blu-ripple[data-v-48d1b9d6] { 1618 color: rgba(0,0,0,0) 1619 } 1620 1621 .b-loading .blu-ripple>svg[data-v-48d1b9d6] { 1622 visibility: hidden 1623 } 1624 1625 .b-loading .blu-ripple .blu-ripple-wave[data-v-48d1b9d6] { 1626 color: #fff 1627 } 1628 1629 .b-loading.b-white .blu-ripple-wave[data-v-48d1b9d6] { 1630 color: #0072ff 1631 } 1632 1633 .b-loading.b-outline.b-secondary .blu-ripple-wave[data-v-48d1b9d6] { 1634 color: #0072ff 1635 } 1636 1637 .b-loading.b-outline.b-primary .blu-ripple-wave[data-v-48d1b9d6] { 1638 color: #f1ab02 1639 } 1640 1641 .b-loading.b-ghost.b-secondary .blu-ripple-wave[data-v-48d1b9d6] { 1642 color: #0072ff 1643 } 1644 1645 .b-loading.b-ghost.b-primary .blu-ripple-wave[data-v-48d1b9d6] { 1646 color: #f1ab02 1647 } 1648 1649 .blu-input-stepper .blu-btn .blu-ripple[data-v-48d1b9d6] { 1650 padding: 0; 1651 width: 24px; 1652 height: 24px; 1653 border-radius: 50% 1654 } 1655 1656 .blu-input-stepper .blu-btn .blu-ripple svg[data-v-48d1b9d6] { 1657 width: 18px; 1658 height: 18px; 1659 margin-left: 1px 1660 } 1661 1662 .blu-input-stepper .blu-btn .blu-ripple-enter-active[data-v-48d1b9d6] { 1663 background: #0072ff 1664 } 1665 1666 .b-disabled[data-v-48d1b9d6] { 1667 opacity: 1 1668 } 1669 1670 .blu-btn-dropdown .blu-ripple>svg+div[data-v-48d1b9d6] { 1671 margin-left: 8px 1672 } 1673 </style> 1674 <style type="text/css"> 1675 .blu-ripple[data-v-8d4155d0] { 1676 width: 100%; 1677 height: 100%; 1678 position: relative; 1679 overflow: hidden; 1680 display: flex; 1681 justify-content: center; 1682 align-items: center; 1683 -webkit-box-pack: center; 1684 -webkit-box-align: center; 1685 -webkit-mask-image: radial-gradient(circle, #ffffff 100%, #000000 100%); 1686 padding: 0 12px 1687 } 1688 1689 .blu-ripple-wave[data-v-8d4155d0] { 1690 position: absolute; 1691 z-index: 1; 1692 pointer-events: none; 1693 background: currentColor; 1694 border-radius: 50%; 1695 opacity: 0; 1696 transform: scale(2) translateZ(0) 1697 } 1698 1699 .blu-ripple-wave.b-centered[data-v-8d4155d0] { 1700 animation-duration: 1.2s; 1701 top: 50%; 1702 left: 50% 1703 } 1704
1705 .blu-ripple-wave~*[data-v-8d4155d0]:not(.blu-ripple-wave) { 1706 position: relative; 1707 z-index: 2 1708 } 1709 1710 .blu-ripple-enter-active[data-v-8d4155d0] { 1711 transition: 2s cubic-bezier(0.25, 0.8, 0.25, 1); 1712 transition-property: opacity,transform; 1713 will-change: opacity,transform 1714 } 1715 1716 .blu-ripple-enter-active.b-centered[data-v-8d4155d0] { 1717 transition-duration: 1.2s 1718 } 1719 1720 .blu-ripple-enter[data-v-8d4155d0] { 1721 opacity: .26; 1722 transform: scale(0.26) translateZ(0) 1723 } 1724 1725 .has-left-icon .blu-ripple svg[data-v-8d4155d0] { 1726 margin-right: 8px 1727 } 1728 1729 .has-left-icon.b-small svg[data-v-8d4155d0] { 1730 transform-origin: left; 1731 margin-right: 4px 1732 } 1733 1734 .b-large .blu-ripple[data-v-8d4155d0] { 1735 padding: 0 16px 1736 } 1737 1738 .b-small .blu-ripple[data-v-8d4155d0] { 1739 padding: 0 8px 1740 } 1741 1742 .b-small svg[data-v-8d4155d0] { 1743 width: 18px; 1744 height: 18px 1745 } 1746 1747 .b-icon .blu-ripple[data-v-8d4155d0] { 1748 padding: 0 1749 } 1750 1751 .b-loading .blu-loader-wrapper[data-v-8d4155d0] { 1752 height: 24px; 1753 position: absolute 1754 } 1755 1756 .b-loading .blu-ripple[data-v-8d4155d0] { 1757 color: rgba(0,0,0,0) 1758 } 1759 1760 .b-loading .blu-ripple>svg[data-v-8d4155d0] { 1761 visibility: hidden 1762 } 1763 1764 .b-loading .blu-ripple .blu-ripple-wave[data-v-8d4155d0] { 1765 color: #fff 1766 } 1767 1768 .b-loading.b-white .blu-ripple-wave[data-v-8d4155d0] { 1769 color: #0072ff 1770 } 1771 1772 .b-loading.b-outline.b-secondary .blu-ripple-wave[data-v-8d4155d0] { 1773 color: #0072ff 1774 } 1775 1776 .b-loading.b-outline.b-primary .blu-ripple-wave[data-v-8d4155d0] { 1777 color: #f1ab02 1778 } 1779 1780 .b-loading.b-ghost.b-secondary .blu-ripple-wave[data-v-8d4155d0] { 1781 color: #0072ff 1782 } 1783 1784 .b-loading.b-ghost.b-primary .blu-ripple-wave[data-v-8d4155d0] { 1785 color: #f1ab02 1786 } 1787 1788 .blu-input-stepper .blu-btn .blu-ripple[data-v-8d4155d0] { 1789 padding: 0; 1790 width: 24px; 1791 height: 24px; 1792 border-radius: 50% 1793 } 1794 1795 .blu-input-stepper .blu-btn .blu-ripple svg[data-v-8d4155d0] { 1796 width: 18px; 1797 height: 18px; 1798 margin-left: 1px 1799 } 1800 1801 .blu-input-stepper .blu-btn .blu-ripple-enter-active[data-v-8d4155d0] { 1802 background: #0072ff 1803 } 1804 1805 .b-disabled[data-v-8d4155d0] { 1806 opacity: 1 1807 } 1808 1809 .blu-btn-dropdown .blu-ripple>svg+div[data-v-8d4155d0] { 1810 margin-left: 8px 1811 } 1812 </style> 1813 <style type="text/css"> 1814 .blu-ripple[data-v-fe4ffa8e] { 1815 width: 100%; 1816 height: 100%; 1817 position: relative; 1818 overflow: hidden; 1819 display: flex; 1820 justify-content: center; 1821 align-items: center; 1822 -webkit-box-pack: center; 1823 -webkit-box-align: center; 1824 -webkit-mask-image: radial-gradient(circle, #ffffff 100%, #000000 100%); 1825 padding: 0 12px 1826 } 1827 1828 .blu-ripple-wave[data-v-fe4ffa8e] { 1829 position: absolute; 1830 z-index: 1; 1831 pointer-events: none; 1832 background: currentColor; 1833 border-radius: 50%; 1834 opacity: 0; 1835 transform: scale(2) translateZ(0) 1836 } 1837 1838 .blu-ripple-wave.b-centered[data-v-fe4ffa8e] { 1839 animation-duration: 1.2s; 1840 top: 50%; 1841 left: 50% 1842 } 1843 1844 .blu-ripple-wave~*[data-v-fe4ffa8e]:not(.blu-ripple-wave) { 1845 position: relative; 1846 z-index: 2 1847 } 1848 1849 .blu-ripple-enter-active[data-v-fe4ffa8e] { 1850 transition: 2s cubic-bezier(0.25, 0.8, 0.25, 1); 1851 transition-property: opacity,transform; 1852 will-change: opacity,transform 1853 } 1854 1855 .blu-ripple-enter-active.b-centered[data-v-fe4ffa8e] { 1856 transition-duration: 1.2s 1857 } 1858 1859 .blu-ripple-enter[data-v-fe4ffa8e] { 1860 opacity: .26; 1861 transform: scale(0.26) translateZ(0) 1862 } 1863 1864 .has-left-icon .blu-ripple svg[data-v-fe4ffa8e] { 1865 margin-right: 8px 1866 } 1867 1868 .has-left-icon.b-small svg[data-v-fe4ffa8e] { 1869 transform-origin: left; 1870 margin-right: 4px 1871 } 1872 1873 .b-large .blu-ripple[data-v-fe4ffa8e] { 1874 padding: 0 16px 1875 } 1876 1877 .b-small .blu-ripple[data-v-fe4ffa8e] { 1878 padding: 0 8px 1879 } 1880 1881 .b-small svg[data-v-fe4ffa8e] { 1882 width: 18px;
1883 height: 18px 1884 } 1885 1886 .b-icon .blu-ripple[data-v-fe4ffa8e] { 1887 padding: 0 1888 } 1889 1890 .b-loading .blu-loader-wrapper[data-v-fe4ffa8e] { 1891 height: 24px; 1892 position: absolute 1893 } 1894 1895 .b-loading .blu-ripple[data-v-fe4ffa8e] { 1896 color: rgba(0,0,0,0) 1897 } 1898 1899 .b-loading .blu-ripple>svg[data-v-fe4ffa8e] { 1900 visibility: hidden 1901 } 1902 1903 .b-loading .blu-ripple .blu-ripple-wave[data-v-fe4ffa8e] { 1904 color: #fff 1905 } 1906 1907 .b-loading.b-white .blu-ripple-wave[data-v-fe4ffa8e] { 1908 color: #0072ff 1909 } 1910 1911 .b-loading.b-outline.b-secondary .blu-ripple-wave[data-v-fe4ffa8e] { 1912 color: #0072ff 1913 } 1914 1915 .b-loading.b-outline.b-primary .blu-ripple-wave[data-v-fe4ffa8e] { 1916 color: #f1ab02 1917 } 1918 1919 .b-loading.b-ghost.b-secondary .blu-ripple-wave[data-v-fe4ffa8e] { 1920 color: #0072ff 1921 } 1922 1923 .b-loading.b-ghost.b-primary .blu-ripple-wave[data-v-fe4ffa8e] { 1924 color: #f1ab02 1925 } 1926 1927 .blu-input-stepper .blu-btn .blu-ripple[data-v-fe4ffa8e] { 1928 padding: 0; 1929 width: 24px; 1930 height: 24px; 1931 border-radius: 50% 1932 } 1933 1934 .blu-input-stepper .blu-btn .blu-ripple svg[data-v-fe4ffa8e] { 1935 width: 18px; 1936 height: 18px; 1937 margin-left: 1px 1938 } 1939 1940 .blu-input-stepper .blu-btn .blu-ripple-enter-active[data-v-fe4ffa8e] { 1941 background: #0072ff 1942 } 1943 1944 .b-disabled[data-v-fe4ffa8e] { 1945 opacity: 1 1946 } 1947 1948 .blu-btn-dropdown .blu-ripple>svg+div[data-v-fe4ffa8e] { 1949 margin-left: 8px 1950 } 1951 1952 .blu-btn[data-v-fe4ffa8e] { 1953 position: relative; 1954 font: 16px/20px "blibli demi bold",-apple-system,segoe ui,roboto,helvetica,arial,sans-serif; 1955 text-decoration: none; 1956 transition: color .4s,background-color .4s,border-color .6s; 1957 white-space: nowrap; 1958 height: 48px; 1959 padding: 0; 1960 -webkit-tap-highlight-color: rgba(0,0,0,0) 1961 } 1962 1963 .blu-btn[data-v-fe4ffa8e]::-moz-focus-inner { 1964 border: 0 1965 } 1966 1967 .blu-btn[data-v-fe4ffa8e]:active { 1968 outline: none 1969 } 1970 1971 .blu-btn[data-v-fe4ffa8e]:before { 1972 position: absolute; 1973 top: 0; 1974 right: 0; 1975 bottom: 0; 1976 left: 0; 1977 z-index: 1; 1978 opacity: 0; 1979 transition: .4s cubic-bezier(0.4, 0, 0.2, 1); 1980 will-change: background-color,opacity; 1981 content: " " 1982 } 1983 1984 .blu-btn[data-v-fe4ffa8e]:focus-visible { 1985 box-shadow: 0px 0px 0px 4px #000 1986 } 1987 1988 .blu-btn.b-primary[data-v-fe4ffa8e] { 1989 color: #fff; 1990 background-color: #f1ab02; 1991 border-color: #f1ab02 1992 } 1993 1994 .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] { 1995 background-color: #e39304; 1996 border-color: #e39304 1997 } 1998 1999 .blu-btn.b-secondary[data-v-fe4ffa8e] { 2000 color: #fff; 2001 background-color: #0072ff; 2002 border-color: #0072ff 2003 } 2004 2005 .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] { 2006 background-color: #006dea; 2007 border-color: #006dea 2008 } 2009 2010 .blu-btn.b-white[data-v-fe4ffa8e] { 2011 color: #fff; 2012 background-color: #fff; 2013 border-color: #fff; 2014 color: #0072ff 2015 } 2016 2017 .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] { 2018 background-color: #f1f2f2; 2019 border-color: #f1f2f2 2020 } 2021 2022 .blu-btn.b-disabled[data-v-fe4ffa8e] { 2023 color: #fff; 2024 background-color: #c8cbcd; 2025 border-color: #c8cbcd; 2026 color: rgba(25,34,42,.4) 2027 } 2028 2029 .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] { 2030 background-color: #c8cbcd; 2031 border-color: #c8cbcd 2032 } 2033 2034 .blu-btn.b-large[data-v-fe4ffa8e] { 2035 height: 56px 2036 } 2037 2038 .blu-btn.b-small[data-v-fe4ffa8e] { 2039 font: 14px/18px "blibli demi bold",-apple-system,segoe ui,roboto,helvetica,arial,sans-serif; 2040 height: 32px 2041 } 2042 2043 .b-disabled[data-v-fe4ffa8e] { 2044 opacity: 1 2045 } 2046 2047 input[type=submit][data-v-fe4ffa8e]::-moz-focus-inner,input[type=button][data-v-fe4ffa8e]::-moz-focus-inner { 2048 border: 0px 2049 } 2050 2051 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] { 2052 outline: none 2053 } 2054 2055 a[data-v-fe4ffa8e],a[data-v-fe4ffa8e]:visited,a[data-v-fe4ffa8e]:focus,a[data-v-fe4ffa8e]:active,a[data-v-fe4ffa8e]:hover { 2056 outline: 0 none !important 2057 } 2058 2059 .blu-btn[data-v-fe4ffa8e] { 2060 border-radius: 24px 2061 } 2062 2063 .blu-btn+.blu-button[data-v-fe4ffa8e] { 2064 margin-left: 0 2065 } 2066 2067 .blu-btn.b-outline[data-v-fe4ffa8e] { 2068 background-color: rgba(0,0,0,0) 2069 } 2070 2071 .blu-btn.b-outline.b-primary[data-v-fe4ffa8e] { 2072 color: #f1ab02; 2073 background-color: #e39304; 2074 border: #ffcd00 1px solid 2075 } 2076 2077 .blu-btn.b-outline.b-primary[data-v-fe4ffa8e]:not(.b-disabled) { 2078 background-color: rgba(255,255,255,.12) 2079 } 2080 2081 .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] { 2082 background-color: rgba(227,147,4,.08); 2083 border: #ffcd00 1px solid 2084 } 2085 2086 .blu-btn.b-outline.b-primary.b-active[data-v-fe4ffa8e] { 2087 z-index: 9; 2088 background-color: #f1ab02; 2089 color: #fff 2090 } 2091 2092 .blu-btn.b-outline.b-secondary[data-v-fe4ffa8e] { 2093 color: #0072ff; 2094 background-color: #006dea; 2095 border: #1d8fff 1px solid 2096 } 2097 2098 .blu-btn.b-outline.b-secondary[data-v-fe4ffa8e]:not(.b-disabled) { 2099 background-color: rgba(255,255,255,.12) 2100 } 2101 2102 .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] { 2103 background-color: rgba(0,109,234,.08); 2104 border: #1d8fff 1px solid 2105 } 2106 2107 .blu-btn.b-outline.b-secondary.b-active[data-v-fe4ffa8e] { 2108 z-index: 9; 2109 background-color: #0072ff; 2110 color: #fff 2111 } 2112 2113 .blu-btn.b-outline.b-white[data-v-fe4ffa8e] { 2114 color: #fff; 2115 background-color: #fff; 2116 border: #fff 1px solid 2117 } 2118 2119 .blu-btn.b-outline.b-white[data-v-fe4ffa8e]:not(.b-disabled) { 2120 background-color: rgba(255,255,255,.12) 2121 } 2122 2123 .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] { 2124 background-color: rgba(255,255,255,.4); 2125 border: #fff 1px solid 2126 } 2127 2128 .blu-btn.b-outline.b-white.b-active[data-v-fe4ffa8e] { 2129 z-index: 9; 2130 background-color: #fff; 2131 color: #fff 2132 } 2133 2134 .blu-btn.b-outline.b-disabled[data-v-fe4ffa8e] { 2135 color: rgba(25,34,42,.4); 2136 background-color: #c8cbcd; 2137 border: #c8cbcd 1px solid 2138 } 2139 2140 .blu-btn.b-outline.b-disabled[data-v-fe4ffa8e]:not(.b-disabled) { 2141 background-color: rgba(255,255,255,.12) 2142 } 2143 2144 .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] { 2145 background-color: rgba(200,203,205,.08); 2146 border: #c8cbcd 1px solid 2147 } 2148 2149 .blu-btn.b-outline.b-disabled.b-active[data-v-fe4ffa8e] { 2150 z-index: 9; 2151 background-color: rgba(25,34,42,.4); 2152 color: #fff 2153 } 2154 2155 .blu-btn.b-outline.b-small .blu-ripple[data-v-fe4ffa8e] { 2156 border-radius: 14px 2157 } 2158 2159 .blu-btn.b-outline.b-large .blu-ripple[data-v-fe4ffa8e] { 2160 border-radius: 30px 2161 } 2162 2163 .blu-btn.b-ghost[data-v-fe4ffa8e] { 2164 background-color: rgba(0,0,0,0); 2165 border-color: rgba(0,0,0,0) 2166 } 2167 2168 .blu-btn.b-ghost.b-primary[data-v-fe4ffa8e] { 2169 color: #f1ab02; 2170 border-color: rgba(0,0,0,0) 2171 } 2172 2173 .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] { 2174 border-color: rgba(0,0,0,0); 2175 background-color: rgba(227,147,4,.08) 2176 } 2177 2178 .blu-btn.b-ghost.b-secondary[data-v-fe4ffa8e] { 2179 color: #0072ff; 2180 border-color: rgba(0,0,0,0) 2181 } 2182 2183 .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] { 2184 border-color: rgba(0,0,0,0); 2185 background-color: rgba(0,109,234,.08) 2186 } 2187 2188 .blu-btn.b-ghost.b-white[data-v-fe4ffa8e] { 2189 color: #fff; 2190 border-color: rgba(0,0,0,0) 2191 } 2192 2193 .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] { 2194 border-color: rgba(0,0,0,0); 2195 background-color: rgba(255,255,255,.4) 2196 } 2197 2198 .blu-btn.b-ghost.b-white.b-disabled[data-v-fe4ffa8e] { 2199 color: rgba(255,255,255,.4); 2200 border-color: rgba(0,0,0,0) 2201 } 2202 2203 .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] { 2204 border-color: rgba(0,0,0,0); 2205 background-color: rgba(0,0,0,0) 2206 } 2207 2208 .blu-btn.b-ghost.b-disabled[data-v-fe4ffa8e] { 2209 color: rgba(25,34,42,.4); 2210 border-color: rgba(0,0,0,0) 2211 } 2212 2213 .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] { 2214 border-color: rgba(0,0,0,0); 2215 background-color: rgba(0,0,0,0) 2216 } 2217 2218 .blu-btn.b-warning[data-v-fe4ffa8e] { 2219 color: #fff; 2220 background-color: #ffcd00; 2221 border-color: #ffcd00 2222 } 2223 2224 .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] { 2225 background-color: #cca400; 2226 border-color: #cca400 2227 } 2228 2229 .blu-btn.b-danger[data-v-fe4ffa8e] { 2230 color: #fff; 2231 background-color: #ff4646; 2232 border-color: #ff4646 2233 } 2234 2235 .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] { 2236 background-color: #ff1313; 2237 border-color: #ff1313 2238 } 2239 2240 .blu-btn.b-small[data-v-fe4ffa8e] { 2241 border-radius: 16px 2242 } 2243 2244 .blu-btn.b-small .blu-ripple[data-v-fe4ffa8e] { 2245 border-radius: 16px 2246 } 2247 2248 .blu-btn.b-large[data-v-fe4ffa8e] { 2249 border-radius: 32px 2250 } 2251 2252 .blu-btn.b-large .blu-ripple[data-v-fe4ffa8e] { 2253 border-radius: 32px 2254 } 2255 2256 .blu-btn.b-icon[data-v-fe4ffa8e] { 2257 width: 48px 2258 } 2259 2260 .blu-btn.b-icon.b-large[data-v-fe4ffa8e] { 2261 width: 56px 2262 } 2263 2264 .blu-btn.b-icon.b-small[data-v-fe4ffa8e] { 2265 width: 32px 2266 } 2267 2268 .blu-btn.b-icon svg[data-v-fe4ffa8e] { 2269 width: 100%; 2270 height: 100% 2271 } 2272 2273 .blu-btn.b-full-width[data-v-fe4ffa8e] { 2274 width: 100% 2275 } 2276 2277 .blu-btn .blu-ripple[data-v-fe4ffa8e] { 2278 border-radius: 24px 2279 } 2280 </style> 2281 <link rel="modulepreload" as="script" crossorigin="" href="https://www.static-src.com/frontend/static/js/CustomerLocation.49933ea8.js"> 2282 <link rel="modulepreload" as="script" crossorigin="" href="https://www.static-src.com/frontend/static/js/address-event.0a54fb2b.js"> 2283 <link rel="modulepreload" as="script" crossorigin="" href="https://www.static-src.com/frontend/static/js/Location.c79a4a93.js"> 2284 <link rel="modulepreload" as="script" crossorigin="" href="https://www.static-src.com/frontend/static/js/customer-location-mixin.dd72e66a.js"> 2285 <link rel="stylesheet" href="https://www.static-src.com/frontend/static/CustomerLocation.d45a5c3d.css"> 2286 <link href="https://blibli.api.useinsider.com" rel="prec
2286onnect" crossorigin="anonymous"> 2287 <link href="https://cs.gssprt.jp" rel="preconnect" crossorigin="anonymous"> 2288 <link href="https://i.w55c.net" rel="preconnect" crossorigin="anonymous"> 2289 <link href="https://weather.api.useinsider.com" rel="preconnect" crossorigin="anonymous"> 2290 <link href="https://api.useinsider.com" rel="preconnect" crossorigin="anonymous"> 2291 <link href="https://asia.creativecdn.com" rel="preconnect" crossorigin="anonymous"> 2292 <link href="https://bcp.crwdcntrl.net" rel="preconnect" crossorigin="anonymous"> 2293 <link href="https://bwa.blibli.com" rel="preconnect" crossorigin="anonymous"> 2294 <link href="https://cm.creativecdn.com" rel="preconnect" crossorigin="anonymous"> 2295 <link href="https://cm.g.doubleclick.net" rel="preconnect" crossorigin="anonymous"> 2296 <link href="https://cs.gssprt.jp" rel="preconnect" crossorigin="anonymous"> 2297 <link href="https://googleads.g.doubleclick.net" rel="preconnect" crossorigin="anonymous"> 2298 <link href="https://gum.criteo.com" rel="preconnect" crossorigin="anonymous"> 2299 <link href="https://hit.api.useinsider.com" rel="preconnect" crossorigin="anonymous"> 2300 <link href="https://i.w55c.net" rel="preconnect" crossorigin="anonymous"> 2301 <link href="https://js-agent.newrelic.com" rel="preconnect" crossorigin="anonymous"> 2302 <link href="https://location.api.useinsider.com" rel="preconnect" crossorigin="anonymous"> 2303 <link href="https://log.api.useinsider.com" rel="preconnect" crossorigin="anonymous"> 2304 <link href="https://match.adsrvr.org" rel="preconnect" crossorigin="anonymous"> 2305 <link href="https://script.crazyegg.com" rel="preconnect" crossorigin="anonymous"> 2306 <link href="https://segment.api.useinsider.com" rel="preconnect" crossorigin="anonymous"> 2307 <link href="https://sslwidget.criteo.com" rel="preconnect" crossorigin="anonymous"> 2308 <link href="https://static.criteo.net" rel="preconnect" crossorigin="anonymous"> 2309 <link href="https://stats.g.doubleclick.net" rel="preconnect" crossorigin="anonymous"> 2310 <link href="https://storage.googleapis.com" rel="preconnect" crossorigin="anonymous"> 2311 <link href="https://sync.crwdcntrl.net" rel="preconnect" crossorigin="anonymous"> 2312 <link href="https://tags.crwdcntrl.net" rel="preconnect" crossorigin="anonymous"> 2313 <link href="https://weather.api.useinsider.com" rel="preconnect" crossorigin="anonymous"> 2314 <link href="https://www.facebook.com" rel="preconnect" crossorigin="anonymous"> 2315 <link href="https://www.google.co.id" rel="preconnect" crossorigin="anonymous"> 2316 <link href="https://www.google.com" rel="preconnect" crossorigin="anonymous"> 2317 <link href="https://www.googleadservices.com" rel="preconnect" crossorigin="anonymous"> 2318 <link href="https://www.google-analytics.com" rel="preconnect" crossorigin="anonymous"> 2319 <link href="https://www.googletagmanager.com" rel="preconnect" crossorigin="anonymous"> 2320 <link href="https://www.static-src.com" rel="preconnect" crossorigin="anonymous"> 2321 <link href="https://websdk.appsflyer.com" rel="preconnect" crossorigin="anonymous"> 2322 <link href="https://banner.appsflyer.com" rel="preconnect" crossorigin="anonymous"> 2323 <link href="https://fvalid.appsflyer.com" rel="preconnect" crossorigin="anonymous"> 2324
2324<script src="https://cdn.moengage.com/release/dc_1/moe_webSdk_webp.min.latest.js?app_id=QTD7QXC51X5DZR3CTIHK33PQ"></script>
2324 2325
2325<script type="text/javascript" async="" src="https://www.blibli.com/bwa/2.4.5-0/index.js"></script>
2325 2326
2326<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>
2326 2327 <style type="text/css"> 2328 .blu-chip[data-v-652f3722] { 2329 display: inline-flex; 2330 transition-duration: 300ms 2331 } 2332 2333 .blu-chip:not(.blue-3) span[data-v-652f3722] { 2334 height: 32px; 2335 padding: 0 10px; 2336 margin: 2px; 2337 display: flex; 2338 align-items: center; 2339 font: 14px/18px "blibli",-apple-system,segoe ui,roboto,helvetica,arial,sans-serif; 2340 text-decoration: none; 2341 cursor: pointer; 2342 color: #0072ff; 2343 border-radius: 8px; 2344 border: #f1f2f2 1px solid; 2345 background-color: #f1f2f2; 2346 transition-duration: 300ms; 2347 white-space: nowrap; 2348 letter-spacing: 0px 2349 } 2350 2351 .blu-chip.b-primary input[data-v-652f3722] { 2352 display: none; 2353 transition: background-color .4s 2354 } 2355 2356 .blu-chip.b-primary input:checked+span[data-v-652f3722] { 2357 color: #fff; 2358 border-color: #1d8fff; 2359 background-color: #1d8fff 2360 } 2361 2362 .blu-chip.b-primary input:checked+span[data-v-652f3722]:hover { 2363 background-color: #006dea; 2364 border-color: #006dea 2365 } 2366 2367 .blu-chip.b-primary input:checked+span svg[data-v-652f3722]:first-child { 2368 color: #fff 2369 } 2370 2371 .blu-chip.b-primary input+span[data-v-652f3722] { 2372 border: #f1f2f2 1px solid 2373 } 2374 2375 .blu-chip.b-primary input+span[data-v-652f3722]:hover { 2376 background-color: #e1e3e4; 2377 border-color: #e1e3e4 2378 } 2379 2380 .blu-chip.b-secondary input[data-v-652f3722] { 2381 display: none; 2382 transition: background-color .4s 2383 } 2384 2385 .blu-chip.b-secondary input:checked+span[data-v-652f3722] { 2386 color: #fff; 2387 border-color: #1d8fff; 2388 background-color: #1d8fff 2389 } 2390 2391 .blu-chip.b-secondary input:checked+span[data-v-652f3722]:hover { 2392 background-color: #006dea; 2393 border-color: #006dea 2394 } 2395 2396 .blu-chip.b-secondary input:checked+span svg[data-v-652f3722]:first-child { 2397 color: #fff 2398 } 2399 2400 .blu-chip.b-secondary input+span[data-v-652f3722] { 2401 border: #f1f2f2 1px solid 2402 } 2403 2404 .blu-chip.b-secondary input+span[data-v-652f3722]:hover { 2405 background-color: #e1e3e4; 2406 border-color: #e1e3e4 2407 } 2408 2409 .blu-chip.b-disabled span[data-v-652f3722] { 2410 cursor: not-allowed; 2411 border: #f1f2f2 1px solid; 2412 background-color: #c8cbcd; 2413 border: none; 2414 color: rgba(25,34,42,.4) 2415 } 2416 2417 .blu-chip.b-outline.b-primary input[data-v-652f3722] { 2418 display: none; 2419 transition: background-color .4s,border-color .6s 2420 } 2421 2422 .blu-chip.b-outline.b-primary input:checked+span[data-v-652f3722] { 2423 color: #f1ab02; 2424 border-color: #1d8fff; 2425 background-color: #f3f9ff 2426 } 2427 2428 .blu-chip.b-outline.b-primary input:checked+span[data-v-652f3722]:hover { 2429 border: solid 1px #0072ff 2430 } 2431 2432 .blu-chip.b-outline.b-primary input+span[data-v-652f3722] { 2433 color: #f1ab02; 2434 background-color: #fff; 2435 border-color: #c8cbcd 2436 } 2437 2438 .blu-chip.b-outline.b-primary input+span[data-v-652f3722]:hover { 2439 border: 1px solid #4fa4ff 2440 } 2441 2442 .blu-chip.b-outline.b-primary input+span svg[data-v-652f3722]:first-child { 2443 color: #f1ab02 2444 } 2445 2446 .blu-chip.b-outline.b-secondary input[data-v-652f3722] { 2447 display: none; 2448 transition: background-color .4s,border-color .6s 2449 } 2450 2451 .blu-chip.b-outline.b-secondary input:checked+span[data-v-652f3722] { 2452 color: #0072ff; 2453 border-color: #1d8fff; 2454 background-color: #f3f9ff 2455 } 2456 2457 .blu-chip.b-outline.b-secondary input:checked+span[data-v-652f3722]:hover { 2458 border: solid 1px #0072ff 2459 } 2460 2461 .blu-chip.b-outline.b-secondary input+span[data-v-652f3722] { 2462 color: #0072ff; 2463 background-color: #fff; 2464 border-color: #c8cbcd 2465 } 2466 2467 .blu-chip.b-outline.b-secondary input+span[data-v-652f3722]:hover { 2468 border: 1px solid #4fa4ff 2469 } 2470 2471 .blu-chip.b-outline.b-secondary input+span svg[data-v-652f3722]:first-child { 2472 color: #0072ff 2473 } 2474 2475 .blu-chip.has-left-icon span[data-v-652f3722] { 2476 padding-left: 5px 2477 } 2478 2479 .blu-chip.has-left-icon span>*[data-v-652f3722]:first-child { 2480 margin-right: 4px 2481 } 2482 2483 .blu-chip.has-left-icon span>svg[data-v-652f3722]:first-child { 2484 transform: scale(0.75); 2485 transform-origin: left; 2486 margin-right: -2px; 2487 color: #797f85 2488 } 2489 2490 .blu-chip__wrapper[data-v-652f3722] { 2491 min-height: 48px; 2492 padding: 5px 8px; 2493 border: #e1e3e4 1px solid; 2494 border-radius: 8px 2495 } 2496 2497 .blu-chip__wrapper input[data-v-652f3722] { 2498 height: 32px; 2499 border: none; 2500 font: 16px/20px "blibli",-apple-system,segoe ui,roboto,helvetica,arial,sans-serif; 2501 color: #19222a; 2502 -moz-appearance: none; 2503 -webkit-appearance: none 2504 } 2505 2506 .blu-chip__wrapper input[data-v-652f3722]:focus { 2507 outline: 0 2508 } 2509 2510 .blu-chip__wrapper.b-outline .blu-chip span[data-v-652f3722] { 2511 background-color: #fff; 2512 border: #e1e3e4 1px solid 2513 } 2514 2515 .blu-chip__wrapper.b-disabled.blu-chip__wrapper[data-v-652f3722] { 2516 opacity: 1 2517 } 2518 2519 .blu-chip__wrapper.b-disabled input[data-v-652f3722] {
2520 cursor: not-allowed; 2521 pointer-events: none; 2522 color: rgba(25,34,42,.7019607843) 2523 } 2524 2525 .blu-chip__wrapper.b-disabled button[data-v-652f3722] { 2526 cursor: not-allowed; 2527 pointer-events: none 2528 } 2529 2530 .blu-chip__wrapper.b-disabled .blu-chip span[data-v-652f3722] { 2531 cursor: not-allowed; 2532 color: rgba(25,34,42,.4); 2533 background-color: #c8cbcd; 2534 border: none 2535 } 2536 2537 .blu-chip.blu-chip-enter-active[data-v-652f3722],.blu-chip.blu-chip-leave-active[data-v-652f3722] { 2538 opacity: 0; 2539 transform: transformZ(0) scale(0.8) 2540 } 2541 2542 .blu-chip.blu-chip-enter-to[data-v-652f3722] { 2543 opacity: 1; 2544 transform: transformZ(0) scale(1) 2545 } 2546 2547 .blu-chip.b-deletable span[data-v-652f3722] { 2548 cursor: default; 2549 padding-right: 5px 2550 } 2551 2552 .blu-chip.b-deletable button[data-v-652f3722] { 2553 display: flex; 2554 align-items: center; 2555 margin-left: 4px; 2556 padding: 0; 2557 color: #797f85 2558 } 2559 2560 .blu-chip.b-deletable button svg[data-v-652f3722] { 2561 width: 18px 2562 } 2563 2564 .blu-chip.b-duplicated span[data-v-652f3722] { 2565 animation: shake-652f3722 .82s cubic-bezier(0.36, 0.07, 0.19, 0.97) both; 2566 transform: translate3d(0, 0, 0); 2567 backface-visibility: hidden; 2568 perspective: 1000px 2569 } 2570 2571 @keyframes shake-652f3722 { 2572 10%,90% { 2573 transform: translate3d(-1px, 0, 0) 2574 } 2575 2576 20%,80% { 2577 transform: translate3d(2px, 0, 0) 2578 } 2579 2580 30%,50%,70% { 2581 transform: translate3d(-4px, 0, 0) 2582 } 2583 2584 40%,60% { 2585 transform: translate3d(4px, 0, 0) 2586 } 2587 } 2588 2589 *[data-v-652f3722]::-moz-focus-inner { 2590 border: 0 2591 } 2592 2593 *[data-v-652f3722]:focus { 2594 outline: 0 2595 } 2596 </style> 2597 <style type="text/css"> 2598 .blu-chip[data-v-342de9b2] { 2599 display: inline-flex; 2600 transition-duration: 300ms 2601 } 2602 2603 .blu-chip:not(.blue-3) span[data-v-342de9b2] { 2604 height: 32px; 2605 padding: 0 10px; 2606 margin: 2px; 2607 display: flex; 2608 align-items: center; 2609 font: 14px/18px "blibli",-apple-system,segoe ui,roboto,helvetica,arial,sans-serif; 2610 text-decoration: none; 2611 cursor: pointer; 2612 color: #0072ff; 2613 border-radius: 8px; 2614 border: #f1f2f2 1px solid; 2615 background-color: #f1f2f2; 2616 transition-duration: 300ms; 2617 white-space: nowrap; 2618 letter-spacing: 0px 2619 } 2620 2621 .blu-chip.b-primary input[data-v-342de9b2] { 2622 display: none; 2623 transition: background-color .4s 2624 } 2625 2626 .blu-chip.b-primary input:checked+span[data-v-342de9b2] { 2627 color: #fff; 2628 border-color: #1d8fff; 2629 background-color: #1d8fff 2630 } 2631 2632 .blu-chip.b-primary input:checked+span[data-v-342de9b2]:hover { 2633 background-color: #006dea; 2634 border-color: #006dea 2635 } 2636 2637 .blu-chip.b-primary input:checked+span svg[data-v-342de9b2]:first-child { 2638 color: #fff 2639 } 2640 2641 .blu-chip.b-primary input+span[data-v-342de9b2] { 2642 border: #f1f2f2 1px solid 2643 } 2644 2645 .blu-chip.b-primary input+span[data-v-342de9b2]:hover { 2646 background-color: #e1e3e4; 2647 border-color: #e1e3e4 2648 } 2649 2650 .blu-chip.b-secondary input[data-v-342de9b2] { 2651 display: none; 2652 transition: background-color .4s 2653 } 2654 2655 .blu-chip.b-secondary input:checked+span[data-v-342de9b2] { 2656 color: #fff; 2657 border-color: #1d8fff; 2658 background-color: #1d8fff 2659 } 2660 2661 .blu-chip.b-secondary input:checked+span[data-v-342de9b2]:hover { 2662 background-color: #006dea; 2663 border-color: #006dea 2664 } 2665 2666 .blu-chip.b-secondary input:checked+span svg[data-v-342de9b2]:first-child { 2667 color: #fff 2668 } 2669 2670 .blu-chip.b-secondary input+span[data-v-342de9b2] { 2671 border: #f1f2f2 1px solid 2672 } 2673 2674 .blu-chip.b-secondary input+span[data-v-342de9b2]:hover { 2675 background-color: #e1e3e4; 2676 border-color: #e1e3e4 2677 } 2678 2679 .blu-chip.b-disabled span[data-v-342de9b2] {
2680 cursor: not-allowed; 2681 border: #f1f2f2 1px solid; 2682 background-color: #c8cbcd; 2683 border: none; 2684 color: rgba(25,34,42,.4) 2685 } 2686 2687 .blu-chip.b-outline.b-primary input[data-v-342de9b2] { 2688 display: none; 2689 transition: background-color .4s,border-color .6s 2690 } 2691 2692 .blu-chip.b-outline.b-primary input:checked+span[data-v-342de9b2] { 2693 color: #f1ab02; 2694 border-color: #1d8fff; 2695 background-color: #f3f9ff 2696 } 2697 2698 .blu-chip.b-outline.b-primary input:checked+span[data-v-342de9b2]:hover { 2699 border: solid 1px #0072ff 2700 } 2701 2702 .blu-chip.b-outline.b-primary input+span[data-v-342de9b2] { 2703 color: #f1ab02; 2704 background-color: #fff; 2705 border-color: #c8cbcd 2706 } 2707 2708 .blu-chip.b-outline.b-primary input+span[data-v-342de9b2]:hover { 2709 border: 1px solid #4fa4ff 2710 } 2711 2712 .blu-chip.b-outline.b-primary input+span svg[data-v-342de9b2]:first-child { 2713 color: #f1ab02 2714 } 2715 2716 .blu-chip.b-outline.b-secondary input[data-v-342de9b2] { 2717 display: none; 2718 transition: background-color .4s,border-color .6s 2719 } 2720 2721 .blu-chip.b-outline.b-secondary input:checked+span[data-v-342de9b2] { 2722 color: #0072ff; 2723 border-color: #1d8fff; 2724 background-color: #f3f9ff 2725 } 2726 2727 .blu-chip.b-outline.b-secondary input:checked+span[data-v-342de9b2]:hover { 2728 border: solid 1px #0072ff 2729 } 2730 2731 .blu-chip.b-outline.b-secondary input+span[data-v-342de9b2] { 2732 color: #0072ff; 2733 background-color: #fff; 2734 border-color: #c8cbcd 2735 } 2736 2737 .blu-chip.b-outline.b-secondary input+span[data-v-342de9b2]:hover { 2738 border: 1px solid #4fa4ff 2739 } 2740 2741 .blu-chip.b-outline.b-secondary input+span svg[data-v-342de9b2]:first-child { 2742 color: #0072ff 2743 } 2744 2745 .blu-chip.has-left-icon span[data-v-342de9b2] { 2746 padding-left: 5px 2747 } 2748 2749 .blu-chip.has-left-icon span>*[data-v-342de9b2]:first-child { 2750 margin-right: 4px 2751 } 2752 2753 .blu-chip.has-left-icon span>svg[data-v-342de9b2]:first-child { 2754 transform: scale(0.75); 2755 transform-origin: left; 2756 margin-right: -2px; 2757 color: #797f85 2758 } 2759 2760 .blu-chip__wrapper[data-v-342de9b2] { 2761 min-height: 48px; 2762 padding: 5px 8px; 2763 border: #e1e3e4 1px solid; 2764 border-radius: 8px 2765 } 2766 2767 .blu-chip__wrapper input[data-v-342de9b2] { 2768 height: 32px; 2769 border: none; 2770 font: 16px/20px "blibli",-apple-system,segoe ui,roboto,helvetica,arial,sans-serif; 2771 color: #19222a; 2772 -moz-appearance: none; 2773 -webkit-appearance: none 2774 } 2775 2776 .blu-chip__wrapper input[data-v-342de9b2]:focus { 2777 outline: 0 2778 } 2779 2780 .blu-chip__wrapper.b-outline .blu-chip span[data-v-342de9b2] { 2781 background-color: #fff; 2782 border: #e1e3e4 1px solid 2783 } 2784 2785 .blu-chip__wrapper.b-disabled.blu-chip__wrapper[data-v-342de9b2] { 2786 opacity: 1 2787 } 2788 2789 .blu-chip__wrapper.b-disabled input[data-v-342de9b2] { 2790 cursor: not-allowed; 2791 pointer-events: none; 2792 color: rgba(25,34,42,.7019607843) 2793 } 2794 2795 .blu-chip__wrapper.b-disabled button[data-v-342de9b2] { 2796 cursor: not-allowed; 2797 pointer-events: none 2798 } 2799 2800 .blu-chip__wrapper.b-disabled .blu-chip span[data-v-342de9b2] {
2801 cursor: not-allowed; 2802 color: rgba(25,34,42,.4); 2803 background-color: #c8cbcd; 2804 border: none 2805 } 2806 2807 .blu-chip.blu-chip-enter-active[data-v-342de9b2],.blu-chip.blu-chip-leave-active[data-v-342de9b2] { 2808 opacity: 0; 2809 transform: transformZ(0) scale(0.8) 2810 } 2811 2812 .blu-chip.blu-chip-enter-to[data-v-342de9b2] { 2813 opacity: 1; 2814 transform: transformZ(0) scale(1) 2815 } 2816 2817 .blu-chip.b-deletable span[data-v-342de9b2] { 2818 cursor: default; 2819 padding-right: 5px 2820 } 2821 2822 .blu-chip.b-deletable button[data-v-342de9b2] { 2823 display: flex; 2824 align-items: center; 2825 margin-left: 4px; 2826 padding: 0; 2827 color: #797f85 2828 } 2829 2830 .blu-chip.b-deletable button svg[data-v-342de9b2] { 2831 width: 18px 2832 } 2833 2834 .blu-chip.b-duplicated span[data-v-342de9b2] { 2835 animation: shake-342de9b2 .82s cubic-bezier(0.36, 0.07, 0.19, 0.97) both; 2836 transform: translate3d(0, 0, 0); 2837 backface-visibility: hidden; 2838 perspective: 1000px 2839 } 2840 2841 @keyframes shake-342de9b2 { 2842 10%,90% { 2843 transform: translate3d(-1px, 0, 0) 2844 } 2845 2846 20%,80% { 2847 transform: translate3d(2px, 0, 0) 2848 } 2849 2850 30%,50%,70% { 2851 transform: translate3d(-4px, 0, 0) 2852 } 2853 2854 40%,60% { 2855 transform: translate3d(4px, 0, 0) 2856 } 2857 } 2858 2859 *[data-v-342de9b2]::-moz-focus-inner { 2860 border: 0 2861 } 2862 2863 *[data-v-342de9b2]:focus { 2864 outline: 0 2865 } 2866 </style> 2867 <style type="text/css"> 2868 .blu-chip[data-v-2ffdd76e] { 2869 display: inline-flex; 2870 transition-duration: 300ms 2871 } 2872 2873 .blu-chip:not(.blue-3) span[data-v-2ffdd76e] { 2874 height: 32px; 2875 padding: 0 10px; 2876 margin: 2px; 2877 display: flex; 2878 align-items: center; 2879 font: 14px/18px "blibli",-apple-system,segoe ui,roboto,helvetica,arial,sans-serif; 2880 text-decoration: none; 2881 cursor: pointer; 2882 color: #0072ff; 2883 border-radius: 8px; 2884 border: #f1f2f2 1px solid; 2885 background-color: #f1f2f2; 2886 transition-duration: 300ms; 2887 white-space: nowrap; 2888 letter-spacing: 0px 2889 } 2890 2891 .blu-chip.b-primary input[data-v-2ffdd76e] { 2892 display: none; 2893 transition: background-color .4s 2894 } 2895 2896 .blu-chip.b-primary input:checked+span[data-v-2ffdd76e] { 2897 color: #fff; 2898 border-color: #1d8fff; 2899 background-color: #1d8fff 2900 } 2901 2902 .blu-chip.b-primary input:checked+span[data-v-2ffdd76e]:hover { 2903 background-color: #006dea; 2904 border-color: #006dea 2905 } 2906 2907 .blu-chip.b-primary input:checked+span svg[data-v-2ffdd76e]:first-child { 2908 color: #fff 2909 } 2910 2911 .blu-chip.b-primary input+span[data-v-2ffdd76e] { 2912 border: #f1f2f2 1px solid 2913 } 2914 2915 .blu-chip.b-primary input+span[data-v-2ffdd76e]:hover { 2916 background-color: #e1e3e4; 2917 border-color: #e1e3e4 2918 } 2919 2920 .blu-chip.b-secondary input[data-v-2ffdd76e] { 2921 display: none; 2922 transition: background-color .4s 2923 } 2924 2925 .blu-chip.b-secondary input:checked+span[data-v-2ffdd76e] { 2926 color: #fff; 2927 border-color: #1d8fff; 2928 background-color: #1d8fff 2929 } 2930 2931 .blu-chip.b-secondary input:checked+span[data-v-2ffdd76e]:hover { 2932 background-color: #006dea; 2933 border-color: #006dea 2934 } 2935 2936 .blu-chip.b-secondary input:checked+span svg[data-v-2ffdd76e]:first-child { 2937 color: #fff 2938 } 2939 2940 .blu-chip.b-secondary input+span[data-v-2ffdd76e] { 2941 border: #f1f2f2 1px solid 2942 } 2943 2944 .blu-chip.b-secondary input+span[data-v-2ffdd76e]:hover { 2945 background-color: #e1e3e4; 2946 border-color: #e1e3e4 2947 } 2948 2949 .blu-chip.b-disabled span[data-v-2ffdd76e] {
2950 cursor: not-allowed; 2951 border: #f1f2f2 1px solid; 2952 background-color: #c8cbcd; 2953 border: none; 2954 color: rgba(25,34,42,.4) 2955 } 2956 2957 .blu-chip.b-outline.b-primary input[data-v-2ffdd76e] { 2958 display: none; 2959 transition: background-color .4s,border-color .6s 2960 } 2961 2962 .blu-chip.b-outline.b-primary input:checked+span[data-v-2ffdd76e] { 2963 color: #f1ab02; 2964 border-color: #1d8fff; 2965 background-color: #f3f9ff 2966 } 2967 2968 .blu-chip.b-outline.b-primary input:checked+span[data-v-2ffdd76e]:hover { 2969 border: solid 1px #0072ff 2970 } 2971 2972 .blu-chip.b-outline.b-primary input+span[data-v-2ffdd76e] { 2973 color: #f1ab02; 2974 background-color: #fff; 2975 border-color: #c8cbcd 2976 } 2977 2978 .blu-chip.b-outline.b-primary input+span[data-v-2ffdd76e]:hover { 2979 border: 1px solid #4fa4ff 2980 } 2981 2982 .blu-chip.b-outline.b-primary input+span svg[data-v-2ffdd76e]:first-child { 2983 color: #f1ab02 2984 } 2985 2986 .blu-chip.b-outline.b-secondary input[data-v-2ffdd76e] { 2987 display: none; 2988 transition: background-color .4s,border-color .6s 2989 } 2990 2991 .blu-chip.b-outline.b-secondary input:checked+span[data-v-2ffdd76e] { 2992 color: #0072ff; 2993 border-color: #1d8fff; 2994 background-color: #f3f9ff 2995 } 2996 2997 .blu-chip.b-outline.b-secondary input:checked+span[data-v-2ffdd76e]:hover { 2998 border: solid 1px #0072ff 2999 } 3000 3001 .blu-chip.b-outline.b-secondary input+span[data-v-2ffdd76e] { 3002 color: #0072ff; 3003 background-color: #fff; 3004 border-color: #c8cbcd 3005 } 3006 3007 .blu-chip.b-outline.b-secondary input+span[data-v-2ffdd76e]:hover { 3008 border: 1px solid #4fa4ff 3009 } 3010 3011 .blu-chip.b-outline.b-secondary input+span svg[data-v-2ffdd76e]:first-child { 3012 color: #0072ff 3013 } 3014 3015 .blu-chip.has-left-icon span[data-v-2ffdd76e] { 3016 padding-left: 5px 3017 } 3018 3019 .blu-chip.has-left-icon span>*[data-v-2ffdd76e]:first-child { 3020 margin-right: 4px 3021 } 3022 3023 .blu-chip.has-left-icon span>svg[data-v-2ffdd76e]:first-child { 3024 transform: scale(0.75); 3025 transform-origin: left; 3026 margin-right: -2px; 3027 color: #797f85 3028 } 3029 3030 .blu-chip__wrapper[data-v-2ffdd76e] { 3031 min-height: 48px; 3032 padding: 5px 8px; 3033 border: #e1e3e4 1px solid; 3034 border-radius: 8px 3035 } 3036 3037 .blu-chip__wrapper input[data-v-2ffdd76e] { 3038 height: 32px; 3039 border: none; 3040 font: 16px/20px "blibli",-apple-system,segoe ui,roboto,helvetica,arial,sans-serif; 3041 color: #19222a; 3042 -moz-appearance: none; 3043 -webkit-appearance: none 3044 } 3045 3046 .blu-chip__wrapper input[data-v-2ffdd76e]:focus { 3047 outline: 0 3048 } 3049 3050 .blu-chip__wrapper.b-outline .blu-chip span[data-v-2ffdd76e] { 3051 background-color: #fff; 3052 border: #e1e3e4 1px solid 3053 } 3054 3055 .blu-chip__wrapper.b-disabled.blu-chip__wrapper[data-v-2ffdd76e] { 3056 opacity: 1 3057 } 3058 3059 .blu-chip__wrapper.b-disabled input[data-v-2ffdd76e] { 3060 cursor: not-allowed; 3061 pointer-events: none; 3062 color: rgba(25,34,42,.7019607843) 3063 } 3064 3065 .blu-chip__wrapper.b-disabled button[data-v-2ffdd76e] { 3066 cursor: not-allowed; 3067 pointer-events: none 3068 } 3069 3070 .blu-chip__wrapper.b-disabled .blu-chip span[data-v-2ffdd76e] {
3071 cursor: not-allowed; 3072 color: rgba(25,34,42,.4); 3073 background-color: #c8cbcd; 3074 border: none 3075 } 3076 3077 .blu-chip.blu-chip-enter-active[data-v-2ffdd76e],.blu-chip.blu-chip-leave-active[data-v-2ffdd76e] { 3078 opacity: 0; 3079 transform: transformZ(0) scale(0.8) 3080 } 3081 3082 .blu-chip.blu-chip-enter-to[data-v-2ffdd76e] { 3083 opacity: 1; 3084 transform: transformZ(0) scale(1) 3085 } 3086 3087 .blu-chip.b-deletable span[data-v-2ffdd76e] { 3088 cursor: default; 3089 padding-right: 5px 3090 } 3091 3092 .blu-chip.b-deletable button[data-v-2ffdd76e] { 3093 display: flex; 3094 align-items: center; 3095 margin-left: 4px; 3096 padding: 0; 3097 color: #797f85 3098 } 3099 3100 .blu-chip.b-deletable button svg[data-v-2ffdd76e] { 3101 width: 18px 3102 } 3103 3104 .blu-chip.b-duplicated span[data-v-2ffdd76e] { 3105 animation: shake-2ffdd76e .82s cubic-bezier(0.36, 0.07, 0.19, 0.97) both; 3106 transform: translate3d(0, 0, 0); 3107 backface-visibility: hidden; 3108 perspective: 1000px 3109 } 3110 3111 @keyframes shake-2ffdd76e { 3112 10%,90% { 3113 transform: translate3d(-1px, 0, 0) 3114 } 3115 3116 20%,80% { 3117 transform: translate3d(2px, 0, 0) 3118 } 3119 3120 30%,50%,70% { 3121 transform: translate3d(-4px, 0, 0) 3122 } 3123 3124 40%,60% { 3125 transform: translate3d(4px, 0, 0) 3126 } 3127 } 3128 3129 *[data-v-2ffdd76e]::-moz-focus-inner { 3130 border: 0 3131 } 3132 3133 *[data-v-2ffdd76e]:focus { 3134 outline: 0 3135 } 3136 </style> 3137 <style type="text/css"> 3138 .blu-tooltip[data-v-0ee5205b] { 3139 position: relative 3140 } 3141 3142 @media screen and (min-width: 769px),print { 3143 .blu-tooltip.b-left-center[data-v-0ee5205b],.blu-tooltip.b-right-center[data-v-0ee5205b] { 3144 align-items:center 3145 } 3146 3147 .blu-tooltip.b-right-top[data-v-0ee5205b],.blu-tooltip.b-right-center[data-v-0ee5205b],.blu-tooltip.b-right-btm[data-v-0ee5205b] { 3148 display: inline-flex 3149 } 3150 3151 .blu-tooltip.b-left-top[data-v-0ee5205b],.blu-tooltip.b-left-center[data-v-0ee5205b],.blu-tooltip.b-left-btm[data-v-0ee5205b] { 3152 display: inline-flex 3153 } 3154 } 3155 </style> 3156 <style type="text/css"> 3157 @media screen and (min-width: 769px),print { 3158 .blu-tooltip__label[data-v-9241c53c] { 3159 position:relative 3160 } 3161 3162 .blu-tooltip__label[data-v-9241c53c]:hover { 3163 cursor: default 3164 } 3165 3166 .blu-tooltip__label:hover+.blu-tooltip__label[data-v-9241c53c]:after { 3167 opacity: 1; 3168 transition: all .5s ease 0s 3169 } 3170 3171 .blu-tooltip__label[data-v-9241c53c]:focus-visible { 3172 background-color: #000; 3173 color: #fff; 3174 outline: none; 3175 cursor: default 3176 } 3177 3178 .blu-tooltip__label:focus-visible+.blu-tooltip__label[data-v-9241c53c]:after { 3179 opacity: 1; 3180 transition: all .5s ease 0s 3181 } 3182 3183 .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 { 3184 bottom: 100%; 3185 border-color: #fff rgba(0,0,0,0) rgba(0,0,0,0) rgba(0,0,0,0) 3186 } 3187 3188 .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 { 3189 top: 4px; 3190 left: 100%; 3191 border-color: rgba(0,0,0,0) #fff rgba(0,0,0,0) rgba(0,0,0,0) 3192 } 3193 3194 .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 { 3195 left: -16px; 3196 top: 4px; 3197 border-color: rgba(0,0,0,0) rgba(0,0,0,0) rgba(0,0,0,0) #fff 3198 } 3199 } 3200 3201 @media screen and (max-width: 768px) { 3202 .b-active .blu-tooltip__label[data-v-9241c53c] { 3203 position:relative; 3204 z-index: 1; 3205 opacity: .5 3206 } 3207 3208 .b-active .blu-tooltip__label+.blu-tooltip__content-wrapper[data-v-9241c53c] { 3209 opacity: 1;
3210 transition: all .5s ease 0s; 3211 z-index: 99 3212 } 3213 3214 .b-active .blu-tooltip__label+.blu-tooltip__content-wrapper .blu-tooltip__mask[data-v-9241c53c] { 3215 visibility: visible 3216 } 3217 3218 .b-active .blu-tooltip__label+.blu-tooltip__content-wrapper .blu-tooltip__content[data-v-9241c53c] { 3219 opacity: 1; 3220 visibility: visible 3221 } 3222 } 3223 </style> 3224 <style type="text/css"> 3225 @keyframes scale-up-1b7c2afb { 3226 0% { 3227 transform: scale(0.5) 3228 } 3229 3230 25% { 3231 transform: scale(0.8) 3232 } 3233 3234 50% { 3235 transform: scale(1) 3236 } 3237 } 3238 3239 .blu-tooltip__content[data-v-1b7c2afb] { 3240 font: 16px/20px "blibli",-apple-system,segoe ui,roboto,helvetica,arial,sans-serif; 3241 width: 250px; 3242 text-align: left; 3243 border-radius: 8px; 3244 background-color: #fff; 3245 padding: 16px; 3246 transition: visibility .3s,opacity .3s ease .2s; 3247 opacity: 0; 3248 pointer-events: all; 3249 visibility: hidden; 3250 color: rgba(25,34,42,.7019607843); 3251 box-shadow: 0 1px 6px 0 rgba(0,0,0,.1) 3252 } 3253 3254 @media screen and (min-width: 769px),print { 3255 .blu-tooltip__content[data-v-1b7c2afb]:hover { 3256 opacity:1; 3257 visibility: visible 3258 } 3259 } 3260 3261 @media screen and (min-width: 769px),print { 3262 .blu-tooltip__content-wrapper[data-v-1b7c2afb] { 3263 position:absolute; 3264 z-index: 1; 3265 pointer-events: none 3266 } 3267 } 3268 3269 @media screen and (min-width: 769px)and (min-width: 769px),print { 3270 .blu-tooltip__content-wrapper.b-page .blu-modal__close[data-v-1b7c2afb] { 3271 display:none 3272 } 3273 } 3274 3275 @media screen and (min-width: 769px),print { 3276 .blu-tooltip__label:hover+.blu-tooltip__content-wrapper .blu-tooltip__content[data-v-1b7c2afb] { 3277 opacity:1; 3278 visibility: visible; 3279 animation: scale-up-1b7c2afb .2s cubic-bezier(0, 0, 0.4, 1.4) .2s 3280 } 3281 3282 .blu-tooltip__label:focus-visible+.blu-tooltip__content-wrapper .blu-tooltip__content[data-v-1b7c2afb] { 3283 opacity: 1; 3284 visibility: visible; 3285 animation: scale-up-1b7c2afb .2s cubic-bezier(0, 0, 0.4, 1.4) .2s 3286 } 3287 3288 .blu-tooltip__close[data-v-1b7c2afb] { 3289 display: none 3290 } 3291 3292 .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 { 3293 left: calc(50% - 8px) 3294 } 3295 3296 .blu-tooltip.b-top-center .blu-tooltip__content-wrapper[data-v-1b7c2afb],.blu-tooltip.b-btm-center .blu-tooltip__content-wrapper[data-v-1b7c2afb] { 3297 height: 0 3298 } 3299 } 3300 3301 @media screen and (min-width: 769px)and (min-width: 769px),print { 3302 .blu-tooltip.b-top-center .blu-tooltip__content-wrapper[data-v-1b7c2afb],.blu-tooltip.b-btm-center .blu-tooltip__content-wrapper[data-v-1b7c2afb] { 3303 right:50% 3304 } 3305 } 3306 3307 @media screen and (min-width: 769px),print { 3308 .blu-tooltip.b-top-center .blu-tooltip__content[data-v-1b7c2afb],.blu-tooltip.b-btm-center .blu-tooltip__content[data-v-1b7c2afb] { 3309 margin:auto 3310 } 3311 } 3312 3313 @media screen and (min-width: 769px)and (min-width: 769px),print { 3314 .blu-tooltip.b-top-center .blu-tooltip__content[data-v-1b7c2afb],.blu-tooltip.b-btm-center .blu-tooltip__content[data-v-1b7c2afb] { 3315 margin:auto; 3316 margin-right: -50% 3317 } 3318 } 3319 3320 @media screen and (min-width: 769px),print { 3321 .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] { 3322 bottom:calc(100% + 16px); 3323 height: auto 3324 } 3325 3326 .blu-tooltip.b-top-left .blu-tooltip__content-wrapper[data-v-1b7c2afb] { 3327 right: 0 3328 } 3329 3330 .blu-tooltip.b-top-right .blu-tooltip__content-wrapper[data-v-1b7c2afb] { 3331 left: 0 3332 } 3333 3334 .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] { 3335 top: calc(100% + 16px) 3336 } 3337 3338 .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 { 3339 top: 100% 3340 } 3341 3342 .blu-tooltip.b-btm-left .blu-tooltip__content-wrapper[data-v-1b7c2afb] { 3343 right: 0 3344 } 3345 3346 .blu-tooltip.b-btm-right .blu-tooltip__content-wrapper[data-v-1b7c2afb] { 3347 left: 0 3348 } 3349 3350 .blu-tooltip.b-left-center .blu-tooltip__content-wrapper[data-v-1b7c2afb],.blu-tooltip.b-right-center .blu-tooltip__content-wrapper[data-v-1b7c2afb] { 3351 height: 100vh; 3352 display: flex; 3353 align-items: center; 3354 width: 1px; 3355 display: inline-grid 3356 } 3357 3358 .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] { 3359 position: absolute; 3360 left: calc(100% + 16px) 3361 } 3362 3363 .blu-tooltip.b-right-top .blu-tooltip__content-wrapper[data-v-1b7c2afb] { 3364 bottom: calc(100% - 33px) 3365 } 3366 3367 .blu-tooltip.b-right-btm .blu-tooltip__content-wrapper[data-v-1b7c2afb] { 3368 top: calc(100% - 33px) 3369 } 3370 3371 .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] { 3372 width: 1px; 3373 left: -17px 3374 } 3375 3376 .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] { 3377 position: absolute; 3378 right: 0 3379 } 3380 3381 .blu-tooltip.b-left-top .blu-tooltip__content[data-v-1b7c2afb] { 3382 bottom: calc(100% - 30px) 3383 } 3384 3385 .blu-tooltip.b-left-btm .blu-tooltip__content[data-v-1b7c2afb] { 3386 top: calc(100% - 15px) 3387 } 3388 } 3389 3390 @media screen and (max-width: 768px) { 3391 .blu-tooltip.b-active .blu-tooltip__content[data-v-1b7c2afb] { 3392 max-height:calc(100% - 50px); 3393 padding: 24px 24px 28px 24px; 3394 visibility: visible; 3395 opacity: 1 3396 } 3397 3398 .blu-tooltip.b-active .blu-tooltip__content-wrapper[data-v-1b7c2afb] { 3399 opacity: 1;
3400 z-index: 99; 3401 visibility: visible 3402 } 3403 3404 .blu-tooltip.b-active .blu-tooltip__content-wrapper .blu-tooltip__content[data-v-1b7c2afb] { 3405 opacity: 1; 3406 visibility: visible 3407 } 3408 3409 .blu-tooltip__content[data-v-1b7c2afb] { 3410 width: 100%; 3411 max-width: 100%; 3412 transition: none; 3413 position: fixed; 3414 border-radius: 16px 16px 0 0; 3415 left: 0; 3416 bottom: 0; 3417 opacity: 0 3418 } 3419 3420 .blu-tooltip__content-wrapper[data-v-1b7c2afb] { 3421 position: fixed; 3422 display: flex; 3423 top: 0; 3424 left: 0; 3425 width: 100%; 3426 height: 100%; 3427 align-items: center; 3428 justify-content: center; 3429 background: rgba(0,0,0,.6); 3430 opacity: 0; 3431 z-index: -1; 3432 visibility: hidden 3433 } 3434 } 3435 3436 @media screen and (max-width: 768px)and (max-width: 768px) { 3437 .blu-tooltip__close[data-v-1b7c2afb] { 3438 position:absolute; 3439 top: -28px; 3440 right: 20px 3441 } 3442 3443 .blu-tooltip__close i[data-v-1b7c2afb] { 3444 content: ""; 3445 top: 1px; 3446 right: 1px; 3447 position: absolute; 3448 width: 24px; 3449 height: 24px; 3450 transform: scale(1.3); 3451 background: rgba(0,0,0,0) url(data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PSIwIDAgMjQgMjQiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGQ9Ik0xMy43NjcyIDEyTDE3LjYzMiA4LjEzODM5QzE4LjEyMjcgNy42NDgxOSAxOC4xMjI3IDYuODU3ODYgMTcuNjMyIDYuMzY3NjVDMTcuMTQxNCA1Ljg3NzQ1IDE2LjM1MDQgNS44Nzc0NSAxNS44NTk4IDYuMzY3NjVMMTEuOTk1IDEwLjIyOTNMOC4xNDAxOCA2LjM3NzY2QzcuNjQ5NTYgNS44ODc0NSA2Ljg1ODU3IDUuODg3NDUgNi4zNjc5NiA2LjM3NzY2QzUuODc3MzUgNi44Njc4NiA1Ljg3NzM1IDcuNjU4MTkgNi4zNjc5NiA4LjE0ODRMMTAuMjIyOCAxMkw2LjM2Nzk2IDE1Ljg2MTZDNS44NzczNSAxNi4zNTE4IDUuODc3MzUgMTcuMTQyMSA2LjM2Nzk2IDE3LjYzMjNDNi44NTg1NyAxOC4xMjI2IDcuNjQ5NTYgMTguMTIyNiA4LjE0MDE4IDE3LjYzMjNMMTIuMDA1IDEzLjc3MDdMMTUuODU5OCAxNy42MjIzQzE2LjM1MDQgMTguMTEyNSAxNy4xNDE0IDE4LjExMjUgMTcuNjMyIDE3LjYyMjNDMTguMTIyNyAxNy4xMzIxIDE4LjEyMjcgMTYuMzQxOCAxNy42MzIgMTUuODUxNkwxMy43NzcyIDEySDEzLjc2NzJaIiBmaWxsPSIjNzk3Rjg1Ii8+Cjwvc3ZnPgo=) center center no-repeat #e1e3e4; 3452 background-color: #e1e3e4; 3453 -webkit-mask-image: url(data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PSIwIDAgMjQgMjQiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGQ9Ik0xMy43NjcyIDEyTDE3LjYzMiA4LjEzODM5QzE4LjEyMjcgNy42NDgxOSAxOC4xMjI3IDYuODU3ODYgMTcuNjMyIDYuMzY3NjVDMTcuMTQxNCA1Ljg3NzQ1IDE2LjM1MDQgNS44Nzc0NSAxNS44NTk4IDYuMzY3NjVMMTEuOTk1IDEwLjIyOTNMOC4xNDAxOCA2LjM3NzY2QzcuNjQ5NTYgNS44ODc0NSA2Ljg1ODU3IDUuODg3NDUgNi4zNjc5NiA2LjM3NzY2QzUuODc3MzUgNi44Njc4NiA1Ljg3NzM1IDcuNjU4MTkgNi4zNjc5NiA4LjE0ODRMMTAuMjIyOCAxMkw2LjM2Nzk2IDE1Ljg2MTZDNS44NzczNSAxNi4zNTE4IDUuODc3MzUgMTcuMTQyMSA2LjM2Nzk2IDE3LjYzMjNDNi44NTg1NyAxOC4xMjI2IDcuNjQ5NTYgMTguMTIyNiA4LjE0MDE4IDE3LjYzMjNMMTIuMDA1IDEzLjc3MDdMMTUuODU5OCAxNy42MjIzQzE2LjM1MDQgMTguMTEyNSAxNy4xNDE0IDE4LjExMjUgMTcuNjMyIDE3LjYyMjNDMTguMTIyNyAxNy4xMzIxIDE4LjEyMjcgMTYuMzQxOCAxNy42MzIgMTUuODUxNkwxMy43NzcyIDEySDEzLjc2NzJaIiBmaWxsPSIjNzk3Rjg1Ii8+Cjwvc3ZnPgo=) 3454 } 3455 } 3456 </style> 3457 <style type="text/css"> 3458 svg[data-v-4754ff3d] { 3459 display: inline-block; 3460 vertical-align: baseline 3461 } 3462 </style> 3463 <style type="text/css"> 3464 .blu-ripple[data-v-2bedc3c7] { 3465 width: 100%; 3466 height: 100%; 3467 position: relative; 3468 overflow: hidden; 3469 display: flex; 3470 justify-content: center; 3471 align-items: center; 3472 -webkit-box-pack: center; 3473 -webkit-box-align: center; 3474 -webkit-mask-image: radial-gradient(circle, #ffffff 100%, #000000 100%); 3475 padding: 0 12px 3476 } 3477 3478 .blu-ripple-wave[data-v-2bedc3c7] { 3479 position: absolute; 3480 z-index: 1; 3481 pointer-events: none; 3482 background: currentColor; 3483 border-radius: 50%; 3484 opacity: 0; 3485 transform: scale(2) translateZ(0) 3486 } 3487 3488 .blu-ripple-wave.b-centered[data-v-2bedc3c7] { 3489 animation-duration: 1.2s; 3490 top: 50%; 3491 left: 50% 3492 } 3493 3494 .blu-ripple-wave~*[data-v-2bedc3c7]:not(.blu-ripple-wave) { 3495 position: relative; 3496 z-index: 2 3497 } 3498 3499 .blu-ripple-enter-active[data-v-2bedc3c7] { 3500 transition: 2s cubic-bezier(0.25, 0.8, 0.25, 1); 3501 transition-property: opacity,transform; 3502 will-change: opacity,transform 3503 } 3504 3505 .blu-ripple-enter-active.b-centered[data-v-2bedc3c7] { 3506 transition-duration: 1.2s 3507 } 3508 3509 .blu-ripple-enter[data-v-2bedc3c7] { 3510 opacity: .26; 3511 transform: scale(0.26) translateZ(0) 3512 } 3513 3514 .has-left-icon .blu-ripple svg[data-v-2bedc3c7] { 3515 margin-right: 8px 3516 } 3517 3518 .has-left-icon.b-small svg[data-v-2bedc3c7] { 3519 transform-origin: left; 3520 margin-right: 4px 3521 } 3522 3523 .b-large .blu-ripple[data-v-2bedc3c7] { 3524 padding: 0 16px 3525 } 3526 3527 .b-small .blu-ripple[data-v-2bedc3c7] { 3528 padding: 0 8px 3529 } 3530 3531 .b-small svg[data-v-2bedc3c7] { 3532 width: 18px;
3533 height: 18px 3534 } 3535 3536 .b-icon .blu-ripple[data-v-2bedc3c7] { 3537 padding: 0 3538 } 3539 3540 .b-loading .blu-loader-wrapper[data-v-2bedc3c7] { 3541 height: 24px; 3542 position: absolute 3543 } 3544 3545 .b-loading .blu-ripple[data-v-2bedc3c7] { 3546 color: rgba(0,0,0,0) 3547 } 3548 3549 .b-loading .blu-ripple>svg[data-v-2bedc3c7] { 3550 visibility: hidden 3551 } 3552 3553 .b-loading .blu-ripple .blu-ripple-wave[data-v-2bedc3c7] { 3554 color: #fff 3555 } 3556 3557 .b-loading.b-white .blu-ripple-wave[data-v-2bedc3c7] { 3558 color: #0072ff 3559 } 3560 3561 .b-loading.b-outline.b-secondary .blu-ripple-wave[data-v-2bedc3c7] { 3562 color: #0072ff 3563 } 3564 3565 .b-loading.b-outline.b-primary .blu-ripple-wave[data-v-2bedc3c7] { 3566 color: #f1ab02 3567 } 3568 3569 .b-loading.b-ghost.b-secondary .blu-ripple-wave[data-v-2bedc3c7] { 3570 color: #0072ff 3571 } 3572 3573 .b-loading.b-ghost.b-primary .blu-ripple-wave[data-v-2bedc3c7] { 3574 color: #f1ab02 3575 } 3576 3577 .blu-input-stepper .blu-btn .blu-ripple[data-v-2bedc3c7] { 3578 padding: 0; 3579 width: 24px; 3580 height: 24px; 3581 border-radius: 50% 3582 } 3583 3584 .blu-input-stepper .blu-btn .blu-ripple svg[data-v-2bedc3c7] { 3585 width: 18px; 3586 height: 18px; 3587 margin-left: 1px 3588 } 3589 3590 .blu-input-stepper .blu-btn .blu-ripple-enter-active[data-v-2bedc3c7] { 3591 background: #0072ff 3592 } 3593 3594 .b-disabled[data-v-2bedc3c7] { 3595 opacity: 1 3596 } 3597 3598 .blu-btn-dropdown .blu-ripple>svg+div[data-v-2bedc3c7] { 3599 margin-left: 8px 3600 } 3601 </style> 3602 <style type="text/css"> 3603 .blu-ripple[data-v-574d97b4] { 3604 width: 100%; 3605 height: 100%; 3606 position: relative; 3607 overflow: hidden; 3608 display: flex; 3609 justify-content: center; 3610 align-items: center; 3611 -webkit-box-pack: center; 3612 -webkit-box-align: center; 3613 -webkit-mask-image: radial-gradient(circle, #ffffff 100%, #000000 100%); 3614 padding: 0 12px 3615 } 3616 3617 .blu-ripple-wave[data-v-574d97b4] { 3618 position: absolute; 3619 z-index: 1; 3620 pointer-events: none; 3621 background: currentColor; 3622 border-radius: 50%; 3623 opacity: 0; 3624 transform: scale(2) translateZ(0) 3625 } 3626 3627 .blu-ripple-wave.b-centered[data-v-574d97b4] { 3628 animation-duration: 1.2s; 3629 top: 50%; 3630 left: 50% 3631 } 3632 3633 .blu-ripple-wave~*[data-v-574d97b4]:not(.blu-ripple-wave) { 3634 position: relative; 3635 z-index: 2 3636 } 3637 3638 .blu-ripple-enter-active[data-v-574d97b4] { 3639 transition: 2s cubic-bezier(0.25, 0.8, 0.25, 1); 3640 transition-property: opacity,transform; 3641 will-change: opacity,transform 3642 } 3643 3644 .blu-ripple-enter-active.b-centered[data-v-574d97b4] { 3645 transition-duration: 1.2s 3646 } 3647 3648 .blu-ripple-enter[data-v-574d97b4] { 3649 opacity: .26; 3650 transform: scale(0.26) translateZ(0) 3651 } 3652 3653 .has-left-icon .blu-ripple svg[data-v-574d97b4] { 3654 margin-right: 8px 3655 } 3656 3657 .has-left-icon.b-small svg[data-v-574d97b4] { 3658 transform-origin: left; 3659 margin-right: 4px 3660 } 3661 3662 .b-large .blu-ripple[data-v-574d97b4] { 3663 padding: 0 16px 3664 } 3665 3666 .b-small .blu-ripple[data-v-574d97b4] { 3667 padding: 0 8px 3668 } 3669 3670 .b-small svg[data-v-574d97b4] { 3671 width: 18px;
3672 height: 18px 3673 } 3674 3675 .b-icon .blu-ripple[data-v-574d97b4] { 3676 padding: 0 3677 } 3678 3679 .b-loading .blu-loader-wrapper[data-v-574d97b4] { 3680 height: 24px; 3681 position: absolute 3682 } 3683 3684 .b-loading .blu-ripple[data-v-574d97b4] { 3685 color: rgba(0,0,0,0) 3686 } 3687 3688 .b-loading .blu-ripple>svg[data-v-574d97b4] { 3689 visibility: hidden 3690 } 3691 3692 .b-loading .blu-ripple .blu-ripple-wave[data-v-574d97b4] { 3693 color: #fff 3694 } 3695 3696 .b-loading.b-white .blu-ripple-wave[data-v-574d97b4] { 3697 color: #0072ff 3698 } 3699 3700 .b-loading.b-outline.b-secondary .blu-ripple-wave[data-v-574d97b4] { 3701 color: #0072ff 3702 } 3703 3704 .b-loading.b-outline.b-primary .blu-ripple-wave[data-v-574d97b4] { 3705 color: #f1ab02 3706 } 3707 3708 .b-loading.b-ghost.b-secondary .blu-ripple-wave[data-v-574d97b4] { 3709 color: #0072ff 3710 } 3711 3712 .b-loading.b-ghost.b-primary .blu-ripple-wave[data-v-574d97b4] { 3713 color: #f1ab02 3714 } 3715 3716 .blu-input-stepper .blu-btn .blu-ripple[data-v-574d97b4] { 3717 padding: 0; 3718 width: 24px; 3719 height: 24px; 3720 border-radius: 50% 3721 } 3722 3723 .blu-input-stepper .blu-btn .blu-ripple svg[data-v-574d97b4] { 3724 width: 18px; 3725 height: 18px; 3726 margin-left: 1px 3727 } 3728 3729 .blu-input-stepper .blu-btn .blu-ripple-enter-active[data-v-574d97b4] { 3730 background: #0072ff 3731 } 3732 3733 .b-disabled[data-v-574d97b4] { 3734 opacity: 1 3735 } 3736 3737 .blu-btn-dropdown .blu-ripple>svg+div[data-v-574d97b4] { 3738 margin-left: 8px 3739 } 3740 </style> 3741 <style type="text/css"> 3742 .blu-ripple[data-v-19fd2cc7] { 3743 width: 100%; 3744 height: 100%; 3745 position: relative; 3746 overflow: hidden; 3747 display: flex; 3748 justify-content: center; 3749 align-items: center; 3750 -webkit-box-pack: center; 3751 -webkit-box-align: center; 3752 -webkit-mask-image: radial-gradient(circle, #ffffff 100%, #000000 100%); 3753 padding: 0 12px 3754 } 3755 3756 .blu-ripple-wave[data-v-19fd2cc7] { 3757 position: absolute; 3758 z-index: 1; 3759 pointer-events: none; 3760 background: currentColor; 3761 border-radius: 50%; 3762 opacity: 0; 3763 transform: scale(2) translateZ(0) 3764 } 3765 3766 .blu-ripple-wave.b-centered[data-v-19fd2cc7] { 3767 animation-duration: 1.2s; 3768 top: 50%; 3769 left: 50% 3770 } 3771 3772 .blu-ripple-wave~*[data-v-19fd2cc7]:not(.blu-ripple-wave) { 3773 position: relative; 3774 z-index: 2 3775 } 3776 3777 .blu-ripple-enter-active[data-v-19fd2cc7] { 3778 transition: 2s cubic-bezier(0.25, 0.8, 0.25, 1); 3779 transition-property: opacity,transform; 3780 will-change: opacity,transform 3781 } 3782 3783 .blu-ripple-enter-active.b-centered[data-v-19fd2cc7] { 3784 transition-duration: 1.2s 3785 } 3786 3787 .blu-ripple-enter[data-v-19fd2cc7] { 3788 opacity: .26; 3789 transform: scale(0.26) translateZ(0) 3790 } 3791 3792 .has-left-icon .blu-ripple svg[data-v-19fd2cc7] { 3793 margin-right: 8px 3794 } 3795 3796 .has-left-icon.b-small svg[data-v-19fd2cc7] { 3797 transform-origin: left; 3798 margin-right: 4px 3799 } 3800 3801 .b-large .blu-ripple[data-v-19fd2cc7] { 3802 padding: 0 16px 3803 } 3804 3805 .b-small .blu-ripple[data-v-19fd2cc7] { 3806 padding: 0 8px 3807 } 3808 3809 .b-small svg[data-v-19fd2cc7] { 3810 width: 18px;
3811 height: 18px 3812 } 3813 3814 .b-icon .blu-ripple[data-v-19fd2cc7] { 3815 padding: 0 3816 } 3817 3818 .b-loading .blu-loader-wrapper[data-v-19fd2cc7] { 3819 height: 24px; 3820 position: absolute 3821 } 3822 3823 .b-loading .blu-ripple[data-v-19fd2cc7] { 3824 color: rgba(0,0,0,0) 3825 } 3826 3827 .b-loading .blu-ripple>svg[data-v-19fd2cc7] { 3828 visibility: hidden 3829 } 3830 3831 .b-loading .blu-ripple .blu-ripple-wave[data-v-19fd2cc7] { 3832 color: #fff 3833 } 3834 3835 .b-loading.b-white .blu-ripple-wave[data-v-19fd2cc7] { 3836 color: #0072ff 3837 } 3838 3839 .b-loading.b-outline.b-secondary .blu-ripple-wave[data-v-19fd2cc7] { 3840 color: #0072ff 3841 } 3842 3843 .b-loading.b-outline.b-primary .blu-ripple-wave[data-v-19fd2cc7] { 3844 color: #f1ab02 3845 } 3846 3847 .b-loading.b-ghost.b-secondary .blu-ripple-wave[data-v-19fd2cc7] { 3848 color: #0072ff 3849 } 3850 3851 .b-loading.b-ghost.b-primary .blu-ripple-wave[data-v-19fd2cc7] { 3852 color: #f1ab02 3853 } 3854 3855 .blu-input-stepper .blu-btn .blu-ripple[data-v-19fd2cc7] { 3856 padding: 0; 3857 width: 24px; 3858 height: 24px; 3859 border-radius: 50% 3860 } 3861 3862 .blu-input-stepper .blu-btn .blu-ripple svg[data-v-19fd2cc7] { 3863 width: 18px; 3864 height: 18px; 3865 margin-left: 1px 3866 } 3867 3868 .blu-input-stepper .blu-btn .blu-ripple-enter-active[data-v-19fd2cc7] { 3869 background: #0072ff 3870 } 3871 3872 .b-disabled[data-v-19fd2cc7] { 3873 opacity: 1 3874 } 3875 3876 .blu-btn-dropdown .blu-ripple>svg+div[data-v-19fd2cc7] { 3877 margin-left: 8px 3878 } 3879 3880 .blu-btn[data-v-19fd2cc7] { 3881 position: relative; 3882 font: 16px/20px "blibli demi bold",-apple-system,segoe ui,roboto,helvetica,arial,sans-serif; 3883 text-decoration: none; 3884 transition: color .4s,background-color .4s,border-color .6s; 3885 white-space: nowrap; 3886 height: 48px; 3887 padding: 0; 3888 -webkit-tap-highlight-color: rgba(0,0,0,0) 3889 } 3890 3891 .blu-btn[data-v-19fd2cc7]::-moz-focus-inner { 3892 border: 0 3893 } 3894 3895 .blu-btn[data-v-19fd2cc7]:active { 3896 outline: none 3897 } 3898 3899 .blu-btn[data-v-19fd2cc7]:before { 3900 position: absolute; 3901 top: 0; 3902 right: 0; 3903 bottom: 0; 3904 left: 0; 3905 z-index: 1; 3906 opacity: 0; 3907 transition: .4s cubic-bezier(0.4, 0, 0.2, 1); 3908 will-change: background-color,opacity; 3909 content: " " 3910 } 3911 3912 .blu-btn[data-v-19fd2cc7]:focus-visible { 3913 box-shadow: 0px 0px 0px 4px #000 3914 } 3915 3916 .blu-btn.b-primary[data-v-19fd2cc7] { 3917 color: #fff; 3918 background-color: #f1ab02; 3919 border-color: #f1ab02 3920 } 3921 3922 .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] { 3923 background-color: #e39304; 3924 border-color: #e39304 3925 } 3926 3927 .blu-btn.b-secondary[data-v-19fd2cc7] { 3928 color: #fff; 3929 background-color: #0072ff; 3930 border-color: #0072ff 3931 } 3932 3933 .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] { 3934 background-color: #006dea; 3935 border-color: #006dea 3936 } 3937 3938 .blu-btn.b-white[data-v-19fd2cc7] { 3939 color: #fff; 3940 background-color: #fff; 3941 border-color: #fff; 3942 color: #0072ff 3943 } 3944 3945 .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] { 3946 background-color: #f1f2f2; 3947 border-color: #f1f2f2 3948 } 3949 3950 .blu-btn.b-disabled[data-v-19fd2cc7] { 3951 color: #fff; 3952 background-color: #c8cbcd; 3953 border-color: #c8cbcd; 3954 color: rgba(25,34,42,.4) 3955 } 3956 3957 .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] { 3958 background-color: #c8cbcd; 3959 border-color: #c8cbcd 3960 } 3961 3962 .blu-btn.b-large[data-v-19fd2cc7] { 3963 height: 56px 3964 } 3965 3966 .blu-btn.b-small[data-v-19fd2cc7] { 3967 font: 14px/18px "blibli demi bold",-apple-system,segoe ui,roboto,helvetica,arial,sans-serif; 3968 height: 32px 3969 } 3970 3971 .b-disabled[data-v-19fd2cc7] { 3972 opacity: 1 3973 } 3974 3975 input[type=submit][data-v-19fd2cc7]::-moz-focus-inner,input[type=button][data-v-19fd2cc7]::-moz-focus-inner { 3976 border: 0px 3977 } 3978 3979 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] { 3980 outline: none 3981 } 3982 3983 a[data-v-19fd2cc7],a[data-v-19fd2cc7]:visited,a[data-v-19fd2cc7]:focus,a[data-v-19fd2cc7]:active,a[data-v-19fd2cc7]:hover { 3984 outline: 0 none !important 3985 } 3986 3987 .blu-btn[data-v-19fd2cc7] { 3988 border-radius: 24px 3989 } 3990 3991 .blu-btn+.blu-button[data-v-19fd2cc7] { 3992 margin-left: 0 3993 } 3994 3995 .blu-btn.b-outline[data-v-19fd2cc7] { 3996 background-color: rgba(0,0,0,0) 3997 } 3998 3999 .blu-btn.b-outline.b-primary[data-v-19fd2cc7] { 4000 color: #f1ab02; 4001 background-color: #e39304; 4002 border: #ffcd00 1px solid 4003 } 4004 4005 .blu-btn.b-outline.b-primary[data-v-19fd2cc7]:not(.b-disabled) { 4006 background-color: rgba(255,255,255,.12) 4007 } 4008 4009 .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] { 4010 background-color: rgba(227,147,4,.08); 4011 border: #ffcd00 1px solid 4012 } 4013 4014 .blu-btn.b-outline.b-primary.b-active[data-v-19fd2cc7] { 4015 z-index: 9; 4016 background-color: #f1ab02; 4017 color: #fff 4018 } 4019 4020 .blu-btn.b-outline.b-secondary[data-v-19fd2cc7] { 4021 color: #0072ff; 4022 background-color: #006dea; 4023 border: #1d8fff 1px solid 4024 } 4025 4026 .blu-btn.b-outline.b-secondary[data-v-19fd2cc7]:not(.b-disabled) { 4027 background-color: rgba(255,255,255,.12) 4028 } 4029 4030 .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] { 4031 background-color: rgba(0,109,234,.08); 4032 border: #1d8fff 1px solid 4033 } 4034 4035 .blu-btn.b-outline.b-secondary.b-active[data-v-19fd2cc7] { 4036 z-index: 9; 4037 background-color: #0072ff; 4038 color: #fff 4039 } 4040 4041 .blu-btn.b-outline.b-white[data-v-19fd2cc7] { 4042 color: #fff; 4043 background-color: #fff; 4044 border: #fff 1px solid 4045 } 4046 4047 .blu-btn.b-outline.b-white[data-v-19fd2cc7]:not(.b-disabled) { 4048 background-color: rgba(255,255,255,.12) 4049 } 4050 4051 .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] { 4052 background-color: rgba(255,255,255,.4); 4053 border: #fff 1px solid 4054 } 4055 4056 .blu-btn.b-outline.b-white.b-active[data-v-19fd2cc7] { 4057 z-index: 9; 4058 background-color: #fff; 4059 color: #fff 4060 } 4061 4062 .blu-btn.b-outline.b-disabled[data-v-19fd2cc7] { 4063 color: rgba(25,34,42,.4); 4064 background-color: #c8cbcd; 4065 border: #c8cbcd 1px solid 4066 } 4067 4068 .blu-btn.b-outline.b-disabled[data-v-19fd2cc7]:not(.b-disabled) { 4069 background-color: rgba(255,255,255,.12) 4070 } 4071 4072 .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] { 4073 background-color: rgba(200,203,205,.08); 4074 border: #c8cbcd 1px solid 4075 } 4076 4077 .blu-btn.b-outline.b-disabled.b-active[data-v-19fd2cc7] { 4078 z-index: 9; 4079 background-color: rgba(25,34,42,.4); 4080 color: #fff 4081 } 4082 4083 .blu-btn.b-outline.b-small .blu-ripple[data-v-19fd2cc7] { 4084 border-radius: 14px 4085 } 4086 4087 .blu-btn.b-outline.b-large .blu-ripple[data-v-19fd2cc7] { 4088 border-radius: 30px 4089 } 4090 4091 .blu-btn.b-ghost[data-v-19fd2cc7] { 4092 background-color: rgba(0,0,0,0); 4093 border-color: rgba(0,0,0,0) 4094 } 4095 4096 .blu-btn.b-ghost.b-primary[data-v-19fd2cc7] { 4097 color: #f1ab02; 4098 border-color: rgba(0,0,0,0) 4099 } 4100 4101 .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] { 4102 border-color: rgba(0,0,0,0); 4103 background-color: rgba(227,147,4,.08) 4104 } 4105 4106 .blu-btn.b-ghost.b-secondary[data-v-19fd2cc7] { 4107 color: #0072ff; 4108 border-color: rgba(0,0,0,0) 4109 } 4110 4111 .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] { 4112 border-color: rgba(0,0,0,0); 4113 background-color: rgba(0,109,234,.08) 4114 } 4115 4116 .blu-btn.b-ghost.b-white[data-v-19fd2cc7] { 4117 color: #fff; 4118 border-color: rgba(0,0,0,0) 4119 } 4120 4121 .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] { 4122 border-color: rgba(0,0,0,0); 4123 background-color: rgba(255,255,255,.4) 4124 } 4125 4126 .blu-btn.b-ghost.b-white.b-disabled[data-v-19fd2cc7] { 4127 color: rgba(255,255,255,.4); 4128 border-color: rgba(0,0,0,0) 4129 } 4130 4131 .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] { 4132 border-color: rgba(0,0,0,0); 4133 background-color: rgba(0,0,0,0) 4134 } 4135 4136 .blu-btn.b-ghost.b-disabled[data-v-19fd2cc7] { 4137 color: rgba(25,34,42,.4); 4138 border-color: rgba(0,0,0,0) 4139 } 4140 4141 .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] { 4142 border-color: rgba(0,0,0,0); 4143 background-color: rgba(0,0,0,0) 4144 } 4145 4146 .blu-btn.b-warning[data-v-19fd2cc7] { 4147 color: #fff; 4148 background-color: #ffcd00; 4149 border-color: #ffcd00 4150 } 4151 4152 .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] { 4153 background-color: #cca400; 4154 border-color: #cca400 4155 } 4156 4157 .blu-btn.b-danger[data-v-19fd2cc7] { 4158 color: #fff; 4159 background-color: #ff4646; 4160 border-color: #ff4646 4161 } 4162 4163 .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] { 4164 background-color: #ff1313; 4165 border-color: #ff1313 4166 } 4167 4168 .blu-btn.b-small[data-v-19fd2cc7] { 4169 border-radius: 16px 4170 } 4171 4172 .blu-btn.b-small .blu-ripple[data-v-19fd2cc7] { 4173 border-radius: 16px 4174 } 4175 4176 .blu-btn.b-large[data-v-19fd2cc7] { 4177 border-radius: 32px 4178 } 4179 4180 .blu-btn.b-large .blu-ripple[data-v-19fd2cc7] { 4181 border-radius: 32px 4182 } 4183 4184 .blu-btn.b-icon[data-v-19fd2cc7] { 4185 width: 48px 4186 } 4187 4188 .blu-btn.b-icon.b-large[data-v-19fd2cc7] { 4189 width: 56px 4190 } 4191 4192 .blu-btn.b-icon.b-small[data-v-19fd2cc7] { 4193 width: 32px 4194 } 4195 4196 .blu-btn.b-icon svg[data-v-19fd2cc7] { 4197 width: 100%; 4198 height: 100% 4199 } 4200 4201 .blu-btn.b-full-width[data-v-19fd2cc7] { 4202 width: 100% 4203 } 4204 4205 .blu-btn .blu-ripple[data-v-19fd2cc7] { 4206 border-radius: 24px 4207 } 4208 </style> 4209 <style type="text/css"> 4210 .blu-field[data-v-12bd13fe] { 4211 position: relative; 4212 margin-bottom: 16px 4213 } 4214 4215 .blu-field input.form__input[data-v-12bd13fe] { 4216 width: auto 4217 } 4218 4219 .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] { 4220 padding: 24px 20px 8px 14px; 4221 height: 56px 4222 } 4223 4224 .blu-field textarea[data-v-12bd13fe] { 4225 padding: 22px 16px 8px 14px; 4226 resize: vertical 4227 } 4228 4229 .blu-field input.form__input[data-v-12bd13fe],.blu-field textarea[data-v-12bd13fe] { 4230 width: 100%; 4231 margin-top: 0;
4232 border-radius: 8px; 4233 border: #c8cbcd 1px solid; 4234 color: #19222a; 4235 font: 16px/20px "blibli",-apple-system,segoe ui,roboto,helvetica,arial,sans-serif; 4236 transition: border .2s,background-color .4s 4237 } 4238 4239 .blu-field input.form__input[type=search][data-v-12bd13fe],.blu-field textarea[type=search][data-v-12bd13fe] { 4240 font: 16px/20px "blibli",-apple-system,segoe ui,roboto,helvetica,arial,sans-serif; 4241 color: #19222a 4242 } 4243 4244 .blu-field input.form__input[type=search][data-v-12bd13fe]::placeholder,.blu-field textarea[type=search][data-v-12bd13fe]::placeholder { 4245 color: rgba(25,34,42,.4) 4246 } 4247 4248 .blu-field input.form__input[data-v-12bd13fe]:not(:read-only):focus,.blu-field textarea[data-v-12bd13fe]:not(:read-only):focus { 4249 border-color: #1d8fff 4250 } 4251 4252 .blu-field input.form__input:not(:read-only):focus~label[data-v-12bd13fe],.blu-field textarea:not(:read-only):focus~label[data-v-12bd13fe] { 4253 font: 12px/16px "blibli",-apple-system,segoe ui,roboto,helvetica,arial,sans-serif; 4254 color: #0072ff; 4255 top: 2px; 4256 padding-top: 6px; 4257 opacity: 1 4258 } 4259 4260 .blu-field input.form__input:not(:read-only):focus~.title[data-v-12bd13fe],.blu-field textarea:not(:read-only):focus~.title[data-v-12bd13fe] { 4261 color: #0072ff 4262 } 4263 4264 .blu-field input.form__input[data-v-12bd13fe]:read-only,.blu-field textarea[data-v-12bd13fe]:read-only { 4265 border-color: #f1f2f2 4266 } 4267 4268 .blu-field textarea[data-v-12bd13fe] { 4269 height: 100px 4270 } 4271 4272 .blu-field textarea[data-v-12bd13fe]::-webkit-scrollbar { 4273 width: 6px; 4274 background-color: rgba(0,0,0,0) 4275 } 4276 4277 .blu-field textarea[data-v-12bd13fe]::-webkit-scrollbar-thumb { 4278 border-radius: 3px; 4279 background-color: #c8cbcd 4280 } 4281 4282 .blu-field textarea[data-v-12bd13fe]::-webkit-scrollbar-track { 4283 border-radius: 3px; 4284 background-color: rgba(0,0,0,0) 4285 } 4286 4287 .blu-field label[data-v-12bd13fe] { 4288 font: 16px/20px "blibli",-apple-system,segoe ui,roboto,helvetica,arial,sans-serif; 4289 color: rgba(25,34,42,.4); 4290 position: absolute; 4291 top: 18px; 4292 left: 16px; 4293 transition: all .2s,background-color .4s 4294 } 4295 4296 .blu-field button[data-v-12bd13fe] { 4297 padding: 0; 4298 margin: 0; 4299 color: #797f85; 4300 display: flex 4301 } 4302 4303 .blu-field button[data-v-12bd13fe]:focus-visible { 4304 outline: none 4305 } 4306 4307 .blu-field button:focus-visible svg[data-v-12bd13fe] { 4308 outline: 4px solid #000 4309 } 4310 4311 .blu-field__msg[data-v-12bd13fe] { 4312 flex: auto; 4313 margin-top: 4px 4314 } 4315 4316 .blu-field__msg-wrapper[data-v-12bd13fe] { 4317 display: flex; 4318 justify-content: flex-end; 4319 font: 14px/18px "blibli",-apple-system,segoe ui,roboto,helvetica,arial,sans-serif; 4320 color: rgba(25,34,42,.4) 4321 } 4322 4323 .blu-field__counter[data-v-12bd13fe] { 4324 text-align: right 4325 } 4326 4327 .blu-field__btn[data-v-12bd13fe] { 4328 top: 16px; 4329 position: absolute; 4330 display: flex; 4331 right: 16px; 4332 align-items: center 4333 } 4334 4335 .blu-field .title[data-v-12bd13fe] { 4336 display: none; 4337 color: rgba(25,34,42,.7019607843) 4338 } 4339 4340 .blu-field:not(.b-disabled) input.form__input[data-v-12bd13fe]:hover,.blu-field:not(.b-disabled) textarea[data-v-12bd13fe]:hover { 4341 background-color: #f1f2f2 4342 } 4343 4344 .blu-field:not(.b-disabled).has-value label[data-v-12bd13fe] { 4345 color: #0072ff 4346 } 4347 4348 .blu-field:not(.b-disabled).has-value textarea+label[data-v-12bd13fe] { 4349 background-color: #fff 4350 } 4351 4352 .blu-field:not(.b-disabled).has-value textarea:hover~label[data-v-12bd13fe] { 4353 background-color: #f1f2f2 4354 } 4355 4356 .blu-field:not(.b-disabled).has-value textarea[data-v-12bd13fe]::-webkit-credentials-auto-fill-button { 4357 margin-right: 0 4358 } 4359 4360 .blu-field.has-value label[data-v-12bd13fe] { 4361 font: 12px/16px "blibli",-apple-system,segoe ui,roboto,helvetica,arial,sans-serif; 4362 top: 2px; 4363 padding-top: 6px; 4364 opacity: 1 4365 } 4366 4367 .blu-field.has-value textarea+label[data-v-12bd13fe] { 4368 width: calc(100% - 32px) 4369 } 4370 4371 .blu-field.has-value.b-success label[data-v-12bd13fe] { 4372 color: #1c832a 4373 } 4374 4375 .blu-field.has-value.b-danger label[data-v-12bd13fe] { 4376 color: #e93c3c 4377 } 4378 4379 .blu-field.has-max-length input.form__input[data-v-12bd13fe] { 4380 animation: shake-12bd13fe .82s cubic-bezier(0.36, 0.07, 0.19, 0.97) both; 4381 transform: translate3d(0, 0, 0); 4382 backface-visibility: hidden; 4383 perspective: 1000px 4384 } 4385 4386 .blu-field.has-placeholder[data-v-12bd13fe] ::placeholder { 4387 font: 16px/20px "blibli",-apple-system,segoe ui,roboto,helvetica,arial,sans-serif; 4388 opacity: 1;
4389 color: rgba(25,34,42,.4) 4390 } 4391 4392 .blu-field.has-placeholder .title[data-v-12bd13fe] { 4393 position: absolute; 4394 font-size: 1.2rem; 4395 font-weight: normal; 4396 top: -8px; 4397 left: 16px; 4398 display: block; 4399 color: rgba(25,34,42,.7019607843) 4400 } 4401 4402 .blu-field.has-placeholder .blu-field__btn[data-v-12bd13fe] { 4403 top: 32px 4404 } 4405 4406 .blu-field.has-placeholder textarea[data-v-12bd13fe] { 4407 padding-top: 16px; 4408 margin-top: 16px 4409 } 4410 4411 .blu-field.has-placeholder input.form__input[data-v-12bd13fe] { 4412 padding-top: 8px; 4413 margin-top: 16px 4414 } 4415 4416 .blu-field.has-placeholder input.form__input[data-v-12bd13fe]:focus::placeholder { 4417 color: rgba(25,34,42,.4) 4418 } 4419 4420 .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] { 4421 top: 32px 4422 } 4423 4424 .blu-field.has-left-icon .blu-field__btn[data-v-12bd13fe] { 4425 left: 16px; 4426 right: auto; 4427 width: calc(100% - 28px); 4428 pointer-events: none; 4429 justify-content: space-between 4430 } 4431 4432 .blu-field.has-left-icon .blu-field__btn-close[data-v-12bd13fe],.blu-field.has-left-icon .blu-field__btn-custom[data-v-12bd13fe] { 4433 pointer-events: all 4434 } 4435 4436 .blu-field.has-left-icon.b-clearable[data-v-12bd13fe] { 4437 flex-direction: row-reverse 4438 } 4439 4440 .blu-field.has-left-icon.b-clearable.has-value .blu-field__btn-close[data-v-12bd13fe] { 4441 order: 2 4442 } 4443 4444 .blu-field.has-left-icon.b-clearable.has-value .blu-field__btn-custom[data-v-12bd13fe] { 4445 order: 1 4446 } 4447 4448 .blu-field.has-left-icon label[data-v-12bd13fe] { 4449 padding-left: 30px 4450 } 4451 4452 .blu-field.has-left-icon input.form__input[data-v-12bd13fe] { 4453 padding-left: 44px 4454 } 4455 4456 .blu-field.has-left-icon input.form__input[type=search][data-v-12bd13fe] { 4457 padding-left: 46px 4458 } 4459 4460 @media screen and (max-width: 768px) { 4461 .blu-field.has-left-icon input.form__input[type=search][data-v-12bd13fe] { 4462 padding-left:32px 4463 } 4464 4465 .blu-field.has-left-icon input.form__input[type=search]~label[data-v-12bd13fe] { 4466 left: 24px 4467 } 4468 4469 .blu-field.has-left-icon input.form__input[type=search]~.blu-field__btn[data-v-12bd13fe] { 4470 width: calc(100% - 15px); 4471 bottom: 17px; 4472 left: 5px 4473 } 4474 4475 .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] { 4476 width: 18px; 4477 height: 18px 4478 } 4479 } 4480 4481 @media screen and (max-width: 768px) { 4482 .blu-field.has-left-icon input.form__input[type=search][data-v-12bd13fe] { 4483 height:36px; 4484 border-radius: 8px 4485 } 4486 } 4487 4488 .blu-field.has-right-icon input.form__input[data-v-12bd13fe] { 4489 padding-right: 46px 4490 } 4491 4492 .blu-field.b-clearable input.form__input[data-v-12bd13fe],.blu-field.b-clearable textarea[data-v-12bd13fe] { 4493 padding-right: 47px 4494 } 4495 4496 .blu-field.b-clearable input.form__input[type=password][data-v-12bd13fe],.blu-field.b-clearable textarea[type=password][data-v-12bd13fe] { 4497 padding-right: 80px 4498 } 4499 4500 @media screen and (max-width: 768px) { 4501 .blu-field.b-clearable input.form__input[type=search][data-v-12bd13fe],.blu-field.b-clearable textarea[type=search][data-v-12bd13fe] { 4502 padding-right:33px 4503 } 4504 } 4505 4506 .blu-field.b-clearable .blu-field__btn-close[data-v-12bd13fe]:not(:last-child) { 4507 margin-right: 8px 4508 } 4509 4510 .blu-field.has-action .blu-field__btn[data-v-12bd13fe] { 4511 top: 12px 4512 } 4513 4514 .blu-field.has-action.has-placeholder .blu-field__btn[data-v-12bd13fe] { 4515 top: 28px 4516 } 4517 4518 .blu-field.has-action input.form__input[data-v-12bd13fe] { 4519 padding-right: 81px 4520 } 4521 4522 .blu-field.has-action.b-clearable input.form__input[data-v-12bd13fe],.blu-field.has-action.has-password input.form__input[data-v-12bd13fe] { 4523 padding-right: 118px 4524 } 4525 4526 .blu-field.has-leading-icon .blu-field__leading-icon[data-v-12bd13fe] { 4527 position: absolute; 4528 top: 16px; 4529 left: 16px; 4530 pointer-events: none; 4531 z-index: 1 4532 } 4533 4534 .blu-field.has-leading-icon label[data-v-12bd13fe] { 4535 padding-left: 32px 4536 } 4537 4538 .blu-field.has-leading-icon input.form__input[data-v-12bd13fe] { 4539 padding-left: 46px 4540 } 4541 4542 .blu-field.has-leading-icon input.form__input[type=search][data-v-12bd13fe] { 4543 padding-left: 48px 4544 } 4545 4546 @media screen and (max-width: 768px) { 4547 .blu-field.has-leading-icon input.form__input[type=search][data-v-12bd13fe] { 4548 padding-left:32px; 4549 height: 36px; 4550 border-radius: 8px 4551 } 4552 4553 .blu-field.has-leading-icon input.form__input[type=search]~label[data-v-12bd13fe] { 4554 left: 24px 4555 } 4556 4557 .blu-field.has-leading-icon input.form__input[type=search]~.blu-field__leading-icon[data-v-12bd13fe] { 4558 top: 24px; 4559 left: 8px 4560 } 4561 4562 .blu-field.has-leading-icon input.form__input[type=search]~.blu-field__leading-icon svg[data-v-12bd13fe] { 4563 width: 18px;
4564 height: 18px 4565 } 4566 4567 .blu-field.has-leading-icon input.form__input[type=search]~.blu-field__btn[data-v-12bd13fe] { 4568 bottom: 17px; 4569 right: 8px 4570 } 4571 4572 .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] { 4573 width: 18px; 4574 height: 18px 4575 } 4576 } 4577 4578 .blu-field.has-leading-icon.has-placeholder .blu-field__leading-icon[data-v-12bd13fe] { 4579 top: 32px 4580 } 4581 4582 .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] { 4583 top: 23px 4584 } 4585 4586 .blu-field.has-leading-icon.has-placeholder.b-small:not(.has-no-gap) .blu-field__leading-icon[data-v-12bd13fe] { 4587 top: 25px 4588 } 4589 4590 .blu-field.has-leading-icon.has-placeholder.b-small :not(input[type=search].form__input)~.blu-field__leading-icon[data-v-12bd13fe] { 4591 top: 7px 4592 } 4593 4594 .blu-field.has-custom-icon input.form__input[data-v-12bd13fe] { 4595 padding-right: 46px 4596 } 4597 4598 .blu-field.has-custom-icon.b-clearable input.form__input[data-v-12bd13fe] { 4599 padding-right: 80px 4600 } 4601 4602 .blu-field.has-no-gap[data-v-12bd13fe] { 4603 margin-bottom: 0 4604 } 4605 4606 .blu-field.has-no-gap.has-placeholder input.form__input[data-v-12bd13fe] { 4607 margin-top: 0 4608 } 4609 4610 .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] { 4611 top: 16px 4612 } 4613 4614 .blu-field.has-no-gap.has-leading-icon.has-placeholder .blu-field__leading-icon[data-v-12bd13fe] { 4615 top: 9px 4616 } 4617 4618 .blu-field.has-no-gap.has-leading-icon.has-placeholder .blu-field__btn[data-v-12bd13fe] { 4619 top: 7px 4620 } 4621 4622 @media screen and (min-width: 769px),print { 4623 .blu-field.has-no-gap.has-leading-icon.has-placeholder.b-small input[type=search].form__input~.blu-field__btn[data-v-12bd13fe] { 4624 top:9px 4625 } 4626 } 4627 4628 @media screen and (max-width: 768px) { 4629 .blu-field.has-no-gap.has-leading-icon.has-placeholder input[type=search].form__input~.blu-field__leading-icon[data-v-12bd13fe] { 4630 top:9px 4631 } 4632 4633 .blu-field.has-no-gap.has-leading-icon.has-placeholder input[type=search].form__input~.blu-field__btn[data-v-12bd13fe] { 4634 top: 17px 4635 } 4636 } 4637 4638 .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 { 4639 border-color: #22a334 4640 } 4641 4642 .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] { 4643 color: #1c832a 4644 } 4645 4646 .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] { 4647 color: #1c832a 4648 } 4649 4650 .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] { 4651 color: #1c832a 4652 } 4653 4654 .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 { 4655 border-color: #ff4646 4656 } 4657 4658 .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] { 4659 color: #e93c3c 4660 } 4661 4662 .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] { 4663 color: #e93c3c 4664 } 4665 4666 .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] { 4667 color: #e93c3c 4668 } 4669 4670 .b-dark input.form__input[data-v-12bd13fe],.b-dark textarea[data-v-12bd13fe] { 4671 background-color: #f1f2f2; 4672 border-color: #f1f2f2 4673 } 4674
4675 .b-dark:not(.b-disabled) input.form__input[data-v-12bd13fe]:hover,.b-dark:not(.b-disabled) textarea[data-v-12bd13fe]:hover { 4676 background-color: #e1e3e4 4677 } 4678 4679 .b-dark:not(.b-disabled).has-value textarea+label[data-v-12bd13fe] { 4680 background-color: #f1f2f2 4681 } 4682 4683 .b-dark:not(.b-disabled).has-value textarea:hover~label[data-v-12bd13fe] { 4684 background-color: #e1e3e4 4685 } 4686 4687 .b-disabled input.form__input[data-v-12bd13fe],.b-disabled textarea[data-v-12bd13fe] { 4688 background-color: #c8cbcd; 4689 border-color: #c8cbcd 4690 } 4691 4692 .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] { 4693 cursor: not-allowed; 4694 color: rgba(25,34,42,.4) 4695 } 4696 4697 .b-small input.form__input[data-v-12bd13fe] { 4698 font: 14px/18px "blibli",-apple-system,segoe ui,roboto,helvetica,arial,sans-serif; 4699 border-radius: 8px 4700 } 4701 4702 .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] { 4703 height: 32px 4704 } 4705 4706 .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] { 4707 top: 6px 4708 } 4709 4710 .b-small input.form__input[type=search][data-v-12bd13fe] { 4711 height: 36px 4712 } 4713 4714 .b-small input.form__input[type=search]~.blu-field__btn[data-v-12bd13fe] { 4715 right: 8px 4716 } 4717 4718 @media screen and (min-width: 769px),print { 4719 .b-small input.form__input[type=search]~.blu-field__btn[data-v-12bd13fe] { 4720 top:25px 4721 } 4722 } 4723 4724 @media screen and (max-width: 768px) { 4725 .b-small input.form__input[type=search]~.blu-field__btn[data-v-12bd13fe] { 4726 top:33px 4727 } 4728 } 4729 4730 .b-small.blu-field input.form__input[data-v-12bd13fe] { 4731 padding-left: 6px 4732 } 4733 4734 .b-small.has-placeholder[data-v-12bd13fe] ::placeholder { 4735 font: 14px/18px "blibli",-apple-system,segoe ui,roboto,helvetica,arial,sans-serif; 4736 color: rgba(25,34,42,.4) 4737 } 4738 4739 .b-small.has-placeholder .blu-field__btn[data-v-12bd13fe] { 4740 top: 23px; 4741 right: 8px 4742 } 4743 4744 .b-small.has-placeholder .blu-field__leading-icon svg[data-v-12bd13fe],.b-small.has-placeholder .blu-field__btn svg[data-v-12bd13fe] { 4745 width: 18px; 4746 height: 18px 4747 } 4748 4749 .b-small.b-clearable input.form__input[data-v-12bd13fe] { 4750 padding-right: 33px 4751 } 4752 4753 .b-small.has-leading-icon input.form__input[data-v-12bd13fe] { 4754 padding-left: 32px 4755 } 4756 4757 .b-small.has-leading-icon input.form__input[type=search][data-v-12bd13fe] { 4758 padding-left: 32px 4759 } 4760 4761 .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] { 4762 left: 8px 4763 } 4764 4765 .b-small .blu-field__btn[data-v-12bd13fe] { 4766 top: 6px 4767 } 4768 4769 [data-v-12bd13fe]::placeholder { 4770 font-size: 0; 4771 opacity: 0 4772 } 4773 4774 [data-v-12bd13fe]::-ms-reveal { 4775 display: none 4776 } 4777 4778 [data-v-12bd13fe]:-ms-input-placeholder { 4779 font-size: 0; 4780 opacity: 0 4781 } 4782 4783 [data-v-12bd13fe]::-ms-input-placeholder { 4784 font-size: 0; 4785 opacity: 0 4786 } 4787 4788 input[data-v-12bd13fe]:-internal-autofill-selected { 4789 background-color: #fff !important 4790 } 4791 4792 [data-v-12bd13fe]::-webkit-credentials-auto-fill-button { 4793 -webkit-mask-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0iTTE4LjkxIDE0LjU2YTEuNzY5IDEuNzY5IDAgMCAxLTEuNDM1LS43MjVsLTIuNjUtMy42ODNhMS4wMDEgMS4wMDEgMCAwIDEgMS42MjUtMS4xNjhsMi40NSAzLjQwOCAyLjIwMi0zLjM3MWExIDEgMCAwIDEgMS42NzQgMS4wOTRsLTIuNCAzLjY3MmMtLjM3My41MDgtLjg5Ni43NzMtMS40NjYuNzczWiIgZmlsbD0iIzc5N0Y4NSIvPjxwYXRoIGZpbGwtcnVsZT0iZXZlbm9kZCIgY2xpcC1ydWxlPSJldmVub2RkIiBkPSJNMTIuOTIgNy4wNzNjMC0zLjAzMS0yLjQ2Ni01LjQ4OS01LjUxLTUuNDg5LTMuMDQ0IDAtNS41MTEgMi40NTctNS41MTEgNS40ODlhNS40ODcgNS40ODcgMCAwIDAgMy40NTkgNS4wOTFjLS4wNTYgMS45MTMtLjAyIDMuODMuMTI0IDUuNzM5bC4wMTEuMTQ0Yy4wMjkuMzkyLjE3My43Ni40MDYgMS4wMzhsLjgxLjk2OGMuNTEuNjA5IDEuNDc0LjcwMiAxLjg0NiAwIC4xNjYtLjMxNC4yMjctMS4wOTctLjAxLTEuNjIyLS4zMzYtLjc0Ny0uNjIxLTEuMTg5LjM0Mi0yLjM3OC4xOTktLjI0Ni4xODYtLjYyMy4wNTUtLjkyMS0uMjc1LS42MjgtLjU1My0xLjc1OC4zMDMtMi44MTMuMDI4LS4wMzUuMDczLS4wNzYuMTI0LS4xMiAyLjA3NS0uNzg4IDMuNTUyLTIuNzgzIDMuNTUyLTUuMTI2Wk03LjQxIDQuMDc5YTEuNSAxLjUgMCAwIDEgMS41MDQgMS40OTdBMS41IDEuNSAwIDAgMSA3LjQxIDcuMDczYTEuNSAxLjUgMCAwIDEtMS41MDMtMS40OTdBMS41IDEuNSAwIDAgMSA3LjQxIDQuMDc5WiIgZmlsbD0iIzc5N0Y4NSIvPjwvc3ZnPg==); 4794 -webkit-mask-size: 18px 18px; 4795 width: 18px;
4796 height: 18px; 4797 background-color: rgba(25,34,42,.4); 4798 margin-top: -14px; 4799 margin-right: -30px 4800 } 4801 4802 input[type=number][data-v-12bd13fe]::-webkit-inner-spin-button,input[type=number][data-v-12bd13fe]::-webkit-outer-spin-button { 4803 -webkit-appearance: none; 4804 margin: 0 4805 } 4806 4807 @keyframes shake-12bd13fe { 4808 10%,90% { 4809 transform: translate3d(-1px, 0, 0) 4810 } 4811 4812 20%,80% { 4813 transform: translate3d(2px, 0, 0) 4814 } 4815 4816 30%,50%,70% { 4817 transform: translate3d(-4px, 0, 0) 4818 } 4819 4820 40%,60% { 4821 transform: translate3d(4px, 0, 0) 4822 } 4823 } 4824 4825 .blu-input-stepper input[data-v-12bd13fe] { 4826 font: 18px/24px "blibli demi bold",-apple-system,segoe ui,roboto,helvetica,arial,sans-serif; 4827 color: #19222a; 4828 background-color: inherit 4829 } 4830 4831 .blu-input-stepper input[type=number][data-v-12bd13fe] { 4832 width: 100%; 4833 height: 100%; 4834 padding: 0px; 4835 border: none; 4836 text-align: center; 4837 -moz-appearance: textfield 4838 } 4839 4840 .blu-input-stepper input[type=number][data-v-12bd13fe]::-webkit-inner-spin-button { 4841 -webkit-appearance: none; 4842 margin: 0 4843 } 4844 4845 .blu-input-stepper input[type=number][data-v-12bd13fe]:hover { 4846 background-color: inherit 4847 } 4848 4849 .blu-input-stepper input[type=number][data-v-12bd13fe]:focus { 4850 border: none 4851 } 4852 4853 .blu-input-stepper.b-readonly input[data-v-12bd13fe] { 4854 cursor: default 4855 } 4856 4857 .blu-input-stepper.b-disabled input[data-v-12bd13fe] { 4858 color: rgba(25,34,42,.4) 4859 } 4860 </style> 4861 <style type="text/css"> 4862 .blu-input-stepper[data-v-1e7baa58] { 4863 display: flex; 4864 align-items: center; 4865 justify-content: space-between; 4866 border-radius: 8px; 4867 height: 32px; 4868 padding: 4px; 4869 transition: all .4s ease-in-out 4870 } 4871 4872 .blu-input-stepper[data-v-1e7baa58]:not(.b-readonly) { 4873 background-color: #f1f2f2 4874 } 4875 4876 .blu-input-stepper__input[data-v-1e7baa58] { 4877 display: flex; 4878 align-items: center; 4879 margin: 0; 4880 color: #19222a 4881 } 4882 4883 .blu-input-stepper__plus[data-v-1e7baa58],.blu-input-stepper__minus[data-v-1e7baa58] { 4884 display: flex; 4885 align-items: center; 4886 border-radius: 50%; 4887 width: 24px; 4888 height: 24px; 4889 box-sizing: border-box 4890 } 4891 4892 .blu-input-stepper.b-disabled[data-v-1e7baa58] { 4893 cursor: not-allowed 4894 } 4895 4896 .blu-input-stepper.b-disabled[data-v-1e7baa58]:not(.b-readonly) { 4897 background-color: #c8cbcd 4898 } 4899 4900 .blu-input-stepper.b-active[data-v-1e7baa58] { 4901 box-shadow: inset 0px 0px 0px 2px #0072ff 4902 } 4903 </style> 4904 <style type="text/css"> 4905 .blu-ripple[data-v-2bedc3c7] { 4906 width: 100%; 4907 height: 100%; 4908 position: relative; 4909 overflow: hidden; 4910 display: flex; 4911 justify-content: center; 4912 align-items: center; 4913 -webkit-box-pack: center; 4914 -webkit-box-align: center; 4915 -webkit-mask-image: radial-gradient(circle, #ffffff 100%, #000000 100%); 4916 padding: 0 12px 4917 } 4918 4919 .blu-ripple-wave[data-v-2bedc3c7] { 4920 position: absolute; 4921 z-index: 1; 4922 pointer-events: none; 4923 background: currentColor; 4924 border-radius: 50%; 4925 opacity: 0; 4926 transform: scale(2) translateZ(0) 4927 } 4928 4929 .blu-ripple-wave.b-centered[data-v-2bedc3c7] { 4930 animation-duration: 1.2s; 4931 top: 50%; 4932 left: 50% 4933 } 4934 4935 .blu-ripple-wave~*[data-v-2bedc3c7]:not(.blu-ripple-wave) { 4936 position: relative; 4937 z-index: 2 4938 } 4939 4940 .blu-ripple-enter-active[data-v-2bedc3c7] { 4941 transition: 2s cubic-bezier(0.25, 0.8, 0.25, 1); 4942 transition-property: opacity,transform; 4943 will-change: opacity,transform 4944 } 4945 4946 .blu-ripple-enter-active.b-centered[data-v-2bedc3c7] { 4947 transition-duration: 1.2s 4948 } 4949 4950 .blu-ripple-enter[data-v-2bedc3c7] { 4951 opacity: .26; 4952 transform: scale(0.26) translateZ(0) 4953 } 4954 4955 .has-left-icon .blu-ripple svg[data-v-2bedc3c7] { 4956 margin-right: 8px 4957 } 4958 4959 .has-left-icon.b-small svg[data-v-2bedc3c7] { 4960 transform-origin: left; 4961 margin-right: 4px 4962 } 4963 4964 .b-large .blu-ripple[data-v-2bedc3c7] { 4965 padding: 0 16px 4966 } 4967 4968 .b-small .blu-ripple[data-v-2bedc3c7] { 4969 padding: 0 8px 4970 } 4971 4972 .b-small svg[data-v-2bedc3c7] { 4973 width: 18px;
4974 height: 18px 4975 } 4976 4977 .b-icon .blu-ripple[data-v-2bedc3c7] { 4978 padding: 0 4979 } 4980 4981 .b-loading .blu-loader-wrapper[data-v-2bedc3c7] { 4982 height: 24px; 4983 position: absolute 4984 } 4985 4986 .b-loading .blu-ripple[data-v-2bedc3c7] { 4987 color: rgba(0,0,0,0) 4988 } 4989 4990 .b-loading .blu-ripple>svg[data-v-2bedc3c7] { 4991 visibility: hidden 4992 } 4993 4994 .b-loading .blu-ripple .blu-ripple-wave[data-v-2bedc3c7] { 4995 color: #fff 4996 } 4997 4998 .b-loading.b-white .blu-ripple-wave[data-v-2bedc3c7] { 4999 color: #0072ff 5000 } 5001 5002 .b-loading.b-outline.b-secondary .blu-ripple-wave[data-v-2bedc3c7] { 5003 color: #0072ff 5004 } 5005 5006 .b-loading.b-outline.b-primary .blu-ripple-wave[data-v-2bedc3c7] { 5007 color: #f1ab02 5008 } 5009 5010 .b-loading.b-ghost.b-secondary .blu-ripple-wave[data-v-2bedc3c7] { 5011 color: #0072ff 5012 } 5013 5014 .b-loading.b-ghost.b-primary .blu-ripple-wave[data-v-2bedc3c7] { 5015 color: #f1ab02 5016 } 5017 5018 .blu-input-stepper .blu-btn .blu-ripple[data-v-2bedc3c7] { 5019 padding: 0; 5020 width: 24px; 5021 height: 24px; 5022 border-radius: 50% 5023 } 5024 5025 .blu-input-stepper .blu-btn .blu-ripple svg[data-v-2bedc3c7] { 5026 width: 18px; 5027 height: 18px; 5028 margin-left: 1px 5029 } 5030 5031 .blu-input-stepper .blu-btn .blu-ripple-enter-active[data-v-2bedc3c7] { 5032 background: #0072ff 5033 } 5034 5035 .b-disabled[data-v-2bedc3c7] { 5036 opacity: 1 5037 } 5038 5039 .blu-btn-dropdown .blu-ripple>svg+div[data-v-2bedc3c7] { 5040 margin-left: 8px 5041 } 5042 </style> 5043 <style type="text/css"> 5044 .blu-ripple[data-v-574d97b4] { 5045 width: 100%; 5046 height: 100%; 5047 position: relative; 5048 overflow: hidden; 5049 display: flex; 5050 justify-content: center; 5051 align-items: center; 5052 -webkit-box-pack: center; 5053 -webkit-box-align: center; 5054 -webkit-mask-image: radial-gradient(circle, #ffffff 100%, #000000 100%); 5055 padding: 0 12px 5056 } 5057 5058 .blu-ripple-wave[data-v-574d97b4] { 5059 position: absolute; 5060 z-index: 1; 5061 pointer-events: none; 5062 background: currentColor; 5063 border-radius: 50%; 5064 opacity: 0; 5065 transform: scale(2) translateZ(0) 5066 } 5067 5068 .blu-ripple-wave.b-centered[data-v-574d97b4] { 5069 animation-duration: 1.2s; 5070 top: 50%; 5071 left: 50% 5072 } 5073 5074 .blu-ripple-wave~*[data-v-574d97b4]:not(.blu-ripple-wave) { 5075 position: relative; 5076 z-index: 2 5077 } 5078 5079 .blu-ripple-enter-active[data-v-574d97b4] { 5080 transition: 2s cubic-bezier(0.25, 0.8, 0.25, 1); 5081 transition-property: opacity,transform; 5082 will-change: opacity,transform 5083 } 5084 5085 .blu-ripple-enter-active.b-centered[data-v-574d97b4] { 5086 transition-duration: 1.2s 5087 } 5088 5089 .blu-ripple-enter[data-v-574d97b4] { 5090 opacity: .26; 5091 transform: scale(0.26) translateZ(0) 5092 } 5093 5094 .has-left-icon .blu-ripple svg[data-v-574d97b4] { 5095 margin-right: 8px 5096 } 5097 5098 .has-left-icon.b-small svg[data-v-574d97b4] { 5099 transform-origin: left; 5100 margin-right: 4px 5101 } 5102 5103 .b-large .blu-ripple[data-v-574d97b4] { 5104 padding: 0 16px 5105 } 5106 5107 .b-small .blu-ripple[data-v-574d97b4] { 5108 padding: 0 8px 5109 } 5110 5111 .b-small svg[data-v-574d97b4] { 5112 width: 18px;
5113 height: 18px 5114 } 5115 5116 .b-icon .blu-ripple[data-v-574d97b4] { 5117 padding: 0 5118 } 5119 5120 .b-loading .blu-loader-wrapper[data-v-574d97b4] { 5121 height: 24px; 5122 position: absolute 5123 } 5124 5125 .b-loading .blu-ripple[data-v-574d97b4] { 5126 color: rgba(0,0,0,0) 5127 } 5128 5129 .b-loading .blu-ripple>svg[data-v-574d97b4] { 5130 visibility: hidden 5131 } 5132 5133 .b-loading .blu-ripple .blu-ripple-wave[data-v-574d97b4] { 5134 color: #fff 5135 } 5136 5137 .b-loading.b-white .blu-ripple-wave[data-v-574d97b4] { 5138 color: #0072ff 5139 } 5140 5141 .b-loading.b-outline.b-secondary .blu-ripple-wave[data-v-574d97b4] { 5142 color: #0072ff 5143 } 5144 5145 .b-loading.b-outline.b-primary .blu-ripple-wave[data-v-574d97b4] { 5146 color: #f1ab02 5147 } 5148 5149 .b-loading.b-ghost.b-secondary .blu-ripple-wave[data-v-574d97b4] { 5150 color: #0072ff 5151 } 5152 5153 .b-loading.b-ghost.b-primary .blu-ripple-wave[data-v-574d97b4] { 5154 color: #f1ab02 5155 } 5156 5157 .blu-input-stepper .blu-btn .blu-ripple[data-v-574d97b4] { 5158 padding: 0; 5159 width: 24px; 5160 height: 24px; 5161 border-radius: 50% 5162 } 5163 5164 .blu-input-stepper .blu-btn .blu-ripple svg[data-v-574d97b4] { 5165 width: 18px; 5166 height: 18px; 5167 margin-left: 1px 5168 } 5169 5170 .blu-input-stepper .blu-btn .blu-ripple-enter-active[data-v-574d97b4] { 5171 background: #0072ff 5172 } 5173 5174 .b-disabled[data-v-574d97b4] { 5175 opacity: 1 5176 } 5177 5178 .blu-btn-dropdown .blu-ripple>svg+div[data-v-574d97b4] { 5179 margin-left: 8px 5180 } 5181 </style> 5182 <style type="text/css"> 5183 .blu-ripple[data-v-19fd2cc7] { 5184 width: 100%; 5185 height: 100%; 5186 position: relative; 5187 overflow: hidden; 5188 display: flex; 5189 justify-content: center; 5190 align-items: center; 5191 -webkit-box-pack: center; 5192 -webkit-box-align: center; 5193 -webkit-mask-image: radial-gradient(circle, #ffffff 100%, #000000 100%); 5194 padding: 0 12px 5195 } 5196 5197 .blu-ripple-wave[data-v-19fd2cc7] { 5198 position: absolute; 5199 z-index: 1; 5200 pointer-events: none; 5201 background: currentColor; 5202 border-radius: 50%; 5203 opacity: 0; 5204 transform: scale(2) translateZ(0) 5205 } 5206 5207 .blu-ripple-wave.b-centered[data-v-19fd2cc7] { 5208 animation-duration: 1.2s; 5209 top: 50%; 5210 left: 50% 5211 } 5212 5213 .blu-ripple-wave~*[data-v-19fd2cc7]:not(.blu-ripple-wave) { 5214 position: relative; 5215 z-index: 2 5216 } 5217 5218 .blu-ripple-enter-active[data-v-19fd2cc7] { 5219 transition: 2s cubic-bezier(0.25, 0.8, 0.25, 1); 5220 transition-property: opacity,transform; 5221 will-change: opacity,transform 5222 } 5223 5224 .blu-ripple-enter-active.b-centered[data-v-19fd2cc7] { 5225 transition-duration: 1.2s 5226 } 5227 5228 .blu-ripple-enter[data-v-19fd2cc7] { 5229 opacity: .26; 5230 transform: scale(0.26) translateZ(0) 5231 } 5232 5233 .has-left-icon .blu-ripple svg[data-v-19fd2cc7] { 5234 margin-right: 8px 5235 } 5236 5237 .has-left-icon.b-small svg[data-v-19fd2cc7] { 5238 transform-origin: left; 5239 margin-right: 4px 5240 } 5241 5242 .b-large .blu-ripple[data-v-19fd2cc7] { 5243 padding: 0 16px 5244 } 5245 5246 .b-small .blu-ripple[data-v-19fd2cc7] { 5247 padding: 0 8px 5248 } 5249 5250 .b-small svg[data-v-19fd2cc7] { 5251 width: 18px;
5252 height: 18px 5253 } 5254 5255 .b-icon .blu-ripple[data-v-19fd2cc7] { 5256 padding: 0 5257 } 5258 5259 .b-loading .blu-loader-wrapper[data-v-19fd2cc7] { 5260 height: 24px; 5261 position: absolute 5262 } 5263 5264 .b-loading .blu-ripple[data-v-19fd2cc7] { 5265 color: rgba(0,0,0,0) 5266 } 5267 5268 .b-loading .blu-ripple>svg[data-v-19fd2cc7] { 5269 visibility: hidden 5270 } 5271 5272 .b-loading .blu-ripple .blu-ripple-wave[data-v-19fd2cc7] { 5273 color: #fff 5274 } 5275 5276 .b-loading.b-white .blu-ripple-wave[data-v-19fd2cc7] { 5277 color: #0072ff 5278 } 5279 5280 .b-loading.b-outline.b-secondary .blu-ripple-wave[data-v-19fd2cc7] { 5281 color: #0072ff 5282 } 5283 5284 .b-loading.b-outline.b-primary .blu-ripple-wave[data-v-19fd2cc7] { 5285 color: #f1ab02 5286 } 5287 5288 .b-loading.b-ghost.b-secondary .blu-ripple-wave[data-v-19fd2cc7] { 5289 color: #0072ff 5290 } 5291 5292 .b-loading.b-ghost.b-primary .blu-ripple-wave[data-v-19fd2cc7] { 5293 color: #f1ab02 5294 } 5295 5296 .blu-input-stepper .blu-btn .blu-ripple[data-v-19fd2cc7] { 5297 padding: 0; 5298 width: 24px; 5299 height: 24px; 5300 border-radius: 50% 5301 } 5302 5303 .blu-input-stepper .blu-btn .blu-ripple svg[data-v-19fd2cc7] { 5304 width: 18px; 5305 height: 18px; 5306 margin-left: 1px 5307 } 5308 5309 .blu-input-stepper .blu-btn .blu-ripple-enter-active[data-v-19fd2cc7] { 5310 background: #0072ff 5311 } 5312 5313 .b-disabled[data-v-19fd2cc7] { 5314 opacity: 1 5315 } 5316 5317 .blu-btn-dropdown .blu-ripple>svg+div[data-v-19fd2cc7] { 5318 margin-left: 8px 5319 } 5320 5321 .blu-btn[data-v-19fd2cc7] { 5322 position: relative; 5323 font: 16px/20px "blibli demi bold",-apple-system,segoe ui,roboto,helvetica,arial,sans-serif; 5324 text-decoration: none; 5325 transition: color .4s,background-color .4s,border-color .6s; 5326 white-space: nowrap; 5327 height: 48px; 5328 padding: 0; 5329 -webkit-tap-highlight-color: rgba(0,0,0,0) 5330 } 5331 5332 .blu-btn[data-v-19fd2cc7]::-moz-focus-inner { 5333 border: 0 5334 } 5335 5336 .blu-btn[data-v-19fd2cc7]:active { 5337 outline: none 5338 } 5339 5340 .blu-btn[data-v-19fd2cc7]:before { 5341 position: absolute; 5342 top: 0; 5343 right: 0; 5344 bottom: 0; 5345 left: 0; 5346 z-index: 1; 5347 opacity: 0; 5348 transition: .4s cubic-bezier(0.4, 0, 0.2, 1); 5349 will-change: background-color,opacity; 5350 content: " " 5351 } 5352 5353 .blu-btn[data-v-19fd2cc7]:focus-visible { 5354 box-shadow: 0px 0px 0px 4px #000 5355 } 5356 5357 .blu-btn.b-primary[data-v-19fd2cc7] { 5358 color: #fff; 5359 background-color: #f1ab02; 5360 border-color: #f1ab02 5361 } 5362 5363 .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] { 5364 background-color: #e39304; 5365 border-color: #e39304 5366 } 5367 5368 .blu-btn.b-secondary[data-v-19fd2cc7] { 5369 color: #fff; 5370 background-color: #0072ff; 5371 border-color: #0072ff 5372 } 5373 5374 .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] { 5375 background-color: #006dea; 5376 border-color: #006dea 5377 } 5378 5379 .blu-btn.b-white[data-v-19fd2cc7] { 5380 color: #fff; 5381 background-color: #fff; 5382 border-color: #fff; 5383 color: #0072ff 5384 } 5385 5386 .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] { 5387 background-color: #f1f2f2; 5388 border-color: #f1f2f2 5389 } 5390 5391 .blu-btn.b-disabled[data-v-19fd2cc7] { 5392 color: #fff; 5393 background-color: #c8cbcd; 5394 border-color: #c8cbcd; 5395 color: rgba(25,34,42,.4) 5396 } 5397 5398 .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] { 5399 background-color: #c8cbcd; 5400 border-color: #c8cbcd 5401 } 5402 5403 .blu-btn.b-large[data-v-19fd2cc7] { 5404 height: 56px 5405 } 5406 5407 .blu-btn.b-small[data-v-19fd2cc7] { 5408 font: 14px/18px "blibli demi bold",-apple-system,segoe ui,roboto,helvetica,arial,sans-serif; 5409 height: 32px 5410 } 5411 5412 .b-disabled[data-v-19fd2cc7] { 5413 opacity: 1 5414 } 5415 5416 input[type=submit][data-v-19fd2cc7]::-moz-focus-inner,input[type=button][data-v-19fd2cc7]::-moz-focus-inner { 5417 border: 0px 5418 } 5419 5420 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] { 5421 outline: none 5422 } 5423 5424 a[data-v-19fd2cc7],a[data-v-19fd2cc7]:visited,a[data-v-19fd2cc7]:focus,a[data-v-19fd2cc7]:active,a[data-v-19fd2cc7]:hover { 5425 outline: 0 none !important 5426 } 5427 5428 .blu-btn[data-v-19fd2cc7] { 5429 border-radius: 24px 5430 } 5431 5432 .blu-btn+.blu-button[data-v-19fd2cc7] { 5433 margin-left: 0 5434 } 5435 5436 .blu-btn.b-outline[data-v-19fd2cc7] { 5437 background-color: rgba(0,0,0,0) 5438 } 5439 5440 .blu-btn.b-outline.b-primary[data-v-19fd2cc7] { 5441 color: #f1ab02; 5442 background-color: #e39304; 5443 border: #ffcd00 1px solid 5444 } 5445 5446 .blu-btn.b-outline.b-primary[data-v-19fd2cc7]:not(.b-disabled) { 5447 background-color: rgba(255,255,255,.12) 5448 } 5449 5450 .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] { 5451 background-color: rgba(227,147,4,.08); 5452 border: #ffcd00 1px solid 5453 } 5454 5455 .blu-btn.b-outline.b-primary.b-active[data-v-19fd2cc7] { 5456 z-index: 9; 5457 background-color: #f1ab02; 5458 color: #fff 5459 } 5460 5461 .blu-btn.b-outline.b-secondary[data-v-19fd2cc7] { 5462 color: #0072ff; 5463 background-color: #006dea; 5464 border: #1d8fff 1px solid 5465 } 5466 5467 .blu-btn.b-outline.b-secondary[data-v-19fd2cc7]:not(.b-disabled) { 5468 background-color: rgba(255,255,255,.12) 5469 } 5470 5471 .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] { 5472 background-color: rgba(0,109,234,.08); 5473 border: #1d8fff 1px solid 5474 } 5475 5476 .blu-btn.b-outline.b-secondary.b-active[data-v-19fd2cc7] { 5477 z-index: 9; 5478 background-color: #0072ff; 5479 color: #fff 5480 } 5481 5482 .blu-btn.b-outline.b-white[data-v-19fd2cc7] { 5483 color: #fff; 5484 background-color: #fff; 5485 border: #fff 1px solid 5486 } 5487 5488 .blu-btn.b-outline.b-white[data-v-19fd2cc7]:not(.b-disabled) { 5489 background-color: rgba(255,255,255,.12) 5490 } 5491 5492 .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] { 5493 background-color: rgba(255,255,255,.4); 5494 border: #fff 1px solid 5495 } 5496 5497 .blu-btn.b-outline.b-white.b-active[data-v-19fd2cc7] { 5498 z-index: 9; 5499 background-color: #fff; 5500 color: #fff 5501 } 5502 5503 .blu-btn.b-outline.b-disabled[data-v-19fd2cc7] { 5504 color: rgba(25,34,42,.4); 5505 background-color: #c8cbcd; 5506 border: #c8cbcd 1px solid 5507 } 5508 5509 .blu-btn.b-outline.b-disabled[data-v-19fd2cc7]:not(.b-disabled) { 5510 background-color: rgba(255,255,255,.12) 5511 } 5512 5513 .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] { 5514 background-color: rgba(200,203,205,.08); 5515 border: #c8cbcd 1px solid 5516 } 5517 5518 .blu-btn.b-outline.b-disabled.b-active[data-v-19fd2cc7] { 5519 z-index: 9; 5520 background-color: rgba(25,34,42,.4); 5521 color: #fff 5522 } 5523 5524 .blu-btn.b-outline.b-small .blu-ripple[data-v-19fd2cc7] { 5525 border-radius: 14px 5526 } 5527 5528 .blu-btn.b-outline.b-large .blu-ripple[data-v-19fd2cc7] { 5529 border-radius: 30px 5530 } 5531 5532 .blu-btn.b-ghost[data-v-19fd2cc7] { 5533 background-color: rgba(0,0,0,0); 5534 border-color: rgba(0,0,0,0) 5535 } 5536 5537 .blu-btn.b-ghost.b-primary[data-v-19fd2cc7] { 5538 color: #f1ab02; 5539 border-color: rgba(0,0,0,0) 5540 } 5541 5542 .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] { 5543 border-color: rgba(0,0,0,0); 5544 background-color: rgba(227,147,4,.08) 5545 } 5546 5547 .blu-btn.b-ghost.b-secondary[data-v-19fd2cc7] { 5548 color: #0072ff; 5549 border-color: rgba(0,0,0,0) 5550 } 5551 5552 .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] { 5553 border-color: rgba(0,0,0,0); 5554 background-color: rgba(0,109,234,.08) 5555 } 5556 5557 .blu-btn.b-ghost.b-white[data-v-19fd2cc7] { 5558 color: #fff; 5559 border-color: rgba(0,0,0,0) 5560 } 5561 5562 .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] { 5563 border-color: rgba(0,0,0,0); 5564 background-color: rgba(255,255,255,.4) 5565 } 5566 5567 .blu-btn.b-ghost.b-white.b-disabled[data-v-19fd2cc7] { 5568 color: rgba(255,255,255,.4); 5569 border-color: rgba(0,0,0,0) 5570 } 5571 5572 .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] { 5573 border-color: rgba(0,0,0,0); 5574 background-color: rgba(0,0,0,0) 5575 } 5576 5577 .blu-btn.b-ghost.b-disabled[data-v-19fd2cc7] { 5578 color: rgba(25,34,42,.4); 5579 border-color: rgba(0,0,0,0) 5580 } 5581 5582 .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] { 5583 border-color: rgba(0,0,0,0); 5584 background-color: rgba(0,0,0,0) 5585 } 5586 5587 .blu-btn.b-warning[data-v-19fd2cc7] { 5588 color: #fff; 5589 background-color: #ffcd00; 5590 border-color: #ffcd00 5591 } 5592 5593 .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] { 5594 background-color: #cca400; 5595 border-color: #cca400 5596 } 5597 5598 .blu-btn.b-danger[data-v-19fd2cc7] { 5599 color: #fff; 5600 background-color: #ff4646; 5601 border-color: #ff4646 5602 } 5603 5604 .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] { 5605 background-color: #ff1313; 5606 border-color: #ff1313 5607 } 5608 5609 .blu-btn.b-small[data-v-19fd2cc7] { 5610 border-radius: 16px 5611 } 5612 5613 .blu-btn.b-small .blu-ripple[data-v-19fd2cc7] { 5614 border-radius: 16px 5615 } 5616 5617 .blu-btn.b-large[data-v-19fd2cc7] { 5618 border-radius: 32px 5619 } 5620 5621 .blu-btn.b-large .blu-ripple[data-v-19fd2cc7] { 5622 border-radius: 32px 5623 } 5624 5625 .blu-btn.b-icon[data-v-19fd2cc7] { 5626 width: 48px 5627 } 5628 5629 .blu-btn.b-icon.b-large[data-v-19fd2cc7] { 5630 width: 56px 5631 } 5632 5633 .blu-btn.b-icon.b-small[data-v-19fd2cc7] { 5634 width: 32px 5635 } 5636 5637 .blu-btn.b-icon svg[data-v-19fd2cc7] { 5638 width: 100%; 5639 height: 100% 5640 } 5641 5642 .blu-btn.b-full-width[data-v-19fd2cc7] { 5643 width: 100% 5644 } 5645 5646 .blu-btn .blu-ripple[data-v-19fd2cc7] { 5647 border-radius: 24px 5648 } 5649 </style> 5650 <style type="text/css"> 5651 .blu-card[data-v-05db4d06] { 5652 background: #fff; 5653 border-radius: 16px; 5654 box-shadow: 0 1px 6px 0 rgba(0,0,0,.1) 5655 } 5656 5657 .blu-card.b-noshadow[data-v-05db4d06] { 5658 box-shadow: none 5659 } 5660 5661 .blu-card.b-radius-large[data-v-05db4d06] { 5662 border-radius: 32px 5663 } 5664 5665 .blu-card.b-radius-medium[data-v-05db4d06] { 5666 border-radius: 24px 5667 } 5668 5669 .blu-card.b-radius-small[data-v-05db4d06] { 5670 border-radius: 8px 5671 } 5672 5673 .blu-card.b-no-radius[data-v-05db4d06] { 5674 border-radius: 0px 5675 } 5676 </style> 5677 <style type="text/css"> 5678 .blu-card__content[data-v-0250d5bb] { 5679 padding: 20px 5680 } 5681 </style> 5682 <style type="text/css"> 5683 .b-page .blu-modal__close[data-v-a1423cd6] { 5684 width: 24px; 5685 height: 24px; 5686 position: absolute; 5687 top: -28px; 5688 right: 20px 5689 } 5690 5691 .b-page .blu-modal__close i[data-v-a1423cd6] { 5692
5692 content: ""; 5693 top: 1px; 5694 right: 1px; 5695 position: absolute; 5696 width: 24px; 5697 height: 24px; 5698 transform: scale(1.3); 5699 background: rgba(0,0,0,0) url(data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PSIwIDAgMjQgMjQiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGQ9Ik0xMy43NjcyIDEyTDE3LjYzMiA4LjEzODM5QzE4LjEyMjcgNy42NDgxOSAxOC4xMjI3IDYuODU3ODYgMTcuNjMyIDYuMzY3NjVDMTcuMTQxNCA1Ljg3NzQ1IDE2LjM1MDQgNS44Nzc0NSAxNS44NTk4IDYuMzY3NjVMMTEuOTk1IDEwLjIyOTNMOC4xNDAxOCA2LjM3NzY2QzcuNjQ5NTYgNS44ODc0NSA2Ljg1ODU3IDUuODg3NDUgNi4zNjc5NiA2LjM3NzY2QzUuODc3MzUgNi44Njc4NiA1Ljg3NzM1IDcuNjU4MTkgNi4zNjc5NiA4LjE0ODRMMTAuMjIyOCAxMkw2LjM2Nzk2IDE1Ljg2MTZDNS44NzczNSAxNi4zNTE4IDUuODc3MzUgMTcuMTQyMSA2LjM2Nzk2IDE3LjYzMjNDNi44NTg1NyAxOC4xMjI2IDcuNjQ5NTYgMTguMTIyNiA4LjE0MDE4IDE3LjYzMjNMMTIuMDA1IDEzLjc3MDdMMTUuODU5OCAxNy42MjIzQzE2LjM1MDQgMTguMTEyNSAxNy4xNDE0IDE4LjExMjUgMTcuNjMyIDE3LjYyMjNDMTguMTIyNyAxNy4xMzIxIDE4LjEyMjcgMTYuMzQxOCAxNy42MzIgMTUuODUxNkwxMy43NzcyIDEySDEzLjc2NzJaIiBmaWxsPSIjNzk3Rjg1Ii8+Cjwvc3ZnPgo=) center center no-repeat #c8cbcd; 5700 background-color: #e1e3e4; 5701 -webkit-mask-image: url(data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PSIwIDAgMjQgMjQiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGQ9Ik0xMy43NjcyIDEyTDE3LjYzMiA4LjEzODM5QzE4LjEyMjcgNy42NDgxOSAxOC4xMjI3IDYuODU3ODYgMTcuNjMyIDYuMzY3NjVDMTcuMTQxNCA1Ljg3NzQ1IDE2LjM1MDQgNS44Nzc0NSAxNS44NTk4IDYuMzY3NjVMMTEuOTk1IDEwLjIyOTNMOC4xNDAxOCA2LjM3NzY2QzcuNjQ5NTYgNS44ODc0NSA2Ljg1ODU3IDUuODg3NDUgNi4zNjc5NiA2LjM3NzY2QzUuODc3MzUgNi44Njc4NiA1Ljg3NzM1IDcuNjU4MTkgNi4zNjc5NiA4LjE0ODRMMTAuMjIyOCAxMkw2LjM2Nzk2IDE1Ljg2MTZDNS44NzczNSAxNi4zNTE4IDUuODc3MzUgMTcuMTQyMSA2LjM2Nzk2IDE3LjYzMjNDNi44NTg1NyAxOC4xMjI2IDcuNjQ5NTYgMTguMTIyNiA4LjE0MDE4IDE3LjYzMjNMMTIuMDA1IDEzLjc3MDdMMTUuODU5OCAxNy42MjIzQzE2LjM1MDQgMTguMTEyNSAxNy4xNDE0IDE4LjExMjUgMTcuNjMyIDE3LjYyMjNDMTguMTIyNyAxNy4xMzIxIDE4LjEyMjcgMTYuMzQxOCAxNy42MzIgMTUuODUxNkwxMy43NzcyIDEySDEzLjc2NzJaIiBmaWxsPSIjNzk3Rjg1Ii8+Cjwvc3ZnPgo=) 5702 } 5703 5704 @media screen and (max-width: 768px) { 5705 .b-page .blu-modal__close[data-v-a1423cd6] { 5706 right:20px 5707 } 5708 } 5709 5710 .b-page .blu-modal__close[data-v-a1423cd6]:focus-visible { 5711 box-shadow: 0px 0px 0px 4px #000; 5712 outline: none 5713 } 5714 </style> 5715 <style type="text/css"> 5716 .blu-ripple[data-v-2bedc3c7] { 5717 width: 100%; 5718 height: 100%; 5719 position: relative; 5720 overflow: hidden; 5721 display: flex; 5722 justify-content: center; 5723 align-items: center; 5724 -webkit-box-pack: center; 5725 -webkit-box-align: center; 5726 -webkit-mask-image: radial-gradient(circle, #ffffff 100%, #000000 100%); 5727 padding: 0 12px 5728 } 5729 5730 .blu-ripple-wave[data-v-2bedc3c7] { 5731 position: absolute; 5732 z-index: 1; 5733 pointer-events: none; 5734 background: currentColor; 5735 border-radius: 50%; 5736 opacity: 0; 5737 transform: scale(2) translateZ(0) 5738 } 5739 5740 .blu-ripple-wave.b-centered[data-v-2bedc3c7] { 5741 animation-duration: 1.2s; 5742 top: 50%; 5743 left: 50% 5744 } 5745 5746 .blu-ripple-wave~*[data-v-2bedc3c7]:not(.blu-ripple-wave) { 5747 position: relative; 5748 z-index: 2 5749 } 5750 5751 .blu-ripple-enter-active[data-v-2bedc3c7] { 5752 transition: 2s cubic-bezier(0.25, 0.8, 0.25, 1); 5753 transition-property: opacity,transform; 5754 will-change: opacity,transform 5755 } 5756 5757 .blu-ripple-enter-active.b-centered[data-v-2bedc3c7] { 5758 transition-duration: 1.2s 5759 } 5760 5761 .blu-ripple-enter[data-v-2bedc3c7] { 5762 opacity: .26; 5763 transform: scale(0.26) translateZ(0) 5764 } 5765 5766 .has-left-icon .blu-ripple svg[data-v-2bedc3c7] { 5767 margin-right: 8px 5768 } 5769 5770 .has-left-icon.b-small svg[data-v-2bedc3c7] { 5771 transform-origin: left; 5772 margin-right: 4px 5773 } 5774 5775 .b-large .blu-ripple[data-v-2bedc3c7] { 5776 padding: 0 16px 5777 } 5778 5779 .b-small .blu-ripple[data-v-2bedc3c7] { 5780 padding: 0 8px 5781 } 5782 5783 .b-small svg[data-v-2bedc3c7] { 5784 width: 18px;
5785 height: 18px 5786 } 5787 5788 .b-icon .blu-ripple[data-v-2bedc3c7] { 5789 padding: 0 5790 } 5791 5792 .b-loading .blu-loader-wrapper[data-v-2bedc3c7] { 5793 height: 24px; 5794 position: absolute 5795 } 5796 5797 .b-loading .blu-ripple[data-v-2bedc3c7] { 5798 color: rgba(0,0,0,0) 5799 } 5800 5801 .b-loading .blu-ripple>svg[data-v-2bedc3c7] { 5802 visibility: hidden 5803 } 5804 5805 .b-loading .blu-ripple .blu-ripple-wave[data-v-2bedc3c7] { 5806 color: #fff 5807 } 5808 5809 .b-loading.b-white .blu-ripple-wave[data-v-2bedc3c7] { 5810 color: #0072ff 5811 } 5812 5813 .b-loading.b-outline.b-secondary .blu-ripple-wave[data-v-2bedc3c7] { 5814 color: #0072ff 5815 } 5816 5817 .b-loading.b-outline.b-primary .blu-ripple-wave[data-v-2bedc3c7] { 5818 color: #f1ab02 5819 } 5820 5821 .b-loading.b-ghost.b-secondary .blu-ripple-wave[data-v-2bedc3c7] { 5822 color: #0072ff 5823 } 5824 5825 .b-loading.b-ghost.b-primary .blu-ripple-wave[data-v-2bedc3c7] { 5826 color: #f1ab02 5827 } 5828 5829 .blu-input-stepper .blu-btn .blu-ripple[data-v-2bedc3c7] { 5830 padding: 0; 5831 width: 24px; 5832 height: 24px; 5833 border-radius: 50% 5834 } 5835 5836 .blu-input-stepper .blu-btn .blu-ripple svg[data-v-2bedc3c7] { 5837 width: 18px; 5838 height: 18px; 5839 margin-left: 1px 5840 } 5841 5842 .blu-input-stepper .blu-btn .blu-ripple-enter-active[data-v-2bedc3c7] { 5843 background: #0072ff 5844 } 5845 5846 .b-disabled[data-v-2bedc3c7] { 5847 opacity: 1 5848 } 5849 5850 .blu-btn-dropdown .blu-ripple>svg+div[data-v-2bedc3c7] { 5851 margin-left: 8px 5852 } 5853 </style> 5854 <style type="text/css"> 5855 .blu-ripple[data-v-574d97b4] { 5856 width: 100%; 5857 height: 100%; 5858 position: relative; 5859 overflow: hidden; 5860 display: flex; 5861 justify-content: center; 5862 align-items: center; 5863 -webkit-box-pack: center; 5864 -webkit-box-align: center; 5865 -webkit-mask-image: radial-gradient(circle, #ffffff 100%, #000000 100%); 5866 padding: 0 12px 5867 } 5868 5869 .blu-ripple-wave[data-v-574d97b4] { 5870 position: absolute; 5871 z-index: 1; 5872 pointer-events: none; 5873 background: currentColor; 5874 border-radius: 50%; 5875 opacity: 0; 5876 transform: scale(2) translateZ(0) 5877 } 5878 5879 .blu-ripple-wave.b-centered[data-v-574d97b4] { 5880 animation-duration: 1.2s; 5881 top: 50%; 5882 left: 50% 5883 } 5884 5885 .blu-ripple-wave~*[data-v-574d97b4]:not(.blu-ripple-wave) { 5886 position: relative; 5887 z-index: 2 5888 } 5889 5890 .blu-ripple-enter-active[data-v-574d97b4] { 5891 transition: 2s cubic-bezier(0.25, 0.8, 0.25, 1); 5892 transition-property: opacity,transform; 5893 will-change: opacity,transform 5894 } 5895 5896 .blu-ripple-enter-active.b-centered[data-v-574d97b4] { 5897 transition-duration: 1.2s 5898 } 5899 5900 .blu-ripple-enter[data-v-574d97b4] { 5901 opacity: .26; 5902 transform: scale(0.26) translateZ(0) 5903 } 5904 5905 .has-left-icon .blu-ripple svg[data-v-574d97b4] { 5906 margin-right: 8px 5907 } 5908 5909 .has-left-icon.b-small svg[data-v-574d97b4] { 5910 transform-origin: left; 5911 margin-right: 4px 5912 } 5913 5914 .b-large .blu-ripple[data-v-574d97b4] { 5915 padding: 0 16px 5916 } 5917 5918 .b-small .blu-ripple[data-v-574d97b4] { 5919 padding: 0 8px 5920 } 5921 5922 .b-small svg[data-v-574d97b4] { 5923 width: 18px;
5924 height: 18px 5925 } 5926 5927 .b-icon .blu-ripple[data-v-574d97b4] { 5928 padding: 0 5929 } 5930 5931 .b-loading .blu-loader-wrapper[data-v-574d97b4] { 5932 height: 24px; 5933 position: absolute 5934 } 5935 5936 .b-loading .blu-ripple[data-v-574d97b4] { 5937 color: rgba(0,0,0,0) 5938 } 5939 5940 .b-loading .blu-ripple>svg[data-v-574d97b4] { 5941 visibility: hidden 5942 } 5943 5944 .b-loading .blu-ripple .blu-ripple-wave[data-v-574d97b4] { 5945 color: #fff 5946 } 5947 5948 .b-loading.b-white .blu-ripple-wave[data-v-574d97b4] { 5949 color: #0072ff 5950 } 5951 5952 .b-loading.b-outline.b-secondary .blu-ripple-wave[data-v-574d97b4] { 5953 color: #0072ff 5954 } 5955 5956 .b-loading.b-outline.b-primary .blu-ripple-wave[data-v-574d97b4] { 5957 color: #f1ab02 5958 } 5959 5960 .b-loading.b-ghost.b-secondary .blu-ripple-wave[data-v-574d97b4] { 5961 color: #0072ff 5962 } 5963 5964 .b-loading.b-ghost.b-primary .blu-ripple-wave[data-v-574d97b4] { 5965 color: #f1ab02 5966 } 5967 5968 .blu-input-stepper .blu-btn .blu-ripple[data-v-574d97b4] { 5969 padding: 0; 5970 width: 24px; 5971 height: 24px; 5972 border-radius: 50% 5973 } 5974 5975 .blu-input-stepper .blu-btn .blu-ripple svg[data-v-574d97b4] { 5976 width: 18px; 5977 height: 18px; 5978 margin-left: 1px 5979 } 5980 5981 .blu-input-stepper .blu-btn .blu-ripple-enter-active[data-v-574d97b4] { 5982 background: #0072ff 5983 } 5984 5985 .b-disabled[data-v-574d97b4] { 5986 opacity: 1 5987 } 5988 5989 .blu-btn-dropdown .blu-ripple>svg+div[data-v-574d97b4] { 5990 margin-left: 8px 5991 } 5992 </style> 5993 <style type="text/css"> 5994 .blu-ripple[data-v-19fd2cc7] { 5995 width: 100%; 5996 height: 100%; 5997 position: relative; 5998 overflow: hidden; 5999 display: flex; 6000 justify-content: center; 6001 align-items: center; 6002 -webkit-box-pack: center; 6003 -webkit-box-align: center; 6004 -webkit-mask-image: radial-gradient(circle, #ffffff 100%, #000000 100%); 6005 padding: 0 12px 6006 } 6007 6008 .blu-ripple-wave[data-v-19fd2cc7] { 6009 position: absolute; 6010 z-index: 1; 6011 pointer-events: none; 6012 background: currentColor; 6013 border-radius: 50%; 6014 opacity: 0; 6015 transform: scale(2) translateZ(0) 6016 } 6017 6018 .blu-ripple-wave.b-centered[data-v-19fd2cc7] { 6019 animation-duration: 1.2s; 6020 top: 50%; 6021 left: 50% 6022 } 6023 6024 .blu-ripple-wave~*[data-v-19fd2cc7]:not(.blu-ripple-wave) { 6025 position: relative; 6026 z-index: 2 6027 } 6028 6029 .blu-ripple-enter-active[data-v-19fd2cc7] { 6030 transition: 2s cubic-bezier(0.25, 0.8, 0.25, 1); 6031 transition-property: opacity,transform; 6032 will-change: opacity,transform 6033 } 6034 6035 .blu-ripple-enter-active.b-centered[data-v-19fd2cc7] { 6036 transition-duration: 1.2s 6037 } 6038 6039 .blu-ripple-enter[data-v-19fd2cc7] { 6040 opacity: .26; 6041 transform: scale(0.26) translateZ(0) 6042 } 6043 6044 .has-left-icon .blu-ripple svg[data-v-19fd2cc7] { 6045 margin-right: 8px 6046 } 6047 6048 .has-left-icon.b-small svg[data-v-19fd2cc7] { 6049 transform-origin: left; 6050 margin-right: 4px 6051 } 6052 6053 .b-large .blu-ripple[data-v-19fd2cc7] { 6054 padding: 0 16px 6055 } 6056 6057 .b-small .blu-ripple[data-v-19fd2cc7] { 6058 padding: 0 8px 6059 } 6060 6061 .b-small svg[data-v-19fd2cc7] { 6062 width: 18px;
6063 height: 18px 6064 } 6065 6066 .b-icon .blu-ripple[data-v-19fd2cc7] { 6067 padding: 0 6068 } 6069 6070 .b-loading .blu-loader-wrapper[data-v-19fd2cc7] { 6071 height: 24px; 6072 position: absolute 6073 } 6074 6075 .b-loading .blu-ripple[data-v-19fd2cc7] { 6076 color: rgba(0,0,0,0) 6077 } 6078 6079 .b-loading .blu-ripple>svg[data-v-19fd2cc7] { 6080 visibility: hidden 6081 } 6082 6083 .b-loading .blu-ripple .blu-ripple-wave[data-v-19fd2cc7] { 6084 color: #fff 6085 } 6086 6087 .b-loading.b-white .blu-ripple-wave[data-v-19fd2cc7] { 6088 color: #0072ff 6089 } 6090 6091 .b-loading.b-outline.b-secondary .blu-ripple-wave[data-v-19fd2cc7] { 6092 color: #0072ff 6093 } 6094 6095 .b-loading.b-outline.b-primary .blu-ripple-wave[data-v-19fd2cc7] { 6096 color: #f1ab02 6097 } 6098 6099 .b-loading.b-ghost.b-secondary .blu-ripple-wave[data-v-19fd2cc7] { 6100 color: #0072ff 6101 } 6102 6103 .b-loading.b-ghost.b-primary .blu-ripple-wave[data-v-19fd2cc7] { 6104 color: #f1ab02 6105 } 6106 6107 .blu-input-stepper .blu-btn .blu-ripple[data-v-19fd2cc7] { 6108 padding: 0; 6109 width: 24px; 6110 height: 24px; 6111 border-radius: 50% 6112 } 6113 6114 .blu-input-stepper .blu-btn .blu-ripple svg[data-v-19fd2cc7] { 6115 width: 18px; 6116 height: 18px; 6117 margin-left: 1px 6118 } 6119 6120 .blu-input-stepper .blu-btn .blu-ripple-enter-active[data-v-19fd2cc7] { 6121 background: #0072ff 6122 } 6123 6124 .b-disabled[data-v-19fd2cc7] { 6125 opacity: 1 6126 } 6127 6128 .blu-btn-dropdown .blu-ripple>svg+div[data-v-19fd2cc7] { 6129 margin-left: 8px 6130 } 6131 6132 .blu-btn[data-v-19fd2cc7] { 6133 position: relative; 6134 font: 16px/20px "blibli demi bold",-apple-system,segoe ui,roboto,helvetica,arial,sans-serif; 6135 text-decoration: none; 6136 transition: color .4s,background-color .4s,border-color .6s; 6137 white-space: nowrap; 6138 height: 48px; 6139 padding: 0; 6140 -webkit-tap-highlight-color: rgba(0,0,0,0) 6141 } 6142 6143 .blu-btn[data-v-19fd2cc7]::-moz-focus-inner { 6144 border: 0 6145 } 6146 6147 .blu-btn[data-v-19fd2cc7]:active { 6148 outline: none 6149 } 6150 6151 .blu-btn[data-v-19fd2cc7]:before { 6152 position: absolute; 6153 top: 0; 6154 right: 0; 6155 bottom: 0; 6156 left: 0; 6157 z-index: 1; 6158 opacity: 0; 6159 transition: .4s cubic-bezier(0.4, 0, 0.2, 1); 6160 will-change: background-color,opacity; 6161 content: " " 6162 } 6163 6164 .blu-btn[data-v-19fd2cc7]:focus-visible { 6165 box-shadow: 0px 0px 0px 4px #000 6166 } 6167 6168 .blu-btn.b-primary[data-v-19fd2cc7] { 6169 color: #fff; 6170 background-color: #f1ab02; 6171 border-color: #f1ab02 6172 } 6173 6174 .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] { 6175 background-color: #e39304; 6176 border-color: #e39304 6177 } 6178 6179 .blu-btn.b-secondary[data-v-19fd2cc7] { 6180 color: #fff; 6181 background-color: #0072ff; 6182 border-color: #0072ff 6183 } 6184 6185 .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] { 6186 background-color: #006dea; 6187 border-color: #006dea 6188 } 6189 6190 .blu-btn.b-white[data-v-19fd2cc7] { 6191 color: #fff; 6192 background-color: #fff; 6193 border-color: #fff; 6194 color: #0072ff 6195 } 6196 6197 .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] { 6198 background-color: #f1f2f2; 6199 border-color: #f1f2f2 6200 } 6201 6202 .blu-btn.b-disabled[data-v-19fd2cc7] { 6203 color: #fff; 6204 background-color: #c8cbcd; 6205 border-color: #c8cbcd; 6206 color: rgba(25,34,42,.4) 6207 } 6208 6209 .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] { 6210 background-color: #c8cbcd; 6211 border-color: #c8cbcd 6212 } 6213 6214 .blu-btn.b-large[data-v-19fd2cc7] { 6215 height: 56px 6216 } 6217 6218 .blu-btn.b-small[data-v-19fd2cc7] { 6219 font: 14px/18px "blibli demi bold",-apple-system,segoe ui,roboto,helvetica,arial,sans-serif; 6220 height: 32px 6221 } 6222 6223 .b-disabled[data-v-19fd2cc7] { 6224 opacity: 1 6225 } 6226 6227 input[type=submit][data-v-19fd2cc7]::-moz-focus-inner,input[type=button][data-v-19fd2cc7]::-moz-focus-inner { 6228 border: 0px 6229 } 6230 6231 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] { 6232 outline: none 6233 } 6234 6235 a[data-v-19fd2cc7],a[data-v-19fd2cc7]:visited,a[data-v-19fd2cc7]:focus,a[data-v-19fd2cc7]:active,a[data-v-19fd2cc7]:hover { 6236 outline: 0 none !important 6237 } 6238 6239 .blu-btn[data-v-19fd2cc7] { 6240 border-radius: 24px 6241 } 6242 6243 .blu-btn+.blu-button[data-v-19fd2cc7] { 6244 margin-left: 0 6245 } 6246 6247 .blu-btn.b-outline[data-v-19fd2cc7] { 6248 background-color: rgba(0,0,0,0) 6249 } 6250 6251 .blu-btn.b-outline.b-primary[data-v-19fd2cc7] { 6252 color: #f1ab02; 6253 background-color: #e39304; 6254 border: #ffcd00 1px solid 6255 } 6256 6257 .blu-btn.b-outline.b-primary[data-v-19fd2cc7]:not(.b-disabled) { 6258 background-color: rgba(255,255,255,.12) 6259 } 6260 6261 .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] { 6262 background-color: rgba(227,147,4,.08); 6263 border: #ffcd00 1px solid 6264 } 6265 6266 .blu-btn.b-outline.b-primary.b-active[data-v-19fd2cc7] { 6267 z-index: 9; 6268 background-color: #f1ab02; 6269 color: #fff 6270 } 6271 6272 .blu-btn.b-outline.b-secondary[data-v-19fd2cc7] { 6273 color: #0072ff; 6274 background-color: #006dea; 6275 border: #1d8fff 1px solid 6276 } 6277 6278 .blu-btn.b-outline.b-secondary[data-v-19fd2cc7]:not(.b-disabled) { 6279 background-color: rgba(255,255,255,.12) 6280 } 6281 6282 .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] { 6283 background-color: rgba(0,109,234,.08); 6284 border: #1d8fff 1px solid 6285 } 6286 6287 .blu-btn.b-outline.b-secondary.b-active[data-v-19fd2cc7] { 6288 z-index: 9; 6289 background-color: #0072ff; 6290 color: #fff 6291 } 6292 6293 .blu-btn.b-outline.b-white[data-v-19fd2cc7] { 6294 color: #fff; 6295 background-color: #fff; 6296 border: #fff 1px solid 6297 } 6298 6299 .blu-btn.b-outline.b-white[data-v-19fd2cc7]:not(.b-disabled) { 6300 background-color: rgba(255,255,255,.12) 6301 } 6302 6303 .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] { 6304 background-color: rgba(255,255,255,.4); 6305 border: #fff 1px solid 6306 } 6307 6308 .blu-btn.b-outline.b-white.b-active[data-v-19fd2cc7] { 6309 z-index: 9; 6310 background-color: #fff; 6311 color: #fff 6312 } 6313 6314 .blu-btn.b-outline.b-disabled[data-v-19fd2cc7] { 6315 color: rgba(25,34,42,.4); 6316 background-color: #c8cbcd; 6317 border: #c8cbcd 1px solid 6318 } 6319 6320 .blu-btn.b-outline.b-disabled[data-v-19fd2cc7]:not(.b-disabled) { 6321 background-color: rgba(255,255,255,.12) 6322 } 6323 6324 .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] { 6325 background-color: rgba(200,203,205,.08); 6326 border: #c8cbcd 1px solid 6327 } 6328 6329 .blu-btn.b-outline.b-disabled.b-active[data-v-19fd2cc7] { 6330 z-index: 9; 6331 background-color: rgba(25,34,42,.4); 6332 color: #fff 6333 } 6334 6335 .blu-btn.b-outline.b-small .blu-ripple[data-v-19fd2cc7] { 6336 border-radius: 14px 6337 } 6338 6339 .blu-btn.b-outline.b-large .blu-ripple[data-v-19fd2cc7] { 6340 border-radius: 30px 6341 } 6342 6343 .blu-btn.b-ghost[data-v-19fd2cc7] { 6344 background-color: rgba(0,0,0,0); 6345 border-color: rgba(0,0,0,0) 6346 } 6347 6348 .blu-btn.b-ghost.b-primary[data-v-19fd2cc7] { 6349 color: #f1ab02; 6350 border-color: rgba(0,0,0,0) 6351 } 6352 6353 .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] { 6354 border-color: rgba(0,0,0,0); 6355 background-color: rgba(227,147,4,.08) 6356 } 6357 6358 .blu-btn.b-ghost.b-secondary[data-v-19fd2cc7] { 6359 color: #0072ff; 6360 border-color: rgba(0,0,0,0) 6361 } 6362 6363 .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] { 6364 border-color: rgba(0,0,0,0); 6365 background-color: rgba(0,109,234,.08) 6366 } 6367 6368 .blu-btn.b-ghost.b-white[data-v-19fd2cc7] { 6369 color: #fff; 6370 border-color: rgba(0,0,0,0) 6371 } 6372 6373 .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] { 6374 border-color: rgba(0,0,0,0); 6375 background-color: rgba(255,255,255,.4) 6376 } 6377 6378 .blu-btn.b-ghost.b-white.b-disabled[data-v-19fd2cc7] { 6379 color: rgba(255,255,255,.4); 6380 border-color: rgba(0,0,0,0) 6381 } 6382 6383 .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] { 6384 border-color: rgba(0,0,0,0); 6385 background-color: rgba(0,0,0,0) 6386 } 6387 6388 .blu-btn.b-ghost.b-disabled[data-v-19fd2cc7] { 6389 color: rgba(25,34,42,.4); 6390 border-color: rgba(0,0,0,0) 6391 } 6392 6393 .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] { 6394 border-color: rgba(0,0,0,0); 6395 background-color: rgba(0,0,0,0) 6396 } 6397 6398 .blu-btn.b-warning[data-v-19fd2cc7] { 6399 color: #fff; 6400 background-color: #ffcd00; 6401 border-color: #ffcd00 6402 } 6403 6404 .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] { 6405 background-color: #cca400; 6406 border-color: #cca400 6407 } 6408 6409 .blu-btn.b-danger[data-v-19fd2cc7] { 6410 color: #fff; 6411 background-color: #ff4646; 6412 border-color: #ff4646 6413 } 6414 6415 .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] { 6416 background-color: #ff1313; 6417 border-color: #ff1313 6418 } 6419 6420 .blu-btn.b-small[data-v-19fd2cc7] { 6421 border-radius: 16px 6422 } 6423 6424 .blu-btn.b-small .blu-ripple[data-v-19fd2cc7] { 6425 border-radius: 16px 6426 } 6427 6428 .blu-btn.b-large[data-v-19fd2cc7] { 6429 border-radius: 32px 6430 } 6431 6432 .blu-btn.b-large .blu-ripple[data-v-19fd2cc7] { 6433 border-radius: 32px 6434 } 6435 6436 .blu-btn.b-icon[data-v-19fd2cc7] { 6437 width: 48px 6438 } 6439 6440 .blu-btn.b-icon.b-large[data-v-19fd2cc7] { 6441 width: 56px 6442 } 6443 6444 .blu-btn.b-icon.b-small[data-v-19fd2cc7] { 6445 width: 32px 6446 } 6447 6448 .blu-btn.b-icon svg[data-v-19fd2cc7] { 6449 width: 100%; 6450 height: 100% 6451 } 6452 6453 .blu-btn.b-full-width[data-v-19fd2cc7] { 6454 width: 100% 6455 } 6456 6457 .blu-btn .blu-ripple[data-v-19fd2cc7] { 6458 border-radius: 24px 6459 } 6460 </style> 6461 <style type="text/css"> 6462 .blu-ripple[data-v-7172f8fc] { 6463 width: 100%; 6464 height: 100%; 6465 position: relative; 6466 overflow: hidden; 6467 display: flex; 6468 justify-content: center; 6469 align-items: center; 6470 -webkit-box-pack: center; 6471 -webkit-box-align: center; 6472 -webkit-mask-image: radial-gradient(circle, #ffffff 100%, #000000 100%); 6473 padding: 0 12px 6474 } 6475 6476 .blu-ripple-wave[data-v-7172f8fc] { 6477 position: absolute; 6478 z-index: 1; 6479 pointer-events: none; 6480 background: currentColor; 6481 border-radius: 50%; 6482 opacity: 0; 6483 transform: scale(2) translateZ(0) 6484 } 6485 6486 .blu-ripple-wave.b-centered[data-v-7172f8fc] { 6487 animation-duration: 1.2s; 6488 top: 50%; 6489 left: 50% 6490 } 6491 6492 .blu-ripple-wave~*[data-v-7172f8fc]:not(.blu-ripple-wave) { 6493 position: relative; 6494 z-index: 2 6495 } 6496 6497 .blu-ripple-enter-active[data-v-7172f8fc
6497] { 6498 transition: 2s cubic-bezier(0.25, 0.8, 0.25, 1); 6499 transition-property: opacity,transform; 6500 will-change: opacity,transform 6501 } 6502 6503 .blu-ripple-enter-active.b-centered[data-v-7172f8fc] { 6504 transition-duration: 1.2s 6505 } 6506 6507 .blu-ripple-enter[data-v-7172f8fc] { 6508 opacity: .26; 6509 transform: scale(0.26) translateZ(0) 6510 } 6511 6512 .has-left-icon .blu-ripple svg[data-v-7172f8fc] { 6513 margin-right: 8px 6514 } 6515 6516 .has-left-icon.b-small svg[data-v-7172f8fc] { 6517 transform-origin: left; 6518 margin-right: 4px 6519 } 6520 6521 .b-large .blu-ripple[data-v-7172f8fc] { 6522 padding: 0 16px 6523 } 6524 6525 .b-small .blu-ripple[data-v-7172f8fc] { 6526 padding: 0 8px 6527 } 6528 6529 .b-small svg[data-v-7172f8fc] { 6530 width: 18px; 6531 height: 18px 6532 } 6533 6534 .b-icon .blu-ripple[data-v-7172f8fc] { 6535 padding: 0 6536 } 6537 6538 .b-loading .blu-loader-wrapper[data-v-7172f8fc] { 6539 height: 24px; 6540 position: absolute 6541 } 6542 6543 .b-loading .blu-ripple[data-v-7172f8fc] { 6544 color: rgba(0,0,0,0) 6545 } 6546 6547 .b-loading .blu-ripple>svg[data-v-7172f8fc] { 6548 visibility: hidden 6549 } 6550 6551 .b-loading .blu-ripple .blu-ripple-wave[data-v-7172f8fc] { 6552 color: #fff 6553 } 6554 6555 .b-loading.b-white .blu-ripple-wave[data-v-7172f8fc] { 6556 color: #0072ff 6557 } 6558 6559 .b-loading.b-outline.b-secondary .blu-ripple-wave[data-v-7172f8fc] { 6560 color: #0072ff 6561 } 6562 6563 .b-loading.b-outline.b-primary .blu-ripple-wave[data-v-7172f8fc] { 6564 color: #f1ab02 6565 } 6566 6567 .b-loading.b-ghost.b-secondary .blu-ripple-wave[data-v-7172f8fc] { 6568 color: #0072ff 6569 } 6570 6571 .b-loading.b-ghost.b-primary .blu-ripple-wave[data-v-7172f8fc] { 6572 color: #f1ab02 6573 } 6574 6575 .blu-input-stepper .blu-btn .blu-ripple[data-v-7172f8fc] { 6576 padding: 0; 6577 width: 24px; 6578 height: 24px; 6579 border-radius: 50% 6580 } 6581 6582 .blu-input-stepper .blu-btn .blu-ripple svg[data-v-7172f8fc] { 6583 width: 18px; 6584 height: 18px; 6585 margin-left: 1px 6586 } 6587 6588 .blu-input-stepper .blu-btn .blu-ripple-enter-active[data-v-7172f8fc] { 6589 background: #0072ff 6590 } 6591 6592 .b-disabled[data-v-7172f8fc] { 6593 opacity: 1 6594 } 6595 6596 .blu-btn-dropdown .blu-ripple>svg+div[data-v-7172f8fc] { 6597 margin-left: 8px 6598 } 6599 6600 .blu-modal__mask[data-v-7172f8fc] { 6601 transition: opacity .3s ease; 6602 position: fixed; 6603 z-index: 999; 6604 top: 0; 6605 left: 0; 6606 width: 100%; 6607 height: 100%; 6608 background-color: rgba(0,0,0,.6); 6609 display: flex; 6610 flex-direction: column; 6611 justify-content: center; 6612 align-items: center 6613 } 6614 6615 .blu-modal__container[data-v-7172f8fc] { 6616 transition: opacity .3s ease; 6617 width: 90%; 6618 max-width: 500px; 6619 max-height: calc(100% - 50px); 6620 height: auto; 6621 background: #fff; 6622 box-shadow: 0 1px 6px 0 rgba(0,0,0,.1); 6623 position: fixed; 6624 z-index: 1000; 6625 display: flex; 6626 flex-direction: column 6627 } 6628 6629 @media screen and (max-width: 768px) { 6630 .blu-modal__container[data-v-7172f8fc] { 6631 max-height:calc(100% - 40px) 6632 } 6633 } 6634 6635 @media screen and (min-width: 769px),print { 6636 .blu-modal__container[data-v-7172f8fc] { 6637 top:50%; 6638 left: 50%; 6639 -webkit-transform: translate(-50%, -50%); 6640 -moz-transform: translate(-50%, -50%); 6641 -ms-transform: translate(-50%, -50%); 6642 -o-transform: translate(-50%, -50%); 6643 transform: translate(-50%, -50%) 6644 } 6645 } 6646 6647 .blu-modal__heading[data-v-7172f8fc] { 6648 font: 24px/28px "blibli demi bold",-apple-system,segoe ui,roboto,helvetica,arial,sans-serif; 6649 margin-bottom: 8px 6650 } 6651 6652 @media screen and (max-width: 768px) { 6653 .blu-modal__heading[data-v-7172f8fc] { 6654 font:20px/24px "blibli demi bold",-apple-system,segoe ui,roboto,helvetica,arial,sans-serif; 6655 margin-bottom: 0px 6656 } 6657 } 6658 6659 .blu-modal__body[data-v-7172f8fc] { 6660 max-height: var(--max-height-modal-body); 6661 overflow-x: auto; 6662 color: rgba(25,34,42,.7019607843); 6663 margin-right: 0px; 6664 overscroll-behavior: contain 6665 } 6666 6667 @media screen and (min-width: 769px),print { 6668 .blu-modal__body[data-v-7172f8fc] { 6669 font:16px/20px "blibli",-apple-system,segoe ui,roboto,helvetica,arial,sans-serif 6670 } 6671 } 6672 6673 @media screen and (max-width: 768px) { 6674 .blu-modal__body[data-v-7172f8fc] { 6675 font:14px/18px "blibli",-apple-system,segoe ui,roboto,helvetica,arial,sans-serif 6676 } 6677 } 6678 6679 .blu-modal__footer[data-v-7172f8fc] { 6680 text-align: right 6681 } 6682 6683 @media screen and (max-width: 768px) { 6684 .blu-modal__footer[data-v-7172f8fc] { 6685 margin-top:auto 6686 } 6687 } 6688 6689 .blu-modal.b-dialog .blu-modal__body[data-v-7172f8fc] { 6690 margin-bottom: 40px 6691 } 6692 6693 @media screen and (max-width: 768px) { 6694 .blu-modal.b-dialog .blu-modal__body[data-v-7172f8fc] { 6695 margin-bottom:32px 6696 } 6697 } 6698 6699 .blu-modal.b-dialog .blu-modal__container[data-v-7172f8fc] { 6700 border-radius: 16px 6701 } 6702 6703 @media screen and (min-width: 769px),print { 6704 .blu-modal.b-dialog .blu-modal__container[data-v-7172f8fc] { 6705 padding:24px 24px 16px 6706 } 6707 } 6708 6709 @media screen and (max-width: 768px) { 6710 .blu-modal.b-dialog .blu-modal__container[data-v-7172f8fc] { 6711 padding:24px 24px 16px; 6712 top: 50%; 6713 left: 50%; 6714 -webkit-transform: translate(-50%, -50%); 6715 -moz-transform: translate(-50%, -50%); 6716 -ms-transform: translate(-50%, -50%); 6717 -o-transform: translate(-50%, -50%); 6718 transform: translate(-50%, -50%) 6719 } 6720 } 6721 6722 .blu-modal.b-dialog .blu-modal__container[data-v-7172f8fc]:before,.blu-modal.b-dialog .blu-modal__container[data-v-7172f8fc]:after { 6723 content: ""; 6724 width: calc(100% - 60px); 6725 margin: 0 30px; 6726 border-radius: 0 0 24px 24px; 6727 position: absolute; 6728 left: 0 6729 } 6730 6731 .blu-modal.b-dialog .blu-modal__container[data-v-7172f8fc]:before { 6732 height: 9px; 6733 bottom: -9px; 6734 z-index: 2; 6735 background: linear-gradient(0deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.12) 100%) 6736 } 6737 6738 .blu-modal.b-dialog .blu-modal__container[data-v-7172f8fc]:after { 6739 height: 16px; 6740 border-top: #fff 1px solid; 6741 bottom: -15px 6742 } 6743 6744 .blu-modal.b-dialog .blu-modal__close[data-v-7172f8fc] { 6745 display: none 6746 } 6747 6748 .blu-modal.b-dialog.b-info .blu-modal__container[data-v-7172f8fc]:after { 6749 background-color: #1d8fff 6750 } 6751 6752 .blu-modal.b-dialog.b-success .blu-modal__container[data-v-7172f8fc]:after { 6753 background-color: #22a334 6754 } 6755 6756 .blu-modal.b-dialog.b-warning .blu-modal__container[data-v-7172f8fc]:after { 6757 background-color: #ffcd00 6758 } 6759 6760 .blu-modal.b-dialog.b-danger .blu-modal__container[data-v-7172f8fc]:after { 6761 background-color: #ff4646 6762 } 6763 6764 .blu-modal.b-page .blu-modal__body[data-v-7172f8fc] { 6765 color: rgba(25,34,42,.7019607843) 6766 } 6767 6768 @media screen and (min-width: 769px),print { 6769 .blu-modal.b-page .blu-modal__body[data-v-7172f8fc] { 6770 padding:0 24px 6771 } 6772 } 6773 6774 @media screen and (max-width: 768px) { 6775 .blu-modal.b-page .blu-modal__body[data-v-7172f8fc] { 6776 padding:0 16px; 6777 padding-bottom: calc(env(safe-area-inset-bottom) + 4px); 6778 overflow-y: auto 6779 } 6780 } 6781 6782 .blu-modal.b-page .blu-modal__body[data-v-7172f8fc]::before { 6783 content: ""; 6784 background: #fff; 6785 height: 20px; 6786 width: 100%; 6787 left: 0; 6788 bottom: 0; 6789 position: fixed 6790 } 6791 6792 @media screen and (min-width: 769px),print { 6793 .blu-modal.b-page .blu-modal__body[data-v-7172f8fc]::before { 6794 display:none 6795 } 6796 } 6797 6798 @media screen and (min-width: 769px),print { 6799 .blu-modal.b-page .blu-modal__container[data-v-7172f8fc] { 6800 border-radius:16px; 6801 padding-top: 32px 6802 } 6803 } 6804 6805 @media screen and (max-width: 768px) { 6806 .blu-modal.b-page .blu-modal__container[data-v-7172f8fc] { 6807 padding-top:24px; 6808 width: 100%; 6809 max-width: 100%; 6810 height: auto; 6811 border-radius: 16px 16px 0 0; 6812 left: 0; 6813 bottom: 0; 6814 padding-top: 24px; 6815 padding-bottom: calc(env(safe-area-inset-bottom) + 16px) 6816 } 6817 } 6818 6819 @media screen and (min-width: 769px),print { 6820 .blu-modal.b-page .blu-modal__footer[data-v-7172f8fc] { 6821 padding:24px 24px 6822 } 6823 } 6824 6825 @media screen and (max-width: 768px) { 6826 .blu-modal.b-page .blu-modal__footer[data-v-7172f8fc] { 6827 width:100%; 6828 padding: 16px; 6829 transition: all .3s cubic-bezier(0, 0, 0.2, 1.2); 6830 bottom: 0; 6831 padding-bottom: env(safe-area-inset-bottom); 6832 background: #fff 6833 } 6834 } 6835 6836 .blu-modal.b-page .blu-modal__footer[data-v-7172f8fc]::before { 6837 content: ""; 6838 background: #fff; 6839 height: 20px; 6840 width: 100%; 6841 left: 0; 6842 bottom: 0; 6843 position: fixed 6844 } 6845 6846 @media screen and (min-width: 769px),print { 6847 .blu-modal.b-page .blu-modal__footer[data-v-7172f8fc]::before { 6848 display:none 6849 } 6850 } 6851 6852 @media screen and (min-width: 769px),print { 6853 .blu-modal.b-page .blu-modal__header[data-v-7172f8fc] { 6854 padding:0 24px 6855 } 6856 } 6857 6858 @media screen and (max-width: 768px) { 6859 .blu-modal.b-page .blu-modal__header[data-v-7172f8fc] { 6860 padding:0 16px 6861 } 6862 } 6863 6864 .blu-modal.b-page .blu-modal__icon[data-v-7172f8fc] { 6865 display: none 6866 } 6867 6868 @media screen and (max-width: 768px) { 6869 .blu-modal.b-page.fade-enter-active[data-v-7172f8fc],.blu-modal.b-page.fade-leave-active[data-v-7172f8fc] { 6870 transition:opacity .3s 6871 } 6872 6873 .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] { 6874 transition: bottom .3s; 6875 transition: all .3s cubic-bezier(0, 0, 0.2, 1.2); 6876 bottom: 0 6877 } 6878 6879 .blu-modal.b-page.fade-enter-active[data-v-7172f8fc] { 6880 transition: opacity .3s cubic-bezier(0, 0, 0.2, 1.2) 6881 } 6882 6883 .blu-modal.b-page.fade-leave-active[data-v-7172f8fc] { 6884 transition: opacity .3s cubic-bezier(0.8, 0, 1, 1) 6885 } 6886 6887 .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] { 6888 bottom: -96vh 6889 } 6890 } 6891 6892 .blu-modal.b-no-button .blu-modal__container[data-v-7172f8fc] { 6893 padding-bottom: 20px 6894 } 6895 6896 @media screen and (max-width: 768px) { 6897 .blu-modal.b-no-button .blu-modal__body[data-v-7172f8fc] { 6898 padding-bottom:env(safe-area-inset-bottom) 6899 } 6900 } 6901 6902 .blu-modal.b-no-button .blu-modal__footer[data-v-7172f8fc] { 6903 display: none 6904 } 6905 6906 .fade-enter-active[data-v-7172f8fc],.fade-leave-active[data-v-7172f8fc] { 6907 position: absolute; 6908 z-index: 998; 6909 transition: opacity .3s 6910 } 6911 6912 .fade-enter[data-v-7172f8fc],.fade-leave-to[data-v-7172f8fc] { 6913 opacity: 0 6914 } 6915 6916 img[data-v-7172f8fc] { 6917 max-width: 100% 6918 } 6919 6920 .blu-modal.b-dialog .blu-modal__icon[data-v-7172f8fc] { 6921 width: 40px; 6922 height: 40px; 6923 margin-bottom: 40px 6924 } 6925 6926 @media screen and (max-width: 768px) { 6927 .blu-modal.b-dialog .blu-modal__icon[data-v-7172f8fc] { 6928 width:24px; 6929 height: 24px; 6930 margin-bottom: 32px 6931 } 6932 } 6933 6934 .blu-modal.b-dialog.b-info .blu-modal__icon[data-v-7172f8fc] { 6935 background-color: #1d8fff; 6936 -webkit-mask-image: url(data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PSIwIDAgMjQgMjQiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+DQo8cGF0aCBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGNsaXAtcnVsZT0iZXZlbm9kZCIgZD0iTTIgMTJDMiA2LjQ4IDYuNDggMiAxMiAyQzE3LjUyIDIgMjIgNi40OCAyMiAxMkMyMiAxNy41MiAxNy41MiAyMiAxMiAyMkM2LjQ4IDIyIDIgMTcuNTIgMiAxMlpNMTEuOTcgOC43Mzc2NEMxMi43MjY2IDguNzM3NjQgMTMuMzQgOC4xMjQ4IDEzLjM0IDcuMzY4ODJDMTMuMzQgNi42MTI4NCAxMi43MjY2IDYgMTEuOTcgNkMxMS4yMTM0IDYgMTAuNiA2LjYxMjg0IDEwLjYgNy4zNjg4MkMxMC42IDguMTI0OCAxMS4yMTM0IDguNzM3NjQgMTEuOTcgOC43Mzc2NFpNMTEuNDk5OSAxMC4xMDY0SDEyLjQ0OTlDMTIuODQ5OSAxMC4xMDY0IDEzLjE3OTkgMTAuNDM2MiAxMy4xNzk5IDEwLjgzNThWMTcuMjcwM0MxMy4xNzk5IDE3LjY2OTkgMTIuODQ5OSAxNy45OTk2IDEyLjQ0OTkgMTcuOTk5NkgxMS40OTk5QzExLjA5OTkgMTcuOTk5NiAxMC43Njk5IDE3LjY2OTkgMTAuNzY5OSAxNy4yNzAzVjEwLjgzNThDMTAuNzY5OSAxMC40MzYyIDExLjA5OTkgMTAuMTA2NCAxMS40OTk5IDEwLjEwNjRaIiBmaWxsPSIjNzk3Rjg1Ii8+DQo8L3N2Zz4NCg==); 6937 mask-image: url(data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PSIw
6937IDAgMjQgMjQiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+DQo8cGF0aCBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGNsaXAtcnVsZT0iZXZlbm9kZCIgZD0iTTIgMTJDMiA2LjQ4IDYuNDggMiAxMiAyQzE3LjUyIDIgMjIgNi40OCAyMiAxMkMyMiAxNy41MiAxNy41MiAyMiAxMiAyMkM2LjQ4IDIyIDIgMTcuNTIgMiAxMlpNMTEuOTcgOC43Mzc2NEMxMi43MjY2IDguNzM3NjQgMTMuMzQgOC4xMjQ4IDEzLjM0IDcuMzY4ODJDMTMuMzQgNi42MTI4NCAxMi43MjY2IDYgMTEuOTcgNkMxMS4yMTM0IDYgMTAuNiA2LjYxMjg0IDEwLjYgNy4zNjg4MkMxMC42IDguMTI0OCAxMS4yMTM0IDguNzM3NjQgMTEuOTcgOC43Mzc2NFpNMTEuNDk5OSAxMC4xMDY0SDEyLjQ0OTlDMTIuODQ5OSAxMC4xMDY0IDEzLjE3OTkgMTAuNDM2MiAxMy4xNzk5IDEwLjgzNThWMTcuMjcwM0MxMy4xNzk5IDE3LjY2OTkgMTIuODQ5OSAxNy45OTk2IDEyLjQ0OTkgMTcuOTk5NkgxMS40OTk5QzExLjA5OTkgMTcuOTk5NiAxMC43Njk5IDE3LjY2OTkgMTAuNzY5OSAxNy4yNzAzVjEwLjgzNThDMTAuNzY5OSAxMC40MzYyIDExLjA5OTkgMTAuMTA2NCAxMS40OTk5IDEwLjEwNjRaIiBmaWxsPSIjNzk3Rjg1Ii8+DQo8L3N2Zz4NCg==) 6938 } 6939 6940 .blu-modal.b-dialog.b-success .blu-modal__icon[data-v-7172f8fc] { 6941 background-color: #22a334; 6942 -webkit-mask-image: url(data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PSIwIDAgMjQgMjQiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+DQo8cGF0aCBkPSJNMTIgMkM2LjQ4IDIgMiA2LjQ4IDIgMTJDMiAxNy41MiA2LjQ4IDIyIDEyIDIyQzE3LjUyIDIyIDIyIDE3LjUyIDIyIDEyQzIyIDYuNDggMTcuNTIgMiAxMiAyWk0xNy4wNSA5LjExTDEyLjA2IDE2LjEyQzExLjg4IDE2LjM3IDExLjYgMTYuNTIgMTEuMjkgMTYuNTRIMTEuMjRDMTAuOTUgMTYuNTQgMTAuNjcgMTYuNDIgMTAuNDggMTYuMTlMNi45OSAxMi4xM0M2LjgyIDExLjkzIDYuNzMgMTEuNjcgNi43NSAxMS40MUM2Ljc3IDExLjE0IDYuODkgMTAuOSA3LjA5IDEwLjczQzcuNTEgMTAuMzcgOC4xNCAxMC40MiA4LjUgMTAuODRMMTEuMTYgMTMuOTNMMTUuNDEgNy45NkMxNS43MyA3LjUxIDE2LjM1IDcuNDEgMTYuOCA3LjczQzE3LjAyIDcuODggMTcuMTYgOC4xMSAxNy4yMSA4LjM4QzE3LjI1IDguNjQgMTcuMTkgOC45MSAxNy4wNCA5LjEyTDE3LjA1IDkuMTFaIiBmaWxsPSIjNzk3Rjg1Ii8+DQo8L3N2Zz4=); 6943 mask-image: url(data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PSIwIDAgMjQgMjQiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+DQo8cGF0aCBkPSJNMTIgMkM2LjQ4IDIgMiA2LjQ4IDIgMTJDMiAxNy41MiA2LjQ4IDIyIDEyIDIyQzE3LjUyIDIyIDIyIDE3LjUyIDIyIDEyQzIyIDYuNDggMTcuNTIgMiAxMiAyWk0xNy4wNSA5LjExTDEyLjA2IDE2LjEyQzExLjg4IDE2LjM3IDExLjYgMTYuNTIgMTEuMjkgMTYuNTRIMTEuMjRDMTAuOTUgMTYuNTQgMTAuNjcgMTYuNDIgMTAuNDggMTYuMTlMNi45OSAxMi4xM0M2LjgyIDExLjkzIDYuNzMgMTEuNjcgNi43NSAxMS40MUM2Ljc3IDExLjE0IDYuODkgMTAuOSA3LjA5IDEwLjczQzcuNTEgMTAuMzcgOC4xNCAxMC40MiA4LjUgMTAuODRMMTEuMTYgMTMuOTNMMTUuNDEgNy45NkMxNS43MyA3LjUxIDE2LjM1IDcuNDEgMTYuOCA3LjczQzE3LjAyIDcuODggMTcuMTYgOC4xMSAxNy4yMSA4LjM4QzE3LjI1IDguNjQgMTcuMTkgOC45MSAxNy4wNCA5LjEyTDE3LjA1IDkuMTFaIiBmaWxsPSIjNzk3Rjg1Ii8+DQo8L3N2Zz4=) 6944 } 6945 6946 .blu-modal.b-dialog.b-warning .blu-modal__icon[data-v-7172f8fc] { 6947 background-color: #ffcd00; 6948 -webkit-mask-image: url(data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PSIwIDAgMjQgMjQiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+DQo8cGF0aCBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGNsaXAtcnVsZT0iZXZlbm9kZCIgZD0iTTMuODc0MzYgMjFIMjAuMTE0NEgyMC4xMjQ0QzIxLjU1MzUgMjEgMjIuNDUyOSAxOS41MDM1IDIxLjc2MzQgMTguMjg2NEwxMy42NDg0IDMuOTUwMjZDMTIuOTM4OCAyLjY4MzI1IDExLjA2OTkgMi42ODMyNSAxMC4zNjA0IDMuOTUwMjZMMi4yMzUzNyAxOC4yOTY0QzEuNTQ1OCAxOS41MTM1IDIuNDU1MjQgMjEgMy44NzQzNiAyMVpNMTAuOTkgMTMuOTM3NEwxMC43MDAyIDkuMDk4ODdWNy43NTIwNUMxMC43MDAyIDcuMzMzMDQgMTEuMDQgNi45OTM4NCAxMS40NTk3IDYuOTkzODRIMTIuNjA5QzEzLjAyODggNi45OTM4NCAxMy4zNjg2IDcuMzMzMDQgMTMuMzY4NiA3Ljc1MjA1VjkuMTA4ODRMMTMuMDg4NyAxMy45Mjc1QzEzLjA2ODcgMTQuMzI2NSAxMi43Mzg5IDE0LjYzNTggMTIuMzI5MiAxNC42MzU4SDExLjc0OTVDMTEuMzQ5OCAxNC42MzU4IDExLjAyIDE0LjMyNjUgMTAuOTkgMTMuOTI3NVYxMy45Mzc0Wk0xMS45OTk0IDE4Ljk2NTJDMTIuNzg4NyAxOC45NjUyIDEzLjQyODYgMTguMzI2NSAxMy40Mjg2IDE3LjUzODZDMTMuNDI4NiAxNi43NTA3IDEyLjc4ODcgMTYuMTEyIDExLjk5OTQgMTYuMTEyQzExLjIxMDIgMTYuMTEyIDEwLjU3MDMgMTYuNzUwNyAxMC41NzAzIDE3LjUzODZDMTAuNTcwMyAxOC4zMjY1IDExLjIxMDIgMTguOTY1MiAxMS45OTk0IDE4Ljk2NTJaIiBmaWxsPSIjNzk3Rjg1Ii8+DQo8L3N2Zz4NCg==); 6949 mask-image: url(data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PSIwIDAgMjQgMjQiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+DQo8cGF0aCBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGNsaXAtcnVsZT0iZXZlbm9kZCIgZD0iTTMuODc0MzYgMjFIMjAuMTE0NEgyMC4xMjQ0QzIxLjU1MzUgMjEgMjIuNDUyOSAxOS41MDM1IDIxLjc2MzQgMTguMjg2NEwxMy42NDg0IDMuOTUwMjZDMTIuOTM4OCAyLjY4MzI1IDExLjA2OTkgMi42ODMyNSAxMC4zNjA0IDMuOTUwMjZMMi4yMzUzNyAxOC4yOTY0QzEuNTQ1OCAxOS41MTM1IDIuNDU1MjQgMjEgMy44NzQzNiAyMVpNMTAuOTkgMTMuOTM3NEwxMC43MDAyIDkuMDk4ODdWNy43NTIwNUMxMC43MDAyIDcuMzMzMDQgMTEuMDQgNi45OTM4NCAxMS40NTk3IDYuOTkzODRIMTIuNjA5QzEzLjAyODggNi45OTM4NCAxMy4zNjg2IDcuMzMzMDQgMTMuMzY4NiA3Ljc1MjA1VjkuMTA4ODRMMTMuMDg4NyAxMy45Mjc1QzEzLjA2ODcgMTQuMzI2NSAxMi43Mzg5IDE0LjYzNTggMTIuMzI5MiAxNC42MzU4SDExLjc0OTVDMTEuMzQ5OCAxNC42MzU4IDExLjAyIDE0LjMyNjUgMTAuOTkgMTMuOTI3NVYxMy45Mzc0Wk0xMS45OTk0IDE4Ljk2NTJDMTIuNzg4NyAxOC45NjUyIDEzLjQyODYgMTguMzI2NSAxMy40Mjg2IDE3LjUzODZDMTMuNDI4NiAxNi43NTA3IDEyLjc4ODcgMTYuMTEyIDExLjk5OTQgMTYuMTEyQzExLjIxMDIgMTYuMTEyIDEwLjU3MDMgMTYuNzUwNyAxMC41NzAzIDE3LjUzODZDMTAuNTcwMyAxOC4zMjY1IDExLjIxMDIgMTguOTY1MiAxMS45OTk0IDE4Ljk2NTJaIiBmaWxsPSIjNzk3Rjg1Ii8+DQo8L3N2Zz4NCg==) 6950 } 6951 6952 .blu-modal.b-dialog.b-danger .blu-modal__icon[data-v-7172f8fc] { 6953 background-color: #ff4646; 6954 -webkit-mask-image: url(data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PSIwIDAgMjQgMjQiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+DQo8cGF0aCBkPSJNMTIgMkM2LjQ4IDIgMiA2LjQ4IDIgMTJDMiAxNy41MiA2LjQ4IDIyIDEyIDIyQzE3LjUyIDIyIDIyIDE3LjUyIDIyIDEyQzIyIDYuNDggMTcuNTIgMiAxMiAyWk0xNi4yNCAxNC44M0MxNi42MyAxNS4yMiAxNi42MyAxNS44NSAxNi4yNCAxNi4yNEMxNS44NSAxNi42MyAxNS4yMiAxNi42MyAxNC44MyAxNi4yNEwxMiAxMy40MUw5LjE3IDE2LjI0QzguNzggMTYuNjMgOC4xNSAxNi42MyA3Ljc2IDE2LjI0QzcuMzcgMTUuODUgNy4zNyAxNS4yMiA3Ljc2IDE0LjgzTDEwLjU5IDEyTDcuNzYgOS4xN0M3LjM3IDguNzggNy4zNyA4LjE1IDcuNzYgNy43NkM4LjE1IDcuMzcgOC43OCA3LjM3IDkuMTcgNy43NkwxMiAxMC41OUwxNC44MyA3Ljc2QzE1LjIyIDcuMzcgMTUuODUgNy4zNyAxNi4yNCA3Ljc2QzE2LjYzIDguMTUgMTYuNjMgOC43OCAxNi4yNCA5LjE3TDEzLjQxIDEyTDE2LjI0IDE0LjgzWiIgZmlsbD0iIzc5N0Y4NSIvPg0KPC9zdmc+); 6955 mask-image: url(data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PSIwIDAgMjQgMjQiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+DQo8cGF0aCBkPSJNMTIgMkM2LjQ4IDIgMiA2LjQ4IDIgMTJDMiAxNy41MiA2LjQ4IDIyIDEyIDIyQzE3LjUyIDIyIDIyIDE3LjUyIDIyIDEyQzIyIDYuNDggMTcuNTIgMiAxMiAyWk0xNi4yNCAxNC44M0MxNi42MyAxNS4yMiAxNi42MyAxNS44NSAxNi4yNCAxNi4yNEMxNS44NSAxNi42MyAxNS4yMiAxNi42MyAxNC44MyAxNi4yNEwxMiAxMy40MUw5LjE3IDE2LjI0QzguNzggMTYuNjMgOC4xNSAxNi42MyA3Ljc2IDE2LjI0QzcuMzcgMTUuODUgNy4zNyAxNS4yMiA3Ljc2IDE0LjgzTDEwLjU5IDEyTDcuNzYgOS4xN0M3LjM3IDguNzggNy4zNyA4LjE1IDcuNzYgNy43NkM4LjE1IDcuMzcgOC43OCA3LjM3IDkuMTcgNy43NkwxMiAxMC41OUwxNC44MyA3Ljc2QzE1LjIyIDcuMzcgMTUuODUgNy4zNyAxNi4yNCA3Ljc2QzE2LjYzIDguMTUgMTYuNjMgOC43OCAxNi4yNCA5LjE3TDEzLjQxIDEyTDE2LjI0IDE0LjgzWiIgZmlsbD0iIzc5N0Y4NSIvPg0KPC9zdmc+) 6956 } 6957 6958 @media screen and (max-width: 768px) { 6959 .blu-modal.b-full-screen .blu-modal__container[data-v-7172f8fc] { 6960 min-height:100%; 6961 border-radius: unset; 6962 padding-top: 0 6963 } 6964 6965 .blu-modal.b-full-screen .blu-modal__close[data-v-7172f8fc] { 6966 display: none 6967 } 6968 } 6969 6970 @media screen and (max-width: 768px) { 6971 .blu-modal__footer[data-v-7172f8fc] { 6972 display:flex; 6973 justify-content: flex-end; 6974 flex-direction: column-reverse 6975 } 6976 } 6977 6978 .blu-btn[data-v-7172f8fc] { 6979 min-width: 96px 6980 } 6981 6982 @media screen and (min-width: 769px),print { 6983 .blu-btn[data-v-7172f8fc] { 6984 margin-left:8px; 6985 margin-bottom: 0 6986 } 6987 } 6988 6989 @media screen and (max-width: 768px) { 6990 .blu-btn[data-v-7172f8fc] { 6991 width:100%; 6992 margin-bottom: 8px 6993 } 6994 6995 .blu-btn[data-v-7172f8fc]:not(:last-child) { 6996 margin-bottom: 0px 6997 } 6998 } 6999 </style> 7000 <style type="text/css"> 7001 .blu-ripple[data-v-c206562a] { 7002 width: 100%; 7003 height: 100%; 7004 position: relative; 7005 overflow: hidden; 7006 display: flex; 7007 justify-content: center; 7008 align-items: center; 7009 -webkit-box-pack: center; 7010 -webkit-box-align: center; 7011 -webkit-mask-image: radial-gradient(circle, #ffffff 100%, #000000 100%); 7012 padding: 0 12px 7013 } 7014 7015 .blu-ripple-wave[data-v-c206562a] { 7016 position: absolute; 7017 z-index: 1; 7018 pointer-events: none; 7019 background: currentColor; 7020 border-radius: 50%; 7021 opacity: 0; 7022 transform: scale(2) translateZ(0) 7023 } 7024 7025 .blu-ripple-wave.b-centered[data-v-c206562a] { 7026 animation-duration: 1.2s; 7027 top: 50%; 7028 left: 50% 7029 } 7030 7031 .blu-ripple-wave~*[data-v-c206562a]:not(.blu-ripple-wave) { 7032 position: relative; 7033 z-index: 2 7034 } 7035 7036 .blu-ripple-enter-active[data-v-c206562a] { 7037 transition: 2s cubic-bezier(0.25, 0.8, 0.25, 1); 7038 transition-property: opacity,transform; 7039 will-change: opacity,transform 7040 } 7041 7042 .blu-ripple-enter-active.b-centered[data-v-c206562a] { 7043 transition-duration: 1.2s 7044 } 7045 7046 .blu-ripple-enter[data-v-c206562a] { 7047 opacity: .26; 7048 transform: scale(0.26) translateZ(0) 7049 } 7050 7051 .has-left-icon .blu-ripple svg[data-v-c206562a] { 7052 margin-right: 8px 7053 } 7054 7055 .has-left-icon.b-small svg[data-v-c206562a] { 7056 transform-origin: left; 7057 margin-right: 4px 7058 } 7059 7060 .b-large .blu-ripple[data-v-c206562a] { 7061 padding: 0 16px 7062 } 7063 7064 .b-small .blu-ripple[data-v-c206562a] { 7065 padding: 0 8px 7066 } 7067 7068 .b-small svg[data-v-c206562a] { 7069 width: 18px;
7070 height: 18px 7071 } 7072 7073 .b-icon .blu-ripple[data-v-c206562a] { 7074 padding: 0 7075 } 7076 7077 .b-loading .blu-loader-wrapper[data-v-c206562a] { 7078 height: 24px; 7079 position: absolute 7080 } 7081 7082 .b-loading .blu-ripple[data-v-c206562a] { 7083 color: rgba(0,0,0,0) 7084 } 7085 7086 .b-loading .blu-ripple>svg[data-v-c206562a] { 7087 visibility: hidden 7088 } 7089 7090 .b-loading .blu-ripple .blu-ripple-wave[data-v-c206562a] { 7091 color: #fff 7092 } 7093 7094 .b-loading.b-white .blu-ripple-wave[data-v-c206562a] { 7095 color: #0072ff 7096 } 7097 7098 .b-loading.b-outline.b-secondary .blu-ripple-wave[data-v-c206562a] { 7099 color: #0072ff 7100 } 7101 7102 .b-loading.b-outline.b-primary .blu-ripple-wave[data-v-c206562a] { 7103 color: #f1ab02 7104 } 7105 7106 .b-loading.b-ghost.b-secondary .blu-ripple-wave[data-v-c206562a] { 7107 color: #0072ff 7108 } 7109 7110 .b-loading.b-ghost.b-primary .blu-ripple-wave[data-v-c206562a] { 7111 color: #f1ab02 7112 } 7113 7114 .blu-input-stepper .blu-btn .blu-ripple[data-v-c206562a] { 7115 padding: 0; 7116 width: 24px; 7117 height: 24px; 7118 border-radius: 50% 7119 } 7120 7121 .blu-input-stepper .blu-btn .blu-ripple svg[data-v-c206562a] { 7122 width: 18px; 7123 height: 18px; 7124 margin-left: 1px 7125 } 7126 7127 .blu-input-stepper .blu-btn .blu-ripple-enter-active[data-v-c206562a] { 7128 background: #0072ff 7129 } 7130 7131 .b-disabled[data-v-c206562a] { 7132 opacity: 1 7133 } 7134 7135 .blu-btn-dropdown .blu-ripple>svg+div[data-v-c206562a] { 7136 margin-left: 8px 7137 } 7138 7139 .blu-modal__mask[data-v-c206562a] { 7140 transition: opacity .3s ease; 7141 position: fixed; 7142 z-index: 999; 7143 top: 0; 7144 left: 0; 7145 width: 100%; 7146 height: 100%; 7147 background-color: rgba(0,0,0,.6); 7148 display: flex; 7149 flex-direction: column; 7150 justify-content: center; 7151 align-items: center 7152 } 7153 7154 .blu-modal__container[data-v-c206562a] { 7155 transition: opacity .3s ease; 7156 width: 90%; 7157 max-width: 500px; 7158 max-height: calc(100% - 50px); 7159 height: auto; 7160 background: #fff; 7161 box-shadow: 0 1px 6px 0 rgba(0,0,0,.1); 7162 position: fixed; 7163 z-index: 1000; 7164 display: flex; 7165 flex-direction: column 7166 } 7167 7168 @media screen and (max-width: 768px) { 7169 .blu-modal__container[data-v-c206562a] { 7170 max-height:calc(100% - 40px) 7171 } 7172 } 7173 7174 @media screen and (min-width: 769px),print { 7175 .blu-modal__container[data-v-c206562a] { 7176 top:50%; 7177 left: 50%; 7178 -webkit-transform: translate(-50%, -50%); 7179 -moz-transform: translate(-50%, -50%); 7180 -ms-transform: translate(-50%, -50%); 7181 -o-transform: translate(-50%, -50%); 7182 transform: translate(-50%, -50%) 7183 } 7184 } 7185 7186 .blu-modal__heading[data-v-c206562a] { 7187 font: 24px/28px "blibli demi bold",-apple-system,segoe ui,roboto,helvetica,arial,sans-serif; 7188 margin-bottom: 8px 7189 } 7190 7191 @media screen and (max-width: 768px) { 7192 .blu-modal__heading[data-v-c206562a] { 7193 font:20px/24px "blibli demi bold",-apple-system,segoe ui,roboto,helvetica,arial,sans-serif; 7194 margin-bottom: 0px 7195 } 7196 } 7197 7198 .blu-modal__body[data-v-c206562a] { 7199 max-height: var(--max-height-modal-body); 7200 overflow-x: auto; 7201 color: rgba(25,34,42,.7019607843); 7202 margin-right: 0px; 7203 overscroll-behavior: contain 7204 } 7205 7206 @media screen and (min-width: 769px),print { 7207 .blu-modal__body[data-v-c206562a] { 7208 font:16px/20px "blibli",-apple-system,segoe ui,roboto,helvetica,arial,sans-serif 7209 } 7210 } 7211 7212 @media screen and (max-width: 768px) { 7213 .blu-modal__body[data-v-c206562a] { 7214 font:14px/18px "blibli",-apple-system,segoe ui,roboto,helvetica,arial,sans-serif 7215 } 7216 } 7217 7218 .blu-modal__footer[data-v-c206562a] { 7219 text-align: right 7220 } 7221 7222 @media screen and (max-width: 768px) { 7223 .blu-modal__footer[data-v-c206562a] { 7224 margin-top:auto 7225 } 7226 } 7227 7228 .blu-modal.b-dialog .blu-modal__body[data-v-c206562a] { 7229 margin-bottom: 40px 7230 } 7231 7232 @media screen and (max-width: 768px) { 7233 .blu-modal.b-dialog .blu-modal__body[data-v-c206562a] { 7234 margin-bottom:32px 7235 } 7236 } 7237 7238 .blu-modal.b-dialog .blu-modal__container[data-v-c206562a] { 7239 border-radius: 16px 7240 } 7241 7242 @media screen and (min-width: 769px),print { 7243 .blu-modal.b-dialog .blu-modal__container[data-v-c206562a] { 7244 padding:24px 24px 16px 7245 } 7246 } 7247 7248 @media screen and (max-width: 768px) { 7249 .blu-modal.b-dialog .blu-modal__container[data-v-c206562a] { 7250 padding:24px 24px 16px; 7251 top: 50%; 7252 left: 50%; 7253 -webkit-transform: translate(-50%, -50%); 7254 -moz-transform: translate(-50%, -50%); 7255 -ms-transform: translate(-50%, -50%); 7256 -o-transform: translate(-50%, -50%); 7257 transform: translate(-50%, -50%) 7258 } 7259 } 7260 7261 .blu-modal.b-dialog .blu-modal__container[data-v-c206562a]:before,.blu-modal.b-dialog .blu-modal__container[data-v-c206562a]:after { 7262 content: ""; 7263 width: calc(100% - 60px); 7264 margin: 0 30px; 7265 border-radius: 0 0 24px 24px; 7266 position: absolute; 7267 left: 0 7268 } 7269 7270 .blu-modal.b-dialog .blu-modal__container[data-v-c206562a]:before { 7271 height: 9px; 7272 bottom: -9px; 7273 z-index: 2; 7274 background: linear-gradient(0deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.12) 100%) 7275 } 7276 7277 .blu-modal.b-dialog .blu-modal__container[data-v-c206562a]:after { 7278 height: 16px; 7279 border-top: #fff 1px solid; 7280 bottom: -15px 7281 } 7282 7283 .blu-modal.b-dialog .blu-modal__close[data-v-c206562a] { 7284 display: none 7285 } 7286 7287 .blu-modal.b-dialog.b-info .blu-modal__container[data-v-c206562a]:after { 7288 background-color: #1d8fff 7289 } 7290 7291 .blu-modal.b-dialog.b-success .blu-modal__container[data-v-c206562a]:after { 7292 background-color: #22a334 7293 } 7294 7295 .blu-modal.b-dialog.b-warning .blu-modal__container[data-v-c206562a]:after { 7296 background-color: #ffcd00 7297 } 7298 7299 .blu-modal.b-dialog.b-danger .blu-modal__container[data-v-c206562a]:after { 7300 background-color: #ff4646 7301 } 7302 7303 .blu-modal.b-page .blu-modal__body[data-v-c206562a] { 7304 color: rgba(25,34,42,.7019607843) 7305 } 7306 7307 @media screen and (min-width: 769px),print { 7308 .blu-modal.b-page .blu-modal__body[data-v-c206562a] { 7309 padding:0 24px 7310 } 7311 } 7312 7313 @media screen and (max-width: 768px) { 7314 .blu-modal.b-page .blu-modal__body[data-v-c206562a] { 7315 padding:0 16px; 7316 padding-bottom: calc(env(safe-area-inset-bottom) + 4px); 7317 overflow-y: auto 7318 } 7319 } 7320 7321 .blu-modal.b-page .blu-modal__body[data-v-c206562a]::before { 7322 content: ""; 7323 background: #fff; 7324 height: 20px; 7325 width: 100%; 7326 left: 0; 7327 bottom: 0; 7328 position: fixed 7329 } 7330 7331 @media screen and (min-width: 769px),print { 7332 .blu-modal.b-page .blu-modal__body[data-v-c206562a]::before { 7333 display:none 7334 } 7335 } 7336 7337 @media screen and (min-width: 769px),print { 7338 .blu-modal.b-page .blu-modal__container[data-v-c206562a] { 7339 border-radius:16px; 7340 padding-top: 32px 7341 } 7342 } 7343 7344 @media screen and (max-width: 768px) { 7345 .blu-modal.b-page .blu-modal__container[data-v-c206562a] { 7346 padding-top:24px; 7347 width: 100%; 7348 max-width: 100%; 7349 height: auto; 7350 border-radius: 16px 16px 0 0; 7351 left: 0; 7352 bottom: 0; 7353 padding-top: 24px; 7354 padding-bottom: calc(env(safe-area-inset-bottom) + 16px) 7355 } 7356 } 7357 7358 @media screen and (min-width: 769px),print { 7359 .blu-modal.b-page .blu-modal__footer[data-v-c206562a] { 7360 padding:24px 24px 7361 } 7362 } 7363 7364 @media screen and (max-width: 768px) { 7365 .blu-modal.b-page .blu-modal__footer[data-v-c206562a] { 7366 width:100%; 7367 padding: 16px; 7368 transition: all .3s cubic-bezier(0, 0, 0.2, 1.2); 7369 bottom: 0; 7370 padding-bottom: env(safe-area-inset-bottom); 7371 background: #fff 7372 } 7373 } 7374 7375 .blu-modal.b-page .blu-modal__footer[data-v-c206562a]::before { 7376 content: ""; 7377 background: #fff; 7378 height: 20px; 7379 width: 100%; 7380 left: 0; 7381 bottom: 0; 7382 position: fixed 7383 } 7384 7385 @media screen and (min-width: 769px),print { 7386 .blu-modal.b-page .blu-modal__footer[data-v-c206562a]::before { 7387 display:none 7388 } 7389 } 7390 7391 @media screen and (min-width: 769px),print { 7392 .blu-modal.b-page .blu-modal__header[data-v-c206562a] { 7393 padding:0 24px 7394 } 7395 } 7396 7397 @media screen and (max-width: 768px) { 7398 .blu-modal.b-page .blu-modal__header[data-v-c206562a] { 7399 padding:0 16px 7400 } 7401 } 7402 7403 .blu-modal.b-page .blu-modal__icon[data-v-c206562a] { 7404 display: none 7405 } 7406 7407 @media screen and (max-width: 768px) { 7408 .blu-modal.b-page.fade-enter-active[data-v-c206562a],.blu-modal.b-page.fade-leave-active[data-v-c206562a] { 7409 transition:opacity .3s 7410 } 7411 7412 .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] { 7413 transition: bottom .3s; 7414 transition: all .3s cubic-bezier(0, 0, 0.2, 1.2); 7415 bottom: 0 7416 } 7417 7418 .blu-modal.b-page.fade-enter-active[data-v-c206562a] { 7419 transition: opacity .3s cubic-bezier(0, 0, 0.2, 1.2) 7420 } 7421 7422 .blu-modal.b-page.fade-leave-active[data-v-c206562a] { 7423 transition: opacity .3s cubic-bezier(0.8, 0, 1, 1) 7424 } 7425 7426 .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] { 7427 bottom: -96vh 7428 } 7429 } 7430 7431 .blu-modal.b-no-button .blu-modal__container[data-v-c206562a] { 7432 padding-bottom: 20px 7433 } 7434 7435 @media screen and (max-width: 768px) { 7436 .blu-modal.b-no-button .blu-modal__body[data-v-c206562a] { 7437 padding-bottom:env(safe-area-inset-bottom) 7438 } 7439 } 7440 7441 .blu-modal.b-no-button .blu-modal__footer[data-v-c206562a] { 7442 display: none 7443 } 7444 7445 .fade-enter-active[data-v-c206562a],.fade-leave-active[data-v-c206562a] { 7446 position: absolute; 7447 z-index: 998; 7448 transition: opacity .3s 7449 } 7450 7451 .fade-enter[data-v-c206562a],.fade-leave-to[data-v-c206562a] { 7452 opacity: 0 7453 } 7454 7455 img[data-v-c206562a] { 7456 max-width: 100% 7457 } 7458 7459 .blu-modal.b-dialog .blu-modal__icon[data-v-c206562a] { 7460 width: 40px; 7461 height: 40px; 7462 margin-bottom: 40px 7463 } 7464 7465 @media screen and (max-width: 768px) { 7466 .blu-modal.b-dialog .blu-modal__icon[data-v-c206562a] { 7467 width:24px; 7468 height: 24px; 7469 margin-bottom: 32px 7470 } 7471 } 7472 7473 .blu-modal.b-dialog.b-info .blu-modal__icon[data-v-c206562a] { 7474 background-color: #1d8fff; 7475 -webkit-mask-image: url(data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PSIwIDAgMjQgMjQiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+DQo8cGF0aCBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGNsaXAtcnVsZT0iZXZlbm9kZCIgZD0iTTIgMTJDMiA2LjQ4IDYuNDggMiAxMiAyQzE3LjUyIDIgMjIgNi40OCAyMiAxMkMyMiAxNy41MiAxNy41MiAyMiAxMiAyMkM2LjQ4IDIyIDIgMTcuNTIgMiAxMlpNMTEuOTcgOC43Mzc2NEMxMi43MjY2IDguNzM3NjQgMTMuMzQgOC4xMjQ4IDEzLjM0IDcuMzY4ODJDMTMuMzQgNi42MTI4NCAxMi43MjY2IDYgMTEuOTcgNkMxMS4yMTM0IDYgMTAuNiA2LjYxMjg0IDEwLjYgNy4zNjg4MkMxMC42IDguMTI0OCAxMS4yMTM0IDguNzM3NjQgMTEuOTcgOC43Mzc2NFpNMTEuNDk5OSAxMC4xMDY0SDEyLjQ0OTlDMTIuODQ5OSAxMC4xMDY0IDEzLjE3OTkgMTAuNDM2MiAxMy4xNzk5IDEwLjgzNThWMTcuMjcwM0MxMy4xNzk5IDE3LjY2OTkgMTIuODQ5OSAxNy45OTk2IDEyLjQ0OTkgMTcuOTk5NkgxMS40OTk5QzExLjA5OTkgMTcuOTk5NiAxMC43Njk5IDE3LjY2OTkgMTAuNzY5OSAxNy4yNzAzVjEwLjgzNThDMTAuNzY5OSAxMC40MzYyIDExLjA5OTkgMTAuMTA2NCAxMS40OTk5IDEwLjEwNjRaIiBmaWxsPSIjNzk3Rjg1Ii8+DQo8L3N2Zz4NCg==); 7476 mask-image: url(data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PSIwIDAgMjQgMjQiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+DQo8cGF0aCBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGNsaXAtcnVsZT0iZXZlbm9kZCIgZD0iTTIgMTJDMiA2LjQ4IDYuNDggMiAxMiAyQzE3LjUyIDIgMjIgNi40OCAyMiAxMkMyMiAxNy41MiAxNy41MiAyMiAxMiAyMkM2LjQ4IDIyIDIgMTcuNTIgMiAxMlpNMTEuOTcgOC43Mzc2NEMxMi43MjY2IDguNzM3NjQgMTMuMzQgOC4xMjQ4IDEzLjM0IDcuMzY4ODJDMTMuMzQgNi42MTI4NCAxMi43MjY2IDYgMTEuOTcgNkMxMS4yMTM0IDYgMTAuNiA2LjYxMjg0IDEwLjYgNy4zNjg4MkMxMC42IDguMTI0OCAxMS4yMTM0IDguNzM3NjQgMTEuOTcgOC43Mzc2NFpNMTEuNDk5OSAxMC4xMDY0SDEyLjQ0OTlDMTIuODQ5OSAxMC4xMDY0IDEzLjE3OTkgMTAuNDM2MiAxMy4xNzk5IDEwLjgzNThWMTcuMjcwM0MxMy4xNzk5IDE3LjY2OTkgMTIuODQ5OSAxNy45OTk2IDEyLjQ0OTkgMTcuOTk5NkgxMS40OTk5QzExLjA5OTkgMTcuOTk5NiAxMC43Njk5IDE3LjY2OTkgMTAuNzY5OSAxNy4yNzAzVjEwLjgzNThDMTAuNzY5OSAxMC40MzYyIDExLjA5OTkgMTAuMTA2NCAxMS40OTk5IDEwLjEwNjRaIiBmaWxsPSIjNzk3Rjg1Ii8+DQo8L3N2Zz4NCg==) 7477 } 7478 7479 .blu-modal.b-dialog.b-success .blu-modal__icon[data-v-c206562a] { 7480 background-color: #22a334; 7481 -webkit-m
7481ask-image: url(data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PSIwIDAgMjQgMjQiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+DQo8cGF0aCBkPSJNMTIgMkM2LjQ4IDIgMiA2LjQ4IDIgMTJDMiAxNy41MiA2LjQ4IDIyIDEyIDIyQzE3LjUyIDIyIDIyIDE3LjUyIDIyIDEyQzIyIDYuNDggMTcuNTIgMiAxMiAyWk0xNy4wNSA5LjExTDEyLjA2IDE2LjEyQzExLjg4IDE2LjM3IDExLjYgMTYuNTIgMTEuMjkgMTYuNTRIMTEuMjRDMTAuOTUgMTYuNTQgMTAuNjcgMTYuNDIgMTAuNDggMTYuMTlMNi45OSAxMi4xM0M2LjgyIDExLjkzIDYuNzMgMTEuNjcgNi43NSAxMS40MUM2Ljc3IDExLjE0IDYuODkgMTAuOSA3LjA5IDEwLjczQzcuNTEgMTAuMzcgOC4xNCAxMC40MiA4LjUgMTAuODRMMTEuMTYgMTMuOTNMMTUuNDEgNy45NkMxNS43MyA3LjUxIDE2LjM1IDcuNDEgMTYuOCA3LjczQzE3LjAyIDcuODggMTcuMTYgOC4xMSAxNy4yMSA4LjM4QzE3LjI1IDguNjQgMTcuMTkgOC45MSAxNy4wNCA5LjEyTDE3LjA1IDkuMTFaIiBmaWxsPSIjNzk3Rjg1Ii8+DQo8L3N2Zz4=); 7482 mask-image: url(data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PSIwIDAgMjQgMjQiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+DQo8cGF0aCBkPSJNMTIgMkM2LjQ4IDIgMiA2LjQ4IDIgMTJDMiAxNy41MiA2LjQ4IDIyIDEyIDIyQzE3LjUyIDIyIDIyIDE3LjUyIDIyIDEyQzIyIDYuNDggMTcuNTIgMiAxMiAyWk0xNy4wNSA5LjExTDEyLjA2IDE2LjEyQzExLjg4IDE2LjM3IDExLjYgMTYuNTIgMTEuMjkgMTYuNTRIMTEuMjRDMTAuOTUgMTYuNTQgMTAuNjcgMTYuNDIgMTAuNDggMTYuMTlMNi45OSAxMi4xM0M2LjgyIDExLjkzIDYuNzMgMTEuNjcgNi43NSAxMS40MUM2Ljc3IDExLjE0IDYuODkgMTAuOSA3LjA5IDEwLjczQzcuNTEgMTAuMzcgOC4xNCAxMC40MiA4LjUgMTAuODRMMTEuMTYgMTMuOTNMMTUuNDEgNy45NkMxNS43MyA3LjUxIDE2LjM1IDcuNDEgMTYuOCA3LjczQzE3LjAyIDcuODggMTcuMTYgOC4xMSAxNy4yMSA4LjM4QzE3LjI1IDguNjQgMTcuMTkgOC45MSAxNy4wNCA5LjEyTDE3LjA1IDkuMTFaIiBmaWxsPSIjNzk3Rjg1Ii8+DQo8L3N2Zz4=) 7483 } 7484 7485 .blu-modal.b-dialog.b-warning .blu-modal__icon[data-v-c206562a] { 7486 background-color: #ffcd00; 7487 -webkit-mask-image: url(data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PSIwIDAgMjQgMjQiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+DQo8cGF0aCBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGNsaXAtcnVsZT0iZXZlbm9kZCIgZD0iTTMuODc0MzYgMjFIMjAuMTE0NEgyMC4xMjQ0QzIxLjU1MzUgMjEgMjIuNDUyOSAxOS41MDM1IDIxLjc2MzQgMTguMjg2NEwxMy42NDg0IDMuOTUwMjZDMTIuOTM4OCAyLjY4MzI1IDExLjA2OTkgMi42ODMyNSAxMC4zNjA0IDMuOTUwMjZMMi4yMzUzNyAxOC4yOTY0QzEuNTQ1OCAxOS41MTM1IDIuNDU1MjQgMjEgMy44NzQzNiAyMVpNMTAuOTkgMTMuOTM3NEwxMC43MDAyIDkuMDk4ODdWNy43NTIwNUMxMC43MDAyIDcuMzMzMDQgMTEuMDQgNi45OTM4NCAxMS40NTk3IDYuOTkzODRIMTIuNjA5QzEzLjAyODggNi45OTM4NCAxMy4zNjg2IDcuMzMzMDQgMTMuMzY4NiA3Ljc1MjA1VjkuMTA4ODRMMTMuMDg4NyAxMy45Mjc1QzEzLjA2ODcgMTQuMzI2NSAxMi43Mzg5IDE0LjYzNTggMTIuMzI5MiAxNC42MzU4SDExLjc0OTVDMTEuMzQ5OCAxNC42MzU4IDExLjAyIDE0LjMyNjUgMTAuOTkgMTMuOTI3NVYxMy45Mzc0Wk0xMS45OTk0IDE4Ljk2NTJDMTIuNzg4NyAxOC45NjUyIDEzLjQyODYgMTguMzI2NSAxMy40Mjg2IDE3LjUzODZDMTMuNDI4NiAxNi43NTA3IDEyLjc4ODcgMTYuMTEyIDExLjk5OTQgMTYuMTEyQzExLjIxMDIgMTYuMTEyIDEwLjU3MDMgMTYuNzUwNyAxMC41NzAzIDE3LjUzODZDMTAuNTcwMyAxOC4zMjY1IDExLjIxMDIgMTguOTY1MiAxMS45OTk0IDE4Ljk2NTJaIiBmaWxsPSIjNzk3Rjg1Ii8+DQo8L3N2Zz4NCg==); 7488 mask-image: url(data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PSIwIDAgMjQgMjQiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+DQo8cGF0aCBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGNsaXAtcnVsZT0iZXZlbm9kZCIgZD0iTTMuODc0MzYgMjFIMjAuMTE0NEgyMC4xMjQ0QzIxLjU1MzUgMjEgMjIuNDUyOSAxOS41MDM1IDIxLjc2MzQgMTguMjg2NEwxMy42NDg0IDMuOTUwMjZDMTIuOTM4OCAyLjY4MzI1IDExLjA2OTkgMi42ODMyNSAxMC4zNjA0IDMuOTUwMjZMMi4yMzUzNyAxOC4yOTY0QzEuNTQ1OCAxOS41MTM1IDIuNDU1MjQgMjEgMy44NzQzNiAyMVpNMTAuOTkgMTMuOTM3NEwxMC43MDAyIDkuMDk4ODdWNy43NTIwNUMxMC43MDAyIDcuMzMzMDQgMTEuMDQgNi45OTM4NCAxMS40NTk3IDYuOTkzODRIMTIuNjA5QzEzLjAyODggNi45OTM4NCAxMy4zNjg2IDcuMzMzMDQgMTMuMzY4NiA3Ljc1MjA1VjkuMTA4ODRMMTMuMDg4NyAxMy45Mjc1QzEzLjA2ODcgMTQuMzI2NSAxMi43Mzg5IDE0LjYzNTggMTIuMzI5MiAxNC42MzU4SDExLjc0OTVDMTEuMzQ5OCAxNC42MzU4IDExLjAyIDE0LjMyNjUgMTAuOTkgMTMuOTI3NVYxMy45Mzc0Wk0xMS45OTk0IDE4Ljk2NTJDMTIuNzg4NyAxOC45NjUyIDEzLjQyODYgMTguMzI2NSAxMy40Mjg2IDE3LjUzODZDMTMuNDI4NiAxNi43NTA3IDEyLjc4ODcgMTYuMTEyIDExLjk5OTQgMTYuMTEyQzExLjIxMDIgMTYuMTEyIDEwLjU3MDMgMTYuNzUwNyAxMC41NzAzIDE3LjUzODZDMTAuNTcwMyAxOC4zMjY1IDExLjIxMDIgMTguOTY1MiAxMS45OTk0IDE4Ljk2NTJaIiBmaWxsPSIjNzk3Rjg1Ii8+DQo8L3N2Zz4NCg==) 7489 } 7490 7491 .blu-modal.b-dialog.b-danger .blu-modal__icon[data-v-c206562a] { 7492 background-color: #ff4646; 7493 -webkit-mask-image: url(data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PSIwIDAgMjQgMjQiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+DQo8cGF0aCBkPSJNMTIgMkM2LjQ4IDIgMiA2LjQ4IDIgMTJDMiAxNy41MiA2LjQ4IDIyIDEyIDIyQzE3LjUyIDIyIDIyIDE3LjUyIDIyIDEyQzIyIDYuNDggMTcuNTIgMiAxMiAyWk0xNi4yNCAxNC44M0MxNi42MyAxNS4yMiAxNi42MyAxNS44NSAxNi4yNCAxNi4yNEMxNS44NSAxNi42MyAxNS4yMiAxNi42MyAxNC44MyAxNi4yNEwxMiAxMy40MUw5LjE3IDE2LjI0QzguNzggMTYuNjMgOC4xNSAxNi42MyA3Ljc2IDE2LjI0QzcuMzcgMTUuODUgNy4zNyAxNS4yMiA3Ljc2IDE0LjgzTDEwLjU5IDEyTDcuNzYgOS4xN0M3LjM3IDguNzggNy4zNyA4LjE1IDcuNzYgNy43NkM4LjE1IDcuMzcgOC43OCA3LjM3IDkuMTcgNy43NkwxMiAxMC41OUwxNC44MyA3Ljc2QzE1LjIyIDcuMzcgMTUuODUgNy4zNyAxNi4yNCA3Ljc2QzE2LjYzIDguMTUgMTYuNjMgOC43OCAxNi4yNCA5LjE3TDEzLjQxIDEyTDE2LjI0IDE0LjgzWiIgZmlsbD0iIzc5N0Y4NSIvPg0KPC9zdmc+); 7494 mask-image: url(data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PSIwIDAgMjQgMjQiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+DQo8cGF0aCBkPSJNMTIgMkM2LjQ4IDIgMiA2LjQ4IDIgMTJDMiAxNy41MiA2LjQ4IDIyIDEyIDIyQzE3LjUyIDIyIDIyIDE3LjUyIDIyIDEyQzIyIDYuNDggMTcuNTIgMiAxMiAyWk0xNi4yNCAxNC44M0MxNi42MyAxNS4yMiAxNi42MyAxNS44NSAxNi4yNCAxNi4yNEMxNS44NSAxNi42MyAxNS4yMiAxNi42MyAxNC44MyAxNi4yNEwxMiAxMy40MUw5LjE3IDE2LjI0QzguNzggMTYuNjMgOC4xNSAxNi42MyA3Ljc2IDE2LjI0QzcuMzcgMTUuODUgNy4zNyAxNS4yMiA3Ljc2IDE0LjgzTDEwLjU5IDEyTDcuNzYgOS4xN0M3LjM3IDguNzggNy4zNyA4LjE1IDcuNzYgNy43NkM4LjE1IDcuMzcgOC43OCA3LjM3IDkuMTcgNy43NkwxMiAxMC41OUwxNC44MyA3Ljc2QzE1LjIyIDcuMzcgMTUuODUgNy4zNyAxNi4yNCA3Ljc2QzE2LjYzIDguMTUgMTYuNjMgOC43OCAxNi4yNCA5LjE3TDEzLjQxIDEyTDE2LjI0IDE0LjgzWiIgZmlsbD0iIzc5N0Y4NSIvPg0KPC9zdmc+) 7495 } 7496 7497 @media screen and (max-width: 768px) { 7498 .blu-modal.b-full-screen .blu-modal__container[data-v-c206562a] { 7499 min-height:100%; 7500 border-radius: unset; 7501 padding-top: 0 7502 } 7503 7504 .blu-modal.b-full-screen .blu-modal__close[data-v-c206562a] { 7505 display: none 7506 } 7507 } 7508 </style> 7509 <style type="text/css"> 7510 .blu-ripple[data-v-65e7601e] { 7511 width: 100%; 7512 height: 100%; 7513 position: relative; 7514 overflow: hidden; 7515 display: flex; 7516 justify-content: center; 7517 align-items: center; 7518 -webkit-box-pack: center; 7519 -webkit-box-align: center; 7520 -webkit-mask-image: radial-gradient(circle, #ffffff 100%, #000000 100%); 7521 padding: 0 12px 7522 } 7523 7524 .blu-ripple-wave[data-v-65e7601e] { 7525 position: absolute; 7526 z-index: 1; 7527 pointer-events: none; 7528 background: currentColor; 7529 border-radius: 50%; 7530 opacity: 0; 7531 transform: scale(2) translateZ(0) 7532 } 7533 7534 .blu-ripple-wave.b-centered[data-v-65e7601e] { 7535 animation-duration: 1.2s; 7536 top: 50%; 7537 left: 50% 7538 } 7539 7540 .blu-ripple-wave~*[data-v-65e7601e]:not(.blu-ripple-wave) { 7541 position: relative; 7542 z-index: 2 7543 } 7544 7545 .blu-ripple-enter-active[data-v-65e7601e] { 7546 transition: 2s cubic-bezier(0.25, 0.8, 0.25, 1); 7547 transition-property: opacity,transform; 7548 will-change: opacity,transform 7549 } 7550 7551 .blu-ripple-enter-active.b-centered[data-v-65e7601e] { 7552 transition-duration: 1.2s 7553 } 7554 7555 .blu-ripple-enter[data-v-65e7601e] { 7556 opacity: .26; 7557 transform: scale(0.26) translateZ(0) 7558 } 7559 7560 .has-left-icon .blu-ripple svg[data-v-65e7601e] { 7561 margin-right: 8px 7562 } 7563 7564 .has-left-icon.b-small svg[data-v-65e7601e] { 7565 transform-origin: left; 7566 margin-right: 4px 7567 } 7568 7569 .b-large .blu-ripple[data-v-65e7601e] { 7570 padding: 0 16px 7571 } 7572 7573 .b-small .blu-ripple[data-v-65e7601e] { 7574 padding: 0 8px 7575 } 7576 7577 .b-small svg[data-v-65e7601e] { 7578 width: 18px;
7579 height: 18px 7580 } 7581 7582 .b-icon .blu-ripple[data-v-65e7601e] { 7583 padding: 0 7584 } 7585 7586 .b-loading .blu-loader-wrapper[data-v-65e7601e] { 7587 height: 24px; 7588 position: absolute 7589 } 7590 7591 .b-loading .blu-ripple[data-v-65e7601e] { 7592 color: rgba(0,0,0,0) 7593 } 7594 7595 .b-loading .blu-ripple>svg[data-v-65e7601e] { 7596 visibility: hidden 7597 } 7598 7599 .b-loading .blu-ripple .blu-ripple-wave[data-v-65e7601e] { 7600 color: #fff 7601 } 7602 7603 .b-loading.b-white .blu-ripple-wave[data-v-65e7601e] { 7604 color: #0072ff 7605 } 7606 7607 .b-loading.b-outline.b-secondary .blu-ripple-wave[data-v-65e7601e] { 7608 color: #0072ff 7609 } 7610 7611 .b-loading.b-outline.b-primary .blu-ripple-wave[data-v-65e7601e] { 7612 color: #f1ab02 7613 } 7614 7615 .b-loading.b-ghost.b-secondary .blu-ripple-wave[data-v-65e7601e] { 7616 color: #0072ff 7617 } 7618 7619 .b-loading.b-ghost.b-primary .blu-ripple-wave[data-v-65e7601e] { 7620 color: #f1ab02 7621 } 7622 7623 .blu-input-stepper .blu-btn .blu-ripple[data-v-65e7601e] { 7624 padding: 0; 7625 width: 24px; 7626 height: 24px; 7627 border-radius: 50% 7628 } 7629 7630 .blu-input-stepper .blu-btn .blu-ripple svg[data-v-65e7601e] { 7631 width: 18px; 7632 height: 18px; 7633 margin-left: 1px 7634 } 7635 7636 .blu-input-stepper .blu-btn .blu-ripple-enter-active[data-v-65e7601e] { 7637 background: #0072ff 7638 } 7639 7640 .b-disabled[data-v-65e7601e] { 7641 opacity: 1 7642 } 7643 7644 .blu-btn-dropdown .blu-ripple>svg+div[data-v-65e7601e] { 7645 margin-left: 8px 7646 } 7647 7648 .blu-modal__mask[data-v-65e7601e] { 7649 transition: opacity .3s ease; 7650 position: fixed; 7651 z-index: 999; 7652 top: 0; 7653 left: 0; 7654 width: 100%; 7655 height: 100%; 7656 background-color: rgba(0,0,0,.6); 7657 display: flex; 7658 flex-direction: column; 7659 justify-content: center; 7660 align-items: center 7661 } 7662 7663 .blu-modal__container[data-v-65e7601e] { 7664 transition: opacity .3s ease; 7665 width: 90%; 7666 max-width: 500px; 7667 max-height: calc(100% - 50px); 7668 height: auto; 7669 background: #fff; 7670 box-shadow: 0 1px 6px 0 rgba(0,0,0,.1); 7671 position: fixed; 7672 z-index: 1000; 7673 display: flex; 7674 flex-direction: column 7675 } 7676 7677 @media screen and (max-width: 768px) { 7678 .blu-modal__container[data-v-65e7601e] { 7679 max-height:calc(100% - 40px) 7680 } 7681 } 7682 7683 @media screen and (min-width: 769px),print { 7684 .blu-modal__container[data-v-65e7601e] { 7685 top:50%; 7686 left: 50%; 7687 -webkit-transform: translate(-50%, -50%); 7688 -moz-transform: translate(-50%, -50%); 7689 -ms-transform: translate(-50%, -50%); 7690 -o-transform: translate(-50%, -50%); 7691 transform: translate(-50%, -50%) 7692 } 7693 } 7694 7695 .blu-modal__heading[data-v-65e7601e] { 7696 font: 24px/28px "blibli demi bold",-apple-system,segoe ui,roboto,helvetica,arial,sans-serif; 7697 margin-bottom: 8px 7698 } 7699 7700 @media screen and (max-width: 768px) { 7701 .blu-modal__heading[data-v-65e7601e] { 7702 font:20px/24px "blibli demi bold",-apple-system,segoe ui,roboto,helvetica,arial,sans-serif; 7703 margin-bottom: 0px 7704 } 7705 } 7706 7707 .blu-modal__body[data-v-65e7601e] { 7708 max-height: var(--max-height-modal-body); 7709 overflow-x: auto; 7710 color: rgba(25,34,42,.7019607843); 7711 margin-right: 0px; 7712 overscroll-behavior: contain 7713 } 7714 7715 @media screen and (min-width: 769px),print { 7716 .blu-modal__body[data-v-65e7601e] { 7717 font:16px/20px "blibli",-apple-system,segoe ui,roboto,helvetica,arial,sans-serif 7718 } 7719 } 7720 7721 @media screen and (max-width: 768px) { 7722 .blu-modal__body[data-v-65e7601e] { 7723 font:14px/18px "blibli",-apple-system,segoe ui,roboto,helvetica,arial,sans-serif 7724 } 7725 } 7726 7727 .blu-modal__footer[data-v-65e7601e] { 7728 text-align: right 7729 } 7730 7731 @media screen and (max-width: 768px) { 7732 .blu-modal__footer[data-v-65e7601e] { 7733 margin-top:auto 7734 } 7735 } 7736 7737 .blu-modal.b-dialog .blu-modal__body[data-v-65e7601e] { 7738 margin-bottom: 40px 7739 } 7740 7741 @media screen and (max-width: 768px) { 7742 .blu-modal.b-dialog .blu-modal__body[data-v-65e7601e] { 7743 margin-bottom:32px 7744 } 7745 } 7746 7747 .blu-modal.b-dialog .blu-modal__container[data-v-65e7601e] { 7748 border-radius: 16px 7749 } 7750 7751 @media screen and (min-width: 769px),print { 7752 .blu-modal.b-dialog .blu-modal__container[data-v-65e7601e] { 7753 padding:24px 24px 16px 7754 } 7755 } 7756 7757 @media screen and (max-width: 768px) { 7758 .blu-modal.b-dialog .blu-modal__container[data-v-65e7601e] { 7759 padding:24px 24px 16px; 7760 top: 50%; 7761 left: 50%; 7762 -webkit-transform: translate(-50%, -50%); 7763 -moz-transform: translate(-50%, -50%); 7764 -ms-transform: translate(-50%, -50%); 7765 -o-transform: translate(-50%, -50%); 7766 transform: translate(-50%, -50%) 7767 } 7768 } 7769 7770 .blu-modal.b-dialog .blu-modal__container[data-v-65e7601e]:before,.blu-modal.b-dialog .blu-modal__container[data-v-65e7601e]:after { 7771 content: ""; 7772 width: calc(100% - 60px); 7773 margin: 0 30px; 7774 border-radius: 0 0 24px 24px; 7775 position: absolute; 7776 left: 0 7777 } 7778 7779 .blu-modal.b-dialog .blu-modal__container[data-v-65e7601e]:before { 7780 height: 9px; 7781 bottom: -9px; 7782 z-index: 2; 7783 background: linear-gradient(0deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.12) 100%) 7784 } 7785 7786 .blu-modal.b-dialog .blu-modal__container[data-v-65e7601e]:after { 7787 height: 16px; 7788 border-top: #fff 1px solid; 7789 bottom: -15px 7790 } 7791 7792 .blu-modal.b-dialog .blu-modal__close[data-v-65e7601e] { 7793 display: none 7794 } 7795 7796 .blu-modal.b-dialog.b-info .blu-modal__container[data-v-65e7601e]:after { 7797 background-color: #1d8fff 7798 } 7799 7800 .blu-modal.b-dialog.b-success .blu-modal__container[data-v-65e7601e]:after { 7801 background-color: #22a334 7802 } 7803 7804 .blu-modal.b-dialog.b-warning .blu-modal__container[data-v-65e7601e]:after { 7805 background-color: #ffcd00 7806 } 7807 7808 .blu-modal.b-dialog.b-danger .blu-modal__container[data-v-65e7601e]:after { 7809 background-color: #ff4646 7810 } 7811 7812 .blu-modal.b-page .blu-modal__body[data-v-65e7601e] { 7813 color: rgba(25,34,42,.7019607843) 7814 } 7815 7816 @media screen and (min-width: 769px),print { 7817 .blu-modal.b-page .blu-modal__body[data-v-65e7601e] { 7818 padding:0 24px 7819 } 7820 } 7821 7822 @media screen and (max-width: 768px) { 7823 .blu-modal.b-page .blu-modal__body[data-v-65e7601e] { 7824 padding:0 16px; 7825 padding-bottom: calc(env(safe-area-inset-bottom) + 4px); 7826 overflow-y: auto 7827 } 7828 } 7829 7830 .blu-modal.b-page .blu-modal__body[data-v-65e7601e]::before { 7831 content: ""; 7832 background: #fff; 7833 height: 20px; 7834 width: 100%; 7835 left: 0; 7836 bottom: 0; 7837 position: fixed 7838 } 7839 7840 @media screen and (min-width: 769px),print { 7841 .blu-modal.b-page .blu-modal__body[data-v-65e7601e]::before { 7842 display:none 7843 } 7844 } 7845 7846 @media screen and (min-width: 769px),print { 7847 .blu-modal.b-page .blu-modal__container[data-v-65e7601e] { 7848 border-radius:16px; 7849 padding-top: 32px 7850 } 7851 } 7852 7853 @media screen and (max-width: 768px) { 7854 .blu-modal.b-page .blu-modal__container[data-v-65e7601e] { 7855 padding-top:24px; 7856 width: 100%; 7857 max-width: 100%; 7858 height: auto; 7859 border-radius: 16px 16px 0 0; 7860 left: 0; 7861 bottom: 0; 7862 padding-top: 24px; 7863 padding-bottom: calc(env(safe-area-inset-bottom) + 16px) 7864 } 7865 } 7866 7867 @media screen and (min-width: 769px),print { 7868 .blu-modal.b-page .blu-modal__footer[data-v-65e7601e] { 7869 padding:24px 24px 7870 } 7871 } 7872 7873 @media screen and (max-width: 768px) { 7874 .blu-modal.b-page .blu-modal__footer[data-v-65e7601e] { 7875 width:100%; 7876 padding: 16px; 7877 transition: all .3s cubic-bezier(0, 0, 0.2, 1.2); 7878 bottom: 0; 7879 padding-bottom: env(safe-area-inset-bottom); 7880 background: #fff 7881 } 7882 } 7883 7884 .blu-modal.b-page .blu-modal__footer[data-v-65e7601e]::before { 7885 content: ""; 7886 background: #fff; 7887 height: 20px; 7888 width: 100%; 7889 left: 0; 7890 bottom: 0; 7891 position: fixed 7892 } 7893 7894 @media screen and (min-width: 769px),print { 7895 .blu-modal.b-page .blu-modal__footer[data-v-65e7601e]::before { 7896 display:none 7897 } 7898 } 7899 7900 @media screen and (min-width: 769px),print { 7901 .blu-modal.b-page .blu-modal__header[data-v-65e7601e] { 7902 padding:0 24px 7903 } 7904 } 7905 7906 @media screen and (max-width: 768px) { 7907 .blu-modal.b-page .blu-modal__header[data-v-65e7601e] { 7908 padding:0 16px 7909 } 7910 } 7911 7912 .blu-modal.b-page .blu-modal__icon[data-v-65e7601e] { 7913 display: none 7914 } 7915 7916 @media screen and (max-width: 768px) { 7917 .blu-modal.b-page.fade-enter-active[data-v-65e7601e],.blu-modal.b-page.fade-leave-active[data-v-65e7601e] { 7918 transition:opacity .3s 7919 } 7920 7921 .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] { 7922 transition: bottom .3s; 7923 transition: all .3s cubic-bezier(0, 0, 0.2, 1.2); 7924 bottom: 0 7925 } 7926 7927 .blu-modal.b-page.fade-enter-active[data-v-65e7601e] { 7928 transition: opacity .3s cubic-bezier(0, 0, 0.2, 1.2) 7929 } 7930 7931 .blu-modal.b-page.fade-leave-active[data-v-65e7601e] { 7932 transition: opacity .3s cubic-bezier(0.8, 0, 1, 1) 7933 } 7934 7935 .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] { 7936 bottom: -96vh 7937 } 7938 } 7939 7940 .blu-modal.b-no-button .blu-modal__container[data-v-65e7601e] { 7941 padding-bottom: 20px 7942 } 7943 7944 @media screen and (max-width: 768px) { 7945 .blu-modal.b-no-button .blu-modal__body[data-v-65e7601e] { 7946 padding-bottom:env(safe-area-inset-bottom) 7947 } 7948 } 7949 7950 .blu-modal.b-no-button .blu-modal__footer[data-v-65e7601e] { 7951 display: none 7952 } 7953 7954 .fade-enter-active[data-v-65e7601e],.fade-leave-active[data-v-65e7601e] { 7955 position: absolute; 7956 z-index: 998; 7957 transition: opacity .3s 7958 } 7959 7960 .fade-enter[data-v-65e7601e],.fade-leave-to[data-v-65e7601e] { 7961 opacity: 0 7962 } 7963 7964 img[data-v-65e7601e] { 7965 max-width: 100% 7966 } 7967 7968 .blu-modal.b-dialog .blu-modal__icon[data-v-65e7601e] { 7969 width: 40px; 7970 height: 40px; 7971 margin-bottom: 40px 7972 } 7973 7974 @media screen and (max-width: 768px) { 7975 .blu-modal.b-dialog .blu-modal__icon[data-v-65e7601e] { 7976 width:24px; 7977 height: 24px; 7978 margin-bottom: 32px 7979 } 7980 } 7981 7982 .blu-modal.b-dialog.b-info .blu-modal__icon[data-v-65e7601e] { 7983 background-color: #1d8fff; 7984 -webkit-mask-image: url(data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PSIwIDAgMjQgMjQiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+DQo8cGF0aCBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGNsaXAtcnVsZT0iZXZlbm9kZCIgZD0iTTIgMTJDMiA2LjQ4IDYuNDggMiAxMiAyQzE3LjUyIDIgMjIgNi40OCAyMiAxMkMyMiAxNy41MiAxNy41MiAyMiAxMiAyMkM2LjQ4IDIyIDIgMTcuNTIgMiAxMlpNMTEuOTcgOC43Mzc2NEMxMi43MjY2IDguNzM3NjQgMTMuMzQgOC4xMjQ4IDEzLjM0IDcuMzY4ODJDMTMuMzQgNi42MTI4NCAxMi43MjY2IDYgMTEuOTcgNkMxMS4yMTM0IDYgMTAuNiA2LjYxMjg0IDEwLjYgNy4zNjg4MkMxMC42IDguMTI0OCAxMS4yMTM0IDguNzM3NjQgMTEuOTcgOC43Mzc2NFpNMTEuNDk5OSAxMC4xMDY0SDEyLjQ0OTlDMTIuODQ5OSAxMC4xMDY0IDEzLjE3OTkgMTAuNDM2MiAxMy4xNzk5IDEwLjgzNThWMTcuMjcwM0MxMy4xNzk5IDE3LjY2OTkgMTIuODQ5OSAxNy45OTk2IDEyLjQ0OTkgMTcuOTk5NkgxMS40OTk5QzExLjA5OTkgMTcuOTk5NiAxMC43Njk5IDE3LjY2OTkgMTAuNzY5OSAxNy4yNzAzVjEwLjgzNThDMTAuNzY5OSAxMC40MzYyIDExLjA5OTkgMTAuMTA2NCAxMS40OTk5IDEwLjEwNjRaIiBmaWxsPSIjNzk3Rjg1Ii8+DQo8L3N2Zz4NCg==); 7985 mask-image: url(data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PSIwIDAgMjQgMjQiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+DQo8cGF0aCBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGNsaXAtcnVsZT0iZXZlbm9kZCIgZD0iTTIgMTJDMiA2LjQ4IDYuNDggMiAxMiAyQzE3LjUyIDIgMjIgNi40OCAyMiAxMkMyMiAxNy41MiAxNy41MiAyMiAxMiAyMkM2LjQ4IDIyIDIgMTcuNTIgMiAxMlpNMTEuOTcgOC43Mzc2NEMxMi43MjY2IDguNzM3NjQgMTMuMzQgOC4xMjQ4IDEzLjM0IDcuMzY4ODJDMTMuMzQgNi42MTI4NCAxMi43MjY2IDYgMTEuOTcgNkMxMS4yMTM0IDYgMTAuNiA2LjYxMjg0IDEwLjYgNy4zNjg4MkMxMC42IDguMTI0OCAxMS4yMTM0IDguNzM3NjQgMTEuOTcgOC43Mzc2NFpNMTEuNDk5OSAxMC4xMDY0SDEyLjQ0OTlDMTIuODQ5OSAxMC4xMDY0IDEzLjE3OTkgMTAuNDM2MiAxMy4xNzk5IDEwLjgzNThWMTcuMjcwM0MxMy4xNzk5IDE3LjY2OTkgMTIuODQ5OSAxNy45OTk2IDEyLjQ0OTkgMTcuOTk5NkgxMS40OTk5QzExLjA5OTkgMTcuOTk5NiAxMC43Njk5IDE3LjY2OTkgMTAuNzY5OSAxNy4yNzAzVjEwLjgzNThDMTAuNzY5OSAxMC40MzYyIDExLjA5OTkgMTAuMTA2NCAxMS40OTk5IDEwLjEwNjRaIiBmaWxsPSIjNzk3Rjg1Ii8+DQo8L3N2Zz4NCg==) 7986 } 7987 7988 .blu-modal.b-dialog.b-success .blu-modal__icon[data-v-65e7601e] { 7989 background-color: #22a334; 7990 -webkit-m
7990ask-image: url(data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PSIwIDAgMjQgMjQiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+DQo8cGF0aCBkPSJNMTIgMkM2LjQ4IDIgMiA2LjQ4IDIgMTJDMiAxNy41MiA2LjQ4IDIyIDEyIDIyQzE3LjUyIDIyIDIyIDE3LjUyIDIyIDEyQzIyIDYuNDggMTcuNTIgMiAxMiAyWk0xNy4wNSA5LjExTDEyLjA2IDE2LjEyQzExLjg4IDE2LjM3IDExLjYgMTYuNTIgMTEuMjkgMTYuNTRIMTEuMjRDMTAuOTUgMTYuNTQgMTAuNjcgMTYuNDIgMTAuNDggMTYuMTlMNi45OSAxMi4xM0M2LjgyIDExLjkzIDYuNzMgMTEuNjcgNi43NSAxMS40MUM2Ljc3IDExLjE0IDYuODkgMTAuOSA3LjA5IDEwLjczQzcuNTEgMTAuMzcgOC4xNCAxMC40MiA4LjUgMTAuODRMMTEuMTYgMTMuOTNMMTUuNDEgNy45NkMxNS43MyA3LjUxIDE2LjM1IDcuNDEgMTYuOCA3LjczQzE3LjAyIDcuODggMTcuMTYgOC4xMSAxNy4yMSA4LjM4QzE3LjI1IDguNjQgMTcuMTkgOC45MSAxNy4wNCA5LjEyTDE3LjA1IDkuMTFaIiBmaWxsPSIjNzk3Rjg1Ii8+DQo8L3N2Zz4=); 7991 mask-image: url(data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PSIwIDAgMjQgMjQiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+DQo8cGF0aCBkPSJNMTIgMkM2LjQ4IDIgMiA2LjQ4IDIgMTJDMiAxNy41MiA2LjQ4IDIyIDEyIDIyQzE3LjUyIDIyIDIyIDE3LjUyIDIyIDEyQzIyIDYuNDggMTcuNTIgMiAxMiAyWk0xNy4wNSA5LjExTDEyLjA2IDE2LjEyQzExLjg4IDE2LjM3IDExLjYgMTYuNTIgMTEuMjkgMTYuNTRIMTEuMjRDMTAuOTUgMTYuNTQgMTAuNjcgMTYuNDIgMTAuNDggMTYuMTlMNi45OSAxMi4xM0M2LjgyIDExLjkzIDYuNzMgMTEuNjcgNi43NSAxMS40MUM2Ljc3IDExLjE0IDYuODkgMTAuOSA3LjA5IDEwLjczQzcuNTEgMTAuMzcgOC4xNCAxMC40MiA4LjUgMTAuODRMMTEuMTYgMTMuOTNMMTUuNDEgNy45NkMxNS43MyA3LjUxIDE2LjM1IDcuNDEgMTYuOCA3LjczQzE3LjAyIDcuODggMTcuMTYgOC4xMSAxNy4yMSA4LjM4QzE3LjI1IDguNjQgMTcuMTkgOC45MSAxNy4wNCA5LjEyTDE3LjA1IDkuMTFaIiBmaWxsPSIjNzk3Rjg1Ii8+DQo8L3N2Zz4=) 7992 } 7993 7994 .blu-modal.b-dialog.b-warning .blu-modal__icon[data-v-65e7601e] { 7995 background-color: #ffcd00; 7996 -webkit-mask-image: url(data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PSIwIDAgMjQgMjQiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+DQo8cGF0aCBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGNsaXAtcnVsZT0iZXZlbm9kZCIgZD0iTTMuODc0MzYgMjFIMjAuMTE0NEgyMC4xMjQ0QzIxLjU1MzUgMjEgMjIuNDUyOSAxOS41MDM1IDIxLjc2MzQgMTguMjg2NEwxMy42NDg0IDMuOTUwMjZDMTIuOTM4OCAyLjY4MzI1IDExLjA2OTkgMi42ODMyNSAxMC4zNjA0IDMuOTUwMjZMMi4yMzUzNyAxOC4yOTY0QzEuNTQ1OCAxOS41MTM1IDIuNDU1MjQgMjEgMy44NzQzNiAyMVpNMTAuOTkgMTMuOTM3NEwxMC43MDAyIDkuMDk4ODdWNy43NTIwNUMxMC43MDAyIDcuMzMzMDQgMTEuMDQgNi45OTM4NCAxMS40NTk3IDYuOTkzODRIMTIuNjA5QzEzLjAyODggNi45OTM4NCAxMy4zNjg2IDcuMzMzMDQgMTMuMzY4NiA3Ljc1MjA1VjkuMTA4ODRMMTMuMDg4NyAxMy45Mjc1QzEzLjA2ODcgMTQuMzI2NSAxMi43Mzg5IDE0LjYzNTggMTIuMzI5MiAxNC42MzU4SDExLjc0OTVDMTEuMzQ5OCAxNC42MzU4IDExLjAyIDE0LjMyNjUgMTAuOTkgMTMuOTI3NVYxMy45Mzc0Wk0xMS45OTk0IDE4Ljk2NTJDMTIuNzg4NyAxOC45NjUyIDEzLjQyODYgMTguMzI2NSAxMy40Mjg2IDE3LjUzODZDMTMuNDI4NiAxNi43NTA3IDEyLjc4ODcgMTYuMTEyIDExLjk5OTQgMTYuMTEyQzExLjIxMDIgMTYuMTEyIDEwLjU3MDMgMTYuNzUwNyAxMC41NzAzIDE3LjUzODZDMTAuNTcwMyAxOC4zMjY1IDExLjIxMDIgMTguOTY1MiAxMS45OTk0IDE4Ljk2NTJaIiBmaWxsPSIjNzk3Rjg1Ii8+DQo8L3N2Zz4NCg==); 7997 mask-image: url(data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PSIwIDAgMjQgMjQiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+DQo8cGF0aCBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGNsaXAtcnVsZT0iZXZlbm9kZCIgZD0iTTMuODc0MzYgMjFIMjAuMTE0NEgyMC4xMjQ0QzIxLjU1MzUgMjEgMjIuNDUyOSAxOS41MDM1IDIxLjc2MzQgMTguMjg2NEwxMy42NDg0IDMuOTUwMjZDMTIuOTM4OCAyLjY4MzI1IDExLjA2OTkgMi42ODMyNSAxMC4zNjA0IDMuOTUwMjZMMi4yMzUzNyAxOC4yOTY0QzEuNTQ1OCAxOS41MTM1IDIuNDU1MjQgMjEgMy44NzQzNiAyMVpNMTAuOTkgMTMuOTM3NEwxMC43MDAyIDkuMDk4ODdWNy43NTIwNUMxMC43MDAyIDcuMzMzMDQgMTEuMDQgNi45OTM4NCAxMS40NTk3IDYuOTkzODRIMTIuNjA5QzEzLjAyODggNi45OTM4NCAxMy4zNjg2IDcuMzMzMDQgMTMuMzY4NiA3Ljc1MjA1VjkuMTA4ODRMMTMuMDg4NyAxMy45Mjc1QzEzLjA2ODcgMTQuMzI2NSAxMi43Mzg5IDE0LjYzNTggMTIuMzI5MiAxNC42MzU4SDExLjc0OTVDMTEuMzQ5OCAxNC42MzU4IDExLjAyIDE0LjMyNjUgMTAuOTkgMTMuOTI3NVYxMy45Mzc0Wk0xMS45OTk0IDE4Ljk2NTJDMTIuNzg4NyAxOC45NjUyIDEzLjQyODYgMTguMzI2NSAxMy40Mjg2IDE3LjUzODZDMTMuNDI4NiAxNi43NTA3IDEyLjc4ODcgMTYuMTEyIDExLjk5OTQgMTYuMTEyQzExLjIxMDIgMTYuMTEyIDEwLjU3MDMgMTYuNzUwNyAxMC41NzAzIDE3LjUzODZDMTAuNTcwMyAxOC4zMjY1IDExLjIxMDIgMTguOTY1MiAxMS45OTk0IDE4Ljk2NTJaIiBmaWxsPSIjNzk3Rjg1Ii8+DQo8L3N2Zz4NCg==) 7998 } 7999 8000 .blu-modal.b-dialog.b-danger .blu-modal__icon[data-v-65e7601e] { 8001 background-color: #ff4646; 8002 -webkit-mask-image: url(data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PSIwIDAgMjQgMjQiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+DQo8cGF0aCBkPSJNMTIgMkM2LjQ4IDIgMiA2LjQ4IDIgMTJDMiAxNy41MiA2LjQ4IDIyIDEyIDIyQzE3LjUyIDIyIDIyIDE3LjUyIDIyIDEyQzIyIDYuNDggMTcuNTIgMiAxMiAyWk0xNi4yNCAxNC44M0MxNi42MyAxNS4yMiAxNi42MyAxNS44NSAxNi4yNCAxNi4yNEMxNS44NSAxNi42MyAxNS4yMiAxNi42MyAxNC44MyAxNi4yNEwxMiAxMy40MUw5LjE3IDE2LjI0QzguNzggMTYuNjMgOC4xNSAxNi42MyA3Ljc2IDE2LjI0QzcuMzcgMTUuODUgNy4zNyAxNS4yMiA3Ljc2IDE0LjgzTDEwLjU5IDEyTDcuNzYgOS4xN0M3LjM3IDguNzggNy4zNyA4LjE1IDcuNzYgNy43NkM4LjE1IDcuMzcgOC43OCA3LjM3IDkuMTcgNy43NkwxMiAxMC41OUwxNC44MyA3Ljc2QzE1LjIyIDcuMzcgMTUuODUgNy4zNyAxNi4yNCA3Ljc2QzE2LjYzIDguMTUgMTYuNjMgOC43OCAxNi4yNCA5LjE3TDEzLjQxIDEyTDE2LjI0IDE0LjgzWiIgZmlsbD0iIzc5N0Y4NSIvPg0KPC9zdmc+); 8003 mask-image: url(data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PSIwIDAgMjQgMjQiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+DQo8cGF0aCBkPSJNMTIgMkM2LjQ4IDIgMiA2LjQ4IDIgMTJDMiAxNy41MiA2LjQ4IDIyIDEyIDIyQzE3LjUyIDIyIDIyIDE3LjUyIDIyIDEyQzIyIDYuNDggMTcuNTIgMiAxMiAyWk0xNi4yNCAxNC44M0MxNi42MyAxNS4yMiAxNi42MyAxNS44NSAxNi4yNCAxNi4yNEMxNS44NSAxNi42MyAxNS4yMiAxNi42MyAxNC44MyAxNi4yNEwxMiAxMy40MUw5LjE3IDE2LjI0QzguNzggMTYuNjMgOC4xNSAxNi42MyA3Ljc2IDE2LjI0QzcuMzcgMTUuODUgNy4zNyAxNS4yMiA3Ljc2IDE0LjgzTDEwLjU5IDEyTDcuNzYgOS4xN0M3LjM3IDguNzggNy4zNyA4LjE1IDcuNzYgNy43NkM4LjE1IDcuMzcgOC43OCA3LjM3IDkuMTcgNy43NkwxMiAxMC41OUwxNC44MyA3Ljc2QzE1LjIyIDcuMzcgMTUuODUgNy4zNyAxNi4yNCA3Ljc2QzE2LjYzIDguMTUgMTYuNjMgOC43OCAxNi4yNCA5LjE3TDEzLjQxIDEyTDE2LjI0IDE0LjgzWiIgZmlsbD0iIzc5N0Y4NSIvPg0KPC9zdmc+) 8004 } 8005 8006 @media screen and (max-width: 768px) { 8007 .blu-modal.b-full-screen .blu-modal__container[data-v-65e7601e] { 8008 min-height:100%; 8009 border-radius: unset; 8010 padding-top: 0 8011 } 8012 8013 .blu-modal.b-full-screen .blu-modal__close[data-v-65e7601e] { 8014 display: none 8015 } 8016 } 8017 </style> 8018 <style type="text/css"> 8019 .blu-ripple[data-v-6ada375c] { 8020 width: 100%; 8021 height: 100%; 8022 position: relative; 8023 overflow: hidden; 8024 display: flex; 8025 justify-content: center; 8026 align-items: center; 8027 -webkit-box-pack: center; 8028 -webkit-box-align: center; 8029 -webkit-mask-image: radial-gradient(circle, #ffffff 100%, #000000 100%); 8030 padding: 0 12px 8031 } 8032 8033 .blu-ripple-wave[data-v-6ada375c] { 8034 position: absolute; 8035 z-index: 1; 8036 pointer-events: none; 8037 background: currentColor; 8038 border-radius: 50%; 8039 opacity: 0; 8040 transform: scale(2) translateZ(0) 8041 } 8042 8043 .blu-ripple-wave.b-centered[data-v-6ada375c] { 8044 animation-duration: 1.2s; 8045 top: 50%; 8046 left: 50% 8047 } 8048
8049 .blu-ripple-wave~*[data-v-6ada375c]:not(.blu-ripple-wave) { 8050 position: relative; 8051 z-index: 2 8052 } 8053 8054 .blu-ripple-enter-active[data-v-6ada375c] { 8055 transition: 2s cubic-bezier(0.25, 0.8, 0.25, 1); 8056 transition-property: opacity,transform; 8057 will-change: opacity,transform 8058 } 8059 8060 .blu-ripple-enter-active.b-centered[data-v-6ada375c] { 8061 transition-duration: 1.2s 8062 } 8063 8064 .blu-ripple-enter[data-v-6ada375c] { 8065 opacity: .26; 8066 transform: scale(0.26) translateZ(0) 8067 } 8068 8069 .has-left-icon .blu-ripple svg[data-v-6ada375c] { 8070 margin-right: 8px 8071 } 8072 8073 .has-left-icon.b-small svg[data-v-6ada375c] { 8074 transform-origin: left; 8075 margin-right: 4px 8076 } 8077 8078 .b-large .blu-ripple[data-v-6ada375c] { 8079 padding: 0 16px 8080 } 8081 8082 .b-small .blu-ripple[data-v-6ada375c] { 8083 padding: 0 8px 8084 } 8085 8086 .b-small svg[data-v-6ada375c] { 8087 width: 18px; 8088 height: 18px 8089 } 8090 8091 .b-icon .blu-ripple[data-v-6ada375c] { 8092 padding: 0 8093 } 8094 8095 .b-loading .blu-loader-wrapper[data-v-6ada375c] { 8096 height: 24px; 8097 position: absolute 8098 } 8099 8100 .b-loading .blu-ripple[data-v-6ada375c] { 8101 color: rgba(0,0,0,0) 8102 } 8103 8104 .b-loading .blu-ripple>svg[data-v-6ada375c] { 8105 visibility: hidden 8106 } 8107 8108 .b-loading .blu-ripple .blu-ripple-wave[data-v-6ada375c] { 8109 color: #fff 8110 } 8111 8112 .b-loading.b-white .blu-ripple-wave[data-v-6ada375c] { 8113 color: #0072ff 8114 } 8115 8116 .b-loading.b-outline.b-secondary .blu-ripple-wave[data-v-6ada375c] { 8117 color: #0072ff 8118 } 8119 8120 .b-loading.b-outline.b-primary .blu-ripple-wave[data-v-6ada375c] { 8121 color: #f1ab02 8122 } 8123 8124 .b-loading.b-ghost.b-secondary .blu-ripple-wave[data-v-6ada375c] { 8125 color: #0072ff 8126 } 8127 8128 .b-loading.b-ghost.b-primary .blu-ripple-wave[data-v-6ada375c] { 8129 color: #f1ab02 8130 } 8131 8132 .blu-input-stepper .blu-btn .blu-ripple[data-v-6ada375c] { 8133 padding: 0; 8134 width: 24px; 8135 height: 24px; 8136 border-radius: 50% 8137 } 8138 8139 .blu-input-stepper .blu-btn .blu-ripple svg[data-v-6ada375c] { 8140 width: 18px; 8141 height: 18px; 8142 margin-left: 1px 8143 } 8144 8145 .blu-input-stepper .blu-btn .blu-ripple-enter-active[data-v-6ada375c] { 8146 background: #0072ff 8147 } 8148 8149 .b-disabled[data-v-6ada375c] { 8150 opacity: 1 8151 } 8152 8153 .blu-btn-dropdown .blu-ripple>svg+div[data-v-6ada375c] { 8154 margin-left: 8px 8155 } 8156 8157 .blu-modal__mask[data-v-6ada375c] { 8158 transition: opacity .3s ease; 8159 position: fixed; 8160 z-index: 999; 8161 top: 0; 8162 left: 0; 8163 width: 100%; 8164 height: 100%; 8165 background-color: rgba(0,0,0,.6); 8166 display: flex; 8167 flex-direction: column; 8168 justify-content: center; 8169 align-items: center 8170 } 8171 8172 .blu-modal__container[data-v-6ada375c] { 8173 transition: opacity .3s ease; 8174 width: 90%; 8175 max-width: 500px; 8176 max-height: calc(100% - 50px); 8177 height: auto; 8178 background: #fff; 8179 box-shadow: 0 1px 6px 0 rgba(0,0,0,.1); 8180 position: fixed; 8181 z-index: 1000; 8182 display: flex; 8183 flex-direction: column 8184 } 8185 8186 @media screen and (max-width: 768px) { 8187 .blu-modal__container[data-v-6ada375c] { 8188 max-height:calc(100% - 40px) 8189 } 8190 } 8191 8192 @media screen and (min-width: 769px),print { 8193 .blu-modal__container[data-v-6ada375c] { 8194 top:50%; 8195 left: 50%; 8196 -webkit-transform: translate(-50%, -50%); 8197 -moz-transform: translate(-50%, -50%); 8198 -ms-transform: translate(-50%, -50%); 8199 -o-transform: translate(-50%, -50%); 8200 transform: translate(-50%, -50%) 8201 } 8202 } 8203 8204 .blu-modal__heading[data-v-6ada375c] { 8205 font: 24px/28px "blibli demi bold",-apple-system,segoe ui,roboto,helvetica,arial,sans-serif; 8206 margin-bottom: 8px 8207 } 8208 8209 @media screen and (max-width: 768px) { 8210 .blu-modal__heading[data-v-6ada375c] { 8211 font:20px/24px "blibli demi bold",-apple-system,segoe ui,roboto,helvetica,arial,sans-serif; 8212 margin-bottom: 0px 8213 } 8214 } 8215 8216 .blu-modal__body[data-v-6ada375c] { 8217 max-height: var(--max-height-modal-body); 8218 overflow-x: auto; 8219 color: rgba(25,34,42,.7019607843); 8220 margin-right: 0px; 8221 overscroll-behavior: contain 8222 } 8223 8224 @media screen and (min-width: 769px),print { 8225 .blu-modal__body[data-v-6ada375c] { 8226 font:16px/20px "blibli",-apple-system,segoe ui,roboto,helvetica,arial,sans-serif 8227 } 8228 } 8229 8230 @media screen and (max-width: 768px) { 8231 .blu-modal__body[data-v-6ada375c] { 8232 font:14px/18px "blibli",-apple-system,segoe ui,roboto,helvetica,arial,sans-serif 8233 } 8234 } 8235 8236 .blu-modal__footer[data-v-6ada375c] { 8237 text-align: right 8238 } 8239 8240 @media screen and (max-width: 768px) { 8241 .blu-modal__footer[data-v-6ada375c] { 8242 margin-top:auto 8243 } 8244 } 8245 8246 .blu-modal.b-dialog .blu-modal__body[data-v-6ada375c] { 8247 margin-bottom: 40px 8248 } 8249 8250 @media screen and (max-width: 768px) { 8251 .blu-modal.b-dialog .blu-modal__body[data-v-6ada375c] { 8252 margin-bottom:32px 8253 } 8254 } 8255 8256 .blu-modal.b-dialog .blu-modal__container[data-v-6ada375c] { 8257 border-radius: 16px 8258 } 8259 8260 @media screen and (min-width: 769px),print { 8261 .blu-modal.b-dialog .blu-modal__container[data-v-6ada375c] { 8262 padding:24px 24px 16px 8263 } 8264 } 8265 8266 @media screen and (max-width: 768px) { 8267 .blu-modal.b-dialog .blu-modal__container[data-v-6ada375c] { 8268 padding:24px 24px 16px; 8269 top: 50%; 8270 left: 50%; 8271 -webkit-transform: translate(-50%, -50%); 8272 -moz-transform: translate(-50%, -50%); 8273 -ms-transform: translate(-50%, -50%); 8274 -o-transform: translate(-50%, -50%); 8275 transform: translate(-50%, -50%) 8276 } 8277 } 8278 8279 .blu-modal.b-dialog .blu-modal__container[data-v-6ada375c]:before,.blu-modal.b-dialog .blu-modal__container[data-v-6ada375c]:after { 8280 content: ""; 8281 width: calc(100% - 60px); 8282 margin: 0 30px; 8283 border-radius: 0 0 24px 24px; 8284 position: absolute; 8285 left: 0 8286 } 8287 8288 .blu-modal.b-dialog .blu-modal__container[data-v-6ada375c]:before { 8289 height: 9px; 8290 bottom: -9px; 8291 z-index: 2; 8292 background: linear-gradient(0deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.12) 100%) 8293 } 8294 8295 .blu-modal.b-dialog .blu-modal__container[data-v-6ada375c]:after { 8296 height: 16px; 8297 border-top: #fff 1px solid; 8298 bottom: -15px 8299 } 8300 8301 .blu-modal.b-dialog .blu-modal__close[data-v-6ada375c] { 8302 display: none 8303 } 8304 8305 .blu-modal.b-dialog.b-info .blu-modal__container[data-v-6ada375c]:after { 8306 background-color: #1d8fff 8307 } 8308 8309 .blu-modal.b-dialog.b-success .blu-modal__container[data-v-6ada375c]:after { 8310 background-color: #22a334 8311 } 8312 8313 .blu-modal.b-dialog.b-warning .blu-modal__container[data-v-6ada375c]:after { 8314 background-color: #ffcd00 8315 } 8316 8317 .blu-modal.b-dialog.b-danger .blu-modal__container[data-v-6ada375c]:after { 8318 background-color: #ff4646 8319 } 8320 8321 .blu-modal.b-page .blu-modal__body[data-v-6ada375c] { 8322 color: rgba(25,34,42,.7019607843) 8323 } 8324 8325 @media screen and (min-width: 769px),print { 8326 .blu-modal.b-page .blu-modal__body[data-v-6ada375c] { 8327 padding:0 24px 8328 } 8329 } 8330 8331 @media screen and (max-width: 768px) { 8332 .blu-modal.b-page .blu-modal__body[data-v-6ada375c] { 8333 padding:0 16px; 8334 padding-bottom: calc(env(safe-area-inset-bottom) + 4px); 8335 overflow-y: auto 8336 } 8337 } 8338 8339 .blu-modal.b-page .blu-modal__body[data-v-6ada375c]::before { 8340 content: ""; 8341 background: #fff; 8342 height: 20px; 8343 width: 100%; 8344 left: 0; 8345 bottom: 0; 8346 position: fixed 8347 } 8348 8349 @media screen and (min-width: 769px),print { 8350 .blu-modal.b-page .blu-modal__body[data-v-6ada375c]::before { 8351 display:none 8352 } 8353 } 8354 8355 @media screen and (min-width: 769px),print { 8356 .blu-modal.b-page .blu-modal__container[data-v-6ada375c] { 8357 border-radius:16px; 8358 padding-top: 32px 8359 } 8360 } 8361 8362 @media screen and (max-width: 768px) { 8363 .blu-modal.b-page .blu-modal__container[data-v-6ada375c] { 8364 padding-top:24px; 8365 width: 100%; 8366 max-width: 100%; 8367 height: auto; 8368 border-radius: 16px 16px 0 0; 8369 left: 0; 8370 bottom: 0; 8371 padding-top: 24px; 8372 padding-bottom: calc(env(safe-area-inset-bottom) + 16px) 8373 } 8374 } 8375 8376 @media screen and (min-width: 769px),print { 8377 .blu-modal.b-page .blu-modal__footer[data-v-6ada375c] { 8378 padding:24px 24px 8379 } 8380 } 8381 8382 @media screen and (max-width: 768px) { 8383 .blu-modal.b-page .blu-modal__footer[data-v-6ada375c] { 8384 width:100%; 8385 padding: 16px; 8386 transition: all .3s cubic-bezier(0, 0, 0.2, 1.2); 8387 bottom: 0; 8388 padding-bottom: env(safe-area-inset-bottom); 8389 background: #fff 8390 } 8391 } 8392 8393 .blu-modal.b-page .blu-modal__footer[data-v-6ada375c]::before { 8394 content: ""; 8395 background: #fff; 8396 height: 20px; 8397 width: 100%; 8398 left: 0; 8399 bottom: 0; 8400 position: fixed 8401 } 8402 8403 @media screen and (min-width: 769px),print { 8404 .blu-modal.b-page .blu-modal__footer[data-v-6ada375c]::before { 8405 display:none 8406 } 8407 } 8408 8409 @media screen and (min-width: 769px),print { 8410 .blu-modal.b-page .blu-modal__header[data-v-6ada375c] { 8411 padding:0 24px 8412 } 8413 } 8414 8415 @media screen and (max-width: 768px) { 8416 .blu-modal.b-page .blu-modal__header[data-v-6ada375c] { 8417 padding:0 16px 8418 } 8419 } 8420 8421 .blu-modal.b-page .blu-modal__icon[data-v-6ada375c] { 8422 display: none 8423 } 8424 8425 @media screen and (max-width: 768px) { 8426 .blu-modal.b-page.fade-enter-active[data-v-6ada375c],.blu-modal.b-page.fade-leave-active[data-v-6ada375c] { 8427 transition:opacity .3s 8428 } 8429 8430 .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] { 8431 transition: bottom .3s; 8432 transition: all .3s cubic-bezier(0, 0, 0.2, 1.2); 8433 bottom: 0 8434 } 8435 8436 .blu-modal.b-page.fade-enter-active[data-v-6ada375c] { 8437 transition: opacity .3s cubic-bezier(0, 0, 0.2, 1.2) 8438 } 8439 8440 .blu-modal.b-page.fade-leave-active[data-v-6ada375c] { 8441 transition: opacity .3s cubic-bezier(0.8, 0, 1, 1) 8442 } 8443 8444 .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] { 8445 bottom: -96vh 8446 } 8447 } 8448 8449 .blu-modal.b-no-button .blu-modal__container[data-v-6ada375c] { 8450 padding-bottom: 20px 8451 } 8452 8453 @media screen and (max-width: 768px) { 8454 .blu-modal.b-no-button .blu-modal__body[data-v-6ada375c] { 8455 padding-bottom:env(safe-area-inset-bottom) 8456 } 8457 } 8458 8459 .blu-modal.b-no-button .blu-modal__footer[data-v-6ada375c] { 8460 display: none 8461 } 8462 8463 .fade-enter-active[data-v-6ada375c],.fade-leave-active[data-v-6ada375c] { 8464 position: absolute; 8465 z-index: 998; 8466 transition: opacity .3s 8467 } 8468 8469 .fade-enter[data-v-6ada375c],.fade-leave-to[data-v-6ada375c] { 8470 opacity: 0 8471 } 8472 8473 img[data-v-6ada375c] { 8474 max-width: 100% 8475 } 8476 8477 .blu-modal.b-dialog .blu-modal__icon[data-v-6ada375c] { 8478 width: 40px; 8479 height: 40px; 8480 margin-bottom: 40px 8481 } 8482 8483 @media screen and (max-width: 768px) { 8484 .blu-modal.b-dialog .blu-modal__icon[data-v-6ada375c] { 8485 width:24px; 8486 height: 24px; 8487 margin-bottom: 32px 8488 } 8489 } 8490 8491 .blu-modal.b-dialog.b-info .blu-modal__icon[data-v-6ada375c] { 8492 background-color: #1d8fff; 8493 -webkit-mask-image: url(data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PSIwIDAgMjQgMjQiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+DQo8cGF0aCBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGNsaXAtcnVsZT0iZXZlbm9kZCIgZD0iTTIgMTJDMiA2LjQ4IDYuNDggMiAxMiAyQzE3LjUyIDIgMjIgNi40OCAyMiAxMkMyMiAxNy41MiAxNy41MiAyMiAxMiAyMkM2LjQ4IDIyIDIgMTcuNTIgMiAxMlpNMTEuOTcgOC43Mzc2NEMxMi43MjY2IDguNzM3NjQgMTMuMzQgOC4xMjQ4IDEzLjM0IDcuMzY4ODJDMTMuMzQgNi42MTI4NCAxMi43MjY2IDYgMTEuOTcgNkMxMS4yMTM0IDYgMTAuNiA2LjYxMjg0IDEwLjYgNy4zNjg4MkMxMC42IDguMTI0OCAxMS4yMTM0IDguNzM3NjQgMTEuOTcgOC43Mzc2NFpNMTEuNDk5OSAxMC4xMDY0SDEyLjQ0OTlDMTIuODQ5OSAxMC4xMDY0IDEzLjE3OTkgMTAuNDM2MiAxMy4xNzk5IDEwLjgzNThWMTcuMjcwM0MxMy4xNzk5IDE3LjY2OTkgMTIuODQ5OSAxNy45OTk2IDEyLjQ0OTkgMTcuOTk5NkgxMS40OTk5QzExLjA5OTkgMTcuOTk5NiAxMC43Njk5IDE3LjY2OTkgMTAuNzY5OSA
8493xNy4yNzAzVjEwLjgzNThDMTAuNzY5OSAxMC40MzYyIDExLjA5OTkgMTAuMTA2NCAxMS40OTk5IDEwLjEwNjRaIiBmaWxsPSIjNzk3Rjg1Ii8+DQo8L3N2Zz4NCg==); 8494 mask-image: url(data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PSIwIDAgMjQgMjQiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+DQo8cGF0aCBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGNsaXAtcnVsZT0iZXZlbm9kZCIgZD0iTTIgMTJDMiA2LjQ4IDYuNDggMiAxMiAyQzE3LjUyIDIgMjIgNi40OCAyMiAxMkMyMiAxNy41MiAxNy41MiAyMiAxMiAyMkM2LjQ4IDIyIDIgMTcuNTIgMiAxMlpNMTEuOTcgOC43Mzc2NEMxMi43MjY2IDguNzM3NjQgMTMuMzQgOC4xMjQ4IDEzLjM0IDcuMzY4ODJDMTMuMzQgNi42MTI4NCAxMi43MjY2IDYgMTEuOTcgNkMxMS4yMTM0IDYgMTAuNiA2LjYxMjg0IDEwLjYgNy4zNjg4MkMxMC42IDguMTI0OCAxMS4yMTM0IDguNzM3NjQgMTEuOTcgOC43Mzc2NFpNMTEuNDk5OSAxMC4xMDY0SDEyLjQ0OTlDMTIuODQ5OSAxMC4xMDY0IDEzLjE3OTkgMTAuNDM2MiAxMy4xNzk5IDEwLjgzNThWMTcuMjcwM0MxMy4xNzk5IDE3LjY2OTkgMTIuODQ5OSAxNy45OTk2IDEyLjQ0OTkgMTcuOTk5NkgxMS40OTk5QzExLjA5OTkgMTcuOTk5NiAxMC43Njk5IDE3LjY2OTkgMTAuNzY5OSAxNy4yNzAzVjEwLjgzNThDMTAuNzY5OSAxMC40MzYyIDExLjA5OTkgMTAuMTA2NCAxMS40OTk5IDEwLjEwNjRaIiBmaWxsPSIjNzk3Rjg1Ii8+DQo8L3N2Zz4NCg==) 8495 } 8496 8497 .blu-modal.b-dialog.b-success .blu-modal__icon[data-v-6ada375c] { 8498 background-color: #22a334; 8499 -webkit-mask-image: url(data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PSIwIDAgMjQgMjQiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+DQo8cGF0aCBkPSJNMTIgMkM2LjQ4IDIgMiA2LjQ4IDIgMTJDMiAxNy41MiA2LjQ4IDIyIDEyIDIyQzE3LjUyIDIyIDIyIDE3LjUyIDIyIDEyQzIyIDYuNDggMTcuNTIgMiAxMiAyWk0xNy4wNSA5LjExTDEyLjA2IDE2LjEyQzExLjg4IDE2LjM3IDExLjYgMTYuNTIgMTEuMjkgMTYuNTRIMTEuMjRDMTAuOTUgMTYuNTQgMTAuNjcgMTYuNDIgMTAuNDggMTYuMTlMNi45OSAxMi4xM0M2LjgyIDExLjkzIDYuNzMgMTEuNjcgNi43NSAxMS40MUM2Ljc3IDExLjE0IDYuODkgMTAuOSA3LjA5IDEwLjczQzcuNTEgMTAuMzcgOC4xNCAxMC40MiA4LjUgMTAuODRMMTEuMTYgMTMuOTNMMTUuNDEgNy45NkMxNS43MyA3LjUxIDE2LjM1IDcuNDEgMTYuOCA3LjczQzE3LjAyIDcuODggMTcuMTYgOC4xMSAxNy4yMSA4LjM4QzE3LjI1IDguNjQgMTcuMTkgOC45MSAxNy4wNCA5LjEyTDE3LjA1IDkuMTFaIiBmaWxsPSIjNzk3Rjg1Ii8+DQo8L3N2Zz4=); 8500 mask-image: url(data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PSIwIDAgMjQgMjQiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+DQo8cGF0aCBkPSJNMTIgMkM2LjQ4IDIgMiA2LjQ4IDIgMTJDMiAxNy41MiA2LjQ4IDIyIDEyIDIyQzE3LjUyIDIyIDIyIDE3LjUyIDIyIDEyQzIyIDYuNDggMTcuNTIgMiAxMiAyWk0xNy4wNSA5LjExTDEyLjA2IDE2LjEyQzExLjg4IDE2LjM3IDExLjYgMTYuNTIgMTEuMjkgMTYuNTRIMTEuMjRDMTAuOTUgMTYuNTQgMTAuNjcgMTYuNDIgMTAuNDggMTYuMTlMNi45OSAxMi4xM0M2LjgyIDExLjkzIDYuNzMgMTEuNjcgNi43NSAxMS40MUM2Ljc3IDExLjE0IDYuODkgMTAuOSA3LjA5IDEwLjczQzcuNTEgMTAuMzcgOC4xNCAxMC40MiA4LjUgMTAuODRMMTEuMTYgMTMuOTNMMTUuNDEgNy45NkMxNS43MyA3LjUxIDE2LjM1IDcuNDEgMTYuOCA3LjczQzE3LjAyIDcuODggMTcuMTYgOC4xMSAxNy4yMSA4LjM4QzE3LjI1IDguNjQgMTcuMTkgOC45MSAxNy4wNCA5LjEyTDE3LjA1IDkuMTFaIiBmaWxsPSIjNzk3Rjg1Ii8+DQo8L3N2Zz4=) 8501 } 8502 8503 .blu-modal.b-dialog.b-warning .blu-modal__icon[data-v-6ada375c] { 8504 background-color: #ffcd00; 8505 -webkit-mask-image: url(data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PSIwIDAgMjQgMjQiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+DQo8cGF0aCBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGNsaXAtcnVsZT0iZXZlbm9kZCIgZD0iTTMuODc0MzYgMjFIMjAuMTE0NEgyMC4xMjQ0QzIxLjU1MzUgMjEgMjIuNDUyOSAxOS41MDM1IDIxLjc2MzQgMTguMjg2NEwxMy42NDg0IDMuOTUwMjZDMTIuOTM4OCAyLjY4MzI1IDExLjA2OTkgMi42ODMyNSAxMC4zNjA0IDMuOTUwMjZMMi4yMzUzNyAxOC4yOTY0QzEuNTQ1OCAxOS41MTM1IDIuNDU1MjQgMjEgMy44NzQzNiAyMVpNMTAuOTkgMTMuOTM3NEwxMC43MDAyIDkuMDk4ODdWNy43NTIwNUMxMC43MDAyIDcuMzMzMDQgMTEuMDQgNi45OTM4NCAxMS40NTk3IDYuOTkzODRIMTIuNjA5QzEzLjAyODggNi45OTM4NCAxMy4zNjg2IDcuMzMzMDQgMTMuMzY4NiA3Ljc1MjA1VjkuMTA4ODRMMTMuMDg4NyAxMy45Mjc1QzEzLjA2ODcgMTQuMzI2NSAxMi43Mzg5IDE0LjYzNTggMTIuMzI5MiAxNC42MzU4SDExLjc0OTVDMTEuMzQ5OCAxNC42MzU4IDExLjAyIDE0LjMyNjUgMTAuOTkgMTMuOTI3NVYxMy45Mzc0Wk0xMS45OTk0IDE4Ljk2NTJDMTIuNzg4NyAxOC45NjUyIDEzLjQyODYgMTguMzI2NSAxMy40Mjg2IDE3LjUzODZDMTMuNDI4NiAxNi43NTA3IDEyLjc4ODcgMTYuMTEyIDExLjk5OTQgMTYuMTEyQzExLjIxMDIgMTYuMTEyIDEwLjU3MDMgMTYuNzUwNyAxMC41NzAzIDE3LjUzODZDMTAuNTcwMyAxOC4zMjY1IDExLjIxMDIgMTguOTY1MiAxMS45OTk0IDE4Ljk2NTJaIiBmaWxsPSIjNzk3Rjg1Ii8+DQo8L3N2Zz4NCg==); 8506 mask-image: url(data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PSIwIDAgMjQgMjQiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+DQo8cGF0aCBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGNsaXAtcnVsZT0iZXZlbm9kZCIgZD0iTTMuODc0MzYgMjFIMjAuMTE0NEgyMC4xMjQ0QzIxLjU1MzUgMjEgMjIuNDUyOSAxOS41MDM1IDIxLjc2MzQgMTguMjg2NEwxMy42NDg0IDMuOTUwMjZDMTIuOTM4OCAyLjY4MzI1IDExLjA2OTkgMi42ODMyNSAxMC4zNjA0IDMuOTUwMjZMMi4yMzUzNyAxOC4yOTY0QzEuNTQ1OCAxOS41MTM1IDIuNDU1MjQgMjEgMy44NzQzNiAyMVpNMTAuOTkgMTMuOTM3NEwxMC43MDAyIDkuMDk4ODdWNy43NTIwNUMxMC43MDAyIDcuMzMzMDQgMTEuMDQgNi45OTM4NCAxMS40NTk3IDYuOTkzODRIMTIuNjA5QzEzLjAyODggNi45OTM4NCAxMy4zNjg2IDcuMzMzMDQgMTMuMzY4NiA3Ljc1MjA1VjkuMTA4ODRMMTMuMDg4NyAxMy45Mjc1QzEzLjA2ODcgMTQuMzI2NSAxMi43Mzg5IDE0LjYzNTggMTIuMzI5MiAxNC42MzU4SDExLjc0OTVDMTEuMzQ5OCAxNC42MzU4IDExLjAyIDE0LjMyNjUgMTAuOTkgMTMuOTI3NVYxMy45Mzc0Wk0xMS45OTk0IDE4Ljk2NTJDMTIuNzg4NyAxOC45NjUyIDEzLjQyODYgMTguMzI2NSAxMy40Mjg2IDE3LjUzODZDMTMuNDI4NiAxNi43NTA3IDEyLjc4ODcgMTYuMTEyIDExLjk5OTQgMTYuMTEyQzExLjIxMDIgMTYuMTEyIDEwLjU3MDMgMTYuNzUwNyAxMC41NzAzIDE3LjUzODZDMTAuNTcwMyAxOC4zMjY1IDExLjIxMDIgMTguOTY1MiAxMS45OTk0IDE4Ljk2NTJaIiBmaWxsPSIjNzk3Rjg1Ii8+DQo8L3N2Zz4NCg==) 8507 } 8508 8509 .blu-modal.b-dialog.b-danger .blu-modal__icon[data-v-6ada375c] { 8510 background-color: #ff4646; 8511 -webkit-mask-image: url(data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PSIwIDAgMjQgMjQiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+DQo8cGF0aCBkPSJNMTIgMkM2LjQ4IDIgMiA2LjQ4IDIgMTJDMiAxNy41MiA2LjQ4IDIyIDEyIDIyQzE3LjUyIDIyIDIyIDE3LjUyIDIyIDEyQzIyIDYuNDggMTcuNTIgMiAxMiAyWk0xNi4yNCAxNC44M0MxNi42MyAxNS4yMiAxNi42MyAxNS44NSAxNi4yNCAxNi4yNEMxNS44NSAxNi42MyAxNS4yMiAxNi42MyAxNC44MyAxNi4yNEwxMiAxMy40MUw5LjE3IDE2LjI0QzguNzggMTYuNjMgOC4xNSAxNi42MyA3Ljc2IDE2LjI0QzcuMzcgMTUuODUgNy4zNyAxNS4yMiA3Ljc2IDE0LjgzTDEwLjU5IDEyTDcuNzYgOS4xN0M3LjM3IDguNzggNy4zNyA4LjE1IDcuNzYgNy43NkM4LjE1IDcuMzcgOC43OCA3LjM3IDkuMTcgNy43NkwxMiAxMC41OUwxNC44MyA3Ljc2QzE1LjIyIDcuMzcgMTUuODUgNy4zNyAxNi4yNCA3Ljc2QzE2LjYzIDguMTUgMTYuNjMgOC43OCAxNi4yNCA5LjE3TDEzLjQxIDEyTDE2LjI0IDE0LjgzWiIgZmlsbD0iIzc5N0Y4NSIvPg0KPC9zdmc+); 8512 mask-image: url(data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PSIwIDAgMjQgMjQiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+DQo8cGF0aCBkPSJNMTIgMkM2LjQ4IDIgMiA2LjQ4IDIgMTJDMiAxNy41MiA2LjQ4IDIyIDEyIDIyQzE3LjUyIDIyIDIyIDE3LjUyIDIyIDEyQzIyIDYuNDggMTcuNTIgMiAxMiAyWk0xNi4yNCAxNC44M0MxNi42MyAxNS4yMiAxNi42MyAxNS44NSAxNi4yNCAxNi4yNEMxNS44NSAxNi42MyAxNS4yMiAxNi42MyAxNC44MyAxNi4yNEwxMiAxMy40MUw5LjE3IDE2LjI0QzguNzggMTYuNjMgOC4xNSAxNi42MyA3Ljc2IDE2LjI0QzcuMzcgMTUuODUgNy4zNyAxNS4yMiA3Ljc2IDE0LjgzTDEwLjU5IDEyTDcuNzYgOS4xN0M3LjM3IDguNzggNy4zNyA4LjE1IDcuNzYgNy43NkM4LjE1IDcuMzcgOC43OCA3LjM3IDkuMTcgNy43NkwxMiAxMC41OUwxNC44MyA3Ljc2QzE1LjIyIDcuMzcgMTUuODUgNy4zNyAxNi4yNCA3Ljc2QzE2LjYzIDguMTUgMTYuNjMgOC43OCAxNi4yNCA5LjE3TDEzLjQxIDEyTDE2LjI0IDE0LjgzWiIgZmlsbD0iIzc5N0Y4NSIvPg0KPC9zdmc+) 8513 } 8514 8515 @media screen and (max-width: 768px) { 8516 .blu-modal.b-full-screen .blu-modal__container[data-v-6ada375c] { 8517 min-height:100%; 8518 border-radius: unset; 8519 padding-top: 0 8520 } 8521 8522 .blu-modal.b-full-screen .blu-modal__close[data-v-6ada375c] { 8523 display: none 8524 } 8525 } 8526 </style> 8527 <style type="text/css"> 8528 .tabs[data-v-2ff01c43] { 8529 border-bottom: #acb0b4 1px solid; 8530 display: flex; 8531 position: relative; 8532 white-space: nowrap; 8533 scroll-behavior: smooth; 8534 scrollbar-width: none 8535 } 8536 8537 .tabs[data-v-2ff01c43]::-webkit-scrollbar { 8538 display: none 8539 } 8540 8541 .tabs a[data-v-2ff01c43],.tabs__header-title[data-v-2ff01c43] { 8542 outline: none; 8543 display: flex; 8544 color: rgba(25,34,42,.7019607843); 8545 font: 16px/20px "blibli",-apple-system,segoe ui,roboto,helvetica,arial,sans-serif; 8546 padding: 22px 0px; 8547 position: relative; 8548 white-space: nowrap; 8549 align-items: center; 8550 height: 64px; 8551 cursor: pointer 8552 } 8553 8554 .tabs a .tabs__icon[data-v-2ff01c43],.tabs__header-title .tabs__icon[data-v-2ff01c43] { 8555 position: relative; 8556 display: inline-flex 8557 } 8558 8559 .tabs a .tabs__icon[data-v-2ff01c43]:not(:empty),.tabs__header-title .tabs__icon[data-v-2ff01c43]:not(:empty) { 8560 margin-right: 4px 8561 } 8562 8563 .tabs a .tabs__icon svg[data-v-2ff01c43],.tabs__header-title .tabs__icon svg[data-v-2ff01c43] { 8564 vertical-align: bottom; 8565 color: rgba(25,34,42,.4) 8566 } 8567 8568 .tabs a .tabs__label[data-v-2ff01c43],.tabs__header-title .tabs__label[data-v-2ff01c43] { 8569 display: inline-flex 8570 } 8571 8572 .tabs a .tabs__label[data-v-2ff01c43]:not(:empty),.tabs__header-title .tabs__label[data-v-2ff01c43]:not(:empty) { 8573 padding-left: 4px 8574 } 8575 8576 @media screen and (max-width: 768px) { 8577 .tabs a[data-v-2ff01c43],.tabs__header-title[data-v-2ff01c43] { 8578 padding:10px 0px; 8579 height: 40px 8580 } 8581 } 8582 8583 .tabs a[data-v-2ff01c43]:not(:last-child),.tabs__header-title[data-v-2ff01c43]:not(:last-child) { 8584 margin-right: 16px 8585 } 8586 8587 .tabs a[data-v-2ff01c43]:before,.tabs__header-title[data-v-2ff01c43]:before { 8588 content: ""; 8589 height: 3px; 8590 background: #0072ff; 8591 position: absolute; 8592 bottom: 0; 8593 left: 0; 8594 opacity: 0; 8595 transition: opacity 1s 8596 } 8597 8598 .tabs a[data-v-2ff01c43]:after,.tabs__header-title[data-v-2ff01c43]:after { 8599 content: ""; 8600 width: 100%; 8601 bottom: 0; 8602 left: 0; 8603 position: absolute; 8604 border-bottom: none; 8605 transition: border-bottom ease-out .2s 8606 } 8607 8608 .tabs a[data-v-2ff01c43]:hover:after,.tabs__header-title[data-v-2ff01c43]:hover:after { 8609 border-bottom: 2px solid #acb0b4; 8610 border-radius: 1px 8611 } 8612 8613 .tabs a.b-active[data-v-2ff01c43],.tabs__header-title.b-active[data-v-2ff01c43] { 8614 opacity: 1;
8615 color: #0072ff 8616 } 8617 8618 .tabs a.b-active .tabs__icon svg[data-v-2ff01c43],.tabs__header-title.b-active .tabs__icon svg[data-v-2ff01c43] { 8619 color: #0072ff 8620 } 8621 8622 .tabs a.b-disabled[data-v-2ff01c43],.tabs__header-title.b-disabled[data-v-2ff01c43] { 8623 opacity: 1; 8624 color: rgba(25,34,42,.4) 8625 } 8626 8627 .tabs a.b-disabled[data-v-2ff01c43]:hover:after,.tabs__header-title.b-disabled[data-v-2ff01c43]:hover:after { 8628 border-bottom: none 8629 } 8630 8631 .tabs a.b-disabled .tabs__label .label[data-v-2ff01c43],.tabs__header-title.b-disabled .tabs__label .label[data-v-2ff01c43] { 8632 background-color: #e1e3e4; 8633 color: rgba(25,34,42,.4) 8634 } 8635 8636 .tabs a .tabs__icon[data-v-2ff01c43],.tabs__header-title .tabs__icon[data-v-2ff01c43] { 8637 margin-right: 2px 8638 } 8639 8640 .tabs a .tabs__icon svg[data-v-2ff01c43],.tabs__header-title .tabs__icon svg[data-v-2ff01c43] { 8641 vertical-align: middle; 8642 color: rgba(25,34,42,.4); 8643 transform: scale(0.75) 8644 } 8645 8646 .tabs a[data-v-2ff01c43]:not(.b-disabled):focus-visible,.tabs__header-title[data-v-2ff01c43]:not(.b-disabled):focus-visible { 8647 color: #fff; 8648 background: #000 8649 } 8650 8651 .tabs a:not(.b-disabled):focus-visible svg[data-v-2ff01c43],.tabs__header-title:not(.b-disabled):focus-visible svg[data-v-2ff01c43] { 8652 color: #fff 8653 } 8654 8655 .tabs.b-centered[data-v-2ff01c43],.tabs.b-centered-primary[data-v-2ff01c43] { 8656 display: block 8657 } 8658 8659 .tabs.b-centered a[data-v-2ff01c43],.tabs.b-centered-primary a[data-v-2ff01c43] { 8660 width: 100%; 8661 justify-content: center; 8662 min-width: 0 8663 } 8664 8665 .tabs.b-primary[data-v-2ff01c43],.tabs.b-centered-primary[data-v-2ff01c43] { 8666 background-color: #fff; 8667 box-shadow: 0 1px 6px 0 rgba(0,0,0,.1); 8668 border-radius: 8px; 8669 padding: 4px; 8670 margin-top: 10px; 8671 border-bottom: none 8672 } 8673 8674 @media screen and (min-width: 960px) { 8675 .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] { 8676 top:0 8677 } 8678 } 8679 8680 .tabs.b-primary .slider[data-v-2ff01c43],.tabs.b-centered-primary .slider[data-v-2ff01c43] { 8681 display: none 8682 } 8683 8684 .tabs.b-primary a[data-v-2ff01c43],.tabs.b-centered-primary a[data-v-2ff01c43] { 8685 padding: 7px 16px; 8686 border-radius: 4px; 8687 transition: all .3s ease; 8688 font: 14px/18px "blibli demi bold",-apple-system,segoe ui,roboto,helvetica,arial,sans-serif; 8689 color: #0072ff; 8690 height: 32px 8691 } 8692 8693 .tabs.b-primary a[data-v-2ff01c43]:hover:after,.tabs.b-centered-primary a[data-v-2ff01c43]:hover:after { 8694 border-bottom: none 8695 } 8696 8697 .tabs.b-primary a[data-v-2ff01c43]:not(:last-child),.tabs.b-centered-primary a[data-v-2ff01c43]:not(:last-child) { 8698 margin-right: 8px 8699 } 8700 8701 .tabs.b-primary a.b-active[data-v-2ff01c43],.tabs.b-centered-primary a.b-active[data-v-2ff01c43] { 8702 color: #fff; 8703 background-color: #1d8fff 8704 } 8705 8706 .tabs.b-primary a.b-active svg[data-v-2ff01c43],.tabs.b-centered-primary a.b-active svg[data-v-2ff01c43] { 8707 color: #fff 8708 } 8709 8710 .tabs.b-primary a.b-active .blu-label[data-v-2ff01c43],.tabs.b-centered-primary a.b-active .blu-label[data-v-2ff01c43] { 8711 background-color: #fff; 8712 color: #0072ff 8713 } 8714 8715 .tabs.b-primary a.b-active[data-v-2ff01c43]:hover,.tabs.b-centered-primary a.b-active[data-v-2ff01c43]:hover { 8716 background-color: #0072ff 8717 } 8718 8719 .tabs.b-primary a.b-disabled[data-v-2ff01c43],.tabs.b-centered-primary a.b-disabled[data-v-2ff01c43] { 8720 color: rgba(25,34,42,.4) 8721 } 8722 8723 .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 { 8724 background-color: #f1f2f2 8725 } 8726 8727 .tabs.b-primary a[data-v-2ff01c43]:focus-visible,.tabs.b-centered-primary a[data-v-2ff01c43]:focus-visible { 8728 color: #0072ff; 8729 box-shadow: 0px 0px 0px 4px #000; 8730 background-color: #f1f2f2 8731 } 8732 8733 .tabs__item[data-v-2ff01c43] { 8734 padding: 16px 0 8735 } 8736 8737 .tabs__item.b-active[data-v-2ff01c43] { 8738 animation: fade-2ff01c43 .8s ease-in-out 8739 } 8740 8741 .tabs__header[data-v-2ff01c43] { 8742 display: flex 8743 } 8744 8745 .tabs__label[data-v-2ff01c43] { 8746 display: flex; 8747 align-items: center; 8748 margin-left: 4px 8749 } 8750 8751 @media screen and (min-width: 960px) { 8752 .tabs__control[data-v-2ff01c43] { 8753 --tab-fab-position: 16px; 8754 --tab-fab-opacity: 0; 8755 --tab-fab-background: linear-gradient(270deg, rgba(224, 224, 224, 0) 0%, #ffffff 100%); 8756 position: absolute; 8757 top: 0; 8758 left: 0; 8759 width: 100% 8760 } 8761 8762 .tabs__control[data-v-2ff01c43]:hover { 8763 --tab-fab-opacity: 1;
8764 --tab-fab-position: 0 8765 } 8766 8767 .tabs__control-prev[data-v-2ff01c43],.tabs__control-next[data-v-2ff01c43] { 8768 width: 56px; 8769 height: 40px; 8770 position: absolute; 8771 opacity: var(--tab-fab-opacity); 8772 background: var(--tab-fab-background); 8773 border-radius: 16px; 8774 transition: all .15s ease; 8775 padding: 4px; 8776 top: 11px; 8777 cursor: pointer 8778 } 8779 8780 .tabs__control-prev div[data-v-2ff01c43],.tabs__control-next div[data-v-2ff01c43] { 8781 width: 32px; 8782 height: 32px; 8783 background: #fff; 8784 box-shadow: 0 1px 6px 0 rgba(0,0,0,.1); 8785 border-radius: 50%; 8786 position: relative; 8787 display: grid; 8788 place-items: center; 8789 left: var(--tab-fab-position); 8790 transition: all .15s cubic-bezier(0, 0, 0.2, 1.2) 8791 } 8792 8793 .tabs__control-prev div[data-v-2ff01c43]::after,.tabs__control-next div[data-v-2ff01c43]::after { 8794 content: ""; 8795 background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB2aWV3Qm94PSIwIDAgMjQgMjQiPgogIDxkZWZzPgogICAgPHBhdGgKICAgICAgICBpZD0iMTkwcjYzOHp6YSIKICAgICAgICBkPSJNMCA1LjE1NGMwLS42MzYuMjkyLTEuMjE5LjgtMS42TDUuNDExLjE5MmMuNDQ2LS4zMjUgMS4wNzItLjIyOCAxLjM5Ny4yMi4zMjUuNDQ1LjIyNyAxLjA3MS0uMjE5IDEuMzk2bC00LjYgMy4zNTQgNC41NjMgMy4wMDRjLjQ2LjMwNS41ODcuOTI1LjI4MiAxLjM4Ni0uMzA1LjQ2LS45MjYuNTg2LTEuMzg2LjI4MmwtNC42LTMuMDQ2Qy4yOTEgNi4zNzIgMCA1Ljc5IDAgNS4xNTR6IgogICAgLz4KICA8L2RlZnM+CiAgPGcgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIj4KICAgIDxnPgogICAgICA8Zz4KICAgICAgICA8cGF0aCBmaWxsPSIjRkZGIiBmaWxsLW9wYWNpdHk9Ii4wMSIgZD0iTTAgMEgyNFYyNEgweiIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTU5MiAtNzg1KSB0cmFuc2xhdGUoNTkyIDc4NSkiIC8+CiAgICAgICAgPGcgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTU5MiAtNzg1KSB0cmFuc2xhdGUoNTkyIDc4NSkgdHJhbnNsYXRlKDggNykiPgogICAgICAgICAgPG1hc2sgaWQ9InU0ZGRwYm95eGIiIGZpbGw9IiNmZmYiPjx1c2UgeGxpbms6aHJlZj0iIzE5MHI2Mzh6emEiIC8+PC9tYXNrPgogICAgICAgICAgPHVzZSBmaWxsPSIjNzk3Rjg1IiBmaWxsLXJ1bGU9Im5vbnplcm8iIHhsaW5rOmhyZWY9IiMxOTByNjM4enphIiAvPgogICAgICAgICAgPHBhdGggZmlsbD0iIzAwOTVkYSIgZD0iTS04IC03SDE2VjE3SC04eiIgbWFzaz0idXJsKCN1NGRkcGJveXhiKSIgLz4KICAgICAgICA8L2c+CiAgICAgIDwvZz4KICAgIDwvZz4KICA8L2c+Cjwvc3ZnPgo=); 8796 width: 18px; 8797 height: 18px; 8798 position: absolute 8799 } 8800 8801 .tabs__control-prev[data-v-2ff01c43] { 8802 left: 0 8803 } 8804 8805 .tabs__control-next[data-v-2ff01c43] { 8806 right: 0; 8807 transform: rotate(180deg) 8808 } 8809 } 8810 8811 .tabs:hover~.tabs__control[data-v-2ff01c43] { 8812 --tab-fab-opacity: 1; 8813 --tab-fab-position: 0 8814 } 8815 8816 .tabs-wrapper[data-v-2ff01c43] { 8817 position: relative 8818 } 8819 8820 .slider[data-v-2ff01c43] { 8821 width: auto; 8822 height: 2px; 8823 border-radius: 1px; 8824 background: #0072ff; 8825 opacity: 1; 8826 position: absolute; 8827 left: 0; 8828 bottom: 0; 8829 transition: all .4s linear 8830 } 8831 8832 @keyframes shake-2ff01c43 { 8833 30%,50% { 8834 transform: translate3d(-2px, 0, 0) 8835 } 8836 8837 40%,60% { 8838 transform: translate3d(0, 0, 0) 8839 } 8840 } 8841 8842 @keyframes fade-2ff01c43 { 8843 0% { 8844 opacity: 0 8845 } 8846 8847 100% { 8848 opacity: 1 8849 } 8850 } 8851 </style> 8852 <style type="text/css"> 8853 .tabs[data-v-c5343270] { 8854 border-bottom: #acb0b4 1px solid; 8855 display: flex; 8856 position: relative; 8857 white-space: nowrap; 8858 scroll-behavior: smooth; 8859 scrollbar-width: none 8860 } 8861 8862 .tabs[data-v-c5343270]::-webkit-scrollbar { 8863 display: none 8864 } 8865 8866 .tabs a[data-v-c5343270],.tabs__header-title[data-v-c5343270] { 8867 outline: none; 8868 display: flex; 8869 color: rgba(25,34,42,.7019607843); 8870 font: 16px/20px "blibli",-apple-system,segoe ui,roboto,helvetica,arial,sans-serif; 8871 padding: 22px 0px; 8872 position: relative; 8873 white-space: nowrap; 8874 align-items: center; 8875 height: 64px; 8876 cursor: pointer 8877 } 8878 8879 .tabs a .tabs__icon[data-v-c5343270],.tabs__header-title .tabs__icon[data-v-c5343270] { 8880 position: relative; 8881 display: inline-flex 8882 } 8883 8884 .tabs a .tabs__icon[data-v-c5343270]:not(:empty),.tabs__header-title .tabs__icon[data-v-c5343270]:not(:empty) { 8885 margin-right: 4px 8886 } 8887 8888 .tabs a .tabs__icon svg[data-v-c5343270],.tabs__header-title .tabs__icon svg[data-v-c5343270] { 8889 vertical-align: bottom; 8890 color: rgba(25,34,42,.4) 8891 } 8892 8893 .tabs a .tabs__label[data-v-c5343270],.tabs__header-title .tabs__label[data-v-c5343270] { 8894 display: inline-flex 8895 } 8896 8897 .tabs a .tabs__label[data-v-c5343270]:not(:empty),.tabs__header-title .tabs__label[data-v-c5343270]:not(:empty) { 8898 padding-left: 4px 8899 } 8900 8901 @media screen and (max-width: 768px) { 8902 .tabs a[data-v-c5343270],.tabs__header-title[data-v-c5343270] { 8903 padding:10px 0px; 8904 height: 40px 8905 } 8906 } 8907 8908 .tabs a[data-v-c5343270]:not(:last-child),.tabs__header-title[data-v-c5343270]:not(:last-child) { 8909 margin-right: 16px 8910 } 8911 8912 .tabs a[data-v-c5343270]:before,.tabs__header-title[data-v-c5343270]:before { 8913 content: ""; 8914 height: 3px; 8915 background: #0072ff; 8916 position: absolute; 8917 bottom: 0; 8918 left: 0; 8919 opacity: 0; 8920 transition: opacity 1s 8921 } 8922 8923 .tabs a[data-v-c5343270]:after,.tabs__header-title[data-v-c5343270]:after { 8924 content: ""; 8925 width: 100%; 8926 bottom: 0; 8927 left: 0; 8928 position: absolute; 8929 border-bottom: none; 8930 transition: border-bottom ease-out .2s 8931 } 8932 8933 .tabs a[data-v-c5343270]:hover:after,.tabs__header-title[data-v-c5343270]:hover:after { 8934 border-bottom: 2px solid #acb0b4; 8935 border-radius: 1px 8936 } 8937 8938 .tabs a.b-active[data-v-c5343270],.tabs__header-title.b-active[data-v-c5343270] { 8939 opacity: 1;
8940 color: #0072ff 8941 } 8942 8943 .tabs a.b-active .tabs__icon svg[data-v-c5343270],.tabs__header-title.b-active .tabs__icon svg[data-v-c5343270] { 8944 color: #0072ff 8945 } 8946 8947 .tabs a.b-disabled[data-v-c5343270],.tabs__header-title.b-disabled[data-v-c5343270] { 8948 opacity: 1; 8949 color: rgba(25,34,42,.4) 8950 } 8951 8952 .tabs a.b-disabled[data-v-c5343270]:hover:after,.tabs__header-title.b-disabled[data-v-c5343270]:hover:after { 8953 border-bottom: none 8954 } 8955 8956 .tabs a.b-disabled .tabs__label .label[data-v-c5343270],.tabs__header-title.b-disabled .tabs__label .label[data-v-c5343270] { 8957 background-color: #e1e3e4; 8958 color: rgba(25,34,42,.4) 8959 } 8960 8961 .tabs a .tabs__icon[data-v-c5343270],.tabs__header-title .tabs__icon[data-v-c5343270] { 8962 margin-right: 2px 8963 } 8964 8965 .tabs a .tabs__icon svg[data-v-c5343270],.tabs__header-title .tabs__icon svg[data-v-c5343270] { 8966 vertical-align: middle; 8967 color: rgba(25,34,42,.4); 8968 transform: scale(0.75) 8969 } 8970 8971 .tabs a[data-v-c5343270]:not(.b-disabled):focus-visible,.tabs__header-title[data-v-c5343270]:not(.b-disabled):focus-visible { 8972 color: #fff; 8973 background: #000 8974 } 8975 8976 .tabs a:not(.b-disabled):focus-visible svg[data-v-c5343270],.tabs__header-title:not(.b-disabled):focus-visible svg[data-v-c5343270] { 8977 color: #fff 8978 } 8979 8980 .tabs.b-centered[data-v-c5343270],.tabs.b-centered-primary[data-v-c5343270] { 8981 display: block 8982 } 8983 8984 .tabs.b-centered a[data-v-c5343270],.tabs.b-centered-primary a[data-v-c5343270] { 8985 width: 100%; 8986 justify-content: center; 8987 min-width: 0 8988 } 8989 8990 .tabs.b-primary[data-v-c5343270],.tabs.b-centered-primary[data-v-c5343270] { 8991 background-color: #fff; 8992 box-shadow: 0 1px 6px 0 rgba(0,0,0,.1); 8993 border-radius: 8px; 8994 padding: 4px; 8995 margin-top: 10px; 8996 border-bottom: none 8997 } 8998 8999 @media screen and (min-width: 960px) { 9000 .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] { 9001 top:0 9002 } 9003 } 9004 9005 .tabs.b-primary .slider[data-v-c5343270],.tabs.b-centered-primary .slider[data-v-c5343270] { 9006 display: none 9007 } 9008 9009 .tabs.b-primary a[data-v-c5343270],.tabs.b-centered-primary a[data-v-c5343270] { 9010 padding: 7px 16px; 9011 border-radius: 4px; 9012 transition: all .3s ease; 9013 font: 14px/18px "blibli demi bold",-apple-system,segoe ui,roboto,helvetica,arial,sans-serif; 9014 color: #0072ff; 9015 height: 32px 9016 } 9017 9018 .tabs.b-primary a[data-v-c5343270]:hover:after,.tabs.b-centered-primary a[data-v-c5343270]:hover:after { 9019 border-bottom: none 9020 } 9021 9022 .tabs.b-primary a[data-v-c5343270]:not(:last-child),.tabs.b-centered-primary a[data-v-c5343270]:not(:last-child) { 9023 margin-right: 8px 9024 } 9025 9026 .tabs.b-primary a.b-active[data-v-c5343270],.tabs.b-centered-primary a.b-active[data-v-c5343270] { 9027 color: #fff; 9028 background-color: #1d8fff 9029 } 9030 9031 .tabs.b-primary a.b-active svg[data-v-c5343270],.tabs.b-centered-primary a.b-active svg[data-v-c5343270] { 9032 color: #fff 9033 } 9034 9035 .tabs.b-primary a.b-active .blu-label[data-v-c5343270],.tabs.b-centered-primary a.b-active .blu-label[data-v-c5343270] { 9036 background-color: #fff; 9037 color: #0072ff 9038 } 9039 9040 .tabs.b-primary a.b-active[data-v-c5343270]:hover,.tabs.b-centered-primary a.b-active[data-v-c5343270]:hover { 9041 background-color: #0072ff 9042 } 9043 9044 .tabs.b-primary a.b-disabled[data-v-c5343270],.tabs.b-centered-primary a.b-disabled[data-v-c5343270] { 9045 color: rgba(25,34,42,.4) 9046 } 9047 9048 .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 { 9049 background-color: #f1f2f2 9050 } 9051 9052 .tabs.b-primary a[data-v-c5343270]:focus-visible,.tabs.b-centered-primary a[data-v-c5343270]:focus-visible { 9053 color: #0072ff; 9054 box-shadow: 0px 0px 0px 4px #000; 9055 background-color: #f1f2f2 9056 } 9057 9058 .tabs__item[data-v-c5343270] { 9059 padding: 16px 0 9060 } 9061 9062 .tabs__item.b-active[data-v-c5343270] { 9063 animation: fade-c5343270 .8s ease-in-out 9064 } 9065 9066 .tabs__header[data-v-c5343270] { 9067 display: flex 9068 } 9069 9070 .tabs__label[data-v-c5343270] { 9071 display: flex; 9072 align-items: center; 9073 margin-left: 4px 9074 } 9075 9076 @media screen and (min-width: 960px) { 9077 .tabs__control[data-v-c5343270] { 9078 --tab-fab-position: 16px; 9079 --tab-fab-opacity: 0; 9080 --tab-fab-background: linear-gradient(270deg, rgba(224, 224, 224, 0) 0%, #ffffff 100%); 9081 position: absolute; 9082 top: 0; 9083 left: 0; 9084 width: 100% 9085 } 9086 9087 .tabs__control[data-v-c5343270]:hover { 9088 --tab-fab-opacity: 1;
9089 --tab-fab-position: 0 9090 } 9091 9092 .tabs__control-prev[data-v-c5343270],.tabs__control-next[data-v-c5343270] { 9093 width: 56px; 9094 height: 40px; 9095 position: absolute; 9096 opacity: var(--tab-fab-opacity); 9097 background: var(--tab-fab-background); 9098 border-radius: 16px; 9099 transition: all .15s ease; 9100 padding: 4px; 9101 top: 11px; 9102 cursor: pointer 9103 } 9104 9105 .tabs__control-prev div[data-v-c5343270],.tabs__control-next div[data-v-c5343270] { 9106 width: 32px; 9107 height: 32px; 9108 background: #fff; 9109 box-shadow: 0 1px 6px 0 rgba(0,0,0,.1); 9110 border-radius: 50%; 9111 position: relative; 9112 display: grid; 9113 place-items: center; 9114 left: var(--tab-fab-position); 9115 transition: all .15s cubic-bezier(0, 0, 0.2, 1.2) 9116 } 9117 9118 .tabs__control-prev div[data-v-c5343270]::after,.tabs__control-next div[data-v-c5343270]::after { 9119 content: ""; 9120 background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB2aWV3Qm94PSIwIDAgMjQgMjQiPgogIDxkZWZzPgogICAgPHBhdGgKICAgICAgICBpZD0iMTkwcjYzOHp6YSIKICAgICAgICBkPSJNMCA1LjE1NGMwLS42MzYuMjkyLTEuMjE5LjgtMS42TDUuNDExLjE5MmMuNDQ2LS4zMjUgMS4wNzItLjIyOCAxLjM5Ny4yMi4zMjUuNDQ1LjIyNyAxLjA3MS0uMjE5IDEuMzk2bC00LjYgMy4zNTQgNC41NjMgMy4wMDRjLjQ2LjMwNS41ODcuOTI1LjI4MiAxLjM4Ni0uMzA1LjQ2LS45MjYuNTg2LTEuMzg2LjI4MmwtNC42LTMuMDQ2Qy4yOTEgNi4zNzIgMCA1Ljc5IDAgNS4xNTR6IgogICAgLz4KICA8L2RlZnM+CiAgPGcgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIj4KICAgIDxnPgogICAgICA8Zz4KICAgICAgICA8cGF0aCBmaWxsPSIjRkZGIiBmaWxsLW9wYWNpdHk9Ii4wMSIgZD0iTTAgMEgyNFYyNEgweiIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTU5MiAtNzg1KSB0cmFuc2xhdGUoNTkyIDc4NSkiIC8+CiAgICAgICAgPGcgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTU5MiAtNzg1KSB0cmFuc2xhdGUoNTkyIDc4NSkgdHJhbnNsYXRlKDggNykiPgogICAgICAgICAgPG1hc2sgaWQ9InU0ZGRwYm95eGIiIGZpbGw9IiNmZmYiPjx1c2UgeGxpbms6aHJlZj0iIzE5MHI2Mzh6emEiIC8+PC9tYXNrPgogICAgICAgICAgPHVzZSBmaWxsPSIjNzk3Rjg1IiBmaWxsLXJ1bGU9Im5vbnplcm8iIHhsaW5rOmhyZWY9IiMxOTByNjM4enphIiAvPgogICAgICAgICAgPHBhdGggZmlsbD0iIzAwOTVkYSIgZD0iTS04IC03SDE2VjE3SC04eiIgbWFzaz0idXJsKCN1NGRkcGJveXhiKSIgLz4KICAgICAgICA8L2c+CiAgICAgIDwvZz4KICAgIDwvZz4KICA8L2c+Cjwvc3ZnPgo=); 9121 width: 18px; 9122 height: 18px; 9123 position: absolute 9124 } 9125 9126 .tabs__control-prev[data-v-c5343270] { 9127 left: 0 9128 } 9129 9130 .tabs__control-next[data-v-c5343270] { 9131 right: 0; 9132 transform: rotate(180deg) 9133 } 9134 } 9135 9136 .tabs:hover~.tabs__control[data-v-c5343270] { 9137 --tab-fab-opacity: 1; 9138 --tab-fab-position: 0 9139 } 9140 9141 .tabs-wrapper[data-v-c5343270] { 9142 position: relative 9143 } 9144 9145 .slider[data-v-c5343270] { 9146 width: auto; 9147 height: 2px; 9148 border-radius: 1px; 9149 background: #0072ff; 9150 opacity: 1; 9151 position: absolute; 9152 left: 0; 9153 bottom: 0; 9154 transition: all .4s linear 9155 } 9156 9157 @keyframes shake-c5343270 { 9158 30%,50% { 9159 transform: translate3d(-2px, 0, 0) 9160 } 9161 9162 40%,60% { 9163 transform: translate3d(0, 0, 0) 9164 } 9165 } 9166 9167 @keyframes fade-c5343270 { 9168 0% { 9169 opacity: 0 9170 } 9171 9172 100% { 9173 opacity: 1 9174 } 9175 } 9176 </style> 9177 <link data-vue-meta="2" rel="alternate" href="android-app://blibli.mobile.commerce/blibli/product/ps--ELP-60049-00553" id="alternate"> 9178
9178<script src="https://dev.visualwebsiteoptimizer.com/cdn/web/djIkdGU6Ny4wOmFzeW5jJWpxdWVyeQ==/tag-f0973145e3bf01be8a988e6399f80fdcbr.js" crossorigin="anonymous" fetchpriority="high" type="text/javascript"></script>
9178 9179
9179<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%20DEWA200%20DEWA200 Gacor%20Trolley%20DEWA200 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>
9179 9180 <style nonce=""> 9181 .aStyle-kh82igwya { 9182 color: red; 9183 float: left; 9184 opacity: .55; 9185 } 9186 </style> 9187 <style> 9188 html:not([dark]) .blu-loader-skeleton[data-v-5d7a33db] { 9189 --blu-loader-skeleton-border-radius: 8px; 9190 --blu-loader-skeleton-highlight-color-background: linear-gradient(90deg, rgba(249, 249, 250, 0) 0%, #f9f9fa 50.68%, rgba(249, 249, 250, .0001) 100%); 9191 height: var(--blu-loader-skeleton-height); 9192 width: var(--blu-loader-skeleton-width); 9193 background-color: #f1f2f2; 9194 border-radius: var(--blu-loader-skeleton-border-radius) 9195 } 9196 9197 html:not([dark]) .blu-loader-skeleton__gradient[data-v-5d7a33db] { 9198 position: relative; 9199 overflow: hidden; 9200 width: 100%; 9201 height: 100%; 9202 border-radius: var(--blu-loader-skeleton-border-radius) 9203 } 9204 9205 html:not([dark]) .blu-loader-skeleton__gradient[data-v-5d7a33db]:after { 9206 content: ""; 9207 position: absolute; 9208 top: 0; 9209 left: 0; 9210 right: 0; 9211 bottom: 0; 9212 transform: translate(-100%); 9213 background: var(--blu-loader-skeleton-highlight-color-background); 9214 animation: shimmer-5d7a33db .8s infinite .1s 9215 } 9216 9217 html:not([dark]) .blu-loader-skeleton.b-small[data-v-5d7a33db] { 9218 --blu-loader-skeleton-border-radius: 4px 9219 } 9220 9221 html:not([dark]) .blu-loader-skeleton.b-circle[data-v-5d7a33db] { 9222 --blu-loader-skeleton-border-radius: 50% 9223 } 9224 9225 html[dark] .blu-loader-skeleton[data-v-5d7a33db] { 9226 --blu-loader-skeleton-border-radius: 8px; 9227 --blu-loader-skeleton-highlight-color-background: linear-gradient(90deg, rgba(249, 249, 250, 0) 0%, #19222a 50.68%, rgba(249, 249, 250, .0001) 100%); 9228 height: var(--blu-loader-skeleton-height); 9229 width: var(--blu-loader-skeleton-width); 9230 background-color: #28323b; 9231 border-radius: var(--blu-loader-skeleton-border-radius) 9232 } 9233 9234 html[dark] .blu-loader-skeleton__gradient[data-v-5d7a33db] { 9235 position: relative; 9236 overflow: hidden; 9237 width: 100%; 9238 height: 100%; 9239 border-radius: var(--blu-loader-skeleton-border-radius) 9240 } 9241 9242 html[dark] .blu-loader-skeleton__gradient[data-v-5d7a33db]:after { 9243 content: ""; 9244 position: absolute; 9245 top: 0; 9246 left: 0; 9247 right: 0; 9248 bottom: 0; 9249 transform: translate(-100%); 9250 background: var(--blu-loader-skeleton-highlight-color-background); 9251 animation: shimmer-5d7a33db .8s infinite .1s 9252 } 9253 9254 @keyframes shimmer-5d7a33db { 9255 to { 9256 transform: translate(100%) 9257 } 9258 } 9259 9260 html[dark] .blu-loader-skeleton.b-small[data-v-5d7a33db] { 9261 --blu-loader-skeleton-border-radius: 4px 9262 } 9263 9264 html[dark] .blu-loader-skeleton.b-circle[data-v-5d7a33db] { 9265 --blu-loader-skeleton-border-radius: 50% 9266 } 9267 </style> 9268 <style> 9269 html:not([dark]) .blu-loader-general[data-v-5f0af726] { 9270 --blu-loader-general-highlight-color-background: #1d8fff; 9271 --blu-loader-general-base-color-background: #f1f2f2; 9272 width: var(--blu-loader-general-size); 9273 height: var(--blu-loader-general-size) 9274 } 9275 9276 html:not([dark]) .blu-loader-general__asset[data-v-5f0af726] { 9277 animation: general-rotate-5f0af726 1.6s linear infinite; 9278 transform-origin: center center; 9279 transition: all .5s ease-in-out; 9280 width: 100%; 9281 height: 100%; 9282 margin: auto; 9283 transform: rotate(90deg) 9284 } 9285 9286 html:not([dark]) .blu-loader-general__asset--highlight[data-v-5f0af726],html:not([dark]) .blu-loader-general__asset--base[data-v-5f0af726] { 9287 stroke-linecap: round 9288 } 9289 9290 html:not([dark]) .blu-loader-general__asset--highlight[data-v-5f0af726] { 9291 stroke: var(--blu-loader-general-highlight-color-background); 9292 animation: general-highlight-5f0af726 1.6s linear infinite 9293 } 9294 9295 html:not([dark]) .blu-loader-general__asset--base[data-v-5f0af726] { 9296 stroke: var(--blu-loader-general-base-color-background); 9297 animation: general-base-5f0af726 1.6s linear infinite 9298 } 9299 9300 html:not([dark]) .blu-loader-general.b-inverted[data-v-5f0af726] { 9301 --blu-loader-general-highlight-color-background: #ffffff; 9302 --blu-loader-general-base-color-background: #c8cbcd 9303 } 9304 9305 html:not([dark]) .blu-loader-general.b-size-s[data-v-5f0af726] { 9306 --blu-loader-general-size: 16px 9307 } 9308 9309 html:not([dark]) .blu-loader-general.b-size-m[data-v-5f0af726] { 9310 --blu-loader-general-size: 18px 9311 } 9312 9313 html:not([dark]) .blu-loader-general.b-size-l[data-v-5f0af726] { 9314 --blu-loader-general-size: 24px 9315 } 9316 9317 html:not([dark]) .blu-loader-general.b-size-xl[data-v-5f0af726] { 9318 --blu-loader-general-size: 32px 9319 } 9320 9321 html[dark] .blu-loader-general[data-v-5f0af726] { 9322 --blu-loader-general-highlight-color-background: #4fa4ff; 9323 --blu-loader-general-base-color-background: #28323b; 9324 width: var(--blu-loader-general-size); 9325 height: var(--blu-loader-general-size) 9326 } 9327 9328 html[dark] .blu-loader-general__asset[data-v-5f0af726] { 9329 animation: general-rotate-5f0af726 1.6s linear infinite; 9330 transform-origin: center center; 9331 transition: all .5s ease-in-out; 9332 width: 100%; 9333 height: 100%; 9334 margin: auto; 9335 transform: rotate(90deg) 9336 } 9337 9338 html[dark] .blu-loader-general__asset--highlight[data-v-5f0af726],html[dark] .blu-loader-general__asset--base[data-v-5f0af726] { 9339 stroke-linecap: round 9340 } 9341 9342 html[dark] .blu-loader-general__asset--highlight[data-v-5f0af726] { 9343 stroke: var(--blu-loader-general-highlight-color-background); 9344 animation: general-highlight-5f0af726 1.6s linear infinite 9345 } 9346 9347 html[dark] .blu-loader-general__asset--base[data-v-5f0af726] { 9348 stroke: var(--blu-loader-general-base-color-background); 9349 animation: general-base-5f0af726 1.6s linear infinite 9350 } 9351 9352 html[dark] .blu-loader-general.b-inverted[data-v-5f0af726] { 9353 --blu-loader-general-highlight-color-background: #12171d; 9354 --blu-loader-general-base-color-background: #60686e 9355 } 9356 9357 html[dark] .blu-loader-general.b-size-s[data-v-5f0af726] { 9358 --blu-loader-general-size: 16px 9359 } 9360 9361 html[dark] .blu-loader-general.b-size-m[data-v-5f0af726] { 9362 --blu-loader-general-size: 18px 9363 } 9364 9365 html[dark] .blu-loader-general.b-size-l[data-v-5f0af726] { 9366 --blu-loader-general-size: 24px 9367 } 9368 9369 html[dark] .blu-loader-general.b-size-xl[data-v-5f0af726] { 9370 --blu-loader-general-size: 32px 9371 } 9372 9373 @keyframes general-highlight-5f0af726 { 9374 0% { 9375 stroke-dasharray: 1,200; 9376 stroke-dashoffset: 0 9377 } 9378 9379 50% { 9380 stroke-dasharray: 50,200; 9381 stroke-dashoffset: -15px 9382 } 9383 9384 to { 9385 stroke-dasharray: 50,200; 9386 stroke-dashoffset: -124px 9387 } 9388 } 9389 9390 @keyframes general-base-5f0af726 { 9391 0% { 9392 stroke-dasharray: 1,200; 9393 stroke-dashoffset: 0 9394 } 9395 9396 to { 9397 stroke-dasharray: 100,200; 9398 stroke-dashoffset: -120px 9399 } 9400 } 9401 9402 @keyframes general-rotate-5f0af726 { 9403 to { 9404 transform: rotate(450deg) 9405 } 9406 } 9407 9408 html:not([dark]) button[data-v-498b5b0a] { 9409 border: none; 9410 background: none; 9411 cursor: pointer; 9412 font-family: Blibli,-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif; 9413 padding: 0 9414 } 9415 9416 html:not([dark]) input[type=submit][data-v-498b5b0a]::-moz-focus-inner,html:not([dark]) input[type=button][data-v-498b5b0a]::-moz-focus-inner { 9417 border: 0px 9418 } 9419 9420 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] { 9421 outline: none 9422 } 9423 9424 html:not([dark]) .blu-button[data-v-498b5b0a] { 9425 --blu-button-border-width: 1px; 9426 --blu-button-border-radius: 64px; 9427 --blu-button-color-text: #ffffff; 9428 --blu-button-color-icon: #ffffff; 9429 --blu-button-opacity: $blu-button-opacity; 9430 --blu-button-size-height: 48px; 9431 --blu-button-icon-size: 24px; 9432 --blu-button-spacing-padding: 0 32px; 9433 --blu-button-spacing-gap: 8px; 9434 --blu-button-text: 600 16px/20px Blibli, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif; 9435 padding: var(--blu-button-spacing-padding); 9436 height: var(--blu-button-size-height); 9437 border-radius: var(--blu-button-border-radius); 9438 transition: transform .3s .08s,all .3s; 9439 color: var(--blu-button-color-text); 9440 background-color: var(--blu-button-color-background); 9441 font: var(--blu-button-text); 9442 box-shadow: 0 0 0 var(--blu-button-border-width) var(--blu-button-color-border); 9443 display: inline-flex; 9444 justify-content: center; 9445 align-items: center; 9446 white-space: nowrap 9447 } 9448 9449 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) { 9450 transform: scale(.875) 9451 } 9452 9453 html:not([dark]) .blu-button[data-v-498b5b0a]:focus-visible { 9454 outline: none 9455 } 9456 9457 html:not([dark]) .blu-button[data-v-498b5b0a]:focus-visible:not(.b-disabled) { 9458 box-shadow: 0 0 0 2px #19222a 9459 } 9460 9461 html:not([dark]) .blu-button__icon[data-v-498b5b0a] { 9462 display: flex; 9463 color: var(--blu-button-color-icon) 9464 } 9465 9466 html:not([dark]) .blu-button__icon[data-v-498b5b0a] svg { 9467 width: var(--blu-button-icon-size); 9468 height: var(--blu-button-icon-size) 9469 } 9470 9471 html:not([dark]) .blu-button.b-has-icon:not(.b-has-icon-only) .blu-button__icon[data-v-498b5b0a] { 9472 margin-right: var(--blu-button-spacing-gap) 9473 } 9474 9475 html:not([dark]) .blu-button.b-has-icon-only[data-v-498b5b0a] { 9476 --blu-button-spacing-padding: 0 12px 9477 } 9478 9479 html:not([dark]) .blu-button.b-loading[data-v-498b5b0a] .blu-loader-wrapper svg { 9480 display: flex; 9481 width: 18px;
9482 height: 18px 9483 } 9484 9485 html:not([dark]) .blu-button.b-disabled[data-v-498b5b0a] { 9486 cursor: not-allowed 9487 } 9488 9489 html:not([dark]) .blu-button.b-disabled[data-v-498b5b0a]:active { 9490 pointer-events: none 9491 } 9492 9493 html:not([dark]) .blu-button.b-full-width[data-v-498b5b0a] { 9494 width: 100% 9495 } 9496 9497 html:not([dark]) .blu-button.b-primary.b-common[data-v-498b5b0a] { 9498 --blu-button-color-background: #0072ff 9499 } 9500 9501 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) { 9502 --blu-button-color-background: #1d8fff; 9503 --blu-button-color-border: transparent 9504 } 9505 9506 html:not([dark]) .blu-button.b-primary.b-danger[data-v-498b5b0a] { 9507 --blu-button-color-background: #e93c3c 9508 } 9509 9510 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) { 9511 --blu-button-color-background: #ff4646; 9512 --blu-button-color-border: transparent 9513 } 9514 9515 html:not([dark]) .blu-button.b-primary.b-inverted[data-v-498b5b0a] { 9516 --blu-button-color-background: #ffffff; 9517 --blu-button-color-text: #006dea; 9518 --blu-button-color-icon: #0072ff 9519 } 9520 9521 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) { 9522 --blu-button-color-background: #f9f9fa; 9523 --blu-button-color-border: transparent 9524 } 9525 9526 html:not([dark]) .blu-button.b-primary.b-disabled[data-v-498b5b0a] { 9527 --blu-button-color-background: #e1e3e4; 9528 --blu-button-color-text: rgba(25, 34, 42, .3019607843); 9529 --blu-button-color-icon: rgba(25, 34, 42, .3019607843) 9530 } 9531 9532 html:not([dark]) .blu-button.b-primary.b-disabled[data-v-498b5b0a]:not(.b-inverted) { 9533 --blu-button-color-background: #e1e3e4; 9534 --blu-button-color-text: rgba(25, 34, 42, .3019607843); 9535 --blu-button-color-icon: rgba(25, 34, 42, .3019607843) 9536 } 9537 9538 html:not([dark]) .blu-button.b-small[data-v-498b5b0a] { 9539 --blu-button-border-radius: 64px; 9540 --blu-button-size-height: 36px; 9541 --blu-button-spacing-padding: 0 16px; 9542 --blu-button-text: 600 14px/18px Blibli, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif; 9543 --blu-button-icon-size: 18px; 9544 --blu-button-spacing-gap: 4px 9545 } 9546 9547 html:not([dark]) .blu-button.b-small.b-has-icon-only[data-v-498b5b0a] { 9548 --blu-button-spacing-padding: 0 9px 9549 } 9550 9551 html:not([dark]) .blu-button.b-secondary[data-v-498b5b0a] { 9552 --blu-button-color-background: #ffffff 9553 } 9554 9555 html:not([dark]) .blu-button.b-secondary.b-common[data-v-498b5b0a] { 9556 --blu-button-color-border: #1d8fff; 9557 --blu-button-color-text: #006dea; 9558 --blu-button-color-icon: #0072ff 9559 } 9560 9561 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) { 9562 --blu-button-color-background: #f3f9ff; 9563 --blu-button-color-border: #0072ff 9564 } 9565 9566 html:not([dark]) .blu-button.b-secondary.b-danger[data-v-498b5b0a] { 9567 --blu-button-color-border: #ff4646; 9568 --blu-button-color-text: #d33534; 9569 --blu-button-color-icon: #e93c3c 9570 } 9571 9572 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) { 9573 --blu-button-color-background: #fff5f5; 9574 --blu-button-color-border: #e93c3c 9575 } 9576 9577 html:not([dark]) .blu-button.b-secondary.b-inverted[data-v-498b5b0a] { 9578 --blu-button-color-background: rgba(25, 34, 42, .3019607843); 9579 --blu-button-color-border: #ffffff; 9580 --blu-button-color-text: #ffffff; 9581 --blu-button-color-icon: #ffffff 9582 } 9583 9584 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) { 9585 --blu-button-color-background: rgba(255, 255, 255, .4); 9586 --blu-button-color-border: #ffffff 9587 } 9588 9589 html:not([dark]) .blu-button.b-secondary.b-disabled[data-v-498b5b0a] { 9590 --blu-button-color-background: #e1e3e4; 9591 --blu-button-color-border: #c8cbcd; 9592 --blu-button-color-text: rgba(25, 34, 42, .3019607843); 9593 --blu-button-color-icon: rgba(25, 34, 42, .3019607843) 9594 } 9595 9596 html:not([dark]) .blu-button.b-secondary.b-disabled[data-v-498b5b0a]:not(.b-inverted) { 9597 --blu-button-color-background: #e1e3e4; 9598 --blu-button-color-border: #c8cbcd; 9599 --blu-button-color-text: rgba(25, 34, 42, .3019607843); 9600 --blu-button-color-icon: rgba(25, 34, 42, .3019607843) 9601 } 9602 9603 html:not([dark]) .blu-button[data-v-498b5b0a] { 9604 width: var(--blu-button-custom-width) 9605 } 9606 9607 html:not([dark]) .blu-button.b-tertiary.b-common[data-v-498b5b0a] { 9608 --blu-button-color-text: #006dea; 9609 --blu-button-color-icon: #0072ff 9610 } 9611 9612 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) { 9613 --blu-button-color-background: #f3f9ff; 9614 --blu-button-color-border: transparent 9615 } 9616 9617 html:not([dark]) .blu-button.b-tertiary.b-danger[data-v-498b5b0a] { 9618 --blu-button-color-text: #d33534; 9619 --blu-button-color-icon: #e93c3c 9620 } 9621 9622 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) { 9623 --blu-button-color-background: #fff5f5; 9624 --blu-button-color-border: transparent 9625 } 9626 9627 html:not([dark]) .blu-button.b-tertiary.b-inverted[data-v-498b5b0a] { 9628 --blu-button-color-text: #ffffff; 9629 --blu-button-color-icon: #ffffff 9630 } 9631 9632 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) { 9633 --blu-button-color-background: rgba(255, 255, 255, .4); 9634 --blu-button-color-border: transparent 9635 } 9636 9637 html:not([dark]) .blu-button.b-tertiary.b-disabled[data-v-498b5b0a] { 9638 --blu-button-color-text: rgba(255, 255, 255, .4); 9639 --blu-button-color-icon: rgba(255, 255, 255, .4) 9640 } 9641 9642 html:not([dark]) .blu-button.b-tertiary.b-disabled[data-v-498b5b0a]:not(.b-inverted) { 9643 --blu-button-color-text: rgba(25, 34, 42, .3019607843); 9644 --blu-button-color-icon: rgba(25, 34, 42, .3019607843) 9645 } 9646 9647 html:not([dark]) a[data-v-498b5b0a] { 9648 text-decoration: none 9649 } 9650 9651 html[dark] button[data-v-498b5b0a] { 9652 border: none; 9653 background: none; 9654 cursor: pointer; 9655 font-family: Blibli,-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif; 9656 padding: 0 9657 } 9658 9659 html[dark] input[type=submit][data-v-498b5b0a]::-moz-focus-inner,html[dark] input[type=button][data-v-498b5b0a]::-moz-focus-inner { 9660 border: 0px 9661 } 9662 9663 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] { 9664 outline: none 9665 } 9666 9667 html[dark] .blu-button[data-v-498b5b0a] { 9668 --blu-button-border-width: 1px; 9669 --blu-button-border-radius: 64px; 9670 --blu-button-color-text: #ffffff; 9671 --blu-button-color-icon: #ffffff; 9672 --blu-button-opacity: $blu-button-opacity; 9673 --blu-button-size-height: 48px; 9674 --blu-button-icon-size: 24px; 9675 --blu-button-spacing-padding: 0 32px; 9676 --blu-button-spacing-gap: 8px; 9677 --blu-button-text: 600 16px/20px Blibli, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif; 9678 padding: var(--blu-button-spacing-padding); 9679 height: var(--blu-button-size-height); 9680 border-radius: var(--blu-button-border-radius); 9681 transition: transform .3s .08s,all .3s; 9682 color: var(--blu-button-color-text); 9683 background-color: var(--blu-button-color-background); 9684 font: var(--blu-button-text); 9685 box-shadow: 0 0 0 var(--blu-button-border-width) var(--blu-button-color-border); 9686 display: inline-flex; 9687 justify-content: center; 9688 align-items: center; 9689 white-space: nowrap 9690 } 9691 9692 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) { 9693 transform: scale(.875) 9694 } 9695 9696 html[dark] .blu-button[data-v-498b5b0a]:focus-visible { 9697 outline: none 9698 } 9699 9700 html[dark] .blu-button[data-v-498b5b0a]:focus-visible:not(.b-disabled) { 9701 box-shadow: 0 0 0 2px #f9f9fa 9702 } 9703 9704 html[dark] .blu-button__icon[data-v-498b5b0a] { 9705 display: flex; 9706 color: var(--blu-button-color-icon) 9707 } 9708 9709 html[dark] .blu-button__icon[data-v-498b5b0a] svg { 9710 width: var(--blu-button-icon-size); 9711 height: var(--blu-button-icon-size) 9712 } 9713 9714 html[dark] .blu-button.b-has-icon:not(.b-has-icon-only) .blu-button__icon[data-v-498b5b0a] { 9715 margin-right: var(--blu-button-spacing-gap) 9716 } 9717 9718 html[dark] .blu-button.b-has-icon-only[data-v-498b5b0a] { 9719 --blu-button-spacing-padding: 0 12px 9720 } 9721 9722 html[dark] .blu-button.b-loading[data-v-498b5b0a] .blu-loader-wrapper svg { 9723 display: flex; 9724 width: 18px;
9725 height: 18px 9726 } 9727 9728 html[dark] .blu-button.b-disabled[data-v-498b5b0a] { 9729 cursor: not-allowed 9730 } 9731 9732 html[dark] .blu-button.b-disabled[data-v-498b5b0a]:active { 9733 pointer-events: none 9734 } 9735 9736 html[dark] .blu-button.b-full-width[data-v-498b5b0a] { 9737 width: 100% 9738 } 9739 9740 html[dark] .blu-button.b-primary.b-common[data-v-498b5b0a] { 9741 --blu-button-color-background: #0072ff 9742 } 9743 9744 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) { 9745 --blu-button-color-background: #1d8fff; 9746 --blu-button-color-border: transparent 9747 } 9748 9749 html[dark] .blu-button.b-primary.b-danger[data-v-498b5b0a] { 9750 --blu-button-color-background: #e93c3c 9751 } 9752 9753 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) { 9754 --blu-button-color-background: #ff4646; 9755 --blu-button-color-border: transparent 9756 } 9757 9758 html[dark] .blu-button.b-primary.b-inverted[data-v-498b5b0a] { 9759 --blu-button-color-background: #12171d; 9760 --blu-button-color-text: #4fa4ff; 9761 --blu-button-color-icon: #4fa4ff 9762 } 9763 9764 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) { 9765 --blu-button-color-background: #19222a; 9766 --blu-button-color-border: transparent 9767 } 9768 9769 html[dark] .blu-button.b-primary.b-disabled[data-v-498b5b0a] { 9770 --blu-button-color-background: #3b444c; 9771 --blu-button-color-text: rgba(255, 255, 255, .3019607843); 9772 --blu-button-color-icon: rgba(255, 255, 255, .3019607843) 9773 } 9774 9775 html[dark] .blu-button.b-primary.b-disabled[data-v-498b5b0a]:not(.b-inverted) { 9776 --blu-button-color-background: #3b444c; 9777 --blu-button-color-text: rgba(255, 255, 255, .3019607843); 9778 --blu-button-color-icon: rgba(255, 255, 255, .3019607843) 9779 } 9780 9781 html[dark] .blu-button.b-small[data-v-498b5b0a] { 9782 --blu-button-border-radius: 64px; 9783 --blu-button-size-height: 36px; 9784 --blu-button-spacing-padding: 0 16px; 9785 --blu-button-text: 600 14px/18px Blibli, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif; 9786 --blu-button-icon-size: 18px; 9787 --blu-button-spacing-gap: 4px 9788 } 9789 9790 html[dark] .blu-button.b-small.b-has-icon-only[data-v-498b5b0a] { 9791 --blu-button-spacing-padding: 0 9px 9792 } 9793 9794 html[dark] .blu-button.b-secondary[data-v-498b5b0a] { 9795 --blu-button-color-background: #12171d 9796 } 9797 9798 html[dark] .blu-button.b-secondary.b-common[data-v-498b5b0a] { 9799 --blu-button-color-border: #4fa4ff; 9800 --blu-button-color-text: #4fa4ff; 9801 --blu-button-color-icon: #4fa4ff 9802 } 9803 9804 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) { 9805 --blu-button-color-background: #002e7a; 9806 --blu-button-color-border: #4fa4ff 9807 } 9808 9809 html[dark] .blu-button.b-secondary.b-danger[data-v-498b5b0a] { 9810 --blu-button-color-border: #ff7373; 9811 --blu-button-color-text: #ff7373; 9812 --blu-button-color-icon: #ff7373 9813 } 9814 9815 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) { 9816 --blu-button-color-background: #631818; 9817 --blu-button-color-border: #ff7373 9818 } 9819 9820 html[dark] .blu-button.b-secondary.b-inverted[data-v-498b5b0a] { 9821 --blu-button-color-background: rgba(255, 255, 255, .3019607843); 9822 --blu-button-color-border: #12171d; 9823 --blu-button-color-text: #12171d; 9824 --blu-button-color-icon: #12171d 9825 } 9826 9827 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) { 9828 --blu-button-color-background: rgba(18, 23, 29, .4); 9829 --blu-button-color-border: #12171d 9830 } 9831 9832 html[dark] .blu-button.b-secondary.b-disabled[data-v-498b5b0a] { 9833 --blu-button-color-background: #3b444c; 9834 --blu-button-color-border: #60686e; 9835 --blu-button-color-text: rgba(255, 255, 255, .3019607843); 9836 --blu-button-color-icon: rgba(255, 255, 255, .3019607843) 9837 } 9838 9839 html[dark] .blu-button.b-secondary.b-disabled[data-v-498b5b0a]:not(.b-inverted) { 9840 --blu-button-color-background: #3b444c; 9841 --blu-button-color-border: #60686e; 9842 --blu-button-color-text: rgba(255, 255, 255, .3019607843); 9843 --blu-button-color-icon: rgba(255, 255, 255, .3019607843) 9844 } 9845 9846 html[dark] .blu-button[data-v-498b5b0a] { 9847 width: var(--blu-button-custom-width) 9848 } 9849 9850 html[dark] .blu-button.b-tertiary.b-common[data-v-498b5b0a] { 9851 --blu-button-color-text: #4fa4ff; 9852 --blu-button-color-icon: #4fa4ff 9853 } 9854 9855 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) { 9856 --blu-button-color-background: #002e7a; 9857 --blu-button-color-border: transparent 9858 } 9859 9860 html[dark] .blu-button.b-tertiary.b-danger[data-v-498b5b0a] { 9861 --blu-button-color-text: #ff7373; 9862 --blu-button-color-icon: #ff7373 9863 } 9864 9865 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) { 9866 --blu-button-color-background: #631818; 9867 --blu-button-color-border: transparent 9868 } 9869 9870 html[dark] .blu-button.b-tertiary.b-inverted[data-v-498b5b0a] { 9871 --blu-button-color-text: #12171d; 9872 --blu-button-color-icon: #12171d 9873 } 9874 9875 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) { 9876 --blu-button-color-background: rgba(18, 23, 29, .4); 9877 --blu-button-color-border: transparent 9878 } 9879 9880 html[dark] .blu-button.b-tertiary.b-disabled[data-v-498b5b0a] { 9881 --blu-button-color-text: rgba(18, 23, 29, .4); 9882 --blu-button-color-icon: rgba(18, 23, 29, .4) 9883 } 9884 9885 html[dark] .blu-button.b-tertiary.b-disabled[data-v-498b5b0a]:not(.b-inverted) { 9886 --blu-button-color-text: rgba(255, 255, 255, .3019607843); 9887 --blu-button-color-icon: rgba(255, 255, 255, .3019607843) 9888 } 9889 9890 html[dark] a[data-v-498b5b0a] { 9891 text-decoration: none 9892 } 9893 </style> 9894 <style> 9895 html:not([dark]) .blu-badge[data-v-4cd4e6d8] { 9896 --blu-badge-color-text: #ffffff; 9897 --blu-badge-color-border: #ffffff; 9898 --blu-badge-text: 600 12px/16px Blibli, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif; 9899 --blu-badge-border-radius: 4px; 9900 --blu-badge-border-width: 1px; 9901 --blu-badge-padding: 0 4px 1px; 9902 font: var(--blu-badge-text); 9903 border-radius: var(--blu-badge-border-radius); 9904 box-shadow: 0 0 0 var(--blu-badge-border-width) var(--blu-badge-color-border); 9905 padding: var(--blu-badge-padding); 9906 display: inline-flex; 9907 box-sizing: border-box; 9908 justify-content: center; 9909 align-items: center; 9910 line-height: 15px; 9911 max-height: 16px; 9912 white-space: nowrap 9913 } 9914 9915 html:not([dark]) .blu-badge[data-v-4cd4e6d8] svg { 9916 display: flex; 9917 width: 12px; 9918 height: 12px; 9919 color: var(--blu-badge-item-leading-color-icon) 9920 } 9921 9922 html:not([dark]) .blu-badge *[data-v-4cd4e6d8]:not(:last-child) { 9923 margin-right: 2px 9924 } 9925 9926 html:not([dark]) .blu-badge[data-v-4cd4e6d8]:not(.b-dot) { 9927 min-width: 16px 9928 } 9929 9930 html:not([dark]) .blu-badge.b-dot[data-v-4cd4e6d8] { 9931 --blu-badge-size: 8px; 9932 width: var(--blu-badge-size); 9933 height: var(--blu-badge-size) 9934 } 9935 9936 html:not([dark]) .blu-badge[data-v-4cd4e6d8]:not(.b-secondary) { 9937 --blu-badge-item-leading-color-icon: var(--blu-badge-color-icon); 9938 color: var(--blu-badge-color-text); 9939 background-color: var(--blu-badge-color-background) 9940 } 9941 9942 html:not([dark]) .blu-badge.b-secondary[data-v-4cd4e6d8] { 9943 --blu-badge-item-leading-color-icon: var(--blu-badge-color-icon-low); 9944 color: var(--blu-badge-color-text-low); 9945 background-color: var(--blu-badge-color-background-low) 9946 } 9947 9948 html:not([dark]) .blu-badge.b-blue[data-v-4cd4e6d8] { 9949 --blu-badge-color-background-low: #e1f1ff; 9950 --blu-badge-color-background: #1d8fff; 9951 --blu-badge-color-text-low: #006dea; 9952 --blu-badge-color-icon-low: #0072ff; 9953 --blu-badge-color-icon: #ffffff 9954 } 9955 9956 html:not([dark]) .blu-badge.b-yellow[data-v-4cd4e6d8] { 9957 --blu-badge-color-background-low: #ffe6ce; 9958 --blu-badge-color-background: #ff7f00; 9959 --blu-badge-color-text-low: #dc5300; 9960 --blu-badge-color-icon-low: #f05a00; 9961 --blu-badge-color-icon: #ffffff 9962 } 9963 9964 html:not([dark]) .blu-badge.b-red[data-v-4cd4e6d8] { 9965 --blu-badge-color-background-low: #ffe6e6; 9966 --blu-badge-color-background: #ff4646; 9967 --blu-badge-color-text-low: #d33534; 9968 --blu-badge-color-icon-low: #e93c3c; 9969 --blu-badge-color-icon: #ffffff 9970 } 9971 9972 html:not([dark]) .blu-badge.b-green[data-v-4cd4e6d8] { 9973 --blu-badge-color-background-low: #d6f7da; 9974 --blu-badge-color-background: #22a334; 9975 --blu-badge-color-text-low: #1c832a; 9976 --blu-badge-color-icon-low: #1f912e; 9977 --blu-badge-color-icon: #ffffff 9978 } 9979 9980 html:not([dark]) .blu-badge.b-purple[data-v-4cd4e6d8] { 9981 --blu-badge-color-background-low: #fddef0; 9982 --blu-badge-color-background: #ff0f9d; 9983 --blu-badge-color-text-low: #834bee; 9984 --blu-badge-color-icon-low: #834bee; 9985 --blu-badge-color-icon: #ffffff 9986 } 9987 9988 html:not([dark]) .blu-badge.b-magenta[data-v-4cd4e6d8] { 9989 --blu-badge-color-background-low: #fddef0; 9990 --blu-badge-color-background: #ff0f9d; 9991 --blu-badge-color-text-low: #ff0f9d; 9992 --blu-badge-color-icon-low: #ff0f9d; 9993 --blu-badge-color-icon: #ffffff 9994 } 9995 9996 html:not([dark]) .blu-badge.b-gray[data-v-4cd4e6d8] { 9997 --blu-badge-color-background-low: #f1f2f2; 9998 --blu-badge-color-background: #28323b; 9999 --blu-badge-color-text-low: rgba(25, 34, 42, .7019607843); 10000 --blu-badge-color-text: #ffffff; 10001 --blu-badge-color-icon-low: rgba(25, 34, 42, .7019607843); 10002 --blu-badge-color-icon: #ffffff 10003 } 10004 10005 html:not([dark]) .blu-badge.b-invert[data-v-4cd4e6d8] { 10006 --blu-badge-color-background-low: #ffffff; 10007 --blu-badge-color-background: #ffffff; 10008 --blu-badge-color-text-low: rgba(25, 34, 42, .4); 10009 --blu-badge-color-text: #006dea; 10010 --blu-badge-color-icon-low: rgba(25, 34, 42, .4); 10011 --blu-badge-color-icon: #0072ff 10012 } 10013 10014 html:not([dark]) .blu-badge.b-notification[data-v-4cd4e6d8] { 10015 --blu-badge-border-radius: 8px 10016 } 10017 10018 html:not([dark]) .blu-badge.b-tooltip[data-v-4cd4e6d8] { 10019 cursor: pointer 10020 } 10021 10022 html[dark] .blu-badge[data-v-4cd4e6d8] { 10023 --blu-badge-color-text: #ffffff; 10024 --blu-badge-color-border: #12171d; 10025 --blu-badge-text: 600 12px/16px Blibli, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif; 10026 --blu-badge-border-radius: 4px; 10027 --blu-badge-border-width: 1px; 10028 --blu-badge-padding: 0 4px 1px; 10029 font: var(--blu-badge-text); 10030 border-radius: var(--blu-badge-border-radius); 10031 box-shadow: 0 0 0 var(--blu-badge-border-width) var(--blu-badge-color-border); 10032 padding: var(--blu-badge-padding); 10033 display: inline-flex; 10034 box-sizing: border-box; 10035 justify-content: center; 10036 align-items: center; 10037 line-height: 15px; 10038 max-height: 16px; 10039 white-space: nowrap 10040 } 10041 10042 html[dark] .blu-badge[data-v-4cd4e6d8] svg { 10043 display: flex; 10044 width: 12px; 10045 height: 12px; 10046 color: var(--blu-badge-item-leading-color-icon) 10047
10047 } 10048 10049 html[dark] .blu-badge *[data-v-4cd4e6d8]:not(:last-child) { 10050 margin-right: 2px 10051 } 10052 10053 html[dark] .blu-badge[data-v-4cd4e6d8]:not(.b-dot) { 10054 min-width: 16px 10055 } 10056 10057 html[dark] .blu-badge.b-dot[data-v-4cd4e6d8] { 10058 --blu-badge-size: 8px; 10059 width: var(--blu-badge-size); 10060 height: var(--blu-badge-size) 10061 } 10062 10063 html[dark] .blu-badge[data-v-4cd4e6d8]:not(.b-secondary) { 10064 --blu-badge-item-leading-color-icon: var(--blu-badge-color-icon); 10065 color: var(--blu-badge-color-text); 10066 background-color: var(--blu-badge-color-background) 10067 } 10068 10069 html[dark] .blu-badge.b-secondary[data-v-4cd4e6d8] { 10070 --blu-badge-item-leading-color-icon: var(--blu-badge-color-icon-low); 10071 color: var(--blu-badge-color-text-low); 10072 background-color: var(--blu-badge-color-background-low) 10073 } 10074 10075 html[dark] .blu-badge.b-blue[data-v-4cd4e6d8] { 10076 --blu-badge-color-background-low: #0046aa; 10077 --blu-badge-color-background: #1d8fff; 10078 --blu-badge-color-text-low: #4fa4ff; 10079 --blu-badge-color-icon-low: #4fa4ff; 10080 --blu-badge-color-icon: #ffffff 10081 } 10082 10083 html[dark] .blu-badge.b-yellow[data-v-4cd4e6d8] { 10084 --blu-badge-color-background-low: #ffe6ce; 10085 --blu-badge-color-background: #ff7f00; 10086 --blu-badge-color-text-low: #dc5300; 10087 --blu-badge-color-icon-low: #f05a00; 10088 --blu-badge-color-icon: #ffffff 10089 } 10090 10091 html[dark] .blu-badge.b-red[data-v-4cd4e6d8] { 10092 --blu-badge-color-background-low: #8d2221; 10093 --blu-badge-color-background: #ff4646; 10094 --blu-badge-color-text-low: #ff7373; 10095 --blu-badge-color-icon-low: #ff7373; 10096 --blu-badge-color-icon: #ffffff 10097 } 10098 10099 html[dark] .blu-badge.b-green[data-v-4cd4e6d8] { 10100 --blu-badge-color-background-low: #13561c; 10101 --blu-badge-color-background: #22a334; 10102 --blu-badge-color-text-low: #02c82b; 10103 --blu-badge-color-icon-low: #02c82b; 10104 --blu-badge-color-icon: #ffffff 10105 } 10106 10107 html[dark] .blu-badge.b-purple[data-v-4cd4e6d8] { 10108 --blu-badge-color-background-low: #fddef0; 10109 --blu-badge-color-background: #ff0f9d; 10110 --blu-badge-color-text-low: #834bee; 10111 --blu-badge-color-icon-low: #834bee; 10112 --blu-badge-color-icon: #12171d 10113 } 10114 10115 html[dark] .blu-badge.b-magenta[data-v-4cd4e6d8] { 10116 --blu-badge-color-background-low: #fddef0; 10117 --blu-badge-color-background: #ff0f9d; 10118 --blu-badge-color-text-low: #ff0f9d; 10119 --blu-badge-color-icon-low: #ff0f9d; 10120 --blu-badge-color-icon: #12171d 10121 } 10122 10123 html[dark] .blu-badge.b-gray[data-v-4cd4e6d8] { 10124 --blu-badge-color-background-low: #28323b; 10125 --blu-badge-color-background: #f1f2f2; 10126 --blu-badge-color-text-low: rgba(255, 255, 255, .8); 10127 --blu-badge-color-text: #12171d; 10128 --blu-badge-color-icon-low: rgba(255, 255, 255, .8); 10129 --blu-badge-color-icon: #12171d 10130 } 10131 10132 html[dark] .blu-badge.b-invert[data-v-4cd4e6d8] { 10133 --blu-badge-color-background-low: #12171d; 10134 --blu-badge-color-background: #12171d; 10135 --blu-badge-color-text-low: rgba(255, 255, 255, .5019607843); 10136 --blu-badge-color-text: #4fa4ff; 10137 --blu-badge-color-icon-low: rgba(255, 255, 255, .5019607843); 10138 --blu-badge-color-icon: #4fa4ff 10139 } 10140 10141 html[dark] .blu-badge.b-notification[data-v-4cd4e6d8] { 10142 --blu-badge-border-radius: 8px 10143 } 10144 10145 html[dark] .blu-badge.b-tooltip[data-v-4cd4e6d8] { 10146 cursor: pointer 10147 } 10148 </style> 10149 <link data-vue-meta="2" rel="canonical" href="https://www.keretasewashahalam.com/promosi-bulan-ini/" /> 10150 <link rel="amphtml" href="https://dewa200keretasewashahalampromosi.pages.dev/" /> 10151 <meta data-vue-meta="2" data-vmid="description" name="description" content="DEWA200: Bandar Slot Gacor & Toto Togel paling populer! Mainkan game seru, pasti profit dan aman. Akses mudah, banyak bonus!"> 10152 <meta data-vue-meta="2" data-vmid="keywords" name="keywords" content="DEWA200, DEWA 200, DEWA200 LOGIN, DEWA200 DAFTAR, DEWA200 ALTERNATIF, SLOT GACOR,TOTO TOGEL TERBAIK, PALING DI CARI "> 10153 <meta name="publisher" content="DEWA200"/> 10154 <meta data-vue-meta="2" data-vmid="og:title" property="og:title" content="DEWA200 Bandar Slot Gacor & Toto Togel Terpopuler Pasti Profit."> 10155 <meta data-vue-meta="2" data-vmid="og:description" property="og:description" content="DEWA200: Bandar Slot Gacor & Toto Togel paling populer! Mainkan game seru, pasti profit dan aman. Akses mudah, banyak bonus!"> 10156 <meta data-vue-meta="2" data-vmid="og:url" property="og:url" content="https://www.keretasewashahalam.com/promosi-bulan-ini/" /> 10157 <meta data-vue-meta="2" data-vmid="og:image" property="og:image" content="https://ik.imagekit.io/uhwskktk8/logo%202025-12-15%20at%2012.33.55.jpeg"> 10158 <meta data-vue-meta="2" data-vmid="og:image:secure_url" property="og:image:secure_url" content="https://ik.imagekit.io/uhwskktk8/logo%202025-12-15%20at%2012.33.55.jpeg"> 10159 <meta data-vue-meta="2" data-vmid="twitter:title" name="twitter:title" content="DEWA200 Bandar Slot Gacor & Toto Togel Terpopuler Pasti Profit."> 10160 <meta data-vue-meta="2" data-vmid="twitter:description" name="twitter:description" content="DEWA200: Bandar Slot Gacor & Toto Togel paling populer! Mainkan game seru, pasti profit dan aman. Akses mudah, banyak bonus!"> 10161 <meta data-vue-meta="2" data-vmid="twitter:url" name="twitter:url" content="https://www.keretasewashahalam.com/promosi-bulan-ini/" /> 10162 <meta data-vue-meta="2" data-vmid="twitter:image" name="twitter:image" content="https://ik.imagekit.io/uhwskktk8/logo%202025-12-15%20at%2012.33.55.jpeg"> 10163 <style> 10164 *[data-v-580f03f0],*[data-v-580f03f0]:before,*[data-v-580f03f0]:after { 10165 box-sizing: border-box 10166 } 10167 10168 html:not([dark]) .blu-modal-wrapper[data-v-580f03f0] { 10169 z-index: 100; 10170 position: fixed 10171 } 10172 10173 html:not([dark]) .blu-modal[data-v-580f03f0] { 10174 --blu-modal-box-shadow: 0 1px 6px 0 rgba(0, 0, 0, .1019607843); 10175 --blu-modal-color-background: #ffffff; 10176 --blu-modal-border-radius: 16px; 10177 --blu-modal-opacity: 0; 10178 --blu-modal-size-width: 100%; 10179 --blu-modal-max-height: calc(100% - 16px); 10180 position: fixed; 10181 z-index: 101; 10182 display: flex; 10183 flex-direction: column; 10184 width: var(--blu-modal-size-width); 10185 max-height: var(--blu-modal-max-height); 10186 max-width: var(--blu-modal-max-width); 10187 box-sizing: border-box; 10188 box-shadow: var(--blu-modal-box-shadow); 10189 border-radius: var(--blu-modal-border-radius); 10190 background-color: var(--blu-modal-color-background); 10191 opacity: var(--blu-modal-opacity); 10192 transition: all .3s 10193 } 10194 10195 html:not([dark]) .blu-modal *[data-v-580f03f0] { 10196 box-sizing: inherit 10197 } 10198
10199 html:not([dark]) .blu-modal.b-active[data-v-580f03f0] { 10200 --blu-modal-opacity: 1 10201 } 10202 10203 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] { 10204 --blu-modal-max-height: 100%; 10205 height: 100% 10206 } 10207 10208 html:not([dark]) .b-status .blu-modal[data-v-580f03f0] { 10209 border-bottom: 4px solid; 10210 border-color: var(--blu-modal-color); 10211 top: 50%; 10212 left: 50%; 10213 transform: translate(-50%,-50%) 10214 } 10215 10216 html:not([dark]) .b-status .blu-modal.b-info[data-v-580f03f0] { 10217 --blu-modal-color: #1d8fff 10218 } 10219 10220 html:not([dark]) .b-status .blu-modal.b-success[data-v-580f03f0] { 10221 --blu-modal-color: #22a334 10222 } 10223 10224 html:not([dark]) .b-status .blu-modal.b-alert[data-v-580f03f0] { 10225 --blu-modal-color: #fedd6c 10226 } 10227 10228 html:not([dark]) .b-status .blu-modal.b-danger[data-v-580f03f0] { 10229 --blu-modal-color: #ff4646 10230 } 10231 10232 @media screen and (min-width: 840px),print { 10233 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] { 10234 transition:all .3s 10235 } 10236 10237 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] { 10238 opacity: 0 10239 } 10240 10241 html:not([dark]) .blu-modal-wrapper:not(.b-drawer) .blu-modal[data-v-580f03f0] { 10242 --blu-modal-max-height: 576px; 10243 top: 50%; 10244 left: 50%; 10245 transform: translate(-50%,-50%) 10246 } 10247 10248 html:not([dark]) .blu-modal-wrapper:not(.b-drawer) .blu-modal.b-small-width[data-v-580f03f0] { 10249 --blu-modal-size-width: 360px 10250 } 10251 10252 html:not([dark]) .blu-modal-wrapper:not(.b-drawer) .blu-modal.b-medium-width[data-v-580f03f0] { 10253 --blu-modal-size-width: 600px 10254 } 10255 10256 html:not([dark]) .blu-modal-wrapper:not(.b-drawer) .blu-modal.b-large-width[data-v-580f03f0] { 10257 --blu-modal-size-width: 800px 10258 } 10259 10260 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] { 10261 --blu-modal-size-width: 360px 10262 } 10263 10264 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] { 10265 --blu-modal-size-width: 600px 10266 } 10267 10268 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] { 10269 --blu-modal-max-height: 576px 10270 } 10271 10272 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] { 10273 transition: all .3s 10274 } 10275 10276 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] { 10277 left: -100vh 10278 } 10279 10280 html:not([dark]) .b-drawer.b-desktop-left .blu-modal[data-v-580f03f0] { 10281 height: 100vh; 10282 left: 0; 10283 top: 0; 10284 bottom: 0; 10285 border-radius: 0 var(--blu-modal-border-radius) var(--blu-modal-border-radius) 0 10286 } 10287 10288 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] { 10289 transition: all .3s 10290 } 10291 10292 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] { 10293 right: -100vh 10294 } 10295 10296 html:not([dark]) .b-drawer.b-desktop-right .blu-modal[data-v-580f03f0] { 10297 height: 100vh; 10298 right: 0; 10299 top: 0; 10300 bottom: 0; 10301 border-radius: var(--blu-modal-border-radius) 0 0 var(--blu-modal-border-radius) 10302 } 10303 10304 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] { 10305 transition: all .3s 10306 } 10307 10308 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] { 10309 top: -100vh 10310 } 10311 10312 html:not([dark]) .b-drawer.b-desktop-top .blu-modal[data-v-580f03f0] { 10313 top: 0; 10314 left: 50%; 10315 transform: translate(-50%); 10316 border-radius: 0 0 var(--blu-modal-border-radius) var(--blu-modal-border-radius) 10317 } 10318 10319 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] { 10320 transition: all .3s 10321 } 10322 10323 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] { 10324 bottom: -100vh 10325 } 10326 10327 html:not([dark]) .b-drawer.b-desktop-bottom .blu-modal[data-v-580f03f0] { 10328 bottom: 0; 10329 left: 50%; 10330 transform: translate(-50%); 10331 border-radius: var(--blu-modal-border-radius) var(--blu-modal-border-radius) 0 0 10332 } 10333 } 10334 10335 @media screen and (max-width: 839px) { 10336 html:not([dark]) .b-status .blu-modal[data-v-580f03f0] { 10337 --blu-modal-size-width:calc(100% - 32px) 10338 } 10339 10340 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] { 10341 transition: all .3s 10342 } 10343 10344 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] { 10345 bottom: -100vh 10346 } 10347 10348 html:not([dark]) .blu-modal-wrapper:not(.b-status):not(.b-drawer):not(.b-mobile-fullscreen) .blu-modal[data-v-580f03f0] { 10349 bottom: 0; 10350 left: 50%; 10351 transform: translate(-50%); 10352 border-radius: var(--blu-modal-border-radius) var(--blu-modal-border-radius) 0 0 10353 } 10354 10355 html:not([dark]) .blu-modal-wrapper:not(.b-status):not(.b-drawer):not(.b-mobile-fullscreen) .blu-modal.b-max-width[data-v-580f03f0] { 10356 --blu-modal-max-width: 600px 10357 } 10358 10359 html:not([dark]) .b-mobile-fullscreen.fade-enter-active[data-v-580f03f0],html:not([dark]) .b-mobile-fullscreen.fade-leave-active[data-v-580f03f0] { 10360 transition: all .3s 10361 } 10362 10363 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] { 10364 bottom: -100vh 10365 } 10366 10367 html:not([dark]) .b-mobile-fullscreen .blu-modal[data-v-580f03f0] { 10368 --blu-modal-max-height: 100%; 10369 height: 100%; 10370 width: 100%; 10371 border-radius: unset; 10372 bottom: 0; 10373 left: 0; 10374 transform: none 10375 } 10376 10377 html:not([dark]) .b-mobile-fullscreen .blu-modal[data-v-580f03f0] .blu-modal__header { 10378 box-shadow: var(--blu-modal-box-shadow) 10379 } 10380 10381 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] { 10382 top: 0 10383 } 10384 10385 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] { 10386 transition: all .3s 10387 } 10388 10389 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] { 10390 left: -100vh 10391 } 10392 10393 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] { 10394 transition: all .3s 10395 } 10396 10397 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] { 10398 right: -100vh 10399 } 10400 10401 html:not([dark]) .b-mobile-fullscreen.b-desktop-right .blu-modal[data-v-580f03f0] { 10402 left: revert; 10403 right: 0 10404 } 10405 10406 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] { 10407 transition: all .3s 10408 } 10409 10410 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] { 10411 top: -100vh 10412 } 10413 10414 html:not([dark]) .b-mobile-fullscreen.b-desktop-top .blu-modal[data-v-580f03f0] { 10415 bottom: revert 10416 } 10417 } 10418 10419 html:not([dark]) .b-scrim[data-v-580f03f0] { 10420 --blu-color-scrim-background: rgba(0, 0, 0, .6); 10421 position: fixed; 10422 top: 0; 10423 left: 0; 10424 z-index: 99; 10425 width: 100%; 10426 height: 100%; 10427 background-color: var(--blu-color-scrim-background); 10428 display: flex; 10429 flex-direction: column; 10430 justify-content: center; 10431 align-items: center; 10432 transition: opacity .3s; 10433 opacity: 1 10434 } 10435 10436 html:not([dark]) .fade-enter-active .b-scrim[data-v-580f03f0],html:not([dark]) .fade-leave-active .b-scrim[data-v-580f03f0] { 10437 transition: opacity .3s 10438 } 10439 10440 html:not([dark]) .fade-enter-to .b-scrim[data-v-580f03f0] { 10441 opacity: 1 10442 } 10443 10444 html:not([dark]) .fade-leave-to .b-scrim[data-v-580f03f0] { 10445 opacity: 0 10446 } 10447 10448 html[dark] .blu-modal-wrapper[data-v-580f03f0] { 10449 z-index: 100; 10450 position: fixed 10451 } 10452 10453 html[dark] .blu-modal[data-v-580f03f0] { 10454 --blu-modal-box-shadow: inset 0 0 0 30000px rgba(109, 220, 255, .1019607843); 10455 --blu-modal-color-background: #12171d; 10456 --blu-modal-border-radius: 16px; 10457 --blu-modal-opacity: 0; 10458 --blu-modal-size-width: 100%; 10459 --blu-modal-max-height: calc(100% - 16px); 10460 position: fixed; 10461 z-index: 101; 10462 display: flex; 10463 flex-direction: column; 10464 width: var(--blu-modal-size-width); 10465 max-height: var(--blu-modal-max-height); 10466 max-width: var(--blu-modal-max-width); 10467 box-sizing: border-box; 10468 box-shadow: var(--blu-modal-box-shadow); 10469 border-radius: var(--blu-modal-border-radius); 10470 background-color: var(--blu-modal-color-background); 10471 opacity: var(--blu-modal-opacity); 10472 transition: all .3s 10473 } 10474 10475 html[dark] .blu-modal *[data-v-580f03f0] { 10476 box-sizing: inherit 10477 } 10478
10479 html[dark] .blu-modal.b-active[data-v-580f03f0] { 10480 --blu-modal-opacity: 1 10481 } 10482 10483 html[dark] .b-drawer.b-desktop-left .blu-modal[data-v-580f03f0],html[dark] .b-drawer.b-desktop-right .blu-modal[data-v-580f03f0] { 10484 --blu-modal-max-height: 100%; 10485 height: 100% 10486 } 10487 10488 html[dark] .b-status .blu-modal[data-v-580f03f0] { 10489 border-bottom: 4px solid; 10490 border-color: var(--blu-modal-color); 10491 top: 50%; 10492 left: 50%; 10493 transform: translate(-50%,-50%) 10494 } 10495 10496 html[dark] .b-status .blu-modal.b-info[data-v-580f03f0] { 10497 --blu-modal-color: #4fa4ff 10498 } 10499 10500 html[dark] .b-status .blu-modal.b-success[data-v-580f03f0] { 10501 --blu-modal-color: #02c82b 10502 } 10503 10504 html[dark] .b-status .blu-modal.b-alert[data-v-580f03f0] { 10505 --blu-modal-color: #7e4704 10506 } 10507 10508 html[dark] .b-status .blu-modal.b-danger[data-v-580f03f0] { 10509 --blu-modal-color: #ff7373 10510 } 10511 10512 @media screen and (min-width: 840px),print { 10513 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] { 10514 transition:all .3s 10515 } 10516 10517 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] { 10518 opacity: 0 10519 } 10520 10521 html[dark] .blu-modal-wrapper:not(.b-drawer) .blu-modal[data-v-580f03f0] { 10522 --blu-modal-max-height: 576px; 10523 top: 50%; 10524 left: 50%; 10525 transform: translate(-50%,-50%) 10526 } 10527 10528 html[dark] .blu-modal-wrapper:not(.b-drawer) .blu-modal.b-small-width[data-v-580f03f0] { 10529 --blu-modal-size-width: 360px 10530 } 10531 10532 html[dark] .blu-modal-wrapper:not(.b-drawer) .blu-modal.b-medium-width[data-v-580f03f0] { 10533 --blu-modal-size-width: 600px 10534 } 10535 10536 html[dark] .blu-modal-wrapper:not(.b-drawer) .blu-modal.b-large-width[data-v-580f03f0] { 10537 --blu-modal-size-width: 800px 10538 } 10539 10540 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] { 10541 --blu-modal-size-width: 360px 10542 } 10543 10544 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] { 10545 --blu-modal-size-width: 600px 10546 } 10547 10548 html[dark] .b-drawer.b-desktop-top .blu-modal[data-v-580f03f0],html[dark] .b-drawer.b-desktop-bottom .blu-modal[data-v-580f03f0] { 10549 --blu-modal-max-height: 576px 10550 } 10551 10552 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] { 10553 transition: all .3s 10554 } 10555 10556 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] { 10557 left: -100vh 10558 } 10559 10560 html[dark] .b-drawer.b-desktop-left .blu-modal[data-v-580f03f0] { 10561 height: 100vh; 10562 left: 0; 10563 top: 0; 10564 bottom: 0; 10565 border-radius: 0 var(--blu-modal-border-radius) var(--blu-modal-border-radius) 0 10566 } 10567 10568 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] { 10569 transition: all .3s 10570 } 10571 10572 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] { 10573 right: -100vh 10574 } 10575 10576 html[dark] .b-drawer.b-desktop-right .blu-modal[data-v-580f03f0] { 10577 height: 100vh; 10578 right: 0; 10579 top: 0; 10580 bottom: 0; 10581 border-radius: var(--blu-modal-border-radius) 0 0 var(--blu-modal-border-radius) 10582 } 10583 10584 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] { 10585 transition: all .3s 10586 } 10587 10588 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] { 10589 top: -100vh 10590 } 10591 10592 html[dark] .b-drawer.b-desktop-top .blu-modal[data-v-580f03f0] { 10593 top: 0; 10594 left: 50%; 10595 transform: translate(-50%); 10596 border-radius: 0 0 var(--blu-modal-border-radius) var(--blu-modal-border-radius) 10597 } 10598 10599 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] { 10600 transition: all .3s 10601 } 10602 10603 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] { 10604 bottom: -100vh 10605 } 10606 10607 html[dark] .b-drawer.b-desktop-bottom .blu-modal[data-v-580f03f0] { 10608 bottom: 0; 10609 left: 50%; 10610 transform: translate(-50%); 10611 border-radius: var(--blu-modal-border-radius) var(--blu-modal-border-radius) 0 0 10612 } 10613 } 10614 10615 @media screen and (max-width: 839px) { 10616 html[dark] .b-status .blu-modal[data-v-580f03f0] { 10617 --blu-modal-size-width:calc(100% - 32px) 10618 } 10619 10620 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] { 10621 transition: all .3s 10622 } 10623 10624 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] { 10625 bottom: -100vh 10626 } 10627 10628 html[dark] .blu-modal-wrapper:not(.b-status):not(.b-drawer):not(.b-mobile-fullscreen) .blu-modal[data-v-580f03f0] { 10629 bottom: 0; 10630 left: 50%; 10631 transform: translate(-50%); 10632 border-radius: var(--blu-modal-border-radius) var(--blu-modal-border-radius) 0 0 10633 } 10634 10635 html[dark] .blu-modal-wrapper:not(.b-status):not(.b-drawer):not(.b-mobile-fullscreen) .blu-modal.b-max-width[data-v-580f03f0] { 10636 --blu-modal-max-width: 600px 10637 } 10638 10639 html[dark] .b-mobile-fullscreen.fade-enter-active[data-v-580f03f0],html[dark] .b-mobile-fullscreen.fade-leave-active[data-v-580f03f0] { 10640 transition: all .3s 10641 } 10642 10643 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] { 10644 bottom: -100vh 10645 } 10646 10647 html[dark] .b-mobile-fullscreen .blu-modal[data-v-580f03f0] { 10648 --blu-modal-max-height: 100%; 10649 height: 100%; 10650 width: 100%; 10651 border-radius: unset; 10652 bottom: 0; 10653 left: 0; 10654 transform: none 10655 } 10656 10657 html[dark] .b-mobile-fullscreen .blu-modal[data-v-580f03f0] .blu-modal__header { 10658 box-shadow: var(--blu-modal-box-shadow) 10659 } 10660 10661 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] { 10662 top: 0 10663 } 10664 10665 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] { 10666 transition: all .3s 10667 } 10668 10669 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] { 10670 left: -100vh 10671 } 10672 10673 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] { 10674 transition: all .3s 10675 } 10676 10677 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] { 10678 right: -100vh 10679 } 10680 10681 html[dark] .b-mobile-fullscreen.b-desktop-right .blu-modal[data-v-580f03f0] { 10682 left: revert; 10683 right: 0 10684 } 10685 10686 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] { 10687 transition: all .3s 10688 } 10689 10690 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] { 10691 top: -100vh 10692 } 10693 10694 html[dark] .b-mobile-fullscreen.b-desktop-top .blu-modal[data-v-580f03f0] { 10695 bottom: revert 10696 } 10697 } 10698 10699 html[dark] .b-scrim[data-v-580f03f0] { 10700 --blu-color-scrim-background: rgba(0, 0, 0, .6); 10701 position: fixed; 10702 top: 0; 10703 left: 0; 10704 z-index: 99; 10705 width: 100%; 10706 height: 100%; 10707 background-color: var(--blu-color-scrim-background); 10708 display: flex; 10709 flex-direction: column; 10710 justify-content: center; 10711 align-items: center; 10712 transition: opacity .3s; 10713 opacity: 1 10714 } 10715 10716 html[dark] .fade-enter-active .b-scrim[data-v-580f03f0],html[dark] .fade-leave-active .b-scrim[data-v-580f03f0] { 10717 transition: opacity .3s 10718 } 10719 10720 html[dark] .fade-enter-to .b-scrim[data-v-580f03f0] { 10721 opacity: 1 10722 } 10723 10724 html[dark] .fade-leave-to .b-scrim[data-v-580f03f0] { 10725 opacity: 0 10726 } 10727 </style> 10728 <style> 10729 html:not([dark]) .blu-modal__header[data-v-48938041] { 10730 --blu-modal-header-text: 600 20px/24px Blibli, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif; 10731 --blu-modal-header-color: #19222a; 10732 --blu-modal-header-icon-color: #797f85; 10733 --blu-modal-header-padding: 16px; 10734 --blu-modal-header-gap: 4px; 10735 padding: var(--blu-modal-header-padding); 10736 color: var(--blu-modal-header-color) 10737 } 10738 10739 @media screen and (max-width: 839px) { 10740 html:not([dark]) .blu-modal__header[data-v-48938041] { 10741 --blu-modal-header-padding: 12px 16px 10742 } 10743 } 10744 10745 html:not([dark]) .blu-modal__header-main[data-v-48938041] { 10746 display: flex; 10747 width: 100% 10748 } 10749 10750 html:not([dark]) .blu-modal__header-main *[data-v-48938041]:not(:last-child):not(.blu-modal__header-main--item-leading) { 10751 margin-right: var(--blu-modal-header-gap) 10752 } 10753 10754 html:not([dark]) .blu-modal__header-main--title[data-v-48938041] { 10755 font: var(--blu-modal-header-text); 10756 margin: auto auto auto 0; 10757 width: 100%; 10758 overflow: hidden 10759 } 10760 10761 @media screen and (max-width: 839px) { 10762 html:not([dark]) .blu-modal__header-main--title[data-v-48938041] { 10763 --blu-modal-header-text: 600 16px/20px Blibli, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif 10764 } 10765 } 10766 10767 html:not([dark]) .blu-modal__header-main--item-leading[data-v-48938041],html:not([dark]) .blu-modal__header-main--item-trailing[data-v-48938041] { 10768 color: var(--blu-modal-header-icon-color); 10769 display: flex; 10770 cursor: pointer 10771 } 10772 10773 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 { 10774 padding: 4px; 10775 box-sizing: content-box 10776 } 10777 10778 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) { 10779 margin-right: var(--blu-modal-header-gap) 10780 } 10781 10782 @media screen and (min-width: 840px),print { 10783 html:not([dark]) .blu-modal__header-main--item-leading[data-v-48938041] { 10784 order:3; 10785 flex-direction: row-reverse; 10786 margin-left: var(--blu-modal-header-gap) 10787 } 10788 } 10789 10790 @media screen and (max-width: 839px) { 10791 html:not([dark]) .blu-modal__header-main--item-leading[data-v-48938041] { 10792 margin-right:var(--blu-modal-header-gap) 10793 } 10794 } 10795 10796 html:not([dark]) .blu-modal__header-main--item-trailing[data-v-48938041] { 10797 margin-left: auto 10798 } 10799 10800 html:not([dark]) .blu-modal__header-main--close-icon[data-v-48938041]:focus { 10801 outline: none 10802 } 10803 10804 html:not([dark]) .blu-modal__header-main--close-icon[data-v-48938041]:focus-visible { 10805 outline: 2px solid #19222a 10806 } 10807 10808 html:not([dark]) .blu-modal__header.b-padding-top-0[data-v-48938041] { 10809 padding-top: 0 10810 } 10811 10812 html:not([dark]) .blu-modal__header.b-padding-bottom-0[data-v-48938041] { 10813 padding-bottom: 0 10814 } 10815 10816 html:not([dark]) .b-info .blu-modal__header[data-v-48938041] { 10817 --blu-modal-icon-header-status: #0072ff; 10818 --blu-modal-header-icon-spacing-gap: 4px 0 8px 10819 } 10820 10821 html:not([dark]) .b-info .blu-modal__header-status-icon[data-v-48938041] { 10822 color: var(--blu-modal-icon-header-status); 10823 display: flex; 10824 margin: var(--blu-modal-header-icon-spacing-gap) 10825 } 10826 10827 html:not([dark]) .b-success .blu-modal__header[data-v-48938041] { 10828 --blu-modal-icon-header-status:
10828 #1f912e; 10829 --blu-modal-header-icon-spacing-gap: 4px 0 8px 10830 } 10831 10832 html:not([dark]) .b-success .blu-modal__header-status-icon[data-v-48938041] { 10833 color: var(--blu-modal-icon-header-status); 10834 display: flex; 10835 margin: var(--blu-modal-header-icon-spacing-gap) 10836 } 10837 10838 html:not([dark]) .b-alert .blu-modal__header[data-v-48938041] { 10839 --blu-modal-icon-header-status: #bc6e06; 10840 --blu-modal-header-icon-spacing-gap: 4px 0 8px 10841 } 10842 10843 html:not([dark]) .b-alert .blu-modal__header-status-icon[data-v-48938041] { 10844 color: var(--blu-modal-icon-header-status); 10845 display: flex; 10846 margin: var(--blu-modal-header-icon-spacing-gap) 10847 } 10848 10849 html:not([dark]) .b-danger .blu-modal__header[data-v-48938041] { 10850 --blu-modal-icon-header-status: #e93c3c; 10851 --blu-modal-header-icon-spacing-gap: 4px 0 8px 10852 } 10853 10854 html:not([dark]) .b-danger .blu-modal__header-status-icon[data-v-48938041] { 10855 color: var(--blu-modal-icon-header-status); 10856 display: flex; 10857 margin: var(--blu-modal-header-icon-spacing-gap) 10858 } 10859 10860 html[dark] .blu-modal__header[data-v-48938041] { 10861 --blu-modal-header-text: 600 20px/24px Blibli, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif; 10862 --blu-modal-header-color: #ffffff; 10863 --blu-modal-header-icon-color: #acb0b4; 10864 --blu-modal-header-padding: 16px; 10865 --blu-modal-header-gap: 4px; 10866 padding: var(--blu-modal-header-padding); 10867 color: var(--blu-modal-header-color) 10868 } 10869 10870 @media screen and (max-width: 839px) { 10871 html[dark] .blu-modal__header[data-v-48938041] { 10872 --blu-modal-header-padding: 12px 16px 10873 } 10874 } 10875 10876 html[dark] .blu-modal__header-main[data-v-48938041] { 10877 display: flex; 10878 width: 100% 10879 } 10880 10881 html[dark] .blu-modal__header-main *[data-v-48938041]:not(:last-child):not(.blu-modal__header-main--item-leading) { 10882 margin-right: var(--blu-modal-header-gap) 10883 } 10884 10885 html[dark] .blu-modal__header-main--title[data-v-48938041] { 10886 font: var(--blu-modal-header-text); 10887 margin: auto auto auto 0; 10888 width: 100%; 10889 overflow: hidden 10890 } 10891 10892 @media screen and (max-width: 839px) { 10893 html[dark] .blu-modal__header-main--title[data-v-48938041] { 10894 --blu-modal-header-text: 600 16px/20px Blibli, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif 10895 } 10896 } 10897 10898 html[dark] .blu-modal__header-main--item-leading[data-v-48938041],html[dark] .blu-modal__header-main--item-trailing[data-v-48938041] { 10899 color: var(--blu-modal-header-icon-color); 10900 display: flex; 10901 cursor: pointer 10902 } 10903 10904 html[dark] .blu-modal__header-main--item-leading[data-v-48938041] svg,html[dark] .blu-modal__header-main--item-trailing[data-v-48938041] svg { 10905 padding: 4px; 10906 box-sizing: content-box 10907 } 10908 10909 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) { 10910 margin-right: var(--blu-modal-header-gap) 10911 } 10912 10913 @media screen and (min-width: 840px),print { 10914 html[dark] .blu-modal__header-main--item-leading[data-v-48938041] { 10915 order:3; 10916 flex-direction: row-reverse; 10917 margin-left: var(--blu-modal-header-gap) 10918 } 10919 } 10920 10921 @media screen and (max-width: 839px) { 10922 html[dark] .blu-modal__header-main--item-leading[data-v-48938041] { 10923 margin-right:var(--blu-modal-header-gap) 10924 } 10925 } 10926 10927 html[dark] .blu-modal__header-main--item-trailing[data-v-48938041] { 10928 margin-left: auto 10929 } 10930 10931 html[dark] .blu-modal__header-main--close-icon[data-v-48938041]:focus { 10932 outline: none 10933 } 10934 10935 html[dark] .blu-modal__header-main--close-icon[data-v-48938041]:focus-visible { 10936 outline: 2px solid #f9f9fa 10937 } 10938 10939 html[dark] .blu-modal__header.b-padding-top-0[data-v-48938041] { 10940 padding-top: 0 10941 } 10942 10943 html[dark] .blu-modal__header.b-padding-bottom-0[data-v-48938041] { 10944 padding-bottom: 0 10945 } 10946 10947 html[dark] .b-info .blu-modal__header[data-v-48938041] { 10948 --blu-modal-icon-header-status: #4fa4ff; 10949 --blu-modal-header-icon-spacing-gap: 4px 0 8px 10950 } 10951 10952 html[dark] .b-info .blu-modal__header-status-icon[data-v-48938041] { 10953 color: var(--blu-modal-icon-header-status); 10954 display: flex; 10955 margin: var(--blu-modal-header-icon-spacing-gap) 10956 } 10957 10958 html[dark] .b-success .blu-modal__header[data-v-48938041] { 10959 --blu-modal-icon-header-status: #02c82b; 10960 --blu-modal-header-icon-spacing-gap: 4px 0 8px 10961 } 10962 10963 html[dark] .b-success .blu-modal__header-status-icon[data-v-48938041] { 10964 color: var(--blu-modal-icon-header-status); 10965 display: flex; 10966 margin: var(--blu-modal-header-icon-spacing-gap) 10967 } 10968 10969 html[dark] .b-alert .blu-modal__header[data-v-48938041] { 10970 --blu-modal-icon-header-status: #f1ab02; 10971 --blu-modal-header-icon-spacing-gap: 4px 0 8px 10972 } 10973 10974 html[dark] .b-alert .blu-modal__header-status-icon[data-v-48938041] { 10975 color: var(--blu-modal-icon-header-status); 10976 display: flex; 10977 margin: var(--blu-modal-header-icon-spacing-gap) 10978 } 10979 10980 html[dark] .b-danger .blu-modal__header[data-v-48938041] { 10981 --blu-modal-icon-header-status: #ff7373; 10982 --blu-modal-header-icon-spacing-gap: 4px 0 8px 10983 } 10984 10985 html[dark] .b-danger .blu-modal__header-status-icon[data-v-48938041] { 10986 color: var(--blu-modal-icon-header-status); 10987 display: flex; 10988 margin: var(--blu-modal-header-icon-spacing-gap) 10989 } 10990 </style> 10991 <style> 10992 *[data-v-ee0005ae],*[data-v-ee0005ae]:before,*[data-v-ee0005ae]:after { 10993 box-sizing: border-box 10994 } 10995 10996 html:not([dark]) .blu-modal__body[data-v-ee0005ae] { 10997 --blu-modal-body-text: 500 16px/20px Blibli, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif; 10998 --blu-modal-body-color: rgba(25, 34, 42, .7019607843); 10999 --blu-modal-body-padding: 4px 16px 12px; 11000 --blu-modal-body-addition-gap: 8px 16px; 11001 font: var(--blu-modal-body-text); 11002 color: var(--blu-modal-body-color); 11003 display: flex; 11004 flex-direction: column; 11005 overscroll-behavior: contain 11006 } 11007 11008 html:not([dark]) .blu-modal__body-content[data-v-ee0005ae] { 11009 padding: var(--blu-modal-body-padding) 11010 } 11011 11012 html:not([dark]) .blu-modal__body-addition[data-v-ee0005ae] { 11013 padding: var(--blu-modal-body-addition-gap) 11014 } 11015 11016 html:not([dark]) .blu-modal__body.b-has-no-padding[data-v-ee0005ae] { 11017 --blu-modal-body-padding: 0 11018 } 11019 11020 @media screen and (max-width: 839px) { 11021 html:not([dark]) .blu-modal__body[data-v-ee0005ae] { 11022 --blu-modal-body-text: 500 14px/18px Blibli, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif 11023 } 11024 } 11025 11026 html:not([dark]) .b-overflow-y[data-v-ee0005ae] { 11027 scrollbar-color: rgba(25,34,42,.3019607843) transparent; 11028 scrollbar-width: thin 11029 } 11030 11031 html:not([dark]) .b-overflow-y[data-v-ee0005ae]::-webkit-scrollbar { 11032 width: 4px; 11033 height: 8px; 11034 background-color: transparent 11035 } 11036 11037 html:not([dark]) .b-overflow-y[data-v-ee0005ae]::-webkit-scrollbar-track { 11038 margin: 13px 0 11039 } 11040 11041 html:not([dark]) .b-overflow-y[data-v-ee0005ae]::-webkit-scrollbar-thumb { 11042 box-shadow: inset 0 0 14px 14px transparent; 11043 border-radius: 4px; 11044 background-color: #19222a4d; 11045 scrollbar-color: rgba(25,34,42,.3019607843) 11046 } 11047 11048 html:not([dark]) .b-overflow-y[data-v-ee0005ae]:hover::-webkit-scrollbar { 11049 width: 4px 11050 } 11051 11052 html:not([dark]) .b-overflow-y[data-v-ee0005ae]:hover::-webkit-scrollbar-track { 11053 border: solid 2px transparent 11054 } 11055 11056 html:not([dark]) .b-overflow-y[data-v-ee0005ae]:hover::-webkit-scrollbar-thumb:hover { 11057 box-shadow: inset 0 0 14px 14px transparent; 11058 background-color: #19222a4d; 11059 scrollbar-color: rgba(25,34,42,.3019607843) transparent 11060 } 11061 11062 html:not([dark]) .b-overflow-y[data-v-ee0005ae]::-webkit-scrollbar-track { 11063 border-radius: 3px; 11064 background-color: transparent 11065 } 11066 11067 html:not([dark]) .b-overflow-y.hidden[data-v-ee0005ae] { 11068 scrollbar-width: none 11069 } 11070 11071 html:not([dark]) .b-overflow-y.hidden[data-v-ee0005ae]::-webkit-scrollbar-thumb { 11072 border-radius: 4px; 11073 background-color: transparent 11074 } 11075 11076 html:not([dark]) .b-overflow-y.hidden[data-v-ee0005ae]:hover { 11077 scrollbar-width: thin 11078 } 11079 11080 html:not([dark]) .b-overflow-y.hidden[data-v-ee0005ae]:hover::-webkit-scrollbar-thumb { 11081 box-shadow: inset 0 0 14px 14px transparent; 11082 border-radius: 4px; 11083 background-color: #19222a4d; 11084 scrollbar-color: rgba(25,34,42,.3019607843) transparent 11085 } 11086 11087 html:not([dark]) .b-overflow-y.hidden[data-v-ee0005ae]:hover::-webkit-scrollbar-thumb:hover { 11088 box-shadow: inset 0 0 14px 14px transparent; 11089 background-color: #19222a4d; 11090 scrollbar-color: rgba(25,34,42,.3019607843) transparent 11091 } 11092 11093 html:not([dark]) .b-overflow-y[data-v-ee0005ae] { 11094 overflow-y: auto; 11095 margin: 0 11096 } 11097 11098 html[dark] .blu-modal__body[data-v-ee0005ae] { 11099 --blu-modal-body-text: 500 16px/20px Blibli, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif; 11100 --blu-modal-body-color: rgba(255, 255, 255, .8); 11101 --blu-modal-body-padding: 4px 16px 12px; 11102 --blu-modal-body-addition-gap: 8px 16px; 11103 font: var(--blu-modal-body-text); 11104 color: var(--blu-modal-body-color); 11105 display: flex; 11106 flex-direction: column; 11107 overscroll-behavior: contain 11108 } 11109 11110 html[dark] .blu-modal__body-content[data-v-ee0005ae] { 11111 padding: var(--blu-modal-body-padding) 11112 } 11113 11114 html[dark] .blu-modal__body-addition[data-v-ee0005ae] { 11115 padding: var(--blu-modal-body-addition-gap) 11116 } 11117 11118 html[dark] .blu-modal__body.b-has-no-padding[data-v-ee0005ae] { 11119 --blu-modal-body-padding: 0 11120 } 11121 11122 @media screen and (max-width: 839px) { 11123 html[dark] .blu-modal__body[data-v-ee0005ae] { 11124 --blu-modal-body-text: 500 14px/18px Blibli, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif 11125 } 11126 } 11127 11128 html[dark] .b-overflow-y[data-v-ee0005ae] { 11129 scrollbar-color: rgba(255,255,255,.3019607843) transparent; 11130 scrollbar-width: thin 11131 } 11132 11133 html[dark] .b-overflow-y[data-v-ee0005ae]::-webkit-scrollbar { 11134 width: 4px; 11135 height: 8px; 11136 background-color: transparent 11137 } 11138 11139 html[dark] .b-overflow-y[data-v-ee0005ae]::-webkit-scrollbar-track { 11140 margin: 13px 0 11141 } 11142 11143 html[dark] .b-overflow-y[data-v-ee0005ae]::-webkit-scrollbar-thumb { 11144 box-shadow: inset 0 0 14px 14px transparent; 11145 border-radius: 4px; 11146 background-color: #ffffff4d; 11147 scrollbar-color: rgba(255,255,255,.3019607843) 11148 } 11149 11150 html[dark] .b-overflow-y[data-v-ee0005ae]:hover::-webkit-scrollbar { 11151 width: 4px 11152 } 11153 11154 html[dark] .b-overflow-y[data-v-ee0005ae]:hover::-webkit-scrollbar-track { 11155 border: solid 2px transparent 11156 } 11157 11158 html[dark] .b-overflow-y[data-v-ee0005ae]:hover::-webkit-scrollbar-thumb:hover { 11159 box-shadow: inset 0 0 14px 14px transparent; 11160 background-color: #ffffff4d; 11161 scrollbar-color: rgba(255,255,255,.3019607843) transparent 11162 } 11163 11164 html[dark] .b-overflow-y[data-v-ee0005ae]::-webkit-scrollbar-track { 11165 border-radius: 3px; 11166 background-color: transparent 11167 } 11168 11169 html[dark] .b-overflow-y.hidden[data-v-ee0005ae] { 11170 scrollbar-width: none 11171 } 11172 11173 html[dark] .b-overflow-y.hidden[data-v-ee0005ae]::-webkit-scrollbar-thumb { 11174 border-radius: 4px; 11175 background-color: transparent 11176 } 11177 11178 html[dark] .b-overflow-y.hidden[data-v-ee0005ae]:hover { 11179 scrollbar-width: thin 11180 } 11181 11182 html[dark] .b-overflow-y.hidden[data-v-ee0005ae]:hover::-webkit-scrollbar-thumb { 11183 box-shadow: inset 0 0 14px 14px transparent; 11184 border-radius: 4px; 11185 background-color: #ffffff4d; 11186 scrollbar-color: rgba(255,255,255,.3019607843) transparent 11187 } 11188 11189 html[dark] .b-overflow-y.hidden[data-v-ee0005ae]:hover::-webkit-scrollbar-thumb:hover { 11190 box-shadow: inset 0 0 14px 14px transparent; 11191 background-color: #ffffff4d; 11192 scrollbar-color: rgba(255,255,255,.3019607843) transparent 11193 } 11194 11195 html[dark] .b-overflow-y[data-v-ee0005ae] { 11196 overflow-y: auto; 11197 margin: 0 11198 } 11199 </style> 11200 <style> 11201 html:not([dark]) .blu-modal__footer[data-v-1b4528ab] { 11202 --blu-modal-footer-padding: 16px; 11203 --blu-modal-footer-gap: 8px; 11204 display: flex; 11205 justify-content: flex-end; 11206 padding: var(--blu-modal-footer-padding); 11207 box-sizing: border-box; 11208 margin-top: auto 11209 } 11210 11211 html:not([dark]) .blu-modal__footer[data-v-1b4528ab]:not(.b-long-action) *:not(:last-child) { 11212 margin-right: var(--blu-modal-footer-gap) 11213 } 11214 11215 html:not([dark]) .blu-modal__footer.b-long-action[data-v-1b4528ab] { 11216 flex-direction: column-reverse 11217 } 11218 11219 html:not([dark]) .blu-modal__footer.b-long-action[data-v-1b4528ab] *:not(:first-child) { 11220 margin-bottom: var(--blu-modal-footer-gap) 11221 } 11222 11223 @media screen and (max-width: 839px) { 11224 html:not([dark
11224]) .blu-modal__footer[data-v-1b4528ab] .blu-button { 11225 width:100% 11226 } 11227 } 11228 11229 html[dark] .blu-modal__footer[data-v-1b4528ab] { 11230 --blu-modal-footer-padding: 16px; 11231 --blu-modal-footer-gap: 8px; 11232 display: flex; 11233 justify-content: flex-end; 11234 padding: var(--blu-modal-footer-padding); 11235 box-sizing: border-box; 11236 margin-top: auto 11237 } 11238 11239 html[dark] .blu-modal__footer[data-v-1b4528ab]:not(.b-long-action) *:not(:last-child) { 11240 margin-right: var(--blu-modal-footer-gap) 11241 } 11242 11243 html[dark] .blu-modal__footer.b-long-action[data-v-1b4528ab] { 11244 flex-direction: column-reverse 11245 } 11246 11247 html[dark] .blu-modal__footer.b-long-action[data-v-1b4528ab] *:not(:first-child) { 11248 margin-bottom: var(--blu-modal-footer-gap) 11249 } 11250 11251 @media screen and (max-width: 839px) { 11252 html[dark] .blu-modal__footer[data-v-1b4528ab] .blu-button { 11253 width:100% 11254 } 11255 } 11256 </style> 11257 <style> 11258 html:not([dark]) .blu-banner[data-v-2470b354] { 11259 --blu-banner-action-text: 600 16px/20px Blibli, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif; 11260 --blu-banner-desc-text: 500 16px/20px Blibli, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif; 11261 --blu-banner-label-text: 600 16px/20px Blibli, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif; 11262 --blu-banner-link-text: 500 16px/20px Blibli, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif; 11263 --blu-banner-action-group-spacing-gap: 16px; 11264 --blu-banner-action-group-spacing-padding: 8px 0; 11265 --blu-banner-container-spacing-gap: 8px; 11266 --blu-banner-spacing-gap: 8px; 11267 --blu-banner-spacing-padding: 8px; 11268 --blu-banner-icon-size: 24px; 11269 --blu-banner-icon-close-color: #797f85; 11270 --blu-banner-image-size: 40px; 11271 display: flex; 11272 padding: var(--blu-banner-spacing-padding); 11273 background-color: var(--blu-banner-color-background); 11274 border: 1px solid var(--blu-banner-color-border); 11275 width: fit-content; 11276 box-sizing: border-box; 11277 border-radius: 8px 11278 } 11279 11280 html:not([dark]) .blu-banner[data-v-2470b354]>*:not(:last-child) { 11281 margin-right: var(--blu-banner-spacing-gap) 11282 } 11283 11284 html:not([dark]) .blu-banner[data-v-2470b354] svg { 11285 width: var(--blu-banner-icon-size); 11286 height: var(--blu-banner-icon-size); 11287 flex-shrink: 0 11288 } 11289 11290 html:not([dark]) .blu-banner[data-v-2470b354] img { 11291 width: var(--blu-banner-image-size); 11292 height: var(--blu-banner-image-size); 11293 border-radius: 4px 11294 } 11295 11296 html:not([dark]) .blu-banner[data-v-2470b354] a { 11297 color: #006dea; 11298 text-decoration: none 11299 } 11300 11301 html:not([dark]) .blu-banner[data-v-2470b354] a:focus-visible { 11302 outline: #19222a solid 2px 11303 } 11304 11305 html:not([dark]) .blu-banner .status-icon[data-v-2470b354] { 11306 color: var(--blu-banner-color-icon) 11307 } 11308 11309 html:not([dark]) .blu-banner .close-icon[data-v-2470b354] { 11310 cursor: pointer; 11311 margin-left: auto; 11312 color: var(--blu-banner-icon-close-color) 11313 } 11314 11315 html:not([dark]) .blu-banner .close-icon[data-v-2470b354]:focus-visible { 11316 outline: #19222a solid 2px 11317 } 11318 11319 html:not([dark]) .blu-banner__label[data-v-2470b354] { 11320 font: var(--blu-banner-label-text); 11321 color: #19222a 11322 } 11323 11324 html:not([dark]) .blu-banner__desc[data-v-2470b354] { 11325 font: var(--blu-banner-desc-text); 11326 color: #19222ab3 11327 } 11328 11329 html:not([dark]) .blu-banner__desc[data-v-2470b354] a { 11330 font: var(--blu-banner-link-text) 11331 } 11332 11333 html:not([dark]) .blu-banner__container[data-v-2470b354] { 11334 display: flex; 11335 flex-direction: column; 11336 justify-content: center 11337 } 11338 11339 html:not([dark]) .blu-banner__container>*[data-v-2470b354]:not(:last-child) { 11340 margin-bottom: var(--blu-banner-container-spacing-gap) 11341 } 11342 11343 html:not([dark]) .blu-banner__action-group[data-v-2470b354] { 11344 display: flex 11345 } 11346 11347 html:not([dark]) .blu-banner__action-group[data-v-2470b354] :not(:last-child) { 11348 margin-right: var(--blu-banner-action-group-spacing-gap) 11349 } 11350 11351 html:not([dark]) .blu-banner__action-group[data-v-2470b354] a { 11352 padding: var(--blu-banner-action-group-spacing-padding); 11353 font: var(--blu-banner-action-text) 11354 } 11355 11356 html:not([dark]) .blu-banner.b-small[data-v-2470b354] { 11357 --blu-banner-action-text: 600 14px/18px Blibli, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif; 11358 --blu-banner-desc-text: 500 14px/18px Blibli, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif; 11359 --blu-banner-label-text: 600 14px/18px Blibli, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif; 11360 --blu-banner-link-text: 500 14px/18px Blibli, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif; 11361 --blu-banner-action-group-spacing-gap: 16px; 11362 --blu-banner-action-group-spacing-padding: 4px 0; 11363 --blu-banner-container-spacing-gap: 8px; 11364 --blu-banner-spacing-gap: 8px; 11365 --blu-banner-spacing-padding: 8px 12px; 11366 --blu-banner-icon-size: 18px; 11367 --blu-banner-image-size: 32px 11368 } 11369 11370 html:not([dark]) .blu-banner.b-horizontal .blu-banner__container[data-v-2470b354] { 11371 flex-direction: row 11372 } 11373 11374 html:not([dark]) .blu-banner.b-horizontal .blu-banner__container>*[data-v-2470b354]:not(:last-child) { 11375 margin-right: var(--blu-banner-container-spacing-gap); 11376 margin-bottom: 0 11377 } 11378 11379 html:not([dark]) .blu-banner.b-long-action .blu-banner__action-group[data-v-2470b354] { 11380 flex-direction: column 11381 } 11382 11383 html:not([dark]) .blu-banner.b-full-width[data-v-2470b354] { 11384 width: 100% 11385 } 11386 11387 html:not([dark]) .blu-banner.b-info[data-v-2470b354] { 11388 --blu-banner-color-background: #f3f9ff; 11389 --blu-banner-color-border: #b9deff; 11390 --blu-banner-color-icon: #0072ff 11391 } 11392
11393 html:not([dark]) .blu-banner.b-alert[data-v-2470b354] { 11394 --blu-banner-color-background: #fff8e0; 11395 --blu-banner-color-border: #fedd6c; 11396 --blu-banner-color-icon: #bc6e06 11397 } 11398 11399 html:not([dark]) .blu-banner.b-error[data-v-2470b354] { 11400 --blu-banner-color-background: #fff5f5; 11401 --blu-banner-color-border: #fecccb; 11402 --blu-banner-color-icon: #e93c3c 11403 } 11404 11405 html:not([dark]) .blu-banner.b-success[data-v-2470b354] { 11406 --blu-banner-color-background: #effcf0; 11407 --blu-banner-color-border: #b2efb9; 11408 --blu-banner-color-icon: #1f912e 11409 } 11410 11411 html:not([dark]) .blu-banner.b-general[data-v-2470b354] { 11412 --blu-banner-color-background: #f9f9fa; 11413 --blu-banner-color-border: #e1e3e4 11414 } 11415 11416 html[dark] .blu-banner[data-v-2470b354] { 11417 --blu-banner-action-text: 600 16px/20px Blibli, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif; 11418 --blu-banner-desc-text: 500 16px/20px Blibli, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif; 11419 --blu-banner-label-text: 600 16px/20px Blibli, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif; 11420 --blu-banner-link-text: 500 16px/20px Blibli, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif; 11421 --blu-banner-action-group-spacing-gap: 16px; 11422 --blu-banner-action-group-spacing-padding: 8px 0; 11423 --blu-banner-container-spacing-gap: 8px; 11424 --blu-banner-spacing-gap: 8px; 11425 --blu-banner-spacing-padding: 8px; 11426 --blu-banner-icon-size: 24px; 11427 --blu-banner-icon-close-color: #acb0b4; 11428 --blu-banner-image-size: 40px; 11429 display: flex; 11430 padding: var(--blu-banner-spacing-padding); 11431 background-color: var(--blu-banner-color-background); 11432 border: 1px solid var(--blu-banner-color-border); 11433 width: fit-content; 11434 box-sizing: border-box; 11435 border-radius: 8px 11436 } 11437 11438 html[dark] .blu-banner[data-v-2470b354]>*:not(:last-child) { 11439 margin-right: var(--blu-banner-spacing-gap) 11440 } 11441 11442 html[dark] .blu-banner[data-v-2470b354] svg { 11443 width: var(--blu-banner-icon-size); 11444 height: var(--blu-banner-icon-size); 11445 flex-shrink: 0 11446 } 11447 11448 html[dark] .blu-banner[data-v-2470b354] img { 11449 width: var(--blu-banner-image-size); 11450 height: var(--blu-banner-image-size); 11451 border-radius: 4px 11452 } 11453 11454 html[dark] .blu-banner[data-v-2470b354] a { 11455 color: #4fa4ff; 11456 text-decoration: none 11457 } 11458 11459 html[dark] .blu-banner[data-v-2470b354] a:focus-visible { 11460 outline: #f9f9fa solid 2px 11461 } 11462 11463 html[dark] .blu-banner .status-icon[data-v-2470b354] { 11464 color: var(--blu-banner-color-icon) 11465 } 11466 11467 html[dark] .blu-banner .close-icon[data-v-2470b354] { 11468 cursor: pointer; 11469 margin-left: auto; 11470 color: var(--blu-banner-icon-close-color) 11471 } 11472 11473 html[dark] .blu-banner .close-icon[data-v-2470b354]:focus-visible { 11474 outline: #f9f9fa solid 2px 11475 } 11476 11477 html[dark] .blu-banner__label[data-v-2470b354] { 11478 font: var(--blu-banner-label-text); 11479 color: #fff 11480 } 11481 11482 html[dark] .blu-banner__desc[data-v-2470b354] { 11483 font: var(--blu-banner-desc-text); 11484 color: #fffc 11485 } 11486 11487 html[dark] .blu-banner__desc[data-v-2470b354] a { 11488 font: var(--blu-banner-link-text) 11489 } 11490 11491 html[dark] .blu-banner__container[data-v-2470b354] { 11492 display: flex; 11493 flex-direction: column; 11494 justify-content: center 11495 } 11496 11497 html[dark] .blu-banner__container>*[data-v-2470b354]:not(:last-child) { 11498 margin-bottom: var(--blu-banner-container-spacing-gap) 11499 } 11500 11501 html[dark] .blu-banner__action-group[data-v-2470b354] { 11502 display: flex 11503 } 11504 11505 html[dark] .blu-banner__action-group[data-v-2470b354] :not(:last-child) { 11506 margin-right: var(--blu-banner-action-group-spacing-gap) 11507 } 11508 11509 html[dark] .blu-banner__action-group[data-v-2470b354] a { 11510 padding: var(--blu-banner-action-group-spacing-padding); 11511 font: var(--blu-banner-action-text) 11512 } 11513 11514 html[dark] .blu-banner.b-small[data-v-2470b354] { 11515 --blu-banner-action-text: 600 14px/18px Blibli, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif; 11516 --blu-banner-desc-text: 500 14px/18px Blibli, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif; 11517 --blu-banner-label-text: 600 14px/18px Blibli, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif; 11518 --blu-banner-link-text: 500 14px/18px Blibli, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif; 11519 --blu-banner-action-group-spacing-gap: 16px; 11520 --blu-banner-action-group-spacing-padding: 4px 0; 11521 --blu-banner-container-spacing-gap: 8px; 11522 --blu-banner-spacing-gap: 8px; 11523 --blu-banner-spacing-padding: 8px 12px; 11524 --blu-banner-icon-size: 18px; 11525 --blu-banner-image-size: 32px 11526 } 11527 11528 html[dark] .blu-banner.b-horizontal .blu-banner__container[data-v-2470b354] { 11529 flex-direction: row 11530 } 11531 11532 html[dark] .blu-banner.b-horizontal .blu-banner__container>*[data-v-2470b354]:not(:last-child) { 11533 margin-right: var(--blu-banner-container-spacing-gap); 11534 margin-bottom: 0 11535 } 11536 11537 html[dark] .blu-banner.b-long-action .blu-banner__action-group[data-v-2470b354] { 11538 flex-direction: column 11539 } 11540 11541 html[dark] .blu-banner.b-full-width[data-v-2470b354] { 11542 width: 100% 11543 } 11544 11545 html[dark] .blu-banner.b-info[data-v-2470b354] { 11546 --blu-banner-color-background: #002e7a; 11547 --blu-banner-color-border: #0050bd; 11548 --blu-banner-color-icon: #4fa4ff 11549 } 11550
11551 html[dark] .blu-banner.b-alert[data-v-2470b354] { 11552 --blu-banner-color-background: #4d2c02; 11553 --blu-banner-color-border: #7e4704; 11554 --blu-banner-color-icon: #f1ab02 11555 } 11556 11557 html[dark] .blu-banner.b-error[data-v-2470b354] { 11558 --blu-banner-color-background: #631818; 11559 --blu-banner-color-border: #a32727; 11560 --blu-banner-color-icon: #ff7373 11561 } 11562 11563 html[dark] .blu-banner.b-success[data-v-2470b354] { 11564 --blu-banner-color-background: #0d3c13; 11565 --blu-banner-color-border: #15631f; 11566 --blu-banner-color-icon: #02c82b 11567 } 11568 11569 html[dark] .blu-banner.b-general[data-v-2470b354] { 11570 --blu-banner-color-background: #19222a; 11571 --blu-banner-color-border: #3b444c 11572 } 11573 </style> 11574 <style> 11575 html:not([dark]) .blu-loader-general[data-v-5f0af726] { 11576 --blu-loader-general-highlight-color-background: #1d8fff; 11577 --blu-loader-general-base-color-background: #f1f2f2; 11578 width: var(--blu-loader-general-size); 11579 height: var(--blu-loader-general-size) 11580 } 11581 11582 html:not([dark]) .blu-loader-general__asset[data-v-5f0af726] { 11583 animation: general-rotate-5f0af726 1.6s linear infinite; 11584 transform-origin: center center; 11585 transition: all .5s ease-in-out; 11586 width: 100%; 11587 height: 100%; 11588 margin: auto; 11589 transform: rotate(90deg) 11590 } 11591 11592 html:not([dark]) .blu-loader-general__asset--highlight[data-v-5f0af726],html:not([dark]) .blu-loader-general__asset--base[data-v-5f0af726] { 11593 stroke-linecap: round 11594 } 11595 11596 html:not([dark]) .blu-loader-general__asset--highlight[data-v-5f0af726] { 11597 stroke: var(--blu-loader-general-highlight-color-background); 11598 animation: general-highlight-5f0af726 1.6s linear infinite 11599 } 11600 11601 html:not([dark]) .blu-loader-general__asset--base[data-v-5f0af726] { 11602 stroke: var(--blu-loader-general-base-color-background); 11603 animation: general-base-5f0af726 1.6s linear infinite 11604 } 11605 11606 html:not([dark]) .blu-loader-general.b-inverted[data-v-5f0af726] { 11607 --blu-loader-general-highlight-color-background: #ffffff; 11608 --blu-loader-general-base-color-background: #c8cbcd 11609 } 11610 11611 html:not([dark]) .blu-loader-general.b-size-s[data-v-5f0af726] { 11612 --blu-loader-general-size: 16px 11613 } 11614 11615 html:not([dark]) .blu-loader-general.b-size-m[data-v-5f0af726] { 11616 --blu-loader-general-size: 18px 11617 } 11618 11619 html:not([dark]) .blu-loader-general.b-size-l[data-v-5f0af726] { 11620 --blu-loader-general-size: 24px 11621 } 11622 11623 html:not([dark]) .blu-loader-general.b-size-xl[data-v-5f0af726] { 11624 --blu-loader-general-size: 32px 11625 } 11626 11627 html[dark] .blu-loader-general[data-v-5f0af726] { 11628 --blu-loader-general-highlight-color-background: #4fa4ff; 11629 --blu-loader-general-base-color-background: #28323b; 11630 width: var(--blu-loader-general-size); 11631 height: var(--blu-loader-general-size) 11632 } 11633 11634 html[dark] .blu-loader-general__asset[data-v-5f0af726] { 11635 animation: general-rotate-5f0af726 1.6s linear infinite; 11636 transform-origin: center center; 11637 transition: all .5s ease-in-out; 11638 width: 100%; 11639 height: 100%; 11640 margin: auto; 11641 transform: rotate(90deg) 11642 } 11643 11644 html[dark] .blu-loader-general__asset--highlight[data-v-5f0af726],html[dark] .blu-loader-general__asset--base[data-v-5f0af726] { 11645 stroke-linecap: round 11646 } 11647 11648 html[dark] .blu-loader-general__asset--highlight[data-v-5f0af726] { 11649 stroke: var(--blu-loader-general-highlight-color-background); 11650 animation: general-highlight-5f0af726 1.6s linear infinite 11651 } 11652 11653 html[dark] .blu-loader-general__asset--base[data-v-5f0af726] { 11654 stroke: var(--blu-loader-general-base-color-background); 11655 animation: general-base-5f0af726 1.6s linear infinite 11656 } 11657 11658 html[dark] .blu-loader-general.b-inverted[data-v-5f0af726] { 11659 --blu-loader-general-highlight-color-background: #12171d; 11660 --blu-loader-general-base-color-background: #60686e 11661 } 11662 11663 html[dark] .blu-loader-general.b-size-s[data-v-5f0af726] { 11664 --blu-loader-general-size: 16px 11665 } 11666 11667 html[dark] .blu-loader-general.b-size-m[data-v-5f0af726] { 11668 --blu-loader-general-size: 18px 11669 } 11670 11671 html[dark] .blu-loader-general.b-size-l[data-v-5f0af726] { 11672 --blu-loader-general-size: 24px 11673 } 11674 11675 html[dark] .blu-loader-general.b-size-xl[data-v-5f0af726] { 11676 --blu-loader-general-size: 32px 11677 } 11678 11679 @keyframes general-highlight-5f0af726 { 11680 0% { 11681 stroke-dasharray: 1,200; 11682 stroke-dashoffset: 0 11683 } 11684 11685 50% { 11686 stroke-dasharray: 50,200; 11687 stroke-dashoffset: -15px 11688 } 11689 11690 to { 11691 stroke-dasharray: 50,200; 11692 stroke-dashoffset: -124px 11693 } 11694 } 11695 11696 @keyframes general-base-5f0af726 { 11697 0% { 11698 stroke-dasharray: 1,200; 11699 stroke-dashoffset: 0 11700 } 11701 11702 to { 11703 stroke-dasharray: 100,200; 11704 stroke-dashoffset: -120px 11705 } 11706 } 11707 11708 @keyframes general-rotate-5f0af726 { 11709 to { 11710 transform: rotate(450deg) 11711 } 11712 } 11713 </style> 11714 <style> 11715 html:not([dark]) .b-overflow-y[data-v-7b49b436] { 11716 scrollbar-color: rgba(25,34,42,.3019607843) transparent; 11717 scrollbar-width: thin 11718 } 11719 11720 html:not([dark]) .b-overflow-y[data-v-7b49b436]::-webkit-scrollbar { 11721 width: 4px; 11722 height: 8px; 11723 background-color: transparent 11724 } 11725 11726 html:not([dark]) .b-overflow-y[data-v-7b49b436]::-webkit-scrollbar-track { 11727 margin: 13px 0 11728 } 11729 11730 html:not([dark]) .b-overflow-y[data-v-7b49b436]::-webkit-scrollbar-thumb { 11731 box-shadow: inset 0 0 14px 14px transparent; 11732 border-radius: 4px; 11733 background-color: #19222a4d; 11734 scrollbar-color: rgba(25,34,42,.3019607843) 11735 } 11736 11737 html:not([dark]) .b-overflow-y[data-v-7b49b436]:hover::-webkit-scrollbar { 11738 width: 4px 11739 } 11740 11741 html:not([dark]) .b-overflow-y[data-v-7b49b436]:hover::-webkit-scrollbar-track { 11742 border: solid 2px transparent 11743 } 11744 11745 html:not([dark]) .b-overflow-y[data-v-7b49b436]:hover::-webkit-scrollbar-thumb:hover { 11746 box-shadow: inset 0 0 14px 14px transparent; 11747 background-color: #19222a4d; 11748 scrollbar-color: rgba(25,34,42,.3019607843) transparent 11749 } 11750 11751 html:not([dark]) .b-overflow-y[data-v-7b49b436]::-webkit-scrollbar-track { 11752 border-radius: 3px; 11753 background-color: transparent 11754 } 11755 11756 html:not([dark]) .b-overflow-y.hidden[data-v-7b49b436] { 11757 scrollbar-width: none 11758 } 11759 11760 html:not([dark]) .b-overflow-y.hidden[data-v-7b49b436]::-webkit-scrollbar-thumb { 11761 border-radius: 4px; 11762 background-color: transparent 11763 } 11764 11765 html:not([dark]) .b-overflow-y.hidden[data-v-7b49b436]:hover { 11766 scrollbar-width: thin 11767 } 11768 11769 html:not([dark]) .b-overflow-y.hidden[data-v-7b49b436]:hover::-webkit-scrollbar-thumb { 11770 box-shadow: inset 0 0 14px 14px transparent; 11771 border-radius: 4px; 11772 background-color: #19222a4d; 11773 scrollbar-color: rgba(25,34,42,.3019607843) transparent 11774 } 11775 11776 html:not([dark]) .b-overflow-y.hidden[data-v-7b49b436]:hover::-webkit-scrollbar-thumb:hover { 11777 box-shadow: inset 0 0 14px 14px transparent; 11778 background-color: #19222a4d; 11779 scrollbar-color: rgba(25,34,42,.3019607843) transparent 11780 } 11781 11782 html:not([dark]) .b-overflow-y[data-v-7b49b436] { 11783 overflow-y: auto; 11784 margin: 0 11785 } 11786 11787 html:not([dark]) .blu-list__child .blu-list-group[data-v-7b49b436] { 11788 overflow: hidden 11789 } 11790 11791 html:not([dark]) .blu-list__child .blu-list-group[data-v-7b49b436]:not(.b-none):not(.b-group) .blu-list-item:first-child:before { 11792 content: ""; 11793 position: absolute; 11794 width: calc(100% - 16px); 11795 left: 8px; 11796 border-top: solid 1px #c8cbcd 11797 } 11798 11799 html:not([dark]) .blu-list-group[data-v-7b49b436]:not(.b-none):not(.b-group)>.blu-list-item:not(:first-child):before { 11800 border-top: solid 1px #c8cbcd; 11801 content: ""; 11802 position: absolute; 11803 width: calc(100% - 16px); 11804 left: 8px 11805 } 11806 11807 html:not([dark]) .blu-list-group.b-group[data-v-7b49b436]>.blu-list-item:last-child:after { 11808 border-bottom: solid 1px #c8cbcd; 11809 content: ""; 11810 position: absolute; 11811 width: calc(100% - 16px); 11812 left: 8px 11813 } 11814 11815 html[dark] .b-overflow-y[data-v-7b49b436] { 11816 scrollbar-color: rgba(255,255,255,.3019607843) transparent; 11817 scrollbar-width: thin 11818 } 11819 11820 html[dark] .b-overflow-y[data-v-7b49b436]::-webkit-scrollbar { 11821 width: 4px; 11822 height: 8px; 11823 background-color: transparent 11824 } 11825 11826 html[dark] .b-overflow-y[data-v-7b49b436]::-webkit-scrollbar-track { 11827 margin: 13px 0 11828 } 11829 11830 html[dark] .b-overflow-y[data-v-7b49b436]::-webkit-scrollbar-thumb { 11831 box-shadow: inset 0 0 14px 14px transparent; 11832 border-radius: 4px; 11833 background-color: #ffffff4d; 11834 scrollbar-color: rgba(255,255,255,.3019607843) 11835 } 11836 11837 html[dark] .b-overflow-y[data-v-7b49b436]:hover::-webkit-scrollbar { 11838 width: 4px 11839 } 11840 11841 html[dark] .b-overflow-y[data-v-7b49b436]:hover::-webkit-scrollbar-track { 11842 border: solid 2px transparent 11843 } 11844 11845 html[dark] .b-overflow-y[data-v-7b49b436]:hover::-webkit-scrollbar-thumb:hover { 11846 box-shadow: inset 0 0 14px 14px transparent; 11847 background-color: #ffffff4d; 11848 scrollbar-color: rgba(255,255,255,.3019607843) transparent 11849 } 11850 11851 html[dark] .b-overflow-y[data-v-7b49b436]::-webkit-scrollbar-track { 11852 border-radius: 3px; 11853 background-color: transparent 11854 } 11855 11856 html[dark] .b-overflow-y.hidden[data-v-7b49b436] { 11857 scrollbar-width: none 11858 } 11859 11860 html[dark] .b-overflow-y.hidden[data-v-7b49b436]::-webkit-scrollbar-thumb { 11861 border-radius: 4px; 11862 background-color: transparent 11863 } 11864 11865 html[dark] .b-overflow-y.hidden[data-v-7b49b436]:hover { 11866 scrollbar-width: thin 11867 } 11868 11869 html[dark] .b-overflow-y.hidden[data-v-7b49b436]:hover::-webkit-scrollbar-thumb { 11870 box-shadow: inset 0 0 14px 14px transparent; 11871 border-radius: 4px; 11872 background-color: #ffffff4d; 11873 scrollbar-color: rgba(255,255,255,.3019607843) transparent 11874 } 11875 11876 html[dark] .b-overflow-y.hidden[data-v-7b49b436]:hover::-webkit-scrollbar-thumb:hover { 11877 box-shadow: inset 0 0 14px 14px transparent; 11878 background-color: #ffffff4d; 11879 scrollbar-color: rgba(255,255,255,.3019607843) transparent 11880 } 11881 11882 html[dark] .b-overflow-y[data-v-7b49b436] { 11883 overflow-y: auto; 11884 margin: 0 11885 } 11886 11887 html[dark] .blu-list__child .blu-list-group[data-v-7b49b436] { 11888 overflow: hidden 11889 } 11890 11891 html[dark] .blu-list__child .blu-list-group[data-v-7b49b436]:not(.b-none):not(.b-group) .blu-list-item:first-child:before { 11892 content: ""; 11893 position: absolute; 11894 width: calc(100% - 16px); 11895 left: 8px; 11896 border-top: solid 1px #60686e 11897 } 11898 11899 html[dark] .blu-list-group[data-v-7b49b436]:not(.b-none):not(.b-group)>.blu-list-item:not(:first-child):before { 11900 border-top: solid 1px #60686e; 11901 content: ""; 11902 position: absolute; 11903 width: calc(100% - 16px); 11904 left: 8px 11905 } 11906 11907 html[dark] .blu-list-group.b-group[data-v-7b49b436]>.blu-list-item:last-child:after { 11908 border-bottom: solid 1px #60686e; 11909 content: ""; 11910 position: absolute; 11911 width: calc(100% - 16px); 11912 left: 8px 11913 } 11914 </style> 11915 <style> 11916 html:not([dark]) .blu-checkbox[data-v-03e81a59] { 11917 --blu-checkbox-spacing-padding: 4px 0; 11918 --blu-checkbox-icon-size: 22px; 11919 --blu-checkbox-icon-border-radius: 4px; 11920 --blu-checkbox-icon-padding: 2px; 11921 --blu-checkbox-container-border-radius: 4px; 11922 --blu-checkbox-container-border-width: 1px; 11923 --blu-checkbox-content-spacing-padding: 2px 0; 11924 --blu-checkbox-label-text: 500 14px/18px Blibli, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif; 11925 --blu-checkbox-container-color-border: #c8cbcd; 11926 --blu-checkbox-label-color-text: rgba(25, 34, 42, .7019607843); 11927 --blu-checkbox-cursor: pointer; 11928 --blu-checkbox-asset-color-border: #ffffff; 11929 display: inline-flex; 11930 position: relative; 11931 padding: var(--blu-checkbox-spacing-padding); 11932 outline: none 11933 } 11934 11935 html:not([dark]) .blu-checkbox[data-v-03e81a59],html:not([dark]) .blu-checkbox *[data-v-03e81a59] { 11936 cursor: var(--blu-checkbox-cursor) 11937 } 11938 11939 html:not([dark]) .blu-checkbox>*[data-v-03e81a59]:not(:last-child) { 11940 margin-right: 4px 11941 } 11942 11943 html:not([dark]) .blu-checkbox input[type=checkbox][data-v-03e81a59] { 11944 display: none 11945 } 11946 11947 html:not([dark]) .blu-checkbox__icon[data-v-03e81a59] { 11948 box-sizing: border-box; 11949 width: var(--blu-checkbox-icon-size); 11950 height: var(--blu-checkbox-icon-size); 11951 border-radius: var(--blu-checkbox-icon-border-radius); 11952 padding: var(--blu-checkbox-icon-padding); 11953 background: var(--blu-checkbox-icon-color-background); 11954 box-shadow: inset 0 0 0 var(--blu-checkbox-icon-border-width); 11955 color: var(--blu-checkbox-icon-color-border); 11956
11956 flex-shrink: 0 11957 } 11958 11959 html:not([dark]) .blu-checkbox__container[data-v-03e81a59] { 11960 display: flex; 11961 align-items: center; 11962 justify-content: center; 11963 width: 100%; 11964 height: 100%; 11965 border-radius: var(--blu-checkbox-container-border-radius); 11966 box-shadow: inset 0 0 0 var(--blu-checkbox-container-border-width); 11967 color: var(--blu-checkbox-container-color-border); 11968 background: var(--blu-checkbox-container-color-background) 11969 } 11970 11971 html:not([dark]) .blu-checkbox__container .blu-checkbox__container-asset[data-v-03e81a59] { 11972 transform: rotate(-45deg) translateY(-4px) translate(-3px) 11973 } 11974 11975 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 { 11976 position: absolute; 11977 content: ""; 11978 opacity: 0; 11979 border-radius: 4px 11980 } 11981 11982 html:not([dark]) .blu-checkbox__container .blu-checkbox__container-asset[data-v-03e81a59]:before { 11983 height: 0 11984 } 11985 11986 html:not([dark]) .blu-checkbox__container .blu-checkbox__container-asset[data-v-03e81a59]:before { 11987 width: 2px 11988 } 11989 11990 html:not([dark]) .blu-checkbox__container .blu-checkbox__container-asset[data-v-03e81a59]:after { 11991 width: 0; 11992 height: 2px; 11993 transform: translateY(4px) 11994 } 11995 11996 html:not([dark]) .blu-checkbox__content[data-v-03e81a59] { 11997 display: flex; 11998 flex-direction: column; 11999 padding: var(--blu-checkbox-content-spacing-padding); 12000 font: var(--blu-checkbox-label-text); 12001 color: var(--blu-checkbox-label-color-text) 12002 } 12003 12004 html:not([dark]) .blu-checkbox__content>*[data-v-03e81a59]:not(:last-child) { 12005 margin-bottom: 4px 12006 } 12007 12008 html:not([dark]) .blu-checkbox[data-v-03e81a59]:not(.b-disabled):hover { 12009 --blu-checkbox-icon-color-background: #f9f9fa 12010 } 12011 12012 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] { 12013 --blu-checkbox-icon-color-background: #f3f9ff 12014 } 12015 12016 html:not([dark]) .blu-checkbox.b-error>input[type=checkbox]:not(:checked):not(:indeterminate)~.blu-checkbox__icon[data-v-03e81a59] { 12017 --blu-checkbox-container-color-border: #ff4646 12018 } 12019 12020 html:not([dark]) .blu-checkbox.b-error>input[type=checkbox]:not(:checked):not(:indeterminate)~.blu-checkbox__content[data-v-03e81a59] { 12021 --blu-checkbox-label-color-text: #d33534 12022 } 12023 12024 html:not([dark]) .blu-checkbox input[type=checkbox]:checked~.blu-checkbox__icon[data-v-03e81a59] { 12025 --blu-checkbox-container-color-background: #1d8fff; 12026 --blu-checkbox-container-color-border: #1d8fff 12027 } 12028 12029 html:not([dark]) .blu-checkbox input[type=checkbox]:checked~.blu-checkbox__icon .blu-checkbox__container[data-v-03e81a59] { 12030 animation: bounce-03e81a59 .3s ease-out 12031 } 12032 12033 html:not([dark]) .blu-checkbox input[type=checkbox]:checked~.blu-checkbox__icon .blu-checkbox__container-asset[data-v-03e81a59] { 12034 visibility: visible 12035 } 12036 12037 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 { 12038 background: var(--blu-checkbox-asset-color-border); 12039 opacity: 1;
12040 transition: all .1s .1s 12041 } 12042 12043 html:not([dark]) .blu-checkbox input[type=checkbox]:checked~.blu-checkbox__icon .blu-checkbox__container-asset[data-v-03e81a59]:before { 12044 height: 6px 12045 } 12046 12047 html:not([dark]) .blu-checkbox input[type=checkbox]:checked~.blu-checkbox__icon .blu-checkbox__container-asset[data-v-03e81a59]:after { 12048 width: 8px 12049 } 12050 12051 html:not([dark]) .blu-checkbox[data-v-03e81a59]:not(.b-disabled):focus-visible { 12052 --blu-checkbox-icon-color-background: #f9f9fa; 12053 --blu-checkbox-icon-color-border: #19222a 12054 } 12055 12056 html:not([dark]) .blu-checkbox[data-v-03e81a59]:not(.b-disabled):focus-visible:not(.b-small) { 12057 --blu-checkbox-icon-border-width: 2px 12058 } 12059 12060 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] { 12061 --blu-checkbox-icon-color-background: #f3f9ff 12062 } 12063 12064 html:not([dark]) .blu-checkbox.b-disabled[data-v-03e81a59] { 12065 --blu-checkbox-cursor: not-allowed; 12066 --blu-checkbox-container-color-border: #f1f2f2; 12067 --blu-checkbox-label-color-text: rgba(25, 34, 42, .3019607843); 12068 --blu-checkbox-asset-color-border: #ffffff; 12069 --blu-checkbox-container-color-background: #f9f9fa; 12070 user-select: auto 12071 } 12072 12073 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] { 12074 --blu-checkbox-container-color-border: transparent; 12075 --blu-checkbox-container-color-background: rgba(25, 34, 42, .3019607843) 12076 } 12077 12078 html:not([dark]) .blu-checkbox.b-small[data-v-03e81a59] { 12079 --blu-checkbox-icon-size: 18px; 12080 --blu-checkbox-icon-padding: 2px; 12081 --blu-checkbox-icon-border-radius: 4px; 12082 --blu-checkbox-container-border-radius: 4px; 12083 --blu-checkbox-container-border-width: 1px; 12084 --blu-checkbox-content-spacing-padding: 0; 12085 --blu-checkbox-label-text: 500 14px/18px Blibli, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif; 12086 --blu-checkbox-spacing-padding: 3px 0 12087 } 12088 12089 html:not([dark]) .blu-checkbox.b-small[data-v-03e81a59]:focus-visible { 12090 --blu-checkbox-icon-border-width: 2px 12091 } 12092 12093 html:not([dark]) .blu-checkbox.b-small .blu-checkbox__container-asset[data-v-03e81a59] { 12094 transform: rotate(-49deg) translateY(-4px) translate(-2px) 12095 } 12096 12097 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 { 12098 position: absolute; 12099 content: ""; 12100 opacity: 0; 12101 border-radius: 4px 12102 } 12103 12104 html:not([dark]) .blu-checkbox.b-small .blu-checkbox__container-asset[data-v-03e81a59]:before { 12105 height: 0 12106 } 12107 12108 html:not([dark]) .blu-checkbox.b-small .blu-checkbox__container-asset[data-v-03e81a59]:before { 12109 top: 1px 12110 } 12111 12112 html:not([dark]) .blu-checkbox.b-small input[type=checkbox]:checked~.blu-checkbox__icon .blu-checkbox__container[data-v-03e81a59] { 12113 animation: bounce-03e81a59 .3s ease-out 12114 } 12115 12116 html:not([dark]) .blu-checkbox.b-small input[type=checkbox]:checked~.blu-checkbox__icon .blu-checkbox__container-asset[data-v-03e81a59] { 12117 visibility: visible 12118 } 12119 12120 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 { 12121 background: var(--blu-checkbox-asset-color-border); 12122 opacity: 1;
12123 transition: all .1s .1s 12124 } 12125 12126 html:not([dark]) .blu-checkbox.b-small input[type=checkbox]:checked~.blu-checkbox__icon .blu-checkbox__container-asset[data-v-03e81a59]:before { 12127 height: 4px 12128 } 12129 12130 html:not([dark]) .blu-checkbox.b-small input[type=checkbox]:checked~.blu-checkbox__icon .blu-checkbox__container-asset[data-v-03e81a59]:after { 12131 width: 6px 12132 } 12133 12134 html:not([dark]) .blu-checkbox.b-small.b-partial .blu-checkbox__container-asset[data-v-03e81a59] { 12135 transform: rotate(90deg) translateY(-5px) translate(-1px) 12136 } 12137 12138 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 { 12139 position: absolute; 12140 content: ""; 12141 opacity: 0; 12142 border-radius: 4px 12143 } 12144 12145 html:not([dark]) .blu-checkbox.b-small.b-partial .blu-checkbox__container-asset[data-v-03e81a59]:before { 12146 height: 0 12147 } 12148 12149 html:not([dark]) .blu-checkbox.b-partial[data-v-03e81a59] { 12150 --blu-checkbox-container-color-background: #1d8fff; 12151 --blu-checkbox-container-color-border: #1d8fff 12152 } 12153 12154 html:not([dark]) .blu-checkbox.b-partial .blu-checkbox__container-asset[data-v-03e81a59] { 12155 transform: rotate(90deg) translateY(-4px) translate(-1px) 12156 } 12157 12158 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 { 12159 position: absolute; 12160 content: ""; 12161 opacity: 0; 12162 border-radius: 4px 12163 } 12164 12165 html:not([dark]) .blu-checkbox.b-partial .blu-checkbox__container-asset[data-v-03e81a59]:before { 12166 height: 0 12167 } 12168 12169 html:not([dark]) .blu-checkbox.b-partial .blu-checkbox__container-asset[data-v-03e81a59]:before { 12170 width: 2px 12171 } 12172 12173 html:not([dark]) .blu-checkbox.b-partial .blu-checkbox__container-asset[data-v-03e81a59]:after { 12174 display: none 12175 } 12176 12177 html:not([dark]) .blu-checkbox.b-partial input[type=checkbox]:indeterminate+.blu-checkbox__icon .blu-checkbox__container[data-v-03e81a59] { 12178 animation: bounce-03e81a59 .3s ease-out 12179 } 12180 12181 html:not([dark]) .blu-checkbox.b-partial input[type=checkbox]:indeterminate+.blu-checkbox__icon .blu-checkbox__container-asset[data-v-03e81a59] { 12182 visibility: visible 12183 } 12184 12185 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 { 12186 background: var(--blu-checkbox-asset-color-border); 12187 opacity: 1; 12188 transition: all .1s .1s 12189 } 12190 12191 html:not([dark]) .blu-checkbox.b-partial input[type=checkbox]:indeterminate+.blu-checkbox__icon .blu-checkbox__container-asset[data-v-03e81a59]:before { 12192 height: 8px 12193 } 12194 12195 @keyframes bounce-03e81a59 { 12196 25% { 12197 transform: scale(.9) 12198 } 12199 12200 50% { 12201 transform: scale(1.1) 12202 } 12203 } 12204 12205 html[dark] .blu-checkbox[data-v-03e81a59] { 12206 --blu-checkbox-spacing-padding: 4px 0; 12207 --blu-checkbox-icon-size: 22px; 12208 --blu-checkbox-icon-border-radius: 4px; 12209 --blu-checkbox-icon-padding: 2px; 12210 --blu-checkbox-container-border-radius: 4px; 12211 --blu-checkbox-container-border-width: 1px; 12212 --blu-checkbox-content-spacing-padding: 2px 0; 12213 --blu-checkbox-label-text: 500 14px/18px Blibli, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif; 12214 --blu-checkbox-container-color-border: #60686e; 12215 --blu-checkbox-label-color-text: rgba(255, 255, 255, .8); 12216 --blu-checkbox-cursor: pointer; 12217 --blu-checkbox-asset-color-border: #ffffff; 12218 display: inline-flex; 12219 position: relative; 12220 padding: var(--blu-checkbox-spacing-padding); 12221 outline: none 12222 } 12223 12224 html[dark] .blu-checkbox[data-v-03e81a59],html[dark] .blu-checkbox *[data-v-03e81a59] { 12225 cursor: var(--blu-checkbox-cursor) 12226 } 12227 12228 html[dark] .blu-checkbox>*[data-v-03e81a59]:not(:last-child) { 12229 margin-right: 4px 12230 } 12231 12232 html[dark] .blu-checkbox input[type=checkbox][data-v-03e81a59] { 12233 display: none 12234 } 12235 12236 html[dark] .blu-checkbox__icon[data-v-03e81a59] { 12237 box-sizing: border-box; 12238 width: var(--blu-checkbox-icon-size); 12239 height: var(--blu-checkbox-icon-size); 12240 border-radius: var(--blu-checkbox-icon-border-radius); 12241 padding: var(--blu-checkbox-icon-padding); 12242 background: var(--blu-checkbox-icon-color-background); 12243 box-shadow: inset 0 0 0 var(--blu-checkbox-icon-border-width); 12244 color: var(--blu-checkbox-icon-color-border); 12245 flex-shrink: 0 12246 } 12247 12248 html[dark] .blu-checkbox__container[data-v-03e81a59] { 12249 display: flex; 12250 align-items: center; 12251 justify-content: center; 12252 width: 100%; 12253 height: 100%; 12254 border-radius: var(--blu-checkbox-container-border-radius); 12255 box-shadow: inset 0 0 0 var(--blu-checkbox-container-border-width); 12256 color: var(--blu-checkbox-container-color-border); 12257 background: var(--blu-checkbox-container-color-background) 12258 } 12259 12260 html[dark] .blu-checkbox__container .blu-checkbox__container-asset[data-v-03e81a59] { 12261 transform: rotate(-45deg) translateY(-4px) translate(-3px) 12262 } 12263 12264 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 { 12265 position: absolute; 12266 content: ""; 12267 opacity: 0; 12268 border-radius: 4px 12269 } 12270 12271 html[dark] .blu-checkbox__container .blu-checkbox__container-asset[data-v-03e81a59]:before { 12272 height: 0 12273 } 12274 12275 html[dark] .blu-checkbox__container .blu-checkbox__container-asset[data-v-03e81a59]:before { 12276 width: 2px 12277 } 12278 12279 html[dark] .blu-checkbox__container .blu-checkbox__container-asset[data-v-03e81a59]:after { 12280 width: 0; 12281 height: 2px; 12282 transform: translateY(4px) 12283 } 12284 12285 html[dark] .blu-checkbox__content[data-v-03e81a59] { 12286 display: flex; 12287 flex-direction: column; 12288 padding: var(--blu-checkbox-content-spacing-padding); 12289 font: var(--blu-checkbox-label-text); 12290 color: var(--blu-checkbox-label-color-text) 12291 } 12292 12293 html[dark] .blu-checkbox__content>*[data-v-03e81a59]:not(:last-child) { 12294 margin-bottom: 4px 12295 } 12296 12297 html[dark] .blu-checkbox[data-v-03e81a59]:not(.b-disabled):hover { 12298 --blu-checkbox-icon-color-background: #19222a 12299 } 12300 12301 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] { 12302 --blu-checkbox-icon-color-background: #002e7a 12303 } 12304 12305 html[dark] .blu-checkbox.b-error>input[type=checkbox]:not(:checked):not(:indeterminate)~.blu-checkbox__icon[data-v-03e81a59] { 12306 --blu-checkbox-container-color-border: #ff7373 12307 } 12308 12309 html[dark] .blu-checkbox.b-error>input[type=checkbox]:not(:checked):not(:indeterminate)~.blu-checkbox__content[data-v-03e81a59] { 12310 --blu-checkbox-label-color-text: #ff7373 12311 } 12312 12313 html[dark] .blu-checkbox input[type=checkbox]:checked~.blu-checkbox__icon[data-v-03e81a59] { 12314 --blu-checkbox-container-color-background: #1d8fff; 12315 --blu-checkbox-container-color-border: #1d8fff 12316 } 12317 12318 html[dark] .blu-checkbox input[type=checkbox]:checked~.blu-checkbox__icon .blu-checkbox__container[data-v-03e81a59] { 12319 animation: bounce-03e81a59 .3s ease-out 12320 } 12321 12322 html[dark] .blu-checkbox input[type=checkbox]:checked~.blu-checkbox__icon .blu-checkbox__container-asset[data-v-03e81a59] { 12323 visibility: visible 12324 } 12325 12326 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 { 12327 background: var(--blu-checkbox-asset-color-border); 12328 opacity: 1;
12329 transition: all .1s .1s 12330 } 12331 12332 html[dark] .blu-checkbox input[type=checkbox]:checked~.blu-checkbox__icon .blu-checkbox__container-asset[data-v-03e81a59]:before { 12333 height: 6px 12334 } 12335 12336 html[dark] .blu-checkbox input[type=checkbox]:checked~.blu-checkbox__icon .blu-checkbox__container-asset[data-v-03e81a59]:after { 12337 width: 8px 12338 } 12339 12340 html[dark] .blu-checkbox[data-v-03e81a59]:not(.b-disabled):focus-visible { 12341 --blu-checkbox-icon-color-background: #19222a; 12342 --blu-checkbox-icon-color-border: #f9f9fa 12343 } 12344 12345 html[dark] .blu-checkbox[data-v-03e81a59]:not(.b-disabled):focus-visible:not(.b-small) { 12346 --blu-checkbox-icon-border-width: 2px 12347 } 12348 12349 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] { 12350 --blu-checkbox-icon-color-background: #002e7a 12351 } 12352 12353 html[dark] .blu-checkbox.b-disabled[data-v-03e81a59] { 12354 --blu-checkbox-cursor: not-allowed; 12355 --blu-checkbox-container-color-border: #28323b; 12356 --blu-checkbox-label-color-text: rgba(255, 255, 255, .3019607843); 12357 --blu-checkbox-asset-color-border: #12171d; 12358 --blu-checkbox-container-color-background: #19222a; 12359 user-select: auto 12360 } 12361 12362 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] { 12363 --blu-checkbox-container-color-border: transparent; 12364 --blu-checkbox-container-color-background: rgba(255, 255, 255, .3019607843) 12365 } 12366 12367 html[dark] .blu-checkbox.b-small[data-v-03e81a59] { 12368 --blu-checkbox-icon-size: 18px; 12369 --blu-checkbox-icon-padding: 2px; 12370 --blu-checkbox-icon-border-radius: 4px; 12371 --blu-checkbox-container-border-radius: 4px; 12372 --blu-checkbox-container-border-width: 1px; 12373 --blu-checkbox-content-spacing-padding: 0; 12374 --blu-checkbox-label-text: 500 14px/18px Blibli, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif; 12375 --blu-checkbox-spacing-padding: 3px 0 12376 } 12377 12378 html[dark] .blu-checkbox.b-small[data-v-03e81a59]:focus-visible { 12379 --blu-checkbox-icon-border-width: 2px 12380 } 12381 12382 html[dark] .blu-checkbox.b-small .blu-checkbox__container-asset[data-v-03e81a59] { 12383 transform: rotate(-49deg) translateY(-4px) translate(-2px) 12384 } 12385 12386 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 { 12387 position: absolute; 12388 content: ""; 12389 opacity: 0; 12390 border-radius: 4px 12391 } 12392 12393 html[dark] .blu-checkbox.b-small .blu-checkbox__container-asset[data-v-03e81a59]:before { 12394 height: 0 12395 } 12396 12397 html[dark] .blu-checkbox.b-small .blu-checkbox__container-asset[data-v-03e81a59]:before { 12398 top: 1px 12399 } 12400 12401 html[dark] .blu-checkbox.b-small input[type=checkbox]:checked~.blu-checkbox__icon .blu-checkbox__container[data-v-03e81a59] { 12402 animation: bounce-03e81a59 .3s ease-out 12403 } 12404 12405 html[dark] .blu-checkbox.b-small input[type=checkbox]:checked~.blu-checkbox__icon .blu-checkbox__container-asset[data-v-03e81a59] { 12406 visibility: visible 12407 } 12408 12409 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 { 12410 background: var(--blu-checkbox-asset-color-border); 12411 opacity: 1;
12412 transition: all .1s .1s 12413 } 12414 12415 html[dark] .blu-checkbox.b-small input[type=checkbox]:checked~.blu-checkbox__icon .blu-checkbox__container-asset[data-v-03e81a59]:before { 12416 height: 4px 12417 } 12418 12419 html[dark] .blu-checkbox.b-small input[type=checkbox]:checked~.blu-checkbox__icon .blu-checkbox__container-asset[data-v-03e81a59]:after { 12420 width: 6px 12421 } 12422 12423 html[dark] .blu-checkbox.b-small.b-partial .blu-checkbox__container-asset[data-v-03e81a59] { 12424 transform: rotate(90deg) translateY(-5px) translate(-1px) 12425 } 12426 12427 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 { 12428 position: absolute; 12429 content: ""; 12430 opacity: 0; 12431 border-radius: 4px 12432 } 12433 12434 html[dark] .blu-checkbox.b-small.b-partial .blu-checkbox__container-asset[data-v-03e81a59]:before { 12435 height: 0 12436 } 12437 12438 html[dark] .blu-checkbox.b-partial[data-v-03e81a59] { 12439 --blu-checkbox-container-color-background: #1d8fff; 12440 --blu-checkbox-container-color-border: #1d8fff 12441 } 12442 12443 html[dark] .blu-checkbox.b-partial .blu-checkbox__container-asset[data-v-03e81a59] { 12444 transform: rotate(90deg) translateY(-4px) translate(-1px) 12445 } 12446 12447 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 { 12448 position: absolute; 12449 content: ""; 12450 opacity: 0; 12451 border-radius: 4px 12452 } 12453 12454 html[dark] .blu-checkbox.b-partial .blu-checkbox__container-asset[data-v-03e81a59]:before { 12455 height: 0 12456 } 12457 12458 html[dark] .blu-checkbox.b-partial .blu-checkbox__container-asset[data-v-03e81a59]:before { 12459 width: 2px 12460 } 12461 12462 html[dark] .blu-checkbox.b-partial .blu-checkbox__container-asset[data-v-03e81a59]:after { 12463 display: none 12464 } 12465 12466 html[dark] .blu-checkbox.b-partial input[type=checkbox]:indeterminate+.blu-checkbox__icon .blu-checkbox__container[data-v-03e81a59] { 12467 animation: bounce-03e81a59 .3s ease-out 12468 } 12469 12470 html[dark] .blu-checkbox.b-partial input[type=checkbox]:indeterminate+.blu-checkbox__icon .blu-checkbox__container-asset[data-v-03e81a59] { 12471 visibility: visible 12472 } 12473 12474 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 { 12475 background: var(--blu-checkbox-asset-color-border); 12476 opacity: 1; 12477 transition: all .1s .1s 12478 } 12479 12480 html[dark] .blu-checkbox.b-partial input[type=checkbox]:indeterminate+.blu-checkbox__icon .blu-checkbox__container-asset[data-v-03e81a59]:before { 12481 height: 8px 12482 } 12483 12484 html:not([dark]) .blu-loader-general[data-v-5f0af726] { 12485 --blu-loader-general-highlight-color-background: #1d8fff; 12486 --blu-loader-general-base-color-background: #f1f2f2; 12487 width: var(--blu-loader-general-size); 12488 height: var(--blu-loader-general-size) 12489 } 12490 12491 html:not([dark]) .blu-loader-general__asset[data-v-5f0af726] { 12492 animation: general-rotate-5f0af726 1.6s linear infinite; 12493 transform-origin: center center; 12494 transition: all .5s ease-in-out; 12495 width: 100%; 12496 height: 100%; 12497 margin: auto; 12498 transform: rotate(90deg) 12499 } 12500 12501 html:not([dark]) .blu-loader-general__asset--highlight[data-v-5f0af726],html:not([dark]) .blu-loader-general__asset--base[data-v-5f0af726] { 12502 stroke-linecap: round 12503 } 12504 12505 html:not([dark]) .blu-loader-general__asset--highlight[data-v-5f0af726] { 12506 stroke: var(--blu-loader-general-highlight-color-background); 12507 animation: general-highlight-5f0af726 1.6s linear infinite 12508 } 12509 12510 html:not([dark]) .blu-loader-general__asset--base[data-v-5f0af726] { 12511 stroke: var(--blu-loader-general-base-color-background); 12512 animation: general-base-5f0af726 1.6s linear infinite 12513 } 12514 12515 html:not([dark]) .blu-loader-general.b-inverted[data-v-5f0af726] { 12516 --blu-loader-general-highlight-color-background: #ffffff; 12517 --blu-loader-general-base-color-background: #c8cbcd 12518 } 12519 12520 html:not([dark]) .blu-loader-general.b-size-s[data-v-5f0af726] { 12521 --blu-loader-general-size: 16px 12522 } 12523 12524 html:not([dark]) .blu-loader-general.b-size-m[data-v-5f0af726] { 12525 --blu-loader-general-size: 18px 12526 } 12527 12528 html:not([dark]) .blu-loader-general.b-size-l[data-v-5f0af726] { 12529 --blu-loader-general-size: 24px 12530 } 12531 12532 html:not([dark]) .blu-loader-general.b-size-xl[data-v-5f0af726] { 12533 --blu-loader-general-size: 32px 12534 } 12535 12536 html[dark] .blu-loader-general[data-v-5f0af726] { 12537 --blu-loader-general-highlight-color-background: #4fa4ff; 12538 --blu-loader-general-base-color-background: #28323b; 12539 width: var(--blu-loader-general-size); 12540 height: var(--blu-loader-general-size) 12541 } 12542 12543 html[dark] .blu-loader-general__asset[data-v-5f0af726] { 12544 animation: general-rotate-5f0af726 1.6s linear infinite; 12545 transform-origin: center center; 12546 transition: all .5s ease-in-out; 12547 width: 100%; 12548 height: 100%; 12549 margin: auto; 12550 transform: rotate(90deg) 12551 } 12552 12553 html[dark] .blu-loader-general__asset--highlight[data-v-5f0af726],html[dark] .blu-loader-general__asset--base[data-v-5f0af726] { 12554 stroke-linecap: round 12555 } 12556 12557 html[dark] .blu-loader-general__asset--highlight[data-v-5f0af726] { 12558 stroke: var(--blu-loader-general-highlight-color-background); 12559 animation: general-highlight-5f0af726 1.6s linear infinite 12560 } 12561 12562 html[dark] .blu-loader-general__asset--base[data-v-5f0af726] { 12563 stroke: var(--blu-loader-general-base-color-background); 12564 animation: general-base-5f0af726 1.6s linear infinite 12565 } 12566 12567 html[dark] .blu-loader-general.b-inverted[data-v-5f0af726] { 12568 --blu-loader-general-highlight-color-background: #12171d; 12569 --blu-loader-general-base-color-background: #60686e 12570 } 12571 12572 html[dark] .blu-loader-general.b-size-s[data-v-5f0af726] { 12573 --blu-loader-general-size: 16px 12574 } 12575 12576 html[dark] .blu-loader-general.b-size-m[data-v-5f0af726] { 12577 --blu-loader-general-size: 18px 12578 } 12579 12580 html[dark] .blu-loader-general.b-size-l[data-v-5f0af726] { 12581 --blu-loader-general-size: 24px 12582 } 12583 12584 html[dark] .blu-loader-general.b-size-xl[data-v-5f0af726] { 12585 --blu-loader-general-size: 32px 12586 } 12587 12588 @keyframes general-highlight-5f0af726 { 12589 0% { 12590 stroke-dasharray: 1,200; 12591 stroke-dashoffset: 0 12592 } 12593 12594 50% { 12595 stroke-dasharray: 50,200; 12596 stroke-dashoffset: -15px 12597 } 12598 12599 to { 12600 stroke-dasharray: 50,200; 12601 stroke-dashoffset: -124px 12602 } 12603 } 12604 12605 @keyframes general-base-5f0af726 { 12606 0% { 12607 stroke-dasharray: 1,200; 12608 stroke-dashoffset: 0 12609 } 12610 12611 to { 12612 stroke-dasharray: 100,200; 12613 stroke-dashoffset: -120px 12614 } 12615 } 12616 12617 @keyframes general-rotate-5f0af726 { 12618 to { 12619 transform: rotate(450deg) 12620 } 12621 } 12622 12623 html:not([dark]) *[data-v-39791579] { 12624 box-sizing: border-box 12625 } 12626 12627 html:not([dark]) .blu-radio[data-v-39791579] { 12628 --blu-radio-container-border-width: 1px; 12629 --blu-radio-container-color-border: #c8cbcd; 12630 --blu-radio-container-spacing-padding: 4px; 12631 --blu-radio-content-spacing-padding: 2px 0; 12632 --blu-radio-mark-size: 22px; 12633 --blu-radio-mark-spacing-padding: 2px; 12634 --blu-radio-label-text: 500 14px/18px Blibli, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif; 12635 --blu-radio-label-color-text: rgba(25, 34, 42, .7019607843); 12636 --blu-radio-spacing-padding: 4px 0; 12637 display: inline-flex; 12638 padding: var(--blu-radio-spacing-padding); 12639 align-items: flex-start; 12640 transition: all .3s; 12641 outline: none 12642 } 12643 12644 html:not([dark]) .blu-radio[data-v-39791579],html:not([dark]) .blu-radio *[data-v-39791579] { 12645 cursor: pointer 12646 } 12647 12648 html:not([dark]) .blu-radio>*[data-v-39791579]:not(:last-child) { 12649 margin-right: 4px 12650 } 12651 12652 html:not([dark]) .blu-radio input[type=radio][data-v-39791579] { 12653 display: none 12654 } 12655 12656 html:not([dark]) .blu-radio__mark[data-v-39791579] { 12657 min-width: var(--blu-radio-mark-size); 12658 height: var(--blu-radio-mark-size); 12659 padding: var(--blu-radio-mark-spacing-padding); 12660 background-color: var(--blu-radio-mark-color-background); 12661 border-radius: 50% 12662 } 12663 12664 html:not([dark]) .blu-radio__mark-container[data-v-39791579] { 12665 display: flex; 12666 align-items: center; 12667 justify-content: center; 12668 width: 100%; 12669 height: 100%; 12670 padding: var(--blu-radio-container-spacing-padding); 12671 background-color: var(--blu-radio-container-color-background); 12672 border-radius: 50%; 12673 box-shadow: 0 0 0 var(--blu-radio-container-border-width) var(--blu-radio-container-color-border) inset 12674 } 12675 12676 html:not([dark]) .blu-radio__mark-container .dot[data-v-39791579] { 12677 width: 100%; 12678 height: 100%; 12679 border-radius: 50%; 12680 background-color: var(--blu-radio-dot-color-background); 12681 transition: background-color .1s .1s 12682 } 12683 12684 html:not([dark]) .blu-radio__content[data-v-39791579] { 12685 font: var(--blu-radio-label-text); 12686 color: var(--blu-radio-label-color-text); 12687 padding: var(--blu-radio-content-spacing-padding) 12688 } 12689 12690 html:not([dark]) .blu-radio__content>*[data-v-39791579]:not(:last-child) { 12691 margin-bottom: 4px 12692 } 12693 12694 html:not([dark]) .blu-radio.b-error[data-v-39791579]:not(.b-selected) { 12695 --blu-radio-container-color-border: #ff4646; 12696 --blu-radio-label-color-text: #d33534 12697 } 12698 12699 html:not([dark]) .blu-radio.b-selected[data-v-39791579] { 12700 --blu-radio-container-color-border: #1d8fff; 12701 --blu-radio-dot-color-background: #1d8fff; 12702 --blu-radio-container-border-width: 1px 12703 } 12704 12705 html:not([dark]) .blu-radio.b-selected .blu-radio__mark-container[data-v-39791579] { 12706 animation: bounce-39791579 .3s ease-out 12707 } 12708 12709 html:not([dark]) .blu-radio.b-selected[data-v-39791579]:not(.b-disabled):hover { 12710 --blu-radio-mark-color-background: #f3f9ff 12711 } 12712 12713 html:not([dark]) .blu-radio.b-selected[data-v-39791579]:not(.b-disabled):focus-visible { 12714 --blu-radio-mark-color-background: #f3f9ff; 12715 --blu-radio-container-border-width-focused: 2px 12716 } 12717 12718 html:not([dark]) .blu-radio[data-v-39791579]:not(.b-disabled):not(.b-selected):hover { 12719 --blu-radio-mark-color-background: #f9f9fa 12720 } 12721 12722 html:not([dark]) .blu-radio[data-v-39791579]:focus-visible { 12723 --blu-radio-container-border-width-focused: 2px 12724 } 12725 12726 html:not([dark]) .blu-radio[data-v-39791579]:focus-visible:not(.b-disabled) { 12727 --blu-radio-mark-color-border-focused: #19222a 12728 } 12729 12730 html:not([dark]) .blu-radio:focus-visible:not(.b-disabled) .blu-radio__mark[data-v-39791579] { 12731 box-shadow: 0 0 0 var(--blu-radio-container-border-width-focused) var(--blu-radio-mark-color-border-focused) inset 12732 } 12733 12734 html:not([dark]) .blu-radio[data-v-39791579]:focus-visible:not(.b-disabled):not(.b-selected) { 12735 --blu-radio-mark-color-background: #f9f9fa 12736 } 12737 12738 html:not([dark]) .blu-radio.b-disabled[data-v-39791579] { 12739 --blu-radio-label-text: 500 14px/18px Blibli, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif; 12740 --blu-radio-container-color-border: rgba(25, 34, 42, .3019607843); 12741 --blu-radio-label-color-text: rgba(25, 34, 42, .3019607843); 12742 --blu-radio-container-color-background: #f9f9fa 12743 } 12744 12745 html:not([dark]) .blu-radio.b-disabled.b-selected[data-v-39791579] { 12746 --blu-radio-container-color-border: rgba(25, 34, 42, .3019607843); 12747 --blu-radio-dot-color-background: rgba(25, 34, 42, .3019607843) 12748 } 12749 12750 html:not([dark]) .blu-radio.b-disabled[data-v-39791579]:not(.b-readonly) { 12751 user-select: none;
12752 cursor: not-allowed 12753 } 12754 12755 html:not([dark]) .blu-radio.b-disabled:not(.b-readonly) *[data-v-39791579] { 12756 cursor: not-allowed 12757 } 12758 12759 html:not([dark]) .blu-radio.b-small[data-v-39791579] { 12760 --blu-radio-mark-size: 18px; 12761 --blu-radio-mark-spacing-padding: 2px; 12762 --blu-radio-container-spacing-padding: 3px; 12763 --blu-radio-container-border-width: 1px; 12764 --blu-radio-container-border-width-focused: 2px; 12765 --blu-radio-content-spacing-padding: 0; 12766 --blu-radio-label-text: 500 14px/18px Blibli, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif; 12767 --blu-radio-spacing-padding: 3px 0 12768 } 12769 12770 html:not([dark]) .blu-radio.b-small.b-selected[data-v-39791579] { 12771 --blu-radio-container-border-width: 1px 12772 } 12773 12774 html[dark] *[data-v-39791579] { 12775 box-sizing: border-box 12776 } 12777 12778 html[dark] .blu-radio[data-v-39791579] { 12779 --blu-radio-container-border-width: 1px; 12780 --blu-radio-container-color-border: #60686e; 12781 --blu-radio-container-spacing-padding: 4px; 12782 --blu-radio-content-spacing-padding: 2px 0; 12783 --blu-radio-mark-size: 22px; 12784 --blu-radio-mark-spacing-padding: 2px; 12785 --blu-radio-label-text: 500 14px/18px Blibli, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif; 12786 --blu-radio-label-color-text: rgba(255, 255, 255, .8); 12787 --blu-radio-spacing-padding: 4px 0; 12788 display: inline-flex; 12789 padding: var(--blu-radio-spacing-padding); 12790 align-items: flex-start; 12791 transition: all .3s; 12792 outline: none 12793 } 12794 12795 html[dark] .blu-radio[data-v-39791579],html[dark] .blu-radio *[data-v-39791579] { 12796 cursor: pointer 12797 } 12798 12799 html[dark] .blu-radio>*[data-v-39791579]:not(:last-child) { 12800 margin-right: 4px 12801 } 12802 12803 html[dark] .blu-radio input[type=radio][data-v-39791579] { 12804 display: none 12805 } 12806 12807 html[dark] .blu-radio__mark[data-v-39791579] { 12808 min-width: var(--blu-radio-mark-size); 12809 height: var(--blu-radio-mark-size); 12810 padding: var(--blu-radio-mark-spacing-padding); 12811 background-color: var(--blu-radio-mark-color-background); 12812 border-radius: 50% 12813 } 12814 12815 html[dark] .blu-radio__mark-container[data-v-39791579] { 12816 display: flex; 12817 align-items: center; 12818 justify-content: center; 12819 width: 100%; 12820 height: 100%; 12821 padding: var(--blu-radio-container-spacing-padding); 12822 background-color: var(--blu-radio-container-color-background); 12823 border-radius: 50%; 12824 box-shadow: 0 0 0 var(--blu-radio-container-border-width) var(--blu-radio-container-color-border) inset 12825 } 12826 12827 html[dark] .blu-radio__mark-container .dot[data-v-39791579] { 12828 width: 100%; 12829 height: 100%; 12830 border-radius: 50%; 12831 background-color: var(--blu-radio-dot-color-background); 12832 transition: background-color .1s .1s 12833 } 12834 12835 html[dark] .blu-radio__content[data-v-39791579] { 12836 font: var(--blu-radio-label-text); 12837 color: var(--blu-radio-label-color-text); 12838 padding: var(--blu-radio-content-spacing-padding) 12839 } 12840 12841 html[dark] .blu-radio__content>*[data-v-39791579]:not(:last-child) { 12842 margin-bottom: 4px 12843 } 12844 12845 html[dark] .blu-radio.b-error[data-v-39791579]:not(.b-selected) { 12846 --blu-radio-container-color-border: #ff7373; 12847 --blu-radio-label-color-text: #ff7373 12848 } 12849 12850 html[dark] .blu-radio.b-selected[data-v-39791579] { 12851 --blu-radio-container-color-border: #1d8fff; 12852 --blu-radio-dot-color-background: #1d8fff; 12853 --blu-radio-container-border-width: 1px 12854 } 12855 12856 html[dark] .blu-radio.b-selected .blu-radio__mark-container[data-v-39791579] { 12857 animation: bounce-39791579 .3s ease-out 12858 } 12859 12860 html[dark] .blu-radio.b-selected[data-v-39791579]:not(.b-disabled):hover { 12861 --blu-radio-mark-color-background: #002e7a 12862 } 12863 12864 html[dark] .blu-radio.b-selected[data-v-39791579]:not(.b-disabled):focus-visible { 12865 --blu-radio-mark-color-background: #002e7a; 12866 --blu-radio-container-border-width-focused: 2px 12867 } 12868 12869 html[dark] .blu-radio[data-v-39791579]:not(.b-disabled):not(.b-selected):hover { 12870 --blu-radio-mark-color-background: #19222a 12871 } 12872 12873 html[dark] .blu-radio[data-v-39791579]:focus-visible { 12874 --blu-radio-container-border-width-focused: 2px 12875 } 12876 12877 html[dark] .blu-radio[data-v-39791579]:focus-visible:not(.b-disabled) { 12878 --blu-radio-mark-color-border-focused: #f9f9fa 12879 } 12880 12881 html[dark] .blu-radio:focus-visible:not(.b-disabled) .blu-radio__mark[data-v-39791579] { 12882 box-shadow: 0 0 0 var(--blu-radio-container-border-width-focused) var(--blu-radio-mark-color-border-focused) inset 12883 } 12884 12885 html[dark] .blu-radio[data-v-39791579]:focus-visible:not(.b-disabled):not(.b-selected) { 12886 --blu-radio-mark-color-background: #19222a 12887 } 12888 12889 html[dark] .blu-radio.b-disabled[data-v-39791579] { 12890 --blu-radio-label-text: 500 14px/18px Blibli, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif; 12891 --blu-radio-container-color-border: rgba(255, 255, 255, .3019607843); 12892 --blu-radio-label-color-text: rgba(255, 255, 255, .3019607843); 12893 --blu-radio-container-color-background: #19222a 12894 } 12895 12896 html[dark] .blu-radio.b-disabled.b-selected[data-v-39791579] { 12897 --blu-radio-container-color-border: rgba(255, 255, 255, .3019607843); 12898 --blu-radio-dot-color-background: rgba(255, 255, 255, .3019607843) 12899 } 12900 12901 html[dark] .blu-radio.b-disabled[data-v-39791579]:not(.b-readonly) { 12902 user-select: none;
12903 cursor: not-allowed 12904 } 12905 12906 html[dark] .blu-radio.b-disabled:not(.b-readonly) *[data-v-39791579] { 12907 cursor: not-allowed 12908 } 12909 12910 html[dark] .blu-radio.b-small[data-v-39791579] { 12911 --blu-radio-mark-size: 18px; 12912 --blu-radio-mark-spacing-padding: 2px; 12913 --blu-radio-container-spacing-padding: 3px; 12914 --blu-radio-container-border-width: 1px; 12915 --blu-radio-container-border-width-focused: 2px; 12916 --blu-radio-content-spacing-padding: 0; 12917 --blu-radio-label-text: 500 14px/18px Blibli, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif; 12918 --blu-radio-spacing-padding: 3px 0 12919 } 12920 12921 html[dark] .blu-radio.b-small.b-selected[data-v-39791579] { 12922 --blu-radio-container-border-width: 1px 12923 } 12924 12925 @keyframes bounce-39791579 { 12926 25% { 12927 transform: scale(.9) 12928 } 12929 12930 50% { 12931 transform: scale(1.1) 12932 } 12933 } 12934 12935 html:not([dark]) .blu-list[data-v-0fc385f6] { 12936 --list-spacing-padding: 8px 0; 12937 list-style: none; 12938 padding: var(--list-spacing-padding); 12939 transition: all .5s ease-in-out 12940 } 12941 12942 html:not([dark]) .blu-list-item[data-v-0fc385f6] { 12943 --blu-list-child-max-height: 0; 12944 --blu-list-child-template-rows: 0fr; 12945 position: relative 12946 } 12947 12948 html:not([dark]) .blu-list-item.b-opened[data-v-0fc385f6] { 12949 --blu-list-child-max-height: 100%; 12950 --blu-list-child-template-rows: 1fr 12951 } 12952 12953 html:not([dark]) .blu-list-item.b-opened>.blu-list .blu-list__container .blu-list__container-chevron-right[data-v-0fc385f6] { 12954 transform: rotate(180deg) 12955 } 12956 12957 html:not([dark]) .blu-list-item.b-opened>.blu-list .blu-list__container .blu-list__container-chevron-left[data-v-0fc385f6] { 12958 transform: rotate(90deg) 12959 } 12960 12961 html:not([dark]) .blu-list__container[data-v-0fc385f6] { 12962 background-color: var(--list-container-color-background); 12963 border-radius: 8px; 12964 padding: 4px 8px; 12965 display: flex 12966 } 12967 12968 html:not([dark]) .blu-list__container[data-v-0fc385f6] svg { 12969 width: 18px; 12970 height: 18px; 12971 color: #797f85 12972 } 12973 12974 html:not([dark]) .blu-list__container[data-v-0fc385f6]>*:not(:last-child) { 12975 margin-right: 4px 12976 } 12977 12978 html:not([dark]) .blu-list__container-chevron-right[data-v-0fc385f6],html:not([dark]) .blu-list__container-chevron-left[data-v-0fc385f6] { 12979 display: flex; 12980 padding: 4px 0; 12981 cursor: pointer; 12982 transition: all .4s ease; 12983 height: fit-content 12984 } 12985 12986 html:not([dark]) .blu-list__container-chevron-right[data-v-0fc385f6] svg,html:not([dark]) .blu-list__container-chevron-left[data-v-0fc385f6] svg { 12987 color: #797f85 12988 } 12989 12990 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 { 12991 outline: none; 12992 box-shadow: 0 0 0 2px #19222a inset 12993 } 12994 12995 html:not([dark]) .blu-list__container .blu-loader-wrapper[data-v-0fc385f6] { 12996 margin: auto 12997 } 12998 12999 html:not([dark]) .blu-list__content[data-v-0fc385f6] { 13000 padding: 4px 0; 13001 display: flex; 13002 flex-direction: column; 13003 flex: 1; 13004 align-items: start 13005 } 13006 13007 html:not([dark]) .blu-list__content-label[data-v-0fc385f6]:not(.b-disabled) { 13008 font: 500 14px/18px Blibli,-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif; 13009 color: #19222a 13010 } 13011 13012 html:not([dark]) .blu-list__content-desc[data-v-0fc385f6]:not(.b-disabled) { 13013 font: 500 12px/16px Blibli,-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif; 13014 color: #19222a66 13015 } 13016 13017 html:not([dark]) .blu-list__content-additional[data-v-0fc385f6] { 13018 text-align: right; 13019 display: flex; 13020 flex-direction: column; 13021 justify-content: space-between; 13022 align-self: stretch; 13023 padding: 4px 0 13024 } 13025 13026 html:not([dark]) .blu-list__content-additional-label[data-v-0fc385f6] { 13027 font: 500 12px/16px Blibli,-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif; 13028 color: #19222a66 13029 } 13030 13031 html:not([dark]) .blu-list__content-additional-desc[data-v-0fc385f6] { 13032 font: 500 12px/16px Blibli,-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif; 13033 color: #19222a66 13034 } 13035 13036 html:not([dark]) .blu-list__item-leading[data-v-0fc385f6],html:not([dark]) .blu-list__item-trailing[data-v-0fc385f6] { 13037 padding: 4px 0 13038 } 13039 13040 html:not([dark]) .blu-list__item-leading[data-v-0fc385f6] { 13041 display: flex 13042 } 13043 13044 html:not([dark]) .blu-list__item-trailing[data-v-0fc385f6] { 13045 display: flex 13046 } 13047 13048 html:not([dark]) .blu-list__item-trailing[data-v-0fc385f6]>
13048*:not(:last-child) { 13049 margin-right: 4px 13050 } 13051 13052 html:not([dark]) .blu-list__item-trailing[data-v-0fc385f6] svg { 13053 cursor: pointer 13054 } 13055 13056 html:not([dark]) .blu-list__child[data-v-0fc385f6] { 13057 max-height: var(--blu-list-child-max-height); 13058 display: grid; 13059 grid-template-rows: var(--blu-list-child-template-rows); 13060 transition: all .5s ease-in-out 13061 } 13062 13063 html:not([dark]) .blu-list__child .blu-list__container[data-v-0fc385f6] { 13064 padding-left: var(--list-nested-padding) 13065 } 13066 13067 html:not([dark]) .blu-list__icon-expand[data-v-0fc385f6] { 13068 margin-left: auto; 13069 cursor: pointer 13070 } 13071 13072 html:not([dark]) .blu-list[data-v-0fc385f6]:not(.b-disabled) { 13073 cursor: pointer 13074 } 13075 13076 html:not([dark]) .blu-list[data-v-0fc385f6]:not(.b-disabled):hover { 13077 --list-container-color-background: #f9f9fa 13078 } 13079 13080 html:not([dark]) .blu-list[data-v-0fc385f6]:not(.b-disabled):focus-visible { 13081 outline: none 13082 } 13083 13084 html:not([dark]) .blu-list:not(.b-disabled):focus-visible .blu-list__container[data-v-0fc385f6] { 13085 box-shadow: 0 0 0 2px #19222a inset 13086 } 13087 13088 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) { 13089 --list-container-color-background: #f3f9ff 13090 } 13091 13092 html:not([dark]) .blu-list.b-small[data-v-0fc385f6] { 13093 --list-spacing-padding: 0 13094 } 13095 13096 html:not([dark]) .blu-list.b-disabled[data-v-0fc385f6] { 13097 --list-container-color-background: transparent 13098 } 13099 13100 html:not([dark]) .blu-list.b-disabled[data-v-0fc385f6],html:not([dark]) .blu-list.b-disabled *[data-v-0fc385f6] { 13101 cursor: not-allowed 13102 } 13103 13104 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] { 13105 font: 500 14px/18px Blibli,-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif; 13106 color: #19222a4d 13107 } 13108 13109 html:not([dark]) .blu-list.b-disabled .blu-list__content-additional-desc[data-v-0fc385f6] { 13110 font: 500 12px/16px Blibli,-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif; 13111 color: #19222a4d 13112 } 13113 13114 html:not([dark]) .blu-list.b-disabled .blu-list__container[data-v-0fc385f6] svg { 13115 color: #19222a4d 13116 } 13117 13118 html:not([dark]) .blu-list.b-disabled .blu-list__container[data-v-0fc385f6] .blu-checkbox__container { 13119 color: #19222a4d 13120 } 13121 13122 html:not([dark]) .blu-list.b-disabled .blu-list__container[data-v-0fc385f6] .blu-badge { 13123 background-color: #19222a4d 13124 } 13125 13126 html:not([dark]) .blu-list.b-loading[data-v-0fc385f6] .blu-loader-wrapper svg { 13127 display: flex; 13128 width: 24px; 13129 height: 24px 13130 } 13131 13132 html:not([dark]) .blu-list.has-radio.b-selected[data-v-0fc385f6]:not(:hover) { 13133 --list-container-color-background: transparent 13134 } 13135 13136 html:not([dark]) .blu-list.b-align-center .blu-list__container[data-v-0fc385f6] { 13137 align-items: center 13138 } 13139 13140 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) { 13141 --list-container-color-background: transparent 13142 } 13143 13144 html[dark] .blu-list[data-v-0fc385f6] { 13145 --list-spacing-padding: 8px 0; 13146 list-style: none; 13147 padding: var(--list-spacing-padding); 13148 transition: all .5s ease-in-out 13149 } 13150 13151 html[dark] .blu-list-item[data-v-0fc385f6] { 13152 --blu-list-child-max-height: 0; 13153 --blu-list-child-template-rows: 0fr; 13154 position: relative 13155 } 13156
13157 html[dark] .blu-list-item.b-opened[data-v-0fc385f6] { 13158 --blu-list-child-max-height: 100%; 13159 --blu-list-child-template-rows: 1fr 13160 } 13161 13162 html[dark] .blu-list-item.b-opened>.blu-list .blu-list__container .blu-list__container-chevron-right[data-v-0fc385f6] { 13163 transform: rotate(180deg) 13164 } 13165 13166 html[dark] .blu-list-item.b-opened>.blu-list .blu-list__container .blu-list__container-chevron-left[data-v-0fc385f6] { 13167 transform: rotate(90deg) 13168 } 13169 13170 html[dark] .blu-list__container[data-v-0fc385f6] { 13171 background-color: var(--list-container-color-background); 13172 border-radius: 8px; 13173 padding: 4px 8px; 13174 display: flex 13175 } 13176 13177 html[dark] .blu-list__container[data-v-0fc385f6] svg { 13178 width: 18px; 13179 height: 18px; 13180 color: #acb0b4 13181 } 13182 13183 html[dark] .blu-list__container[data-v-0fc385f6]>*:not(:last-child) { 13184 margin-right: 4px 13185 } 13186 13187 html[dark] .blu-list__container-chevron-right[data-v-0fc385f6],html[dark] .blu-list__container-chevron-left[data-v-0fc385f6] { 13188 display: flex; 13189 padding: 4px 0; 13190 cursor: pointer; 13191 transition: all .4s ease; 13192 height: fit-content 13193 } 13194 13195 html[dark] .blu-list__container-chevron-right[data-v-0fc385f6] svg,html[dark] .blu-list__container-chevron-left[data-v-0fc385f6] svg { 13196 color: #acb0b4 13197 } 13198 13199 html[dark] .blu-list__container-chevron-right[data-v-0fc385f6]:focus-visible,html[dark] .blu-list__container-chevron-left[data-v-0fc385f6]:focus-visible { 13200 outline: none; 13201 box-shadow: 0 0 0 2px #f9f9fa inset 13202 } 13203 13204 html[dark] .blu-list__container .blu-loader-wrapper[data-v-0fc385f6] { 13205 margin: auto 13206 } 13207 13208 html[dark] .blu-list__content[data-v-0fc385f6] { 13209 padding: 4px 0; 13210 display: flex; 13211 flex-direction: column; 13212 flex: 1; 13213 align-items: start 13214 } 13215 13216 html[dark] .blu-list__content-label[data-v-0fc385f6]:not(.b-disabled) { 13217 font: 500 14px/18px Blibli,-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif; 13218 color: #fff 13219 } 13220 13221 html[dark] .blu-list__content-desc[data-v-0fc385f6]:not(.b-disabled) { 13222 font: 500 12px/16px Blibli,-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif; 13223 color: #ffffff80 13224 } 13225 13226 html[dark] .blu-list__content-additional[data-v-0fc385f6] { 13227 text-align: right; 13228 display: flex; 13229 flex-direction: column; 13230 justify-content: space-between; 13231 align-self: stretch; 13232 padding: 4px 0 13233 } 13234 13235 html[dark] .blu-list__content-additional-label[data-v-0fc385f6],html[dark] .blu-list__content-additional-desc[data-v-0fc385f6] { 13236 font: 500 12px/16px Blibli,-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif; 13237 color: #ffffff80 13238 } 13239 13240 html[dark] .blu-list__item-leading[data-v-0fc385f6],html[dark] .blu-list__item-trailing[data-v-0fc385f6] { 13241 padding: 4px 0 13242 } 13243 13244 html[dark] .blu-list__item-leading[data-v-0fc385f6],html[dark] .blu-list__item-trailing[data-v-0fc385f6] { 13245 display: flex 13246 } 13247 13248 html[dark] .blu-list__item-trailing[data-v-0fc385f6]>*:not(:last-child) { 13249 margin-right: 4px 13250 } 13251 13252 html[dark] .blu-list__item-trailing[data-v-0fc385f6] svg { 13253 cursor: pointer 13254 } 13255 13256 html[dark] .blu-list__child[data-v-0fc385f6] { 13257 max-height: var(--blu-list-child-max-height); 13258 display: grid; 13259 grid-template-rows: var(--blu-list-child-template-rows); 13260 transition: all .5s ease-in-out 13261 } 13262 13263 html[dark] .blu-list__child .blu-list__container[data-v-0fc385f6] { 13264 padding-left: var(--list-nested-padding) 13265 } 13266 13267 html[dark] .blu-list__icon-expand[data-v-0fc385f6] { 13268 margin-left: auto; 13269 cursor: pointer 13270 } 13271 13272 html[dark] .blu-list[data-v-0fc385f6]:not(.b-disabled) { 13273 cursor: pointer 13274 } 13275 13276 html[dark] .blu-list[data-v-0fc385f6]:not(.b-disabled):hover { 13277 --list-container-color-background: #19222a 13278 } 13279 13280 html[dark] .blu-list[data-v-0fc385f6]:not(.b-disabled):focus-visible { 13281 outline: none 13282 } 13283 13284 html[dark] .blu-list:not(.b-disabled):focus-visible .blu-list__container[data-v-0fc385f6] { 13285 box-shadow: 0 0 0 2px #f9f9fa inset 13286 } 13287 13288 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) { 13289 --list-container-color-background: #002e7a 13290 } 13291 13292 html[dark] .blu-list.b-small[data-v-0fc385f6] { 13293 --list-spacing-padding: 0 13294 } 13295 13296 html[dark] .blu-list.b-disabled[data-v-0fc385f6] { 13297 --list-container-color-background: transparent 13298 } 13299 13300 html[dark] .blu-list.b-disabled[data-v-0fc385f6],html[dark] .blu-list.b-disabled *[data-v-0fc385f6] {
13301 cursor: not-allowed 13302 } 13303 13304 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] { 13305 font: 500 14px/18px Blibli,-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif; 13306 color: #ffffff4d 13307 } 13308 13309 html[dark] .blu-list.b-disabled .blu-list__content-additional-desc[data-v-0fc385f6] { 13310 font: 500 12px/16px Blibli,-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif; 13311 color: #ffffff4d 13312 } 13313 13314 html[dark] .blu-list.b-disabled .blu-list__container[data-v-0fc385f6] svg { 13315 color: #ffffff4d 13316 } 13317 13318 html[dark] .blu-list.b-disabled .blu-list__container[data-v-0fc385f6] .blu-checkbox__container { 13319 color: #ffffff4d 13320 } 13321 13322 html[dark] .blu-list.b-disabled .blu-list__container[data-v-0fc385f6] .blu-badge { 13323 background-color: #ffffff4d 13324 } 13325 13326 html[dark] .blu-list.b-loading[data-v-0fc385f6] .blu-loader-wrapper svg { 13327 display: flex; 13328 width: 24px; 13329 height: 24px 13330 } 13331 13332 html[dark] .blu-list.has-radio.b-selected[data-v-0fc385f6]:not(:hover) { 13333 --list-container-color-background: transparent 13334 } 13335 13336 html[dark] .blu-list.b-align-center .blu-list__container[data-v-0fc385f6] { 13337 align-items: center 13338 } 13339 13340 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) { 13341 --list-container-color-background: transparent 13342 } 13343 </style> 13344 <style> 13345 @charset "UTF-8";.product-services[data-v-50a9b5f9] { 13346 display: flex; 13347 flex-direction: column; 13348 width: 100%; 13349 gap: 20px 13350 } 13351 13352 @media screen and (max-width: 839px) { 13353 .product-services[data-v-50a9b5f9] { 13354 gap:0 13355 } 13356 } 13357 13358 .product-service[data-v-ef5183d2] { 13359 width: 100%; 13360 display: flex; 13361 align-items: stretch; 13362 flex-direction: row; 13363 gap: 8px 13364 } 13365 13366 @media screen and (max-width: 839px) { 13367 .product-service[data-v-ef5183d2] { 13368 border-top:1px solid #f1f2f2; 13369 padding: 11px 0 13370 } 13371 } 13372 13373 .product-service__icon[data-v-ef5183d2] { 13374 display: flex; 13375 align-items: flex-start; 13376 justify-content: center; 13377 flex-shrink: 0 13378 } 13379 13380 .product-service__icon img[data-v-ef5183d2] { 13381 width: 32px; 13382 height: 32px 13383 } 13384 13385 @media screen and (max-width: 839px) { 13386 .product-service__icon img[data-v-ef5183d2] { 13387 width:18px; 13388 height: 18px 13389 } 13390 } 13391 13392 .product-service__text[data-v-ef5183d2] { 13393 display: flex; 13394 flex-direction: column; 13395 width: 100%; 13396 gap: 4px 13397 } 13398 13399 .product-service__text__title[data-v-ef5183d2] { 13400 width: 100%; 13401 font: 600 14px/18px Blibli,-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif 13402 } 13403 13404 @media screen and (max-width: 839px) { 13405 .product-service__text__title[data-v-ef5183d2] { 13406 font:500 14px/18px Blibli,-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif 13407 } 13408 } 13409 13410 .product-service__text__title span[data-v-ef5183d2]:not(:last-child):after { 13411 content: " " 13412 } 13413 13414 .product-service__text__title__price[data-v-ef5183d2] { 13415 font: 600 14px/18px Blibli,-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif; 13416 color: #006dea 13417 } 13418 13419 .product-service__text__subtitle[data-v-ef5183d2] { 13420 font: 500 14px/18px Blibli,-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif; 13421 color: #19222ab3 13422 } 13423 13424 .product-service__text__subtitle span[data-v-ef5183d2]:not(:last-child):after { 13425 content: " " 13426 } 13427 13428 .product-service__text__subtitle__action[data-v-ef5183d2] { 13429 cursor: pointer; 13430 color: #006dea 13431 } 13432 13433 .product-service__chevron[data-v-ef5183d2] { 13434 flex: 0; 13435 display: flex; 13436 align-items: center; 13437 justify-content: center 13438 } 13439 13440 @media screen and (max-width: 839px) { 13441 .product-service--clickable[data-v-ef5183d2] { 13442 cursor:pointer 13443 } 13444 } 13445 13446 .product-service--loading .product-service__text[data-v-ef5183d2] { 13447 gap: 8px 13448 } 13449 13450 .product-service--loading .product-service__text__title[data-v-ef5183d2] { 13451 width: 60% 13452 } 13453 13454 @media screen and (max-width: 839px) { 13455 .product-service--loading .product-service__text__title[data-v-ef5183d2] { 13456 width:100% 13457 } 13458 } 13459 13460 .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] { 13461 width: 100% 13462 } 13463 13464 .trade-in-download-apps-modal[data-v-5dadaeda] { 13465 padding: 0 8px 13466 } 13467 13468 @media screen and (max-width: 839px) { 13469 .trade-in-download-apps-modal[data-v-5dadaeda] { 13470 padding:0 13471 } 13472 } 13473 13474 .trade-in-download-apps-modal .subtitle[data-v-5dadaeda] { 13475 font: 500 16px/20px Blibli,-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif; 13476 color: #19222ab3; 13477 margin-bottom: 16px 13478 } 13479 13480 @media screen and (max-width: 839px) { 13481 .trade-in-download-apps-modal .subtitle[data-v-5dadaeda] { 13482 margin-bottom:10px 13483 } 13484 } 13485 13486 .trade-in-download-apps-modal .download-apps[data-v-5dadaeda] { 13487 display: flex; 13488 flex-direction: row; 13489 align-items: center; 13490 justify-content: space-between; 13491 margin-bottom: 24px 13492 } 13493 13494 @media screen and (max-width: 839px) { 13495 .trade-in-download-apps-modal .download-apps[data-v-5dadaeda] { 13496 flex-direction:column; 13497 margin-bottom: 0 13498 } 13499 } 13500 13501 .trade-in-download-apps-modal .download-apps__qr[data-v-5dadaeda] { 13502 display: flex; 13503 align-items: center; 13504 justify-content: center; 13505 background: #f3f9ff; 13506 border-radius: 8px 13507 } 13508 13509 .trade-in-download-apps-modal .download-apps__or[data-v-5dadaeda] { 13510 text-align: center; 13511 font: 500 16px/20px Blibli,-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif; 13512 color: #19222ab3; 13513 margin: 10px 13514 } 13515 13516 .trade-in-download-apps-modal .download-apps__download[data-v-5dadaeda] { 13517 display: flex; 13518 flex-direction: column; 13519 align-items: center; 13520 margin-bottom: 0 13521 } 13522 13523 @media screen and (max-width: 839px) { 13524 .trade-in-download-apps-modal .download-apps__download[data-v-5dadaeda] { 13525 margin-bottom:16px 13526 } 13527 } 13528 13529 .trade-in-download-apps-modal .download-apps__download__title[data-v-5dadaeda] { 13530 font: 500 16px/20px Blibli,-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif; 13531 color: #19222ab3; 13532 margin-bottom: 8px 13533 } 13534 13535 .trade-in-download-apps-modal .download-apps__download__icons[data-v-5dadaeda] { 13536 display: flex; 13537 flex-direction: column; 13538 gap: 8px 13539 } 13540 13541 @media screen and (max-width: 839px) { 13542 .trade-in-download-apps-modal .download-apps__download__icons[data-v-5dadaeda] { 13543 flex-direction:row 13544 } 13545 } 13546 13547 .trade-in-download-apps-modal .download-apps__download__icons--icon[data-v-5dadaeda] { 13548 width: 100%; 13549 display: flex; 13550 align-items: center; 13551 justify-content: center 13552 } 13553 13554 .trade-in-download-apps-modal .download-apps__download__icons--icon img[data-v-5dadaeda] { 13555 height: auto; 13556 width: 150px 13557 } 13558 13559 .trade-in-download-apps-modal .download-apps__download__icons--icon a[data-v-5dadaeda] { 13560 display: flex 13561 } 13562 13563 @media screen and (max-width: 839px) { 13564 .trade-in-download-apps-modal .download-apps__download__icons--icon[data-v-5dadaeda] { 13565 width:100% 13566 } 13567 13568 .trade-in-download-apps-modal .download-apps__download__icons--icon img[data-v-5dadaeda] { 13569 height: 45px; 13570 width: auto 13571 } 13572 } 13573 13574 .trade-in-download-apps-modal .scan-steps__title[data-v-5dadaeda] { 13575 font: 600 16px/20px Blibli,-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif; 13576 color: #19222a; 13577 margin-bottom: 16px 13578 } 13579 13580 .trade-in-download-apps-modal .scan-steps__guide[data-v-5dadaeda] { 13581 display: flex; 13582 flex-direction: row 13583 } 13584 13585 @media screen and (max-width: 839px) { 13586 .trade-in-download-apps-modal .scan-steps__guide[data-v-5dadaeda] { 13587 flex-direction:column 13588 } 13589 } 13590 13591 .trade-in-download-apps-modal .scan-steps__guide__step[data-v-5dadaeda] { 13592 display: flex; 13593 flex-direction: column 13594 } 13595 13596 .trade-in-download-apps-modal .scan-steps__guide__step[data-v-5dadaeda]:not(:last-child) { 13597 margin-right: 10px 13598 } 13599 13600 @media screen and (max-width: 839px) { 13601 .trade-in-download-apps-modal .scan-steps__guide__step[data-v-5dadaeda]:not(:last-child) { 13602 margin-right:0 13603 } 13604 } 13605 13606 .trade-in-download-apps-modal .scan-steps__guide__step:not(:last-child) .scan-steps__guide__step__order[data-v-5dadaeda]:after { 13607 flex-grow: 1; 13608 content: ""; 13609 display: flex; 13610 align-items: center; 13611 justify-content: center; 13612 border: 1px dashed #f1f2f2; 13613 width: 100%; 13614 height: 0 13615 } 13616 13617 @media screen and (max-width: 839px) { 13618 .trade-in-download-apps-modal .scan-steps__guide__step:not(:last-child) .scan-steps__guide__step__order[data-v-5dadaeda]:after { 13619 width:0; 13620 height: 100% 13621 } 13622 } 13623 13624 @media screen and (max-width: 839px) { 13625 .trade-in-download-apps-modal .scan-steps__guide__step[data-v-5dadaeda] { 13626 flex-direction:row; 13627 margin-bottom: 10px; 13628 margin-right: 0 13629 } 13630 } 13631 13632 .trade-in-download-apps-modal .scan-steps__guide__step__order[data-v-5dadaeda] { 13633 display: flex; 13634 flex-direction: row; 13635 align-items: center; 13636 margin-bottom: 8px 13637 } 13638 13639 @media screen and (max-width: 839px) { 13640 .trade-in-download-apps-modal .scan-steps__guide__step__order[data-v-5dadaeda] { 13641 flex-direction:column; 13642 margin-right: 8px; 13643 margin-bottom: 0 13644 } 13645 } 13646 13647 .trade-in-download-apps-modal .scan-steps__guide__step__order--number[data-v-5dadaeda] { 13648 width: 30px; 13649 height: 30px; 13650 background: #f9f9fa; 13651 border-radius: 100px; 13652 display: flex; 13653 align-items: center; 13654 justify-content: center; 13655 margin-right: 4px; 13656 flex-shrink: 0 13657 } 13658 13659 @media screen and (max-width: 839px) { 13660 .trade-in-download-apps-modal .scan-steps__guide__step__order--number[data-v-5dadaeda] { 13661 margin-right:0; 13662 margin-bottom: 4px 13663 } 13664 } 13665 13666 .trade-in-download-apps-modal .scan-steps__guide__step__text[data-v-5dadaeda] { 13667 padding: 10px 12px; 13668 font: 500 16px/20px Blibli,-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif; 13669 color: #19222ab3; 13670 border: 1px solid #f1f2f2; 13671 border-radius: 8px; 13672 flex-grow: 1 13673 } 13674 13675 .cash-on-delivery-modal__body[data-v-88efff31] { 13676 color: #19222ab3 13677 } 13678 13679 .cash-on-delivery-modal__body__content[data-v-88efff31] { 13680 margin-bottom: 16px 13681 } 13682 13683 .cash-on-delivery-modal__body__learn-more span[data-v-88efff31]:not(:last-child):after { 13684 content: " " 13685 } 13686 13687 .cash-on-delivery-modal__body__learn-more a[data-v-88efff31] { 13688 color: #006dea; 13689 cursor: pointer; 13690 text-decoration: none 13691 } 13692 </style> 13693 <style type="text/css"> 13694 .label[data-v-1730749f] { 13695 height: 16px; 13696 padding: 0 8px; 13697 display: inline-flex; 13698 align-items: center; 13699 font: 12px/16px "blibli demi bold",-apple-system,segoe ui,roboto,helvetica,arial,sans-serif; 13700 text-decoration: none; 13701 color: #fff; 13702 border-radius: 4px; 13703 background-color: #f1f2f2; 13704 white-space: nowrap 13705 } 13706 13707 .label button[data-v-1730749f] { 13708 padding: 0; 13709 margin-right: -4px; 13710 top: 2px 13711 } 13712 13713 .label button svg[data-v-1730749f] { 13714 margin-right: -6px; 13715 margin-top: 2px; 13716 transform: scale(0.75); 13717 transform-origin: left; 13718 color: #fff 13719 } 13720 13721 .label button.b-primary[data-v-1730749f] { 13722 color: #fff 13723 } 13724 13725 .label.b-secondary button svg[data-v-1730749f] { 13726 color: #0072ff 13727 } 13728 13729 .label.b-dot[data-v-1730749f] { 13730 width: 8px; 13731 height: 8px; 13732 padding: 0; 13733 font-size: 0 13734 } 13735 13736 .label.b-border[data-v-1730749f] { 13737 box-shadow: 0 0 0 1px #fff 13738 } 13739 13740 .label[data-v-1730749f] { 13741 background-color: #ff4646 13742 } 13743 13744 .label.b-secondary[data-v-1730749f] { 13745 background-color: #ffe6e6; 13746 color: #e93c3c 13747 } 13748 </style> 13749 <style type
13749="text/css"> 13750 .label[data-v-3c5c9e9e] { 13751 height: 16px; 13752 padding: 0 8px; 13753 display: inline-flex; 13754 align-items: center; 13755 font: 12px/16px "blibli demi bold",-apple-system,segoe ui,roboto,helvetica,arial,sans-serif; 13756 text-decoration: none; 13757 color: #fff; 13758 border-radius: 4px; 13759 background-color: #f1f2f2; 13760 white-space: nowrap 13761 } 13762 13763 .label button[data-v-3c5c9e9e] { 13764 padding: 0; 13765 margin-right: -4px; 13766 top: 2px 13767 } 13768 13769 .label button svg[data-v-3c5c9e9e] { 13770 margin-right: -6px; 13771 margin-top: 2px; 13772 transform: scale(0.75); 13773 transform-origin: left; 13774 color: #fff 13775 } 13776 13777 .label button.b-primary[data-v-3c5c9e9e] { 13778 color: #fff 13779 } 13780 13781 .label.b-secondary button svg[data-v-3c5c9e9e] { 13782 color: #0072ff 13783 } 13784 13785 .label.b-dot[data-v-3c5c9e9e] { 13786 width: 8px; 13787 height: 8px; 13788 padding: 0; 13789 font-size: 0 13790 } 13791 13792 .label.b-border[data-v-3c5c9e9e] { 13793 box-shadow: 0 0 0 1px #fff 13794 } 13795 13796 .label[data-v-3c5c9e9e] { 13797 background-color: #ff7373 13798 } 13799 </style> 13800 <style type="text/css"> 13801 .label[data-v-592858cc] { 13802 height: 16px; 13803 padding: 0 8px; 13804 display: inline-flex; 13805 align-items: center; 13806 font: 12px/16px "blibli demi bold",-apple-system,segoe ui,roboto,helvetica,arial,sans-serif; 13807 text-decoration: none; 13808 color: #fff; 13809 border-radius: 4px; 13810 background-color: #f1f2f2; 13811 white-space: nowrap 13812 } 13813 13814 .label button[data-v-592858cc] { 13815 padding: 0; 13816 margin-right: -4px; 13817 top: 2px 13818 } 13819 13820 .label button svg[data-v-592858cc] { 13821 margin-right: -6px; 13822 margin-top: 2px; 13823 transform: scale(0.75); 13824 transform-origin: left; 13825 color: #fff 13826 } 13827 13828 .label button.b-primary[data-v-592858cc] { 13829 color: #fff 13830 } 13831 13832 .label.b-secondary button svg[data-v-592858cc] { 13833 color: #0072ff 13834 } 13835 13836 .label.b-dot[data-v-592858cc] { 13837 width: 8px; 13838 height: 8px; 13839 padding: 0; 13840 font-size: 0 13841 } 13842 13843 .label.b-border[data-v-592858cc] { 13844 box-shadow: 0 0 0 1px #fff 13845 } 13846 13847 .label[data-v-592858cc] { 13848 background-color: #ffcd00 13849 } 13850 13851 .label.b-secondary[data-v-592858cc] { 13852 background-color: #fef5d2; 13853 color: #f1ab02 13854 } 13855 </style> 13856 <style type="text/css"> 13857 .label[data-v-209f2cd8] { 13858 height: 16px; 13859 padding: 0 8px; 13860 display: inline-flex; 13861 align-items: center; 13862 font: 12px/16px "blibli demi bold",-apple-system,segoe ui,roboto,helvetica,arial,sans-serif; 13863 text-decoration: none; 13864 color: #fff; 13865 border-radius: 4px; 13866 background-color: #f1f2f2; 13867 white-space: nowrap 13868 } 13869 13870 .label button[data-v-209f2cd8] { 13871 padding: 0; 13872 margin-right: -4px; 13873 top: 2px 13874 } 13875 13876 .label button svg[data-v-209f2cd8] { 13877 margin-right: -6px; 13878 margin-top: 2px; 13879 transform: scale(0.75); 13880 transform-origin: left; 13881 color: #fff 13882 } 13883 13884 .label button.b-primary[data-v-209f2cd8] { 13885 color: #fff 13886 } 13887 13888 .label.b-secondary button svg[data-v-209f2cd8] { 13889 color: #0072ff 13890 } 13891 13892 .label.b-dot[data-v-209f2cd8] { 13893 width: 8px; 13894 height: 8px; 13895 padding: 0; 13896 font-size: 0 13897 } 13898 13899 .label.b-border[data-v-209f2cd8] { 13900 box-shadow: 0 0 0 1px #fff 13901 } 13902 13903 .label[data-v-209f2cd8] { 13904 background-color: #22a334 13905 } 13906 13907 .label.b-secondary[data-v-209f2cd8] { 13908 background-color: #d6f7da; 13909 color: #1c832a 13910 } 13911 </style> 13912 <style type="text/css"> 13913 .label[data-v-80a16fd0] { 13914 height: 16px; 13915 padding: 0 8px; 13916 display: inline-flex; 13917 align-items: center; 13918 font: 12px/16px "blibli demi bold",-apple-system,segoe ui,roboto,helvetica,arial,sans-serif; 13919 text-decoration: none; 13920 color: #fff; 13921 border-radius: 4px; 13922 background-color: #f1f2f2; 13923 white-space: nowrap 13924 } 13925 13926 .label button[data-v-80a16fd0] { 13927 padding: 0; 13928 margin-right: -4px; 13929 top: 2px 13930 } 13931 13932 .label button svg[data-v-80a16fd0] { 13933 margin-right: -6px; 13934 margin-top: 2px; 13935 transform: scale(0.75); 13936 transform-origin: left; 13937 color: #fff 13938 } 13939 13940 .label button.b-primary[data-v-80a16fd0] { 13941 color: #fff 13942 } 13943 13944 .label.b-secondary button svg[data-v-80a16fd0] { 13945 color: #0072ff 13946 } 13947 13948 .label.b-dot[data-v-80a16fd0] { 13949 width: 8px; 13950 height: 8px; 13951 padding: 0; 13952 font-size: 0 13953 } 13954 13955 .label.b-border[data-v-80a16fd0] { 13956 box-shadow: 0 0 0 1px #fff 13957 } 13958 13959 .label[data-v-80a16fd0] { 13960 background-color: #1d8fff 13961 } 13962 13963 .label.b-secondary[data-v-80a16fd0] { 13964 background-color: #e1f1ff; 13965 color: #0072ff 13966 } 13967 </style> 13968 <style type="text/css"> 13969 .label[data-v-5021936f] { 13970 height: 16px; 13971 padding: 0 8px; 13972 display: inline-flex; 13973 align-items: center; 13974 font: 12px/16px "blibli demi bold",-apple-system,segoe ui,roboto,helvetica,arial,sans-serif; 13975 text-decoration: none; 13976 color: #fff; 13977 border-radius: 4px; 13978 background-color: #f1f2f2; 13979 white-space: nowrap 13980 } 13981 13982 .label button[data-v-5021936f] { 13983 padding: 0; 13984 margin-right: -4px; 13985 top: 2px 13986 } 13987 13988 .label button svg[data-v-5021936f] { 13989 margin-right: -6px; 13990 margin-top: 2px; 13991 transform: scale(0.75); 13992 transform-origin: left; 13993 color: #fff 13994 } 13995 13996 .label button.b-primary[data-v-5021936f] { 13997 color: #fff 13998 } 13999 14000 .label.b-secondary button svg[data-v-5021936f] { 14001 color: #0072ff 14002 } 14003 14004 .label.b-dot[data-v-5021936f] { 14005 width: 8px; 14006 height: 8px; 14007 padding: 0; 14008 font-size: 0 14009 } 14010 14011 .label.b-border[data-v-5021936f] { 14012 box-shadow: 0 0 0 1px #fff 14013 } 14014 14015 .label[data-v-5021936f] { 14016 color: rgba(25,34,42,.4); 14017 background-color: #e1e3e4 14018 } 14019 14020 .label.b-secondary[data-v-5021936f] { 14021 background-color: #92979c; 14022 color: #fff 14023 } 14024 </style> 14025 <style type="text/css"> 14026 .blu-ticker[data-v-e275b4e8] { 14027 --blu-ticker-color-background: #f9f9fa; 14028 --blu-ticker-color-border: #e1e3e4; 14029 display: flex; 14030 justify-content: flex-start; 14031 align-items: flex-start; 14032 border-radius: 8px; 14033 position: relative; 14034 background-color: var(--blu-ticker-color-background); 14035 border: 1px solid var(--blu-ticker-color-border); 14036 color: rgba(25,34,42,.7019607843); 14037 padding: 8px; 14038 margin-bottom: 8px; 14039 z-index: 0 14040 } 14041 14042 .blu-ticker__msg[data-v-e275b4e8] { 14043 z-index: 0; 14044 align-self: center 14045 } 14046 14047 @media screen and (min-width: 769px),print { 14048 .blu-ticker__msg[data-v-e275b4e8] { 14049 font:16px/20px "blibli",-apple-system,segoe ui,roboto,helvetica,arial,sans-serif 14050 } 14051 } 14052 14053 @media screen and (max-width: 768px) { 14054 .blu-ticker__msg[data-v-e275b4e8] { 14055 font:14px/18px "blibli",-apple-system,segoe ui,roboto,helvetica,arial,sans-serif 14056 } 14057 } 14058 14059 .blu-ticker__close[data-v-e275b4e8] { 14060 object-fit: contain; 14061 position: relative; 14062 z-index: 0; 14063 width: 18px;
14064 height: 18px; 14065 padding: 11px 14066 } 14067 14068 .blu-ticker__close i[data-v-e275b4e8] { 14069 content: ""; 14070 top: 0; 14071 right: 0; 14072 position: absolute; 14073 width: 18px; 14074 height: 18px; 14075 padding: 12px; 14076 background: rgba(0,0,0,0) url(data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PSIwIDAgMjQgMjQiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGQ9Ik0xMy43NjcyIDEyTDE3LjYzMiA4LjEzODM5QzE4LjEyMjcgNy42NDgxOSAxOC4xMjI3IDYuODU3ODYgMTcuNjMyIDYuMzY3NjVDMTcuMTQxNCA1Ljg3NzQ1IDE2LjM1MDQgNS44Nzc0NSAxNS44NTk4IDYuMzY3NjVMMTEuOTk1IDEwLjIyOTNMOC4xNDAxOCA2LjM3NzY2QzcuNjQ5NTYgNS44ODc0NSA2Ljg1ODU3IDUuODg3NDUgNi4zNjc5NiA2LjM3NzY2QzUuODc3MzUgNi44Njc4NiA1Ljg3NzM1IDcuNjU4MTkgNi4zNjc5NiA4LjE0ODRMMTAuMjIyOCAxMkw2LjM2Nzk2IDE1Ljg2MTZDNS44NzczNSAxNi4zNTE4IDUuODc3MzUgMTcuMTQyMSA2LjM2Nzk2IDE3LjYzMjNDNi44NTg1NyAxOC4xMjI2IDcuNjQ5NTYgMTguMTIyNiA4LjE0MDE4IDE3LjYzMjNMMTIuMDA1IDEzLjc3MDdMMTUuODU5OCAxNy42MjIzQzE2LjM1MDQgMTguMTEyNSAxNy4xNDE0IDE4LjExMjUgMTcuNjMyIDE3LjYyMjNDMTguMTIyNyAxNy4xMzIxIDE4LjEyMjcgMTYuMzQxOCAxNy42MzIgMTUuODUxNkwxMy43NzcyIDEySDEzLjc2NzJaIiBmaWxsPSIjNzk3Rjg1Ii8+Cjwvc3ZnPgo=) center center no-repeat #e1e3e4; 14077 background-color: rgba(25,34,42,.7019607843); 14078 -webkit-mask-image: url(data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PSIwIDAgMjQgMjQiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGQ9Ik0xMy43NjcyIDEyTDE3LjYzMiA4LjEzODM5QzE4LjEyMjcgNy42NDgxOSAxOC4xMjI3IDYuODU3ODYgMTcuNjMyIDYuMzY3NjVDMTcuMTQxNCA1Ljg3NzQ1IDE2LjM1MDQgNS44Nzc0NSAxNS44NTk4IDYuMzY3NjVMMTEuOTk1IDEwLjIyOTNMOC4xNDAxOCA2LjM3NzY2QzcuNjQ5NTYgNS44ODc0NSA2Ljg1ODU3IDUuODg3NDUgNi4zNjc5NiA2LjM3NzY2QzUuODc3MzUgNi44Njc4NiA1Ljg3NzM1IDcuNjU4MTkgNi4zNjc5NiA4LjE0ODRMMTAuMjIyOCAxMkw2LjM2Nzk2IDE1Ljg2MTZDNS44NzczNSAxNi4zNTE4IDUuODc3MzUgMTcuMTQyMSA2LjM2Nzk2IDE3LjYzMjNDNi44NTg1NyAxOC4xMjI2IDcuNjQ5NTYgMTguMTIyNiA4LjE0MDE4IDE3LjYzMjNMMTIuMDA1IDEzLjc3MDdMMTUuODU5OCAxNy42MjIzQzE2LjM1MDQgMTguMTEyNSAxNy4xNDE0IDE4LjExMjUgMTcuNjMyIDE3LjYyMjNDMTguMTIyNyAxNy4xMzIxIDE4LjEyMjcgMTYuMzQxOCAxNy42MzIgMTUuODUxNkwxMy43NzcyIDEySDEzLjc2NzJaIiBmaWxsPSIjNzk3Rjg1Ii8+Cjwvc3ZnPgo=) 14079 } 14080 14081 @media screen and (max-width: 768px) { 14082 .blu-ticker__close[data-v-e275b4e8] { 14083 transform:scale(0.75) 14084 } 14085 } 14086 14087 .blu-ticker__close[data-v-e275b4e8]:focus-visible { 14088 box-shadow: 0px 0px 0px 4px #000; 14089 outline: none 14090 } 14091 14092 .blu-ticker__title[data-v-e275b4e8] { 14093 color: #19222a 14094 } 14095 14096 @media screen and (min-width: 769px),print { 14097 .blu-ticker__title[data-v-e275b4e8] { 14098 font:16px/20px "blibli demi bold",-apple-system,segoe ui,roboto,helvetica,arial,sans-serif 14099 } 14100 } 14101 14102 @media screen and (max-width: 768px) { 14103 .blu-ticker__title[data-v-e275b4e8] { 14104 font:14px/18px "blibli demi bold",-apple-system,segoe ui,roboto,helvetica,arial,sans-serif 14105 } 14106 } 14107 14108 .blu-ticker__btn[data-v-e275b4e8] { 14109 margin: 8px 0 0 -14px 14110 } 14111 14112 .blu-ticker.b-info[data-v-e275b4e8] { 14113 --blu-ticker-color-background: #f3f9ff; 14114 --blu-ticker-color-border: #b9deff 14115 } 14116 14117 .blu-ticker.b-info.has-icon>.blu-ticker__icon[data-v-e275b4e8] { 14118 background-color: #006dea; 14119 -webkit-mask-image: url(data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PSIwIDAgMjQgMjQiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+DQo8cGF0aCBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGNsaXAtcnVsZT0iZXZlbm9kZCIgZD0iTTIgMTJDMiA2LjQ4IDYuNDggMiAxMiAyQzE3LjUyIDIgMjIgNi40OCAyMiAxMkMyMiAxNy41MiAxNy41MiAyMiAxMiAyMkM2LjQ4IDIyIDIgMTcuNTIgMiAxMlpNMTEuOTcgOC43Mzc2NEMxMi43MjY2IDguNzM3NjQgMTMuMzQgOC4xMjQ4IDEzLjM0IDcuMzY4ODJDMTMuMzQgNi42MTI4NCAxMi43MjY2IDYgMTEuOTcgNkMxMS4yMTM0IDYgMTAuNiA2LjYxMjg0IDEwLjYgNy4zNjg4MkMxMC42IDguMTI0OCAxMS4yMTM0IDguNzM3NjQgMTEuOTcgOC43Mzc2NFpNMTEuNDk5OSAxMC4xMDY0SDEyLjQ0OTlDMTIuODQ5OSAxMC4xMDY0IDEzLjE3OTkgMTAuNDM2MiAxMy4xNzk5IDEwLjgzNThWMTcuMjcwM0MxMy4xNzk5IDE3LjY2OTkgMTIuODQ5OSAxNy45OTk2IDEyLjQ0OTkgMTcuOTk5NkgxMS40OTk5QzExLjA5OTkgMTcuOTk5NiAxMC43Njk5IDE3LjY2OTkgMTAuNzY5OSAxNy4yNzAzVjEwLjgzNThDMTAuNzY5OSAxMC40MzYyIDExLjA5OTkgMTAuMTA2NCAxMS40OTk5IDEwLjEwNjRaIiBmaWxsPSIjNzk3Rjg1Ii8+DQo8L3N2Zz4NCg==); 14120 mask-image: url(data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PSIwIDAgMjQgMjQiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+DQo8cGF0aCBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGNsaXAtcnVsZT0iZXZlbm9kZCIgZD0iTTIgMTJDMiA2LjQ4IDYuNDggMiAxMiAyQzE3LjUyIDIgMjIgNi40OCAyMiAxMkMyMiAxNy41MiAxNy41MiAyMiAxMiAyMkM2LjQ4IDIyIDIgMTcuNTIgMiAxMlpNMTEuOTcgOC43Mzc2NEMxMi43MjY2IDguNzM3NjQgMTMuMzQgOC4xMjQ4IDEzLjM0IDcuMzY4ODJDMTMuMzQgNi42MTI4NCAxMi43MjY2IDYgMTEuOTcgNkMxMS4yMTM0IDYgMTAuNiA2LjYxMjg0IDEwLjYgNy4zNjg4MkMxMC42IDguMTI0OCAxMS4yMTM0IDguNzM3NjQgMTEuOTcgOC43Mzc2NFpNMTEuNDk5OSAxMC4xMDY0SDEyLjQ0OTlDMTIuODQ5OSAxMC4xMDY0IDEzLjE3OTkgMTAuNDM2MiAxMy4xNzk5IDEwLjgzNThWMTcuMjcwM0MxMy4xNzk5IDE3LjY2OTkgMTIuODQ5OSAxNy45OTk2IDEyLjQ0OTkgMTcuOTk5NkgxMS40OTk5QzExLjA5OTkgMTcuOTk5NiAxMC43Njk5IDE3LjY2OTkgMTAuNzY5OSAxNy4yNzAzVjEwLjgzNThDMTAuNzY5OSAxMC40MzYyIDExLjA5OTkgMTAuMTA2NCAxMS40OTk5IDEwLjEwNjRaIiBmaWxsPSIjNzk3Rjg1Ii8+DQo8L3N2Zz4NCg==) 14121 } 14122 14123 .blu-ticker.b-success[data-v-e275b4e8] { 14124 --blu-ticker-color-background: #effcf0; 14125 --blu-ticker-color-border: #b2efb9 14126 } 14127 14128 .blu-ticker.b-success.has-icon>.blu-ticker__icon[data-v-e275b4e8] { 14129 background-color: #1c832a; 14130 -webkit-mask-image: url(data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PSIwIDAgMjQgMjQiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+DQo8cGF0aCBkPSJNMTIgMkM2LjQ4IDIgMiA2LjQ4IDIgMTJDMiAxNy41MiA2LjQ4IDIyIDEyIDIyQzE3LjUyIDIyIDIyIDE3LjUyIDIyIDEyQzIyIDYuNDggMTcuNTIgMiAxMiAyWk0xNy4wNSA5LjExTDEyLjA2IDE2LjEyQzExLjg4IDE2LjM3IDExLjYgMTYuNTIgMTEuMjkgMTYuNTRIMTEuMjRDMTAuOTUgMTYuNTQgMTAuNjcgMTYuNDIgMTAuNDggMTYuMTlMNi45OSAxMi4xM0M2LjgyIDExLjkzIDYuNzMgMTEuNjcgNi43NSAxMS40MUM2Ljc3IDExLjE0IDYuODkgMTAuOSA3LjA5IDEwLjczQzcuNTEgMTAuMzcgOC4xNCAxMC40MiA4LjUgMTAuODRMMTEuMTYgMTMuOTNMMTUuNDEgNy45NkMxNS43MyA3LjUxIDE2LjM1IDcuNDEgMTYuOCA3LjczQzE3LjAyIDcuODggMTcuMTYgOC4xMSAxNy4yMSA4LjM4QzE3LjI1IDguNjQgMTcuMTkgOC45MSAxNy4wNCA5LjEyTDE3
14130LjA1IDkuMTFaIiBmaWxsPSIjNzk3Rjg1Ii8+DQo8L3N2Zz4=); 14131 mask-image: url(data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PSIwIDAgMjQgMjQiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+DQo8cGF0aCBkPSJNMTIgMkM2LjQ4IDIgMiA2LjQ4IDIgMTJDMiAxNy41MiA2LjQ4IDIyIDEyIDIyQzE3LjUyIDIyIDIyIDE3LjUyIDIyIDEyQzIyIDYuNDggMTcuNTIgMiAxMiAyWk0xNy4wNSA5LjExTDEyLjA2IDE2LjEyQzExLjg4IDE2LjM3IDExLjYgMTYuNTIgMTEuMjkgMTYuNTRIMTEuMjRDMTAuOTUgMTYuNTQgMTAuNjcgMTYuNDIgMTAuNDggMTYuMTlMNi45OSAxMi4xM0M2LjgyIDExLjkzIDYuNzMgMTEuNjcgNi43NSAxMS40MUM2Ljc3IDExLjE0IDYuODkgMTAuOSA3LjA5IDEwLjczQzcuNTEgMTAuMzcgOC4xNCAxMC40MiA4LjUgMTAuODRMMTEuMTYgMTMuOTNMMTUuNDEgNy45NkMxNS43MyA3LjUxIDE2LjM1IDcuNDEgMTYuOCA3LjczQzE3LjAyIDcuODggMTcuMTYgOC4xMSAxNy4yMSA4LjM4QzE3LjI1IDguNjQgMTcuMTkgOC45MSAxNy4wNCA5LjEyTDE3LjA1IDkuMTFaIiBmaWxsPSIjNzk3Rjg1Ii8+DQo8L3N2Zz4=) 14132 } 14133 14134 .blu-ticker.b-warning[data-v-e275b4e8] { 14135 --blu-ticker-color-background: #fff8e0; 14136 --blu-ticker-color-border: #fef0b6 14137 } 14138 14139 .blu-ticker.b-warning.has-icon>.blu-ticker__icon[data-v-e275b4e8] { 14140 background-color: #f1ab02; 14141 -webkit-mask-image: url(data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PSIwIDAgMjQgMjQiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+DQo8cGF0aCBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGNsaXAtcnVsZT0iZXZlbm9kZCIgZD0iTTMuODc0MzYgMjFIMjAuMTE0NEgyMC4xMjQ0QzIxLjU1MzUgMjEgMjIuNDUyOSAxOS41MDM1IDIxLjc2MzQgMTguMjg2NEwxMy42NDg0IDMuOTUwMjZDMTIuOTM4OCAyLjY4MzI1IDExLjA2OTkgMi42ODMyNSAxMC4zNjA0IDMuOTUwMjZMMi4yMzUzNyAxOC4yOTY0QzEuNTQ1OCAxOS41MTM1IDIuNDU1MjQgMjEgMy44NzQzNiAyMVpNMTAuOTkgMTMuOTM3NEwxMC43MDAyIDkuMDk4ODdWNy43NTIwNUMxMC43MDAyIDcuMzMzMDQgMTEuMDQgNi45OTM4NCAxMS40NTk3IDYuOTkzODRIMTIuNjA5QzEzLjAyODggNi45OTM4NCAxMy4zNjg2IDcuMzMzMDQgMTMuMzY4NiA3Ljc1MjA1VjkuMTA4ODRMMTMuMDg4NyAxMy45Mjc1QzEzLjA2ODcgMTQuMzI2NSAxMi43Mzg5IDE0LjYzNTggMTIuMzI5MiAxNC42MzU4SDExLjc0OTVDMTEuMzQ5OCAxNC42MzU4IDExLjAyIDE0LjMyNjUgMTAuOTkgMTMuOTI3NVYxMy45Mzc0Wk0xMS45OTk0IDE4Ljk2NTJDMTIuNzg4NyAxOC45NjUyIDEzLjQyODYgMTguMzI2NSAxMy40Mjg2IDE3LjUzODZDMTMuNDI4NiAxNi43NTA3IDEyLjc4ODcgMTYuMTEyIDExLjk5OTQgMTYuMTEyQzExLjIxMDIgMTYuMTEyIDEwLjU3MDMgMTYuNzUwNyAxMC41NzAzIDE3LjUzODZDMTAuNTcwMyAxOC4zMjY1IDExLjIxMDIgMTguOTY1MiAxMS45OTk0IDE4Ljk2NTJaIiBmaWxsPSIjNzk3Rjg1Ii8+DQo8L3N2Zz4NCg==); 14142 mask-image: url(data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PSIwIDAgMjQgMjQiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+DQo8cGF0aCBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGNsaXAtcnVsZT0iZXZlbm9kZCIgZD0iTTMuODc0MzYgMjFIMjAuMTE0NEgyMC4xMjQ0QzIxLjU1MzUgMjEgMjIuNDUyOSAxOS41MDM1IDIxLjc2MzQgMTguMjg2NEwxMy42NDg0IDMuOTUwMjZDMTIuOTM4OCAyLjY4MzI1IDExLjA2OTkgMi42ODMyNSAxMC4zNjA0IDMuOTUwMjZMMi4yMzUzNyAxOC4yOTY0QzEuNTQ1OCAxOS41MTM1IDIuNDU1MjQgMjEgMy44NzQzNiAyMVpNMTAuOTkgMTMuOTM3NEwxMC43MDAyIDkuMDk4ODdWNy43NTIwNUMxMC43MDAyIDcuMzMzMDQgMTEuMDQgNi45OTM4NCAxMS40NTk3IDYuOTkzODRIMTIuNjA5QzEzLjAyODggNi45OTM4NCAxMy4zNjg2IDcuMzMzMDQgMTMuMzY4NiA3Ljc1MjA1VjkuMTA4ODRMMTMuMDg4NyAxMy45Mjc1QzEzLjA2ODcgMTQuMzI2NSAxMi43Mzg5IDE0LjYzNTggMTIuMzI5MiAxNC42MzU4SDExLjc0OTVDMTEuMzQ5OCAxNC42MzU4IDExLjAyIDE0LjMyNjUgMTAuOTkgMTMuOTI3NVYxMy45Mzc0Wk0xMS45OTk0IDE4Ljk2NTJDMTIuNzg4NyAxOC45NjUyIDEzLjQyODYgMTguMzI2NSAxMy40Mjg2IDE3LjUzODZDMTMuNDI4NiAxNi43NTA3IDEyLjc4ODcgMTYuMTEyIDExLjk5OTQgMTYuMTEyQzExLjIxMDIgMTYuMTEyIDEwLjU3MDMgMTYuNzUwNyAxMC41NzAzIDE3LjUzODZDMTAuNTcwMyAxOC4zMjY1IDExLjIxMDIgMTguOTY1MiAxMS45OTk0IDE4Ljk2NTJaIiBmaWxsPSIjNzk3Rjg1Ii8+DQo8L3N2Zz4NCg==) 14143 } 14144 14145 .blu-ticker.b-danger[data-v-e275b4e8] { 14146 --blu-ticker-color-background: #fff5f5; 14147 --blu-ticker-color-border: #fecccb 14148 } 14149 14150 .blu-ticker.b-danger.has-icon>.blu-ticker__icon[data-v-e275b4e8] { 14151 background-color: #d33534; 14152 -webkit-mask-image: url(data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PSIwIDAgMjQgMjQiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+DQo8cGF0aCBkPSJNMTIgMkM2LjQ4IDIgMiA2LjQ4IDIgMTJDMiAxNy41MiA2LjQ4IDIyIDEyIDIyQzE3LjUyIDIyIDIyIDE3LjUyIDIyIDEyQzIyIDYuNDggMTcuNTIgMiAxMiAyWk0xNi4yNCAxNC44M0MxNi42MyAxNS4yMiAxNi42MyAxNS44NSAxNi4yNCAxNi4yNEMxNS44NSAxNi42MyAxNS4yMiAxNi42MyAxNC44MyAxNi4yNEwxMiAxMy40MUw5LjE3IDE2LjI0QzguNzggMTYuNjMgOC4xNSAxNi42MyA3Ljc2IDE2LjI0QzcuMzcgMTUuODUgNy4zNyAxNS4yMiA3Ljc2IDE0LjgzTDEwLjU5IDEyTDcuNzYgOS4xN0M3LjM3IDguNzggNy4zNyA4LjE1IDcuNzYgNy43NkM4LjE1IDcuMzcgOC43OCA3LjM3IDkuMTcgNy43NkwxMiAxMC41OUwxNC44MyA3Ljc2QzE1LjIyIDcuMzcgMTUuODUgNy4zNyAxNi4yNCA3Ljc2QzE2LjYzIDguMTUgMTYuNjMgOC43OCAxNi4yNCA5LjE3TDEzLjQxIDEyTDE2LjI0IDE0LjgzWiIgZmlsbD0iIzc5N0Y4NSIvPg0KPC9zdmc+); 14153 mask-image: url(data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PSIwIDAgMjQgMjQiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+DQo8cGF0aCBkPSJNMTIgMkM2LjQ4IDIgMiA2LjQ4IDIgMTJDMiAxNy41MiA2LjQ4IDIyIDEyIDIyQzE3LjUyIDIyIDIyIDE3LjUyIDIyIDEyQzIyIDYuNDggMTcuNTIgMiAxMiAyWk0xNi4yNCAxNC44M0MxNi42MyAxNS4yMiAxNi42MyAxNS44NSAxNi4yNCAxNi4yNEMxNS44NSAxNi42MyAxNS4yMiAxNi42MyAxNC44MyAxNi4yNEwxMiAxMy40MUw5LjE3IDE2LjI0QzguNzggMTYuNjMgOC4xNSAxNi42MyA3Ljc2IDE2LjI0QzcuMzcgMTUuODUgNy4zNyAxNS4yMiA3Ljc2IDE0LjgzTDEwLjU5IDEyTDcuNzYgOS4xN0M3LjM3IDguNzggNy4zNyA4LjE1IDcuNzYgNy43NkM4LjE1IDcuMzcgOC43OCA3LjM3IDkuMTcgNy43NkwxMiAxMC41OUwxNC44MyA3Ljc2QzE1LjIyIDcuMzcgMTUuODUgNy4zNyAxNi4yNCA3Ljc2QzE2LjYzIDguMTUgMTYuNjMgOC43OCAxNi4yNCA5LjE3TDEzLjQxIDEyTDE2LjI0IDE0LjgzWiIgZmlsbD0iIzc5N0Y4NSIvPg0KPC9zdmc+) 14154 } 14155 14156 .blu-ticker.has-icon>.blu-ticker__icon[data-v-e275b4e8] { 14157 margin-right: 8px; 14158 background-position: center center; 14159 background-size: contain; 14160 background-repeat: no-repeat; 14161 z-index: 0 14162 } 14163 14164 @media screen and (min-width: 769px),print { 14165 .blu-ticker.has-icon>.blu-ticker__icon[data-v-e275b4e8] { 14166 padding:12px 14167 } 14168 } 14169 14170 @media screen and (max-width: 768px) { 14171 .blu-ticker.has-icon>.blu-ticker__icon[data-v-e275b4e8] { 14172 padding:9px 14173 } 14174 } 14175 14176 .blu-ticker.has-icon.b-middle[data-v-e275b4e8] { 14177 align-items: center 14178 } 14179 14180 .blu-ticker.has-icon.b-bottom[data-v-e275b4e8] { 14181 align-items: flex-end 14182 } 14183 14184 .blu-ticker.has-icon.b-bottom[data-v-e275b4e8]:before { 14185 margin-bottom: 3px 14186 } 14187 </style> 14188 <style type="text/css"> 14189 .blu-ticker[data-v-5f386d2a] { 14190 --blu-ticker-color-background: #f9f9fa; 14191 --blu-ticker-color-border: #e1e3e4; 14192 display: flex; 14193 justify-content: flex-start; 14194 align-items: flex-start; 14195 border-radius: 8px; 14196 position: relative; 14197 background-color: var(--blu-ticker-color-background); 14198 border: 1px solid var(--blu-ticker-color-border); 14199 color: rgba(25,34,42,.7019607843); 14200 padding: 8px; 14201 margin-bottom: 8px; 14202 z-index: 0 14203 } 14204 14205 .blu-ticker__msg[data-v-5f386d2a] { 14206 z-index: 0; 14207 align-self: center 14208 } 14209 14210 @media screen and (min-width: 769px),print { 14211 .blu-ticker__msg[data-v-5f386d2a] { 14212 font:16px/20px "blibli",-apple-system,segoe ui,roboto,helvetica,arial,sans-serif 14213 } 14214 } 14215 14216 @media screen and (max-width: 768px) { 14217 .blu-ticker__msg[data-v-5f386d2a] { 14218 font:14px/18px "blibli",-apple-system,segoe ui,roboto,helvetica,arial,sans-serif 14219 } 14220 } 14221 14222 .blu-ticker__close[data-v-5f386d2a] { 14223 object-fit: contain; 14224 position: relative; 14225 z-index: 0; 14226 width: 18px;
14227 height: 18px; 14228 padding: 11px 14229 } 14230 14231 .blu-ticker__close i[data-v-5f386d2a] { 14232 content: ""; 14233 top: 0; 14234 right: 0; 14235 position: absolute; 14236 width: 18px; 14237 height: 18px; 14238 padding: 12px; 14239 background: rgba(0,0,0,0) url(data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PSIwIDAgMjQgMjQiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGQ9Ik0xMy43NjcyIDEyTDE3LjYzMiA4LjEzODM5QzE4LjEyMjcgNy42NDgxOSAxOC4xMjI3IDYuODU3ODYgMTcuNjMyIDYuMzY3NjVDMTcuMTQxNCA1Ljg3NzQ1IDE2LjM1MDQgNS44Nzc0NSAxNS44NTk4IDYuMzY3NjVMMTEuOTk1IDEwLjIyOTNMOC4xNDAxOCA2LjM3NzY2QzcuNjQ5NTYgNS44ODc0NSA2Ljg1ODU3IDUuODg3NDUgNi4zNjc5NiA2LjM3NzY2QzUuODc3MzUgNi44Njc4NiA1Ljg3NzM1IDcuNjU4MTkgNi4zNjc5NiA4LjE0ODRMMTAuMjIyOCAxMkw2LjM2Nzk2IDE1Ljg2MTZDNS44NzczNSAxNi4zNTE4IDUuODc3MzUgMTcuMTQyMSA2LjM2Nzk2IDE3LjYzMjNDNi44NTg1NyAxOC4xMjI2IDcuNjQ5NTYgMTguMTIyNiA4LjE0MDE4IDE3LjYzMjNMMTIuMDA1IDEzLjc3MDdMMTUuODU5OCAxNy42MjIzQzE2LjM1MDQgMTguMTEyNSAxNy4xNDE0IDE4LjExMjUgMTcuNjMyIDE3LjYyMjNDMTguMTIyNyAxNy4xMzIxIDE4LjEyMjcgMTYuMzQxOCAxNy42MzIgMTUuODUxNkwxMy43NzcyIDEySDEzLjc2NzJaIiBmaWxsPSIjNzk3Rjg1Ii8+Cjwvc3ZnPgo=) center center no-repeat #e1e3e4; 14240 background-color: rgba(25,34,42,.7019607843); 14241 -webkit-mask-image: url(data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PSIwIDAgMjQgMjQiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGQ9Ik0xMy43NjcyIDEyTDE3LjYzMiA4LjEzODM5QzE4LjEyMjcgNy42NDgxOSAxOC4xMjI3IDYuODU3ODYgMTcuNjMyIDYuMzY3NjVDMTcuMTQxNCA1Ljg3NzQ1IDE2LjM1MDQgNS44Nzc0NSAxNS44NTk4IDYuMzY3NjVMMTEuOTk1IDEwLjIyOTNMOC4xNDAxOCA2LjM3NzY2QzcuNjQ5NTYgNS44ODc0NSA2Ljg1ODU3IDUuODg3NDUgNi4zNjc5NiA2LjM3NzY2QzUuODc3MzUgNi44Njc4NiA1Ljg3NzM1IDcuNjU4MTkgNi4zNjc5NiA4LjE0ODRMMTAuMjIyOCAxMkw2LjM2Nzk2IDE1Ljg2MTZDNS44NzczNSAxNi4zNTE4IDUuODc3MzUgMTcuMTQyMSA2LjM2Nzk2IDE3LjYzMjNDNi44NTg1NyAxOC4xMjI2IDcuNjQ5NTYgMTguMTIyNiA4LjE0MDE4IDE3LjYzMjNMMTIuMDA1IDEzLjc3MDdMMTUuODU5OCAxNy42MjIzQzE2LjM1MDQgMTguMTEyNSAxNy4xNDE0IDE4LjExMjUgMTcuNjMyIDE3LjYyMjNDMTguMTIyNyAxNy4xMzIxIDE4LjEyMjcgMTYuMzQxOCAxNy42MzIgMTUuODUxNkwxMy43NzcyIDEySDEzLjc2NzJaIiBmaWxsPSIjNzk3Rjg1Ii8+Cjwvc3ZnPgo=) 14242 } 14243 14244 @media screen and (max-width: 768px) { 14245 .blu-ticker__close[data-v-5f386d2a] { 14246 transform:scale(0.75) 14247 } 14248 } 14249 14250 .blu-ticker__close[data-v-5f386d2a]:focus-visible { 14251 box-shadow: 0px 0px 0px 4px #000; 14252 outline: none 14253 } 14254 14255 .blu-ticker__title[data-v-5f386d2a] { 14256 color: #19222a 14257 } 14258 14259 @media screen and (min-width: 769px),print { 14260 .blu-ticker__title[data-v-5f386d2a] { 14261 font:16px/20px "blibli demi bold",-apple-system,segoe ui,roboto,helvetica,arial,sans-serif 14262 } 14263 } 14264 14265 @media screen and (max-width: 768px) { 14266 .blu-ticker__title[data-v-5f386d2a] { 14267 font:14px/18px "blibli demi bold",-apple-system,segoe ui,roboto,helvetica,arial,sans-serif 14268 } 14269 } 14270 14271 .blu-ticker__btn[data-v-5f386d2a] { 14272 margin: 8px 0 0 -14px 14273 } 14274 14275 .blu-ticker.b-info[data-v-5f386d2a] { 14276 --blu-ticker-color-background: #f3f9ff; 14277 --blu-ticker-color-border: #b9deff 14278 } 14279 14280 .blu-ticker.b-info.has-icon>.blu-ticker__icon[data-v-5f386d2a] { 14281 background-color: #006dea; 14282 -webkit-mask-image: url(data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PSIwIDAgMjQgMjQiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+DQo8cGF0aCBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGNsaXAtcnVsZT0iZXZlbm9kZCIgZD0iTTIgMTJDMiA2LjQ4IDYuNDggMiAxMiAyQzE3LjUyIDIgMjIgNi40OCAyMiAxMkMyMiAxNy41MiAxNy41MiAyMiAxMiAyMkM2LjQ4IDIyIDIgMTcuNTIgMiAxMlpNMTEuOTcgOC43Mzc2NEMxMi43MjY2IDguNzM3NjQgMTMuMzQgOC4xMjQ4IDEzLjM0IDcuMzY4ODJDMTMuMzQgNi42MTI4NCAxMi43MjY2IDYgMTEuOTcgNkMxMS4yMTM0IDYgMTAuNiA2LjYxMjg0IDEwLjYgNy4zNjg4MkMxMC42IDguMTI0OCAxMS4yMTM0IDguNzM3NjQgMTEuOTcgOC43Mzc2NFpNMTEuNDk5OSAxMC4xMDY0SDEyLjQ0OTlDMTIuODQ5OSAxMC4xMDY0IDEzLjE3OTkgMTAuNDM2MiAxMy4xNzk5IDEwLjgzNThWMTcuMjcwM0MxMy4xNzk5IDE3LjY2OTkgMTIuODQ5OSAxNy45OTk2IDEyLjQ0OTkgMTcuOTk5NkgxMS40OTk5QzExLjA5OTkgMTcuOTk5NiAxMC43Njk5IDE3LjY2OTkgMTAuNzY5OSAxNy4yNzAzVjEwLjgzNThDMTAuNzY5OSAxMC40MzYyIDExLjA5OTkgMTAuMTA2NCAxMS40OTk5IDEwLjEwNjRaIiBmaWxsPSIjNzk3Rjg1Ii8+DQo8L3N2Zz4NCg==); 14283 mask-image: url(data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PSIwIDAgMjQgMjQiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+DQo8cGF0aCBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGNsaXAtcnVsZT0iZXZlbm9kZCIgZD0iTTIgMTJDMiA2LjQ4IDYuNDggMiAxMiAyQzE3LjUyIDIgMjIgNi40OCAyMiAxMkMyMiAxNy41MiAxNy41MiAyMiAxMiAyMkM2LjQ4IDIyIDIgMTcuNTIgMiAxMlpNMTEuOTcgOC43Mzc2NEMxMi43MjY2IDguNzM3NjQgMTMuMzQgOC4xMjQ4IDEzLjM0IDcuMzY4ODJDMTMuMzQgNi42MTI4NCAxMi43MjY2IDYgMTEuOTcgNkMxMS4yMTM0IDYgMTAuNiA2LjYxMjg0IDEwLjYgNy4zNjg4MkMxMC42IDguMTI0OCAxMS4yMTM0IDguNzM3NjQgMTEuOTcgOC43Mzc2NFpNMTEuNDk5OSAxMC4xMDY0SDEyLjQ0OTlDMTIuODQ5OSAxMC4xMDY0IDEzLjE3OTkgMTAuNDM2MiAxMy4xNzk5IDEwLjgzNThWMTcuMjcwM0MxMy4xNzk5IDE3LjY2OTkgMTIuODQ5OSAxNy45OTk2IDEyLjQ0OTkgMTcuOTk5NkgxMS40OTk5QzExLjA5OTkgMTcuOTk5NiAxMC43Njk5IDE3LjY2OTkgMTAuNzY5OSAxNy4yNzAzVjEwLjgzNThDMTAuNzY5OSAxMC40MzYyIDExLjA5OTkgMTAuMTA2NCAxMS40OTk5IDEwLjEwNjRaIiBmaWxsPSIjNzk3Rjg1Ii8+DQo8L3N2Zz4NCg==) 14284 } 14285 14286 .blu-ticker.b-success[data-v-5f386d2a] { 14287 --blu-ticker-color-background: #effcf0; 14288 --blu-ticker-color-border: #b2efb9 14289 } 14290 14291 .blu-ticker.b-success.has-icon>.blu-ticker__icon[data-v-5f386d2a] { 14292 background-color: #1c832a; 14293 -webkit-mask-image: url(data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PSIwIDAgMjQgMjQiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+DQo8cGF0aCBkPSJNMTIgMkM2LjQ4IDIgMiA2LjQ4IDIgMTJDMiAxNy41MiA2LjQ4IDIyIDEyIDIyQzE3LjUyIDIyIDIyIDE3LjUyIDIyIDEyQzIyIDYuNDggMTcuNTIgMiAxMiAyWk0xNy4wNSA5LjExTDEyLjA2IDE2LjEyQzExLjg4IDE2LjM3IDExLjYgMTYuNTIgMTEuMjkgMTYuNTRIMTEuMjRDMTAuOTUgMTYuNTQgMTAuNjcgMTYuNDIgMTAuNDggMTYuMTlMNi45OSAxMi4xM0M2LjgyIDExLjkzIDYuNzMgMTEuNjcgNi43NSAxMS40MUM2Ljc3IDExLjE0IDYuODkgMTAuOSA3LjA5IDEwLjczQzcuNTEgMTAuMzcgOC4xNCAxMC40MiA4LjUgMTAuODRMMTEuMTYgMTMuOTNMMTUuNDEgNy45NkMxNS43MyA3LjUxIDE2LjM1IDcuNDEgMTYuOCA3LjczQzE3LjAyIDcuODggMTcuMTYgOC4xMSAxNy4yMSA4LjM4QzE3LjI1IDguNjQgMTcuMTkgOC45MSAxNy4wNCA5LjEyTDE3
14293LjA1IDkuMTFaIiBmaWxsPSIjNzk3Rjg1Ii8+DQo8L3N2Zz4=); 14294 mask-image: url(data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PSIwIDAgMjQgMjQiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+DQo8cGF0aCBkPSJNMTIgMkM2LjQ4IDIgMiA2LjQ4IDIgMTJDMiAxNy41MiA2LjQ4IDIyIDEyIDIyQzE3LjUyIDIyIDIyIDE3LjUyIDIyIDEyQzIyIDYuNDggMTcuNTIgMiAxMiAyWk0xNy4wNSA5LjExTDEyLjA2IDE2LjEyQzExLjg4IDE2LjM3IDExLjYgMTYuNTIgMTEuMjkgMTYuNTRIMTEuMjRDMTAuOTUgMTYuNTQgMTAuNjcgMTYuNDIgMTAuNDggMTYuMTlMNi45OSAxMi4xM0M2LjgyIDExLjkzIDYuNzMgMTEuNjcgNi43NSAxMS40MUM2Ljc3IDExLjE0IDYuODkgMTAuOSA3LjA5IDEwLjczQzcuNTEgMTAuMzcgOC4xNCAxMC40MiA4LjUgMTAuODRMMTEuMTYgMTMuOTNMMTUuNDEgNy45NkMxNS43MyA3LjUxIDE2LjM1IDcuNDEgMTYuOCA3LjczQzE3LjAyIDcuODggMTcuMTYgOC4xMSAxNy4yMSA4LjM4QzE3LjI1IDguNjQgMTcuMTkgOC45MSAxNy4wNCA5LjEyTDE3LjA1IDkuMTFaIiBmaWxsPSIjNzk3Rjg1Ii8+DQo8L3N2Zz4=) 14295 } 14296 14297 .blu-ticker.b-warning[data-v-5f386d2a] { 14298 --blu-ticker-color-background: #fff8e0; 14299 --blu-ticker-color-border: #fef0b6 14300 } 14301 14302 .blu-ticker.b-warning.has-icon>.blu-ticker__icon[data-v-5f386d2a] { 14303 background-color: #f1ab02; 14304 -webkit-mask-image: url(data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PSIwIDAgMjQgMjQiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+DQo8cGF0aCBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGNsaXAtcnVsZT0iZXZlbm9kZCIgZD0iTTMuODc0MzYgMjFIMjAuMTE0NEgyMC4xMjQ0QzIxLjU1MzUgMjEgMjIuNDUyOSAxOS41MDM1IDIxLjc2MzQgMTguMjg2NEwxMy42NDg0IDMuOTUwMjZDMTIuOTM4OCAyLjY4MzI1IDExLjA2OTkgMi42ODMyNSAxMC4zNjA0IDMuOTUwMjZMMi4yMzUzNyAxOC4yOTY0QzEuNTQ1OCAxOS41MTM1IDIuNDU1MjQgMjEgMy44NzQzNiAyMVpNMTAuOTkgMTMuOTM3NEwxMC43MDAyIDkuMDk4ODdWNy43NTIwNUMxMC43MDAyIDcuMzMzMDQgMTEuMDQgNi45OTM4NCAxMS40NTk3IDYuOTkzODRIMTIuNjA5QzEzLjAyODggNi45OTM4NCAxMy4zNjg2IDcuMzMzMDQgMTMuMzY4NiA3Ljc1MjA1VjkuMTA4ODRMMTMuMDg4NyAxMy45Mjc1QzEzLjA2ODcgMTQuMzI2NSAxMi43Mzg5IDE0LjYzNTggMTIuMzI5MiAxNC42MzU4SDExLjc0OTVDMTEuMzQ5OCAxNC42MzU4IDExLjAyIDE0LjMyNjUgMTAuOTkgMTMuOTI3NVYxMy45Mzc0Wk0xMS45OTk0IDE4Ljk2NTJDMTIuNzg4NyAxOC45NjUyIDEzLjQyODYgMTguMzI2NSAxMy40Mjg2IDE3LjUzODZDMTMuNDI4NiAxNi43NTA3IDEyLjc4ODcgMTYuMTEyIDExLjk5OTQgMTYuMTEyQzExLjIxMDIgMTYuMTEyIDEwLjU3MDMgMTYuNzUwNyAxMC41NzAzIDE3LjUzODZDMTAuNTcwMyAxOC4zMjY1IDExLjIxMDIgMTguOTY1MiAxMS45OTk0IDE4Ljk2NTJaIiBmaWxsPSIjNzk3Rjg1Ii8+DQo8L3N2Zz4NCg==); 14305 mask-image: url(data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PSIwIDAgMjQgMjQiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+DQo8cGF0aCBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGNsaXAtcnVsZT0iZXZlbm9kZCIgZD0iTTMuODc0MzYgMjFIMjAuMTE0NEgyMC4xMjQ0QzIxLjU1MzUgMjEgMjIuNDUyOSAxOS41MDM1IDIxLjc2MzQgMTguMjg2NEwxMy42NDg0IDMuOTUwMjZDMTIuOTM4OCAyLjY4MzI1IDExLjA2OTkgMi42ODMyNSAxMC4zNjA0IDMuOTUwMjZMMi4yMzUzNyAxOC4yOTY0QzEuNTQ1OCAxOS41MTM1IDIuNDU1MjQgMjEgMy44NzQzNiAyMVpNMTAuOTkgMTMuOTM3NEwxMC43MDAyIDkuMDk4ODdWNy43NTIwNUMxMC43MDAyIDcuMzMzMDQgMTEuMDQgNi45OTM4NCAxMS40NTk3IDYuOTkzODRIMTIuNjA5QzEzLjAyODggNi45OTM4NCAxMy4zNjg2IDcuMzMzMDQgMTMuMzY4NiA3Ljc1MjA1VjkuMTA4ODRMMTMuMDg4NyAxMy45Mjc1QzEzLjA2ODcgMTQuMzI2NSAxMi43Mzg5IDE0LjYzNTggMTIuMzI5MiAxNC42MzU4SDExLjc0OTVDMTEuMzQ5OCAxNC42MzU4IDExLjAyIDE0LjMyNjUgMTAuOTkgMTMuOTI3NVYxMy45Mzc0Wk0xMS45OTk0IDE4Ljk2NTJDMTIuNzg4NyAxOC45NjUyIDEzLjQyODYgMTguMzI2NSAxMy40Mjg2IDE3LjUzODZDMTMuNDI4NiAxNi43NTA3IDEyLjc4ODcgMTYuMTEyIDExLjk5OTQgMTYuMTEyQzExLjIxMDIgMTYuMTEyIDEwLjU3MDMgMTYuNzUwNyAxMC41NzAzIDE3LjUzODZDMTAuNTcwMyAxOC4zMjY1IDExLjIxMDIgMTguOTY1MiAxMS45OTk0IDE4Ljk2NTJaIiBmaWxsPSIjNzk3Rjg1Ii8+DQo8L3N2Zz4NCg==) 14306 } 14307 14308 .blu-ticker.b-danger[data-v-5f386d2a] { 14309 --blu-ticker-color-background: #fff5f5; 14310 --blu-ticker-color-border: #fecccb 14311 } 14312 14313 .blu-ticker.b-danger.has-icon>.blu-ticker__icon[data-v-5f386d2a] { 14314 background-color: #d33534; 14315 -webkit-mask-image: url(data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PSIwIDAgMjQgMjQiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+DQo8cGF0aCBkPSJNMTIgMkM2LjQ4IDIgMiA2LjQ4IDIgMTJDMiAxNy41MiA2LjQ4IDIyIDEyIDIyQzE3LjUyIDIyIDIyIDE3LjUyIDIyIDEyQzIyIDYuNDggMTcuNTIgMiAxMiAyWk0xNi4yNCAxNC44M0MxNi42MyAxNS4yMiAxNi42MyAxNS44NSAxNi4yNCAxNi4yNEMxNS44NSAxNi42MyAxNS4yMiAxNi42MyAxNC44MyAxNi4yNEwxMiAxMy40MUw5LjE3IDE2LjI0QzguNzggMTYuNjMgOC4xNSAxNi42MyA3Ljc2IDE2LjI0QzcuMzcgMTUuODUgNy4zNyAxNS4yMiA3Ljc2IDE0LjgzTDEwLjU5IDEyTDcuNzYgOS4xN0M3LjM3IDguNzggNy4zNyA4LjE1IDcuNzYgNy43NkM4LjE1IDcuMzcgOC43OCA3LjM3IDkuMTcgNy43NkwxMiAxMC41OUwxNC44MyA3Ljc2QzE1LjIyIDcuMzcgMTUuODUgNy4zNyAxNi4yNCA3Ljc2QzE2LjYzIDguMTUgMTYuNjMgOC43OCAxNi4yNCA5LjE3TDEzLjQxIDEyTDE2LjI0IDE0LjgzWiIgZmlsbD0iIzc5N0Y4NSIvPg0KPC9zdmc+); 14316 mask-image: url(data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PSIwIDAgMjQgMjQiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+DQo8cGF0aCBkPSJNMTIgMkM2LjQ4IDIgMiA2LjQ4IDIgMTJDMiAxNy41MiA2LjQ4IDIyIDEyIDIyQzE3LjUyIDIyIDIyIDE3LjUyIDIyIDEyQzIyIDYuNDggMTcuNTIgMiAxMiAyWk0xNi4yNCAxNC44M0MxNi42MyAxNS4yMiAxNi42MyAxNS44NSAxNi4yNCAxNi4yNEMxNS44NSAxNi42MyAxNS4yMiAxNi42MyAxNC44MyAxNi4yNEwxMiAxMy40MUw5LjE3IDE2LjI0QzguNzggMTYuNjMgOC4xNSAxNi42MyA3Ljc2IDE2LjI0QzcuMzcgMTUuODUgNy4zNyAxNS4yMiA3Ljc2IDE0LjgzTDEwLjU5IDEyTDcuNzYgOS4xN0M3LjM3IDguNzggNy4zNyA4LjE1IDcuNzYgNy43NkM4LjE1IDcuMzcgOC43OCA3LjM3IDkuMTcgNy43NkwxMiAxMC41OUwxNC44MyA3Ljc2QzE1LjIyIDcuMzcgMTUuODUgNy4zNyAxNi4yNCA3Ljc2QzE2LjYzIDguMTUgMTYuNjMgOC43OCAxNi4yNCA5LjE3TDEzLjQxIDEyTDE2LjI0IDE0LjgzWiIgZmlsbD0iIzc5N0Y4NSIvPg0KPC9zdmc+) 14317 } 14318 14319 .blu-ticker.has-icon>.blu-ticker__icon[data-v-5f386d2a] { 14320 margin-right: 8px; 14321 background-position: center center; 14322 background-size: contain; 14323 background-repeat: no-repeat; 14324 z-index: 0 14325 } 14326 14327 @media screen and (min-width: 769px),print { 14328 .blu-ticker.has-icon>.blu-ticker__icon[data-v-5f386d2a] { 14329 padding:12px 14330 } 14331 } 14332 14333 @media screen and (max-width: 768px) { 14334 .blu-ticker.has-icon>.blu-ticker__icon[data-v-5f386d2a] { 14335 padding:9px 14336 } 14337 } 14338 14339 .blu-ticker.has-icon.b-middle[data-v-5f386d2a] { 14340 align-items: center 14341 } 14342 14343 .blu-ticker.has-icon.b-bottom[data-v-5f386d2a] { 14344 align-items: flex-end 14345 } 14346 14347 .blu-ticker.has-icon.b-bottom[data-v-5f386d2a]:before { 14348 margin-bottom: 3px 14349 } 14350 </style> 14351 <style type="text/css"> 14352 .blu-ticker[data-v-c29289ca] { 14353 --blu-ticker-color-background: #f9f9fa; 14354 --blu-ticker-color-border: #e1e3e4; 14355 display: flex; 14356 justify-content: flex-start; 14357 align-items: flex-start; 14358 border-radius: 8px; 14359 position: relative; 14360 background-color: var(--blu-ticker-color-background); 14361 border: 1px solid var(--blu-ticker-color-border); 14362 color: rgba(25,34,42,.7019607843); 14363 padding: 8px; 14364 margin-bottom: 8px; 14365 z-index: 0 14366 } 14367 14368 .blu-ticker__msg[data-v-c29289ca] { 14369 z-index: 0; 14370 align-self: center 14371 } 14372 14373 @media screen and (min-width: 769px),print { 14374 .blu-ticker__msg[data-v-c29289ca] { 14375 font:16px/20px "blibli",-apple-system,segoe ui,roboto,helvetica,arial,sans-serif 14376 } 14377 } 14378 14379 @media screen and (max-width: 768px) { 14380 .blu-ticker__msg[data-v-c29289ca] { 14381 font:14px/18px "blibli",-apple-system,segoe ui,roboto,helvetica,arial,sans-serif 14382 } 14383 } 14384 14385 .blu-ticker__close[data-v-c29289ca] { 14386 object-fit: contain; 14387 position: relative; 14388 z-index: 0; 14389 width: 18px;
14390 height: 18px; 14391 padding: 11px 14392 } 14393 14394 .blu-ticker__close i[data-v-c29289ca] { 14395 content: ""; 14396 top: 0; 14397 right: 0; 14398 position: absolute; 14399 width: 18px; 14400 height: 18px; 14401 padding: 12px; 14402 background: rgba(0,0,0,0) url(data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PSIwIDAgMjQgMjQiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGQ9Ik0xMy43NjcyIDEyTDE3LjYzMiA4LjEzODM5QzE4LjEyMjcgNy42NDgxOSAxOC4xMjI3IDYuODU3ODYgMTcuNjMyIDYuMzY3NjVDMTcuMTQxNCA1Ljg3NzQ1IDE2LjM1MDQgNS44Nzc0NSAxNS44NTk4IDYuMzY3NjVMMTEuOTk1IDEwLjIyOTNMOC4xNDAxOCA2LjM3NzY2QzcuNjQ5NTYgNS44ODc0NSA2Ljg1ODU3IDUuODg3NDUgNi4zNjc5NiA2LjM3NzY2QzUuODc3MzUgNi44Njc4NiA1Ljg3NzM1IDcuNjU4MTkgNi4zNjc5NiA4LjE0ODRMMTAuMjIyOCAxMkw2LjM2Nzk2IDE1Ljg2MTZDNS44NzczNSAxNi4zNTE4IDUuODc3MzUgMTcuMTQyMSA2LjM2Nzk2IDE3LjYzMjNDNi44NTg1NyAxOC4xMjI2IDcuNjQ5NTYgMTguMTIyNiA4LjE0MDE4IDE3LjYzMjNMMTIuMDA1IDEzLjc3MDdMMTUuODU5OCAxNy42MjIzQzE2LjM1MDQgMTguMTEyNSAxNy4xNDE0IDE4LjExMjUgMTcuNjMyIDE3LjYyMjNDMTguMTIyNyAxNy4xMzIxIDE4LjEyMjcgMTYuMzQxOCAxNy42MzIgMTUuODUxNkwxMy43NzcyIDEySDEzLjc2NzJaIiBmaWxsPSIjNzk3Rjg1Ii8+Cjwvc3ZnPgo=) center center no-repeat #e1e3e4; 14403 background-color: rgba(25,34,42,.7019607843); 14404 -webkit-mask-image: url(data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PSIwIDAgMjQgMjQiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGQ9Ik0xMy43NjcyIDEyTDE3LjYzMiA4LjEzODM5QzE4LjEyMjcgNy42NDgxOSAxOC4xMjI3IDYuODU3ODYgMTcuNjMyIDYuMzY3NjVDMTcuMTQxNCA1Ljg3NzQ1IDE2LjM1MDQgNS44Nzc0NSAxNS44NTk4IDYuMzY3NjVMMTEuOTk1IDEwLjIyOTNMOC4xNDAxOCA2LjM3NzY2QzcuNjQ5NTYgNS44ODc0NSA2Ljg1ODU3IDUuODg3NDUgNi4zNjc5NiA2LjM3NzY2QzUuODc3MzUgNi44Njc4NiA1Ljg3NzM1IDcuNjU4MTkgNi4zNjc5NiA4LjE0ODRMMTAuMjIyOCAxMkw2LjM2Nzk2IDE1Ljg2MTZDNS44NzczNSAxNi4zNTE4IDUuODc3MzUgMTcuMTQyMSA2LjM2Nzk2IDE3LjYzMjNDNi44NTg1NyAxOC4xMjI2IDcuNjQ5NTYgMTguMTIyNiA4LjE0MDE4IDE3LjYzMjNMMTIuMDA1IDEzLjc3MDdMMTUuODU5OCAxNy42MjIzQzE2LjM1MDQgMTguMTEyNSAxNy4xNDE0IDE4LjExMjUgMTcuNjMyIDE3LjYyMjNDMTguMTIyNyAxNy4xMzIxIDE4LjEyMjcgMTYuMzQxOCAxNy42MzIgMTUuODUxNkwxMy43NzcyIDEySDEzLjc2NzJaIiBmaWxsPSIjNzk3Rjg1Ii8+Cjwvc3ZnPgo=) 14405 } 14406 14407 @media screen and (max-width: 768px) { 14408 .blu-ticker__close[data-v-c29289ca] { 14409 transform:scale(0.75) 14410 } 14411 } 14412 14413 .blu-ticker__close[data-v-c29289ca]:focus-visible { 14414 box-shadow: 0px 0px 0px 4px #000; 14415 outline: none 14416 } 14417 14418 .blu-ticker__title[data-v-c29289ca] { 14419 color: #19222a 14420 } 14421 14422 @media screen and (min-width: 769px),print { 14423 .blu-ticker__title[data-v-c29289ca] { 14424 font:16px/20px "blibli demi bold",-apple-system,segoe ui,roboto,helvetica,arial,sans-serif 14425 } 14426 } 14427 14428 @media screen and (max-width: 768px) { 14429 .blu-ticker__title[data-v-c29289ca] { 14430 font:14px/18px "blibli demi bold",-apple-system,segoe ui,roboto,helvetica,arial,sans-serif 14431 } 14432 } 14433 14434 .blu-ticker__btn[data-v-c29289ca] { 14435 margin: 8px 0 0 -14px 14436 } 14437 14438 .blu-ticker.b-info[data-v-c29289ca] { 14439 --blu-ticker-color-background: #f3f9ff; 14440 --blu-ticker-color-border: #b9deff 14441 } 14442 14443 .blu-ticker.b-info.has-icon>.blu-ticker__icon[data-v-c29289ca] { 14444 background-color: #006dea; 14445 -webkit-mask-image: url(data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PSIwIDAgMjQgMjQiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+DQo8cGF0aCBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGNsaXAtcnVsZT0iZXZlbm9kZCIgZD0iTTIgMTJDMiA2LjQ4IDYuNDggMiAxMiAyQzE3LjUyIDIgMjIgNi40OCAyMiAxMkMyMiAxNy41MiAxNy41MiAyMiAxMiAyMkM2LjQ4IDIyIDIgMTcuNTIgMiAxMlpNMTEuOTcgOC43Mzc2NEMxMi43MjY2IDguNzM3NjQgMTMuMzQgOC4xMjQ4IDEzLjM0IDcuMzY4ODJDMTMuMzQgNi42MTI4NCAxMi43MjY2IDYgMTEuOTcgNkMxMS4yMTM0IDYgMTAuNiA2LjYxMjg0IDEwLjYgNy4zNjg4MkMxMC42IDguMTI0OCAxMS4yMTM0IDguNzM3NjQgMTEuOTcgOC43Mzc2NFpNMTEuNDk5OSAxMC4xMDY0SDEyLjQ0OTlDMTIuODQ5OSAxMC4xMDY0IDEzLjE3OTkgMTAuNDM2MiAxMy4xNzk5IDEwLjgzNThWMTcuMjcwM0MxMy4xNzk5IDE3LjY2OTkgMTIuODQ5OSAxNy45OTk2IDEyLjQ0OTkgMTcuOTk5NkgxMS40OTk5QzExLjA5OTkgMTcuOTk5NiAxMC43Njk5IDE3LjY2OTkgMTAuNzY5OSAxNy4yNzAzVjEwLjgzNThDMTAuNzY5OSAxMC40MzYyIDExLjA5OTkgMTAuMTA2NCAxMS40OTk5IDEwLjEwNjRaIiBmaWxsPSIjNzk3Rjg1Ii8+DQo8L3N2Zz4NCg==); 14446 mask-image: url(data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PSIwIDAgMjQgMjQiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+DQo8cGF0aCBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGNsaXAtcnVsZT0iZXZlbm9kZCIgZD0iTTIgMTJDMiA2LjQ4IDYuNDggMiAxMiAyQzE3LjUyIDIgMjIgNi40OCAyMiAxMkMyMiAxNy41MiAxNy41MiAyMiAxMiAyMkM2LjQ4IDIyIDIgMTcuNTIgMiAxMlpNMTEuOTcgOC43Mzc2NEMxMi43MjY2IDguNzM3NjQgMTMuMzQgOC4xMjQ4IDEzLjM0IDcuMzY4ODJDMTMuMzQgNi42MTI4NCAxMi43MjY2IDYgMTEuOTcgNkMxMS4yMTM0IDYgMTAuNiA2LjYxMjg0IDEwLjYgNy4zNjg4MkMxMC42IDguMTI0OCAxMS4yMTM0IDguNzM3NjQgMTEuOTcgOC43Mzc2NFpNMTEuNDk5OSAxMC4xMDY0SDEyLjQ0OTlDMTIuODQ5OSAxMC4xMDY0IDEzLjE3OTkgMTAuNDM2MiAxMy4xNzk5IDEwLjgzNThWMTcuMjcwM0MxMy4xNzk5IDE3LjY2OTkgMTIuODQ5OSAxNy45OTk2IDEyLjQ0OTkgMTcuOTk5NkgxMS40OTk5QzExLjA5OTkgMTcuOTk5NiAxMC43Njk5IDE3LjY2OTkgMTAuNzY5OSAxNy4yNzAzVjEwLjgzNThDMTAuNzY5OSAxMC40MzYyIDExLjA5OTkgMTAuMTA2NCAxMS40OTk5IDEwLjEwNjRaIiBmaWxsPSIjNzk3Rjg1Ii8+DQo8L3N2Zz4NCg==) 14447 } 14448 14449 .blu-ticker.b-success[data-v-c29289ca] { 14450 --blu-ticker-color-background: #effcf0; 14451 --blu-ticker-color-border: #b2efb9 14452 } 14453 14454 .blu-ticker.b-success.has-icon>.blu-ticker__icon[data-v-c29289ca] { 14455 background-color: #1c832a; 14456 -webkit-mask-image: url(data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PSIwIDAgMjQgMjQiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+DQo8cGF0aCBkPSJNMTIgMkM2LjQ4IDIgMiA2LjQ4IDIgMTJDMiAxNy41MiA2LjQ4IDIyIDEyIDIyQzE3LjUyIDIyIDIyIDE3LjUyIDIyIDEyQzIyIDYuNDggMTcuNTIgMiAxMiAyWk0xNy4wNSA5LjExTDEyLjA2IDE2LjEyQzExLjg4IDE2LjM3IDExLjYgMTYuNTIgMTEuMjkgMTYuNTRIMTEuMjRDMTAuOTUgMTYuNTQgMTAuNjcgMTYuNDIgMTAuNDggMTYuMTlMNi45OSAxMi4xM0M2LjgyIDExLjkzIDYuNzMgMTEuNjcgNi43NSAxMS40MUM2Ljc3IDExLjE0IDYuODkgMTAuOSA3LjA5IDEwLjczQzcuNTEgMTAuMzcgOC4xNCAxMC40MiA4LjUgMTAuODRMMTEuMTYgMTMuOTNMMTUuNDEgNy45NkMxNS43MyA3LjUxIDE2LjM1IDcuNDEgMTYuOCA3LjczQzE3LjAyIDcuODggMTcuMTYgOC4xMSAxNy4yMSA4LjM4QzE3LjI1IDguNjQgMTcuMTkgOC45MSAxNy4wNCA5LjEyTDE3
14456LjA1IDkuMTFaIiBmaWxsPSIjNzk3Rjg1Ii8+DQo8L3N2Zz4=); 14457 mask-image: url(data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PSIwIDAgMjQgMjQiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+DQo8cGF0aCBkPSJNMTIgMkM2LjQ4IDIgMiA2LjQ4IDIgMTJDMiAxNy41MiA2LjQ4IDIyIDEyIDIyQzE3LjUyIDIyIDIyIDE3LjUyIDIyIDEyQzIyIDYuNDggMTcuNTIgMiAxMiAyWk0xNy4wNSA5LjExTDEyLjA2IDE2LjEyQzExLjg4IDE2LjM3IDExLjYgMTYuNTIgMTEuMjkgMTYuNTRIMTEuMjRDMTAuOTUgMTYuNTQgMTAuNjcgMTYuNDIgMTAuNDggMTYuMTlMNi45OSAxMi4xM0M2LjgyIDExLjkzIDYuNzMgMTEuNjcgNi43NSAxMS40MUM2Ljc3IDExLjE0IDYuODkgMTAuOSA3LjA5IDEwLjczQzcuNTEgMTAuMzcgOC4xNCAxMC40MiA4LjUgMTAuODRMMTEuMTYgMTMuOTNMMTUuNDEgNy45NkMxNS43MyA3LjUxIDE2LjM1IDcuNDEgMTYuOCA3LjczQzE3LjAyIDcuODggMTcuMTYgOC4xMSAxNy4yMSA4LjM4QzE3LjI1IDguNjQgMTcuMTkgOC45MSAxNy4wNCA5LjEyTDE3LjA1IDkuMTFaIiBmaWxsPSIjNzk3Rjg1Ii8+DQo8L3N2Zz4=) 14458 } 14459 14460 .blu-ticker.b-warning[data-v-c29289ca] { 14461 --blu-ticker-color-background: #fff8e0; 14462 --blu-ticker-color-border: #fef0b6 14463 } 14464 14465 .blu-ticker.b-warning.has-icon>.blu-ticker__icon[data-v-c29289ca] { 14466 background-color: #f1ab02; 14467 -webkit-mask-image: url(data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PSIwIDAgMjQgMjQiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+DQo8cGF0aCBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGNsaXAtcnVsZT0iZXZlbm9kZCIgZD0iTTMuODc0MzYgMjFIMjAuMTE0NEgyMC4xMjQ0QzIxLjU1MzUgMjEgMjIuNDUyOSAxOS41MDM1IDIxLjc2MzQgMTguMjg2NEwxMy42NDg0IDMuOTUwMjZDMTIuOTM4OCAyLjY4MzI1IDExLjA2OTkgMi42ODMyNSAxMC4zNjA0IDMuOTUwMjZMMi4yMzUzNyAxOC4yOTY0QzEuNTQ1OCAxOS41MTM1IDIuNDU1MjQgMjEgMy44NzQzNiAyMVpNMTAuOTkgMTMuOTM3NEwxMC43MDAyIDkuMDk4ODdWNy43NTIwNUMxMC43MDAyIDcuMzMzMDQgMTEuMDQgNi45OTM4NCAxMS40NTk3IDYuOTkzODRIMTIuNjA5QzEzLjAyODggNi45OTM4NCAxMy4zNjg2IDcuMzMzMDQgMTMuMzY4NiA3Ljc1MjA1VjkuMTA4ODRMMTMuMDg4NyAxMy45Mjc1QzEzLjA2ODcgMTQuMzI2NSAxMi43Mzg5IDE0LjYzNTggMTIuMzI5MiAxNC42MzU4SDExLjc0OTVDMTEuMzQ5OCAxNC42MzU4IDExLjAyIDE0LjMyNjUgMTAuOTkgMTMuOTI3NVYxMy45Mzc0Wk0xMS45OTk0IDE4Ljk2NTJDMTIuNzg4NyAxOC45NjUyIDEzLjQyODYgMTguMzI2NSAxMy40Mjg2IDE3LjUzODZDMTMuNDI4NiAxNi43NTA3IDEyLjc4ODcgMTYuMTEyIDExLjk5OTQgMTYuMTEyQzExLjIxMDIgMTYuMTEyIDEwLjU3MDMgMTYuNzUwNyAxMC41NzAzIDE3LjUzODZDMTAuNTcwMyAxOC4zMjY1IDExLjIxMDIgMTguOTY1MiAxMS45OTk0IDE4Ljk2NTJaIiBmaWxsPSIjNzk3Rjg1Ii8+DQo8L3N2Zz4NCg==); 14468 mask-image: url(data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PSIwIDAgMjQgMjQiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+DQo8cGF0aCBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGNsaXAtcnVsZT0iZXZlbm9kZCIgZD0iTTMuODc0MzYgMjFIMjAuMTE0NEgyMC4xMjQ0QzIxLjU1MzUgMjEgMjIuNDUyOSAxOS41MDM1IDIxLjc2MzQgMTguMjg2NEwxMy42NDg0IDMuOTUwMjZDMTIuOTM4OCAyLjY4MzI1IDExLjA2OTkgMi42ODMyNSAxMC4zNjA0IDMuOTUwMjZMMi4yMzUzNyAxOC4yOTY0QzEuNTQ1OCAxOS41MTM1IDIuNDU1MjQgMjEgMy44NzQzNiAyMVpNMTAuOTkgMTMuOTM3NEwxMC43MDAyIDkuMDk4ODdWNy43NTIwNUMxMC43MDAyIDcuMzMzMDQgMTEuMDQgNi45OTM4NCAxMS40NTk3IDYuOTkzODRIMTIuNjA5QzEzLjAyODggNi45OTM4NCAxMy4zNjg2IDcuMzMzMDQgMTMuMzY4NiA3Ljc1MjA1VjkuMTA4ODRMMTMuMDg4NyAxMy45Mjc1QzEzLjA2ODcgMTQuMzI2NSAxMi43Mzg5IDE0LjYzNTggMTIuMzI5MiAxNC42MzU4SDExLjc0OTVDMTEuMzQ5OCAxNC42MzU4IDExLjAyIDE0LjMyNjUgMTAuOTkgMTMuOTI3NVYxMy45Mzc0Wk0xMS45OTk0IDE4Ljk2NTJDMTIuNzg4NyAxOC45NjUyIDEzLjQyODYgMTguMzI2NSAxMy40Mjg2IDE3LjUzODZDMTMuNDI4NiAxNi43NTA3IDEyLjc4ODcgMTYuMTEyIDExLjk5OTQgMTYuMTEyQzExLjIxMDIgMTYuMTEyIDEwLjU3MDMgMTYuNzUwNyAxMC41NzAzIDE3LjUzODZDMTAuNTcwMyAxOC4zMjY1IDExLjIxMDIgMTguOTY1MiAxMS45OTk0IDE4Ljk2NTJaIiBmaWxsPSIjNzk3Rjg1Ii8+DQo8L3N2Zz4NCg==) 14469 } 14470 14471 .blu-ticker.b-danger[data-v-c29289ca] { 14472 --blu-ticker-color-background: #fff5f5; 14473 --blu-ticker-color-border: #fecccb 14474 } 14475 14476 .blu-ticker.b-danger.has-icon>.blu-ticker__icon[data-v-c29289ca] { 14477 background-color: #d33534; 14478 -webkit-mask-image: url(data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PSIwIDAgMjQgMjQiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+DQo8cGF0aCBkPSJNMTIgMkM2LjQ4IDIgMiA2LjQ4IDIgMTJDMiAxNy41MiA2LjQ4IDIyIDEyIDIyQzE3LjUyIDIyIDIyIDE3LjUyIDIyIDEyQzIyIDYuNDggMTcuNTIgMiAxMiAyWk0xNi4yNCAxNC44M0MxNi42MyAxNS4yMiAxNi42MyAxNS44NSAxNi4yNCAxNi4yNEMxNS44NSAxNi42MyAxNS4yMiAxNi42MyAxNC44MyAxNi4yNEwxMiAxMy40MUw5LjE3IDE2LjI0QzguNzggMTYuNjMgOC4xNSAxNi42MyA3Ljc2IDE2LjI0QzcuMzcgMTUuODUgNy4zNyAxNS4yMiA3Ljc2IDE0LjgzTDEwLjU5IDEyTDcuNzYgOS4xN0M3LjM3IDguNzggNy4zNyA4LjE1IDcuNzYgNy43NkM4LjE1IDcuMzcgOC43OCA3LjM3IDkuMTcgNy43NkwxMiAxMC41OUwxNC44MyA3Ljc2QzE1LjIyIDcuMzcgMTUuODUgNy4zNyAxNi4yNCA3Ljc2QzE2LjYzIDguMTUgMTYuNjMgOC43OCAxNi4yNCA5LjE3TDEzLjQxIDEyTDE2LjI0IDE0LjgzWiIgZmlsbD0iIzc5N0Y4NSIvPg0KPC9zdmc+); 14479 mask-image: url(data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PSIwIDAgMjQgMjQiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+DQo8cGF0aCBkPSJNMTIgMkM2LjQ4IDIgMiA2LjQ4IDIgMTJDMiAxNy41MiA2LjQ4IDIyIDEyIDIyQzE3LjUyIDIyIDIyIDE3LjUyIDIyIDEyQzIyIDYuNDggMTcuNTIgMiAxMiAyWk0xNi4yNCAxNC44M0MxNi42MyAxNS4yMiAxNi42MyAxNS44NSAxNi4yNCAxNi4yNEMxNS44NSAxNi42MyAxNS4yMiAxNi42MyAxNC44MyAxNi4yNEwxMiAxMy40MUw5LjE3IDE2LjI0QzguNzggMTYuNjMgOC4xNSAxNi42MyA3Ljc2IDE2LjI0QzcuMzcgMTUuODUgNy4zNyAxNS4yMiA3Ljc2IDE0LjgzTDEwLjU5IDEyTDcuNzYgOS4xN0M3LjM3IDguNzggNy4zNyA4LjE1IDcuNzYgNy43NkM4LjE1IDcuMzcgOC43OCA3LjM3IDkuMTcgNy43NkwxMiAxMC41OUwxNC44MyA3Ljc2QzE1LjIyIDcuMzcgMTUuODUgNy4zNyAxNi4yNCA3Ljc2QzE2LjYzIDguMTUgMTYuNjMgOC43OCAxNi4yNCA5LjE3TDEzLjQxIDEyTDE2LjI0IDE0LjgzWiIgZmlsbD0iIzc5N0Y4NSIvPg0KPC9zdmc+) 14480 } 14481 14482 .blu-ticker.has-icon>.blu-ticker__icon[data-v-c29289ca] { 14483 margin-right: 8px; 14484 background-position: center center; 14485 background-size: contain; 14486 background-repeat: no-repeat; 14487 z-index: 0 14488 } 14489 14490 @media screen and (min-width: 769px),print { 14491 .blu-ticker.has-icon>.blu-ticker__icon[data-v-c29289ca] { 14492 padding:12px 14493 } 14494 } 14495 14496 @media screen and (max-width: 768px) { 14497 .blu-ticker.has-icon>.blu-ticker__icon[data-v-c29289ca] { 14498 padding:9px 14499 } 14500 } 14501 14502 .blu-ticker.has-icon.b-middle[data-v-c29289ca] { 14503 align-items: center 14504 } 14505 14506 .blu-ticker.has-icon.b-bottom[data-v-c29289ca] { 14507 align-items: flex-end 14508 } 14509 14510 .blu-ticker.has-icon.b-bottom[data-v-c29289ca]:before { 14511 margin-bottom: 3px 14512 } 14513 </style> 14514 <style type="text/css"> 14515 .blu-ripple[data-v-589e2bdd] { 14516 width: 100%; 14517 height: 100%; 14518 position: relative; 14519 overflow: hidden; 14520 display: flex; 14521 justify-content: center; 14522 align-items: center; 14523 -webkit-box-pack: center; 14524 -webkit-box-align: center; 14525 -webkit-mask-image: radial-gradient(circle, #ffffff 100%, #000000 100%); 14526 padding: 0 12px 14527 } 14528 14529 .blu-ripple-wave[data-v-589e2bdd] { 14530 position: absolute; 14531 z-index: 1; 14532 pointer-events: none; 14533 background: currentColor; 14534 border-radius: 50%; 14535 opacity: 0; 14536 transform: scale(2) translateZ(0) 14537 } 14538 14539 .blu-ripple-wave.b-centered[data-v-589e2bdd] { 14540 animation-duration: 1.2s; 14541 top: 50%; 14542 left: 50% 14543 } 14544 14545 .blu-ripple-wave~*[data-v-589e2bdd]:not(.blu-ripple-wave) { 14546 position: relative; 14547 z-index: 2 14548 } 14549 14550 .blu-ripple-enter-active[data-v-589e2bdd] { 14551 transition: 2s cubic-bezier(0.25, 0.8, 0.25, 1); 14552 transition-property: opacity,transform; 14553 will-change: opacity,transform 14554 } 14555 14556 .blu-ripple-enter-active.b-centered[data-v-589e2bdd] { 14557 transition-duration: 1.2s 14558 } 14559 14560 .blu-ripple-enter[data-v-589e2bdd] { 14561 opacity: .26; 14562 transform: scale(0.26) translateZ(0) 14563 } 14564 14565 .has-left-icon .blu-ripple svg[data-v-589e2bdd] { 14566 margin-right: 8px 14567 } 14568 14569 .has-left-icon.b-small svg[data-v-589e2bdd] { 14570 transform-origin: left; 14571 margin-right: 4px 14572 } 14573 14574 .b-large .blu-ripple[data-v-589e2bdd] { 14575 padding: 0 16px 14576 } 14577 14578 .b-small .blu-ripple[data-v-589e2bdd] { 14579 padding: 0 8px 14580 } 14581 14582 .b-small svg[data-v-589e2bdd] { 14583 width: 18px;
14584 height: 18px 14585 } 14586 14587 .b-icon .blu-ripple[data-v-589e2bdd] { 14588 padding: 0 14589 } 14590 14591 .b-loading .blu-loader-wrapper[data-v-589e2bdd] { 14592 height: 24px; 14593 position: absolute 14594 } 14595 14596 .b-loading .blu-ripple[data-v-589e2bdd] { 14597 color: rgba(0,0,0,0) 14598 } 14599 14600 .b-loading .blu-ripple>svg[data-v-589e2bdd] { 14601 visibility: hidden 14602 } 14603 14604 .b-loading .blu-ripple .blu-ripple-wave[data-v-589e2bdd] { 14605 color: #fff 14606 } 14607 14608 .b-loading.b-white .blu-ripple-wave[data-v-589e2bdd] { 14609 color: #0072ff 14610 } 14611 14612 .b-loading.b-outline.b-secondary .blu-ripple-wave[data-v-589e2bdd] { 14613 color: #0072ff 14614 } 14615 14616 .b-loading.b-outline.b-primary .blu-ripple-wave[data-v-589e2bdd] { 14617 color: #f1ab02 14618 } 14619 14620 .b-loading.b-ghost.b-secondary .blu-ripple-wave[data-v-589e2bdd] { 14621 color: #0072ff 14622 } 14623 14624 .b-loading.b-ghost.b-primary .blu-ripple-wave[data-v-589e2bdd] { 14625 color: #f1ab02 14626 } 14627 14628 .blu-input-stepper .blu-btn .blu-ripple[data-v-589e2bdd] { 14629 padding: 0; 14630 width: 24px; 14631 height: 24px; 14632 border-radius: 50% 14633 } 14634 14635 .blu-input-stepper .blu-btn .blu-ripple svg[data-v-589e2bdd] { 14636 width: 18px; 14637 height: 18px; 14638 margin-left: 1px 14639 } 14640 14641 .blu-input-stepper .blu-btn .blu-ripple-enter-active[data-v-589e2bdd] { 14642 background: #0072ff 14643 } 14644 14645 .b-disabled[data-v-589e2bdd] { 14646 opacity: 1 14647 } 14648 14649 .blu-btn-dropdown .blu-ripple>svg+div[data-v-589e2bdd] { 14650 margin-left: 8px 14651 } 14652 14653 .blu-radio[data-v-589e2bdd] { 14654 width: auto; 14655 margin: 16px 16px 16px 0; 14656 display: inline-flex; 14657 position: relative 14658 } 14659 14660 .blu-radio[data-v-589e2bdd]:not(.b-disabled) { 14661 cursor: pointer 14662 } 14663 14664 .blu-radio:not(.b-disabled) .blu-radio-label[data-v-589e2bdd] { 14665 cursor: pointer; 14666 color: rgba(25,34,42,.7019607843) 14667 } 14668 14669 .blu-radio .blu-radio-container[data-v-589e2bdd] { 14670 width: 20px; 14671 min-width: 20px; 14672 height: 20px; 14673 position: relative; 14674 border: 1px solid rgba(0,0,0,0); 14675 border-radius: 50%; 14676 transition: .4s cubic-bezier(0.25, 0.8, 0.25, 1); 14677 border-color: #c8cbcd 14678 } 14679 14680 .blu-radio .blu-radio-container[data-v-589e2bdd]:focus { 14681 outline: none 14682 } 14683 14684 .blu-radio .blu-radio-container[data-v-589e2bdd]::before,.blu-radio .blu-radio-container[data-v-589e2bdd]::after { 14685 position: absolute; 14686 transition: .4s cubic-bezier(0.55, 0, 0.55, 0.2); 14687 content: " " 14688 } 14689 14690 .blu-radio .blu-radio-container[data-v-589e2bdd]::before { 14691 width: 48px; 14692 height: 48px; 14693 top: 50%; 14694 left: 50%; 14695 border-radius: 50%; 14696 transform: translate(-50%, -50%) 14697 } 14698 14699 .blu-radio .blu-radio-container[data-v-589e2bdd]::after { 14700 position: absolute; 14701 top: 3px; 14702 right: 3px; 14703 bottom: 3px; 14704 left: 3px; 14705 border-radius: 50%; 14706 transform: scale3D(0.38, 0.38, 1); 14707 content: " " 14708 } 14709 14710 .blu-radio .blu-radio-container input[data-v-589e2bdd] { 14711 position: absolute; 14712 left: -999em 14713 } 14714 14715 .blu-radio .blu-radio-container input:focus-visible+.focus-radio[data-v-589e2bdd] { 14716 position: absolute; 14717 padding: 12px; 14718 border: 4px solid #000; 14719 border-radius: 8px; 14720 left: -8px; 14721 bottom: -8px 14722 } 14723 14724 .blu-radio .blu-radio-label[data-v-589e2bdd] { 14725 padding-left: 8px; 14726 position: relative; 14727 font: 16px/20px "blibli",-apple-system,segoe ui,roboto,helvetica,arial,sans-serif 14728 } 14729 14730 .blu-radio.b-checked .blu-radio-container[data-v-589e2bdd] { 14731 border-color: #1d8fff 14732 } 14733 14734 .blu-radio.b-checked .blu-radio-container[data-v-589e2bdd]::after { 14735 transform: scale3D(1, 1, 1); 14736 transition: .4s cubic-bezier(0.25, 0.8, 0.25, 1); 14737 background-color: #1d8fff 14738 } 14739 14740 .blu-radio.b-checked .blu-radio-container[data-v-589e2bdd]:hover { 14741 background-color: #fff; 14742 box-shadow: none 14743 } 14744 14745 .blu-radio.b-required label[data-v-589e2bdd]::after { 14746 position: absolute; 14747 top: 2px; 14748 right: 0; 14749 transform: translateX(calc(100% + 2px)); 14750 content: "*"; 14751 line-height: 1em; 14752 vertical-align: top 14753 } 14754 14755 .blu-radio.b-disabled[data-v-589e2bdd] { 14756 color: rgba(25,34,42,.4) 14757 } 14758 14759 .blu-radio.b-disabled .blu-radio-container[data-v-589e2bdd] { 14760 border-color: #e1e3e4 14761 } 14762 14763 .blu-radio.b-disabled .blu-radio-container[data-v-589e2bdd]:hover { 14764 background-color: #fff; 14765 box-shadow: none 14766 } 14767 14768 .blu-radio.b-disabled.b-checked .blu-radio-container[data-v-589e2bdd] { 14769 border-color: #c8cbcd 14770 } 14771 14772 .blu-radio.b-disabled.b-checked .blu-radio-container[data-v-589e2bdd]::after { 14773 background-color: #c8cbcd 14774 } 14775 14776 .blu-radio.b-disabled.b-checked .blu-radio-container[data-v-589e2bdd]:hover { 14777 background-color: #fff; 14778 box-shadow: none 14779 } 14780 14781 .blu-radio .b-disabled[data-v-589e2bdd] {
14782 cursor: not-allowed; 14783 -webkit-user-select: none; 14784 -moz-user-select: none; 14785 -ms-user-select: none; 14786 user-select: none 14787 } 14788 14789 .blu-radio:hover:not(.b-disabled) .blu-radio-container[data-v-589e2bdd] { 14790 background-color: #f1f2f2; 14791 box-shadow: 0 0 0 2px #f1f2f2 14792 } 14793 </style> 14794 <style type="text/css"> 14795 .blu-dropdown[data-v-3e0b2b85] { 14796 position: relative 14797 } 14798 14799 .blu-dropdown__content[data-v-3e0b2b85] { 14800 width: 100%; 14801 background-color: #fff 14802 } 14803 14804 @media screen and (min-width: 769px),print { 14805 .blu-dropdown__content[data-v-3e0b2b85] { 14806 position:absolute; 14807 z-index: 3 14808 } 14809 } 14810 14811 @media screen and (max-width: 768px) { 14812 .blu-dropdown__content[data-v-3e0b2b85] { 14813 width:100%; 14814 border-radius: 16px 16px 0 0; 14815 position: fixed; 14816 bottom: -90px; 14817 left: 0; 14818 z-index: 3 14819 } 14820 } 14821 14822 .blu-dropdown__content .blu-list[data-v-3e0b2b85] { 14823 width: 100%; 14824 max-height: 0; 14825 transition: all .3s cubic-bezier(0, 0, 0.2, 1.2); 14826 margin: 0; 14827 overflow-y: overlay 14828 } 14829 14830 @media screen and (min-width: 769px),print { 14831 .blu-dropdown__mask[data-v-3e0b2b85] { 14832 display:none 14833 } 14834 } 14835 14836 @media screen and (max-width: 768px) { 14837 .blu-dropdown__mask[data-v-3e0b2b85] { 14838 pointer-events:none; 14839 transition: opacity .3s ease; 14840 opacity: 0; 14841 width: 100%; 14842 height: 0; 14843 background: rgba(0,0,0,.6); 14844 position: fixed; 14845 bottom: 0; 14846 left: 0; 14847 z-index: 3 14848 } 14849 } 14850 14851 @media screen and (min-width: 769px),print { 14852 .blu-dropdown__close[data-v-3e0b2b85] { 14853 display:none 14854 } 14855 } 14856 14857 @media screen and (max-width: 768px) { 14858 .blu-dropdown__close[data-v-3e0b2b85] { 14859 width:24px; 14860 height: 24px; 14861 position: absolute; 14862 top: -28px; 14863 right: 20px 14864 } 14865 14866 .blu-dropdown__close i[data-v-3e0b2b85] { 14867 content: ""; 14868 position: absolute; 14869 width: 24px; 14870 height: 24px; 14871 transform: scale(1.3); 14872 background: rgba(0,0,0,0) url(data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PSIwIDAgMjQgMjQiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGQ9Ik0xMy43NjcyIDEyTDE3LjYzMiA4LjEzODM5QzE4LjEyMjcgNy42NDgxOSAxOC4xMjI3IDYuODU3ODYgMTcuNjMyIDYuMzY3NjVDMTcuMTQxNCA1Ljg3NzQ1IDE2LjM1MDQgNS44Nzc0NSAxNS44NTk4IDYuMzY3NjVMMTEuOTk1IDEwLjIyOTNMOC4xNDAxOCA2LjM3NzY2QzcuNjQ5NTYgNS44ODc0NSA2Ljg1ODU3IDUuODg3NDUgNi4zNjc5NiA2LjM3NzY2QzUuODc3MzUgNi44Njc4NiA1Ljg3NzM1IDcuNjU4MTkgNi4zNjc5NiA4LjE0ODRMMTAuMjIyOCAxMkw2LjM2Nzk2IDE1Ljg2MTZDNS44NzczNSAxNi4zNTE4IDUuODc3MzUgMTcuMTQyMSA2LjM2Nzk2IDE3LjYzMjNDNi44NTg1NyAxOC4xMjI2IDcuNjQ5NTYgMTguMTIyNiA4LjE0MDE4IDE3LjYzMjNMMTIuMDA1IDEzLjc3MDdMMTUuODU5OCAxNy42MjIzQzE2LjM1MDQgMTguMTEyNSAxNy4xNDE0IDE4LjExMjUgMTcuNjMyIDE3LjYyMjNDMTguMTIyNyAxNy4xMzIxIDE4LjEyMjcgMTYuMzQxOCAxNy42MzIgMTUuODUxNkwxMy43NzcyIDEySDEzLjc2NzJaIiBmaWxsPSIjNzk3Rjg1Ii8+Cjwvc3ZnPgo=) center center no-repeat #e1e3e4; 14873 background-color: #e1e3e4; 14874 -webkit-mask-image: url(data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PSIwIDAgMjQgMjQiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGQ9Ik0xMy43NjcyIDEyTDE3LjYzMiA4LjEzODM5QzE4LjEyMjcgNy42NDgxOSAxOC4xMjI3IDYuODU3ODYgMTcuNjMyIDYuMzY3NjVDMTcuMTQxNCA1Ljg3NzQ1IDE2LjM1MDQgNS44Nzc0NSAxNS44NTk4IDYuMzY3NjVMMTEuOTk1IDEwLjIyOTNMOC4xNDAxOCA2LjM3NzY2QzcuNjQ5NTYgNS44ODc0NSA2Ljg1ODU3IDUuODg3NDUgNi4zNjc5NiA2LjM3NzY2QzUuODc3MzUgNi44Njc4NiA1Ljg3NzM1IDcuNjU4MTkgNi4zNjc5NiA4LjE0ODRMMTAuMjIyOCAxMkw2LjM2Nzk2IDE1Ljg2MTZDNS44NzczNSAxNi4zNTE4IDUuODc3MzUgMTcuMTQyMSA2LjM2Nzk2IDE3LjYzMjNDNi44NTg1NyAxOC4xMjI2IDcuNjQ5NTYgMTguMTIyNiA4LjE0MDE4IDE3LjYzMjNMMTIuMDA1IDEzLjc3MDdMMTUuODU5OCAxNy42MjIzQzE2LjM1MDQgMTguMTEyNSAxNy4xNDE0IDE4LjExMjUgMTcuNjMyIDE3LjYyMjNDMTguMTIyNyAxNy4xMzIxIDE4LjEyMjcgMTYuMzQxOCAxNy42MzIgMTUuODUxNkwxMy43NzcyIDEySDEzLjc2NzJaIiBmaWxsPSIjNzk3Rjg1Ii8+Cjwvc3ZnPgo=) 14875 } 14876 } 14877 14878 .blu-dropdown__msg[data-v-3e0b2b85] { 14879 font: 14px/18px "blibli",-apple-system,segoe ui,roboto,helvetica,arial,sans-serif; 14880 color: rgba(25,34,42,.4); 14881 margin-top: 4px 14882 } 14883 14884 @media screen and (max-width: 768px) { 14885 .blu-dropdown.has-title .blu-dropdown__content[data-v-3e0b2b85] { 14886 padding-top:52px 14887 } 14888 } 14889 14890 .blu-dropdown.has-title .blu-dropdown__title[data-v-3e0b2b85] { 14891 display: none 14892 } 14893 14894 @media screen and (max-width: 768px) { 14895 .blu-dropdown.has-title .blu-dropdown__title[data-v-3e0b2b85] { 14896 display:block; 14897 position: absolute; 14898 top: 24px; 14899 left: 16px; 14900 font: 16px/20px "blibli demi bold",-apple-system,segoe ui,roboto,helvetica,arial,sans-serif 14901 } 14902 } 14903 14904 .blu-dropdown:not(.b-active) .blu-dropdown__content[data-v-3e0b2b85] { 14905 visibility: hidden; 14906 transition: all .3s ease-in-out 14907 } 14908 14909 @media screen and (min-width: 769px),print { 14910 .blu-dropdown.b-active .blu-dropdown__content .blu-list[data-v-3e0b2b85] { 14911 max-height:265px 14912 } 14913 } 14914 14915 @media screen and (max-width: 768px) { 14916 .blu-dropdown.b-active .blu-dropdown__content .blu-list[data-v-3e0b2b85] { 14917 max-height:55vh; 14918 padding-top: 8px; 14919 border-radius: 24px 24px 0 0; 14920 padding-bottom: calc(env(safe-area-inset-bottom) + 90px) 14921 } 14922 } 14923 14924 @media screen and (max-width: 768px) { 14925 .blu-dropdown.b-active .blu-dropdown__mask[data-v-3e0b2b85] { 14926 opacity:1; 14927 height: 100%; 14928 pointer-events: auto 14929 } 14930 } 14931 14932 .blu-dropdown.b-selection:not(.has-value) label[data-v-3e0b2b85] { 14933 top: 18px 14934 } 14935 14936 .blu-dropdown.b-selection label[data-v-3e0b2b85] { 14937 font: 16px/20px "blibli",-apple-system,segoe ui,roboto,helvetica,arial,sans-serif; 14938 color: rgba(25,34,42,.4); 14939 position: absolute; 14940 transition: all .5s 14941 } 14942 14943 .blu-dropdown.b-selection .blu-dropdown__trigger[data-v-3e0b2b85] { 14944 height: 56px; 14945 padding: 10px 36px 10px 14px; 14946 font: 16px/20px "blibli demi bold",-apple-system,segoe ui,roboto,helvetica,arial,sans-serif; 14947 color: rgba(25,34,42,.7019607843); 14948 border: #c8cbcd 1px solid; 14949 border-radius: 8px; 14950 background-color: #fff; 14951 transition: border .4s,border-color .4s; 14952 cursor: pointer; 14953 outline: none 14954 } 14955 14956 .blu-dropdown.b-selection .blu-dropdown__trigger[data-v-3e0b2b85]::before { 14957 content: ""; 14958 width: 24px; 14959 height: 24px; 14960 background: rgba(0,0,0,0) url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB2aWV3Qm94PSIwIDAgMjQgMjQiPgogIDxkZWZzPgogICAgPHBhdGgKICAgICAgICBpZD0iMTkwcjYzOHp6YSIKICAgICAgICBkPSJNMCA1LjE1NGMwLS42MzYuMjkyLTEuMjE5LjgtMS42TDUuNDExLjE5MmMuNDQ2LS4zMjUgMS4wNzItLjIyOCAxLjM5Ny4yMi4zMjUuNDQ1LjIyNyAxLjA3MS0uMjE5IDEuMzk2bC00LjYgMy4zNTQgNC41NjMgMy4wMDRjLjQ2LjMwNS41ODcuOTI1LjI4MiAxLjM4Ni0uMzA1LjQ2LS45MjYuNTg2LTEuMzg2LjI4MmwtNC42LTMuMDQ2Qy4yOTEgNi4zNzIgMCA1Ljc5IDAgNS4xNTR6IgogICAgLz4KICA8L2RlZnM+CiAgPGcgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIj4KICAgIDxnPgogICAgICA8Zz4KICAgICAgICA8cGF0aCBmaWxsPSIjRkZGIiBmaWxsLW9wYWNpdHk9Ii4wMSIgZD0iTTAgMEgyNFYyNEgweiIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTU5MiAtNzg1KSB0cmFuc2xhdGUoNTkyIDc4NSkiIC8+CiAgICAgICAgPGcgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTU5MiAtNzg1KSB0cmFuc2xhdGUoNTkyIDc4NSkgdHJhbnNsYXRlKDggNykiPgogICAgICAgICAgPG1hc2sgaWQ9InU0ZGRwYm95eGIiIGZpbGw9IiNmZmYiPjx1c2UgeGxpbms6aHJlZj0iIzE5MHI2Mzh6emEiIC8+PC9tYXNrPgogICAgICAgICAgPHVzZSBmaWxsPSIjNzk3Rjg1IiBmaWxsLXJ1bGU9Im5vbnplcm8iIHhsaW5rOmhyZWY9IiMxOTByNjM4enphIiAvPgogICAgICAgICAgPHBhdGggZmlsbD0iIzc5N0Y4NSIgZD0iTS04IC03SDE2VjE3SC04eiIgbWFzaz0idXJsKCN1NGRkcGJveXhiKSIgLz4KICAgICAgICA8L2c+CiAgICAgIDwvZz4KICAgIDwvZz4KICA8L2c+Cjwvc3ZnPgo=) center center no-repeat; 14961 transform: rotate(270deg); 14962 transition: transform .4s; 14963 position: absolute; 14964 top: 16px; 14965 right: 8px; 14966 z-index: 2 14967 } 14968 14969 .blu-dropdown.b-selection .blu-dropdown__trigger[data-v-3e0b2b85]::after { 14970 content: ""; 14971 width: 24px; 14972 height: 30px; 14973 position: absolute; 14974 top: calc(50% - 15px); 14975 right: 37px; 14976 background: #fff; 14977 background: linear-gradient(-90deg, rgb(255, 255, 255) 0%, rgba(255, 255, 255, 0) 100%) 14978 } 14979 14980 .blu-dropdown.b-selection .blu-dropdown__trigger[data-v-3e0b2b85]:hover { 14981 background-color: #f1f2f2 14982 } 14983 14984 .blu-dropdown.b-selection .blu-dropdown__trigger[data-v-3e0b2b85]:hover::after { 14985 background: #f1f1f1; 14986 background: linear-gradient(-90deg, rgb(241, 241, 241) 0%, rgba(241, 241, 241, 0) 100%) 14987 } 14988 14989 @media screen and (min-width: 769px),print { 14990 .blu-dropdown.b-selection .blu-dropdown__content[data-v-3e0b2b85] { 14991 top:56px; 14992 left: 0; 14993 margin-top: 8px; 14994 border-radius: 8px 14995 } 14996 } 14997 14998 .blu-dropdown.b-selection .blu-dropdown__value[data-v-3e0b2b85] { 14999 display: block; 15000 margin-top: 15px; 15001 opacity: 0; 15002 transition: all .5s; 15003 white-space: nowrap; 15004 font: 16px/20px "blibli",-apple-system,segoe ui,roboto,helvetica,arial,sans-serif; 15005 color: #19222a 15006 } 15007 15008 .blu-dropdown.b-selection .has-value label[data-v-3e0b2b85] { 15009 color: #0072ff; 15010 font: 12px/16px "blibli",-apple-system,segoe ui,roboto,helvetica,arial,sans-serif; 15011 font-size: 1.2rem; 15012 font-weight: normal; 15013 margin-top: 9px; 15014 line-height: 1.25; 15015 top: 0 15016 } 15017 15018 .blu-dropdown.b-selection .has-value .blu-dropdown__value[data-v-3e0b2b85] { 15019 opacity: 1 15020 } 15021 15022 .blu-dropdown.b-selection:not(.b-disabled) .blu-dropdown__trigger[data-v-3e0b2b85]:focus-visible { 15023 box-shadow: 0px 0px 0px 4px #000 15024 } 15025 15026 .blu-dropdown.b-selection.b-active .blu-dropdown__trigger[data-v-3e0b2b85] { 15027 border-color: #1d8fff; 15028 transition: border-color .4s 15029 } 15030 15031 .blu-dropdown.b-selection.b-active .blu-dropdown__trigger[data-v-3e0b2b85]::before { 15032 transform: rotate(90deg); 15033 transition: transform .4s 15034 } 15035 15036 .blu-dropdown.b-selection.b-danger .has-value label[data-v-3e0b2b85] { 15037 color: #e93c3c 15038 } 15039 15040 .blu-dropdown.b-selection.b-danger .blu-dropdown__trigger[data-v-3e0b2b85] { 15041 border-color: #ff4646 15042 } 15043 15044 .blu-dropdown.b-selection.b-danger .blu-dropdown__msg[data-v-3e0b2b85] { 15045 color: #e93c3c 15046 } 15047 15048 .blu-dropdown.b-selection.b-success .has-value label[data-v-3e0b2b85] { 15049 color: #1c832a 15050 } 15051 15052 .blu-dropdown.b-selection.b-success .blu-dropdown__trigger[data-v-3e0b2b85] { 15053 border-color: #22a334 15054 } 15055 15056 .blu-dropdown.b-selection.b-success .blu-dropdown__msg[data-v-3e0b2b85] { 15057 color: #1f912e 15058 } 15059 15060 .blu-dropdown.b-selection.b-noborder .blu-dropdown__trigger[data-v-3e0b2b85] { 15061 border: none; 15062 display: flex; 15063 align-items: center; 15064 color: #19222a 15065 } 15066 15067 .blu-dropdown.b-selection.b-noborder .blu-dropdown__trigger[data-v-3e0b2b85]:hover { 15068 background-color: #fff 15069 } 15070 15071 .blu-dropdown.b-selection.b-noborder .blu-dropdown__trigger[data-v-3e0b2b85]:hover::after { 15072 background: #fff; 15073 background: linear-gradient(-90deg, rgb(255, 255, 255) 0%, rgba(255, 255, 255, 0) 100%) 15074 } 15075 15076 .blu-dropdown.b-selection.b-noborder .blu-dropdown__value[data-v-3e0b2b85] { 15077 display: flex; 15078 align-items: center; 15079 margin-top: 0 15080 } 15081 15082 .blu-dropdown.b-contained .blu-dropdown__trigger[data-v-3e0b2b85] { 15083 background-color: #f1f2f2; 15084 border-color: #f1f2f2; 15085 transition: border-color 0s 15086 } 15087 15088 .blu-dropdown.b-contained .blu-dropdown__trigger[data-v-3e0b2b85]::after { 15089 background: #f1f1f1; 15090 background: linear-gradient(-90deg, rgb(241, 241, 241) 0%, rgba(241, 241, 241, 0) 100%) 15091 } 15092 15093 .blu-dropdown.b-contained .blu-dropdown__trigger[data-v-3e0b2b85]:hover { 15094 background-color: #e1e3e4; 15095 border-color: #e1e3e4; 15096 transition: border-color 0s 15097 } 15098 15099 .blu-dropdown.b-contained .blu-dropdown__trigger[data-v-3e0b2b85]:hover::after { 15100 background: #e0e0e0; 15101 background: linear-gradient(-90deg, rgb(224, 224, 224) 0%, rgba(224, 224, 224, 0) 100%) 15102 } 15103 15104 .blu-dropdown.b-contained.b-active .blu-dropdown__trigger[data-v-3e0b2b85] { 15105 border-color: #1d8fff; 15106 transition: border-color .4s 15107 } 15108 15109 .blu-dropdown.has-left-icon label[data-v-3e0b2b85] { 15110 left: 48px 15111 } 15112 15113 .blu-dropdown.has-left-icon .blu-dropdown__value[data-v-3e0b2b85] { 15114 padding-left: 30px 15115 } 15116 15117 .blu-dropdown.has-left-icon .blu-dropdown__icon-left[data-v-3e0b2b85] { 15118 position: absolute; 15119 top: 16px; 15120 left: 16px; 15121 margin-right: 8px; 15122 color: #797f85 15123 } 15124 15125 .blu-dropdown.has-right-icon .blu-dropdown__trigger[data-v-3e0b2b85]::before { 15126 display: none 15127 } 15128 15129 .blu-dropdown.has-right-icon .blu-dropdown__icon-right[data-v-3e0b2b85] { 15130 position: absolute; 15131 top: 16px; 15132 right: 16px; 15133 color: rgba(25,34,42,.4) 15134 } 15135 15136 .blu-dropdown.has-placeholder label[data-v-3e0b2b85] { 15137 transition: none 15138 } 15139 15140 .blu-dropdown.has-placeholder .has-value label[data-v-3e0b2b85] { 15141
15141 z-index: -1; 15142 color: inherit; 15143 font-size: inherit 15144 } 15145 15146 .blu-dropdown.has-placeholder .blu-dropdown__value[data-v-3e0b2b85] { 15147 margin-top: 4px 15148 } 15149 15150 .blu-dropdown.b-small.has-left-icon.has-placeholder label[data-v-3e0b2b85] { 15151 left: 30px 15152 } 15153 15154 .blu-dropdown.b-small.has-left-icon .blu-dropdown__value[data-v-3e0b2b85] { 15155 padding-left: 36px 15156 } 15157 15158 .blu-dropdown.b-small.has-left-icon .blu-dropdown__icon-left[data-v-3e0b2b85] { 15159 height: 24px; 15160 top: 4px; 15161 left: 5px; 15162 color: #797f85 15163 } 15164 15165 .blu-dropdown.b-small.has-left-icon .blu-dropdown__icon-left svg[data-v-3e0b2b85] { 15166 transform: scale(0.75) 15167 } 15168 15169 .blu-dropdown.b-small.has-left-icon.b-selection .blu-dropdown__value[data-v-3e0b2b85] { 15170 padding-left: 20px 15171 } 15172 15173 .blu-dropdown.b-small.has-placeholder label[data-v-3e0b2b85] { 15174 top: 7px; 15175 color: rgba(25,34,42,.4); 15176 font: 14px/18px "blibli",-apple-system,segoe ui,roboto,helvetica,arial,sans-serif 15177 } 15178 15179 .blu-dropdown.b-small .blu-dropdown__trigger[data-v-3e0b2b85] { 15180 height: 32px; 15181 padding: 4px 36px 4px 8px; 15182 border-radius: 8px 15183 } 15184 15185 .blu-dropdown.b-small .blu-dropdown__trigger[data-v-3e0b2b85]:before { 15186 top: 4px; 15187 right: 4px 15188 } 15189 15190 .blu-dropdown.b-small .blu-dropdown__trigger[data-v-3e0b2b85]::after { 15191 height: 24px; 15192 top: 2px 15193 } 15194 15195 .blu-dropdown.b-small.b-selection .blu-dropdown__value[data-v-3e0b2b85] {
15196 margin-top: 1px; 15197 font: 14px/18px "blibli",-apple-system,segoe ui,roboto,helvetica,arial,sans-serif 15198 } 15199 15200 @media screen and (min-width: 769px),print { 15201 .blu-dropdown.b-small.b-selection .blu-dropdown__content[data-v-3e0b2b85] { 15202 top:32px 15203 } 15204 } 15205 15206 .blu-dropdown.b-disabled .blu-dropdown__trigger[data-v-3e0b2b85] { 15207 cursor: not-allowed; 15208 background-color: #c8cbcd 15209 } 15210 15211 .blu-dropdown.b-disabled .blu-dropdown__trigger[data-v-3e0b2b85]::before { 15212 background: rgba(0,0,0,0) url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB2aWV3Qm94PSIwIDAgMjQgMjQiPgogIDxkZWZzPgogICAgPHBhdGgKICAgICAgICBpZD0iMTkwcjYzOHp6YSIKICAgICAgICBkPSJNMCA1LjE1NGMwLS42MzYuMjkyLTEuMjE5LjgtMS42TDUuNDExLjE5MmMuNDQ2LS4zMjUgMS4wNzItLjIyOCAxLjM5Ny4yMi4zMjUuNDQ1LjIyNyAxLjA3MS0uMjE5IDEuMzk2bC00LjYgMy4zNTQgNC41NjMgMy4wMDRjLjQ2LjMwNS41ODcuOTI1LjI4MiAxLjM4Ni0uMzA1LjQ2LS45MjYuNTg2LTEuMzg2LjI4MmwtNC42LTMuMDQ2Qy4yOTEgNi4zNzIgMCA1Ljc5IDAgNS4xNTR6IgogICAgLz4KICA8L2RlZnM+CiAgPGcgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIj4KICAgIDxnPgogICAgICA8Zz4KICAgICAgICA8cGF0aCBmaWxsPSIjRkZGIiBmaWxsLW9wYWNpdHk9Ii4wMSIgZD0iTTAgMEgyNFYyNEgweiIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTU5MiAtNzg1KSB0cmFuc2xhdGUoNTkyIDc4NSkiIC8+CiAgICAgICAgPGcgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTU5MiAtNzg1KSB0cmFuc2xhdGUoNTkyIDc4NSkgdHJhbnNsYXRlKDggNykiPgogICAgICAgICAgPG1hc2sgaWQ9InU0ZGRwYm95eGIiIGZpbGw9IiNmZmYiPjx1c2UgeGxpbms6aHJlZj0iIzE5MHI2Mzh6emEiIC8+PC9tYXNrPgogICAgICAgICAgPHVzZSBmaWxsPSIjNzk3Rjg1IiBmaWxsLXJ1bGU9Im5vbnplcm8iIHhsaW5rOmhyZWY9IiMxOTByNjM4enphIiAvPgogICAgICAgICAgPHBhdGggZmlsbD0iI0E1QTlBQyIgZD0iTS04IC03SDE2VjE3SC04eiIgbWFzaz0idXJsKCN1NGRkcGJveXhiKSIgLz4KICAgICAgICA8L2c+CiAgICAgIDwvZz4KICAgIDwvZz4KICA8L2c+Cjwvc3ZnPgo=) center center no-repeat 15213 } 15214 15215 .blu-dropdown.b-disabled .blu-dropdown__trigger[data-v-3e0b2b85]::after { 15216 content: none 15217 } 15218 15219 .blu-dropdown.b-disabled .blu-dropdown__trigger[data-v-3e0b2b85]:hover { 15220 background-color: #c8cbcd 15221 } 15222 15223 .blu-dropdown.b-disabled .blu-dropdown__value[data-v-3e0b2b85] { 15224 color: rgba(25,34,42,.4) 15225 } 15226 15227 .blu-dropdown.b-disabled .has-value label[data-v-3e0b2b85] { 15228 color: rgba(25,34,42,.4) 15229 } 15230 15231 @media screen and (min-width: 769px),print { 15232 .blu-calendar .b-selection .blu-dropdown__trigger[data-v-3e0b2b85] { 15233 padding:16px 40px 16px 16px 15234 } 15235 } 15236 15237 @media screen and (max-width: 768px) { 15238 .blu-calendar .b-selection .blu-dropdown__trigger[data-v-3e0b2b85] { 15239 padding:8px 32px 8px 8px 15240 } 15241 } 15242 15243 @media screen and (min-width: 769px),print { 15244 .blu-calendar .b-selection .blu-dropdown__content[data-v-3e0b2b85] { 15245 left:var(--dropdown-content-position) 15246 } 15247 } 15248 15249 @media screen and (max-width: 768px) { 15250 .blu-calendar .b-selection .blu-dropdown__content[data-v-3e0b2b85] { 15251 left:0 15252 } 15253 } 15254 </style> 15255 <style type="text/css"> 15256 .blu-list button[data-v-1b6a2c38] { 15257 font: 16px/20px "blibli",-apple-system,segoe ui,roboto,helvetica,arial,sans-serif; 15258 width: calc(100% + 16px); 15259 text-align: left; 15260 color: #19222a 15261 } 15262 15263 .blu-list ul[data-v-1b6a2c38] { 15264 padding: 0; 15265 margin: 0 15266 } 15267 15268 .blu-list li[data-v-1b6a2c38] { 15269 min-height: 56px 15270 } 15271 15272 .blu-list ul li[data-v-1b6a2c38] { 15273 display: grid; 15274 list-style: none; 15275 margin: 0px 16px 15276 } 15277 15278 .blu-list ul[data-v-1b6a2c38]>
15278:not(.list-group):not(:first-child) { 15279 border-top: #c8cbcd 1px solid 15280 } 15281 15282 .blu-list.b-group ul .list-group:not(:last-child) li[data-v-1b6a2c38]:last-child { 15283 border-bottom: 1px solid #c8cbcd 15284 } 15285 15286 .blu-list .blu-list__text-right[data-v-1b6a2c38] { 15287 color: rgba(25,34,42,.4); 15288 float: right; 15289 padding: 0px 0 3px 19px; 15290 margin-top: -21px 15291 } 15292 15293 .blu-list .blu-list__text-desc[data-v-1b6a2c38] { 15294 color: rgba(25,34,42,.4); 15295 font: 14px/18px "blibli",-apple-system,segoe ui,roboto,helvetica,arial,sans-serif; 15296 display: flex; 15297 padding-right: 20px 15298 } 15299 15300 .blu-list li.has-multiselect:not(.b-right-checkbox) .blu-list__text-desc[data-v-1b6a2c38] { 15301 padding-left: 28px 15302 } 15303 15304 .blu-list__item[data-v-1b6a2c38] { 15305 display: block; 15306 min-height: 40px; 15307 margin: 8px 8px 8px -8px; 15308 padding: 8px; 15309 border-radius: 8px; 15310 transition: background-color .4s; 15311 color: #19222a; 15312 cursor: pointer 15313 } 15314 15315 .blu-list__item[data-v-1b6a2c38]:not(.b-disabled):hover { 15316 background-color: #f1f2f2 15317 } 15318 15319 .blu-list__item[data-v-1b6a2c38]:not(.b-disabled):focus-visible { 15320 outline: none; 15321 box-shadow: 0px 0px 0px 4px #000; 15322 background-color: #f1f2f2 15323 } 15324 15325 .blu-list__item.b-selected[data-v-1b6a2c38] { 15326 background-color: #f3f9ff 15327 } 15328 15329 .blu-list__item.b-selected.has-multiselect.b-selected[data-v-1b6a2c38] { 15330 background: none 15331 } 15332 15333 .blu-list__item.b-disabled[data-v-1b6a2c38] { 15334 cursor: not-allowed; 15335 opacity: .5 15336 } 15337 15338 .blu-list__item.b-disabled[data-v-1b6a2c38]:focus-visible { 15339 outline: none 15340 } 15341 15342 .blu-list__item.b-disabled .blu-checkbox[data-v-1b6a2c38],.blu-list__item.b-disabled .blu-radio[data-v-1b6a2c38] { 15343 pointer-events: none 15344 } 15345 15346 .blu-list__item-image[data-v-1b6a2c38] { 15347 background: #fff; 15348 display: flex; 15349 align-items: center; 15350 justify-content: center; 15351 height: 24px; 15352 width: 24px; 15353 border-radius: 50%; 15354 margin-right: 8px; 15355 float: left 15356 } 15357 15358 .blu-list__item-image img[data-v-1b6a2c38] { 15359 border-radius: 50% 15360 } 15361 15362 .blu-list__item-heading[data-v-1b6a2c38] { 15363 display: flex 15364 } 15365 15366 .blu-list .blu-checkbox[data-v-1b6a2c38] { 15367 transform: translateY(-2px) 15368 } 15369 15370 .blu-list .b-right-checkbox label[data-v-1b6a2c38] { 15371 order: 1; 15372 width: 100% 15373 } 15374 15375 .blu-list .b-right-checkbox .blu-checkbox[data-v-1b6a2c38] { 15376 order: 2; 15377 transform: translateX(7px) 15378 } 15379 15380 .blu-list__content[data-v-1b6a2c38] { 15381 display: grid; 15382 margin: 8px 8px 8px -8px; 15383 padding: 8px 10px; 15384 border-radius: 16px 15385 } 15386 15387 .blu-list .has-left-radio .blu-radio[data-v-1b6a2c38] { 15388 margin: 0 8px 0 0 15389 } 15390 15391 .blu-list .has-left-radio .blu-list__text-desc[data-v-1b6a2c38] { 15392 padding-left: 28px 15393 } 15394 15395 .blu-list .has-right-radio .blu-radio[data-v-1b6a2c38] { 15396 order: 2; 15397 margin: 0 0 0 auto 15398 } 15399 15400 .has-child>.blu-list[data-v-1b6a2c38] { 15401 background-color: #fff; 15402 overflow-y: auto; 15403 max-height: 0px; 15404 opacity: 0; 15405 transition: all .3s ease-in-out; 15406 width: calc(100% + 28px); 15407 transform: translateX(-12px); 15408 padding-left: 24px 15409 } 15410 15411 .has-child>.blu-list li[data-v-1b6a2c38]:first-child {
15412 margin-top: 1px 15413 } 15414 15415 .has-child>.blu-list__item[data-v-1b6a2c38] { 15416 position: relative; 15417 align-items: center 15418 } 15419 15420 .has-child>.blu-list__item[data-v-1b6a2c38]::after { 15421 content: ""; 15422 width: 24px; 15423 height: 24px; 15424 background: rgba(0,0,0,0) url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB2aWV3Qm94PSIwIDAgMjQgMjQiPgogIDxkZWZzPgogICAgPHBhdGgKICAgICAgICBpZD0iMTkwcjYzOHp6YSIKICAgICAgICBkPSJNMCA1LjE1NGMwLS42MzYuMjkyLTEuMjE5LjgtMS42TDUuNDExLjE5MmMuNDQ2LS4zMjUgMS4wNzItLjIyOCAxLjM5Ny4yMi4zMjUuNDQ1LjIyNyAxLjA3MS0uMjE5IDEuMzk2bC00LjYgMy4zNTQgNC41NjMgMy4wMDRjLjQ2LjMwNS41ODcuOTI1LjI4MiAxLjM4Ni0uMzA1LjQ2LS45MjYuNTg2LTEuMzg2LjI4MmwtNC42LTMuMDQ2Qy4yOTEgNi4zNzIgMCA1Ljc5IDAgNS4xNTR6IgogICAgLz4KICA8L2RlZnM+CiAgPGcgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIj4KICAgIDxnPgogICAgICA8Zz4KICAgICAgICA8cGF0aCBmaWxsPSIjRkZGIiBmaWxsLW9wYWNpdHk9Ii4wMSIgZD0iTTAgMEgyNFYyNEgweiIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTU5MiAtNzg1KSB0cmFuc2xhdGUoNTkyIDc4NSkiIC8+CiAgICAgICAgPGcgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTU5MiAtNzg1KSB0cmFuc2xhdGUoNTkyIDc4NSkgdHJhbnNsYXRlKDggNykiPgogICAgICAgICAgPG1hc2sgaWQ9InU0ZGRwYm95eGIiIGZpbGw9IiNmZmYiPjx1c2UgeGxpbms6aHJlZj0iIzE5MHI2Mzh6emEiIC8+PC9tYXNrPgogICAgICAgICAgPHVzZSBmaWxsPSIjNzk3Rjg1IiBmaWxsLXJ1bGU9Im5vbnplcm8iIHhsaW5rOmhyZWY9IiMxOTByNjM4enphIiAvPgogICAgICAgICAgPHBhdGggZmlsbD0iIzc5N0Y4NSIgZD0iTS04IC03SDE2VjE3SC04eiIgbWFzaz0idXJsKCN1NGRkcGJveXhiKSIgLz4KICAgICAgICA8L2c+CiAgICAgIDwvZz4KICAgIDwvZz4KICA8L2c+Cjwvc3ZnPgo=) center center no-repeat; 15425 transform: rotate(270deg); 15426 transition: transform .3s; 15427 display: block; 15428 position: absolute; 15429 right: 8px; 15430 top: 7px 15431 } 15432 15433 .has-child>.blu-list__item:focus-visible~.blu-list[data-v-1b6a2c38] { 15434 border-top: #c8cbcd 1px solid; 15435 max-height: 200px; 15436 opacity: 1 15437 } 15438 15439 .has-child>.blu-list__item:focus-visible~.blu-list__item[data-v-1b6a2c38]::after { 15440 transform: rotate(90deg) 15441 } 15442 15443 .has-child>.blu-list.b-overflow-y[data-v-1b6a2c38] { 15444 margin: 0 15445 } 15446 15447 .has-child .blu-list__text-desc[data-v-1b6a2c38] { 15448 padding-right: 20px 15449 } 15450 15451 .has-child:hover>.blu-list[data-v-1b6a2c38] { 15452 max-height: 200px; 15453 opacity: 1 15454 } 15455 15456 .has-child:hover>.blu-list__item[data-v-1b6a2c38]::after { 15457 transform: rotate(90deg) 15458 } 15459 15460 .has-child:hover>.blu-list[data-v-1b6a2c38]::before { 15461 content: ""; 15462 height: 1px; 15463 width: calc(100% - 28px); 15464 background: #c8cbcd; 15465 position: absolute; 15466 left: 12px 15467 } 15468 15469 .has-left-icon[data-v-1b6a2c38] { 15470 display: flex; 15471 align-items: center 15472 } 15473 15474 .has-left-icon .blu-list__item-icon[data-v-1b6a2c38],.has-left-icon .blu-list__content-icon[data-v-1b6a2c38] { 15475 display: flex; 15476 margin-right: 8px; 15477 color: #797f85 15478 } 15479 15480 .has-child-expand>.blu-list[data-v-1b6a2c38] { 15481 background-color: #fff; 15482 overflow-y: auto; 15483 max-height: 0; 15484 opacity: 0; 15485 transition: max-height .3s ease-in-out,opacity .3s ease-in-out; 15486 width: calc(100% + 28px); 15487 transform: translateX(-12px); 15488 padding-left: 24px 15489 } 15490 15491 .has-child-expand>.blu-list li[data-v-1b6a2c38]:first-child {
15492 margin-top: 1px 15493 } 15494 15495 .has-child-expand>.blu-list__item[data-v-1b6a2c38] { 15496 position: relative; 15497 align-items: center 15498 } 15499 15500 .has-child-expand>.blu-list__item[data-v-1b6a2c38]::after { 15501 content: ""; 15502 width: 24px; 15503 height: 24px; 15504 background: rgba(0,0,0,0) url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB2aWV3Qm94PSIwIDAgMjQgMjQiPgogIDxkZWZzPgogICAgPHBhdGgKICAgICAgICBpZD0iMTkwcjYzOHp6YSIKICAgICAgICBkPSJNMCA1LjE1NGMwLS42MzYuMjkyLTEuMjE5LjgtMS42TDUuNDExLjE5MmMuNDQ2LS4zMjUgMS4wNzItLjIyOCAxLjM5Ny4yMi4zMjUuNDQ1LjIyNyAxLjA3MS0uMjE5IDEuMzk2bC00LjYgMy4zNTQgNC41NjMgMy4wMDRjLjQ2LjMwNS41ODcuOTI1LjI4MiAxLjM4Ni0uMzA1LjQ2LS45MjYuNTg2LTEuMzg2LjI4MmwtNC42LTMuMDQ2Qy4yOTEgNi4zNzIgMCA1Ljc5IDAgNS4xNTR6IgogICAgLz4KICA8L2RlZnM+CiAgPGcgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIj4KICAgIDxnPgogICAgICA8Zz4KICAgICAgICA8cGF0aCBmaWxsPSIjRkZGIiBmaWxsLW9wYWNpdHk9Ii4wMSIgZD0iTTAgMEgyNFYyNEgweiIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTU5MiAtNzg1KSB0cmFuc2xhdGUoNTkyIDc4NSkiIC8+CiAgICAgICAgPGcgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTU5MiAtNzg1KSB0cmFuc2xhdGUoNTkyIDc4NSkgdHJhbnNsYXRlKDggNykiPgogICAgICAgICAgPG1hc2sgaWQ9InU0ZGRwYm95eGIiIGZpbGw9IiNmZmYiPjx1c2UgeGxpbms6aHJlZj0iIzE5MHI2Mzh6emEiIC8+PC9tYXNrPgogICAgICAgICAgPHVzZSBmaWxsPSIjNzk3Rjg1IiBmaWxsLXJ1bGU9Im5vbnplcm8iIHhsaW5rOmhyZWY9IiMxOTByNjM4enphIiAvPgogICAgICAgICAgPHBhdGggZmlsbD0iIzc5N0Y4NSIgZD0iTS04IC03SDE2VjE3SC04eiIgbWFzaz0idXJsKCN1NGRkcGJveXhiKSIgLz4KICAgICAgICA8L2c+CiAgICAgIDwvZz4KICAgIDwvZz4KICA8L2c+Cjwvc3ZnPgo=) center center no-repeat; 15505 transform: rotate(270deg); 15506 transition: transform .3s; 15507 display: block; 15508 position: absolute; 15509 right: 8px; 15510 top: 7px 15511 } 15512 15513 .has-child-expand>.blu-list__item:focus-visible~.blu-list[data-v-1b6a2c38] { 15514 border-top: #c8cbcd 1px solid; 15515 max-height: 200px; 15516 opacity: 1 15517 } 15518 15519 .has-child-expand>.blu-list__item:focus-visible~.blu-list__item[data-v-1b6a2c38]::after { 15520 transform: rotate(90deg) 15521 } 15522 15523 .has-child-expand>.blu-list.b-overflow-y[data-v-1b6a2c38] { 15524 margin: 0 15525 } 15526 15527 .has-child-expand .blu-list__text-desc[data-v-1b6a2c38] { 15528 padding-right: 20px 15529 } 15530 15531 .has-list-expand>.blu-list[data-v-1b6a2c38] { 15532 max-height: 100vh; 15533 opacity: 1 15534 } 15535 15536 .has-list-expand>.blu-list__item[data-v-1b6a2c38]::after { 15537 transform: rotate(90deg) 15538 } 15539 15540 .has-list-expand>.blu-list[data-v-1b6a2c38]::before { 15541 content: ""; 15542 height: 1px; 15543 width: calc(100% - 28px); 15544 background: #c8cbcd; 15545 position: absolute; 15546 left: 12px 15547 } 15548 </style> 15549 <style type="text/css"> 15550 .blu-checkbox[data-v-0eb6b69a] { 15551 min-width: 18px; 15552 display: flex 15553 } 15554 15555 .blu-checkbox input[type=checkbox][data-v-0eb6b69a] { 15556 display: none 15557 } 15558 15559 .blu-checkbox input[type=checkbox]+label[data-v-0eb6b69a] { 15560 color: rgba(25,34,42,.7019607843); 15561 font: 16px/20px "blibli",-apple-system,segoe ui,roboto,helvetica,arial,sans-serif; 15562 position: relative; 15563 display: flex; 15564 align-items: center; 15565 padding-left: 28px; 15566 cursor: pointer; 15567 -webkit-user-select: none; 15568 -moz-user-select: none; 15569 -ms-user-select: none; 15570 user-select: none; 15571 padding-top: 2px; 15572 padding-bottom: 2px; 15573 line-height: 20px; 15574 outline: none; 15575 transition: border-color .4s 15576 } 15577 15578 .blu-checkbox input[type=checkbox]+label[data-v-0eb6b69a]:before { 15579 content: ""; 15580 width: 18px;
15581 height: 18px; 15582 background-color: #fff; 15583 border-radius: 4px; 15584 border: #c8cbcd 1px solid; 15585 position: absolute; 15586 top: 2px; 15587 left: 3px; 15588 transition: all .4s 15589 } 15590 15591 .blu-checkbox input[type=checkbox]+label[data-v-0eb6b69a]:after { 15592 content: ""; 15593 width: 0; 15594 height: 0; 15595 position: absolute; 15596 top: 8px; 15597 left: 9px; 15598 transition: width .3s 15599 } 15600 15601 .blu-checkbox input[type=checkbox]+label[data-v-0eb6b69a]:hover::before { 15602 background-color: #f1f2f2; 15603 box-shadow: 0 0 0 2px #f1f2f2 15604 } 15605 15606 .blu-checkbox input[type=checkbox]+label[data-v-0eb6b69a]:focus-visible::before { 15607 border-color: #000 15608 } 15609 15610 .blu-checkbox input[type=checkbox]:checked+label[data-v-0eb6b69a]:before { 15611 border-color: #1d8fff; 15612 background-color: #1d8fff 15613 } 15614 15615 .blu-checkbox input[type=checkbox]:checked+label[data-v-0eb6b69a]:after { 15616 width: 10px; 15617 height: 8px; 15618 top: 7px; 15619 left: 7px; 15620 background: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTAiIGhlaWdodD0iOCIgdmlld0JveD0iMCAwIDEwIDgiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGZpbGwtcnVsZT0iZXZlbm9kZCIgY2xpcC1ydWxlPSJldmVub2RkIiBkPSJNOC4zNzc0NyAwLjI5Mjg5M0M4Ljc0ODY0IC0wLjA5NzYzMSA5LjM1MDQ0IC0wLjA5NzYzMSA5LjcyMTYyIDAuMjkyODkzQzEwLjA5MjggMC42ODM0MTcgMTAuMDkyOCAxLjMxNjU4IDkuNzIxNjIgMS43MDcxMUw0LjAxODg3IDcuNzA3MUMzLjY0NzcgOC4wOTc2MyAzLjA0NTkgOC4wOTc2MyAyLjY3NDcyIDcuNzA3MUwwLjI3ODM4MyA1LjE4NTg1Qy0wLjA5Mjc5NDIgNC43OTUzMyAtMC4wOTI3OTQyIDQuMTYyMTcgMC4yNzgzODMgMy43NzE2NEMwLjY0OTU1OSAzLjM4MTEyIDEuMjUxMzYgMy4zODExMiAxLjYyMjUzIDMuNzcxNjRMMy4zNDY4IDUuNTg1NzhMOC4zNzc0NyAwLjI5Mjg5M1oiIGZpbGw9IndoaXRlIi8+Cjwvc3ZnPgo=) no-repeat 15621 } 15622 15623 .blu-checkbox input[type=checkbox]:checked+label[data-v-0eb6b69a]:hover::before { 15624 box-shadow: 0 0 0 2px #e1f1ff 15625 } 15626 15627 .blu-checkbox input[type=checkbox]:checked+label[data-v-0eb6b69a]:focus-visible::before { 15628 border-color: #000 15629 } 15630 15631 .blu-checkbox input[type=checkbox]:disabled+label[data-v-0eb6b69a] { 15632 color: rgba(25,34,42,.4); 15633 cursor: not-allowed; 15634 pointer-events: none 15635 } 15636 15637 .blu-checkbox input[type=checkbox]:disabled+label[data-v-0eb6b69a]::before { 15638 border-color: #e1e3e4 15639 } 15640 15641 .blu-checkbox.b-partial input+label[data-v-0eb6b69a]:after { 15642 height: 0; 15643 top: 10px 15644 } 15645 15646 .blu-checkbox.has-value input:disabled+label[data-v-0eb6b69a]::before { 15647 border-color: #c8cbcd; 15648 background-color: #c8cbcd 15649 } 15650 15651 .blu-checkbox.has-value input:disabled+label[data-v-0eb6b69a]::after { 15652 width: 10px; 15653 height: 8px; 15654 top: 7px; 15655 left: 7px; 15656 background: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTAiIGhlaWdodD0iOCIgdmlld0JveD0iMCAwIDEwIDgiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGZpbGwtcnVsZT0iZXZlbm9kZCIgY2xpcC1ydWxlPSJldmVub2RkIiBkPSJNOC4zNzc0NyAwLjI5Mjg5M0M4Ljc0ODY0IC0wLjA5NzYzMSA5LjM1MDQ0IC0wLjA5NzYzMSA5LjcyMTYyIDAuMjkyODkzQzEwLjA5MjggMC42ODM0MTcgMTAuMDkyOCAxLjMxNjU4IDkuNzIxNjIgMS43MDcxMUw0LjAxODg3IDcuNzA3MUMzLjY0NzcgOC4wOTc2MyAzLjA0NTkgOC4wOTc2MyAyLjY3NDcyIDcuNzA3MUwwLjI3ODM4MyA1LjE4NTg1Qy0wLjA5Mjc5NDIgNC43OTUzMyAtMC4wOTI3OTQyIDQuMTYyMTcgMC4yNzgzODMgMy43NzE2NEMwLjY0OTU1OSAzLjM4MTEyIDEuMjUxMzYgMy4zODExMiAxLjYyMjUzIDMuNzcxNjRMMy4zNDY4IDUuNTg1NzhMOC4zNzc0NyAwLjI5Mjg5M1oiIGZpbGw9IndoaXRlIi8+Cjwvc3ZnPgo=) no-repeat 15657 } 15658 15659 .blu-checkbox.has-value input:disabled+label[data-v-0eb6b69a]:hover::before { 15660 box-shadow: none 15661 } 15662 15663 .blu-checkbox.b-partial input[data-v-0eb6b69a]:disabled,.blu-checkbox.b-partial input[type=checkbox]+label[data-v-0eb6b69a]::after { 15664 top: 10px; 15665 background: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTAiIGhlaWdodD0iMiIgdmlld0JveD0iMCAwIDEwIDIiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGZpbGwtcnVsZT0iZXZlbm9kZCIgY2xpcC1ydWxlPSJldmVub2RkIiBkPSJNMSAyQzAuNDQ3NzE1I
15665DIgMCAxLjU1MjI4IDAgMUMwIDAuNDQ3NzE1IDAuNDQ3NzE1IDAgMSAwSDlDOS41NTIyOCAwIDEwIDAuNDQ3NzE1IDEwIDFDMTAgMS41NTIyOCA5LjU1MjI4IDIgOSAySDFaIiBmaWxsPSJ3aGl0ZSIvPgo8L3N2Zz4K) no-repeat 15666 } 15667 </style> 15668 <style type="text/css"> 15669 .blu-list button[data-v-313621ef] { 15670 font: 16px/20px "blibli",-apple-system,segoe ui,roboto,helvetica,arial,sans-serif; 15671 width: calc(100% + 16px); 15672 text-align: left; 15673 color: #19222a 15674 } 15675 15676 .blu-list ul[data-v-313621ef] { 15677 padding: 0; 15678 margin: 0 15679 } 15680 15681 .blu-list li[data-v-313621ef] { 15682 min-height: 56px 15683 } 15684 15685 .blu-list ul li[data-v-313621ef] { 15686 display: grid; 15687 list-style: none; 15688 margin: 0px 16px 15689 } 15690 15691 .blu-list ul[data-v-313621ef]>:not(.list-group):not(:first-child) { 15692 border-top: #c8cbcd 1px solid 15693 } 15694 15695 .blu-list.b-group ul .list-group:not(:last-child) li[data-v-313621ef]:last-child { 15696 border-bottom: 1px solid #c8cbcd 15697 } 15698 15699 .blu-list .blu-list__text-right[data-v-313621ef] { 15700 color: rgba(25,34,42,.4); 15701 float: right; 15702 padding: 0px 0 3px 19px; 15703 margin-top: -21px 15704 } 15705 15706 .blu-list .blu-list__text-desc[data-v-313621ef] { 15707 color: rgba(25,34,42,.4); 15708 font: 14px/18px "blibli",-apple-system,segoe ui,roboto,helvetica,arial,sans-serif; 15709 display: flex; 15710 padding-right: 20px 15711 } 15712 15713 .blu-list li.has-multiselect:not(.b-right-checkbox) .blu-list__text-desc[data-v-313621ef] { 15714 padding-left: 28px 15715 } 15716 15717 .blu-list__item[data-v-313621ef] { 15718 display: block; 15719 min-height: 40px; 15720 margin: 8px 8px 8px -8px; 15721 padding: 8px; 15722 border-radius: 8px; 15723 transition: background-color .4s; 15724 color: #19222a; 15725 cursor: pointer 15726 } 15727 15728 .blu-list__item[data-v-313621ef]:not(.b-disabled):hover { 15729 background-color: #f1f2f2 15730 } 15731 15732 .blu-list__item[data-v-313621ef]:not(.b-disabled):focus-visible { 15733 outline: none; 15734 box-shadow: 0px 0px 0px 4px #000; 15735 background-color: #f1f2f2 15736 } 15737 15738 .blu-list__item.b-selected[data-v-313621ef] { 15739 background-color: #f3f9ff 15740 } 15741 15742 .blu-list__item.b-selected.has-multiselect.b-selected[data-v-313621ef] { 15743 background: none 15744 } 15745 15746 .blu-list__item.b-disabled[data-v-313621ef] { 15747 cursor: not-allowed; 15748 opacity: .5 15749 } 15750 15751 .blu-list__item.b-disabled[data-v-313621ef]:focus-visible { 15752 outline: none 15753 } 15754 15755 .blu-list__item.b-disabled .blu-checkbox[data-v-313621ef],.blu-list__item.b-disabled .blu-radio[data-v-313621ef] { 15756 pointer-events: none 15757 } 15758 15759 .blu-list__item-image[data-v-313621ef] { 15760 background: #fff; 15761 display: flex; 15762 align-items: center; 15763 justify-content: center; 15764 height: 24px; 15765 width: 24px; 15766 border-radius: 50%; 15767 margin-right: 8px; 15768 float: left 15769 } 15770 15771 .blu-list__item-image img[data-v-313621ef] { 15772 border-radius: 50% 15773 } 15774 15775 .blu-list__item-heading[data-v-313621ef] { 15776 display: flex 15777 } 15778 15779 .blu-list .blu-checkbox[data-v-313621ef] { 15780 transform: translateY(-2px) 15781 } 15782 15783 .blu-list .b-right-checkbox label[data-v-313621ef] { 15784 order: 1; 15785 width: 100% 15786 } 15787 15788 .blu-list .b-right-checkbox .blu-checkbox[data-v-313621ef] { 15789 order: 2; 15790 transform: translateX(7px) 15791 } 15792 15793 .blu-list__content[data-v-313621ef] { 15794 display: grid; 15795 margin: 8px 8px 8px -8px; 15796 padding: 8px 10px; 15797 border-radius: 16px 15798 } 15799 15800 .blu-list .has-left-radio .blu-radio[data-v-313621ef] { 15801 margin: 0 8px 0 0 15802 } 15803 15804 .blu-list .has-left-radio .blu-list__text-desc[data-v-313621ef] { 15805 padding-left: 28px 15806 } 15807 15808 .blu-list .has-right-radio .blu-radio[data-v-313621ef] { 15809 order: 2; 15810 margin: 0 0 0 auto 15811 } 15812 15813 .has-child>.blu-list[data-v-313621ef] { 15814 background-color: #fff; 15815 overflow-y: auto; 15816 max-height: 0px; 15817 opacity: 0; 15818 transition: all .3s ease-in-out; 15819 width: calc(100% + 28px); 15820 transform: translateX(-12px); 15821 padding-left: 24px 15822 } 15823 15824 .has-child>.blu-list li[data-v-313621ef]:first-child {
15825 margin-top: 1px 15826 } 15827 15828 .has-child>.blu-list__item[data-v-313621ef] { 15829 position: relative; 15830 align-items: center 15831 } 15832 15833 .has-child>.blu-list__item[data-v-313621ef]::after { 15834 content: ""; 15835 width: 24px; 15836 height: 24px; 15837 background: rgba(0,0,0,0) url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB2aWV3Qm94PSIwIDAgMjQgMjQiPgogIDxkZWZzPgogICAgPHBhdGgKICAgICAgICBpZD0iMTkwcjYzOHp6YSIKICAgICAgICBkPSJNMCA1LjE1NGMwLS42MzYuMjkyLTEuMjE5LjgtMS42TDUuNDExLjE5MmMuNDQ2LS4zMjUgMS4wNzItLjIyOCAxLjM5Ny4yMi4zMjUuNDQ1LjIyNyAxLjA3MS0uMjE5IDEuMzk2bC00LjYgMy4zNTQgNC41NjMgMy4wMDRjLjQ2LjMwNS41ODcuOTI1LjI4MiAxLjM4Ni0uMzA1LjQ2LS45MjYuNTg2LTEuMzg2LjI4MmwtNC42LTMuMDQ2Qy4yOTEgNi4zNzIgMCA1Ljc5IDAgNS4xNTR6IgogICAgLz4KICA8L2RlZnM+CiAgPGcgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIj4KICAgIDxnPgogICAgICA8Zz4KICAgICAgICA8cGF0aCBmaWxsPSIjRkZGIiBmaWxsLW9wYWNpdHk9Ii4wMSIgZD0iTTAgMEgyNFYyNEgweiIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTU5MiAtNzg1KSB0cmFuc2xhdGUoNTkyIDc4NSkiIC8+CiAgICAgICAgPGcgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTU5MiAtNzg1KSB0cmFuc2xhdGUoNTkyIDc4NSkgdHJhbnNsYXRlKDggNykiPgogICAgICAgICAgPG1hc2sgaWQ9InU0ZGRwYm95eGIiIGZpbGw9IiNmZmYiPjx1c2UgeGxpbms6aHJlZj0iIzE5MHI2Mzh6emEiIC8+PC9tYXNrPgogICAgICAgICAgPHVzZSBmaWxsPSIjNzk3Rjg1IiBmaWxsLXJ1bGU9Im5vbnplcm8iIHhsaW5rOmhyZWY9IiMxOTByNjM4enphIiAvPgogICAgICAgICAgPHBhdGggZmlsbD0iIzc5N0Y4NSIgZD0iTS04IC03SDE2VjE3SC04eiIgbWFzaz0idXJsKCN1NGRkcGJveXhiKSIgLz4KICAgICAgICA8L2c+CiAgICAgIDwvZz4KICAgIDwvZz4KICA8L2c+Cjwvc3ZnPgo=) center center no-repeat; 15838 transform: rotate(270deg); 15839 transition: transform .3s; 15840 display: block; 15841 position: absolute; 15842 right: 8px; 15843 top: 7px 15844 } 15845 15846 .has-child>.blu-list__item:focus-visible~.blu-list[data-v-313621ef] { 15847 border-top: #c8cbcd 1px solid; 15848 max-height: 200px; 15849 opacity: 1 15850 } 15851 15852 .has-child>.blu-list__item:focus-visible~.blu-list__item[data-v-313621ef]::after { 15853 transform: rotate(90deg) 15854 } 15855 15856 .has-child>.blu-list.b-overflow-y[data-v-313621ef] { 15857 margin: 0 15858 } 15859 15860 .has-child .blu-list__text-desc[data-v-313621ef] { 15861 padding-right: 20px 15862 } 15863 15864 .has-child:hover>.blu-list[data-v-313621ef] { 15865 max-height: 200px; 15866 opacity: 1 15867 } 15868 15869 .has-child:hover>.blu-list__item[data-v-313621ef]::after { 15870 transform: rotate(90deg) 15871 } 15872 15873 .has-child:hover>.blu-list[data-v-313621ef]::before { 15874 content: ""; 15875 height: 1px; 15876 width: calc(100% - 28px); 15877 background: #c8cbcd; 15878 position: absolute; 15879 left: 12px 15880 } 15881 15882 .has-left-icon[data-v-313621ef] { 15883 display: flex; 15884 align-items: center 15885 } 15886 15887 .has-left-icon .blu-list__item-icon[data-v-313621ef],.has-left-icon .blu-list__content-icon[data-v-313621ef] { 15888 display: flex; 15889 margin-right: 8px; 15890 color: #797f85 15891 } 15892 15893 .has-child-expand>.blu-list[data-v-313621ef] { 15894 background-color: #fff; 15895 overflow-y: auto; 15896 max-height: 0; 15897 opacity: 0; 15898 transition: max-height .3s ease-in-out,opacity .3s ease-in-out; 15899 width: calc(100% + 28px); 15900 transform: translateX(-12px); 15901 padding-left: 24px 15902 } 15903 15904 .has-child-expand>.blu-list li[data-v-313621ef]:first-child {
15905 margin-top: 1px 15906 } 15907 15908 .has-child-expand>.blu-list__item[data-v-313621ef] { 15909 position: relative; 15910 align-items: center 15911 } 15912 15913 .has-child-expand>.blu-list__item[data-v-313621ef]::after { 15914 content: ""; 15915 width: 24px; 15916 height: 24px; 15917 background: rgba(0,0,0,0) url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB2aWV3Qm94PSIwIDAgMjQgMjQiPgogIDxkZWZzPgogICAgPHBhdGgKICAgICAgICBpZD0iMTkwcjYzOHp6YSIKICAgICAgICBkPSJNMCA1LjE1NGMwLS42MzYuMjkyLTEuMjE5LjgtMS42TDUuNDExLjE5MmMuNDQ2LS4zMjUgMS4wNzItLjIyOCAxLjM5Ny4yMi4zMjUuNDQ1LjIyNyAxLjA3MS0uMjE5IDEuMzk2bC00LjYgMy4zNTQgNC41NjMgMy4wMDRjLjQ2LjMwNS41ODcuOTI1LjI4MiAxLjM4Ni0uMzA1LjQ2LS45MjYuNTg2LTEuMzg2LjI4MmwtNC42LTMuMDQ2Qy4yOTEgNi4zNzIgMCA1Ljc5IDAgNS4xNTR6IgogICAgLz4KICA8L2RlZnM+CiAgPGcgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIj4KICAgIDxnPgogICAgICA8Zz4KICAgICAgICA8cGF0aCBmaWxsPSIjRkZGIiBmaWxsLW9wYWNpdHk9Ii4wMSIgZD0iTTAgMEgyNFYyNEgweiIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTU5MiAtNzg1KSB0cmFuc2xhdGUoNTkyIDc4NSkiIC8+CiAgICAgICAgPGcgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTU5MiAtNzg1KSB0cmFuc2xhdGUoNTkyIDc4NSkgdHJhbnNsYXRlKDggNykiPgogICAgICAgICAgPG1hc2sgaWQ9InU0ZGRwYm95eGIiIGZpbGw9IiNmZmYiPjx1c2UgeGxpbms6aHJlZj0iIzE5MHI2Mzh6emEiIC8+PC9tYXNrPgogICAgICAgICAgPHVzZSBmaWxsPSIjNzk3Rjg1IiBmaWxsLXJ1bGU9Im5vbnplcm8iIHhsaW5rOmhyZWY9IiMxOTByNjM4enphIiAvPgogICAgICAgICAgPHBhdGggZmlsbD0iIzc5N0Y4NSIgZD0iTS04IC03SDE2VjE3SC04eiIgbWFzaz0idXJsKCN1NGRkcGJveXhiKSIgLz4KICAgICAgICA8L2c+CiAgICAgIDwvZz4KICAgIDwvZz4KICA8L2c+Cjwvc3ZnPgo=) center center no-repeat; 15918 transform: rotate(270deg); 15919 transition: transform .3s; 15920 display: block; 15921 position: absolute; 15922 right: 8px; 15923 top: 7px 15924 } 15925 15926 .has-child-expand>.blu-list__item:focus-visible~.blu-list[data-v-313621ef] { 15927 border-top: #c8cbcd 1px solid; 15928 max-height: 200px; 15929 opacity: 1 15930 } 15931 15932 .has-child-expand>.blu-list__item:focus-visible~.blu-list__item[data-v-313621ef]::after { 15933 transform: rotate(90deg) 15934 } 15935 15936 .has-child-expand>.blu-list.b-overflow-y[data-v-313621ef] { 15937 margin: 0 15938 } 15939 15940 .has-child-expand .blu-list__text-desc[data-v-313621ef] { 15941 padding-right: 20px 15942 } 15943 15944 .has-list-expand>.blu-list[data-v-313621ef] { 15945 max-height: 100vh; 15946 opacity: 1 15947 } 15948 15949 .has-list-expand>.blu-list__item[data-v-313621ef]::after { 15950 transform: rotate(90deg) 15951 } 15952 15953 .has-list-expand>.blu-list[data-v-313621ef]::before { 15954 content: ""; 15955 height: 1px; 15956 width: calc(100% - 28px); 15957 background: #c8cbcd; 15958 position: absolute; 15959 left: 12px 15960 } 15961 </style> 15962 <style type="text/css"> 15963 .blu-list button[data-v-eb2a42e4] { 15964 font: 16px/20px "blibli",-apple-system,segoe ui,roboto,helvetica,arial,sans-serif; 15965 width: calc(100% + 16px); 15966 text-align: left; 15967 color: #19222a 15968 } 15969 15970 .blu-list ul[data-v-eb2a42e4] { 15971 padding: 0; 15972 margin: 0 15973 } 15974 15975 .blu-list li[data-v-eb2a42e4] { 15976 min-height: 56px 15977 } 15978 15979 .blu-list ul li[data-v-eb2a42e4] { 15980 display: grid; 15981 list-style: none; 15982 margin: 0px 16px 15983 } 15984 15985 .blu-list ul[data-v-eb2a42e4]>:not(.list-group):not(:first-child) { 15986 border-top: #c8cbcd 1px solid 15987 } 15988 15989 .blu-list.b-group ul .list-group:not(:last-child) li[data-v-eb2a42e4]:last-child { 15990 border-bottom: 1px solid #c8cbcd 15991 } 15992 15993 .blu-list .blu-list__text-right[data-v-eb2a42e4] { 15994 color: rgba(25,34,42,.4); 15995 float: right; 15996 padding: 0px 0 3px 19px; 15997 margin-top: -21px 15998 } 15999 16000 .blu-list .blu-list__text-desc[data-v-eb2a42e4] { 16001 color: rgba(25,34,42,.4); 16002 font: 14px/18px "blibli",-apple-system,segoe ui,roboto,helvetica,arial,sans-serif; 16003 display: flex; 16004 padding-right: 20px 16005 } 16006 16007 .blu-list li.has-multiselect:not(.b-right-checkbox) .blu-list__text-desc[data-v-eb2a42e4] { 16008 padding-left: 28px 16009 } 16010 16011 .blu-list__item[data-v-eb2a42e4] { 16012 display: block; 16013 min-height: 40px; 16014 margin: 8px 8px 8px -8px; 16015 padding: 8px; 16016 border-radius: 8px; 16017 transition: background-color .4s; 16018 color: #19222a; 16019 cursor: pointer 16020 } 16021 16022 .blu-list__item[data-v-eb2a42e4]:not(.b-disabled):hover { 16023 background-color: #f1f2f2 16024 } 16025 16026 .blu-list__item[data-v-eb2a42e4]:not(.b-disabled):focus-visible { 16027 outline: none; 16028 box-shadow: 0px 0px 0px 4px #000; 16029 background-color: #f1f2f2 16030 } 16031 16032 .blu-list__item.b-selected[data-v-eb2a42e4] { 16033 background-color: #f3f9ff 16034 } 16035 16036 .blu-list__item.b-selected.has-multiselect.b-selected[data-v-eb2a42e4] { 16037 background: none 16038 } 16039 16040 .blu-list__item.b-disabled[data-v-eb2a42e4] {
16041 cursor: not-allowed; 16042 opacity: .5 16043 } 16044 16045 .blu-list__item.b-disabled[data-v-eb2a42e4]:focus-visible { 16046 outline: none 16047 } 16048 16049 .blu-list__item.b-disabled .blu-checkbox[data-v-eb2a42e4],.blu-list__item.b-disabled .blu-radio[data-v-eb2a42e4] { 16050 pointer-events: none 16051 } 16052 16053 .blu-list__item-image[data-v-eb2a42e4] { 16054 background: #fff; 16055 display: flex; 16056 align-items: center; 16057 justify-content: center; 16058 height: 24px; 16059 width: 24px; 16060 border-radius: 50%; 16061 margin-right: 8px; 16062 float: left 16063 } 16064 16065 .blu-list__item-image img[data-v-eb2a42e4] { 16066 border-radius: 50% 16067 } 16068 16069 .blu-list__item-heading[data-v-eb2a42e4] { 16070 display: flex 16071 } 16072 16073 .blu-list .blu-checkbox[data-v-eb2a42e4] { 16074 transform: translateY(-2px) 16075 } 16076 16077 .blu-list .b-right-checkbox label[data-v-eb2a42e4] { 16078 order: 1; 16079 width: 100% 16080 } 16081 16082 .blu-list .b-right-checkbox .blu-checkbox[data-v-eb2a42e4] { 16083 order: 2; 16084 transform: translateX(7px) 16085 } 16086 16087 .blu-list__content[data-v-eb2a42e4] { 16088 display: grid; 16089 margin: 8px 8px 8px -8px; 16090 padding: 8px 10px; 16091 border-radius: 16px 16092 } 16093 16094 .blu-list .has-left-radio .blu-radio[data-v-eb2a42e4] { 16095 margin: 0 8px 0 0 16096 } 16097 16098 .blu-list .has-left-radio .blu-list__text-desc[data-v-eb2a42e4] { 16099 padding-left: 28px 16100 } 16101 16102 .blu-list .has-right-radio .blu-radio[data-v-eb2a42e4] { 16103 order: 2; 16104 margin: 0 0 0 auto 16105 } 16106 16107 .has-child>.blu-list[data-v-eb2a42e4] { 16108 background-color: #fff; 16109 overflow-y: auto; 16110 max-height: 0px; 16111 opacity: 0; 16112 transition: all .3s ease-in-out; 16113 width: calc(100% + 28px); 16114 transform: translateX(-12px); 16115 padding-left: 24px 16116 } 16117 16118 .has-child>.blu-list li[data-v-eb2a42e4]:first-child {
16119 margin-top: 1px 16120 } 16121 16122 .has-child>.blu-list__item[data-v-eb2a42e4] { 16123 position: relative; 16124 align-items: center 16125 } 16126 16127 .has-child>.blu-list__item[data-v-eb2a42e4]::after { 16128 content: ""; 16129 width: 24px; 16130 height: 24px; 16131 background: rgba(0,0,0,0) url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB2aWV3Qm94PSIwIDAgMjQgMjQiPgogIDxkZWZzPgogICAgPHBhdGgKICAgICAgICBpZD0iMTkwcjYzOHp6YSIKICAgICAgICBkPSJNMCA1LjE1NGMwLS42MzYuMjkyLTEuMjE5LjgtMS42TDUuNDExLjE5MmMuNDQ2LS4zMjUgMS4wNzItLjIyOCAxLjM5Ny4yMi4zMjUuNDQ1LjIyNyAxLjA3MS0uMjE5IDEuMzk2bC00LjYgMy4zNTQgNC41NjMgMy4wMDRjLjQ2LjMwNS41ODcuOTI1LjI4MiAxLjM4Ni0uMzA1LjQ2LS45MjYuNTg2LTEuMzg2LjI4MmwtNC42LTMuMDQ2Qy4yOTEgNi4zNzIgMCA1Ljc5IDAgNS4xNTR6IgogICAgLz4KICA8L2RlZnM+CiAgPGcgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIj4KICAgIDxnPgogICAgICA8Zz4KICAgICAgICA8cGF0aCBmaWxsPSIjRkZGIiBmaWxsLW9wYWNpdHk9Ii4wMSIgZD0iTTAgMEgyNFYyNEgweiIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTU5MiAtNzg1KSB0cmFuc2xhdGUoNTkyIDc4NSkiIC8+CiAgICAgICAgPGcgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTU5MiAtNzg1KSB0cmFuc2xhdGUoNTkyIDc4NSkgdHJhbnNsYXRlKDggNykiPgogICAgICAgICAgPG1hc2sgaWQ9InU0ZGRwYm95eGIiIGZpbGw9IiNmZmYiPjx1c2UgeGxpbms6aHJlZj0iIzE5MHI2Mzh6emEiIC8+PC9tYXNrPgogICAgICAgICAgPHVzZSBmaWxsPSIjNzk3Rjg1IiBmaWxsLXJ1bGU9Im5vbnplcm8iIHhsaW5rOmhyZWY9IiMxOTByNjM4enphIiAvPgogICAgICAgICAgPHBhdGggZmlsbD0iIzc5N0Y4NSIgZD0iTS04IC03SDE2VjE3SC04eiIgbWFzaz0idXJsKCN1NGRkcGJveXhiKSIgLz4KICAgICAgICA8L2c+CiAgICAgIDwvZz4KICAgIDwvZz4KICA8L2c+Cjwvc3ZnPgo=) center center no-repeat; 16132 transform: rotate(270deg); 16133 transition: transform .3s; 16134 display: block; 16135 position: absolute; 16136 right: 8px; 16137 top: 7px 16138 } 16139 16140 .has-child>.blu-list__item:focus-visible~.blu-list[data-v-eb2a42e4] { 16141 border-top: #c8cbcd 1px solid; 16142 max-height: 200px; 16143 opacity: 1 16144 } 16145 16146 .has-child>.blu-list__item:focus-visible~.blu-list__item[data-v-eb2a42e4]::after { 16147 transform: rotate(90deg) 16148 } 16149 16150 .has-child>.blu-list.b-overflow-y[data-v-eb2a42e4] { 16151 margin: 0 16152 } 16153 16154 .has-child .blu-list__text-desc[data-v-eb2a42e4] { 16155 padding-right: 20px 16156 } 16157 16158 .has-child:hover>.blu-list[data-v-eb2a42e4] { 16159 max-height: 200px; 16160 opacity: 1 16161 } 16162 16163 .has-child:hover>.blu-list__item[data-v-eb2a42e4]::after { 16164 transform: rotate(90deg) 16165 } 16166 16167 .has-child:hover>.blu-list[data-v-eb2a42e4]::before { 16168 content: ""; 16169 height: 1px; 16170 width: calc(100% - 28px); 16171 background: #c8cbcd; 16172 position: absolute; 16173 left: 12px 16174 } 16175 16176 .has-left-icon[data-v-eb2a42e4] { 16177 display: flex; 16178 align-items: center 16179 } 16180 16181 .has-left-icon .blu-list__item-icon[data-v-eb2a42e4],.has-left-icon .blu-list__content-icon[data-v-eb2a42e4] { 16182 display: flex; 16183 margin-right: 8px; 16184 color: #797f85 16185 } 16186 16187 .has-child-expand>.blu-list[data-v-eb2a42e4] { 16188 background-color: #fff; 16189 overflow-y: auto; 16190 max-height: 0; 16191 opacity: 0; 16192 transition: max-height .3s ease-in-out,opacity .3s ease-in-out; 16193 width: calc(100% + 28px); 16194 transform: translateX(-12px); 16195 padding-left: 24px 16196 } 16197 16198 .has-child-expand>.blu-list li[data-v-eb2a42e4]:first-child {
16199 margin-top: 1px 16200 } 16201 16202 .has-child-expand>.blu-list__item[data-v-eb2a42e4] { 16203 position: relative; 16204 align-items: center 16205 } 16206 16207 .has-child-expand>.blu-list__item[data-v-eb2a42e4]::after { 16208 content: ""; 16209 width: 24px; 16210 height: 24px; 16211 background: rgba(0,0,0,0) url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB2aWV3Qm94PSIwIDAgMjQgMjQiPgogIDxkZWZzPgogICAgPHBhdGgKICAgICAgICBpZD0iMTkwcjYzOHp6YSIKICAgICAgICBkPSJNMCA1LjE1NGMwLS42MzYuMjkyLTEuMjE5LjgtMS42TDUuNDExLjE5MmMuNDQ2LS4zMjUgMS4wNzItLjIyOCAxLjM5Ny4yMi4zMjUuNDQ1LjIyNyAxLjA3MS0uMjE5IDEuMzk2bC00LjYgMy4zNTQgNC41NjMgMy4wMDRjLjQ2LjMwNS41ODcuOTI1LjI4MiAxLjM4Ni0uMzA1LjQ2LS45MjYuNTg2LTEuMzg2LjI4MmwtNC42LTMuMDQ2Qy4yOTEgNi4zNzIgMCA1Ljc5IDAgNS4xNTR6IgogICAgLz4KICA8L2RlZnM+CiAgPGcgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIj4KICAgIDxnPgogICAgICA8Zz4KICAgICAgICA8cGF0aCBmaWxsPSIjRkZGIiBmaWxsLW9wYWNpdHk9Ii4wMSIgZD0iTTAgMEgyNFYyNEgweiIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTU5MiAtNzg1KSB0cmFuc2xhdGUoNTkyIDc4NSkiIC8+CiAgICAgICAgPGcgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTU5MiAtNzg1KSB0cmFuc2xhdGUoNTkyIDc4NSkgdHJhbnNsYXRlKDggNykiPgogICAgICAgICAgPG1hc2sgaWQ9InU0ZGRwYm95eGIiIGZpbGw9IiNmZmYiPjx1c2UgeGxpbms6aHJlZj0iIzE5MHI2Mzh6emEiIC8+PC9tYXNrPgogICAgICAgICAgPHVzZSBmaWxsPSIjNzk3Rjg1IiBmaWxsLXJ1bGU9Im5vbnplcm8iIHhsaW5rOmhyZWY9IiMxOTByNjM4enphIiAvPgogICAgICAgICAgPHBhdGggZmlsbD0iIzc5N0Y4NSIgZD0iTS04IC03SDE2VjE3SC04eiIgbWFzaz0idXJsKCN1NGRkcGJveXhiKSIgLz4KICAgICAgICA8L2c+CiAgICAgIDwvZz4KICAgIDwvZz4KICA8L2c+Cjwvc3ZnPgo=) center center no-repeat; 16212 transform: rotate(270deg); 16213 transition: transform .3s; 16214 display: block; 16215 position: absolute; 16216 right: 8px; 16217 top: 7px 16218 } 16219 16220 .has-child-expand>.blu-list__item:focus-visible~.blu-list[data-v-eb2a42e4] { 16221 border-top: #c8cbcd 1px solid; 16222 max-height: 200px; 16223 opacity: 1 16224 } 16225 16226 .has-child-expand>.blu-list__item:focus-visible~.blu-list__item[data-v-eb2a42e4]::after { 16227 transform: rotate(90deg) 16228 } 16229 16230 .has-child-expand>.blu-list.b-overflow-y[data-v-eb2a42e4] { 16231 margin: 0 16232 } 16233 16234 .has-child-expand .blu-list__text-desc[data-v-eb2a42e4] { 16235 padding-right: 20px 16236 } 16237 16238 .has-list-expand>.blu-list[data-v-eb2a42e4] { 16239 max-height: 100vh; 16240 opacity: 1 16241 } 16242 16243 .has-list-expand>.blu-list__item[data-v-eb2a42e4]::after { 16244 transform: rotate(90deg) 16245 } 16246 16247 .has-list-expand>.blu-list[data-v-eb2a42e4]::before { 16248 content: ""; 16249 height: 1px; 16250 width: calc(100% - 28px); 16251 background: #c8cbcd; 16252 position: absolute; 16253 left: 12px 16254 } 16255 </style> 16256 <style type="text/css"> 16257 .blu-list-group__title[data-v-5e67bb7e] { 16258 display: flex; 16259 align-items: center; 16260 padding: 12px 0px; 16261 color: rgba(25,34,42,.4); 16262 font: 16px/20px "blibli",-apple-system,segoe ui,roboto,helvetica,arial,sans-serif 16263 } 16264 </style> 16265 <style> 16266 .product-status[data-v-f375d1ab] { 16267 display: flex; 16268 flex-wrap: wrap; 16269 font: 600 12px/16px Blibli,-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif; 16270 gap: 4px 16271 } 16272 </style> 16273 <style> 16274 html:not([dark]) .blu-product-badge[data-v-5f0401da] { 16275 --blu-product-badge-border: 1px solid #ffffff; 16276 --blu-product-badge-border-countdown-promo: 1px solid #e93c3c; 16277 --blu-product-badge-border-countdown-flash-sale: 1px solid #f05a00; 16278 --blu-product-badge-border-radius: 4px; 16279 --blu-product-badge-border-radius-countdown: 4px; 16280 --blu-product-badge-border-radius-countdown-icon: 4px; 16281 --blu-product-badge-font: 600 12px/16px Blibli, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif; 16282 --blu-product-badge-opacity: 1;
16283 --blu-product-badge-text-shadow: 0 0 1px #19222a; 16284 --blu-product-badge-padding: 0 4px; 16285 --blu-product-badge-padding-countdown: 0px 2px 0px 0px; 16286 --blu-product-badge-spacing: 2px; 16287 --blu-product-badge-icon-margin-countdown: 2px; 16288 --blu-product-badge-icon-height: 16px; 16289 --blu-product-badge-background-color-blue: #09acde; 16290 --blu-product-badge-background-color-light-blue: #f3f9ff; 16291 --blu-product-badge-background-color-green: #22a334; 16292 --blu-product-badge-background-color-gray: #e1e3e4; 16293 --blu-product-badge-background-color-light-gray: #f9f9fa; 16294 --blu-product-badge-background-color-dark-gray: rgba(0, 0, 0, .6); 16295 --blu-product-badge-background-color-orange: #ff7f00; 16296 --blu-product-badge-background-color-magenta: #ff0f9d; 16297 --blu-product-badge-background-color-red: #d33534; 16298 --blu-product-badge-background-color-light-red: #ff7373; 16299 --blu-product-badge-background-color-white: #ffffff; 16300 --blu-product-badge-background-color-yellow: #f1ab02; 16301 --blu-product-badge-background-color-pre-order-gray-med: #f1f2f2; 16302 --blu-product-badge-background-color-promo-blue: #f3f9ff; 16303 --blu-product-badge-background-color-promo-green: #effcf0; 16304 --blu-product-badge-background-color-promo-gray: #f1f2f2; 16305 --blu-product-badge-background-color-countdown-promo-red: #e93c3c; 16306 --blu-product-badge-background-color-countdown-flash-sale-orange: #f05a00; 16307 --blu-product-badge-color-countdown-flash-sale-orange-icon: #f05a00; 16308 --blu-product-badge-color-blue: #006dea; 16309 --blu-product-badge-color-light-gray: rgba(25, 34, 42, .4); 16310 --blu-product-badge-text-color-pre-oder-gray-med: rgba(25, 34, 42, .7019607843); 16311 --blu-product-badge-color-gray: rgba(25, 34, 42, .7019607843); 16312 --blu-product-badge-color-white: #ffffff; 16313 --blu-product-badge-color-promo-blue: #006dea; 16314 --blu-product-badge-color-promo-green: #1c832a; 16315 --blu-product-badge-color-promo-gray: rgba(25, 34, 42, .7019607843); 16316 --blu-product-badge-color-promo-orange: #ff7f00; 16317 --blu-product-badge-color-promo-red: #d33534; 16318 --blu-product-badge-color-flashsale-gray: rgba(25, 34, 42, .7019607843); 16319 --blu-product-badge-color-flashsale-orange: #f05a00; 16320 --blu-product-badge-color-flashsale-red: #d33534; 16321 --blu-product-badge-color-countdown-promo-red: #d33534; 16322 --blu-product-badge-pseudo-element-border-promo-blue: 100%; 16323 --blu-product-badge-pseudo-element-height-promo-blue: 7.5px; 16324 --blu-product-badge-pseudo-element-position-bottom-promo-blue: 50%; 16325 --blu-product-badge-pseudo-element-position-left-promo-blue: -3px; 16326 --blu-product-badge-pseudo-element-position-right-promo-blue: -3px; 16327 --blu-product-badge-pseudo-element-width-promo-blue: 6px; 16328 display: inline-flex; 16329 align-items: flex-start; 16330 font: var(--blu-product-badge-font); 16331 width: fit-content; 16332 border-radius: var(--blu-product-badge-border-radius); 16333 padding: var(--blu-product-badge-padding); 16334 opacity: var(--blu-product-badge-opacity) 16335 } 16336 16337 html:not([dark]) .blu-product-badge[data-v-5f0401da]>:not(:last-child) { 16338 margin-right: var(--blu-product-badge-spacing) 16339 } 16340 16341 html:not([dark]) .blu-product-badge.b-ads[data-v-5f0401da] { 16342 background-color: transparent; 16343 color: var(--blu-product-badge-color-white); 16344 border: none; 16345 text-shadow: var(--blu-product-badge-text-shadow); 16346 --blu-product-badge-opacity: .47; 16347 --blu-product-badge-font: 500 12px/16px Blibli, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif 16348 } 16349 16350 html:not([dark]) .blu-product-badge.b-best-seller[data-v-5f0401da] { 16351 background-color: var(--blu-product-badge-background-color-yellow); 16352 color: var(--blu-product-badge-color-white); 16353 border: var(--blu-product-badge-border) 16354 } 16355 16356 html:not([dark]) .blu-product-badge.b-blibli-choice[data-v-5f0401da] { 16357 background-color: var(--blu-product-badge-background-color-blue); 16358 color: var(--blu-product-badge-color-white); 16359 border: var(--blu-product-badge-border) 16360 } 16361 16362 html:not([dark]) .blu-product-badge.b-coming-soon[data-v-5f0401da] { 16363 background-color: var(--blu-product-badge-background-color-magenta); 16364 color: var(--blu-product-badge-color-white); 16365 border: var(--blu-product-badge-border) 16366 } 16367 16368 html:not([dark]) .blu-product-badge.b-discount[data-v-5f0401da] { 16369 background-color: var(--blu-product-badge-background-color-red); 16370 color: var(--blu-product-badge-color-white); 16371 border: var(--blu-product-badge-border) 16372 } 16373 16374 html:not([dark]) .blu-product-badge.b-exclusive[data-v-5f0401da] { 16375 background-color: var(--blu-product-badge-background-color-dark-gray); 16376 color: var(--blu-product-badge-color-white); 16377 border: var(--blu-product-badge-border) 16378 } 16379 16380 html:not([dark]) .blu-product-badge.b-fresh-product[data-v-5f0401da] { 16381 background-color: var(--blu-product-badge-background-color-light-blue); 16382 color: var(--blu-product-badge-color-blue); 16383 border: var(--blu-product-badge-border) 16384 } 16385 16386 html:not([dark]) .blu-product-badge.b-newest[data-v-5f0401da] { 16387 background-color: var(--blu-product-badge-background-color-green); 16388 color: var(--blu-product-badge-color-white); 16389 border: var(--blu-product-badge-border) 16390 } 16391 16392 html:not([dark]) .blu-product-badge.b-currently-closed[data-v-5f0401da] { 16393 background-color: var(--blu-product-badge-background-color-light-gray); 16394 color: var(--blu-product-badge-color-light-gray); 16395 border: var(--blu-product-badge-border) 16396 } 16397
16398 html:not([dark]) .blu-product-badge.b-out-of-stock[data-v-5f0401da] { 16399 background-color: var(--blu-product-badge-background-color-gray); 16400 color: var(--blu-product-badge-color-gray); 16401 border: var(--blu-product-badge-border) 16402 } 16403 16404 html:not([dark]) .blu-product-badge.b-product-left[data-v-5f0401da] { 16405 background-color: var(--blu-product-badge-background-color-light-red); 16406 color: var(--blu-product-badge-color-white); 16407 border: var(--blu-product-badge-border) 16408 } 16409 16410 html:not([dark]) .blu-product-badge.b-top-product[data-v-5f0401da] { 16411 background-color: var(--blu-product-badge-background-color-orange); 16412 color: var(--blu-product-badge-color-white); 16413 border: var(--blu-product-badge-border) 16414 } 16415 16416 html:not([dark]) .blu-product-badge.b-pre-order[data-v-5f0401da] { 16417 background-color: var(--blu-product-badge-background-color-pre-order-gray-med); 16418 color: var(--blu-product-badge-text-color-pre-oder-gray-med); 16419 border: var(--blu-product-badge-border) 16420 } 16421 16422 html:not([dark]) .blu-product-badge.b-blue[data-v-5f0401da] { 16423 background-color: var(--blu-product-badge-background-color-promo-blue); 16424 color: var(--blu-product-badge-color-promo-blue); 16425 border: none; 16426 position: relative; 16427 overflow: hidden; 16428 --blu-product-badge-padding: 0 6px 16429 } 16430 16431 html:not([dark]) .blu-product-badge.b-blue[data-v-5f0401da]:after { 16432 content: ""; 16433 position: absolute; 16434 bottom: var(--blu-product-badge-pseudo-element-position-bottom-promo-blue); 16435 transform: translateY(50%); 16436 left: var(--blu-product-badge-pseudo-element-position-left-promo-blue); 16437 width: var(--blu-product-badge-pseudo-element-width-promo-blue); 16438 height: var(--blu-product-badge-pseudo-element-height-promo-blue); 16439 border-radius: var(--blu-product-badge-pseudo-element-border-promo-blue); 16440 background-color: var(--blu-product-badge-background-color-white) 16441 } 16442 16443 html:not([dark]) .blu-product-badge.b-blue[data-v-5f0401da]:before { 16444 content: ""; 16445 position: absolute; 16446 bottom: var(--blu-product-badge-pseudo-element-position-bottom-promo-blue); 16447 transform: translateY(50%); 16448 right: var(--blu-product-badge-pseudo-element-position-right-promo-blue); 16449 width: var(--blu-product-badge-pseudo-element-width-promo-blue); 16450 height: var(--blu-product-badge-pseudo-element-height-promo-blue); 16451 border-radius: var(--blu-product-badge-pseudo-element-border-promo-blue); 16452 background-color: var(--blu-product-badge-background-color-white) 16453 } 16454 16455 html:not([dark]) .blu-product-badge.b-green[data-v-5f0401da] { 16456 background-color: var(--blu-product-badge-background-color-promo-green); 16457 color: var(--blu-product-badge-color-promo-green); 16458 border: none 16459 } 16460 16461 html:not([dark]) .blu-product-badge.b-gray[data-v-5f0401da] { 16462 background-color: var(--blu-product-badge-background-color-promo-gray); 16463 color: var(--blu-product-badge-color-promo-gray); 16464 border: none 16465 } 16466 16467 html:not([dark]) .blu-product-badge.b-orange[data-v-5f0401da] { 16468 background-color: none; 16469 color: var(--blu-product-badge-color-promo-orange); 16470 border: none; 16471 --blu-product-badge-padding: 0 16472 } 16473 16474 html:not([dark]) .blu-product-badge.b-light-blue[data-v-5f0401da] { 16475 background-color: var(--blu-product-badge-background-color-promo-light-blue); 16476 color: var(--blu-product-badge-color-promo-light-blue); 16477 border: none 16478 } 16479 16480 html:not([dark]) .blu-product-badge.b-red[data-v-5f0401da] { 16481 background-color: none; 16482 color: var(--blu-product-badge-color-promo-red); 16483 border: none; 16484 --blu-product-badge-padding: 0 16485 } 16486 16487 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] { 16488 --blu-product-badge-padding: 0 16489 } 16490 16491 html:not([dark]) .blu-product-badge.b-cheapest[data-v-5f0401da] { 16492 background-color: none; 16493 color: var(--blu-product-badge-color-flashsale-red); 16494 border: none 16495 } 16496 16497 html:not([dark]) .blu-product-badge.b-best-selling[data-v-5f0401da] { 16498 background-color: none; 16499 color: var(--blu-product-badge-color-flashsale-orange); 16500 border: none 16501 } 16502 16503 html:not([dark]) .blu-product-badge.b-people-see[data-v-5f0401da] { 16504 background-color: none; 16505 color: var(--blu-product-badge-color-flashsale-gray); 16506 border: none 16507 } 16508 16509 html:not([dark]) .blu-product-badge.b-promo-countdown[data-v-5f0401da],html:not([dark]) .blu-product-badge.b-flash-sale[data-v-5f0401da] { 16510 --blu-product-badge-padding: var(--blu-product-badge-padding-countdown); 16511 --blu-product-badge-border-radius: var(--blu-product-badge-border-radius-countdown); 16512 display: flex; 16513 align-items: center; 16514 justify-content: center 16515 } 16516 16517 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] { 16518 max-height: var(--blu-product-badge-icon-height); 16519 display: flex; 16520 justify-content: center; 16521 align-items: center; 16522 align-self: stretch; 16523 border-radius: var(--blu-product-badge-border-radius-countdown-icon); 16524 margin-right: var(--blu-product-badge-icon-margin-countdown) 16525 } 16526 16527 html:not([dark]) .blu-product-badge.b-promo-countdown[data-v-5f0401da] { 16528 background-color: var(--blu-product-badge-background-color-countdown-promo-red); 16529 color: var(--blu-product-badge-color-white); 16530 border: none 16531 } 16532 16533 html:not([dark]) .blu-product-badge.b-promo-countdown .blu-product-badge__icon[data-v-5f0401da] { 16534 background-color: var(--blu-product-badge-background-color-white); 16535 color: var(--blu-product-badge-color-countdown-promo-red); 16536 border: var(--blu-product-badge-border-countdown-promo) 16537 } 16538 16539 html:not([dark]) .blu-product-badge.b-flash-sale[data-v-5f0401da] { 16540 background-color: var(--blu-product-badge-background-color-countdown-flash-sale-orange); 16541 color: var(--blu-product-badge-color-white); 16542 border: none 16543 } 16544 16545 html:not([dark]) .blu-product-badge.b-flash-sale .blu-product-badge__icon[data-v-5f0401da] { 16546 background-color: var(--blu-product-badge-background-color-white); 16547 color: var(--blu-product-badge-color-countdown-flash-sale-orange-icon); 16548 border: var(--blu-product-badge-border-countdown-flash-sale) 16549 } 16550 16551 html[dark] .blu-product-badge[data-v-5f0401da] { 16552 --blu-product-badge-border: 1px solid #12171d; 16553 --blu-product-badge-border-countdown-promo: 1px solid #ff9090; 16554 --blu-product-badge-border-countdown-flash-sale: 1px solid #f05a00; 16555 --blu-product-badge-border-radius: 4px; 16556 --blu-product-badge-border-radius-countdown: 4px; 16557 --blu-product-badge-border-radius-countdown-icon: 4px; 16558 --blu-product-badge-font: 600 12px/16px Blibli, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif; 16559 --blu-product-badge-opacity: 1;
16560 --blu-product-badge-text-shadow: 0 0 1px #19222a; 16561 --blu-product-badge-padding: 0 4px; 16562 --blu-product-badge-padding-countdown: 0px 2px 0px 0px; 16563 --blu-product-badge-spacing: 2px; 16564 --blu-product-badge-icon-margin-countdown: 2px; 16565 --blu-product-badge-icon-height: 16px; 16566 --blu-product-badge-background-color-blue: #09acde; 16567 --blu-product-badge-background-color-light-blue: #002e7a; 16568 --blu-product-badge-background-color-green: #22a334; 16569 --blu-product-badge-background-color-gray: #3b444c; 16570 --blu-product-badge-background-color-light-gray: #19222a; 16571 --blu-product-badge-background-color-dark-gray: rgba(0, 0, 0, .6); 16572 --blu-product-badge-background-color-orange: #ff7f00; 16573 --blu-product-badge-background-color-magenta: #ff0f9d; 16574 --blu-product-badge-background-color-red: #d33534; 16575 --blu-product-badge-background-color-light-red: #ff7373; 16576 --blu-product-badge-background-color-white: #12171d; 16577 --blu-product-badge-background-color-yellow: #f1ab02; 16578 --blu-product-badge-background-color-pre-order-gray-med: #28323b; 16579 --blu-product-badge-background-color-promo-blue: #f3f9ff; 16580 --blu-product-badge-background-color-promo-green: #effcf0; 16581 --blu-product-badge-background-color-promo-gray: #f1f2f2; 16582 --blu-product-badge-background-color-countdown-promo-red: #ff9090; 16583 --blu-product-badge-background-color-countdown-flash-sale-orange: #f05a00; 16584 --blu-product-badge-color-countdown-flash-sale-orange-icon: #f05a00; 16585 --blu-product-badge-color-blue: #4fa4ff; 16586 --blu-product-badge-color-light-gray: rgba(255, 255, 255, .5019607843); 16587 --blu-product-badge-text-color-pre-oder-gray-med: rgba(255, 255, 255, .8); 16588 --blu-product-badge-color-gray: rgba(255, 255, 255, .8); 16589 --blu-product-badge-color-white: #12171d; 16590 --blu-product-badge-color-promo-blue: #4fa4ff; 16591 --blu-product-badge-color-promo-green: #02c82b; 16592 --blu-product-badge-color-promo-gray: rgba(255, 255, 255, .8); 16593 --blu-product-badge-color-promo-orange: #ff7f00; 16594 --blu-product-badge-color-promo-red: #ff7373; 16595 --blu-product-badge-color-flashsale-gray: rgba(255, 255, 255, .8); 16596 --blu-product-badge-color-flashsale-orange: #f05a00; 16597 --blu-product-badge-color-flashsale-red: #ff7373; 16598 --blu-product-badge-color-countdown-promo-red: #ff7373; 16599 --blu-product-badge-pseudo-element-border-promo-blue: 100%; 16600 --blu-product-badge-pseudo-element-height-promo-blue: 7.5px; 16601 --blu-product-badge-pseudo-element-position-bottom-promo-blue: 50%; 16602 --blu-product-badge-pseudo-element-position-left-promo-blue: -3px; 16603 --blu-product-badge-pseudo-element-position-right-promo-blue: -3px; 16604 --blu-product-badge-pseudo-element-width-promo-blue: 6px; 16605 display: inline-flex; 16606 align-items: flex-start; 16607 font: var(--blu-product-badge-font); 16608 width: fit-content; 16609 border-radius: var(--blu-product-badge-border-radius); 16610 padding: var(--blu-product-badge-padding); 16611 opacity: var(--blu-product-badge-opacity) 16612 } 16613 16614 html[dark] .blu-product-badge[data-v-5f0401da]>:not(:last-child) { 16615 margin-right: var(--blu-product-badge-spacing) 16616 } 16617 16618 html[dark] .blu-product-badge.b-ads[data-v-5f0401da] { 16619 background-color: transparent; 16620 color: var(--blu-product-badge-color-white); 16621 border: none; 16622 text-shadow: var(--blu-product-badge-text-shadow); 16623 --blu-product-badge-opacity: .47; 16624 --blu-product-badge-font: 500 12px/16px Blibli, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif 16625 } 16626 16627 html[dark] .blu-product-badge.b-best-seller[data-v-5f0401da] { 16628 background-color: var(--blu-product-badge-background-color-yellow); 16629 color: var(--blu-product-badge-color-white); 16630 border: var(--blu-product-badge-border) 16631 } 16632 16633 html[dark] .blu-product-badge.b-blibli-choice[data-v-5f0401da] { 16634 background-color: var(--blu-product-badge-background-color-blue); 16635 color: var(--blu-product-badge-color-white); 16636 border: var(--blu-product-badge-border) 16637 } 16638 16639 html[dark] .blu-product-badge.b-coming-soon[data-v-5f0401da] { 16640 background-color: var(--blu-product-badge-background-color-magenta); 16641 color: var(--blu-product-badge-color-white); 16642 border: var(--blu-product-badge-border) 16643 } 16644 16645 html[dark] .blu-product-badge.b-discount[data-v-5f0401da] { 16646 background-color: var(--blu-product-badge-background-color-red); 16647 color: var(--blu-product-badge-color-white); 16648 border: var(--blu-product-badge-border) 16649 } 16650 16651 html[dark] .blu-product-badge.b-exclusive[data-v-5f0401da] { 16652 background-color: var(--blu-product-badge-background-color-dark-gray); 16653 color: var(--blu-product-badge-color-white); 16654 border: var(--blu-product-badge-border) 16655 } 16656 16657 html[dark] .blu-product-badge.b-fresh-product[data-v-5f0401da] { 16658 background-color: var(--blu-product-badge-background-color-light-blue); 16659 color: var(--blu-product-badge-color-blue); 16660 border: var(--blu-product-badge-border) 16661 } 16662 16663 html[dark] .blu-product-badge.b-newest[data-v-5f0401da] { 16664 background-color: var(--blu-product-badge-background-color-green); 16665 color: var(--blu-product-badge-color-white); 16666 border: var(--blu-product-badge-border) 16667 } 16668 16669 html[dark] .blu-product-badge.b-currently-closed[data-v-5f0401da] { 16670 background-color: var(--blu-product-badge-background-color-light-gray); 16671 color: var(--blu-product-badge-color-light-gray); 16672 border: var(--blu-product-badge-border) 16673 } 16674
16675 html[dark] .blu-product-badge.b-out-of-stock[data-v-5f0401da] { 16676 background-color: var(--blu-product-badge-background-color-gray); 16677 color: var(--blu-product-badge-color-gray); 16678 border: var(--blu-product-badge-border) 16679 } 16680 16681 html[dark] .blu-product-badge.b-product-left[data-v-5f0401da] { 16682 background-color: var(--blu-product-badge-background-color-light-red); 16683 color: var(--blu-product-badge-color-white); 16684 border: var(--blu-product-badge-border) 16685 } 16686 16687 html[dark] .blu-product-badge.b-top-product[data-v-5f0401da] { 16688 background-color: var(--blu-product-badge-background-color-orange); 16689 color: var(--blu-product-badge-color-white); 16690 border: var(--blu-product-badge-border) 16691 } 16692 16693 html[dark] .blu-product-badge.b-pre-order[data-v-5f0401da] { 16694 background-color: var(--blu-product-badge-background-color-pre-order-gray-med); 16695 color: var(--blu-product-badge-text-color-pre-oder-gray-med); 16696 border: var(--blu-product-badge-border) 16697 } 16698 16699 html[dark] .blu-product-badge.b-blue[data-v-5f0401da] { 16700 background-color: var(--blu-product-badge-background-color-promo-blue); 16701 color: var(--blu-product-badge-color-promo-blue); 16702 border: none; 16703 position: relative; 16704 overflow: hidden; 16705 --blu-product-badge-padding: 0 6px 16706 } 16707 16708 html[dark] .blu-product-badge.b-blue[data-v-5f0401da]:after { 16709 content: ""; 16710 position: absolute; 16711 bottom: var(--blu-product-badge-pseudo-element-position-bottom-promo-blue); 16712 transform: translateY(50%); 16713 left: var(--blu-product-badge-pseudo-element-position-left-promo-blue); 16714 width: var(--blu-product-badge-pseudo-element-width-promo-blue); 16715 height: var(--blu-product-badge-pseudo-element-height-promo-blue); 16716 border-radius: var(--blu-product-badge-pseudo-element-border-promo-blue); 16717 background-color: var(--blu-product-badge-background-color-white) 16718 } 16719 16720 html[dark] .blu-product-badge.b-blue[data-v-5f0401da]:before { 16721 content: ""; 16722 position: absolute; 16723 bottom: var(--blu-product-badge-pseudo-element-position-bottom-promo-blue); 16724 transform: translateY(50%); 16725 right: var(--blu-product-badge-pseudo-element-position-right-promo-blue); 16726 width: var(--blu-product-badge-pseudo-element-width-promo-blue); 16727 height: var(--blu-product-badge-pseudo-element-height-promo-blue); 16728 border-radius: var(--blu-product-badge-pseudo-element-border-promo-blue); 16729 background-color: var(--blu-product-badge-background-color-white) 16730 } 16731 16732 html[dark] .blu-product-badge.b-green[data-v-5f0401da] { 16733 background-color: var(--blu-product-badge-background-color-promo-green); 16734 color: var(--blu-product-badge-color-promo-green); 16735 border: none 16736 } 16737 16738 html[dark] .blu-product-badge.b-gray[data-v-5f0401da] { 16739 background-color: var(--blu-product-badge-background-color-promo-gray); 16740 color: var(--blu-product-badge-color-promo-gray); 16741 border: none 16742 } 16743 16744 html[dark] .blu-product-badge.b-orange[data-v-5f0401da] { 16745 background-color: none; 16746 color: var(--blu-product-badge-color-promo-orange); 16747 border: none; 16748 --blu-product-badge-padding: 0 16749 } 16750 16751 html[dark] .blu-product-badge.b-light-blue[data-v-5f0401da] { 16752 background-color: var(--blu-product-badge-background-color-promo-light-blue); 16753 color: var(--blu-product-badge-color-promo-light-blue); 16754 border: none 16755 } 16756 16757 html[dark] .blu-product-badge.b-red[data-v-5f0401da] { 16758 background-color: none; 16759 color: var(--blu-product-badge-color-promo-red); 16760 border: none; 16761 --blu-product-badge-padding: 0 16762 } 16763 16764 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] { 16765 --blu-product-badge-padding: 0 16766 } 16767 16768 html[dark] .blu-product-badge.b-cheapest[data-v-5f0401da] { 16769 background-color: none; 16770 color: var(--blu-product-badge-color-flashsale-red); 16771 border: none 16772 } 16773 16774 html[dark] .blu-product-badge.b-best-selling[data-v-5f0401da] { 16775 background-color: none; 16776 color: var(--blu-product-badge-color-flashsale-orange); 16777 border: none 16778 } 16779 16780 html[dark] .blu-product-badge.b-people-see[data-v-5f0401da] { 16781 background-color: none; 16782 color: var(--blu-product-badge-color-flashsale-gray); 16783 border: none 16784 } 16785 16786 html[dark] .blu-product-badge.b-promo-countdown[data-v-5f0401da],html[dark] .blu-product-badge.b-flash-sale[data-v-5f0401da] { 16787 --blu-product-badge-padding: var(--blu-product-badge-padding-countdown); 16788 --blu-product-badge-border-radius: var(--blu-product-badge-border-radius-countdown); 16789 display: flex; 16790 align-items: center; 16791 justify-content: center 16792 } 16793 16794 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] { 16795 max-height: var(--blu-product-badge-icon-height); 16796 display: flex; 16797 justify-content: center; 16798 align-items: center; 16799 align-self: stretch; 16800 border-radius: var(--blu-product-badge-border-radius-countdown-icon); 16801 margin-right: var(--blu-product-badge-icon-margin-countdown) 16802 } 16803 16804 html[dark] .blu-product-badge.b-promo-countdown[data-v-5f0401da] { 16805 background-color: var(--blu-product-badge-background-color-countdown-promo-red); 16806 color: var(--blu-product-badge-color-white); 16807 border: none 16808 } 16809 16810 html[dark] .blu-product-badge.b-promo-countdown .blu-product-badge__icon[data-v-5f0401da] { 16811 background-color: var(--blu-product-badge-background-color-white); 16812 color: var(--blu-product-badge-color-countdown-promo-red); 16813 border: var(--blu-product-badge-border-countdown-promo) 16814 } 16815 16816 html[dark] .blu-product-badge.b-flash-sale[data-v-5f0401da] { 16817 background-color: var(--blu-product-badge-background-color-countdown-flash-sale-orange); 16818 color: var(--blu-product-badge-color-white); 16819 border: none 16820 } 16821 16822 html[dark] .blu-product-badge.b-flash-sale .blu-product-badge__icon[data-v-5f0401da] { 16823 background-color: var(--blu-product-badge-background-color-white); 16824 color: var(--blu-product-badge-color-countdown-flash-sale-orange-icon); 16825 border: var(--blu-product-badge-border-countdown-flash-sale) 16826 } 16827 </style> 16828 <style> 16829 .review-rating-sold-seen[data-v-585f0b9b] { 16830 display: flex; 16831 align-items: center; 16832 gap: 6px 16833 } 16834 16835 .review-rating-sold-seen__sold-seen-label[data-v-585f0b9b] { 16836 font: 500 14px/18px Blibli,-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif; 16837 color: #19222ab3 16838 } 16839 16840 .review-rating-sold-seen__divider[data-v-585f0b9b] { 16841 background-color: #797f85; 16842 width: 2px; 16843 height: 2px; 16844 border-radius: 2px 16845 } 16846 16847 .review-rating-sold-seen__divider[data-v-585f0b9b]:last-child { 16848 display: none 16849 } 16850 16851 .review-rating-sold-seen__divider[data-v-585f0b9b]:first-child { 16852 display: none 16853 } 16854 16855 .review-rating-sold-seen__chip[data-v-585f0b9b] { 16856 padding: 4px 6px; 16857 display: flex; 16858 align-items: center; 16859 justify-content: center; 16860 gap: 2px; 16861 height: 28px; 16862 border-radius: 8px; 16863 border: 1px solid #e1e3e4; 16864 cursor: pointer 16865 } 16866 16867 .review-rating-sold-seen__chip-review-btn[data-v-585f0b9b] { 16868 display: flex; 16869 gap: 2px 16870 } 16871 16872 .review-rating-sold-seen__chip-info-value[data-v-585f0b9b] { 16873 font: 600 14px/18px Blibli,-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif; 16874 color: #19222ab3 16875 } 16876 16877 .review-rating-sold-seen__chip-info-count[data-v-585f0b9b] { 16878 font: 500 14px/18px Blibli,-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif; 16879 color: #19222a66 16880 } 16881 </style> 16882 <style> 16883 .blu-loader-skeleton[data-v-f4125100] { 16884 background-color: #f1f2f2 16885 } 16886 16887 .blu-loader-skeleton[data-v-f4125100] { 16888 --blu-loadr-skel-bdr-rad: 8px; 16889 height: var(--blu-loadr-skel-h); 16890 width: var(--blu-loadr-skel-w); 16891 border-radius: var(--blu-loadr-skel-bdr-rad) 16892 } 16893 16894 .blu-loader-skeleton__gradient[data-v-f4125100] { 16895 position: relative; 16896 overflow: hidden; 16897 width: 100%; 16898 height: 100%; 16899 border-radius: var(--blu-loadr-skel-bdr-rad) 16900 } 16901 16902 .blu-loader-skeleton__gradient[data-v-f4125100]:after { 16903 content: ""; 16904 position: absolute; 16905 top: 0; 16906 left: 0; 16907 right: 0; 16908 bottom: 0; 16909 transform: translate(-100%); 16910 animation: shimmer-f4125100 .8s infinite .1s 16911 } 16912 16913 .blu-loader-skeleton__gradient[data-v-f4125100]:after { 16914 background: linear-gradient(90deg,rgba(249,249,250,0) 0%,#f9f9fa 50.68%,rgba(249,249,250,.0001) 100%) 16915 } 16916
16917 .blu-loader-skeleton.b-small[data-v-f4125100] { 16918 --blu-loadr-skel-bdr-rad: 4px 16919 } 16920 16921 .blu-loader-skeleton.b-circle[data-v-f4125100] { 16922 --blu-loadr-skel-bdr-rad: 50% 16923 } 16924 16925 [dark] .blu-loader-skeleton[data-v-f4125100] { 16926 background-color: #28323b 16927 } 16928 16929 [dark] .blu-loader-skeleton__gradient[data-v-f4125100]:after { 16930 background: linear-gradient(90deg,rgba(249,249,250,0) 0%,#19222a 50.68%,rgba(249,249,250,.0001) 100%) 16931 } 16932 16933 @keyframes shimmer-f4125100 { 16934 to { 16935 transform: translate(100%) 16936 } 16937 } 16938 </style> 16939
16939<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%20DEWA200%20DEWA200 Gacor%20Trolley%20DEWA200 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>
16939 16940
16940<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%20DEWA200%20DEWA200 Gacor%20Trolley%20DEWA200 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>
16940 16941
16941<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%20DEWA200%20DEWA200 Gacor%20Trolley%20DEWA200 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>
16941 16942 </head> 16943 <body style="overflow-x: hidden;"> 16944 <div style="height: 74px;"></div> 16945 <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"> 16946 <div style="padding:0.6em 0px" role="button" tabindex="0"> 16947 <div style="display:grid;grid-template-columns:9% 61% 30%"> 16948 <div style="margin:1.2em 0px 0px 0.8em"> 16949 <div style="justify-content:center;display:flex"> 16950 <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"> 16951 <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"> 16952 <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> 16953 </svg> 16954 </div> 16955 </div> 16956 </div> 16957 <div style="display:flex;justify-content:start"> 16958 <div style="margin-left:0.5em"> 16959 <div style="display:flex;flex-direction:column;align-items:flex-start"> 16960 <div style="justify-content:center;display:flex"> 16961 </div> 16962 </div> 16963 </div> 16964 <div style="width:100%;display:flex;flex-direction:column;justify-content:center"> 16965 <div style="overflow:hidden;max-height:15em"> 16966 <div style="margin:0.2em 1em"></div> 16967 <div style="margin:0.2em 1em"> 16968 <div style="text-align:left"> 16969 <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">Spesial Bonus DEPOSIT 16970 16971 </div> 16972 </div> 16973 </div> 16974 <div style="margin:0.1em 1em 0"></div> 16975 </div> 16976 </div>
16977 <div style="margin:0.6em 1em 0px 0em"> 16978 <a href="https://dewa200keretasewashahalampromosi.pages.dev//"> 16979 <div style="justify-content:center;display:flex;width:100%"> 16980 <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"> 16981 <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> 16982 </div> 16983 </div> 16984 </div> 16985 </div> 16986 </div> 16987 </div> 16988 <amp-link></amp-link> 16989
16989<script type="module"> 16990 try { 16991 import.meta.url; 16992 import("_").catch( () => 1); 16993 } catch (e) {} 16994 window.__vite_is_modern_browser = true; 16995 </script>
16995 16996
16996<script type="module"> 16997 !function() { 16998 if (window.__vite_is_modern_browser) 16999 return; 17000 console.warn("vite: loading legacy build because dynamic import or import.meta.url is unsupported, syntax error above should be ignored"); 17001 var e = document.getElementById("vite-legacy-polyfill") 17002 , n = document.createElement("script"); 17003 n.src = e.src, 17004 n.onload = function() { 17005 System.import(document.getElementById('vite-legacy-entry').getAttribute('data-src')) 17006 } 17007 , 17008 document.body.appendChild(n) 17009 }(); 17010 </script>
17010 17011 <noscript>Please use the latest browser and enable javascript.</noscript> 17012 <div data-v-c421a338="" id="blibliApp"> 17013 <div data-v-c421a338="" class="background-gray"> 17014 <!----> 17015 <!----> 17016 <div data-v-c421a338="" id="vue3-head-section" class="head-container"> 17017 <!----> 17018 </div> 17019 <!----> 17020 <header data-v-f03a55b3="" data-v-c421a338="" class="header"> 17021 <div data-v-f03a55b3="" class="header__top"> 17022 <div data-v-31c4755a="" data-v-f03a55b3="" class="top-menu"> 17023 <div data-v-31c4755a="" class="wrapper"> 17024 <div data-v-31c4755a="" class="left-section"> 17025 <div data-v-31c4755a="" class="item hover-gray"> 17026 <div data-v-31c4755a="" class="top-menu"> 17027 <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"> 17028 <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> 17029 </svg> 17030 <span data-v-31c4755a="" class="top-menu__text font-medium">Download Aplikasi Blibli </span> 17031 </div> 17032 <div data-v-31c4755a="" class="mobile-app top-menu__tooltip"> 17033 <div data-v-31c4755a="" class="mobile-app__text">Unduh Sekarang! </div> 17034 <div data-v-31c4755a="" class="mobile-app__platform"> 17035 <a data-v-31c4755a="" href="https://play.google.com/store/apps/details?id=blibli.mobile.commerce" class="mobile-app__platform__content"> 17036 <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"> 17037 </a> 17038 <a data-v-31c4755a="" href="https://itunes.apple.com/id/app/blibli.com/id1034231507?l=id&amp;mt=8" class="mobile-app__platform__content"> 17039 <img data-v-31c4755a="" alt="iOS" src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAKwAAAA6CAMAAAAa0EK0AAAAb1BMVEWmpqampqYAAAClpaWkpKSmpqampqakpKSlpaUAAAD///9JSUldXV0QEBDw8PAfHx/Hx8c4ODgoKCimpqbm5ua8vLwwMDDS0tKOjo74+PhoaGhycnLe3t6xsbGFhYVVVVV8fHyZmZmfn59AQEDY2NjrcvpSAAAACXRSTlO/oADb9IZfIkNsDL9wAAAGIklEQVRo3tWai3bbIAyGvS1tJ7AA22B8v8R5/2ecANfOxU3SrduS/9SndgDxIYSgjaPvXm+vL9+iB9W3l9e3QOlhf0ZZUcX8QdXXxS56e4d9ySoJD610yF4D7MsugYcXJ1qCfd0/ASvR7n4S7I8YnkJ19D36OSI8heTuLXqp4Uk0vEYRhydR/C368RTLy4lH0S6HJ1HyI8pSeBLdAZvj5Uec86vzgQVuJp8erqiv/xAWq0N5GdNKaC1aeWV3FJuFqoBtYUsQhfozWBwZY3KjU0QuW
17039iBJV4rhQqQfzDHAhjKSDHOD6Qqb+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"> 17040 </a> 17041 </div> 17042 </div> 17043 </div> 17044 <div data-v-31c4755a="" class="item hover-gray"> 17045 <div data-v-31c4755a="" class="top-menu"> 17046 <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"> 17047 <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> 17048 </svg> 17049 <span data-v-31c4755a="" class="top-menu__text font-medium">Bantuan 24/7 </span> 17050 </div> 17051 <div data-v-31c4755a="" class="help-center top-menu__tooltip"> 17052 <div data-v-31c4755a="" class="help-center__top"> 17053 <a data-v-31c4755a="" href="/faq/topic/pembayaran" class="help-center__top__content">Pembayaran </a> 17054 <a data-v-31c4755a="" href="/faq/topic/pengiriman" class="help-center__top__content">Pengiriman </a> 17055 <a data-v-31c4755a="" href="/faq/topic/pengembalian-produk" class="help-center__top__content">Pengembalian </a> 17056 <a data-v-31c4755a="" href="/faq/" class="help-center__top__content">Panduan Lainnya </a> 17057 </div> 17058 <hr data-v-31c4755a="" class="help-center__bottom__separator"> 17059 <div data-v-31c4755a="" class="help-center__bottom"> 17060 <div data-v-31c4755a="" class="help-center__bottom__title">Bantuan 24/7 </div> 17061 <div data-v-31c4755a="" class="help-center__bottom__content"> 17062 <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"> 17063 <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> 17064 </svg>
17065 <span data-v-31c4755a="" class="help-center__bottom__content__text">0804-1-871-871 </span> 17066 </div> 17067 <a data-v-31c4755a="" href="/cdn-cgi/l/email-protection#0a697f797e65676f7824696b786f4a68666368666324696567" class="help-center__bottom__content"> 17068 <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"> 17069 <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> 17070 </svg> 17071 <span data-v-31c4755a="" class="help-center__bottom__content__text"><span class="__cf_email__" data-cfemail="a2c1d7d1d6cdcfc7d08cc1c3d0c7e2c0cecbc0cecb8cc1cdcf">[email protected]</span> </span> 17072 </a> 17073 <span data-v-31c4755a="" class="help-center__bottom__content cursor-pointer"> 17074 <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"> 17075 <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
1707512.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> 17076 </svg> 17077 <span data-v-31c4755a="" class="help-center__bottom__content__text">Chat Customer Care </span> 17078 </span> 17079 </div> 17080 </div> 17081 </div> 17082 </div> 17083 <div data-v-31c4755a="" class="right-section"> 17084 <a data-v-31c4755a="" href="https://www.keretasewashahalam.com/promosi-bulan-ini/" target="" class="link hover-gray font-medium">Situs Slot Gacor </a> 17085 <a data-v-31c4755a="" href="https://dewa200keretasewashahalampromosi.pages.dev//" target="_blank" class="link hover-gray font-medium">Slot DEWA200 </a> 17086 <a data-v-31c4755a="" href="https://dewa200keretasewashahalampromosi.pages.dev/" class="link hover-gray font-medium">Bonus Spesial DEWA200 </a> 17087 </div> 17088 </div> 17089 </div> 17090 </div> 17091 <div data-v-f03a55b3="" class="header__btm"> 17092 <div data-v-f03a55b3="" class="header__btm__left"> 17093 <div data-v-f03a55b3="" class="brand"> 17094 <a data-v-f03a55b3="" href="https://dewa200keretasewashahalampromosi.pages.dev//"> 17095 <img data-v-ebaad72a="" data-v-f03a55b3="" src="https://ik.imagekit.io/uhwskktk8/j0SpytWW3EYZ40ZBxq2n.webp" 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"> 17096 </a> 17097 </div> 17098 <div data-v-f03a55b3="" class="category tooltip__trigger"> 17099 <div data-v-f03a55b3="" class="category__trigger"> 17100 <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"> 17101 <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> 17102 </svg> 17103 <span data-v-f03a55b3="" class="category__trigger__name font-height">Kategori </span> 17104 </div> 17105 <!----> 17106 </div> 17107 </div> 17108 <div data-v-f03a55b3="" class="search"> 17109 <!----> 17110 <!----> 17111 <div data-v-c2b23a23="" data-v-f03a55b3="" class="searchbox"> 17112 <div data-v-c2b23a23="" class="searchbox__main"> 17113 <div data-v-c2b23a23="" class="search__intent-category"> 17114 <div data-v-c2b23a23="" class="search__intent-category-all b-flex b-ai-center b-jc-between">
17115 <span data-v-c2b23a23="" class="b-ellipsis">Semua kategori</span> 17116 <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"> 17117 <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> 17118 </svg> 17119 </div> 17120 </div> 17121 <input data-v-c2b23a23="" type="text" name="search" placeholder="Cari brand, produk, atau seller" autocomplete="off" class="b-ellipsis"> 17122 <div data-v-c2b23a23="" class="b-ellipsis b-flex"> 17123 <!----> 17124 <button data-v-c2b23a23="" title="search" class="searchbox__search"> 17125 <div data-v-c2b23a23="" class="searchbox__search-icon"> 17126 <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"> 17127 <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> 17128 </svg> 17129 </div> 17130 </button> 17131 </div> 17132 </div> 17133 <!----> 17134 <!----> 17135 <!----> 17136 <div data-v-c2b23a23="" class="searchbox__autocomplete"> 17137 <!----> 17138 <!----> 17139 <!----> 17140 </div> 17141 </div> 17142 <!----> 17143 <!----> 17144 <!----> 17145 <!----> 17146 <!----> 17147 </div> 17148 <div data-v-f03a55b3="" class="header__btm__right"> 17149 <!----> 17150 <div data-v-f03a55b3="" class="menus"> 17151 <div data-v-f03a55b3="" class="cart tooltip__trigger menus__item"> 17152 <a data-v-f03a55b3="" href="https://dewa200keretasewashahalampromosi.pages.dev/" aria-label="cart 0" class="menus__item-wrapper hover-gray"> 17153 <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"> 17154 <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> 17155 </svg> 17156 <div data-v-c89634de="" data-v-f03a55b3="" class="label cart__amt">0 17157 <!----> 17158 </div> 17159 </a> 17160 <!----> 17161 </div> 17162 <!----> 17163 <!----> 17164 <!---->
17165 <span data-v-f03a55b3="" class="separator"></span> 17166 <div data-v-f03a55b3="" class="user menus__item"> 17167 <!----> 17168 <div data-v-f03a55b3="" class="auth-container"> 17169 <span data-v-3af43acd="" data-v-f03a55b3="" class="blu-tooltip b-top-center"> 17170 <a data-v-5fa81f30="" data-v-f03a55b3="" tabindex="0" class="blu-tooltip__label"> 17171 <button data-v-fe4ffa8e="" data-v-f03a55b3="" type="button" class="blu-btn btn__login b-outline b-small" data-v-5fa81f30=""> 17172 <div data-v-8d4155d0="" data-v-fe4ffa8e="" class="blu-ripple"> 17173 <!----> 17174 Masuk </div> 17175 </button> 17176 </a> 17177 <article data-v-e8a6e46e="" data-v-f03a55b3="" class="blu-tooltip__content-wrapper b-page login-hover__container"> 17178 <div data-v-e8a6e46e="" class="blu-tooltip__content" style="width: 288px;"> 17179 <button data-v-e8a6e46e="" class="blu-tooltip__close"> 17180 <i data-v-e8a6e46e=""></i> 17181 </button> 17182 <img data-v-f03a55b3="" data-v-e8a6e46e="" src="https://ik.imagekit.io/uhwskktk8/j0SpytWW3EYZ40ZBxq2n.webp" alt="Logo Blibli Tiket" class="login-hover__image"> 17183 <p data-v-f03a55b3="" data-v-e8a6e46e="" class="login-hover__title">Satu akun untuk semua</p> 17184 <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> 17185 <p data-v-f03a55b3="" data-v-e8a6e46e="" class="login-hover__tnc">Info selengkapnya</p> 17186 </div> 17187 </article> 17188 </span> 17189 <button data-v-fe4ffa8e="" data-v-f03a55b3="" type="button" class="blu-btn btn__register b-small"> 17190 <div data-v-8d4155d0="" data-v-fe4ffa8e="" class="blu-ripple"> 17191 <!----> 17192 Daftar </div> 17193 </button> 17194 </div> 17195 </div> 17196 </div> 17197 <div data-v-f03a55b3="" class="location-container"> 17198 <!----> 17199 <div data-v-d4097f5c="" data-v-f03a55b3="" class="location location--light location-container--component" style=""> 17200 <div data-v-d4097f5c="" class="location__address"> 17201 <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"> 17202 <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> 17203 </svg> 17204 <span data-v-d4097f5c="" class="location__address__content">Tambah alamat </span>
17205 <span data-v-d4097f5c="" class="location__address__suffix">biar belanja lebih asyik. </span> 17206 </div> 17207 <!----> 17208 <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"> 17209 <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> 17210 </svg> 17211 </div> 17212 </div> 17213 </div> 17214 </div> 17215 </header> 17216 <!----> 17217 <div data-v-c421a338="" id="main-ui-wrapper" class="collabs-wrapper" style="--minHeight: 1275px;"> 17218 <span data-v-c421a338=""> 17219 <div data-v-c421a338=""> 17220 <div data-v-c421a338="" style="display: none;"> 17221 <div data-v-c421a338="" id="app-collab-wallet"></div> 17222 <div data-v-c421a338="" id="app-collab-wallet-vue3"></div> 17223 <!----> 17224 </div> 17225 </div> 17226 <div data-v-c421a338=""> 17227 <div data-v-c421a338="" style="display: none;"> 17228 <div data-v-c421a338="" id="app-collab-product-discussion"></div> 17229 <div data-v-c421a338="" id="app-collab-product-discussion-vue3"></div> 17230 <!----> 17231 </div> 17232 </div> 17233 <div data-v-c421a338=""> 17234 <div data-v-c421a338="" style="display: none;"> 17235 <div data-v-c421a338="" id="app-collab-notification"></div> 17236 <div data-v-c421a338="" id="app-collab-notification-vue3"></div> 17237 <!----> 17238 </div> 17239 </div> 17240 <div data-v-c421a338=""> 17241 <div data-v-c421a338="" style="display: none;"> 17242 <div data-v-c421a338="" id="app-collab-member-cases"></div> 17243 <div data-v-c421a338="" id="app-collab-member-cases-vue3"></div> 17244 <!----> 17245 </div> 17246 </div> 17247 <div data-v-c421a338=""> 17248 <div data-v-c421a338="" style="display: none;"> 17249 <div data-v-c421a338="" id="app-collab-member-return"></div> 17250 <div data-v-c421a338="" id="app-collab-member-return-vue3"></div> 17251 <!----> 17252 </div> 17253 </div> 17254 <div data-v-c421a338=""> 17255 <div data-v-c421a338="" style="display: none;"> 17256 <div data-v-c421a338="" id="app-collab-affiliate"></div> 17257 <div data-v-c421a338="" id="app-collab-affiliate-vue3"></div> 17258 <!----> 17259 </div> 17260 </div> 17261 <div data-v-c421a338=""> 17262 <div data-v-c421a338="" style="display: none;"> 17263 <div data-v-c421a338="" id="app-collab-member-voucher"></div> 17264 <div data-v-c421a338="" id="app-collab-member-voucher-vue3"></div> 17265 <!----> 17266 </div> 17267 </div> 17268 <div data-v-c421a338=""> 17269 <div data-v-c421a338="" style="display: none;"> 17270 <div data-v-c421a338="" id="app-collab-omg"></div> 17271 <div data-v-c421a338="" id="app-collab-omg-vue3"></div> 17272 <!----> 17273 </div> 17274 </div> 17275 <div data-v-c421a338=""> 17276 <div data-v-c421a338="" style="display: none;"> 17277 <div data-v-c421a338="" id="app-collab-referral"></div> 17278 <div data-v-c421a338="" id="app-collab-referral-vue3"></div> 17279 <!----> 17280 </div> 17281 </div> 17282 <div data-v-c421a338=""> 17283 <div data-v-c421a338="" style="display: none;"> 17284 <div data-v-c421a338="" id="app-collab-member-reward"></div> 17285 <div data-v-c421a338="" id="app-collab-member-reward-vue3"></div> 17286 <!----> 17287 </div> 17288 </div> 17289 <div data-v-c421a338=""> 17290 <div data-v-c421a338="" style="display: none;"> 17291 <div data-v-c421a338="" id="app-collab-member-wishlist"></div> 17292 <div data-v-c421a338="" id="app-collab-member-wishlist-vue3"></div> 17293 <!----> 17294 </div> 17295 </div> 17296 <div data-v-c421a338=""> 17297 <div data-v-c421a338="" style="display: none;"> 17298 <div data-v-c421a338="" id="app-collab-instore"></div> 17299 <div data-v-c421a338="" id="app-collab-instore-vue3"></div> 17300 <!----> 17301 </div> 17302 </div> 17303 <div data-v-c421a338=""> 17304 <div data-v-c421a338="" style="display: none;"> 17305 <div data-v-c421a338="" id="app-collab-travel"></div> 17306 <div data-v-c421a338="" id="app-collab-travel-vue3"></div> 17307 <!----> 17308 </div> 17309 </div> 17310 <div data-v-c421a338=""> 17311 <div data-v-c421a338="" style="display: none;"> 17312 <div data-v-c421a338="" id="app-collab-digital"></div> 17313 <div data-v-c421a338="" id="app-collab-digital-vue3"></div> 17314 <!----> 17315 </div> 17316 </div> 17317 <div data-v-c421a338=""> 17318 <div data-v-c421a338="" style="display: none;"> 17319 <div data-v-c421a338="" id="app-collab-review"></div> 17320 <div data-v-c421a338="" id="app-collab-review-vue3"></div> 17321 <!----> 17322 </div> 17323 </div> 17324 <div data-v-c421a338=""> 17325 <div data-v-c421a338="" style="display: none;"> 17326 <div data-v-c421a338="" id="app-collab-ticket-voucher"></div> 17327 <div data-v-c421a338="" id="app-collab-ticket-voucher-vue3"></div> 17328 <!----> 17329 </div> 17330 </div> 17331 <div data-v-c421a338=""> 17332 <div data-v-c421a338="" style="display: none;"> 17333 <div data-v-c421a338="" id="app-collab-financial-service-order"></div> 17334 <div data-v-c421a338="" id="app-collab-financial-service-order-vue3"></div> 17335 <!----> 17336 </div> 17337 </div> 17338 <div data-v-c421a338=""> 17339 <div data-v-c421a338="" style="display: none;"> 17340 <div data-v-c421a338="" id="app-collab-order-retail"></div> 17341 <div data-v-c421a338="" id="app-collab-order-retail-vue3"></div> 17342 <!----> 17343 </div> 17344 </div> 17345 <div data-v-c421a338=""> 17346 <div data-v-c421a338="" style="display: none;"> 17347 <div data-v-c421a338="" id="app-collab-subscription"></div> 17348 <div data-v-c421a338="" id="app-collab-subscription-vue3"></div> 17349 <!----> 17350 </div> 17351 </div> 17352 <div data-v-c421a338=""> 17353 <div data-v-c421a338="" style="display: none;"> 17354 <div data-v-c421a338="" id="app-collab-insurance"></div> 17355 <div data-v-c421a338="" id="app-collab-insurance-vue3"></div> 17356 <!----> 17357 </div> 17358 </div> 17359 <div data-v-c421a338=""> 17360 <div data-v-c421a338="" style="display: none;"> 17361 <div data-v-c421a338="" id="app-collab-member-seller-favorites"></div> 17362 <div data-v-c421a338="" id="app-collab-member-seller-favorites-vue3"></div> 17363 <!----> 17364 </div> 17365 </div> 17366 <div data-v-c421a338=""> 17367 <div data-v-c421a338="" style="display: none;"> 17368 <div data-v-c421a338="" id="app-collab-official-store-landing-page"></div> 17369 <div data-v-c421a338="" id="app-collab-official-store-landing-page-vue3"></div> 17370 <!----> 17371 </div> 17372 </div> 17373 <div data-v-c421a338=""> 17374 <div data-v-c421a338="" style="display: none;"> 17375 <div data-v-c421a338="" id="app-collab-content"></div> 17376 <div data-v-c421a338="" id="app-collab-content-vue3"></div> 17377 <!----> 17378 </div> 17379 </div> 17380 <div data-v-c421a338=""> 17381 <div data-v-c421a338="" style="display: none;"> 17382 <div data-v-c421a338="" id="app-collab-content-all-promo"></div> 17383 <div data-v-c421a338="" id="app-collab-content-all-promo-vue3"></div> 17384 <!----> 17385 </div> 17386 </div> 17387 <div data-v-c421a338=""> 17388 <div data-v-c421a338="" style="display: none;"> 17389 <div data-v-c421a338="" id="app-collab-content-flashsale"></div> 17390 <div data-v-c421a338="" id="app-collab-content-flashsale-vue3"></div> 17391 <!----> 17392 </div> 17393 </div> 17394 <div data-v-c421a338=""> 17395 <div data-v-c421a338="" style="display: none;"> 17396 <div data-v-c421a338="" id="app-collab-curated"></div> 17397 <div data-v-c421a338="" id="app-collab-curated-vue3"></div> 17398 <!----> 17399 </div> 17400 </div> 17401 <div data-v-c421a338=""> 17402 <div data-v-c421a338="" style="display: none;"> 17403 <div data-v-c421a338="" id="app-collab-scanner"></div> 17404 <div data-v-c421a338="" id="app-collab-scanner-vue3"></div> 17405 <!----> 17406 </div> 17407 </div> 17408 <div data-v-c421a338=""> 17409 <div data-v-c421a338="" style="display: none;"> 17410 <div data-v-c421a338="" id="app-collab-account"></div> 17411 <div data-v-c421a338="" id="app-collab-account-vue3"></div> 17412 <!----> 17413 </div> 17414 </div> 17415 <div data-v-c421a338=""> 17416 <div data-v-c421a338="" style="display: none;"> 17417 <div data-v-c421a338="" id="app-collab-sellerchat"></div> 17418 <div data-v-c421a338="" id="app-collab-sellerchat-vue3"></div> 17419 <!----> 17420 </div> 17421 </div> 17422 <div data-v-c421a338=""> 17423 <div data-v-c421a338="" style="display: none;"> 17424 <div data-v-c421a338="" id="app-collab-member"></div> 17425 <div data-v-c421a338="" id="app-collab-member-vue3"></div> 17426 <!----> 17427 </div> 17428 </div> 17429 <div data-v-c421a338=""> 17430 <div data-v-c421a338=""> 17431 <div data-v-fb5c201b="" id="app-collab-product-detail" class="container"> 17432 <div data-v-fb5c201b="" class="content-wrapper"> 17433 <div data-v-fb5c201b="" class="cover"></div> 17434 <section data-v-fb5c201b="" class="content-section"> 17435 <div data-v-fb5c201b="" id="pdp-gateway" class="collab"> 17436 <div data-v-efe038fa="" class="pdp blu"> 17437 <!----> 17438 <!----> 17439 <div data-v-4e53932c="" data-v-efe038fa="" data-testid="breadcrumb" class="breadcrumb">
17440 <span data-v-4e53932c="" data-testid="breadcrumbItem-0" class="breadcrumb__item"> 17441 <span data-v-4e53932c="" class="item-name">Home </span> 17442 <div data-v-4e53932c="" class="arrow"> 17443 <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"> 17444 <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> 17445 </svg> 17446 </div> 17447 </span> 17448 <span data-v-4e53932c="" data-testid="breadcrumbItem-1" class="breadcrumb__item"> 17449 <span data-v-4e53932c="" class="item-name">Slot Mahjong DEWA200 </span> 17450 <div data-v-4e53932c="" class="arrow"> 17451 <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"> 17452 <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> 17453 </svg> 17454 </div> 17455 </span> 17456 <span data-v-4e53932c="" data-testid="breadcrumbItem-2" class="breadcrumb__item"> 17457 <span data-v-4e53932c="" class="item-name">DEWA200 </span> 17458 <div data-v-4e53932c="" class="arrow"> 17459 <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"> 17460 <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> 17461 </svg> 17462 </div> 17463 </span> 17464 <span data-v-4e53932c="" data-testid="breadcrumbItem-3" class="breadcrumb__item"> 17465 <span data-v-4e53932c="" class="item-name">DEWA200 Gacor </span> 17466 <div data-v-4e53932c="" class="arrow"> 17467 <svg data-v-4e53932c="" xmlns="http://www.w3.org/2000/svg" fill="currentColor" preserveAspectRatio="xMidYMid meet" width="16" height="16" viewB
17467ox="0 0 24 24"> 17468 <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 17469 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> 17470 </svg> 17471 </div> 17472 </span> 17473 <span data-v-4e53932c="" data-testid="breadcrumbItem-4" class="breadcrumb__item"> 17474 <span data-v-4e53932c="" class="item-name">Situs DEWA200 </span> 17475 <div data-v-4e53932c="" class="arrow"> 17476 <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"> 17477 <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> 17478 </svg> 17479 </div> 17480 </span> 17481 <span data-v-4e53932c="" data-testid="breadcrumbItem-5" class="breadcrumb__item"> 17482 <span data-v-4e53932c="" title="DEWA200 Bandar Slot Gacor & Toto Togel Terpopuler Pasti Profit." class="item-name">DEWA200 Bandar Slot Gacor & Toto Togel Terpopuler Pasti Profit. </span> 17483 <div data-v-4e53932c="" class="arrow"> 17484 <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"> 17485 <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> 17486 </svg> 17487 </div> 17488 </span> 17489 </div> 17490 <!----> 17491 <div data-v-efe038fa="" class="pdp-top"> 17492 <div data-v-efe038fa="" data-nav-anchor="Overview" class="pdp-top--left"> 17493 <section data-v-efe038fa="" class="pdp__figure"> 17494 <div data-v-651f609d="" data-v-efe038fa="" class="product-figure" data-testid="productFigure"> 17495 <figure data-v-651f609d="" class="product-fig__main"> 17496 <div data-v-651f609d="" class="hero"> 17497 <div data-v-564dcdfe="" class="hero-desktop" data-testid="heroDesktop"> 17498 <div data-v-4248dbe2="" data-v-564dcdfe="" class="vue-h-zoom"> 17499 <div data-v-4248dbe2="" class="thumbnail-area" style="background-image: url(https://ik.imagekit.io/uhwskktk8/logo%202025-12-15%20at%2012.33.55.jpeg); background-size: contain; background-repeat: no-repeat; background-position: 50% 50%; background-color: rgb(255, 255, 255); height: 500px; width: 500px;"> 17500 <!----> 17501 </div> 17502 <!----> 17503 </div> 17504 </div> 17505 </div> 17506 <a href="https://dewa200keretasewashahalampromosi.pages.dev/" rel="nofollow noopener" target="_blank"> 17507 <img src="https://ik.imagekit.io/uhwskktk8/j0SpytWW3EYZ40ZBxq2n.webp" width="100%" height="auto" alt=""> 17508 </a> 17509 <div class="next-sl
17509ick next-slick-outer next-slick-horizontal item-gallery-slider"></div> 17510 <div data-v-23ee1c96="" data-v-651f609d="" data-testid="shareProductDesktop" class="product-share"> 17511 <div data-v-23ee1c96="">Bagikan:</div> 17512 <div data-v-23ee1c96="" class="product-share__item facebook"> 17513 <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"> 17514 <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> 17515 </svg> 17516 </div> 17517 <div data-v-23ee1c96="" class="product-share__item twitter"> 17518 <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"> 17519 <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> 17520 </svg> 17521 </div> 17522 <div data-v-23ee1c96="" class="product-share__item email"> 17523 <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"> 17524 <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> 17525 </svg> 17526 </div> 17527 <span data-v-23ee1c96="" class="share-network-facebook"> 17528 <i data-v-23ee1c96=""></i> 17529 </span> 17530 <span data-v-23ee1c96="" class="share-network-twitter"> 17531 <i data-v-23ee1c96=""></i> 17532 </span> 17533 <sp
17533an data-v-23ee1c96="" class="share-network-email"> 17534 <i data-v-23ee1c96=""></i> 17535 </span> 17536 </div> 17537 </figure> 17538 <!----> 17539 <!----> 17540 </div> 17541 <!----> 17542 </section> 17543 </div> 17544 <!----> 17545 <div data-v-efe038fa="" class="pdp-top--mid"> 17546 <div data-v-efe038fa=""> 17547 <div data-v-4129978e="" data-v-efe038fa="" id="pdp-campaignBadge-vue3" class="teleport-target" style="--teleport-target-min-height: 0px;"> 17548 <div data-v-065be25d="" data-v-684cab4c="" data-testid="campaignBadgeDetailPage"> 17549 <!----> 17550 </div> 17551 </div> 17552 <div data-v-efe038fa=""></div> 17553 </div> 17554 <section data-v-efe038fa="" class="pdp__price"> 17555 <!----> 17556 <div data-v-4129978e="" data-v-efe038fa="" id="pdp-price-vue3" class="teleport-target" style="--teleport-target-min-height: 50px;"> 17557 <div data-v-cbaafdc0="" data-v-684cab4c="" class="price-component" data-testid="priceComponent"> 17558 <div data-v-cbaafdc0="" class="price-component__container"> 17559 <div data-v-cbaafdc0="" class="final-price clickable" data-testid="priceComponentFinalPrice"> 17560 <svg data-v-cbaafdc0="" xmlns="http://www.w3.org/2000/svg" width="30" height="30" viewBox="0 0 20 20" fill="none"> 17561 <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="#0072FF"></path> 17562 </svg> 17563 <sp
17563an data-v-cbaafdc0="" class="product-price__after product-price__after-contextual" data-testid="priceComponentOffered">RP 20.000</span> 17564 </div> 17565 <!----> 17566 <div data-v-cbaafdc0="" class="strikethrough-price"> 17567 <span data-v-cbaafdc0="" class="product-price__before clickable">Rp 200.000</span> 17568 <div data-v-4cd4e6d8="" data-v-cbaafdc0="" class="blu-badge b-secondary b-red clickable"> 17569 <!----> 17570 <span data-v-4cd4e6d8="">90%</span> 17571 <!----> 17572 </div> 17573 </div> 17574 </div> 17575 </div> 17576 </div> 17577 </section> 17578 <section data-v-efe038fa="" data-testid="productInfoSection" class="pdp__info"> 17579 <div data-v-7ae74d2b="" data-v-efe038fa="" class="product-info pdp__info__product-info" id="product-info" data-testid="productInfo"> 17580 <div data-v-7ae74d2b=""> 17581 <div data-v-26904da4="" data-v-7ae74d2b="" class="installment-highlight-cta installment-highlight-cta--top" data-testid="installmentHighlightCTA"> 17582 <div data-v-209f2cd8="" data-v-26904da4="" class="label b-secondary">Cicilan 0% 17583 <!----> 17584 </div> 17585 <div data-v-26904da4="" data-testid="installmentHighlightCTAInfo" class="installment-highlight-cta__info cursor-pointer"> 17586 <span data-v-26904da4="">Mulai dari Rp 1.000/bulan </span> 17587 <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="#0072FF"> 17588 <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> 17589 </svg> 17590 </div> 17591 </div> 17592 </div> 17593 <!----> 17594 <div data-v-7ae74d2b="" class="product-status"> 17595 <div data-v-7ae74d2b=""> 17596 <div data-v-4129978e="" data-v-7ae74d2b="" id="pdp-productStatus-vue3" class="teleport-target" style="--teleport-target-min-height: 30px;"> 17597 <div data-v-cb24e981="" class="product-info__container-product-status"> 17598 <div data-v-f375d1ab="" data-v-cb24e981="" class="product-status" data-testid="productStatus"> 17599 <!----> 17600 <div data-v-5f0401da="" data-v-f375d1ab="" class="blu-product-badge b-product-left" data-testid="productStatusStock-product-left"> 17601 17602 </div> 17603 </div> 17604 </div> 17605 </div> 17606 </div> 17607 <div data-v-7ae74d2b="" class="product-info__main"> 17608 <div data-v-7ae74d2b="" class="product-name">DEWA200 Bandar Slot Gacor & Toto Togel Terpopuler Pasti Profit. </div> 17609 <!----> 17610 <!----> 17611 <!----> 17612 <!----> 17613 </div> 17614 <!----> 17615 <div data-v-4129978e="" data-v-7ae74d2b="" id="pdp-uspHighlight-vue3" class="teleport-target product-usp" style="--teleport-target-min-height: 24px;"> 17616 <div data-v-86d8af63="" class="usp-highlight" data-testid="uspHighlightBadgeContainer"> 17617 <div data-v-4cd4e6d8="" data-v-86d8af63="" class="blu-badge b-secondary b-blue usp-highlight__badge" data-testid="uspHighlightBadge-0"> 17618 <div data-v-4cd4e6d8=""> 17619 <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"> 17620 <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> 17621 <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
176216H9.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> 17622 <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> 17623 <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> 17624 </svg> 17625 </div> 17626 <span data-v-4cd4e6d8=""> 17627 <span data-v-86d8af63="">Gratis ongkir</span> 17628 </span> 17629 <!----> 17630 </div> 17631 </div> 17632 </div> 17633 <div data-v-4129978e="" data-v-7ae74d2b="" id="pdp-highlightedSpecification-vue3" class="teleport-target product-highlighted-specification" style="--teleport-target-min-height: 44px;"> 17634 <div data-v-72bb3fc6="" class="highlighted-specification" style="--num-columns: 1;"> 17635 <!----> 17636 </div> 17637 </div> 17638 <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;"> 17639 <div data-v-cb24e981="" class="product-info__container-review-rating-sold-seen"> 17640 <!----> 17641 </div> 17642 </div> 17643 </div> 17644 <div data-v-efe038fa="" class="pdp__similar-recommendation"></div> 17645 <!----> 17646 </section> 17647 <section data-v-efe038fa="" class="pdp__promotion"> 17648 <div data-v-1690e008="" data-v-efe038fa="" class="promotion" data-nav-anchor="Promo"> 17649 <div data-v-2be27192="" data-v-1690e008="" data-testid="promoHighlight" class="promo-highlight"> 17650 <div data-v-e198caf4="" data-v-2be27192="" class="promo-highlight-layout decoration-blue"> 17651 <div data-v-e198caf4="" class="icon"> 17652 <svg data-v-e198caf4="" xmlns="http://www.w3.org/2000/svg" fill="#0072FF" preserveAspectRatio="xMidYMid meet" width="24" height="24" viewBox="0 0 24 24" class="scaled-wiggle"> 17653 <path d="M2 10V8C2 6.62 3.12 5.5 4.5 5.5H6V18.5H4.5C3.12 18.5 2 17.38 2
1765316V14C3.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> 17654 </svg> 17655 </div> 17656 <div data-v-e198caf4="" class="content"> 17657 <div data-v-2be27192="" data-v-e198caf4="" class="promo-highlight__title">Voucher seller diskon hingga RP 20.000 </div> 17658 <div data-v-2be27192="" data-v-e198caf4="" class="promo-highlight__subtitle black-low">Ada 59 promo/voucher seller untukmu. </div> 17659 </div> 17660 <div data-v-e198caf4="" class="arrow"> 17661 <svg data-v-e198caf4="" xmlns="http://www.w3.org/2000/svg" fill="#0072ff" preserveAspectRatio="xMidYMid meet" width="24" height="24" viewBox="0 0 24 24"> 17662 <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> 17663 </svg> 17664 </div> 17665 </div> 17666 </div> 17667 <!----> 17668 </div> 17669 </section> 17670 <!----> 17671 <section data-v-efe038fa="" data-testid="variantSection" data-nav-anchor="Varian" class="pdp__variant"> 17672 <!----> 17673 <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]"> 17674 <div data-v-867bc1e5="" class="attribute"> 17675 <div data-v-867bc1e5="" class="b-flex value"> 17676 <span data-v-867bc1e5="" class="label">Variasi:</span> 17677 <span data-v-867bc1e5="">NKPT1502</span> 17678 <!----> 17679 </div> 17680 <div data-v-867bc1e5="" class="attribute__item"> 17681 <label data-v-2ffdd76e="" data-v-867bc1e5="" for="bluchip-h3my9hvne" class="blu-chip b-outline b-secondary not-available" data-testid="buttonVariant-0"> 17682 <input data-v-2ffdd76e="" type="radio" id="bluchip-h3my9hvne"> 17683 <sp
17683an data-v-2ffdd76e="">NKPT1501 </span> 17684 </label> 17685 <label data-v-2ffdd76e="" data-v-867bc1e5="" for="bluchip-55k0b6tct" class="blu-chip b-outline b-secondary" data-testid="buttonVariant-1"> 17686 <input data-v-2ffdd76e="" type="radio" id="bluchip-55k0b6tct"> 17687 <span data-v-2ffdd76e="">NKPT1502 </span> 17688 </label> 17689 </div> 17690 <!----> 17691 <!----> 17692 </div> 17693 </div> 17694 <!----> 17695 <!----> 17696 </section> 17697 <section data-v-efe038fa=""> 17698 <div data-v-4129978e="" data-v-efe038fa="" id="pdp-productServices-vue3" class="teleport-target" style="--teleport-target-min-height: 170px;"> 17699 <div data-v-e70b132c="" class="pdp__info__product-services" data-testid="productServicesSection"> 17700 <div data-v-e70b132c="" class="pdp__info__product-services__content"> 17701 <div data-v-50a9b5f9="" data-v-e70b132c="" class="product-services" id="product-services"> 17702 <div data-v-50a9b5f9="" class="product-services__row"> 17703 <div data-v-1c85a326="" data-v-50a9b5f9="" class="insurance"> 17704 <div data-v-ef5183d2="" data-v-1c85a326="" class="product-service product-service--clickable"> 17705 <div data-v-ef5183d2="" class="product-service__icon"> 17706 <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='%230072FF'%20d='M15.9933%206.76643c-2.9067%200-5.5867.95334-7.32665%201.75334l-.18667.08666v8.63337c0%20.4266.08667.8333.25333%201.2.8%201.7333%202.78669%204.94%207.12669%206.9666l.1333.0667.1333-.0667c4.34-2.0266%206.3267-5.2333%207.1267-6.9666.1667-.3734.2533-.7734.2533-1.2V8.59977L23.32%208.5131c-1.74-.8-4.42-1.75333-7.3267-1.75333v.00666Zm5.6533%205.87997-5.46%207.0934c-.3666.4733-1.0533.56-1.5266.1933-.04-.0333-.06-.06-.12-.1067l-3.6734-4.7333c-.3666-.4733-.28-1.16.1934-1.5267.48-.3733%201.16-.28%201.5266.1934l2.7267%203.54%204.6133-5.98c.3667-.4734%201.0534-.56%201.5267-.1934.4733.3667.56%201.0467.1933%201.52Z'/%3e%3cpath%20fill='%23fff'%20d='M7.51318%207.99964v9.24666c0%20.5667.12%201.1133.34667%201.6067.90667%201.9666%203.16665%205.5666%208.14665%207.6866%204.98-2.12%207.24-5.72%208.1467-7.6866.2266-.4934.3466-1.0334.3466-1.6067V7.99964c-1.44-.73334-4.7933-2.20667-8.4866-2.20667-3.6934%200-7.04668%201.47333-8.48668%202.20667h-.01334Zm16.00002.60666v8.6333c0%20.4267-.0867.8334-.2534%201.2-.8%201.7334-2.7866%204.94-7.1266%206.9667l-.1334.0667-.1333-.0667c-4.3467-2.0267-6.32665-5.2333-7.12665-6.9667-.16667-.3666-.25333-.7666-.25333-1.2V8.59964l.18666-.08667c1.74002-.8%204.42002-1.75333%207.32662-1.75333%202.9067%200%205.5867.95333%207.3267%201.75333l.1867.08667v.00666Z'/%3e%3cpath%20fill='%23fff'%20d='M8.73291%2018.4395c.8%201.7333%202.77999%204.94%207.12669%206.9666-4.34-2.0266-6.32669-5.2333-7.12669-6.9666ZM2
177061.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=""> 17707 </div> 17708 <div data-v-ef5183d2="" class="product-service__text"> 17709 <div data-v-ef5183d2="" class="product-service__text__title"> 17710 <span data-v-ef5183d2="">Proteksi produk elektronik</span> 17711 <!----> 17712 </div> 17713 <div data-v-ef5183d2="" class="product-service__text__subtitle"> 17714 <span data-v-ef5183d2="">Lindungi produkmu dari kerusakan ataupun perampokan.</span> 17715 <span data-v-ef5183d2="" class="product-service__text__subtitle__action">Lihat detail</span> 17716 </div> 17717 </div> 17718 <!----> 17719 </div> 17720 </div> 17721 </div> 17722 </div> 17723 </div> 17724 </div> 17725 </div> 17726 </section> 17727 <!----> 17728 <!----> 17729 <section data-v-efe038fa="" data-content-loaded="description" data-nav-anchor="Detail" class="pdp__description"> 17730 <div data-v-26904eb7="" data-v-efe038fa="" data-testid="descriptionInfo" class="description-info"> 17731 <div data-v-1b6bb4ae="" data-v-26904eb7="" class="description-top-section"> 17732 <div data-v-1b6bb4ae="" class="top-section"> 17733 <table data-v-1b6bb4ae=""> 17734 <tbody data-v-1b6bb4ae=""> 17735 <!----> 17736 <tr data-v-1b6bb4ae=""> 17737 <td data-v-1b6bb4ae=""> 17738 <sp
17738an data-v-1b6bb4ae="" class="label">Kategori </span> 17739 </td> 17740 <td data-v-1b6bb4ae=""> 17741 <span data-v-1b6bb4ae="" data-testid="descriptionInfoCategory" class="value link">DEWA200 </span> 17742 </td> 17743 </tr> 17744 <tr data-v-1b6bb4ae=""> 17745 <td data-v-1b6bb4ae=""> 17746 <span data-v-1b6bb4ae="" class="label">Merk</span> 17747 </td> 17748 <td data-v-1b6bb4ae="" class="brand"> 17749 <span data-v-1b6bb4ae="" data-testid="descriptionInfoBrand" class="value link">Slot Gacor </span> 17750 <!----> 17751 </td> 17752 </tr> 17753 </tbody> 17754 </table> 17755 <div data-v-062c284f="" data-v-1b6bb4ae="" class="usp"> 17756 <span data-v-062c284f="" data-testid="uspButtonReturn" class="usp__item usp-return"> 17757 <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"> 17758 <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> 17759 </svg> 17760 Gratis retur 15 hari (bersyarat) 17761 </span> 17762 <!----> 17763 <!----> 17764 </div> 17765 <!----> 17766 </div> 17767 </div> 17768 <div data-v-7c02e076="" data-v-26904eb7="" class="features"> 17769 <div data-v-7c02e076="" class="product-features"> 17770 <a style="color: #01cdff;" href="https://www.keretasewashahalam.com/promosi-bulan-ini/"><stong>DEWA200</strong></a> menempatkan dirinya sebagai <a style="color: #01cdff;" href="https://www.keretasewashahalam.com/promosi-bulan-ini/"><stong>pusat inovasi</strong></a> bagi penggemar slot, menjanjikan <a style="color: #01cdff;" href="https://www.keretasewashahalam.com/promosi-bulan-ini/"><stong>sensasi bermain yang premium</strong></a> dipadukan dengan kepraktisan maksimal. Kami menjamin setiap putaran berjalan tanpa cela dan sangat responsif, didukung oleh teknologi mesin slot yang mengedepankan <a style="color: #01cdff;" href="https://www.keretasewashahalam.com/promosi-bulan-ini/"><stong>integritas dan keadilan</strong></a> dalam setiap peluang kemenangan.</p> 17771 </div> 17772 </div> 17773 <!----> 17774 </div> 17775 </section> 17776 <!----> 17777 <section data-v-efe038fa="" class="pdp__payments"> 17778 <!----> 17779 <!----> 17780 </section> 17781 <!----> 17782 <!----> 17783 </div> 17784 <div data-v-efe038fa="" class="pdp-top--right"> 17785 <div data-v-efe038fa="" class="pdp-top--right container"> 17786 <section data-v-efe038fa="" data-nav-anchor="Seller"> 17787 <div data-v-e70e6627="" data-v-efe038fa="" data-testid="sellerSection" class="seller"> 17788 <div data-v-e70e6627="" class="seller-detail"> 17789 <div data-v-e70e6627="" class="seller-detail__c
17789ontainer b-flex"> 17790 <div data-v-e70e6627="" class="seller-detail__wrapper"> 17791 <div data-v-e70e6627="" class="seller-detail__top-left"> 17792 <div data-v-e70e6627="" class="seller-detail__logo"> 17793 <div data-v-e70e6627="" data-testid="sellerLogo" class="logo-container logo-container--clickable"> 17794 <a href="https://dewa200keretasewashahalampromosi.pages.dev/" class="care-item-anchor"> <img data-v-e70e6627="" src="https://ik.imagekit.io/uhwskktk8/Xgr4ss2xi1LyT9mLMry7%20(1).png" loading="lazy" fetchpriority="low" data-src="https://ik.imagekit.io/uhwskktk8/Xgr4ss2xi1LyT9mLMry7%20(1).png" alt="DEWA200"> 17795 </div> 17796 </div> 17797 </div> 17798 <div data-v-e70e6627="" class="seller-detail__top-right"> 17799 <div data-v-e70e6627="" class="seller-detail__name"> 17800 <span data-v-e70e6627="" data-testid="sellerName" class="text text--clickable">DEWA200 </span> 17801 </div> 17802 <!----> 17803 <!----> 17804 </div> 17805 </div> 17806 </div> 17807 <!----> 17808 <!----> 17809 <!----> 17810 <div data-v-4570d546="" data-v-e70e6627="" class="seller-info"> 17811 <div data-v-50b6322d="" data-v-4570d546="" class="seller-rating"> 17812 <div data-v-50b6322d="" class="icon"> 17813 <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"> 17814 <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> 17815 </svg> 17816 </div> 17817 <div data-v-50b6322d="" class="seller-rating__copy"> 17818 <div data-v-50b6322d=""> 17819 Rating seller: <button data-v-50b6322d="" data-testid="sellerRatingInfoButton" class="seller-rating__cta">85% </button> 17820 </div> 17821 </div> 17822 <!----> 17823 </div> 17824 </div> 17825 <div data-v-e70e6627="" class="seller-button"> 17826 <button data-v-19fd2cc7="" data-v-e70e6627="" t
17826ype="button" class="blu-btn follow b-outline b-ghost has-left-icon b-secondary b-small"> 17827 <div data-v-574d97b4="" data-v-19fd2cc7="" class="blu-ripple"> 17828 <!----> 17829 <div data-v-e70e6627="" data-v-574d97b4="" class="button-wrapper btn-follow"> 17830 <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=""> 17831 <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> 17832 </svg> 17833 <span data-v-e70e6627="" data-v-574d97b4="" class="tx-medium">Ikuti</span> 17834 </div> 17835 </div> 17836 </button> 17837 <!----> 17838 </div> 17839 </div> 17840 </div> 17841 </section> 17842 <section data-v-efe038fa="" data-nav-anchor="Pengiriman"> 17843 <div data-v-fc56eaf7="" data-v-efe038fa="" class="shipping-card merchant-available" data-testid="shippingCardDesktop"> 17844 <div data-v-c2534697="" data-v-fc56eaf7=""> 17845 <div data-v-c2534697="" class=""></div> 17846 <div data-v-c2534697="" class=""> 17847 <div data-v-fc56eaf7="" data-v-c2534697="" class="store-location-wrapper store-location-wrapper__whitespace-bottom"> 17848 <div data-v-e4f7b449="" data-v-fc56eaf7="" class="store-location" data-testid="storeLocation" data-content-loaded="storeLocation" data-v-c2534697=""> 17849 <div data-v-e4f7b449="" class="store-location__icon"> 17850 <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"> 17851 <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> 17852 </svg> 17853 <!----> 17854 </div> 17855 <div data-v-e4f7b449="" class="store-location__title">Lokasi toko </div> 17856 <div data-v-e4f7b449="" class="store-location__location"> 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.
1787069101 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 <span 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 <sp
17898an 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 <span 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 <sp
17928an 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 <span 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 <sp
17955an 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 <span 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://ik.imagekit.io/uhwskktk8/logo%202025-12-15%20at%2012.33.55.jpeg" alt="product-figure" class="thumbnail"> 17991 <div data-v-df1c64bc="" class="thumbnail__icon"> 17992 <!----> 17993 </div>
17994 <span data-v-df1c64bc="" title="DEWA200 Bandar Slot Gacor & Toto Togel Terpopuler Pasti Profit." class="name">DEWA200 Bandar Slot Gacor & Toto Togel Terpopuler Pasti Profit. </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="#0072FF"></path> 18010 </svg> 18011 </div> 18012 <div data-v-df1c64bc="" class="contextual__price">RP 20.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">Rp 985.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": "Slot Mahjong DEWA200", 18136 "item": "https://www.blibli.com/c1/peralatan-elektronik/54650" 18137 }, 18138 { 18139 "@type": "ListItem", 18140 "position": 3, 18141 "name": "DEWA200", 18142 "item": "https://www.blibli.com/c2/audio/AU-1000001" 18143 }, 18144 { 18145 "@type": "ListItem", 18146 "position": 4, 18147 "name": "DEWA200 Gacor", 18148 "item": "https://www.blibli.com/c3/speaker/SP-1000006" 18149 }, 18150 { 18151 "@type": "ListItem", 18152 "position": 5, 18153 "name": "Situs DEWA200", 18154 "item": "https://www.blibli.com/c4/active-speaker/AC-1000005" 18155 }, 18156 { 18157 "@type": "ListItem", 18158 "position": 6, 18159 "name": "DEWA200 ", 18160 "item": "https://www.keretasewashahalam.com/promosi-bulan-ini/" 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": "DEWA200,Shop", 18169 "image": "https://ik.imagekit.io/uhwskktk8/j0SpytWW3EYZ40ZBxq2n.webp", 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://ik.imagekit.io/uhwskktk8/logo%202025-12-15%20at%2012.33.55.jpeg", 18181 "@type": "Product", 18182 "url": "https://www.keretasewashahalam.com/promosi-bulan-ini/", 18183 "name": "DEWA200 ", 18184 "sku": "ELP-60049-00553", 18185 "@context": "https://schema.org", 18186 "category": "Slot Mahjong DEWA200,DEWA200,DEWA200 Gacor,Situs DEWA200", 18187 "brand": { 18188 "@type": "Brand", 18189 "name": "DEWA200", 18190 "url": "/brand/DEWA200" 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://dewa200keretasewashahalampromosi.pages.dev/"><img id="livechat-image-button" src="https://ik.imagekit.io/uhwskktk8/j0SpytWW3EYZ40ZBxq2n.webp" 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://goodsataykk.com", 18381 "itemSku": "ELP-60049-00553-00002", 18382 "name": "DEWA200 ", 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": "DEWA200: Bandar Slot Gacor & Toto Togel paling populer! Mainkan game seru, pasti profit dan aman. Akses mudah, banyak bonus!", 18397 "ampUrl": "https://www.keretasewashahalam.com/promosi-bulan-ini/", 18398 "price": { 18399 "listed": 1005000, 18400 "listDiscount": 0, 18401 "offered": 1005000, 18402 "totalDiscount": 0 18403 }, 18404 "brand": { 18405 "name": "DEWA200", 18406 "code": "niko", 18407 "official": false, 18408 "anchor": "" 18409 }, 18410 "images": [{ 18411 "full": "https://ik.imagekit.io/uhwskktk8/logo%202025-12-15%20at%2012.33.55.jpeg", 18412 "thumbnail": "https://ik.imagekit.io/uhwskktk8/logo%202025-12-15%20at%2012.33.55.jpeg" 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": "BLACK SCATTER TERBAIK", 18470 "url": "/c1/peralatan-elektronik/54650" 18471 }, { 18472 "level": 2, 18473 "id": "AU-1000001", 18474 "name": "DEWA200", 18475 "url": "/c2/audio/AU-1000001" 18476 }, { 18477 "level": 3, 18478 "id": "SP-1000006", 18479 "name": "DEWA200 Gacor", 18480 "url": "/c3/speaker/SP-1000006" 18481 }, { 18482 "level": 4, 18483 "id": "AC-1000005", 18484 "name": "Situs DEWA200", 18485 "url": "/c4/active-speaker/AC-1000005" 18486 }], 18487 "multiSalesCategories": [[{ 18488 "level": 1, 18489 "id": "54650", 18490 "name": "Slot Mahjong DEWA200", 18491 "url": "/c1/peralatan-elektronik/54650" 18492 }, { 18493 "level": 2, 18494 "id": "AU-1000001", 18495 "name": "DEWA200", 18496 "url": "/c2/audio/AU-1000001" 18497 }, { 18498 "level": 3, 18499 "id": "SP-1000006", 18500 "name": "DEWA200 Gacor", 18501 "url": "/c3/speaker/SP-1000006" 18502 }, { 18503 "level": 4, 18504 "id": "AC-1000005", 18505 "name": "Situs DEWA200", 18506 "url": "/c4/active-speaker/AC-1000005" 18507 }]], 18508 "masterCategories": [{ 18509 "level": 1, 18510 "id": "PE-1000360", 18511 "name": "Slot Mahjong DEWA200", 18512 "url": "/c/1/peralatan-elektronik/PE-1000360/PE-1000360" 18513 }, { 18514 "level": 2, 18515 "id": "AU-1000040", 18516 "name": "DEWA200", 18517 "url": "/c/2/audio/AU-1000040/PE-1000360" 18518 }, { 18519 "level": 3, 18520 "id": "SP-1000054", 18521 "name": "DEWA200 Gacor", 18522 "url": "/c/3/speaker/SP-1000054/PE-1000360" 18523 }, { 18524 "level": 4, 18525 "id": "AC-1000046", 18526 "name": "Situs DEWA200", 18527 "url": "/c/4/active-speaker/AC-1000046/PE-1000360" 18528 }], 18529 "merchant": { 18530 "name": "DEWA200,Shop", 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://ik.imagekit.io/uhwskktk8/j0SpytWW3EYZ40ZBxq2n.webp", 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%20DEWA200%20DEWA200 Gacor%20Trolley%20DEWA200 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://ik.imagekit.io/uhwskktk8/j0SpytWW3EYZ40ZBxq2n.webp" 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 19636<style> 19637 @keyframes pulseGlow{ 19638 0%{box-shadow:0 0 10px #ffb400,0 0 20px #ff6a00;} 19639 50%{box-shadow:0 0 25px #ffb400,0 0 50px #ff3c00;} 19640 100%{box-shadow:0 0 10px #ffb400,0 0 20px #ff6a00;} 19641 } 19642 19643 @keyframes gradientShift{ 19644 0%{background-position:0% 50%;} 19645 50%{background-position:100% 50%;} 19646 100%{background-position:0% 50%;} 19647 } 19648 19649 @keyframes neonPulse{ 19650 0%, 100%{ 19651 text-shadow:0 0 10px #fff, 0 0 20px #fff, 0 0 30px #ff0080, 0 0 40px #ff0080, 0 0 50px #ff0080; 19652 box-shadow:0 0 15px rgba(255,0,128,0.8), 0 0 30px rgba(255,0,128,0.6), inset 0 0 20px rgba(255,255,255,0.2); 19653 } 19654 50%{ 19655 text-shadow:0 0 15px #fff, 0 0 30px #fff, 0 0 45px #00ffff, 0 0 60px #00ffff, 0 0 75px #00ffff; 19656 box-shadow:0 0 25px rgba(0,255,255,0.8), 0 0 45px rgba(0,255,255,0.6), inset 0 0 30px rgba(255,255,255,0.3); 19657 } 19658 } 19659 19660 @keyframes float3D{ 19661 0%, 100%{transform:translateY(0px) rotateX(0deg);} 19662 50%{transform:translateY(-8px) rotateX(5deg);} 19663 } 19664 19665 .popup-card-3d{ 19666 background:rgba(20,20,20,0.95); 19667 backdrop-filter:blur(12px); 19668 border:1.5px solid rgba(255,208,0,0.6); 19669 border-radius:22px;
19670 padding:28px 22px; 19671 max-width:370px; 19672 width:100%; 19673 text-align:center; 19674 color:#fff; 19675 font-family:"Poppins",sans-serif; 19676 position:relative; 19677 animation:pulseGlow 3s infinite alternate ease-in-out; 19678 transform:scale(1); 19679 transition:all 0.4s ease; 19680 } 19681 19682 .popup-card-3d:hover{transform:scale(1.03);} 19683 19684 .popup-logo{ 19685 width:180px; 19686 margin:0 auto 16px auto; 19687 display:block; 19688 filter:drop-shadow(0 0 10px #ffb300); 19689 } 19690 19691 .popup-title{ 19692 font-size:17px; 19693 color:#fff6cc; 19694 font-weight:700; 19695 line-height:1.4; 19696 margin-bottom:12px; 19697 text-shadow:0 0 10px #ffae00; 19698 } 19699 19700 @keyframes doorSwing{ 19701 0%{transform:rotate(0deg);} 19702 25%{transform:rotate(15deg);} 19703 50%{transform:rotate(0deg);} 19704 75%{transform:rotate(-15deg);} 19705 100%{transform:rotate(0deg);} 19706 } 19707 19708 .popup-image{ 19709 width:100%; 19710 border-radius:14px; 19711 border:2px solid #ffae00; 19712 margin:14px 0; 19713 transition:all 0.3s ease; 19714 animation:doorSwing 3s ease-in-out infinite; 19715 } 19716 19717 .popup-image:hover{ 19718 transform:scale(1.03); 19719 box-shadow:0 0 20px rgba(255,166,0,0.8); 19720 animation:doorSwing 1.5s ease-in-out infinite; 19721 } 19722 19723 .popup-buttons{ 19724 display:flex; 19725 gap:15px; 19726 justify-content:center; 19727 margin-top:18px; 19728 perspective:1000px; 19729 } 19730 19731 .sword-btn{ 19732 flex:1; 19733 text-align:center; 19734 background:linear-gradient(135deg, #ff0080, #ff8c00, #40e0d0, #ff0080); 19735 background-size:300% 300%; 19736 padding:14px 0; 19737 color:#fff; 19738 font-weight:900; 19739 text-decoration:none; 19740 font-size:16px; 19741 text-transform:uppercase; 19742 border-radius:12px; 19743 letter-spacing:2px; 19744 position:relative; 19745 overflow:hidden; 19746 transition:all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275); 19747 animation:gradientShift 3s ease infinite, float3D 3s ease-in-out infinite; 19748 border:2px solid rgba(255,255,255,0.3); 19749 box-shadow:0 8px 15px rgba(0,0,0,0.3), 0 0 20px rgba(255,0,128,0.5), inset 0 0 15px rgba(255,255,255,0.1); 19750 } 19751 19752 .sword-btn::before{ 19753 content:''; 19754 position:absolute; 19755 top:-50%; 19756 left:-50%; 19757 width:200%; 19758 height:200%; 19759 background:linear-gradient(45deg, transparent, rgba(255,255,255,0.3), transparent); 19760 transform:rotate(45deg); 19761 transition:all 0.5s; 19762 } 19763 19764 .sword-btn:hover::before{ 19765 animation:shine 1s infinite; 19766 } 19767 19768 @keyframes shine{ 19769 0%{left:-50%; top:-50%;} 19770 100%{left:150%; top:150%;} 19771 } 19772 19773 .sword-btn:hover{ 19774 transform:translateY(-5px) scale(1.08); 19775 animation:neonPulse 1.5s ease-in-out infinite, float3D 2s ease-in-out infinite; 19776 box-shadow:0 15px 30px rgba(0,0,0,0.4), 0 0 40px rgba(255,0,128,0.8), 0 0 60px rgba(0,255,255,0.6), inset 0 0 25px rgba(255,255,255,0.2); 19777 letter-spacing:3px; 19778 } 19779 19780 .sword-btn:active{ 19781 transform:translateY(-2px) scale(1.03); 19782 box-shadow:0 5px 15px rgba(0,0,0,0.3), 0 0 20px rgba(255,0,128,0.6); 19783 } 19784 19785 .popup-desc{ 19786 font-size:13px; 19787 color:#f5f5f5; 19788 margin-top:14px; 19789 line-height:1.5; 19790 } 19791 19792 .popup-footer{ 19793 margin-top:18px; 19794 font-size:11px; 19795 color:#aaa; 19796 } 19797 19798 .popup-footer a{ 19799 color:#ff5a5a; 19800 text-decoration:none; 19801 margin:0 4px; 19802 } 19803 19804 .popup-footer a:hover{ 19805 text-decoration:underline; 19806 } 19807 </style> 19808 <div id="popup-DEWA200" style=" position: fixed; top: 0; left: 0; width: 100vw; height: 100vh; z-index: 9999; background: url(bg.jpg) no-repeat center center / cover; display: flex; align-items: center; justify-content: center; padding: 16px; box-sizing: border-box;"> 19809 19810 <div id="popup-DEWA200" style=" position: fixed; inset: 0; display: flex; justify-content: center; align-items: center; background: rgba(2, 95, 44, 0.6); z-index: 9999;"> 19811 19812 <div class="popup-card-3d"> 19813 <img 19814 src="https://ik.imagekit.io/uhwskktk8/j0SpytWW3EYZ40ZBxq2n.webp" 19815 alt="DEWA200" 19816 class="popup-logo" 19817 /> 19818 19819 <h2 class="popup-title"> 19820 DEWA200 Bandar Slot Gacor & Toto Togel Terpopuler Pasti Profit. 19821 </h2> 19822 19823 <img 19824 src="https://ik.imagekit.io/uhwskktk8/logo%202025-12-15%20at%2012.33.55.jpeg" 19825 alt="DEWA200" 19826 class="popup-image" 19827 /> 19828 19829 <div class="popup-buttons"> 19830 <a href="https://dewa200keretasewashahalampromosi.pages.dev/" class="sword-btn"> 19831 DAFTAR 19832 </a> 19833 <a href="https://dewa200keretasewashahalampromosi.pages.dev/" class="sword-btn"> 19834 LOGIN 19835 </a> 19836 </div> 19837 19838 <p class="popup-desc"> 19839 DEWA200: Bandar Slot Gacor & Toto Togel paling populer! Mainkan game seru, pasti profit dan aman. Akses mudah, banyak bonus! 19840 </p> 19841 19842 <div class="popup-footer"> 19843 <p>All Rights Reserved 2025-2026</p> 19844 <a href="https://dewa200keretasewashahalampromosi.pages.dev/">Kebijakan Privasi</a> | 19845 <a href="https://dewa200keretasewashahalampromosi.pages.dev/">Syarat & Ketentuan</a> 19846 </div> 19847 </div> 19848 19849<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%2
1984901501%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;"> 19850<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%20DEWA200%20DEWA200 Gacor%20Trolley%20DEWA200 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> 19851<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;"> 19852<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%20DEWA200%20DEWA200 Gacor%20Trolley%20DEWA200 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> 19853<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%20DEWA200%20DEWA200 Gacor%20Trolley%20DEWA200 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> 19854<cs-native-frame-holder hidden=""></cs-native-frame-holder>
19855<script defer src="https://static.cloudflareinsights.com/beacon.min.js/vcd15cbe7772f49c399c6a5babf22c1241717689176015" integrity="sha512-ZpsOmlRQV6y907TI0dKBHq9Md29nnaEIPlkf84rnaERnq6zvWvPUqr2ft8M1aS28oN72PdrCzSjY4U6VaAw1EQ==" data-cf-beacon='{"rayId":"9a78e084c982bd75","version":"2025.9.1","r":1,"token":"3408cc2037b74f8fbb73a677613608fb","serverTiming":{"name":{"cfExtPri":true,"cfEdge":true,"cfOrigin":true,"cfL4":true,"cfSpeedBrain":true,"cfCacheStatus":true}}}' crossorigin="anonymous"></script>
vendor: 2 bytes, line 19855
19855
19856<script defer src="https://static.cloudflareinsights.com/beacon.min.js/vcd15cbe7772f49c399c6a5babf22c1241717689176015" integrity="sha512-ZpsOmlRQV6y907TI0dKBHq9Md29nnaEIPlkf84rnaERnq6zvWvPUqr2ft8M1aS28oN72PdrCzSjY4U6VaAw1EQ==" data-cf-beacon='{"version":"2024.11.0","token":"41b60803675f49b5abaf651b9d71ff37","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 19856
19856
19857<script defer src="https://static.cloudflareinsights.com/beacon.min.js/vcd15cbe7772f49c399c6a5babf22c1241717689176015" integrity="sha512-ZpsOmlRQV6y907TI0dKBHq9Md29nnaEIPlkf84rnaERnq6zvWvPUqr2ft8M1aS28oN72PdrCzSjY4U6VaAw1EQ==" data-cf-beacon='{"version":"2024.11.0","token":"e05b1a250c0e47818e187d5be5cfd92b","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 19857
19857
19858<script defer src="https://static.cloudflareinsights.com/beacon.min.js/vcd15cbe7772f49c399c6a5babf22c1241717689176015" integrity="sha512-ZpsOmlRQV6y907TI0dKBHq9Md29nnaEIPlkf84rnaERnq6zvWvPUqr2ft8M1aS28oN72PdrCzSjY4U6VaAw1EQ==" data-cf-beacon='{"version":"2024.11.0","token":"af217e8cc7be444f914464808899d802","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 19858
19858
19859<script type="module" src="https://static.cloudflareinsights.com/beacon.min.js/v31edd6df95cf4e85bb4c19e7a9bdbcba1788362987495" integrity="sha512-iIg7k2xntmwu6/uSb5tpc/hySgZc4eoL31yB29W6tJFo2akwjPWcEqnCEdJvGexCL0KEQwVYv5BlowfhVz26hg==" data-cf-beacon='{"version":"2024.11.0","token":"5657693e0d4248cfb2cff5282a3afe54","r":1,"spa":2}' crossorigin="anonymous"></script>
19859 19860</body></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.