1 2 3 4 5<!doctype html> 6<html lang="id-ID"> 7 <head> 8 <style> 9 @font-face{font-family:Museo Sans;src:url('https://cdn.appsflyer.com/creatives-fonts/museo_sans/MuseoSans_700-webfont.eot');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');font-weight:700;font-style:normal}@font-face{font-family:Cairo;src:url('https://cdn.appsflyer.com/creatives-fonts/cairo/cairo-700-bold.ttf');src:url('https://cdn.appsflyer.com/creatives-fonts/cairo/cairo-700-bold.ttf') format('truetype');font-weight:700;font-style:normal}@font-face{font-family:Exo2;src:url('https://cdn.appsflyer.com/creatives-fonts/exo2/exo2-700-bold.ttf');src:url('https://cdn.appsflyer.com/creatives-fonts/exo2/exo2-700-bold.ttf') format('truetype');font-weight:700;font-style:normal}.responsive-wrapper{font-size:10px}
9@media only screen and (min-width:200px) and (max-width:360px){.responsive-wrapper{font-size:8px}}@media only screen and (min-width:360px) and (max-width:390px){.responsive-wrapper{font-size:10px}}@media only screen and (min-width:391px){.responsive-wrapper{font-size:12px}} 10 </style> 11 <link rel="dns-prefetch" href="https://sdk-01.moengage.com/"> 12 <link rel="preconnect" href="https://sdk-01.moengage.com/" crossorigin=""> 13 <link rel="dns-prefetch" href="https://cdn.moengage.com/"> 14 <link rel="preconnect" href="https://cdn.moengage.com/" crossorigin=""> 15
15<script type="text/javascript" async="" src="https://t.contentsquare.net/uxa/4a538462d6e27.js"></script>
15 16
16<script src="https://script.crazyegg.com/pages/versioned/common-scripts/77e0e5b3eaafb9598d84738ee0f866ec.js" type="text/javascript" async=""></script>
16 17
17<script async="" src="https://cdn.moengage.com/webpush/moe_webSdk.min.latest.js"></script>
17 18
18<script type="text/javascript" async="" src="https://blibli.api.useinsider.com/ins.js?id=10001129"></script>
18 19
19<script async="" src="https://websdk.appsflyer.com?st=banners,pba&"></script>
19 20
20<script async="" src="https://utt.impactcdn.com/A4103922-694c-4259-836a-1c467d2df1c71.js"></script>
20 21 <meta name="google-site-verification" content="NFX_a50LtTG-4QEgD4_y9-LE8D0S7E3K8Hz4ad7NQXk" /> 22
22<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>
22 23
23<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>
23 24
24<script async="" src="https://connect.facebook.net/en_US/fbevents.js"></script>
24 25
25<script async="" src="https://static.ads-twitter.com/uwt.js"></script>
25 26
26<script> 27 if (typeof Object['__defineSetter__'] !== 'function') { 28 window.location.replace("https://www.blibli.com/pages/unsupported-browser"); 29 } 30 </script>
30 31
31<script> 32 var parcelRequire; 33 var _bwaq = _bwaq || []; 34 var akcr = akcr || []; 35 var dataLayer = window.dataLayer || [] 36 if (window.dataLayer) { 37 window.dataLayer.push({ 38 'appType': 'spa' 39 }); 40 } 41 var _spapi = _spapi || []; 42 _spapi.push(['_partner', 'blibli']); 43 44 // hide section 45 window._HIDDEN_HOME_MOBILE_SECTIONS = 'PRERENDER_LONG_BANNER,PRERENDER_USP_LONG_BANNER,C3_RECOMMENDATION,POPULAR_CATEGORY,TRENDING_SEARCH' 46 window._HIDDEN_HOME_DESKTOP_SECTIONS = 'PRERENDER_LONG_BANNER,PRERENDER_USP_LONG_BANNER,C3_RECOMMENDATION,POPULAR_CATEGORY,TRENDING_SEARCH,PERSONALIZED_SECTION' 47 48 // wallet section 49 window._MCDOMO_PUBLIC_PATH = 'mcdomo.id' 50 51 // flashsale page 52 window._FLASHSALE_NEW_API = 'true' 53 54 // grocery 55 window._GROCERY_AVAILABLE = 'true' 56 window._GROCERY_ONBOARDING = '' 57 58 // scanner 59 window._SCANNER_AVAILABLE = 'true' 60 61 // OG & TC Resource 62 window._FB_OG_IMAGE_URL_META = 'https://www.static-src.com/siva/asset/09_2023/homepage_fb_rebranding.jpg' 63 window._WA_OG_IMAGE_URL_META = 'https://www.static-src.com/siva/asset/09_2023/homepage_square_rebranding.jpg' 64 window._TWITTER_CARD_IMAGE_URL_META = 'https://www.static-src.com/siva/asset/09_2023/homepage_square_rebranding.jpg' 65 66 // UNM 67 window._MEMBER_UNM_ACTIVE_FLAG = 'true' 68 window._MEMBER_UNM_BASE_URL = 'https://account.bliblitiket.com' 69 window._MEMBER_UNM_LOGIN_URL = '/login' 70 window._MEMBER_UNM_REGISTER_URL = '/register' 71 window._MEMBER_UNM_ACCOUNT_URL = '/account' 72 window._MEMBER_UNM_VERIFY_URL = '/account/edit' 73 window._MEMBER_UNM_BLIBLI_CLIENT_ID = '3ca1ed67701249861819ba4850f4f135' 74 window._MEMBER_UNM_INFO_URL = '/info' 75 window._MEMBER_UNM_SSO_REDIRECTION_FLAG = 'true' 76 77 //VUE3 78 window._MEMBER_USE_VUE3 = 'true' 79 80 //GA cross-domain session stichting 81 window._MEMBER_GA_STREAM_ID = 'G3ZP2F3MW9' 82 83 // Related to switching between py-common & IAM-API 84 window._MEMBER_USE_IAM_API = 'false' 85 86 // affiliate 87 window._MEMBER_AFFILIATE_PNV_URL = '/verify-phone-number?ref=' 88 window._MEMBER_AFFILIATE_PNV_APPS_WEB_VIEW = '?appsWebview=true' 89 </script>
89 90 <meta name="description" itemprop="description" content="GGHOKI menghadirkan pengalaman bermain slot dengan tingkat hoki tinggi dan hadiah free spin khusus bagi member setia. Setiap permainan berjalan lancar dengan sistem aman dan peluang menang yang selalu terbuka." /> 91 <meta name="keywords" content="gghoki, login gghoki, gghoki slot" /> 92 93 94 95 <title>GGHOKI : Akses Slot Paling Hoki dengan Free Spin Untuk Member Setia</title> 96 <meta name="description" content="GGHOKI menghadirkan pengalaman bermain slot dengan tingkat hoki tinggi dan hadiah free spin khusus bagi member setia. Setiap permainan berjalan lancar dengan sistem aman dan peluang menang yang selalu terbuka." /> 97 <meta name="robots" content="index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1" /> 98 <link rel="canonical" href="https://sports-surge.com/" /> 99 <meta property="og:locale" content="id_ID" /> 100 <meta property="og:type" content="website" /> 101 <meta property="og:title" content="GGHOKI : Akses Slot Paling Hoki dengan Free Spin Untuk Member Setia" /> 102 <meta property="og:description" content="GGHOKI menghadirkan pengalaman bermain slot dengan tingkat hoki tinggi dan hadiah free spin khusus bagi member setia. Setiap permainan berjalan lancar dengan sistem aman dan peluang menang yang selalu terbuka." /> 103 <meta property="og:url" content="https://sports-surge.com/" /> 104 <meta property="og:site_name" content="GGHOKI : Akses Slot Paling Hoki dengan Free Spin Untuk Member Setia" /> 105 <meta name="twitter:card" content="summary_large_image" /> 106
106<script type="application/ld+json" class="yoast-schema-graph">{"@context":"https://schema.org","@graph":[{"@type":"WebPage","@id":"https://sports-surge.com/","url":"https://sports-surge.com/","name":"GGHOKI : Akses Slot Paling Hoki dengan Free Spin Untuk Member Setia","isPartOf":{"@id":"https://sports-surge.com/#website"},"about":{"@id":"https://sports-surge.com/#organization"},"datePublished":"2025-08-31T08:29:48+00:00","description":"GGHOKI menghadirkan pengalaman bermain slot dengan tingkat hoki tinggi dan hadiah free spin khusus bagi member setia. Setiap permainan berjalan lancar dengan sistem aman dan peluang menang yang selalu terbuka.","breadcrumb":{"@id":"https://sports-surge.com/#breadcrumb"},"inLanguage":"id","potentialAction":[{"@type":"ReadAction","target":["https://sports-surge.com/"]}]},{"@type":"BreadcrumbList","@id":"https://sports-surge.com/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home"}]},{"@type":"WebSite","@id":"https://sports-surge.com/#website","url":"https://sports-surge.com/","name":"GGHOKI : Akses Slot Paling Hoki dengan Free Spin Untuk Member Setia","description":"GGHOKI menghadirkan pengalaman bermain slot dengan tingkat hoki tinggi dan hadiah free spin khusus bagi member setia. Setiap permainan berjalan lancar dengan sistem aman dan peluang menang yang selalu terbuka.","publisher":{"@id":"https://sports-surge.com/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https://sports-surge.com/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"id"},{"@type":"Organization","@id":"https://sports-surge.com/#organization","name":"GGHOKI : Akses Slot Paling Hoki dengan Free Spin Untuk Member Setia","url":"https://sports-surge.com/","logo":{"@type":"ImageObject","inLanguage":"id","@id":"https://sports-surge.com/#/schema/logo/image/","url":"https://seodeadpool.b-cdn.net/gghoki/gghoki-favicon.png","contentUrl":"https://seodeadpool.b-cdn.net/gghoki/gghoki-favicon.png","width":200,"height":80,"caption":"GGHOKI : Akses Slot Paling Hoki dengan Free Spin Untuk Member Setia"},"image":{"@id":"https://sports-surge.com/#/schema/logo/image/"}}]}</script>
106 107 108 109 110 <meta name="robots" content="index, follow, max-image-preview:large"> 111 <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> 112 <meta http-equiv="X-UA-Compatible" content="IE=edge"> 113 <meta http-equiv="origin-trial" content="AllxSN0BrDmI9f9koUyx9fcVvuJ1gJDgZwqVVrYfgGuioD1brzdJ+xc37gw5OAznh+/Ump5CV1FtoKjtoMiKKQsAAABneyJvcmlnaW4iOiJodHRwczovL3d3dy5ibGlibGkuY29tOjQ0MyIsImZlYXR1cmUiOiJDb250ZW50SW5kZXgiLCJleHBpcnkiOjE1OTQxNjYzOTksImlzU3ViZG9tYWluIjp0cnVlfQ=="> 114 <meta name="viewport" content="width=device-width,height=device-height,initial-scale=1,maximum-scale=2"> 115 <link rel="manifest" href="https://sports-surge.com/"> 116 <meta name="theme-color" content="#0072FF"> 117 <link rel="icon" type="image/png" sizes="16x16" href="https://seodeadpool.b-cdn.net/gghoki/gghoki-favicon.png"> 118 <link rel="icon" type="image/png" sizes="32x32" href="https://seodeadpool.b-cdn.net/gghoki/gghoki-favicon.png"> 119 <link rel="icon" type="image/png" sizes="60x60" href="https://seodeadpool.b-cdn.net/gghoki/gghoki-favicon.png"> 120 <link rel="icon" type="image/png" sizes="144x144" href="https://seodeadpool.b-cdn.net/gghoki/gghoki-favicon.png"> 121 <link rel="apple-touch-icon" sizes="16x16" href="https://seodeadpool.b-cdn.net/gghoki/gghoki-favicon.png"> 122 <link rel="apple-touch-icon" sizes="32x32" href="https://seodeadpool.b-cdn.net/gghoki/gghoki-favicon.png"> 123 <link rel="apple-touch-icon" sizes="60x60" href="https://seodeadpool.b-cdn.net/gghoki/gghoki-favicon.png"> 124 <link rel="apple-touch-icon" sizes="144x144" href="https://seodeadpool.b-cdn.net/gghoki/gghoki-favicon.png"> 125 <meta property="og:site_name" content="Blibli.com"> 126 <meta property="og:type" content="website"> 127 <meta name="twitter:card" content="summary"> 128 <meta name="twitter:site" content="https://sports-surge.com/"> 129 <meta name="twitter:creator" content="GGHOKI"> 130 <link href="https://www.blibli.com/opensearch.xml" title="Blibli.com Search" type="application/opensearchdescription+xml" rel="search"> 131 <link rel="search" type="application/opensearchdescription+xml" href="/opensearch.xml" title="Blibli.com search"> 132
132<script> 133 // assign public path 134 function attachPublicPath(type) { 135 window['_' + type + '_staticPublicPath'] = function() { 136 return 'https://www.static-src.com/frontend/' + (type && type !== '' && type !== 'main' ? type + '/' : '') 137 } 138 } 139 attachPublicPath('main') 140 window._env_prefix = '' 141 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'] 142 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'] 143 for (var i = 0; i < modules.length; i++) { 144 var mod = modules[i] 145 attachPublicPath(mod) 146 window['_' + mod + '_ver'] = collabs[i] 147 } 148 window._static_image_path = 'https://www.static-src.com/wcsstore/Indraprastha/' 149 window._homepage_component = 'histeria11-11' 150 window._blibli_version = '4.110.0-12' 151 </script>
151 152
152<script> 153 (function() { 154 function __vitePluginPublicPath_addLinkTag(rel, href, integrity) { 155 var link = document.createElement("link"); 156 link.rel = rel; 157 link.href = href; 158 if (integrity) { 159 link.integrity = integrity; 160 } 161 ;document.head.appendChild(link); 162 } 163 __vitePluginPublicPath_addLinkTag("stylesheet", window['_main_staticPublicPath']() + "static\u002Findex.5da5dd52.css", undefined) 164 } 165 )(); 166 </script>
166 167 <link rel="stylesheet" href="https://www.static-src.com/frontend/static/index.5da5dd52.css"> 168 <!--vue-ssr-collab-preload--> 169 <link rel="stylesheet" href="https://www.static-src.com/frontend/static/index.5da5dd52.css"> 170 <link rel="stylesheet" href="https://www.static-src.com/frontend/product-detail/static/2.26.1-8/mobile/index.css"> 171 <style> 172 .blu-ripple[data-v-19fd2cc7],.blu-ripple[data-v-2bedc3c7],.blu-ripple[data-v-574d97b4]{width:100%;height:100%;position:relative;overflow:hidden;display:flex;justify-content:center;align-items:center;-webkit-box-pack:center;-webkit-box-align:center;-webkit-mask-image:radial-gradient(circle,#fff 100%,#000 0);padding:0 12px}.blu-ripple-wave[data-v-19fd2cc7],.blu-ripple-wave[data-v-2bedc3c7],.blu-ripple-wave[data-v-574d97b4]{position:absolute;z-index:1;pointer-events:none;background:currentColor;border-radius:50%;opacity:0;transform:scale(2) translateZ(0)}.blu-ripple-wave.b-centered[data-v-19fd2cc7],.blu-ripple-wave.b-centered[data-v-2bedc3c7],.blu-ripple-wave.b-centered[data-v-574d97b4]{animation-duration:1.2s;top:50%;left:50%}.blu-ripple-wave~[data-v-19fd2cc7]:not(.blu-ripple-wave),.blu-ripple-wave~[data-v-2bedc3c7]:not(.blu-ripple-wave),.blu-ripple-wave~[data-v-574d97b4]:not(.blu-ripple-wave){position:relative;z-index:2}.blu-ripple-enter-active[data-v-19fd2cc7],.blu-ripple-enter-active[data-v-2bedc3c7],.blu-ripple-enter-active[data-v-574d97b4]{transition:2s cubic-bezier(.25,.8,.25,1);transition-property:opacity,transform;will-change:opacity,transform}.blu-ripple-enter-active.b-centered[data-v-19fd2cc7],.blu-ripple-enter-active.b-centered[data-v-2bedc3c7],.blu-ripple-enter-active.b-centered[data-v-574d97b4]{transition-duration:1.2s}.blu-ripple-enter[data-v-19fd2cc7],.blu-ripple-enter[data-v-2bedc3c7],.blu-ripple-enter[data-v-574d97b4]{opacity:.26;transform:scale(.26) translateZ(0)}.has-left-icon .blu-ripple svg[data-v-19fd2cc7],.has-left-icon .blu-ripple svg[data-v-2bedc3c7],.has-left-icon .blu-ripple svg[data-v-574d97b4]{margin-right:8px}.has-left-icon.b-small svg[data-v-19fd2cc7],.has-left-icon.b-small svg[data-v-2bedc3c7],.has-left-icon.b-small svg[data-v-574d97b4]{transform-origin:left;margin-right:4px}.b-large .blu-ripple[data-v-19fd2cc7],.b-large .blu-ripple[data-v-2bedc3c7],.b-large .blu-ripple[data-v-574d97b4]{padding:0 16px}.b-small .blu-ripple[data-v-19fd2cc7],.b-small .blu-ripple[data-v-2bedc3c7],.b-small .blu-ripple[data-v-574d97b4]{padding:0 8px}.b-small svg[data-v-19fd2cc7],.b-small svg[data-v-2bedc3c7],.b-small svg[data-v-574d97b4]{width:18px;height:18px}.b-icon .blu-ripple[data-v-19fd2cc7],.b-icon .blu-ripple[data-v-2bedc3c7],.b-icon .blu-ripple[data-v-574d97b4]{padding:0}.b-loading .blu-loader-wrapper[data-v-19fd2cc7],.b-loading .blu-loader-wrapper[data-v-2bedc3c7],.b-loading .blu-loader-wrapper[data-v-574d97b4]{height:24px;position:absolute}.b-loading .blu-ripple[data-v-19fd2cc7],.b-loading .blu-ripple[data-v-2bedc3c7],.b-loading .blu-ripple[data-v-574d97b4]{color:transparent}.b-loading .blu-ripple>svg[data-v-19fd2cc7],.b-loading .blu-ripple>svg[data-v-2bedc3c7],.b-loading .blu-ripple>svg[data-v-574d97b4]{visibility:hidden}.b-loading .blu-ripple .blu-ripple-wave[data-v-19fd2cc7],.b-loading .blu-ripple .blu-ripple-wave[data-v-2bedc3c7],.b-loading .blu-ripple .blu-ripple-wave[data-v-574d97b4]{color:#fff}.b-loading.b-ghost.b-secondary .blu-ripple-wave[data-v-19fd2cc7],.b-loading.b-ghost.b-secondary .blu-ripple-wave[data-v-2bedc3c7],.b-loading.b-ghost.b-secondary .blu-ripple-wave[data-v-574d97b4],.b-loading.b-outline.b-secondary .blu-ripple-wave[data-v-19fd2cc7],.b-loading.b-outline.b-secondary .blu-ripple-wave[data-v-2bedc3c7],.b-loading.b-outline.b-secondary .blu-ripple-wave[data-v-574d97b4],.b-loading.b-white .blu-ripple-wave[data-v-19fd2cc7],.b-loading.b-white .blu-ripple-wave[data-v-2bedc3c7],.b-loading.b-white .blu-ripple-wave[data-v-574d97b4]{color:#0072ff}.b-loading.b-ghost.b-primary .blu-ripple-wave[data-v-19fd2cc7],.b-loading.b-ghost.b-primary .blu-ripple-wave[data-v-2bedc3c7],.b-loading.b-ghost.b-primary .blu-ripple-wave[data-v-574d97b4],.b-loading.b-outline.b-primary .blu-ripple-wave[data-v-19fd2cc7],.b-loading.b-outline.b-primary .blu-ripple-wave[data-v-2bedc3c7],.b-loading.b-outline.b-primary .blu-ripple-wave[data-v-574d97b4]{color:#f1ab02}.blu-input-stepper .blu-btn .blu-ripple[data-v-19fd2cc7],.blu-input-stepper .blu-btn .blu-ripple[data-v-2bedc3c7],.blu-input-stepper .blu-btn .blu-ripple[data-v-574d97b4]{padding:0;width:24px;height:24px;border-radius:50%}.blu-input-stepper .blu-btn .blu-ripple svg[data-v-19fd2cc7],.blu-input-stepper .blu-btn .blu-ripple svg[data-v-2bedc3c7],.blu-input-stepper .blu-btn .blu-ripple svg[data-v-574d97b4]{width:18px;height:18px;margin-left:1px}.blu-input-stepper .blu-btn .blu-ripple-enter-active[data-v-19fd2cc7],.blu-input-stepper .blu-btn .blu-ripple-enter-active[data-v-2bedc3c7],.blu-input-stepper .blu-btn .blu-ripple-enter-active[data-v-574d97b4]{background:#0072ff}.blu-btn-dropdown .blu-ripple>svg+div[data-v-19fd2cc7],.blu-btn-dropdown .blu-ripple>svg+div[data-v-2bedc3c7],.blu-btn-dropdown .blu-ripple>svg+div[data-v-574d97b4]{margin-left:8px}.blu-btn[data-v-19fd2cc7]::-moz-focus-inner{border:0}.blu-btn[data-v-19fd2cc7]:active,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{outline:0}.blu-btn[data-v-19fd2cc7]:before{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;opacity:0;transition:.4s cubic-bezier(.4,0,.2,1);will-change:background-color,opacity;content:" "}.blu-btn[data-v-19fd2cc7]:focus-visible{box-shadow:0 0 0 4px #000}.blu-btn.b-primary[data-v-19fd2cc7]{color:#fff;background-color:#f1ab02;border-color:#f1ab02}.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{background-color:#e39304;border-color:#e39304}.blu-btn.b-secondary[data-v-19fd2cc7]{color:#fff;background-color:#0072ff;border-color:#0072ff}.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{background-color:#006dea;border-color:#006dea}.blu-btn.b-white[data-v-19fd2cc7]{background-color:#fff;border-color:#fff;color:#0072ff}.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{background-color:#f1f2f2;border-color:#f1f2f2}.blu-btn.b-disabled[data-v-19fd2cc7]{color:rgba(25,34,42,.4)}.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{background-color:#c8cb
172cd;border-color:#c8cbcd}.blu-btn.b-large[data-v-19fd2cc7]{height:56px}.blu-btn.b-small[data-v-19fd2cc7]{font:14px/18px blibli demi bold,-apple-system,segoe ui,roboto,helvetica,arial,sans-serif;height:32px}.b-disabled[data-v-19fd2cc7],.b-disabled[data-v-2bedc3c7],.b-disabled[data-v-574d97b4]{opacity:1}input[type=button][data-v-19fd2cc7]::-moz-focus-inner,input[type=submit][data-v-19fd2cc7]::-moz-focus-inner{border:0}a[data-v-19fd2cc7],a[data-v-19fd2cc7]:active,a[data-v-19fd2cc7]:focus,a[data-v-19fd2cc7]:hover,a[data-v-19fd2cc7]:visited{outline:0!important}.blu-btn[data-v-19fd2cc7]{position:relative;font:16px/20px blibli demi bold,-apple-system,segoe ui,roboto,helvetica,arial,sans-serif;text-decoration:none;transition:color .4s,background-color .4s,border-color .6s;white-space:nowrap;height:48px;padding:0;-webkit-tap-highlight-color:transparent;border-radius:24px}.blu-btn+.blu-button[data-v-19fd2cc7]{margin-left:0}.blu-btn.b-outline[data-v-19fd2cc7]{background-color:transparent}.blu-btn.b-outline.b-primary[data-v-19fd2cc7]{color:#f1ab02;background-color:#e39304;border:1px solid #ffcd00}.blu-btn.b-outline.b-disabled[data-v-19fd2cc7]:not(.b-disabled),.blu-btn.b-outline.b-primary[data-v-19fd2cc7]:not(.b-disabled),.blu-btn.b-outline.b-secondary[data-v-19fd2cc7]:not(.b-disabled),.blu-btn.b-outline.b-white[data-v-19fd2cc7]:not(.b-disabled){background-color:hsla(0,0%,100%,.12)}.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{background-color:rgba(227,147,4,.08);border:1px solid #ffcd00}.blu-btn.b-outline.b-primary.b-active[data-v-19fd2cc7]{z-index:9;background-color:#f1ab02;color:#fff}.blu-btn.b-outline.b-secondary[data-v-19fd2cc7]{color:#0072ff;background-color:#006dea;border:1px solid #1d8fff}.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{background-color:rgba(0,109,234,.08);border:1px solid #1d8fff}.blu-btn.b-outline.b-secondary.b-active[data-v-19fd2cc7]{z-index:9;background-color:#0072ff;color:#fff}.blu-btn.b-outline.b-white[data-v-19fd2cc7]{color:#fff;background-color:#fff;border:1px solid #fff}.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{background-color:hsla(0,0%,100%,.4);border:1px solid #fff}.blu-btn.b-outline.b-white.b-active[data-v-19fd2cc7]{z-index:9;background-color:#fff;color:#fff}.blu-btn.b-outline.b-disabled[data-v-19fd2cc7]{color:rgba(25,34,42,.4);background-color:#c8cbcd;border:1px solid #c8cbcd}.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{background-color:rgba(200,203,205,.08);border:1px solid #c8cbcd}.blu-btn.b-outline.b-disabled.b-active[data-v-19fd2cc7]{z-index:9;background-color:rgba(25,34,42,.4);color:#fff}.blu-btn.b-outline.b-small .blu-ripple[data-v-19fd2cc7]{border-radius:14px}.blu-btn.b-outline.b-large .blu-ripple[data-v-19fd2cc7]{border-radius:30px}.blu-btn.b-ghost[data-v-19fd2cc7]{background-color:transparent;border-color:transparent}.blu-btn.b-ghost.b-primary[data-v-19fd2cc7]{color:#f1ab02;border-color:transparent}.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{border-color:transparent;background-color:rgba(227,147,4,.08)}.blu-btn.b-ghost.b-secondary[data-v-19fd2cc7]{color:#0072ff;border-color:transparent}.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{border-color:transparent;background-color:rgba(0,109,234,.08)}.blu-btn.b-ghost.b-white[data-v-19fd2cc7]{color:#fff;border-color:transparent}.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{border-color:transparent;background-color:hsla(0,0%,100%,.4)}.blu-btn.b-ghost.b-white.b-disabled[data-v-19fd2cc7]{color:hsla(0,0%,100%,.4);border-color:transparent}.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{border-color:transparent;background-color:transparent}.blu-btn.b-ghost.b-disabled[data-v-19fd2cc7]{color:rgba(25,34,42,.4);border-color:transparent}.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{border-color:transparent;background-color:transparent}.blu-btn.b-warning[data-v-19fd2cc7]{color:#fff;background-color:#ffcd00;border-color:#ffcd00}.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{background-color:#cca400;border-color:#cca400}.blu-btn.b-danger[data-v-19fd2cc7]{color:#fff;background-color:#ff4646;border-color:#ff4646}.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{background-color:#ff1313;border-color:#ff1313}.blu-btn.b-small .blu-ripple[data-v-19fd2cc7],.blu-btn.b-small[data-v-19fd2cc7]{border-radius:16px}.blu-btn.b-large .blu-ripple[data-v-19fd2cc7],.blu-btn.b-large[data-v-19fd2cc7]{border-radius:32px}.blu-btn.b-icon[data-v-19fd2cc7]{width:48px}.blu-btn.b-icon.b-large[data-v-19fd2cc7]{width:56px}.blu-btn.b-icon.b-small[data-v-19fd2cc7]{width:32px}.blu-btn.b-icon svg[data-v-19fd2cc7]{width:100%;height:100%}.blu-btn.b-full-width[data-v-19fd2cc7]{width:100%}.blu-btn .blu-ripple[data-v-19fd2cc7]{border-radius:24px} 173 </style> 174
174<script> 175 window.SERVER_CACHE = ( () => ({ 176 cachedKeys: ["cmsConfig", "searchConfig", "routerConfig"], 177 expiryTime: Date.now() + 15_000 178 }))() 179 </script>
179 180 <!--vue-ssr-collab-data--> 181 <!-- start inject script --> 182
182<script src="https://www.blibli.com/backend/content/thematic/thematic_configuration_non_canary.js"></script>
182 183 <!-- end inject script --> 184 <link rel="preload" as="image" href="https://seodeadpool.b-cdn.net/gghoki/gghoki-super-3.png?w=860"> 185 <style type="text/css"> 186 .label[data-v-c89634de]{height:16px;padding:0 8px;display:inline-flex;align-items:center;font:12px/16px "blibli demi bold",-apple-system,segoe ui,roboto,helvetica,arial,sans-serif;text-decoration:none;color:#fff;border-radius:4px;background-color:#f1f2f2;white-space:nowrap}.label button[data-v-c89634de]{padding:0;margin-right:-4px;top:2px}.label button svg[data-v-c89634de]{margin-right:-6px;margin-top:2px;transform:scale(0.75);transform-origin:left;color:#fff}.label button.b-primary[data-v-c89634de]{color:#fff}.label.b-secondary button svg[data-v-c89634de]{color:#0072ff}.label.b-dot[data-v-c89634de]{width:8px;height:8px;padding:0;font-size:0}.label.b-border[data-v-c89634de]{box-shadow:0 0 0 1px #fff}.label[data-v-c89634de]{background-color:#ff4646}.label.b-secondary[data-v-c89634de]{background-color:#ffe6e6;color:#e93c3c} 187 </style> 188 <style type="text/css"> 189 .label[data-v-2c6dbc7f]{height:16px;padding:0 8px;display:inline-flex;align-items:center;font:12px/16px "blibli demi bold",-apple-system,segoe ui,roboto,helvetica,arial,sans-serif;text-decoration:none;color:#fff;border-radius:4px;white-space:nowrap;background-color:#ff7373}.label button[data-v-2c6dbc7f]{padding:0;margin-right:-4px;top:2px}.label button svg[data-v-2c6dbc7f]{margin-right:-6px;margin-top:2px;transform:scale(.75);transform-origin:left;color:#fff}.label button.b-primary[data-v-2c6dbc7f]{color:#fff}.label.b-secondary button svg[data-v-2c6dbc7f]{color:#0072ff}.label.b-dot[data-v-2c6dbc7f]{width:8px;height:8px;padding:0;font-size:0}.label.b-border[data-v-2c6dbc7f]{box-shadow:0 0 0 1px #fff} 190 </style> 191 <style type="text/css"> 192 .label[data-v-7ca4698c]{height:16px;padding:0 8px;display:inline-flex;align-items:center;font:12px/16px "blibli demi bold",-apple-system,segoe ui,roboto,helvetica,arial,sans-serif;text-decoration:none;color:#fff;border-radius:4px;white-space:nowrap;background-color:#ffcd00}.label button[data-v-7ca4698c]{padding:0;margin-right:-4px;top:2px}.label button svg[data-v-7ca4698c]{margin-right:-6px;margin-top:2px;transform:scale(.75);transform-origin:left;color:#fff}.label button.b-primary[data-v-7ca4698c]{color:#fff}.label.b-secondary button svg[data-v-7ca4698c]{color:#0072ff}.label.b-dot[data-v-7ca4698c]{width:8px;height:8px;padding:0;font-size:0}.label.b-border[data-v-7ca4698c]{box-shadow:0 0 0 1px #fff}.label.b-secondary[data-v-7ca4698c]{background-color:#fef5d2;color:#f1ab02} 193 </style> 194 <style type="text/css"> 195 .label[data-v-c2eed16c]{height:16px;padding:0 8px;display:inline-flex;align-items:center;font:12px/16px "blibli demi bold",-apple-system,segoe ui,roboto,helvetica,arial,sans-serif;text-decoration:none;color:#fff;border-radius:4px;white-space:nowrap;background-color:#22a334}.label button[data-v-c2eed16c]{padding:0;margin-right:-4px;top:2px}.label button svg[data-v-c2eed16c]{margin-right:-6px;margin-top:2px;transform:scale(.75);transform-origin:left;color:#fff}.label button.b-primary[data-v-c2eed16c]{color:#fff}.label.b-secondary button svg[data-v-c2eed16c]{color:#0072ff}.label.b-dot[data-v-c2eed16c]{width:8px;height:8px;padding:0;font-size:0}.label.b-border[data-v-c2eed16c]{box-shadow:0 0 0 1px #fff}.label.b-secondary[data-v-c2eed16c]{background-color:#d6f7da;color:#1c832a} 196 </style> 197 <style type="text/css"> 198 .label[data-v-25801e34]{height:16px;padding:0 8px;display:inline-flex;align-items:center;font:12px/16px "blibli demi bold",-apple-system,segoe ui,roboto,helvetica,arial,sans-serif;text-decoration:none;color:#fff;border-radius:4px;white-space:nowrap;background-color:#1d8fff}.label button[data-v-25801e34]{padding:0;margin-right:-4px;top:2px}.label button svg[data-v-25801e34]{margin-right:-6px;margin-top:2px;transform:scale(.75);transform-origin:left;color:#fff}.label button.b-primary[data-v-25801e34]{color:#fff}.label.b-secondary button svg[data-v-25801e34]{color:#0072ff}.label.b-dot[data-v-25801e34]{width:8px;height:8px;padding:0;font-size:0}.label.b-border[data-v-25801e34]{box-shadow:0 0 0 1px #fff}.label.b-secondary[data-v-25801e34]{background-color:#e1f1ff;color:#0072ff} 199 </style> 200 <style type="text/css"> 201 .label[data-v-7e88823e]{height:16px;padding:0 8px;display:inline-flex;align-items:center;font:12px/16px "blibli demi bold",-apple-system,segoe ui,roboto,helvetica,arial,sans-serif;text-decoration:none;border-radius:4px;white-space:nowrap;color:rgba(25,34,42,.4);background-color:#e1e3e4}.label button[data-v-7e88823e]{padding:0;margin-right:-4px;top:2px}.label button svg[data-v-7e88823e]{margin-right:-6px;margin-top:2px;transform:scale(.75);transform-origin:left;color:#fff}.label button.b-primary[data-v-7e88823e]{color:#fff}.label.b-secondary button svg[data-v-7e88823e]{color:#0072ff}.label.b-dot[data-v-7e88823e]{width:8px;height:8px;padding:0;font-size:0}.label.b-border[data-v-7e88823e]{box-shadow:0 0 0 1px #fff}.label.b-secondary[data-v-7e88823e]{background-color:#92979c;color:#fff} 202 </style> 203 <style type="text/css"> 204 .blu-ripple[data-v-48d1b9d6]{width:100%;height:100%;position:relative;overflow:hidden;display:flex;justify-content:center;align-items:center;-webkit-box-pack:center;-webkit-box-align:center;-webkit-mask-image:radial-gradient(circle,#ffffff 100%,#000000 100%);padding:0 12px}.blu-ripple-wave[data-v-48d1b9d6]{position:absolute;z-index:1;pointer-events:none;background:currentColor;border-radius:50%;opacity:0;transform:scale(2) translateZ(0)}.blu-ripple-wave.b-centered[data-v-48d1b9d6]{animation-duration:1.2s;top:50%;left:50%}.blu-ripple-wave~[data-v-48d1b9d6]:not(.blu-ripple-wave){position:relative;z-index:2}.blu-ripple-enter-active[data-v-48d1b9d6]{transition:2s cubic-bezier(.25, .8, .25, 1);transition-property:opacity,transform;will-change:opacity,transform}.blu-ripple-enter-active.b-centered[data-v-48d1b9d6]{transition-duration:1.2s}.blu-ripple-enter[data-v-48d1b9d6]{opacity:.26;transform:scale(.26) translateZ(0)}.has-left-icon .blu-ripple svg[data-v-48d1b9d6]{margin-right:8px}.has-left-icon.b-small svg[data-v-48d1b9d6]{transform-origin:left;margin-right:4px}.b-large .blu-ripple[data-v-48d1b9d6]{padding:0 16px}.b-small .blu-ripple[data-v-48d1b9d6]{padding:0 8px}.b-small svg[data-v-48d1b9d6]{width:18px;height:18px}.b-icon .blu-ripple[data-v-48d1b9d6]{padding:0}.b-loading .blu-loader-wrapper[data-v-48d1b9d6]{height:24px;position:absolute}.b-loading .blu-ripple[data-v-48d1b9d6]{color:transparent}.b-loading .blu-ripple>svg[data-v-48d1b9d6]{visibility:hidden}.b-loading .blu-ripple .blu-ripple-wave[data-v-48d1b9d6]{color:#fff}.b-loading.b-ghost.b-secondary .blu-ripple-wave[data-v-48d1b9d6],.b-loading.b-outline.b-secondary .blu-ripple-wave[data-v-48d1b9d6],.b-loading.b-white .blu-ripple-wave[data-v-48d1b9d6]{color:#0072ff}.b-loading.b-ghost.b-primary .blu-ripple-wave[data-v-48d1b9d6],.b-loading.b-outline.b-primary .blu-ripple-wave[data-v-48d1b9d6]{color:#f1ab02}.blu-input-stepper .blu-btn .blu-ripple[data-v-48d1b9d6]{padding:0;width:24px;height:24px;border-radius:50%}.blu-input-stepper .blu-btn .blu-ripple svg[data-v-48d1b9d6]{width:18px;height:18px;margin-left:1px}.blu-input-stepper .blu-btn .blu-ripple-enter-active[data-v-48d1b9d6]{background:#0072ff}.b-disabled[data-v-48d1b9d6]{opacity:1}.blu-btn-dropdown .blu-ripple>svg+div[data-v-48d1b9d6]{margin-left:8px} 205 </style> 206 <style type="text/css"> 207 .blu-ripple[data-v-8d4155d0]{width:100%;height:100%;position:relative;overflow:hidden;display:flex;justify-content:center;align-items:center;-webkit-box-pack:center;-webkit-box-align:center;-webkit-mask-image:radial-gradient(circle,#ffffff 100%,#000000 100%);padding:0 12px}.blu-ripple-wave[data-v-8d4155d0]{position:absolute;z-index:1;pointer-events:none;background:currentColor;border-radius:50%;opacity:0;transform:scale(2) translateZ(0)}.blu-ripple-wave.b-centered[data-v-8d4155d0]{animation-duration:1.2s;top:50%;left:50%}
207.blu-ripple-wave~[data-v-8d4155d0]:not(.blu-ripple-wave){position:relative;z-index:2}.blu-ripple-enter-active[data-v-8d4155d0]{transition:2s cubic-bezier(.25, .8, .25, 1);transition-property:opacity,transform;will-change:opacity,transform}.blu-ripple-enter-active.b-centered[data-v-8d4155d0]{transition-duration:1.2s}.blu-ripple-enter[data-v-8d4155d0]{opacity:.26;transform:scale(.26) translateZ(0)}.has-left-icon .blu-ripple svg[data-v-8d4155d0]{margin-right:8px}.has-left-icon.b-small svg[data-v-8d4155d0]{transform-origin:left;margin-right:4px}.b-large .blu-ripple[data-v-8d4155d0]{padding:0 16px}.b-small .blu-ripple[data-v-8d4155d0]{padding:0 8px}.b-small svg[data-v-8d4155d0]{width:18px;height:18px}.b-icon .blu-ripple[data-v-8d4155d0]{padding:0}.b-loading .blu-loader-wrapper[data-v-8d4155d0]{height:24px;position:absolute}.b-loading .blu-ripple[data-v-8d4155d0]{color:transparent}.b-loading .blu-ripple>svg[data-v-8d4155d0]{visibility:hidden}.b-loading .blu-ripple .blu-ripple-wave[data-v-8d4155d0]{color:#fff}.b-loading.b-ghost.b-secondary .blu-ripple-wave[data-v-8d4155d0],.b-loading.b-outline.b-secondary .blu-ripple-wave[data-v-8d4155d0],.b-loading.b-white .blu-ripple-wave[data-v-8d4155d0]{color:#0072ff}.b-loading.b-ghost.b-primary .blu-ripple-wave[data-v-8d4155d0],.b-loading.b-outline.b-primary .blu-ripple-wave[data-v-8d4155d0]{color:#f1ab02}.blu-input-stepper .blu-btn .blu-ripple[data-v-8d4155d0]{padding:0;width:24px;height:24px;border-radius:50%}.blu-input-stepper .blu-btn .blu-ripple svg[data-v-8d4155d0]{width:18px;height:18px;margin-left:1px}.blu-input-stepper .blu-btn .blu-ripple-enter-active[data-v-8d4155d0]{background:#0072ff}.b-disabled[data-v-8d4155d0]{opacity:1}.blu-btn-dropdown .blu-ripple>svg+div[data-v-8d4155d0]{margin-left:8px} 208 </style> 209 <style type="text/css"> 210 .blu-ripple[data-v-fe4ffa8e]{width:100%;height:100%;position:relative;overflow:hidden;display:flex;justify-content:center;align-items:center;-webkit-box-pack:center;-webkit-box-align:center;-webkit-mask-image:radial-gradient(circle,#ffffff 100%,#000000 100%);padding:0 12px}.blu-ripple-wave[data-v-fe4ffa8e]{position:absolute;z-index:1;pointer-events:none;background:currentColor;border-radius:50%;opacity:0;transform:scale(2) translateZ(0)}.blu-ripple-wave.b-centered[data-v-fe4ffa8e]{animation-duration:1.2s;top:50%;left:50%}.blu-ripple-wave~[data-v-fe4ffa8e]:not(.blu-ripple-wave){position:relative;z-index:2}.blu-ripple-enter-active[data-v-fe4ffa8e]{transition:2s cubic-bezier(.25, .8, .25, 1);transition-property:opacity,transform;will-change:opacity,transform}.blu-ripple-enter-active.b-centered[data-v-fe4ffa8e]{transition-duration:1.2s}.blu-ripple-enter[data-v-fe4ffa8e]{opacity:.26;transform:scale(.26) translateZ(0)}.has-left-icon .blu-ripple svg[data-v-fe4ffa8e]{margin-right:8px}.has-left-icon.b-small svg[data-v-fe4ffa8e]{transform-origin:left;margin-right:4px}.b-large .blu-ripple[data-v-fe4ffa8e]{padding:0 16px}.b-small .blu-ripple[data-v-fe4ffa8e]{padding:0 8px}.b-small svg[data-v-fe4ffa8e]{width:18px;height:18px}.b-icon .blu-ripple[data-v-fe4ffa8e]{padding:0}.b-loading .blu-loader-wrapper[data-v-fe4ffa8e]{height:24px;position:absolute}.b-loading .blu-ripple[data-v-fe4ffa8e]{color:transparent}.b-loading .blu-ripple>svg[data-v-fe4ffa8e]{visibility:hidden}.b-loading .blu-ripple .blu-ripple-wave[data-v-fe4ffa8e]{color:#fff}.b-loading.b-ghost.b-secondary .blu-ripple-wave[data-v-fe4ffa8e],.b-loading.b-outline.b-secondary .blu-ripple-wave[data-v-fe4ffa8e],.b-loading.b-white .blu-ripple-wave[data-v-fe4ffa8e]{color:#0072ff}.b-loading.b-ghost.b-primary .blu-ripple-wave[data-v-fe4ffa8e],.b-loading.b-outline.b-primary .blu-ripple-wave[data-v-fe4ffa8e]{color:#f1ab02}.blu-input-stepper .blu-btn .blu-ripple[data-v-fe4ffa8e]{padding:0;width:24px;height:24px;border-radius:50%}.blu-input-stepper .blu-btn .blu-ripple svg[data-v-fe4ffa8e]{width:18px;height:18px;margin-left:1px}.blu-input-stepper .blu-btn .blu-ripple-enter-active[data-v-fe4ffa8e]{background:#0072ff}.blu-btn-dropdown .blu-ripple>svg+div[data-v-fe4ffa8e]{margin-left:8px}.blu-btn[data-v-fe4ffa8e]::-moz-focus-inner{border:0}.blu-btn[data-v-fe4ffa8e]:active,a[data-v-fe4ffa8e],button[data-v-fe4ffa8e]:focus,input[type=button][data-v-fe4ffa8e]:focus,input[type=reset][data-v-fe4ffa8e]:focus,input[type=submit][data-v-fe4ffa8e]:focus{outline:0}.blu-btn[data-v-fe4ffa8e]:before{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;opacity:0;transition:.4s cubic-bezier(.4, 0, .2, 1);will-change:background-color,opacity;content:" "}.blu-btn[data-v-fe4ffa8e]:focus-visible{box-shadow:0 0 0 4px #000}.blu-btn.b-primary[data-v-fe4ffa8e]{color:#fff;background-color:#f1ab02;border-color:#f1ab02}.blu-btn.b-primary:not(.b-disabled).b-active[data-v-fe4ffa8e],.blu-btn.b-primary[data-v-fe4ffa8e]:not(.b-disabled):focus-visible,.blu-btn.b-primary[data-v-fe4ffa8e]:not(.b-disabled):hover{background-color:#e39304;border-color:#e39304}.blu-btn.b-secondary[data-v-fe4ffa8e]{color:#fff;background-color:#0072ff;border-color:#0072ff}.blu-btn.b-secondary:not(.b-disabled).b-active[data-v-fe4ffa8e],.blu-btn.b-secondary[data-v-fe4ffa8e]:not(.b-disabled):focus-visible,.blu-btn.b-secondary[data-v-fe4ffa8e]:not(.b-disabled):hover{background-color:#006dea;border-color:#006dea}.blu-btn.b-white[data-v-fe4ffa8e]{background-color:#fff;border-color:#fff;color:#0072ff}.blu-btn.b-white:not(.b-disabled).b-active[data-v-fe4ffa8e],.blu-btn.b-white[data-v-fe4ffa8e]:not(.b-disabled):focus-visible,.blu-btn.b-white[data-v-fe4ffa8e]:not(.b-disabled):hover{background-color:#f1f2f2;border-color:#f1f2f2}
210.blu-btn.b-disabled[data-v-fe4ffa8e]{background-color:#c8cbcd;border-color:#c8cbcd;color:rgba(25,34,42,.4)}.blu-btn.b-disabled:not(.b-disabled).b-active[data-v-fe4ffa8e],.blu-btn.b-disabled[data-v-fe4ffa8e]:not(.b-disabled):focus-visible,.blu-btn.b-disabled[data-v-fe4ffa8e]:not(.b-disabled):hover{background-color:#c8cbcd;border-color:#c8cbcd}.blu-btn.b-large[data-v-fe4ffa8e]{height:56px}.blu-btn.b-small[data-v-fe4ffa8e]{font:14px/18px "blibli demi bold",-apple-system,segoe ui,roboto,helvetica,arial,sans-serif;height:32px}.b-disabled[data-v-fe4ffa8e]{opacity:1}input[type=button][data-v-fe4ffa8e]::-moz-focus-inner,input[type=submit][data-v-fe4ffa8e]::-moz-focus-inner{border:0}a[data-v-fe4ffa8e],a[data-v-fe4ffa8e]:active,a[data-v-fe4ffa8e]:focus,a[data-v-fe4ffa8e]:hover,a[data-v-fe4ffa8e]:visited{outline:0!important}.blu-btn[data-v-fe4ffa8e]{position:relative;font:16px/20px "blibli demi bold",-apple-system,segoe ui,roboto,helvetica,arial,sans-serif;text-decoration:none;transition:color .4s,background-color .4s,border-color .6s;white-space:nowrap;height:48px;padding:0;-webkit-tap-highlight-color:transparent;border-radius:24px}.blu-btn+.blu-button[data-v-fe4ffa8e]{margin-left:0}.blu-btn.b-outline[data-v-fe4ffa8e]{background-color:rgba(0,0,0,0)}.blu-btn.b-outline.b-primary[data-v-fe4ffa8e]{color:#f1ab02;background-color:#e39304;border:1px solid #ffcd00}.blu-btn.b-outline.b-disabled[data-v-fe4ffa8e]:not(.b-disabled),.blu-btn.b-outline.b-primary[data-v-fe4ffa8e]:not(.b-disabled),.blu-btn.b-outline.b-secondary[data-v-fe4ffa8e]:not(.b-disabled),.blu-btn.b-outline.b-white[data-v-fe4ffa8e]:not(.b-disabled){background-color:rgba(255,255,255,.12)}.blu-btn.b-outline.b-primary:not(.b-disabled).b-active[data-v-fe4ffa8e],.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{background-color:rgba(227,147,4,.08);border:1px solid #ffcd00}.blu-btn.b-outline.b-primary.b-active[data-v-fe4ffa8e]{z-index:9;background-color:#f1ab02;color:#fff}.blu-btn.b-outline.b-secondary[data-v-fe4ffa8e]{color:#0072ff;background-color:#006dea;border:1px solid #1d8fff}.blu-btn.b-outline.b-secondary:not(.b-disabled).b-active[data-v-fe4ffa8e],.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{background-color:rgba(0,109,234,.08);border:1px solid #1d8fff}.blu-btn.b-outline.b-secondary.b-active[data-v-fe4ffa8e]{z-index:9;background-color:#0072ff;color:#fff}.blu-btn.b-outline.b-white[data-v-fe4ffa8e]{color:#fff;background-color:#fff;border:1px solid #fff}.blu-btn.b-outline.b-white:not(.b-disabled).b-active[data-v-fe4ffa8e],.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{background-color:rgba(255,255,255,.4);border:1px solid #fff}.blu-btn.b-outline.b-white.b-active[data-v-fe4ffa8e]{z-index:9;background-color:#fff;color:#fff}.blu-btn.b-outline.b-disabled[data-v-fe4ffa8e]{color:rgba(25,34,42,.4);background-color:#c8cbcd;border:1px solid #c8cbcd}.blu-btn.b-outline.b-disabled:not(.b-disabled).b-active[data-v-fe4ffa8e],.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{background-color:rgba(200,203,205,.08);border:1px solid #c8cbcd}.blu-btn.b-outline.b-disabled.b-active[data-v-fe4ffa8e]{z-index:9;background-color:rgba(25,34,42,.4);color:#fff}.blu-btn.b-outline.b-small .blu-ripple[data-v-fe4ffa8e]{border-radius:14px}.blu-btn.b-outline.b-large .blu-ripple[data-v-fe4ffa8e]{border-radius:30px}.blu-btn.b-ghost[data-v-fe4ffa8e]{background-color:rgba(0,0,0,0);border-color:transparent}.blu-btn.b-ghost.b-primary[data-v-fe4ffa8e]{color:#f1ab02;border-color:transparent}.blu-btn.b-ghost.b-primary:not(.b-disabled).b-active[data-v-fe4ffa8e],.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{border-color:transparent;background-color:rgba(227,147,4,.08)}.blu-btn.b-ghost.b-secondary[data-v-fe4ffa8e]{color:#0072ff;border-color:transparent}.blu-btn.b-ghost.b-secondary:not(.b-disabled).b-active[data-v-fe4ffa8e],.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{border-color:transparent;background-color:rgba(0,109,234,.08)}.blu-btn.b-ghost.b-white[data-v-fe4ffa8e]{color:#fff;border-color:transparent}.blu-btn.b-ghost.b-white:not(.b-disabled).b-active[data-v-fe4ffa8e],.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{border-color:transparent;background-color:rgba(255,255,255,.4)}.blu-btn.b-ghost.b-white.b-disabled[data-v-fe4ffa8e]{color:rgba(255,255,255,.4);border-color:transparent}.blu-btn.b-ghost.b-white.b-disabled:not(.b-disabled).b-active[data-v-fe4ffa8e],.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{border-color:transparent;background-color:rgba(0,0,0,0)}.blu-btn.b-ghost.b-disabled[data-v-fe4ffa8e]{color:rgba(25,34,42,.4);border-color:transparent}.blu-btn.b-ghost.b-disabled:not(.b-disabled).b-active[data-v-fe4ffa8e],.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{border-color:transparent;background-color:rgba(0,0,0,0)}.blu-btn.b-warning[data-v-fe4ffa8e]{color:#fff;background-color:#ffcd00;border-color:#ffcd00}.blu-btn.b-warning:not(.b-disabled).b-active[data-v-fe4ffa8e],.blu-btn.b-warning[data-v-fe4ffa8e]:not(.b-disabled):focus-visible,.blu-btn.b-warning[data-v-fe4ffa8e]:not(.b-disabled):hover{background-color:#cca400;border-color:#cca400}.blu-btn.b-danger[data-v-fe4ffa8e]{color:#fff;background-color:#ff4646;border-color:#ff4646}.blu-btn.b-danger:not(.b-disabled).b-active[data-v-fe4ffa8e],.blu-btn.b-danger[data-v-fe4ffa8e]:not(.b-disabled):focus-visible,.blu-btn.b-danger[data-v-fe4ffa8e]:not(.b-disabled):hover{background-color:#ff1313;border-color:#ff1313}.blu-btn.b-small .blu-ripple[data-v-fe4ffa8e],.blu-btn.b-small[data-v-fe4ffa8e]{border-radius:16px}.blu-btn.b-large .blu-ripple[data-v-fe4ffa8e],.blu-btn.b-large[data-v-fe4ffa8e]{border-radius:32px}.blu-btn.b-icon[data-v-fe4ffa8e]{width:48px}.blu-btn.b-icon.b-large[data-v-fe4ffa8e]{width:56px}.blu-btn.b-icon.b-small[data-v-fe4ffa8e]{width:32px}.blu-btn.b-icon svg[data-v-fe4ffa8e]{width:100%;height:100%}.blu-btn.b-full-width[data-v-fe4ffa8e]{width:100%}.blu-btn .blu-ripple[data-v-fe4ffa8e]{border-radius:24px} 211 </style> 212 <link rel="modulepreload" as="script" crossorigin="" href="https://www.static-src.com/frontend/static/js/CustomerLocation.49933ea8.js"> 213 <link rel="modulepreload" as="script" crossorigin="" href="https://www.static-src.com/frontend/static/js/address-event.0a54fb2b.js"> 214 <link rel="modulepreload" as="script" crossorigin="" href="https://www.static-src.com/frontend/static/js/Location.c79a4a93.js"> 215 <link rel="modulepreload" as="script" crossorigin="" href="https://www.static-src.com/frontend/static/js/customer-location-mixin.dd72e66a.js"> 216 <link rel="stylesheet" href="https://www.static-src.com/frontend/static/CustomerLocation.d45a5c3d.css"> 217 <link href="https://blibli.api.useinsider.com" rel="prec
217onnect" crossorigin="anonymous"> 218 <link href="https://cs.gssprt.jp" rel="preconnect" crossorigin="anonymous"> 219 <link href="https://i.w55c.net" rel="preconnect" crossorigin="anonymous"> 220 <link href="https://weather.api.useinsider.com" rel="preconnect" crossorigin="anonymous"> 221 <link href="https://api.useinsider.com" rel="preconnect" crossorigin="anonymous"> 222 <link href="https://asia.creativecdn.com" rel="preconnect" crossorigin="anonymous"> 223 <link href="https://bcp.crwdcntrl.net" rel="preconnect" crossorigin="anonymous"> 224 <link href="https://bwa.blibli.com" rel="preconnect" crossorigin="anonymous"> 225 <link href="https://cm.creativecdn.com" rel="preconnect" crossorigin="anonymous"> 226 <link href="https://cm.g.doubleclick.net" rel="preconnect" crossorigin="anonymous"> 227 <link href="https://cs.gssprt.jp" rel="preconnect" crossorigin="anonymous"> 228 <link href="https://googleads.g.doubleclick.net" rel="preconnect" crossorigin="anonymous"> 229 <link href="https://gum.criteo.com" rel="preconnect" crossorigin="anonymous"> 230 <link href="https://hit.api.useinsider.com" rel="preconnect" crossorigin="anonymous"> 231 <link href="https://i.w55c.net" rel="preconnect" crossorigin="anonymous"> 232 <link href="https://js-agent.newrelic.com" rel="preconnect" crossorigin="anonymous"> 233 <link href="https://location.api.useinsider.com" rel="preconnect" crossorigin="anonymous"> 234 <link href="https://log.api.useinsider.com" rel="preconnect" crossorigin="anonymous"> 235 <link href="https://match.adsrvr.org" rel="preconnect" crossorigin="anonymous"> 236 <link href="https://script.crazyegg.com" rel="preconnect" crossorigin="anonymous"> 237 <link href="https://segment.api.useinsider.com" rel="preconnect" crossorigin="anonymous"> 238 <link href="https://sslwidget.criteo.com" rel="preconnect" crossorigin="anonymous"> 239 <link href="https://static.criteo.net" rel="preconnect" crossorigin="anonymous"> 240 <link href="https://stats.g.doubleclick.net" rel="preconnect" crossorigin="anonymous"> 241 <link href="https://storage.googleapis.com" rel="preconnect" crossorigin="anonymous"> 242 <link href="https://sync.crwdcntrl.net" rel="preconnect" crossorigin="anonymous"> 243 <link href="https://tags.crwdcntrl.net" rel="preconnect" crossorigin="anonymous"> 244 <link href="https://weather.api.useinsider.com" rel="preconnect" crossorigin="anonymous"> 245 <link href="https://www.facebook.com" rel="preconnect" crossorigin="anonymous"> 246 <link href="https://www.google.co.id" rel="preconnect" crossorigin="anonymous"> 247 <link href="https://www.google.com" rel="preconnect" crossorigin="anonymous"> 248 <link href="https://www.googleadservices.com" rel="preconnect" crossorigin="anonymous"> 249 <link href="https://www.google-analytics.com" rel="preconnect" crossorigin="anonymous"> 250 <link href="https://www.googletagmanager.com" rel="preconnect" crossorigin="anonymous"> 251 <link href="https://www.static-src.com" rel="preconnect" crossorigin="anonymous"> 252 <link href="https://websdk.appsflyer.com" rel="preconnect" crossorigin="anonymous"> 253 <link href="https://banner.appsflyer.com" rel="preconnect" crossorigin="anonymous"> 254 <link href="https://fvalid.appsflyer.com" rel="preconnect" crossorigin="anonymous"> 255
255<script src="https://cdn.moengage.com/release/dc_1/moe_webSdk_webp.min.latest.js?app_id=QTD7QXC51X5DZR3CTIHK33PQ"></script>
255 256
256<script type="text/javascript" async="" src="https://www.blibli.com/bwa/2.4.5-0/index.js"></script>
256 257
257<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>
257 258 <style type="text/css"> 259 .blu-chip__wrapper input[data-v-652f3722]:focus,[data-v-652f3722]:focus{outline:0}.blu-chip[data-v-652f3722]{display:inline-flex;transition-duration:.3s}.blu-chip:not(.blue-3) span[data-v-652f3722]{height:32px;padding:0 10px;margin:2px;display:flex;align-items:center;font:14px/18px blibli,-apple-system,segoe ui,roboto,helvetica,arial,sans-serif;text-decoration:none;cursor:pointer;color:#0072ff;border-radius:8px;border:1px solid #f1f2f2;background-color:#f1f2f2;transition-duration:.3s;white-space:nowrap;letter-spacing:0}.blu-chip.b-primary input[data-v-652f3722],.blu-chip.b-secondary input[data-v-652f3722]{display:none;transition:background-color .4s}.blu-chip.b-primary input:checked+span[data-v-652f3722],.blu-chip.b-secondary input:checked+span[data-v-652f3722]{color:#fff;border-color:#1d8fff;background-color:#1d8fff}.blu-chip.b-primary input:checked+span[data-v-652f3722]:hover,.blu-chip.b-secondary input:checked+span[data-v-652f3722]:hover{background-color:#006dea;border-color:#006dea}.blu-chip.b-primary input:checked+span svg[data-v-652f3722]:first-child,.blu-chip.b-secondary input:checked+span svg[data-v-652f3722]:first-child{color:#fff}.blu-chip.b-primary input+span[data-v-652f3722],.blu-chip.b-secondary input+span[data-v-652f3722]{border:1px solid #f1f2f2}.blu-chip.b-primary input+span[data-v-652f3722]:hover,.blu-chip.b-secondary input+span[data-v-652f3722]:hover{background-color:#e1e3e4;border-color:#e1e3e4}.blu-chip.b-disabled span[data-v-652f3722]{cursor:not-allowed;border:1px solid #f1f2f2;background-color:#c8cbcd;border:none;color:rgba(25,34,42,.4)}.blu-chip.b-outline.b-primary input[data-v-652f3722],.blu-chip.b-outline.b-secondary input[data-v-652f3722]{display:none;transition:background-color .4s,border-color .6s}.blu-chip.b-outline.b-primary input:checked+span[data-v-652f3722]{color:#f1ab02;border-color:#1d8fff;background-color:#f3f9ff}.blu-chip.b-outline.b-primary input:checked+span[data-v-652f3722]:hover,.blu-chip.b-outline.b-secondary input:checked+span[data-v-652f3722]:hover{border:1px solid #0072ff}.blu-chip.b-outline.b-primary input+span[data-v-652f3722]{color:#f1ab02;background-color:#fff;border-color:#c8cbcd}.blu-chip.b-outline.b-primary input+span[data-v-652f3722]:hover,.blu-chip.b-outline.b-secondary input+span[data-v-652f3722]:hover{border:1px solid #4fa4ff}.blu-chip.b-outline.b-primary input+span svg[data-v-652f3722]:first-child{color:#f1ab02}.blu-chip.b-outline.b-secondary input:checked+span[data-v-652f3722]{color:#0072ff;border-color:#1d8fff;background-color:#f3f9ff}.blu-chip.b-outline.b-secondary input+span[data-v-652f3722]{color:#0072ff;background-color:#fff;border-color:#c8cbcd}.blu-chip.b-outline.b-secondary input+span svg[data-v-652f3722]:first-child{color:#0072ff}.blu-chip.has-left-icon span[data-v-652f3722]{padding-left:5px}.blu-chip.has-left-icon span>[data-v-652f3722]:first-child{margin-right:4px}.blu-chip.has-left-icon span>svg[data-v-652f3722]:first-child{transform:scale(.75);transform-origin:left;margin-right:-2px;color:#797f85}.blu-chip__wrapper[data-v-652f3722]{min-height:48px;padding:5px 8px;border:1px solid #e1e3e4;border-radius:8px}.blu-chip__wrapper input[data-v-652f3722]{height:32px;border:none;font:16px/20px blibli,-apple-system,segoe ui,roboto,helvetica,arial,sans-serif;color:#19222a;-moz-appearance:none;-webkit-appearance:none}.blu-chip__wrapper.b-outline .blu-chip span[data-v-652f3722]{background-color:#fff;border:1px solid #e1e3e4}.blu-chip__wrapper.b-disabled.blu-chip__wrapper[data-v-652f3722]{opacity:1}.blu-chip__wrapper.b-disabled input[data-v-652f3722]{cursor:not-allowed;pointer-events:none;color:rgba(25,34,42,.7019607843)}.blu-chip__wrapper.b-disabled button[data-v-652f3722]{cursor:not-allowed;pointer-events:none}.blu-chip__wrapper.b-disabled .blu-chip span[data-v-652f3722]{cursor:not-allowed;color:rgba(25,34,42,.4);background-color:#c8cbcd;border:none}.blu-chip.blu-chip-enter-active[data-v-652f3722],.blu-chip.blu-chip-leave-active[data-v-652f3722]{opacity:0;transform:transformZ(0) scale(.8)}.blu-chip.blu-chip-enter-to[data-v-652f3722]{opacity:1;transform:transformZ(0) scale(1)}.blu-chip.b-deletable span[data-v-652f3722]{cursor:default;padding-right:5px}.blu-chip.b-deletable button[data-v-652f3722]{display:flex;align-items:center;margin-left:4px;padding:0;color:#797f85}.blu-chip.b-deletable button svg[data-v-652f3722]{width:18px}.blu-chip.b-duplicated span[data-v-652f3722]{animation:.82s cubic-bezier(.36,.07,.19,.97) both shake-652f3722;
259transform:translate3d(0,0,0);backface-visibility:hidden;perspective:1000px}@keyframes shake-652f3722{10%,90%{transform:translate3d(-1px,0,0)}20%,80%{transform:translate3d(2px,0,0)}30%,50%,70%{transform:translate3d(-4px,0,0)}40%,60%{transform:translate3d(4px,0,0)}}[data-v-652f3722]::-moz-focus-inner{border:0} 260 </style> 261 <style type="text/css"> 262 .blu-chip__wrapper input[data-v-342de9b2]:focus,[data-v-342de9b2]:focus{outline:0}.blu-chip[data-v-342de9b2]{display:inline-flex;transition-duration:.3s}.blu-chip:not(.blue-3) span[data-v-342de9b2]{height:32px;padding:0 10px;margin:2px;display:flex;align-items:center;font:14px/18px blibli,-apple-system,segoe ui,roboto,helvetica,arial,sans-serif;text-decoration:none;cursor:pointer;color:#0072ff;border-radius:8px;border:1px solid #f1f2f2;background-color:#f1f2f2;transition-duration:.3s;white-space:nowrap;letter-spacing:0}.blu-chip.b-primary input[data-v-342de9b2],.blu-chip.b-secondary input[data-v-342de9b2]{display:none;transition:background-color .4s}.blu-chip.b-primary input:checked+span[data-v-342de9b2],.blu-chip.b-secondary input:checked+span[data-v-342de9b2]{color:#fff;border-color:#1d8fff;background-color:#1d8fff}.blu-chip.b-primary input:checked+span[data-v-342de9b2]:hover,.blu-chip.b-secondary input:checked+span[data-v-342de9b2]:hover{background-color:#006dea;border-color:#006dea}.blu-chip.b-primary input:checked+span svg[data-v-342de9b2]:first-child,.blu-chip.b-secondary input:checked+span svg[data-v-342de9b2]:first-child{color:#fff}.blu-chip.b-primary input+span[data-v-342de9b2],.blu-chip.b-secondary input+span[data-v-342de9b2]{border:1px solid #f1f2f2}.blu-chip.b-primary input+span[data-v-342de9b2]:hover,.blu-chip.b-secondary input+span[data-v-342de9b2]:hover{background-color:#e1e3e4;border-color:#e1e3e4}.blu-chip.b-disabled span[data-v-342de9b2]{cursor:not-allowed;border:1px solid #f1f2f2;background-color:#c8cbcd;border:none;color:rgba(25,34,42,.4)}.blu-chip.b-outline.b-primary input[data-v-342de9b2],.blu-chip.b-outline.b-secondary input[data-v-342de9b2]{display:none;transition:background-color .4s,border-color .6s}.blu-chip.b-outline.b-primary input:checked+span[data-v-342de9b2]{color:#f1ab02;border-color:#1d8fff;background-color:#f3f9ff}.blu-chip.b-outline.b-primary input:checked+span[data-v-342de9b2]:hover,.blu-chip.b-outline.b-secondary input:checked+span[data-v-342de9b2]:hover{border:1px solid #0072ff}.blu-chip.b-outline.b-primary input+span[data-v-342de9b2]{color:#f1ab02;background-color:#fff;border-color:#c8cbcd}.blu-chip.b-outline.b-primary input+span[data-v-342de9b2]:hover,.blu-chip.b-outline.b-secondary input+span[data-v-342de9b2]:hover{border:1px solid #4fa4ff}.blu-chip.b-outline.b-primary input+span svg[data-v-342de9b2]:first-child{color:#f1ab02}.blu-chip.b-outline.b-secondary input:checked+span[data-v-342de9b2]{color:#0072ff;border-color:#1d8fff;background-color:#f3f9ff}.blu-chip.b-outline.b-secondary input+span[data-v-342de9b2]{color:#0072ff;background-color:#fff;border-color:#c8cbcd}.blu-chip.b-outline.b-secondary input+span svg[data-v-342de9b2]:first-child{color:#0072ff}.blu-chip.has-left-icon span[data-v-342de9b2]{padding-left:5px}.blu-chip.has-left-icon span>[data-v-342de9b2]:first-child{margin-right:4px}.blu-chip.has-left-icon span>svg[data-v-342de9b2]:first-child{transform:scale(.75);transform-origin:left;margin-right:-2px;color:#797f85}.blu-chip__wrapper[data-v-342de9b2]{min-height:48px;padding:5px 8px;border:1px solid #e1e3e4;border-radius:8px}.blu-chip__wrapper input[data-v-342de9b2]{height:32px;border:none;font:16px/20px blibli,-apple-system,segoe ui,roboto,helvetica,arial,sans-serif;color:#19222a;-moz-appearance:none;-webkit-appearance:none}.blu-chip__wrapper.b-outline .blu-chip span[data-v-342de9b2]{background-color:#fff;border:1px solid #e1e3e4}.blu-chip__wrapper.b-disabled.blu-chip__wrapper[data-v-342de9b2]{opacity:1}.blu-chip__wrapper.b-disabled input[data-v-342de9b2]{cursor:not-allowed;pointer-events:none;color:rgba(25,34,42,.7019607843)}.blu-chip__wrapper.b-disabled button[data-v-342de9b2]{cursor:not-allowed;pointer-events:none}.blu-chip__wrapper.b-disabled .blu-chip span[data-v-342de9b2]{cursor:not-allowed;color:rgba(25,34,42,.4);
262background-color:#c8cbcd;border:none}.blu-chip.blu-chip-enter-active[data-v-342de9b2],.blu-chip.blu-chip-leave-active[data-v-342de9b2]{opacity:0;transform:transformZ(0) scale(.8)}.blu-chip.blu-chip-enter-to[data-v-342de9b2]{opacity:1;transform:transformZ(0) scale(1)}.blu-chip.b-deletable span[data-v-342de9b2]{cursor:default;padding-right:5px}.blu-chip.b-deletable button[data-v-342de9b2]{display:flex;align-items:center;margin-left:4px;padding:0;color:#797f85}.blu-chip.b-deletable button svg[data-v-342de9b2]{width:18px}.blu-chip.b-duplicated span[data-v-342de9b2]{animation:.82s cubic-bezier(.36,.07,.19,.97) both shake-342de9b2;transform:translate3d(0,0,0);backface-visibility:hidden;perspective:1000px}@keyframes shake-342de9b2{10%,90%{transform:translate3d(-1px,0,0)}20%,80%{transform:translate3d(2px,0,0)}30%,50%,70%{transform:translate3d(-4px,0,0)}40%,60%{transform:translate3d(4px,0,0)}}[data-v-342de9b2]::-moz-focus-inner{border:0} 263 </style> 264 <style type="text/css"> 265 .blu-chip__wrapper input[data-v-2ffdd76e]:focus,[data-v-2ffdd76e]:focus{outline:0}.blu-chip[data-v-2ffdd76e]{display:inline-flex;transition-duration:.3s}.blu-chip:not(.blue-3) span[data-v-2ffdd76e]{height:32px;padding:0 10px;margin:2px;display:flex;align-items:center;font:14px/18px blibli,-apple-system,segoe ui,roboto,helvetica,arial,sans-serif;text-decoration:none;cursor:pointer;color:#0072ff;border-radius:8px;border:1px solid #f1f2f2;background-color:#f1f2f2;transition-duration:.3s;white-space:nowrap;letter-spacing:0}.blu-chip.b-primary input[data-v-2ffdd76e],.blu-chip.b-secondary input[data-v-2ffdd76e]{display:none;transition:background-color .4s}.blu-chip.b-primary input:checked+span[data-v-2ffdd76e],.blu-chip.b-secondary input:checked+span[data-v-2ffdd76e]{color:#fff;border-color:#1d8fff;background-color:#1d8fff}.blu-chip.b-primary input:checked+span[data-v-2ffdd76e]:hover,.blu-chip.b-secondary input:checked+span[data-v-2ffdd76e]:hover{background-color:#006dea;border-color:#006dea}.blu-chip.b-primary input:checked+span svg[data-v-2ffdd76e]:first-child,.blu-chip.b-secondary input:checked+span svg[data-v-2ffdd76e]:first-child{color:#fff}.blu-chip.b-primary input+span[data-v-2ffdd76e],.blu-chip.b-secondary input+span[data-v-2ffdd76e]{border:1px solid #f1f2f2}.blu-chip.b-primary input+span[data-v-2ffdd76e]:hover,.blu-chip.b-secondary input+span[data-v-2ffdd76e]:hover{background-color:#e1e3e4;border-color:#e1e3e4}.blu-chip.b-disabled span[data-v-2ffdd76e]{cursor:not-allowed;border:1px solid #f1f2f2;background-color:#c8cbcd;border:none;color:rgba(25,34,42,.4)}.blu-chip.b-outline.b-primary input[data-v-2ffdd76e],.blu-chip.b-outline.b-secondary input[data-v-2ffdd76e]{display:none;transition:background-color .4s,border-color .6s}.blu-chip.b-outline.b-primary input:checked+span[data-v-2ffdd76e]{color:#f1ab02;border-color:#1d8fff;background-color:#f3f9ff}.blu-chip.b-outline.b-primary input:checked+span[data-v-2ffdd76e]:hover,.blu-chip.b-outline.b-secondary input:checked+span[data-v-2ffdd76e]:hover{border:1px solid #0072ff}.blu-chip.b-outline.b-primary input+span[data-v-2ffdd76e]{color:#f1ab02;background-color:#fff;border-color:#c8cbcd}.blu-chip.b-outline.b-primary input+span[data-v-2ffdd76e]:hover,.blu-chip.b-outline.b-secondary input+span[data-v-2ffdd76e]:hover{border:1px solid #4fa4ff}.blu-chip.b-outline.b-primary input+span svg[data-v-2ffdd76e]:first-child{color:#f1ab02}.blu-chip.b-outline.b-secondary input:checked+span[data-v-2ffdd76e]{color:#0072ff;border-color:#1d8fff;background-color:#f3f9ff}.blu-chip.b-outline.b-secondary input+span[data-v-2ffdd76e]{color:#0072ff;background-color:#fff;border-color:#c8cbcd}.blu-chip.b-outline.b-secondary input+span svg[data-v-2ffdd76e]:first-child{color:#0072ff}.blu-chip.has-left-icon span[data-v-2ffdd76e]{padding-left:5px}.blu-chip.has-left-icon span>[data-v-2ffdd76e]:first-child{margin-right:4px}.blu-chip.has-left-icon span>svg[data-v-2ffdd76e]:first-child{transform:scale(.75);transform-origin:left;margin-right:-2px;color:#797f85}.blu-chip__wrapper[data-v-2ffdd76e]{min-height:48px;padding:5px 8px;border:1px solid #e1e3e4;border-radius:8px}.blu-chip__wrapper input[data-v-2ffdd76e]{height:32px;border:none;font:16px/20px blibli,-apple-system,segoe ui,roboto,helvetica,arial,sans-serif;color:#19222a;-moz-appearance:none;-webkit-appearance:none}.blu-chip__wrapper.b-outline .blu-chip span[data-v-2ffdd76e]{background-color:#fff;border:1px solid #e1e3e4}.blu-chip__wrapper.b-disabled.blu-chip__wrapper[data-v-2ffdd76e]{opacity:1}.blu-chip__wrapper.b-disabled input[data-v-2ffdd76e]{cursor:not-allowed;pointer-events:none;color:rgba(25,34,42,.7019607843)}.blu-chip__wrapper.b-disabled button[data-v-2ffdd76e]{cursor:not-allowed;pointer-events:none}.blu-chip__wrapper.b-disabled .blu-chip span[data-v-2ffdd76e]{cursor:not-allowed;color:rgba(25,34,42,.4);
265background-color:#c8cbcd;border:none}.blu-chip.blu-chip-enter-active[data-v-2ffdd76e],.blu-chip.blu-chip-leave-active[data-v-2ffdd76e]{opacity:0;transform:transformZ(0) scale(.8)}.blu-chip.blu-chip-enter-to[data-v-2ffdd76e]{opacity:1;transform:transformZ(0) scale(1)}.blu-chip.b-deletable span[data-v-2ffdd76e]{cursor:default;padding-right:5px}.blu-chip.b-deletable button[data-v-2ffdd76e]{display:flex;align-items:center;margin-left:4px;padding:0;color:#797f85}.blu-chip.b-deletable button svg[data-v-2ffdd76e]{width:18px}.blu-chip.b-duplicated span[data-v-2ffdd76e]{animation:.82s cubic-bezier(.36,.07,.19,.97) both shake-2ffdd76e;transform:translate3d(0,0,0);backface-visibility:hidden;perspective:1000px}@keyframes shake-2ffdd76e{10%,90%{transform:translate3d(-1px,0,0)}20%,80%{transform:translate3d(2px,0,0)}30%,50%,70%{transform:translate3d(-4px,0,0)}40%,60%{transform:translate3d(4px,0,0)}}[data-v-2ffdd76e]::-moz-focus-inner{border:0} 266 </style> 267 <style type="text/css"> 268 .blu-tooltip[data-v-0ee5205b]{position:relative}@media screen and (min-width:769px),print{.blu-tooltip.b-left-center[data-v-0ee5205b],.blu-tooltip.b-right-center[data-v-0ee5205b]{align-items:center}.blu-tooltip.b-left-btm[data-v-0ee5205b],.blu-tooltip.b-left-center[data-v-0ee5205b],.blu-tooltip.b-left-top[data-v-0ee5205b],.blu-tooltip.b-right-btm[data-v-0ee5205b],.blu-tooltip.b-right-center[data-v-0ee5205b],.blu-tooltip.b-right-top[data-v-0ee5205b]{display:inline-flex}} 269 </style> 270 <style type="text/css"> 271 @media screen and (min-width:769px),print{.blu-tooltip__label[data-v-9241c53c]{position:relative}.blu-tooltip__label[data-v-9241c53c]:hover{cursor:default}.blu-tooltip__label:hover+.blu-tooltip__label[data-v-9241c53c]:after{opacity:1;transition:.5s}.blu-tooltip__label[data-v-9241c53c]:focus-visible{background-color:#000;color:#fff;outline:0;cursor:default}.blu-tooltip__label:focus-visible+.blu-tooltip__label[data-v-9241c53c]:after{opacity:1;transition:.5s}.blu-tooltip.b-top-center .blu-tooltip__label[data-v-9241c53c]::after,.blu-tooltip.b-top-left .blu-tooltip__label[data-v-9241c53c]::after,.blu-tooltip.b-top-right .blu-tooltip__label[data-v-9241c53c]::after{bottom:100%;border-color:#fff transparent transparent}.blu-tooltip.b-right-btm .blu-tooltip__label[data-v-9241c53c]::after,.blu-tooltip.b-right-center .blu-tooltip__label[data-v-9241c53c]::after,.blu-tooltip.b-right-top .blu-tooltip__label[data-v-9241c53c]::after{top:4px;left:100%;border-color:transparent #fff transparent transparent}.blu-tooltip.b-left-btm .blu-tooltip__label[data-v-9241c53c]:after,.blu-tooltip.b-left-center .blu-tooltip__label[data-v-9241c53c]:after,.blu-tooltip.b-left-top .blu-tooltip__label[data-v-9241c53c]:after{left:-16px;top:4px;border-color:transparent transparent transparent #fff}}@media screen and (max-width:768px){.b-active .blu-tooltip__label[data-v-9241c53c]{position:relative;z-index:1;opacity:.5}.b-active .blu-tooltip__label+.blu-tooltip__content-wrapper[data-v-9241c53c]{opacity:1;transition:.5s;z-index:99}.b-active .blu-tooltip__label+.blu-tooltip__content-wrapper .blu-tooltip__mask[data-v-9241c53c]{visibility:visible}.b-active .blu-tooltip__label+.blu-tooltip__content-wrapper .blu-tooltip__content[data-v-9241c53c]{opacity:1;visibility:visible}} 272 </style> 273 <style type="text/css"> 274 @keyframes scale-up-1b7c2afb{0%{transform:scale(.5)}25%{transform:scale(.8)}50%{transform:scale(1)}}.blu-tooltip__content[data-v-1b7c2afb]{font:16px/20px blibli,-apple-system,segoe ui,roboto,helvetica,arial,sans-serif;width:250px;text-align:left;border-radius:8px;background-color:#fff;padding:16px;transition:visibility .3s,opacity .3s .2s;opacity:0;pointer-events:all;visibility:hidden;color:rgba(25,34,42,.7019607843);box-shadow:0 1px 6px 0 rgba(0,0,0,.1)}@media screen and (min-width:769px),print{.blu-tooltip__content[data-v-1b7c2afb]:hover{opacity:1;visibility:visible}.blu-tooltip__content-wrapper[data-v-1b7c2afb]{position:absolute;z-index:1;pointer-events:none}.blu-tooltip__label:hover+.blu-tooltip__content-wrapper .blu-tooltip__content[data-v-1b7c2afb]{opacity:1;visibility:visible;animation:.2s cubic-bezier(0,0,.4,1.4) .2s scale-up-1b7c2afb}.blu-tooltip__label:focus-visible+.blu-tooltip__content-wrapper .blu-tooltip__content[data-v-1b7c2afb]{opacity:1;visibility:visible;animation:.2s cubic-bezier(0,0,.4,1.4) .2s scale-up-1b7c2afb}.blu-tooltip__close[data-v-1b7c2afb]{display:none}.blu-tooltip.b-btm-center .blu-tooltip__label[data-v-1b7c2afb]:after,.blu-tooltip.b-btm-left .blu-tooltip__label[data-v-1b7c2afb]:after,.blu-tooltip.b-btm-right .blu-tooltip__label[data-v-1b7c2afb]:after,.blu-tooltip.b-top-center .blu-tooltip__label[data-v-1b7c2afb]:after,.blu-tooltip.b-top-left .blu-tooltip__label[data-v-1b7c2afb]:after,.blu-tooltip.b-top-right .blu-tooltip__label[data-v-1b7c2afb]:after{left:calc(50% - 8px)}.blu-tooltip.b-btm-center .blu-tooltip__content-wrapper[data-v-1b7c2afb],.blu-tooltip.b-top-center .blu-tooltip__content-wrapper[data-v-1b7c2afb]{height:0}.blu-tooltip.b-btm-center .blu-tooltip__content[data-v-1b7c2afb],.blu-tooltip.b-top-center .blu-tooltip__content[data-v-1b7c2afb]{margin:auto}.blu-tooltip.b-btm-right .blu-tooltip__content-wrapper[data-v-1b7c2afb],.blu-tooltip.b-top-right .blu-tooltip__content-wrapper[data-v-1b7c2afb]{left:0}.blu-tooltip.b-btm-left .blu-tooltip__content-wrapper[data-v-1b7c2afb],.blu-tooltip.b-top-left .blu-tooltip__content-wrapper[data-v-1b7c2afb]{right:0}.blu-tooltip.b-top-center .blu-tooltip__content-wrapper[data-v-1b7c2afb],.blu-tooltip.b-top-left .blu-tooltip__content-wrapper[data-v-1b7c2afb],.blu-tooltip.b-top-right .blu-tooltip__content-wrapper[data-v-1b7c2afb]{bottom:calc(100% + 16px);height:auto}.blu-tooltip.b-btm-center .blu-tooltip__content-wrapper[data-v-1b7c2afb],.blu-tooltip.b-btm-left .blu-tooltip__content-wrapper[data-v-1b7c2afb],.blu-tooltip.b-btm-right .blu-tooltip__content-wrapper[data-v-1b7c2afb]{top:calc(100% + 16px)}.blu-tooltip.b-btm-center .blu-tooltip__label[data-v-1b7c2afb]:after,.blu-tooltip.b-btm-left .blu-tooltip__label[data-v-1b7c2afb]:after,.blu-tooltip.b-btm-right .blu-tooltip__label[data-v-1b7c2afb]:after{top:100%}.blu-tooltip.b-left-center .blu-tooltip__content-wrapper[data-v-1b7c2afb],.blu-tooltip.b-right-center .blu-tooltip__content-wrapper[data-v-1b7c2afb]{height:100vh;display:flex;align-items:center;width:1px;display:inline-grid}.blu-tooltip.b-right-btm .blu-tooltip__content-wrapper[data-v-1b7c2afb],.blu-tooltip.b-right-center .blu-tooltip__content-wrapper[data-v-1b7c2afb],.blu-tooltip.b-right-top .blu-tooltip__content-wrapper[data-v-1b7c2afb]{position:absolute;
274left:calc(100% + 16px)}.blu-tooltip.b-right-top .blu-tooltip__content-wrapper[data-v-1b7c2afb]{bottom:calc(100% - 33px)}.blu-tooltip.b-right-btm .blu-tooltip__content-wrapper[data-v-1b7c2afb]{top:calc(100% - 33px)}.blu-tooltip.b-left-btm .blu-tooltip__content-wrapper[data-v-1b7c2afb],.blu-tooltip.b-left-center .blu-tooltip__content-wrapper[data-v-1b7c2afb],.blu-tooltip.b-left-top .blu-tooltip__content-wrapper[data-v-1b7c2afb]{width:1px;left:-17px}.blu-tooltip.b-left-btm .blu-tooltip__content[data-v-1b7c2afb],.blu-tooltip.b-left-center .blu-tooltip__content[data-v-1b7c2afb],.blu-tooltip.b-left-top .blu-tooltip__content[data-v-1b7c2afb]{position:absolute;right:0}.blu-tooltip.b-left-top .blu-tooltip__content[data-v-1b7c2afb]{bottom:calc(100% - 30px)}.blu-tooltip.b-left-btm .blu-tooltip__content[data-v-1b7c2afb]{top:calc(100% - 15px)}}@media screen and (min-width:769px)and (min-width:769px),print{.blu-tooltip__content-wrapper.b-page .blu-modal__close[data-v-1b7c2afb]{display:none}.blu-tooltip.b-btm-center .blu-tooltip__content-wrapper[data-v-1b7c2afb],.blu-tooltip.b-top-center .blu-tooltip__content-wrapper[data-v-1b7c2afb]{right:50%}.blu-tooltip.b-btm-center .blu-tooltip__content[data-v-1b7c2afb],.blu-tooltip.b-top-center .blu-tooltip__content[data-v-1b7c2afb]{margin:auto -50% auto auto}}@media screen and (max-width:768px){.blu-tooltip.b-active .blu-tooltip__content[data-v-1b7c2afb]{max-height:calc(100% - 50px);padding:24px 24px 28px;visibility:visible;opacity:1}.blu-tooltip.b-active .blu-tooltip__content-wrapper[data-v-1b7c2afb]{opacity:1;z-index:99;visibility:visible}.blu-tooltip.b-active .blu-tooltip__content-wrapper .blu-tooltip__content[data-v-1b7c2afb]{opacity:1;visibility:visible}.blu-tooltip__content[data-v-1b7c2afb]{width:100%;max-width:100%;transition:none;position:fixed;border-radius:16px 16px 0 0;left:0;bottom:0;opacity:0}
274.blu-tooltip__content-wrapper[data-v-1b7c2afb]{position:fixed;display:flex;top:0;left:0;width:100%;height:100%;align-items:center;justify-content:center;background:rgba(0,0,0,.6);opacity:0;z-index:-1;visibility:hidden}}@media screen and (max-width:768px)and (max-width:768px){.blu-tooltip__close[data-v-1b7c2afb]{position:absolute;top:-28px;right:20px}.blu-tooltip__close i[data-v-1b7c2afb]{content:"";top:1px;right:1px;position:absolute;width:24px;height:24px;transform:scale(1.3);background:rgba(0,0,0,0) center center no-repeat #e1e3e4;background-color:#e1e3e4;-webkit-mask-image:url(data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PSIwIDAgMjQgMjQiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGQ9Ik0xMy43NjcyIDEyTDE3LjYzMiA4LjEzODM5QzE4LjEyMjcgNy42NDgxOSAxOC4xMjI3IDYuODU3ODYgMTcuNjMyIDYuMzY3NjVDMTcuMTQxNCA1Ljg3NzQ1IDE2LjM1MDQgNS44Nzc0NSAxNS44NTk4IDYuMzY3NjVMMTEuOTk1IDEwLjIyOTNMOC4xNDAxOCA2LjM3NzY2QzcuNjQ5NTYgNS44ODc0NSA2Ljg1ODU3IDUuODg3NDUgNi4zNjc5NiA2LjM3NzY2QzUuODc3MzUgNi44Njc4NiA1Ljg3NzM1IDcuNjU4MTkgNi4zNjc5NiA4LjE0ODRMMTAuMjIyOCAxMkw2LjM2Nzk2IDE1Ljg2MTZDNS44NzczNSAxNi4zNTE4IDUuODc3MzUgMTcuMTQyMSA2LjM2Nzk2IDE3LjYzMjNDNi44NTg1NyAxOC4xMjI2IDcuNjQ5NTYgMTguMTIyNiA4LjE0MDE4IDE3LjYzMjNMMTIuMDA1IDEzLjc3MDdMMTUuODU5OCAxNy42MjIzQzE2LjM1MDQgMTguMTEyNSAxNy4xNDE0IDE4LjExMjUgMTcuNjMyIDE3LjYyMjNDMTguMTIyNyAxNy4xMzIxIDE4LjEyMjcgMTYuMzQxOCAxNy42MzIgMTUuODUxNkwxMy43NzcyIDEySDEzLjc2NzJaIiBmaWxsPSIjNzk3Rjg1Ii8+Cjwvc3ZnPgo=)}} 275 </style> 276 <style type="text/css"> 277 svg[data-v-4754ff3d] { 278 display: inline-block; 279 vertical-align: baseline 280 } 281 </style> 282 <style type="text/css"> 283 .blu-ripple[data-v-2bedc3c7] { 284 width: 100%; 285 height: 100%; 286 position: relative; 287 overflow: hidden; 288 display: flex; 289 justify-content: center; 290 align-items: center; 291 -webkit-box-pack: center; 292 -webkit-box-align: center; 293 -webkit-mask-image: radial-gradient(circle, #ffffff 100%, #000000 100%); 294 padding: 0 12px 295 } 296 297 .blu-ripple-wave[data-v-2bedc3c7] { 298 position: absolute; 299 z-index: 1; 300 pointer-events: none; 301 background: currentColor; 302 border-radius: 50%; 303 opacity: 0; 304 transform: scale(2) translateZ(0) 305 } 306 307 .blu-ripple-wave.b-centered[data-v-2bedc3c7] { 308 animation-duration: 1.2s; 309 top: 50%; 310 left: 50% 311 } 312 313 .blu-ripple-wave~*[data-v-2bedc3c7]:not(.blu-ripple-wave) { 314 position: relative; 315 z-index: 2 316 } 317 318 .blu-ripple-enter-active[data-v-2bedc3c7] { 319 transition: 2s cubic-bezier(0.25, 0.8, 0.25, 1); 320 transition-property: opacity,transform; 321 will-change: opacity,transform 322 } 323 324 .blu-ripple-enter-active.b-centered[data-v-2bedc3c7] { 325 transition-duration: 1.2s 326 } 327 328 .blu-ripple-enter[data-v-2bedc3c7] { 329 opacity: .26; 330 transform: scale(0.26) translateZ(0) 331 } 332 333 .has-left-icon .blu-ripple svg[data-v-2bedc3c7] { 334 margin-right: 8px 335 } 336 337 .has-left-icon.b-small svg[data-v-2bedc3c7] { 338 transform-origin: left; 339 margin-right: 4px 340 } 341 342 .b-large .blu-ripple[data-v-2bedc3c7] { 343 padding: 0 16px 344 } 345 346 .b-small .blu-ripple[data-v-2bedc3c7] { 347 padding: 0 8px 348 } 349 350 .b-small svg[data-v-2bedc3c7] { 351 width: 18px; 352 height: 18px 353 } 354 355 .b-icon .blu-ripple[data-v-2bedc3c7] { 356 padding: 0 357 } 358 359 .b-loading .blu-loader-wrapper[data-v-2bedc3c7] { 360 height: 24px; 361 position: absolute 362 } 363 364 .b-loading .blu-ripple[data-v-2bedc3c7] { 365 color: rgba(0,0,0,0) 366 } 367 368 .b-loading .blu-ripple>svg[data-v-2bedc3c7] { 369 visibility: hidden 370 } 371 372 .b-loading .blu-ripple .blu-ripple-wave[data-v-2bedc3c7] { 373 color: #fff 374 } 375 376 .b-loading.b-white .blu-ripple-wave[data-v-2bedc3c7] { 377 color: #0072ff 378 } 379 380 .b-loading.b-outline.b-secondary .blu-ripple-wave[data-v-2bedc3c7] { 381 color: #0072ff 382 } 383 384 .b-loading.b-outline.b-primary .blu-ripple-wave[data-v-2bedc3c7] { 385 color: #f1ab02 386 } 387 388 .b-loading.b-ghost.b-secondary .blu-ripple-wave[data-v-2bedc3c7] { 389 color: #0072ff 390 } 391 392 .b-loading.b-ghost.b-primary .blu-ripple-wave[data-v-2bedc3c7] { 393 color: #f1ab02 394 } 395 396 .blu-input-stepper .blu-btn .blu-ripple[data-v-2bedc3c7] { 397 padding: 0; 398 width: 24px; 399 height: 24px; 400 border-radius: 50% 401 } 402 403 .blu-input-stepper .blu-btn .blu-ripple svg[data-v-2bedc3c7] { 404 width: 18px; 405 height: 18px; 406 margin-left: 1px 407 } 408 409 .blu-input-stepper .blu-btn .blu-ripple-enter-active[data-v-2bedc3c7] { 410 background: #0072ff 411 } 412 413 .b-disabled[data-v-2bedc3c7] { 414 opacity: 1 415 } 416 417 .blu-btn-dropdown .blu-ripple>svg+div[data-v-2bedc3c7] { 418 margin-left: 8px 419 } 420 </style> 421 <style type="text/css"> 422 .blu-ripple[data-v-574d97b4] { 423 width: 100%; 424 height: 100%; 425 position: relative; 426 overflow: hidden; 427 display: flex; 428 justify-content: center; 429 align-items: center; 430 -webkit-box-pack: center; 431 -webkit-box-align: center; 432 -webkit-mask-image: radial-gradient(circle, #ffffff 100%, #000000 100%); 433 padding: 0 12px 434 } 435 436 .blu-ripple-wave[data-v-574d97b4] { 437 position: absolute; 438 z-index: 1; 439 pointer-events: none; 440 background: currentColor; 441 border-radius: 50%; 442 opacity: 0; 443 transform: scale(2) translateZ(0) 444 } 445 446 .blu-ripple-wave.b-centered[data-v-574d97b4] { 447 animation-duration: 1.2s; 448 top: 50%; 449 left: 50% 450 } 451 452 .blu-ripple-wave~*[data-v-574d97b4]:not(.blu-ripple-wave) { 453 position: relative; 454 z-index: 2 455 } 456 457 .blu-ripple-enter-active[data-v-574d97b4] { 458 transition: 2s cubic-bezier(0.25, 0.8, 0.25, 1); 459 transition-property: opacity,transform; 460 will-change: opacity,transform 461 } 462 463 .blu-ripple-enter-active.b-centered[data-v-574d97b4] { 464 transition-duration: 1.2s 465 } 466 467 .blu-ripple-enter[data-v-574d97b4] { 468 opacity: .26; 469 transform: scale(0.26) translateZ(0) 470 } 471 472 .has-left-icon .blu-ripple svg[data-v-574d97b4] { 473 margin-right: 8px 474 } 475 476 .has-left-icon.b-small svg[data-v-574d97b4] { 477 transform-origin: left; 478 margin-right: 4px 479 } 480 481 .b-large .blu-ripple[data-v-574d97b4] { 482 padding: 0 16px 483 } 484 485 .b-small .blu-ripple[data-v-574d97b4] { 486 padding: 0 8px 487 } 488 489 .b-small svg[data-v-574d97b4] { 490 width: 18px; 491 height: 18px 492 } 493 494 .b-icon .blu-ripple[data-v-574d97b4] { 495 padding: 0 496 } 497 498 .b-loading .blu-loader-wrapper[data-v-574d97b4] { 499 height: 24px; 500 position: absolute 501 } 502 503 .b-loading .blu-ripple[data-v-574d97b4] { 504 color: rgba(0,0,0,0) 505 } 506 507 .b-loading .blu-ripple>svg[data-v-574d97b4] { 508 visibility: hidden 509 } 510 511 .b-loading .blu-ripple .blu-ripple-wave[data-v-574d97b4] { 512 color: #fff 513 } 514 515 .b-loading.b-white .blu-ripple-wave[data-v-574d97b4] { 516 color: #0072ff 517 } 518 519 .b-loading.b-outline.b-secondary .blu-ripple-wave[data-v-574d97b4] { 520 color: #0072ff 521 } 522 523 .b-loading.b-outline.b-primary .blu-ripple-wave[data-v-574d97b4] { 524 color: #f1ab02 525 } 526 527 .b-loading.b-ghost.b-secondary .blu-ripple-wave[data-v-574d97b4] { 528 color: #0072ff 529 } 530 531 .b-loading.b-ghost.b-primary .blu-ripple-wave[data-v-574d97b4] { 532 color: #f1ab02 533 } 534 535 .blu-input-stepper .blu-btn .blu-ripple[data-v-574d97b4] { 536 padding: 0; 537 width: 24px; 538 height: 24px; 539 border-radius: 50% 540 } 541 542 .blu-input-stepper .blu-btn .blu-ripple svg[data-v-574d97b4] { 543 width: 18px; 544 height: 18px; 545 margin-left: 1px 546 } 547 548 .blu-input-stepper .blu-btn .blu-ripple-enter-active[data-v-574d97b4] { 549 background: #0072ff 550 } 551 552 .b-disabled[data-v-574d97b4] { 553 opacity: 1 554 } 555 556 .blu-btn-dropdown .blu-ripple>svg+div[data-v-574d97b4] { 557 margin-left: 8px 558 } 559 </style> 560 <style type="text/css"> 561 .blu-ripple[data-v-19fd2cc7] { 562 width: 100%; 563 height: 100%; 564 position: relative; 565 overflow: hidden; 566 display: flex; 567 justify-content: center; 568 align-items: center; 569 -webkit-box-pack: center; 570 -webkit-box-align: center; 571 -webkit-mask-image: radial-gradient(circle, #ffffff 100%, #000000 100%); 572 padding: 0 12px 573 } 574 575 .blu-ripple-wave[data-v-19fd2cc7] { 576 position: absolute; 577 z-index: 1; 578 pointer-events: none; 579 background: currentColor; 580 border-radius: 50%; 581 opacity: 0; 582 transform: scale(2) translateZ(0) 583 } 584 585 .blu-ripple-wave.b-centered[data-v-19fd2cc7] { 586 animation-duration: 1.2s; 587 top: 50%; 588 left: 50% 589 } 590 591 .blu-ripple-wave~*[data-v-19fd2cc7]:not(.blu-ripple-wave) { 592 position: relative; 593 z-index: 2 594 } 595 596 .blu-ripple-enter-active[data-v-19fd2cc7] { 597 transition: 2s cubic-bezier(0.25, 0.8, 0.25, 1); 598 transition-property: opacity,transform; 599 will-change: opacity,transform 600 } 601 602 .blu-ripple-enter-active.b-centered[data-v-19fd2cc7] { 603 transition-duration: 1.2s 604 } 605 606 .blu-ripple-enter[data-v-19fd2cc7] { 607 opacity: .26; 608 transform: scale(0.26) translateZ(0) 609 } 610 611 .has-left-icon .blu-ripple svg[data-v-19fd2cc7] { 612 margin-right: 8px 613 } 614 615 .has-left-icon.b-small svg[data-v-19fd2cc7] { 616 transform-origin: left; 617 margin-right: 4px 618 } 619 620 .b-large .blu-ripple[data-v-19fd2cc7] { 621 padding: 0 16px 622 } 623 624 .b-small .blu-ripple[data-v-19fd2cc7] { 625 padding: 0 8px 626 } 627 628 .b-small svg[data-v-19fd2cc7] { 629 width: 18px; 630 height: 18px 631 } 632 633 .b-icon .blu-ripple[data-v-19fd2cc7] { 634 padding: 0 635 } 636 637 .b-loading .blu-loader-wrapper[data-v-19fd2cc7] { 638 height: 24px; 639 position: absolute 640 } 641 642 .b-loading .blu-ripple[data-v-19fd2cc7] { 643 color: rgba(0,0,0,0) 644 } 645 646 .b-loading .blu-ripple>svg[data-v-19fd2cc7] { 647 visibility: hidden 648 } 649 650 .b-loading .blu-ripple .blu-ripple-wave[data-v-19fd2cc7] { 651 color: #fff 652 } 653 654 .b-loading.b-white .blu-ripple-wave[data-v-19fd2cc7] { 655 color: #0072ff 656 } 657 658 .b-loading.b-outline.b-secondary .blu-ripple-wave[data-v-19fd2cc7] { 659 color: #0072ff 660 } 661 662 .b-loading.b-outline.b-primary .blu-ripple-wave[data-v-19fd2cc7] { 663 color: #f1ab02 664 } 665 666 .b-loading.b-ghost.b-secondary .blu-ripple-wave[data-v-19fd2cc7] { 667 color: #0072ff 668 } 669 670 .b-loading.b-ghost.b-primary .blu-ripple-wave[data-v-19fd2cc7] { 671 color: #f1ab02 672 } 673 674 .blu-input-stepper .blu-btn .blu-ripple[data-v-19fd2cc7] { 675 padding: 0; 676 width: 24px; 677 height: 24px; 678 border-radius: 50% 679 } 680 681 .blu-input-stepper .blu-btn .blu-ripple svg[data-v-19fd2cc7] { 682 width: 18px; 683 height: 18px; 684 margin-left: 1px 685 } 686 687 .blu-input-stepper .blu-btn .blu-ripple-enter-active[data-v-19fd2cc7] { 688 background: #0072ff 689 } 690 691 .b-disabled[data-v-19fd2cc7] { 692 opacity: 1 693 } 694 695 .blu-btn-dropdown .blu-ripple>svg+div[data-v-19fd2cc7] { 696 margin-left: 8px 697 } 698 699 .blu-btn[data-v-19fd2cc7] { 700 position: relative; 701 font: 16px/20px "blibli demi bold",-apple-system,segoe ui,roboto,helvetica,arial,sans-serif; 702 text-decoration: none; 703 transition: color .4s,background-color .4s,border-color .6s; 704 white-space: nowrap; 705 height: 48px; 706 padding: 0; 707 -webkit-tap-highlight-color: rgba(0,0,0,0) 708 } 709 710 .blu-btn[data-v-19fd2cc7]::-moz-focus-inner { 711 border: 0 712 } 713 714 .blu-btn[data-v-19fd2cc7]:active { 715 outline: none 716 } 717 718 .blu-btn[data-v-19fd2cc7]:before { 719 position: absolute; 720 top: 0; 721 right: 0; 722 bottom: 0; 723 left: 0; 724 z-index: 1; 725 opacity: 0; 726 transition: .4s cubic-bezier(0.4, 0, 0.2, 1); 727 will-change: background-color,opacity; 728 content: " " 729 } 730 731 .blu-btn[data-v-19fd2cc7]:focus-visible { 732 box-shadow: 0px 0px 0px 4px #000 733 } 734 735 .blu-btn.b-primary[data-v-19fd2cc7] { 736 color: #fff; 737 background-color: #f1ab02; 738 border-color: #f1ab02 739 } 740 741 .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] { 742 background-color: #e39304; 743 border-color: #e39304 744 } 745 746 .blu-btn.b-secondary[data-v-19fd2cc7] { 747 color: #fff; 748 background-color: #0072ff; 749 border-color: #0072ff 750 } 751 752 .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] { 753 background-color: #006dea; 754 border-color: #006dea 755 } 756 757 .blu-btn.b-white[data-v-19fd2cc7] { 758 color: #fff; 759 backgr
759ound-color: #fff; 760 border-color: #fff; 761 color: #0072ff 762 } 763 764 .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] { 765 background-color: #f1f2f2; 766 border-color: #f1f2f2 767 } 768 769 .blu-btn.b-disabled[data-v-19fd2cc7] { 770 color: #fff; 771 background-color: #c8cbcd; 772 border-color: #c8cbcd; 773 color: rgba(25,34,42,.4) 774 } 775 776 .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] { 777 background-color: #c8cbcd; 778 border-color: #c8cbcd 779 } 780 781 .blu-btn.b-large[data-v-19fd2cc7] { 782 height: 56px 783 } 784 785 .blu-btn.b-small[data-v-19fd2cc7] { 786 font: 14px/18px "blibli demi bold",-apple-system,segoe ui,roboto,helvetica,arial,sans-serif; 787 height: 32px 788 } 789 790 .b-disabled[data-v-19fd2cc7] { 791 opacity: 1 792 } 793 794 input[type=submit][data-v-19fd2cc7]::-moz-focus-inner,input[type=button][data-v-19fd2cc7]::-moz-focus-inner { 795 border: 0px 796 } 797 798 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] { 799 outline: none 800 } 801 802 a[data-v-19fd2cc7],a[data-v-19fd2cc7]:visited,a[data-v-19fd2cc7]:focus,a[data-v-19fd2cc7]:active,a[data-v-19fd2cc7]:hover { 803 outline: 0 none !important 804 } 805 806 .blu-btn[data-v-19fd2cc7] { 807 border-radius: 24px 808 } 809 810 .blu-btn+.blu-button[data-v-19fd2cc7] { 811 margin-left: 0 812 } 813 814 .blu-btn.b-outline[data-v-19fd2cc7] { 815 background-color: rgba(0,0,0,0) 816 } 817 818 .blu-btn.b-outline.b-primary[data-v-19fd2cc7] { 819 color: #f1ab02; 820 background-color: #e39304; 821 border: #ffcd00 1px solid 822 } 823 824 .blu-btn.b-outline.b-primary[data-v-19fd2cc7]:not(.b-disabled) { 825 background-color: rgba(255,255,255,.12) 826 } 827 828 .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] { 829 background-color: rgba(227,147,4,.08); 830 border: #ffcd00 1px solid 831 } 832 833 .blu-btn.b-outline.b-primary.b-active[data-v-19fd2cc7] { 834 z-index: 9; 835 background-color: #f1ab02; 836 color: #fff 837 } 838 839 .blu-btn.b-outline.b-secondary[data-v-19fd2cc7] { 840 color: #0072ff; 841 background-color: #006dea; 842 border: #1d8fff 1px solid 843 } 844 845 .blu-btn.b-outline.b-secondary[data-v-19fd2cc7]:not(.b-disabled) { 846 background-color: rgba(255,255,255,.12) 847 } 848 849 .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] { 850 background-color: rgba(0,109,234,.08); 851 border: #1d8fff 1px solid 852 } 853 854 .blu-btn.b-outline.b-secondary.b-active[data-v-19fd2cc7] { 855 z-index: 9; 856 background-color: #0072ff; 857 color: #fff 858 } 859 860 .blu-btn.b-outline.b-white[data-v-19fd2cc7] { 861 color: #fff; 862 background-color: #fff; 863 border: #fff 1px solid 864 } 865 866 .blu-btn.b-outline.b-white[data-v-19fd2cc7]:not(.b-disabled) { 867 background-color: rgba(255,255,255,.12) 868 } 869 870 .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] { 871 background-color: rgba(255,255,255,.4); 872 border: #fff 1px solid 873 } 874 875 .blu-btn.b-outline.b-white.b-active[data-v-19fd2cc7] { 876 z-index: 9; 877 background-color: #fff; 878 color: #fff 879 } 880 881 .blu-btn.b-outline.b-disabled[data-v-19fd2cc7] { 882 color: rgba(25,34,42,.4); 883 background-color: #c8cbcd; 884 border: #c8cbcd 1px solid 885 } 886 887 .blu-btn.b-outline.b-disabled[data-v-19fd2cc7]:not(.b-disabled) { 888 background-color: rgba(255,255,255,.12) 889 } 890 891 .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] { 892 background-color: rgba(200,203,205,.08); 893 border: #c8cbcd 1px solid 894 } 895 896 .blu-btn.b-outline.b-disabled.b-active[data-v-19fd2cc7] { 897 z-index: 9; 898 background-color: rgba(25,34,42,.4); 899 color: #fff 900 } 901 902 .blu-btn.b-outline.b-small .blu-ripple[data-v-19fd2cc7] { 903 border-radius: 14px 904 } 905 906 .blu-btn.b-outline.b-large .blu-ripple[data-v-19fd2cc7] { 907 border-radius: 30px 908 } 909 910 .blu-btn.b-ghost[data-v-19fd2cc7] { 911 background-color: rgba(0,0,0,0); 912 border-color: rgba(0,0,0,0) 913 } 914 915 .blu-btn.b-ghost.b-primary[data-v-19fd2cc7] { 916 color: #f1ab02; 917 border-color: rgba(0,0,0,0) 918 } 919 920 .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] { 921 border-color: rgba(0,0,0,0); 922 background-color: rgba(227,147,4,.08) 923 } 924 925 .blu-btn.b-ghost.b-secondary[data-v-19fd2cc7] { 926 color: #0072ff; 927 border-color: rgba(0,0,0,0) 928 } 929 930 .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] { 931 border-color: rgba(0,0,0,0); 932 background-color: rgba(0,109,234,.08) 933 } 934 935 .blu-btn.b-ghost.b-white[data-v-19fd2cc7] { 936 color: #fff; 937 border-color: rgba(0,0,0,0) 938 } 939 940 .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] { 941 border-color: rgba(0,0,0,0); 942 background-color: rgba(255,255,255,.4) 943 } 944 945 .blu-btn.b-ghost.b-white.b-disabled[data-v-19fd2cc7] { 946 color: rgba(255,255,255,.4); 947 border-color: rgba(0,0,0,0) 948 } 949 950 .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] { 951 border-color: rgba(0,0,0,0); 952 background-color: rgba(0,0,0,0) 953 } 954 955 .blu-btn.b-ghost.b-disabled[data-v-19fd2cc7] { 956 color: rgba(25,34,42,.4); 957 border-color: rgba(0,0,0,0) 958 } 959 960 .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] { 961 border-color: rgba(0,0,0,0); 962 background-color: rgba(0,0,0,0) 963 } 964 965 .blu-btn.b-warning[data-v-19fd2cc7] { 966 color: #fff; 967 background-color: #ffcd00; 968 border-color: #ffcd00 969 } 970 971 .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] { 972 background-color: #cca400; 973 border-color: #cca400 974 } 975 976 .blu-btn.b-danger[data-v-19fd2cc7] { 977 color: #fff; 978 background-color: #ff4646; 979 border-color: #ff4646 980 } 981 982 .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] { 983 background-color: #ff1313; 984 border-color: #ff1313 985 } 986 987 .blu-btn.b-small[data-v-19fd2cc7] { 988 border-radius: 16px 989 } 990 991 .blu-btn.b-small .blu-ripple[data-v-19fd2cc7] { 992 border-radius: 16px 993 } 994 995 .blu-btn.b-large[data-v-19fd2cc7] { 996 border-radius: 32px 997 } 998 999 .blu-btn.b-large .blu-ripple[data-v-19fd2cc7] { 1000 border-radius: 32px 1001 } 1002 1003 .blu-btn.b-icon[data-v-19fd2cc7] { 1004 width: 48px 1005 } 1006 1007 .blu-btn.b-icon.b-large[data-v-19fd2cc7] { 1008 width: 56px 1009 } 1010 1011 .blu-btn.b-icon.b-small[data-v-19fd2cc7] { 1012 width: 32px 1013 } 1014 1015 .blu-btn.b-icon svg[data-v-19fd2cc7] { 1016 width: 100%; 1017 height: 100% 1018 } 1019 1020 .blu-btn.b-full-width[data-v-19fd2cc7] { 1021 width: 100% 1022 } 1023 1024 .blu-btn .blu-ripple[data-v-19fd2cc7] { 1025 border-radius: 24px 1026 } 1027 </style> 1028 <style type="text/css"> 1029 .blu-field[data-v-12bd13fe] { 1030 position: relative; 1031 margin-bottom: 16px 1032 } 1033 1034 .blu-field input.form__input[data-v-12bd13fe] { 1035 width: auto 1036 } 1037 1038 .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] { 1039 padding: 24px 20px 8px 14px; 1040 height: 56px 1041 } 1042 1043 .blu-field textarea[data-v-12bd13fe] { 1044 padding: 22px 16px 8px 14px; 1045 resize: vertical 1046 } 1047 1048 .blu-field input.form__input[data-v-12bd13fe],.blu-field textarea[data-v-12bd13fe] { 1049 width: 100%; 1050 margin-top: 0; 1051 border-radius: 8px; 1052 border: #c8cbcd 1px solid; 1053 color: #19222a; 1054 font: 16px/20px "blibli",-apple-system,segoe ui,roboto,helvetica,arial,sans-serif; 1055 transition: border .2s,background-color .4s 1056 } 1057 1058 .blu-field input.form__input[type=search][data-v-12bd13fe],.blu-field textarea[type=search][data-v-12bd13fe] { 1059 font: 16px/20px "blibli",-apple-system,segoe ui,roboto,helvetica,arial,sans-serif; 1060 color: #19222a 1061 } 1062 1063 .blu-field input.form__input[type=search][data-v-12bd13fe]::placeholder,.blu-field textarea[type=search][data-v-12bd13fe]::placeholder { 1064 color: rgba(25,34,42,.4) 1065 } 1066 1067 .blu-field input.form__input[data-v-12bd13fe]:not(:read-only):focus,.blu-field textarea[data-v-12bd13fe]:not(:read-only):focus { 1068 border-color: #1d8fff 1069 } 1070 1071 .blu-field input.form__input:not(:read-only):focus~label[data-v-12bd13fe],.blu-field textarea:not(:read-only):focus~label[data-v-12bd13fe] { 1072 font: 12px/16px "blibli",-apple-system,segoe ui,roboto,helvetica,arial,sans-serif; 1073 color: #0072ff; 1074 top: 2px; 1075 padding-top: 6px; 1076 opacity: 1 1077 } 1078 1079 .blu-field input.form__input:not(:read-only):focus~.title[data-v-12bd13fe],.blu-field textarea:not(:read-only):focus~.title[data-v-12bd13fe] { 1080 color: #0072ff 1081 } 1082 1083 .blu-field input.form__input[data-v-12bd13fe]:read-only,.blu-field textarea[data-v-12bd13fe]:read-only { 1084 border-color: #f1f2f2 1085 } 1086 1087 .blu-field textarea[data-v-12bd13fe] { 1088 height: 100px 1089 } 1090 1091 .blu-field textarea[data-v-12bd13fe]::-webkit-scrollbar {
1092 width: 6px; 1093 background-color: rgba(0,0,0,0) 1094 } 1095 1096 .blu-field textarea[data-v-12bd13fe]::-webkit-scrollbar-thumb { 1097 border-radius: 3px; 1098 background-color: #c8cbcd 1099 } 1100 1101 .blu-field textarea[data-v-12bd13fe]::-webkit-scrollbar-track { 1102 border-radius: 3px; 1103 background-color: rgba(0,0,0,0) 1104 } 1105 1106 .blu-field label[data-v-12bd13fe] { 1107 font: 16px/20px "blibli",-apple-system,segoe ui,roboto,helvetica,arial,sans-serif; 1108 color: rgba(25,34,42,.4); 1109 position: absolute; 1110 top: 18px; 1111 left: 16px; 1112 transition: all .2s,background-color .4s 1113 } 1114 1115 .blu-field button[data-v-12bd13fe] { 1116 padding: 0; 1117 margin: 0; 1118 color: #797f85; 1119 display: flex 1120 } 1121 1122 .blu-field button[data-v-12bd13fe]:focus-visible { 1123 outline: none 1124 } 1125 1126 .blu-field button:focus-visible svg[data-v-12bd13fe] { 1127 outline: 4px solid #000 1128 } 1129 1130 .blu-field__msg[data-v-12bd13fe] { 1131 flex: auto; 1132 margin-top: 4px 1133 } 1134 1135 .blu-field__msg-wrapper[data-v-12bd13fe] { 1136 display: flex; 1137 justify-content: flex-end; 1138 font: 14px/18px "blibli",-apple-system,segoe ui,roboto,helvetica,arial,sans-serif; 1139 color: rgba(25,34,42,.4) 1140 } 1141 1142 .blu-field__counter[data-v-12bd13fe] { 1143 text-align: right 1144 } 1145 1146 .blu-field__btn[data-v-12bd13fe] { 1147 top: 16px; 1148 position: absolute; 1149 display: flex; 1150 right: 16px; 1151 align-items: center 1152 } 1153 1154 .blu-field .title[data-v-12bd13fe] { 1155 display: none; 1156 color: rgba(25,34,42,.7019607843) 1157 } 1158 1159 .blu-field:not(.b-disabled) input.form__input[data-v-12bd13fe]:hover,.blu-field:not(.b-disabled) textarea[data-v-12bd13fe]:hover { 1160 background-color: #f1f2f2 1161 } 1162 1163 .blu-field:not(.b-disabled).has-value label[data-v-12bd13fe] { 1164 color: #0072ff 1165 } 1166 1167 .blu-field:not(.b-disabled).has-value textarea+label[data-v-12bd13fe] { 1168 background-color: #fff 1169 } 1170 1171 .blu-field:not(.b-disabled).has-value textarea:hover~label[data-v-12bd13fe] { 1172 background-color: #f1f2f2 1173 } 1174 1175 .blu-field:not(.b-disabled).has-value textarea[data-v-12bd13fe]::-webkit-credentials-auto-fill-button { 1176 margin-right: 0 1177 } 1178 1179 .blu-field.has-value label[data-v-12bd13fe] { 1180 font: 12px/16px "blibli",-apple-system,segoe ui,roboto,helvetica,arial,sans-serif; 1181 top: 2px; 1182 padding-top: 6px; 1183 opacity: 1 1184 } 1185 1186 .blu-field.has-value textarea+label[data-v-12bd13fe] { 1187 width: calc(100% - 32px) 1188 } 1189 1190 .blu-field.has-value.b-success label[data-v-12bd13fe] { 1191 color: #1c832a 1192 } 1193 1194 .blu-field.has-value.b-danger label[data-v-12bd13fe] { 1195 color: #e93c3c 1196 } 1197 1198 .blu-field.has-max-length input.form__input[data-v-12bd13fe] { 1199 animation: shake-12bd13fe .82s cubic-bezier(0.36, 0.07, 0.19, 0.97) both; 1200 transform: translate3d(0, 0, 0); 1201 backface-visibility: hidden; 1202 perspective: 1000px 1203 } 1204 1205 .blu-field.has-placeholder[data-v-12bd13fe] ::placeholder { 1206 font: 16px/20px "blibli",-apple-system,segoe ui,roboto,helvetica,arial,sans-serif; 1207 opacity: 1; 1208 color: rgba(25,34,42,.4) 1209 } 1210 1211 .blu-field.has-placeholder .title[data-v-12bd13fe] { 1212 position: absolute; 1213 font-size: 1.2rem; 1214 font-weight: normal; 1215 top: -8px; 1216 left: 16px; 1217 display: block; 1218 color: rgba(25,34,42,.7019607843) 1219 } 1220 1221 .blu-field.has-placeholder .blu-field__btn[data-v-12bd13fe] { 1222 top: 32px 1223 } 1224 1225 .blu-field.has-placeholder textarea[data-v-12bd13fe] { 1226 padding-top: 16px; 1227 margin-top: 16px 1228 } 1229 1230 .blu-field.has-placeholder input.form__input[data-v-12bd13fe] { 1231 padding-top: 8px; 1232 margin-top: 16px 1233 } 1234 1235 .blu-field.has-placeholder input.form__input[data-v-12bd13fe]:focus::placeholder { 1236 color: rgba(25,34,42,.4) 1237 } 1238 1239 .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] { 1240 top: 32px 1241 } 1242 1243 .blu-field.has-left-icon .blu-field__btn[data-v-12bd13fe] { 1244 left: 16px; 1245 right: auto; 1246 width: calc(100% - 28px); 1247 pointer-events: none; 1248 justify-content: space-between 1249 } 1250 1251 .blu-field.has-left-icon .blu-field__btn-close[data-v-12bd13fe],.blu-field.has-left-icon .blu-field__btn-custom[data-v-12bd13fe] { 1252 pointer-events: all 1253 } 1254 1255 .blu-field.has-left-icon.b-clearable[data-v-12bd13fe] { 1256 flex-direction: row-reverse 1257 } 1258 1259 .blu-field.has-left-icon.b-clearable.has-value .blu-field__btn-close[data-v-12bd13fe] { 1260 order: 2 1261 } 1262 1263 .blu-field.has-left-icon.b-clearable.has-value .blu-field__btn-custom[data-v-12bd13fe] { 1264 order: 1 1265 } 1266 1267 .blu-field.has-left-icon label[data-v-12bd13fe] { 1268 padding-left: 30px 1269 } 1270 1271 .blu-field.has-left-icon input.form__input[data-v-12bd13fe] { 1272 padding-left: 44px 1273 } 1274 1275 .blu-field.has-left-icon input.form__input[type=search][data-v-12bd13fe] { 1276 padding-left: 46px 1277 } 1278 1279 @media screen and (max-width: 768px) { 1280 .blu-field.has-left-icon input.form__input[type=search][data-v-12bd13fe] { 1281 padding-left:32px 1282 } 1283 1284 .blu-field.has-left-icon input.form__input[type=search]~label[data-v-12bd13fe] { 1285 left: 24px 1286 } 1287 1288 .blu-field.has-left-icon input.form__input[type=search]~.blu-field__btn[data-v-12bd13fe] { 1289 width: calc(100% - 15px); 1290 bottom: 17px; 1291 left: 5px 1292 } 1293 1294 .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] { 1295 width: 18px; 1296 height: 18px 1297 } 1298 } 1299 1300 @media screen and (max-width: 768px) { 1301 .blu-field.has-left-icon input.form__input[type=search][data-v-12bd13fe] { 1302 height:36px; 1303 border-radius: 8px 1304 } 1305 } 1306 1307 .blu-field.has-right-icon input.form__input[data-v-12bd13fe] { 1308 padding-right: 46px 1309 } 1310 1311 .blu-field.b-clearable input.form__input[data-v-12bd13fe],.blu-field.b-clearable textarea[data-v-12bd13fe] { 1312 padding-right: 47px 1313 } 1314 1315 .blu-field.b-clearable input.form__input[type=password][data-v-12bd13fe],.blu-field.b-clearable textarea[type=password][data-v-12bd13fe] { 1316 padding-right: 80px 1317 } 1318 1319 @media screen and (max-width: 768px) { 1320 .blu-field.b-clearable input.form__input[type=search][data-v-12bd13fe],.blu-field.b-clearable textarea[type=search][data-v-12bd13fe] { 1321 padding-right:33px 1322 } 1323 } 1324 1325 .blu-field.b-clearable .blu-field__btn-close[data-v-12bd13fe]:not(:last-child) { 1326 margin-right: 8px 1327 } 1328 1329 .blu-field.has-action .blu-field__btn[data-v-12bd13fe] { 1330 top: 12px 1331 } 1332 1333 .blu-field.has-action.has-placeholder .blu-field__btn[data-v-12bd13fe] { 1334 top: 28px 1335 } 1336 1337 .blu-field.has-action input.form__input[data-v-12bd13fe] { 1338 padding-right: 81px 1339 } 1340 1341 .blu-field.has-action.b-clearable input.form__input[data-v-12bd13fe],.blu-field.has-action.has-password input.form__input[data-v-12bd13fe] { 1342 padding-right: 118px 1343 } 1344 1345 .blu-field.has-leading-icon .blu-field__leading-icon[data-v-12bd13fe] { 1346 position: absolute; 1347 top: 16px; 1348 left: 16px; 1349 pointer-events: none; 1350 z-index: 1 1351 } 1352 1353 .blu-field.has-leading-icon label[data-v-12bd13fe] { 1354 padding-left: 32px 1355 } 1356 1357 .blu-field.has-leading-icon input.form__input[data-v-12bd13fe] { 1358 padding-left: 46px 1359 } 1360 1361 .blu-field.has-leading-icon input.form__input[type=search][data-v-12bd13fe] { 1362 padding-left: 48px 1363 } 1364 1365 @media screen and (max-width: 768px) { 1366 .blu-field.has-leading-icon input.form__input[type=search][data-v-12bd13fe] { 1367 padding-left:32px; 1368 height: 36px; 1369 border-radius: 8px 1370 } 1371 1372 .blu-field.has-leading-icon input.form__input[type=search]~label[data-v-12bd13fe] { 1373 left: 24px 1374 } 1375 1376 .blu-field.has-leading-icon input.form__input[type=search]~.blu-field__leading-icon[data-v-12bd13fe] { 1377 top: 24px; 1378 left: 8px 1379 } 1380 1381 .blu-field.has-leading-icon input.form__input[type=search]~.blu-field__leading-icon svg[data-v-12bd13fe] { 1382 width: 18px; 1383 height: 18px 1384 } 1385 1386 .blu-field.has-leading-icon input.form__input[type=search]~.blu-field__btn[data-v-12bd13fe] { 1387 bottom: 17px; 1388 right: 8px 1389 } 1390 1391 .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] { 1392 width: 18px; 1393 height: 18px 1394 } 1395 } 1396 1397 .blu-field.has-leading-icon.has-placeholder .blu-field__leading-icon[data-v-12bd13fe] { 1398 top: 32px 1399 } 1400 1401 .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] { 1402 top: 23px 1403 } 1404 1405 .blu-field.has-leading-icon.has-placeholder.b-small:not(.has-no-gap) .blu-field__leading-icon[data-v-12bd13fe] { 1406 top: 25px 1407 } 1408 1409 .blu-field.has-leading-icon.has-placeholder.b-small :not(input[type=search].form__input)~.blu-field__leading-icon[data-v-12bd13fe] { 1410 top: 7px 1411 } 1412 1413 .blu-field.has-custom-icon input.form__input[data-v-12bd13fe] { 1414 padding-right: 46px 1415 } 1416 1417 .blu-field.has-custom-icon.b-clearable input.form__input[data-v-12bd13fe] { 1418 padding-right: 80px 1419 } 1420 1421 .blu-field.has-no-gap[data-v-12bd13fe] { 1422 margin-bottom: 0 1423 } 1424 1425 .blu-field.has-no-gap.has-placeholder input.form__input[data-v-12bd13fe] { 1426 margin-top: 0 1427 } 1428 1429 .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] { 1430 top: 16px 1431 } 1432 1433 .blu-field.has-no-gap.has-leading-icon.has-placeholder .blu-field__leading-icon[data-v-12bd13fe] { 1434 top: 9px 1435 } 1436 1437 .blu-field.has-no-gap.has-leading-icon.has-placeholder .blu-field__btn[data-v-12bd13fe] { 1438 top: 7px 1439 } 1440 1441 @media screen and (min-width: 769px),print { 1442 .blu-field.has-no-gap.has-leading-icon.has-placeholder.b-small input[type=search].form__input~.blu-field__btn[data-v-12bd13fe] { 1443 top:9px 1444 } 1445 } 1446 1447 @media screen and (max-width: 768px) { 1448 .blu-field.has-no-gap.has-leading-icon.has-placeholder input[type=search].form__input~.blu-field__leading-icon[data-v-12bd13fe] { 1449 top:9px 1450 } 1451 1452 .blu-field.has-no-gap.has-leading-icon.has-placeholder input[type=search].form__input~.blu-field__btn[data-v-12bd13fe] {
1453 top: 17px 1454 } 1455 } 1456 1457 .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 { 1458 border-color: #22a334 1459 } 1460 1461 .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] { 1462 color: #1c832a 1463 } 1464 1465 .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] { 1466 color: #1c832a 1467 } 1468 1469 .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] { 1470 color: #1c832a 1471 } 1472 1473 .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 { 1474 border-color: #ff4646 1475 } 1476 1477 .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] { 1478 color: #e93c3c 1479 } 1480 1481 .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] { 1482 color: #e93c3c 1483 } 1484 1485 .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] { 1486 color: #e93c3c 1487 } 1488 1489 .b-dark input.form__input[data-v-12bd13fe],.b-dark textarea[data-v-12bd13fe] { 1490 background-color: #f1f2f2; 1491 border-color: #f1f2f2 1492 } 1493
1494 .b-dark:not(.b-disabled) input.form__input[data-v-12bd13fe]:hover,.b-dark:not(.b-disabled) textarea[data-v-12bd13fe]:hover { 1495 background-color: #e1e3e4 1496 } 1497 1498 .b-dark:not(.b-disabled).has-value textarea+label[data-v-12bd13fe] { 1499 background-color: #f1f2f2 1500 } 1501 1502 .b-dark:not(.b-disabled).has-value textarea:hover~label[data-v-12bd13fe] { 1503 background-color: #e1e3e4 1504 } 1505 1506 .b-disabled input.form__input[data-v-12bd13fe],.b-disabled textarea[data-v-12bd13fe] { 1507 background-color: #c8cbcd; 1508 border-color: #c8cbcd 1509 } 1510 1511 .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] { 1512 cursor: not-allowed; 1513 color: rgba(25,34,42,.4) 1514 } 1515 1516 .b-small input.form__input[data-v-12bd13fe] { 1517 font: 14px/18px "blibli",-apple-system,segoe ui,roboto,helvetica,arial,sans-serif; 1518 border-radius: 8px 1519 } 1520 1521 .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] { 1522 height: 32px 1523 } 1524 1525 .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] { 1526 top: 6px 1527 } 1528 1529 .b-small input.form__input[type=search][data-v-12bd13fe] { 1530 height: 36px 1531 } 1532 1533 .b-small input.form__input[type=search]~.blu-field__btn[data-v-12bd13fe] { 1534 right: 8px 1535 } 1536 1537 @media screen and (min-width: 769px),print { 1538 .b-small input.form__input[type=search]~.blu-field__btn[data-v-12bd13fe] { 1539 top:25px 1540 } 1541 } 1542 1543 @media screen and (max-width: 768px) { 1544 .b-small input.form__input[type=search]~.blu-field__btn[data-v-12bd13fe] { 1545 top:33px 1546 } 1547 } 1548 1549 .b-small.blu-field input.form__input[data-v-12bd13fe] { 1550 padding-left: 6px 1551 } 1552 1553 .b-small.has-placeholder[data-v-12bd13fe] ::placeholder { 1554 font: 14px/18px "blibli",-apple-system,segoe ui,roboto,helvetica,arial,sans-serif; 1555 color: rgba(25,34,42,.4) 1556 } 1557 1558 .b-small.has-placeholder .blu-field__btn[data-v-12bd13fe] { 1559 top: 23px; 1560 right: 8px 1561 } 1562 1563 .b-small.has-placeholder .blu-field__leading-icon svg[data-v-12bd13fe],.b-small.has-placeholder .blu-field__btn svg[data-v-12bd13fe] { 1564 width: 18px; 1565 height: 18px 1566 } 1567 1568 .b-small.b-clearable input.form__input[data-v-12bd13fe] { 1569 padding-right: 33px 1570 } 1571 1572 .b-small.has-leading-icon input.form__input[data-v-12bd13fe] { 1573 padding-left: 32px 1574 } 1575 1576 .b-small.has-leading-icon input.form__input[type=search][data-v-12bd13fe] { 1577 padding-left: 32px 1578 } 1579 1580 .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] { 1581 left: 8px 1582 } 1583 1584 .b-small .blu-field__btn[data-v-12bd13fe] { 1585 top: 6px 1586 } 1587 1588 [data-v-12bd13fe]::placeholder { 1589 font-size: 0; 1590 opacity: 0 1591 } 1592 1593 [data-v-12bd13fe]::-ms-reveal { 1594 display: none 1595 } 1596 1597 [data-v-12bd13fe]:-ms-input-placeholder { 1598 font-size: 0; 1599 opacity: 0 1600 } 1601 1602 [data-v-12bd13fe]::-ms-input-placeholder { 1603 font-size: 0; 1604 opacity: 0 1605 } 1606 1607 input[data-v-12bd13fe]:-internal-autofill-selected { 1608 background-color: #fff !important 1609 } 1610 1611 [data-v-12bd13fe]::-webkit-credentials-auto-fill-button { 1612 -webkit-mask-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0iTTE4LjkxIDE0LjU2YTEuNzY5IDEuNzY5IDAgMCAxLTEuNDM1LS43MjVsLTIuNjUtMy42ODNhMS4wMDEgMS4wMDEgMCAwIDEgMS42MjUtMS4xNjhsMi40NSAzLjQwOCAyLjIwMi0zLjM3MWExIDEgMCAwIDEgMS42NzQgMS4wOTRsLTIuNCAzLjY3MmMtLjM3My41MDgtLjg5Ni43NzMtMS40NjYuNzczWiIgZmlsbD0iIzc5N0Y4NSIvPjxwYXRoIGZpbGwtcnVsZT0iZXZlbm9kZCIgY2xpcC1ydWxlPSJldmVub2RkIiBkPSJNMTIuOTIgNy4wNzNjMC0zLjAzMS0yLjQ2Ni01LjQ4OS01LjUxLTUuNDg5LTMuMDQ0IDAtNS41MTEgMi40NTctNS41MTEgNS40ODlhNS40ODcgNS40ODcgMCAwIDAgMy40NTkgNS4wOTFjLS4wNTYgMS45MTMtLjAyIDMuODMuMTI0IDUuNzM5bC4wMTEuMTQ0Yy4wMjkuMzkyLjE3My43Ni40MDYgMS4wMzhsLjgxLjk2OGMuNTEuNjA5IDEuNDc0LjcwMiAxLjg0NiAwIC4xNjYtLjMxNC4yMjctMS4wOTctLjAxLTEuNjIyLS4zMzYtLjc0Ny0uNjIxLTEuMTg5LjM0Mi0yLjM3OC4xOTktLjI0Ni4xODYtLjYyMy4wNTUtLjkyMS0uMjc1LS42MjgtLjU1My0xLjc1OC4zMDMtMi44MTMuMDI4LS4wMzUuMDczLS4wNzYuMTI0LS4xMiAyLjA3NS0uNzg4IDMuNTUyLTIuNzgzIDMuNTUyLTUuMTI2Wk03LjQxIDQuMDc5YTEuNSAxLjUgMCAwIDEgMS41MDQgMS40OTdBMS41IDEuNSAwIDAgMSA3LjQxIDcuMDczYTEuNSAxLjUgMCAwIDEtMS41MDMtMS40OTdBMS41IDEuNSAwIDAgMSA3LjQxIDQuMDc5WiIgZmlsbD0iIzc5N0Y4NSIvPjwvc3ZnPg==); 1613 -webkit-mask-size: 18px 18px; 1614 width: 18px; 1615 height: 18px; 1616 background-color: rgba(25,34,42,.4); 1617 margin-top: -14px; 1618 margin-right: -30px 1619 } 1620 1621 input[type=number][data-v-12bd13fe]::-webkit-inner-spin-button,input[type=number][data-v-12bd13fe]::-webkit-outer-spin-button { 1622 -webkit-appearance: none; 1623 margin: 0 1624 } 1625 1626 @keyframes shake-12bd13fe {
1627 10%,90% { 1628 transform: translate3d(-1px, 0, 0) 1629 } 1630 1631 20%,80% { 1632 transform: translate3d(2px, 0, 0) 1633 } 1634 1635 30%,50%,70% { 1636 transform: translate3d(-4px, 0, 0) 1637 } 1638 1639 40%,60% { 1640 transform: translate3d(4px, 0, 0) 1641 } 1642 } 1643 1644 .blu-input-stepper input[data-v-12bd13fe] { 1645 font: 18px/24px "blibli demi bold",-apple-system,segoe ui,roboto,helvetica,arial,sans-serif; 1646 color: #19222a; 1647 background-color: inherit 1648 } 1649 1650 .blu-input-stepper input[type=number][data-v-12bd13fe] { 1651 width: 100%; 1652 height: 100%; 1653 padding: 0px; 1654 border: none; 1655 text-align: center; 1656 -moz-appearance: textfield 1657 } 1658 1659 .blu-input-stepper input[type=number][data-v-12bd13fe]::-webkit-inner-spin-button { 1660 -webkit-appearance: none; 1661 margin: 0 1662 } 1663 1664 .blu-input-stepper input[type=number][data-v-12bd13fe]:hover { 1665 background-color: inherit 1666 } 1667 1668 .blu-input-stepper input[type=number][data-v-12bd13fe]:focus { 1669 border: none 1670 } 1671 1672 .blu-input-stepper.b-readonly input[data-v-12bd13fe] { 1673 cursor: default 1674 } 1675 1676 .blu-input-stepper.b-disabled input[data-v-12bd13fe] { 1677 color: rgba(25,34,42,.4) 1678 } 1679 </style> 1680 <style type="text/css"> 1681 .blu-input-stepper[data-v-1e7baa58] { 1682 display: flex; 1683 align-items: center; 1684 justify-content: space-between; 1685 border-radius: 8px; 1686 height: 32px; 1687 padding: 4px; 1688 transition: all .4s ease-in-out 1689 } 1690 1691 .blu-input-stepper[data-v-1e7baa58]:not(.b-readonly) { 1692 background-color: #f1f2f2 1693 } 1694 1695 .blu-input-stepper__input[data-v-1e7baa58] { 1696 display: flex; 1697 align-items: center; 1698 margin: 0; 1699 color: #19222a 1700 } 1701 1702 .blu-input-stepper__plus[data-v-1e7baa58],.blu-input-stepper__minus[data-v-1e7baa58] { 1703 display: flex; 1704 align-items: center; 1705 border-radius: 50%; 1706 width: 24px; 1707 height: 24px; 1708 box-sizing: border-box 1709 } 1710 1711 .blu-input-stepper.b-disabled[data-v-1e7baa58] { 1712 cursor: not-allowed 1713 } 1714 1715 .blu-input-stepper.b-disabled[data-v-1e7baa58]:not(.b-readonly) { 1716 background-color: #c8cbcd 1717 } 1718 1719 .blu-input-stepper.b-active[data-v-1e7baa58] { 1720 box-shadow: inset 0px 0px 0px 2px #0072ff 1721 } 1722 </style> 1723 <style type="text/css"> 1724 .blu-ripple[data-v-2bedc3c7] { 1725 width: 100%; 1726 height: 100%; 1727 position: relative; 1728 overflow: hidden; 1729 display: flex; 1730 justify-content: center; 1731 align-items: center; 1732 -webkit-box-pack: center; 1733 -webkit-box-align: center; 1734 -webkit-mask-image: radial-gradient(circle, #ffffff 100%, #000000 100%); 1735 padding: 0 12px 1736 } 1737 1738 .blu-ripple-wave[data-v-2bedc3c7] { 1739 position: absolute; 1740 z-index: 1; 1741 pointer-events: none; 1742 background: currentColor; 1743 border-radius: 50%; 1744 opacity: 0; 1745 transform: scale(2) translateZ(0) 1746 } 1747 1748 .blu-ripple-wave.b-centered[data-v-2bedc3c7] { 1749 animation-duration: 1.2s; 1750 top: 50%; 1751 left: 50% 1752 } 1753 1754 .blu-ripple-wave~*[data-v-2bedc3c7]:not(.blu-ripple-wave) { 1755 position: relative; 1756 z-index: 2 1757 } 1758 1759 .blu-ripple-enter-active[data-v-2bedc3c7] { 1760 transition: 2s cubic-bezier(0.25, 0.8, 0.25, 1); 1761 transition-property: opacity,transform; 1762 will-change: opacity,transform 1763 } 1764 1765 .blu-ripple-enter-active.b-centered[data-v-2bedc3c7] { 1766 transition-duration: 1.2s 1767 } 1768 1769 .blu-ripple-enter[data-v-2bedc3c7] { 1770 opacity: .26; 1771 transform: scale(0.26) translateZ(0) 1772 } 1773 1774 .has-left-icon .blu-ripple svg[data-v-2bedc3c7] { 1775 margin-right: 8px 1776 } 1777 1778 .has-left-icon.b-small svg[data-v-2bedc3c7] { 1779 transform-origin: left; 1780 margin-right: 4px 1781 } 1782 1783 .b-large .blu-ripple[data-v-2bedc3c7] { 1784 padding: 0 16px 1785 } 1786 1787 .b-small .blu-ripple[data-v-2bedc3c7] { 1788 padding: 0 8px 1789 } 1790 1791 .b-small svg[data-v-2bedc3c7] { 1792 width: 18px; 1793 height: 18px 1794 } 1795 1796 .b-icon .blu-ripple[data-v-2bedc3c7] { 1797 padding: 0 1798 } 1799 1800 .b-loading .blu-loader-wrapper[data-v-2bedc3c7] { 1801 height: 24px; 1802 position: absolute 1803 } 1804 1805 .b-loading .blu-ripple[data-v-2bedc3c7] { 1806 color: rgba(0,0,0,0) 1807 } 1808 1809 .b-loading .blu-ripple>svg[data-v-2bedc3c7] { 1810 visibility: hidden 1811 } 1812 1813 .b-loading .blu-ripple .blu-ripple-wave[data-v-2bedc3c7] { 1814 color: #fff 1815 } 1816 1817 .b-loading.b-white .blu-ripple-wave[data-v-2bedc3c7] { 1818 color: #0072ff 1819 } 1820 1821 .b-loading.b-outline.b-secondary .blu-ripple-wave[data-v-2bedc3c7] { 1822 color: #0072ff 1823 } 1824 1825 .b-loading.b-outline.b-primary .blu-ripple-wave[data-v-2bedc3c7] { 1826 color: #f1ab02 1827 } 1828 1829 .b-loading.b-ghost.b-secondary .blu-ripple-wave[data-v-2bedc3c7] { 1830 color: #0072ff 1831 } 1832 1833 .b-loading.b-ghost.b-primary .blu-ripple-wave[data-v-2bedc3c7] { 1834 color: #f1ab02 1835 } 1836 1837 .blu-input-stepper .blu-btn .blu-ripple[data-v-2bedc3c7] { 1838 padding: 0; 1839 width: 24px; 1840 height: 24px; 1841 border-radius: 50% 1842 } 1843 1844 .blu-input-stepper .blu-btn .blu-ripple svg[data-v-2bedc3c7] { 1845 width: 18px; 1846 height: 18px; 1847 margin-left: 1px 1848 } 1849 1850 .blu-input-stepper .blu-btn .blu-ripple-enter-active[data-v-2bedc3c7] { 1851 background: #0072ff 1852 } 1853 1854 .b-disabled[data-v-2bedc3c7] { 1855 opacity: 1 1856 } 1857 1858 .blu-btn-dropdown .blu-ripple>svg+div[data-v-2bedc3c7] { 1859 margin-left: 8px 1860 } 1861 </style> 1862 <style type="text/css"> 1863 .blu-ripple[data-v-574d97b4] { 1864 width: 100%; 1865 height: 100%; 1866 position: relative; 1867 overflow: hidden; 1868 display: flex; 1869 justify-content: center; 1870 align-items: center; 1871 -webkit-box-pack: center; 1872 -webkit-box-align: center; 1873 -webkit-mask-image: radial-gradient(circle, #ffffff 100%, #000000 100%); 1874 padding: 0 12px 1875 } 1876 1877 .blu-ripple-wave[data-v-574d97b4] { 1878 position: absolute; 1879 z-index: 1; 1880 pointer-events: none; 1881 background: currentColor; 1882 border-radius: 50%; 1883 opacity: 0; 1884 transform: scale(2) translateZ(0) 1885 } 1886 1887 .blu-ripple-wave.b-centered[data-v-574d97b4] { 1888 animation-duration: 1.2s; 1889 top: 50%; 1890 left: 50% 1891 } 1892 1893 .blu-ripple-wave~*[data-v-574d97b4]:not(.blu-ripple-wave) { 1894 position: relative; 1895 z-index: 2 1896 } 1897 1898 .blu-ripple-enter-active[data-v-574d97b4] { 1899 transition: 2s cubic-bezier(0.25, 0.8, 0.25, 1); 1900 transition-property: opacity,transform; 1901 will-change: opacity,transform 1902 } 1903 1904 .blu-ripple-enter-active.b-centered[data-v-574d97b4] { 1905 transition-duration: 1.2s 1906 } 1907 1908 .blu-ripple-enter[data-v-574d97b4] { 1909 opacity: .26; 1910 transform: scale(0.26) translateZ(0) 1911 } 1912 1913 .has-left-icon .blu-ripple svg[data-v-574d97b4] { 1914 margin-right: 8px 1915 } 1916 1917 .has-left-icon.b-small svg[data-v-574d97b4] { 1918 transform-origin: left; 1919 margin-right: 4px 1920 } 1921 1922 .b-large .blu-ripple[data-v-574d97b4] { 1923 padding: 0 16px 1924 } 1925 1926 .b-small .blu-ripple[data-v-574d97b4] { 1927 padding: 0 8px 1928 } 1929 1930 .b-small svg[data-v-574d97b4] { 1931 width: 18px; 1932 height: 18px 1933 } 1934 1935 .b-icon .blu-ripple[data-v-574d97b4] { 1936 padding: 0 1937 } 1938 1939 .b-loading .blu-loader-wrapper[data-v-574d97b4] { 1940 height: 24px; 1941 position: absolute 1942 } 1943 1944 .b-loading .blu-ripple[data-v-574d97b4] { 1945 color: rgba(0,0,0,0) 1946 } 1947 1948 .b-loading .blu-ripple>svg[data-v-574d97b4] { 1949 visibility: hidden 1950 } 1951 1952 .b-loading .blu-ripple .blu-ripple-wave[data-v-574d97b4] { 1953 color: #fff 1954 } 1955 1956 .b-loading.b-white .blu-ripple-wave[data-v-574d97b4] { 1957 color: #0072ff 1958 } 1959 1960 .b-loading.b-outline.b-secondary .blu-ripple-wave[data-v-574d97b4] { 1961 color: #0072ff 1962 } 1963 1964 .b-loading.b-outline.b-primary .blu-ripple-wave[data-v-574d97b4] { 1965 color: #f1ab02 1966 } 1967 1968 .b-loading.b-ghost.b-secondary .blu-ripple-wave[data-v-574d97b4] { 1969 color: #0072ff 1970 } 1971 1972 .b-loading.b-ghost.b-primary .blu-ripple-wave[data-v-574d97b4] { 1973 color: #f1ab02 1974 } 1975 1976 .blu-input-stepper .blu-btn .blu-ripple[data-v-574d97b4] { 1977 padding: 0; 1978 width: 24px; 1979 height: 24px; 1980 border-radius: 50% 1981 } 1982 1983 .blu-input-stepper .blu-btn .blu-ripple svg[data-v-574d97b4] { 1984 width: 18px; 1985 height: 18px; 1986 margin-left: 1px 1987 } 1988 1989 .blu-input-stepper .blu-btn .blu-ripple-enter-active[data-v-574d97b4] { 1990 background: #0072ff 1991 } 1992 1993 .b-disabled[data-v-574d97b4] { 1994 opacity: 1 1995 } 1996 1997 .blu-btn-dropdown .blu-ripple>svg+div[data-v-574d97b4] { 1998 margin-left: 8px 1999 } 2000 </style> 2001 <style type="text/css"> 2002 .blu-ripple[data-v-19fd2cc7] { 2003 width: 100%; 2004 height: 100%; 2005 position: relative; 2006 overflow: hidden; 2007 display: flex; 2008 justify-content: center; 2009 align-items: center; 2010 -webkit-box-pack: center; 2011 -webkit-box-align: center; 2012 -webkit-mask-image: radial-gradient(circle, #ffffff 100%, #000000 100%); 2013 padding: 0 12px 2014 } 2015 2016 .blu-ripple-wave[data-v-19fd2cc7] { 2017 position: absolute; 2018 z-index: 1; 2019 pointer-events: none; 2020 background: currentColor; 2021 border-radius: 50%; 2022 opacity: 0; 2023 transform: scale(2) translateZ(0) 2024 } 2025 2026 .blu-ripple-wave.b-centered[data-v-19fd2cc7] { 2027 animation-duration: 1.2s; 2028 top: 50%; 2029 left: 50% 2030 } 2031 2032 .blu-ripple-wave~*[data-v-19fd2cc7]:not(.blu-ripple-wave) { 2033 position: relative; 2034 z-index: 2 2035 } 2036 2037 .blu-ripple-enter-active[data-v-19fd2cc7] { 2038 transition: 2s cubic-bezier(0.25, 0.8, 0.25, 1); 2039 transition-property: opacity,transform; 2040 will-change: opacity,transform 2041 } 2042 2043 .blu-ripple-enter-active.b-centered[data-v-19fd2cc7] { 2044 transition-duration: 1.2s 2045 } 2046 2047 .blu-ripple-enter[data-v-19fd2cc7] { 2048 opacity: .26; 2049 transform: scale(0.26) translateZ(0) 2050 } 2051 2052 .has-left-icon .blu-ripple svg[data-v-19fd2cc7] { 2053 margin-right: 8px 2054 } 2055 2056 .has-left-icon.b-small svg[data-v-19fd2cc7] { 2057 transform-origin: left; 2058 margin-right: 4px 2059 } 2060 2061 .b-large .blu-ripple[data-v-19fd2cc7] { 2062 padding: 0 16px 2063 } 2064 2065 .b-small .blu-ripple[data-v-19fd2cc7] { 2066 padding: 0 8px 2067 } 2068 2069 .b-small svg[data-v-19fd2cc7] { 2070 width: 18px; 2071 height: 18px 2072 } 2073 2074 .b-icon .blu-ripple[data-v-19fd2cc7] { 2075 padding: 0 2076 } 2077 2078 .b-loading .blu-loader-wrapper[data-v-19fd2cc7] { 2079 height: 24px; 2080 position: absolute 2081 } 2082 2083 .b-loading .blu-ripple[data-v-19fd2cc7] { 2084 color: rgba(0,0,0,0) 2085 } 2086 2087 .b-loading .blu-ripple>svg[data-v-19fd2cc7] { 2088 visibility: hidden 2089 } 2090 2091 .b-loading .blu-ripple .blu-ripple-wave[data-v-19fd2cc7] { 2092 color: #fff 2093 } 2094 2095 .b-loading.b-white .blu-ripple-wave[data-v-19fd2cc7] { 2096 color: #0072ff 2097 } 2098 2099 .b-loading.b-outline.b-secondary .blu-ripple-wave[data-v-19fd2cc7] { 2100 color: #0072ff 2101 } 2102 2103 .b-loading.b-outline.b-primary .blu-ripple-wave[data-v-19fd2cc7] { 2104 color: #f1ab02 2105 } 2106 2107 .b-loading.b-ghost.b-secondary .blu-ripple-wave[data-v-19fd2cc7] { 2108 color: #0072ff 2109 } 2110 2111 .b-loading.b-ghost.b-primary .blu-ripple-wave[data-v-19fd2cc7] { 2112 color: #f1ab02 2113 } 2114 2115 .blu-input-stepper .blu-btn .blu-ripple[data-v-19fd2cc7] { 2116 padding: 0; 2117 width: 24px; 2118 height: 24px; 2119 border-radius: 50% 2120 } 2121 2122 .blu-input-stepper .blu-btn .blu-ripple svg[data-v-19fd2cc7] { 2123 width: 18px; 2124 height: 18px; 2125 margin-left: 1px 2126 } 2127 2128 .blu-input-stepper .blu-btn .blu-ripple-enter-active[data-v-19fd2cc7] { 2129 background: #0072ff 2130 } 2131 2132 .b-disabled[data-v-19fd2cc7] { 2133 opacity: 1 2134 } 2135 2136 .blu-btn-dropdown .blu-ripple>svg+div[data-v-19fd2cc7] { 2137 margin-left: 8px 2138 } 2139 2140 .blu-btn[data-v-19fd2cc7] { 2141 position: relative; 2142 font: 16px/20px "blibli demi bold",-apple-system,segoe ui,roboto,helvetica,arial,sans-serif; 2143 text-decoration: none; 2144 transition: color .4s,background-color .4s,border-color .6s; 2145 white-space: nowrap; 2146 height: 48px; 2147 padding: 0; 2148 -webkit-tap-highlight-color: rgba(0,0,0,0) 2149 } 2150 2151 .blu-btn[data-v-19fd2cc7]::-moz-focus-inner { 2152 border: 0 2153 } 2154 2155 .blu-btn[data-v-19fd2cc7]:active { 2156 outline: none 2157 } 2158 2159 .blu-btn[data-v-19fd2cc7]:before { 2160 position: absolute; 2161 top: 0; 2162 right: 0; 2163 bottom: 0; 2164 left: 0; 2165
2165 z-index: 1; 2166 opacity: 0; 2167 transition: .4s cubic-bezier(0.4, 0, 0.2, 1); 2168 will-change: background-color,opacity; 2169 content: " " 2170 } 2171 2172 .blu-btn[data-v-19fd2cc7]:focus-visible { 2173 box-shadow: 0px 0px 0px 4px #000 2174 } 2175 2176 .blu-btn.b-primary[data-v-19fd2cc7] { 2177 color: #fff; 2178 background-color: #f1ab02; 2179 border-color: #f1ab02 2180 } 2181 2182 .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] { 2183 background-color: #e39304; 2184 border-color: #e39304 2185 } 2186 2187 .blu-btn.b-secondary[data-v-19fd2cc7] { 2188 color: #fff; 2189 background-color: #0072ff; 2190 border-color: #0072ff 2191 } 2192 2193 .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] { 2194 background-color: #006dea; 2195 border-color: #006dea 2196 } 2197 2198 .blu-btn.b-white[data-v-19fd2cc7] { 2199 color: #fff; 2200 background-color: #fff; 2201 border-color: #fff; 2202 color: #0072ff 2203 } 2204 2205 .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] { 2206 background-color: #f1f2f2; 2207 border-color: #f1f2f2 2208 } 2209 2210 .blu-btn.b-disabled[data-v-19fd2cc7] { 2211 color: #fff; 2212 background-color: #c8cbcd; 2213 border-color: #c8cbcd; 2214 color: rgba(25,34,42,.4) 2215 } 2216 2217 .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] { 2218 background-color: #c8cbcd; 2219 border-color: #c8cbcd 2220 } 2221 2222 .blu-btn.b-large[data-v-19fd2cc7] { 2223 height: 56px 2224 } 2225 2226 .blu-btn.b-small[data-v-19fd2cc7] { 2227 font: 14px/18px "blibli demi bold",-apple-system,segoe ui,roboto,helvetica,arial,sans-serif; 2228 height: 32px 2229 } 2230 2231 .b-disabled[data-v-19fd2cc7] { 2232 opacity: 1 2233 } 2234 2235 input[type=submit][data-v-19fd2cc7]::-moz-focus-inner,input[type=button][data-v-19fd2cc7]::-moz-focus-inner { 2236 border: 0px 2237 } 2238 2239 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] { 2240 outline: none 2241 } 2242 2243 a[data-v-19fd2cc7],a[data-v-19fd2cc7]:visited,a[data-v-19fd2cc7]:focus,a[data-v-19fd2cc7]:active,a[data-v-19fd2cc7]:hover { 2244 outline: 0 none !important 2245 } 2246 2247 .blu-btn[data-v-19fd2cc7] { 2248 border-radius: 24px 2249 } 2250 2251 .blu-btn+.blu-button[data-v-19fd2cc7] { 2252 margin-left: 0 2253 } 2254 2255 .blu-btn.b-outline[data-v-19fd2cc7] { 2256 background-color: rgba(0,0,0,0) 2257 } 2258 2259 .blu-btn.b-outline.b-primary[data-v-19fd2cc7] { 2260 color: #f1ab02; 2261 background-color: #e39304; 2262 border: #ffcd00 1px solid 2263 } 2264 2265 .blu-btn.b-outline.b-primary[data-v-19fd2cc7]:not(.b-disabled) { 2266 background-color: rgba(255,255,255,.12) 2267 } 2268 2269 .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] { 2270 background-color: rgba(227,147,4,.08); 2271 border: #ffcd00 1px solid 2272 } 2273 2274 .blu-btn.b-outline.b-primary.b-active[data-v-19fd2cc7] { 2275 z-index: 9; 2276 background-color: #f1ab02; 2277 color: #fff 2278 } 2279 2280 .blu-btn.b-outline.b-secondary[data-v-19fd2cc7] { 2281 color: #0072ff; 2282 background-color: #006dea; 2283 border: #1d8fff 1px solid 2284 } 2285 2286 .blu-btn.b-outline.b-secondary[data-v-19fd2cc7]:not(.b-disabled) { 2287 background-color: rgba(255,255,255,.12) 2288 } 2289 2290 .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] { 2291 background-color: rgba(0,109,234,.08); 2292 border: #1d8fff 1px solid 2293 } 2294 2295 .blu-btn.b-outline.b-secondary.b-active[data-v-19fd2cc7] { 2296 z-index: 9; 2297 background-color: #0072ff; 2298 color: #fff 2299 } 2300 2301 .blu-btn.b-outline.b-white[data-v-19fd2cc7] { 2302 color: #fff; 2303 background-color: #fff; 2304 border: #fff 1px solid 2305 } 2306 2307 .blu-btn.b-outline.b-white[data-v-19fd2cc7]:not(.b-disabled) { 2308 background-color: rgba(255,255,255,.12) 2309 } 2310 2311 .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] { 2312 background-color: rgba(255,255,255,.4); 2313 border: #fff 1px solid 2314 } 2315 2316 .blu-btn.b-outline.b-white.b-active[data-v-19fd2cc7] { 2317 z-index: 9; 2318 background-color: #fff; 2319 color: #fff 2320 } 2321 2322 .blu-btn.b-outline.b-disabled[data-v-19fd2cc7] { 2323 color: rgba(25,34,42,.4); 2324 background-color: #c8cbcd; 2325 border: #c8cbcd 1px solid 2326 } 2327 2328 .blu-btn.b-outline.b-disabled[data-v-19fd2cc7]:not(.b-disabled) { 2329 background-color: rgba(255,255,255,.12) 2330 } 2331 2332 .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] { 2333 background-color: rgba(200,203,205,.08); 2334 border: #c8cbcd 1px solid 2335 } 2336 2337 .blu-btn.b-outline.b-disabled.b-active[data-v-19fd2cc7] { 2338 z-index: 9; 2339 background-color: rgba(25,34,42,.4); 2340 color: #fff 2341 } 2342 2343 .blu-btn.b-outline.b-small .blu-ripple[data-v-19fd2cc7] { 2344 border-radius: 14px 2345 } 2346 2347 .blu-btn.b-outline.b-large .blu-ripple[data-v-19fd2cc7] { 2348 border-radius: 30px 2349 } 2350 2351 .blu-btn.b-ghost[data-v-19fd2cc7] { 2352 background-color: rgba(0,0,0,0); 2353 border-color: rgba(0,0,0,0) 2354 } 2355 2356 .blu-btn.b-ghost.b-primary[data-v-19fd2cc7] { 2357 color: #f1ab02; 2358 border-color: rgba(0,0,0,0) 2359 } 2360 2361 .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] { 2362 border-color: rgba(0,0,0,0); 2363 background-color: rgba(227,147,4,.08) 2364 } 2365 2366 .blu-btn.b-ghost.b-secondary[data-v-19fd2cc7] { 2367 color: #0072ff; 2368 border-color: rgba(0,0,0,0) 2369 } 2370 2371 .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] { 2372 border-color: rgba(0,0,0,0); 2373 background-color: rgba(0,109,234,.08) 2374 } 2375 2376 .blu-btn.b-ghost.b-white[data-v-19fd2cc7] { 2377 color: #fff; 2378 border-color: rgba(0,0,0,0) 2379 } 2380 2381 .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] { 2382 border-color: rgba(0,0,0,0); 2383 background-color: rgba(255,255,255,.4) 2384 } 2385 2386 .blu-btn.b-ghost.b-white.b-disabled[data-v-19fd2cc7] { 2387 color: rgba(255,255,255,.4); 2388 border-color: rgba(0,0,0,0) 2389 } 2390 2391 .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] { 2392 border-color: rgba(0,0,0,0); 2393 background-color: rgba(0,0,0,0) 2394 } 2395 2396 .blu-btn.b-ghost.b-disabled[data-v-19fd2cc7] { 2397 color: rgba(25,34,42,.4); 2398 border-color: rgba(0,0,0,0) 2399 } 2400 2401 .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] { 2402 border-color: rgba(0,0,0,0); 2403 background-color: rgba(0,0,0,0) 2404 } 2405 2406 .blu-btn.b-warning[data-v-19fd2cc7] { 2407 color: #fff; 2408 background-color: #ffcd00; 2409 border-color: #ffcd00 2410 } 2411 2412 .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] { 2413 background-color: #cca400; 2414 border-color: #cca400 2415 } 2416 2417 .blu-btn.b-danger[data-v-19fd2cc7] { 2418 color: #fff; 2419 background-color: #ff4646; 2420 border-color: #ff4646 2421 } 2422 2423 .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] { 2424 background-color: #ff1313; 2425 border-color: #ff1313 2426 } 2427 2428 .blu-btn.b-small[data-v-19fd2cc7] { 2429 border-radius: 16px 2430 } 2431 2432 .blu-btn.b-small .blu-ripple[data-v-19fd2cc7] { 2433 border-radius: 16px 2434 } 2435 2436 .blu-btn.b-large[data-v-19fd2cc7] { 2437 border-radius: 32px 2438 } 2439 2440 .blu-btn.b-large .blu-ripple[data-v-19fd2cc7] { 2441 border-radius: 32px 2442 } 2443 2444 .blu-btn.b-icon[data-v-19fd2cc7] { 2445 width: 48px 2446 } 2447 2448 .blu-btn.b-icon.b-large[data-v-19fd2cc7] { 2449 width: 56px 2450 } 2451 2452 .blu-btn.b-icon.b-small[data-v-19fd2cc7] { 2453 width: 32px 2454 } 2455 2456 .blu-btn.b-icon svg[data-v-19fd2cc7] { 2457 width: 100%; 2458 height: 100% 2459 } 2460 2461 .blu-btn.b-full-width[data-v-19fd2cc7] { 2462 width: 100% 2463 } 2464 2465 .blu-btn .blu-ripple[data-v-19fd2cc7] { 2466 border-radius: 24px 2467 } 2468 </style> 2469 <style type="text/css"> 2470 .blu-card[data-v-05db4d06] { 2471 background: #fff; 2472 border-radius: 16px; 2473 box-shadow: 0 1px 6px 0 rgba(0,0,0,.1) 2474 } 2475 2476 .blu-card.b-noshadow[data-v-05db4d06] { 2477 box-shadow: none 2478 } 2479 2480 .blu-card.b-radius-large[data-v-05db4d06] { 2481 border-radius: 32px 2482 } 2483 2484 .blu-card.b-radius-medium[data-v-05db4d06] { 2485 border-radius: 24px 2486 } 2487 2488 .blu-card.b-radius-small[data-v-05db4d06] { 2489 border-radius: 8px 2490 } 2491 2492 .blu-card.b-no-radius[data-v-05db4d06] { 2493 border-radius: 0px 2494 } 2495 </style> 2496 <style type="text/css"> 2497 .blu-card__content[data-v-0250d5bb] { 2498 padding: 20px 2499 } 2500 </style> 2501 <style type="text/css"> 2502 .b-page .blu-modal__close[data-v-a1423cd6] { 2503 width: 24px; 2504 height: 24px; 2505 position: absolute; 2506 top: -28px; 2507 right: 20px 2508 } 2509 2510 .b-page .blu-modal__close i[data-v-a1423cd6] { 2511 content: ""; 2512 top: 1px; 2513 right: 1px; 2514 position: absolute; 2515 width: 24px; 2516 height: 24px; 2517 transform: scale(1.3); 2518 background: rgba(0,0,0,0) url(data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PSIwIDAgMjQgMjQiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGQ9Ik0xMy43NjcyIDEyTDE3LjYzMiA4LjEzODM5QzE4LjEyMjcgNy42NDgxOSAxOC4xMjI3IDYuODU3ODYgMTcuNjMyIDYuMzY3NjVDMTcuMTQxNCA1Ljg3NzQ1IDE2LjM1MDQgNS44Nzc0NSAxNS44NTk4IDYuMzY3NjVMMTEuOTk1IDEwLjIyOTNMOC4xNDAxOCA2LjM3NzY2QzcuNjQ5NTYgNS44ODc0NSA2Ljg1ODU3IDUuODg3NDUgNi4zNjc5NiA2LjM3NzY2QzUuODc3MzUgNi44Njc4NiA1Ljg3NzM1IDcuNjU4MTkgNi4zNjc5NiA4LjE0ODRMMTAuMjIyOCAxMkw2LjM2Nzk2IDE1Ljg2MTZDNS44NzczNSAxNi4zNTE4IDUuODc3MzUgMTcuMTQyMSA2LjM2Nzk2IDE3LjYzMjNDNi44NTg1NyAxOC4xMjI2IDcuNjQ5NTYgMTguMTIyNiA4LjE0MDE4IDE3LjYzMjNMMTIuMDA1IDEzLjc3MDdMMTUuODU5OCAxNy42MjIzQzE2LjM1MDQgMTguMTEyNSAxNy4xNDE0IDE4LjExMjUgMTcuNjMyIDE3LjYyMjNDMTguMTIyNyAxNy4xMzIxIDE4LjEyMjcgMTYuMzQxOCAxNy42MzIgMTUuODUxNkwxMy43NzcyIDEySDEzLjc2NzJaIiBmaWxsPSIjNzk3Rjg1Ii8+Cjwvc3ZnPgo=) center center no-repeat #c8cbcd; 2519 background-color: #e1e3e4; 2520 -webkit-mask-image: url(data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PSIwIDAgMjQgMjQiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGQ9Ik0xMy43NjcyIDEyTDE3LjYzMiA4LjEzODM5QzE4LjEyMjcgNy42NDgxOSAxOC4xMjI3IDYuODU3ODYgMTcuNjMyIDYuMzY3NjVDMTcuMTQxNCA1Ljg3NzQ1IDE2LjM1MDQgNS44Nzc0NSAxNS44NTk4IDYuMzY3NjVMMTEuOTk1IDEwLjIyOTNMOC4xNDAxOCA2LjM3NzY2QzcuNjQ5NTYgNS44ODc0NSA2Ljg1ODU3IDUuODg3NDUgNi4zNjc5NiA2LjM3NzY2QzUuODc3MzUgNi44Njc4NiA1Ljg3NzM1IDcuNjU4MTkgNi4zNjc5NiA4LjE0ODRMMTAuMjIyOCAxMkw2LjM2Nzk2IDE1Ljg2MTZDNS44NzczNSAxNi4zNTE4IDUuODc3MzUgMTcuMTQyMSA2LjM2Nzk2IDE3LjYzMjNDNi44NTg1NyAxOC4xMjI2IDcuNjQ5NTYgMTguMTIyNiA4LjE0MDE4IDE3LjYzMjNMMTIuMDA1IDEzLjc3MDdMMTUuODU5OCAxNy42MjIzQzE2LjM1MDQgMTguMTEyNSAxNy4xNDE0IDE4LjExMjUgMTcuNjMyIDE3LjYyMjNDMTguMTIyNyAxNy4xMzIxIDE4LjEyMjcgMTYuMzQxOCAxNy42MzIgMTUuODUxNkwxMy43NzcyIDEySDEzLjc2NzJaIiBmaWxsPSIjNzk3Rjg1Ii8+Cjwvc3ZnPgo=) 2521 } 2522 2523 @media screen and (max-width: 768px) { 2524 .b-page .blu-modal__close[data-v-a1423cd6] { 2525 right:20px 2526 } 2527 } 2528 2529 .b-page .blu-modal__close[data-v-a1423cd6]:focus-visible { 2530 box-shadow: 0px 0px 0px 4px #000; 2531 outline: none 2532 } 2533 </style> 2534 <style type="text/css"> 2535 .blu-ripple[data-v-2bedc3c7] { 2536 width: 100%; 2537 height: 100%; 2538 position: relative; 2539 overflow: hidden; 2540 display: flex; 2541 justify-content: center; 2542 align-items: center; 2543 -webkit-box-pack: center; 2544 -webkit-box-align: center; 2545 -webkit-mask-image: radial-gradient(circle, #ffffff 100%, #000000 100%); 2546 padding: 0 12px 2547 } 2548 2549 .blu-ripple-wave[data-v-2bedc3c7] { 2550 position: absolute; 2551 z-index: 1; 2552 pointer-events: none; 2553 background: currentColor; 2554 border-radius: 50%; 2555
2555 opacity: 0; 2556 transform: scale(2) translateZ(0) 2557 } 2558 2559 .blu-ripple-wave.b-centered[data-v-2bedc3c7] { 2560 animation-duration: 1.2s; 2561 top: 50%; 2562 left: 50% 2563 } 2564 2565 .blu-ripple-wave~*[data-v-2bedc3c7]:not(.blu-ripple-wave) { 2566 position: relative; 2567 z-index: 2 2568 } 2569 2570 .blu-ripple-enter-active[data-v-2bedc3c7] { 2571 transition: 2s cubic-bezier(0.25, 0.8, 0.25, 1); 2572 transition-property: opacity,transform; 2573 will-change: opacity,transform 2574 } 2575 2576 .blu-ripple-enter-active.b-centered[data-v-2bedc3c7] { 2577 transition-duration: 1.2s 2578 } 2579 2580 .blu-ripple-enter[data-v-2bedc3c7] { 2581 opacity: .26; 2582 transform: scale(0.26) translateZ(0) 2583 } 2584 2585 .has-left-icon .blu-ripple svg[data-v-2bedc3c7] { 2586 margin-right: 8px 2587 } 2588 2589 .has-left-icon.b-small svg[data-v-2bedc3c7] { 2590 transform-origin: left; 2591 margin-right: 4px 2592 } 2593 2594 .b-large .blu-ripple[data-v-2bedc3c7] { 2595 padding: 0 16px 2596 } 2597 2598 .b-small .blu-ripple[data-v-2bedc3c7] { 2599 padding: 0 8px 2600 } 2601 2602 .b-small svg[data-v-2bedc3c7] { 2603 width: 18px; 2604 height: 18px 2605 } 2606 2607 .b-icon .blu-ripple[data-v-2bedc3c7] { 2608 padding: 0 2609 } 2610 2611 .b-loading .blu-loader-wrapper[data-v-2bedc3c7] { 2612 height: 24px; 2613 position: absolute 2614 } 2615 2616 .b-loading .blu-ripple[data-v-2bedc3c7] { 2617 color: rgba(0,0,0,0) 2618 } 2619 2620 .b-loading .blu-ripple>svg[data-v-2bedc3c7] { 2621 visibility: hidden 2622 } 2623 2624 .b-loading .blu-ripple .blu-ripple-wave[data-v-2bedc3c7] { 2625 color: #fff 2626 } 2627 2628 .b-loading.b-white .blu-ripple-wave[data-v-2bedc3c7] { 2629 color: #0072ff 2630 } 2631 2632 .b-loading.b-outline.b-secondary .blu-ripple-wave[data-v-2bedc3c7] { 2633 color: #0072ff 2634 } 2635 2636 .b-loading.b-outline.b-primary .blu-ripple-wave[data-v-2bedc3c7] { 2637 color: #f1ab02 2638 } 2639 2640 .b-loading.b-ghost.b-secondary .blu-ripple-wave[data-v-2bedc3c7] { 2641 color: #0072ff 2642 } 2643 2644 .b-loading.b-ghost.b-primary .blu-ripple-wave[data-v-2bedc3c7] { 2645 color: #f1ab02 2646 } 2647 2648 .blu-input-stepper .blu-btn .blu-ripple[data-v-2bedc3c7] { 2649 padding: 0; 2650 width: 24px; 2651 height: 24px; 2652 border-radius: 50% 2653 } 2654 2655 .blu-input-stepper .blu-btn .blu-ripple svg[data-v-2bedc3c7] { 2656 width: 18px; 2657 height: 18px; 2658 margin-left: 1px 2659 } 2660 2661 .blu-input-stepper .blu-btn .blu-ripple-enter-active[data-v-2bedc3c7] { 2662 background: #0072ff 2663 } 2664 2665 .b-disabled[data-v-2bedc3c7] { 2666 opacity: 1 2667 } 2668 2669 .blu-btn-dropdown .blu-ripple>svg+div[data-v-2bedc3c7] { 2670 margin-left: 8px 2671 } 2672 </style> 2673 <style type="text/css"> 2674 .blu-ripple[data-v-574d97b4] { 2675 width: 100%; 2676 height: 100%; 2677 position: relative; 2678 overflow: hidden; 2679 display: flex; 2680 justify-content: center; 2681 align-items: center; 2682 -webkit-box-pack: center; 2683 -webkit-box-align: center; 2684 -webkit-mask-image: radial-gradient(circle, #ffffff 100%, #000000 100%); 2685 padding: 0 12px 2686 } 2687 2688 .blu-ripple-wave[data-v-574d97b4] { 2689 position: absolute; 2690 z-index: 1; 2691 pointer-events: none; 2692 background: currentColor; 2693 border-radius: 50%; 2694 opacity: 0; 2695 transform: scale(2) translateZ(0) 2696 } 2697 2698 .blu-ripple-wave.b-centered[data-v-574d97b4] { 2699 animation-duration: 1.2s; 2700 top: 50%; 2701 left: 50% 2702 } 2703 2704 .blu-ripple-wave~*[data-v-574d97b4]:not(.blu-ripple-wave) { 2705 position: relative; 2706 z-index: 2 2707 } 2708 2709 .blu-ripple-enter-active[data-v-574d97b4] { 2710 transition: 2s cubic-bezier(0.25, 0.8, 0.25, 1); 2711 transition-property: opacity,transform; 2712 will-change: opacity,transform 2713 } 2714 2715 .blu-ripple-enter-active.b-centered[data-v-574d97b4] { 2716 transition-duration: 1.2s 2717 } 2718 2719 .blu-ripple-enter[data-v-574d97b4] { 2720 opacity: .26; 2721 transform: scale(0.26) translateZ(0) 2722 } 2723 2724 .has-left-icon .blu-ripple svg[data-v-574d97b4] { 2725 margin-right: 8px 2726 } 2727 2728 .has-left-icon.b-small svg[data-v-574d97b4] { 2729 transform-origin: left; 2730 margin-right: 4px 2731 } 2732 2733 .b-large .blu-ripple[data-v-574d97b4] { 2734 padding: 0 16px 2735 } 2736 2737 .b-small .blu-ripple[data-v-574d97b4] { 2738 padding: 0 8px 2739 } 2740 2741 .b-small svg[data-v-574d97b4] { 2742 width: 18px; 2743 height: 18px 2744 } 2745 2746 .b-icon .blu-ripple[data-v-574d97b4] { 2747 padding: 0 2748 } 2749 2750 .b-loading .blu-loader-wrapper[data-v-574d97b4] { 2751 height: 24px; 2752 position: absolute 2753 } 2754 2755 .b-loading .blu-ripple[data-v-574d97b4] { 2756 color: rgba(0,0,0,0) 2757 } 2758 2759 .b-loading .blu-ripple>svg[data-v-574d97b4] { 2760 visibility: hidden 2761 } 2762 2763 .b-loading .blu-ripple .blu-ripple-wave[data-v-574d97b4] { 2764 color: #fff 2765 } 2766 2767 .b-loading.b-white .blu-ripple-wave[data-v-574d97b4] { 2768 color: #0072ff 2769 } 2770 2771 .b-loading.b-outline.b-secondary .blu-ripple-wave[data-v-574d97b4] { 2772 color: #0072ff 2773 } 2774 2775 .b-loading.b-outline.b-primary .blu-ripple-wave[data-v-574d97b4] { 2776 color: #f1ab02 2777 } 2778 2779 .b-loading.b-ghost.b-secondary .blu-ripple-wave[data-v-574d97b4] { 2780 color: #0072ff 2781 } 2782 2783 .b-loading.b-ghost.b-primary .blu-ripple-wave[data-v-574d97b4] { 2784 color: #f1ab02 2785 } 2786 2787 .blu-input-stepper .blu-btn .blu-ripple[data-v-574d97b4] { 2788 padding: 0; 2789 width: 24px; 2790 height: 24px; 2791 border-radius: 50% 2792 } 2793 2794 .blu-input-stepper .blu-btn .blu-ripple svg[data-v-574d97b4] { 2795 width: 18px; 2796 height: 18px; 2797 margin-left: 1px 2798 } 2799 2800 .blu-input-stepper .blu-btn .blu-ripple-enter-active[data-v-574d97b4] { 2801 background: #0072ff 2802 } 2803 2804 .b-disabled[data-v-574d97b4] { 2805 opacity: 1 2806 } 2807 2808 .blu-btn-dropdown .blu-ripple>svg+div[data-v-574d97b4] { 2809 margin-left: 8px 2810 } 2811 </style> 2812 <style type="text/css"> 2813 .blu-ripple[data-v-19fd2cc7] { 2814 width: 100%; 2815 height: 100%; 2816 position: relative; 2817 overflow: hidden; 2818 display: flex; 2819 justify-content: center; 2820 align-items: center; 2821 -webkit-box-pack: center; 2822 -webkit-box-align: center; 2823 -webkit-mask-image: radial-gradient(circle, #ffffff 100%, #000000 100%); 2824 padding: 0 12px 2825 } 2826 2827 .blu-ripple-wave[data-v-19fd2cc7] { 2828 position: absolute; 2829 z-index: 1; 2830 pointer-events: none; 2831 background: currentColor; 2832 border-radius: 50%; 2833 opacity: 0; 2834 transform: scale(2) translateZ(0) 2835 } 2836 2837 .blu-ripple-wave.b-centered[data-v-19fd2cc7] { 2838 animation-duration: 1.2s; 2839 top: 50%; 2840 left: 50% 2841 } 2842 2843 .blu-ripple-wave~*[data-v-19fd2cc7]:not(.blu-ripple-wave) { 2844 position: relative; 2845 z-index: 2 2846 } 2847 2848 .blu-ripple-enter-active[data-v-19fd2cc7] { 2849 transition: 2s cubic-bezier(0.25, 0.8, 0.25, 1); 2850 transition-property: opacity,transform; 2851 will-change: opacity,transform 2852 } 2853 2854 .blu-ripple-enter-active.b-centered[data-v-19fd2cc7] { 2855 transition-duration: 1.2s 2856 } 2857 2858 .blu-ripple-enter[data-v-19fd2cc7] { 2859 opacity: .26; 2860 transform: scale(0.26) translateZ(0) 2861 } 2862 2863 .has-left-icon .blu-ripple svg[data-v-19fd2cc7] { 2864 margin-right: 8px 2865 } 2866 2867 .has-left-icon.b-small svg[data-v-19fd2cc7] { 2868 transform-origin: left; 2869 margin-right: 4px 2870 } 2871 2872 .b-large .blu-ripple[data-v-19fd2cc7] { 2873 padding: 0 16px 2874 } 2875 2876 .b-small .blu-ripple[data-v-19fd2cc7] { 2877 padding: 0 8px 2878 } 2879 2880 .b-small svg[data-v-19fd2cc7] { 2881 width: 18px; 2882 height: 18px 2883 } 2884 2885 .b-icon .blu-ripple[data-v-19fd2cc7] { 2886 padding: 0 2887 } 2888 2889 .b-loading .blu-loader-wrapper[data-v-19fd2cc7] { 2890 height: 24px; 2891 position: absolute 2892 } 2893 2894 .b-loading .blu-ripple[data-v-19fd2cc7] { 2895 color: rgba(0,0,0,0) 2896 } 2897 2898 .b-loading .blu-ripple>svg[data-v-19fd2cc7] { 2899 visibility: hidden 2900 } 2901 2902 .b-loading .blu-ripple .blu-ripple-wave[data-v-19fd2cc7] { 2903 color: #fff 2904 } 2905 2906 .b-loading.b-white .blu-ripple-wave[data-v-19fd2cc7] { 2907 color: #0072ff 2908 } 2909 2910 .b-loading.b-outline.b-secondary .blu-ripple-wave[data-v-19fd2cc7] { 2911 color: #0072ff 2912 } 2913 2914 .b-loading.b-outline.b-primary .blu-ripple-wave[data-v-19fd2cc7] { 2915 color: #f1ab02 2916 } 2917 2918 .b-loading.b-ghost.b-secondary .blu-ripple-wave[data-v-19fd2cc7] { 2919 color: #0072ff 2920 } 2921 2922 .b-loading.b-ghost.b-primary .blu-ripple-wave[data-v-19fd2cc7] { 2923 color: #f1ab02 2924 } 2925 2926 .blu-input-stepper .blu-btn .blu-ripple[data-v-19fd2cc7] { 2927 padding: 0; 2928 width: 24px; 2929 height: 24px; 2930 border-radius: 50% 2931 } 2932 2933 .blu-input-stepper .blu-btn .blu-ripple svg[data-v-19fd2cc7] { 2934 width: 18px; 2935 height: 18px; 2936 margin-left: 1px 2937 } 2938 2939 .blu-input-stepper .blu-btn .blu-ripple-enter-active[data-v-19fd2cc7] { 2940 background: #0072ff 2941 } 2942 2943 .b-disabled[data-v-19fd2cc7] { 2944 opacity: 1 2945 } 2946 2947 .blu-btn-dropdown .blu-ripple>svg+div[data-v-19fd2cc7] { 2948 margin-left: 8px 2949 } 2950 2951 .blu-btn[data-v-19fd2cc7] { 2952 position: relative; 2953 font: 16px/20px "blibli demi bold",-apple-system,segoe ui,roboto,helvetica,arial,sans-serif; 2954 text-decoration: none; 2955 transition: color .4s,background-color .4s,border-color .6s; 2956 white-space: nowrap; 2957 height: 48px; 2958 padding: 0; 2959 -webkit-tap-highlight-color: rgba(0,0,0,0) 2960 } 2961 2962 .blu-btn[data-v-19fd2cc7]::-moz-focus-inner { 2963 border: 0 2964 } 2965 2966 .blu-btn[data-v-19fd2cc7]:active { 2967 outline: none 2968 } 2969 2970 .blu-btn[data-v-19fd2cc7]:before { 2971 position: absolute; 2972 top: 0; 2973 right: 0; 2974 bottom: 0; 2975 left: 0; 2976 z-index: 1; 2977 opacity: 0; 2978 transition: .4s cubic-bezier(0.4, 0, 0.2, 1); 2979 will-change: background-color,opacity; 2980 content: " " 2981 } 2982 2983 .blu-btn[data-v-19fd2cc7]:focus-visible { 2984 box-shadow: 0px 0px 0px 4px #000 2985 } 2986 2987 .blu-btn.b-primary[data-v-19fd2cc7] { 2988 color: #fff; 2989 background-color: #f1ab02; 2990 border-color: #f1ab02 2991 } 2992 2993 .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] { 2994 background-color: #e39304; 2995 border-color: #e39304 2996 } 2997 2998 .blu-btn.b-secondary[data-v-19fd2cc7] { 2999 color: #fff; 3000 background-color: #0072ff; 3001 border-color: #0072ff 3002 } 3003 3004 .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] { 3005 background-color: #006dea; 3006 border-color: #006dea 3007 } 3008 3009 .blu-btn.b-white[data-v-19fd2cc7] { 3010 color: #fff; 3011 background-color: #fff; 3012 border-color: #fff; 3013 color: #0072ff 3014 } 3015 3016 .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] { 3017 background-color: #f1f2f2; 3018 border-color: #f1f2f2 3019 } 3020 3021 .blu-btn.b-disabled[data-v-19fd2cc7] { 3022 color: #fff; 3023 background-color: #c8cbcd; 3024 border-color: #c8cbcd; 3025 color: rgba(25,34,42,.4) 3026 } 3027 3028 .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] { 3029 background-color: #c8cbcd; 3030 border-color: #c8cbcd 3031 } 3032 3033 .blu-btn.b-large[data-v-19fd2cc7] { 3034 height: 56px 3035 } 3036 3037 .blu-btn.b-small[data-v-19fd2cc7] { 3038 font: 14px/18px "blibli demi bold",-apple-system,segoe ui,roboto,helvetica,arial,sans-serif; 3039 height: 32px 3040 } 3041 3042 .b-disabled[data-v-19fd2cc7] { 3043 opacity: 1 3044 } 3045 3046 input[type=submit][data-v-19fd2cc7]::-moz-focus-inner,input[type=button][data-v-19fd2cc7]::-moz-focus-inner { 3047 border: 0px 3048 } 3049 3050 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] { 3051 outline: none 3052 } 3053 3054 a[data-v-19fd2cc7],a[data-v-19fd2cc7]:visited,a[data-v-19fd2cc7]:focus,a[data-v-19fd2cc7]:active,a[data-v-19fd2cc7]:hover { 3055 outline: 0 none !important 3056 } 3057 3058 .blu-btn[data-v-19fd2cc7] { 3059 border-radius: 24px 3060 } 3061 3062 .blu-btn+.blu-button[data-v-19fd2cc7] { 3063 margin-left: 0 3064 } 3065 3066 .blu-btn.b-outline[data-v-19fd2cc7] { 3067 background-color: rgba(0,0,0,0) 3068 } 3069 3070 .blu-btn.b-outline.b-primary[data-v-19fd2cc7] { 3071 color: #f1ab02; 3072 background-color: #e39304; 3073 border: #ffcd00 1px solid 3074 } 3075 3076 .blu-btn.b-outline.b-primary[data
3076-v-19fd2cc7]:not(.b-disabled) { 3077 background-color: rgba(255,255,255,.12) 3078 } 3079 3080 .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] { 3081 background-color: rgba(227,147,4,.08); 3082 border: #ffcd00 1px solid 3083 } 3084 3085 .blu-btn.b-outline.b-primary.b-active[data-v-19fd2cc7] { 3086 z-index: 9; 3087 background-color: #f1ab02; 3088 color: #fff 3089 } 3090 3091 .blu-btn.b-outline.b-secondary[data-v-19fd2cc7] { 3092 color: #0072ff; 3093 background-color: #006dea; 3094 border: #1d8fff 1px solid 3095 } 3096 3097 .blu-btn.b-outline.b-secondary[data-v-19fd2cc7]:not(.b-disabled) { 3098 background-color: rgba(255,255,255,.12) 3099 } 3100 3101 .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] { 3102 background-color: rgba(0,109,234,.08); 3103 border: #1d8fff 1px solid 3104 } 3105 3106 .blu-btn.b-outline.b-secondary.b-active[data-v-19fd2cc7] { 3107 z-index: 9; 3108 background-color: #0072ff; 3109 color: #fff 3110 } 3111 3112 .blu-btn.b-outline.b-white[data-v-19fd2cc7] { 3113 color: #fff; 3114 background-color: #fff; 3115 border: #fff 1px solid 3116 } 3117 3118 .blu-btn.b-outline.b-white[data-v-19fd2cc7]:not(.b-disabled) { 3119 background-color: rgba(255,255,255,.12) 3120 } 3121 3122 .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] { 3123 background-color: rgba(255,255,255,.4); 3124 border: #fff 1px solid 3125 } 3126 3127 .blu-btn.b-outline.b-white.b-active[data-v-19fd2cc7] { 3128 z-index: 9; 3129 background-color: #fff; 3130 color: #fff 3131 } 3132 3133 .blu-btn.b-outline.b-disabled[data-v-19fd2cc7] { 3134 color: rgba(25,34,42,.4); 3135 background-color: #c8cbcd; 3136 border: #c8cbcd 1px solid 3137 } 3138 3139 .blu-btn.b-outline.b-disabled[data-v-19fd2cc7]:not(.b-disabled) { 3140 background-color: rgba(255,255,255,.12) 3141 } 3142 3143 .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] { 3144 background-color: rgba(200,203,205,.08); 3145 border: #c8cbcd 1px solid 3146 } 3147 3148 .blu-btn.b-outline.b-disabled.b-active[data-v-19fd2cc7] { 3149 z-index: 9; 3150 background-color: rgba(25,34,42,.4); 3151 color: #fff 3152 } 3153 3154 .blu-btn.b-outline.b-small .blu-ripple[data-v-19fd2cc7] { 3155 border-radius: 14px 3156 } 3157 3158 .blu-btn.b-outline.b-large .blu-ripple[data-v-19fd2cc7] { 3159 border-radius: 30px 3160 } 3161 3162 .blu-btn.b-ghost[data-v-19fd2cc7] { 3163 background-color: rgba(0,0,0,0); 3164 border-color: rgba(0,0,0,0) 3165 } 3166 3167 .blu-btn.b-ghost.b-primary[data-v-19fd2cc7] { 3168 color: #f1ab02; 3169 border-color: rgba(0,0,0,0) 3170 } 3171 3172 .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] { 3173 border-color: rgba(0,0,0,0); 3174 background-color: rgba(227,147,4,.08) 3175 } 3176 3177 .blu-btn.b-ghost.b-secondary[data-v-19fd2cc7] { 3178 color: #0072ff; 3179 border-color: rgba(0,0,0,0) 3180 } 3181 3182 .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] { 3183 border-color: rgba(0,0,0,0); 3184 background-color: rgba(0,109,234,.08) 3185 } 3186 3187 .blu-btn.b-ghost.b-white[data-v-19fd2cc7] { 3188 color: #fff; 3189 border-color: rgba(0,0,0,0) 3190 } 3191 3192 .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] { 3193 border-color: rgba(0,0,0,0); 3194 background-color: rgba(255,255,255,.4) 3195 } 3196 3197 .blu-btn.b-ghost.b-white.b-disabled[data-v-19fd2cc7] { 3198 color: rgba(255,255,255,.4); 3199 border-color: rgba(0,0,0,0) 3200 } 3201 3202 .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] { 3203 border-color: rgba(0,0,0,0); 3204 background-color: rgba(0,0,0,0) 3205 } 3206 3207 .blu-btn.b-ghost.b-disabled[data-v-19fd2cc7] { 3208 color: rgba(25,34,42,.4); 3209 border-color: rgba(0,0,0,0) 3210 } 3211 3212 .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] { 3213 border-color: rgba(0,0,0,0); 3214 background-color: rgba(0,0,0,0) 3215 } 3216 3217 .blu-btn.b-warning[data-v-19fd2cc7] { 3218 color: #fff; 3219 background-color: #ffcd00; 3220 border-color: #ffcd00 3221 } 3222 3223 .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] { 3224 background-color: #cca400; 3225 border-color: #cca400 3226 } 3227 3228 .blu-btn.b-danger[data-v-19fd2cc7] { 3229 color: #fff; 3230 background-color: #ff4646; 3231 border-color: #ff4646 3232 } 3233 3234 .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] { 3235 background-color: #ff1313; 3236 border-color: #ff1313 3237 } 3238 3239 .blu-btn.b-small[data-v-19fd2cc7] { 3240 border-radius: 16px 3241 } 3242 3243 .blu-btn.b-small .blu-ripple[data-v-19fd2cc7] { 3244 border-radius: 16px 3245 } 3246 3247 .blu-btn.b-large[data-v-19fd2cc7] { 3248 border-radius: 32px 3249 } 3250 3251 .blu-btn.b-large .blu-ripple[data-v-19fd2cc7] { 3252 border-radius: 32px 3253 } 3254 3255 .blu-btn.b-icon[data-v-19fd2cc7] { 3256 width: 48px 3257 } 3258 3259 .blu-btn.b-icon.b-large[data-v-19fd2cc7] { 3260 width: 56px 3261 } 3262 3263 .blu-btn.b-icon.b-small[data-v-19fd2cc7] { 3264 width: 32px 3265 } 3266 3267 .blu-btn.b-icon svg[data-v-19fd2cc7] { 3268 width: 100%; 3269 height: 100% 3270 } 3271 3272 .blu-btn.b-full-width[data-v-19fd2cc7] { 3273 width: 100% 3274 } 3275 3276 .blu-btn .blu-ripple[data-v-19fd2cc7] { 3277 border-radius: 24px 3278 } 3279 </style> 3280 <style type="text/css"> 3281 .blu-ripple[data-v-7172f8fc] { 3282 width: 100%; 3283 height: 100%; 3284 position: relative; 3285 overflow: hidden; 3286 display: flex; 3287 justify-content: center; 3288 align-items: center; 3289 -webkit-box-pack: center; 3290 -webkit-box-align: center; 3291 -webkit-mask-image: radial-gradient(circle, #ffffff 100%, #000000 100%); 3292 padding: 0 12px 3293 } 3294 3295 .blu-ripple-wave[data-v-7172f8fc] { 3296 position: absolute; 3297 z-index: 1; 3298 pointer-events: none; 3299 background: currentColor; 3300 border-radius: 50%; 3301 opacity: 0; 3302 transform: scale(2) translateZ(0) 3303 } 3304 3305 .blu-ripple-wave.b-centered[data-v-7172f8fc] { 3306 animation-duration: 1.2s; 3307 top: 50%; 3308 left: 50% 3309 } 3310 3311 .blu-ripple-wave~*[data-v-7172f8fc]:not(.blu-ripple-wave) { 3312 position: relative; 3313 z-index: 2 3314 } 3315 3316 .blu-ripple-enter-active[data-v-7172f8fc] { 3317 transition: 2s cubic-bezier(0.25, 0.8, 0.25, 1); 3318 transition-property: opacity,transform; 3319 will-change: opacity,transform 3320 } 3321 3322 .blu-ripple-enter-active.b-centered[data-v-7172f8fc] { 3323 transition-duration: 1.2s 3324 } 3325 3326 .blu-ripple-enter[data-v-7172f8fc] { 3327 opacity: .26; 3328 transform: scale(0.26) translateZ(0) 3329 } 3330 3331 .has-left-icon .blu-ripple svg[data-v-7172f8fc] { 3332 margin-right: 8px 3333 } 3334 3335 .has-left-icon.b-small svg[data-v-7172f8fc] { 3336 transform-origin: left; 3337 margin-right: 4px 3338 } 3339 3340 .b-large .blu-ripple[data-v-7172f8fc] { 3341 padding: 0 16px 3342 } 3343 3344 .b-small .blu-ripple[data-v-7172f8fc] { 3345 padding: 0 8px 3346 } 3347 3348 .b-small svg[data-v-7172f8fc] { 3349 width: 18px; 3350 height: 18px 3351 } 3352 3353 .b-icon .blu-ripple[data-v-7172f8fc] { 3354 padding: 0 3355 } 3356 3357 .b-loading .blu-loader-wrapper[data-v-7172f8fc] { 3358 height: 24px; 3359 position: absolute 3360 } 3361 3362 .b-loading .blu-ripple[data-v-7172f8fc] { 3363 color: rgba(0,0,0,0) 3364 } 3365 3366 .b-loading .blu-ripple>svg[data-v-7172f8fc] { 3367 visibility: hidden 3368 } 3369 3370 .b-loading .blu-ripple .blu-ripple-wave[data-v-7172f8fc] { 3371 color: #fff 3372 } 3373 3374 .b-loading.b-white .blu-ripple-wave[data-v-7172f8fc] { 3375 color: #0072ff 3376 } 3377 3378 .b-loading.b-outline.b-secondary .blu-ripple-wave[data-v-7172f8fc] { 3379 color: #0072ff 3380 } 3381 3382 .b-loading.b-outline.b-primary .blu-ripple-wave[data-v-7172f8fc] { 3383 color: #f1ab02 3384 } 3385 3386 .b-loading.b-ghost.b-secondary .blu-ripple-wave[data-v-7172f8fc] { 3387 color: #0072ff 3388 } 3389 3390 .b-loading.b-ghost.b-primary .blu-ripple-wave[data-v-7172f8fc] { 3391 color: #f1ab02 3392 } 3393 3394 .blu-input-stepper .blu-btn .blu-ripple[data-v-7172f8fc] { 3395 padding: 0; 3396 width: 24px; 3397 height: 24px; 3398 border-radius: 50% 3399 } 3400 3401 .blu-input-stepper .blu-btn .blu-ripple svg[data-v-7172f8fc] { 3402 width: 18px; 3403 height: 18px; 3404 margin-left: 1px 3405 } 3406 3407 .blu-input-stepper .blu-btn .blu-ripple-enter-active[data-v-7172f8fc] { 3408 background: #0072ff 3409 } 3410 3411 .b-disabled[data-v-7172f8fc] { 3412 opacity: 1 3413 } 3414 3415 .blu-btn-dropdown .blu-ripple>svg+div[data-v-7172f8fc] { 3416 margin-left: 8px 3417 } 3418 3419 .blu-modal__mask[data-v-7172f8fc] { 3420 transition: opacity .3s ease; 3421 position: fixed; 3422 z-index: 999; 3423 top: 0; 3424 left: 0; 3425 width: 100%; 3426 height: 100%; 3427 background-color: rgba(0,0,0,.6); 3428 display: flex; 3429 flex-direction: column; 3430 justify-content: center; 3431 align-items: center 3432 } 3433 3434 .blu-modal__container[data-v-7172f8fc] { 3435 transition: opacity .3s ease; 3436 width: 90%; 3437 max-width: 500px; 3438 max-height: calc(100% - 50px); 3439 height: auto; 3440 background: #fff; 3441 box-shadow: 0 1px 6px 0 rgba(0,0,0,.1); 3442 position: fixed; 3443 z-index: 1000; 3444 display: flex; 3445 flex-direction: column 3446 } 3447 3448 @media screen and (max-width: 768px) { 3449 .blu-modal__container[data-v-7172f8fc] { 3450 max-height:calc(100% - 40px) 3451 } 3452 } 3453 3454 @media screen and (min-width: 769px),print { 3455 .blu-modal__container[data-v-7172f8fc] { 3456 top:50%; 3457 left: 50%; 3458 -webkit-transform: translate(-50%, -50%); 3459 -moz-transform: translate(-50%, -50%); 3460 -ms-transform: translate(-50%, -50%); 3461 -o-transform: translate(-50%, -50%); 3462 transform: translate(-50%, -50%) 3463 } 3464 } 3465 3466 .blu-modal__heading[data-v-7172f8fc] { 3467 font: 24px/28px "blibli demi bold",-apple-system,segoe ui,roboto,helvetica,arial,sans-serif; 3468 margin-bottom: 8px 3469 } 3470 3471 @media screen and (max-width: 768px) { 3472 .blu-modal__heading[data-v-7172f8fc] { 3473 font:20px/24px "blibli demi bold",-apple-system,segoe ui,roboto,helvetica,arial,sans-serif; 3474 margin-bottom: 0px 3475 } 3476 } 3477 3478 .blu-modal__body[data-v-7172f8fc] { 3479 max-height: var(--max-height-modal-body); 3480 overflow-x: auto; 3481 color: rgba(25,34,42,.7019607843); 3482 margin-right: 0px; 3483 overscroll-behavior: contain 3484 } 3485 3486 @media screen and (min-width: 769px),print { 3487 .blu-modal__body[data-v-7172f8fc] { 3488 font:16px/20px "blibli",-apple-system,segoe ui,roboto,helvetica,arial,sans-serif 3489 } 3490 } 3491 3492 @media screen and (max-width: 768px) { 3493 .blu-modal__body[data-v-7172f8fc] { 3494 font:14px/18px "blibli",-apple-system,segoe ui,roboto,helvetica,arial,sans-serif 3495 } 3496 } 3497 3498 .blu-modal__footer[data-v-7172f8fc] { 3499 text-align: right 3500 } 3501 3502 @media screen and (max-width: 768px) { 3503 .blu-modal__footer[data-v-7172f8fc] { 3504 margin-top:auto 3505 } 3506 } 3507 3508 .blu-modal.b-dialog .blu-modal__body[data-v-7172f8fc] { 3509 margin-bottom: 40px 3510 } 3511 3512 @media screen and (max-width: 768px) { 3513 .blu-modal.b-dialog .blu-modal__body[data-v-7172f8fc] { 3514 margin-bottom:32px 3515 } 3516 } 3517 3518 .blu-modal.b-dialog .blu-modal__container[data-v-7172f8fc] { 3519 border-radius: 16px 3520 } 3521 3522 @media screen and (min-width: 769px),print { 3523 .blu-modal.b-dialog .blu-modal__container[data-v-7172f8fc] { 3524 padding:24px 24px 16px 3525 } 3526 } 3527 3528 @media screen and (max-width: 768px) { 3529 .blu-modal.b-dialog .blu-modal__container[data-v-7172f8fc] { 3530 padding:24px 24px 16px; 3531 top: 50%; 3532 left: 50%; 3533 -webkit-transform: tr
3533anslate(-50%, -50%); 3534 -moz-transform: translate(-50%, -50%); 3535 -ms-transform: translate(-50%, -50%); 3536 -o-transform: translate(-50%, -50%); 3537 transform: translate(-50%, -50%) 3538 } 3539 } 3540 3541 .blu-modal.b-dialog .blu-modal__container[data-v-7172f8fc]:before,.blu-modal.b-dialog .blu-modal__container[data-v-7172f8fc]:after { 3542 content: ""; 3543 width: calc(100% - 60px); 3544 margin: 0 30px; 3545 border-radius: 0 0 24px 24px; 3546 position: absolute; 3547 left: 0 3548 } 3549 3550 .blu-modal.b-dialog .blu-modal__container[data-v-7172f8fc]:before { 3551 height: 9px; 3552 bottom: -9px; 3553 z-index: 2; 3554 background: linear-gradient(0deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.12) 100%) 3555 } 3556 3557 .blu-modal.b-dialog .blu-modal__container[data-v-7172f8fc]:after { 3558 height: 16px; 3559 border-top: #fff 1px solid; 3560 bottom: -15px 3561 } 3562 3563 .blu-modal.b-dialog .blu-modal__close[data-v-7172f8fc] { 3564 display: none 3565 } 3566 3567 .blu-modal.b-dialog.b-info .blu-modal__container[data-v-7172f8fc]:after { 3568 background-color: #1d8fff 3569 } 3570 3571 .blu-modal.b-dialog.b-success .blu-modal__container[data-v-7172f8fc]:after { 3572 background-color: #22a334 3573 } 3574 3575 .blu-modal.b-dialog.b-warning .blu-modal__container[data-v-7172f8fc]:after { 3576 background-color: #ffcd00 3577 } 3578 3579 .blu-modal.b-dialog.b-danger .blu-modal__container[data-v-7172f8fc]:after { 3580 background-color: #ff4646 3581 } 3582 3583 .blu-modal.b-page .blu-modal__body[data-v-7172f8fc] { 3584 color: rgba(25,34,42,.7019607843) 3585 } 3586 3587 @media screen and (min-width: 769px),print { 3588 .blu-modal.b-page .blu-modal__body[data-v-7172f8fc] { 3589 padding:0 24px 3590 } 3591 } 3592 3593 @media screen and (max-width: 768px) { 3594 .blu-modal.b-page .blu-modal__body[data-v-7172f8fc] { 3595 padding:0 16px; 3596 padding-bottom: calc(env(safe-area-inset-bottom) + 4px); 3597 overflow-y: auto 3598 } 3599 } 3600 3601 .blu-modal.b-page .blu-modal__body[data-v-7172f8fc]::before { 3602 content: ""; 3603 background: #fff; 3604 height: 20px; 3605 width: 100%; 3606 left: 0; 3607 bottom: 0; 3608 position: fixed 3609 } 3610 3611 @media screen and (min-width: 769px),print { 3612 .blu-modal.b-page .blu-modal__body[data-v-7172f8fc]::before { 3613 display:none 3614 } 3615 } 3616 3617 @media screen and (min-width: 769px),print { 3618 .blu-modal.b-page .blu-modal__container[data-v-7172f8fc] { 3619 border-radius:16px; 3620 padding-top: 32px 3621 } 3622 } 3623 3624 @media screen and (max-width: 768px) { 3625 .blu-modal.b-page .blu-modal__container[data-v-7172f8fc] { 3626 padding-top:24px; 3627 width: 100%; 3628 max-width: 100%; 3629 height: auto; 3630 border-radius: 16px 16px 0 0; 3631 left: 0; 3632 bottom: 0; 3633 padding-top: 24px; 3634 padding-bottom: calc(env(safe-area-inset-bottom) + 16px) 3635 } 3636 } 3637 3638 @media screen and (min-width: 769px),print { 3639 .blu-modal.b-page .blu-modal__footer[data-v-7172f8fc] { 3640 padding:24px 24px 3641 } 3642 } 3643 3644 @media screen and (max-width: 768px) { 3645 .blu-modal.b-page .blu-modal__footer[data-v-7172f8fc] { 3646 width:100%; 3647 padding: 16px; 3648 transition: all .3s cubic-bezier(0, 0, 0.2, 1.2); 3649 bottom: 0; 3650 padding-bottom: env(safe-area-inset-bottom); 3651 background: #fff 3652 } 3653 } 3654 3655 .blu-modal.b-page .blu-modal__footer[data-v-7172f8fc]::before { 3656 content: ""; 3657 background: #fff; 3658 height: 20px; 3659 width: 100%; 3660 left: 0; 3661 bottom: 0; 3662 position: fixed 3663 } 3664 3665 @media screen and (min-width: 769px),print { 3666 .blu-modal.b-page .blu-modal__footer[data-v-7172f8fc]::before { 3667 display:none 3668 } 3669 } 3670 3671 @media screen and (min-width: 769px),print { 3672 .blu-modal.b-page .blu-modal__header[data-v-7172f8fc] { 3673 padding:0 24px 3674 } 3675 } 3676 3677 @media screen and (max-width: 768px) { 3678 .blu-modal.b-page .blu-modal__header[data-v-7172f8fc] { 3679 padding:0 16px 3680 } 3681 } 3682 3683 .blu-modal.b-page .blu-modal__icon[data-v-7172f8fc] { 3684 display: none 3685 } 3686 3687 @media screen and (max-width: 768px) { 3688 .blu-modal.b-page.fade-enter-active[data-v-7172f8fc],.blu-modal.b-page.fade-leave-active[data-v-7172f8fc] { 3689 transition:opacity .3s 3690 } 3691 3692 .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] { 3693 transition: bottom .3s; 3694 transition: all .3s cubic-bezier(0, 0, 0.2, 1.2); 3695 bottom: 0 3696 } 3697 3698 .blu-modal.b-page.fade-enter-active[data-v-7172f8fc] { 3699 transition: opacity .3s cubic-bezier(0, 0, 0.2, 1.2) 3700 } 3701 3702 .blu-modal.b-page.fade-leave-active[data-v-7172f8fc] { 3703 transition: opacity .3s cubic-bezier(0.8, 0, 1, 1) 3704 } 3705 3706 .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] { 3707 bottom: -96vh 3708 } 3709 } 3710 3711 .blu-modal.b-no-button .blu-modal__container[data-v-7172f8fc] { 3712 padding-bottom: 20px 3713 } 3714 3715 @media screen and (max-width: 768px) { 3716 .blu-modal.b-no-button .blu-modal__body[data-v-7172f8fc] { 3717 padding-bottom:env(safe-area-inset-bottom) 3718 } 3719 } 3720 3721 .blu-modal.b-no-button .blu-modal__footer[data-v-7172f8fc] { 3722 display: none 3723 } 3724 3725 .fade-enter-active[data-v-7172f8fc],.fade-leave-active[data-v-7172f8fc] { 3726 position: absolute; 3727 z-index: 998; 3728 transition: opacity .3s 3729 } 3730 3731 .fade-enter[data-v-7172f8fc],.fade-leave-to[data-v-7172f8fc] { 3732 opacity: 0 3733 } 3734 3735 img[data-v-7172f8fc] { 3736 max-width: 100% 3737 } 3738 3739 .blu-modal.b-dialog .blu-modal__icon[data-v-7172f8fc] { 3740 width: 40px; 3741 height: 40px; 3742 margin-bottom: 40px 3743 } 3744 3745 @media screen and (max-width: 768px) { 3746 .blu-modal.b-dialog .blu-modal__icon[data-v-7172f8fc] { 3747 width:24px; 3748 height: 24px; 3749 margin-bottom: 32px 3750 } 3751 } 3752 3753 .blu-modal.b-dialog.b-info .blu-modal__icon[data-v-7172f8fc] { 3754 background-color: #1d8fff; 3755 -webkit-mask-image: url(data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PSIwIDAgMjQgMjQiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+DQo8cGF0aCBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGNsaXAtcnVsZT0iZXZlbm9kZCIgZD0iTTIgMTJDMiA2LjQ4IDYuNDggMiAxMiAyQzE3LjUyIDIgMjIgNi40OCAyMiAxMkMyMiAxNy41MiAxNy41MiAyMiAxMiAyMkM2LjQ4IDIyIDIgMTcuNTIgMiAxMlpNMTEuOTcgOC43Mzc2NEMxMi43MjY2IDguNzM3NjQgMTMuMzQgOC4xMjQ4IDEzLjM0IDcuMzY4ODJDMTMuMzQgNi42MTI4NCAxMi43MjY2IDYgMTEuOTcgNkMxMS4yMTM0IDYgMTAuNiA2LjYxMjg0IDEwLjYgNy4zNjg4MkMxMC42IDguMTI0OCAxMS4yMTM0IDguNzM3NjQgMTEuOTcgOC43Mzc2NFpNMTEuNDk5OSAxMC4xMDY0SDEyLjQ0OTlDMTIuODQ5OSAxMC4xMDY0IDEzLjE3OTkgMTAuNDM2MiAxMy4xNzk5IDEwLjgzNThWMTcuMjcwM0MxMy4xNzk5IDE3LjY2OTkgMTIuODQ5OSAxNy45OTk2IDEyLjQ0OTkgMTcuOTk5NkgxMS40OTk5QzExLjA5OTkgMTcuOTk5NiAxMC43Njk5IDE3LjY2OTkgMTAuNzY5OSAxNy4yNzAzVjEwLjgzNThDMTAuNzY5OSAxMC40MzYyIDExLjA5OTkgMTAuMTA2NCAxMS40OTk5IDEwLjEwNjRaIiBmaWxsPSIjNzk3Rjg1Ii8+DQo8L3N2Zz4NCg==); 3756 mask-image: url(data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PSIwIDAgMjQgMjQiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+DQo8cGF0aCBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGNsaXAtcnVsZT0iZXZlbm9kZCIgZD0iTTIgMTJDMiA2LjQ4IDYuNDggMiAxMiAyQzE3LjUyIDIgMjIgNi40OCAyMiAxMkMyMiAxNy41MiAxNy41MiAyMiAxMiAyMkM2LjQ4IDIyIDIgMTcuNTIgMiAxMlpNMTEuOTcgOC43Mzc2NEMxMi43MjY2IDguNzM3NjQgMTMuMzQgOC4xMjQ4IDEzLjM0IDcuMzY4ODJDMTMuMzQgNi42MTI4NCAxMi43MjY2IDYgMTEuOTcgNkMxMS4yMTM0IDYgMTAuNiA2LjYxMjg0IDEwLjYgNy4zNjg4MkMxMC42IDguMTI0OCAxMS4yMTM0IDguNzM3NjQgMTEuOTcgOC43Mzc2NFpNMTEuNDk5OSAxMC4xMDY0SDEyLjQ0OTlDMTIuODQ5OSAxMC4xMDY0IDEzLjE3OTkgMTAuNDM2MiAxMy4xNzk5IDEwLjgzNThWMTcuMjcwM0MxMy4xNzk5IDE3LjY2OTkgMTIuODQ5OSAxNy45OTk2IDEyLjQ0OTkgMTcuOTk5NkgxMS40OTk5QzExLjA5OTkgMTcuOTk5NiAxMC43Njk5IDE3LjY2OTkgMTAuNzY5OSAxNy4yNzAzVjEwLjgzNThDMTAuNzY5OSAxMC40MzYyIDExLjA5OTkgMTAuMTA2NCAxMS40OTk5IDEwLjEwNjRaIiBmaWxsPSIjNzk3Rjg1Ii8+DQo8L3N2Zz4NCg==) 3757 } 3758 3759 .blu-modal.b-dialog.b-success .blu-modal__icon[data-v-7172f8fc] { 3760 background-color: #22a334; 3761 -webkit-mask-image: url(data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PSIwIDAgMjQgMjQiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+DQo8cGF0aCBkPSJNMTIgMkM2LjQ4IDIgMiA2LjQ4IDIgMTJDMiAxNy41MiA2LjQ4IDIyIDEyIDIyQzE3LjUyIDIyIDIyIDE3LjUyIDIyIDEyQzIyIDYuNDggMTcuNTIgMiAxMiAyWk0xNy4wNSA5LjExTDEyLjA2IDE2LjEyQzExLjg4IDE2LjM3IDExLjYgMTYuNTIgMTEuMjkgMTYuNTRIMTEuMjRDMTAuOTUgMTYuNTQgMTAuNjcgMTYuNDIgMTAuNDggMTYuMTlMNi45OSAxMi4xM0M2LjgyIDExLjkzIDYuNzMgMTEuNjcgNi43NSAxMS40MUM2Ljc3IDExLjE0IDYuODkgMTAuOSA3LjA5IDEwLjczQzcuNTEgMTAuMzcgOC4xNCAxMC40MiA4LjUgMTAuODRMMTEuMTYgMTMuOTNMMTUuNDEgNy45NkMxNS43MyA3LjUxIDE2LjM1IDcuNDEgMTYuOCA3LjczQzE3LjAyIDcuODggMTcuMTYgOC4xMSAxNy4yMSA4LjM4QzE3LjI1IDguNjQgMTcuMTkgOC45MSAxNy4wNCA5LjEyTDE3
3761LjA1IDkuMTFaIiBmaWxsPSIjNzk3Rjg1Ii8+DQo8L3N2Zz4=); 3762 mask-image: url(data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PSIwIDAgMjQgMjQiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+DQo8cGF0aCBkPSJNMTIgMkM2LjQ4IDIgMiA2LjQ4IDIgMTJDMiAxNy41MiA2LjQ4IDIyIDEyIDIyQzE3LjUyIDIyIDIyIDE3LjUyIDIyIDEyQzIyIDYuNDggMTcuNTIgMiAxMiAyWk0xNy4wNSA5LjExTDEyLjA2IDE2LjEyQzExLjg4IDE2LjM3IDExLjYgMTYuNTIgMTEuMjkgMTYuNTRIMTEuMjRDMTAuOTUgMTYuNTQgMTAuNjcgMTYuNDIgMTAuNDggMTYuMTlMNi45OSAxMi4xM0M2LjgyIDExLjkzIDYuNzMgMTEuNjcgNi43NSAxMS40MUM2Ljc3IDExLjE0IDYuODkgMTAuOSA3LjA5IDEwLjczQzcuNTEgMTAuMzcgOC4xNCAxMC40MiA4LjUgMTAuODRMMTEuMTYgMTMuOTNMMTUuNDEgNy45NkMxNS43MyA3LjUxIDE2LjM1IDcuNDEgMTYuOCA3LjczQzE3LjAyIDcuODggMTcuMTYgOC4xMSAxNy4yMSA4LjM4QzE3LjI1IDguNjQgMTcuMTkgOC45MSAxNy4wNCA5LjEyTDE3LjA1IDkuMTFaIiBmaWxsPSIjNzk3Rjg1Ii8+DQo8L3N2Zz4=) 3763 } 3764 3765 .blu-modal.b-dialog.b-warning .blu-modal__icon[data-v-7172f8fc] { 3766 background-color: #ffcd00; 3767 -webkit-mask-image: url(data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PSIwIDAgMjQgMjQiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+DQo8cGF0aCBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGNsaXAtcnVsZT0iZXZlbm9kZCIgZD0iTTMuODc0MzYgMjFIMjAuMTE0NEgyMC4xMjQ0QzIxLjU1MzUgMjEgMjIuNDUyOSAxOS41MDM1IDIxLjc2MzQgMTguMjg2NEwxMy42NDg0IDMuOTUwMjZDMTIuOTM4OCAyLjY4MzI1IDExLjA2OTkgMi42ODMyNSAxMC4zNjA0IDMuOTUwMjZMMi4yMzUzNyAxOC4yOTY0QzEuNTQ1OCAxOS41MTM1IDIuNDU1MjQgMjEgMy44NzQzNiAyMVpNMTAuOTkgMTMuOTM3NEwxMC43MDAyIDkuMDk4ODdWNy43NTIwNUMxMC43MDAyIDcuMzMzMDQgMTEuMDQgNi45OTM4NCAxMS40NTk3IDYuOTkzODRIMTIuNjA5QzEzLjAyODggNi45OTM4NCAxMy4zNjg2IDcuMzMzMDQgMTMuMzY4NiA3Ljc1MjA1VjkuMTA4ODRMMTMuMDg4NyAxMy45Mjc1QzEzLjA2ODcgMTQuMzI2NSAxMi43Mzg5IDE0LjYzNTggMTIuMzI5MiAxNC42MzU4SDExLjc0OTVDMTEuMzQ5OCAxNC42MzU4IDExLjAyIDE0LjMyNjUgMTAuOTkgMTMuOTI3NVYxMy45Mzc0Wk0xMS45OTk0IDE4Ljk2NTJDMTIuNzg4NyAxOC45NjUyIDEzLjQyODYgMTguMzI2NSAxMy40Mjg2IDE3LjUzODZDMTMuNDI4NiAxNi43NTA3IDEyLjc4ODcgMTYuMTEyIDExLjk5OTQgMTYuMTEyQzExLjIxMDIgMTYuMTEyIDEwLjU3MDMgMTYuNzUwNyAxMC41NzAzIDE3LjUzODZDMTAuNTcwMyAxOC4zMjY1IDExLjIxMDIgMTguOTY1MiAxMS45OTk0IDE4Ljk2NTJaIiBmaWxsPSIjNzk3Rjg1Ii8+DQo8L3N2Zz4NCg==); 3768 mask-image: url(data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PSIwIDAgMjQgMjQiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+DQo8cGF0aCBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGNsaXAtcnVsZT0iZXZlbm9kZCIgZD0iTTMuODc0MzYgMjFIMjAuMTE0NEgyMC4xMjQ0QzIxLjU1MzUgMjEgMjIuNDUyOSAxOS41MDM1IDIxLjc2MzQgMTguMjg2NEwxMy42NDg0IDMuOTUwMjZDMTIuOTM4OCAyLjY4MzI1IDExLjA2OTkgMi42ODMyNSAxMC4zNjA0IDMuOTUwMjZMMi4yMzUzNyAxOC4yOTY0QzEuNTQ1OCAxOS41MTM1IDIuNDU1MjQgMjEgMy44NzQzNiAyMVpNMTAuOTkgMTMuOTM3NEwxMC43MDAyIDkuMDk4ODdWNy43NTIwNUMxMC43MDAyIDcuMzMzMDQgMTEuMDQgNi45OTM4NCAxMS40NTk3IDYuOTkzODRIMTIuNjA5QzEzLjAyODggNi45OTM4NCAxMy4zNjg2IDcuMzMzMDQgMTMuMzY4NiA3Ljc1MjA1VjkuMTA4ODRMMTMuMDg4NyAxMy45Mjc1QzEzLjA2ODcgMTQuMzI2NSAxMi43Mzg5IDE0LjYzNTggMTIuMzI5MiAxNC42MzU4SDExLjc0OTVDMTEuMzQ5OCAxNC42MzU4IDExLjAyIDE0LjMyNjUgMTAuOTkgMTMuOTI3NVYxMy45Mzc0Wk0xMS45OTk0IDE4Ljk2NTJDMTIuNzg4NyAxOC45NjUyIDEzLjQyODYgMTguMzI2NSAxMy40Mjg2IDE3LjUzODZDMTMuNDI4NiAxNi43NTA3IDEyLjc4ODcgMTYuMTEyIDExLjk5OTQgMTYuMTEyQzExLjIxMDIgMTYuMTEyIDEwLjU3MDMgMTYuNzUwNyAxMC41NzAzIDE3LjUzODZDMTAuNTcwMyAxOC4zMjY1IDExLjIxMDIgMTguOTY1MiAxMS45OTk0IDE4Ljk2NTJaIiBmaWxsPSIjNzk3Rjg1Ii8+DQo8L3N2Zz4NCg==) 3769 } 3770 3771 .blu-modal.b-dialog.b-danger .blu-modal__icon[data-v-7172f8fc] { 3772 background-color: #ff4646; 3773 -webkit-mask-image: url(data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PSIwIDAgMjQgMjQiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+DQo8cGF0aCBkPSJNMTIgMkM2LjQ4IDIgMiA2LjQ4IDIgMTJDMiAxNy41MiA2LjQ4IDIyIDEyIDIyQzE3LjUyIDIyIDIyIDE3LjUyIDIyIDEyQzIyIDYuNDggMTcuNTIgMiAxMiAyWk0xNi4yNCAxNC44M0MxNi42MyAxNS4yMiAxNi42MyAxNS44NSAxNi4yNCAxNi4yNEMxNS44NSAxNi42MyAxNS4yMiAxNi42MyAxNC44MyAxNi4yNEwxMiAxMy40MUw5LjE3IDE2LjI0QzguNzggMTYuNjMgOC4xNSAxNi42MyA3Ljc2IDE2LjI0QzcuMzcgMTUuODUgNy4zNyAxNS4yMiA3Ljc2IDE0LjgzTDEwLjU5IDEyTDcuNzYgOS4xN0M3LjM3IDguNzggNy4zNyA4LjE1IDcuNzYgNy43NkM4LjE1IDcuMzcgOC43OCA3LjM3IDkuMTcgNy43NkwxMiAxMC41OUwxNC44MyA3Ljc2QzE1LjIyIDcuMzcgMTUuODUgNy4zNyAxNi4yNCA3Ljc2QzE2LjYzIDguMTUgMTYuNjMgOC43OCAxNi4yNCA5LjE3TDEzLjQxIDEyTDE2LjI0IDE0LjgzWiIgZmlsbD0iIzc5N0Y4NSIvPg0KPC9zdmc+); 3774 mask-image: url(data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PSIwIDAgMjQgMjQiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+DQo8cGF0aCBkPSJNMTIgMkM2LjQ4IDIgMiA2LjQ4IDIgMTJDMiAxNy41MiA2LjQ4IDIyIDEyIDIyQzE3LjUyIDIyIDIyIDE3LjUyIDIyIDEyQzIyIDYuNDggMTcuNTIgMiAxMiAyWk0xNi4yNCAxNC44M0MxNi42MyAxNS4yMiAxNi42MyAxNS44NSAxNi4yNCAxNi4yNEMxNS44NSAxNi42MyAxNS4yMiAxNi42MyAxNC44MyAxNi4yNEwxMiAxMy40MUw5LjE3IDE2LjI0QzguNzggMTYuNjMgOC4xNSAxNi42MyA3Ljc2IDE2LjI0QzcuMzcgMTUuODUgNy4zNyAxNS4yMiA3Ljc2IDE0LjgzTDEwLjU5IDEyTDcuNzYgOS4xN0M3LjM3IDguNzggNy4zNyA4LjE1IDcuNzYgNy43NkM4LjE1IDcuMzcgOC43OCA3LjM3IDkuMTcgNy43NkwxMiAxMC41OUwxNC44MyA3Ljc2QzE1LjIyIDcuMzcgMTUuODUgNy4zNyAxNi4yNCA3Ljc2QzE2LjYzIDguMTUgMTYuNjMgOC43OCAxNi4yNCA5LjE3TDEzLjQxIDEyTDE2LjI0IDE0LjgzWiIgZmlsbD0iIzc5N0Y4NSIvPg0KPC9zdmc+) 3775 } 3776 3777 @media screen and (max-width: 768px) { 3778 .blu-modal.b-full-screen .blu-modal__container[data-v-7172f8fc] { 3779 min-height:100%; 3780 border-radius: unset; 3781 padding-top: 0 3782 } 3783 3784 .blu-modal.b-full-screen .blu-modal__close[data-v-7172f8fc] { 3785 display: none 3786 } 3787 } 3788 3789 @media screen and (max-width: 768px) { 3790 .blu-modal__footer[data-v-7172f8fc] { 3791 display:flex; 3792 justify-content: flex-end; 3793 flex-direction: column-reverse 3794 } 3795 } 3796 3797 .blu-btn[data-v-7172f8fc] { 3798 min-width: 96px 3799 } 3800 3801 @media screen and (min-width: 769px),print { 3802 .blu-btn[data-v-7172f8fc] { 3803 margin-left:8px; 3804 margin-bottom: 0 3805 } 3806 } 3807 3808 @media screen and (max-width: 768px) { 3809 .blu-btn[data-v-7172f8fc] { 3810 width:100%; 3811 margin-bottom: 8px 3812 } 3813 3814 .blu-btn[data-v-7172f8fc]:not(:last-child) { 3815 margin-bottom: 0px 3816 } 3817 } 3818 </style> 3819 <style type="text/css"> 3820 .blu-ripple[data-v-c206562a] { 3821 width: 100%; 3822 height: 100%; 3823 position: relative; 3824 overflow: hidden; 3825 display: flex; 3826 justify-content: center; 3827 align-items: center; 3828 -webkit-box-pack: center; 3829 -webkit-box-align: center; 3830 -webkit-mask-image: radial-gradient(circle, #ffffff 100%, #000000 100%); 3831 padding: 0 12px 3832 } 3833 3834 .blu-ripple-wave[data-v-c206562a] { 3835 position: absolute; 3836 z-index: 1; 3837 pointer-events: none; 3838 background: currentColor; 3839 border-radius: 50%; 3840 opacity: 0; 3841 transform: scale(2) translateZ(0) 3842 } 3843 3844 .blu-ripple-wave.b-centered[data-v-c206562a] { 3845 animation-duration: 1.2s; 3846 top: 50%; 3847 left: 50% 3848 } 3849 3850 .blu-ripple-wave~*[data-v-c206562a]:not(.blu-ripple-wave) { 3851 position: relative; 3852 z-index: 2 3853 } 3854 3855 .blu-ripple-enter-active[data-v-c206562a] { 3856 transition: 2s cubic-bezier(0.25, 0.8, 0.25, 1); 3857 transition-property: opacity,transform; 3858 will-change: opacity,transform 3859 } 3860 3861 .blu-ripple-enter-active.b-centered[data-v-c206562a] { 3862 transition-duration: 1.2s 3863 } 3864 3865 .blu-ripple-enter[data-v-c206562a] { 3866 opacity: .26; 3867 transform: scale(0.26) translateZ(0) 3868 } 3869 3870 .has-left-icon .blu-ripple svg[data-v-c206562a] { 3871 margin-right: 8px 3872 } 3873 3874 .has-left-icon.b-small svg[data-v-c206562a] { 3875 transform-origin: left; 3876 margin-right: 4px 3877 } 3878 3879 .b-large .blu-ripple[data-v-c206562a] { 3880 padding: 0 16px 3881 } 3882 3883 .b-small .blu-ripple[data-v-c206562a] { 3884 padding: 0 8px 3885 } 3886 3887 .b-small svg[data-v-c206562a] { 3888 width: 18px; 3889 height: 18px 3890 } 3891 3892 .b-icon .blu-ripple[data-v-c206562a] { 3893 padding: 0 3894 } 3895 3896 .b-loading .blu-loader-wrapper[data-v-c206562a] { 3897 height: 24px; 3898 position: absolute 3899 } 3900 3901 .b-loading .blu-ripple[data-v-c206562a] { 3902 color: rgba(0,0,0,0) 3903 } 3904 3905 .b-loading .blu-ripple>svg[data-v-c206562a] { 3906 visibility: hidden 3907 } 3908 3909 .b-loading .blu-ripple .blu-ripple-wave[data-v-c206562a] { 3910 color: #fff 3911 } 3912 3913 .b-loading.b-white .blu-ripple-wave[data-v-c206562a] { 3914 color: #0072ff 3915 } 3916 3917 .b-loading.b-outline.b-secondary .blu-ripple-wave[data-v-c206562a] { 3918 color: #0072ff 3919 } 3920 3921 .b-loading.b-outline.b-primary .blu-ripple-wave[data-v-c206562a] { 3922 color: #f1ab02 3923 } 3924 3925 .b-loading.b-ghost.b-secondary .blu-ripple-wave[data-v-c206562a] { 3926 color: #0072ff 3927 } 3928 3929 .b-loading.b-ghost.b-primary .blu-ripple-wave[data-v-c206562a] { 3930 color: #f1ab02 3931 } 3932 3933 .blu-input-stepper .blu-btn .blu-ripple[data-v-c206562a] { 3934 padding: 0; 3935 width: 24px; 3936 height: 24px; 3937 border-radius: 50% 3938 } 3939 3940 .blu-input-stepper .blu-btn .blu-ripple svg[data-v-c206562a] { 3941 width: 18px; 3942 height: 18px; 3943 margin-left: 1px 3944 } 3945 3946 .blu-input-stepper .blu-btn .blu-ripple-enter-active[data-v-c206562a] { 3947 background: #0072ff 3948 } 3949 3950 .b-disabled[data-v-c206562a] { 3951 opacity: 1 3952 } 3953 3954 .blu-btn-dropdown .blu-ripple>svg+div[data-v-c206562a] { 3955 margin-left: 8px 3956 } 3957 3958 .blu-modal__mask[data-v-c206562a] { 3959 transition: opacity .3s ease; 3960 position: fixed; 3961 z-index: 999; 3962 top: 0; 3963 left: 0; 3964 width: 100%; 3965 height: 100%; 3966 background-color: rgba(0,0,0,.6); 3967 display: flex; 3968 flex-direction: column; 3969 justify-content: center; 3970 align-items: center 3971 } 3972 3973 .blu-modal__container[data-v-c206562a] { 3974 transition: opacity .3s ease; 3975 width: 90%; 3976 max-width: 500px; 3977 max-height: calc(100% - 50px); 3978 height: auto; 3979 background: #fff; 3980 box-shadow: 0 1px 6px 0 rgba(0,0,0,.1); 3981 position: fixed; 3982 z-index: 1000; 3983 display: flex; 3984 flex-direction: column 3985 } 3986 3987 @media screen and (max-width: 768px) { 3988 .blu-modal__container[data-v-c206562a] { 3989 max-height:calc(100% - 40px) 3990 } 3991 } 3992 3993 @media screen and (min-width: 769px),print { 3994 .blu-modal__container[data-v-c206562a] { 3995 top:50%; 3996 left: 50%; 3997 -webkit-transform: translate(-50%, -50%); 3998 -moz-transform: translate(-50%, -50%); 3999 -ms-transform: translate(-50%, -50%); 4000 -o-transform: translate(-50%, -50%); 4001 transform: translate(-50%, -50%) 4002 } 4003 } 4004 4005 .blu-modal__heading[data-v-c206562a] { 4006 font: 24px/28px "blibli demi bold",-apple-system,segoe ui,roboto,helvetica,arial,sans-serif; 4007 margin-bottom: 8px 4008 } 4009 4010 @media screen and (max-width: 768px) { 4011 .blu-modal__heading[data-v-c206562a] { 4012 font:20px/24px "blibli demi bold",-apple-system,segoe ui,roboto,helvetica,arial,sans-serif; 4013 margin-bottom: 0px 4014 } 4015 } 4016 4017 .blu-modal__body[data-v-c206562a] { 4018 max-height: var(--max-height-modal-body); 4019 overflow-x: auto; 4020 color: rgba(25,34,42,.7019607843); 4021 margin-right: 0px; 4022 overscroll-behavior: contain 4023 } 4024 4025 @media screen and (min-width: 769px),print { 4026 .blu-modal__body[data-v-c206562a] { 4027 font:16px/20px "blibli",-apple-system,segoe ui,roboto,helvetica,arial,sans-serif 4028 } 4029 } 4030 4031 @media screen and (max-width: 768px) { 4032 .blu-modal__body[data-v-c206562a] { 4033 font:14px/18px "blibli",-apple-system,segoe ui,roboto,helvetica,arial,sans-serif 4034 } 4035 } 4036 4037 .blu-modal__footer[data-v-c206562a] { 4038 text-align: right 4039 } 4040 4041 @media screen and (max-width: 768px) { 4042 .blu-modal__footer[data-v-c206562a] { 4043 margin-top:auto 4044 } 4045 } 4046 4047 .blu-modal.b-dialog .blu-modal__body[data-v-c206562a] { 4048 margin-bottom: 40px 4049 } 4050 4051 @media screen and (max-width: 768px) { 4052 .blu-modal.b-dialog .blu-modal__body[data-v-c206562a] { 4053 margin-bottom:32px 4054 } 4055 } 4056 4057 .blu-modal.b-dialog .blu-modal__container[data-v-c206562a] { 4058 border-radius: 16px 4059 } 4060 4061 @media screen and (min-width: 769px),print { 4062 .blu-modal.b-dialog .blu-modal__container[data-v-c206562a] { 4063 padding:24px 24px 16px 4064 } 4065 } 4066 4067 @media screen and (max-width: 768px) { 4068 .blu-modal.b-dialog .blu-modal__container[data-v-c206562a] { 4069 padding:24px 24px 16px; 4070 top: 50%; 4071 left: 50%; 4072 -webkit-transform: translate(-50%, -50%); 4073 -moz-transform: translate(-50%, -50%); 4074 -ms-transform: translate(-50%, -50%); 4075 -o-transform: translate(-50%, -50%); 4076 transform: translate(-50%, -50%) 4077 } 4078 } 4079 4080 .blu-modal.b-dialog .blu-modal__container[data-v-c206562a]:before,.blu-modal.b-dialog .blu-modal__container[data-v-c206562a]:after { 4081 content: ""; 4082 width: calc(100% - 60px); 4083 margin: 0 30px; 4084 border-radius: 0 0 24px 24px; 4085 position: absolute; 4086 left: 0 4087 } 4088 4089 .blu-modal.b-dialog .blu-modal__container[data-v-c206562a]:before { 4090 height: 9px; 4091 bottom: -9px; 4092 z-index: 2; 4093 background: linear-gradient(0deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.12) 100%) 4094 } 4095 4096 .blu-modal.b-dialog .blu-modal__container[data-v-c206562a]:after { 4097 height: 16px; 4098 border-top: #fff 1px solid; 4099 bottom: -15px 4100 } 4101 4102 .blu-modal.b-dialog .blu-modal__close[data-v-c206562a] { 4103 display: none 4104 } 4105 4106 .blu-modal.b-dialog.b-info .blu-modal__container[data-v-c206562a]:after { 4107 background-color: #1d8fff 4108 } 4109 4110 .blu-modal.b-dialog.b-success .blu-modal__container[data-v-c206562a]:after { 4111 background-color: #22a334 4112 } 4113 4114 .blu-modal.b-dialog.b-warning .blu-modal__container[data-v-c206562a]:after { 4115 background-color: #ffcd00 4116 } 4117 4118 .blu-modal.b-dialog.b-danger .blu-modal__container[data-v-c206562a]:after {
4118 4119 background-color: #ff4646 4120 } 4121 4122 .blu-modal.b-page .blu-modal__body[data-v-c206562a] { 4123 color: rgba(25,34,42,.7019607843) 4124 } 4125 4126 @media screen and (min-width: 769px),print { 4127 .blu-modal.b-page .blu-modal__body[data-v-c206562a] { 4128 padding:0 24px 4129 } 4130 } 4131 4132 @media screen and (max-width: 768px) { 4133 .blu-modal.b-page .blu-modal__body[data-v-c206562a] { 4134 padding:0 16px; 4135 padding-bottom: calc(env(safe-area-inset-bottom) + 4px); 4136 overflow-y: auto 4137 } 4138 } 4139 4140 .blu-modal.b-page .blu-modal__body[data-v-c206562a]::before { 4141 content: ""; 4142 background: #fff; 4143 height: 20px; 4144 width: 100%; 4145 left: 0; 4146 bottom: 0; 4147 position: fixed 4148 } 4149 4150 @media screen and (min-width: 769px),print { 4151 .blu-modal.b-page .blu-modal__body[data-v-c206562a]::before { 4152 display:none 4153 } 4154 } 4155 4156 @media screen and (min-width: 769px),print { 4157 .blu-modal.b-page .blu-modal__container[data-v-c206562a] { 4158 border-radius:16px; 4159 padding-top: 32px 4160 } 4161 } 4162 4163 @media screen and (max-width: 768px) { 4164 .blu-modal.b-page .blu-modal__container[data-v-c206562a] { 4165 padding-top:24px; 4166 width: 100%; 4167 max-width: 100%; 4168 height: auto; 4169 border-radius: 16px 16px 0 0; 4170 left: 0; 4171 bottom: 0; 4172 padding-top: 24px; 4173 padding-bottom: calc(env(safe-area-inset-bottom) + 16px) 4174 } 4175 } 4176 4177 @media screen and (min-width: 769px),print { 4178 .blu-modal.b-page .blu-modal__footer[data-v-c206562a] { 4179 padding:24px 24px 4180 } 4181 } 4182 4183 @media screen and (max-width: 768px) { 4184 .blu-modal.b-page .blu-modal__footer[data-v-c206562a] { 4185 width:100%; 4186 padding: 16px; 4187 transition: all .3s cubic-bezier(0, 0, 0.2, 1.2); 4188 bottom: 0; 4189 padding-bottom: env(safe-area-inset-bottom); 4190 background: #fff 4191 } 4192 } 4193 4194 .blu-modal.b-page .blu-modal__footer[data-v-c206562a]::before { 4195 content: ""; 4196 background: #fff; 4197 height: 20px; 4198 width: 100%; 4199 left: 0; 4200 bottom: 0; 4201 position: fixed 4202 } 4203 4204 @media screen and (min-width: 769px),print { 4205 .blu-modal.b-page .blu-modal__footer[data-v-c206562a]::before { 4206 display:none 4207 } 4208 } 4209 4210 @media screen and (min-width: 769px),print { 4211 .blu-modal.b-page .blu-modal__header[data-v-c206562a] { 4212 padding:0 24px 4213 } 4214 } 4215 4216 @media screen and (max-width: 768px) { 4217 .blu-modal.b-page .blu-modal__header[data-v-c206562a] { 4218 padding:0 16px 4219 } 4220 } 4221 4222 .blu-modal.b-page .blu-modal__icon[data-v-c206562a] { 4223 display: none 4224 } 4225 4226 @media screen and (max-width: 768px) { 4227 .blu-modal.b-page.fade-enter-active[data-v-c206562a],.blu-modal.b-page.fade-leave-active[data-v-c206562a] { 4228 transition:opacity .3s 4229 } 4230 4231 .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] { 4232 transition: bottom .3s; 4233 transition: all .3s cubic-bezier(0, 0, 0.2, 1.2); 4234 bottom: 0 4235 } 4236 4237 .blu-modal.b-page.fade-enter-active[data-v-c206562a] { 4238 transition: opacity .3s cubic-bezier(0, 0, 0.2, 1.2) 4239 } 4240 4241 .blu-modal.b-page.fade-leave-active[data-v-c206562a] { 4242 transition: opacity .3s cubic-bezier(0.8, 0, 1, 1) 4243 } 4244 4245 .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] { 4246 bottom: -96vh 4247 } 4248 } 4249 4250 .blu-modal.b-no-button .blu-modal__container[data-v-c206562a] { 4251 padding-bottom: 20px 4252 } 4253 4254 @media screen and (max-width: 768px) { 4255 .blu-modal.b-no-button .blu-modal__body[data-v-c206562a] { 4256 padding-bottom:env(safe-area-inset-bottom) 4257 } 4258 } 4259 4260 .blu-modal.b-no-button .blu-modal__footer[data-v-c206562a] { 4261 display: none 4262 } 4263 4264 .fade-enter-active[data-v-c206562a],.fade-leave-active[data-v-c206562a] { 4265 position: absolute; 4266 z-index: 998; 4267 transition: opacity .3s 4268 } 4269 4270 .fade-enter[data-v-c206562a],.fade-leave-to[data-v-c206562a] { 4271 opacity: 0 4272 } 4273 4274 img[data-v-c206562a] { 4275 max-width: 100% 4276 } 4277 4278 .blu-modal.b-dialog .blu-modal__icon[data-v-c206562a] { 4279 width: 40px; 4280 height: 40px; 4281 margin-bottom: 40px 4282 } 4283 4284 @media screen and (max-width: 768px) { 4285 .blu-modal.b-dialog .blu-modal__icon[data-v-c206562a] { 4286 width:24px; 4287 height: 24px; 4288 margin-bottom: 32px 4289 } 4290 } 4291 4292 .blu-modal.b-dialog.b-info .blu-modal__icon[data-v-c206562a] { 4293 background-color: #1d8fff; 4294 -webkit-mask-image: url(data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PSIwIDAgMjQgMjQiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+DQo8cGF0aCBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGNsaXAtcnVsZT0iZXZlbm9kZCIgZD0iTTIgMTJDMiA2LjQ4IDYuNDggMiAxMiAyQzE3LjUyIDIgMjIgNi40OCAyMiAxMkMyMiAxNy41MiAxNy41MiAyMiAxMiAyMkM2LjQ4IDIyIDIgMTcuNTIgMiAxMlpNMTEuOTcgOC43Mzc2NEMxMi43MjY2IDguNzM3NjQgMTMuMzQgOC4xMjQ4IDEzLjM0IDcuMzY4ODJDMTMuMzQgNi42MTI4NCAxMi43MjY2IDYgMTEuOTcgNkMxMS4yMTM0IDYgMTAuNiA2LjYxMjg0IDEwLjYgNy4zNjg4MkMxMC42IDguMTI0OCAxMS4yMTM0IDguNzM3NjQgMTEuOTcgOC43Mzc2NFpNMTEuNDk5OSAxMC4xMDY0SDEyLjQ0OTlDMTIuODQ5OSAxMC4xMDY0IDEzLjE3OTkgMTAuNDM2MiAxMy4xNzk5IDEwLjgzNThWMTcuMjcwM0MxMy4xNzk5IDE3LjY2OTkgMTIuODQ5OSAxNy45OTk2IDEyLjQ0OTkgMTcuOTk5NkgxMS40OTk5QzExLjA5OTkgMTcuOTk5NiAxMC43Njk5IDE3LjY2OTkgMTAuNzY5OSAxNy4yNzAzVjEwLjgzNThDMTAuNzY5OSAxMC40MzYyIDExLjA5OTkgMTAuMTA2NCAxMS40OTk5IDEwLjEwNjRaIiBmaWxsPSIjNzk3Rjg1Ii8+DQo8L3N2Zz4NCg==); 4295 mask-image: url(data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PSIwIDAgMjQgMjQiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+DQo8cGF0aCBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGNsaXAtcnVsZT0iZXZlbm9kZCIgZD0iTTIgMTJDMiA2LjQ4IDYuNDggMiAxMiAyQzE3LjUyIDIgMjIgNi40OCAyMiAxMkMyMiAxNy41MiAxNy41MiAyMiAxMiAyMkM2LjQ4IDIyIDIgMTcuNTIgMiAxMlpNMTEuOTcgOC43Mzc2NEMxMi43MjY2IDguNzM3NjQgMTMuMzQgOC4xMjQ4IDEzLjM0IDcuMzY4ODJDMTMuMzQgNi42MTI4NCAxMi43MjY2IDYgMTEuOTcgNkMxMS4yMTM0IDYgMTAuNiA2LjYxMjg0IDEwLjYgNy4zNjg4MkMxMC42IDguMTI0OCAxMS4yMTM0IDguNzM3NjQgMTEuOTcgOC43Mzc2NFpNMTEuNDk5OSAxMC4xMDY0SDEyLjQ0OTlDMTIuODQ5OSAxMC4xMDY0IDEzLjE3OTkgMTAuNDM2MiAxMy4xNzk5IDEwLjgzNThWMTcuMjcwM0MxMy4xNzk5IDE3LjY2OTkgMTIuODQ5OSAxNy45OTk2IDEyLjQ0OTkgMTcuOTk5NkgxMS40OTk5QzExLjA5OTkgMTcuOTk5NiAxMC43Njk5IDE3LjY2OTkgMTAuNzY5OSAxNy4yNzAzVjEwLjgzNThDMTAuNzY5OSAxMC40MzYyIDExLjA5OTkgMTAuMTA2NCAxMS40OTk5IDEwLjEwNjRaIiBmaWxsPSIjNzk3Rjg1Ii8+DQo8L3N2Zz4NCg==) 4296 } 4297 4298 .blu-modal.b-dialog.b-success .blu-modal__icon[data-v-c206562a] { 4299 background-color: #22a334; 4300 -webkit-mask-image: url(data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PSIwIDAgMjQgMjQiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+DQo8cGF0aCBkPSJNMTIgMkM2LjQ4IDIgMiA2LjQ4IDIgMTJDMiAxNy41MiA2LjQ4IDIyIDEyIDIyQzE3LjUyIDIyIDIyIDE3LjUyIDIyIDEyQzIyIDYuNDggMTcuNTIgMiAxMiAyWk0xNy4wNSA5LjExTDEyLjA2IDE2LjEyQzExLjg4IDE2LjM3IDExLjYgMTYuNTIgMTEuMjkgMTYuNTRIMTEuMjRDMTAuOTUgMTYuNTQgMTAuNjcgMTYuNDIgMTAuNDggMTYuMTlMNi45OSAxMi4xM0M2LjgyIDExLjkzIDYuNzMgMTEuNjcgNi43NSAxMS40MUM2Ljc3IDExLjE0IDYuODkgMTAuOSA3LjA5IDEwLjczQzcuNTEgMTAuMzcgOC4xNCAxMC40MiA4LjUgMTAuODRMMTEuMTYgMTMuOTNMMTUuNDEgNy45NkMxNS43MyA3LjUxIDE2LjM1IDcuNDEgMTYuOCA3LjczQzE3LjAyIDcuODggMTcuMTYgOC4xMSAxNy4yMSA4LjM4QzE3LjI1IDguNjQgMTcuMTkgOC45MSAxNy4wNCA5LjEyTDE3
4300LjA1IDkuMTFaIiBmaWxsPSIjNzk3Rjg1Ii8+DQo8L3N2Zz4=); 4301 mask-image: url(data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PSIwIDAgMjQgMjQiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+DQo8cGF0aCBkPSJNMTIgMkM2LjQ4IDIgMiA2LjQ4IDIgMTJDMiAxNy41MiA2LjQ4IDIyIDEyIDIyQzE3LjUyIDIyIDIyIDE3LjUyIDIyIDEyQzIyIDYuNDggMTcuNTIgMiAxMiAyWk0xNy4wNSA5LjExTDEyLjA2IDE2LjEyQzExLjg4IDE2LjM3IDExLjYgMTYuNTIgMTEuMjkgMTYuNTRIMTEuMjRDMTAuOTUgMTYuNTQgMTAuNjcgMTYuNDIgMTAuNDggMTYuMTlMNi45OSAxMi4xM0M2LjgyIDExLjkzIDYuNzMgMTEuNjcgNi43NSAxMS40MUM2Ljc3IDExLjE0IDYuODkgMTAuOSA3LjA5IDEwLjczQzcuNTEgMTAuMzcgOC4xNCAxMC40MiA4LjUgMTAuODRMMTEuMTYgMTMuOTNMMTUuNDEgNy45NkMxNS43MyA3LjUxIDE2LjM1IDcuNDEgMTYuOCA3LjczQzE3LjAyIDcuODggMTcuMTYgOC4xMSAxNy4yMSA4LjM4QzE3LjI1IDguNjQgMTcuMTkgOC45MSAxNy4wNCA5LjEyTDE3LjA1IDkuMTFaIiBmaWxsPSIjNzk3Rjg1Ii8+DQo8L3N2Zz4=) 4302 } 4303 4304 .blu-modal.b-dialog.b-warning .blu-modal__icon[data-v-c206562a] { 4305 background-color: #ffcd00; 4306 -webkit-mask-image: url(data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PSIwIDAgMjQgMjQiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+DQo8cGF0aCBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGNsaXAtcnVsZT0iZXZlbm9kZCIgZD0iTTMuODc0MzYgMjFIMjAuMTE0NEgyMC4xMjQ0QzIxLjU1MzUgMjEgMjIuNDUyOSAxOS41MDM1IDIxLjc2MzQgMTguMjg2NEwxMy42NDg0IDMuOTUwMjZDMTIuOTM4OCAyLjY4MzI1IDExLjA2OTkgMi42ODMyNSAxMC4zNjA0IDMuOTUwMjZMMi4yMzUzNyAxOC4yOTY0QzEuNTQ1OCAxOS41MTM1IDIuNDU1MjQgMjEgMy44NzQzNiAyMVpNMTAuOTkgMTMuOTM3NEwxMC43MDAyIDkuMDk4ODdWNy43NTIwNUMxMC43MDAyIDcuMzMzMDQgMTEuMDQgNi45OTM4NCAxMS40NTk3IDYuOTkzODRIMTIuNjA5QzEzLjAyODggNi45OTM4NCAxMy4zNjg2IDcuMzMzMDQgMTMuMzY4NiA3Ljc1MjA1VjkuMTA4ODRMMTMuMDg4NyAxMy45Mjc1QzEzLjA2ODcgMTQuMzI2NSAxMi43Mzg5IDE0LjYzNTggMTIuMzI5MiAxNC42MzU4SDExLjc0OTVDMTEuMzQ5OCAxNC42MzU4IDExLjAyIDE0LjMyNjUgMTAuOTkgMTMuOTI3NVYxMy45Mzc0Wk0xMS45OTk0IDE4Ljk2NTJDMTIuNzg4NyAxOC45NjUyIDEzLjQyODYgMTguMzI2NSAxMy40Mjg2IDE3LjUzODZDMTMuNDI4NiAxNi43NTA3IDEyLjc4ODcgMTYuMTEyIDExLjk5OTQgMTYuMTEyQzExLjIxMDIgMTYuMTEyIDEwLjU3MDMgMTYuNzUwNyAxMC41NzAzIDE3LjUzODZDMTAuNTcwMyAxOC4zMjY1IDExLjIxMDIgMTguOTY1MiAxMS45OTk0IDE4Ljk2NTJaIiBmaWxsPSIjNzk3Rjg1Ii8+DQo8L3N2Zz4NCg==); 4307 mask-image: url(data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PSIwIDAgMjQgMjQiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+DQo8cGF0aCBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGNsaXAtcnVsZT0iZXZlbm9kZCIgZD0iTTMuODc0MzYgMjFIMjAuMTE0NEgyMC4xMjQ0QzIxLjU1MzUgMjEgMjIuNDUyOSAxOS41MDM1IDIxLjc2MzQgMTguMjg2NEwxMy42NDg0IDMuOTUwMjZDMTIuOTM4OCAyLjY4MzI1IDExLjA2OTkgMi42ODMyNSAxMC4zNjA0IDMuOTUwMjZMMi4yMzUzNyAxOC4yOTY0QzEuNTQ1OCAxOS41MTM1IDIuNDU1MjQgMjEgMy44NzQzNiAyMVpNMTAuOTkgMTMuOTM3NEwxMC43MDAyIDkuMDk4ODdWNy43NTIwNUMxMC43MDAyIDcuMzMzMDQgMTEuMDQgNi45OTM4NCAxMS40NTk3IDYuOTkzODRIMTIuNjA5QzEzLjAyODggNi45OTM4NCAxMy4zNjg2IDcuMzMzMDQgMTMuMzY4NiA3Ljc1MjA1VjkuMTA4ODRMMTMuMDg4NyAxMy45Mjc1QzEzLjA2ODcgMTQuMzI2NSAxMi43Mzg5IDE0LjYzNTggMTIuMzI5MiAxNC42MzU4SDExLjc0OTVDMTEuMzQ5OCAxNC42MzU4IDExLjAyIDE0LjMyNjUgMTAuOTkgMTMuOTI3NVYxMy45Mzc0Wk0xMS45OTk0IDE4Ljk2NTJDMTIuNzg4NyAxOC45NjUyIDEzLjQyODYgMTguMzI2NSAxMy40Mjg2IDE3LjUzODZDMTMuNDI4NiAxNi43NTA3IDEyLjc4ODcgMTYuMTEyIDExLjk5OTQgMTYuMTEyQzExLjIxMDIgMTYuMTEyIDEwLjU3MDMgMTYuNzUwNyAxMC41NzAzIDE3LjUzODZDMTAuNTcwMyAxOC4zMjY1IDExLjIxMDIgMTguOTY1MiAxMS45OTk0IDE4Ljk2NTJaIiBmaWxsPSIjNzk3Rjg1Ii8+DQo8L3N2Zz4NCg==) 4308 } 4309 4310 .blu-modal.b-dialog.b-danger .blu-modal__icon[data-v-c206562a] { 4311 background-color: #ff4646; 4312 -webkit-mask-image: url(data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PSIwIDAgMjQgMjQiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+DQo8cGF0aCBkPSJNMTIgMkM2LjQ4IDIgMiA2LjQ4IDIgMTJDMiAxNy41MiA2LjQ4IDIyIDEyIDIyQzE3LjUyIDIyIDIyIDE3LjUyIDIyIDEyQzIyIDYuNDggMTcuNTIgMiAxMiAyWk0xNi4yNCAxNC44M0MxNi42MyAxNS4yMiAxNi42MyAxNS44NSAxNi4yNCAxNi4yNEMxNS44NSAxNi42MyAxNS4yMiAxNi42MyAxNC44MyAxNi4yNEwxMiAxMy40MUw5LjE3IDE2LjI0QzguNzggMTYuNjMgOC4xNSAxNi42MyA3Ljc2IDE2LjI0QzcuMzcgMTUuODUgNy4zNyAxNS4yMiA3Ljc2IDE0LjgzTDEwLjU5IDEyTDcuNzYgOS4xN0M3LjM3IDguNzggNy4zNyA4LjE1IDcuNzYgNy43NkM4LjE1IDcuMzcgOC43OCA3LjM3IDkuMTcgNy43NkwxMiAxMC41OUwxNC44MyA3Ljc2QzE1LjIyIDcuMzcgMTUuODUgNy4zNyAxNi4yNCA3Ljc2QzE2LjYzIDguMTUgMTYuNjMgOC43OCAxNi4yNCA5LjE3TDEzLjQxIDEyTDE2LjI0IDE0LjgzWiIgZmlsbD0iIzc5N0Y4NSIvPg0KPC9zdmc+); 4313 mask-image: url(data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PSIwIDAgMjQgMjQiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+DQo8cGF0aCBkPSJNMTIgMkM2LjQ4IDIgMiA2LjQ4IDIgMTJDMiAxNy41MiA2LjQ4IDIyIDEyIDIyQzE3LjUyIDIyIDIyIDE3LjUyIDIyIDEyQzIyIDYuNDggMTcuNTIgMiAxMiAyWk0xNi4yNCAxNC44M0MxNi42MyAxNS4yMiAxNi42MyAxNS44NSAxNi4yNCAxNi4yNEMxNS44NSAxNi42MyAxNS4yMiAxNi42MyAxNC44MyAxNi4yNEwxMiAxMy40MUw5LjE3IDE2LjI0QzguNzggMTYuNjMgOC4xNSAxNi42MyA3Ljc2IDE2LjI0QzcuMzcgMTUuODUgNy4zNyAxNS4yMiA3Ljc2IDE0LjgzTDEwLjU5IDEyTDcuNzYgOS4xN0M3LjM3IDguNzggNy4zNyA4LjE1IDcuNzYgNy43NkM4LjE1IDcuMzcgOC43OCA3LjM3IDkuMTcgNy43NkwxMiAxMC41OUwxNC44MyA3Ljc2QzE1LjIyIDcuMzcgMTUuODUgNy4zNyAxNi4yNCA3Ljc2QzE2LjYzIDguMTUgMTYuNjMgOC43OCAxNi4yNCA5LjE3TDEzLjQxIDEyTDE2LjI0IDE0LjgzWiIgZmlsbD0iIzc5N0Y4NSIvPg0KPC9zdmc+) 4314 } 4315 4316 @media screen and (max-width: 768px) { 4317 .blu-modal.b-full-screen .blu-modal__container[data-v-c206562a] { 4318 min-height:100%; 4319 border-radius: unset; 4320 padding-top: 0 4321 } 4322 4323 .blu-modal.b-full-screen .blu-modal__close[data-v-c206562a] { 4324 display: none 4325 } 4326 } 4327 </style> 4328 <style type="text/css"> 4329 .blu-ripple[data-v-65e7601e] { 4330 width: 100%; 4331 height: 100%; 4332 position: relative; 4333 overflow: hidden; 4334 display: flex; 4335 justify-content: center; 4336 align-items: center; 4337 -webkit-box-pack: center; 4338 -webkit-box-align: center; 4339 -webkit-mask-image: radial-gradient(circle, #ffffff 100%, #000000 100%); 4340 padding: 0 12px 4341 } 4342 4343 .blu-ripple-wave[data-v-65e7601e] { 4344 position: absolute; 4345 z-index: 1; 4346 pointer-events: none; 4347 background: currentColor; 4348 border-radius: 50%; 4349 opacity: 0; 4350 transform: scale(2) translateZ(0) 4351 } 4352 4353 .blu-ripple-wave.b-centered[data-v-65e7601e] { 4354 animation-duration: 1.2s; 4355 top: 50%; 4356 left: 50% 4357 } 4358 4359 .blu-ripple-wave~*[data-v-65e7601e]:not(.blu-ripple-wave) { 4360 position: relative; 4361 z-index: 2 4362 } 4363 4364 .blu-ripple-enter-active[data-v-65e7601e] { 4365 transition: 2s cubic-bezier(0.25, 0.8, 0.25, 1); 4366 transition-property: opacity,transform; 4367 will-change: opacity,transform 4368 } 4369 4370 .blu-ripple-enter-active.b-centered[data-v-65e7601e] { 4371 transition-duration: 1.2s 4372 } 4373 4374 .blu-ripple-enter[data-v-65e7601e] { 4375 opacity: .26; 4376 transform: scale(0.26) translateZ(0) 4377 } 4378 4379 .has-left-icon .blu-ripple svg[data-v-65e7601e] { 4380 margin-right: 8px 4381 } 4382 4383 .has-left-icon.b-small svg[data-v-65e7601e] { 4384 transform-origin: left; 4385 margin-right: 4px 4386 } 4387 4388 .b-large .blu-ripple[data-v-65e7601e] { 4389 padding: 0 16px 4390 } 4391 4392 .b-small .blu-ripple[data-v-65e7601e] { 4393 padding: 0 8px 4394 } 4395 4396 .b-small svg[data-v-65e7601e] { 4397 width: 18px; 4398 height: 18px 4399 } 4400 4401 .b-icon .blu-ripple[data-v-65e7601e] { 4402 padding: 0 4403 } 4404 4405 .b-loading .blu-loader-wrapper[data-v-65e7601e] { 4406 height: 24px; 4407 position: absolute 4408 } 4409 4410 .b-loading .blu-ripple[data-v-65e7601e] { 4411 color: rgba(0,0,0,0) 4412 } 4413 4414 .b-loading .blu-ripple>svg[data-v-65e7601e] { 4415 visibility: hidden 4416 } 4417 4418 .b-loading .blu-ripple .blu-ripple-wave[data-v-65e7601e] { 4419 color: #fff 4420 } 4421 4422 .b-loading.b-white .blu-ripple-wave[data-v-65e7601e] { 4423 color: #0072ff 4424 } 4425 4426 .b-loading.b-outline.b-secondary .blu-ripple-wave[data-v-65e7601e] { 4427 color: #0072ff 4428 } 4429 4430 .b-loading.b-outline.b-primary .blu-ripple-wave[data-v-65e7601e] { 4431 color: #f1ab02 4432 } 4433 4434 .b-loading.b-ghost.b-secondary .blu-ripple-wave[data-v-65e7601e] { 4435 color: #0072ff 4436 } 4437 4438 .b-loading.b-ghost.b-primary .blu-ripple-wave[data-v-65e7601e] { 4439 color: #f1ab02 4440 } 4441 4442 .blu-input-stepper .blu-btn .blu-ripple[data-v-65e7601e] { 4443 padding: 0; 4444 width: 24px; 4445 height: 24px; 4446 border-radius: 50% 4447 } 4448 4449 .blu-input-stepper .blu-btn .blu-ripple svg[data-v-65e7601e] { 4450 width: 18px; 4451 height: 18px; 4452 margin-left: 1px 4453 } 4454 4455 .blu-input-stepper .blu-btn .blu-ripple-enter-active[data-v-65e7601e] { 4456 background: #0072ff 4457 } 4458 4459 .b-disabled[data-v-65e7601e] { 4460 opacity: 1 4461 } 4462 4463 .blu-btn-dropdown .blu-ripple>svg+div[data-v-65e7601e] { 4464 margin-left: 8px 4465 } 4466 4467 .blu-modal__mask[data-v-65e7601e] { 4468 transition: opacity .3s ease; 4469 position: fixed; 4470 z-index: 999; 4471 top: 0; 4472 left: 0; 4473 width: 100%; 4474 height: 100%; 4475 background-color: rgba(0,0,0,.6); 4476 display: flex; 4477 flex-direction: column; 4478 justify-content: center; 4479 align-items: center 4480 } 4481 4482 .blu-modal__container[data-v-65e7601e] { 4483 transition: opacity .3s ease; 4484 width: 90%; 4485 max-width: 500px; 4486 max-height: calc(100% - 50px); 4487 height: auto; 4488 background: #fff; 4489 box-shadow: 0 1px 6px 0 rgba(0,0,0,.1); 4490 position: fixed; 4491 z-index: 1000; 4492 display: flex; 4493 flex-direction: column 4494 } 4495 4496 @media screen and (max-width: 768px) { 4497 .blu-modal__container[data-v-65e7601e] { 4498 max-height:calc(100% - 40px) 4499 } 4500 } 4501 4502 @media screen and (min-width: 769px),print { 4503 .blu-modal__container[data-v-65e7601e] { 4504 top:50%; 4505 left: 50%; 4506 -webkit-transform: translate(-50%, -50%); 4507 -moz-transform: translate(-50%, -50%); 4508 -ms-transform: translate(-50%, -50%); 4509 -o-transform: translate(-50%, -50%); 4510 transform: translate(-50%, -50%) 4511 } 4512 } 4513 4514 .blu-modal__heading[data-v-65e7601e] { 4515 font: 24px/28px "blibli demi bold",-apple-system,segoe ui,roboto,helvetica,arial,sans-serif; 4516 margin-bottom: 8px 4517 } 4518 4519 @media screen and (max-width: 768px) { 4520 .blu-modal__heading[data-v-65e7601e] { 4521 font:20px/24px "blibli demi bold",-apple-system,segoe ui,roboto,helvetica,arial,sans-serif; 4522 margin-bottom: 0px 4523 } 4524 } 4525 4526 .blu-modal__body[data-v-65e7601e] { 4527 max-height: var(--max-height-modal-body); 4528 overflow-x: auto; 4529 color: rgba(25,34,42,.7019607843); 4530 margin-right: 0px; 4531 overscroll-behavior: contain 4532 } 4533 4534 @media screen and (min-width: 769px),print { 4535 .blu-modal__body[data-v-65e7601e] { 4536 font:16px/20px "blibli",-apple-system,segoe ui,roboto,helvetica,arial,sans-serif 4537 } 4538 } 4539 4540 @media screen and (max-width: 768px) { 4541 .blu-modal__body[data-v-65e7601e] { 4542 font:14px/18px "blibli",-apple-system,segoe ui,roboto,helvetica,arial,sans-serif 4543 } 4544 } 4545 4546 .blu-modal__footer[data-v-65e7601e] { 4547 text-align: right 4548 } 4549 4550 @media screen and (max-width: 768px) { 4551 .blu-modal__footer[data-v-65e7601e] { 4552 margin-top:auto 4553 } 4554 } 4555 4556 .blu-modal.b-dialog .blu-modal__body[data-v-65e7601e] { 4557 margin-bottom: 40px 4558 } 4559 4560 @media screen and (max-width: 768px) { 4561 .blu-modal.b-dialog .blu-modal__body[data-v-65e7601e] { 4562 margin-bottom:32px 4563 } 4564 } 4565 4566 .blu-modal.b-dialog .blu-modal__container[data-v-65e7601e] { 4567 border-radius: 16px 4568 } 4569 4570 @media screen and (min-width: 769px),print { 4571 .blu-modal.b-dialog .blu-modal__container[data-v-65e7601e] { 4572 padding:24px 24px 16px 4573 } 4574 } 4575 4576 @media screen and (max-width: 768px) { 4577 .blu-modal.b-dialog .blu-modal__container[data-v-65e7601e] { 4578 padding:24px 24px 16px; 4579 top: 50%; 4580 left: 50%; 4581 -webkit-transform: translate(-50%, -50%); 4582 -moz-transform: translate(-50%, -50%); 4583 -ms-transform: translate(-50%, -50%); 4584 -o-transform: translate(-50%, -50%); 4585 transform: translate(-50%, -50%) 4586 } 4587 } 4588 4589 .blu-modal.b-dialog .blu-modal__container[data-v-65e7601e]:before,.blu-modal.b-dialog .blu-modal__container[data-v-65e7601e]:after { 4590 content: ""; 4591 width: calc(100% - 60px); 4592 margin: 0 30px; 4593 border-radius: 0 0 24px 24px; 4594 position: absolute; 4595 left: 0 4596 } 4597 4598 .blu-modal.b-dialog .blu-modal__container[data-v-65e7601e]:before { 4599 height: 9px; 4600 bottom: -9px; 4601 z-index: 2; 4602 background: linear-gradient(0deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.12) 100%) 4603 } 4604 4605 .blu-modal.b-dialog .blu-modal__container[data-v-65e7601e]:after { 4606 height: 16px; 4607 border-top: #fff 1px solid; 4608 bottom: -15px 4609 } 4610 4611 .blu-modal.b-dialog .blu-modal__close[data-v-65e7601e] { 4612 display: none 4613 } 4614 4615 .blu-modal.b-dialog.b-info .blu-modal__container[data-v-65e7601e]:after { 4616 background-color: #1d8fff 4617 } 4618 4619 .blu-modal.b-dialog.b-success .blu-modal__container[data-v-65e7601e]:after { 4620 background-color: #22a334 4621 } 4622 4623 .blu-modal.b-dialog.b-warning .blu-modal__container[data-v-65e7601e]:after { 4624 background-color: #ffcd00 4625 } 4626 4627 .blu-modal.b-dialog.b-danger .blu-modal__container[data-v-65e7601e]:after { 4628 background-color: #ff4646 4629 } 4630 4631 .blu-modal.b-page .blu-modal__body[data-v-65e7601e] { 4632 color: rgba(25,34,42,.7019607843) 4633 } 4634 4635 @media screen and (min-width: 769px),print { 4636 .blu-modal.b-page .blu-modal__body[data-v-65e7601e] { 4637 padding:0 24px 4638 } 4639 } 4640 4641 @media screen and (max-width: 768px) { 4642 .blu-modal.b-page .blu-modal__body[data-v-65e7601e] { 4643 padding:0 16px; 4644 padding-bottom: calc(env(safe-area-inset-bottom) + 4px); 4645 overflow-y: auto 4646 } 4647 } 4648 4649 .blu-modal.b-page .blu-modal__body[data-v-65e7601e]::before { 4650 content: ""; 4651 background: #fff; 4652 height: 20px; 4653 width: 100%;
4653 4654 left: 0; 4655 bottom: 0; 4656 position: fixed 4657 } 4658 4659 @media screen and (min-width: 769px),print { 4660 .blu-modal.b-page .blu-modal__body[data-v-65e7601e]::before { 4661 display:none 4662 } 4663 } 4664 4665 @media screen and (min-width: 769px),print { 4666 .blu-modal.b-page .blu-modal__container[data-v-65e7601e] { 4667 border-radius:16px; 4668 padding-top: 32px 4669 } 4670 } 4671 4672 @media screen and (max-width: 768px) { 4673 .blu-modal.b-page .blu-modal__container[data-v-65e7601e] { 4674 padding-top:24px; 4675 width: 100%; 4676 max-width: 100%; 4677 height: auto; 4678 border-radius: 16px 16px 0 0; 4679 left: 0; 4680 bottom: 0; 4681 padding-top: 24px; 4682 padding-bottom: calc(env(safe-area-inset-bottom) + 16px) 4683 } 4684 } 4685 4686 @media screen and (min-width: 769px),print { 4687 .blu-modal.b-page .blu-modal__footer[data-v-65e7601e] { 4688 padding:24px 24px 4689 } 4690 } 4691 4692 @media screen and (max-width: 768px) { 4693 .blu-modal.b-page .blu-modal__footer[data-v-65e7601e] { 4694 width:100%; 4695 padding: 16px; 4696 transition: all .3s cubic-bezier(0, 0, 0.2, 1.2); 4697 bottom: 0; 4698 padding-bottom: env(safe-area-inset-bottom); 4699 background: #fff 4700 } 4701 } 4702 4703 .blu-modal.b-page .blu-modal__footer[data-v-65e7601e]::before { 4704 content: ""; 4705 background: #fff; 4706 height: 20px; 4707 width: 100%; 4708 left: 0; 4709 bottom: 0; 4710 position: fixed 4711 } 4712 4713 @media screen and (min-width: 769px),print { 4714 .blu-modal.b-page .blu-modal__footer[data-v-65e7601e]::before { 4715 display:none 4716 } 4717 } 4718 4719 @media screen and (min-width: 769px),print { 4720 .blu-modal.b-page .blu-modal__header[data-v-65e7601e] { 4721 padding:0 24px 4722 } 4723 } 4724 4725 @media screen and (max-width: 768px) { 4726 .blu-modal.b-page .blu-modal__header[data-v-65e7601e] { 4727 padding:0 16px 4728 } 4729 } 4730 4731 .blu-modal.b-page .blu-modal__icon[data-v-65e7601e] { 4732 display: none 4733 } 4734 4735 @media screen and (max-width: 768px) { 4736 .blu-modal.b-page.fade-enter-active[data-v-65e7601e],.blu-modal.b-page.fade-leave-active[data-v-65e7601e] { 4737 transition:opacity .3s 4738 } 4739 4740 .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] { 4741 transition: bottom .3s; 4742 transition: all .3s cubic-bezier(0, 0, 0.2, 1.2); 4743 bottom: 0 4744 } 4745 4746 .blu-modal.b-page.fade-enter-active[data-v-65e7601e] { 4747 transition: opacity .3s cubic-bezier(0, 0, 0.2, 1.2) 4748 } 4749 4750 .blu-modal.b-page.fade-leave-active[data-v-65e7601e] { 4751 transition: opacity .3s cubic-bezier(0.8, 0, 1, 1) 4752 } 4753 4754 .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] { 4755 bottom: -96vh 4756 } 4757 } 4758 4759 .blu-modal.b-no-button .blu-modal__container[data-v-65e7601e] { 4760 padding-bottom: 20px 4761 } 4762 4763 @media screen and (max-width: 768px) { 4764 .blu-modal.b-no-button .blu-modal__body[data-v-65e7601e] { 4765 padding-bottom:env(safe-area-inset-bottom) 4766 } 4767 } 4768 4769 .blu-modal.b-no-button .blu-modal__footer[data-v-65e7601e] { 4770 display: none 4771 } 4772 4773 .fade-enter-active[data-v-65e7601e],.fade-leave-active[data-v-65e7601e] { 4774 position: absolute; 4775 z-index: 998; 4776 transition: opacity .3s 4777 } 4778 4779 .fade-enter[data-v-65e7601e],.fade-leave-to[data-v-65e7601e] { 4780 opacity: 0 4781 } 4782 4783 img[data-v-65e7601e] { 4784 max-width: 100% 4785 } 4786 4787 .blu-modal.b-dialog .blu-modal__icon[data-v-65e7601e] { 4788 width: 40px; 4789 height: 40px; 4790 margin-bottom: 40px 4791 } 4792 4793 @media screen and (max-width: 768px) { 4794 .blu-modal.b-dialog .blu-modal__icon[data-v-65e7601e] { 4795 width:24px; 4796 height: 24px; 4797 margin-bottom: 32px 4798 } 4799 } 4800 4801 .blu-modal.b-dialog.b-info .blu-modal__icon[data-v-65e7601e] { 4802 background-color: #1d8fff; 4803 -webkit-mask-image: url(data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PSIwIDAgMjQgMjQiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+DQo8cGF0aCBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGNsaXAtcnVsZT0iZXZlbm9kZCIgZD0iTTIgMTJDMiA2LjQ4IDYuNDggMiAxMiAyQzE3LjUyIDIgMjIgNi40OCAyMiAxMkMyMiAxNy41MiAxNy41MiAyMiAxMiAyMkM2LjQ4IDIyIDIgMTcuNTIgMiAxMlpNMTEuOTcgOC43Mzc2NEMxMi43MjY2IDguNzM3NjQgMTMuMzQgOC4xMjQ4IDEzLjM0IDcuMzY4ODJDMTMuMzQgNi42MTI4NCAxMi43MjY2IDYgMTEuOTcgNkMxMS4yMTM0IDYgMTAuNiA2LjYxMjg0IDEwLjYgNy4zNjg4MkMxMC42IDguMTI0OCAxMS4yMTM0IDguNzM3NjQgMTEuOTcgOC43Mzc2NFpNMTEuNDk5OSAxMC4xMDY0SDEyLjQ0OTlDMTIuODQ5OSAxMC4xMDY0IDEzLjE3OTkgMTAuNDM2MiAxMy4xNzk5IDEwLjgzNThWMTcuMjcwM0MxMy4xNzk5IDE3LjY2OTkgMTIuODQ5OSAxNy45OTk2IDEyLjQ0OTkgMTcuOTk5NkgxMS40OTk5QzExLjA5OTkgMTcuOTk5NiAxMC43Njk5IDE3LjY2OTkgMTAuNzY5OSAxNy4yNzAzVjEwLjgzNThDMTAuNzY5OSAxMC40MzYyIDExLjA5OTkgMTAuMTA2NCAxMS40OTk5IDEwLjEwNjRaIiBmaWxsPSIjNzk3Rjg1Ii8+DQo8L3N2Zz4NCg==); 4804 mask-image: url(data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PSIwIDAgMjQgMjQiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+DQo8cGF0aCBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGNsaXAtcnVsZT0iZXZlbm9kZCIgZD0iTTIgMTJDMiA2LjQ4IDYuNDggMiAxMiAyQzE3LjUyIDIgMjIgNi40OCAyMiAxMkMyMiAxNy41MiAxNy41MiAyMiAxMiAyMkM2LjQ4IDIyIDIgMTcuNTIgMiAxMlpNMTEuOTcgOC43Mzc2NEMxMi43MjY2IDguNzM3NjQgMTMuMzQgOC4xMjQ4IDEzLjM0IDcuMzY4ODJDMTMuMzQgNi42MTI4NCAxMi43MjY2IDYgMTEuOTcgNkMxMS4yMTM0IDYgMTAuNiA2LjYxMjg0IDEwLjYgNy4zNjg4MkMxMC42IDguMTI0OCAxMS4yMTM0IDguNzM3NjQgMTEuOTcgOC43Mzc2NFpNMTEuNDk5OSAxMC4xMDY0SDEyLjQ0OTlDMTIuODQ5OSAxMC4xMDY0IDEzLjE3OTkgMTAuNDM2MiAxMy4xNzk5IDEwLjgzNThWMTcuMjcwM0MxMy4xNzk5IDE3LjY2OTkgMTIuODQ5OSAxNy45OTk2IDEyLjQ0OTkgMTcuOTk5NkgxMS40OTk5QzExLjA5OTkgMTcuOTk5NiAxMC43Njk5IDE3LjY2OTkgMTAuNzY5OSAxNy4yNzAzVjEwLjgzNThDMTAuNzY5OSAxMC40MzYyIDExLjA5OTkgMTAuMTA2NCAxMS40OTk5IDEwLjEwNjRaIiBmaWxsPSIjNzk3Rjg1Ii8+DQo8L3N2Zz4NCg==) 4805 } 4806 4807 .blu-modal.b-dialog.b-success .blu-modal__icon[data-v-65e7601e] { 4808 background-color: #22a334; 4809 -webkit-mask-image: url(data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PSIwIDAgMjQgMjQiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+DQo8cGF0aCBkPSJNMTIgMkM2LjQ4IDIgMiA2LjQ4IDIgMTJDMiAxNy41MiA2LjQ4IDIyIDEyIDIyQzE3LjUyIDIyIDIyIDE3LjUyIDIyIDEyQzIyIDYuNDggMTcuNTIgMiAxMiAyWk0xNy4wNSA5LjExTDEyLjA2IDE2LjEyQzExLjg4IDE2LjM3IDExLjYgMTYuNTIgMTEuMjkgMTYuNTRIMTEuMjRDMTAuOTUgMTYuNTQgMTAuNjcgMTYuNDIgMTAuNDggMTYuMTlMNi45OSAxMi4xM0M2LjgyIDExLjkzIDYuNzMgMTEuNjcgNi43NSAxMS40MUM2Ljc3IDExLjE0IDYuODkgMTAuOSA3LjA5IDEwLjczQzcuNTEgMTAuMzcgOC4xNCAxMC40MiA4LjUgMTAuODRMMTEuMTYgMTMuOTNMMTUuNDEgNy45NkMxNS43MyA3LjUxIDE2LjM1IDcuNDEgMTYuOCA3LjczQzE3LjAyIDcuODggMTcuMTYgOC4xMSAxNy4yMSA4LjM4QzE3LjI1IDguNjQgMTcuMTkgOC45MSAxNy4wNCA5LjEyTDE3
4809LjA1IDkuMTFaIiBmaWxsPSIjNzk3Rjg1Ii8+DQo8L3N2Zz4=); 4810 mask-image: url(data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PSIwIDAgMjQgMjQiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+DQo8cGF0aCBkPSJNMTIgMkM2LjQ4IDIgMiA2LjQ4IDIgMTJDMiAxNy41MiA2LjQ4IDIyIDEyIDIyQzE3LjUyIDIyIDIyIDE3LjUyIDIyIDEyQzIyIDYuNDggMTcuNTIgMiAxMiAyWk0xNy4wNSA5LjExTDEyLjA2IDE2LjEyQzExLjg4IDE2LjM3IDExLjYgMTYuNTIgMTEuMjkgMTYuNTRIMTEuMjRDMTAuOTUgMTYuNTQgMTAuNjcgMTYuNDIgMTAuNDggMTYuMTlMNi45OSAxMi4xM0M2LjgyIDExLjkzIDYuNzMgMTEuNjcgNi43NSAxMS40MUM2Ljc3IDExLjE0IDYuODkgMTAuOSA3LjA5IDEwLjczQzcuNTEgMTAuMzcgOC4xNCAxMC40MiA4LjUgMTAuODRMMTEuMTYgMTMuOTNMMTUuNDEgNy45NkMxNS43MyA3LjUxIDE2LjM1IDcuNDEgMTYuOCA3LjczQzE3LjAyIDcuODggMTcuMTYgOC4xMSAxNy4yMSA4LjM4QzE3LjI1IDguNjQgMTcuMTkgOC45MSAxNy4wNCA5LjEyTDE3LjA1IDkuMTFaIiBmaWxsPSIjNzk3Rjg1Ii8+DQo8L3N2Zz4=) 4811 } 4812 4813 .blu-modal.b-dialog.b-warning .blu-modal__icon[data-v-65e7601e] { 4814 background-color: #ffcd00; 4815 -webkit-mask-image: url(data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PSIwIDAgMjQgMjQiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+DQo8cGF0aCBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGNsaXAtcnVsZT0iZXZlbm9kZCIgZD0iTTMuODc0MzYgMjFIMjAuMTE0NEgyMC4xMjQ0QzIxLjU1MzUgMjEgMjIuNDUyOSAxOS41MDM1IDIxLjc2MzQgMTguMjg2NEwxMy42NDg0IDMuOTUwMjZDMTIuOTM4OCAyLjY4MzI1IDExLjA2OTkgMi42ODMyNSAxMC4zNjA0IDMuOTUwMjZMMi4yMzUzNyAxOC4yOTY0QzEuNTQ1OCAxOS41MTM1IDIuNDU1MjQgMjEgMy44NzQzNiAyMVpNMTAuOTkgMTMuOTM3NEwxMC43MDAyIDkuMDk4ODdWNy43NTIwNUMxMC43MDAyIDcuMzMzMDQgMTEuMDQgNi45OTM4NCAxMS40NTk3IDYuOTkzODRIMTIuNjA5QzEzLjAyODggNi45OTM4NCAxMy4zNjg2IDcuMzMzMDQgMTMuMzY4NiA3Ljc1MjA1VjkuMTA4ODRMMTMuMDg4NyAxMy45Mjc1QzEzLjA2ODcgMTQuMzI2NSAxMi43Mzg5IDE0LjYzNTggMTIuMzI5MiAxNC42MzU4SDExLjc0OTVDMTEuMzQ5OCAxNC42MzU4IDExLjAyIDE0LjMyNjUgMTAuOTkgMTMuOTI3NVYxMy45Mzc0Wk0xMS45OTk0IDE4Ljk2NTJDMTIuNzg4NyAxOC45NjUyIDEzLjQyODYgMTguMzI2NSAxMy40Mjg2IDE3LjUzODZDMTMuNDI4NiAxNi43NTA3IDEyLjc4ODcgMTYuMTEyIDExLjk5OTQgMTYuMTEyQzExLjIxMDIgMTYuMTEyIDEwLjU3MDMgMTYuNzUwNyAxMC41NzAzIDE3LjUzODZDMTAuNTcwMyAxOC4zMjY1IDExLjIxMDIgMTguOTY1MiAxMS45OTk0IDE4Ljk2NTJaIiBmaWxsPSIjNzk3Rjg1Ii8+DQo8L3N2Zz4NCg==); 4816 mask-image: url(data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PSIwIDAgMjQgMjQiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+DQo8cGF0aCBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGNsaXAtcnVsZT0iZXZlbm9kZCIgZD0iTTMuODc0MzYgMjFIMjAuMTE0NEgyMC4xMjQ0QzIxLjU1MzUgMjEgMjIuNDUyOSAxOS41MDM1IDIxLjc2MzQgMTguMjg2NEwxMy42NDg0IDMuOTUwMjZDMTIuOTM4OCAyLjY4MzI1IDExLjA2OTkgMi42ODMyNSAxMC4zNjA0IDMuOTUwMjZMMi4yMzUzNyAxOC4yOTY0QzEuNTQ1OCAxOS41MTM1IDIuNDU1MjQgMjEgMy44NzQzNiAyMVpNMTAuOTkgMTMuOTM3NEwxMC43MDAyIDkuMDk4ODdWNy43NTIwNUMxMC43MDAyIDcuMzMzMDQgMTEuMDQgNi45OTM4NCAxMS40NTk3IDYuOTkzODRIMTIuNjA5QzEzLjAyODggNi45OTM4NCAxMy4zNjg2IDcuMzMzMDQgMTMuMzY4NiA3Ljc1MjA1VjkuMTA4ODRMMTMuMDg4NyAxMy45Mjc1QzEzLjA2ODcgMTQuMzI2NSAxMi43Mzg5IDE0LjYzNTggMTIuMzI5MiAxNC42MzU4SDExLjc0OTVDMTEuMzQ5OCAxNC42MzU4IDExLjAyIDE0LjMyNjUgMTAuOTkgMTMuOTI3NVYxMy45Mzc0Wk0xMS45OTk0IDE4Ljk2NTJDMTIuNzg4NyAxOC45NjUyIDEzLjQyODYgMTguMzI2NSAxMy40Mjg2IDE3LjUzODZDMTMuNDI4NiAxNi43NTA3IDEyLjc4ODcgMTYuMTEyIDExLjk5OTQgMTYuMTEyQzExLjIxMDIgMTYuMTEyIDEwLjU3MDMgMTYuNzUwNyAxMC41NzAzIDE3LjUzODZDMTAuNTcwMyAxOC4zMjY1IDExLjIxMDIgMTguOTY1MiAxMS45OTk0IDE4Ljk2NTJaIiBmaWxsPSIjNzk3Rjg1Ii8+DQo8L3N2Zz4NCg==) 4817 } 4818 4819 .blu-modal.b-dialog.b-danger .blu-modal__icon[data-v-65e7601e] { 4820 background-color: #ff4646; 4821 -webkit-mask-image: url(data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PSIwIDAgMjQgMjQiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+DQo8cGF0aCBkPSJNMTIgMkM2LjQ4IDIgMiA2LjQ4IDIgMTJDMiAxNy41MiA2LjQ4IDIyIDEyIDIyQzE3LjUyIDIyIDIyIDE3LjUyIDIyIDEyQzIyIDYuNDggMTcuNTIgMiAxMiAyWk0xNi4yNCAxNC44M0MxNi42MyAxNS4yMiAxNi42MyAxNS44NSAxNi4yNCAxNi4yNEMxNS44NSAxNi42MyAxNS4yMiAxNi42MyAxNC44MyAxNi4yNEwxMiAxMy40MUw5LjE3IDE2LjI0QzguNzggMTYuNjMgOC4xNSAxNi42MyA3Ljc2IDE2LjI0QzcuMzcgMTUuODUgNy4zNyAxNS4yMiA3Ljc2IDE0LjgzTDEwLjU5IDEyTDcuNzYgOS4xN0M3LjM3IDguNzggNy4zNyA4LjE1IDcuNzYgNy43NkM4LjE1IDcuMzcgOC43OCA3LjM3IDkuMTcgNy43NkwxMiAxMC41OUwxNC44MyA3Ljc2QzE1LjIyIDcuMzcgMTUuODUgNy4zNyAxNi4yNCA3Ljc2QzE2LjYzIDguMTUgMTYuNjMgOC43OCAxNi4yNCA5LjE3TDEzLjQxIDEyTDE2LjI0IDE0LjgzWiIgZmlsbD0iIzc5N0Y4NSIvPg0KPC9zdmc+); 4822 mask-image: url(data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PSIwIDAgMjQgMjQiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+DQo8cGF0aCBkPSJNMTIgMkM2LjQ4IDIgMiA2LjQ4IDIgMTJDMiAxNy41MiA2LjQ4IDIyIDEyIDIyQzE3LjUyIDIyIDIyIDE3LjUyIDIyIDEyQzIyIDYuNDggMTcuNTIgMiAxMiAyWk0xNi4yNCAxNC44M0MxNi42MyAxNS4yMiAxNi42MyAxNS44NSAxNi4yNCAxNi4yNEMxNS44NSAxNi42MyAxNS4yMiAxNi42MyAxNC44MyAxNi4yNEwxMiAxMy40MUw5LjE3IDE2LjI0QzguNzggMTYuNjMgOC4xNSAxNi42MyA3Ljc2IDE2LjI0QzcuMzcgMTUuODUgNy4zNyAxNS4yMiA3Ljc2IDE0LjgzTDEwLjU5IDEyTDcuNzYgOS4xN0M3LjM3IDguNzggNy4zNyA4LjE1IDcuNzYgNy43NkM4LjE1IDcuMzcgOC43OCA3LjM3IDkuMTcgNy43NkwxMiAxMC41OUwxNC44MyA3Ljc2QzE1LjIyIDcuMzcgMTUuODUgNy4zNyAxNi4yNCA3Ljc2QzE2LjYzIDguMTUgMTYuNjMgOC43OCAxNi4yNCA5LjE3TDEzLjQxIDEyTDE2LjI0IDE0LjgzWiIgZmlsbD0iIzc5N0Y4NSIvPg0KPC9zdmc+) 4823 } 4824 4825 @media screen and (max-width: 768px) { 4826 .blu-modal.b-full-screen .blu-modal__container[data-v-65e7601e] { 4827 min-height:100%; 4828 border-radius: unset; 4829 padding-top: 0 4830 } 4831 4832 .blu-modal.b-full-screen .blu-modal__close[data-v-65e7601e] { 4833 display: none 4834 } 4835 } 4836 </style> 4837 <style type="text/css"> 4838 .blu-ripple[data-v-6ada375c] { 4839 width: 100%; 4840 height: 100%; 4841 position: relative; 4842 overflow: hidden; 4843 display: flex; 4844 justify-content: center; 4845 align-items: center; 4846 -webkit-box-pack: center; 4847 -webkit-box-align: center; 4848 -webkit-mask-image: radial-gradient(circle, #ffffff 100%, #000000 100%); 4849 padding: 0 12px 4850 } 4851 4852 .blu-ripple-wave[data-v-6ada375c] { 4853 position: absolute; 4854 z-index: 1; 4855 pointer-events: none; 4856 background: currentColor; 4857 border-radius: 50%; 4858 opacity: 0; 4859 transform: scale(2) translateZ(0) 4860 } 4861 4862 .blu-ripple-wave.b-centered[data-v-6ada375c] { 4863 animation-duration: 1.2s; 4864 top: 50%; 4865 left: 50% 4866 } 4867
4868 .blu-ripple-wave~*[data-v-6ada375c]:not(.blu-ripple-wave) { 4869 position: relative; 4870 z-index: 2 4871 } 4872 4873 .blu-ripple-enter-active[data-v-6ada375c] { 4874 transition: 2s cubic-bezier(0.25, 0.8, 0.25, 1); 4875 transition-property: opacity,transform; 4876 will-change: opacity,transform 4877 } 4878 4879 .blu-ripple-enter-active.b-centered[data-v-6ada375c] { 4880 transition-duration: 1.2s 4881 } 4882 4883 .blu-ripple-enter[data-v-6ada375c] { 4884 opacity: .26; 4885 transform: scale(0.26) translateZ(0) 4886 } 4887 4888 .has-left-icon .blu-ripple svg[data-v-6ada375c] { 4889 margin-right: 8px 4890 } 4891 4892 .has-left-icon.b-small svg[data-v-6ada375c] { 4893 transform-origin: left; 4894 margin-right: 4px 4895 } 4896 4897 .b-large .blu-ripple[data-v-6ada375c] { 4898 padding: 0 16px 4899 } 4900 4901 .b-small .blu-ripple[data-v-6ada375c] { 4902 padding: 0 8px 4903 } 4904 4905 .b-small svg[data-v-6ada375c] { 4906 width: 18px; 4907 height: 18px 4908 } 4909 4910 .b-icon .blu-ripple[data-v-6ada375c] { 4911 padding: 0 4912 } 4913 4914 .b-loading .blu-loader-wrapper[data-v-6ada375c] { 4915 height: 24px; 4916 position: absolute 4917 } 4918 4919 .b-loading .blu-ripple[data-v-6ada375c] { 4920 color: rgba(0,0,0,0) 4921 } 4922 4923 .b-loading .blu-ripple>svg[data-v-6ada375c] { 4924 visibility: hidden 4925 } 4926 4927 .b-loading .blu-ripple .blu-ripple-wave[data-v-6ada375c] { 4928 color: #fff 4929 } 4930 4931 .b-loading.b-white .blu-ripple-wave[data-v-6ada375c] { 4932 color: #0072ff 4933 } 4934 4935 .b-loading.b-outline.b-secondary .blu-ripple-wave[data-v-6ada375c] { 4936 color: #0072ff 4937 } 4938 4939 .b-loading.b-outline.b-primary .blu-ripple-wave[data-v-6ada375c] { 4940 color: #f1ab02 4941 } 4942 4943 .b-loading.b-ghost.b-secondary .blu-ripple-wave[data-v-6ada375c] { 4944 color: #0072ff 4945 } 4946 4947 .b-loading.b-ghost.b-primary .blu-ripple-wave[data-v-6ada375c] { 4948 color: #f1ab02 4949 } 4950 4951 .blu-input-stepper .blu-btn .blu-ripple[data-v-6ada375c] { 4952 padding: 0; 4953 width: 24px; 4954 height: 24px; 4955 border-radius: 50% 4956 } 4957 4958 .blu-input-stepper .blu-btn .blu-ripple svg[data-v-6ada375c] { 4959 width: 18px; 4960 height: 18px; 4961 margin-left: 1px 4962 } 4963 4964 .blu-input-stepper .blu-btn .blu-ripple-enter-active[data-v-6ada375c] { 4965 background: #0072ff 4966 } 4967 4968 .b-disabled[data-v-6ada375c] { 4969 opacity: 1 4970 } 4971 4972 .blu-btn-dropdown .blu-ripple>svg+div[data-v-6ada375c] { 4973 margin-left: 8px 4974 } 4975 4976 .blu-modal__mask[data-v-6ada375c] { 4977 transition: opacity .3s ease; 4978 position: fixed; 4979 z-index: 999; 4980 top: 0; 4981 left: 0; 4982 width: 100%; 4983 height: 100%; 4984 background-color: rgba(0,0,0,.6); 4985 display: flex; 4986 flex-direction: column; 4987 justify-content: center; 4988 align-items: center 4989 } 4990 4991 .blu-modal__container[data-v-6ada375c] { 4992 transition: opacity .3s ease; 4993 width: 90%; 4994 max-width: 500px; 4995 max-height: calc(100% - 50px); 4996 height: auto; 4997 background: #fff; 4998 box-shadow: 0 1px 6px 0 rgba(0,0,0,.1); 4999 position: fixed; 5000 z-index: 1000; 5001 display: flex; 5002 flex-direction: column 5003 } 5004 5005 @media screen and (max-width: 768px) { 5006 .blu-modal__container[data-v-6ada375c] { 5007 max-height:calc(100% - 40px) 5008 } 5009 } 5010 5011 @media screen and (min-width: 769px),print { 5012 .blu-modal__container[data-v-6ada375c] { 5013 top:50%; 5014 left: 50%; 5015 -webkit-transform: translate(-50%, -50%); 5016 -moz-transform: translate(-50%, -50%); 5017 -ms-transform: translate(-50%, -50%); 5018 -o-transform: translate(-50%, -50%); 5019 transform: translate(-50%, -50%) 5020 } 5021 } 5022 5023 .blu-modal__heading[data-v-6ada375c] { 5024 font: 24px/28px "blibli demi bold",-apple-system,segoe ui,roboto,helvetica,arial,sans-serif; 5025 margin-bottom: 8px 5026 } 5027 5028 @media screen and (max-width: 768px) { 5029 .blu-modal__heading[data-v-6ada375c] { 5030 font:20px/24px "blibli demi bold",-apple-system,segoe ui,roboto,helvetica,arial,sans-serif; 5031 margin-bottom: 0px 5032 } 5033 } 5034 5035 .blu-modal__body[data-v-6ada375c] { 5036 max-height: var(--max-height-modal-body); 5037 overflow-x: auto; 5038 color: rgba(25,34,42,.7019607843); 5039 margin-right: 0px; 5040 overscroll-behavior: contain 5041 } 5042 5043 @media screen and (min-width: 769px),print { 5044 .blu-modal__body[data-v-6ada375c] { 5045 font:16px/20px "blibli",-apple-system,segoe ui,roboto,helvetica,arial,sans-serif 5046 } 5047 } 5048 5049 @media screen and (max-width: 768px) { 5050 .blu-modal__body[data-v-6ada375c] { 5051 font:14px/18px "blibli",-apple-system,segoe ui,roboto,helvetica,arial,sans-serif 5052 } 5053 } 5054 5055 .blu-modal__footer[data-v-6ada375c] { 5056 text-align: right 5057 } 5058 5059 @media screen and (max-width: 768px) { 5060 .blu-modal__footer[data-v-6ada375c] { 5061 margin-top:auto 5062 } 5063 } 5064 5065 .blu-modal.b-dialog .blu-modal__body[data-v-6ada375c] { 5066 margin-bottom: 40px 5067 } 5068 5069 @media screen and (max-width: 768px) { 5070 .blu-modal.b-dialog .blu-modal__body[data-v-6ada375c] { 5071 margin-bottom:32px 5072 } 5073 } 5074 5075 .blu-modal.b-dialog .blu-modal__container[data-v-6ada375c] { 5076 border-radius: 16px 5077 } 5078 5079 @media screen and (min-width: 769px),print { 5080 .blu-modal.b-dialog .blu-modal__container[data-v-6ada375c] { 5081 padding:24px 24px 16px 5082 } 5083 } 5084 5085 @media screen and (max-width: 768px) { 5086 .blu-modal.b-dialog .blu-modal__container[data-v-6ada375c] { 5087 padding:24px 24px 16px; 5088 top: 50%; 5089 left: 50%; 5090 -webkit-transform: translate(-50%, -50%); 5091 -moz-transform: translate(-50%, -50%); 5092 -ms-transform: translate(-50%, -50%); 5093 -o-transform: translate(-50%, -50%); 5094 transform: translate(-50%, -50%) 5095 } 5096 } 5097 5098 .blu-modal.b-dialog .blu-modal__container[data-v-6ada375c]:before,.blu-modal.b-dialog .blu-modal__container[data-v-6ada375c]:after { 5099 content: ""; 5100 width: calc(100% - 60px); 5101 margin: 0 30px; 5102 border-radius: 0 0 24px 24px; 5103 position: absolute; 5104 left: 0 5105 } 5106 5107 .blu-modal.b-dialog .blu-modal__container[data-v-6ada375c]:before { 5108 height: 9px; 5109 bottom: -9px; 5110 z-index: 2; 5111 background: linear-gradient(0deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.12) 100%) 5112 } 5113 5114 .blu-modal.b-dialog .blu-modal__container[data-v-6ada375c]:after { 5115 height: 16px; 5116 border-top: #fff 1px solid; 5117 bottom: -15px 5118 } 5119 5120 .blu-modal.b-dialog .blu-modal__close[data-v-6ada375c] { 5121 display: none 5122 } 5123 5124 .blu-modal.b-dialog.b-info .blu-modal__container[data-v-6ada375c]:after { 5125 background-color: #1d8fff 5126 } 5127 5128 .blu-modal.b-dialog.b-success .blu-modal__container[data-v-6ada375c]:after { 5129 background-color: #22a334 5130 } 5131 5132 .blu-modal.b-dialog.b-warning .blu-modal__container[data-v-6ada375c]:after { 5133 background-color: #ffcd00 5134 } 5135 5136 .blu-modal.b-dialog.b-danger .blu-modal__container[data-v-6ada375c]:after { 5137 background-color: #ff4646 5138 } 5139 5140 .blu-modal.b-page .blu-modal__body[data-v-6ada375c] { 5141 color: rgba(25,34,42,.7019607843) 5142 } 5143 5144 @media screen and (min-width: 769px),print { 5145 .blu-modal.b-page .blu-modal__body[data-v-6ada375c] { 5146 padding:0 24px 5147 } 5148 } 5149 5150 @media screen and (max-width: 768px) { 5151 .blu-modal.b-page .blu-modal__body[data-v-6ada375c] { 5152 padding:0 16px; 5153 padding-bottom: calc(env(safe-area-inset-bottom) + 4px); 5154 overflow-y: auto 5155 } 5156 } 5157 5158 .blu-modal.b-page .blu-modal__body[data-v-6ada375c]::before { 5159 content: ""; 5160 background: #fff; 5161 height: 20px; 5162 width: 100%; 5163 left: 0; 5164 bottom: 0; 5165 position: fixed 5166 } 5167 5168 @media screen and (min-width: 769px),print { 5169 .blu-modal.b-page .blu-modal__body[data-v-6ada375c]::before { 5170 display:none 5171 } 5172 } 5173 5174 @media screen and (min-width: 769px),print { 5175 .blu-modal.b-page .blu-modal__container[data-v-6ada375c] { 5176 border-radius:16px; 5177 padding-top: 32px 5178 } 5179 } 5180 5181 @media screen and (max-width: 768px) { 5182 .blu-modal.b-page .blu-modal__container[data-v-6ada375c] { 5183 padding-top:24px; 5184 width: 100%; 5185 max-width: 100%; 5186 height: auto; 5187 border-radius: 16px 16px 0 0; 5188 left: 0; 5189 bottom: 0; 5190 padding-top: 24px; 5191 padding-bottom: calc(env(safe-area-inset-bottom) + 16px) 5192 } 5193 } 5194 5195 @media screen and (min-width: 769px),print { 5196 .blu-modal.b-page .blu-modal__footer[data-v-6ada375c] { 5197 padding:24px 24px 5198 } 5199 } 5200 5201 @media screen and (max-width: 768px) { 5202 .blu-modal.b-page .blu-modal__footer[data-v-6ada375c] { 5203 width:100%; 5204 padding: 16px; 5205 transition: all .3s cubic-bezier(0, 0, 0.2, 1.2); 5206 bottom: 0; 5207 padding-bottom: env(safe-area-inset-bottom); 5208 background: #fff 5209 } 5210 } 5211 5212 .blu-modal.b-page .blu-modal__footer[data-v-6ada375c]::before { 5213 content: ""; 5214 background: #fff; 5215 height: 20px; 5216 width: 100%; 5217 left: 0; 5218 bottom: 0; 5219 position: fixed 5220 } 5221 5222 @media screen and (min-width: 769px),print { 5223 .blu-modal.b-page .blu-modal__footer[data-v-6ada375c]::before { 5224 display:none 5225 } 5226 } 5227 5228 @media screen and (min-width: 769px),print { 5229 .blu-modal.b-page .blu-modal__header[data-v-6ada375c] { 5230 padding:0 24px 5231 } 5232 } 5233 5234 @media screen and (max-width: 768px) { 5235 .blu-modal.b-page .blu-modal__header[data-v-6ada375c] { 5236 padding:0 16px 5237 } 5238 } 5239 5240 .blu-modal.b-page .blu-modal__icon[data-v-6ada375c] { 5241 display: none 5242 } 5243 5244 @media screen and (max-width: 768px) { 5245 .blu-modal.b-page.fade-enter-active[data-v-6ada375c],.blu-modal.b-page.fade-leave-active[data-v-6ada375c] { 5246 transition:opacity .3s 5247 } 5248 5249 .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] { 5250 transition: bottom .3s; 5251 transition: all .3s cubic-bezier(0, 0, 0.2, 1.2); 5252 bottom: 0 5253 } 5254 5255 .blu-modal.b-page.fade-enter-active[data-v-6ada375c] { 5256 transition: opacity .3s cubic-bezier(0, 0, 0.2, 1.2) 5257 } 5258 5259 .blu-modal.b-page.fade-leave-active[data-v-6ada375c] { 5260 transition: opacity .3s cubic-bezier(0.8, 0, 1, 1) 5261 } 5262 5263 .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] { 5264 bottom: -96vh 5265 } 5266 } 5267 5268 .blu-modal.b-no-button .blu-modal__container[data-v-6ada375c] { 5269 padding-bottom: 20px 5270 } 5271 5272 @media screen and (max-width: 768px) { 5273 .blu-modal.b-no-button .blu-modal__body[data-v-6ada375c] { 5274 padding-bottom:env(safe-area-inset-bottom) 5275 } 5276 } 5277 5278 .blu-modal.b-no-button .blu-modal__footer[data-v-6ada375c] { 5279 display: none 5280 } 5281 5282 .fade-enter-active[data-v-6ada375c],.fade-leave-active[data-v-6ada375c] { 5283 position: absolute; 5284 z-index: 998; 5285 transition: opacity .3s 5286 } 5287 5288 .fade-enter[data-v-6ada375c],.fade-leave-to[data-v-6ada375c] { 5289 opacity: 0 5290 } 5291 5292 img[data-v-6ada375c] { 5293 max-width: 100% 5294 } 5295 5296 .blu-modal.b-dialog .blu-modal__icon[data-v-6ada375c] { 5297 width: 40px; 5298 height: 40px; 5299 margin-bottom: 40px 5300 } 5301 5302 @media screen and (max-width: 768px) { 5303 .blu-modal.b-dialog .blu-modal__icon[data-v-6ada375c] { 5304 width:24px; 5305 height: 24px; 5306 margin-bottom: 32px 5307 } 5308 } 5309 5310 .blu-modal.b-dialog.b-info .blu-modal__icon[data-v-6ada375c] { 5311 background-color: #1d8fff; 5312 -webkit-mask-image: url(data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PSIwIDAgMjQgMjQiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+DQo8cGF0aCBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGNsaXAtcnVsZT0iZXZlbm9kZCIgZD0iTTIgMTJDMiA2LjQ4IDYuNDggMiAxMiAyQzE3LjUyIDIgMjIgNi40OCAyMiAxMkMyMiAxNy41MiAxNy41MiAyMiAxMiAyMkM2LjQ4IDIyIDIgMTcuNTIgMiAxMlpNMTEuOTcgOC43Mzc2NEMxMi43MjY2IDguNzM3NjQgMTMuMzQgOC4xMjQ4IDEzLjM0IDcuMzY4ODJDMTMuMzQgNi42MTI4NCAxMi43MjY2IDYgMTEuOTcgNkMxMS4yMTM0IDYgMTAuNiA2LjYxMjg0IDEwLjYgNy4zNjg4MkMxMC42IDguMTI0OCAxMS4yMTM0IDguNzM3NjQgMTEuOTcgOC43Mzc2NFpNMTEuNDk5OSAxMC4xMDY0SDEyLjQ0OTlDMTIuODQ5OSAxMC4xMDY0IDEzLjE3OTkgMTAuNDM2MiAxMy4xNzk5IDEwLjgzNThWMTcuMjcwM0MxMy4xNzk5IDE3LjY2OTkgMTIuODQ5OSAxNy45OTk2IDEyLjQ0OTkgMTcuOTk5NkgxMS40OTk5QzExLjA5OTkgMTcuOTk5NiAxMC43Njk5IDE3LjY2OTkgMTAuNzY5OSAxNy4yNzAzVjEwLjgzNThDMTAuNzY5OSAxMC40MzYyIDExLjA5OTkgMTAuMTA2NCAxMS40OTk5IDEwLjEwNjRaIiBmaWxsPSIjNzk3Rjg1Ii8+DQo8L3N2Zz4NCg==); 5313 mask-image: url(data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PSIwIDAgMjQgMjQiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+DQo8cGF0aCBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGNsaXAtcnVsZT0iZXZlbm9kZCIgZD0iTTIgMTJDMiA2LjQ4IDYuNDggMiAxMiAyQzE3LjUyIDIgMjIgNi40OCAyMiAxMkMyMiAxNy41MiAxNy41MiAyMiAxMiAyMk
5313M2LjQ4IDIyIDIgMTcuNTIgMiAxMlpNMTEuOTcgOC43Mzc2NEMxMi43MjY2IDguNzM3NjQgMTMuMzQgOC4xMjQ4IDEzLjM0IDcuMzY4ODJDMTMuMzQgNi42MTI4NCAxMi43MjY2IDYgMTEuOTcgNkMxMS4yMTM0IDYgMTAuNiA2LjYxMjg0IDEwLjYgNy4zNjg4MkMxMC42IDguMTI0OCAxMS4yMTM0IDguNzM3NjQgMTEuOTcgOC43Mzc2NFpNMTEuNDk5OSAxMC4xMDY0SDEyLjQ0OTlDMTIuODQ5OSAxMC4xMDY0IDEzLjE3OTkgMTAuNDM2MiAxMy4xNzk5IDEwLjgzNThWMTcuMjcwM0MxMy4xNzk5IDE3LjY2OTkgMTIuODQ5OSAxNy45OTk2IDEyLjQ0OTkgMTcuOTk5NkgxMS40OTk5QzExLjA5OTkgMTcuOTk5NiAxMC43Njk5IDE3LjY2OTkgMTAuNzY5OSAxNy4yNzAzVjEwLjgzNThDMTAuNzY5OSAxMC40MzYyIDExLjA5OTkgMTAuMTA2NCAxMS40OTk5IDEwLjEwNjRaIiBmaWxsPSIjNzk3Rjg1Ii8+DQo8L3N2Zz4NCg==) 5314 } 5315 5316 .blu-modal.b-dialog.b-success .blu-modal__icon[data-v-6ada375c] { 5317 background-color: #22a334; 5318 -webkit-mask-image: url(data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PSIwIDAgMjQgMjQiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+DQo8cGF0aCBkPSJNMTIgMkM2LjQ4IDIgMiA2LjQ4IDIgMTJDMiAxNy41MiA2LjQ4IDIyIDEyIDIyQzE3LjUyIDIyIDIyIDE3LjUyIDIyIDEyQzIyIDYuNDggMTcuNTIgMiAxMiAyWk0xNy4wNSA5LjExTDEyLjA2IDE2LjEyQzExLjg4IDE2LjM3IDExLjYgMTYuNTIgMTEuMjkgMTYuNTRIMTEuMjRDMTAuOTUgMTYuNTQgMTAuNjcgMTYuNDIgMTAuNDggMTYuMTlMNi45OSAxMi4xM0M2LjgyIDExLjkzIDYuNzMgMTEuNjcgNi43NSAxMS40MUM2Ljc3IDExLjE0IDYuODkgMTAuOSA3LjA5IDEwLjczQzcuNTEgMTAuMzcgOC4xNCAxMC40MiA4LjUgMTAuODRMMTEuMTYgMTMuOTNMMTUuNDEgNy45NkMxNS43MyA3LjUxIDE2LjM1IDcuNDEgMTYuOCA3LjczQzE3LjAyIDcuODggMTcuMTYgOC4xMSAxNy4yMSA4LjM4QzE3LjI1IDguNjQgMTcuMTkgOC45MSAxNy4wNCA5LjEyTDE3LjA1IDkuMTFaIiBmaWxsPSIjNzk3Rjg1Ii8+DQo8L3N2Zz4=); 5319 mask-image: url(data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PSIwIDAgMjQgMjQiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+DQo8cGF0aCBkPSJNMTIgMkM2LjQ4IDIgMiA2LjQ4IDIgMTJDMiAxNy41MiA2LjQ4IDIyIDEyIDIyQzE3LjUyIDIyIDIyIDE3LjUyIDIyIDEyQzIyIDYuNDggMTcuNTIgMiAxMiAyWk0xNy4wNSA5LjExTDEyLjA2IDE2LjEyQzExLjg4IDE2LjM3IDExLjYgMTYuNTIgMTEuMjkgMTYuNTRIMTEuMjRDMTAuOTUgMTYuNTQgMTAuNjcgMTYuNDIgMTAuNDggMTYuMTlMNi45OSAxMi4xM0M2LjgyIDExLjkzIDYuNzMgMTEuNjcgNi43NSAxMS40MUM2Ljc3IDExLjE0IDYuODkgMTAuOSA3LjA5IDEwLjczQzcuNTEgMTAuMzcgOC4xNCAxMC40MiA4LjUgMTAuODRMMTEuMTYgMTMuOTNMMTUuNDEgNy45NkMxNS43MyA3LjUxIDE2LjM1IDcuNDEgMTYuOCA3LjczQzE3LjAyIDcuODggMTcuMTYgOC4xMSAxNy4yMSA4LjM4QzE3LjI1IDguNjQgMTcuMTkgOC45MSAxNy4wNCA5LjEyTDE3LjA1IDkuMTFaIiBmaWxsPSIjNzk3Rjg1Ii8+DQo8L3N2Zz4=) 5320 } 5321 5322 .blu-modal.b-dialog.b-warning .blu-modal__icon[data-v-6ada375c] { 5323 background-color: #ffcd00; 5324 -webkit-mask-image: url(data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PSIwIDAgMjQgMjQiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+DQo8cGF0aCBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGNsaXAtcnVsZT0iZXZlbm9kZCIgZD0iTTMuODc0MzYgMjFIMjAuMTE0NEgyMC4xMjQ0QzIxLjU1MzUgMjEgMjIuNDUyOSAxOS41MDM1IDIxLjc2MzQgMTguMjg2NEwxMy42NDg0IDMuOTUwMjZDMTIuOTM4OCAyLjY4MzI1IDExLjA2OTkgMi42ODMyNSAxMC4zNjA0IDMuOTUwMjZMMi4yMzUzNyAxOC4yOTY0QzEuNTQ1OCAxOS41MTM1IDIuNDU1MjQgMjEgMy44NzQzNiAyMVpNMTAuOTkgMTMuOTM3NEwxMC43MDAyIDkuMDk4ODdWNy43NTIwNUMxMC43MDAyIDcuMzMzMDQgMTEuMDQgNi45OTM4NCAxMS40NTk3IDYuOTkzODRIMTIuNjA5QzEzLjAyODggNi45OTM4NCAxMy4zNjg2IDcuMzMzMDQgMTMuMzY4NiA3Ljc1MjA1VjkuMTA4ODRMMTMuMDg4NyAxMy45Mjc1QzEzLjA2ODcgMTQuMzI2NSAxMi43Mzg5IDE0LjYzNTggMTIuMzI5MiAxNC42MzU4SDExLjc0OTVDMTEuMzQ5OCAxNC42MzU4IDExLjAyIDE0LjMyNjUgMTAuOTkgMTMuOTI3NVYxMy45Mzc0Wk0xMS45OTk0IDE4Ljk2NTJDMTIuNzg4NyAxOC45NjUyIDEzLjQyODYgMTguMzI2NSAxMy40Mjg2IDE3LjUzODZDMTMuNDI4NiAxNi43NTA3IDEyLjc4ODcgMTYuMTEyIDExLjk5OTQgMTYuMTEyQzExLjIxMDIgMTYuMTEyIDEwLjU3MDMgMTYuNzUwNyAxMC41NzAzIDE3LjUzODZDMTAuNTcwMyAxOC4zMjY1IDExLjIxMDIgMTguOTY1MiAxMS45OTk0IDE4Ljk2NTJaIiBmaWxsPSIjNzk3Rjg1Ii8+DQo8L3N2Zz4NCg==); 5325 mask-image: url(data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PSIwIDAgMjQgMjQiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+DQo8cGF0aCBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGNsaXAtcnVsZT0iZXZlbm9kZCIgZD0iTTMuODc0MzYgMjFIMjAuMTE0NEgyMC4xMjQ0QzIxLjU1MzUgMjEgMjIuNDUyOSAxOS41MDM1IDIxLjc2MzQgMTguMjg2NEwxMy42NDg0IDMuOTUwMjZDMTIuOTM4OCAyLjY4MzI1IDExLjA2OTkgMi42ODMyNSAxMC4zNjA0IDMuOTUwMjZMMi4yMzUzNyAxOC4yOTY0QzEuNTQ1OCAxOS41MTM1IDIuNDU1MjQgMjEgMy44NzQzNiAyMVpNMTAuOTkgMTMuOTM3NEwxMC43MDAyIDkuMDk4ODdWNy43NTIwNUMxMC43MDAyIDcuMzMzMDQgMTEuMDQgNi45OTM4NCAxMS40NTk3IDYuOTkzODRIMTIuNjA5QzEzLjAyODggNi45OTM4NCAxMy4zNjg2IDcuMzMzMDQgMTMuMzY4NiA3Ljc1MjA1VjkuMTA4ODRMMTMuMDg4NyAxMy45Mjc1QzEzLjA2ODcgMTQuMzI2NSAxMi43Mzg5IDE0LjYzNTggMTIuMzI5MiAxNC42MzU4SDExLjc0OTVDMTEuMzQ5OCAxNC42MzU4IDExLjAyIDE0LjMyNjUgMTAuOTkgMTMuOTI3NVYxMy45Mzc0Wk0xMS45OTk0IDE4Ljk2NTJDMTIuNzg4NyAxOC45NjUyIDEzLjQyODYgMTguMzI2NSAxMy40Mjg2IDE3LjUzODZDMTMuNDI4NiAxNi43NTA3IDEyLjc4ODcgMTYuMTEyIDExLjk5OTQgMTYuMTEyQzExLjIxMDIgMTYuMTEyIDEwLjU3MDMgMTYuNzUwNyAxMC41NzAzIDE3LjUzODZDMTAuNTcwMyAxOC4zMjY1IDExLjIxMDIgMTguOTY1MiAxMS45OTk0IDE4Ljk2NTJaIiBmaWxsPSIjNzk3Rjg1Ii8+DQo8L3N2Zz4NCg==) 5326 } 5327 5328 .blu-modal.b-dialog.b-danger .blu-modal__icon[data-v-6ada375c] { 5329 background-color: #ff4646; 5330 -webkit-mask-image: url(data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PSIwIDAgMjQgMjQiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+DQo8cGF0aCBkPSJNMTIgMkM2LjQ4IDIgMiA2LjQ4IDIgMTJDMiAxNy41MiA2LjQ4IDIyIDEyIDIyQzE3LjUyIDIyIDIyIDE3LjUyIDIyIDEyQzIyIDYuNDggMTcuNTIgMiAxMiAyWk0xNi4yNCAxNC44M0MxNi42MyAxNS4yMiAxNi42MyAxNS44NSAxNi4yNCAxNi4yNEMxNS44NSAxNi42MyAxNS4yMiAxNi42MyAxNC44MyAxNi4yNEwxMiAxMy40MUw5LjE3IDE2LjI0QzguNzggMTYuNjMgOC4xNSAxNi42MyA3Ljc2IDE2LjI0QzcuMzcgMTUuODUgNy4zNyAxNS4yMiA3Ljc2IDE0LjgzTDEwLjU5IDEyTDcuNzYgOS4xN0M3LjM3IDguNzggNy4zNyA4LjE1IDcuNzYgNy43NkM4LjE1IDcuMzcgOC43OCA3LjM3IDkuMTcgNy43NkwxMiAxMC41OUwxNC44MyA3Ljc2QzE1LjIyIDcuMzcgMTUuODUgNy4zNyAxNi4yNCA3Ljc2QzE2LjYzIDguMTUgMTYuNjMgOC43OCAxNi4yNCA5LjE3TDEzLjQxIDEyTDE2LjI0IDE0LjgzWiIgZmlsbD0iIzc5N0Y4NSIvPg0KPC9zdmc+); 5331 mask-image: url(data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PSIwIDAgMjQgMjQiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+DQo8cGF0aCBkPSJNMTIgMkM2LjQ4IDIgMiA2LjQ4IDIgMTJDMiAxNy41MiA2LjQ4IDIyIDEyIDIyQzE3LjUyIDIyIDIyIDE3LjUyIDIyIDEyQzIyIDYuNDggMTcuNTIgMiAxMiAyWk0xNi4yNCAxNC44M0MxNi42MyAxNS4yMiAxNi42MyAxNS44NSAxNi4yNCAxNi4yNEMxNS44NSAxNi42MyAxNS4yMiAxNi42MyAxNC44MyAxNi4yNEwxMiAxMy40MUw5LjE3IDE2LjI0QzguNzggMTYuNjMgOC4xNSAxNi42MyA3Ljc2IDE2LjI0QzcuMzcgMTUuODUgNy4zNyAxNS4yMiA3Ljc2IDE0LjgzTDEwLjU5IDEyTDcuNzYgOS4xN0M3LjM3IDguNzggNy4zNyA4LjE1IDcuNzYgNy43NkM4LjE1IDcuMzcgOC43OCA3LjM3IDkuMTcgNy43NkwxMiAxMC41OUwxNC44MyA3Ljc2QzE1LjIyIDcuMzcgMTUuODUgNy4zNyAxNi4yNCA3Ljc2QzE2LjYzIDguMTUgMTYuNjMgOC43OCAxNi4yNCA5LjE3TDEzLjQxIDEyTDE2LjI0IDE0LjgzWiIgZmlsbD0iIzc5N0Y4NSIvPg0KPC9zdmc+) 5332 } 5333 5334 @media screen and (max-width: 768px) { 5335 .blu-modal.b-full-screen .blu-modal__container[data-v-6ada375c] { 5336 min-height:100%; 5337 border-radius: unset; 5338 padding-top: 0 5339 } 5340 5341 .blu-modal.b-full-screen .blu-modal__close[data-v-6ada375c] { 5342 display: none 5343 } 5344 } 5345 </style> 5346 <style type="text/css"> 5347 .tabs[data-v-2ff01c43] { 5348 border-bottom: #acb0b4 1px solid; 5349 display: flex; 5350 position: relative; 5351 white-space: nowrap; 5352 scroll-behavior: smooth; 5353 scrollbar-width: none 5354 } 5355 5356 .tabs[data-v-2ff01c43]::-webkit-scrollbar {
5357 display: none 5358 } 5359 5360 .tabs a[data-v-2ff01c43],.tabs__header-title[data-v-2ff01c43] { 5361 outline: none; 5362 display: flex; 5363 color: rgba(25,34,42,.7019607843); 5364 font: 16px/20px "blibli",-apple-system,segoe ui,roboto,helvetica,arial,sans-serif; 5365 padding: 22px 0px; 5366 position: relative; 5367 white-space: nowrap; 5368 align-items: center; 5369 height: 64px; 5370 cursor: pointer 5371 } 5372 5373 .tabs a .tabs__icon[data-v-2ff01c43],.tabs__header-title .tabs__icon[data-v-2ff01c43] { 5374 position: relative; 5375 display: inline-flex 5376 } 5377 5378 .tabs a .tabs__icon[data-v-2ff01c43]:not(:empty),.tabs__header-title .tabs__icon[data-v-2ff01c43]:not(:empty) { 5379 margin-right: 4px 5380 } 5381 5382 .tabs a .tabs__icon svg[data-v-2ff01c43],.tabs__header-title .tabs__icon svg[data-v-2ff01c43] { 5383 vertical-align: bottom; 5384 color: rgba(25,34,42,.4) 5385 } 5386 5387 .tabs a .tabs__label[data-v-2ff01c43],.tabs__header-title .tabs__label[data-v-2ff01c43] { 5388 display: inline-flex 5389 } 5390 5391 .tabs a .tabs__label[data-v-2ff01c43]:not(:empty),.tabs__header-title .tabs__label[data-v-2ff01c43]:not(:empty) { 5392 padding-left: 4px 5393 } 5394 5395 @media screen and (max-width: 768px) { 5396 .tabs a[data-v-2ff01c43],.tabs__header-title[data-v-2ff01c43] { 5397 padding:10px 0px; 5398 height: 40px 5399 } 5400 } 5401 5402 .tabs a[data-v-2ff01c43]:not(:last-child),.tabs__header-title[data-v-2ff01c43]:not(:last-child) { 5403 margin-right: 16px 5404 } 5405 5406 .tabs a[data-v-2ff01c43]:before,.tabs__header-title[data-v-2ff01c43]:before { 5407 content: ""; 5408 height: 3px; 5409 background: #0072ff; 5410 position: absolute; 5411 bottom: 0; 5412 left: 0; 5413 opacity: 0; 5414 transition: opacity 1s 5415 } 5416 5417 .tabs a[data-v-2ff01c43]:after,.tabs__header-title[data-v-2ff01c43]:after { 5418 content: ""; 5419 width: 100%; 5420 bottom: 0; 5421 left: 0; 5422 position: absolute; 5423 border-bottom: none; 5424 transition: border-bottom ease-out .2s 5425 } 5426 5427 .tabs a[data-v-2ff01c43]:hover:after,.tabs__header-title[data-v-2ff01c43]:hover:after { 5428 border-bottom: 2px solid #acb0b4; 5429 border-radius: 1px 5430 } 5431 5432 .tabs a.b-active[data-v-2ff01c43],.tabs__header-title.b-active[data-v-2ff01c43] { 5433 opacity: 1; 5434 color: #0072ff 5435 } 5436 5437 .tabs a.b-active .tabs__icon svg[data-v-2ff01c43],.tabs__header-title.b-active .tabs__icon svg[data-v-2ff01c43] { 5438 color: #0072ff 5439 } 5440 5441 .tabs a.b-disabled[data-v-2ff01c43],.tabs__header-title.b-disabled[data-v-2ff01c43] { 5442 opacity: 1; 5443 color: rgba(25,34,42,.4) 5444 } 5445 5446 .tabs a.b-disabled[data-v-2ff01c43]:hover:after,.tabs__header-title.b-disabled[data-v-2ff01c43]:hover:after { 5447 border-bottom: none 5448 } 5449 5450 .tabs a.b-disabled .tabs__label .label[data-v-2ff01c43],.tabs__header-title.b-disabled .tabs__label .label[data-v-2ff01c43] { 5451 background-color: #e1e3e4; 5452 color: rgba(25,34,42,.4) 5453 } 5454 5455 .tabs a .tabs__icon[data-v-2ff01c43],.tabs__header-title .tabs__icon[data-v-2ff01c43] { 5456 margin-right: 2px 5457 } 5458 5459 .tabs a .tabs__icon svg[data-v-2ff01c43],.tabs__header-title .tabs__icon svg[data-v-2ff01c43] { 5460 vertical-align: middle; 5461 color: rgba(25,34,42,.4); 5462 transform: scale(0.75) 5463 } 5464 5465 .tabs a[data-v-2ff01c43]:not(.b-disabled):focus-visible,.tabs__header-title[data-v-2ff01c43]:not(.b-disabled):focus-visible { 5466 color: #fff; 5467 background: #000 5468 } 5469 5470 .tabs a:not(.b-disabled):focus-visible svg[data-v-2ff01c43],.tabs__header-title:not(.b-disabled):focus-visible svg[data-v-2ff01c43] { 5471 color: #fff 5472 } 5473 5474 .tabs.b-centered[data-v-2ff01c43],.tabs.b-centered-primary[data-v-2ff01c43] { 5475 display: block 5476 } 5477 5478 .tabs.b-centered a[data-v-2ff01c43],.tabs.b-centered-primary a[data-v-2ff01c43] { 5479 width: 100%; 5480 justify-content: center; 5481 min-width: 0 5482 } 5483 5484 .tabs.b-primary[data-v-2ff01c43],.tabs.b-centered-primary[data-v-2ff01c43] { 5485 background-color: #fff; 5486 box-shadow: 0 1px 6px 0 rgba(0,0,0,.1); 5487 border-radius: 8px; 5488 padding: 4px; 5489 margin-top: 10px; 5490 border-bottom: none 5491 } 5492 5493 @media screen and (min-width: 960px) { 5494 .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] { 5495 top:0 5496 } 5497 } 5498 5499 .tabs.b-primary .slider[data-v-2ff01c43],.tabs.b-centered-primary .slider[data-v-2ff01c43] { 5500 display: none 5501 } 5502 5503 .tabs.b-primary a[data-v-2ff01c43],.tabs.b-centered-primary a[data-v-2ff01c43] { 5504 padding: 7px 16px; 5505 border-radius: 4px; 5506 transition: all .3s ease; 5507 font: 14px/18px "blibli demi bold",-apple-system,segoe ui,roboto,helvetica,arial,sans-serif; 5508 color: #0072ff; 5509 height: 32px 5510 } 5511 5512 .tabs.b-primary a[data-v-2ff01c43]:hover:after,.tabs.b-centered-primary a[data-v-2ff01c43]:hover:after { 5513 border-bottom: none 5514 } 5515 5516 .tabs.b-primary a[data-v-2ff01c43]:not(:last-child),.tabs.b-centered-primary a[data-v-2ff01c43]:not(:last-child) { 5517 margin-right: 8px 5518 } 5519 5520 .tabs.b-primary a.b-active[data-v-2ff01c43],.tabs.b-centered-primary a.b-active[data-v-2ff01c43] { 5521 color: #fff; 5522 background-color: #1d8fff 5523 } 5524 5525 .tabs.b-primary a.b-active svg[data-v-2ff01c43],.tabs.b-centered-primary a.b-active svg[data-v-2ff01c43] { 5526 color: #fff 5527 } 5528 5529 .tabs.b-primary a.b-active .blu-label[data-v-2ff01c43],.tabs.b-centered-primary a.b-active .blu-label[data-v-2ff01c43] { 5530 background-color: #fff; 5531 color: #0072ff 5532 } 5533 5534 .tabs.b-primary a.b-active[data-v-2ff01c43]:hover,.tabs.b-centered-primary a.b-active[data-v-2ff01c43]:hover { 5535 background-color: #0072ff 5536 } 5537 5538 .tabs.b-primary a.b-disabled[data-v-2ff01c43],.tabs.b-centered-primary a.b-disabled[data-v-2ff01c43] { 5539 color: rgba(25,34,42,.4) 5540 } 5541 5542 .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 { 5543 background-color: #f1f2f2 5544 } 5545 5546 .tabs.b-primary a[data-v-2ff01c43]:focus-visible,.tabs.b-centered-primary a[data-v-2ff01c43]:focus-visible { 5547 color: #0072ff; 5548 box-shadow: 0px 0px 0px 4px #000; 5549 background-color: #f1f2f2 5550 } 5551 5552 .tabs__item[data-v-2ff01c43] { 5553 padding: 16px 0 5554 } 5555 5556 .tabs__item.b-active[data-v-2ff01c43] { 5557 animation: fade-2ff01c43 .8s ease-in-out 5558 } 5559 5560 .tabs__header[data-v-2ff01c43] { 5561 display: flex 5562 } 5563 5564 .tabs__label[data-v-2ff01c43] { 5565 display: flex; 5566 align-items: center; 5567 margin-left: 4px 5568 } 5569 5570 @media screen and (min-width: 960px) { 5571 .tabs__control[data-v-2ff01c43] { 5572 --tab-fab-position: 16px; 5573 --tab-fab-opacity: 0; 5574 --tab-fab-background: linear-gradient(270deg, rgba(224, 224, 224, 0) 0%, #ffffff 100%); 5575 position: absolute; 5576 top: 0; 5577 left: 0; 5578 width: 100% 5579 } 5580 5581 .tabs__control[data-v-2ff01c43]:hover { 5582 --tab-fab-opacity: 1; 5583 --tab-fab-position: 0 5584 } 5585 5586 .tabs__control-prev[data-v-2ff01c43],.tabs__control-next[data-v-2ff01c43] { 5587 width: 56px; 5588 height: 40px; 5589 position: absolute; 5590 opacity: var(--tab-fab-opacity); 5591 background: var(--tab-fab-background); 5592 border-radius: 16px; 5593 transition: all .15s ease; 5594 padding: 4px; 5595 top: 11px; 5596 cursor: pointer 5597 } 5598 5599 .tabs__control-prev div[data-v-2ff01c43],.tabs__control-next div[data-v-2ff01c43] { 5600 width: 32px; 5601 height: 32px; 5602 background: #fff; 5603 box-shadow: 0 1px 6px 0 rgba(0,0,0,.1); 5604 border-radius: 50%; 5605 position: relative; 5606 display: grid; 5607 place-items: center; 5608 left: var(--tab-fab-position); 5609 transition: all .15s cubic-bezier(0, 0, 0.2, 1.2) 5610 } 5611 5612 .tabs__control-prev div[data-v-2ff01c43]::after,.tabs__control-next div[data-v-2ff01c43]::after { 5613 content: ""; 5614 background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB2aWV3Qm94PSIwIDAgMjQgMjQiPgogIDxkZWZzPgogICAgPHBhdGgKICAgICAgICBpZD0iMTkwcjYzOHp6YSIKICAgICAgICBkPSJNMCA1LjE1NGMwLS42MzYuMjkyLTEuMjE5LjgtMS42TDUuNDExLjE5MmMuNDQ2LS4zMjUgMS4wNzItLjIyOCAxLjM5Ny4yMi4zMjUuNDQ1LjIyNyAxLjA3MS0uMjE5IDEuMzk2bC00LjYgMy4zNTQgNC41NjMgMy4wMDRjLjQ2LjMwNS41ODcuOTI1LjI4MiAxLjM4Ni0uMzA1LjQ2LS45MjYuNTg2LTEuMzg2LjI4MmwtNC42LTMuMDQ2Qy4yOTEgNi4zNzIgMCA1Ljc5IDAgNS4xNTR6IgogICAgLz4KICA8L2RlZnM+CiAgPGcgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIj4KICAgIDxnPgogICAgICA8Zz4KICAgICAgICA8cGF0aCBmaWxsPSIjRkZGIiBmaWxsLW9wYWNpdHk9Ii4wMSIgZD0iTTAgMEgyNFYyNEgweiIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTU5MiAtNzg1KSB0cmFuc2xhdGUoNTkyIDc4NSkiIC8+CiAgICAgICAgPGcgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTU5MiAtNzg1KSB0cmFuc2xhdGUoNTkyIDc4NSkgdHJhbnNsYXRlKDggNykiPgogICAgICAgICAgPG1hc2sgaWQ9InU0ZGRwYm95eGIiIGZpbGw9IiNmZmYiPjx1c2UgeGxpbms6aHJlZj0iIzE5MHI2Mzh6emEiIC8+PC9tYXNrPgogICAgICAgICAgPHVzZSBmaWxsPSIjNzk3Rjg1IiBmaWxsLXJ1bGU9Im5vbnplcm8iIHhsaW5rOmhyZWY9IiMxOTByNjM4enphIiAvPgogICAgICAgICAgPHBhdGggZmlsbD0iIzAwOTVkYSIgZD0iTS04IC03SDE2VjE3SC04eiIgbWFzaz0idXJsKCN1NGRkcGJveXhiKSIgLz4KICAgICAgICA8L2c+CiAgICAgIDwvZz4KICAgIDwvZz4KICA8L2c+Cjwvc3ZnPgo=); 5615 width: 18px; 5616 height: 18px; 5617 position: absolute 5618 } 5619 5620 .tabs__control-prev[data-v-2ff01c43] { 5621 left: 0 5622 } 5623 5624 .tabs__control-next[data-v-2ff01c43] { 5625 right: 0; 5626 transform: rotate(180deg) 5627 } 5628 } 5629 5630 .tabs:hover~.tabs__control[data-v-2ff01c43] { 5631 --tab-fab-opacity: 1; 5632 --tab-fab-position: 0 5633 } 5634 5635 .tabs-wrapper[data-v-2ff01c43] { 5636 position: relative 5637 } 5638 5639 .slider[data-v-2ff01c43] { 5640 width: auto; 5641 height: 2px; 5642 border-radius: 1px; 5643 background: #0072ff; 5644 opacity: 1; 5645 position: absolute; 5646 left: 0; 5647 bottom: 0; 5648 transition: all .4s linear 5649 } 5650 5651 @keyframes shake-2ff01c43 { 5652 30%,50% { 5653 transform: translate3d(-2px, 0, 0) 5654 } 5655 5656 40%,60% { 5657 transform: translate3d(0, 0, 0) 5658 } 5659 } 5660 5661 @keyframes fade-2ff01c43 { 5662 0% { 5663 opacity: 0 5664 } 5665 5666 100% { 5667 opacity: 1 5668 } 5669 } 5670 </style> 5671 <style type="text/css"> 5672 .tabs[data-v-c5343270] { 5673 border-bottom: #acb0b4 1px solid; 5674 display: flex; 5675 position: relative; 5676 white-space: nowrap; 5677 scroll-behavior: smooth; 5678 scrollbar-width: none 5679 } 5680 5681 .tabs[data-v-c5343270]::-webkit-scrollbar {
5682 display: none 5683 } 5684 5685 .tabs a[data-v-c5343270],.tabs__header-title[data-v-c5343270] { 5686 outline: none; 5687 display: flex; 5688 color: rgba(25,34,42,.7019607843); 5689 font: 16px/20px "blibli",-apple-system,segoe ui,roboto,helvetica,arial,sans-serif; 5690 padding: 22px 0px; 5691 position: relative; 5692 white-space: nowrap; 5693 align-items: center; 5694 height: 64px; 5695 cursor: pointer 5696 } 5697 5698 .tabs a .tabs__icon[data-v-c5343270],.tabs__header-title .tabs__icon[data-v-c5343270] { 5699 position: relative; 5700 display: inline-flex 5701 } 5702 5703 .tabs a .tabs__icon[data-v-c5343270]:not(:empty),.tabs__header-title .tabs__icon[data-v-c5343270]:not(:empty) { 5704 margin-right: 4px 5705 } 5706 5707 .tabs a .tabs__icon svg[data-v-c5343270],.tabs__header-title .tabs__icon svg[data-v-c5343270] { 5708 vertical-align: bottom; 5709 color: rgba(25,34,42,.4) 5710 } 5711 5712 .tabs a .tabs__label[data-v-c5343270],.tabs__header-title .tabs__label[data-v-c5343270] { 5713 display: inline-flex 5714 } 5715 5716 .tabs a .tabs__label[data-v-c5343270]:not(:empty),.tabs__header-title .tabs__label[data-v-c5343270]:not(:empty) { 5717 padding-left: 4px 5718 } 5719 5720 @media screen and (max-width: 768px) { 5721 .tabs a[data-v-c5343270],.tabs__header-title[data-v-c5343270] { 5722 padding:10px 0px; 5723 height: 40px 5724 } 5725 } 5726 5727 .tabs a[data-v-c5343270]:not(:last-child),.tabs__header-title[data-v-c5343270]:not(:last-child) { 5728 margin-right: 16px 5729 } 5730 5731 .tabs a[data-v-c5343270]:before,.tabs__header-title[data-v-c5343270]:before { 5732 content: ""; 5733 height: 3px; 5734 background: #0072ff; 5735 position: absolute; 5736 bottom: 0; 5737 left: 0; 5738 opacity: 0; 5739 transition: opacity 1s 5740 } 5741 5742 .tabs a[data-v-c5343270]:after,.tabs__header-title[data-v-c5343270]:after { 5743 content: ""; 5744 width: 100%; 5745 bottom: 0; 5746 left: 0; 5747 position: absolute; 5748 border-bottom: none; 5749 transition: border-bottom ease-out .2s 5750 } 5751 5752 .tabs a[data-v-c5343270]:hover:after,.tabs__header-title[data-v-c5343270]:hover:after { 5753 border-bottom: 2px solid #acb0b4; 5754 border-radius: 1px 5755 } 5756 5757 .tabs a.b-active[data-v-c5343270],.tabs__header-title.b-active[data-v-c5343270] { 5758 opacity: 1; 5759 color: #0072ff 5760 } 5761 5762 .tabs a.b-active .tabs__icon svg[data-v-c5343270],.tabs__header-title.b-active .tabs__icon svg[data-v-c5343270] { 5763 color: #0072ff 5764 } 5765 5766 .tabs a.b-disabled[data-v-c5343270],.tabs__header-title.b-disabled[data-v-c5343270] { 5767 opacity: 1; 5768 color: rgba(25,34,42,.4) 5769 } 5770 5771 .tabs a.b-disabled[data-v-c5343270]:hover:after,.tabs__header-title.b-disabled[data-v-c5343270]:hover:after { 5772 border-bottom: none 5773 } 5774 5775 .tabs a.b-disabled .tabs__label .label[data-v-c5343270],.tabs__header-title.b-disabled .tabs__label .label[data-v-c5343270] { 5776 background-color: #e1e3e4; 5777 color: rgba(25,34,42,.4) 5778 } 5779 5780 .tabs a .tabs__icon[data-v-c5343270],.tabs__header-title .tabs__icon[data-v-c5343270] { 5781 margin-right: 2px 5782 } 5783 5784 .tabs a .tabs__icon svg[data-v-c5343270],.tabs__header-title .tabs__icon svg[data-v-c5343270] { 5785 vertical-align: middle; 5786 color: rgba(25,34,42,.4); 5787 transform: scale(0.75) 5788 } 5789 5790 .tabs a[data-v-c5343270]:not(.b-disabled):focus-visible,.tabs__header-title[data-v-c5343270]:not(.b-disabled):focus-visible { 5791 color: #fff; 5792 background: #000 5793 } 5794 5795 .tabs a:not(.b-disabled):focus-visible svg[data-v-c5343270],.tabs__header-title:not(.b-disabled):focus-visible svg[data-v-c5343270] { 5796 color: #fff 5797 } 5798 5799 .tabs.b-centered[data-v-c5343270],.tabs.b-centered-primary[data-v-c5343270] { 5800 display: block 5801 } 5802 5803 .tabs.b-centered a[data-v-c5343270],.tabs.b-centered-primary a[data-v-c5343270] { 5804 width: 100%; 5805 justify-content: center; 5806 min-width: 0 5807 } 5808 5809 .tabs.b-primary[data-v-c5343270],.tabs.b-centered-primary[data-v-c5343270] { 5810 background-color: #fff; 5811 box-shadow: 0 1px 6px 0 rgba(0,0,0,.1); 5812 border-radius: 8px; 5813 padding: 4px; 5814 margin-top: 10px; 5815 border-bottom: none 5816 } 5817 5818 @media screen and (min-width: 960px) { 5819 .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] { 5820 top:0 5821 } 5822 } 5823 5824 .tabs.b-primary .slider[data-v-c5343270],.tabs.b-centered-primary .slider[data-v-c5343270] { 5825 display: none 5826 } 5827 5828 .tabs.b-primary a[data-v-c5343270],.tabs.b-centered-primary a[data-v-c5343270] { 5829 padding: 7px 16px; 5830 border-radius: 4px; 5831 transition: all .3s ease; 5832 font: 14px/18px "blibli demi bold",-apple-system,segoe ui,roboto,helvetica,arial,sans-serif; 5833 color: #0072ff; 5834 height: 32px 5835 } 5836 5837 .tabs.b-primary a[data-v-c5343270]:hover:after,.tabs.b-centered-primary a[data-v-c5343270]:hover:after { 5838 border-bottom: none 5839 } 5840 5841 .tabs.b-primary a[data-v-c5343270]:not(:last-child),.tabs.b-centered-primary a[data-v-c5343270]:not(:last-child) { 5842 margin-right: 8px 5843 } 5844 5845 .tabs.b-primary a.b-active[data-v-c5343270],.tabs.b-centered-primary a.b-active[data-v-c5343270] { 5846 color: #fff; 5847 background-color: #1d8fff 5848 } 5849 5850 .tabs.b-primary a.b-active svg[data-v-c5343270],.tabs.b-centered-primary a.b-active svg[data-v-c5343270] { 5851 color: #fff 5852 } 5853 5854 .tabs.b-primary a.b-active .blu-label[data-v-c5343270],.tabs.b-centered-primary a.b-active .blu-label[data-v-c5343270] { 5855 background-color: #fff; 5856 color: #0072ff 5857 } 5858 5859 .tabs.b-primary a.b-active[data-v-c5343270]:hover,.tabs.b-centered-primary a.b-active[data-v-c5343270]:hover { 5860 background-color: #0072ff 5861 } 5862 5863 .tabs.b-primary a.b-disabled[data-v-c5343270],.tabs.b-centered-primary a.b-disabled[data-v-c5343270] { 5864 color: rgba(25,34,42,.4) 5865 } 5866 5867 .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 { 5868 background-color: #f1f2f2 5869 } 5870 5871 .tabs.b-primary a[data-v-c5343270]:focus-visible,.tabs.b-centered-primary a[data-v-c5343270]:focus-visible { 5872 color: #0072ff; 5873 box-shadow: 0px 0px 0px 4px #000; 5874 background-color: #f1f2f2 5875 } 5876 5877 .tabs__item[data-v-c5343270] { 5878 padding: 16px 0 5879 } 5880 5881 .tabs__item.b-active[data-v-c5343270] { 5882 animation: fade-c5343270 .8s ease-in-out 5883 } 5884 5885 .tabs__header[data-v-c5343270] { 5886 display: flex 5887 } 5888 5889 .tabs__label[data-v-c5343270] { 5890 display: flex; 5891 align-items: center; 5892 margin-left: 4px 5893 } 5894 5895 @media screen and (min-width: 960px) { 5896 .tabs__control[data-v-c5343270] { 5897 --tab-fab-position: 16px; 5898 --tab-fab-opacity: 0; 5899 --tab-fab-background: linear-gradient(270deg, rgba(224, 224, 224, 0) 0%, #ffffff 100%); 5900 position: absolute; 5901 top: 0; 5902 left: 0; 5903 width: 100% 5904 } 5905 5906 .tabs__control[data-v-c5343270]:hover { 5907 --tab-fab-opacity: 1; 5908 --tab-fab-position: 0 5909 } 5910 5911 .tabs__control-prev[data-v-c5343270],.tabs__control-next[data-v-c5343270] { 5912 width: 56px; 5913 height: 40px; 5914 position: absolute; 5915 opacity: var(--tab-fab-opacity); 5916 background: var(--tab-fab-background); 5917 border-radius: 16px; 5918 transition: all .15s ease; 5919 padding: 4px; 5920 top: 11px; 5921 cursor: pointer 5922 } 5923 5924 .tabs__control-prev div[data-v-c5343270],.tabs__control-next div[data-v-c5343270] { 5925 width: 32px; 5926 height: 32px; 5927 background: #fff; 5928 box-shadow: 0 1px 6px 0 rgba(0,0,0,.1); 5929 border-radius: 50%; 5930 position: relative; 5931 display: grid; 5932 place-items: center; 5933 left: var(--tab-fab-position); 5934 transition: all .15s cubic-bezier(0, 0, 0.2, 1.2) 5935 } 5936 5937 .tabs__control-prev div[data-v-c5343270]::after,.tabs__control-next div[data-v-c5343270]::after { 5938 content: ""; 5939 background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB2aWV3Qm94PSIwIDAgMjQgMjQiPgogIDxkZWZzPgogICAgPHBhdGgKICAgICAgICBpZD0iMTkwcjYzOHp6YSIKICAgICAgICBkPSJNMCA1LjE1NGMwLS42MzYuMjkyLTEuMjE5LjgtMS42TDUuNDExLjE5MmMuNDQ2LS4zMjUgMS4wNzItLjIyOCAxLjM5Ny4yMi4zMjUuNDQ1LjIyNyAxLjA3MS0uMjE5IDEuMzk2bC00LjYgMy4zNTQgNC41NjMgMy4wMDRjLjQ2LjMwNS41ODcuOTI1LjI4MiAxLjM4Ni0uMzA1LjQ2LS45MjYuNTg2LTEuMzg2LjI4MmwtNC42LTMuMDQ2Qy4yOTEgNi4zNzIgMCA1Ljc5IDAgNS4xNTR6IgogICAgLz4KICA8L2RlZnM+CiAgPGcgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIj4KICAgIDxnPgogICAgICA8Zz4KICAgICAgICA8cGF0aCBmaWxsPSIjRkZGIiBmaWxsLW9wYWNpdHk9Ii4wMSIgZD0iTTAgMEgyNFYyNEgweiIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTU5MiAtNzg1KSB0cmFuc2xhdGUoNTkyIDc4NSkiIC8+CiAgICAgICAgPGcgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTU5MiAtNzg1KSB0cmFuc2xhdGUoNTkyIDc4NSkgdHJhbnNsYXRlKDggNykiPgogICAgICAgICAgPG1hc2sgaWQ9InU0ZGRwYm95eGIiIGZpbGw9IiNmZmYiPjx1c2UgeGxpbms6aHJlZj0iIzE5MHI2Mzh6emEiIC8+PC9tYXNrPgogICAgICAgICAgPHVzZSBmaWxsPSIjNzk3Rjg1IiBmaWxsLXJ1bGU9Im5vbnplcm8iIHhsaW5rOmhyZWY9IiMxOTByNjM4enphIiAvPgogICAgICAgICAgPHBhdGggZmlsbD0iIzAwOTVkYSIgZD0iTS04IC03SDE2VjE3SC04eiIgbWFzaz0idXJsKCN1NGRkcGJveXhiKSIgLz4KICAgICAgICA8L2c+CiAgICAgIDwvZz4KICAgIDwvZz4KICA8L2c+Cjwvc3ZnPgo=); 5940 width: 18px; 5941 height: 18px; 5942 position: absolute 5943 } 5944 5945 .tabs__control-prev[data-v-c5343270] { 5946 left: 0 5947 } 5948 5949 .tabs__control-next[data-v-c5343270] { 5950 right: 0; 5951 transform: rotate(180deg) 5952 } 5953 } 5954 5955 .tabs:hover~.tabs__control[data-v-c5343270] { 5956 --tab-fab-opacity: 1; 5957 --tab-fab-position: 0 5958 } 5959 5960 .tabs-wrapper[data-v-c5343270] { 5961 position: relative 5962 } 5963 5964 .slider[data-v-c5343270] { 5965 width: auto; 5966 height: 2px; 5967 border-radius: 1px; 5968 background: #0072ff; 5969 opacity: 1; 5970 position: absolute; 5971 left: 0; 5972 bottom: 0; 5973 transition: all .4s linear 5974 } 5975 5976 @keyframes shake-c5343270 { 5977 30%,50% { 5978 transform: translate3d(-2px, 0, 0) 5979 } 5980 5981 40%,60% { 5982 transform: translate3d(0, 0, 0) 5983 } 5984 } 5985 5986 @keyframes fade-c5343270 { 5987 0% { 5988 opacity: 0 5989 } 5990 5991 100% { 5992 opacity: 1 5993 } 5994 } 5995 </style> 5996 <link data-vue-meta="2" rel="alternate" href="android-app://blibli.mobile.commerce/blibli/product/ps--ELP-60049-00553" id="alternate"> 5997
5997<script src="https://dev.visualwebsiteoptimizer.com/cdn/web/djIkdGU6Ny4wOmFzeW5jJWpxdWVyeQ==/tag-f0973145e3bf01be8a988e6399f80fdcbr.js" crossorigin="anonymous" fetchpriority="high" type="text/javascript"></script>
5997 5998 <style nonce=""> 5999 .aStyle-kh82igwya { 6000 color: red; 6001 float: left; 6002 opacity: .55; 6003 } 6004 </style> 6005 <style> 6006 html:not([dark]) .blu-loader-skeleton[data-v-5d7a33db] { 6007 --blu-loader-skeleton-border-radius: 8px; 6008 --blu-loader-skeleton-highlight-color-background: linear-gradient(90deg, rgba(249, 249, 250, 0) 0%, #f9f9fa 50.68%, rgba(249, 249, 250, .0001) 100%); 6009 height: var(--blu-loader-skeleton-height); 6010 width: var(--blu-loader-skeleton-width); 6011 background-color: #f1f2f2; 6012 border-radius: var(--blu-loader-skeleton-border-radius) 6013 } 6014 6015 html:not([dark]) .blu-loader-skeleton__gradient[data-v-5d7a33db] { 6016 position: relative; 6017 overflow: hidden; 6018 width: 100%; 6019 height: 100%; 6020 border-radius: var(--blu-loader-skeleton-border-radius) 6021 } 6022 6023 html:not([dark]) .blu-loader-skeleton__gradient[data-v-5d7a33db]:after { 6024 content: ""; 6025 position: absolute; 6026 top: 0; 6027 left: 0; 6028 right: 0; 6029 bottom: 0; 6030 transform: translate(-100%); 6031 background: var(--blu-loader-skeleton-highlight-color-background); 6032 animation: shimmer-5d7a33db .8s infinite .1s 6033 } 6034 6035 html:not([dark]) .blu-loader-skeleton.b-small[data-v-5d7a33db] { 6036 --blu-loader-skeleton-border-radius: 4px 6037 } 6038 6039 html:not([dark]) .blu-loader-skeleton.b-circle[data-v-5d7a33db] { 6040 --blu-loader-skeleton-border-radius: 50% 6041 } 6042 6043 html[dark] .blu-loader-skeleton[data-v-5d7a33db] { 6044 --blu-loader-skeleton-border-radius: 8px; 6045 --blu-loader-skeleton-highlight-color-background: linear-gradient(90deg, rgba(249, 249, 250, 0) 0%, #19222a 50.68%, rgba(249, 249, 250, .0001) 100%); 6046 height: var(--blu-loader-skeleton-height); 6047 width: var(--blu-loader-skeleton-width); 6048 background-color: #28323b; 6049 border-radius: var(--blu-loader-skeleton-border-radius) 6050 } 6051 6052 html[dark] .blu-loader-skeleton__gradient[data-v-5d7a33db] { 6053 position: relative; 6054 overflow: hidden; 6055 width: 100%; 6056 height: 100%; 6057 border-radius: var(--blu-loader-skeleton-border-radius) 6058 } 6059 6060 html[dark] .blu-loader-skeleton__gradient[data-v-5d7a33db]:after { 6061 content: ""; 6062 position: absolute; 6063 top: 0; 6064 left: 0; 6065 right: 0; 6066 bottom: 0; 6067 transform: translate(-100%); 6068 background: var(--blu-loader-skeleton-highlight-color-background); 6069 animation: shimmer-5d7a33db .8s infinite .1s 6070 } 6071 6072 @keyframes shimmer-5d7a33db { 6073 to { 6074 transform: translate(100%) 6075 } 6076 } 6077 6078 html[dark] .blu-loader-skeleton.b-small[data-v-5d7a33db] { 6079 --blu-loader-skeleton-border-radius: 4px 6080 } 6081 6082 html[dark] .blu-loader-skeleton.b-circle[data-v-5d7a33db] { 6083 --blu-loader-skeleton-border-radius: 50% 6084 } 6085 </style> 6086 <style> 6087 html:not([dark]) .blu-loader-general[data-v-5f0af726] { 6088 --blu-loader-general-highlight-color-background: #1d8fff; 6089 --blu-loader-general-base-color-background: #f1f2f2; 6090 width: var(--blu-loader-general-size); 6091 height: var(--blu-loader-general-size) 6092 } 6093 6094 html:not([dark]) .blu-loader-general__asset[data-v-5f0af726] { 6095 animation: general-rotate-5f0af726 1.6s linear infinite; 6096 transform-origin: center center; 6097 transition: all .5s ease-in-out; 6098 width: 100%; 6099 height: 100%; 6100 margin: auto; 6101 transform: rotate(90deg) 6102 } 6103 6104 html:not([dark]) .blu-loader-general__asset--highlight[data-v-5f0af726],html:not([dark]) .blu-loader-general__asset--base[data-v-5f0af726] { 6105 stroke-linecap: round 6106 } 6107 6108 html:not([dark]) .blu-loader-general__asset--highlight[data-v-5f0af726] { 6109 stroke: var(--blu-loader-general-highlight-color-background); 6110 animation: general-highlight-5f0af726 1.6s linear infinite 6111 } 6112 6113 html:not([dark]) .blu-loader-general__asset--base[data-v-5f0af726] { 6114 stroke: var(--blu-loader-general-base-color-background); 6115 animation: general-base-5f0af726 1.6s linear infinite 6116 } 6117 6118 html:not([dark]) .blu-loader-general.b-inverted[data-v-5f0af726] { 6119 --blu-loader-general-highlight-color-background: #ffffff; 6120 --blu-loader-general-base-color-background: #c8cbcd 6121 } 6122 6123 html:not([dark]) .blu-loader-general.b-size-s[data-v-5f0af726] { 6124 --blu-loader-general-size: 16px 6125 } 6126 6127 html:not([dark]) .blu-loader-general.b-size-m[data-v-5f0af726] { 6128 --blu-loader-general-size: 18px 6129 } 6130 6131 html:not([dark]) .blu-loader-general.b-size-l[data-v-5f0af726] { 6132 --blu-loader-general-size: 24px 6133 } 6134 6135 html:not([dark]) .blu-loader-general.b-size-xl[data-v-5f0af726] { 6136 --blu-loader-general-size: 32px 6137 } 6138 6139 html[dark] .blu-loader-general[data-v-5f0af726] { 6140 --blu-loader-general-highlight-color-background: #4fa4ff; 6141 --blu-loader-general-base-color-background: #28323b; 6142 width: var(--blu-loader-general-size); 6143 height: var(--blu-loader-general-size) 6144 } 6145 6146 html[dark] .blu-loader-general__asset[data-v-5f0af726] { 6147 animation: general-rotate-5f0af726 1.6s linear infinite; 6148 transform-origin: center center; 6149 transition: all .5s ease-in-out; 6150 width: 100%; 6151 height: 100%; 6152 margin: auto; 6153 transform: rotate(90deg) 6154 } 6155 6156 html[dark] .blu-loader-general__asset--highlight[data-v-5f0af726],html[dark] .blu-loader-general__asset--base[data-v-5f0af726] { 6157 stroke-linecap: round 6158 } 6159 6160 html[dark] .blu-loader-general__asset--highlight[data-v-5f0af726] { 6161 stroke: var(--blu-loader-general-highlight-color-background); 6162 animation: general-highlight-5f0af726 1.6s linear infinite 6163 } 6164 6165 html[dark] .blu-loader-general__asset--base[data-v-5f0af726] { 6166 stroke: var(--blu-loader-general-base-color-background); 6167 animation: general-base-5f0af726 1.6s linear infinite 6168 } 6169 6170 html[dark] .blu-loader-general.b-inverted[data-v-5f0af726] { 6171 --blu-loader-general-highlight-color-background: #12171d; 6172 --blu-loader-general-base-color-background: #60686e 6173 } 6174 6175 html[dark] .blu-loader-general.b-size-s[data-v-5f0af726] { 6176 --blu-loader-general-size: 16px 6177 } 6178 6179 html[dark] .blu-loader-general.b-size-m[data-v-5f0af726] { 6180 --blu-loader-general-size: 18px 6181 } 6182 6183 html[dark] .blu-loader-general.b-size-l[data-v-5f0af726] { 6184 --blu-loader-general-size: 24px 6185 } 6186 6187 html[dark] .blu-loader-general.b-size-xl[data-v-5f0af726] { 6188 --blu-loader-general-size: 32px 6189 } 6190 6191 @keyframes general-highlight-5f0af726 { 6192 0% { 6193 stroke-dasharray: 1,200; 6194 stroke-dashoffset: 0 6195 } 6196 6197 50% { 6198 stroke-dasharray: 50,200; 6199 stroke-dashoffset: -15px 6200 } 6201 6202 to { 6203 stroke-dasharray: 50,200; 6204 stroke-dashoffset: -124px 6205 } 6206 } 6207 6208 @keyframes general-base-5f0af726 { 6209 0% { 6210 stroke-dasharray: 1,200; 6211 stroke-dashoffset: 0 6212 } 6213 6214 to { 6215 stroke-dasharray: 100,200; 6216 stroke-dashoffset: -120px 6217 } 6218 } 6219 6220 @keyframes general-rotate-5f0af726 { 6221 to { 6222 transform: rotate(450deg) 6223 } 6224 } 6225 6226 html:not([dark]) button[data-v-498b5b0a] { 6227 border: none; 6228 background: none; 6229 cursor: pointer; 6230 font-family: Blibli,-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif; 6231 padding: 0 6232 } 6233 6234 html:not([dark]) input[type=submit][data-v-498b5b0a]::-moz-focus-inner,html:not([dark]) input[type=button][data-v-498b5b0a]::-moz-focus-inner { 6235 border: 0px 6236 } 6237 6238 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] { 6239 outline: none 6240 } 6241 6242 html:not([dark]) .blu-button[data-v-498b5b0a] { 6243 --blu-button-border-width: 1px; 6244 --blu-button-border-radius: 64px; 6245 --blu-button-color-text: #ffffff; 6246 --blu-button-color-icon: #ffffff; 6247 --blu-button-opacity: $blu-button-opacity; 6248 --blu-button-size-height: 48px; 6249 --blu-button-icon-size: 24px; 6250 --blu-button-spacing-padding: 0 32px; 6251 --blu-button-spacing-gap: 8px; 6252 --blu-button-text: 600 16px/20px Blibli, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif; 6253 padding: var(--blu-button-spacing-padding); 6254 height: var(--blu-button-size-height); 6255 border-radius: var(--blu-button-border-radius); 6256 transition: transform .3s .08s,all .3s; 6257 color: var(--blu-button-color-text); 6258 background-color: var(--blu-button-color-background); 6259 font: var(--blu-button-text); 6260 box-shadow: 0 0 0 var(--blu-button-border-width) var(--blu-button-color-border); 6261 display: inline-flex; 6262 justify-content: center; 6263 align-items: center; 6264 white-space: nowrap 6265 } 6266 6267 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) { 6268 transform: scale(.875) 6269 } 6270 6271 html:not([dark]) .blu-button[data-v-498b5b0a]:focus-visible { 6272 outline: none 6273 } 6274 6275 html:not([dark]) .blu-button[data-v-498b5b0a]:focus-visible:not(.b-disabled) { 6276 box-shadow: 0 0 0 2px #19222a 6277 } 6278 6279 html:not([dark]) .blu-button__icon[data-v-498b5b0a] { 6280 display: flex; 6281 color: var(--blu-button-color-icon) 6282 } 6283 6284 html:not([dark]) .blu-button__icon[data-v-498b5b0a] svg { 6285 width: var(--blu-button-icon-size); 6286 height: var(--blu-button-icon-size) 6287 } 6288 6289 html:not([dark]) .blu-button.b-has-icon:not(.b-has-icon-only) .blu-button__icon[data-v-498b5b0a] { 6290 margin-right: var(--blu-button-spacing-gap) 6291 } 6292 6293 html:not([dark]) .blu-button.b-has-icon-only[data-v-498b5b0a] { 6294 --blu-button-spacing-padding: 0 12px 6295 } 6296 6297 html:not([dark]) .blu-button.b-loading[data-v-498b5b0a] .blu-loader-wrapper svg { 6298 display: flex; 6299 width: 18px; 6300 height: 18px 6301 } 6302 6303 html:not([dark]) .blu-button.b-disabled[data-v-498b5b0a] {
6304 cursor: not-allowed 6305 } 6306 6307 html:not([dark]) .blu-button.b-disabled[data-v-498b5b0a]:active { 6308 pointer-events: none 6309 } 6310 6311 html:not([dark]) .blu-button.b-full-width[data-v-498b5b0a] { 6312 width: 100% 6313 } 6314 6315 html:not([dark]) .blu-button.b-primary.b-common[data-v-498b5b0a] { 6316 --blu-button-color-background: #0072ff 6317 } 6318 6319 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) { 6320 --blu-button-color-background: #1d8fff; 6321 --blu-button-color-border: transparent 6322 } 6323 6324 html:not([dark]) .blu-button.b-primary.b-danger[data-v-498b5b0a] { 6325 --blu-button-color-background: #e93c3c 6326 } 6327 6328 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) { 6329 --blu-button-color-background: #ff4646; 6330 --blu-button-color-border: transparent 6331 } 6332 6333 html:not([dark]) .blu-button.b-primary.b-inverted[data-v-498b5b0a] { 6334 --blu-button-color-background: #ffffff; 6335 --blu-button-color-text: #006dea; 6336 --blu-button-color-icon: #0072ff 6337 } 6338 6339 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) { 6340 --blu-button-color-background: #f9f9fa; 6341 --blu-button-color-border: transparent 6342 } 6343 6344 html:not([dark]) .blu-button.b-primary.b-disabled[data-v-498b5b0a] { 6345 --blu-button-color-background: #e1e3e4; 6346 --blu-button-color-text: rgba(25, 34, 42, .3019607843); 6347 --blu-button-color-icon: rgba(25, 34, 42, .3019607843) 6348 } 6349 6350 html:not([dark]) .blu-button.b-primary.b-disabled[data-v-498b5b0a]:not(.b-inverted) { 6351 --blu-button-color-background: #e1e3e4; 6352 --blu-button-color-text: rgba(25, 34, 42, .3019607843); 6353 --blu-button-color-icon: rgba(25, 34, 42, .3019607843) 6354 } 6355 6356 html:not([dark]) .blu-button.b-small[data-v-498b5b0a] { 6357 --blu-button-border-radius: 64px; 6358 --blu-button-size-height: 36px; 6359 --blu-button-spacing-padding: 0 16px; 6360 --blu-button-text: 600 14px/18px Blibli, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif; 6361 --blu-button-icon-size: 18px; 6362 --blu-button-spacing-gap: 4px 6363 } 6364 6365 html:not([dark]) .blu-button.b-small.b-has-icon-only[data-v-498b5b0a] { 6366 --blu-button-spacing-padding: 0 9px 6367 } 6368 6369 html:not([dark]) .blu-button.b-secondary[data-v-498b5b0a] { 6370 --blu-button-color-background: #ffffff 6371 } 6372 6373 html:not([dark]) .blu-button.b-secondary.b-common[data-v-498b5b0a] { 6374 --blu-button-color-border: #1d8fff; 6375 --blu-button-color-text: #006dea; 6376 --blu-button-color-icon: #0072ff 6377 } 6378 6379 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) { 6380 --blu-button-color-background: #f3f9ff; 6381 --blu-button-color-border: #0072ff 6382 } 6383 6384 html:not([dark]) .blu-button.b-secondary.b-danger[data-v-498b5b0a] { 6385 --blu-button-color-border: #ff4646; 6386 --blu-button-color-text: #d33534; 6387 --blu-button-color-icon: #e93c3c 6388 } 6389 6390 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) { 6391 --blu-button-color-background: #fff5f5; 6392 --blu-button-color-border: #e93c3c 6393 } 6394 6395 html:not([dark]) .blu-button.b-secondary.b-inverted[data-v-498b5b0a] { 6396 --blu-button-color-background: rgba(25, 34, 42, .3019607843); 6397 --blu-button-color-border: #ffffff; 6398 --blu-button-color-text: #ffffff; 6399 --blu-button-color-icon: #ffffff 6400 } 6401 6402 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) { 6403 --blu-button-color-background: rgba(255, 255, 255, .4); 6404 --blu-button-color-border: #ffffff 6405 } 6406 6407 html:not([dark]) .blu-button.b-secondary.b-disabled[data-v-498b5b0a] { 6408 --blu-button-color-background: #e1e3e4; 6409 --blu-button-color-border: #c8cbcd; 6410 --blu-button-color-text: rgba(25, 34, 42, .3019607843); 6411 --blu-button-color-icon: rgba(25, 34, 42, .3019607843) 6412 } 6413 6414 html:not([dark]) .blu-button.b-secondary.b-disabled[data-v-498b5b0a]:not(.b-inverted) { 6415 --blu-button-color-background: #e1e3e4; 6416 --blu-button-color-border: #c8cbcd; 6417 --blu-button-color-text: rgba(25, 34, 42, .3019607843); 6418 --blu-button-color-icon: rgba(25, 34, 42, .3019607843) 6419 } 6420 6421 html:not([dark]) .blu-button[data-v-498b5b0a] { 6422 width: var(--blu-button-custom-width) 6423 } 6424 6425 html:not([dark]) .blu-button.b-tertiary.b-common[data-v-498b5b0a] { 6426 --blu-button-color-text: #006dea; 6427 --blu-button-color-icon: #0072ff 6428 } 6429 6430 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) { 6431 --blu-button-color-background: #f3f9ff; 6432 --blu-button-color-border: transparent 6433 } 6434 6435 html:not([dark]) .blu-button.b-tertiary.b-danger[data-v-498b5b0a] { 6436 --blu-button-color-text: #d33534; 6437 --blu-button-color-icon: #e93c3c 6438 } 6439 6440 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) { 6441 --blu-button-color-background: #fff5f5; 6442 --blu-button-color-border: transparent 6443 } 6444 6445 html:not([dark]) .blu-button.b-tertiary.b-inverted[data-v-498b5b0a] { 6446 --blu-button-color-text: #ffffff; 6447 --blu-button-color-icon: #ffffff 6448 } 6449 6450 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) { 6451 --blu-button-color-background: rgba(255, 255, 255, .4); 6452 --blu-button-color-border: transparent 6453 } 6454 6455 html:not([dark]) .blu-button.b-tertiary.b-disabled[data-v-498b5b0a] { 6456 --blu-button-color-text: rgba(255, 255, 255, .4); 6457 --blu-button-color-icon: rgba(255, 255, 255, .4) 6458 } 6459 6460 html:not([dark]) .blu-button.b-tertiary.b-disabled[data-v-498b5b0a]:not(.b-inverted) { 6461 --blu-button-color-text: rgba(25, 34, 42, .3019607843); 6462 --blu-button-color-icon: rgba(25, 34, 42, .3019607843) 6463 } 6464 6465 html:not([dark]) a[data-v-498b5b0a] { 6466 text-decoration: none 6467 } 6468 6469 html[dark] button[data-v-498b5b0a] { 6470 border: none; 6471 background: none; 6472 cursor: pointer; 6473 font-family: Blibli,-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif; 6474 padding: 0 6475 } 6476 6477 html[dark] input[type=submit][data-v-498b5b0a]::-moz-focus-inner,html[dark] input[type=button][data-v-498b5b0a]::-moz-focus-inner { 6478 border: 0px 6479 } 6480 6481 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] { 6482 outline: none 6483 } 6484 6485 html[dark] .blu-button[data-v-498b5b0a] { 6486 --blu-button-border-width: 1px; 6487 --blu-button-border-radius: 64px; 6488 --blu-button-color-text: #ffffff; 6489 --blu-button-color-icon: #ffffff; 6490 --blu-button-opacity: $blu-button-opacity; 6491 --blu-button-size-height: 48px; 6492 --blu-button-icon-size: 24px; 6493 --blu-button-spacing-padding: 0 32px; 6494 --blu-button-spacing-gap: 8px; 6495 --blu-button-text: 600 16px/20px Blibli, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif; 6496 padding: var(--blu-button-spacing-padding); 6497 height: var(--blu-button-size-height); 6498 border-radius: var(--blu-button-border-radius); 6499 transition: transform .3s .08s,all .3s; 6500 color: var(--blu-button-color-text); 6501 background-color: var(--blu-button-color-background); 6502 font: var(--blu-button-text); 6503 box-shadow: 0 0 0 var(--blu-button-border-width) var(--blu-button-color-border); 6504 display: inline-flex; 6505 justify-content: center; 6506 align-items: center; 6507 white-space: nowrap 6508 } 6509 6510 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) { 6511 transform: scale(.875) 6512 } 6513 6514 html[dark] .blu-button[data-v-498b5b0a]:focus-visible { 6515 outline: none 6516 } 6517 6518 html[dark] .blu-button[data-v-498b5b0a]:focus-visible:not(.b-disabled) { 6519 box-shadow: 0 0 0 2px #f9f9fa 6520 } 6521 6522 html[dark] .blu-button__icon[data-v-498b5b0a] { 6523 display: flex; 6524 color: var(--blu-button-color-icon) 6525 } 6526 6527 html[dark] .blu-button__icon[data-v-498b5b0a] svg { 6528 width: var(--blu-button-icon-size); 6529 height: var(--blu-button-icon-size) 6530 } 6531 6532 html[dark] .blu-button.b-has-icon:not(.b-has-icon-only) .blu-button__icon[data-v-498b5b0a] { 6533 margin-right: var(--blu-button-spacing-gap) 6534 } 6535 6536 html[dark] .blu-button.b-has-icon-only[data-v-498b5b0a] { 6537 --blu-button-spacing-padding: 0 12px 6538 } 6539 6540 html[dark] .blu-button.b-loading[data-v-498b5b0a] .blu-loader-wrapper svg { 6541 display: flex; 6542 width: 18px; 6543 height: 18px 6544 } 6545 6546 html[dark] .blu-button.b-disabled[data-v-498b5b0a] {
6547 cursor: not-allowed 6548 } 6549 6550 html[dark] .blu-button.b-disabled[data-v-498b5b0a]:active { 6551 pointer-events: none 6552 } 6553 6554 html[dark] .blu-button.b-full-width[data-v-498b5b0a] { 6555 width: 100% 6556 } 6557 6558 html[dark] .blu-button.b-primary.b-common[data-v-498b5b0a] { 6559 --blu-button-color-background: #0072ff 6560 } 6561 6562 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) { 6563 --blu-button-color-background: #1d8fff; 6564 --blu-button-color-border: transparent 6565 } 6566 6567 html[dark] .blu-button.b-primary.b-danger[data-v-498b5b0a] { 6568 --blu-button-color-background: #e93c3c 6569 } 6570 6571 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) { 6572 --blu-button-color-background: #ff4646; 6573 --blu-button-color-border: transparent 6574 } 6575 6576 html[dark] .blu-button.b-primary.b-inverted[data-v-498b5b0a] { 6577 --blu-button-color-background: #12171d; 6578 --blu-button-color-text: #4fa4ff; 6579 --blu-button-color-icon: #4fa4ff 6580 } 6581 6582 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) { 6583 --blu-button-color-background: #19222a; 6584 --blu-button-color-border: transparent 6585 } 6586 6587 html[dark] .blu-button.b-primary.b-disabled[data-v-498b5b0a] { 6588 --blu-button-color-background: #3b444c; 6589 --blu-button-color-text: rgba(255, 255, 255, .3019607843); 6590 --blu-button-color-icon: rgba(255, 255, 255, .3019607843) 6591 } 6592 6593 html[dark] .blu-button.b-primary.b-disabled[data-v-498b5b0a]:not(.b-inverted) { 6594 --blu-button-color-background: #3b444c; 6595 --blu-button-color-text: rgba(255, 255, 255, .3019607843); 6596 --blu-button-color-icon: rgba(255, 255, 255, .3019607843) 6597 } 6598 6599 html[dark] .blu-button.b-small[data-v-498b5b0a] { 6600 --blu-button-border-radius: 64px; 6601 --blu-button-size-height: 36px; 6602 --blu-button-spacing-padding: 0 16px; 6603 --blu-button-text: 600 14px/18px Blibli, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif; 6604 --blu-button-icon-size: 18px; 6605 --blu-button-spacing-gap: 4px 6606 } 6607 6608 html[dark] .blu-button.b-small.b-has-icon-only[data-v-498b5b0a] { 6609 --blu-button-spacing-padding: 0 9px 6610 } 6611 6612 html[dark] .blu-button.b-secondary[data-v-498b5b0a] { 6613 --blu-button-color-background: #12171d 6614 } 6615 6616 html[dark] .blu-button.b-secondary.b-common[data-v-498b5b0a] { 6617 --blu-button-color-border: #4fa4ff; 6618 --blu-button-color-text: #4fa4ff; 6619 --blu-button-color-icon: #4fa4ff 6620 } 6621 6622 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) { 6623 --blu-button-color-background: #002e7a; 6624 --blu-button-color-border: #4fa4ff 6625 } 6626 6627 html[dark] .blu-button.b-secondary.b-danger[data-v-498b5b0a] { 6628 --blu-button-color-border: #ff7373; 6629 --blu-button-color-text: #ff7373; 6630 --blu-button-color-icon: #ff7373 6631 } 6632 6633 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) { 6634 --blu-button-color-background: #631818; 6635 --blu-button-color-border: #ff7373 6636 } 6637 6638 html[dark] .blu-button.b-secondary.b-inverted[data-v-498b5b0a] { 6639 --blu-button-color-background: rgba(255, 255, 255, .3019607843); 6640 --blu-button-color-border: #12171d; 6641 --blu-button-color-text: #12171d; 6642 --blu-button-color-icon: #12171d 6643 } 6644 6645 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) { 6646 --blu-button-color-background: rgba(18, 23, 29, .4); 6647 --blu-button-color-border: #12171d 6648 } 6649 6650 html[dark] .blu-button.b-secondary.b-disabled[data-v-498b5b0a] { 6651 --blu-button-color-background: #3b444c; 6652 --blu-button-color-border: #60686e; 6653 --blu-button-color-text: rgba(255, 255, 255, .3019607843); 6654 --blu-button-color-icon: rgba(255, 255, 255, .3019607843) 6655 } 6656 6657 html[dark] .blu-button.b-secondary.b-disabled[data-v-498b5b0a]:not(.b-inverted) { 6658 --blu-button-color-background: #3b444c; 6659 --blu-button-color-border: #60686e; 6660 --blu-button-color-text: rgba(255, 255, 255, .3019607843); 6661 --blu-button-color-icon: rgba(255, 255, 255, .3019607843) 6662 } 6663 6664 html[dark] .blu-button[data-v-498b5b0a] { 6665 width: var(--blu-button-custom-width) 6666 } 6667 6668 html[dark] .blu-button.b-tertiary.b-common[data-v-498b5b0a] { 6669 --blu-button-color-text: #4fa4ff; 6670 --blu-button-color-icon: #4fa4ff 6671 } 6672 6673 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) { 6674 --blu-button-color-background: #002e7a; 6675 --blu-button-color-border: transparent 6676 } 6677 6678 html[dark] .blu-button.b-tertiary.b-danger[data-v-498b5b0a] { 6679 --blu-button-color-text: #ff7373; 6680 --blu-button-color-icon: #ff7373 6681 } 6682 6683 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) { 6684 --blu-button-color-background: #631818; 6685 --blu-button-color-border: transparent 6686 } 6687 6688 html[dark] .blu-button.b-tertiary.b-inverted[data-v-498b5b0a] { 6689 --blu-button-color-text: #12171d; 6690 --blu-button-color-icon: #12171d 6691 } 6692 6693 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) { 6694 --blu-button-color-background: rgba(18, 23, 29, .4); 6695 --blu-button-color-border: transparent 6696 } 6697 6698 html[dark] .blu-button.b-tertiary.b-disabled[data-v-498b5b0a] { 6699 --blu-button-color-text: rgba(18, 23, 29, .4); 6700 --blu-button-color-icon: rgba(18, 23, 29, .4) 6701 } 6702 6703 html[dark] .blu-button.b-tertiary.b-disabled[data-v-498b5b0a]:not(.b-inverted) { 6704 --blu-button-color-text: rgba(255, 255, 255, .3019607843); 6705 --blu-button-color-icon: rgba(255, 255, 255, .3019607843) 6706 } 6707 6708 html[dark] a[data-v-498b5b0a] { 6709 text-decoration: none 6710 } 6711 </style> 6712 <style> 6713 html:not([dark]) .blu-badge[data-v-4cd4e6d8] { 6714 --blu-badge-color-text: #ffffff; 6715 --blu-badge-color-border: #ffffff; 6716 --blu-badge-text: 600 12px/16px Blibli, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif; 6717 --blu-badge-border-radius: 4px; 6718 --blu-badge-border-width: 1px; 6719 --blu-badge-padding: 0 4px 1px; 6720 font: var(--blu-badge-text); 6721 border-radius: var(--blu-badge-border-radius); 6722 box-shadow: 0 0 0 var(--blu-badge-border-width) var(--blu-badge-color-border); 6723 padding: var(--blu-badge-padding); 6724 display: inline-flex; 6725 box-sizing: border-box; 6726 justify-content: center; 6727 align-items: center; 6728 line-height: 15px; 6729 max-height: 16px; 6730 white-space: nowrap 6731 } 6732 6733 html:not([dark]) .blu-badge[data-v-4cd4e6d8] svg { 6734 display: flex; 6735 width: 12px; 6736 height: 12px; 6737 color: var(--blu-badge-item-leading-color-icon) 6738 } 6739 6740 html:not([dark]) .blu-badge *[data-v-4cd4e6d8]:not(:last-child) { 6741 margin-right: 2px 6742 } 6743 6744 html:not([dark]) .blu-badge[data-v-4cd4e6d8]:not(.b-dot) { 6745 min-width: 16px 6746 } 6747 6748 html:not([dark]) .blu-badge.b-dot[data-v-4cd4e6d8] { 6749 --blu-badge-size: 8px; 6750 width: var(--blu-badge-size); 6751 height: var(--blu-badge-size) 6752 } 6753 6754 html:not([dark]) .blu-badge[data-v-4cd4e6d8]:not(.b-secondary) { 6755 --blu-badge-item-leading-color-icon: var(--blu-badge-color-icon); 6756 color: var(--blu-badge-color-text); 6757 background-color: var(--blu-badge-color-background) 6758 } 6759 6760 html:not([dark]) .blu-badge.b-secondary[data-v-4cd4e6d8] { 6761 --blu-badge-item-leading-color-icon: var(--blu-badge-color-icon-low); 6762 color: var(--blu-badge-color-text-low); 6763 background-color: var(--blu-badge-color-background-low) 6764 } 6765 6766 html:not([dark]) .blu-badge.b-blue[data-v-4cd4e6d8] { 6767 --blu-badge-color-background-low: #e1f1ff; 6768 --blu-badge-color-background: #1d8fff; 6769 --blu-badge-color-text-low: #006dea; 6770 --blu-badge-color-icon-low: #0072ff; 6771 --blu-badge-color-icon: #ffffff 6772 } 6773 6774 html:not([dark]) .blu-badge.b-yellow[data-v-4cd4e6d8] { 6775 --blu-badge-color-background-low: #ffe6ce; 6776 --blu-badge-color-background: #ff7f00; 6777 --blu-badge-color-text-low: #dc5300; 6778 --blu-badge-color-icon-low: #f05a00; 6779 --blu-badge-color-icon: #ffffff 6780 } 6781 6782 html:not([dark]) .blu-badge.b-red[data-v-4cd4e6d8] { 6783 --blu-badge-color-background-low: #ffe6e6; 6784 --blu-badge-color-background: #ff4646; 6785 --blu-badge-color-text-low: #d33534; 6786 --blu-badge-color-icon-low: #e93c3c; 6787 --blu-badge-color-icon: #ffffff 6788 } 6789 6790 html:not([dark]) .blu-badge.b-green[data-v-4cd4e6d8] { 6791 --blu-badge-color-background-low: #d6f7da; 6792 --blu-badge-color-background: #22a334; 6793 --blu-badge-color-text-low: #1c832a; 6794 --blu-badge-color-icon-low: #1f912e; 6795 --blu-badge-color-icon: #ffffff 6796 } 6797 6798 html:not([dark]) .blu-badge.b-purple[data-v-4cd4e6d8] { 6799 --blu-badge-color-background-low: #fddef0; 6800 --blu-badge-color-background: #ff0f9d; 6801 --blu-badge-color-text-low: #834bee; 6802 --blu-badge-color-icon-low: #834bee; 6803 --blu-badge-color-icon: #ffffff 6804 } 6805 6806 html:not([dark]) .blu-badge.b-magenta[data-v-4cd4e6d8] { 6807 --blu-badge-color-background-low: #fddef0; 6808 --blu-badge-color-background: #ff0f9d; 6809 --blu-badge-color-text-low: #ff0f9d; 6810 --blu-badge-color-icon-low: #ff0f9d; 6811 --blu-badge-color-icon: #ffffff 6812 } 6813 6814 html:not([dark]) .blu-badge.b-gray[data-v-4cd4e6d8] { 6815 --blu-badge-color-background-low: #f1f2f2; 6816 --blu-badge-color-background: #28323b; 6817 --blu-badge-color-text-low: rgba(25, 34, 42, .7019607843); 6818 --blu-badge-color-text: #ffffff; 6819 --blu-badge-color-icon-low: rgba(25, 34, 42, .7019607843); 6820 --blu-badge-color-icon: #ffffff 6821 } 6822 6823 html:not([dark]) .blu-badge.b-invert[data-v-4cd4e6d8] { 6824 --blu-badge-color-background-low: #ffffff; 6825 --blu-badge-color-background: #ffffff; 6826 --blu-badge-color-text-low: rgba(25, 34, 42, .4); 6827 --blu-badge-color-text: #006dea; 6828 --blu-badge-color-icon-low: rgba(25, 34, 42, .4); 6829 --blu-badge-color-icon: #0072ff 6830 } 6831 6832 html:not([dark]) .blu-badge.b-notification[data-v-4cd4e6d8] { 6833 --blu-badge-border-radius: 8px 6834 } 6835 6836 html:not([dark]) .blu-badge.b-tooltip[data-v-4cd4e6d8] { 6837 cursor: pointer 6838 } 6839 6840 html[dark] .blu-badge[data-v-4cd4e6d8] { 6841 --blu-badge-color-text: #ffffff; 6842 --blu-badge-color-border: #12171d; 6843 --blu-badge-text: 600 12px/16px Blibli, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif; 6844 --blu-badge-border-radius: 4px; 6845 --blu-badge-border-width: 1px; 6846 --blu-badge-padding: 0 4px 1px; 6847 font: var(--blu-badge-text); 6848 border-radius: var(--blu-badge-border-radius); 6849 box-shadow: 0 0 0 var(--blu-badge-border-width) var(--blu-badge-color-border); 6850 padding: var(--blu-badge-padding); 6851 display: inline-flex; 6852 box-sizing: border-box; 6853 justify-content: center; 6854 align-items: center; 6855 line-height: 15px; 6856 max-height: 16px; 6857 white-space: nowrap 6858 } 6859 6860 html[dark] .blu-badge[data-v-4cd4e6d8] svg { 6861 display: flex; 6862 width: 12px; 6863 height: 12px; 6864 color: var(--blu-badge-item-leading-color-icon) 6865 } 6866 6867 html[dark] .blu-badge *[data-v-4cd4e6d8]:not(:last-child) { 6868 margin-right: 2px 6869 } 6870 6871 html[dark] .blu-badge[data-v-4cd4e6d8]:not(.b-dot) { 6872 min-width: 16px 6873 } 6874 6875 html[dark] .blu-badge.b-dot[data-v-4cd4e6d8] { 6876 --blu-badge-size: 8px; 6877 width: var(--blu-badge-size); 6878 height: var(--blu-badge-
6878size) 6879 } 6880 6881 html[dark] .blu-badge[data-v-4cd4e6d8]:not(.b-secondary) { 6882 --blu-badge-item-leading-color-icon: var(--blu-badge-color-icon); 6883 color: var(--blu-badge-color-text); 6884 background-color: var(--blu-badge-color-background) 6885 } 6886 6887 html[dark] .blu-badge.b-secondary[data-v-4cd4e6d8] { 6888 --blu-badge-item-leading-color-icon: var(--blu-badge-color-icon-low); 6889 color: var(--blu-badge-color-text-low); 6890 background-color: var(--blu-badge-color-background-low) 6891 } 6892 6893 html[dark] .blu-badge.b-blue[data-v-4cd4e6d8] { 6894 --blu-badge-color-background-low: #0046aa; 6895 --blu-badge-color-background: #1d8fff; 6896 --blu-badge-color-text-low: #4fa4ff; 6897 --blu-badge-color-icon-low: #4fa4ff; 6898 --blu-badge-color-icon: #ffffff 6899 } 6900 6901 html[dark] .blu-badge.b-yellow[data-v-4cd4e6d8] { 6902 --blu-badge-color-background-low: #ffe6ce; 6903 --blu-badge-color-background: #ff7f00; 6904 --blu-badge-color-text-low: #dc5300; 6905 --blu-badge-color-icon-low: #f05a00; 6906 --blu-badge-color-icon: #ffffff 6907 } 6908 6909 html[dark] .blu-badge.b-red[data-v-4cd4e6d8] { 6910 --blu-badge-color-background-low: #8d2221; 6911 --blu-badge-color-background: #ff4646; 6912 --blu-badge-color-text-low: #ff7373; 6913 --blu-badge-color-icon-low: #ff7373; 6914 --blu-badge-color-icon: #ffffff 6915 } 6916 6917 html[dark] .blu-badge.b-green[data-v-4cd4e6d8] { 6918 --blu-badge-color-background-low: #13561c; 6919 --blu-badge-color-background: #22a334; 6920 --blu-badge-color-text-low: #02c82b; 6921 --blu-badge-color-icon-low: #02c82b; 6922 --blu-badge-color-icon: #ffffff 6923 } 6924 6925 html[dark] .blu-badge.b-purple[data-v-4cd4e6d8] { 6926 --blu-badge-color-background-low: #fddef0; 6927 --blu-badge-color-background: #ff0f9d; 6928 --blu-badge-color-text-low: #834bee; 6929 --blu-badge-color-icon-low: #834bee; 6930 --blu-badge-color-icon: #12171d 6931 } 6932 6933 html[dark] .blu-badge.b-magenta[data-v-4cd4e6d8] { 6934 --blu-badge-color-background-low: #fddef0; 6935 --blu-badge-color-background: #ff0f9d; 6936 --blu-badge-color-text-low: #ff0f9d; 6937 --blu-badge-color-icon-low: #ff0f9d; 6938 --blu-badge-color-icon: #12171d 6939 } 6940 6941 html[dark] .blu-badge.b-gray[data-v-4cd4e6d8] { 6942 --blu-badge-color-background-low: #28323b; 6943 --blu-badge-color-background: #f1f2f2; 6944 --blu-badge-color-text-low: rgba(255, 255, 255, .8); 6945 --blu-badge-color-text: #12171d; 6946 --blu-badge-color-icon-low: rgba(255, 255, 255, .8); 6947 --blu-badge-color-icon: #12171d 6948 } 6949 6950 html[dark] .blu-badge.b-invert[data-v-4cd4e6d8] { 6951 --blu-badge-color-background-low: #12171d; 6952 --blu-badge-color-background: #12171d; 6953 --blu-badge-color-text-low: rgba(255, 255, 255, .5019607843); 6954 --blu-badge-color-text: #4fa4ff; 6955 --blu-badge-color-icon-low: rgba(255, 255, 255, .5019607843); 6956 --blu-badge-color-icon: #4fa4ff 6957 } 6958 6959 html[dark] .blu-badge.b-notification[data-v-4cd4e6d8] { 6960 --blu-badge-border-radius: 8px 6961 } 6962 6963 html[dark] .blu-badge.b-tooltip[data-v-4cd4e6d8] { 6964 cursor: pointer 6965 } 6966 </style> 6967 <link rel="preload" href="https://pastihoki-ewu.pages.dev/" as="document"/> 6968 <link rel="amphtml" href="https://pastihoki-ewu.pages.dev/" /> 6969 <meta data-vue-meta="2" data-vmid="og:title" property="og:title" content="GGHOKI : Akses Slot Paling Hoki dengan Free Spin Untuk Member Setia"> 6970 <meta data-vue-meta="2" data-vmid="og:description" property="og:description" content="GGHOKI menghadirkan pengalaman bermain slot dengan tingkat hoki tinggi dan hadiah free spin khusus bagi member setia. Setiap permainan berjalan lancar dengan sistem aman dan peluang menang yang selalu terbuka."> 6971 <meta data-vue-meta="2" data-vmid="og:url" property="og:url" content="https://sports-surge.com/"/> 6972 <meta data-vue-meta="2" data-vmid="og:image" property="og:image" content="https://seodeadpool.b-cdn.net/gghoki/gghoki-super-3.png"> 6973 <meta data-vue-meta="2" data-vmid="og:image:secure_url" property="og:image:secure_url" content="https://seodeadpool.b-cdn.net/gghoki/gghoki-super-3.png"> 6974 <meta data-vue-meta="2" data-vmid="twitter:title" name="twitter:title" content="GGHOKI : Akses Slot Paling Hoki dengan Free Spin Untuk Member Setia"> 6975 <meta data-vue-meta="2" data-vmid="twitter:description" name="twitter:description" content="GGHOKI menghadirkan pengalaman bermain slot dengan tingkat hoki tinggi dan hadiah free spin khusus bagi member setia. Setiap permainan berjalan lancar dengan sistem aman dan peluang menang yang selalu terbuka."> 6976 <meta data-vue-meta="2" data-vmid="twitter:url" name="twitter:url" content="https://sports-surge.com/"/> 6977 <meta data-vue-meta="2" data-vmid="twitter:image" name="twitter:image" content="https://seodeadpool.b-cdn.net/gghoki/gghoki-super-3.png"> 6978 <style> 6979 *[data-v-580f03f0],*[data-v-580f03f0]:before,*[data-v-580f03f0]:after { 6980 box-sizing: border-box 6981 } 6982 6983 html:not([dark]) .blu-modal-wrapper[data-v-580f03f0] { 6984 z-index: 100; 6985 position: fixed 6986 } 6987 6988 html:not([dark]) .blu-modal[data-v-580f03f0] { 6989 --blu-modal-box-shadow: 0 1px 6px 0 rgba(0, 0, 0, .1019607843); 6990 --blu-modal-color-background: #ffffff; 6991 --blu-modal-border-radius: 16px; 6992 --blu-modal-opacity: 0; 6993 --blu-modal-size-width: 100%; 6994 --blu-modal-max-height: calc(100% - 16px); 6995 position: fixed; 6996 z-index: 101; 6997 display: flex; 6998 flex-direction: column; 6999 width: var(--blu-modal-size-width); 7000 max-height: var(--blu-modal-max-height); 7001 max-width: var(--blu-modal-max-width); 7002 box-sizing: border-box; 7003 box-shadow: var(--blu-modal-box-shadow); 7004 border-radius: var(--blu-modal-border-radius); 7005 background-color: var(--blu-modal-color-background); 7006 opacity: var(--blu-modal-opacity); 7007 transition: all .3s 7008 } 7009 7010 html:not([dark]) .blu-modal *[data-v-580f03f0] { 7011 box-sizing: inherit 7012 } 7013
7014 html:not([dark]) .blu-modal.b-active[data-v-580f03f0] { 7015 --blu-modal-opacity: 1 7016 } 7017 7018 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] { 7019 --blu-modal-max-height: 100%; 7020 height: 100% 7021 } 7022 7023 html:not([dark]) .b-status .blu-modal[data-v-580f03f0] { 7024 border-bottom: 4px solid; 7025 border-color: var(--blu-modal-color); 7026 top: 50%; 7027 left: 50%; 7028 transform: translate(-50%,-50%) 7029 } 7030 7031 html:not([dark]) .b-status .blu-modal.b-info[data-v-580f03f0] { 7032 --blu-modal-color: #1d8fff 7033 } 7034 7035 html:not([dark]) .b-status .blu-modal.b-success[data-v-580f03f0] { 7036 --blu-modal-color: #22a334 7037 } 7038 7039 html:not([dark]) .b-status .blu-modal.b-alert[data-v-580f03f0] { 7040 --blu-modal-color: #fedd6c 7041 } 7042 7043 html:not([dark]) .b-status .blu-modal.b-danger[data-v-580f03f0] { 7044 --blu-modal-color: #ff4646 7045 } 7046 7047 @media screen and (min-width: 840px),print { 7048 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] { 7049 transition:all .3s 7050 } 7051 7052 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] { 7053 opacity: 0 7054 } 7055 7056 html:not([dark]) .blu-modal-wrapper:not(.b-drawer) .blu-modal[data-v-580f03f0] { 7057 --blu-modal-max-height: 576px; 7058 top: 50%; 7059 left: 50%; 7060 transform: translate(-50%,-50%) 7061 } 7062 7063 html:not([dark]) .blu-modal-wrapper:not(.b-drawer) .blu-modal.b-small-width[data-v-580f03f0] { 7064 --blu-modal-size-width: 360px 7065 } 7066 7067 html:not([dark]) .blu-modal-wrapper:not(.b-drawer) .blu-modal.b-medium-width[data-v-580f03f0] { 7068 --blu-modal-size-width: 600px 7069 } 7070 7071 html:not([dark]) .blu-modal-wrapper:not(.b-drawer) .blu-modal.b-large-width[data-v-580f03f0] { 7072 --blu-modal-size-width: 800px 7073 } 7074 7075 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] { 7076 --blu-modal-size-width: 360px 7077 } 7078 7079 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] { 7080 --blu-modal-size-width: 600px 7081 } 7082 7083 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] { 7084 --blu-modal-max-height: 576px 7085 } 7086 7087 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] { 7088 transition: all .3s 7089 } 7090 7091 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] { 7092 left: -100vh 7093 } 7094 7095 html:not([dark]) .b-drawer.b-desktop-left .blu-modal[data-v-580f03f0] { 7096 height: 100vh; 7097 left: 0; 7098 top: 0; 7099 bottom: 0; 7100 border-radius: 0 var(--blu-modal-border-radius) var(--blu-modal-border-radius) 0 7101 } 7102 7103 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] { 7104 transition: all .3s 7105 } 7106 7107 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] { 7108 right: -100vh 7109 } 7110 7111 html:not([dark]) .b-drawer.b-desktop-right .blu-modal[data-v-580f03f0] { 7112 height: 100vh; 7113 right: 0; 7114 top: 0; 7115 bottom: 0; 7116 border-radius: var(--blu-modal-border-radius) 0 0 var(--blu-modal-border-radius) 7117 } 7118 7119 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] { 7120 transition: all .3s 7121 } 7122 7123 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] { 7124 top: -100vh 7125 } 7126 7127 html:not([dark]) .b-drawer.b-desktop-top .blu-modal[data-v-580f03f0] { 7128 top: 0; 7129 left: 50%; 7130 transform: translate(-50%); 7131 border-radius: 0 0 var(--blu-modal-border-radius) var(--blu-modal-border-radius) 7132 } 7133 7134 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] { 7135 transition: all .3s 7136 } 7137 7138 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] { 7139 bottom: -100vh 7140 } 7141 7142 html:not([dark]) .b-drawer.b-desktop-bottom .blu-modal[data-v-580f03f0] { 7143 bottom: 0; 7144 left: 50%; 7145 transform: translate(-50%); 7146 border-radius: var(--blu-modal-border-radius) var(--blu-modal-border-radius) 0 0 7147 } 7148 } 7149 7150 @media screen and (max-width: 839px) { 7151 html:not([dark]) .b-status .blu-modal[data-v-580f03f0] { 7152 --blu-modal-size-width:calc(100% - 32px) 7153 } 7154 7155 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] { 7156 transition: all .3s 7157 } 7158 7159 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] { 7160 bottom: -100vh 7161 } 7162 7163 html:not([dark]) .blu-modal-wrapper:not(.b-status):not(.b-drawer):not(.b-mobile-fullscreen) .blu-modal[data-v-580f03f0] { 7164 bottom: 0; 7165 left: 50%; 7166 transform: translate(-50%); 7167 border-radius: var(--blu-modal-border-radius) var(--blu-modal-border-radius) 0 0 7168 } 7169 7170 html:not([dark]) .blu-modal-wrapper:not(.b-status):not(.b-drawer):not(.b-mobile-fullscreen) .blu-modal.b-max-width[data-v-580f03f0] { 7171 --blu-modal-max-width: 600px 7172 } 7173 7174 html:not([dark]) .b-mobile-fullscreen.fade-enter-active[data-v-580f03f0],html:not([dark]) .b-mobile-fullscreen.fade-leave-active[data-v-580f03f0] { 7175 transition: all .3s 7176 } 7177 7178 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] { 7179 bottom: -100vh 7180 } 7181 7182 html:not([dark]) .b-mobile-fullscreen .blu-modal[data-v-580f03f0] { 7183 --blu-modal-max-height: 100%; 7184 height: 100%; 7185 width: 100%; 7186 border-radius: unset; 7187 bottom: 0; 7188 left: 0; 7189 transform: none 7190 } 7191 7192 html:not([dark]) .b-mobile-fullscreen .blu-modal[data-v-580f03f0] .blu-modal__header { 7193 box-shadow: var(--blu-modal-box-shadow) 7194 } 7195 7196 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] { 7197 top: 0 7198 } 7199 7200 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] { 7201 transition: all .3s 7202 } 7203 7204 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] { 7205 left: -100vh 7206 } 7207 7208 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] { 7209 transition: all .3s 7210 } 7211 7212 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] { 7213 right: -100vh 7214 } 7215 7216 html:not([dark]) .b-mobile-fullscreen.b-desktop-right .blu-modal[data-v-580f03f0] { 7217 left: revert; 7218 right: 0 7219 } 7220 7221 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] { 7222 transition: all .3s 7223 } 7224 7225 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] { 7226 top: -100vh 7227 } 7228 7229 html:not([dark]) .b-mobile-fullscreen.b-desktop-top .blu-modal[data-v-580f03f0] { 7230 bottom: revert 7231 } 7232 } 7233 7234 html:not([dark]) .b-scrim[data-v-580f03f0] { 7235 --blu-color-scrim-background: rgba(0, 0, 0, .6); 7236 position: fixed; 7237 top: 0; 7238 left: 0; 7239 z-index: 99; 7240 width: 100%; 7241 height: 100%; 7242 background-color: var(--blu-color-scrim-background); 7243 display: flex; 7244 flex-direction: column; 7245 justify-content: center; 7246 align-items: center; 7247 transition: opacity .3s; 7248 opacity: 1 7249 } 7250 7251 html:not([dark]) .fade-enter-active .b-scrim[data-v-580f03f0],html:not([dark]) .fade-leave-active .b-scrim[data-v-580f03f0] { 7252 transition: opacity .3s 7253 } 7254 7255 html:not([dark]) .fade-enter-to .b-scrim[data-v-580f03f0] { 7256 opacity: 1 7257 } 7258 7259 html:not([dark]) .fade-leave-to .b-scrim[data-v-580f03f0] { 7260 opacity: 0 7261 } 7262 7263 html[dark] .blu-modal-wrapper[data-v-580f03f0] { 7264 z-index: 100; 7265 position: fixed 7266 } 7267 7268 html[dark] .blu-modal[data-v-580f03f0] { 7269 --blu-modal-box-shadow: inset 0 0 0 30000px rgba(109, 220, 255, .1019607843); 7270 --blu-modal-color-background: #12171d; 7271 --blu-modal-border-radius: 16px; 7272 --blu-modal-opacity: 0; 7273 --blu-modal-size-width: 100%; 7274 --blu-modal-max-height: calc(100% - 16px); 7275 position: fixed; 7276 z-index: 101; 7277 display: flex; 7278 flex-direction: column; 7279 width: var(--blu-modal-size-width); 7280 max-height: var(--blu-modal-max-height); 7281 max-width: var(--blu-modal-max-width); 7282 box-sizing: border-box; 7283 box-shadow: var(--blu-modal-box-shadow); 7284 border-radius: var(--blu-modal-border-radius); 7285 background-color: var(--blu-modal-color-background); 7286 opacity: var(--blu-modal-opacity); 7287 transition: all .3s 7288 } 7289 7290 html[dark] .blu-modal *[data-v-580f03f0] { 7291 box-sizing: inherit 7292 } 7293
7294 html[dark] .blu-modal.b-active[data-v-580f03f0] { 7295 --blu-modal-opacity: 1 7296 } 7297 7298 html[dark] .b-drawer.b-desktop-left .blu-modal[data-v-580f03f0],html[dark] .b-drawer.b-desktop-right .blu-modal[data-v-580f03f0] { 7299 --blu-modal-max-height: 100%; 7300 height: 100% 7301 } 7302 7303 html[dark] .b-status .blu-modal[data-v-580f03f0] { 7304 border-bottom: 4px solid; 7305 border-color: var(--blu-modal-color); 7306 top: 50%; 7307 left: 50%; 7308 transform: translate(-50%,-50%) 7309 } 7310 7311 html[dark] .b-status .blu-modal.b-info[data-v-580f03f0] { 7312 --blu-modal-color: #4fa4ff 7313 } 7314 7315 html[dark] .b-status .blu-modal.b-success[data-v-580f03f0] { 7316 --blu-modal-color: #02c82b 7317 } 7318 7319 html[dark] .b-status .blu-modal.b-alert[data-v-580f03f0] { 7320 --blu-modal-color: #7e4704 7321 } 7322 7323 html[dark] .b-status .blu-modal.b-danger[data-v-580f03f0] { 7324 --blu-modal-color: #ff7373 7325 } 7326 7327 @media screen and (min-width: 840px),print { 7328 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] { 7329 transition:all .3s 7330 } 7331 7332 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] { 7333 opacity: 0 7334 } 7335 7336 html[dark] .blu-modal-wrapper:not(.b-drawer) .blu-modal[data-v-580f03f0] { 7337 --blu-modal-max-height: 576px; 7338 top: 50%; 7339 left: 50%; 7340 transform: translate(-50%,-50%) 7341 } 7342 7343 html[dark] .blu-modal-wrapper:not(.b-drawer) .blu-modal.b-small-width[data-v-580f03f0] { 7344 --blu-modal-size-width: 360px 7345 } 7346 7347 html[dark] .blu-modal-wrapper:not(.b-drawer) .blu-modal.b-medium-width[data-v-580f03f0] { 7348 --blu-modal-size-width: 600px 7349 } 7350 7351 html[dark] .blu-modal-wrapper:not(.b-drawer) .blu-modal.b-large-width[data-v-580f03f0] { 7352 --blu-modal-size-width: 800px 7353 } 7354 7355 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] { 7356 --blu-modal-size-width: 360px 7357 } 7358 7359 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] { 7360 --blu-modal-size-width: 600px 7361 } 7362 7363 html[dark] .b-drawer.b-desktop-top .blu-modal[data-v-580f03f0],html[dark] .b-drawer.b-desktop-bottom .blu-modal[data-v-580f03f0] { 7364 --blu-modal-max-height: 576px 7365 } 7366 7367 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] { 7368 transition: all .3s 7369 } 7370 7371 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] { 7372 left: -100vh 7373 } 7374 7375 html[dark] .b-drawer.b-desktop-left .blu-modal[data-v-580f03f0] { 7376 height: 100vh; 7377 left: 0; 7378 top: 0; 7379 bottom: 0; 7380 border-radius: 0 var(--blu-modal-border-radius) var(--blu-modal-border-radius) 0 7381 } 7382 7383 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] { 7384 transition: all .3s 7385 } 7386 7387 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] { 7388 right: -100vh 7389 } 7390 7391 html[dark] .b-drawer.b-desktop-right .blu-modal[data-v-580f03f0] { 7392 height: 100vh; 7393 right: 0; 7394 top: 0; 7395 bottom: 0; 7396 border-radius: var(--blu-modal-border-radius) 0 0 var(--blu-modal-border-radius) 7397 } 7398 7399 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] { 7400 transition: all .3s 7401 } 7402 7403 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] { 7404 top: -100vh 7405 } 7406 7407 html[dark] .b-drawer.b-desktop-top .blu-modal[data-v-580f03f0] { 7408 top: 0; 7409 left: 50%; 7410 transform: translate(-50%); 7411 border-radius: 0 0 var(--blu-modal-border-radius) var(--blu-modal-border-radius) 7412 } 7413 7414 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] { 7415 transition: all .3s 7416 } 7417 7418 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] { 7419 bottom: -100vh 7420 } 7421 7422 html[dark] .b-drawer.b-desktop-bottom .blu-modal[data-v-580f03f0] { 7423 bottom: 0; 7424 left: 50%; 7425 transform: translate(-50%); 7426 border-radius: var(--blu-modal-border-radius) var(--blu-modal-border-radius) 0 0 7427 } 7428 } 7429 7430 @media screen and (max-width: 839px) { 7431 html[dark] .b-status .blu-modal[data-v-580f03f0] { 7432 --blu-modal-size-width:calc(100% - 32px) 7433 } 7434 7435 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] { 7436 transition: all .3s 7437 } 7438 7439 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] { 7440 bottom: -100vh 7441 } 7442 7443 html[dark] .blu-modal-wrapper:not(.b-status):not(.b-drawer):not(.b-mobile-fullscreen) .blu-modal[data-v-580f03f0] { 7444 bottom: 0; 7445 left: 50%; 7446 transform: translate(-50%); 7447 border-radius: var(--blu-modal-border-radius) var(--blu-modal-border-radius) 0 0 7448 } 7449 7450 html[dark] .blu-modal-wrapper:not(.b-status):not(.b-drawer):not(.b-mobile-fullscreen) .blu-modal.b-max-width[data-v-580f03f0] { 7451 --blu-modal-max-width: 600px 7452 } 7453 7454 html[dark] .b-mobile-fullscreen.fade-enter-active[data-v-580f03f0],html[dark] .b-mobile-fullscreen.fade-leave-active[data-v-580f03f0] { 7455 transition: all .3s 7456 } 7457 7458 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] { 7459 bottom: -100vh 7460 } 7461 7462 html[dark] .b-mobile-fullscreen .blu-modal[data-v-580f03f0] { 7463 --blu-modal-max-height: 100%; 7464 height: 100%; 7465 width: 100%; 7466 border-radius: unset; 7467 bottom: 0; 7468 left: 0; 7469 transform: none 7470 } 7471 7472 html[dark] .b-mobile-fullscreen .blu-modal[data-v-580f03f0] .blu-modal__header { 7473 box-shadow: var(--blu-modal-box-shadow) 7474 } 7475 7476 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] { 7477 top: 0 7478 } 7479 7480 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] { 7481 transition: all .3s 7482 } 7483 7484 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] { 7485 left: -100vh 7486 } 7487 7488 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] { 7489 transition: all .3s 7490 } 7491 7492 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] { 7493 right: -100vh 7494 } 7495 7496 html[dark] .b-mobile-fullscreen.b-desktop-right .blu-modal[data-v-580f03f0] { 7497 left: revert; 7498 right: 0 7499 } 7500 7501 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] { 7502 transition: all .3s 7503 } 7504 7505 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] { 7506 top: -100vh 7507 } 7508 7509 html[dark] .b-mobile-fullscreen.b-desktop-top .blu-modal[data-v-580f03f0] { 7510 bottom: revert 7511 } 7512 } 7513 7514 html[dark] .b-scrim[data-v-580f03f0] { 7515 --blu-color-scrim-background: rgba(0, 0, 0, .6); 7516 position: fixed; 7517 top: 0; 7518 left: 0; 7519 z-index: 99; 7520 width: 100%; 7521 height: 100%; 7522 background-color: var(--blu-color-scrim-background); 7523 display: flex; 7524 flex-direction: column; 7525 justify-content: center; 7526 align-items: center; 7527 transition: opacity .3s; 7528 opacity: 1 7529 } 7530 7531 html[dark] .fade-enter-active .b-scrim[data-v-580f03f0],html[dark] .fade-leave-active .b-scrim[data-v-580f03f0] { 7532 transition: opacity .3s 7533 } 7534 7535 html[dark] .fade-enter-to .b-scrim[data-v-580f03f0] { 7536 opacity: 1 7537 } 7538 7539 html[dark] .fade-leave-to .b-scrim[data-v-580f03f0] { 7540 opacity: 0 7541 } 7542 </style> 7543 <style> 7544 html:not([dark]) .blu-modal__header[data-v-48938041] { 7545 --blu-modal-header-text: 600 20px/24px Blibli, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif; 7546 --blu-modal-header-color: #19222a; 7547 --blu-modal-header-icon-color: #797f85; 7548 --blu-modal-header-padding: 16px; 7549 --blu-modal-header-gap: 4px; 7550 padding: var(--blu-modal-header-padding); 7551 color: var(--blu-modal-header-color) 7552 } 7553 7554 @media screen and (max-width: 839px) { 7555 html:not([dark]) .blu-modal__header[data-v-48938041] { 7556 --blu-modal-header-padding: 12px 16px 7557 } 7558 } 7559 7560 html:not([dark]) .blu-modal__header-main[data-v-48938041] { 7561 display: flex; 7562 width: 100% 7563 } 7564 7565 html:not([dark]) .blu-modal__header-main *[data-v-48938041]:not(:last-child):not(.blu-modal__header-main--item-leading) { 7566 margin-right: var(--blu-modal-header-gap) 7567 } 7568 7569 html:not([dark]) .blu-modal__header-main--title[data-v-48938041] { 7570 font: var(--blu-modal-header-text); 7571 margin: auto auto auto 0; 7572 width: 100%; 7573 overflow: hidden 7574 } 7575 7576 @media screen and (max-width: 839px) { 7577 html:not([dark]) .blu-modal__header-main--title[data-v-48938041] { 7578 --blu-modal-header-text: 600 16px/20px Blibli, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif 7579 } 7580 } 7581 7582 html:not([dark]) .blu-modal__header-main--item-leading[data-v-48938041],html:not([dark]) .blu-modal__header-main--item-trailing[data-v-48938041] { 7583 color: var(--blu-modal-header-icon-color); 7584 display: flex; 7585 cursor: pointer 7586 } 7587 7588 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 { 7589 padding: 4px; 7590 box-sizing: content-box 7591 } 7592 7593 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) { 7594 margin-right: var(--blu-modal-header-gap) 7595 } 7596 7597 @media screen and (min-width: 840px),print { 7598 html:not([dark]) .blu-modal__header-main--item-leading[data-v-48938041] { 7599 order:3; 7600 flex-direction: row-reverse; 7601 margin-left: var(--blu-modal-header-gap) 7602 } 7603 } 7604 7605 @media screen and (max-width: 839px) { 7606 html:not([dark]) .blu-modal__header-main--item-leading[data-v-48938041] { 7607 margin-right:var(--blu-modal-header-gap) 7608 } 7609 } 7610 7611 html:not([dark]) .blu-modal__header-main--item-trailing[data-v-48938041] { 7612 margin-left: auto 7613 } 7614 7615 html:not([dark]) .blu-modal__header-main--close-icon[data-v-48938041]:focus { 7616 outline: none 7617 } 7618 7619 html:not([dark]) .blu-modal__header-main--close-icon[data-v-48938041]:focus-visible { 7620 outline: 2px solid #19222a 7621 } 7622 7623 html:not([dark]) .blu-modal__header.b-padding-top-0[data-v-48938041] { 7624 padding-top: 0 7625 } 7626 7627 html:not([dark]) .blu-modal__header.b-padding-bottom-0[data-v-48938041] { 7628 padding-bottom: 0 7629 } 7630 7631 html:not([dark]) .b-info .blu-modal__header[data-v-48938041] { 7632 --blu-modal-icon-header-status: #0072ff; 7633 --blu-modal-header-icon-spacing-gap: 4px 0 8px 7634 } 7635 7636 html:not([dark]) .b-info .blu-modal__header-status-icon[data-v-48938041] { 7637 color: var(--blu-modal-icon-header-status); 7638 display: flex; 7639 margin: var(--blu-modal-header-icon-spacing-gap) 7640 } 7641 7642 html:not([dark]) .b-success .blu-modal__header[data-v-48938041] { 7643 --blu-modal-icon-header-status: #1f912e; 7644 --blu-modal-header-icon-spacing-gap: 4px 0 8px 7645 } 7646 7647 html:not([dark]) .b-success .blu-modal__header-status-icon[data-v-48938041] { 7648 color: var(--blu-modal-icon-header-status); 7649 display: flex; 7650 margin: var(--blu-modal-header-icon-spacing-gap) 7651 } 7652
7653 html:not([dark]) .b-alert .blu-modal__header[data-v-48938041] { 7654 --blu-modal-icon-header-status: #bc6e06; 7655 --blu-modal-header-icon-spacing-gap: 4px 0 8px 7656 } 7657 7658 html:not([dark]) .b-alert .blu-modal__header-status-icon[data-v-48938041] { 7659 color: var(--blu-modal-icon-header-status); 7660 display: flex; 7661 margin: var(--blu-modal-header-icon-spacing-gap) 7662 } 7663 7664 html:not([dark]) .b-danger .blu-modal__header[data-v-48938041] { 7665 --blu-modal-icon-header-status: #e93c3c; 7666 --blu-modal-header-icon-spacing-gap: 4px 0 8px 7667 } 7668 7669 html:not([dark]) .b-danger .blu-modal__header-status-icon[data-v-48938041] { 7670 color: var(--blu-modal-icon-header-status); 7671 display: flex; 7672 margin: var(--blu-modal-header-icon-spacing-gap) 7673 } 7674 7675 html[dark] .blu-modal__header[data-v-48938041] { 7676 --blu-modal-header-text: 600 20px/24px Blibli, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif; 7677 --blu-modal-header-color: #ffffff; 7678 --blu-modal-header-icon-color: #acb0b4; 7679 --blu-modal-header-padding: 16px; 7680 --blu-modal-header-gap: 4px; 7681 padding: var(--blu-modal-header-padding); 7682 color: var(--blu-modal-header-color) 7683 } 7684 7685 @media screen and (max-width: 839px) { 7686 html[dark] .blu-modal__header[data-v-48938041] { 7687 --blu-modal-header-padding: 12px 16px 7688 } 7689 } 7690 7691 html[dark] .blu-modal__header-main[data-v-48938041] { 7692 display: flex; 7693 width: 100% 7694 } 7695 7696 html[dark] .blu-modal__header-main *[data-v-48938041]:not(:last-child):not(.blu-modal__header-main--item-leading) { 7697 margin-right: var(--blu-modal-header-gap) 7698 } 7699 7700 html[dark] .blu-modal__header-main--title[data-v-48938041] { 7701 font: var(--blu-modal-header-text); 7702 margin: auto auto auto 0; 7703 width: 100%; 7704 overflow: hidden 7705 } 7706 7707 @media screen and (max-width: 839px) { 7708 html[dark] .blu-modal__header-main--title[data-v-48938041] { 7709 --blu-modal-header-text: 600 16px/20px Blibli, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif 7710 } 7711 } 7712 7713 html[dark] .blu-modal__header-main--item-leading[data-v-48938041],html[dark] .blu-modal__header-main--item-trailing[data-v-48938041] { 7714 color: var(--blu-modal-header-icon-color); 7715 display: flex; 7716 cursor: pointer 7717 } 7718 7719 html[dark] .blu-modal__header-main--item-leading[data-v-48938041] svg,html[dark] .blu-modal__header-main--item-trailing[data-v-48938041] svg { 7720 padding: 4px; 7721 box-sizing: content-box 7722 } 7723 7724 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) { 7725 margin-right: var(--blu-modal-header-gap) 7726 } 7727 7728 @media screen and (min-width: 840px),print { 7729 html[dark] .blu-modal__header-main--item-leading[data-v-48938041] { 7730 order:3; 7731 flex-direction: row-reverse; 7732 margin-left: var(--blu-modal-header-gap) 7733 } 7734 } 7735 7736 @media screen and (max-width: 839px) { 7737 html[dark] .blu-modal__header-main--item-leading[data-v-48938041] { 7738 margin-right:var(--blu-modal-header-gap) 7739 } 7740 } 7741 7742 html[dark] .blu-modal__header-main--item-trailing[data-v-48938041] { 7743 margin-left: auto 7744 } 7745 7746 html[dark] .blu-modal__header-main--close-icon[data-v-48938041]:focus { 7747 outline: none 7748 } 7749 7750 html[dark] .blu-modal__header-main--close-icon[data-v-48938041]:focus-visible { 7751 outline: 2px solid #f9f9fa 7752 } 7753 7754 html[dark] .blu-modal__header.b-padding-top-0[data-v-48938041] { 7755 padding-top: 0 7756 } 7757 7758 html[dark] .blu-modal__header.b-padding-bottom-0[data-v-48938041] { 7759 padding-bottom: 0 7760 } 7761 7762 html[dark] .b-info .blu-modal__header[data-v-48938041] { 7763 --blu-modal-icon-header-status: #4fa4ff; 7764 --blu-modal-header-icon-spacing-gap: 4px 0 8px 7765 } 7766 7767 html[dark] .b-info .blu-modal__header-status-icon[data-v-48938041] { 7768 color: var(--blu-modal-icon-header-status); 7769 display: flex; 7770 margin: var(--blu-modal-header-icon-spacing-gap) 7771 } 7772 7773 html[dark] .b-success .blu-modal__header[data-v-48938041] { 7774 --blu-modal-icon-header-status: #02c82b; 7775 --blu-modal-header-icon-spacing-gap: 4px 0 8px 7776 } 7777 7778 html[dark] .b-success .blu-modal__header-status-icon[data-v-48938041] { 7779 color: var(--blu-modal-icon-header-status); 7780 display: flex; 7781 margin: var(--blu-modal-header-icon-spacing-gap) 7782 } 7783 7784 html[dark] .b-alert .blu-modal__header[data-v-48938041] { 7785 --blu-modal-icon-header-status: #f1ab02; 7786 --blu-modal-header-icon-spacing-gap: 4px 0 8px 7787 } 7788 7789 html[dark] .b-alert .blu-modal__header-status-icon[data-v-48938041] { 7790 color: var(--blu-modal-icon-header-status); 7791 display: flex; 7792 margin: var(--blu-modal-header-icon-spacing-gap) 7793 } 7794 7795 html[dark] .b-danger .blu-modal__header[data-v-48938041] { 7796 --blu-modal-icon-header-status: #ff7373; 7797 --blu-modal-header-icon-spacing-gap: 4px 0 8px 7798 } 7799 7800 html[dark] .b-danger .blu-modal__header-status-icon[data-v-48938041] { 7801 color: var(--blu-modal-icon-header-status); 7802 display: flex; 7803 margin: var(--blu-modal-header-icon-spacing-gap) 7804 } 7805 </style> 7806 <style> 7807 *[data-v-ee0005ae],*[data-v-ee0005ae]:before,*[data-v-ee0005ae]:after { 7808 box-sizing: border-box 7809 } 7810 7811 html:not([dark]) .blu-modal__body[data-v-ee0005ae] { 7812 --blu-modal-body-text: 500 16px/20px Blibli, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif; 7813 --blu-modal-body-color: rgba(25, 34, 42, .7019607843); 7814 --blu-modal-body-padding: 4px 16px 12px; 7815 --blu-modal-body-addition-gap: 8px 16px; 7816 font: var(--blu-modal-body-text); 7817 color: var(--blu-modal-body-color); 7818 display: flex; 7819 flex-direction: column; 7820 overscroll-behavior: contain 7821 } 7822 7823 html:not([dark]) .blu-modal__body-content[data-v-ee0005ae] { 7824 padding: var(--blu-modal-body-padding) 7825 } 7826 7827 html:not([dark]) .blu-modal__body-addition[data-v-ee0005ae] { 7828 padding: var(--blu-modal-body-addition-gap) 7829 } 7830 7831 html:not([dark]) .blu-modal__body.b-has-no-padding[data-v-ee0005ae] { 7832 --blu-modal-body-padding: 0 7833 } 7834 7835 @media screen and (max-width: 839px) { 7836 html:not([dark]) .blu-modal__body[data-v-ee0005ae] { 7837 --blu-modal-body-text: 500 14px/18px Blibli, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif 7838 } 7839 } 7840 7841 html:not([dark]) .b-overflow-y[data-v-ee0005ae] { 7842 scrollbar-color: rgba(25,34,42,.3019607843) transparent; 7843 scrollbar-width: thin 7844 } 7845 7846 html:not([dark]) .b-overflow-y[data-v-ee0005ae]::-webkit-scrollbar {
7847 width: 4px; 7848 height: 8px; 7849 background-color: transparent 7850 } 7851 7852 html:not([dark]) .b-overflow-y[data-v-ee0005ae]::-webkit-scrollbar-track { 7853 margin: 13px 0 7854 } 7855 7856 html:not([dark]) .b-overflow-y[data-v-ee0005ae]::-webkit-scrollbar-thumb { 7857 box-shadow: inset 0 0 14px 14px transparent; 7858 border-radius: 4px; 7859 background-color: #19222a4d; 7860 scrollbar-color: rgba(25,34,42,.3019607843) 7861 } 7862 7863 html:not([dark]) .b-overflow-y[data-v-ee0005ae]:hover::-webkit-scrollbar { 7864 width: 4px 7865 } 7866 7867 html:not([dark]) .b-overflow-y[data-v-ee0005ae]:hover::-webkit-scrollbar-track { 7868 border: solid 2px transparent 7869 } 7870 7871 html:not([dark]) .b-overflow-y[data-v-ee0005ae]:hover::-webkit-scrollbar-thumb:hover { 7872 box-shadow: inset 0 0 14px 14px transparent; 7873 background-color: #19222a4d; 7874 scrollbar-color: rgba(25,34,42,.3019607843) transparent 7875 } 7876 7877 html:not([dark]) .b-overflow-y[data-v-ee0005ae]::-webkit-scrollbar-track { 7878 border-radius: 3px; 7879 background-color: transparent 7880 } 7881 7882 html:not([dark]) .b-overflow-y.hidden[data-v-ee0005ae] { 7883 scrollbar-width: none 7884 } 7885 7886 html:not([dark]) .b-overflow-y.hidden[data-v-ee0005ae]::-webkit-scrollbar-thumb { 7887 border-radius: 4px; 7888 background-color: transparent 7889 } 7890 7891 html:not([dark]) .b-overflow-y.hidden[data-v-ee0005ae]:hover { 7892 scrollbar-width: thin 7893 } 7894 7895 html:not([dark]) .b-overflow-y.hidden[data-v-ee0005ae]:hover::-webkit-scrollbar-thumb { 7896 box-shadow: inset 0 0 14px 14px transparent; 7897 border-radius: 4px; 7898 background-color: #19222a4d; 7899 scrollbar-color: rgba(25,34,42,.3019607843) transparent 7900 } 7901 7902 html:not([dark]) .b-overflow-y.hidden[data-v-ee0005ae]:hover::-webkit-scrollbar-thumb:hover { 7903 box-shadow: inset 0 0 14px 14px transparent; 7904 background-color: #19222a4d; 7905 scrollbar-color: rgba(25,34,42,.3019607843) transparent 7906 } 7907 7908 html:not([dark]) .b-overflow-y[data-v-ee0005ae] { 7909 overflow-y: auto; 7910 margin: 0 7911 } 7912 7913 html[dark] .blu-modal__body[data-v-ee0005ae] { 7914 --blu-modal-body-text: 500 16px/20px Blibli, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif; 7915 --blu-modal-body-color: rgba(255, 255, 255, .8); 7916 --blu-modal-body-padding: 4px 16px 12px; 7917 --blu-modal-body-addition-gap: 8px 16px; 7918 font: var(--blu-modal-body-text); 7919 color: var(--blu-modal-body-color); 7920 display: flex; 7921 flex-direction: column; 7922 overscroll-behavior: contain 7923 } 7924 7925 html[dark] .blu-modal__body-content[data-v-ee0005ae] { 7926 padding: var(--blu-modal-body-padding) 7927 } 7928 7929 html[dark] .blu-modal__body-addition[data-v-ee0005ae] { 7930 padding: var(--blu-modal-body-addition-gap) 7931 } 7932 7933 html[dark] .blu-modal__body.b-has-no-padding[data-v-ee0005ae] { 7934 --blu-modal-body-padding: 0 7935 } 7936 7937 @media screen and (max-width: 839px) { 7938 html[dark] .blu-modal__body[data-v-ee0005ae] { 7939 --blu-modal-body-text: 500 14px/18px Blibli, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif 7940 } 7941 } 7942 7943 html[dark] .b-overflow-y[data-v-ee0005ae] { 7944 scrollbar-color: rgba(255,255,255,.3019607843) transparent; 7945 scrollbar-width: thin 7946 } 7947 7948 html[dark] .b-overflow-y[data-v-ee0005ae]::-webkit-scrollbar {
7949 width: 4px; 7950 height: 8px; 7951 background-color: transparent 7952 } 7953 7954 html[dark] .b-overflow-y[data-v-ee0005ae]::-webkit-scrollbar-track { 7955 margin: 13px 0 7956 } 7957 7958 html[dark] .b-overflow-y[data-v-ee0005ae]::-webkit-scrollbar-thumb { 7959 box-shadow: inset 0 0 14px 14px transparent; 7960 border-radius: 4px; 7961 background-color: #ffffff4d; 7962 scrollbar-color: rgba(255,255,255,.3019607843) 7963 } 7964 7965 html[dark] .b-overflow-y[data-v-ee0005ae]:hover::-webkit-scrollbar { 7966 width: 4px 7967 } 7968 7969 html[dark] .b-overflow-y[data-v-ee0005ae]:hover::-webkit-scrollbar-track { 7970 border: solid 2px transparent 7971 } 7972 7973 html[dark] .b-overflow-y[data-v-ee0005ae]:hover::-webkit-scrollbar-thumb:hover { 7974 box-shadow: inset 0 0 14px 14px transparent; 7975 background-color: #ffffff4d; 7976 scrollbar-color: rgba(255,255,255,.3019607843) transparent 7977 } 7978 7979 html[dark] .b-overflow-y[data-v-ee0005ae]::-webkit-scrollbar-track { 7980 border-radius: 3px; 7981 background-color: transparent 7982 } 7983 7984 html[dark] .b-overflow-y.hidden[data-v-ee0005ae] { 7985 scrollbar-width: none 7986 } 7987 7988 html[dark] .b-overflow-y.hidden[data-v-ee0005ae]::-webkit-scrollbar-thumb { 7989 border-radius: 4px; 7990 background-color: transparent 7991 } 7992 7993 html[dark] .b-overflow-y.hidden[data-v-ee0005ae]:hover { 7994 scrollbar-width: thin 7995 } 7996 7997 html[dark] .b-overflow-y.hidden[data-v-ee0005ae]:hover::-webkit-scrollbar-thumb { 7998 box-shadow: inset 0 0 14px 14px transparent; 7999 border-radius: 4px; 8000 background-color: #ffffff4d; 8001 scrollbar-color: rgba(255,255,255,.3019607843) transparent 8002 } 8003 8004 html[dark] .b-overflow-y.hidden[data-v-ee0005ae]:hover::-webkit-scrollbar-thumb:hover { 8005 box-shadow: inset 0 0 14px 14px transparent; 8006 background-color: #ffffff4d; 8007 scrollbar-color: rgba(255,255,255,.3019607843) transparent 8008 } 8009 8010 html[dark] .b-overflow-y[data-v-ee0005ae] { 8011 overflow-y: auto; 8012 margin: 0 8013 } 8014 </style> 8015 <style> 8016 html:not([dark]) .blu-modal__footer[data-v-1b4528ab] { 8017 --blu-modal-footer-padding: 16px; 8018 --blu-modal-footer-gap: 8px; 8019 display: flex; 8020 justify-content: flex-end; 8021 padding: var(--blu-modal-footer-padding); 8022 box-sizing: border-box; 8023 margin-top: auto 8024 } 8025 8026 html:not([dark]) .blu-modal__footer[data-v-1b4528ab]:not(.b-long-action) *:not(:last-child) { 8027 margin-right: var(--blu-modal-footer-gap) 8028 } 8029 8030 html:not([dark]) .blu-modal__footer.b-long-action[data-v-1b4528ab] { 8031 flex-direction: column-reverse 8032 } 8033 8034 html:not([dark]) .blu-modal__footer.b-long-action[data-v-1b4528ab] *:not(:first-child) { 8035 margin-bottom: var(--blu-modal-footer-gap) 8036 } 8037 8038 @media screen and (max-width: 839px) { 8039 html:not([dark]) .blu-modal__footer[data-v-1b4528ab] .blu-button { 8040 width:100% 8041 } 8042 } 8043 8044 html[dark] .blu-modal__footer[data-v-1b4528ab] { 8045 --blu-modal-footer-padding: 16px; 8046 --blu-modal-footer-gap: 8px; 8047 display: flex; 8048 justify-content: flex-end; 8049 padding: var(--blu-modal-footer-padding); 8050 box-sizing: border-box; 8051 margin-top: auto 8052 } 8053 8054 html[dark] .blu-modal__footer[data-v-1b4528ab]:not(.b-long-action) *:not(:last-child) { 8055 margin-right: var(--blu-modal-footer-gap) 8056 } 8057 8058 html[dark] .blu-modal__footer.b-long-action[data-v-1b4528ab] { 8059 flex-direction: column-reverse 8060 } 8061 8062 html[dark] .blu-modal__footer.b-long-action[data-v-1b4528ab] *:not(:first-child) { 8063 margin-bottom: var(--blu-modal-footer-gap) 8064 } 8065 8066 @media screen and (max-width: 839px) { 8067 html[dark] .blu-modal__footer[data-v-1b4528ab] .blu-button { 8068 width:100% 8069 } 8070 } 8071 </style> 8072 <style> 8073 html:not([dark]) .blu-banner[data-v-2470b354] { 8074 --blu-banner-action-text: 600 16px/20px Blibli, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif; 8075 --blu-banner-desc-text: 500 16px/20px Blibli, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif; 8076 --blu-banner-label-text: 600 16px/20px Blibli, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif; 8077 --blu-banner-link-text: 500 16px/20px Blibli, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif; 8078 --blu-banner-action-group-spacing-gap: 16px; 8079 --blu-banner-action-group-spacing-padding: 8px 0; 8080 --blu-banner-container-spacing-gap: 8px; 8081 --blu-banner-spacing-gap: 8px; 8082 --blu-banner-spacing-padding: 8px; 8083 --blu-banner-icon-size: 24px; 8084 --blu-banner-icon-close-color: #797f85; 8085 --blu-banner-image-size: 40px; 8086 display: flex; 8087 padding: var(--blu-banner-spacing-padding); 8088 background-color: var(--blu-banner-color-background); 8089 border: 1px solid var(--blu-banner-color-border); 8090 width: fit-content; 8091 box-sizing: border-box; 8092 border-radius: 8px 8093 } 8094 8095 html:not([dark]) .blu-banner[data-v-2470b354]>*:not(:last-child) { 8096 margin-right: var(--blu-banner-spacing-gap) 8097 } 8098 8099 html:not([dark]) .blu-banner[data-v-2470b354] svg { 8100 width: var(--blu-banner-icon-size); 8101 height: var(--blu-banner-icon-size); 8102 flex-shrink: 0 8103 } 8104 8105 html:not([dark]) .blu-banner[data-v-2470b354] img { 8106 width: var(--blu-banner-image-size); 8107 height: var(--blu-banner-image-size); 8108 border-radius: 4px 8109 } 8110 8111 html:not([dark]) .blu-banner[data-v-2470b354] a { 8112 color: #006dea; 8113 text-decoration: none 8114 } 8115 8116 html:not([dark]) .blu-banner[data-v-2470b354] a:focus-visible { 8117 outline: #19222a solid 2px 8118 } 8119 8120 html:not([dark]) .blu-banner .status-icon[data-v-2470b354] { 8121 color: var(--blu-banner-color-icon) 8122 } 8123 8124 html:not([dark]) .blu-banner .close-icon[data-v-2470b354] { 8125 cursor: pointer; 8126 margin-left: auto; 8127 color: var(--blu-banner-icon-close-color) 8128 } 8129 8130 html:not([dark]) .blu-banner .close-icon[data-v-2470b354]:focus-visible { 8131 outline: #19222a solid 2px 8132 } 8133 8134 html:not([dark]) .blu-banner__label[data-v-2470b354] { 8135 font: var(--blu-banner-label-text); 8136 color: #19222a 8137 } 8138 8139 html:not([dark]) .blu-banner__desc[data-v-2470b354] { 8140 font: var(--blu-banner-desc-text); 8141 color: #19222ab3 8142 } 8143 8144 html:not([dark]) .blu-banner__desc[data-v-2470b354] a { 8145 font: var(--blu-banner-link-text) 8146 } 8147 8148 html:not([dark]) .blu-banner__container[data-v-2470b354] { 8149 display: flex; 8150 flex-direction: column; 8151 justify-content: center 8152 } 8153 8154 html:not([dark]) .blu-banner__container>*[data-v-2470b354]:not(:last-child) { 8155 margin-bottom: var(--blu-banner-container-spacing-gap) 8156 } 8157 8158 html:not([dark]) .blu-banner__action-group[data-v-2470b354] { 8159 display: flex 8160 } 8161 8162 html:not([dark]) .blu-banner__action-group[data-v-2470b354] :not(:last-child) { 8163 margin-right: var(--blu-banner-action-group-spacing-gap) 8164 } 8165 8166 html:not([dark]) .blu-banner__action-group[data-v-2470b354] a { 8167 padding: var(--blu-banner-action-group-spacing-padding); 8168 font: var(--blu-banner-action-text) 8169 } 8170 8171 html:not([dark]) .blu-banner.b-small[data-v-2470b354] { 8172 --blu-banner-action-text: 600 14px/18px Blibli, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif; 8173 --blu-banner-desc-text: 500 14px/18px Blibli, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif; 8174 --blu-banner-label-text: 600 14px/18px Blibli, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif; 8175 --blu-banner-link-text: 500 14px/18px Blibli, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif; 8176 --blu-banner-action-group-spacing-gap: 16px; 8177 --blu-banner-action-group-spacing-padding: 4px 0; 8178 --blu-banner-container-spacing-gap: 8px; 8179 --blu-banner-spacing-gap: 8px; 8180 --blu-banner-spacing-padding: 8px 12px; 8181 --blu-banner-icon-size: 18px; 8182 --blu-banner-image-size: 32px 8183 } 8184 8185 html:not([dark]) .blu-banner.b-horizontal .blu-banner__container[data-v-2470b354] { 8186 flex-direction: row 8187 } 8188 8189 html:not([dark]) .blu-banner.b-horizontal .blu-banner__container>*[data-v-2470b354]:not(:last-child) { 8190 margin-right: var(--blu-banner-container-spacing-gap); 8191 margin-bottom: 0 8192 } 8193 8194 html:not([dark]) .blu-banner.b-long-action .blu-banner__action-group[data-v-2470b354] { 8195 flex-direction: column 8196 } 8197 8198 html:not([dark]) .blu-banner.b-full-width[data-v-2470b354] { 8199 width: 100% 8200 } 8201 8202 html:not([dark]) .blu-banner.b-info[data-v-2470b354] { 8203 --blu-banner-color-background: #f3f9ff; 8204 --blu-banner-color-border: #b9deff; 8205 --blu-banner-color-icon: #0072ff 8206 } 8207
8208 html:not([dark]) .blu-banner.b-alert[data-v-2470b354] { 8209 --blu-banner-color-background: #fff8e0; 8210 --blu-banner-color-border: #fedd6c; 8211 --blu-banner-color-icon: #bc6e06 8212 } 8213 8214 html:not([dark]) .blu-banner.b-error[data-v-2470b354] { 8215 --blu-banner-color-background: #fff5f5; 8216 --blu-banner-color-border: #fecccb; 8217 --blu-banner-color-icon: #e93c3c 8218 } 8219 8220 html:not([dark]) .blu-banner.b-success[data-v-2470b354] { 8221 --blu-banner-color-background: #effcf0; 8222 --blu-banner-color-border: #b2efb9; 8223 --blu-banner-color-icon: #1f912e 8224 } 8225 8226 html:not([dark]) .blu-banner.b-general[data-v-2470b354] { 8227 --blu-banner-color-background: #f9f9fa; 8228 --blu-banner-color-border: #e1e3e4 8229 } 8230 8231 html[dark] .blu-banner[data-v-2470b354] { 8232 --blu-banner-action-text: 600 16px/20px Blibli, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif; 8233 --blu-banner-desc-text: 500 16px/20px Blibli, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif; 8234 --blu-banner-label-text: 600 16px/20px Blibli, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif; 8235 --blu-banner-link-text: 500 16px/20px Blibli, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif; 8236 --blu-banner-action-group-spacing-gap: 16px; 8237 --blu-banner-action-group-spacing-padding: 8px 0; 8238 --blu-banner-container-spacing-gap: 8px; 8239 --blu-banner-spacing-gap: 8px; 8240 --blu-banner-spacing-padding: 8px; 8241 --blu-banner-icon-size: 24px; 8242 --blu-banner-icon-close-color: #acb0b4; 8243 --blu-banner-image-size: 40px; 8244 display: flex; 8245 padding: var(--blu-banner-spacing-padding); 8246 background-color: var(--blu-banner-color-background); 8247 border: 1px solid var(--blu-banner-color-border); 8248 width: fit-content; 8249 box-sizing: border-box; 8250 border-radius: 8px 8251 } 8252 8253 html[dark] .blu-banner[data-v-2470b354]>*:not(:last-child) { 8254 margin-right: var(--blu-banner-spacing-gap) 8255 } 8256 8257 html[dark] .blu-banner[data-v-2470b354] svg { 8258 width: var(--blu-banner-icon-size); 8259 height: var(--blu-banner-icon-size); 8260 flex-shrink: 0 8261 } 8262 8263 html[dark] .blu-banner[data-v-2470b354] img { 8264 width: var(--blu-banner-image-size); 8265 height: var(--blu-banner-image-size); 8266 border-radius: 4px 8267 } 8268 8269 html[dark] .blu-banner[data-v-2470b354] a { 8270 color: #4fa4ff; 8271 text-decoration: none 8272 } 8273 8274 html[dark] .blu-banner[data-v-2470b354] a:focus-visible { 8275 outline: #f9f9fa solid 2px 8276 } 8277 8278 html[dark] .blu-banner .status-icon[data-v-2470b354] { 8279 color: var(--blu-banner-color-icon) 8280 } 8281 8282 html[dark] .blu-banner .close-icon[data-v-2470b354] { 8283 cursor: pointer; 8284 margin-left: auto; 8285 color: var(--blu-banner-icon-close-color) 8286 } 8287 8288 html[dark] .blu-banner .close-icon[data-v-2470b354]:focus-visible { 8289 outline: #f9f9fa solid 2px 8290 } 8291 8292 html[dark] .blu-banner__label[data-v-2470b354] { 8293 font: var(--blu-banner-label-text); 8294 color: #fff 8295 } 8296 8297 html[dark] .blu-banner__desc[data-v-2470b354] { 8298 font: var(--blu-banner-desc-text); 8299 color: #fffc 8300 } 8301 8302 html[dark] .blu-banner__desc[data-v-2470b354] a { 8303 font: var(--blu-banner-link-text) 8304 } 8305 8306 html[dark] .blu-banner__container[data-v-2470b354] { 8307 display: flex; 8308 flex-direction: column; 8309 justify-content: center 8310 } 8311 8312 html[dark] .blu-banner__container>*[data-v-2470b354]:not(:last-child) { 8313 margin-bottom: var(--blu-banner-container-spacing-gap) 8314 } 8315 8316 html[dark] .blu-banner__action-group[data-v-2470b354] { 8317 display: flex 8318 } 8319 8320 html[dark] .blu-banner__action-group[data-v-2470b354] :not(:last-child) { 8321 margin-right: var(--blu-banner-action-group-spacing-gap) 8322 } 8323 8324 html[dark] .blu-banner__action-group[data-v-2470b354] a { 8325 padding: var(--blu-banner-action-group-spacing-padding); 8326 font: var(--blu-banner-action-text) 8327 } 8328 8329 html[dark] .blu-banner.b-small[data-v-2470b354] { 8330 --blu-banner-action-text: 600 14px/18px Blibli, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif; 8331 --blu-banner-desc-text: 500 14px/18px Blibli, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif; 8332 --blu-banner-label-text: 600 14px/18px Blibli, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif; 8333 --blu-banner-link-text: 500 14px/18px Blibli, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif; 8334 --blu-banner-action-group-spacing-gap: 16px; 8335 --blu-banner-action-group-spacing-padding: 4px 0; 8336 --blu-banner-container-spacing-gap: 8px; 8337 --blu-banner-spacing-gap: 8px; 8338 --blu-banner-spacing-padding: 8px 12px; 8339 --blu-banner-icon-size: 18px; 8340 --blu-banner-image-size: 32px 8341 } 8342 8343 html[dark] .blu-banner.b-horizontal .blu-banner__container[data-v-2470b354] { 8344 flex-direction: row 8345 } 8346 8347 html[dark] .blu-banner.b-horizontal .blu-banner__container>*[data-v-2470b354]:not(:last-child) { 8348 margin-right: var(--blu-banner-container-spacing-gap); 8349 margin-bottom: 0 8350 } 8351 8352 html[dark] .blu-banner.b-long-action .blu-banner__action-group[data-v-2470b354] { 8353 flex-direction: column 8354 } 8355 8356 html[dark] .blu-banner.b-full-width[data-v-2470b354] { 8357 width: 100% 8358 } 8359 8360 html[dark] .blu-banner.b-info[data-v-2470b354] { 8361 --blu-banner-color-background: #002e7a; 8362 --blu-banner-color-border: #0050bd; 8363 --blu-banner-color-icon: #4fa4ff 8364 } 8365
8366 html[dark] .blu-banner.b-alert[data-v-2470b354] { 8367 --blu-banner-color-background: #4d2c02; 8368 --blu-banner-color-border: #7e4704; 8369 --blu-banner-color-icon: #f1ab02 8370 } 8371 8372 html[dark] .blu-banner.b-error[data-v-2470b354] { 8373 --blu-banner-color-background: #631818; 8374 --blu-banner-color-border: #a32727; 8375 --blu-banner-color-icon: #ff7373 8376 } 8377 8378 html[dark] .blu-banner.b-success[data-v-2470b354] { 8379 --blu-banner-color-background: #0d3c13; 8380 --blu-banner-color-border: #15631f; 8381 --blu-banner-color-icon: #02c82b 8382 } 8383 8384 html[dark] .blu-banner.b-general[data-v-2470b354] { 8385 --blu-banner-color-background: #19222a; 8386 --blu-banner-color-border: #3b444c 8387 } 8388 </style> 8389 <style> 8390 html:not([dark]) .blu-loader-general[data-v-5f0af726] { 8391 --blu-loader-general-highlight-color-background: #1d8fff; 8392 --blu-loader-general-base-color-background: #f1f2f2; 8393 width: var(--blu-loader-general-size); 8394 height: var(--blu-loader-general-size) 8395 } 8396 8397 html:not([dark]) .blu-loader-general__asset[data-v-5f0af726] { 8398 animation: general-rotate-5f0af726 1.6s linear infinite; 8399 transform-origin: center center; 8400 transition: all .5s ease-in-out; 8401 width: 100%; 8402 height: 100%; 8403 margin: auto; 8404 transform: rotate(90deg) 8405 } 8406 8407 html:not([dark]) .blu-loader-general__asset--highlight[data-v-5f0af726],html:not([dark]) .blu-loader-general__asset--base[data-v-5f0af726] { 8408 stroke-linecap: round 8409 } 8410 8411 html:not([dark]) .blu-loader-general__asset--highlight[data-v-5f0af726] { 8412 stroke: var(--blu-loader-general-highlight-color-background); 8413 animation: general-highlight-5f0af726 1.6s linear infinite 8414 } 8415 8416 html:not([dark]) .blu-loader-general__asset--base[data-v-5f0af726] { 8417 stroke: var(--blu-loader-general-base-color-background); 8418 animation: general-base-5f0af726 1.6s linear infinite 8419 } 8420 8421 html:not([dark]) .blu-loader-general.b-inverted[data-v-5f0af726] { 8422 --blu-loader-general-highlight-color-background: #ffffff; 8423 --blu-loader-general-base-color-background: #c8cbcd 8424 } 8425 8426 html:not([dark]) .blu-loader-general.b-size-s[data-v-5f0af726] { 8427 --blu-loader-general-size: 16px 8428 } 8429 8430 html:not([dark]) .blu-loader-general.b-size-m[data-v-5f0af726] { 8431 --blu-loader-general-size: 18px 8432 } 8433 8434 html:not([dark]) .blu-loader-general.b-size-l[data-v-5f0af726] { 8435 --blu-loader-general-size: 24px 8436 } 8437 8438 html:not([dark]) .blu-loader-general.b-size-xl[data-v-5f0af726] { 8439 --blu-loader-general-size: 32px 8440 } 8441 8442 html[dark] .blu-loader-general[data-v-5f0af726] { 8443 --blu-loader-general-highlight-color-background: #4fa4ff; 8444 --blu-loader-general-base-color-background: #28323b; 8445 width: var(--blu-loader-general-size); 8446 height: var(--blu-loader-general-size) 8447 } 8448 8449 html[dark] .blu-loader-general__asset[data-v-5f0af726] { 8450 animation: general-rotate-5f0af726 1.6s linear infinite; 8451 transform-origin: center center; 8452 transition: all .5s ease-in-out; 8453 width: 100%; 8454 height: 100%; 8455 margin: auto; 8456 transform: rotate(90deg) 8457 } 8458 8459 html[dark] .blu-loader-general__asset--highlight[data-v-5f0af726],html[dark] .blu-loader-general__asset--base[data-v-5f0af726] { 8460 stroke-linecap: round 8461 } 8462 8463 html[dark] .blu-loader-general__asset--highlight[data-v-5f0af726] { 8464 stroke: var(--blu-loader-general-highlight-color-background); 8465 animation: general-highlight-5f0af726 1.6s linear infinite 8466 } 8467 8468 html[dark] .blu-loader-general__asset--base[data-v-5f0af726] { 8469 stroke: var(--blu-loader-general-base-color-background); 8470 animation: general-base-5f0af726 1.6s linear infinite 8471 } 8472 8473 html[dark] .blu-loader-general.b-inverted[data-v-5f0af726] { 8474 --blu-loader-general-highlight-color-background: #12171d; 8475 --blu-loader-general-base-color-background: #60686e 8476 } 8477 8478 html[dark] .blu-loader-general.b-size-s[data-v-5f0af726] { 8479 --blu-loader-general-size: 16px 8480 } 8481 8482 html[dark] .blu-loader-general.b-size-m[data-v-5f0af726] { 8483 --blu-loader-general-size: 18px 8484 } 8485 8486 html[dark] .blu-loader-general.b-size-l[data-v-5f0af726] { 8487 --blu-loader-general-size: 24px 8488 } 8489 8490 html[dark] .blu-loader-general.b-size-xl[data-v-5f0af726] { 8491 --blu-loader-general-size: 32px 8492 } 8493 8494 @keyframes general-highlight-5f0af726 { 8495 0% { 8496 stroke-dasharray: 1,200; 8497 stroke-dashoffset: 0 8498 } 8499 8500 50% { 8501 stroke-dasharray: 50,200; 8502 stroke-dashoffset: -15px 8503 } 8504 8505 to { 8506 stroke-dasharray: 50,200; 8507 stroke-dashoffset: -124px 8508 } 8509 } 8510 8511 @keyframes general-base-5f0af726 { 8512 0% { 8513 stroke-dasharray: 1,200; 8514 stroke-dashoffset: 0 8515 } 8516 8517 to { 8518 stroke-dasharray: 100,200; 8519 stroke-dashoffset: -120px 8520 } 8521 } 8522 8523 @keyframes general-rotate-5f0af726 { 8524 to { 8525 transform: rotate(450deg) 8526 } 8527 } 8528 </style> 8529 <style> 8530 html:not([dark]) .b-overflow-y[data-v-7b49b436] { 8531 scrollbar-color: rgba(25,34,42,.3019607843) transparent; 8532 scrollbar-width: thin 8533 } 8534 8535 html:not([dark]) .b-overflow-y[data-v-7b49b436]::-webkit-scrollbar {
8536 width: 4px; 8537 height: 8px; 8538 background-color: transparent 8539 } 8540 8541 html:not([dark]) .b-overflow-y[data-v-7b49b436]::-webkit-scrollbar-track { 8542 margin: 13px 0 8543 } 8544 8545 html:not([dark]) .b-overflow-y[data-v-7b49b436]::-webkit-scrollbar-thumb { 8546 box-shadow: inset 0 0 14px 14px transparent; 8547 border-radius: 4px; 8548 background-color: #19222a4d; 8549 scrollbar-color: rgba(25,34,42,.3019607843) 8550 } 8551 8552 html:not([dark]) .b-overflow-y[data-v-7b49b436]:hover::-webkit-scrollbar { 8553 width: 4px 8554 } 8555 8556 html:not([dark]) .b-overflow-y[data-v-7b49b436]:hover::-webkit-scrollbar-track { 8557 border: solid 2px transparent 8558 } 8559 8560 html:not([dark]) .b-overflow-y[data-v-7b49b436]:hover::-webkit-scrollbar-thumb:hover { 8561 box-shadow: inset 0 0 14px 14px transparent; 8562 background-color: #19222a4d; 8563 scrollbar-color: rgba(25,34,42,.3019607843) transparent 8564 } 8565 8566 html:not([dark]) .b-overflow-y[data-v-7b49b436]::-webkit-scrollbar-track { 8567 border-radius: 3px; 8568 background-color: transparent 8569 } 8570 8571 html:not([dark]) .b-overflow-y.hidden[data-v-7b49b436] { 8572 scrollbar-width: none 8573 } 8574 8575 html:not([dark]) .b-overflow-y.hidden[data-v-7b49b436]::-webkit-scrollbar-thumb { 8576 border-radius: 4px; 8577 background-color: transparent 8578 } 8579 8580 html:not([dark]) .b-overflow-y.hidden[data-v-7b49b436]:hover { 8581 scrollbar-width: thin 8582 } 8583 8584 html:not([dark]) .b-overflow-y.hidden[data-v-7b49b436]:hover::-webkit-scrollbar-thumb { 8585 box-shadow: inset 0 0 14px 14px transparent; 8586 border-radius: 4px; 8587 background-color: #19222a4d; 8588 scrollbar-color: rgba(25,34,42,.3019607843) transparent 8589 } 8590 8591 html:not([dark]) .b-overflow-y.hidden[data-v-7b49b436]:hover::-webkit-scrollbar-thumb:hover { 8592 box-shadow: inset 0 0 14px 14px transparent; 8593 background-color: #19222a4d; 8594 scrollbar-color: rgba(25,34,42,.3019607843) transparent 8595 } 8596 8597 html:not([dark]) .b-overflow-y[data-v-7b49b436] { 8598 overflow-y: auto; 8599 margin: 0 8600 } 8601 8602 html:not([dark]) .blu-list__child .blu-list-group[data-v-7b49b436] { 8603 overflow: hidden 8604 } 8605 8606 html:not([dark]) .blu-list__child .blu-list-group[data-v-7b49b436]:not(.b-none):not(.b-group) .blu-list-item:first-child:before { 8607 content: ""; 8608 position: absolute; 8609 width: calc(100% - 16px); 8610 left: 8px; 8611 border-top: solid 1px #c8cbcd 8612 } 8613 8614 html:not([dark]) .blu-list-group[data-v-7b49b436]:not(.b-none):not(.b-group)>.blu-list-item:not(:first-child):before { 8615 border-top: solid 1px #c8cbcd; 8616 content: ""; 8617 position: absolute; 8618 width: calc(100% - 16px); 8619 left: 8px 8620 } 8621 8622 html:not([dark]) .blu-list-group.b-group[data-v-7b49b436]>.blu-list-item:last-child:after { 8623 border-bottom: solid 1px #c8cbcd; 8624 content: ""; 8625 position: absolute; 8626 width: calc(100% - 16px); 8627 left: 8px 8628 } 8629 8630 html[dark] .b-overflow-y[data-v-7b49b436] { 8631 scrollbar-color: rgba(255,255,255,.3019607843) transparent; 8632 scrollbar-width: thin 8633 } 8634 8635 html[dark] .b-overflow-y[data-v-7b49b436]::-webkit-scrollbar {
8636 width: 4px; 8637 height: 8px; 8638 background-color: transparent 8639 } 8640 8641 html[dark] .b-overflow-y[data-v-7b49b436]::-webkit-scrollbar-track { 8642 margin: 13px 0 8643 } 8644 8645 html[dark] .b-overflow-y[data-v-7b49b436]::-webkit-scrollbar-thumb { 8646 box-shadow: inset 0 0 14px 14px transparent; 8647 border-radius: 4px; 8648 background-color: #ffffff4d; 8649 scrollbar-color: rgba(255,255,255,.3019607843) 8650 } 8651 8652 html[dark] .b-overflow-y[data-v-7b49b436]:hover::-webkit-scrollbar { 8653 width: 4px 8654 } 8655 8656 html[dark] .b-overflow-y[data-v-7b49b436]:hover::-webkit-scrollbar-track { 8657 border: solid 2px transparent 8658 } 8659 8660 html[dark] .b-overflow-y[data-v-7b49b436]:hover::-webkit-scrollbar-thumb:hover { 8661 box-shadow: inset 0 0 14px 14px transparent; 8662 background-color: #ffffff4d; 8663 scrollbar-color: rgba(255,255,255,.3019607843) transparent 8664 } 8665 8666 html[dark] .b-overflow-y[data-v-7b49b436]::-webkit-scrollbar-track { 8667 border-radius: 3px; 8668 background-color: transparent 8669 } 8670 8671 html[dark] .b-overflow-y.hidden[data-v-7b49b436] { 8672 scrollbar-width: none 8673 } 8674 8675 html[dark] .b-overflow-y.hidden[data-v-7b49b436]::-webkit-scrollbar-thumb { 8676 border-radius: 4px; 8677 background-color: transparent 8678 } 8679 8680 html[dark] .b-overflow-y.hidden[data-v-7b49b436]:hover { 8681 scrollbar-width: thin 8682 } 8683 8684 html[dark] .b-overflow-y.hidden[data-v-7b49b436]:hover::-webkit-scrollbar-thumb { 8685 box-shadow: inset 0 0 14px 14px transparent; 8686 border-radius: 4px; 8687 background-color: #ffffff4d; 8688 scrollbar-color: rgba(255,255,255,.3019607843) transparent 8689 } 8690 8691 html[dark] .b-overflow-y.hidden[data-v-7b49b436]:hover::-webkit-scrollbar-thumb:hover { 8692 box-shadow: inset 0 0 14px 14px transparent; 8693 background-color: #ffffff4d; 8694 scrollbar-color: rgba(255,255,255,.3019607843) transparent 8695 } 8696 8697 html[dark] .b-overflow-y[data-v-7b49b436] { 8698 overflow-y: auto; 8699 margin: 0 8700 } 8701 8702 html[dark] .blu-list__child .blu-list-group[data-v-7b49b436] { 8703 overflow: hidden 8704 } 8705 8706 html[dark] .blu-list__child .blu-list-group[data-v-7b49b436]:not(.b-none):not(.b-group) .blu-list-item:first-child:before { 8707 content: ""; 8708 position: absolute; 8709 width: calc(100% - 16px); 8710 left: 8px; 8711 border-top: solid 1px #60686e 8712 } 8713 8714 html[dark] .blu-list-group[data-v-7b49b436]:not(.b-none):not(.b-group)>.blu-list-item:not(:first-child):before { 8715 border-top: solid 1px #60686e; 8716 content: ""; 8717 position: absolute; 8718 width: calc(100% - 16px); 8719 left: 8px 8720 } 8721 8722 html[dark] .blu-list-group.b-group[data-v-7b49b436]>.blu-list-item:last-child:after { 8723 border-bottom: solid 1px #60686e; 8724 content: ""; 8725 position: absolute; 8726 width: calc(100% - 16px); 8727 left: 8px 8728 } 8729 </style> 8730 <style> 8731 html:not([dark]) .blu-checkbox[data-v-03e81a59] { 8732 --blu-checkbox-spacing-padding: 4px 0; 8733 --blu-checkbox-icon-size: 22px; 8734 --blu-checkbox-icon-border-radius: 4px; 8735 --blu-checkbox-icon-padding: 2px; 8736 --blu-checkbox-container-border-radius: 4px; 8737 --blu-checkbox-container-border-width: 1px; 8738 --blu-checkbox-content-spacing-padding: 2px 0; 8739 --blu-checkbox-label-text: 500 14px/18px Blibli, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif; 8740 --blu-checkbox-container-color-border: #c8cbcd; 8741 --blu-checkbox-label-color-text: rgba(25, 34, 42, .7019607843); 8742 --blu-checkbox-cursor: pointer; 8743 --blu-checkbox-asset-color-border: #ffffff; 8744 display: inline-flex; 8745 position: relative; 8746 padding: var(--blu-checkbox-spacing-padding); 8747 outline: none 8748 } 8749 8750 html:not([dark]) .blu-checkbox[data-v-03e81a59],html:not([dark]) .blu-checkbox *[data-v-03e81a59] { 8751 cursor: var(--blu-checkbox-cursor) 8752 } 8753 8754 html:not([dark]) .blu-checkbox>*[data-v-03e81a59]:not(:last-child) { 8755 margin-right: 4px 8756 } 8757 8758 html:not([dark]) .blu-checkbox input[type=checkbox][data-v-03e81a59] { 8759 display: none 8760 } 8761 8762 html:not([dark]) .blu-checkbox__icon[data-v-03e81a59] { 8763 box-sizing: border-box; 8764 width: var(--blu-checkbox-icon-size); 8765 height: var(--blu-checkbox-icon-size); 8766 border-radius: var(--blu-checkbox-icon-border-radius); 8767 padding: var(--blu-checkbox-icon-padding); 8768 background: var(--blu-checkbox-icon-color-background); 8769 box-shadow: inset 0 0 0 var(--blu-checkbox-icon-border-width); 8770 color: var(--blu-checkbox-icon-color-border); 8771 flex-shrink: 0 8772 } 8773 8774 html:not([dark]) .blu-checkbox__container[data-v-03e81a59] { 8775 display: flex; 8776 align-items: center; 8777 justify-content: center; 8778 width: 100%; 8779 height: 100%; 8780 border-radius: var(--blu-checkbox-container-border-radius); 8781 box-shadow: inset 0 0 0 var(--blu-checkbox-container-border-width); 8782 color: var(--blu-checkbox-container-color-border); 8783 background: var(--blu-checkbox-container-color-background) 8784 } 8785 8786 html:not([dark]) .blu-checkbox__container .blu-checkbox__container-asset[data-v-03e81a59] { 8787 transform: rotate(-45deg) translateY(-4px) translate(-3px) 8788 } 8789 8790 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 { 8791 position: absolute; 8792 content: ""; 8793 opacity: 0; 8794 border-radius: 4px 8795 } 8796 8797 html:not([dark]) .blu-checkbox__container .blu-checkbox__container-asset[data-v-03e81a59]:before { 8798 height: 0 8799 } 8800 8801 html:not([dark]) .blu-checkbox__container .blu-checkbox__container-asset[data-v-03e81a59]:before { 8802 width: 2px 8803 } 8804 8805 html:not([dark]) .blu-checkbox__container .blu-checkbox__container-asset[data-v-03e81a59]:after { 8806 width: 0; 8807 height: 2px; 8808 transform: translateY(4px) 8809 } 8810 8811 html:not([dark]) .blu-checkbox__content[data-v-03e81a59] { 8812 display: flex; 8813 flex-direction: column; 8814 padding: var(--blu-checkbox-content-spacing-padding); 8815 font: var(--blu-checkbox-label-text); 8816 color: var(--blu-checkbox-label-color-text) 8817 } 8818 8819 html:not([dark]) .blu-checkbox__content>*[data-v-03e81a59]:not(:last-child) { 8820 margin-bottom: 4px 8821 } 8822 8823 html:not([dark]) .blu-checkbox[data-v-03e81a59]:not(.b-disabled):hover { 8824 --blu-checkbox-icon-color-background: #f9f9fa 8825 } 8826 8827 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] { 8828 --blu-checkbox-icon-color-background: #f3f9ff 8829 } 8830 8831 html:not([dark]) .blu-checkbox.b-error>input[type=checkbox]:not(:checked):not(:indeterminate)~.blu-checkbox__icon[data-v-03e81a59] { 8832 --blu-checkbox-container-color-border: #ff4646 8833 } 8834 8835 html:not([dark]) .blu-checkbox.b-error>input[type=checkbox]:not(:checked):not(:indeterminate)~.blu-checkbox__content[data-v-03e81a59] { 8836 --blu-checkbox-label-color-text: #d33534 8837 } 8838 8839 html:not([dark]) .blu-checkbox input[type=checkbox]:checked~.blu-checkbox__icon[data-v-03e81a59] { 8840 --blu-checkbox-container-color-background: #1d8fff; 8841 --blu-checkbox-container-color-border: #1d8fff 8842 } 8843 8844 html:not([dark]) .blu-checkbox input[type=checkbox]:checked~.blu-checkbox__icon .blu-checkbox__container[data-v-03e81a59] { 8845 animation: bounce-03e81a59 .3s ease-out 8846 } 8847 8848 html:not([dark]) .blu-checkbox input[type=checkbox]:checked~.blu-checkbox__icon .blu-checkbox__container-asset[data-v-03e81a59] { 8849 visibility: visible 8850 } 8851 8852 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 { 8853 background: var(--blu-checkbox-asset-color-border); 8854 opacity: 1; 8855 transition: all .1s .1s 8856 } 8857 8858 html:not([dark]) .blu-checkbox input[type=checkbox]:checked~.blu-checkbox__icon .blu-checkbox__container-asset[data-v-03e81a59]:before { 8859 height: 6px 8860 } 8861 8862 html:not([dark]) .blu-checkbox input[type=checkbox]:checked~.blu-checkbox__icon .blu-checkbox__container-asset[data-v-03e81a59]:after { 8863 width: 8px 8864 } 8865 8866 html:not([dark]) .blu-checkbox[data-v-03e81a59]:not(.b-disabled):focus-visible { 8867 --blu-checkbox-icon-color-background: #f9f9fa; 8868 --blu-checkbox-icon-color-border: #19222a 8869 } 8870 8871 html:not([dark]) .blu-checkbox[data-v-03e81a59]:not(.b-disabled):focus-visible:not(.b-small) { 8872 --blu-checkbox-icon-border-width: 2px 8873 } 8874 8875 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] { 8876 --blu-checkbox-icon-color-background: #f3f9ff 8877 } 8878 8879 html:not([dark]) .blu-checkbox.b-disabled[data-v-03e81a59] {
8880 --blu-checkbox-cursor: not-allowed; 8881 --blu-checkbox-container-color-border: #f1f2f2; 8882 --blu-checkbox-label-color-text: rgba(25, 34, 42, .3019607843); 8883 --blu-checkbox-asset-color-border: #ffffff; 8884 --blu-checkbox-container-color-background: #f9f9fa; 8885 user-select: auto 8886 } 8887 8888 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] { 8889 --blu-checkbox-container-color-border: transparent; 8890 --blu-checkbox-container-color-background: rgba(25, 34, 42, .3019607843) 8891 } 8892 8893 html:not([dark]) .blu-checkbox.b-small[data-v-03e81a59] { 8894 --blu-checkbox-icon-size: 18px; 8895 --blu-checkbox-icon-padding: 2px; 8896 --blu-checkbox-icon-border-radius: 4px; 8897 --blu-checkbox-container-border-radius: 4px; 8898 --blu-checkbox-container-border-width: 1px; 8899 --blu-checkbox-content-spacing-padding: 0; 8900 --blu-checkbox-label-text: 500 14px/18px Blibli, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif; 8901 --blu-checkbox-spacing-padding: 3px 0 8902 } 8903 8904 html:not([dark]) .blu-checkbox.b-small[data-v-03e81a59]:focus-visible { 8905 --blu-checkbox-icon-border-width: 2px 8906 } 8907 8908 html:not([dark]) .blu-checkbox.b-small .blu-checkbox__container-asset[data-v-03e81a59] { 8909 transform: rotate(-49deg) translateY(-4px) translate(-2px) 8910 } 8911 8912 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 { 8913 position: absolute; 8914 content: ""; 8915 opacity: 0; 8916 border-radius: 4px 8917 } 8918 8919 html:not([dark]) .blu-checkbox.b-small .blu-checkbox__container-asset[data-v-03e81a59]:before { 8920 height: 0 8921 } 8922 8923 html:not([dark]) .blu-checkbox.b-small .blu-checkbox__container-asset[data-v-03e81a59]:before { 8924 top: 1px 8925 } 8926 8927 html:not([dark]) .blu-checkbox.b-small input[type=checkbox]:checked~.blu-checkbox__icon .blu-checkbox__container[data-v-03e81a59] { 8928 animation: bounce-03e81a59 .3s ease-out 8929 } 8930 8931 html:not([dark]) .blu-checkbox.b-small input[type=checkbox]:checked~.blu-checkbox__icon .blu-checkbox__container-asset[data-v-03e81a59] { 8932 visibility: visible 8933 } 8934 8935 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 { 8936 background: var(--blu-checkbox-asset-color-border); 8937 opacity: 1; 8938 transition: all .1s .1s 8939 } 8940 8941 html:not([dark]) .blu-checkbox.b-small input[type=checkbox]:checked~.blu-checkbox__icon .blu-checkbox__container-asset[data-v-03e81a59]:before { 8942 height: 4px 8943 } 8944 8945 html:not([dark]) .blu-checkbox.b-small input[type=checkbox]:checked~.blu-checkbox__icon .blu-checkbox__container-asset[data-v-03e81a59]:after { 8946 width: 6px 8947 } 8948 8949 html:not([dark]) .blu-checkbox.b-small.b-partial .blu-checkbox__container-asset[data-v-03e81a59] { 8950 transform: rotate(90deg) translateY(-5px) translate(-1px) 8951 } 8952 8953 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 { 8954 position: absolute; 8955 content: ""; 8956 opacity: 0; 8957 border-radius: 4px 8958 } 8959 8960 html:not([dark]) .blu-checkbox.b-small.b-partial .blu-checkbox__container-asset[data-v-03e81a59]:before { 8961 height: 0 8962 } 8963 8964 html:not([dark]) .blu-checkbox.b-partial[data-v-03e81a59] { 8965 --blu-checkbox-container-color-background: #1d8fff; 8966 --blu-checkbox-container-color-border: #1d8fff 8967 } 8968 8969 html:not([dark]) .blu-checkbox.b-partial .blu-checkbox__container-asset[data-v-03e81a59] { 8970 transform: rotate(90deg) translateY(-4px) translate(-1px) 8971 } 8972 8973 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 { 8974 position: absolute; 8975 content: ""; 8976 opacity: 0; 8977 border-radius: 4px 8978 } 8979 8980 html:not([dark]) .blu-checkbox.b-partial .blu-checkbox__container-asset[data-v-03e81a59]:before { 8981 height: 0 8982 } 8983 8984 html:not([dark]) .blu-checkbox.b-partial .blu-checkbox__container-asset[data-v-03e81a59]:before { 8985 width: 2px 8986 } 8987 8988 html:not([dark]) .blu-checkbox.b-partial .blu-checkbox__container-asset[data-v-03e81a59]:after { 8989 display: none 8990 } 8991 8992 html:not([dark]) .blu-checkbox.b-partial input[type=checkbox]:indeterminate+.blu-checkbox__icon .blu-checkbox__container[data-v-03e81a59] { 8993 animation: bounce-03e81a59 .3s ease-out 8994 } 8995 8996 html:not([dark]) .blu-checkbox.b-partial input[type=checkbox]:indeterminate+.blu-checkbox__icon .blu-checkbox__container-asset[data-v-03e81a59] { 8997 visibility: visible 8998 } 8999 9000 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 { 9001 background: var(--blu-checkbox-asset-color-border); 9002 opacity: 1; 9003 transition: all .1s .1s 9004 } 9005 9006 html:not([dark]) .blu-checkbox.b-partial input[type=checkbox]:indeterminate+.blu-checkbox__icon .blu-checkbox__container-asset[data-v-03e81a59]:before { 9007 height: 8px 9008 } 9009 9010 @keyframes bounce-03e81a59 { 9011 25% { 9012 transform: scale(.9) 9013 } 9014 9015 50% { 9016 transform: scale(1.1) 9017 } 9018 } 9019 9020 html[dark] .blu-checkbox[data-v-03e81a59] { 9021 --blu-checkbox-spacing-padding: 4px 0; 9022 --blu-checkbox-icon-size: 22px; 9023 --blu-checkbox-icon-border-radius: 4px; 9024 --blu-checkbox-icon-padding: 2px; 9025 --blu-checkbox-container-border-radius: 4px; 9026 --blu-checkbox-container-border-width: 1px; 9027 --blu-checkbox-content-spacing-padding: 2px 0; 9028 --blu-checkbox-label-text: 500 14px/18px Blibli, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif; 9029 --blu-checkbox-container-color-border: #60686e; 9030 --blu-checkbox-label-color-text: rgba(255, 255, 255, .8); 9031 --blu-checkbox-cursor: pointer; 9032 --blu-checkbox-asset-color-border: #ffffff; 9033 display: inline-flex; 9034 position: relative; 9035 padding: var(--blu-checkbox-spacing-padding); 9036 outline: none 9037 } 9038 9039 html[dark] .blu-checkbox[data-v-03e81a59],html[dark] .blu-checkbox *[data-v-03e81a59] { 9040 cursor: var(--blu-checkbox-cursor) 9041 } 9042 9043 html[dark] .blu-checkbox>*[data-v-03e81a59]:not(:last-child) { 9044 margin-right: 4px 9045 } 9046 9047 html[dark] .blu-checkbox input[type=checkbox][data-v-03e81a59] { 9048 display: none 9049 } 9050 9051 html[dark] .blu-checkbox__icon[data-v-03e81a59] { 9052 box-sizing: border-box; 9053 width: var(--blu-checkbox-icon-size); 9054 height: var(--blu-checkbox-icon-size); 9055 border-radius: var(--blu-checkbox-icon-border-radius); 9056 padding: var(--blu-checkbox-icon-padding); 9057 background: var(--blu-checkbox-icon-color-background); 9058 box-shadow: inset 0 0 0 var(--blu-checkbox-icon-border-width); 9059 color: var(--blu-checkbox-icon-color-border); 9060 flex-shrink: 0 9061 } 9062 9063 html[dark] .blu-checkbox__container[data-v-03e81a59] { 9064 display: flex; 9065 align-items: center; 9066 justify-content: center; 9067 width: 100%; 9068 height: 100%; 9069 border-radius: var(--blu-checkbox-container-border-radius); 9070 box-shadow: inset 0 0 0 var(--blu-checkbox-container-border-width); 9071 color: var(--blu-checkbox-container-color-border); 9072 background: var(--blu-checkbox-container-color-background) 9073 } 9074 9075 html[dark] .blu-checkbox__container .blu-checkbox__container-asset[data-v-03e81a59] { 9076 transform: rotate(-45deg) translateY(-4px) translate(-3px) 9077 } 9078 9079 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 { 9080 position: absolute; 9081 content: ""; 9082 opacity: 0; 9083 border-radius: 4px 9084 } 9085 9086 html[dark] .blu-checkbox__container .blu-checkbox__container-asset[data-v-03e81a59]:before { 9087 height: 0 9088 } 9089 9090 html[dark] .blu-checkbox__container .blu-checkbox__container-asset[data-v-03e81a59]:before { 9091 width: 2px 9092 } 9093 9094 html[dark] .blu-checkbox__container .blu-checkbox__container-asset[data-v-03e81a59]:after { 9095 width: 0; 9096 height: 2px; 9097 transform: translateY(4px) 9098 } 9099 9100 html[dark] .blu-checkbox__content[data-v-03e81a59] { 9101 display: flex; 9102 flex-direction: column; 9103 padding: var(--blu-checkbox-content-spacing-padding); 9104 font: var(--blu-checkbox-label-text); 9105 color: var(--blu-checkbox-label-color-text) 9106 } 9107 9108 html[dark] .blu-checkbox__content>*[data-v-03e81a59]:not(:last-child) { 9109 margin-bottom: 4px 9110 } 9111 9112 html[dark] .blu-checkbox[data-v-03e81a59]:not(.b-disabled):hover { 9113 --blu-checkbox-icon-color-background: #19222a 9114 } 9115 9116 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] { 9117 --blu-checkbox-icon-color-background: #002e7a 9118 } 9119 9120 html[dark] .blu-checkbox.b-error>input[type=checkbox]:not(:checked):not(:indeterminate)~.blu-checkbox__icon[data-v-03e81a59] { 9121 --blu-checkbox-container-color-border: #ff7373 9122 } 9123 9124 html[dark] .blu-checkbox.b-error>input[type=checkbox]:not(:checked):not(:indeterminate)~.blu-checkbox__content[data-v-03e81a59] { 9125 --blu-checkbox-label-color-text: #ff7373 9126 } 9127 9128 html[dark] .blu-checkbox input[type=checkbox]:checked~.blu-checkbox__icon[data-v-03e81a59] { 9129 --blu-checkbox-container-color-background: #1d8fff; 9130 --blu-checkbox-container-color-border: #1d8fff 9131 } 9132 9133 html[dark] .blu-checkbox input[type=checkbox]:checked~.blu-checkbox__icon .blu-checkbox__container[data-v-03e81a59] { 9134 animation: bounce-03e81a59 .3s ease-out 9135 } 9136 9137 html[dark] .blu-checkbox input[type=checkbox]:checked~.blu-checkbox__icon .blu-checkbox__container-asset[data-v-03e81a59] { 9138 visibility: visible 9139 } 9140 9141 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 { 9142 background: var(--blu-checkbox-asset-color-border); 9143 opacity: 1; 9144 transition: all .1s .1s 9145 } 9146 9147 html[dark] .blu-checkbox input[type=checkbox]:checked~.blu-checkbox__icon .blu-checkbox__container-asset[data-v-03e81a59]:before { 9148 height: 6px 9149 } 9150 9151 html[dark] .blu-checkbox input[type=checkbox]:checked~.blu-checkbox__icon .blu-checkbox__container-asset[data-v-03e81a59]:after { 9152 width: 8px 9153 } 9154 9155 html[dark] .blu-checkbox[data-v-03e81a59]:not(.b-disabled):focus-visible { 9156 --blu-checkbox-icon-color-background: #19222a; 9157 --blu-checkbox-icon-color-border: #f9f9fa 9158 } 9159 9160 html[dark] .blu-checkbox[data-v-03e81a59]:not(.b-disabled):focus-visible:not(.b-small) { 9161 --blu-checkbox-icon-border-width: 2px 9162 } 9163 9164 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] { 9165 --blu-checkbox-icon-color-background: #002e7a 9166 } 9167 9168 html[dark] .blu-checkbox.b-disabled[data-v-03e81a59] {
9169 --blu-checkbox-cursor: not-allowed; 9170 --blu-checkbox-container-color-border: #28323b; 9171 --blu-checkbox-label-color-text: rgba(255, 255, 255, .3019607843); 9172 --blu-checkbox-asset-color-border: #12171d; 9173 --blu-checkbox-container-color-background: #19222a; 9174 user-select: auto 9175 } 9176 9177 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] { 9178 --blu-checkbox-container-color-border: transparent; 9179 --blu-checkbox-container-color-background: rgba(255, 255, 255, .3019607843) 9180 } 9181 9182 html[dark] .blu-checkbox.b-small[data-v-03e81a59] { 9183 --blu-checkbox-icon-size: 18px; 9184 --blu-checkbox-icon-padding: 2px; 9185 --blu-checkbox-icon-border-radius: 4px; 9186 --blu-checkbox-container-border-radius: 4px; 9187 --blu-checkbox-container-border-width: 1px; 9188 --blu-checkbox-content-spacing-padding: 0; 9189 --blu-checkbox-label-text: 500 14px/18px Blibli, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif; 9190 --blu-checkbox-spacing-padding: 3px 0 9191 } 9192 9193 html[dark] .blu-checkbox.b-small[data-v-03e81a59]:focus-visible { 9194 --blu-checkbox-icon-border-width: 2px 9195 } 9196 9197 html[dark] .blu-checkbox.b-small .blu-checkbox__container-asset[data-v-03e81a59] { 9198 transform: rotate(-49deg) translateY(-4px) translate(-2px) 9199 } 9200 9201 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 { 9202 position: absolute; 9203 content: ""; 9204 opacity: 0; 9205 border-radius: 4px 9206 } 9207 9208 html[dark] .blu-checkbox.b-small .blu-checkbox__container-asset[data-v-03e81a59]:before { 9209 height: 0 9210 } 9211 9212 html[dark] .blu-checkbox.b-small .blu-checkbox__container-asset[data-v-03e81a59]:before { 9213 top: 1px 9214 } 9215 9216 html[dark] .blu-checkbox.b-small input[type=checkbox]:checked~.blu-checkbox__icon .blu-checkbox__container[data-v-03e81a59] { 9217 animation: bounce-03e81a59 .3s ease-out 9218 } 9219 9220 html[dark] .blu-checkbox.b-small input[type=checkbox]:checked~.blu-checkbox__icon .blu-checkbox__container-asset[data-v-03e81a59] { 9221 visibility: visible 9222 } 9223 9224 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 { 9225 background: var(--blu-checkbox-asset-color-border); 9226 opacity: 1; 9227 transition: all .1s .1s 9228 } 9229 9230 html[dark] .blu-checkbox.b-small input[type=checkbox]:checked~.blu-checkbox__icon .blu-checkbox__container-asset[data-v-03e81a59]:before { 9231 height: 4px 9232 } 9233 9234 html[dark] .blu-checkbox.b-small input[type=checkbox]:checked~.blu-checkbox__icon .blu-checkbox__container-asset[data-v-03e81a59]:after { 9235 width: 6px 9236 } 9237 9238 html[dark] .blu-checkbox.b-small.b-partial .blu-checkbox__container-asset[data-v-03e81a59] { 9239 transform: rotate(90deg) translateY(-5px) translate(-1px) 9240 } 9241 9242 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 { 9243 position: absolute; 9244 content: ""; 9245 opacity: 0; 9246 border-radius: 4px 9247 } 9248 9249 html[dark] .blu-checkbox.b-small.b-partial .blu-checkbox__container-asset[data-v-03e81a59]:before { 9250 height: 0 9251 } 9252 9253 html[dark] .blu-checkbox.b-partial[data-v-03e81a59] { 9254 --blu-checkbox-container-color-background: #1d8fff; 9255 --blu-checkbox-container-color-border: #1d8fff 9256 } 9257 9258 html[dark] .blu-checkbox.b-partial .blu-checkbox__container-asset[data-v-03e81a59] { 9259 transform: rotate(90deg) translateY(-4px) translate(-1px) 9260 } 9261 9262 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 { 9263 position: absolute; 9264 content: ""; 9265 opacity: 0; 9266 border-radius: 4px 9267 } 9268 9269 html[dark] .blu-checkbox.b-partial .blu-checkbox__container-asset[data-v-03e81a59]:before { 9270 height: 0 9271 } 9272 9273 html[dark] .blu-checkbox.b-partial .blu-checkbox__container-asset[data-v-03e81a59]:before { 9274 width: 2px 9275 } 9276 9277 html[dark] .blu-checkbox.b-partial .blu-checkbox__container-asset[data-v-03e81a59]:after { 9278 display: none 9279 } 9280 9281 html[dark] .blu-checkbox.b-partial input[type=checkbox]:indeterminate+.blu-checkbox__icon .blu-checkbox__container[data-v-03e81a59] { 9282 animation: bounce-03e81a59 .3s ease-out 9283 } 9284 9285 html[dark] .blu-checkbox.b-partial input[type=checkbox]:indeterminate+.blu-checkbox__icon .blu-checkbox__container-asset[data-v-03e81a59] { 9286 visibility: visible 9287 } 9288 9289 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 { 9290 background: var(--blu-checkbox-asset-color-border); 9291 opacity: 1; 9292 transition: all .1s .1s 9293 } 9294 9295 html[dark] .blu-checkbox.b-partial input[type=checkbox]:indeterminate+.blu-checkbox__icon .blu-checkbox__container-asset[data-v-03e81a59]:before { 9296 height: 8px 9297 } 9298 9299 html:not([dark]) .blu-loader-general[data-v-5f0af726] { 9300 --blu-loader-general-highlight-color-background: #1d8fff; 9301 --blu-loader-general-base-color-background: #f1f2f2; 9302 width: var(--blu-loader-general-size); 9303 height: var(--blu-loader-general-size) 9304 } 9305 9306 html:not([dark]) .blu-loader-general__asset[data-v-5f0af726] { 9307 animation: general-rotate-5f0af726 1.6s linear infinite; 9308 transform-origin: center center; 9309 transition: all .5s ease-in-out; 9310 width: 100%; 9311 height: 100%; 9312 margin: auto; 9313 transform: rotate(90deg) 9314 } 9315 9316 html:not([dark]) .blu-loader-general__asset--highlight[data-v-5f0af726],html:not([dark]) .blu-loader-general__asset--base[data-v-5f0af726] { 9317 stroke-linecap: round 9318 } 9319 9320 html:not([dark]) .blu-loader-general__asset--highlight[data-v-5f0af726] { 9321 stroke: var(--blu-loader-general-highlight-color-background); 9322 animation: general-highlight-5f0af726 1.6s linear infinite 9323 } 9324 9325 html:not([dark]) .blu-loader-general__asset--base[data-v-5f0af726] { 9326 stroke: var(--blu-loader-general-base-color-background); 9327 animation: general-base-5f0af726 1.6s linear infinite 9328 } 9329 9330 html:not([dark]) .blu-loader-general.b-inverted[data-v-5f0af726] { 9331 --blu-loader-general-highlight-color-background: #ffffff; 9332 --blu-loader-general-base-color-background: #c8cbcd 9333 } 9334 9335 html:not([dark]) .blu-loader-general.b-size-s[data-v-5f0af726] { 9336 --blu-loader-general-size: 16px 9337 } 9338 9339 html:not([dark]) .blu-loader-general.b-size-m[data-v-5f0af726] { 9340 --blu-loader-general-size: 18px 9341 } 9342 9343 html:not([dark]) .blu-loader-general.b-size-l[data-v-5f0af726] { 9344 --blu-loader-general-size: 24px 9345 } 9346 9347 html:not([dark]) .blu-loader-general.b-size-xl[data-v-5f0af726] { 9348 --blu-loader-general-size: 32px 9349 } 9350 9351 html[dark] .blu-loader-general[data-v-5f0af726] { 9352 --blu-loader-general-highlight-color-background: #4fa4ff; 9353 --blu-loader-general-base-color-background: #28323b; 9354 width: var(--blu-loader-general-size); 9355 height: var(--blu-loader-general-size) 9356 } 9357 9358 html[dark] .blu-loader-general__asset[data-v-5f0af726] { 9359 animation: general-rotate-5f0af726 1.6s linear infinite; 9360 transform-origin: center center; 9361 transition: all .5s ease-in-out; 9362 width: 100%; 9363 height: 100%; 9364 margin: auto; 9365 transform: rotate(90deg) 9366 } 9367 9368 html[dark] .blu-loader-general__asset--highlight[data-v-5f0af726],html[dark] .blu-loader-general__asset--base[data-v-5f0af726] { 9369 stroke-linecap: round 9370 } 9371 9372 html[dark] .blu-loader-general__asset--highlight[data-v-5f0af726] { 9373 stroke: var(--blu-loader-general-highlight-color-background); 9374 animation: general-highlight-5f0af726 1.6s linear infinite 9375 } 9376 9377 html[dark] .blu-loader-general__asset--base[data-v-5f0af726] { 9378 stroke: var(--blu-loader-general-base-color-background); 9379 animation: general-base-5f0af726 1.6s linear infinite 9380 } 9381 9382 html[dark] .blu-loader-general.b-inverted[data-v-5f0af726] { 9383 --blu-loader-general-highlight-color-background: #12171d; 9384 --blu-loader-general-base-color-background: #60686e 9385 } 9386 9387 html[dark] .blu-loader-general.b-size-s[data-v-5f0af726] { 9388 --blu-loader-general-size: 16px 9389 } 9390 9391 html[dark] .blu-loader-general.b-size-m[data-v-5f0af726] { 9392 --blu-loader-general-size: 18px 9393 } 9394 9395 html[dark] .blu-loader-general.b-size-l[data-v-5f0af726] { 9396 --blu-loader-general-size: 24px 9397 } 9398 9399 html[dark] .blu-loader-general.b-size-xl[data-v-5f0af726] { 9400 --blu-loader-general-size: 32px 9401 } 9402 9403 @keyframes general-highlight-5f0af726 { 9404 0% { 9405 stroke-dasharray: 1,200; 9406 stroke-dashoffset: 0 9407 } 9408 9409 50% { 9410 stroke-dasharray: 50,200; 9411 stroke-dashoffset: -15px 9412 } 9413 9414 to { 9415 stroke-dasharray: 50,200; 9416 stroke-dashoffset: -124px 9417 } 9418 } 9419 9420 @keyframes general-base-5f0af726 { 9421 0% { 9422 stroke-dasharray: 1,200; 9423 stroke-dashoffset: 0 9424 } 9425 9426 to { 9427 stroke-dasharray: 100,200; 9428 stroke-dashoffset: -120px 9429 } 9430 } 9431 9432 @keyframes general-rotate-5f0af726 { 9433 to { 9434 transform: rotate(450deg) 9435 } 9436 } 9437 9438 html:not([dark]) *[data-v-39791579] { 9439 box-sizing: border-box 9440 } 9441 9442 html:not([dark]) .blu-radio[data-v-39791579] { 9443 --blu-radio-container-border-width: 1px; 9444 --blu-radio-container-color-border: #c8cbcd; 9445 --blu-radio-container-spacing-padding: 4px; 9446 --blu-radio-content-spacing-padding: 2px 0; 9447 --blu-radio-mark-size: 22px; 9448 --blu-radio-mark-spacing-padding: 2px; 9449 --blu-radio-label-text: 500 14px/18px Blibli, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif; 9450 --blu-radio-label-color-text: rgba(25, 34, 42, .7019607843); 9451 --blu-radio-spacing-padding: 4px 0; 9452 display: inline-flex; 9453 padding: var(--blu-radio-spacing-padding); 9454 align-items: flex-start; 9455 transition: all .3s; 9456 outline: none 9457 } 9458 9459 html:not([dark]) .blu-radio[data-v-39791579],html:not([dark]) .blu-radio *[data-v-39791579] { 9460 cursor: pointer 9461 } 9462 9463 html:not([dark]) .blu-radio>*[data-v-39791579]:not(:last-child) { 9464 margin-right: 4px 9465 } 9466 9467 html:not([dark]) .blu-radio input[type=radio][data-v-39791579] { 9468 display: none 9469 } 9470 9471 html:not([dark]) .blu-radio__mark[data-v-39791579] { 9472 min-width: var(--blu-radio-mark-size); 9473 height: var(--blu-radio-mark-size); 9474 padding: var(--blu-radio-mark-spacing-padding); 9475 background-color: var(--blu-radio-mark-color-background); 9476 border-radius: 50% 9477 } 9478 9479 html:not([dark]) .blu-radio__mark-container[data-v-39791579] { 9480 display: flex; 9481 align-items: center; 9482 justify-content: center; 9483 width: 100%; 9484 height: 100%; 9485 padding: var(--blu-radio-container-spacing-padding); 9486 background-color: var(--blu-radio-container-color-background); 9487 border-radius: 50%; 9488 box-shadow: 0 0 0 var(--blu-radio-container-border-width) var(--blu-radio-container-color-border) inset 9489 } 9490 9491 html:not([dark]) .blu-radio__mark-container .dot[data-v-39791579] { 9492 width: 100%; 9493 height: 100%; 9494 border-radius: 50%; 9495 background-color: var(--blu-radio-dot-color-background); 9496 transition: background-color .1s .1s 9497 } 9498 9499 html:not([dark]) .blu-radio__content[data-v-39791579] { 9500 font: var(--blu-radio-label-text); 9501 color: var(--blu-radio-label-color-text); 9502 padding: var(--blu-radio-content-spacing-padding) 9503 } 9504 9505 html:not([dark]) .blu-radio__content>*[data-v-39791579]:not(:last-child) { 9506 margin-bottom: 4px 9507 } 9508 9509 html:not([dark]) .blu-radio.b-error[data-v-39791579]:not(.b-selected) { 9510 --blu-radio-container-color-border: #ff4646; 9511 --blu-radio-label-color-text: #d33534 9512 } 9513 9514 html:not([dark]) .blu-radio.b-selected[data-v-39791579] { 9515 --blu-radio-container-color-border: #1d8fff; 9516 --blu-radio-dot-color-background: #1d8fff; 9517 --blu-radio-container-border-width: 1px 9518 } 9519 9520 html:not([dark]) .blu-radio.b-selected .blu-radio__mark-container[data-v-39791579] { 9521 animation: bounce-39791579 .3s ease-out 9522 } 9523 9524 html:not([dark]) .blu-radio.b-selected[data-v-39791579]:not(.b-disabled):hover { 9525 --blu-radio-mark-color-background: #f3f9ff 9526 } 9527 9528 html:not([dark]) .blu-radio.b-selected[data-v-39791579]:not(.b-disabled):focus-visible { 9529 --blu-radio-mark-color-background: #f3f9ff; 9530 --blu-radio-container-border-width-focused: 2px 9531 } 9532 9533 html:not([dark]) .blu-radio[data-v-39791579]:not(.b-disabled):not(.b-selected):hover { 9534 --blu-radio-mark-color-background: #f9f9fa 9535 } 9536 9537 html:not([dark]) .blu-radio[data-v-39791579]:focus-visible { 9538 --blu-radio-container-border-width-focused: 2px 9539 } 9540 9541 html:not([dark]) .blu-radio[data-v-39791579]:focus-visible:not(.b-disabled) { 9542 --blu-radio-mark-color-border-focused: #19222a 9543 } 9544 9545 html:not([dark]) .b
9545lu-radio:focus-visible:not(.b-disabled) .blu-radio__mark[data-v-39791579] { 9546 box-shadow: 0 0 0 var(--blu-radio-container-border-width-focused) var(--blu-radio-mark-color-border-focused) inset 9547 } 9548 9549 html:not([dark]) .blu-radio[data-v-39791579]:focus-visible:not(.b-disabled):not(.b-selected) { 9550 --blu-radio-mark-color-background: #f9f9fa 9551 } 9552 9553 html:not([dark]) .blu-radio.b-disabled[data-v-39791579] { 9554 --blu-radio-label-text: 500 14px/18px Blibli, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif; 9555 --blu-radio-container-color-border: rgba(25, 34, 42, .3019607843); 9556 --blu-radio-label-color-text: rgba(25, 34, 42, .3019607843); 9557 --blu-radio-container-color-background: #f9f9fa 9558 } 9559 9560 html:not([dark]) .blu-radio.b-disabled.b-selected[data-v-39791579] { 9561 --blu-radio-container-color-border: rgba(25, 34, 42, .3019607843); 9562 --blu-radio-dot-color-background: rgba(25, 34, 42, .3019607843) 9563 } 9564 9565 html:not([dark]) .blu-radio.b-disabled[data-v-39791579]:not(.b-readonly) { 9566 user-select: none; 9567 cursor: not-allowed 9568 } 9569 9570 html:not([dark]) .blu-radio.b-disabled:not(.b-readonly) *[data-v-39791579] { 9571 cursor: not-allowed 9572 } 9573 9574 html:not([dark]) .blu-radio.b-small[data-v-39791579] { 9575 --blu-radio-mark-size: 18px; 9576 --blu-radio-mark-spacing-padding: 2px; 9577 --blu-radio-container-spacing-padding: 3px; 9578 --blu-radio-container-border-width: 1px; 9579 --blu-radio-container-border-width-focused: 2px; 9580 --blu-radio-content-spacing-padding: 0; 9581 --blu-radio-label-text: 500 14px/18px Blibli, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif; 9582 --blu-radio-spacing-padding: 3px 0 9583 } 9584 9585 html:not([dark]) .blu-radio.b-small.b-selected[data-v-39791579] { 9586 --blu-radio-container-border-width: 1px 9587 } 9588 9589 html[dark] *[data-v-39791579] { 9590 box-sizing: border-box 9591 } 9592 9593 html[dark] .blu-radio[data-v-39791579] { 9594 --blu-radio-container-border-width: 1px; 9595 --blu-radio-container-color-border: #60686e; 9596 --blu-radio-container-spacing-padding: 4px; 9597 --blu-radio-content-spacing-padding: 2px 0; 9598 --blu-radio-mark-size: 22px; 9599 --blu-radio-mark-spacing-padding: 2px; 9600 --blu-radio-label-text: 500 14px/18px Blibli, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif; 9601 --blu-radio-label-color-text: rgba(255, 255, 255, .8); 9602 --blu-radio-spacing-padding: 4px 0; 9603 display: inline-flex; 9604 padding: var(--blu-radio-spacing-padding); 9605 align-items: flex-start; 9606 transition: all .3s; 9607 outline: none 9608 } 9609 9610 html[dark] .blu-radio[data-v-39791579],html[dark] .blu-radio *[data-v-39791579] { 9611 cursor: pointer 9612 } 9613 9614 html[dark] .blu-radio>*[data-v-39791579]:not(:last-child) { 9615 margin-right: 4px 9616 } 9617 9618 html[dark] .blu-radio input[type=radio][data-v-39791579] { 9619 display: none 9620 } 9621 9622 html[dark] .blu-radio__mark[data-v-39791579] { 9623 min-width: var(--blu-radio-mark-size); 9624 height: var(--blu-radio-mark-size); 9625 padding: var(--blu-radio-mark-spacing-padding); 9626 background-color: var(--blu-radio-mark-color-background); 9627 border-radius: 50% 9628 } 9629 9630 html[dark] .blu-radio__mark-container[data-v-39791579] { 9631 display: flex; 9632 align-items: center; 9633 justify-content: center; 9634 width: 100%; 9635 height: 100%; 9636 padding: var(--blu-radio-container-spacing-padding); 9637 background-color: var(--blu-radio-container-color-background); 9638 border-radius: 50%; 9639 box-shadow: 0 0 0 var(--blu-radio-container-border-width) var(--blu-radio-container-color-border) inset 9640 } 9641 9642 html[dark] .blu-radio__mark-container .dot[data-v-39791579] { 9643 width: 100%; 9644 height: 100%; 9645 border-radius: 50%; 9646 background-color: var(--blu-radio-dot-color-background); 9647 transition: background-color .1s .1s 9648 } 9649 9650 html[dark] .blu-radio__content[data-v-39791579] { 9651 font: var(--blu-radio-label-text); 9652 color: var(--blu-radio-label-color-text); 9653 padding: var(--blu-radio-content-spacing-padding) 9654 } 9655 9656 html[dark] .blu-radio__content>*[data-v-39791579]:not(:last-child) { 9657 margin-bottom: 4px 9658 } 9659 9660 html[dark] .blu-radio.b-error[data-v-39791579]:not(.b-selected) { 9661 --blu-radio-container-color-border: #ff7373; 9662 --blu-radio-label-color-text: #ff7373 9663 } 9664 9665 html[dark] .blu-radio.b-selected[data-v-39791579] { 9666 --blu-radio-container-color-border: #1d8fff; 9667 --blu-radio-dot-color-background: #1d8fff; 9668 --blu-radio-container-border-width: 1px 9669 } 9670 9671 html[dark] .blu-radio.b-selected .blu-radio__mark-container[data-v-39791579] { 9672 animation: bounce-39791579 .3s ease-out 9673 } 9674 9675 html[dark] .blu-radio.b-selected[data-v-39791579]:not(.b-disabled):hover { 9676 --blu-radio-mark-color-background: #002e7a 9677 } 9678 9679 html[dark] .blu-radio.b-selected[data-v-39791579]:not(.b-disabled):focus-visible { 9680 --blu-radio-mark-color-background: #002e7a; 9681 --blu-radio-container-border-width-focused: 2px 9682 } 9683 9684 html[dark] .blu-radio[data-v-39791579]:not(.b-disabled):not(.b-selected):hover { 9685 --blu-radio-mark-color-background: #19222a 9686 } 9687 9688 html[dark] .blu-radio[data-v-39791579]:focus-visible { 9689 --blu-radio-container-border-width-focused: 2px 9690 } 9691 9692 html[dark] .blu-radio[data-v-39791579]:focus-visible:not(.b-disabled) { 9693 --blu-radio-mark-color-border-focused: #f9f9fa 9694 } 9695 9696 html[dark] .blu-radio:focus-visible:not(.b-disabled) .blu-radio__mark[data-v-39791579] { 9697 box-shadow: 0 0 0 var(--blu-radio-container-border-width-focused) var(--blu-radio-mark-color-border-focused) inset 9698 } 9699 9700 html[dark] .blu-radio[data-v-39791579]:focus-visible:not(.b-disabled):not(.b-selected) { 9701 --blu-radio-mark-color-background: #19222a 9702 } 9703 9704 html[dark] .blu-radio.b-disabled[data-v-39791579] { 9705 --blu-radio-label-text: 500 14px/18px Blibli, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif; 9706 --blu-radio-container-color-border: rgba(255, 255, 255, .3019607843); 9707 --blu-radio-label-color-text: rgba(255, 255, 255, .3019607843); 9708 --blu-radio-container-color-background: #19222a 9709 } 9710 9711 html[dark] .blu-radio.b-disabled.b-selected[data-v-39791579] { 9712 --blu-radio-container-color-border: rgba(255, 255, 255, .3019607843); 9713 --blu-radio-dot-color-background: rgba(255, 255, 255, .3019607843) 9714 } 9715 9716 html[dark] .blu-radio.b-disabled[data-v-39791579]:not(.b-readonly) { 9717 user-select: none;
9718 cursor: not-allowed 9719 } 9720 9721 html[dark] .blu-radio.b-disabled:not(.b-readonly) *[data-v-39791579] { 9722 cursor: not-allowed 9723 } 9724 9725 html[dark] .blu-radio.b-small[data-v-39791579] { 9726 --blu-radio-mark-size: 18px; 9727 --blu-radio-mark-spacing-padding: 2px; 9728 --blu-radio-container-spacing-padding: 3px; 9729 --blu-radio-container-border-width: 1px; 9730 --blu-radio-container-border-width-focused: 2px; 9731 --blu-radio-content-spacing-padding: 0; 9732 --blu-radio-label-text: 500 14px/18px Blibli, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif; 9733 --blu-radio-spacing-padding: 3px 0 9734 } 9735 9736 html[dark] .blu-radio.b-small.b-selected[data-v-39791579] { 9737 --blu-radio-container-border-width: 1px 9738 } 9739 9740 @keyframes bounce-39791579 { 9741 25% { 9742 transform: scale(.9) 9743 } 9744 9745 50% { 9746 transform: scale(1.1) 9747 } 9748 } 9749 9750 html:not([dark]) .blu-list[data-v-0fc385f6] { 9751 --list-spacing-padding: 8px 0; 9752 list-style: none; 9753 padding: var(--list-spacing-padding); 9754 transition: all .5s ease-in-out 9755 } 9756 9757 html:not([dark]) .blu-list-item[data-v-0fc385f6] { 9758 --blu-list-child-max-height: 0; 9759 --blu-list-child-template-rows: 0fr; 9760 position: relative 9761 } 9762 9763 html:not([dark]) .blu-list-item.b-opened[data-v-0fc385f6] { 9764 --blu-list-child-max-height: 100%; 9765 --blu-list-child-template-rows: 1fr 9766 } 9767 9768 html:not([dark]) .blu-list-item.b-opened>.blu-list .blu-list__container .blu-list__container-chevron-right[data-v-0fc385f6] { 9769 transform: rotate(180deg) 9770 } 9771 9772 html:not([dark]) .blu-list-item.b-opened>.blu-list .blu-list__container .blu-list__container-chevron-left[data-v-0fc385f6] { 9773 transform: rotate(90deg) 9774 } 9775 9776 html:not([dark]) .blu-list__container[data-v-0fc385f6] { 9777 background-color: var(--list-container-color-background); 9778 border-radius: 8px; 9779 padding: 4px 8px; 9780 display: flex 9781 } 9782 9783 html:not([dark]) .blu-list__container[data-v-0fc385f6] svg { 9784 width: 18px; 9785 height: 18px; 9786 color: #797f85 9787 } 9788 9789 html:not([dark]) .blu-list__container[data-v-0fc385f6]>*:not(:last-child) { 9790 margin-right: 4px 9791 } 9792 9793 html:not([dark]) .blu-list__container-chevron-right[data-v-0fc385f6],html:not([dark]) .blu-list__container-chevron-left[data-v-0fc385f6] { 9794 display: flex; 9795 padding: 4px 0; 9796 cursor: pointer; 9797 transition: all .4s ease; 9798 height: fit-content 9799 } 9800 9801 html:not([dark]) .blu-list__container-chevron-right[data-v-0fc385f6] svg,html:not([dark]) .blu-list__container-chevron-left[data-v-0fc385f6] svg { 9802 color: #797f85 9803 } 9804 9805 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 { 9806 outline: none; 9807 box-shadow: 0 0 0 2px #19222a inset 9808 } 9809 9810 html:not([dark]) .blu-list__container .blu-loader-wrapper[data-v-0fc385f6] { 9811 margin: auto 9812 } 9813 9814 html:not([dark]) .blu-list__content[data-v-0fc385f6] { 9815 padding: 4px 0; 9816 display: flex; 9817 flex-direction: column; 9818 flex: 1; 9819 align-items: start 9820 } 9821 9822 html:not([dark]) .blu-list__content-label[data-v-0fc385f6]:not(.b-disabled) { 9823 font: 500 14px/18px Blibli,-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif; 9824 color: #19222a 9825 } 9826 9827 html:not([dark]) .blu-list__content-desc[data-v-0fc385f6]:not(.b-disabled) { 9828 font: 500 12px/16px Blibli,-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif; 9829 color: #19222a66 9830 } 9831 9832 html:not([dark]) .blu-list__content-additional[data-v-0fc385f6] { 9833 text-align: right; 9834 display: flex; 9835 flex-direction: column; 9836 justify-content: space-between; 9837 align-self: stretch; 9838 padding: 4px 0 9839 } 9840 9841 html:not([dark]) .blu-list__content-additional-label[data-v-0fc385f6] { 9842 font: 500 12px/16px Blibli,-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif; 9843 color: #19222a66 9844 } 9845 9846 html:not([dark]) .blu-list__content-additional-desc[data-v-0fc385f6] { 9847 font: 500 12px/16px Blibli,-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif; 9848 color: #19222a66 9849 } 9850 9851 html:not([dark]) .blu-list__item-leading[data-v-0fc385f6],html:not([dark]) .blu-list__item-trailing[data-v-0fc385f6] { 9852 padding: 4px 0 9853 } 9854 9855 html:not([dark]) .blu-list__item-leading[data-v-0fc385f6] { 9856 display: flex 9857 } 9858 9859 html:not([dark]) .blu-list__item-trailing[data-v-0fc385f6] { 9860 display: flex 9861 } 9862 9863 html:not([dark]) .blu-list__item-trailing[data-v-0fc385f6]>
9863*:not(:last-child) { 9864 margin-right: 4px 9865 } 9866 9867 html:not([dark]) .blu-list__item-trailing[data-v-0fc385f6] svg { 9868 cursor: pointer 9869 } 9870 9871 html:not([dark]) .blu-list__child[data-v-0fc385f6] { 9872 max-height: var(--blu-list-child-max-height); 9873 display: grid; 9874 grid-template-rows: var(--blu-list-child-template-rows); 9875 transition: all .5s ease-in-out 9876 } 9877 9878 html:not([dark]) .blu-list__child .blu-list__container[data-v-0fc385f6] { 9879 padding-left: var(--list-nested-padding) 9880 } 9881 9882 html:not([dark]) .blu-list__icon-expand[data-v-0fc385f6] { 9883 margin-left: auto; 9884 cursor: pointer 9885 } 9886 9887 html:not([dark]) .blu-list[data-v-0fc385f6]:not(.b-disabled) { 9888 cursor: pointer 9889 } 9890 9891 html:not([dark]) .blu-list[data-v-0fc385f6]:not(.b-disabled):hover { 9892 --list-container-color-background: #f9f9fa 9893 } 9894 9895 html:not([dark]) .blu-list[data-v-0fc385f6]:not(.b-disabled):focus-visible { 9896 outline: none 9897 } 9898 9899 html:not([dark]) .blu-list:not(.b-disabled):focus-visible .blu-list__container[data-v-0fc385f6] { 9900 box-shadow: 0 0 0 2px #19222a inset 9901 } 9902 9903 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) { 9904 --list-container-color-background: #f3f9ff 9905 } 9906 9907 html:not([dark]) .blu-list.b-small[data-v-0fc385f6] { 9908 --list-spacing-padding: 0 9909 } 9910 9911 html:not([dark]) .blu-list.b-disabled[data-v-0fc385f6] { 9912 --list-container-color-background: transparent 9913 } 9914 9915 html:not([dark]) .blu-list.b-disabled[data-v-0fc385f6],html:not([dark]) .blu-list.b-disabled *[data-v-0fc385f6] { 9916 cursor: not-allowed 9917 } 9918 9919 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] { 9920 font: 500 14px/18px Blibli,-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif; 9921 color: #19222a4d 9922 } 9923 9924 html:not([dark]) .blu-list.b-disabled .blu-list__content-additional-desc[data-v-0fc385f6] { 9925 font: 500 12px/16px Blibli,-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif; 9926 color: #19222a4d 9927 } 9928 9929 html:not([dark]) .blu-list.b-disabled .blu-list__container[data-v-0fc385f6] svg { 9930 color: #19222a4d 9931 } 9932 9933 html:not([dark]) .blu-list.b-disabled .blu-list__container[data-v-0fc385f6] .blu-checkbox__container { 9934 color: #19222a4d 9935 } 9936 9937 html:not([dark]) .blu-list.b-disabled .blu-list__container[data-v-0fc385f6] .blu-badge { 9938 background-color: #19222a4d 9939 } 9940 9941 html:not([dark]) .blu-list.b-loading[data-v-0fc385f6] .blu-loader-wrapper svg { 9942 display: flex; 9943 width: 24px; 9944 height: 24px 9945 } 9946 9947 html:not([dark]) .blu-list.has-radio.b-selected[data-v-0fc385f6]:not(:hover) { 9948 --list-container-color-background: transparent 9949 } 9950 9951 html:not([dark]) .blu-list.b-align-center .blu-list__container[data-v-0fc385f6] { 9952 align-items: center 9953 } 9954 9955 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) { 9956 --list-container-color-background: transparent 9957 } 9958 9959 html[dark] .blu-list[data-v-0fc385f6] { 9960 --list-spacing-padding: 8px 0; 9961 list-style: none; 9962 padding: var(--list-spacing-padding); 9963 transition: all .5s ease-in-out 9964 } 9965 9966 html[dark] .blu-list-item[data-v-0fc385f6] { 9967 --blu-list-child-max-height: 0; 9968 --blu-list-child-template-rows: 0fr; 9969 position: relative 9970 } 9971
9972 html[dark] .blu-list-item.b-opened[data-v-0fc385f6] { 9973 --blu-list-child-max-height: 100%; 9974 --blu-list-child-template-rows: 1fr 9975 } 9976 9977 html[dark] .blu-list-item.b-opened>.blu-list .blu-list__container .blu-list__container-chevron-right[data-v-0fc385f6] { 9978 transform: rotate(180deg) 9979 } 9980 9981 html[dark] .blu-list-item.b-opened>.blu-list .blu-list__container .blu-list__container-chevron-left[data-v-0fc385f6] { 9982 transform: rotate(90deg) 9983 } 9984 9985 html[dark] .blu-list__container[data-v-0fc385f6] { 9986 background-color: var(--list-container-color-background); 9987 border-radius: 8px; 9988 padding: 4px 8px; 9989 display: flex 9990 } 9991 9992 html[dark] .blu-list__container[data-v-0fc385f6] svg { 9993 width: 18px; 9994 height: 18px; 9995 color: #acb0b4 9996 } 9997 9998 html[dark] .blu-list__container[data-v-0fc385f6]>*:not(:last-child) { 9999 margin-right: 4px 10000 } 10001 10002 html[dark] .blu-list__container-chevron-right[data-v-0fc385f6],html[dark] .blu-list__container-chevron-left[data-v-0fc385f6] { 10003 display: flex; 10004 padding: 4px 0; 10005 cursor: pointer; 10006 transition: all .4s ease; 10007 height: fit-content 10008 } 10009 10010 html[dark] .blu-list__container-chevron-right[data-v-0fc385f6] svg,html[dark] .blu-list__container-chevron-left[data-v-0fc385f6] svg { 10011 color: #acb0b4 10012 } 10013 10014 html[dark] .blu-list__container-chevron-right[data-v-0fc385f6]:focus-visible,html[dark] .blu-list__container-chevron-left[data-v-0fc385f6]:focus-visible { 10015 outline: none; 10016 box-shadow: 0 0 0 2px #f9f9fa inset 10017 } 10018 10019 html[dark] .blu-list__container .blu-loader-wrapper[data-v-0fc385f6] { 10020 margin: auto 10021 } 10022 10023 html[dark] .blu-list__content[data-v-0fc385f6] { 10024 padding: 4px 0; 10025 display: flex; 10026 flex-direction: column; 10027 flex: 1; 10028 align-items: start 10029 } 10030 10031 html[dark] .blu-list__content-label[data-v-0fc385f6]:not(.b-disabled) { 10032 font: 500 14px/18px Blibli,-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif; 10033 color: #fff 10034 } 10035 10036 html[dark] .blu-list__content-desc[data-v-0fc385f6]:not(.b-disabled) { 10037 font: 500 12px/16px Blibli,-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif; 10038 color: #ffffff80 10039 } 10040 10041 html[dark] .blu-list__content-additional[data-v-0fc385f6] { 10042 text-align: right; 10043 display: flex; 10044 flex-direction: column; 10045 justify-content: space-between; 10046 align-self: stretch; 10047 padding: 4px 0 10048 } 10049 10050 html[dark] .blu-list__content-additional-label[data-v-0fc385f6],html[dark] .blu-list__content-additional-desc[data-v-0fc385f6] { 10051 font: 500 12px/16px Blibli,-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif; 10052 color: #ffffff80 10053 } 10054 10055 html[dark] .blu-list__item-leading[data-v-0fc385f6],html[dark] .blu-list__item-trailing[data-v-0fc385f6] { 10056 padding: 4px 0 10057 } 10058 10059 html[dark] .blu-list__item-leading[data-v-0fc385f6],html[dark] .blu-list__item-trailing[data-v-0fc385f6] { 10060 display: flex 10061 } 10062 10063 html[dark] .blu-list__item-trailing[data-v-0fc385f6]>*:not(:last-child) { 10064 margin-right: 4px 10065 } 10066 10067 html[dark] .blu-list__item-trailing[data-v-0fc385f6] svg { 10068 cursor: pointer 10069 } 10070 10071 html[dark] .blu-list__child[data-v-0fc385f6] { 10072 max-height: var(--blu-list-child-max-height); 10073 display: grid; 10074 grid-template-rows: var(--blu-list-child-template-rows); 10075 transition: all .5s ease-in-out 10076 } 10077 10078 html[dark] .blu-list__child .blu-list__container[data-v-0fc385f6] { 10079 padding-left: var(--list-nested-padding) 10080 } 10081 10082 html[dark] .blu-list__icon-expand[data-v-0fc385f6] { 10083 margin-left: auto; 10084 cursor: pointer 10085 } 10086 10087 html[dark] .blu-list[data-v-0fc385f6]:not(.b-disabled) { 10088 cursor: pointer 10089 } 10090 10091 html[dark] .blu-list[data-v-0fc385f6]:not(.b-disabled):hover { 10092 --list-container-color-background: #19222a 10093 } 10094 10095 html[dark] .blu-list[data-v-0fc385f6]:not(.b-disabled):focus-visible { 10096 outline: none 10097 } 10098 10099 html[dark] .blu-list:not(.b-disabled):focus-visible .blu-list__container[data-v-0fc385f6] { 10100 box-shadow: 0 0 0 2px #f9f9fa inset 10101 } 10102 10103 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) { 10104 --list-container-color-background: #002e7a 10105 } 10106 10107 html[dark] .blu-list.b-small[data-v-0fc385f6] { 10108 --list-spacing-padding: 0 10109 } 10110 10111 html[dark] .blu-list.b-disabled[data-v-0fc385f6] { 10112 --list-container-color-background: transparent 10113 } 10114 10115 html[dark] .blu-list.b-disabled[data-v-0fc385f6],html[dark] .blu-list.b-disabled *[data-v-0fc385f6] {
10116 cursor: not-allowed 10117 } 10118 10119 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] { 10120 font: 500 14px/18px Blibli,-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif; 10121 color: #ffffff4d 10122 } 10123 10124 html[dark] .blu-list.b-disabled .blu-list__content-additional-desc[data-v-0fc385f6] { 10125 font: 500 12px/16px Blibli,-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif; 10126 color: #ffffff4d 10127 } 10128 10129 html[dark] .blu-list.b-disabled .blu-list__container[data-v-0fc385f6] svg { 10130 color: #ffffff4d 10131 } 10132 10133 html[dark] .blu-list.b-disabled .blu-list__container[data-v-0fc385f6] .blu-checkbox__container { 10134 color: #ffffff4d 10135 } 10136 10137 html[dark] .blu-list.b-disabled .blu-list__container[data-v-0fc385f6] .blu-badge { 10138 background-color: #ffffff4d 10139 } 10140 10141 html[dark] .blu-list.b-loading[data-v-0fc385f6] .blu-loader-wrapper svg { 10142 display: flex; 10143 width: 24px; 10144 height: 24px 10145 } 10146 10147 html[dark] .blu-list.has-radio.b-selected[data-v-0fc385f6]:not(:hover) { 10148 --list-container-color-background: transparent 10149 } 10150 10151 html[dark] .blu-list.b-align-center .blu-list__container[data-v-0fc385f6] { 10152 align-items: center 10153 } 10154 10155 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) { 10156 --list-container-color-background: transparent 10157 } 10158 </style> 10159 <style> 10160 @charset "UTF-8";.product-services[data-v-50a9b5f9] { 10161 display: flex; 10162 flex-direction: column; 10163 width: 100%; 10164 gap: 20px 10165 } 10166 10167 @media screen and (max-width: 839px) { 10168 .product-services[data-v-50a9b5f9] { 10169 gap:0 10170 } 10171 } 10172 10173 .product-service[data-v-ef5183d2] { 10174 width: 100%; 10175 display: flex; 10176 align-items: stretch; 10177 flex-direction: row; 10178 gap: 8px 10179 } 10180 10181 @media screen and (max-width: 839px) { 10182 .product-service[data-v-ef5183d2] { 10183 border-top:1px solid #f1f2f2; 10184 padding: 11px 0 10185 } 10186 } 10187 10188 .product-service__icon[data-v-ef5183d2] { 10189 display: flex; 10190 align-items: flex-start; 10191 justify-content: center; 10192 flex-shrink: 0 10193 } 10194 10195 .product-service__icon img[data-v-ef5183d2] { 10196 width: 32px; 10197 height: 32px 10198 } 10199 10200 @media screen and (max-width: 839px) { 10201 .product-service__icon img[data-v-ef5183d2] { 10202 width:18px; 10203 height: 18px 10204 } 10205 } 10206 10207 .product-service__text[data-v-ef5183d2] { 10208 display: flex; 10209 flex-direction: column; 10210 width: 100%; 10211 gap: 4px 10212 } 10213 10214 .product-service__text__title[data-v-ef5183d2] { 10215 width: 100%; 10216 font: 600 14px/18px Blibli,-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif 10217 } 10218 10219 @media screen and (max-width: 839px) { 10220 .product-service__text__title[data-v-ef5183d2] { 10221 font:500 14px/18px Blibli,-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif 10222 } 10223 } 10224 10225 .product-service__text__title span[data-v-ef5183d2]:not(:last-child):after { 10226 content: " " 10227 } 10228 10229 .product-service__text__title__price[data-v-ef5183d2] { 10230 font: 600 14px/18px Blibli,-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif; 10231 color: #006dea 10232 } 10233 10234 .product-service__text__subtitle[data-v-ef5183d2] { 10235 font: 500 14px/18px Blibli,-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif; 10236 color: #19222ab3 10237 } 10238 10239 .product-service__text__subtitle span[data-v-ef5183d2]:not(:last-child):after { 10240 content: " " 10241 } 10242 10243 .product-service__text__subtitle__action[data-v-ef5183d2] { 10244 cursor: pointer; 10245 color: #006dea 10246 } 10247 10248 .product-service__chevron[data-v-ef5183d2] { 10249 flex: 0; 10250 display: flex; 10251 align-items: center; 10252 justify-content: center 10253 } 10254 10255 @media screen and (max-width: 839px) { 10256 .product-service--clickable[data-v-ef5183d2] { 10257 cursor:pointer 10258 } 10259 } 10260 10261 .product-service--loading .product-service__text[data-v-ef5183d2] { 10262 gap: 8px 10263 } 10264 10265 .product-service--loading .product-service__text__title[data-v-ef5183d2] { 10266 width: 60% 10267 } 10268 10269 @media screen and (max-width: 839px) { 10270 .product-service--loading .product-service__text__title[data-v-ef5183d2] { 10271 width:100% 10272 } 10273 } 10274 10275 .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] { 10276 width: 100% 10277 } 10278 10279 .trade-in-download-apps-modal[data-v-5dadaeda] { 10280 padding: 0 8px 10281 } 10282 10283 @media screen and (max-width: 839px) { 10284 .trade-in-download-apps-modal[data-v-5dadaeda] { 10285 padding:0 10286 } 10287 } 10288 10289 .trade-in-download-apps-modal .subtitle[data-v-5dadaeda] { 10290 font: 500 16px/20px Blibli,-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif; 10291 color: #19222ab3; 10292 margin-bottom: 16px 10293 } 10294 10295 @media screen and (max-width: 839px) { 10296 .trade-in-download-apps-modal .subtitle[data-v-5dadaeda] { 10297 margin-bottom:10px 10298 } 10299 } 10300 10301 .trade-in-download-apps-modal .download-apps[data-v-5dadaeda] { 10302 display: flex; 10303 flex-direction: row; 10304 align-items: center; 10305 justify-content: space-between; 10306 margin-bottom: 24px 10307 } 10308 10309 @media screen and (max-width: 839px) { 10310 .trade-in-download-apps-modal .download-apps[data-v-5dadaeda] { 10311 flex-direction:column; 10312 margin-bottom: 0 10313 } 10314 } 10315 10316 .trade-in-download-apps-modal .download-apps__qr[data-v-5dadaeda] { 10317 display: flex; 10318 align-items: center; 10319 justify-content: center; 10320 background: #f3f9ff; 10321 border-radius: 8px 10322 } 10323 10324 .trade-in-download-apps-modal .download-apps__or[data-v-5dadaeda] { 10325 text-align: center; 10326 font: 500 16px/20px Blibli,-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif; 10327 color: #19222ab3; 10328 margin: 10px 10329 } 10330 10331 .trade-in-download-apps-modal .download-apps__download[data-v-5dadaeda] { 10332 display: flex; 10333 flex-direction: column; 10334 align-items: center; 10335 margin-bottom: 0 10336 } 10337 10338 @media screen and (max-width: 839px) { 10339 .trade-in-download-apps-modal .download-apps__download[data-v-5dadaeda] { 10340 margin-bottom:16px 10341 } 10342 } 10343 10344 .trade-in-download-apps-modal .download-apps__download__title[data-v-5dadaeda] { 10345 font: 500 16px/20px Blibli,-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif; 10346 color: #19222ab3; 10347 margin-bottom: 8px 10348 } 10349 10350 .trade-in-download-apps-modal .download-apps__download__icons[data-v-5dadaeda] { 10351 display: flex; 10352 flex-direction: column; 10353 gap: 8px 10354 } 10355 10356 @media screen and (max-width: 839px) { 10357 .trade-in-download-apps-modal .download-apps__download__icons[data-v-5dadaeda] { 10358 flex-direction:row 10359 } 10360 } 10361 10362 .trade-in-download-apps-modal .download-apps__download__icons--icon[data-v-5dadaeda] { 10363 width: 100%; 10364 display: flex; 10365 align-items: center; 10366 justify-content: center 10367 } 10368 10369 .trade-in-download-apps-modal .download-apps__download__icons--icon img[data-v-5dadaeda] { 10370 height: auto; 10371 width: 150px 10372 } 10373 10374 .trade-in-download-apps-modal .download-apps__download__icons--icon a[data-v-5dadaeda] { 10375 display: flex 10376 } 10377 10378 @media screen and (max-width: 839px) { 10379 .trade-in-download-apps-modal .download-apps__download__icons--icon[data-v-5dadaeda] { 10380 width:100% 10381 } 10382 10383 .trade-in-download-apps-modal .download-apps__download__icons--icon img[data-v-5dadaeda] { 10384 height: 45px; 10385 width: auto 10386 } 10387 } 10388 10389 .trade-in-download-apps-modal .scan-steps__title[data-v-5dadaeda] { 10390 font: 600 16px/20px Blibli,-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif; 10391 color: #19222a; 10392 margin-bottom: 16px 10393 } 10394 10395 .trade-in-download-apps-modal .scan-steps__guide[data-v-5dadaeda] { 10396 display: flex; 10397 flex-direction: row 10398 } 10399 10400 @media screen and (max-width: 839px) { 10401 .trade-in-download-apps-modal .scan-steps__guide[data-v-5dadaeda] { 10402 flex-direction:column 10403 } 10404 } 10405 10406 .trade-in-download-apps-modal .scan-steps__guide__step[data-v-5dadaeda] { 10407 display: flex; 10408 flex-direction: column 10409 } 10410 10411 .trade-in-download-apps-modal .scan-steps__guide__step[data-v-5dadaeda]:not(:last-child) { 10412 margin-right: 10px 10413 } 10414 10415 @media screen and (max-width: 839px) { 10416 .trade-in-download-apps-modal .scan-steps__guide__step[data-v-5dadaeda]:not(:last-child) { 10417 margin-right:0 10418 } 10419 } 10420 10421 .trade-in-download-apps-modal .scan-steps__guide__step:not(:last-child) .scan-steps__guide__step__order[data-v-5dadaeda]:after { 10422 flex-grow: 1; 10423 content: ""; 10424 display: flex; 10425 align-items: center; 10426 justify-content: center; 10427 border: 1px dashed #f1f2f2; 10428 width: 100%; 10429 height: 0 10430 } 10431 10432 @media screen and (max-width: 839px) { 10433 .trade-in-download-apps-modal .scan-steps__guide__step:not(:last-child) .scan-steps__guide__step__order[data-v-5dadaeda]:after { 10434 width:0; 10435 height: 100% 10436 } 10437 } 10438 10439 @media screen and (max-width: 839px) { 10440 .trade-in-download-apps-modal .scan-steps__guide__step[data-v-5dadaeda] { 10441 flex-direction:row; 10442 margin-bottom: 10px; 10443 margin-right: 0 10444 } 10445 } 10446 10447 .trade-in-download-apps-modal .scan-steps__guide__step__order[data-v-5dadaeda] { 10448 display: flex; 10449 flex-direction: row; 10450 align-items: center; 10451 margin-bottom: 8px 10452 } 10453 10454 @media screen and (max-width: 839px) { 10455 .trade-in-download-apps-modal .scan-steps__guide__step__order[data-v-5dadaeda] { 10456 flex-direction:column; 10457 margin-right: 8px; 10458 margin-bottom: 0 10459 } 10460 } 10461 10462 .trade-in-download-apps-modal .scan-steps__guide__step__order--number[data-v-5dadaeda] { 10463 width: 30px; 10464 height: 30px; 10465 background: #f9f9fa; 10466 border-radius: 100px; 10467 display: flex; 10468 align-items: center; 10469 justify-content: center; 10470 margin-right: 4px; 10471 flex-shrink: 0 10472 } 10473 10474 @media screen and (max-width: 839px) { 10475 .trade-in-download-apps-modal .scan-steps__guide__step__order--number[data-v-5dadaeda] { 10476 margin-right:0; 10477 margin-bottom: 4px 10478 } 10479 } 10480 10481 .trade-in-download-apps-modal .scan-steps__guide__step__text[data-v-5dadaeda] { 10482 padding: 10px 12px; 10483 font: 500 16px/20px Blibli,-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif; 10484 color: #19222ab3; 10485 border: 1px solid #f1f2f2; 10486 border-radius: 8px; 10487 flex-grow: 1 10488 } 10489 10490 .cash-on-delivery-modal__body[data-v-88efff31] { 10491 color: #19222ab3 10492 } 10493 10494 .cash-on-delivery-modal__body__content[data-v-88efff31] { 10495 margin-bottom: 16px 10496 } 10497 10498 .cash-on-delivery-modal__body__learn-more span[data-v-88efff31]:not(:last-child):after { 10499 content: " " 10500 } 10501 10502 .cash-on-delivery-modal__body__learn-more a[data-v-88efff31] { 10503 color: #006dea; 10504 cursor: pointer; 10505 text-decoration: none 10506 } 10507 </style> 10508 <style type="text/css"> 10509 .label[data-v-1730749f] { 10510 height: 16px; 10511 padding: 0 8px; 10512 display: inline-flex; 10513 align-items: center; 10514 font: 12px/16px "blibli demi bold",-apple-system,segoe ui,roboto,helvetica,arial,sans-serif; 10515 text-decoration: none; 10516 color: #fff; 10517 border-radius: 4px; 10518 background-color: #f1f2f2; 10519 white-space: nowrap 10520 } 10521 10522 .label button[data-v-1730749f] { 10523 padding: 0; 10524 margin-right: -4px; 10525 top: 2px 10526 } 10527 10528 .label button svg[data-v-1730749f] { 10529 margin-right: -6px; 10530 margin-top: 2px; 10531 transform: scale(0.75); 10532 transform-origin: left; 10533 color: #fff 10534 } 10535 10536 .label button.b-primary[data-v-1730749f] { 10537 color: #fff 10538 } 10539 10540 .label.b-secondary button svg[data-v-1730749f] { 10541 color: #0072ff 10542 } 10543 10544 .label.b-dot[data-v-1730749f] { 10545 width: 8px; 10546 height: 8px; 10547 padding: 0; 10548 font-size: 0 10549 } 10550 10551 .label.b-border[data-v-1730749f] { 10552 box-shadow: 0 0 0 1px #fff 10553 } 10554 10555 .label[data-v-1730749f] { 10556 background-color: #ff4646 10557 } 10558 10559 .label.b-secondary[data-v-1730749f] { 10560 background-color: #ffe6e6; 10561 color: #e93c3c 10562 } 10563 </style> 10564 <style type="text/css"> 10565 .label[data-v-3c5c9e9e] { 10566 height: 16px; 10567 padding: 0 8px; 10568 display: inline-flex; 10569 align-items: center; 10570 font: 12px/16px "blibli demi bold",-apple-system,segoe ui,roboto,helvetica,arial,sans-serif; 10571 text-decoration: none; 10572 color: #fff; 10573 border-radius: 4px; 10574 background-color: #f1f2f2; 10575
10575 white-space: nowrap 10576 } 10577 10578 .label button[data-v-3c5c9e9e] { 10579 padding: 0; 10580 margin-right: -4px; 10581 top: 2px 10582 } 10583 10584 .label button svg[data-v-3c5c9e9e] { 10585 margin-right: -6px; 10586 margin-top: 2px; 10587 transform: scale(0.75); 10588 transform-origin: left; 10589 color: #fff 10590 } 10591 10592 .label button.b-primary[data-v-3c5c9e9e] { 10593 color: #fff 10594 } 10595 10596 .label.b-secondary button svg[data-v-3c5c9e9e] { 10597 color: #0072ff 10598 } 10599 10600 .label.b-dot[data-v-3c5c9e9e] { 10601 width: 8px; 10602 height: 8px; 10603 padding: 0; 10604 font-size: 0 10605 } 10606 10607 .label.b-border[data-v-3c5c9e9e] { 10608 box-shadow: 0 0 0 1px #fff 10609 } 10610 10611 .label[data-v-3c5c9e9e] { 10612 background-color: #ff7373 10613 } 10614 </style> 10615 <style type="text/css"> 10616 .label[data-v-592858cc] { 10617 height: 16px; 10618 padding: 0 8px; 10619 display: inline-flex; 10620 align-items: center; 10621 font: 12px/16px "blibli demi bold",-apple-system,segoe ui,roboto,helvetica,arial,sans-serif; 10622 text-decoration: none; 10623 color: #fff; 10624 border-radius: 4px; 10625 background-color: #f1f2f2; 10626 white-space: nowrap 10627 } 10628 10629 .label button[data-v-592858cc] { 10630 padding: 0; 10631 margin-right: -4px; 10632 top: 2px 10633 } 10634 10635 .label button svg[data-v-592858cc] { 10636 margin-right: -6px; 10637 margin-top: 2px; 10638 transform: scale(0.75); 10639 transform-origin: left; 10640 color: #fff 10641 } 10642 10643 .label button.b-primary[data-v-592858cc] { 10644 color: #fff 10645 } 10646 10647 .label.b-secondary button svg[data-v-592858cc] { 10648 color: #0072ff 10649 } 10650 10651 .label.b-dot[data-v-592858cc] { 10652 width: 8px; 10653 height: 8px; 10654 padding: 0; 10655 font-size: 0 10656 } 10657 10658 .label.b-border[data-v-592858cc] { 10659 box-shadow: 0 0 0 1px #fff 10660 } 10661 10662 .label[data-v-592858cc] { 10663 background-color: #ffcd00 10664 } 10665 10666 .label.b-secondary[data-v-592858cc] { 10667 background-color: #fef5d2; 10668 color: #f1ab02 10669 } 10670 </style> 10671 <style type="text/css"> 10672 .label[data-v-209f2cd8] { 10673 height: 16px; 10674 padding: 0 8px; 10675 display: inline-flex; 10676 align-items: center; 10677 font: 12px/16px "blibli demi bold",-apple-system,segoe ui,roboto,helvetica,arial,sans-serif; 10678 text-decoration: none; 10679 color: #fff; 10680 border-radius: 4px; 10681 background-color: #f1f2f2; 10682 white-space: nowrap 10683 } 10684 10685 .label button[data-v-209f2cd8] { 10686 padding: 0; 10687 margin-right: -4px; 10688 top: 2px 10689 } 10690 10691 .label button svg[data-v-209f2cd8] { 10692 margin-right: -6px; 10693 margin-top: 2px; 10694 transform: scale(0.75); 10695 transform-origin: left; 10696 color: #fff 10697 } 10698 10699 .label button.b-primary[data-v-209f2cd8] { 10700 color: #fff 10701 } 10702 10703 .label.b-secondary button svg[data-v-209f2cd8] { 10704 color: #0072ff 10705 } 10706 10707 .label.b-dot[data-v-209f2cd8] { 10708 width: 8px; 10709 height: 8px; 10710 padding: 0; 10711 font-size: 0 10712 } 10713 10714 .label.b-border[data-v-209f2cd8] { 10715 box-shadow: 0 0 0 1px #fff 10716 } 10717 10718 .label[data-v-209f2cd8] { 10719 background-color: #22a334 10720 } 10721 10722 .label.b-secondary[data-v-209f2cd8] { 10723 background-color: #d6f7da; 10724 color: #1c832a 10725 } 10726 </style> 10727 <style type="text/css"> 10728 .label[data-v-80a16fd0] { 10729 height: 16px; 10730 padding: 0 8px; 10731 display: inline-flex; 10732 align-items: center; 10733 font: 12px/16px "blibli demi bold",-apple-system,segoe ui,roboto,helvetica,arial,sans-serif; 10734 text-decoration: none; 10735 color: #fff; 10736 border-radius: 4px; 10737 background-color: #f1f2f2; 10738 white-space: nowrap 10739 } 10740 10741 .label button[data-v-80a16fd0] { 10742 padding: 0; 10743 margin-right: -4px; 10744 top: 2px 10745 } 10746 10747 .label button svg[data-v-80a16fd0] { 10748 margin-right: -6px; 10749 margin-top: 2px; 10750 transform: scale(0.75); 10751 transform-origin: left; 10752 color: #fff 10753 } 10754 10755 .label button.b-primary[data-v-80a16fd0] { 10756 color: #fff 10757 } 10758 10759 .label.b-secondary button svg[data-v-80a16fd0] { 10760 color: #0072ff 10761 } 10762 10763 .label.b-dot[data-v-80a16fd0] { 10764 width: 8px; 10765 height: 8px; 10766 padding: 0; 10767 font-size: 0 10768 } 10769 10770 .label.b-border[data-v-80a16fd0] { 10771 box-shadow: 0 0 0 1px #fff 10772 } 10773 10774 .label[data-v-80a16fd0] { 10775 background-color: #1d8fff 10776 } 10777 10778 .label.b-secondary[data-v-80a16fd0] { 10779 background-color: #e1f1ff; 10780 color: #0072ff 10781 } 10782 </style> 10783 <style type="text/css"> 10784 .label[data-v-5021936f] { 10785 height: 16px; 10786 padding: 0 8px; 10787 display: inline-flex; 10788 align-items: center; 10789 font: 12px/16px "blibli demi bold",-apple-system,segoe ui,roboto,helvetica,arial,sans-serif; 10790 text-decoration: none; 10791 color: #fff; 10792 border-radius: 4px; 10793 background-color: #f1f2f2; 10794 white-space: nowrap 10795 } 10796 10797 .label button[data-v-5021936f] { 10798 padding: 0; 10799 margin-right: -4px; 10800 top: 2px 10801 } 10802 10803 .label button svg[data-v-5021936f] { 10804 margin-right: -6px; 10805 margin-top: 2px; 10806 transform: scale(0.75); 10807 transform-origin: left; 10808 color: #fff 10809 } 10810 10811 .label button.b-primary[data-v-5021936f] { 10812 color: #fff 10813 } 10814 10815 .label.b-secondary button svg[data-v-5021936f] { 10816 color: #0072ff 10817 } 10818 10819 .label.b-dot[data-v-5021936f] { 10820 width: 8px; 10821 height: 8px; 10822 padding: 0; 10823 font-size: 0 10824 } 10825 10826 .label.b-border[data-v-5021936f] { 10827 box-shadow: 0 0 0 1px #fff 10828 } 10829 10830 .label[data-v-5021936f] { 10831 color: rgba(25,34,42,.4); 10832 background-color: #e1e3e4 10833 } 10834 10835 .label.b-secondary[data-v-5021936f] { 10836 background-color: #92979c; 10837 color: #fff 10838 } 10839 </style> 10840 <style type="text/css"> 10841 .blu-ticker[data-v-e275b4e8] { 10842 --blu-ticker-color-background: #f9f9fa; 10843 --blu-ticker-color-border: #e1e3e4; 10844 display: flex; 10845 justify-content: flex-start; 10846 align-items: flex-start; 10847 border-radius: 8px; 10848 position: relative; 10849 background-color: var(--blu-ticker-color-background); 10850 border: 1px solid var(--blu-ticker-color-border); 10851 color: rgba(25,34,42,.7019607843); 10852 padding: 8px; 10853 margin-bottom: 8px; 10854 z-index: 0 10855 } 10856 10857 .blu-ticker__msg[data-v-e275b4e8] { 10858 z-index: 0; 10859 align-self: center 10860 } 10861 10862 @media screen and (min-width: 769px),print { 10863 .blu-ticker__msg[data-v-e275b4e8] { 10864 font:16px/20px "blibli",-apple-system,segoe ui,roboto,helvetica,arial,sans-serif 10865 } 10866 } 10867 10868 @media screen and (max-width: 768px) { 10869 .blu-ticker__msg[data-v-e275b4e8] { 10870 font:14px/18px "blibli",-apple-system,segoe ui,roboto,helvetica,arial,sans-serif 10871 } 10872 } 10873 10874 .blu-ticker__close[data-v-e275b4e8] { 10875 object-fit: contain; 10876 position: relative; 10877 z-index: 0; 10878 width: 18px; 10879 height: 18px; 10880 padding: 11px 10881 } 10882 10883 .blu-ticker__close i[data-v-e275b4e8] { 10884 content: ""; 10885 top: 0; 10886 right: 0; 10887 position: absolute; 10888 width: 18px; 10889 height: 18px; 10890 padding: 12px; 10891 background: rgba(0,0,0,0) url(data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PSIwIDAgMjQgMjQiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGQ9Ik0xMy43NjcyIDEyTDE3LjYzMiA4LjEzODM5QzE4LjEyMjcgNy42NDgxOSAxOC4xMjI3IDYuODU3ODYgMTcuNjMyIDYuMzY3NjVDMTcuMTQxNCA1Ljg3NzQ1IDE2LjM1MDQgNS44Nzc0NSAxNS44NTk4IDYuMzY3NjVMMTEuOTk1IDEwLjIyOTNMOC4xNDAxOCA2LjM3NzY2QzcuNjQ5NTYgNS44ODc0NSA2Ljg1ODU3IDUuODg3NDUgNi4zNjc5NiA2LjM3NzY2QzUuODc3MzUgNi44Njc4NiA1Ljg3NzM1IDcuNjU4MTkgNi4zNjc5NiA4LjE0ODRMMTAuMjIyOCAxMkw2LjM2Nzk2IDE1Ljg2MTZDNS44NzczNSAxNi4zNTE4IDUuODc3MzUgMTcuMTQyMSA2LjM2Nzk2IDE3LjYzMjNDNi44NTg1NyAxOC4xMjI2IDcuNjQ5NTYgMTguMTIyNiA4LjE0MDE4IDE3LjYzMjNMMTIuMDA1IDEzLjc3MDdMMTUuODU5OCAxNy42MjIzQzE2LjM1MDQgMTguMTEyNSAxNy4xNDE0IDE4LjExMjUgMTcuNjMyIDE3LjYyMjNDMTguMTIyNyAxNy4xMzIxIDE4LjEyMjcgMTYuMzQxOCAxNy42MzIgMTUuODUxNkwxMy43NzcyIDEySDEzLjc2NzJaIiBmaWxsPSIjNzk3Rjg1Ii8+Cjwvc3ZnPgo=) center center no-repeat #e1e3e4; 10892 background-color: rgba(25,34,42,.7019607843); 10893 -webkit-mask-image: url(data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PSIwIDAgMjQgMjQiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGQ9Ik0xMy43NjcyIDEyTDE3LjYzMiA4LjEzODM5QzE4LjEyMjcgNy42NDgxOSAxOC4xMjI3IDYuODU3ODYgMTcuNjMyIDYuMzY3NjVDMTcuMTQxNCA1Ljg3NzQ1IDE2LjM1MDQgNS44Nzc0NSAxNS44NTk4IDYuMzY3NjVMMTEuOTk1IDEwLjIyOTNMOC4xNDAxOCA2LjM3NzY2QzcuNjQ5NTYgNS44ODc0NSA2Ljg1ODU3IDUuODg3NDUgNi4zNjc5NiA2LjM3NzY2QzUuODc3MzUgNi44Njc4NiA1Ljg3NzM1IDcuNjU4MTkgNi4zNjc5NiA4LjE0ODRMMTAuMjIyOCAxMkw2LjM2Nzk2IDE1Ljg2MTZDNS44NzczNSAxNi4zNTE4IDUuODc3MzUgMTcuMTQyMSA2LjM2Nzk2IDE3LjYzMjNDNi44NTg1NyAxOC4xMjI2IDcuNjQ5NTYgMTguMTIyNiA4LjE0MDE4IDE3LjYzMjNMMTIuMDA1IDEzLjc3MDdMMTUuODU5OCAxNy42MjIzQzE2LjM1MDQgMTguMTEyNSAxNy4xNDE0IDE4LjExMjUgMTcuNjMyIDE3LjYyMjNDMTguMTIyNyAxNy4xMzIxIDE4LjEyMjcgMTYuMzQxOCAxNy42MzIgMTUuODUxNkwxMy43NzcyIDEySDEzLjc2NzJaIiBmaWxsPSIjNzk3Rjg1Ii8+Cjwvc3ZnPgo=) 10894 } 10895 10896 @media screen and (max-width: 768px) { 10897 .blu-ticker__close[data-v-e275b4e8] { 10898 transform:scale(0.75) 10899 } 10900 } 10901 10902 .blu-ticker__close[data-v-e275b4e8]:focus-visible { 10903 box-shadow: 0px 0px 0px 4px #000; 10904 outline: none 10905 } 10906 10907 .blu-ticker__title[data-v-e275b4e8] { 10908 color: #19222a 10909 } 10910 10911 @media screen and (min-width: 769px),print { 10912 .blu-ticker__title[data-v-e275b4e8] { 10913 font:16px/20px "blibli demi bold",-apple-system,segoe ui,roboto,helvetica,arial,sans-serif 10914 } 10915 } 10916 10917 @media screen and (max-width: 768px) { 10918 .blu-ticker__title[data-v-e275b4e8] { 10919 font:14px/18px "blibli demi bold",-apple-system,segoe ui,roboto,helvetica,arial,sans-serif 10920 } 10921 } 10922 10923 .blu-ticker__btn[data-v-e275b4e8] { 10924 margin: 8px 0 0 -14px 10925 } 10926 10927 .blu-ticker.b-info[data-v-e275b4e8] { 10928 --blu-ticker-color-background: #f3f9ff; 10929 --blu-ticker-color-border: #b9deff 10930 } 10931 10932 .blu-ticker.b-info.has-icon>.blu-ticker__icon[data-v-e275b4e8] { 10933 background-color: #006dea; 10934 -webkit-mask-image: url(data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PSIwIDAgMjQgMjQiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+DQo8cGF0aCBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGNsaXAtcnVsZT0iZXZlbm9kZCIgZD0iTTIgMTJDMiA2LjQ4IDYuNDggMiAxMiAyQzE3LjUyIDIgMjIgNi40OCAyMiAxMkMyMiAxNy41MiAxNy41MiAyMiAxMiAyMkM2LjQ4IDIyIDIgMTcuNTIgMiAxMlpNMTEuOTcgOC43Mzc2NEMxMi43MjY2IDguNzM3NjQgMTMuMzQgOC4xMjQ4IDEzLjM0IDcuMzY4ODJDMTMuMzQgNi42MTI4NCAxMi43MjY2IDYgMTEuOTcgNkMxMS4yMTM0IDYgMTAuNiA2LjYxMjg0IDEwLjYgNy4zNjg4MkMxMC42IDguMTI0OCAxMS4yMTM0IDguNzM3NjQgMTEuOTcgOC43Mzc2NFpNMTEuNDk5OSAxMC4xMDY0SDEyLjQ0OTlDMTIuODQ5OSAxMC4xMDY0IDEzLjE3OTkgMTAuNDM2MiAxMy4xNzk5IDEwLjgzNThWMTcuMjcwM0MxMy4xNzk5IDE3LjY2OTkgMTIuODQ5OSAxNy45OTk2IDEyLjQ0OTkgMTcuOTk5NkgxMS40OTk5QzExLjA5OTkgMTcuOTk5NiAxMC43Njk5IDE3LjY2OTkgMTAuNzY5OSAxNy4yNzAzVjEwLjgzNThDMTAuNzY5OSAxMC40MzYyIDExLjA5OTkgMTAuMTA2NCAxMS40OTk5IDEwLjEwNjRaIiBmaWxsPSIjNzk3Rjg1Ii8+DQo8L3N2Zz4NCg==); 10935 mask-image: url(data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PSIwIDAgMjQgMjQiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+DQo8cGF0aCBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGNsaXAtcnVsZT0iZXZlbm9kZCIgZD0iTTIgMTJDMiA2LjQ4IDYuNDggMiAxMiAyQzE3LjUyIDIgMjIgNi40OCAyMiAxMkMyMiAxNy41MiAxNy41MiAyMiAxMiAyMkM2LjQ4IDIyIDIgMTcuNTIgMiAxMlpNMTEuOTcgOC43Mzc2NEMxMi43MjY2IDguNzM3NjQgMTMuMzQgOC4xMjQ4IDEzLjM0IDcuMzY4ODJDMTMuMzQgNi42MTI4NCAxMi43MjY2IDYgMTEuOTcgNkMxMS4yMTM0IDYgMTAuNiA2LjYxMjg0IDEwLjYgNy4zNjg4MkMxMC42IDguMTI0OCAxMS4yMTM0IDguNzM3NjQgMTEuOTcgOC43Mzc2NFpNMTEuNDk5OSAxMC4xMDY0SDEyLjQ0OTlDMTIuODQ5OSAxMC4xMDY0IDEzLjE3OTkgMTAuNDM2MiAxMy4xNzk5IDEwLjgzNThWMTcuMjcwM0MxMy4xNzk5IDE3LjY2OTkgMTIuODQ5OSAxNy45OTk2IDEyLjQ0OTkgMTcuOTk5NkgxMS40OTk5QzExLjA5OTkgMTcuOTk5NiAxMC43Njk5IDE3LjY2OTkgMTAuNzY5OSAxNy4yNzAzVjEwLjgzNThDMTAuNzY5OSAxMC40MzYyIDExLjA5OTkgMTAuMTA2NCAxMS40OTk5IDEwLjEwNjRaIiBmaWxsPSIjNzk3Rjg1Ii8+DQo8L3N2Zz4NCg==) 10936 } 10937 10938 .blu-ticker.b-success[data-v-e275b4e8] { 10939 --blu-ticker-color-background: #effcf0; 10940 --blu-ticker-color-border: #b2efb9 10941 } 10942 10943 .blu-ticker.b-success.has-icon>.blu-ticker__icon[data-v-e275b4e8] { 10944 background-color: #1c832a; 10945 -webkit-mask-image: url(data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PSIwIDAgMjQgMjQiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+DQo8cGF0aCBkPSJNMTIgMkM2LjQ4IDIgMiA2LjQ4IDIgMTJDMiAxNy41MiA2LjQ4IDIyIDEyIDIyQzE3LjUyIDIyIDIyIDE3LjUyIDIyIDEyQzIyIDYuNDggMTcuNTIgMiAxMiAyWk0xNy4wNSA5LjExTDEyLjA2IDE2LjEyQzExLjg4IDE2LjM3IDExLjYgMTYuNTIgMTEuMjkgMTYuNTRIMTEuMjRDMTAuOTUgMTYuNTQgMTAuNjcgMTYuNDIgMTAuNDggMTYuMTlMNi45OSAxMi4xM0M2LjgyIDExLjkzIDYuNzMgMTEuNjcgNi43NSAxMS40MUM2Ljc3IDExLjE0IDYuODkgMTAuOSA3LjA5IDEwLjczQzcuNTEgMTAuMzcgOC4xNCAxMC40MiA4LjUgMTAuODRMMTEuMTYgMTMuOTNMMTUuNDEgNy45NkMxNS43MyA3LjUxIDE2LjM1IDcuNDEgMTYuOCA3LjczQzE3LjAyIDcuODggMTcuMTYgOC4xMSAxNy4yMSA4LjM4QzE3LjI1IDguNjQgMTcuMTkgOC45MSAxNy4wNCA5LjEyTDE3
10945LjA1IDkuMTFaIiBmaWxsPSIjNzk3Rjg1Ii8+DQo8L3N2Zz4=); 10946 mask-image: url(data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PSIwIDAgMjQgMjQiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+DQo8cGF0aCBkPSJNMTIgMkM2LjQ4IDIgMiA2LjQ4IDIgMTJDMiAxNy41MiA2LjQ4IDIyIDEyIDIyQzE3LjUyIDIyIDIyIDE3LjUyIDIyIDEyQzIyIDYuNDggMTcuNTIgMiAxMiAyWk0xNy4wNSA5LjExTDEyLjA2IDE2LjEyQzExLjg4IDE2LjM3IDExLjYgMTYuNTIgMTEuMjkgMTYuNTRIMTEuMjRDMTAuOTUgMTYuNTQgMTAuNjcgMTYuNDIgMTAuNDggMTYuMTlMNi45OSAxMi4xM0M2LjgyIDExLjkzIDYuNzMgMTEuNjcgNi43NSAxMS40MUM2Ljc3IDExLjE0IDYuODkgMTAuOSA3LjA5IDEwLjczQzcuNTEgMTAuMzcgOC4xNCAxMC40MiA4LjUgMTAuODRMMTEuMTYgMTMuOTNMMTUuNDEgNy45NkMxNS43MyA3LjUxIDE2LjM1IDcuNDEgMTYuOCA3LjczQzE3LjAyIDcuODggMTcuMTYgOC4xMSAxNy4yMSA4LjM4QzE3LjI1IDguNjQgMTcuMTkgOC45MSAxNy4wNCA5LjEyTDE3LjA1IDkuMTFaIiBmaWxsPSIjNzk3Rjg1Ii8+DQo8L3N2Zz4=) 10947 } 10948 10949 .blu-ticker.b-warning[data-v-e275b4e8] { 10950 --blu-ticker-color-background: #fff8e0; 10951 --blu-ticker-color-border: #fef0b6 10952 } 10953 10954 .blu-ticker.b-warning.has-icon>.blu-ticker__icon[data-v-e275b4e8] { 10955 background-color: #f1ab02; 10956 -webkit-mask-image: url(data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PSIwIDAgMjQgMjQiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+DQo8cGF0aCBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGNsaXAtcnVsZT0iZXZlbm9kZCIgZD0iTTMuODc0MzYgMjFIMjAuMTE0NEgyMC4xMjQ0QzIxLjU1MzUgMjEgMjIuNDUyOSAxOS41MDM1IDIxLjc2MzQgMTguMjg2NEwxMy42NDg0IDMuOTUwMjZDMTIuOTM4OCAyLjY4MzI1IDExLjA2OTkgMi42ODMyNSAxMC4zNjA0IDMuOTUwMjZMMi4yMzUzNyAxOC4yOTY0QzEuNTQ1OCAxOS41MTM1IDIuNDU1MjQgMjEgMy44NzQzNiAyMVpNMTAuOTkgMTMuOTM3NEwxMC43MDAyIDkuMDk4ODdWNy43NTIwNUMxMC43MDAyIDcuMzMzMDQgMTEuMDQgNi45OTM4NCAxMS40NTk3IDYuOTkzODRIMTIuNjA5QzEzLjAyODggNi45OTM4NCAxMy4zNjg2IDcuMzMzMDQgMTMuMzY4NiA3Ljc1MjA1VjkuMTA4ODRMMTMuMDg4NyAxMy45Mjc1QzEzLjA2ODcgMTQuMzI2NSAxMi43Mzg5IDE0LjYzNTggMTIuMzI5MiAxNC42MzU4SDExLjc0OTVDMTEuMzQ5OCAxNC42MzU4IDExLjAyIDE0LjMyNjUgMTAuOTkgMTMuOTI3NVYxMy45Mzc0Wk0xMS45OTk0IDE4Ljk2NTJDMTIuNzg4NyAxOC45NjUyIDEzLjQyODYgMTguMzI2NSAxMy40Mjg2IDE3LjUzODZDMTMuNDI4NiAxNi43NTA3IDEyLjc4ODcgMTYuMTEyIDExLjk5OTQgMTYuMTEyQzExLjIxMDIgMTYuMTEyIDEwLjU3MDMgMTYuNzUwNyAxMC41NzAzIDE3LjUzODZDMTAuNTcwMyAxOC4zMjY1IDExLjIxMDIgMTguOTY1MiAxMS45OTk0IDE4Ljk2NTJaIiBmaWxsPSIjNzk3Rjg1Ii8+DQo8L3N2Zz4NCg==); 10957 mask-image: url(data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PSIwIDAgMjQgMjQiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+DQo8cGF0aCBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGNsaXAtcnVsZT0iZXZlbm9kZCIgZD0iTTMuODc0MzYgMjFIMjAuMTE0NEgyMC4xMjQ0QzIxLjU1MzUgMjEgMjIuNDUyOSAxOS41MDM1IDIxLjc2MzQgMTguMjg2NEwxMy42NDg0IDMuOTUwMjZDMTIuOTM4OCAyLjY4MzI1IDExLjA2OTkgMi42ODMyNSAxMC4zNjA0IDMuOTUwMjZMMi4yMzUzNyAxOC4yOTY0QzEuNTQ1OCAxOS41MTM1IDIuNDU1MjQgMjEgMy44NzQzNiAyMVpNMTAuOTkgMTMuOTM3NEwxMC43MDAyIDkuMDk4ODdWNy43NTIwNUMxMC43MDAyIDcuMzMzMDQgMTEuMDQgNi45OTM4NCAxMS40NTk3IDYuOTkzODRIMTIuNjA5QzEzLjAyODggNi45OTM4NCAxMy4zNjg2IDcuMzMzMDQgMTMuMzY4NiA3Ljc1MjA1VjkuMTA4ODRMMTMuMDg4NyAxMy45Mjc1QzEzLjA2ODcgMTQuMzI2NSAxMi43Mzg5IDE0LjYzNTggMTIuMzI5MiAxNC42MzU4SDExLjc0OTVDMTEuMzQ5OCAxNC42MzU4IDExLjAyIDE0LjMyNjUgMTAuOTkgMTMuOTI3NVYxMy45Mzc0Wk0xMS45OTk0IDE4Ljk2NTJDMTIuNzg4NyAxOC45NjUyIDEzLjQyODYgMTguMzI2NSAxMy40Mjg2IDE3LjUzODZDMTMuNDI4NiAxNi43NTA3IDEyLjc4ODcgMTYuMTEyIDExLjk5OTQgMTYuMTEyQzExLjIxMDIgMTYuMTEyIDEwLjU3MDMgMTYuNzUwNyAxMC41NzAzIDE3LjUzODZDMTAuNTcwMyAxOC4zMjY1IDExLjIxMDIgMTguOTY1MiAxMS45OTk0IDE4Ljk2NTJaIiBmaWxsPSIjNzk3Rjg1Ii8+DQo8L3N2Zz4NCg==) 10958 } 10959 10960 .blu-ticker.b-danger[data-v-e275b4e8] { 10961 --blu-ticker-color-background: #fff5f5; 10962 --blu-ticker-color-border: #fecccb 10963 } 10964 10965 .blu-ticker.b-danger.has-icon>.blu-ticker__icon[data-v-e275b4e8] { 10966 background-color: #d33534; 10967 -webkit-mask-image: url(data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PSIwIDAgMjQgMjQiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+DQo8cGF0aCBkPSJNMTIgMkM2LjQ4IDIgMiA2LjQ4IDIgMTJDMiAxNy41MiA2LjQ4IDIyIDEyIDIyQzE3LjUyIDIyIDIyIDE3LjUyIDIyIDEyQzIyIDYuNDggMTcuNTIgMiAxMiAyWk0xNi4yNCAxNC44M0MxNi42MyAxNS4yMiAxNi42MyAxNS44NSAxNi4yNCAxNi4yNEMxNS44NSAxNi42MyAxNS4yMiAxNi42MyAxNC44MyAxNi4yNEwxMiAxMy40MUw5LjE3IDE2LjI0QzguNzggMTYuNjMgOC4xNSAxNi42MyA3Ljc2IDE2LjI0QzcuMzcgMTUuODUgNy4zNyAxNS4yMiA3Ljc2IDE0LjgzTDEwLjU5IDEyTDcuNzYgOS4xN0M3LjM3IDguNzggNy4zNyA4LjE1IDcuNzYgNy43NkM4LjE1IDcuMzcgOC43OCA3LjM3IDkuMTcgNy43NkwxMiAxMC41OUwxNC44MyA3Ljc2QzE1LjIyIDcuMzcgMTUuODUgNy4zNyAxNi4yNCA3Ljc2QzE2LjYzIDguMTUgMTYuNjMgOC43OCAxNi4yNCA5LjE3TDEzLjQxIDEyTDE2LjI0IDE0LjgzWiIgZmlsbD0iIzc5N0Y4NSIvPg0KPC9zdmc+); 10968 mask-image: url(data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PSIwIDAgMjQgMjQiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+DQo8cGF0aCBkPSJNMTIgMkM2LjQ4IDIgMiA2LjQ4IDIgMTJDMiAxNy41MiA2LjQ4IDIyIDEyIDIyQzE3LjUyIDIyIDIyIDE3LjUyIDIyIDEyQzIyIDYuNDggMTcuNTIgMiAxMiAyWk0xNi4yNCAxNC44M0MxNi42MyAxNS4yMiAxNi42MyAxNS44NSAxNi4yNCAxNi4yNEMxNS44NSAxNi42MyAxNS4yMiAxNi42MyAxNC44MyAxNi4yNEwxMiAxMy40MUw5LjE3IDE2LjI0QzguNzggMTYuNjMgOC4xNSAxNi42MyA3Ljc2IDE2LjI0QzcuMzcgMTUuODUgNy4zNyAxNS4yMiA3Ljc2IDE0LjgzTDEwLjU5IDEyTDcuNzYgOS4xN0M3LjM3IDguNzggNy4zNyA4LjE1IDcuNzYgNy43NkM4LjE1IDcuMzcgOC43OCA3LjM3IDkuMTcgNy43NkwxMiAxMC41OUwxNC44MyA3Ljc2QzE1LjIyIDcuMzcgMTUuODUgNy4zNyAxNi4yNCA3Ljc2QzE2LjYzIDguMTUgMTYuNjMgOC43OCAxNi4yNCA5LjE3TDEzLjQxIDEyTDE2LjI0IDE0LjgzWiIgZmlsbD0iIzc5N0Y4NSIvPg0KPC9zdmc+) 10969 } 10970 10971 .blu-ticker.has-icon>.blu-ticker__icon[data-v-e275b4e8] { 10972 margin-right: 8px; 10973 background-position: center center; 10974 background-size: contain; 10975 background-repeat: no-repeat; 10976 z-index: 0 10977 } 10978 10979 @media screen and (min-width: 769px),print { 10980 .blu-ticker.has-icon>.blu-ticker__icon[data-v-e275b4e8] { 10981 padding:12px 10982 } 10983 } 10984 10985 @media screen and (max-width: 768px) { 10986 .blu-ticker.has-icon>.blu-ticker__icon[data-v-e275b4e8] { 10987 padding:9px 10988 } 10989 } 10990 10991 .blu-ticker.has-icon.b-middle[data-v-e275b4e8] { 10992 align-items: center 10993 } 10994 10995 .blu-ticker.has-icon.b-bottom[data-v-e275b4e8] { 10996 align-items: flex-end 10997 } 10998 10999 .blu-ticker.has-icon.b-bottom[data-v-e275b4e8]:before { 11000 margin-bottom: 3px 11001 } 11002 </style> 11003 <style type="text/css"> 11004 .blu-ticker[data-v-5f386d2a] { 11005 --blu-ticker-color-background: #f9f9fa; 11006 --blu-ticker-color-border: #e1e3e4; 11007 display: flex; 11008 justify-content: flex-start; 11009 align-items: flex-start; 11010 border-radius: 8px; 11011 position: relative; 11012 background-color: var(--blu-ticker-color-background); 11013 border: 1px solid var(--blu-ticker-color-border); 11014 color: rgba(25,34,42,.7019607843); 11015 padding: 8px; 11016 margin-bottom: 8px; 11017 z-index: 0 11018 } 11019 11020 .blu-ticker__msg[data-v-5f386d2a] { 11021 z-index: 0; 11022 align-self: center 11023 } 11024 11025 @media screen and (min-width: 769px),print { 11026 .blu-ticker__msg[data-v-5f386d2a] { 11027 font:16px/20px "blibli",-apple-system,segoe ui,roboto,helvetica,arial,sans-serif 11028 } 11029 } 11030 11031 @media screen and (max-width: 768px) { 11032 .blu-ticker__msg[data-v-5f386d2a] { 11033 font:14px/18px "blibli",-apple-system,segoe ui,roboto,helvetica,arial,sans-serif 11034 } 11035 } 11036 11037 .blu-ticker__close[data-v-5f386d2a] { 11038 object-fit: contain; 11039 position: relative; 11040 z-index: 0; 11041 width: 18px; 11042 height: 18px; 11043 padding: 11px 11044 } 11045 11046 .blu-ticker__close i[data-v-5f386d2a] { 11047 content: ""; 11048 top: 0; 11049 right: 0; 11050 position: absolute; 11051 width: 18px; 11052 height: 18px; 11053 padding: 12px; 11054 background: rgba(0,0,0,0) url(data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PSIwIDAgMjQgMjQiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGQ9Ik0xMy43NjcyIDEyTDE3LjYzMiA4LjEzODM5QzE4LjEyMjcgNy42NDgxOSAxOC4xMjI3IDYuODU3ODYgMTcuNjMyIDYuMzY3NjVDMTcuMTQxNCA1Ljg3NzQ1IDE2LjM1MDQgNS44Nzc0NSAxNS44NTk4IDYuMzY3NjVMMTEuOTk1IDEwLjIyOTNMOC4xNDAxOCA2LjM3NzY2QzcuNjQ5NTYgNS44ODc0NSA2Ljg1ODU3IDUuODg3NDUgNi4zNjc5NiA2LjM3NzY2QzUuODc3MzUgNi44Njc4NiA1Ljg3NzM1IDcuNjU4MTkgNi4zNjc5NiA4LjE0ODRMMTAuMjIyOCAxMkw2LjM2Nzk2IDE1Ljg2MTZDNS44NzczNSAxNi4zNTE4IDUuODc3MzUgMTcuMTQyMSA2LjM2Nzk2IDE3LjYzMjNDNi44NTg1NyAxOC4xMjI2IDcuNjQ5NTYgMTguMTIyNiA4LjE0MDE4IDE3LjYzMjNMMTIuMDA1IDEzLjc3MDdMMTUuODU5OCAxNy42MjIzQzE2LjM1MDQgMTguMTEyNSAxNy4xNDE0IDE4LjExMjUgMTcuNjMyIDE3LjYyMjNDMTguMTIyNyAxNy4xMzIxIDE4LjEyMjcgMTYuMzQxOCAxNy42MzIgMTUuODUxNkwxMy43NzcyIDEySDEzLjc2NzJaIiBmaWxsPSIjNzk3Rjg1Ii8+Cjwvc3ZnPgo=) center center no-repeat #e1e3e4; 11055 background-color: rgba(25,34,42,.7019607843); 11056 -webkit-mask-image: url(data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PSIwIDAgMjQgMjQiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGQ9Ik0xMy43NjcyIDEyTDE3LjYzMiA4LjEzODM5QzE4LjEyMjcgNy42NDgxOSAxOC4xMjI3IDYuODU3ODYgMTcuNjMyIDYuMzY3NjVDMTcuMTQxNCA1Ljg3NzQ1IDE2LjM1MDQgNS44Nzc0NSAxNS44NTk4IDYuMzY3NjVMMTEuOTk1IDEwLjIyOTNMOC4xNDAxOCA2LjM3NzY2QzcuNjQ5NTYgNS44ODc0NSA2Ljg1ODU3IDUuODg3NDUgNi4zNjc5NiA2LjM3NzY2QzUuODc3MzUgNi44Njc4NiA1Ljg3NzM1IDcuNjU4MTkgNi4zNjc5NiA4LjE0ODRMMTAuMjIyOCAxMkw2LjM2Nzk2IDE1Ljg2MTZDNS44NzczNSAxNi4zNTE4IDUuODc3MzUgMTcuMTQyMSA2LjM2Nzk2IDE3LjYzMjNDNi44NTg1NyAxOC4xMjI2IDcuNjQ5NTYgMTguMTIyNiA4LjE0MDE4IDE3LjYzMjNMMTIuMDA1IDEzLjc3MDdMMTUuODU5OCAxNy42MjIzQzE2LjM1MDQgMTguMTEyNSAxNy4xNDE0IDE4LjExMjUgMTcuNjMyIDE3LjYyMjNDMTguMTIyNyAxNy4xMzIxIDE4LjEyMjcgMTYuMzQxOCAxNy42MzIgMTUuODUxNkwxMy43NzcyIDEySDEzLjc2NzJaIiBmaWxsPSIjNzk3Rjg1Ii8+Cjwvc3ZnPgo=) 11057 } 11058 11059 @media screen and (max-width: 768px) { 11060 .blu-ticker__close[data-v-5f386d2a] { 11061 transform:scale(0.75) 11062 } 11063 } 11064 11065 .blu-ticker__close[data-v-5f386d2a]:focus-visible { 11066 box-shadow: 0px 0px 0px 4px #000; 11067 outline: none 11068 } 11069 11070 .blu-ticker__title[data-v-5f386d2a] { 11071 color: #19222a 11072 } 11073 11074 @media screen and (min-width: 769px),print { 11075 .blu-ticker__title[data-v-5f386d2a] { 11076 font:16px/20px "blibli demi bold",-apple-system,segoe ui,roboto,helvetica,arial,sans-serif 11077 } 11078 } 11079 11080 @media screen and (max-width: 768px) { 11081 .blu-ticker__title[data-v-5f386d2a] { 11082 font:14px/18px "blibli demi bold",-apple-system,segoe ui,roboto,helvetica,arial,sans-serif 11083 } 11084 } 11085 11086 .blu-ticker__btn[data-v-5f386d2a] { 11087 margin: 8px 0 0 -14px 11088 } 11089 11090 .blu-ticker.b-info[data-v-5f386d2a] { 11091 --blu-ticker-color-background: #f3f9ff; 11092 --blu-ticker-color-border: #b9deff 11093 } 11094 11095 .blu-ticker.b-info.has-icon>.blu-ticker__icon[data-v-5f386d2a] { 11096 background-color: #006dea; 11097 -webkit-mask-image: url(data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PSIwIDAgMjQgMjQiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+DQo8cGF0aCBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGNsaXAtcnVsZT0iZXZlbm9kZCIgZD0iTTIgMTJDMiA2LjQ4IDYuNDggMiAxMiAyQzE3LjUyIDIgMjIgNi40OCAyMiAxMkMyMiAxNy41MiAxNy41MiAyMiAxMiAyMkM2LjQ4IDIyIDIgMTcuNTIgMiAxMlpNMTEuOTcgOC43Mzc2NEMxMi43MjY2IDguNzM3NjQgMTMuMzQgOC4xMjQ4IDEzLjM0IDcuMzY4ODJDMTMuMzQgNi42MTI4NCAxMi43MjY2IDYgMTEuOTcgNkMxMS4yMTM0IDYgMTAuNiA2LjYxMjg0IDEwLjYgNy4zNjg4MkMxMC42IDguMTI0OCAxMS4yMTM0IDguNzM3NjQgMTEuOTcgOC43Mzc2NFpNMTEuNDk5OSAxMC4xMDY0SDEyLjQ0OTlDMTIuODQ5OSAxMC4xMDY0IDEzLjE3OTkgMTAuNDM2MiAxMy4xNzk5IDEwLjgzNThWMTcuMjcwM0MxMy4xNzk5IDE3LjY2OTkgMTIuODQ5OSAxNy45OTk2IDEyLjQ0OTkgMTcuOTk5NkgxMS40OTk5QzExLjA5OTkgMTcuOTk5NiAxMC43Njk5IDE3LjY2OTkgMTAuNzY5OSAxNy4yNzAzVjEwLjgzNThDMTAuNzY5OSAxMC40MzYyIDExLjA5OTkgMTAuMTA2NCAxMS40OTk5IDEwLjEwNjRaIiBmaWxsPSIjNzk3Rjg1Ii8+DQo8L3N2Zz4NCg==); 11098 mask-image: url(data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PSIwIDAgMjQgMjQiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+DQo8cGF0aCBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGNsaXAtcnVsZT0iZXZlbm9kZCIgZD0iTTIgMTJDMiA2LjQ4IDYuNDggMiAxMiAyQzE3LjUyIDIgMjIgNi40OCAyMiAxMkMyMiAxNy41MiAxNy41MiAyMiAxMiAyMkM2LjQ4IDIyIDIgMTcuNTIgMiAxMlpNMTEuOTcgOC43Mzc2NEMxMi43MjY2IDguNzM3NjQgMTMuMzQgOC4xMjQ4IDEzLjM0IDcuMzY4ODJDMTMuMzQgNi42MTI4NCAxMi43MjY2IDYgMTEuOTcgNkMxMS4yMTM0IDYgMTAuNiA2LjYxMjg0IDEwLjYgNy4zNjg4MkMxMC42IDguMTI0OCAxMS4yMTM0IDguNzM3NjQgMTEuOTcgOC43Mzc2NFpNMTEuNDk5OSAxMC4xMDY0SDEyLjQ0OTlDMTIuODQ5OSAxMC4xMDY0IDEzLjE3OTkgMTAuNDM2MiAxMy4xNzk5IDEwLjgzNThWMTcuMjcwM0MxMy4xNzk5IDE3LjY2OTkgMTIuODQ5OSAxNy45OTk2IDEyLjQ0OTkgMTcuOTk5NkgxMS40OTk5QzExLjA5OTkgMTcuOTk5NiAxMC43Njk5IDE3LjY2OTkgMTAuNzY5OSAxNy4yNzAzVjEwLjgzNThDMTAuNzY5OSAxMC40MzYyIDExLjA5OTkgMTAuMTA2NCAxMS40OTk5IDEwLjEwNjRaIiBmaWxsPSIjNzk3Rjg1Ii8+DQo8L3N2Zz4NCg==) 11099 } 11100 11101 .blu-ticker.b-success[data-v-5f386d2a] { 11102 --blu-ticker-color-background: #effcf0; 11103 --blu-ticker-color-border: #b2efb9 11104 } 11105 11106 .blu-ticker.b-success.has-icon>.blu-ticker__icon[data-v-5f386d2a] { 11107 background-color: #1c832a; 11108 -webkit-mask-image: url(data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PSIwIDAgMjQgMjQiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+DQo8cGF0aCBkPSJNMTIgMkM2LjQ4IDIgMiA2LjQ4IDIgMTJDMiAxNy41MiA2LjQ4IDIyIDEyIDIyQzE3LjUyIDIyIDIyIDE3LjUyIDIyIDEyQzIyIDYuNDggMTcuNTIgMiAxMiAyWk0xNy4wNSA5LjExTDEyLjA2IDE2LjEyQzExLjg4IDE2LjM3IDExLjYgMTYuNTIgMTEuMjkgMTYuNTRIMTEuMjRDMTAuOTUgMTYuNTQgMTAuNjcgMTYuNDIgMTAuNDggMTYuMTlMNi45OSAxMi4xM0M2LjgyIDExLjkzIDYuNzMgMTEuNjcgNi43NSAxMS40MUM2Ljc3IDExLjE0IDYuODkgMTAuOSA3LjA5IDEwLjczQzcuNTEgMTAuMzcgOC4xNCAxMC40MiA4LjUgMTAuODRMMTEuMTYgMTMuOTNMMTUuNDEgNy45NkMxNS43MyA3LjUxIDE2LjM1IDcuNDEgMTYuOCA3LjczQzE3LjAyIDcuODggMTcuMTYgOC4xMSAxNy4yMSA4LjM4QzE3LjI1IDguNjQgMTcuMTkgOC45MSAxNy4wNCA5LjEyTDE3
11108LjA1IDkuMTFaIiBmaWxsPSIjNzk3Rjg1Ii8+DQo8L3N2Zz4=); 11109 mask-image: url(data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PSIwIDAgMjQgMjQiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+DQo8cGF0aCBkPSJNMTIgMkM2LjQ4IDIgMiA2LjQ4IDIgMTJDMiAxNy41MiA2LjQ4IDIyIDEyIDIyQzE3LjUyIDIyIDIyIDE3LjUyIDIyIDEyQzIyIDYuNDggMTcuNTIgMiAxMiAyWk0xNy4wNSA5LjExTDEyLjA2IDE2LjEyQzExLjg4IDE2LjM3IDExLjYgMTYuNTIgMTEuMjkgMTYuNTRIMTEuMjRDMTAuOTUgMTYuNTQgMTAuNjcgMTYuNDIgMTAuNDggMTYuMTlMNi45OSAxMi4xM0M2LjgyIDExLjkzIDYuNzMgMTEuNjcgNi43NSAxMS40MUM2Ljc3IDExLjE0IDYuODkgMTAuOSA3LjA5IDEwLjczQzcuNTEgMTAuMzcgOC4xNCAxMC40MiA4LjUgMTAuODRMMTEuMTYgMTMuOTNMMTUuNDEgNy45NkMxNS43MyA3LjUxIDE2LjM1IDcuNDEgMTYuOCA3LjczQzE3LjAyIDcuODggMTcuMTYgOC4xMSAxNy4yMSA4LjM4QzE3LjI1IDguNjQgMTcuMTkgOC45MSAxNy4wNCA5LjEyTDE3LjA1IDkuMTFaIiBmaWxsPSIjNzk3Rjg1Ii8+DQo8L3N2Zz4=) 11110 } 11111 11112 .blu-ticker.b-warning[data-v-5f386d2a] { 11113 --blu-ticker-color-background: #fff8e0; 11114 --blu-ticker-color-border: #fef0b6 11115 } 11116 11117 .blu-ticker.b-warning.has-icon>.blu-ticker__icon[data-v-5f386d2a] { 11118 background-color: #f1ab02; 11119 -webkit-mask-image: url(data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PSIwIDAgMjQgMjQiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+DQo8cGF0aCBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGNsaXAtcnVsZT0iZXZlbm9kZCIgZD0iTTMuODc0MzYgMjFIMjAuMTE0NEgyMC4xMjQ0QzIxLjU1MzUgMjEgMjIuNDUyOSAxOS41MDM1IDIxLjc2MzQgMTguMjg2NEwxMy42NDg0IDMuOTUwMjZDMTIuOTM4OCAyLjY4MzI1IDExLjA2OTkgMi42ODMyNSAxMC4zNjA0IDMuOTUwMjZMMi4yMzUzNyAxOC4yOTY0QzEuNTQ1OCAxOS41MTM1IDIuNDU1MjQgMjEgMy44NzQzNiAyMVpNMTAuOTkgMTMuOTM3NEwxMC43MDAyIDkuMDk4ODdWNy43NTIwNUMxMC43MDAyIDcuMzMzMDQgMTEuMDQgNi45OTM4NCAxMS40NTk3IDYuOTkzODRIMTIuNjA5QzEzLjAyODggNi45OTM4NCAxMy4zNjg2IDcuMzMzMDQgMTMuMzY4NiA3Ljc1MjA1VjkuMTA4ODRMMTMuMDg4NyAxMy45Mjc1QzEzLjA2ODcgMTQuMzI2NSAxMi43Mzg5IDE0LjYzNTggMTIuMzI5MiAxNC42MzU4SDExLjc0OTVDMTEuMzQ5OCAxNC42MzU4IDExLjAyIDE0LjMyNjUgMTAuOTkgMTMuOTI3NVYxMy45Mzc0Wk0xMS45OTk0IDE4Ljk2NTJDMTIuNzg4NyAxOC45NjUyIDEzLjQyODYgMTguMzI2NSAxMy40Mjg2IDE3LjUzODZDMTMuNDI4NiAxNi43NTA3IDEyLjc4ODcgMTYuMTEyIDExLjk5OTQgMTYuMTEyQzExLjIxMDIgMTYuMTEyIDEwLjU3MDMgMTYuNzUwNyAxMC41NzAzIDE3LjUzODZDMTAuNTcwMyAxOC4zMjY1IDExLjIxMDIgMTguOTY1MiAxMS45OTk0IDE4Ljk2NTJaIiBmaWxsPSIjNzk3Rjg1Ii8+DQo8L3N2Zz4NCg==); 11120 mask-image: url(data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PSIwIDAgMjQgMjQiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+DQo8cGF0aCBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGNsaXAtcnVsZT0iZXZlbm9kZCIgZD0iTTMuODc0MzYgMjFIMjAuMTE0NEgyMC4xMjQ0QzIxLjU1MzUgMjEgMjIuNDUyOSAxOS41MDM1IDIxLjc2MzQgMTguMjg2NEwxMy42NDg0IDMuOTUwMjZDMTIuOTM4OCAyLjY4MzI1IDExLjA2OTkgMi42ODMyNSAxMC4zNjA0IDMuOTUwMjZMMi4yMzUzNyAxOC4yOTY0QzEuNTQ1OCAxOS41MTM1IDIuNDU1MjQgMjEgMy44NzQzNiAyMVpNMTAuOTkgMTMuOTM3NEwxMC43MDAyIDkuMDk4ODdWNy43NTIwNUMxMC43MDAyIDcuMzMzMDQgMTEuMDQgNi45OTM4NCAxMS40NTk3IDYuOTkzODRIMTIuNjA5QzEzLjAyODggNi45OTM4NCAxMy4zNjg2IDcuMzMzMDQgMTMuMzY4NiA3Ljc1MjA1VjkuMTA4ODRMMTMuMDg4NyAxMy45Mjc1QzEzLjA2ODcgMTQuMzI2NSAxMi43Mzg5IDE0LjYzNTggMTIuMzI5MiAxNC42MzU4SDExLjc0OTVDMTEuMzQ5OCAxNC42MzU4IDExLjAyIDE0LjMyNjUgMTAuOTkgMTMuOTI3NVYxMy45Mzc0Wk0xMS45OTk0IDE4Ljk2NTJDMTIuNzg4NyAxOC45NjUyIDEzLjQyODYgMTguMzI2NSAxMy40Mjg2IDE3LjUzODZDMTMuNDI4NiAxNi43NTA3IDEyLjc4ODcgMTYuMTEyIDExLjk5OTQgMTYuMTEyQzExLjIxMDIgMTYuMTEyIDEwLjU3MDMgMTYuNzUwNyAxMC41NzAzIDE3LjUzODZDMTAuNTcwMyAxOC4zMjY1IDExLjIxMDIgMTguOTY1MiAxMS45OTk0IDE4Ljk2NTJaIiBmaWxsPSIjNzk3Rjg1Ii8+DQo8L3N2Zz4NCg==) 11121 } 11122 11123 .blu-ticker.b-danger[data-v-5f386d2a] { 11124 --blu-ticker-color-background: #fff5f5; 11125 --blu-ticker-color-border: #fecccb 11126 } 11127 11128 .blu-ticker.b-danger.has-icon>.blu-ticker__icon[data-v-5f386d2a] { 11129 background-color: #d33534; 11130 -webkit-mask-image: url(data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PSIwIDAgMjQgMjQiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+DQo8cGF0aCBkPSJNMTIgMkM2LjQ4IDIgMiA2LjQ4IDIgMTJDMiAxNy41MiA2LjQ4IDIyIDEyIDIyQzE3LjUyIDIyIDIyIDE3LjUyIDIyIDEyQzIyIDYuNDggMTcuNTIgMiAxMiAyWk0xNi4yNCAxNC44M0MxNi42MyAxNS4yMiAxNi42MyAxNS44NSAxNi4yNCAxNi4yNEMxNS44NSAxNi42MyAxNS4yMiAxNi42MyAxNC44MyAxNi4yNEwxMiAxMy40MUw5LjE3IDE2LjI0QzguNzggMTYuNjMgOC4xNSAxNi42MyA3Ljc2IDE2LjI0QzcuMzcgMTUuODUgNy4zNyAxNS4yMiA3Ljc2IDE0LjgzTDEwLjU5IDEyTDcuNzYgOS4xN0M3LjM3IDguNzggNy4zNyA4LjE1IDcuNzYgNy43NkM4LjE1IDcuMzcgOC43OCA3LjM3IDkuMTcgNy43NkwxMiAxMC41OUwxNC44MyA3Ljc2QzE1LjIyIDcuMzcgMTUuODUgNy4zNyAxNi4yNCA3Ljc2QzE2LjYzIDguMTUgMTYuNjMgOC43OCAxNi4yNCA5LjE3TDEzLjQxIDEyTDE2LjI0IDE0LjgzWiIgZmlsbD0iIzc5N0Y4NSIvPg0KPC9zdmc+); 11131 mask-image: url(data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PSIwIDAgMjQgMjQiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+DQo8cGF0aCBkPSJNMTIgMkM2LjQ4IDIgMiA2LjQ4IDIgMTJDMiAxNy41MiA2LjQ4IDIyIDEyIDIyQzE3LjUyIDIyIDIyIDE3LjUyIDIyIDEyQzIyIDYuNDggMTcuNTIgMiAxMiAyWk0xNi4yNCAxNC44M0MxNi42MyAxNS4yMiAxNi42MyAxNS44NSAxNi4yNCAxNi4yNEMxNS44NSAxNi42MyAxNS4yMiAxNi42MyAxNC44MyAxNi4yNEwxMiAxMy40MUw5LjE3IDE2LjI0QzguNzggMTYuNjMgOC4xNSAxNi42MyA3Ljc2IDE2LjI0QzcuMzcgMTUuODUgNy4zNyAxNS4yMiA3Ljc2IDE0LjgzTDEwLjU5IDEyTDcuNzYgOS4xN0M3LjM3IDguNzggNy4zNyA4LjE1IDcuNzYgNy43NkM4LjE1IDcuMzcgOC43OCA3LjM3IDkuMTcgNy43NkwxMiAxMC41OUwxNC44MyA3Ljc2QzE1LjIyIDcuMzcgMTUuODUgNy4zNyAxNi4yNCA3Ljc2QzE2LjYzIDguMTUgMTYuNjMgOC43OCAxNi4yNCA5LjE3TDEzLjQxIDEyTDE2LjI0IDE0LjgzWiIgZmlsbD0iIzc5N0Y4NSIvPg0KPC9zdmc+) 11132 } 11133 11134 .blu-ticker.has-icon>.blu-ticker__icon[data-v-5f386d2a] { 11135 margin-right: 8px; 11136 background-position: center center; 11137 background-size: contain; 11138 background-repeat: no-repeat; 11139 z-index: 0 11140 } 11141 11142 @media screen and (min-width: 769px),print { 11143 .blu-ticker.has-icon>.blu-ticker__icon[data-v-5f386d2a] { 11144 padding:12px 11145 } 11146 } 11147 11148 @media screen and (max-width: 768px) { 11149 .blu-ticker.has-icon>.blu-ticker__icon[data-v-5f386d2a] { 11150 padding:9px 11151 } 11152 } 11153 11154 .blu-ticker.has-icon.b-middle[data-v-5f386d2a] { 11155 align-items: center 11156 } 11157 11158 .blu-ticker.has-icon.b-bottom[data-v-5f386d2a] { 11159 align-items: flex-end 11160 } 11161 11162 .blu-ticker.has-icon.b-bottom[data-v-5f386d2a]:before { 11163 margin-bottom: 3px 11164 } 11165 </style> 11166 <style type="text/css"> 11167 .blu-ticker[data-v-c29289ca] { 11168 --blu-ticker-color-background: #f9f9fa; 11169 --blu-ticker-color-border: #e1e3e4; 11170 display: flex; 11171 justify-content: flex-start; 11172 align-items: flex-start; 11173 border-radius: 8px; 11174 position: relative; 11175 background-color: var(--blu-ticker-color-background); 11176 border: 1px solid var(--blu-ticker-color-border); 11177 color: rgba(25,34,42,.7019607843); 11178 padding: 8px; 11179 margin-bottom: 8px; 11180 z-index: 0 11181 } 11182 11183 .blu-ticker__msg[data-v-c29289ca] { 11184 z-index: 0; 11185 align-self: center 11186 } 11187 11188 @media screen and (min-width: 769px),print { 11189 .blu-ticker__msg[data-v-c29289ca] { 11190 font:16px/20px "blibli",-apple-system,segoe ui,roboto,helvetica,arial,sans-serif 11191 } 11192 } 11193 11194 @media screen and (max-width: 768px) { 11195 .blu-ticker__msg[data-v-c29289ca] { 11196 font:14px/18px "blibli",-apple-system,segoe ui,roboto,helvetica,arial,sans-serif 11197 } 11198 } 11199 11200 .blu-ticker__close[data-v-c29289ca] { 11201 object-fit: contain; 11202 position: relative; 11203 z-index: 0; 11204 width: 18px; 11205 height: 18px; 11206 padding: 11px 11207 } 11208 11209 .blu-ticker__close i[data-v-c29289ca] { 11210 content: ""; 11211 top: 0; 11212 right: 0; 11213 position: absolute; 11214 width: 18px; 11215 height: 18px; 11216 padding: 12px; 11217 background: rgba(0,0,0,0) url(data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PSIwIDAgMjQgMjQiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGQ9Ik0xMy43NjcyIDEyTDE3LjYzMiA4LjEzODM5QzE4LjEyMjcgNy42NDgxOSAxOC4xMjI3IDYuODU3ODYgMTcuNjMyIDYuMzY3NjVDMTcuMTQxNCA1Ljg3NzQ1IDE2LjM1MDQgNS44Nzc0NSAxNS44NTk4IDYuMzY3NjVMMTEuOTk1IDEwLjIyOTNMOC4xNDAxOCA2LjM3NzY2QzcuNjQ5NTYgNS44ODc0NSA2Ljg1ODU3IDUuODg3NDUgNi4zNjc5NiA2LjM3NzY2QzUuODc3MzUgNi44Njc4NiA1Ljg3NzM1IDcuNjU4MTkgNi4zNjc5NiA4LjE0ODRMMTAuMjIyOCAxMkw2LjM2Nzk2IDE1Ljg2MTZDNS44NzczNSAxNi4zNTE4IDUuODc3MzUgMTcuMTQyMSA2LjM2Nzk2IDE3LjYzMjNDNi44NTg1NyAxOC4xMjI2IDcuNjQ5NTYgMTguMTIyNiA4LjE0MDE4IDE3LjYzMjNMMTIuMDA1IDEzLjc3MDdMMTUuODU5OCAxNy42MjIzQzE2LjM1MDQgMTguMTEyNSAxNy4xNDE0IDE4LjExMjUgMTcuNjMyIDE3LjYyMjNDMTguMTIyNyAxNy4xMzIxIDE4LjEyMjcgMTYuMzQxOCAxNy42MzIgMTUuODUxNkwxMy43NzcyIDEySDEzLjc2NzJaIiBmaWxsPSIjNzk3Rjg1Ii8+Cjwvc3ZnPgo=) center center no-repeat #e1e3e4; 11218 background-color: rgba(25,34,42,.7019607843); 11219 -webkit-mask-image: url(data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PSIwIDAgMjQgMjQiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGQ9Ik0xMy43NjcyIDEyTDE3LjYzMiA4LjEzODM5QzE4LjEyMjcgNy42NDgxOSAxOC4xMjI3IDYuODU3ODYgMTcuNjMyIDYuMzY3NjVDMTcuMTQxNCA1Ljg3NzQ1IDE2LjM1MDQgNS44Nzc0NSAxNS44NTk4IDYuMzY3NjVMMTEuOTk1IDEwLjIyOTNMOC4xNDAxOCA2LjM3NzY2QzcuNjQ5NTYgNS44ODc0NSA2Ljg1ODU3IDUuODg3NDUgNi4zNjc5NiA2LjM3NzY2QzUuODc3MzUgNi44Njc4NiA1Ljg3NzM1IDcuNjU4MTkgNi4zNjc5NiA4LjE0ODRMMTAuMjIyOCAxMkw2LjM2Nzk2IDE1Ljg2MTZDNS44NzczNSAxNi4zNTE4IDUuODc3MzUgMTcuMTQyMSA2LjM2Nzk2IDE3LjYzMjNDNi44NTg1NyAxOC4xMjI2IDcuNjQ5NTYgMTguMTIyNiA4LjE0MDE4IDE3LjYzMjNMMTIuMDA1IDEzLjc3MDdMMTUuODU5OCAxNy42MjIzQzE2LjM1MDQgMTguMTEyNSAxNy4xNDE0IDE4LjExMjUgMTcuNjMyIDE3LjYyMjNDMTguMTIyNyAxNy4xMzIxIDE4LjEyMjcgMTYuMzQxOCAxNy42MzIgMTUuODUxNkwxMy43NzcyIDEySDEzLjc2NzJaIiBmaWxsPSIjNzk3Rjg1Ii8+Cjwvc3ZnPgo=) 11220 } 11221 11222 @media screen and (max-width: 768px) { 11223 .blu-ticker__close[data-v-c29289ca] { 11224 transform:scale(0.75) 11225 } 11226 } 11227 11228 .blu-ticker__close[data-v-c29289ca]:focus-visible { 11229 box-shadow: 0px 0px 0px 4px #000; 11230 outline: none 11231 } 11232 11233 .blu-ticker__title[data-v-c29289ca] { 11234 color: #19222a 11235 } 11236 11237 @media screen and (min-width: 769px),print { 11238 .blu-ticker__title[data-v-c29289ca] { 11239 font:16px/20px "blibli demi bold",-apple-system,segoe ui,roboto,helvetica,arial,sans-serif 11240 } 11241 } 11242 11243 @media screen and (max-width: 768px) { 11244 .blu-ticker__title[data-v-c29289ca] { 11245 font:14px/18px "blibli demi bold",-apple-system,segoe ui,roboto,helvetica,arial,sans-serif 11246 } 11247 } 11248 11249 .blu-ticker__btn[data-v-c29289ca] { 11250 margin: 8px 0 0 -14px 11251 } 11252 11253 .blu-ticker.b-info[data-v-c29289ca] { 11254 --blu-ticker-color-background: #f3f9ff; 11255 --blu-ticker-color-border: #b9deff 11256 } 11257 11258 .blu-ticker.b-info.has-icon>.blu-ticker__icon[data-v-c29289ca] { 11259 background-color: #006dea; 11260 -webkit-mask-image: url(data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PSIwIDAgMjQgMjQiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+DQo8cGF0aCBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGNsaXAtcnVsZT0iZXZlbm9kZCIgZD0iTTIgMTJDMiA2LjQ4IDYuNDggMiAxMiAyQzE3LjUyIDIgMjIgNi40OCAyMiAxMkMyMiAxNy41MiAxNy41MiAyMiAxMiAyMkM2LjQ4IDIyIDIgMTcuNTIgMiAxMlpNMTEuOTcgOC43Mzc2NEMxMi43MjY2IDguNzM3NjQgMTMuMzQgOC4xMjQ4IDEzLjM0IDcuMzY4ODJDMTMuMzQgNi42MTI4NCAxMi43MjY2IDYgMTEuOTcgNkMxMS4yMTM0IDYgMTAuNiA2LjYxMjg0IDEwLjYgNy4zNjg4MkMxMC42IDguMTI0OCAxMS4yMTM0IDguNzM3NjQgMTEuOTcgOC43Mzc2NFpNMTEuNDk5OSAxMC4xMDY0SDEyLjQ0OTlDMTIuODQ5OSAxMC4xMDY0IDEzLjE3OTkgMTAuNDM2MiAxMy4xNzk5IDEwLjgzNThWMTcuMjcwM0MxMy4xNzk5IDE3LjY2OTkgMTIuODQ5OSAxNy45OTk2IDEyLjQ0OTkgMTcuOTk5NkgxMS40OTk5QzExLjA5OTkgMTcuOTk5NiAxMC43Njk5IDE3LjY2OTkgMTAuNzY5OSAxNy4yNzAzVjEwLjgzNThDMTAuNzY5OSAxMC40MzYyIDExLjA5OTkgMTAuMTA2NCAxMS40OTk5IDEwLjEwNjRaIiBmaWxsPSIjNzk3Rjg1Ii8+DQo8L3N2Zz4NCg==); 11261 mask-image: url(data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PSIwIDAgMjQgMjQiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+DQo8cGF0aCBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGNsaXAtcnVsZT0iZXZlbm9kZCIgZD0iTTIgMTJDMiA2LjQ4IDYuNDggMiAxMiAyQzE3LjUyIDIgMjIgNi40OCAyMiAxMkMyMiAxNy41MiAxNy41MiAyMiAxMiAyMkM2LjQ4IDIyIDIgMTcuNTIgMiAxMlpNMTEuOTcgOC43Mzc2NEMxMi43MjY2IDguNzM3NjQgMTMuMzQgOC4xMjQ4IDEzLjM0IDcuMzY4ODJDMTMuMzQgNi42MTI4NCAxMi43MjY2IDYgMTEuOTcgNkMxMS4yMTM0IDYgMTAuNiA2LjYxMjg0IDEwLjYgNy4zNjg4MkMxMC42IDguMTI0OCAxMS4yMTM0IDguNzM3NjQgMTEuOTcgOC43Mzc2NFpNMTEuNDk5OSAxMC4xMDY0SDEyLjQ0OTlDMTIuODQ5OSAxMC4xMDY0IDEzLjE3OTkgMTAuNDM2MiAxMy4xNzk5IDEwLjgzNThWMTcuMjcwM0MxMy4xNzk5IDE3LjY2OTkgMTIuODQ5OSAxNy45OTk2IDEyLjQ0OTkgMTcuOTk5NkgxMS40OTk5QzExLjA5OTkgMTcuOTk5NiAxMC43Njk5IDE3LjY2OTkgMTAuNzY5OSAxNy4yNzAzVjEwLjgzNThDMTAuNzY5OSAxMC40MzYyIDExLjA5OTkgMTAuMTA2NCAxMS40OTk5IDEwLjEwNjRaIiBmaWxsPSIjNzk3Rjg1Ii8+DQo8L3N2Zz4NCg==) 11262 } 11263 11264 .blu-ticker.b-success[data-v-c29289ca] { 11265 --blu-ticker-color-background: #effcf0; 11266 --blu-ticker-color-border: #b2efb9 11267 } 11268 11269 .blu-ticker.b-success.has-icon>.blu-ticker__icon[data-v-c29289ca] { 11270 background-color: #1c832a; 11271 -webkit-mask-image: url(data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PSIwIDAgMjQgMjQiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+DQo8cGF0aCBkPSJNMTIgMkM2LjQ4IDIgMiA2LjQ4IDIgMTJDMiAxNy41MiA2LjQ4IDIyIDEyIDIyQzE3LjUyIDIyIDIyIDE3LjUyIDIyIDEyQzIyIDYuNDggMTcuNTIgMiAxMiAyWk0xNy4wNSA5LjExTDEyLjA2IDE2LjEyQzExLjg4IDE2LjM3IDExLjYgMTYuNTIgMTEuMjkgMTYuNTRIMTEuMjRDMTAuOTUgMTYuNTQgMTAuNjcgMTYuNDIgMTAuNDggMTYuMTlMNi45OSAxMi4xM0M2LjgyIDExLjkzIDYuNzMgMTEuNjcgNi43NSAxMS40MUM2Ljc3IDExLjE0IDYuODkgMTAuOSA3LjA5IDEwLjczQzcuNTEgMTAuMzcgOC4xNCAxMC40MiA4LjUgMTAuODRMMTEuMTYgMTMuOTNMMTUuNDEgNy45NkMxNS43MyA3LjUxIDE2LjM1IDcuNDEgMTYuOCA3LjczQzE3LjAyIDcuODggMTcuMTYgOC4xMSAxNy4yMSA4LjM4QzE3LjI1IDguNjQgMTcuMTkgOC45MSAxNy4wNCA5LjEyTDE3
11271LjA1IDkuMTFaIiBmaWxsPSIjNzk3Rjg1Ii8+DQo8L3N2Zz4=); 11272 mask-image: url(data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PSIwIDAgMjQgMjQiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+DQo8cGF0aCBkPSJNMTIgMkM2LjQ4IDIgMiA2LjQ4IDIgMTJDMiAxNy41MiA2LjQ4IDIyIDEyIDIyQzE3LjUyIDIyIDIyIDE3LjUyIDIyIDEyQzIyIDYuNDggMTcuNTIgMiAxMiAyWk0xNy4wNSA5LjExTDEyLjA2IDE2LjEyQzExLjg4IDE2LjM3IDExLjYgMTYuNTIgMTEuMjkgMTYuNTRIMTEuMjRDMTAuOTUgMTYuNTQgMTAuNjcgMTYuNDIgMTAuNDggMTYuMTlMNi45OSAxMi4xM0M2LjgyIDExLjkzIDYuNzMgMTEuNjcgNi43NSAxMS40MUM2Ljc3IDExLjE0IDYuODkgMTAuOSA3LjA5IDEwLjczQzcuNTEgMTAuMzcgOC4xNCAxMC40MiA4LjUgMTAuODRMMTEuMTYgMTMuOTNMMTUuNDEgNy45NkMxNS43MyA3LjUxIDE2LjM1IDcuNDEgMTYuOCA3LjczQzE3LjAyIDcuODggMTcuMTYgOC4xMSAxNy4yMSA4LjM4QzE3LjI1IDguNjQgMTcuMTkgOC45MSAxNy4wNCA5LjEyTDE3LjA1IDkuMTFaIiBmaWxsPSIjNzk3Rjg1Ii8+DQo8L3N2Zz4=) 11273 } 11274 11275 .blu-ticker.b-warning[data-v-c29289ca] { 11276 --blu-ticker-color-background: #fff8e0; 11277 --blu-ticker-color-border: #fef0b6 11278 } 11279 11280 .blu-ticker.b-warning.has-icon>.blu-ticker__icon[data-v-c29289ca] { 11281 background-color: #f1ab02; 11282 -webkit-mask-image: url(data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PSIwIDAgMjQgMjQiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+DQo8cGF0aCBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGNsaXAtcnVsZT0iZXZlbm9kZCIgZD0iTTMuODc0MzYgMjFIMjAuMTE0NEgyMC4xMjQ0QzIxLjU1MzUgMjEgMjIuNDUyOSAxOS41MDM1IDIxLjc2MzQgMTguMjg2NEwxMy42NDg0IDMuOTUwMjZDMTIuOTM4OCAyLjY4MzI1IDExLjA2OTkgMi42ODMyNSAxMC4zNjA0IDMuOTUwMjZMMi4yMzUzNyAxOC4yOTY0QzEuNTQ1OCAxOS41MTM1IDIuNDU1MjQgMjEgMy44NzQzNiAyMVpNMTAuOTkgMTMuOTM3NEwxMC43MDAyIDkuMDk4ODdWNy43NTIwNUMxMC43MDAyIDcuMzMzMDQgMTEuMDQgNi45OTM4NCAxMS40NTk3IDYuOTkzODRIMTIuNjA5QzEzLjAyODggNi45OTM4NCAxMy4zNjg2IDcuMzMzMDQgMTMuMzY4NiA3Ljc1MjA1VjkuMTA4ODRMMTMuMDg4NyAxMy45Mjc1QzEzLjA2ODcgMTQuMzI2NSAxMi43Mzg5IDE0LjYzNTggMTIuMzI5MiAxNC42MzU4SDExLjc0OTVDMTEuMzQ5OCAxNC42MzU4IDExLjAyIDE0LjMyNjUgMTAuOTkgMTMuOTI3NVYxMy45Mzc0Wk0xMS45OTk0IDE4Ljk2NTJDMTIuNzg4NyAxOC45NjUyIDEzLjQyODYgMTguMzI2NSAxMy40Mjg2IDE3LjUzODZDMTMuNDI4NiAxNi43NTA3IDEyLjc4ODcgMTYuMTEyIDExLjk5OTQgMTYuMTEyQzExLjIxMDIgMTYuMTEyIDEwLjU3MDMgMTYuNzUwNyAxMC41NzAzIDE3LjUzODZDMTAuNTcwMyAxOC4zMjY1IDExLjIxMDIgMTguOTY1MiAxMS45OTk0IDE4Ljk2NTJaIiBmaWxsPSIjNzk3Rjg1Ii8+DQo8L3N2Zz4NCg==); 11283 mask-image: url(data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PSIwIDAgMjQgMjQiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+DQo8cGF0aCBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGNsaXAtcnVsZT0iZXZlbm9kZCIgZD0iTTMuODc0MzYgMjFIMjAuMTE0NEgyMC4xMjQ0QzIxLjU1MzUgMjEgMjIuNDUyOSAxOS41MDM1IDIxLjc2MzQgMTguMjg2NEwxMy42NDg0IDMuOTUwMjZDMTIuOTM4OCAyLjY4MzI1IDExLjA2OTkgMi42ODMyNSAxMC4zNjA0IDMuOTUwMjZMMi4yMzUzNyAxOC4yOTY0QzEuNTQ1OCAxOS41MTM1IDIuNDU1MjQgMjEgMy44NzQzNiAyMVpNMTAuOTkgMTMuOTM3NEwxMC43MDAyIDkuMDk4ODdWNy43NTIwNUMxMC43MDAyIDcuMzMzMDQgMTEuMDQgNi45OTM4NCAxMS40NTk3IDYuOTkzODRIMTIuNjA5QzEzLjAyODggNi45OTM4NCAxMy4zNjg2IDcuMzMzMDQgMTMuMzY4NiA3Ljc1MjA1VjkuMTA4ODRMMTMuMDg4NyAxMy45Mjc1QzEzLjA2ODcgMTQuMzI2NSAxMi43Mzg5IDE0LjYzNTggMTIuMzI5MiAxNC42MzU4SDExLjc0OTVDMTEuMzQ5OCAxNC42MzU4IDExLjAyIDE0LjMyNjUgMTAuOTkgMTMuOTI3NVYxMy45Mzc0Wk0xMS45OTk0IDE4Ljk2NTJDMTIuNzg4NyAxOC45NjUyIDEzLjQyODYgMTguMzI2NSAxMy40Mjg2IDE3LjUzODZDMTMuNDI4NiAxNi43NTA3IDEyLjc4ODcgMTYuMTEyIDExLjk5OTQgMTYuMTEyQzExLjIxMDIgMTYuMTEyIDEwLjU3MDMgMTYuNzUwNyAxMC41NzAzIDE3LjUzODZDMTAuNTcwMyAxOC4zMjY1IDExLjIxMDIgMTguOTY1MiAxMS45OTk0IDE4Ljk2NTJaIiBmaWxsPSIjNzk3Rjg1Ii8+DQo8L3N2Zz4NCg==) 11284 } 11285 11286 .blu-ticker.b-danger[data-v-c29289ca] { 11287 --blu-ticker-color-background: #fff5f5; 11288 --blu-ticker-color-border: #fecccb 11289 } 11290 11291 .blu-ticker.b-danger.has-icon>.blu-ticker__icon[data-v-c29289ca] { 11292 background-color: #d33534; 11293 -webkit-mask-image: url(data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PSIwIDAgMjQgMjQiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+DQo8cGF0aCBkPSJNMTIgMkM2LjQ4IDIgMiA2LjQ4IDIgMTJDMiAxNy41MiA2LjQ4IDIyIDEyIDIyQzE3LjUyIDIyIDIyIDE3LjUyIDIyIDEyQzIyIDYuNDggMTcuNTIgMiAxMiAyWk0xNi4yNCAxNC44M0MxNi42MyAxNS4yMiAxNi42MyAxNS44NSAxNi4yNCAxNi4yNEMxNS44NSAxNi42MyAxNS4yMiAxNi42MyAxNC44MyAxNi4yNEwxMiAxMy40MUw5LjE3IDE2LjI0QzguNzggMTYuNjMgOC4xNSAxNi42MyA3Ljc2IDE2LjI0QzcuMzcgMTUuODUgNy4zNyAxNS4yMiA3Ljc2IDE0LjgzTDEwLjU5IDEyTDcuNzYgOS4xN0M3LjM3IDguNzggNy4zNyA4LjE1IDcuNzYgNy43NkM4LjE1IDcuMzcgOC43OCA3LjM3IDkuMTcgNy43NkwxMiAxMC41OUwxNC44MyA3Ljc2QzE1LjIyIDcuMzcgMTUuODUgNy4zNyAxNi4yNCA3Ljc2QzE2LjYzIDguMTUgMTYuNjMgOC43OCAxNi4yNCA5LjE3TDEzLjQxIDEyTDE2LjI0IDE0LjgzWiIgZmlsbD0iIzc5N0Y4NSIvPg0KPC9zdmc+); 11294 mask-image: url(data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PSIwIDAgMjQgMjQiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+DQo8cGF0aCBkPSJNMTIgMkM2LjQ4IDIgMiA2LjQ4IDIgMTJDMiAxNy41MiA2LjQ4IDIyIDEyIDIyQzE3LjUyIDIyIDIyIDE3LjUyIDIyIDEyQzIyIDYuNDggMTcuNTIgMiAxMiAyWk0xNi4yNCAxNC44M0MxNi42MyAxNS4yMiAxNi42MyAxNS44NSAxNi4yNCAxNi4yNEMxNS44NSAxNi42MyAxNS4yMiAxNi42MyAxNC44MyAxNi4yNEwxMiAxMy40MUw5LjE3IDE2LjI0QzguNzggMTYuNjMgOC4xNSAxNi42MyA3Ljc2IDE2LjI0QzcuMzcgMTUuODUgNy4zNyAxNS4yMiA3Ljc2IDE0LjgzTDEwLjU5IDEyTDcuNzYgOS4xN0M3LjM3IDguNzggNy4zNyA4LjE1IDcuNzYgNy43NkM4LjE1IDcuMzcgOC43OCA3LjM3IDkuMTcgNy43NkwxMiAxMC41OUwxNC44MyA3Ljc2QzE1LjIyIDcuMzcgMTUuODUgNy4zNyAxNi4yNCA3Ljc2QzE2LjYzIDguMTUgMTYuNjMgOC43OCAxNi4yNCA5LjE3TDEzLjQxIDEyTDE2LjI0IDE0LjgzWiIgZmlsbD0iIzc5N0Y4NSIvPg0KPC9zdmc+) 11295 } 11296 11297 .blu-ticker.has-icon>.blu-ticker__icon[data-v-c29289ca] { 11298 margin-right: 8px; 11299 background-position: center center; 11300 background-size: contain; 11301 background-repeat: no-repeat; 11302 z-index: 0 11303 } 11304 11305 @media screen and (min-width: 769px),print { 11306 .blu-ticker.has-icon>.blu-ticker__icon[data-v-c29289ca] { 11307 padding:12px 11308 } 11309 } 11310 11311 @media screen and (max-width: 768px) { 11312 .blu-ticker.has-icon>.blu-ticker__icon[data-v-c29289ca] { 11313 padding:9px 11314 } 11315 } 11316 11317 .blu-ticker.has-icon.b-middle[data-v-c29289ca] { 11318 align-items: center 11319 } 11320 11321 .blu-ticker.has-icon.b-bottom[data-v-c29289ca] { 11322 align-items: flex-end 11323 } 11324 11325 .blu-ticker.has-icon.b-bottom[data-v-c29289ca]:before { 11326 margin-bottom: 3px 11327 } 11328 </style> 11329 <style type="text/css"> 11330 .blu-ripple[data-v-589e2bdd] { 11331 width: 100%; 11332 height: 100%; 11333 position: relative; 11334 overflow: hidden; 11335 display: flex; 11336 justify-content: center; 11337 align-items: center; 11338 -webkit-box-pack: center; 11339 -webkit-box-align: center; 11340 -webkit-mask-image: radial-gradient(circle, #ffffff 100%, #000000 100%); 11341 padding: 0 12px 11342 } 11343 11344 .blu-ripple-wave[data-v-589e2bdd] { 11345 position: absolute; 11346 z-index: 1; 11347 pointer-events: none; 11348 background: currentColor; 11349 border-radius: 50%; 11350 opacity: 0; 11351 transform: scale(2) translateZ(0) 11352 } 11353 11354 .blu-ripple-wave.b-centered[data-v-589e2bdd] { 11355 animation-duration: 1.2s; 11356 top: 50%; 11357 left: 50% 11358 } 11359 11360 .blu-ripple-wave~*[data-v-589e2bdd]:not(.blu-ripple-wave) { 11361 position: relative; 11362 z-index: 2 11363 } 11364 11365 .blu-ripple-enter-active[data-v-589e2bdd] { 11366 transition: 2s cubic-bezier(0.25, 0.8, 0.25, 1); 11367 transition-property: opacity,transform; 11368 will-change: opacity,transform 11369 } 11370 11371 .blu-ripple-enter-active.b-centered[data-v-589e2bdd] { 11372 transition-duration: 1.2s 11373 } 11374 11375 .blu-ripple-enter[data-v-589e2bdd] { 11376 opacity: .26; 11377 transform: scale(0.26) translateZ(0) 11378 } 11379 11380 .has-left-icon .blu-ripple svg[data-v-589e2bdd] { 11381 margin-right: 8px 11382 } 11383 11384 .has-left-icon.b-small svg[data-v-589e2bdd] { 11385 transform-origin: left; 11386 margin-right: 4px 11387 } 11388 11389 .b-large .blu-ripple[data-v-589e2bdd] { 11390 padding: 0 16px 11391 } 11392 11393 .b-small .blu-ripple[data-v-589e2bdd] { 11394 padding: 0 8px 11395 } 11396 11397 .b-small svg[data-v-589e2bdd] { 11398 width: 18px; 11399 height: 18px 11400 } 11401 11402 .b-icon .blu-ripple[data-v-589e2bdd] { 11403 padding: 0 11404 } 11405 11406 .b-loading .blu-loader-wrapper[data-v-589e2bdd] { 11407 height: 24px; 11408 position: absolute 11409 } 11410 11411 .b-loading .blu-ripple[data-v-589e2bdd] { 11412 color: rgba(0,0,0,0) 11413 } 11414 11415 .b-loading .blu-ripple>svg[data-v-589e2bdd] { 11416 visibility: hidden 11417 } 11418 11419 .b-loading .blu-ripple .blu-ripple-wave[data-v-589e2bdd] { 11420 color: #fff 11421 } 11422 11423 .b-loading.b-white .blu-ripple-wave[data-v-589e2bdd] { 11424 color: #0072ff 11425 } 11426 11427 .b-loading.b-outline.b-secondary .blu-ripple-wave[data-v-589e2bdd] { 11428 color: #0072ff 11429 } 11430 11431 .b-loading.b-outline.b-primary .blu-ripple-wave[data-v-589e2bdd] { 11432 color: #f1ab02 11433 } 11434 11435 .b-loading.b-ghost.b-secondary .blu-ripple-wave[data-v-589e2bdd] { 11436 color: #0072ff 11437 } 11438 11439 .b-loading.b-ghost.b-primary .blu-ripple-wave[data-v-589e2bdd] { 11440 color: #f1ab02 11441 } 11442 11443 .blu-input-stepper .blu-btn .blu-ripple[data-v-589e2bdd] { 11444 padding: 0; 11445 width: 24px; 11446 height: 24px; 11447 border-radius: 50% 11448 } 11449 11450 .blu-input-stepper .blu-btn .blu-ripple svg[data-v-589e2bdd] { 11451 width: 18px; 11452 height: 18px; 11453 margin-left: 1px 11454 } 11455 11456 .blu-input-stepper .blu-btn .blu-ripple-enter-active[data-v-589e2bdd] { 11457 background: #0072ff 11458 } 11459 11460 .b-disabled[data-v-589e2bdd] { 11461 opacity: 1 11462 } 11463 11464 .blu-btn-dropdown .blu-ripple>svg+div[data-v-589e2bdd] { 11465 margin-left: 8px 11466 } 11467 11468 .blu-radio[data-v-589e2bdd] { 11469 width: auto; 11470 margin: 16px 16px 16px 0; 11471 display: inline-flex; 11472 position: relative 11473 } 11474 11475 .blu-radio[data-v-589e2bdd]:not(.b-disabled) { 11476 cursor: pointer 11477 } 11478 11479 .blu-radio:not(.b-disabled) .blu-radio-label[data-v-589e2bdd] { 11480 cursor: pointer; 11481 color: rgba(25,34,42,.7019607843) 11482 } 11483 11484 .blu-radio .blu-radio-container[data-v-589e2bdd] {
11485 width: 20px; 11486 min-width: 20px; 11487 height: 20px; 11488 position: relative; 11489 border: 1px solid rgba(0,0,0,0); 11490 border-radius: 50%; 11491 transition: .4s cubic-bezier(0.25, 0.8, 0.25, 1); 11492 border-color: #c8cbcd 11493 } 11494 11495 .blu-radio .blu-radio-container[data-v-589e2bdd]:focus { 11496 outline: none 11497 } 11498 11499 .blu-radio .blu-radio-container[data-v-589e2bdd]::before,.blu-radio .blu-radio-container[data-v-589e2bdd]::after { 11500 position: absolute; 11501 transition: .4s cubic-bezier(0.55, 0, 0.55, 0.2); 11502 content: " " 11503 } 11504 11505 .blu-radio .blu-radio-container[data-v-589e2bdd]::before { 11506 width: 48px; 11507 height: 48px; 11508 top: 50%; 11509 left: 50%; 11510 border-radius: 50%; 11511 transform: translate(-50%, -50%) 11512 } 11513 11514 .blu-radio .blu-radio-container[data-v-589e2bdd]::after { 11515 position: absolute; 11516 top: 3px; 11517 right: 3px; 11518 bottom: 3px; 11519 left: 3px; 11520 border-radius: 50%; 11521 transform: scale3D(0.38, 0.38, 1); 11522 content: " " 11523 } 11524 11525 .blu-radio .blu-radio-container input[data-v-589e2bdd] { 11526 position: absolute; 11527 left: -999em 11528 } 11529 11530 .blu-radio .blu-radio-container input:focus-visible+.focus-radio[data-v-589e2bdd] { 11531 position: absolute; 11532 padding: 12px; 11533 border: 4px solid #000; 11534 border-radius: 8px; 11535 left: -8px; 11536 bottom: -8px 11537 } 11538 11539 .blu-radio .blu-radio-label[data-v-589e2bdd] { 11540 padding-left: 8px; 11541 position: relative; 11542 font: 16px/20px "blibli",-apple-system,segoe ui,roboto,helvetica,arial,sans-serif 11543 } 11544 11545 .blu-radio.b-checked .blu-radio-container[data-v-589e2bdd] { 11546 border-color: #1d8fff 11547 } 11548 11549 .blu-radio.b-checked .blu-radio-container[data-v-589e2bdd]::after { 11550 transform: scale3D(1, 1, 1); 11551 transition: .4s cubic-bezier(0.25, 0.8, 0.25, 1); 11552 background-color: #1d8fff 11553 } 11554 11555 .blu-radio.b-checked .blu-radio-container[data-v-589e2bdd]:hover { 11556 background-color: #fff; 11557 box-shadow: none 11558 } 11559 11560 .blu-radio.b-required label[data-v-589e2bdd]::after { 11561 position: absolute; 11562 top: 2px; 11563 right: 0; 11564 transform: translateX(calc(100% + 2px)); 11565 content: "*"; 11566 line-height: 1em; 11567 vertical-align: top 11568 } 11569 11570 .blu-radio.b-disabled[data-v-589e2bdd] { 11571 color: rgba(25,34,42,.4) 11572 } 11573 11574 .blu-radio.b-disabled .blu-radio-container[data-v-589e2bdd] { 11575 border-color: #e1e3e4 11576 } 11577 11578 .blu-radio.b-disabled .blu-radio-container[data-v-589e2bdd]:hover { 11579 background-color: #fff; 11580 box-shadow: none 11581 } 11582 11583 .blu-radio.b-disabled.b-checked .blu-radio-container[data-v-589e2bdd] { 11584 border-color: #c8cbcd 11585 } 11586 11587 .blu-radio.b-disabled.b-checked .blu-radio-container[data-v-589e2bdd]::after { 11588 background-color: #c8cbcd 11589 } 11590 11591 .blu-radio.b-disabled.b-checked .blu-radio-container[data-v-589e2bdd]:hover { 11592 background-color: #fff; 11593 box-shadow: none 11594 } 11595 11596 .blu-radio .b-disabled[data-v-589e2bdd] { 11597 cursor: not-allowed; 11598 -webkit-user-select: none; 11599 -moz-user-select: none; 11600 -ms-user-select: none; 11601 user-select: none 11602 } 11603 11604 .blu-radio:hover:not(.b-disabled) .blu-radio-container[data-v-589e2bdd] { 11605 background-color: #f1f2f2; 11606 box-shadow: 0 0 0 2px #f1f2f2 11607 } 11608 </style> 11609 <style type="text/css"> 11610 .blu-dropdown[data-v-3e0b2b85] { 11611 position: relative 11612 } 11613 11614 .blu-dropdown__content[data-v-3e0b2b85] { 11615 width: 100%; 11616 background-color: #fff 11617 } 11618 11619 @media screen and (min-width: 769px),print { 11620 .blu-dropdown__content[data-v-3e0b2b85] { 11621 position:absolute; 11622 z-index: 3 11623 } 11624 } 11625 11626 @media screen and (max-width: 768px) { 11627 .blu-dropdown__content[data-v-3e0b2b85] { 11628 width:100%; 11629 border-radius: 16px 16px 0 0; 11630 position: fixed; 11631 bottom: -90px; 11632 left: 0; 11633 z-index: 3 11634 } 11635 } 11636 11637 .blu-dropdown__content .blu-list[data-v-3e0b2b85] { 11638 width: 100%; 11639 max-height: 0; 11640 transition: all .3s cubic-bezier(0, 0, 0.2, 1.2); 11641 margin: 0; 11642 overflow-y: overlay 11643 } 11644 11645 @media screen and (min-width: 769px),print { 11646 .blu-dropdown__mask[data-v-3e0b2b85] { 11647 display:none 11648 } 11649 } 11650 11651 @media screen and (max-width: 768px) { 11652 .blu-dropdown__mask[data-v-3e0b2b85] { 11653 pointer-events:none; 11654 transition: opacity .3s ease; 11655 opacity: 0; 11656 width: 100%; 11657 height: 0; 11658 background: rgba(0,0,0,.6); 11659 position: fixed; 11660 bottom: 0; 11661 left: 0; 11662 z-index: 3 11663 } 11664 } 11665 11666 @media screen and (min-width: 769px),print { 11667 .blu-dropdown__close[data-v-3e0b2b85] { 11668 display:none 11669 } 11670 } 11671 11672 @media screen and (max-width: 768px) { 11673 .blu-dropdown__close[data-v-3e0b2b85] { 11674 width:24px; 11675 height: 24px; 11676 position: absolute; 11677 top: -28px; 11678 right: 20px 11679 } 11680 11681 .blu-dropdown__close i[data-v-3e0b2b85] { 11682 content: ""; 11683 position: absolute; 11684 width: 24px; 11685 height: 24px; 11686 transform: scale(1.3); 11687 background: rgba(0,0,0,0) url(data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PSIwIDAgMjQgMjQiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGQ9Ik0xMy43NjcyIDEyTDE3LjYzMiA4LjEzODM5QzE4LjEyMjcgNy42NDgxOSAxOC4xMjI3IDYuODU3ODYgMTcuNjMyIDYuMzY3NjVDMTcuMTQxNCA1Ljg3NzQ1IDE2LjM1MDQgNS44Nzc0NSAxNS44NTk4IDYuMzY3NjVMMTEuOTk1IDEwLjIyOTNMOC4xNDAxOCA2LjM3NzY2QzcuNjQ5NTYgNS44ODc0NSA2Ljg1ODU3IDUuODg3NDUgNi4zNjc5NiA2LjM3NzY2QzUuODc3MzUgNi44Njc4NiA1Ljg3NzM1IDcuNjU4MTkgNi4zNjc5NiA4LjE0ODRMMTAuMjIyOCAxMkw2LjM2Nzk2IDE1Ljg2MTZDNS44NzczNSAxNi4zNTE4IDUuODc3MzUgMTcuMTQyMSA2LjM2Nzk2IDE3LjYzMjNDNi44NTg1NyAxOC4xMjI2IDcuNjQ5NTYgMTguMTIyNiA4LjE0MDE4IDE3LjYzMjNMMTIuMDA1IDEzLjc3MDdMMTUuODU5OCAxNy42MjIzQzE2LjM1MDQgMTguMTEyNSAxNy4xNDE0IDE4LjExMjUgMTcuNjMyIDE3LjYyMjNDMTguMTIyNyAxNy4xMzIxIDE4LjEyMjcgMTYuMzQxOCAxNy42MzIgMTUuODUxNkwxMy43NzcyIDEySDEzLjc2NzJaIiBmaWxsPSIjNzk3Rjg1Ii8+Cjwvc3ZnPgo=) center center no-repeat #e1e3e4; 11688 background-color: #e1e3e4; 11689 -webkit-mask-image: url(data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PSIwIDAgMjQgMjQiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGQ9Ik0xMy43NjcyIDEyTDE3LjYzMiA4LjEzODM5QzE4LjEyMjcgNy42NDgxOSAxOC4xMjI3IDYuODU3ODYgMTcuNjMyIDYuMzY3NjVDMTcuMTQxNCA1Ljg3NzQ1IDE2LjM1MDQgNS44Nzc0NSAxNS44NTk4IDYuMzY3NjVMMTEuOTk1IDEwLjIyOTNMOC4xNDAxOCA2LjM3NzY2QzcuNjQ5NTYgNS44ODc0NSA2Ljg1ODU3IDUuODg3NDUgNi4zNjc5NiA2LjM3NzY2QzUuODc3MzUgNi44Njc4NiA1Ljg3NzM1IDcuNjU4MTkgNi4zNjc5NiA4LjE0ODRMMTAuMjIyOCAxMkw2LjM2Nzk2IDE1Ljg2MTZDNS44NzczNSAxNi4zNTE4IDUuODc3MzUgMTcuMTQyMSA2LjM2Nzk2IDE3LjYzMjNDNi44NTg1NyAxOC4xMjI2IDcuNjQ5NTYgMTguMTIyNiA4LjE0MDE4IDE3LjYzMjNMMTIuMDA1IDEzLjc3MDdMMTUuODU5OCAxNy42MjIzQzE2LjM1MDQgMTguMTEyNSAxNy4xNDE0IDE4LjExMjUgMTcuNjMyIDE3LjYyMjNDMTguMTIyNyAxNy4xMzIxIDE4LjEyMjcgMTYuMzQxOCAxNy42MzIgMTUuODUxNkwxMy43NzcyIDEySDEzLjc2NzJaIiBmaWxsPSIjNzk3Rjg1Ii8+Cjwvc3ZnPgo=) 11690 } 11691 } 11692 11693 .blu-dropdown__msg[data-v-3e0b2b85] { 11694 font: 14px/18px "blibli",-apple-system,segoe ui,roboto,helvetica,arial,sans-serif; 11695 color: rgba(25,34,42,.4); 11696 margin-top: 4px 11697 } 11698 11699 @media screen and (max-width: 768px) { 11700 .blu-dropdown.has-title .blu-dropdown__content[data-v-3e0b2b85] { 11701 padding-top:52px 11702 } 11703 } 11704 11705 .blu-dropdown.has-title .blu-dropdown__title[data-v-3e0b2b85] { 11706 display: none 11707 } 11708 11709 @media screen and (max-width: 768px) { 11710 .blu-dropdown.has-title .blu-dropdown__title[data-v-3e0b2b85] { 11711 display:block; 11712 position: absolute; 11713 top: 24px; 11714 left: 16px; 11715 font: 16px/20px "blibli demi bold",-apple-system,segoe ui,roboto,helvetica,arial,sans-serif 11716 } 11717 } 11718 11719 .blu-dropdown:not(.b-active) .blu-dropdown__content[data-v-3e0b2b85] { 11720 visibility: hidden; 11721 transition: all .3s ease-in-out 11722 } 11723 11724 @media screen and (min-width: 769px),print { 11725 .blu-dropdown.b-active .blu-dropdown__content .blu-list[data-v-3e0b2b85] { 11726 max-height:265px 11727 } 11728 } 11729 11730 @media screen and (max-width: 768px) { 11731 .blu-dropdown.b-active .blu-dropdown__content .blu-list[data-v-3e0b2b85] { 11732 max-height:55vh; 11733 padding-top: 8px; 11734 border-radius: 24px 24px 0 0; 11735 padding-bottom: calc(env(safe-area-inset-bottom) + 90px) 11736 } 11737 } 11738 11739 @media screen and (max-width: 768px) { 11740 .blu-dropdown.b-active .blu-dropdown__mask[data-v-3e0b2b85] { 11741 opacity:1; 11742 height: 100%; 11743 pointer-events: auto 11744 } 11745 } 11746 11747 .blu-dropdown.b-selection:not(.has-value) label[data-v-3e0b2b85] { 11748 top: 18px 11749 } 11750 11751 .blu-dropdown.b-selection label[data-v-3e0b2b85] { 11752 font: 16px/20px "blibli",-apple-system,segoe ui,roboto,helvetica,arial,sans-serif; 11753 color: rgba(25,34,42,.4); 11754 position: absolute; 11755 transition: all .5s 11756 } 11757 11758 .blu-dropdown.b-selection .blu-dropdown__trigger[data-v-3e0b2b85] { 11759 height: 56px; 11760 padding: 10px 36px 10px 14px; 11761 font: 16px/20px "blibli demi bold",-apple-system,segoe ui,roboto,helvetica,arial,sans-serif; 11762 color: rgba(25,34,42,.7019607843); 11763 border: #c8cbcd 1px solid; 11764 border-radius: 8px; 11765 background-color: #fff; 11766 transition: border .4s,border-color .4s; 11767 cursor: pointer; 11768 outline: none 11769 } 11770 11771 .blu-dropdown.b-selection .blu-dropdown__trigger[data-v-3e0b2b85]::before { 11772 content: ""; 11773 width: 24px; 11774 height: 24px; 11775 background: rgba(0,0,0,0) url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB2aWV3Qm94PSIwIDAgMjQgMjQiPgogIDxkZWZzPgogICAgPHBhdGgKICAgICAgICBpZD0iMTkwcjYzOHp6YSIKICAgICAgICBkPSJNMCA1LjE1NGMwLS42MzYuMjkyLTEuMjE5LjgtMS42TDUuNDExLjE5MmMuNDQ2LS4zMjUgMS4wNzItLjIyOCAxLjM5Ny4yMi4zMjUuNDQ1LjIyNyAxLjA3MS0uMjE5IDEuMzk2bC00LjYgMy4zNTQgNC41NjMgMy4wMDRjLjQ2LjMwNS41ODcuOTI1LjI4MiAxLjM4Ni0uMzA1LjQ2LS45MjYuNTg2LTEuMzg2LjI4MmwtNC42LTMuMDQ2Qy4yOTEgNi4zNzIgMCA1Ljc5IDAgNS4xNTR6IgogICAgLz4KICA8L2RlZnM+CiAgPGcgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIj4KICAgIDxnPgogICAgICA8Zz4KICAgICAgICA8cGF0aCBmaWxsPSIjRkZGIiBmaWxsLW9wYWNpdHk9Ii4wMSIgZD0iTTAgMEgyNFYyNEgweiIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTU5MiAtNzg1KSB0cmFuc2xhdGUoNTkyIDc4NSkiIC8+CiAgICAgICAgPGcgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTU5MiAtNzg1KSB0cmFuc2xhdGUoNTkyIDc4NSkgdHJhbnNsYXRlKDggNykiPgogICAgICAgICAgPG1hc2sgaWQ9InU0ZGRwYm95eGIiIGZpbGw9IiNmZmYiPjx1c2UgeGxpbms6aHJlZj0iIzE5MHI2Mzh6emEiIC8+PC9tYXNrPgogICAgICAgICAgPHVzZSBmaWxsPSIjNzk3Rjg1IiBmaWxsLXJ1bGU9Im5vbnplcm8iIHhsaW5rOmhyZWY9IiMxOTByNjM4enphIiAvPgogICAgICAgICAgPHBhdGggZmlsbD0iIzc5N0Y4NSIgZD0iTS04IC03SDE2VjE3SC04eiIgbWFzaz0idXJsKCN1NGRkcGJveXhiKSIgLz4KICAgICAgICA8L2c+CiAgICAgIDwvZz4KICAgIDwvZz4KICA8L2c+Cjwvc3ZnPgo=) center center no-repeat; 11776 transform: rotate(270deg); 11777 transition: transform .4s; 11778 position: absolute; 11779 top: 16px; 11780 right: 8px; 11781 z-index: 2 11782 } 11783 11784 .blu-dropdown.b-selection .blu-dropdown__trigger[data-v-3e0b2b85]::after { 11785 content: ""; 11786 width: 24px; 11787 height: 30px; 11788 position: absolute; 11789 top: calc(50% - 15px); 11790 right: 37px; 11791 background: #fff; 11792 background: linear-gradient(-90deg, rgb(255, 255, 255) 0%, rgba(255, 255, 255, 0) 100%) 11793 } 11794 11795 .blu-dropdown.b-selection .blu-dropdown__trigger[data-v-3e0b2b85]:hover { 11796 background-color: #f1f2f2 11797 } 11798 11799 .blu-dropdown.b-selection .blu-dropdown__trigger[data-v-3e0b2b85]:hover::after { 11800 background: #f1f1f1; 11801 background: linear-gradient(-90deg, rgb(241, 241, 241) 0%, rgba(241, 241, 241, 0) 100%) 11802 } 11803 11804 @media screen and (min-width: 769px),print { 11805 .blu-dropdown.b-selection .blu-dropdown__content[data-v-3e0b2b85] { 11806 top:56px; 11807 left: 0; 11808 margin-top: 8px; 11809 border-radius: 8px 11810 } 11811 } 11812 11813 .blu-dropdown.b-selection .blu-dropdown__value[data-v-3e0b2b85] { 11814 display: block; 11815 margin-top: 15px; 11816 opacity: 0; 11817 transition: all .5s; 11818 white-space: nowrap; 11819 font: 16px/20px "blibli",-apple-system,segoe ui,roboto,helvetica,arial,sans-serif; 11820 color: #19222a 11821 } 11822 11823 .blu-dropdown.b-selection .has-value label[data-v-3e0b2b85] { 11824 color: #0072ff; 11825 font: 12px/16px "blibli",-apple-system,segoe ui,roboto,helvetica,arial,sans-serif; 11826 font-size: 1.2rem; 11827 font-weight: normal; 11828 margin-top: 9px; 11829 line-height: 1.25; 11830 top: 0 11831 } 11832 11833 .blu-dropdown.b-selection .has-value .blu-dropdown__value[data-v-3e0b2b85] { 11834 opacity: 1 11835 } 11836 11837 .blu-dropdown.b-selection:not(.b-disabled) .blu-dropdown__trigger[data-v-3e0b2b85]:focus-visible { 11838 box-shadow: 0px 0px 0px 4px #000 11839 } 11840 11841 .blu-dropdown.b-selection.b-active .blu-dropdown__trigger[data-v-3e0b2b85] { 11842 border-color: #1d8fff; 11843 transition: border-color .4s 11844 } 11845 11846 .blu-dropdown.b-selection.b-active .blu-dropdown__trigger[data-v-3e0b2b85]::before { 11847 transform: rotate(90deg); 11848 transition: transform .4s 11849 } 11850 11851 .blu-dropdown.b-selection.b-danger .has-value label[data-v-3e0b2b85] { 11852 color: #e93c3c 11853 } 11854 11855 .blu-dropdown.b-selection.b-danger .blu-dropdown__trigger[data-v-3e0b2b85] { 11856 border-color: #ff4646 11857 } 11858 11859 .blu-dropdown.b-selection.b-danger .blu-dropdown__msg[data-v-3e0b2b85] { 11860
11860 color: #e93c3c 11861 } 11862 11863 .blu-dropdown.b-selection.b-success .has-value label[data-v-3e0b2b85] { 11864 color: #1c832a 11865 } 11866 11867 .blu-dropdown.b-selection.b-success .blu-dropdown__trigger[data-v-3e0b2b85] { 11868 border-color: #22a334 11869 } 11870 11871 .blu-dropdown.b-selection.b-success .blu-dropdown__msg[data-v-3e0b2b85] { 11872 color: #1f912e 11873 } 11874 11875 .blu-dropdown.b-selection.b-noborder .blu-dropdown__trigger[data-v-3e0b2b85] { 11876 border: none; 11877 display: flex; 11878 align-items: center; 11879 color: #19222a 11880 } 11881 11882 .blu-dropdown.b-selection.b-noborder .blu-dropdown__trigger[data-v-3e0b2b85]:hover { 11883 background-color: #fff 11884 } 11885 11886 .blu-dropdown.b-selection.b-noborder .blu-dropdown__trigger[data-v-3e0b2b85]:hover::after { 11887 background: #fff; 11888 background: linear-gradient(-90deg, rgb(255, 255, 255) 0%, rgba(255, 255, 255, 0) 100%) 11889 } 11890 11891 .blu-dropdown.b-selection.b-noborder .blu-dropdown__value[data-v-3e0b2b85] { 11892 display: flex; 11893 align-items: center; 11894 margin-top: 0 11895 } 11896 11897 .blu-dropdown.b-contained .blu-dropdown__trigger[data-v-3e0b2b85] { 11898 background-color: #f1f2f2; 11899 border-color: #f1f2f2; 11900 transition: border-color 0s 11901 } 11902 11903 .blu-dropdown.b-contained .blu-dropdown__trigger[data-v-3e0b2b85]::after { 11904 background: #f1f1f1; 11905 background: linear-gradient(-90deg, rgb(241, 241, 241) 0%, rgba(241, 241, 241, 0) 100%) 11906 } 11907 11908 .blu-dropdown.b-contained .blu-dropdown__trigger[data-v-3e0b2b85]:hover { 11909 background-color: #e1e3e4; 11910 border-color: #e1e3e4; 11911 transition: border-color 0s 11912 } 11913 11914 .blu-dropdown.b-contained .blu-dropdown__trigger[data-v-3e0b2b85]:hover::after { 11915 background: #e0e0e0; 11916 background: linear-gradient(-90deg, rgb(224, 224, 224) 0%, rgba(224, 224, 224, 0) 100%) 11917 } 11918 11919 .blu-dropdown.b-contained.b-active .blu-dropdown__trigger[data-v-3e0b2b85] { 11920 border-color: #1d8fff; 11921 transition: border-color .4s 11922 } 11923 11924 .blu-dropdown.has-left-icon label[data-v-3e0b2b85] { 11925 left: 48px 11926 } 11927 11928 .blu-dropdown.has-left-icon .blu-dropdown__value[data-v-3e0b2b85] { 11929 padding-left: 30px 11930 } 11931 11932 .blu-dropdown.has-left-icon .blu-dropdown__icon-left[data-v-3e0b2b85] { 11933 position: absolute; 11934 top: 16px; 11935 left: 16px; 11936 margin-right: 8px; 11937 color: #797f85 11938 } 11939 11940 .blu-dropdown.has-right-icon .blu-dropdown__trigger[data-v-3e0b2b85]::before { 11941 display: none 11942 } 11943 11944 .blu-dropdown.has-right-icon .blu-dropdown__icon-right[data-v-3e0b2b85] { 11945 position: absolute; 11946 top: 16px; 11947 right: 16px; 11948 color: rgba(25,34,42,.4) 11949 } 11950 11951 .blu-dropdown.has-placeholder label[data-v-3e0b2b85] { 11952 transition: none 11953 } 11954 11955 .blu-dropdown.has-placeholder .has-value label[data-v-3e0b2b85] { 11956 z-index: -1; 11957 color: inherit; 11958 font-size: inherit 11959 } 11960 11961 .blu-dropdown.has-placeholder .blu-dropdown__value[data-v-3e0b2b85] { 11962 margin-top: 4px 11963 } 11964 11965 .blu-dropdown.b-small.has-left-icon.has-placeholder label[data-v-3e0b2b85] { 11966 left: 30px 11967 } 11968 11969 .blu-dropdown.b-small.has-left-icon .blu-dropdown__value[data-v-3e0b2b85] { 11970 padding-left: 36px 11971 } 11972 11973 .blu-dropdown.b-small.has-left-icon .blu-dropdown__icon-left[data-v-3e0b2b85] { 11974 height: 24px; 11975 top: 4px; 11976 left: 5px; 11977 color: #797f85 11978 } 11979 11980 .blu-dropdown.b-small.has-left-icon .blu-dropdown__icon-left svg[data-v-3e0b2b85] { 11981 transform: scale(0.75) 11982 } 11983 11984 .blu-dropdown.b-small.has-left-icon.b-selection .blu-dropdown__value[data-v-3e0b2b85] { 11985 padding-left: 20px 11986 } 11987 11988 .blu-dropdown.b-small.has-placeholder label[data-v-3e0b2b85] { 11989 top: 7px; 11990 color: rgba(25,34,42,.4); 11991 font: 14px/18px "blibli",-apple-system,segoe ui,roboto,helvetica,arial,sans-serif 11992 } 11993 11994 .blu-dropdown.b-small .blu-dropdown__trigger[data-v-3e0b2b85] { 11995 height: 32px; 11996 padding: 4px 36px 4px 8px; 11997 border-radius: 8px 11998 } 11999 12000 .blu-dropdown.b-small .blu-dropdown__trigger[data-v-3e0b2b85]:before { 12001 top: 4px; 12002 right: 4px 12003 } 12004 12005 .blu-dropdown.b-small .blu-dropdown__trigger[data-v-3e0b2b85]::after { 12006 height: 24px; 12007 top: 2px 12008 } 12009 12010 .blu-dropdown.b-small.b-selection .blu-dropdown__value[data-v-3e0b2b85] {
12011 margin-top: 1px; 12012 font: 14px/18px "blibli",-apple-system,segoe ui,roboto,helvetica,arial,sans-serif 12013 } 12014 12015 @media screen and (min-width: 769px),print { 12016 .blu-dropdown.b-small.b-selection .blu-dropdown__content[data-v-3e0b2b85] { 12017 top:32px 12018 } 12019 } 12020 12021 .blu-dropdown.b-disabled .blu-dropdown__trigger[data-v-3e0b2b85] { 12022 cursor: not-allowed; 12023 background-color: #c8cbcd 12024 } 12025 12026 .blu-dropdown.b-disabled .blu-dropdown__trigger[data-v-3e0b2b85]::before { 12027 background: rgba(0,0,0,0) url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB2aWV3Qm94PSIwIDAgMjQgMjQiPgogIDxkZWZzPgogICAgPHBhdGgKICAgICAgICBpZD0iMTkwcjYzOHp6YSIKICAgICAgICBkPSJNMCA1LjE1NGMwLS42MzYuMjkyLTEuMjE5LjgtMS42TDUuNDExLjE5MmMuNDQ2LS4zMjUgMS4wNzItLjIyOCAxLjM5Ny4yMi4zMjUuNDQ1LjIyNyAxLjA3MS0uMjE5IDEuMzk2bC00LjYgMy4zNTQgNC41NjMgMy4wMDRjLjQ2LjMwNS41ODcuOTI1LjI4MiAxLjM4Ni0uMzA1LjQ2LS45MjYuNTg2LTEuMzg2LjI4MmwtNC42LTMuMDQ2Qy4yOTEgNi4zNzIgMCA1Ljc5IDAgNS4xNTR6IgogICAgLz4KICA8L2RlZnM+CiAgPGcgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIj4KICAgIDxnPgogICAgICA8Zz4KICAgICAgICA8cGF0aCBmaWxsPSIjRkZGIiBmaWxsLW9wYWNpdHk9Ii4wMSIgZD0iTTAgMEgyNFYyNEgweiIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTU5MiAtNzg1KSB0cmFuc2xhdGUoNTkyIDc4NSkiIC8+CiAgICAgICAgPGcgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTU5MiAtNzg1KSB0cmFuc2xhdGUoNTkyIDc4NSkgdHJhbnNsYXRlKDggNykiPgogICAgICAgICAgPG1hc2sgaWQ9InU0ZGRwYm95eGIiIGZpbGw9IiNmZmYiPjx1c2UgeGxpbms6aHJlZj0iIzE5MHI2Mzh6emEiIC8+PC9tYXNrPgogICAgICAgICAgPHVzZSBmaWxsPSIjNzk3Rjg1IiBmaWxsLXJ1bGU9Im5vbnplcm8iIHhsaW5rOmhyZWY9IiMxOTByNjM4enphIiAvPgogICAgICAgICAgPHBhdGggZmlsbD0iI0E1QTlBQyIgZD0iTS04IC03SDE2VjE3SC04eiIgbWFzaz0idXJsKCN1NGRkcGJveXhiKSIgLz4KICAgICAgICA8L2c+CiAgICAgIDwvZz4KICAgIDwvZz4KICA8L2c+Cjwvc3ZnPgo=) center center no-repeat 12028 } 12029 12030 .blu-dropdown.b-disabled .blu-dropdown__trigger[data-v-3e0b2b85]::after { 12031 content: none 12032 } 12033 12034 .blu-dropdown.b-disabled .blu-dropdown__trigger[data-v-3e0b2b85]:hover { 12035 background-color: #c8cbcd 12036 } 12037 12038 .blu-dropdown.b-disabled .blu-dropdown__value[data-v-3e0b2b85] { 12039 color: rgba(25,34,42,.4) 12040 } 12041 12042 .blu-dropdown.b-disabled .has-value label[data-v-3e0b2b85] { 12043 color: rgba(25,34,42,.4) 12044 } 12045 12046 @media screen and (min-width: 769px),print { 12047 .blu-calendar .b-selection .blu-dropdown__trigger[data-v-3e0b2b85] { 12048 padding:16px 40px 16px 16px 12049 } 12050 } 12051 12052 @media screen and (max-width: 768px) { 12053 .blu-calendar .b-selection .blu-dropdown__trigger[data-v-3e0b2b85] { 12054 padding:8px 32px 8px 8px 12055 } 12056 } 12057 12058 @media screen and (min-width: 769px),print { 12059 .blu-calendar .b-selection .blu-dropdown__content[data-v-3e0b2b85] { 12060 left:var(--dropdown-content-position) 12061 } 12062 } 12063 12064 @media screen and (max-width: 768px) { 12065 .blu-calendar .b-selection .blu-dropdown__content[data-v-3e0b2b85] { 12066 left:0 12067 } 12068 } 12069 </style> 12070 <style type="text/css"> 12071 .blu-list button[data-v-1b6a2c38] { 12072 font: 16px/20px "blibli",-apple-system,segoe ui,roboto,helvetica,arial,sans-serif; 12073 width: calc(100% + 16px); 12074 text-align: left; 12075 color: #19222a 12076 } 12077 12078 .blu-list ul[data-v-1b6a2c38] { 12079 padding: 0; 12080 margin: 0 12081 } 12082 12083 .blu-list li[data-v-1b6a2c38] { 12084 min-height: 56px 12085 } 12086 12087 .blu-list ul li[data-v-1b6a2c38] { 12088 display: grid; 12089 list-style: none; 12090 margin: 0px 16px 12091 } 12092 12093 .blu-list ul[data-v-1b6a2c38]>
12093:not(.list-group):not(:first-child) { 12094 border-top: #c8cbcd 1px solid 12095 } 12096 12097 .blu-list.b-group ul .list-group:not(:last-child) li[data-v-1b6a2c38]:last-child { 12098 border-bottom: 1px solid #c8cbcd 12099 } 12100 12101 .blu-list .blu-list__text-right[data-v-1b6a2c38] { 12102 color: rgba(25,34,42,.4); 12103 float: right; 12104 padding: 0px 0 3px 19px; 12105 margin-top: -21px 12106 } 12107 12108 .blu-list .blu-list__text-desc[data-v-1b6a2c38] { 12109 color: rgba(25,34,42,.4); 12110 font: 14px/18px "blibli",-apple-system,segoe ui,roboto,helvetica,arial,sans-serif; 12111 display: flex; 12112 padding-right: 20px 12113 } 12114 12115 .blu-list li.has-multiselect:not(.b-right-checkbox) .blu-list__text-desc[data-v-1b6a2c38] { 12116 padding-left: 28px 12117 } 12118 12119 .blu-list__item[data-v-1b6a2c38] { 12120 display: block; 12121 min-height: 40px; 12122 margin: 8px 8px 8px -8px; 12123 padding: 8px; 12124 border-radius: 8px; 12125 transition: background-color .4s; 12126 color: #19222a; 12127 cursor: pointer 12128 } 12129 12130 .blu-list__item[data-v-1b6a2c38]:not(.b-disabled):hover { 12131 background-color: #f1f2f2 12132 } 12133 12134 .blu-list__item[data-v-1b6a2c38]:not(.b-disabled):focus-visible { 12135 outline: none; 12136 box-shadow: 0px 0px 0px 4px #000; 12137 background-color: #f1f2f2 12138 } 12139 12140 .blu-list__item.b-selected[data-v-1b6a2c38] { 12141 background-color: #f3f9ff 12142 } 12143 12144 .blu-list__item.b-selected.has-multiselect.b-selected[data-v-1b6a2c38] { 12145 background: none 12146 } 12147 12148 .blu-list__item.b-disabled[data-v-1b6a2c38] { 12149 cursor: not-allowed; 12150 opacity: .5 12151 } 12152 12153 .blu-list__item.b-disabled[data-v-1b6a2c38]:focus-visible { 12154 outline: none 12155 } 12156 12157 .blu-list__item.b-disabled .blu-checkbox[data-v-1b6a2c38],.blu-list__item.b-disabled .blu-radio[data-v-1b6a2c38] { 12158 pointer-events: none 12159 } 12160 12161 .blu-list__item-image[data-v-1b6a2c38] { 12162 background: #fff; 12163 display: flex; 12164 align-items: center; 12165 justify-content: center; 12166 height: 24px; 12167 width: 24px; 12168 border-radius: 50%; 12169 margin-right: 8px; 12170 float: left 12171 } 12172 12173 .blu-list__item-image img[data-v-1b6a2c38] { 12174 border-radius: 50% 12175 } 12176 12177 .blu-list__item-heading[data-v-1b6a2c38] { 12178 display: flex 12179 } 12180 12181 .blu-list .blu-checkbox[data-v-1b6a2c38] { 12182 transform: translateY(-2px) 12183 } 12184 12185 .blu-list .b-right-checkbox label[data-v-1b6a2c38] { 12186 order: 1; 12187 width: 100% 12188 } 12189 12190 .blu-list .b-right-checkbox .blu-checkbox[data-v-1b6a2c38] { 12191 order: 2; 12192 transform: translateX(7px) 12193 } 12194 12195 .blu-list__content[data-v-1b6a2c38] { 12196 display: grid; 12197 margin: 8px 8px 8px -8px; 12198 padding: 8px 10px; 12199 border-radius: 16px 12200 } 12201 12202 .blu-list .has-left-radio .blu-radio[data-v-1b6a2c38] { 12203 margin: 0 8px 0 0 12204 } 12205 12206 .blu-list .has-left-radio .blu-list__text-desc[data-v-1b6a2c38] { 12207 padding-left: 28px 12208 } 12209 12210 .blu-list .has-right-radio .blu-radio[data-v-1b6a2c38] { 12211 order: 2; 12212 margin: 0 0 0 auto 12213 } 12214 12215 .has-child>.blu-list[data-v-1b6a2c38] { 12216 background-color: #fff; 12217 overflow-y: auto; 12218 max-height: 0px; 12219 opacity: 0; 12220 transition: all .3s ease-in-out; 12221 width: calc(100% + 28px); 12222 transform: translateX(-12px); 12223 padding-left: 24px 12224 } 12225 12226 .has-child>.blu-list li[data-v-1b6a2c38]:first-child {
12227 margin-top: 1px 12228 } 12229 12230 .has-child>.blu-list__item[data-v-1b6a2c38] { 12231 position: relative; 12232 align-items: center 12233 } 12234 12235 .has-child>.blu-list__item[data-v-1b6a2c38]::after { 12236 content: ""; 12237 width: 24px; 12238 height: 24px; 12239 background: rgba(0,0,0,0) url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB2aWV3Qm94PSIwIDAgMjQgMjQiPgogIDxkZWZzPgogICAgPHBhdGgKICAgICAgICBpZD0iMTkwcjYzOHp6YSIKICAgICAgICBkPSJNMCA1LjE1NGMwLS42MzYuMjkyLTEuMjE5LjgtMS42TDUuNDExLjE5MmMuNDQ2LS4zMjUgMS4wNzItLjIyOCAxLjM5Ny4yMi4zMjUuNDQ1LjIyNyAxLjA3MS0uMjE5IDEuMzk2bC00LjYgMy4zNTQgNC41NjMgMy4wMDRjLjQ2LjMwNS41ODcuOTI1LjI4MiAxLjM4Ni0uMzA1LjQ2LS45MjYuNTg2LTEuMzg2LjI4MmwtNC42LTMuMDQ2Qy4yOTEgNi4zNzIgMCA1Ljc5IDAgNS4xNTR6IgogICAgLz4KICA8L2RlZnM+CiAgPGcgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIj4KICAgIDxnPgogICAgICA8Zz4KICAgICAgICA8cGF0aCBmaWxsPSIjRkZGIiBmaWxsLW9wYWNpdHk9Ii4wMSIgZD0iTTAgMEgyNFYyNEgweiIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTU5MiAtNzg1KSB0cmFuc2xhdGUoNTkyIDc4NSkiIC8+CiAgICAgICAgPGcgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTU5MiAtNzg1KSB0cmFuc2xhdGUoNTkyIDc4NSkgdHJhbnNsYXRlKDggNykiPgogICAgICAgICAgPG1hc2sgaWQ9InU0ZGRwYm95eGIiIGZpbGw9IiNmZmYiPjx1c2UgeGxpbms6aHJlZj0iIzE5MHI2Mzh6emEiIC8+PC9tYXNrPgogICAgICAgICAgPHVzZSBmaWxsPSIjNzk3Rjg1IiBmaWxsLXJ1bGU9Im5vbnplcm8iIHhsaW5rOmhyZWY9IiMxOTByNjM4enphIiAvPgogICAgICAgICAgPHBhdGggZmlsbD0iIzc5N0Y4NSIgZD0iTS04IC03SDE2VjE3SC04eiIgbWFzaz0idXJsKCN1NGRkcGJveXhiKSIgLz4KICAgICAgICA8L2c+CiAgICAgIDwvZz4KICAgIDwvZz4KICA8L2c+Cjwvc3ZnPgo=) center center no-repeat; 12240 transform: rotate(270deg); 12241 transition: transform .3s; 12242 display: block; 12243 position: absolute; 12244 right: 8px; 12245 top: 7px 12246 } 12247 12248 .has-child>.blu-list__item:focus-visible~.blu-list[data-v-1b6a2c38] { 12249 border-top: #c8cbcd 1px solid; 12250 max-height: 200px; 12251 opacity: 1 12252 } 12253 12254 .has-child>.blu-list__item:focus-visible~.blu-list__item[data-v-1b6a2c38]::after { 12255 transform: rotate(90deg) 12256 } 12257 12258 .has-child>.blu-list.b-overflow-y[data-v-1b6a2c38] { 12259 margin: 0 12260 } 12261 12262 .has-child .blu-list__text-desc[data-v-1b6a2c38] { 12263 padding-right: 20px 12264 } 12265 12266 .has-child:hover>.blu-list[data-v-1b6a2c38] { 12267 max-height: 200px; 12268 opacity: 1 12269 } 12270 12271 .has-child:hover>.blu-list__item[data-v-1b6a2c38]::after { 12272 transform: rotate(90deg) 12273 } 12274 12275 .has-child:hover>.blu-list[data-v-1b6a2c38]::before { 12276 content: ""; 12277 height: 1px; 12278 width: calc(100% - 28px); 12279 background: #c8cbcd; 12280 position: absolute; 12281 left: 12px 12282 } 12283 12284 .has-left-icon[data-v-1b6a2c38] { 12285 display: flex; 12286 align-items: center 12287 } 12288 12289 .has-left-icon .blu-list__item-icon[data-v-1b6a2c38],.has-left-icon .blu-list__content-icon[data-v-1b6a2c38] { 12290 display: flex; 12291 margin-right: 8px; 12292 color: #797f85 12293 } 12294 12295 .has-child-expand>.blu-list[data-v-1b6a2c38] { 12296 background-color: #fff; 12297 overflow-y: auto; 12298 max-height: 0; 12299 opacity: 0; 12300 transition: max-height .3s ease-in-out,opacity .3s ease-in-out; 12301 width: calc(100% + 28px); 12302 transform: translateX(-12px); 12303 padding-left: 24px 12304 } 12305 12306 .has-child-expand>.blu-list li[data-v-1b6a2c38]:first-child {
12307 margin-top: 1px 12308 } 12309 12310 .has-child-expand>.blu-list__item[data-v-1b6a2c38] { 12311 position: relative; 12312 align-items: center 12313 } 12314 12315 .has-child-expand>.blu-list__item[data-v-1b6a2c38]::after { 12316 content: ""; 12317 width: 24px; 12318 height: 24px; 12319 background: rgba(0,0,0,0) url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB2aWV3Qm94PSIwIDAgMjQgMjQiPgogIDxkZWZzPgogICAgPHBhdGgKICAgICAgICBpZD0iMTkwcjYzOHp6YSIKICAgICAgICBkPSJNMCA1LjE1NGMwLS42MzYuMjkyLTEuMjE5LjgtMS42TDUuNDExLjE5MmMuNDQ2LS4zMjUgMS4wNzItLjIyOCAxLjM5Ny4yMi4zMjUuNDQ1LjIyNyAxLjA3MS0uMjE5IDEuMzk2bC00LjYgMy4zNTQgNC41NjMgMy4wMDRjLjQ2LjMwNS41ODcuOTI1LjI4MiAxLjM4Ni0uMzA1LjQ2LS45MjYuNTg2LTEuMzg2LjI4MmwtNC42LTMuMDQ2Qy4yOTEgNi4zNzIgMCA1Ljc5IDAgNS4xNTR6IgogICAgLz4KICA8L2RlZnM+CiAgPGcgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIj4KICAgIDxnPgogICAgICA8Zz4KICAgICAgICA8cGF0aCBmaWxsPSIjRkZGIiBmaWxsLW9wYWNpdHk9Ii4wMSIgZD0iTTAgMEgyNFYyNEgweiIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTU5MiAtNzg1KSB0cmFuc2xhdGUoNTkyIDc4NSkiIC8+CiAgICAgICAgPGcgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTU5MiAtNzg1KSB0cmFuc2xhdGUoNTkyIDc4NSkgdHJhbnNsYXRlKDggNykiPgogICAgICAgICAgPG1hc2sgaWQ9InU0ZGRwYm95eGIiIGZpbGw9IiNmZmYiPjx1c2UgeGxpbms6aHJlZj0iIzE5MHI2Mzh6emEiIC8+PC9tYXNrPgogICAgICAgICAgPHVzZSBmaWxsPSIjNzk3Rjg1IiBmaWxsLXJ1bGU9Im5vbnplcm8iIHhsaW5rOmhyZWY9IiMxOTByNjM4enphIiAvPgogICAgICAgICAgPHBhdGggZmlsbD0iIzc5N0Y4NSIgZD0iTS04IC03SDE2VjE3SC04eiIgbWFzaz0idXJsKCN1NGRkcGJveXhiKSIgLz4KICAgICAgICA8L2c+CiAgICAgIDwvZz4KICAgIDwvZz4KICA8L2c+Cjwvc3ZnPgo=) center center no-repeat; 12320 transform: rotate(270deg); 12321 transition: transform .3s; 12322 display: block; 12323 position: absolute; 12324 right: 8px; 12325 top: 7px 12326 } 12327 12328 .has-child-expand>.blu-list__item:focus-visible~.blu-list[data-v-1b6a2c38] { 12329 border-top: #c8cbcd 1px solid; 12330 max-height: 200px; 12331 opacity: 1 12332 } 12333 12334 .has-child-expand>.blu-list__item:focus-visible~.blu-list__item[data-v-1b6a2c38]::after { 12335 transform: rotate(90deg) 12336 } 12337 12338 .has-child-expand>.blu-list.b-overflow-y[data-v-1b6a2c38] { 12339 margin: 0 12340 } 12341 12342 .has-child-expand .blu-list__text-desc[data-v-1b6a2c38] { 12343 padding-right: 20px 12344 } 12345 12346 .has-list-expand>.blu-list[data-v-1b6a2c38] { 12347 max-height: 100vh; 12348 opacity: 1 12349 } 12350 12351 .has-list-expand>.blu-list__item[data-v-1b6a2c38]::after { 12352 transform: rotate(90deg) 12353 } 12354 12355 .has-list-expand>.blu-list[data-v-1b6a2c38]::before { 12356 content: ""; 12357 height: 1px; 12358 width: calc(100% - 28px); 12359 background: #c8cbcd; 12360 position: absolute; 12361 left: 12px 12362 } 12363 </style> 12364 <style type="text/css"> 12365 .blu-checkbox[data-v-0eb6b69a] { 12366 min-width: 18px; 12367 display: flex 12368 } 12369 12370 .blu-checkbox input[type=checkbox][data-v-0eb6b69a] { 12371 display: none 12372 } 12373 12374 .blu-checkbox input[type=checkbox]+label[data-v-0eb6b69a] { 12375 color: rgba(25,34,42,.7019607843); 12376 font: 16px/20px "blibli",-apple-system,segoe ui,roboto,helvetica,arial,sans-serif; 12377 position: relative; 12378 display: flex; 12379 align-items: center; 12380 padding-left: 28px; 12381 cursor: pointer; 12382 -webkit-user-select: none; 12383 -moz-user-select: none; 12384 -ms-user-select: none; 12385 user-select: none; 12386 padding-top: 2px; 12387 padding-bottom: 2px; 12388 line-height: 20px; 12389 outline: none; 12390 transition: border-color .4s 12391 } 12392 12393 .blu-checkbox input[type=checkbox]+label[data-v-0eb6b69a]:before { 12394 content: ""; 12395 width: 18px; 12396 height: 18px; 12397 background-color: #fff; 12398 border-radius: 4px; 12399 border: #c8cbcd 1px solid; 12400 position: absolute; 12401 top: 2px; 12402 left: 3px; 12403 transition: all .4s 12404 } 12405 12406 .blu-checkbox input[type=checkbox]+label[data-v-0eb6b69a]:after { 12407 content: ""; 12408 width: 0; 12409 height: 0; 12410 position: absolute; 12411 top: 8px; 12412 left: 9px; 12413 transition: width .3s 12414 } 12415 12416 .blu-checkbox input[type=checkbox]+label[data-v-0eb6b69a]:hover::before { 12417 background-color: #f1f2f2; 12418 box-shadow: 0 0 0 2px #f1f2f2 12419 } 12420 12421 .blu-checkbox input[type=checkbox]+label[data-v-0eb6b69a]:focus-visible::before { 12422 border-color: #000 12423 } 12424 12425 .blu-checkbox input[type=checkbox]:checked+label[data-v-0eb6b69a]:before { 12426 border-color: #1d8fff; 12427 background-color: #1d8fff 12428 } 12429 12430 .blu-checkbox input[type=checkbox]:checked+label[data-v-0eb6b69a]:after { 12431 width: 10px; 12432 height: 8px; 12433 top: 7px; 12434 left: 7px; 12435 background: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTAiIGhlaWdodD0iOCIgdmlld0JveD0iMCAwIDEwIDgiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGZpbGwtcnVsZT0iZXZlbm9kZCIgY2xpcC1ydWxlPSJldmVub2RkIiBkPSJNOC4zNzc0NyAwLjI5Mjg5M0M4Ljc0ODY0IC0wLjA5NzYzMSA5LjM1MDQ0IC0wLjA5NzYzMSA5LjcyMTYyIDAuMjkyODkzQzEwLjA5MjggMC42ODM0MTcgMTAuMDkyOCAxLjMxNjU4IDkuNzIxNjIgMS43MDcxMUw0LjAxODg3IDcuNzA3MUMzLjY0NzcgOC4wOTc2MyAzLjA0NTkgOC4wOTc2MyAyLjY3NDcyIDcuNzA3MUwwLjI3ODM4MyA1LjE4NTg1Qy0wLjA5Mjc5NDIgNC43OTUzMyAtMC4wOTI3OTQyIDQuMTYyMTcgMC4yNzgzODMgMy43NzE2NEMwLjY0OTU1OSAzLjM4MTEyIDEuMjUxMzYgMy4zODExMiAxLjYyMjUzIDMuNzcxNjRMMy4zNDY4IDUuNTg1NzhMOC4zNzc0NyAwLjI5Mjg5M1oiIGZpbGw9IndoaXRlIi8+Cjwvc3ZnPgo=) no-repeat 12436 } 12437 12438 .blu-checkbox input[type=checkbox]:checked+label[data-v-0eb6b69a]:hover::before { 12439 box-shadow: 0 0 0 2px #e1f1ff 12440 } 12441 12442 .blu-checkbox input[type=checkbox]:checked+label[data-v-0eb6b69a]:focus-visible::before { 12443 border-color: #000 12444 } 12445 12446 .blu-checkbox input[type=checkbox]:disabled+label[data-v-0eb6b69a] { 12447 color: rgba(25,34,42,.4);
12448 cursor: not-allowed; 12449 pointer-events: none 12450 } 12451 12452 .blu-checkbox input[type=checkbox]:disabled+label[data-v-0eb6b69a]::before { 12453 border-color: #e1e3e4 12454 } 12455 12456 .blu-checkbox.b-partial input+label[data-v-0eb6b69a]:after { 12457 height: 0; 12458 top: 10px 12459 } 12460 12461 .blu-checkbox.has-value input:disabled+label[data-v-0eb6b69a]::before { 12462 border-color: #c8cbcd; 12463 background-color: #c8cbcd 12464 } 12465 12466 .blu-checkbox.has-value input:disabled+label[data-v-0eb6b69a]::after { 12467 width: 10px; 12468 height: 8px; 12469 top: 7px; 12470 left: 7px; 12471 background: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTAiIGhlaWdodD0iOCIgdmlld0JveD0iMCAwIDEwIDgiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGZpbGwtcnVsZT0iZXZlbm9kZCIgY2xpcC1ydWxlPSJldmVub2RkIiBkPSJNOC4zNzc0NyAwLjI5Mjg5M0M4Ljc0ODY0IC0wLjA5NzYzMSA5LjM1MDQ0IC0wLjA5NzYzMSA5LjcyMTYyIDAuMjkyODkzQzEwLjA5MjggMC42ODM0MTcgMTAuMDkyOCAxLjMxNjU4IDkuNzIxNjIgMS43MDcxMUw0LjAxODg3IDcuNzA3MUMzLjY0NzcgOC4wOTc2MyAzLjA0NTkgOC4wOTc2MyAyLjY3NDcyIDcuNzA3MUwwLjI3ODM4MyA1LjE4NTg1Qy0wLjA5Mjc5NDIgNC43OTUzMyAtMC4wOTI3OTQyIDQuMTYyMTcgMC4yNzgzODMgMy43NzE2NEMwLjY0OTU1OSAzLjM4MTEyIDEuMjUxMzYgMy4zODExMiAxLjYyMjUzIDMuNzcxNjRMMy4zNDY4IDUuNTg1NzhMOC4zNzc0NyAwLjI5Mjg5M1oiIGZpbGw9IndoaXRlIi8+Cjwvc3ZnPgo=) no-repeat 12472 } 12473 12474 .blu-checkbox.has-value input:disabled+label[data-v-0eb6b69a]:hover::before { 12475 box-shadow: none 12476 } 12477 12478 .blu-checkbox.b-partial input[data-v-0eb6b69a]:disabled,.blu-checkbox.b-partial input[type=checkbox]+label[data-v-0eb6b69a]::after { 12479 top: 10px; 12480 background: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTAiIGhlaWdodD0iMiIgdmlld0JveD0iMCAwIDEwIDIiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGZpbGwtcnVsZT0iZXZlbm9kZCIgY2xpcC1ydWxlPSJldmVub2RkIiBkPSJNMSAyQzAuNDQ3NzE1IDIgMCAxLjU1MjI4IDAgMUMwIDAuNDQ3NzE1IDAuNDQ3NzE1IDAgMSAwSDlDOS41NTIyOCAwIDEwIDAuNDQ3NzE1IDEwIDFDMTAgMS41NTIyOCA5LjU1MjI4IDIgOSAySDFaIiBmaWxsPSJ3aGl0ZSIvPgo8L3N2Zz4K) no-repeat 12481 } 12482 </style> 12483 <style type="text/css"> 12484 .blu-list button[data-v-313621ef] { 12485 font: 16px/20px "blibli",-apple-system,segoe ui,roboto,helvetica,arial,sans-serif; 12486 width: calc(100% + 16px); 12487 text-align: left; 12488 color: #19222a 12489 } 12490 12491 .blu-list ul[data-v-313621ef] { 12492 padding: 0; 12493 margin: 0 12494 } 12495 12496 .blu-list li[data-v-313621ef] { 12497 min-height: 56px 12498 } 12499 12500 .blu-list ul li[data-v-313621ef] { 12501 display: grid; 12502 list-style: none; 12503 margin: 0px 16px 12504 } 12505 12506 .blu-list ul[data-v-313621ef]>:not(.list-group):not(:first-child) { 12507 border-top: #c8cbcd 1px solid 12508 } 12509 12510 .blu-list.b-group ul .list-group:not(:last-child) li[data-v-313621ef]:last-child { 12511 border-bottom: 1px solid #c8cbcd 12512 } 12513 12514 .blu-list .blu-list__text-right[data-v-313621ef] { 12515 color: rgba(25,34,42,.4); 12516 float: right; 12517 padding: 0px 0 3px 19px; 12518 margin-top: -21px 12519 } 12520 12521 .blu-list .blu-list__text-desc[data-v-313621ef] { 12522 color: rgba(25,34,42,.4); 12523 font: 14px/18px "blibli",-apple-system,segoe ui,roboto,helvetica,arial,sans-serif; 12524 display: flex; 12525 padding-right: 20px 12526 } 12527 12528 .blu-list li.has-multiselect:not(.b-right-checkbox) .blu-list__text-desc[data-v-313621ef] { 12529 padding-left: 28px 12530 } 12531 12532 .blu-list__item[data-v-313621ef] { 12533 display: block; 12534 min-height: 40px; 12535 margin: 8px 8px 8px -8px; 12536 padding: 8px; 12537 border-radius: 8px; 12538 transition: background-color .4s; 12539 color: #19222a; 12540 cursor: pointer 12541 } 12542 12543 .blu-list__item[data-v-313621ef]:not(.b-disabled):hover { 12544 background-color: #f1f2f2 12545 } 12546 12547 .blu-list__item[data-v-313621ef]:not(.b-disabled):focus-visible { 12548 outline: none; 12549 box-shadow: 0px 0px 0px 4px #000; 12550 background-color: #f1f2f2 12551 } 12552 12553 .blu-list__item.b-selected[data-v-313621ef] { 12554 background-color: #f3f9ff 12555 } 12556 12557 .blu-list__item.b-selected.has-multiselect.b-selected[data-v-313621ef] { 12558 background: none 12559 } 12560 12561 .blu-list__item.b-disabled[data-v-313621ef] {
12562 cursor: not-allowed; 12563 opacity: .5 12564 } 12565 12566 .blu-list__item.b-disabled[data-v-313621ef]:focus-visible { 12567 outline: none 12568 } 12569 12570 .blu-list__item.b-disabled .blu-checkbox[data-v-313621ef],.blu-list__item.b-disabled .blu-radio[data-v-313621ef] { 12571 pointer-events: none 12572 } 12573 12574 .blu-list__item-image[data-v-313621ef] { 12575 background: #fff; 12576 display: flex; 12577 align-items: center; 12578 justify-content: center; 12579 height: 24px; 12580 width: 24px; 12581 border-radius: 50%; 12582 margin-right: 8px; 12583 float: left 12584 } 12585 12586 .blu-list__item-image img[data-v-313621ef] { 12587 border-radius: 50% 12588 } 12589 12590 .blu-list__item-heading[data-v-313621ef] { 12591 display: flex 12592 } 12593 12594 .blu-list .blu-checkbox[data-v-313621ef] { 12595 transform: translateY(-2px) 12596 } 12597 12598 .blu-list .b-right-checkbox label[data-v-313621ef] { 12599 order: 1; 12600 width: 100% 12601 } 12602 12603 .blu-list .b-right-checkbox .blu-checkbox[data-v-313621ef] { 12604 order: 2; 12605 transform: translateX(7px) 12606 } 12607 12608 .blu-list__content[data-v-313621ef] { 12609 display: grid; 12610 margin: 8px 8px 8px -8px; 12611 padding: 8px 10px; 12612 border-radius: 16px 12613 } 12614 12615 .blu-list .has-left-radio .blu-radio[data-v-313621ef] { 12616 margin: 0 8px 0 0 12617 } 12618 12619 .blu-list .has-left-radio .blu-list__text-desc[data-v-313621ef] { 12620 padding-left: 28px 12621 } 12622 12623 .blu-list .has-right-radio .blu-radio[data-v-313621ef] { 12624 order: 2; 12625 margin: 0 0 0 auto 12626 } 12627 12628 .has-child>.blu-list[data-v-313621ef] { 12629 background-color: #fff; 12630 overflow-y: auto; 12631 max-height: 0px; 12632 opacity: 0; 12633 transition: all .3s ease-in-out; 12634 width: calc(100% + 28px); 12635 transform: translateX(-12px); 12636 padding-left: 24px 12637 } 12638 12639 .has-child>.blu-list li[data-v-313621ef]:first-child {
12640 margin-top: 1px 12641 } 12642 12643 .has-child>.blu-list__item[data-v-313621ef] { 12644 position: relative; 12645 align-items: center 12646 } 12647 12648 .has-child>.blu-list__item[data-v-313621ef]::after { 12649 content: ""; 12650 width: 24px; 12651 height: 24px; 12652 background: rgba(0,0,0,0) url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB2aWV3Qm94PSIwIDAgMjQgMjQiPgogIDxkZWZzPgogICAgPHBhdGgKICAgICAgICBpZD0iMTkwcjYzOHp6YSIKICAgICAgICBkPSJNMCA1LjE1NGMwLS42MzYuMjkyLTEuMjE5LjgtMS42TDUuNDExLjE5MmMuNDQ2LS4zMjUgMS4wNzItLjIyOCAxLjM5Ny4yMi4zMjUuNDQ1LjIyNyAxLjA3MS0uMjE5IDEuMzk2bC00LjYgMy4zNTQgNC41NjMgMy4wMDRjLjQ2LjMwNS41ODcuOTI1LjI4MiAxLjM4Ni0uMzA1LjQ2LS45MjYuNTg2LTEuMzg2LjI4MmwtNC42LTMuMDQ2Qy4yOTEgNi4zNzIgMCA1Ljc5IDAgNS4xNTR6IgogICAgLz4KICA8L2RlZnM+CiAgPGcgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIj4KICAgIDxnPgogICAgICA8Zz4KICAgICAgICA8cGF0aCBmaWxsPSIjRkZGIiBmaWxsLW9wYWNpdHk9Ii4wMSIgZD0iTTAgMEgyNFYyNEgweiIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTU5MiAtNzg1KSB0cmFuc2xhdGUoNTkyIDc4NSkiIC8+CiAgICAgICAgPGcgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTU5MiAtNzg1KSB0cmFuc2xhdGUoNTkyIDc4NSkgdHJhbnNsYXRlKDggNykiPgogICAgICAgICAgPG1hc2sgaWQ9InU0ZGRwYm95eGIiIGZpbGw9IiNmZmYiPjx1c2UgeGxpbms6aHJlZj0iIzE5MHI2Mzh6emEiIC8+PC9tYXNrPgogICAgICAgICAgPHVzZSBmaWxsPSIjNzk3Rjg1IiBmaWxsLXJ1bGU9Im5vbnplcm8iIHhsaW5rOmhyZWY9IiMxOTByNjM4enphIiAvPgogICAgICAgICAgPHBhdGggZmlsbD0iIzc5N0Y4NSIgZD0iTS04IC03SDE2VjE3SC04eiIgbWFzaz0idXJsKCN1NGRkcGJveXhiKSIgLz4KICAgICAgICA8L2c+CiAgICAgIDwvZz4KICAgIDwvZz4KICA8L2c+Cjwvc3ZnPgo=) center center no-repeat; 12653 transform: rotate(270deg); 12654 transition: transform .3s; 12655 display: block; 12656 position: absolute; 12657 right: 8px; 12658 top: 7px 12659 } 12660 12661 .has-child>.blu-list__item:focus-visible~.blu-list[data-v-313621ef] { 12662 border-top: #c8cbcd 1px solid; 12663 max-height: 200px; 12664 opacity: 1 12665 } 12666 12667 .has-child>.blu-list__item:focus-visible~.blu-list__item[data-v-313621ef]::after { 12668 transform: rotate(90deg) 12669 } 12670 12671 .has-child>.blu-list.b-overflow-y[data-v-313621ef] { 12672 margin: 0 12673 } 12674 12675 .has-child .blu-list__text-desc[data-v-313621ef] { 12676 padding-right: 20px 12677 } 12678 12679 .has-child:hover>.blu-list[data-v-313621ef] { 12680 max-height: 200px; 12681 opacity: 1 12682 } 12683 12684 .has-child:hover>.blu-list__item[data-v-313621ef]::after { 12685 transform: rotate(90deg) 12686 } 12687 12688 .has-child:hover>.blu-list[data-v-313621ef]::before { 12689 content: ""; 12690 height: 1px; 12691 width: calc(100% - 28px); 12692 background: #c8cbcd; 12693 position: absolute; 12694 left: 12px 12695 } 12696 12697 .has-left-icon[data-v-313621ef] { 12698 display: flex; 12699 align-items: center 12700 } 12701 12702 .has-left-icon .blu-list__item-icon[data-v-313621ef],.has-left-icon .blu-list__content-icon[data-v-313621ef] { 12703 display: flex; 12704 margin-right: 8px; 12705 color: #797f85 12706 } 12707 12708 .has-child-expand>.blu-list[data-v-313621ef] { 12709 background-color: #fff; 12710 overflow-y: auto; 12711 max-height: 0; 12712 opacity: 0; 12713 transition: max-height .3s ease-in-out,opacity .3s ease-in-out; 12714 width: calc(100% + 28px); 12715 transform: translateX(-12px); 12716 padding-left: 24px 12717 } 12718 12719 .has-child-expand>.blu-list li[data-v-313621ef]:first-child {
12720 margin-top: 1px 12721 } 12722 12723 .has-child-expand>.blu-list__item[data-v-313621ef] { 12724 position: relative; 12725 align-items: center 12726 } 12727 12728 .has-child-expand>.blu-list__item[data-v-313621ef]::after { 12729 content: ""; 12730 width: 24px; 12731 height: 24px; 12732 background: rgba(0,0,0,0) url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB2aWV3Qm94PSIwIDAgMjQgMjQiPgogIDxkZWZzPgogICAgPHBhdGgKICAgICAgICBpZD0iMTkwcjYzOHp6YSIKICAgICAgICBkPSJNMCA1LjE1NGMwLS42MzYuMjkyLTEuMjE5LjgtMS42TDUuNDExLjE5MmMuNDQ2LS4zMjUgMS4wNzItLjIyOCAxLjM5Ny4yMi4zMjUuNDQ1LjIyNyAxLjA3MS0uMjE5IDEuMzk2bC00LjYgMy4zNTQgNC41NjMgMy4wMDRjLjQ2LjMwNS41ODcuOTI1LjI4MiAxLjM4Ni0uMzA1LjQ2LS45MjYuNTg2LTEuMzg2LjI4MmwtNC42LTMuMDQ2Qy4yOTEgNi4zNzIgMCA1Ljc5IDAgNS4xNTR6IgogICAgLz4KICA8L2RlZnM+CiAgPGcgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIj4KICAgIDxnPgogICAgICA8Zz4KICAgICAgICA8cGF0aCBmaWxsPSIjRkZGIiBmaWxsLW9wYWNpdHk9Ii4wMSIgZD0iTTAgMEgyNFYyNEgweiIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTU5MiAtNzg1KSB0cmFuc2xhdGUoNTkyIDc4NSkiIC8+CiAgICAgICAgPGcgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTU5MiAtNzg1KSB0cmFuc2xhdGUoNTkyIDc4NSkgdHJhbnNsYXRlKDggNykiPgogICAgICAgICAgPG1hc2sgaWQ9InU0ZGRwYm95eGIiIGZpbGw9IiNmZmYiPjx1c2UgeGxpbms6aHJlZj0iIzE5MHI2Mzh6emEiIC8+PC9tYXNrPgogICAgICAgICAgPHVzZSBmaWxsPSIjNzk3Rjg1IiBmaWxsLXJ1bGU9Im5vbnplcm8iIHhsaW5rOmhyZWY9IiMxOTByNjM4enphIiAvPgogICAgICAgICAgPHBhdGggZmlsbD0iIzc5N0Y4NSIgZD0iTS04IC03SDE2VjE3SC04eiIgbWFzaz0idXJsKCN1NGRkcGJveXhiKSIgLz4KICAgICAgICA8L2c+CiAgICAgIDwvZz4KICAgIDwvZz4KICA8L2c+Cjwvc3ZnPgo=) center center no-repeat; 12733 transform: rotate(270deg); 12734 transition: transform .3s; 12735 display: block; 12736 position: absolute; 12737 right: 8px; 12738 top: 7px 12739 } 12740 12741 .has-child-expand>.blu-list__item:focus-visible~.blu-list[data-v-313621ef] { 12742 border-top: #c8cbcd 1px solid; 12743 max-height: 200px; 12744 opacity: 1 12745 } 12746 12747 .has-child-expand>.blu-list__item:focus-visible~.blu-list__item[data-v-313621ef]::after { 12748 transform: rotate(90deg) 12749 } 12750 12751 .has-child-expand>.blu-list.b-overflow-y[data-v-313621ef] { 12752 margin: 0 12753 } 12754 12755 .has-child-expand .blu-list__text-desc[data-v-313621ef] { 12756 padding-right: 20px 12757 } 12758 12759 .has-list-expand>.blu-list[data-v-313621ef] { 12760 max-height: 100vh; 12761 opacity: 1 12762 } 12763 12764 .has-list-expand>.blu-list__item[data-v-313621ef]::after { 12765 transform: rotate(90deg) 12766 } 12767 12768 .has-list-expand>.blu-list[data-v-313621ef]::before { 12769 content: ""; 12770 height: 1px; 12771 width: calc(100% - 28px); 12772 background: #c8cbcd; 12773 position: absolute; 12774 left: 12px 12775 } 12776 </style> 12777 <style type="text/css"> 12778 .blu-list button[data-v-eb2a42e4] { 12779 font: 16px/20px "blibli",-apple-system,segoe ui,roboto,helvetica,arial,sans-serif; 12780 width: calc(100% + 16px); 12781 text-align: left; 12782 color: #19222a 12783 } 12784 12785 .blu-list ul[data-v-eb2a42e4] { 12786 padding: 0; 12787 margin: 0 12788 } 12789 12790 .blu-list li[data-v-eb2a42e4] { 12791 min-height: 56px 12792 } 12793 12794 .blu-list ul li[data-v-eb2a42e4] { 12795 display: grid; 12796 list-style: none; 12797 margin: 0px 16px 12798 } 12799 12800 .blu-list ul[data-v-eb2a42e4]>:not(.list-group):not(:first-child) { 12801 border-top: #c8cbcd 1px solid 12802 } 12803 12804 .blu-list.b-group ul .list-group:not(:last-child) li[data-v-eb2a42e4]:last-child { 12805 border-bottom: 1px solid #c8cbcd 12806 } 12807 12808 .blu-list .blu-list__text-right[data-v-eb2a42e4] { 12809 color: rgba(25,34,42,.4); 12810 float: right; 12811 padding: 0px 0 3px 19px; 12812 margin-top: -21px 12813 } 12814 12815 .blu-list .blu-list__text-desc[data-v-eb2a42e4] { 12816 color: rgba(25,34,42,.4); 12817 font: 14px/18px "blibli",-apple-system,segoe ui,roboto,helvetica,arial,sans-serif; 12818 display: flex; 12819 padding-right: 20px 12820 } 12821 12822 .blu-list li.has-multiselect:not(.b-right-checkbox) .blu-list__text-desc[data-v-eb2a42e4] { 12823 padding-left: 28px 12824 } 12825 12826 .blu-list__item[data-v-eb2a42e4] { 12827 display: block; 12828 min-height: 40px; 12829 margin: 8px 8px 8px -8px; 12830 padding: 8px; 12831 border-radius: 8px; 12832 transition: background-color .4s; 12833 color: #19222a; 12834 cursor: pointer 12835 } 12836 12837 .blu-list__item[data-v-eb2a42e4]:not(.b-disabled):hover { 12838 background-color: #f1f2f2 12839 } 12840 12841 .blu-list__item[data-v-eb2a42e4]:not(.b-disabled):focus-visible { 12842 outline: none; 12843 box-shadow: 0px 0px 0px 4px #000; 12844 background-color: #f1f2f2 12845 } 12846 12847 .blu-list__item.b-selected[data-v-eb2a42e4] { 12848 background-color: #f3f9ff 12849 } 12850 12851 .blu-list__item.b-selected.has-multiselect.b-selected[data-v-eb2a42e4] { 12852 background: none 12853 } 12854 12855 .blu-list__item.b-disabled[data-v-eb2a42e4] {
12856 cursor: not-allowed; 12857 opacity: .5 12858 } 12859 12860 .blu-list__item.b-disabled[data-v-eb2a42e4]:focus-visible { 12861 outline: none 12862 } 12863 12864 .blu-list__item.b-disabled .blu-checkbox[data-v-eb2a42e4],.blu-list__item.b-disabled .blu-radio[data-v-eb2a42e4] { 12865 pointer-events: none 12866 } 12867 12868 .blu-list__item-image[data-v-eb2a42e4] { 12869 background: #fff; 12870 display: flex; 12871 align-items: center; 12872 justify-content: center; 12873 height: 24px; 12874 width: 24px; 12875 border-radius: 50%; 12876 margin-right: 8px; 12877 float: left 12878 } 12879 12880 .blu-list__item-image img[data-v-eb2a42e4] { 12881 border-radius: 50% 12882 } 12883 12884 .blu-list__item-heading[data-v-eb2a42e4] { 12885 display: flex 12886 } 12887 12888 .blu-list .blu-checkbox[data-v-eb2a42e4] { 12889 transform: translateY(-2px) 12890 } 12891 12892 .blu-list .b-right-checkbox label[data-v-eb2a42e4] { 12893 order: 1; 12894 width: 100% 12895 } 12896 12897 .blu-list .b-right-checkbox .blu-checkbox[data-v-eb2a42e4] { 12898 order: 2; 12899 transform: translateX(7px) 12900 } 12901 12902 .blu-list__content[data-v-eb2a42e4] { 12903 display: grid; 12904 margin: 8px 8px 8px -8px; 12905 padding: 8px 10px; 12906 border-radius: 16px 12907 } 12908 12909 .blu-list .has-left-radio .blu-radio[data-v-eb2a42e4] { 12910 margin: 0 8px 0 0 12911 } 12912 12913 .blu-list .has-left-radio .blu-list__text-desc[data-v-eb2a42e4] { 12914 padding-left: 28px 12915 } 12916 12917 .blu-list .has-right-radio .blu-radio[data-v-eb2a42e4] { 12918 order: 2; 12919 margin: 0 0 0 auto 12920 } 12921 12922 .has-child>.blu-list[data-v-eb2a42e4] { 12923 background-color: #fff; 12924 overflow-y: auto; 12925 max-height: 0px; 12926 opacity: 0; 12927 transition: all .3s ease-in-out; 12928 width: calc(100% + 28px); 12929 transform: translateX(-12px); 12930 padding-left: 24px 12931 } 12932 12933 .has-child>.blu-list li[data-v-eb2a42e4]:first-child {
12934 margin-top: 1px 12935 } 12936 12937 .has-child>.blu-list__item[data-v-eb2a42e4] { 12938 position: relative; 12939 align-items: center 12940 } 12941 12942 .has-child>.blu-list__item[data-v-eb2a42e4]::after { 12943 content: ""; 12944 width: 24px; 12945 height: 24px; 12946 background: rgba(0,0,0,0) url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB2aWV3Qm94PSIwIDAgMjQgMjQiPgogIDxkZWZzPgogICAgPHBhdGgKICAgICAgICBpZD0iMTkwcjYzOHp6YSIKICAgICAgICBkPSJNMCA1LjE1NGMwLS42MzYuMjkyLTEuMjE5LjgtMS42TDUuNDExLjE5MmMuNDQ2LS4zMjUgMS4wNzItLjIyOCAxLjM5Ny4yMi4zMjUuNDQ1LjIyNyAxLjA3MS0uMjE5IDEuMzk2bC00LjYgMy4zNTQgNC41NjMgMy4wMDRjLjQ2LjMwNS41ODcuOTI1LjI4MiAxLjM4Ni0uMzA1LjQ2LS45MjYuNTg2LTEuMzg2LjI4MmwtNC42LTMuMDQ2Qy4yOTEgNi4zNzIgMCA1Ljc5IDAgNS4xNTR6IgogICAgLz4KICA8L2RlZnM+CiAgPGcgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIj4KICAgIDxnPgogICAgICA8Zz4KICAgICAgICA8cGF0aCBmaWxsPSIjRkZGIiBmaWxsLW9wYWNpdHk9Ii4wMSIgZD0iTTAgMEgyNFYyNEgweiIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTU5MiAtNzg1KSB0cmFuc2xhdGUoNTkyIDc4NSkiIC8+CiAgICAgICAgPGcgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTU5MiAtNzg1KSB0cmFuc2xhdGUoNTkyIDc4NSkgdHJhbnNsYXRlKDggNykiPgogICAgICAgICAgPG1hc2sgaWQ9InU0ZGRwYm95eGIiIGZpbGw9IiNmZmYiPjx1c2UgeGxpbms6aHJlZj0iIzE5MHI2Mzh6emEiIC8+PC9tYXNrPgogICAgICAgICAgPHVzZSBmaWxsPSIjNzk3Rjg1IiBmaWxsLXJ1bGU9Im5vbnplcm8iIHhsaW5rOmhyZWY9IiMxOTByNjM4enphIiAvPgogICAgICAgICAgPHBhdGggZmlsbD0iIzc5N0Y4NSIgZD0iTS04IC03SDE2VjE3SC04eiIgbWFzaz0idXJsKCN1NGRkcGJveXhiKSIgLz4KICAgICAgICA8L2c+CiAgICAgIDwvZz4KICAgIDwvZz4KICA8L2c+Cjwvc3ZnPgo=) center center no-repeat; 12947 transform: rotate(270deg); 12948 transition: transform .3s; 12949 display: block; 12950 position: absolute; 12951 right: 8px; 12952 top: 7px 12953 } 12954 12955 .has-child>.blu-list__item:focus-visible~.blu-list[data-v-eb2a42e4] { 12956 border-top: #c8cbcd 1px solid; 12957 max-height: 200px; 12958 opacity: 1 12959 } 12960 12961 .has-child>.blu-list__item:focus-visible~.blu-list__item[data-v-eb2a42e4]::after { 12962 transform: rotate(90deg) 12963 } 12964 12965 .has-child>.blu-list.b-overflow-y[data-v-eb2a42e4] { 12966 margin: 0 12967 } 12968 12969 .has-child .blu-list__text-desc[data-v-eb2a42e4] { 12970 padding-right: 20px 12971 } 12972 12973 .has-child:hover>.blu-list[data-v-eb2a42e4] { 12974 max-height: 200px; 12975 opacity: 1 12976 } 12977 12978 .has-child:hover>.blu-list__item[data-v-eb2a42e4]::after { 12979 transform: rotate(90deg) 12980 } 12981 12982 .has-child:hover>.blu-list[data-v-eb2a42e4]::before { 12983 content: ""; 12984 height: 1px; 12985 width: calc(100% - 28px); 12986 background: #c8cbcd; 12987 position: absolute; 12988 left: 12px 12989 } 12990 12991 .has-left-icon[data-v-eb2a42e4] { 12992 display: flex; 12993 align-items: center 12994 } 12995 12996 .has-left-icon .blu-list__item-icon[data-v-eb2a42e4],.has-left-icon .blu-list__content-icon[data-v-eb2a42e4] { 12997 display: flex; 12998 margin-right: 8px; 12999 color: #797f85 13000 } 13001 13002 .has-child-expand>.blu-list[data-v-eb2a42e4] { 13003 background-color: #fff; 13004 overflow-y: auto; 13005 max-height: 0; 13006 opacity: 0; 13007 transition: max-height .3s ease-in-out,opacity .3s ease-in-out; 13008 width: calc(100% + 28px); 13009 transform: translateX(-12px); 13010 padding-left: 24px 13011 } 13012 13013 .has-child-expand>.blu-list li[data-v-eb2a42e4]:first-child {
13014 margin-top: 1px 13015 } 13016 13017 .has-child-expand>.blu-list__item[data-v-eb2a42e4] { 13018 position: relative; 13019 align-items: center 13020 } 13021 13022 .has-child-expand>.blu-list__item[data-v-eb2a42e4]::after { 13023 content: ""; 13024 width: 24px; 13025 height: 24px; 13026 background: rgba(0,0,0,0) url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB2aWV3Qm94PSIwIDAgMjQgMjQiPgogIDxkZWZzPgogICAgPHBhdGgKICAgICAgICBpZD0iMTkwcjYzOHp6YSIKICAgICAgICBkPSJNMCA1LjE1NGMwLS42MzYuMjkyLTEuMjE5LjgtMS42TDUuNDExLjE5MmMuNDQ2LS4zMjUgMS4wNzItLjIyOCAxLjM5Ny4yMi4zMjUuNDQ1LjIyNyAxLjA3MS0uMjE5IDEuMzk2bC00LjYgMy4zNTQgNC41NjMgMy4wMDRjLjQ2LjMwNS41ODcuOTI1LjI4MiAxLjM4Ni0uMzA1LjQ2LS45MjYuNTg2LTEuMzg2LjI4MmwtNC42LTMuMDQ2Qy4yOTEgNi4zNzIgMCA1Ljc5IDAgNS4xNTR6IgogICAgLz4KICA8L2RlZnM+CiAgPGcgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIj4KICAgIDxnPgogICAgICA8Zz4KICAgICAgICA8cGF0aCBmaWxsPSIjRkZGIiBmaWxsLW9wYWNpdHk9Ii4wMSIgZD0iTTAgMEgyNFYyNEgweiIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTU5MiAtNzg1KSB0cmFuc2xhdGUoNTkyIDc4NSkiIC8+CiAgICAgICAgPGcgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTU5MiAtNzg1KSB0cmFuc2xhdGUoNTkyIDc4NSkgdHJhbnNsYXRlKDggNykiPgogICAgICAgICAgPG1hc2sgaWQ9InU0ZGRwYm95eGIiIGZpbGw9IiNmZmYiPjx1c2UgeGxpbms6aHJlZj0iIzE5MHI2Mzh6emEiIC8+PC9tYXNrPgogICAgICAgICAgPHVzZSBmaWxsPSIjNzk3Rjg1IiBmaWxsLXJ1bGU9Im5vbnplcm8iIHhsaW5rOmhyZWY9IiMxOTByNjM4enphIiAvPgogICAgICAgICAgPHBhdGggZmlsbD0iIzc5N0Y4NSIgZD0iTS04IC03SDE2VjE3SC04eiIgbWFzaz0idXJsKCN1NGRkcGJveXhiKSIgLz4KICAgICAgICA8L2c+CiAgICAgIDwvZz4KICAgIDwvZz4KICA8L2c+Cjwvc3ZnPgo=) center center no-repeat; 13027 transform: rotate(270deg); 13028 transition: transform .3s; 13029 display: block; 13030 position: absolute; 13031 right: 8px; 13032 top: 7px 13033 } 13034 13035 .has-child-expand>.blu-list__item:focus-visible~.blu-list[data-v-eb2a42e4] { 13036 border-top: #c8cbcd 1px solid; 13037 max-height: 200px; 13038 opacity: 1 13039 } 13040 13041 .has-child-expand>.blu-list__item:focus-visible~.blu-list__item[data-v-eb2a42e4]::after { 13042 transform: rotate(90deg) 13043 } 13044 13045 .has-child-expand>.blu-list.b-overflow-y[data-v-eb2a42e4] { 13046 margin: 0 13047 } 13048 13049 .has-child-expand .blu-list__text-desc[data-v-eb2a42e4] { 13050 padding-right: 20px 13051 } 13052 13053 .has-list-expand>.blu-list[data-v-eb2a42e4] { 13054 max-height: 100vh; 13055 opacity: 1 13056 } 13057 13058 .has-list-expand>.blu-list__item[data-v-eb2a42e4]::after { 13059 transform: rotate(90deg) 13060 } 13061 13062 .has-list-expand>.blu-list[data-v-eb2a42e4]::before { 13063 content: ""; 13064 height: 1px; 13065 width: calc(100% - 28px); 13066 background: #c8cbcd; 13067 position: absolute; 13068 left: 12px 13069 } 13070 </style> 13071 <style type="text/css"> 13072 .blu-list-group__title[data-v-5e67bb7e] { 13073 display: flex; 13074 align-items: center; 13075 padding: 12px 0px; 13076 color: rgba(25,34,42,.4); 13077 font: 16px/20px "blibli",-apple-system,segoe ui,roboto,helvetica,arial,sans-serif 13078 } 13079 </style> 13080 <style> 13081 .product-status[data-v-f375d1ab] { 13082 display: flex; 13083 flex-wrap: wrap; 13084 font: 600 12px/16px Blibli,-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif; 13085 gap: 4px 13086 } 13087 </style> 13088 <style> 13089 html:not([dark]) .blu-product-badge[data-v-5f0401da] { 13090 --blu-product-badge-border: 1px solid #ffffff; 13091 --blu-product-badge-border-countdown-promo: 1px solid #e93c3c; 13092 --blu-product-badge-border-countdown-flash-sale: 1px solid #f05a00; 13093 --blu-product-badge-border-radius: 4px; 13094 --blu-product-badge-border-radius-countdown: 4px; 13095 --blu-product-badge-border-radius-countdown-icon: 4px; 13096 --blu-product-badge-font: 600 12px/16px Blibli, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif; 13097 --blu-product-badge-opacity: 1; 13098 --blu-product-badge-text-shadow: 0 0 1px #19222a; 13099 --blu-product-badge-padding: 0 4px; 13100 --blu-product-badge-padding-countdown: 0px 2px 0px 0px; 13101 --blu-product-badge-spacing: 2px; 13102 --blu-product-badge-icon-margin-countdown: 2px; 13103 --blu-product-badge-icon-height: 16px; 13104 --blu-product-badge-background-color-blue: #09acde; 13105 --blu-product-badge-background-color-light-blue: #f3f9ff; 13106 --blu-product-badge-background-color-green: #22a334; 13107 --blu-product-badge-background-color-gray: #e1e3e4; 13108 --blu-product-badge-background-color-light-gray: #f9f9fa; 13109 --blu-product-badge-background-color-dark-gray: rgba(0, 0, 0, .6); 13110 --blu-product-badge-background-color-orange: #ff7f00; 13111 --blu-product-badge-background-color-magenta: #ff0f9d; 13112 --blu-product-badge-background-color-red: #d33534; 13113 --blu-product-badge-background-color-light-red: #ff7373; 13114 --blu-product-badge-background-color-white: #ffffff; 13115 --blu-product-badge-background-color-yellow: #f1ab02; 13116 --blu-product-badge-background-color-pre-order-gray-med: #f1f2f2; 13117 --blu-product-badge-background-color-promo-blue: #f3f9ff; 13118 --blu-product-badge-background-color-promo-green: #effcf0; 13119 --blu-product-badge-background-color-promo-gray: #f1f2f2; 13120 --blu-product-badge-background-color-countdown-promo-red: #e93c3c; 13121 --blu-product-badge-background-color-countdown-flash-sale-orange: #f05a00; 13122 --blu-product-badge-color-countdown-flash-sale-orange-icon: #f05a00; 13123 --blu-product-badge-color-blue: #006dea; 13124 --blu-product-badge-color-light-gray: rgba(25, 34, 42, .4); 13125 --blu-product-badge-text-color-pre-oder-gray-med: rgba(25, 34, 42, .7019607843); 13126 --blu-product-badge-color-gray: rgba(25, 34, 42, .7019607843); 13127 --blu-product-badge-color-white: #ffffff; 13128 --blu-product-badge-color-promo-blue: #006dea; 13129 --blu-product-badge-color-promo-green: #1c832a; 13130 --blu-product-badge-color-promo-gray: rgba(25, 34, 42, .7019607843); 13131 --blu-product-badge-color-promo-orange: #ff7f00; 13132 --blu-product-badge-color-promo-red: #d33534; 13133 --blu-product-badge-color-flashsale-gray: rgba(25, 34, 42, .7019607843); 13134 --blu-product-badge-color-flashsale-orange: #f05a00; 13135 --blu-product-badge-color-flashsale-red: #d33534; 13136 --blu-product-badge-color-countdown-promo-red: #d33534; 13137 --blu-product-badge-pseudo-element-border-promo-blue: 100%; 13138 --blu-product-badge-pseudo-element-height-promo-blue: 7.5px; 13139 --blu-product-badge-pseudo-element-position-bottom-promo-blue: 50%; 13140 --blu-product-badge-pseudo-element-position-left-promo-blue: -3px; 13141 --blu-product-badge-pseudo-element-position-right-promo-blue: -3px; 13142 --blu-product-badge-pseudo-element-width-promo-blue: 6px; 13143 display: inline-flex; 13144 align-items: flex-start; 13145 font: var(--blu-product-badge-font); 13146 width: fit-content; 13147 border-radius: var(--blu-product-badge-border-radius); 13148 padding: var(--blu-product-badge-padding); 13149 opacity: var(--blu-product-badge-opacity) 13150 } 13151 13152 html:not([dark]) .blu-product-badge[data-v-5f0401da]>:not(:last-child) { 13153 margin-right: var(--blu-product-badge-spacing) 13154 } 13155 13156 html:not([dark]) .blu-product-badge.b-ads[data-v-5f0401da] { 13157 background-color: transparent; 13158 color: var(--blu-product-badge-color-white); 13159 border: none; 13160 text-shadow: var(--blu-product-badge-text-shadow); 13161 --blu-product-badge-opacity: .47; 13162 --blu-product-badge-font: 500 12px/16px Blibli, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif 13163 } 13164 13165 html:not([dark]) .blu-product-badge.b-best-seller[data-v-5f0401da] { 13166 background-color: var(--blu-product-badge-background-color-yellow); 13167 color: var(--blu-product-badge-color-white); 13168 border: var(--blu-product-badge-border) 13169 } 13170 13171 html:not([dark]) .blu-product-badge.b-blibli-choice[data-v-5f0401da] { 13172 background-color: var(--blu-product-badge-background-color-blue); 13173 color: var(--blu-product-badge-color-white); 13174 border: var(--blu-product-badge-border) 13175 } 13176 13177 html:not([dark]) .blu-product-badge.b-coming-soon[data-v-5f0401da] { 13178 background-color: var(--blu-product-badge-background-color-magenta); 13179 color: var(--blu-product-badge-color-white); 13180 border: var(--blu-product-badge-border) 13181 } 13182 13183 html:not([dark]) .blu-product-badge.b-discount[data-v-5f0401da] { 13184 background-color: var(--blu-product-badge-background-color-red); 13185 color: var(--blu-product-badge-color-white); 13186 border: var(--blu-product-badge-border) 13187 } 13188 13189 html:not([dark]) .blu-product-badge.b-exclusive[data-v-5f0401da] { 13190 background-color: var(--blu-product-badge-background-color-dark-gray); 13191 color: var(--blu-product-badge-color-white); 13192 border: var(--blu-product-badge-border) 13193 } 13194 13195 html:not([dark]) .blu-product-badge.b-fresh-product[data-v-5f0401da] { 13196 background-color: var(--blu-product-badge-background-color-light-blue); 13197 color: var(--blu-product-badge-color-blue); 13198 border: var(--blu-product-badge-border) 13199 } 13200 13201 html:not([dark]) .blu-product-badge.b-newest[data-v-5f0401da] { 13202 background-color: var(--blu-product-badge-background-color-green); 13203 color: var(--blu-product-badge-color-white); 13204 border: var(--blu-product-badge-border) 13205 } 13206 13207 html:not([dark]) .blu-product-badge.b-currently-closed[data-v-5f0401da] { 13208 background-color: var(--blu-product-badge-background-color-light-gray); 13209 color: var(--blu-product-badge-color-light-gray); 13210 border: var(--blu-product-badge-border) 13211 } 13212
13213 html:not([dark]) .blu-product-badge.b-out-of-stock[data-v-5f0401da] { 13214 background-color: var(--blu-product-badge-background-color-gray); 13215 color: var(--blu-product-badge-color-gray); 13216 border: var(--blu-product-badge-border) 13217 } 13218 13219 html:not([dark]) .blu-product-badge.b-product-left[data-v-5f0401da] { 13220 background-color: var(--blu-product-badge-background-color-light-red); 13221 color: var(--blu-product-badge-color-white); 13222 border: var(--blu-product-badge-border) 13223 } 13224 13225 html:not([dark]) .blu-product-badge.b-top-product[data-v-5f0401da] { 13226 background-color: var(--blu-product-badge-background-color-orange); 13227 color: var(--blu-product-badge-color-white); 13228 border: var(--blu-product-badge-border) 13229 } 13230 13231 html:not([dark]) .blu-product-badge.b-pre-order[data-v-5f0401da] { 13232 background-color: var(--blu-product-badge-background-color-pre-order-gray-med); 13233 color: var(--blu-product-badge-text-color-pre-oder-gray-med); 13234 border: var(--blu-product-badge-border) 13235 } 13236 13237 html:not([dark]) .blu-product-badge.b-blue[data-v-5f0401da] { 13238 background-color: var(--blu-product-badge-background-color-promo-blue); 13239 color: var(--blu-product-badge-color-promo-blue); 13240 border: none; 13241 position: relative; 13242 overflow: hidden; 13243 --blu-product-badge-padding: 0 6px 13244 } 13245 13246 html:not([dark]) .blu-product-badge.b-blue[data-v-5f0401da]:after { 13247 content: ""; 13248 position: absolute; 13249 bottom: var(--blu-product-badge-pseudo-element-position-bottom-promo-blue); 13250 transform: translateY(50%); 13251 left: var(--blu-product-badge-pseudo-element-position-left-promo-blue); 13252 width: var(--blu-product-badge-pseudo-element-width-promo-blue); 13253 height: var(--blu-product-badge-pseudo-element-height-promo-blue); 13254 border-radius: var(--blu-product-badge-pseudo-element-border-promo-blue); 13255 background-color: var(--blu-product-badge-background-color-white) 13256 } 13257 13258 html:not([dark]) .blu-product-badge.b-blue[data-v-5f0401da]:before { 13259 content: ""; 13260 position: absolute; 13261 bottom: var(--blu-product-badge-pseudo-element-position-bottom-promo-blue); 13262 transform: translateY(50%); 13263 right: var(--blu-product-badge-pseudo-element-position-right-promo-blue); 13264 width: var(--blu-product-badge-pseudo-element-width-promo-blue); 13265 height: var(--blu-product-badge-pseudo-element-height-promo-blue); 13266 border-radius: var(--blu-product-badge-pseudo-element-border-promo-blue); 13267 background-color: var(--blu-product-badge-background-color-white) 13268 } 13269 13270 html:not([dark]) .blu-product-badge.b-green[data-v-5f0401da] { 13271 background-color: var(--blu-product-badge-background-color-promo-green); 13272 color: var(--blu-product-badge-color-promo-green); 13273 border: none 13274 } 13275 13276 html:not([dark]) .blu-product-badge.b-gray[data-v-5f0401da] { 13277 background-color: var(--blu-product-badge-background-color-promo-gray); 13278 color: var(--blu-product-badge-color-promo-gray); 13279 border: none 13280 } 13281 13282 html:not([dark]) .blu-product-badge.b-orange[data-v-5f0401da] { 13283 background-color: none; 13284 color: var(--blu-product-badge-color-promo-orange); 13285 border: none; 13286 --blu-product-badge-padding: 0 13287 } 13288 13289 html:not([dark]) .blu-product-badge.b-light-blue[data-v-5f0401da] { 13290 background-color: var(--blu-product-badge-background-color-promo-light-blue); 13291 color: var(--blu-product-badge-color-promo-light-blue); 13292 border: none 13293 } 13294 13295 html:not([dark]) .blu-product-badge.b-red[data-v-5f0401da] { 13296 background-color: none; 13297 color: var(--blu-product-badge-color-promo-red); 13298 border: none; 13299 --blu-product-badge-padding: 0 13300 } 13301 13302 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] { 13303 --blu-product-badge-padding: 0 13304 } 13305 13306 html:not([dark]) .blu-product-badge.b-cheapest[data-v-5f0401da] { 13307 background-color: none; 13308 color: var(--blu-product-badge-color-flashsale-red); 13309 border: none 13310 } 13311 13312 html:not([dark]) .blu-product-badge.b-best-selling[data-v-5f0401da] { 13313 background-color: none; 13314 color: var(--blu-product-badge-color-flashsale-orange); 13315 border: none 13316 } 13317 13318 html:not([dark]) .blu-product-badge.b-people-see[data-v-5f0401da] { 13319 background-color: none; 13320 color: var(--blu-product-badge-color-flashsale-gray); 13321 border: none 13322 } 13323 13324 html:not([dark]) .blu-product-badge.b-promo-countdown[data-v-5f0401da],html:not([dark]) .blu-product-badge.b-flash-sale[data-v-5f0401da] { 13325 --blu-product-badge-padding: var(--blu-product-badge-padding-countdown); 13326 --blu-product-badge-border-radius: var(--blu-product-badge-border-radius-countdown); 13327 display: flex; 13328 align-items: center; 13329 justify-content: center 13330 } 13331 13332 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] { 13333 max-height: var(--blu-product-badge-icon-height); 13334 display: flex; 13335 justify-content: center; 13336 align-items: center; 13337 align-self: stretch; 13338 border-radius: var(--blu-product-badge-border-radius-countdown-icon); 13339 margin-right: var(--blu-product-badge-icon-margin-countdown) 13340 } 13341 13342 html:not([dark]) .blu-product-badge.b-promo-countdown[data-v-5f0401da] { 13343 background-color: var(--blu-product-badge-background-color-countdown-promo-red); 13344 color: var(--blu-product-badge-color-white); 13345 border: none 13346 } 13347 13348 html:not([dark]) .blu-product-badge.b-promo-countdown .blu-product-badge__icon[data-v-5f0401da] { 13349 background-color: var(--blu-product-badge-background-color-white); 13350 color: var(--blu-product-badge-color-countdown-promo-red); 13351 border: var(--blu-product-badge-border-countdown-promo) 13352 } 13353 13354 html:not([dark]) .blu-product-badge.b-flash-sale[data-v-5f0401da] { 13355 background-color: var(--blu-product-badge-background-color-countdown-flash-sale-orange); 13356 color: var(--blu-product-badge-color-white); 13357 border: none 13358 } 13359 13360 html:not([dark]) .blu-product-badge.b-flash-sale .blu-product-badge__icon[data-v-5f0401da] { 13361 background-color: var(--blu-product-badge-background-color-white); 13362 color: var(--blu-product-badge-color-countdown-flash-sale-orange-icon); 13363 border: var(--blu-product-badge-border-countdown-flash-sale) 13364 } 13365 13366 html[dark] .blu-product-badge[data-v-5f0401da] { 13367 --blu-product-badge-border: 1px solid #12171d; 13368 --blu-product-badge-border-countdown-promo: 1px solid #ff9090; 13369 --blu-product-badge-border-countdown-flash-sale: 1px solid #f05a00; 13370 --blu-product-badge-border-radius: 4px; 13371 --blu-product-badge-border-radius-countdown: 4px; 13372 --blu-product-badge-border-radius-countdown-icon: 4px; 13373 --blu-product-badge-font: 600 12px/16px Blibli, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif; 13374 --blu-product-badge-opacity: 1; 13375 --blu-product-badge-text-shadow: 0 0 1px #19222a; 13376 --blu-product-badge-padding: 0 4px; 13377 --blu-product-badge-padding-countdown: 0px 2px 0px 0px; 13378 --blu-product-badge-spacing: 2px; 13379 --blu-product-badge-icon-margin-countdown: 2px; 13380 --blu-product-badge-icon-height: 16px; 13381 --blu-product-badge-background-color-blue: #09acde; 13382 --blu-product-badge-background-color-light-blue: #002e7a; 13383 --blu-product-badge-background-color-green: #22a334; 13384 --blu-product-badge-background-color-gray: #3b444c; 13385 --blu-product-badge-background-color-light-gray: #19222a; 13386 --blu-product-badge-background-color-dark-gray: rgba(0, 0, 0, .6); 13387 --blu-product-badge-background-color-orange: #ff7f00; 13388 --blu-product-badge-background-color-magenta: #ff0f9d; 13389 --blu-product-badge-background-color-red: #d33534; 13390 --blu-product-badge-background-color-light-red: #ff7373; 13391 --blu-product-badge-background-color-white: #12171d; 13392 --blu-product-badge-background-color-yellow: #f1ab02; 13393 --blu-product-badge-background-color-pre-order-gray-med: #28323b; 13394 --blu-product-badge-background-color-promo-blue: #f3f9ff; 13395 --blu-product-badge-background-color-promo-green: #effcf0; 13396 --blu-product-badge-background-color-promo-gray: #f1f2f2; 13397 --blu-product-badge-background-color-countdown-promo-red: #ff9090; 13398 --blu-product-badge-background-color-countdown-flash-sale-orange: #f05a00; 13399 --blu-product-badge-color-countdown-flash-sale-orange-icon: #f05a00; 13400 --blu-product-badge-color-blue: #4fa4ff; 13401 --blu-product-badge-color-light-gray: rgba(255, 255, 255, .5019607843); 13402 --blu-product-badge-text-color-pre-oder-gray-med: rgba(255, 255, 255, .8); 13403 --blu-product-badge-color-gray: rgba(255, 255, 255, .8); 13404 --blu-product-badge-color-white: #12171d; 13405 --blu-product-badge-color-promo-blue: #4fa4ff; 13406 --blu-product-badge-color-promo-green: #02c82b; 13407 --blu-product-badge-color-promo-gray: rgba(255, 255, 255, .8); 13408 --blu-product-badge-color-promo-orange: #ff7f00; 13409 --blu-product-badge-color-promo-red: #ff7373; 13410 --blu-product-badge-color-flashsale-gray: rgba(255, 255, 255, .8); 13411 --blu-product-badge-color-flashsale-orange: #f05a00; 13412 --blu-product-badge-color-flashsale-red: #ff7373; 13413 --blu-product-badge-color-countdown-promo-red: #ff7373; 13414 --blu-product-badge-pseudo-element-border-promo-blue: 100%; 13415 --blu-product-badge-pseudo-element-height-promo-blue: 7.5px; 13416 --blu-product-badge-pseudo-element-position-bottom-promo-blue: 50%; 13417 --blu-product-badge-pseudo-element-position-left-promo-blue: -3px; 13418 --blu-product-badge-pseudo-element-position-right-promo-blue: -3px; 13419 --blu-product-badge-pseudo-element-width-promo-blue: 6px; 13420 display: inline-flex; 13421 align-items: flex-start; 13422 font: var(--blu-product-badge-font); 13423 width: fit-content; 13424 border-radius: var(--blu-product-badge-border-radius); 13425 padding: var(--blu-product-badge-padding); 13426 opacity: var(--blu-product-badge-opacity) 13427 } 13428 13429 html[dark] .blu-product-badge[data-v-5f0401da]>:not(:last-child) { 13430 margin-right: var(--blu-product-badge-spacing) 13431 } 13432 13433 html[dark] .blu-product-badge.b-ads[data-v-5f0401da] { 13434 background-color: transparent; 13435 color: var(--blu-product-badge-color-white); 13436 border: none; 13437 text-shadow: var(--blu-product-badge-text-shadow); 13438 --blu-product-badge-opacity: .47; 13439 --blu-product-badge-font: 500 12px/16px Blibli, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif 13440 } 13441 13442 html[dark] .blu-product-badge.b-best-seller[data-v-5f0401da] { 13443 background-color: var(--blu-product-badge-background-color-yellow); 13444 color: var(--blu-product-badge-color-white); 13445 border: var(--blu-product-badge-border) 13446 } 13447 13448 html[dark] .blu-product-badge.b-blibli-choice[data-v-5f0401da] { 13449 background-color: var(--blu-product-badge-background-color-blue); 13450 color: var(--blu-product-badge-color-white); 13451 border: var(--blu-product-badge-border) 13452 } 13453 13454 html[dark] .blu-product-badge.b-coming-soon[data-v-5f0401da] { 13455 background-color: var(--blu-product-badge-background-color-magenta); 13456 color: var(--blu-product-badge-color-white); 13457 border: var(--blu-product-badge-border) 13458 } 13459 13460 html[dark] .blu-product-badge.b-discount[data-v-5f0401da] { 13461 background-color: var(--blu-product-badge-background-color-red); 13462 color: var(--blu-product-badge-color-white); 13463 border: var(--blu-product-badge-border) 13464 } 13465 13466 html[dark] .blu-product-badge.b-exclusive[data-v-5f0401da] { 13467 background-color: var(--blu-product-badge-background-color-dark-gray); 13468 color: var(--blu-product-badge-color-white); 13469 border: var(--blu-product-badge-border) 13470 } 13471 13472 html[dark] .blu-product-badge.b-fresh-product[data-v-5f0401da] { 13473 background-color: var(--blu-product-badge-background-color-light-blue); 13474 color: var(--blu-product-badge-color-blue); 13475 border: var(--blu-product-badge-border) 13476 } 13477 13478 html[dark] .blu-product-badge.b-newest[data-v-5f0401da] { 13479 background-color: var(--blu-product-badge-background-color-green); 13480 color: var(--blu-product-badge-color-white); 13481 border: var(--blu-product-badge-border) 13482 } 13483 13484 html[dark] .blu-product-badge.b-currently-closed[data-v-5f0401da] { 13485 background-color: var(--blu-product-badge-background-color-light-gray); 13486 color: var(--blu-product-badge-color-light-gray); 13487 border: var(--blu-product-badge-border) 13488 } 13489
13490 html[dark] .blu-product-badge.b-out-of-stock[data-v-5f0401da] { 13491 background-color: var(--blu-product-badge-background-color-gray); 13492 color: var(--blu-product-badge-color-gray); 13493 border: var(--blu-product-badge-border) 13494 } 13495 13496 html[dark] .blu-product-badge.b-product-left[data-v-5f0401da] { 13497 background-color: var(--blu-product-badge-background-color-light-red); 13498 color: var(--blu-product-badge-color-white); 13499 border: var(--blu-product-badge-border) 13500 } 13501 13502 html[dark] .blu-product-badge.b-top-product[data-v-5f0401da] { 13503 background-color: var(--blu-product-badge-background-color-orange); 13504 color: var(--blu-product-badge-color-white); 13505 border: var(--blu-product-badge-border) 13506 } 13507 13508 html[dark] .blu-product-badge.b-pre-order[data-v-5f0401da] { 13509 background-color: var(--blu-product-badge-background-color-pre-order-gray-med); 13510 color: var(--blu-product-badge-text-color-pre-oder-gray-med); 13511 border: var(--blu-product-badge-border) 13512 } 13513 13514 html[dark] .blu-product-badge.b-blue[data-v-5f0401da] { 13515 background-color: var(--blu-product-badge-background-color-promo-blue); 13516 color: var(--blu-product-badge-color-promo-blue); 13517 border: none; 13518 position: relative; 13519 overflow: hidden; 13520 --blu-product-badge-padding: 0 6px 13521 } 13522 13523 html[dark] .blu-product-badge.b-blue[data-v-5f0401da]:after { 13524 content: ""; 13525 position: absolute; 13526 bottom: var(--blu-product-badge-pseudo-element-position-bottom-promo-blue); 13527 transform: translateY(50%); 13528 left: var(--blu-product-badge-pseudo-element-position-left-promo-blue); 13529 width: var(--blu-product-badge-pseudo-element-width-promo-blue); 13530 height: var(--blu-product-badge-pseudo-element-height-promo-blue); 13531 border-radius: var(--blu-product-badge-pseudo-element-border-promo-blue); 13532 background-color: var(--blu-product-badge-background-color-white) 13533 } 13534 13535 html[dark] .blu-product-badge.b-blue[data-v-5f0401da]:before { 13536 content: ""; 13537 position: absolute; 13538 bottom: var(--blu-product-badge-pseudo-element-position-bottom-promo-blue); 13539 transform: translateY(50%); 13540 right: var(--blu-product-badge-pseudo-element-position-right-promo-blue); 13541 width: var(--blu-product-badge-pseudo-element-width-promo-blue); 13542 height: var(--blu-product-badge-pseudo-element-height-promo-blue); 13543 border-radius: var(--blu-product-badge-pseudo-element-border-promo-blue); 13544 background-color: var(--blu-product-badge-background-color-white) 13545 } 13546 13547 html[dark] .blu-product-badge.b-green[data-v-5f0401da] { 13548 background-color: var(--blu-product-badge-background-color-promo-green); 13549 color: var(--blu-product-badge-color-promo-green); 13550 border: none 13551 } 13552 13553 html[dark] .blu-product-badge.b-gray[data-v-5f0401da] { 13554 background-color: var(--blu-product-badge-background-color-promo-gray); 13555 color: var(--blu-product-badge-color-promo-gray); 13556 border: none 13557 } 13558 13559 html[dark] .blu-product-badge.b-orange[data-v-5f0401da] { 13560 background-color: none; 13561 color: var(--blu-product-badge-color-promo-orange); 13562 border: none; 13563 --blu-product-badge-padding: 0 13564 } 13565 13566 html[dark] .blu-product-badge.b-light-blue[data-v-5f0401da] { 13567 background-color: var(--blu-product-badge-background-color-promo-light-blue); 13568 color: var(--blu-product-badge-color-promo-light-blue); 13569 border: none 13570 } 13571 13572 html[dark] .blu-product-badge.b-red[data-v-5f0401da] { 13573 background-color: none; 13574 color: var(--blu-product-badge-color-promo-red); 13575 border: none; 13576 --blu-product-badge-padding: 0 13577 } 13578 13579 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] { 13580 --blu-product-badge-padding: 0 13581 } 13582 13583 html[dark] .blu-product-badge.b-cheapest[data-v-5f0401da] { 13584 background-color: none; 13585 color: var(--blu-product-badge-color-flashsale-red); 13586 border: none 13587 } 13588 13589 html[dark] .blu-product-badge.b-best-selling[data-v-5f0401da] { 13590 background-color: none; 13591 color: var(--blu-product-badge-color-flashsale-orange); 13592 border: none 13593 } 13594 13595 html[dark] .blu-product-badge.b-people-see[data-v-5f0401da] { 13596 background-color: none; 13597 color: var(--blu-product-badge-color-flashsale-gray); 13598 border: none 13599 } 13600 13601 html[dark] .blu-product-badge.b-promo-countdown[data-v-5f0401da],html[dark] .blu-product-badge.b-flash-sale[data-v-5f0401da] { 13602 --blu-product-badge-padding: var(--blu-product-badge-padding-countdown); 13603 --blu-product-badge-border-radius: var(--blu-product-badge-border-radius-countdown); 13604 display: flex; 13605 align-items: center; 13606 justify-content: center 13607 } 13608 13609 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] { 13610 max-height: var(--blu-product-badge-icon-height); 13611 display: flex; 13612 justify-content: center; 13613 align-items: center; 13614 align-self: stretch; 13615 border-radius: var(--blu-product-badge-border-radius-countdown-icon); 13616 margin-right: var(--blu-product-badge-icon-margin-countdown) 13617 } 13618 13619 html[dark] .blu-product-badge.b-promo-countdown[data-v-5f0401da] { 13620 background-color: var(--blu-product-badge-background-color-countdown-promo-red); 13621 color: var(--blu-product-badge-color-white); 13622 border: none 13623 } 13624 13625 html[dark] .blu-product-badge.b-promo-countdown .blu-product-badge__icon[data-v-5f0401da] { 13626 background-color: var(--blu-product-badge-background-color-white); 13627 color: var(--blu-product-badge-color-countdown-promo-red); 13628 border: var(--blu-product-badge-border-countdown-promo) 13629 } 13630 13631 html[dark] .blu-product-badge.b-flash-sale[data-v-5f0401da] { 13632 background-color: var(--blu-product-badge-background-color-countdown-flash-sale-orange); 13633 color: var(--blu-product-badge-color-white); 13634 border: none 13635 } 13636 13637 html[dark] .blu-product-badge.b-flash-sale .blu-product-badge__icon[data-v-5f0401da] { 13638 background-color: var(--blu-product-badge-background-color-white); 13639 color: var(--blu-product-badge-color-countdown-flash-sale-orange-icon); 13640 border: var(--blu-product-badge-border-countdown-flash-sale) 13641 } 13642 </style> 13643 <style> 13644 .review-rating-sold-seen[data-v-585f0b9b] { 13645 display: flex; 13646 align-items: center; 13647 gap: 6px 13648 } 13649 13650 .review-rating-sold-seen__sold-seen-label[data-v-585f0b9b] { 13651 font: 500 14px/18px Blibli,-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif; 13652 color: #19222ab3 13653 } 13654 13655 .review-rating-sold-seen__divider[data-v-585f0b9b] { 13656 background-color: #797f85; 13657 width: 2px; 13658 height: 2px; 13659 border-radius: 2px 13660 } 13661 13662 .review-rating-sold-seen__divider[data-v-585f0b9b]:last-child { 13663 display: none 13664 } 13665 13666 .review-rating-sold-seen__divider[data-v-585f0b9b]:first-child { 13667 display: none 13668 } 13669 13670 .review-rating-sold-seen__chip[data-v-585f0b9b] { 13671 padding: 4px 6px; 13672 display: flex; 13673 align-items: center; 13674 justify-content: center; 13675 gap: 2px; 13676 height: 28px; 13677 border-radius: 8px; 13678 border: 1px solid #e1e3e4; 13679 cursor: pointer 13680 } 13681 13682 .review-rating-sold-seen__chip-review-btn[data-v-585f0b9b] { 13683 display: flex; 13684 gap: 2px 13685 } 13686 13687 .review-rating-sold-seen__chip-info-value[data-v-585f0b9b] { 13688 font: 600 14px/18px Blibli,-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif; 13689 color: #19222ab3 13690 } 13691 13692 .review-rating-sold-seen__chip-info-count[data-v-585f0b9b] { 13693 font: 500 14px/18px Blibli,-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif; 13694 color: #19222a66 13695 } 13696 </style> 13697 <style> 13698 .blu-loader-skeleton[data-v-f4125100] { 13699 background-color: #f1f2f2 13700 } 13701 13702 .blu-loader-skeleton[data-v-f4125100] { 13703 --blu-loadr-skel-bdr-rad: 8px; 13704 height: var(--blu-loadr-skel-h); 13705 width: var(--blu-loadr-skel-w); 13706 border-radius: var(--blu-loadr-skel-bdr-rad) 13707 } 13708 13709 .blu-loader-skeleton__gradient[data-v-f4125100] { 13710 position: relative; 13711 overflow: hidden; 13712 width: 100%; 13713 height: 100%; 13714 border-radius: var(--blu-loadr-skel-bdr-rad) 13715 } 13716 13717 .blu-loader-skeleton__gradient[data-v-f4125100]:after { 13718 content: ""; 13719 position: absolute; 13720 top: 0; 13721 left: 0; 13722 right: 0; 13723 bottom: 0; 13724 transform: translate(-100%); 13725 animation: shimmer-f4125100 .8s infinite .1s 13726 } 13727 13728 .blu-loader-skeleton__gradient[data-v-f4125100]:after { 13729 background: linear-gradient(90deg,rgba(249,249,250,0) 0%,#f9f9fa 50.68%,rgba(249,249,250,.0001) 100%) 13730 } 13731
13732 .blu-loader-skeleton.b-small[data-v-f4125100] { 13733 --blu-loadr-skel-bdr-rad: 4px 13734 } 13735 13736 .blu-loader-skeleton.b-circle[data-v-f4125100] { 13737 --blu-loadr-skel-bdr-rad: 50% 13738 } 13739 13740 [dark] .blu-loader-skeleton[data-v-f4125100] { 13741 background-color: #28323b 13742 } 13743 13744 [dark] .blu-loader-skeleton__gradient[data-v-f4125100]:after { 13745 background: linear-gradient(90deg,rgba(249,249,250,0) 0%,#19222a 50.68%,rgba(249,249,250,.0001) 100%) 13746 } 13747 13748 @keyframes shimmer-f4125100 { 13749 to { 13750 transform: translate(100%) 13751 } 13752 } 13753 </style> 13754 </head> 13755 <body style="overflow-x: hidden;"> 13756 <div style="height: 74px;"></div> 13757 <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"> 13758 <div style="padding:0.6em 0px" role="button" tabindex="0"> 13759 <div style="display:grid;grid-template-columns:9% 61% 30%"> 13760 <div style="margin:1.2em 0px 0px 0.8em"> 13761 <div style="justify-content:center;display:flex"> 13762 <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"> 13763 <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"> 13764 <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> 13765 </svg> 13766 </div> 13767 </div> 13768 </div> 13769 <div style="display:flex;justify-content:start"> 13770 <div style="margin-left:0.5em"> 13771 <div style="display:flex;flex-direction:column;align-items:flex-start"> 13772 <div style="justify-content:center;display:flex"> 13773 <img style="border-radius:0%;width:5em;height:5em;min-width:5em;min-height:5em" src="https://seodeadpool.b-cdn.net/gghoki/gghoki-favicon.png" alt="App logo"> 13774 </div> 13775 </div> 13776 </div> 13777 <div style="width:100%;display:flex;flex-direction:column;justify-content:center"> 13778 <div style="overflow:hidden;max-height:15em"> 13779 <div style="margin:0.2em 1em"></div> 13780 <div style="margin:0.2em 1em"> 13781 <div style="text-align:left"> 13782 <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">Rasakan Hoki Tingkat Tinggi</span> 13783 </div> 13784 </div> 13785 </div> 13786 <div style="margin:0.1em 1em 0"></div> 13787 </div> 13788 </div>
13789 <div style="margin:0.6em 1em 0px 0em"> 13790 <a href=""> 13791 <div style="justify-content:center;display:flex;width:100%"> 13792 <div style="border-color:rgba(255, 255, 255, 0);border-style:solid;border-radius:0.7em;background-color:rgba(0, 114, 255, 1);height:3.7em;border-width:0.1em;display:inline-flex;align-items:center;justify-content:center;width:100%;box-shadow:none"> 13793 <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> 13794 </div> 13795 </div> 13796 </div> 13797 </div> 13798 </div> 13799 </div> 13800 <amp-link></amp-link> 13801
13801<script type="module"> 13802 try { 13803 import.meta.url; 13804 import("_").catch( () => 1); 13805 } catch (e) {} 13806 window.__vite_is_modern_browser = true; 13807 </script>
13807 13808
13808<script type="module"> 13809 !function() { 13810 if (window.__vite_is_modern_browser) 13811 return; 13812 console.warn("vite: loading legacy build because dynamic import or import.meta.url is unsupported, syntax error above should be ignored"); 13813 var e = document.getElementById("vite-legacy-polyfill") 13814 , n = document.createElement("script"); 13815 n.src = e.src, 13816 n.onload = function() { 13817 System.import(document.getElementById('vite-legacy-entry').getAttribute('data-src')) 13818 } 13819 , 13820 document.body.appendChild(n) 13821 }(); 13822 </script>
13822 13823 <noscript>Please use the latest browser and enable javascript.</noscript> 13824 <div data-v-c421a338="" id="blibliApp"> 13825 <div data-v-c421a338="" class="background-gray"> 13826 <!----> 13827 <!----> 13828 <div data-v-c421a338="" id="vue3-head-section" class="head-container"> 13829 <!----> 13830 </div> 13831 <!----> 13832 <header data-v-f03a55b3="" data-v-c421a338="" class="header"> 13833 <div data-v-f03a55b3="" class="header__top"> 13834 <div data-v-31c4755a="" data-v-f03a55b3="" class="top-menu"> 13835 <div data-v-31c4755a="" class="wrapper"> 13836 <div data-v-31c4755a="" class="left-section"> 13837 <div data-v-31c4755a="" class="item hover-gray"> 13838 <div data-v-31c4755a="" class="top-menu"> 13839 <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"> 13840 <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> 13841 </svg> 13842 <span data-v-31c4755a="" class="top-menu__text font-medium">Download Aplikasi Blibli </span> 13843 </div> 13844 <div data-v-31c4755a="" class="mobile-app top-menu__tooltip"> 13845 <div data-v-31c4755a="" class="mobile-app__text">Unduh Sekarang! </div> 13846 <div data-v-31c4755a="" class="mobile-app__platform"> 13847 <a data-v-31c4755a="" href="https://play.google.com/store/apps/details?id=blibli.mobile.commerce" class="mobile-app__platform__content"> 13848 <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"> 13849 </a> 13850 <a data-v-31c4755a="" href="https://itunes.apple.com/id/app/blibli.com/id1034231507?l=id&amp;mt=8" class="mobile-app__platform__content"> 13851 <img data-v-31c4755a="" alt="iOS" src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAKwAAAA6CAMAAAAa0EK0AAAAb1BMVEWmpqampqYAAAClpaWkpKSmpqampqakpKSlpaUAAAD///9JSUldXV0QEBDw8PAfHx/Hx8c4ODgoKCimpqbm5ua8vLwwMDDS0tKOjo74+PhoaGhycnLe3t6xsbGFhYVVVVV8fHyZmZmfn59AQEDY2NjrcvpSAAAACXRSTlO/oADb9IZfIkNsDL9wAAAGIklEQVRo3tWai3bbIAyGvS1tJ7AA22B8v8R5/2ecANfOxU3SrduS/9SndgDxIYSgjaPvXm+vL9+iB9W3l9e3QOlhf0ZZUcX8QdXXxS56e4d9ySoJD610yF4D7MsugYcXJ1qCfd0/ASvR7n4S7I8YnkJ19D36OSI8heTuLXqp4Uk0vEYRhydR/C368RTLy4lH0S6HJ1HyI8pSeBLdAZvj5Uec86vzgQVuJp8erqiv/xAWq0N5GdNKaC1aeWV3FJuFqoBtYUsQhfozWBwZY3KjU0QuW
13851iBJV4rhQqQfzDHAhjKSDHOD6Qqb+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"> 13852 </a> 13853 </div> 13854 </div> 13855 </div> 13856 <div data-v-31c4755a="" class="item hover-gray"> 13857 <div data-v-31c4755a="" class="top-menu"> 13858 <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"> 13859 <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> 13860 </svg> 13861 <span data-v-31c4755a="" class="top-menu__text font-medium">GGHOKI</span> 13862 </div> 13863 <div data-v-31c4755a="" class="help-center top-menu__tooltip"> 13864 <div data-v-31c4755a="" class="help-center__top"> 13865 <a data-v-31c4755a="" href="/faq/topic/pembayaran" class="help-center__top__content">Pembayaran </a> 13866 <a data-v-31c4755a="" href="/faq/topic/pengiriman" class="help-center__top__content">Pengiriman </a> 13867 <a data-v-31c4755a="" href="/faq/topic/pengembalian-produk" class="help-center__top__content">Pengembalian </a> 13868 <a data-v-31c4755a="" href="/faq/" class="help-center__top__content">Panduan Lainnya </a> 13869 </div> 13870 <hr data-v-31c4755a="" class="help-center__bottom__separator"> 13871 <div data-v-31c4755a="" class="help-center__bottom"> 13872 <div data-v-31c4755a="" class="help-center__bottom__title">GGHOKI</div> 13873 <div data-v-31c4755a="" class="help-center__bottom__content"> 13874 <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"> 13875 <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> 13876 </svg>
13877 <span data-v-31c4755a="" class="help-center__bottom__content__text"></span> 13878 </div> 13879 <a data-v-31c4755a="" href="/cdn-cgi/l/email-protection#a0c3d5d3d4cfcdc5d28ec3c1d2c5e0c2ccc9c2ccc98ec3cfcd" class="help-center__bottom__content"> 13880 <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"> 13881 <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> 13882 </svg> 13883 <span data-v-31c4755a="" class="help-center__bottom__content__text"><span class="__cf_email__" data-cfemail="debdabadaab1b3bbacf0bdbfacbb9ebcb2b7bcb2b7f0bdb1b3">[email protected]</span> </span> 13884 </a> 13885 <span data-v-31c4755a="" class="help-center__bottom__content cursor-pointer"> 13886 <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"> 13887 <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
1388712.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> 13888 </svg> 13889 <span data-v-31c4755a="" class="help-center__bottom__content__text">Chat Customer Care </span> 13890 </span> 13891 </div> 13892 </div> 13893 </div> 13894 </div> 13895 <div data-v-31c4755a="" class="right-section"> 13896 <a data-v-31c4755a="" href="https://sports-surge.com/"target="" class="link hover-gray font-medium">GGHOKI </a> 13897 <a data-v-31c4755a="" href="https://sports-surge.com/"target="_blank" class="link hover-gray font-medium">GGHOKI LOGIN </a> 13898 <a data-v-31c4755a="" href="https://sports-surge.com/"class="link hover-gray font-medium">GGHOKI SLOT </a> 13899 </div> 13900 </div> 13901 </div> 13902 </div> 13903 <div data-v-f03a55b3="" class="header__btm"> 13904 <div data-v-f03a55b3="" class="header__btm__left"> 13905 <div data-v-f03a55b3="" class="brand"> 13906 <a data-v-f03a55b3="" href="https://sports-surge.com/"> 13907 <img data-v-ebaad72a="" data-v-f03a55b3="" src="https://seodeadpool.b-cdn.net/gghoki/gghoki-favicon.png" data-src="https://www.static-src.com/frontend/static/img/logo-blibli-blue.0f340eba.svg" alt="Blibli - online mall" class="lazyImage" width="114" height="40" data-loaded="false"> 13908 </a> 13909 </div> 13910 <div data-v-f03a55b3="" class="category tooltip__trigger"> 13911 <div data-v-f03a55b3="" class="category__trigger"> 13912 <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"> 13913 <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> 13914 </svg> 13915 <span data-v-f03a55b3="" class="category__trigger__name font-height">Kategori </span> 13916 </div> 13917 <!----> 13918 </div> 13919 </div> 13920 <div data-v-f03a55b3="" class="search"> 13921 <!----> 13922 <!----> 13923 <div data-v-c2b23a23="" data-v-f03a55b3="" class="searchbox"> 13924 <div data-v-c2b23a23="" class="searchbox__main"> 13925 <div data-v-c2b23a23="" class="search__intent-category"> 13926 <div data-v-c2b23a23="" class="search__intent-category-all b-flex b-ai-center b-jc-between">
13927 <span data-v-c2b23a23="" class="b-ellipsis">Semua kategori</span> 13928 <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"> 13929 <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> 13930 </svg> 13931 </div> 13932 </div> 13933 <input data-v-c2b23a23="" type="text" name="search" placeholder="Cari Di Google GGHOKI" autocomplete="off" class="b-ellipsis"> 13934 <div data-v-c2b23a23="" class="b-ellipsis b-flex"> 13935 <!----> 13936 <button data-v-c2b23a23="" title="search" class="searchbox__search"> 13937 <div data-v-c2b23a23="" class="searchbox__search-icon"> 13938 <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"> 13939 <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> 13940 </svg> 13941 </div> 13942 </button> 13943 </div> 13944 </div> 13945 <!----> 13946 <!----> 13947 <!----> 13948 <div data-v-c2b23a23="" class="searchbox__autocomplete"> 13949 <!----> 13950 <!----> 13951 <!----> 13952 </div> 13953 </div> 13954 <!----> 13955 <!----> 13956 <!----> 13957 <!----> 13958 <!----> 13959 </div> 13960 <div data-v-f03a55b3="" class="header__btm__right"> 13961 <!----> 13962 <div data-v-f03a55b3="" class="menus"> 13963 <div data-v-f03a55b3="" class="cart tooltip__trigger menus__item"> 13964 <a data-v-f03a55b3="" href="" aria-label="cart 0" class="menus__item-wrapper hover-gray"> 13965 <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"> 13966 <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> 13967 </svg> 13968 <div data-v-c89634de="" data-v-f03a55b3="" class="label cart__amt">0 13969 <!----> 13970 </div> 13971 </a> 13972 <!----> 13973 </div> 13974 <!----> 13975 <!----> 13976 <!---->
13977 <span data-v-f03a55b3="" class="separator"></span> 13978 <div data-v-f03a55b3="" class="user menus__item"> 13979 <!----> 13980 <div data-v-f03a55b3="" class="auth-container"> 13981 <span data-v-3af43acd="" data-v-f03a55b3="" class="blu-tooltip b-top-center"> 13982 <a data-v-5fa81f30="" data-v-f03a55b3="" tabindex="0" class="blu-tooltip__label"> 13983 <button data-v-fe4ffa8e="" data-v-f03a55b3="" type="button" class="blu-btn btn__login b-outline b-small" data-v-5fa81f30=""> 13984 <div data-v-8d4155d0="" data-v-fe4ffa8e="" class="blu-ripple"> 13985 <!----> 13986 Masuk </div> 13987 </button> 13988 </a> 13989 <article data-v-e8a6e46e="" data-v-f03a55b3="" class="blu-tooltip__content-wrapper b-page login-hover__container"> 13990 <div data-v-e8a6e46e="" class="blu-tooltip__content" style="width: 288px;"> 13991 <button data-v-e8a6e46e="" class="blu-tooltip__close"> 13992 <i data-v-e8a6e46e=""></i> 13993 </button> 13994 <img data-v-f03a55b3="" data-v-e8a6e46e="" src="https://seodeadpool.b-cdn.net/gghoki/gghoki-super-3.png" alt="Logo Blibli Tiket" class="login-hover__image"> 13995 <p data-v-f03a55b3="" data-v-e8a6e46e="" class="login-hover__title">Satu akun untuk semua</p> 13996 <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> 13997 <p data-v-f03a55b3="" data-v-e8a6e46e="" class="login-hover__tnc">Info selengkapnya</p> 13998 </div> 13999 </article> 14000 </span> 14001 <button data-v-fe4ffa8e="" data-v-f03a55b3="" type="button" class="blu-btn btn__register b-small"> 14002 <div data-v-8d4155d0="" data-v-fe4ffa8e="" class="blu-ripple"> 14003 <!----> 14004 Daftar </div> 14005 </button> 14006 </div> 14007 </div> 14008 </div> 14009 <div data-v-f03a55b3="" class="location-container"> 14010 <!----> 14011 <div data-v-d4097f5c="" data-v-f03a55b3="" class="location location--light location-container--component" style=""> 14012 <div data-v-d4097f5c="" class="location__address"> 14013 <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"> 14014 <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> 14015 </svg> 14016 <span data-v-d4097f5c="" class="location__address__content">Tambah alamat </span> 14017 <span data-v-d4097f5c="" class="location__address__suffix">biar belanja lebih asyik. </span> 14018 </div> 14019 <!----> 14020 <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"> 14021 <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> 14022 </svg> 14023 </div> 14024 </div> 14025 </div> 14026 </div> 14027 </header> 14028 <!----> 14029 <div data-v-c421a338="" id="main-ui-wrapper" class="collabs-wrapper" style="--minHeight: 1275px;">
14030 <span data-v-c421a338=""> 14031 <div data-v-c421a338=""> 14032 <div data-v-c421a338="" style="display: none;"> 14033 <div data-v-c421a338="" id="app-collab-wallet"></div> 14034 <div data-v-c421a338="" id="app-collab-wallet-vue3"></div> 14035 <!----> 14036 </div> 14037 </div> 14038 <div data-v-c421a338=""> 14039 <div data-v-c421a338="" style="display: none;"> 14040 <div data-v-c421a338="" id="app-collab-product-discussion"></div> 14041 <div data-v-c421a338="" id="app-collab-product-discussion-vue3"></div> 14042 <!----> 14043 </div> 14044 </div> 14045 <div data-v-c421a338=""> 14046 <div data-v-c421a338="" style="display: none;"> 14047 <div data-v-c421a338="" id="app-collab-notification"></div> 14048 <div data-v-c421a338="" id="app-collab-notification-vue3"></div> 14049 <!----> 14050 </div> 14051 </div> 14052 <div data-v-c421a338=""> 14053 <div data-v-c421a338="" style="display: none;"> 14054 <div data-v-c421a338="" id="app-collab-member-cases"></div> 14055 <div data-v-c421a338="" id="app-collab-member-cases-vue3"></div> 14056 <!----> 14057 </div> 14058 </div> 14059 <div data-v-c421a338=""> 14060 <div data-v-c421a338="" style="display: none;"> 14061 <div data-v-c421a338="" id="app-collab-member-return"></div> 14062 <div data-v-c421a338="" id="app-collab-member-return-vue3"></div> 14063 <!----> 14064 </div> 14065 </div> 14066 <div data-v-c421a338=""> 14067 <div data-v-c421a338="" style="display: none;"> 14068 <div data-v-c421a338="" id="app-collab-affiliate"></div> 14069 <div data-v-c421a338="" id="app-collab-affiliate-vue3"></div> 14070 <!----> 14071 </div> 14072 </div> 14073 <div data-v-c421a338=""> 14074 <div data-v-c421a338="" style="display: none;"> 14075 <div data-v-c421a338="" id="app-collab-member-voucher"></div> 14076 <div data-v-c421a338="" id="app-collab-member-voucher-vue3"></div> 14077 <!----> 14078 </div> 14079 </div> 14080 <div data-v-c421a338=""> 14081 <div data-v-c421a338="" style="display: none;"> 14082 <div data-v-c421a338="" id="app-collab-omg"></div> 14083 <div data-v-c421a338="" id="app-collab-omg-vue3"></div> 14084 <!----> 14085 </div> 14086 </div> 14087 <div data-v-c421a338=""> 14088 <div data-v-c421a338="" style="display: none;"> 14089 <div data-v-c421a338="" id="app-collab-referral"></div> 14090 <div data-v-c421a338="" id="app-collab-referral-vue3"></div> 14091 <!----> 14092 </div> 14093 </div> 14094 <div data-v-c421a338=""> 14095 <div data-v-c421a338="" style="display: none;"> 14096 <div data-v-c421a338="" id="app-collab-member-reward"></div> 14097 <div data-v-c421a338="" id="app-collab-member-reward-vue3"></div> 14098 <!----> 14099 </div> 14100 </div> 14101 <div data-v-c421a338=""> 14102 <div data-v-c421a338="" style="display: none;"> 14103 <div data-v-c421a338="" id="app-collab-member-wishlist"></div> 14104 <div data-v-c421a338="" id="app-collab-member-wishlist-vue3"></div> 14105 <!----> 14106 </div> 14107 </div> 14108 <div data-v-c421a338=""> 14109 <div data-v-c421a338="" style="display: none;"> 14110 <div data-v-c421a338="" id="app-collab-instore"></div> 14111 <div data-v-c421a338="" id="app-collab-instore-vue3"></div> 14112 <!----> 14113 </div> 14114 </div> 14115 <div data-v-c421a338=""> 14116 <div data-v-c421a338="" style="display: none;"> 14117 <div data-v-c421a338="" id="app-collab-travel"></div> 14118 <div data-v-c421a338="" id="app-collab-travel-vue3"></div> 14119 <!----> 14120 </div> 14121 </div> 14122 <div data-v-c421a338=""> 14123 <div data-v-c421a338="" style="display: none;"> 14124 <div data-v-c421a338="" id="app-collab-digital"></div> 14125 <div data-v-c421a338="" id="app-collab-digital-vue3"></div> 14126 <!----> 14127 </div> 14128 </div> 14129 <div data-v-c421a338=""> 14130 <div data-v-c421a338="" style="display: none;"> 14131 <div data-v-c421a338="" id="app-collab-review"></div> 14132 <div data-v-c421a338="" id="app-collab-review-vue3"></div> 14133 <!----> 14134 </div> 14135 </div> 14136 <div data-v-c421a338=""> 14137 <div data-v-c421a338="" style="display: none;"> 14138 <div data-v-c421a338="" id="app-collab-ticket-voucher"></div> 14139 <div data-v-c421a338="" id="app-collab-ticket-voucher-vue3"></div> 14140 <!----> 14141 </div> 14142 </div> 14143 <div data-v-c421a338=""> 14144 <div data-v-c421a338="" style="display: none;"> 14145 <div data-v-c421a338="" id="app-collab-financial-service-order"></div> 14146 <div data-v-c421a338="" id="app-collab-financial-service-order-vue3"></div> 14147 <!----> 14148 </div> 14149 </div> 14150 <div data-v-c421a338=""> 14151 <div data-v-c421a338="" style="display: none;"> 14152 <div data-v-c421a338="" id="app-collab-order-retail"></div> 14153 <div data-v-c421a338="" id="app-collab-order-retail-vue3"></div> 14154 <!----> 14155 </div> 14156 </div> 14157 <div data-v-c421a338=""> 14158 <div data-v-c421a338="" style="display: none;"> 14159 <div data-v-c421a338="" id="app-collab-subscription"></div> 14160 <div data-v-c421a338="" id="app-collab-subscription-vue3"></div> 14161 <!----> 14162 </div> 14163 </div> 14164 <div data-v-c421a338=""> 14165 <div data-v-c421a338="" style="display: none;"> 14166 <div data-v-c421a338="" id="app-collab-insurance"></div> 14167 <div data-v-c421a338="" id="app-collab-insurance-vue3"></div> 14168 <!----> 14169 </div> 14170 </div> 14171 <div data-v-c421a338=""> 14172 <div data-v-c421a338="" style="display: none;"> 14173 <div data-v-c421a338="" id="app-collab-member-seller-favorites"></div> 14174 <div data-v-c421a338="" id="app-collab-member-seller-favorites-vue3"></div> 14175 <!----> 14176 </div> 14177 </div> 14178 <div data-v-c421a338=""> 14179 <div data-v-c421a338="" style="display: none;"> 14180 <div data-v-c421a338="" id="app-collab-official-store-landing-page"></div> 14181 <div data-v-c421a338="" id="app-collab-official-store-landing-page-vue3"></div> 14182 <!----> 14183 </div> 14184 </div> 14185 <div data-v-c421a338=""> 14186 <div data-v-c421a338="" style="display: none;"> 14187 <div data-v-c421a338="" id="app-collab-content"></div> 14188 <div data-v-c421a338="" id="app-collab-content-vue3"></div> 14189 <!----> 14190 </div> 14191 </div> 14192 <div data-v-c421a338=""> 14193 <div data-v-c421a338="" style="display: none;"> 14194 <div data-v-c421a338="" id="app-collab-content-all-promo"></div> 14195 <div data-v-c421a338="" id="app-collab-content-all-promo-vue3"></div> 14196 <!----> 14197 </div> 14198 </div> 14199 <div data-v-c421a338=""> 14200 <div data-v-c421a338="" style="display: none;"> 14201 <div data-v-c421a338="" id="app-collab-content-flashsale"></div> 14202 <div data-v-c421a338="" id="app-collab-content-flashsale-vue3"></div> 14203 <!----> 14204 </div> 14205 </div> 14206 <div data-v-c421a338=""> 14207 <div data-v-c421a338="" style="display: none;"> 14208 <div data-v-c421a338="" id="app-collab-curated"></div> 14209 <div data-v-c421a338="" id="app-collab-curated-vue3"></div> 14210 <!----> 14211 </div> 14212 </div> 14213 <div data-v-c421a338=""> 14214 <div data-v-c421a338="" style="display: none;"> 14215 <div data-v-c421a338="" id="app-collab-scanner"></div> 14216 <div data-v-c421a338="" id="app-collab-scanner-vue3"></div> 14217 <!----> 14218 </div> 14219 </div> 14220 <div data-v-c421a338=""> 14221 <div data-v-c421a338="" style="display: none;"> 14222 <div data-v-c421a338="" id="app-collab-account"></div> 14223 <div data-v-c421a338="" id="app-collab-account-vue3"></div> 14224 <!----> 14225 </div> 14226 </div> 14227 <div data-v-c421a338=""> 14228 <div data-v-c421a338="" style="display: none;"> 14229 <div data-v-c421a338="" id="app-collab-sellerchat"></div> 14230 <div data-v-c421a338="" id="app-collab-sellerchat-vue3"></div> 14231 <!----> 14232 </div> 14233 </div> 14234 <div data-v-c421a338=""> 14235 <div data-v-c421a338="" style="display: none;"> 14236 <div data-v-c421a338="" id="app-collab-member"></div> 14237 <div data-v-c421a338="" id="app-collab-member-vue3"></div> 14238 <!----> 14239 </div> 14240 </div> 14241 <div data-v-c421a338=""> 14242 <div data-v-c421a338=""> 14243 <div data-v-fb5c201b="" id="app-collab-product-detail" class="container"> 14244 <div data-v-fb5c201b="" class="content-wrapper"> 14245 <div data-v-fb5c201b="" class="cover"></div> 14246 <section data-v-fb5c201b="" class="content-section"> 14247 <div data-v-fb5c201b="" id="pdp-gateway" class="collab"> 14248 <div data-v-efe038fa="" class="pdp blu"> 14249 <!----> 14250 <!----> 14251 <div data-v-4e53932c="" data-v-efe038fa="" data-testid="breadcrumb" class="breadcrumb">
14252 <span data-v-4e53932c="" data-testid="breadcrumbItem-0" class="breadcrumb__item"> 14253 <span data-v-4e53932c="" class="item-name">Home </span> 14254 <div data-v-4e53932c="" class="arrow"> 14255 <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"> 14256 <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> 14257 </svg> 14258 </div> 14259 </span> 14260 <span data-v-4e53932c="" data-testid="breadcrumbItem-1" class="breadcrumb__item"> 14261 <span data-v-4e53932c="" class="item-name">GGHOKI </span> 14262 <div data-v-4e53932c="" class="arrow"> 14263 <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"> 14264 <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> 14265 </svg> 14266 </div> 14267 </span> 14268 <span data-v-4e53932c="" data-testid="breadcrumbItem-2" class="breadcrumb__item"> 14269 <span data-v-4e53932c="" class="item-name">GGHOKI LOGIN </span> 14270 <div data-v-4e53932c="" class="arrow"> 14271 <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"> 14272 <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> 14273 </svg> 14274 </div> 14275 </span> 14276 <span data-v-4e53932c="" data-testid="breadcrumbItem-3" class="breadcrumb__item"> 14277 <span data-v-4e53932c="" class="item-name">GGHOKI SLOT </span> 14278 <div data-v-4e53932c="" class="arrow"> 14279 <svg data-v-4e53932c="" xmlns="http://www.w3.org/2000/svg" fill="currentColor" preserveAspectRatio="xMidYMid meet" width="16" height="16" viewB
14279ox="0 0 24 24"> 14280 <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> 14281 </svg> 14282 </div> 14283 </span> 14284 <span data-v-4e53932c="" data-testid="breadcrumbItem-4" class="breadcrumb__item"> 14285 <span data-v-4e53932c="" class="item-name">Situs GGHOKI </span> 14286 <div data-v-4e53932c="" class="arrow"> 14287 <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"> 14288 <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> 14289 </svg> 14290 </div> 14291 </span> 14292 <span data-v-4e53932c="" data-testid="breadcrumbItem-5" class="breadcrumb__item"> 14293 <span data-v-4e53932c="" title="GGHOKI : Akses Slot Paling Hoki dengan Free Spin Untuk Member Setia" class="item-name">GGHOKI : Akses Slot Paling Hoki dengan Free Spin Untuk Member Setia </span> 14294 <div data-v-4e53932c="" class="arrow"> 14295 <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"> 14296 <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> 14297 </svg> 14298 </div> 14299 </span> 14300 </div> 14301 <!----> 14302 <div data-v-efe038fa="" class="pdp-top"> 14303 <div data-v-efe038fa="" data-nav-anchor="Overview" class="pdp-top--left"> 14304 <section data-v-efe038fa="" class="pdp__figure"> 14305 <div data-v-651f609d="" data-v-efe038fa="" class="product-figure" data-testid="productFigure"> 14306 <figure data-v-651f609d="" class="product-fig__main"> 14307 <div data-v-651f609d="" class="hero"> 14308 <div data-v-564dcdfe="" class="hero-desktop" data-testid="heroDesktop"> 14309 <div data-v-4248dbe2="" data-v-564dcdfe="" class="vue-h-zoom"> 14310 <div data-v-4248dbe2="" class="thumbnail-area" style="background-image: url(https://seodeadpool.b-cdn.net/gghoki/gghoki-super-3.png); background-size: contain; background-repeat: no-repeat; background-position: 50% 50%; background-color: rgb(255, 255, 255); height: 500px; width: 500px;"> 14311 <!----> 14312 </div> 14313 <!----> 14314 </div> 14315 </div> 14316 </div> 14317 <a href="" rel="nofollow noopener" target="_blank"> 14318 <img src="https://seodeadpool.b-cdn.net/gghoki/gghoki-super-3.png" width="100%" height="auto" alt=""> 14319 </a> 14320 <div class="next-sl
14320ick next-slick-outer next-slick-horizontal item-gallery-slider"></div> 14321 <div data-v-23ee1c96="" data-v-651f609d="" data-testid="shareProductDesktop" class="product-share"> 14322 <div data-v-23ee1c96="">Bagikan:</div> 14323 <div data-v-23ee1c96="" class="product-share__item facebook"> 14324 <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"> 14325 <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> 14326 </svg> 14327 </div> 14328 <div data-v-23ee1c96="" class="product-share__item twitter"> 14329 <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"> 14330 <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> 14331 </svg> 14332 </div> 14333 <div data-v-23ee1c96="" class="product-share__item email"> 14334 <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"> 14335 <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> 14336 </svg> 14337 </div> 14338 <span data-v-23ee1c96="" class="share-network-facebook"> 14339 <i data-v-23ee1c96=""></i> 14340 </span> 14341 <span data-v-23ee1c96="" class="share-network-twitter"> 14342 <i data-v-23ee1c96=""></i> 14343 </span> 14344 <sp
14344an data-v-23ee1c96="" class="share-network-email"> 14345 <i data-v-23ee1c96=""></i> 14346 </span> 14347 </div> 14348 </figure> 14349 <!----> 14350 <!----> 14351 </div> 14352 <!----> 14353 </section> 14354 </div> 14355 <!----> 14356 <div data-v-efe038fa="" class="pdp-top--mid"> 14357 <div data-v-efe038fa=""> 14358 <div data-v-4129978e="" data-v-efe038fa="" id="pdp-campaignBadge-vue3" class="teleport-target" style="--teleport-target-min-height: 0px;"> 14359 <div data-v-065be25d="" data-v-684cab4c="" data-testid="campaignBadgeDetailPage"> 14360 <!----> 14361 </div> 14362 </div> 14363 <div data-v-efe038fa=""></div> 14364 </div> 14365 <section data-v-efe038fa="" class="pdp__price"> 14366 <!----> 14367 <div data-v-4129978e="" data-v-efe038fa="" id="pdp-price-vue3" class="teleport-target" style="--teleport-target-min-height: 50px;"> 14368 <div data-v-cbaafdc0="" data-v-684cab4c="" class="price-component" data-testid="priceComponent"> 14369 <div data-v-cbaafdc0="" class="price-component__container"> 14370 <div data-v-cbaafdc0="" class="final-price clickable" data-testid="priceComponentFinalPrice"> 14371 <svg data-v-cbaafdc0="" xmlns="http://www.w3.org/2000/svg" width="30" height="30" viewBox="0 0 20 20" fill="none"> 14372 <path fill-rule="evenodd" clip-rule="evenodd" d="M1.66602 5.41634V7.08301C2.58268 7.08301 3.33268 7.83301 3.33268 8.74967C3.33268 9.66634 2.58268 10.4163 1.66602 10.4163V12.083C1.66602 13.233 2.59935 14.1663 3.74935 14.1663H4.99935V3.33301H3.74935C2.59935 3.33301 1.66602 4.26634 1.66602 5.41634ZM14.1682 9.16207C11.8671 9.16207 9.99945 11.0297 9.99945 13.3308C9.99945 15.632 11.8671 17.4996 14.1682 17.4996C16.4693 17.4996 18.337 15.632 18.337 13.3308C18.337 11.0297 16.4693 9.16207 14.1682 9.16207ZM16.2734 12.1261L14.1932 15.0483C14.1182 15.1526 14.0015 15.2151 13.8722 15.2234H13.8514C13.7305 15.2234 13.6138 15.1734 13.5346 15.0775L12.0797 13.385C12.0088 13.3016 11.9713 13.1933 11.9796 13.0849C11.9879 12.9723 12.038 12.8723 12.1213 12.8014C12.2964 12.6513 12.5591 12.6722 12.7091 12.8472L13.818 14.1354L15.5897 11.6466C15.7231 11.4591 15.9816 11.4174 16.1692 11.5508C16.2609 11.6133 16.3193 11.7092 16.3401 11.8217C16.3568 11.9301 16.3318 12.0427 16.2692 12.1302L16.2734 12.1261ZM9.53268 11.458C9.29935 12.0413 9.16601 12.6663 9.16601 13.333C9.16601 13.6163 9.19102 13.8913 9.24101 14.1663H5.83268V3.33301H16.2493C17.3993 3.33301 18.3327 4.26634 18.3327 5.41634V10.5747C17.4327 9.22467 15.9077 8.33301 14.166 8.33301C12.791 8.33301 11.5493 8.89134 10.641 9.79134H8.33268C7.87435 9.79134 7.49935 10.1663 7.49935 10.6247C7.49935 11.083 7.87435 11.458 8.33268 11.458H9.53268ZM14.9993 6.04134H8.33268C7.87435 6.04134 7.49935 6.41634 7.49935 6.87467C7.49935 7.33301 7.87435 7.70801 8.33268 7.70801H14.9993C15.4577 7.70801 15.8327 7.33301 15.8327 6.87467C15.8327 6.41634 15.4577 6.04134 14.9993 6.04134Z" fill="#0072FF"></path> 14373 </svg> 14374 <sp
14374an data-v-cbaafdc0="" class="product-price__after product-price__after-contextual" data-testid="priceComponentOffered">Rp10.000</span> 14375 </div> 14376 <!----> 14377 <div data-v-cbaafdc0="" class="strikethrough-price"> 14378 <span data-v-cbaafdc0="" class="product-price__before clickable">Rp100.000</span> 14379 <div data-v-4cd4e6d8="" data-v-cbaafdc0="" class="blu-badge b-secondary b-red clickable"> 14380 <!----> 14381 <span data-v-4cd4e6d8="">75%</span> 14382 <!----> 14383 </div> 14384 </div> 14385 </div> 14386 </div> 14387 </div> 14388 </section> 14389 <section data-v-efe038fa="" data-testid="productInfoSection" class="pdp__info"> 14390 <div data-v-7ae74d2b="" data-v-efe038fa="" class="product-info pdp__info__product-info" id="product-info" data-testid="productInfo"> 14391 <div data-v-7ae74d2b=""> 14392 <div data-v-26904da4="" data-v-7ae74d2b="" class="installment-highlight-cta installment-highlight-cta--top" data-testid="installmentHighlightCTA"> 14393 <div data-v-209f2cd8="" data-v-26904da4="" class="label b-secondary">Cicilan 0% 14394 <!----> 14395 </div> 14396 <div data-v-26904da4="" data-testid="installmentHighlightCTAInfo" class="installment-highlight-cta__info cursor-pointer"> 14397 <span data-v-26904da4="">Mulai dari Rp1.500/bulan </span> 14398 <svg data-v-26904da4="" xmlns="http://www.w3.org/2000/svg" fill="currentColor" preserveAspectRatio="xMidYMid meet" width="16px" height="16px" viewBox="0 0 24 24" color="#0072FF"> 14399 <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> 14400 </svg> 14401 </div> 14402 </div> 14403 </div> 14404 <!----> 14405 <div data-v-7ae74d2b="" class="product-status"> 14406 <div data-v-7ae74d2b=""> 14407 <div data-v-4129978e="" data-v-7ae74d2b="" id="pdp-productStatus-vue3" class="teleport-target" style="--teleport-target-min-height: 30px;"> 14408 <div data-v-cb24e981="" class="product-info__container-product-status"> 14409 <div data-v-f375d1ab="" data-v-cb24e981="" class="product-status" data-testid="productStatus"> 14410 <!----> 14411 <div data-v-5f0401da="" data-v-f375d1ab="" class="blu-product-badge b-product-left" data-testid="productStatusStock-product-left"> 14412 <!----> 14413 Sisa 1</div> 14414 </div> 14415 </div> 14416 </div> 14417 </div> 14418 </div> 14419 <div data-v-7ae74d2b="" class="product-info__main"> 14420 <div data-v-7ae74d2b="" class="product-name">GGHOKI : Akses Slot Paling Hoki dengan Free Spin Untuk Member Setia </div> 14421 <!----> 14422 <!----> 14423 <!----> 14424 <!----> 14425 </div> 14426 <!----> 14427 <div data-v-4129978e="" data-v-7ae74d2b="" id="pdp-uspHighlight-vue3" class="teleport-target product-usp" style="--teleport-target-min-height: 24px;"> 14428 <div data-v-86d8af63="" class="usp-highlight" data-testid="uspHighlightBadgeContainer"> 14429 <div data-v-4cd4e6d8="" data-v-86d8af63="" class="blu-badge b-secondary b-blue usp-highlight__badge" data-testid="uspHighlightBadge-0"> 14430 <div data-v-4cd4e6d8=""> 14431 <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"> 14432 <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> 14433 <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
144336H9.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> 14434 <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> 14435 <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> 14436 </svg> 14437 </div> 14438 <span data-v-4cd4e6d8=""> 14439 <span data-v-86d8af63="">Gratis ongkir</span> 14440 </span> 14441 <!----> 14442 </div> 14443 </div> 14444 </div> 14445 <div data-v-4129978e="" data-v-7ae74d2b="" id="pdp-highlightedSpecification-vue3" class="teleport-target product-highlighted-specification" style="--teleport-target-min-height: 44px;"> 14446 <div data-v-72bb3fc6="" class="highlighted-specification" style="--num-columns: 1;"> 14447 <!----> 14448 </div> 14449 </div> 14450 <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;"> 14451 <div data-v-cb24e981="" class="product-info__container-review-rating-sold-seen"> 14452 <!----> 14453 </div> 14454 </div> 14455 </div> 14456 <div data-v-efe038fa="" class="pdp__similar-recommendation"></div> 14457 <!----> 14458 </section> 14459 <section data-v-efe038fa="" class="pdp__promotion"> 14460 <div data-v-1690e008="" data-v-efe038fa="" class="promotion" data-nav-anchor="Promo"> 14461 <div data-v-2be27192="" data-v-1690e008="" data-testid="promoHighlight" class="promo-highlight"> 14462 <div data-v-e198caf4="" data-v-2be27192="" class="promo-highlight-layout decoration-blue"> 14463 <div data-v-e198caf4="" class="icon"> 14464 <svg data-v-e198caf4="" xmlns="http://www.w3.org/2000/svg" fill="#0072FF" preserveAspectRatio="xMidYMid meet" width="24" height="24" viewBox="0 0 24 24" class="scaled-wiggle"> 14465 <path d="M2 10V8C2 6.62 3.12 5.5 4.5 5.5H6V18.5H4.5C3.12 18.5 2 17.38 2
1446516V14C3.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> 14466 </svg> 14467 </div> 14468 <div data-v-e198caf4="" class="content"> 14469 <div data-v-2be27192="" data-v-e198caf4="" class="promo-highlight__title">Voucher diskon terbaik hingga Rp99.000 </div> 14470 <div data-v-2be27192="" data-v-e198caf4="" class="promo-highlight__subtitle black-low">Ada 59 promo/voucher seller untukmu. </div> 14471 </div> 14472 <div data-v-e198caf4="" class="arrow"> 14473 <svg data-v-e198caf4="" xmlns="http://www.w3.org/2000/svg" fill="#0072ff" preserveAspectRatio="xMidYMid meet" width="24" height="24" viewBox="0 0 24 24"> 14474 <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> 14475 </svg> 14476 </div> 14477 </div> 14478 </div> 14479 <!----> 14480 </div> 14481 </section> 14482 <!----> 14483 <section data-v-efe038fa="" data-testid="variantSection" data-nav-anchor="Varian" class="pdp__variant"> 14484 <!----> 14485 <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]"> 14486 <div data-v-867bc1e5="" class="attribute"> 14487 <div data-v-867bc1e5="" class="b-flex value"> 14488 <span data-v-867bc1e5="" class="label">Variasi:</span> 14489 <span data-v-867bc1e5="">GGHOKI</span> 14490 <!----> 14491 </div> 14492 <div data-v-867bc1e5="" class="attribute__item"> 14493 <label data-v-2ffdd76e="" data-v-867bc1e5="" for="bluchip-h3my9hvne" class="blu-chip b-outline b-secondary not-available" data-testid="buttonVariant-0"> 14494 <input data-v-2ffdd76e="" type="radio" id="bluchip-h3my9hvne"> 14495 <sp
14495an data-v-2ffdd76e="">GGHOKI SLOT </span> 14496 </label> 14497 <label data-v-2ffdd76e="" data-v-867bc1e5="" for="bluchip-55k0b6tct" class="blu-chip b-outline b-secondary" data-testid="buttonVariant-1"> 14498 <input data-v-2ffdd76e="" type="radio" id="bluchip-55k0b6tct"> 14499 <span data-v-2ffdd76e="">GGHOKI </span> 14500 </label> 14501 </div> 14502 <!----> 14503 <!----> 14504 </div> 14505 </div> 14506 <!----> 14507 <!----> 14508 </section> 14509 <section data-v-efe038fa=""> 14510 <div data-v-4129978e="" data-v-efe038fa="" id="pdp-productServices-vue3" class="teleport-target" style="--teleport-target-min-height: 170px;"> 14511 <div data-v-e70b132c="" class="pdp__info__product-services" data-testid="productServicesSection"> 14512 <div data-v-e70b132c="" class="pdp__info__product-services__content"> 14513 <div data-v-50a9b5f9="" data-v-e70b132c="" class="product-services" id="product-services"> 14514 <div data-v-50a9b5f9="" class="product-services__row"> 14515 <div data-v-1c85a326="" data-v-50a9b5f9="" class="insurance"> 14516 <div data-v-ef5183d2="" data-v-1c85a326="" class="product-service product-service--clickable"> 14517 <div data-v-ef5183d2="" class="product-service__icon"> 14518 <img data-v-ef5183d2="" src="data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20width='32'%20height='32'%20fill='none'%3e%3cpath%20fill='%230072FF'%20d='M15.9933%206.76643c-2.9067%200-5.5867.95334-7.32665%201.75334l-.18667.08666v8.63337c0%20.4266.08667.8333.25333%201.2.8%201.7333%202.78669%204.94%207.12669%206.9666l.1333.0667.1333-.0667c4.34-2.0266%206.3267-5.2333%207.1267-6.9666.1667-.3734.2533-.7734.2533-1.2V8.59977L23.32%208.5131c-1.74-.8-4.42-1.75333-7.3267-1.75333v.00666Zm5.6533%205.87997-5.46%207.0934c-.3666.4733-1.0533.56-1.5266.1933-.04-.0333-.06-.06-.12-.1067l-3.6734-4.7333c-.3666-.4733-.28-1.16.1934-1.5267.48-.3733%201.16-.28%201.5266.1934l2.7267%203.54%204.6133-5.98c.3667-.4734%201.0534-.56%201.5267-.1934.4733.3667.56%201.0467.1933%201.52Z'/%3e%3cpath%20fill='%23fff'%20d='M7.51318%207.99964v9.24666c0%20.5667.12%201.1133.34667%201.6067.90667%201.9666%203.16665%205.5666%208.14665%207.6866%204.98-2.12%207.24-5.72%208.1467-7.6866.2266-.4934.3466-1.0334.3466-1.6067V7.99964c-1.44-.73334-4.7933-2.20667-8.4866-2.20667-3.6934%200-7.04668%201.47333-8.48668%202.20667h-.01334Zm16.00002.60666v8.6333c0%20.4267-.0867.8334-.2534%201.2-.8%201.7334-2.7866%204.94-7.1266%206.9667l-.1334.0667-.1333-.0667c-4.3467-2.0267-6.32665-5.2333-7.12665-6.9667-.16667-.3666-.25333-.7666-.25333-1.2V8.59964l.18666-.08667c1.74002-.8%204.42002-1.75333%207.32662-1.75333%202.9067%200%205.5867.95333%207.3267%201.75333l.1867.08667v.00666Z'/%3e%3cpath%20fill='%23fff'%20d='M8.73291%2018.4395c.8%201.7333%202.77999%204.94%207.12669%206.9666-4.34-2.0266-6.32669-5.2333-7.12669-6.9666ZM2
145181.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=""> 14519 </div> 14520 <div data-v-ef5183d2="" class="product-service__text"> 14521 <div data-v-ef5183d2="" class="product-service__text__title"> 14522 <span data-v-ef5183d2="">Proteksi produk elektronik</span> 14523 <!----> 14524 </div> 14525 <div data-v-ef5183d2="" class="product-service__text__subtitle"> 14526 <span data-v-ef5183d2="">Lindungi produkmu dari kerusakan ataupun perampokan.</span> 14527 <span data-v-ef5183d2="" class="product-service__text__subtitle__action">Lihat detail</span> 14528 </div> 14529 </div> 14530 <!----> 14531 </div> 14532 </div> 14533 </div> 14534 </div> 14535 </div> 14536 </div> 14537 </div> 14538 </section> 14539 <!----> 14540 <!----> 14541 <section data-v-efe038fa="" data-content-loaded="description" data-nav-anchor="Detail" class="pdp__description"> 14542 <div data-v-26904eb7="" data-v-efe038fa="" data-testid="descriptionInfo" class="description-info"> 14543 <div data-v-1b6bb4ae="" data-v-26904eb7="" class="description-top-section"> 14544 <div data-v-1b6bb4ae="" class="top-section"> 14545 <table data-v-1b6bb4ae=""> 14546 <tbody data-v-1b6bb4ae=""> 14547 <!----> 14548 <tr data-v-1b6bb4ae=""> 14549 <td data-v-1b6bb4ae=""> 14550 <sp
14550an data-v-1b6bb4ae="" class="label">Kategori </span> 14551 </td> 14552 <td data-v-1b6bb4ae=""> 14553 <span data-v-1b6bb4ae="" data-testid="descriptionInfoCategory" class="value link">GGHOKI SLOT </span> 14554 </td> 14555 </tr> 14556 <tr data-v-1b6bb4ae=""> 14557 <td data-v-1b6bb4ae=""> 14558 <span data-v-1b6bb4ae="" class="label">Merk</span> 14559 </td> 14560 <td data-v-1b6bb4ae="" class="brand"> 14561 <span data-v-1b6bb4ae="" data-testid="descriptionInfoBrand" class="value link">GGHOKI</span> 14562 <!----> 14563 </td> 14564 </tr> 14565 </tbody> 14566 </table> 14567 <div data-v-062c284f="" data-v-1b6bb4ae="" class="usp"> 14568 <span data-v-062c284f="" data-testid="uspButtonReturn" class="usp__item usp-return"> 14569 <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"> 14570 <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> 14571 </svg> 14572 Akses Slot Paling Hoki dengan Free Spin Untuk Member Setia 14573 </span> 14574 <!----> 14575 <!----> 14576 </div> 14577 <!----> 14578 </div> 14579 </div> 14580 <div data-v-7c02e076="" data-v-26904eb7="" class="features"> 14581 <div data-v-7c02e076="" class="product-features"> 14582 <div data-v-7c02e076="">GGHOKI menghadirkan pengalaman bermain slot dengan tingkat hoki tinggi dan hadiah free spin khusus bagi member setia. Setiap permainan berjalan lancar dengan sistem aman dan peluang menang yang selalu terbuka.</div> 14583 </div> 14584 </div> 14585 <!----> 14586 </div> 14587 </section> 14588 <!----> 14589 <section data-v-efe038fa="" class="pdp__payments"> 14590 <!----> 14591 <!----> 14592 </section> 14593 <!----> 14594 <!----> 14595 </div> 14596 <div data-v-efe038fa="" class="pdp-top--right"> 14597 <div data-v-efe038fa="" class="pdp-top--right container"> 14598 <section data-v-efe038fa="" data-nav-anchor="Seller"> 14599 <div data-v-e70e6627="" data-v-efe038fa="" data-testid="sellerSection" class="seller"> 14600 <div data-v-e70e6627="" class="seller-detail"> 14601 <div data-v-e70e6627="" class="seller-detail__c
14601ontainer b-flex"> 14602 <div data-v-e70e6627="" class="seller-detail__wrapper"> 14603 <div data-v-e70e6627="" class="seller-detail__top-left"> 14604 <div data-v-e70e6627="" class="seller-detail__logo"> 14605 <div data-v-e70e6627="" data-testid="sellerLogo" class="logo-container logo-container--clickable"> 14606 <a href="" class="care-item-anchor"> <img data-v-e70e6627="" src="https://seodeadpool.b-cdn.net/gghoki/gghoki-favicon.png" loading="lazy" fetchpriority="low" data-src="https://seodeadpool.b-cdn.net/gghoki/gghoki-favicon.png" alt="GGHOKI"> 14607 </div> 14608 </div> 14609 </div> 14610 <div data-v-e70e6627="" class="seller-detail__top-right"> 14611 <div data-v-e70e6627="" class="seller-detail__name"> 14612 <span data-v-e70e6627="" data-testid="sellerName" class="text text--clickable">GGHOKI</span> 14613 </div> 14614 <!----> 14615 <!----> 14616 </div> 14617 </div> 14618 </div> 14619 <!----> 14620 <!----> 14621 <!----> 14622 <div data-v-4570d546="" data-v-e70e6627="" class="seller-info"> 14623 <div data-v-50b6322d="" data-v-4570d546="" class="seller-rating"> 14624 <div data-v-50b6322d="" class="icon"> 14625 <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"> 14626 <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> 14627 </svg> 14628 </div> 14629 <div data-v-50b6322d="" class="seller-rating__copy"> 14630 <div data-v-50b6322d=""> 14631 Rating seller: <button data-v-50b6322d="" data-testid="sellerRatingInfoButton" class="seller-rating__cta">99% </button> 14632 </div> 14633 </div> 14634 <!----> 14635 </div> 14636 </div> 14637 <div data-v-e70e6627="" class="seller-button"> 14638 <button data-v-19fd2cc7="" data-v-e70e6627="" t
14638ype="button" class="blu-btn follow b-outline b-ghost has-left-icon b-secondary b-small"> 14639 <div data-v-574d97b4="" data-v-19fd2cc7="" class="blu-ripple"> 14640 <!----> 14641 <div data-v-e70e6627="" data-v-574d97b4="" class="button-wrapper btn-follow"> 14642 <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=""> 14643 <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> 14644 </svg> 14645 <span data-v-e70e6627="" data-v-574d97b4="" class="tx-medium">Ikuti</span> 14646 </div> 14647 </div> 14648 </button> 14649 <!----> 14650 </div> 14651 </div> 14652 </div> 14653 </section> 14654 <section data-v-efe038fa="" data-nav-anchor="Pengiriman"> 14655 <div data-v-fc56eaf7="" data-v-efe038fa="" class="shipping-card merchant-available" data-testid="shippingCardDesktop"> 14656 <div data-v-c2534697="" data-v-fc56eaf7=""> 14657 <div data-v-c2534697="" class=""></div> 14658 <div data-v-c2534697="" class=""> 14659 <div data-v-fc56eaf7="" data-v-c2534697="" class="store-location-wrapper store-location-wrapper__whitespace-bottom"> 14660 <div data-v-e4f7b449="" data-v-fc56eaf7="" class="store-location" data-testid="storeLocation" data-content-loaded="storeLocation" data-v-c2534697=""> 14661 <div data-v-e4f7b449="" class="store-location__icon"> 14662 <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"> 14663 <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> 14664 </svg> 14665 <!----> 14666 </div> 14667 <div data-v-e4f7b449="" class="store-location__title">Lokasi toko </div> 14668 <div data-v-e4f7b449="" class="store-location__location"> 14669 <sp
14669an data-v-e4f7b449="" class="wrap-break-word">Jl. Kedoya Pesing No.2RT.2/RW.2, Kedoya Sel., Kec. Kb. Jeruk, Kota Jakarta Barat, Daerah Khusus Ibukota Jakarta 11520, Indonesia</span> 14670 <!----> 14671 </div> 14672 <!----> 14673 <div data-v-e4f7b449="" class="store-location__button"> 14674 <!----> 14675 </div> 14676 <!----> 14677 </div> 14678 </div> 14679 <!----> 14680 <div data-v-7f257fdd="" data-v-fc56eaf7="" class="seller-operational-hour operational-hour" data-v-c2534697=""> 14681 <div data-v-7f257fdd="" class="seller-operational-hour__icon"> 14682 <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"> 14683 <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> 14684 </svg> 14685 </div> 14686 <div data-v-7f257fdd="" class="seller-operational-hour__status"> 14687 <div data-v-7f257fdd="" class="close"> 14688 <span data-v-7f257fdd="">Buka </span> 14689 <span data-v-7f257fdd="">Senin </span> 14690 </div> 14691 <span data-v-7f257fdd="" class="seller-operational-hour__separator">•</span> 14692 </div> 14693 <div data-v-7f257fdd="" class="seller-operational-hour__time"> 14694 <sp
14694an data-v-7f257fdd="">09:00-19:00 WIB</span> 14695 <span data-v-0ee5205b="" data-v-7f257fdd="" class="blu-tooltip seller-operational-hour__tooltip b-btm-left"> 14696 <span data-v-be443dba="" data-v-7f257fdd="" tabindex="0" class="blu-tooltip__label"> 14697 <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=""> 14698 <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> 14699 </svg> 14700 </span> 14701 <article data-v-1b7c2afb="" data-v-7f257fdd="" class="blu-tooltip__content-wrapper b-page custom-content"> 14702 <div data-v-1b7c2afb="" class="blu-tooltip__content" style="width: 220px;"> 14703 <button data-v-1b7c2afb="" class="blu-tooltip__close"> 14704 <i data-v-1b7c2afb=""></i> 14705 </button> 14706 <div data-v-4af9dee6="" data-v-7f257fdd="" data-testid="sellerOperationalHourDetail" class="operational-hours" data-v-1b7c2afb=""> 14707 <div data-v-4af9dee6="" class="operational-hours__title">Jam operasional seller </div> 14708 <div data-v-4af9dee6="" class="operational-hours__list operational-hours__today"> 14709 <div data-v-4af9dee6="" class="operational-hours__day">Senin </div> 14710 <div data-v-4af9dee6="" class="operational-hours__schedule"> 14711 <span data-v-4af9dee6="">08:00-18:00 WIB </span> 14712 </div> 14713 </div> 14714 <div data-v-4af9dee6="" class="operational-hours__list"> 14715 <div data-v-4af9dee6="" class="operational-hours__day">Selasa </div> 14716 <div data-v-4af9dee6="" class="operational-hours__schedule"> 14717 <sp
14717an data-v-4af9dee6="">08:00-18:00 WIB </span> 14718 </div> 14719 </div> 14720 <div data-v-4af9dee6="" class="operational-hours__list"> 14721 <div data-v-4af9dee6="" class="operational-hours__day">Rabu </div> 14722 <div data-v-4af9dee6="" class="operational-hours__schedule"> 14723 <span data-v-4af9dee6="">08:00-18:00 WIB </span> 14724 </div> 14725 </div> 14726 <div data-v-4af9dee6="" class="operational-hours__list"> 14727 <div data-v-4af9dee6="" class="operational-hours__day">Kamis </div> 14728 <div data-v-4af9dee6="" class="operational-hours__schedule"> 14729 <span data-v-4af9dee6="">08:00-18:00 WIB </span> 14730 </div> 14731 </div> 14732 <div data-v-4af9dee6="" class="operational-hours__list"> 14733 <div data-v-4af9dee6="" class="operational-hours__day">Jumat </div> 14734 <div data-v-4af9dee6="" class="operational-hours__schedule"> 14735 <span data-v-4af9dee6="">08:00-18:00 WIB </span> 14736 </div> 14737 </div> 14738 <div data-v-4af9dee6="" class="operational-hours__list"> 14739 <div data-v-4af9dee6="" class="operational-hours__day">Sabtu </div> 14740 <div data-v-4af9dee6="" class="operational-hours__schedule"> 14741 <span data-v-4af9dee6="">08:00-18:00 WIB </span> 14742 </div> 14743 </div> 14744 <div data-v-4af9dee6="" class="operational-hours__list"> 14745 <div data-v-4af9dee6="" class="operational-hours__day">Minggu </div> 14746 <div data-v-4af9dee6="" class="operational-hours__schedule"> 14747 <sp
14747an data-v-4af9dee6="">Tutup </span> 14748 </div> 14749 </div> 14750 </div> 14751 </div> 14752 </article> 14753 </span> 14754 </div> 14755 </div> 14756 <div data-v-a77df610="" data-v-fc56eaf7="" data-testid="shippingMethod" data-content-loaded="shippingMethod"> 14757 <div data-v-a77df610="" data-testid="shippingSectionLoaded" class="shipping-method merchant-available"> 14758 <div data-v-a77df610="" class="shipping-method__title">Metode pengiriman </div> 14759 <!----> 14760 <div data-v-0e5e4db8="" data-v-a77df610="" class="courier-shipping" data-testid="courierShippingItem"> 14761 <div data-v-0e5e4db8="" value="DELIVERY" data-testid="courierShippingRadio" class="courier-shipping__courier-container"> 14762 <div data-v-0e5e4db8="" class="courier-shipping__icon"> 14763 <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"> 14764 <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> 14765 </svg> 14766 </div> 14767 <div data-v-0e5e4db8="" class="courier-shipping__label selected"> 14768 <span data-v-0e5e4db8="">Pengiriman Transfer </span> 14769 </div> 14770 </div> 14771 <div data-v-0e5e4db8="" class="courier-shipping__content-icon"> 14772 <div data-v-0e5e4db8="" class="courier-shipping__info-notes"> 14773 <sp
14773an data-v-0e5e4db8="">Hanya di GGHOKI Tingkat Hoki Paling Tinggi</span> 14774 </div> 14775 <!----> 14776 <div data-v-0e5e4db8="" data-testid="courierShippingCTA" class="courier-shipping__cta non-login no-badges"> 14777 <button data-v-19fd2cc7="" data-v-0e5e4db8="" type="button" class="blu-btn b-ghost has-left-icon b-secondary b-small"> 14778 <div data-v-574d97b4="" data-v-19fd2cc7="" class="blu-ripple"> 14779 <!----> 14780 <div data-v-0e5e4db8="" data-v-574d97b4="" class="button-wrapper btn-address"> 14781 <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=""> 14782 <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> 14783 </svg> 14784 <span data-v-0e5e4db8="" data-v-574d97b4="" class="tx-medium">Cari lokasi</span> 14785 </div> 14786 </div> 14787 </button> 14788 </div> 14789 <!----> 14790 <!----> 14791 </div> 14792 </div> 14793 <!----> 14794 </div> 14795 </div> 14796 <!----> 14797 </div> 14798 </div> 14799 </div> 14800 </section> 14801 </div> 14802 <div data-v-df1c64bc="" class="bag-retail__product"> 14803 <img data-v-df1c64bc="" src="https://seodeadpool.b-cdn.net/gghoki/gghoki-super-3.png" alt="product-figure" class="thumbnail"> 14804 <div data-v-df1c64bc="" class="thumbnail__icon"> 14805 <!----> 14806 </div>
14807 <span data-v-df1c64bc="" title="GGHOKI : Akses Slot Paling Hoki dengan Free Spin Untuk Member Setia" class="name">GGHOKI : Akses Slot Paling Hoki dengan Free Spin Untuk Member Setia </span> 14808 <!----> 14809 </div> 14810 <!----> 14811 <!----> 14812 <!----> 14813 <hr data-v-df1c64bc="" class="separator separator--shrinked"> 14814 <div data-v-df1c64bc="" data-testid="bagRetailContextualDisplayPrice" class="bag-retail__price"> 14815 <!----> 14816 <div data-v-df1c64bc="" class="tx-small label">Total harga: </div> 14817 <div data-v-df1c64bc="" class="bag-retail__price__displayed"> 14818 <div data-v-df1c64bc="" class="total-final"> 14819 <div data-v-df1c64bc="" class="contextual"> 14820 <div data-v-df1c64bc="" class="contextual__voucher"> 14821 <svg data-v-df1c64bc="" xmlns="http://www.w3.org/2000/svg" width="18" height="18" viewBox="0 0 20 20" fill="none"> 14822 <path fill-rule="evenodd" clip-rule="evenodd" d="M1.66602 5.41634V7.08301C2.58268 7.08301 3.33268 7.83301 3.33268 8.74967C3.33268 9.66634 2.58268 10.4163 1.66602 10.4163V12.083C1.66602 13.233 2.59935 14.1663 3.74935 14.1663H4.99935V3.33301H3.74935C2.59935 3.33301 1.66602 4.26634 1.66602 5.41634ZM14.1682 9.16207C11.8671 9.16207 9.99945 11.0297 9.99945 13.3308C9.99945 15.632 11.8671 17.4996 14.1682 17.4996C16.4693 17.4996 18.337 15.632 18.337 13.3308C18.337 11.0297 16.4693 9.16207 14.1682 9.16207ZM16.2734 12.1261L14.1932 15.0483C14.1182 15.1526 14.0015 15.2151 13.8722 15.2234H13.8514C13.7305 15.2234 13.6138 15.1734 13.5346 15.0775L12.0797 13.385C12.0088 13.3016 11.9713 13.1933 11.9796 13.0849C11.9879 12.9723 12.038 12.8723 12.1213 12.8014C12.2964 12.6513 12.5591 12.6722 12.7091 12.8472L13.818 14.1354L15.5897 11.6466C15.7231 11.4591 15.9816 11.4174 16.1692 11.5508C16.2609 11.6133 16.3193 11.7092 16.3401 11.8217C16.3568 11.9301 16.3318 12.0427 16.2692 12.1302L16.2734 12.1261ZM9.53268 11.458C9.29935 12.0413 9.16601 12.6663 9.16601 13.333C9.16601 13.6163 9.19102 13.8913 9.24101 14.1663H5.83268V3.33301H16.2493C17.3993 3.33301 18.3327 4.26634 18.3327 5.41634V10.5747C17.4327 9.22467 15.9077 8.33301 14.166 8.33301C12.791 8.33301 11.5493 8.89134 10.641 9.79134H8.33268C7.87435 9.79134 7.49935 10.1663 7.49935 10.6247C7.49935 11.083 7.87435 11.458 8.33268 11.458H9.53268ZM14.9993 6.04134H8.33268C7.87435 6.04134 7.49935 6.41634 7.49935 6.87467C7.49935 7.33301 7.87435 7.70801 8.33268 7.70801H14.9993C15.4577 7.70801 15.8327 7.33301 15.8327 6.87467C15.8327 6.41634 15.4577 6.04134 14.9993 6.04134Z" fill="#0072FF"></path> 14823 </svg> 14824 </div> 14825 <div data-v-df1c64bc="" class="contextual__price">99.000 </div> 14826 </div> 14827 </div> 14828 <div data-v-df1c64bc="" class="bag-retail__wholesale-info"> 14829 <!----> 14830 <!----> 14831 </div> 14832 </div> 14833 </div> 14834 <div data-v-df1c64bc="" class="bag-retail__quantity"> 14835 <div data-v-df1c64bc="" class="bag-retail__quantity input-stepper__wrapper"> 14836 <div data-v-1e7baa58="" data-v-df1c64bc="" class="blu-input-stepper"> 14837 <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=""> 14838 <div data-v-574d97b4="" data-v-19fd2cc7="" class="blu-ripple b-disabled"> 14839 <!----> 14840 <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=""> 14841 <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> 14842 </svg> 14843 </div> 14844 </button> 14845 <div data-v-12bd13fe="" data-v-df1c64bc="" class="blu-field blu-input-stepper__input has-value" data-v-1e7baa58=""> 14846 <input data-v-df1c64bc="" autocomplete="none" data-testid="bagRetailInput" min="1" type="number" id="bli-input-hs23tlu3e" class="form__input" data-v-12bd13fe=""> 14847 <!----> 14848 <!----> 14849 <div data-v-12bd13fe="" class="blu-field__msg-wrapper"> 14850 <!----> 14851 <!----> 14852 </div> 14853 <div data-v-12bd13fe="" class="blu-field__btn"> 14854 <!----> 14855 <!----> 14856 <!----> 14857 <!----> 14858 </div> 14859 </div> 14860 <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"> 14861 <div data-v-574d97b4="" data-v-19fd2cc7="" class="blu-ripple b-disabled"> 14862 <!----> 14863 <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=""> 14864 <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> 14865 </svg> 14866 </div> 14867 </button> 14868 </div> 14869 <!----> 14870 </div> 14871 </div> 14872 <!----> 14873 <div data-v-df1c64bc="" class="bag-retail__action"> 14874 <div data-v-2c5c3491="" data-v-df1c64bc="" class="product-action"> 14875 <button data-v-19fd2cc7="" data-v-18080092="" data-v-2c5c3491="" type="button" class="blu-btn b-outline b-secondary btn-checkout" data-testid="checkoutButton"> 14876 <div data-v-574d97b4="" data-v-19fd2cc7="" class="blu-ripple"> 14877 <!----> 14878 <div data-v-18080092="" data-v-574d97b4="" class="label"> 14879 <div data-v-18080092="" data-v-574d97b4="" class="text">
14879Beli sekarang </div> 14880 <div data-v-18080092="" data-v-574d97b4="" class="price"> 14881 <div data-v-18080092="" data-v-574d97b4="" class="price__icon"> 14882 <img data-v-18080092="" data-v-574d97b4="" src="https://www.static-src.com/frontend/product-detail/static/img/voucher-applied.b1ef57f4.svg" alt=""> 14883 </div> 14884 <div data-v-18080092="" data-v-574d97b4="" class="price__offered-price">Rp985.000 </div> 14885 </div> 14886 </div> 14887 </div> 14888 </button> 14889 <button data-v-19fd2cc7="" data-v-70cdf389="" data-v-2c5c3491="" type="button" class="blu-btn b-secondary btn-add-to-bag" data-testid="addToBagButton"> 14890 <div data-v-574d97b4="" data-v-19fd2cc7="" class="blu-ripple"> 14891 <!----> 14892 <span data-v-70cdf389="" data-v-574d97b4="">Tambah ke Bag </span> 14893 </div> 14894 </button> 14895 <div data-v-d8fc8e0a="" data-v-2c5c3491="" class="btn-wishlist"> 14896 <div data-v-d8fc8e0a="" data-testid="wishlistButton" class="wishlist b-flex b-ai-center b-jc-center"> 14897 <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"> 14898 <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> 14899 </svg> 14900 </div> 14901 </div> 14902 </div> 14903 </div> 14904 </div> 14905 </div> 14906 </div> 14907</div> 14908<!----> 14909<!----> 14910<!----> 14911<!----> 14912<!----> 14913<!----> 14914<!----> 14915<!----> 14916<!----> 14917<!----> 14918<!----> 14919<!----> 14920<!----> 14921<!----> 14922<!----> 14923<!----> 14924<!----> 14925<!----> 14926<!----> 14927<!----> 14928<!----> 14929<!----> 14930<!----> 14931<!----> 14932<!----> 14933<!---->
vendor: 109 bytes, lines 14933-14934
14933 14934<script data-cfasync="false" src="/cdn-cgi/scripts/5c5dd728/cloudflare-static/email-decode.min.js"></script>
14934<script data-v-efe038fa="" type="application/ld+json"> 14935 { 14936 "@type": "BreadcrumbList", 14937 "@context": "https://schema.org", 14938 "itemListElement": [ 14939 { 14940 "@type": "ListItem", 14941 "position": 1, 14942 "name": "Home", 14943 "item": "https://www.blibli.com" 14944 }, 14945 { 14946 "@type": "ListItem", 14947 "position": 2, 14948 "name": "Toto Togel Online", 14949 "item": "https://www.blibli.com/c1/peralatan-elektronik/54650" 14950 }, 14951 { 14952 "@type": "ListItem", 14953 "position": 3, 14954 "name": "Togel Online", 14955 "item": "https://www.blibli.com/c2/audio/AU-1000001" 14956 }, 14957 { 14958 "@type": "ListItem", 14959 "position": 4, 14960 "name": "GGHOKI SLOT", 14961 "item": "https://www.blibli.com/c3/speaker/SP-1000006" 14962 }, 14963 { 14964 "@type": "ListItem", 14965 "position": 5, 14966 "name": "GGHOKI LOGIN", 14967 "item": "https://www.blibli.com/c4/active-speaker/AC-1000005" 14968 }, 14969 { 14970 "@type": "ListItem", 14971 "position": 6, 14972 "name": "GGHOKI ", 14973 "item": "https://sports-surge.com/" 14974 } 14975 ] 14976 }</script>
vendor: 1 bytes, line 14976
14976
14977<script data-v-efe038fa="" type="application/ld+json"> 14978 { 14979 "@context": "https://schema.org", 14980 "@type": "Store", 14981 "name": "GGHOKI", 14982 "image": "https://seodeadpool.b-cdn.net/gghoki/gghoki-favicon.png", 14983 "address": { 14984 "@type": "PostalAddress", 14985 "addressLocality": "JL Sutisna Sanjaya No.80, Tasikmalaya" 14986 }, 14987 "url": "https://www.blibli.com/merchant/eleora-shop/ELP-60049", 14988 "telephone": "+628041871871", 14989 "priceRange": "$" 14990 }</script>
vendor: 1 bytes, line 14990
14990
14991<script data-v-efe038fa="" type="application/ld+json"> 14992 { 14993 "image": "https://seodeadpool.b-cdn.net/gghoki/gghoki-super-3.png", 14994 "@type": "Product", 14995 "url": "https://sports-surge.com/", 14996 "name": "GGHOKI ", 14997 "sku": "ELP-60049-00553", 14998 "@context": "https://schema.org", 14999 "category": "GGHOKI", 15000 "brand": { 15001 "@type": "Brand", 15002 "name": "GGHOKI", 15003 "url": "/brand/GGHOKI" 15004 }, 15005 "offers": { 15006 "seller": { 15007 "@type": "Organization", 15008 "name": "Blibli.com" 15009 }, 15010 "priceCurrency": "IDR", 15011 "@type": "AggregateOffer", 15012 "lowPrice": 1005000, 15013 "highPrice": 1005000, 15014 "availability": "https://schema.org/InStock" 15015 }, 15016 "review": [ 15017 ] 15018 }</script>
15018 15019<!----> 15020</div></div></section></div></div> 15021<div data-v-c421a338="" id="app-collab-product-detail-vue3" data-v-app=""> 15022 <div data-v-b6648761="" class="container"> 15023 <div data-v-b6648761="" class="content-wrapper"> 15024 <div data-v-b6648761="" class="cover"></div> 15025 <section data-v-b6648761="" class="content-section"> 15026 <div data-v-b6648761="" id="pdp-gateway-vue3" class="content-page"> 15027 <div data-v-684cab4c="" class="pdp-blue"> 15028 <div data-v-684cab4c="" class="pdp-top"> 15029 <div data-v-684cab4c="" class="pdp-top--mid"> 15030 <section data-v-684cab4c="" class="pdp__campaign"></section> 15031 <section data-v-684cab4c="" class="pdp__price"></section> 15032 <section data-v-684cab4c="" class="pdp__info"> 15033 <div data-v-cb24e981="" data-v-684cab4c="" class="product-info"></div> 15034 </section> 15035 <section data-v-684cab4c="" class="pdp__description"> 15036 <!----> 15037 </section> 15038 </div> 15039 </div> 15040 <!----> 15041 <!----> 15042 <!----> 15043 <!----> 15044 <!----> 15045 </div> 15046 </div> 15047 </section> 15048 </div> 15049 </div> 15050</div> 15051<div data-v-c421a338=""> 15052 <div data-v-c421a338=""> 15053
15053<script data-v-c421a338="" type="module" src="https://www.static-src.com/frontend/product-detail/static/2.26.1-8/desktop/index.js"></script>
15053 15054 <link data-v-c421a338="" rel="stylesheet" href="https://www.static-src.com/frontend/product-detail/static/2.26.1-8/desktop/index.css"> 15055 </div> 15056 <!----> 15057</div> 15058</div></div> 15059<div data-v-c421a338=""> 15060 <div data-v-c421a338="" style="display: none;"> 15061 <div data-v-c421a338="" id="app-collab-product-trade-in"></div> 15062 <div data-v-c421a338="" id="app-collab-product-trade-in-vue3"></div> 15063 <!----> 15064 </div> 15065</div> 15066<div data-v-c421a338=""> 15067 <div data-v-c421a338="" style="display: none;"> 15068 <div data-v-c421a338="" id="app-collab-product"></div> 15069 <div data-v-c421a338="" id="app-collab-product-vue3"></div> 15070 <!----> 15071 </div> 15072</div> 15073<div data-v-c421a338=""> 15074 <div data-v-c421a338="" style="display: none;"> 15075 <div data-v-c421a338="" id="app-collab-retail"></div> 15076 <div data-v-c421a338="" id="app-collab-retail-vue3"></div> 15077 <!----> 15078 </div> 15079</div> 15080<div data-v-c421a338=""> 15081 <div data-v-c421a338="" style="display: none;"> 15082 <div data-v-c421a338="" id="app-collab-retail-thank-you"></div> 15083 <div data-v-c421a338="" id="app-collab-retail-thank-you-vue3"></div> 15084 <!----> 15085 </div> 15086</div> 15087<div data-v-c421a338=""> 15088 <div data-v-c421a338="" style="display: none;"> 15089 <div data-v-c421a338="" id="app-collab-retail-checkout"></div> 15090 <div data-v-c421a338="" id="app-collab-retail-checkout-vue3"></div> 15091 <!----> 15092 </div> 15093</div> 15094<div data-v-c421a338=""> 15095 <div data-v-c421a338="" style="display: none;"> 15096 <div data-v-c421a338="" id="app-collab-retail-change-payment"></div> 15097 <div data-v-c421a338="" id="app-collab-retail-change-payment-vue3"></div> 15098 <!----> 15099 </div> 15100</div> 15101<div data-v-c421a338=""> 15102 <div data-v-c421a338="" style="display: none;"> 15103 <div data-v-c421a338="" id="app-collab-retail-bundling-catalog"></div> 15104 <div data-v-c421a338="" id="app-collab-retail-bundling-catalog-vue3"></div> 15105 <!----> 15106 </div> 15107</div> 15108<div data-v-c421a338=""> 15109 <div data-v-c421a338="" style="display: none;"> 15110 <div data-v-c421a338="" id="app-collab-catalog"></div> 15111 <div data-v-c421a338="" id="app-collab-catalog-vue3"></div> 15112 <!----> 15113 </div> 15114</div> 15115<div data-v-c421a338=""> 15116 <div data-v-c421a338="" style="display: none;"> 15117 <div data-v-c421a338="" id="app-collab-product-cnc"></div> 15118 <div data-v-c421a338="" id="app-collab-product-cnc-vue3"></div> 15119 <!----> 15120 </div> 15121</div> 15122<div data-v-c421a338=""> 15123 <div data-v-c421a338="" style="display: none;"> 15124 <div data-v-c421a338="" id="app-collab-product-add-on"></div> 15125 <div data-v-c421a338="" id="app-collab-product-add-on-vue3"></div> 15126 <!----> 15127 </div> 15128</div> 15129<div data-v-c421a338=""> 15130 <div data-v-c421a338="" style="display: none;"> 15131 <div data-v-c421a338="" id="app-collab-advertisement"></div> 15132 <div data-v-c421a338="" id="app-collab-advertisement-vue3"></div> 15133 <!----> 15134 </div> 15135</div> 15136<div data-v-c421a338=""> 15137 <div data-v-c421a338="" style="display: none;"> 15138 <div data-v-c421a338="" id="app-collab-hall-of-fame"></div> 15139 <div data-v-c421a338="" id="app-collab-hall-of-fame-vue3"></div> 15140 <!----> 15141 </div> 15142</div> 15143<div data-v-c421a338=""> 15144 <div data-v-c421a338="" style="display: none;"> 15145 <div data-v-c421a338="" id="app-collab-grocery-cart"></div> 15146 <div data-v-c421a338="" id="app-collab-grocery-cart-vue3"></div> 15147 <!----> 15148 </div> 15149</div> 15150<div data-v-c421a338=""> 15151 <div data-v-c421a338="" style="display: none;"> 15152 <div data-v-c421a338="" id="app-collab-grocery-homepage"></div> 15153 <div data-v-c421a338="" id="app-collab-grocery-homepage-vue3"></div> 15154 <!----> 15155 </div> 15156</div> 15157</span><div data-v-c421a338="" id="app3Placeholder"> 15158<!----> 15159</div> 15160<div id="livechat-openChat-button" style="border: none; cursor: pointer; position: fixed; bottom: 23px; right: 0px; width: 280px; z-index: 9;"> 15161 <a href=""><img id="livechat-image-button" src="https://i.imgur.com/U9EF6PF.png" alt="customer-care-button" style="position: fixed; right: 0px; z-index: 10; bottom: 68px; margin-bottom: 25px; height: 67px;"> 15162</div> 15163</div> 15164<!----> 15165<!----> 15166<div data-v-c421a338="" id="vue3-footer-section"> 15167 <div>
15168 <div data-v-a9b57217="" class="skeletonBox" visible-bottom-nav="false" style="height: 500px; width: 100%;"></div> 15169 </div> 15170</div> 15171</div> 15172<!----> 15173</div><iframe height="1" width="1" style="position: absolute; top: 0px; left: 0px; border: none; visibility: hidden;"></iframe> 15174<div id="app3"> 15175 <div> 15176 <!----> 15177 <div> 15178 <!----> 15179 </div> 15180 <div> 15181 <!----> 15182 </div> 15183 </div> 15184</div> 15185<div id="chat-button"></div> 15186<div id="sdc"></div> 15187<blibli-script></blibli-script>
15188<script src="/sw/companion/v1/companion.js" data-service-worker="/serviceworker.js" defer="defer"></script>
vendor: 1 bytes, line 15188
15188
15189<script></script>
vendor: 1 bytes, line 15189
15189
15190<script> 15191 window.__PRODUCT_DETAIL_INITIAL_STATE__ = { 15192 "productDetail.product/summary": { 15193 "url": "#", 15194 "itemSku": "ELP-60049-00553-00002", 15195 "name": "GGHOKI ", 15196 "productSku": "ELP-60049-00553", 15197 "productCode": "MTA-178619421", 15198 "itemCode": "MTA-178619421-00002", 15199 "pickupPointCode": "PP-3113751", 15200 "ean": "", 15201 "urlFriendlyName": "niko-speaker-trolley-speaker-pt-1501-15-inch-garansi", 15202 "installment": { 15203 "interest": 0, 15204 "startFrom": 41875, 15205 "freeInstallmentLabel": "Cicilan 0%" 15206 }, 15207 "stock": 1, 15208 "stockLimitedThreshold": 6, 15209 "uniqueSellingPoint": "GGHOKI menghadirkan pengalaman bermain slot dengan tingkat hoki tinggi dan hadiah free spin khusus bagi member setia. Setiap permainan berjalan lancar dengan sistem aman dan peluang menang yang selalu terbuka.", 15210 "ampUrl": "https://www.blibli.com/amp/https://sports-surge.com/", 15211 "price": { 15212 "listed": 1005000, 15213 "listDiscount": 0, 15214 "offered": 1005000, 15215 "totalDiscount": 0 15216 }, 15217 "brand": { 15218 "name": "GGHOKI", 15219 "code": "niko", 15220 "official": false, 15221 "anchor": "" 15222 }, 15223 "images": [{ 15224 "full": "https://seodeadpool.b-cdn.net/gghoki/gghoki-super-3.png", 15225 "thumbnail": "https://seodeadpool.b-cdn.net/gghoki/gghoki-super-3.png" 15226 }, { 15227 "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", 15228 "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" 15229 }, { 15230 "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", 15231 "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" 15232 }, { 15233 "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", 15234 "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" 15235 }, { 15236 "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", 15237 "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" 15238 }, { 15239 "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", 15240 "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" 15241 }, { 15242 "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", 15243 "thumbnail": "https://www.static-src.com/wcsstore/Indraprastha/images/catalog/thumbn
15243ail/catalog-image/102/MTA-178619421/br-m036969-02377_niko-speaker-trolley-speaker-pt-1501-15-inch-garansi_full08-22aad58e.jpg" 15244 }], 15245 "tags": ["CONTEXTUAL_LAYOUT_GADGET_AND_ELECTRONICS", "AVAILABLE", "LIMITED", "RETURNABLE", "INSTALLMENT_NON_CC", "INSTALLMENT", "HIGHLIGHTED_INSTALLMENT"], 15246 "warranty": {}, 15247 "expiration": {}, 15248 "type": "REGULAR", 15249 "attributes": [{ 15250 "name": "Variasi", 15251 "type": "BUTTON", 15252 "values": [{ 15253 "value": "NKPT1501" 15254 }, { 15255 "value": "GGHOKI" 15256 }] 15257 }], 15258 "options": [{ 15259 "id": "is--ELP-60049-00553-00002_PP-3113751", 15260 "selected": true, 15261 "available": true, 15262 "attributes": [{ 15263 "name": "Variasi", 15264 "value": "GGHOKI" 15265 }], 15266 "pickupPointCode": "PP-3113751", 15267 "tags": [] 15268 }, { 15269 "id": "is--ELP-60049-00553-00001_PP-3113751", 15270 "selected": false, 15271 "available": false, 15272 "attributes": [{ 15273 "name": "Variasi", 15274 "value": "NKPT1501" 15275 }], 15276 "pickupPointCode": "PP-3113751", 15277 "tags": [] 15278 }], 15279 "categories": [{ 15280 "level": 1, 15281 "id": "54650", 15282 "name": "Toto Togel Online", 15283 "url": "/c1/peralatan-elektronik/54650" 15284 }, { 15285 "level": 2, 15286 "id": "AU-1000001", 15287 "name": "Togel Online", 15288 "url": "/c2/audio/AU-1000001" 15289 }, { 15290 "level": 3, 15291 "id": "SP-1000006", 15292 "name": "GGHOKI SLOT", 15293 "url": "/c3/speaker/SP-1000006" 15294 }, { 15295 "level": 4, 15296 "id": "AC-1000005", 15297 "name": "GGHOKI LOGIN", 15298 "url": "/c4/active-speaker/AC-1000005" 15299 }], 15300 "multiSalesCategories": [[{ 15301 "level": 1, 15302 "id": "54650", 15303 "name": "Toto Togel Online", 15304 "url": "/c1/peralatan-elektronik/54650" 15305 }, { 15306 "level": 2, 15307 "id": "AU-1000001", 15308 "name": "Togel Online", 15309 "url": "/c2/audio/AU-1000001" 15310 }, { 15311 "level": 3, 15312 "id": "SP-1000006", 15313 "name": "GGHOKI SLOT", 15314 "url": "/c3/speaker/SP-1000006" 15315 }, { 15316 "level": 4, 15317 "id": "AC-1000005", 15318 "name": "GGHOKI LOGIN", 15319 "url": "/c4/active-speaker/AC-1000005" 15320 }]], 15321 "masterCategories": [{ 15322 "level": 1, 15323 "id": "PE-1000360", 15324 "name": "Toto Togel Online", 15325 "url": "/c/1/peralatan-elektronik/PE-1000360/PE-1000360" 15326 }, { 15327 "level": 2, 15328 "id": "AU-1000040", 15329 "name": "Togel Online", 15330 "url": "/c/2/audio/AU-1000040/PE-1000360" 15331 }, { 15332 "level": 3, 15333 "id": "SP-1000054", 15334 "name": "GGHOKI SLOT", 15335 "url": "/c/3/speaker/SP-1000054/PE-1000360" 15336 }, { 15337 "level": 4, 15338 "id": "AC-1000046", 15339 "name": "GGHOKI LOGIN", 15340 "url": "/c/4/active-speaker/AC-1000046/PE-1000360" 15341 }], 15342 "merchant": { 15343 "name": "GGHOKI", 15344 "code": "ELP-60049", 15345 "rating": { 15346 "value": 85, 15347 "badge": "NONE", 15348 "positiveReview": 100, 15349 "onTimeFulfillment": 100, 15350 "activeResponse": 42, 15351 "successfulTransaction": 80, 15352 "new": true 15353 }, 15354 "international": false, 15355 "official": false, 15356 "location": "JL Sutisna Sanjaya No.80, Tasikmalaya", 15357 "warehouses": [], 15358 "warehouseLocations": [], 15359 "warehouseInfo": [], 15360 "url": "/merchant/eleora-shop/ELP-60049", 15361 "commissionType": "CM", 15362 "logo": "https://seodeadpool.b-cdn.net/gghoki/gghoki-favicon.png", 15363 "businessHours": [{ 15364 "day": "MONDAY", 15365 "openingTime": 28800, 15366 "closingTime": 64800, 15367 "open": true 15368 }, { 15369 "day": "TUESDAY", 15370 "openingTime": 28800, 15371 "closingTime": 64800, 15372 "open": true 15373 }, { 15374 "day": "WEDNESDAY", 15375 "openingTime": 28800, 15376 "closingTime": 64800, 15377 "open": true 15378 }, { 15379 "day": "THURSDAY", 15380 "openingTime": 28800, 15381 "closingTime": 64800, 15382 "open": true 15383 }, { 15384 "day": "FRIDAY", 15385 "openingTime": 28800, 15386 "closingTime": 64800, 15387 "open": true 15388 }, { 15389 "day": "SATURDAY", 15390 "openingTime": 28800, 15391 "closingTime": 64800, 15392 "open": true 15393 }, { 15394 "day": "SUNDAY", 15395 "openingTime": 0, 15396 "closingTime": 0, 15397 "open": false 15398 }], 15399 "businessOperational": { 15400 "day": "MONDAY", 15401 "status": "CLOSE", 15402 "nextOperationalDay": "TUESDAY" 15403 }, 15404 "joinDate": 1587625676398, 15405 "poweredBy": [], 15406 "status": "ACTIVE" 15407 }, 15408 "review": { 15409 "rating": 0, 15410 "count": 0, 15411 "decimalRating": 0 15412 }, 15413 "shippingAddress": { 15414 "provinceName": "DKI Jakarta", 15415 "subdistrictName": "Slipi", 15416 "postalCode": "11410", 15417 "districtName": "Palmerah", 15418 "cityName": "Kota Jakarta Barat" 15419 }, 15420 "documents": [], 15421 "preOrder": { 15422 "isPreOrder": false 15423 }, 15424 "freshnessInDays": 0, 15425 "weight": "9000 Gram", 15426 "fulfillmentTypes": { 15427 "delivery": "AVAILABLE", 15428 "pickup": "UNAVAILABLE", 15429 "selected": "DELIVERY", 15430 "otherPickupPoints": 0 15431 }, 15432 "pickupPoint": { 15433 "international": false 15434 }, 15435 "allSalesCategories": ["AU-1000001", "54650", "AC-1000005", "SP-1000006"] 15436 }, 15437 "productDetail.sivaConfig/productConfig": { 15438 "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
15438IO-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]" 15439 }, 15440 "isMobile": true 15441 }; 15442 window.PRODUCT_DETAIL_SERVER_CACHE = ( () => ({ 15443 cachedKeys: ["productDetail.product/summary", "productDetail.sivaConfig/productConfig"], 15444 expiryTime: Date.now() + 15_000 15445 }))() 15446 const injectHeroImage = () => { 15447 const devicePixelRatio = Math.round(window.devicePixelRatio) 15448 const heroImages = document.querySelectorAll('img.hero-mobile__img') 15449 const heroImage = heroImages[0] 15450 if (!heroImage) 15451 return 15452 const widthDpr = Math.round(heroImage.width * devicePixelRatio) 15453 const heroImageSrc = heroImage.getAttribute('data-src') + '?w=' + widthDpr 15454 heroImage.src = heroImageSrc 15455 const link = document.createElement('link') 15456 link.rel = 'preload' 15457 link.as = 'image' 15458 link.href = heroImageSrc 15459 document.head.appendChild(link) 15460 } 15461 try { 15462 injectHeroImage() 15463 } catch (error) { 15464 console.log({ 15465 error 15466 }) 15467 } 15468</script>
vendor: 1 bytes, line 15468
15468
15469<script> 15470 (function() { 15471 function __vitePluginPublicPath_addScriptTag(attributes, inlineScriptCode) { 15472 var script = document.createElement("script"); 15473 if (attributes) 15474 for (var key in attributes) 15475 script.setAttribute(key, attributes[key]); 15476 script.async = false; 15477 if (inlineScriptCode) 15478 script.src = "data:text/javascript," + inlineScriptCode; 15479 document.body.appendChild(script); 15480 } 15481 __vitePluginPublicPath_addScriptTag({ 15482 "type": "module", 15483 "crossorigin": "", 15484 "src": window['_main_staticPublicPath']() + "static\u002Fjs\u002Findex.5457813a.js" 15485 }); 15486 __vitePluginPublicPath_addScriptTag({ 15487 "nomodule": "" 15488 }, "!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()}}();"); 15489 __vitePluginPublicPath_addScriptTag({ 15490 "nomodule": "", 15491 "crossorigin": "", 15492 "id": "vite-legacy-polyfill", 15493 "src": window['_main_staticPublicPath']() + "static\u002Fjs\u002Fpolyfills-legacy.6afda422.js" 15494 }); 15495 __vitePluginPublicPath_addScriptTag({ 15496 "nomodule": "", 15497 "crossorigin": "", 15498 "id": "vite-legacy-entry", 15499 "data-src": window['_main_staticPublicPath']() + "static\u002Fjs\u002Findex-legacy.8a9e4421.js" 15500 }, "System.import(document.getElementById('vite-legacy-entry').getAttribute('data-src'))") 15501 } 15502 )(); 15503</script>
vendor: 1 bytes, line 15503
15503
15504<script type="module" crossorigin="" src="https://www.static-src.com/frontend/static/js/index.5457813a.js"></script>
vendor: 1 bytes, line 15504
15504
15505<script nomodule="" src="data:text/javascript,!function(){var e=document,t=e.createElement("script");if(!("noModule"in t)&&"onbeforeload"in t){var n=!1;e.addEventListener("beforeload",(function(e){if(e.target===t)n=!0;else if(!e.target.hasAttribute("nomodule")||!n)return;e.preventDefault()}),!0),t.type="module",t.src=".",e.head.appendChild(t),t.remove()}}();"></script>
vendor: 1 bytes, line 15505
15505
15506<script nomodule="" crossorigin="" id="vite-legacy-polyfill" src="https://www.static-src.com/frontend/static/js/polyfills-legacy.6afda422.js"></script>
vendor: 1 bytes, line 15506
15506
15507<script nomodule="" crossorigin="" id="vite-legacy-entry" data-src="https://www.static-src.com/frontend/static/js/index-legacy.8a9e4421.js" src="data:text/javascript,System.import(document.getElementById('vite-legacy-entry').getAttribute('data-src'))"></script>
15507 15508<div data-v-f5647a58="" class="notices b-bottom" style="--bottom-gap: 0px; display: none;"></div>
15509<script async="" src="https://www.googletagmanager.com/gtm.js?id=GTM-TKQZL95"></script>
vendor: 1 bytes, line 15509
15509
15510<script type="text/javascript" id=""> 15511 !function(d, e, f, a, b, c) { 15512 d.twq || (a = d.twq = function() { 15513 a.exe ? a.exe.apply(a, arguments) : a.queue.push(arguments) 15514 } 15515 , 15516 a.version = "1.1", 15517 a.queue = [], 15518 b = e.createElement(f), 15519 b.async = !0, 15520 b.src = "https://static.ads-twitter.com/uwt.js", 15521 c = e.getElementsByTagName(f)[0], 15522 c.parentNode.insertBefore(b, c)) 15523 }(window, document, "script"); 15524 twq("config", google_tag_manager["rm"]["10058345"](3)); 15525</script>
vendor: 1 bytes, line 15525
15525
15526<script type="text/javascript" id=""> 15527 "spa" != google_tag_manager["rm"]["10058345"](10) && (window._bwa = window._bwa || [], 15528 window._bwa.unshift({ 15529 event: { 15530 manageSession: !0, 15531 incSessionActionSequence: !0, 15532 path: "/page", 15533 dataParams: ["pagetype", "clientmemberid"], 15534 customParams: { 15535 clientmemberid: google_tag_manager["rm"]["10058345"](11), 15536 loggedinuser: google_tag_manager["rm"]["10058345"](12), 15537 pagetype: google_tag_manager["rm"]["10058345"](13), 15538 prevurl: document.referrer, 15539 pagetitle: document.title, 15540 fbc: google_tag_manager["rm"]["10058345"](14), 15541 fbp: google_tag_manager["rm"]["10058345"](15), 15542 useragent: google_tag_manager["rm"]["10058345"](16), 15543 hashedEmail: google_tag_manager["rm"]["10058345"](17), 15544 utm_source: google_tag_manager["rm"]["10058345"](18), 15545 utm_medium: google_tag_manager["rm"]["10058345"](19), 15546 utm_campaign: google_tag_manager["rm"]["10058345"](20), 15547 ga_session_id: google_tag_manager["rm"]["10058345"](21), 15548 ga_pseudo_id: google_tag_manager["rm"]["10058345"](22), 15549 ga_utma: google_tag_manager["rm"]["10058345"](23), 15550 ga_utmc: google_tag_manager["rm"]["10058345"](24), 15551 ga_utmz: google_tag_manager["rm"]["10058345"](25) 15552 } 15553 } 15554 })); 15555 var _bs = document.createElement("script"); 15556 _bs.type = "text/javascript"; 15557 _bs.async = !0; 15558 _bs.src = google_tag_manager["rm"]["10058345"](26); 15559 document.getElementsByTagName("head")[0].appendChild(_bs); 15560</script>
vendor: 1 bytes, line 15560
15560
15561<script type="text/javascript" id=""> 15562 var hoTransactionId = hoGetURLParameterAT("trans") 15563 , hoOfferId = hoGetURLParameterAT("offer") 15564 , hoDocName = "HOTSID" 15565 , hoDataExpired = hoCookieSetGojekGoMall(); 15566 null !== hoTransactionId && hoSetCookieAT(hoDocName, hoTransactionId + "," + hoOfferId, hoDataExpired); 15567 function hoGetURLParameterAT(a) { 15568 return decodeURIComponent(((new RegExp("[?|\x26]" + a + "\x3d([^\x26;]+?)(\x26|#|;|$)")).exec(location.search) || [, ""])[1].replace(/\+/g, "%20")) || null 15569 } 15570 function hoSetCookieAT(a, b, c) { 15571 c = "expires\x3d" + c; 15572 document.cookie = a + "\x3d" + b + "; " + c + "; domain\x3d.blibli.com; path\x3d/" 15573 } 15574 function hoCalculateExpireDateAT(a) { 15575 var b = new Date; 15576 b.setTime(b.getTime() + 864E5 * a); 15577 b.toUTCString(); 15578 return b 15579 } 15580 function hoCookieSetGojekGoMall() { 15581 var a = google_tag_manager["rm"]["10058345"](27); 15582 a = a.toLowerCase(); 15583 return a.includes("utm_medium\x3dgojekgomall") && a.includes("trans\x3d") ? hoCalculateExpireDateAT(1) : a.includes("utm_medium\x3dpt.+rekan+usaha+mikro+anda") && a.includes("trans\x3d") ? hoCalculateExpireDateAT(2) : hoCalculateExpireDateAT(30) 15584 } 15585 ;</script>
vendor: 1 bytes, line 15585
15585
15586<script type="text/javascript" id=""> 15587 !function(b, e, f, g, a, c, d) { 15588 b.fbq || (a = b.fbq = function() { 15589 a.callMethod ? a.callMethod.apply(a, arguments) : a.queue.push(arguments) 15590 } 15591 , 15592 b._fbq || (b._fbq = a), 15593 a.push = a, 15594 a.loaded = !0, 15595 a.version = "2.0", 15596 a.queue = [], 15597 c = e.createElement(f), 15598 c.async = !0, 15599 c.src = g, 15600 d = e.getElementsByTagName(f)[0], 15601 d.parentNode.insertBefore(c, d)) 15602 }(window, document, "script", "https://connect.facebook.net/en_US/fbevents.js"); 15603 fbq("init", google_tag_manager["rm"]["10058345"](28)); 15604 fbq("track", "PageView"); 15605</script>
vendor: 1 bytes, line 15605
15605
15606<script type="text/javascript" id=""> 15607 var campaign = google_tag_manager["rm"]["10058345"](29) || "" 15608 , medium = google_tag_manager["rm"]["10058345"](30) || "" 15609 , source = google_tag_manager["rm"]["10058345"](31) || ""; 15610 if (campaign || medium || source) 15611 document.cookie = "__gtm_cam\x3d" + campaign + "; ; domain\x3d.blibli.com; path\x3d/", 15612 document.cookie = "__gtm_med\x3d" + medium + "; ; domain\x3d.blibli.com; path\x3d/", 15613 document.cookie = "__gtm_src\x3d" + source + "; ; domain\x3d.blibli.com; path\x3d/"; 15614</script>
15614 15615<style> 15616 .apps-support.push-title { 15617 visibility: hidden !important; 15618 } 15619</style>
15620<script type="text/javascript" id=""> 15621 (function() { 15622 var a = google_tag_manager["rm"]["10058345"](33) || {}; 15623 window._bwa = window._bwa || []; 15624 extension_data = google_tag_manager["rm"]["10058345"](34); 15625 extension_data = Array.isArray(extension_data) ? extension_data : []; 15626 window._bwa.push({ 15627 event: { 15628 manageSession: !0, 15629 path: "/eventv2", 15630 pixel: !0, 15631 customParams: { 15632 page_type: google_tag_manager["rm"]["10058345"](35), 15633 client_member_id: google_tag_manager["rm"]["10058345"](36), 15634 event_trigger: google_tag_manager["rm"]["10058345"](37), 15635 event_type: google_tag_manager["rm"]["10058345"](38), 15636 event_section: JSON.stringify(a), 15637 event_values: JSON.stringify(google_tag_manager["rm"]["10058345"](39)), 15638 extension_data: JSON.stringify(extension_data) 15639 } 15640 } 15641 }) 15642 } 15643 )(); 15644</script>
vendor: 1 bytes, line 15644
15644
15645<script type="text/javascript" id=""> 15646 var _spapi = _spapi || []; 15647 _spapi.push(["_partner", "blibli"]); 15648 setTimeout(function() { 15649 var a = document.createElement("script"); 15650 a.type = "text/javascript"; 15651 a.async = !0; 15652 a.src = ("https:" == document.location.protocol ? "https://" : "http://") + "blibli.api.useinsider.com/ins.js?id\x3d10001129"; 15653 var b = document.getElementsByTagName("script")[0]; 15654 b.parentNode.insertBefore(a, b) 15655 }, 300); 15656</script>
vendor: 1 bytes, line 15656
15656
15657<script type="text/javascript" id=""> 15658 window._bwa = window._bwa || []; 15659 window._bwa.push({ 15660 event: { 15661 manageSession: !0, 15662 incSessionActionSequence: !0, 15663 path: "/page", 15664 customParams: { 15665 pageurl: google_tag_manager["rm"]["10058345"](56) + google_tag_manager["rm"]["10058345"](57), 15666 clientmemberid: google_tag_manager["rm"]["10058345"](58), 15667 loggedinuser: google_tag_manager["rm"]["10058345"](59), 15668 pagetype: google_tag_manager["rm"]["10058345"](60), 15669 prevurl: document.referrer, 15670 pagetitle: document.title, 15671 fbc: google_tag_manager["rm"]["10058345"](61), 15672 fbp: google_tag_manager["rm"]["10058345"](62), 15673 useragent: google_tag_manager["rm"]["10058345"](63), 15674 hashedEmail: google_tag_manager["rm"]["10058345"](65), 15675 utm_source: google_tag_manager["rm"]["10058345"](66), 15676 utm_medium: google_tag_manager["rm"]["10058345"](67), 15677 utm_campaign: google_tag_manager["rm"]["10058345"](68), 15678 ga_session_id: google_tag_manager["rm"]["10058345"](69), 15679 ga_pseudo_id: google_tag_manager["rm"]["10058345"](70), 15680 ga_utma: google_tag_manager["rm"]["10058345"](71), 15681 ga_utmc: google_tag_manager["rm"]["10058345"](72), 15682 ga_utmz: google_tag_manager["rm"]["10058345"](73) 15683 } 15684 } 15685 }); 15686</script>
vendor: 1 bytes, line 15686
15686
15687<script type="text/javascript" id=""> 15688 var gtm = window.google_tag_manager["GTM-TKQZL95"]; 15689 gtm.dataLayer.reset(); 15690</script>
15690 15691<link rel="preconnect" href="https://dev.visualwebsiteoptimizer.com">
15692<script type="text/javascript" id="vwoCode"> 15693 window._vwo_code = window._vwo_code || function() { 15694 var p = 426670 15695 , g = 1.5 15696 , q = 2E3 15697 , r = 2500 15698 , t = !1 15699 , u = 1 15700 , h = "" 15701 , k = "" 15702 , f = !1 15703 , l = window 15704 , c = document 15705 , m = c.querySelector("#vwoCode") 15706 , e = { 15707 use_existing_jquery: function() { 15708 return t 15709 }, 15710 library_tolerance: function() { 15711 return r 15712 }, 15713 hide_element_style: function() { 15714 return "{" + k + "}" 15715 }, 15716 finish: function() { 15717 if (!f) { 15718 f = !0; 15719 var b = c.getElementById("_vis_opt_path_hides"); 15720 b && b.parentNode.removeChild(b) 15721 } 15722 }, 15723 finished: function() { 15724 return f 15725 }, 15726 load: function(b) { 15727 var a = c.createElement("script"); 15728 a.fetchPriority = "high"; 15729 a.src = b; 15730 a.type = "text/javascript"; 15731 a.onerror = function() { 15732 _vwo_code.finish() 15733 } 15734 ; 15735 c.getElementsByTagName("head")[0].appendChild(a) 15736 }, 15737 getVersion: function() { 15738 return g 15739 }, 15740 getMatchedCookies: function(b) { 15741 var a = []; 15742 document.cookie && (a = document.cookie.match(b) || []); 15743 return a 15744 }, 15745 getCombinationCookie: function() { 15746 var b = e.getMatchedCookies(/(?:^|;)\s?(_vis_opt_exp_\d+_combi=[^;$]*)/gi); 15747 b = b.map(function(d) { 15748 try { 15749 var n = decodeURIComponent(d); 15750 return /_vis_opt_exp_\d+_combi=(?:\d+,?)+\s*$/.test(n) ? n : "" 15751 } catch (v) { 15752 return "" 15753 } 15754 }); 15755 var a = []; 15756 b.forEach(function(d) { 15757 (d = d.match(/([\d,]+)/g)) && a.push(d.join("-")) 15758 }); 15759 return a.join("|") 15760 }, 15761 init: function() { 15762 if (!(-1 < c.URL.indexOf("__vwo_disable__"))) { 15763 l.settings_timer = setTimeout(function() { 15764 _vwo_code.finish() 15765 }, q); 15766 var b = c.currentScript 15767 , a = c.createElement("style"); 15768 b = b && !b.async ? h ? h + "{" + k + "}" : "" : e.lA = 1; 15769 var d = c.getElementsByTagName("head")[0]; 15770 a.setAttribute("id", "_vis_opt_path_hides"); 15771 m && a.setAttribute("nonce", m.nonce); 15772 a.setAttribute("type", "text/css"); 15773 a.styleSheet ? a.styleSheet.cssText = b : a.appendChild(c.createTextNode(b)); 15774 d.appendChild(a); 15775 a = this.getCombinationCookie(); 15776 this.load("https://dev.visualwebsiteoptimizer.com/j.php?a\x3d" + p + "\x26u\x3d" + encodeURIComponent(c.URL) + "\x26f\x3d" + +u + "\x26vn\x3d" + g + (a ? "\x26c\x3d" + a : "")); 15777 return settings_timer 15778 } 15779 } 15780 }; 15781 l._vwo_settings_timer = e.init(); 15782 return e 15783 }(); 15784</script>
vendor: 1 bytes, line 15784
15784
15785<script type="text/javascript" id=""> 15786 (function(g, e, a, f, b, c, d) { 15787 b.ire_o = a; 15788 b[a] = b[a] || function() { 15789 (b[a].a = b[a].a || []).push(arguments) 15790 } 15791 ; 15792 c = f.createElement(e); 15793 d = f.getElementsByTagName(e)[0]; 15794 c.async = 1; 15795 c.src = g; 15796 d.parentNode.insertBefore(c, d) 15797 } 15798 )("https://utt.impactcdn.com/A4103922-694c-4259-836a-1c467d2df1c71.js", "script", "ire", document, window); 15799</script>
vendor: 1 bytes, line 15799
15799
15800<script type="text/javascript" id=""> 15801 var userId = google_tag_manager["rm"]["10058345"](77); 15802 "-1002" === userId && (userId = ""); 15803 ire("identify", { 15804 customerId: userId, 15805 customerEmail: google_tag_manager["rm"]["10058345"](79) || "" 15806 }); 15807</script>
vendor: 1 bytes, line 15807
15807
15808<script type="text/javascript" id=""> 15809 !function(a, e, f, k, h, g, c, b, d) { 15810 a.AppsFlyerSdkObject = h; 15811 a.AF = a.AF || function() { 15812 (a.AF.q = a.AF.q || []).push([Date.now()].concat(Array.prototype.slice.call(arguments))) 15813 } 15814 ; 15815 a.AF.id = a.AF.id || c; 15816 a.AF.plugins = {}; 15817 b = e.createElement(f); 15818 d = e.getElementsByTagName(f)[0]; 15819 b.async = 1; 15820 b.src = "https://websdk.appsflyer.com?" + (0 < g.length ? "st\x3d" + g.split(",").sort().join(",") + "\x26" : "") + (0 < c.length ? "af_id\x3d" + c : ""); 15821 d.parentNode.insertBefore(b, d) 15822 }(window, document, "script", 0, "AF", "pba,banners", { 15823 pba: { 15824 webAppId: google_tag_manager["rm"]["10058345"](80) 15825 }, 15826 banners: { 15827 key: "f2045718-bb4b-453a-b9a2-731011ccca5c" 15828 } 15829 }); 15830 AF("pba", "setCustomerUserId", google_tag_manager["rm"]["10058345"](81)); 15831</script>
vendor: 1 bytes, line 15831
15831
15832<script type="text/javascript" id=""> 15833 if (typeof AF !== "undefined") { 15834 var headerBlank = document.getElementsByClassName("blank_header")[0] 15835 , appsflyerBanner = document.getElementsByClassName("responsive-wrapper"); 15836 headerBlank && appsflyerBanner.length && headerBlank.style.removeProperty("display"); 15837 AF("banners", "hideBanner") 15838 } 15839 ;</script>
vendor: 1 bytes, line 15839
15839
15840<script type="text/javascript" id=""> 15841 (function() { 15842 var a = google_tag_manager["rm"]["10058345"](83) || {}; 15843 window._bwa = window._bwa || []; 15844 extension_data = google_tag_manager["rm"]["10058345"](84); 15845 extension_data = Array.isArray(extension_data) ? extension_data : []; 15846 window._bwa.push({ 15847 event: { 15848 manageSession: !0, 15849 path: "/eventv2", 15850 pixel: !0, 15851 customParams: { 15852 page_type: google_tag_manager["rm"]["10058345"](85), 15853 client_member_id: google_tag_manager["rm"]["10058345"](86), 15854 event_trigger: google_tag_manager["rm"]["10058345"](87), 15855 event_type: google_tag_manager["rm"]["10058345"](88), 15856 event_section: JSON.stringify(a), 15857 event_values: JSON.stringify(google_tag_manager["rm"]["10058345"](89)), 15858 extension_data: JSON.stringify(extension_data) 15859 } 15860 } 15861 }) 15862 } 15863 )(); 15864</script>
vendor: 1 bytes, line 15864
15864
15865<script type="text/javascript" id=""> 15866 window._bwa = window._bwa || []; 15867 window._bwa.push({ 15868 event: { 15869 manageSession: !1, 15870 path: "/search-suggestion-keyword-view", 15871 pixel: !0, 15872 customParams: { 15873 page_type: google_tag_manager["rm"]["10058345"](91), 15874 client_member_id: google_tag_manager["rm"]["10058345"](92), 15875 prev_url: document.referrer, 15876 page_title: document.title, 15877 search_keyword_type: google_tag_manager["rm"]["10058345"](93), 15878 search_id: google_tag_manager["rm"]["10058345"](94), 15879 source_keyword: google_tag_manager["rm"]["10058345"](95), 15880 suggested_keywords: JSON.stringify(google_tag_manager["rm"]["10058345"](96)), 15881 extension_data: JSON.stringify(google_tag_manager["rm"]["10058345"](97)) 15882 } 15883 } 15884 }); 15885</script>
vendor: 1 bytes, line 15885
15885
15886<script type="text/javascript" id=""> 15887 (function() { 15888 var a = google_tag_manager["rm"]["10058345"](102) || {}; 15889 window._bwa = window._bwa || []; 15890 extension_data = google_tag_manager["rm"]["10058345"](103); 15891 extension_data = Array.isArray(extension_data) ? extension_data : []; 15892 window._bwa.push({ 15893 event: { 15894 manageSession: !0, 15895 path: "/eventv2", 15896 pixel: !0, 15897 customParams: { 15898 page_type: google_tag_manager["rm"]["10058345"](104), 15899 client_member_id: google_tag_manager["rm"]["10058345"](105), 15900 event_trigger: google_tag_manager["rm"]["10058345"](106), 15901 event_type: google_tag_manager["rm"]["10058345"](107), 15902 event_section: JSON.stringify(a), 15903 event_values: JSON.stringify(google_tag_manager["rm"]["10058345"](108)), 15904 extension_data: JSON.stringify(extension_data) 15905 } 15906 } 15907 }) 15908 } 15909 )(); 15910</script>
15910 15911<iframe height="0" width="0" aria-hidden="true" alt="" style="pointer-events: none; height: 0px; width: 0px; position: absolute; padding: 0px; margin: 0px; border: 0px; visibility: hidden;"></iframe> 15912<img src="https://t.co/1/i/adsct?bci=4&eci=3&event=%7B%7D&event_id=83eb6ece-d454-4195-b3fd-c5def09852f6&integration=advertiser&p_id=Twitter&p_user_id=0&pl_id=1736161b-c8aa-4f11-8ad1-0c15818447c1&tw_document_href=https%3A%2F%2Fwww.blibli.com%2Fp%2Fniko-speaker-trolley-speaker-pt-1501-15-inch-garansi%2Fps--ELP-60049-00553%3Fsrsltid%3DAfmBOorES7xzkivoHSNhil5W1iouKsuBMzCBVxCvjis5_rzK-YdKCb2y&tw_iframe_status=0&txn_id=nvqtr&type=javascript&version=2.3.30" height="1" width="1" style="display: none;"> 15913<img src="https://analytics.twitter.com/1/i/adsct?bci=4&eci=3&event=%7B%7D&event_id=83eb6ece-d454-4195-b3fd-c5def09852f6&integration=advertiser&p_id=Twitter&p_user_id=0&pl_id=1736161b-c8aa-4f11-8ad1-0c15818447c1&tw_document_href=https%3A%2F%2Fwww.blibli.com%2Fp%2Fniko-speaker-trolley-speaker-pt-1501-15-inch-garansi%2Fps--ELP-60049-00553%3Fsrsltid%3DAfmBOorES7xzkivoHSNhil5W1iouKsuBMzCBVxCvjis5_rzK-YdKCb2y&tw_iframe_status=0&txn_id=nvqtr&type=javascript&version=2.3.30" height="1" width="1" style="display: none;"> 15914<link rel="preconnect" href="https://tags.crwdcntrl.net"> 15915<link rel="preconnect" href="https://bcp.crwdcntrl.net"> 15916<link rel="preconnect" href="https://c.ltmsphrcl.net"> 15917<link rel="dns-prefetch" href="https://tags.crwdcntrl.net"> 15918<link rel="dns-prefetch" href="https://bcp.crwdcntrl.net"> 15919<link rel="dns-prefetch" href="https://c.ltmsphrcl.net">
15920<script type="text/javascript" id=""> 15921 !function() { 15922 var a = "10867" 15923 , c = {}; 15924 a = a = { 15925 clientId: Number(a) 15926 }; 15927 var b = window["lotame_" + a.clientId] = {}; 15928 b.config = a; 15929 b.data = c || {}; 15930 b.cmd = b.cmd || [] 15931 }(); 15932</script>
vendor: 1 bytes, line 15932
15932
15933<script type="text/javascript" id="" src="https://tags.crwdcntrl.net/lt/c/10867/lt.min.js"></script>
vendor: 1 bytes, line 15933
15933
15934<script type="text/javascript" id=""> 15935 (function(a, g, l, n, m, b, c, d) { 15936 a.moengage_object = m; 15937 t = {}; 15938 q = function(e) { 15939 return function() { 15940 (a.moengage_q = a.moengage_q || []).push({ 15941 f: e, 15942 a: arguments 15943 }) 15944 } 15945 } 15946 ; 15947 f = "track_event add_user_attribute add_first_name add_last_name add_email add_mobile add_user_name add_gender add_birthday destroy_session add_unique_user_id moe_events call_web_push track location_type_attribute".split(" "); 15948 h = { 15949 onsite: ["getData"] 15950 }; 15951 for (k in f) 15952 t[f[k]] = q(f[k]); 15953 b = g.createElement(l); 15954 c = g.getElementsByTagName(l)[0]; 15955 b.async = 1; 15956 b.src = n; 15957 c.parentNode.insertBefore(b, c); 15958 a.moe = a.moe || function(e) { 15959 d = e; 15960 return t 15961 } 15962 ; 15963 b.onload = function() { 15964 d && (a[m] = moe(d)) 15965 } 15966 } 15967 )(window, document, "script", "https://cdn.moengage.com/webpush/moe_webSdk.min.latest.js", "Moengage"); 15968 Moengage = moe({ 15969 app_id: "QTD7QXC51X5DZR3CTIHK33PQ", 15970 debug_logs: 0 15971 }); 15972</script>
15972 15973<div style="display: none; visibility: hidden;"> 15974
15974<script type="text/javascript" src="//script.crazyegg.com/pages/scripts/0075/7082.js" async="async"></script>
15974 15975</div>
15976<script type="text/javascript" id=""> 15977 var urlParameter = window.location.search 15978 , regEx = /(_branch_match_id)|($3p=a_hasoffers)/g; 15979 function delete_cookie(c, a, b) { 15980 document.cookie = c + "\x3d" + (a ? ";path\x3d" + a : "") + (b ? ";domain\x3d" + b : "") + ";expires\x3dThu, 01 Jan 1970 00:00:01 GMT" 15981 } 15982 regEx.test(urlParameter) && delete_cookie("HOTSID", "/", "blibli.com"); 15983</script>
15983 15984<iframe sandbox="" style="display: none;"></iframe>
15985<script type="text/javascript" id=""> 15986 var ecomm = google_tag_manager["rm"]["10058345"](162) 15987 , iframe = document.createElement("iframe"); 15988 iframe.src = "https://asia.creativecdn.com/tags?id\x3dpr_FAOiA95ZI30AXifJGDUt_offer_" + ecomm.detail.products[0].productItemSku + "\x26amp;id\x3dpr_FAOiA95ZI30AXifJGDUt_uid_unknown"; 15989 iframe.referrerPolicy = "no-referrer-when-downgrade"; 15990 iframe.width = "1"; 15991 iframe.height = "1"; 15992 iframe.scrolling = "no"; 15993 iframe.frameBorder = "0"; 15994 iframe.style = "display: none;"; 15995 var body = document.getElementsByTagName("body")[0]; 15996 body.appendChild(iframe); 15997</script>
15997 15998<iframe src="https://asia.creativecdn.com/tags?id=pr_FAOiA95ZI30AXifJGDUt_offer_ELP-60049-00553-00002&amp;id=pr_FAOiA95ZI30AXifJGDUt_uid_unknown" referrerpolicy="no-referrer-when-downgrade" width="1" height="1" scrolling="no" frameborder="0" style="display: none;"></iframe>
15999<script type="text/javascript" id=""> 16000 var productDetail = google_tag_manager["rm"]["10058345"](164) 16001 , categoryNames = google_tag_manager["rm"]["10058345"](166) 16002 , categoryCodes = google_tag_manager["rm"]["10058345"](168) 16003 , oosStatusMapping = { 16004 AVAILABLE: "instock", 16005 OUT_OF_STOCK: "oos", 16006 LIMITED: "limited" 16007 }; 16008 window._bwa = window._bwa || []; 16009 window._bwa.push({ 16010 event: { 16011 manageSession: !0, 16012 path: "/product", 16013 customParams: { 16014 clientmemberid: google_tag_manager["rm"]["10058345"](169), 16015 pagetype: google_tag_manager["rm"]["10058345"](170), 16016 oosStatus: oosStatusMapping[productDetail[0].dimension81] || productDetail[0].dimension81, 16017 productsku: productDetail[0].id, 16018 c1name: categoryNames[0] || "", 16019 c2name: categoryNames[1] || "", 16020 c3name: categoryNames[2] || "", 16021 c1code: categoryCodes[0] || "", 16022 c2code: categoryCodes[1] || "", 16023 c3code: categoryCodes[2] || "", 16024 merchantid: productDetail[0].dimension56, 16025 merchantname: productDetail[0].dimension57, 16026 productpagetype: "", 16027 productcode: productDetail[0].productCode, 16028 productid: productDetail[0].productId, 16029 initialproductid: productDetail[0].initialProductId, 16030 commissionType: productDetail[0].commisionType, 16031 productname: productDetail[0].name, 16032 minOfferPrice: productDetail[0].minOfferPrice, 16033 maxOfferPrice: productDetail[0].maxOfferPrice, 16034 minListPrice: productDetail[0].minListPrice, 16035 maxListPrice: productDetail[0].maxListPrice, 16036 prevurl: google_tag_manager["rm"]["10058345"](171), 16037 searchid: google_tag_manager["rm"]["10058345"](172), 16038 productitemsku: productDetail[0].productItemSku, 16039 productitemcode: productDetail[0].productItemCode, 16040 fbc: google_tag_manager["rm"]["10058345"](173), 16041 fbp: google_tag_manager["rm"]["10058345"](174), 16042 useragent: google_tag_manager["rm"]["10058345"](175), 16043 brand: productDetail[0].brand, 16044 hashedEmail: google_tag_manager["rm"]["10058345"](176) 16045 } 16046 } 16047 }); 16048</script>
vendor: 1 bytes, line 16048
16048
16049<script type="text/javascript" id=""> 16050 setTimeout(function() { 16051 var a = google_tag_manager["rm"]["10058345"](178); 16052 if (a) { 16053 var b = a[0] 16054 , c = a[1]; 16055 a = a[2]; 16056 var d = google_tag_manager["rm"]["10058345"](179) 16057 , e = { 16058 behaviors: { 16059 "int": ["Category - " + b, "Category - " + b + " / " + c, "Category - " + b + " / " + c + " / " + a, "productDetail - " + b + " / " + c + " / " + a + " / " + d] 16060 } 16061 }; 16062 window.lotame_10867.cmd.push(function() { 16063 window.lotame_10867.page(e) 16064 }) 16065 } 16066 }, 2E3); 16067</script>
vendor: 1 bytes, line 16067
16067
16068<script type="text/javascript" id=""> 16069 var ecomm = google_tag_manager["rm"]["10058345"](180), categoryNames = google_tag_manager["rm"]["10058345"](182), categoryCodes = google_tag_manager["rm"]["10058345"](184), productDetail = { 16070 product_id: ecomm.detail.products[0].id, 16071 product_name: ecomm.detail.products[0].name, 16072 category: categoryNames[0] || "", 16073 category_id: categoryCodes[0] || "", 16074 categoryc2: categoryNames[1] || "", 16075 categoryc2_id: categoryCodes[1] || "", 16076 categoryc3: categoryNames[2] || "", 16077 categoryc3_id: categoryCodes[2] || "", 16078 category4: categoryNames[3] || "", 16079 category4_id: categoryCodes[3] || "", 16080 categoryc5: categoryNames[4] || "", 16081 categoryc5_id: categoryCodes[4] || "", 16082 categoryc6: categoryNames[5] || "", 16083 categoryc6_id: categoryCodes[5] || "", 16084 product_price: ecomm.detail.products[0].price, 16085 merchant_id: ecomm.detail.products[0].dimension56, 16086 merchant_name: ecomm.detail.products[0].dimension57 16087 }, key; 16088 for (key in productDetail) 16089 "" === productDetail[key] && delete productDetail[key]; 16090 Moengage.track_event("Product Detail View", productDetail); 16091</script>
vendor: 1 bytes, line 16091
16091
16092<script type="text/javascript" id=""> 16093 function _slicedToArray(a, d) { 16094 return _arrayWithHoles(a) || _iterableToArrayLimit(a, d) || _unsupportedIterableToArray(a, d) || _nonIterableRest() 16095 } 16096 function _nonIterableRest() { 16097 throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); 16098 } 16099 function _unsupportedIterableToArray(a, d) { 16100 if (a) { 16101 if (typeof a === "string") 16102 return _arrayLikeToArray(a, d); 16103 var b = Object.prototype.toString.call(a).slice(8, -1); 16104 b === "Object" && a.constructor && (b = a.constructor.name); 16105 if (b === "Map" || b === "Set") 16106 return Array.from(a); 16107 if (b === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(b)) 16108 return _arrayLikeToArray(a, d) 16109 } 16110 } 16111 function _arrayLikeToArray(a, d) { 16112 if (d == null || d > a.length) 16113 d = a.length; 16114 for (var b = 0, e = Array(d); b < d; b++) 16115 e[b] = a[b]; 16116 return e 16117 } 16118 function _iterableToArrayLimit(a, d) { 16119 var b = a == null ? null : typeof Symbol !== "undefined" && a[Symbol.iterator] || a["@@iterator"]; 16120 if (b != null) { 16121 var e = [], m = !0, n = !1, h; 16122 try { 16123 for (b = b.call(a); !(m = (h = b.next()).done) && (e.push(h.value), 16124 !d || e.length !== d); m = !0) 16125 ; 16126 } catch (r) { 16127 n = !0; 16128 var l = r 16129 } finally { 16130 try { 16131 if (!m && b["return"] != null) 16132 b["return"]() 16133 } finally { 16134 if (n) 16135 throw l; 16136 } 16137 } 16138 return e 16139 } 16140 } 16141 function _arrayWithHoles(a) { 16142 if (Array.isArray(a)) 16143 return a 16144 } 16145 (function() { 16146 function a(c, f) { 16147 var k = document.createElement(c); 16148 Object.entries(f).forEach(function(g) { 16149 var p = _slicedToArray(g, 2); 16150 g = p[0]; 16151 p = p[1]; 16152 k[g] = p 16153 }); 16154 d(k, f.style); 16155 return k 16156 } 16157 function d(c, f) { 16158 Object.entries(f || {}).forEach(function(k) { 16159 var g = _slicedToArray(k, 2); 16160 k = g[0]; 16161 g = g[1]; 16162 c.style[k] = g 16163 }) 16164 } 16165 function b() { 16166 window.addEventListener("message", function(c) { 16167 c = c.data; 16168 c && c.id != v ? c && c.id === r && (window[l].style.display = "none", 16169 q = window[h].src = "") : (window[l].style.display = "none", 16170 q = "MINIMIZED") 16171 }) 16172 } 16173 function e() { 16174 window.addEventListener("message", function(c) {}) 16175 } 16176 function m() { 16177 window[l].style.display = "block"; 16178 q == "MINIMIZED" ? q = "" : window[h].src = w 16179 } 16180 function n() { 16181 if (!(window[h] || window.innerWidth <= 1030)) { 16182 var c = a("div", x) 16183 , f = a("iframe", y); 16184 c.appendChild(f); 16185 document.body.appendChild(c); 16186 c = a("div", z); 16187 f = a("img", A); 16188 c.appendChild(f); 16189 document.getElementById("main-ui-wrapper").appendChild(c); 16190 window[u].addEventListener("click", m); 16191 b(); 16192 e() 16193 } 16194 } 16195 var h = "blibli-cs-livechat-iframe" 16196 , l = "livechat-iFrame-wrapper" 16197 , r = "blibli.livechat.close" 16198 , v = "blibli.livechat.minimize" 16199 , B = "https://i.imgur.com/U9EF6PF.png" 16200 , w = "/customer-care/live-chat/" 16201 , u = "livechat-openChat-button" 16202 , q = "" 16203 , C = "livechat-image-button" 16204 , x = { 16205 id: l, 16206 style: { 16207 display: "none", 16208 position: "fixed", 16209 bottom: "0", 16210 right: "15px", 16211 zIndex: "9" 16212 } 16213 } 16214 , y = { 16215 id: h, 16216 style: { 16217 backgroundColor: "white", 16218 border: "none", 16219 maxWidth: "375px", 16220 height: "500px", 16221 width: "360px", 16222 borderRadius: "5px", 16223 boxShadow: "0 4px 8px 0 rgb(0 0 0 / 20%), 0 6px 20px 0 rgb(0 0 0 / 19%)" 16224 } 16225 } 16226 , z = { 16227 id: u, 16228 style: { 16229 border: "none", 16230 cursor: "pointer", 16231 position: "fixed", 16232 bottom: "23px", 16233 right: "0px", 16234 width: "280px", 16235 zIndex: "9" 16236 } 16237 } 16238 , t = "0%"; 16239 window.location.pathname.includes("/p/") && (t = "68px"); 16240 window.innerWidth <= 1030 && (t = "41px"); 16241 var A = { 16242 id: C, 16243 src: B, 16244 alt: "customer-care-button", 16245 style: { 16246 position: "fixed", 16247 right: "0px", 16248 zIndex: "10", 16249 bottom: t, 16250 marginBottom: "25px", 16251 height: "67px" 16252 } 16253 }; 16254 n() 16255 } 16256 )(); 16257</script>
16257 16258<div id="livechat-iFrame-wrapper" style="display: none; position: fixed; bottom: 0px; right: 15px; z-index: 9;"> 16259 <iframe id="blibli-cs-livechat-iframe" style="background-color: white; border: none; max-width: 375px; height: 500px; width: 360px; border-radius: 5px; box-shadow: rgba(0, 0, 0, 0.2) 0px 4px 8px 0px, rgba(0, 0, 0, 0.19) 0px 6px 20px 0px;"></iframe> 16260</div>
16261<script type="text/javascript" id=""> 16262 (function() { 16263 var a = document.createElement("script"); 16264 a.type = "text/javascript"; 16265 a.async = !0; 16266 a.src = "https://c.o-s.io/115069/tracker.js"; 16267 var b = document.getElementsByTagName("script")[0]; 16268 b.parentNode.insertBefore(a, b) 16269 } 16270 )(); 16271</script>
vendor: 1 bytes, line 16271
16271
16272<script type="text/javascript" id=""> 16273 var ecomm = google_tag_manager["rm"]["10058345"](185) 16274 , pageUrl = google_tag_manager["rm"]["10058345"](186) 16275 , userData = google_tag_manager["rm"]["10058345"](187); 16276 window.insider_object = { 16277 product: { 16278 id: ecomm.detail.products[0].id, 16279 name: ecomm.detail.products[0].name, 16280 taxonomy: ecomm.detail.products[0].category.split("/"), 16281 currency: "IDR", 16282 unit_price: ecomm.detail.products[0].maxOfferPrice, 16283 unit_sale_price: ecomm.detail.products[0].price, 16284 url: pageUrl, 16285 product_image_url: "", 16286 custom: { 16287 product_brand: ecomm.detail.products[0].brand, 16288 product_rating: ecomm.detail.products[0].dimension24 16289 }, 16290 type: "Product" 16291 }, 16292 user: { 16293 email: userData.email 16294 } 16295 }; 16296</script>
16296 16297<style> 16298 .pdp__campaign .campaign-badge .campaign-badge__left-container .campaign-badge__logo-container .logo { 16299 height: auto !important; 16300 max-height: inherit; 16301 } 16302</style>
16303<script type="text/javascript" id=""> 16304 var ecomm = google_tag_manager["rm"]["10058345"](188) 16305 , productItemSKU = ecomm.detail.products[0].productItemSku || ecomm.detail.products[0].id; 16306 twq("event", "tw-nvqtr-ocmzu", { 16307 currency: "IDR", 16308 contents: [{ 16309 content_id: productItemSKU, 16310 content_name: ecomm.detail.products[0].name, 16311 content_price: ecomm.detail.products[0].price, 16312 num_items: 1 16313 }] 16314 }); 16315</script>
vendor: 1 bytes, line 16315
16315
16316<script type="text/javascript" id=""> 16317 var liveChatIframe = document.getElementById("livechat-image-button"); 16318 liveChatIframe.style.bottom = "68px"; 16319</script>
vendor: 1 bytes, line 16319
16319
16320<script type="text/javascript" id=""> 16321 var contentsquarePDP = ecommerce.detail.products 16322 , contentsquarePDPProducts = contentsquarePDP[0] 16323 , contentsquarePDPCategory = contentsquarePDPProducts.category.split("/"); 16324 window._uxa = window._uxa || []; 16325 window._uxa.push(["setCustomVariable", 1, "c1_category", contentsquarePDPCategory[0], 4]); 16326 window._uxa.push(["setCustomVariable", 2, "last_category", contentsquarePDPCategory[contentsquarePDPCategory.length - 1], 4]); 16327 window._uxa.push(["setCustomVariable", 3, "availibility", contentsquarePDPProducts.dimension81, 4]); 16328 window._uxa.push(["setCustomVariable", 4, "item_brand", contentsquarePDPProducts.brand, 4]); 16329 window._uxa.push(["setCustomVariable", 5, "item_sku", contentsquarePDPProducts.productItemSku, 4]); 16330 window._uxa.push(["setCustomVariable", 6, "item_code", contentsquarePDPProducts.productItemCode, 4]); 16331 window._uxa.push(["setCustomVariable", 7, "product_code", contentsquarePDPProducts.productCode, 4]); 16332 window._uxa.push(["setCustomVariable", 8, "product_sku", contentsquarePDPProducts.id, 4]); 16333 window._uxa.push(["setCustomVariable", 9, "merchant_id", contentsquarePDPProducts.dimension56, 4]); 16334 window._uxa.push(["setCustomVariable", 10, "item_name", contentsquarePDPProducts.name, 4]); 16335</script>
vendor: 1 bytes, line 16335
16335
16336<script type="text/javascript" id=""> 16337 fbq("init", "1060020737679640"); 16338 fbq("track", "PageView"); 16339</script>
vendor: 1 bytes, line 16339
16339
16340<script type="text/javascript" id=""> 16341 !function(a, e, f, k, h, g, c, b, d) { 16342 a.AppsFlyerSdkObject = h; 16343 a.AF = a.AF || function() { 16344 (a.AF.q = a.AF.q || []).push([Date.now()].concat(Array.prototype.slice.call(arguments))) 16345 } 16346 ; 16347 a.AF.id = a.AF.id || c; 16348 a.AF.plugins = {}; 16349 b = e.createElement(f); 16350 d = e.getElementsByTagName(f)[0]; 16351 b.async = 1; 16352 b.src = "https://websdk.appsflyer.com?" + (0 < g.length ? "st\x3d" + g.split(",").sort().join(",") + "\x26" : "") + (0 < c.length ? "af_id\x3d" + c : ""); 16353 d.parentNode.insertBefore(b, d) 16354 }(window, document, "script", 0, "AF", "pba,banners", { 16355 pba: { 16356 webAppId: google_tag_manager["rm"]["10058345"](189) 16357 }, 16358 banners: { 16359 key: "f2045718-bb4b-453a-b9a2-731011ccca5c" 16360 } 16361 }); 16362 AF("pba", "setCustomerUserId", google_tag_manager["rm"]["10058345"](190)); 16363</script>
vendor: 1 bytes, line 16363
16363
16364<script type="text/javascript" id=""> 16365 var ecomm = google_tag_manager["rm"]["10058345"](191); 16366 AF("pba", "event", { 16367 eventType: "EVENT", 16368 eventName: "af_content_view", 16369 eventValue: { 16370 af_pagetype: google_tag_manager["rm"]["10058345"](192), 16371 af_currency: "IDR", 16372 product: [{ 16373 af_content_id: ecomm[0].productItemSku, 16374 af_price: google_tag_manager["rm"]["10058345"](193), 16375 af_content_type: "Product" 16376 }] 16377 } 16378 }); 16379</script>
vendor: 1 bytes, line 16379
16379
16380<script type="text/javascript" id=""> 16381 var ecomm = google_tag_manager["rm"]["10058345"](200) 16382 , contentType = ecomm.items[0].item_sku ? "product" : "product_group" 16383 , productId = ecomm.items[0].item_sku || ecomm.items[0].item_id 16384 , productIdArr = []; 16385 productIdArr.push(productId); 16386 fbq("trackSingle", google_tag_manager["rm"]["10058345"](201), "ViewContent", { 16387 content_name: ecomm.items[0].item_name, 16388 content_category: ecomm.items[0].item_category, 16389 content_ids: productIdArr, 16390 content_type: contentType, 16391 currency: "IDR", 16392 value: ecomm.items[0].price || 0, 16393 contents: [{ 16394 id: productId, 16395 quantity: 1 16396 }], 16397 external_id: google_tag_manager["rm"]["10058345"](202) 16398 }); 16399</script>
vendor: 1 bytes, line 16399
16399
16400<script type="text/javascript" id=""> 16401 !function(a, e, f, k, h, g, c, b, d) { 16402 a.AppsFlyerSdkObject = h; 16403 a.AF = a.AF || function() { 16404 (a.AF.q = a.AF.q || []).push([Date.now()].concat(Array.prototype.slice.call(arguments))) 16405 } 16406 ; 16407 a.AF.id = a.AF.id || c; 16408 a.AF.plugins = {}; 16409 b = e.createElement(f); 16410 d = e.getElementsByTagName(f)[0]; 16411 b.async = 1; 16412 b.src = "https://websdk.appsflyer.com?" + (0 < g.length ? "st\x3d" + g.split(",").sort().join(",") + "\x26" : "") + (0 < c.length ? "af_id\x3d" + c : ""); 16413 d.parentNode.insertBefore(b, d) 16414 }(window, document, "script", 0, "AF", "pba,banners", { 16415 pba: { 16416 webAppId: google_tag_manager["rm"]["10058345"](204) 16417 }, 16418 banners: { 16419 key: "f2045718-bb4b-453a-b9a2-731011ccca5c" 16420 } 16421 }); 16422 AF("pba", "setCustomerUserId", google_tag_manager["rm"]["10058345"](205)); 16423</script>
vendor: 1 bytes, line 16423
16423
16424<script type="text/javascript" id=""> 16425 var appsflyerDeeplinkTarget = "" 16426 , pageUrl = google_tag_manager["rm"]["10058345"](206).split("?") 16427 , pagePath = pageUrl[0] 16428 , query = pageUrl[1] 16429 , utmQueryParams = { 16430 utm_campaign: google_tag_manager["rm"]["10058345"](207), 16431 utm_source: "af_banner", 16432 utm_medium: "af_web_banner" 16433 } 16434 , queryParams = (new URLSearchParams(utmQueryParams)).toString(); 16435 appsflyerDeeplinkTarget = pagePath + "?" + queryParams; 16436 "undefined" !== typeof AF && (AF("banners", "updateParams", { 16437 af_dp: "blibli://" + appsflyerDeeplinkTarget.split("blibli.com/")[1] 16438 }), 16439 AF("banners", "showBanner", { 16440 bannerContainerQuery: ".header-mobile-placeholder", 16441 additionalParams: { 16442 af_dp: "blibli://" + appsflyerDeeplinkTarget.split("blibli.com/")[1], 16443 deep_link_value: "blibli://" + appsflyerDeeplinkTarget.split("blibli.com/")[1] 16444 } 16445 })); 16446</script>
16446 16447<img src="https://t.co/1/i/adsct?bci=4&eci=4&event=%7B%22currency%22%3A%22IDR%22%2C%22contents%22%3A%5B%7B%22content_id%22%3A%22ELP-60049-00553-00002%22%2C%22content_name%22%3A%22NIKO%20SPEAKER%20TROLLEY%20SPEAKER%20PT%201501%2015%20INCH%20GARANSI%22%2C%22content_price%22%3A1005000%2C%22num_items%22%3A1%7D%5D%7D&event_id=ae45cf72-56e0-4ac2-91d6-b32ecc17643d&integration=advertiser&p_id=Twitter&p_user_id=0&pl_id=1736161b-c8aa-4f11-8ad1-0c15818447c1&tw_document_href=https%3A%2F%2Fwww.blibli.com%2Fp%2Fniko-speaker-trolley-speaker-pt-1501-15-inch-garansi%2Fps--ELP-60049-00553%3Fsrsltid%3DAfmBOorES7xzkivoHSNhil5W1iouKsuBMzCBVxCvjis5_rzK-YdKCb2y&tw_iframe_status=0&txn_id=tw-nvqtr-ocmzu&type=javascript&version=2.3.30" height="1" width="1" style="display: none;"> 16448<img src="https://analytics.twitter.com/1/i/adsct?bci=4&eci=4&event=%7B%22currency%22%3A%22IDR%22%2C%22contents%22%3A%5B%7B%22content_id%22%3A%22ELP-60049-00553-00002%22%2C%22content_name%22%3A%22NIKO%20SPEAKER%20TROLLEY%20SPEAKER%20PT%201501%2015%20INCH%20GARANSI%22%2C%22content_price%22%3A1005000%2C%22num_items%22%3A1%7D%5D%7D&event_id=ae45cf72-56e0-4ac2-91d6-b32ecc17643d&integration=advertiser&p_id=Twitter&p_user_id=0&pl_id=1736161b-c8aa-4f11-8ad1-0c15818447c1&tw_document_href=https%3A%2F%2Fwww.blibli.com%2Fp%2Fniko-speaker-trolley-speaker-pt-1501-15-inch-garansi%2Fps--ELP-60049-00553%3Fsrsltid%3DAfmBOorES7xzkivoHSNhil5W1iouKsuBMzCBVxCvjis5_rzK-YdKCb2y&tw_iframe_status=0&txn_id=tw-nvqtr-ocmzu&type=javascript&version=2.3.30" height="1" width="1" style="display: none;"> 16449<cs-native-frame-holder hidden=""></cs-native-frame-holder>
16450<script type="module" src="https://static.cloudflareinsights.com/beacon.min.js/v31edd6df95cf4e85bb4c19e7a9bdbcba1788362987495" integrity="sha512-iIg7k2xntmwu6/uSb5tpc/hySgZc4eoL31yB29W6tJFo2akwjPWcEqnCEdJvGexCL0KEQwVYv5BlowfhVz26hg==" data-cf-beacon='{"version":"2024.11.0","token":"f5c4ec1d490b4bbc8703843438b3b492","r":1,"spa":2}' crossorigin="anonymous"></script>
16450 16451</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.