1 2 3 4<!doctype html> 5<html lang="id-ID"> 6 <head> 7 <style> 8 @font-face { 9 font-family: Museo Sans; 10 src: url('https://cdn.appsflyer.com/creatives-fonts/museo_sans/MuseoSans_700-webfont.eot'); 11 src: url('https://cdn.appsflyer.com/creatives-fonts/museo_sans/MuseoSans_700-webfont.eot?#iefix') format('embedded-opentype'), url('https://cdn.appsflyer.com/creatives-fonts/museo_sans/MuseoSans_700-webfont.woff2') format('woff2'), url('https://cdn.appsflyer.com/creatives-fonts/museo_sans/MuseoSans_700-webfont.woff') format('woff'), url('https://cdn.appsflyer.com/creatives-fonts/museo_sans/MuseoSans_700-webfont.ttf') format('truetype'), url('https://cdn.appsflyer.com/creatives-fonts/museo_sans/MuseoSans_700-webfont.svg#museo_sans500') format('svg'); 12 font-weight: 700; 13 font-style: normal; 14 } 15 16 @font-face { 17 font-family: Cairo; 18 src: url('https://cdn.appsflyer.com/creatives-fonts/cairo/cairo-700-bold.ttf'); 19 src: url('https://cdn.appsflyer.com/creatives-fonts/cairo/cairo-700-bold.ttf') format('truetype'); 20 font-weight: 700; 21 font-style: normal; 22 } 23 24 @font-face { 25 font-family: Exo2; 26 src: url('https://cdn.appsflyer.com/creatives-fonts/exo2/exo2-700-bold.ttf'); 27 src: url('https://cdn.appsflyer.com/creatives-fonts/exo2/exo2-700-bold.ttf') format('truetype'); 28 font-weight: 700; 29 font-style: normal; 30 } 31 32 .responsive-wrapper { 33 font-size: 10px; 34 } 35 36 @media only screen and (min-width: 200px) and (max-width: 360px) { 37 .responsive-wrapper { 38 font-size: 8px; 39 } 40 } 41 42 @media only screen and (min-width: 360px) and (max-width: 390px) { 43 .responsive-wrapper { 44 font-size: 10px; 45 } 46 } 47 48 @media only screen and (min-width: 391px) { 49 .responsive-wrapper { 50 font-size: 12px; 51 } 52 } 53 </style> 54 <link rel="dns-prefetch" href="https://sdk-01.moengage.com/"> 55 <link rel="preconnect" href="https://sdk-01.moengage.com/" crossorigin=""> 56 <link rel="dns-prefetch" href="https://cdn.moengage.com/"> 57 <link rel="preconnect" href="https://cdn.moengage.com/" crossorigin=""> 58
58<script async="" src="https://websdk.appsflyer.com?st=banners,pba&"></script>
58 59
59<script async="" src="https://websdk.appsflyer.com?st=banners,pba&"></script>
59 60
60<script type="text/javascript" async="" src="https://t.contentsquare.net/uxa/4a538462d6e27.js"></script>
60 61
61<script type="text/javascript" async="" src="https://c.o-s.io/115069/tracker.js"></script>
61 62
62<script src="https://script.crazyegg.com/pages/versioned/common-scripts/77e0e5b3eaafb9598d84738ee0f866ec.js" type="text/javascript" async=""></script>
62 63
63<script async="" src="https://cdn.moengage.com/webpush/moe_webSdk.min.latest.js"></script>
63 64
64<script type="text/javascript" async="" src="https://blibli.api.useinsider.com/ins.js?id=10001129"></script>
64 65
65<script async="" src="https://websdk.appsflyer.com?st=banners,pba&"></script>
65 66
66<script async="" src="https://utt.impactcdn.com/A4103922-694c-4259-836a-1c467d2df1c71.js"></script>
66 67
67<script type="text/javascript" async="" src="https://www.google-analytics.com/analytics.js"></script>
67 68
68<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>
68 69
69<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>
69 70
70<script async="" src="https://connect.facebook.net/en_US/fbevents.js"></script>
70 71
71<script async="" src="https://static.ads-twitter.com/uwt.js"></script>
71 72
72<script> 73 if (typeof Object['__defineSetter__'] !== 'function') { 74 window.location.replace("https://www.blibli.com/pages/unsupported-browser"); 75 } 76 </script>
76 77
77<script> 78 var parcelRequire; 79 var _bwaq = _bwaq || []; 80 var akcr = akcr || []; 81 var dataLayer = window.dataLayer || [] 82 if (window.dataLayer) { 83 window.dataLayer.push({ 84 'appType': 'spa' 85 }); 86 } 87 var _spapi = _spapi || []; 88 _spapi.push(['_partner', 'blibli']); 89 90 // hide section 91 window._HIDDEN_HOME_MOBILE_SECTIONS = 'PRERENDER_LONG_BANNER,PRERENDER_USP_LONG_BANNER,C3_RECOMMENDATION,POPULAR_CATEGORY,TRENDING_SEARCH' 92 window._HIDDEN_HOME_DESKTOP_SECTIONS = 'PRERENDER_LONG_BANNER,PRERENDER_USP_LONG_BANNER,C3_RECOMMENDATION,POPULAR_CATEGORY,TRENDING_SEARCH,PERSONALIZED_SECTION' 93 94 // wallet section 95 window._MCDOMO_PUBLIC_PATH = 'mcdomo.id' 96 97 // flashsale page 98 window._FLASHSALE_NEW_API = 'true' 99 100 // grocery 101 window._GROCERY_AVAILABLE = 'true' 102 window._GROCERY_ONBOARDING = '' 103 104 // scanner 105 window._SCANNER_AVAILABLE = 'true' 106 107 // OG & TC Resource 108 window._FB_OG_IMAGE_URL_META = 'https://www.static-src.com/siva/asset/09_2023/homepage_fb_rebranding.jpg' 109 window._WA_OG_IMAGE_URL_META = 'https://www.static-src.com/siva/asset/09_2023/homepage_square_rebranding.jpg' 110 window._TWITTER_CARD_IMAGE_URL_META = 'https://www.static-src.com/siva/asset/09_2023/homepage_square_rebranding.jpg' 111 112 // UNM 113 window._MEMBER_UNM_ACTIVE_FLAG = 'true' 114 window._MEMBER_UNM_BASE_URL = 'https://account.bliblitiket.com' 115 window._MEMBER_UNM_LOGIN_URL = '/login' 116 window._MEMBER_UNM_REGISTER_URL = '/register' 117 window._MEMBER_UNM_ACCOUNT_URL = '/account' 118 window._MEMBER_UNM_VERIFY_URL = '/account/edit' 119 window._MEMBER_UNM_BLIBLI_CLIENT_ID = '3ca1ed67701249861819ba4850f4f135' 120 window._MEMBER_UNM_INFO_URL = '/info' 121 window._MEMBER_UNM_SSO_REDIRECTION_FLAG = 'true' 122 123 //VUE3 124 window._MEMBER_USE_VUE3 = 'true' 125 126 //GA cross-domain session stichting 127 window._MEMBER_GA_STREAM_ID = 'G3ZP2F3MW9' 128 129 // Related to switching between py-common & IAM-API 130 window._MEMBER_USE_IAM_API = 'false' 131 132 // affiliate 133 window._MEMBER_AFFILIATE_PNV_URL = '/verify-phone-number?ref=' 134 window._MEMBER_AFFILIATE_PNV_APPS_WEB_VIEW = '?appsWebview=true' 135 </script>
135 136 <meta data-vue-meta="2" data-vmid="description" name="description" content="Temukan DAUN123 Portal Link Resmi dengan akses cepat, mudah maxwin, login aman, link alternatif terbaru, server anti lag, dan pengalaman bermain yang lancar setiap hari."> 137 <title>DAUN123 Situs Portal Resmi DAUN123 Mudah Menang Hari Ini</title> 138 <meta name="robots" content="index, nosnippet, follow"> 139 <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> 140 <meta http-equiv="X-UA-Compatible" content="IE=edge"> 141 <meta http-equiv="origin-trial" content="AllxSN0BrDmI9f9koUyx9fcVvuJ1gJDgZwqVVrYfgGuioD1brzdJ+xc37gw5OAznh+/Ump5CV1FtoKjtoMiKKQsAAABneyJvcmlnaW4iOiJodHRwczovL3d3dy5ibGlibGkuY29tOjQ0MyIsImZlYXR1cmUiOiJDb250ZW50SW5kZXgiLCJleHBpcnkiOjE1OTQxNjYzOTksImlzU3ViZG9tYWluIjp0cnVlfQ=="> 142 <meta name="viewport" content="width=device-width,height=device-height,initial-scale=1,maximum-scale=2"> 143 <link rel="manifest" href="https://derushah.com/"> 144 <meta name="theme-color" content="#61f8ee"> 145 <link rel="icon" type="image/png" sizes="16x16" href="https://derushah.com/img/icon.jpg"> 146 <link rel="icon" type="image/png" sizes="32x32" href="https://derushah.com/img/icon.jpg"> 147 <link rel="icon" type="image/png" sizes="60x60" href="https://derushah.com/img/icon.jpg"> 148 <link rel="icon" type="image/png" sizes="144x144" href="https://derushah.com/img/icon.jpg"> 149 <link rel="apple-touch-icon" sizes="16x16" href="https://derushah.com/img/icon.jpg"> 150 <link rel="apple-touch-icon" sizes="32x32" href="https://derushah.com/img/icon.jpg"> 151 <link rel="apple-touch-icon" sizes="60x60" href="https://derushah.com/img/icon.jpg"> 152 <link rel="apple-touch-icon" sizes="144x144" href="https://derushah.com/img/icon.jpg"> 153 <meta property="og:site_name" content="DAUN123"> 154 <meta property="og:type" content="website"> 155 <meta name="twitter:card" content="summary"> 156 <meta name="twitter:site" content="DAUN123"> 157 <meta name="twitter:creator" content="DAUN123"> 158 <link href="https://www.blibli.com/opensearch.xml" title="Blibli.com Search" type="application/opensearchdescription+xml" rel="search"> 159 <link rel="search" type="application/opensearchdescription+xml" href="/opensearch.xml" title="Blibli.com search"> 160
160<script> 161 // assign public path 162 function attachPublicPath(type) { 163 window['_' + type + '_staticPublicPath'] = function() { 164 return 'https://www.static-src.com/frontend/' + (type && type !== '' && type !== 'main' ? type + '/' : '') 165 } 166 } 167 attachPublicPath('main') 168 window._env_prefix = '' 169 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'] 170 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'] 171 for (var i = 0; i < modules.length; i++) { 172 var mod = modules[i] 173 attachPublicPath(mod) 174 window['_' + mod + '_ver'] = collabs[i] 175 } 176 window._static_image_path = 'https://www.static-src.com/wcsstore/Indraprastha/' 177 window._homepage_component = 'histeria11-11' 178 window._blibli_version = '4.110.0-12' 179 </script>
179 180
180<script> 181 (function() { 182 function __vitePluginPublicPath_addLinkTag(rel, href, integrity) { 183 var link = document.createElement("link"); 184 link.rel = rel; 185 link.href = href; 186 if (integrity) { 187 link.integrity = integrity; 188 } 189 ;document.head.appendChild(link); 190 } 191 __vitePluginPublicPath_addLinkTag("stylesheet", window['_main_staticPublicPath']() + "static\u002Findex.5da5dd52.css", undefined) 192 } 193 )(); 194 </script>
194 195 <link rel="stylesheet" href="https://www.static-src.com/frontend/static/index.5da5dd52.css"> 196 <!--vue-ssr-collab-preload--> 197 <link rel="stylesheet" href="https://www.static-src.com/frontend/static/index.5da5dd52.css"> 198 <link rel="stylesheet" href="https://www.static-src.com/frontend/product-detail/static/2.26.1-8/mobile/index.css"> 199 <style> 200 .blu-ripple[data-v-2bedc3c7] { 201 width: 100%; 202 height: 100%; 203 position: relative; 204 overflow: hidden; 205 display: flex; 206 justify-content: center; 207 align-items: center; 208 -webkit-box-pack: center; 209 -webkit-box-align: center; 210 -webkit-mask-image: radial-gradient(circle,#ffffff 100%,#000 0); 211 padding: 0 12px 212 } 213 214 .blu-ripple-wave[data-v-2bedc3c7] { 215 position: absolute; 216 z-index: 1; 217 pointer-events: none; 218 background: currentColor; 219 border-radius: 50%; 220 opacity: 0; 221 transform: scale(2) translateZ(0) 222 } 223 224 .blu-ripple-wave.b-centered[data-v-2bedc3c7] { 225 animation-duration: 1.2s; 226 top: 50%; 227 left: 50% 228 } 229 230 .blu-ripple-wave~[data-v-2bedc3c7]:not(.blu-ripple-wave) { 231 position: relative; 232 z-index: 2 233 } 234 235 .blu-ripple-enter-active[data-v-2bedc3c7] { 236 transition: 2s cubic-bezier(.25,.8,.25,1); 237 transition-property: opacity,transform; 238 will-change: opacity,transform 239 } 240 241 .blu-ripple-enter-active.b-centered[data-v-2bedc3c7] { 242 transition-duration: 1.2s 243 } 244 245 .blu-ripple-enter[data-v-2bedc3c7] { 246 opacity: .26; 247 transform: scale(.26) translateZ(0) 248 } 249 250 .has-left-icon .blu-ripple svg[data-v-2bedc3c7] { 251 margin-right: 8px 252 } 253 254 .has-left-icon.b-small svg[data-v-2bedc3c7] { 255 transform-origin: left; 256 margin-right: 4px 257 } 258 259 .b-large .blu-ripple[data-v-2bedc3c7] { 260 padding: 0 16px 261 } 262 263 .b-small .blu-ripple[data-v-2bedc3c7] { 264 padding: 0 8px 265 } 266 267 .b-small svg[data-v-2bedc3c7] { 268 width: 18px; 269 height: 18px 270 } 271 272 .b-icon .blu-ripple[data-v-2bedc3c7] { 273 padding: 0 274 } 275 276 .b-loading .blu-loader-wrapper[data-v-2bedc3c7] { 277 height: 24px; 278 position: absolute 279 } 280 281 .b-loading .blu-ripple[data-v-2bedc3c7] { 282 color: transparent 283 } 284 285 .b-loading .blu-ripple>svg[data-v-2bedc3c7] { 286 visibility: hidden 287 } 288 289 .b-loading .blu-ripple .blu-ripple-wave[data-v-2bedc3c7] { 290 color: #fff 291 } 292 293 .b-loading.b-outline.b-secondary .blu-ripple-wave[data-v-2bedc3c7],.b-loading.b-white .blu-ripple-wave[data-v-2bedc3c7] { 294 color: #1d05f7 295 } 296 297 .b-loading.b-outline.b-primary .blu-ripple-wave[data-v-2bedc3c7] { 298 color: #f2b11b 299 } 300 301 .b-loading.b-ghost.b-secondary .blu-ripple-wave[data-v-2bedc3c7] { 302 color: #1d05f7 303 } 304 305 .b-loading.b-ghost.b-primary .blu-ripple-wave[data-v-2bedc3c7] { 306 color: #f2b11b 307 } 308 309 .blu-input-stepper .blu-btn .blu-ripple[data-v-2bedc3c7] { 310 padding: 0; 311 width: 24px; 312 height: 24px; 313 border-radius: 50% 314 } 315 316 .blu-input-stepper .blu-btn .blu-ripple svg[data-v-2bedc3c7] { 317 width: 18px;
318 height: 18px; 319 margin-left: 1px 320 } 321 322 .blu-input-stepper .blu-btn .blu-ripple-enter-active[data-v-2bedc3c7] { 323 background: #1d05f7 324 } 325 326 .b-disabled[data-v-2bedc3c7] { 327 opacity: 1 328 } 329 330 .blu-btn-dropdown .blu-ripple>svg+div[data-v-2bedc3c7] { 331 margin-left: 8px 332 } 333 334 .blu-ripple[data-v-574d97b4] { 335 width: 100%; 336 height: 100%; 337 position: relative; 338 overflow: hidden; 339 display: flex; 340 justify-content: center; 341 align-items: center; 342 -webkit-box-pack: center; 343 -webkit-box-align: center; 344 -webkit-mask-image: radial-gradient(circle,#fff 100%,#000 0); 345 padding: 0 12px 346 } 347 348 .blu-ripple-wave[data-v-574d97b4] { 349 position: absolute; 350 z-index: 1; 351 pointer-events: none; 352 background: currentColor; 353 border-radius: 50%; 354 opacity: 0; 355 transform: scale(2) translateZ(0) 356 } 357 358 .blu-ripple-wave.b-centered[data-v-574d97b4] { 359 animation-duration: 1.2s; 360 top: 50%; 361 left: 50% 362 } 363 364 .blu-ripple-wave~[data-v-574d97b4]:not(.blu-ripple-wave) { 365 position: relative; 366 z-index: 2 367 } 368 369 .blu-ripple-enter-active[data-v-574d97b4] { 370 transition: 2s cubic-bezier(.25,.8,.25,1); 371 transition-property: opacity,transform; 372 will-change: opacity,transform 373 } 374 375 .blu-ripple-enter-active.b-centered[data-v-574d97b4] { 376 transition-duration: 1.2s 377 } 378 379 .blu-ripple-enter[data-v-574d97b4] { 380 opacity: .26; 381 transform: scale(.26) translateZ(0) 382 } 383 384 .has-left-icon .blu-ripple svg[data-v-574d97b4] { 385 margin-right: 8px 386 } 387 388 .has-left-icon.b-small svg[data-v-574d97b4] { 389 transform-origin: left; 390 margin-right: 4px 391 } 392 393 .b-large .blu-ripple[data-v-574d97b4] { 394 padding: 0 16px 395 } 396 397 .b-small .blu-ripple[data-v-574d97b4] { 398 padding: 0 8px 399 } 400 401 .b-small svg[data-v-574d97b4] { 402 width: 18px; 403 height: 18px 404 } 405 406 .b-icon .blu-ripple[data-v-574d97b4] { 407 padding: 0 408 } 409 410 .b-loading .blu-loader-wrapper[data-v-574d97b4] { 411 height: 24px; 412 position: absolute 413 } 414 415 .b-loading .blu-ripple[data-v-574d97b4] { 416 color: transparent 417 } 418 419 .b-loading .blu-ripple>svg[data-v-574d97b4] { 420 visibility: hidden 421 } 422 423 .b-loading .blu-ripple .blu-ripple-wave[data-v-574d97b4] { 424 color: #fff 425 } 426 427 .b-loading.b-outline.b-secondary .blu-ripple-wave[data-v-574d97b4],.b-loading.b-white .blu-ripple-wave[data-v-574d97b4] { 428 color: #1d05f7 429 } 430 431 .b-loading.b-outline.b-primary .blu-ripple-wave[data-v-574d97b4] { 432 color: #f2b11b 433 } 434 435 .b-loading.b-ghost.b-secondary .blu-ripple-wave[data-v-574d97b4] { 436 color: #1d05f7 437 } 438 439 .b-loading.b-ghost.b-primary .blu-ripple-wave[data-v-574d97b4] { 440 color: #f2b11b 441 } 442 443 .blu-input-stepper .blu-btn .blu-ripple[data-v-574d97b4] { 444 padding: 0; 445 width: 24px; 446 height: 24px; 447 border-radius: 50% 448 } 449 450 .blu-input-stepper .blu-btn .blu-ripple svg[data-v-574d97b4] { 451 width: 18px;
452 height: 18px; 453 margin-left: 1px 454 } 455 456 .blu-input-stepper .blu-btn .blu-ripple-enter-active[data-v-574d97b4] { 457 background: #1d05f7 458 } 459 460 .b-disabled[data-v-574d97b4] { 461 opacity: 1 462 } 463 464 .blu-btn-dropdown .blu-ripple>svg+div[data-v-574d97b4] { 465 margin-left: 8px 466 } 467 468 .blu-ripple[data-v-19fd2cc7] { 469 width: 100%; 470 height: 100%; 471 position: relative; 472 overflow: hidden; 473 display: flex; 474 justify-content: center; 475 align-items: center; 476 -webkit-box-pack: center; 477 -webkit-box-align: center; 478 -webkit-mask-image: radial-gradient(circle,#fff 100%,#000 0); 479 padding: 0 12px 480 } 481 482 .blu-ripple-wave[data-v-19fd2cc7] { 483 position: absolute; 484 z-index: 1; 485 pointer-events: none; 486 background: currentColor; 487 border-radius: 50%; 488 opacity: 0; 489 transform: scale(2) translateZ(0) 490 } 491 492 .blu-ripple-wave.b-centered[data-v-19fd2cc7] { 493 animation-duration: 1.2s; 494 top: 50%; 495 left: 50% 496 } 497 498 .blu-ripple-wave~[data-v-19fd2cc7]:not(.blu-ripple-wave) { 499 position: relative; 500 z-index: 2 501 } 502 503 .blu-ripple-enter-active[data-v-19fd2cc7] { 504 transition: 2s cubic-bezier(.25,.8,.25,1); 505 transition-property: opacity,transform; 506 will-change: opacity,transform 507 } 508 509 .blu-ripple-enter-active.b-centered[data-v-19fd2cc7] { 510 transition-duration: 1.2s 511 } 512 513 .blu-ripple-enter[data-v-19fd2cc7] { 514 opacity: .26; 515 transform: scale(.26) translateZ(0) 516 } 517 518 .has-left-icon .blu-ripple svg[data-v-19fd2cc7] { 519 margin-right: 8px 520 } 521 522 .has-left-icon.b-small svg[data-v-19fd2cc7] { 523 transform-origin: left; 524 margin-right: 4px 525 } 526 527 .b-large .blu-ripple[data-v-19fd2cc7] { 528 padding: 0 16px 529 } 530 531 .b-small .blu-ripple[data-v-19fd2cc7] { 532 padding: 0 8px 533 } 534 535 .b-small svg[data-v-19fd2cc7] { 536 width: 18px; 537 height: 18px 538 } 539 540 .b-icon .blu-ripple[data-v-19fd2cc7] { 541 padding: 0 542 } 543 544 .b-loading .blu-loader-wrapper[data-v-19fd2cc7] { 545 height: 24px; 546 position: absolute 547 } 548 549 .b-loading .blu-ripple[data-v-19fd2cc7] { 550 color: transparent 551 } 552 553 .b-loading .blu-ripple>svg[data-v-19fd2cc7] { 554 visibility: hidden 555 } 556 557 .b-loading .blu-ripple .blu-ripple-wave[data-v-19fd2cc7] { 558 color: #fff 559 } 560 561 .b-loading.b-outline.b-secondary .blu-ripple-wave[data-v-19fd2cc7],.b-loading.b-white .blu-ripple-wave[data-v-19fd2cc7] { 562 color: #1d05f7 563 } 564 565 .b-loading.b-outline.b-primary .blu-ripple-wave[data-v-19fd2cc7] { 566 color: #f2b11b 567 } 568 569 .b-loading.b-ghost.b-secondary .blu-ripple-wave[data-v-19fd2cc7] { 570 color: #1d05f7 571 } 572 573 .b-loading.b-ghost.b-primary .blu-ripple-wave[data-v-19fd2cc7] { 574 color: #f2b11b 575 } 576 577 .blu-input-stepper .blu-btn .blu-ripple[data-v-19fd2cc7] { 578 padding: 0; 579 width: 24px; 580 height: 24px; 581 border-radius: 50% 582 } 583 584 .blu-input-stepper .blu-btn .blu-ripple svg[data-v-19fd2cc7] { 585 width: 18px;
586 height: 18px; 587 margin-left: 1px 588 } 589 590 .blu-input-stepper .blu-btn .blu-ripple-enter-active[data-v-19fd2cc7] { 591 background: #1d05f7 592 } 593 594 .blu-btn-dropdown .blu-ripple>svg+div[data-v-19fd2cc7] { 595 margin-left: 8px 596 } 597 598 .blu-btn[data-v-19fd2cc7] { 599 position: relative; 600 font: 16px/20px blibli demi bold,-apple-system,segoe ui,roboto,helvetica,arial,sans-serif; 601 text-decoration: none; 602 transition: color .4s,background-color .4s,border-color .6s; 603 white-space: nowrap; 604 height: 48px; 605 padding: 0; 606 -webkit-tap-highlight-color: rgba(0,0,0,0) 607 } 608 609 .blu-btn[data-v-19fd2cc7]::-moz-focus-inner { 610 border: 0 611 } 612 613 .blu-btn[data-v-19fd2cc7]:active { 614 outline: none 615 } 616 617 .blu-btn[data-v-19fd2cc7]:before { 618 position: absolute; 619 top: 0; 620 right: 0; 621 bottom: 0; 622 left: 0; 623 z-index: 1; 624 opacity: 0; 625 transition: .4s cubic-bezier(.4,0,.2,1); 626 will-change: background-color,opacity; 627 content: " " 628 } 629 630 .blu-btn[data-v-19fd2cc7]:focus-visible { 631 box-shadow: 0 0 0 4px #000 632 } 633 634 .blu-btn.b-primary[data-v-19fd2cc7] { 635 color: #fff; 636 background-color: #f2b11b; 637 border-color: #f2b11b 638 } 639 640 .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 { 641 background-color: #e39304; 642 border-color: #e39304 643 } 644 645 .blu-btn.b-secondary[data-v-19fd2cc7] { 646 color: #fff; 647 background-color: #1d05f7; 648 border-color: #1d05f7 649 } 650 651 .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 { 652 background-color: #006dea; 653 border-color: #006dea 654 } 655 656 .blu-btn.b-white[data-v-19fd2cc7] { 657 color: #fff; 658 background-color: #fff; 659 border-color: #fff; 660 color: #1d05f7 661 } 662 663 .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 { 664 background-color: #f1f2f2; 665 border-color: #f1f2f2 666 } 667 668 .blu-btn.b-disabled[data-v-19fd2cc7] { 669 color: #fff; 670 color: rgba(25,34,42,.4) 671 } 672 673 .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 { 674 background-color: #c8cbcd; 675 border-color: #c8cbcd 676 } 677 678 .blu-btn.b-large[data-v-19fd2cc7] { 679 height: 56px 680 } 681 682 .blu-btn.b-small[data-v-19fd2cc7] { 683 font: 14px/18px blibli demi bold,-apple-system,segoe ui,roboto,helvetica,arial,sans-serif; 684 height: 32px 685 } 686 687 .b-disabled[data-v-19fd2cc7] { 688 opacity: 1 689 } 690 691 input[type=button][data-v-19fd2cc7]::-moz-focus-inner,input[type=submit][data-v-19fd2cc7]::-moz-focus-inner { 692 border: 0 693 } 694 695 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 { 696 outline: none 697 } 698 699 a[data-v-19fd2cc7],a[data-v-19fd2cc7]:active,a[data-v-19fd2cc7]:focus,a[data-v-19fd2cc7]:hover,a[data-v-19fd2cc7]:visited { 700 outline: 0 none!important 701 } 702 703 .blu-btn[data-v-19fd2cc7] { 704 border-radius: 24px 705 } 706 707 .blu-btn+.blu-button[data-v-19fd2cc7] { 708 margin-left: 0 709 } 710 711 .blu-btn.b-outline[data-v-19fd2cc7] { 712 background-color: transparent 713 } 714 715 .blu-btn.b-outline.b-primary[data-v-19fd2cc7] { 716 color: #f2b11b; 717 background-color: #e39304; 718 border: 1px solid #ffcd00 719 } 720 721 .blu-btn.b-outline.b-primary[data-v-19fd2cc7]:not(.b-disabled) { 722 background-color: hsla(0,0%,100%,.12) 723 } 724 725 .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 { 726 background-color: rgba(227,147,4,.08); 727 border: 1px solid #ffcd00 728 } 729 730 .blu-btn.b-outline.b-primary.b-active[data-v-19fd2cc7] { 731 z-index: 9; 732 background-color: #f2b11b; 733 color: #fff 734 } 735 736 .blu-btn.b-outline.b-secondary[data-v-19fd2cc7] { 737 color: #1d05f7; 738 background-color: #006dea; 739 border: 1px solid #1d05f7 740 } 741 742 .blu-btn.b-outline.b-secondary[data-v-19fd2cc7]:not(.b-disabled) { 743 background-color: hsla(0,0%,100%,.12) 744 } 745 746 .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 { 747 background-color: rgba(0,109,234,.08); 748 border: 1px solid #1d05f7 749 } 750 751 .blu-btn.b-outline.b-secondary.b-active[data-v-19fd2cc7] { 752 z-index: 9; 753 background-color: #1d05f7; 754 color: #fff 755 } 756 757 .blu-btn.b-outline.b-white[data-v-19fd2cc7] { 758 color: #fff; 759 background-color: #fff; 760 border: 1px solid #fff 761 } 762 763 .blu-btn.b-outline.b-white[data-v-19fd2cc7]:not(.b-disabled) { 764 background-color: hsla(0,0%,100%,.12) 765 } 766 767 .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 { 768 background-color: hsla(0,0%,100%,.4); 769 border: 1px solid #fff 770 } 771 772 .blu-btn.b-outline.b-white.b-active[data-v-19fd2cc7] { 773 z-index: 9; 774 background-color: #fff; 775 color: #fff 776 } 777 778 .blu-btn.b-outline.b-disabled[data-v-19fd2cc7] { 779 color: rgba(25,34,42,.4); 780 background-color: #c8cbcd; 781 border: 1px solid #c8cbcd 782 } 783 784 .blu-btn.b-outline.b-disabled[data-v-19fd2cc7]:not(.b-disabled) { 785 background-color: hsla(0,0%,100%,.12) 786 } 787 788 .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 { 789 background-color: rgba(200,203,205,.08); 790 border: 1px solid #c8cbcd 791 } 792 793 .blu-btn.b-outline.b-disabled.b-active[data-v-19fd2cc7] { 794 z-index: 9; 795 background-color: rgba(25,34,42,.4); 796 color: #fff 797 } 798 799 .blu-btn.b-outline.b-small .blu-ripple[data-v-19fd2cc7] { 800 border-radius: 14px 801 } 802 803 .blu-btn.b-outline.b-large .blu-ripple[data-v-19fd2cc7] { 804 border-radius: 30px 805 } 806 807 .blu-btn.b-ghost[data-v-19fd2cc7] { 808 background-color: transparent; 809 border-color: transparent 810 } 811 812 .blu-btn.b-ghost.b-primary[data-v-19fd2cc7] { 813 color: #f2b11b; 814 border-color: transparent 815 } 816 817 .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 { 818 border-color: transparent; 819 background-color: rgba(227,147,4,.08) 820 } 821 822 .blu-btn.b-ghost.b-secondary[data-v-19fd2cc7] { 823 color: #1d05f7; 824 border-color: transparent 825 } 826 827 .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 { 828 border-color: transparent; 829 background-color: rgba(0,109,234,.08) 830 } 831 832 .blu-btn.b-ghost.b-white[data-v-19fd2cc7] { 833 color: #fff; 834 border-color: transparent 835 } 836 837 .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 { 838 border-color: transparent; 839 background-color: hsla(0,0%,100%,.4) 840 } 841 842 .blu-btn.b-ghost.b-white.b-disabled[data-v-19fd2cc7] { 843 color: hsla(0,0%,100%,.4); 844 border-color: transparent 845 } 846 847 .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 { 848 border-color: transparent; 849 background-color: transparent 850 } 851 852 .blu-btn.b-ghost.b-disabled[data-v-19fd2cc7] { 853 color: rgba(25,34,42,.4); 854 border-color: transparent 855 } 856 857 .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 { 858 border-color: transparent; 859 background-color: transparent 860 } 861 862 .blu-btn.b-warning[data-v-19fd2cc7] { 863 color: #fff; 864 background-color: #ffcd00; 865 border-color: #ffcd00 866 } 867 868 .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 { 869 background-color: #cca400; 870 border-color: #cca400 871 } 872 873 .blu-btn.b-danger[data-v-19fd2cc7] { 874 color: #fff; 875 background-color: #ff4646; 876 border-color: #ff4646 877 } 878 879 .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 { 880 background-color: #ff1313; 881 border-color: #ff1313 882 } 883 884 .blu-btn.b-small .blu-ripple[data-v-19fd2cc7],.blu-btn.b-small[data-v-19fd2cc7] { 885 border-radius: 16px 886 } 887 888 .blu-btn.b-large .blu-ripple[data-v-19fd2cc7],.blu-btn.b-large[data-v-19fd2cc7] { 889 border-radius: 32px 890 } 891 892 .blu-btn.b-icon[data-v-19fd2cc7] { 893 width: 48px 894 } 895 896 .blu-btn.b-icon.b-large[data-v-19fd2cc7] { 897 width: 56px 898 } 899 900 .blu-btn.b-icon.b-small[data-v-19fd2cc7] { 901 width: 32px 902 } 903 904 .blu-btn.b-icon svg[data-v-19fd2cc7] { 905 width: 100%; 906 height: 100% 907 } 908 909 .blu-btn.b-full-width[data-v-19fd2cc7] { 910 width: 100% 911 } 912 913 .blu-btn .blu-ripple[data-v-19fd2cc7] { 914 border-radius: 24px 915 } 916 917 .blu-ripple[data-v-2bedc3c7] { 918 width: 100%; 919 height: 100%; 920 position: relative; 921 overflow: hidden; 922 display: flex; 923 justify-content: center; 924 align-items: center; 925 -webkit-box-pack: center; 926 -webkit-box-align: center; 927 -webkit-mask-image: radial-gradient(circle,#fff 100%,#000 0); 928 padding: 0 12px 929 } 930 931 .blu-ripple-wave[data-v-2bedc3c7] { 932 position: absolute; 933 z-index: 1; 934 pointer-events: none; 935 background: currentColor; 936 border-radius: 50%; 937 opacity: 0; 938 transform: scale(2) translateZ(0) 939 } 940 941 .blu-ripple-wave.b-centered[data-v-2bedc3c7] { 942 animation-duration: 1.2s; 943 top: 50%; 944 left: 50% 945 } 946 947 .blu-ripple-wave~[data-v-2bedc3c7]:not(.blu-ripple-wave) { 948 position: relative; 949 z-index: 2 950 } 951 952 .blu-ripple-enter-active[data-v-2bedc3c7] { 953 transition: 2s cubic-bezier(.25,.8,.25,1); 954 transition-property: opacity,transform; 955 will-change: opacity,transform 956 } 957 958 .blu-ripple-enter-active.b-centered[data-v-2bedc3c7] { 959 transition-duration: 1.2s 960 } 961 962 .blu-ripple-enter[data-v-2bedc3c7] { 963 opacity: .26; 964 transform: scale(.26) translateZ(0) 965 } 966 967 .has-left-icon .blu-ripple svg[data-v-2bedc3c7] { 968 margin-right: 8px 969 } 970 971 .has-left-icon.b-small svg[data-v-2bedc3c7] { 972 transform-origin: left; 973 margin-right: 4px 974 } 975 976 .b-large .blu-ripple[data-v-2bedc3c7] { 977 padding: 0 16px 978 } 979 980 .b-small .blu-ripple[data-v-2bedc3c7] { 981 padding: 0 8px 982 } 983 984 .b-small svg[data-v-2bedc3c7] { 985 width: 18px;
986 height: 18px 987 } 988 989 .b-icon .blu-ripple[data-v-2bedc3c7] { 990 padding: 0 991 } 992 993 .b-loading .blu-loader-wrapper[data-v-2bedc3c7] { 994 height: 24px; 995 position: absolute 996 } 997 998 .b-loading .blu-ripple[data-v-2bedc3c7] { 999 color: transparent 1000 } 1001 1002 .b-loading .blu-ripple>svg[data-v-2bedc3c7] { 1003 visibility: hidden 1004 } 1005 1006 .b-loading .blu-ripple .blu-ripple-wave[data-v-2bedc3c7] { 1007 color: #fff 1008 } 1009 1010 .b-loading.b-outline.b-secondary .blu-ripple-wave[data-v-2bedc3c7],.b-loading.b-white .blu-ripple-wave[data-v-2bedc3c7] { 1011 color: #1d05f7 1012 } 1013 1014 .b-loading.b-outline.b-primary .blu-ripple-wave[data-v-2bedc3c7] { 1015 color: #f2b11b 1016 } 1017 1018 .b-loading.b-ghost.b-secondary .blu-ripple-wave[data-v-2bedc3c7] { 1019 color: #1d05f7 1020 } 1021 1022 .b-loading.b-ghost.b-primary .blu-ripple-wave[data-v-2bedc3c7] { 1023 color: #f2b11b 1024 } 1025 1026 .blu-input-stepper .blu-btn .blu-ripple[data-v-2bedc3c7] { 1027 padding: 0; 1028 width: 24px; 1029 height: 24px; 1030 border-radius: 50% 1031 } 1032 1033 .blu-input-stepper .blu-btn .blu-ripple svg[data-v-2bedc3c7] { 1034 width: 18px; 1035 height: 18px; 1036 margin-left: 1px 1037 } 1038 1039 .blu-input-stepper .blu-btn .blu-ripple-enter-active[data-v-2bedc3c7] { 1040 background: #1d05f7 1041 } 1042 1043 .b-disabled[data-v-2bedc3c7] { 1044 opacity: 1 1045 } 1046 1047 .blu-btn-dropdown .blu-ripple>svg+div[data-v-2bedc3c7] { 1048 margin-left: 8px 1049 } 1050 1051 .blu-ripple[data-v-574d97b4] { 1052 width: 100%; 1053 height: 100%; 1054 position: relative; 1055 overflow: hidden; 1056 display: flex; 1057 justify-content: center; 1058 align-items: center; 1059 -webkit-box-pack: center; 1060 -webkit-box-align: center; 1061 -webkit-mask-image: radial-gradient(circle,#fff 100%,#000 0); 1062 padding: 0 12px 1063 } 1064 1065 .blu-ripple-wave[data-v-574d97b4] { 1066 position: absolute; 1067 z-index: 1; 1068 pointer-events: none; 1069 background: currentColor; 1070 border-radius: 50%; 1071 opacity: 0; 1072 transform: scale(2) translateZ(0) 1073 } 1074 1075 .blu-ripple-wave.b-centered[data-v-574d97b4] { 1076 animation-duration: 1.2s; 1077 top: 50%; 1078 left: 50% 1079 } 1080 1081 .blu-ripple-wave~[data-v-574d97b4]:not(.blu-ripple-wave) { 1082 position: relative; 1083 z-index: 2 1084 } 1085 1086 .blu-ripple-enter-active[data-v-574d97b4] { 1087 transition: 2s cubic-bezier(.25,.8,.25,1); 1088 transition-property: opacity,transform; 1089 will-change: opacity,transform 1090 } 1091 1092 .blu-ripple-enter-active.b-centered[data-v-574d97b4] { 1093 transition-duration: 1.2s 1094 } 1095 1096 .blu-ripple-enter[data-v-574d97b4] { 1097 opacity: .26; 1098 transform: scale(.26) translateZ(0) 1099 } 1100 1101 .has-left-icon .blu-ripple svg[data-v-574d97b4] { 1102 margin-right: 8px 1103 } 1104 1105 .has-left-icon.b-small svg[data-v-574d97b4] { 1106 transform-origin: left; 1107 margin-right: 4px 1108 } 1109 1110 .b-large .blu-ripple[data-v-574d97b4] { 1111 padding: 0 16px 1112 } 1113 1114 .b-small .blu-ripple[data-v-574d97b4] { 1115 padding: 0 8px 1116 } 1117 1118 .b-small svg[data-v-574d97b4] { 1119 width: 18px;
1120 height: 18px 1121 } 1122 1123 .b-icon .blu-ripple[data-v-574d97b4] { 1124 padding: 0 1125 } 1126 1127 .b-loading .blu-loader-wrapper[data-v-574d97b4] { 1128 height: 24px; 1129 position: absolute 1130 } 1131 1132 .b-loading .blu-ripple[data-v-574d97b4] { 1133 color: transparent 1134 } 1135 1136 .b-loading .blu-ripple>svg[data-v-574d97b4] { 1137 visibility: hidden 1138 } 1139 1140 .b-loading .blu-ripple .blu-ripple-wave[data-v-574d97b4] { 1141 color: #fff 1142 } 1143 1144 .b-loading.b-outline.b-secondary .blu-ripple-wave[data-v-574d97b4],.b-loading.b-white .blu-ripple-wave[data-v-574d97b4] { 1145 color: #1d05f7 1146 } 1147 1148 .b-loading.b-outline.b-primary .blu-ripple-wave[data-v-574d97b4] { 1149 color: #f2b11b 1150 } 1151 1152 .b-loading.b-ghost.b-secondary .blu-ripple-wave[data-v-574d97b4] { 1153 color: #1d05f7 1154 } 1155 1156 .b-loading.b-ghost.b-primary .blu-ripple-wave[data-v-574d97b4] { 1157 color: #f2b11b 1158 } 1159 1160 .blu-input-stepper .blu-btn .blu-ripple[data-v-574d97b4] { 1161 padding: 0; 1162 width: 24px; 1163 height: 24px; 1164 border-radius: 50% 1165 } 1166 1167 .blu-input-stepper .blu-btn .blu-ripple svg[data-v-574d97b4] { 1168 width: 18px; 1169 height: 18px; 1170 margin-left: 1px 1171 } 1172 1173 .blu-input-stepper .blu-btn .blu-ripple-enter-active[data-v-574d97b4] { 1174 background: #1d05f7 1175 } 1176 1177 .b-disabled[data-v-574d97b4] { 1178 opacity: 1 1179 } 1180 1181 .blu-btn-dropdown .blu-ripple>svg+div[data-v-574d97b4] { 1182 margin-left: 8px 1183 } 1184 </style> 1185
1185<script> 1186 window.SERVER_CACHE = ( () => ({ 1187 cachedKeys: ["cmsConfig", "searchConfig", "routerConfig"], 1188 expiryTime: Date.now() + 15_000 1189 }))() 1190 </script>
1190 1191 <!--vue-ssr-collab-data--> 1192 <!-- start inject script --> 1193
1193<script src="https://www.blibli.com/backend/content/thematic/thematic_configuration_non_canary.js"></script>
1193 1194 <!-- end inject script --> 1195 <link rel="preload" as="image" href="https://derushah.com/img/pgdaun123.jpg"> 1196 <style type="text/css"> 1197 .label[data-v-c89634de] { 1198 height: 16px; 1199 padding: 0 8px; 1200 display: inline-flex; 1201 align-items: center; 1202 font: 12px/16px "blibli demi bold",-apple-system,segoe ui,roboto,helvetica,arial,sans-serif; 1203 text-decoration: none; 1204 color: #fff; 1205 border-radius: 4px; 1206 background-color: #f1f2f2; 1207 white-space: nowrap 1208 } 1209 1210 .label button[data-v-c89634de] { 1211 padding: 0; 1212 margin-right: -4px; 1213 top: 2px 1214 } 1215 1216 .label button svg[data-v-c89634de] { 1217 margin-right: -6px; 1218 margin-top: 2px; 1219 transform: scale(0.75); 1220 transform-origin: left; 1221 color: #fff 1222 } 1223 1224 .label button.b-primary[data-v-c89634de] { 1225 color: #fff 1226 } 1227 1228 .label.b-secondary button svg[data-v-c89634de] { 1229 color: #1d05f7 1230 } 1231 1232 .label.b-dot[data-v-c89634de] { 1233 width: 8px; 1234 height: 8px; 1235 padding: 0; 1236 font-size: 0 1237 } 1238 1239 .label.b-border[data-v-c89634de] { 1240 box-shadow: 0 0 0 1px #fff 1241 } 1242 1243 .label[data-v-c89634de] { 1244 background-color: #ff4646 1245 } 1246 1247 .label.b-secondary[data-v-c89634de] { 1248 background-color: #ffe6e6; 1249 color: #e93c3c 1250 } 1251 </style> 1252 <style type="text/css"> 1253 .label[data-v-2c6dbc7f] { 1254 height: 16px; 1255 padding: 0 8px; 1256 display: inline-flex; 1257 align-items: center; 1258 font: 12px/16px "blibli demi bold",-apple-system,segoe ui,roboto,helvetica,arial,sans-serif; 1259 text-decoration: none; 1260 color: #fff; 1261 border-radius: 4px; 1262 background-color: #f1f2f2; 1263 white-space: nowrap 1264 } 1265 1266 .label button[data-v-2c6dbc7f] { 1267 padding: 0; 1268 margin-right: -4px; 1269 top: 2px 1270 } 1271 1272 .label button svg[data-v-2c6dbc7f] { 1273 margin-right: -6px; 1274 margin-top: 2px; 1275 transform: scale(0.75); 1276 transform-origin: left; 1277 color: #fff 1278 } 1279 1280 .label button.b-primary[data-v-2c6dbc7f] { 1281 color: #fff 1282 } 1283 1284 .label.b-secondary button svg[data-v-2c6dbc7f] { 1285 color: #1d05f7 1286 } 1287 1288 .label.b-dot[data-v-2c6dbc7f] { 1289 width: 8px; 1290 height: 8px; 1291 padding: 0; 1292 font-size: 0 1293 } 1294 1295 .label.b-border[data-v-2c6dbc7f] { 1296 box-shadow: 0 0 0 1px #fff 1297 } 1298 1299 .label[data-v-2c6dbc7f] { 1300 background-color: #ff7373 1301 } 1302 </style> 1303 <style type="text/css"> 1304 .label[data-v-7ca4698c] { 1305 height: 16px; 1306 padding: 0 8px; 1307 display: inline-flex; 1308 align-items: center; 1309 font: 12px/16px "blibli demi bold",-apple-system,segoe ui,roboto,helvetica,arial,sans-serif; 1310 text-decoration: none; 1311 color: #fff; 1312 border-radius: 4px; 1313 background-color: #f1f2f2; 1314 white-space: nowrap 1315 } 1316 1317 .label button[data-v-7ca4698c] { 1318 padding: 0; 1319 margin-right: -4px; 1320 top: 2px 1321 } 1322 1323 .label button svg[data-v-7ca4698c] { 1324 margin-right: -6px; 1325 margin-top: 2px; 1326 transform: scale(0.75); 1327 transform-origin: left; 1328 color: #fff 1329 } 1330 1331 .label button.b-primary[data-v-7ca4698c] { 1332 color: #fff 1333 } 1334 1335 .label.b-secondary button svg[data-v-7ca4698c] { 1336 color: #1d05f7 1337 } 1338 1339 .label.b-dot[data-v-7ca4698c] { 1340 width: 8px; 1341 height: 8px; 1342 padding: 0; 1343 font-size: 0 1344 } 1345 1346 .label.b-border[data-v-7ca4698c] { 1347 box-shadow: 0 0 0 1px #fff 1348 } 1349 1350 .label[data-v-7ca4698c] { 1351 background-color: #ffcd00 1352 } 1353 1354 .label.b-secondary[data-v-7ca4698c] { 1355 background-color: #fef5d2; 1356 color: #f2b11b 1357 } 1358 </style> 1359 <style type="text/css"> 1360 .label[data-v-c2eed16c] { 1361 height: 16px; 1362 padding: 0 8px; 1363 display: inline-flex; 1364 align-items: center; 1365 font: 12px/16px "blibli demi bold",-apple-system,segoe ui,roboto,helvetica,arial,sans-serif; 1366 text-decoration: none; 1367 color: #fff; 1368 border-radius: 4px; 1369 background-color: #f1f2f2; 1370 white-space: nowrap 1371 } 1372 1373 .label button[data-v-c2eed16c] { 1374 padding: 0; 1375 margin-right: -4px; 1376 top: 2px 1377 } 1378 1379 .label button svg[data-v-c2eed16c] { 1380 margin-right: -6px; 1381 margin-top: 2px; 1382 transform: scale(0.75); 1383 transform-origin: left; 1384 color: #fff 1385 } 1386 1387 .label button.b-primary[data-v-c2eed16c] { 1388 color: #fff 1389 } 1390 1391 .label.b-secondary button svg[data-v-c2eed16c] { 1392 color: #1d05f7 1393 } 1394 1395 .label.b-dot[data-v-c2eed16c] { 1396 width: 8px; 1397 height: 8px; 1398 padding: 0; 1399 font-size: 0 1400 } 1401 1402 .label.b-border[data-v-c2eed16c] { 1403 box-shadow: 0 0 0 1px #fff 1404 } 1405 1406 .label[data-v-c2eed16c] { 1407 background-color: #22a334 1408 } 1409 1410 .label.b-secondary[data-v-c2eed16c] { 1411 background-color: #d6f7da; 1412 color: #1c832a 1413 } 1414 </style> 1415 <style type="text/css"> 1416 .label[data-v-25801e34] { 1417 height: 16px; 1418 padding: 0 8px; 1419 display: inline-flex; 1420 align-items: center; 1421 font: 12px/16px "blibli demi bold",-apple-system,segoe ui,roboto,helvetica,arial,sans-serif; 1422 text-decoration: none; 1423 color: #fff; 1424 border-radius: 4px; 1425 background-color: #f1f2f2; 1426 white-space: nowrap 1427 } 1428 1429 .label button[data-v-25801e34] { 1430 padding: 0; 1431 margin-right: -4px; 1432 top: 2px 1433 } 1434 1435 .label button svg[data-v-25801e34] { 1436 margin-right: -6px; 1437 margin-top: 2px; 1438 transform: scale(0.75); 1439 transform-origin: left; 1440 color: #fff 1441 } 1442 1443 .label button.b-primary[data-v-25801e34] { 1444 color: #fff 1445 } 1446 1447 .label.b-secondary button svg[data-v-25801e34] { 1448 color: #1d05f7 1449 } 1450 1451 .label.b-dot[data-v-25801e34] { 1452 width: 8px; 1453 height: 8px; 1454 padding: 0; 1455 font-size: 0 1456 } 1457 1458 .label.b-border[data-v-25801e34] { 1459 box-shadow: 0 0 0 1px #fff 1460 } 1461 1462 .label[data-v-25801e34] { 1463 background-color: #1d05f7 1464 } 1465 1466 .label.b-secondary[data-v-25801e34] { 1467 background-color: #e1f1ff; 1468 color: #1d05f7 1469 } 1470 </style> 1471 <style type="text/css"> 1472 .label[data-v-7e88823e] { 1473 height: 16px; 1474 padding: 0 8px; 1475 display: inline-flex; 1476 align-items: center; 1477 font: 12px/16px "blibli demi bold",-apple-system,segoe ui,roboto,helvetica,arial,sans-serif; 1478 text-decoration: none; 1479 color: #fff; 1480 border-radius: 4px; 1481 background-color: #f1f2f2; 1482 white-space: nowrap 1483 } 1484 1485 .label button[data-v-7e88823e] { 1486 padding: 0; 1487 margin-right: -4px; 1488 top: 2px 1489 } 1490 1491 .label button svg[data-v-7e88823e] { 1492 margin-right: -6px; 1493 margin-top: 2px; 1494 transform: scale(0.75); 1495 transform-origin: left; 1496 color: #fff 1497 } 1498 1499 .label button.b-primary[data-v-7e88823e] { 1500 color: #fff 1501 } 1502 1503 .label.b-secondary button svg[data-v-7e88823e] { 1504 color: #1d05f7 1505 } 1506 1507 .label.b-dot[data-v-7e88823e] { 1508 width: 8px; 1509 height: 8px; 1510 padding: 0; 1511 font-size: 0 1512 } 1513 1514 .label.b-border[data-v-7e88823e] { 1515 box-shadow: 0 0 0 1px #fff 1516 } 1517 1518 .label[data-v-7e88823e] { 1519 color: rgba(25,34,42,.4); 1520 background-color: #e1e3e4 1521 } 1522 1523 .label.b-secondary[data-v-7e88823e] { 1524 background-color: #92979c; 1525 color: #fff 1526 } 1527 </style> 1528 <style type="text/css"> 1529 .blu-ripple[data-v-48d1b9d6] { 1530 width: 100%; 1531 height: 100%; 1532 position: relative; 1533 overflow: hidden; 1534 display: flex; 1535 justify-content: center; 1536 align-items: center; 1537 -webkit-box-pack: center; 1538 -webkit-box-align: center; 1539 -webkit-mask-image: radial-gradient(circle, #ffffff 100%, #000000 100%); 1540 padding: 0 12px 1541 } 1542 1543 .blu-ripple-wave[data-v-48d1b9d6] { 1544 position: absolute; 1545 z-index: 1; 1546 pointer-events: none; 1547 background: currentColor; 1548 border-radius: 50%; 1549 opacity: 0; 1550 transform: scale(2) translateZ(0) 1551 } 1552 1553 .blu-ripple-wave.b-centered[data-v-48d1b9d6] { 1554 animation-duration: 1.2s; 1555 top: 50%; 1556 left: 50% 1557 } 1558 1559 .blu-ripple-wave~*[data-v-48d1b9d6]:not(.blu-ripple-wave) { 1560 position: relative; 1561 z-index: 2 1562 } 1563 1564 .blu-ripple-enter-active[data-v-48d1b9d6] { 1565 transition: 2s cubic-bezier(0.25, 0.8, 0.25, 1); 1566 transition-property: opacity,transform; 1567 will-change: opacity,transform 1568 } 1569 1570 .blu-ripple-enter-active.b-centered[data-v-48d1b9d6] { 1571 transition-duration: 1.2s 1572 } 1573 1574 .blu-ripple-enter[data-v-48d1b9d6] { 1575 opacity: .26; 1576 transform: scale(0.26) translateZ(0) 1577 } 1578 1579 .has-left-icon .blu-ripple svg[data-v-48d1b9d6] { 1580 margin-right: 8px 1581 } 1582 1583 .has-left-icon.b-small svg[data-v-48d1b9d6] { 1584 transform-origin: left; 1585 margin-right: 4px 1586 } 1587 1588 .b-large .blu-ripple[data-v-48d1b9d6] { 1589 padding: 0 16px 1590 } 1591 1592 .b-small .blu-ripple[data-v-48d1b9d6] { 1593 padding: 0 8px 1594 } 1595 1596 .b-small svg[data-v-48d1b9d6] { 1597 width: 18px;
1598 height: 18px 1599 } 1600 1601 .b-icon .blu-ripple[data-v-48d1b9d6] { 1602 padding: 0 1603 } 1604 1605 .b-loading .blu-loader-wrapper[data-v-48d1b9d6] { 1606 height: 24px; 1607 position: absolute 1608 } 1609 1610 .b-loading .blu-ripple[data-v-48d1b9d6] { 1611 color: rgba(0,0,0,0) 1612 } 1613 1614 .b-loading .blu-ripple>svg[data-v-48d1b9d6] { 1615 visibility: hidden 1616 } 1617 1618 .b-loading .blu-ripple .blu-ripple-wave[data-v-48d1b9d6] { 1619 color: #fff 1620 } 1621 1622 .b-loading.b-white .blu-ripple-wave[data-v-48d1b9d6] { 1623 color: #1d05f7 1624 } 1625 1626 .b-loading.b-outline.b-secondary .blu-ripple-wave[data-v-48d1b9d6] { 1627 color: #1d05f7 1628 } 1629 1630 .b-loading.b-outline.b-primary .blu-ripple-wave[data-v-48d1b9d6] { 1631 color: #f2b11b 1632 } 1633 1634 .b-loading.b-ghost.b-secondary .blu-ripple-wave[data-v-48d1b9d6] { 1635 color: #1d05f7 1636 } 1637 1638 .b-loading.b-ghost.b-primary .blu-ripple-wave[data-v-48d1b9d6] { 1639 color: #f2b11b 1640 } 1641 1642 .blu-input-stepper .blu-btn .blu-ripple[data-v-48d1b9d6] { 1643 padding: 0; 1644 width: 24px; 1645 height: 24px; 1646 border-radius: 50% 1647 } 1648 1649 .blu-input-stepper .blu-btn .blu-ripple svg[data-v-48d1b9d6] { 1650 width: 18px; 1651 height: 18px; 1652 margin-left: 1px 1653 } 1654 1655 .blu-input-stepper .blu-btn .blu-ripple-enter-active[data-v-48d1b9d6] { 1656 background: #1d05f7 1657 } 1658 1659 .b-disabled[data-v-48d1b9d6] { 1660 opacity: 1 1661 } 1662 1663 .blu-btn-dropdown .blu-ripple>svg+div[data-v-48d1b9d6] { 1664 margin-left: 8px 1665 } 1666 </style> 1667 <style type="text/css"> 1668 .blu-ripple[data-v-8d4155d0] { 1669 width: 100%; 1670 height: 100%; 1671 position: relative; 1672 overflow: hidden; 1673 display: flex; 1674 justify-content: center; 1675 align-items: center; 1676 -webkit-box-pack: center; 1677 -webkit-box-align: center; 1678 -webkit-mask-image: radial-gradient(circle, #ffffff 100%, #000000 100%); 1679 padding: 0 12px 1680 } 1681 1682 .blu-ripple-wave[data-v-8d4155d0] { 1683 position: absolute; 1684 z-index: 1; 1685 pointer-events: none; 1686 background: currentColor; 1687 border-radius: 50%; 1688 opacity: 0; 1689 transform: scale(2) translateZ(0) 1690 } 1691 1692 .blu-ripple-wave.b-centered[data-v-8d4155d0] { 1693 animation-duration: 1.2s; 1694 top: 50%; 1695 left: 50% 1696 } 1697
1698 .blu-ripple-wave~*[data-v-8d4155d0]:not(.blu-ripple-wave) { 1699 position: relative; 1700 z-index: 2 1701 } 1702 1703 .blu-ripple-enter-active[data-v-8d4155d0] { 1704 transition: 2s cubic-bezier(0.25, 0.8, 0.25, 1); 1705 transition-property: opacity,transform; 1706 will-change: opacity,transform 1707 } 1708 1709 .blu-ripple-enter-active.b-centered[data-v-8d4155d0] { 1710 transition-duration: 1.2s 1711 } 1712 1713 .blu-ripple-enter[data-v-8d4155d0] { 1714 opacity: .26; 1715 transform: scale(0.26) translateZ(0) 1716 } 1717 1718 .has-left-icon .blu-ripple svg[data-v-8d4155d0] { 1719 margin-right: 8px 1720 } 1721 1722 .has-left-icon.b-small svg[data-v-8d4155d0] { 1723 transform-origin: left; 1724 margin-right: 4px 1725 } 1726 1727 .b-large .blu-ripple[data-v-8d4155d0] { 1728 padding: 0 16px 1729 } 1730 1731 .b-small .blu-ripple[data-v-8d4155d0] { 1732 padding: 0 8px 1733 } 1734 1735 .b-small svg[data-v-8d4155d0] { 1736 width: 18px; 1737 height: 18px 1738 } 1739 1740 .b-icon .blu-ripple[data-v-8d4155d0] { 1741 padding: 0 1742 } 1743 1744 .b-loading .blu-loader-wrapper[data-v-8d4155d0] { 1745 height: 24px; 1746 position: absolute 1747 } 1748 1749 .b-loading .blu-ripple[data-v-8d4155d0] { 1750 color: rgba(0,0,0,0) 1751 } 1752 1753 .b-loading .blu-ripple>svg[data-v-8d4155d0] { 1754 visibility: hidden 1755 } 1756 1757 .b-loading .blu-ripple .blu-ripple-wave[data-v-8d4155d0] { 1758 color: #fff 1759 } 1760 1761 .b-loading.b-white .blu-ripple-wave[data-v-8d4155d0] { 1762 color: #1d05f7 1763 } 1764 1765 .b-loading.b-outline.b-secondary .blu-ripple-wave[data-v-8d4155d0] { 1766 color: #1d05f7 1767 } 1768 1769 .b-loading.b-outline.b-primary .blu-ripple-wave[data-v-8d4155d0] { 1770 color: #f2b11b 1771 } 1772 1773 .b-loading.b-ghost.b-secondary .blu-ripple-wave[data-v-8d4155d0] { 1774 color: #1d05f7 1775 } 1776 1777 .b-loading.b-ghost.b-primary .blu-ripple-wave[data-v-8d4155d0] { 1778 color: #f2b11b 1779 } 1780 1781 .blu-input-stepper .blu-btn .blu-ripple[data-v-8d4155d0] { 1782 padding: 0; 1783 width: 24px; 1784 height: 24px; 1785 border-radius: 50% 1786 } 1787 1788 .blu-input-stepper .blu-btn .blu-ripple svg[data-v-8d4155d0] { 1789 width: 18px; 1790 height: 18px; 1791 margin-left: 1px 1792 } 1793 1794 .blu-input-stepper .blu-btn .blu-ripple-enter-active[data-v-8d4155d0] { 1795 background: #1d05f7 1796 } 1797 1798 .b-disabled[data-v-8d4155d0] { 1799 opacity: 1 1800 } 1801 1802 .blu-btn-dropdown .blu-ripple>svg+div[data-v-8d4155d0] { 1803 margin-left: 8px 1804 } 1805 </style> 1806 <style type="text/css"> 1807 .blu-ripple[data-v-fe4ffa8e] { 1808 width: 100%; 1809 height: 100%; 1810 position: relative; 1811 overflow: hidden; 1812 display: flex; 1813 justify-content: center; 1814 align-items: center; 1815 -webkit-box-pack: center; 1816 -webkit-box-align: center; 1817 -webkit-mask-image: radial-gradient(circle, #ffffff 100%, #000000 100%); 1818 padding: 0 12px 1819 } 1820 1821 .blu-ripple-wave[data-v-fe4ffa8e] { 1822 position: absolute; 1823 z-index: 1; 1824 pointer-events: none; 1825 background: currentColor; 1826 border-radius: 50%; 1827 opacity: 0; 1828 transform: scale(2) translateZ(0) 1829 } 1830 1831 .blu-ripple-wave.b-centered[data-v-fe4ffa8e] { 1832 animation-duration: 1.2s; 1833 top: 50%; 1834 left: 50% 1835 } 1836 1837 .blu-ripple-wave~*[data-v-fe4ffa8e]:not(.blu-ripple-wave) { 1838 position: relative; 1839 z-index: 2 1840 } 1841 1842 .blu-ripple-enter-active[data-v-fe4ffa8e] { 1843 transition: 2s cubic-bezier(0.25, 0.8, 0.25, 1); 1844 transition-property: opacity,transform; 1845 will-change: opacity,transform 1846 } 1847 1848 .blu-ripple-enter-active.b-centered[data-v-fe4ffa8e] { 1849 transition-duration: 1.2s 1850 } 1851 1852 .blu-ripple-enter[data-v-fe4ffa8e] { 1853 opacity: .26; 1854 transform: scale(0.26) translateZ(0) 1855 } 1856 1857 .has-left-icon .blu-ripple svg[data-v-fe4ffa8e] { 1858 margin-right: 8px 1859 } 1860 1861 .has-left-icon.b-small svg[data-v-fe4ffa8e] { 1862 transform-origin: left; 1863 margin-right: 4px 1864 } 1865 1866 .b-large .blu-ripple[data-v-fe4ffa8e] { 1867 padding: 0 16px 1868 } 1869 1870 .b-small .blu-ripple[data-v-fe4ffa8e] { 1871 padding: 0 8px 1872 } 1873 1874 .b-small svg[data-v-fe4ffa8e] { 1875 width: 18px;
1876 height: 18px 1877 } 1878 1879 .b-icon .blu-ripple[data-v-fe4ffa8e] { 1880 padding: 0 1881 } 1882 1883 .b-loading .blu-loader-wrapper[data-v-fe4ffa8e] { 1884 height: 24px; 1885 position: absolute 1886 } 1887 1888 .b-loading .blu-ripple[data-v-fe4ffa8e] { 1889 color: rgba(0,0,0,0) 1890 } 1891 1892 .b-loading .blu-ripple>svg[data-v-fe4ffa8e] { 1893 visibility: hidden 1894 } 1895 1896 .b-loading .blu-ripple .blu-ripple-wave[data-v-fe4ffa8e] { 1897 color: #fff 1898 } 1899 1900 .b-loading.b-white .blu-ripple-wave[data-v-fe4ffa8e] { 1901 color: #1d05f7 1902 } 1903 1904 .b-loading.b-outline.b-secondary .blu-ripple-wave[data-v-fe4ffa8e] { 1905 color: #1d05f7 1906 } 1907 1908 .b-loading.b-outline.b-primary .blu-ripple-wave[data-v-fe4ffa8e] { 1909 color: #f2b11b 1910 } 1911 1912 .b-loading.b-ghost.b-secondary .blu-ripple-wave[data-v-fe4ffa8e] { 1913 color: #1d05f7 1914 } 1915 1916 .b-loading.b-ghost.b-primary .blu-ripple-wave[data-v-fe4ffa8e] { 1917 color: #f2b11b 1918 } 1919 1920 .blu-input-stepper .blu-btn .blu-ripple[data-v-fe4ffa8e] { 1921 padding: 0; 1922 width: 24px; 1923 height: 24px; 1924 border-radius: 50% 1925 } 1926 1927 .blu-input-stepper .blu-btn .blu-ripple svg[data-v-fe4ffa8e] { 1928 width: 18px; 1929 height: 18px; 1930 margin-left: 1px 1931 } 1932 1933 .blu-input-stepper .blu-btn .blu-ripple-enter-active[data-v-fe4ffa8e] { 1934 background: #1d05f7 1935 } 1936 1937 .b-disabled[data-v-fe4ffa8e] { 1938 opacity: 1 1939 } 1940 1941 .blu-btn-dropdown .blu-ripple>svg+div[data-v-fe4ffa8e] { 1942 margin-left: 8px 1943 } 1944 1945 .blu-btn[data-v-fe4ffa8e] { 1946 position: relative; 1947 font: 16px/20px "blibli demi bold",-apple-system,segoe ui,roboto,helvetica,arial,sans-serif; 1948 text-decoration: none; 1949 transition: color .4s,background-color .4s,border-color .6s; 1950 white-space: nowrap; 1951 height: 48px; 1952 padding: 0; 1953 -webkit-tap-highlight-color: rgba(0,0,0,0) 1954 } 1955 1956 .blu-btn[data-v-fe4ffa8e]::-moz-focus-inner { 1957 border: 0 1958 } 1959 1960 .blu-btn[data-v-fe4ffa8e]:active { 1961 outline: none 1962 } 1963 1964 .blu-btn[data-v-fe4ffa8e]:before { 1965 position: absolute; 1966 top: 0; 1967 right: 0; 1968 bottom: 0; 1969 left: 0; 1970 z-index: 1; 1971 opacity: 0; 1972 transition: .4s cubic-bezier(0.4, 0, 0.2, 1); 1973 will-change: background-color,opacity; 1974 content: " " 1975 } 1976 1977 .blu-btn[data-v-fe4ffa8e]:focus-visible { 1978 box-shadow: 0px 0px 0px 4px #000 1979 } 1980 1981 .blu-btn.b-primary[data-v-fe4ffa8e] { 1982 color: #fff; 1983 background-color: #f2b11b; 1984 border-color: #f2b11b 1985 } 1986 1987 .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] { 1988 background-color: #e39304; 1989 border-color: #e39304 1990 } 1991 1992 .blu-btn.b-secondary[data-v-fe4ffa8e] { 1993 color: #fff; 1994 background-color: #1d05f7; 1995 border-color: #1d05f7 1996 } 1997 1998 .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] { 1999 background-color: #006dea; 2000 border-color: #006dea 2001 } 2002 2003 .blu-btn.b-white[data-v-fe4ffa8e] { 2004 color: #fff; 2005 background-color: #fff; 2006 border-color: #fff; 2007 color: #1d05f7 2008 } 2009 2010 .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] { 2011 background-color: #f1f2f2; 2012 border-color: #f1f2f2 2013 } 2014 2015 .blu-btn.b-disabled[data-v-fe4ffa8e] { 2016 color: #fff; 2017 background-color: #c8cbcd; 2018 border-color: #c8cbcd; 2019 color: rgba(25,34,42,.4) 2020 } 2021 2022 .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] { 2023 background-color: #c8cbcd; 2024 border-color: #c8cbcd 2025 } 2026 2027 .blu-btn.b-large[data-v-fe4ffa8e] { 2028 height: 56px 2029 } 2030 2031 .blu-btn.b-small[data-v-fe4ffa8e] { 2032 font: 14px/18px "blibli demi bold",-apple-system,segoe ui,roboto,helvetica,arial,sans-serif; 2033 height: 32px 2034 } 2035 2036 .b-disabled[data-v-fe4ffa8e] { 2037 opacity: 1 2038 } 2039 2040 input[type=submit][data-v-fe4ffa8e]::-moz-focus-inner,input[type=button][data-v-fe4ffa8e]::-moz-focus-inner { 2041 border: 0px 2042 } 2043 2044 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] { 2045 outline: none 2046 } 2047 2048 a[data-v-fe4ffa8e],a[data-v-fe4ffa8e]:visited,a[data-v-fe4ffa8e]:focus,a[data-v-fe4ffa8e]:active,a[data-v-fe4ffa8e]:hover { 2049 outline: 0 none !important 2050 } 2051 2052 .blu-btn[data-v-fe4ffa8e] { 2053 border-radius: 24px 2054 } 2055 2056 .blu-btn+.blu-button[data-v-fe4ffa8e] { 2057 margin-left: 0 2058 } 2059 2060 .blu-btn.b-outline[data-v-fe4ffa8e] { 2061 background-color: rgba(0,0,0,0) 2062 } 2063 2064 .blu-btn.b-outline.b-primary[data-v-fe4ffa8e] { 2065 color: #f2b11b; 2066 background-color: #e39304; 2067 border: #ffcd00 1px solid 2068 } 2069 2070 .blu-btn.b-outline.b-primary[data-v-fe4ffa8e]:not(.b-disabled) { 2071 background-color: rgba(255,255,255,.12) 2072 } 2073 2074 .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] { 2075 background-color: rgba(227,147,4,.08); 2076 border: #ffcd00 1px solid 2077 } 2078 2079 .blu-btn.b-outline.b-primary.b-active[data-v-fe4ffa8e] { 2080 z-index: 9; 2081 background-color: #f2b11b; 2082 color: #fff 2083 } 2084 2085 .blu-btn.b-outline.b-secondary[data-v-fe4ffa8e] { 2086 color: #1d05f7; 2087 background-color: #006dea; 2088 border: #1d05f7 1px solid 2089 } 2090 2091 .blu-btn.b-outline.b-secondary[data-v-fe4ffa8e]:not(.b-disabled) { 2092 background-color: rgba(255,255,255,.12) 2093 } 2094 2095 .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] { 2096 background-color: rgba(0,109,234,.08); 2097 border: #1d05f7 1px solid 2098 } 2099 2100 .blu-btn.b-outline.b-secondary.b-active[data-v-fe4ffa8e] { 2101 z-index: 9; 2102 background-color: #1d05f7; 2103 color: #fff 2104 } 2105 2106 .blu-btn.b-outline.b-white[data-v-fe4ffa8e] { 2107 color: #fff; 2108 background-color: #fff; 2109 border: #fff 1px solid 2110 } 2111 2112 .blu-btn.b-outline.b-white[data-v-fe4ffa8e]:not(.b-disabled) { 2113 background-color: rgba(255,255,255,.12) 2114 } 2115 2116 .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] { 2117 background-color: rgba(255,255,255,.4); 2118 border: #fff 1px solid 2119 } 2120 2121 .blu-btn.b-outline.b-white.b-active[data-v-fe4ffa8e] { 2122 z-index: 9; 2123 background-color: #fff; 2124 color: #fff 2125 } 2126 2127 .blu-btn.b-outline.b-disabled[data-v-fe4ffa8e] { 2128 color: rgba(25,34,42,.4); 2129 background-color: #c8cbcd; 2130 border: #c8cbcd 1px solid 2131 } 2132 2133 .blu-btn.b-outline.b-disabled[data-v-fe4ffa8e]:not(.b-disabled) { 2134 background-color: rgba(255,255,255,.12) 2135 } 2136 2137 .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] { 2138 background-color: rgba(200,203,205,.08); 2139 border: #c8cbcd 1px solid 2140 } 2141 2142 .blu-btn.b-outline.b-disabled.b-active[data-v-fe4ffa8e] { 2143 z-index: 9; 2144 background-color: rgba(25,34,42,.4); 2145 color: #fff 2146 } 2147 2148 .blu-btn.b-outline.b-small .blu-ripple[data-v-fe4ffa8e] { 2149 border-radius: 14px 2150 } 2151 2152 .blu-btn.b-outline.b-large .blu-ripple[data-v-fe4ffa8e] { 2153 border-radius: 30px 2154 } 2155 2156 .blu-btn.b-ghost[data-v-fe4ffa8e] { 2157 background-color: rgba(0,0,0,0); 2158 border-color: rgba(0,0,0,0) 2159 } 2160 2161 .blu-btn.b-ghost.b-primary[data-v-fe4ffa8e] { 2162 color: #f2b11b; 2163 border-color: rgba(0,0,0,0) 2164 } 2165 2166 .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] { 2167 border-color: rgba(0,0,0,0); 2168 background-color: rgba(227,147,4,.08) 2169 } 2170 2171 .blu-btn.b-ghost.b-secondary[data-v-fe4ffa8e] { 2172 color: #1d05f7; 2173 border-color: rgba(0,0,0,0) 2174 } 2175 2176 .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] { 2177 border-color: rgba(0,0,0,0); 2178 background-color: rgba(0,109,234,.08) 2179 } 2180 2181 .blu-btn.b-ghost.b-white[data-v-fe4ffa8e] { 2182 color: #fff; 2183 border-color: rgba(0,0,0,0) 2184 } 2185 2186 .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] { 2187 border-color: rgba(0,0,0,0); 2188 background-color: rgba(255,255,255,.4) 2189 } 2190 2191 .blu-btn.b-ghost.b-white.b-disabled[data-v-fe4ffa8e] { 2192 color: rgba(255,255,255,.4); 2193 border-color: rgba(0,0,0,0) 2194 } 2195 2196 .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] { 2197 border-color: rgba(0,0,0,0); 2198 background-color: rgba(0,0,0,0) 2199 } 2200 2201 .blu-btn.b-ghost.b-disabled[data-v-fe4ffa8e] { 2202 color: rgba(25,34,42,.4); 2203 border-color: rgba(0,0,0,0) 2204 } 2205 2206 .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] { 2207 border-color: rgba(0,0,0,0); 2208 background-color: rgba(0,0,0,0) 2209 } 2210 2211 .blu-btn.b-warning[data-v-fe4ffa8e] { 2212 color: #fff; 2213 background-color: #ffcd00; 2214 border-color: #ffcd00 2215 } 2216 2217 .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] { 2218 background-color: #cca400; 2219 border-color: #cca400 2220 } 2221 2222 .blu-btn.b-danger[data-v-fe4ffa8e] { 2223 color: #fff; 2224 background-color: #ff4646; 2225 border-color: #ff4646 2226 } 2227 2228 .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] { 2229 background-color: #ff1313; 2230 border-color: #ff1313 2231 } 2232 2233 .blu-btn.b-small[data-v-fe4ffa8e] { 2234 border-radius: 16px 2235 } 2236 2237 .blu-btn.b-small .blu-ripple[data-v-fe4ffa8e] { 2238 border-radius: 16px 2239 } 2240 2241 .blu-btn.b-large[data-v-fe4ffa8e] { 2242 border-radius: 32px 2243 } 2244 2245 .blu-btn.b-large .blu-ripple[data-v-fe4ffa8e] { 2246 border-radius: 32px 2247 } 2248 2249 .blu-btn.b-icon[data-v-fe4ffa8e] { 2250 width: 48px 2251 } 2252 2253 .blu-btn.b-icon.b-large[data-v-fe4ffa8e] { 2254 width: 56px 2255 } 2256 2257 .blu-btn.b-icon.b-small[data-v-fe4ffa8e] { 2258 width: 32px 2259 } 2260 2261 .blu-btn.b-icon svg[data-v-fe4ffa8e] { 2262 width: 100%; 2263 height: 100% 2264 } 2265 2266 .blu-btn.b-full-width[data-v-fe4ffa8e] { 2267 width: 100% 2268 } 2269 2270 .blu-btn .blu-ripple[data-v-fe4ffa8e] { 2271 border-radius: 24px 2272 } 2273 </style> 2274 <link rel="modulepreload" as="script" crossorigin="" href="https://www.static-src.com/frontend/static/js/CustomerLocation.49933ea8.js"> 2275 <link rel="modulepreload" as="script" crossorigin="" href="https://www.static-src.com/frontend/static/js/address-event.0a54fb2b.js"> 2276 <link rel="modulepreload" as="script" crossorigin="" href="https://www.static-src.com/frontend/static/js/Location.c79a4a93.js"> 2277 <link rel="modulepreload" as="script" crossorigin="" href="https://www.static-src.com/frontend/static/js/customer-location-mixin.dd72e66a.js"> 2278 <link rel="stylesheet" href="https://www.static-src.com/frontend/static/CustomerLocation.d45a5c3d.css"> 2279 <link href="https://blibli.api.useinsider.com" rel="prec
2279onnect" crossorigin="anonymous"> 2280 <link href="https://cs.gssprt.jp" rel="preconnect" crossorigin="anonymous"> 2281 <link href="https://i.w55c.net" rel="preconnect" crossorigin="anonymous"> 2282 <link href="https://weather.api.useinsider.com" rel="preconnect" crossorigin="anonymous"> 2283 <link href="https://api.useinsider.com" rel="preconnect" crossorigin="anonymous"> 2284 <link href="https://asia.creativecdn.com" rel="preconnect" crossorigin="anonymous"> 2285 <link href="https://bcp.crwdcntrl.net" rel="preconnect" crossorigin="anonymous"> 2286 <link href="https://bwa.blibli.com" rel="preconnect" crossorigin="anonymous"> 2287 <link href="https://cm.creativecdn.com" rel="preconnect" crossorigin="anonymous"> 2288 <link href="https://cm.g.doubleclick.net" rel="preconnect" crossorigin="anonymous"> 2289 <link href="https://cs.gssprt.jp" rel="preconnect" crossorigin="anonymous"> 2290 <link href="https://googleads.g.doubleclick.net" rel="preconnect" crossorigin="anonymous"> 2291 <link href="https://gum.criteo.com" rel="preconnect" crossorigin="anonymous"> 2292 <link href="https://hit.api.useinsider.com" rel="preconnect" crossorigin="anonymous"> 2293 <link href="https://i.w55c.net" rel="preconnect" crossorigin="anonymous"> 2294 <link href="https://js-agent.newrelic.com" rel="preconnect" crossorigin="anonymous"> 2295 <link href="https://location.api.useinsider.com" rel="preconnect" crossorigin="anonymous"> 2296 <link href="https://log.api.useinsider.com" rel="preconnect" crossorigin="anonymous"> 2297 <link href="https://match.adsrvr.org" rel="preconnect" crossorigin="anonymous"> 2298 <link href="https://script.crazyegg.com" rel="preconnect" crossorigin="anonymous"> 2299 <link href="https://segment.api.useinsider.com" rel="preconnect" crossorigin="anonymous"> 2300 <link href="https://sslwidget.criteo.com" rel="preconnect" crossorigin="anonymous"> 2301 <link href="https://static.criteo.net" rel="preconnect" crossorigin="anonymous"> 2302 <link href="https://stats.g.doubleclick.net" rel="preconnect" crossorigin="anonymous"> 2303 <link href="https://storage.googleapis.com" rel="preconnect" crossorigin="anonymous"> 2304 <link href="https://sync.crwdcntrl.net" rel="preconnect" crossorigin="anonymous"> 2305 <link href="https://tags.crwdcntrl.net" rel="preconnect" crossorigin="anonymous"> 2306 <link href="https://weather.api.useinsider.com" rel="preconnect" crossorigin="anonymous"> 2307 <link href="https://www.facebook.com" rel="preconnect" crossorigin="anonymous"> 2308 <link href="https://www.google.co.id" rel="preconnect" crossorigin="anonymous"> 2309 <link href="https://www.google.com" rel="preconnect" crossorigin="anonymous"> 2310 <link href="https://www.googleadservices.com" rel="preconnect" crossorigin="anonymous"> 2311 <link href="https://www.google-analytics.com" rel="preconnect" crossorigin="anonymous"> 2312 <link href="https://www.googletagmanager.com" rel="preconnect" crossorigin="anonymous"> 2313 <link href="https://www.static-src.com" rel="preconnect" crossorigin="anonymous"> 2314 <link href="https://websdk.appsflyer.com" rel="preconnect" crossorigin="anonymous"> 2315 <link href="https://banner.appsflyer.com" rel="preconnect" crossorigin="anonymous"> 2316 <link href="https://fvalid.appsflyer.com" rel="preconnect" crossorigin="anonymous"> 2317
2317<script src="https://cdn.moengage.com/release/dc_1/moe_webSdk_webp.min.latest.js?app_id=QTD7QXC51X5DZR3CTIHK33PQ"></script>
2317 2318
2318<script type="text/javascript" async="" src="https://www.blibli.com/bwa/2.4.5-0/index.js"></script>
2318 2319
2319<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>
2319 2320 <style type="text/css"> 2321 .blu-chip[data-v-652f3722] { 2322 display: inline-flex; 2323 transition-duration: 300ms 2324 } 2325 2326 .blu-chip:not(.blue-3) span[data-v-652f3722] { 2327 height: 32px; 2328 padding: 0 10px; 2329 margin: 2px; 2330 display: flex; 2331 align-items: center; 2332 font: 14px/18px "blibli",-apple-system,segoe ui,roboto,helvetica,arial,sans-serif; 2333 text-decoration: none; 2334 cursor: pointer; 2335 color: #1d05f7; 2336 border-radius: 8px; 2337 border: #f1f2f2 1px solid; 2338 background-color: #f1f2f2; 2339 transition-duration: 300ms; 2340 white-space: nowrap; 2341 letter-spacing: 0px 2342 } 2343 2344 .blu-chip.b-primary input[data-v-652f3722] { 2345 display: none; 2346 transition: background-color .4s 2347 } 2348 2349 .blu-chip.b-primary input:checked+span[data-v-652f3722] { 2350 color: #fff; 2351 border-color: #1d05f7; 2352 background-color: #1d05f7 2353 } 2354 2355 .blu-chip.b-primary input:checked+span[data-v-652f3722]:hover { 2356 background-color: #006dea; 2357 border-color: #006dea 2358 } 2359 2360 .blu-chip.b-primary input:checked+span svg[data-v-652f3722]:first-child { 2361 color: #fff 2362 } 2363 2364 .blu-chip.b-primary input+span[data-v-652f3722] { 2365 border: #f1f2f2 1px solid 2366 } 2367 2368 .blu-chip.b-primary input+span[data-v-652f3722]:hover { 2369 background-color: #e1e3e4; 2370 border-color: #e1e3e4 2371 } 2372 2373 .blu-chip.b-secondary input[data-v-652f3722] { 2374 display: none; 2375 transition: background-color .4s 2376 } 2377 2378 .blu-chip.b-secondary input:checked+span[data-v-652f3722] { 2379 color: #fff; 2380 border-color: #1d05f7; 2381 background-color: #1d05f7 2382 } 2383 2384 .blu-chip.b-secondary input:checked+span[data-v-652f3722]:hover { 2385 background-color: #006dea; 2386 border-color: #006dea 2387 } 2388 2389 .blu-chip.b-secondary input:checked+span svg[data-v-652f3722]:first-child { 2390 color: #fff 2391 } 2392 2393 .blu-chip.b-secondary input+span[data-v-652f3722] { 2394 border: #f1f2f2 1px solid 2395 } 2396 2397 .blu-chip.b-secondary input+span[data-v-652f3722]:hover { 2398 background-color: #e1e3e4; 2399 border-color: #e1e3e4 2400 } 2401 2402 .blu-chip.b-disabled span[data-v-652f3722] { 2403 cursor: not-allowed; 2404 border: #f1f2f2 1px solid; 2405 background-color: #c8cbcd; 2406 border: none; 2407 color: rgba(25,34,42,.4) 2408 } 2409 2410 .blu-chip.b-outline.b-primary input[data-v-652f3722] { 2411 display: none; 2412 transition: background-color .4s,border-color .6s 2413 } 2414 2415 .blu-chip.b-outline.b-primary input:checked+span[data-v-652f3722] { 2416 color: #f2b11b; 2417 border-color: #1d05f7; 2418 background-color: #f3f9ff 2419 } 2420 2421 .blu-chip.b-outline.b-primary input:checked+span[data-v-652f3722]:hover { 2422 border: solid 1px #1d05f7 2423 } 2424 2425 .blu-chip.b-outline.b-primary input+span[data-v-652f3722] { 2426 color: #f2b11b; 2427 background-color: #fff; 2428 border-color: #c8cbcd 2429 } 2430 2431 .blu-chip.b-outline.b-primary input+span[data-v-652f3722]:hover { 2432 border: 1px solid #1d05f7 2433 } 2434 2435 .blu-chip.b-outline.b-primary input+span svg[data-v-652f3722]:first-child { 2436 color: #f2b11b 2437 } 2438 2439 .blu-chip.b-outline.b-secondary input[data-v-652f3722] { 2440 display: none; 2441 transition: background-color .4s,border-color .6s 2442 } 2443 2444 .blu-chip.b-outline.b-secondary input:checked+span[data-v-652f3722] { 2445 color: #1d05f7; 2446 border-color: #1d05f7; 2447 background-color: #f3f9ff 2448 } 2449 2450 .blu-chip.b-outline.b-secondary input:checked+span[data-v-652f3722]:hover { 2451 border: solid 1px #1d05f7 2452 } 2453 2454 .blu-chip.b-outline.b-secondary input+span[data-v-652f3722] { 2455 color: #1d05f7; 2456 background-color: #fff; 2457 border-color: #c8cbcd 2458 } 2459 2460 .blu-chip.b-outline.b-secondary input+span[data-v-652f3722]:hover { 2461 border: 1px solid #1d05f7 2462 } 2463 2464 .blu-chip.b-outline.b-secondary input+span svg[data-v-652f3722]:first-child { 2465 color: #1d05f7 2466 } 2467 2468 .blu-chip.has-left-icon span[data-v-652f3722] { 2469 padding-left: 5px 2470 } 2471 2472 .blu-chip.has-left-icon span>*[data-v-652f3722]:first-child { 2473 margin-right: 4px 2474 } 2475 2476 .blu-chip.has-left-icon span>svg[data-v-652f3722]:first-child { 2477 transform: scale(0.75); 2478 transform-origin: left; 2479 margin-right: -2px; 2480 color: #797f85 2481 } 2482 2483 .blu-chip__wrapper[data-v-652f3722] { 2484 min-height: 48px; 2485 padding: 5px 8px; 2486 border: #e1e3e4 1px solid; 2487 border-radius: 8px 2488 } 2489 2490 .blu-chip__wrapper input[data-v-652f3722] { 2491 height: 32px; 2492 border: none; 2493 font: 16px/20px "blibli",-apple-system,segoe ui,roboto,helvetica,arial,sans-serif; 2494 color: #19222a; 2495 -moz-appearance: none; 2496 -webkit-appearance: none 2497 } 2498 2499 .blu-chip__wrapper input[data-v-652f3722]:focus { 2500 outline: 0 2501 } 2502 2503 .blu-chip__wrapper.b-outline .blu-chip span[data-v-652f3722] { 2504 background-color: #fff; 2505 border: #e1e3e4 1px solid 2506 } 2507 2508 .blu-chip__wrapper.b-disabled.blu-chip__wrapper[data-v-652f3722] { 2509 opacity: 1 2510 } 2511 2512 .blu-chip__wrapper.b-disabled input[data-v-652f3722] {
2513 cursor: not-allowed; 2514 pointer-events: none; 2515 color: rgba(25,34,42,.7019607843) 2516 } 2517 2518 .blu-chip__wrapper.b-disabled button[data-v-652f3722] { 2519 cursor: not-allowed; 2520 pointer-events: none 2521 } 2522 2523 .blu-chip__wrapper.b-disabled .blu-chip span[data-v-652f3722] { 2524 cursor: not-allowed; 2525 color: rgba(25,34,42,.4); 2526 background-color: #c8cbcd; 2527 border: none 2528 } 2529 2530 .blu-chip.blu-chip-enter-active[data-v-652f3722],.blu-chip.blu-chip-leave-active[data-v-652f3722] { 2531 opacity: 0; 2532 transform: transformZ(0) scale(0.8) 2533 } 2534 2535 .blu-chip.blu-chip-enter-to[data-v-652f3722] { 2536 opacity: 1; 2537 transform: transformZ(0) scale(1) 2538 } 2539 2540 .blu-chip.b-deletable span[data-v-652f3722] { 2541 cursor: default; 2542 padding-right: 5px 2543 } 2544 2545 .blu-chip.b-deletable button[data-v-652f3722] { 2546 display: flex; 2547 align-items: center; 2548 margin-left: 4px; 2549 padding: 0; 2550 color: #797f85 2551 } 2552 2553 .blu-chip.b-deletable button svg[data-v-652f3722] { 2554 width: 18px 2555 } 2556 2557 .blu-chip.b-duplicated span[data-v-652f3722] { 2558 animation: shake-652f3722 .82s cubic-bezier(0.36, 0.07, 0.19, 0.97) both; 2559 transform: translate3d(0, 0, 0); 2560 backface-visibility: hidden; 2561 perspective: 1000px 2562 } 2563 2564 @keyframes shake-652f3722 { 2565 10%,90% { 2566 transform: translate3d(-1px, 0, 0) 2567 } 2568 2569 20%,80% { 2570 transform: translate3d(2px, 0, 0) 2571 } 2572 2573 30%,50%,70% { 2574 transform: translate3d(-4px, 0, 0) 2575 } 2576 2577 40%,60% { 2578 transform: translate3d(4px, 0, 0) 2579 } 2580 } 2581 2582 *[data-v-652f3722]::-moz-focus-inner { 2583 border: 0 2584 } 2585 2586 *[data-v-652f3722]:focus { 2587 outline: 0 2588 } 2589 </style> 2590 <style type="text/css"> 2591 .blu-chip[data-v-342de9b2] { 2592 display: inline-flex; 2593 transition-duration: 300ms 2594 } 2595 2596 .blu-chip:not(.blue-3) span[data-v-342de9b2] { 2597 height: 32px; 2598 padding: 0 10px; 2599 margin: 2px; 2600 display: flex; 2601 align-items: center; 2602 font: 14px/18px "blibli",-apple-system,segoe ui,roboto,helvetica,arial,sans-serif; 2603 text-decoration: none; 2604 cursor: pointer; 2605 color: #1d05f7; 2606 border-radius: 8px; 2607 border: #f1f2f2 1px solid; 2608 background-color: #f1f2f2; 2609 transition-duration: 300ms; 2610 white-space: nowrap; 2611 letter-spacing: 0px 2612 } 2613 2614 .blu-chip.b-primary input[data-v-342de9b2] { 2615 display: none; 2616 transition: background-color .4s 2617 } 2618 2619 .blu-chip.b-primary input:checked+span[data-v-342de9b2] { 2620 color: #fff; 2621 border-color: #1d05f7; 2622 background-color: #1d05f7 2623 } 2624 2625 .blu-chip.b-primary input:checked+span[data-v-342de9b2]:hover { 2626 background-color: #006dea; 2627 border-color: #006dea 2628 } 2629 2630 .blu-chip.b-primary input:checked+span svg[data-v-342de9b2]:first-child { 2631 color: #fff 2632 } 2633 2634 .blu-chip.b-primary input+span[data-v-342de9b2] { 2635 border: #f1f2f2 1px solid 2636 } 2637 2638 .blu-chip.b-primary input+span[data-v-342de9b2]:hover { 2639 background-color: #e1e3e4; 2640 border-color: #e1e3e4 2641 } 2642 2643 .blu-chip.b-secondary input[data-v-342de9b2] { 2644 display: none; 2645 transition: background-color .4s 2646 } 2647 2648 .blu-chip.b-secondary input:checked+span[data-v-342de9b2] { 2649 color: #fff; 2650 border-color: #1d05f7; 2651 background-color: #1d05f7 2652 } 2653 2654 .blu-chip.b-secondary input:checked+span[data-v-342de9b2]:hover { 2655 background-color: #006dea; 2656 border-color: #006dea 2657 } 2658 2659 .blu-chip.b-secondary input:checked+span svg[data-v-342de9b2]:first-child { 2660 color: #fff 2661 } 2662 2663 .blu-chip.b-secondary input+span[data-v-342de9b2] { 2664 border: #f1f2f2 1px solid 2665 } 2666 2667 .blu-chip.b-secondary input+span[data-v-342de9b2]:hover { 2668 background-color: #e1e3e4; 2669 border-color: #e1e3e4 2670 } 2671 2672 .blu-chip.b-disabled span[data-v-342de9b2] {
2673 cursor: not-allowed; 2674 border: #f1f2f2 1px solid; 2675 background-color: #c8cbcd; 2676 border: none; 2677 color: rgba(25,34,42,.4) 2678 } 2679 2680 .blu-chip.b-outline.b-primary input[data-v-342de9b2] { 2681 display: none; 2682 transition: background-color .4s,border-color .6s 2683 } 2684 2685 .blu-chip.b-outline.b-primary input:checked+span[data-v-342de9b2] { 2686 color: #f2b11b; 2687 border-color: #1d05f7; 2688 background-color: #f3f9ff 2689 } 2690 2691 .blu-chip.b-outline.b-primary input:checked+span[data-v-342de9b2]:hover { 2692 border: solid 1px #1d05f7 2693 } 2694 2695 .blu-chip.b-outline.b-primary input+span[data-v-342de9b2] { 2696 color: #f2b11b; 2697 background-color: #fff; 2698 border-color: #c8cbcd 2699 } 2700 2701 .blu-chip.b-outline.b-primary input+span[data-v-342de9b2]:hover { 2702 border: 1px solid #1d05f7 2703 } 2704 2705 .blu-chip.b-outline.b-primary input+span svg[data-v-342de9b2]:first-child { 2706 color: #f2b11b 2707 } 2708 2709 .blu-chip.b-outline.b-secondary input[data-v-342de9b2] { 2710 display: none; 2711 transition: background-color .4s,border-color .6s 2712 } 2713 2714 .blu-chip.b-outline.b-secondary input:checked+span[data-v-342de9b2] { 2715 color: #1d05f7; 2716 border-color: #1d05f7; 2717 background-color: #f3f9ff 2718 } 2719 2720 .blu-chip.b-outline.b-secondary input:checked+span[data-v-342de9b2]:hover { 2721 border: solid 1px #1d05f7 2722 } 2723 2724 .blu-chip.b-outline.b-secondary input+span[data-v-342de9b2] { 2725 color: #1d05f7; 2726 background-color: #fff; 2727 border-color: #c8cbcd 2728 } 2729 2730 .blu-chip.b-outline.b-secondary input+span[data-v-342de9b2]:hover { 2731 border: 1px solid #1d05f7 2732 } 2733 2734 .blu-chip.b-outline.b-secondary input+span svg[data-v-342de9b2]:first-child { 2735 color: #1d05f7 2736 } 2737 2738 .blu-chip.has-left-icon span[data-v-342de9b2] { 2739 padding-left: 5px 2740 } 2741 2742 .blu-chip.has-left-icon span>*[data-v-342de9b2]:first-child { 2743 margin-right: 4px 2744 } 2745 2746 .blu-chip.has-left-icon span>svg[data-v-342de9b2]:first-child { 2747 transform: scale(0.75); 2748 transform-origin: left; 2749 margin-right: -2px; 2750 color: #797f85 2751 } 2752 2753 .blu-chip__wrapper[data-v-342de9b2] { 2754 min-height: 48px; 2755 padding: 5px 8px; 2756 border: #e1e3e4 1px solid; 2757 border-radius: 8px 2758 } 2759 2760 .blu-chip__wrapper input[data-v-342de9b2] { 2761 height: 32px; 2762 border: none; 2763 font: 16px/20px "blibli",-apple-system,segoe ui,roboto,helvetica,arial,sans-serif; 2764 color: #19222a; 2765 -moz-appearance: none; 2766 -webkit-appearance: none 2767 } 2768 2769 .blu-chip__wrapper input[data-v-342de9b2]:focus { 2770 outline: 0 2771 } 2772 2773 .blu-chip__wrapper.b-outline .blu-chip span[data-v-342de9b2] { 2774 background-color: #fff; 2775 border: #e1e3e4 1px solid 2776 } 2777 2778 .blu-chip__wrapper.b-disabled.blu-chip__wrapper[data-v-342de9b2] { 2779 opacity: 1 2780 } 2781 2782 .blu-chip__wrapper.b-disabled input[data-v-342de9b2] { 2783 cursor: not-allowed; 2784 pointer-events: none; 2785 color: rgba(25,34,42,.7019607843) 2786 } 2787 2788 .blu-chip__wrapper.b-disabled button[data-v-342de9b2] { 2789 cursor: not-allowed; 2790 pointer-events: none 2791 } 2792 2793 .blu-chip__wrapper.b-disabled .blu-chip span[data-v-342de9b2] {
2794 cursor: not-allowed; 2795 color: rgba(25,34,42,.4); 2796 background-color: #c8cbcd; 2797 border: none 2798 } 2799 2800 .blu-chip.blu-chip-enter-active[data-v-342de9b2],.blu-chip.blu-chip-leave-active[data-v-342de9b2] { 2801 opacity: 0; 2802 transform: transformZ(0) scale(0.8) 2803 } 2804 2805 .blu-chip.blu-chip-enter-to[data-v-342de9b2] { 2806 opacity: 1; 2807 transform: transformZ(0) scale(1) 2808 } 2809 2810 .blu-chip.b-deletable span[data-v-342de9b2] { 2811 cursor: default; 2812 padding-right: 5px 2813 } 2814 2815 .blu-chip.b-deletable button[data-v-342de9b2] { 2816 display: flex; 2817 align-items: center; 2818 margin-left: 4px; 2819 padding: 0; 2820 color: #797f85 2821 } 2822 2823 .blu-chip.b-deletable button svg[data-v-342de9b2] { 2824 width: 18px 2825 } 2826 2827 .blu-chip.b-duplicated span[data-v-342de9b2] { 2828 animation: shake-342de9b2 .82s cubic-bezier(0.36, 0.07, 0.19, 0.97) both; 2829 transform: translate3d(0, 0, 0); 2830 backface-visibility: hidden; 2831 perspective: 1000px 2832 } 2833 2834 @keyframes shake-342de9b2 { 2835 10%,90% { 2836 transform: translate3d(-1px, 0, 0) 2837 } 2838 2839 20%,80% { 2840 transform: translate3d(2px, 0, 0) 2841 } 2842 2843 30%,50%,70% { 2844 transform: translate3d(-4px, 0, 0) 2845 } 2846 2847 40%,60% { 2848 transform: translate3d(4px, 0, 0) 2849 } 2850 } 2851 2852 *[data-v-342de9b2]::-moz-focus-inner { 2853 border: 0 2854 } 2855 2856 *[data-v-342de9b2]:focus { 2857 outline: 0 2858 } 2859 </style> 2860 <style type="text/css"> 2861 .blu-chip[data-v-2ffdd76e] { 2862 display: inline-flex; 2863 transition-duration: 300ms 2864 } 2865 2866 .blu-chip:not(.blue-3) span[data-v-2ffdd76e] { 2867 height: 32px; 2868 padding: 0 10px; 2869 margin: 2px; 2870 display: flex; 2871 align-items: center; 2872 font: 14px/18px "blibli",-apple-system,segoe ui,roboto,helvetica,arial,sans-serif; 2873 text-decoration: none; 2874 cursor: pointer; 2875 color: #1d05f7; 2876 border-radius: 8px; 2877 border: #f1f2f2 1px solid; 2878 background-color: #f1f2f2; 2879 transition-duration: 300ms; 2880 white-space: nowrap; 2881 letter-spacing: 0px 2882 } 2883 2884 .blu-chip.b-primary input[data-v-2ffdd76e] { 2885 display: none; 2886 transition: background-color .4s 2887 } 2888 2889 .blu-chip.b-primary input:checked+span[data-v-2ffdd76e] { 2890 color: #fff; 2891 border-color: #1d05f7; 2892 background-color: #1d05f7 2893 } 2894 2895 .blu-chip.b-primary input:checked+span[data-v-2ffdd76e]:hover { 2896 background-color: #006dea; 2897 border-color: #006dea 2898 } 2899 2900 .blu-chip.b-primary input:checked+span svg[data-v-2ffdd76e]:first-child { 2901 color: #fff 2902 } 2903 2904 .blu-chip.b-primary input+span[data-v-2ffdd76e] { 2905 border: #f1f2f2 1px solid 2906 } 2907 2908 .blu-chip.b-primary input+span[data-v-2ffdd76e]:hover { 2909 background-color: #e1e3e4; 2910 border-color: #e1e3e4 2911 } 2912 2913 .blu-chip.b-secondary input[data-v-2ffdd76e] { 2914 display: none; 2915 transition: background-color .4s 2916 } 2917 2918 .blu-chip.b-secondary input:checked+span[data-v-2ffdd76e] { 2919 color: #fff; 2920 border-color: #1d05f7; 2921 background-color: #1d05f7 2922 } 2923 2924 .blu-chip.b-secondary input:checked+span[data-v-2ffdd76e]:hover { 2925 background-color: #006dea; 2926 border-color: #006dea 2927 } 2928 2929 .blu-chip.b-secondary input:checked+span svg[data-v-2ffdd76e]:first-child { 2930 color: #fff 2931 } 2932 2933 .blu-chip.b-secondary input+span[data-v-2ffdd76e] { 2934 border: #f1f2f2 1px solid 2935 } 2936 2937 .blu-chip.b-secondary input+span[data-v-2ffdd76e]:hover { 2938 background-color: #e1e3e4; 2939 border-color: #e1e3e4 2940 } 2941 2942 .blu-chip.b-disabled span[data-v-2ffdd76e] {
2943 cursor: not-allowed; 2944 border: #f1f2f2 1px solid; 2945 background-color: #c8cbcd; 2946 border: none; 2947 color: rgba(25,34,42,.4) 2948 } 2949 2950 .blu-chip.b-outline.b-primary input[data-v-2ffdd76e] { 2951 display: none; 2952 transition: background-color .4s,border-color .6s 2953 } 2954 2955 .blu-chip.b-outline.b-primary input:checked+span[data-v-2ffdd76e] { 2956 color: #f2b11b; 2957 border-color: #1d05f7; 2958 background-color: #f3f9ff 2959 } 2960 2961 .blu-chip.b-outline.b-primary input:checked+span[data-v-2ffdd76e]:hover { 2962 border: solid 1px #1d05f7 2963 } 2964 2965 .blu-chip.b-outline.b-primary input+span[data-v-2ffdd76e] { 2966 color: #f2b11b; 2967 background-color: #fff; 2968 border-color: #c8cbcd 2969 } 2970 2971 .blu-chip.b-outline.b-primary input+span[data-v-2ffdd76e]:hover { 2972 border: 1px solid #1d05f7 2973 } 2974 2975 .blu-chip.b-outline.b-primary input+span svg[data-v-2ffdd76e]:first-child { 2976 color: #f2b11b 2977 } 2978 2979 .blu-chip.b-outline.b-secondary input[data-v-2ffdd76e] { 2980 display: none; 2981 transition: background-color .4s,border-color .6s 2982 } 2983 2984 .blu-chip.b-outline.b-secondary input:checked+span[data-v-2ffdd76e] { 2985 color: #1d05f7; 2986 border-color: #1d05f7; 2987 background-color: #f3f9ff 2988 } 2989 2990 .blu-chip.b-outline.b-secondary input:checked+span[data-v-2ffdd76e]:hover { 2991 border: solid 1px #1d05f7 2992 } 2993 2994 .blu-chip.b-outline.b-secondary input+span[data-v-2ffdd76e] { 2995 color: #1d05f7; 2996 background-color: #fff; 2997 border-color: #c8cbcd 2998 } 2999 3000 .blu-chip.b-outline.b-secondary input+span[data-v-2ffdd76e]:hover { 3001 border: 1px solid #1d05f7 3002 } 3003 3004 .blu-chip.b-outline.b-secondary input+span svg[data-v-2ffdd76e]:first-child { 3005 color: #1d05f7 3006 } 3007 3008 .blu-chip.has-left-icon span[data-v-2ffdd76e] { 3009 padding-left: 5px 3010 } 3011 3012 .blu-chip.has-left-icon span>*[data-v-2ffdd76e]:first-child { 3013 margin-right: 4px 3014 } 3015 3016 .blu-chip.has-left-icon span>svg[data-v-2ffdd76e]:first-child { 3017 transform: scale(0.75); 3018 transform-origin: left; 3019 margin-right: -2px; 3020 color: #797f85 3021 } 3022 3023 .blu-chip__wrapper[data-v-2ffdd76e] { 3024 min-height: 48px; 3025 padding: 5px 8px; 3026 border: #e1e3e4 1px solid; 3027 border-radius: 8px 3028 } 3029 3030 .blu-chip__wrapper input[data-v-2ffdd76e] { 3031 height: 32px; 3032 border: none; 3033 font: 16px/20px "blibli",-apple-system,segoe ui,roboto,helvetica,arial,sans-serif; 3034 color: #19222a; 3035 -moz-appearance: none; 3036 -webkit-appearance: none 3037 } 3038 3039 .blu-chip__wrapper input[data-v-2ffdd76e]:focus { 3040 outline: 0 3041 } 3042 3043 .blu-chip__wrapper.b-outline .blu-chip span[data-v-2ffdd76e] { 3044 background-color: #fff; 3045 border: #e1e3e4 1px solid 3046 } 3047 3048 .blu-chip__wrapper.b-disabled.blu-chip__wrapper[data-v-2ffdd76e] { 3049 opacity: 1 3050 } 3051 3052 .blu-chip__wrapper.b-disabled input[data-v-2ffdd76e] { 3053 cursor: not-allowed; 3054 pointer-events: none; 3055 color: rgba(25,34,42,.7019607843) 3056 } 3057 3058 .blu-chip__wrapper.b-disabled button[data-v-2ffdd76e] { 3059 cursor: not-allowed; 3060 pointer-events: none 3061 } 3062 3063 .blu-chip__wrapper.b-disabled .blu-chip span[data-v-2ffdd76e] {
3064 cursor: not-allowed; 3065 color: rgba(25,34,42,.4); 3066 background-color: #c8cbcd; 3067 border: none 3068 } 3069 3070 .blu-chip.blu-chip-enter-active[data-v-2ffdd76e],.blu-chip.blu-chip-leave-active[data-v-2ffdd76e] { 3071 opacity: 0; 3072 transform: transformZ(0) scale(0.8) 3073 } 3074 3075 .blu-chip.blu-chip-enter-to[data-v-2ffdd76e] { 3076 opacity: 1; 3077 transform: transformZ(0) scale(1) 3078 } 3079 3080 .blu-chip.b-deletable span[data-v-2ffdd76e] { 3081 cursor: default; 3082 padding-right: 5px 3083 } 3084 3085 .blu-chip.b-deletable button[data-v-2ffdd76e] { 3086 display: flex; 3087 align-items: center; 3088 margin-left: 4px; 3089 padding: 0; 3090 color: #797f85 3091 } 3092 3093 .blu-chip.b-deletable button svg[data-v-2ffdd76e] { 3094 width: 18px 3095 } 3096 3097 .blu-chip.b-duplicated span[data-v-2ffdd76e] { 3098 animation: shake-2ffdd76e .82s cubic-bezier(0.36, 0.07, 0.19, 0.97) both; 3099 transform: translate3d(0, 0, 0); 3100 backface-visibility: hidden; 3101 perspective: 1000px 3102 } 3103 3104 @keyframes shake-2ffdd76e { 3105 10%,90% { 3106 transform: translate3d(-1px, 0, 0) 3107 } 3108 3109 20%,80% { 3110 transform: translate3d(2px, 0, 0) 3111 } 3112 3113 30%,50%,70% { 3114 transform: translate3d(-4px, 0, 0) 3115 } 3116 3117 40%,60% { 3118 transform: translate3d(4px, 0, 0) 3119 } 3120 } 3121 3122 *[data-v-2ffdd76e]::-moz-focus-inner { 3123 border: 0 3124 } 3125 3126 *[data-v-2ffdd76e]:focus { 3127 outline: 0 3128 } 3129 </style> 3130 <style type="text/css"> 3131 .blu-tooltip[data-v-0ee5205b] { 3132 position: relative 3133 } 3134 3135 @media screen and (min-width: 769px),print { 3136 .blu-tooltip.b-left-center[data-v-0ee5205b],.blu-tooltip.b-right-center[data-v-0ee5205b] { 3137 align-items:center 3138 } 3139 3140 .blu-tooltip.b-right-top[data-v-0ee5205b],.blu-tooltip.b-right-center[data-v-0ee5205b],.blu-tooltip.b-right-btm[data-v-0ee5205b] { 3141 display: inline-flex 3142 } 3143 3144 .blu-tooltip.b-left-top[data-v-0ee5205b],.blu-tooltip.b-left-center[data-v-0ee5205b],.blu-tooltip.b-left-btm[data-v-0ee5205b] { 3145 display: inline-flex 3146 } 3147 } 3148 </style> 3149 <style type="text/css"> 3150 @media screen and (min-width: 769px),print { 3151 .blu-tooltip__label[data-v-9241c53c] { 3152 position:relative 3153 } 3154 3155 .blu-tooltip__label[data-v-9241c53c]:hover { 3156 cursor: default 3157 } 3158 3159 .blu-tooltip__label:hover+.blu-tooltip__label[data-v-9241c53c]:after { 3160 opacity: 1; 3161 transition: all .5s ease 0s 3162 } 3163 3164 .blu-tooltip__label[data-v-9241c53c]:focus-visible { 3165 background-color: #000; 3166 color: #fff; 3167 outline: none; 3168 cursor: default 3169 } 3170 3171 .blu-tooltip__label:focus-visible+.blu-tooltip__label[data-v-9241c53c]:after { 3172 opacity: 1; 3173 transition: all .5s ease 0s 3174 } 3175 3176 .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 { 3177 bottom: 100%; 3178 border-color: #fff rgba(0,0,0,0) rgba(0,0,0,0) rgba(0,0,0,0) 3179 } 3180 3181 .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 { 3182 top: 4px; 3183 left: 100%; 3184 border-color: rgba(0,0,0,0) #fff rgba(0,0,0,0) rgba(0,0,0,0) 3185 } 3186 3187 .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 { 3188 left: -16px; 3189 top: 4px; 3190 border-color: rgba(0,0,0,0) rgba(0,0,0,0) rgba(0,0,0,0) #fff 3191 } 3192 } 3193 3194 @media screen and (max-width: 768px) { 3195 .b-active .blu-tooltip__label[data-v-9241c53c] { 3196 position:relative; 3197 z-index: 1; 3198 opacity: .5 3199 } 3200 3201 .b-active .blu-tooltip__label+.blu-tooltip__content-wrapper[data-v-9241c53c] { 3202 opacity: 1;
3203 transition: all .5s ease 0s; 3204 z-index: 99 3205 } 3206 3207 .b-active .blu-tooltip__label+.blu-tooltip__content-wrapper .blu-tooltip__mask[data-v-9241c53c] { 3208 visibility: visible 3209 } 3210 3211 .b-active .blu-tooltip__label+.blu-tooltip__content-wrapper .blu-tooltip__content[data-v-9241c53c] { 3212 opacity: 1; 3213 visibility: visible 3214 } 3215 } 3216 </style> 3217 <style type="text/css"> 3218 @keyframes scale-up-1b7c2afb { 3219 0% { 3220 transform: scale(0.5) 3221 } 3222 3223 25% { 3224 transform: scale(0.8) 3225 } 3226 3227 50% { 3228 transform: scale(1) 3229 } 3230 } 3231 3232 .blu-tooltip__content[data-v-1b7c2afb] { 3233 font: 16px/20px "blibli",-apple-system,segoe ui,roboto,helvetica,arial,sans-serif; 3234 width: 250px; 3235 text-align: left; 3236 border-radius: 8px; 3237 background-color: #fff; 3238 padding: 16px; 3239 transition: visibility .3s,opacity .3s ease .2s; 3240 opacity: 0; 3241 pointer-events: all; 3242 visibility: hidden; 3243 color: rgba(25,34,42,.7019607843); 3244 box-shadow: 0 1px 6px 0 rgba(0,0,0,.1) 3245 } 3246 3247 @media screen and (min-width: 769px),print { 3248 .blu-tooltip__content[data-v-1b7c2afb]:hover { 3249 opacity:1; 3250 visibility: visible 3251 } 3252 } 3253 3254 @media screen and (min-width: 769px),print { 3255 .blu-tooltip__content-wrapper[data-v-1b7c2afb] { 3256 position:absolute; 3257 z-index: 1; 3258 pointer-events: none 3259 } 3260 } 3261 3262 @media screen and (min-width: 769px)and (min-width: 769px),print { 3263 .blu-tooltip__content-wrapper.b-page .blu-modal__close[data-v-1b7c2afb] { 3264 display:none 3265 } 3266 } 3267 3268 @media screen and (min-width: 769px),print { 3269 .blu-tooltip__label:hover+.blu-tooltip__content-wrapper .blu-tooltip__content[data-v-1b7c2afb] { 3270 opacity:1; 3271 visibility: visible; 3272 animation: scale-up-1b7c2afb .2s cubic-bezier(0, 0, 0.4, 1.4) .2s 3273 } 3274 3275 .blu-tooltip__label:focus-visible+.blu-tooltip__content-wrapper .blu-tooltip__content[data-v-1b7c2afb] { 3276 opacity: 1; 3277 visibility: visible; 3278 animation: scale-up-1b7c2afb .2s cubic-bezier(0, 0, 0.4, 1.4) .2s 3279 } 3280 3281 .blu-tooltip__close[data-v-1b7c2afb] { 3282 display: none 3283 } 3284 3285 .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 { 3286 left: calc(50% - 8px) 3287 } 3288 3289 .blu-tooltip.b-top-center .blu-tooltip__content-wrapper[data-v-1b7c2afb],.blu-tooltip.b-btm-center .blu-tooltip__content-wrapper[data-v-1b7c2afb] { 3290 height: 0 3291 } 3292 } 3293 3294 @media screen and (min-width: 769px)and (min-width: 769px),print { 3295 .blu-tooltip.b-top-center .blu-tooltip__content-wrapper[data-v-1b7c2afb],.blu-tooltip.b-btm-center .blu-tooltip__content-wrapper[data-v-1b7c2afb] { 3296 right:50% 3297 } 3298 } 3299 3300 @media screen and (min-width: 769px),print { 3301 .blu-tooltip.b-top-center .blu-tooltip__content[data-v-1b7c2afb],.blu-tooltip.b-btm-center .blu-tooltip__content[data-v-1b7c2afb] { 3302 margin:auto 3303 } 3304 } 3305 3306 @media screen and (min-width: 769px)and (min-width: 769px),print { 3307 .blu-tooltip.b-top-center .blu-tooltip__content[data-v-1b7c2afb],.blu-tooltip.b-btm-center .blu-tooltip__content[data-v-1b7c2afb] { 3308 margin:auto; 3309 margin-right: -50% 3310 } 3311 } 3312 3313 @media screen and (min-width: 769px),print { 3314 .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] { 3315 bottom:calc(100% + 16px); 3316 height: auto 3317 } 3318 3319 .blu-tooltip.b-top-left .blu-tooltip__content-wrapper[data-v-1b7c2afb] { 3320 right: 0 3321 } 3322 3323 .blu-tooltip.b-top-right .blu-tooltip__content-wrapper[data-v-1b7c2afb] { 3324 left: 0 3325 } 3326 3327 .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] { 3328 top: calc(100% + 16px) 3329 } 3330 3331 .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 { 3332 top: 100% 3333 } 3334 3335 .blu-tooltip.b-btm-left .blu-tooltip__content-wrapper[data-v-1b7c2afb] { 3336 right: 0 3337 } 3338 3339 .blu-tooltip.b-btm-right .blu-tooltip__content-wrapper[data-v-1b7c2afb] { 3340 left: 0 3341 } 3342 3343 .blu-tooltip.b-left-center .blu-tooltip__content-wrapper[data-v-1b7c2afb],.blu-tooltip.b-right-center .blu-tooltip__content-wrapper[data-v-1b7c2afb] { 3344 height: 100vh; 3345 display: flex; 3346 align-items: center; 3347 width: 1px; 3348 display: inline-grid 3349 } 3350 3351 .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] { 3352 position: absolute; 3353 left: calc(100% + 16px) 3354 } 3355 3356 .blu-tooltip.b-right-top .blu-tooltip__content-wrapper[data-v-1b7c2afb] { 3357 bottom: calc(100% - 33px) 3358 } 3359 3360 .blu-tooltip.b-right-btm .blu-tooltip__content-wrapper[data-v-1b7c2afb] { 3361 top: calc(100% - 33px) 3362 } 3363 3364 .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] { 3365 width: 1px; 3366 left: -17px 3367 } 3368 3369 .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] { 3370 position: absolute; 3371 right: 0 3372 } 3373 3374 .blu-tooltip.b-left-top .blu-tooltip__content[data-v-1b7c2afb] { 3375 bottom: calc(100% - 30px) 3376 } 3377 3378 .blu-tooltip.b-left-btm .blu-tooltip__content[data-v-1b7c2afb] { 3379 top: calc(100% - 15px) 3380 } 3381 } 3382 3383 @media screen and (max-width: 768px) { 3384 .blu-tooltip.b-active .blu-tooltip__content[data-v-1b7c2afb] { 3385 max-height:calc(100% - 50px); 3386 padding: 24px 24px 28px 24px; 3387 visibility: visible; 3388 opacity: 1 3389 } 3390 3391 .blu-tooltip.b-active .blu-tooltip__content-wrapper[data-v-1b7c2afb] { 3392 opacity: 1;
3393 z-index: 99; 3394 visibility: visible 3395 } 3396 3397 .blu-tooltip.b-active .blu-tooltip__content-wrapper .blu-tooltip__content[data-v-1b7c2afb] { 3398 opacity: 1; 3399 visibility: visible 3400 } 3401 3402 .blu-tooltip__content[data-v-1b7c2afb] { 3403 width: 100%; 3404 max-width: 100%; 3405 transition: none; 3406 position: fixed; 3407 border-radius: 16px 16px 0 0; 3408 left: 0; 3409 bottom: 0; 3410 opacity: 0 3411 } 3412 3413 .blu-tooltip__content-wrapper[data-v-1b7c2afb] { 3414 position: fixed; 3415 display: flex; 3416 top: 0; 3417 left: 0; 3418 width: 100%; 3419 height: 100%; 3420 align-items: center; 3421 justify-content: center; 3422 background: rgba(0,0,0,.6); 3423 opacity: 0; 3424 z-index: -1; 3425 visibility: hidden 3426 } 3427 } 3428 3429 @media screen and (max-width: 768px)and (max-width: 768px) { 3430 .blu-tooltip__close[data-v-1b7c2afb] { 3431 position:absolute; 3432 top: -28px; 3433 right: 20px 3434 } 3435 3436 .blu-tooltip__close i[data-v-1b7c2afb] { 3437 content: ""; 3438 top: 1px; 3439 right: 1px; 3440 position: absolute; 3441 width: 24px; 3442 height: 24px; 3443 transform: scale(1.3); 3444 background: rgba(0,0,0,0) url(data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PSIwIDAgMjQgMjQiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGQ9Ik0xMy43NjcyIDEyTDE3LjYzMiA4LjEzODM5QzE4LjEyMjcgNy42NDgxOSAxOC4xMjI3IDYuODU3ODYgMTcuNjMyIDYuMzY3NjVDMTcuMTQxNCA1Ljg3NzQ1IDE2LjM1MDQgNS44Nzc0NSAxNS44NTk4IDYuMzY3NjVMMTEuOTk1IDEwLjIyOTNMOC4xNDAxOCA2LjM3NzY2QzcuNjQ5NTYgNS44ODc0NSA2Ljg1ODU3IDUuODg3NDUgNi4zNjc5NiA2LjM3NzY2QzUuODc3MzUgNi44Njc4NiA1Ljg3NzM1IDcuNjU4MTkgNi4zNjc5NiA4LjE0ODRMMTAuMjIyOCAxMkw2LjM2Nzk2IDE1Ljg2MTZDNS44NzczNSAxNi4zNTE4IDUuODc3MzUgMTcuMTQyMSA2LjM2Nzk2IDE3LjYzMjNDNi44NTg1NyAxOC4xMjI2IDcuNjQ5NTYgMTguMTIyNiA4LjE0MDE4IDE3LjYzMjNMMTIuMDA1IDEzLjc3MDdMMTUuODU5OCAxNy42MjIzQzE2LjM1MDQgMTguMTEyNSAxNy4xNDE0IDE4LjExMjUgMTcuNjMyIDE3LjYyMjNDMTguMTIyNyAxNy4xMzIxIDE4LjEyMjcgMTYuMzQxOCAxNy42MzIgMTUuODUxNkwxMy43NzcyIDEySDEzLjc2NzJaIiBmaWxsPSIjNzk3Rjg1Ii8+Cjwvc3ZnPgo=) center center no-repeat #e1e3e4; 3445 background-color: #e1e3e4; 3446 -webkit-mask-image: url(data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PSIwIDAgMjQgMjQiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGQ9Ik0xMy43NjcyIDEyTDE3LjYzMiA4LjEzODM5QzE4LjEyMjcgNy42NDgxOSAxOC4xMjI3IDYuODU3ODYgMTcuNjMyIDYuMzY3NjVDMTcuMTQxNCA1Ljg3NzQ1IDE2LjM1MDQgNS44Nzc0NSAxNS44NTk4IDYuMzY3NjVMMTEuOTk1IDEwLjIyOTNMOC4xNDAxOCA2LjM3NzY2QzcuNjQ5NTYgNS44ODc0NSA2Ljg1ODU3IDUuODg3NDUgNi4zNjc5NiA2LjM3NzY2QzUuODc3MzUgNi44Njc4NiA1Ljg3NzM1IDcuNjU4MTkgNi4zNjc5NiA4LjE0ODRMMTAuMjIyOCAxMkw2LjM2Nzk2IDE1Ljg2MTZDNS44NzczNSAxNi4zNTE4IDUuODc3MzUgMTcuMTQyMSA2LjM2Nzk2IDE3LjYzMjNDNi44NTg1NyAxOC4xMjI2IDcuNjQ5NTYgMTguMTIyNiA4LjE0MDE4IDE3LjYzMjNMMTIuMDA1IDEzLjc3MDdMMTUuODU5OCAxNy42MjIzQzE2LjM1MDQgMTguMTEyNSAxNy4xNDE0IDE4LjExMjUgMTcuNjMyIDE3LjYyMjNDMTguMTIyNyAxNy4xMzIxIDE4LjEyMjcgMTYuMzQxOCAxNy42MzIgMTUuODUxNkwxMy43NzcyIDEySDEzLjc2NzJaIiBmaWxsPSIjNzk3Rjg1Ii8+Cjwvc3ZnPgo=) 3447 } 3448 } 3449 </style> 3450 <style type="text/css"> 3451 svg[data-v-4754ff3d] { 3452 display: inline-block; 3453 vertical-align: baseline 3454 } 3455 </style> 3456 <style type="text/css"> 3457 .blu-ripple[data-v-2bedc3c7] { 3458 width: 100%; 3459 height: 100%; 3460 position: relative; 3461 overflow: hidden; 3462 display: flex; 3463 justify-content: center; 3464 align-items: center; 3465 -webkit-box-pack: center; 3466 -webkit-box-align: center; 3467 -webkit-mask-image: radial-gradient(circle, #ffffff 100%, #000000 100%); 3468 padding: 0 12px 3469 } 3470 3471 .blu-ripple-wave[data-v-2bedc3c7] { 3472 position: absolute; 3473 z-index: 1; 3474 pointer-events: none; 3475 background: currentColor; 3476 border-radius: 50%; 3477 opacity: 0; 3478 transform: scale(2) translateZ(0) 3479 } 3480 3481 .blu-ripple-wave.b-centered[data-v-2bedc3c7] { 3482 animation-duration: 1.2s; 3483 top: 50%; 3484 left: 50% 3485 } 3486 3487 .blu-ripple-wave~*[data-v-2bedc3c7]:not(.blu-ripple-wave) { 3488 position: relative; 3489 z-index: 2 3490 } 3491 3492 .blu-ripple-enter-active[data-v-2bedc3c7] { 3493 transition: 2s cubic-bezier(0.25, 0.8, 0.25, 1); 3494 transition-property: opacity,transform; 3495 will-change: opacity,transform 3496 } 3497 3498 .blu-ripple-enter-active.b-centered[data-v-2bedc3c7] { 3499 transition-duration: 1.2s 3500 } 3501 3502 .blu-ripple-enter[data-v-2bedc3c7] { 3503 opacity: .26; 3504 transform: scale(0.26) translateZ(0) 3505 } 3506 3507 .has-left-icon .blu-ripple svg[data-v-2bedc3c7] { 3508 margin-right: 8px 3509 } 3510 3511 .has-left-icon.b-small svg[data-v-2bedc3c7] { 3512 transform-origin: left; 3513 margin-right: 4px 3514 } 3515 3516 .b-large .blu-ripple[data-v-2bedc3c7] { 3517 padding: 0 16px 3518 } 3519 3520 .b-small .blu-ripple[data-v-2bedc3c7] { 3521 padding: 0 8px 3522 } 3523 3524 .b-small svg[data-v-2bedc3c7] { 3525 width: 18px;
3526 height: 18px 3527 } 3528 3529 .b-icon .blu-ripple[data-v-2bedc3c7] { 3530 padding: 0 3531 } 3532 3533 .b-loading .blu-loader-wrapper[data-v-2bedc3c7] { 3534 height: 24px; 3535 position: absolute 3536 } 3537 3538 .b-loading .blu-ripple[data-v-2bedc3c7] { 3539 color: rgba(0,0,0,0) 3540 } 3541 3542 .b-loading .blu-ripple>svg[data-v-2bedc3c7] { 3543 visibility: hidden 3544 } 3545 3546 .b-loading .blu-ripple .blu-ripple-wave[data-v-2bedc3c7] { 3547 color: #fff 3548 } 3549 3550 .b-loading.b-white .blu-ripple-wave[data-v-2bedc3c7] { 3551 color: #1d05f7 3552 } 3553 3554 .b-loading.b-outline.b-secondary .blu-ripple-wave[data-v-2bedc3c7] { 3555 color: #1d05f7 3556 } 3557 3558 .b-loading.b-outline.b-primary .blu-ripple-wave[data-v-2bedc3c7] { 3559 color: #f2b11b 3560 } 3561 3562 .b-loading.b-ghost.b-secondary .blu-ripple-wave[data-v-2bedc3c7] { 3563 color: #1d05f7 3564 } 3565 3566 .b-loading.b-ghost.b-primary .blu-ripple-wave[data-v-2bedc3c7] { 3567 color: #f2b11b 3568 } 3569 3570 .blu-input-stepper .blu-btn .blu-ripple[data-v-2bedc3c7] { 3571 padding: 0; 3572 width: 24px; 3573 height: 24px; 3574 border-radius: 50% 3575 } 3576 3577 .blu-input-stepper .blu-btn .blu-ripple svg[data-v-2bedc3c7] { 3578 width: 18px; 3579 height: 18px; 3580 margin-left: 1px 3581 } 3582 3583 .blu-input-stepper .blu-btn .blu-ripple-enter-active[data-v-2bedc3c7] { 3584 background: #1d05f7 3585 } 3586 3587 .b-disabled[data-v-2bedc3c7] { 3588 opacity: 1 3589 } 3590 3591 .blu-btn-dropdown .blu-ripple>svg+div[data-v-2bedc3c7] { 3592 margin-left: 8px 3593 } 3594 </style> 3595 <style type="text/css"> 3596 .blu-ripple[data-v-574d97b4] { 3597 width: 100%; 3598 height: 100%; 3599 position: relative; 3600 overflow: hidden; 3601 display: flex; 3602 justify-content: center; 3603 align-items: center; 3604 -webkit-box-pack: center; 3605 -webkit-box-align: center; 3606 -webkit-mask-image: radial-gradient(circle, #ffffff 100%, #000000 100%); 3607 padding: 0 12px 3608 } 3609 3610 .blu-ripple-wave[data-v-574d97b4] { 3611 position: absolute; 3612 z-index: 1; 3613 pointer-events: none; 3614 background: currentColor; 3615 border-radius: 50%; 3616 opacity: 0; 3617 transform: scale(2) translateZ(0) 3618 } 3619 3620 .blu-ripple-wave.b-centered[data-v-574d97b4] { 3621 animation-duration: 1.2s; 3622 top: 50%; 3623 left: 50% 3624 } 3625 3626 .blu-ripple-wave~*[data-v-574d97b4]:not(.blu-ripple-wave) { 3627 position: relative; 3628 z-index: 2 3629 } 3630 3631 .blu-ripple-enter-active[data-v-574d97b4] { 3632 transition: 2s cubic-bezier(0.25, 0.8, 0.25, 1); 3633 transition-property: opacity,transform; 3634 will-change: opacity,transform 3635 } 3636 3637 .blu-ripple-enter-active.b-centered[data-v-574d97b4] { 3638 transition-duration: 1.2s 3639 } 3640 3641 .blu-ripple-enter[data-v-574d97b4] { 3642 opacity: .26; 3643 transform: scale(0.26) translateZ(0) 3644 } 3645 3646 .has-left-icon .blu-ripple svg[data-v-574d97b4] { 3647 margin-right: 8px 3648 } 3649 3650 .has-left-icon.b-small svg[data-v-574d97b4] { 3651 transform-origin: left; 3652 margin-right: 4px 3653 } 3654 3655 .b-large .blu-ripple[data-v-574d97b4] { 3656 padding: 0 16px 3657 } 3658 3659 .b-small .blu-ripple[data-v-574d97b4] { 3660 padding: 0 8px 3661 } 3662 3663 .b-small svg[data-v-574d97b4] { 3664 width: 18px;
3665 height: 18px 3666 } 3667 3668 .b-icon .blu-ripple[data-v-574d97b4] { 3669 padding: 0 3670 } 3671 3672 .b-loading .blu-loader-wrapper[data-v-574d97b4] { 3673 height: 24px; 3674 position: absolute 3675 } 3676 3677 .b-loading .blu-ripple[data-v-574d97b4] { 3678 color: rgba(0,0,0,0) 3679 } 3680 3681 .b-loading .blu-ripple>svg[data-v-574d97b4] { 3682 visibility: hidden 3683 } 3684 3685 .b-loading .blu-ripple .blu-ripple-wave[data-v-574d97b4] { 3686 color: #fff 3687 } 3688 3689 .b-loading.b-white .blu-ripple-wave[data-v-574d97b4] { 3690 color: #1d05f7 3691 } 3692 3693 .b-loading.b-outline.b-secondary .blu-ripple-wave[data-v-574d97b4] { 3694 color: #1d05f7 3695 } 3696 3697 .b-loading.b-outline.b-primary .blu-ripple-wave[data-v-574d97b4] { 3698 color: #f2b11b 3699 } 3700 3701 .b-loading.b-ghost.b-secondary .blu-ripple-wave[data-v-574d97b4] { 3702 color: #1d05f7 3703 } 3704 3705 .b-loading.b-ghost.b-primary .blu-ripple-wave[data-v-574d97b4] { 3706 color: #f2b11b 3707 } 3708 3709 .blu-input-stepper .blu-btn .blu-ripple[data-v-574d97b4] { 3710 padding: 0; 3711 width: 24px; 3712 height: 24px; 3713 border-radius: 50% 3714 } 3715 3716 .blu-input-stepper .blu-btn .blu-ripple svg[data-v-574d97b4] { 3717 width: 18px; 3718 height: 18px; 3719 margin-left: 1px 3720 } 3721 3722 .blu-input-stepper .blu-btn .blu-ripple-enter-active[data-v-574d97b4] { 3723 background: #1d05f7 3724 } 3725 3726 .b-disabled[data-v-574d97b4] { 3727 opacity: 1 3728 } 3729 3730 .blu-btn-dropdown .blu-ripple>svg+div[data-v-574d97b4] { 3731 margin-left: 8px 3732 } 3733 </style> 3734 <style type="text/css"> 3735 .blu-ripple[data-v-19fd2cc7] { 3736 width: 100%; 3737 height: 100%; 3738 position: relative; 3739 overflow: hidden; 3740 display: flex; 3741 justify-content: center; 3742 align-items: center; 3743 -webkit-box-pack: center; 3744 -webkit-box-align: center; 3745 -webkit-mask-image: radial-gradient(circle, #ffffff 100%, #000000 100%); 3746 padding: 0 12px 3747 } 3748 3749 .blu-ripple-wave[data-v-19fd2cc7] { 3750 position: absolute; 3751 z-index: 1; 3752 pointer-events: none; 3753 background: currentColor; 3754 border-radius: 50%; 3755 opacity: 0; 3756 transform: scale(2) translateZ(0) 3757 } 3758 3759 .blu-ripple-wave.b-centered[data-v-19fd2cc7] { 3760 animation-duration: 1.2s; 3761 top: 50%; 3762 left: 50% 3763 } 3764 3765 .blu-ripple-wave~*[data-v-19fd2cc7]:not(.blu-ripple-wave) { 3766 position: relative; 3767 z-index: 2 3768 } 3769 3770 .blu-ripple-enter-active[data-v-19fd2cc7] { 3771 transition: 2s cubic-bezier(0.25, 0.8, 0.25, 1); 3772 transition-property: opacity,transform; 3773 will-change: opacity,transform 3774 } 3775 3776 .blu-ripple-enter-active.b-centered[data-v-19fd2cc7] { 3777 transition-duration: 1.2s 3778 } 3779 3780 .blu-ripple-enter[data-v-19fd2cc7] { 3781 opacity: .26; 3782 transform: scale(0.26) translateZ(0) 3783 } 3784 3785 .has-left-icon .blu-ripple svg[data-v-19fd2cc7] { 3786 margin-right: 8px 3787 } 3788 3789 .has-left-icon.b-small svg[data-v-19fd2cc7] { 3790 transform-origin: left; 3791 margin-right: 4px 3792 } 3793 3794 .b-large .blu-ripple[data-v-19fd2cc7] { 3795 padding: 0 16px 3796 } 3797 3798 .b-small .blu-ripple[data-v-19fd2cc7] { 3799 padding: 0 8px 3800 } 3801 3802 .b-small svg[data-v-19fd2cc7] { 3803 width: 18px;
3804 height: 18px 3805 } 3806 3807 .b-icon .blu-ripple[data-v-19fd2cc7] { 3808 padding: 0 3809 } 3810 3811 .b-loading .blu-loader-wrapper[data-v-19fd2cc7] { 3812 height: 24px; 3813 position: absolute 3814 } 3815 3816 .b-loading .blu-ripple[data-v-19fd2cc7] { 3817 color: rgba(0,0,0,0) 3818 } 3819 3820 .b-loading .blu-ripple>svg[data-v-19fd2cc7] { 3821 visibility: hidden 3822 } 3823 3824 .b-loading .blu-ripple .blu-ripple-wave[data-v-19fd2cc7] { 3825 color: #fff 3826 } 3827 3828 .b-loading.b-white .blu-ripple-wave[data-v-19fd2cc7] { 3829 color: #1d05f7 3830 } 3831 3832 .b-loading.b-outline.b-secondary .blu-ripple-wave[data-v-19fd2cc7] { 3833 color: #1d05f7 3834 } 3835 3836 .b-loading.b-outline.b-primary .blu-ripple-wave[data-v-19fd2cc7] { 3837 color: #f2b11b 3838 } 3839 3840 .b-loading.b-ghost.b-secondary .blu-ripple-wave[data-v-19fd2cc7] { 3841 color: #1d05f7 3842 } 3843 3844 .b-loading.b-ghost.b-primary .blu-ripple-wave[data-v-19fd2cc7] { 3845 color: #f2b11b 3846 } 3847 3848 .blu-input-stepper .blu-btn .blu-ripple[data-v-19fd2cc7] { 3849 padding: 0; 3850 width: 24px; 3851 height: 24px; 3852 border-radius: 50% 3853 } 3854 3855 .blu-input-stepper .blu-btn .blu-ripple svg[data-v-19fd2cc7] { 3856 width: 18px; 3857 height: 18px; 3858 margin-left: 1px 3859 } 3860 3861 .blu-input-stepper .blu-btn .blu-ripple-enter-active[data-v-19fd2cc7] { 3862 background: #1d05f7 3863 } 3864 3865 .b-disabled[data-v-19fd2cc7] { 3866 opacity: 1 3867 } 3868 3869 .blu-btn-dropdown .blu-ripple>svg+div[data-v-19fd2cc7] { 3870 margin-left: 8px 3871 } 3872 3873 .blu-btn[data-v-19fd2cc7] { 3874 position: relative; 3875 font: 16px/20px "blibli demi bold",-apple-system,segoe ui,roboto,helvetica,arial,sans-serif; 3876 text-decoration: none; 3877 transition: color .4s,background-color .4s,border-color .6s; 3878 white-space: nowrap; 3879 height: 48px; 3880 padding: 0; 3881 -webkit-tap-highlight-color: rgba(0, 0, 0, 0) 3882 } 3883 3884 .blu-btn[data-v-19fd2cc7]::-moz-focus-inner { 3885 border: 0 3886 } 3887 3888 .blu-btn[data-v-19fd2cc7]:active { 3889 outline: none 3890 } 3891 3892 .blu-btn[data-v-19fd2cc7]:before { 3893 position: absolute; 3894 top: 0; 3895 right: 0; 3896 bottom: 0; 3897 left: 0; 3898 z-index: 1; 3899 opacity: 0; 3900 transition: .4s cubic-bezier(0.4, 0, 0.2, 1); 3901 will-change: background-color,opacity; 3902 content: " " 3903 } 3904 3905 .blu-btn[data-v-19fd2cc7]:focus-visible { 3906 box-shadow: 0px 0px 0px 4px #000 3907 } 3908 3909 .blu-btn.b-primary[data-v-19fd2cc7] { 3910 color: #fff; 3911 background-color: #f2b11b; 3912 border-color: #f2b11b 3913 } 3914 3915 .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] { 3916 background-color: #e39304; 3917 border-color: #e39304 3918 } 3919 3920 .blu-btn.b-secondary[data-v-19fd2cc7] { 3921 color: #fff; 3922 background-color: #1d05f7; 3923 border-color: #1d05f7 3924 } 3925 3926 .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] { 3927 background-color: #006dea; 3928 border-color: #006dea 3929 } 3930 3931 .blu-btn.b-white[data-v-19fd2cc7] { 3932 color: #fff; 3933 background-color: #fff; 3934 border-color: #fff; 3935 color: #1d05f7 3936 } 3937 3938 .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] { 3939 background-color: #f1f2f2; 3940 border-color: #f1f2f2 3941 } 3942 3943 .blu-btn.b-disabled[data-v-19fd2cc7] { 3944 color: #fff; 3945 background-color: #c8cbcd; 3946 border-color: #c8cbcd; 3947 color: rgba(25,34,42,.4) 3948 } 3949 3950 .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] { 3951 background-color: #c8cbcd; 3952 border-color: #c8cbcd 3953 } 3954 3955 .blu-btn.b-large[data-v-19fd2cc7] { 3956 height: 56px 3957 } 3958 3959 .blu-btn.b-small[data-v-19fd2cc7] { 3960 font: 14px/18px "blibli demi bold",-apple-system,segoe ui,roboto,helvetica,arial,sans-serif; 3961 height: 32px 3962 } 3963 3964 .b-disabled[data-v-19fd2cc7] { 3965 opacity: 1 3966 } 3967 3968 input[type=submit][data-v-19fd2cc7]::-moz-focus-inner,input[type=button][data-v-19fd2cc7]::-moz-focus-inner { 3969 border: 0px 3970 } 3971 3972 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] { 3973 outline: none 3974 } 3975 3976 a[data-v-19fd2cc7],a[data-v-19fd2cc7]:visited,a[data-v-19fd2cc7]:focus,a[data-v-19fd2cc7]:active,a[data-v-19fd2cc7]:hover { 3977 outline: 0 none !important 3978 } 3979 3980 .blu-btn[data-v-19fd2cc7] { 3981 border-radius: 24px 3982 } 3983 3984 .blu-btn+.blu-button[data-v-19fd2cc7] { 3985 margin-left: 0 3986 } 3987 3988 .blu-btn.b-outline[data-v-19fd2cc7] { 3989 background-color: rgba(0,0,0,0) 3990 } 3991 3992 .blu-btn.b-outline.b-primary[data-v-19fd2cc7] { 3993 color: #f2b11b; 3994 background-color: #e39304; 3995 border: #ffcd00 1px solid 3996 } 3997 3998 .blu-btn.b-outline.b-primary[data-v-19fd2cc7]:not(.b-disabled) { 3999 background-color: rgba(255,255,255,.12) 4000 } 4001 4002 .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] { 4003 background-color: rgba(227,147,4,.08); 4004 border: #ffcd00 1px solid 4005 } 4006 4007 .blu-btn.b-outline.b-primary.b-active[data-v-19fd2cc7] { 4008 z-index: 9; 4009 background-color: #f2b11b; 4010 color: #fff 4011 } 4012 4013 .blu-btn.b-outline.b-secondary[data-v-19fd2cc7] { 4014 color: #1d05f7; 4015 background-color: #006dea; 4016 border: #1d05f7 1px solid 4017 } 4018 4019 .blu-btn.b-outline.b-secondary[data-v-19fd2cc7]:not(.b-disabled) { 4020 background-color: rgba(255,255,255,.12) 4021 } 4022 4023 .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] { 4024 background-color: rgba(0,109,234,.08); 4025 border: #1d05f7 1px solid 4026 } 4027 4028 .blu-btn.b-outline.b-secondary.b-active[data-v-19fd2cc7] { 4029 z-index: 9; 4030 background-color: #1d05f7; 4031 color: #fff 4032 } 4033 4034 .blu-btn.b-outline.b-white[data-v-19fd2cc7] { 4035 color: #fff; 4036 background-color: #fff; 4037 border: #fff 1px solid 4038 } 4039 4040 .blu-btn.b-outline.b-white[data-v-19fd2cc7]:not(.b-disabled) { 4041 background-color: rgba(255,255,255,.12) 4042 } 4043 4044 .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] { 4045 background-color: rgba(255,255,255,.4); 4046 border: #fff 1px solid 4047 } 4048 4049 .blu-btn.b-outline.b-white.b-active[data-v-19fd2cc7] { 4050 z-index: 9; 4051 background-color: #fff; 4052 color: #fff 4053 } 4054 4055 .blu-btn.b-outline.b-disabled[data-v-19fd2cc7] { 4056 color: rgba(25,34,42,.4); 4057 background-color: #c8cbcd; 4058 border: #c8cbcd 1px solid 4059 } 4060 4061 .blu-btn.b-outline.b-disabled[data-v-19fd2cc7]:not(.b-disabled) { 4062 background-color: rgba(255,255,255,.12) 4063 } 4064 4065 .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] { 4066 background-color: rgba(200,203,205,.08); 4067 border: #c8cbcd 1px solid 4068 } 4069 4070 .blu-btn.b-outline.b-disabled.b-active[data-v-19fd2cc7] { 4071 z-index: 9; 4072 background-color: rgba(25,34,42,.4); 4073 color: #fff 4074 } 4075 4076 .blu-btn.b-outline.b-small .blu-ripple[data-v-19fd2cc7] { 4077 border-radius: 14px 4078 } 4079 4080 .blu-btn.b-outline.b-large .blu-ripple[data-v-19fd2cc7] { 4081 border-radius: 30px 4082 } 4083 4084 .blu-btn.b-ghost[data-v-19fd2cc7] { 4085 background-color: rgba(0,0,0,0); 4086 border-color: rgba(0,0,0,0) 4087 } 4088 4089 .blu-btn.b-ghost.b-primary[data-v-19fd2cc7] { 4090 color: #f2b11b; 4091 border-color: rgba(0,0,0,0) 4092 } 4093 4094 .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] { 4095 border-color: rgba(0,0,0,0); 4096 background-color: rgba(227,147,4,.08) 4097 } 4098 4099 .blu-btn.b-ghost.b-secondary[data-v-19fd2cc7] { 4100 color: #1d05f7; 4101 border-color: rgba(0,0,0,0) 4102 } 4103 4104 .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] { 4105 border-color: rgba(0,0,0,0); 4106 background-color: rgba(0,109,234,.08) 4107 } 4108 4109 .blu-btn.b-ghost.b-white[data-v-19fd2cc7] { 4110 color: #fff; 4111 border-color: rgba(0,0,0,0) 4112 } 4113 4114 .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] { 4115 border-color: rgba(0,0,0,0); 4116 background-color: rgba(255,255,255,.4) 4117 } 4118 4119 .blu-btn.b-ghost.b-white.b-disabled[data-v-19fd2cc7] { 4120 color: rgba(255,255,255,.4); 4121 border-color: rgba(0,0,0,0) 4122 } 4123 4124 .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] { 4125 border-color: rgba(0,0,0,0); 4126 background-color: rgba(0,0,0,0) 4127 } 4128 4129 .blu-btn.b-ghost.b-disabled[data-v-19fd2cc7] { 4130 color: rgba(25,34,42,.4); 4131 border-color: rgba(0,0,0,0) 4132 } 4133 4134 .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] { 4135 border-color: rgba(0,0,0,0); 4136 background-color: rgba(0,0,0,0) 4137 } 4138 4139 .blu-btn.b-warning[data-v-19fd2cc7] { 4140 color: #fff; 4141 background-color: #ffcd00; 4142 border-color: #ffcd00 4143 } 4144 4145 .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] { 4146 background-color: #cca400; 4147 border-color: #cca400 4148 } 4149 4150 .blu-btn.b-danger[data-v-19fd2cc7] { 4151 color: #fff; 4152 background-color: #ff4646; 4153 border-color: #ff4646 4154 } 4155 4156 .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] { 4157 background-color: #ff1313; 4158 border-color: #ff1313 4159 } 4160 4161 .blu-btn.b-small[data-v-19fd2cc7] { 4162 border-radius: 16px 4163 } 4164 4165 .blu-btn.b-small .blu-ripple[data-v-19fd2cc7] { 4166 border-radius: 16px 4167 } 4168 4169 .blu-btn.b-large[data-v-19fd2cc7] { 4170 border-radius: 32px 4171 } 4172 4173 .blu-btn.b-large .blu-ripple[data-v-19fd2cc7] { 4174 border-radius: 32px 4175 } 4176 4177 .blu-btn.b-icon[data-v-19fd2cc7] { 4178 width: 48px 4179 } 4180 4181 .blu-btn.b-icon.b-large[data-v-19fd2cc7] { 4182 width: 56px 4183 } 4184 4185 .blu-btn.b-icon.b-small[data-v-19fd2cc7] { 4186 width: 32px 4187 } 4188 4189 .blu-btn.b-icon svg[data-v-19fd2cc7] { 4190 width: 100%; 4191 height: 100% 4192 } 4193 4194 .blu-btn.b-full-width[data-v-19fd2cc7] { 4195 width: 100% 4196 } 4197 4198 .blu-btn .blu-ripple[data-v-19fd2cc7] { 4199 border-radius: 24px 4200 } 4201 </style> 4202 <style type="text/css"> 4203 .blu-field[data-v-12bd13fe] { 4204 position: relative; 4205 margin-bottom: 16px 4206 } 4207 4208 .blu-field input.form__input[data-v-12bd13fe] { 4209 width: auto 4210 } 4211 4212 .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] { 4213 padding: 24px 20px 8px 14px; 4214 height: 56px 4215 } 4216 4217 .blu-field textarea[data-v-12bd13fe] { 4218 padding: 22px 16px 8px 14px; 4219 resize: vertical 4220 } 4221 4222 .blu-field input.form__input[data-v-12bd13fe],.blu-field textarea[data-v-12bd13fe] { 4223 width: 100%; 4224 margin-top: 0;
4225 border-radius: 8px; 4226 border: #c8cbcd 1px solid; 4227 color: #19222a; 4228 font: 16px/20px "blibli",-apple-system,segoe ui,roboto,helvetica,arial,sans-serif; 4229 transition: border .2s,background-color .4s 4230 } 4231 4232 .blu-field input.form__input[type=search][data-v-12bd13fe],.blu-field textarea[type=search][data-v-12bd13fe] { 4233 font: 16px/20px "blibli",-apple-system,segoe ui,roboto,helvetica,arial,sans-serif; 4234 color: #19222a 4235 } 4236 4237 .blu-field input.form__input[type=search][data-v-12bd13fe]::placeholder,.blu-field textarea[type=search][data-v-12bd13fe]::placeholder { 4238 color: rgba(25,34,42,.4) 4239 } 4240 4241 .blu-field input.form__input[data-v-12bd13fe]:not(:read-only):focus,.blu-field textarea[data-v-12bd13fe]:not(:read-only):focus { 4242 border-color: #1d05f7 4243 } 4244 4245 .blu-field input.form__input:not(:read-only):focus~label[data-v-12bd13fe],.blu-field textarea:not(:read-only):focus~label[data-v-12bd13fe] { 4246 font: 12px/16px "blibli",-apple-system,segoe ui,roboto,helvetica,arial,sans-serif; 4247 color: #1d05f7; 4248 top: 2px; 4249 padding-top: 6px; 4250 opacity: 1 4251 } 4252 4253 .blu-field input.form__input:not(:read-only):focus~.title[data-v-12bd13fe],.blu-field textarea:not(:read-only):focus~.title[data-v-12bd13fe] { 4254 color: #1d05f7 4255 } 4256 4257 .blu-field input.form__input[data-v-12bd13fe]:read-only,.blu-field textarea[data-v-12bd13fe]:read-only { 4258 border-color: #f1f2f2 4259 } 4260 4261 .blu-field textarea[data-v-12bd13fe] { 4262 height: 100px 4263 } 4264 4265 .blu-field textarea[data-v-12bd13fe]::-webkit-scrollbar { 4266 width: 6px; 4267 background-color: rgba(0,0,0,0) 4268 } 4269 4270 .blu-field textarea[data-v-12bd13fe]::-webkit-scrollbar-thumb { 4271 border-radius: 3px; 4272 background-color: #c8cbcd 4273 } 4274 4275 .blu-field textarea[data-v-12bd13fe]::-webkit-scrollbar-track { 4276 border-radius: 3px; 4277 background-color: rgba(0,0,0,0) 4278 } 4279 4280 .blu-field label[data-v-12bd13fe] { 4281 font: 16px/20px "blibli",-apple-system,segoe ui,roboto,helvetica,arial,sans-serif; 4282 color: rgba(25,34,42,.4); 4283 position: absolute; 4284 top: 18px; 4285 left: 16px; 4286 transition: all .2s,background-color .4s 4287 } 4288 4289 .blu-field button[data-v-12bd13fe] { 4290 padding: 0; 4291 margin: 0; 4292 color: #797f85; 4293 display: flex 4294 } 4295 4296 .blu-field button[data-v-12bd13fe]:focus-visible { 4297 outline: none 4298 } 4299 4300 .blu-field button:focus-visible svg[data-v-12bd13fe] { 4301 outline: 4px solid #000 4302 } 4303 4304 .blu-field__msg[data-v-12bd13fe] { 4305 flex: auto; 4306 margin-top: 4px 4307 } 4308 4309 .blu-field__msg-wrapper[data-v-12bd13fe] { 4310 display: flex; 4311 justify-content: flex-end; 4312 font: 14px/18px "blibli",-apple-system,segoe ui,roboto,helvetica,arial,sans-serif; 4313 color: rgba(25,34,42,.4) 4314 } 4315 4316 .blu-field__counter[data-v-12bd13fe] { 4317 text-align: right 4318 } 4319 4320 .blu-field__btn[data-v-12bd13fe] { 4321 top: 16px; 4322 position: absolute; 4323 display: flex; 4324 right: 16px; 4325 align-items: center 4326 } 4327 4328 .blu-field .title[data-v-12bd13fe] { 4329 display: none; 4330 color: rgba(25,34,42,.7019607843) 4331 } 4332 4333 .blu-field:not(.b-disabled) input.form__input[data-v-12bd13fe]:hover,.blu-field:not(.b-disabled) textarea[data-v-12bd13fe]:hover { 4334 background-color: #f1f2f2 4335 } 4336 4337 .blu-field:not(.b-disabled).has-value label[data-v-12bd13fe] { 4338 color: #1d05f7 4339 } 4340 4341 .blu-field:not(.b-disabled).has-value textarea+label[data-v-12bd13fe] { 4342 background-color: #fff 4343 } 4344 4345 .blu-field:not(.b-disabled).has-value textarea:hover~label[data-v-12bd13fe] { 4346 background-color: #f1f2f2 4347 } 4348 4349 .blu-field:not(.b-disabled).has-value textarea[data-v-12bd13fe]::-webkit-credentials-auto-fill-button { 4350 margin-right: 0 4351 } 4352 4353 .blu-field.has-value label[data-v-12bd13fe] { 4354 font: 12px/16px "blibli",-apple-system,segoe ui,roboto,helvetica,arial,sans-serif; 4355 top: 2px; 4356 padding-top: 6px; 4357 opacity: 1 4358 } 4359 4360 .blu-field.has-value textarea+label[data-v-12bd13fe] { 4361 width: calc(100% - 32px) 4362 } 4363 4364 .blu-field.has-value.b-success label[data-v-12bd13fe] { 4365 color: #1c832a 4366 } 4367 4368 .blu-field.has-value.b-danger label[data-v-12bd13fe] { 4369 color: #e93c3c 4370 } 4371 4372 .blu-field.has-max-length input.form__input[data-v-12bd13fe] { 4373 animation: shake-12bd13fe .82s cubic-bezier(0.36, 0.07, 0.19, 0.97) both; 4374 transform: translate3d(0, 0, 0); 4375 backface-visibility: hidden; 4376 perspective: 1000px 4377 } 4378 4379 .blu-field.has-placeholder[data-v-12bd13fe] ::placeholder { 4380 font: 16px/20px "blibli",-apple-system,segoe ui,roboto,helvetica,arial,sans-serif; 4381 opacity: 1;
4382 color: rgba(25,34,42,.4) 4383 } 4384 4385 .blu-field.has-placeholder .title[data-v-12bd13fe] { 4386 position: absolute; 4387 font-size: 1.2rem; 4388 font-weight: normal; 4389 top: -8px; 4390 left: 16px; 4391 display: block; 4392 color: rgba(25,34,42,.7019607843) 4393 } 4394 4395 .blu-field.has-placeholder .blu-field__btn[data-v-12bd13fe] { 4396 top: 32px 4397 } 4398 4399 .blu-field.has-placeholder textarea[data-v-12bd13fe] { 4400 padding-top: 16px; 4401 margin-top: 16px 4402 } 4403 4404 .blu-field.has-placeholder input.form__input[data-v-12bd13fe] { 4405 padding-top: 8px; 4406 margin-top: 16px 4407 } 4408 4409 .blu-field.has-placeholder input.form__input[data-v-12bd13fe]:focus::placeholder { 4410 color: rgba(25,34,42,.4) 4411 } 4412 4413 .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] { 4414 top: 32px 4415 } 4416 4417 .blu-field.has-left-icon .blu-field__btn[data-v-12bd13fe] { 4418 left: 16px; 4419 right: auto; 4420 width: calc(100% - 28px); 4421 pointer-events: none; 4422 justify-content: space-between 4423 } 4424 4425 .blu-field.has-left-icon .blu-field__btn-close[data-v-12bd13fe],.blu-field.has-left-icon .blu-field__btn-custom[data-v-12bd13fe] { 4426 pointer-events: all 4427 } 4428 4429 .blu-field.has-left-icon.b-clearable[data-v-12bd13fe] { 4430 flex-direction: row-reverse 4431 } 4432 4433 .blu-field.has-left-icon.b-clearable.has-value .blu-field__btn-close[data-v-12bd13fe] { 4434 order: 2 4435 } 4436 4437 .blu-field.has-left-icon.b-clearable.has-value .blu-field__btn-custom[data-v-12bd13fe] { 4438 order: 1 4439 } 4440 4441 .blu-field.has-left-icon label[data-v-12bd13fe] { 4442 padding-left: 30px 4443 } 4444 4445 .blu-field.has-left-icon input.form__input[data-v-12bd13fe] { 4446 padding-left: 44px 4447 } 4448 4449 .blu-field.has-left-icon input.form__input[type=search][data-v-12bd13fe] { 4450 padding-left: 46px 4451 } 4452 4453 @media screen and (max-width: 768px) { 4454 .blu-field.has-left-icon input.form__input[type=search][data-v-12bd13fe] { 4455 padding-left:32px 4456 } 4457 4458 .blu-field.has-left-icon input.form__input[type=search]~label[data-v-12bd13fe] { 4459 left: 24px 4460 } 4461 4462 .blu-field.has-left-icon input.form__input[type=search]~.blu-field__btn[data-v-12bd13fe] { 4463 width: calc(100% - 15px); 4464 bottom: 17px; 4465 left: 5px 4466 } 4467 4468 .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] { 4469 width: 18px; 4470 height: 18px 4471 } 4472 } 4473 4474 @media screen and (max-width: 768px) { 4475 .blu-field.has-left-icon input.form__input[type=search][data-v-12bd13fe] { 4476 height:36px; 4477 border-radius: 8px 4478 } 4479 } 4480 4481 .blu-field.has-right-icon input.form__input[data-v-12bd13fe] { 4482 padding-right: 46px 4483 } 4484 4485 .blu-field.b-clearable input.form__input[data-v-12bd13fe],.blu-field.b-clearable textarea[data-v-12bd13fe] { 4486 padding-right: 47px 4487 } 4488 4489 .blu-field.b-clearable input.form__input[type=password][data-v-12bd13fe],.blu-field.b-clearable textarea[type=password][data-v-12bd13fe] { 4490 padding-right: 80px 4491 } 4492 4493 @media screen and (max-width: 768px) { 4494 .blu-field.b-clearable input.form__input[type=search][data-v-12bd13fe],.blu-field.b-clearable textarea[type=search][data-v-12bd13fe] { 4495 padding-right:33px 4496 } 4497 } 4498 4499 .blu-field.b-clearable .blu-field__btn-close[data-v-12bd13fe]:not(:last-child) { 4500 margin-right: 8px 4501 } 4502 4503 .blu-field.has-action .blu-field__btn[data-v-12bd13fe] { 4504 top: 12px 4505 } 4506 4507 .blu-field.has-action.has-placeholder .blu-field__btn[data-v-12bd13fe] { 4508 top: 28px 4509 } 4510 4511 .blu-field.has-action input.form__input[data-v-12bd13fe] { 4512 padding-right: 81px 4513 } 4514 4515 .blu-field.has-action.b-clearable input.form__input[data-v-12bd13fe],.blu-field.has-action.has-password input.form__input[data-v-12bd13fe] { 4516 padding-right: 118px 4517 } 4518 4519 .blu-field.has-leading-icon .blu-field__leading-icon[data-v-12bd13fe] { 4520 position: absolute; 4521 top: 16px; 4522 left: 16px; 4523 pointer-events: none; 4524 z-index: 1 4525 } 4526 4527 .blu-field.has-leading-icon label[data-v-12bd13fe] { 4528 padding-left: 32px 4529 } 4530 4531 .blu-field.has-leading-icon input.form__input[data-v-12bd13fe] { 4532 padding-left: 46px 4533 } 4534 4535 .blu-field.has-leading-icon input.form__input[type=search][data-v-12bd13fe] { 4536 padding-left: 48px 4537 } 4538 4539 @media screen and (max-width: 768px) { 4540 .blu-field.has-leading-icon input.form__input[type=search][data-v-12bd13fe] { 4541 padding-left:32px; 4542 height: 36px; 4543 border-radius: 8px 4544 } 4545 4546 .blu-field.has-leading-icon input.form__input[type=search]~label[data-v-12bd13fe] { 4547 left: 24px 4548 } 4549 4550 .blu-field.has-leading-icon input.form__input[type=search]~.blu-field__leading-icon[data-v-12bd13fe] { 4551 top: 24px; 4552 left: 8px 4553 } 4554 4555 .blu-field.has-leading-icon input.form__input[type=search]~.blu-field__leading-icon svg[data-v-12bd13fe] { 4556 width: 18px;
4557 height: 18px 4558 } 4559 4560 .blu-field.has-leading-icon input.form__input[type=search]~.blu-field__btn[data-v-12bd13fe] { 4561 bottom: 17px; 4562 right: 8px 4563 } 4564 4565 .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] { 4566 width: 18px; 4567 height: 18px 4568 } 4569 } 4570 4571 .blu-field.has-leading-icon.has-placeholder .blu-field__leading-icon[data-v-12bd13fe] { 4572 top: 32px 4573 } 4574 4575 .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] { 4576 top: 23px 4577 } 4578 4579 .blu-field.has-leading-icon.has-placeholder.b-small:not(.has-no-gap) .blu-field__leading-icon[data-v-12bd13fe] { 4580 top: 25px 4581 } 4582 4583 .blu-field.has-leading-icon.has-placeholder.b-small :not(input[type=search].form__input)~.blu-field__leading-icon[data-v-12bd13fe] { 4584 top: 7px 4585 } 4586 4587 .blu-field.has-custom-icon input.form__input[data-v-12bd13fe] { 4588 padding-right: 46px 4589 } 4590 4591 .blu-field.has-custom-icon.b-clearable input.form__input[data-v-12bd13fe] { 4592 padding-right: 80px 4593 } 4594 4595 .blu-field.has-no-gap[data-v-12bd13fe] { 4596 margin-bottom: 0 4597 } 4598 4599 .blu-field.has-no-gap.has-placeholder input.form__input[data-v-12bd13fe] { 4600 margin-top: 0 4601 } 4602 4603 .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] { 4604 top: 16px 4605 } 4606 4607 .blu-field.has-no-gap.has-leading-icon.has-placeholder .blu-field__leading-icon[data-v-12bd13fe] { 4608 top: 9px 4609 } 4610 4611 .blu-field.has-no-gap.has-leading-icon.has-placeholder .blu-field__btn[data-v-12bd13fe] { 4612 top: 7px 4613 } 4614 4615 @media screen and (min-width: 769px),print { 4616 .blu-field.has-no-gap.has-leading-icon.has-placeholder.b-small input[type=search].form__input~.blu-field__btn[data-v-12bd13fe] { 4617 top:9px 4618 } 4619 } 4620 4621 @media screen and (max-width: 768px) { 4622 .blu-field.has-no-gap.has-leading-icon.has-placeholder input[type=search].form__input~.blu-field__leading-icon[data-v-12bd13fe] { 4623 top:9px 4624 } 4625 4626 .blu-field.has-no-gap.has-leading-icon.has-placeholder input[type=search].form__input~.blu-field__btn[data-v-12bd13fe] { 4627 top: 17px 4628 } 4629 } 4630 4631 .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 { 4632 border-color: #22a334 4633 } 4634 4635 .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] { 4636 color: #1c832a 4637 } 4638 4639 .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] { 4640 color: #1c832a 4641 } 4642 4643 .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] { 4644 color: #1c832a 4645 } 4646 4647 .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 { 4648 border-color: #ff4646 4649 } 4650 4651 .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] { 4652 color: #e93c3c 4653 } 4654 4655 .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] { 4656 color: #e93c3c 4657 } 4658 4659 .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] { 4660 color: #e93c3c 4661 } 4662 4663 .b-dark input.form__input[data-v-12bd13fe],.b-dark textarea[data-v-12bd13fe] { 4664 background-color: #f1f2f2; 4665 border-color: #f1f2f2 4666 } 4667
4668 .b-dark:not(.b-disabled) input.form__input[data-v-12bd13fe]:hover,.b-dark:not(.b-disabled) textarea[data-v-12bd13fe]:hover { 4669 background-color: #e1e3e4 4670 } 4671 4672 .b-dark:not(.b-disabled).has-value textarea+label[data-v-12bd13fe] { 4673 background-color: #f1f2f2 4674 } 4675 4676 .b-dark:not(.b-disabled).has-value textarea:hover~label[data-v-12bd13fe] { 4677 background-color: #e1e3e4 4678 } 4679 4680 .b-disabled input.form__input[data-v-12bd13fe],.b-disabled textarea[data-v-12bd13fe] { 4681 background-color: #c8cbcd; 4682 border-color: #c8cbcd 4683 } 4684 4685 .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] { 4686 cursor: not-allowed; 4687 color: rgba(25,34,42,.4) 4688 } 4689 4690 .b-small input.form__input[data-v-12bd13fe] { 4691 font: 14px/18px "blibli",-apple-system,segoe ui,roboto,helvetica,arial,sans-serif; 4692 border-radius: 8px 4693 } 4694 4695 .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] { 4696 height: 32px 4697 } 4698 4699 .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] { 4700 top: 6px 4701 } 4702 4703 .b-small input.form__input[type=search][data-v-12bd13fe] { 4704 height: 36px 4705 } 4706 4707 .b-small input.form__input[type=search]~.blu-field__btn[data-v-12bd13fe] { 4708 right: 8px 4709 } 4710 4711 @media screen and (min-width: 769px),print { 4712 .b-small input.form__input[type=search]~.blu-field__btn[data-v-12bd13fe] { 4713 top:25px 4714 } 4715 } 4716 4717 @media screen and (max-width: 768px) { 4718 .b-small input.form__input[type=search]~.blu-field__btn[data-v-12bd13fe] { 4719 top:33px 4720 } 4721 } 4722 4723 .b-small.blu-field input.form__input[data-v-12bd13fe] { 4724 padding-left: 6px 4725 } 4726 4727 .b-small.has-placeholder[data-v-12bd13fe] ::placeholder { 4728 font: 14px/18px "blibli",-apple-system,segoe ui,roboto,helvetica,arial,sans-serif; 4729 color: rgba(25,34,42,.4) 4730 } 4731 4732 .b-small.has-placeholder .blu-field__btn[data-v-12bd13fe] { 4733 top: 23px; 4734 right: 8px 4735 } 4736 4737 .b-small.has-placeholder .blu-field__leading-icon svg[data-v-12bd13fe],.b-small.has-placeholder .blu-field__btn svg[data-v-12bd13fe] { 4738 width: 18px; 4739 height: 18px 4740 } 4741 4742 .b-small.b-clearable input.form__input[data-v-12bd13fe] { 4743 padding-right: 33px 4744 } 4745 4746 .b-small.has-leading-icon input.form__input[data-v-12bd13fe] { 4747 padding-left: 32px 4748 } 4749 4750 .b-small.has-leading-icon input.form__input[type=search][data-v-12bd13fe] { 4751 padding-left: 32px 4752 } 4753 4754 .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] { 4755 left: 8px 4756 } 4757 4758 .b-small .blu-field__btn[data-v-12bd13fe] { 4759 top: 6px 4760 } 4761 4762 [data-v-12bd13fe]::placeholder { 4763 font-size: 0; 4764 opacity: 0 4765 } 4766 4767 [data-v-12bd13fe]::-ms-reveal { 4768 display: none 4769 } 4770 4771 [data-v-12bd13fe]:-ms-input-placeholder { 4772 font-size: 0; 4773 opacity: 0 4774 } 4775 4776 [data-v-12bd13fe]::-ms-input-placeholder { 4777 font-size: 0; 4778 opacity: 0 4779 } 4780 4781 input[data-v-12bd13fe]:-internal-autofill-selected { 4782 background-color: #fff !important 4783 } 4784 4785 [data-v-12bd13fe]::-webkit-credentials-auto-fill-button { 4786 -webkit-mask-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0iTTE4LjkxIDE0LjU2YTEuNzY5IDEuNzY5IDAgMCAxLTEuNDM1LS43MjVsLTIuNjUtMy42ODNhMS4wMDEgMS4wMDEgMCAwIDEgMS42MjUtMS4xNjhsMi40NSAzLjQwOCAyLjIwMi0zLjM3MWExIDEgMCAwIDEgMS42NzQgMS4wOTRsLTIuNCAzLjY3MmMtLjM3My41MDgtLjg5Ni43NzMtMS40NjYuNzczWiIgZmlsbD0iIzc5N0Y4NSIvPjxwYXRoIGZpbGwtcnVsZT0iZXZlbm9kZCIgY2xpcC1ydWxlPSJldmVub2RkIiBkPSJNMTIuOTIgNy4wNzNjMC0zLjAzMS0yLjQ2Ni01LjQ4OS01LjUxLTUuNDg5LTMuMDQ0IDAtNS41MTEgMi40NTctNS41MTEgNS40ODlhNS40ODcgNS40ODcgMCAwIDAgMy40NTkgNS4wOTFjLS4wNTYgMS45MTMtLjAyIDMuODMuMTI0IDUuNzM5bC4wMTEuMTQ0Yy4wMjkuMzkyLjE3My43Ni40MDYgMS4wMzhsLjgxLjk2OGMuNTEuNjA5IDEuNDc0LjcwMiAxLjg0NiAwIC4xNjYtLjMxNC4yMjctMS4wOTctLjAxLTEuNjIyLS4zMzYtLjc0Ny0uNjIxLTEuMTg5LjM0Mi0yLjM3OC4xOTktLjI0Ni4xODYtLjYyMy4wNTUtLjkyMS0uMjc1LS42MjgtLjU1My0xLjc1OC4zMDMtMi44MTMuMDI4LS4wMzUuMDczLS4wNzYuMTI0LS4xMiAyLjA3NS0uNzg4IDMuNTUyLTIuNzgzIDMuNTUyLTUuMTI2Wk03LjQxIDQuMDc5YTEuNSAxLjUgMCAwIDEgMS41MDQgMS40OTdBMS41IDEuNSAwIDAgMSA3LjQxIDcuMDczYTEuNSAxLjUgMCAwIDEtMS41MDMtMS40OTdBMS41IDEuNSAwIDAgMSA3LjQxIDQuMDc5WiIgZmlsbD0iIzc5N0Y4NSIvPjwvc3ZnPg==); 4787 -webkit-mask-size: 18px 18px; 4788 width: 18px;
4789 height: 18px; 4790 background-color: rgba(25,34,42,.4); 4791 margin-top: -14px; 4792 margin-right: -30px 4793 } 4794 4795 input[type=number][data-v-12bd13fe]::-webkit-inner-spin-button,input[type=number][data-v-12bd13fe]::-webkit-outer-spin-button { 4796 -webkit-appearance: none; 4797 margin: 0 4798 } 4799 4800 @keyframes shake-12bd13fe { 4801 10%,90% { 4802 transform: translate3d(-1px, 0, 0) 4803 } 4804 4805 20%,80% { 4806 transform: translate3d(2px, 0, 0) 4807 } 4808 4809 30%,50%,70% { 4810 transform: translate3d(-4px, 0, 0) 4811 } 4812 4813 40%,60% { 4814 transform: translate3d(4px, 0, 0) 4815 } 4816 } 4817 4818 .blu-input-stepper input[data-v-12bd13fe] { 4819 font: 18px/24px "blibli demi bold",-apple-system,segoe ui,roboto,helvetica,arial,sans-serif; 4820 color: #19222a; 4821 background-color: inherit 4822 } 4823 4824 .blu-input-stepper input[type=number][data-v-12bd13fe] { 4825 width: 100%; 4826 height: 100%; 4827 padding: 0px; 4828 border: none; 4829 text-align: center; 4830 -moz-appearance: textfield 4831 } 4832 4833 .blu-input-stepper input[type=number][data-v-12bd13fe]::-webkit-inner-spin-button { 4834 -webkit-appearance: none; 4835 margin: 0 4836 } 4837 4838 .blu-input-stepper input[type=number][data-v-12bd13fe]:hover { 4839 background-color: inherit 4840 } 4841 4842 .blu-input-stepper input[type=number][data-v-12bd13fe]:focus { 4843 border: none 4844 } 4845 4846 .blu-input-stepper.b-readonly input[data-v-12bd13fe] { 4847 cursor: default 4848 } 4849 4850 .blu-input-stepper.b-disabled input[data-v-12bd13fe] { 4851 color: rgba(25,34,42,.4) 4852 } 4853 </style> 4854 <style type="text/css"> 4855 .blu-input-stepper[data-v-1e7baa58] { 4856 display: flex; 4857 align-items: center; 4858 justify-content: space-between; 4859 border-radius: 8px; 4860 height: 32px; 4861 padding: 4px; 4862 transition: all .4s ease-in-out 4863 } 4864 4865 .blu-input-stepper[data-v-1e7baa58]:not(.b-readonly) { 4866 background-color: #f1f2f2 4867 } 4868 4869 .blu-input-stepper__input[data-v-1e7baa58] { 4870 display: flex; 4871 align-items: center; 4872 margin: 0; 4873 color: #19222a 4874 } 4875 4876 .blu-input-stepper__plus[data-v-1e7baa58],.blu-input-stepper__minus[data-v-1e7baa58] { 4877 display: flex; 4878 align-items: center; 4879 border-radius: 50%; 4880 width: 24px; 4881 height: 24px; 4882 box-sizing: border-box 4883 } 4884 4885 .blu-input-stepper.b-disabled[data-v-1e7baa58] { 4886 cursor: not-allowed 4887 } 4888 4889 .blu-input-stepper.b-disabled[data-v-1e7baa58]:not(.b-readonly) { 4890 background-color: #c8cbcd 4891 } 4892 4893 .blu-input-stepper.b-active[data-v-1e7baa58] { 4894 box-shadow: inset 0px 0px 0px 2px #1d05f7 4895 } 4896 </style> 4897 <style type="text/css"> 4898 .blu-ripple[data-v-2bedc3c7] { 4899 width: 100%; 4900 height: 100%; 4901 position: relative; 4902 overflow: hidden; 4903 display: flex; 4904 justify-content: center; 4905 align-items: center; 4906 -webkit-box-pack: center; 4907 -webkit-box-align: center; 4908 -webkit-mask-image: radial-gradient(circle, #ffffff 100%, #000000 100%); 4909 padding: 0 12px 4910 } 4911 4912 .blu-ripple-wave[data-v-2bedc3c7] { 4913 position: absolute; 4914 z-index: 1; 4915 pointer-events: none; 4916 background: currentColor; 4917 border-radius: 50%; 4918 opacity: 0; 4919 transform: scale(2) translateZ(0) 4920 } 4921 4922 .blu-ripple-wave.b-centered[data-v-2bedc3c7] { 4923 animation-duration: 1.2s; 4924 top: 50%; 4925 left: 50% 4926 } 4927 4928 .blu-ripple-wave~*[data-v-2bedc3c7]:not(.blu-ripple-wave) { 4929 position: relative; 4930 z-index: 2 4931 } 4932 4933 .blu-ripple-enter-active[data-v-2bedc3c7] { 4934 transition: 2s cubic-bezier(0.25, 0.8, 0.25, 1); 4935 transition-property: opacity,transform; 4936 will-change: opacity,transform 4937 } 4938 4939 .blu-ripple-enter-active.b-centered[data-v-2bedc3c7] { 4940 transition-duration: 1.2s 4941 } 4942 4943 .blu-ripple-enter[data-v-2bedc3c7] { 4944 opacity: .26; 4945 transform: scale(0.26) translateZ(0) 4946 } 4947 4948 .has-left-icon .blu-ripple svg[data-v-2bedc3c7] { 4949 margin-right: 8px 4950 } 4951 4952 .has-left-icon.b-small svg[data-v-2bedc3c7] { 4953 transform-origin: left; 4954 margin-right: 4px 4955 } 4956 4957 .b-large .blu-ripple[data-v-2bedc3c7] { 4958 padding: 0 16px 4959 } 4960 4961 .b-small .blu-ripple[data-v-2bedc3c7] { 4962 padding: 0 8px 4963 } 4964 4965 .b-small svg[data-v-2bedc3c7] { 4966 width: 18px;
4967 height: 18px 4968 } 4969 4970 .b-icon .blu-ripple[data-v-2bedc3c7] { 4971 padding: 0 4972 } 4973 4974 .b-loading .blu-loader-wrapper[data-v-2bedc3c7] { 4975 height: 24px; 4976 position: absolute 4977 } 4978 4979 .b-loading .blu-ripple[data-v-2bedc3c7] { 4980 color: rgba(0,0,0,0) 4981 } 4982 4983 .b-loading .blu-ripple>svg[data-v-2bedc3c7] { 4984 visibility: hidden 4985 } 4986 4987 .b-loading .blu-ripple .blu-ripple-wave[data-v-2bedc3c7] { 4988 color: #fff 4989 } 4990 4991 .b-loading.b-white .blu-ripple-wave[data-v-2bedc3c7] { 4992 color: #1d05f7 4993 } 4994 4995 .b-loading.b-outline.b-secondary .blu-ripple-wave[data-v-2bedc3c7] { 4996 color: #1d05f7 4997 } 4998 4999 .b-loading.b-outline.b-primary .blu-ripple-wave[data-v-2bedc3c7] { 5000 color: #f2b11b 5001 } 5002 5003 .b-loading.b-ghost.b-secondary .blu-ripple-wave[data-v-2bedc3c7] { 5004 color: #1d05f7 5005 } 5006 5007 .b-loading.b-ghost.b-primary .blu-ripple-wave[data-v-2bedc3c7] { 5008 color: #f2b11b 5009 } 5010 5011 .blu-input-stepper .blu-btn .blu-ripple[data-v-2bedc3c7] { 5012 padding: 0; 5013 width: 24px; 5014 height: 24px; 5015 border-radius: 50% 5016 } 5017 5018 .blu-input-stepper .blu-btn .blu-ripple svg[data-v-2bedc3c7] { 5019 width: 18px; 5020 height: 18px; 5021 margin-left: 1px 5022 } 5023 5024 .blu-input-stepper .blu-btn .blu-ripple-enter-active[data-v-2bedc3c7] { 5025 background: #1d05f7 5026 } 5027 5028 .b-disabled[data-v-2bedc3c7] { 5029 opacity: 1 5030 } 5031 5032 .blu-btn-dropdown .blu-ripple>svg+div[data-v-2bedc3c7] { 5033 margin-left: 8px 5034 } 5035 </style> 5036 <style type="text/css"> 5037 .blu-ripple[data-v-574d97b4] { 5038 width: 100%; 5039 height: 100%; 5040 position: relative; 5041 overflow: hidden; 5042 display: flex; 5043 justify-content: center; 5044 align-items: center; 5045 -webkit-box-pack: center; 5046 -webkit-box-align: center; 5047 -webkit-mask-image: radial-gradient(circle, #ffffff 100%, #000000 100%); 5048 padding: 0 12px 5049 } 5050 5051 .blu-ripple-wave[data-v-574d97b4] { 5052 position: absolute; 5053 z-index: 1; 5054 pointer-events: none; 5055 background: currentColor; 5056 border-radius: 50%; 5057 opacity: 0; 5058 transform: scale(2) translateZ(0) 5059 } 5060 5061 .blu-ripple-wave.b-centered[data-v-574d97b4] { 5062 animation-duration: 1.2s; 5063 top: 50%; 5064 left: 50% 5065 } 5066 5067 .blu-ripple-wave~*[data-v-574d97b4]:not(.blu-ripple-wave) { 5068 position: relative; 5069 z-index: 2 5070 } 5071 5072 .blu-ripple-enter-active[data-v-574d97b4] { 5073 transition: 2s cubic-bezier(0.25, 0.8, 0.25, 1); 5074 transition-property: opacity,transform; 5075 will-change: opacity,transform 5076 } 5077 5078 .blu-ripple-enter-active.b-centered[data-v-574d97b4] { 5079 transition-duration: 1.2s 5080 } 5081 5082 .blu-ripple-enter[data-v-574d97b4] { 5083 opacity: .26; 5084 transform: scale(0.26) translateZ(0) 5085 } 5086 5087 .has-left-icon .blu-ripple svg[data-v-574d97b4] { 5088 margin-right: 8px 5089 } 5090 5091 .has-left-icon.b-small svg[data-v-574d97b4] { 5092 transform-origin: left; 5093 margin-right: 4px 5094 } 5095 5096 .b-large .blu-ripple[data-v-574d97b4] { 5097 padding: 0 16px 5098 } 5099 5100 .b-small .blu-ripple[data-v-574d97b4] { 5101 padding: 0 8px 5102 } 5103 5104 .b-small svg[data-v-574d97b4] { 5105 width: 18px;
5106 height: 18px 5107 } 5108 5109 .b-icon .blu-ripple[data-v-574d97b4] { 5110 padding: 0 5111 } 5112 5113 .b-loading .blu-loader-wrapper[data-v-574d97b4] { 5114 height: 24px; 5115 position: absolute 5116 } 5117 5118 .b-loading .blu-ripple[data-v-574d97b4] { 5119 color: rgba(0,0,0,0) 5120 } 5121 5122 .b-loading .blu-ripple>svg[data-v-574d97b4] { 5123 visibility: hidden 5124 } 5125 5126 .b-loading .blu-ripple .blu-ripple-wave[data-v-574d97b4] { 5127 color: #fff 5128 } 5129 5130 .b-loading.b-white .blu-ripple-wave[data-v-574d97b4] { 5131 color: #1d05f7 5132 } 5133 5134 .b-loading.b-outline.b-secondary .blu-ripple-wave[data-v-574d97b4] { 5135 color: #1d05f7 5136 } 5137 5138 .b-loading.b-outline.b-primary .blu-ripple-wave[data-v-574d97b4] { 5139 color: #f2b11b 5140 } 5141 5142 .b-loading.b-ghost.b-secondary .blu-ripple-wave[data-v-574d97b4] { 5143 color: #1d05f7 5144 } 5145 5146 .b-loading.b-ghost.b-primary .blu-ripple-wave[data-v-574d97b4] { 5147 color: #f2b11b 5148 } 5149 5150 .blu-input-stepper .blu-btn .blu-ripple[data-v-574d97b4] { 5151 padding: 0; 5152 width: 24px; 5153 height: 24px; 5154 border-radius: 50% 5155 } 5156 5157 .blu-input-stepper .blu-btn .blu-ripple svg[data-v-574d97b4] { 5158 width: 18px; 5159 height: 18px; 5160 margin-left: 1px 5161 } 5162 5163 .blu-input-stepper .blu-btn .blu-ripple-enter-active[data-v-574d97b4] { 5164 background: #1d05f7 5165 } 5166 5167 .b-disabled[data-v-574d97b4] { 5168 opacity: 1 5169 } 5170 5171 .blu-btn-dropdown .blu-ripple>svg+div[data-v-574d97b4] { 5172 margin-left: 8px 5173 } 5174 </style> 5175 <style type="text/css"> 5176 .blu-ripple[data-v-19fd2cc7] { 5177 width: 100%; 5178 height: 100%; 5179 position: relative; 5180 overflow: hidden; 5181 display: flex; 5182 justify-content: center; 5183 align-items: center; 5184 -webkit-box-pack: center; 5185 -webkit-box-align: center; 5186 -webkit-mask-image: radial-gradient(circle, #ffffff 100%, #000000 100%); 5187 padding: 0 12px 5188 } 5189 5190 .blu-ripple-wave[data-v-19fd2cc7] { 5191 position: absolute; 5192 z-index: 1; 5193 pointer-events: none; 5194 background: currentColor; 5195 border-radius: 50%; 5196 opacity: 0; 5197 transform: scale(2) translateZ(0) 5198 } 5199 5200 .blu-ripple-wave.b-centered[data-v-19fd2cc7] { 5201 animation-duration: 1.2s; 5202 top: 50%; 5203 left: 50% 5204 5205 } 5206 5207 .blu-ripple-wave~*[data-v-19fd2cc7]:not(.blu-ripple-wave) { 5208 position: relative; 5209 z-index: 2 5210 } 5211 5212 .blu-ripple-enter-active[data-v-19fd2cc7] { 5213 transition: 2s cubic-bezier(0.25, 0.8, 0.25, 1); 5214 transition-property: opacity,transform; 5215 will-change: opacity,transform 5216 } 5217 5218 .blu-ripple-enter-active.b-centered[data-v-19fd2cc7] { 5219 transition-duration: 1.2s 5220 } 5221 5222 .blu-ripple-enter[data-v-19fd2cc7] { 5223 opacity: .26; 5224 transform: scale(0.26) translateZ(0) 5225 } 5226 5227 .has-left-icon .blu-ripple svg[data-v-19fd2cc7] { 5228 margin-right: 8px 5229 } 5230 5231 .has-left-icon.b-small svg[data-v-19fd2cc7] { 5232 transform-origin: left; 5233 margin-right: 4px 5234 } 5235 5236 .b-large .blu-ripple[data-v-19fd2cc7] { 5237 padding: 0 16px 5238 } 5239 5240 .b-small .blu-ripple[data-v-19fd2cc7] { 5241 padding: 0 8px 5242 } 5243 5244 .b-small svg[data-v-19fd2cc7] { 5245 width: 18px;
5246 height: 18px 5247 } 5248 5249 .b-icon .blu-ripple[data-v-19fd2cc7] { 5250 padding: 0 5251 } 5252 5253 .b-loading .blu-loader-wrapper[data-v-19fd2cc7] { 5254 height: 24px; 5255 position: absolute 5256 } 5257 5258 .b-loading .blu-ripple[data-v-19fd2cc7] { 5259 color: rgba(0,0,0,0) 5260 } 5261 5262 .b-loading .blu-ripple>svg[data-v-19fd2cc7] { 5263 visibility: hidden 5264 } 5265 5266 .b-loading .blu-ripple .blu-ripple-wave[data-v-19fd2cc7] { 5267 color: #fff 5268 } 5269 5270 .b-loading.b-white .blu-ripple-wave[data-v-19fd2cc7] { 5271 color: #1d05f7 5272 } 5273 5274 .b-loading.b-outline.b-secondary .blu-ripple-wave[data-v-19fd2cc7] { 5275 color: #1d05f7 5276 } 5277 5278 .b-loading.b-outline.b-primary .blu-ripple-wave[data-v-19fd2cc7] { 5279 color: #f2b11b 5280 } 5281 5282 .b-loading.b-ghost.b-secondary .blu-ripple-wave[data-v-19fd2cc7] { 5283 color: #1d05f7 5284 } 5285 5286 .b-loading.b-ghost.b-primary .blu-ripple-wave[data-v-19fd2cc7] { 5287 color: #f2b11b 5288 } 5289 5290 .blu-input-stepper .blu-btn .blu-ripple[data-v-19fd2cc7] { 5291 padding: 0; 5292 width: 24px; 5293 height: 24px; 5294 border-radius: 50% 5295 } 5296 5297 .blu-input-stepper .blu-btn .blu-ripple svg[data-v-19fd2cc7] { 5298 width: 18px; 5299 height: 18px; 5300 margin-left: 1px 5301 } 5302 5303 .blu-input-stepper .blu-btn .blu-ripple-enter-active[data-v-19fd2cc7] { 5304 background: #1d05f7 5305 } 5306 5307 .b-disabled[data-v-19fd2cc7] { 5308 opacity: 1 5309 } 5310 5311 .blu-btn-dropdown .blu-ripple>svg+div[data-v-19fd2cc7] { 5312 margin-left: 8px 5313 } 5314 5315 .blu-btn[data-v-19fd2cc7] { 5316 position: relative; 5317 font: 16px/20px "blibli demi bold",-apple-system,segoe ui,roboto,helvetica,arial,sans-serif; 5318 text-decoration: none; 5319 transition: color .4s,background-color .4s,border-color .6s; 5320 white-space: nowrap; 5321 height: 48px; 5322 padding: 0; 5323 -webkit-tap-highlight-color: rgba(0,0,0,0) 5324 } 5325 5326 .blu-btn[data-v-19fd2cc7]::-moz-focus-inner { 5327 border: 0 5328 } 5329 5330 .blu-btn[data-v-19fd2cc7]:active { 5331 outline: none 5332 } 5333 5334 .blu-btn[data-v-19fd2cc7]:before { 5335 position: absolute; 5336 top: 0; 5337 right: 0; 5338 bottom: 0; 5339 left: 0; 5340 z-index: 1; 5341 opacity: 0; 5342 transition: .4s cubic-bezier(0.4, 0, 0.2, 1); 5343 will-change: background-color,opacity; 5344 content: " " 5345 } 5346 5347 .blu-btn[data-v-19fd2cc7]:focus-visible { 5348 box-shadow: 0px 0px 0px 4px #000 5349 } 5350 5351 .blu-btn.b-primary[data-v-19fd2cc7] { 5352 color: #fff; 5353 background-color: #f2b11b; 5354 border-color: #f2b11b 5355 } 5356 5357 .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] { 5358 background-color: #e39304; 5359 border-color: #e39304 5360 } 5361 5362 .blu-btn.b-secondary[data-v-19fd2cc7] { 5363 color: #fff; 5364 background-color: #1d05f7; 5365 border-color: #1d05f7 5366 } 5367 5368 .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] { 5369 background-color: #006dea; 5370 border-color: #006dea 5371 } 5372 5373 .blu-btn.b-white[data-v-19fd2cc7] { 5374 color: #fff; 5375 background-color: #fff; 5376 border-color: #fff; 5377 color: #1d05f7 5378 } 5379 5380 .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] { 5381 background-color: #f1f2f2; 5382 border-color: #f1f2f2 5383 } 5384 5385 .blu-btn.b-disabled[data-v-19fd2cc7] { 5386 color: #fff; 5387 background-color: #c8cbcd; 5388 border-color: #c8cbcd; 5389 color: rgba(25,34,42,.4) 5390 } 5391 5392 .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] { 5393 background-color: #c8cbcd; 5394 border-color: #c8cbcd 5395 } 5396 5397 .blu-btn.b-large[data-v-19fd2cc7] { 5398 height: 56px 5399 } 5400 5401 .blu-btn.b-small[data-v-19fd2cc7] { 5402 font: 14px/18px "blibli demi bold",-apple-system,segoe ui,roboto,helvetica,arial,sans-serif; 5403 height: 32px 5404 } 5405 5406 .b-disabled[data-v-19fd2cc7] { 5407 opacity: 1 5408 } 5409 5410 input[type=submit][data-v-19fd2cc7]::-moz-focus-inner,input[type=button][data-v-19fd2cc7]::-moz-focus-inner { 5411 border: 0px 5412 } 5413 5414 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] { 5415 outline: none 5416 } 5417 5418 a[data-v-19fd2cc7],a[data-v-19fd2cc7]:visited,a[data-v-19fd2cc7]:focus,a[data-v-19fd2cc7]:active,a[data-v-19fd2cc7]:hover { 5419 outline: 0 none !important 5420 } 5421 5422 .blu-btn[data-v-19fd2cc7] { 5423 border-radius: 24px 5424 } 5425 5426 .blu-btn+.blu-button[data-v-19fd2cc7] { 5427 margin-left: 0 5428 } 5429 5430 .blu-btn.b-outline[data-v-19fd2cc7] { 5431 background-color: rgba(0,0,0,0) 5432 } 5433 5434 .blu-btn.b-outline.b-primary[data-v-19fd2cc7] { 5435 color: #f2b11b; 5436 background-color: #e39304; 5437 border: #ffcd00 1px solid 5438 } 5439 5440 .blu-btn.b-outline.b-primary[data-v-19fd2cc7]:not(.b-disabled) { 5441 background-color: rgba(255,255,255,.12) 5442 } 5443 5444 .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] { 5445 background-color: rgba(227,147,4,.08); 5446 border: #ffcd00 1px solid 5447 } 5448 5449 .blu-btn.b-outline.b-primary.b-active[data-v-19fd2cc7] { 5450 z-index: 9; 5451 background-color: #f2b11b; 5452 color: #fff 5453 } 5454 5455 .blu-btn.b-outline.b-secondary[data-v-19fd2cc7] { 5456 color: #1d05f7; 5457 background-color: #006dea; 5458 border: #1d05f7 1px solid 5459 } 5460 5461 .blu-btn.b-outline.b-secondary[data-v-19fd2cc7]:not(.b-disabled) { 5462 background-color: rgba(255,255,255,.12) 5463 } 5464 5465 .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] { 5466 background-color: rgba(0,109,234,.08); 5467 border: #1d05f7 1px solid 5468 } 5469 5470 .blu-btn.b-outline.b-secondary.b-active[data-v-19fd2cc7] { 5471 z-index: 9; 5472 background-color: #1d05f7; 5473 color: #fff 5474 } 5475 5476 .blu-btn.b-outline.b-white[data-v-19fd2cc7] { 5477 color: #fff; 5478 background-color: #fff; 5479 border: #fff 1px solid 5480 } 5481 5482 .blu-btn.b-outline.b-white[data-v-19fd2cc7]:not(.b-disabled) { 5483 background-color: rgba(255,255,255,.12) 5484 } 5485 5486 .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] { 5487 background-color: rgba(255,255,255,.4); 5488 border: #fff 1px solid 5489 } 5490 5491 .blu-btn.b-outline.b-white.b-active[data-v-19fd2cc7] { 5492 z-index: 9; 5493 background-color: #fff; 5494 color: #fff 5495 } 5496 5497 .blu-btn.b-outline.b-disabled[data-v-19fd2cc7] { 5498 color: rgba(25,34,42,.4); 5499 background-color: #c8cbcd; 5500 border: #c8cbcd 1px solid 5501 } 5502 5503 .blu-btn.b-outline.b-disabled[data-v-19fd2cc7]:not(.b-disabled) { 5504 background-color: rgba(255,255,255,.12) 5505 } 5506 5507 .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] { 5508 background-color: rgba(200,203,205,.08); 5509 border: #c8cbcd 1px solid 5510 } 5511 5512 .blu-btn.b-outline.b-disabled.b-active[data-v-19fd2cc7] { 5513 z-index: 9; 5514 background-color: rgba(25,34,42,.4); 5515 color: #fff 5516 } 5517 5518 .blu-btn.b-outline.b-small .blu-ripple[data-v-19fd2cc7] { 5519 border-radius: 14px 5520 } 5521 5522 .blu-btn.b-outline.b-large .blu-ripple[data-v-19fd2cc7] { 5523 border-radius: 30px 5524 } 5525 5526 .blu-btn.b-ghost[data-v-19fd2cc7] { 5527 background-color: rgba(0,0,0,0); 5528 border-color: rgba(0,0,0,0) 5529 } 5530 5531 .blu-btn.b-ghost.b-primary[data-v-19fd2cc7] { 5532 color: #f2b11b; 5533 border-color: rgba(0,0,0,0) 5534 } 5535 5536 .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] { 5537 border-color: rgba(0,0,0,0); 5538 background-color: rgba(227,147,4,.08) 5539 } 5540 5541 .blu-btn.b-ghost.b-secondary[data-v-19fd2cc7] { 5542 color: #1d05f7; 5543 border-color: rgba(0,0,0,0) 5544 } 5545 5546 .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] { 5547 border-color: rgba(0,0,0,0); 5548 background-color: rgba(0,109,234,.08) 5549 } 5550 5551 .blu-btn.b-ghost.b-white[data-v-19fd2cc7] { 5552 color: #fff; 5553 border-color: rgba(0,0,0,0) 5554 } 5555 5556 .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] { 5557 border-color: rgba(0,0,0,0); 5558 background-color: rgba(255,255,255,.4) 5559 } 5560 5561 .blu-btn.b-ghost.b-white.b-disabled[data-v-19fd2cc7] { 5562 color: rgba(255,255,255,.4); 5563 border-color: rgba(0,0,0,0) 5564 } 5565 5566 .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] { 5567 border-color: rgba(0,0,0,0); 5568 background-color: rgba(0,0,0,0) 5569 } 5570 5571 .blu-btn.b-ghost.b-disabled[data-v-19fd2cc7] { 5572 color: rgba(25,34,42,.4); 5573 border-color: rgba(0,0,0,0) 5574 } 5575 5576 .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] { 5577 border-color: rgba(0,0,0,0); 5578 background-color: rgba(0,0,0,0) 5579 } 5580 5581 .blu-btn.b-warning[data-v-19fd2cc7] { 5582 color: #fff; 5583 background-color: #ffcd00; 5584 border-color: #ffcd00 5585 } 5586 5587 .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] { 5588 background-color: #cca400; 5589 border-color: #cca400 5590 } 5591 5592 .blu-btn.b-danger[data-v-19fd2cc7] { 5593 color: #fff; 5594 background-color: #ff4646; 5595 border-color: #ff4646 5596 } 5597 5598 .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] { 5599 background-color: #ff1313; 5600 border-color: #ff1313 5601 } 5602 5603 .blu-btn.b-small[data-v-19fd2cc7] { 5604 border-radius: 16px 5605 } 5606 5607 .blu-btn.b-small .blu-ripple[data-v-19fd2cc7] { 5608 border-radius: 16px 5609 } 5610 5611 .blu-btn.b-large[data-v-19fd2cc7] { 5612 border-radius: 32px 5613 } 5614 5615 .blu-btn.b-large .blu-ripple[data-v-19fd2cc7] { 5616 border-radius: 32px 5617 } 5618 5619 .blu-btn.b-icon[data-v-19fd2cc7] { 5620 width: 48px 5621 } 5622 5623 .blu-btn.b-icon.b-large[data-v-19fd2cc7] { 5624 width: 56px 5625 } 5626 5627 .blu-btn.b-icon.b-small[data-v-19fd2cc7] { 5628 width: 32px 5629 } 5630 5631 .blu-btn.b-icon svg[data-v-19fd2cc7] { 5632 width: 100%; 5633 height: 100% 5634 } 5635 5636 .blu-btn.b-full-width[data-v-19fd2cc7] { 5637 width: 100% 5638 } 5639 5640 .blu-btn .blu-ripple[data-v-19fd2cc7] { 5641 border-radius: 24px 5642 } 5643 </style> 5644 <style type="text/css"> 5645 .blu-card[data-v-05db4d06] { 5646 background: #fff; 5647 border-radius: 16px; 5648 box-shadow: 0 1px 6px 0 rgba(0,0,0,.1) 5649 } 5650 5651 .blu-card.b-noshadow[data-v-05db4d06] { 5652 box-shadow: none 5653 } 5654 5655 .blu-card.b-radius-large[data-v-05db4d06] { 5656 border-radius: 32px 5657 } 5658 5659 .blu-card.b-radius-medium[data-v-05db4d06] { 5660 border-radius: 24px 5661 } 5662 5663 .blu-card.b-radius-small[data-v-05db4d06] { 5664 border-radius: 8px 5665 } 5666 5667 .blu-card.b-no-radius[data-v-05db4d06] { 5668 border-radius: 0px 5669 } 5670 </style> 5671 <style type="text/css"> 5672 .blu-card__content[data-v-0250d5bb] { 5673 padding: 20px 5674 } 5675 </style> 5676 <style type="text/css"> 5677 .b-page .blu-modal__close[data-v-a1423cd6] { 5678 width: 24px; 5679 height: 24px; 5680 position: absolute; 5681 top: -28px; 5682 right: 20px 5683 } 5684 5685 .b-page .blu-modal__close i[data-v-a1423cd6] { 5686
5686 content: ""; 5687 top: 1px; 5688 right: 1px; 5689 position: absolute; 5690 width: 24px; 5691 height: 24px; 5692 transform: scale(1.3); 5693 background: rgba(0,0,0,0) url(data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PSIwIDAgMjQgMjQiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGQ9Ik0xMy43NjcyIDEyTDE3LjYzMiA4LjEzODM5QzE4LjEyMjcgNy42NDgxOSAxOC4xMjI3IDYuODU3ODYgMTcuNjMyIDYuMzY3NjVDMTcuMTQxNCA1Ljg3NzQ1IDE2LjM1MDQgNS44Nzc0NSAxNS44NTk4IDYuMzY3NjVMMTEuOTk1IDEwLjIyOTNMOC4xNDAxOCA2LjM3NzY2QzcuNjQ5NTYgNS44ODc0NSA2Ljg1ODU3IDUuODg3NDUgNi4zNjc5NiA2LjM3NzY2QzUuODc3MzUgNi44Njc4NiA1Ljg3NzM1IDcuNjU4MTkgNi4zNjc5NiA4LjE0ODRMMTAuMjIyOCAxMkw2LjM2Nzk2IDE1Ljg2MTZDNS44NzczNSAxNi4zNTE4IDUuODc3MzUgMTcuMTQyMSA2LjM2Nzk2IDE3LjYzMjNDNi44NTg1NyAxOC4xMjI2IDcuNjQ5NTYgMTguMTIyNiA4LjE0MDE4IDE3LjYzMjNMMTIuMDA1IDEzLjc3MDdMMTUuODU5OCAxNy42MjIzQzE2LjM1MDQgMTguMTEyNSAxNy4xNDE0IDE4LjExMjUgMTcuNjMyIDE3LjYyMjNDMTguMTIyNyAxNy4xMzIxIDE4LjEyMjcgMTYuMzQxOCAxNy42MzIgMTUuODUxNkwxMy43NzcyIDEySDEzLjc2NzJaIiBmaWxsPSIjNzk3Rjg1Ii8+Cjwvc3ZnPgo=) center center no-repeat #c8cbcd; 5694 background-color: #e1e3e4; 5695 -webkit-mask-image: url(data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PSIwIDAgMjQgMjQiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGQ9Ik0xMy43NjcyIDEyTDE3LjYzMiA4LjEzODM5QzE4LjEyMjcgNy42NDgxOSAxOC4xMjI3IDYuODU3ODYgMTcuNjMyIDYuMzY3NjVDMTcuMTQxNCA1Ljg3NzQ1IDE2LjM1MDQgNS44Nzc0NSAxNS44NTk4IDYuMzY3NjVMMTEuOTk1IDEwLjIyOTNMOC4xNDAxOCA2LjM3NzY2QzcuNjQ5NTYgNS44ODc0NSA2Ljg1ODU3IDUuODg3NDUgNi4zNjc5NiA2LjM3NzY2QzUuODc3MzUgNi44Njc4NiA1Ljg3NzM1IDcuNjU4MTkgNi4zNjc5NiA4LjE0ODRMMTAuMjIyOCAxMkw2LjM2Nzk2IDE1Ljg2MTZDNS44NzczNSAxNi4zNTE4IDUuODc3MzUgMTcuMTQyMSA2LjM2Nzk2IDE3LjYzMjNDNi44NTg1NyAxOC4xMjI2IDcuNjQ5NTYgMTguMTIyNiA4LjE0MDE4IDE3LjYzMjNMMTIuMDA1IDEzLjc3MDdMMTUuODU5OCAxNy42MjIzQzE2LjM1MDQgMTguMTEyNSAxNy4xNDE0IDE4LjExMjUgMTcuNjMyIDE3LjYyMjNDMTguMTIyNyAxNy4xMzIxIDE4LjEyMjcgMTYuMzQxOCAxNy42MzIgMTUuODUxNkwxMy43NzcyIDEySDEzLjc2NzJaIiBmaWxsPSIjNzk3Rjg1Ii8+Cjwvc3ZnPgo=) 5696 } 5697 5698 @media screen and (max-width: 768px) { 5699 .b-page .blu-modal__close[data-v-a1423cd6] { 5700 right:20px 5701 } 5702 } 5703 5704 .b-page .blu-modal__close[data-v-a1423cd6]:focus-visible { 5705 box-shadow: 0px 0px 0px 4px #000; 5706 outline: none 5707 } 5708 </style> 5709 <style type="text/css"> 5710 .blu-ripple[data-v-2bedc3c7] { 5711 width: 100%; 5712 height: 100%; 5713 position: relative; 5714 overflow: hidden; 5715 display: flex; 5716 justify-content: center; 5717 align-items: center; 5718 -webkit-box-pack: center; 5719 -webkit-box-align: center; 5720 -webkit-mask-image: radial-gradient(circle, #ffffff 100%, #000000 100%); 5721 padding: 0 12px 5722 } 5723 5724 .blu-ripple-wave[data-v-2bedc3c7] { 5725 position: absolute; 5726 z-index: 1; 5727 pointer-events: none; 5728 background: currentColor; 5729 border-radius: 50%; 5730 opacity: 0; 5731 transform: scale(2) translateZ(0) 5732 } 5733 5734 .blu-ripple-wave.b-centered[data-v-2bedc3c7] { 5735 animation-duration: 1.2s; 5736 top: 50%; 5737 left: 50% 5738 } 5739 5740 .blu-ripple-wave~*[data-v-2bedc3c7]:not(.blu-ripple-wave) { 5741 position: relative; 5742 z-index: 2 5743 } 5744 5745 .blu-ripple-enter-active[data-v-2bedc3c7] { 5746 transition: 2s cubic-bezier(0.25, 0.8, 0.25, 1); 5747 transition-property: opacity,transform; 5748 will-change: opacity,transform 5749 } 5750 5751 .blu-ripple-enter-active.b-centered[data-v-2bedc3c7] { 5752 transition-duration: 1.2s 5753 } 5754 5755 .blu-ripple-enter[data-v-2bedc3c7] { 5756 opacity: .26; 5757 transform: scale(0.26) translateZ(0) 5758 } 5759 5760 .has-left-icon .blu-ripple svg[data-v-2bedc3c7] { 5761 margin-right: 8px 5762 } 5763 5764 .has-left-icon.b-small svg[data-v-2bedc3c7] { 5765 transform-origin: left; 5766 margin-right: 4px 5767 } 5768 5769 .b-large .blu-ripple[data-v-2bedc3c7] { 5770 padding: 0 16px 5771 } 5772 5773 .b-small .blu-ripple[data-v-2bedc3c7] { 5774 padding: 0 8px 5775 } 5776 5777 .b-small svg[data-v-2bedc3c7] { 5778 width: 18px;
5779 height: 18px 5780 } 5781 5782 .b-icon .blu-ripple[data-v-2bedc3c7] { 5783 padding: 0 5784 } 5785 5786 .b-loading .blu-loader-wrapper[data-v-2bedc3c7] { 5787 height: 24px; 5788 position: absolute 5789 } 5790 5791 .b-loading .blu-ripple[data-v-2bedc3c7] { 5792 color: rgba(0,0,0,0) 5793 } 5794 5795 .b-loading .blu-ripple>svg[data-v-2bedc3c7] { 5796 visibility: hidden 5797 } 5798 5799 .b-loading .blu-ripple .blu-ripple-wave[data-v-2bedc3c7] { 5800 color: #fff 5801 } 5802 5803 .b-loading.b-white .blu-ripple-wave[data-v-2bedc3c7] { 5804 color: #1d05f7 5805 } 5806 5807 .b-loading.b-outline.b-secondary .blu-ripple-wave[data-v-2bedc3c7] { 5808 color: #1d05f7 5809 } 5810 5811 .b-loading.b-outline.b-primary .blu-ripple-wave[data-v-2bedc3c7] { 5812 color: #f2b11b 5813 } 5814 5815 .b-loading.b-ghost.b-secondary .blu-ripple-wave[data-v-2bedc3c7] { 5816 color: #1d05f7 5817 } 5818 5819 .b-loading.b-ghost.b-primary .blu-ripple-wave[data-v-2bedc3c7] { 5820 color: #f2b11b 5821 } 5822 5823 .blu-input-stepper .blu-btn .blu-ripple[data-v-2bedc3c7] { 5824 padding: 0; 5825 width: 24px; 5826 height: 24px; 5827 border-radius: 50% 5828 } 5829 5830 .blu-input-stepper .blu-btn .blu-ripple svg[data-v-2bedc3c7] { 5831 width: 18px; 5832 height: 18px; 5833 margin-left: 1px 5834 } 5835 5836 .blu-input-stepper .blu-btn .blu-ripple-enter-active[data-v-2bedc3c7] { 5837 background: #1d05f7 5838 } 5839 5840 .b-disabled[data-v-2bedc3c7] { 5841 opacity: 1 5842 } 5843 5844 .blu-btn-dropdown .blu-ripple>svg+div[data-v-2bedc3c7] { 5845 margin-left: 8px 5846 } 5847 </style> 5848 <style type="text/css"> 5849 .blu-ripple[data-v-574d97b4] { 5850 width: 100%; 5851 height: 100%; 5852 position: relative; 5853 overflow: hidden; 5854 display: flex; 5855 justify-content: center; 5856 align-items: center; 5857 -webkit-box-pack: center; 5858 -webkit-box-align: center; 5859 -webkit-mask-image: radial-gradient(circle, #ffffff 100%, #000000 100%); 5860 padding: 0 12px 5861 } 5862 5863 .blu-ripple-wave[data-v-574d97b4] { 5864 position: absolute; 5865 z-index: 1; 5866 pointer-events: none; 5867 background: currentColor; 5868 border-radius: 50%; 5869 opacity: 0; 5870 transform: scale(2) translateZ(0) 5871 } 5872 5873 .blu-ripple-wave.b-centered[data-v-574d97b4] { 5874 animation-duration: 1.2s; 5875 top: 50%; 5876 left: 50% 5877 } 5878 5879 .blu-ripple-wave~*[data-v-574d97b4]:not(.blu-ripple-wave) { 5880 position: relative; 5881 z-index: 2 5882 } 5883 5884 .blu-ripple-enter-active[data-v-574d97b4] { 5885 transition: 2s cubic-bezier(0.25, 0.8, 0.25, 1); 5886 transition-property: opacity,transform; 5887 will-change: opacity,transform 5888 } 5889 5890 .blu-ripple-enter-active.b-centered[data-v-574d97b4] { 5891 transition-duration: 1.2s 5892 } 5893 5894 .blu-ripple-enter[data-v-574d97b4] { 5895 opacity: .26; 5896 transform: scale(0.26) translateZ(0) 5897 } 5898 5899 .has-left-icon .blu-ripple svg[data-v-574d97b4] { 5900 margin-right: 8px 5901 } 5902 5903 .has-left-icon.b-small svg[data-v-574d97b4] { 5904 transform-origin: left; 5905 margin-right: 4px 5906 } 5907 5908 .b-large .blu-ripple[data-v-574d97b4] { 5909 padding: 0 16px 5910 } 5911 5912 .b-small .blu-ripple[data-v-574d97b4] { 5913 padding: 0 8px 5914 } 5915 5916 .b-small svg[data-v-574d97b4] { 5917 width: 18px;
5918 height: 18px 5919 } 5920 5921 .b-icon .blu-ripple[data-v-574d97b4] { 5922 padding: 0 5923 } 5924 5925 .b-loading .blu-loader-wrapper[data-v-574d97b4] { 5926 height: 24px; 5927 position: absolute 5928 } 5929 5930 .b-loading .blu-ripple[data-v-574d97b4] { 5931 color: rgba(0,0,0,0) 5932 } 5933 5934 .b-loading .blu-ripple>svg[data-v-574d97b4] { 5935 visibility: hidden 5936 } 5937 5938 .b-loading .blu-ripple .blu-ripple-wave[data-v-574d97b4] { 5939 color: #fff 5940 } 5941 5942 .b-loading.b-white .blu-ripple-wave[data-v-574d97b4] { 5943 color: #1d05f7 5944 } 5945 5946 .b-loading.b-outline.b-secondary .blu-ripple-wave[data-v-574d97b4] { 5947 color: #1d05f7 5948 } 5949 5950 .b-loading.b-outline.b-primary .blu-ripple-wave[data-v-574d97b4] { 5951 color: #f2b11b 5952 } 5953 5954 .b-loading.b-ghost.b-secondary .blu-ripple-wave[data-v-574d97b4] { 5955 color: #1d05f7 5956 } 5957 5958 .b-loading.b-ghost.b-primary .blu-ripple-wave[data-v-574d97b4] { 5959 color: #f2b11b 5960 } 5961 5962 .blu-input-stepper .blu-btn .blu-ripple[data-v-574d97b4] { 5963 padding: 0; 5964 width: 24px; 5965 height: 24px; 5966 border-radius: 50% 5967 } 5968 5969 .blu-input-stepper .blu-btn .blu-ripple svg[data-v-574d97b4] { 5970 width: 18px; 5971 height: 18px; 5972 margin-left: 1px 5973 } 5974 5975 .blu-input-stepper .blu-btn .blu-ripple-enter-active[data-v-574d97b4] { 5976 background: #1d05f7 5977 } 5978 5979 .b-disabled[data-v-574d97b4] { 5980 opacity: 1 5981 } 5982 5983 .blu-btn-dropdown .blu-ripple>svg+div[data-v-574d97b4] { 5984 margin-left: 8px 5985 } 5986 </style> 5987 <style type="text/css"> 5988 .blu-ripple[data-v-19fd2cc7] { 5989 width: 100%; 5990 height: 100%; 5991 position: relative; 5992 overflow: hidden; 5993 display: flex; 5994 justify-content: center; 5995 align-items: center; 5996 -webkit-box-pack: center; 5997 -webkit-box-align: center; 5998 -webkit-mask-image: radial-gradient(circle, #ffffff 100%, #000000 100%); 5999 padding: 0 12px 6000 } 6001 6002 .blu-ripple-wave[data-v-19fd2cc7] { 6003 position: absolute; 6004 z-index: 1; 6005 pointer-events: none; 6006 background: currentColor; 6007 border-radius: 50%; 6008 opacity: 0; 6009 transform: scale(2) translateZ(0) 6010 } 6011 6012 .blu-ripple-wave.b-centered[data-v-19fd2cc7] { 6013 animation-duration: 1.2s; 6014 top: 50%; 6015 left: 50% 6016 } 6017 6018 .blu-ripple-wave~*[data-v-19fd2cc7]:not(.blu-ripple-wave) { 6019 position: relative; 6020 z-index: 2 6021 } 6022 6023 .blu-ripple-enter-active[data-v-19fd2cc7] { 6024 transition: 2s cubic-bezier(0.25, 0.8, 0.25, 1); 6025 transition-property: opacity,transform; 6026 will-change: opacity,transform 6027 } 6028 6029 .blu-ripple-enter-active.b-centered[data-v-19fd2cc7] { 6030 transition-duration: 1.2s 6031 } 6032 6033 .blu-ripple-enter[data-v-19fd2cc7] { 6034 opacity: .26; 6035 transform: scale(0.26) translateZ(0) 6036 } 6037 6038 .has-left-icon .blu-ripple svg[data-v-19fd2cc7] { 6039 margin-right: 8px 6040 } 6041 6042 .has-left-icon.b-small svg[data-v-19fd2cc7] { 6043 transform-origin: left; 6044 margin-right: 4px 6045 } 6046 6047 .b-large .blu-ripple[data-v-19fd2cc7] { 6048 padding: 0 16px 6049 } 6050 6051 .b-small .blu-ripple[data-v-19fd2cc7] { 6052 padding: 0 8px 6053 } 6054 6055 .b-small svg[data-v-19fd2cc7] { 6056 width: 18px;
6057 height: 18px 6058 } 6059 6060 .b-icon .blu-ripple[data-v-19fd2cc7] { 6061 padding: 0 6062 } 6063 6064 .b-loading .blu-loader-wrapper[data-v-19fd2cc7] { 6065 height: 24px; 6066 position: absolute 6067 } 6068 6069 .b-loading .blu-ripple[data-v-19fd2cc7] { 6070 color: rgba(0,0,0,0) 6071 } 6072 6073 .b-loading .blu-ripple>svg[data-v-19fd2cc7] { 6074 visibility: hidden 6075 } 6076 6077 .b-loading .blu-ripple .blu-ripple-wave[data-v-19fd2cc7] { 6078 color: #fff 6079 } 6080 6081 .b-loading.b-white .blu-ripple-wave[data-v-19fd2cc7] { 6082 color: #1d05f7 6083 } 6084 6085 .b-loading.b-outline.b-secondary .blu-ripple-wave[data-v-19fd2cc7] { 6086 color: #1d05f7 6087 } 6088 6089 .b-loading.b-outline.b-primary .blu-ripple-wave[data-v-19fd2cc7] { 6090 color: #f2b11b 6091 } 6092 6093 .b-loading.b-ghost.b-secondary .blu-ripple-wave[data-v-19fd2cc7] { 6094 color: #1d05f7 6095 } 6096 6097 .b-loading.b-ghost.b-primary .blu-ripple-wave[data-v-19fd2cc7] { 6098 color: #f2b11b 6099 } 6100 6101 .blu-input-stepper .blu-btn .blu-ripple[data-v-19fd2cc7] { 6102 padding: 0; 6103 width: 24px; 6104 height: 24px; 6105 border-radius: 50% 6106 } 6107 6108 .blu-input-stepper .blu-btn .blu-ripple svg[data-v-19fd2cc7] { 6109 width: 18px; 6110 height: 18px; 6111 margin-left: 1px 6112 } 6113 6114 .blu-input-stepper .blu-btn .blu-ripple-enter-active[data-v-19fd2cc7] { 6115 background: #1d05f7 6116 } 6117 6118 .b-disabled[data-v-19fd2cc7] { 6119 opacity: 1 6120 } 6121 6122 .blu-btn-dropdown .blu-ripple>svg+div[data-v-19fd2cc7] { 6123 margin-left: 8px 6124 } 6125 6126 .blu-btn[data-v-19fd2cc7] { 6127 position: relative; 6128 font: 16px/20px "blibli demi bold",-apple-system,segoe ui,roboto,helvetica,arial,sans-serif; 6129 text-decoration: none; 6130 transition: color .4s,background-color .4s,border-color .6s; 6131 white-space: nowrap; 6132 height: 48px; 6133 padding: 0; 6134 -webkit-tap-highlight-color: rgba(0,0,0,0) 6135 } 6136 6137 .blu-btn[data-v-19fd2cc7]::-moz-focus-inner { 6138 border: 0 6139 } 6140 6141 .blu-btn[data-v-19fd2cc7]:active { 6142 outline: none 6143 } 6144 6145 .blu-btn[data-v-19fd2cc7]:before { 6146 position: absolute; 6147 top: 0; 6148 right: 0; 6149 bottom: 0; 6150 left: 0; 6151 z-index: 1; 6152 opacity: 0; 6153 transition: .4s cubic-bezier(0.4, 0, 0.2, 1); 6154 will-change: background-color,opacity; 6155 content: " " 6156 } 6157 6158 .blu-btn[data-v-19fd2cc7]:focus-visible { 6159 box-shadow: 0px 0px 0px 4px #000 6160 } 6161 6162 .blu-btn.b-primary[data-v-19fd2cc7] { 6163 color: #fff; 6164 background-color: #f2b11b; 6165 border-color: #f2b11b 6166 } 6167 6168 .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] { 6169 background-color: #e39304; 6170 border-color: #e39304 6171 } 6172 6173 .blu-btn.b-secondary[data-v-19fd2cc7] { 6174 color: #fff; 6175 background-color: #1d05f7; 6176 border-color: #1d05f7 6177 } 6178 6179 .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] { 6180 background-color: #006dea; 6181 border-color: #006dea 6182 } 6183 6184 .blu-btn.b-white[data-v-19fd2cc7] { 6185 color: #fff; 6186 background-color: #fff; 6187 border-color: #fff; 6188 color: #1d05f7 6189 } 6190 6191 .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] { 6192 background-color: #f1f2f2; 6193 border-color: #f1f2f2 6194 } 6195 6196 .blu-btn.b-disabled[data-v-19fd2cc7] { 6197 color: #fff; 6198 background-color: #c8cbcd; 6199 border-color: #c8cbcd; 6200 color: rgba(25,34,42,.4) 6201 } 6202 6203 .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] { 6204 background-color: #c8cbcd; 6205 border-color: #c8cbcd 6206 } 6207 6208 .blu-btn.b-large[data-v-19fd2cc7] { 6209 height: 56px 6210 } 6211 6212 .blu-btn.b-small[data-v-19fd2cc7] { 6213 font: 14px/18px "blibli demi bold",-apple-system,segoe ui,roboto,helvetica,arial,sans-serif; 6214 height: 32px 6215 } 6216 6217 .b-disabled[data-v-19fd2cc7] { 6218 opacity: 1 6219 } 6220 6221 input[type=submit][data-v-19fd2cc7]::-moz-focus-inner,input[type=button][data-v-19fd2cc7]::-moz-focus-inner { 6222 border: 0px 6223 } 6224 6225 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] { 6226 outline: none 6227 } 6228 6229 a[data-v-19fd2cc7],a[data-v-19fd2cc7]:visited,a[data-v-19fd2cc7]:focus,a[data-v-19fd2cc7]:active,a[data-v-19fd2cc7]:hover { 6230 outline: 0 none !important 6231 } 6232 6233 .blu-btn[data-v-19fd2cc7] { 6234 border-radius: 24px 6235 } 6236 6237 .blu-btn+.blu-button[data-v-19fd2cc7] { 6238 margin-left: 0 6239 } 6240 6241 .blu-btn.b-outline[data-v-19fd2cc7] { 6242 background-color: rgba(0,0,0,0) 6243 } 6244 6245 .blu-btn.b-outline.b-primary[data-v-19fd2cc7] { 6246 color: #f2b11b; 6247 background-color: #e39304; 6248 border: #ffcd00 1px solid 6249 } 6250 6251 .blu-btn.b-outline.b-primary[data-v-19fd2cc7]:not(.b-disabled) { 6252 background-color: rgba(255,255,255,.12) 6253 } 6254 6255 .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] { 6256 background-color: rgba(227,147,4,.08); 6257 border: #ffcd00 1px solid 6258 } 6259 6260 .blu-btn.b-outline.b-primary.b-active[data-v-19fd2cc7] { 6261 z-index: 9; 6262 background-color: #f2b11b; 6263 color: #fff 6264 } 6265 6266 .blu-btn.b-outline.b-secondary[data-v-19fd2cc7] { 6267 color: #1d05f7; 6268 background-color: #006dea; 6269 border: #1d05f7 1px solid 6270 } 6271 6272 .blu-btn.b-outline.b-secondary[data-v-19fd2cc7]:not(.b-disabled) { 6273 background-color: rgba(255,255,255,.12) 6274 } 6275 6276 .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] { 6277 background-color: rgba(0,109,234,.08); 6278 border: #1d05f7 1px solid 6279 } 6280 6281 .blu-btn.b-outline.b-secondary.b-active[data-v-19fd2cc7] { 6282 z-index: 9; 6283 background-color: #1d05f7; 6284 color: #fff 6285 } 6286 6287 .blu-btn.b-outline.b-white[data-v-19fd2cc7] { 6288 color: #fff; 6289 background-color: #fff; 6290 border: #fff 1px solid 6291 } 6292 6293 .blu-btn.b-outline.b-white[data-v-19fd2cc7]:not(.b-disabled) { 6294 background-color: rgba(255,255,255,.12) 6295 } 6296 6297 .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] { 6298 background-color: rgba(255,255,255,.4); 6299 border: #fff 1px solid 6300 } 6301 6302 .blu-btn.b-outline.b-white.b-active[data-v-19fd2cc7] { 6303 z-index: 9; 6304 background-color: #fff; 6305 color: #fff 6306 } 6307 6308 .blu-btn.b-outline.b-disabled[data-v-19fd2cc7] { 6309 color: rgba(25,34,42,.4); 6310 background-color: #c8cbcd; 6311 border: #c8cbcd 1px solid 6312 } 6313 6314 .blu-btn.b-outline.b-disabled[data-v-19fd2cc7]:not(.b-disabled) { 6315 background-color: rgba(255,255,255,.12) 6316 } 6317 6318 .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] { 6319 background-color: rgba(200,203,205,.08); 6320 border: #c8cbcd 1px solid 6321 } 6322 6323 .blu-btn.b-outline.b-disabled.b-active[data-v-19fd2cc7] { 6324 z-index: 9; 6325 background-color: rgba(25,34,42,.4); 6326 color: #fff 6327 } 6328 6329 .blu-btn.b-outline.b-small .blu-ripple[data-v-19fd2cc7] { 6330 border-radius: 14px 6331 } 6332 6333 .blu-btn.b-outline.b-large .blu-ripple[data-v-19fd2cc7] { 6334 border-radius: 30px 6335 } 6336 6337 .blu-btn.b-ghost[data-v-19fd2cc7] { 6338 background-color: rgba(0,0,0,0); 6339 border-color: rgba(0,0,0,0) 6340 } 6341 6342 .blu-btn.b-ghost.b-primary[data-v-19fd2cc7] { 6343 color: #f2b11b; 6344 border-color: rgba(0,0,0,0) 6345 } 6346 6347 .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] { 6348 border-color: rgba(0,0,0,0); 6349 background-color: rgba(227,147,4,.08) 6350 } 6351 6352 .blu-btn.b-ghost.b-secondary[data-v-19fd2cc7] { 6353 color: #1d05f7; 6354 border-color: rgba(0,0,0,0) 6355 } 6356 6357 .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] { 6358 border-color: rgba(0,0,0,0); 6359 background-color: rgba(0,109,234,.08) 6360 } 6361 6362 .blu-btn.b-ghost.b-white[data-v-19fd2cc7] { 6363 color: #fff; 6364 border-color: rgba(0,0,0,0) 6365 } 6366 6367 .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] { 6368 border-color: rgba(0,0,0,0); 6369 background-color: rgba(255,255,255,.4) 6370 } 6371 6372 .blu-btn.b-ghost.b-white.b-disabled[data-v-19fd2cc7] { 6373 color: rgba(255,255,255,.4); 6374 border-color: rgba(0,0,0,0) 6375 } 6376 6377 .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] { 6378 border-color: rgba(0,0,0,0); 6379 background-color: rgba(0,0,0,0) 6380 } 6381 6382 .blu-btn.b-ghost.b-disabled[data-v-19fd2cc7] { 6383 color: rgba(25,34,42,.4); 6384 border-color: rgba(0,0,0,0) 6385 } 6386 6387 .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] { 6388 border-color: rgba(0,0,0,0); 6389 background-color: rgba(0,0,0,0) 6390 } 6391 6392 .blu-btn.b-warning[data-v-19fd2cc7] { 6393 color: #fff; 6394 background-color: #ffcd00; 6395 border-color: #ffcd00 6396 } 6397 6398 .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] { 6399 background-color: #cca400; 6400 border-color: #cca400 6401 } 6402 6403 .blu-btn.b-danger[data-v-19fd2cc7] { 6404 color: #fff; 6405 background-color: #ff4646; 6406 border-color: #ff4646 6407 } 6408 6409 .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] { 6410 background-color: #ff1313; 6411 border-color: #ff1313 6412 } 6413 6414 .blu-btn.b-small[data-v-19fd2cc7] { 6415 border-radius: 16px 6416 } 6417 6418 .blu-btn.b-small .blu-ripple[data-v-19fd2cc7] { 6419 border-radius: 16px 6420 } 6421 6422 .blu-btn.b-large[data-v-19fd2cc7] { 6423 border-radius: 32px 6424 } 6425 6426 .blu-btn.b-large .blu-ripple[data-v-19fd2cc7] { 6427 border-radius: 32px 6428 } 6429 6430 .blu-btn.b-icon[data-v-19fd2cc7] { 6431 width: 48px 6432 } 6433 6434 .blu-btn.b-icon.b-large[data-v-19fd2cc7] { 6435 width: 56px 6436 } 6437 6438 .blu-btn.b-icon.b-small[data-v-19fd2cc7] { 6439 width: 32px 6440 } 6441 6442 .blu-btn.b-icon svg[data-v-19fd2cc7] { 6443 width: 100%; 6444 height: 100% 6445 } 6446 6447 .blu-btn.b-full-width[data-v-19fd2cc7] { 6448 width: 100% 6449 } 6450 6451 .blu-btn .blu-ripple[data-v-19fd2cc7] { 6452 border-radius: 24px 6453 } 6454 </style> 6455 <style type="text/css"> 6456 .blu-ripple[data-v-7172f8fc] { 6457 width: 100%; 6458 height: 100%; 6459 position: relative; 6460 overflow: hidden; 6461 display: flex; 6462 justify-content: center; 6463 align-items: center; 6464 -webkit-box-pack: center; 6465 -webkit-box-align: center; 6466 -webkit-mask-image: radial-gradient(circle, #ffffff 100%, #000000 100%); 6467 padding: 0 12px 6468 } 6469 6470 .blu-ripple-wave[data-v-7172f8fc] { 6471 position: absolute; 6472 z-index: 1; 6473 pointer-events: none; 6474 background: currentColor; 6475 border-radius: 50%; 6476 opacity: 0; 6477 transform: scale(2) translateZ(0) 6478 } 6479 6480 .blu-ripple-wave.b-centered[data-v-7172f8fc] { 6481 animation-duration: 1.2s; 6482 top: 50%; 6483 left: 50% 6484 } 6485 6486 .blu-ripple-wave~*[data-v-7172f8fc]:not(.blu-ripple-wave) { 6487 position: relative; 6488 z-index: 2 6489 } 6490 6491 .blu-ripple-enter-active[data-v-7172f8fc
6491] { 6492 transition: 2s cubic-bezier(0.25, 0.8, 0.25, 1); 6493 transition-property: opacity,transform; 6494 will-change: opacity,transform 6495 } 6496 6497 .blu-ripple-enter-active.b-centered[data-v-7172f8fc] { 6498 transition-duration: 1.2s 6499 } 6500 6501 .blu-ripple-enter[data-v-7172f8fc] { 6502 opacity: .26; 6503 transform: scale(0.26) translateZ(0) 6504 } 6505 6506 .has-left-icon .blu-ripple svg[data-v-7172f8fc] { 6507 margin-right: 8px 6508 } 6509 6510 .has-left-icon.b-small svg[data-v-7172f8fc] { 6511 transform-origin: left; 6512 margin-right: 4px 6513 } 6514 6515 .b-large .blu-ripple[data-v-7172f8fc] { 6516 padding: 0 16px 6517 } 6518 6519 .b-small .blu-ripple[data-v-7172f8fc] { 6520 padding: 0 8px 6521 } 6522 6523 .b-small svg[data-v-7172f8fc] { 6524 width: 18px; 6525 height: 18px 6526 } 6527 6528 .b-icon .blu-ripple[data-v-7172f8fc] { 6529 padding: 0 6530 } 6531 6532 .b-loading .blu-loader-wrapper[data-v-7172f8fc] { 6533 height: 24px; 6534 position: absolute 6535 } 6536 6537 .b-loading .blu-ripple[data-v-7172f8fc] { 6538 color: rgba(0,0,0,0) 6539 } 6540 6541 .b-loading .blu-ripple>svg[data-v-7172f8fc] { 6542 visibility: hidden 6543 } 6544 6545 .b-loading .blu-ripple .blu-ripple-wave[data-v-7172f8fc] { 6546 color: #fff 6547 } 6548 6549 .b-loading.b-white .blu-ripple-wave[data-v-7172f8fc] { 6550 color: #1d05f7 6551 } 6552 6553 .b-loading.b-outline.b-secondary .blu-ripple-wave[data-v-7172f8fc] { 6554 color: #1d05f7 6555 } 6556 6557 .b-loading.b-outline.b-primary .blu-ripple-wave[data-v-7172f8fc] { 6558 color: #f2b11b 6559 } 6560 6561 .b-loading.b-ghost.b-secondary .blu-ripple-wave[data-v-7172f8fc] { 6562 color: #1d05f7 6563 } 6564 6565 .b-loading.b-ghost.b-primary .blu-ripple-wave[data-v-7172f8fc] { 6566 color: #f2b11b 6567 } 6568 6569 .blu-input-stepper .blu-btn .blu-ripple[data-v-7172f8fc] { 6570 padding: 0; 6571 width: 24px; 6572 height: 24px; 6573 border-radius: 50% 6574 } 6575 6576 .blu-input-stepper .blu-btn .blu-ripple svg[data-v-7172f8fc] { 6577 width: 18px; 6578 height: 18px; 6579 margin-left: 1px 6580 } 6581 6582 .blu-input-stepper .blu-btn .blu-ripple-enter-active[data-v-7172f8fc] { 6583 background: #1d05f7 6584 } 6585 6586 .b-disabled[data-v-7172f8fc] { 6587 opacity: 1 6588 } 6589 6590 .blu-btn-dropdown .blu-ripple>svg+div[data-v-7172f8fc] { 6591 margin-left: 8px 6592 } 6593 6594 .blu-modal__mask[data-v-7172f8fc] { 6595 transition: opacity .3s ease; 6596 position: fixed; 6597 z-index: 999; 6598 top: 0; 6599 left: 0; 6600 width: 100%; 6601 height: 100%; 6602 background-color: rgba(0,0,0,.6); 6603 display: flex; 6604 flex-direction: column; 6605 justify-content: center; 6606 align-items: center 6607 } 6608 6609 .blu-modal__container[data-v-7172f8fc] { 6610 transition: opacity .3s ease; 6611 width: 90%; 6612 max-width: 500px; 6613 max-height: calc(100% - 50px); 6614 height: auto; 6615 background: #fff; 6616 box-shadow: 0 1px 6px 0 rgba(0,0,0,.1); 6617 position: fixed; 6618 z-index: 1000; 6619 display: flex; 6620 flex-direction: column 6621 } 6622 6623 @media screen and (max-width: 768px) { 6624 .blu-modal__container[data-v-7172f8fc] { 6625 max-height:calc(100% - 40px) 6626 } 6627 } 6628 6629 @media screen and (min-width: 769px),print { 6630 .blu-modal__container[data-v-7172f8fc] { 6631 top:50%; 6632 left: 50%; 6633 -webkit-transform: translate(-50%, -50%); 6634 -moz-transform: translate(-50%, -50%); 6635 -ms-transform: translate(-50%, -50%); 6636 -o-transform: translate(-50%, -50%); 6637 transform: translate(-50%, -50%) 6638 } 6639 } 6640 6641 .blu-modal__heading[data-v-7172f8fc] { 6642 font: 24px/28px "blibli demi bold",-apple-system,segoe ui,roboto,helvetica,arial,sans-serif; 6643 margin-bottom: 8px 6644 } 6645 6646 @media screen and (max-width: 768px) { 6647 .blu-modal__heading[data-v-7172f8fc] { 6648 font:20px/24px "blibli demi bold",-apple-system,segoe ui,roboto,helvetica,arial,sans-serif; 6649 margin-bottom: 0px 6650 } 6651 } 6652 6653 .blu-modal__body[data-v-7172f8fc] { 6654 max-height: var(--max-height-modal-body); 6655 overflow-x: auto; 6656 color: rgba(25,34,42,.7019607843); 6657 margin-right: 0px; 6658 overscroll-behavior: contain 6659 } 6660 6661 @media screen and (min-width: 769px),print { 6662 .blu-modal__body[data-v-7172f8fc] { 6663 font:16px/20px "blibli",-apple-system,segoe ui,roboto,helvetica,arial,sans-serif 6664 } 6665 } 6666 6667 @media screen and (max-width: 768px) { 6668 .blu-modal__body[data-v-7172f8fc] { 6669 font:14px/18px "blibli",-apple-system,segoe ui,roboto,helvetica,arial,sans-serif 6670 } 6671 } 6672 6673 .blu-modal__footer[data-v-7172f8fc] { 6674 text-align: right 6675 } 6676 6677 @media screen and (max-width: 768px) { 6678 .blu-modal__footer[data-v-7172f8fc] { 6679 margin-top:auto 6680 } 6681 } 6682 6683 .blu-modal.b-dialog .blu-modal__body[data-v-7172f8fc] { 6684 margin-bottom: 40px 6685 } 6686 6687 @media screen and (max-width: 768px) { 6688 .blu-modal.b-dialog .blu-modal__body[data-v-7172f8fc] { 6689 margin-bottom:32px 6690 } 6691 } 6692 6693 .blu-modal.b-dialog .blu-modal__container[data-v-7172f8fc] { 6694 border-radius: 16px 6695 } 6696 6697 @media screen and (min-width: 769px),print { 6698 .blu-modal.b-dialog .blu-modal__container[data-v-7172f8fc] { 6699 padding:24px 24px 16px 6700 } 6701 } 6702 6703 @media screen and (max-width: 768px) { 6704 .blu-modal.b-dialog .blu-modal__container[data-v-7172f8fc] { 6705 padding:24px 24px 16px; 6706 top: 50%; 6707 left: 50%; 6708 -webkit-transform: translate(-50%, -50%); 6709 -moz-transform: translate(-50%, -50%); 6710 -ms-transform: translate(-50%, -50%); 6711 -o-transform: translate(-50%, -50%); 6712 transform: translate(-50%, -50%) 6713 } 6714 } 6715 6716 .blu-modal.b-dialog .blu-modal__container[data-v-7172f8fc]:before,.blu-modal.b-dialog .blu-modal__container[data-v-7172f8fc]:after { 6717 content: ""; 6718 width: calc(100% - 60px); 6719 margin: 0 30px; 6720 border-radius: 0 0 24px 24px; 6721 position: absolute; 6722 left: 0 6723 } 6724 6725 .blu-modal.b-dialog .blu-modal__container[data-v-7172f8fc]:before { 6726 height: 9px; 6727 bottom: -9px; 6728 z-index: 2; 6729 background: linear-gradient(0deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.12) 100%) 6730 } 6731 6732 .blu-modal.b-dialog .blu-modal__container[data-v-7172f8fc]:after { 6733 height: 16px; 6734 border-top: #fff 1px solid; 6735 bottom: -15px 6736 } 6737 6738 .blu-modal.b-dialog .blu-modal__close[data-v-7172f8fc] { 6739 display: none 6740 } 6741 6742 .blu-modal.b-dialog.b-info .blu-modal__container[data-v-7172f8fc]:after { 6743 background-color: #1d05f7 6744 } 6745 6746 .blu-modal.b-dialog.b-success .blu-modal__container[data-v-7172f8fc]:after { 6747 background-color: #22a334 6748 } 6749 6750 .blu-modal.b-dialog.b-warning .blu-modal__container[data-v-7172f8fc]:after { 6751 background-color: #ffcd00 6752 } 6753 6754 .blu-modal.b-dialog.b-danger .blu-modal__container[data-v-7172f8fc]:after { 6755 background-color: #ff4646 6756 } 6757 6758 .blu-modal.b-page .blu-modal__body[data-v-7172f8fc] { 6759 color: rgba(25,34,42,.7019607843) 6760 } 6761 6762 @media screen and (min-width: 769px),print { 6763 .blu-modal.b-page .blu-modal__body[data-v-7172f8fc] { 6764 padding:0 24px 6765 } 6766 } 6767 6768 @media screen and (max-width: 768px) { 6769 .blu-modal.b-page .blu-modal__body[data-v-7172f8fc] { 6770 padding:0 16px; 6771 padding-bottom: calc(env(safe-area-inset-bottom) + 4px); 6772 overflow-y: auto 6773 } 6774 } 6775 6776 .blu-modal.b-page .blu-modal__body[data-v-7172f8fc]::before { 6777 content: ""; 6778 background: #fff; 6779 height: 20px; 6780 width: 100%; 6781 left: 0; 6782 bottom: 0; 6783 position: fixed 6784 } 6785 6786 @media screen and (min-width: 769px),print { 6787 .blu-modal.b-page .blu-modal__body[data-v-7172f8fc]::before { 6788 display:none 6789 } 6790 } 6791 6792 @media screen and (min-width: 769px),print { 6793 .blu-modal.b-page .blu-modal__container[data-v-7172f8fc] { 6794 border-radius:16px; 6795 padding-top: 32px 6796 } 6797 } 6798 6799 @media screen and (max-width: 768px) { 6800 .blu-modal.b-page .blu-modal__container[data-v-7172f8fc] { 6801 padding-top:24px; 6802 width: 100%; 6803 max-width: 100%; 6804 height: auto; 6805 border-radius: 16px 16px 0 0; 6806 left: 0; 6807 bottom: 0; 6808 padding-top: 24px; 6809 padding-bottom: calc(env(safe-area-inset-bottom) + 16px) 6810 } 6811 } 6812 6813 @media screen and (min-width: 769px),print { 6814 .blu-modal.b-page .blu-modal__footer[data-v-7172f8fc] { 6815 padding:24px 24px 6816 } 6817 } 6818 6819 @media screen and (max-width: 768px) { 6820 .blu-modal.b-page .blu-modal__footer[data-v-7172f8fc] { 6821 width:100%; 6822 padding: 16px; 6823 transition: all .3s cubic-bezier(0, 0, 0.2, 1.2); 6824 bottom: 0; 6825 padding-bottom: env(safe-area-inset-bottom); 6826 background: #fff 6827 } 6828 } 6829 6830 .blu-modal.b-page .blu-modal__footer[data-v-7172f8fc]::before { 6831 content: ""; 6832 background: #fff; 6833 height: 20px; 6834 width: 100%; 6835 left: 0; 6836 bottom: 0; 6837 position: fixed 6838 } 6839 6840 @media screen and (min-width: 769px),print { 6841 .blu-modal.b-page .blu-modal__footer[data-v-7172f8fc]::before { 6842 display:none 6843 } 6844 } 6845 6846 @media screen and (min-width: 769px),print { 6847 .blu-modal.b-page .blu-modal__header[data-v-7172f8fc] { 6848 padding:0 24px 6849 } 6850 } 6851 6852 @media screen and (max-width: 768px) { 6853 .blu-modal.b-page .blu-modal__header[data-v-7172f8fc] { 6854 padding:0 16px 6855 } 6856 } 6857 6858 .blu-modal.b-page .blu-modal__icon[data-v-7172f8fc] { 6859 display: none 6860 } 6861 6862 @media screen and (max-width: 768px) { 6863 .blu-modal.b-page.fade-enter-active[data-v-7172f8fc],.blu-modal.b-page.fade-leave-active[data-v-7172f8fc] { 6864 transition:opacity .3s 6865 } 6866 6867 .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] { 6868 transition: bottom .3s; 6869 transition: all .3s cubic-bezier(0, 0, 0.2, 1.2); 6870 bottom: 0 6871 } 6872 6873 .blu-modal.b-page.fade-enter-active[data-v-7172f8fc] { 6874 transition: opacity .3s cubic-bezier(0, 0, 0.2, 1.2) 6875 } 6876 6877 .blu-modal.b-page.fade-leave-active[data-v-7172f8fc] { 6878 transition: opacity .3s cubic-bezier(0.8, 0, 1, 1) 6879 } 6880 6881 .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] { 6882 bottom: -96vh 6883 } 6884 } 6885 6886 .blu-modal.b-no-button .blu-modal__container[data-v-7172f8fc] { 6887 padding-bottom: 20px 6888 } 6889 6890 @media screen and (max-width: 768px) { 6891 .blu-modal.b-no-button .blu-modal__body[data-v-7172f8fc] { 6892 padding-bottom:env(safe-area-inset-bottom) 6893 } 6894 } 6895 6896 .blu-modal.b-no-button .blu-modal__footer[data-v-7172f8fc] { 6897 display: none 6898 } 6899 6900 .fade-enter-active[data-v-7172f8fc],.fade-leave-active[data-v-7172f8fc] { 6901 position: absolute; 6902 z-index: 998; 6903 transition: opacity .3s 6904 } 6905 6906 .fade-enter[data-v-7172f8fc],.fade-leave-to[data-v-7172f8fc] { 6907 opacity: 0 6908 } 6909 6910 img[data-v-7172f8fc] { 6911 max-width: 100% 6912 } 6913 6914 .blu-modal.b-dialog .blu-modal__icon[data-v-7172f8fc] { 6915 width: 40px; 6916 height: 40px; 6917 margin-bottom: 40px 6918 } 6919 6920 @media screen and (max-width: 768px) { 6921 .blu-modal.b-dialog .blu-modal__icon[data-v-7172f8fc] { 6922 width:24px; 6923 height: 24px; 6924 margin-bottom: 32px 6925 } 6926 } 6927 6928 .blu-modal.b-dialog.b-info .blu-modal__icon[data-v-7172f8fc] { 6929 background-color: #1d05f7; 6930 -webkit-mask-image: url(data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PSIwIDAgMjQgMjQiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+DQo8cGF0aCBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGNsaXAtcnVsZT0iZXZlbm9kZCIgZD0iTTIgMTJDMiA2LjQ4IDYuNDggMiAxMiAyQzE3LjUyIDIgMjIgNi40OCAyMiAxMkMyMiAxNy41MiAxNy41MiAyMiAxMiAyMkM2LjQ4IDIyIDIgMTcuNTIgMiAxMlpNMTEuOTcgOC43Mzc2NEMxMi43MjY2IDguNzM3NjQgMTMuMzQgOC4xMjQ4IDEzLjM0IDcuMzY4ODJDMTMuMzQgNi42MTI4NCAxMi43MjY2IDYgMTEuOTcgNkMxMS4yMTM0IDYgMTAuNiA2LjYxMjg0IDEwLjYgNy4zNjg4MkMxMC42IDguMTI0OCAxMS4yMTM0IDguNzM3NjQgMTEuOTcgOC43Mzc2NFpNMTEuNDk5OSAxMC4xMDY0SDEyLjQ0OTlDMTIuODQ5OSAxMC4xMDY0IDEzLjE3OTkgMTAuNDM2MiAxMy4xNzk5IDEwLjgzNThWMTcuMjcwM0MxMy4xNzk5IDE3LjY2OTkgMTIuODQ5OSAxNy45OTk2IDEyLjQ0OTkgMTcuOTk5NkgxMS40OTk5QzExLjA5OTkgMTcuOTk5NiAxMC43Njk5IDE3LjY2OTkgMTAuNzY5OSAxNy4yNzAzVjEwLjgzNThDMTAuNzY5OSAxMC40MzYyIDExLjA5OTkgMTAuMTA2NCAxMS40OTk5IDEwLjEwNjRaIiBmaWxsPSIjNzk3Rjg1Ii8+DQo8L3N2Zz4NCg==); 6931 mask-image: url(data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PSIw
6931IDAgMjQgMjQiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+DQo8cGF0aCBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGNsaXAtcnVsZT0iZXZlbm9kZCIgZD0iTTIgMTJDMiA2LjQ4IDYuNDggMiAxMiAyQzE3LjUyIDIgMjIgNi40OCAyMiAxMkMyMiAxNy41MiAxNy41MiAyMiAxMiAyMkM2LjQ4IDIyIDIgMTcuNTIgMiAxMlpNMTEuOTcgOC43Mzc2NEMxMi43MjY2IDguNzM3NjQgMTMuMzQgOC4xMjQ4IDEzLjM0IDcuMzY4ODJDMTMuMzQgNi42MTI4NCAxMi43MjY2IDYgMTEuOTcgNkMxMS4yMTM0IDYgMTAuNiA2LjYxMjg0IDEwLjYgNy4zNjg4MkMxMC42IDguMTI0OCAxMS4yMTM0IDguNzM3NjQgMTEuOTcgOC43Mzc2NFpNMTEuNDk5OSAxMC4xMDY0SDEyLjQ0OTlDMTIuODQ5OSAxMC4xMDY0IDEzLjE3OTkgMTAuNDM2MiAxMy4xNzk5IDEwLjgzNThWMTcuMjcwM0MxMy4xNzk5IDE3LjY2OTkgMTIuODQ5OSAxNy45OTk2IDEyLjQ0OTkgMTcuOTk5NkgxMS40OTk5QzExLjA5OTkgMTcuOTk5NiAxMC43Njk5IDE3LjY2OTkgMTAuNzY5OSAxNy4yNzAzVjEwLjgzNThDMTAuNzY5OSAxMC40MzYyIDExLjA5OTkgMTAuMTA2NCAxMS40OTk5IDEwLjEwNjRaIiBmaWxsPSIjNzk3Rjg1Ii8+DQo8L3N2Zz4NCg==) 6932 } 6933 6934 .blu-modal.b-dialog.b-success .blu-modal__icon[data-v-7172f8fc] { 6935 background-color: #22a334; 6936 -webkit-mask-image: url(data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PSIwIDAgMjQgMjQiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+DQo8cGF0aCBkPSJNMTIgMkM2LjQ4IDIgMiA2LjQ4IDIgMTJDMiAxNy41MiA2LjQ4IDIyIDEyIDIyQzE3LjUyIDIyIDIyIDE3LjUyIDIyIDEyQzIyIDYuNDggMTcuNTIgMiAxMiAyWk0xNy4wNSA5LjExTDEyLjA2IDE2LjEyQzExLjg4IDE2LjM3IDExLjYgMTYuNTIgMTEuMjkgMTYuNTRIMTEuMjRDMTAuOTUgMTYuNTQgMTAuNjcgMTYuNDIgMTAuNDggMTYuMTlMNi45OSAxMi4xM0M2LjgyIDExLjkzIDYuNzMgMTEuNjcgNi43NSAxMS40MUM2Ljc3IDExLjE0IDYuODkgMTAuOSA3LjA5IDEwLjczQzcuNTEgMTAuMzcgOC4xNCAxMC40MiA4LjUgMTAuODRMMTEuMTYgMTMuOTNMMTUuNDEgNy45NkMxNS43MyA3LjUxIDE2LjM1IDcuNDEgMTYuOCA3LjczQzE3LjAyIDcuODggMTcuMTYgOC4xMSAxNy4yMSA4LjM4QzE3LjI1IDguNjQgMTcuMTkgOC45MSAxNy4wNCA5LjEyTDE3LjA1IDkuMTFaIiBmaWxsPSIjNzk3Rjg1Ii8+DQo8L3N2Zz4=); 6937 mask-image: url(data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PSIwIDAgMjQgMjQiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+DQo8cGF0aCBkPSJNMTIgMkM2LjQ4IDIgMiA2LjQ4IDIgMTJDMiAxNy41MiA2LjQ4IDIyIDEyIDIyQzE3LjUyIDIyIDIyIDE3LjUyIDIyIDEyQzIyIDYuNDggMTcuNTIgMiAxMiAyWk0xNy4wNSA5LjExTDEyLjA2IDE2LjEyQzExLjg4IDE2LjM3IDExLjYgMTYuNTIgMTEuMjkgMTYuNTRIMTEuMjRDMTAuOTUgMTYuNTQgMTAuNjcgMTYuNDIgMTAuNDggMTYuMTlMNi45OSAxMi4xM0M2LjgyIDExLjkzIDYuNzMgMTEuNjcgNi43NSAxMS40MUM2Ljc3IDExLjE0IDYuODkgMTAuOSA3LjA5IDEwLjczQzcuNTEgMTAuMzcgOC4xNCAxMC40MiA4LjUgMTAuODRMMTEuMTYgMTMuOTNMMTUuNDEgNy45NkMxNS43MyA3LjUxIDE2LjM1IDcuNDEgMTYuOCA3LjczQzE3LjAyIDcuODggMTcuMTYgOC4xMSAxNy4yMSA4LjM4QzE3LjI1IDguNjQgMTcuMTkgOC45MSAxNy4wNCA5LjEyTDE3LjA1IDkuMTFaIiBmaWxsPSIjNzk3Rjg1Ii8+DQo8L3N2Zz4=) 6938 } 6939 6940 .blu-modal.b-dialog.b-warning .blu-modal__icon[data-v-7172f8fc] { 6941 background-color: #ffcd00; 6942 -webkit-mask-image: url(data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PSIwIDAgMjQgMjQiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+DQo8cGF0aCBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGNsaXAtcnVsZT0iZXZlbm9kZCIgZD0iTTMuODc0MzYgMjFIMjAuMTE0NEgyMC4xMjQ0QzIxLjU1MzUgMjEgMjIuNDUyOSAxOS41MDM1IDIxLjc2MzQgMTguMjg2NEwxMy42NDg0IDMuOTUwMjZDMTIuOTM4OCAyLjY4MzI1IDExLjA2OTkgMi42ODMyNSAxMC4zNjA0IDMuOTUwMjZMMi4yMzUzNyAxOC4yOTY0QzEuNTQ1OCAxOS41MTM1IDIuNDU1MjQgMjEgMy44NzQzNiAyMVpNMTAuOTkgMTMuOTM3NEwxMC43MDAyIDkuMDk4ODdWNy43NTIwNUMxMC43MDAyIDcuMzMzMDQgMTEuMDQgNi45OTM4NCAxMS40NTk3IDYuOTkzODRIMTIuNjA5QzEzLjAyODggNi45OTM4NCAxMy4zNjg2IDcuMzMzMDQgMTMuMzY4NiA3Ljc1MjA1VjkuMTA4ODRMMTMuMDg4NyAxMy45Mjc1QzEzLjA2ODcgMTQuMzI2NSAxMi43Mzg5IDE0LjYzNTggMTIuMzI5MiAxNC42MzU4SDExLjc0OTVDMTEuMzQ5OCAxNC42MzU4IDExLjAyIDE0LjMyNjUgMTAuOTkgMTMuOTI3NVYxMy45Mzc0Wk0xMS45OTk0IDE4Ljk2NTJDMTIuNzg4NyAxOC45NjUyIDEzLjQyODYgMTguMzI2NSAxMy40Mjg2IDE3LjUzODZDMTMuNDI4NiAxNi43NTA3IDEyLjc4ODcgMTYuMTEyIDExLjk5OTQgMTYuMTEyQzExLjIxMDIgMTYuMTEyIDEwLjU3MDMgMTYuNzUwNyAxMC41NzAzIDE3LjUzODZDMTAuNTcwMyAxOC4zMjY1IDExLjIxMDIgMTguOTY1MiAxMS45OTk0IDE4Ljk2NTJaIiBmaWxsPSIjNzk3Rjg1Ii8+DQo8L3N2Zz4NCg==); 6943 mask-image: url(data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PSIwIDAgMjQgMjQiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+DQo8cGF0aCBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGNsaXAtcnVsZT0iZXZlbm9kZCIgZD0iTTMuODc0MzYgMjFIMjAuMTE0NEgyMC4xMjQ0QzIxLjU1MzUgMjEgMjIuNDUyOSAxOS41MDM1IDIxLjc2MzQgMTguMjg2NEwxMy42NDg0IDMuOTUwMjZDMTIuOTM4OCAyLjY4MzI1IDExLjA2OTkgMi42ODMyNSAxMC4zNjA0IDMuOTUwMjZMMi4yMzUzNyAxOC4yOTY0QzEuNTQ1OCAxOS41MTM1IDIuNDU1MjQgMjEgMy44NzQzNiAyMVpNMTAuOTkgMTMuOTM3NEwxMC43MDAyIDkuMDk4ODdWNy43NTIwNUMxMC43MDAyIDcuMzMzMDQgMTEuMDQgNi45OTM4NCAxMS40NTk3IDYuOTkzODRIMTIuNjA5QzEzLjAyODggNi45OTM4NCAxMy4zNjg2IDcuMzMzMDQgMTMuMzY4NiA3Ljc1MjA1VjkuMTA4ODRMMTMuMDg4NyAxMy45Mjc1QzEzLjA2ODcgMTQuMzI2NSAxMi43Mzg5IDE0LjYzNTggMTIuMzI5MiAxNC42MzU4SDExLjc0OTVDMTEuMzQ5OCAxNC42MzU4IDExLjAyIDE0LjMyNjUgMTAuOTkgMTMuOTI3NVYxMy45Mzc0Wk0xMS45OTk0IDE4Ljk2NTJDMTIuNzg4NyAxOC45NjUyIDEzLjQyODYgMTguMzI2NSAxMy40Mjg2IDE3LjUzODZDMTMuNDI4NiAxNi43NTA3IDEyLjc4ODcgMTYuMTEyIDExLjk5OTQgMTYuMTEyQzExLjIxMDIgMTYuMTEyIDEwLjU3MDMgMTYuNzUwNyAxMC41NzAzIDE3LjUzODZDMTAuNTcwMyAxOC4zMjY1IDExLjIxMDIgMTguOTY1MiAxMS45OTk0IDE4Ljk2NTJaIiBmaWxsPSIjNzk3Rjg1Ii8+DQo8L3N2Zz4NCg==) 6944 } 6945 6946 .blu-modal.b-dialog.b-danger .blu-modal__icon[data-v-7172f8fc] { 6947 background-color: #ff4646; 6948 -webkit-mask-image: url(data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PSIwIDAgMjQgMjQiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+DQo8cGF0aCBkPSJNMTIgMkM2LjQ4IDIgMiA2LjQ4IDIgMTJDMiAxNy41MiA2LjQ4IDIyIDEyIDIyQzE3LjUyIDIyIDIyIDE3LjUyIDIyIDEyQzIyIDYuNDggMTcuNTIgMiAxMiAyWk0xNi4yNCAxNC44M0MxNi42MyAxNS4yMiAxNi42MyAxNS44NSAxNi4yNCAxNi4yNEMxNS44NSAxNi42MyAxNS4yMiAxNi42MyAxNC44MyAxNi4yNEwxMiAxMy40MUw5LjE3IDE2LjI0QzguNzggMTYuNjMgOC4xNSAxNi42MyA3Ljc2IDE2LjI0QzcuMzcgMTUuODUgNy4zNyAxNS4yMiA3Ljc2IDE0LjgzTDEwLjU5IDEyTDcuNzYgOS4xN0M3LjM3IDguNzggNy4zNyA4LjE1IDcuNzYgNy43NkM4LjE1IDcuMzcgOC43OCA3LjM3IDkuMTcgNy43NkwxMiAxMC41OUwxNC44MyA3Ljc2QzE1LjIyIDcuMzcgMTUuODUgNy4zNyAxNi4yNCA3Ljc2QzE2LjYzIDguMTUgMTYuNjMgOC43OCAxNi4yNCA5LjE3TDEzLjQxIDEyTDE2LjI0IDE0LjgzWiIgZmlsbD0iIzc5N0Y4NSIvPg0KPC9zdmc+); 6949 mask-image: url(data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PSIwIDAgMjQgMjQiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+DQo8cGF0aCBkPSJNMTIgMkM2LjQ4IDIgMiA2LjQ4IDIgMTJDMiAxNy41MiA2LjQ4IDIyIDEyIDIyQzE3LjUyIDIyIDIyIDE3LjUyIDIyIDEyQzIyIDYuNDggMTcuNTIgMiAxMiAyWk0xNi4yNCAxNC44M0MxNi42MyAxNS4yMiAxNi42MyAxNS44NSAxNi4yNCAxNi4yNEMxNS44NSAxNi42MyAxNS4yMiAxNi42MyAxNC44MyAxNi4yNEwxMiAxMy40MUw5LjE3IDE2LjI0QzguNzggMTYuNjMgOC4xNSAxNi42MyA3Ljc2IDE2LjI0QzcuMzcgMTUuODUgNy4zNyAxNS4yMiA3Ljc2IDE0LjgzTDEwLjU5IDEyTDcuNzYgOS4xN0M3LjM3IDguNzggNy4zNyA4LjE1IDcuNzYgNy43NkM4LjE1IDcuMzcgOC43OCA3LjM3IDkuMTcgNy43NkwxMiAxMC41OUwxNC44MyA3Ljc2QzE1LjIyIDcuMzcgMTUuODUgNy4zNyAxNi4yNCA3Ljc2QzE2LjYzIDguMTUgMTYuNjMgOC43OCAxNi4yNCA5LjE3TDEzLjQxIDEyTDE2LjI0IDE0LjgzWiIgZmlsbD0iIzc5N0Y4NSIvPg0KPC9zdmc+) 6950 } 6951 6952 @media screen and (max-width: 768px) { 6953 .blu-modal.b-full-screen .blu-modal__container[data-v-7172f8fc] { 6954 min-height:100%; 6955 border-radius: unset; 6956 padding-top: 0 6957 } 6958 6959 .blu-modal.b-full-screen .blu-modal__close[data-v-7172f8fc] { 6960 display: none 6961 } 6962 } 6963 6964 @media screen and (max-width: 768px) { 6965 .blu-modal__footer[data-v-7172f8fc] { 6966 display:flex; 6967 justify-content: flex-end; 6968 flex-direction: column-reverse 6969 } 6970 } 6971 6972 .blu-btn[data-v-7172f8fc] { 6973 min-width: 96px 6974 } 6975 6976 @media screen and (min-width: 769px),print { 6977 .blu-btn[data-v-7172f8fc] { 6978 margin-left:8px; 6979 margin-bottom: 0 6980 } 6981 } 6982 6983 @media screen and (max-width: 768px) { 6984 .blu-btn[data-v-7172f8fc] { 6985 width:100%; 6986 margin-bottom: 8px 6987 } 6988 6989 .blu-btn[data-v-7172f8fc]:not(:last-child) { 6990 margin-bottom: 0px 6991 } 6992 } 6993 </style> 6994 <style type="text/css"> 6995 .blu-ripple[data-v-c206562a] { 6996 width: 100%; 6997 height: 100%; 6998 position: relative; 6999 overflow: hidden; 7000 display: flex; 7001 justify-content: center; 7002 align-items: center; 7003 -webkit-box-pack: center; 7004 -webkit-box-align: center; 7005 -webkit-mask-image: radial-gradient(circle, #ffffff 100%, #000000 100%); 7006 padding: 0 12px 7007 } 7008 7009 .blu-ripple-wave[data-v-c206562a] { 7010 position: absolute; 7011 z-index: 1; 7012 pointer-events: none; 7013 background: currentColor; 7014 border-radius: 50%; 7015 opacity: 0; 7016 transform: scale(2) translateZ(0) 7017 } 7018 7019 .blu-ripple-wave.b-centered[data-v-c206562a] { 7020 animation-duration: 1.2s; 7021 top: 50%; 7022 left: 50% 7023 } 7024 7025 .blu-ripple-wave~*[data-v-c206562a]:not(.blu-ripple-wave) { 7026 position: relative; 7027 z-index: 2 7028 } 7029 7030 .blu-ripple-enter-active[data-v-c206562a] { 7031 transition: 2s cubic-bezier(0.25, 0.8, 0.25, 1); 7032 transition-property: opacity,transform; 7033 will-change: opacity,transform 7034 } 7035 7036 .blu-ripple-enter-active.b-centered[data-v-c206562a] { 7037 transition-duration: 1.2s 7038 } 7039 7040 .blu-ripple-enter[data-v-c206562a] { 7041 opacity: .26; 7042 transform: scale(0.26) translateZ(0) 7043 } 7044 7045 .has-left-icon .blu-ripple svg[data-v-c206562a] { 7046 margin-right: 8px 7047 } 7048 7049 .has-left-icon.b-small svg[data-v-c206562a] { 7050 transform-origin: left; 7051 margin-right: 4px 7052 } 7053 7054 .b-large .blu-ripple[data-v-c206562a] { 7055 padding: 0 16px 7056 } 7057 7058 .b-small .blu-ripple[data-v-c206562a] { 7059 padding: 0 8px 7060 } 7061 7062 .b-small svg[data-v-c206562a] { 7063 width: 18px;
7064 height: 18px 7065 } 7066 7067 .b-icon .blu-ripple[data-v-c206562a] { 7068 padding: 0 7069 } 7070 7071 .b-loading .blu-loader-wrapper[data-v-c206562a] { 7072 height: 24px; 7073 position: absolute 7074 } 7075 7076 .b-loading .blu-ripple[data-v-c206562a] { 7077 color: rgba(0,0,0,0) 7078 } 7079 7080 .b-loading .blu-ripple>svg[data-v-c206562a] { 7081 visibility: hidden 7082 } 7083 7084 .b-loading .blu-ripple .blu-ripple-wave[data-v-c206562a] { 7085 color: #fff 7086 } 7087 7088 .b-loading.b-white .blu-ripple-wave[data-v-c206562a] { 7089 color: #1d05f7 7090 } 7091 7092 .b-loading.b-outline.b-secondary .blu-ripple-wave[data-v-c206562a] { 7093 color: #1d05f7 7094 } 7095 7096 .b-loading.b-outline.b-primary .blu-ripple-wave[data-v-c206562a] { 7097 color: #f2b11b 7098 } 7099 7100 .b-loading.b-ghost.b-secondary .blu-ripple-wave[data-v-c206562a] { 7101 color: #1d05f7 7102 } 7103 7104 .b-loading.b-ghost.b-primary .blu-ripple-wave[data-v-c206562a] { 7105 color: #f2b11b 7106 } 7107 7108 .blu-input-stepper .blu-btn .blu-ripple[data-v-c206562a] { 7109 padding: 0; 7110 width: 24px; 7111 height: 24px; 7112 border-radius: 50% 7113 } 7114 7115 .blu-input-stepper .blu-btn .blu-ripple svg[data-v-c206562a] { 7116 width: 18px; 7117 height: 18px; 7118 margin-left: 1px 7119 } 7120 7121 .blu-input-stepper .blu-btn .blu-ripple-enter-active[data-v-c206562a] { 7122 background: #1d05f7 7123 } 7124 7125 .b-disabled[data-v-c206562a] { 7126 opacity: 1 7127 } 7128 7129 .blu-btn-dropdown .blu-ripple>svg+div[data-v-c206562a] { 7130 margin-left: 8px 7131 } 7132 7133 .blu-modal__mask[data-v-c206562a] { 7134 transition: opacity .3s ease; 7135 position: fixed; 7136 z-index: 999; 7137 top: 0; 7138 left: 0; 7139 width: 100%; 7140 height: 100%; 7141 background-color: rgba(0,0,0,.6); 7142 display: flex; 7143 flex-direction: column; 7144 justify-content: center; 7145 align-items: center 7146 } 7147 7148 .blu-modal__container[data-v-c206562a] { 7149 transition: opacity .3s ease; 7150 width: 90%; 7151 max-width: 500px; 7152 max-height: calc(100% - 50px); 7153 height: auto; 7154 background: #fff; 7155 box-shadow: 0 1px 6px 0 rgba(0,0,0,.1); 7156 position: fixed; 7157 z-index: 1000; 7158 display: flex; 7159 flex-direction: column 7160 } 7161 7162 @media screen and (max-width: 768px) { 7163 .blu-modal__container[data-v-c206562a] { 7164 max-height:calc(100% - 40px) 7165 } 7166 } 7167 7168 @media screen and (min-width: 769px),print { 7169 .blu-modal__container[data-v-c206562a] { 7170 top:50%; 7171 left: 50%; 7172 -webkit-transform: translate(-50%, -50%); 7173 -moz-transform: translate(-50%, -50%); 7174 -ms-transform: translate(-50%, -50%); 7175 -o-transform: translate(-50%, -50%); 7176 transform: translate(-50%, -50%) 7177 } 7178 } 7179 7180 .blu-modal__heading[data-v-c206562a] { 7181 font: 24px/28px "blibli demi bold",-apple-system,segoe ui,roboto,helvetica,arial,sans-serif; 7182 margin-bottom: 8px 7183 } 7184 7185 @media screen and (max-width: 768px) { 7186 .blu-modal__heading[data-v-c206562a] { 7187 font:20px/24px "blibli demi bold",-apple-system,segoe ui,roboto,helvetica,arial,sans-serif; 7188 margin-bottom: 0px 7189 } 7190 } 7191 7192 .blu-modal__body[data-v-c206562a] { 7193 max-height: var(--max-height-modal-body); 7194 overflow-x: auto; 7195 color: rgba(25,34,42,.7019607843); 7196 margin-right: 0px; 7197 overscroll-behavior: contain 7198 } 7199 7200 @media screen and (min-width: 769px),print { 7201 .blu-modal__body[data-v-c206562a] { 7202 font:16px/20px "blibli",-apple-system,segoe ui,roboto,helvetica,arial,sans-serif 7203 } 7204 } 7205 7206 @media screen and (max-width: 768px) { 7207 .blu-modal__body[data-v-c206562a] { 7208 font:14px/18px "blibli",-apple-system,segoe ui,roboto,helvetica,arial,sans-serif 7209 } 7210 } 7211 7212 .blu-modal__footer[data-v-c206562a] { 7213 text-align: right 7214 } 7215 7216 @media screen and (max-width: 768px) { 7217 .blu-modal__footer[data-v-c206562a] { 7218 margin-top:auto 7219 } 7220 } 7221 7222 .blu-modal.b-dialog .blu-modal__body[data-v-c206562a] { 7223 margin-bottom: 40px 7224 } 7225 7226 @media screen and (max-width: 768px) { 7227 .blu-modal.b-dialog .blu-modal__body[data-v-c206562a] { 7228 margin-bottom:32px 7229 } 7230 } 7231 7232 .blu-modal.b-dialog .blu-modal__container[data-v-c206562a] { 7233 border-radius: 16px 7234 } 7235 7236 @media screen and (min-width: 769px),print { 7237 .blu-modal.b-dialog .blu-modal__container[data-v-c206562a] { 7238 padding:24px 24px 16px 7239 } 7240 } 7241 7242 @media screen and (max-width: 768px) { 7243 .blu-modal.b-dialog .blu-modal__container[data-v-c206562a] { 7244 padding:24px 24px 16px; 7245 top: 50%; 7246 left: 50%; 7247 -webkit-transform: translate(-50%, -50%); 7248 -moz-transform: translate(-50%, -50%); 7249 -ms-transform: translate(-50%, -50%); 7250 -o-transform: translate(-50%, -50%); 7251 transform: translate(-50%, -50%) 7252 } 7253 } 7254 7255 .blu-modal.b-dialog .blu-modal__container[data-v-c206562a]:before,.blu-modal.b-dialog .blu-modal__container[data-v-c206562a]:after { 7256 content: ""; 7257 width: calc(100% - 60px); 7258 margin: 0 30px; 7259 border-radius: 0 0 24px 24px; 7260 position: absolute; 7261 left: 0 7262 } 7263 7264 .blu-modal.b-dialog .blu-modal__container[data-v-c206562a]:before { 7265 height: 9px; 7266 bottom: -9px; 7267 z-index: 2; 7268 background: linear-gradient(0deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.12) 100%) 7269 } 7270 7271 .blu-modal.b-dialog .blu-modal__container[data-v-c206562a]:after { 7272 height: 16px; 7273 border-top: #fff 1px solid; 7274 bottom: -15px 7275 } 7276 7277 .blu-modal.b-dialog .blu-modal__close[data-v-c206562a] { 7278 display: none 7279 } 7280 7281 .blu-modal.b-dialog.b-info .blu-modal__container[data-v-c206562a]:after { 7282 background-color: #1d05f7 7283 } 7284 7285 .blu-modal.b-dialog.b-success .blu-modal__container[data-v-c206562a]:after { 7286 background-color: #22a334 7287 } 7288 7289 .blu-modal.b-dialog.b-warning .blu-modal__container[data-v-c206562a]:after { 7290 background-color: #ffcd00 7291 } 7292 7293 .blu-modal.b-dialog.b-danger .blu-modal__container[data-v-c206562a]:after { 7294 background-color: #ff4646 7295 } 7296 7297 .blu-modal.b-page .blu-modal__body[data-v-c206562a] { 7298 color: rgba(25,34,42,.7019607843) 7299 } 7300 7301 @media screen and (min-width: 769px),print { 7302 .blu-modal.b-page .blu-modal__body[data-v-c206562a] { 7303 padding:0 24px 7304 } 7305 } 7306 7307 @media screen and (max-width: 768px) { 7308 .blu-modal.b-page .blu-modal__body[data-v-c206562a] { 7309 padding:0 16px; 7310 padding-bottom: calc(env(safe-area-inset-bottom) + 4px); 7311 overflow-y: auto 7312 } 7313 } 7314 7315 .blu-modal.b-page .blu-modal__body[data-v-c206562a]::before { 7316 content: ""; 7317 background: #fff; 7318 height: 20px; 7319 width: 100%; 7320 left: 0; 7321 bottom: 0; 7322 position: fixed 7323 } 7324 7325 @media screen and (min-width: 769px),print { 7326 .blu-modal.b-page .blu-modal__body[data-v-c206562a]::before { 7327 display:none 7328 } 7329 } 7330 7331 @media screen and (min-width: 769px),print { 7332 .blu-modal.b-page .blu-modal__container[data-v-c206562a] { 7333 border-radius:16px; 7334 padding-top: 32px 7335 } 7336 } 7337 7338 @media screen and (max-width: 768px) { 7339 .blu-modal.b-page .blu-modal__container[data-v-c206562a] { 7340 padding-top:24px; 7341 width: 100%; 7342 max-width: 100%; 7343 height: auto; 7344 border-radius: 16px 16px 0 0; 7345 left: 0; 7346 bottom: 0; 7347 padding-top: 24px; 7348 padding-bottom: calc(env(safe-area-inset-bottom) + 16px) 7349 } 7350 } 7351 7352 @media screen and (min-width: 769px),print { 7353 .blu-modal.b-page .blu-modal__footer[data-v-c206562a] { 7354 padding:24px 24px 7355 } 7356 } 7357 7358 @media screen and (max-width: 768px) { 7359 .blu-modal.b-page .blu-modal__footer[data-v-c206562a] { 7360 width:100%; 7361 padding: 16px; 7362 transition: all .3s cubic-bezier(0, 0, 0.2, 1.2); 7363 bottom: 0; 7364 padding-bottom: env(safe-area-inset-bottom); 7365 background: #fff 7366 } 7367 } 7368 7369 .blu-modal.b-page .blu-modal__footer[data-v-c206562a]::before { 7370 content: ""; 7371 background: #fff; 7372 height: 20px; 7373 width: 100%; 7374 left: 0; 7375 bottom: 0; 7376 position: fixed 7377 } 7378 7379 @media screen and (min-width: 769px),print { 7380 .blu-modal.b-page .blu-modal__footer[data-v-c206562a]::before { 7381 display:none 7382 } 7383 } 7384 7385 @media screen and (min-width: 769px),print { 7386 .blu-modal.b-page .blu-modal__header[data-v-c206562a] { 7387 padding:0 24px 7388 } 7389 } 7390 7391 @media screen and (max-width: 768px) { 7392 .blu-modal.b-page .blu-modal__header[data-v-c206562a] { 7393 padding:0 16px 7394 } 7395 } 7396 7397 .blu-modal.b-page .blu-modal__icon[data-v-c206562a] { 7398 display: none 7399 } 7400 7401 @media screen and (max-width: 768px) { 7402 .blu-modal.b-page.fade-enter-active[data-v-c206562a],.blu-modal.b-page.fade-leave-active[data-v-c206562a] { 7403 transition:opacity .3s 7404 } 7405 7406 .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] { 7407 transition: bottom .3s; 7408 transition: all .3s cubic-bezier(0, 0, 0.2, 1.2); 7409 bottom: 0 7410 } 7411 7412 .blu-modal.b-page.fade-enter-active[data-v-c206562a] { 7413 transition: opacity .3s cubic-bezier(0, 0, 0.2, 1.2) 7414 } 7415 7416 .blu-modal.b-page.fade-leave-active[data-v-c206562a] { 7417 transition: opacity .3s cubic-bezier(0.8, 0, 1, 1) 7418 } 7419 7420 .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] { 7421 bottom: -96vh 7422 } 7423 } 7424 7425 .blu-modal.b-no-button .blu-modal__container[data-v-c206562a] { 7426 padding-bottom: 20px 7427 } 7428 7429 @media screen and (max-width: 768px) { 7430 .blu-modal.b-no-button .blu-modal__body[data-v-c206562a] { 7431 padding-bottom:env(safe-area-inset-bottom) 7432 } 7433 } 7434 7435 .blu-modal.b-no-button .blu-modal__footer[data-v-c206562a] { 7436 display: none 7437 } 7438 7439 .fade-enter-active[data-v-c206562a],.fade-leave-active[data-v-c206562a] { 7440 position: absolute; 7441 z-index: 998; 7442 transition: opacity .3s 7443 } 7444 7445 .fade-enter[data-v-c206562a],.fade-leave-to[data-v-c206562a] { 7446 opacity: 0 7447 } 7448 7449 img[data-v-c206562a] { 7450 max-width: 100% 7451 } 7452 7453 .blu-modal.b-dialog .blu-modal__icon[data-v-c206562a] { 7454 width: 40px; 7455 height: 40px; 7456 margin-bottom: 40px 7457 } 7458 7459 @media screen and (max-width: 768px) { 7460 .blu-modal.b-dialog .blu-modal__icon[data-v-c206562a] { 7461 width:24px; 7462 height: 24px; 7463 margin-bottom: 32px 7464 } 7465 } 7466 7467 .blu-modal.b-dialog.b-info .blu-modal__icon[data-v-c206562a] { 7468 background-color: #1d05f7; 7469 -webkit-mask-image: url(data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PSIwIDAgMjQgMjQiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+DQo8cGF0aCBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGNsaXAtcnVsZT0iZXZlbm9kZCIgZD0iTTIgMTJDMiA2LjQ4IDYuNDggMiAxMiAyQzE3LjUyIDIgMjIgNi40OCAyMiAxMkMyMiAxNy41MiAxNy41MiAyMiAxMiAyMkM2LjQ4IDIyIDIgMTcuNTIgMiAxMlpNMTEuOTcgOC43Mzc2NEMxMi43MjY2IDguNzM3NjQgMTMuMzQgOC4xMjQ4IDEzLjM0IDcuMzY4ODJDMTMuMzQgNi42MTI4NCAxMi43MjY2IDYgMTEuOTcgNkMxMS4yMTM0IDYgMTAuNiA2LjYxMjg0IDEwLjYgNy4zNjg4MkMxMC42IDguMTI0OCAxMS4yMTM0IDguNzM3NjQgMTEuOTcgOC43Mzc2NFpNMTEuNDk5OSAxMC4xMDY0SDEyLjQ0OTlDMTIuODQ5OSAxMC4xMDY0IDEzLjE3OTkgMTAuNDM2MiAxMy4xNzk5IDEwLjgzNThWMTcuMjcwM0MxMy4xNzk5IDE3LjY2OTkgMTIuODQ5OSAxNy45OTk2IDEyLjQ0OTkgMTcuOTk5NkgxMS40OTk5QzExLjA5OTkgMTcuOTk5NiAxMC43Njk5IDE3LjY2OTkgMTAuNzY5OSAxNy4yNzAzVjEwLjgzNThDMTAuNzY5OSAxMC40MzYyIDExLjA5OTkgMTAuMTA2NCAxMS40OTk5IDEwLjEwNjRaIiBmaWxsPSIjNzk3Rjg1Ii8+DQo8L3N2Zz4NCg==); 7470 mask-image: url(data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PSIwIDAgMjQgMjQiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+DQo8cGF0aCBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGNsaXAtcnVsZT0iZXZlbm9kZCIgZD0iTTIgMTJDMiA2LjQ4IDYuNDggMiAxMiAyQzE3LjUyIDIgMjIgNi40OCAyMiAxMkMyMiAxNy41MiAxNy41MiAyMiAxMiAyMkM2LjQ4IDIyIDIgMTcuNTIgMiAxMlpNMTEuOTcgOC43Mzc2NEMxMi43MjY2IDguNzM3NjQgMTMuMzQgOC4xMjQ4IDEzLjM0IDcuMzY4ODJDMTMuMzQgNi42MTI4NCAxMi43MjY2IDYgMTEuOTcgNkMxMS4yMTM0IDYgMTAuNiA2LjYxMjg0IDEwLjYgNy4zNjg4MkMxMC42IDguMTI0OCAxMS4yMTM0IDguNzM3NjQgMTEuOTcgOC43Mzc2NFpNMTEuNDk5OSAxMC4xMDY0SDEyLjQ0OTlDMTIuODQ5OSAxMC4xMDY0IDEzLjE3OTkgMTAuNDM2MiAxMy4xNzk5IDEwLjgzNThWMTcuMjcwM0MxMy4xNzk5IDE3LjY2OTkgMTIuODQ5OSAxNy45OTk2IDEyLjQ0OTkgMTcuOTk5NkgxMS40OTk5QzExLjA5OTkgMTcuOTk5NiAxMC43Njk5IDE3LjY2OTkgMTAuNzY5OSAxNy4yNzAzVjEwLjgzNThDMTAuNzY5OSAxMC40MzYyIDExLjA5OTkgMTAuMTA2NCAxMS40OTk5IDEwLjEwNjRaIiBmaWxsPSIjNzk3Rjg1Ii8+DQo8L3N2Zz4NCg==) 7471 } 7472 7473 .blu-modal.b-dialog.b-success .blu-modal__icon[data-v-c206562a] { 7474 background-color: #22a334; 7475 -webkit-m
7475ask-image: url(data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PSIwIDAgMjQgMjQiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+DQo8cGF0aCBkPSJNMTIgMkM2LjQ4IDIgMiA2LjQ4IDIgMTJDMiAxNy41MiA2LjQ4IDIyIDEyIDIyQzE3LjUyIDIyIDIyIDE3LjUyIDIyIDEyQzIyIDYuNDggMTcuNTIgMiAxMiAyWk0xNy4wNSA5LjExTDEyLjA2IDE2LjEyQzExLjg4IDE2LjM3IDExLjYgMTYuNTIgMTEuMjkgMTYuNTRIMTEuMjRDMTAuOTUgMTYuNTQgMTAuNjcgMTYuNDIgMTAuNDggMTYuMTlMNi45OSAxMi4xM0M2LjgyIDExLjkzIDYuNzMgMTEuNjcgNi43NSAxMS40MUM2Ljc3IDExLjE0IDYuODkgMTAuOSA3LjA5IDEwLjczQzcuNTEgMTAuMzcgOC4xNCAxMC40MiA4LjUgMTAuODRMMTEuMTYgMTMuOTNMMTUuNDEgNy45NkMxNS43MyA3LjUxIDE2LjM1IDcuNDEgMTYuOCA3LjczQzE3LjAyIDcuODggMTcuMTYgOC4xMSAxNy4yMSA4LjM4QzE3LjI1IDguNjQgMTcuMTkgOC45MSAxNy4wNCA5LjEyTDE3LjA1IDkuMTFaIiBmaWxsPSIjNzk3Rjg1Ii8+DQo8L3N2Zz4=); 7476 mask-image: url(data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PSIwIDAgMjQgMjQiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+DQo8cGF0aCBkPSJNMTIgMkM2LjQ4IDIgMiA2LjQ4IDIgMTJDMiAxNy41MiA2LjQ4IDIyIDEyIDIyQzE3LjUyIDIyIDIyIDE3LjUyIDIyIDEyQzIyIDYuNDggMTcuNTIgMiAxMiAyWk0xNy4wNSA5LjExTDEyLjA2IDE2LjEyQzExLjg4IDE2LjM3IDExLjYgMTYuNTIgMTEuMjkgMTYuNTRIMTEuMjRDMTAuOTUgMTYuNTQgMTAuNjcgMTYuNDIgMTAuNDggMTYuMTlMNi45OSAxMi4xM0M2LjgyIDExLjkzIDYuNzMgMTEuNjcgNi43NSAxMS40MUM2Ljc3IDExLjE0IDYuODkgMTAuOSA3LjA5IDEwLjczQzcuNTEgMTAuMzcgOC4xNCAxMC40MiA4LjUgMTAuODRMMTEuMTYgMTMuOTNMMTUuNDEgNy45NkMxNS43MyA3LjUxIDE2LjM1IDcuNDEgMTYuOCA3LjczQzE3LjAyIDcuODggMTcuMTYgOC4xMSAxNy4yMSA4LjM4QzE3LjI1IDguNjQgMTcuMTkgOC45MSAxNy4wNCA5LjEyTDE3LjA1IDkuMTFaIiBmaWxsPSIjNzk3Rjg1Ii8+DQo8L3N2Zz4=) 7477 } 7478 7479 .blu-modal.b-dialog.b-warning .blu-modal__icon[data-v-c206562a] { 7480 background-color: #ffcd00; 7481 -webkit-mask-image: url(data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PSIwIDAgMjQgMjQiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+DQo8cGF0aCBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGNsaXAtcnVsZT0iZXZlbm9kZCIgZD0iTTMuODc0MzYgMjFIMjAuMTE0NEgyMC4xMjQ0QzIxLjU1MzUgMjEgMjIuNDUyOSAxOS41MDM1IDIxLjc2MzQgMTguMjg2NEwxMy42NDg0IDMuOTUwMjZDMTIuOTM4OCAyLjY4MzI1IDExLjA2OTkgMi42ODMyNSAxMC4zNjA0IDMuOTUwMjZMMi4yMzUzNyAxOC4yOTY0QzEuNTQ1OCAxOS41MTM1IDIuNDU1MjQgMjEgMy44NzQzNiAyMVpNMTAuOTkgMTMuOTM3NEwxMC43MDAyIDkuMDk4ODdWNy43NTIwNUMxMC43MDAyIDcuMzMzMDQgMTEuMDQgNi45OTM4NCAxMS40NTk3IDYuOTkzODRIMTIuNjA5QzEzLjAyODggNi45OTM4NCAxMy4zNjg2IDcuMzMzMDQgMTMuMzY4NiA3Ljc1MjA1VjkuMTA4ODRMMTMuMDg4NyAxMy45Mjc1QzEzLjA2ODcgMTQuMzI2NSAxMi43Mzg5IDE0LjYzNTggMTIuMzI5MiAxNC42MzU4SDExLjc0OTVDMTEuMzQ5OCAxNC42MzU4IDExLjAyIDE0LjMyNjUgMTAuOTkgMTMuOTI3NVYxMy45Mzc0Wk0xMS45OTk0IDE4Ljk2NTJDMTIuNzg4NyAxOC45NjUyIDEzLjQyODYgMTguMzI2NSAxMy40Mjg2IDE3LjUzODZDMTMuNDI4NiAxNi43NTA3IDEyLjc4ODcgMTYuMTEyIDExLjk5OTQgMTYuMTEyQzExLjIxMDIgMTYuMTEyIDEwLjU3MDMgMTYuNzUwNyAxMC41NzAzIDE3LjUzODZDMTAuNTcwMyAxOC4zMjY1IDExLjIxMDIgMTguOTY1MiAxMS45OTk0IDE4Ljk2NTJaIiBmaWxsPSIjNzk3Rjg1Ii8+DQo8L3N2Zz4NCg==); 7482 mask-image: url(data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PSIwIDAgMjQgMjQiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+DQo8cGF0aCBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGNsaXAtcnVsZT0iZXZlbm9kZCIgZD0iTTMuODc0MzYgMjFIMjAuMTE0NEgyMC4xMjQ0QzIxLjU1MzUgMjEgMjIuNDUyOSAxOS41MDM1IDIxLjc2MzQgMTguMjg2NEwxMy42NDg0IDMuOTUwMjZDMTIuOTM4OCAyLjY4MzI1IDExLjA2OTkgMi42ODMyNSAxMC4zNjA0IDMuOTUwMjZMMi4yMzUzNyAxOC4yOTY0QzEuNTQ1OCAxOS41MTM1IDIuNDU1MjQgMjEgMy44NzQzNiAyMVpNMTAuOTkgMTMuOTM3NEwxMC43MDAyIDkuMDk4ODdWNy43NTIwNUMxMC43MDAyIDcuMzMzMDQgMTEuMDQgNi45OTM4NCAxMS40NTk3IDYuOTkzODRIMTIuNjA5QzEzLjAyODggNi45OTM4NCAxMy4zNjg2IDcuMzMzMDQgMTMuMzY4NiA3Ljc1MjA1VjkuMTA4ODRMMTMuMDg4NyAxMy45Mjc1QzEzLjA2ODcgMTQuMzI2NSAxMi43Mzg5IDE0LjYzNTggMTIuMzI5MiAxNC42MzU4SDExLjc0OTVDMTEuMzQ5OCAxNC42MzU4IDExLjAyIDE0LjMyNjUgMTAuOTkgMTMuOTI3NVYxMy45Mzc0Wk0xMS45OTk0IDE4Ljk2NTJDMTIuNzg4NyAxOC45NjUyIDEzLjQyODYgMTguMzI2NSAxMy40Mjg2IDE3LjUzODZDMTMuNDI4NiAxNi43NTA3IDEyLjc4ODcgMTYuMTEyIDExLjk5OTQgMTYuMTEyQzExLjIxMDIgMTYuMTEyIDEwLjU3MDMgMTYuNzUwNyAxMC41NzAzIDE3LjUzODZDMTAuNTcwMyAxOC4zMjY1IDExLjIxMDIgMTguOTY1MiAxMS45OTk0IDE4Ljk2NTJaIiBmaWxsPSIjNzk3Rjg1Ii8+DQo8L3N2Zz4NCg==) 7483 } 7484 7485 .blu-modal.b-dialog.b-danger .blu-modal__icon[data-v-c206562a] { 7486 background-color: #ff4646; 7487 -webkit-mask-image: url(data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PSIwIDAgMjQgMjQiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+DQo8cGF0aCBkPSJNMTIgMkM2LjQ4IDIgMiA2LjQ4IDIgMTJDMiAxNy41MiA2LjQ4IDIyIDEyIDIyQzE3LjUyIDIyIDIyIDE3LjUyIDIyIDEyQzIyIDYuNDggMTcuNTIgMiAxMiAyWk0xNi4yNCAxNC44M0MxNi42MyAxNS4yMiAxNi42MyAxNS44NSAxNi4yNCAxNi4yNEMxNS44NSAxNi42MyAxNS4yMiAxNi42MyAxNC44MyAxNi4yNEwxMiAxMy40MUw5LjE3IDE2LjI0QzguNzggMTYuNjMgOC4xNSAxNi42MyA3Ljc2IDE2LjI0QzcuMzcgMTUuODUgNy4zNyAxNS4yMiA3Ljc2IDE0LjgzTDEwLjU5IDEyTDcuNzYgOS4xN0M3LjM3IDguNzggNy4zNyA4LjE1IDcuNzYgNy43NkM4LjE1IDcuMzcgOC43OCA3LjM3IDkuMTcgNy43NkwxMiAxMC41OUwxNC44MyA3Ljc2QzE1LjIyIDcuMzcgMTUuODUgNy4zNyAxNi4yNCA3Ljc2QzE2LjYzIDguMTUgMTYuNjMgOC43OCAxNi4yNCA5LjE3TDEzLjQxIDEyTDE2LjI0IDE0LjgzWiIgZmlsbD0iIzc5N0Y4NSIvPg0KPC9zdmc+); 7488 mask-image: url(data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PSIwIDAgMjQgMjQiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+DQo8cGF0aCBkPSJNMTIgMkM2LjQ4IDIgMiA2LjQ4IDIgMTJDMiAxNy41MiA2LjQ4IDIyIDEyIDIyQzE3LjUyIDIyIDIyIDE3LjUyIDIyIDEyQzIyIDYuNDggMTcuNTIgMiAxMiAyWk0xNi4yNCAxNC44M0MxNi42MyAxNS4yMiAxNi42MyAxNS44NSAxNi4yNCAxNi4yNEMxNS44NSAxNi42MyAxNS4yMiAxNi42MyAxNC44MyAxNi4yNEwxMiAxMy40MUw5LjE3IDE2LjI0QzguNzggMTYuNjMgOC4xNSAxNi42MyA3Ljc2IDE2LjI0QzcuMzcgMTUuODUgNy4zNyAxNS4yMiA3Ljc2IDE0LjgzTDEwLjU5IDEyTDcuNzYgOS4xN0M3LjM3IDguNzggNy4zNyA4LjE1IDcuNzYgNy43NkM4LjE1IDcuMzcgOC43OCA3LjM3IDkuMTcgNy43NkwxMiAxMC41OUwxNC44MyA3Ljc2QzE1LjIyIDcuMzcgMTUuODUgNy4zNyAxNi4yNCA3Ljc2QzE2LjYzIDguMTUgMTYuNjMgOC43OCAxNi4yNCA5LjE3TDEzLjQxIDEyTDE2LjI0IDE0LjgzWiIgZmlsbD0iIzc5N0Y4NSIvPg0KPC9zdmc+) 7489 } 7490 7491 @media screen and (max-width: 768px) { 7492 .blu-modal.b-full-screen .blu-modal__container[data-v-c206562a] { 7493 min-height:100%; 7494 border-radius: unset; 7495 padding-top: 0 7496 } 7497 7498 .blu-modal.b-full-screen .blu-modal__close[data-v-c206562a] { 7499 display: none 7500 } 7501 } 7502 </style> 7503 <style type="text/css"> 7504 .blu-ripple[data-v-65e7601e] { 7505 width: 100%; 7506 height: 100%; 7507 position: relative; 7508 overflow: hidden; 7509 display: flex; 7510 justify-content: center; 7511 align-items: center; 7512 -webkit-box-pack: center; 7513 -webkit-box-align: center; 7514 -webkit-mask-image: radial-gradient(circle, #ffffff 100%, #000000 100%); 7515 padding: 0 12px 7516 } 7517 7518 .blu-ripple-wave[data-v-65e7601e] { 7519 position: absolute; 7520 z-index: 1; 7521 pointer-events: none; 7522 background: currentColor; 7523 border-radius: 50%; 7524 opacity: 0; 7525 transform: scale(2) translateZ(0) 7526 } 7527 7528 .blu-ripple-wave.b-centered[data-v-65e7601e] { 7529 animation-duration: 1.2s; 7530 top: 50%; 7531 left: 50% 7532 } 7533 7534 .blu-ripple-wave~*[data-v-65e7601e]:not(.blu-ripple-wave) { 7535 position: relative; 7536 z-index: 2 7537 } 7538 7539 .blu-ripple-enter-active[data-v-65e7601e] { 7540 transition: 2s cubic-bezier(0.25, 0.8, 0.25, 1); 7541 transition-property: opacity,transform; 7542 will-change: opacity,transform 7543 } 7544 7545 .blu-ripple-enter-active.b-centered[data-v-65e7601e] { 7546 transition-duration: 1.2s 7547 } 7548 7549 .blu-ripple-enter[data-v-65e7601e] { 7550 opacity: .26; 7551 transform: scale(0.26) translateZ(0) 7552 } 7553 7554 .has-left-icon .blu-ripple svg[data-v-65e7601e] { 7555 margin-right: 8px 7556 } 7557 7558 .has-left-icon.b-small svg[data-v-65e7601e] { 7559 transform-origin: left; 7560 margin-right: 4px 7561 } 7562 7563 .b-large .blu-ripple[data-v-65e7601e] { 7564 padding: 0 16px 7565 } 7566 7567 .b-small .blu-ripple[data-v-65e7601e] { 7568 padding: 0 8px 7569 } 7570 7571 .b-small svg[data-v-65e7601e] { 7572 width: 18px;
7573 height: 18px 7574 } 7575 7576 .b-icon .blu-ripple[data-v-65e7601e] { 7577 padding: 0 7578 } 7579 7580 .b-loading .blu-loader-wrapper[data-v-65e7601e] { 7581 height: 24px; 7582 position: absolute 7583 } 7584 7585 .b-loading .blu-ripple[data-v-65e7601e] { 7586 color: rgba(0,0,0,0) 7587 } 7588 7589 .b-loading .blu-ripple>svg[data-v-65e7601e] { 7590 visibility: hidden 7591 } 7592 7593 .b-loading .blu-ripple .blu-ripple-wave[data-v-65e7601e] { 7594 color: #fff 7595 } 7596 7597 .b-loading.b-white .blu-ripple-wave[data-v-65e7601e] { 7598 color: #1d05f7 7599 } 7600 7601 .b-loading.b-outline.b-secondary .blu-ripple-wave[data-v-65e7601e] { 7602 color: #1d05f7 7603 } 7604 7605 .b-loading.b-outline.b-primary .blu-ripple-wave[data-v-65e7601e] { 7606 color: #f2b11b 7607 } 7608 7609 .b-loading.b-ghost.b-secondary .blu-ripple-wave[data-v-65e7601e] { 7610 color: #1d05f7 7611 } 7612 7613 .b-loading.b-ghost.b-primary .blu-ripple-wave[data-v-65e7601e] { 7614 color: #f2b11b 7615 } 7616 7617 .blu-input-stepper .blu-btn .blu-ripple[data-v-65e7601e] { 7618 padding: 0; 7619 width: 24px; 7620 height: 24px; 7621 border-radius: 50% 7622 } 7623 7624 .blu-input-stepper .blu-btn .blu-ripple svg[data-v-65e7601e] { 7625 width: 18px; 7626 height: 18px; 7627 margin-left: 1px 7628 } 7629 7630 .blu-input-stepper .blu-btn .blu-ripple-enter-active[data-v-65e7601e] { 7631 background: #1d05f7 7632 } 7633 7634 .b-disabled[data-v-65e7601e] { 7635 opacity: 1 7636 } 7637 7638 .blu-btn-dropdown .blu-ripple>svg+div[data-v-65e7601e] { 7639 margin-left: 8px 7640 } 7641 7642 .blu-modal__mask[data-v-65e7601e] { 7643 transition: opacity .3s ease; 7644 position: fixed; 7645 z-index: 999; 7646 top: 0; 7647 left: 0; 7648 width: 100%; 7649 height: 100%; 7650 background-color: rgba(0,0,0,.6); 7651 display: flex; 7652 flex-direction: column; 7653 justify-content: center; 7654 align-items: center 7655 } 7656 7657 .blu-modal__container[data-v-65e7601e] { 7658 transition: opacity .3s ease; 7659 width: 90%; 7660 max-width: 500px; 7661 max-height: calc(100% - 50px); 7662 height: auto; 7663 background: #fff; 7664 box-shadow: 0 1px 6px 0 rgba(0,0,0,.1); 7665 position: fixed; 7666 z-index: 1000; 7667 display: flex; 7668 flex-direction: column 7669 } 7670 7671 @media screen and (max-width: 768px) { 7672 .blu-modal__container[data-v-65e7601e] { 7673 max-height:calc(100% - 40px) 7674 } 7675 } 7676 7677 @media screen and (min-width: 769px),print { 7678 .blu-modal__container[data-v-65e7601e] { 7679 top:50%; 7680 left: 50%; 7681 -webkit-transform: translate(-50%, -50%); 7682 -moz-transform: translate(-50%, -50%); 7683 -ms-transform: translate(-50%, -50%); 7684 -o-transform: translate(-50%, -50%); 7685 transform: translate(-50%, -50%) 7686 } 7687 } 7688 7689 .blu-modal__heading[data-v-65e7601e] { 7690 font: 24px/28px "blibli demi bold",-apple-system,segoe ui,roboto,helvetica,arial,sans-serif; 7691 margin-bottom: 8px 7692 } 7693 7694 @media screen and (max-width: 768px) { 7695 .blu-modal__heading[data-v-65e7601e] { 7696 font:20px/24px "blibli demi bold",-apple-system,segoe ui,roboto,helvetica,arial,sans-serif; 7697 margin-bottom: 0px 7698 } 7699 } 7700 7701 .blu-modal__body[data-v-65e7601e] { 7702 max-height: var(--max-height-modal-body); 7703 overflow-x: auto; 7704 color: rgba(25,34,42,.7019607843); 7705 margin-right: 0px; 7706 overscroll-behavior: contain 7707 } 7708 7709 @media screen and (min-width: 769px),print { 7710 .blu-modal__body[data-v-65e7601e] { 7711 font:16px/20px "blibli",-apple-system,segoe ui,roboto,helvetica,arial,sans-serif 7712 } 7713 } 7714 7715 @media screen and (max-width: 768px) { 7716 .blu-modal__body[data-v-65e7601e] { 7717 font:14px/18px "blibli",-apple-system,segoe ui,roboto,helvetica,arial,sans-serif 7718 } 7719 } 7720 7721 .blu-modal__footer[data-v-65e7601e] { 7722 text-align: right 7723 } 7724 7725 @media screen and (max-width: 768px) { 7726 .blu-modal__footer[data-v-65e7601e] { 7727 margin-top:auto 7728 } 7729 } 7730 7731 .blu-modal.b-dialog .blu-modal__body[data-v-65e7601e] { 7732 margin-bottom: 40px 7733 } 7734 7735 @media screen and (max-width: 768px) { 7736 .blu-modal.b-dialog .blu-modal__body[data-v-65e7601e] { 7737 margin-bottom:32px 7738 } 7739 } 7740 7741 .blu-modal.b-dialog .blu-modal__container[data-v-65e7601e] { 7742 border-radius: 16px 7743 } 7744 7745 @media screen and (min-width: 769px),print { 7746 .blu-modal.b-dialog .blu-modal__container[data-v-65e7601e] { 7747 padding:24px 24px 16px 7748 } 7749 } 7750 7751 @media screen and (max-width: 768px) { 7752 .blu-modal.b-dialog .blu-modal__container[data-v-65e7601e] { 7753 padding:24px 24px 16px; 7754 top: 50%; 7755 left: 50%; 7756 -webkit-transform: translate(-50%, -50%); 7757 -moz-transform: translate(-50%, -50%); 7758 -ms-transform: translate(-50%, -50%); 7759 -o-transform: translate(-50%, -50%); 7760 transform: translate(-50%, -50%) 7761 } 7762 } 7763 7764 .blu-modal.b-dialog .blu-modal__container[data-v-65e7601e]:before,.blu-modal.b-dialog .blu-modal__container[data-v-65e7601e]:after { 7765 content: ""; 7766 width: calc(100% - 60px); 7767 margin: 0 30px; 7768 border-radius: 0 0 24px 24px; 7769 position: absolute; 7770 left: 0 7771 } 7772 7773 .blu-modal.b-dialog .blu-modal__container[data-v-65e7601e]:before { 7774 height: 9px; 7775 bottom: -9px; 7776 z-index: 2; 7777 background: linear-gradient(0deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.12) 100%) 7778 } 7779 7780 .blu-modal.b-dialog .blu-modal__container[data-v-65e7601e]:after { 7781 height: 16px; 7782 border-top: #fff 1px solid; 7783 bottom: -15px 7784 } 7785 7786 .blu-modal.b-dialog .blu-modal__close[data-v-65e7601e] { 7787 display: none 7788 } 7789 7790 .blu-modal.b-dialog.b-info .blu-modal__container[data-v-65e7601e]:after { 7791 background-color: #1d05f7 7792 } 7793 7794 .blu-modal.b-dialog.b-success .blu-modal__container[data-v-65e7601e]:after { 7795 background-color: #22a334 7796 } 7797 7798 .blu-modal.b-dialog.b-warning .blu-modal__container[data-v-65e7601e]:after { 7799 background-color: #ffcd00 7800 } 7801 7802 .blu-modal.b-dialog.b-danger .blu-modal__container[data-v-65e7601e]:after { 7803 background-color: #ff4646 7804 } 7805 7806 .blu-modal.b-page .blu-modal__body[data-v-65e7601e] { 7807 color: rgba(25,34,42,.7019607843) 7808 } 7809 7810 @media screen and (min-width: 769px),print { 7811 .blu-modal.b-page .blu-modal__body[data-v-65e7601e] { 7812 padding:0 24px 7813 } 7814 } 7815 7816 @media screen and (max-width: 768px) { 7817 .blu-modal.b-page .blu-modal__body[data-v-65e7601e] { 7818 padding:0 16px; 7819 padding-bottom: calc(env(safe-area-inset-bottom) + 4px); 7820 overflow-y: auto 7821 } 7822 } 7823 7824 .blu-modal.b-page .blu-modal__body[data-v-65e7601e]::before { 7825 content: ""; 7826 background: #fff; 7827 height: 20px; 7828 width: 100%; 7829 left: 0; 7830 bottom: 0; 7831 position: fixed 7832 } 7833 7834 @media screen and (min-width: 769px),print { 7835 .blu-modal.b-page .blu-modal__body[data-v-65e7601e]::before { 7836 display:none 7837 } 7838 } 7839 7840 @media screen and (min-width: 769px),print { 7841 .blu-modal.b-page .blu-modal__container[data-v-65e7601e] { 7842 border-radius:16px; 7843 padding-top: 32px 7844 } 7845 } 7846 7847 @media screen and (max-width: 768px) { 7848 .blu-modal.b-page .blu-modal__container[data-v-65e7601e] { 7849 padding-top:24px; 7850 width: 100%; 7851 max-width: 100%; 7852 height: auto; 7853 border-radius: 16px 16px 0 0; 7854 left: 0; 7855 bottom: 0; 7856 padding-top: 24px; 7857 padding-bottom: calc(env(safe-area-inset-bottom) + 16px) 7858 } 7859 } 7860 7861 @media screen and (min-width: 769px),print { 7862 .blu-modal.b-page .blu-modal__footer[data-v-65e7601e] { 7863 padding:24px 24px 7864 } 7865 } 7866 7867 @media screen and (max-width: 768px) { 7868 .blu-modal.b-page .blu-modal__footer[data-v-65e7601e] { 7869 width:100%; 7870 padding: 16px; 7871 transition: all .3s cubic-bezier(0, 0, 0.2, 1.2); 7872 bottom: 0; 7873 padding-bottom: env(safe-area-inset-bottom); 7874 background: #fff 7875 } 7876 } 7877 7878 .blu-modal.b-page .blu-modal__footer[data-v-65e7601e]::before { 7879 content: ""; 7880 background: #fff; 7881 height: 20px; 7882 width: 100%; 7883 left: 0; 7884 bottom: 0; 7885 position: fixed 7886 } 7887 7888 @media screen and (min-width: 769px),print { 7889 .blu-modal.b-page .blu-modal__footer[data-v-65e7601e]::before { 7890 display:none 7891 } 7892 } 7893 7894 @media screen and (min-width: 769px),print { 7895 .blu-modal.b-page .blu-modal__header[data-v-65e7601e] { 7896 padding:0 24px 7897 } 7898 } 7899 7900 @media screen and (max-width: 768px) { 7901 .blu-modal.b-page .blu-modal__header[data-v-65e7601e] { 7902 padding:0 16px 7903 } 7904 } 7905 7906 .blu-modal.b-page .blu-modal__icon[data-v-65e7601e] { 7907 display: none 7908 } 7909 7910 @media screen and (max-width: 768px) { 7911 .blu-modal.b-page.fade-enter-active[data-v-65e7601e],.blu-modal.b-page.fade-leave-active[data-v-65e7601e] { 7912 transition:opacity .3s 7913 } 7914 7915 .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] { 7916 transition: bottom .3s; 7917 transition: all .3s cubic-bezier(0, 0, 0.2, 1.2); 7918 bottom: 0 7919 } 7920 7921 .blu-modal.b-page.fade-enter-active[data-v-65e7601e] { 7922 transition: opacity .3s cubic-bezier(0, 0, 0.2, 1.2) 7923 } 7924 7925 .blu-modal.b-page.fade-leave-active[data-v-65e7601e] { 7926 transition: opacity .3s cubic-bezier(0.8, 0, 1, 1) 7927 } 7928 7929 .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] { 7930 bottom: -96vh 7931 } 7932 } 7933 7934 .blu-modal.b-no-button .blu-modal__container[data-v-65e7601e] { 7935 padding-bottom: 20px 7936 } 7937 7938 @media screen and (max-width: 768px) { 7939 .blu-modal.b-no-button .blu-modal__body[data-v-65e7601e] { 7940 padding-bottom:env(safe-area-inset-bottom) 7941 } 7942 } 7943 7944 .blu-modal.b-no-button .blu-modal__footer[data-v-65e7601e] { 7945 display: none 7946 } 7947 7948 .fade-enter-active[data-v-65e7601e],.fade-leave-active[data-v-65e7601e] { 7949 position: absolute; 7950 z-index: 998; 7951 transition: opacity .3s 7952 } 7953 7954 .fade-enter[data-v-65e7601e],.fade-leave-to[data-v-65e7601e] { 7955 opacity: 0 7956 } 7957 7958 img[data-v-65e7601e] { 7959 max-width: 100% 7960 } 7961 7962 .blu-modal.b-dialog .blu-modal__icon[data-v-65e7601e] { 7963 width: 40px; 7964 height: 40px; 7965 margin-bottom: 40px 7966 } 7967 7968 @media screen and (max-width: 768px) { 7969 .blu-modal.b-dialog .blu-modal__icon[data-v-65e7601e] { 7970 width:24px; 7971 height: 24px; 7972 margin-bottom: 32px 7973 } 7974 } 7975 7976 .blu-modal.b-dialog.b-info .blu-modal__icon[data-v-65e7601e] { 7977 background-color: #1d05f7; 7978 -webkit-mask-image: url(data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PSIwIDAgMjQgMjQiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+DQo8cGF0aCBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGNsaXAtcnVsZT0iZXZlbm9kZCIgZD0iTTIgMTJDMiA2LjQ4IDYuNDggMiAxMiAyQzE3LjUyIDIgMjIgNi40OCAyMiAxMkMyMiAxNy41MiAxNy41MiAyMiAxMiAyMkM2LjQ4IDIyIDIgMTcuNTIgMiAxMlpNMTEuOTcgOC43Mzc2NEMxMi43MjY2IDguNzM3NjQgMTMuMzQgOC4xMjQ4IDEzLjM0IDcuMzY4ODJDMTMuMzQgNi42MTI4NCAxMi43MjY2IDYgMTEuOTcgNkMxMS4yMTM0IDYgMTAuNiA2LjYxMjg0IDEwLjYgNy4zNjg4MkMxMC42IDguMTI0OCAxMS4yMTM0IDguNzM3NjQgMTEuOTcgOC43Mzc2NFpNMTEuNDk5OSAxMC4xMDY0SDEyLjQ0OTlDMTIuODQ5OSAxMC4xMDY0IDEzLjE3OTkgMTAuNDM2MiAxMy4xNzk5IDEwLjgzNThWMTcuMjcwM0MxMy4xNzk5IDE3LjY2OTkgMTIuODQ5OSAxNy45OTk2IDEyLjQ0OTkgMTcuOTk5NkgxMS40OTk5QzExLjA5OTkgMTcuOTk5NiAxMC43Njk5IDE3LjY2OTkgMTAuNzY5OSAxNy4yNzAzVjEwLjgzNThDMTAuNzY5OSAxMC40MzYyIDExLjA5OTkgMTAuMTA2NCAxMS40OTk5IDEwLjEwNjRaIiBmaWxsPSIjNzk3Rjg1Ii8+DQo8L3N2Zz4NCg==); 7979 mask-image: url(data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PSIwIDAgMjQgMjQiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+DQo8cGF0aCBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGNsaXAtcnVsZT0iZXZlbm9kZCIgZD0iTTIgMTJDMiA2LjQ4IDYuNDggMiAxMiAyQzE3LjUyIDIgMjIgNi40OCAyMiAxMkMyMiAxNy41MiAxNy41MiAyMiAxMiAyMkM2LjQ4IDIyIDIgMTcuNTIgMiAxMlpNMTEuOTcgOC43Mzc2NEMxMi43MjY2IDguNzM3NjQgMTMuMzQgOC4xMjQ4IDEzLjM0IDcuMzY4ODJDMTMuMzQgNi42MTI4NCAxMi43MjY2IDYgMTEuOTcgNkMxMS4yMTM0IDYgMTAuNiA2LjYxMjg0IDEwLjYgNy4zNjg4MkMxMC42IDguMTI0OCAxMS4yMTM0IDguNzM3NjQgMTEuOTcgOC43Mzc2NFpNMTEuNDk5OSAxMC4xMDY0SDEyLjQ0OTlDMTIuODQ5OSAxMC4xMDY0IDEzLjE3OTkgMTAuNDM2MiAxMy4xNzk5IDEwLjgzNThWMTcuMjcwM0MxMy4xNzk5IDE3LjY2OTkgMTIuODQ5OSAxNy45OTk2IDEyLjQ0OTkgMTcuOTk5NkgxMS40OTk5QzExLjA5OTkgMTcuOTk5NiAxMC43Njk5IDE3LjY2OTkgMTAuNzY5OSAxNy4yNzAzVjEwLjgzNThDMTAuNzY5OSAxMC40MzYyIDExLjA5OTkgMTAuMTA2NCAxMS40OTk5IDEwLjEwNjRaIiBmaWxsPSIjNzk3Rjg1Ii8+DQo8L3N2Zz4NCg==) 7980 } 7981 7982 .blu-modal.b-dialog.b-success .blu-modal__icon[data-v-65e7601e] { 7983 background-color: #22a334; 7984 -webkit-m
7984ask-image: url(data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PSIwIDAgMjQgMjQiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+DQo8cGF0aCBkPSJNMTIgMkM2LjQ4IDIgMiA2LjQ4IDIgMTJDMiAxNy41MiA2LjQ4IDIyIDEyIDIyQzE3LjUyIDIyIDIyIDE3LjUyIDIyIDEyQzIyIDYuNDggMTcuNTIgMiAxMiAyWk0xNy4wNSA5LjExTDEyLjA2IDE2LjEyQzExLjg4IDE2LjM3IDExLjYgMTYuNTIgMTEuMjkgMTYuNTRIMTEuMjRDMTAuOTUgMTYuNTQgMTAuNjcgMTYuNDIgMTAuNDggMTYuMTlMNi45OSAxMi4xM0M2LjgyIDExLjkzIDYuNzMgMTEuNjcgNi43NSAxMS40MUM2Ljc3IDExLjE0IDYuODkgMTAuOSA3LjA5IDEwLjczQzcuNTEgMTAuMzcgOC4xNCAxMC40MiA4LjUgMTAuODRMMTEuMTYgMTMuOTNMMTUuNDEgNy45NkMxNS43MyA3LjUxIDE2LjM1IDcuNDEgMTYuOCA3LjczQzE3LjAyIDcuODggMTcuMTYgOC4xMSAxNy4yMSA4LjM4QzE3LjI1IDguNjQgMTcuMTkgOC45MSAxNy4wNCA5LjEyTDE3LjA1IDkuMTFaIiBmaWxsPSIjNzk3Rjg1Ii8+DQo8L3N2Zz4=); 7985 mask-image: url(data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PSIwIDAgMjQgMjQiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+DQo8cGF0aCBkPSJNMTIgMkM2LjQ4IDIgMiA2LjQ4IDIgMTJDMiAxNy41MiA2LjQ4IDIyIDEyIDIyQzE3LjUyIDIyIDIyIDE3LjUyIDIyIDEyQzIyIDYuNDggMTcuNTIgMiAxMiAyWk0xNy4wNSA5LjExTDEyLjA2IDE2LjEyQzExLjg4IDE2LjM3IDExLjYgMTYuNTIgMTEuMjkgMTYuNTRIMTEuMjRDMTAuOTUgMTYuNTQgMTAuNjcgMTYuNDIgMTAuNDggMTYuMTlMNi45OSAxMi4xM0M2LjgyIDExLjkzIDYuNzMgMTEuNjcgNi43NSAxMS40MUM2Ljc3IDExLjE0IDYuODkgMTAuOSA3LjA5IDEwLjczQzcuNTEgMTAuMzcgOC4xNCAxMC40MiA4LjUgMTAuODRMMTEuMTYgMTMuOTNMMTUuNDEgNy45NkMxNS43MyA3LjUxIDE2LjM1IDcuNDEgMTYuOCA3LjczQzE3LjAyIDcuODggMTcuMTYgOC4xMSAxNy4yMSA4LjM4QzE3LjI1IDguNjQgMTcuMTkgOC45MSAxNy4wNCA5LjEyTDE3LjA1IDkuMTFaIiBmaWxsPSIjNzk3Rjg1Ii8+DQo8L3N2Zz4=) 7986 } 7987 7988 .blu-modal.b-dialog.b-warning .blu-modal__icon[data-v-65e7601e] { 7989 background-color: #ffcd00; 7990 -webkit-mask-image: url(data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PSIwIDAgMjQgMjQiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+DQo8cGF0aCBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGNsaXAtcnVsZT0iZXZlbm9kZCIgZD0iTTMuODc0MzYgMjFIMjAuMTE0NEgyMC4xMjQ0QzIxLjU1MzUgMjEgMjIuNDUyOSAxOS41MDM1IDIxLjc2MzQgMTguMjg2NEwxMy42NDg0IDMuOTUwMjZDMTIuOTM4OCAyLjY4MzI1IDExLjA2OTkgMi42ODMyNSAxMC4zNjA0IDMuOTUwMjZMMi4yMzUzNyAxOC4yOTY0QzEuNTQ1OCAxOS41MTM1IDIuNDU1MjQgMjEgMy44NzQzNiAyMVpNMTAuOTkgMTMuOTM3NEwxMC43MDAyIDkuMDk4ODdWNy43NTIwNUMxMC43MDAyIDcuMzMzMDQgMTEuMDQgNi45OTM4NCAxMS40NTk3IDYuOTkzODRIMTIuNjA5QzEzLjAyODggNi45OTM4NCAxMy4zNjg2IDcuMzMzMDQgMTMuMzY4NiA3Ljc1MjA1VjkuMTA4ODRMMTMuMDg4NyAxMy45Mjc1QzEzLjA2ODcgMTQuMzI2NSAxMi43Mzg5IDE0LjYzNTggMTIuMzI5MiAxNC42MzU4SDExLjc0OTVDMTEuMzQ5OCAxNC42MzU4IDExLjAyIDE0LjMyNjUgMTAuOTkgMTMuOTI3NVYxMy45Mzc0Wk0xMS45OTk0IDE4Ljk2NTJDMTIuNzg4NyAxOC45NjUyIDEzLjQyODYgMTguMzI2NSAxMy40Mjg2IDE3LjUzODZDMTMuNDI4NiAxNi43NTA3IDEyLjc4ODcgMTYuMTEyIDExLjk5OTQgMTYuMTEyQzExLjIxMDIgMTYuMTEyIDEwLjU3MDMgMTYuNzUwNyAxMC41NzAzIDE3LjUzODZDMTAuNTcwMyAxOC4zMjY1IDExLjIxMDIgMTguOTY1MiAxMS45OTk0IDE4Ljk2NTJaIiBmaWxsPSIjNzk3Rjg1Ii8+DQo8L3N2Zz4NCg==); 7991 mask-image: url(data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PSIwIDAgMjQgMjQiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+DQo8cGF0aCBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGNsaXAtcnVsZT0iZXZlbm9kZCIgZD0iTTMuODc0MzYgMjFIMjAuMTE0NEgyMC4xMjQ0QzIxLjU1MzUgMjEgMjIuNDUyOSAxOS41MDM1IDIxLjc2MzQgMTguMjg2NEwxMy42NDg0IDMuOTUwMjZDMTIuOTM4OCAyLjY4MzI1IDExLjA2OTkgMi42ODMyNSAxMC4zNjA0IDMuOTUwMjZMMi4yMzUzNyAxOC4yOTY0QzEuNTQ1OCAxOS41MTM1IDIuNDU1MjQgMjEgMy44NzQzNiAyMVpNMTAuOTkgMTMuOTM3NEwxMC43MDAyIDkuMDk4ODdWNy43NTIwNUMxMC43MDAyIDcuMzMzMDQgMTEuMDQgNi45OTM4NCAxMS40NTk3IDYuOTkzODRIMTIuNjA5QzEzLjAyODggNi45OTM4NCAxMy4zNjg2IDcuMzMzMDQgMTMuMzY4NiA3Ljc1MjA1VjkuMTA4ODRMMTMuMDg4NyAxMy45Mjc1QzEzLjA2ODcgMTQuMzI2NSAxMi43Mzg5IDE0LjYzNTggMTIuMzI5MiAxNC42MzU4SDExLjc0OTVDMTEuMzQ5OCAxNC42MzU4IDExLjAyIDE0LjMyNjUgMTAuOTkgMTMuOTI3NVYxMy45Mzc0Wk0xMS45OTk0IDE4Ljk2NTJDMTIuNzg4NyAxOC45NjUyIDEzLjQyODYgMTguMzI2NSAxMy40Mjg2IDE3LjUzODZDMTMuNDI4NiAxNi43NTA3IDEyLjc4ODcgMTYuMTEyIDExLjk5OTQgMTYuMTEyQzExLjIxMDIgMTYuMTEyIDEwLjU3MDMgMTYuNzUwNyAxMC41NzAzIDE3LjUzODZDMTAuNTcwMyAxOC4zMjY1IDExLjIxMDIgMTguOTY1MiAxMS45OTk0IDE4Ljk2NTJaIiBmaWxsPSIjNzk3Rjg1Ii8+DQo8L3N2Zz4NCg==) 7992 } 7993 7994 .blu-modal.b-dialog.b-danger .blu-modal__icon[data-v-65e7601e] { 7995 background-color: #ff4646; 7996 -webkit-mask-image: url(data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PSIwIDAgMjQgMjQiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+DQo8cGF0aCBkPSJNMTIgMkM2LjQ4IDIgMiA2LjQ4IDIgMTJDMiAxNy41MiA2LjQ4IDIyIDEyIDIyQzE3LjUyIDIyIDIyIDE3LjUyIDIyIDEyQzIyIDYuNDggMTcuNTIgMiAxMiAyWk0xNi4yNCAxNC44M0MxNi42MyAxNS4yMiAxNi42MyAxNS44NSAxNi4yNCAxNi4yNEMxNS44NSAxNi42MyAxNS4yMiAxNi42MyAxNC44MyAxNi4yNEwxMiAxMy40MUw5LjE3IDE2LjI0QzguNzggMTYuNjMgOC4xNSAxNi42MyA3Ljc2IDE2LjI0QzcuMzcgMTUuODUgNy4zNyAxNS4yMiA3Ljc2IDE0LjgzTDEwLjU5IDEyTDcuNzYgOS4xN0M3LjM3IDguNzggNy4zNyA4LjE1IDcuNzYgNy43NkM4LjE1IDcuMzcgOC43OCA3LjM3IDkuMTcgNy43NkwxMiAxMC41OUwxNC44MyA3Ljc2QzE1LjIyIDcuMzcgMTUuODUgNy4zNyAxNi4yNCA3Ljc2QzE2LjYzIDguMTUgMTYuNjMgOC43OCAxNi4yNCA5LjE3TDEzLjQxIDEyTDE2LjI0IDE0LjgzWiIgZmlsbD0iIzc5N0Y4NSIvPg0KPC9zdmc+); 7997 mask-image: url(data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PSIwIDAgMjQgMjQiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+DQo8cGF0aCBkPSJNMTIgMkM2LjQ4IDIgMiA2LjQ4IDIgMTJDMiAxNy41MiA2LjQ4IDIyIDEyIDIyQzE3LjUyIDIyIDIyIDE3LjUyIDIyIDEyQzIyIDYuNDggMTcuNTIgMiAxMiAyWk0xNi4yNCAxNC44M0MxNi42MyAxNS4yMiAxNi42MyAxNS44NSAxNi4yNCAxNi4yNEMxNS44NSAxNi42MyAxNS4yMiAxNi42MyAxNC44MyAxNi4yNEwxMiAxMy40MUw5LjE3IDE2LjI0QzguNzggMTYuNjMgOC4xNSAxNi42MyA3Ljc2IDE2LjI0QzcuMzcgMTUuODUgNy4zNyAxNS4yMiA3Ljc2IDE0LjgzTDEwLjU5IDEyTDcuNzYgOS4xN0M3LjM3IDguNzggNy4zNyA4LjE1IDcuNzYgNy43NkM4LjE1IDcuMzcgOC43OCA3LjM3IDkuMTcgNy43NkwxMiAxMC41OUwxNC44MyA3Ljc2QzE1LjIyIDcuMzcgMTUuODUgNy4zNyAxNi4yNCA3Ljc2QzE2LjYzIDguMTUgMTYuNjMgOC43OCAxNi4yNCA5LjE3TDEzLjQxIDEyTDE2LjI0IDE0LjgzWiIgZmlsbD0iIzc5N0Y4NSIvPg0KPC9zdmc+) 7998 } 7999 8000 @media screen and (max-width: 768px) { 8001 .blu-modal.b-full-screen .blu-modal__container[data-v-65e7601e] { 8002 min-height:100%; 8003 border-radius: unset; 8004 padding-top: 0 8005 } 8006 8007 .blu-modal.b-full-screen .blu-modal__close[data-v-65e7601e] { 8008 display: none 8009 } 8010 } 8011 </style> 8012 <style type="text/css"> 8013 .blu-ripple[data-v-6ada375c] { 8014 width: 100%; 8015 height: 100%; 8016 position: relative; 8017 overflow: hidden; 8018 display: flex; 8019 justify-content: center; 8020 align-items: center; 8021 -webkit-box-pack: center; 8022 -webkit-box-align: center; 8023 -webkit-mask-image: radial-gradient(circle, #ffffff 100%, #000000 100%); 8024 padding: 0 12px 8025 } 8026 8027 .blu-ripple-wave[data-v-6ada375c] { 8028 position: absolute; 8029 z-index: 1; 8030 pointer-events: none; 8031 background: currentColor; 8032 border-radius: 50%; 8033 opacity: 0; 8034 transform: scale(2) translateZ(0) 8035 } 8036 8037 .blu-ripple-wave.b-centered[data-v-6ada375c] { 8038 animation-duration: 1.2s; 8039 top: 50%; 8040 left: 50% 8041 } 8042
8043 .blu-ripple-wave~*[data-v-6ada375c]:not(.blu-ripple-wave) { 8044 position: relative; 8045 z-index: 2 8046 } 8047 8048 .blu-ripple-enter-active[data-v-6ada375c] { 8049 transition: 2s cubic-bezier(0.25, 0.8, 0.25, 1); 8050 transition-property: opacity,transform; 8051 will-change: opacity,transform 8052 } 8053 8054 .blu-ripple-enter-active.b-centered[data-v-6ada375c] { 8055 transition-duration: 1.2s 8056 } 8057 8058 .blu-ripple-enter[data-v-6ada375c] { 8059 opacity: .26; 8060 transform: scale(0.26) translateZ(0) 8061 } 8062 8063 .has-left-icon .blu-ripple svg[data-v-6ada375c] { 8064 margin-right: 8px 8065 } 8066 8067 .has-left-icon.b-small svg[data-v-6ada375c] { 8068 transform-origin: left; 8069 margin-right: 4px 8070 } 8071 8072 .b-large .blu-ripple[data-v-6ada375c] { 8073 padding: 0 16px 8074 } 8075 8076 .b-small .blu-ripple[data-v-6ada375c] { 8077 padding: 0 8px 8078 } 8079 8080 .b-small svg[data-v-6ada375c] { 8081 width: 18px; 8082 height: 18px 8083 } 8084 8085 .b-icon .blu-ripple[data-v-6ada375c] { 8086 padding: 0 8087 } 8088 8089 .b-loading .blu-loader-wrapper[data-v-6ada375c] { 8090 height: 24px; 8091 position: absolute 8092 } 8093 8094 .b-loading .blu-ripple[data-v-6ada375c] { 8095 color: rgba(0,0,0,0) 8096 } 8097 8098 .b-loading .blu-ripple>svg[data-v-6ada375c] { 8099 visibility: hidden 8100 } 8101 8102 .b-loading .blu-ripple .blu-ripple-wave[data-v-6ada375c] { 8103 color: #fff 8104 } 8105 8106 .b-loading.b-white .blu-ripple-wave[data-v-6ada375c] { 8107 color: #1d05f7 8108 } 8109 8110 .b-loading.b-outline.b-secondary .blu-ripple-wave[data-v-6ada375c] { 8111 color: #1d05f7 8112 } 8113 8114 .b-loading.b-outline.b-primary .blu-ripple-wave[data-v-6ada375c] { 8115 color: #f2b11b 8116 } 8117 8118 .b-loading.b-ghost.b-secondary .blu-ripple-wave[data-v-6ada375c] { 8119 color: #1d05f7 8120 } 8121 8122 .b-loading.b-ghost.b-primary .blu-ripple-wave[data-v-6ada375c] { 8123 color: #f2b11b 8124 } 8125 8126 .blu-input-stepper .blu-btn .blu-ripple[data-v-6ada375c] { 8127 padding: 0; 8128 width: 24px; 8129 height: 24px; 8130 border-radius: 50% 8131 } 8132 8133 .blu-input-stepper .blu-btn .blu-ripple svg[data-v-6ada375c] { 8134 width: 18px; 8135 height: 18px; 8136 margin-left: 1px 8137 } 8138 8139 .blu-input-stepper .blu-btn .blu-ripple-enter-active[data-v-6ada375c] { 8140 background: #1d05f7 8141 } 8142 8143 .b-disabled[data-v-6ada375c] { 8144 opacity: 1 8145 } 8146 8147 .blu-btn-dropdown .blu-ripple>svg+div[data-v-6ada375c] { 8148 margin-left: 8px 8149 } 8150 8151 .blu-modal__mask[data-v-6ada375c] { 8152 transition: opacity .3s ease; 8153 position: fixed; 8154 z-index: 999; 8155 top: 0; 8156 left: 0; 8157 width: 100%; 8158 height: 100%; 8159 background-color: rgba(0,0,0,.6); 8160 display: flex; 8161 flex-direction: column; 8162 justify-content: center; 8163 align-items: center 8164 } 8165 8166 .blu-modal__container[data-v-6ada375c] { 8167 transition: opacity .3s ease; 8168 width: 90%; 8169 max-width: 500px; 8170 max-height: calc(100% - 50px); 8171 height: auto; 8172 background: #fff; 8173 box-shadow: 0 1px 6px 0 rgba(0,0,0,.1); 8174 position: fixed; 8175 z-index: 1000; 8176 display: flex; 8177 flex-direction: column 8178 } 8179 8180 @media screen and (max-width: 768px) { 8181 .blu-modal__container[data-v-6ada375c] { 8182 max-height:calc(100% - 40px) 8183 } 8184 } 8185 8186 @media screen and (min-width: 769px),print { 8187 .blu-modal__container[data-v-6ada375c] { 8188 top:50%; 8189 left: 50%; 8190 -webkit-transform: translate(-50%, -50%); 8191 -moz-transform: translate(-50%, -50%); 8192 -ms-transform: translate(-50%, -50%); 8193 -o-transform: translate(-50%, -50%); 8194 transform: translate(-50%, -50%) 8195 } 8196 } 8197 8198 .blu-modal__heading[data-v-6ada375c] { 8199 font: 24px/28px "blibli demi bold",-apple-system,segoe ui,roboto,helvetica,arial,sans-serif; 8200 margin-bottom: 8px 8201 } 8202 8203 @media screen and (max-width: 768px) { 8204 .blu-modal__heading[data-v-6ada375c] { 8205 font:20px/24px "blibli demi bold",-apple-system,segoe ui,roboto,helvetica,arial,sans-serif; 8206 margin-bottom: 0px 8207 } 8208 } 8209 8210 .blu-modal__body[data-v-6ada375c] { 8211 max-height: var(--max-height-modal-body); 8212 overflow-x: auto; 8213 color: rgba(25,34,42,.7019607843); 8214 margin-right: 0px; 8215 overscroll-behavior: contain 8216 } 8217 8218 @media screen and (min-width: 769px),print { 8219 .blu-modal__body[data-v-6ada375c] { 8220 font:16px/20px "blibli",-apple-system,segoe ui,roboto,helvetica,arial,sans-serif 8221 } 8222 } 8223 8224 @media screen and (max-width: 768px) { 8225 .blu-modal__body[data-v-6ada375c] { 8226 font:14px/18px "blibli",-apple-system,segoe ui,roboto,helvetica,arial,sans-serif 8227 } 8228 } 8229 8230 .blu-modal__footer[data-v-6ada375c] { 8231 text-align: right 8232 } 8233 8234 @media screen and (max-width: 768px) { 8235 .blu-modal__footer[data-v-6ada375c] { 8236 margin-top:auto 8237 } 8238 } 8239 8240 .blu-modal.b-dialog .blu-modal__body[data-v-6ada375c] { 8241 margin-bottom: 40px 8242 } 8243 8244 @media screen and (max-width: 768px) { 8245 .blu-modal.b-dialog .blu-modal__body[data-v-6ada375c] { 8246 margin-bottom:32px 8247 } 8248 } 8249 8250 .blu-modal.b-dialog .blu-modal__container[data-v-6ada375c] { 8251 border-radius: 16px 8252 } 8253 8254 @media screen and (min-width: 769px),print { 8255 .blu-modal.b-dialog .blu-modal__container[data-v-6ada375c] { 8256 padding:24px 24px 16px 8257 } 8258 } 8259 8260 @media screen and (max-width: 768px) { 8261 .blu-modal.b-dialog .blu-modal__container[data-v-6ada375c] { 8262 padding:24px 24px 16px; 8263 top: 50%; 8264 left: 50%; 8265 -webkit-transform: translate(-50%, -50%); 8266 -moz-transform: translate(-50%, -50%); 8267 -ms-transform: translate(-50%, -50%); 8268 -o-transform: translate(-50%, -50%); 8269 transform: translate(-50%, -50%) 8270 } 8271 } 8272 8273 .blu-modal.b-dialog .blu-modal__container[data-v-6ada375c]:before,.blu-modal.b-dialog .blu-modal__container[data-v-6ada375c]:after { 8274 content: ""; 8275 width: calc(100% - 60px); 8276 margin: 0 30px; 8277 border-radius: 0 0 24px 24px; 8278 position: absolute; 8279 left: 0 8280 } 8281 8282 .blu-modal.b-dialog .blu-modal__container[data-v-6ada375c]:before { 8283 height: 9px; 8284 bottom: -9px; 8285 z-index: 2; 8286 background: linear-gradient(0deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.12) 100%) 8287 } 8288 8289 .blu-modal.b-dialog .blu-modal__container[data-v-6ada375c]:after { 8290 height: 16px; 8291 border-top: #fff 1px solid; 8292 bottom: -15px 8293 } 8294 8295 .blu-modal.b-dialog .blu-modal__close[data-v-6ada375c] { 8296 display: none 8297 } 8298 8299 .blu-modal.b-dialog.b-info .blu-modal__container[data-v-6ada375c]:after { 8300 background-color: #1d05f7 8301 } 8302 8303 .blu-modal.b-dialog.b-success .blu-modal__container[data-v-6ada375c]:after { 8304 background-color: #22a334 8305 } 8306 8307 .blu-modal.b-dialog.b-warning .blu-modal__container[data-v-6ada375c]:after { 8308 background-color: #ffcd00 8309 } 8310 8311 .blu-modal.b-dialog.b-danger .blu-modal__container[data-v-6ada375c]:after { 8312 background-color: #ff4646 8313 } 8314 8315 .blu-modal.b-page .blu-modal__body[data-v-6ada375c] { 8316 color: rgba(25,34,42,.7019607843) 8317 } 8318 8319 @media screen and (min-width: 769px),print { 8320 .blu-modal.b-page .blu-modal__body[data-v-6ada375c] { 8321 padding:0 24px 8322 } 8323 } 8324 8325 @media screen and (max-width: 768px) { 8326 .blu-modal.b-page .blu-modal__body[data-v-6ada375c] { 8327 padding:0 16px; 8328 padding-bottom: calc(env(safe-area-inset-bottom) + 4px); 8329 overflow-y: auto 8330 } 8331 } 8332 8333 .blu-modal.b-page .blu-modal__body[data-v-6ada375c]::before { 8334 content: ""; 8335 background: #fff; 8336 height: 20px; 8337 width: 100%; 8338 left: 0; 8339 bottom: 0; 8340 position: fixed 8341 } 8342 8343 @media screen and (min-width: 769px),print { 8344 .blu-modal.b-page .blu-modal__body[data-v-6ada375c]::before { 8345 display:none 8346 } 8347 } 8348 8349 @media screen and (min-width: 769px),print { 8350 .blu-modal.b-page .blu-modal__container[data-v-6ada375c] { 8351 border-radius:16px; 8352 padding-top: 32px 8353 } 8354 } 8355 8356 @media screen and (max-width: 768px) { 8357 .blu-modal.b-page .blu-modal__container[data-v-6ada375c] { 8358 padding-top:24px; 8359 width: 100%; 8360 max-width: 100%; 8361 height: auto; 8362 border-radius: 16px 16px 0 0; 8363 left: 0; 8364 bottom: 0; 8365 padding-top: 24px; 8366 padding-bottom: calc(env(safe-area-inset-bottom) + 16px) 8367 } 8368 } 8369 8370 @media screen and (min-width: 769px),print { 8371 .blu-modal.b-page .blu-modal__footer[data-v-6ada375c] { 8372 padding:24px 24px 8373 } 8374 } 8375 8376 @media screen and (max-width: 768px) { 8377 .blu-modal.b-page .blu-modal__footer[data-v-6ada375c] { 8378 width:100%; 8379 padding: 16px; 8380 transition: all .3s cubic-bezier(0, 0, 0.2, 1.2); 8381 bottom: 0; 8382 padding-bottom: env(safe-area-inset-bottom); 8383 background: #fff 8384 } 8385 } 8386 8387 .blu-modal.b-page .blu-modal__footer[data-v-6ada375c]::before { 8388 content: ""; 8389 background: #fff; 8390 height: 20px; 8391 width: 100%; 8392 left: 0; 8393 bottom: 0; 8394 position: fixed 8395 } 8396 8397 @media screen and (min-width: 769px),print { 8398 .blu-modal.b-page .blu-modal__footer[data-v-6ada375c]::before { 8399 display:none 8400 } 8401 } 8402 8403 @media screen and (min-width: 769px),print { 8404 .blu-modal.b-page .blu-modal__header[data-v-6ada375c] { 8405 padding:0 24px 8406 } 8407 } 8408 8409 @media screen and (max-width: 768px) { 8410 .blu-modal.b-page .blu-modal__header[data-v-6ada375c] { 8411 padding:0 16px 8412 } 8413 } 8414 8415 .blu-modal.b-page .blu-modal__icon[data-v-6ada375c] { 8416 display: none 8417 } 8418 8419 @media screen and (max-width: 768px) { 8420 .blu-modal.b-page.fade-enter-active[data-v-6ada375c],.blu-modal.b-page.fade-leave-active[data-v-6ada375c] { 8421 transition:opacity .3s 8422 } 8423 8424 .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] { 8425 transition: bottom .3s; 8426 transition: all .3s cubic-bezier(0, 0, 0.2, 1.2); 8427 bottom: 0 8428 } 8429 8430 .blu-modal.b-page.fade-enter-active[data-v-6ada375c] { 8431 transition: opacity .3s cubic-bezier(0, 0, 0.2, 1.2) 8432 } 8433 8434 .blu-modal.b-page.fade-leave-active[data-v-6ada375c] { 8435 transition: opacity .3s cubic-bezier(0.8, 0, 1, 1) 8436 } 8437 8438 .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] { 8439 bottom: -96vh 8440 } 8441 } 8442 8443 .blu-modal.b-no-button .blu-modal__container[data-v-6ada375c] { 8444 padding-bottom: 20px 8445 } 8446 8447 @media screen and (max-width: 768px) { 8448 .blu-modal.b-no-button .blu-modal__body[data-v-6ada375c] { 8449 padding-bottom:env(safe-area-inset-bottom) 8450 } 8451 } 8452 8453 .blu-modal.b-no-button .blu-modal__footer[data-v-6ada375c] { 8454 display: none 8455 } 8456 8457 .fade-enter-active[data-v-6ada375c],.fade-leave-active[data-v-6ada375c] { 8458 position: absolute; 8459 z-index: 998; 8460 transition: opacity .3s 8461 } 8462 8463 .fade-enter[data-v-6ada375c],.fade-leave-to[data-v-6ada375c] { 8464 opacity: 0 8465 } 8466 8467 img[data-v-6ada375c] { 8468 max-width: 100% 8469 } 8470 8471 .blu-modal.b-dialog .blu-modal__icon[data-v-6ada375c] { 8472 width: 40px; 8473 height: 40px; 8474 margin-bottom: 40px 8475 } 8476 8477 @media screen and (max-width: 768px) { 8478 .blu-modal.b-dialog .blu-modal__icon[data-v-6ada375c] { 8479 width:24px; 8480 height: 24px; 8481 margin-bottom: 32px 8482 } 8483 } 8484 8485 .blu-modal.b-dialog.b-info .blu-modal__icon[data-v-6ada375c] { 8486 background-color: #1d05f7; 8487 -webkit-mask-image: url(data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PSIwIDAgMjQgMjQiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+DQo8cGF0aCBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGNsaXAtcnVsZT0iZXZlbm9kZCIgZD0iTTIgMTJDMiA2LjQ4IDYuNDggMiAxMiAyQzE3LjUyIDIgMjIgNi40OCAyMiAxMkMyMiAxNy41MiAxNy41MiAyMiAxMiAyMkM2LjQ4IDIyIDIgMTcuNTIgMiAxMlpNMTEuOTcgOC43Mzc2NEMxMi43MjY2IDguNzM3NjQgMTMuMzQgOC4xMjQ4IDEzLjM0IDcuMzY4ODJDMTMuMzQgNi42MTI4NCAxMi43MjY2IDYgMTEuOTcgNkMxMS4yMTM0IDYgMTAuNiA2LjYxMjg0IDEwLjYgNy4zNjg4MkMxMC42IDguMTI0OCAxMS4yMTM0IDguNzM3NjQgMTEuOTcgOC43Mzc2NFpNMTEuNDk5OSAxMC4xMDY0SDEyLjQ0OTlDMTIuODQ5OSAxMC4xMDY0IDEzLjE3OTkgMTAuNDM2MiAxMy4xNzk5IDEwLjgzNThWMTcuMjcwM0MxMy4xNzk5IDE3LjY2OTkgMTIuODQ5OSAxNy45OTk2IDEyLjQ0OTkgMTcuOTk5NkgxMS40OTk5QzExLjA5OTkgMTcuOTk5NiAxMC43Njk5IDE3LjY2OTkgMTAuNzY5OSA
8487xNy4yNzAzVjEwLjgzNThDMTAuNzY5OSAxMC40MzYyIDExLjA5OTkgMTAuMTA2NCAxMS40OTk5IDEwLjEwNjRaIiBmaWxsPSIjNzk3Rjg1Ii8+DQo8L3N2Zz4NCg==); 8488 mask-image: url(data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PSIwIDAgMjQgMjQiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+DQo8cGF0aCBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGNsaXAtcnVsZT0iZXZlbm9kZCIgZD0iTTIgMTJDMiA2LjQ4IDYuNDggMiAxMiAyQzE3LjUyIDIgMjIgNi40OCAyMiAxMkMyMiAxNy41MiAxNy41MiAyMiAxMiAyMkM2LjQ4IDIyIDIgMTcuNTIgMiAxMlpNMTEuOTcgOC43Mzc2NEMxMi43MjY2IDguNzM3NjQgMTMuMzQgOC4xMjQ4IDEzLjM0IDcuMzY4ODJDMTMuMzQgNi42MTI4NCAxMi43MjY2IDYgMTEuOTcgNkMxMS4yMTM0IDYgMTAuNiA2LjYxMjg0IDEwLjYgNy4zNjg4MkMxMC42IDguMTI0OCAxMS4yMTM0IDguNzM3NjQgMTEuOTcgOC43Mzc2NFpNMTEuNDk5OSAxMC4xMDY0SDEyLjQ0OTlDMTIuODQ5OSAxMC4xMDY0IDEzLjE3OTkgMTAuNDM2MiAxMy4xNzk5IDEwLjgzNThWMTcuMjcwM0MxMy4xNzk5IDE3LjY2OTkgMTIuODQ5OSAxNy45OTk2IDEyLjQ0OTkgMTcuOTk5NkgxMS40OTk5QzExLjA5OTkgMTcuOTk5NiAxMC43Njk5IDE3LjY2OTkgMTAuNzY5OSAxNy4yNzAzVjEwLjgzNThDMTAuNzY5OSAxMC40MzYyIDExLjA5OTkgMTAuMTA2NCAxMS40OTk5IDEwLjEwNjRaIiBmaWxsPSIjNzk3Rjg1Ii8+DQo8L3N2Zz4NCg==) 8489 } 8490 8491 .blu-modal.b-dialog.b-success .blu-modal__icon[data-v-6ada375c] { 8492 background-color: #22a334; 8493 -webkit-mask-image: url(data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PSIwIDAgMjQgMjQiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+DQo8cGF0aCBkPSJNMTIgMkM2LjQ4IDIgMiA2LjQ4IDIgMTJDMiAxNy41MiA2LjQ4IDIyIDEyIDIyQzE3LjUyIDIyIDIyIDE3LjUyIDIyIDEyQzIyIDYuNDggMTcuNTIgMiAxMiAyWk0xNy4wNSA5LjExTDEyLjA2IDE2LjEyQzExLjg4IDE2LjM3IDExLjYgMTYuNTIgMTEuMjkgMTYuNTRIMTEuMjRDMTAuOTUgMTYuNTQgMTAuNjcgMTYuNDIgMTAuNDggMTYuMTlMNi45OSAxMi4xM0M2LjgyIDExLjkzIDYuNzMgMTEuNjcgNi43NSAxMS40MUM2Ljc3IDExLjE0IDYuODkgMTAuOSA3LjA5IDEwLjczQzcuNTEgMTAuMzcgOC4xNCAxMC40MiA4LjUgMTAuODRMMTEuMTYgMTMuOTNMMTUuNDEgNy45NkMxNS43MyA3LjUxIDE2LjM1IDcuNDEgMTYuOCA3LjczQzE3LjAyIDcuODggMTcuMTYgOC4xMSAxNy4yMSA4LjM4QzE3LjI1IDguNjQgMTcuMTkgOC45MSAxNy4wNCA5LjEyTDE3LjA1IDkuMTFaIiBmaWxsPSIjNzk3Rjg1Ii8+DQo8L3N2Zz4=); 8494 mask-image: url(data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PSIwIDAgMjQgMjQiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+DQo8cGF0aCBkPSJNMTIgMkM2LjQ4IDIgMiA2LjQ4IDIgMTJDMiAxNy41MiA2LjQ4IDIyIDEyIDIyQzE3LjUyIDIyIDIyIDE3LjUyIDIyIDEyQzIyIDYuNDggMTcuNTIgMiAxMiAyWk0xNy4wNSA5LjExTDEyLjA2IDE2LjEyQzExLjg4IDE2LjM3IDExLjYgMTYuNTIgMTEuMjkgMTYuNTRIMTEuMjRDMTAuOTUgMTYuNTQgMTAuNjcgMTYuNDIgMTAuNDggMTYuMTlMNi45OSAxMi4xM0M2LjgyIDExLjkzIDYuNzMgMTEuNjcgNi43NSAxMS40MUM2Ljc3IDExLjE0IDYuODkgMTAuOSA3LjA5IDEwLjczQzcuNTEgMTAuMzcgOC4xNCAxMC40MiA4LjUgMTAuODRMMTEuMTYgMTMuOTNMMTUuNDEgNy45NkMxNS43MyA3LjUxIDE2LjM1IDcuNDEgMTYuOCA3LjczQzE3LjAyIDcuODggMTcuMTYgOC4xMSAxNy4yMSA4LjM4QzE3LjI1IDguNjQgMTcuMTkgOC45MSAxNy4wNCA5LjEyTDE3LjA1IDkuMTFaIiBmaWxsPSIjNzk3Rjg1Ii8+DQo8L3N2Zz4=) 8495 } 8496 8497 .blu-modal.b-dialog.b-warning .blu-modal__icon[data-v-6ada375c] { 8498 background-color: #ffcd00; 8499 -webkit-mask-image: url(data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PSIwIDAgMjQgMjQiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+DQo8cGF0aCBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGNsaXAtcnVsZT0iZXZlbm9kZCIgZD0iTTMuODc0MzYgMjFIMjAuMTE0NEgyMC4xMjQ0QzIxLjU1MzUgMjEgMjIuNDUyOSAxOS41MDM1IDIxLjc2MzQgMTguMjg2NEwxMy42NDg0IDMuOTUwMjZDMTIuOTM4OCAyLjY4MzI1IDExLjA2OTkgMi42ODMyNSAxMC4zNjA0IDMuOTUwMjZMMi4yMzUzNyAxOC4yOTY0QzEuNTQ1OCAxOS41MTM1IDIuNDU1MjQgMjEgMy44NzQzNiAyMVpNMTAuOTkgMTMuOTM3NEwxMC43MDAyIDkuMDk4ODdWNy43NTIwNUMxMC43MDAyIDcuMzMzMDQgMTEuMDQgNi45OTM4NCAxMS40NTk3IDYuOTkzODRIMTIuNjA5QzEzLjAyODggNi45OTM4NCAxMy4zNjg2IDcuMzMzMDQgMTMuMzY4NiA3Ljc1MjA1VjkuMTA4ODRMMTMuMDg4NyAxMy45Mjc1QzEzLjA2ODcgMTQuMzI2NSAxMi43Mzg5IDE0LjYzNTggMTIuMzI5MiAxNC42MzU4SDExLjc0OTVDMTEuMzQ5OCAxNC42MzU4IDExLjAyIDE0LjMyNjUgMTAuOTkgMTMuOTI3NVYxMy45Mzc0Wk0xMS45OTk0IDE4Ljk2NTJDMTIuNzg4NyAxOC45NjUyIDEzLjQyODYgMTguMzI2NSAxMy40Mjg2IDE3LjUzODZDMTMuNDI4NiAxNi43NTA3IDEyLjc4ODcgMTYuMTEyIDExLjk5OTQgMTYuMTEyQzExLjIxMDIgMTYuMTEyIDEwLjU3MDMgMTYuNzUwNyAxMC41NzAzIDE3LjUzODZDMTAuNTcwMyAxOC4zMjY1IDExLjIxMDIgMTguOTY1MiAxMS45OTk0IDE4Ljk2NTJaIiBmaWxsPSIjNzk3Rjg1Ii8+DQo8L3N2Zz4NCg==); 8500 mask-image: url(data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PSIwIDAgMjQgMjQiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+DQo8cGF0aCBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGNsaXAtcnVsZT0iZXZlbm9kZCIgZD0iTTMuODc0MzYgMjFIMjAuMTE0NEgyMC4xMjQ0QzIxLjU1MzUgMjEgMjIuNDUyOSAxOS41MDM1IDIxLjc2MzQgMTguMjg2NEwxMy42NDg0IDMuOTUwMjZDMTIuOTM4OCAyLjY4MzI1IDExLjA2OTkgMi42ODMyNSAxMC4zNjA0IDMuOTUwMjZMMi4yMzUzNyAxOC4yOTY0QzEuNTQ1OCAxOS41MTM1IDIuNDU1MjQgMjEgMy44NzQzNiAyMVpNMTAuOTkgMTMuOTM3NEwxMC43MDAyIDkuMDk4ODdWNy43NTIwNUMxMC43MDAyIDcuMzMzMDQgMTEuMDQgNi45OTM4NCAxMS40NTk3IDYuOTkzODRIMTIuNjA5QzEzLjAyODggNi45OTM4NCAxMy4zNjg2IDcuMzMzMDQgMTMuMzY4NiA3Ljc1MjA1VjkuMTA4ODRMMTMuMDg4NyAxMy45Mjc1QzEzLjA2ODcgMTQuMzI2NSAxMi43Mzg5IDE0LjYzNTggMTIuMzI5MiAxNC42MzU4SDExLjc0OTVDMTEuMzQ5OCAxNC42MzU4IDExLjAyIDE0LjMyNjUgMTAuOTkgMTMuOTI3NVYxMy45Mzc0Wk0xMS45OTk0IDE4Ljk2NTJDMTIuNzg4NyAxOC45NjUyIDEzLjQyODYgMTguMzI2NSAxMy40Mjg2IDE3LjUzODZDMTMuNDI4NiAxNi43NTA3IDEyLjc4ODcgMTYuMTEyIDExLjk5OTQgMTYuMTEyQzExLjIxMDIgMTYuMTEyIDEwLjU3MDMgMTYuNzUwNyAxMC41NzAzIDE3LjUzODZDMTAuNTcwMyAxOC4zMjY1IDExLjIxMDIgMTguOTY1MiAxMS45OTk0IDE4Ljk2NTJaIiBmaWxsPSIjNzk3Rjg1Ii8+DQo8L3N2Zz4NCg==) 8501 } 8502 8503 .blu-modal.b-dialog.b-danger .blu-modal__icon[data-v-6ada375c] { 8504 background-color: #ff4646; 8505 -webkit-mask-image: url(data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PSIwIDAgMjQgMjQiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+DQo8cGF0aCBkPSJNMTIgMkM2LjQ4IDIgMiA2LjQ4IDIgMTJDMiAxNy41MiA2LjQ4IDIyIDEyIDIyQzE3LjUyIDIyIDIyIDE3LjUyIDIyIDEyQzIyIDYuNDggMTcuNTIgMiAxMiAyWk0xNi4yNCAxNC44M0MxNi42MyAxNS4yMiAxNi42MyAxNS44NSAxNi4yNCAxNi4yNEMxNS44NSAxNi42MyAxNS4yMiAxNi42MyAxNC44MyAxNi4yNEwxMiAxMy40MUw5LjE3IDE2LjI0QzguNzggMTYuNjMgOC4xNSAxNi42MyA3Ljc2IDE2LjI0QzcuMzcgMTUuODUgNy4zNyAxNS4yMiA3Ljc2IDE0LjgzTDEwLjU5IDEyTDcuNzYgOS4xN0M3LjM3IDguNzggNy4zNyA4LjE1IDcuNzYgNy43NkM4LjE1IDcuMzcgOC43OCA3LjM3IDkuMTcgNy43NkwxMiAxMC41OUwxNC44MyA3Ljc2QzE1LjIyIDcuMzcgMTUuODUgNy4zNyAxNi4yNCA3Ljc2QzE2LjYzIDguMTUgMTYuNjMgOC43OCAxNi4yNCA5LjE3TDEzLjQxIDEyTDE2LjI0IDE0LjgzWiIgZmlsbD0iIzc5N0Y4NSIvPg0KPC9zdmc+); 8506 mask-image: url(data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PSIwIDAgMjQgMjQiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+DQo8cGF0aCBkPSJNMTIgMkM2LjQ4IDIgMiA2LjQ4IDIgMTJDMiAxNy41MiA2LjQ4IDIyIDEyIDIyQzE3LjUyIDIyIDIyIDE3LjUyIDIyIDEyQzIyIDYuNDggMTcuNTIgMiAxMiAyWk0xNi4yNCAxNC44M0MxNi42MyAxNS4yMiAxNi42MyAxNS44NSAxNi4yNCAxNi4yNEMxNS44NSAxNi42MyAxNS4yMiAxNi42MyAxNC44MyAxNi4yNEwxMiAxMy40MUw5LjE3IDE2LjI0QzguNzggMTYuNjMgOC4xNSAxNi42MyA3Ljc2IDE2LjI0QzcuMzcgMTUuODUgNy4zNyAxNS4yMiA3Ljc2IDE0LjgzTDEwLjU5IDEyTDcuNzYgOS4xN0M3LjM3IDguNzggNy4zNyA4LjE1IDcuNzYgNy43NkM4LjE1IDcuMzcgOC43OCA3LjM3IDkuMTcgNy43NkwxMiAxMC41OUwxNC44MyA3Ljc2QzE1LjIyIDcuMzcgMTUuODUgNy4zNyAxNi4yNCA3Ljc2QzE2LjYzIDguMTUgMTYuNjMgOC43OCAxNi4yNCA5LjE3TDEzLjQxIDEyTDE2LjI0IDE0LjgzWiIgZmlsbD0iIzc5N0Y4NSIvPg0KPC9zdmc+) 8507 } 8508 8509 @media screen and (max-width: 768px) { 8510 .blu-modal.b-full-screen .blu-modal__container[data-v-6ada375c] { 8511 min-height:100%; 8512 border-radius: unset; 8513 padding-top: 0 8514 } 8515 8516 .blu-modal.b-full-screen .blu-modal__close[data-v-6ada375c] { 8517 display: none 8518 } 8519 } 8520 </style> 8521 <style type="text/css"> 8522 .tabs[data-v-2ff01c43] { 8523 border-bottom: #acb0b4 1px solid; 8524 display: flex; 8525 position: relative; 8526 white-space: nowrap; 8527 scroll-behavior: smooth; 8528 scrollbar-width: none 8529 } 8530 8531 .tabs[data-v-2ff01c43]::-webkit-scrollbar { 8532 display: none 8533 } 8534 8535 .tabs a[data-v-2ff01c43],.tabs__header-title[data-v-2ff01c43] { 8536 outline: none; 8537 display: flex; 8538 color: rgba(25,34,42,.7019607843); 8539 font: 16px/20px "blibli",-apple-system,segoe ui,roboto,helvetica,arial,sans-serif; 8540 padding: 22px 0px; 8541 position: relative; 8542 white-space: nowrap; 8543 align-items: center; 8544 height: 64px; 8545 cursor: pointer 8546 } 8547 8548 .tabs a .tabs__icon[data-v-2ff01c43],.tabs__header-title .tabs__icon[data-v-2ff01c43] { 8549 position: relative; 8550 display: inline-flex 8551 } 8552 8553 .tabs a .tabs__icon[data-v-2ff01c43]:not(:empty),.tabs__header-title .tabs__icon[data-v-2ff01c43]:not(:empty) { 8554 margin-right: 4px 8555 } 8556 8557 .tabs a .tabs__icon svg[data-v-2ff01c43],.tabs__header-title .tabs__icon svg[data-v-2ff01c43] { 8558 vertical-align: bottom; 8559 color: rgba(25,34,42,.4) 8560 } 8561 8562 .tabs a .tabs__label[data-v-2ff01c43],.tabs__header-title .tabs__label[data-v-2ff01c43] { 8563 display: inline-flex 8564 } 8565 8566 .tabs a .tabs__label[data-v-2ff01c43]:not(:empty),.tabs__header-title .tabs__label[data-v-2ff01c43]:not(:empty) { 8567 padding-left: 4px 8568 } 8569 8570 @media screen and (max-width: 768px) { 8571 .tabs a[data-v-2ff01c43],.tabs__header-title[data-v-2ff01c43] { 8572 padding:10px 0px; 8573 height: 40px 8574 } 8575 } 8576 8577 .tabs a[data-v-2ff01c43]:not(:last-child),.tabs__header-title[data-v-2ff01c43]:not(:last-child) { 8578 margin-right: 16px 8579 } 8580 8581 .tabs a[data-v-2ff01c43]:before,.tabs__header-title[data-v-2ff01c43]:before { 8582 content: ""; 8583 height: 3px; 8584 background: #1d05f7; 8585 position: absolute; 8586 bottom: 0; 8587 left: 0; 8588 opacity: 0; 8589 transition: opacity 1s 8590 } 8591 8592 .tabs a[data-v-2ff01c43]:after,.tabs__header-title[data-v-2ff01c43]:after { 8593 content: ""; 8594 width: 100%; 8595 bottom: 0; 8596 left: 0; 8597 position: absolute; 8598 border-bottom: none; 8599 transition: border-bottom ease-out .2s 8600 } 8601 8602 .tabs a[data-v-2ff01c43]:hover:after,.tabs__header-title[data-v-2ff01c43]:hover:after { 8603 border-bottom: 2px solid #acb0b4; 8604 border-radius: 1px 8605 } 8606 8607 .tabs a.b-active[data-v-2ff01c43],.tabs__header-title.b-active[data-v-2ff01c43] { 8608 opacity: 1;
8609 color: #1d05f7 8610 } 8611 8612 .tabs a.b-active .tabs__icon svg[data-v-2ff01c43],.tabs__header-title.b-active .tabs__icon svg[data-v-2ff01c43] { 8613 color: #1d05f7 8614 } 8615 8616 .tabs a.b-disabled[data-v-2ff01c43],.tabs__header-title.b-disabled[data-v-2ff01c43] { 8617 opacity: 1; 8618 color: rgba(25,34,42,.4) 8619 } 8620 8621 .tabs a.b-disabled[data-v-2ff01c43]:hover:after,.tabs__header-title.b-disabled[data-v-2ff01c43]:hover:after { 8622 border-bottom: none 8623 } 8624 8625 .tabs a.b-disabled .tabs__label .label[data-v-2ff01c43],.tabs__header-title.b-disabled .tabs__label .label[data-v-2ff01c43] { 8626 background-color: #e1e3e4; 8627 color: rgba(25,34,42,.4) 8628 } 8629 8630 .tabs a .tabs__icon[data-v-2ff01c43],.tabs__header-title .tabs__icon[data-v-2ff01c43] { 8631 margin-right: 2px 8632 } 8633 8634 .tabs a .tabs__icon svg[data-v-2ff01c43],.tabs__header-title .tabs__icon svg[data-v-2ff01c43] { 8635 vertical-align: middle; 8636 color: rgba(25,34,42,.4); 8637 transform: scale(0.75) 8638 } 8639 8640 .tabs a[data-v-2ff01c43]:not(.b-disabled):focus-visible,.tabs__header-title[data-v-2ff01c43]:not(.b-disabled):focus-visible { 8641 color: #fff; 8642 background: #000 8643 } 8644 8645 .tabs a:not(.b-disabled):focus-visible svg[data-v-2ff01c43],.tabs__header-title:not(.b-disabled):focus-visible svg[data-v-2ff01c43] { 8646 color: #fff 8647 } 8648 8649 .tabs.b-centered[data-v-2ff01c43],.tabs.b-centered-primary[data-v-2ff01c43] { 8650 display: block 8651 } 8652 8653 .tabs.b-centered a[data-v-2ff01c43],.tabs.b-centered-primary a[data-v-2ff01c43] { 8654 width: 100%; 8655 justify-content: center; 8656 min-width: 0 8657 } 8658 8659 .tabs.b-primary[data-v-2ff01c43],.tabs.b-centered-primary[data-v-2ff01c43] { 8660 background-color: #fff; 8661 box-shadow: 0 1px 6px 0 rgba(0,0,0,.1); 8662 border-radius: 8px; 8663 padding: 4px; 8664 margin-top: 10px; 8665 border-bottom: none 8666 } 8667 8668 @media screen and (min-width: 960px) { 8669 .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] { 8670 top:0 8671 } 8672 } 8673 8674 .tabs.b-primary .slider[data-v-2ff01c43],.tabs.b-centered-primary .slider[data-v-2ff01c43] { 8675 display: none 8676 } 8677 8678 .tabs.b-primary a[data-v-2ff01c43],.tabs.b-centered-primary a[data-v-2ff01c43] { 8679 padding: 7px 16px; 8680 border-radius: 4px; 8681 transition: all .3s ease; 8682 font: 14px/18px "blibli demi bold",-apple-system,segoe ui,roboto,helvetica,arial,sans-serif; 8683 color: #1d05f7; 8684 height: 32px 8685 } 8686 8687 .tabs.b-primary a[data-v-2ff01c43]:hover:after,.tabs.b-centered-primary a[data-v-2ff01c43]:hover:after { 8688 border-bottom: none 8689 } 8690 8691 .tabs.b-primary a[data-v-2ff01c43]:not(:last-child),.tabs.b-centered-primary a[data-v-2ff01c43]:not(:last-child) { 8692 margin-right: 8px 8693 } 8694 8695 .tabs.b-primary a.b-active[data-v-2ff01c43],.tabs.b-centered-primary a.b-active[data-v-2ff01c43] { 8696 color: #fff; 8697 background-color: #1d05f7 8698 } 8699 8700 .tabs.b-primary a.b-active svg[data-v-2ff01c43],.tabs.b-centered-primary a.b-active svg[data-v-2ff01c43] { 8701 color: #fff 8702 } 8703 8704 .tabs.b-primary a.b-active .blu-label[data-v-2ff01c43],.tabs.b-centered-primary a.b-active .blu-label[data-v-2ff01c43] { 8705 background-color: #fff; 8706 color: #1d05f7 8707 } 8708 8709 .tabs.b-primary a.b-active[data-v-2ff01c43]:hover,.tabs.b-centered-primary a.b-active[data-v-2ff01c43]:hover { 8710 background-color: #1d05f7 8711 } 8712 8713 .tabs.b-primary a.b-disabled[data-v-2ff01c43],.tabs.b-centered-primary a.b-disabled[data-v-2ff01c43] { 8714 color: rgba(25,34,42,.4) 8715 } 8716 8717 .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 { 8718 background-color: #f1f2f2 8719 } 8720 8721 .tabs.b-primary a[data-v-2ff01c43]:focus-visible,.tabs.b-centered-primary a[data-v-2ff01c43]:focus-visible { 8722 color: #1d05f7; 8723 box-shadow: 0px 0px 0px 4px #000; 8724 background-color: #f1f2f2 8725 } 8726 8727 .tabs__item[data-v-2ff01c43] { 8728 padding: 16px 0 8729 } 8730 8731 .tabs__item.b-active[data-v-2ff01c43] { 8732 animation: fade-2ff01c43 .8s ease-in-out 8733 } 8734 8735 .tabs__header[data-v-2ff01c43] { 8736 display: flex 8737 } 8738 8739 .tabs__label[data-v-2ff01c43] { 8740 display: flex; 8741 align-items: center; 8742 margin-left: 4px 8743 } 8744 8745 @media screen and (min-width: 960px) { 8746 .tabs__control[data-v-2ff01c43] { 8747 --tab-fab-position: 16px; 8748 --tab-fab-opacity: 0; 8749 --tab-fab-background: linear-gradient(270deg, rgba(224, 224, 224, 0) 0%, #ffffff 100%); 8750 position: absolute; 8751 top: 0; 8752 left: 0; 8753 width: 100% 8754 } 8755 8756 .tabs__control[data-v-2ff01c43]:hover { 8757 --tab-fab-opacity: 1;
8758 --tab-fab-position: 0 8759 } 8760 8761 .tabs__control-prev[data-v-2ff01c43],.tabs__control-next[data-v-2ff01c43] { 8762 width: 56px; 8763 height: 40px; 8764 position: absolute; 8765 opacity: var(--tab-fab-opacity); 8766 background: var(--tab-fab-background); 8767 border-radius: 16px; 8768 transition: all .15s ease; 8769 padding: 4px; 8770 top: 11px; 8771 cursor: pointer 8772 } 8773 8774 .tabs__control-prev div[data-v-2ff01c43],.tabs__control-next div[data-v-2ff01c43] { 8775 width: 32px; 8776 height: 32px; 8777 background: #fff; 8778 box-shadow: 0 1px 6px 0 rgba(0,0,0,.1); 8779 border-radius: 50%; 8780 position: relative; 8781 display: grid; 8782 place-items: center; 8783 left: var(--tab-fab-position); 8784 transition: all .15s cubic-bezier(0, 0, 0.2, 1.2) 8785 } 8786 8787 .tabs__control-prev div[data-v-2ff01c43]::after,.tabs__control-next div[data-v-2ff01c43]::after { 8788 content: ""; 8789 background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB2aWV3Qm94PSIwIDAgMjQgMjQiPgogIDxkZWZzPgogICAgPHBhdGgKICAgICAgICBpZD0iMTkwcjYzOHp6YSIKICAgICAgICBkPSJNMCA1LjE1NGMwLS42MzYuMjkyLTEuMjE5LjgtMS42TDUuNDExLjE5MmMuNDQ2LS4zMjUgMS4wNzItLjIyOCAxLjM5Ny4yMi4zMjUuNDQ1LjIyNyAxLjA3MS0uMjE5IDEuMzk2bC00LjYgMy4zNTQgNC41NjMgMy4wMDRjLjQ2LjMwNS41ODcuOTI1LjI4MiAxLjM4Ni0uMzA1LjQ2LS45MjYuNTg2LTEuMzg2LjI4MmwtNC42LTMuMDQ2Qy4yOTEgNi4zNzIgMCA1Ljc5IDAgNS4xNTR6IgogICAgLz4KICA8L2RlZnM+CiAgPGcgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIj4KICAgIDxnPgogICAgICA8Zz4KICAgICAgICA8cGF0aCBmaWxsPSIjRkZGIiBmaWxsLW9wYWNpdHk9Ii4wMSIgZD0iTTAgMEgyNFYyNEgweiIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTU5MiAtNzg1KSB0cmFuc2xhdGUoNTkyIDc4NSkiIC8+CiAgICAgICAgPGcgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTU5MiAtNzg1KSB0cmFuc2xhdGUoNTkyIDc4NSkgdHJhbnNsYXRlKDggNykiPgogICAgICAgICAgPG1hc2sgaWQ9InU0ZGRwYm95eGIiIGZpbGw9IiNmZmYiPjx1c2UgeGxpbms6aHJlZj0iIzE5MHI2Mzh6emEiIC8+PC9tYXNrPgogICAgICAgICAgPHVzZSBmaWxsPSIjNzk3Rjg1IiBmaWxsLXJ1bGU9Im5vbnplcm8iIHhsaW5rOmhyZWY9IiMxOTByNjM4enphIiAvPgogICAgICAgICAgPHBhdGggZmlsbD0iIzAwOTVkYSIgZD0iTS04IC03SDE2VjE3SC04eiIgbWFzaz0idXJsKCN1NGRkcGJveXhiKSIgLz4KICAgICAgICA8L2c+CiAgICAgIDwvZz4KICAgIDwvZz4KICA8L2c+Cjwvc3ZnPgo=); 8790 width: 18px; 8791 height: 18px; 8792 position: absolute 8793 } 8794 8795 .tabs__control-prev[data-v-2ff01c43] { 8796 left: 0 8797 } 8798 8799 .tabs__control-next[data-v-2ff01c43] { 8800 right: 0; 8801 transform: rotate(180deg) 8802 } 8803 } 8804 8805 .tabs:hover~.tabs__control[data-v-2ff01c43] { 8806 --tab-fab-opacity: 1; 8807 --tab-fab-position: 0 8808 } 8809 8810 .tabs-wrapper[data-v-2ff01c43] { 8811 position: relative 8812 } 8813 8814 .slider[data-v-2ff01c43] { 8815 width: auto; 8816 height: 2px; 8817 border-radius: 1px; 8818 background: #1d05f7; 8819 opacity: 1; 8820 position: absolute; 8821 left: 0; 8822 bottom: 0; 8823 transition: all .4s linear 8824 } 8825 8826 @keyframes shake-2ff01c43 { 8827 30%,50% { 8828 transform: translate3d(-2px, 0, 0) 8829 } 8830 8831 40%,60% { 8832 transform: translate3d(0, 0, 0) 8833 } 8834 } 8835 8836 @keyframes fade-2ff01c43 { 8837 0% { 8838 opacity: 0 8839 } 8840 8841 100% { 8842 opacity: 1 8843 } 8844 } 8845 </style> 8846 <style type="text/css"> 8847 .tabs[data-v-c5343270] { 8848 border-bottom: #acb0b4 1px solid; 8849 display: flex; 8850 position: relative; 8851 white-space: nowrap; 8852 scroll-behavior: smooth; 8853 scrollbar-width: none 8854 } 8855 8856 .tabs[data-v-c5343270]::-webkit-scrollbar { 8857 display: none 8858 } 8859 8860 .tabs a[data-v-c5343270],.tabs__header-title[data-v-c5343270] { 8861 outline: none; 8862 display: flex; 8863 color: rgba(25,34,42,.7019607843); 8864 font: 16px/20px "blibli",-apple-system,segoe ui,roboto,helvetica,arial,sans-serif; 8865 padding: 22px 0px; 8866 position: relative; 8867 white-space: nowrap; 8868 align-items: center; 8869 height: 64px; 8870 cursor: pointer 8871 } 8872 8873 .tabs a .tabs__icon[data-v-c5343270],.tabs__header-title .tabs__icon[data-v-c5343270] { 8874 position: relative; 8875 display: inline-flex 8876 } 8877 8878 .tabs a .tabs__icon[data-v-c5343270]:not(:empty),.tabs__header-title .tabs__icon[data-v-c5343270]:not(:empty) { 8879 margin-right: 4px 8880 } 8881 8882 .tabs a .tabs__icon svg[data-v-c5343270],.tabs__header-title .tabs__icon svg[data-v-c5343270] { 8883 vertical-align: bottom; 8884 color: rgba(25,34,42,.4) 8885 } 8886 8887 .tabs a .tabs__label[data-v-c5343270],.tabs__header-title .tabs__label[data-v-c5343270] { 8888 display: inline-flex 8889 } 8890 8891 .tabs a .tabs__label[data-v-c5343270]:not(:empty),.tabs__header-title .tabs__label[data-v-c5343270]:not(:empty) { 8892 padding-left: 4px 8893 } 8894 8895 @media screen and (max-width: 768px) { 8896 .tabs a[data-v-c5343270],.tabs__header-title[data-v-c5343270] { 8897 padding:10px 0px; 8898 height: 40px 8899 } 8900 } 8901 8902 .tabs a[data-v-c5343270]:not(:last-child),.tabs__header-title[data-v-c5343270]:not(:last-child) { 8903 margin-right: 16px 8904 } 8905 8906 .tabs a[data-v-c5343270]:before,.tabs__header-title[data-v-c5343270]:before { 8907 content: ""; 8908 height: 3px; 8909 background: #1d05f7; 8910 position: absolute; 8911 bottom: 0; 8912 left: 0; 8913 opacity: 0; 8914 transition: opacity 1s 8915 } 8916 8917 .tabs a[data-v-c5343270]:after,.tabs__header-title[data-v-c5343270]:after { 8918 content: ""; 8919 width: 100%; 8920 bottom: 0; 8921 left: 0; 8922 position: absolute; 8923 border-bottom: none; 8924 transition: border-bottom ease-out .2s 8925 } 8926 8927 .tabs a[data-v-c5343270]:hover:after,.tabs__header-title[data-v-c5343270]:hover:after { 8928 border-bottom: 2px solid #acb0b4; 8929 border-radius: 1px 8930 } 8931 8932 .tabs a.b-active[data-v-c5343270],.tabs__header-title.b-active[data-v-c5343270] { 8933 opacity: 1;
8934 color: #1d05f7 8935 } 8936 8937 .tabs a.b-active .tabs__icon svg[data-v-c5343270],.tabs__header-title.b-active .tabs__icon svg[data-v-c5343270] { 8938 color: #1d05f7 8939 } 8940 8941 .tabs a.b-disabled[data-v-c5343270],.tabs__header-title.b-disabled[data-v-c5343270] { 8942 opacity: 1; 8943 color: rgba(25,34,42,.4) 8944 } 8945 8946 .tabs a.b-disabled[data-v-c5343270]:hover:after,.tabs__header-title.b-disabled[data-v-c5343270]:hover:after { 8947 border-bottom: none 8948 } 8949 8950 .tabs a.b-disabled .tabs__label .label[data-v-c5343270],.tabs__header-title.b-disabled .tabs__label .label[data-v-c5343270] { 8951 background-color: #e1e3e4; 8952 color: rgba(25,34,42,.4) 8953 } 8954 8955 .tabs a .tabs__icon[data-v-c5343270],.tabs__header-title .tabs__icon[data-v-c5343270] { 8956 margin-right: 2px 8957 } 8958 8959 .tabs a .tabs__icon svg[data-v-c5343270],.tabs__header-title .tabs__icon svg[data-v-c5343270] { 8960 vertical-align: middle; 8961 color: rgba(25,34,42,.4); 8962 transform: scale(0.75) 8963 } 8964 8965 .tabs a[data-v-c5343270]:not(.b-disabled):focus-visible,.tabs__header-title[data-v-c5343270]:not(.b-disabled):focus-visible { 8966 color: #fff; 8967 background: #000 8968 } 8969 8970 .tabs a:not(.b-disabled):focus-visible svg[data-v-c5343270],.tabs__header-title:not(.b-disabled):focus-visible svg[data-v-c5343270] { 8971 color: #fff 8972 } 8973 8974 .tabs.b-centered[data-v-c5343270],.tabs.b-centered-primary[data-v-c5343270] { 8975 display: block 8976 } 8977 8978 .tabs.b-centered a[data-v-c5343270],.tabs.b-centered-primary a[data-v-c5343270] { 8979 width: 100%; 8980 justify-content: center; 8981 min-width: 0 8982 } 8983 8984 .tabs.b-primary[data-v-c5343270],.tabs.b-centered-primary[data-v-c5343270] { 8985 background-color: #fff; 8986 box-shadow: 0 1px 6px 0 rgba(0,0,0,.1); 8987 border-radius: 8px; 8988 padding: 4px; 8989 margin-top: 10px; 8990 border-bottom: none 8991 } 8992 8993 @media screen and (min-width: 960px) { 8994 .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] { 8995 top:0 8996 } 8997 } 8998 8999 .tabs.b-primary .slider[data-v-c5343270],.tabs.b-centered-primary .slider[data-v-c5343270] { 9000 display: none 9001 } 9002 9003 .tabs.b-primary a[data-v-c5343270],.tabs.b-centered-primary a[data-v-c5343270] { 9004 padding: 7px 16px; 9005 border-radius: 4px; 9006 transition: all .3s ease; 9007 font: 14px/18px "blibli demi bold",-apple-system,segoe ui,roboto,helvetica,arial,sans-serif; 9008 color: #1d05f7; 9009 height: 32px 9010 } 9011 9012 .tabs.b-primary a[data-v-c5343270]:hover:after,.tabs.b-centered-primary a[data-v-c5343270]:hover:after { 9013 border-bottom: none 9014 } 9015 9016 .tabs.b-primary a[data-v-c5343270]:not(:last-child),.tabs.b-centered-primary a[data-v-c5343270]:not(:last-child) { 9017 margin-right: 8px 9018 } 9019 9020 .tabs.b-primary a.b-active[data-v-c5343270],.tabs.b-centered-primary a.b-active[data-v-c5343270] { 9021 color: #fff; 9022 background-color: #1d05f7 9023 } 9024 9025 .tabs.b-primary a.b-active svg[data-v-c5343270],.tabs.b-centered-primary a.b-active svg[data-v-c5343270] { 9026 color: #fff 9027 } 9028 9029 .tabs.b-primary a.b-active .blu-label[data-v-c5343270],.tabs.b-centered-primary a.b-active .blu-label[data-v-c5343270] { 9030 background-color: #fff; 9031 color: #1d05f7 9032 } 9033 9034 .tabs.b-primary a.b-active[data-v-c5343270]:hover,.tabs.b-centered-primary a.b-active[data-v-c5343270]:hover { 9035 background-color: #1d05f7 9036 } 9037 9038 .tabs.b-primary a.b-disabled[data-v-c5343270],.tabs.b-centered-primary a.b-disabled[data-v-c5343270] { 9039 color: rgba(25,34,42,.4) 9040 } 9041 9042 .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 { 9043 background-color: #f1f2f2 9044 } 9045 9046 .tabs.b-primary a[data-v-c5343270]:focus-visible,.tabs.b-centered-primary a[data-v-c5343270]:focus-visible { 9047 color: #1d05f7; 9048 box-shadow: 0px 0px 0px 4px #000; 9049 background-color: #f1f2f2 9050 } 9051 9052 .tabs__item[data-v-c5343270] { 9053 padding: 16px 0 9054 } 9055 9056 .tabs__item.b-active[data-v-c5343270] { 9057 animation: fade-c5343270 .8s ease-in-out 9058 } 9059 9060 .tabs__header[data-v-c5343270] { 9061 display: flex 9062 } 9063 9064 .tabs__label[data-v-c5343270] { 9065 display: flex; 9066 align-items: center; 9067 margin-left: 4px 9068 } 9069 9070 @media screen and (min-width: 960px) { 9071 .tabs__control[data-v-c5343270] { 9072 --tab-fab-position: 16px; 9073 --tab-fab-opacity: 0; 9074 --tab-fab-background: linear-gradient(270deg, rgba(224, 224, 224, 0) 0%, #ffffff 100%); 9075 position: absolute; 9076 top: 0; 9077 left: 0; 9078 width: 100% 9079 } 9080 9081 .tabs__control[data-v-c5343270]:hover { 9082 --tab-fab-opacity: 1;
9083 --tab-fab-position: 0 9084 } 9085 9086 .tabs__control-prev[data-v-c5343270],.tabs__control-next[data-v-c5343270] { 9087 width: 56px; 9088 height: 40px; 9089 position: absolute; 9090 opacity: var(--tab-fab-opacity); 9091 background: var(--tab-fab-background); 9092 border-radius: 16px; 9093 transition: all .15s ease; 9094 padding: 4px; 9095 top: 11px; 9096 cursor: pointer 9097 } 9098 9099 .tabs__control-prev div[data-v-c5343270],.tabs__control-next div[data-v-c5343270] { 9100 width: 32px; 9101 height: 32px; 9102 background: #fff; 9103 box-shadow: 0 1px 6px 0 rgba(0,0,0,.1); 9104 border-radius: 50%; 9105 position: relative; 9106 display: grid; 9107 place-items: center; 9108 left: var(--tab-fab-position); 9109 transition: all .15s cubic-bezier(0, 0, 0.2, 1.2) 9110 } 9111 9112 .tabs__control-prev div[data-v-c5343270]::after,.tabs__control-next div[data-v-c5343270]::after { 9113 content: ""; 9114 background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB2aWV3Qm94PSIwIDAgMjQgMjQiPgogIDxkZWZzPgogICAgPHBhdGgKICAgICAgICBpZD0iMTkwcjYzOHp6YSIKICAgICAgICBkPSJNMCA1LjE1NGMwLS42MzYuMjkyLTEuMjE5LjgtMS42TDUuNDExLjE5MmMuNDQ2LS4zMjUgMS4wNzItLjIyOCAxLjM5Ny4yMi4zMjUuNDQ1LjIyNyAxLjA3MS0uMjE5IDEuMzk2bC00LjYgMy4zNTQgNC41NjMgMy4wMDRjLjQ2LjMwNS41ODcuOTI1LjI4MiAxLjM4Ni0uMzA1LjQ2LS45MjYuNTg2LTEuMzg2LjI4MmwtNC42LTMuMDQ2Qy4yOTEgNi4zNzIgMCA1Ljc5IDAgNS4xNTR6IgogICAgLz4KICA8L2RlZnM+CiAgPGcgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIj4KICAgIDxnPgogICAgICA8Zz4KICAgICAgICA8cGF0aCBmaWxsPSIjRkZGIiBmaWxsLW9wYWNpdHk9Ii4wMSIgZD0iTTAgMEgyNFYyNEgweiIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTU5MiAtNzg1KSB0cmFuc2xhdGUoNTkyIDc4NSkiIC8+CiAgICAgICAgPGcgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTU5MiAtNzg1KSB0cmFuc2xhdGUoNTkyIDc4NSkgdHJhbnNsYXRlKDggNykiPgogICAgICAgICAgPG1hc2sgaWQ9InU0ZGRwYm95eGIiIGZpbGw9IiNmZmYiPjx1c2UgeGxpbms6aHJlZj0iIzE5MHI2Mzh6emEiIC8+PC9tYXNrPgogICAgICAgICAgPHVzZSBmaWxsPSIjNzk3Rjg1IiBmaWxsLXJ1bGU9Im5vbnplcm8iIHhsaW5rOmhyZWY9IiMxOTByNjM4enphIiAvPgogICAgICAgICAgPHBhdGggZmlsbD0iIzAwOTVkYSIgZD0iTS04IC03SDE2VjE3SC04eiIgbWFzaz0idXJsKCN1NGRkcGJveXhiKSIgLz4KICAgICAgICA8L2c+CiAgICAgIDwvZz4KICAgIDwvZz4KICA8L2c+Cjwvc3ZnPgo=); 9115 width: 18px; 9116 height: 18px; 9117 position: absolute 9118 } 9119 9120 .tabs__control-prev[data-v-c5343270] { 9121 left: 0 9122 } 9123 9124 .tabs__control-next[data-v-c5343270] { 9125 right: 0; 9126 transform: rotate(180deg) 9127 } 9128 } 9129 9130 .tabs:hover~.tabs__control[data-v-c5343270] { 9131 --tab-fab-opacity: 1; 9132 --tab-fab-position: 0 9133 } 9134 9135 .tabs-wrapper[data-v-c5343270] { 9136 position: relative 9137 } 9138 9139 .slider[data-v-c5343270] { 9140 width: auto; 9141 height: 2px; 9142 border-radius: 1px; 9143 background: #1d05f7; 9144 opacity: 1; 9145 position: absolute; 9146 left: 0; 9147 bottom: 0; 9148 transition: all .4s linear 9149 } 9150 9151 @keyframes shake-c5343270 { 9152 30%,50% { 9153 transform: translate3d(-2px, 0, 0) 9154 } 9155 9156 40%,60% { 9157 transform: translate3d(0, 0, 0) 9158 } 9159 } 9160 9161 @keyframes fade-c5343270 { 9162 0% { 9163 opacity: 0 9164 } 9165 9166 100% { 9167 opacity: 1 9168 } 9169 } 9170 </style> 9171 <link data-vue-meta="2" rel="alternate" href="android-app://blibli.mobile.commerce/blibli/product/ps--ELP-60049-00553" id="alternate"> 9172
9172<script src="https://dev.visualwebsiteoptimizer.com/cdn/web/djIkdGU6Ny4wOmFzeW5jJWpxdWVyeQ==/tag-f0973145e3bf01be8a988e6399f80fdcbr.js" crossorigin="anonymous" fetchpriority="high" type="text/javascript"></script>
9172 9173
9173<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%20DAUN123%20DAUN123 Gacor%20Trolley%20DAUN123 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>
9173 9174 <style nonce=""> 9175 .aStyle-kh82igwya { 9176 color: red; 9177 float: left; 9178 opacity: .55; 9179 } 9180 </style> 9181 <style> 9182 html:not([dark]) .blu-loader-skeleton[data-v-5d7a33db] { 9183 --blu-loader-skeleton-border-radius: 8px; 9184 --blu-loader-skeleton-highlight-color-background: linear-gradient(90deg, rgba(249, 249, 250, 0) 0%, #f9f9fa 50.68%, rgba(249, 249, 250, .0001) 100%); 9185 height: var(--blu-loader-skeleton-height); 9186 width: var(--blu-loader-skeleton-width); 9187 background-color: #f1f2f2; 9188 border-radius: var(--blu-loader-skeleton-border-radius) 9189 } 9190 9191 html:not([dark]) .blu-loader-skeleton__gradient[data-v-5d7a33db] { 9192 position: relative; 9193 overflow: hidden; 9194 width: 100%; 9195 height: 100%; 9196 border-radius: var(--blu-loader-skeleton-border-radius) 9197 } 9198 9199 html:not([dark]) .blu-loader-skeleton__gradient[data-v-5d7a33db]:after { 9200 content: ""; 9201 position: absolute; 9202 top: 0; 9203 left: 0; 9204 right: 0; 9205 bottom: 0; 9206 transform: translate(-100%); 9207 background: var(--blu-loader-skeleton-highlight-color-background); 9208 animation: shimmer-5d7a33db .8s infinite .1s 9209 } 9210 9211 html:not([dark]) .blu-loader-skeleton.b-small[data-v-5d7a33db] { 9212 --blu-loader-skeleton-border-radius: 4px 9213 } 9214 9215 html:not([dark]) .blu-loader-skeleton.b-circle[data-v-5d7a33db] { 9216 --blu-loader-skeleton-border-radius: 50% 9217 } 9218 9219 html[dark] .blu-loader-skeleton[data-v-5d7a33db] { 9220 --blu-loader-skeleton-border-radius: 8px; 9221 --blu-loader-skeleton-highlight-color-background: linear-gradient(90deg, rgba(249, 249, 250, 0) 0%, #19222a 50.68%, rgba(249, 249, 250, .0001) 100%); 9222 height: var(--blu-loader-skeleton-height); 9223 width: var(--blu-loader-skeleton-width); 9224 background-color: #28323b; 9225 border-radius: var(--blu-loader-skeleton-border-radius) 9226 } 9227 9228 html[dark] .blu-loader-skeleton__gradient[data-v-5d7a33db] { 9229 position: relative; 9230 overflow: hidden; 9231 width: 100%; 9232 height: 100%; 9233 border-radius: var(--blu-loader-skeleton-border-radius) 9234 } 9235 9236 html[dark] .blu-loader-skeleton__gradient[data-v-5d7a33db]:after { 9237 content: ""; 9238 position: absolute; 9239 top: 0; 9240 left: 0; 9241 right: 0; 9242 bottom: 0; 9243 transform: translate(-100%); 9244 background: var(--blu-loader-skeleton-highlight-color-background); 9245 animation: shimmer-5d7a33db .8s infinite .1s 9246 } 9247 9248 @keyframes shimmer-5d7a33db { 9249 to { 9250 transform: translate(100%) 9251 } 9252 } 9253 9254 html[dark] .blu-loader-skeleton.b-small[data-v-5d7a33db] { 9255 --blu-loader-skeleton-border-radius: 4px 9256 } 9257 9258 html[dark] .blu-loader-skeleton.b-circle[data-v-5d7a33db] { 9259 --blu-loader-skeleton-border-radius: 50% 9260 } 9261 </style> 9262 <style> 9263 html:not([dark]) .blu-loader-general[data-v-5f0af726] { 9264 --blu-loader-general-highlight-color-background: #1d05f7; 9265 --blu-loader-general-base-color-background: #f1f2f2; 9266 width: var(--blu-loader-general-size); 9267 height: var(--blu-loader-general-size) 9268 } 9269 9270 html:not([dark]) .blu-loader-general__asset[data-v-5f0af726] { 9271 animation: general-rotate-5f0af726 1.6s linear infinite; 9272 transform-origin: center center; 9273 transition: all .5s ease-in-out; 9274 width: 100%; 9275 height: 100%; 9276 margin: auto; 9277 transform: rotate(90deg) 9278 } 9279 9280 html:not([dark]) .blu-loader-general__asset--highlight[data-v-5f0af726],html:not([dark]) .blu-loader-general__asset--base[data-v-5f0af726] { 9281 stroke-linecap: round 9282 } 9283 9284 html:not([dark]) .blu-loader-general__asset--highlight[data-v-5f0af726] { 9285 stroke: var(--blu-loader-general-highlight-color-background); 9286 animation: general-highlight-5f0af726 1.6s linear infinite 9287 } 9288 9289 html:not([dark]) .blu-loader-general__asset--base[data-v-5f0af726] { 9290 stroke: var(--blu-loader-general-base-color-background); 9291 animation: general-base-5f0af726 1.6s linear infinite 9292 } 9293 9294 html:not([dark]) .blu-loader-general.b-inverted[data-v-5f0af726] { 9295 --blu-loader-general-highlight-color-background: #ffffff; 9296 --blu-loader-general-base-color-background: #c8cbcd 9297 } 9298 9299 html:not([dark]) .blu-loader-general.b-size-s[data-v-5f0af726] { 9300 --blu-loader-general-size: 16px 9301 } 9302 9303 html:not([dark]) .blu-loader-general.b-size-m[data-v-5f0af726] { 9304 --blu-loader-general-size: 18px 9305 } 9306 9307 html:not([dark]) .blu-loader-general.b-size-l[data-v-5f0af726] { 9308 --blu-loader-general-size: 24px 9309 } 9310 9311 html:not([dark]) .blu-loader-general.b-size-xl[data-v-5f0af726] { 9312 --blu-loader-general-size: 32px 9313 } 9314 9315 html[dark] .blu-loader-general[data-v-5f0af726] { 9316 --blu-loader-general-highlight-color-background: #1d05f7; 9317 --blu-loader-general-base-color-background: #28323b; 9318 width: var(--blu-loader-general-size); 9319 height: var(--blu-loader-general-size) 9320 } 9321 9322 html[dark] .blu-loader-general__asset[data-v-5f0af726] { 9323 animation: general-rotate-5f0af726 1.6s linear infinite; 9324 transform-origin: center center; 9325 transition: all .5s ease-in-out; 9326 width: 100%; 9327 height: 100%; 9328 margin: auto; 9329 transform: rotate(90deg) 9330 } 9331 9332 html[dark] .blu-loader-general__asset--highlight[data-v-5f0af726],html[dark] .blu-loader-general__asset--base[data-v-5f0af726] { 9333 stroke-linecap: round 9334 } 9335 9336 html[dark] .blu-loader-general__asset--highlight[data-v-5f0af726] { 9337 stroke: var(--blu-loader-general-highlight-color-background); 9338 animation: general-highlight-5f0af726 1.6s linear infinite 9339 } 9340 9341 html[dark] .blu-loader-general__asset--base[data-v-5f0af726] { 9342 stroke: var(--blu-loader-general-base-color-background); 9343 animation: general-base-5f0af726 1.6s linear infinite 9344 } 9345 9346 html[dark] .blu-loader-general.b-inverted[data-v-5f0af726] { 9347 --blu-loader-general-highlight-color-background: #12171d; 9348 --blu-loader-general-base-color-background: #60686e 9349 } 9350 9351 html[dark] .blu-loader-general.b-size-s[data-v-5f0af726] { 9352 --blu-loader-general-size: 16px 9353 } 9354 9355 html[dark] .blu-loader-general.b-size-m[data-v-5f0af726] { 9356 --blu-loader-general-size: 18px 9357 } 9358 9359 html[dark] .blu-loader-general.b-size-l[data-v-5f0af726] { 9360 --blu-loader-general-size: 24px 9361 } 9362 9363 html[dark] .blu-loader-general.b-size-xl[data-v-5f0af726] { 9364 --blu-loader-general-size: 32px 9365 } 9366 9367 @keyframes general-highlight-5f0af726 { 9368 0% { 9369 stroke-dasharray: 1,200; 9370 stroke-dashoffset: 0 9371 } 9372 9373 50% { 9374 stroke-dasharray: 50,200; 9375 stroke-dashoffset: -15px 9376 } 9377 9378 to { 9379 stroke-dasharray: 50,200; 9380 stroke-dashoffset: -124px 9381 } 9382 } 9383 9384 @keyframes general-base-5f0af726 { 9385 0% { 9386 stroke-dasharray: 1,200; 9387 stroke-dashoffset: 0 9388 } 9389 9390 to { 9391 stroke-dasharray: 100,200; 9392 stroke-dashoffset: -120px 9393 } 9394 } 9395 9396 @keyframes general-rotate-5f0af726 { 9397 to { 9398 transform: rotate(450deg) 9399 } 9400 } 9401 9402 html:not([dark]) button[data-v-498b5b0a] { 9403 border: none; 9404 background: none; 9405 cursor: pointer; 9406 font-family: Blibli,-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif; 9407 padding: 0 9408 } 9409 9410 html:not([dark]) input[type=submit][data-v-498b5b0a]::-moz-focus-inner,html:not([dark]) input[type=button][data-v-498b5b0a]::-moz-focus-inner { 9411 border: 0px 9412 } 9413 9414 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] { 9415 outline: none 9416 } 9417 9418 html:not([dark]) .blu-button[data-v-498b5b0a] { 9419 --blu-button-border-width: 1px; 9420 --blu-button-border-radius: 64px; 9421 --blu-button-color-text: #ffffff; 9422 --blu-button-color-icon: #ffffff; 9423 --blu-button-opacity: $blu-button-opacity; 9424 --blu-button-size-height: 48px; 9425 --blu-button-icon-size: 24px; 9426 --blu-button-spacing-padding: 0 32px; 9427 --blu-button-spacing-gap: 8px; 9428 --blu-button-text: 600 16px/20px Blibli, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif; 9429 padding: var(--blu-button-spacing-padding); 9430 height: var(--blu-button-size-height); 9431 border-radius: var(--blu-button-border-radius); 9432 transition: transform .3s .08s,all .3s; 9433 color: var(--blu-button-color-text); 9434 background-color: var(--blu-button-color-background); 9435 font: var(--blu-button-text); 9436 box-shadow: 0 0 0 var(--blu-button-border-width) var(--blu-button-color-border); 9437 display: inline-flex; 9438 justify-content: center; 9439 align-items: center; 9440 white-space: nowrap 9441 } 9442 9443 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) { 9444 transform: scale(.875) 9445 } 9446 9447 html:not([dark]) .blu-button[data-v-498b5b0a]:focus-visible { 9448 outline: none 9449 } 9450 9451 html:not([dark]) .blu-button[data-v-498b5b0a]:focus-visible:not(.b-disabled) { 9452 box-shadow: 0 0 0 2px #19222a 9453 } 9454 9455 html:not([dark]) .blu-button__icon[data-v-498b5b0a] { 9456 display: flex; 9457 color: var(--blu-button-color-icon) 9458 } 9459 9460 html:not([dark]) .blu-button__icon[data-v-498b5b0a] svg { 9461 width: var(--blu-button-icon-size); 9462 height: var(--blu-button-icon-size) 9463 } 9464 9465 html:not([dark]) .blu-button.b-has-icon:not(.b-has-icon-only) .blu-button__icon[data-v-498b5b0a] { 9466 margin-right: var(--blu-button-spacing-gap) 9467 } 9468 9469 html:not([dark]) .blu-button.b-has-icon-only[data-v-498b5b0a] { 9470 --blu-button-spacing-padding: 0 12px 9471 } 9472 9473 html:not([dark]) .blu-button.b-loading[data-v-498b5b0a] .blu-loader-wrapper svg { 9474 display: flex; 9475 width: 18px;
9476 height: 18px 9477 } 9478 9479 html:not([dark]) .blu-button.b-disabled[data-v-498b5b0a] { 9480 cursor: not-allowed 9481 } 9482 9483 html:not([dark]) .blu-button.b-disabled[data-v-498b5b0a]:active { 9484 pointer-events: none 9485 } 9486 9487 html:not([dark]) .blu-button.b-full-width[data-v-498b5b0a] { 9488 width: 100% 9489 } 9490 9491 html:not([dark]) .blu-button.b-primary.b-common[data-v-498b5b0a] { 9492 --blu-button-color-background: #1d05f7 9493 } 9494 9495 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) { 9496 --blu-button-color-background: #1d05f7; 9497 --blu-button-color-border: transparent 9498 } 9499 9500 html:not([dark]) .blu-button.b-primary.b-danger[data-v-498b5b0a] { 9501 --blu-button-color-background: #e93c3c 9502 } 9503 9504 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) { 9505 --blu-button-color-background: #ff4646; 9506 --blu-button-color-border: transparent 9507 } 9508 9509 html:not([dark]) .blu-button.b-primary.b-inverted[data-v-498b5b0a] { 9510 --blu-button-color-background: #ffffff; 9511 --blu-button-color-text: #006dea; 9512 --blu-button-color-icon: #1d05f7 9513 } 9514 9515 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) { 9516 --blu-button-color-background: #f9f9fa; 9517 --blu-button-color-border: transparent 9518 } 9519 9520 html:not([dark]) .blu-button.b-primary.b-disabled[data-v-498b5b0a] { 9521 --blu-button-color-background: #e1e3e4; 9522 --blu-button-color-text: rgba(25, 34, 42, .3019607843); 9523 --blu-button-color-icon: rgba(25, 34, 42, .3019607843) 9524 } 9525 9526 html:not([dark]) .blu-button.b-primary.b-disabled[data-v-498b5b0a]:not(.b-inverted) { 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-small[data-v-498b5b0a] { 9533 --blu-button-border-radius: 64px; 9534 --blu-button-size-height: 36px; 9535 --blu-button-spacing-padding: 0 16px; 9536 --blu-button-text: 600 14px/18px Blibli, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif; 9537 --blu-button-icon-size: 18px; 9538 --blu-button-spacing-gap: 4px 9539 } 9540 9541 html:not([dark]) .blu-button.b-small.b-has-icon-only[data-v-498b5b0a] { 9542 --blu-button-spacing-padding: 0 9px 9543 } 9544 9545 html:not([dark]) .blu-button.b-secondary[data-v-498b5b0a] { 9546 --blu-button-color-background: #ffffff 9547 } 9548 9549 html:not([dark]) .blu-button.b-secondary.b-common[data-v-498b5b0a] { 9550 --blu-button-color-border: #1d05f7; 9551 --blu-button-color-text: #006dea; 9552 --blu-button-color-icon: #1d05f7 9553 } 9554 9555 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) { 9556 --blu-button-color-background: #f3f9ff; 9557 --blu-button-color-border: #1d05f7 9558 } 9559 9560 html:not([dark]) .blu-button.b-secondary.b-danger[data-v-498b5b0a] { 9561 --blu-button-color-border: #ff4646; 9562 --blu-button-color-text: #d33534; 9563 --blu-button-color-icon: #e93c3c 9564 } 9565 9566 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) { 9567 --blu-button-color-background: #fff5f5; 9568 --blu-button-color-border: #e93c3c 9569 } 9570 9571 html:not([dark]) .blu-button.b-secondary.b-inverted[data-v-498b5b0a] { 9572 --blu-button-color-background: rgba(25, 34, 42, .3019607843); 9573 --blu-button-color-border: #ffffff; 9574 --blu-button-color-text: #ffffff; 9575 --blu-button-color-icon: #ffffff 9576 } 9577 9578 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) { 9579 --blu-button-color-background: rgba(255, 255, 255, .4); 9580 --blu-button-color-border: #ffffff 9581 } 9582 9583 html:not([dark]) .blu-button.b-secondary.b-disabled[data-v-498b5b0a] { 9584 --blu-button-color-background: #e1e3e4; 9585 --blu-button-color-border: #c8cbcd; 9586 --blu-button-color-text: rgba(25, 34, 42, .3019607843); 9587 --blu-button-color-icon: rgba(25, 34, 42, .3019607843) 9588 } 9589 9590 html:not([dark]) .blu-button.b-secondary.b-disabled[data-v-498b5b0a]:not(.b-inverted) { 9591 --blu-button-color-background: #e1e3e4; 9592 --blu-button-color-border: #c8cbcd; 9593 --blu-button-color-text: rgba(25, 34, 42, .3019607843); 9594 --blu-button-color-icon: rgba(25, 34, 42, .3019607843) 9595 } 9596 9597 html:not([dark]) .blu-button[data-v-498b5b0a] { 9598 width: var(--blu-button-custom-width) 9599 } 9600 9601 html:not([dark]) .blu-button.b-tertiary.b-common[data-v-498b5b0a] { 9602 --blu-button-color-text: #006dea; 9603 --blu-button-color-icon: #1d05f7 9604 } 9605 9606 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) { 9607 --blu-button-color-background: #f3f9ff; 9608 --blu-button-color-border: transparent 9609 } 9610 9611 html:not([dark]) .blu-button.b-tertiary.b-danger[data-v-498b5b0a] { 9612 --blu-button-color-text: #d33534; 9613 --blu-button-color-icon: #e93c3c 9614 } 9615 9616 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) { 9617 --blu-button-color-background: #fff5f5; 9618 --blu-button-color-border: transparent 9619 } 9620 9621 html:not([dark]) .blu-button.b-tertiary.b-inverted[data-v-498b5b0a] { 9622 --blu-button-color-text: #ffffff; 9623 --blu-button-color-icon: #ffffff 9624 } 9625 9626 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) { 9627 --blu-button-color-background: rgba(255, 255, 255, .4); 9628 --blu-button-color-border: transparent 9629 } 9630 9631 html:not([dark]) .blu-button.b-tertiary.b-disabled[data-v-498b5b0a] { 9632 --blu-button-color-text: rgba(255, 255, 255, .4); 9633 --blu-button-color-icon: rgba(255, 255, 255, .4) 9634 } 9635 9636 html:not([dark]) .blu-button.b-tertiary.b-disabled[data-v-498b5b0a]:not(.b-inverted) { 9637 --blu-button-color-text: rgba(25, 34, 42, .3019607843); 9638 --blu-button-color-icon: rgba(25, 34, 42, .3019607843) 9639 } 9640 9641 html:not([dark]) a[data-v-498b5b0a] { 9642 text-decoration: none 9643 } 9644 9645 html[dark] button[data-v-498b5b0a] { 9646 border: none; 9647 background: none; 9648 cursor: pointer; 9649 font-family: Blibli,-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif; 9650 padding: 0 9651 } 9652 9653 html[dark] input[type=submit][data-v-498b5b0a]::-moz-focus-inner,html[dark] input[type=button][data-v-498b5b0a]::-moz-focus-inner { 9654 border: 0px 9655 } 9656 9657 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] { 9658 outline: none 9659 } 9660 9661 html[dark] .blu-button[data-v-498b5b0a] { 9662 --blu-button-border-width: 1px; 9663 --blu-button-border-radius: 64px; 9664 --blu-button-color-text: #ffffff; 9665 --blu-button-color-icon: #ffffff; 9666 --blu-button-opacity: $blu-button-opacity; 9667 --blu-button-size-height: 48px; 9668 --blu-button-icon-size: 24px; 9669 --blu-button-spacing-padding: 0 32px; 9670 --blu-button-spacing-gap: 8px; 9671 --blu-button-text: 600 16px/20px Blibli, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif; 9672 padding: var(--blu-button-spacing-padding); 9673 height: var(--blu-button-size-height); 9674 border-radius: var(--blu-button-border-radius); 9675 transition: transform .3s .08s,all .3s; 9676 color: var(--blu-button-color-text); 9677 background-color: var(--blu-button-color-background); 9678 font: var(--blu-button-text); 9679 box-shadow: 0 0 0 var(--blu-button-border-width) var(--blu-button-color-border); 9680 display: inline-flex; 9681 justify-content: center; 9682 align-items: center; 9683 white-space: nowrap 9684 } 9685 9686 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) { 9687 transform: scale(.875) 9688 } 9689 9690 html[dark] .blu-button[data-v-498b5b0a]:focus-visible { 9691 outline: none 9692 } 9693 9694 html[dark] .blu-button[data-v-498b5b0a]:focus-visible:not(.b-disabled) { 9695 box-shadow: 0 0 0 2px #f9f9fa 9696 } 9697 9698 html[dark] .blu-button__icon[data-v-498b5b0a] { 9699 display: flex; 9700 color: var(--blu-button-color-icon) 9701 } 9702 9703 html[dark] .blu-button__icon[data-v-498b5b0a] svg { 9704 width: var(--blu-button-icon-size); 9705 height: var(--blu-button-icon-size) 9706 } 9707 9708 html[dark] .blu-button.b-has-icon:not(.b-has-icon-only) .blu-button__icon[data-v-498b5b0a] { 9709 margin-right: var(--blu-button-spacing-gap) 9710 } 9711 9712 html[dark] .blu-button.b-has-icon-only[data-v-498b5b0a] { 9713 --blu-button-spacing-padding: 0 12px 9714 } 9715 9716 html[dark] .blu-button.b-loading[data-v-498b5b0a] .blu-loader-wrapper svg { 9717 display: flex; 9718 width: 18px;
9719 height: 18px 9720 } 9721 9722 html[dark] .blu-button.b-disabled[data-v-498b5b0a] { 9723 cursor: not-allowed 9724 } 9725 9726 html[dark] .blu-button.b-disabled[data-v-498b5b0a]:active { 9727 pointer-events: none 9728 } 9729 9730 html[dark] .blu-button.b-full-width[data-v-498b5b0a] { 9731 width: 100% 9732 } 9733 9734 html[dark] .blu-button.b-primary.b-common[data-v-498b5b0a] { 9735 --blu-button-color-background: #1d05f7 9736 } 9737 9738 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) { 9739 --blu-button-color-background: #1d05f7; 9740 --blu-button-color-border: transparent 9741 } 9742 9743 html[dark] .blu-button.b-primary.b-danger[data-v-498b5b0a] { 9744 --blu-button-color-background: #e93c3c 9745 } 9746 9747 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) { 9748 --blu-button-color-background: #ff4646; 9749 --blu-button-color-border: transparent 9750 } 9751 9752 html[dark] .blu-button.b-primary.b-inverted[data-v-498b5b0a] { 9753 --blu-button-color-background: #12171d; 9754 --blu-button-color-text: #1d05f7; 9755 --blu-button-color-icon: #1d05f7 9756 } 9757 9758 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) { 9759 --blu-button-color-background: #19222a; 9760 --blu-button-color-border: transparent 9761 } 9762 9763 html[dark] .blu-button.b-primary.b-disabled[data-v-498b5b0a] { 9764 --blu-button-color-background: #3b444c; 9765 --blu-button-color-text: rgba(255, 255, 255, .3019607843); 9766 --blu-button-color-icon: rgba(255, 255, 255, .3019607843) 9767 } 9768 9769 html[dark] .blu-button.b-primary.b-disabled[data-v-498b5b0a]:not(.b-inverted) { 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-small[data-v-498b5b0a] { 9776 --blu-button-border-radius: 64px; 9777 --blu-button-size-height: 36px; 9778 --blu-button-spacing-padding: 0 16px; 9779 --blu-button-text: 600 14px/18px Blibli, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif; 9780 --blu-button-icon-size: 18px; 9781 --blu-button-spacing-gap: 4px 9782 } 9783 9784 html[dark] .blu-button.b-small.b-has-icon-only[data-v-498b5b0a] { 9785 --blu-button-spacing-padding: 0 9px 9786 } 9787 9788 html[dark] .blu-button.b-secondary[data-v-498b5b0a] { 9789 --blu-button-color-background: #12171d 9790 } 9791 9792 html[dark] .blu-button.b-secondary.b-common[data-v-498b5b0a] { 9793 --blu-button-color-border: #1d05f7; 9794 --blu-button-color-text: #1d05f7; 9795 --blu-button-color-icon: #1d05f7 9796 } 9797 9798 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) { 9799 --blu-button-color-background: #002e7a; 9800 --blu-button-color-border: #1d05f7 9801 } 9802 9803 html[dark] .blu-button.b-secondary.b-danger[data-v-498b5b0a] { 9804 --blu-button-color-border: #ff7373; 9805 --blu-button-color-text: #ff7373; 9806 --blu-button-color-icon: #ff7373 9807 } 9808 9809 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) { 9810 --blu-button-color-background: #631818; 9811 --blu-button-color-border: #ff7373 9812 } 9813 9814 html[dark] .blu-button.b-secondary.b-inverted[data-v-498b5b0a] { 9815 --blu-button-color-background: rgba(255, 255, 255, .3019607843); 9816 --blu-button-color-border: #12171d; 9817 --blu-button-color-text: #12171d; 9818 --blu-button-color-icon: #12171d 9819 } 9820 9821 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) { 9822 --blu-button-color-background: rgba(18, 23, 29, .4); 9823 --blu-button-color-border: #12171d 9824 } 9825 9826 html[dark] .blu-button.b-secondary.b-disabled[data-v-498b5b0a] { 9827 --blu-button-color-background: #3b444c; 9828 --blu-button-color-border: #60686e; 9829 --blu-button-color-text: rgba(255, 255, 255, .3019607843); 9830 --blu-button-color-icon: rgba(255, 255, 255, .3019607843) 9831 } 9832 9833 html[dark] .blu-button.b-secondary.b-disabled[data-v-498b5b0a]:not(.b-inverted) { 9834 --blu-button-color-background: #3b444c; 9835 --blu-button-color-border: #60686e; 9836 --blu-button-color-text: rgba(255, 255, 255, .3019607843); 9837 --blu-button-color-icon: rgba(255, 255, 255, .3019607843) 9838 } 9839 9840 html[dark] .blu-button[data-v-498b5b0a] { 9841 width: var(--blu-button-custom-width) 9842 } 9843 9844 html[dark] .blu-button.b-tertiary.b-common[data-v-498b5b0a] { 9845 --blu-button-color-text: #1d05f7; 9846 --blu-button-color-icon: #1d05f7 9847 } 9848 9849 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) { 9850 --blu-button-color-background: #002e7a; 9851 --blu-button-color-border: transparent 9852 } 9853 9854 html[dark] .blu-button.b-tertiary.b-danger[data-v-498b5b0a] { 9855 --blu-button-color-text: #ff7373; 9856 --blu-button-color-icon: #ff7373 9857 } 9858 9859 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) { 9860 --blu-button-color-background: #631818; 9861 --blu-button-color-border: transparent 9862 } 9863 9864 html[dark] .blu-button.b-tertiary.b-inverted[data-v-498b5b0a] { 9865 --blu-button-color-text: #12171d; 9866 --blu-button-color-icon: #12171d 9867 } 9868 9869 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) { 9870 --blu-button-color-background: rgba(18, 23, 29, .4); 9871 --blu-button-color-border: transparent 9872 } 9873 9874 html[dark] .blu-button.b-tertiary.b-disabled[data-v-498b5b0a] { 9875 --blu-button-color-text: rgba(18, 23, 29, .4); 9876 --blu-button-color-icon: rgba(18, 23, 29, .4) 9877 } 9878 9879 html[dark] .blu-button.b-tertiary.b-disabled[data-v-498b5b0a]:not(.b-inverted) { 9880 --blu-button-color-text: rgba(255, 255, 255, .3019607843); 9881 --blu-button-color-icon: rgba(255, 255, 255, .3019607843) 9882 } 9883 9884 html[dark] a[data-v-498b5b0a] { 9885 text-decoration: none 9886 } 9887 </style> 9888 <style> 9889 html:not([dark]) .blu-badge[data-v-4cd4e6d8] { 9890 --blu-badge-color-text: #ffffff; 9891 --blu-badge-color-border: #ffffff; 9892 --blu-badge-text: 600 12px/16px Blibli, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif; 9893 --blu-badge-border-radius: 4px; 9894 --blu-badge-border-width: 1px; 9895 --blu-badge-padding: 0 4px 1px; 9896 font: var(--blu-badge-text); 9897 border-radius: var(--blu-badge-border-radius); 9898 box-shadow: 0 0 0 var(--blu-badge-border-width) var(--blu-badge-color-border); 9899 padding: var(--blu-badge-padding); 9900 display: inline-flex; 9901 box-sizing: border-box; 9902 justify-content: center; 9903 align-items: center; 9904 line-height: 15px; 9905 max-height: 16px; 9906 white-space: nowrap 9907 } 9908 9909 html:not([dark]) .blu-badge[data-v-4cd4e6d8] svg { 9910 display: flex; 9911 width: 12px; 9912 height: 12px; 9913 color: var(--blu-badge-item-leading-color-icon) 9914 } 9915 9916 html:not([dark]) .blu-badge *[data-v-4cd4e6d8]:not(:last-child) { 9917 margin-right: 2px 9918 } 9919 9920 html:not([dark]) .blu-badge[data-v-4cd4e6d8]:not(.b-dot) { 9921 min-width: 16px 9922 } 9923 9924 html:not([dark]) .blu-badge.b-dot[data-v-4cd4e6d8] { 9925 --blu-badge-size: 8px; 9926 width: var(--blu-badge-size); 9927 height: var(--blu-badge-size) 9928 } 9929 9930 html:not([dark]) .blu-badge[data-v-4cd4e6d8]:not(.b-secondary) { 9931 --blu-badge-item-leading-color-icon: var(--blu-badge-color-icon); 9932 color: var(--blu-badge-color-text); 9933 background-color: var(--blu-badge-color-background) 9934 } 9935 9936 html:not([dark]) .blu-badge.b-secondary[data-v-4cd4e6d8] { 9937 --blu-badge-item-leading-color-icon: var(--blu-badge-color-icon-low); 9938 color: var(--blu-badge-color-text-low); 9939 background-color: var(--blu-badge-color-background-low) 9940 } 9941 9942 html:not([dark]) .blu-badge.b-blue[data-v-4cd4e6d8] { 9943 --blu-badge-color-background-low: #e1f1ff; 9944 --blu-badge-color-background: #1d05f7; 9945 --blu-badge-color-text-low: #006dea; 9946 --blu-badge-color-icon-low: #1d05f7; 9947 --blu-badge-color-icon: #ffffff 9948 } 9949 9950 html:not([dark]) .blu-badge.b-yellow[data-v-4cd4e6d8] { 9951 --blu-badge-color-background-low: #ffe6ce; 9952 --blu-badge-color-background: #ff7f00; 9953 --blu-badge-color-text-low: #dc5300; 9954 --blu-badge-color-icon-low: #f05a00; 9955 --blu-badge-color-icon: #ffffff 9956 } 9957 9958 html:not([dark]) .blu-badge.b-red[data-v-4cd4e6d8] { 9959 --blu-badge-color-background-low: #ffe6e6; 9960 --blu-badge-color-background: #ff4646; 9961 --blu-badge-color-text-low: #d33534; 9962 --blu-badge-color-icon-low: #e93c3c; 9963 --blu-badge-color-icon: #ffffff 9964 } 9965 9966 html:not([dark]) .blu-badge.b-green[data-v-4cd4e6d8] { 9967 --blu-badge-color-background-low: #d6f7da; 9968 --blu-badge-color-background: #22a334; 9969 --blu-badge-color-text-low: #1c832a; 9970 --blu-badge-color-icon-low: #1f912e; 9971 --blu-badge-color-icon: #ffffff 9972 } 9973 9974 html:not([dark]) .blu-badge.b-purple[data-v-4cd4e6d8] { 9975 --blu-badge-color-background-low: #fddef0; 9976 --blu-badge-color-background: #ff0f9d; 9977 --blu-badge-color-text-low: #834bee; 9978 --blu-badge-color-icon-low: #834bee; 9979 --blu-badge-color-icon: #ffffff 9980 } 9981 9982 html:not([dark]) .blu-badge.b-magenta[data-v-4cd4e6d8] { 9983 --blu-badge-color-background-low: #fddef0; 9984 --blu-badge-color-background: #ff0f9d; 9985 --blu-badge-color-text-low: #ff0f9d; 9986 --blu-badge-color-icon-low: #ff0f9d; 9987 --blu-badge-color-icon: #ffffff 9988 } 9989 9990 html:not([dark]) .blu-badge.b-gray[data-v-4cd4e6d8] { 9991 --blu-badge-color-background-low: #f1f2f2; 9992 --blu-badge-color-background: #28323b; 9993 --blu-badge-color-text-low: rgba(25, 34, 42, .7019607843); 9994 --blu-badge-color-text: #ffffff; 9995 --blu-badge-color-icon-low: rgba(25, 34, 42, .7019607843); 9996 --blu-badge-color-icon: #ffffff 9997 } 9998 9999 html:not([dark]) .blu-badge.b-invert[data-v-4cd4e6d8] { 10000 --blu-badge-color-background-low: #ffffff; 10001 --blu-badge-color-background: #ffffff; 10002 --blu-badge-color-text-low: rgba(25, 34, 42, .4); 10003 --blu-badge-color-text: #006dea; 10004 --blu-badge-color-icon-low: rgba(25, 34, 42, .4); 10005 --blu-badge-color-icon: #1d05f7 10006 } 10007 10008 html:not([dark]) .blu-badge.b-notification[data-v-4cd4e6d8] { 10009 --blu-badge-border-radius: 8px 10010 } 10011 10012 html:not([dark]) .blu-badge.b-tooltip[data-v-4cd4e6d8] { 10013 cursor: pointer 10014 } 10015 10016 html[dark] .blu-badge[data-v-4cd4e6d8] { 10017 --blu-badge-color-text: #ffffff; 10018 --blu-badge-color-border: #12171d; 10019 --blu-badge-text: 600 12px/16px Blibli, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif; 10020 --blu-badge-border-radius: 4px; 10021 --blu-badge-border-width: 1px; 10022 --blu-badge-padding: 0 4px 1px; 10023 font: var(--blu-badge-text); 10024 border-radius: var(--blu-badge-border-radius); 10025 box-shadow: 0 0 0 var(--blu-badge-border-width) var(--blu-badge-color-border); 10026 padding: var(--blu-badge-padding); 10027 display: inline-flex; 10028 box-sizing: border-box; 10029 justify-content: center; 10030 align-items: center; 10031 line-height: 15px; 10032 max-height: 16px; 10033 white-space: nowrap 10034 } 10035 10036 html[dark] .blu-badge[data-v-4cd4e6d8] svg { 10037 display: flex; 10038 width: 12px; 10039 height: 12px; 10040 color: var(--blu-badge-item-leading-color-icon) 10041
10041 } 10042 10043 html[dark] .blu-badge *[data-v-4cd4e6d8]:not(:last-child) { 10044 margin-right: 2px 10045 } 10046 10047 html[dark] .blu-badge[data-v-4cd4e6d8]:not(.b-dot) { 10048 min-width: 16px 10049 } 10050 10051 html[dark] .blu-badge.b-dot[data-v-4cd4e6d8] { 10052 --blu-badge-size: 8px; 10053 width: var(--blu-badge-size); 10054 height: var(--blu-badge-size) 10055 } 10056 10057 html[dark] .blu-badge[data-v-4cd4e6d8]:not(.b-secondary) { 10058 --blu-badge-item-leading-color-icon: var(--blu-badge-color-icon); 10059 color: var(--blu-badge-color-text); 10060 background-color: var(--blu-badge-color-background) 10061 } 10062 10063 html[dark] .blu-badge.b-secondary[data-v-4cd4e6d8] { 10064 --blu-badge-item-leading-color-icon: var(--blu-badge-color-icon-low); 10065 color: var(--blu-badge-color-text-low); 10066 background-color: var(--blu-badge-color-background-low) 10067 } 10068 10069 html[dark] .blu-badge.b-blue[data-v-4cd4e6d8] { 10070 --blu-badge-color-background-low: #0046aa; 10071 --blu-badge-color-background: #1d05f7; 10072 --blu-badge-color-text-low: #1d05f7; 10073 --blu-badge-color-icon-low: #1d05f7; 10074 --blu-badge-color-icon: #ffffff 10075 } 10076 10077 html[dark] .blu-badge.b-yellow[data-v-4cd4e6d8] { 10078 --blu-badge-color-background-low: #ffe6ce; 10079 --blu-badge-color-background: #ff7f00; 10080 --blu-badge-color-text-low: #dc5300; 10081 --blu-badge-color-icon-low: #f05a00; 10082 --blu-badge-color-icon: #ffffff 10083 } 10084 10085 html[dark] .blu-badge.b-red[data-v-4cd4e6d8] { 10086 --blu-badge-color-background-low: #8d2221; 10087 --blu-badge-color-background: #ff4646; 10088 --blu-badge-color-text-low: #ff7373; 10089 --blu-badge-color-icon-low: #ff7373; 10090 --blu-badge-color-icon: #ffffff 10091 } 10092 10093 html[dark] .blu-badge.b-green[data-v-4cd4e6d8] { 10094 --blu-badge-color-background-low: #13561c; 10095 --blu-badge-color-background: #22a334; 10096 --blu-badge-color-text-low: #02c82b; 10097 --blu-badge-color-icon-low: #02c82b; 10098 --blu-badge-color-icon: #ffffff 10099 } 10100 10101 html[dark] .blu-badge.b-purple[data-v-4cd4e6d8] { 10102 --blu-badge-color-background-low: #fddef0; 10103 --blu-badge-color-background: #ff0f9d; 10104 --blu-badge-color-text-low: #834bee; 10105 --blu-badge-color-icon-low: #834bee; 10106 --blu-badge-color-icon: #12171d 10107 } 10108 10109 html[dark] .blu-badge.b-magenta[data-v-4cd4e6d8] { 10110 --blu-badge-color-background-low: #fddef0; 10111 --blu-badge-color-background: #ff0f9d; 10112 --blu-badge-color-text-low: #ff0f9d; 10113 --blu-badge-color-icon-low: #ff0f9d; 10114 --blu-badge-color-icon: #12171d 10115 } 10116 10117 html[dark] .blu-badge.b-gray[data-v-4cd4e6d8] { 10118 --blu-badge-color-background-low: #28323b; 10119 --blu-badge-color-background: #f1f2f2; 10120 --blu-badge-color-text-low: rgba(255, 255, 255, .8); 10121 --blu-badge-color-text: #12171d; 10122 --blu-badge-color-icon-low: rgba(255, 255, 255, .8); 10123 --blu-badge-color-icon: #12171d 10124 } 10125 10126 html[dark] .blu-badge.b-invert[data-v-4cd4e6d8] { 10127 --blu-badge-color-background-low: #12171d; 10128 --blu-badge-color-background: #12171d; 10129 --blu-badge-color-text-low: rgba(255, 255, 255, .5019607843); 10130 --blu-badge-color-text: #1d05f7; 10131 --blu-badge-color-icon-low: rgba(255, 255, 255, .5019607843); 10132 --blu-badge-color-icon: #1d05f7 10133 } 10134 10135 html[dark] .blu-badge.b-notification[data-v-4cd4e6d8] { 10136 --blu-badge-border-radius: 8px 10137 } 10138 10139 html[dark] .blu-badge.b-tooltip[data-v-4cd4e6d8] { 10140 cursor: pointer 10141 } 10142 </style> 10143 <link data-vue-meta="2" rel="canonical" href="https://derushah.c
10143om/" /> 10144 <link rel="amphtml" href="https://mobile.derushah.space/" /> 10145 <link rel="alternate" hreflang="id-id" href="https://mobile.derushah.space/"/> 10146 <link rel="alternate" href="https://mobile.derushah.space/"/> 10147 <link rel="alternate" hreflang="id" href="https://mobile.derushah.space/"/> 10148 <link rel="alternate" hreflang="en" href="https://mobile.derushah.space/"/> 10149 <link rel="alternate" hreflang="x-default" href="https://mobile.derushah.space/"/> 10150 <meta data-vue-meta="2" data-vmid="description" name="description" content="Temukan DAUN123 Portal Link Resmi dengan akses cepat, mudah maxwin, login aman, link alternatif terbaru, server anti lag, dan pengalaman bermain yang lancar setiap hari."> 10151 <meta data-vue-meta="2" data-vmid="keywords" name="keywords" content="DAUN123"> 10152 <meta name="publisher" content="DAUN123"> 10153 <meta data-vue-meta="2" data-vmid="og:title" property="og:title" content="DAUN123 Situs Portal Resmi DAUN123 Mudah Menang Hari Ini"> 10154 <meta data-vue-meta="2" data-vmid="og:description" property="og:description" content="Temukan DAUN123 Portal Link Resmi dengan akses cepat, mudah maxwin, login aman, link alternatif terbaru, server anti lag, dan pengalaman bermain yang lancar setiap hari."> 10155 <meta data-vue-meta="2" data-vmid="og:url" property="og:url" content="https://derushah.com/" /> 10156 <meta data-vue-meta="2" data-vmid="og:image" property="og:image" content="https://derushah.com/img/pgdaun123.jpg"> 10157 <meta data-vue-meta="2" data-vmid="og:image:secure_url" property="og:image:secure_url" content="https://derushah.com/img/pgdaun123.jpg"> 10158 <meta data-vue-meta="2" data-vmid="twitter:title" name="twitter:title" content="DAUN123 Situs Portal Resmi DAUN123 Mudah Menang Hari Ini"> 10159 <meta data-vue-meta="2" data-vmid="twitter:description" name="twitter:description" content="Temukan DAUN123 Portal Link Resmi dengan akses cepat, mudah maxwin, login aman, link alternatif terbaru, server anti lag, dan pengalaman bermain yang lancar setiap hari."> 10160 <meta data-vue-meta="2" data-vmid="twitter:url" name="twitter:url" content="https://derushah.com/" /> 10161 <meta data-vue-meta="2" data-vmid="twitter:image" name="twitter:image" content="https://derushah.com/img/pgdaun123.jpg"> 10162 <style> 10163 *[data-v-580f03f0],*[data-v-580f03f0]:before,*[data-v-580f03f0]:after { 10164 box-sizing: border-box 10165 } 10166 10167 html:not([dark]) .blu-modal-wrapper[data-v-580f03f0] { 10168 z-index: 100; 10169 position: fixed 10170 } 10171 10172 html:not([dark]) .blu-modal[data-v-580f03f0] { 10173 --blu-modal-box-shadow: 0 1px 6px 0 rgba(0, 0, 0, .1019607843); 10174 --blu-modal-color-background: #ffffff; 10175 --blu-modal-border-radius: 16px; 10176 --blu-modal-opacity: 0; 10177 --blu-modal-size-width: 100%; 10178 --blu-modal-max-height: calc(100% - 16px); 10179 position: fixed; 10180 z-index: 101; 10181 display: flex; 10182 flex-direction: column; 10183 width: var(--blu-modal-size-width); 10184 max-height: var(--blu-modal-max-height); 10185 max-width: var(--blu-modal-max-width); 10186 box-sizing: border-box; 10187 box-shadow: var(--blu-modal-box-shadow); 10188 border-radius: var(--blu-modal-border-radius); 10189 background-color: var(--blu-modal-color-background); 10190 opacity: var(--blu-modal-opacity); 10191 transition: all .3s 10192 } 10193 10194 html:not([dark]) .blu-modal *[data-v-580f03f0] { 10195 box-sizing: inherit 10196 } 10197
10198 html:not([dark]) .blu-modal.b-active[data-v-580f03f0] { 10199 --blu-modal-opacity: 1 10200 } 10201 10202 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] { 10203 --blu-modal-max-height: 100%; 10204 height: 100% 10205 } 10206 10207 html:not([dark]) .b-status .blu-modal[data-v-580f03f0] { 10208 border-bottom: 4px solid; 10209 border-color: var(--blu-modal-color); 10210 top: 50%; 10211 left: 50%; 10212 transform: translate(-50%,-50%) 10213 } 10214 10215 html:not([dark]) .b-status .blu-modal.b-info[data-v-580f03f0] { 10216 --blu-modal-color: #1d05f7 10217 } 10218 10219 html:not([dark]) .b-status .blu-modal.b-success[data-v-580f03f0] { 10220 --blu-modal-color: #22a334 10221 } 10222 10223 html:not([dark]) .b-status .blu-modal.b-alert[data-v-580f03f0] { 10224 --blu-modal-color: #fedd6c 10225 } 10226 10227 html:not([dark]) .b-status .blu-modal.b-danger[data-v-580f03f0] { 10228 --blu-modal-color: #ff4646 10229 } 10230 10231 @media screen and (min-width: 840px),print { 10232 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] { 10233 transition:all .3s 10234 } 10235 10236 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] { 10237 opacity: 0 10238 } 10239 10240 html:not([dark]) .blu-modal-wrapper:not(.b-drawer) .blu-modal[data-v-580f03f0] { 10241 --blu-modal-max-height: 576px; 10242 top: 50%; 10243 left: 50%; 10244 transform: translate(-50%,-50%) 10245 } 10246 10247 html:not([dark]) .blu-modal-wrapper:not(.b-drawer) .blu-modal.b-small-width[data-v-580f03f0] { 10248 --blu-modal-size-width: 360px 10249 } 10250 10251 html:not([dark]) .blu-modal-wrapper:not(.b-drawer) .blu-modal.b-medium-width[data-v-580f03f0] { 10252 --blu-modal-size-width: 600px 10253 } 10254 10255 html:not([dark]) .blu-modal-wrapper:not(.b-drawer) .blu-modal.b-large-width[data-v-580f03f0] { 10256 --blu-modal-size-width: 800px 10257 } 10258 10259 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] { 10260 --blu-modal-size-width: 360px 10261 } 10262 10263 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] { 10264 --blu-modal-size-width: 600px 10265 } 10266 10267 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] { 10268 --blu-modal-max-height: 576px 10269 } 10270 10271 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] { 10272 transition: all .3s 10273 } 10274 10275 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] { 10276 left: -100vh 10277 } 10278 10279 html:not([dark]) .b-drawer.b-desktop-left .blu-modal[data-v-580f03f0] { 10280 height: 100vh; 10281 left: 0; 10282 top: 0; 10283 bottom: 0; 10284 border-radius: 0 var(--blu-modal-border-radius) var(--blu-modal-border-radius) 0 10285 } 10286 10287 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] { 10288 transition: all .3s 10289 } 10290 10291 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] { 10292 right: -100vh 10293 } 10294 10295 html:not([dark]) .b-drawer.b-desktop-right .blu-modal[data-v-580f03f0] { 10296 height: 100vh; 10297 right: 0; 10298 top: 0; 10299 bottom: 0; 10300 border-radius: var(--blu-modal-border-radius) 0 0 var(--blu-modal-border-radius) 10301 } 10302 10303 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] { 10304 transition: all .3s 10305 } 10306 10307 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] { 10308 top: -100vh 10309 } 10310 10311 html:not([dark]) .b-drawer.b-desktop-top .blu-modal[data-v-580f03f0] { 10312 top: 0; 10313 left: 50%; 10314 transform: translate(-50%); 10315 border-radius: 0 0 var(--blu-modal-border-radius) var(--blu-modal-border-radius) 10316 } 10317 10318 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] { 10319 transition: all .3s 10320 } 10321 10322 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] { 10323 bottom: -100vh 10324 } 10325 10326 html:not([dark]) .b-drawer.b-desktop-bottom .blu-modal[data-v-580f03f0] { 10327 bottom: 0; 10328 left: 50%; 10329 transform: translate(-50%); 10330 border-radius: var(--blu-modal-border-radius) var(--blu-modal-border-radius) 0 0 10331 } 10332 } 10333 10334 @media screen and (max-width: 839px) { 10335 html:not([dark]) .b-status .blu-modal[data-v-580f03f0] { 10336 --blu-modal-size-width:calc(100% - 32px) 10337 } 10338 10339 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] { 10340 transition: all .3s 10341 } 10342 10343 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] { 10344 bottom: -100vh 10345 } 10346 10347 html:not([dark]) .blu-modal-wrapper:not(.b-status):not(.b-drawer):not(.b-mobile-fullscreen) .blu-modal[data-v-580f03f0] { 10348 bottom: 0; 10349 left: 50%; 10350 transform: translate(-50%); 10351 border-radius: var(--blu-modal-border-radius) var(--blu-modal-border-radius) 0 0 10352 } 10353 10354 html:not([dark]) .blu-modal-wrapper:not(.b-status):not(.b-drawer):not(.b-mobile-fullscreen) .blu-modal.b-max-width[data-v-580f03f0] { 10355 --blu-modal-max-width: 600px 10356 } 10357 10358 html:not([dark]) .b-mobile-fullscreen.fade-enter-active[data-v-580f03f0],html:not([dark]) .b-mobile-fullscreen.fade-leave-active[data-v-580f03f0] { 10359 transition: all .3s 10360 } 10361 10362 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] { 10363 bottom: -100vh 10364 } 10365 10366 html:not([dark]) .b-mobile-fullscreen .blu-modal[data-v-580f03f0] { 10367 --blu-modal-max-height: 100%; 10368 height: 100%; 10369 width: 100%; 10370 border-radius: unset; 10371 bottom: 0; 10372 left: 0; 10373 transform: none 10374 } 10375 10376 html:not([dark]) .b-mobile-fullscreen .blu-modal[data-v-580f03f0] .blu-modal__header { 10377 box-shadow: var(--blu-modal-box-shadow) 10378 } 10379 10380 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] { 10381 top: 0 10382 } 10383 10384 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] { 10385 transition: all .3s 10386 } 10387 10388 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] { 10389 left: -100vh 10390 } 10391 10392 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] { 10393 transition: all .3s 10394 } 10395 10396 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] { 10397 right: -100vh 10398 } 10399 10400 html:not([dark]) .b-mobile-fullscreen.b-desktop-right .blu-modal[data-v-580f03f0] { 10401 left: revert; 10402 right: 0 10403 } 10404 10405 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] { 10406 transition: all .3s 10407 } 10408 10409 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] { 10410 top: -100vh 10411 } 10412 10413 html:not([dark]) .b-mobile-fullscreen.b-desktop-top .blu-modal[data-v-580f03f0] { 10414 bottom: revert 10415 } 10416 } 10417 10418 html:not([dark]) .b-scrim[data-v-580f03f0] { 10419 --blu-color-scrim-background: rgba(0, 0, 0, .6); 10420 position: fixed; 10421 top: 0; 10422 left: 0; 10423 z-index: 99; 10424 width: 100%; 10425 height: 100%; 10426 background-color: var(--blu-color-scrim-background); 10427 display: flex; 10428 flex-direction: column; 10429 justify-content: center; 10430 align-items: center; 10431 transition: opacity .3s; 10432 opacity: 1 10433 } 10434 10435 html:not([dark]) .fade-enter-active .b-scrim[data-v-580f03f0],html:not([dark]) .fade-leave-active .b-scrim[data-v-580f03f0] { 10436 transition: opacity .3s 10437 } 10438 10439 html:not([dark]) .fade-enter-to .b-scrim[data-v-580f03f0] { 10440 opacity: 1 10441 } 10442 10443 html:not([dark]) .fade-leave-to .b-scrim[data-v-580f03f0] { 10444 opacity: 0 10445 } 10446 10447 html[dark] .blu-modal-wrapper[data-v-580f03f0] { 10448 z-index: 100; 10449 position: fixed 10450 } 10451 10452 html[dark] .blu-modal[data-v-580f03f0] { 10453 --blu-modal-box-shadow: inset 0 0 0 30000px rgba(109, 220, 255, .1019607843); 10454 --blu-modal-color-background: #12171d; 10455 --blu-modal-border-radius: 16px; 10456 --blu-modal-opacity: 0; 10457 --blu-modal-size-width: 100%; 10458 --blu-modal-max-height: calc(100% - 16px); 10459 position: fixed; 10460 z-index: 101; 10461 display: flex; 10462 flex-direction: column; 10463 width: var(--blu-modal-size-width); 10464 max-height: var(--blu-modal-max-height); 10465 max-width: var(--blu-modal-max-width); 10466 box-sizing: border-box; 10467 box-shadow: var(--blu-modal-box-shadow); 10468 border-radius: var(--blu-modal-border-radius); 10469 background-color: var(--blu-modal-color-background); 10470 opacity: var(--blu-modal-opacity); 10471 transition: all .3s 10472 } 10473 10474 html[dark] .blu-modal *[data-v-580f03f0] { 10475 box-sizing: inherit 10476 } 10477
10478 html[dark] .blu-modal.b-active[data-v-580f03f0] { 10479 --blu-modal-opacity: 1 10480 } 10481 10482 html[dark] .b-drawer.b-desktop-left .blu-modal[data-v-580f03f0],html[dark] .b-drawer.b-desktop-right .blu-modal[data-v-580f03f0] { 10483 --blu-modal-max-height: 100%; 10484 height: 100% 10485 } 10486 10487 html[dark] .b-status .blu-modal[data-v-580f03f0] { 10488 border-bottom: 4px solid; 10489 border-color: var(--blu-modal-color); 10490 top: 50%; 10491 left: 50%; 10492 transform: translate(-50%,-50%) 10493 } 10494 10495 html[dark] .b-status .blu-modal.b-info[data-v-580f03f0] { 10496 --blu-modal-color: #1d05f7 10497 } 10498 10499 html[dark] .b-status .blu-modal.b-success[data-v-580f03f0] { 10500 --blu-modal-color: #02c82b 10501 } 10502 10503 html[dark] .b-status .blu-modal.b-alert[data-v-580f03f0] { 10504 --blu-modal-color: #7e4704 10505 } 10506 10507 html[dark] .b-status .blu-modal.b-danger[data-v-580f03f0] { 10508 --blu-modal-color: #ff7373 10509 } 10510 10511 @media screen and (min-width: 840px),print { 10512 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] { 10513 transition:all .3s 10514 } 10515 10516 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] { 10517 opacity: 0 10518 } 10519 10520 html[dark] .blu-modal-wrapper:not(.b-drawer) .blu-modal[data-v-580f03f0] { 10521 --blu-modal-max-height: 576px; 10522 top: 50%; 10523 left: 50%; 10524 transform: translate(-50%,-50%) 10525 } 10526 10527 html[dark] .blu-modal-wrapper:not(.b-drawer) .blu-modal.b-small-width[data-v-580f03f0] { 10528 --blu-modal-size-width: 360px 10529 } 10530 10531 html[dark] .blu-modal-wrapper:not(.b-drawer) .blu-modal.b-medium-width[data-v-580f03f0] { 10532 --blu-modal-size-width: 600px 10533 } 10534 10535 html[dark] .blu-modal-wrapper:not(.b-drawer) .blu-modal.b-large-width[data-v-580f03f0] { 10536 --blu-modal-size-width: 800px 10537 } 10538 10539 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] { 10540 --blu-modal-size-width: 360px 10541 } 10542 10543 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] { 10544 --blu-modal-size-width: 600px 10545 } 10546 10547 html[dark] .b-drawer.b-desktop-top .blu-modal[data-v-580f03f0],html[dark] .b-drawer.b-desktop-bottom .blu-modal[data-v-580f03f0] { 10548 --blu-modal-max-height: 576px 10549 } 10550 10551 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] { 10552 transition: all .3s 10553 } 10554 10555 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] { 10556 left: -100vh 10557 } 10558 10559 html[dark] .b-drawer.b-desktop-left .blu-modal[data-v-580f03f0] { 10560 height: 100vh; 10561 left: 0; 10562 top: 0; 10563 bottom: 0; 10564 border-radius: 0 var(--blu-modal-border-radius) var(--blu-modal-border-radius) 0 10565 } 10566 10567 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] { 10568 transition: all .3s 10569 } 10570 10571 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] { 10572 right: -100vh 10573 } 10574 10575 html[dark] .b-drawer.b-desktop-right .blu-modal[data-v-580f03f0] { 10576 height: 100vh; 10577 right: 0; 10578 top: 0; 10579 bottom: 0; 10580 border-radius: var(--blu-modal-border-radius) 0 0 var(--blu-modal-border-radius) 10581 } 10582 10583 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] { 10584 transition: all .3s 10585 } 10586 10587 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] { 10588 top: -100vh 10589 } 10590 10591 html[dark] .b-drawer.b-desktop-top .blu-modal[data-v-580f03f0] { 10592 top: 0; 10593 left: 50%; 10594 transform: translate(-50%); 10595 border-radius: 0 0 var(--blu-modal-border-radius) var(--blu-modal-border-radius) 10596 } 10597 10598 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] { 10599 transition: all .3s 10600 } 10601 10602 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] { 10603 bottom: -100vh 10604 } 10605 10606 html[dark] .b-drawer.b-desktop-bottom .blu-modal[data-v-580f03f0] { 10607 bottom: 0; 10608 left: 50%; 10609 transform: translate(-50%); 10610 border-radius: var(--blu-modal-border-radius) var(--blu-modal-border-radius) 0 0 10611 } 10612 } 10613 10614 @media screen and (max-width: 839px) { 10615 html[dark] .b-status .blu-modal[data-v-580f03f0] { 10616 --blu-modal-size-width:calc(100% - 32px) 10617 } 10618 10619 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] { 10620 transition: all .3s 10621 } 10622 10623 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] { 10624 bottom: -100vh 10625 } 10626 10627 html[dark] .blu-modal-wrapper:not(.b-status):not(.b-drawer):not(.b-mobile-fullscreen) .blu-modal[data-v-580f03f0] { 10628 bottom: 0; 10629 left: 50%; 10630 transform: translate(-50%); 10631 border-radius: var(--blu-modal-border-radius) var(--blu-modal-border-radius) 0 0 10632 } 10633 10634 html[dark] .blu-modal-wrapper:not(.b-status):not(.b-drawer):not(.b-mobile-fullscreen) .blu-modal.b-max-width[data-v-580f03f0] { 10635 --blu-modal-max-width: 600px 10636 } 10637 10638 html[dark] .b-mobile-fullscreen.fade-enter-active[data-v-580f03f0],html[dark] .b-mobile-fullscreen.fade-leave-active[data-v-580f03f0] { 10639 transition: all .3s 10640 } 10641 10642 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] { 10643 bottom: -100vh 10644 } 10645 10646 html[dark] .b-mobile-fullscreen .blu-modal[data-v-580f03f0] { 10647 --blu-modal-max-height: 100%; 10648 height: 100%; 10649 width: 100%; 10650 border-radius: unset; 10651 bottom: 0; 10652 left: 0; 10653 transform: none 10654 } 10655 10656 html[dark] .b-mobile-fullscreen .blu-modal[data-v-580f03f0] .blu-modal__header { 10657 box-shadow: var(--blu-modal-box-shadow) 10658 } 10659 10660 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] { 10661 top: 0 10662 } 10663 10664 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] { 10665 transition: all .3s 10666 } 10667 10668 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] { 10669 left: -100vh 10670 } 10671 10672 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] { 10673 transition: all .3s 10674 } 10675 10676 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] { 10677 right: -100vh 10678 } 10679 10680 html[dark] .b-mobile-fullscreen.b-desktop-right .blu-modal[data-v-580f03f0] { 10681 left: revert; 10682 right: 0 10683 } 10684 10685 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] { 10686 transition: all .3s 10687 } 10688 10689 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] { 10690 top: -100vh 10691 } 10692 10693 html[dark] .b-mobile-fullscreen.b-desktop-top .blu-modal[data-v-580f03f0] { 10694 bottom: revert 10695 } 10696 } 10697 10698 html[dark] .b-scrim[data-v-580f03f0] { 10699 --blu-color-scrim-background: rgba(0, 0, 0, .6); 10700 position: fixed; 10701 top: 0; 10702 left: 0; 10703 z-index: 99; 10704 width: 100%; 10705 height: 100%; 10706 background-color: var(--blu-color-scrim-background); 10707 display: flex; 10708 flex-direction: column; 10709 justify-content: center; 10710 align-items: center; 10711 transition: opacity .3s; 10712 opacity: 1 10713 } 10714 10715 html[dark] .fade-enter-active .b-scrim[data-v-580f03f0],html[dark] .fade-leave-active .b-scrim[data-v-580f03f0] { 10716 transition: opacity .3s 10717 } 10718 10719 html[dark] .fade-enter-to .b-scrim[data-v-580f03f0] { 10720 opacity: 1 10721 } 10722 10723 html[dark] .fade-leave-to .b-scrim[data-v-580f03f0] { 10724 opacity: 0 10725 } 10726 </style> 10727 <style> 10728 html:not([dark]) .blu-modal__header[data-v-48938041] { 10729 --blu-modal-header-text: 600 20px/24px Blibli, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif; 10730 --blu-modal-header-color: #19222a; 10731 --blu-modal-header-icon-color: #797f85; 10732 --blu-modal-header-padding: 16px; 10733 --blu-modal-header-gap: 4px; 10734 padding: var(--blu-modal-header-padding); 10735 color: var(--blu-modal-header-color) 10736 } 10737 10738 @media screen and (max-width: 839px) { 10739 html:not([dark]) .blu-modal__header[data-v-48938041] { 10740 --blu-modal-header-padding: 12px 16px 10741 } 10742 } 10743 10744 html:not([dark]) .blu-modal__header-main[data-v-48938041] { 10745 display: flex; 10746 width: 100% 10747 } 10748 10749 html:not([dark]) .blu-modal__header-main *[data-v-48938041]:not(:last-child):not(.blu-modal__header-main--item-leading) { 10750 margin-right: var(--blu-modal-header-gap) 10751 } 10752 10753 html:not([dark]) .blu-modal__header-main--title[data-v-48938041] { 10754 font: var(--blu-modal-header-text); 10755 margin: auto auto auto 0; 10756 width: 100%; 10757 overflow: hidden 10758 } 10759 10760 @media screen and (max-width: 839px) { 10761 html:not([dark]) .blu-modal__header-main--title[data-v-48938041] { 10762 --blu-modal-header-text: 600 16px/20px Blibli, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif 10763 } 10764 } 10765 10766 html:not([dark]) .blu-modal__header-main--item-leading[data-v-48938041],html:not([dark]) .blu-modal__header-main--item-trailing[data-v-48938041] { 10767 color: var(--blu-modal-header-icon-color); 10768 display: flex; 10769 cursor: pointer 10770 } 10771 10772 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 { 10773 padding: 4px; 10774 box-sizing: content-box 10775 } 10776 10777 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) { 10778 margin-right: var(--blu-modal-header-gap) 10779 } 10780 10781 @media screen and (min-width: 840px),print { 10782 html:not([dark]) .blu-modal__header-main--item-leading[data-v-48938041] { 10783 order:3; 10784 flex-direction: row-reverse; 10785 margin-left: var(--blu-modal-header-gap) 10786 } 10787 } 10788 10789 @media screen and (max-width: 839px) { 10790 html:not([dark]) .blu-modal__header-main--item-leading[data-v-48938041] { 10791 margin-right:var(--blu-modal-header-gap) 10792 } 10793 } 10794 10795 html:not([dark]) .blu-modal__header-main--item-trailing[data-v-48938041] { 10796 margin-left: auto 10797 } 10798 10799 html:not([dark]) .blu-modal__header-main--close-icon[data-v-48938041]:focus { 10800 outline: none 10801 } 10802 10803 html:not([dark]) .blu-modal__header-main--close-icon[data-v-48938041]:focus-visible { 10804 outline: 2px solid #19222a 10805 } 10806 10807 html:not([dark]) .blu-modal__header.b-padding-top-0[data-v-48938041] { 10808 padding-top: 0 10809 } 10810 10811 html:not([dark]) .blu-modal__header.b-padding-bottom-0[data-v-48938041] { 10812 padding-bottom: 0 10813 } 10814 10815 html:not([dark]) .b-info .blu-modal__header[data-v-48938041] { 10816 --blu-modal-icon-header-status: #1d05f7; 10817 --blu-modal-header-icon-spacing-gap: 4px 0 8px 10818 } 10819 10820 html:not([dark]) .b-info .blu-modal__header-status-icon[data-v-48938041] { 10821 color: var(--blu-modal-icon-header-status); 10822 display: flex; 10823 margin: var(--blu-modal-header-icon-spacing-gap) 10824 } 10825 10826 html:not([dark]) .b-success .blu-modal__header[data-v-48938041] { 10827 --blu-modal-icon-header-status:
10827 #1f912e; 10828 --blu-modal-header-icon-spacing-gap: 4px 0 8px 10829 } 10830 10831 html:not([dark]) .b-success .blu-modal__header-status-icon[data-v-48938041] { 10832 color: var(--blu-modal-icon-header-status); 10833 display: flex; 10834 margin: var(--blu-modal-header-icon-spacing-gap) 10835 } 10836 10837 html:not([dark]) .b-alert .blu-modal__header[data-v-48938041] { 10838 --blu-modal-icon-header-status: #bc6e06; 10839 --blu-modal-header-icon-spacing-gap: 4px 0 8px 10840 } 10841 10842 html:not([dark]) .b-alert .blu-modal__header-status-icon[data-v-48938041] { 10843 color: var(--blu-modal-icon-header-status); 10844 display: flex; 10845 margin: var(--blu-modal-header-icon-spacing-gap) 10846 } 10847 10848 html:not([dark]) .b-danger .blu-modal__header[data-v-48938041] { 10849 --blu-modal-icon-header-status: #e93c3c; 10850 --blu-modal-header-icon-spacing-gap: 4px 0 8px 10851 } 10852 10853 html:not([dark]) .b-danger .blu-modal__header-status-icon[data-v-48938041] { 10854 color: var(--blu-modal-icon-header-status); 10855 display: flex; 10856 margin: var(--blu-modal-header-icon-spacing-gap) 10857 } 10858 10859 html[dark] .blu-modal__header[data-v-48938041] { 10860 --blu-modal-header-text: 600 20px/24px Blibli, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif; 10861 --blu-modal-header-color: #ffffff; 10862 --blu-modal-header-icon-color: #acb0b4; 10863 --blu-modal-header-padding: 16px; 10864 --blu-modal-header-gap: 4px; 10865 padding: var(--blu-modal-header-padding); 10866 color: var(--blu-modal-header-color) 10867 } 10868 10869 @media screen and (max-width: 839px) { 10870 html[dark] .blu-modal__header[data-v-48938041] { 10871 --blu-modal-header-padding: 12px 16px 10872 } 10873 } 10874 10875 html[dark] .blu-modal__header-main[data-v-48938041] { 10876 display: flex; 10877 width: 100% 10878 } 10879 10880 html[dark] .blu-modal__header-main *[data-v-48938041]:not(:last-child):not(.blu-modal__header-main--item-leading) { 10881 margin-right: var(--blu-modal-header-gap) 10882 } 10883 10884 html[dark] .blu-modal__header-main--title[data-v-48938041] { 10885 font: var(--blu-modal-header-text); 10886 margin: auto auto auto 0; 10887 width: 100%; 10888 overflow: hidden 10889 } 10890 10891 @media screen and (max-width: 839px) { 10892 html[dark] .blu-modal__header-main--title[data-v-48938041] { 10893 --blu-modal-header-text: 600 16px/20px Blibli, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif 10894 } 10895 } 10896 10897 html[dark] .blu-modal__header-main--item-leading[data-v-48938041],html[dark] .blu-modal__header-main--item-trailing[data-v-48938041] { 10898 color: var(--blu-modal-header-icon-color); 10899 display: flex; 10900 cursor: pointer 10901 } 10902 10903 html[dark] .blu-modal__header-main--item-leading[data-v-48938041] svg,html[dark] .blu-modal__header-main--item-trailing[data-v-48938041] svg { 10904 padding: 4px; 10905 box-sizing: content-box 10906 } 10907 10908 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) { 10909 margin-right: var(--blu-modal-header-gap) 10910 } 10911 10912 @media screen and (min-width: 840px),print { 10913 html[dark] .blu-modal__header-main--item-leading[data-v-48938041] { 10914 order:3; 10915 flex-direction: row-reverse; 10916 margin-left: var(--blu-modal-header-gap) 10917 } 10918 } 10919 10920 @media screen and (max-width: 839px) { 10921 html[dark] .blu-modal__header-main--item-leading[data-v-48938041] { 10922 margin-right:var(--blu-modal-header-gap) 10923 } 10924 } 10925 10926 html[dark] .blu-modal__header-main--item-trailing[data-v-48938041] { 10927 margin-left: auto 10928 } 10929 10930 html[dark] .blu-modal__header-main--close-icon[data-v-48938041]:focus { 10931 outline: none 10932 } 10933 10934 html[dark] .blu-modal__header-main--close-icon[data-v-48938041]:focus-visible { 10935 outline: 2px solid #f9f9fa 10936 } 10937 10938 html[dark] .blu-modal__header.b-padding-top-0[data-v-48938041] { 10939 padding-top: 0 10940 } 10941 10942 html[dark] .blu-modal__header.b-padding-bottom-0[data-v-48938041] { 10943 padding-bottom: 0 10944 } 10945 10946 html[dark] .b-info .blu-modal__header[data-v-48938041] { 10947 --blu-modal-icon-header-status: #1d05f7; 10948 --blu-modal-header-icon-spacing-gap: 4px 0 8px 10949 } 10950 10951 html[dark] .b-info .blu-modal__header-status-icon[data-v-48938041] { 10952 color: var(--blu-modal-icon-header-status); 10953 display: flex; 10954 margin: var(--blu-modal-header-icon-spacing-gap) 10955 } 10956 10957 html[dark] .b-success .blu-modal__header[data-v-48938041] { 10958 --blu-modal-icon-header-status: #02c82b; 10959 --blu-modal-header-icon-spacing-gap: 4px 0 8px 10960 } 10961 10962 html[dark] .b-success .blu-modal__header-status-icon[data-v-48938041] { 10963 color: var(--blu-modal-icon-header-status); 10964 display: flex; 10965 margin: var(--blu-modal-header-icon-spacing-gap) 10966 } 10967 10968 html[dark] .b-alert .blu-modal__header[data-v-48938041] { 10969 --blu-modal-icon-header-status: #f2b11b; 10970 --blu-modal-header-icon-spacing-gap: 4px 0 8px 10971 } 10972 10973 html[dark] .b-alert .blu-modal__header-status-icon[data-v-48938041] { 10974 color: var(--blu-modal-icon-header-status); 10975 display: flex; 10976 margin: var(--blu-modal-header-icon-spacing-gap) 10977 } 10978 10979 html[dark] .b-danger .blu-modal__header[data-v-48938041] { 10980 --blu-modal-icon-header-status: #ff7373; 10981 --blu-modal-header-icon-spacing-gap: 4px 0 8px 10982 } 10983 10984 html[dark] .b-danger .blu-modal__header-status-icon[data-v-48938041] { 10985 color: var(--blu-modal-icon-header-status); 10986 display: flex; 10987 margin: var(--blu-modal-header-icon-spacing-gap) 10988 } 10989 </style> 10990 <style> 10991 *[data-v-ee0005ae],*[data-v-ee0005ae]:before,*[data-v-ee0005ae]:after { 10992 box-sizing: border-box 10993 } 10994 10995 html:not([dark]) .blu-modal__body[data-v-ee0005ae] { 10996 --blu-modal-body-text: 500 16px/20px Blibli, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif; 10997 --blu-modal-body-color: rgba(25, 34, 42, .7019607843); 10998 --blu-modal-body-padding: 4px 16px 12px; 10999 --blu-modal-body-addition-gap: 8px 16px; 11000 font: var(--blu-modal-body-text); 11001 color: var(--blu-modal-body-color); 11002 display: flex; 11003 flex-direction: column; 11004 overscroll-behavior: contain 11005 } 11006 11007 html:not([dark]) .blu-modal__body-content[data-v-ee0005ae] { 11008 padding: var(--blu-modal-body-padding) 11009 } 11010 11011 html:not([dark]) .blu-modal__body-addition[data-v-ee0005ae] { 11012 padding: var(--blu-modal-body-addition-gap) 11013 } 11014 11015 html:not([dark]) .blu-modal__body.b-has-no-padding[data-v-ee0005ae] { 11016 --blu-modal-body-padding: 0 11017 } 11018 11019 @media screen and (max-width: 839px) { 11020 html:not([dark]) .blu-modal__body[data-v-ee0005ae] { 11021 --blu-modal-body-text: 500 14px/18px Blibli, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif 11022 } 11023 } 11024 11025 html:not([dark]) .b-overflow-y[data-v-ee0005ae] { 11026 scrollbar-color: rgba(25,34,42,.3019607843) transparent; 11027 scrollbar-width: thin 11028 } 11029 11030 html:not([dark]) .b-overflow-y[data-v-ee0005ae]::-webkit-scrollbar { 11031 width: 4px; 11032 height: 8px; 11033 background-color: transparent 11034 } 11035 11036 html:not([dark]) .b-overflow-y[data-v-ee0005ae]::-webkit-scrollbar-track { 11037 margin: 13px 0 11038 } 11039 11040 html:not([dark]) .b-overflow-y[data-v-ee0005ae]::-webkit-scrollbar-thumb { 11041 box-shadow: inset 0 0 14px 14px transparent; 11042 border-radius: 4px; 11043 background-color: #19222a4d; 11044 scrollbar-color: rgba(25,34,42,.3019607843) 11045 } 11046 11047 html:not([dark]) .b-overflow-y[data-v-ee0005ae]:hover::-webkit-scrollbar { 11048 width: 4px 11049 } 11050 11051 html:not([dark]) .b-overflow-y[data-v-ee0005ae]:hover::-webkit-scrollbar-track { 11052 border: solid 2px transparent 11053 } 11054 11055 html:not([dark]) .b-overflow-y[data-v-ee0005ae]:hover::-webkit-scrollbar-thumb:hover { 11056 box-shadow: inset 0 0 14px 14px transparent; 11057 background-color: #19222a4d; 11058 scrollbar-color: rgba(25,34,42,.3019607843) transparent 11059 } 11060 11061 html:not([dark]) .b-overflow-y[data-v-ee0005ae]::-webkit-scrollbar-track { 11062 border-radius: 3px; 11063 background-color: transparent 11064 } 11065 11066 html:not([dark]) .b-overflow-y.hidden[data-v-ee0005ae] { 11067 scrollbar-width: none 11068 } 11069 11070 html:not([dark]) .b-overflow-y.hidden[data-v-ee0005ae]::-webkit-scrollbar-thumb { 11071 border-radius: 4px; 11072 background-color: transparent 11073 } 11074 11075 html:not([dark]) .b-overflow-y.hidden[data-v-ee0005ae]:hover { 11076 scrollbar-width: thin 11077 } 11078 11079 html:not([dark]) .b-overflow-y.hidden[data-v-ee0005ae]:hover::-webkit-scrollbar-thumb { 11080 box-shadow: inset 0 0 14px 14px transparent; 11081 border-radius: 4px; 11082 background-color: #19222a4d; 11083 scrollbar-color: rgba(25,34,42,.3019607843) transparent 11084 } 11085 11086 html:not([dark]) .b-overflow-y.hidden[data-v-ee0005ae]:hover::-webkit-scrollbar-thumb:hover { 11087 box-shadow: inset 0 0 14px 14px transparent; 11088 background-color: #19222a4d; 11089 scrollbar-color: rgba(25,34,42,.3019607843) transparent 11090 } 11091 11092 html:not([dark]) .b-overflow-y[data-v-ee0005ae] { 11093 overflow-y: auto; 11094 margin: 0 11095 } 11096 11097 html[dark] .blu-modal__body[data-v-ee0005ae] { 11098 --blu-modal-body-text: 500 16px/20px Blibli, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif; 11099 --blu-modal-body-color: rgba(255, 255, 255, .8); 11100 --blu-modal-body-padding: 4px 16px 12px; 11101 --blu-modal-body-addition-gap: 8px 16px; 11102 font: var(--blu-modal-body-text); 11103 color: var(--blu-modal-body-color); 11104 display: flex; 11105 flex-direction: column; 11106 overscroll-behavior: contain 11107 } 11108 11109 html[dark] .blu-modal__body-content[data-v-ee0005ae] { 11110 padding: var(--blu-modal-body-padding) 11111 } 11112 11113 html[dark] .blu-modal__body-addition[data-v-ee0005ae] { 11114 padding: var(--blu-modal-body-addition-gap) 11115 } 11116 11117 html[dark] .blu-modal__body.b-has-no-padding[data-v-ee0005ae] { 11118 --blu-modal-body-padding: 0 11119 } 11120 11121 @media screen and (max-width: 839px) { 11122 html[dark] .blu-modal__body[data-v-ee0005ae] { 11123 --blu-modal-body-text: 500 14px/18px Blibli, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif 11124 } 11125 } 11126 11127 html[dark] .b-overflow-y[data-v-ee0005ae] { 11128 scrollbar-color: rgba(255,255,255,.3019607843) transparent; 11129 scrollbar-width: thin 11130 } 11131 11132 html[dark] .b-overflow-y[data-v-ee0005ae]::-webkit-scrollbar { 11133 width: 4px; 11134 height: 8px; 11135 background-color: transparent 11136 } 11137 11138 html[dark] .b-overflow-y[data-v-ee0005ae]::-webkit-scrollbar-track { 11139 margin: 13px 0 11140 } 11141 11142 html[dark] .b-overflow-y[data-v-ee0005ae]::-webkit-scrollbar-thumb { 11143 box-shadow: inset 0 0 14px 14px transparent; 11144 border-radius: 4px; 11145 background-color: #ffffff4d; 11146 scrollbar-color: rgba(255,255,255,.3019607843) 11147 } 11148 11149 html[dark] .b-overflow-y[data-v-ee0005ae]:hover::-webkit-scrollbar { 11150 width: 4px 11151 } 11152 11153 html[dark] .b-overflow-y[data-v-ee0005ae]:hover::-webkit-scrollbar-track { 11154 border: solid 2px transparent 11155 } 11156 11157 html[dark] .b-overflow-y[data-v-ee0005ae]:hover::-webkit-scrollbar-thumb:hover { 11158 box-shadow: inset 0 0 14px 14px transparent; 11159 background-color: #ffffff4d; 11160 scrollbar-color: rgba(255,255,255,.3019607843) transparent 11161 } 11162 11163 html[dark] .b-overflow-y[data-v-ee0005ae]::-webkit-scrollbar-track { 11164 border-radius: 3px; 11165 background-color: transparent 11166 } 11167 11168 html[dark] .b-overflow-y.hidden[data-v-ee0005ae] { 11169 scrollbar-width: none 11170 } 11171 11172 html[dark] .b-overflow-y.hidden[data-v-ee0005ae]::-webkit-scrollbar-thumb { 11173 border-radius: 4px; 11174 background-color: transparent 11175 } 11176 11177 html[dark] .b-overflow-y.hidden[data-v-ee0005ae]:hover { 11178 scrollbar-width: thin 11179 } 11180 11181 html[dark] .b-overflow-y.hidden[data-v-ee0005ae]:hover::-webkit-scrollbar-thumb { 11182 box-shadow: inset 0 0 14px 14px transparent; 11183 border-radius: 4px; 11184 background-color: #ffffff4d; 11185 scrollbar-color: rgba(255,255,255,.3019607843) transparent 11186 } 11187 11188 html[dark] .b-overflow-y.hidden[data-v-ee0005ae]:hover::-webkit-scrollbar-thumb:hover { 11189 box-shadow: inset 0 0 14px 14px transparent; 11190 background-color: #ffffff4d; 11191 scrollbar-color: rgba(255,255,255,.3019607843) transparent 11192 } 11193 11194 html[dark] .b-overflow-y[data-v-ee0005ae] { 11195 overflow-y: auto; 11196 margin: 0 11197 } 11198 </style> 11199 <style> 11200 html:not([dark]) .blu-modal__footer[data-v-1b4528ab] { 11201 --blu-modal-footer-padding: 16px; 11202 --blu-modal-footer-gap: 8px; 11203 display: flex; 11204 justify-content: flex-end; 11205 padding: var(--blu-modal-footer-padding); 11206 box-sizing: border-box; 11207 margin-top: auto 11208 } 11209 11210 html:not([dark]) .blu-modal__footer[data-v-1b4528ab]:not(.b-long-action) *:not(:last-child) { 11211 margin-right: var(--blu-modal-footer-gap) 11212 } 11213 11214 html:not([dark]) .blu-modal__footer.b-long-action[data-v-1b4528ab] { 11215 flex-direction: column-reverse 11216 } 11217 11218 html:not([dark]) .blu-modal__footer.b-long-action[data-v-1b4528ab] *:not(:first-child) { 11219 margin-bottom: var(--blu-modal-footer-gap) 11220 } 11221 11222 @media screen and (max-width: 839px) { 11223 html:not([dark
11223]) .blu-modal__footer[data-v-1b4528ab] .blu-button { 11224 width:100% 11225 } 11226 } 11227 11228 html[dark] .blu-modal__footer[data-v-1b4528ab] { 11229 --blu-modal-footer-padding: 16px; 11230 --blu-modal-footer-gap: 8px; 11231 display: flex; 11232 justify-content: flex-end; 11233 padding: var(--blu-modal-footer-padding); 11234 box-sizing: border-box; 11235 margin-top: auto 11236 } 11237 11238 html[dark] .blu-modal__footer[data-v-1b4528ab]:not(.b-long-action) *:not(:last-child) { 11239 margin-right: var(--blu-modal-footer-gap) 11240 } 11241 11242 html[dark] .blu-modal__footer.b-long-action[data-v-1b4528ab] { 11243 flex-direction: column-reverse 11244 } 11245 11246 html[dark] .blu-modal__footer.b-long-action[data-v-1b4528ab] *:not(:first-child) { 11247 margin-bottom: var(--blu-modal-footer-gap) 11248 } 11249 11250 @media screen and (max-width: 839px) { 11251 html[dark] .blu-modal__footer[data-v-1b4528ab] .blu-button { 11252 width:100% 11253 } 11254 } 11255 </style> 11256 <style> 11257 html:not([dark]) .blu-banner[data-v-2470b354] { 11258 --blu-banner-action-text: 600 16px/20px Blibli, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif; 11259 --blu-banner-desc-text: 500 16px/20px Blibli, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif; 11260 --blu-banner-label-text: 600 16px/20px Blibli, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif; 11261 --blu-banner-link-text: 500 16px/20px Blibli, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif; 11262 --blu-banner-action-group-spacing-gap: 16px; 11263 --blu-banner-action-group-spacing-padding: 8px 0; 11264 --blu-banner-container-spacing-gap: 8px; 11265 --blu-banner-spacing-gap: 8px; 11266 --blu-banner-spacing-padding: 8px; 11267 --blu-banner-icon-size: 24px; 11268 --blu-banner-icon-close-color: #797f85; 11269 --blu-banner-image-size: 40px; 11270 display: flex; 11271 padding: var(--blu-banner-spacing-padding); 11272 background-color: var(--blu-banner-color-background); 11273 border: 1px solid var(--blu-banner-color-border); 11274 width: fit-content; 11275 box-sizing: border-box; 11276 border-radius: 8px 11277 } 11278 11279 html:not([dark]) .blu-banner[data-v-2470b354]>*:not(:last-child) { 11280 margin-right: var(--blu-banner-spacing-gap) 11281 } 11282 11283 html:not([dark]) .blu-banner[data-v-2470b354] svg { 11284 width: var(--blu-banner-icon-size); 11285 height: var(--blu-banner-icon-size); 11286 flex-shrink: 0 11287 } 11288 11289 html:not([dark]) .blu-banner[data-v-2470b354] img { 11290 width: var(--blu-banner-image-size); 11291 height: var(--blu-banner-image-size); 11292 border-radius: 4px 11293 } 11294 11295 html:not([dark]) .blu-banner[data-v-2470b354] a { 11296 color: #006dea; 11297 text-decoration: none 11298 } 11299 11300 html:not([dark]) .blu-banner[data-v-2470b354] a:focus-visible { 11301 outline: #19222a solid 2px 11302 } 11303 11304 html:not([dark]) .blu-banner .status-icon[data-v-2470b354] { 11305 color: var(--blu-banner-color-icon) 11306 } 11307 11308 html:not([dark]) .blu-banner .close-icon[data-v-2470b354] { 11309 cursor: pointer; 11310 margin-left: auto; 11311 color: var(--blu-banner-icon-close-color) 11312 } 11313 11314 html:not([dark]) .blu-banner .close-icon[data-v-2470b354]:focus-visible { 11315 outline: #19222a solid 2px 11316 } 11317 11318 html:not([dark]) .blu-banner__label[data-v-2470b354] { 11319 font: var(--blu-banner-label-text); 11320 color: #19222a 11321 } 11322 11323 html:not([dark]) .blu-banner__desc[data-v-2470b354] { 11324 font: var(--blu-banner-desc-text); 11325 color: #19222ab3 11326 } 11327 11328 html:not([dark]) .blu-banner__desc[data-v-2470b354] a { 11329 font: var(--blu-banner-link-text) 11330 } 11331 11332 html:not([dark]) .blu-banner__container[data-v-2470b354] { 11333 display: flex; 11334 flex-direction: column; 11335 justify-content: center 11336 } 11337 11338 html:not([dark]) .blu-banner__container>*[data-v-2470b354]:not(:last-child) { 11339 margin-bottom: var(--blu-banner-container-spacing-gap) 11340 } 11341 11342 html:not([dark]) .blu-banner__action-group[data-v-2470b354] { 11343 display: flex 11344 } 11345 11346 html:not([dark]) .blu-banner__action-group[data-v-2470b354] :not(:last-child) { 11347 margin-right: var(--blu-banner-action-group-spacing-gap) 11348 } 11349 11350 html:not([dark]) .blu-banner__action-group[data-v-2470b354] a { 11351 padding: var(--blu-banner-action-group-spacing-padding); 11352 font: var(--blu-banner-action-text) 11353 } 11354 11355 html:not([dark]) .blu-banner.b-small[data-v-2470b354] { 11356 --blu-banner-action-text: 600 14px/18px Blibli, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif; 11357 --blu-banner-desc-text: 500 14px/18px Blibli, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif; 11358 --blu-banner-label-text: 600 14px/18px Blibli, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif; 11359 --blu-banner-link-text: 500 14px/18px Blibli, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif; 11360 --blu-banner-action-group-spacing-gap: 16px; 11361 --blu-banner-action-group-spacing-padding: 4px 0; 11362 --blu-banner-container-spacing-gap: 8px; 11363 --blu-banner-spacing-gap: 8px; 11364 --blu-banner-spacing-padding: 8px 12px; 11365 --blu-banner-icon-size: 18px; 11366 --blu-banner-image-size: 32px 11367 } 11368 11369 html:not([dark]) .blu-banner.b-horizontal .blu-banner__container[data-v-2470b354] { 11370 flex-direction: row 11371 } 11372 11373 html:not([dark]) .blu-banner.b-horizontal .blu-banner__container>*[data-v-2470b354]:not(:last-child) { 11374 margin-right: var(--blu-banner-container-spacing-gap); 11375 margin-bottom: 0 11376 } 11377 11378 html:not([dark]) .blu-banner.b-long-action .blu-banner__action-group[data-v-2470b354] { 11379 flex-direction: column 11380 } 11381 11382 html:not([dark]) .blu-banner.b-full-width[data-v-2470b354] { 11383 width: 100% 11384 } 11385 11386 html:not([dark]) .blu-banner.b-info[data-v-2470b354] { 11387 --blu-banner-color-background: #f3f9ff; 11388 --blu-banner-color-border: #b9deff; 11389 --blu-banner-color-icon: #1d05f7 11390 } 11391
11392 html:not([dark]) .blu-banner.b-alert[data-v-2470b354] { 11393 --blu-banner-color-background: #fff8e0; 11394 --blu-banner-color-border: #fedd6c; 11395 --blu-banner-color-icon: #bc6e06 11396 } 11397 11398 html:not([dark]) .blu-banner.b-error[data-v-2470b354] { 11399 --blu-banner-color-background: #fff5f5; 11400 --blu-banner-color-border: #fecccb; 11401 --blu-banner-color-icon: #e93c3c 11402 } 11403 11404 html:not([dark]) .blu-banner.b-success[data-v-2470b354] { 11405 --blu-banner-color-background: #effcf0; 11406 --blu-banner-color-border: #b2efb9; 11407 --blu-banner-color-icon: #1f912e 11408 } 11409 11410 html:not([dark]) .blu-banner.b-general[data-v-2470b354] { 11411 --blu-banner-color-background: #f9f9fa; 11412 --blu-banner-color-border: #e1e3e4 11413 } 11414 11415 html[dark] .blu-banner[data-v-2470b354] { 11416 --blu-banner-action-text: 600 16px/20px Blibli, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif; 11417 --blu-banner-desc-text: 500 16px/20px Blibli, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif; 11418 --blu-banner-label-text: 600 16px/20px Blibli, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif; 11419 --blu-banner-link-text: 500 16px/20px Blibli, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif; 11420 --blu-banner-action-group-spacing-gap: 16px; 11421 --blu-banner-action-group-spacing-padding: 8px 0; 11422 --blu-banner-container-spacing-gap: 8px; 11423 --blu-banner-spacing-gap: 8px; 11424 --blu-banner-spacing-padding: 8px; 11425 --blu-banner-icon-size: 24px; 11426 --blu-banner-icon-close-color: #acb0b4; 11427 --blu-banner-image-size: 40px; 11428 display: flex; 11429 padding: var(--blu-banner-spacing-padding); 11430 background-color: var(--blu-banner-color-background); 11431 border: 1px solid var(--blu-banner-color-border); 11432 width: fit-content; 11433 box-sizing: border-box; 11434 border-radius: 8px 11435 } 11436 11437 html[dark] .blu-banner[data-v-2470b354]>*:not(:last-child) { 11438 margin-right: var(--blu-banner-spacing-gap) 11439 } 11440 11441 html[dark] .blu-banner[data-v-2470b354] svg { 11442 width: var(--blu-banner-icon-size); 11443 height: var(--blu-banner-icon-size); 11444 flex-shrink: 0 11445 } 11446 11447 html[dark] .blu-banner[data-v-2470b354] img { 11448 width: var(--blu-banner-image-size); 11449 height: var(--blu-banner-image-size); 11450 border-radius: 4px 11451 } 11452 11453 html[dark] .blu-banner[data-v-2470b354] a { 11454 color: #1d05f7; 11455 text-decoration: none 11456 } 11457 11458 html[dark] .blu-banner[data-v-2470b354] a:focus-visible { 11459 outline: #f9f9fa solid 2px 11460 } 11461 11462 html[dark] .blu-banner .status-icon[data-v-2470b354] { 11463 color: var(--blu-banner-color-icon) 11464 } 11465 11466 html[dark] .blu-banner .close-icon[data-v-2470b354] { 11467 cursor: pointer; 11468 margin-left: auto; 11469 color: var(--blu-banner-icon-close-color) 11470 } 11471 11472 html[dark] .blu-banner .close-icon[data-v-2470b354]:focus-visible { 11473 outline: #f9f9fa solid 2px 11474 } 11475 11476 html[dark] .blu-banner__label[data-v-2470b354] { 11477 font: var(--blu-banner-label-text); 11478 color: #fff 11479 } 11480 11481 html[dark] .blu-banner__desc[data-v-2470b354] { 11482 font: var(--blu-banner-desc-text); 11483 color: #fffc 11484 } 11485 11486 html[dark] .blu-banner__desc[data-v-2470b354] a { 11487 font: var(--blu-banner-link-text) 11488 } 11489 11490 html[dark] .blu-banner__container[data-v-2470b354] { 11491 display: flex; 11492 flex-direction: column; 11493 justify-content: center 11494 } 11495 11496 html[dark] .blu-banner__container>*[data-v-2470b354]:not(:last-child) { 11497 margin-bottom: var(--blu-banner-container-spacing-gap) 11498 } 11499 11500 html[dark] .blu-banner__action-group[data-v-2470b354] { 11501 display: flex 11502 } 11503 11504 html[dark] .blu-banner__action-group[data-v-2470b354] :not(:last-child) { 11505 margin-right: var(--blu-banner-action-group-spacing-gap) 11506 } 11507 11508 html[dark] .blu-banner__action-group[data-v-2470b354] a { 11509 padding: var(--blu-banner-action-group-spacing-padding); 11510 font: var(--blu-banner-action-text) 11511 } 11512 11513 html[dark] .blu-banner.b-small[data-v-2470b354] { 11514 --blu-banner-action-text: 600 14px/18px Blibli, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif; 11515 --blu-banner-desc-text: 500 14px/18px Blibli, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif; 11516 --blu-banner-label-text: 600 14px/18px Blibli, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif; 11517 --blu-banner-link-text: 500 14px/18px Blibli, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif; 11518 --blu-banner-action-group-spacing-gap: 16px; 11519 --blu-banner-action-group-spacing-padding: 4px 0; 11520 --blu-banner-container-spacing-gap: 8px; 11521 --blu-banner-spacing-gap: 8px; 11522 --blu-banner-spacing-padding: 8px 12px; 11523 --blu-banner-icon-size: 18px; 11524 --blu-banner-image-size: 32px 11525 } 11526 11527 html[dark] .blu-banner.b-horizontal .blu-banner__container[data-v-2470b354] { 11528 flex-direction: row 11529 } 11530 11531 html[dark] .blu-banner.b-horizontal .blu-banner__container>*[data-v-2470b354]:not(:last-child) { 11532 margin-right: var(--blu-banner-container-spacing-gap); 11533 margin-bottom: 0 11534 } 11535 11536 html[dark] .blu-banner.b-long-action .blu-banner__action-group[data-v-2470b354] { 11537 flex-direction: column 11538 } 11539 11540 html[dark] .blu-banner.b-full-width[data-v-2470b354] { 11541 width: 100% 11542 } 11543 11544 html[dark] .blu-banner.b-info[data-v-2470b354] { 11545 --blu-banner-color-background: #002e7a; 11546 --blu-banner-color-border: #0050bd; 11547 --blu-banner-color-icon: #1d05f7 11548 } 11549
11550 html[dark] .blu-banner.b-alert[data-v-2470b354] { 11551 --blu-banner-color-background: #4d2c02; 11552 --blu-banner-color-border: #7e4704; 11553 --blu-banner-color-icon: #f2b11b 11554 } 11555 11556 html[dark] .blu-banner.b-error[data-v-2470b354] { 11557 --blu-banner-color-background: #631818; 11558 --blu-banner-color-border: #a32727; 11559 --blu-banner-color-icon: #ff7373 11560 } 11561 11562 html[dark] .blu-banner.b-success[data-v-2470b354] { 11563 --blu-banner-color-background: #0d3c13; 11564 --blu-banner-color-border: #15631f; 11565 --blu-banner-color-icon: #02c82b 11566 } 11567 11568 html[dark] .blu-banner.b-general[data-v-2470b354] { 11569 --blu-banner-color-background: #19222a; 11570 --blu-banner-color-border: #3b444c 11571 } 11572 </style> 11573 <style> 11574 html:not([dark]) .blu-loader-general[data-v-5f0af726] { 11575 --blu-loader-general-highlight-color-background: #1d05f7; 11576 --blu-loader-general-base-color-background: #f1f2f2; 11577 width: var(--blu-loader-general-size); 11578 height: var(--blu-loader-general-size) 11579 } 11580 11581 html:not([dark]) .blu-loader-general__asset[data-v-5f0af726] { 11582 animation: general-rotate-5f0af726 1.6s linear infinite; 11583 transform-origin: center center; 11584 transition: all .5s ease-in-out; 11585 width: 100%; 11586 height: 100%; 11587 margin: auto; 11588 transform: rotate(90deg) 11589 } 11590 11591 html:not([dark]) .blu-loader-general__asset--highlight[data-v-5f0af726],html:not([dark]) .blu-loader-general__asset--base[data-v-5f0af726] { 11592 stroke-linecap: round 11593 } 11594 11595 html:not([dark]) .blu-loader-general__asset--highlight[data-v-5f0af726] { 11596 stroke: var(--blu-loader-general-highlight-color-background); 11597 animation: general-highlight-5f0af726 1.6s linear infinite 11598 } 11599 11600 html:not([dark]) .blu-loader-general__asset--base[data-v-5f0af726] { 11601 stroke: var(--blu-loader-general-base-color-background); 11602 animation: general-base-5f0af726 1.6s linear infinite 11603 } 11604 11605 html:not([dark]) .blu-loader-general.b-inverted[data-v-5f0af726] { 11606 --blu-loader-general-highlight-color-background: #ffffff; 11607 --blu-loader-general-base-color-background: #c8cbcd 11608 } 11609 11610 html:not([dark]) .blu-loader-general.b-size-s[data-v-5f0af726] { 11611 --blu-loader-general-size: 16px 11612 } 11613 11614 html:not([dark]) .blu-loader-general.b-size-m[data-v-5f0af726] { 11615 --blu-loader-general-size: 18px 11616 } 11617 11618 html:not([dark]) .blu-loader-general.b-size-l[data-v-5f0af726] { 11619 --blu-loader-general-size: 24px 11620 } 11621 11622 html:not([dark]) .blu-loader-general.b-size-xl[data-v-5f0af726] { 11623 --blu-loader-general-size: 32px 11624 } 11625 11626 html[dark] .blu-loader-general[data-v-5f0af726] { 11627 --blu-loader-general-highlight-color-background: #1d05f7; 11628 --blu-loader-general-base-color-background: #28323b; 11629 width: var(--blu-loader-general-size); 11630 height: var(--blu-loader-general-size) 11631 } 11632 11633 html[dark] .blu-loader-general__asset[data-v-5f0af726] { 11634 animation: general-rotate-5f0af726 1.6s linear infinite; 11635 transform-origin: center center; 11636 transition: all .5s ease-in-out; 11637 width: 100%; 11638 height: 100%; 11639 margin: auto; 11640 transform: rotate(90deg) 11641 } 11642 11643 html[dark] .blu-loader-general__asset--highlight[data-v-5f0af726],html[dark] .blu-loader-general__asset--base[data-v-5f0af726] { 11644 stroke-linecap: round 11645 } 11646 11647 html[dark] .blu-loader-general__asset--highlight[data-v-5f0af726] { 11648 stroke: var(--blu-loader-general-highlight-color-background); 11649 animation: general-highlight-5f0af726 1.6s linear infinite 11650 } 11651 11652 html[dark] .blu-loader-general__asset--base[data-v-5f0af726] { 11653 stroke: var(--blu-loader-general-base-color-background); 11654 animation: general-base-5f0af726 1.6s linear infinite 11655 } 11656 11657 html[dark] .blu-loader-general.b-inverted[data-v-5f0af726] { 11658 --blu-loader-general-highlight-color-background: #12171d; 11659 --blu-loader-general-base-color-background: #60686e 11660 } 11661 11662 html[dark] .blu-loader-general.b-size-s[data-v-5f0af726] { 11663 --blu-loader-general-size: 16px 11664 } 11665 11666 html[dark] .blu-loader-general.b-size-m[data-v-5f0af726] { 11667 --blu-loader-general-size: 18px 11668 } 11669 11670 html[dark] .blu-loader-general.b-size-l[data-v-5f0af726] { 11671 --blu-loader-general-size: 24px 11672 } 11673 11674 html[dark] .blu-loader-general.b-size-xl[data-v-5f0af726] { 11675 --blu-loader-general-size: 32px 11676 } 11677 11678 @keyframes general-highlight-5f0af726 { 11679 0% { 11680 stroke-dasharray: 1,200; 11681 stroke-dashoffset: 0 11682 } 11683 11684 50% { 11685 stroke-dasharray: 50,200; 11686 stroke-dashoffset: -15px 11687 } 11688 11689 to { 11690 stroke-dasharray: 50,200; 11691 stroke-dashoffset: -124px 11692 } 11693 } 11694 11695 @keyframes general-base-5f0af726 { 11696 0% { 11697 stroke-dasharray: 1,200; 11698 stroke-dashoffset: 0 11699 } 11700 11701 to { 11702 stroke-dasharray: 100,200; 11703 stroke-dashoffset: -120px 11704 } 11705 } 11706 11707 @keyframes general-rotate-5f0af726 { 11708 to { 11709 transform: rotate(450deg) 11710 } 11711 } 11712 </style> 11713 <style> 11714 html:not([dark]) .b-overflow-y[data-v-7b49b436] { 11715 scrollbar-color: rgba(25,34,42,.3019607843) transparent; 11716 scrollbar-width: thin 11717 } 11718 11719 html:not([dark]) .b-overflow-y[data-v-7b49b436]::-webkit-scrollbar { 11720 width: 4px; 11721 height: 8px; 11722 background-color: transparent 11723 } 11724 11725 html:not([dark]) .b-overflow-y[data-v-7b49b436]::-webkit-scrollbar-track { 11726 margin: 13px 0 11727 } 11728 11729 html:not([dark]) .b-overflow-y[data-v-7b49b436]::-webkit-scrollbar-thumb { 11730 box-shadow: inset 0 0 14px 14px transparent; 11731 border-radius: 4px; 11732 background-color: #19222a4d; 11733 scrollbar-color: rgba(25,34,42,.3019607843) 11734 } 11735 11736 html:not([dark]) .b-overflow-y[data-v-7b49b436]:hover::-webkit-scrollbar { 11737 width: 4px 11738 } 11739 11740 html:not([dark]) .b-overflow-y[data-v-7b49b436]:hover::-webkit-scrollbar-track { 11741 border: solid 2px transparent 11742 } 11743 11744 html:not([dark]) .b-overflow-y[data-v-7b49b436]:hover::-webkit-scrollbar-thumb:hover { 11745 box-shadow: inset 0 0 14px 14px transparent; 11746 background-color: #19222a4d; 11747 scrollbar-color: rgba(25,34,42,.3019607843) transparent 11748 } 11749 11750 html:not([dark]) .b-overflow-y[data-v-7b49b436]::-webkit-scrollbar-track { 11751 border-radius: 3px; 11752 background-color: transparent 11753 } 11754 11755 html:not([dark]) .b-overflow-y.hidden[data-v-7b49b436] { 11756 scrollbar-width: none 11757 } 11758 11759 html:not([dark]) .b-overflow-y.hidden[data-v-7b49b436]::-webkit-scrollbar-thumb { 11760 border-radius: 4px; 11761 background-color: transparent 11762 } 11763 11764 html:not([dark]) .b-overflow-y.hidden[data-v-7b49b436]:hover { 11765 scrollbar-width: thin 11766 } 11767 11768 html:not([dark]) .b-overflow-y.hidden[data-v-7b49b436]:hover::-webkit-scrollbar-thumb { 11769 box-shadow: inset 0 0 14px 14px transparent; 11770 border-radius: 4px; 11771 background-color: #19222a4d; 11772 scrollbar-color: rgba(25,34,42,.3019607843) transparent 11773 } 11774 11775 html:not([dark]) .b-overflow-y.hidden[data-v-7b49b436]:hover::-webkit-scrollbar-thumb:hover { 11776 box-shadow: inset 0 0 14px 14px transparent; 11777 background-color: #19222a4d; 11778 scrollbar-color: rgba(25,34,42,.3019607843) transparent 11779 } 11780 11781 html:not([dark]) .b-overflow-y[data-v-7b49b436] { 11782 overflow-y: auto; 11783 margin: 0 11784 } 11785 11786 html:not([dark]) .blu-list__child .blu-list-group[data-v-7b49b436] { 11787 overflow: hidden 11788 } 11789 11790 html:not([dark]) .blu-list__child .blu-list-group[data-v-7b49b436]:not(.b-none):not(.b-group) .blu-list-item:first-child:before { 11791 content: ""; 11792 position: absolute; 11793 width: calc(100% - 16px); 11794 left: 8px; 11795 border-top: solid 1px #c8cbcd 11796 } 11797 11798 html:not([dark]) .blu-list-group[data-v-7b49b436]:not(.b-none):not(.b-group)>.blu-list-item:not(:first-child):before { 11799 border-top: solid 1px #c8cbcd; 11800 content: ""; 11801 position: absolute; 11802 width: calc(100% - 16px); 11803 left: 8px 11804 } 11805 11806 html:not([dark]) .blu-list-group.b-group[data-v-7b49b436]>.blu-list-item:last-child:after { 11807 border-bottom: solid 1px #c8cbcd; 11808 content: ""; 11809 position: absolute; 11810 width: calc(100% - 16px); 11811 left: 8px 11812 } 11813 11814 html[dark] .b-overflow-y[data-v-7b49b436] { 11815 scrollbar-color: rgba(255,255,255,.3019607843) transparent; 11816 scrollbar-width: thin 11817 } 11818 11819 html[dark] .b-overflow-y[data-v-7b49b436]::-webkit-scrollbar { 11820 width: 4px; 11821 height: 8px; 11822 background-color: transparent 11823 } 11824 11825 html[dark] .b-overflow-y[data-v-7b49b436]::-webkit-scrollbar-track { 11826 margin: 13px 0 11827 } 11828 11829 html[dark] .b-overflow-y[data-v-7b49b436]::-webkit-scrollbar-thumb { 11830 box-shadow: inset 0 0 14px 14px transparent; 11831 border-radius: 4px; 11832 background-color: #ffffff4d; 11833 scrollbar-color: rgba(255,255,255,.3019607843) 11834 } 11835 11836 html[dark] .b-overflow-y[data-v-7b49b436]:hover::-webkit-scrollbar { 11837 width: 4px 11838 } 11839 11840 html[dark] .b-overflow-y[data-v-7b49b436]:hover::-webkit-scrollbar-track { 11841 border: solid 2px transparent 11842 } 11843 11844 html[dark] .b-overflow-y[data-v-7b49b436]:hover::-webkit-scrollbar-thumb:hover { 11845 box-shadow: inset 0 0 14px 14px transparent; 11846 background-color: #ffffff4d; 11847 scrollbar-color: rgba(255,255,255,.3019607843) transparent 11848 } 11849 11850 html[dark] .b-overflow-y[data-v-7b49b436]::-webkit-scrollbar-track { 11851 border-radius: 3px; 11852 background-color: transparent 11853 } 11854 11855 html[dark] .b-overflow-y.hidden[data-v-7b49b436] { 11856 scrollbar-width: none 11857 } 11858 11859 html[dark] .b-overflow-y.hidden[data-v-7b49b436]::-webkit-scrollbar-thumb { 11860 border-radius: 4px; 11861 background-color: transparent 11862 } 11863 11864 html[dark] .b-overflow-y.hidden[data-v-7b49b436]:hover { 11865 scrollbar-width: thin 11866 } 11867 11868 html[dark] .b-overflow-y.hidden[data-v-7b49b436]:hover::-webkit-scrollbar-thumb { 11869 box-shadow: inset 0 0 14px 14px transparent; 11870 border-radius: 4px; 11871 background-color: #ffffff4d; 11872 scrollbar-color: rgba(255,255,255,.3019607843) transparent 11873 } 11874 11875 html[dark] .b-overflow-y.hidden[data-v-7b49b436]:hover::-webkit-scrollbar-thumb:hover { 11876 box-shadow: inset 0 0 14px 14px transparent; 11877 background-color: #ffffff4d; 11878 scrollbar-color: rgba(255,255,255,.3019607843) transparent 11879 } 11880 11881 html[dark] .b-overflow-y[data-v-7b49b436] { 11882 overflow-y: auto; 11883 margin: 0 11884 } 11885 11886 html[dark] .blu-list__child .blu-list-group[data-v-7b49b436] { 11887 overflow: hidden 11888 } 11889 11890 html[dark] .blu-list__child .blu-list-group[data-v-7b49b436]:not(.b-none):not(.b-group) .blu-list-item:first-child:before { 11891 content: ""; 11892 position: absolute; 11893 width: calc(100% - 16px); 11894 left: 8px; 11895 border-top: solid 1px #60686e 11896 } 11897 11898 html[dark] .blu-list-group[data-v-7b49b436]:not(.b-none):not(.b-group)>.blu-list-item:not(:first-child):before { 11899 border-top: solid 1px #60686e; 11900 content: ""; 11901 position: absolute; 11902 width: calc(100% - 16px); 11903 left: 8px 11904 } 11905 11906 html[dark] .blu-list-group.b-group[data-v-7b49b436]>.blu-list-item:last-child:after { 11907 border-bottom: solid 1px #60686e; 11908 content: ""; 11909 position: absolute; 11910 width: calc(100% - 16px); 11911 left: 8px 11912 } 11913 </style> 11914 <style> 11915 html:not([dark]) .blu-checkbox[data-v-03e81a59] { 11916 --blu-checkbox-spacing-padding: 4px 0; 11917 --blu-checkbox-icon-size: 22px; 11918 --blu-checkbox-icon-border-radius: 4px; 11919 --blu-checkbox-icon-padding: 2px; 11920 --blu-checkbox-container-border-radius: 4px; 11921 --blu-checkbox-container-border-width: 1px; 11922 --blu-checkbox-content-spacing-padding: 2px 0; 11923 --blu-checkbox-label-text: 500 14px/18px Blibli, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif; 11924 --blu-checkbox-container-color-border: #c8cbcd; 11925 --blu-checkbox-label-color-text: rgba(25, 34, 42, .7019607843); 11926 --blu-checkbox-cursor: pointer; 11927 --blu-checkbox-asset-color-border: #ffffff; 11928 display: inline-flex; 11929 position: relative; 11930 padding: var(--blu-checkbox-spacing-padding); 11931 outline: none 11932 } 11933 11934 html:not([dark]) .blu-checkbox[data-v-03e81a59],html:not([dark]) .blu-checkbox *[data-v-03e81a59] { 11935 cursor: var(--blu-checkbox-cursor) 11936 } 11937 11938 html:not([dark]) .blu-checkbox>*[data-v-03e81a59]:not(:last-child) { 11939 margin-right: 4px 11940 } 11941 11942 html:not([dark]) .blu-checkbox input[type=checkbox][data-v-03e81a59] { 11943 display: none 11944 } 11945 11946 html:not([dark]) .blu-checkbox__icon[data-v-03e81a59] { 11947 box-sizing: border-box; 11948 width: var(--blu-checkbox-icon-size); 11949 height: var(--blu-checkbox-icon-size); 11950 border-radius: var(--blu-checkbox-icon-border-radius); 11951 padding: var(--blu-checkbox-icon-padding); 11952 background: var(--blu-checkbox-icon-color-background); 11953 box-shadow: inset 0 0 0 var(--blu-checkbox-icon-border-width); 11954 color: var(--blu-checkbox-icon-color-border); 11955
11955 flex-shrink: 0 11956 } 11957 11958 html:not([dark]) .blu-checkbox__container[data-v-03e81a59] { 11959 display: flex; 11960 align-items: center; 11961 justify-content: center; 11962 width: 100%; 11963 height: 100%; 11964 border-radius: var(--blu-checkbox-container-border-radius); 11965 box-shadow: inset 0 0 0 var(--blu-checkbox-container-border-width); 11966 color: var(--blu-checkbox-container-color-border); 11967 background: var(--blu-checkbox-container-color-background) 11968 } 11969 11970 html:not([dark]) .blu-checkbox__container .blu-checkbox__container-asset[data-v-03e81a59] { 11971 transform: rotate(-45deg) translateY(-4px) translate(-3px) 11972 } 11973 11974 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 { 11975 position: absolute; 11976 content: ""; 11977 opacity: 0; 11978 border-radius: 4px 11979 } 11980 11981 html:not([dark]) .blu-checkbox__container .blu-checkbox__container-asset[data-v-03e81a59]:before { 11982 height: 0 11983 } 11984 11985 html:not([dark]) .blu-checkbox__container .blu-checkbox__container-asset[data-v-03e81a59]:before { 11986 width: 2px 11987 } 11988 11989 html:not([dark]) .blu-checkbox__container .blu-checkbox__container-asset[data-v-03e81a59]:after { 11990 width: 0; 11991 height: 2px; 11992 transform: translateY(4px) 11993 } 11994 11995 html:not([dark]) .blu-checkbox__content[data-v-03e81a59] { 11996 display: flex; 11997 flex-direction: column; 11998 padding: var(--blu-checkbox-content-spacing-padding); 11999 font: var(--blu-checkbox-label-text); 12000 color: var(--blu-checkbox-label-color-text) 12001 } 12002 12003 html:not([dark]) .blu-checkbox__content>*[data-v-03e81a59]:not(:last-child) { 12004 margin-bottom: 4px 12005 } 12006 12007 html:not([dark]) .blu-checkbox[data-v-03e81a59]:not(.b-disabled):hover { 12008 --blu-checkbox-icon-color-background: #f9f9fa 12009 } 12010 12011 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] { 12012 --blu-checkbox-icon-color-background: #f3f9ff 12013 } 12014 12015 html:not([dark]) .blu-checkbox.b-error>input[type=checkbox]:not(:checked):not(:indeterminate)~.blu-checkbox__icon[data-v-03e81a59] { 12016 --blu-checkbox-container-color-border: #ff4646 12017 } 12018 12019 html:not([dark]) .blu-checkbox.b-error>input[type=checkbox]:not(:checked):not(:indeterminate)~.blu-checkbox__content[data-v-03e81a59] { 12020 --blu-checkbox-label-color-text: #d33534 12021 } 12022 12023 html:not([dark]) .blu-checkbox input[type=checkbox]:checked~.blu-checkbox__icon[data-v-03e81a59] { 12024 --blu-checkbox-container-color-background: #1d05f7; 12025 --blu-checkbox-container-color-border: #1d05f7 12026 } 12027 12028 html:not([dark]) .blu-checkbox input[type=checkbox]:checked~.blu-checkbox__icon .blu-checkbox__container[data-v-03e81a59] { 12029 animation: bounce-03e81a59 .3s ease-out 12030 } 12031 12032 html:not([dark]) .blu-checkbox input[type=checkbox]:checked~.blu-checkbox__icon .blu-checkbox__container-asset[data-v-03e81a59] { 12033 visibility: visible 12034 } 12035 12036 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 { 12037 background: var(--blu-checkbox-asset-color-border); 12038 opacity: 1;
12039 transition: all .1s .1s 12040 } 12041 12042 html:not([dark]) .blu-checkbox input[type=checkbox]:checked~.blu-checkbox__icon .blu-checkbox__container-asset[data-v-03e81a59]:before { 12043 height: 6px 12044 } 12045 12046 html:not([dark]) .blu-checkbox input[type=checkbox]:checked~.blu-checkbox__icon .blu-checkbox__container-asset[data-v-03e81a59]:after { 12047 width: 8px 12048 } 12049 12050 html:not([dark]) .blu-checkbox[data-v-03e81a59]:not(.b-disabled):focus-visible { 12051 --blu-checkbox-icon-color-background: #f9f9fa; 12052 --blu-checkbox-icon-color-border: #19222a 12053 } 12054 12055 html:not([dark]) .blu-checkbox[data-v-03e81a59]:not(.b-disabled):focus-visible:not(.b-small) { 12056 --blu-checkbox-icon-border-width: 2px 12057 } 12058 12059 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] { 12060 --blu-checkbox-icon-color-background: #f3f9ff 12061 } 12062 12063 html:not([dark]) .blu-checkbox.b-disabled[data-v-03e81a59] { 12064 --blu-checkbox-cursor: not-allowed; 12065 --blu-checkbox-container-color-border: #f1f2f2; 12066 --blu-checkbox-label-color-text: rgba(25, 34, 42, .3019607843); 12067 --blu-checkbox-asset-color-border: #ffffff; 12068 --blu-checkbox-container-color-background: #f9f9fa; 12069 user-select: auto 12070 } 12071 12072 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] { 12073 --blu-checkbox-container-color-border: transparent; 12074 --blu-checkbox-container-color-background: rgba(25, 34, 42, .3019607843) 12075 } 12076 12077 html:not([dark]) .blu-checkbox.b-small[data-v-03e81a59] { 12078 --blu-checkbox-icon-size: 18px; 12079 --blu-checkbox-icon-padding: 2px; 12080 --blu-checkbox-icon-border-radius: 4px; 12081 --blu-checkbox-container-border-radius: 4px; 12082 --blu-checkbox-container-border-width: 1px; 12083 --blu-checkbox-content-spacing-padding: 0; 12084 --blu-checkbox-label-text: 500 14px/18px Blibli, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif; 12085 --blu-checkbox-spacing-padding: 3px 0 12086 } 12087 12088 html:not([dark]) .blu-checkbox.b-small[data-v-03e81a59]:focus-visible { 12089 --blu-checkbox-icon-border-width: 2px 12090 } 12091 12092 html:not([dark]) .blu-checkbox.b-small .blu-checkbox__container-asset[data-v-03e81a59] { 12093 transform: rotate(-49deg) translateY(-4px) translate(-2px) 12094 } 12095 12096 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 { 12097 position: absolute; 12098 content: ""; 12099 opacity: 0; 12100 border-radius: 4px 12101 } 12102 12103 html:not([dark]) .blu-checkbox.b-small .blu-checkbox__container-asset[data-v-03e81a59]:before { 12104 height: 0 12105 } 12106 12107 html:not([dark]) .blu-checkbox.b-small .blu-checkbox__container-asset[data-v-03e81a59]:before { 12108 top: 1px 12109 } 12110 12111 html:not([dark]) .blu-checkbox.b-small input[type=checkbox]:checked~.blu-checkbox__icon .blu-checkbox__container[data-v-03e81a59] { 12112 animation: bounce-03e81a59 .3s ease-out 12113 } 12114 12115 html:not([dark]) .blu-checkbox.b-small input[type=checkbox]:checked~.blu-checkbox__icon .blu-checkbox__container-asset[data-v-03e81a59] { 12116 visibility: visible 12117 } 12118 12119 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 { 12120 background: var(--blu-checkbox-asset-color-border); 12121 opacity: 1;
12122 transition: all .1s .1s 12123 } 12124 12125 html:not([dark]) .blu-checkbox.b-small input[type=checkbox]:checked~.blu-checkbox__icon .blu-checkbox__container-asset[data-v-03e81a59]:before { 12126 height: 4px 12127 } 12128 12129 html:not([dark]) .blu-checkbox.b-small input[type=checkbox]:checked~.blu-checkbox__icon .blu-checkbox__container-asset[data-v-03e81a59]:after { 12130 width: 6px 12131 } 12132 12133 html:not([dark]) .blu-checkbox.b-small.b-partial .blu-checkbox__container-asset[data-v-03e81a59] { 12134 transform: rotate(90deg) translateY(-5px) translate(-1px) 12135 } 12136 12137 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 { 12138 position: absolute; 12139 content: ""; 12140 opacity: 0; 12141 border-radius: 4px 12142 } 12143 12144 html:not([dark]) .blu-checkbox.b-small.b-partial .blu-checkbox__container-asset[data-v-03e81a59]:before { 12145 height: 0 12146 } 12147 12148 html:not([dark]) .blu-checkbox.b-partial[data-v-03e81a59] { 12149 --blu-checkbox-container-color-background: #1d05f7; 12150 --blu-checkbox-container-color-border: #1d05f7 12151 } 12152 12153 html:not([dark]) .blu-checkbox.b-partial .blu-checkbox__container-asset[data-v-03e81a59] { 12154 transform: rotate(90deg) translateY(-4px) translate(-1px) 12155 } 12156 12157 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 { 12158 position: absolute; 12159 content: ""; 12160 opacity: 0; 12161 border-radius: 4px 12162 } 12163 12164 html:not([dark]) .blu-checkbox.b-partial .blu-checkbox__container-asset[data-v-03e81a59]:before { 12165 height: 0 12166 } 12167 12168 html:not([dark]) .blu-checkbox.b-partial .blu-checkbox__container-asset[data-v-03e81a59]:before { 12169 width: 2px 12170 } 12171 12172 html:not([dark]) .blu-checkbox.b-partial .blu-checkbox__container-asset[data-v-03e81a59]:after { 12173 display: none 12174 } 12175 12176 html:not([dark]) .blu-checkbox.b-partial input[type=checkbox]:indeterminate+.blu-checkbox__icon .blu-checkbox__container[data-v-03e81a59] { 12177 animation: bounce-03e81a59 .3s ease-out 12178 } 12179 12180 html:not([dark]) .blu-checkbox.b-partial input[type=checkbox]:indeterminate+.blu-checkbox__icon .blu-checkbox__container-asset[data-v-03e81a59] { 12181 visibility: visible 12182 } 12183 12184 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 { 12185 background: var(--blu-checkbox-asset-color-border); 12186 opacity: 1; 12187 transition: all .1s .1s 12188 } 12189 12190 html:not([dark]) .blu-checkbox.b-partial input[type=checkbox]:indeterminate+.blu-checkbox__icon .blu-checkbox__container-asset[data-v-03e81a59]:before { 12191 height: 8px 12192 } 12193 12194 @keyframes bounce-03e81a59 { 12195 25% { 12196 transform: scale(.9) 12197 } 12198 12199 50% { 12200 transform: scale(1.1) 12201 } 12202 } 12203 12204 html[dark] .blu-checkbox[data-v-03e81a59] { 12205 --blu-checkbox-spacing-padding: 4px 0; 12206 --blu-checkbox-icon-size: 22px; 12207 --blu-checkbox-icon-border-radius: 4px; 12208 --blu-checkbox-icon-padding: 2px; 12209 --blu-checkbox-container-border-radius: 4px; 12210 --blu-checkbox-container-border-width: 1px; 12211 --blu-checkbox-content-spacing-padding: 2px 0; 12212 --blu-checkbox-label-text: 500 14px/18px Blibli, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif; 12213 --blu-checkbox-container-color-border: #60686e; 12214 --blu-checkbox-label-color-text: rgba(255, 255, 255, .8); 12215 --blu-checkbox-cursor: pointer; 12216 --blu-checkbox-asset-color-border: #ffffff; 12217 display: inline-flex; 12218 position: relative; 12219 padding: var(--blu-checkbox-spacing-padding); 12220 outline: none 12221 } 12222 12223 html[dark] .blu-checkbox[data-v-03e81a59],html[dark] .blu-checkbox *[data-v-03e81a59] { 12224 cursor: var(--blu-checkbox-cursor) 12225 } 12226 12227 html[dark] .blu-checkbox>*[data-v-03e81a59]:not(:last-child) { 12228 margin-right: 4px 12229 } 12230 12231 html[dark] .blu-checkbox input[type=checkbox][data-v-03e81a59] { 12232 display: none 12233 } 12234 12235 html[dark] .blu-checkbox__icon[data-v-03e81a59] { 12236 box-sizing: border-box; 12237 width: var(--blu-checkbox-icon-size); 12238 height: var(--blu-checkbox-icon-size); 12239 border-radius: var(--blu-checkbox-icon-border-radius); 12240 padding: var(--blu-checkbox-icon-padding); 12241 background: var(--blu-checkbox-icon-color-background); 12242 box-shadow: inset 0 0 0 var(--blu-checkbox-icon-border-width); 12243 color: var(--blu-checkbox-icon-color-border); 12244 flex-shrink: 0 12245 } 12246 12247 html[dark] .blu-checkbox__container[data-v-03e81a59] { 12248 display: flex; 12249 align-items: center; 12250 justify-content: center; 12251 width: 100%; 12252 height: 100%; 12253 border-radius: var(--blu-checkbox-container-border-radius); 12254 box-shadow: inset 0 0 0 var(--blu-checkbox-container-border-width); 12255 color: var(--blu-checkbox-container-color-border); 12256 background: var(--blu-checkbox-container-color-background) 12257 } 12258 12259 html[dark] .blu-checkbox__container .blu-checkbox__container-asset[data-v-03e81a59] { 12260 transform: rotate(-45deg) translateY(-4px) translate(-3px) 12261 } 12262 12263 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 { 12264 position: absolute; 12265 content: ""; 12266 opacity: 0; 12267 border-radius: 4px 12268 } 12269 12270 html[dark] .blu-checkbox__container .blu-checkbox__container-asset[data-v-03e81a59]:before { 12271 height: 0 12272 } 12273 12274 html[dark] .blu-checkbox__container .blu-checkbox__container-asset[data-v-03e81a59]:before { 12275 width: 2px 12276 } 12277 12278 html[dark] .blu-checkbox__container .blu-checkbox__container-asset[data-v-03e81a59]:after { 12279 width: 0; 12280 height: 2px; 12281 transform: translateY(4px) 12282 } 12283 12284 html[dark] .blu-checkbox__content[data-v-03e81a59] { 12285 display: flex; 12286 flex-direction: column; 12287 padding: var(--blu-checkbox-content-spacing-padding); 12288 font: var(--blu-checkbox-label-text); 12289 color: var(--blu-checkbox-label-color-text) 12290 } 12291 12292 html[dark] .blu-checkbox__content>*[data-v-03e81a59]:not(:last-child) { 12293 margin-bottom: 4px 12294 } 12295 12296 html[dark] .blu-checkbox[data-v-03e81a59]:not(.b-disabled):hover { 12297 --blu-checkbox-icon-color-background: #19222a 12298 } 12299 12300 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] { 12301 --blu-checkbox-icon-color-background: #002e7a 12302 } 12303 12304 html[dark] .blu-checkbox.b-error>input[type=checkbox]:not(:checked):not(:indeterminate)~.blu-checkbox__icon[data-v-03e81a59] { 12305 --blu-checkbox-container-color-border: #ff7373 12306 } 12307 12308 html[dark] .blu-checkbox.b-error>input[type=checkbox]:not(:checked):not(:indeterminate)~.blu-checkbox__content[data-v-03e81a59] { 12309 --blu-checkbox-label-color-text: #ff7373 12310 } 12311 12312 html[dark] .blu-checkbox input[type=checkbox]:checked~.blu-checkbox__icon[data-v-03e81a59] { 12313 --blu-checkbox-container-color-background: #1d05f7; 12314 --blu-checkbox-container-color-border: #1d05f7 12315 } 12316 12317 html[dark] .blu-checkbox input[type=checkbox]:checked~.blu-checkbox__icon .blu-checkbox__container[data-v-03e81a59] { 12318 animation: bounce-03e81a59 .3s ease-out 12319 } 12320 12321 html[dark] .blu-checkbox input[type=checkbox]:checked~.blu-checkbox__icon .blu-checkbox__container-asset[data-v-03e81a59] { 12322 visibility: visible 12323 } 12324 12325 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 { 12326 background: var(--blu-checkbox-asset-color-border); 12327 opacity: 1;
12328 transition: all .1s .1s 12329 } 12330 12331 html[dark] .blu-checkbox input[type=checkbox]:checked~.blu-checkbox__icon .blu-checkbox__container-asset[data-v-03e81a59]:before { 12332 height: 6px 12333 } 12334 12335 html[dark] .blu-checkbox input[type=checkbox]:checked~.blu-checkbox__icon .blu-checkbox__container-asset[data-v-03e81a59]:after { 12336 width: 8px 12337 } 12338 12339 html[dark] .blu-checkbox[data-v-03e81a59]:not(.b-disabled):focus-visible { 12340 --blu-checkbox-icon-color-background: #19222a; 12341 --blu-checkbox-icon-color-border: #f9f9fa 12342 } 12343 12344 html[dark] .blu-checkbox[data-v-03e81a59]:not(.b-disabled):focus-visible:not(.b-small) { 12345 --blu-checkbox-icon-border-width: 2px 12346 } 12347 12348 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] { 12349 --blu-checkbox-icon-color-background: #002e7a 12350 } 12351 12352 html[dark] .blu-checkbox.b-disabled[data-v-03e81a59] { 12353 --blu-checkbox-cursor: not-allowed; 12354 --blu-checkbox-container-color-border: #28323b; 12355 --blu-checkbox-label-color-text: rgba(255, 255, 255, .3019607843); 12356 --blu-checkbox-asset-color-border: #12171d; 12357 --blu-checkbox-container-color-background: #19222a; 12358 user-select: auto 12359 } 12360 12361 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] { 12362 --blu-checkbox-container-color-border: transparent; 12363 --blu-checkbox-container-color-background: rgba(255, 255, 255, .3019607843) 12364 } 12365 12366 html[dark] .blu-checkbox.b-small[data-v-03e81a59] { 12367 --blu-checkbox-icon-size: 18px; 12368 --blu-checkbox-icon-padding: 2px; 12369 --blu-checkbox-icon-border-radius: 4px; 12370 --blu-checkbox-container-border-radius: 4px; 12371 --blu-checkbox-container-border-width: 1px; 12372 --blu-checkbox-content-spacing-padding: 0; 12373 --blu-checkbox-label-text: 500 14px/18px Blibli, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif; 12374 --blu-checkbox-spacing-padding: 3px 0 12375 } 12376 12377 html[dark] .blu-checkbox.b-small[data-v-03e81a59]:focus-visible { 12378 --blu-checkbox-icon-border-width: 2px 12379 } 12380 12381 html[dark] .blu-checkbox.b-small .blu-checkbox__container-asset[data-v-03e81a59] { 12382 transform: rotate(-49deg) translateY(-4px) translate(-2px) 12383 } 12384 12385 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 { 12386 position: absolute; 12387 content: ""; 12388 opacity: 0; 12389 border-radius: 4px 12390 } 12391 12392 html[dark] .blu-checkbox.b-small .blu-checkbox__container-asset[data-v-03e81a59]:before { 12393 height: 0 12394 } 12395 12396 html[dark] .blu-checkbox.b-small .blu-checkbox__container-asset[data-v-03e81a59]:before { 12397 top: 1px 12398 } 12399 12400 html[dark] .blu-checkbox.b-small input[type=checkbox]:checked~.blu-checkbox__icon .blu-checkbox__container[data-v-03e81a59] { 12401 animation: bounce-03e81a59 .3s ease-out 12402 } 12403 12404 html[dark] .blu-checkbox.b-small input[type=checkbox]:checked~.blu-checkbox__icon .blu-checkbox__container-asset[data-v-03e81a59] { 12405 visibility: visible 12406 } 12407 12408 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 { 12409 background: var(--blu-checkbox-asset-color-border); 12410 opacity: 1;
12411 transition: all .1s .1s 12412 } 12413 12414 html[dark] .blu-checkbox.b-small input[type=checkbox]:checked~.blu-checkbox__icon .blu-checkbox__container-asset[data-v-03e81a59]:before { 12415 height: 4px 12416 } 12417 12418 html[dark] .blu-checkbox.b-small input[type=checkbox]:checked~.blu-checkbox__icon .blu-checkbox__container-asset[data-v-03e81a59]:after { 12419 width: 6px 12420 } 12421 12422 html[dark] .blu-checkbox.b-small.b-partial .blu-checkbox__container-asset[data-v-03e81a59] { 12423 transform: rotate(90deg) translateY(-5px) translate(-1px) 12424 } 12425 12426 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 { 12427 position: absolute; 12428 content: ""; 12429 opacity: 0; 12430 border-radius: 4px 12431 } 12432 12433 html[dark] .blu-checkbox.b-small.b-partial .blu-checkbox__container-asset[data-v-03e81a59]:before { 12434 height: 0 12435 } 12436 12437 html[dark] .blu-checkbox.b-partial[data-v-03e81a59] { 12438 --blu-checkbox-container-color-background: #1d05f7; 12439 --blu-checkbox-container-color-border: #1d05f7 12440 } 12441 12442 html[dark] .blu-checkbox.b-partial .blu-checkbox__container-asset[data-v-03e81a59] { 12443 transform: rotate(90deg) translateY(-4px) translate(-1px) 12444 } 12445 12446 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 { 12447 position: absolute; 12448 content: ""; 12449 opacity: 0; 12450 border-radius: 4px 12451 } 12452 12453 html[dark] .blu-checkbox.b-partial .blu-checkbox__container-asset[data-v-03e81a59]:before { 12454 height: 0 12455 } 12456 12457 html[dark] .blu-checkbox.b-partial .blu-checkbox__container-asset[data-v-03e81a59]:before { 12458 width: 2px 12459 } 12460 12461 html[dark] .blu-checkbox.b-partial .blu-checkbox__container-asset[data-v-03e81a59]:after { 12462 display: none 12463 } 12464 12465 html[dark] .blu-checkbox.b-partial input[type=checkbox]:indeterminate+.blu-checkbox__icon .blu-checkbox__container[data-v-03e81a59] { 12466 animation: bounce-03e81a59 .3s ease-out 12467 } 12468 12469 html[dark] .blu-checkbox.b-partial input[type=checkbox]:indeterminate+.blu-checkbox__icon .blu-checkbox__container-asset[data-v-03e81a59] { 12470 visibility: visible 12471 } 12472 12473 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 { 12474 background: var(--blu-checkbox-asset-color-border); 12475 opacity: 1; 12476 transition: all .1s .1s 12477 } 12478 12479 html[dark] .blu-checkbox.b-partial input[type=checkbox]:indeterminate+.blu-checkbox__icon .blu-checkbox__container-asset[data-v-03e81a59]:before { 12480 height: 8px 12481 } 12482 12483 html:not([dark]) .blu-loader-general[data-v-5f0af726] { 12484 --blu-loader-general-highlight-color-background: #1d05f7; 12485 --blu-loader-general-base-color-background: #f1f2f2; 12486 width: var(--blu-loader-general-size); 12487 height: var(--blu-loader-general-size) 12488 } 12489 12490 html:not([dark]) .blu-loader-general__asset[data-v-5f0af726] { 12491 animation: general-rotate-5f0af726 1.6s linear infinite; 12492 transform-origin: center center; 12493 transition: all .5s ease-in-out; 12494 width: 100%; 12495 height: 100%; 12496 margin: auto; 12497 transform: rotate(90deg) 12498 } 12499 12500 html:not([dark]) .blu-loader-general__asset--highlight[data-v-5f0af726],html:not([dark]) .blu-loader-general__asset--base[data-v-5f0af726] { 12501 stroke-linecap: round 12502 } 12503 12504 html:not([dark]) .blu-loader-general__asset--highlight[data-v-5f0af726] { 12505 stroke: var(--blu-loader-general-highlight-color-background); 12506 animation: general-highlight-5f0af726 1.6s linear infinite 12507 } 12508 12509 html:not([dark]) .blu-loader-general__asset--base[data-v-5f0af726] { 12510 stroke: var(--blu-loader-general-base-color-background); 12511 animation: general-base-5f0af726 1.6s linear infinite 12512 } 12513 12514 html:not([dark]) .blu-loader-general.b-inverted[data-v-5f0af726] { 12515 --blu-loader-general-highlight-color-background: #ffffff; 12516 --blu-loader-general-base-color-background: #c8cbcd 12517 } 12518 12519 html:not([dark]) .blu-loader-general.b-size-s[data-v-5f0af726] { 12520 --blu-loader-general-size: 16px 12521 } 12522 12523 html:not([dark]) .blu-loader-general.b-size-m[data-v-5f0af726] { 12524 --blu-loader-general-size: 18px 12525 } 12526 12527 html:not([dark]) .blu-loader-general.b-size-l[data-v-5f0af726] { 12528 --blu-loader-general-size: 24px 12529 } 12530 12531 html:not([dark]) .blu-loader-general.b-size-xl[data-v-5f0af726] { 12532 --blu-loader-general-size: 32px 12533 } 12534 12535 html[dark] .blu-loader-general[data-v-5f0af726] { 12536 --blu-loader-general-highlight-color-background: #1d05f7; 12537 --blu-loader-general-base-color-background: #28323b; 12538 width: var(--blu-loader-general-size); 12539 height: var(--blu-loader-general-size) 12540 } 12541 12542 html[dark] .blu-loader-general__asset[data-v-5f0af726] { 12543 animation: general-rotate-5f0af726 1.6s linear infinite; 12544 transform-origin: center center; 12545 transition: all .5s ease-in-out; 12546 width: 100%; 12547 height: 100%; 12548 margin: auto; 12549 transform: rotate(90deg) 12550 } 12551 12552 html[dark] .blu-loader-general__asset--highlight[data-v-5f0af726],html[dark] .blu-loader-general__asset--base[data-v-5f0af726] { 12553 stroke-linecap: round 12554 } 12555 12556 html[dark] .blu-loader-general__asset--highlight[data-v-5f0af726] { 12557 stroke: var(--blu-loader-general-highlight-color-background); 12558 animation: general-highlight-5f0af726 1.6s linear infinite 12559 } 12560 12561 html[dark] .blu-loader-general__asset--base[data-v-5f0af726] { 12562 stroke: var(--blu-loader-general-base-color-background); 12563 animation: general-base-5f0af726 1.6s linear infinite 12564 } 12565 12566 html[dark] .blu-loader-general.b-inverted[data-v-5f0af726] { 12567 --blu-loader-general-highlight-color-background: #12171d; 12568 --blu-loader-general-base-color-background: #60686e 12569 } 12570 12571 html[dark] .blu-loader-general.b-size-s[data-v-5f0af726] { 12572 --blu-loader-general-size: 16px 12573 } 12574 12575 html[dark] .blu-loader-general.b-size-m[data-v-5f0af726] { 12576 --blu-loader-general-size: 18px 12577 } 12578 12579 html[dark] .blu-loader-general.b-size-l[data-v-5f0af726] { 12580 --blu-loader-general-size: 24px 12581 } 12582 12583 html[dark] .blu-loader-general.b-size-xl[data-v-5f0af726] { 12584 --blu-loader-general-size: 32px 12585 } 12586 12587 @keyframes general-highlight-5f0af726 { 12588 0% { 12589 stroke-dasharray: 1,200; 12590 stroke-dashoffset: 0 12591 } 12592 12593 50% { 12594 stroke-dasharray: 50,200; 12595 stroke-dashoffset: -15px 12596 } 12597 12598 to { 12599 stroke-dasharray: 50,200; 12600 stroke-dashoffset: -124px 12601 } 12602 } 12603 12604 @keyframes general-base-5f0af726 { 12605 0% { 12606 stroke-dasharray: 1,200; 12607 stroke-dashoffset: 0 12608 } 12609 12610 to { 12611 stroke-dasharray: 100,200; 12612 stroke-dashoffset: -120px 12613 } 12614 } 12615 12616 @keyframes general-rotate-5f0af726 { 12617 to { 12618 transform: rotate(450deg) 12619 } 12620 } 12621 12622 html:not([dark]) *[data-v-39791579] { 12623 box-sizing: border-box 12624 } 12625 12626 html:not([dark]) .blu-radio[data-v-39791579] { 12627 --blu-radio-container-border-width: 1px; 12628 --blu-radio-container-color-border: #c8cbcd; 12629 --blu-radio-container-spacing-padding: 4px; 12630 --blu-radio-content-spacing-padding: 2px 0; 12631 --blu-radio-mark-size: 22px; 12632 --blu-radio-mark-spacing-padding: 2px; 12633 --blu-radio-label-text: 500 14px/18px Blibli, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif; 12634 --blu-radio-label-color-text: rgba(25, 34, 42, .7019607843); 12635 --blu-radio-spacing-padding: 4px 0; 12636 display: inline-flex; 12637 padding: var(--blu-radio-spacing-padding); 12638 align-items: flex-start; 12639 transition: all .3s; 12640 outline: none 12641 } 12642 12643 html:not([dark]) .blu-radio[data-v-39791579],html:not([dark]) .blu-radio *[data-v-39791579] { 12644 cursor: pointer 12645 } 12646 12647 html:not([dark]) .blu-radio>*[data-v-39791579]:not(:last-child) { 12648 margin-right: 4px 12649 } 12650 12651 html:not([dark]) .blu-radio input[type=radio][data-v-39791579] { 12652 display: none 12653 } 12654 12655 html:not([dark]) .blu-radio__mark[data-v-39791579] { 12656 min-width: var(--blu-radio-mark-size); 12657 height: var(--blu-radio-mark-size); 12658 padding: var(--blu-radio-mark-spacing-padding); 12659 background-color: var(--blu-radio-mark-color-background); 12660 border-radius: 50% 12661 } 12662 12663 html:not([dark]) .blu-radio__mark-container[data-v-39791579] { 12664 display: flex; 12665 align-items: center; 12666 justify-content: center; 12667 width: 100%; 12668 height: 100%; 12669 padding: var(--blu-radio-container-spacing-padding); 12670 background-color: var(--blu-radio-container-color-background); 12671 border-radius: 50%; 12672 box-shadow: 0 0 0 var(--blu-radio-container-border-width) var(--blu-radio-container-color-border) inset 12673 } 12674 12675 html:not([dark]) .blu-radio__mark-container .dot[data-v-39791579] { 12676 width: 100%; 12677 height: 100%; 12678 border-radius: 50%; 12679 background-color: var(--blu-radio-dot-color-background); 12680 transition: background-color .1s .1s 12681 } 12682 12683 html:not([dark]) .blu-radio__content[data-v-39791579] { 12684 font: var(--blu-radio-label-text); 12685 color: var(--blu-radio-label-color-text); 12686 padding: var(--blu-radio-content-spacing-padding) 12687 } 12688 12689 html:not([dark]) .blu-radio__content>*[data-v-39791579]:not(:last-child) { 12690 margin-bottom: 4px 12691 } 12692 12693 html:not([dark]) .blu-radio.b-error[data-v-39791579]:not(.b-selected) { 12694 --blu-radio-container-color-border: #ff4646; 12695 --blu-radio-label-color-text: #d33534 12696 } 12697 12698 html:not([dark]) .blu-radio.b-selected[data-v-39791579] { 12699 --blu-radio-container-color-border: #1d05f7; 12700 --blu-radio-dot-color-background: #1d05f7; 12701 --blu-radio-container-border-width: 1px 12702 } 12703 12704 html:not([dark]) .blu-radio.b-selected .blu-radio__mark-container[data-v-39791579] { 12705 animation: bounce-39791579 .3s ease-out 12706 } 12707 12708 html:not([dark]) .blu-radio.b-selected[data-v-39791579]:not(.b-disabled):hover { 12709 --blu-radio-mark-color-background: #f3f9ff 12710 } 12711 12712 html:not([dark]) .blu-radio.b-selected[data-v-39791579]:not(.b-disabled):focus-visible { 12713 --blu-radio-mark-color-background: #f3f9ff; 12714 --blu-radio-container-border-width-focused: 2px 12715 } 12716 12717 html:not([dark]) .blu-radio[data-v-39791579]:not(.b-disabled):not(.b-selected):hover { 12718 --blu-radio-mark-color-background: #f9f9fa 12719 } 12720 12721 html:not([dark]) .blu-radio[data-v-39791579]:focus-visible { 12722 --blu-radio-container-border-width-focused: 2px 12723 } 12724 12725 html:not([dark]) .blu-radio[data-v-39791579]:focus-visible:not(.b-disabled) { 12726 --blu-radio-mark-color-border-focused: #19222a 12727 } 12728 12729 html:not([dark]) .blu-radio:focus-visible:not(.b-disabled) .blu-radio__mark[data-v-39791579] { 12730 box-shadow: 0 0 0 var(--blu-radio-container-border-width-focused) var(--blu-radio-mark-color-border-focused) inset 12731 } 12732 12733 html:not([dark]) .blu-radio[data-v-39791579]:focus-visible:not(.b-disabled):not(.b-selected) { 12734 --blu-radio-mark-color-background: #f9f9fa 12735 } 12736 12737 html:not([dark]) .blu-radio.b-disabled[data-v-39791579] { 12738 --blu-radio-label-text: 500 14px/18px Blibli, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif; 12739 --blu-radio-container-color-border: rgba(25, 34, 42, .3019607843); 12740 --blu-radio-label-color-text: rgba(25, 34, 42, .3019607843); 12741 --blu-radio-container-color-background: #f9f9fa 12742 } 12743 12744 html:not([dark]) .blu-radio.b-disabled.b-selected[data-v-39791579] { 12745 --blu-radio-container-color-border: rgba(25, 34, 42, .3019607843); 12746 --blu-radio-dot-color-background: rgba(25, 34, 42, .3019607843) 12747 } 12748 12749 html:not([dark]) .blu-radio.b-disabled[data-v-39791579]:not(.b-readonly) { 12750 user-select: none;
12751 cursor: not-allowed 12752 } 12753 12754 html:not([dark]) .blu-radio.b-disabled:not(.b-readonly) *[data-v-39791579] { 12755 cursor: not-allowed 12756 } 12757 12758 html:not([dark]) .blu-radio.b-small[data-v-39791579] { 12759 --blu-radio-mark-size: 18px; 12760 --blu-radio-mark-spacing-padding: 2px; 12761 --blu-radio-container-spacing-padding: 3px; 12762 --blu-radio-container-border-width: 1px; 12763 --blu-radio-container-border-width-focused: 2px; 12764 --blu-radio-content-spacing-padding: 0; 12765 --blu-radio-label-text: 500 14px/18px Blibli, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif; 12766 --blu-radio-spacing-padding: 3px 0 12767 } 12768 12769 html:not([dark]) .blu-radio.b-small.b-selected[data-v-39791579] { 12770 --blu-radio-container-border-width: 1px 12771 } 12772 12773 html[dark] *[data-v-39791579] { 12774 box-sizing: border-box 12775 } 12776 12777 html[dark] .blu-radio[data-v-39791579] { 12778 --blu-radio-container-border-width: 1px; 12779 --blu-radio-container-color-border: #60686e; 12780 --blu-radio-container-spacing-padding: 4px; 12781 --blu-radio-content-spacing-padding: 2px 0; 12782 --blu-radio-mark-size: 22px; 12783 --blu-radio-mark-spacing-padding: 2px; 12784 --blu-radio-label-text: 500 14px/18px Blibli, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif; 12785 --blu-radio-label-color-text: rgba(255, 255, 255, .8); 12786 --blu-radio-spacing-padding: 4px 0; 12787 display: inline-flex; 12788 padding: var(--blu-radio-spacing-padding); 12789 align-items: flex-start; 12790 transition: all .3s; 12791 outline: none 12792 } 12793 12794 html[dark] .blu-radio[data-v-39791579],html[dark] .blu-radio *[data-v-39791579] { 12795 cursor: pointer 12796 } 12797 12798 html[dark] .blu-radio>*[data-v-39791579]:not(:last-child) { 12799 margin-right: 4px 12800 } 12801 12802 html[dark] .blu-radio input[type=radio][data-v-39791579] { 12803 display: none 12804 } 12805 12806 html[dark] .blu-radio__mark[data-v-39791579] { 12807 min-width: var(--blu-radio-mark-size); 12808 height: var(--blu-radio-mark-size); 12809 padding: var(--blu-radio-mark-spacing-padding); 12810 background-color: var(--blu-radio-mark-color-background); 12811 border-radius: 50% 12812 } 12813 12814 html[dark] .blu-radio__mark-container[data-v-39791579] { 12815 display: flex; 12816 align-items: center; 12817 justify-content: center; 12818 width: 100%; 12819 height: 100%; 12820 padding: var(--blu-radio-container-spacing-padding); 12821 background-color: var(--blu-radio-container-color-background); 12822 border-radius: 50%; 12823 box-shadow: 0 0 0 var(--blu-radio-container-border-width) var(--blu-radio-container-color-border) inset 12824 } 12825 12826 html[dark] .blu-radio__mark-container .dot[data-v-39791579] { 12827 width: 100%; 12828 height: 100%; 12829 border-radius: 50%; 12830 background-color: var(--blu-radio-dot-color-background); 12831 transition: background-color .1s .1s 12832 } 12833 12834 html[dark] .blu-radio__content[data-v-39791579] { 12835 font: var(--blu-radio-label-text); 12836 color: var(--blu-radio-label-color-text); 12837 padding: var(--blu-radio-content-spacing-padding) 12838 } 12839 12840 html[dark] .blu-radio__content>*[data-v-39791579]:not(:last-child) { 12841 margin-bottom: 4px 12842 } 12843 12844 html[dark] .blu-radio.b-error[data-v-39791579]:not(.b-selected) { 12845 --blu-radio-container-color-border: #ff7373; 12846 --blu-radio-label-color-text: #ff7373 12847 } 12848 12849 html[dark] .blu-radio.b-selected[data-v-39791579] { 12850 --blu-radio-container-color-border: #1d05f7; 12851 --blu-radio-dot-color-background: #1d05f7; 12852 --blu-radio-container-border-width: 1px 12853 } 12854 12855 html[dark] .blu-radio.b-selected .blu-radio__mark-container[data-v-39791579] { 12856 animation: bounce-39791579 .3s ease-out 12857 } 12858 12859 html[dark] .blu-radio.b-selected[data-v-39791579]:not(.b-disabled):hover { 12860 --blu-radio-mark-color-background: #002e7a 12861 } 12862 12863 html[dark] .blu-radio.b-selected[data-v-39791579]:not(.b-disabled):focus-visible { 12864 --blu-radio-mark-color-background: #002e7a; 12865 --blu-radio-container-border-width-focused: 2px 12866 } 12867 12868 html[dark] .blu-radio[data-v-39791579]:not(.b-disabled):not(.b-selected):hover { 12869 --blu-radio-mark-color-background: #19222a 12870 } 12871 12872 html[dark] .blu-radio[data-v-39791579]:focus-visible { 12873 --blu-radio-container-border-width-focused: 2px 12874 } 12875 12876 html[dark] .blu-radio[data-v-39791579]:focus-visible:not(.b-disabled) { 12877 --blu-radio-mark-color-border-focused: #f9f9fa 12878 } 12879 12880 html[dark] .blu-radio:focus-visible:not(.b-disabled) .blu-radio__mark[data-v-39791579] { 12881 box-shadow: 0 0 0 var(--blu-radio-container-border-width-focused) var(--blu-radio-mark-color-border-focused) inset 12882 } 12883 12884 html[dark] .blu-radio[data-v-39791579]:focus-visible:not(.b-disabled):not(.b-selected) { 12885 --blu-radio-mark-color-background: #19222a 12886 } 12887 12888 html[dark] .blu-radio.b-disabled[data-v-39791579] { 12889 --blu-radio-label-text: 500 14px/18px Blibli, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif; 12890 --blu-radio-container-color-border: rgba(255, 255, 255, .3019607843); 12891 --blu-radio-label-color-text: rgba(255, 255, 255, .3019607843); 12892 --blu-radio-container-color-background: #19222a 12893 } 12894 12895 html[dark] .blu-radio.b-disabled.b-selected[data-v-39791579] { 12896 --blu-radio-container-color-border: rgba(255, 255, 255, .3019607843); 12897 --blu-radio-dot-color-background: rgba(255, 255, 255, .3019607843) 12898 } 12899 12900 html[dark] .blu-radio.b-disabled[data-v-39791579]:not(.b-readonly) { 12901 user-select: none;
12902 cursor: not-allowed 12903 } 12904 12905 html[dark] .blu-radio.b-disabled:not(.b-readonly) *[data-v-39791579] { 12906 cursor: not-allowed 12907 } 12908 12909 html[dark] .blu-radio.b-small[data-v-39791579] { 12910 --blu-radio-mark-size: 18px; 12911 --blu-radio-mark-spacing-padding: 2px; 12912 --blu-radio-container-spacing-padding: 3px; 12913 --blu-radio-container-border-width: 1px; 12914 --blu-radio-container-border-width-focused: 2px; 12915 --blu-radio-content-spacing-padding: 0; 12916 --blu-radio-label-text: 500 14px/18px Blibli, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif; 12917 --blu-radio-spacing-padding: 3px 0 12918 } 12919 12920 html[dark] .blu-radio.b-small.b-selected[data-v-39791579] { 12921 --blu-radio-container-border-width: 1px 12922 } 12923 12924 @keyframes bounce-39791579 { 12925 25% { 12926 transform: scale(.9) 12927 } 12928 12929 50% { 12930 transform: scale(1.1) 12931 } 12932 } 12933 12934 html:not([dark]) .blu-list[data-v-0fc385f6] { 12935 --list-spacing-padding: 8px 0; 12936 list-style: none; 12937 padding: var(--list-spacing-padding); 12938 transition: all .5s ease-in-out 12939 } 12940 12941 html:not([dark]) .blu-list-item[data-v-0fc385f6] { 12942 --blu-list-child-max-height: 0; 12943 --blu-list-child-template-rows: 0fr; 12944 position: relative 12945 } 12946 12947 html:not([dark]) .blu-list-item.b-opened[data-v-0fc385f6] { 12948 --blu-list-child-max-height: 100%; 12949 --blu-list-child-template-rows: 1fr 12950 } 12951 12952 html:not([dark]) .blu-list-item.b-opened>.blu-list .blu-list__container .blu-list__container-chevron-right[data-v-0fc385f6] { 12953 transform: rotate(180deg) 12954 } 12955 12956 html:not([dark]) .blu-list-item.b-opened>.blu-list .blu-list__container .blu-list__container-chevron-left[data-v-0fc385f6] { 12957 transform: rotate(90deg) 12958 } 12959 12960 html:not([dark]) .blu-list__container[data-v-0fc385f6] { 12961 background-color: var(--list-container-color-background); 12962 border-radius: 8px; 12963 padding: 4px 8px; 12964 display: flex 12965 } 12966 12967 html:not([dark]) .blu-list__container[data-v-0fc385f6] svg { 12968 width: 18px; 12969 height: 18px; 12970 color: #797f85 12971 } 12972 12973 html:not([dark]) .blu-list__container[data-v-0fc385f6]>*:not(:last-child) { 12974 margin-right: 4px 12975 } 12976 12977 html:not([dark]) .blu-list__container-chevron-right[data-v-0fc385f6],html:not([dark]) .blu-list__container-chevron-left[data-v-0fc385f6] { 12978 display: flex; 12979 padding: 4px 0; 12980 cursor: pointer; 12981 transition: all .4s ease; 12982 height: fit-content 12983 } 12984 12985 html:not([dark]) .blu-list__container-chevron-right[data-v-0fc385f6] svg,html:not([dark]) .blu-list__container-chevron-left[data-v-0fc385f6] svg { 12986 color: #797f85 12987 } 12988 12989 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 { 12990 outline: none; 12991 box-shadow: 0 0 0 2px #19222a inset 12992 } 12993 12994 html:not([dark]) .blu-list__container .blu-loader-wrapper[data-v-0fc385f6] { 12995 margin: auto 12996 } 12997 12998 html:not([dark]) .blu-list__content[data-v-0fc385f6] { 12999 padding: 4px 0; 13000 display: flex; 13001 flex-direction: column; 13002 flex: 1; 13003 align-items: start 13004 } 13005 13006 html:not([dark]) .blu-list__content-label[data-v-0fc385f6]:not(.b-disabled) { 13007 font: 500 14px/18px Blibli,-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif; 13008 color: #19222a 13009 } 13010 13011 html:not([dark]) .blu-list__content-desc[data-v-0fc385f6]:not(.b-disabled) { 13012 font: 500 12px/16px Blibli,-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif; 13013 color: #19222a66 13014 } 13015 13016 html:not([dark]) .blu-list__content-additional[data-v-0fc385f6] { 13017 text-align: right; 13018 display: flex; 13019 flex-direction: column; 13020 justify-content: space-between; 13021 align-self: stretch; 13022 padding: 4px 0 13023 } 13024 13025 html:not([dark]) .blu-list__content-additional-label[data-v-0fc385f6] { 13026 font: 500 12px/16px Blibli,-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif; 13027 color: #19222a66 13028 } 13029 13030 html:not([dark]) .blu-list__content-additional-desc[data-v-0fc385f6] { 13031 font: 500 12px/16px Blibli,-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif; 13032 color: #19222a66 13033 } 13034 13035 html:not([dark]) .blu-list__item-leading[data-v-0fc385f6],html:not([dark]) .blu-list__item-trailing[data-v-0fc385f6] { 13036 padding: 4px 0 13037 } 13038 13039 html:not([dark]) .blu-list__item-leading[data-v-0fc385f6] { 13040 display: flex 13041 } 13042 13043 html:not([dark]) .blu-list__item-trailing[data-v-0fc385f6] { 13044 display: flex 13045 } 13046 13047 html:not([dark]) .blu-list__item-trailing[data-v-0fc385f6]>
13047*:not(:last-child) { 13048 margin-right: 4px 13049 } 13050 13051 html:not([dark]) .blu-list__item-trailing[data-v-0fc385f6] svg { 13052 cursor: pointer 13053 } 13054 13055 html:not([dark]) .blu-list__child[data-v-0fc385f6] { 13056 max-height: var(--blu-list-child-max-height); 13057 display: grid; 13058 grid-template-rows: var(--blu-list-child-template-rows); 13059 transition: all .5s ease-in-out 13060 } 13061 13062 html:not([dark]) .blu-list__child .blu-list__container[data-v-0fc385f6] { 13063 padding-left: var(--list-nested-padding) 13064 } 13065 13066 html:not([dark]) .blu-list__icon-expand[data-v-0fc385f6] { 13067 margin-left: auto; 13068 cursor: pointer 13069 } 13070 13071 html:not([dark]) .blu-list[data-v-0fc385f6]:not(.b-disabled) { 13072 cursor: pointer 13073 } 13074 13075 html:not([dark]) .blu-list[data-v-0fc385f6]:not(.b-disabled):hover { 13076 --list-container-color-background: #f9f9fa 13077 } 13078 13079 html:not([dark]) .blu-list[data-v-0fc385f6]:not(.b-disabled):focus-visible { 13080 outline: none 13081 } 13082 13083 html:not([dark]) .blu-list:not(.b-disabled):focus-visible .blu-list__container[data-v-0fc385f6] { 13084 box-shadow: 0 0 0 2px #19222a inset 13085 } 13086 13087 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) { 13088 --list-container-color-background: #f3f9ff 13089 } 13090 13091 html:not([dark]) .blu-list.b-small[data-v-0fc385f6] { 13092 --list-spacing-padding: 0 13093 } 13094 13095 html:not([dark]) .blu-list.b-disabled[data-v-0fc385f6] { 13096 --list-container-color-background: transparent 13097 } 13098 13099 html:not([dark]) .blu-list.b-disabled[data-v-0fc385f6],html:not([dark]) .blu-list.b-disabled *[data-v-0fc385f6] { 13100 cursor: not-allowed 13101 } 13102 13103 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] { 13104 font: 500 14px/18px Blibli,-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif; 13105 color: #19222a4d 13106 } 13107 13108 html:not([dark]) .blu-list.b-disabled .blu-list__content-additional-desc[data-v-0fc385f6] { 13109 font: 500 12px/16px Blibli,-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif; 13110 color: #19222a4d 13111 } 13112 13113 html:not([dark]) .blu-list.b-disabled .blu-list__container[data-v-0fc385f6] svg { 13114 color: #19222a4d 13115 } 13116 13117 html:not([dark]) .blu-list.b-disabled .blu-list__container[data-v-0fc385f6] .blu-checkbox__container { 13118 color: #19222a4d 13119 } 13120 13121 html:not([dark]) .blu-list.b-disabled .blu-list__container[data-v-0fc385f6] .blu-badge { 13122 background-color: #19222a4d 13123 } 13124 13125 html:not([dark]) .blu-list.b-loading[data-v-0fc385f6] .blu-loader-wrapper svg { 13126 display: flex; 13127 width: 24px; 13128 height: 24px 13129 } 13130 13131 html:not([dark]) .blu-list.has-radio.b-selected[data-v-0fc385f6]:not(:hover) { 13132 --list-container-color-background: transparent 13133 } 13134 13135 html:not([dark]) .blu-list.b-align-center .blu-list__container[data-v-0fc385f6] { 13136 align-items: center 13137 } 13138 13139 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) { 13140 --list-container-color-background: transparent 13141 } 13142 13143 html[dark] .blu-list[data-v-0fc385f6] { 13144 --list-spacing-padding: 8px 0; 13145 list-style: none; 13146 padding: var(--list-spacing-padding); 13147 transition: all .5s ease-in-out 13148 } 13149 13150 html[dark] .blu-list-item[data-v-0fc385f6] { 13151 --blu-list-child-max-height: 0; 13152 --blu-list-child-template-rows: 0fr; 13153 position: relative 13154 } 13155
13156 html[dark] .blu-list-item.b-opened[data-v-0fc385f6] { 13157 --blu-list-child-max-height: 100%; 13158 --blu-list-child-template-rows: 1fr 13159 } 13160 13161 html[dark] .blu-list-item.b-opened>.blu-list .blu-list__container .blu-list__container-chevron-right[data-v-0fc385f6] { 13162 transform: rotate(180deg) 13163 } 13164 13165 html[dark] .blu-list-item.b-opened>.blu-list .blu-list__container .blu-list__container-chevron-left[data-v-0fc385f6] { 13166 transform: rotate(90deg) 13167 } 13168 13169 html[dark] .blu-list__container[data-v-0fc385f6] { 13170 background-color: var(--list-container-color-background); 13171 border-radius: 8px; 13172 padding: 4px 8px; 13173 display: flex 13174 } 13175 13176 html[dark] .blu-list__container[data-v-0fc385f6] svg { 13177 width: 18px; 13178 height: 18px; 13179 color: #acb0b4 13180 } 13181 13182 html[dark] .blu-list__container[data-v-0fc385f6]>*:not(:last-child) { 13183 margin-right: 4px 13184 } 13185 13186 html[dark] .blu-list__container-chevron-right[data-v-0fc385f6],html[dark] .blu-list__container-chevron-left[data-v-0fc385f6] { 13187 display: flex; 13188 padding: 4px 0; 13189 cursor: pointer; 13190 transition: all .4s ease; 13191 height: fit-content 13192 } 13193 13194 html[dark] .blu-list__container-chevron-right[data-v-0fc385f6] svg,html[dark] .blu-list__container-chevron-left[data-v-0fc385f6] svg { 13195 color: #acb0b4 13196 } 13197 13198 html[dark] .blu-list__container-chevron-right[data-v-0fc385f6]:focus-visible,html[dark] .blu-list__container-chevron-left[data-v-0fc385f6]:focus-visible { 13199 outline: none; 13200 box-shadow: 0 0 0 2px #f9f9fa inset 13201 } 13202 13203 html[dark] .blu-list__container .blu-loader-wrapper[data-v-0fc385f6] { 13204 margin: auto 13205 } 13206 13207 html[dark] .blu-list__content[data-v-0fc385f6] { 13208 padding: 4px 0; 13209 display: flex; 13210 flex-direction: column; 13211 flex: 1; 13212 align-items: start 13213 } 13214 13215 html[dark] .blu-list__content-label[data-v-0fc385f6]:not(.b-disabled) { 13216 font: 500 14px/18px Blibli,-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif; 13217 color: #fff 13218 } 13219 13220 html[dark] .blu-list__content-desc[data-v-0fc385f6]:not(.b-disabled) { 13221 font: 500 12px/16px Blibli,-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif; 13222 color: #ffffff80 13223 } 13224 13225 html[dark] .blu-list__content-additional[data-v-0fc385f6] { 13226 text-align: right; 13227 display: flex; 13228 flex-direction: column; 13229 justify-content: space-between; 13230 align-self: stretch; 13231 padding: 4px 0 13232 } 13233 13234 html[dark] .blu-list__content-additional-label[data-v-0fc385f6],html[dark] .blu-list__content-additional-desc[data-v-0fc385f6] { 13235 font: 500 12px/16px Blibli,-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif; 13236 color: #ffffff80 13237 } 13238 13239 html[dark] .blu-list__item-leading[data-v-0fc385f6],html[dark] .blu-list__item-trailing[data-v-0fc385f6] { 13240 padding: 4px 0 13241 } 13242 13243 html[dark] .blu-list__item-leading[data-v-0fc385f6],html[dark] .blu-list__item-trailing[data-v-0fc385f6] { 13244 display: flex 13245 } 13246 13247 html[dark] .blu-list__item-trailing[data-v-0fc385f6]>*:not(:last-child) { 13248 margin-right: 4px 13249 } 13250 13251 html[dark] .blu-list__item-trailing[data-v-0fc385f6] svg { 13252 cursor: pointer 13253 } 13254 13255 html[dark] .blu-list__child[data-v-0fc385f6] { 13256 max-height: var(--blu-list-child-max-height); 13257 display: grid; 13258 grid-template-rows: var(--blu-list-child-template-rows); 13259 transition: all .5s ease-in-out 13260 } 13261 13262 html[dark] .blu-list__child .blu-list__container[data-v-0fc385f6] { 13263 padding-left: var(--list-nested-padding) 13264 } 13265 13266 html[dark] .blu-list__icon-expand[data-v-0fc385f6] { 13267 margin-left: auto; 13268 cursor: pointer 13269 } 13270 13271 html[dark] .blu-list[data-v-0fc385f6]:not(.b-disabled) { 13272 cursor: pointer 13273 } 13274 13275 html[dark] .blu-list[data-v-0fc385f6]:not(.b-disabled):hover { 13276 --list-container-color-background: #19222a 13277 } 13278 13279 html[dark] .blu-list[data-v-0fc385f6]:not(.b-disabled):focus-visible { 13280 outline: none 13281 } 13282 13283 html[dark] .blu-list:not(.b-disabled):focus-visible .blu-list__container[data-v-0fc385f6] { 13284 box-shadow: 0 0 0 2px #f9f9fa inset 13285 } 13286 13287 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) { 13288 --list-container-color-background: #002e7a 13289 } 13290 13291 html[dark] .blu-list.b-small[data-v-0fc385f6] { 13292 --list-spacing-padding: 0 13293 } 13294 13295 html[dark] .blu-list.b-disabled[data-v-0fc385f6] { 13296 --list-container-color-background: transparent 13297 } 13298 13299 html[dark] .blu-list.b-disabled[data-v-0fc385f6],html[dark] .blu-list.b-disabled *[data-v-0fc385f6] {
13300 cursor: not-allowed 13301 } 13302 13303 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] { 13304 font: 500 14px/18px Blibli,-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif; 13305 color: #ffffff4d 13306 } 13307 13308 html[dark] .blu-list.b-disabled .blu-list__content-additional-desc[data-v-0fc385f6] { 13309 font: 500 12px/16px Blibli,-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif; 13310 color: #ffffff4d 13311 } 13312 13313 html[dark] .blu-list.b-disabled .blu-list__container[data-v-0fc385f6] svg { 13314 color: #ffffff4d 13315 } 13316 13317 html[dark] .blu-list.b-disabled .blu-list__container[data-v-0fc385f6] .blu-checkbox__container { 13318 color: #ffffff4d 13319 } 13320 13321 html[dark] .blu-list.b-disabled .blu-list__container[data-v-0fc385f6] .blu-badge { 13322 background-color: #ffffff4d 13323 } 13324 13325 html[dark] .blu-list.b-loading[data-v-0fc385f6] .blu-loader-wrapper svg { 13326 display: flex; 13327 width: 24px; 13328 height: 24px 13329 } 13330 13331 html[dark] .blu-list.has-radio.b-selected[data-v-0fc385f6]:not(:hover) { 13332 --list-container-color-background: transparent 13333 } 13334 13335 html[dark] .blu-list.b-align-center .blu-list__container[data-v-0fc385f6] { 13336 align-items: center 13337 } 13338 13339 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) { 13340 --list-container-color-background: transparent 13341 } 13342 </style> 13343 <style> 13344 @charset "UTF-8";.product-services[data-v-50a9b5f9] { 13345 display: flex; 13346 flex-direction: column; 13347 width: 100%; 13348 gap: 20px 13349 } 13350 13351 @media screen and (max-width: 839px) { 13352 .product-services[data-v-50a9b5f9] { 13353 gap:0 13354 } 13355 } 13356 13357 .product-service[data-v-ef5183d2] { 13358 width: 100%; 13359 display: flex; 13360 align-items: stretch; 13361 flex-direction: row; 13362 gap: 8px 13363 } 13364 13365 @media screen and (max-width: 839px) { 13366 .product-service[data-v-ef5183d2] { 13367 border-top:1px solid #f1f2f2; 13368 padding: 11px 0 13369 } 13370 } 13371 13372 .product-service__icon[data-v-ef5183d2] { 13373 display: flex; 13374 align-items: flex-start; 13375 justify-content: center; 13376 flex-shrink: 0 13377 } 13378 13379 .product-service__icon img[data-v-ef5183d2] { 13380 width: 32px; 13381 height: 32px 13382 } 13383 13384 @media screen and (max-width: 839px) { 13385 .product-service__icon img[data-v-ef5183d2] { 13386 width:18px; 13387 height: 18px 13388 } 13389 } 13390 13391 .product-service__text[data-v-ef5183d2] { 13392 display: flex; 13393 flex-direction: column; 13394 width: 100%; 13395 gap: 4px 13396 } 13397 13398 .product-service__text__title[data-v-ef5183d2] { 13399 width: 100%; 13400 font: 600 14px/18px Blibli,-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif 13401 } 13402 13403 @media screen and (max-width: 839px) { 13404 .product-service__text__title[data-v-ef5183d2] { 13405 font:500 14px/18px Blibli,-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif 13406 } 13407 } 13408 13409 .product-service__text__title span[data-v-ef5183d2]:not(:last-child):after { 13410 content: " " 13411 } 13412 13413 .product-service__text__title__price[data-v-ef5183d2] { 13414 font: 600 14px/18px Blibli,-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif; 13415 color: #006dea 13416 } 13417 13418 .product-service__text__subtitle[data-v-ef5183d2] { 13419 font: 500 14px/18px Blibli,-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif; 13420 color: #19222ab3 13421 } 13422 13423 .product-service__text__subtitle span[data-v-ef5183d2]:not(:last-child):after { 13424 content: " " 13425 } 13426 13427 .product-service__text__subtitle__action[data-v-ef5183d2] { 13428 cursor: pointer; 13429 color: #006dea 13430 } 13431 13432 .product-service__chevron[data-v-ef5183d2] { 13433 flex: 0; 13434 display: flex; 13435 align-items: center; 13436 justify-content: center 13437 } 13438 13439 @media screen and (max-width: 839px) { 13440 .product-service--clickable[data-v-ef5183d2] { 13441 cursor:pointer 13442 } 13443 } 13444 13445 .product-service--loading .product-service__text[data-v-ef5183d2] { 13446 gap: 8px 13447 } 13448 13449 .product-service--loading .product-service__text__title[data-v-ef5183d2] { 13450 width: 60% 13451 } 13452 13453 @media screen and (max-width: 839px) { 13454 .product-service--loading .product-service__text__title[data-v-ef5183d2] { 13455 width:100% 13456 } 13457 } 13458 13459 .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] { 13460 width: 100% 13461 } 13462 13463 .trade-in-download-apps-modal[data-v-5dadaeda] { 13464 padding: 0 8px 13465 } 13466 13467 @media screen and (max-width: 839px) { 13468 .trade-in-download-apps-modal[data-v-5dadaeda] { 13469 padding:0 13470 } 13471 } 13472 13473 .trade-in-download-apps-modal .subtitle[data-v-5dadaeda] { 13474 font: 500 16px/20px Blibli,-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif; 13475 color: #19222ab3; 13476 margin-bottom: 16px 13477 } 13478 13479 @media screen and (max-width: 839px) { 13480 .trade-in-download-apps-modal .subtitle[data-v-5dadaeda] { 13481 margin-bottom:10px 13482 } 13483 } 13484 13485 .trade-in-download-apps-modal .download-apps[data-v-5dadaeda] { 13486 display: flex; 13487 flex-direction: row; 13488 align-items: center; 13489 justify-content: space-between; 13490 margin-bottom: 24px 13491 } 13492 13493 @media screen and (max-width: 839px) { 13494 .trade-in-download-apps-modal .download-apps[data-v-5dadaeda] { 13495 flex-direction:column; 13496 margin-bottom: 0 13497 } 13498 } 13499 13500 .trade-in-download-apps-modal .download-apps__qr[data-v-5dadaeda] { 13501 display: flex; 13502 align-items: center; 13503 justify-content: center; 13504 background: #f3f9ff; 13505 border-radius: 8px 13506 } 13507 13508 .trade-in-download-apps-modal .download-apps__or[data-v-5dadaeda] { 13509 text-align: center; 13510 font: 500 16px/20px Blibli,-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif; 13511 color: #19222ab3; 13512 margin: 10px 13513 } 13514 13515 .trade-in-download-apps-modal .download-apps__download[data-v-5dadaeda] { 13516 display: flex; 13517 flex-direction: column; 13518 align-items: center; 13519 margin-bottom: 0 13520 } 13521 13522 @media screen and (max-width: 839px) { 13523 .trade-in-download-apps-modal .download-apps__download[data-v-5dadaeda] { 13524 margin-bottom:16px 13525 } 13526 } 13527 13528 .trade-in-download-apps-modal .download-apps__download__title[data-v-5dadaeda] { 13529 font: 500 16px/20px Blibli,-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif; 13530 color: #19222ab3; 13531 margin-bottom: 8px 13532 } 13533 13534 .trade-in-download-apps-modal .download-apps__download__icons[data-v-5dadaeda] { 13535 display: flex; 13536 flex-direction: column; 13537 gap: 8px 13538 } 13539 13540 @media screen and (max-width: 839px) { 13541 .trade-in-download-apps-modal .download-apps__download__icons[data-v-5dadaeda] { 13542 flex-direction:row 13543 } 13544 } 13545 13546 .trade-in-download-apps-modal .download-apps__download__icons--icon[data-v-5dadaeda] { 13547 width: 100%; 13548 display: flex; 13549 align-items: center; 13550 justify-content: center 13551 } 13552 13553 .trade-in-download-apps-modal .download-apps__download__icons--icon img[data-v-5dadaeda] { 13554 height: auto; 13555 width: 150px 13556 } 13557 13558 .trade-in-download-apps-modal .download-apps__download__icons--icon a[data-v-5dadaeda] { 13559 display: flex 13560 } 13561 13562 @media screen and (max-width: 839px) { 13563 .trade-in-download-apps-modal .download-apps__download__icons--icon[data-v-5dadaeda] { 13564 width:100% 13565 } 13566 13567 .trade-in-download-apps-modal .download-apps__download__icons--icon img[data-v-5dadaeda] { 13568 height: 45px; 13569 width: auto 13570 } 13571 } 13572 13573 .trade-in-download-apps-modal .scan-steps__title[data-v-5dadaeda] { 13574 font: 600 16px/20px Blibli,-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif; 13575 color: #19222a; 13576 margin-bottom: 16px 13577 } 13578 13579 .trade-in-download-apps-modal .scan-steps__guide[data-v-5dadaeda] { 13580 display: flex; 13581 flex-direction: row 13582 } 13583 13584 @media screen and (max-width: 839px) { 13585 .trade-in-download-apps-modal .scan-steps__guide[data-v-5dadaeda] { 13586 flex-direction:column 13587 } 13588 } 13589 13590 .trade-in-download-apps-modal .scan-steps__guide__step[data-v-5dadaeda] { 13591 display: flex; 13592 flex-direction: column 13593 } 13594 13595 .trade-in-download-apps-modal .scan-steps__guide__step[data-v-5dadaeda]:not(:last-child) { 13596 margin-right: 10px 13597 } 13598 13599 @media screen and (max-width: 839px) { 13600 .trade-in-download-apps-modal .scan-steps__guide__step[data-v-5dadaeda]:not(:last-child) { 13601 margin-right:0 13602 } 13603 } 13604 13605 .trade-in-download-apps-modal .scan-steps__guide__step:not(:last-child) .scan-steps__guide__step__order[data-v-5dadaeda]:after { 13606 flex-grow: 1; 13607 content: ""; 13608 display: flex; 13609 align-items: center; 13610 justify-content: center; 13611 border: 1px dashed #f1f2f2; 13612 width: 100%; 13613 height: 0 13614 } 13615 13616 @media screen and (max-width: 839px) { 13617 .trade-in-download-apps-modal .scan-steps__guide__step:not(:last-child) .scan-steps__guide__step__order[data-v-5dadaeda]:after { 13618 width:0; 13619 height: 100% 13620 } 13621 } 13622 13623 @media screen and (max-width: 839px) { 13624 .trade-in-download-apps-modal .scan-steps__guide__step[data-v-5dadaeda] { 13625 flex-direction:row; 13626 margin-bottom: 10px; 13627 margin-right: 0 13628 } 13629 } 13630 13631 .trade-in-download-apps-modal .scan-steps__guide__step__order[data-v-5dadaeda] { 13632 display: flex; 13633 flex-direction: row; 13634 align-items: center; 13635 margin-bottom: 8px 13636 } 13637 13638 @media screen and (max-width: 839px) { 13639 .trade-in-download-apps-modal .scan-steps__guide__step__order[data-v-5dadaeda] { 13640 flex-direction:column; 13641 margin-right: 8px; 13642 margin-bottom: 0 13643 } 13644 } 13645 13646 .trade-in-download-apps-modal .scan-steps__guide__step__order--number[data-v-5dadaeda] { 13647 width: 30px; 13648 height: 30px; 13649 background: #f9f9fa; 13650 border-radius: 100px; 13651 display: flex; 13652 align-items: center; 13653 justify-content: center; 13654 margin-right: 4px; 13655 flex-shrink: 0 13656 } 13657 13658 @media screen and (max-width: 839px) { 13659 .trade-in-download-apps-modal .scan-steps__guide__step__order--number[data-v-5dadaeda] { 13660 margin-right:0; 13661 margin-bottom: 4px 13662 } 13663 } 13664 13665 .trade-in-download-apps-modal .scan-steps__guide__step__text[data-v-5dadaeda] { 13666 padding: 10px 12px; 13667 font: 500 16px/20px Blibli,-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif; 13668 color: #19222ab3; 13669 border: 1px solid #f1f2f2; 13670 border-radius: 8px; 13671 flex-grow: 1 13672 } 13673 13674 .cash-on-delivery-modal__body[data-v-88efff31] { 13675 color: #19222ab3 13676 } 13677 13678 .cash-on-delivery-modal__body__content[data-v-88efff31] { 13679 margin-bottom: 16px 13680 } 13681 13682 .cash-on-delivery-modal__body__learn-more span[data-v-88efff31]:not(:last-child):after { 13683 content: " " 13684 } 13685 13686 .cash-on-delivery-modal__body__learn-more a[data-v-88efff31] { 13687 color: #006dea; 13688 cursor: pointer; 13689 text-decoration: none 13690 } 13691 </style> 13692 <style type="text/css"> 13693 .label[data-v-1730749f] { 13694 height: 16px; 13695 padding: 0 8px; 13696 display: inline-flex; 13697 align-items: center; 13698 font: 12px/16px "blibli demi bold",-apple-system,segoe ui,roboto,helvetica,arial,sans-serif; 13699 text-decoration: none; 13700 color: #fff; 13701 border-radius: 4px; 13702 background-color: #f1f2f2; 13703 white-space: nowrap 13704 } 13705 13706 .label button[data-v-1730749f] { 13707 padding: 0; 13708 margin-right: -4px; 13709 top: 2px 13710 } 13711 13712 .label button svg[data-v-1730749f] { 13713 margin-right: -6px; 13714 margin-top: 2px; 13715 transform: scale(0.75); 13716 transform-origin: left; 13717 color: #fff 13718 } 13719 13720 .label button.b-primary[data-v-1730749f] { 13721 color: #fff 13722 } 13723 13724 .label.b-secondary button svg[data-v-1730749f] { 13725 color: #1d05f7 13726 } 13727 13728 .label.b-dot[data-v-1730749f] { 13729 width: 8px; 13730 height: 8px; 13731 padding: 0; 13732 font-size: 0 13733 } 13734 13735 .label.b-border[data-v-1730749f] { 13736 box-shadow: 0 0 0 1px #fff 13737 } 13738 13739 .label[data-v-1730749f] { 13740 background-color: #ff4646 13741 } 13742 13743 .label.b-secondary[data-v-1730749f] { 13744 background-color: #ffe6e6; 13745 color: #e93c3c 13746 } 13747 </style> 13748 <style type
13748="text/css"> 13749 .label[data-v-3c5c9e9e] { 13750 height: 16px; 13751 padding: 0 8px; 13752 display: inline-flex; 13753 align-items: center; 13754 font: 12px/16px "blibli demi bold",-apple-system,segoe ui,roboto,helvetica,arial,sans-serif; 13755 text-decoration: none; 13756 color: #fff; 13757 border-radius: 4px; 13758 background-color: #f1f2f2; 13759 white-space: nowrap 13760 } 13761 13762 .label button[data-v-3c5c9e9e] { 13763 padding: 0; 13764 margin-right: -4px; 13765 top: 2px 13766 } 13767 13768 .label button svg[data-v-3c5c9e9e] { 13769 margin-right: -6px; 13770 margin-top: 2px; 13771 transform: scale(0.75); 13772 transform-origin: left; 13773 color: #fff 13774 } 13775 13776 .label button.b-primary[data-v-3c5c9e9e] { 13777 color: #fff 13778 } 13779 13780 .label.b-secondary button svg[data-v-3c5c9e9e] { 13781 color: #1d05f7 13782 } 13783 13784 .label.b-dot[data-v-3c5c9e9e] { 13785 width: 8px; 13786 height: 8px; 13787 padding: 0; 13788 font-size: 0 13789 } 13790 13791 .label.b-border[data-v-3c5c9e9e] { 13792 box-shadow: 0 0 0 1px #fff 13793 } 13794 13795 .label[data-v-3c5c9e9e] { 13796 background-color: #ff7373 13797 } 13798 </style> 13799 <style type="text/css"> 13800 .label[data-v-592858cc] { 13801 height: 16px; 13802 padding: 0 8px; 13803 display: inline-flex; 13804 align-items: center; 13805 font: 12px/16px "blibli demi bold",-apple-system,segoe ui,roboto,helvetica,arial,sans-serif; 13806 text-decoration: none; 13807 color: #fff; 13808 border-radius: 4px; 13809 background-color: #f1f2f2; 13810 white-space: nowrap 13811 } 13812 13813 .label button[data-v-592858cc] { 13814 padding: 0; 13815 margin-right: -4px; 13816 top: 2px 13817 } 13818 13819 .label button svg[data-v-592858cc] { 13820 margin-right: -6px; 13821 margin-top: 2px; 13822 transform: scale(0.75); 13823 transform-origin: left; 13824 color: #fff 13825 } 13826 13827 .label button.b-primary[data-v-592858cc] { 13828 color: #fff 13829 } 13830 13831 .label.b-secondary button svg[data-v-592858cc] { 13832 color: #1d05f7 13833 } 13834 13835 .label.b-dot[data-v-592858cc] { 13836 width: 8px; 13837 height: 8px; 13838 padding: 0; 13839 font-size: 0 13840 } 13841 13842 .label.b-border[data-v-592858cc] { 13843 box-shadow: 0 0 0 1px #fff 13844 } 13845 13846 .label[data-v-592858cc] { 13847 background-color: #ffcd00 13848 } 13849 13850 .label.b-secondary[data-v-592858cc] { 13851 background-color: #fef5d2; 13852 color: #f2b11b 13853 } 13854 </style> 13855 <style type="text/css"> 13856 .label[data-v-209f2cd8] { 13857 height: 16px; 13858 padding: 0 8px; 13859 display: inline-flex; 13860 align-items: center; 13861 font: 12px/16px "blibli demi bold",-apple-system,segoe ui,roboto,helvetica,arial,sans-serif; 13862 text-decoration: none; 13863 color: #fff; 13864 border-radius: 4px; 13865 background-color: #f1f2f2; 13866 white-space: nowrap 13867 } 13868 13869 .label button[data-v-209f2cd8] { 13870 padding: 0; 13871 margin-right: -4px; 13872 top: 2px 13873 } 13874 13875 .label button svg[data-v-209f2cd8] { 13876 margin-right: -6px; 13877 margin-top: 2px; 13878 transform: scale(0.75); 13879 transform-origin: left; 13880 color: #fff 13881 } 13882 13883 .label button.b-primary[data-v-209f2cd8] { 13884 color: #fff 13885 } 13886 13887 .label.b-secondary button svg[data-v-209f2cd8] { 13888 color: #1d05f7 13889 } 13890 13891 .label.b-dot[data-v-209f2cd8] { 13892 width: 8px; 13893 height: 8px; 13894 padding: 0; 13895 font-size: 0 13896 } 13897 13898 .label.b-border[data-v-209f2cd8] { 13899 box-shadow: 0 0 0 1px #fff 13900 } 13901 13902 .label[data-v-209f2cd8] { 13903 background-color: #22a334 13904 } 13905 13906 .label.b-secondary[data-v-209f2cd8] { 13907 background-color: #d6f7da; 13908 color: #1c832a 13909 } 13910 </style> 13911 <style type="text/css"> 13912 .label[data-v-80a16fd0] { 13913 height: 16px; 13914 padding: 0 8px; 13915 display: inline-flex; 13916 align-items: center; 13917 font: 12px/16px "blibli demi bold",-apple-system,segoe ui,roboto,helvetica,arial,sans-serif; 13918 text-decoration: none; 13919 color: #fff; 13920 border-radius: 4px; 13921 background-color: #f1f2f2; 13922 white-space: nowrap 13923 } 13924 13925 .label button[data-v-80a16fd0] { 13926 padding: 0; 13927 margin-right: -4px; 13928 top: 2px 13929 } 13930 13931 .label button svg[data-v-80a16fd0] { 13932 margin-right: -6px; 13933 margin-top: 2px; 13934 transform: scale(0.75); 13935 transform-origin: left; 13936 color: #fff 13937 } 13938 13939 .label button.b-primary[data-v-80a16fd0] { 13940 color: #fff 13941 } 13942 13943 .label.b-secondary button svg[data-v-80a16fd0] { 13944 color: #1d05f7 13945 } 13946 13947 .label.b-dot[data-v-80a16fd0] { 13948 width: 8px; 13949 height: 8px; 13950 padding: 0; 13951 font-size: 0 13952 } 13953 13954 .label.b-border[data-v-80a16fd0] { 13955 box-shadow: 0 0 0 1px #fff 13956 } 13957 13958 .label[data-v-80a16fd0] { 13959 background-color: #1d05f7 13960 } 13961 13962 .label.b-secondary[data-v-80a16fd0] { 13963 background-color: #e1f1ff; 13964 color: #1d05f7 13965 } 13966 </style> 13967 <style type="text/css"> 13968 .label[data-v-5021936f] { 13969 height: 16px; 13970 padding: 0 8px; 13971 display: inline-flex; 13972 align-items: center; 13973 font: 12px/16px "blibli demi bold",-apple-system,segoe ui,roboto,helvetica,arial,sans-serif; 13974 text-decoration: none; 13975 color: #fff; 13976 border-radius: 4px; 13977 background-color: #f1f2f2; 13978 white-space: nowrap 13979 } 13980 13981 .label button[data-v-5021936f] { 13982 padding: 0; 13983 margin-right: -4px; 13984 top: 2px 13985 } 13986 13987 .label button svg[data-v-5021936f] { 13988 margin-right: -6px; 13989 margin-top: 2px; 13990 transform: scale(0.75); 13991 transform-origin: left; 13992 color: #fff 13993 } 13994 13995 .label button.b-primary[data-v-5021936f] { 13996 color: #fff 13997 } 13998 13999 .label.b-secondary button svg[data-v-5021936f] { 14000 color: #1d05f7 14001 } 14002 14003 .label.b-dot[data-v-5021936f] { 14004 width: 8px; 14005 height: 8px; 14006 padding: 0; 14007 font-size: 0 14008 } 14009 14010 .label.b-border[data-v-5021936f] { 14011 box-shadow: 0 0 0 1px #fff 14012 } 14013 14014 .label[data-v-5021936f] { 14015 color: rgba(25,34,42,.4); 14016 background-color: #e1e3e4 14017 } 14018 14019 .label.b-secondary[data-v-5021936f] { 14020 background-color: #92979c; 14021 color: #fff 14022 } 14023 </style> 14024 <style type="text/css"> 14025 .blu-ticker[data-v-e275b4e8] { 14026 --blu-ticker-color-background: #f9f9fa; 14027 --blu-ticker-color-border: #e1e3e4; 14028 display: flex; 14029 justify-content: flex-start; 14030 align-items: flex-start; 14031 border-radius: 8px; 14032 position: relative; 14033 background-color: var(--blu-ticker-color-background); 14034 border: 1px solid var(--blu-ticker-color-border); 14035 color: rgba(25,34,42,.7019607843); 14036 padding: 8px; 14037 margin-bottom: 8px; 14038 z-index: 0 14039 } 14040 14041 .blu-ticker__msg[data-v-e275b4e8] { 14042 z-index: 0; 14043 align-self: center 14044 } 14045 14046 @media screen and (min-width: 769px),print { 14047 .blu-ticker__msg[data-v-e275b4e8] { 14048 font:16px/20px "blibli",-apple-system,segoe ui,roboto,helvetica,arial,sans-serif 14049 } 14050 } 14051 14052 @media screen and (max-width: 768px) { 14053 .blu-ticker__msg[data-v-e275b4e8] { 14054 font:14px/18px "blibli",-apple-system,segoe ui,roboto,helvetica,arial,sans-serif 14055 } 14056 } 14057 14058 .blu-ticker__close[data-v-e275b4e8] { 14059 object-fit: contain; 14060 position: relative; 14061 z-index: 0; 14062 width: 18px;
14063 height: 18px; 14064 padding: 11px 14065 } 14066 14067 .blu-ticker__close i[data-v-e275b4e8] { 14068 content: ""; 14069 top: 0; 14070 right: 0; 14071 position: absolute; 14072 width: 18px; 14073 height: 18px; 14074 padding: 12px; 14075 background: rgba(0,0,0,0) url(data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PSIwIDAgMjQgMjQiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGQ9Ik0xMy43NjcyIDEyTDE3LjYzMiA4LjEzODM5QzE4LjEyMjcgNy42NDgxOSAxOC4xMjI3IDYuODU3ODYgMTcuNjMyIDYuMzY3NjVDMTcuMTQxNCA1Ljg3NzQ1IDE2LjM1MDQgNS44Nzc0NSAxNS44NTk4IDYuMzY3NjVMMTEuOTk1IDEwLjIyOTNMOC4xNDAxOCA2LjM3NzY2QzcuNjQ5NTYgNS44ODc0NSA2Ljg1ODU3IDUuODg3NDUgNi4zNjc5NiA2LjM3NzY2QzUuODc3MzUgNi44Njc4NiA1Ljg3NzM1IDcuNjU4MTkgNi4zNjc5NiA4LjE0ODRMMTAuMjIyOCAxMkw2LjM2Nzk2IDE1Ljg2MTZDNS44NzczNSAxNi4zNTE4IDUuODc3MzUgMTcuMTQyMSA2LjM2Nzk2IDE3LjYzMjNDNi44NTg1NyAxOC4xMjI2IDcuNjQ5NTYgMTguMTIyNiA4LjE0MDE4IDE3LjYzMjNMMTIuMDA1IDEzLjc3MDdMMTUuODU5OCAxNy42MjIzQzE2LjM1MDQgMTguMTEyNSAxNy4xNDE0IDE4LjExMjUgMTcuNjMyIDE3LjYyMjNDMTguMTIyNyAxNy4xMzIxIDE4LjEyMjcgMTYuMzQxOCAxNy42MzIgMTUuODUxNkwxMy43NzcyIDEySDEzLjc2NzJaIiBmaWxsPSIjNzk3Rjg1Ii8+Cjwvc3ZnPgo=) center center no-repeat #e1e3e4; 14076 background-color: rgba(25,34,42,.7019607843); 14077 -webkit-mask-image: url(data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PSIwIDAgMjQgMjQiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGQ9Ik0xMy43NjcyIDEyTDE3LjYzMiA4LjEzODM5QzE4LjEyMjcgNy42NDgxOSAxOC4xMjI3IDYuODU3ODYgMTcuNjMyIDYuMzY3NjVDMTcuMTQxNCA1Ljg3NzQ1IDE2LjM1MDQgNS44Nzc0NSAxNS44NTk4IDYuMzY3NjVMMTEuOTk1IDEwLjIyOTNMOC4xNDAxOCA2LjM3NzY2QzcuNjQ5NTYgNS44ODc0NSA2Ljg1ODU3IDUuODg3NDUgNi4zNjc5NiA2LjM3NzY2QzUuODc3MzUgNi44Njc4NiA1Ljg3NzM1IDcuNjU4MTkgNi4zNjc5NiA4LjE0ODRMMTAuMjIyOCAxMkw2LjM2Nzk2IDE1Ljg2MTZDNS44NzczNSAxNi4zNTE4IDUuODc3MzUgMTcuMTQyMSA2LjM2Nzk2IDE3LjYzMjNDNi44NTg1NyAxOC4xMjI2IDcuNjQ5NTYgMTguMTIyNiA4LjE0MDE4IDE3LjYzMjNMMTIuMDA1IDEzLjc3MDdMMTUuODU5OCAxNy42MjIzQzE2LjM1MDQgMTguMTEyNSAxNy4xNDE0IDE4LjExMjUgMTcuNjMyIDE3LjYyMjNDMTguMTIyNyAxNy4xMzIxIDE4LjEyMjcgMTYuMzQxOCAxNy42MzIgMTUuODUxNkwxMy43NzcyIDEySDEzLjc2NzJaIiBmaWxsPSIjNzk3Rjg1Ii8+Cjwvc3ZnPgo=) 14078 } 14079 14080 @media screen and (max-width: 768px) { 14081 .blu-ticker__close[data-v-e275b4e8] { 14082 transform:scale(0.75) 14083 } 14084 } 14085 14086 .blu-ticker__close[data-v-e275b4e8]:focus-visible { 14087 box-shadow: 0px 0px 0px 4px #000; 14088 outline: none 14089 } 14090 14091 .blu-ticker__title[data-v-e275b4e8] { 14092 color: #19222a 14093 } 14094 14095 @media screen and (min-width: 769px),print { 14096 .blu-ticker__title[data-v-e275b4e8] { 14097 font:16px/20px "blibli demi bold",-apple-system,segoe ui,roboto,helvetica,arial,sans-serif 14098 } 14099 } 14100 14101 @media screen and (max-width: 768px) { 14102 .blu-ticker__title[data-v-e275b4e8] { 14103 font:14px/18px "blibli demi bold",-apple-system,segoe ui,roboto,helvetica,arial,sans-serif 14104 } 14105 } 14106 14107 .blu-ticker__btn[data-v-e275b4e8] { 14108 margin: 8px 0 0 -14px 14109 } 14110 14111 .blu-ticker.b-info[data-v-e275b4e8] { 14112 --blu-ticker-color-background: #f3f9ff; 14113 --blu-ticker-color-border: #b9deff 14114 } 14115 14116 .blu-ticker.b-info.has-icon>.blu-ticker__icon[data-v-e275b4e8] { 14117 background-color: #006dea; 14118 -webkit-mask-image: url(data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PSIwIDAgMjQgMjQiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+DQo8cGF0aCBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGNsaXAtcnVsZT0iZXZlbm9kZCIgZD0iTTIgMTJDMiA2LjQ4IDYuNDggMiAxMiAyQzE3LjUyIDIgMjIgNi40OCAyMiAxMkMyMiAxNy41MiAxNy41MiAyMiAxMiAyMkM2LjQ4IDIyIDIgMTcuNTIgMiAxMlpNMTEuOTcgOC43Mzc2NEMxMi43MjY2IDguNzM3NjQgMTMuMzQgOC4xMjQ4IDEzLjM0IDcuMzY4ODJDMTMuMzQgNi42MTI4NCAxMi43MjY2IDYgMTEuOTcgNkMxMS4yMTM0IDYgMTAuNiA2LjYxMjg0IDEwLjYgNy4zNjg4MkMxMC42IDguMTI0OCAxMS4yMTM0IDguNzM3NjQgMTEuOTcgOC43Mzc2NFpNMTEuNDk5OSAxMC4xMDY0SDEyLjQ0OTlDMTIuODQ5OSAxMC4xMDY0IDEzLjE3OTkgMTAuNDM2MiAxMy4xNzk5IDEwLjgzNThWMTcuMjcwM0MxMy4xNzk5IDE3LjY2OTkgMTIuODQ5OSAxNy45OTk2IDEyLjQ0OTkgMTcuOTk5NkgxMS40OTk5QzExLjA5OTkgMTcuOTk5NiAxMC43Njk5IDE3LjY2OTkgMTAuNzY5OSAxNy4yNzAzVjEwLjgzNThDMTAuNzY5OSAxMC40MzYyIDExLjA5OTkgMTAuMTA2NCAxMS40OTk5IDEwLjEwNjRaIiBmaWxsPSIjNzk3Rjg1Ii8+DQo8L3N2Zz4NCg==); 14119 mask-image: url(data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PSIwIDAgMjQgMjQiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+DQo8cGF0aCBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGNsaXAtcnVsZT0iZXZlbm9kZCIgZD0iTTIgMTJDMiA2LjQ4IDYuNDggMiAxMiAyQzE3LjUyIDIgMjIgNi40OCAyMiAxMkMyMiAxNy41MiAxNy41MiAyMiAxMiAyMkM2LjQ4IDIyIDIgMTcuNTIgMiAxMlpNMTEuOTcgOC43Mzc2NEMxMi43MjY2IDguNzM3NjQgMTMuMzQgOC4xMjQ4IDEzLjM0IDcuMzY4ODJDMTMuMzQgNi42MTI4NCAxMi43MjY2IDYgMTEuOTcgNkMxMS4yMTM0IDYgMTAuNiA2LjYxMjg0IDEwLjYgNy4zNjg4MkMxMC42IDguMTI0OCAxMS4yMTM0IDguNzM3NjQgMTEuOTcgOC43Mzc2NFpNMTEuNDk5OSAxMC4xMDY0SDEyLjQ0OTlDMTIuODQ5OSAxMC4xMDY0IDEzLjE3OTkgMTAuNDM2MiAxMy4xNzk5IDEwLjgzNThWMTcuMjcwM0MxMy4xNzk5IDE3LjY2OTkgMTIuODQ5OSAxNy45OTk2IDEyLjQ0OTkgMTcuOTk5NkgxMS40OTk5QzExLjA5OTkgMTcuOTk5NiAxMC43Njk5IDE3LjY2OTkgMTAuNzY5OSAxNy4yNzAzVjEwLjgzNThDMTAuNzY5OSAxMC40MzYyIDExLjA5OTkgMTAuMTA2NCAxMS40OTk5IDEwLjEwNjRaIiBmaWxsPSIjNzk3Rjg1Ii8+DQo8L3N2Zz4NCg==) 14120 } 14121 14122 .blu-ticker.b-success[data-v-e275b4e8] { 14123 --blu-ticker-color-background: #effcf0; 14124 --blu-ticker-color-border: #b2efb9 14125 } 14126 14127 .blu-ticker.b-success.has-icon>.blu-ticker__icon[data-v-e275b4e8] { 14128 background-color: #1c832a; 14129 -webkit-mask-image: url(data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PSIwIDAgMjQgMjQiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+DQo8cGF0aCBkPSJNMTIgMkM2LjQ4IDIgMiA2LjQ4IDIgMTJDMiAxNy41MiA2LjQ4IDIyIDEyIDIyQzE3LjUyIDIyIDIyIDE3LjUyIDIyIDEyQzIyIDYuNDggMTcuNTIgMiAxMiAyWk0xNy4wNSA5LjExTDEyLjA2IDE2LjEyQzExLjg4IDE2LjM3IDExLjYgMTYuNTIgMTEuMjkgMTYuNTRIMTEuMjRDMTAuOTUgMTYuNTQgMTAuNjcgMTYuNDIgMTAuNDggMTYuMTlMNi45OSAxMi4xM0M2LjgyIDExLjkzIDYuNzMgMTEuNjcgNi43NSAxMS40MUM2Ljc3IDExLjE0IDYuODkgMTAuOSA3LjA5IDEwLjczQzcuNTEgMTAuMzcgOC4xNCAxMC40MiA4LjUgMTAuODRMMTEuMTYgMTMuOTNMMTUuNDEgNy45NkMxNS43MyA3LjUxIDE2LjM1IDcuNDEgMTYuOCA3LjczQzE3LjAyIDcuODggMTcuMTYgOC4xMSAxNy4yMSA4LjM4QzE3LjI1IDguNjQgMTcuMTkgOC45MSAxNy4wNCA5LjEyTDE3
14129LjA1IDkuMTFaIiBmaWxsPSIjNzk3Rjg1Ii8+DQo8L3N2Zz4=); 14130 mask-image: url(data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PSIwIDAgMjQgMjQiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+DQo8cGF0aCBkPSJNMTIgMkM2LjQ4IDIgMiA2LjQ4IDIgMTJDMiAxNy41MiA2LjQ4IDIyIDEyIDIyQzE3LjUyIDIyIDIyIDE3LjUyIDIyIDEyQzIyIDYuNDggMTcuNTIgMiAxMiAyWk0xNy4wNSA5LjExTDEyLjA2IDE2LjEyQzExLjg4IDE2LjM3IDExLjYgMTYuNTIgMTEuMjkgMTYuNTRIMTEuMjRDMTAuOTUgMTYuNTQgMTAuNjcgMTYuNDIgMTAuNDggMTYuMTlMNi45OSAxMi4xM0M2LjgyIDExLjkzIDYuNzMgMTEuNjcgNi43NSAxMS40MUM2Ljc3IDExLjE0IDYuODkgMTAuOSA3LjA5IDEwLjczQzcuNTEgMTAuMzcgOC4xNCAxMC40MiA4LjUgMTAuODRMMTEuMTYgMTMuOTNMMTUuNDEgNy45NkMxNS43MyA3LjUxIDE2LjM1IDcuNDEgMTYuOCA3LjczQzE3LjAyIDcuODggMTcuMTYgOC4xMSAxNy4yMSA4LjM4QzE3LjI1IDguNjQgMTcuMTkgOC45MSAxNy4wNCA5LjEyTDE3LjA1IDkuMTFaIiBmaWxsPSIjNzk3Rjg1Ii8+DQo8L3N2Zz4=) 14131 } 14132 14133 .blu-ticker.b-warning[data-v-e275b4e8] { 14134 --blu-ticker-color-background: #fff8e0; 14135 --blu-ticker-color-border: #fef0b6 14136 } 14137 14138 .blu-ticker.b-warning.has-icon>.blu-ticker__icon[data-v-e275b4e8] { 14139 background-color: #f2b11b; 14140 -webkit-mask-image: url(data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PSIwIDAgMjQgMjQiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+DQo8cGF0aCBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGNsaXAtcnVsZT0iZXZlbm9kZCIgZD0iTTMuODc0MzYgMjFIMjAuMTE0NEgyMC4xMjQ0QzIxLjU1MzUgMjEgMjIuNDUyOSAxOS41MDM1IDIxLjc2MzQgMTguMjg2NEwxMy42NDg0IDMuOTUwMjZDMTIuOTM4OCAyLjY4MzI1IDExLjA2OTkgMi42ODMyNSAxMC4zNjA0IDMuOTUwMjZMMi4yMzUzNyAxOC4yOTY0QzEuNTQ1OCAxOS41MTM1IDIuNDU1MjQgMjEgMy44NzQzNiAyMVpNMTAuOTkgMTMuOTM3NEwxMC43MDAyIDkuMDk4ODdWNy43NTIwNUMxMC43MDAyIDcuMzMzMDQgMTEuMDQgNi45OTM4NCAxMS40NTk3IDYuOTkzODRIMTIuNjA5QzEzLjAyODggNi45OTM4NCAxMy4zNjg2IDcuMzMzMDQgMTMuMzY4NiA3Ljc1MjA1VjkuMTA4ODRMMTMuMDg4NyAxMy45Mjc1QzEzLjA2ODcgMTQuMzI2NSAxMi43Mzg5IDE0LjYzNTggMTIuMzI5MiAxNC42MzU4SDExLjc0OTVDMTEuMzQ5OCAxNC42MzU4IDExLjAyIDE0LjMyNjUgMTAuOTkgMTMuOTI3NVYxMy45Mzc0Wk0xMS45OTk0IDE4Ljk2NTJDMTIuNzg4NyAxOC45NjUyIDEzLjQyODYgMTguMzI2NSAxMy40Mjg2IDE3LjUzODZDMTMuNDI4NiAxNi43NTA3IDEyLjc4ODcgMTYuMTEyIDExLjk5OTQgMTYuMTEyQzExLjIxMDIgMTYuMTEyIDEwLjU3MDMgMTYuNzUwNyAxMC41NzAzIDE3LjUzODZDMTAuNTcwMyAxOC4zMjY1IDExLjIxMDIgMTguOTY1MiAxMS45OTk0IDE4Ljk2NTJaIiBmaWxsPSIjNzk3Rjg1Ii8+DQo8L3N2Zz4NCg==); 14141 mask-image: url(data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PSIwIDAgMjQgMjQiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+DQo8cGF0aCBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGNsaXAtcnVsZT0iZXZlbm9kZCIgZD0iTTMuODc0MzYgMjFIMjAuMTE0NEgyMC4xMjQ0QzIxLjU1MzUgMjEgMjIuNDUyOSAxOS41MDM1IDIxLjc2MzQgMTguMjg2NEwxMy42NDg0IDMuOTUwMjZDMTIuOTM4OCAyLjY4MzI1IDExLjA2OTkgMi42ODMyNSAxMC4zNjA0IDMuOTUwMjZMMi4yMzUzNyAxOC4yOTY0QzEuNTQ1OCAxOS41MTM1IDIuNDU1MjQgMjEgMy44NzQzNiAyMVpNMTAuOTkgMTMuOTM3NEwxMC43MDAyIDkuMDk4ODdWNy43NTIwNUMxMC43MDAyIDcuMzMzMDQgMTEuMDQgNi45OTM4NCAxMS40NTk3IDYuOTkzODRIMTIuNjA5QzEzLjAyODggNi45OTM4NCAxMy4zNjg2IDcuMzMzMDQgMTMuMzY4NiA3Ljc1MjA1VjkuMTA4ODRMMTMuMDg4NyAxMy45Mjc1QzEzLjA2ODcgMTQuMzI2NSAxMi43Mzg5IDE0LjYzNTggMTIuMzI5MiAxNC42MzU4SDExLjc0OTVDMTEuMzQ5OCAxNC42MzU4IDExLjAyIDE0LjMyNjUgMTAuOTkgMTMuOTI3NVYxMy45Mzc0Wk0xMS45OTk0IDE4Ljk2NTJDMTIuNzg4NyAxOC45NjUyIDEzLjQyODYgMTguMzI2NSAxMy40Mjg2IDE3LjUzODZDMTMuNDI4NiAxNi43NTA3IDEyLjc4ODcgMTYuMTEyIDExLjk5OTQgMTYuMTEyQzExLjIxMDIgMTYuMTEyIDEwLjU3MDMgMTYuNzUwNyAxMC41NzAzIDE3LjUzODZDMTAuNTcwMyAxOC4zMjY1IDExLjIxMDIgMTguOTY1MiAxMS45OTk0IDE4Ljk2NTJaIiBmaWxsPSIjNzk3Rjg1Ii8+DQo8L3N2Zz4NCg==) 14142 } 14143 14144 .blu-ticker.b-danger[data-v-e275b4e8] { 14145 --blu-ticker-color-background: #fff5f5; 14146 --blu-ticker-color-border: #fecccb 14147 } 14148 14149 .blu-ticker.b-danger.has-icon>.blu-ticker__icon[data-v-e275b4e8] { 14150 background-color: #d33534; 14151 -webkit-mask-image: url(data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PSIwIDAgMjQgMjQiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+DQo8cGF0aCBkPSJNMTIgMkM2LjQ4IDIgMiA2LjQ4IDIgMTJDMiAxNy41MiA2LjQ4IDIyIDEyIDIyQzE3LjUyIDIyIDIyIDE3LjUyIDIyIDEyQzIyIDYuNDggMTcuNTIgMiAxMiAyWk0xNi4yNCAxNC44M0MxNi42MyAxNS4yMiAxNi42MyAxNS44NSAxNi4yNCAxNi4yNEMxNS44NSAxNi42MyAxNS4yMiAxNi42MyAxNC44MyAxNi4yNEwxMiAxMy40MUw5LjE3IDE2LjI0QzguNzggMTYuNjMgOC4xNSAxNi42MyA3Ljc2IDE2LjI0QzcuMzcgMTUuODUgNy4zNyAxNS4yMiA3Ljc2IDE0LjgzTDEwLjU5IDEyTDcuNzYgOS4xN0M3LjM3IDguNzggNy4zNyA4LjE1IDcuNzYgNy43NkM4LjE1IDcuMzcgOC43OCA3LjM3IDkuMTcgNy43NkwxMiAxMC41OUwxNC44MyA3Ljc2QzE1LjIyIDcuMzcgMTUuODUgNy4zNyAxNi4yNCA3Ljc2QzE2LjYzIDguMTUgMTYuNjMgOC43OCAxNi4yNCA5LjE3TDEzLjQxIDEyTDE2LjI0IDE0LjgzWiIgZmlsbD0iIzc5N0Y4NSIvPg0KPC9zdmc+); 14152 mask-image: url(data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PSIwIDAgMjQgMjQiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+DQo8cGF0aCBkPSJNMTIgMkM2LjQ4IDIgMiA2LjQ4IDIgMTJDMiAxNy41MiA2LjQ4IDIyIDEyIDIyQzE3LjUyIDIyIDIyIDE3LjUyIDIyIDEyQzIyIDYuNDggMTcuNTIgMiAxMiAyWk0xNi4yNCAxNC44M0MxNi42MyAxNS4yMiAxNi42MyAxNS44NSAxNi4yNCAxNi4yNEMxNS44NSAxNi42MyAxNS4yMiAxNi42MyAxNC44MyAxNi4yNEwxMiAxMy40MUw5LjE3IDE2LjI0QzguNzggMTYuNjMgOC4xNSAxNi42MyA3Ljc2IDE2LjI0QzcuMzcgMTUuODUgNy4zNyAxNS4yMiA3Ljc2IDE0LjgzTDEwLjU5IDEyTDcuNzYgOS4xN0M3LjM3IDguNzggNy4zNyA4LjE1IDcuNzYgNy43NkM4LjE1IDcuMzcgOC43OCA3LjM3IDkuMTcgNy43NkwxMiAxMC41OUwxNC44MyA3Ljc2QzE1LjIyIDcuMzcgMTUuODUgNy4zNyAxNi4yNCA3Ljc2QzE2LjYzIDguMTUgMTYuNjMgOC43OCAxNi4yNCA5LjE3TDEzLjQxIDEyTDE2LjI0IDE0LjgzWiIgZmlsbD0iIzc5N0Y4NSIvPg0KPC9zdmc+) 14153 } 14154 14155 .blu-ticker.has-icon>.blu-ticker__icon[data-v-e275b4e8] { 14156 margin-right: 8px; 14157 background-position: center center; 14158 background-size: contain; 14159 background-repeat: no-repeat; 14160 z-index: 0 14161 } 14162 14163 @media screen and (min-width: 769px),print { 14164 .blu-ticker.has-icon>.blu-ticker__icon[data-v-e275b4e8] { 14165 padding:12px 14166 } 14167 } 14168 14169 @media screen and (max-width: 768px) { 14170 .blu-ticker.has-icon>.blu-ticker__icon[data-v-e275b4e8] { 14171 padding:9px 14172 } 14173 } 14174 14175 .blu-ticker.has-icon.b-middle[data-v-e275b4e8] { 14176 align-items: center 14177 } 14178 14179 .blu-ticker.has-icon.b-bottom[data-v-e275b4e8] { 14180 align-items: flex-end 14181 } 14182 14183 .blu-ticker.has-icon.b-bottom[data-v-e275b4e8]:before { 14184 margin-bottom: 3px 14185 } 14186 </style> 14187 <style type="text/css"> 14188 .blu-ticker[data-v-5f386d2a] { 14189 --blu-ticker-color-background: #f9f9fa; 14190 --blu-ticker-color-border: #e1e3e4; 14191 display: flex; 14192 justify-content: flex-start; 14193 align-items: flex-start; 14194 border-radius: 8px; 14195 position: relative; 14196 background-color: var(--blu-ticker-color-background); 14197 border: 1px solid var(--blu-ticker-color-border); 14198 color: rgba(25,34,42,.7019607843); 14199 padding: 8px; 14200 margin-bottom: 8px; 14201 z-index: 0 14202 } 14203 14204 .blu-ticker__msg[data-v-5f386d2a] { 14205 z-index: 0; 14206 align-self: center 14207 } 14208 14209 @media screen and (min-width: 769px),print { 14210 .blu-ticker__msg[data-v-5f386d2a] { 14211 font:16px/20px "blibli",-apple-system,segoe ui,roboto,helvetica,arial,sans-serif 14212 } 14213 } 14214 14215 @media screen and (max-width: 768px) { 14216 .blu-ticker__msg[data-v-5f386d2a] { 14217 font:14px/18px "blibli",-apple-system,segoe ui,roboto,helvetica,arial,sans-serif 14218 } 14219 } 14220 14221 .blu-ticker__close[data-v-5f386d2a] { 14222 object-fit: contain; 14223 position: relative; 14224 z-index: 0; 14225 width: 18px;
14226 height: 18px; 14227 padding: 11px 14228 } 14229 14230 .blu-ticker__close i[data-v-5f386d2a] { 14231 content: ""; 14232 top: 0; 14233 right: 0; 14234 position: absolute; 14235 width: 18px; 14236 height: 18px; 14237 padding: 12px; 14238 background: rgba(0,0,0,0) url(data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PSIwIDAgMjQgMjQiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGQ9Ik0xMy43NjcyIDEyTDE3LjYzMiA4LjEzODM5QzE4LjEyMjcgNy42NDgxOSAxOC4xMjI3IDYuODU3ODYgMTcuNjMyIDYuMzY3NjVDMTcuMTQxNCA1Ljg3NzQ1IDE2LjM1MDQgNS44Nzc0NSAxNS44NTk4IDYuMzY3NjVMMTEuOTk1IDEwLjIyOTNMOC4xNDAxOCA2LjM3NzY2QzcuNjQ5NTYgNS44ODc0NSA2Ljg1ODU3IDUuODg3NDUgNi4zNjc5NiA2LjM3NzY2QzUuODc3MzUgNi44Njc4NiA1Ljg3NzM1IDcuNjU4MTkgNi4zNjc5NiA4LjE0ODRMMTAuMjIyOCAxMkw2LjM2Nzk2IDE1Ljg2MTZDNS44NzczNSAxNi4zNTE4IDUuODc3MzUgMTcuMTQyMSA2LjM2Nzk2IDE3LjYzMjNDNi44NTg1NyAxOC4xMjI2IDcuNjQ5NTYgMTguMTIyNiA4LjE0MDE4IDE3LjYzMjNMMTIuMDA1IDEzLjc3MDdMMTUuODU5OCAxNy42MjIzQzE2LjM1MDQgMTguMTEyNSAxNy4xNDE0IDE4LjExMjUgMTcuNjMyIDE3LjYyMjNDMTguMTIyNyAxNy4xMzIxIDE4LjEyMjcgMTYuMzQxOCAxNy42MzIgMTUuODUxNkwxMy43NzcyIDEySDEzLjc2NzJaIiBmaWxsPSIjNzk3Rjg1Ii8+Cjwvc3ZnPgo=) center center no-repeat #e1e3e4; 14239 background-color: rgba(25,34,42,.7019607843); 14240 -webkit-mask-image: url(data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PSIwIDAgMjQgMjQiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGQ9Ik0xMy43NjcyIDEyTDE3LjYzMiA4LjEzODM5QzE4LjEyMjcgNy42NDgxOSAxOC4xMjI3IDYuODU3ODYgMTcuNjMyIDYuMzY3NjVDMTcuMTQxNCA1Ljg3NzQ1IDE2LjM1MDQgNS44Nzc0NSAxNS44NTk4IDYuMzY3NjVMMTEuOTk1IDEwLjIyOTNMOC4xNDAxOCA2LjM3NzY2QzcuNjQ5NTYgNS44ODc0NSA2Ljg1ODU3IDUuODg3NDUgNi4zNjc5NiA2LjM3NzY2QzUuODc3MzUgNi44Njc4NiA1Ljg3NzM1IDcuNjU4MTkgNi4zNjc5NiA4LjE0ODRMMTAuMjIyOCAxMkw2LjM2Nzk2IDE1Ljg2MTZDNS44NzczNSAxNi4zNTE4IDUuODc3MzUgMTcuMTQyMSA2LjM2Nzk2IDE3LjYzMjNDNi44NTg1NyAxOC4xMjI2IDcuNjQ5NTYgMTguMTIyNiA4LjE0MDE4IDE3LjYzMjNMMTIuMDA1IDEzLjc3MDdMMTUuODU5OCAxNy42MjIzQzE2LjM1MDQgMTguMTEyNSAxNy4xNDE0IDE4LjExMjUgMTcuNjMyIDE3LjYyMjNDMTguMTIyNyAxNy4xMzIxIDE4LjEyMjcgMTYuMzQxOCAxNy42MzIgMTUuODUxNkwxMy43NzcyIDEySDEzLjc2NzJaIiBmaWxsPSIjNzk3Rjg1Ii8+Cjwvc3ZnPgo=) 14241 } 14242 14243 @media screen and (max-width: 768px) { 14244 .blu-ticker__close[data-v-5f386d2a] { 14245 transform:scale(0.75) 14246 } 14247 } 14248 14249 .blu-ticker__close[data-v-5f386d2a]:focus-visible { 14250 box-shadow: 0px 0px 0px 4px #000; 14251 outline: none 14252 } 14253 14254 .blu-ticker__title[data-v-5f386d2a] { 14255 color: #19222a 14256 } 14257 14258 @media screen and (min-width: 769px),print { 14259 .blu-ticker__title[data-v-5f386d2a] { 14260 font:16px/20px "blibli demi bold",-apple-system,segoe ui,roboto,helvetica,arial,sans-serif 14261 } 14262 } 14263 14264 @media screen and (max-width: 768px) { 14265 .blu-ticker__title[data-v-5f386d2a] { 14266 font:14px/18px "blibli demi bold",-apple-system,segoe ui,roboto,helvetica,arial,sans-serif 14267 } 14268 } 14269 14270 .blu-ticker__btn[data-v-5f386d2a] { 14271 margin: 8px 0 0 -14px 14272 } 14273 14274 .blu-ticker.b-info[data-v-5f386d2a] { 14275 --blu-ticker-color-background: #f3f9ff; 14276 --blu-ticker-color-border: #b9deff 14277 } 14278 14279 .blu-ticker.b-info.has-icon>.blu-ticker__icon[data-v-5f386d2a] { 14280 background-color: #006dea; 14281 -webkit-mask-image: url(data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PSIwIDAgMjQgMjQiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+DQo8cGF0aCBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGNsaXAtcnVsZT0iZXZlbm9kZCIgZD0iTTIgMTJDMiA2LjQ4IDYuNDggMiAxMiAyQzE3LjUyIDIgMjIgNi40OCAyMiAxMkMyMiAxNy41MiAxNy41MiAyMiAxMiAyMkM2LjQ4IDIyIDIgMTcuNTIgMiAxMlpNMTEuOTcgOC43Mzc2NEMxMi43MjY2IDguNzM3NjQgMTMuMzQgOC4xMjQ4IDEzLjM0IDcuMzY4ODJDMTMuMzQgNi42MTI4NCAxMi43MjY2IDYgMTEuOTcgNkMxMS4yMTM0IDYgMTAuNiA2LjYxMjg0IDEwLjYgNy4zNjg4MkMxMC42IDguMTI0OCAxMS4yMTM0IDguNzM3NjQgMTEuOTcgOC43Mzc2NFpNMTEuNDk5OSAxMC4xMDY0SDEyLjQ0OTlDMTIuODQ5OSAxMC4xMDY0IDEzLjE3OTkgMTAuNDM2MiAxMy4xNzk5IDEwLjgzNThWMTcuMjcwM0MxMy4xNzk5IDE3LjY2OTkgMTIuODQ5OSAxNy45OTk2IDEyLjQ0OTkgMTcuOTk5NkgxMS40OTk5QzExLjA5OTkgMTcuOTk5NiAxMC43Njk5IDE3LjY2OTkgMTAuNzY5OSAxNy4yNzAzVjEwLjgzNThDMTAuNzY5OSAxMC40MzYyIDExLjA5OTkgMTAuMTA2NCAxMS40OTk5IDEwLjEwNjRaIiBmaWxsPSIjNzk3Rjg1Ii8+DQo8L3N2Zz4NCg==); 14282 mask-image: url(data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PSIwIDAgMjQgMjQiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+DQo8cGF0aCBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGNsaXAtcnVsZT0iZXZlbm9kZCIgZD0iTTIgMTJDMiA2LjQ4IDYuNDggMiAxMiAyQzE3LjUyIDIgMjIgNi40OCAyMiAxMkMyMiAxNy41MiAxNy41MiAyMiAxMiAyMkM2LjQ4IDIyIDIgMTcuNTIgMiAxMlpNMTEuOTcgOC43Mzc2NEMxMi43MjY2IDguNzM3NjQgMTMuMzQgOC4xMjQ4IDEzLjM0IDcuMzY4ODJDMTMuMzQgNi42MTI4NCAxMi43MjY2IDYgMTEuOTcgNkMxMS4yMTM0IDYgMTAuNiA2LjYxMjg0IDEwLjYgNy4zNjg4MkMxMC42IDguMTI0OCAxMS4yMTM0IDguNzM3NjQgMTEuOTcgOC43Mzc2NFpNMTEuNDk5OSAxMC4xMDY0SDEyLjQ0OTlDMTIuODQ5OSAxMC4xMDY0IDEzLjE3OTkgMTAuNDM2MiAxMy4xNzk5IDEwLjgzNThWMTcuMjcwM0MxMy4xNzk5IDE3LjY2OTkgMTIuODQ5OSAxNy45OTk2IDEyLjQ0OTkgMTcuOTk5NkgxMS40OTk5QzExLjA5OTkgMTcuOTk5NiAxMC43Njk5IDE3LjY2OTkgMTAuNzY5OSAxNy4yNzAzVjEwLjgzNThDMTAuNzY5OSAxMC40MzYyIDExLjA5OTkgMTAuMTA2NCAxMS40OTk5IDEwLjEwNjRaIiBmaWxsPSIjNzk3Rjg1Ii8+DQo8L3N2Zz4NCg==) 14283 } 14284 14285 .blu-ticker.b-success[data-v-5f386d2a] { 14286 --blu-ticker-color-background: #effcf0; 14287 --blu-ticker-color-border: #b2efb9 14288 } 14289 14290 .blu-ticker.b-success.has-icon>.blu-ticker__icon[data-v-5f386d2a] { 14291 background-color: #1c832a; 14292 -webkit-mask-image: url(data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PSIwIDAgMjQgMjQiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+DQo8cGF0aCBkPSJNMTIgMkM2LjQ4IDIgMiA2LjQ4IDIgMTJDMiAxNy41MiA2LjQ4IDIyIDEyIDIyQzE3LjUyIDIyIDIyIDE3LjUyIDIyIDEyQzIyIDYuNDggMTcuNTIgMiAxMiAyWk0xNy4wNSA5LjExTDEyLjA2IDE2LjEyQzExLjg4IDE2LjM3IDExLjYgMTYuNTIgMTEuMjkgMTYuNTRIMTEuMjRDMTAuOTUgMTYuNTQgMTAuNjcgMTYuNDIgMTAuNDggMTYuMTlMNi45OSAxMi4xM0M2LjgyIDExLjkzIDYuNzMgMTEuNjcgNi43NSAxMS40MUM2Ljc3IDExLjE0IDYuODkgMTAuOSA3LjA5IDEwLjczQzcuNTEgMTAuMzcgOC4xNCAxMC40MiA4LjUgMTAuODRMMTEuMTYgMTMuOTNMMTUuNDEgNy45NkMxNS43MyA3LjUxIDE2LjM1IDcuNDEgMTYuOCA3LjczQzE3LjAyIDcuODggMTcuMTYgOC4xMSAxNy4yMSA4LjM4QzE3LjI1IDguNjQgMTcuMTkgOC45MSAxNy4wNCA5LjEyTDE3
14292LjA1IDkuMTFaIiBmaWxsPSIjNzk3Rjg1Ii8+DQo8L3N2Zz4=); 14293 mask-image: url(data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PSIwIDAgMjQgMjQiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+DQo8cGF0aCBkPSJNMTIgMkM2LjQ4IDIgMiA2LjQ4IDIgMTJDMiAxNy41MiA2LjQ4IDIyIDEyIDIyQzE3LjUyIDIyIDIyIDE3LjUyIDIyIDEyQzIyIDYuNDggMTcuNTIgMiAxMiAyWk0xNy4wNSA5LjExTDEyLjA2IDE2LjEyQzExLjg4IDE2LjM3IDExLjYgMTYuNTIgMTEuMjkgMTYuNTRIMTEuMjRDMTAuOTUgMTYuNTQgMTAuNjcgMTYuNDIgMTAuNDggMTYuMTlMNi45OSAxMi4xM0M2LjgyIDExLjkzIDYuNzMgMTEuNjcgNi43NSAxMS40MUM2Ljc3IDExLjE0IDYuODkgMTAuOSA3LjA5IDEwLjczQzcuNTEgMTAuMzcgOC4xNCAxMC40MiA4LjUgMTAuODRMMTEuMTYgMTMuOTNMMTUuNDEgNy45NkMxNS43MyA3LjUxIDE2LjM1IDcuNDEgMTYuOCA3LjczQzE3LjAyIDcuODggMTcuMTYgOC4xMSAxNy4yMSA4LjM4QzE3LjI1IDguNjQgMTcuMTkgOC45MSAxNy4wNCA5LjEyTDE3LjA1IDkuMTFaIiBmaWxsPSIjNzk3Rjg1Ii8+DQo8L3N2Zz4=) 14294 } 14295 14296 .blu-ticker.b-warning[data-v-5f386d2a] { 14297 --blu-ticker-color-background: #fff8e0; 14298 --blu-ticker-color-border: #fef0b6 14299 } 14300 14301 .blu-ticker.b-warning.has-icon>.blu-ticker__icon[data-v-5f386d2a] { 14302 background-color: #f2b11b; 14303 -webkit-mask-image: url(data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PSIwIDAgMjQgMjQiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+DQo8cGF0aCBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGNsaXAtcnVsZT0iZXZlbm9kZCIgZD0iTTMuODc0MzYgMjFIMjAuMTE0NEgyMC4xMjQ0QzIxLjU1MzUgMjEgMjIuNDUyOSAxOS41MDM1IDIxLjc2MzQgMTguMjg2NEwxMy42NDg0IDMuOTUwMjZDMTIuOTM4OCAyLjY4MzI1IDExLjA2OTkgMi42ODMyNSAxMC4zNjA0IDMuOTUwMjZMMi4yMzUzNyAxOC4yOTY0QzEuNTQ1OCAxOS41MTM1IDIuNDU1MjQgMjEgMy44NzQzNiAyMVpNMTAuOTkgMTMuOTM3NEwxMC43MDAyIDkuMDk4ODdWNy43NTIwNUMxMC43MDAyIDcuMzMzMDQgMTEuMDQgNi45OTM4NCAxMS40NTk3IDYuOTkzODRIMTIuNjA5QzEzLjAyODggNi45OTM4NCAxMy4zNjg2IDcuMzMzMDQgMTMuMzY4NiA3Ljc1MjA1VjkuMTA4ODRMMTMuMDg4NyAxMy45Mjc1QzEzLjA2ODcgMTQuMzI2NSAxMi43Mzg5IDE0LjYzNTggMTIuMzI5MiAxNC42MzU4SDExLjc0OTVDMTEuMzQ5OCAxNC42MzU4IDExLjAyIDE0LjMyNjUgMTAuOTkgMTMuOTI3NVYxMy45Mzc0Wk0xMS45OTk0IDE4Ljk2NTJDMTIuNzg4NyAxOC45NjUyIDEzLjQyODYgMTguMzI2NSAxMy40Mjg2IDE3LjUzODZDMTMuNDI4NiAxNi43NTA3IDEyLjc4ODcgMTYuMTEyIDExLjk5OTQgMTYuMTEyQzExLjIxMDIgMTYuMTEyIDEwLjU3MDMgMTYuNzUwNyAxMC41NzAzIDE3LjUzODZDMTAuNTcwMyAxOC4zMjY1IDExLjIxMDIgMTguOTY1MiAxMS45OTk0IDE4Ljk2NTJaIiBmaWxsPSIjNzk3Rjg1Ii8+DQo8L3N2Zz4NCg==); 14304 mask-image: url(data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PSIwIDAgMjQgMjQiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+DQo8cGF0aCBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGNsaXAtcnVsZT0iZXZlbm9kZCIgZD0iTTMuODc0MzYgMjFIMjAuMTE0NEgyMC4xMjQ0QzIxLjU1MzUgMjEgMjIuNDUyOSAxOS41MDM1IDIxLjc2MzQgMTguMjg2NEwxMy42NDg0IDMuOTUwMjZDMTIuOTM4OCAyLjY4MzI1IDExLjA2OTkgMi42ODMyNSAxMC4zNjA0IDMuOTUwMjZMMi4yMzUzNyAxOC4yOTY0QzEuNTQ1OCAxOS41MTM1IDIuNDU1MjQgMjEgMy44NzQzNiAyMVpNMTAuOTkgMTMuOTM3NEwxMC43MDAyIDkuMDk4ODdWNy43NTIwNUMxMC43MDAyIDcuMzMzMDQgMTEuMDQgNi45OTM4NCAxMS40NTk3IDYuOTkzODRIMTIuNjA5QzEzLjAyODggNi45OTM4NCAxMy4zNjg2IDcuMzMzMDQgMTMuMzY4NiA3Ljc1MjA1VjkuMTA4ODRMMTMuMDg4NyAxMy45Mjc1QzEzLjA2ODcgMTQuMzI2NSAxMi43Mzg5IDE0LjYzNTggMTIuMzI5MiAxNC42MzU4SDExLjc0OTVDMTEuMzQ5OCAxNC42MzU4IDExLjAyIDE0LjMyNjUgMTAuOTkgMTMuOTI3NVYxMy45Mzc0Wk0xMS45OTk0IDE4Ljk2NTJDMTIuNzg4NyAxOC45NjUyIDEzLjQyODYgMTguMzI2NSAxMy40Mjg2IDE3LjUzODZDMTMuNDI4NiAxNi43NTA3IDEyLjc4ODcgMTYuMTEyIDExLjk5OTQgMTYuMTEyQzExLjIxMDIgMTYuMTEyIDEwLjU3MDMgMTYuNzUwNyAxMC41NzAzIDE3LjUzODZDMTAuNTcwMyAxOC4zMjY1IDExLjIxMDIgMTguOTY1MiAxMS45OTk0IDE4Ljk2NTJaIiBmaWxsPSIjNzk3Rjg1Ii8+DQo8L3N2Zz4NCg==) 14305 } 14306 14307 .blu-ticker.b-danger[data-v-5f386d2a] { 14308 --blu-ticker-color-background: #fff5f5; 14309 --blu-ticker-color-border: #fecccb 14310 } 14311 14312 .blu-ticker.b-danger.has-icon>.blu-ticker__icon[data-v-5f386d2a] { 14313 background-color: #d33534; 14314 -webkit-mask-image: url(data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PSIwIDAgMjQgMjQiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+DQo8cGF0aCBkPSJNMTIgMkM2LjQ4IDIgMiA2LjQ4IDIgMTJDMiAxNy41MiA2LjQ4IDIyIDEyIDIyQzE3LjUyIDIyIDIyIDE3LjUyIDIyIDEyQzIyIDYuNDggMTcuNTIgMiAxMiAyWk0xNi4yNCAxNC44M0MxNi42MyAxNS4yMiAxNi42MyAxNS44NSAxNi4yNCAxNi4yNEMxNS44NSAxNi42MyAxNS4yMiAxNi42MyAxNC44MyAxNi4yNEwxMiAxMy40MUw5LjE3IDE2LjI0QzguNzggMTYuNjMgOC4xNSAxNi42MyA3Ljc2IDE2LjI0QzcuMzcgMTUuODUgNy4zNyAxNS4yMiA3Ljc2IDE0LjgzTDEwLjU5IDEyTDcuNzYgOS4xN0M3LjM3IDguNzggNy4zNyA4LjE1IDcuNzYgNy43NkM4LjE1IDcuMzcgOC43OCA3LjM3IDkuMTcgNy43NkwxMiAxMC41OUwxNC44MyA3Ljc2QzE1LjIyIDcuMzcgMTUuODUgNy4zNyAxNi4yNCA3Ljc2QzE2LjYzIDguMTUgMTYuNjMgOC43OCAxNi4yNCA5LjE3TDEzLjQxIDEyTDE2LjI0IDE0LjgzWiIgZmlsbD0iIzc5N0Y4NSIvPg0KPC9zdmc+); 14315 mask-image: url(data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PSIwIDAgMjQgMjQiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+DQo8cGF0aCBkPSJNMTIgMkM2LjQ4IDIgMiA2LjQ4IDIgMTJDMiAxNy41MiA2LjQ4IDIyIDEyIDIyQzE3LjUyIDIyIDIyIDE3LjUyIDIyIDEyQzIyIDYuNDggMTcuNTIgMiAxMiAyWk0xNi4yNCAxNC44M0MxNi42MyAxNS4yMiAxNi42MyAxNS44NSAxNi4yNCAxNi4yNEMxNS44NSAxNi42MyAxNS4yMiAxNi42MyAxNC44MyAxNi4yNEwxMiAxMy40MUw5LjE3IDE2LjI0QzguNzggMTYuNjMgOC4xNSAxNi42MyA3Ljc2IDE2LjI0QzcuMzcgMTUuODUgNy4zNyAxNS4yMiA3Ljc2IDE0LjgzTDEwLjU5IDEyTDcuNzYgOS4xN0M3LjM3IDguNzggNy4zNyA4LjE1IDcuNzYgNy43NkM4LjE1IDcuMzcgOC43OCA3LjM3IDkuMTcgNy43NkwxMiAxMC41OUwxNC44MyA3Ljc2QzE1LjIyIDcuMzcgMTUuODUgNy4zNyAxNi4yNCA3Ljc2QzE2LjYzIDguMTUgMTYuNjMgOC43OCAxNi4yNCA5LjE3TDEzLjQxIDEyTDE2LjI0IDE0LjgzWiIgZmlsbD0iIzc5N0Y4NSIvPg0KPC9zdmc+) 14316 } 14317 14318 .blu-ticker.has-icon>.blu-ticker__icon[data-v-5f386d2a] { 14319 margin-right: 8px; 14320 background-position: center center; 14321 background-size: contain; 14322 background-repeat: no-repeat; 14323 z-index: 0 14324 } 14325 14326 @media screen and (min-width: 769px),print { 14327 .blu-ticker.has-icon>.blu-ticker__icon[data-v-5f386d2a] { 14328 padding:12px 14329 } 14330 } 14331 14332 @media screen and (max-width: 768px) { 14333 .blu-ticker.has-icon>.blu-ticker__icon[data-v-5f386d2a] { 14334 padding:9px 14335 } 14336 } 14337 14338 .blu-ticker.has-icon.b-middle[data-v-5f386d2a] { 14339 align-items: center 14340 } 14341 14342 .blu-ticker.has-icon.b-bottom[data-v-5f386d2a] { 14343 align-items: flex-end 14344 } 14345 14346 .blu-ticker.has-icon.b-bottom[data-v-5f386d2a]:before { 14347 margin-bottom: 3px 14348 } 14349 </style> 14350 <style type="text/css"> 14351 .blu-ticker[data-v-c29289ca] { 14352 --blu-ticker-color-background: #f9f9fa; 14353 --blu-ticker-color-border: #e1e3e4; 14354 display: flex; 14355 justify-content: flex-start; 14356 align-items: flex-start; 14357 border-radius: 8px; 14358 position: relative; 14359 background-color: var(--blu-ticker-color-background); 14360 border: 1px solid var(--blu-ticker-color-border); 14361 color: rgba(25,34,42,.7019607843); 14362 padding: 8px; 14363 margin-bottom: 8px; 14364 z-index: 0 14365 } 14366 14367 .blu-ticker__msg[data-v-c29289ca] { 14368 z-index: 0; 14369 align-self: center 14370 } 14371 14372 @media screen and (min-width: 769px),print { 14373 .blu-ticker__msg[data-v-c29289ca] { 14374 font:16px/20px "blibli",-apple-system,segoe ui,roboto,helvetica,arial,sans-serif 14375 } 14376 } 14377 14378 @media screen and (max-width: 768px) { 14379 .blu-ticker__msg[data-v-c29289ca] { 14380 font:14px/18px "blibli",-apple-system,segoe ui,roboto,helvetica,arial,sans-serif 14381 } 14382 } 14383 14384 .blu-ticker__close[data-v-c29289ca] { 14385 object-fit: contain; 14386 position: relative; 14387 z-index: 0; 14388 width: 18px;
14389 height: 18px; 14390 padding: 11px 14391 } 14392 14393 .blu-ticker__close i[data-v-c29289ca] { 14394 content: ""; 14395 top: 0; 14396 right: 0; 14397 position: absolute; 14398 width: 18px; 14399 height: 18px; 14400 padding: 12px; 14401 background: rgba(0,0,0,0) url(data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PSIwIDAgMjQgMjQiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGQ9Ik0xMy43NjcyIDEyTDE3LjYzMiA4LjEzODM5QzE4LjEyMjcgNy42NDgxOSAxOC4xMjI3IDYuODU3ODYgMTcuNjMyIDYuMzY3NjVDMTcuMTQxNCA1Ljg3NzQ1IDE2LjM1MDQgNS44Nzc0NSAxNS44NTk4IDYuMzY3NjVMMTEuOTk1IDEwLjIyOTNMOC4xNDAxOCA2LjM3NzY2QzcuNjQ5NTYgNS44ODc0NSA2Ljg1ODU3IDUuODg3NDUgNi4zNjc5NiA2LjM3NzY2QzUuODc3MzUgNi44Njc4NiA1Ljg3NzM1IDcuNjU4MTkgNi4zNjc5NiA4LjE0ODRMMTAuMjIyOCAxMkw2LjM2Nzk2IDE1Ljg2MTZDNS44NzczNSAxNi4zNTE4IDUuODc3MzUgMTcuMTQyMSA2LjM2Nzk2IDE3LjYzMjNDNi44NTg1NyAxOC4xMjI2IDcuNjQ5NTYgMTguMTIyNiA4LjE0MDE4IDE3LjYzMjNMMTIuMDA1IDEzLjc3MDdMMTUuODU5OCAxNy42MjIzQzE2LjM1MDQgMTguMTEyNSAxNy4xNDE0IDE4LjExMjUgMTcuNjMyIDE3LjYyMjNDMTguMTIyNyAxNy4xMzIxIDE4LjEyMjcgMTYuMzQxOCAxNy42MzIgMTUuODUxNkwxMy43NzcyIDEySDEzLjc2NzJaIiBmaWxsPSIjNzk3Rjg1Ii8+Cjwvc3ZnPgo=) center center no-repeat #e1e3e4; 14402 background-color: rgba(25,34,42,.7019607843); 14403 -webkit-mask-image: url(data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PSIwIDAgMjQgMjQiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGQ9Ik0xMy43NjcyIDEyTDE3LjYzMiA4LjEzODM5QzE4LjEyMjcgNy42NDgxOSAxOC4xMjI3IDYuODU3ODYgMTcuNjMyIDYuMzY3NjVDMTcuMTQxNCA1Ljg3NzQ1IDE2LjM1MDQgNS44Nzc0NSAxNS44NTk4IDYuMzY3NjVMMTEuOTk1IDEwLjIyOTNMOC4xNDAxOCA2LjM3NzY2QzcuNjQ5NTYgNS44ODc0NSA2Ljg1ODU3IDUuODg3NDUgNi4zNjc5NiA2LjM3NzY2QzUuODc3MzUgNi44Njc4NiA1Ljg3NzM1IDcuNjU4MTkgNi4zNjc5NiA4LjE0ODRMMTAuMjIyOCAxMkw2LjM2Nzk2IDE1Ljg2MTZDNS44NzczNSAxNi4zNTE4IDUuODc3MzUgMTcuMTQyMSA2LjM2Nzk2IDE3LjYzMjNDNi44NTg1NyAxOC4xMjI2IDcuNjQ5NTYgMTguMTIyNiA4LjE0MDE4IDE3LjYzMjNMMTIuMDA1IDEzLjc3MDdMMTUuODU5OCAxNy42MjIzQzE2LjM1MDQgMTguMTEyNSAxNy4xNDE0IDE4LjExMjUgMTcuNjMyIDE3LjYyMjNDMTguMTIyNyAxNy4xMzIxIDE4LjEyMjcgMTYuMzQxOCAxNy42MzIgMTUuODUxNkwxMy43NzcyIDEySDEzLjc2NzJaIiBmaWxsPSIjNzk3Rjg1Ii8+Cjwvc3ZnPgo=) 14404 } 14405 14406 @media screen and (max-width: 768px) { 14407 .blu-ticker__close[data-v-c29289ca] { 14408 transform:scale(0.75) 14409 } 14410 } 14411 14412 .blu-ticker__close[data-v-c29289ca]:focus-visible { 14413 box-shadow: 0px 0px 0px 4px #000; 14414 outline: none 14415 } 14416 14417 .blu-ticker__title[data-v-c29289ca] { 14418 color: #19222a 14419 } 14420 14421 @media screen and (min-width: 769px),print { 14422 .blu-ticker__title[data-v-c29289ca] { 14423 font:16px/20px "blibli demi bold",-apple-system,segoe ui,roboto,helvetica,arial,sans-serif 14424 } 14425 } 14426 14427 @media screen and (max-width: 768px) { 14428 .blu-ticker__title[data-v-c29289ca] { 14429 font:14px/18px "blibli demi bold",-apple-system,segoe ui,roboto,helvetica,arial,sans-serif 14430 } 14431 } 14432 14433 .blu-ticker__btn[data-v-c29289ca] { 14434 margin: 8px 0 0 -14px 14435 } 14436 14437 .blu-ticker.b-info[data-v-c29289ca] { 14438 --blu-ticker-color-background: #f3f9ff; 14439 --blu-ticker-color-border: #b9deff 14440 } 14441 14442 .blu-ticker.b-info.has-icon>.blu-ticker__icon[data-v-c29289ca] { 14443 background-color: #006dea; 14444 -webkit-mask-image: url(data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PSIwIDAgMjQgMjQiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+DQo8cGF0aCBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGNsaXAtcnVsZT0iZXZlbm9kZCIgZD0iTTIgMTJDMiA2LjQ4IDYuNDggMiAxMiAyQzE3LjUyIDIgMjIgNi40OCAyMiAxMkMyMiAxNy41MiAxNy41MiAyMiAxMiAyMkM2LjQ4IDIyIDIgMTcuNTIgMiAxMlpNMTEuOTcgOC43Mzc2NEMxMi43MjY2IDguNzM3NjQgMTMuMzQgOC4xMjQ4IDEzLjM0IDcuMzY4ODJDMTMuMzQgNi42MTI4NCAxMi43MjY2IDYgMTEuOTcgNkMxMS4yMTM0IDYgMTAuNiA2LjYxMjg0IDEwLjYgNy4zNjg4MkMxMC42IDguMTI0OCAxMS4yMTM0IDguNzM3NjQgMTEuOTcgOC43Mzc2NFpNMTEuNDk5OSAxMC4xMDY0SDEyLjQ0OTlDMTIuODQ5OSAxMC4xMDY0IDEzLjE3OTkgMTAuNDM2MiAxMy4xNzk5IDEwLjgzNThWMTcuMjcwM0MxMy4xNzk5IDE3LjY2OTkgMTIuODQ5OSAxNy45OTk2IDEyLjQ0OTkgMTcuOTk5NkgxMS40OTk5QzExLjA5OTkgMTcuOTk5NiAxMC43Njk5IDE3LjY2OTkgMTAuNzY5OSAxNy4yNzAzVjEwLjgzNThDMTAuNzY5OSAxMC40MzYyIDExLjA5OTkgMTAuMTA2NCAxMS40OTk5IDEwLjEwNjRaIiBmaWxsPSIjNzk3Rjg1Ii8+DQo8L3N2Zz4NCg==); 14445 mask-image: url(data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PSIwIDAgMjQgMjQiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+DQo8cGF0aCBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGNsaXAtcnVsZT0iZXZlbm9kZCIgZD0iTTIgMTJDMiA2LjQ4IDYuNDggMiAxMiAyQzE3LjUyIDIgMjIgNi40OCAyMiAxMkMyMiAxNy41MiAxNy41MiAyMiAxMiAyMkM2LjQ4IDIyIDIgMTcuNTIgMiAxMlpNMTEuOTcgOC43Mzc2NEMxMi43MjY2IDguNzM3NjQgMTMuMzQgOC4xMjQ4IDEzLjM0IDcuMzY4ODJDMTMuMzQgNi42MTI4NCAxMi43MjY2IDYgMTEuOTcgNkMxMS4yMTM0IDYgMTAuNiA2LjYxMjg0IDEwLjYgNy4zNjg4MkMxMC42IDguMTI0OCAxMS4yMTM0IDguNzM3NjQgMTEuOTcgOC43Mzc2NFpNMTEuNDk5OSAxMC4xMDY0SDEyLjQ0OTlDMTIuODQ5OSAxMC4xMDY0IDEzLjE3OTkgMTAuNDM2MiAxMy4xNzk5IDEwLjgzNThWMTcuMjcwM0MxMy4xNzk5IDE3LjY2OTkgMTIuODQ5OSAxNy45OTk2IDEyLjQ0OTkgMTcuOTk5NkgxMS40OTk5QzExLjA5OTkgMTcuOTk5NiAxMC43Njk5IDE3LjY2OTkgMTAuNzY5OSAxNy4yNzAzVjEwLjgzNThDMTAuNzY5OSAxMC40MzYyIDExLjA5OTkgMTAuMTA2NCAxMS40OTk5IDEwLjEwNjRaIiBmaWxsPSIjNzk3Rjg1Ii8+DQo8L3N2Zz4NCg==) 14446 } 14447 14448 .blu-ticker.b-success[data-v-c29289ca] { 14449 --blu-ticker-color-background: #effcf0; 14450 --blu-ticker-color-border: #b2efb9 14451 } 14452 14453 .blu-ticker.b-success.has-icon>.blu-ticker__icon[data-v-c29289ca] { 14454 background-color: #1c832a; 14455 -webkit-mask-image: url(data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PSIwIDAgMjQgMjQiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+DQo8cGF0aCBkPSJNMTIgMkM2LjQ4IDIgMiA2LjQ4IDIgMTJDMiAxNy41MiA2LjQ4IDIyIDEyIDIyQzE3LjUyIDIyIDIyIDE3LjUyIDIyIDEyQzIyIDYuNDggMTcuNTIgMiAxMiAyWk0xNy4wNSA5LjExTDEyLjA2IDE2LjEyQzExLjg4IDE2LjM3IDExLjYgMTYuNTIgMTEuMjkgMTYuNTRIMTEuMjRDMTAuOTUgMTYuNTQgMTAuNjcgMTYuNDIgMTAuNDggMTYuMTlMNi45OSAxMi4xM0M2LjgyIDExLjkzIDYuNzMgMTEuNjcgNi43NSAxMS40MUM2Ljc3IDExLjE0IDYuODkgMTAuOSA3LjA5IDEwLjczQzcuNTEgMTAuMzcgOC4xNCAxMC40MiA4LjUgMTAuODRMMTEuMTYgMTMuOTNMMTUuNDEgNy45NkMxNS43MyA3LjUxIDE2LjM1IDcuNDEgMTYuOCA3LjczQzE3LjAyIDcuODggMTcuMTYgOC4xMSAxNy4yMSA4LjM4QzE3LjI1IDguNjQgMTcuMTkgOC45MSAxNy4wNCA5LjEyTDE3
14455LjA1IDkuMTFaIiBmaWxsPSIjNzk3Rjg1Ii8+DQo8L3N2Zz4=); 14456 mask-image: url(data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PSIwIDAgMjQgMjQiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+DQo8cGF0aCBkPSJNMTIgMkM2LjQ4IDIgMiA2LjQ4IDIgMTJDMiAxNy41MiA2LjQ4IDIyIDEyIDIyQzE3LjUyIDIyIDIyIDE3LjUyIDIyIDEyQzIyIDYuNDggMTcuNTIgMiAxMiAyWk0xNy4wNSA5LjExTDEyLjA2IDE2LjEyQzExLjg4IDE2LjM3IDExLjYgMTYuNTIgMTEuMjkgMTYuNTRIMTEuMjRDMTAuOTUgMTYuNTQgMTAuNjcgMTYuNDIgMTAuNDggMTYuMTlMNi45OSAxMi4xM0M2LjgyIDExLjkzIDYuNzMgMTEuNjcgNi43NSAxMS40MUM2Ljc3IDExLjE0IDYuODkgMTAuOSA3LjA5IDEwLjczQzcuNTEgMTAuMzcgOC4xNCAxMC40MiA4LjUgMTAuODRMMTEuMTYgMTMuOTNMMTUuNDEgNy45NkMxNS43MyA3LjUxIDE2LjM1IDcuNDEgMTYuOCA3LjczQzE3LjAyIDcuODggMTcuMTYgOC4xMSAxNy4yMSA4LjM4QzE3LjI1IDguNjQgMTcuMTkgOC45MSAxNy4wNCA5LjEyTDE3LjA1IDkuMTFaIiBmaWxsPSIjNzk3Rjg1Ii8+DQo8L3N2Zz4=) 14457 } 14458 14459 .blu-ticker.b-warning[data-v-c29289ca] { 14460 --blu-ticker-color-background: #fff8e0; 14461 --blu-ticker-color-border: #fef0b6 14462 } 14463 14464 .blu-ticker.b-warning.has-icon>.blu-ticker__icon[data-v-c29289ca] { 14465 background-color: #f2b11b; 14466 -webkit-mask-image: url(data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PSIwIDAgMjQgMjQiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+DQo8cGF0aCBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGNsaXAtcnVsZT0iZXZlbm9kZCIgZD0iTTMuODc0MzYgMjFIMjAuMTE0NEgyMC4xMjQ0QzIxLjU1MzUgMjEgMjIuNDUyOSAxOS41MDM1IDIxLjc2MzQgMTguMjg2NEwxMy42NDg0IDMuOTUwMjZDMTIuOTM4OCAyLjY4MzI1IDExLjA2OTkgMi42ODMyNSAxMC4zNjA0IDMuOTUwMjZMMi4yMzUzNyAxOC4yOTY0QzEuNTQ1OCAxOS41MTM1IDIuNDU1MjQgMjEgMy44NzQzNiAyMVpNMTAuOTkgMTMuOTM3NEwxMC43MDAyIDkuMDk4ODdWNy43NTIwNUMxMC43MDAyIDcuMzMzMDQgMTEuMDQgNi45OTM4NCAxMS40NTk3IDYuOTkzODRIMTIuNjA5QzEzLjAyODggNi45OTM4NCAxMy4zNjg2IDcuMzMzMDQgMTMuMzY4NiA3Ljc1MjA1VjkuMTA4ODRMMTMuMDg4NyAxMy45Mjc1QzEzLjA2ODcgMTQuMzI2NSAxMi43Mzg5IDE0LjYzNTggMTIuMzI5MiAxNC42MzU4SDExLjc0OTVDMTEuMzQ5OCAxNC42MzU4IDExLjAyIDE0LjMyNjUgMTAuOTkgMTMuOTI3NVYxMy45Mzc0Wk0xMS45OTk0IDE4Ljk2NTJDMTIuNzg4NyAxOC45NjUyIDEzLjQyODYgMTguMzI2NSAxMy40Mjg2IDE3LjUzODZDMTMuNDI4NiAxNi43NTA3IDEyLjc4ODcgMTYuMTEyIDExLjk5OTQgMTYuMTEyQzExLjIxMDIgMTYuMTEyIDEwLjU3MDMgMTYuNzUwNyAxMC41NzAzIDE3LjUzODZDMTAuNTcwMyAxOC4zMjY1IDExLjIxMDIgMTguOTY1MiAxMS45OTk0IDE4Ljk2NTJaIiBmaWxsPSIjNzk3Rjg1Ii8+DQo8L3N2Zz4NCg==); 14467 mask-image: url(data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PSIwIDAgMjQgMjQiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+DQo8cGF0aCBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGNsaXAtcnVsZT0iZXZlbm9kZCIgZD0iTTMuODc0MzYgMjFIMjAuMTE0NEgyMC4xMjQ0QzIxLjU1MzUgMjEgMjIuNDUyOSAxOS41MDM1IDIxLjc2MzQgMTguMjg2NEwxMy42NDg0IDMuOTUwMjZDMTIuOTM4OCAyLjY4MzI1IDExLjA2OTkgMi42ODMyNSAxMC4zNjA0IDMuOTUwMjZMMi4yMzUzNyAxOC4yOTY0QzEuNTQ1OCAxOS41MTM1IDIuNDU1MjQgMjEgMy44NzQzNiAyMVpNMTAuOTkgMTMuOTM3NEwxMC43MDAyIDkuMDk4ODdWNy43NTIwNUMxMC43MDAyIDcuMzMzMDQgMTEuMDQgNi45OTM4NCAxMS40NTk3IDYuOTkzODRIMTIuNjA5QzEzLjAyODggNi45OTM4NCAxMy4zNjg2IDcuMzMzMDQgMTMuMzY4NiA3Ljc1MjA1VjkuMTA4ODRMMTMuMDg4NyAxMy45Mjc1QzEzLjA2ODcgMTQuMzI2NSAxMi43Mzg5IDE0LjYzNTggMTIuMzI5MiAxNC42MzU4SDExLjc0OTVDMTEuMzQ5OCAxNC42MzU4IDExLjAyIDE0LjMyNjUgMTAuOTkgMTMuOTI3NVYxMy45Mzc0Wk0xMS45OTk0IDE4Ljk2NTJDMTIuNzg4NyAxOC45NjUyIDEzLjQyODYgMTguMzI2NSAxMy40Mjg2IDE3LjUzODZDMTMuNDI4NiAxNi43NTA3IDEyLjc4ODcgMTYuMTEyIDExLjk5OTQgMTYuMTEyQzExLjIxMDIgMTYuMTEyIDEwLjU3MDMgMTYuNzUwNyAxMC41NzAzIDE3LjUzODZDMTAuNTcwMyAxOC4zMjY1IDExLjIxMDIgMTguOTY1MiAxMS45OTk0IDE4Ljk2NTJaIiBmaWxsPSIjNzk3Rjg1Ii8+DQo8L3N2Zz4NCg==) 14468 } 14469 14470 .blu-ticker.b-danger[data-v-c29289ca] { 14471 --blu-ticker-color-background: #fff5f5; 14472 --blu-ticker-color-border: #fecccb 14473 } 14474 14475 .blu-ticker.b-danger.has-icon>.blu-ticker__icon[data-v-c29289ca] { 14476 background-color: #d33534; 14477 -webkit-mask-image: url(data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PSIwIDAgMjQgMjQiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+DQo8cGF0aCBkPSJNMTIgMkM2LjQ4IDIgMiA2LjQ4IDIgMTJDMiAxNy41MiA2LjQ4IDIyIDEyIDIyQzE3LjUyIDIyIDIyIDE3LjUyIDIyIDEyQzIyIDYuNDggMTcuNTIgMiAxMiAyWk0xNi4yNCAxNC44M0MxNi42MyAxNS4yMiAxNi42MyAxNS44NSAxNi4yNCAxNi4yNEMxNS44NSAxNi42MyAxNS4yMiAxNi42MyAxNC44MyAxNi4yNEwxMiAxMy40MUw5LjE3IDE2LjI0QzguNzggMTYuNjMgOC4xNSAxNi42MyA3Ljc2IDE2LjI0QzcuMzcgMTUuODUgNy4zNyAxNS4yMiA3Ljc2IDE0LjgzTDEwLjU5IDEyTDcuNzYgOS4xN0M3LjM3IDguNzggNy4zNyA4LjE1IDcuNzYgNy43NkM4LjE1IDcuMzcgOC43OCA3LjM3IDkuMTcgNy43NkwxMiAxMC41OUwxNC44MyA3Ljc2QzE1LjIyIDcuMzcgMTUuODUgNy4zNyAxNi4yNCA3Ljc2QzE2LjYzIDguMTUgMTYuNjMgOC43OCAxNi4yNCA5LjE3TDEzLjQxIDEyTDE2LjI0IDE0LjgzWiIgZmlsbD0iIzc5N0Y4NSIvPg0KPC9zdmc+); 14478 mask-image: url(data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PSIwIDAgMjQgMjQiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+DQo8cGF0aCBkPSJNMTIgMkM2LjQ4IDIgMiA2LjQ4IDIgMTJDMiAxNy41MiA2LjQ4IDIyIDEyIDIyQzE3LjUyIDIyIDIyIDE3LjUyIDIyIDEyQzIyIDYuNDggMTcuNTIgMiAxMiAyWk0xNi4yNCAxNC44M0MxNi42MyAxNS4yMiAxNi42MyAxNS44NSAxNi4yNCAxNi4yNEMxNS44NSAxNi42MyAxNS4yMiAxNi42MyAxNC44MyAxNi4yNEwxMiAxMy40MUw5LjE3IDE2LjI0QzguNzggMTYuNjMgOC4xNSAxNi42MyA3Ljc2IDE2LjI0QzcuMzcgMTUuODUgNy4zNyAxNS4yMiA3Ljc2IDE0LjgzTDEwLjU5IDEyTDcuNzYgOS4xN0M3LjM3IDguNzggNy4zNyA4LjE1IDcuNzYgNy43NkM4LjE1IDcuMzcgOC43OCA3LjM3IDkuMTcgNy43NkwxMiAxMC41OUwxNC44MyA3Ljc2QzE1LjIyIDcuMzcgMTUuODUgNy4zNyAxNi4yNCA3Ljc2QzE2LjYzIDguMTUgMTYuNjMgOC43OCAxNi4yNCA5LjE3TDEzLjQxIDEyTDE2LjI0IDE0LjgzWiIgZmlsbD0iIzc5N0Y4NSIvPg0KPC9zdmc+) 14479 } 14480 14481 .blu-ticker.has-icon>.blu-ticker__icon[data-v-c29289ca] { 14482 margin-right: 8px; 14483 background-position: center center; 14484 background-size: contain; 14485 background-repeat: no-repeat; 14486 z-index: 0 14487 } 14488 14489 @media screen and (min-width: 769px),print { 14490 .blu-ticker.has-icon>.blu-ticker__icon[data-v-c29289ca] { 14491 padding:12px 14492 } 14493 } 14494 14495 @media screen and (max-width: 768px) { 14496 .blu-ticker.has-icon>.blu-ticker__icon[data-v-c29289ca] { 14497 padding:9px 14498 } 14499 } 14500 14501 .blu-ticker.has-icon.b-middle[data-v-c29289ca] { 14502 align-items: center 14503 } 14504 14505 .blu-ticker.has-icon.b-bottom[data-v-c29289ca] { 14506 align-items: flex-end 14507 } 14508 14509 .blu-ticker.has-icon.b-bottom[data-v-c29289ca]:before { 14510 margin-bottom: 3px 14511 } 14512 </style> 14513 <style type="text/css"> 14514 .blu-ripple[data-v-589e2bdd] { 14515 width: 100%; 14516 height: 100%; 14517 position: relative; 14518 overflow: hidden; 14519 display: flex; 14520 justify-content: center; 14521 align-items: center; 14522 -webkit-box-pack: center; 14523 -webkit-box-align: center; 14524 -webkit-mask-image: radial-gradient(circle, #ffffff 100%, #000000 100%); 14525 padding: 0 12px 14526 } 14527 14528 .blu-ripple-wave[data-v-589e2bdd] { 14529 position: absolute; 14530 z-index: 1; 14531 pointer-events: none; 14532 background: currentColor; 14533 border-radius: 50%; 14534 opacity: 0; 14535 transform: scale(2) translateZ(0) 14536 } 14537 14538 .blu-ripple-wave.b-centered[data-v-589e2bdd] { 14539 animation-duration: 1.2s; 14540 top: 50%; 14541 left: 50% 14542 } 14543 14544 .blu-ripple-wave~*[data-v-589e2bdd]:not(.blu-ripple-wave) { 14545 position: relative; 14546 z-index: 2 14547 } 14548 14549 .blu-ripple-enter-active[data-v-589e2bdd] { 14550 transition: 2s cubic-bezier(0.25, 0.8, 0.25, 1); 14551 transition-property: opacity,transform; 14552 will-change: opacity,transform 14553 } 14554 14555 .blu-ripple-enter-active.b-centered[data-v-589e2bdd] { 14556 transition-duration: 1.2s 14557 } 14558 14559 .blu-ripple-enter[data-v-589e2bdd] { 14560 opacity: .26; 14561 transform: scale(0.26) translateZ(0) 14562 } 14563 14564 .has-left-icon .blu-ripple svg[data-v-589e2bdd] { 14565 margin-right: 8px 14566 } 14567 14568 .has-left-icon.b-small svg[data-v-589e2bdd] { 14569 transform-origin: left; 14570 margin-right: 4px 14571 } 14572 14573 .b-large .blu-ripple[data-v-589e2bdd] { 14574 padding: 0 16px 14575 } 14576 14577 .b-small .blu-ripple[data-v-589e2bdd] { 14578 padding: 0 8px 14579 } 14580 14581 .b-small svg[data-v-589e2bdd] { 14582 width: 18px;
14583 height: 18px 14584 } 14585 14586 .b-icon .blu-ripple[data-v-589e2bdd] { 14587 padding: 0 14588 } 14589 14590 .b-loading .blu-loader-wrapper[data-v-589e2bdd] { 14591 height: 24px; 14592 position: absolute 14593 } 14594 14595 .b-loading .blu-ripple[data-v-589e2bdd] { 14596 color: rgba(0,0,0,0) 14597 } 14598 14599 .b-loading .blu-ripple>svg[data-v-589e2bdd] { 14600 visibility: hidden 14601 } 14602 14603 .b-loading .blu-ripple .blu-ripple-wave[data-v-589e2bdd] { 14604 color: #fff 14605 } 14606 14607 .b-loading.b-white .blu-ripple-wave[data-v-589e2bdd] { 14608 color: #1d05f7 14609 } 14610 14611 .b-loading.b-outline.b-secondary .blu-ripple-wave[data-v-589e2bdd] { 14612 color: #1d05f7 14613 } 14614 14615 .b-loading.b-outline.b-primary .blu-ripple-wave[data-v-589e2bdd] { 14616 color: #f2b11b 14617 } 14618 14619 .b-loading.b-ghost.b-secondary .blu-ripple-wave[data-v-589e2bdd] { 14620 color: #1d05f7 14621 } 14622 14623 .b-loading.b-ghost.b-primary .blu-ripple-wave[data-v-589e2bdd] { 14624 color: #f2b11b 14625 } 14626 14627 .blu-input-stepper .blu-btn .blu-ripple[data-v-589e2bdd] { 14628 padding: 0; 14629 width: 24px; 14630 height: 24px; 14631 border-radius: 50% 14632 } 14633 14634 .blu-input-stepper .blu-btn .blu-ripple svg[data-v-589e2bdd] { 14635 width: 18px; 14636 height: 18px; 14637 margin-left: 1px 14638 } 14639 14640 .blu-input-stepper .blu-btn .blu-ripple-enter-active[data-v-589e2bdd] { 14641 background: #1d05f7 14642 } 14643 14644 .b-disabled[data-v-589e2bdd] { 14645 opacity: 1 14646 } 14647 14648 .blu-btn-dropdown .blu-ripple>svg+div[data-v-589e2bdd] { 14649 margin-left: 8px 14650 } 14651 14652 .blu-radio[data-v-589e2bdd] { 14653 width: auto; 14654 margin: 16px 16px 16px 0; 14655 display: inline-flex; 14656 position: relative 14657 } 14658 14659 .blu-radio[data-v-589e2bdd]:not(.b-disabled) { 14660 cursor: pointer 14661 } 14662 14663 .blu-radio:not(.b-disabled) .blu-radio-label[data-v-589e2bdd] { 14664 cursor: pointer; 14665 color: rgba(25,34,42,.7019607843) 14666 } 14667 14668 .blu-radio .blu-radio-container[data-v-589e2bdd] { 14669 width: 20px; 14670 min-width: 20px; 14671 height: 20px; 14672 position: relative; 14673 border: 1px solid rgba(0,0,0,0); 14674 border-radius: 50%; 14675 transition: .4s cubic-bezier(0.25, 0.8, 0.25, 1); 14676 border-color: #c8cbcd 14677 } 14678 14679 .blu-radio .blu-radio-container[data-v-589e2bdd]:focus { 14680 outline: none 14681 } 14682 14683 .blu-radio .blu-radio-container[data-v-589e2bdd]::before,.blu-radio .blu-radio-container[data-v-589e2bdd]::after { 14684 position: absolute; 14685 transition: .4s cubic-bezier(0.55, 0, 0.55, 0.2); 14686 content: " " 14687 } 14688 14689 .blu-radio .blu-radio-container[data-v-589e2bdd]::before { 14690 width: 48px; 14691 height: 48px; 14692 top: 50%; 14693 left: 50%; 14694 border-radius: 50%; 14695 transform: translate(-50%, -50%) 14696 } 14697 14698 .blu-radio .blu-radio-container[data-v-589e2bdd]::after { 14699 position: absolute; 14700 top: 3px; 14701 right: 3px; 14702 bottom: 3px; 14703 left: 3px; 14704 border-radius: 50%; 14705 transform: scale3D(0.38, 0.38, 1); 14706 content: " " 14707 } 14708 14709 .blu-radio .blu-radio-container input[data-v-589e2bdd] { 14710 position: absolute; 14711 left: -999em 14712 } 14713 14714 .blu-radio .blu-radio-container input:focus-visible+.focus-radio[data-v-589e2bdd] { 14715 position: absolute; 14716 padding: 12px; 14717 border: 4px solid #000; 14718 border-radius: 8px; 14719 left: -8px; 14720 bottom: -8px 14721 } 14722 14723 .blu-radio .blu-radio-label[data-v-589e2bdd] { 14724 padding-left: 8px; 14725 position: relative; 14726 font: 16px/20px "blibli",-apple-system,segoe ui,roboto,helvetica,arial,sans-serif 14727 } 14728 14729 .blu-radio.b-checked .blu-radio-container[data-v-589e2bdd] { 14730 border-color: #1d05f7 14731 } 14732 14733 .blu-radio.b-checked .blu-radio-container[data-v-589e2bdd]::after { 14734 transform: scale3D(1, 1, 1); 14735 transition: .4s cubic-bezier(0.25, 0.8, 0.25, 1); 14736 background-color: #1d05f7 14737 } 14738 14739 .blu-radio.b-checked .blu-radio-container[data-v-589e2bdd]:hover { 14740 background-color: #fff; 14741 box-shadow: none 14742 } 14743 14744 .blu-radio.b-required label[data-v-589e2bdd]::after { 14745 position: absolute; 14746 top: 2px; 14747 right: 0; 14748 transform: translateX(calc(100% + 2px)); 14749 content: "*"; 14750 line-height: 1em; 14751 vertical-align: top 14752 } 14753 14754 .blu-radio.b-disabled[data-v-589e2bdd] { 14755 color: rgba(25,34,42,.4) 14756 } 14757 14758 .blu-radio.b-disabled .blu-radio-container[data-v-589e2bdd] { 14759 border-color: #e1e3e4 14760 } 14761 14762 .blu-radio.b-disabled .blu-radio-container[data-v-589e2bdd]:hover { 14763 background-color: #fff; 14764 box-shadow: none 14765 } 14766 14767 .blu-radio.b-disabled.b-checked .blu-radio-container[data-v-589e2bdd] { 14768 border-color: #c8cbcd 14769 } 14770 14771 .blu-radio.b-disabled.b-checked .blu-radio-container[data-v-589e2bdd]::after { 14772 background-color: #c8cbcd 14773 } 14774 14775 .blu-radio.b-disabled.b-checked .blu-radio-container[data-v-589e2bdd]:hover { 14776 background-color: #fff; 14777 box-shadow: none 14778 } 14779 14780 .blu-radio .b-disabled[data-v-589e2bdd] {
14781 cursor: not-allowed; 14782 -webkit-user-select: none; 14783 -moz-user-select: none; 14784 -ms-user-select: none; 14785 user-select: none 14786 } 14787 14788 .blu-radio:hover:not(.b-disabled) .blu-radio-container[data-v-589e2bdd] { 14789 background-color: #f1f2f2; 14790 box-shadow: 0 0 0 2px #f1f2f2 14791 } 14792 </style> 14793 <style type="text/css"> 14794 .blu-dropdown[data-v-3e0b2b85] { 14795 position: relative 14796 } 14797 14798 .blu-dropdown__content[data-v-3e0b2b85] { 14799 width: 100%; 14800 background-color: #fff 14801 } 14802 14803 @media screen and (min-width: 769px),print { 14804 .blu-dropdown__content[data-v-3e0b2b85] { 14805 position:absolute; 14806 z-index: 3 14807 } 14808 } 14809 14810 @media screen and (max-width: 768px) { 14811 .blu-dropdown__content[data-v-3e0b2b85] { 14812 width:100%; 14813 border-radius: 16px 16px 0 0; 14814 position: fixed; 14815 bottom: -90px; 14816 left: 0; 14817 z-index: 3 14818 } 14819 } 14820 14821 .blu-dropdown__content .blu-list[data-v-3e0b2b85] { 14822 width: 100%; 14823 max-height: 0; 14824 transition: all .3s cubic-bezier(0, 0, 0.2, 1.2); 14825 margin: 0; 14826 overflow-y: overlay 14827 } 14828 14829 @media screen and (min-width: 769px),print { 14830 .blu-dropdown__mask[data-v-3e0b2b85] { 14831 display:none 14832 } 14833 } 14834 14835 @media screen and (max-width: 768px) { 14836 .blu-dropdown__mask[data-v-3e0b2b85] { 14837 pointer-events:none; 14838 transition: opacity .3s ease; 14839 opacity: 0; 14840 width: 100%; 14841 height: 0; 14842 background: rgba(0,0,0,.6); 14843 position: fixed; 14844 bottom: 0; 14845 left: 0; 14846 z-index: 3 14847 } 14848 } 14849 14850 @media screen and (min-width: 769px),print { 14851 .blu-dropdown__close[data-v-3e0b2b85] { 14852 display:none 14853 } 14854 } 14855 14856 @media screen and (max-width: 768px) { 14857 .blu-dropdown__close[data-v-3e0b2b85] { 14858 width:24px; 14859 height: 24px; 14860 position: absolute; 14861 top: -28px; 14862 right: 20px 14863 } 14864 14865 .blu-dropdown__close i[data-v-3e0b2b85] { 14866 content: ""; 14867 position: absolute; 14868 width: 24px; 14869 height: 24px; 14870 transform: scale(1.3); 14871 background: rgba(0,0,0,0) url(data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PSIwIDAgMjQgMjQiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGQ9Ik0xMy43NjcyIDEyTDE3LjYzMiA4LjEzODM5QzE4LjEyMjcgNy42NDgxOSAxOC4xMjI3IDYuODU3ODYgMTcuNjMyIDYuMzY3NjVDMTcuMTQxNCA1Ljg3NzQ1IDE2LjM1MDQgNS44Nzc0NSAxNS44NTk4IDYuMzY3NjVMMTEuOTk1IDEwLjIyOTNMOC4xNDAxOCA2LjM3NzY2QzcuNjQ5NTYgNS44ODc0NSA2Ljg1ODU3IDUuODg3NDUgNi4zNjc5NiA2LjM3NzY2QzUuODc3MzUgNi44Njc4NiA1Ljg3NzM1IDcuNjU4MTkgNi4zNjc5NiA4LjE0ODRMMTAuMjIyOCAxMkw2LjM2Nzk2IDE1Ljg2MTZDNS44NzczNSAxNi4zNTE4IDUuODc3MzUgMTcuMTQyMSA2LjM2Nzk2IDE3LjYzMjNDNi44NTg1NyAxOC4xMjI2IDcuNjQ5NTYgMTguMTIyNiA4LjE0MDE4IDE3LjYzMjNMMTIuMDA1IDEzLjc3MDdMMTUuODU5OCAxNy42MjIzQzE2LjM1MDQgMTguMTEyNSAxNy4xNDE0IDE4LjExMjUgMTcuNjMyIDE3LjYyMjNDMTguMTIyNyAxNy4xMzIxIDE4LjEyMjcgMTYuMzQxOCAxNy42MzIgMTUuODUxNkwxMy43NzcyIDEySDEzLjc2NzJaIiBmaWxsPSIjNzk3Rjg1Ii8+Cjwvc3ZnPgo=) center center no-repeat #e1e3e4; 14872 background-color: #e1e3e4; 14873 -webkit-mask-image: url(data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PSIwIDAgMjQgMjQiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGQ9Ik0xMy43NjcyIDEyTDE3LjYzMiA4LjEzODM5QzE4LjEyMjcgNy42NDgxOSAxOC4xMjI3IDYuODU3ODYgMTcuNjMyIDYuMzY3NjVDMTcuMTQxNCA1Ljg3NzQ1IDE2LjM1MDQgNS44Nzc0NSAxNS44NTk4IDYuMzY3NjVMMTEuOTk1IDEwLjIyOTNMOC4xNDAxOCA2LjM3NzY2QzcuNjQ5NTYgNS44ODc0NSA2Ljg1ODU3IDUuODg3NDUgNi4zNjc5NiA2LjM3NzY2QzUuODc3MzUgNi44Njc4NiA1Ljg3NzM1IDcuNjU4MTkgNi4zNjc5NiA4LjE0ODRMMTAuMjIyOCAxMkw2LjM2Nzk2IDE1Ljg2MTZDNS44NzczNSAxNi4zNTE4IDUuODc3MzUgMTcuMTQyMSA2LjM2Nzk2IDE3LjYzMjNDNi44NTg1NyAxOC4xMjI2IDcuNjQ5NTYgMTguMTIyNiA4LjE0MDE4IDE3LjYzMjNMMTIuMDA1IDEzLjc3MDdMMTUuODU5OCAxNy42MjIzQzE2LjM1MDQgMTguMTEyNSAxNy4xNDE0IDE4LjExMjUgMTcuNjMyIDE3LjYyMjNDMTguMTIyNyAxNy4xMzIxIDE4LjEyMjcgMTYuMzQxOCAxNy42MzIgMTUuODUxNkwxMy43NzcyIDEySDEzLjc2NzJaIiBmaWxsPSIjNzk3Rjg1Ii8+Cjwvc3ZnPgo=) 14874 } 14875 } 14876 14877 .blu-dropdown__msg[data-v-3e0b2b85] { 14878 font: 14px/18px "blibli",-apple-system,segoe ui,roboto,helvetica,arial,sans-serif; 14879 color: rgba(25,34,42,.4); 14880 margin-top: 4px 14881 } 14882 14883 @media screen and (max-width: 768px) { 14884 .blu-dropdown.has-title .blu-dropdown__content[data-v-3e0b2b85] { 14885 padding-top:52px 14886 } 14887 } 14888 14889 .blu-dropdown.has-title .blu-dropdown__title[data-v-3e0b2b85] { 14890 display: none 14891 } 14892 14893 @media screen and (max-width: 768px) { 14894 .blu-dropdown.has-title .blu-dropdown__title[data-v-3e0b2b85] { 14895 display:block; 14896 position: absolute; 14897 top: 24px; 14898 left: 16px; 14899 font: 16px/20px "blibli demi bold",-apple-system,segoe ui,roboto,helvetica,arial,sans-serif 14900 } 14901 } 14902 14903 .blu-dropdown:not(.b-active) .blu-dropdown__content[data-v-3e0b2b85] { 14904 visibility: hidden; 14905 transition: all .3s ease-in-out 14906 } 14907 14908 @media screen and (min-width: 769px),print { 14909 .blu-dropdown.b-active .blu-dropdown__content .blu-list[data-v-3e0b2b85] { 14910 max-height:265px 14911 } 14912 } 14913 14914 @media screen and (max-width: 768px) { 14915 .blu-dropdown.b-active .blu-dropdown__content .blu-list[data-v-3e0b2b85] { 14916 max-height:55vh; 14917 padding-top: 8px; 14918 border-radius: 24px 24px 0 0; 14919 padding-bottom: calc(env(safe-area-inset-bottom) + 90px) 14920 } 14921 } 14922 14923 @media screen and (max-width: 768px) { 14924 .blu-dropdown.b-active .blu-dropdown__mask[data-v-3e0b2b85] { 14925 opacity:1; 14926 height: 100%; 14927 pointer-events: auto 14928 } 14929 } 14930 14931 .blu-dropdown.b-selection:not(.has-value) label[data-v-3e0b2b85] { 14932 top: 18px 14933 } 14934 14935 .blu-dropdown.b-selection label[data-v-3e0b2b85] { 14936 font: 16px/20px "blibli",-apple-system,segoe ui,roboto,helvetica,arial,sans-serif; 14937 color: rgba(25,34,42,.4); 14938 position: absolute; 14939 transition: all .5s 14940 } 14941 14942 .blu-dropdown.b-selection .blu-dropdown__trigger[data-v-3e0b2b85] { 14943 height: 56px; 14944 padding: 10px 36px 10px 14px; 14945 font: 16px/20px "blibli demi bold",-apple-system,segoe ui,roboto,helvetica,arial,sans-serif; 14946 color: rgba(25,34,42,.7019607843); 14947 border: #c8cbcd 1px solid; 14948 border-radius: 8px; 14949 background-color: #fff; 14950 transition: border .4s,border-color .4s; 14951 cursor: pointer; 14952 outline: none 14953 } 14954 14955 .blu-dropdown.b-selection .blu-dropdown__trigger[data-v-3e0b2b85]::before { 14956 content: ""; 14957 width: 24px; 14958 height: 24px; 14959 background: rgba(0,0,0,0) url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB2aWV3Qm94PSIwIDAgMjQgMjQiPgogIDxkZWZzPgogICAgPHBhdGgKICAgICAgICBpZD0iMTkwcjYzOHp6YSIKICAgICAgICBkPSJNMCA1LjE1NGMwLS42MzYuMjkyLTEuMjE5LjgtMS42TDUuNDExLjE5MmMuNDQ2LS4zMjUgMS4wNzItLjIyOCAxLjM5Ny4yMi4zMjUuNDQ1LjIyNyAxLjA3MS0uMjE5IDEuMzk2bC00LjYgMy4zNTQgNC41NjMgMy4wMDRjLjQ2LjMwNS41ODcuOTI1LjI4MiAxLjM4Ni0uMzA1LjQ2LS45MjYuNTg2LTEuMzg2LjI4MmwtNC42LTMuMDQ2Qy4yOTEgNi4zNzIgMCA1Ljc5IDAgNS4xNTR6IgogICAgLz4KICA8L2RlZnM+CiAgPGcgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIj4KICAgIDxnPgogICAgICA8Zz4KICAgICAgICA8cGF0aCBmaWxsPSIjRkZGIiBmaWxsLW9wYWNpdHk9Ii4wMSIgZD0iTTAgMEgyNFYyNEgweiIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTU5MiAtNzg1KSB0cmFuc2xhdGUoNTkyIDc4NSkiIC8+CiAgICAgICAgPGcgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTU5MiAtNzg1KSB0cmFuc2xhdGUoNTkyIDc4NSkgdHJhbnNsYXRlKDggNykiPgogICAgICAgICAgPG1hc2sgaWQ9InU0ZGRwYm95eGIiIGZpbGw9IiNmZmYiPjx1c2UgeGxpbms6aHJlZj0iIzE5MHI2Mzh6emEiIC8+PC9tYXNrPgogICAgICAgICAgPHVzZSBmaWxsPSIjNzk3Rjg1IiBmaWxsLXJ1bGU9Im5vbnplcm8iIHhsaW5rOmhyZWY9IiMxOTByNjM4enphIiAvPgogICAgICAgICAgPHBhdGggZmlsbD0iIzc5N0Y4NSIgZD0iTS04IC03SDE2VjE3SC04eiIgbWFzaz0idXJsKCN1NGRkcGJveXhiKSIgLz4KICAgICAgICA8L2c+CiAgICAgIDwvZz4KICAgIDwvZz4KICA8L2c+Cjwvc3ZnPgo=) center center no-repeat; 14960 transform: rotate(270deg); 14961 transition: transform .4s; 14962 position: absolute; 14963 top: 16px; 14964 right: 8px; 14965 z-index: 2 14966 } 14967 14968 .blu-dropdown.b-selection .blu-dropdown__trigger[data-v-3e0b2b85]::after { 14969 content: ""; 14970 width: 24px; 14971 height: 30px; 14972 position: absolute; 14973 top: calc(50% - 15px); 14974 right: 37px; 14975 background: #fff; 14976 background: linear-gradient(-90deg, rgb(255, 255, 255) 0%, rgba(255, 255, 255, 0) 100%) 14977 } 14978 14979 .blu-dropdown.b-selection .blu-dropdown__trigger[data-v-3e0b2b85]:hover { 14980 background-color: #f1f2f2 14981 } 14982 14983 .blu-dropdown.b-selection .blu-dropdown__trigger[data-v-3e0b2b85]:hover::after { 14984 background: #f1f1f1; 14985 background: linear-gradient(-90deg, rgb(241, 241, 241) 0%, rgba(241, 241, 241, 0) 100%) 14986 } 14987 14988 @media screen and (min-width: 769px),print { 14989 .blu-dropdown.b-selection .blu-dropdown__content[data-v-3e0b2b85] { 14990 top:56px; 14991 left: 0; 14992 margin-top: 8px; 14993 border-radius: 8px 14994 } 14995 } 14996 14997 .blu-dropdown.b-selection .blu-dropdown__value[data-v-3e0b2b85] { 14998 display: block; 14999 margin-top: 15px; 15000 opacity: 0; 15001 transition: all .5s; 15002 white-space: nowrap; 15003 font: 16px/20px "blibli",-apple-system,segoe ui,roboto,helvetica,arial,sans-serif; 15004 color: #19222a 15005 } 15006 15007 .blu-dropdown.b-selection .has-value label[data-v-3e0b2b85] { 15008 color: #1d05f7; 15009 font: 12px/16px "blibli",-apple-system,segoe ui,roboto,helvetica,arial,sans-serif; 15010 font-size: 1.2rem; 15011 font-weight: normal; 15012 margin-top: 9px; 15013 line-height: 1.25; 15014 top: 0 15015 } 15016 15017 .blu-dropdown.b-selection .has-value .blu-dropdown__value[data-v-3e0b2b85] { 15018 opacity: 1 15019 } 15020 15021 .blu-dropdown.b-selection:not(.b-disabled) .blu-dropdown__trigger[data-v-3e0b2b85]:focus-visible { 15022 box-shadow: 0px 0px 0px 4px #000 15023 } 15024 15025 .blu-dropdown.b-selection.b-active .blu-dropdown__trigger[data-v-3e0b2b85] { 15026 border-color: #1d05f7; 15027 transition: border-color .4s 15028 } 15029 15030 .blu-dropdown.b-selection.b-active .blu-dropdown__trigger[data-v-3e0b2b85]::before { 15031 transform: rotate(90deg); 15032 transition: transform .4s 15033 } 15034 15035 .blu-dropdown.b-selection.b-danger .has-value label[data-v-3e0b2b85] { 15036 color: #e93c3c 15037 } 15038 15039 .blu-dropdown.b-selection.b-danger .blu-dropdown__trigger[data-v-3e0b2b85] { 15040 border-color: #ff4646 15041 } 15042 15043 .blu-dropdown.b-selection.b-danger .blu-dropdown__msg[data-v-3e0b2b85] { 15044 color: #e93c3c 15045 } 15046 15047 .blu-dropdown.b-selection.b-success .has-value label[data-v-3e0b2b85] { 15048 color: #1c832a 15049 } 15050 15051 .blu-dropdown.b-selection.b-success .blu-dropdown__trigger[data-v-3e0b2b85] { 15052 border-color: #22a334 15053 } 15054 15055 .blu-dropdown.b-selection.b-success .blu-dropdown__msg[data-v-3e0b2b85] { 15056 color: #1f912e 15057 } 15058 15059 .blu-dropdown.b-selection.b-noborder .blu-dropdown__trigger[data-v-3e0b2b85] { 15060 border: none; 15061 display: flex; 15062 align-items: center; 15063 color: #19222a 15064 } 15065 15066 .blu-dropdown.b-selection.b-noborder .blu-dropdown__trigger[data-v-3e0b2b85]:hover { 15067 background-color: #fff 15068 } 15069 15070 .blu-dropdown.b-selection.b-noborder .blu-dropdown__trigger[data-v-3e0b2b85]:hover::after { 15071 background: #fff; 15072 background: linear-gradient(-90deg, rgb(255, 255, 255) 0%, rgba(255, 255, 255, 0) 100%) 15073 } 15074 15075 .blu-dropdown.b-selection.b-noborder .blu-dropdown__value[data-v-3e0b2b85] { 15076 display: flex; 15077 align-items: center; 15078 margin-top: 0 15079 } 15080 15081 .blu-dropdown.b-contained .blu-dropdown__trigger[data-v-3e0b2b85] { 15082 background-color: #f1f2f2; 15083 border-color: #f1f2f2; 15084 transition: border-color 0s 15085 } 15086 15087 .blu-dropdown.b-contained .blu-dropdown__trigger[data-v-3e0b2b85]::after { 15088 background: #f1f1f1; 15089 background: linear-gradient(-90deg, rgb(241, 241, 241) 0%, rgba(241, 241, 241, 0) 100%) 15090 } 15091 15092 .blu-dropdown.b-contained .blu-dropdown__trigger[data-v-3e0b2b85]:hover { 15093 background-color: #e1e3e4; 15094 border-color: #e1e3e4; 15095 transition: border-color 0s 15096 } 15097 15098 .blu-dropdown.b-contained .blu-dropdown__trigger[data-v-3e0b2b85]:hover::after { 15099 background: #e0e0e0; 15100 background: linear-gradient(-90deg, rgb(224, 224, 224) 0%, rgba(224, 224, 224, 0) 100%) 15101 } 15102 15103 .blu-dropdown.b-contained.b-active .blu-dropdown__trigger[data-v-3e0b2b85] { 15104 border-color: #1d05f7; 15105 transition: border-color .4s 15106 } 15107 15108 .blu-dropdown.has-left-icon label[data-v-3e0b2b85] { 15109 left: 48px 15110 } 15111 15112 .blu-dropdown.has-left-icon .blu-dropdown__value[data-v-3e0b2b85] { 15113 padding-left: 30px 15114 } 15115 15116 .blu-dropdown.has-left-icon .blu-dropdown__icon-left[data-v-3e0b2b85] { 15117 position: absolute; 15118 top: 16px; 15119 left: 16px; 15120 margin-right: 8px; 15121 color: #797f85 15122 } 15123 15124 .blu-dropdown.has-right-icon .blu-dropdown__trigger[data-v-3e0b2b85]::before { 15125 display: none 15126 } 15127 15128 .blu-dropdown.has-right-icon .blu-dropdown__icon-right[data-v-3e0b2b85] { 15129 position: absolute; 15130 top: 16px; 15131 right: 16px; 15132 color: rgba(25,34,42,.4) 15133 } 15134 15135 .blu-dropdown.has-placeholder label[data-v-3e0b2b85] { 15136 transition: none 15137 } 15138 15139 .blu-dropdown.has-placeholder .has-value label[data-v-3e0b2b85] { 15140
15140 z-index: -1; 15141 color: inherit; 15142 font-size: inherit 15143 } 15144 15145 .blu-dropdown.has-placeholder .blu-dropdown__value[data-v-3e0b2b85] { 15146 margin-top: 4px 15147 } 15148 15149 .blu-dropdown.b-small.has-left-icon.has-placeholder label[data-v-3e0b2b85] { 15150 left: 30px 15151 } 15152 15153 .blu-dropdown.b-small.has-left-icon .blu-dropdown__value[data-v-3e0b2b85] { 15154 padding-left: 36px 15155 } 15156 15157 .blu-dropdown.b-small.has-left-icon .blu-dropdown__icon-left[data-v-3e0b2b85] { 15158 height: 24px; 15159 top: 4px; 15160 left: 5px; 15161 color: #797f85 15162 } 15163 15164 .blu-dropdown.b-small.has-left-icon .blu-dropdown__icon-left svg[data-v-3e0b2b85] { 15165 transform: scale(0.75) 15166 } 15167 15168 .blu-dropdown.b-small.has-left-icon.b-selection .blu-dropdown__value[data-v-3e0b2b85] { 15169 padding-left: 20px 15170 } 15171 15172 .blu-dropdown.b-small.has-placeholder label[data-v-3e0b2b85] { 15173 top: 7px; 15174 color: rgba(25,34,42,.4); 15175 font: 14px/18px "blibli",-apple-system,segoe ui,roboto,helvetica,arial,sans-serif 15176 } 15177 15178 .blu-dropdown.b-small .blu-dropdown__trigger[data-v-3e0b2b85] { 15179 height: 32px; 15180 padding: 4px 36px 4px 8px; 15181 border-radius: 8px 15182 } 15183 15184 .blu-dropdown.b-small .blu-dropdown__trigger[data-v-3e0b2b85]:before { 15185 top: 4px; 15186 right: 4px 15187 } 15188 15189 .blu-dropdown.b-small .blu-dropdown__trigger[data-v-3e0b2b85]::after { 15190 height: 24px; 15191 top: 2px 15192 } 15193 15194 .blu-dropdown.b-small.b-selection .blu-dropdown__value[data-v-3e0b2b85] {
15195 margin-top: 1px; 15196 font: 14px/18px "blibli",-apple-system,segoe ui,roboto,helvetica,arial,sans-serif 15197 } 15198 15199 @media screen and (min-width: 769px),print { 15200 .blu-dropdown.b-small.b-selection .blu-dropdown__content[data-v-3e0b2b85] { 15201 top:32px 15202 } 15203 } 15204 15205 .blu-dropdown.b-disabled .blu-dropdown__trigger[data-v-3e0b2b85] { 15206 cursor: not-allowed; 15207 background-color: #c8cbcd 15208 } 15209 15210 .blu-dropdown.b-disabled .blu-dropdown__trigger[data-v-3e0b2b85]::before { 15211 background: rgba(0,0,0,0) url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB2aWV3Qm94PSIwIDAgMjQgMjQiPgogIDxkZWZzPgogICAgPHBhdGgKICAgICAgICBpZD0iMTkwcjYzOHp6YSIKICAgICAgICBkPSJNMCA1LjE1NGMwLS42MzYuMjkyLTEuMjE5LjgtMS42TDUuNDExLjE5MmMuNDQ2LS4zMjUgMS4wNzItLjIyOCAxLjM5Ny4yMi4zMjUuNDQ1LjIyNyAxLjA3MS0uMjE5IDEuMzk2bC00LjYgMy4zNTQgNC41NjMgMy4wMDRjLjQ2LjMwNS41ODcuOTI1LjI4MiAxLjM4Ni0uMzA1LjQ2LS45MjYuNTg2LTEuMzg2LjI4MmwtNC42LTMuMDQ2Qy4yOTEgNi4zNzIgMCA1Ljc5IDAgNS4xNTR6IgogICAgLz4KICA8L2RlZnM+CiAgPGcgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIj4KICAgIDxnPgogICAgICA8Zz4KICAgICAgICA8cGF0aCBmaWxsPSIjRkZGIiBmaWxsLW9wYWNpdHk9Ii4wMSIgZD0iTTAgMEgyNFYyNEgweiIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTU5MiAtNzg1KSB0cmFuc2xhdGUoNTkyIDc4NSkiIC8+CiAgICAgICAgPGcgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTU5MiAtNzg1KSB0cmFuc2xhdGUoNTkyIDc4NSkgdHJhbnNsYXRlKDggNykiPgogICAgICAgICAgPG1hc2sgaWQ9InU0ZGRwYm95eGIiIGZpbGw9IiNmZmYiPjx1c2UgeGxpbms6aHJlZj0iIzE5MHI2Mzh6emEiIC8+PC9tYXNrPgogICAgICAgICAgPHVzZSBmaWxsPSIjNzk3Rjg1IiBmaWxsLXJ1bGU9Im5vbnplcm8iIHhsaW5rOmhyZWY9IiMxOTByNjM4enphIiAvPgogICAgICAgICAgPHBhdGggZmlsbD0iI0E1QTlBQyIgZD0iTS04IC03SDE2VjE3SC04eiIgbWFzaz0idXJsKCN1NGRkcGJveXhiKSIgLz4KICAgICAgICA8L2c+CiAgICAgIDwvZz4KICAgIDwvZz4KICA8L2c+Cjwvc3ZnPgo=) center center no-repeat 15212 } 15213 15214 .blu-dropdown.b-disabled .blu-dropdown__trigger[data-v-3e0b2b85]::after { 15215 content: none 15216 } 15217 15218 .blu-dropdown.b-disabled .blu-dropdown__trigger[data-v-3e0b2b85]:hover { 15219 background-color: #c8cbcd 15220 } 15221 15222 .blu-dropdown.b-disabled .blu-dropdown__value[data-v-3e0b2b85] { 15223 color: rgba(25,34,42,.4) 15224 } 15225 15226 .blu-dropdown.b-disabled .has-value label[data-v-3e0b2b85] { 15227 color: rgba(25,34,42,.4) 15228 } 15229 15230 @media screen and (min-width: 769px),print { 15231 .blu-calendar .b-selection .blu-dropdown__trigger[data-v-3e0b2b85] { 15232 padding:16px 40px 16px 16px 15233 } 15234 } 15235 15236 @media screen and (max-width: 768px) { 15237 .blu-calendar .b-selection .blu-dropdown__trigger[data-v-3e0b2b85] { 15238 padding:8px 32px 8px 8px 15239 } 15240 } 15241 15242 @media screen and (min-width: 769px),print { 15243 .blu-calendar .b-selection .blu-dropdown__content[data-v-3e0b2b85] { 15244 left:var(--dropdown-content-position) 15245 } 15246 } 15247 15248 @media screen and (max-width: 768px) { 15249 .blu-calendar .b-selection .blu-dropdown__content[data-v-3e0b2b85] { 15250 left:0 15251 } 15252 } 15253 </style> 15254 <style type="text/css"> 15255 .blu-list button[data-v-1b6a2c38] { 15256 font: 16px/20px "blibli",-apple-system,segoe ui,roboto,helvetica,arial,sans-serif; 15257 width: calc(100% + 16px); 15258 text-align: left; 15259 color: #19222a 15260 } 15261 15262 .blu-list ul[data-v-1b6a2c38] { 15263 padding: 0; 15264 margin: 0 15265 } 15266 15267 .blu-list li[data-v-1b6a2c38] { 15268 min-height: 56px 15269 } 15270 15271 .blu-list ul li[data-v-1b6a2c38] { 15272 display: grid; 15273 list-style: none; 15274 margin: 0px 16px 15275 } 15276 15277 .blu-list ul[data-v-1b6a2c38]>
15277:not(.list-group):not(:first-child) { 15278 border-top: #c8cbcd 1px solid 15279 } 15280 15281 .blu-list.b-group ul .list-group:not(:last-child) li[data-v-1b6a2c38]:last-child { 15282 border-bottom: 1px solid #c8cbcd 15283 } 15284 15285 .blu-list .blu-list__text-right[data-v-1b6a2c38] { 15286 color: rgba(25,34,42,.4); 15287 float: right; 15288 padding: 0px 0 3px 19px; 15289 margin-top: -21px 15290 } 15291 15292 .blu-list .blu-list__text-desc[data-v-1b6a2c38] { 15293 color: rgba(25,34,42,.4); 15294 font: 14px/18px "blibli",-apple-system,segoe ui,roboto,helvetica,arial,sans-serif; 15295 display: flex; 15296 padding-right: 20px 15297 } 15298 15299 .blu-list li.has-multiselect:not(.b-right-checkbox) .blu-list__text-desc[data-v-1b6a2c38] { 15300 padding-left: 28px 15301 } 15302 15303 .blu-list__item[data-v-1b6a2c38] { 15304 display: block; 15305 min-height: 40px; 15306 margin: 8px 8px 8px -8px; 15307 padding: 8px; 15308 border-radius: 8px; 15309 transition: background-color .4s; 15310 color: #19222a; 15311 cursor: pointer 15312 } 15313 15314 .blu-list__item[data-v-1b6a2c38]:not(.b-disabled):hover { 15315 background-color: #f1f2f2 15316 } 15317 15318 .blu-list__item[data-v-1b6a2c38]:not(.b-disabled):focus-visible { 15319 outline: none; 15320 box-shadow: 0px 0px 0px 4px #000; 15321 background-color: #f1f2f2 15322 } 15323 15324 .blu-list__item.b-selected[data-v-1b6a2c38] { 15325 background-color: #f3f9ff 15326 } 15327 15328 .blu-list__item.b-selected.has-multiselect.b-selected[data-v-1b6a2c38] { 15329 background: none 15330 } 15331 15332 .blu-list__item.b-disabled[data-v-1b6a2c38] { 15333 cursor: not-allowed; 15334 opacity: .5 15335 } 15336 15337 .blu-list__item.b-disabled[data-v-1b6a2c38]:focus-visible { 15338 outline: none 15339 } 15340 15341 .blu-list__item.b-disabled .blu-checkbox[data-v-1b6a2c38],.blu-list__item.b-disabled .blu-radio[data-v-1b6a2c38] { 15342 pointer-events: none 15343 } 15344 15345 .blu-list__item-image[data-v-1b6a2c38] { 15346 background: #fff; 15347 display: flex; 15348 align-items: center; 15349 justify-content: center; 15350 height: 24px; 15351 width: 24px; 15352 border-radius: 50%; 15353 margin-right: 8px; 15354 float: left 15355 } 15356 15357 .blu-list__item-image img[data-v-1b6a2c38] { 15358 border-radius: 50% 15359 } 15360 15361 .blu-list__item-heading[data-v-1b6a2c38] { 15362 display: flex 15363 } 15364 15365 .blu-list .blu-checkbox[data-v-1b6a2c38] { 15366 transform: translateY(-2px) 15367 } 15368 15369 .blu-list .b-right-checkbox label[data-v-1b6a2c38] { 15370 order: 1; 15371 width: 100% 15372 } 15373 15374 .blu-list .b-right-checkbox .blu-checkbox[data-v-1b6a2c38] { 15375 order: 2; 15376 transform: translateX(7px) 15377 } 15378 15379 .blu-list__content[data-v-1b6a2c38] { 15380 display: grid; 15381 margin: 8px 8px 8px -8px; 15382 padding: 8px 10px; 15383 border-radius: 16px 15384 } 15385 15386 .blu-list .has-left-radio .blu-radio[data-v-1b6a2c38] { 15387 margin: 0 8px 0 0 15388 } 15389 15390 .blu-list .has-left-radio .blu-list__text-desc[data-v-1b6a2c38] { 15391 padding-left: 28px 15392 } 15393 15394 .blu-list .has-right-radio .blu-radio[data-v-1b6a2c38] { 15395 order: 2; 15396 margin: 0 0 0 auto 15397 } 15398 15399 .has-child>.blu-list[data-v-1b6a2c38] { 15400 background-color: #fff; 15401 overflow-y: auto; 15402 max-height: 0px; 15403 opacity: 0; 15404 transition: all .3s ease-in-out; 15405 width: calc(100% + 28px); 15406 transform: translateX(-12px); 15407 padding-left: 24px 15408 } 15409 15410 .has-child>.blu-list li[data-v-1b6a2c38]:first-child {
15411 margin-top: 1px 15412 } 15413 15414 .has-child>.blu-list__item[data-v-1b6a2c38] { 15415 position: relative; 15416 align-items: center 15417 } 15418 15419 .has-child>.blu-list__item[data-v-1b6a2c38]::after { 15420 content: ""; 15421 width: 24px; 15422 height: 24px; 15423 background: rgba(0,0,0,0) url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB2aWV3Qm94PSIwIDAgMjQgMjQiPgogIDxkZWZzPgogICAgPHBhdGgKICAgICAgICBpZD0iMTkwcjYzOHp6YSIKICAgICAgICBkPSJNMCA1LjE1NGMwLS42MzYuMjkyLTEuMjE5LjgtMS42TDUuNDExLjE5MmMuNDQ2LS4zMjUgMS4wNzItLjIyOCAxLjM5Ny4yMi4zMjUuNDQ1LjIyNyAxLjA3MS0uMjE5IDEuMzk2bC00LjYgMy4zNTQgNC41NjMgMy4wMDRjLjQ2LjMwNS41ODcuOTI1LjI4MiAxLjM4Ni0uMzA1LjQ2LS45MjYuNTg2LTEuMzg2LjI4MmwtNC42LTMuMDQ2Qy4yOTEgNi4zNzIgMCA1Ljc5IDAgNS4xNTR6IgogICAgLz4KICA8L2RlZnM+CiAgPGcgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIj4KICAgIDxnPgogICAgICA8Zz4KICAgICAgICA8cGF0aCBmaWxsPSIjRkZGIiBmaWxsLW9wYWNpdHk9Ii4wMSIgZD0iTTAgMEgyNFYyNEgweiIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTU5MiAtNzg1KSB0cmFuc2xhdGUoNTkyIDc4NSkiIC8+CiAgICAgICAgPGcgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTU5MiAtNzg1KSB0cmFuc2xhdGUoNTkyIDc4NSkgdHJhbnNsYXRlKDggNykiPgogICAgICAgICAgPG1hc2sgaWQ9InU0ZGRwYm95eGIiIGZpbGw9IiNmZmYiPjx1c2UgeGxpbms6aHJlZj0iIzE5MHI2Mzh6emEiIC8+PC9tYXNrPgogICAgICAgICAgPHVzZSBmaWxsPSIjNzk3Rjg1IiBmaWxsLXJ1bGU9Im5vbnplcm8iIHhsaW5rOmhyZWY9IiMxOTByNjM4enphIiAvPgogICAgICAgICAgPHBhdGggZmlsbD0iIzc5N0Y4NSIgZD0iTS04IC03SDE2VjE3SC04eiIgbWFzaz0idXJsKCN1NGRkcGJveXhiKSIgLz4KICAgICAgICA8L2c+CiAgICAgIDwvZz4KICAgIDwvZz4KICA8L2c+Cjwvc3ZnPgo=) center center no-repeat; 15424 transform: rotate(270deg); 15425 transition: transform .3s; 15426 display: block; 15427 position: absolute; 15428 right: 8px; 15429 top: 7px 15430 } 15431 15432 .has-child>.blu-list__item:focus-visible~.blu-list[data-v-1b6a2c38] { 15433 border-top: #c8cbcd 1px solid; 15434 max-height: 200px; 15435 opacity: 1 15436 } 15437 15438 .has-child>.blu-list__item:focus-visible~.blu-list__item[data-v-1b6a2c38]::after { 15439 transform: rotate(90deg) 15440 } 15441 15442 .has-child>.blu-list.b-overflow-y[data-v-1b6a2c38] { 15443 margin: 0 15444 } 15445 15446 .has-child .blu-list__text-desc[data-v-1b6a2c38] { 15447 padding-right: 20px 15448 } 15449 15450 .has-child:hover>.blu-list[data-v-1b6a2c38] { 15451 max-height: 200px; 15452 opacity: 1 15453 } 15454 15455 .has-child:hover>.blu-list__item[data-v-1b6a2c38]::after { 15456 transform: rotate(90deg) 15457 } 15458 15459 .has-child:hover>.blu-list[data-v-1b6a2c38]::before { 15460 content: ""; 15461 height: 1px; 15462 width: calc(100% - 28px); 15463 background: #c8cbcd; 15464 position: absolute; 15465 left: 12px 15466 } 15467 15468 .has-left-icon[data-v-1b6a2c38] { 15469 display: flex; 15470 align-items: center 15471 } 15472 15473 .has-left-icon .blu-list__item-icon[data-v-1b6a2c38],.has-left-icon .blu-list__content-icon[data-v-1b6a2c38] { 15474 display: flex; 15475 margin-right: 8px; 15476 color: #797f85 15477 } 15478 15479 .has-child-expand>.blu-list[data-v-1b6a2c38] { 15480 background-color: #fff; 15481 overflow-y: auto; 15482 max-height: 0; 15483 opacity: 0; 15484 transition: max-height .3s ease-in-out,opacity .3s ease-in-out; 15485 width: calc(100% + 28px); 15486 transform: translateX(-12px); 15487 padding-left: 24px 15488 } 15489 15490 .has-child-expand>.blu-list li[data-v-1b6a2c38]:first-child {
15491 margin-top: 1px 15492 } 15493 15494 .has-child-expand>.blu-list__item[data-v-1b6a2c38] { 15495 position: relative; 15496 align-items: center 15497 } 15498 15499 .has-child-expand>.blu-list__item[data-v-1b6a2c38]::after { 15500 content: ""; 15501 width: 24px; 15502 height: 24px; 15503 background: rgba(0,0,0,0) url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB2aWV3Qm94PSIwIDAgMjQgMjQiPgogIDxkZWZzPgogICAgPHBhdGgKICAgICAgICBpZD0iMTkwcjYzOHp6YSIKICAgICAgICBkPSJNMCA1LjE1NGMwLS42MzYuMjkyLTEuMjE5LjgtMS42TDUuNDExLjE5MmMuNDQ2LS4zMjUgMS4wNzItLjIyOCAxLjM5Ny4yMi4zMjUuNDQ1LjIyNyAxLjA3MS0uMjE5IDEuMzk2bC00LjYgMy4zNTQgNC41NjMgMy4wMDRjLjQ2LjMwNS41ODcuOTI1LjI4MiAxLjM4Ni0uMzA1LjQ2LS45MjYuNTg2LTEuMzg2LjI4MmwtNC42LTMuMDQ2Qy4yOTEgNi4zNzIgMCA1Ljc5IDAgNS4xNTR6IgogICAgLz4KICA8L2RlZnM+CiAgPGcgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIj4KICAgIDxnPgogICAgICA8Zz4KICAgICAgICA8cGF0aCBmaWxsPSIjRkZGIiBmaWxsLW9wYWNpdHk9Ii4wMSIgZD0iTTAgMEgyNFYyNEgweiIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTU5MiAtNzg1KSB0cmFuc2xhdGUoNTkyIDc4NSkiIC8+CiAgICAgICAgPGcgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTU5MiAtNzg1KSB0cmFuc2xhdGUoNTkyIDc4NSkgdHJhbnNsYXRlKDggNykiPgogICAgICAgICAgPG1hc2sgaWQ9InU0ZGRwYm95eGIiIGZpbGw9IiNmZmYiPjx1c2UgeGxpbms6aHJlZj0iIzE5MHI2Mzh6emEiIC8+PC9tYXNrPgogICAgICAgICAgPHVzZSBmaWxsPSIjNzk3Rjg1IiBmaWxsLXJ1bGU9Im5vbnplcm8iIHhsaW5rOmhyZWY9IiMxOTByNjM4enphIiAvPgogICAgICAgICAgPHBhdGggZmlsbD0iIzc5N0Y4NSIgZD0iTS04IC03SDE2VjE3SC04eiIgbWFzaz0idXJsKCN1NGRkcGJveXhiKSIgLz4KICAgICAgICA8L2c+CiAgICAgIDwvZz4KICAgIDwvZz4KICA8L2c+Cjwvc3ZnPgo=) center center no-repeat; 15504 transform: rotate(270deg); 15505 transition: transform .3s; 15506 display: block; 15507 position: absolute; 15508 right: 8px; 15509 top: 7px 15510 } 15511 15512 .has-child-expand>.blu-list__item:focus-visible~.blu-list[data-v-1b6a2c38] { 15513 border-top: #c8cbcd 1px solid; 15514 max-height: 200px; 15515 opacity: 1 15516 } 15517 15518 .has-child-expand>.blu-list__item:focus-visible~.blu-list__item[data-v-1b6a2c38]::after { 15519 transform: rotate(90deg) 15520 } 15521 15522 .has-child-expand>.blu-list.b-overflow-y[data-v-1b6a2c38] { 15523 margin: 0 15524 } 15525 15526 .has-child-expand .blu-list__text-desc[data-v-1b6a2c38] { 15527 padding-right: 20px 15528 } 15529 15530 .has-list-expand>.blu-list[data-v-1b6a2c38] { 15531 max-height: 100vh; 15532 opacity: 1 15533 } 15534 15535 .has-list-expand>.blu-list__item[data-v-1b6a2c38]::after { 15536 transform: rotate(90deg) 15537 } 15538 15539 .has-list-expand>.blu-list[data-v-1b6a2c38]::before { 15540 content: ""; 15541 height: 1px; 15542 width: calc(100% - 28px); 15543 background: #c8cbcd; 15544 position: absolute; 15545 left: 12px 15546 } 15547 </style> 15548 <style type="text/css"> 15549 .blu-checkbox[data-v-0eb6b69a] { 15550 min-width: 18px; 15551 display: flex 15552 } 15553 15554 .blu-checkbox input[type=checkbox][data-v-0eb6b69a] { 15555 display: none 15556 } 15557 15558 .blu-checkbox input[type=checkbox]+label[data-v-0eb6b69a] { 15559 color: rgba(25,34,42,.7019607843); 15560 font: 16px/20px "blibli",-apple-system,segoe ui,roboto,helvetica,arial,sans-serif; 15561 position: relative; 15562 display: flex; 15563 align-items: center; 15564 padding-left: 28px; 15565 cursor: pointer; 15566 -webkit-user-select: none; 15567 -moz-user-select: none; 15568 -ms-user-select: none; 15569 user-select: none; 15570 padding-top: 2px; 15571 padding-bottom: 2px; 15572 line-height: 20px; 15573 outline: none; 15574 transition: border-color .4s 15575 } 15576 15577 .blu-checkbox input[type=checkbox]+label[data-v-0eb6b69a]:before { 15578 content: ""; 15579 width: 18px;
15580 height: 18px; 15581 background-color: #fff; 15582 border-radius: 4px; 15583 border: #c8cbcd 1px solid; 15584 position: absolute; 15585 top: 2px; 15586 left: 3px; 15587 transition: all .4s 15588 } 15589 15590 .blu-checkbox input[type=checkbox]+label[data-v-0eb6b69a]:after { 15591 content: ""; 15592 width: 0; 15593 height: 0; 15594 position: absolute; 15595 top: 8px; 15596 left: 9px; 15597 transition: width .3s 15598 } 15599 15600 .blu-checkbox input[type=checkbox]+label[data-v-0eb6b69a]:hover::before { 15601 background-color: #f1f2f2; 15602 box-shadow: 0 0 0 2px #f1f2f2 15603 } 15604 15605 .blu-checkbox input[type=checkbox]+label[data-v-0eb6b69a]:focus-visible::before { 15606 border-color: #000 15607 } 15608 15609 .blu-checkbox input[type=checkbox]:checked+label[data-v-0eb6b69a]:before { 15610 border-color: #1d05f7; 15611 background-color: #1d05f7 15612 } 15613 15614 .blu-checkbox input[type=checkbox]:checked+label[data-v-0eb6b69a]:after { 15615 width: 10px; 15616 height: 8px; 15617 top: 7px; 15618 left: 7px; 15619 background: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTAiIGhlaWdodD0iOCIgdmlld0JveD0iMCAwIDEwIDgiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGZpbGwtcnVsZT0iZXZlbm9kZCIgY2xpcC1ydWxlPSJldmVub2RkIiBkPSJNOC4zNzc0NyAwLjI5Mjg5M0M4Ljc0ODY0IC0wLjA5NzYzMSA5LjM1MDQ0IC0wLjA5NzYzMSA5LjcyMTYyIDAuMjkyODkzQzEwLjA5MjggMC42ODM0MTcgMTAuMDkyOCAxLjMxNjU4IDkuNzIxNjIgMS43MDcxMUw0LjAxODg3IDcuNzA3MUMzLjY0NzcgOC4wOTc2MyAzLjA0NTkgOC4wOTc2MyAyLjY3NDcyIDcuNzA3MUwwLjI3ODM4MyA1LjE4NTg1Qy0wLjA5Mjc5NDIgNC43OTUzMyAtMC4wOTI3OTQyIDQuMTYyMTcgMC4yNzgzODMgMy43NzE2NEMwLjY0OTU1OSAzLjM4MTEyIDEuMjUxMzYgMy4zODExMiAxLjYyMjUzIDMuNzcxNjRMMy4zNDY4IDUuNTg1NzhMOC4zNzc0NyAwLjI5Mjg5M1oiIGZpbGw9IndoaXRlIi8+Cjwvc3ZnPgo=) no-repeat 15620 } 15621 15622 .blu-checkbox input[type=checkbox]:checked+label[data-v-0eb6b69a]:hover::before { 15623 box-shadow: 0 0 0 2px #e1f1ff 15624 } 15625 15626 .blu-checkbox input[type=checkbox]:checked+label[data-v-0eb6b69a]:focus-visible::before { 15627 border-color: #000 15628 } 15629 15630 .blu-checkbox input[type=checkbox]:disabled+label[data-v-0eb6b69a] { 15631 color: rgba(25,34,42,.4); 15632 cursor: not-allowed; 15633 pointer-events: none 15634 } 15635 15636 .blu-checkbox input[type=checkbox]:disabled+label[data-v-0eb6b69a]::before { 15637 border-color: #e1e3e4 15638 } 15639 15640 .blu-checkbox.b-partial input+label[data-v-0eb6b69a]:after { 15641 height: 0; 15642 top: 10px 15643 } 15644 15645 .blu-checkbox.has-value input:disabled+label[data-v-0eb6b69a]::before { 15646 border-color: #c8cbcd; 15647 background-color: #c8cbcd 15648 } 15649 15650 .blu-checkbox.has-value input:disabled+label[data-v-0eb6b69a]::after { 15651 width: 10px; 15652 height: 8px; 15653 top: 7px; 15654 left: 7px; 15655 background: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTAiIGhlaWdodD0iOCIgdmlld0JveD0iMCAwIDEwIDgiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGZpbGwtcnVsZT0iZXZlbm9kZCIgY2xpcC1ydWxlPSJldmVub2RkIiBkPSJNOC4zNzc0NyAwLjI5Mjg5M0M4Ljc0ODY0IC0wLjA5NzYzMSA5LjM1MDQ0IC0wLjA5NzYzMSA5LjcyMTYyIDAuMjkyODkzQzEwLjA5MjggMC42ODM0MTcgMTAuMDkyOCAxLjMxNjU4IDkuNzIxNjIgMS43MDcxMUw0LjAxODg3IDcuNzA3MUMzLjY0NzcgOC4wOTc2MyAzLjA0NTkgOC4wOTc2MyAyLjY3NDcyIDcuNzA3MUwwLjI3ODM4MyA1LjE4NTg1Qy0wLjA5Mjc5NDIgNC43OTUzMyAtMC4wOTI3OTQyIDQuMTYyMTcgMC4yNzgzODMgMy43NzE2NEMwLjY0OTU1OSAzLjM4MTEyIDEuMjUxMzYgMy4zODExMiAxLjYyMjUzIDMuNzcxNjRMMy4zNDY4IDUuNTg1NzhMOC4zNzc0NyAwLjI5Mjg5M1oiIGZpbGw9IndoaXRlIi8+Cjwvc3ZnPgo=) no-repeat 15656 } 15657 15658 .blu-checkbox.has-value input:disabled+label[data-v-0eb6b69a]:hover::before { 15659 box-shadow: none 15660 } 15661 15662 .blu-checkbox.b-partial input[data-v-0eb6b69a]:disabled,.blu-checkbox.b-partial input[type=checkbox]+label[data-v-0eb6b69a]::after { 15663 top: 10px; 15664 background: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTAiIGhlaWdodD0iMiIgdmlld0JveD0iMCAwIDEwIDIiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGZpbGwtcnVsZT0iZXZlbm9kZCIgY2xpcC1ydWxlPSJldmVub2RkIiBkPSJNMSAyQzAuNDQ3NzE1I
15664DIgMCAxLjU1MjI4IDAgMUMwIDAuNDQ3NzE1IDAuNDQ3NzE1IDAgMSAwSDlDOS41NTIyOCAwIDEwIDAuNDQ3NzE1IDEwIDFDMTAgMS41NTIyOCA5LjU1MjI4IDIgOSAySDFaIiBmaWxsPSJ3aGl0ZSIvPgo8L3N2Zz4K) no-repeat 15665 } 15666 </style> 15667 <style type="text/css"> 15668 .blu-list button[data-v-313621ef] { 15669 font: 16px/20px "blibli",-apple-system,segoe ui,roboto,helvetica,arial,sans-serif; 15670 width: calc(100% + 16px); 15671 text-align: left; 15672 color: #19222a 15673 } 15674 15675 .blu-list ul[data-v-313621ef] { 15676 padding: 0; 15677 margin: 0 15678 } 15679 15680 .blu-list li[data-v-313621ef] { 15681 min-height: 56px 15682 } 15683 15684 .blu-list ul li[data-v-313621ef] { 15685 display: grid; 15686 list-style: none; 15687 margin: 0px 16px 15688 } 15689 15690 .blu-list ul[data-v-313621ef]>:not(.list-group):not(:first-child) { 15691 border-top: #c8cbcd 1px solid 15692 } 15693 15694 .blu-list.b-group ul .list-group:not(:last-child) li[data-v-313621ef]:last-child { 15695 border-bottom: 1px solid #c8cbcd 15696 } 15697 15698 .blu-list .blu-list__text-right[data-v-313621ef] { 15699 color: rgba(25,34,42,.4); 15700 float: right; 15701 padding: 0px 0 3px 19px; 15702 margin-top: -21px 15703 } 15704 15705 .blu-list .blu-list__text-desc[data-v-313621ef] { 15706 color: rgba(25,34,42,.4); 15707 font: 14px/18px "blibli",-apple-system,segoe ui,roboto,helvetica,arial,sans-serif; 15708 display: flex; 15709 padding-right: 20px 15710 } 15711 15712 .blu-list li.has-multiselect:not(.b-right-checkbox) .blu-list__text-desc[data-v-313621ef] { 15713 padding-left: 28px 15714 } 15715 15716 .blu-list__item[data-v-313621ef] { 15717 display: block; 15718 min-height: 40px; 15719 margin: 8px 8px 8px -8px; 15720 padding: 8px; 15721 border-radius: 8px; 15722 transition: background-color .4s; 15723 color: #19222a; 15724 cursor: pointer 15725 } 15726 15727 .blu-list__item[data-v-313621ef]:not(.b-disabled):hover { 15728 background-color: #f1f2f2 15729 } 15730 15731 .blu-list__item[data-v-313621ef]:not(.b-disabled):focus-visible { 15732 outline: none; 15733 box-shadow: 0px 0px 0px 4px #000; 15734 background-color: #f1f2f2 15735 } 15736 15737 .blu-list__item.b-selected[data-v-313621ef] { 15738 background-color: #f3f9ff 15739 } 15740 15741 .blu-list__item.b-selected.has-multiselect.b-selected[data-v-313621ef] { 15742 background: none 15743 } 15744 15745 .blu-list__item.b-disabled[data-v-313621ef] { 15746 cursor: not-allowed; 15747 opacity: .5 15748 } 15749 15750 .blu-list__item.b-disabled[data-v-313621ef]:focus-visible { 15751 outline: none 15752 } 15753 15754 .blu-list__item.b-disabled .blu-checkbox[data-v-313621ef],.blu-list__item.b-disabled .blu-radio[data-v-313621ef] { 15755 pointer-events: none 15756 } 15757 15758 .blu-list__item-image[data-v-313621ef] { 15759 background: #fff; 15760 display: flex; 15761 align-items: center; 15762 justify-content: center; 15763 height: 24px; 15764 width: 24px; 15765 border-radius: 50%; 15766 margin-right: 8px; 15767 float: left 15768 } 15769 15770 .blu-list__item-image img[data-v-313621ef] { 15771 border-radius: 50% 15772 } 15773 15774 .blu-list__item-heading[data-v-313621ef] { 15775 display: flex 15776 } 15777 15778 .blu-list .blu-checkbox[data-v-313621ef] { 15779 transform: translateY(-2px) 15780 } 15781 15782 .blu-list .b-right-checkbox label[data-v-313621ef] { 15783 order: 1; 15784 width: 100% 15785 } 15786 15787 .blu-list .b-right-checkbox .blu-checkbox[data-v-313621ef] { 15788 order: 2; 15789 transform: translateX(7px) 15790 } 15791 15792 .blu-list__content[data-v-313621ef] { 15793 display: grid; 15794 margin: 8px 8px 8px -8px; 15795 padding: 8px 10px; 15796 border-radius: 16px 15797 } 15798 15799 .blu-list .has-left-radio .blu-radio[data-v-313621ef] { 15800 margin: 0 8px 0 0 15801 } 15802 15803 .blu-list .has-left-radio .blu-list__text-desc[data-v-313621ef] { 15804 padding-left: 28px 15805 } 15806 15807 .blu-list .has-right-radio .blu-radio[data-v-313621ef] { 15808 order: 2; 15809 margin: 0 0 0 auto 15810 } 15811 15812 .has-child>.blu-list[data-v-313621ef] { 15813 background-color: #fff; 15814 overflow-y: auto; 15815 max-height: 0px; 15816 opacity: 0; 15817 transition: all .3s ease-in-out; 15818 width: calc(100% + 28px); 15819 transform: translateX(-12px); 15820 padding-left: 24px 15821 } 15822 15823 .has-child>.blu-list li[data-v-313621ef]:first-child {
15824 margin-top: 1px 15825 } 15826 15827 .has-child>.blu-list__item[data-v-313621ef] { 15828 position: relative; 15829 align-items: center 15830 } 15831 15832 .has-child>.blu-list__item[data-v-313621ef]::after { 15833 content: ""; 15834 width: 24px; 15835 height: 24px; 15836 background: rgba(0,0,0,0) url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB2aWV3Qm94PSIwIDAgMjQgMjQiPgogIDxkZWZzPgogICAgPHBhdGgKICAgICAgICBpZD0iMTkwcjYzOHp6YSIKICAgICAgICBkPSJNMCA1LjE1NGMwLS42MzYuMjkyLTEuMjE5LjgtMS42TDUuNDExLjE5MmMuNDQ2LS4zMjUgMS4wNzItLjIyOCAxLjM5Ny4yMi4zMjUuNDQ1LjIyNyAxLjA3MS0uMjE5IDEuMzk2bC00LjYgMy4zNTQgNC41NjMgMy4wMDRjLjQ2LjMwNS41ODcuOTI1LjI4MiAxLjM4Ni0uMzA1LjQ2LS45MjYuNTg2LTEuMzg2LjI4MmwtNC42LTMuMDQ2Qy4yOTEgNi4zNzIgMCA1Ljc5IDAgNS4xNTR6IgogICAgLz4KICA8L2RlZnM+CiAgPGcgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIj4KICAgIDxnPgogICAgICA8Zz4KICAgICAgICA8cGF0aCBmaWxsPSIjRkZGIiBmaWxsLW9wYWNpdHk9Ii4wMSIgZD0iTTAgMEgyNFYyNEgweiIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTU5MiAtNzg1KSB0cmFuc2xhdGUoNTkyIDc4NSkiIC8+CiAgICAgICAgPGcgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTU5MiAtNzg1KSB0cmFuc2xhdGUoNTkyIDc4NSkgdHJhbnNsYXRlKDggNykiPgogICAgICAgICAgPG1hc2sgaWQ9InU0ZGRwYm95eGIiIGZpbGw9IiNmZmYiPjx1c2UgeGxpbms6aHJlZj0iIzE5MHI2Mzh6emEiIC8+PC9tYXNrPgogICAgICAgICAgPHVzZSBmaWxsPSIjNzk3Rjg1IiBmaWxsLXJ1bGU9Im5vbnplcm8iIHhsaW5rOmhyZWY9IiMxOTByNjM4enphIiAvPgogICAgICAgICAgPHBhdGggZmlsbD0iIzc5N0Y4NSIgZD0iTS04IC03SDE2VjE3SC04eiIgbWFzaz0idXJsKCN1NGRkcGJveXhiKSIgLz4KICAgICAgICA8L2c+CiAgICAgIDwvZz4KICAgIDwvZz4KICA8L2c+Cjwvc3ZnPgo=) center center no-repeat; 15837 transform: rotate(270deg); 15838 transition: transform .3s; 15839 display: block; 15840 position: absolute; 15841 right: 8px; 15842 top: 7px 15843 } 15844 15845 .has-child>.blu-list__item:focus-visible~.blu-list[data-v-313621ef] { 15846 border-top: #c8cbcd 1px solid; 15847 max-height: 200px; 15848 opacity: 1 15849 } 15850 15851 .has-child>.blu-list__item:focus-visible~.blu-list__item[data-v-313621ef]::after { 15852 transform: rotate(90deg) 15853 } 15854 15855 .has-child>.blu-list.b-overflow-y[data-v-313621ef] { 15856 margin: 0 15857 } 15858 15859 .has-child .blu-list__text-desc[data-v-313621ef] { 15860 padding-right: 20px 15861 } 15862 15863 .has-child:hover>.blu-list[data-v-313621ef] { 15864 max-height: 200px; 15865 opacity: 1 15866 } 15867 15868 .has-child:hover>.blu-list__item[data-v-313621ef]::after { 15869 transform: rotate(90deg) 15870 } 15871 15872 .has-child:hover>.blu-list[data-v-313621ef]::before { 15873 content: ""; 15874 height: 1px; 15875 width: calc(100% - 28px); 15876 background: #c8cbcd; 15877 position: absolute; 15878 left: 12px 15879 } 15880 15881 .has-left-icon[data-v-313621ef] { 15882 display: flex; 15883 align-items: center 15884 } 15885 15886 .has-left-icon .blu-list__item-icon[data-v-313621ef],.has-left-icon .blu-list__content-icon[data-v-313621ef] { 15887 display: flex; 15888 margin-right: 8px; 15889 color: #797f85 15890 } 15891 15892 .has-child-expand>.blu-list[data-v-313621ef] { 15893 background-color: #fff; 15894 overflow-y: auto; 15895 max-height: 0; 15896 opacity: 0; 15897 transition: max-height .3s ease-in-out,opacity .3s ease-in-out; 15898 width: calc(100% + 28px); 15899 transform: translateX(-12px); 15900 padding-left: 24px 15901 } 15902 15903 .has-child-expand>.blu-list li[data-v-313621ef]:first-child {
15904 margin-top: 1px 15905 } 15906 15907 .has-child-expand>.blu-list__item[data-v-313621ef] { 15908 position: relative; 15909 align-items: center 15910 } 15911 15912 .has-child-expand>.blu-list__item[data-v-313621ef]::after { 15913 content: ""; 15914 width: 24px; 15915 height: 24px; 15916 background: rgba(0,0,0,0) url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB2aWV3Qm94PSIwIDAgMjQgMjQiPgogIDxkZWZzPgogICAgPHBhdGgKICAgICAgICBpZD0iMTkwcjYzOHp6YSIKICAgICAgICBkPSJNMCA1LjE1NGMwLS42MzYuMjkyLTEuMjE5LjgtMS42TDUuNDExLjE5MmMuNDQ2LS4zMjUgMS4wNzItLjIyOCAxLjM5Ny4yMi4zMjUuNDQ1LjIyNyAxLjA3MS0uMjE5IDEuMzk2bC00LjYgMy4zNTQgNC41NjMgMy4wMDRjLjQ2LjMwNS41ODcuOTI1LjI4MiAxLjM4Ni0uMzA1LjQ2LS45MjYuNTg2LTEuMzg2LjI4MmwtNC42LTMuMDQ2Qy4yOTEgNi4zNzIgMCA1Ljc5IDAgNS4xNTR6IgogICAgLz4KICA8L2RlZnM+CiAgPGcgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIj4KICAgIDxnPgogICAgICA8Zz4KICAgICAgICA8cGF0aCBmaWxsPSIjRkZGIiBmaWxsLW9wYWNpdHk9Ii4wMSIgZD0iTTAgMEgyNFYyNEgweiIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTU5MiAtNzg1KSB0cmFuc2xhdGUoNTkyIDc4NSkiIC8+CiAgICAgICAgPGcgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTU5MiAtNzg1KSB0cmFuc2xhdGUoNTkyIDc4NSkgdHJhbnNsYXRlKDggNykiPgogICAgICAgICAgPG1hc2sgaWQ9InU0ZGRwYm95eGIiIGZpbGw9IiNmZmYiPjx1c2UgeGxpbms6aHJlZj0iIzE5MHI2Mzh6emEiIC8+PC9tYXNrPgogICAgICAgICAgPHVzZSBmaWxsPSIjNzk3Rjg1IiBmaWxsLXJ1bGU9Im5vbnplcm8iIHhsaW5rOmhyZWY9IiMxOTByNjM4enphIiAvPgogICAgICAgICAgPHBhdGggZmlsbD0iIzc5N0Y4NSIgZD0iTS04IC03SDE2VjE3SC04eiIgbWFzaz0idXJsKCN1NGRkcGJveXhiKSIgLz4KICAgICAgICA8L2c+CiAgICAgIDwvZz4KICAgIDwvZz4KICA8L2c+Cjwvc3ZnPgo=) center center no-repeat; 15917 transform: rotate(270deg); 15918 transition: transform .3s; 15919 display: block; 15920 position: absolute; 15921 right: 8px; 15922 top: 7px 15923 } 15924 15925 .has-child-expand>.blu-list__item:focus-visible~.blu-list[data-v-313621ef] { 15926 border-top: #c8cbcd 1px solid; 15927 max-height: 200px; 15928 opacity: 1 15929 } 15930 15931 .has-child-expand>.blu-list__item:focus-visible~.blu-list__item[data-v-313621ef]::after { 15932 transform: rotate(90deg) 15933 } 15934 15935 .has-child-expand>.blu-list.b-overflow-y[data-v-313621ef] { 15936 margin: 0 15937 } 15938 15939 .has-child-expand .blu-list__text-desc[data-v-313621ef] { 15940 padding-right: 20px 15941 } 15942 15943 .has-list-expand>.blu-list[data-v-313621ef] { 15944 max-height: 100vh; 15945 opacity: 1 15946 } 15947 15948 .has-list-expand>.blu-list__item[data-v-313621ef]::after { 15949 transform: rotate(90deg) 15950 } 15951 15952 .has-list-expand>.blu-list[data-v-313621ef]::before { 15953 content: ""; 15954 height: 1px; 15955 width: calc(100% - 28px); 15956 background: #c8cbcd; 15957 position: absolute; 15958 left: 12px 15959 } 15960 </style> 15961 <style type="text/css"> 15962 .blu-list button[data-v-eb2a42e4] { 15963 font: 16px/20px "blibli",-apple-system,segoe ui,roboto,helvetica,arial,sans-serif; 15964 width: calc(100% + 16px); 15965 text-align: left; 15966 color: #19222a 15967 } 15968 15969 .blu-list ul[data-v-eb2a42e4] { 15970 padding: 0; 15971 margin: 0 15972 } 15973 15974 .blu-list li[data-v-eb2a42e4] { 15975 min-height: 56px 15976 } 15977 15978 .blu-list ul li[data-v-eb2a42e4] { 15979 display: grid; 15980 list-style: none; 15981 margin: 0px 16px 15982 } 15983 15984 .blu-list ul[data-v-eb2a42e4]>:not(.list-group):not(:first-child) { 15985 border-top: #c8cbcd 1px solid 15986 } 15987 15988 .blu-list.b-group ul .list-group:not(:last-child) li[data-v-eb2a42e4]:last-child { 15989 border-bottom: 1px solid #c8cbcd 15990 } 15991 15992 .blu-list .blu-list__text-right[data-v-eb2a42e4] { 15993 color: rgba(25,34,42,.4); 15994 float: right; 15995 padding: 0px 0 3px 19px; 15996 margin-top: -21px 15997 } 15998 15999 .blu-list .blu-list__text-desc[data-v-eb2a42e4] { 16000 color: rgba(25,34,42,.4); 16001 font: 14px/18px "blibli",-apple-system,segoe ui,roboto,helvetica,arial,sans-serif; 16002 display: flex; 16003 padding-right: 20px 16004 } 16005 16006 .blu-list li.has-multiselect:not(.b-right-checkbox) .blu-list__text-desc[data-v-eb2a42e4] { 16007 padding-left: 28px 16008 } 16009 16010 .blu-list__item[data-v-eb2a42e4] { 16011 display: block; 16012 min-height: 40px; 16013 margin: 8px 8px 8px -8px; 16014 padding: 8px; 16015 border-radius: 8px; 16016 transition: background-color .4s; 16017 color: #19222a; 16018 cursor: pointer 16019 } 16020 16021 .blu-list__item[data-v-eb2a42e4]:not(.b-disabled):hover { 16022 background-color: #f1f2f2 16023 } 16024 16025 .blu-list__item[data-v-eb2a42e4]:not(.b-disabled):focus-visible { 16026 outline: none; 16027 box-shadow: 0px 0px 0px 4px #000; 16028 background-color: #f1f2f2 16029 } 16030 16031 .blu-list__item.b-selected[data-v-eb2a42e4] { 16032 background-color: #f3f9ff 16033 } 16034 16035 .blu-list__item.b-selected.has-multiselect.b-selected[data-v-eb2a42e4] { 16036 background: none 16037 } 16038 16039 .blu-list__item.b-disabled[data-v-eb2a42e4] {
16040 cursor: not-allowed; 16041 opacity: .5 16042 } 16043 16044 .blu-list__item.b-disabled[data-v-eb2a42e4]:focus-visible { 16045 outline: none 16046 } 16047 16048 .blu-list__item.b-disabled .blu-checkbox[data-v-eb2a42e4],.blu-list__item.b-disabled .blu-radio[data-v-eb2a42e4] { 16049 pointer-events: none 16050 } 16051 16052 .blu-list__item-image[data-v-eb2a42e4] { 16053 background: #fff; 16054 display: flex; 16055 align-items: center; 16056 justify-content: center; 16057 height: 24px; 16058 width: 24px; 16059 border-radius: 50%; 16060 margin-right: 8px; 16061 float: left 16062 } 16063 16064 .blu-list__item-image img[data-v-eb2a42e4] { 16065 border-radius: 50% 16066 } 16067 16068 .blu-list__item-heading[data-v-eb2a42e4] { 16069 display: flex 16070 } 16071 16072 .blu-list .blu-checkbox[data-v-eb2a42e4] { 16073 transform: translateY(-2px) 16074 } 16075 16076 .blu-list .b-right-checkbox label[data-v-eb2a42e4] { 16077 order: 1; 16078 width: 100% 16079 } 16080 16081 .blu-list .b-right-checkbox .blu-checkbox[data-v-eb2a42e4] { 16082 order: 2; 16083 transform: translateX(7px) 16084 } 16085 16086 .blu-list__content[data-v-eb2a42e4] { 16087 display: grid; 16088 margin: 8px 8px 8px -8px; 16089 padding: 8px 10px; 16090 border-radius: 16px 16091 } 16092 16093 .blu-list .has-left-radio .blu-radio[data-v-eb2a42e4] { 16094 margin: 0 8px 0 0 16095 } 16096 16097 .blu-list .has-left-radio .blu-list__text-desc[data-v-eb2a42e4] { 16098 padding-left: 28px 16099 } 16100 16101 .blu-list .has-right-radio .blu-radio[data-v-eb2a42e4] { 16102 order: 2; 16103 margin: 0 0 0 auto 16104 } 16105 16106 .has-child>.blu-list[data-v-eb2a42e4] { 16107 background-color: #fff; 16108 overflow-y: auto; 16109 max-height: 0px; 16110 opacity: 0; 16111 transition: all .3s ease-in-out; 16112 width: calc(100% + 28px); 16113 transform: translateX(-12px); 16114 padding-left: 24px 16115 } 16116 16117 .has-child>.blu-list li[data-v-eb2a42e4]:first-child {
16118 margin-top: 1px 16119 } 16120 16121 .has-child>.blu-list__item[data-v-eb2a42e4] { 16122 position: relative; 16123 align-items: center 16124 } 16125 16126 .has-child>.blu-list__item[data-v-eb2a42e4]::after { 16127 content: ""; 16128 width: 24px; 16129 height: 24px; 16130 background: rgba(0,0,0,0) url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB2aWV3Qm94PSIwIDAgMjQgMjQiPgogIDxkZWZzPgogICAgPHBhdGgKICAgICAgICBpZD0iMTkwcjYzOHp6YSIKICAgICAgICBkPSJNMCA1LjE1NGMwLS42MzYuMjkyLTEuMjE5LjgtMS42TDUuNDExLjE5MmMuNDQ2LS4zMjUgMS4wNzItLjIyOCAxLjM5Ny4yMi4zMjUuNDQ1LjIyNyAxLjA3MS0uMjE5IDEuMzk2bC00LjYgMy4zNTQgNC41NjMgMy4wMDRjLjQ2LjMwNS41ODcuOTI1LjI4MiAxLjM4Ni0uMzA1LjQ2LS45MjYuNTg2LTEuMzg2LjI4MmwtNC42LTMuMDQ2Qy4yOTEgNi4zNzIgMCA1Ljc5IDAgNS4xNTR6IgogICAgLz4KICA8L2RlZnM+CiAgPGcgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIj4KICAgIDxnPgogICAgICA8Zz4KICAgICAgICA8cGF0aCBmaWxsPSIjRkZGIiBmaWxsLW9wYWNpdHk9Ii4wMSIgZD0iTTAgMEgyNFYyNEgweiIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTU5MiAtNzg1KSB0cmFuc2xhdGUoNTkyIDc4NSkiIC8+CiAgICAgICAgPGcgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTU5MiAtNzg1KSB0cmFuc2xhdGUoNTkyIDc4NSkgdHJhbnNsYXRlKDggNykiPgogICAgICAgICAgPG1hc2sgaWQ9InU0ZGRwYm95eGIiIGZpbGw9IiNmZmYiPjx1c2UgeGxpbms6aHJlZj0iIzE5MHI2Mzh6emEiIC8+PC9tYXNrPgogICAgICAgICAgPHVzZSBmaWxsPSIjNzk3Rjg1IiBmaWxsLXJ1bGU9Im5vbnplcm8iIHhsaW5rOmhyZWY9IiMxOTByNjM4enphIiAvPgogICAgICAgICAgPHBhdGggZmlsbD0iIzc5N0Y4NSIgZD0iTS04IC03SDE2VjE3SC04eiIgbWFzaz0idXJsKCN1NGRkcGJveXhiKSIgLz4KICAgICAgICA8L2c+CiAgICAgIDwvZz4KICAgIDwvZz4KICA8L2c+Cjwvc3ZnPgo=) center center no-repeat; 16131 transform: rotate(270deg); 16132 transition: transform .3s; 16133 display: block; 16134 position: absolute; 16135 right: 8px; 16136 top: 7px 16137 } 16138 16139 .has-child>.blu-list__item:focus-visible~.blu-list[data-v-eb2a42e4] { 16140 border-top: #c8cbcd 1px solid; 16141 max-height: 200px; 16142 opacity: 1 16143 } 16144 16145 .has-child>.blu-list__item:focus-visible~.blu-list__item[data-v-eb2a42e4]::after { 16146 transform: rotate(90deg) 16147 } 16148 16149 .has-child>.blu-list.b-overflow-y[data-v-eb2a42e4] { 16150 margin: 0 16151 } 16152 16153 .has-child .blu-list__text-desc[data-v-eb2a42e4] { 16154 padding-right: 20px 16155 } 16156 16157 .has-child:hover>.blu-list[data-v-eb2a42e4] { 16158 max-height: 200px; 16159 opacity: 1 16160 } 16161 16162 .has-child:hover>.blu-list__item[data-v-eb2a42e4]::after { 16163 transform: rotate(90deg) 16164 } 16165 16166 .has-child:hover>.blu-list[data-v-eb2a42e4]::before { 16167 content: ""; 16168 height: 1px; 16169 width: calc(100% - 28px); 16170 background: #c8cbcd; 16171 position: absolute; 16172 left: 12px 16173 } 16174 16175 .has-left-icon[data-v-eb2a42e4] { 16176 display: flex; 16177 align-items: center 16178 } 16179 16180 .has-left-icon .blu-list__item-icon[data-v-eb2a42e4],.has-left-icon .blu-list__content-icon[data-v-eb2a42e4] { 16181 display: flex; 16182 margin-right: 8px; 16183 color: #797f85 16184 } 16185 16186 .has-child-expand>.blu-list[data-v-eb2a42e4] { 16187 background-color: #fff; 16188 overflow-y: auto; 16189 max-height: 0; 16190 opacity: 0; 16191 transition: max-height .3s ease-in-out,opacity .3s ease-in-out; 16192 width: calc(100% + 28px); 16193 transform: translateX(-12px); 16194 padding-left: 24px 16195 } 16196 16197 .has-child-expand>.blu-list li[data-v-eb2a42e4]:first-child {
16198 margin-top: 1px 16199 } 16200 16201 .has-child-expand>.blu-list__item[data-v-eb2a42e4] { 16202 position: relative; 16203 align-items: center 16204 } 16205 16206 .has-child-expand>.blu-list__item[data-v-eb2a42e4]::after { 16207 content: ""; 16208 width: 24px; 16209 height: 24px; 16210 background: rgba(0,0,0,0) url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB2aWV3Qm94PSIwIDAgMjQgMjQiPgogIDxkZWZzPgogICAgPHBhdGgKICAgICAgICBpZD0iMTkwcjYzOHp6YSIKICAgICAgICBkPSJNMCA1LjE1NGMwLS42MzYuMjkyLTEuMjE5LjgtMS42TDUuNDExLjE5MmMuNDQ2LS4zMjUgMS4wNzItLjIyOCAxLjM5Ny4yMi4zMjUuNDQ1LjIyNyAxLjA3MS0uMjE5IDEuMzk2bC00LjYgMy4zNTQgNC41NjMgMy4wMDRjLjQ2LjMwNS41ODcuOTI1LjI4MiAxLjM4Ni0uMzA1LjQ2LS45MjYuNTg2LTEuMzg2LjI4MmwtNC42LTMuMDQ2Qy4yOTEgNi4zNzIgMCA1Ljc5IDAgNS4xNTR6IgogICAgLz4KICA8L2RlZnM+CiAgPGcgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIj4KICAgIDxnPgogICAgICA8Zz4KICAgICAgICA8cGF0aCBmaWxsPSIjRkZGIiBmaWxsLW9wYWNpdHk9Ii4wMSIgZD0iTTAgMEgyNFYyNEgweiIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTU5MiAtNzg1KSB0cmFuc2xhdGUoNTkyIDc4NSkiIC8+CiAgICAgICAgPGcgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTU5MiAtNzg1KSB0cmFuc2xhdGUoNTkyIDc4NSkgdHJhbnNsYXRlKDggNykiPgogICAgICAgICAgPG1hc2sgaWQ9InU0ZGRwYm95eGIiIGZpbGw9IiNmZmYiPjx1c2UgeGxpbms6aHJlZj0iIzE5MHI2Mzh6emEiIC8+PC9tYXNrPgogICAgICAgICAgPHVzZSBmaWxsPSIjNzk3Rjg1IiBmaWxsLXJ1bGU9Im5vbnplcm8iIHhsaW5rOmhyZWY9IiMxOTByNjM4enphIiAvPgogICAgICAgICAgPHBhdGggZmlsbD0iIzc5N0Y4NSIgZD0iTS04IC03SDE2VjE3SC04eiIgbWFzaz0idXJsKCN1NGRkcGJveXhiKSIgLz4KICAgICAgICA8L2c+CiAgICAgIDwvZz4KICAgIDwvZz4KICA8L2c+Cjwvc3ZnPgo=) center center no-repeat; 16211 transform: rotate(270deg); 16212 transition: transform .3s; 16213 display: block; 16214 position: absolute; 16215 right: 8px; 16216 top: 7px 16217 } 16218 16219 .has-child-expand>.blu-list__item:focus-visible~.blu-list[data-v-eb2a42e4] { 16220 border-top: #c8cbcd 1px solid; 16221 max-height: 200px; 16222 opacity: 1 16223 } 16224 16225 .has-child-expand>.blu-list__item:focus-visible~.blu-list__item[data-v-eb2a42e4]::after { 16226 transform: rotate(90deg) 16227 } 16228 16229 .has-child-expand>.blu-list.b-overflow-y[data-v-eb2a42e4] { 16230 margin: 0 16231 } 16232 16233 .has-child-expand .blu-list__text-desc[data-v-eb2a42e4] { 16234 padding-right: 20px 16235 } 16236 16237 .has-list-expand>.blu-list[data-v-eb2a42e4] { 16238 max-height: 100vh; 16239 opacity: 1 16240 } 16241 16242 .has-list-expand>.blu-list__item[data-v-eb2a42e4]::after { 16243 transform: rotate(90deg) 16244 } 16245 16246 .has-list-expand>.blu-list[data-v-eb2a42e4]::before { 16247 content: ""; 16248 height: 1px; 16249 width: calc(100% - 28px); 16250 background: #c8cbcd; 16251 position: absolute; 16252 left: 12px 16253 } 16254 </style> 16255 <style type="text/css"> 16256 .blu-list-group__title[data-v-5e67bb7e] { 16257 display: flex; 16258 align-items: center; 16259 padding: 12px 0px; 16260 color: rgba(25,34,42,.4); 16261 font: 16px/20px "blibli",-apple-system,segoe ui,roboto,helvetica,arial,sans-serif 16262 } 16263 </style> 16264 <style> 16265 .product-status[data-v-f375d1ab] { 16266 display: flex; 16267 flex-wrap: wrap; 16268 font: 600 12px/16px Blibli,-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif; 16269 gap: 4px 16270 } 16271 </style> 16272 <style> 16273 html:not([dark]) .blu-product-badge[data-v-5f0401da] { 16274 --blu-product-badge-border: 1px solid #ffffff; 16275 --blu-product-badge-border-countdown-promo: 1px solid #e93c3c; 16276 --blu-product-badge-border-countdown-flash-sale: 1px solid #f05a00; 16277 --blu-product-badge-border-radius: 4px; 16278 --blu-product-badge-border-radius-countdown: 4px; 16279 --blu-product-badge-border-radius-countdown-icon: 4px; 16280 --blu-product-badge-font: 600 12px/16px Blibli, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif; 16281 --blu-product-badge-opacity: 1;
16282 --blu-product-badge-text-shadow: 0 0 1px #19222a; 16283 --blu-product-badge-padding: 0 4px; 16284 --blu-product-badge-padding-countdown: 0px 2px 0px 0px; 16285 --blu-product-badge-spacing: 2px; 16286 --blu-product-badge-icon-margin-countdown: 2px; 16287 --blu-product-badge-icon-height: 16px; 16288 --blu-product-badge-background-color-blue: #09acde; 16289 --blu-product-badge-background-color-light-blue: #f3f9ff; 16290 --blu-product-badge-background-color-green: #22a334; 16291 --blu-product-badge-background-color-gray: #e1e3e4; 16292 --blu-product-badge-background-color-light-gray: #f9f9fa; 16293 --blu-product-badge-background-color-dark-gray: rgba(0, 0, 0, .6); 16294 --blu-product-badge-background-color-orange: #ff7f00; 16295 --blu-product-badge-background-color-magenta: #ff0f9d; 16296 --blu-product-badge-background-color-red: #d33534; 16297 --blu-product-badge-background-color-light-red: #ff7373; 16298 --blu-product-badge-background-color-white: #ffffff; 16299 --blu-product-badge-background-color-yellow: #f2b11b; 16300 --blu-product-badge-background-color-pre-order-gray-med: #f1f2f2; 16301 --blu-product-badge-background-color-promo-blue: #f3f9ff; 16302 --blu-product-badge-background-color-promo-green: #effcf0; 16303 --blu-product-badge-background-color-promo-gray: #f1f2f2; 16304 --blu-product-badge-background-color-countdown-promo-red: #e93c3c; 16305 --blu-product-badge-background-color-countdown-flash-sale-orange: #f05a00; 16306 --blu-product-badge-color-countdown-flash-sale-orange-icon: #f05a00; 16307 --blu-product-badge-color-blue: #006dea; 16308 --blu-product-badge-color-light-gray: rgba(25, 34, 42, .4); 16309 --blu-product-badge-text-color-pre-oder-gray-med: rgba(25, 34, 42, .7019607843); 16310 --blu-product-badge-color-gray: rgba(25, 34, 42, .7019607843); 16311 --blu-product-badge-color-white: #ffffff; 16312 --blu-product-badge-color-promo-blue: #006dea; 16313 --blu-product-badge-color-promo-green: #1c832a; 16314 --blu-product-badge-color-promo-gray: rgba(25, 34, 42, .7019607843); 16315 --blu-product-badge-color-promo-orange: #ff7f00; 16316 --blu-product-badge-color-promo-red: #d33534; 16317 --blu-product-badge-color-flashsale-gray: rgba(25, 34, 42, .7019607843); 16318 --blu-product-badge-color-flashsale-orange: #f05a00; 16319 --blu-product-badge-color-flashsale-red: #d33534; 16320 --blu-product-badge-color-countdown-promo-red: #d33534; 16321 --blu-product-badge-pseudo-element-border-promo-blue: 100%; 16322 --blu-product-badge-pseudo-element-height-promo-blue: 7.5px; 16323 --blu-product-badge-pseudo-element-position-bottom-promo-blue: 50%; 16324 --blu-product-badge-pseudo-element-position-left-promo-blue: -3px; 16325 --blu-product-badge-pseudo-element-position-right-promo-blue: -3px; 16326 --blu-product-badge-pseudo-element-width-promo-blue: 6px; 16327 display: inline-flex; 16328 align-items: flex-start; 16329 font: var(--blu-product-badge-font); 16330 width: fit-content; 16331 border-radius: var(--blu-product-badge-border-radius); 16332 padding: var(--blu-product-badge-padding); 16333 opacity: var(--blu-product-badge-opacity) 16334 } 16335 16336 html:not([dark]) .blu-product-badge[data-v-5f0401da]>:not(:last-child) { 16337 margin-right: var(--blu-product-badge-spacing) 16338 } 16339 16340 html:not([dark]) .blu-product-badge.b-ads[data-v-5f0401da] { 16341 background-color: transparent; 16342 color: var(--blu-product-badge-color-white); 16343 border: none; 16344 text-shadow: var(--blu-product-badge-text-shadow); 16345 --blu-product-badge-opacity: .47; 16346 --blu-product-badge-font: 500 12px/16px Blibli, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif 16347 } 16348 16349 html:not([dark]) .blu-product-badge.b-best-seller[data-v-5f0401da] { 16350 background-color: var(--blu-product-badge-background-color-yellow); 16351 color: var(--blu-product-badge-color-white); 16352 border: var(--blu-product-badge-border) 16353 } 16354 16355 html:not([dark]) .blu-product-badge.b-blibli-choice[data-v-5f0401da] { 16356 background-color: var(--blu-product-badge-background-color-blue); 16357 color: var(--blu-product-badge-color-white); 16358 border: var(--blu-product-badge-border) 16359 } 16360 16361 html:not([dark]) .blu-product-badge.b-coming-soon[data-v-5f0401da] { 16362 background-color: var(--blu-product-badge-background-color-magenta); 16363 color: var(--blu-product-badge-color-white); 16364 border: var(--blu-product-badge-border) 16365 } 16366 16367 html:not([dark]) .blu-product-badge.b-discount[data-v-5f0401da] { 16368 background-color: var(--blu-product-badge-background-color-red); 16369 color: var(--blu-product-badge-color-white); 16370 border: var(--blu-product-badge-border) 16371 } 16372 16373 html:not([dark]) .blu-product-badge.b-exclusive[data-v-5f0401da] { 16374 background-color: var(--blu-product-badge-background-color-dark-gray); 16375 color: var(--blu-product-badge-color-white); 16376 border: var(--blu-product-badge-border) 16377 } 16378 16379 html:not([dark]) .blu-product-badge.b-fresh-product[data-v-5f0401da] { 16380 background-color: var(--blu-product-badge-background-color-light-blue); 16381 color: var(--blu-product-badge-color-blue); 16382 border: var(--blu-product-badge-border) 16383 } 16384 16385 html:not([dark]) .blu-product-badge.b-newest[data-v-5f0401da] { 16386 background-color: var(--blu-product-badge-background-color-green); 16387 color: var(--blu-product-badge-color-white); 16388 border: var(--blu-product-badge-border) 16389 } 16390 16391 html:not([dark]) .blu-product-badge.b-currently-closed[data-v-5f0401da] { 16392 background-color: var(--blu-product-badge-background-color-light-gray); 16393 color: var(--blu-product-badge-color-light-gray); 16394 border: var(--blu-product-badge-border) 16395 } 16396
16397 html:not([dark]) .blu-product-badge.b-out-of-stock[data-v-5f0401da] { 16398 background-color: var(--blu-product-badge-background-color-gray); 16399 color: var(--blu-product-badge-color-gray); 16400 border: var(--blu-product-badge-border) 16401 } 16402 16403 html:not([dark]) .blu-product-badge.b-product-left[data-v-5f0401da] { 16404 background-color: var(--blu-product-badge-background-color-light-red); 16405 color: var(--blu-product-badge-color-white); 16406 border: var(--blu-product-badge-border) 16407 } 16408 16409 html:not([dark]) .blu-product-badge.b-top-product[data-v-5f0401da] { 16410 background-color: var(--blu-product-badge-background-color-orange); 16411 color: var(--blu-product-badge-color-white); 16412 border: var(--blu-product-badge-border) 16413 } 16414 16415 html:not([dark]) .blu-product-badge.b-pre-order[data-v-5f0401da] { 16416 background-color: var(--blu-product-badge-background-color-pre-order-gray-med); 16417 color: var(--blu-product-badge-text-color-pre-oder-gray-med); 16418 border: var(--blu-product-badge-border) 16419 } 16420 16421 html:not([dark]) .blu-product-badge.b-blue[data-v-5f0401da] { 16422 background-color: var(--blu-product-badge-background-color-promo-blue); 16423 color: var(--blu-product-badge-color-promo-blue); 16424 border: none; 16425 position: relative; 16426 overflow: hidden; 16427 --blu-product-badge-padding: 0 6px 16428 } 16429 16430 html:not([dark]) .blu-product-badge.b-blue[data-v-5f0401da]:after { 16431 content: ""; 16432 position: absolute; 16433 bottom: var(--blu-product-badge-pseudo-element-position-bottom-promo-blue); 16434 transform: translateY(50%); 16435 left: var(--blu-product-badge-pseudo-element-position-left-promo-blue); 16436 width: var(--blu-product-badge-pseudo-element-width-promo-blue); 16437 height: var(--blu-product-badge-pseudo-element-height-promo-blue); 16438 border-radius: var(--blu-product-badge-pseudo-element-border-promo-blue); 16439 background-color: var(--blu-product-badge-background-color-white) 16440 } 16441 16442 html:not([dark]) .blu-product-badge.b-blue[data-v-5f0401da]:before { 16443 content: ""; 16444 position: absolute; 16445 bottom: var(--blu-product-badge-pseudo-element-position-bottom-promo-blue); 16446 transform: translateY(50%); 16447 right: var(--blu-product-badge-pseudo-element-position-right-promo-blue); 16448 width: var(--blu-product-badge-pseudo-element-width-promo-blue); 16449 height: var(--blu-product-badge-pseudo-element-height-promo-blue); 16450 border-radius: var(--blu-product-badge-pseudo-element-border-promo-blue); 16451 background-color: var(--blu-product-badge-background-color-white) 16452 } 16453 16454 html:not([dark]) .blu-product-badge.b-green[data-v-5f0401da] { 16455 background-color: var(--blu-product-badge-background-color-promo-green); 16456 color: var(--blu-product-badge-color-promo-green); 16457 border: none 16458 } 16459 16460 html:not([dark]) .blu-product-badge.b-gray[data-v-5f0401da] { 16461 background-color: var(--blu-product-badge-background-color-promo-gray); 16462 color: var(--blu-product-badge-color-promo-gray); 16463 border: none 16464 } 16465 16466 html:not([dark]) .blu-product-badge.b-orange[data-v-5f0401da] { 16467 background-color: none; 16468 color: var(--blu-product-badge-color-promo-orange); 16469 border: none; 16470 --blu-product-badge-padding: 0 16471 } 16472 16473 html:not([dark]) .blu-product-badge.b-light-blue[data-v-5f0401da] { 16474 background-color: var(--blu-product-badge-background-color-promo-light-blue); 16475 color: var(--blu-product-badge-color-promo-light-blue); 16476 border: none 16477 } 16478 16479 html:not([dark]) .blu-product-badge.b-red[data-v-5f0401da] { 16480 background-color: none; 16481 color: var(--blu-product-badge-color-promo-red); 16482 border: none; 16483 --blu-product-badge-padding: 0 16484 } 16485 16486 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] { 16487 --blu-product-badge-padding: 0 16488 } 16489 16490 html:not([dark]) .blu-product-badge.b-cheapest[data-v-5f0401da] { 16491 background-color: none; 16492 color: var(--blu-product-badge-color-flashsale-red); 16493 border: none 16494 } 16495 16496 html:not([dark]) .blu-product-badge.b-best-selling[data-v-5f0401da] { 16497 background-color: none; 16498 color: var(--blu-product-badge-color-flashsale-orange); 16499 border: none 16500 } 16501 16502 html:not([dark]) .blu-product-badge.b-people-see[data-v-5f0401da] { 16503 background-color: none; 16504 color: var(--blu-product-badge-color-flashsale-gray); 16505 border: none 16506 } 16507 16508 html:not([dark]) .blu-product-badge.b-promo-countdown[data-v-5f0401da],html:not([dark]) .blu-product-badge.b-flash-sale[data-v-5f0401da] { 16509 --blu-product-badge-padding: var(--blu-product-badge-padding-countdown); 16510 --blu-product-badge-border-radius: var(--blu-product-badge-border-radius-countdown); 16511 display: flex; 16512 align-items: center; 16513 justify-content: center 16514 } 16515 16516 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] { 16517 max-height: var(--blu-product-badge-icon-height); 16518 display: flex; 16519 justify-content: center; 16520 align-items: center; 16521 align-self: stretch; 16522 border-radius: var(--blu-product-badge-border-radius-countdown-icon); 16523 margin-right: var(--blu-product-badge-icon-margin-countdown) 16524 } 16525 16526 html:not([dark]) .blu-product-badge.b-promo-countdown[data-v-5f0401da] { 16527 background-color: var(--blu-product-badge-background-color-countdown-promo-red); 16528 color: var(--blu-product-badge-color-white); 16529 border: none 16530 } 16531 16532 html:not([dark]) .blu-product-badge.b-promo-countdown .blu-product-badge__icon[data-v-5f0401da] { 16533 background-color: var(--blu-product-badge-background-color-white); 16534 color: var(--blu-product-badge-color-countdown-promo-red); 16535 border: var(--blu-product-badge-border-countdown-promo) 16536 } 16537 16538 html:not([dark]) .blu-product-badge.b-flash-sale[data-v-5f0401da] { 16539 background-color: var(--blu-product-badge-background-color-countdown-flash-sale-orange); 16540 color: var(--blu-product-badge-color-white); 16541 border: none 16542 } 16543 16544 html:not([dark]) .blu-product-badge.b-flash-sale .blu-product-badge__icon[data-v-5f0401da] { 16545 background-color: var(--blu-product-badge-background-color-white); 16546 color: var(--blu-product-badge-color-countdown-flash-sale-orange-icon); 16547 border: var(--blu-product-badge-border-countdown-flash-sale) 16548 } 16549 16550 html[dark] .blu-product-badge[data-v-5f0401da] { 16551 --blu-product-badge-border: 1px solid #12171d; 16552 --blu-product-badge-border-countdown-promo: 1px solid #ff9090; 16553 --blu-product-badge-border-countdown-flash-sale: 1px solid #f05a00; 16554 --blu-product-badge-border-radius: 4px; 16555 --blu-product-badge-border-radius-countdown: 4px; 16556 --blu-product-badge-border-radius-countdown-icon: 4px; 16557 --blu-product-badge-font: 600 12px/16px Blibli, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif; 16558 --blu-product-badge-opacity: 1;
16559 --blu-product-badge-text-shadow: 0 0 1px #19222a; 16560 --blu-product-badge-padding: 0 4px; 16561 --blu-product-badge-padding-countdown: 0px 2px 0px 0px; 16562 --blu-product-badge-spacing: 2px; 16563 --blu-product-badge-icon-margin-countdown: 2px; 16564 --blu-product-badge-icon-height: 16px; 16565 --blu-product-badge-background-color-blue: #09acde; 16566 --blu-product-badge-background-color-light-blue: #002e7a; 16567 --blu-product-badge-background-color-green: #22a334; 16568 --blu-product-badge-background-color-gray: #3b444c; 16569 --blu-product-badge-background-color-light-gray: #19222a; 16570 --blu-product-badge-background-color-dark-gray: rgba(0, 0, 0, .6); 16571 --blu-product-badge-background-color-orange: #ff7f00; 16572 --blu-product-badge-background-color-magenta: #ff0f9d; 16573 --blu-product-badge-background-color-red: #d33534; 16574 --blu-product-badge-background-color-light-red: #ff7373; 16575 --blu-product-badge-background-color-white: #12171d; 16576 --blu-product-badge-background-color-yellow: #f2b11b; 16577 --blu-product-badge-background-color-pre-order-gray-med: #28323b; 16578 --blu-product-badge-background-color-promo-blue: #f3f9ff; 16579 --blu-product-badge-background-color-promo-green: #effcf0; 16580 --blu-product-badge-background-color-promo-gray: #f1f2f2; 16581 --blu-product-badge-background-color-countdown-promo-red: #ff9090; 16582 --blu-product-badge-background-color-countdown-flash-sale-orange: #f05a00; 16583 --blu-product-badge-color-countdown-flash-sale-orange-icon: #f05a00; 16584 --blu-product-badge-color-blue: #1d05f7; 16585 --blu-product-badge-color-light-gray: rgba(255, 255, 255, .5019607843); 16586 --blu-product-badge-text-color-pre-oder-gray-med: rgba(255, 255, 255, .8); 16587 --blu-product-badge-color-gray: rgba(255, 255, 255, .8); 16588 --blu-product-badge-color-white: #12171d; 16589 --blu-product-badge-color-promo-blue: #1d05f7; 16590 --blu-product-badge-color-promo-green: #02c82b; 16591 --blu-product-badge-color-promo-gray: rgba(255, 255, 255, .8); 16592 --blu-product-badge-color-promo-orange: #ff7f00; 16593 --blu-product-badge-color-promo-red: #ff7373; 16594 --blu-product-badge-color-flashsale-gray: rgba(255, 255, 255, .8); 16595 --blu-product-badge-color-flashsale-orange: #f05a00; 16596 --blu-product-badge-color-flashsale-red: #ff7373; 16597 --blu-product-badge-color-countdown-promo-red: #ff7373; 16598 --blu-product-badge-pseudo-element-border-promo-blue: 100%; 16599 --blu-product-badge-pseudo-element-height-promo-blue: 7.5px; 16600 --blu-product-badge-pseudo-element-position-bottom-promo-blue: 50%; 16601 --blu-product-badge-pseudo-element-position-left-promo-blue: -3px; 16602 --blu-product-badge-pseudo-element-position-right-promo-blue: -3px; 16603 --blu-product-badge-pseudo-element-width-promo-blue: 6px; 16604 display: inline-flex; 16605 align-items: flex-start; 16606 font: var(--blu-product-badge-font); 16607 width: fit-content; 16608 border-radius: var(--blu-product-badge-border-radius); 16609 padding: var(--blu-product-badge-padding); 16610 opacity: var(--blu-product-badge-opacity) 16611 } 16612 16613 html[dark] .blu-product-badge[data-v-5f0401da]>:not(:last-child) { 16614 margin-right: var(--blu-product-badge-spacing) 16615 } 16616 16617 html[dark] .blu-product-badge.b-ads[data-v-5f0401da] { 16618 background-color: transparent; 16619 color: var(--blu-product-badge-color-white); 16620 border: none; 16621 text-shadow: var(--blu-product-badge-text-shadow); 16622 --blu-product-badge-opacity: .47; 16623 --blu-product-badge-font: 500 12px/16px Blibli, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif 16624 } 16625 16626 html[dark] .blu-product-badge.b-best-seller[data-v-5f0401da] { 16627 background-color: var(--blu-product-badge-background-color-yellow); 16628 color: var(--blu-product-badge-color-white); 16629 border: var(--blu-product-badge-border) 16630 } 16631 16632 html[dark] .blu-product-badge.b-blibli-choice[data-v-5f0401da] { 16633 background-color: var(--blu-product-badge-background-color-blue); 16634 color: var(--blu-product-badge-color-white); 16635 border: var(--blu-product-badge-border) 16636 } 16637 16638 html[dark] .blu-product-badge.b-coming-soon[data-v-5f0401da] { 16639 background-color: var(--blu-product-badge-background-color-magenta); 16640 color: var(--blu-product-badge-color-white); 16641 border: var(--blu-product-badge-border) 16642 } 16643 16644 html[dark] .blu-product-badge.b-discount[data-v-5f0401da] { 16645 background-color: var(--blu-product-badge-background-color-red); 16646 color: var(--blu-product-badge-color-white); 16647 border: var(--blu-product-badge-border) 16648 } 16649 16650 html[dark] .blu-product-badge.b-exclusive[data-v-5f0401da] { 16651 background-color: var(--blu-product-badge-background-color-dark-gray); 16652 color: var(--blu-product-badge-color-white); 16653 border: var(--blu-product-badge-border) 16654 } 16655 16656 html[dark] .blu-product-badge.b-fresh-product[data-v-5f0401da] { 16657 background-color: var(--blu-product-badge-background-color-light-blue); 16658 color: var(--blu-product-badge-color-blue); 16659 border: var(--blu-product-badge-border) 16660 } 16661 16662 html[dark] .blu-product-badge.b-newest[data-v-5f0401da] { 16663 background-color: var(--blu-product-badge-background-color-green); 16664 color: var(--blu-product-badge-color-white); 16665 border: var(--blu-product-badge-border) 16666 } 16667 16668 html[dark] .blu-product-badge.b-currently-closed[data-v-5f0401da] { 16669 background-color: var(--blu-product-badge-background-color-light-gray); 16670 color: var(--blu-product-badge-color-light-gray); 16671 border: var(--blu-product-badge-border) 16672 } 16673
16674 html[dark] .blu-product-badge.b-out-of-stock[data-v-5f0401da] { 16675 background-color: var(--blu-product-badge-background-color-gray); 16676 color: var(--blu-product-badge-color-gray); 16677 border: var(--blu-product-badge-border) 16678 } 16679 16680 html[dark] .blu-product-badge.b-product-left[data-v-5f0401da] { 16681 background-color: var(--blu-product-badge-background-color-light-red); 16682 color: var(--blu-product-badge-color-white); 16683 border: var(--blu-product-badge-border) 16684 } 16685 16686 html[dark] .blu-product-badge.b-top-product[data-v-5f0401da] { 16687 background-color: var(--blu-product-badge-background-color-orange); 16688 color: var(--blu-product-badge-color-white); 16689 border: var(--blu-product-badge-border) 16690 } 16691 16692 html[dark] .blu-product-badge.b-pre-order[data-v-5f0401da] { 16693 background-color: var(--blu-product-badge-background-color-pre-order-gray-med); 16694 color: var(--blu-product-badge-text-color-pre-oder-gray-med); 16695 border: var(--blu-product-badge-border) 16696 } 16697 16698 html[dark] .blu-product-badge.b-blue[data-v-5f0401da] { 16699 background-color: var(--blu-product-badge-background-color-promo-blue); 16700 color: var(--blu-product-badge-color-promo-blue); 16701 border: none; 16702 position: relative; 16703 overflow: hidden; 16704 --blu-product-badge-padding: 0 6px 16705 } 16706 16707 html[dark] .blu-product-badge.b-blue[data-v-5f0401da]:after { 16708 content: ""; 16709 position: absolute; 16710 bottom: var(--blu-product-badge-pseudo-element-position-bottom-promo-blue); 16711 transform: translateY(50%); 16712 left: var(--blu-product-badge-pseudo-element-position-left-promo-blue); 16713 width: var(--blu-product-badge-pseudo-element-width-promo-blue); 16714 height: var(--blu-product-badge-pseudo-element-height-promo-blue); 16715 border-radius: var(--blu-product-badge-pseudo-element-border-promo-blue); 16716 background-color: var(--blu-product-badge-background-color-white) 16717 } 16718 16719 html[dark] .blu-product-badge.b-blue[data-v-5f0401da]:before { 16720 content: ""; 16721 position: absolute; 16722 bottom: var(--blu-product-badge-pseudo-element-position-bottom-promo-blue); 16723 transform: translateY(50%); 16724 right: var(--blu-product-badge-pseudo-element-position-right-promo-blue); 16725 width: var(--blu-product-badge-pseudo-element-width-promo-blue); 16726 height: var(--blu-product-badge-pseudo-element-height-promo-blue); 16727 border-radius: var(--blu-product-badge-pseudo-element-border-promo-blue); 16728 background-color: var(--blu-product-badge-background-color-white) 16729 } 16730 16731 html[dark] .blu-product-badge.b-green[data-v-5f0401da] { 16732 background-color: var(--blu-product-badge-background-color-promo-green); 16733 color: var(--blu-product-badge-color-promo-green); 16734 border: none 16735 } 16736 16737 html[dark] .blu-product-badge.b-gray[data-v-5f0401da] { 16738 background-color: var(--blu-product-badge-background-color-promo-gray); 16739 color: var(--blu-product-badge-color-promo-gray); 16740 border: none 16741 } 16742 16743 html[dark] .blu-product-badge.b-orange[data-v-5f0401da] { 16744 background-color: none; 16745 color: var(--blu-product-badge-color-promo-orange); 16746 border: none; 16747 --blu-product-badge-padding: 0 16748 } 16749 16750 html[dark] .blu-product-badge.b-light-blue[data-v-5f0401da] { 16751 background-color: var(--blu-product-badge-background-color-promo-light-blue); 16752 color: var(--blu-product-badge-color-promo-light-blue); 16753 border: none 16754 } 16755 16756 html[dark] .blu-product-badge.b-red[data-v-5f0401da] { 16757 background-color: none; 16758 color: var(--blu-product-badge-color-promo-red); 16759 border: none; 16760 --blu-product-badge-padding: 0 16761 } 16762 16763 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] { 16764 --blu-product-badge-padding: 0 16765 } 16766 16767 html[dark] .blu-product-badge.b-cheapest[data-v-5f0401da] { 16768 background-color: none; 16769 color: var(--blu-product-badge-color-flashsale-red); 16770 border: none 16771 } 16772 16773 html[dark] .blu-product-badge.b-best-selling[data-v-5f0401da] { 16774 background-color: none; 16775 color: var(--blu-product-badge-color-flashsale-orange); 16776 border: none 16777 } 16778 16779 html[dark] .blu-product-badge.b-people-see[data-v-5f0401da] { 16780 background-color: none; 16781 color: var(--blu-product-badge-color-flashsale-gray); 16782 border: none 16783 } 16784 16785 html[dark] .blu-product-badge.b-promo-countdown[data-v-5f0401da],html[dark] .blu-product-badge.b-flash-sale[data-v-5f0401da] { 16786 --blu-product-badge-padding: var(--blu-product-badge-padding-countdown); 16787 --blu-product-badge-border-radius: var(--blu-product-badge-border-radius-countdown); 16788 display: flex; 16789 align-items: center; 16790 justify-content: center 16791 } 16792 16793 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] { 16794 max-height: var(--blu-product-badge-icon-height); 16795 display: flex; 16796 justify-content: center; 16797 align-items: center; 16798 align-self: stretch; 16799 border-radius: var(--blu-product-badge-border-radius-countdown-icon); 16800 margin-right: var(--blu-product-badge-icon-margin-countdown) 16801 } 16802 16803 html[dark] .blu-product-badge.b-promo-countdown[data-v-5f0401da] { 16804 background-color: var(--blu-product-badge-background-color-countdown-promo-red); 16805 color: var(--blu-product-badge-color-white); 16806 border: none 16807 } 16808 16809 html[dark] .blu-product-badge.b-promo-countdown .blu-product-badge__icon[data-v-5f0401da] { 16810 background-color: var(--blu-product-badge-background-color-white); 16811 color: var(--blu-product-badge-color-countdown-promo-red); 16812 border: var(--blu-product-badge-border-countdown-promo) 16813 } 16814 16815 html[dark] .blu-product-badge.b-flash-sale[data-v-5f0401da] { 16816 background-color: var(--blu-product-badge-background-color-countdown-flash-sale-orange); 16817 color: var(--blu-product-badge-color-white); 16818 border: none 16819 } 16820 16821 html[dark] .blu-product-badge.b-flash-sale .blu-product-badge__icon[data-v-5f0401da] { 16822 background-color: var(--blu-product-badge-background-color-white); 16823 color: var(--blu-product-badge-color-countdown-flash-sale-orange-icon); 16824 border: var(--blu-product-badge-border-countdown-flash-sale) 16825 } 16826 </style> 16827 <style> 16828 .review-rating-sold-seen[data-v-585f0b9b] { 16829 display: flex; 16830 align-items: center; 16831 gap: 6px 16832 } 16833 16834 .review-rating-sold-seen__sold-seen-label[data-v-585f0b9b] { 16835 font: 500 14px/18px Blibli,-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif; 16836 color: #19222ab3 16837 } 16838 16839 .review-rating-sold-seen__divider[data-v-585f0b9b] { 16840 background-color: #797f85; 16841 width: 2px; 16842 height: 2px; 16843 border-radius: 2px 16844 } 16845 16846 .review-rating-sold-seen__divider[data-v-585f0b9b]:last-child { 16847 display: none 16848 } 16849 16850 .review-rating-sold-seen__divider[data-v-585f0b9b]:first-child { 16851 display: none 16852 } 16853 16854 .review-rating-sold-seen__chip[data-v-585f0b9b] { 16855 padding: 4px 6px; 16856 display: flex; 16857 align-items: center; 16858 justify-content: center; 16859 gap: 2px; 16860 height: 28px; 16861 border-radius: 8px; 16862 border: 1px solid #e1e3e4; 16863 cursor: pointer 16864 } 16865 16866 .review-rating-sold-seen__chip-review-btn[data-v-585f0b9b] { 16867 display: flex; 16868 gap: 2px 16869 } 16870 16871 .review-rating-sold-seen__chip-info-value[data-v-585f0b9b] { 16872 font: 600 14px/18px Blibli,-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif; 16873 color: #19222ab3 16874 } 16875 16876 .review-rating-sold-seen__chip-info-count[data-v-585f0b9b] { 16877 font: 500 14px/18px Blibli,-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif; 16878 color: #19222a66 16879 } 16880 </style> 16881 <style> 16882 .blu-loader-skeleton[data-v-f4125100] { 16883 background-color: #f1f2f2 16884 } 16885 16886 .blu-loader-skeleton[data-v-f4125100] { 16887 --blu-loadr-skel-bdr-rad: 8px; 16888 height: var(--blu-loadr-skel-h); 16889 width: var(--blu-loadr-skel-w); 16890 border-radius: var(--blu-loadr-skel-bdr-rad) 16891 } 16892 16893 .blu-loader-skeleton__gradient[data-v-f4125100] { 16894 position: relative; 16895 overflow: hidden; 16896 width: 100%; 16897 height: 100%; 16898 border-radius: var(--blu-loadr-skel-bdr-rad) 16899 } 16900 16901 .blu-loader-skeleton__gradient[data-v-f4125100]:after { 16902 content: ""; 16903 position: absolute; 16904 top: 0; 16905 left: 0; 16906 right: 0; 16907 bottom: 0; 16908 transform: translate(-100%); 16909 animation: shimmer-f4125100 .8s infinite .1s 16910 } 16911 16912 .blu-loader-skeleton__gradient[data-v-f4125100]:after { 16913 background: linear-gradient(90deg,rgba(249,249,250,0) 0%,#f9f9fa 50.68%,rgba(249,249,250,.0001) 100%) 16914 } 16915
16916 .blu-loader-skeleton.b-small[data-v-f4125100] { 16917 --blu-loadr-skel-bdr-rad: 4px 16918 } 16919 16920 .blu-loader-skeleton.b-circle[data-v-f4125100] { 16921 --blu-loadr-skel-bdr-rad: 50% 16922 } 16923 16924 [dark] .blu-loader-skeleton[data-v-f4125100] { 16925 background-color: #28323b 16926 } 16927 16928 [dark] .blu-loader-skeleton__gradient[data-v-f4125100]:after { 16929 background: linear-gradient(90deg,rgba(249,249,250,0) 0%,#19222a 50.68%,rgba(249,249,250,.0001) 100%) 16930 } 16931 16932 @keyframes shimmer-f4125100 { 16933 to { 16934 transform: translate(100%) 16935 } 16936 } 16937 </style> 16938
16938<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%20DAUN123%20DAUN123 Gacor%20Trolley%20DAUN123 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>
16938 16939
16939<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%20DAUN123%20DAUN123 Gacor%20Trolley%20DAUN123 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>
16939 16940
16940<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%20DAUN123%20DAUN123 Gacor%20Trolley%20DAUN123 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>
16940 16941 </head> 16942 <body style="overflow-x: hidden;"> 16943 <div style="height: 74px;"></div> 16944 <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"> 16945 <div style="padding:0.6em 0px" role="button" tabindex="0"> 16946 <div style="display:grid;grid-template-columns:9% 61% 30%"> 16947 <div style="margin:1.2em 0px 0px 0.8em"> 16948 <div style="justify-content:center;display:flex"> 16949 <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"> 16950 <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"> 16951 <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> 16952 </svg> 16953 </div> 16954 </div> 16955 </div> 16956 <div style="display:flex;justify-content:start"> 16957 <div style="margin-left:0.5em"> 16958 <div style="display:flex;flex-direction:column;align-items:flex-start"> 16959 <div style="justify-content:center;display:flex"> 16960 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">DAUN123 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://mobile.derushah.space/"> 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(55, 238, 4);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">62877-1729-3246 </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">Livechat DAUN123 </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://derushah.com/" target="" class="link hover-gray font-medium">DAUN123 </a> 17085 <a data-v-31c4755a="" href="https://mobile.derushah.space/" target="_blank" class="link hover-gray font-medium">LOGIN DAUN123 </a> 17086 <a data-v-31c4755a="" href="https://mobile.derushah.space/" class="link hover-gray font-medium">DAFTAR DAUN123 </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://mobile.derushah.space/"> 17095 <img data-v-ebaad72a="" data-v-f03a55b3="" src="https://derushah.com/img/logodaun123.png" data-src="https://www.static-src.com/frontend/static/image/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://mobile.derushah.space/" 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://derushah.com/img/klikdisini.png" 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">DAUN123 </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">Daun 123</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">LOGIN DAUN123</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">DAFTAR DAUN123 </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="DAUN123 Situs Portal Resmi DAUN123 Mudah Menang Hari Ini" class="item-name">DAUN123 Situs Portal Resmi DAUN123 Mudah Menang Hari Ini </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://derushah.c
17499om/img/pgdaun123.jpg); 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://mobile.derushah.space/" rel="nofollow noopener" target="_blank"> 17507 <img src="https://derushah.com/img/klikdisini.png" width="100%" height="auto" alt=""> 17508 </a> 17509 <div class="next-slick 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 <sp
17527an 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 <span 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="#1d05f7"></path> 17562 </svg> 17563 <sp
17563an data-v-cbaafdc0="" class="product-price__after product-price__after-contextual" data-testid="priceComponentOffered">Rp123</span> 17564 </div> 17565 <!----> 17566 <div data-v-cbaafdc0="" class="strikethrough-price"> 17567 <span data-v-cbaafdc0="" class="product-price__before clickable">Rp100.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 Rp123/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="#1d05f7"> 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">DAUN123 Situs Portal Resmi DAUN123 Mudah Menang Hari Ini </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="#1d05f7" 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 Cashback First Depo </div> 17658 <div data-v-2be27192="" data-v-e198caf4="" class="promo-highlight__subtitle black-low">Lihat Bonus Lainnya</div> 17659 </div> 17660 <div data-v-e198caf4="" class="arrow"> 17661 <svg data-v-e198caf4="" xmlns="http://www.w3.org/2000/svg" fill="#1d05f7" 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">Kode Promo:</span> 17677 <span data-v-867bc1e5="">DAUN 123</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="">DAUN 123 </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="">DAUN 123 </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='%231d05f7'%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="">Asuransi 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 penjarahan.</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">LINK VIP DAUN123 </span> 17742 </td> 17743 </tr> 17744 <tr data-v-1b6bb4ae=""> 17745 <td data-v-1b6bb4ae=""> 17746 <span data-v-1b6bb4ae="" class="label">BRAND</span> 17747 </td> 17748 <td data-v-1b6bb4ae="" class="brand"> 17749 <span data-v-1b6bb4ae="" data-testid="descriptionInfoBrand" class="value link">Daun123 </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 7 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 <p style="text-align: justify;">
17770<a href="https://derushah.com/">DAUN123</a> dikenal sebagai portal link resmi yang menghadirkan akses cepat dan mudah bagi para pengguna yang ingin menikmati berbagai permainan online favorit. Dengan dukungan sistem modern dan jaringan server yang stabil, setiap proses mulai dari login hingga bermain dapat dilakukan dengan lancar tanpa kendala. Kemudahan akses inilah yang menjadikan DAUN123 sebagai salah satu pilihan utama bagi pengguna yang menginginkan pengalaman bermain yang nyaman setiap hari.</p> 17771 17772<p style="text-align: justify;">Melalui fitur <strong>DAUN123 Login</strong>, pengguna dapat masuk ke akun mereka dengan proses yang praktis dan responsif baik menggunakan perangkat mobile maupun desktop. Antarmuka yang ringan membantu mempercepat waktu akses sehingga pemain tidak perlu menunggu lama untuk menikmati seluruh layanan yang tersedia. Selain itu, pembaruan link resmi dan link alternatif secara berkala juga memudahkan pengguna untuk tetap terhubung kapan saja.</p> 17773 17774<p style="text-align: justify;">Sebagai portal yang mengutamakan kualitas layanan, <a href="https://derushah.com/">DAUN123 LINK</a> menghadirkan pengalaman bermain yang lebih optimal melalui performa server yang stabil dan sistem yang dirancang untuk memberikan kenyamanan maksimal. Dukungan akses cepat, navigasi yang mudah, serta layanan yang selalu diperbarui menjadikan DAUN123 sebagai portal link resmi yang banyak dipilih oleh pengguna yang mencari akses aman, praktis, dan peluang bermain terbaik hari ini.</p> 17775 17776 </div> 17777 </div> 17778 <!----> 17779 </div> 17780 </section> 17781 <!----> 17782 <section data-v-efe038fa="" class="pdp__payments"> 17783 <!----> 17784 <!----> 17785 </section> 17786 <!----> 17787 <!----> 17788 </div> 17789 <div data-v-efe038fa="" class="pdp-top--right"> 17790 <div data-v-efe038fa="" class="pdp-top--right container"> 17791 <section data-v-efe038fa="" data-nav-anchor="Seller"> 17792 <div data-v-e70e6627="" data-v-efe038fa="" data-testid="sellerSection" class="seller"> 17793 <div data-v-e70e6627="" class="seller-detail"> 17794 <div data-v-e70e6627="" class="seller-detail__container b-flex"> 17795 <div data-v-e70e6627="" class="seller-detail__wrapper"> 17796 <div data-v-e70e6627="" class="seller-detail__top-left"> 17797 <div data-v-e70e6627="" class="seller-detail__logo"> 17798 <div data-v-e70e6627="" data-testid="sellerLogo" class="logo-container logo-container--clickable"> 17799 <a href="https://mobile.derushah.space/" class="care-item-anchor"> <img data-v-e70e6627="" src="https://derushah.com/img/icon.jpg" loading="lazy" fetchpriority="low" data-src="https://derushah.c
17799om/img/icon.jpg" alt="DAUN123,Seller"> 17800 </div> 17801 </div> 17802 </div> 17803 <div data-v-e70e6627="" class="seller-detail__top-right"> 17804 <div data-v-e70e6627="" class="seller-detail__name"> 17805 <span data-v-e70e6627="" data-testid="sellerName" class="text text--clickable">DAUN123,Seller </span> 17806 </div> 17807 <!----> 17808 <!----> 17809 </div> 17810 </div> 17811 </div> 17812 <!----> 17813 <!----> 17814 <!----> 17815 <div data-v-4570d546="" data-v-e70e6627="" class="seller-info"> 17816 <div data-v-50b6322d="" data-v-4570d546="" class="seller-rating"> 17817 <div data-v-50b6322d="" class="icon"> 17818 <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"> 17819 <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> 17820 </svg> 17821 </div> 17822 <div data-v-50b6322d="" class="seller-rating__copy"> 17823 <div data-v-50b6322d=""> 17824 Rating seller: <button data-v-50b6322d="" data-testid="sellerRatingInfoButton" class="seller-rating__cta">97%</button> 17825 </div> 17826 </div> 17827 <!----> 17828 </div> 17829 </div> 17830 <div data-v-e70e6627="" class="seller-button"> 17831 <button data-v-19fd2cc7="" data-v-e70e6627="" t
17831ype="button" class="blu-btn follow b-outline b-ghost has-left-icon b-secondary b-small"> 17832 <div data-v-574d97b4="" data-v-19fd2cc7="" class="blu-ripple"> 17833 <!----> 17834 <div data-v-e70e6627="" data-v-574d97b4="" class="button-wrapper btn-follow"> 17835 <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=""> 17836 <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> 17837 </svg> 17838 <span data-v-e70e6627="" data-v-574d97b4="" class="tx-medium">Ikuti</span> 17839 </div> 17840 </div> 17841 </button> 17842 <!----> 17843 </div> 17844 </div> 17845 </div> 17846 </section> 17847 <section data-v-efe038fa="" data-nav-anchor="Pengiriman"> 17848 <div data-v-fc56eaf7="" data-v-efe038fa="" class="shipping-card merchant-available" data-testid="shippingCardDesktop"> 17849 <div data-v-c2534697="" data-v-fc56eaf7=""> 17850 <div data-v-c2534697="" class=""></div> 17851 <div data-v-c2534697="" class=""> 17852 <div data-v-fc56eaf7="" data-v-c2534697="" class="store-location-wrapper store-location-wrapper__whitespace-bottom"> 17853 <div data-v-e4f7b449="" data-v-fc56eaf7="" class="store-location" data-testid="storeLocation" data-content-loaded="storeLocation" data-v-c2534697=""> 17854 <div data-v-e4f7b449="" class="store-location__icon"> 17855 <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"> 17856 <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> 17857 </svg> 17858 <!----> 17859 </div> 17860 <div data-v-e4f7b449="" class="store-location__title">Lokasi Store</div> 17861 <div data-v-e4f7b449="" class="store-location__location"> 17862 <sp
17862an data-v-e4f7b449="" class="wrap-break-word">Jawa Timur, Surabaya </span> 17863 <!----> 17864 </div> 17865 <!----> 17866 <div data-v-e4f7b449="" class="store-location__button"> 17867 <!----> 17868 </div> 17869 <!----> 17870 </div> 17871 </div> 17872 <!----> 17873 <div data-v-7f257fdd="" data-v-fc56eaf7="" class="seller-operational-hour operational-hour" data-v-c2534697=""> 17874 <div data-v-7f257fdd="" class="seller-operational-hour__icon"> 17875 <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"> 17876 <path d="M9.12187 3.41101C6.70134 4.12101 4.65712 5.69101 3.35533 7.76101L3.04005 7.36101C2.17557 6.27101 2.36881 4.70101 3.47737 3.85101L5.19614 2.53101C6.3047 1.68101 7.90144 1.87101 8.76591 2.96101L9.12187 3.41101ZM20.6445 7.76101L20.9598 7.36101C21.8243 6.27101 21.631 4.70101 20.5225 3.85101L18.8037 2.53101C17.6951 1.68101 16.0984 1.87101 15.2339 2.96101L14.878 3.41101C17.2985 4.11101 19.3427 5.69101 20.6445 7.75101V7.76101ZM11.9998 4.00098C6.94514 4.00098 2.84652 8.03098 2.84652 13.001C2.84652 17.971 6.94514 22.001 11.9998 22.001C17.0544 22.001 21.153 17.971 21.153 13.001C21.153 8.03098 17.0544 4.00098 11.9998 4.00098ZM16.8103 15.671C16.6272 16.011 16.2713 16.211 15.9051 16.211C15.7526 16.211 15.5899 16.171 15.4373 16.101L11.5218 14.101C11.1861 13.931 10.9726 13.591 10.9726 13.211V8.22098C10.9726 7.67098 11.4302 7.22098 11.9896 7.22098C12.549 7.22098 13.0066 7.67098 13.0066 8.22098V12.601L16.3832 14.321C16.8815 14.571 17.0747 15.181 16.8205 15.671H16.8103Z"></path> 17877 </svg> 17878 </div> 17879 <div data-v-7f257fdd="" class="seller-operational-hour__status"> 17880 <div data-v-7f257fdd="" class="close"> 17881 <span data-v-7f257fdd="">Buka </span> 17882 <span data-v-7f257fdd="">Setiap Hari </span> 17883 </div> 17884 <span data-v-7f257fdd="" class="seller-operational-hour__separator">•</span> 17885 </div> 17886 <div data-v-7f257fdd="" class="seller-operational-hour__time"> 17887 <span data-v-7f257fdd="">00:00-23:59 WIB</span> 17888 <sp
17888an data-v-0ee5205b="" data-v-7f257fdd="" class="blu-tooltip seller-operational-hour__tooltip b-btm-left"> 17889 <span data-v-be443dba="" data-v-7f257fdd="" tabindex="0" class="blu-tooltip__label"> 17890 <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=""> 17891 <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> 17892 </svg> 17893 </span> 17894 <article data-v-1b7c2afb="" data-v-7f257fdd="" class="blu-tooltip__content-wrapper b-page custom-content"> 17895 <div data-v-1b7c2afb="" class="blu-tooltip__content" style="width: 220px;"> 17896 <button data-v-1b7c2afb="" class="blu-tooltip__close"> 17897 <i data-v-1b7c2afb=""></i> 17898 </button> 17899 <div data-v-4af9dee6="" data-v-7f257fdd="" data-testid="sellerOperationalHourDetail" class="operational-hours" data-v-1b7c2afb=""> 17900 <div data-v-4af9dee6="" class="operational-hours__title">Jam operasional seller </div> 17901 <div data-v-4af9dee6="" class="operational-hours__list operational-hours__today"> 17902 <div data-v-4af9dee6="" class="operational-hours__day">Senin </div> 17903 <div data-v-4af9dee6="" class="operational-hours__schedule"> 17904 <span data-v-4af9dee6="">00:00-23:59 WIB </span> 17905 </div> 17906 </div> 17907 <div data-v-4af9dee6="" class="operational-hours__list"> 17908 <div data-v-4af9dee6="" class="operational-hours__day">Selasa </div> 17909 <div data-v-4af9dee6="" class="operational-hours__schedule"> 17910 <sp
17910an data-v-4af9dee6="">00:00-23:59 WIB </span> 17911 </div> 17912 </div> 17913 <div data-v-4af9dee6="" class="operational-hours__list"> 17914 <div data-v-4af9dee6="" class="operational-hours__day">Rabu </div> 17915 <div data-v-4af9dee6="" class="operational-hours__schedule"> 17916 <span data-v-4af9dee6="">00:00-23:59 WIB </span> 17917 </div> 17918 </div> 17919 <div data-v-4af9dee6="" class="operational-hours__list"> 17920 <div data-v-4af9dee6="" class="operational-hours__day">Kamis </div> 17921 <div data-v-4af9dee6="" class="operational-hours__schedule"> 17922 <span data-v-4af9dee6="">00:00-23:59 WIB </span> 17923 </div> 17924 </div> 17925 <div data-v-4af9dee6="" class="operational-hours__list"> 17926 <div data-v-4af9dee6="" class="operational-hours__day">Jumat </div> 17927 <div data-v-4af9dee6="" class="operational-hours__schedule"> 17928 <span data-v-4af9dee6="">00:00-23:59 WIB </span> 17929 </div> 17930 </div> 17931 <div data-v-4af9dee6="" class="operational-hours__list"> 17932 <div data-v-4af9dee6="" class="operational-hours__day">Sabtu </div> 17933 <div data-v-4af9dee6="" class="operational-hours__schedule"> 17934 <span data-v-4af9dee6="">00:00-23:59 WIB </span> 17935 </div> 17936 </div> 17937 <div data-v-4af9dee6="" class="operational-hours__list"> 17938 <div data-v-4af9dee6="" class="operational-hours__day">Minggu </div> 17939 <div data-v-4af9dee6="" class="operational-hours__schedule"> 17940 <sp
17940an data-v-4af9dee6="">00:00-23:59 WIB </span> 17941 </div> 17942 </div> 17943 </div> 17944 </div> 17945 </article> 17946 </span> 17947 </div> 17948 </div> 17949 <div data-v-a77df610="" data-v-fc56eaf7="" data-testid="shippingMethod" data-content-loaded="shippingMethod"> 17950 <div data-v-a77df610="" data-testid="shippingSectionLoaded" class="shipping-method merchant-available"> 17951 <div data-v-a77df610="" class="shipping-method__title">Metode Transaksi </div> 17952 <!----> 17953 <div data-v-0e5e4db8="" data-v-a77df610="" class="courier-shipping" data-testid="courierShippingItem"> 17954 <div data-v-0e5e4db8="" value="DELIVERY" data-testid="courierShippingRadio" class="courier-shipping__courier-container"> 17955 <div data-v-0e5e4db8="" class="courier-shipping__icon"> 17956 <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"> 17957 <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> 17958 </svg> 17959 </div> 17960 <div data-v-0e5e4db8="" class="courier-shipping__label selected"> 17961 <span data-v-0e5e4db8="">DAUN123 </span> 17962 </div> 17963 </div> 17964 <div data-v-0e5e4db8="" class="courier-shipping__content-icon"> 17965 <div data-v-0e5e4db8="" class="courier-shipping__info-notes"> 17966 <sp
17966an data-v-0e5e4db8="">Masukan lokasi pengiriman untuk melihat metode yang tersedia dan estimasi biayanya. </span> 17967 </div> 17968 <!----> 17969 <div data-v-0e5e4db8="" data-testid="courierShippingCTA" class="courier-shipping__cta non-login no-badges"> 17970 <button data-v-19fd2cc7="" data-v-0e5e4db8="" type="button" class="blu-btn b-ghost has-left-icon b-secondary b-small"> 17971 <div data-v-574d97b4="" data-v-19fd2cc7="" class="blu-ripple"> 17972 <!----> 17973 <div data-v-0e5e4db8="" data-v-574d97b4="" class="button-wrapper btn-address"> 17974 <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=""> 17975 <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> 17976 </svg> 17977 <span data-v-0e5e4db8="" data-v-574d97b4="" class="tx-medium">Cari Lokasi</span> 17978 </div> 17979 </div> 17980 </button> 17981 </div> 17982 <!----> 17983 <!----> 17984 </div> 17985 </div> 17986 <!----> 17987 </div> 17988 </div> 17989 <!----> 17990 </div> 17991 </div> 17992 </div> 17993 </section> 17994 </div> 17995 <div data-v-df1c64bc="" class="bag-retail__product"> 17996 <img data-v-df1c64bc="" src="https://derushah.com/img/pgdaun123.jpg" alt="product-figure" class="thumbnail"> 17997 <div data-v-df1c64bc="" class="thumbnail__icon"> 17998 <!----> 17999 </div>
18000 <span data-v-df1c64bc="" title="DAUN123 Situs Portal Resmi DAUN123 Mudah Menang Hari Ini" class="name">DAUN123 Situs Portal Resmi DAUN123 Mudah Menang Hari Ini </span> 18001 <!----> 18002 </div> 18003 <!----> 18004 <!----> 18005 <!----> 18006 <hr data-v-df1c64bc="" class="separator separator--shrinked"> 18007 <div data-v-df1c64bc="" data-testid="bagRetailContextualDisplayPrice" class="bag-retail__price"> 18008 <!----> 18009 <div data-v-df1c64bc="" class="tx-small label">Total harga: </div> 18010 <div data-v-df1c64bc="" class="bag-retail__price__displayed"> 18011 <div data-v-df1c64bc="" class="total-final"> 18012 <div data-v-df1c64bc="" class="contextual"> 18013 <div data-v-df1c64bc="" class="contextual__voucher"> 18014 <svg data-v-df1c64bc="" xmlns="http://www.w3.org/2000/svg" width="18" height="18" viewBox="0 0 20 20" fill="none"> 18015 <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="#1d05f7"></path> 18016 </svg> 18017 </div> 18018 <div data-v-df1c64bc="" class="contextual__price">Rp1,230 </div> 18019 </div> 18020 </div> 18021 <div data-v-df1c64bc="" class="bag-retail__wholesale-info"> 18022 <!----> 18023 <!----> 18024 </div> 18025 </div> 18026 </div> 18027 <div data-v-df1c64bc="" class="bag-retail__quantity"> 18028 <div data-v-df1c64bc="" class="bag-retail__quantity input-stepper__wrapper"> 18029 <div data-v-1e7baa58="" data-v-df1c64bc="" class="blu-input-stepper"> 18030 <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=""> 18031 <div data-v-574d97b4="" data-v-19fd2cc7="" class="blu-ripple b-disabled"> 18032 <!----> 18033 <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=""> 18034 <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> 18035 </svg> 18036 </div> 18037 </button> 18038 <div data-v-12bd13fe="" data-v-df1c64bc="" class="blu-field blu-input-stepper__input has-value" data-v-1e7baa58=""> 18039 <input data-v-df1c64bc="" autocomplete="none" data-testid="bagRetailInput" min="1" type="number" id="bli-input-hs23tlu3e" class="form__input" data-v-12bd13fe=""> 18040 <!----> 18041 <!----> 18042 <div data-v-12bd13fe="" class="blu-field__msg-wrapper"> 18043 <!----> 18044 <!----> 18045 </div> 18046 <div data-v-12bd13fe="" class="blu-field__btn"> 18047 <!----> 18048 <!----> 18049 <!----> 18050 <!----> 18051 </div> 18052 </div> 18053 <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"> 18054 <div data-v-574d97b4="" data-v-19fd2cc7="" class="blu-ripple b-disabled"> 18055 <!----> 18056 <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=""> 18057 <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> 18058 </svg> 18059 </div> 18060 </button> 18061 </div> 18062 <!----> 18063 </div> 18064 </div> 18065 <!----> 18066 <div data-v-df1c64bc="" class="bag-retail__action"> 18067 <div data-v-2c5c3491="" data-v-df1c64bc="" class="product-action"> 18068 <button data-v-19fd2cc7="" data-v-18080092="" data-v-2c5c3491="" type="button" class="blu-btn b-outline b-secondary btn-checkout" data-testid="checkoutButton"> 18069 <div data-v-574d97b4="" data-v-19fd2cc7="" class="blu-ripple"> 18070 <!----> 18071 <div data-v-18080092="" data-v-574d97b4="" class="label"> 18072 <div data-v-18080092="" data-v-574d97b4="" class="text">
18072Beli Sekarang </div> 18073 <div data-v-18080092="" data-v-574d97b4="" class="price"> 18074 <div data-v-18080092="" data-v-574d97b4="" class="price__icon"> 18075 <img data-v-18080092="" data-v-574d97b4="" src="https://www.static-src.com/frontend/product-detail/static/image/voucher-applied.b1ef57f4.svg" alt=""> 18076 </div> 18077 <div data-v-18080092="" data-v-574d97b4="" class="price__offered-price">Rp123.500 </div> 18078 </div> 18079 </div> 18080 </div> 18081 </button> 18082 <button data-v-19fd2cc7="" data-v-70cdf389="" data-v-2c5c3491="" type="button" class="blu-btn b-secondary btn-add-to-bag" data-testid="addToBagButton"> 18083 <div data-v-574d97b4="" data-v-19fd2cc7="" class="blu-ripple"> 18084 <!----> 18085 <span data-v-70cdf389="" data-v-574d97b4="">Tambah ke Keranjang </span> 18086 </div> 18087 </button> 18088 <div data-v-d8fc8e0a="" data-v-2c5c3491="" class="btn-wishlist"> 18089 <div data-v-d8fc8e0a="" data-testid="wishlistButton" class="wishlist b-flex b-ai-center b-jc-center"> 18090 <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"> 18091 <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> 18092 </svg> 18093 </div> 18094 </div> 18095 </div> 18096 </div> 18097 </div> 18098 </div> 18099 </div> 18100</div> 18101<!----> 18102<!----> 18103<!----> 18104<!----> 18105<!----> 18106<!----> 18107<!----> 18108<!----> 18109<!----> 18110<!----> 18111<!----> 18112<!----> 18113<!----> 18114<!----> 18115<!----> 18116<!----> 18117<!----> 18118<!----> 18119<!----> 18120<!----> 18121<!----> 18122<!----> 18123<!----> 18124<!----> 18125<!----> 18126<!---->
vendor: 110 bytes, lines 18126-18127
18126 18127<script data-cfasync="false" src="/cdn-cgi/scripts/5c5dd728/cloudflare-static/email-decode.min.js"></script>
18127<script data-v-efe038fa="" type="application/ld+json"> 18128 { 18129 "@type": "BreadcrumbList", 18130 "@context": "https://schema.org", 18131 "itemListElement": [ 18132 { 18133 "@type": "ListItem", 18134 "position": 1, 18135 "name": "Home", 18136 "item": "https://www.blibli.com" 18137 }, 18138 { 18139 "@type": "ListItem", 18140 "position": 2, 18141 "name": "DAUN123", 18142 "item": "https://www.blibli.com/c1/peralatan-elektronik/54650" 18143 }, 18144 { 18145 "@type": "ListItem", 18146 "position": 3, 18147 "name": "DAUN123 Login", 18148 "item": "https://www.blibli.com/c2/audio/AU-1000001" 18149 }, 18150 { 18151 "@type": "ListItem", 18152 "position": 4, 18153 "name": "DAUN123 Daftar", 18154 "item": "https://www.blibli.com/c3/speaker/SP-1000006" 18155 }, 18156 { 18157 "@type": "ListItem", 18158 "position": 5, 18159 "name": "DAUN123 LINK", 18160 "item": "https://www.blibli.com/c4/active-speaker/AC-1000005" 18161 }, 18162 { 18163 "@type": "ListItem", 18164 "position": 6, 18165 "name": "DAUN123 LINK", 18166 "item": "https://derushah.com/" 18167 } 18168 ] 18169 }</script>
vendor: 2 bytes, line 18169
18169
18170<script data-v-efe038fa="" type="application/ld+json"> 18171 { 18172 "@context": "https://schema.org", 18173 "@type": "Store", 18174 "name": "DAUN123,Seller", 18175 "image": "https://derushah.com/img/klikdisini.png", 18176 "address": { 18177 "@type": "PostalAddress", 18178 "addressLocality": "Ambarketawang, Kab. Sleman" 18179 }, 18180 "url": "https://www.blibli.com/merchant/eleora-shop/ELP-60049", 18181 "telephone": "+6287717293246", 18182 "priceRange": "$" 18183 }</script>
vendor: 2 bytes, line 18183
18183
18184<script data-v-efe038fa="" type="application/ld+json"> 18185 { 18186 "image": "https://derushah.com/img/pgdaun123.jpg", 18187 "@type": "Product", 18188 "url": "https://derushah.com/", 18189 "name": "DAUN123 ", 18190 "sku": "ELP-60049-00553", 18191 "@context": "https://schema.org", 18192 "category": "DAUN123,DAUN123 Login,DAUN123 Daftar", 18193 "brand": { 18194 "@type": "Brand", 18195 "name": "DAUN123", 18196 "url": "/brand/DAUN123" 18197 }, 18198 "offers": { 18199 "seller": { 18200 "@type": "Organization", 18201 "name": "Blibli.com" 18202 }, 18203 "priceCurrency": "IDR", 18204 "@type": "AggregateOffer", 18205 "lowPrice": 1005000, 18206 "highPrice": 1005000, 18207 "availability": "https://schema.org/InStock" 18208 }, 18209 "review": [ 18210 ] 18211 }</script>
18211 18212<!----> 18213</div></div></section></div></div> 18214<div data-v-c421a338="" id="app-collab-product-detail-vue3" data-v-app=""> 18215 <div data-v-b6648761="" class="container"> 18216 <div data-v-b6648761="" class="content-wrapper"> 18217 <div data-v-b6648761="" class="cover"></div> 18218 <section data-v-b6648761="" class="content-section"> 18219 <div data-v-b6648761="" id="pdp-gateway-vue3" class="content-page"> 18220 <div data-v-684cab4c="" class="pdp-blue"> 18221 <div data-v-684cab4c="" class="pdp-top"> 18222 <div data-v-684cab4c="" class="pdp-top--mid"> 18223 <section data-v-684cab4c="" class="pdp__campaign"></section> 18224 <section data-v-684cab4c="" class="pdp__price"></section> 18225 <section data-v-684cab4c="" class="pdp__info"> 18226 <div data-v-cb24e981="" data-v-684cab4c="" class="product-info"></div> 18227 </section> 18228 <section data-v-684cab4c="" class="pdp__description"> 18229 <!----> 18230 </section> 18231 </div> 18232 </div> 18233 <!----> 18234 <!----> 18235 <!----> 18236 <!----> 18237 <!----> 18238 </div> 18239 </div> 18240 </section> 18241 </div> 18242 </div> 18243</div> 18244<div data-v-c421a338=""> 18245 <div data-v-c421a338=""> 18246
18246<script data-v-c421a338="" type="module" src="https://www.static-src.com/frontend/product-detail/static/2.26.1-8/desktop/index.js"></script>
18246 18247 <link data-v-c421a338="" rel="stylesheet" href="https://www.static-src.com/frontend/product-detail/static/2.26.1-8/desktop/index.css"> 18248 </div> 18249 <!----> 18250</div> 18251</div></div> 18252<div data-v-c421a338=""> 18253 <div data-v-c421a338="" style="display: none;"> 18254 <div data-v-c421a338="" id="app-collab-product-trade-in"></div> 18255 <div data-v-c421a338="" id="app-collab-product-trade-in-vue3"></div> 18256 <!----> 18257 </div> 18258</div> 18259<div data-v-c421a338=""> 18260 <div data-v-c421a338="" style="display: none;"> 18261 <div data-v-c421a338="" id="app-collab-product"></div> 18262 <div data-v-c421a338="" id="app-collab-product-vue3"></div> 18263 <!----> 18264 </div> 18265</div> 18266<div data-v-c421a338=""> 18267 <div data-v-c421a338="" style="display: none;"> 18268 <div data-v-c421a338="" id="app-collab-retail"></div> 18269 <div data-v-c421a338="" id="app-collab-retail-vue3"></div> 18270 <!----> 18271 </div> 18272</div> 18273<div data-v-c421a338=""> 18274 <div data-v-c421a338="" style="display: none;"> 18275 <div data-v-c421a338="" id="app-collab-retail-thank-you"></div> 18276 <div data-v-c421a338="" id="app-collab-retail-thank-you-vue3"></div> 18277 <!----> 18278 </div> 18279</div> 18280<div data-v-c421a338=""> 18281 <div data-v-c421a338="" style="display: none;"> 18282 <div data-v-c421a338="" id="app-collab-retail-checkout"></div> 18283 <div data-v-c421a338="" id="app-collab-retail-checkout-vue3"></div> 18284 <!----> 18285 </div> 18286</div> 18287<div data-v-c421a338=""> 18288 <div data-v-c421a338="" style="display: none;"> 18289 <div data-v-c421a338="" id="app-collab-retail-change-payment"></div> 18290 <div data-v-c421a338="" id="app-collab-retail-change-payment-vue3"></div> 18291 <!----> 18292 </div> 18293</div> 18294<div data-v-c421a338=""> 18295 <div data-v-c421a338="" style="display: none;"> 18296 <div data-v-c421a338="" id="app-collab-retail-bundling-catalog"></div> 18297 <div data-v-c421a338="" id="app-collab-retail-bundling-catalog-vue3"></div> 18298 <!----> 18299 </div> 18300</div> 18301<div data-v-c421a338=""> 18302 <div data-v-c421a338="" style="display: none;"> 18303 <div data-v-c421a338="" id="app-collab-catalog"></div> 18304 <div data-v-c421a338="" id="app-collab-catalog-vue3"></div> 18305 <!----> 18306 </div> 18307</div> 18308<div data-v-c421a338=""> 18309 <div data-v-c421a338="" style="display: none;"> 18310 <div data-v-c421a338="" id="app-collab-product-cnc"></div> 18311 <div data-v-c421a338="" id="app-collab-product-cnc-vue3"></div> 18312 <!----> 18313 </div> 18314</div> 18315<div data-v-c421a338=""> 18316 <div data-v-c421a338="" style="display: none;"> 18317 <div data-v-c421a338="" id="app-collab-product-add-on"></div> 18318 <div data-v-c421a338="" id="app-collab-product-add-on-vue3"></div> 18319 <!----> 18320 </div> 18321</div> 18322<div data-v-c421a338=""> 18323 <div data-v-c421a338="" style="display: none;"> 18324 <div data-v-c421a338="" id="app-collab-advertisement"></div> 18325 <div data-v-c421a338="" id="app-collab-advertisement-vue3"></div> 18326 <!----> 18327 </div> 18328</div> 18329<div data-v-c421a338=""> 18330 <div data-v-c421a338="" style="display: none;"> 18331 <div data-v-c421a338="" id="app-collab-hall-of-fame"></div> 18332 <div data-v-c421a338="" id="app-collab-hall-of-fame-vue3"></div> 18333 <!----> 18334 </div> 18335</div> 18336<div data-v-c421a338=""> 18337 <div data-v-c421a338="" style="display: none;"> 18338 <div data-v-c421a338="" id="app-collab-grocery-cart"></div> 18339 <div data-v-c421a338="" id="app-collab-grocery-cart-vue3"></div> 18340 <!----> 18341 </div> 18342</div> 18343<div data-v-c421a338=""> 18344 <div data-v-c421a338="" style="display: none;"> 18345 <div data-v-c421a338="" id="app-collab-grocery-homepage"></div> 18346 <div data-v-c421a338="" id="app-collab-grocery-homepage-vue3"></div> 18347 <!----> 18348 </div> 18349</div> 18350</span><div data-v-c421a338="" id="app3Placeholder"> 18351<!----> 18352</div> 18353<div id="livechat-openChat-button" style="border: none; cursor: pointer; position: fixed; bottom: 23px; right: 0px; width: 280px; z-index: 9;"> 18354 <a href="https://mobile.derushah.space/">
18354<img id="livechat-image-button" src="https://derushah.com/img/klikdisini.png" alt="customer-care-button" style="position: fixed; right: 0px; z-index: 10; bottom: 68px; margin-bottom: 25px; height: 67px;"> 18355</div> 18356</div> 18357<!----> 18358<!----> 18359<div data-v-c421a338="" id="vue3-footer-section"> 18360 <div> 18361 <div data-v-a9b57217="" class="skeletonBox" visible-bottom-nav="false" style="height: 500px; width: 100%;"></div> 18362 </div> 18363</div> 18364</div> 18365<!----> 18366</div><iframe height="1" width="1" style="position: absolute; top: 0px; left: 0px; border: none; visibility: hidden;"></iframe> 18367<div id="app3"> 18368 <div> 18369 <!----> 18370 <div> 18371 <!----> 18372 </div> 18373 <div> 18374 <!----> 18375 </div> 18376 </div> 18377</div> 18378<div id="chat-button"></div> 18379<div id="sdc"></div> 18380<blibli-script></blibli-script>
18381<script src="/sw/companion/v1/companion.js" data-service-worker="/serviceworker.js" defer="defer"></script>
vendor: 2 bytes, line 18381
18381
18382<script></script>
vendor: 2 bytes, line 18382
18382
18383<script> 18384 window.__PRODUCT_DETAIL_INITIAL_STATE__ = { 18385 "productDetail.product/summary": { 18386 "url": "https://derushah.com/", 18387 "itemSku": "ELP-60049-00553-00002", 18388 "name": "DAUN123 ", 18389 "productSku": "ELP-60049-00553", 18390 "productCode": "MTA-178619421", 18391 "itemCode": "MTA-178619421-00002", 18392 "pickupPointCode": "PP-3113751", 18393 "ean": "", 18394 "urlFriendlyName": "niko-speaker-trolley-speaker-pt-1501-15-inch-garansi", 18395 "installment": { 18396 "interest": 0, 18397 "startFrom": 41875, 18398 "freeInstallmentLabel": "Cicilan 0%" 18399 }, 18400 "stock": 1, 18401 "stockLimitedThreshold": 6, 18402 "uniqueSellingPoint": "Temukan DAUN123 Portal Link Resmi dengan akses cepat, mudah maxwin, login aman, link alternatif terbaru, server anti lag, dan pengalaman bermain yang lancar setiap hari..", 18403 "ampUrl": "https://derushah.com/", 18404 "price": { 18405 "listed": 1005000, 18406 "listDiscount": 0, 18407 "offered": 1005000, 18408 "totalDiscount": 0 18409 }, 18410 "brand": { 18411 "name": "DAUN123", 18412 "code": "niko", 18413 "official": false, 18414 "anchor": "" 18415 }, 18416 "images": [{ 18417 "full": "https://derushah.com/img/pgdaun123.jpg", 18418 "thumbnail": "https://derushah.com/img/pgdaun123.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_full03-4c65a50a.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_full03-4c65a50a.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_full02-799abd49.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_full02-799abd49.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_full07-9bc49be0.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_full07-9bc49be0.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_full04-fffd5fed.jpg", 18430 "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" 18431 }, { 18432 "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", 18433 "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" 18434 }, { 18435 "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", 18436 "thumbnail": "https://www.static-src.com/wcsstore/Indraprastha/images/catalog/thumbn
18436ail/catalog-image/102/MTA-178619421/br-m036969-02377_niko-speaker-trolley-speaker-pt-1501-15-inch-garansi_full08-22aad58e.jpg" 18437 }], 18438 "tags": ["CONTEXTUAL_LAYOUT_GADGET_AND_ELECTRONICS", "AVAILABLE", "LIMITED", "RETURNABLE", "INSTALLMENT_NON_CC", "INSTALLMENT", "HIGHLIGHTED_INSTALLMENT"], 18439 "warranty": {}, 18440 "expiration": {}, 18441 "type": "REGULAR", 18442 "attributes": [{ 18443 "name": "Kode Promo", 18444 "type": "BUTTON", 18445 "values": [{ 18446 "value": "LC123" 18447 }, { 18448 "value": "LC123" 18449 }] 18450 }], 18451 "options": [{ 18452 "id": "is--ELP-60049-00553-00002_PP-3113751", 18453 "selected": true, 18454 "available": true, 18455 "attributes": [{ 18456 "name": "Kode Promo", 18457 "value": "LC123" 18458 }], 18459 "pickupPointCode": "PP-3113751", 18460 "tags": [] 18461 }, { 18462 "id": "is--ELP-60049-00553-00001_PP-3113751", 18463 "selected": false, 18464 "available": false, 18465 "attributes": [{ 18466 "name": "Kode Promo", 18467 "value": "LC123" 18468 }], 18469 "pickupPointCode": "PP-3113751", 18470 "tags": [] 18471 }], 18472 "categories": [{ 18473 "level": 1, 18474 "id": "54650", 18475 "name": "TUKAR SCATTER JADI SALDO", 18476 "url": "/c1/peralatan-elektronik/54650" 18477 }, { 18478 "level": 2, 18479 "id": "AU-1000001", 18480 "name": "DAUN123", 18481 "url": "/c2/audio/AU-1000001" 18482 }, { 18483 "level": 3, 18484 "id": "SP-1000006", 18485 "name": "DAUN123 Login", 18486 "url": "/c3/speaker/SP-1000006" 18487 }, { 18488 "level": 4, 18489 "id": "AC-1000005", 18490 "name": "DAUN123 Daftar", 18491 "url": "/c4/active-speaker/AC-1000005" 18492 }], 18493 "multiSalesCategories": [[{ 18494 "level": 1, 18495 "id": "54650", 18496 "name": "DAUN123 LINK", 18497 "url": "/c1/peralatan-elektronik/54650" 18498 }, { 18499 "level": 2, 18500 "id": "AU-1000001", 18501 "name": "Situs DAUN123", 18502 "url": "/c2/audio/AU-1000001" 18503 }, { 18504 "level": 3, 18505 "id": "SP-1000006", 18506 "name": "Login DAUN123", 18507 "url": "/c3/speaker/SP-1000006" 18508 }, { 18509 "level": 4, 18510 "id": "AC-1000005", 18511 "name": "Daftar DAUN123", 18512 "url": "/c4/active-speaker/AC-1000005" 18513 }]], 18514 "masterCategories": [{ 18515 "level": 1, 18516 "id": "PE-1000360", 18517 "name": "POLA DAUN123", 18518 "url": "/c/1/peralatan-elektronik/PE-1000360/PE-1000360" 18519 }, { 18520 "level": 2, 18521 "id": "AU-1000040", 18522 "name": "DAUN123 Login", 18523 "url": "/c/2/audio/AU-1000040/PE-1000360" 18524 }, { 18525 "level": 3, 18526 "id": "SP-1000054", 18527 "name": "DAUN123 Daftar", 18528 "url": "/c/3/speaker/SP-1000054/PE-1000360" 18529 }, { 18530 "level": 4, 18531 "id": "AC-1000046", 18532 "name": "Situs DAUN123", 18533 "url": "/c/4/active-speaker/AC-1000046/PE-1000360" 18534 }], 18535 "merchant": { 18536 "name": "DAUN123,Seller", 18537 "code": "ELP-60049", 18538 "rating": { 18539 "value": 85, 18540 "badge": "NONE", 18541 "positiveReview": 100, 18542 "onTimeFulfillment": 100, 18543 "activeResponse": 42, 18544 "successfulTransaction": 80, 18545 "new": true 18546 }, 18547 "international": false, 18548 "official": false, 18549 "location": "Ambarketawang, Kab. Sleman", 18550 "warehouses": [], 18551 "warehouseLocations": [], 18552 "warehouseInfo": [], 18553 "url": "/merchant/eleora-shop/ELP-60049", 18554 "commissionType": "CM",
18555 "logo": "https://derushah.com/img/klikdisini.png", 18556 "businessHours": [{ 18557 "day": "MONDAY", 18558 "openingTime": 28800, 18559 "closingTime": 64800, 18560 "open": true 18561 }, { 18562 "day": "TUESDAY", 18563 "openingTime": 28800, 18564 "closingTime": 64800, 18565 "open": true 18566 }, { 18567 "day": "WEDNESDAY", 18568 "openingTime": 28800, 18569 "closingTime": 64800, 18570 "open": true 18571 }, { 18572 "day": "THURSDAY", 18573 "openingTime": 28800, 18574 "closingTime": 64800, 18575 "open": true 18576 }, { 18577 "day": "FRIDAY", 18578 "openingTime": 28800, 18579 "closingTime": 64800, 18580 "open": true 18581 }, { 18582 "day": "SATURDAY", 18583 "openingTime": 28800, 18584 "closingTime": 64800, 18585 "open": true 18586 }, { 18587 "day": "SUNDAY", 18588 "openingTime": 0, 18589 "closingTime": 0, 18590 "open": false 18591 }], 18592 "businessOperational": { 18593 "day": "MONDAY", 18594 "status": "CLOSE", 18595 "nextOperationalDay": "TUESDAY" 18596 }, 18597 "joinDate": 1587625676398, 18598 "poweredBy": [], 18599 "status": "ACTIVE" 18600 }, 18601 "review": { 18602 "rating": 0, 18603 "count": 0, 18604 "decimalRating": 0 18605 }, 18606 "shippingAddress": { 18607 "provinceName": "DKI Jakarta", 18608 "subdistrictName": "Slipi", 18609 "postalCode": "11410", 18610 "districtName": "Palmerah", 18611 "cityName": "Kota Jakarta Barat" 18612 }, 18613 "documents": [], 18614 "preOrder": { 18615 "isPreOrder": false 18616 }, 18617 "freshnessInDays": 0, 18618 "weight": "9000 Gram", 18619 "fulfillmentTypes": { 18620 "delivery": "AVAILABLE", 18621 "pickup": "UNAVAILABLE", 18622 "selected": "DELIVERY", 18623 "otherPickupPoints": 0 18624 }, 18625 "pickupPoint": { 18626 "international": false 18627 }, 18628 "allSalesCategories": ["AU-1000001", "54650", "AC-1000005", "SP-1000006"] 18629 }, 18630 "productDetail.sivaConfig/productConfig": { 18631 "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
18631IO-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]" 18632 }, 18633 "isMobile": true 18634 }; 18635 window.PRODUCT_DETAIL_SERVER_CACHE = ( () => ({ 18636 cachedKeys: ["productDetail.product/summary", "productDetail.sivaConfig/productConfig"], 18637 expiryTime: Date.now() + 15_000 18638 }))() 18639 const injectHeroImage = () => { 18640 const devicePixelRatio = Math.round(window.devicePixelRatio) 18641 const heroImages = document.querySelectorAll('img.hero-mobile__img') 18642 const heroImage = heroImages[0] 18643 if (!heroImage) 18644 return 18645 const widthDpr = Math.round(heroImage.width * devicePixelRatio) 18646 const heroImageSrc = heroImage.getAttribute('data-src') + '?w=' + widthDpr 18647 heroImage.src = heroImageSrc 18648 const link = document.createElement('link') 18649 link.rel = 'preload' 18650 link.as = 'image' 18651 link.href = heroImageSrc 18652 document.head.appendChild(link) 18653 } 18654 try { 18655 injectHeroImage() 18656 } catch (error) { 18657 console.log({ 18658 error 18659 }) 18660 } 18661</script>
vendor: 2 bytes, line 18661
18661
18662<script> 18663 (function() { 18664 function __vitePluginPublicPath_addScriptTag(attributes, inlineScriptCode) { 18665 var script = document.createElement("script"); 18666 if (attributes) 18667 for (var key in attributes) 18668 script.setAttribute(key, attributes[key]); 18669 script.async = false; 18670 if (inlineScriptCode) 18671 script.src = "data:text/javascript," + inlineScriptCode; 18672 document.body.appendChild(script); 18673 } 18674 __vitePluginPublicPath_addScriptTag({ "type": "module", "crossorigin": "", "src": window['_main_staticPublicPath']() + "static\u002Fjs\u002Findex.50eacc38.js" });__vitePluginPublicPath_addScriptTag({ "nomodule": "" }, "!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()}}();");__vitePluginPublicPath_addScriptTag({ "nomodule": "", "crossorigin": "", "id": "vite-legacy-polyfill", "src": window['_main_staticPublicPath']() + "static\u002Fjs\u002Fpolyfills-legacy.c3107364.js" });__vitePluginPublicPath_addScriptTag({ "nomodule": "", "crossorigin": "", "id": "vite-legacy-entry", "data-src": window['_main_staticPublicPath']() + "static\u002Fjs\u002Findex-legacy.61b04ba3.js" }, "System.import(document.getElementById('vite-legacy-entry').getAttribute('data-src'))") 18675 })();</script>
18675<script defer src="https://static.cloudflareinsights.com/beacon.min.js/vcd15cbe7772f49c399c6a5babf22c1241717689176015" integrity="sha512-ZpsOmlRQV6y907TI0dKBHq9Md29nnaEIPlkf84rnaERnq6zvWvPUqr2ft8M1aS28oN72PdrCzSjY4U6VaAw1EQ==" data-cf-beacon='{"version":"2024.11.0","token":"7f0988e22ba14f81bacec45fc3ed9ff3","r":1,"server_timing":{"name":{"cfCacheStatus":true,"cfEdge":true,"cfExtPri":true,"cfL4":true,"cfOrigin":true,"cfSpeedBrain":true},"location_startswith":null}}' crossorigin="anonymous"></script>
18675 18676</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.