<!doctype html>
<html lang="id-ID">
<head>
<style>
@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
}
@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
}
}
</style>
<link rel="dns-prefetch" href="https://sdk-01.moengage.com/">
<link rel="preconnect" href="https://sdk-01.moengage.com/" crossorigin="">
<link rel="dns-prefetch" href="https://cdn.moengage.com/">
<link rel="preconnect" href="https://cdn.moengage.com/" crossorigin="">
<script async="" src="https://websdk.appsflyer.com?st=banners,pba&"></script>
<script async="" src="https://websdk.appsflyer.com?st=banners,pba&"></script>
<script type="text/javascript" async="" src="https://t.contentsquare.net/uxa/4a538462d6e27.js"></script>
<script type="text/javascript" async="" src="https://c.o-s.io/115069/tracker.js"></script>
<script type="text/javascript" async=""
src="https://www.googletagmanager.com/gtag/destination?id=AW-880395410&l=dataLayer&cx=c"></script>
<script type="text/javascript" async=""
src="https://www.googletagmanager.com/gtag/destination?id=AW-920334631&l=dataLayer&cx=c"></script>
<script type="text/javascript" async=""
src="https://www.googletagmanager.com/gtag/destination?id=AW-925089264&l=dataLayer&cx=c"></script>
<script type="text/javascript" async="" src="https://www.google-analytics.com/plugins/ua/ec.js"></script>
<script src="https://script.crazyegg.com/pages/versioned/common-scripts/77e0e5b3eaafb9598d84738ee0f866ec.js"
type="text/javascript" async=""></script>
<script async="" src="https://cdn.moengage.com/webpush/moe_webSdk.min.latest.js"></script>
<script type="text/javascript" async="" src="https://blibli.api.useinsider.com/ins.js?id=10001129"></script>
<script async="" src="https://websdk.appsflyer.com?st=banners,pba&"></script>
<script async="" src="https://utt.impactcdn.com/A4103922-694c-4259-836a-1c467d2df1c71.js"></script>
<script type="text/javascript" async="" src="https://www.google-analytics.com/analytics.js"></script>
<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>
<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>
<script async="" src="https://connect.facebook.net/en_US/fbevents.js"></script>
<script async="" src="https://static.ads-twitter.com/uwt.js"></script>
<script type="text/javascript" async=""
src="https://www.googletagmanager.com/gtag/js?id=G-G3ZP2F3MW9&l=dataLayer&cx=c"></script>
<script>"function" != typeof Object.__defineSetter__ && window.location.replace("https://www.blibli.com/pages/unsupported-browser")</script>
<script>var parcelRequire, _bwaq = _bwaq || [], akcr = akcr || [], dataLayer = window.dataLayer || []; window.dataLayer && window.dataLayer.push({ appType: "spa" }); var _spapi = _spapi || []; _spapi.push(["_partner", "blibli"]), window._HIDDEN_HOME_MOBILE_SECTIONS = "PRERENDER_LONG_BANNER,PRERENDER_USP_LONG_BANNER,C3_RECOMMENDATION,POPULAR_CATEGORY,TRENDING_SEARCH", window._HIDDEN_HOME_DESKTOP_SECTIONS = "PRERENDER_LONG_BANNER,PRERENDER_USP_LONG_BANNER,C3_RECOMMENDATION,POPULAR_CATEGORY,TRENDING_SEARCH,PERSONALIZED_SECTION", window._MCDOMO_PUBLIC_PATH = "mcdomo.id", window._FLASHSALE_NEW_API = "true", window._GROCERY_AVAILABLE = "true", window._GROCERY_ONBOARDING = "", window._SCANNER_AVAILABLE = "true", window._FB_OG_IMAGE_URL_META = "https://www.static-src.com/siva/asset/09_2023/homepage_fb_rebranding.jpg", window._WA_OG_IMAGE_URL_META = "https://www.static-src.com/siva/asset/09_2023/homepage_square_rebranding.jpg", window._TWITTER_CARD_IMAGE_URL_META = "https://www.static-src.com/siva/asset/09_2023/homepage_square_rebranding.jpg", window._MEMBER_UNM_ACTIVE_FLAG = "true", window._MEMBER_UNM_BASE_URL = "https://account.bliblitiket.com", window._MEMBER_UNM_LOGIN_URL = "/login", window._MEMBER_UNM_REGISTER_URL = "/register", window._MEMBER_UNM_ACCOUNT_URL = "/account", window._MEMBER_UNM_VERIFY_URL = "/account/edit", window._MEMBER_UNM_BLIBLI_CLIENT_ID = "3ca1ed67701249861819ba4850f4f135", window._MEMBER_UNM_INFO_URL = "/info", window._MEMBER_UNM_SSO_REDIRECTION_FLAG = "true", window._MEMBER_USE_VUE3 = "true", window._MEMBER_GA_STREAM_ID = "G3ZP2F3MW9", window._MEMBER_USE_IAM_API = "false", window._MEMBER_AFFILIATE_PNV_URL = "/verify-phone-number?ref=", window._MEMBER_AFFILIATE_PNV_APPS_WEB_VIEW = "?appsWebview=true"</script>
<title>LOTUS138: EKSKLUSIF PANEL RESMI JUDI SLOT GACOR MUDAH JP HARI INI!</title>
<meta name="robots" content="index, follow, max-image-preview:large">
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta http-equiv="origin-trial"
content="AllxSN0BrDmI9f9koUyx9fcVvuJ1gJDgZwqVVrYfgGuioD1brzdJ+xc37gw5OAznh+/Ump5CV1FtoKjtoMiKKQsAAABneyJvcmlnaW4iOiJodHRwczovL3d3dy5ibGlibGkuY29tOjQ0MyIsImZlYXR1cmUiOiJDb250ZW50SW5kZXgiLCJleHBpcnkiOjE1OTQxNjYzOTksImlzU3ViZG9tYWluIjp0cnVlfQ==">
<meta name="viewport" content="width=device-width,height=device-height,initial-scale=1,maximum-scale=2">
<link rel="manifest" href="/sw/manifest.json">
<meta name="theme-color" content="#0072FF">
<link rel="icon" type="image/png" sizes="16x16"
href="https://www.static-src.com/siva/asset/09_2023/homepage_favicon_rebranding.png">
<link rel="icon" type="image/png" sizes="32x32" href="https://www.static-src.com/siva/asset/10_2023/icon-32px.png">
<link rel="icon" type="image/png" sizes="60x60" href="https://www.static-src.com/siva/asset/10_2023/icon-60px.png">
<link rel="icon" type="image/png" sizes="144x144"
href="https://www.static-src.com/siva/asset/10_2023/icon-144px.png">
<link rel="apple-touch-icon" sizes="16x16"
href="https://www.static-src.com/siva/asset/09_2023/homepage_favicon_rebranding.png">
<link rel="apple-touch-icon" sizes="32x32" href="https://www.static-src.com/siva/asset/10_2023/icon-32px.png">
<link rel="apple-touch-icon" sizes="60x60" href="https://www.static-src.com/siva/asset/10_2023/icon-60px.png">
<link rel="apple-touch-icon" sizes="144x144" href="https://www.static-src.com/siva/asset/10_2023/icon-144px.png">
<meta property="og:site_name" content="Blibli.com">
<meta property="og:type" content="website">
<meta name="twitter:card" content="summary">
<meta name="twitter:site" content="@bliblidotcom">
<meta name="twitter:creator" content="@bliblidotcom">
<link href="https://www.blibli.com/opensearch.xml" title="Blibli.com Search"
type="application/opensearchdescription+xml" rel="search">
<link rel="search" type="application/opensearchdescription+xml" href="/opensearch.xml" title="Blibli.com search">
<script>function attachPublicPath(e) { window["_" + e + "_staticPublicPath"] = function () { return "https://www.static-src.com/frontend/" + (e && "" !== e && "main" !== e ? e + "/" : "") } } attachPublicPath("main"), window._env_prefix = ""; for (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"], 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"], i = 0; i < modules.length; i++) { var mod = modules[i]; attachPublicPath(mod), window["_" + mod + "_ver"] = collabs[i] } window._static_image_path = "https://www.static-src.com/wcsstore/Indraprastha/", window._homepage_component = "histeria11-11", window._blibli_version = "4.110.0-12"</script>
<script>!function () { var e, t, i, d; e = "stylesheet", t = window._main_staticPublicPath() + "static/index.5da5dd52.css", i = void 0, (d = document.createElement("link")).rel = e, d.href = t, i && (d.integrity = i), document.head.appendChild(d) }()</script>
<link rel="stylesheet" href="https://www.static-src.com/frontend/static/index.5da5dd52.css">
<link rel="stylesheet" href="https://www.static-src.com/frontend/static/index.5da5dd52.css">
<link rel="stylesheet" href="https://www.static-src.com/frontend/product-detail/static/2.26.1-8/mobile/index.css">
<style>
.blu-ripple[data-v-2bedc3c7] {
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-2bedc3c7] {
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-2bedc3c7] {
animation-duration: 1.2s;
top: 50%;
left: 50%
}
.blu-ripple-wave~[data-v-2bedc3c7]:not(.blu-ripple-wave) {
position: relative;
z-index: 2
}
.blu-ripple-enter-active[data-v-2bedc3c7] {
transition: 2s cubic-bezier(.25, .8, .25, 1);
transition-property: opacity, transform;
will-change: opacity, transform
}
.blu-ripple-enter-active.b-centered[data-v-2bedc3c7] {
transition-duration: 1.2s
}
.blu-ripple-enter[data-v-2bedc3c7] {
opacity: .26;
transform: scale(.26) translateZ(0)
}
.has-left-icon .blu-ripple svg[data-v-2bedc3c7] {
margin-right: 8px
}
.has-left-icon.b-small svg[data-v-2bedc3c7] {
transform-origin: left;
margin-right: 4px
}
.b-large .blu-ripple[data-v-2bedc3c7] {
padding: 0 16px
}
.b-small .blu-ripple[data-v-2bedc3c7] {
padding: 0 8px
}
.b-small svg[data-v-2bedc3c7] {
width: 18px;
height: 18px
}
.b-icon .blu-ripple[data-v-2bedc3c7] {
padding: 0
}
.b-loading .blu-loader-wrapper[data-v-2bedc3c7] {
height: 24px;
position: absolute
}
.b-loading .blu-ripple[data-v-2bedc3c7] {
color: transparent
}
.b-loading .blu-ripple>svg[data-v-2bedc3c7] {
visibility: hidden
}
.b-loading .blu-ripple .blu-ripple-wave[data-v-2bedc3c7] {
color: #fff
}
.b-loading.b-outline.b-secondary .blu-ripple-wave[data-v-2bedc3c7],
.b-loading.b-white .blu-ripple-wave[data-v-2bedc3c7] {
color: #0072ff
}
.b-loading.b-outline.b-primary .blu-ripple-wave[data-v-2bedc3c7] {
color: #f1ab02
}
.b-loading.b-ghost.b-secondary .blu-ripple-wave[data-v-2bedc3c7] {
color: #0072ff
}
.b-loading.b-ghost.b-primary .blu-ripple-wave[data-v-2bedc3c7] {
color: #f1ab02
}
.blu-input-stepper .blu-btn .blu-ripple[data-v-2bedc3c7] {
padding: 0;
width: 24px;
height: 24px;
border-radius: 50%
}
.blu-input-stepper .blu-btn .blu-ripple svg[data-v-2bedc3c7] {
width: 18px;
height: 18px;
margin-left: 1px
}
.blu-input-stepper .blu-btn .blu-ripple-enter-active[data-v-2bedc3c7] {
background: #0072ff
}
.b-disabled[data-v-2bedc3c7] {
opacity: 1
}
.blu-btn-dropdown .blu-ripple>svg+div[data-v-2bedc3c7] {
margin-left: 8px
}
.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-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-574d97b4] {
animation-duration: 1.2s;
top: 50%;
left: 50%
}
.blu-ripple-wave~[data-v-574d97b4]:not(.blu-ripple-wave) {
position: relative;
z-index: 2
}
.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-574d97b4] {
transition-duration: 1.2s
}
.blu-ripple-enter[data-v-574d97b4] {
opacity: .26;
transform: scale(.26) translateZ(0)
}
.has-left-icon .blu-ripple svg[data-v-574d97b4] {
margin-right: 8px
}
.has-left-icon.b-small svg[data-v-574d97b4] {
transform-origin: left;
margin-right: 4px
}
.b-large .blu-ripple[data-v-574d97b4] {
padding: 0 16px
}
.b-small .blu-ripple[data-v-574d97b4] {
padding: 0 8px
}
.b-small svg[data-v-574d97b4] {
width: 18px;
height: 18px
}
.b-icon .blu-ripple[data-v-574d97b4] {
padding: 0
}
.b-loading .blu-loader-wrapper[data-v-574d97b4] {
height: 24px;
position: absolute
}
.b-loading .blu-ripple[data-v-574d97b4] {
color: transparent
}
.b-loading .blu-ripple>svg[data-v-574d97b4] {
visibility: hidden
}
.b-loading .blu-ripple .blu-ripple-wave[data-v-574d97b4] {
color: #fff
}
.b-loading.b-outline.b-secondary .blu-ripple-wave[data-v-574d97b4],
.b-loading.b-white .blu-ripple-wave[data-v-574d97b4] {
color: #0072ff
}
.b-loading.b-outline.b-primary .blu-ripple-wave[data-v-574d97b4] {
color: #f1ab02
}
.b-loading.b-ghost.b-secondary .blu-ripple-wave[data-v-574d97b4] {
color: #0072ff
}
.b-loading.b-ghost.b-primary .blu-ripple-wave[data-v-574d97b4] {
color: #f1ab02
}
.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-574d97b4] {
width: 18px;
height: 18px;
margin-left: 1px
}
.blu-input-stepper .blu-btn .blu-ripple-enter-active[data-v-574d97b4] {
background: #0072ff
}
.b-disabled[data-v-574d97b4] {
opacity: 1
}
.blu-btn-dropdown .blu-ripple>svg+div[data-v-574d97b4] {
margin-left: 8px
}
.blu-ripple[data-v-19fd2cc7] {
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] {
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] {
animation-duration: 1.2s;
top: 50%;
left: 50%
}
.blu-ripple-wave~[data-v-19fd2cc7]:not(.blu-ripple-wave) {
position: relative;
z-index: 2
}
.blu-ripple-enter-active[data-v-19fd2cc7] {
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] {
transition-duration: 1.2s
}
.blu-ripple-enter[data-v-19fd2cc7] {
opacity: .26;
transform: scale(.26) translateZ(0)
}
.has-left-icon .blu-ripple svg[data-v-19fd2cc7] {
margin-right: 8px
}
.has-left-icon.b-small svg[data-v-19fd2cc7] {
transform-origin: left;
margin-right: 4px
}
.b-large .blu-ripple[data-v-19fd2cc7] {
padding: 0 16px
}
.b-small .blu-ripple[data-v-19fd2cc7] {
padding: 0 8px
}
.b-small svg[data-v-19fd2cc7] {
width: 18px;
height: 18px
}
.b-icon .blu-ripple[data-v-19fd2cc7] {
padding: 0
}
.b-loading .blu-loader-wrapper[data-v-19fd2cc7] {
height: 24px;
position: absolute
}
.b-loading .blu-ripple[data-v-19fd2cc7] {
color: transparent
}
.b-loading .blu-ripple>svg[data-v-19fd2cc7] {
visibility: hidden
}
.b-loading .blu-ripple .blu-ripple-wave[data-v-19fd2cc7] {
color: #fff
}
.b-loading.b-outline.b-secondary .blu-ripple-wave[data-v-19fd2cc7],
.b-loading.b-white .blu-ripple-wave[data-v-19fd2cc7] {
color: #0072ff
}
.b-loading.b-outline.b-primary .blu-ripple-wave[data-v-19fd2cc7] {
color: #f1ab02
}
.b-loading.b-ghost.b-secondary .blu-ripple-wave[data-v-19fd2cc7] {
color: #0072ff
}
.b-loading.b-ghost.b-primary .blu-ripple-wave[data-v-19fd2cc7] {
color: #f1ab02
}
.blu-input-stepper .blu-btn .blu-ripple[data-v-19fd2cc7] {
padding: 0;
width: 24px;
height: 24px;
border-radius: 50%
}
.blu-input-stepper .blu-btn .blu-ripple svg[data-v-19fd2cc7] {
width: 18px;
height: 18px;
margin-left: 1px
}
.blu-input-stepper .blu-btn .blu-ripple-enter-active[data-v-19fd2cc7] {
background: #0072ff
}
.blu-btn-dropdown .blu-ripple>svg+div[data-v-19fd2cc7] {
margin-left: 8px
}
.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
}
.blu-btn[data-v-19fd2cc7]::-moz-focus-inner {
border: 0
}
.blu-btn[data-v-19fd2cc7]:active {
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] {
color: #fff;
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: #fff;
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: #c8cbcd;
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] {
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],
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
}
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 none !important
}
.blu-btn[data-v-19fd2cc7] {
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-primary[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[data-v-19fd2cc7]:not(.b-disabled) {
background-color: hsla(0, 0%, 100%, .12)
}
.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[data-v-19fd2cc7]:not(.b-disabled) {
background-color: hsla(0, 0%, 100%, .12)
}
.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[data-v-19fd2cc7]:not(.b-disabled) {
background-color: hsla(0, 0%, 100%, .12)
}
.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
}
.blu-ripple[data-v-2bedc3c7] {
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-2bedc3c7] {
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-2bedc3c7] {
animation-duration: 1.2s;
top: 50%;
left: 50%
}
.blu-ripple-wave~[data-v-2bedc3c7]:not(.blu-ripple-wave) {
position: relative;
z-index: 2
}
.blu-ripple-enter-active[data-v-2bedc3c7] {
transition: 2s cubic-bezier(.25, .8, .25, 1);
transition-property: opacity, transform;
will-change: opacity, transform
}
.blu-ripple-enter-active.b-centered[data-v-2bedc3c7] {
transition-duration: 1.2s
}
.blu-ripple-enter[data-v-2bedc3c7] {
opacity: .26;
transform: scale(.26) translateZ(0)
}
.has-left-icon .blu-ripple svg[data-v-2bedc3c7] {
margin-right: 8px
}
.has-left-icon.b-small svg[data-v-2bedc3c7] {
transform-origin: left;
margin-right: 4px
}
.b-large .blu-ripple[data-v-2bedc3c7] {
padding: 0 16px
}
.b-small .blu-ripple[data-v-2bedc3c7] {
padding: 0 8px
}
.b-small svg[data-v-2bedc3c7] {
width: 18px;
height: 18px
}
.b-icon .blu-ripple[data-v-2bedc3c7] {
padding: 0
}
.b-loading .blu-loader-wrapper[data-v-2bedc3c7] {
height: 24px;
position: absolute
}
.b-loading .blu-ripple[data-v-2bedc3c7] {
color: transparent
}
.b-loading .blu-ripple>svg[data-v-2bedc3c7] {
visibility: hidden
}
.b-loading .blu-ripple .blu-ripple-wave[data-v-2bedc3c7] {
color: #fff
}
.b-loading.b-outline.b-secondary .blu-ripple-wave[data-v-2bedc3c7],
.b-loading.b-white .blu-ripple-wave[data-v-2bedc3c7] {
color: #0072ff
}
.b-loading.b-outline.b-primary .blu-ripple-wave[data-v-2bedc3c7] {
color: #f1ab02
}
.b-loading.b-ghost.b-secondary .blu-ripple-wave[data-v-2bedc3c7] {
color: #0072ff
}
.b-loading.b-ghost.b-primary .blu-ripple-wave[data-v-2bedc3c7] {
color: #f1ab02
}
.blu-input-stepper .blu-btn .blu-ripple[data-v-2bedc3c7] {
padding: 0;
width: 24px;
height: 24px;
border-radius: 50%
}
.blu-input-stepper .blu-btn .blu-ripple svg[data-v-2bedc3c7] {
width: 18px;
height: 18px;
margin-left: 1px
}
.blu-input-stepper .blu-btn .blu-ripple-enter-active[data-v-2bedc3c7] {
background: #0072ff
}
.b-disabled[data-v-2bedc3c7] {
opacity: 1
}
.blu-btn-dropdown .blu-ripple>svg+div[data-v-2bedc3c7] {
margin-left: 8px
}
.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-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-574d97b4] {
animation-duration: 1.2s;
top: 50%;
left: 50%
}
.blu-ripple-wave~[data-v-574d97b4]:not(.blu-ripple-wave) {
position: relative;
z-index: 2
}
.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-574d97b4] {
transition-duration: 1.2s
}
.blu-ripple-enter[data-v-574d97b4] {
opacity: .26;
transform: scale(.26) translateZ(0)
}
.has-left-icon .blu-ripple svg[data-v-574d97b4] {
margin-right: 8px
}
.has-left-icon.b-small svg[data-v-574d97b4] {
transform-origin: left;
margin-right: 4px
}
.b-large .blu-ripple[data-v-574d97b4] {
padding: 0 16px
}
.b-small .blu-ripple[data-v-574d97b4] {
padding: 0 8px
}
.b-small svg[data-v-574d97b4] {
width: 18px;
height: 18px
}
.b-icon .blu-ripple[data-v-574d97b4] {
padding: 0
}
.b-loading .blu-loader-wrapper[data-v-574d97b4] {
height: 24px;
position: absolute
}
.b-loading .blu-ripple[data-v-574d97b4] {
color: transparent
}
.b-loading .blu-ripple>svg[data-v-574d97b4] {
visibility: hidden
}
.b-loading .blu-ripple .blu-ripple-wave[data-v-574d97b4] {
color: #fff
}
.b-loading.b-outline.b-secondary .blu-ripple-wave[data-v-574d97b4],
.b-loading.b-white .blu-ripple-wave[data-v-574d97b4] {
color: #0072ff
}
.b-loading.b-outline.b-primary .blu-ripple-wave[data-v-574d97b4] {
color: #f1ab02
}
.b-loading.b-ghost.b-secondary .blu-ripple-wave[data-v-574d97b4] {
color: #0072ff
}
.b-loading.b-ghost.b-primary .blu-ripple-wave[data-v-574d97b4] {
color: #f1ab02
}
.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-574d97b4] {
width: 18px;
height: 18px;
margin-left: 1px
}
.blu-input-stepper .blu-btn .blu-ripple-enter-active[data-v-574d97b4] {
background: #0072ff
}
.b-disabled[data-v-574d97b4] {
opacity: 1
}
.blu-btn-dropdown .blu-ripple>svg+div[data-v-574d97b4] {
margin-left: 8px
}
</style>
<script>window.SERVER_CACHE = (() => ({
cachedKeys: ["cmsConfig", "searchConfig", "routerConfig"],
expiryTime: Date.now() + 15_000
}))()</script>
<script src="https://www.blibli.com/backend/content/thematic/thematic_configuration_non_canary.js"></script>
<link rel="preload" as="image"
href="https://i.ibb.co.com/FHtPxFJ/lotttus.jpg?w=860">
<style type="text/css">
.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(.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
}
</style>
<style type="text/css">
.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;
background-color: #f1f2f2;
white-space: nowrap
}
.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
}
.label[data-v-2c6dbc7f] {
background-color: #ff7373
}
</style>
<style type="text/css">
.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;
background-color: #f1f2f2;
white-space: nowrap
}
.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[data-v-7ca4698c] {
background-color: #ffcd00
}
.label.b-secondary[data-v-7ca4698c] {
background-color: #fef5d2;
color: #f1ab02
}
</style>
<style type="text/css">
.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;
background-color: #f1f2f2;
white-space: nowrap
}
.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[data-v-c2eed16c] {
background-color: #22a334
}
.label.b-secondary[data-v-c2eed16c] {
background-color: #d6f7da;
color: #1c832a
}
</style>
<style type="text/css">
.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;
background-color: #f1f2f2;
white-space: nowrap
}
.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[data-v-25801e34] {
background-color: #1d8fff
}
.label.b-secondary[data-v-25801e34] {
background-color: #e1f1ff;
color: #0072ff
}
</style>
<style type="text/css">
.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;
color: #fff;
border-radius: 4px;
background-color: #f1f2f2;
white-space: nowrap
}
.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[data-v-7e88823e] {
color: rgba(25, 34, 42, .4);
background-color: #e1e3e4
}
.label.b-secondary[data-v-7e88823e] {
background-color: #92979c;
color: #fff
}
</style>
<style type="text/css">
.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, #fff 100%, #000 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-white .blu-ripple-wave[data-v-48d1b9d6] {
color: #0072ff
}
.b-loading.b-outline.b-secondary .blu-ripple-wave[data-v-48d1b9d6] {
color: #0072ff
}
.b-loading.b-outline.b-primary .blu-ripple-wave[data-v-48d1b9d6] {
color: #f1ab02
}
.b-loading.b-ghost.b-secondary .blu-ripple-wave[data-v-48d1b9d6] {
color: #0072ff
}
.b-loading.b-ghost.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
}
</style>
<style type="text/css">
.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, #fff 100%, #000 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%
}
.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-white .blu-ripple-wave[data-v-8d4155d0] {
color: #0072ff
}
.b-loading.b-outline.b-secondary .blu-ripple-wave[data-v-8d4155d0] {
color: #0072ff
}
.b-loading.b-outline.b-primary .blu-ripple-wave[data-v-8d4155d0] {
color: #f1ab02
}
.b-loading.b-ghost.b-secondary .blu-ripple-wave[data-v-8d4155d0] {
color: #0072ff
}
.b-loading.b-ghost.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
}
</style>
<style type="text/css">
.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, #fff 100%, #000 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-white .blu-ripple-wave[data-v-fe4ffa8e] {
color: #0072ff
}
.b-loading.b-outline.b-secondary .blu-ripple-wave[data-v-fe4ffa8e] {
color: #0072ff
}
.b-loading.b-outline.b-primary .blu-ripple-wave[data-v-fe4ffa8e] {
color: #f1ab02
}
.b-loading.b-ghost.b-secondary .blu-ripple-wave[data-v-fe4ffa8e] {
color: #0072ff
}
.b-loading.b-ghost.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
}
.b-disabled[data-v-fe4ffa8e] {
opacity: 1
}
.blu-btn-dropdown .blu-ripple>svg+div[data-v-fe4ffa8e] {
margin-left: 8px
}
.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
}
.blu-btn[data-v-fe4ffa8e]::-moz-focus-inner {
border: 0
}
.blu-btn[data-v-fe4ffa8e]:active {
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] {
color: #fff;
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
}
.blu-btn.b-disabled[data-v-fe4ffa8e] {
color: #fff;
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],
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
}
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 none !important
}
.blu-btn[data-v-fe4ffa8e] {
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: #ffcd00 1px solid
}
.blu-btn.b-outline.b-primary[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: #ffcd00 1px solid
}
.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: #1d8fff 1px solid
}
.blu-btn.b-outline.b-secondary[data-v-fe4ffa8e]:not(.b-disabled) {
background-color: rgba(255, 255, 255, .12)
}
.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: #1d8fff 1px solid
}
.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: #fff 1px solid
}
.blu-btn.b-outline.b-white[data-v-fe4ffa8e]:not(.b-disabled) {
background-color: rgba(255, 255, 255, .12)
}
.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: #fff 1px solid
}
.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: #c8cbcd 1px solid
}
.blu-btn.b-outline.b-disabled[data-v-fe4ffa8e]:not(.b-disabled) {
background-color: rgba(255, 255, 255, .12)
}
.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: #c8cbcd 1px solid
}
.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[data-v-fe4ffa8e] {
border-radius: 16px
}
.blu-btn.b-small .blu-ripple[data-v-fe4ffa8e] {
border-radius: 16px
}
.blu-btn.b-large[data-v-fe4ffa8e] {
border-radius: 32px
}
.blu-btn.b-large .blu-ripple[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
}
</style>
<link rel="modulepreload" as="script" crossorigin=""
href="https://www.static-src.com/frontend/static/js/CustomerLocation.49933ea8.js">
<link rel="modulepreload" as="script" crossorigin=""
href="https://www.static-src.com/frontend/static/js/address-event.0a54fb2b.js">
<link rel="modulepreload" as="script" crossorigin=""
href="https://www.static-src.com/frontend/static/js/Location.c79a4a93.js">
<link rel="modulepreload" as="script" crossorigin=""
href="https://www.static-src.com/frontend/static/js/customer-location-mixin.dd72e66a.js">
<link rel="stylesheet" href="https://www.static-src.com/frontend/static/CustomerLocation.d45a5c3d.css">
<link href="https://blibli.api.useinsider.com" rel="preconnect" crossorigin="anonymous">
<link href="https://cs.gssprt.jp" rel="preconnect" crossorigin="anonymous">
<link href="https://i.w55c.net" rel="preconnect" crossorigin="anonymous">
<link href="https://weather.api.useinsider.com" rel="preconnect" crossorigin="anonymous">
<link href="https://api.useinsider.com" rel="preconnect" crossorigin="anonymous">
<link href="https://asia.creativecdn.com" rel="preconnect" crossorigin="anonymous">
<link href="https://bcp.crwdcntrl.net" rel="preconnect" crossorigin="anonymous">
<link href="https://bwa.blibli.com" rel="preconnect" crossorigin="anonymous">
<link href="https://cm.creativecdn.com" rel="preconnect" crossorigin="anonymous">
<link href="https://cm.g.doubleclick.net" rel="preconnect" crossorigin="anonymous">
<link href="https://cs.gssprt.jp" rel="preconnect" crossorigin="anonymous">
<link href="https://googleads.g.doubleclick.net" rel="preconnect" crossorigin="anonymous">
<link href="https://gum.criteo.com" rel="preconnect" crossorigin="anonymous">
<link href="https://hit.api.useinsider.com" rel="preconnect" crossorigin="anonymous">
<link href="https://i.w55c.net" rel="preconnect" crossorigin="anonymous">
<link href="https://js-agent.newrelic.com" rel="preconnect" crossorigin="anonymous">
<link href="https://location.api.useinsider.com" rel="preconnect" crossorigin="anonymous">
<link href="https://log.api.useinsider.com" rel="preconnect" crossorigin="anonymous">
<link href="https://match.adsrvr.org" rel="preconnect" crossorigin="anonymous">
<link href="https://script.crazyegg.com" rel="preconnect" crossorigin="anonymous">
<link href="https://segment.api.useinsider.com" rel="preconnect" crossorigin="anonymous">
<link href="https://sslwidget.criteo.com" rel="preconnect" crossorigin="anonymous">
<link href="https://static.criteo.net" rel="preconnect" crossorigin="anonymous">
<link href="https://stats.g.doubleclick.net" rel="preconnect" crossorigin="anonymous">
<link href="https://storage.googleapis.com" rel="preconnect" crossorigin="anonymous">
<link href="https://sync.crwdcntrl.net" rel="preconnect" crossorigin="anonymous">
<link href="https://tags.crwdcntrl.net" rel="preconnect" crossorigin="anonymous">
<link href="https://weather.api.useinsider.com" rel="preconnect" crossorigin="anonymous">
<link href="https://www.facebook.com" rel="preconnect" crossorigin="anonymous">
<link href="https://www.google.co.id" rel="preconnect" crossorigin="anonymous">
<link href="https://www.google.com" rel="preconnect" crossorigin="anonymous">
<link href="https://www.googleadservices.com" rel="preconnect" crossorigin="anonymous">
<link href="https://www.google-analytics.com" rel="preconnect" crossorigin="anonymous">
<link href="https://www.googletagmanager.com" rel="preconnect" crossorigin="anonymous">
<link href="https://www.static-src.com" rel="preconnect" crossorigin="anonymous">
<link href="https://websdk.appsflyer.com" rel="preconnect" crossorigin="anonymous">
<link href="https://banner.appsflyer.com" rel="preconnect" crossorigin="anonymous">
<link href="https://fvalid.appsflyer.com" rel="preconnect" crossorigin="anonymous">
<script
src="https://cdn.moengage.com/release/dc_1/moe_webSdk_webp.min.latest.js?app_id=QTD7QXC51X5DZR3CTIHK33PQ"></script>
<script type="text/javascript" async="" src="https://www.blibli.com/bwa/2.4.5-0/index.js"></script>
<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>
<style type="text/css">
.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: #f1f2f2 1px solid;
background-color: #f1f2f2;
transition-duration: .3s;
white-space: nowrap;
letter-spacing: 0
}
.blu-chip.b-primary input[data-v-652f3722] {
display: none;
transition: background-color .4s
}
.blu-chip.b-primary 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 {
background-color: #006dea;
border-color: #006dea
}
.blu-chip.b-primary input:checked+span svg[data-v-652f3722]:first-child {
color: #fff
}
.blu-chip.b-primary input+span[data-v-652f3722] {
border: #f1f2f2 1px solid
}
.blu-chip.b-primary input+span[data-v-652f3722]:hover {
background-color: #e1e3e4;
border-color: #e1e3e4
}
.blu-chip.b-secondary input[data-v-652f3722] {
display: none;
transition: background-color .4s
}
.blu-chip.b-secondary input:checked+span[data-v-652f3722] {
color: #fff;
border-color: #1d8fff;
background-color: #1d8fff
}
.blu-chip.b-secondary input:checked+span[data-v-652f3722]:hover {
background-color: #006dea;
border-color: #006dea
}
.blu-chip.b-secondary input:checked+span svg[data-v-652f3722]:first-child {
color: #fff
}
.blu-chip.b-secondary input+span[data-v-652f3722] {
border: #f1f2f2 1px solid
}
.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: #f1f2f2 1px solid;
background-color: #c8cbcd;
border: none;
color: rgba(25, 34, 42, .4)
}
.blu-chip.b-outline.b-primary 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 {
border: solid 1px #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 {
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[data-v-652f3722] {
display: none;
transition: background-color .4s, border-color .6s
}
.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:checked+span[data-v-652f3722]:hover {
border: solid 1px #0072ff
}
.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[data-v-652f3722]:hover {
border: 1px solid #4fa4ff
}
.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: #e1e3e4 1px solid;
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 input[data-v-652f3722]:focus {
outline: 0
}
.blu-chip__wrapper.b-outline .blu-chip span[data-v-652f3722] {
background-color: #fff;
border: #e1e3e4 1px solid
}
.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: shake-652f3722 .82s cubic-bezier(.36, .07, .19, .97) both;
transform: 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
}
[data-v-652f3722]:focus {
outline: 0
}
</style>
<style type="text/css">
.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: #f1f2f2 1px solid;
background-color: #f1f2f2;
transition-duration: .3s;
white-space: nowrap;
letter-spacing: 0
}
.blu-chip.b-primary input[data-v-342de9b2] {
display: none;
transition: background-color .4s
}
.blu-chip.b-primary 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 {
background-color: #006dea;
border-color: #006dea
}
.blu-chip.b-primary input:checked+span svg[data-v-342de9b2]:first-child {
color: #fff
}
.blu-chip.b-primary input+span[data-v-342de9b2] {
border: #f1f2f2 1px solid
}
.blu-chip.b-primary input+span[data-v-342de9b2]:hover {
background-color: #e1e3e4;
border-color: #e1e3e4
}
.blu-chip.b-secondary input[data-v-342de9b2] {
display: none;
transition: background-color .4s
}
.blu-chip.b-secondary input:checked+span[data-v-342de9b2] {
color: #fff;
border-color: #1d8fff;
background-color: #1d8fff
}
.blu-chip.b-secondary input:checked+span[data-v-342de9b2]:hover {
background-color: #006dea;
border-color: #006dea
}
.blu-chip.b-secondary input:checked+span svg[data-v-342de9b2]:first-child {
color: #fff
}
.blu-chip.b-secondary input+span[data-v-342de9b2] {
border: #f1f2f2 1px solid
}
.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: #f1f2f2 1px solid;
background-color: #c8cbcd;
border: none;
color: rgba(25, 34, 42, .4)
}
.blu-chip.b-outline.b-primary 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 {
border: solid 1px #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 {
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[data-v-342de9b2] {
display: none;
transition: background-color .4s, border-color .6s
}
.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:checked+span[data-v-342de9b2]:hover {
border: solid 1px #0072ff
}
.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[data-v-342de9b2]:hover {
border: 1px solid #4fa4ff
}
.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: #e1e3e4 1px solid;
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 input[data-v-342de9b2]:focus {
outline: 0
}
.blu-chip__wrapper.b-outline .blu-chip span[data-v-342de9b2] {
background-color: #fff;
border: #e1e3e4 1px solid
}
.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);
background-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: shake-342de9b2 .82s cubic-bezier(.36, .07, .19, .97) both;
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
}
[data-v-342de9b2]:focus {
outline: 0
}
</style>
<style type="text/css">
.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: #f1f2f2 1px solid;
background-color: #f1f2f2;
transition-duration: .3s;
white-space: nowrap;
letter-spacing: 0
}
.blu-chip.b-primary input[data-v-2ffdd76e] {
display: none;
transition: background-color .4s
}
.blu-chip.b-primary 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 {
background-color: #006dea;
border-color: #006dea
}
.blu-chip.b-primary input:checked+span svg[data-v-2ffdd76e]:first-child {
color: #fff
}
.blu-chip.b-primary input+span[data-v-2ffdd76e] {
border: #f1f2f2 1px solid
}
.blu-chip.b-primary input+span[data-v-2ffdd76e]:hover {
background-color: #e1e3e4;
border-color: #e1e3e4
}
.blu-chip.b-secondary input[data-v-2ffdd76e] {
display: none;
transition: background-color .4s
}
.blu-chip.b-secondary input:checked+span[data-v-2ffdd76e] {
color: #fff;
border-color: #1d8fff;
background-color: #1d8fff
}
.blu-chip.b-secondary input:checked+span[data-v-2ffdd76e]:hover {
background-color: #006dea;
border-color: #006dea
}
.blu-chip.b-secondary input:checked+span svg[data-v-2ffdd76e]:first-child {
color: #fff
}
.blu-chip.b-secondary input+span[data-v-2ffdd76e] {
border: #f1f2f2 1px solid
}
.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: #f1f2f2 1px solid;
background-color: #c8cbcd;
border: none;
color: rgba(25, 34, 42, .4)
}
.blu-chip.b-outline.b-primary 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 {
border: solid 1px #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 {
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[data-v-2ffdd76e] {
display: none;
transition: background-color .4s, border-color .6s
}
.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:checked+span[data-v-2ffdd76e]:hover {
border: solid 1px #0072ff
}
.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[data-v-2ffdd76e]:hover {
border: 1px solid #4fa4ff
}
.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: #e1e3e4 1px solid;
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 input[data-v-2ffdd76e]:focus {
outline: 0
}
.blu-chip__wrapper.b-outline .blu-chip span[data-v-2ffdd76e] {
background-color: #fff;
border: #e1e3e4 1px solid
}
.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);
background-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: shake-2ffdd76e .82s cubic-bezier(.36, .07, .19, .97) both;
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
}
[data-v-2ffdd76e]:focus {
outline: 0
}
</style>
<style type="text/css">
.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-right-btm[data-v-0ee5205b],
.blu-tooltip.b-right-center[data-v-0ee5205b],
.blu-tooltip.b-right-top[data-v-0ee5205b] {
display: inline-flex
}
.blu-tooltip.b-left-btm[data-v-0ee5205b],
.blu-tooltip.b-left-center[data-v-0ee5205b],
.blu-tooltip.b-left-top[data-v-0ee5205b] {
display: inline-flex
}
}
</style>
<style type="text/css">
@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: all .5s ease 0s
}
.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: all .5s ease 0s
}
.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 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: all .5s ease 0s;
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
}
}
</style>
<style type="text/css">
@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 ease .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
}
}
@media screen and (min-width:769px),
print {
.blu-tooltip__content-wrapper[data-v-1b7c2afb] {
position: absolute;
z-index: 1;
pointer-events: none
}
}
@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
}
}
@media screen and (min-width:769px),
print {
.blu-tooltip__label:hover+.blu-tooltip__content-wrapper .blu-tooltip__content[data-v-1b7c2afb] {
opacity: 1;
visibility: visible;
animation: scale-up-1b7c2afb .2s cubic-bezier(0, 0, .4, 1.4) .2s
}
.blu-tooltip__label:focus-visible+.blu-tooltip__content-wrapper .blu-tooltip__content[data-v-1b7c2afb] {
opacity: 1;
visibility: visible;
animation: scale-up-1b7c2afb .2s cubic-bezier(0, 0, .4, 1.4) .2s
}
.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
}
}
@media screen and (min-width:769px)and (min-width:769px),
print {
.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%
}
}
@media screen and (min-width:769px),
print {
.blu-tooltip.b-btm-center .blu-tooltip__content[data-v-1b7c2afb],
.blu-tooltip.b-top-center .blu-tooltip__content[data-v-1b7c2afb] {
margin: auto
}
}
@media screen and (min-width:769px)and (min-width:769px),
print {
.blu-tooltip.b-btm-center .blu-tooltip__content[data-v-1b7c2afb],
.blu-tooltip.b-top-center .blu-tooltip__content[data-v-1b7c2afb] {
margin: auto;
margin-right: -50%
}
}
@media screen and (min-width:769px),
print {
.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-top-left .blu-tooltip__content-wrapper[data-v-1b7c2afb] {
right: 0
}
.blu-tooltip.b-top-right .blu-tooltip__content-wrapper[data-v-1b7c2afb] {
left: 0
}
.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-btm-left .blu-tooltip__content-wrapper[data-v-1b7c2afb] {
right: 0
}
.blu-tooltip.b-btm-right .blu-tooltip__content-wrapper[data-v-1b7c2afb] {
left: 0
}
.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;
left: 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 (max-width:768px) {
.blu-tooltip.b-active .blu-tooltip__content[data-v-1b7c2afb] {
max-height: calc(100% - 50px);
padding: 24px 24px 28px 24px;
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
}
.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) url(data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PSIwIDAgMjQgMjQiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGQ9Ik0xMy43NjcyIDEyTDE3LjYzMiA4LjEzODM5QzE4LjEyMjcgNy42NDgxOSAxOC4xMjI3IDYuODU3ODYgMTcuNjMyIDYuMzY3NjVDMTcuMTQxNCA1Ljg3NzQ1IDE2LjM1MDQgNS44Nzc0NSAxNS44NTk4IDYuMzY3NjVMMTEuOTk1IDEwLjIyOTNMOC4xNDAxOCA2LjM3NzY2QzcuNjQ5NTYgNS44ODc0NSA2Ljg1ODU3IDUuODg3NDUgNi4zNjc5NiA2LjM3NzY2QzUuODc3MzUgNi44Njc4NiA1Ljg3NzM1IDcuNjU4MTkgNi4zNjc5NiA4LjE0ODRMMTAuMjIyOCAxMkw2LjM2Nzk2IDE1Ljg2MTZDNS44NzczNSAxNi4zNTE4IDUuODc3MzUgMTcuMTQyMSA2LjM2Nzk2IDE3LjYzMjNDNi44NTg1NyAxOC4xMjI2IDcuNjQ5NTYgMTguMTIyNiA4LjE0MDE4IDE3LjYzMjNMMTIuMDA1IDEzLjc3MDdMMTUuODU5OCAxNy42MjIzQzE2LjM1MDQgMTguMTEyNSAxNy4xNDE0IDE4LjExMjUgMTcuNjMyIDE3LjYyMjNDMTguMTIyNyAxNy4xMzIxIDE4LjEyMjcgMTYuMzQxOCAxNy42MzIgMTUuODUxNkwxMy43NzcyIDEySDEzLjc2NzJaIiBmaWxsPSIjNzk3Rjg1Ii8+Cjwvc3ZnPgo=) center center no-repeat #e1e3e4;
background-color: #e1e3e4;
-webkit-mask-image: url(data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PSIwIDAgMjQgMjQiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGQ9Ik0xMy43NjcyIDEyTDE3LjYzMiA4LjEzODM5QzE4LjEyMjcgNy42NDgxOSAxOC4xMjI3IDYuODU3ODYgMTcuNjMyIDYuMzY3NjVDMTcuMTQxNCA1Ljg3NzQ1IDE2LjM1MDQgNS44Nzc0NSAxNS44NTk4IDYuMzY3NjVMMTEuOTk1IDEwLjIyOTNMOC4xNDAxOCA2LjM3NzY2QzcuNjQ5NTYgNS44ODc0NSA2Ljg1ODU3IDUuODg3NDUgNi4zNjc5NiA2LjM3NzY2QzUuODc3MzUgNi44Njc4NiA1Ljg3NzM1IDcuNjU4MTkgNi4zNjc5NiA4LjE0ODRMMTAuMjIyOCAxMkw2LjM2Nzk2IDE1Ljg2MTZDNS44NzczNSAxNi4zNTE4IDUuODc3MzUgMTcuMTQyMSA2LjM2Nzk2IDE3LjYzMjNDNi44NTg1NyAxOC4xMjI2IDcuNjQ5NTYgMTguMTIyNiA4LjE0MDE4IDE3LjYzMjNMMTIuMDA1IDEzLjc3MDdMMTUuODU5OCAxNy42MjIzQzE2LjM1MDQgMTguMTEyNSAxNy4xNDE0IDE4LjExMjUgMTcuNjMyIDE3LjYyMjNDMTguMTIyNyAxNy4xMzIxIDE4LjEyMjcgMTYuMzQxOCAxNy42MzIgMTUuODUxNkwxMy43NzcyIDEySDEzLjc2NzJaIiBmaWxsPSIjNzk3Rjg1Ii8+Cjwvc3ZnPgo=)
}
}
</style>
<style type="text/css">
svg[data-v-4754ff3d] {
display: inline-block;
vertical-align: baseline
}
</style>
<style type="text/css">
.blu-ripple[data-v-2bedc3c7] {
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 100%);
padding: 0 12px
}
.blu-ripple-wave[data-v-2bedc3c7] {
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-2bedc3c7] {
animation-duration: 1.2s;
top: 50%;
left: 50%
}
.blu-ripple-wave~[data-v-2bedc3c7]:not(.blu-ripple-wave) {
position: relative;
z-index: 2
}
.blu-ripple-enter-active[data-v-2bedc3c7] {
transition: 2s cubic-bezier(.25, .8, .25, 1);
transition-property: opacity, transform;
will-change: opacity, transform
}
.blu-ripple-enter-active.b-centered[data-v-2bedc3c7] {
transition-duration: 1.2s
}
.blu-ripple-enter[data-v-2bedc3c7] {
opacity: .26;
transform: scale(.26) translateZ(0)
}
.has-left-icon .blu-ripple svg[data-v-2bedc3c7] {
margin-right: 8px
}
.has-left-icon.b-small svg[data-v-2bedc3c7] {
transform-origin: left;
margin-right: 4px
}
.b-large .blu-ripple[data-v-2bedc3c7] {
padding: 0 16px
}
.b-small .blu-ripple[data-v-2bedc3c7] {
padding: 0 8px
}
.b-small svg[data-v-2bedc3c7] {
width: 18px;
height: 18px
}
.b-icon .blu-ripple[data-v-2bedc3c7] {
padding: 0
}
.b-loading .blu-loader-wrapper[data-v-2bedc3c7] {
height: 24px;
position: absolute
}
.b-loading .blu-ripple[data-v-2bedc3c7] {
color: transparent
}
.b-loading .blu-ripple>svg[data-v-2bedc3c7] {
visibility: hidden
}
.b-loading .blu-ripple .blu-ripple-wave[data-v-2bedc3c7] {
color: #fff
}
.b-loading.b-white .blu-ripple-wave[data-v-2bedc3c7] {
color: #0072ff
}
.b-loading.b-outline.b-secondary .blu-ripple-wave[data-v-2bedc3c7] {
color: #0072ff
}
.b-loading.b-outline.b-primary .blu-ripple-wave[data-v-2bedc3c7] {
color: #f1ab02
}
.b-loading.b-ghost.b-secondary .blu-ripple-wave[data-v-2bedc3c7] {
color: #0072ff
}
.b-loading.b-ghost.b-primary .blu-ripple-wave[data-v-2bedc3c7] {
color: #f1ab02
}
.blu-input-stepper .blu-btn .blu-ripple[data-v-2bedc3c7] {
padding: 0;
width: 24px;
height: 24px;
border-radius: 50%
}
.blu-input-stepper .blu-btn .blu-ripple svg[data-v-2bedc3c7] {
width: 18px;
height: 18px;
margin-left: 1px
}
.blu-input-stepper .blu-btn .blu-ripple-enter-active[data-v-2bedc3c7] {
background: #0072ff
}
.b-disabled[data-v-2bedc3c7] {
opacity: 1
}
.blu-btn-dropdown .blu-ripple>svg+div[data-v-2bedc3c7] {
margin-left: 8px
}
</style>
<style type="text/css">
.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 100%);
padding: 0 12px
}
.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-574d97b4] {
animation-duration: 1.2s;
top: 50%;
left: 50%
}
.blu-ripple-wave~[data-v-574d97b4]:not(.blu-ripple-wave) {
position: relative;
z-index: 2
}
.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-574d97b4] {
transition-duration: 1.2s
}
.blu-ripple-enter[data-v-574d97b4] {
opacity: .26;
transform: scale(.26) translateZ(0)
}
.has-left-icon .blu-ripple svg[data-v-574d97b4] {
margin-right: 8px
}
.has-left-icon.b-small svg[data-v-574d97b4] {
transform-origin: left;
margin-right: 4px
}
.b-large .blu-ripple[data-v-574d97b4] {
padding: 0 16px
}
.b-small .blu-ripple[data-v-574d97b4] {
padding: 0 8px
}
.b-small svg[data-v-574d97b4] {
width: 18px;
height: 18px
}
.b-icon .blu-ripple[data-v-574d97b4] {
padding: 0
}
.b-loading .blu-loader-wrapper[data-v-574d97b4] {
height: 24px;
position: absolute
}
.b-loading .blu-ripple[data-v-574d97b4] {
color: transparent
}
.b-loading .blu-ripple>svg[data-v-574d97b4] {
visibility: hidden
}
.b-loading .blu-ripple .blu-ripple-wave[data-v-574d97b4] {
color: #fff
}
.b-loading.b-white .blu-ripple-wave[data-v-574d97b4] {
color: #0072ff
}
.b-loading.b-outline.b-secondary .blu-ripple-wave[data-v-574d97b4] {
color: #0072ff
}
.b-loading.b-outline.b-primary .blu-ripple-wave[data-v-574d97b4] {
color: #f1ab02
}
.b-loading.b-ghost.b-secondary .blu-ripple-wave[data-v-574d97b4] {
color: #0072ff
}
.b-loading.b-ghost.b-primary .blu-ripple-wave[data-v-574d97b4] {
color: #f1ab02
}
.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-574d97b4] {
width: 18px;
height: 18px;
margin-left: 1px
}
.blu-input-stepper .blu-btn .blu-ripple-enter-active[data-v-574d97b4] {
background: #0072ff
}
.b-disabled[data-v-574d97b4] {
opacity: 1
}
.blu-btn-dropdown .blu-ripple>svg+div[data-v-574d97b4] {
margin-left: 8px
}
</style>
<style type="text/css">
.blu-ripple[data-v-19fd2cc7] {
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 100%);
padding: 0 12px
}
.blu-ripple-wave[data-v-19fd2cc7] {
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] {
animation-duration: 1.2s;
top: 50%;
left: 50%
}
.blu-ripple-wave~[data-v-19fd2cc7]:not(.blu-ripple-wave) {
position: relative;
z-index: 2
}
.blu-ripple-enter-active[data-v-19fd2cc7] {
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] {
transition-duration: 1.2s
}
.blu-ripple-enter[data-v-19fd2cc7] {
opacity: .26;
transform: scale(.26) translateZ(0)
}
.has-left-icon .blu-ripple svg[data-v-19fd2cc7] {
margin-right: 8px
}
.has-left-icon.b-small svg[data-v-19fd2cc7] {
transform-origin: left;
margin-right: 4px
}
.b-large .blu-ripple[data-v-19fd2cc7] {
padding: 0 16px
}
.b-small .blu-ripple[data-v-19fd2cc7] {
padding: 0 8px
}
.b-small svg[data-v-19fd2cc7] {
width: 18px;
height: 18px
}
.b-icon .blu-ripple[data-v-19fd2cc7] {
padding: 0
}
.b-loading .blu-loader-wrapper[data-v-19fd2cc7] {
height: 24px;
position: absolute
}
.b-loading .blu-ripple[data-v-19fd2cc7] {
color: transparent
}
.b-loading .blu-ripple>svg[data-v-19fd2cc7] {
visibility: hidden
}
.b-loading .blu-ripple .blu-ripple-wave[data-v-19fd2cc7] {
color: #fff
}
.b-loading.b-white .blu-ripple-wave[data-v-19fd2cc7] {
color: #0072ff
}
.b-loading.b-outline.b-secondary .blu-ripple-wave[data-v-19fd2cc7] {
color: #0072ff
}
.b-loading.b-outline.b-primary .blu-ripple-wave[data-v-19fd2cc7] {
color: #f1ab02
}
.b-loading.b-ghost.b-secondary .blu-ripple-wave[data-v-19fd2cc7] {
color: #0072ff
}
.b-loading.b-ghost.b-primary .blu-ripple-wave[data-v-19fd2cc7] {
color: #f1ab02
}
.blu-input-stepper .blu-btn .blu-ripple[data-v-19fd2cc7] {
padding: 0;
width: 24px;
height: 24px;
border-radius: 50%
}
.blu-input-stepper .blu-btn .blu-ripple svg[data-v-19fd2cc7] {
width: 18px;
height: 18px;
margin-left: 1px
}
.blu-input-stepper .blu-btn .blu-ripple-enter-active[data-v-19fd2cc7] {
background: #0072ff
}
.b-disabled[data-v-19fd2cc7] {
opacity: 1
}
.blu-btn-dropdown .blu-ripple>svg+div[data-v-19fd2cc7] {
margin-left: 8px
}
.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
}
.blu-btn[data-v-19fd2cc7]::-moz-focus-inner {
border: 0
}
.blu-btn[data-v-19fd2cc7]:active {
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] {
color: #fff;
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: #fff;
background-color: #c8cbcd;
border-color: #c8cbcd;
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]:not(.b-disabled):focus-visible,
.blu-btn.b-disabled[data-v-19fd2cc7]:not(.b-disabled):hover {
background-color: #c8cbcd;
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] {
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],
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
}
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 none !important
}
.blu-btn[data-v-19fd2cc7] {
border-radius: 24px
}
.blu-btn+.blu-button[data-v-19fd2cc7] {
margin-left: 0
}
.blu-btn.b-outline[data-v-19fd2cc7] {
background-color: rgba(0, 0, 0, 0)
}
.blu-btn.b-outline.b-primary[data-v-19fd2cc7] {
color: #f1ab02;
background-color: #e39304;
border: #ffcd00 1px solid
}
.blu-btn.b-outline.b-primary[data-v-19fd2cc7]:not(.b-disabled) {
background-color: rgba(255, 255, 255, .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: #ffcd00 1px solid
}
.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: #1d8fff 1px solid
}
.blu-btn.b-outline.b-secondary[data-v-19fd2cc7]:not(.b-disabled) {
background-color: rgba(255, 255, 255, .12)
}
.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: #1d8fff 1px solid
}
.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: #fff 1px solid
}
.blu-btn.b-outline.b-white[data-v-19fd2cc7]:not(.b-disabled) {
background-color: rgba(255, 255, 255, .12)
}
.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: rgba(255, 255, 255, .4);
border: #fff 1px solid
}
.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: #c8cbcd 1px solid
}
.blu-btn.b-outline.b-disabled[data-v-19fd2cc7]:not(.b-disabled) {
background-color: rgba(255, 255, 255, .12)
}
.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: #c8cbcd 1px solid
}
.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: rgba(0, 0, 0, 0);
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: rgba(255, 255, 255, .4)
}
.blu-btn.b-ghost.b-white.b-disabled[data-v-19fd2cc7] {
color: rgba(255, 255, 255, .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: rgba(0, 0, 0, 0)
}
.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: rgba(0, 0, 0, 0)
}
.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[data-v-19fd2cc7] {
border-radius: 16px
}
.blu-btn.b-small .blu-ripple[data-v-19fd2cc7] {
border-radius: 16px
}
.blu-btn.b-large[data-v-19fd2cc7] {
border-radius: 32px
}
.blu-btn.b-large .blu-ripple[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
}
</style>
<style type="text/css">
.blu-field[data-v-12bd13fe] {
position: relative;
margin-bottom: 16px
}
.blu-field input.form__input[data-v-12bd13fe] {
width: auto
}
.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=password][data-v-12bd13fe],
.blu-field input.form__input[type=search][data-v-12bd13fe],
.blu-field input.form__input[type=tel][data-v-12bd13fe],
.blu-field input.form__input[type=text][data-v-12bd13fe],
.blu-field input.form__input[type=url][data-v-12bd13fe] {
padding: 24px 20px 8px 14px;
height: 56px
}
.blu-field textarea[data-v-12bd13fe] {
padding: 22px 16px 8px 14px;
resize: vertical
}
.blu-field input.form__input[data-v-12bd13fe],
.blu-field textarea[data-v-12bd13fe] {
width: 100%;
margin-top: 0;
border-radius: 8px;
border: #c8cbcd 1px solid;
color: #19222a;
font: 16px/20px blibli, -apple-system, segoe ui, roboto, helvetica, arial, sans-serif;
transition: border .2s, background-color .4s
}
.blu-field input.form__input[type=search][data-v-12bd13fe],
.blu-field textarea[type=search][data-v-12bd13fe] {
font: 16px/20px blibli, -apple-system, segoe ui, roboto, helvetica, arial, sans-serif;
color: #19222a
}
.blu-field input.form__input[type=search][data-v-12bd13fe]::placeholder,
.blu-field textarea[type=search][data-v-12bd13fe]::placeholder {
color: rgba(25, 34, 42, .4)
}
.blu-field input.form__input[data-v-12bd13fe]:not(:read-only):focus,
.blu-field textarea[data-v-12bd13fe]:not(:read-only):focus {
border-color: #1d8fff
}
.blu-field input.form__input:not(:read-only):focus~label[data-v-12bd13fe],
.blu-field textarea:not(:read-only):focus~label[data-v-12bd13fe] {
font: 12px/16px blibli, -apple-system, segoe ui, roboto, helvetica, arial, sans-serif;
color: #0072ff;
top: 2px;
padding-top: 6px;
opacity: 1
}
.blu-field input.form__input:not(:read-only):focus~.title[data-v-12bd13fe],
.blu-field textarea:not(:read-only):focus~.title[data-v-12bd13fe] {
color: #0072ff
}
.blu-field input.form__input[data-v-12bd13fe]:read-only,
.blu-field textarea[data-v-12bd13fe]:read-only {
border-color: #f1f2f2
}
.blu-field textarea[data-v-12bd13fe] {
height: 100px
}
.blu-field textarea[data-v-12bd13fe]::-webkit-scrollbar {
width: 6px;
background-color: rgba(0, 0, 0, 0)
}
.blu-field textarea[data-v-12bd13fe]::-webkit-scrollbar-thumb {
border-radius: 3px;
background-color: #c8cbcd
}
.blu-field textarea[data-v-12bd13fe]::-webkit-scrollbar-track {
border-radius: 3px;
background-color: rgba(0, 0, 0, 0)
}
.blu-field label[data-v-12bd13fe] {
font: 16px/20px blibli, -apple-system, segoe ui, roboto, helvetica, arial, sans-serif;
color: rgba(25, 34, 42, .4);
position: absolute;
top: 18px;
left: 16px;
transition: all .2s, background-color .4s
}
.blu-field button[data-v-12bd13fe] {
padding: 0;
margin: 0;
color: #797f85;
display: flex
}
.blu-field button[data-v-12bd13fe]:focus-visible {
outline: 0
}
.blu-field button:focus-visible svg[data-v-12bd13fe] {
outline: 4px solid #000
}
.blu-field__msg[data-v-12bd13fe] {
flex: auto;
margin-top: 4px
}
.blu-field__msg-wrapper[data-v-12bd13fe] {
display: flex;
justify-content: flex-end;
font: 14px/18px blibli, -apple-system, segoe ui, roboto, helvetica, arial, sans-serif;
color: rgba(25, 34, 42, .4)
}
.blu-field__counter[data-v-12bd13fe] {
text-align: right
}
.blu-field__btn[data-v-12bd13fe] {
top: 16px;
position: absolute;
display: flex;
right: 16px;
align-items: center
}
.blu-field .title[data-v-12bd13fe] {
display: none;
color: rgba(25, 34, 42, .7019607843)
}
.blu-field:not(.b-disabled) input.form__input[data-v-12bd13fe]:hover,
.blu-field:not(.b-disabled) textarea[data-v-12bd13fe]:hover {
background-color: #f1f2f2
}
.blu-field:not(.b-disabled).has-value label[data-v-12bd13fe] {
color: #0072ff
}
.blu-field:not(.b-disabled).has-value textarea+label[data-v-12bd13fe] {
background-color: #fff
}
.blu-field:not(.b-disabled).has-value textarea:hover~label[data-v-12bd13fe] {
background-color: #f1f2f2
}
.blu-field:not(.b-disabled).has-value textarea[data-v-12bd13fe]::-webkit-credentials-auto-fill-button {
margin-right: 0
}
.blu-field.has-value label[data-v-12bd13fe] {
font: 12px/16px blibli, -apple-system, segoe ui, roboto, helvetica, arial, sans-serif;
top: 2px;
padding-top: 6px;
opacity: 1
}
.blu-field.has-value textarea+label[data-v-12bd13fe] {
width: calc(100% - 32px)
}
.blu-field.has-value.b-success label[data-v-12bd13fe] {
color: #1c832a
}
.blu-field.has-value.b-danger label[data-v-12bd13fe] {
color: #e93c3c
}
.blu-field.has-max-length input.form__input[data-v-12bd13fe] {
animation: shake-12bd13fe .82s cubic-bezier(.36, .07, .19, .97) both;
transform: translate3d(0, 0, 0);
backface-visibility: hidden;
perspective: 1000px
}
.blu-field.has-placeholder[data-v-12bd13fe] ::placeholder {
font: 16px/20px blibli, -apple-system, segoe ui, roboto, helvetica, arial, sans-serif;
opacity: 1;
color: rgba(25, 34, 42, .4)
}
.blu-field.has-placeholder .title[data-v-12bd13fe] {
position: absolute;
font-size: 1.2rem;
font-weight: 400;
top: -8px;
left: 16px;
display: block;
color: rgba(25, 34, 42, .7019607843)
}
.blu-field.has-placeholder .blu-field__btn[data-v-12bd13fe] {
top: 32px
}
.blu-field.has-placeholder textarea[data-v-12bd13fe] {
padding-top: 16px;
margin-top: 16px
}
.blu-field.has-placeholder input.form__input[data-v-12bd13fe] {
padding-top: 8px;
margin-top: 16px
}
.blu-field.has-placeholder input.form__input[data-v-12bd13fe]:focus::placeholder {
color: rgba(25, 34, 42, .4)
}
.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] {
top: 32px
}
.blu-field.has-left-icon .blu-field__btn[data-v-12bd13fe] {
left: 16px;
right: auto;
width: calc(100% - 28px);
pointer-events: none;
justify-content: space-between
}
.blu-field.has-left-icon .blu-field__btn-close[data-v-12bd13fe],
.blu-field.has-left-icon .blu-field__btn-custom[data-v-12bd13fe] {
pointer-events: all
}
.blu-field.has-left-icon.b-clearable[data-v-12bd13fe] {
flex-direction: row-reverse
}
.blu-field.has-left-icon.b-clearable.has-value .blu-field__btn-close[data-v-12bd13fe] {
order: 2
}
.blu-field.has-left-icon.b-clearable.has-value .blu-field__btn-custom[data-v-12bd13fe] {
order: 1
}
.blu-field.has-left-icon label[data-v-12bd13fe] {
padding-left: 30px
}
.blu-field.has-left-icon input.form__input[data-v-12bd13fe] {
padding-left: 44px
}
.blu-field.has-left-icon input.form__input[type=search][data-v-12bd13fe] {
padding-left: 46px
}
@media screen and (max-width:768px) {
.blu-field.has-left-icon input.form__input[type=search][data-v-12bd13fe] {
padding-left: 32px
}
.blu-field.has-left-icon input.form__input[type=search]~label[data-v-12bd13fe] {
left: 24px
}
.blu-field.has-left-icon input.form__input[type=search]~.blu-field__btn[data-v-12bd13fe] {
width: calc(100% - 15px);
bottom: 17px;
left: 5px
}
.blu-field.has-left-icon input.form__input[type=search]~.blu-field__btn .blu-field__btn-close svg[data-v-12bd13fe],
.blu-field.has-left-icon input.form__input[type=search]~.blu-field__btn .blu-field__btn-custom svg[data-v-12bd13fe] {
width: 18px;
height: 18px
}
}
@media screen and (max-width:768px) {
.blu-field.has-left-icon input.form__input[type=search][data-v-12bd13fe] {
height: 36px;
border-radius: 8px
}
}
.blu-field.has-right-icon input.form__input[data-v-12bd13fe] {
padding-right: 46px
}
.blu-field.b-clearable input.form__input[data-v-12bd13fe],
.blu-field.b-clearable textarea[data-v-12bd13fe] {
padding-right: 47px
}
.blu-field.b-clearable input.form__input[type=password][data-v-12bd13fe],
.blu-field.b-clearable textarea[type=password][data-v-12bd13fe] {
padding-right: 80px
}
@media screen and (max-width:768px) {
.blu-field.b-clearable input.form__input[type=search][data-v-12bd13fe],
.blu-field.b-clearable textarea[type=search][data-v-12bd13fe] {
padding-right: 33px
}
}
.blu-field.b-clearable .blu-field__btn-close[data-v-12bd13fe]:not(:last-child) {
margin-right: 8px
}
.blu-field.has-action .blu-field__btn[data-v-12bd13fe] {
top: 12px
}
.blu-field.has-action.has-placeholder .blu-field__btn[data-v-12bd13fe] {
top: 28px
}
.blu-field.has-action input.form__input[data-v-12bd13fe] {
padding-right: 81px
}
.blu-field.has-action.b-clearable input.form__input[data-v-12bd13fe],
.blu-field.has-action.has-password input.form__input[data-v-12bd13fe] {
padding-right: 118px
}
.blu-field.has-leading-icon .blu-field__leading-icon[data-v-12bd13fe] {
position: absolute;
top: 16px;
left: 16px;
pointer-events: none;
z-index: 1
}
.blu-field.has-leading-icon label[data-v-12bd13fe] {
padding-left: 32px
}
.blu-field.has-leading-icon input.form__input[data-v-12bd13fe] {
padding-left: 46px
}
.blu-field.has-leading-icon input.form__input[type=search][data-v-12bd13fe] {
padding-left: 48px
}
@media screen and (max-width:768px) {
.blu-field.has-leading-icon input.form__input[type=search][data-v-12bd13fe] {
padding-left: 32px;
height: 36px;
border-radius: 8px
}
.blu-field.has-leading-icon input.form__input[type=search]~label[data-v-12bd13fe] {
left: 24px
}
.blu-field.has-leading-icon input.form__input[type=search]~.blu-field__leading-icon[data-v-12bd13fe] {
top: 24px;
left: 8px
}
.blu-field.has-leading-icon input.form__input[type=search]~.blu-field__leading-icon svg[data-v-12bd13fe] {
width: 18px;
height: 18px
}
.blu-field.has-leading-icon input.form__input[type=search]~.blu-field__btn[data-v-12bd13fe] {
bottom: 17px;
right: 8px
}
.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__btn-custom 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] {
width: 18px;
height: 18px
}
}
.blu-field.has-leading-icon.has-placeholder .blu-field__leading-icon[data-v-12bd13fe] {
top: 32px
}
.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] {
top: 23px
}
.blu-field.has-leading-icon.has-placeholder.b-small:not(.has-no-gap) .blu-field__leading-icon[data-v-12bd13fe] {
top: 25px
}
.blu-field.has-leading-icon.has-placeholder.b-small :not(input[type=search].form__input)~.blu-field__leading-icon[data-v-12bd13fe] {
top: 7px
}
.blu-field.has-custom-icon input.form__input[data-v-12bd13fe] {
padding-right: 46px
}
.blu-field.has-custom-icon.b-clearable input.form__input[data-v-12bd13fe] {
padding-right: 80px
}
.blu-field.has-no-gap[data-v-12bd13fe] {
margin-bottom: 0
}
.blu-field.has-no-gap.has-placeholder input.form__input[data-v-12bd13fe] {
margin-top: 0
}
.blu-field.has-no-gap.has-leading-icon.has-placeholder:not(.b-small) .blu-field__btn[data-v-12bd13fe],
.blu-field.has-no-gap.has-leading-icon.has-placeholder:not(.b-small) .blu-field__leading-icon[data-v-12bd13fe] {
top: 16px
}
.blu-field.has-no-gap.has-leading-icon.has-placeholder .blu-field__leading-icon[data-v-12bd13fe] {
top: 9px
}
.blu-field.has-no-gap.has-leading-icon.has-placeholder .blu-field__btn[data-v-12bd13fe] {
top: 7px
}
@media screen and (min-width:769px),
print {
.blu-field.has-no-gap.has-leading-icon.has-placeholder.b-small input[type=search].form__input~.blu-field__btn[data-v-12bd13fe] {
top: 9px
}
}
@media screen and (max-width:768px) {
.blu-field.has-no-gap.has-leading-icon.has-placeholder input[type=search].form__input~.blu-field__leading-icon[data-v-12bd13fe] {
top: 9px
}
.blu-field.has-no-gap.has-leading-icon.has-placeholder input[type=search].form__input~.blu-field__btn[data-v-12bd13fe] {
top: 17px
}
}
.blu-field.b-success input.form__input[data-v-12bd13fe],
.blu-field.b-success input[data-v-12bd13fe]:not(:read-only):focus,
.blu-field.b-success textarea[data-v-12bd13fe],
.blu-field.b-success textarea[data-v-12bd13fe]:focus,
.blu-field.b-success textarea[data-v-12bd13fe]:not(:read-only):focus {
border-color: #22a334
}
.blu-field.b-success input.form__input~.blu-field__msg-wrapper .blu-field__counter[data-v-12bd13fe],
.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:not(:read-only):focus~.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 textarea: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: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~.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] {
color: #1c832a
}
.blu-field.b-success input.form__input~.title[data-v-12bd13fe],
.blu-field.b-success input:not(:read-only):focus~.title[data-v-12bd13fe],
.blu-field.b-success textarea:focus~.title[data-v-12bd13fe],
.blu-field.b-success textarea:not(:read-only):focus~.title[data-v-12bd13fe],
.blu-field.b-success textarea~.title[data-v-12bd13fe] {
color: #1c832a
}
.blu-field.b-success input.form__input: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: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:not(:read-only):focus~label[data-v-12bd13fe] {
color: #1c832a
}
.blu-field.b-danger input[data-v-12bd13fe],
.blu-field.b-danger input[data-v-12bd13fe]:not(:read-only):focus,
.blu-field.b-danger textarea[data-v-12bd13fe],
.blu-field.b-danger textarea[data-v-12bd13fe]:focus,
.blu-field.b-danger textarea[data-v-12bd13fe]:not(:read-only):focus {
border-color: #ff4646
}
.blu-field.b-danger input:not(:read-only):focus~.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~.blu-field__msg-wrapper .blu-field__counter[data-v-12bd13fe],
.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 textarea: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: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~.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] {
color: #e93c3c
}
.blu-field.b-danger input:not(:read-only):focus~.title[data-v-12bd13fe],
.blu-field.b-danger input~.title[data-v-12bd13fe],
.blu-field.b-danger textarea:focus~.title[data-v-12bd13fe],
.blu-field.b-danger textarea:not(:read-only):focus~.title[data-v-12bd13fe],
.blu-field.b-danger textarea~.title[data-v-12bd13fe] {
color: #e93c3c
}
.blu-field.b-danger input:not(:read-only):focus:not(:read-only):focus~label[data-v-12bd13fe],
.blu-field.b-danger input:not(:read-only):focus~label[data-v-12bd13fe],
.blu-field.b-danger textarea: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:not(:read-only):focus~label[data-v-12bd13fe] {
color: #e93c3c
}
.b-dark input.form__input[data-v-12bd13fe],
.b-dark textarea[data-v-12bd13fe] {
background-color: #f1f2f2;
border-color: #f1f2f2
}
.b-dark:not(.b-disabled) input.form__input[data-v-12bd13fe]:hover,
.b-dark:not(.b-disabled) textarea[data-v-12bd13fe]:hover {
background-color: #e1e3e4
}
.b-dark:not(.b-disabled).has-value textarea+label[data-v-12bd13fe] {
background-color: #f1f2f2
}
.b-dark:not(.b-disabled).has-value textarea:hover~label[data-v-12bd13fe] {
background-color: #e1e3e4
}
.b-disabled input.form__input[data-v-12bd13fe],
.b-disabled textarea[data-v-12bd13fe] {
background-color: #c8cbcd;
border-color: #c8cbcd
}
.b-disabled .blu-field__btn [data-v-12bd13fe],
.b-disabled input.form__input[data-v-12bd13fe],
.b-disabled label[data-v-12bd13fe],
.b-disabled textarea[data-v-12bd13fe] {
cursor: not-allowed;
color: rgba(25, 34, 42, .4)
}
.b-small input.form__input[data-v-12bd13fe] {
font: 14px/18px blibli, -apple-system, segoe ui, roboto, helvetica, arial, sans-serif;
border-radius: 8px
}
.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=password][data-v-12bd13fe],
.b-small input.form__input[type=tel][data-v-12bd13fe],
.b-small input.form__input[type=text][data-v-12bd13fe],
.b-small input.form__input[type=url][data-v-12bd13fe] {
height: 32px
}
.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=password]~.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=text]~.blu-field__leading-icon[data-v-12bd13fe],
.b-small input.form__input[type=url]~.blu-field__leading-icon[data-v-12bd13fe] {
top: 6px
}
.b-small input.form__input[type=search][data-v-12bd13fe] {
height: 36px
}
.b-small input.form__input[type=search]~.blu-field__btn[data-v-12bd13fe] {
right: 8px
}
@media screen and (min-width:769px),
print {
.b-small input.form__input[type=search]~.blu-field__btn[data-v-12bd13fe] {
top: 25px
}
}
@media screen and (max-width:768px) {
.b-small input.form__input[type=search]~.blu-field__btn[data-v-12bd13fe] {
top: 33px
}
}
.b-small.blu-field input.form__input[data-v-12bd13fe] {
padding-left: 6px
}
.b-small.has-placeholder[data-v-12bd13fe] ::placeholder {
font: 14px/18px blibli, -apple-system, segoe ui, roboto, helvetica, arial, sans-serif;
color: rgba(25, 34, 42, .4)
}
.b-small.has-placeholder .blu-field__btn[data-v-12bd13fe] {
top: 23px;
right: 8px
}
.b-small.has-placeholder .blu-field__btn svg[data-v-12bd13fe],
.b-small.has-placeholder .blu-field__leading-icon svg[data-v-12bd13fe] {
width: 18px;
height: 18px
}
.b-small.b-clearable input.form__input[data-v-12bd13fe] {
padding-right: 33px
}
.b-small.has-leading-icon input.form__input[data-v-12bd13fe] {
padding-left: 32px
}
.b-small.has-leading-icon input.form__input[type=search][data-v-12bd13fe] {
padding-left: 32px
}
.b-small.has-leading-icon .blu-field__btn-close[data-v-12bd13fe],
.b-small.has-leading-icon .blu-field__btn-custom[data-v-12bd13fe],
.b-small.has-leading-icon .blu-field__leading-icon[data-v-12bd13fe] {
left: 8px
}
.b-small .blu-field__btn[data-v-12bd13fe] {
top: 6px
}
[data-v-12bd13fe]::placeholder {
font-size: 0;
opacity: 0
}
[data-v-12bd13fe]::-ms-reveal {
display: none
}
[data-v-12bd13fe]:-ms-input-placeholder {
font-size: 0;
opacity: 0
}
[data-v-12bd13fe]::-ms-input-placeholder {
font-size: 0;
opacity: 0
}
input[data-v-12bd13fe]:-internal-autofill-selected {
background-color: #fff !important
}
[data-v-12bd13fe]::-webkit-credentials-auto-fill-button {
-webkit-mask-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0iTTE4LjkxIDE0LjU2YTEuNzY5IDEuNzY5IDAgMCAxLTEuNDM1LS43MjVsLTIuNjUtMy42ODNhMS4wMDEgMS4wMDEgMCAwIDEgMS42MjUtMS4xNjhsMi40NSAzLjQwOCAyLjIwMi0zLjM3MWExIDEgMCAwIDEgMS42NzQgMS4wOTRsLTIuNCAzLjY3MmMtLjM3My41MDgtLjg5Ni43NzMtMS40NjYuNzczWiIgZmlsbD0iIzc5N0Y4NSIvPjxwYXRoIGZpbGwtcnVsZT0iZXZlbm9kZCIgY2xpcC1ydWxlPSJldmVub2RkIiBkPSJNMTIuOTIgNy4wNzNjMC0zLjAzMS0yLjQ2Ni01LjQ4OS01LjUxLTUuNDg5LTMuMDQ0IDAtNS41MTEgMi40NTctNS41MTEgNS40ODlhNS40ODcgNS40ODcgMCAwIDAgMy40NTkgNS4wOTFjLS4wNTYgMS45MTMtLjAyIDMuODMuMTI0IDUuNzM5bC4wMTEuMTQ0Yy4wMjkuMzkyLjE3My43Ni40MDYgMS4wMzhsLjgxLjk2OGMuNTEuNjA5IDEuNDc0LjcwMiAxLjg0NiAwIC4xNjYtLjMxNC4yMjctMS4wOTctLjAxLTEuNjIyLS4zMzYtLjc0Ny0uNjIxLTEuMTg5LjM0Mi0yLjM3OC4xOTktLjI0Ni4xODYtLjYyMy4wNTUtLjkyMS0uMjc1LS42MjgtLjU1My0xLjc1OC4zMDMtMi44MTMuMDI4LS4wMzUuMDczLS4wNzYuMTI0LS4xMiAyLjA3NS0uNzg4IDMuNTUyLTIuNzgzIDMuNTUyLTUuMTI2Wk03LjQxIDQuMDc5YTEuNSAxLjUgMCAwIDEgMS41MDQgMS40OTdBMS41IDEuNSAwIDAgMSA3LjQxIDcuMDczYTEuNSAxLjUgMCAwIDEtMS41MDMtMS40OTdBMS41IDEuNSAwIDAgMSA3LjQxIDQuMDc5WiIgZmlsbD0iIzc5N0Y4NSIvPjwvc3ZnPg==);
-webkit-mask-size: 18px 18px;
width: 18px;
height: 18px;
background-color: rgba(25, 34, 42, .4);
margin-top: -14px;
margin-right: -30px
}
input[type=number][data-v-12bd13fe]::-webkit-inner-spin-button,
input[type=number][data-v-12bd13fe]::-webkit-outer-spin-button {
-webkit-appearance: none;
margin: 0
}
@keyframes shake-12bd13fe {
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)
}
}
.blu-input-stepper input[data-v-12bd13fe] {
font: 18px/24px "blibli demi bold", -apple-system, segoe ui, roboto, helvetica, arial, sans-serif;
color: #19222a;
background-color: inherit
}
.blu-input-stepper input[type=number][data-v-12bd13fe] {
width: 100%;
height: 100%;
padding: 0;
border: none;
text-align: center;
-moz-appearance: textfield
}
.blu-input-stepper input[type=number][data-v-12bd13fe]::-webkit-inner-spin-button {
-webkit-appearance: none;
margin: 0
}
.blu-input-stepper input[type=number][data-v-12bd13fe]:hover {
background-color: inherit
}
.blu-input-stepper input[type=number][data-v-12bd13fe]:focus {
border: none
}
.blu-input-stepper.b-readonly input[data-v-12bd13fe] {
cursor: default
}
.blu-input-stepper.b-disabled input[data-v-12bd13fe] {
color: rgba(25, 34, 42, .4)
}
</style>
<style type="text/css">
.blu-input-stepper[data-v-1e7baa58] {
display: flex;
align-items: center;
justify-content: space-between;
border-radius: 8px;
height: 32px;
padding: 4px;
transition: all .4s ease-in-out
}
.blu-input-stepper[data-v-1e7baa58]:not(.b-readonly) {
background-color: #f1f2f2
}
.blu-input-stepper__input[data-v-1e7baa58] {
display: flex;
align-items: center;
margin: 0;
color: #19222a
}
.blu-input-stepper__minus[data-v-1e7baa58],
.blu-input-stepper__plus[data-v-1e7baa58] {
display: flex;
align-items: center;
border-radius: 50%;
width: 24px;
height: 24px;
box-sizing: border-box
}
.blu-input-stepper.b-disabled[data-v-1e7baa58] {
cursor: not-allowed
}
.blu-input-stepper.b-disabled[data-v-1e7baa58]:not(.b-readonly) {
background-color: #c8cbcd
}
.blu-input-stepper.b-active[data-v-1e7baa58] {
box-shadow: inset 0 0 0 2px #0072ff
}
</style>
<style type="text/css">
.blu-ripple[data-v-2bedc3c7] {
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 100%);
padding: 0 12px
}
.blu-ripple-wave[data-v-2bedc3c7] {
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-2bedc3c7] {
animation-duration: 1.2s;
top: 50%;
left: 50%
}
.blu-ripple-wave~[data-v-2bedc3c7]:not(.blu-ripple-wave) {
position: relative;
z-index: 2
}
.blu-ripple-enter-active[data-v-2bedc3c7] {
transition: 2s cubic-bezier(.25, .8, .25, 1);
transition-property: opacity, transform;
will-change: opacity, transform
}
.blu-ripple-enter-active.b-centered[data-v-2bedc3c7] {
transition-duration: 1.2s
}
.blu-ripple-enter[data-v-2bedc3c7] {
opacity: .26;
transform: scale(.26) translateZ(0)
}
.has-left-icon .blu-ripple svg[data-v-2bedc3c7] {
margin-right: 8px
}
.has-left-icon.b-small svg[data-v-2bedc3c7] {
transform-origin: left;
margin-right: 4px
}
.b-large .blu-ripple[data-v-2bedc3c7] {
padding: 0 16px
}
.b-small .blu-ripple[data-v-2bedc3c7] {
padding: 0 8px
}
.b-small svg[data-v-2bedc3c7] {
width: 18px;
height: 18px
}
.b-icon .blu-ripple[data-v-2bedc3c7] {
padding: 0
}
.b-loading .blu-loader-wrapper[data-v-2bedc3c7] {
height: 24px;
position: absolute
}
.b-loading .blu-ripple[data-v-2bedc3c7] {
color: transparent
}
.b-loading .blu-ripple>svg[data-v-2bedc3c7] {
visibility: hidden
}
.b-loading .blu-ripple .blu-ripple-wave[data-v-2bedc3c7] {
color: #fff
}
.b-loading.b-white .blu-ripple-wave[data-v-2bedc3c7] {
color: #0072ff
}
.b-loading.b-outline.b-secondary .blu-ripple-wave[data-v-2bedc3c7] {
color: #0072ff
}
.b-loading.b-outline.b-primary .blu-ripple-wave[data-v-2bedc3c7] {
color: #f1ab02
}
.b-loading.b-ghost.b-secondary .blu-ripple-wave[data-v-2bedc3c7] {
color: #0072ff
}
.b-loading.b-ghost.b-primary .blu-ripple-wave[data-v-2bedc3c7] {
color: #f1ab02
}
.blu-input-stepper .blu-btn .blu-ripple[data-v-2bedc3c7] {
padding: 0;
width: 24px;
height: 24px;
border-radius: 50%
}
.blu-input-stepper .blu-btn .blu-ripple svg[data-v-2bedc3c7] {
width: 18px;
height: 18px;
margin-left: 1px
}
.blu-input-stepper .blu-btn .blu-ripple-enter-active[data-v-2bedc3c7] {
background: #0072ff
}
.b-disabled[data-v-2bedc3c7] {
opacity: 1
}
.blu-btn-dropdown .blu-ripple>svg+div[data-v-2bedc3c7] {
margin-left: 8px
}
</style>
<style type="text/css">
.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 100%);
padding: 0 12px
}
.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-574d97b4] {
animation-duration: 1.2s;
top: 50%;
left: 50%
}
.blu-ripple-wave~[data-v-574d97b4]:not(.blu-ripple-wave) {
position: relative;
z-index: 2
}
.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-574d97b4] {
transition-duration: 1.2s
}
.blu-ripple-enter[data-v-574d97b4] {
opacity: .26;
transform: scale(.26) translateZ(0)
}
.has-left-icon .blu-ripple svg[data-v-574d97b4] {
margin-right: 8px
}
.has-left-icon.b-small svg[data-v-574d97b4] {
transform-origin: left;
margin-right: 4px
}
.b-large .blu-ripple[data-v-574d97b4] {
padding: 0 16px
}
.b-small .blu-ripple[data-v-574d97b4] {
padding: 0 8px
}
.b-small svg[data-v-574d97b4] {
width: 18px;
height: 18px
}
.b-icon .blu-ripple[data-v-574d97b4] {
padding: 0
}
.b-loading .blu-loader-wrapper[data-v-574d97b4] {
height: 24px;
position: absolute
}
.b-loading .blu-ripple[data-v-574d97b4] {
color: transparent
}
.b-loading .blu-ripple>svg[data-v-574d97b4] {
visibility: hidden
}
.b-loading .blu-ripple .blu-ripple-wave[data-v-574d97b4] {
color: #fff
}
.b-loading.b-white .blu-ripple-wave[data-v-574d97b4] {
color: #0072ff
}
.b-loading.b-outline.b-secondary .blu-ripple-wave[data-v-574d97b4] {
color: #0072ff
}
.b-loading.b-outline.b-primary .blu-ripple-wave[data-v-574d97b4] {
color: #f1ab02
}
.b-loading.b-ghost.b-secondary .blu-ripple-wave[data-v-574d97b4] {
color: #0072ff
}
.b-loading.b-ghost.b-primary .blu-ripple-wave[data-v-574d97b4] {
color: #f1ab02
}
.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-574d97b4] {
width: 18px;
height: 18px;
margin-left: 1px
}
.blu-input-stepper .blu-btn .blu-ripple-enter-active[data-v-574d97b4] {
background: #0072ff
}
.b-disabled[data-v-574d97b4] {
opacity: 1
}
.blu-btn-dropdown .blu-ripple>svg+div[data-v-574d97b4] {
margin-left: 8px
}
</style>
<style type="text/css">
.blu-ripple[data-v-19fd2cc7] {
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 100%);
padding: 0 12px
}
.blu-ripple-wave[data-v-19fd2cc7] {
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] {
animation-duration: 1.2s;
top: 50%;
left: 50%
}
.blu-ripple-wave~[data-v-19fd2cc7]:not(.blu-ripple-wave) {
position: relative;
z-index: 2
}
.blu-ripple-enter-active[data-v-19fd2cc7] {
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] {
transition-duration: 1.2s
}
.blu-ripple-enter[data-v-19fd2cc7] {
opacity: .26;
transform: scale(.26) translateZ(0)
}
.has-left-icon .blu-ripple svg[data-v-19fd2cc7] {
margin-right: 8px
}
.has-left-icon.b-small svg[data-v-19fd2cc7] {
transform-origin: left;
margin-right: 4px
}
.b-large .blu-ripple[data-v-19fd2cc7] {
padding: 0 16px
}
.b-small .blu-ripple[data-v-19fd2cc7] {
padding: 0 8px
}
.b-small svg[data-v-19fd2cc7] {
width: 18px;
height: 18px
}
.b-icon .blu-ripple[data-v-19fd2cc7] {
padding: 0
}
.b-loading .blu-loader-wrapper[data-v-19fd2cc7] {
height: 24px;
position: absolute
}
.b-loading .blu-ripple[data-v-19fd2cc7] {
color: transparent
}
.b-loading .blu-ripple>svg[data-v-19fd2cc7] {
visibility: hidden
}
.b-loading .blu-ripple .blu-ripple-wave[data-v-19fd2cc7] {
color: #fff
}
.b-loading.b-white .blu-ripple-wave[data-v-19fd2cc7] {
color: #0072ff
}
.b-loading.b-outline.b-secondary .blu-ripple-wave[data-v-19fd2cc7] {
color: #0072ff
}
.b-loading.b-outline.b-primary .blu-ripple-wave[data-v-19fd2cc7] {
color: #f1ab02
}
.b-loading.b-ghost.b-secondary .blu-ripple-wave[data-v-19fd2cc7] {
color: #0072ff
}
.b-loading.b-ghost.b-primary .blu-ripple-wave[data-v-19fd2cc7] {
color: #f1ab02
}
.blu-input-stepper .blu-btn .blu-ripple[data-v-19fd2cc7] {
padding: 0;
width: 24px;
height: 24px;
border-radius: 50%
}
.blu-input-stepper .blu-btn .blu-ripple svg[data-v-19fd2cc7] {
width: 18px;
height: 18px;
margin-left: 1px
}
.blu-input-stepper .blu-btn .blu-ripple-enter-active[data-v-19fd2cc7] {
background: #0072ff
}
.b-disabled[data-v-19fd2cc7] {
opacity: 1
}
.blu-btn-dropdown .blu-ripple>svg+div[data-v-19fd2cc7] {
margin-left: 8px
}
.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
}
.blu-btn[data-v-19fd2cc7]::-moz-focus-inner {
border: 0
}
.blu-btn[data-v-19fd2cc7]:active {
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] {
color: #fff;
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: #fff;
background-color: #c8cbcd;
border-color: #c8cbcd;
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]:not(.b-disabled):focus-visible,
.blu-btn.b-disabled[data-v-19fd2cc7]:not(.b-disabled):hover {
background-color: #c8cbcd;
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] {
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],
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
}
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 none !important
}
.blu-btn[data-v-19fd2cc7] {
border-radius: 24px
}
.blu-btn+.blu-button[data-v-19fd2cc7] {
margin-left: 0
}
.blu-btn.b-outline[data-v-19fd2cc7] {
background-color: rgba(0, 0, 0, 0)
}
.blu-btn.b-outline.b-primary[data-v-19fd2cc7] {
color: #f1ab02;
background-color: #e39304;
border: #ffcd00 1px solid
}
.blu-btn.b-outline.b-primary[data-v-19fd2cc7]:not(.b-disabled) {
background-color: rgba(255, 255, 255, .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: #ffcd00 1px solid
}
.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: #1d8fff 1px solid
}
.blu-btn.b-outline.b-secondary[data-v-19fd2cc7]:not(.b-disabled) {
background-color: rgba(255, 255, 255, .12)
}
.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: #1d8fff 1px solid
}
.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: #fff 1px solid
}
.blu-btn.b-outline.b-white[data-v-19fd2cc7]:not(.b-disabled) {
background-color: rgba(255, 255, 255, .12)
}
.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: rgba(255, 255, 255, .4);
border: #fff 1px solid
}
.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: #c8cbcd 1px solid
}
.blu-btn.b-outline.b-disabled[data-v-19fd2cc7]:not(.b-disabled) {
background-color: rgba(255, 255, 255, .12)
}
.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: #c8cbcd 1px solid
}
.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: rgba(0, 0, 0, 0);
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: rgba(255, 255, 255, .4)
}
.blu-btn.b-ghost.b-white.b-disabled[data-v-19fd2cc7] {
color: rgba(255, 255, 255, .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: rgba(0, 0, 0, 0)
}
.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: rgba(0, 0, 0, 0)
}
.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[data-v-19fd2cc7] {
border-radius: 16px
}
.blu-btn.b-small .blu-ripple[data-v-19fd2cc7] {
border-radius: 16px
}
.blu-btn.b-large[data-v-19fd2cc7] {
border-radius: 32px
}
.blu-btn.b-large .blu-ripple[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
}
</style>
<style type="text/css">
.blu-card[data-v-05db4d06] {
background: #fff;
border-radius: 16px;
box-shadow: 0 1px 6px 0 rgba(0, 0, 0, .1)
}
.blu-card.b-noshadow[data-v-05db4d06] {
box-shadow: none
}
.blu-card.b-radius-large[data-v-05db4d06] {
border-radius: 32px
}
.blu-card.b-radius-medium[data-v-05db4d06] {
border-radius: 24px
}
.blu-card.b-radius-small[data-v-05db4d06] {
border-radius: 8px
}
.blu-card.b-no-radius[data-v-05db4d06] {
border-radius: 0
}
</style>
<style type="text/css">
.blu-card__content[data-v-0250d5bb] {
padding: 20px
}
</style>
<style type="text/css">
.b-page .blu-modal__close[data-v-a1423cd6] {
width: 24px;
height: 24px;
position: absolute;
top: -28px;
right: 20px
}
.b-page .blu-modal__close i[data-v-a1423cd6] {
content: "";
top: 1px;
right: 1px;
position: absolute;
width: 24px;
height: 24px;
transform: scale(1.3);
background: rgba(0, 0, 0, 0) url(data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PSIwIDAgMjQgMjQiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGQ9Ik0xMy43NjcyIDEyTDE3LjYzMiA4LjEzODM5QzE4LjEyMjcgNy42NDgxOSAxOC4xMjI3IDYuODU3ODYgMTcuNjMyIDYuMzY3NjVDMTcuMTQxNCA1Ljg3NzQ1IDE2LjM1MDQgNS44Nzc0NSAxNS44NTk4IDYuMzY3NjVMMTEuOTk1IDEwLjIyOTNMOC4xNDAxOCA2LjM3NzY2QzcuNjQ5NTYgNS44ODc0NSA2Ljg1ODU3IDUuODg3NDUgNi4zNjc5NiA2LjM3NzY2QzUuODc3MzUgNi44Njc4NiA1Ljg3NzM1IDcuNjU4MTkgNi4zNjc5NiA4LjE0ODRMMTAuMjIyOCAxMkw2LjM2Nzk2IDE1Ljg2MTZDNS44NzczNSAxNi4zNTE4IDUuODc3MzUgMTcuMTQyMSA2LjM2Nzk2IDE3LjYzMjNDNi44NTg1NyAxOC4xMjI2IDcuNjQ5NTYgMTguMTIyNiA4LjE0MDE4IDE3LjYzMjNMMTIuMDA1IDEzLjc3MDdMMTUuODU5OCAxNy42MjIzQzE2LjM1MDQgMTguMTEyNSAxNy4xNDE0IDE4LjExMjUgMTcuNjMyIDE3LjYyMjNDMTguMTIyNyAxNy4xMzIxIDE4LjEyMjcgMTYuMzQxOCAxNy42MzIgMTUuODUxNkwxMy43NzcyIDEySDEzLjc2NzJaIiBmaWxsPSIjNzk3Rjg1Ii8+Cjwvc3ZnPgo=) center center no-repeat #c8cbcd;
background-color: #e1e3e4;
-webkit-mask-image: url(data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PSIwIDAgMjQgMjQiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGQ9Ik0xMy43NjcyIDEyTDE3LjYzMiA4LjEzODM5QzE4LjEyMjcgNy42NDgxOSAxOC4xMjI3IDYuODU3ODYgMTcuNjMyIDYuMzY3NjVDMTcuMTQxNCA1Ljg3NzQ1IDE2LjM1MDQgNS44Nzc0NSAxNS44NTk4IDYuMzY3NjVMMTEuOTk1IDEwLjIyOTNMOC4xNDAxOCA2LjM3NzY2QzcuNjQ5NTYgNS44ODc0NSA2Ljg1ODU3IDUuODg3NDUgNi4zNjc5NiA2LjM3NzY2QzUuODc3MzUgNi44Njc4NiA1Ljg3NzM1IDcuNjU4MTkgNi4zNjc5NiA4LjE0ODRMMTAuMjIyOCAxMkw2LjM2Nzk2IDE1Ljg2MTZDNS44NzczNSAxNi4zNTE4IDUuODc3MzUgMTcuMTQyMSA2LjM2Nzk2IDE3LjYzMjNDNi44NTg1NyAxOC4xMjI2IDcuNjQ5NTYgMTguMTIyNiA4LjE0MDE4IDE3LjYzMjNMMTIuMDA1IDEzLjc3MDdMMTUuODU5OCAxNy42MjIzQzE2LjM1MDQgMTguMTEyNSAxNy4xNDE0IDE4LjExMjUgMTcuNjMyIDE3LjYyMjNDMTguMTIyNyAxNy4xMzIxIDE4LjEyMjcgMTYuMzQxOCAxNy42MzIgMTUuODUxNkwxMy43NzcyIDEySDEzLjc2NzJaIiBmaWxsPSIjNzk3Rjg1Ii8+Cjwvc3ZnPgo=)
}
@media screen and (max-width:768px) {
.b-page .blu-modal__close[data-v-a1423cd6] {
right: 20px
}
}
.b-page .blu-modal__close[data-v-a1423cd6]:focus-visible {
box-shadow: 0 0 0 4px #000;
outline: 0
}
</style>
<style type="text/css">
.blu-ripple[data-v-2bedc3c7] {
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 100%);
padding: 0 12px
}
.blu-ripple-wave[data-v-2bedc3c7] {
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-2bedc3c7] {
animation-duration: 1.2s;
top: 50%;
left: 50%
}
.blu-ripple-wave~[data-v-2bedc3c7]:not(.blu-ripple-wave) {
position: relative;
z-index: 2
}
.blu-ripple-enter-active[data-v-2bedc3c7] {
transition: 2s cubic-bezier(.25, .8, .25, 1);
transition-property: opacity, transform;
will-change: opacity, transform
}
.blu-ripple-enter-active.b-centered[data-v-2bedc3c7] {
transition-duration: 1.2s
}
.blu-ripple-enter[data-v-2bedc3c7] {
opacity: .26;
transform: scale(.26) translateZ(0)
}
.has-left-icon .blu-ripple svg[data-v-2bedc3c7] {
margin-right: 8px
}
.has-left-icon.b-small svg[data-v-2bedc3c7] {
transform-origin: left;
margin-right: 4px
}
.b-large .blu-ripple[data-v-2bedc3c7] {
padding: 0 16px
}
.b-small .blu-ripple[data-v-2bedc3c7] {
padding: 0 8px
}
.b-small svg[data-v-2bedc3c7] {
width: 18px;
height: 18px
}
.b-icon .blu-ripple[data-v-2bedc3c7] {
padding: 0
}
.b-loading .blu-loader-wrapper[data-v-2bedc3c7] {
height: 24px;
position: absolute
}
.b-loading .blu-ripple[data-v-2bedc3c7] {
color: transparent
}
.b-loading .blu-ripple>svg[data-v-2bedc3c7] {
visibility: hidden
}
.b-loading .blu-ripple .blu-ripple-wave[data-v-2bedc3c7] {
color: #fff
}
.b-loading.b-white .blu-ripple-wave[data-v-2bedc3c7] {
color: #0072ff
}
.b-loading.b-outline.b-secondary .blu-ripple-wave[data-v-2bedc3c7] {
color: #0072ff
}
.b-loading.b-outline.b-primary .blu-ripple-wave[data-v-2bedc3c7] {
color: #f1ab02
}
.b-loading.b-ghost.b-secondary .blu-ripple-wave[data-v-2bedc3c7] {
color: #0072ff
}
.b-loading.b-ghost.b-primary .blu-ripple-wave[data-v-2bedc3c7] {
color: #f1ab02
}
.blu-input-stepper .blu-btn .blu-ripple[data-v-2bedc3c7] {
padding: 0;
width: 24px;
height: 24px;
border-radius: 50%
}
.blu-input-stepper .blu-btn .blu-ripple svg[data-v-2bedc3c7] {
width: 18px;
height: 18px;
margin-left: 1px
}
.blu-input-stepper .blu-btn .blu-ripple-enter-active[data-v-2bedc3c7] {
background: #0072ff
}
.b-disabled[data-v-2bedc3c7] {
opacity: 1
}
.blu-btn-dropdown .blu-ripple>svg+div[data-v-2bedc3c7] {
margin-left: 8px
}
</style>
<style type="text/css">
.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 100%);
padding: 0 12px
}
.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-574d97b4] {
animation-duration: 1.2s;
top: 50%;
left: 50%
}
.blu-ripple-wave~[data-v-574d97b4]:not(.blu-ripple-wave) {
position: relative;
z-index: 2
}
.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-574d97b4] {
transition-duration: 1.2s
}
.blu-ripple-enter[data-v-574d97b4] {
opacity: .26;
transform: scale(.26) translateZ(0)
}
.has-left-icon .blu-ripple svg[data-v-574d97b4] {
margin-right: 8px
}
.has-left-icon.b-small svg[data-v-574d97b4] {
transform-origin: left;
margin-right: 4px
}
.b-large .blu-ripple[data-v-574d97b4] {
padding: 0 16px
}
.b-small .blu-ripple[data-v-574d97b4] {
padding: 0 8px
}
.b-small svg[data-v-574d97b4] {
width: 18px;
height: 18px
}
.b-icon .blu-ripple[data-v-574d97b4] {
padding: 0
}
.b-loading .blu-loader-wrapper[data-v-574d97b4] {
height: 24px;
position: absolute
}
.b-loading .blu-ripple[data-v-574d97b4] {
color: transparent
}
.b-loading .blu-ripple>svg[data-v-574d97b4] {
visibility: hidden
}
.b-loading .blu-ripple .blu-ripple-wave[data-v-574d97b4] {
color: #fff
}
.b-loading.b-white .blu-ripple-wave[data-v-574d97b4] {
color: #0072ff
}
.b-loading.b-outline.b-secondary .blu-ripple-wave[data-v-574d97b4] {
color: #0072ff
}
.b-loading.b-outline.b-primary .blu-ripple-wave[data-v-574d97b4] {
color: #f1ab02
}
.b-loading.b-ghost.b-secondary .blu-ripple-wave[data-v-574d97b4] {
color: #0072ff
}
.b-loading.b-ghost.b-primary .blu-ripple-wave[data-v-574d97b4] {
color: #f1ab02
}
.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-574d97b4] {
width: 18px;
height: 18px;
margin-left: 1px
}
.blu-input-stepper .blu-btn .blu-ripple-enter-active[data-v-574d97b4] {
background: #0072ff
}
.b-disabled[data-v-574d97b4] {
opacity: 1
}
.blu-btn-dropdown .blu-ripple>svg+div[data-v-574d97b4] {
margin-left: 8px
}
</style>
<style type="text/css">
.blu-ripple[data-v-19fd2cc7] {
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 100%);
padding: 0 12px
}
.blu-ripple-wave[data-v-19fd2cc7] {
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] {
animation-duration: 1.2s;
top: 50%;
left: 50%
}
.blu-ripple-wave~[data-v-19fd2cc7]:not(.blu-ripple-wave) {
position: relative;
z-index: 2
}
.blu-ripple-enter-active[data-v-19fd2cc7] {
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] {
transition-duration: 1.2s
}
.blu-ripple-enter[data-v-19fd2cc7] {
opacity: .26;
transform: scale(.26) translateZ(0)
}
.has-left-icon .blu-ripple svg[data-v-19fd2cc7] {
margin-right: 8px
}
.has-left-icon.b-small svg[data-v-19fd2cc7] {
transform-origin: left;
margin-right: 4px
}
.b-large .blu-ripple[data-v-19fd2cc7] {
padding: 0 16px
}
.b-small .blu-ripple[data-v-19fd2cc7] {
padding: 0 8px
}
.b-small svg[data-v-19fd2cc7] {
width: 18px;
height: 18px
}
.b-icon .blu-ripple[data-v-19fd2cc7] {
padding: 0
}
.b-loading .blu-loader-wrapper[data-v-19fd2cc7] {
height: 24px;
position: absolute
}
.b-loading .blu-ripple[data-v-19fd2cc7] {
color: transparent
}
.b-loading .blu-ripple>svg[data-v-19fd2cc7] {
visibility: hidden
}
.b-loading .blu-ripple .blu-ripple-wave[data-v-19fd2cc7] {
color: #fff
}
.b-loading.b-white .blu-ripple-wave[data-v-19fd2cc7] {
color: #0072ff
}
.b-loading.b-outline.b-secondary .blu-ripple-wave[data-v-19fd2cc7] {
color: #0072ff
}
.b-loading.b-outline.b-primary .blu-ripple-wave[data-v-19fd2cc7] {
color: #f1ab02
}
.b-loading.b-ghost.b-secondary .blu-ripple-wave[data-v-19fd2cc7] {
color: #0072ff
}
.b-loading.b-ghost.b-primary .blu-ripple-wave[data-v-19fd2cc7] {
color: #f1ab02
}
.blu-input-stepper .blu-btn .blu-ripple[data-v-19fd2cc7] {
padding: 0;
width: 24px;
height: 24px;
border-radius: 50%
}
.blu-input-stepper .blu-btn .blu-ripple svg[data-v-19fd2cc7] {
width: 18px;
height: 18px;
margin-left: 1px
}
.blu-input-stepper .blu-btn .blu-ripple-enter-active[data-v-19fd2cc7] {
background: #0072ff
}
.b-disabled[data-v-19fd2cc7] {
opacity: 1
}
.blu-btn-dropdown .blu-ripple>svg+div[data-v-19fd2cc7] {
margin-left: 8px
}
.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
}
.blu-btn[data-v-19fd2cc7]::-moz-focus-inner {
border: 0
}
.blu-btn[data-v-19fd2cc7]:active {
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] {
color: #fff;
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: #fff;
background-color: #c8cbcd;
border-color: #c8cbcd;
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]:not(.b-disabled):focus-visible,
.blu-btn.b-disabled[data-v-19fd2cc7]:not(.b-disabled):hover {
background-color: #c8cbcd;
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] {
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],
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
}
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 none !important
}
.blu-btn[data-v-19fd2cc7] {
border-radius: 24px
}
.blu-btn+.blu-button[data-v-19fd2cc7] {
margin-left: 0
}
.blu-btn.b-outline[data-v-19fd2cc7] {
background-color: rgba(0, 0, 0, 0)
}
.blu-btn.b-outline.b-primary[data-v-19fd2cc7] {
color: #f1ab02;
background-color: #e39304;
border: #ffcd00 1px solid
}
.blu-btn.b-outline.b-primary[data-v-19fd2cc7]:not(.b-disabled) {
background-color: rgba(255, 255, 255, .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: #ffcd00 1px solid
}
.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: #1d8fff 1px solid
}
.blu-btn.b-outline.b-secondary[data-v-19fd2cc7]:not(.b-disabled) {
background-color: rgba(255, 255, 255, .12)
}
.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: #1d8fff 1px solid
}
.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: #fff 1px solid
}
.blu-btn.b-outline.b-white[data-v-19fd2cc7]:not(.b-disabled) {
background-color: rgba(255, 255, 255, .12)
}
.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: rgba(255, 255, 255, .4);
border: #fff 1px solid
}
.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: #c8cbcd 1px solid
}
.blu-btn.b-outline.b-disabled[data-v-19fd2cc7]:not(.b-disabled) {
background-color: rgba(255, 255, 255, .12)
}
.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: #c8cbcd 1px solid
}
.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: rgba(0, 0, 0, 0);
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: rgba(255, 255, 255, .4)
}
.blu-btn.b-ghost.b-white.b-disabled[data-v-19fd2cc7] {
color: rgba(255, 255, 255, .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: rgba(0, 0, 0, 0)
}
.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: rgba(0, 0, 0, 0)
}
.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[data-v-19fd2cc7] {
border-radius: 16px
}
.blu-btn.b-small .blu-ripple[data-v-19fd2cc7] {
border-radius: 16px
}
.blu-btn.b-large[data-v-19fd2cc7] {
border-radius: 32px
}
.blu-btn.b-large .blu-ripple[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
}
</style>
<style type="text/css">
.blu-ripple[data-v-7172f8fc] {
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 100%);
padding: 0 12px
}
.blu-ripple-wave[data-v-7172f8fc] {
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-7172f8fc] {
animation-duration: 1.2s;
top: 50%;
left: 50%
}
.blu-ripple-wave~[data-v-7172f8fc]:not(.blu-ripple-wave) {
position: relative;
z-index: 2
}
.blu-ripple-enter-active[data-v-7172f8fc] {
transition: 2s cubic-bezier(.25, .8, .25, 1);
transition-property: opacity, transform;
will-change: opacity, transform
}
.blu-ripple-enter-active.b-centered[data-v-7172f8fc] {
transition-duration: 1.2s
}
.blu-ripple-enter[data-v-7172f8fc] {
opacity: .26;
transform: scale(.26) translateZ(0)
}
.has-left-icon .blu-ripple svg[data-v-7172f8fc] {
margin-right: 8px
}
.has-left-icon.b-small svg[data-v-7172f8fc] {
transform-origin: left;
margin-right: 4px
}
.b-large .blu-ripple[data-v-7172f8fc] {
padding: 0 16px
}
.b-small .blu-ripple[data-v-7172f8fc] {
padding: 0 8px
}
.b-small svg[data-v-7172f8fc] {
width: 18px;
height: 18px
}
.b-icon .blu-ripple[data-v-7172f8fc] {
padding: 0
}
.b-loading .blu-loader-wrapper[data-v-7172f8fc] {
height: 24px;
position: absolute
}
.b-loading .blu-ripple[data-v-7172f8fc] {
color: transparent
}
.b-loading .blu-ripple>svg[data-v-7172f8fc] {
visibility: hidden
}
.b-loading .blu-ripple .blu-ripple-wave[data-v-7172f8fc] {
color: #fff
}
.b-loading.b-white .blu-ripple-wave[data-v-7172f8fc] {
color: #0072ff
}
.b-loading.b-outline.b-secondary .blu-ripple-wave[data-v-7172f8fc] {
color: #0072ff
}
.b-loading.b-outline.b-primary .blu-ripple-wave[data-v-7172f8fc] {
color: #f1ab02
}
.b-loading.b-ghost.b-secondary .blu-ripple-wave[data-v-7172f8fc] {
color: #0072ff
}
.b-loading.b-ghost.b-primary .blu-ripple-wave[data-v-7172f8fc] {
color: #f1ab02
}
.blu-input-stepper .blu-btn .blu-ripple[data-v-7172f8fc] {
padding: 0;
width: 24px;
height: 24px;
border-radius: 50%
}
.blu-input-stepper .blu-btn .blu-ripple svg[data-v-7172f8fc] {
width: 18px;
height: 18px;
margin-left: 1px
}
.blu-input-stepper .blu-btn .blu-ripple-enter-active[data-v-7172f8fc] {
background: #0072ff
}
.b-disabled[data-v-7172f8fc] {
opacity: 1
}
.blu-btn-dropdown .blu-ripple>svg+div[data-v-7172f8fc] {
margin-left: 8px
}
.blu-modal__mask[data-v-7172f8fc] {
transition: opacity .3s ease;
position: fixed;
z-index: 999;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-color: rgba(0, 0, 0, .6);
display: flex;
flex-direction: column;
justify-content: center;
align-items: center
}
.blu-modal__container[data-v-7172f8fc] {
transition: opacity .3s ease;
width: 90%;
max-width: 500px;
max-height: calc(100% - 50px);
height: auto;
background: #fff;
box-shadow: 0 1px 6px 0 rgba(0, 0, 0, .1);
position: fixed;
z-index: 1000;
display: flex;
flex-direction: column
}
@media screen and (max-width:768px) {
.blu-modal__container[data-v-7172f8fc] {
max-height: calc(100% - 40px)
}
}
@media screen and (min-width:769px),
print {
.blu-modal__container[data-v-7172f8fc] {
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
-moz-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
-o-transform: translate(-50%, -50%);
transform: translate(-50%, -50%)
}
}
.blu-modal__heading[data-v-7172f8fc] {
font: 24px/28px "blibli demi bold", -apple-system, segoe ui, roboto, helvetica, arial, sans-serif;
margin-bottom: 8px
}
@media screen and (max-width:768px) {
.blu-modal__heading[data-v-7172f8fc] {
font: 20px/24px "blibli demi bold", -apple-system, segoe ui, roboto, helvetica, arial, sans-serif;
margin-bottom: 0
}
}
.blu-modal__body[data-v-7172f8fc] {
max-height: var(--max-height-modal-body);
overflow-x: auto;
color: rgba(25, 34, 42, .7019607843);
margin-right: 0;
overscroll-behavior: contain
}
@media screen and (min-width:769px),
print {
.blu-modal__body[data-v-7172f8fc] {
font: 16px/20px blibli, -apple-system, segoe ui, roboto, helvetica, arial, sans-serif
}
}
@media screen and (max-width:768px) {
.blu-modal__body[data-v-7172f8fc] {
font: 14px/18px blibli, -apple-system, segoe ui, roboto, helvetica, arial, sans-serif
}
}
.blu-modal__footer[data-v-7172f8fc] {
text-align: right
}
@media screen and (max-width:768px) {
.blu-modal__footer[data-v-7172f8fc] {
margin-top: auto
}
}
.blu-modal.b-dialog .blu-modal__body[data-v-7172f8fc] {
margin-bottom: 40px
}
@media screen and (max-width:768px) {
.blu-modal.b-dialog .blu-modal__body[data-v-7172f8fc] {
margin-bottom: 32px
}
}
.blu-modal.b-dialog .blu-modal__container[data-v-7172f8fc] {
border-radius: 16px
}
@media screen and (min-width:769px),
print {
.blu-modal.b-dialog .blu-modal__container[data-v-7172f8fc] {
padding: 24px 24px 16px
}
}
@media screen and (max-width:768px) {
.blu-modal.b-dialog .blu-modal__container[data-v-7172f8fc] {
padding: 24px 24px 16px;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
-moz-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
-o-transform: translate(-50%, -50%);
transform: translate(-50%, -50%)
}
}
.blu-modal.b-dialog .blu-modal__container[data-v-7172f8fc]:after,
.blu-modal.b-dialog .blu-modal__container[data-v-7172f8fc]:before {
content: "";
width: calc(100% - 60px);
margin: 0 30px;
border-radius: 0 0 24px 24px;
position: absolute;
left: 0
}
.blu-modal.b-dialog .blu-modal__container[data-v-7172f8fc]:before {
height: 9px;
bottom: -9px;
z-index: 2;
background: linear-gradient(0deg, rgba(0, 0, 0, 0) 0, rgba(0, 0, 0, .12) 100%)
}
.blu-modal.b-dialog .blu-modal__container[data-v-7172f8fc]:after {
height: 16px;
border-top: #fff 1px solid;
bottom: -15px
}
.blu-modal.b-dialog .blu-modal__close[data-v-7172f8fc] {
display: none
}
.blu-modal.b-dialog.b-info .blu-modal__container[data-v-7172f8fc]:after {
background-color: #1d8fff
}
.blu-modal.b-dialog.b-success .blu-modal__container[data-v-7172f8fc]:after {
background-color: #22a334
}
.blu-modal.b-dialog.b-warning .blu-modal__container[data-v-7172f8fc]:after {
background-color: #ffcd00
}
.blu-modal.b-dialog.b-danger .blu-modal__container[data-v-7172f8fc]:after {
background-color: #ff4646
}
.blu-modal.b-page .blu-modal__body[data-v-7172f8fc] {
color: rgba(25, 34, 42, .7019607843)
}
@media screen and (min-width:769px),
print {
.blu-modal.b-page .blu-modal__body[data-v-7172f8fc] {
padding: 0 24px
}
}
@media screen and (max-width:768px) {
.blu-modal.b-page .blu-modal__body[data-v-7172f8fc] {
padding: 0 16px;
padding-bottom: calc(env(safe-area-inset-bottom) + 4px);
overflow-y: auto
}
}
.blu-modal.b-page .blu-modal__body[data-v-7172f8fc]::before {
content: "";
background: #fff;
height: 20px;
width: 100%;
left: 0;
bottom: 0;
position: fixed
}
@media screen and (min-width:769px),
print {
.blu-modal.b-page .blu-modal__body[data-v-7172f8fc]::before {
display: none
}
}
@media screen and (min-width:769px),
print {
.blu-modal.b-page .blu-modal__container[data-v-7172f8fc] {
border-radius: 16px;
padding-top: 32px
}
}
@media screen and (max-width:768px) {
.blu-modal.b-page .blu-modal__container[data-v-7172f8fc] {
padding-top: 24px;
width: 100%;
max-width: 100%;
height: auto;
border-radius: 16px 16px 0 0;
left: 0;
bottom: 0;
padding-top: 24px;
padding-bottom: calc(env(safe-area-inset-bottom) + 16px)
}
}
@media screen and (min-width:769px),
print {
.blu-modal.b-page .blu-modal__footer[data-v-7172f8fc] {
padding: 24px 24px
}
}
@media screen and (max-width:768px) {
.blu-modal.b-page .blu-modal__footer[data-v-7172f8fc] {
width: 100%;
padding: 16px;
transition: all .3s cubic-bezier(0, 0, .2, 1.2);
bottom: 0;
padding-bottom: env(safe-area-inset-bottom);
background: #fff
}
}
.blu-modal.b-page .blu-modal__footer[data-v-7172f8fc]::before {
content: "";
background: #fff;
height: 20px;
width: 100%;
left: 0;
bottom: 0;
position: fixed
}
@media screen and (min-width:769px),
print {
.blu-modal.b-page .blu-modal__footer[data-v-7172f8fc]::before {
display: none
}
}
@media screen and (min-width:769px),
print {
.blu-modal.b-page .blu-modal__header[data-v-7172f8fc] {
padding: 0 24px
}
}
@media screen and (max-width:768px) {
.blu-modal.b-page .blu-modal__header[data-v-7172f8fc] {
padding: 0 16px
}
}
.blu-modal.b-page .blu-modal__icon[data-v-7172f8fc] {
display: none
}
@media screen and (max-width:768px) {
.blu-modal.b-page.fade-enter-active[data-v-7172f8fc],
.blu-modal.b-page.fade-leave-active[data-v-7172f8fc] {
transition: opacity .3s
}
.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] {
transition: bottom .3s;
transition: all .3s cubic-bezier(0, 0, .2, 1.2);
bottom: 0
}
.blu-modal.b-page.fade-enter-active[data-v-7172f8fc] {
transition: opacity .3s cubic-bezier(0, 0, .2, 1.2)
}
.blu-modal.b-page.fade-leave-active[data-v-7172f8fc] {
transition: opacity .3s cubic-bezier(.8, 0, 1, 1)
}
.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] {
bottom: -96vh
}
}
.blu-modal.b-no-button .blu-modal__container[data-v-7172f8fc] {
padding-bottom: 20px
}
@media screen and (max-width:768px) {
.blu-modal.b-no-button .blu-modal__body[data-v-7172f8fc] {
padding-bottom: env(safe-area-inset-bottom)
}
}
.blu-modal.b-no-button .blu-modal__footer[data-v-7172f8fc] {
display: none
}
.fade-enter-active[data-v-7172f8fc],
.fade-leave-active[data-v-7172f8fc] {
position: absolute;
z-index: 998;
transition: opacity .3s
}
.fade-enter[data-v-7172f8fc],
.fade-leave-to[data-v-7172f8fc] {
opacity: 0
}
img[data-v-7172f8fc] {
max-width: 100%
}
.blu-modal.b-dialog .blu-modal__icon[data-v-7172f8fc] {
width: 40px;
height: 40px;
margin-bottom: 40px
}
@media screen and (max-width:768px) {
.blu-modal.b-dialog .blu-modal__icon[data-v-7172f8fc] {
width: 24px;
height: 24px;
margin-bottom: 32px
}
}
.blu-modal.b-dialog.b-info .blu-modal__icon[data-v-7172f8fc] {
background-color: #1d8fff;
-webkit-mask-image: url(data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PSIwIDAgMjQgMjQiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+DQo8cGF0aCBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGNsaXAtcnVsZT0iZXZlbm9kZCIgZD0iTTIgMTJDMiA2LjQ4IDYuNDggMiAxMiAyQzE3LjUyIDIgMjIgNi40OCAyMiAxMkMyMiAxNy41MiAxNy41MiAyMiAxMiAyMkM2LjQ4IDIyIDIgMTcuNTIgMiAxMlpNMTEuOTcgOC43Mzc2NEMxMi43MjY2IDguNzM3NjQgMTMuMzQgOC4xMjQ4IDEzLjM0IDcuMzY4ODJDMTMuMzQgNi42MTI4NCAxMi43MjY2IDYgMTEuOTcgNkMxMS4yMTM0IDYgMTAuNiA2LjYxMjg0IDEwLjYgNy4zNjg4MkMxMC42IDguMTI0OCAxMS4yMTM0IDguNzM3NjQgMTEuOTcgOC43Mzc2NFpNMTEuNDk5OSAxMC4xMDY0SDEyLjQ0OTlDMTIuODQ5OSAxMC4xMDY0IDEzLjE3OTkgMTAuNDM2MiAxMy4xNzk5IDEwLjgzNThWMTcuMjcwM0MxMy4xNzk5IDE3LjY2OTkgMTIuODQ5OSAxNy45OTk2IDEyLjQ0OTkgMTcuOTk5NkgxMS40OTk5QzExLjA5OTkgMTcuOTk5NiAxMC43Njk5IDE3LjY2OTkgMTAuNzY5OSAxNy4yNzAzVjEwLjgzNThDMTAuNzY5OSAxMC40MzYyIDExLjA5OTkgMTAuMTA2NCAxMS40OTk5IDEwLjEwNjRaIiBmaWxsPSIjNzk3Rjg1Ii8+DQo8L3N2Zz4NCg==);
mask-image: url(data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PSIwIDAgMjQgMjQiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+DQo8cGF0aCBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGNsaXAtcnVsZT0iZXZlbm9kZCIgZD0iTTIgMTJDMiA2LjQ4IDYuNDggMiAxMiAyQzE3LjUyIDIgMjIgNi40OCAyMiAxMkMyMiAxNy41MiAxNy41MiAyMiAxMiAyMkM2LjQ4IDIyIDIgMTcuNTIgMiAxMlpNMTEuOTcgOC43Mzc2NEMxMi43MjY2IDguNzM3NjQgMTMuMzQgOC4xMjQ4IDEzLjM0IDcuMzY4ODJDMTMuMzQgNi42MTI4NCAxMi43MjY2IDYgMTEuOTcgNkMxMS4yMTM0IDYgMTAuNiA2LjYxMjg0IDEwLjYgNy4zNjg4MkMxMC42IDguMTI0OCAxMS4yMTM0IDguNzM3NjQgMTEuOTcgOC43Mzc2NFpNMTEuNDk5OSAxMC4xMDY0SDEyLjQ0OTlDMTIuODQ5OSAxMC4xMDY0IDEzLjE3OTkgMTAuNDM2MiAxMy4xNzk5IDEwLjgzNThWMTcuMjcwM0MxMy4xNzk5IDE3LjY2OTkgMTIuODQ5OSAxNy45OTk2IDEyLjQ0OTkgMTcuOTk5NkgxMS40OTk5QzExLjA5OTkgMTcuOTk5NiAxMC43Njk5IDE3LjY2OTkgMTAuNzY5OSAxNy4yNzAzVjEwLjgzNThDMTAuNzY5OSAxMC40MzYyIDExLjA5OTkgMTAuMTA2NCAxMS40OTk5IDEwLjEwNjRaIiBmaWxsPSIjNzk3Rjg1Ii8+DQo8L3N2Zz4NCg==)
}
.blu-modal.b-dialog.b-success .blu-modal__icon[data-v-7172f8fc] {
background-color: #22a334;
-webkit-mask-image: url(data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PSIwIDAgMjQgMjQiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+DQo8cGF0aCBkPSJNMTIgMkM2LjQ4IDIgMiA2LjQ4IDIgMTJDMiAxNy41MiA2LjQ4IDIyIDEyIDIyQzE3LjUyIDIyIDIyIDE3LjUyIDIyIDEyQzIyIDYuNDggMTcuNTIgMiAxMiAyWk0xNy4wNSA5LjExTDEyLjA2IDE2LjEyQzExLjg4IDE2LjM3IDExLjYgMTYuNTIgMTEuMjkgMTYuNTRIMTEuMjRDMTAuOTUgMTYuNTQgMTAuNjcgMTYuNDIgMTAuNDggMTYuMTlMNi45OSAxMi4xM0M2LjgyIDExLjkzIDYuNzMgMTEuNjcgNi43NSAxMS40MUM2Ljc3IDExLjE0IDYuODkgMTAuOSA3LjA5IDEwLjczQzcuNTEgMTAuMzcgOC4xNCAxMC40MiA4LjUgMTAuODRMMTEuMTYgMTMuOTNMMTUuNDEgNy45NkMxNS43MyA3LjUxIDE2LjM1IDcuNDEgMTYuOCA3LjczQzE3LjAyIDcuODggMTcuMTYgOC4xMSAxNy4yMSA4LjM4QzE3LjI1IDguNjQgMTcuMTkgOC45MSAxNy4wNCA5LjEyTDE3LjA1IDkuMTFaIiBmaWxsPSIjNzk3Rjg1Ii8+DQo8L3N2Zz4=);
mask-image: url(data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PSIwIDAgMjQgMjQiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+DQo8cGF0aCBkPSJNMTIgMkM2LjQ4IDIgMiA2LjQ4IDIgMTJDMiAxNy41MiA2LjQ4IDIyIDEyIDIyQzE3LjUyIDIyIDIyIDE3LjUyIDIyIDEyQzIyIDYuNDggMTcuNTIgMiAxMiAyWk0xNy4wNSA5LjExTDEyLjA2IDE2LjEyQzExLjg4IDE2LjM3IDExLjYgMTYuNTIgMTEuMjkgMTYuNTRIMTEuMjRDMTAuOTUgMTYuNTQgMTAuNjcgMTYuNDIgMTAuNDggMTYuMTlMNi45OSAxMi4xM0M2LjgyIDExLjkzIDYuNzMgMTEuNjcgNi43NSAxMS40MUM2Ljc3IDExLjE0IDYuODkgMTAuOSA3LjA5IDEwLjczQzcuNTEgMTAuMzcgOC4xNCAxMC40MiA4LjUgMTAuODRMMTEuMTYgMTMuOTNMMTUuNDEgNy45NkMxNS43MyA3LjUxIDE2LjM1IDcuNDEgMTYuOCA3LjczQzE3LjAyIDcuODggMTcuMTYgOC4xMSAxNy4yMSA4LjM4QzE3LjI1IDguNjQgMTcuMTkgOC45MSAxNy4wNCA5LjEyTDE3LjA1IDkuMTFaIiBmaWxsPSIjNzk3Rjg1Ii8+DQo8L3N2Zz4=)
}
.blu-modal.b-dialog.b-warning .blu-modal__icon[data-v-7172f8fc] {
background-color: #ffcd00;
-webkit-mask-image: url(data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PSIwIDAgMjQgMjQiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+DQo8cGF0aCBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGNsaXAtcnVsZT0iZXZlbm9kZCIgZD0iTTMuODc0MzYgMjFIMjAuMTE0NEgyMC4xMjQ0QzIxLjU1MzUgMjEgMjIuNDUyOSAxOS41MDM1IDIxLjc2MzQgMTguMjg2NEwxMy42NDg0IDMuOTUwMjZDMTIuOTM4OCAyLjY4MzI1IDExLjA2OTkgMi42ODMyNSAxMC4zNjA0IDMuOTUwMjZMMi4yMzUzNyAxOC4yOTY0QzEuNTQ1OCAxOS41MTM1IDIuNDU1MjQgMjEgMy44NzQzNiAyMVpNMTAuOTkgMTMuOTM3NEwxMC43MDAyIDkuMDk4ODdWNy43NTIwNUMxMC43MDAyIDcuMzMzMDQgMTEuMDQgNi45OTM4NCAxMS40NTk3IDYuOTkzODRIMTIuNjA5QzEzLjAyODggNi45OTM4NCAxMy4zNjg2IDcuMzMzMDQgMTMuMzY4NiA3Ljc1MjA1VjkuMTA4ODRMMTMuMDg4NyAxMy45Mjc1QzEzLjA2ODcgMTQuMzI2NSAxMi43Mzg5IDE0LjYzNTggMTIuMzI5MiAxNC42MzU4SDExLjc0OTVDMTEuMzQ5OCAxNC42MzU4IDExLjAyIDE0LjMyNjUgMTAuOTkgMTMuOTI3NVYxMy45Mzc0Wk0xMS45OTk0IDE4Ljk2NTJDMTIuNzg4NyAxOC45NjUyIDEzLjQyODYgMTguMzI2NSAxMy40Mjg2IDE3LjUzODZDMTMuNDI4NiAxNi43NTA3IDEyLjc4ODcgMTYuMTEyIDExLjk5OTQgMTYuMTEyQzExLjIxMDIgMTYuMTEyIDEwLjU3MDMgMTYuNzUwNyAxMC41NzAzIDE3LjUzODZDMTAuNTcwMyAxOC4zMjY1IDExLjIxMDIgMTguOTY1MiAxMS45OTk0IDE4Ljk2NTJaIiBmaWxsPSIjNzk3Rjg1Ii8+DQo8L3N2Zz4NCg==);
mask-image: url(data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PSIwIDAgMjQgMjQiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+DQo8cGF0aCBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGNsaXAtcnVsZT0iZXZlbm9kZCIgZD0iTTMuODc0MzYgMjFIMjAuMTE0NEgyMC4xMjQ0QzIxLjU1MzUgMjEgMjIuNDUyOSAxOS41MDM1IDIxLjc2MzQgMTguMjg2NEwxMy42NDg0IDMuOTUwMjZDMTIuOTM4OCAyLjY4MzI1IDExLjA2OTkgMi42ODMyNSAxMC4zNjA0IDMuOTUwMjZMMi4yMzUzNyAxOC4yOTY0QzEuNTQ1OCAxOS41MTM1IDIuNDU1MjQgMjEgMy44NzQzNiAyMVpNMTAuOTkgMTMuOTM3NEwxMC43MDAyIDkuMDk4ODdWNy43NTIwNUMxMC43MDAyIDcuMzMzMDQgMTEuMDQgNi45OTM4NCAxMS40NTk3IDYuOTkzODRIMTIuNjA5QzEzLjAyODggNi45OTM4NCAxMy4zNjg2IDcuMzMzMDQgMTMuMzY4NiA3Ljc1MjA1VjkuMTA4ODRMMTMuMDg4NyAxMy45Mjc1QzEzLjA2ODcgMTQuMzI2NSAxMi43Mzg5IDE0LjYzNTggMTIuMzI5MiAxNC42MzU4SDExLjc0OTVDMTEuMzQ5OCAxNC42MzU4IDExLjAyIDE0LjMyNjUgMTAuOTkgMTMuOTI3NVYxMy45Mzc0Wk0xMS45OTk0IDE4Ljk2NTJDMTIuNzg4NyAxOC45NjUyIDEzLjQyODYgMTguMzI2NSAxMy40Mjg2IDE3LjUzODZDMTMuNDI4NiAxNi43NTA3IDEyLjc4ODcgMTYuMTEyIDExLjk5OTQgMTYuMTEyQzExLjIxMDIgMTYuMTEyIDEwLjU3MDMgMTYuNzUwNyAxMC41NzAzIDE3LjUzODZDMTAuNTcwMyAxOC4zMjY1IDExLjIxMDIgMTguOTY1MiAxMS45OTk0IDE4Ljk2NTJaIiBmaWxsPSIjNzk3Rjg1Ii8+DQo8L3N2Zz4NCg==)
}
.blu-modal.b-dialog.b-danger .blu-modal__icon[data-v-7172f8fc] {
background-color: #ff4646;
-webkit-mask-image: url(data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PSIwIDAgMjQgMjQiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+DQo8cGF0aCBkPSJNMTIgMkM2LjQ4IDIgMiA2LjQ4IDIgMTJDMiAxNy41MiA2LjQ4IDIyIDEyIDIyQzE3LjUyIDIyIDIyIDE3LjUyIDIyIDEyQzIyIDYuNDggMTcuNTIgMiAxMiAyWk0xNi4yNCAxNC44M0MxNi42MyAxNS4yMiAxNi42MyAxNS44NSAxNi4yNCAxNi4yNEMxNS44NSAxNi42MyAxNS4yMiAxNi42MyAxNC44MyAxNi4yNEwxMiAxMy40MUw5LjE3IDE2LjI0QzguNzggMTYuNjMgOC4xNSAxNi42MyA3Ljc2IDE2LjI0QzcuMzcgMTUuODUgNy4zNyAxNS4yMiA3Ljc2IDE0LjgzTDEwLjU5IDEyTDcuNzYgOS4xN0M3LjM3IDguNzggNy4zNyA4LjE1IDcuNzYgNy43NkM4LjE1IDcuMzcgOC43OCA3LjM3IDkuMTcgNy43NkwxMiAxMC41OUwxNC44MyA3Ljc2QzE1LjIyIDcuMzcgMTUuODUgNy4zNyAxNi4yNCA3Ljc2QzE2LjYzIDguMTUgMTYuNjMgOC43OCAxNi4yNCA5LjE3TDEzLjQxIDEyTDE2LjI0IDE0LjgzWiIgZmlsbD0iIzc5N0Y4NSIvPg0KPC9zdmc+);
mask-image: url(data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PSIwIDAgMjQgMjQiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+DQo8cGF0aCBkPSJNMTIgMkM2LjQ4IDIgMiA2LjQ4IDIgMTJDMiAxNy41MiA2LjQ4IDIyIDEyIDIyQzE3LjUyIDIyIDIyIDE3LjUyIDIyIDEyQzIyIDYuNDggMTcuNTIgMiAxMiAyWk0xNi4yNCAxNC44M0MxNi42MyAxNS4yMiAxNi42MyAxNS44NSAxNi4yNCAxNi4yNEMxNS44NSAxNi42MyAxNS4yMiAxNi42MyAxNC44MyAxNi4yNEwxMiAxMy40MUw5LjE3IDE2LjI0QzguNzggMTYuNjMgOC4xNSAxNi42MyA3Ljc2IDE2LjI0QzcuMzcgMTUuODUgNy4zNyAxNS4yMiA3Ljc2IDE0LjgzTDEwLjU5IDEyTDcuNzYgOS4xN0M3LjM3IDguNzggNy4zNyA4LjE1IDcuNzYgNy43NkM4LjE1IDcuMzcgOC43OCA3LjM3IDkuMTcgNy43NkwxMiAxMC41OUwxNC44MyA3Ljc2QzE1LjIyIDcuMzcgMTUuODUgNy4zNyAxNi4yNCA3Ljc2QzE2LjYzIDguMTUgMTYuNjMgOC43OCAxNi4yNCA5LjE3TDEzLjQxIDEyTDE2LjI0IDE0LjgzWiIgZmlsbD0iIzc5N0Y4NSIvPg0KPC9zdmc+)
}
@media screen and (max-width:768px) {
.blu-modal.b-full-screen .blu-modal__container[data-v-7172f8fc] {
min-height: 100%;
border-radius: unset;
padding-top: 0
}
.blu-modal.b-full-screen .blu-modal__close[data-v-7172f8fc] {
display: none
}
}
@media screen and (max-width:768px) {
.blu-modal__footer[data-v-7172f8fc] {
display: flex;
justify-content: flex-end;
flex-direction: column-reverse
}
}
.blu-btn[data-v-7172f8fc] {
min-width: 96px
}
@media screen and (min-width:769px),
print {
.blu-btn[data-v-7172f8fc] {
margin-left: 8px;
margin-bottom: 0
}
}
@media screen and (max-width:768px) {
.blu-btn[data-v-7172f8fc] {
width: 100%;
margin-bottom: 8px
}
.blu-btn[data-v-7172f8fc]:not(:last-child) {
margin-bottom: 0
}
}
</style>
<style type="text/css">
.blu-ripple[data-v-c206562a] {
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 100%);
padding: 0 12px
}
.blu-ripple-wave[data-v-c206562a] {
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-c206562a] {
animation-duration: 1.2s;
top: 50%;
left: 50%
}
.blu-ripple-wave~[data-v-c206562a]:not(.blu-ripple-wave) {
position: relative;
z-index: 2
}
.blu-ripple-enter-active[data-v-c206562a] {
transition: 2s cubic-bezier(.25, .8, .25, 1);
transition-property: opacity, transform;
will-change: opacity, transform
}
.blu-ripple-enter-active.b-centered[data-v-c206562a] {
transition-duration: 1.2s
}
.blu-ripple-enter[data-v-c206562a] {
opacity: .26;
transform: scale(.26) translateZ(0)
}
.has-left-icon .blu-ripple svg[data-v-c206562a] {
margin-right: 8px
}
.has-left-icon.b-small svg[data-v-c206562a] {
transform-origin: left;
margin-right: 4px
}
.b-large .blu-ripple[data-v-c206562a] {
padding: 0 16px
}
.b-small .blu-ripple[data-v-c206562a] {
padding: 0 8px
}
.b-small svg[data-v-c206562a] {
width: 18px;
height: 18px
}
.b-icon .blu-ripple[data-v-c206562a] {
padding: 0
}
.b-loading .blu-loader-wrapper[data-v-c206562a] {
height: 24px;
position: absolute
}
.b-loading .blu-ripple[data-v-c206562a] {
color: transparent
}
.b-loading .blu-ripple>svg[data-v-c206562a] {
visibility: hidden
}
.b-loading .blu-ripple .blu-ripple-wave[data-v-c206562a] {
color: #fff
}
.b-loading.b-white .blu-ripple-wave[data-v-c206562a] {
color: #0072ff
}
.b-loading.b-outline.b-secondary .blu-ripple-wave[data-v-c206562a] {
color: #0072ff
}
.b-loading.b-outline.b-primary .blu-ripple-wave[data-v-c206562a] {
color: #f1ab02
}
.b-loading.b-ghost.b-secondary .blu-ripple-wave[data-v-c206562a] {
color: #0072ff
}
.b-loading.b-ghost.b-primary .blu-ripple-wave[data-v-c206562a] {
color: #f1ab02
}
.blu-input-stepper .blu-btn .blu-ripple[data-v-c206562a] {
padding: 0;
width: 24px;
height: 24px;
border-radius: 50%
}
.blu-input-stepper .blu-btn .blu-ripple svg[data-v-c206562a] {
width: 18px;
height: 18px;
margin-left: 1px
}
.blu-input-stepper .blu-btn .blu-ripple-enter-active[data-v-c206562a] {
background: #0072ff
}
.b-disabled[data-v-c206562a] {
opacity: 1
}
.blu-btn-dropdown .blu-ripple>svg+div[data-v-c206562a] {
margin-left: 8px
}
.blu-modal__mask[data-v-c206562a] {
transition: opacity .3s ease;
position: fixed;
z-index: 999;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-color: rgba(0, 0, 0, .6);
display: flex;
flex-direction: column;
justify-content: center;
align-items: center
}
.blu-modal__container[data-v-c206562a] {
transition: opacity .3s ease;
width: 90%;
max-width: 500px;
max-height: calc(100% - 50px);
height: auto;
background: #fff;
box-shadow: 0 1px 6px 0 rgba(0, 0, 0, .1);
position: fixed;
z-index: 1000;
display: flex;
flex-direction: column
}
@media screen and (max-width:768px) {
.blu-modal__container[data-v-c206562a] {
max-height: calc(100% - 40px)
}
}
@media screen and (min-width:769px),
print {
.blu-modal__container[data-v-c206562a] {
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
-moz-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
-o-transform: translate(-50%, -50%);
transform: translate(-50%, -50%)
}
}
.blu-modal__heading[data-v-c206562a] {
font: 24px/28px "blibli demi bold", -apple-system, segoe ui, roboto, helvetica, arial, sans-serif;
margin-bottom: 8px
}
@media screen and (max-width:768px) {
.blu-modal__heading[data-v-c206562a] {
font: 20px/24px "blibli demi bold", -apple-system, segoe ui, roboto, helvetica, arial, sans-serif;
margin-bottom: 0
}
}
.blu-modal__body[data-v-c206562a] {
max-height: var(--max-height-modal-body);
overflow-x: auto;
color: rgba(25, 34, 42, .7019607843);
margin-right: 0;
overscroll-behavior: contain
}
@media screen and (min-width:769px),
print {
.blu-modal__body[data-v-c206562a] {
font: 16px/20px blibli, -apple-system, segoe ui, roboto, helvetica, arial, sans-serif
}
}
@media screen and (max-width:768px) {
.blu-modal__body[data-v-c206562a] {
font: 14px/18px blibli, -apple-system, segoe ui, roboto, helvetica, arial, sans-serif
}
}
.blu-modal__footer[data-v-c206562a] {
text-align: right
}
@media screen and (max-width:768px) {
.blu-modal__footer[data-v-c206562a] {
margin-top: auto
}
}
.blu-modal.b-dialog .blu-modal__body[data-v-c206562a] {
margin-bottom: 40px
}
@media screen and (max-width:768px) {
.blu-modal.b-dialog .blu-modal__body[data-v-c206562a] {
margin-bottom: 32px
}
}
.blu-modal.b-dialog .blu-modal__container[data-v-c206562a] {
border-radius: 16px
}
@media screen and (min-width:769px),
print {
.blu-modal.b-dialog .blu-modal__container[data-v-c206562a] {
padding: 24px 24px 16px
}
}
@media screen and (max-width:768px) {
.blu-modal.b-dialog .blu-modal__container[data-v-c206562a] {
padding: 24px 24px 16px;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
-moz-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
-o-transform: translate(-50%, -50%);
transform: translate(-50%, -50%)
}
}
.blu-modal.b-dialog .blu-modal__container[data-v-c206562a]:after,
.blu-modal.b-dialog .blu-modal__container[data-v-c206562a]:before {
content: "";
width: calc(100% - 60px);
margin: 0 30px;
border-radius: 0 0 24px 24px;
position: absolute;
left: 0
}
.blu-modal.b-dialog .blu-modal__container[data-v-c206562a]:before {
height: 9px;
bottom: -9px;
z-index: 2;
background: linear-gradient(0deg, rgba(0, 0, 0, 0) 0, rgba(0, 0, 0, .12) 100%)
}
.blu-modal.b-dialog .blu-modal__container[data-v-c206562a]:after {
height: 16px;
border-top: #fff 1px solid;
bottom: -15px
}
.blu-modal.b-dialog .blu-modal__close[data-v-c206562a] {
display: none
}
.blu-modal.b-dialog.b-info .blu-modal__container[data-v-c206562a]:after {
background-color: #1d8fff
}
.blu-modal.b-dialog.b-success .blu-modal__container[data-v-c206562a]:after {
background-color: #22a334
}
.blu-modal.b-dialog.b-warning .blu-modal__container[data-v-c206562a]:after {
background-color: #ffcd00
}
.blu-modal.b-dialog.b-danger .blu-modal__container[data-v-c206562a]:after {
background-color: #ff4646
}
.blu-modal.b-page .blu-modal__body[data-v-c206562a] {
color: rgba(25, 34, 42, .7019607843)
}
@media screen and (min-width:769px),
print {
.blu-modal.b-page .blu-modal__body[data-v-c206562a] {
padding: 0 24px
}
}
@media screen and (max-width:768px) {
.blu-modal.b-page .blu-modal__body[data-v-c206562a] {
padding: 0 16px;
padding-bottom: calc(env(safe-area-inset-bottom) + 4px);
overflow-y: auto
}
}
.blu-modal.b-page .blu-modal__body[data-v-c206562a]::before {
content: "";
background: #fff;
height: 20px;
width: 100%;
left: 0;
bottom: 0;
position: fixed
}
@media screen and (min-width:769px),
print {
.blu-modal.b-page .blu-modal__body[data-v-c206562a]::before {
display: none
}
}
@media screen and (min-width:769px),
print {
.blu-modal.b-page .blu-modal__container[data-v-c206562a] {
border-radius: 16px;
padding-top: 32px
}
}
@media screen and (max-width:768px) {
.blu-modal.b-page .blu-modal__container[data-v-c206562a] {
padding-top: 24px;
width: 100%;
max-width: 100%;
height: auto;
border-radius: 16px 16px 0 0;
left: 0;
bottom: 0;
padding-top: 24px;
padding-bottom: calc(env(safe-area-inset-bottom) + 16px)
}
}
@media screen and (min-width:769px),
print {
.blu-modal.b-page .blu-modal__footer[data-v-c206562a] {
padding: 24px 24px
}
}
@media screen and (max-width:768px) {
.blu-modal.b-page .blu-modal__footer[data-v-c206562a] {
width: 100%;
padding: 16px;
transition: all .3s cubic-bezier(0, 0, .2, 1.2);
bottom: 0;
padding-bottom: env(safe-area-inset-bottom);
background: #fff
}
}
.blu-modal.b-page .blu-modal__footer[data-v-c206562a]::before {
content: "";
background: #fff;
height: 20px;
width: 100%;
left: 0;
bottom: 0;
position: fixed
}
@media screen and (min-width:769px),
print {
.blu-modal.b-page .blu-modal__footer[data-v-c206562a]::before {
display: none
}
}
@media screen and (min-width:769px),
print {
.blu-modal.b-page .blu-modal__header[data-v-c206562a] {
padding: 0 24px
}
}
@media screen and (max-width:768px) {
.blu-modal.b-page .blu-modal__header[data-v-c206562a] {
padding: 0 16px
}
}
.blu-modal.b-page .blu-modal__icon[data-v-c206562a] {
display: none
}
@media screen and (max-width:768px) {
.blu-modal.b-page.fade-enter-active[data-v-c206562a],
.blu-modal.b-page.fade-leave-active[data-v-c206562a] {
transition: opacity .3s
}
.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] {
transition: bottom .3s;
transition: all .3s cubic-bezier(0, 0, .2, 1.2);
bottom: 0
}
.blu-modal.b-page.fade-enter-active[data-v-c206562a] {
transition: opacity .3s cubic-bezier(0, 0, .2, 1.2)
}
.blu-modal.b-page.fade-leave-active[data-v-c206562a] {
transition: opacity .3s cubic-bezier(.8, 0, 1, 1)
}
.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] {
bottom: -96vh
}
}
.blu-modal.b-no-button .blu-modal__container[data-v-c206562a] {
padding-bottom: 20px
}
@media screen and (max-width:768px) {
.blu-modal.b-no-button .blu-modal__body[data-v-c206562a] {
padding-bottom: env(safe-area-inset-bottom)
}
}
.blu-modal.b-no-button .blu-modal__footer[data-v-c206562a] {
display: none
}
.fade-enter-active[data-v-c206562a],
.fade-leave-active[data-v-c206562a] {
position: absolute;
z-index: 998;
transition: opacity .3s
}
.fade-enter[data-v-c206562a],
.fade-leave-to[data-v-c206562a] {
opacity: 0
}
img[data-v-c206562a] {
max-width: 100%
}
.blu-modal.b-dialog .blu-modal__icon[data-v-c206562a] {
width: 40px;
height: 40px;
margin-bottom: 40px
}
@media screen and (max-width:768px) {
.blu-modal.b-dialog .blu-modal__icon[data-v-c206562a] {
width: 24px;
height: 24px;
margin-bottom: 32px
}
}
.blu-modal.b-dialog.b-info .blu-modal__icon[data-v-c206562a] {
background-color: #1d8fff;
-webkit-mask-image: url(data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PSIwIDAgMjQgMjQiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+DQo8cGF0aCBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGNsaXAtcnVsZT0iZXZlbm9kZCIgZD0iTTIgMTJDMiA2LjQ4IDYuNDggMiAxMiAyQzE3LjUyIDIgMjIgNi40OCAyMiAxMkMyMiAxNy41MiAxNy41MiAyMiAxMiAyMkM2LjQ4IDIyIDIgMTcuNTIgMiAxMlpNMTEuOTcgOC43Mzc2NEMxMi43MjY2IDguNzM3NjQgMTMuMzQgOC4xMjQ4IDEzLjM0IDcuMzY4ODJDMTMuMzQgNi42MTI4NCAxMi43MjY2IDYgMTEuOTcgNkMxMS4yMTM0IDYgMTAuNiA2LjYxMjg0IDEwLjYgNy4zNjg4MkMxMC42IDguMTI0OCAxMS4yMTM0IDguNzM3NjQgMTEuOTcgOC43Mzc2NFpNMTEuNDk5OSAxMC4xMDY0SDEyLjQ0OTlDMTIuODQ5OSAxMC4xMDY0IDEzLjE3OTkgMTAuNDM2MiAxMy4xNzk5IDEwLjgzNThWMTcuMjcwM0MxMy4xNzk5IDE3LjY2OTkgMTIuODQ5OSAxNy45OTk2IDEyLjQ0OTkgMTcuOTk5NkgxMS40OTk5QzExLjA5OTkgMTcuOTk5NiAxMC43Njk5IDE3LjY2OTkgMTAuNzY5OSAxNy4yNzAzVjEwLjgzNThDMTAuNzY5OSAxMC40MzYyIDExLjA5OTkgMTAuMTA2NCAxMS40OTk5IDEwLjEwNjRaIiBmaWxsPSIjNzk3Rjg1Ii8+DQo8L3N2Zz4NCg==);
mask-image: url(data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PSIwIDAgMjQgMjQiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+DQo8cGF0aCBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGNsaXAtcnVsZT0iZXZlbm9kZCIgZD0iTTIgMTJDMiA2LjQ4IDYuNDggMiAxMiAyQzE3LjUyIDIgMjIgNi40OCAyMiAxMkMyMiAxNy41MiAxNy41MiAyMiAxMiAyMkM2LjQ4IDIyIDIgMTcuNTIgMiAxMlpNMTEuOTcgOC43Mzc2NEMxMi43MjY2IDguNzM3NjQgMTMuMzQgOC4xMjQ4IDEzLjM0IDcuMzY4ODJDMTMuMzQgNi42MTI4NCAxMi43MjY2IDYgMTEuOTcgNkMxMS4yMTM0IDYgMTAuNiA2LjYxMjg0IDEwLjYgNy4zNjg4MkMxMC42IDguMTI0OCAxMS4yMTM0IDguNzM3NjQgMTEuOTcgOC43Mzc2NFpNMTEuNDk5OSAxMC4xMDY0SDEyLjQ0OTlDMTIuODQ5OSAxMC4xMDY0IDEzLjE3OTkgMTAuNDM2MiAxMy4xNzk5IDEwLjgzNThWMTcuMjcwM0MxMy4xNzk5IDE3LjY2OTkgMTIuODQ5OSAxNy45OTk2IDEyLjQ0OTkgMTcuOTk5NkgxMS40OTk5QzExLjA5OTkgMTcuOTk5NiAxMC43Njk5IDE3LjY2OTkgMTAuNzY5OSAxNy4yNzAzVjEwLjgzNThDMTAuNzY5OSAxMC40MzYyIDExLjA5OTkgMTAuMTA2NCAxMS40OTk5IDEwLjEwNjRaIiBmaWxsPSIjNzk3Rjg1Ii8+DQo8L3N2Zz4NCg==)
}
.blu-modal.b-dialog.b-success .blu-modal__icon[data-v-c206562a] {
background-color: #22a334;
-webkit-mask-image: url(data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PSIwIDAgMjQgMjQiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+DQo8cGF0aCBkPSJNMTIgMkM2LjQ4IDIgMiA2LjQ4IDIgMTJDMiAxNy41MiA2LjQ4IDIyIDEyIDIyQzE3LjUyIDIyIDIyIDE3LjUyIDIyIDEyQzIyIDYuNDggMTcuNTIgMiAxMiAyWk0xNy4wNSA5LjExTDEyLjA2IDE2LjEyQzExLjg4IDE2LjM3IDExLjYgMTYuNTIgMTEuMjkgMTYuNTRIMTEuMjRDMTAuOTUgMTYuNTQgMTAuNjcgMTYuNDIgMTAuNDggMTYuMTlMNi45OSAxMi4xM0M2LjgyIDExLjkzIDYuNzMgMTEuNjcgNi43NSAxMS40MUM2Ljc3IDExLjE0IDYuODkgMTAuOSA3LjA5IDEwLjczQzcuNTEgMTAuMzcgOC4xNCAxMC40MiA4LjUgMTAuODRMMTEuMTYgMTMuOTNMMTUuNDEgNy45NkMxNS43MyA3LjUxIDE2LjM1IDcuNDEgMTYuOCA3LjczQzE3LjAyIDcuODggMTcuMTYgOC4xMSAxNy4yMSA4LjM4QzE3LjI1IDguNjQgMTcuMTkgOC45MSAxNy4wNCA5LjEyTDE3LjA1IDkuMTFaIiBmaWxsPSIjNzk3Rjg1Ii8+DQo8L3N2Zz4=);
mask-image: url(data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PSIwIDAgMjQgMjQiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+DQo8cGF0aCBkPSJNMTIgMkM2LjQ4IDIgMiA2LjQ4IDIgMTJDMiAxNy41MiA2LjQ4IDIyIDEyIDIyQzE3LjUyIDIyIDIyIDE3LjUyIDIyIDEyQzIyIDYuNDggMTcuNTIgMiAxMiAyWk0xNy4wNSA5LjExTDEyLjA2IDE2LjEyQzExLjg4IDE2LjM3IDExLjYgMTYuNTIgMTEuMjkgMTYuNTRIMTEuMjRDMTAuOTUgMTYuNTQgMTAuNjcgMTYuNDIgMTAuNDggMTYuMTlMNi45OSAxMi4xM0M2LjgyIDExLjkzIDYuNzMgMTEuNjcgNi43NSAxMS40MUM2Ljc3IDExLjE0IDYuODkgMTAuOSA3LjA5IDEwLjczQzcuNTEgMTAuMzcgOC4xNCAxMC40MiA4LjUgMTAuODRMMTEuMTYgMTMuOTNMMTUuNDEgNy45NkMxNS43MyA3LjUxIDE2LjM1IDcuNDEgMTYuOCA3LjczQzE3LjAyIDcuODggMTcuMTYgOC4xMSAxNy4yMSA4LjM4QzE3LjI1IDguNjQgMTcuMTkgOC45MSAxNy4wNCA5LjEyTDE3LjA1IDkuMTFaIiBmaWxsPSIjNzk3Rjg1Ii8+DQo8L3N2Zz4=)
}
.blu-modal.b-dialog.b-warning .blu-modal__icon[data-v-c206562a] {
background-color: #ffcd00;
-webkit-mask-image: url(data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PSIwIDAgMjQgMjQiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+DQo8cGF0aCBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGNsaXAtcnVsZT0iZXZlbm9kZCIgZD0iTTMuODc0MzYgMjFIMjAuMTE0NEgyMC4xMjQ0QzIxLjU1MzUgMjEgMjIuNDUyOSAxOS41MDM1IDIxLjc2MzQgMTguMjg2NEwxMy42NDg0IDMuOTUwMjZDMTIuOTM4OCAyLjY4MzI1IDExLjA2OTkgMi42ODMyNSAxMC4zNjA0IDMuOTUwMjZMMi4yMzUzNyAxOC4yOTY0QzEuNTQ1OCAxOS41MTM1IDIuNDU1MjQgMjEgMy44NzQzNiAyMVpNMTAuOTkgMTMuOTM3NEwxMC43MDAyIDkuMDk4ODdWNy43NTIwNUMxMC43MDAyIDcuMzMzMDQgMTEuMDQgNi45OTM4NCAxMS40NTk3IDYuOTkzODRIMTIuNjA5QzEzLjAyODggNi45OTM4NCAxMy4zNjg2IDcuMzMzMDQgMTMuMzY4NiA3Ljc1MjA1VjkuMTA4ODRMMTMuMDg4NyAxMy45Mjc1QzEzLjA2ODcgMTQuMzI2NSAxMi43Mzg5IDE0LjYzNTggMTIuMzI5MiAxNC42MzU4SDExLjc0OTVDMTEuMzQ5OCAxNC42MzU4IDExLjAyIDE0LjMyNjUgMTAuOTkgMTMuOTI3NVYxMy45Mzc0Wk0xMS45OTk0IDE4Ljk2NTJDMTIuNzg4NyAxOC45NjUyIDEzLjQyODYgMTguMzI2NSAxMy40Mjg2IDE3LjUzODZDMTMuNDI4NiAxNi43NTA3IDEyLjc4ODcgMTYuMTEyIDExLjk5OTQgMTYuMTEyQzExLjIxMDIgMTYuMTEyIDEwLjU3MDMgMTYuNzUwNyAxMC41NzAzIDE3LjUzODZDMTAuNTcwMyAxOC4zMjY1IDExLjIxMDIgMTguOTY1MiAxMS45OTk0IDE4Ljk2NTJaIiBmaWxsPSIjNzk3Rjg1Ii8+DQo8L3N2Zz4NCg==);
mask-image: url(data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PSIwIDAgMjQgMjQiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+DQo8cGF0aCBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGNsaXAtcnVsZT0iZXZlbm9kZCIgZD0iTTMuODc0MzYgMjFIMjAuMTE0NEgyMC4xMjQ0QzIxLjU1MzUgMjEgMjIuNDUyOSAxOS41MDM1IDIxLjc2MzQgMTguMjg2NEwxMy42NDg0IDMuOTUwMjZDMTIuOTM4OCAyLjY4MzI1IDExLjA2OTkgMi42ODMyNSAxMC4zNjA0IDMuOTUwMjZMMi4yMzUzNyAxOC4yOTY0QzEuNTQ1OCAxOS41MTM1IDIuNDU1MjQgMjEgMy44NzQzNiAyMVpNMTAuOTkgMTMuOTM3NEwxMC43MDAyIDkuMDk4ODdWNy43NTIwNUMxMC43MDAyIDcuMzMzMDQgMTEuMDQgNi45OTM4NCAxMS40NTk3IDYuOTkzODRIMTIuNjA5QzEzLjAyODggNi45OTM4NCAxMy4zNjg2IDcuMzMzMDQgMTMuMzY4NiA3Ljc1MjA1VjkuMTA4ODRMMTMuMDg4NyAxMy45Mjc1QzEzLjA2ODcgMTQuMzI2NSAxMi43Mzg5IDE0LjYzNTggMTIuMzI5MiAxNC42MzU4SDExLjc0OTVDMTEuMzQ5OCAxNC42MzU4IDExLjAyIDE0LjMyNjUgMTAuOTkgMTMuOTI3NVYxMy45Mzc0Wk0xMS45OTk0IDE4Ljk2NTJDMTIuNzg4NyAxOC45NjUyIDEzLjQyODYgMTguMzI2NSAxMy40Mjg2IDE3LjUzODZDMTMuNDI4NiAxNi43NTA3IDEyLjc4ODcgMTYuMTEyIDExLjk5OTQgMTYuMTEyQzExLjIxMDIgMTYuMTEyIDEwLjU3MDMgMTYuNzUwNyAxMC41NzAzIDE3LjUzODZDMTAuNTcwMyAxOC4zMjY1IDExLjIxMDIgMTguOTY1MiAxMS45OTk0IDE4Ljk2NTJaIiBmaWxsPSIjNzk3Rjg1Ii8+DQo8L3N2Zz4NCg==)
}
.blu-modal.b-dialog.b-danger .blu-modal__icon[data-v-c206562a] {
background-color: #ff4646;
-webkit-mask-image: url(data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PSIwIDAgMjQgMjQiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+DQo8cGF0aCBkPSJNMTIgMkM2LjQ4IDIgMiA2LjQ4IDIgMTJDMiAxNy41MiA2LjQ4IDIyIDEyIDIyQzE3LjUyIDIyIDIyIDE3LjUyIDIyIDEyQzIyIDYuNDggMTcuNTIgMiAxMiAyWk0xNi4yNCAxNC44M0MxNi42MyAxNS4yMiAxNi42MyAxNS44NSAxNi4yNCAxNi4yNEMxNS44NSAxNi42MyAxNS4yMiAxNi42MyAxNC44MyAxNi4yNEwxMiAxMy40MUw5LjE3IDE2LjI0QzguNzggMTYuNjMgOC4xNSAxNi42MyA3Ljc2IDE2LjI0QzcuMzcgMTUuODUgNy4zNyAxNS4yMiA3Ljc2IDE0LjgzTDEwLjU5IDEyTDcuNzYgOS4xN0M3LjM3IDguNzggNy4zNyA4LjE1IDcuNzYgNy43NkM4LjE1IDcuMzcgOC43OCA3LjM3IDkuMTcgNy43NkwxMiAxMC41OUwxNC44MyA3Ljc2QzE1LjIyIDcuMzcgMTUuODUgNy4zNyAxNi4yNCA3Ljc2QzE2LjYzIDguMTUgMTYuNjMgOC43OCAxNi4yNCA5LjE3TDEzLjQxIDEyTDE2LjI0IDE0LjgzWiIgZmlsbD0iIzc5N0Y4NSIvPg0KPC9zdmc+);
mask-image: url(data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PSIwIDAgMjQgMjQiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+DQo8cGF0aCBkPSJNMTIgMkM2LjQ4IDIgMiA2LjQ4IDIgMTJDMiAxNy41MiA2LjQ4IDIyIDEyIDIyQzE3LjUyIDIyIDIyIDE3LjUyIDIyIDEyQzIyIDYuNDggMTcuNTIgMiAxMiAyWk0xNi4yNCAxNC44M0MxNi42MyAxNS4yMiAxNi42MyAxNS44NSAxNi4yNCAxNi4yNEMxNS44NSAxNi42MyAxNS4yMiAxNi42MyAxNC44MyAxNi4yNEwxMiAxMy40MUw5LjE3IDE2LjI0QzguNzggMTYuNjMgOC4xNSAxNi42MyA3Ljc2IDE2LjI0QzcuMzcgMTUuODUgNy4zNyAxNS4yMiA3Ljc2IDE0LjgzTDEwLjU5IDEyTDcuNzYgOS4xN0M3LjM3IDguNzggNy4zNyA4LjE1IDcuNzYgNy43NkM4LjE1IDcuMzcgOC43OCA3LjM3IDkuMTcgNy43NkwxMiAxMC41OUwxNC44MyA3Ljc2QzE1LjIyIDcuMzcgMTUuODUgNy4zNyAxNi4yNCA3Ljc2QzE2LjYzIDguMTUgMTYuNjMgOC43OCAxNi4yNCA5LjE3TDEzLjQxIDEyTDE2LjI0IDE0LjgzWiIgZmlsbD0iIzc5N0Y4NSIvPg0KPC9zdmc+)
}
@media screen and (max-width:768px) {
.blu-modal.b-full-screen .blu-modal__container[data-v-c206562a] {
min-height: 100%;
border-radius: unset;
padding-top: 0
}
.blu-modal.b-full-screen .blu-modal__close[data-v-c206562a] {
display: none
}
}
</style>
<style type="text/css">
.blu-ripple[data-v-65e7601e] {
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 100%);
padding: 0 12px
}
.blu-ripple-wave[data-v-65e7601e] {
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-65e7601e] {
animation-duration: 1.2s;
top: 50%;
left: 50%
}
.blu-ripple-wave~[data-v-65e7601e]:not(.blu-ripple-wave) {
position: relative;
z-index: 2
}
.blu-ripple-enter-active[data-v-65e7601e] {
transition: 2s cubic-bezier(.25, .8, .25, 1);
transition-property: opacity, transform;
will-change: opacity, transform
}
.blu-ripple-enter-active.b-centered[data-v-65e7601e] {
transition-duration: 1.2s
}
.blu-ripple-enter[data-v-65e7601e] {
opacity: .26;
transform: scale(.26) translateZ(0)
}
.has-left-icon .blu-ripple svg[data-v-65e7601e] {
margin-right: 8px
}
.has-left-icon.b-small svg[data-v-65e7601e] {
transform-origin: left;
margin-right: 4px
}
.b-large .blu-ripple[data-v-65e7601e] {
padding: 0 16px
}
.b-small .blu-ripple[data-v-65e7601e] {
padding: 0 8px
}
.b-small svg[data-v-65e7601e] {
width: 18px;
height: 18px
}
.b-icon .blu-ripple[data-v-65e7601e] {
padding: 0
}
.b-loading .blu-loader-wrapper[data-v-65e7601e] {
height: 24px;
position: absolute
}
.b-loading .blu-ripple[data-v-65e7601e] {
color: transparent
}
.b-loading .blu-ripple>svg[data-v-65e7601e] {
visibility: hidden
}
.b-loading .blu-ripple .blu-ripple-wave[data-v-65e7601e] {
color: #fff
}
.b-loading.b-white .blu-ripple-wave[data-v-65e7601e] {
color: #0072ff
}
.b-loading.b-outline.b-secondary .blu-ripple-wave[data-v-65e7601e] {
color: #0072ff
}
.b-loading.b-outline.b-primary .blu-ripple-wave[data-v-65e7601e] {
color: #f1ab02
}
.b-loading.b-ghost.b-secondary .blu-ripple-wave[data-v-65e7601e] {
color: #0072ff
}
.b-loading.b-ghost.b-primary .blu-ripple-wave[data-v-65e7601e] {
color: #f1ab02
}
.blu-input-stepper .blu-btn .blu-ripple[data-v-65e7601e] {
padding: 0;
width: 24px;
height: 24px;
border-radius: 50%
}
.blu-input-stepper .blu-btn .blu-ripple svg[data-v-65e7601e] {
width: 18px;
height: 18px;
margin-left: 1px
}
.blu-input-stepper .blu-btn .blu-ripple-enter-active[data-v-65e7601e] {
background: #0072ff
}
.b-disabled[data-v-65e7601e] {
opacity: 1
}
.blu-btn-dropdown .blu-ripple>svg+div[data-v-65e7601e] {
margin-left: 8px
}
.blu-modal__mask[data-v-65e7601e] {
transition: opacity .3s ease;
position: fixed;
z-index: 999;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-color: rgba(0, 0, 0, .6);
display: flex;
flex-direction: column;
justify-content: center;
align-items: center
}
.blu-modal__container[data-v-65e7601e] {
transition: opacity .3s ease;
width: 90%;
max-width: 500px;
max-height: calc(100% - 50px);
height: auto;
background: #fff;
box-shadow: 0 1px 6px 0 rgba(0, 0, 0, .1);
position: fixed;
z-index: 1000;
display: flex;
flex-direction: column
}
@media screen and (max-width:768px) {
.blu-modal__container[data-v-65e7601e] {
max-height: calc(100% - 40px)
}
}
@media screen and (min-width:769px),
print {
.blu-modal__container[data-v-65e7601e] {
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
-moz-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
-o-transform: translate(-50%, -50%);
transform: translate(-50%, -50%)
}
}
.blu-modal__heading[data-v-65e7601e] {
font: 24px/28px "blibli demi bold", -apple-system, segoe ui, roboto, helvetica, arial, sans-serif;
margin-bottom: 8px
}
@media screen and (max-width:768px) {
.blu-modal__heading[data-v-65e7601e] {
font: 20px/24px "blibli demi bold", -apple-system, segoe ui, roboto, helvetica, arial, sans-serif;
margin-bottom: 0
}
}
.blu-modal__body[data-v-65e7601e] {
max-height: var(--max-height-modal-body);
overflow-x: auto;
color: rgba(25, 34, 42, .7019607843);
margin-right: 0;
overscroll-behavior: contain
}
@media screen and (min-width:769px),
print {
.blu-modal__body[data-v-65e7601e] {
font: 16px/20px blibli, -apple-system, segoe ui, roboto, helvetica, arial, sans-serif
}
}
@media screen and (max-width:768px) {
.blu-modal__body[data-v-65e7601e] {
font: 14px/18px blibli, -apple-system, segoe ui, roboto, helvetica, arial, sans-serif
}
}
.blu-modal__footer[data-v-65e7601e] {
text-align: right
}
@media screen and (max-width:768px) {
.blu-modal__footer[data-v-65e7601e] {
margin-top: auto
}
}
.blu-modal.b-dialog .blu-modal__body[data-v-65e7601e] {
margin-bottom: 40px
}
@media screen and (max-width:768px) {
.blu-modal.b-dialog .blu-modal__body[data-v-65e7601e] {
margin-bottom: 32px
}
}
.blu-modal.b-dialog .blu-modal__container[data-v-65e7601e] {
border-radius: 16px
}
@media screen and (min-width:769px),
print {
.blu-modal.b-dialog .blu-modal__container[data-v-65e7601e] {
padding: 24px 24px 16px
}
}
@media screen and (max-width:768px) {
.blu-modal.b-dialog .blu-modal__container[data-v-65e7601e] {
padding: 24px 24px 16px;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
-moz-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
-o-transform: translate(-50%, -50%);
transform: translate(-50%, -50%)
}
}
.blu-modal.b-dialog .blu-modal__container[data-v-65e7601e]:after,
.blu-modal.b-dialog .blu-modal__container[data-v-65e7601e]:before {
content: "";
width: calc(100% - 60px);
margin: 0 30px;
border-radius: 0 0 24px 24px;
position: absolute;
left: 0
}
.blu-modal.b-dialog .blu-modal__container[data-v-65e7601e]:before {
height: 9px;
bottom: -9px;
z-index: 2;
background: linear-gradient(0deg, rgba(0, 0, 0, 0) 0, rgba(0, 0, 0, .12) 100%)
}
.blu-modal.b-dialog .blu-modal__container[data-v-65e7601e]:after {
height: 16px;
border-top: #fff 1px solid;
bottom: -15px
}
.blu-modal.b-dialog .blu-modal__close[data-v-65e7601e] {
display: none
}
.blu-modal.b-dialog.b-info .blu-modal__container[data-v-65e7601e]:after {
background-color: #1d8fff
}
.blu-modal.b-dialog.b-success .blu-modal__container[data-v-65e7601e]:after {
background-color: #22a334
}
.blu-modal.b-dialog.b-warning .blu-modal__container[data-v-65e7601e]:after {
background-color: #ffcd00
}
.blu-modal.b-dialog.b-danger .blu-modal__container[data-v-65e7601e]:after {
background-color: #ff4646
}
.blu-modal.b-page .blu-modal__body[data-v-65e7601e] {
color: rgba(25, 34, 42, .7019607843)
}
@media screen and (min-width:769px),
print {
.blu-modal.b-page .blu-modal__body[data-v-65e7601e] {
padding: 0 24px
}
}
@media screen and (max-width:768px) {
.blu-modal.b-page .blu-modal__body[data-v-65e7601e] {
padding: 0 16px;
padding-bottom: calc(env(safe-area-inset-bottom) + 4px);
overflow-y: auto
}
}
.blu-modal.b-page .blu-modal__body[data-v-65e7601e]::before {
content: "";
background: #fff;
height: 20px;
width: 100%;
left: 0;
bottom: 0;
position: fixed
}
@media screen and (min-width:769px),
print {
.blu-modal.b-page .blu-modal__body[data-v-65e7601e]::before {
display: none
}
}
@media screen and (min-width:769px),
print {
.blu-modal.b-page .blu-modal__container[data-v-65e7601e] {
border-radius: 16px;
padding-top: 32px
}
}
@media screen and (max-width:768px) {
.blu-modal.b-page .blu-modal__container[data-v-65e7601e] {
padding-top: 24px;
width: 100%;
max-width: 100%;
height: auto;
border-radius: 16px 16px 0 0;
left: 0;
bottom: 0;
padding-top: 24px;
padding-bottom: calc(env(safe-area-inset-bottom) + 16px)
}
}
@media screen and (min-width:769px),
print {
.blu-modal.b-page .blu-modal__footer[data-v-65e7601e] {
padding: 24px 24px
}
}
@media screen and (max-width:768px) {
.blu-modal.b-page .blu-modal__footer[data-v-65e7601e] {
width: 100%;
padding: 16px;
transition: all .3s cubic-bezier(0, 0, .2, 1.2);
bottom: 0;
padding-bottom: env(safe-area-inset-bottom);
background: #fff
}
}
.blu-modal.b-page .blu-modal__footer[data-v-65e7601e]::before {
content: "";
background: #fff;
height: 20px;
width: 100%;
left: 0;
bottom: 0;
position: fixed
}
@media screen and (min-width:769px),
print {
.blu-modal.b-page .blu-modal__footer[data-v-65e7601e]::before {
display: none
}
}
@media screen and (min-width:769px),
print {
.blu-modal.b-page .blu-modal__header[data-v-65e7601e] {
padding: 0 24px
}
}
@media screen and (max-width:768px) {
.blu-modal.b-page .blu-modal__header[data-v-65e7601e] {
padding: 0 16px
}
}
.blu-modal.b-page .blu-modal__icon[data-v-65e7601e] {
display: none
}
@media screen and (max-width:768px) {
.blu-modal.b-page.fade-enter-active[data-v-65e7601e],
.blu-modal.b-page.fade-leave-active[data-v-65e7601e] {
transition: opacity .3s
}
.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] {
transition: bottom .3s;
transition: all .3s cubic-bezier(0, 0, .2, 1.2);
bottom: 0
}
.blu-modal.b-page.fade-enter-active[data-v-65e7601e] {
transition: opacity .3s cubic-bezier(0, 0, .2, 1.2)
}
.blu-modal.b-page.fade-leave-active[data-v-65e7601e] {
transition: opacity .3s cubic-bezier(.8, 0, 1, 1)
}
.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] {
bottom: -96vh
}
}
.blu-modal.b-no-button .blu-modal__container[data-v-65e7601e] {
padding-bottom: 20px
}
@media screen and (max-width:768px) {
.blu-modal.b-no-button .blu-modal__body[data-v-65e7601e] {
padding-bottom: env(safe-area-inset-bottom)
}
}
.blu-modal.b-no-button .blu-modal__footer[data-v-65e7601e] {
display: none
}
.fade-enter-active[data-v-65e7601e],
.fade-leave-active[data-v-65e7601e] {
position: absolute;
z-index: 998;
transition: opacity .3s
}
.fade-enter[data-v-65e7601e],
.fade-leave-to[data-v-65e7601e] {
opacity: 0
}
img[data-v-65e7601e] {
max-width: 100%
}
.blu-modal.b-dialog .blu-modal__icon[data-v-65e7601e] {
width: 40px;
height: 40px;
margin-bottom: 40px
}
@media screen and (max-width:768px) {
.blu-modal.b-dialog .blu-modal__icon[data-v-65e7601e] {
width: 24px;
height: 24px;
margin-bottom: 32px
}
}
.blu-modal.b-dialog.b-info .blu-modal__icon[data-v-65e7601e] {
background-color: #1d8fff;
-webkit-mask-image: url(data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PSIwIDAgMjQgMjQiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+DQo8cGF0aCBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGNsaXAtcnVsZT0iZXZlbm9kZCIgZD0iTTIgMTJDMiA2LjQ4IDYuNDggMiAxMiAyQzE3LjUyIDIgMjIgNi40OCAyMiAxMkMyMiAxNy41MiAxNy41MiAyMiAxMiAyMkM2LjQ4IDIyIDIgMTcuNTIgMiAxMlpNMTEuOTcgOC43Mzc2NEMxMi43MjY2IDguNzM3NjQgMTMuMzQgOC4xMjQ4IDEzLjM0IDcuMzY4ODJDMTMuMzQgNi42MTI4NCAxMi43MjY2IDYgMTEuOTcgNkMxMS4yMTM0IDYgMTAuNiA2LjYxMjg0IDEwLjYgNy4zNjg4MkMxMC42IDguMTI0OCAxMS4yMTM0IDguNzM3NjQgMTEuOTcgOC43Mzc2NFpNMTEuNDk5OSAxMC4xMDY0SDEyLjQ0OTlDMTIuODQ5OSAxMC4xMDY0IDEzLjE3OTkgMTAuNDM2MiAxMy4xNzk5IDEwLjgzNThWMTcuMjcwM0MxMy4xNzk5IDE3LjY2OTkgMTIuODQ5OSAxNy45OTk2IDEyLjQ0OTkgMTcuOTk5NkgxMS40OTk5QzExLjA5OTkgMTcuOTk5NiAxMC43Njk5IDE3LjY2OTkgMTAuNzY5OSAxNy4yNzAzVjEwLjgzNThDMTAuNzY5OSAxMC40MzYyIDExLjA5OTkgMTAuMTA2NCAxMS40OTk5IDEwLjEwNjRaIiBmaWxsPSIjNzk3Rjg1Ii8+DQo8L3N2Zz4NCg==);
mask-image: url(data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PSIwIDAgMjQgMjQiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+DQo8cGF0aCBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGNsaXAtcnVsZT0iZXZlbm9kZCIgZD0iTTIgMTJDMiA2LjQ4IDYuNDggMiAxMiAyQzE3LjUyIDIgMjIgNi40OCAyMiAxMkMyMiAxNy41MiAxNy41MiAyMiAxMiAyMkM2LjQ4IDIyIDIgMTcuNTIgMiAxMlpNMTEuOTcgOC43Mzc2NEMxMi43MjY2IDguNzM3NjQgMTMuMzQgOC4xMjQ4IDEzLjM0IDcuMzY4ODJDMTMuMzQgNi42MTI4NCAxMi43MjY2IDYgMTEuOTcgNkMxMS4yMTM0IDYgMTAuNiA2LjYxMjg0IDEwLjYgNy4zNjg4MkMxMC42IDguMTI0OCAxMS4yMTM0IDguNzM3NjQgMTEuOTcgOC43Mzc2NFpNMTEuNDk5OSAxMC4xMDY0SDEyLjQ0OTlDMTIuODQ5OSAxMC4xMDY0IDEzLjE3OTkgMTAuNDM2MiAxMy4xNzk5IDEwLjgzNThWMTcuMjcwM0MxMy4xNzk5IDE3LjY2OTkgMTIuODQ5OSAxNy45OTk2IDEyLjQ0OTkgMTcuOTk5NkgxMS40OTk5QzExLjA5OTkgMTcuOTk5NiAxMC43Njk5IDE3LjY2OTkgMTAuNzY5OSAxNy4yNzAzVjEwLjgzNThDMTAuNzY5OSAxMC40MzYyIDExLjA5OTkgMTAuMTA2NCAxMS40OTk5IDEwLjEwNjRaIiBmaWxsPSIjNzk3Rjg1Ii8+DQo8L3N2Zz4NCg==)
}
.blu-modal.b-dialog.b-success .blu-modal__icon[data-v-65e7601e] {
background-color: #22a334;
-webkit-mask-image: url(data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PSIwIDAgMjQgMjQiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+DQo8cGF0aCBkPSJNMTIgMkM2LjQ4IDIgMiA2LjQ4IDIgMTJDMiAxNy41MiA2LjQ4IDIyIDEyIDIyQzE3LjUyIDIyIDIyIDE3LjUyIDIyIDEyQzIyIDYuNDggMTcuNTIgMiAxMiAyWk0xNy4wNSA5LjExTDEyLjA2IDE2LjEyQzExLjg4IDE2LjM3IDExLjYgMTYuNTIgMTEuMjkgMTYuNTRIMTEuMjRDMTAuOTUgMTYuNTQgMTAuNjcgMTYuNDIgMTAuNDggMTYuMTlMNi45OSAxMi4xM0M2LjgyIDExLjkzIDYuNzMgMTEuNjcgNi43NSAxMS40MUM2Ljc3IDExLjE0IDYuODkgMTAuOSA3LjA5IDEwLjczQzcuNTEgMTAuMzcgOC4xNCAxMC40MiA4LjUgMTAuODRMMTEuMTYgMTMuOTNMMTUuNDEgNy45NkMxNS43MyA3LjUxIDE2LjM1IDcuNDEgMTYuOCA3LjczQzE3LjAyIDcuODggMTcuMTYgOC4xMSAxNy4yMSA4LjM4QzE3LjI1IDguNjQgMTcuMTkgOC45MSAxNy4wNCA5LjEyTDE3LjA1IDkuMTFaIiBmaWxsPSIjNzk3Rjg1Ii8+DQo8L3N2Zz4=);
mask-image: url(data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PSIwIDAgMjQgMjQiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+DQo8cGF0aCBkPSJNMTIgMkM2LjQ4IDIgMiA2LjQ4IDIgMTJDMiAxNy41MiA2LjQ4IDIyIDEyIDIyQzE3LjUyIDIyIDIyIDE3LjUyIDIyIDEyQzIyIDYuNDggMTcuNTIgMiAxMiAyWk0xNy4wNSA5LjExTDEyLjA2IDE2LjEyQzExLjg4IDE2LjM3IDExLjYgMTYuNTIgMTEuMjkgMTYuNTRIMTEuMjRDMTAuOTUgMTYuNTQgMTAuNjcgMTYuNDIgMTAuNDggMTYuMTlMNi45OSAxMi4xM0M2LjgyIDExLjkzIDYuNzMgMTEuNjcgNi43NSAxMS40MUM2Ljc3IDExLjE0IDYuODkgMTAuOSA3LjA5IDEwLjczQzcuNTEgMTAuMzcgOC4xNCAxMC40MiA4LjUgMTAuODRMMTEuMTYgMTMuOTNMMTUuNDEgNy45NkMxNS43MyA3LjUxIDE2LjM1IDcuNDEgMTYuOCA3LjczQzE3LjAyIDcuODggMTcuMTYgOC4xMSAxNy4yMSA4LjM4QzE3LjI1IDguNjQgMTcuMTkgOC45MSAxNy4wNCA5LjEyTDE3LjA1IDkuMTFaIiBmaWxsPSIjNzk3Rjg1Ii8+DQo8L3N2Zz4=)
}
.blu-modal.b-dialog.b-warning .blu-modal__icon[data-v-65e7601e] {
background-color: #ffcd00;
-webkit-mask-image: url(data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PSIwIDAgMjQgMjQiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+DQo8cGF0aCBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGNsaXAtcnVsZT0iZXZlbm9kZCIgZD0iTTMuODc0MzYgMjFIMjAuMTE0NEgyMC4xMjQ0QzIxLjU1MzUgMjEgMjIuNDUyOSAxOS41MDM1IDIxLjc2MzQgMTguMjg2NEwxMy42NDg0IDMuOTUwMjZDMTIuOTM4OCAyLjY4MzI1IDExLjA2OTkgMi42ODMyNSAxMC4zNjA0IDMuOTUwMjZMMi4yMzUzNyAxOC4yOTY0QzEuNTQ1OCAxOS41MTM1IDIuNDU1MjQgMjEgMy44NzQzNiAyMVpNMTAuOTkgMTMuOTM3NEwxMC43MDAyIDkuMDk4ODdWNy43NTIwNUMxMC43MDAyIDcuMzMzMDQgMTEuMDQgNi45OTM4NCAxMS40NTk3IDYuOTkzODRIMTIuNjA5QzEzLjAyODggNi45OTM4NCAxMy4zNjg2IDcuMzMzMDQgMTMuMzY4NiA3Ljc1MjA1VjkuMTA4ODRMMTMuMDg4NyAxMy45Mjc1QzEzLjA2ODcgMTQuMzI2NSAxMi43Mzg5IDE0LjYzNTggMTIuMzI5MiAxNC42MzU4SDExLjc0OTVDMTEuMzQ5OCAxNC42MzU4IDExLjAyIDE0LjMyNjUgMTAuOTkgMTMuOTI3NVYxMy45Mzc0Wk0xMS45OTk0IDE4Ljk2NTJDMTIuNzg4NyAxOC45NjUyIDEzLjQyODYgMTguMzI2NSAxMy40Mjg2IDE3LjUzODZDMTMuNDI4NiAxNi43NTA3IDEyLjc4ODcgMTYuMTEyIDExLjk5OTQgMTYuMTEyQzExLjIxMDIgMTYuMTEyIDEwLjU3MDMgMTYuNzUwNyAxMC41NzAzIDE3LjUzODZDMTAuNTcwMyAxOC4zMjY1IDExLjIxMDIgMTguOTY1MiAxMS45OTk0IDE4Ljk2NTJaIiBmaWxsPSIjNzk3Rjg1Ii8+DQo8L3N2Zz4NCg==);
mask-image: url(data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PSIwIDAgMjQgMjQiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+DQo8cGF0aCBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGNsaXAtcnVsZT0iZXZlbm9kZCIgZD0iTTMuODc0MzYgMjFIMjAuMTE0NEgyMC4xMjQ0QzIxLjU1MzUgMjEgMjIuNDUyOSAxOS41MDM1IDIxLjc2MzQgMTguMjg2NEwxMy42NDg0IDMuOTUwMjZDMTIuOTM4OCAyLjY4MzI1IDExLjA2OTkgMi42ODMyNSAxMC4zNjA0IDMuOTUwMjZMMi4yMzUzNyAxOC4yOTY0QzEuNTQ1OCAxOS41MTM1IDIuNDU1MjQgMjEgMy44NzQzNiAyMVpNMTAuOTkgMTMuOTM3NEwxMC43MDAyIDkuMDk4ODdWNy43NTIwNUMxMC43MDAyIDcuMzMzMDQgMTEuMDQgNi45OTM4NCAxMS40NTk3IDYuOTkzODRIMTIuNjA5QzEzLjAyODggNi45OTM4NCAxMy4zNjg2IDcuMzMzMDQgMTMuMzY4NiA3Ljc1MjA1VjkuMTA4ODRMMTMuMDg4NyAxMy45Mjc1QzEzLjA2ODcgMTQuMzI2NSAxMi43Mzg5IDE0LjYzNTggMTIuMzI5MiAxNC42MzU4SDExLjc0OTVDMTEuMzQ5OCAxNC42MzU4IDExLjAyIDE0LjMyNjUgMTAuOTkgMTMuOTI3NVYxMy45Mzc0Wk0xMS45OTk0IDE4Ljk2NTJDMTIuNzg4NyAxOC45NjUyIDEzLjQyODYgMTguMzI2NSAxMy40Mjg2IDE3LjUzODZDMTMuNDI4NiAxNi43NTA3IDEyLjc4ODcgMTYuMTEyIDExLjk5OTQgMTYuMTEyQzExLjIxMDIgMTYuMTEyIDEwLjU3MDMgMTYuNzUwNyAxMC41NzAzIDE3LjUzODZDMTAuNTcwMyAxOC4zMjY1IDExLjIxMDIgMTguOTY1MiAxMS45OTk0IDE4Ljk2NTJaIiBmaWxsPSIjNzk3Rjg1Ii8+DQo8L3N2Zz4NCg==)
}
.blu-modal.b-dialog.b-danger .blu-modal__icon[data-v-65e7601e] {
background-color: #ff4646;
-webkit-mask-image: url(data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PSIwIDAgMjQgMjQiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+DQo8cGF0aCBkPSJNMTIgMkM2LjQ4IDIgMiA2LjQ4IDIgMTJDMiAxNy41MiA2LjQ4IDIyIDEyIDIyQzE3LjUyIDIyIDIyIDE3LjUyIDIyIDEyQzIyIDYuNDggMTcuNTIgMiAxMiAyWk0xNi4yNCAxNC44M0MxNi42MyAxNS4yMiAxNi42MyAxNS44NSAxNi4yNCAxNi4yNEMxNS44NSAxNi42MyAxNS4yMiAxNi42MyAxNC44MyAxNi4yNEwxMiAxMy40MUw5LjE3IDE2LjI0QzguNzggMTYuNjMgOC4xNSAxNi42MyA3Ljc2IDE2LjI0QzcuMzcgMTUuODUgNy4zNyAxNS4yMiA3Ljc2IDE0LjgzTDEwLjU5IDEyTDcuNzYgOS4xN0M3LjM3IDguNzggNy4zNyA4LjE1IDcuNzYgNy43NkM4LjE1IDcuMzcgOC43OCA3LjM3IDkuMTcgNy43NkwxMiAxMC41OUwxNC44MyA3Ljc2QzE1LjIyIDcuMzcgMTUuODUgNy4zNyAxNi4yNCA3Ljc2QzE2LjYzIDguMTUgMTYuNjMgOC43OCAxNi4yNCA5LjE3TDEzLjQxIDEyTDE2LjI0IDE0LjgzWiIgZmlsbD0iIzc5N0Y4NSIvPg0KPC9zdmc+);
mask-image: url(data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PSIwIDAgMjQgMjQiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+DQo8cGF0aCBkPSJNMTIgMkM2LjQ4IDIgMiA2LjQ4IDIgMTJDMiAxNy41MiA2LjQ4IDIyIDEyIDIyQzE3LjUyIDIyIDIyIDE3LjUyIDIyIDEyQzIyIDYuNDggMTcuNTIgMiAxMiAyWk0xNi4yNCAxNC44M0MxNi42MyAxNS4yMiAxNi42MyAxNS44NSAxNi4yNCAxNi4yNEMxNS44NSAxNi42MyAxNS4yMiAxNi42MyAxNC44MyAxNi4yNEwxMiAxMy40MUw5LjE3IDE2LjI0QzguNzggMTYuNjMgOC4xNSAxNi42MyA3Ljc2IDE2LjI0QzcuMzcgMTUuODUgNy4zNyAxNS4yMiA3Ljc2IDE0LjgzTDEwLjU5IDEyTDcuNzYgOS4xN0M3LjM3IDguNzggNy4zNyA4LjE1IDcuNzYgNy43NkM4LjE1IDcuMzcgOC43OCA3LjM3IDkuMTcgNy43NkwxMiAxMC41OUwxNC44MyA3Ljc2QzE1LjIyIDcuMzcgMTUuODUgNy4zNyAxNi4yNCA3Ljc2QzE2LjYzIDguMTUgMTYuNjMgOC43OCAxNi4yNCA5LjE3TDEzLjQxIDEyTDE2LjI0IDE0LjgzWiIgZmlsbD0iIzc5N0Y4NSIvPg0KPC9zdmc+)
}
@media screen and (max-width:768px) {
.blu-modal.b-full-screen .blu-modal__container[data-v-65e7601e] {
min-height: 100%;
border-radius: unset;
padding-top: 0
}
.blu-modal.b-full-screen .blu-modal__close[data-v-65e7601e] {
display: none
}
}
</style>
<style type="text/css">
.blu-ripple[data-v-6ada375c] {
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 100%);
padding: 0 12px
}
.blu-ripple-wave[data-v-6ada375c] {
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-6ada375c] {
animation-duration: 1.2s;
top: 50%;
left: 50%
}
.blu-ripple-wave~[data-v-6ada375c]:not(.blu-ripple-wave) {
position: relative;
z-index: 2
}
.blu-ripple-enter-active[data-v-6ada375c] {
transition: 2s cubic-bezier(.25, .8, .25, 1);
transition-property: opacity, transform;
will-change: opacity, transform
}
.blu-ripple-enter-active.b-centered[data-v-6ada375c] {
transition-duration: 1.2s
}
.blu-ripple-enter[data-v-6ada375c] {
opacity: .26;
transform: scale(.26) translateZ(0)
}
.has-left-icon .blu-ripple svg[data-v-6ada375c] {
margin-right: 8px
}
.has-left-icon.b-small svg[data-v-6ada375c] {
transform-origin: left;
margin-right: 4px
}
.b-large .blu-ripple[data-v-6ada375c] {
padding: 0 16px
}
.b-small .blu-ripple[data-v-6ada375c] {
padding: 0 8px
}
.b-small svg[data-v-6ada375c] {
width: 18px;
height: 18px
}
.b-icon .blu-ripple[data-v-6ada375c] {
padding: 0
}
.b-loading .blu-loader-wrapper[data-v-6ada375c] {
height: 24px;
position: absolute
}
.b-loading .blu-ripple[data-v-6ada375c] {
color: transparent
}
.b-loading .blu-ripple>svg[data-v-6ada375c] {
visibility: hidden
}
.b-loading .blu-ripple .blu-ripple-wave[data-v-6ada375c] {
color: #fff
}
.b-loading.b-white .blu-ripple-wave[data-v-6ada375c] {
color: #0072ff
}
.b-loading.b-outline.b-secondary .blu-ripple-wave[data-v-6ada375c] {
color: #0072ff
}
.b-loading.b-outline.b-primary .blu-ripple-wave[data-v-6ada375c] {
color: #f1ab02
}
.b-loading.b-ghost.b-secondary .blu-ripple-wave[data-v-6ada375c] {
color: #0072ff
}
.b-loading.b-ghost.b-primary .blu-ripple-wave[data-v-6ada375c] {
color: #f1ab02
}
.blu-input-stepper .blu-btn .blu-ripple[data-v-6ada375c] {
padding: 0;
width: 24px;
height: 24px;
border-radius: 50%
}
.blu-input-stepper .blu-btn .blu-ripple svg[data-v-6ada375c] {
width: 18px;
height: 18px;
margin-left: 1px
}
.blu-input-stepper .blu-btn .blu-ripple-enter-active[data-v-6ada375c] {
background: #0072ff
}
.b-disabled[data-v-6ada375c] {
opacity: 1
}
.blu-btn-dropdown .blu-ripple>svg+div[data-v-6ada375c] {
margin-left: 8px
}
.blu-modal__mask[data-v-6ada375c] {
transition: opacity .3s ease;
position: fixed;
z-index: 999;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-color: rgba(0, 0, 0, .6);
display: flex;
flex-direction: column;
justify-content: center;
align-items: center
}
.blu-modal__container[data-v-6ada375c] {
transition: opacity .3s ease;
width: 90%;
max-width: 500px;
max-height: calc(100% - 50px);
height: auto;
background: #fff;
box-shadow: 0 1px 6px 0 rgba(0, 0, 0, .1);
position: fixed;
z-index: 1000;
display: flex;
flex-direction: column
}
@media screen and (max-width:768px) {
.blu-modal__container[data-v-6ada375c] {
max-height: calc(100% - 40px)
}
}
@media screen and (min-width:769px),
print {
.blu-modal__container[data-v-6ada375c] {
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
-moz-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
-o-transform: translate(-50%, -50%);
transform: translate(-50%, -50%)
}
}
.blu-modal__heading[data-v-6ada375c] {
font: 24px/28px "blibli demi bold", -apple-system, segoe ui, roboto, helvetica, arial, sans-serif;
margin-bottom: 8px
}
@media screen and (max-width:768px) {
.blu-modal__heading[data-v-6ada375c] {
font: 20px/24px "blibli demi bold", -apple-system, segoe ui, roboto, helvetica, arial, sans-serif;
margin-bottom: 0
}
}
.blu-modal__body[data-v-6ada375c] {
max-height: var(--max-height-modal-body);
overflow-x: auto;
color: rgba(25, 34, 42, .7019607843);
margin-right: 0;
overscroll-behavior: contain
}
@media screen and (min-width:769px),
print {
.blu-modal__body[data-v-6ada375c] {
font: 16px/20px blibli, -apple-system, segoe ui, roboto, helvetica, arial, sans-serif
}
}
@media screen and (max-width:768px) {
.blu-modal__body[data-v-6ada375c] {
font: 14px/18px blibli, -apple-system, segoe ui, roboto, helvetica, arial, sans-serif
}
}
.blu-modal__footer[data-v-6ada375c] {
text-align: right
}
@media screen and (max-width:768px) {
.blu-modal__footer[data-v-6ada375c] {
margin-top: auto
}
}
.blu-modal.b-dialog .blu-modal__body[data-v-6ada375c] {
margin-bottom: 40px
}
@media screen and (max-width:768px) {
.blu-modal.b-dialog .blu-modal__body[data-v-6ada375c] {
margin-bottom: 32px
}
}
.blu-modal.b-dialog .blu-modal__container[data-v-6ada375c] {
border-radius: 16px
}
@media screen and (min-width:769px),
print {
.blu-modal.b-dialog .blu-modal__container[data-v-6ada375c] {
padding: 24px 24px 16px
}
}
@media screen and (max-width:768px) {
.blu-modal.b-dialog .blu-modal__container[data-v-6ada375c] {
padding: 24px 24px 16px;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
-moz-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
-o-transform: translate(-50%, -50%);
transform: translate(-50%, -50%)
}
}
.blu-modal.b-dialog .blu-modal__container[data-v-6ada375c]:after,
.blu-modal.b-dialog .blu-modal__container[data-v-6ada375c]:before {
content: "";
width: calc(100% - 60px);
margin: 0 30px;
border-radius: 0 0 24px 24px;
position: absolute;
left: 0
}
.blu-modal.b-dialog .blu-modal__container[data-v-6ada375c]:before {
height: 9px;
bottom: -9px;
z-index: 2;
background: linear-gradient(0deg, rgba(0, 0, 0, 0) 0, rgba(0, 0, 0, .12) 100%)
}
.blu-modal.b-dialog .blu-modal__container[data-v-6ada375c]:after {
height: 16px;
border-top: #fff 1px solid;
bottom: -15px
}
.blu-modal.b-dialog .blu-modal__close[data-v-6ada375c] {
display: none
}
.blu-modal.b-dialog.b-info .blu-modal__container[data-v-6ada375c]:after {
background-color: #1d8fff
}
.blu-modal.b-dialog.b-success .blu-modal__container[data-v-6ada375c]:after {
background-color: #22a334
}
.blu-modal.b-dialog.b-warning .blu-modal__container[data-v-6ada375c]:after {
background-color: #ffcd00
}
.blu-modal.b-dialog.b-danger .blu-modal__container[data-v-6ada375c]:after {
background-color: #ff4646
}
.blu-modal.b-page .blu-modal__body[data-v-6ada375c] {
color: rgba(25, 34, 42, .7019607843)
}
@media screen and (min-width:769px),
print {
.blu-modal.b-page .blu-modal__body[data-v-6ada375c] {
padding: 0 24px
}
}
@media screen and (max-width:768px) {
.blu-modal.b-page .blu-modal__body[data-v-6ada375c] {
padding: 0 16px;
padding-bottom: calc(env(safe-area-inset-bottom) + 4px);
overflow-y: auto
}
}
.blu-modal.b-page .blu-modal__body[data-v-6ada375c]::before {
content: "";
background: #fff;
height: 20px;
width: 100%;
left: 0;
bottom: 0;
position: fixed
}
@media screen and (min-width:769px),
print {
.blu-modal.b-page .blu-modal__body[data-v-6ada375c]::before {
display: none
}
}
@media screen and (min-width:769px),
print {
.blu-modal.b-page .blu-modal__container[data-v-6ada375c] {
border-radius: 16px;
padding-top: 32px
}
}
@media screen and (max-width:768px) {
.blu-modal.b-page .blu-modal__container[data-v-6ada375c] {
padding-top: 24px;
width: 100%;
max-width: 100%;
height: auto;
border-radius: 16px 16px 0 0;
left: 0;
bottom: 0;
padding-top: 24px;
padding-bottom: calc(env(safe-area-inset-bottom) + 16px)
}
}
@media screen and (min-width:769px),
print {
.blu-modal.b-page .blu-modal__footer[data-v-6ada375c] {
padding: 24px 24px
}
}
@media screen and (max-width:768px) {
.blu-modal.b-page .blu-modal__footer[data-v-6ada375c] {
width: 100%;
padding: 16px;
transition: all .3s cubic-bezier(0, 0, .2, 1.2);
bottom: 0;
padding-bottom: env(safe-area-inset-bottom);
background: #fff
}
}
.blu-modal.b-page .blu-modal__footer[data-v-6ada375c]::before {
content: "";
background: #fff;
height: 20px;
width: 100%;
left: 0;
bottom: 0;
position: fixed
}
@media screen and (min-width:769px),
print {
.blu-modal.b-page .blu-modal__footer[data-v-6ada375c]::before {
display: none
}
}
@media screen and (min-width:769px),
print {
.blu-modal.b-page .blu-modal__header[data-v-6ada375c] {
padding: 0 24px
}
}
@media screen and (max-width:768px) {
.blu-modal.b-page .blu-modal__header[data-v-6ada375c] {
padding: 0 16px
}
}
.blu-modal.b-page .blu-modal__icon[data-v-6ada375c] {
display: none
}
@media screen and (max-width:768px) {
.blu-modal.b-page.fade-enter-active[data-v-6ada375c],
.blu-modal.b-page.fade-leave-active[data-v-6ada375c] {
transition: opacity .3s
}
.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] {
transition: bottom .3s;
transition: all .3s cubic-bezier(0, 0, .2, 1.2);
bottom: 0
}
.blu-modal.b-page.fade-enter-active[data-v-6ada375c] {
transition: opacity .3s cubic-bezier(0, 0, .2, 1.2)
}
.blu-modal.b-page.fade-leave-active[data-v-6ada375c] {
transition: opacity .3s cubic-bezier(.8, 0, 1, 1)
}
.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] {
bottom: -96vh
}
}
.blu-modal.b-no-button .blu-modal__container[data-v-6ada375c] {
padding-bottom: 20px
}
@media screen and (max-width:768px) {
.blu-modal.b-no-button .blu-modal__body[data-v-6ada375c] {
padding-bottom: env(safe-area-inset-bottom)
}
}
.blu-modal.b-no-button .blu-modal__footer[data-v-6ada375c] {
display: none
}
.fade-enter-active[data-v-6ada375c],
.fade-leave-active[data-v-6ada375c] {
position: absolute;
z-index: 998;
transition: opacity .3s
}
.fade-enter[data-v-6ada375c],
.fade-leave-to[data-v-6ada375c] {
opacity: 0
}
img[data-v-6ada375c] {
max-width: 100%
}
.blu-modal.b-dialog .blu-modal__icon[data-v-6ada375c] {
width: 40px;
height: 40px;
margin-bottom: 40px
}
@media screen and (max-width:768px) {
.blu-modal.b-dialog .blu-modal__icon[data-v-6ada375c] {
width: 24px;
height: 24px;
margin-bottom: 32px
}
}
.blu-modal.b-dialog.b-info .blu-modal__icon[data-v-6ada375c] {
background-color: #1d8fff;
-webkit-mask-image: url(data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PSIwIDAgMjQgMjQiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+DQo8cGF0aCBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGNsaXAtcnVsZT0iZXZlbm9kZCIgZD0iTTIgMTJDMiA2LjQ4IDYuNDggMiAxMiAyQzE3LjUyIDIgMjIgNi40OCAyMiAxMkMyMiAxNy41MiAxNy41MiAyMiAxMiAyMkM2LjQ4IDIyIDIgMTcuNTIgMiAxMlpNMTEuOTcgOC43Mzc2NEMxMi43MjY2IDguNzM3NjQgMTMuMzQgOC4xMjQ4IDEzLjM0IDcuMzY4ODJDMTMuMzQgNi42MTI4NCAxMi43MjY2IDYgMTEuOTcgNkMxMS4yMTM0IDYgMTAuNiA2LjYxMjg0IDEwLjYgNy4zNjg4MkMxMC42IDguMTI0OCAxMS4yMTM0IDguNzM3NjQgMTEuOTcgOC43Mzc2NFpNMTEuNDk5OSAxMC4xMDY0SDEyLjQ0OTlDMTIuODQ5OSAxMC4xMDY0IDEzLjE3OTkgMTAuNDM2MiAxMy4xNzk5IDEwLjgzNThWMTcuMjcwM0MxMy4xNzk5IDE3LjY2OTkgMTIuODQ5OSAxNy45OTk2IDEyLjQ0OTkgMTcuOTk5NkgxMS40OTk5QzExLjA5OTkgMTcuOTk5NiAxMC43Njk5IDE3LjY2OTkgMTAuNzY5OSAxNy4yNzAzVjEwLjgzNThDMTAuNzY5OSAxMC40MzYyIDExLjA5OTkgMTAuMTA2NCAxMS40OTk5IDEwLjEwNjRaIiBmaWxsPSIjNzk3Rjg1Ii8+DQo8L3N2Zz4NCg==);
mask-image: url(data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PSIwIDAgMjQgMjQiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+DQo8cGF0aCBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGNsaXAtcnVsZT0iZXZlbm9kZCIgZD0iTTIgMTJDMiA2LjQ4IDYuNDggMiAxMiAyQzE3LjUyIDIgMjIgNi40OCAyMiAxMkMyMiAxNy41MiAxNy41MiAyMiAxMiAyMkM2LjQ4IDIyIDIgMTcuNTIgMiAxMlpNMTEuOTcgOC43Mzc2NEMxMi43MjY2IDguNzM3NjQgMTMuMzQgOC4xMjQ4IDEzLjM0IDcuMzY4ODJDMTMuMzQgNi42MTI4NCAxMi43MjY2IDYgMTEuOTcgNkMxMS4yMTM0IDYgMTAuNiA2LjYxMjg0IDEwLjYgNy4zNjg4MkMxMC42IDguMTI0OCAxMS4yMTM0IDguNzM3NjQgMTEuOTcgOC43Mzc2NFpNMTEuNDk5OSAxMC4xMDY0SDEyLjQ0OTlDMTIuODQ5OSAxMC4xMDY0IDEzLjE3OTkgMTAuNDM2MiAxMy4xNzk5IDEwLjgzNThWMTcuMjcwM0MxMy4xNzk5IDE3LjY2OTkgMTIuODQ5OSAxNy45OTk2IDEyLjQ0OTkgMTcuOTk5NkgxMS40OTk5QzExLjA5OTkgMTcuOTk5NiAxMC43Njk5IDE3LjY2OTkgMTAuNzY5OSAxNy4yNzAzVjEwLjgzNThDMTAuNzY5OSAxMC40MzYyIDExLjA5OTkgMTAuMTA2NCAxMS40OTk5IDEwLjEwNjRaIiBmaWxsPSIjNzk3Rjg1Ii8+DQo8L3N2Zz4NCg==)
}
.blu-modal.b-dialog.b-success .blu-modal__icon[data-v-6ada375c] {
background-color: #22a334;
-webkit-mask-image: url(data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PSIwIDAgMjQgMjQiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+DQo8cGF0aCBkPSJNMTIgMkM2LjQ4IDIgMiA2LjQ4IDIgMTJDMiAxNy41MiA2LjQ4IDIyIDEyIDIyQzE3LjUyIDIyIDIyIDE3LjUyIDIyIDEyQzIyIDYuNDggMTcuNTIgMiAxMiAyWk0xNy4wNSA5LjExTDEyLjA2IDE2LjEyQzExLjg4IDE2LjM3IDExLjYgMTYuNTIgMTEuMjkgMTYuNTRIMTEuMjRDMTAuOTUgMTYuNTQgMTAuNjcgMTYuNDIgMTAuNDggMTYuMTlMNi45OSAxMi4xM0M2LjgyIDExLjkzIDYuNzMgMTEuNjcgNi43NSAxMS40MUM2Ljc3IDExLjE0IDYuODkgMTAuOSA3LjA5IDEwLjczQzcuNTEgMTAuMzcgOC4xNCAxMC40MiA4LjUgMTAuODRMMTEuMTYgMTMuOTNMMTUuNDEgNy45NkMxNS43MyA3LjUxIDE2LjM1IDcuNDEgMTYuOCA3LjczQzE3LjAyIDcuODggMTcuMTYgOC4xMSAxNy4yMSA4LjM4QzE3LjI1IDguNjQgMTcuMTkgOC45MSAxNy4wNCA5LjEyTDE3LjA1IDkuMTFaIiBmaWxsPSIjNzk3Rjg1Ii8+DQo8L3N2Zz4=);
mask-image: url(data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PSIwIDAgMjQgMjQiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+DQo8cGF0aCBkPSJNMTIgMkM2LjQ4IDIgMiA2LjQ4IDIgMTJDMiAxNy41MiA2LjQ4IDIyIDEyIDIyQzE3LjUyIDIyIDIyIDE3LjUyIDIyIDEyQzIyIDYuNDggMTcuNTIgMiAxMiAyWk0xNy4wNSA5LjExTDEyLjA2IDE2LjEyQzExLjg4IDE2LjM3IDExLjYgMTYuNTIgMTEuMjkgMTYuNTRIMTEuMjRDMTAuOTUgMTYuNTQgMTAuNjcgMTYuNDIgMTAuNDggMTYuMTlMNi45OSAxMi4xM0M2LjgyIDExLjkzIDYuNzMgMTEuNjcgNi43NSAxMS40MUM2Ljc3IDExLjE0IDYuODkgMTAuOSA3LjA5IDEwLjczQzcuNTEgMTAuMzcgOC4xNCAxMC40MiA4LjUgMTAuODRMMTEuMTYgMTMuOTNMMTUuNDEgNy45NkMxNS43MyA3LjUxIDE2LjM1IDcuNDEgMTYuOCA3LjczQzE3LjAyIDcuODggMTcuMTYgOC4xMSAxNy4yMSA4LjM4QzE3LjI1IDguNjQgMTcuMTkgOC45MSAxNy4wNCA5LjEyTDE3LjA1IDkuMTFaIiBmaWxsPSIjNzk3Rjg1Ii8+DQo8L3N2Zz4=)
}
.blu-modal.b-dialog.b-warning .blu-modal__icon[data-v-6ada375c] {
background-color: #ffcd00;
-webkit-mask-image: url(data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PSIwIDAgMjQgMjQiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+DQo8cGF0aCBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGNsaXAtcnVsZT0iZXZlbm9kZCIgZD0iTTMuODc0MzYgMjFIMjAuMTE0NEgyMC4xMjQ0QzIxLjU1MzUgMjEgMjIuNDUyOSAxOS41MDM1IDIxLjc2MzQgMTguMjg2NEwxMy42NDg0IDMuOTUwMjZDMTIuOTM4OCAyLjY4MzI1IDExLjA2OTkgMi42ODMyNSAxMC4zNjA0IDMuOTUwMjZMMi4yMzUzNyAxOC4yOTY0QzEuNTQ1OCAxOS41MTM1IDIuNDU1MjQgMjEgMy44NzQzNiAyMVpNMTAuOTkgMTMuOTM3NEwxMC43MDAyIDkuMDk4ODdWNy43NTIwNUMxMC43MDAyIDcuMzMzMDQgMTEuMDQgNi45OTM4NCAxMS40NTk3IDYuOTkzODRIMTIuNjA5QzEzLjAyODggNi45OTM4NCAxMy4zNjg2IDcuMzMzMDQgMTMuMzY4NiA3Ljc1MjA1VjkuMTA4ODRMMTMuMDg4NyAxMy45Mjc1QzEzLjA2ODcgMTQuMzI2NSAxMi43Mzg5IDE0LjYzNTggMTIuMzI5MiAxNC42MzU4SDExLjc0OTVDMTEuMzQ5OCAxNC42MzU4IDExLjAyIDE0LjMyNjUgMTAuOTkgMTMuOTI3NVYxMy45Mzc0Wk0xMS45OTk0IDE4Ljk2NTJDMTIuNzg4NyAxOC45NjUyIDEzLjQyODYgMTguMzI2NSAxMy40Mjg2IDE3LjUzODZDMTMuNDI4NiAxNi43NTA3IDEyLjc4ODcgMTYuMTEyIDExLjk5OTQgMTYuMTEyQzExLjIxMDIgMTYuMTEyIDEwLjU3MDMgMTYuNzUwNyAxMC41NzAzIDE3LjUzODZDMTAuNTcwMyAxOC4zMjY1IDExLjIxMDIgMTguOTY1MiAxMS45OTk0IDE4Ljk2NTJaIiBmaWxsPSIjNzk3Rjg1Ii8+DQo8L3N2Zz4NCg==);
mask-image: url(data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PSIwIDAgMjQgMjQiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+DQo8cGF0aCBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGNsaXAtcnVsZT0iZXZlbm9kZCIgZD0iTTMuODc0MzYgMjFIMjAuMTE0NEgyMC4xMjQ0QzIxLjU1MzUgMjEgMjIuNDUyOSAxOS41MDM1IDIxLjc2MzQgMTguMjg2NEwxMy42NDg0IDMuOTUwMjZDMTIuOTM4OCAyLjY4MzI1IDExLjA2OTkgMi42ODMyNSAxMC4zNjA0IDMuOTUwMjZMMi4yMzUzNyAxOC4yOTY0QzEuNTQ1OCAxOS41MTM1IDIuNDU1MjQgMjEgMy44NzQzNiAyMVpNMTAuOTkgMTMuOTM3NEwxMC43MDAyIDkuMDk4ODdWNy43NTIwNUMxMC43MDAyIDcuMzMzMDQgMTEuMDQgNi45OTM4NCAxMS40NTk3IDYuOTkzODRIMTIuNjA5QzEzLjAyODggNi45OTM4NCAxMy4zNjg2IDcuMzMzMDQgMTMuMzY4NiA3Ljc1MjA1VjkuMTA4ODRMMTMuMDg4NyAxMy45Mjc1QzEzLjA2ODcgMTQuMzI2NSAxMi43Mzg5IDE0LjYzNTggMTIuMzI5MiAxNC42MzU4SDExLjc0OTVDMTEuMzQ5OCAxNC42MzU4IDExLjAyIDE0LjMyNjUgMTAuOTkgMTMuOTI3NVYxMy45Mzc0Wk0xMS45OTk0IDE4Ljk2NTJDMTIuNzg4NyAxOC45NjUyIDEzLjQyODYgMTguMzI2NSAxMy40Mjg2IDE3LjUzODZDMTMuNDI4NiAxNi43NTA3IDEyLjc4ODcgMTYuMTEyIDExLjk5OTQgMTYuMTEyQzExLjIxMDIgMTYuMTEyIDEwLjU3MDMgMTYuNzUwNyAxMC41NzAzIDE3LjUzODZDMTAuNTcwMyAxOC4zMjY1IDExLjIxMDIgMTguOTY1MiAxMS45OTk0IDE4Ljk2NTJaIiBmaWxsPSIjNzk3Rjg1Ii8+DQo8L3N2Zz4NCg==)
}
.blu-modal.b-dialog.b-danger .blu-modal__icon[data-v-6ada375c] {
background-color: #ff4646;
-webkit-mask-image: url(data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PSIwIDAgMjQgMjQiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+DQo8cGF0aCBkPSJNMTIgMkM2LjQ4IDIgMiA2LjQ4IDIgMTJDMiAxNy41MiA2LjQ4IDIyIDEyIDIyQzE3LjUyIDIyIDIyIDE3LjUyIDIyIDEyQzIyIDYuNDggMTcuNTIgMiAxMiAyWk0xNi4yNCAxNC44M0MxNi42MyAxNS4yMiAxNi42MyAxNS44NSAxNi4yNCAxNi4yNEMxNS44NSAxNi42MyAxNS4yMiAxNi42MyAxNC44MyAxNi4yNEwxMiAxMy40MUw5LjE3IDE2LjI0QzguNzggMTYuNjMgOC4xNSAxNi42MyA3Ljc2IDE2LjI0QzcuMzcgMTUuODUgNy4zNyAxNS4yMiA3Ljc2IDE0LjgzTDEwLjU5IDEyTDcuNzYgOS4xN0M3LjM3IDguNzggNy4zNyA4LjE1IDcuNzYgNy43NkM4LjE1IDcuMzcgOC43OCA3LjM3IDkuMTcgNy43NkwxMiAxMC41OUwxNC44MyA3Ljc2QzE1LjIyIDcuMzcgMTUuODUgNy4zNyAxNi4yNCA3Ljc2QzE2LjYzIDguMTUgMTYuNjMgOC43OCAxNi4yNCA5LjE3TDEzLjQxIDEyTDE2LjI0IDE0LjgzWiIgZmlsbD0iIzc5N0Y4NSIvPg0KPC9zdmc+);
mask-image: url(data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PSIwIDAgMjQgMjQiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+DQo8cGF0aCBkPSJNMTIgMkM2LjQ4IDIgMiA2LjQ4IDIgMTJDMiAxNy41MiA2LjQ4IDIyIDEyIDIyQzE3LjUyIDIyIDIyIDE3LjUyIDIyIDEyQzIyIDYuNDggMTcuNTIgMiAxMiAyWk0xNi4yNCAxNC44M0MxNi42MyAxNS4yMiAxNi42MyAxNS44NSAxNi4yNCAxNi4yNEMxNS44NSAxNi42MyAxNS4yMiAxNi42MyAxNC44MyAxNi4yNEwxMiAxMy40MUw5LjE3IDE2LjI0QzguNzggMTYuNjMgOC4xNSAxNi42MyA3Ljc2IDE2LjI0QzcuMzcgMTUuODUgNy4zNyAxNS4yMiA3Ljc2IDE0LjgzTDEwLjU5IDEyTDcuNzYgOS4xN0M3LjM3IDguNzggNy4zNyA4LjE1IDcuNzYgNy43NkM4LjE1IDcuMzcgOC43OCA3LjM3IDkuMTcgNy43NkwxMiAxMC41OUwxNC44MyA3Ljc2QzE1LjIyIDcuMzcgMTUuODUgNy4zNyAxNi4yNCA3Ljc2QzE2LjYzIDguMTUgMTYuNjMgOC43OCAxNi4yNCA5LjE3TDEzLjQxIDEyTDE2LjI0IDE0LjgzWiIgZmlsbD0iIzc5N0Y4NSIvPg0KPC9zdmc+)
}
@media screen and (max-width:768px) {
.blu-modal.b-full-screen .blu-modal__container[data-v-6ada375c] {
min-height: 100%;
border-radius: unset;
padding-top: 0
}
.blu-modal.b-full-screen .blu-modal__close[data-v-6ada375c] {
display: none
}
}
</style>
<style type="text/css">
.tabs[data-v-2ff01c43] {
border-bottom: #acb0b4 1px solid;
display: flex;
position: relative;
white-space: nowrap;
scroll-behavior: smooth;
scrollbar-width: none
}
.tabs[data-v-2ff01c43]::-webkit-scrollbar {
display: none
}
.tabs a[data-v-2ff01c43],
.tabs__header-title[data-v-2ff01c43] {
outline: 0;
display: flex;
color: rgba(25, 34, 42, .7019607843);
font: 16px/20px blibli, -apple-system, segoe ui, roboto, helvetica, arial, sans-serif;
padding: 22px 0;
position: relative;
white-space: nowrap;
align-items: center;
height: 64px;
cursor: pointer
}
.tabs a .tabs__icon[data-v-2ff01c43],
.tabs__header-title .tabs__icon[data-v-2ff01c43] {
position: relative;
display: inline-flex
}
.tabs a .tabs__icon[data-v-2ff01c43]:not(:empty),
.tabs__header-title .tabs__icon[data-v-2ff01c43]:not(:empty) {
margin-right: 4px
}
.tabs a .tabs__icon svg[data-v-2ff01c43],
.tabs__header-title .tabs__icon svg[data-v-2ff01c43] {
vertical-align: bottom;
color: rgba(25, 34, 42, .4)
}
.tabs a .tabs__label[data-v-2ff01c43],
.tabs__header-title .tabs__label[data-v-2ff01c43] {
display: inline-flex
}
.tabs a .tabs__label[data-v-2ff01c43]:not(:empty),
.tabs__header-title .tabs__label[data-v-2ff01c43]:not(:empty) {
padding-left: 4px
}
@media screen and (max-width:768px) {
.tabs a[data-v-2ff01c43],
.tabs__header-title[data-v-2ff01c43] {
padding: 10px 0;
height: 40px
}
}
.tabs a[data-v-2ff01c43]:not(:last-child),
.tabs__header-title[data-v-2ff01c43]:not(:last-child) {
margin-right: 16px
}
.tabs a[data-v-2ff01c43]:before,
.tabs__header-title[data-v-2ff01c43]:before {
content: "";
height: 3px;
background: #0072ff;
position: absolute;
bottom: 0;
left: 0;
opacity: 0;
transition: opacity 1s
}
.tabs a[data-v-2ff01c43]:after,
.tabs__header-title[data-v-2ff01c43]:after {
content: "";
width: 100%;
bottom: 0;
left: 0;
position: absolute;
border-bottom: none;
transition: border-bottom ease-out .2s
}
.tabs a[data-v-2ff01c43]:hover:after,
.tabs__header-title[data-v-2ff01c43]:hover:after {
border-bottom: 2px solid #acb0b4;
border-radius: 1px
}
.tabs a.b-active[data-v-2ff01c43],
.tabs__header-title.b-active[data-v-2ff01c43] {
opacity: 1;
color: #0072ff
}
.tabs a.b-active .tabs__icon svg[data-v-2ff01c43],
.tabs__header-title.b-active .tabs__icon svg[data-v-2ff01c43] {
color: #0072ff
}
.tabs a.b-disabled[data-v-2ff01c43],
.tabs__header-title.b-disabled[data-v-2ff01c43] {
opacity: 1;
color: rgba(25, 34, 42, .4)
}
.tabs a.b-disabled[data-v-2ff01c43]:hover:after,
.tabs__header-title.b-disabled[data-v-2ff01c43]:hover:after {
border-bottom: none
}
.tabs a.b-disabled .tabs__label .label[data-v-2ff01c43],
.tabs__header-title.b-disabled .tabs__label .label[data-v-2ff01c43] {
background-color: #e1e3e4;
color: rgba(25, 34, 42, .4)
}
.tabs a .tabs__icon[data-v-2ff01c43],
.tabs__header-title .tabs__icon[data-v-2ff01c43] {
margin-right: 2px
}
.tabs a .tabs__icon svg[data-v-2ff01c43],
.tabs__header-title .tabs__icon svg[data-v-2ff01c43] {
vertical-align: middle;
color: rgba(25, 34, 42, .4);
transform: scale(.75)
}
.tabs a[data-v-2ff01c43]:not(.b-disabled):focus-visible,
.tabs__header-title[data-v-2ff01c43]:not(.b-disabled):focus-visible {
color: #fff;
background: #000
}
.tabs a:not(.b-disabled):focus-visible svg[data-v-2ff01c43],
.tabs__header-title:not(.b-disabled):focus-visible svg[data-v-2ff01c43] {
color: #fff
}
.tabs.b-centered-primary[data-v-2ff01c43],
.tabs.b-centered[data-v-2ff01c43] {
display: block
}
.tabs.b-centered a[data-v-2ff01c43],
.tabs.b-centered-primary a[data-v-2ff01c43] {
width: 100%;
justify-content: center;
min-width: 0
}
.tabs.b-centered-primary[data-v-2ff01c43],
.tabs.b-primary[data-v-2ff01c43] {
background-color: #fff;
box-shadow: 0 1px 6px 0 rgba(0, 0, 0, .1);
border-radius: 8px;
padding: 4px;
margin-top: 10px;
border-bottom: none
}
@media screen and (min-width:960px) {
.tabs.b-centered-primary~.tabs__control .tabs__control-next[data-v-2ff01c43],
.tabs.b-centered-primary~.tabs__control .tabs__control-prev[data-v-2ff01c43],
.tabs.b-primary~.tabs__control .tabs__control-next[data-v-2ff01c43],
.tabs.b-primary~.tabs__control .tabs__control-prev[data-v-2ff01c43] {
top: 0
}
}
.tabs.b-centered-primary .slider[data-v-2ff01c43],
.tabs.b-primary .slider[data-v-2ff01c43] {
display: none
}
.tabs.b-centered-primary a[data-v-2ff01c43],
.tabs.b-primary a[data-v-2ff01c43] {
padding: 7px 16px;
border-radius: 4px;
transition: all .3s ease;
font: 14px/18px "blibli demi bold", -apple-system, segoe ui, roboto, helvetica, arial, sans-serif;
color: #0072ff;
height: 32px
}
.tabs.b-centered-primary a[data-v-2ff01c43]:hover:after,
.tabs.b-primary a[data-v-2ff01c43]:hover:after {
border-bottom: none
}
.tabs.b-centered-primary a[data-v-2ff01c43]:not(:last-child),
.tabs.b-primary a[data-v-2ff01c43]:not(:last-child) {
margin-right: 8px
}
.tabs.b-centered-primary a.b-active[data-v-2ff01c43],
.tabs.b-primary a.b-active[data-v-2ff01c43] {
color: #fff;
background-color: #1d8fff
}
.tabs.b-centered-primary a.b-active svg[data-v-2ff01c43],
.tabs.b-primary a.b-active svg[data-v-2ff01c43] {
color: #fff
}
.tabs.b-centered-primary a.b-active .blu-label[data-v-2ff01c43],
.tabs.b-primary a.b-active .blu-label[data-v-2ff01c43] {
background-color: #fff;
color: #0072ff
}
.tabs.b-centered-primary a.b-active[data-v-2ff01c43]:hover,
.tabs.b-primary a.b-active[data-v-2ff01c43]:hover {
background-color: #0072ff
}
.tabs.b-centered-primary a.b-disabled[data-v-2ff01c43],
.tabs.b-primary a.b-disabled[data-v-2ff01c43] {
color: rgba(25, 34, 42, .4)
}
.tabs.b-centered-primary a[data-v-2ff01c43]:not(.b-disabled):not(.b-active):hover,
.tabs.b-primary a[data-v-2ff01c43]:not(.b-disabled):not(.b-active):hover {
background-color: #f1f2f2
}
.tabs.b-centered-primary a[data-v-2ff01c43]:focus-visible,
.tabs.b-primary a[data-v-2ff01c43]:focus-visible {
color: #0072ff;
box-shadow: 0 0 0 4px #000;
background-color: #f1f2f2
}
.tabs__item[data-v-2ff01c43] {
padding: 16px 0
}
.tabs__item.b-active[data-v-2ff01c43] {
animation: fade-2ff01c43 .8s ease-in-out
}
.tabs__header[data-v-2ff01c43] {
display: flex
}
.tabs__label[data-v-2ff01c43] {
display: flex;
align-items: center;
margin-left: 4px
}
@media screen and (min-width:960px) {
.tabs__control[data-v-2ff01c43] {
--tab-fab-position: 16px;
--tab-fab-opacity: 0;
--tab-fab-background: linear-gradient(270deg, rgba(224, 224, 224, 0) 0%, #ffffff 100%);
position: absolute;
top: 0;
left: 0;
width: 100%
}
.tabs__control[data-v-2ff01c43]:hover {
--tab-fab-opacity: 1;
--tab-fab-position: 0
}
.tabs__control-next[data-v-2ff01c43],
.tabs__control-prev[data-v-2ff01c43] {
width: 56px;
height: 40px;
position: absolute;
opacity: var(--tab-fab-opacity);
background: var(--tab-fab-background);
border-radius: 16px;
transition: all .15s ease;
padding: 4px;
top: 11px;
cursor: pointer
}
.tabs__control-next div[data-v-2ff01c43],
.tabs__control-prev div[data-v-2ff01c43] {
width: 32px;
height: 32px;
background: #fff;
box-shadow: 0 1px 6px 0 rgba(0, 0, 0, .1);
border-radius: 50%;
position: relative;
display: grid;
place-items: center;
left: var(--tab-fab-position);
transition: all .15s cubic-bezier(0, 0, .2, 1.2)
}
.tabs__control-next div[data-v-2ff01c43]::after,
.tabs__control-prev div[data-v-2ff01c43]::after {
content: "";
background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB2aWV3Qm94PSIwIDAgMjQgMjQiPgogIDxkZWZzPgogICAgPHBhdGgKICAgICAgICBpZD0iMTkwcjYzOHp6YSIKICAgICAgICBkPSJNMCA1LjE1NGMwLS42MzYuMjkyLTEuMjE5LjgtMS42TDUuNDExLjE5MmMuNDQ2LS4zMjUgMS4wNzItLjIyOCAxLjM5Ny4yMi4zMjUuNDQ1LjIyNyAxLjA3MS0uMjE5IDEuMzk2bC00LjYgMy4zNTQgNC41NjMgMy4wMDRjLjQ2LjMwNS41ODcuOTI1LjI4MiAxLjM4Ni0uMzA1LjQ2LS45MjYuNTg2LTEuMzg2LjI4MmwtNC42LTMuMDQ2Qy4yOTEgNi4zNzIgMCA1Ljc5IDAgNS4xNTR6IgogICAgLz4KICA8L2RlZnM+CiAgPGcgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIj4KICAgIDxnPgogICAgICA8Zz4KICAgICAgICA8cGF0aCBmaWxsPSIjRkZGIiBmaWxsLW9wYWNpdHk9Ii4wMSIgZD0iTTAgMEgyNFYyNEgweiIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTU5MiAtNzg1KSB0cmFuc2xhdGUoNTkyIDc4NSkiIC8+CiAgICAgICAgPGcgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTU5MiAtNzg1KSB0cmFuc2xhdGUoNTkyIDc4NSkgdHJhbnNsYXRlKDggNykiPgogICAgICAgICAgPG1hc2sgaWQ9InU0ZGRwYm95eGIiIGZpbGw9IiNmZmYiPjx1c2UgeGxpbms6aHJlZj0iIzE5MHI2Mzh6emEiIC8+PC9tYXNrPgogICAgICAgICAgPHVzZSBmaWxsPSIjNzk3Rjg1IiBmaWxsLXJ1bGU9Im5vbnplcm8iIHhsaW5rOmhyZWY9IiMxOTByNjM4enphIiAvPgogICAgICAgICAgPHBhdGggZmlsbD0iIzAwOTVkYSIgZD0iTS04IC03SDE2VjE3SC04eiIgbWFzaz0idXJsKCN1NGRkcGJveXhiKSIgLz4KICAgICAgICA8L2c+CiAgICAgIDwvZz4KICAgIDwvZz4KICA8L2c+Cjwvc3ZnPgo=);
width: 18px;
height: 18px;
position: absolute
}
.tabs__control-prev[data-v-2ff01c43] {
left: 0
}
.tabs__control-next[data-v-2ff01c43] {
right: 0;
transform: rotate(180deg)
}
}
.tabs:hover~.tabs__control[data-v-2ff01c43] {
--tab-fab-opacity: 1;
--tab-fab-position: 0
}
.tabs-wrapper[data-v-2ff01c43] {
position: relative
}
.slider[data-v-2ff01c43] {
width: auto;
height: 2px;
border-radius: 1px;
background: #0072ff;
opacity: 1;
position: absolute;
left: 0;
bottom: 0;
transition: all .4s linear
}
@keyframes shake-2ff01c43 {
30%,
50% {
transform: translate3d(-2px, 0, 0)
}
40%,
60% {
transform: translate3d(0, 0, 0)
}
}
@keyframes fade-2ff01c43 {
0% {
opacity: 0
}
100% {
opacity: 1
}
}
</style>
<style type="text/css">
.tabs[data-v-c5343270] {
border-bottom: #acb0b4 1px solid;
display: flex;
position: relative;
white-space: nowrap;
scroll-behavior: smooth;
scrollbar-width: none
}
.tabs[data-v-c5343270]::-webkit-scrollbar {
display: none
}
.tabs a[data-v-c5343270],
.tabs__header-title[data-v-c5343270] {
outline: 0;
display: flex;
color: rgba(25, 34, 42, .7019607843);
font: 16px/20px blibli, -apple-system, segoe ui, roboto, helvetica, arial, sans-serif;
padding: 22px 0;
position: relative;
white-space: nowrap;
align-items: center;
height: 64px;
cursor: pointer
}
.tabs a .tabs__icon[data-v-c5343270],
.tabs__header-title .tabs__icon[data-v-c5343270] {
position: relative;
display: inline-flex
}
.tabs a .tabs__icon[data-v-c5343270]:not(:empty),
.tabs__header-title .tabs__icon[data-v-c5343270]:not(:empty) {
margin-right: 4px
}
.tabs a .tabs__icon svg[data-v-c5343270],
.tabs__header-title .tabs__icon svg[data-v-c5343270] {
vertical-align: bottom;
color: rgba(25, 34, 42, .4)
}
.tabs a .tabs__label[data-v-c5343270],
.tabs__header-title .tabs__label[data-v-c5343270] {
display: inline-flex
}
.tabs a .tabs__label[data-v-c5343270]:not(:empty),
.tabs__header-title .tabs__label[data-v-c5343270]:not(:empty) {
padding-left: 4px
}
@media screen and (max-width:768px) {
.tabs a[data-v-c5343270],
.tabs__header-title[data-v-c5343270] {
padding: 10px 0;
height: 40px
}
}
.tabs a[data-v-c5343270]:not(:last-child),
.tabs__header-title[data-v-c5343270]:not(:last-child) {
margin-right: 16px
}
.tabs a[data-v-c5343270]:before,
.tabs__header-title[data-v-c5343270]:before {
content: "";
height: 3px;
background: #0072ff;
position: absolute;
bottom: 0;
left: 0;
opacity: 0;
transition: opacity 1s
}
.tabs a[data-v-c5343270]:after,
.tabs__header-title[data-v-c5343270]:after {
content: "";
width: 100%;
bottom: 0;
left: 0;
position: absolute;
border-bottom: none;
transition: border-bottom ease-out .2s
}
.tabs a[data-v-c5343270]:hover:after,
.tabs__header-title[data-v-c5343270]:hover:after {
border-bottom: 2px solid #acb0b4;
border-radius: 1px
}
.tabs a.b-active[data-v-c5343270],
.tabs__header-title.b-active[data-v-c5343270] {
opacity: 1;
color: #0072ff
}
.tabs a.b-active .tabs__icon svg[data-v-c5343270],
.tabs__header-title.b-active .tabs__icon svg[data-v-c5343270] {
color: #0072ff
}
.tabs a.b-disabled[data-v-c5343270],
.tabs__header-title.b-disabled[data-v-c5343270] {
opacity: 1;
color: rgba(25, 34, 42, .4)
}
.tabs a.b-disabled[data-v-c5343270]:hover:after,
.tabs__header-title.b-disabled[data-v-c5343270]:hover:after {
border-bottom: none
}
.tabs a.b-disabled .tabs__label .label[data-v-c5343270],
.tabs__header-title.b-disabled .tabs__label .label[data-v-c5343270] {
background-color: #e1e3e4;
color: rgba(25, 34, 42, .4)
}
.tabs a .tabs__icon[data-v-c5343270],
.tabs__header-title .tabs__icon[data-v-c5343270] {
margin-right: 2px
}
.tabs a .tabs__icon svg[data-v-c5343270],
.tabs__header-title .tabs__icon svg[data-v-c5343270] {
vertical-align: middle;
color: rgba(25, 34, 42, .4);
transform: scale(.75)
}
.tabs a[data-v-c5343270]:not(.b-disabled):focus-visible,
.tabs__header-title[data-v-c5343270]:not(.b-disabled):focus-visible {
color: #fff;
background: #000
}
.tabs a:not(.b-disabled):focus-visible svg[data-v-c5343270],
.tabs__header-title:not(.b-disabled):focus-visible svg[data-v-c5343270] {
color: #fff
}
.tabs.b-centered-primary[data-v-c5343270],
.tabs.b-centered[data-v-c5343270] {
display: block
}
.tabs.b-centered a[data-v-c5343270],
.tabs.b-centered-primary a[data-v-c5343270] {
width: 100%;
justify-content: center;
min-width: 0
}
.tabs.b-centered-primary[data-v-c5343270],
.tabs.b-primary[data-v-c5343270] {
background-color: #fff;
box-shadow: 0 1px 6px 0 rgba(0, 0, 0, .1);
border-radius: 8px;
padding: 4px;
margin-top: 10px;
border-bottom: none
}
@media screen and (min-width:960px) {
.tabs.b-centered-primary~.tabs__control .tabs__control-next[data-v-c5343270],
.tabs.b-centered-primary~.tabs__control .tabs__control-prev[data-v-c5343270],
.tabs.b-primary~.tabs__control .tabs__control-next[data-v-c5343270],
.tabs.b-primary~.tabs__control .tabs__control-prev[data-v-c5343270] {
top: 0
}
}
.tabs.b-centered-primary .slider[data-v-c5343270],
.tabs.b-primary .slider[data-v-c5343270] {
display: none
}
.tabs.b-centered-primary a[data-v-c5343270],
.tabs.b-primary a[data-v-c5343270] {
padding: 7px 16px;
border-radius: 4px;
transition: all .3s ease;
font: 14px/18px "blibli demi bold", -apple-system, segoe ui, roboto, helvetica, arial, sans-serif;
color: #0072ff;
height: 32px
}
.tabs.b-centered-primary a[data-v-c5343270]:hover:after,
.tabs.b-primary a[data-v-c5343270]:hover:after {
border-bottom: none
}
.tabs.b-centered-primary a[data-v-c5343270]:not(:last-child),
.tabs.b-primary a[data-v-c5343270]:not(:last-child) {
margin-right: 8px
}
.tabs.b-centered-primary a.b-active[data-v-c5343270],
.tabs.b-primary a.b-active[data-v-c5343270] {
color: #fff;
background-color: #1d8fff
}
.tabs.b-centered-primary a.b-active svg[data-v-c5343270],
.tabs.b-primary a.b-active svg[data-v-c5343270] {
color: #fff
}
.tabs.b-centered-primary a.b-active .blu-label[data-v-c5343270],
.tabs.b-primary a.b-active .blu-label[data-v-c5343270] {
background-color: #fff;
color: #0072ff
}
.tabs.b-centered-primary a.b-active[data-v-c5343270]:hover,
.tabs.b-primary a.b-active[data-v-c5343270]:hover {
background-color: #0072ff
}
.tabs.b-centered-primary a.b-disabled[data-v-c5343270],
.tabs.b-primary a.b-disabled[data-v-c5343270] {
color: rgba(25, 34, 42, .4)
}
.tabs.b-centered-primary a[data-v-c5343270]:not(.b-disabled):not(.b-active):hover,
.tabs.b-primary a[data-v-c5343270]:not(.b-disabled):not(.b-active):hover {
background-color: #f1f2f2
}
.tabs.b-centered-primary a[data-v-c5343270]:focus-visible,
.tabs.b-primary a[data-v-c5343270]:focus-visible {
color: #0072ff;
box-shadow: 0 0 0 4px #000;
background-color: #f1f2f2
}
.tabs__item[data-v-c5343270] {
padding: 16px 0
}
.tabs__item.b-active[data-v-c5343270] {
animation: fade-c5343270 .8s ease-in-out
}
.tabs__header[data-v-c5343270] {
display: flex
}
.tabs__label[data-v-c5343270] {
display: flex;
align-items: center;
margin-left: 4px
}
@media screen and (min-width:960px) {
.tabs__control[data-v-c5343270] {
--tab-fab-position: 16px;
--tab-fab-opacity: 0;
--tab-fab-background: linear-gradient(270deg, rgba(224, 224, 224, 0) 0%, #ffffff 100%);
position: absolute;
top: 0;
left: 0;
width: 100%
}
.tabs__control[data-v-c5343270]:hover {
--tab-fab-opacity: 1;
--tab-fab-position: 0
}
.tabs__control-next[data-v-c5343270],
.tabs__control-prev[data-v-c5343270] {
width: 56px;
height: 40px;
position: absolute;
opacity: var(--tab-fab-opacity);
background: var(--tab-fab-background);
border-radius: 16px;
transition: all .15s ease;
padding: 4px;
top: 11px;
cursor: pointer
}
.tabs__control-next div[data-v-c5343270],
.tabs__control-prev div[data-v-c5343270] {
width: 32px;
height: 32px;
background: #fff;
box-shadow: 0 1px 6px 0 rgba(0, 0, 0, .1);
border-radius: 50%;
position: relative;
display: grid;
place-items: center;
left: var(--tab-fab-position);
transition: all .15s cubic-bezier(0, 0, .2, 1.2)
}
.tabs__control-next div[data-v-c5343270]::after,
.tabs__control-prev div[data-v-c5343270]::after {
content: "";
background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB2aWV3Qm94PSIwIDAgMjQgMjQiPgogIDxkZWZzPgogICAgPHBhdGgKICAgICAgICBpZD0iMTkwcjYzOHp6YSIKICAgICAgICBkPSJNMCA1LjE1NGMwLS42MzYuMjkyLTEuMjE5LjgtMS42TDUuNDExLjE5MmMuNDQ2LS4zMjUgMS4wNzItLjIyOCAxLjM5Ny4yMi4zMjUuNDQ1LjIyNyAxLjA3MS0uMjE5IDEuMzk2bC00LjYgMy4zNTQgNC41NjMgMy4wMDRjLjQ2LjMwNS41ODcuOTI1LjI4MiAxLjM4Ni0uMzA1LjQ2LS45MjYuNTg2LTEuMzg2LjI4MmwtNC42LTMuMDQ2Qy4yOTEgNi4zNzIgMCA1Ljc5IDAgNS4xNTR6IgogICAgLz4KICA8L2RlZnM+CiAgPGcgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIj4KICAgIDxnPgogICAgICA8Zz4KICAgICAgICA8cGF0aCBmaWxsPSIjRkZGIiBmaWxsLW9wYWNpdHk9Ii4wMSIgZD0iTTAgMEgyNFYyNEgweiIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTU5MiAtNzg1KSB0cmFuc2xhdGUoNTkyIDc4NSkiIC8+CiAgICAgICAgPGcgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTU5MiAtNzg1KSB0cmFuc2xhdGUoNTkyIDc4NSkgdHJhbnNsYXRlKDggNykiPgogICAgICAgICAgPG1hc2sgaWQ9InU0ZGRwYm95eGIiIGZpbGw9IiNmZmYiPjx1c2UgeGxpbms6aHJlZj0iIzE5MHI2Mzh6emEiIC8+PC9tYXNrPgogICAgICAgICAgPHVzZSBmaWxsPSIjNzk3Rjg1IiBmaWxsLXJ1bGU9Im5vbnplcm8iIHhsaW5rOmhyZWY9IiMxOTByNjM4enphIiAvPgogICAgICAgICAgPHBhdGggZmlsbD0iIzAwOTVkYSIgZD0iTS04IC03SDE2VjE3SC04eiIgbWFzaz0idXJsKCN1NGRkcGJveXhiKSIgLz4KICAgICAgICA8L2c+CiAgICAgIDwvZz4KICAgIDwvZz4KICA8L2c+Cjwvc3ZnPgo=);
width: 18px;
height: 18px;
position: absolute
}
.tabs__control-prev[data-v-c5343270] {
left: 0
}
.tabs__control-next[data-v-c5343270] {
right: 0;
transform: rotate(180deg)
}
}
.tabs:hover~.tabs__control[data-v-c5343270] {
--tab-fab-opacity: 1;
--tab-fab-position: 0
}
.tabs-wrapper[data-v-c5343270] {
position: relative
}
.slider[data-v-c5343270] {
width: auto;
height: 2px;
border-radius: 1px;
background: #0072ff;
opacity: 1;
position: absolute;
left: 0;
bottom: 0;
transition: all .4s linear
}
@keyframes shake-c5343270 {
30%,
50% {
transform: translate3d(-2px, 0, 0)
}
40%,
60% {
transform: translate3d(0, 0, 0)
}
}
@keyframes fade-c5343270 {
0% {
opacity: 0
}
100% {
opacity: 1
}
}
</style>
<link data-vue-meta="2" rel="alternate"
href="android-app://blibli.mobile.commerce/blibli/product/ps--ELP-60049-00553" id="alternate">
<script
src="https://dev.visualwebsiteoptimizer.com/cdn/web/djIkdGU6Ny4wOmFzeW5jJWpxdWVyeQ==/tag-f0973145e3bf01be8a988e6399f80fdcbr.js"
crossorigin="anonymous" fetchpriority="high" type="text/javascript"></script>
<script type="text/javascript" async=""
src="https://googleads.g.doubleclick.net/pagead/viewthroughconversion/880395410/?random=1727708662945&cv=11&fst=1727708662945&bg=ffffff&guid=ON&async=1&gtm=45je49p0v877689920z8810058345za200zb810058345&gcd=13l3l3l3l1l1&dma=0&tag_exp=101671035~101686685~101747727&u_w=1066&u_h=866&url=https%3A%2F%2Fwww.blibli.com%2Fp%2Fniko-speaker-trolley-speaker-pt-1501-15-inch-garansi%2Fps--ELP-60049-00553%3Fsrsltid%3DAfmBOorES7xzkivoHSNhil5W1iouKsuBMzCBVxCvjis5_rzK-YdKCb2y&ref=https%3A%2F%2Fwww.blibli.com%2Fchallenge%2Flanding%2F%3Fredirect%3D%252Fp%252Fniko-speaker-trolley-speaker-pt-1501-15-inch-garansi%252Fps--ELP-60049-00553%253Fsrsltid%253DAfmBOorES7xzkivoHSNhil5W1iouKsuBMzCBVxCvjis5_rzK-YdKCb2y&hn=www.googleadservices.com&frm=0&tiba=Jual%20Niko%20Speaker%20Trolley%20Speaker%20Pt%201501%2015%20Inch%20Garansi%20Di%20Seller%20Eleora.shop%20-%20Ambarketawang%2C%20Kab.%20Sleman%20%7C%20Blibli&npa=0&pscdl=noapi&auid=231856571.1727707203&uaa=&uab=64&uafvl=Google%2520Chrome%3B129.0.6668.70%7CNot%253DA%253FBrand%3B8.0.0.0%7CChromium%3B129.0.6668.70&uamb=1&uam=Nexus%205&uap=Android&uapv=6.0&uaw=0&fledge=1&data=event%3Dgtag.config&rfmt=3&fmt=4"></script>
<style nonce="">
.aStyle-kh82igwya {
color: red;
float: left;
opacity: .55
}
</style>
<style>
html:not([dark]) .blu-loader-skeleton[data-v-5d7a33db] {
--blu-loader-skeleton-border-radius: 8px;
--blu-loader-skeleton-highlight-color-background: linear-gradient(90deg, rgba(249, 249, 250, 0) 0%, #f9f9fa 50.68%, rgba(249, 249, 250, .0001) 100%);
height: var(--blu-loader-skeleton-height);
width: var(--blu-loader-skeleton-width);
background-color: #f1f2f2;
border-radius: var(--blu-loader-skeleton-border-radius)
}
html:not([dark]) .blu-loader-skeleton__gradient[data-v-5d7a33db] {
position: relative;
overflow: hidden;
width: 100%;
height: 100%;
border-radius: var(--blu-loader-skeleton-border-radius)
}
html:not([dark]) .blu-loader-skeleton__gradient[data-v-5d7a33db]:after {
content: "";
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
transform: translate(-100%);
background: var(--blu-loader-skeleton-highlight-color-background);
animation: shimmer-5d7a33db .8s infinite .1s
}
html:not([dark]) .blu-loader-skeleton.b-small[data-v-5d7a33db] {
--blu-loader-skeleton-border-radius: 4px
}
html:not([dark]) .blu-loader-skeleton.b-circle[data-v-5d7a33db] {
--blu-loader-skeleton-border-radius: 50%
}
html[dark] .blu-loader-skeleton[data-v-5d7a33db] {
--blu-loader-skeleton-border-radius: 8px;
--blu-loader-skeleton-highlight-color-background: linear-gradient(90deg, rgba(249, 249, 250, 0) 0%, #19222a 50.68%, rgba(249, 249, 250, .0001) 100%);
height: var(--blu-loader-skeleton-height);
width: var(--blu-loader-skeleton-width);
background-color: #28323b;
border-radius: var(--blu-loader-skeleton-border-radius)
}
html[dark] .blu-loader-skeleton__gradient[data-v-5d7a33db] {
position: relative;
overflow: hidden;
width: 100%;
height: 100%;
border-radius: var(--blu-loader-skeleton-border-radius)
}
html[dark] .blu-loader-skeleton__gradient[data-v-5d7a33db]:after {
content: "";
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
transform: translate(-100%);
background: var(--blu-loader-skeleton-highlight-color-background);
animation: shimmer-5d7a33db .8s infinite .1s
}
@keyframes shimmer-5d7a33db {
to {
transform: translate(100%)
}
}
html[dark] .blu-loader-skeleton.b-small[data-v-5d7a33db] {
--blu-loader-skeleton-border-radius: 4px
}
html[dark] .blu-loader-skeleton.b-circle[data-v-5d7a33db] {
--blu-loader-skeleton-border-radius: 50%
}
</style>
<style>
html:not([dark]) .blu-loader-general[data-v-5f0af726] {
--blu-loader-general-highlight-color-background: #1d8fff;
--blu-loader-general-base-color-background: #f1f2f2;
width: var(--blu-loader-general-size);
height: var(--blu-loader-general-size)
}
html:not([dark]) .blu-loader-general__asset[data-v-5f0af726] {
animation: general-rotate-5f0af726 1.6s linear infinite;
transform-origin: center center;
transition: all .5s ease-in-out;
width: 100%;
height: 100%;
margin: auto;
transform: rotate(90deg)
}
html:not([dark]) .blu-loader-general__asset--base[data-v-5f0af726],
html:not([dark]) .blu-loader-general__asset--highlight[data-v-5f0af726] {
stroke-linecap: round
}
html:not([dark]) .blu-loader-general__asset--highlight[data-v-5f0af726] {
stroke: var(--blu-loader-general-highlight-color-background);
animation: general-highlight-5f0af726 1.6s linear infinite
}
html:not([dark]) .blu-loader-general__asset--base[data-v-5f0af726] {
stroke: var(--blu-loader-general-base-color-background);
animation: general-base-5f0af726 1.6s linear infinite
}
html:not([dark]) .blu-loader-general.b-inverted[data-v-5f0af726] {
--blu-loader-general-highlight-color-background: #ffffff;
--blu-loader-general-base-color-background: #c8cbcd
}
html:not([dark]) .blu-loader-general.b-size-s[data-v-5f0af726] {
--blu-loader-general-size: 16px
}
html:not([dark]) .blu-loader-general.b-size-m[data-v-5f0af726] {
--blu-loader-general-size: 18px
}
html:not([dark]) .blu-loader-general.b-size-l[data-v-5f0af726] {
--blu-loader-general-size: 24px
}
html:not([dark]) .blu-loader-general.b-size-xl[data-v-5f0af726] {
--blu-loader-general-size: 32px
}
html[dark] .blu-loader-general[data-v-5f0af726] {
--blu-loader-general-highlight-color-background: #4fa4ff;
--blu-loader-general-base-color-background: #28323b;
width: var(--blu-loader-general-size);
height: var(--blu-loader-general-size)
}
html[dark] .blu-loader-general__asset[data-v-5f0af726] {
animation: general-rotate-5f0af726 1.6s linear infinite;
transform-origin: center center;
transition: all .5s ease-in-out;
width: 100%;
height: 100%;
margin: auto;
transform: rotate(90deg)
}
html[dark] .blu-loader-general__asset--base[data-v-5f0af726],
html[dark] .blu-loader-general__asset--highlight[data-v-5f0af726] {
stroke-linecap: round
}
html[dark] .blu-loader-general__asset--highlight[data-v-5f0af726] {
stroke: var(--blu-loader-general-highlight-color-background);
animation: general-highlight-5f0af726 1.6s linear infinite
}
html[dark] .blu-loader-general__asset--base[data-v-5f0af726] {
stroke: var(--blu-loader-general-base-color-background);
animation: general-base-5f0af726 1.6s linear infinite
}
html[dark] .blu-loader-general.b-inverted[data-v-5f0af726] {
--blu-loader-general-highlight-color-background: #12171d;
--blu-loader-general-base-color-background: #60686e
}
html[dark] .blu-loader-general.b-size-s[data-v-5f0af726] {
--blu-loader-general-size: 16px
}
html[dark] .blu-loader-general.b-size-m[data-v-5f0af726] {
--blu-loader-general-size: 18px
}
html[dark] .blu-loader-general.b-size-l[data-v-5f0af726] {
--blu-loader-general-size: 24px
}
html[dark] .blu-loader-general.b-size-xl[data-v-5f0af726] {
--blu-loader-general-size: 32px
}
@keyframes general-highlight-5f0af726 {
0% {
stroke-dasharray: 1, 200;
stroke-dashoffset: 0
}
50% {
stroke-dasharray: 50, 200;
stroke-dashoffset: -15px
}
to {
stroke-dasharray: 50, 200;
stroke-dashoffset: -124px
}
}
@keyframes general-base-5f0af726 {
0% {
stroke-dasharray: 1, 200;
stroke-dashoffset: 0
}
to {
stroke-dasharray: 100, 200;
stroke-dashoffset: -120px
}
}
@keyframes general-rotate-5f0af726 {
to {
transform: rotate(450deg)
}
}
html:not([dark]) button[data-v-498b5b0a] {
border: none;
background: 0 0;
cursor: pointer;
font-family: Blibli, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif;
padding: 0
}
html:not([dark]) input[type=button][data-v-498b5b0a]::-moz-focus-inner,
html:not([dark]) input[type=submit][data-v-498b5b0a]::-moz-focus-inner {
border: 0
}
html:not([dark]) a[data-v-498b5b0a],
html:not([dark]) button[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]) input[type=submit][data-v-498b5b0a]:focus {
outline: 0
}
html:not([dark]) .blu-button[data-v-498b5b0a] {
--blu-button-border-width: 1px;
--blu-button-border-radius: 64px;
--blu-button-color-text: #ffffff;
--blu-button-color-icon: #ffffff;
--blu-button-opacity: $blu-button-opacity;
--blu-button-size-height: 48px;
--blu-button-icon-size: 24px;
--blu-button-spacing-padding: 0 32px;
--blu-button-spacing-gap: 8px;
--blu-button-text: 600 16px/20px Blibli, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif;
padding: var(--blu-button-spacing-padding);
height: var(--blu-button-size-height);
border-radius: var(--blu-button-border-radius);
transition: transform .3s .08s, all .3s;
color: var(--blu-button-color-text);
background-color: var(--blu-button-color-background);
font: var(--blu-button-text);
box-shadow: 0 0 0 var(--blu-button-border-width) var(--blu-button-color-border);
display: inline-flex;
justify-content: center;
align-items: center;
white-space: nowrap
}
html:not([dark]) .blu-button:active.b-hover[data-v-498b5b0a]:not(.b-disabled),
html:not([dark]) .blu-button[data-v-498b5b0a]:active:hover:not(.b-disabled) {
transform: scale(.875)
}
html:not([dark]) .blu-button[data-v-498b5b0a]:focus-visible {
outline: 0
}
html:not([dark]) .blu-button[data-v-498b5b0a]:focus-visible:not(.b-disabled) {
box-shadow: 0 0 0 2px #19222a
}
html:not([dark]) .blu-button__icon[data-v-498b5b0a] {
display: flex;
color: var(--blu-button-color-icon)
}
html:not([dark]) .blu-button__icon[data-v-498b5b0a] svg {
width: var(--blu-button-icon-size);
height: var(--blu-button-icon-size)
}
html:not([dark]) .blu-button.b-has-icon:not(.b-has-icon-only) .blu-button__icon[data-v-498b5b0a] {
margin-right: var(--blu-button-spacing-gap)
}
html:not([dark]) .blu-button.b-has-icon-only[data-v-498b5b0a] {
--blu-button-spacing-padding: 0 12px
}
html:not([dark]) .blu-button.b-loading[data-v-498b5b0a] .blu-loader-wrapper svg {
display: flex;
width: 18px;
height: 18px
}
html:not([dark]) .blu-button.b-disabled[data-v-498b5b0a] {
cursor: not-allowed
}
html:not([dark]) .blu-button.b-disabled[data-v-498b5b0a]:active {
pointer-events: none
}
html:not([dark]) .blu-button.b-full-width[data-v-498b5b0a] {
width: 100%
}
html:not([dark]) .blu-button.b-primary.b-common[data-v-498b5b0a] {
--blu-button-color-background: #0072ff
}
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]:active:not(.b-disabled),
html:not([dark]) .blu-button.b-primary.b-common[data-v-498b5b0a]:focus-visible:not(.b-disabled),
html:not([dark]) .blu-button.b-primary.b-common[data-v-498b5b0a]:hover:not(.b-disabled) {
--blu-button-color-background: #1d8fff;
--blu-button-color-border: transparent
}
html:not([dark]) .blu-button.b-primary.b-danger[data-v-498b5b0a] {
--blu-button-color-background: #e93c3c
}
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]:active:not(.b-disabled),
html:not([dark]) .blu-button.b-primary.b-danger[data-v-498b5b0a]:focus-visible:not(.b-disabled),
html:not([dark]) .blu-button.b-primary.b-danger[data-v-498b5b0a]:hover:not(.b-disabled) {
--blu-button-color-background: #ff4646;
--blu-button-color-border: transparent
}
html:not([dark]) .blu-button.b-primary.b-inverted[data-v-498b5b0a] {
--blu-button-color-background: #ffffff;
--blu-button-color-text: #006dea;
--blu-button-color-icon: #0072ff
}
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]:active:not(.b-disabled),
html:not([dark]) .blu-button.b-primary.b-inverted[data-v-498b5b0a]:focus-visible:not(.b-disabled),
html:not([dark]) .blu-button.b-primary.b-inverted[data-v-498b5b0a]:hover:not(.b-disabled) {
--blu-button-color-background: #f9f9fa;
--blu-button-color-border: transparent
}
html:not([dark]) .blu-button.b-primary.b-disabled[data-v-498b5b0a] {
--blu-button-color-background: #e1e3e4;
--blu-button-color-text: rgba(25, 34, 42, .3019607843);
--blu-button-color-icon: rgba(25, 34, 42, .3019607843)
}
html:not([dark]) .blu-button.b-primary.b-disabled[data-v-498b5b0a]:not(.b-inverted) {
--blu-button-color-background: #e1e3e4;
--blu-button-color-text: rgba(25, 34, 42, .3019607843);
--blu-button-color-icon: rgba(25, 34, 42, .3019607843)
}
html:not([dark]) .blu-button.b-small[data-v-498b5b0a] {
--blu-button-border-radius: 64px;
--blu-button-size-height: 36px;
--blu-button-spacing-padding: 0 16px;
--blu-button-text: 600 14px/18px Blibli, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif;
--blu-button-icon-size: 18px;
--blu-button-spacing-gap: 4px
}
html:not([dark]) .blu-button.b-small.b-has-icon-only[data-v-498b5b0a] {
--blu-button-spacing-padding: 0 9px
}
html:not([dark]) .blu-button.b-secondary[data-v-498b5b0a] {
--blu-button-color-background: #ffffff
}
html:not([dark]) .blu-button.b-secondary.b-common[data-v-498b5b0a] {
--blu-button-color-border: #1d8fff;
--blu-button-color-text: #006dea;
--blu-button-color-icon: #0072ff
}
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]:active:not(.b-disabled),
html:not([dark]) .blu-button.b-secondary.b-common[data-v-498b5b0a]:focus-visible:not(.b-disabled),
html:not([dark]) .blu-button.b-secondary.b-common[data-v-498b5b0a]:hover:not(.b-disabled) {
--blu-button-color-background: #f3f9ff;
--blu-button-color-border: #0072ff
}
html:not([dark]) .blu-button.b-secondary.b-danger[data-v-498b5b0a] {
--blu-button-color-border: #ff4646;
--blu-button-color-text: #d33534;
--blu-button-color-icon: #e93c3c
}
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]:active:not(.b-disabled),
html:not([dark]) .blu-button.b-secondary.b-danger[data-v-498b5b0a]:focus-visible:not(.b-disabled),
html:not([dark]) .blu-button.b-secondary.b-danger[data-v-498b5b0a]:hover:not(.b-disabled) {
--blu-button-color-background: #fff5f5;
--blu-button-color-border: #e93c3c
}
html:not([dark]) .blu-button.b-secondary.b-inverted[data-v-498b5b0a] {
--blu-button-color-background: rgba(25, 34, 42, .3019607843);
--blu-button-color-border: #ffffff;
--blu-button-color-text: #ffffff;
--blu-button-color-icon: #ffffff
}
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]:active:not(.b-disabled),
html:not([dark]) .blu-button.b-secondary.b-inverted[data-v-498b5b0a]:focus-visible:not(.b-disabled),
html:not([dark]) .blu-button.b-secondary.b-inverted[data-v-498b5b0a]:hover:not(.b-disabled) {
--blu-button-color-background: rgba(255, 255, 255, .4);
--blu-button-color-border: #ffffff
}
html:not([dark]) .blu-button.b-secondary.b-disabled[data-v-498b5b0a] {
--blu-button-color-background: #e1e3e4;
--blu-button-color-border: #c8cbcd;
--blu-button-color-text: rgba(25, 34, 42, .3019607843);
--blu-button-color-icon: rgba(25, 34, 42, .3019607843)
}
html:not([dark]) .blu-button.b-secondary.b-disabled[data-v-498b5b0a]:not(.b-inverted) {
--blu-button-color-background: #e1e3e4;
--blu-button-color-border: #c8cbcd;
--blu-button-color-text: rgba(25, 34, 42, .3019607843);
--blu-button-color-icon: rgba(25, 34, 42, .3019607843)
}
html:not([dark]) .blu-button[data-v-498b5b0a] {
width: var(--blu-button-custom-width)
}
html:not([dark]) .blu-button.b-tertiary.b-common[data-v-498b5b0a] {
--blu-button-color-text: #006dea;
--blu-button-color-icon: #0072ff
}
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]:active:not(.b-disabled),
html:not([dark]) .blu-button.b-tertiary.b-common[data-v-498b5b0a]:focus-visible:not(.b-disabled),
html:not([dark]) .blu-button.b-tertiary.b-common[data-v-498b5b0a]:hover:not(.b-disabled) {
--blu-button-color-background: #f3f9ff;
--blu-button-color-border: transparent
}
html:not([dark]) .blu-button.b-tertiary.b-danger[data-v-498b5b0a] {
--blu-button-color-text: #d33534;
--blu-button-color-icon: #e93c3c
}
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]:active:not(.b-disabled),
html:not([dark]) .blu-button.b-tertiary.b-danger[data-v-498b5b0a]:focus-visible:not(.b-disabled),
html:not([dark]) .blu-button.b-tertiary.b-danger[data-v-498b5b0a]:hover:not(.b-disabled) {
--blu-button-color-background: #fff5f5;
--blu-button-color-border: transparent
}
html:not([dark]) .blu-button.b-tertiary.b-inverted[data-v-498b5b0a] {
--blu-button-color-text: #ffffff;
--blu-button-color-icon: #ffffff
}
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]:active:not(.b-disabled),
html:not([dark]) .blu-button.b-tertiary.b-inverted[data-v-498b5b0a]:focus-visible:not(.b-disabled),
html:not([dark]) .blu-button.b-tertiary.b-inverted[data-v-498b5b0a]:hover:not(.b-disabled) {
--blu-button-color-background: rgba(255, 255, 255, .4);
--blu-button-color-border: transparent
}
html:not([dark]) .blu-button.b-tertiary.b-disabled[data-v-498b5b0a] {
--blu-button-color-text: rgba(255, 255, 255, .4);
--blu-button-color-icon: rgba(255, 255, 255, .4)
}
html:not([dark]) .blu-button.b-tertiary.b-disabled[data-v-498b5b0a]:not(.b-inverted) {
--blu-button-color-text: rgba(25, 34, 42, .3019607843);
--blu-button-color-icon: rgba(25, 34, 42, .3019607843)
}
html:not([dark]) a[data-v-498b5b0a] {
text-decoration: none
}
html[dark] button[data-v-498b5b0a] {
border: none;
background: 0 0;
cursor: pointer;
font-family: Blibli, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif;
padding: 0
}
html[dark] input[type=button][data-v-498b5b0a]::-moz-focus-inner,
html[dark] input[type=submit][data-v-498b5b0a]::-moz-focus-inner {
border: 0
}
html[dark] a[data-v-498b5b0a],
html[dark] button[data-v-498b5b0a]:focus,
html[dark] input[type=button][data-v-498b5b0a]:focus,
html[dark] input[type=reset][data-v-498b5b0a]:focus,
html[dark] input[type=submit][data-v-498b5b0a]:focus {
outline: 0
}
html[dark] .blu-button[data-v-498b5b0a] {
--blu-button-border-width: 1px;
--blu-button-border-radius: 64px;
--blu-button-color-text: #ffffff;
--blu-button-color-icon: #ffffff;
--blu-button-opacity: $blu-button-opacity;
--blu-button-size-height: 48px;
--blu-button-icon-size: 24px;
--blu-button-spacing-padding: 0 32px;
--blu-button-spacing-gap: 8px;
--blu-button-text: 600 16px/20px Blibli, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif;
padding: var(--blu-button-spacing-padding);
height: var(--blu-button-size-height);
border-radius: var(--blu-button-border-radius);
transition: transform .3s .08s, all .3s;
color: var(--blu-button-color-text);
background-color: var(--blu-button-color-background);
font: var(--blu-button-text);
box-shadow: 0 0 0 var(--blu-button-border-width) var(--blu-button-color-border);
display: inline-flex;
justify-content: center;
align-items: center;
white-space: nowrap
}
html[dark] .blu-button:active.b-hover[data-v-498b5b0a]:not(.b-disabled),
html[dark] .blu-button[data-v-498b5b0a]:active:hover:not(.b-disabled) {
transform: scale(.875)
}
html[dark] .blu-button[data-v-498b5b0a]:focus-visible {
outline: 0
}
html[dark] .blu-button[data-v-498b5b0a]:focus-visible:not(.b-disabled) {
box-shadow: 0 0 0 2px #f9f9fa
}
html[dark] .blu-button__icon[data-v-498b5b0a] {
display: flex;
color: var(--blu-button-color-icon)
}
html[dark] .blu-button__icon[data-v-498b5b0a] svg {
width: var(--blu-button-icon-size);
height: var(--blu-button-icon-size)
}
html[dark] .blu-button.b-has-icon:not(.b-has-icon-only) .blu-button__icon[data-v-498b5b0a] {
margin-right: var(--blu-button-spacing-gap)
}
html[dark] .blu-button.b-has-icon-only[data-v-498b5b0a] {
--blu-button-spacing-padding: 0 12px
}
html[dark] .blu-button.b-loading[data-v-498b5b0a] .blu-loader-wrapper svg {
display: flex;
width: 18px;
height: 18px
}
html[dark] .blu-button.b-disabled[data-v-498b5b0a] {
cursor: not-allowed
}
html[dark] .blu-button.b-disabled[data-v-498b5b0a]:active {
pointer-events: none
}
html[dark] .blu-button.b-full-width[data-v-498b5b0a] {
width: 100%
}
html[dark] .blu-button.b-primary.b-common[data-v-498b5b0a] {
--blu-button-color-background: #0072ff
}
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]:active:not(.b-disabled),
html[dark] .blu-button.b-primary.b-common[data-v-498b5b0a]:focus-visible:not(.b-disabled),
html[dark] .blu-button.b-primary.b-common[data-v-498b5b0a]:hover:not(.b-disabled) {
--blu-button-color-background: #1d8fff;
--blu-button-color-border: transparent
}
html[dark] .blu-button.b-primary.b-danger[data-v-498b5b0a] {
--blu-button-color-background: #e93c3c
}
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]:active:not(.b-disabled),
html[dark] .blu-button.b-primary.b-danger[data-v-498b5b0a]:focus-visible:not(.b-disabled),
html[dark] .blu-button.b-primary.b-danger[data-v-498b5b0a]:hover:not(.b-disabled) {
--blu-button-color-background: #ff4646;
--blu-button-color-border: transparent
}
html[dark] .blu-button.b-primary.b-inverted[data-v-498b5b0a] {
--blu-button-color-background: #12171d;
--blu-button-color-text: #4fa4ff;
--blu-button-color-icon: #4fa4ff
}
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]:active:not(.b-disabled),
html[dark] .blu-button.b-primary.b-inverted[data-v-498b5b0a]:focus-visible:not(.b-disabled),
html[dark] .blu-button.b-primary.b-inverted[data-v-498b5b0a]:hover:not(.b-disabled) {
--blu-button-color-background: #19222a;
--blu-button-color-border: transparent
}
html[dark] .blu-button.b-primary.b-disabled[data-v-498b5b0a] {
--blu-button-color-background: #3b444c;
--blu-button-color-text: rgba(255, 255, 255, .3019607843);
--blu-button-color-icon: rgba(255, 255, 255, .3019607843)
}
html[dark] .blu-button.b-primary.b-disabled[data-v-498b5b0a]:not(.b-inverted) {
--blu-button-color-background: #3b444c;
--blu-button-color-text: rgba(255, 255, 255, .3019607843);
--blu-button-color-icon: rgba(255, 255, 255, .3019607843)
}
html[dark] .blu-button.b-small[data-v-498b5b0a] {
--blu-button-border-radius: 64px;
--blu-button-size-height: 36px;
--blu-button-spacing-padding: 0 16px;
--blu-button-text: 600 14px/18px Blibli, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif;
--blu-button-icon-size: 18px;
--blu-button-spacing-gap: 4px
}
html[dark] .blu-button.b-small.b-has-icon-only[data-v-498b5b0a] {
--blu-button-spacing-padding: 0 9px
}
html[dark] .blu-button.b-secondary[data-v-498b5b0a] {
--blu-button-color-background: #12171d
}
html[dark] .blu-button.b-secondary.b-common[data-v-498b5b0a] {
--blu-button-color-border: #4fa4ff;
--blu-button-color-text: #4fa4ff;
--blu-button-color-icon: #4fa4ff
}
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]:active:not(.b-disabled),
html[dark] .blu-button.b-secondary.b-common[data-v-498b5b0a]:focus-visible:not(.b-disabled),
html[dark] .blu-button.b-secondary.b-common[data-v-498b5b0a]:hover:not(.b-disabled) {
--blu-button-color-background: #002e7a;
--blu-button-color-border: #4fa4ff
}
html[dark] .blu-button.b-secondary.b-danger[data-v-498b5b0a] {
--blu-button-color-border: #ff7373;
--blu-button-color-text: #ff7373;
--blu-button-color-icon: #ff7373
}
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]:active:not(.b-disabled),
html[dark] .blu-button.b-secondary.b-danger[data-v-498b5b0a]:focus-visible:not(.b-disabled),
html[dark] .blu-button.b-secondary.b-danger[data-v-498b5b0a]:hover:not(.b-disabled) {
--blu-button-color-background: #631818;
--blu-button-color-border: #ff7373
}
html[dark] .blu-button.b-secondary.b-inverted[data-v-498b5b0a] {
--blu-button-color-background: rgba(255, 255, 255, .3019607843);
--blu-button-color-border: #12171d;
--blu-button-color-text: #12171d;
--blu-button-color-icon: #12171d
}
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]:active:not(.b-disabled),
html[dark] .blu-button.b-secondary.b-inverted[data-v-498b5b0a]:focus-visible:not(.b-disabled),
html[dark] .blu-button.b-secondary.b-inverted[data-v-498b5b0a]:hover:not(.b-disabled) {
--blu-button-color-background: rgba(18, 23, 29, .4);
--blu-button-color-border: #12171d
}
html[dark] .blu-button.b-secondary.b-disabled[data-v-498b5b0a] {
--blu-button-color-background: #3b444c;
--blu-button-color-border: #60686e;
--blu-button-color-text: rgba(255, 255, 255, .3019607843);
--blu-button-color-icon: rgba(255, 255, 255, .3019607843)
}
html[dark] .blu-button.b-secondary.b-disabled[data-v-498b5b0a]:not(.b-inverted) {
--blu-button-color-background: #3b444c;
--blu-button-color-border: #60686e;
--blu-button-color-text: rgba(255, 255, 255, .3019607843);
--blu-button-color-icon: rgba(255, 255, 255, .3019607843)
}
html[dark] .blu-button[data-v-498b5b0a] {
width: var(--blu-button-custom-width)
}
html[dark] .blu-button.b-tertiary.b-common[data-v-498b5b0a] {
--blu-button-color-text: #4fa4ff;
--blu-button-color-icon: #4fa4ff
}
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]:active:not(.b-disabled),
html[dark] .blu-button.b-tertiary.b-common[data-v-498b5b0a]:focus-visible:not(.b-disabled),
html[dark] .blu-button.b-tertiary.b-common[data-v-498b5b0a]:hover:not(.b-disabled) {
--blu-button-color-background: #002e7a;
--blu-button-color-border: transparent
}
html[dark] .blu-button.b-tertiary.b-danger[data-v-498b5b0a] {
--blu-button-color-text: #ff7373;
--blu-button-color-icon: #ff7373
}
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]:active:not(.b-disabled),
html[dark] .blu-button.b-tertiary.b-danger[data-v-498b5b0a]:focus-visible:not(.b-disabled),
html[dark] .blu-button.b-tertiary.b-danger[data-v-498b5b0a]:hover:not(.b-disabled) {
--blu-button-color-background: #631818;
--blu-button-color-border: transparent
}
html[dark] .blu-button.b-tertiary.b-inverted[data-v-498b5b0a] {
--blu-button-color-text: #12171d;
--blu-button-color-icon: #12171d
}
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]:active:not(.b-disabled),
html[dark] .blu-button.b-tertiary.b-inverted[data-v-498b5b0a]:focus-visible:not(.b-disabled),
html[dark] .blu-button.b-tertiary.b-inverted[data-v-498b5b0a]:hover:not(.b-disabled) {
--blu-button-color-background: rgba(18, 23, 29, .4);
--blu-button-color-border: transparent
}
html[dark] .blu-button.b-tertiary.b-disabled[data-v-498b5b0a] {
--blu-button-color-text: rgba(18, 23, 29, .4);
--blu-button-color-icon: rgba(18, 23, 29, .4)
}
html[dark] .blu-button.b-tertiary.b-disabled[data-v-498b5b0a]:not(.b-inverted) {
--blu-button-color-text: rgba(255, 255, 255, .3019607843);
--blu-button-color-icon: rgba(255, 255, 255, .3019607843)
}
html[dark] a[data-v-498b5b0a] {
text-decoration: none
}
</style>
<style>
html:not([dark]) .blu-badge[data-v-4cd4e6d8] {
--blu-badge-color-text: #ffffff;
--blu-badge-color-border: #ffffff;
--blu-badge-text: 600 12px/16px Blibli, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif;
--blu-badge-border-radius: 4px;
--blu-badge-border-width: 1px;
--blu-badge-padding: 0 4px 1px;
font: var(--blu-badge-text);
border-radius: var(--blu-badge-border-radius);
box-shadow: 0 0 0 var(--blu-badge-border-width) var(--blu-badge-color-border);
padding: var(--blu-badge-padding);
display: inline-flex;
box-sizing: border-box;
justify-content: center;
align-items: center;
line-height: 15px;
max-height: 16px;
white-space: nowrap
}
html:not([dark]) .blu-badge[data-v-4cd4e6d8] svg {
display: flex;
width: 12px;
height: 12px;
color: var(--blu-badge-item-leading-color-icon)
}
html:not([dark]) .blu-badge [data-v-4cd4e6d8]:not(:last-child) {
margin-right: 2px
}
html:not([dark]) .blu-badge[data-v-4cd4e6d8]:not(.b-dot) {
min-width: 16px
}
html:not([dark]) .blu-badge.b-dot[data-v-4cd4e6d8] {
--blu-badge-size: 8px;
width: var(--blu-badge-size);
height: var(--blu-badge-size)
}
html:not([dark]) .blu-badge[data-v-4cd4e6d8]:not(.b-secondary) {
--blu-badge-item-leading-color-icon: var(--blu-badge-color-icon);
color: var(--blu-badge-color-text);
background-color: var(--blu-badge-color-background)
}
html:not([dark]) .blu-badge.b-secondary[data-v-4cd4e6d8] {
--blu-badge-item-leading-color-icon: var(--blu-badge-color-icon-low);
color: var(--blu-badge-color-text-low);
background-color: var(--blu-badge-color-background-low)
}
html:not([dark]) .blu-badge.b-blue[data-v-4cd4e6d8] {
--blu-badge-color-background-low: #e1f1ff;
--blu-badge-color-background: #1d8fff;
--blu-badge-color-text-low: #006dea;
--blu-badge-color-icon-low: #0072ff;
--blu-badge-color-icon: #ffffff
}
html:not([dark]) .blu-badge.b-yellow[data-v-4cd4e6d8] {
--blu-badge-color-background-low: #ffe6ce;
--blu-badge-color-background: #ff7f00;
--blu-badge-color-text-low: #dc5300;
--blu-badge-color-icon-low: #f05a00;
--blu-badge-color-icon: #ffffff
}
html:not([dark]) .blu-badge.b-red[data-v-4cd4e6d8] {
--blu-badge-color-background-low: #ffe6e6;
--blu-badge-color-background: #ff4646;
--blu-badge-color-text-low: #d33534;
--blu-badge-color-icon-low: #e93c3c;
--blu-badge-color-icon: #ffffff
}
html:not([dark]) .blu-badge.b-green[data-v-4cd4e6d8] {
--blu-badge-color-background-low: #d6f7da;
--blu-badge-color-background: #22a334;
--blu-badge-color-text-low: #1c832a;
--blu-badge-color-icon-low: #1f912e;
--blu-badge-color-icon: #ffffff
}
html:not([dark]) .blu-badge.b-purple[data-v-4cd4e6d8] {
--blu-badge-color-background-low: #fddef0;
--blu-badge-color-background: #ff0f9d;
--blu-badge-color-text-low: #834bee;
--blu-badge-color-icon-low: #834bee;
--blu-badge-color-icon: #ffffff
}
html:not([dark]) .blu-badge.b-magenta[data-v-4cd4e6d8] {
--blu-badge-color-background-low: #fddef0;
--blu-badge-color-background: #ff0f9d;
--blu-badge-color-text-low: #ff0f9d;
--blu-badge-color-icon-low: #ff0f9d;
--blu-badge-color-icon: #ffffff
}
html:not([dark]) .blu-badge.b-gray[data-v-4cd4e6d8] {
--blu-badge-color-background-low: #f1f2f2;
--blu-badge-color-background: #28323b;
--blu-badge-color-text-low: rgba(25, 34, 42, .7019607843);
--blu-badge-color-text: #ffffff;
--blu-badge-color-icon-low: rgba(25, 34, 42, .7019607843);
--blu-badge-color-icon: #ffffff
}
html:not([dark]) .blu-badge.b-invert[data-v-4cd4e6d8] {
--blu-badge-color-background-low: #ffffff;
--blu-badge-color-background: #ffffff;
--blu-badge-color-text-low: rgba(25, 34, 42, .4);
--blu-badge-color-text: #006dea;
--blu-badge-color-icon-low: rgba(25, 34, 42, .4);
--blu-badge-color-icon: #0072ff
}
html:not([dark]) .blu-badge.b-notification[data-v-4cd4e6d8] {
--blu-badge-border-radius: 8px
}
html:not([dark]) .blu-badge.b-tooltip[data-v-4cd4e6d8] {
cursor: pointer
}
html[dark] .blu-badge[data-v-4cd4e6d8] {
--blu-badge-color-text: #ffffff;
--blu-badge-color-border: #12171d;
--blu-badge-text: 600 12px/16px Blibli, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif;
--blu-badge-border-radius: 4px;
--blu-badge-border-width: 1px;
--blu-badge-padding: 0 4px 1px;
font: var(--blu-badge-text);
border-radius: var(--blu-badge-border-radius);
box-shadow: 0 0 0 var(--blu-badge-border-width) var(--blu-badge-color-border);
padding: var(--blu-badge-padding);
display: inline-flex;
box-sizing: border-box;
justify-content: center;
align-items: center;
line-height: 15px;
max-height: 16px;
white-space: nowrap
}
html[dark] .blu-badge[data-v-4cd4e6d8] svg {
display: flex;
width: 12px;
height: 12px;
color: var(--blu-badge-item-leading-color-icon)
}
html[dark] .blu-badge [data-v-4cd4e6d8]:not(:last-child) {
margin-right: 2px
}
html[dark] .blu-badge[data-v-4cd4e6d8]:not(.b-dot) {
min-width: 16px
}
html[dark] .blu-badge.b-dot[data-v-4cd4e6d8] {
--blu-badge-size: 8px;
width: var(--blu-badge-size);
height: var(--blu-badge-size)
}
html[dark] .blu-badge[data-v-4cd4e6d8]:not(.b-secondary) {
--blu-badge-item-leading-color-icon: var(--blu-badge-color-icon);
color: var(--blu-badge-color-text);
background-color: var(--blu-badge-color-background)
}
html[dark] .blu-badge.b-secondary[data-v-4cd4e6d8] {
--blu-badge-item-leading-color-icon: var(--blu-badge-color-icon-low);
color: var(--blu-badge-color-text-low);
background-color: var(--blu-badge-color-background-low)
}
html[dark] .blu-badge.b-blue[data-v-4cd4e6d8] {
--blu-badge-color-background-low: #0046aa;
--blu-badge-color-background: #1d8fff;
--blu-badge-color-text-low: #4fa4ff;
--blu-badge-color-icon-low: #4fa4ff;
--blu-badge-color-icon: #ffffff
}
html[dark] .blu-badge.b-yellow[data-v-4cd4e6d8] {
--blu-badge-color-background-low: #ffe6ce;
--blu-badge-color-background: #ff7f00;
--blu-badge-color-text-low: #dc5300;
--blu-badge-color-icon-low: #f05a00;
--blu-badge-color-icon: #ffffff
}
html[dark] .blu-badge.b-red[data-v-4cd4e6d8] {
--blu-badge-color-background-low: #8d2221;
--blu-badge-color-background: #ff4646;
--blu-badge-color-text-low: #ff7373;
--blu-badge-color-icon-low: #ff7373;
--blu-badge-color-icon: #ffffff
}
html[dark] .blu-badge.b-green[data-v-4cd4e6d8] {
--blu-badge-color-background-low: #13561c;
--blu-badge-color-background: #22a334;
--blu-badge-color-text-low: #02c82b;
--blu-badge-color-icon-low: #02c82b;
--blu-badge-color-icon: #ffffff
}
html[dark] .blu-badge.b-purple[data-v-4cd4e6d8] {
--blu-badge-color-background-low: #fddef0;
--blu-badge-color-background: #ff0f9d;
--blu-badge-color-text-low: #834bee;
--blu-badge-color-icon-low: #834bee;
--blu-badge-color-icon: #12171d
}
html[dark] .blu-badge.b-magenta[data-v-4cd4e6d8] {
--blu-badge-color-background-low: #fddef0;
--blu-badge-color-background: #ff0f9d;
--blu-badge-color-text-low: #ff0f9d;
--blu-badge-color-icon-low: #ff0f9d;
--blu-badge-color-icon: #12171d
}
html[dark] .blu-badge.b-gray[data-v-4cd4e6d8] {
--blu-badge-color-background-low: #28323b;
--blu-badge-color-background: #f1f2f2;
--blu-badge-color-text-low: rgba(255, 255, 255, .8);
--blu-badge-color-text: #12171d;
--blu-badge-color-icon-low: rgba(255, 255, 255, .8);
--blu-badge-color-icon: #12171d
}
html[dark] .blu-badge.b-invert[data-v-4cd4e6d8] {
--blu-badge-color-background-low: #12171d;
--blu-badge-color-background: #12171d;
--blu-badge-color-text-low: rgba(255, 255, 255, .5019607843);
--blu-badge-color-text: #4fa4ff;
--blu-badge-color-icon-low: rgba(255, 255, 255, .5019607843);
--blu-badge-color-icon: #4fa4ff
}
html[dark] .blu-badge.b-notification[data-v-4cd4e6d8] {
--blu-badge-border-radius: 8px
}
html[dark] .blu-badge.b-tooltip[data-v-4cd4e6d8] {
cursor: pointer
}
</style>
<link data-vue-meta="2" rel="canonical" href="https://waterfalltearoom.com/">
<link rel="amphtml" href="https://lotus138baru.site/amp/waterfalltearoom/index.html">
<meta name="google-site-verification" content="TEfMj1vB5MrncCVkwf6BAAVtRj7WrNNw6bmoaJxWjVU" />
<meta data-vue-meta="2" data-vmid="description" name="description"
content="LOTUS138 adalah platform eksklusif yang menjadi panel resmi bagi para penggemar judi slot gacor dengan peluang jackpot besar setiap harinya. Sebagai salah satu situs terpercaya di industri permainan slot online, LOTUS138 menawarkan berbagai jenis permainan slot dari provider-provider terkemuka dengan gameplay yang seru dan menantang. Dikenal dengan RTP tinggi, permainan slot di LOTUS138 memberikan peluang menang yang lebih besar, terutama untuk pemain yang mencari JP mudah!">
<meta data-vue-meta="2" data-vmid="keywords" name="keywords"
content="LOTUS138, Situs Gacor, slot gacor, slot gacor hari ini">
<meta data-vue-meta="2" data-vmid="og:title" property="og:title"
content="LOTUS138: EKSKLUSIF PANEL RESMI JUDI SLOT GACOR MUDAH JP HARI INI!">
<meta data-vue-meta="2" data-vmid="og:description" property="og:description"
content="LOTUS138 adalah platform eksklusif yang menjadi panel resmi bagi para penggemar judi slot gacor dengan peluang jackpot besar setiap harinya. Sebagai salah satu situs terpercaya di industri permainan slot online, LOTUS138 menawarkan berbagai jenis permainan slot dari provider-provider terkemuka dengan gameplay yang seru dan menantang. Dikenal dengan RTP tinggi, permainan slot di LOTUS138 memberikan peluang menang yang lebih besar, terutama untuk pemain yang mencari JP mudah!">
<meta data-vue-meta="2" data-vmid="og:url" property="og:url"
content="https://waterfalltearoom.com/">
<meta data-vue-meta="2" data-vmid="og:image" property="og:image"
content="https://i.ibb.co.com/FHtPxFJ/lotttus.jpg">
<meta data-vue-meta="2" data-vmid="og:image:secure_url" property="og:image:secure_url"
content="https://i.ibb.co.com/FHtPxFJ/lotttus.jpg">
<meta data-vue-meta="2" data-vmid="twitter:title" name="twitter:title"
content="LOTUS138: EKSKLUSIF PANEL RESMI JUDI SLOT GACOR MUDAH JP HARI INI!">
<meta data-vue-meta="2" data-vmid="twitter:description" name="twitter:description"
content="LOTUS138 adalah platform eksklusif yang menjadi panel resmi bagi para penggemar judi slot gacor dengan peluang jackpot besar setiap harinya. Sebagai salah satu situs terpercaya di industri permainan slot online, LOTUS138 menawarkan berbagai jenis permainan slot dari provider-provider terkemuka dengan gameplay yang seru dan menantang. Dikenal dengan RTP tinggi, permainan slot di LOTUS138 memberikan peluang menang yang lebih besar, terutama untuk pemain yang mencari JP mudah!">
<meta data-vue-meta="2" data-vmid="twitter:url" name="twitter:url"
content="https://waterfalltearoom.com/">
<meta data-vue-meta="2" data-vmid="twitter:image" name="twitter:image"
content="https://i.ibb.co.com/FHtPxFJ/lotttus.jpg">
<style>
[data-v-580f03f0],
[data-v-580f03f0]:after,
[data-v-580f03f0]:before {
box-sizing: border-box
}
html:not([dark]) .blu-modal-wrapper[data-v-580f03f0] {
z-index: 100;
position: fixed
}
html:not([dark]) .blu-modal[data-v-580f03f0] {
--blu-modal-box-shadow: 0 1px 6px 0 rgba(0, 0, 0, .1019607843);
--blu-modal-color-background: #ffffff;
--blu-modal-border-radius: 16px;
--blu-modal-opacity: 0;
--blu-modal-size-width: 100%;
--blu-modal-max-height: calc(100% - 16px);
position: fixed;
z-index: 101;
display: flex;
flex-direction: column;
width: var(--blu-modal-size-width);
max-height: var(--blu-modal-max-height);
max-width: var(--blu-modal-max-width);
box-sizing: border-box;
box-shadow: var(--blu-modal-box-shadow);
border-radius: var(--blu-modal-border-radius);
background-color: var(--blu-modal-color-background);
opacity: var(--blu-modal-opacity);
transition: all .3s
}
html:not([dark]) .blu-modal [data-v-580f03f0] {
box-sizing: inherit
}
html:not([dark]) .blu-modal.b-active[data-v-580f03f0] {
--blu-modal-opacity: 1
}
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] {
--blu-modal-max-height: 100%;
height: 100%
}
html:not([dark]) .b-status .blu-modal[data-v-580f03f0] {
border-bottom: 4px solid;
border-color: var(--blu-modal-color);
top: 50%;
left: 50%;
transform: translate(-50%, -50%)
}
html:not([dark]) .b-status .blu-modal.b-info[data-v-580f03f0] {
--blu-modal-color: #1d8fff
}
html:not([dark]) .b-status .blu-modal.b-success[data-v-580f03f0] {
--blu-modal-color: #22a334
}
html:not([dark]) .b-status .blu-modal.b-alert[data-v-580f03f0] {
--blu-modal-color: #fedd6c
}
html:not([dark]) .b-status .blu-modal.b-danger[data-v-580f03f0] {
--blu-modal-color: #ff4646
}
@media screen and (min-width:840px),
print {
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] {
transition: all .3s
}
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] {
opacity: 0
}
html:not([dark]) .blu-modal-wrapper:not(.b-drawer) .blu-modal[data-v-580f03f0] {
--blu-modal-max-height: 576px;
top: 50%;
left: 50%;
transform: translate(-50%, -50%)
}
html:not([dark]) .blu-modal-wrapper:not(.b-drawer) .blu-modal.b-small-width[data-v-580f03f0] {
--blu-modal-size-width: 360px
}
html:not([dark]) .blu-modal-wrapper:not(.b-drawer) .blu-modal.b-medium-width[data-v-580f03f0] {
--blu-modal-size-width: 600px
}
html:not([dark]) .blu-modal-wrapper:not(.b-drawer) .blu-modal.b-large-width[data-v-580f03f0] {
--blu-modal-size-width: 800px
}
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] {
--blu-modal-size-width: 360px
}
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] {
--blu-modal-size-width: 600px
}
html:not([dark]) .b-drawer.b-desktop-bottom .blu-modal[data-v-580f03f0],
html:not([dark]) .b-drawer.b-desktop-top .blu-modal[data-v-580f03f0] {
--blu-modal-max-height: 576px
}
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] {
transition: all .3s
}
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] {
left: -100vh
}
html:not([dark]) .b-drawer.b-desktop-left .blu-modal[data-v-580f03f0] {
height: 100vh;
left: 0;
top: 0;
bottom: 0;
border-radius: 0 var(--blu-modal-border-radius) var(--blu-modal-border-radius) 0
}
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] {
transition: all .3s
}
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] {
right: -100vh
}
html:not([dark]) .b-drawer.b-desktop-right .blu-modal[data-v-580f03f0] {
height: 100vh;
right: 0;
top: 0;
bottom: 0;
border-radius: var(--blu-modal-border-radius) 0 0 var(--blu-modal-border-radius)
}
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] {
transition: all .3s
}
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] {
top: -100vh
}
html:not([dark]) .b-drawer.b-desktop-top .blu-modal[data-v-580f03f0] {
top: 0;
left: 50%;
transform: translate(-50%);
border-radius: 0 0 var(--blu-modal-border-radius) var(--blu-modal-border-radius)
}
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] {
transition: all .3s
}
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] {
bottom: -100vh
}
html:not([dark]) .b-drawer.b-desktop-bottom .blu-modal[data-v-580f03f0] {
bottom: 0;
left: 50%;
transform: translate(-50%);
border-radius: var(--blu-modal-border-radius) var(--blu-modal-border-radius) 0 0
}
}
@media screen and (max-width:839px) {
html:not([dark]) .b-status .blu-modal[data-v-580f03f0] {
--blu-modal-size-width: calc(100% - 32px)
}
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] {
transition: all .3s
}
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] {
bottom: -100vh
}
html:not([dark]) .blu-modal-wrapper:not(.b-status):not(.b-drawer):not(.b-mobile-fullscreen) .blu-modal[data-v-580f03f0] {
bottom: 0;
left: 50%;
transform: translate(-50%);
border-radius: var(--blu-modal-border-radius) var(--blu-modal-border-radius) 0 0
}
html:not([dark]) .blu-modal-wrapper:not(.b-status):not(.b-drawer):not(.b-mobile-fullscreen) .blu-modal.b-max-width[data-v-580f03f0] {
--blu-modal-max-width: 600px
}
html:not([dark]) .b-mobile-fullscreen.fade-enter-active[data-v-580f03f0],
html:not([dark]) .b-mobile-fullscreen.fade-leave-active[data-v-580f03f0] {
transition: all .3s
}
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] {
bottom: -100vh
}
html:not([dark]) .b-mobile-fullscreen .blu-modal[data-v-580f03f0] {
--blu-modal-max-height: 100%;
height: 100%;
width: 100%;
border-radius: unset;
bottom: 0;
left: 0;
transform: none
}
html:not([dark]) .b-mobile-fullscreen .blu-modal[data-v-580f03f0] .blu-modal__header {
box-shadow: var(--blu-modal-box-shadow)
}
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] {
top: 0
}
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] {
transition: all .3s
}
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] {
left: -100vh
}
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] {
transition: all .3s
}
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] {
right: -100vh
}
html:not([dark]) .b-mobile-fullscreen.b-desktop-right .blu-modal[data-v-580f03f0] {
left: revert;
right: 0
}
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] {
transition: all .3s
}
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] {
top: -100vh
}
html:not([dark]) .b-mobile-fullscreen.b-desktop-top .blu-modal[data-v-580f03f0] {
bottom: revert
}
}
html:not([dark]) .b-scrim[data-v-580f03f0] {
--blu-color-scrim-background: rgba(0, 0, 0, .6);
position: fixed;
top: 0;
left: 0;
z-index: 99;
width: 100%;
height: 100%;
background-color: var(--blu-color-scrim-background);
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
transition: opacity .3s;
opacity: 1
}
html:not([dark]) .fade-enter-active .b-scrim[data-v-580f03f0],
html:not([dark]) .fade-leave-active .b-scrim[data-v-580f03f0] {
transition: opacity .3s
}
html:not([dark]) .fade-enter-to .b-scrim[data-v-580f03f0] {
opacity: 1
}
html:not([dark]) .fade-leave-to .b-scrim[data-v-580f03f0] {
opacity: 0
}
html[dark] .blu-modal-wrapper[data-v-580f03f0] {
z-index: 100;
position: fixed
}
html[dark] .blu-modal[data-v-580f03f0] {
--blu-modal-box-shadow: inset 0 0 0 30000px rgba(109, 220, 255, .1019607843);
--blu-modal-color-background: #12171d;
--blu-modal-border-radius: 16px;
--blu-modal-opacity: 0;
--blu-modal-size-width: 100%;
--blu-modal-max-height: calc(100% - 16px);
position: fixed;
z-index: 101;
display: flex;
flex-direction: column;
width: var(--blu-modal-size-width);
max-height: var(--blu-modal-max-height);
max-width: var(--blu-modal-max-width);
box-sizing: border-box;
box-shadow: var(--blu-modal-box-shadow);
border-radius: var(--blu-modal-border-radius);
background-color: var(--blu-modal-color-background);
opacity: var(--blu-modal-opacity);
transition: all .3s
}
html[dark] .blu-modal [data-v-580f03f0] {
box-sizing: inherit
}
html[dark] .blu-modal.b-active[data-v-580f03f0] {
--blu-modal-opacity: 1
}
html[dark] .b-drawer.b-desktop-left .blu-modal[data-v-580f03f0],
html[dark] .b-drawer.b-desktop-right .blu-modal[data-v-580f03f0] {
--blu-modal-max-height: 100%;
height: 100%
}
html[dark] .b-status .blu-modal[data-v-580f03f0] {
border-bottom: 4px solid;
border-color: var(--blu-modal-color);
top: 50%;
left: 50%;
transform: translate(-50%, -50%)
}
html[dark] .b-status .blu-modal.b-info[data-v-580f03f0] {
--blu-modal-color: #4fa4ff
}
html[dark] .b-status .blu-modal.b-success[data-v-580f03f0] {
--blu-modal-color: #02c82b
}
html[dark] .b-status .blu-modal.b-alert[data-v-580f03f0] {
--blu-modal-color: #7e4704
}
html[dark] .b-status .blu-modal.b-danger[data-v-580f03f0] {
--blu-modal-color: #ff7373
}
@media screen and (min-width:840px),
print {
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] {
transition: all .3s
}
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] {
opacity: 0
}
html[dark] .blu-modal-wrapper:not(.b-drawer) .blu-modal[data-v-580f03f0] {
--blu-modal-max-height: 576px;
top: 50%;
left: 50%;
transform: translate(-50%, -50%)
}
html[dark] .blu-modal-wrapper:not(.b-drawer) .blu-modal.b-small-width[data-v-580f03f0] {
--blu-modal-size-width: 360px
}
html[dark] .blu-modal-wrapper:not(.b-drawer) .blu-modal.b-medium-width[data-v-580f03f0] {
--blu-modal-size-width: 600px
}
html[dark] .blu-modal-wrapper:not(.b-drawer) .blu-modal.b-large-width[data-v-580f03f0] {
--blu-modal-size-width: 800px
}
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] {
--blu-modal-size-width: 360px
}
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] {
--blu-modal-size-width: 600px
}
html[dark] .b-drawer.b-desktop-bottom .blu-modal[data-v-580f03f0],
html[dark] .b-drawer.b-desktop-top .blu-modal[data-v-580f03f0] {
--blu-modal-max-height: 576px
}
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] {
transition: all .3s
}
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] {
left: -100vh
}
html[dark] .b-drawer.b-desktop-left .blu-modal[data-v-580f03f0] {
height: 100vh;
left: 0;
top: 0;
bottom: 0;
border-radius: 0 var(--blu-modal-border-radius) var(--blu-modal-border-radius) 0
}
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] {
transition: all .3s
}
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] {
right: -100vh
}
html[dark] .b-drawer.b-desktop-right .blu-modal[data-v-580f03f0] {
height: 100vh;
right: 0;
top: 0;
bottom: 0;
border-radius: var(--blu-modal-border-radius) 0 0 var(--blu-modal-border-radius)
}
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] {
transition: all .3s
}
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] {
top: -100vh
}
html[dark] .b-drawer.b-desktop-top .blu-modal[data-v-580f03f0] {
top: 0;
left: 50%;
transform: translate(-50%);
border-radius: 0 0 var(--blu-modal-border-radius) var(--blu-modal-border-radius)
}
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] {
transition: all .3s
}
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] {
bottom: -100vh
}
html[dark] .b-drawer.b-desktop-bottom .blu-modal[data-v-580f03f0] {
bottom: 0;
left: 50%;
transform: translate(-50%);
border-radius: var(--blu-modal-border-radius) var(--blu-modal-border-radius) 0 0
}
}
@media screen and (max-width:839px) {
html[dark] .b-status .blu-modal[data-v-580f03f0] {
--blu-modal-size-width: calc(100% - 32px)
}
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] {
transition: all .3s
}
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] {
bottom: -100vh
}
html[dark] .blu-modal-wrapper:not(.b-status):not(.b-drawer):not(.b-mobile-fullscreen) .blu-modal[data-v-580f03f0] {
bottom: 0;
left: 50%;
transform: translate(-50%);
border-radius: var(--blu-modal-border-radius) var(--blu-modal-border-radius) 0 0
}
html[dark] .blu-modal-wrapper:not(.b-status):not(.b-drawer):not(.b-mobile-fullscreen) .blu-modal.b-max-width[data-v-580f03f0] {
--blu-modal-max-width: 600px
}
html[dark] .b-mobile-fullscreen.fade-enter-active[data-v-580f03f0],
html[dark] .b-mobile-fullscreen.fade-leave-active[data-v-580f03f0] {
transition: all .3s
}
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] {
bottom: -100vh
}
html[dark] .b-mobile-fullscreen .blu-modal[data-v-580f03f0] {
--blu-modal-max-height: 100%;
height: 100%;
width: 100%;
border-radius: unset;
bottom: 0;
left: 0;
transform: none
}
html[dark] .b-mobile-fullscreen .blu-modal[data-v-580f03f0] .blu-modal__header {
box-shadow: var(--blu-modal-box-shadow)
}
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] {
top: 0
}
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] {
transition: all .3s
}
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] {
left: -100vh
}
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] {
transition: all .3s
}
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] {
right: -100vh
}
html[dark] .b-mobile-fullscreen.b-desktop-right .blu-modal[data-v-580f03f0] {
left: revert;
right: 0
}
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] {
transition: all .3s
}
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] {
top: -100vh
}
html[dark] .b-mobile-fullscreen.b-desktop-top .blu-modal[data-v-580f03f0] {
bottom: revert
}
}
html[dark] .b-scrim[data-v-580f03f0] {
--blu-color-scrim-background: rgba(0, 0, 0, .6);
position: fixed;
top: 0;
left: 0;
z-index: 99;
width: 100%;
height: 100%;
background-color: var(--blu-color-scrim-background);
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
transition: opacity .3s;
opacity: 1
}
html[dark] .fade-enter-active .b-scrim[data-v-580f03f0],
html[dark] .fade-leave-active .b-scrim[data-v-580f03f0] {
transition: opacity .3s
}
html[dark] .fade-enter-to .b-scrim[data-v-580f03f0] {
opacity: 1
}
html[dark] .fade-leave-to .b-scrim[data-v-580f03f0] {
opacity: 0
}
</style>
<style>
html:not([dark]) .blu-modal__header[data-v-48938041] {
--blu-modal-header-text: 600 20px/24px Blibli, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif;
--blu-modal-header-color: #19222a;
--blu-modal-header-icon-color: #797f85;
--blu-modal-header-padding: 16px;
--blu-modal-header-gap: 4px;
padding: var(--blu-modal-header-padding);
color: var(--blu-modal-header-color)
}
@media screen and (max-width:839px) {
html:not([dark]) .blu-modal__header[data-v-48938041] {
--blu-modal-header-padding: 12px 16px
}
}
html:not([dark]) .blu-modal__header-main[data-v-48938041] {
display: flex;
width: 100%
}
html:not([dark]) .blu-modal__header-main [data-v-48938041]:not(:last-child):not(.blu-modal__header-main--item-leading) {
margin-right: var(--blu-modal-header-gap)
}
html:not([dark]) .blu-modal__header-main--title[data-v-48938041] {
font: var(--blu-modal-header-text);
margin: auto auto auto 0;
width: 100%;
overflow: hidden
}
@media screen and (max-width:839px) {
html:not([dark]) .blu-modal__header-main--title[data-v-48938041] {
--blu-modal-header-text: 600 16px/20px Blibli, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif
}
}
html:not([dark]) .blu-modal__header-main--item-leading[data-v-48938041],
html:not([dark]) .blu-modal__header-main--item-trailing[data-v-48938041] {
color: var(--blu-modal-header-icon-color);
display: flex;
cursor: pointer
}
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 {
padding: 4px;
box-sizing: content-box
}
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) {
margin-right: var(--blu-modal-header-gap)
}
@media screen and (min-width:840px),
print {
html:not([dark]) .blu-modal__header-main--item-leading[data-v-48938041] {
order: 3;
flex-direction: row-reverse;
margin-left: var(--blu-modal-header-gap)
}
}
@media screen and (max-width:839px) {
html:not([dark]) .blu-modal__header-main--item-leading[data-v-48938041] {
margin-right: var(--blu-modal-header-gap)
}
}
html:not([dark]) .blu-modal__header-main--item-trailing[data-v-48938041] {
margin-left: auto
}
html:not([dark]) .blu-modal__header-main--close-icon[data-v-48938041]:focus {
outline: 0
}
html:not([dark]) .blu-modal__header-main--close-icon[data-v-48938041]:focus-visible {
outline: 2px solid #19222a
}
html:not([dark]) .blu-modal__header.b-padding-top-0[data-v-48938041] {
padding-top: 0
}
html:not([dark]) .blu-modal__header.b-padding-bottom-0[data-v-48938041] {
padding-bottom: 0
}
html:not([dark]) .b-info .blu-modal__header[data-v-48938041] {
--blu-modal-icon-header-status: #0072ff;
--blu-modal-header-icon-spacing-gap: 4px 0 8px
}
html:not([dark]) .b-info .blu-modal__header-status-icon[data-v-48938041] {
color: var(--blu-modal-icon-header-status);
display: flex;
margin: var(--blu-modal-header-icon-spacing-gap)
}
html:not([dark]) .b-success .blu-modal__header[data-v-48938041] {
--blu-modal-icon-header-status: #1f912e;
--blu-modal-header-icon-spacing-gap: 4px 0 8px
}
html:not([dark]) .b-success .blu-modal__header-status-icon[data-v-48938041] {
color: var(--blu-modal-icon-header-status);
display: flex;
margin: var(--blu-modal-header-icon-spacing-gap)
}
html:not([dark]) .b-alert .blu-modal__header[data-v-48938041] {
--blu-modal-icon-header-status: #bc6e06;
--blu-modal-header-icon-spacing-gap: 4px 0 8px
}
html:not([dark]) .b-alert .blu-modal__header-status-icon[data-v-48938041] {
color: var(--blu-modal-icon-header-status);
display: flex;
margin: var(--blu-modal-header-icon-spacing-gap)
}
html:not([dark]) .b-danger .blu-modal__header[data-v-48938041] {
--blu-modal-icon-header-status: #e93c3c;
--blu-modal-header-icon-spacing-gap: 4px 0 8px
}
html:not([dark]) .b-danger .blu-modal__header-status-icon[data-v-48938041] {
color: var(--blu-modal-icon-header-status);
display: flex;
margin: var(--blu-modal-header-icon-spacing-gap)
}
html[dark] .blu-modal__header[data-v-48938041] {
--blu-modal-header-text: 600 20px/24px Blibli, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif;
--blu-modal-header-color: #ffffff;
--blu-modal-header-icon-color: #acb0b4;
--blu-modal-header-padding: 16px;
--blu-modal-header-gap: 4px;
padding: var(--blu-modal-header-padding);
color: var(--blu-modal-header-color)
}
@media screen and (max-width:839px) {
html[dark] .blu-modal__header[data-v-48938041] {
--blu-modal-header-padding: 12px 16px
}
}
html[dark] .blu-modal__header-main[data-v-48938041] {
display: flex;
width: 100%
}
html[dark] .blu-modal__header-main [data-v-48938041]:not(:last-child):not(.blu-modal__header-main--item-leading) {
margin-right: var(--blu-modal-header-gap)
}
html[dark] .blu-modal__header-main--title[data-v-48938041] {
font: var(--blu-modal-header-text);
margin: auto auto auto 0;
width: 100%;
overflow: hidden
}
@media screen and (max-width:839px) {
html[dark] .blu-modal__header-main--title[data-v-48938041] {
--blu-modal-header-text: 600 16px/20px Blibli, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif
}
}
html[dark] .blu-modal__header-main--item-leading[data-v-48938041],
html[dark] .blu-modal__header-main--item-trailing[data-v-48938041] {
color: var(--blu-modal-header-icon-color);
display: flex;
cursor: pointer
}
html[dark] .blu-modal__header-main--item-leading[data-v-48938041] svg,
html[dark] .blu-modal__header-main--item-trailing[data-v-48938041] svg {
padding: 4px;
box-sizing: content-box
}
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) {
margin-right: var(--blu-modal-header-gap)
}
@media screen and (min-width:840px),
print {
html[dark] .blu-modal__header-main--item-leading[data-v-48938041] {
order: 3;
flex-direction: row-reverse;
margin-left: var(--blu-modal-header-gap)
}
}
@media screen and (max-width:839px) {
html[dark] .blu-modal__header-main--item-leading[data-v-48938041] {
margin-right: var(--blu-modal-header-gap)
}
}
html[dark] .blu-modal__header-main--item-trailing[data-v-48938041] {
margin-left: auto
}
html[dark] .blu-modal__header-main--close-icon[data-v-48938041]:focus {
outline: 0
}
html[dark] .blu-modal__header-main--close-icon[data-v-48938041]:focus-visible {
outline: 2px solid #f9f9fa
}
html[dark] .blu-modal__header.b-padding-top-0[data-v-48938041] {
padding-top: 0
}
html[dark] .blu-modal__header.b-padding-bottom-0[data-v-48938041] {
padding-bottom: 0
}
html[dark] .b-info .blu-modal__header[data-v-48938041] {
--blu-modal-icon-header-status: #4fa4ff;
--blu-modal-header-icon-spacing-gap: 4px 0 8px
}
html[dark] .b-info .blu-modal__header-status-icon[data-v-48938041] {
color: var(--blu-modal-icon-header-status);
display: flex;
margin: var(--blu-modal-header-icon-spacing-gap)
}
html[dark] .b-success .blu-modal__header[data-v-48938041] {
--blu-modal-icon-header-status: #02c82b;
--blu-modal-header-icon-spacing-gap: 4px 0 8px
}
html[dark] .b-success .blu-modal__header-status-icon[data-v-48938041] {
color: var(--blu-modal-icon-header-status);
display: flex;
margin: var(--blu-modal-header-icon-spacing-gap)
}
html[dark] .b-alert .blu-modal__header[data-v-48938041] {
--blu-modal-icon-header-status: #f1ab02;
--blu-modal-header-icon-spacing-gap: 4px 0 8px
}
html[dark] .b-alert .blu-modal__header-status-icon[data-v-48938041] {
color: var(--blu-modal-icon-header-status);
display: flex;
margin: var(--blu-modal-header-icon-spacing-gap)
}
html[dark] .b-danger .blu-modal__header[data-v-48938041] {
--blu-modal-icon-header-status: #ff7373;
--blu-modal-header-icon-spacing-gap: 4px 0 8px
}
html[dark] .b-danger .blu-modal__header-status-icon[data-v-48938041] {
color: var(--blu-modal-icon-header-status);
display: flex;
margin: var(--blu-modal-header-icon-spacing-gap)
}
</style>
<style>
[data-v-ee0005ae],
[data-v-ee0005ae]:after,
[data-v-ee0005ae]:before {
box-sizing: border-box
}
html:not([dark]) .blu-modal__body[data-v-ee0005ae] {
--blu-modal-body-text: 500 16px/20px Blibli, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif;
--blu-modal-body-color: rgba(25, 34, 42, .7019607843);
--blu-modal-body-padding: 4px 16px 12px;
--blu-modal-body-addition-gap: 8px 16px;
font: var(--blu-modal-body-text);
color: var(--blu-modal-body-color);
display: flex;
flex-direction: column;
overscroll-behavior: contain
}
html:not([dark]) .blu-modal__body-content[data-v-ee0005ae] {
padding: var(--blu-modal-body-padding)
}
html:not([dark]) .blu-modal__body-addition[data-v-ee0005ae] {
padding: var(--blu-modal-body-addition-gap)
}
html:not([dark]) .blu-modal__body.b-has-no-padding[data-v-ee0005ae] {
--blu-modal-body-padding: 0
}
@media screen and (max-width:839px) {
html:not([dark]) .blu-modal__body[data-v-ee0005ae] {
--blu-modal-body-text: 500 14px/18px Blibli, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif
}
}
html:not([dark]) .b-overflow-y[data-v-ee0005ae] {
scrollbar-color: rgba(25, 34, 42, .3019607843) transparent;
scrollbar-width: thin
}
html:not([dark]) .b-overflow-y[data-v-ee0005ae]::-webkit-scrollbar {
width: 4px;
height: 8px;
background-color: transparent
}
html:not([dark]) .b-overflow-y[data-v-ee0005ae]::-webkit-scrollbar-track {
margin: 13px 0
}
html:not([dark]) .b-overflow-y[data-v-ee0005ae]::-webkit-scrollbar-thumb {
box-shadow: inset 0 0 14px 14px transparent;
border-radius: 4px;
background-color: #19222a4d;
scrollbar-color: rgba(25, 34, 42, .3019607843)
}
html:not([dark]) .b-overflow-y[data-v-ee0005ae]:hover::-webkit-scrollbar {
width: 4px
}
html:not([dark]) .b-overflow-y[data-v-ee0005ae]:hover::-webkit-scrollbar-track {
border: solid 2px transparent
}
html:not([dark]) .b-overflow-y[data-v-ee0005ae]:hover::-webkit-scrollbar-thumb:hover {
box-shadow: inset 0 0 14px 14px transparent;
background-color: #19222a4d;
scrollbar-color: rgba(25, 34, 42, .3019607843) transparent
}
html:not([dark]) .b-overflow-y[data-v-ee0005ae]::-webkit-scrollbar-track {
border-radius: 3px;
background-color: transparent
}
html:not([dark]) .b-overflow-y.hidden[data-v-ee0005ae] {
scrollbar-width: none
}
html:not([dark]) .b-overflow-y.hidden[data-v-ee0005ae]::-webkit-scrollbar-thumb {
border-radius: 4px;
background-color: transparent
}
html:not([dark]) .b-overflow-y.hidden[data-v-ee0005ae]:hover {
scrollbar-width: thin
}
html:not([dark]) .b-overflow-y.hidden[data-v-ee0005ae]:hover::-webkit-scrollbar-thumb {
box-shadow: inset 0 0 14px 14px transparent;
border-radius: 4px;
background-color: #19222a4d;
scrollbar-color: rgba(25, 34, 42, .3019607843) transparent
}
html:not([dark]) .b-overflow-y.hidden[data-v-ee0005ae]:hover::-webkit-scrollbar-thumb:hover {
box-shadow: inset 0 0 14px 14px transparent;
background-color: #19222a4d;
scrollbar-color: rgba(25, 34, 42, .3019607843) transparent
}
html:not([dark]) .b-overflow-y[data-v-ee0005ae] {
overflow-y: auto;
margin: 0
}
html[dark] .blu-modal__body[data-v-ee0005ae] {
--blu-modal-body-text: 500 16px/20px Blibli, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif;
--blu-modal-body-color: rgba(255, 255, 255, .8);
--blu-modal-body-padding: 4px 16px 12px;
--blu-modal-body-addition-gap: 8px 16px;
font: var(--blu-modal-body-text);
color: var(--blu-modal-body-color);
display: flex;
flex-direction: column;
overscroll-behavior: contain
}
html[dark] .blu-modal__body-content[data-v-ee0005ae] {
padding: var(--blu-modal-body-padding)
}
html[dark] .blu-modal__body-addition[data-v-ee0005ae] {
padding: var(--blu-modal-body-addition-gap)
}
html[dark] .blu-modal__body.b-has-no-padding[data-v-ee0005ae] {
--blu-modal-body-padding: 0
}
@media screen and (max-width:839px) {
html[dark] .blu-modal__body[data-v-ee0005ae] {
--blu-modal-body-text: 500 14px/18px Blibli, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif
}
}
html[dark] .b-overflow-y[data-v-ee0005ae] {
scrollbar-color: rgba(255, 255, 255, .3019607843) transparent;
scrollbar-width: thin
}
html[dark] .b-overflow-y[data-v-ee0005ae]::-webkit-scrollbar {
width: 4px;
height: 8px;
background-color: transparent
}
html[dark] .b-overflow-y[data-v-ee0005ae]::-webkit-scrollbar-track {
margin: 13px 0
}
html[dark] .b-overflow-y[data-v-ee0005ae]::-webkit-scrollbar-thumb {
box-shadow: inset 0 0 14px 14px transparent;
border-radius: 4px;
background-color: #ffffff4d;
scrollbar-color: rgba(255, 255, 255, .3019607843)
}
html[dark] .b-overflow-y[data-v-ee0005ae]:hover::-webkit-scrollbar {
width: 4px
}
html[dark] .b-overflow-y[data-v-ee0005ae]:hover::-webkit-scrollbar-track {
border: solid 2px transparent
}
html[dark] .b-overflow-y[data-v-ee0005ae]:hover::-webkit-scrollbar-thumb:hover {
box-shadow: inset 0 0 14px 14px transparent;
background-color: #ffffff4d;
scrollbar-color: rgba(255, 255, 255, .3019607843) transparent
}
html[dark] .b-overflow-y[data-v-ee0005ae]::-webkit-scrollbar-track {
border-radius: 3px;
background-color: transparent
}
html[dark] .b-overflow-y.hidden[data-v-ee0005ae] {
scrollbar-width: none
}
html[dark] .b-overflow-y.hidden[data-v-ee0005ae]::-webkit-scrollbar-thumb {
border-radius: 4px;
background-color: transparent
}
html[dark] .b-overflow-y.hidden[data-v-ee0005ae]:hover {
scrollbar-width: thin
}
html[dark] .b-overflow-y.hidden[data-v-ee0005ae]:hover::-webkit-scrollbar-thumb {
box-shadow: inset 0 0 14px 14px transparent;
border-radius: 4px;
background-color: #ffffff4d;
scrollbar-color: rgba(255, 255, 255, .3019607843) transparent
}
html[dark] .b-overflow-y.hidden[data-v-ee0005ae]:hover::-webkit-scrollbar-thumb:hover {
box-shadow: inset 0 0 14px 14px transparent;
background-color: #ffffff4d;
scrollbar-color: rgba(255, 255, 255, .3019607843) transparent
}
html[dark] .b-overflow-y[data-v-ee0005ae] {
overflow-y: auto;
margin: 0
}
</style>
<style>
html:not([dark]) .blu-modal__footer[data-v-1b4528ab] {
--blu-modal-footer-padding: 16px;
--blu-modal-footer-gap: 8px;
display: flex;
justify-content: flex-end;
padding: var(--blu-modal-footer-padding);
box-sizing: border-box;
margin-top: auto
}
html:not([dark]) .blu-modal__footer[data-v-1b4528ab]:not(.b-long-action) :not(:last-child) {
margin-right: var(--blu-modal-footer-gap)
}
html:not([dark]) .blu-modal__footer.b-long-action[data-v-1b4528ab] {
flex-direction: column-reverse
}
html:not([dark]) .blu-modal__footer.b-long-action[data-v-1b4528ab] :not(:first-child) {
margin-bottom: var(--blu-modal-footer-gap)
}
@media screen and (max-width:839px) {
html:not([dark]) .blu-modal__footer[data-v-1b4528ab] .blu-button {
width: 100%
}
}
html[dark] .blu-modal__footer[data-v-1b4528ab] {
--blu-modal-footer-padding: 16px;
--blu-modal-footer-gap: 8px;
display: flex;
justify-content: flex-end;
padding: var(--blu-modal-footer-padding);
box-sizing: border-box;
margin-top: auto
}
html[dark] .blu-modal__footer[data-v-1b4528ab]:not(.b-long-action) :not(:last-child) {
margin-right: var(--blu-modal-footer-gap)
}
html[dark] .blu-modal__footer.b-long-action[data-v-1b4528ab] {
flex-direction: column-reverse
}
html[dark] .blu-modal__footer.b-long-action[data-v-1b4528ab] :not(:first-child) {
margin-bottom: var(--blu-modal-footer-gap)
}
@media screen and (max-width:839px) {
html[dark] .blu-modal__footer[data-v-1b4528ab] .blu-button {
width: 100%
}
}
</style>
<style>
html:not([dark]) .blu-banner[data-v-2470b354] {
--blu-banner-action-text: 600 16px/20px Blibli, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif;
--blu-banner-desc-text: 500 16px/20px Blibli, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif;
--blu-banner-label-text: 600 16px/20px Blibli, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif;
--blu-banner-link-text: 500 16px/20px Blibli, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif;
--blu-banner-action-group-spacing-gap: 16px;
--blu-banner-action-group-spacing-padding: 8px 0;
--blu-banner-container-spacing-gap: 8px;
--blu-banner-spacing-gap: 8px;
--blu-banner-spacing-padding: 8px;
--blu-banner-icon-size: 24px;
--blu-banner-icon-close-color: #797f85;
--blu-banner-image-size: 40px;
display: flex;
padding: var(--blu-banner-spacing-padding);
background-color: var(--blu-banner-color-background);
border: 1px solid var(--blu-banner-color-border);
width: fit-content;
box-sizing: border-box;
border-radius: 8px
}
html:not([dark]) .blu-banner[data-v-2470b354]>:not(:last-child) {
margin-right: var(--blu-banner-spacing-gap)
}
html:not([dark]) .blu-banner[data-v-2470b354] svg {
width: var(--blu-banner-icon-size);
height: var(--blu-banner-icon-size);
flex-shrink: 0
}
html:not([dark]) .blu-banner[data-v-2470b354] img {
width: var(--blu-banner-image-size);
height: var(--blu-banner-image-size);
border-radius: 4px
}
html:not([dark]) .blu-banner[data-v-2470b354] a {
color: #006dea;
text-decoration: none
}
html:not([dark]) .blu-banner[data-v-2470b354] a:focus-visible {
outline: #19222a solid 2px
}
html:not([dark]) .blu-banner .status-icon[data-v-2470b354] {
color: var(--blu-banner-color-icon)
}
html:not([dark]) .blu-banner .close-icon[data-v-2470b354] {
cursor: pointer;
margin-left: auto;
color: var(--blu-banner-icon-close-color)
}
html:not([dark]) .blu-banner .close-icon[data-v-2470b354]:focus-visible {
outline: #19222a solid 2px
}
html:not([dark]) .blu-banner__label[data-v-2470b354] {
font: var(--blu-banner-label-text);
color: #19222a
}
html:not([dark]) .blu-banner__desc[data-v-2470b354] {
font: var(--blu-banner-desc-text);
color: #19222ab3
}
html:not([dark]) .blu-banner__desc[data-v-2470b354] a {
font: var(--blu-banner-link-text)
}
html:not([dark]) .blu-banner__container[data-v-2470b354] {
display: flex;
flex-direction: column;
justify-content: center
}
html:not([dark]) .blu-banner__container>[data-v-2470b354]:not(:last-child) {
margin-bottom: var(--blu-banner-container-spacing-gap)
}
html:not([dark]) .blu-banner__action-group[data-v-2470b354] {
display: flex
}
html:not([dark]) .blu-banner__action-group[data-v-2470b354] :not(:last-child) {
margin-right: var(--blu-banner-action-group-spacing-gap)
}
html:not([dark]) .blu-banner__action-group[data-v-2470b354] a {
padding: var(--blu-banner-action-group-spacing-padding);
font: var(--blu-banner-action-text)
}
html:not([dark]) .blu-banner.b-small[data-v-2470b354] {
--blu-banner-action-text: 600 14px/18px Blibli, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif;
--blu-banner-desc-text: 500 14px/18px Blibli, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif;
--blu-banner-label-text: 600 14px/18px Blibli, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif;
--blu-banner-link-text: 500 14px/18px Blibli, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif;
--blu-banner-action-group-spacing-gap: 16px;
--blu-banner-action-group-spacing-padding: 4px 0;
--blu-banner-container-spacing-gap: 8px;
--blu-banner-spacing-gap: 8px;
--blu-banner-spacing-padding: 8px 12px;
--blu-banner-icon-size: 18px;
--blu-banner-image-size: 32px
}
html:not([dark]) .blu-banner.b-horizontal .blu-banner__container[data-v-2470b354] {
flex-direction: row
}
html:not([dark]) .blu-banner.b-horizontal .blu-banner__container>[data-v-2470b354]:not(:last-child) {
margin-right: var(--blu-banner-container-spacing-gap);
margin-bottom: 0
}
html:not([dark]) .blu-banner.b-long-action .blu-banner__action-group[data-v-2470b354] {
flex-direction: column
}
html:not([dark]) .blu-banner.b-full-width[data-v-2470b354] {
width: 100%
}
html:not([dark]) .blu-banner.b-info[data-v-2470b354] {
--blu-banner-color-background: #f3f9ff;
--blu-banner-color-border: #b9deff;
--blu-banner-color-icon: #0072ff
}
html:not([dark]) .blu-banner.b-alert[data-v-2470b354] {
--blu-banner-color-background: #fff8e0;
--blu-banner-color-border: #fedd6c;
--blu-banner-color-icon: #bc6e06
}
html:not([dark]) .blu-banner.b-error[data-v-2470b354] {
--blu-banner-color-background: #fff5f5;
--blu-banner-color-border: #fecccb;
--blu-banner-color-icon: #e93c3c
}
html:not([dark]) .blu-banner.b-success[data-v-2470b354] {
--blu-banner-color-background: #effcf0;
--blu-banner-color-border: #b2efb9;
--blu-banner-color-icon: #1f912e
}
html:not([dark]) .blu-banner.b-general[data-v-2470b354] {
--blu-banner-color-background: #f9f9fa;
--blu-banner-color-border: #e1e3e4
}
html[dark] .blu-banner[data-v-2470b354] {
--blu-banner-action-text: 600 16px/20px Blibli, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif;
--blu-banner-desc-text: 500 16px/20px Blibli, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif;
--blu-banner-label-text: 600 16px/20px Blibli, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif;
--blu-banner-link-text: 500 16px/20px Blibli, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif;
--blu-banner-action-group-spacing-gap: 16px;
--blu-banner-action-group-spacing-padding: 8px 0;
--blu-banner-container-spacing-gap: 8px;
--blu-banner-spacing-gap: 8px;
--blu-banner-spacing-padding: 8px;
--blu-banner-icon-size: 24px;
--blu-banner-icon-close-color: #acb0b4;
--blu-banner-image-size: 40px;
display: flex;
padding: var(--blu-banner-spacing-padding);
background-color: var(--blu-banner-color-background);
border: 1px solid var(--blu-banner-color-border);
width: fit-content;
box-sizing: border-box;
border-radius: 8px
}
html[dark] .blu-banner[data-v-2470b354]>:not(:last-child) {
margin-right: var(--blu-banner-spacing-gap)
}
html[dark] .blu-banner[data-v-2470b354] svg {
width: var(--blu-banner-icon-size);
height: var(--blu-banner-icon-size);
flex-shrink: 0
}
html[dark] .blu-banner[data-v-2470b354] img {
width: var(--blu-banner-image-size);
height: var(--blu-banner-image-size);
border-radius: 4px
}
html[dark] .blu-banner[data-v-2470b354] a {
color: #4fa4ff;
text-decoration: none
}
html[dark] .blu-banner[data-v-2470b354] a:focus-visible {
outline: #f9f9fa solid 2px
}
html[dark] .blu-banner .status-icon[data-v-2470b354] {
color: var(--blu-banner-color-icon)
}
html[dark] .blu-banner .close-icon[data-v-2470b354] {
cursor: pointer;
margin-left: auto;
color: var(--blu-banner-icon-close-color)
}
html[dark] .blu-banner .close-icon[data-v-2470b354]:focus-visible {
outline: #f9f9fa solid 2px
}
html[dark] .blu-banner__label[data-v-2470b354] {
font: var(--blu-banner-label-text);
color: #fff
}
html[dark] .blu-banner__desc[data-v-2470b354] {
font: var(--blu-banner-desc-text);
color: #fffc
}
html[dark] .blu-banner__desc[data-v-2470b354] a {
font: var(--blu-banner-link-text)
}
html[dark] .blu-banner__container[data-v-2470b354] {
display: flex;
flex-direction: column;
justify-content: center
}
html[dark] .blu-banner__container>[data-v-2470b354]:not(:last-child) {
margin-bottom: var(--blu-banner-container-spacing-gap)
}
html[dark] .blu-banner__action-group[data-v-2470b354] {
display: flex
}
html[dark] .blu-banner__action-group[data-v-2470b354] :not(:last-child) {
margin-right: var(--blu-banner-action-group-spacing-gap)
}
html[dark] .blu-banner__action-group[data-v-2470b354] a {
padding: var(--blu-banner-action-group-spacing-padding);
font: var(--blu-banner-action-text)
}
html[dark] .blu-banner.b-small[data-v-2470b354] {
--blu-banner-action-text: 600 14px/18px Blibli, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif;
--blu-banner-desc-text: 500 14px/18px Blibli, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif;
--blu-banner-label-text: 600 14px/18px Blibli, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif;
--blu-banner-link-text: 500 14px/18px Blibli, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif;
--blu-banner-action-group-spacing-gap: 16px;
--blu-banner-action-group-spacing-padding: 4px 0;
--blu-banner-container-spacing-gap: 8px;
--blu-banner-spacing-gap: 8px;
--blu-banner-spacing-padding: 8px 12px;
--blu-banner-icon-size: 18px;
--blu-banner-image-size: 32px
}
html[dark] .blu-banner.b-horizontal .blu-banner__container[data-v-2470b354] {
flex-direction: row
}
html[dark] .blu-banner.b-horizontal .blu-banner__container>[data-v-2470b354]:not(:last-child) {
margin-right: var(--blu-banner-container-spacing-gap);
margin-bottom: 0
}
html[dark] .blu-banner.b-long-action .blu-banner__action-group[data-v-2470b354] {
flex-direction: column
}
html[dark] .blu-banner.b-full-width[data-v-2470b354] {
width: 100%
}
html[dark] .blu-banner.b-info[data-v-2470b354] {
--blu-banner-color-background: #002e7a;
--blu-banner-color-border: #0050bd;
--blu-banner-color-icon: #4fa4ff
}
html[dark] .blu-banner.b-alert[data-v-2470b354] {
--blu-banner-color-background: #4d2c02;
--blu-banner-color-border: #7e4704;
--blu-banner-color-icon: #f1ab02
}
html[dark] .blu-banner.b-error[data-v-2470b354] {
--blu-banner-color-background: #631818;
--blu-banner-color-border: #a32727;
--blu-banner-color-icon: #ff7373
}
html[dark] .blu-banner.b-success[data-v-2470b354] {
--blu-banner-color-background: #0d3c13;
--blu-banner-color-border: #15631f;
--blu-banner-color-icon: #02c82b
}
html[dark] .blu-banner.b-general[data-v-2470b354] {
--blu-banner-color-background: #19222a;
--blu-banner-color-border: #3b444c
}
</style>
<style>
html:not([dark]) .blu-loader-general[data-v-5f0af726] {
--blu-loader-general-highlight-color-background: #1d8fff;
--blu-loader-general-base-color-background: #f1f2f2;
width: var(--blu-loader-general-size);
height: var(--blu-loader-general-size)
}
html:not([dark]) .blu-loader-general__asset[data-v-5f0af726] {
animation: general-rotate-5f0af726 1.6s linear infinite;
transform-origin: center center;
transition: all .5s ease-in-out;
width: 100%;
height: 100%;
margin: auto;
transform: rotate(90deg)
}
html:not([dark]) .blu-loader-general__asset--base[data-v-5f0af726],
html:not([dark]) .blu-loader-general__asset--highlight[data-v-5f0af726] {
stroke-linecap: round
}
html:not([dark]) .blu-loader-general__asset--highlight[data-v-5f0af726] {
stroke: var(--blu-loader-general-highlight-color-background);
animation: general-highlight-5f0af726 1.6s linear infinite
}
html:not([dark]) .blu-loader-general__asset--base[data-v-5f0af726] {
stroke: var(--blu-loader-general-base-color-background);
animation: general-base-5f0af726 1.6s linear infinite
}
html:not([dark]) .blu-loader-general.b-inverted[data-v-5f0af726] {
--blu-loader-general-highlight-color-background: #ffffff;
--blu-loader-general-base-color-background: #c8cbcd
}
html:not([dark]) .blu-loader-general.b-size-s[data-v-5f0af726] {
--blu-loader-general-size: 16px
}
html:not([dark]) .blu-loader-general.b-size-m[data-v-5f0af726] {
--blu-loader-general-size: 18px
}
html:not([dark]) .blu-loader-general.b-size-l[data-v-5f0af726] {
--blu-loader-general-size: 24px
}
html:not([dark]) .blu-loader-general.b-size-xl[data-v-5f0af726] {
--blu-loader-general-size: 32px
}
html[dark] .blu-loader-general[data-v-5f0af726] {
--blu-loader-general-highlight-color-background: #4fa4ff;
--blu-loader-general-base-color-background: #28323b;
width: var(--blu-loader-general-size);
height: var(--blu-loader-general-size)
}
html[dark] .blu-loader-general__asset[data-v-5f0af726] {
animation: general-rotate-5f0af726 1.6s linear infinite;
transform-origin: center center;
transition: all .5s ease-in-out;
width: 100%;
height: 100%;
margin: auto;
transform: rotate(90deg)
}
html[dark] .blu-loader-general__asset--base[data-v-5f0af726],
html[dark] .blu-loader-general__asset--highlight[data-v-5f0af726] {
stroke-linecap: round
}
html[dark] .blu-loader-general__asset--highlight[data-v-5f0af726] {
stroke: var(--blu-loader-general-highlight-color-background);
animation: general-highlight-5f0af726 1.6s linear infinite
}
html[dark] .blu-loader-general__asset--base[data-v-5f0af726] {
stroke: var(--blu-loader-general-base-color-background);
animation: general-base-5f0af726 1.6s linear infinite
}
html[dark] .blu-loader-general.b-inverted[data-v-5f0af726] {
--blu-loader-general-highlight-color-background: #12171d;
--blu-loader-general-base-color-background: #60686e
}
html[dark] .blu-loader-general.b-size-s[data-v-5f0af726] {
--blu-loader-general-size: 16px
}
html[dark] .blu-loader-general.b-size-m[data-v-5f0af726] {
--blu-loader-general-size: 18px
}
html[dark] .blu-loader-general.b-size-l[data-v-5f0af726] {
--blu-loader-general-size: 24px
}
html[dark] .blu-loader-general.b-size-xl[data-v-5f0af726] {
--blu-loader-general-size: 32px
}
@keyframes general-highlight-5f0af726 {
0% {
stroke-dasharray: 1, 200;
stroke-dashoffset: 0
}
50% {
stroke-dasharray: 50, 200;
stroke-dashoffset: -15px
}
to {
stroke-dasharray: 50, 200;
stroke-dashoffset: -124px
}
}
@keyframes general-base-5f0af726 {
0% {
stroke-dasharray: 1, 200;
stroke-dashoffset: 0
}
to {
stroke-dasharray: 100, 200;
stroke-dashoffset: -120px
}
}
@keyframes general-rotate-5f0af726 {
to {
transform: rotate(450deg)
}
}
</style>
<style>
html:not([dark]) .b-overflow-y[data-v-7b49b436] {
scrollbar-color: rgba(25, 34, 42, .3019607843) transparent;
scrollbar-width: thin
}
html:not([dark]) .b-overflow-y[data-v-7b49b436]::-webkit-scrollbar {
width: 4px;
height: 8px;
background-color: transparent
}
html:not([dark]) .b-overflow-y[data-v-7b49b436]::-webkit-scrollbar-track {
margin: 13px 0
}
html:not([dark]) .b-overflow-y[data-v-7b49b436]::-webkit-scrollbar-thumb {
box-shadow: inset 0 0 14px 14px transparent;
border-radius: 4px;
background-color: #19222a4d;
scrollbar-color: rgba(25, 34, 42, .3019607843)
}
html:not([dark]) .b-overflow-y[data-v-7b49b436]:hover::-webkit-scrollbar {
width: 4px
}
html:not([dark]) .b-overflow-y[data-v-7b49b436]:hover::-webkit-scrollbar-track {
border: solid 2px transparent
}
html:not([dark]) .b-overflow-y[data-v-7b49b436]:hover::-webkit-scrollbar-thumb:hover {
box-shadow: inset 0 0 14px 14px transparent;
background-color: #19222a4d;
scrollbar-color: rgba(25, 34, 42, .3019607843) transparent
}
html:not([dark]) .b-overflow-y[data-v-7b49b436]::-webkit-scrollbar-track {
border-radius: 3px;
background-color: transparent
}
html:not([dark]) .b-overflow-y.hidden[data-v-7b49b436] {
scrollbar-width: none
}
html:not([dark]) .b-overflow-y.hidden[data-v-7b49b436]::-webkit-scrollbar-thumb {
border-radius: 4px;
background-color: transparent
}
html:not([dark]) .b-overflow-y.hidden[data-v-7b49b436]:hover {
scrollbar-width: thin
}
html:not([dark]) .b-overflow-y.hidden[data-v-7b49b436]:hover::-webkit-scrollbar-thumb {
box-shadow: inset 0 0 14px 14px transparent;
border-radius: 4px;
background-color: #19222a4d;
scrollbar-color: rgba(25, 34, 42, .3019607843) transparent
}
html:not([dark]) .b-overflow-y.hidden[data-v-7b49b436]:hover::-webkit-scrollbar-thumb:hover {
box-shadow: inset 0 0 14px 14px transparent;
background-color: #19222a4d;
scrollbar-color: rgba(25, 34, 42, .3019607843) transparent
}
html:not([dark]) .b-overflow-y[data-v-7b49b436] {
overflow-y: auto;
margin: 0
}
html:not([dark]) .blu-list__child .blu-list-group[data-v-7b49b436] {
overflow: hidden
}
html:not([dark]) .blu-list__child .blu-list-group[data-v-7b49b436]:not(.b-none):not(.b-group) .blu-list-item:first-child:before {
content: "";
position: absolute;
width: calc(100% - 16px);
left: 8px;
border-top: solid 1px #c8cbcd
}
html:not([dark]) .blu-list-group[data-v-7b49b436]:not(.b-none):not(.b-group)>.blu-list-item:not(:first-child):before {
border-top: solid 1px #c8cbcd;
content: "";
position: absolute;
width: calc(100% - 16px);
left: 8px
}
html:not([dark]) .blu-list-group.b-group[data-v-7b49b436]>.blu-list-item:last-child:after {
border-bottom: solid 1px #c8cbcd;
content: "";
position: absolute;
width: calc(100% - 16px);
left: 8px
}
html[dark] .b-overflow-y[data-v-7b49b436] {
scrollbar-color: rgba(255, 255, 255, .3019607843) transparent;
scrollbar-width: thin
}
html[dark] .b-overflow-y[data-v-7b49b436]::-webkit-scrollbar {
width: 4px;
height: 8px;
background-color: transparent
}
html[dark] .b-overflow-y[data-v-7b49b436]::-webkit-scrollbar-track {
margin: 13px 0
}
html[dark] .b-overflow-y[data-v-7b49b436]::-webkit-scrollbar-thumb {
box-shadow: inset 0 0 14px 14px transparent;
border-radius: 4px;
background-color: #ffffff4d;
scrollbar-color: rgba(255, 255, 255, .3019607843)
}
html[dark] .b-overflow-y[data-v-7b49b436]:hover::-webkit-scrollbar {
width: 4px
}
html[dark] .b-overflow-y[data-v-7b49b436]:hover::-webkit-scrollbar-track {
border: solid 2px transparent
}
html[dark] .b-overflow-y[data-v-7b49b436]:hover::-webkit-scrollbar-thumb:hover {
box-shadow: inset 0 0 14px 14px transparent;
background-color: #ffffff4d;
scrollbar-color: rgba(255, 255, 255, .3019607843) transparent
}
html[dark] .b-overflow-y[data-v-7b49b436]::-webkit-scrollbar-track {
border-radius: 3px;
background-color: transparent
}
html[dark] .b-overflow-y.hidden[data-v-7b49b436] {
scrollbar-width: none
}
html[dark] .b-overflow-y.hidden[data-v-7b49b436]::-webkit-scrollbar-thumb {
border-radius: 4px;
background-color: transparent
}
html[dark] .b-overflow-y.hidden[data-v-7b49b436]:hover {
scrollbar-width: thin
}
html[dark] .b-overflow-y.hidden[data-v-7b49b436]:hover::-webkit-scrollbar-thumb {
box-shadow: inset 0 0 14px 14px transparent;
border-radius: 4px;
background-color: #ffffff4d;
scrollbar-color: rgba(255, 255, 255, .3019607843) transparent
}
html[dark] .b-overflow-y.hidden[data-v-7b49b436]:hover::-webkit-scrollbar-thumb:hover {
box-shadow: inset 0 0 14px 14px transparent;
background-color: #ffffff4d;
scrollbar-color: rgba(255, 255, 255, .3019607843) transparent
}
html[dark] .b-overflow-y[data-v-7b49b436] {
overflow-y: auto;
margin: 0
}
html[dark] .blu-list__child .blu-list-group[data-v-7b49b436] {
overflow: hidden
}
html[dark] .blu-list__child .blu-list-group[data-v-7b49b436]:not(.b-none):not(.b-group) .blu-list-item:first-child:before {
content: "";
position: absolute;
width: calc(100% - 16px);
left: 8px;
border-top: solid 1px #60686e
}
html[dark] .blu-list-group[data-v-7b49b436]:not(.b-none):not(.b-group)>.blu-list-item:not(:first-child):before {
border-top: solid 1px #60686e;
content: "";
position: absolute;
width: calc(100% - 16px);
left: 8px
}
html[dark] .blu-list-group.b-group[data-v-7b49b436]>.blu-list-item:last-child:after {
border-bottom: solid 1px #60686e;
content: "";
position: absolute;
width: calc(100% - 16px);
left: 8px
}
</style>
<style>
html:not([dark]) .blu-checkbox[data-v-03e81a59] {
--blu-checkbox-spacing-padding: 4px 0;
--blu-checkbox-icon-size: 22px;
--blu-checkbox-icon-border-radius: 4px;
--blu-checkbox-icon-padding: 2px;
--blu-checkbox-container-border-radius: 4px;
--blu-checkbox-container-border-width: 1px;
--blu-checkbox-content-spacing-padding: 2px 0;
--blu-checkbox-label-text: 500 14px/18px Blibli, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif;
--blu-checkbox-container-color-border: #c8cbcd;
--blu-checkbox-label-color-text: rgba(25, 34, 42, .7019607843);
--blu-checkbox-cursor: pointer;
--blu-checkbox-asset-color-border: #ffffff;
display: inline-flex;
position: relative;
padding: var(--blu-checkbox-spacing-padding);
outline: 0
}
html:not([dark]) .blu-checkbox [data-v-03e81a59],
html:not([dark]) .blu-checkbox[data-v-03e81a59] {
cursor: var(--blu-checkbox-cursor)
}
html:not([dark]) .blu-checkbox>[data-v-03e81a59]:not(:last-child) {
margin-right: 4px
}
html:not([dark]) .blu-checkbox input[type=checkbox][data-v-03e81a59] {
display: none
}
html:not([dark]) .blu-checkbox__icon[data-v-03e81a59] {
box-sizing: border-box;
width: var(--blu-checkbox-icon-size);
height: var(--blu-checkbox-icon-size);
border-radius: var(--blu-checkbox-icon-border-radius);
padding: var(--blu-checkbox-icon-padding);
background: var(--blu-checkbox-icon-color-background);
box-shadow: inset 0 0 0 var(--blu-checkbox-icon-border-width);
color: var(--blu-checkbox-icon-color-border);
flex-shrink: 0
}
html:not([dark]) .blu-checkbox__container[data-v-03e81a59] {
display: flex;
align-items: center;
justify-content: center;
width: 100%;
height: 100%;
border-radius: var(--blu-checkbox-container-border-radius);
box-shadow: inset 0 0 0 var(--blu-checkbox-container-border-width);
color: var(--blu-checkbox-container-color-border);
background: var(--blu-checkbox-container-color-background)
}
html:not([dark]) .blu-checkbox__container .blu-checkbox__container-asset[data-v-03e81a59] {
transform: rotate(-45deg) translateY(-4px) translate(-3px)
}
html:not([dark]) .blu-checkbox__container .blu-checkbox__container-asset[data-v-03e81a59]:after,
html:not([dark]) .blu-checkbox__container .blu-checkbox__container-asset[data-v-03e81a59]:before {
position: absolute;
content: "";
opacity: 0;
border-radius: 4px
}
html:not([dark]) .blu-checkbox__container .blu-checkbox__container-asset[data-v-03e81a59]:before {
height: 0
}
html:not([dark]) .blu-checkbox__container .blu-checkbox__container-asset[data-v-03e81a59]:before {
width: 2px
}
html:not([dark]) .blu-checkbox__container .blu-checkbox__container-asset[data-v-03e81a59]:after {
width: 0;
height: 2px;
transform: translateY(4px)
}
html:not([dark]) .blu-checkbox__content[data-v-03e81a59] {
display: flex;
flex-direction: column;
padding: var(--blu-checkbox-content-spacing-padding);
font: var(--blu-checkbox-label-text);
color: var(--blu-checkbox-label-color-text)
}
html:not([dark]) .blu-checkbox__content>[data-v-03e81a59]:not(:last-child) {
margin-bottom: 4px
}
html:not([dark]) .blu-checkbox[data-v-03e81a59]:not(.b-disabled):hover {
--blu-checkbox-icon-color-background: #f9f9fa
}
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] {
--blu-checkbox-icon-color-background: #f3f9ff
}
html:not([dark]) .blu-checkbox.b-error>input[type=checkbox]:not(:checked):not(:indeterminate)~.blu-checkbox__icon[data-v-03e81a59] {
--blu-checkbox-container-color-border: #ff4646
}
html:not([dark]) .blu-checkbox.b-error>input[type=checkbox]:not(:checked):not(:indeterminate)~.blu-checkbox__content[data-v-03e81a59] {
--blu-checkbox-label-color-text: #d33534
}
html:not([dark]) .blu-checkbox input[type=checkbox]:checked~.blu-checkbox__icon[data-v-03e81a59] {
--blu-checkbox-container-color-background: #1d8fff;
--blu-checkbox-container-color-border: #1d8fff
}
html:not([dark]) .blu-checkbox input[type=checkbox]:checked~.blu-checkbox__icon .blu-checkbox__container[data-v-03e81a59] {
animation: bounce-03e81a59 .3s ease-out
}
html:not([dark]) .blu-checkbox input[type=checkbox]:checked~.blu-checkbox__icon .blu-checkbox__container-asset[data-v-03e81a59] {
visibility: visible
}
html:not([dark]) .blu-checkbox input[type=checkbox]:checked~.blu-checkbox__icon .blu-checkbox__container-asset[data-v-03e81a59]:after,
html:not([dark]) .blu-checkbox input[type=checkbox]:checked~.blu-checkbox__icon .blu-checkbox__container-asset[data-v-03e81a59]:before {
background: var(--blu-checkbox-asset-color-border);
opacity: 1;
transition: all .1s .1s
}
html:not([dark]) .blu-checkbox input[type=checkbox]:checked~.blu-checkbox__icon .blu-checkbox__container-asset[data-v-03e81a59]:before {
height: 6px
}
html:not([dark]) .blu-checkbox input[type=checkbox]:checked~.blu-checkbox__icon .blu-checkbox__container-asset[data-v-03e81a59]:after {
width: 8px
}
html:not([dark]) .blu-checkbox[data-v-03e81a59]:not(.b-disabled):focus-visible {
--blu-checkbox-icon-color-background: #f9f9fa;
--blu-checkbox-icon-color-border: #19222a
}
html:not([dark]) .blu-checkbox[data-v-03e81a59]:not(.b-disabled):focus-visible:not(.b-small) {
--blu-checkbox-icon-border-width: 2px
}
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] {
--blu-checkbox-icon-color-background: #f3f9ff
}
html:not([dark]) .blu-checkbox.b-disabled[data-v-03e81a59] {
--blu-checkbox-cursor: not-allowed;
--blu-checkbox-container-color-border: #f1f2f2;
--blu-checkbox-label-color-text: rgba(25, 34, 42, .3019607843);
--blu-checkbox-asset-color-border: #ffffff;
--blu-checkbox-container-color-background: #f9f9fa;
user-select: auto
}
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] {
--blu-checkbox-container-color-border: transparent;
--blu-checkbox-container-color-background: rgba(25, 34, 42, .3019607843)
}
html:not([dark]) .blu-checkbox.b-small[data-v-03e81a59] {
--blu-checkbox-icon-size: 18px;
--blu-checkbox-icon-padding: 2px;
--blu-checkbox-icon-border-radius: 4px;
--blu-checkbox-container-border-radius: 4px;
--blu-checkbox-container-border-width: 1px;
--blu-checkbox-content-spacing-padding: 0;
--blu-checkbox-label-text: 500 14px/18px Blibli, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif;
--blu-checkbox-spacing-padding: 3px 0
}
html:not([dark]) .blu-checkbox.b-small[data-v-03e81a59]:focus-visible {
--blu-checkbox-icon-border-width: 2px
}
html:not([dark]) .blu-checkbox.b-small .blu-checkbox__container-asset[data-v-03e81a59] {
transform: rotate(-49deg) translateY(-4px) translate(-2px)
}
html:not([dark]) .blu-checkbox.b-small .blu-checkbox__container-asset[data-v-03e81a59]:after,
html:not([dark]) .blu-checkbox.b-small .blu-checkbox__container-asset[data-v-03e81a59]:before {
position: absolute;
content: "";
opacity: 0;
border-radius: 4px
}
html:not([dark]) .blu-checkbox.b-small .blu-checkbox__container-asset[data-v-03e81a59]:before {
height: 0
}
html:not([dark]) .blu-checkbox.b-small .blu-checkbox__container-asset[data-v-03e81a59]:before {
top: 1px
}
html:not([dark]) .blu-checkbox.b-small input[type=checkbox]:checked~.blu-checkbox__icon .blu-checkbox__container[data-v-03e81a59] {
animation: bounce-03e81a59 .3s ease-out
}
html:not([dark]) .blu-checkbox.b-small input[type=checkbox]:checked~.blu-checkbox__icon .blu-checkbox__container-asset[data-v-03e81a59] {
visibility: visible
}
html:not([dark]) .blu-checkbox.b-small input[type=checkbox]:checked~.blu-checkbox__icon .blu-checkbox__container-asset[data-v-03e81a59]:after,
html:not([dark]) .blu-checkbox.b-small input[type=checkbox]:checked~.blu-checkbox__icon .blu-checkbox__container-asset[data-v-03e81a59]:before {
background: var(--blu-checkbox-asset-color-border);
opacity: 1;
transition: all .1s .1s
}
html:not([dark]) .blu-checkbox.b-small input[type=checkbox]:checked~.blu-checkbox__icon .blu-checkbox__container-asset[data-v-03e81a59]:before {
height: 4px
}
html:not([dark]) .blu-checkbox.b-small input[type=checkbox]:checked~.blu-checkbox__icon .blu-checkbox__container-asset[data-v-03e81a59]:after {
width: 6px
}
html:not([dark]) .blu-checkbox.b-small.b-partial .blu-checkbox__container-asset[data-v-03e81a59] {
transform: rotate(90deg) translateY(-5px) translate(-1px)
}
html:not([dark]) .blu-checkbox.b-small.b-partial .blu-checkbox__container-asset[data-v-03e81a59]:after,
html:not([dark]) .blu-checkbox.b-small.b-partial .blu-checkbox__container-asset[data-v-03e81a59]:before {
position: absolute;
content: "";
opacity: 0;
border-radius: 4px
}
html:not([dark]) .blu-checkbox.b-small.b-partial .blu-checkbox__container-asset[data-v-03e81a59]:before {
height: 0
}
html:not([dark]) .blu-checkbox.b-partial[data-v-03e81a59] {
--blu-checkbox-container-color-background: #1d8fff;
--blu-checkbox-container-color-border: #1d8fff
}
html:not([dark]) .blu-checkbox.b-partial .blu-checkbox__container-asset[data-v-03e81a59] {
transform: rotate(90deg) translateY(-4px) translate(-1px)
}
html:not([dark]) .blu-checkbox.b-partial .blu-checkbox__container-asset[data-v-03e81a59]:after,
html:not([dark]) .blu-checkbox.b-partial .blu-checkbox__container-asset[data-v-03e81a59]:before {
position: absolute;
content: "";
opacity: 0;
border-radius: 4px
}
html:not([dark]) .blu-checkbox.b-partial .blu-checkbox__container-asset[data-v-03e81a59]:before {
height: 0
}
html:not([dark]) .blu-checkbox.b-partial .blu-checkbox__container-asset[data-v-03e81a59]:before {
width: 2px
}
html:not([dark]) .blu-checkbox.b-partial .blu-checkbox__container-asset[data-v-03e81a59]:after {
display: none
}
html:not([dark]) .blu-checkbox.b-partial input[type=checkbox]:indeterminate+.blu-checkbox__icon .blu-checkbox__container[data-v-03e81a59] {
animation: bounce-03e81a59 .3s ease-out
}
html:not([dark]) .blu-checkbox.b-partial input[type=checkbox]:indeterminate+.blu-checkbox__icon .blu-checkbox__container-asset[data-v-03e81a59] {
visibility: visible
}
html:not([dark]) .blu-checkbox.b-partial input[type=checkbox]:indeterminate+.blu-checkbox__icon .blu-checkbox__container-asset[data-v-03e81a59]:after,
html:not([dark]) .blu-checkbox.b-partial input[type=checkbox]:indeterminate+.blu-checkbox__icon .blu-checkbox__container-asset[data-v-03e81a59]:before {
background: var(--blu-checkbox-asset-color-border);
opacity: 1;
transition: all .1s .1s
}
html:not([dark]) .blu-checkbox.b-partial input[type=checkbox]:indeterminate+.blu-checkbox__icon .blu-checkbox__container-asset[data-v-03e81a59]:before {
height: 8px
}
@keyframes bounce-03e81a59 {
25% {
transform: scale(.9)
}
50% {
transform: scale(1.1)
}
}
html[dark] .blu-checkbox[data-v-03e81a59] {
--blu-checkbox-spacing-padding: 4px 0;
--blu-checkbox-icon-size: 22px;
--blu-checkbox-icon-border-radius: 4px;
--blu-checkbox-icon-padding: 2px;
--blu-checkbox-container-border-radius: 4px;
--blu-checkbox-container-border-width: 1px;
--blu-checkbox-content-spacing-padding: 2px 0;
--blu-checkbox-label-text: 500 14px/18px Blibli, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif;
--blu-checkbox-container-color-border: #60686e;
--blu-checkbox-label-color-text: rgba(255, 255, 255, .8);
--blu-checkbox-cursor: pointer;
--blu-checkbox-asset-color-border: #ffffff;
display: inline-flex;
position: relative;
padding: var(--blu-checkbox-spacing-padding);
outline: 0
}
html[dark] .blu-checkbox [data-v-03e81a59],
html[dark] .blu-checkbox[data-v-03e81a59] {
cursor: var(--blu-checkbox-cursor)
}
html[dark] .blu-checkbox>[data-v-03e81a59]:not(:last-child) {
margin-right: 4px
}
html[dark] .blu-checkbox input[type=checkbox][data-v-03e81a59] {
display: none
}
html[dark] .blu-checkbox__icon[data-v-03e81a59] {
box-sizing: border-box;
width: var(--blu-checkbox-icon-size);
height: var(--blu-checkbox-icon-size);
border-radius: var(--blu-checkbox-icon-border-radius);
padding: var(--blu-checkbox-icon-padding);
background: var(--blu-checkbox-icon-color-background);
box-shadow: inset 0 0 0 var(--blu-checkbox-icon-border-width);
color: var(--blu-checkbox-icon-color-border);
flex-shrink: 0
}
html[dark] .blu-checkbox__container[data-v-03e81a59] {
display: flex;
align-items: center;
justify-content: center;
width: 100%;
height: 100%;
border-radius: var(--blu-checkbox-container-border-radius);
box-shadow: inset 0 0 0 var(--blu-checkbox-container-border-width);
color: var(--blu-checkbox-container-color-border);
background: var(--blu-checkbox-container-color-background)
}
html[dark] .blu-checkbox__container .blu-checkbox__container-asset[data-v-03e81a59] {
transform: rotate(-45deg) translateY(-4px) translate(-3px)
}
html[dark] .blu-checkbox__container .blu-checkbox__container-asset[data-v-03e81a59]:after,
html[dark] .blu-checkbox__container .blu-checkbox__container-asset[data-v-03e81a59]:before {
position: absolute;
content: "";
opacity: 0;
border-radius: 4px
}
html[dark] .blu-checkbox__container .blu-checkbox__container-asset[data-v-03e81a59]:before {
height: 0
}
html[dark] .blu-checkbox__container .blu-checkbox__container-asset[data-v-03e81a59]:before {
width: 2px
}
html[dark] .blu-checkbox__container .blu-checkbox__container-asset[data-v-03e81a59]:after {
width: 0;
height: 2px;
transform: translateY(4px)
}
html[dark] .blu-checkbox__content[data-v-03e81a59] {
display: flex;
flex-direction: column;
padding: var(--blu-checkbox-content-spacing-padding);
font: var(--blu-checkbox-label-text);
color: var(--blu-checkbox-label-color-text)
}
html[dark] .blu-checkbox__content>[data-v-03e81a59]:not(:last-child) {
margin-bottom: 4px
}
html[dark] .blu-checkbox[data-v-03e81a59]:not(.b-disabled):hover {
--blu-checkbox-icon-color-background: #19222a
}
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] {
--blu-checkbox-icon-color-background: #002e7a
}
html[dark] .blu-checkbox.b-error>input[type=checkbox]:not(:checked):not(:indeterminate)~.blu-checkbox__icon[data-v-03e81a59] {
--blu-checkbox-container-color-border: #ff7373
}
html[dark] .blu-checkbox.b-error>input[type=checkbox]:not(:checked):not(:indeterminate)~.blu-checkbox__content[data-v-03e81a59] {
--blu-checkbox-label-color-text: #ff7373
}
html[dark] .blu-checkbox input[type=checkbox]:checked~.blu-checkbox__icon[data-v-03e81a59] {
--blu-checkbox-container-color-background: #1d8fff;
--blu-checkbox-container-color-border: #1d8fff
}
html[dark] .blu-checkbox input[type=checkbox]:checked~.blu-checkbox__icon .blu-checkbox__container[data-v-03e81a59] {
animation: bounce-03e81a59 .3s ease-out
}
html[dark] .blu-checkbox input[type=checkbox]:checked~.blu-checkbox__icon .blu-checkbox__container-asset[data-v-03e81a59] {
visibility: visible
}
html[dark] .blu-checkbox input[type=checkbox]:checked~.blu-checkbox__icon .blu-checkbox__container-asset[data-v-03e81a59]:after,
html[dark] .blu-checkbox input[type=checkbox]:checked~.blu-checkbox__icon .blu-checkbox__container-asset[data-v-03e81a59]:before {
background: var(--blu-checkbox-asset-color-border);
opacity: 1;
transition: all .1s .1s
}
html[dark] .blu-checkbox input[type=checkbox]:checked~.blu-checkbox__icon .blu-checkbox__container-asset[data-v-03e81a59]:before {
height: 6px
}
html[dark] .blu-checkbox input[type=checkbox]:checked~.blu-checkbox__icon .blu-checkbox__container-asset[data-v-03e81a59]:after {
width: 8px
}
html[dark] .blu-checkbox[data-v-03e81a59]:not(.b-disabled):focus-visible {
--blu-checkbox-icon-color-background: #19222a;
--blu-checkbox-icon-color-border: #f9f9fa
}
html[dark] .blu-checkbox[data-v-03e81a59]:not(.b-disabled):focus-visible:not(.b-small) {
--blu-checkbox-icon-border-width: 2px
}
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] {
--blu-checkbox-icon-color-background: #002e7a
}
html[dark] .blu-checkbox.b-disabled[data-v-03e81a59] {
--blu-checkbox-cursor: not-allowed;
--blu-checkbox-container-color-border: #28323b;
--blu-checkbox-label-color-text: rgba(255, 255, 255, .3019607843);
--blu-checkbox-asset-color-border: #12171d;
--blu-checkbox-container-color-background: #19222a;
user-select: auto
}
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] {
--blu-checkbox-container-color-border: transparent;
--blu-checkbox-container-color-background: rgba(255, 255, 255, .3019607843)
}
html[dark] .blu-checkbox.b-small[data-v-03e81a59] {
--blu-checkbox-icon-size: 18px;
--blu-checkbox-icon-padding: 2px;
--blu-checkbox-icon-border-radius: 4px;
--blu-checkbox-container-border-radius: 4px;
--blu-checkbox-container-border-width: 1px;
--blu-checkbox-content-spacing-padding: 0;
--blu-checkbox-label-text: 500 14px/18px Blibli, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif;
--blu-checkbox-spacing-padding: 3px 0
}
html[dark] .blu-checkbox.b-small[data-v-03e81a59]:focus-visible {
--blu-checkbox-icon-border-width: 2px
}
html[dark] .blu-checkbox.b-small .blu-checkbox__container-asset[data-v-03e81a59] {
transform: rotate(-49deg) translateY(-4px) translate(-2px)
}
html[dark] .blu-checkbox.b-small .blu-checkbox__container-asset[data-v-03e81a59]:after,
html[dark] .blu-checkbox.b-small .blu-checkbox__container-asset[data-v-03e81a59]:before {
position: absolute;
content: "";
opacity: 0;
border-radius: 4px
}
html[dark] .blu-checkbox.b-small .blu-checkbox__container-asset[data-v-03e81a59]:before {
height: 0
}
html[dark] .blu-checkbox.b-small .blu-checkbox__container-asset[data-v-03e81a59]:before {
top: 1px
}
html[dark] .blu-checkbox.b-small input[type=checkbox]:checked~.blu-checkbox__icon .blu-checkbox__container[data-v-03e81a59] {
animation: bounce-03e81a59 .3s ease-out
}
html[dark] .blu-checkbox.b-small input[type=checkbox]:checked~.blu-checkbox__icon .blu-checkbox__container-asset[data-v-03e81a59] {
visibility: visible
}
html[dark] .blu-checkbox.b-small input[type=checkbox]:checked~.blu-checkbox__icon .blu-checkbox__container-asset[data-v-03e81a59]:after,
html[dark] .blu-checkbox.b-small input[type=checkbox]:checked~.blu-checkbox__icon .blu-checkbox__container-asset[data-v-03e81a59]:before {
background: var(--blu-checkbox-asset-color-border);
opacity: 1;
transition: all .1s .1s
}
html[dark] .blu-checkbox.b-small input[type=checkbox]:checked~.blu-checkbox__icon .blu-checkbox__container-asset[data-v-03e81a59]:before {
height: 4px
}
html[dark] .blu-checkbox.b-small input[type=checkbox]:checked~.blu-checkbox__icon .blu-checkbox__container-asset[data-v-03e81a59]:after {
width: 6px
}
html[dark] .blu-checkbox.b-small.b-partial .blu-checkbox__container-asset[data-v-03e81a59] {
transform: rotate(90deg) translateY(-5px) translate(-1px)
}
html[dark] .blu-checkbox.b-small.b-partial .blu-checkbox__container-asset[data-v-03e81a59]:after,
html[dark] .blu-checkbox.b-small.b-partial .blu-checkbox__container-asset[data-v-03e81a59]:before {
position: absolute;
content: "";
opacity: 0;
border-radius: 4px
}
html[dark] .blu-checkbox.b-small.b-partial .blu-checkbox__container-asset[data-v-03e81a59]:before {
height: 0
}
html[dark] .blu-checkbox.b-partial[data-v-03e81a59] {
--blu-checkbox-container-color-background: #1d8fff;
--blu-checkbox-container-color-border: #1d8fff
}
html[dark] .blu-checkbox.b-partial .blu-checkbox__container-asset[data-v-03e81a59] {
transform: rotate(90deg) translateY(-4px) translate(-1px)
}
html[dark] .blu-checkbox.b-partial .blu-checkbox__container-asset[data-v-03e81a59]:after,
html[dark] .blu-checkbox.b-partial .blu-checkbox__container-asset[data-v-03e81a59]:before {
position: absolute;
content: "";
opacity: 0;
border-radius: 4px
}
html[dark] .blu-checkbox.b-partial .blu-checkbox__container-asset[data-v-03e81a59]:before {
height: 0
}
html[dark] .blu-checkbox.b-partial .blu-checkbox__container-asset[data-v-03e81a59]:before {
width: 2px
}
html[dark] .blu-checkbox.b-partial .blu-checkbox__container-asset[data-v-03e81a59]:after {
display: none
}
html[dark] .blu-checkbox.b-partial input[type=checkbox]:indeterminate+.blu-checkbox__icon .blu-checkbox__container[data-v-03e81a59] {
animation: bounce-03e81a59 .3s ease-out
}
html[dark] .blu-checkbox.b-partial input[type=checkbox]:indeterminate+.blu-checkbox__icon .blu-checkbox__container-asset[data-v-03e81a59] {
visibility: visible
}
html[dark] .blu-checkbox.b-partial input[type=checkbox]:indeterminate+.blu-checkbox__icon .blu-checkbox__container-asset[data-v-03e81a59]:after,
html[dark] .blu-checkbox.b-partial input[type=checkbox]:indeterminate+.blu-checkbox__icon .blu-checkbox__container-asset[data-v-03e81a59]:before {
background: var(--blu-checkbox-asset-color-border);
opacity: 1;
transition: all .1s .1s
}
html[dark] .blu-checkbox.b-partial input[type=checkbox]:indeterminate+.blu-checkbox__icon .blu-checkbox__container-asset[data-v-03e81a59]:before {
height: 8px
}
html:not([dark]) .blu-loader-general[data-v-5f0af726] {
--blu-loader-general-highlight-color-background: #1d8fff;
--blu-loader-general-base-color-background: #f1f2f2;
width: var(--blu-loader-general-size);
height: var(--blu-loader-general-size)
}
html:not([dark]) .blu-loader-general__asset[data-v-5f0af726] {
animation: general-rotate-5f0af726 1.6s linear infinite;
transform-origin: center center;
transition: all .5s ease-in-out;
width: 100%;
height: 100%;
margin: auto;
transform: rotate(90deg)
}
html:not([dark]) .blu-loader-general__asset--base[data-v-5f0af726],
html:not([dark]) .blu-loader-general__asset--highlight[data-v-5f0af726] {
stroke-linecap: round
}
html:not([dark]) .blu-loader-general__asset--highlight[data-v-5f0af726] {
stroke: var(--blu-loader-general-highlight-color-background);
animation: general-highlight-5f0af726 1.6s linear infinite
}
html:not([dark]) .blu-loader-general__asset--base[data-v-5f0af726] {
stroke: var(--blu-loader-general-base-color-background);
animation: general-base-5f0af726 1.6s linear infinite
}
html:not([dark]) .blu-loader-general.b-inverted[data-v-5f0af726] {
--blu-loader-general-highlight-color-background: #ffffff;
--blu-loader-general-base-color-background: #c8cbcd
}
html:not([dark]) .blu-loader-general.b-size-s[data-v-5f0af726] {
--blu-loader-general-size: 16px
}
html:not([dark]) .blu-loader-general.b-size-m[data-v-5f0af726] {
--blu-loader-general-size: 18px
}
html:not([dark]) .blu-loader-general.b-size-l[data-v-5f0af726] {
--blu-loader-general-size: 24px
}
html:not([dark]) .blu-loader-general.b-size-xl[data-v-5f0af726] {
--blu-loader-general-size: 32px
}
html[dark] .blu-loader-general[data-v-5f0af726] {
--blu-loader-general-highlight-color-background: #4fa4ff;
--blu-loader-general-base-color-background: #28323b;
width: var(--blu-loader-general-size);
height: var(--blu-loader-general-size)
}
html[dark] .blu-loader-general__asset[data-v-5f0af726] {
animation: general-rotate-5f0af726 1.6s linear infinite;
transform-origin: center center;
transition: all .5s ease-in-out;
width: 100%;
height: 100%;
margin: auto;
transform: rotate(90deg)
}
html[dark] .blu-loader-general__asset--base[data-v-5f0af726],
html[dark] .blu-loader-general__asset--highlight[data-v-5f0af726] {
stroke-linecap: round
}
html[dark] .blu-loader-general__asset--highlight[data-v-5f0af726] {
stroke: var(--blu-loader-general-highlight-color-background);
animation: general-highlight-5f0af726 1.6s linear infinite
}
html[dark] .blu-loader-general__asset--base[data-v-5f0af726] {
stroke: var(--blu-loader-general-base-color-background);
animation: general-base-5f0af726 1.6s linear infinite
}
html[dark] .blu-loader-general.b-inverted[data-v-5f0af726] {
--blu-loader-general-highlight-color-background: #12171d;
--blu-loader-general-base-color-background: #60686e
}
html[dark] .blu-loader-general.b-size-s[data-v-5f0af726] {
--blu-loader-general-size: 16px
}
html[dark] .blu-loader-general.b-size-m[data-v-5f0af726] {
--blu-loader-general-size: 18px
}
html[dark] .blu-loader-general.b-size-l[data-v-5f0af726] {
--blu-loader-general-size: 24px
}
html[dark] .blu-loader-general.b-size-xl[data-v-5f0af726] {
--blu-loader-general-size: 32px
}
@keyframes general-highlight-5f0af726 {
0% {
stroke-dasharray: 1, 200;
stroke-dashoffset: 0
}
50% {
stroke-dasharray: 50, 200;
stroke-dashoffset: -15px
}
to {
stroke-dasharray: 50, 200;
stroke-dashoffset: -124px
}
}
@keyframes general-base-5f0af726 {
0% {
stroke-dasharray: 1, 200;
stroke-dashoffset: 0
}
to {
stroke-dasharray: 100, 200;
stroke-dashoffset: -120px
}
}
@keyframes general-rotate-5f0af726 {
to {
transform: rotate(450deg)
}
}
html:not([dark]) [data-v-39791579] {
box-sizing: border-box
}
html:not([dark]) .blu-radio[data-v-39791579] {
--blu-radio-container-border-width: 1px;
--blu-radio-container-color-border: #c8cbcd;
--blu-radio-container-spacing-padding: 4px;
--blu-radio-content-spacing-padding: 2px 0;
--blu-radio-mark-size: 22px;
--blu-radio-mark-spacing-padding: 2px;
--blu-radio-label-text: 500 14px/18px Blibli, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif;
--blu-radio-label-color-text: rgba(25, 34, 42, .7019607843);
--blu-radio-spacing-padding: 4px 0;
display: inline-flex;
padding: var(--blu-radio-spacing-padding);
align-items: flex-start;
transition: all .3s;
outline: 0
}
html:not([dark]) .blu-radio [data-v-39791579],
html:not([dark]) .blu-radio[data-v-39791579] {
cursor: pointer
}
html:not([dark]) .blu-radio>[data-v-39791579]:not(:last-child) {
margin-right: 4px
}
html:not([dark]) .blu-radio input[type=radio][data-v-39791579] {
display: none
}
html:not([dark]) .blu-radio__mark[data-v-39791579] {
min-width: var(--blu-radio-mark-size);
height: var(--blu-radio-mark-size);
padding: var(--blu-radio-mark-spacing-padding);
background-color: var(--blu-radio-mark-color-background);
border-radius: 50%
}
html:not([dark]) .blu-radio__mark-container[data-v-39791579] {
display: flex;
align-items: center;
justify-content: center;
width: 100%;
height: 100%;
padding: var(--blu-radio-container-spacing-padding);
background-color: var(--blu-radio-container-color-background);
border-radius: 50%;
box-shadow: 0 0 0 var(--blu-radio-container-border-width) var(--blu-radio-container-color-border) inset
}
html:not([dark]) .blu-radio__mark-container .dot[data-v-39791579] {
width: 100%;
height: 100%;
border-radius: 50%;
background-color: var(--blu-radio-dot-color-background);
transition: background-color .1s .1s
}
html:not([dark]) .blu-radio__content[data-v-39791579] {
font: var(--blu-radio-label-text);
color: var(--blu-radio-label-color-text);
padding: var(--blu-radio-content-spacing-padding)
}
html:not([dark]) .blu-radio__content>[data-v-39791579]:not(:last-child) {
margin-bottom: 4px
}
html:not([dark]) .blu-radio.b-error[data-v-39791579]:not(.b-selected) {
--blu-radio-container-color-border: #ff4646;
--blu-radio-label-color-text: #d33534
}
html:not([dark]) .blu-radio.b-selected[data-v-39791579] {
--blu-radio-container-color-border: #1d8fff;
--blu-radio-dot-color-background: #1d8fff;
--blu-radio-container-border-width: 1px
}
html:not([dark]) .blu-radio.b-selected .blu-radio__mark-container[data-v-39791579] {
animation: bounce-39791579 .3s ease-out
}
html:not([dark]) .blu-radio.b-selected[data-v-39791579]:not(.b-disabled):hover {
--blu-radio-mark-color-background: #f3f9ff
}
html:not([dark]) .blu-radio.b-selected[data-v-39791579]:not(.b-disabled):focus-visible {
--blu-radio-mark-color-background: #f3f9ff;
--blu-radio-container-border-width-focused: 2px
}
html:not([dark]) .blu-radio[data-v-39791579]:not(.b-disabled):not(.b-selected):hover {
--blu-radio-mark-color-background: #f9f9fa
}
html:not([dark]) .blu-radio[data-v-39791579]:focus-visible {
--blu-radio-container-border-width-focused: 2px
}
html:not([dark]) .blu-radio[data-v-39791579]:focus-visible:not(.b-disabled) {
--blu-radio-mark-color-border-focused: #19222a
}
html:not([dark]) .blu-radio:focus-visible:not(.b-disabled) .blu-radio__mark[data-v-39791579] {
box-shadow: 0 0 0 var(--blu-radio-container-border-width-focused) var(--blu-radio-mark-color-border-focused) inset
}
html:not([dark]) .blu-radio[data-v-39791579]:focus-visible:not(.b-disabled):not(.b-selected) {
--blu-radio-mark-color-background: #f9f9fa
}
html:not([dark]) .blu-radio.b-disabled[data-v-39791579] {
--blu-radio-label-text: 500 14px/18px Blibli, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif;
--blu-radio-container-color-border: rgba(25, 34, 42, .3019607843);
--blu-radio-label-color-text: rgba(25, 34, 42, .3019607843);
--blu-radio-container-color-background: #f9f9fa
}
html:not([dark]) .blu-radio.b-disabled.b-selected[data-v-39791579] {
--blu-radio-container-color-border: rgba(25, 34, 42, .3019607843);
--blu-radio-dot-color-background: rgba(25, 34, 42, .3019607843)
}
html:not([dark]) .blu-radio.b-disabled[data-v-39791579]:not(.b-readonly) {
user-select: none;
cursor: not-allowed
}
html:not([dark]) .blu-radio.b-disabled:not(.b-readonly) [data-v-39791579] {
cursor: not-allowed
}
html:not([dark]) .blu-radio.b-small[data-v-39791579] {
--blu-radio-mark-size: 18px;
--blu-radio-mark-spacing-padding: 2px;
--blu-radio-container-spacing-padding: 3px;
--blu-radio-container-border-width: 1px;
--blu-radio-container-border-width-focused: 2px;
--blu-radio-content-spacing-padding: 0;
--blu-radio-label-text: 500 14px/18px Blibli, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif;
--blu-radio-spacing-padding: 3px 0
}
html:not([dark]) .blu-radio.b-small.b-selected[data-v-39791579] {
--blu-radio-container-border-width: 1px
}
html[dark] [data-v-39791579] {
box-sizing: border-box
}
html[dark] .blu-radio[data-v-39791579] {
--blu-radio-container-border-width: 1px;
--blu-radio-container-color-border: #60686e;
--blu-radio-container-spacing-padding: 4px;
--blu-radio-content-spacing-padding: 2px 0;
--blu-radio-mark-size: 22px;
--blu-radio-mark-spacing-padding: 2px;
--blu-radio-label-text: 500 14px/18px Blibli, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif;
--blu-radio-label-color-text: rgba(255, 255, 255, .8);
--blu-radio-spacing-padding: 4px 0;
display: inline-flex;
padding: var(--blu-radio-spacing-padding);
align-items: flex-start;
transition: all .3s;
outline: 0
}
html[dark] .blu-radio [data-v-39791579],
html[dark] .blu-radio[data-v-39791579] {
cursor: pointer
}
html[dark] .blu-radio>[data-v-39791579]:not(:last-child) {
margin-right: 4px
}
html[dark] .blu-radio input[type=radio][data-v-39791579] {
display: none
}
html[dark] .blu-radio__mark[data-v-39791579] {
min-width: var(--blu-radio-mark-size);
height: var(--blu-radio-mark-size);
padding: var(--blu-radio-mark-spacing-padding);
background-color: var(--blu-radio-mark-color-background);
border-radius: 50%
}
html[dark] .blu-radio__mark-container[data-v-39791579] {
display: flex;
align-items: center;
justify-content: center;
width: 100%;
height: 100%;
padding: var(--blu-radio-container-spacing-padding);
background-color: var(--blu-radio-container-color-background);
border-radius: 50%;
box-shadow: 0 0 0 var(--blu-radio-container-border-width) var(--blu-radio-container-color-border) inset
}
html[dark] .blu-radio__mark-container .dot[data-v-39791579] {
width: 100%;
height: 100%;
border-radius: 50%;
background-color: var(--blu-radio-dot-color-background);
transition: background-color .1s .1s
}
html[dark] .blu-radio__content[data-v-39791579] {
font: var(--blu-radio-label-text);
color: var(--blu-radio-label-color-text);
padding: var(--blu-radio-content-spacing-padding)
}
html[dark] .blu-radio__content>[data-v-39791579]:not(:last-child) {
margin-bottom: 4px
}
html[dark] .blu-radio.b-error[data-v-39791579]:not(.b-selected) {
--blu-radio-container-color-border: #ff7373;
--blu-radio-label-color-text: #ff7373
}
html[dark] .blu-radio.b-selected[data-v-39791579] {
--blu-radio-container-color-border: #1d8fff;
--blu-radio-dot-color-background: #1d8fff;
--blu-radio-container-border-width: 1px
}
html[dark] .blu-radio.b-selected .blu-radio__mark-container[data-v-39791579] {
animation: bounce-39791579 .3s ease-out
}
html[dark] .blu-radio.b-selected[data-v-39791579]:not(.b-disabled):hover {
--blu-radio-mark-color-background: #002e7a
}
html[dark] .blu-radio.b-selected[data-v-39791579]:not(.b-disabled):focus-visible {
--blu-radio-mark-color-background: #002e7a;
--blu-radio-container-border-width-focused: 2px
}
html[dark] .blu-radio[data-v-39791579]:not(.b-disabled):not(.b-selected):hover {
--blu-radio-mark-color-background: #19222a
}
html[dark] .blu-radio[data-v-39791579]:focus-visible {
--blu-radio-container-border-width-focused: 2px
}
html[dark] .blu-radio[data-v-39791579]:focus-visible:not(.b-disabled) {
--blu-radio-mark-color-border-focused: #f9f9fa
}
html[dark] .blu-radio:focus-visible:not(.b-disabled) .blu-radio__mark[data-v-39791579] {
box-shadow: 0 0 0 var(--blu-radio-container-border-width-focused) var(--blu-radio-mark-color-border-focused) inset
}
html[dark] .blu-radio[data-v-39791579]:focus-visible:not(.b-disabled):not(.b-selected) {
--blu-radio-mark-color-background: #19222a
}
html[dark] .blu-radio.b-disabled[data-v-39791579] {
--blu-radio-label-text: 500 14px/18px Blibli, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif;
--blu-radio-container-color-border: rgba(255, 255, 255, .3019607843);
--blu-radio-label-color-text: rgba(255, 255, 255, .3019607843);
--blu-radio-container-color-background: #19222a
}
html[dark] .blu-radio.b-disabled.b-selected[data-v-39791579] {
--blu-radio-container-color-border: rgba(255, 255, 255, .3019607843);
--blu-radio-dot-color-background: rgba(255, 255, 255, .3019607843)
}
html[dark] .blu-radio.b-disabled[data-v-39791579]:not(.b-readonly) {
user-select: none;
cursor: not-allowed
}
html[dark] .blu-radio.b-disabled:not(.b-readonly) [data-v-39791579] {
cursor: not-allowed
}
html[dark] .blu-radio.b-small[data-v-39791579] {
--blu-radio-mark-size: 18px;
--blu-radio-mark-spacing-padding: 2px;
--blu-radio-container-spacing-padding: 3px;
--blu-radio-container-border-width: 1px;
--blu-radio-container-border-width-focused: 2px;
--blu-radio-content-spacing-padding: 0;
--blu-radio-label-text: 500 14px/18px Blibli, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif;
--blu-radio-spacing-padding: 3px 0
}
html[dark] .blu-radio.b-small.b-selected[data-v-39791579] {
--blu-radio-container-border-width: 1px
}
@keyframes bounce-39791579 {
25% {
transform: scale(.9)
}
50% {
transform: scale(1.1)
}
}
html:not([dark]) .blu-list[data-v-0fc385f6] {
--list-spacing-padding: 8px 0;
list-style: none;
padding: var(--list-spacing-padding);
transition: all .5s ease-in-out
}
html:not([dark]) .blu-list-item[data-v-0fc385f6] {
--blu-list-child-max-height: 0;
--blu-list-child-template-rows: 0fr;
position: relative
}
html:not([dark]) .blu-list-item.b-opened[data-v-0fc385f6] {
--blu-list-child-max-height: 100%;
--blu-list-child-template-rows: 1fr
}
html:not([dark]) .blu-list-item.b-opened>.blu-list .blu-list__container .blu-list__container-chevron-right[data-v-0fc385f6] {
transform: rotate(180deg)
}
html:not([dark]) .blu-list-item.b-opened>.blu-list .blu-list__container .blu-list__container-chevron-left[data-v-0fc385f6] {
transform: rotate(90deg)
}
html:not([dark]) .blu-list__container[data-v-0fc385f6] {
background-color: var(--list-container-color-background);
border-radius: 8px;
padding: 4px 8px;
display: flex
}
html:not([dark]) .blu-list__container[data-v-0fc385f6] svg {
width: 18px;
height: 18px;
color: #797f85
}
html:not([dark]) .blu-list__container[data-v-0fc385f6]>:not(:last-child) {
margin-right: 4px
}
html:not([dark]) .blu-list__container-chevron-left[data-v-0fc385f6],
html:not([dark]) .blu-list__container-chevron-right[data-v-0fc385f6] {
display: flex;
padding: 4px 0;
cursor: pointer;
transition: all .4s ease;
height: fit-content
}
html:not([dark]) .blu-list__container-chevron-left[data-v-0fc385f6] svg,
html:not([dark]) .blu-list__container-chevron-right[data-v-0fc385f6] svg {
color: #797f85
}
html:not([dark]) .blu-list__container-chevron-left[data-v-0fc385f6]:focus-visible,
html:not([dark]) .blu-list__container-chevron-right[data-v-0fc385f6]:focus-visible {
outline: 0;
box-shadow: 0 0 0 2px #19222a inset
}
html:not([dark]) .blu-list__container .blu-loader-wrapper[data-v-0fc385f6] {
margin: auto
}
html:not([dark]) .blu-list__content[data-v-0fc385f6] {
padding: 4px 0;
display: flex;
flex-direction: column;
flex: 1;
align-items: start
}
html:not([dark]) .blu-list__content-label[data-v-0fc385f6]:not(.b-disabled) {
font: 500 14px/18px Blibli, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif;
color: #19222a
}
html:not([dark]) .blu-list__content-desc[data-v-0fc385f6]:not(.b-disabled) {
font: 500 12px/16px Blibli, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif;
color: #19222a66
}
html:not([dark]) .blu-list__content-additional[data-v-0fc385f6] {
text-align: right;
display: flex;
flex-direction: column;
justify-content: space-between;
align-self: stretch;
padding: 4px 0
}
html:not([dark]) .blu-list__content-additional-label[data-v-0fc385f6] {
font: 500 12px/16px Blibli, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif;
color: #19222a66
}
html:not([dark]) .blu-list__content-additional-desc[data-v-0fc385f6] {
font: 500 12px/16px Blibli, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif;
color: #19222a66
}
html:not([dark]) .blu-list__item-leading[data-v-0fc385f6],
html:not([dark]) .blu-list__item-trailing[data-v-0fc385f6] {
padding: 4px 0
}
html:not([dark]) .blu-list__item-leading[data-v-0fc385f6] {
display: flex
}
html:not([dark]) .blu-list__item-trailing[data-v-0fc385f6] {
display: flex
}
html:not([dark]) .blu-list__item-trailing[data-v-0fc385f6]>:not(:last-child) {
margin-right: 4px
}
html:not([dark]) .blu-list__item-trailing[data-v-0fc385f6] svg {
cursor: pointer
}
html:not([dark]) .blu-list__child[data-v-0fc385f6] {
max-height: var(--blu-list-child-max-height);
display: grid;
grid-template-rows: var(--blu-list-child-template-rows);
transition: all .5s ease-in-out
}
html:not([dark]) .blu-list__child .blu-list__container[data-v-0fc385f6] {
padding-left: var(--list-nested-padding)
}
html:not([dark]) .blu-list__icon-expand[data-v-0fc385f6] {
margin-left: auto;
cursor: pointer
}
html:not([dark]) .blu-list[data-v-0fc385f6]:not(.b-disabled) {
cursor: pointer
}
html:not([dark]) .blu-list[data-v-0fc385f6]:not(.b-disabled):hover {
--list-container-color-background: #f9f9fa
}
html:not([dark]) .blu-list[data-v-0fc385f6]:not(.b-disabled):focus-visible {
outline: 0
}
html:not([dark]) .blu-list:not(.b-disabled):focus-visible .blu-list__container[data-v-0fc385f6] {
box-shadow: 0 0 0 2px #19222a inset
}
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) {
--list-container-color-background: #f3f9ff
}
html:not([dark]) .blu-list.b-small[data-v-0fc385f6] {
--list-spacing-padding: 0
}
html:not([dark]) .blu-list.b-disabled[data-v-0fc385f6] {
--list-container-color-background: transparent
}
html:not([dark]) .blu-list.b-disabled [data-v-0fc385f6],
html:not([dark]) .blu-list.b-disabled[data-v-0fc385f6] {
cursor: not-allowed
}
html:not([dark]) .blu-list.b-disabled .blu-list__content-additional-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-label[data-v-0fc385f6] {
font: 500 14px/18px Blibli, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif;
color: #19222a4d
}
html:not([dark]) .blu-list.b-disabled .blu-list__content-additional-desc[data-v-0fc385f6] {
font: 500 12px/16px Blibli, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif;
color: #19222a4d
}
html:not([dark]) .blu-list.b-disabled .blu-list__container[data-v-0fc385f6] svg {
color: #19222a4d
}
html:not([dark]) .blu-list.b-disabled .blu-list__container[data-v-0fc385f6] .blu-checkbox__container {
color: #19222a4d
}
html:not([dark]) .blu-list.b-disabled .blu-list__container[data-v-0fc385f6] .blu-badge {
background-color: #19222a4d
}
html:not([dark]) .blu-list.b-loading[data-v-0fc385f6] .blu-loader-wrapper svg {
display: flex;
width: 24px;
height: 24px
}
html:not([dark]) .blu-list.has-radio.b-selected[data-v-0fc385f6]:not(:hover) {
--list-container-color-background: transparent
}
html:not([dark]) .blu-list.b-align-center .blu-list__container[data-v-0fc385f6] {
align-items: center
}
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) {
--list-container-color-background: transparent
}
html[dark] .blu-list[data-v-0fc385f6] {
--list-spacing-padding: 8px 0;
list-style: none;
padding: var(--list-spacing-padding);
transition: all .5s ease-in-out
}
html[dark] .blu-list-item[data-v-0fc385f6] {
--blu-list-child-max-height: 0;
--blu-list-child-template-rows: 0fr;
position: relative
}
html[dark] .blu-list-item.b-opened[data-v-0fc385f6] {
--blu-list-child-max-height: 100%;
--blu-list-child-template-rows: 1fr
}
html[dark] .blu-list-item.b-opened>.blu-list .blu-list__container .blu-list__container-chevron-right[data-v-0fc385f6] {
transform: rotate(180deg)
}
html[dark] .blu-list-item.b-opened>.blu-list .blu-list__container .blu-list__container-chevron-left[data-v-0fc385f6] {
transform: rotate(90deg)
}
html[dark] .blu-list__container[data-v-0fc385f6] {
background-color: var(--list-container-color-background);
border-radius: 8px;
padding: 4px 8px;
display: flex
}
html[dark] .blu-list__container[data-v-0fc385f6] svg {
width: 18px;
height: 18px;
color: #acb0b4
}
html[dark] .blu-list__container[data-v-0fc385f6]>:not(:last-child) {
margin-right: 4px
}
html[dark] .blu-list__container-chevron-left[data-v-0fc385f6],
html[dark] .blu-list__container-chevron-right[data-v-0fc385f6] {
display: flex;
padding: 4px 0;
cursor: pointer;
transition: all .4s ease;
height: fit-content
}
html[dark] .blu-list__container-chevron-left[data-v-0fc385f6] svg,
html[dark] .blu-list__container-chevron-right[data-v-0fc385f6] svg {
color: #acb0b4
}
html[dark] .blu-list__container-chevron-left[data-v-0fc385f6]:focus-visible,
html[dark] .blu-list__container-chevron-right[data-v-0fc385f6]:focus-visible {
outline: 0;
box-shadow: 0 0 0 2px #f9f9fa inset
}
html[dark] .blu-list__container .blu-loader-wrapper[data-v-0fc385f6] {
margin: auto
}
html[dark] .blu-list__content[data-v-0fc385f6] {
padding: 4px 0;
display: flex;
flex-direction: column;
flex: 1;
align-items: start
}
html[dark] .blu-list__content-label[data-v-0fc385f6]:not(.b-disabled) {
font: 500 14px/18px Blibli, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif;
color: #fff
}
html[dark] .blu-list__content-desc[data-v-0fc385f6]:not(.b-disabled) {
font: 500 12px/16px Blibli, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif;
color: #ffffff80
}
html[dark] .blu-list__content-additional[data-v-0fc385f6] {
text-align: right;
display: flex;
flex-direction: column;
justify-content: space-between;
align-self: stretch;
padding: 4px 0
}
html[dark] .blu-list__content-additional-desc[data-v-0fc385f6],
html[dark] .blu-list__content-additional-label[data-v-0fc385f6] {
font: 500 12px/16px Blibli, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif;
color: #ffffff80
}
html[dark] .blu-list__item-leading[data-v-0fc385f6],
html[dark] .blu-list__item-trailing[data-v-0fc385f6] {
padding: 4px 0
}
html[dark] .blu-list__item-leading[data-v-0fc385f6],
html[dark] .blu-list__item-trailing[data-v-0fc385f6] {
display: flex
}
html[dark] .blu-list__item-trailing[data-v-0fc385f6]>:not(:last-child) {
margin-right: 4px
}
html[dark] .blu-list__item-trailing[data-v-0fc385f6] svg {
cursor: pointer
}
html[dark] .blu-list__child[data-v-0fc385f6] {
max-height: var(--blu-list-child-max-height);
display: grid;
grid-template-rows: var(--blu-list-child-template-rows);
transition: all .5s ease-in-out
}
html[dark] .blu-list__child .blu-list__container[data-v-0fc385f6] {
padding-left: var(--list-nested-padding)
}
html[dark] .blu-list__icon-expand[data-v-0fc385f6] {
margin-left: auto;
cursor: pointer
}
html[dark] .blu-list[data-v-0fc385f6]:not(.b-disabled) {
cursor: pointer
}
html[dark] .blu-list[data-v-0fc385f6]:not(.b-disabled):hover {
--list-container-color-background: #19222a
}
html[dark] .blu-list[data-v-0fc385f6]:not(.b-disabled):focus-visible {
outline: 0
}
html[dark] .blu-list:not(.b-disabled):focus-visible .blu-list__container[data-v-0fc385f6] {
box-shadow: 0 0 0 2px #f9f9fa inset
}
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) {
--list-container-color-background: #002e7a
}
html[dark] .blu-list.b-small[data-v-0fc385f6] {
--list-spacing-padding: 0
}
html[dark] .blu-list.b-disabled[data-v-0fc385f6] {
--list-container-color-background: transparent
}
html[dark] .blu-list.b-disabled [data-v-0fc385f6],
html[dark] .blu-list.b-disabled[data-v-0fc385f6] {
cursor: not-allowed
}
html[dark] .blu-list.b-disabled .blu-list__content-additional-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-label[data-v-0fc385f6] {
font: 500 14px/18px Blibli, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif;
color: #ffffff4d
}
html[dark] .blu-list.b-disabled .blu-list__content-additional-desc[data-v-0fc385f6] {
font: 500 12px/16px Blibli, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif;
color: #ffffff4d
}
html[dark] .blu-list.b-disabled .blu-list__container[data-v-0fc385f6] svg {
color: #ffffff4d
}
html[dark] .blu-list.b-disabled .blu-list__container[data-v-0fc385f6] .blu-checkbox__container {
color: #ffffff4d
}
html[dark] .blu-list.b-disabled .blu-list__container[data-v-0fc385f6] .blu-badge {
background-color: #ffffff4d
}
html[dark] .blu-list.b-loading[data-v-0fc385f6] .blu-loader-wrapper svg {
display: flex;
width: 24px;
height: 24px
}
html[dark] .blu-list.has-radio.b-selected[data-v-0fc385f6]:not(:hover) {
--list-container-color-background: transparent
}
html[dark] .blu-list.b-align-center .blu-list__container[data-v-0fc385f6] {
align-items: center
}
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) {
--list-container-color-background: transparent
}
</style>
<style>
@charset "UTF-8";
.product-services[data-v-50a9b5f9] {
display: flex;
flex-direction: column;
width: 100%;
gap: 20px
}
@media screen and (max-width:839px) {
.product-services[data-v-50a9b5f9] {
gap: 0
}
}
.product-service[data-v-ef5183d2] {
width: 100%;
display: flex;
align-items: stretch;
flex-direction: row;
gap: 8px
}
@media screen and (max-width:839px) {
.product-service[data-v-ef5183d2] {
border-top: 1px solid #f1f2f2;
padding: 11px 0
}
}
.product-service__icon[data-v-ef5183d2] {
display: flex;
align-items: flex-start;
justify-content: center;
flex-shrink: 0
}
.product-service__icon img[data-v-ef5183d2] {
width: 32px;
height: 32px
}
@media screen and (max-width:839px) {
.product-service__icon img[data-v-ef5183d2] {
width: 18px;
height: 18px
}
}
.product-service__text[data-v-ef5183d2] {
display: flex;
flex-direction: column;
width: 100%;
gap: 4px
}
.product-service__text__title[data-v-ef5183d2] {
width: 100%;
font: 600 14px/18px Blibli, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif
}
@media screen and (max-width:839px) {
.product-service__text__title[data-v-ef5183d2] {
font: 500 14px/18px Blibli, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif
}
}
.product-service__text__title span[data-v-ef5183d2]:not(:last-child):after {
content: " "
}
.product-service__text__title__price[data-v-ef5183d2] {
font: 600 14px/18px Blibli, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif;
color: #006dea
}
.product-service__text__subtitle[data-v-ef5183d2] {
font: 500 14px/18px Blibli, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif;
color: #19222ab3
}
.product-service__text__subtitle span[data-v-ef5183d2]:not(:last-child):after {
content: " "
}
.product-service__text__subtitle__action[data-v-ef5183d2] {
cursor: pointer;
color: #006dea
}
.product-service__chevron[data-v-ef5183d2] {
flex: 0;
display: flex;
align-items: center;
justify-content: center
}
@media screen and (max-width:839px) {
.product-service--clickable[data-v-ef5183d2] {
cursor: pointer
}
}
.product-service--loading .product-service__text[data-v-ef5183d2] {
gap: 8px
}
.product-service--loading .product-service__text__title[data-v-ef5183d2] {
width: 60%
}
@media screen and (max-width:839px) {
.product-service--loading .product-service__text__title[data-v-ef5183d2] {
width: 100%
}
}
.cash-on-delivery[data-v-8c111c2e],
.installation[data-v-c1955da8],
.insurance[data-v-1c85a326],
.subscription[data-v-6563e336],
.trade-in[data-v-8418f747],
.wholesale[data-v-c41b49cd] {
width: 100%
}
.trade-in-download-apps-modal[data-v-5dadaeda] {
padding: 0 8px
}
@media screen and (max-width:839px) {
.trade-in-download-apps-modal[data-v-5dadaeda] {
padding: 0
}
}
.trade-in-download-apps-modal .subtitle[data-v-5dadaeda] {
font: 500 16px/20px Blibli, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif;
color: #19222ab3;
margin-bottom: 16px
}
@media screen and (max-width:839px) {
.trade-in-download-apps-modal .subtitle[data-v-5dadaeda] {
margin-bottom: 10px
}
}
.trade-in-download-apps-modal .download-apps[data-v-5dadaeda] {
display: flex;
flex-direction: row;
align-items: center;
justify-content: space-between;
margin-bottom: 24px
}
@media screen and (max-width:839px) {
.trade-in-download-apps-modal .download-apps[data-v-5dadaeda] {
flex-direction: column;
margin-bottom: 0
}
}
.trade-in-download-apps-modal .download-apps__qr[data-v-5dadaeda] {
display: flex;
align-items: center;
justify-content: center;
background: #f3f9ff;
border-radius: 8px
}
.trade-in-download-apps-modal .download-apps__or[data-v-5dadaeda] {
text-align: center;
font: 500 16px/20px Blibli, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif;
color: #19222ab3;
margin: 10px
}
.trade-in-download-apps-modal .download-apps__download[data-v-5dadaeda] {
display: flex;
flex-direction: column;
align-items: center;
margin-bottom: 0
}
@media screen and (max-width:839px) {
.trade-in-download-apps-modal .download-apps__download[data-v-5dadaeda] {
margin-bottom: 16px
}
}
.trade-in-download-apps-modal .download-apps__download__title[data-v-5dadaeda] {
font: 500 16px/20px Blibli, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif;
color: #19222ab3;
margin-bottom: 8px
}
.trade-in-download-apps-modal .download-apps__download__icons[data-v-5dadaeda] {
display: flex;
flex-direction: column;
gap: 8px
}
@media screen and (max-width:839px) {
.trade-in-download-apps-modal .download-apps__download__icons[data-v-5dadaeda] {
flex-direction: row
}
}
.trade-in-download-apps-modal .download-apps__download__icons--icon[data-v-5dadaeda] {
width: 100%;
display: flex;
align-items: center;
justify-content: center
}
.trade-in-download-apps-modal .download-apps__download__icons--icon img[data-v-5dadaeda] {
height: auto;
width: 150px
}
.trade-in-download-apps-modal .download-apps__download__icons--icon a[data-v-5dadaeda] {
display: flex
}
@media screen and (max-width:839px) {
.trade-in-download-apps-modal .download-apps__download__icons--icon[data-v-5dadaeda] {
width: 100%
}
.trade-in-download-apps-modal .download-apps__download__icons--icon img[data-v-5dadaeda] {
height: 45px;
width: auto
}
}
.trade-in-download-apps-modal .scan-steps__title[data-v-5dadaeda] {
font: 600 16px/20px Blibli, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif;
color: #19222a;
margin-bottom: 16px
}
.trade-in-download-apps-modal .scan-steps__guide[data-v-5dadaeda] {
display: flex;
flex-direction: row
}
@media screen and (max-width:839px) {
.trade-in-download-apps-modal .scan-steps__guide[data-v-5dadaeda] {
flex-direction: column
}
}
.trade-in-download-apps-modal .scan-steps__guide__step[data-v-5dadaeda] {
display: flex;
flex-direction: column
}
.trade-in-download-apps-modal .scan-steps__guide__step[data-v-5dadaeda]:not(:last-child) {
margin-right: 10px
}
@media screen and (max-width:839px) {
.trade-in-download-apps-modal .scan-steps__guide__step[data-v-5dadaeda]:not(:last-child) {
margin-right: 0
}
}
.trade-in-download-apps-modal .scan-steps__guide__step:not(:last-child) .scan-steps__guide__step__order[data-v-5dadaeda]:after {
flex-grow: 1;
content: "";
display: flex;
align-items: center;
justify-content: center;
border: 1px dashed #f1f2f2;
width: 100%;
height: 0
}
@media screen and (max-width:839px) {
.trade-in-download-apps-modal .scan-steps__guide__step:not(:last-child) .scan-steps__guide__step__order[data-v-5dadaeda]:after {
width: 0;
height: 100%
}
}
@media screen and (max-width:839px) {
.trade-in-download-apps-modal .scan-steps__guide__step[data-v-5dadaeda] {
flex-direction: row;
margin-bottom: 10px;
margin-right: 0
}
}
.trade-in-download-apps-modal .scan-steps__guide__step__order[data-v-5dadaeda] {
display: flex;
flex-direction: row;
align-items: center;
margin-bottom: 8px
}
@media screen and (max-width:839px) {
.trade-in-download-apps-modal .scan-steps__guide__step__order[data-v-5dadaeda] {
flex-direction: column;
margin-right: 8px;
margin-bottom: 0
}
}
.trade-in-download-apps-modal .scan-steps__guide__step__order--number[data-v-5dadaeda] {
width: 30px;
height: 30px;
background: #f9f9fa;
border-radius: 100px;
display: flex;
align-items: center;
justify-content: center;
margin-right: 4px;
flex-shrink: 0
}
@media screen and (max-width:839px) {
.trade-in-download-apps-modal .scan-steps__guide__step__order--number[data-v-5dadaeda] {
margin-right: 0;
margin-bottom: 4px
}
}
.trade-in-download-apps-modal .scan-steps__guide__step__text[data-v-5dadaeda] {
padding: 10px 12px;
font: 500 16px/20px Blibli, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif;
color: #19222ab3;
border: 1px solid #f1f2f2;
border-radius: 8px;
flex-grow: 1
}
.cash-on-delivery-modal__body[data-v-88efff31] {
color: #19222ab3
}
.cash-on-delivery-modal__body__content[data-v-88efff31] {
margin-bottom: 16px
}
.cash-on-delivery-modal__body__learn-more span[data-v-88efff31]:not(:last-child):after {
content: " "
}
.cash-on-delivery-modal__body__learn-more a[data-v-88efff31] {
color: #006dea;
cursor: pointer;
text-decoration: none
}
</style>
<style type="text/css">
.label[data-v-1730749f] {
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-1730749f] {
padding: 0;
margin-right: -4px;
top: 2px
}
.label button svg[data-v-1730749f] {
margin-right: -6px;
margin-top: 2px;
transform: scale(.75);
transform-origin: left;
color: #fff
}
.label button.b-primary[data-v-1730749f] {
color: #fff
}
.label.b-secondary button svg[data-v-1730749f] {
color: #0072ff
}
.label.b-dot[data-v-1730749f] {
width: 8px;
height: 8px;
padding: 0;
font-size: 0
}
.label.b-border[data-v-1730749f] {
box-shadow: 0 0 0 1px #fff
}
.label[data-v-1730749f] {
background-color: #ff4646
}
.label.b-secondary[data-v-1730749f] {
background-color: #ffe6e6;
color: #e93c3c
}
</style>
<style type="text/css">
.label[data-v-3c5c9e9e] {
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-3c5c9e9e] {
padding: 0;
margin-right: -4px;
top: 2px
}
.label button svg[data-v-3c5c9e9e] {
margin-right: -6px;
margin-top: 2px;
transform: scale(.75);
transform-origin: left;
color: #fff
}
.label button.b-primary[data-v-3c5c9e9e] {
color: #fff
}
.label.b-secondary button svg[data-v-3c5c9e9e] {
color: #0072ff
}
.label.b-dot[data-v-3c5c9e9e] {
width: 8px;
height: 8px;
padding: 0;
font-size: 0
}
.label.b-border[data-v-3c5c9e9e] {
box-shadow: 0 0 0 1px #fff
}
.label[data-v-3c5c9e9e] {
background-color: #ff7373
}
</style>
<style type="text/css">
.label[data-v-592858cc] {
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-592858cc] {
padding: 0;
margin-right: -4px;
top: 2px
}
.label button svg[data-v-592858cc] {
margin-right: -6px;
margin-top: 2px;
transform: scale(.75);
transform-origin: left;
color: #fff
}
.label button.b-primary[data-v-592858cc] {
color: #fff
}
.label.b-secondary button svg[data-v-592858cc] {
color: #0072ff
}
.label.b-dot[data-v-592858cc] {
width: 8px;
height: 8px;
padding: 0;
font-size: 0
}
.label.b-border[data-v-592858cc] {
box-shadow: 0 0 0 1px #fff
}
.label[data-v-592858cc] {
background-color: #ffcd00
}
.label.b-secondary[data-v-592858cc] {
background-color: #fef5d2;
color: #f1ab02
}
</style>
<style type="text/css">
.label[data-v-209f2cd8] {
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-209f2cd8] {
padding: 0;
margin-right: -4px;
top: 2px
}
.label button svg[data-v-209f2cd8] {
margin-right: -6px;
margin-top: 2px;
transform: scale(.75);
transform-origin: left;
color: #fff
}
.label button.b-primary[data-v-209f2cd8] {
color: #fff
}
.label.b-secondary button svg[data-v-209f2cd8] {
color: #0072ff
}
.label.b-dot[data-v-209f2cd8] {
width: 8px;
height: 8px;
padding: 0;
font-size: 0
}
.label.b-border[data-v-209f2cd8] {
box-shadow: 0 0 0 1px #fff
}
.label[data-v-209f2cd8] {
background-color: #22a334
}
.label.b-secondary[data-v-209f2cd8] {
background-color: #d6f7da;
color: #1c832a
}
</style>
<style type="text/css">
.label[data-v-80a16fd0] {
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-80a16fd0] {
padding: 0;
margin-right: -4px;
top: 2px
}
.label button svg[data-v-80a16fd0] {
margin-right: -6px;
margin-top: 2px;
transform: scale(.75);
transform-origin: left;
color: #fff
}
.label button.b-primary[data-v-80a16fd0] {
color: #fff
}
.label.b-secondary button svg[data-v-80a16fd0] {
color: #0072ff
}
.label.b-dot[data-v-80a16fd0] {
width: 8px;
height: 8px;
padding: 0;
font-size: 0
}
.label.b-border[data-v-80a16fd0] {
box-shadow: 0 0 0 1px #fff
}
.label[data-v-80a16fd0] {
background-color: #1d8fff
}
.label.b-secondary[data-v-80a16fd0] {
background-color: #e1f1ff;
color: #0072ff
}
</style>
<style type="text/css">
.label[data-v-5021936f] {
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-5021936f] {
padding: 0;
margin-right: -4px;
top: 2px
}
.label button svg[data-v-5021936f] {
margin-right: -6px;
margin-top: 2px;
transform: scale(.75);
transform-origin: left;
color: #fff
}
.label button.b-primary[data-v-5021936f] {
color: #fff
}
.label.b-secondary button svg[data-v-5021936f] {
color: #0072ff
}
.label.b-dot[data-v-5021936f] {
width: 8px;
height: 8px;
padding: 0;
font-size: 0
}
.label.b-border[data-v-5021936f] {
box-shadow: 0 0 0 1px #fff
}
.label[data-v-5021936f] {
color: rgba(25, 34, 42, .4);
background-color: #e1e3e4
}
.label.b-secondary[data-v-5021936f] {
background-color: #92979c;
color: #fff
}
</style>
<style type="text/css">
.blu-ticker[data-v-e275b4e8] {
--blu-ticker-color-background: #f9f9fa;
--blu-ticker-color-border: #e1e3e4;
display: flex;
justify-content: flex-start;
align-items: flex-start;
border-radius: 8px;
position: relative;
background-color: var(--blu-ticker-color-background);
border: 1px solid var(--blu-ticker-color-border);
color: rgba(25, 34, 42, .7019607843);
padding: 8px;
margin-bottom: 8px;
z-index: 0
}
.blu-ticker__msg[data-v-e275b4e8] {
z-index: 0;
align-self: center
}
@media screen and (min-width:769px),
print {
.blu-ticker__msg[data-v-e275b4e8] {
font: 16px/20px blibli, -apple-system, segoe ui, roboto, helvetica, arial, sans-serif
}
}
@media screen and (max-width:768px) {
.blu-ticker__msg[data-v-e275b4e8] {
font: 14px/18px blibli, -apple-system, segoe ui, roboto, helvetica, arial, sans-serif
}
}
.blu-ticker__close[data-v-e275b4e8] {
object-fit: contain;
position: relative;
z-index: 0;
width: 18px;
height: 18px;
padding: 11px
}
.blu-ticker__close i[data-v-e275b4e8] {
content: "";
top: 0;
right: 0;
position: absolute;
width: 18px;
height: 18px;
padding: 12px;
background: rgba(0, 0, 0, 0) url(data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PSIwIDAgMjQgMjQiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGQ9Ik0xMy43NjcyIDEyTDE3LjYzMiA4LjEzODM5QzE4LjEyMjcgNy42NDgxOSAxOC4xMjI3IDYuODU3ODYgMTcuNjMyIDYuMzY3NjVDMTcuMTQxNCA1Ljg3NzQ1IDE2LjM1MDQgNS44Nzc0NSAxNS44NTk4IDYuMzY3NjVMMTEuOTk1IDEwLjIyOTNMOC4xNDAxOCA2LjM3NzY2QzcuNjQ5NTYgNS44ODc0NSA2Ljg1ODU3IDUuODg3NDUgNi4zNjc5NiA2LjM3NzY2QzUuODc3MzUgNi44Njc4NiA1Ljg3NzM1IDcuNjU4MTkgNi4zNjc5NiA4LjE0ODRMMTAuMjIyOCAxMkw2LjM2Nzk2IDE1Ljg2MTZDNS44NzczNSAxNi4zNTE4IDUuODc3MzUgMTcuMTQyMSA2LjM2Nzk2IDE3LjYzMjNDNi44NTg1NyAxOC4xMjI2IDcuNjQ5NTYgMTguMTIyNiA4LjE0MDE4IDE3LjYzMjNMMTIuMDA1IDEzLjc3MDdMMTUuODU5OCAxNy42MjIzQzE2LjM1MDQgMTguMTEyNSAxNy4xNDE0IDE4LjExMjUgMTcuNjMyIDE3LjYyMjNDMTguMTIyNyAxNy4xMzIxIDE4LjEyMjcgMTYuMzQxOCAxNy42MzIgMTUuODUxNkwxMy43NzcyIDEySDEzLjc2NzJaIiBmaWxsPSIjNzk3Rjg1Ii8+Cjwvc3ZnPgo=) center center no-repeat #e1e3e4;
background-color: rgba(25, 34, 42, .7019607843);
-webkit-mask-image: url(data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PSIwIDAgMjQgMjQiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGQ9Ik0xMy43NjcyIDEyTDE3LjYzMiA4LjEzODM5QzE4LjEyMjcgNy42NDgxOSAxOC4xMjI3IDYuODU3ODYgMTcuNjMyIDYuMzY3NjVDMTcuMTQxNCA1Ljg3NzQ1IDE2LjM1MDQgNS44Nzc0NSAxNS44NTk4IDYuMzY3NjVMMTEuOTk1IDEwLjIyOTNMOC4xNDAxOCA2LjM3NzY2QzcuNjQ5NTYgNS44ODc0NSA2Ljg1ODU3IDUuODg3NDUgNi4zNjc5NiA2LjM3NzY2QzUuODc3MzUgNi44Njc4NiA1Ljg3NzM1IDcuNjU4MTkgNi4zNjc5NiA4LjE0ODRMMTAuMjIyOCAxMkw2LjM2Nzk2IDE1Ljg2MTZDNS44NzczNSAxNi4zNTE4IDUuODc3MzUgMTcuMTQyMSA2LjM2Nzk2IDE3LjYzMjNDNi44NTg1NyAxOC4xMjI2IDcuNjQ5NTYgMTguMTIyNiA4LjE0MDE4IDE3LjYzMjNMMTIuMDA1IDEzLjc3MDdMMTUuODU5OCAxNy42MjIzQzE2LjM1MDQgMTguMTEyNSAxNy4xNDE0IDE4LjExMjUgMTcuNjMyIDE3LjYyMjNDMTguMTIyNyAxNy4xMzIxIDE4LjEyMjcgMTYuMzQxOCAxNy42MzIgMTUuODUxNkwxMy43NzcyIDEySDEzLjc2NzJaIiBmaWxsPSIjNzk3Rjg1Ii8+Cjwvc3ZnPgo=)
}
@media screen and (max-width:768px) {
.blu-ticker__close[data-v-e275b4e8] {
transform: scale(.75)
}
}
.blu-ticker__close[data-v-e275b4e8]:focus-visible {
box-shadow: 0 0 0 4px #000;
outline: 0
}
.blu-ticker__title[data-v-e275b4e8] {
color: #19222a
}
@media screen and (min-width:769px),
print {
.blu-ticker__title[data-v-e275b4e8] {
font: 16px/20px "blibli demi bold", -apple-system, segoe ui, roboto, helvetica, arial, sans-serif
}
}
@media screen and (max-width:768px) {
.blu-ticker__title[data-v-e275b4e8] {
font: 14px/18px "blibli demi bold", -apple-system, segoe ui, roboto, helvetica, arial, sans-serif
}
}
.blu-ticker__btn[data-v-e275b4e8] {
margin: 8px 0 0 -14px
}
.blu-ticker.b-info[data-v-e275b4e8] {
--blu-ticker-color-background: #f3f9ff;
--blu-ticker-color-border: #b9deff
}
.blu-ticker.b-info.has-icon>.blu-ticker__icon[data-v-e275b4e8] {
background-color: #006dea;
-webkit-mask-image: url(data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PSIwIDAgMjQgMjQiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+DQo8cGF0aCBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGNsaXAtcnVsZT0iZXZlbm9kZCIgZD0iTTIgMTJDMiA2LjQ4IDYuNDggMiAxMiAyQzE3LjUyIDIgMjIgNi40OCAyMiAxMkMyMiAxNy41MiAxNy41MiAyMiAxMiAyMkM2LjQ4IDIyIDIgMTcuNTIgMiAxMlpNMTEuOTcgOC43Mzc2NEMxMi43MjY2IDguNzM3NjQgMTMuMzQgOC4xMjQ4IDEzLjM0IDcuMzY4ODJDMTMuMzQgNi42MTI4NCAxMi43MjY2IDYgMTEuOTcgNkMxMS4yMTM0IDYgMTAuNiA2LjYxMjg0IDEwLjYgNy4zNjg4MkMxMC42IDguMTI0OCAxMS4yMTM0IDguNzM3NjQgMTEuOTcgOC43Mzc2NFpNMTEuNDk5OSAxMC4xMDY0SDEyLjQ0OTlDMTIuODQ5OSAxMC4xMDY0IDEzLjE3OTkgMTAuNDM2MiAxMy4xNzk5IDEwLjgzNThWMTcuMjcwM0MxMy4xNzk5IDE3LjY2OTkgMTIuODQ5OSAxNy45OTk2IDEyLjQ0OTkgMTcuOTk5NkgxMS40OTk5QzExLjA5OTkgMTcuOTk5NiAxMC43Njk5IDE3LjY2OTkgMTAuNzY5OSAxNy4yNzAzVjEwLjgzNThDMTAuNzY5OSAxMC40MzYyIDExLjA5OTkgMTAuMTA2NCAxMS40OTk5IDEwLjEwNjRaIiBmaWxsPSIjNzk3Rjg1Ii8+DQo8L3N2Zz4NCg==);
mask-image: url(data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PSIwIDAgMjQgMjQiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+DQo8cGF0aCBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGNsaXAtcnVsZT0iZXZlbm9kZCIgZD0iTTIgMTJDMiA2LjQ4IDYuNDggMiAxMiAyQzE3LjUyIDIgMjIgNi40OCAyMiAxMkMyMiAxNy41MiAxNy41MiAyMiAxMiAyMkM2LjQ4IDIyIDIgMTcuNTIgMiAxMlpNMTEuOTcgOC43Mzc2NEMxMi43MjY2IDguNzM3NjQgMTMuMzQgOC4xMjQ4IDEzLjM0IDcuMzY4ODJDMTMuMzQgNi42MTI4NCAxMi43MjY2IDYgMTEuOTcgNkMxMS4yMTM0IDYgMTAuNiA2LjYxMjg0IDEwLjYgNy4zNjg4MkMxMC42IDguMTI0OCAxMS4yMTM0IDguNzM3NjQgMTEuOTcgOC43Mzc2NFpNMTEuNDk5OSAxMC4xMDY0SDEyLjQ0OTlDMTIuODQ5OSAxMC4xMDY0IDEzLjE3OTkgMTAuNDM2MiAxMy4xNzk5IDEwLjgzNThWMTcuMjcwM0MxMy4xNzk5IDE3LjY2OTkgMTIuODQ5OSAxNy45OTk2IDEyLjQ0OTkgMTcuOTk5NkgxMS40OTk5QzExLjA5OTkgMTcuOTk5NiAxMC43Njk5IDE3LjY2OTkgMTAuNzY5OSAxNy4yNzAzVjEwLjgzNThDMTAuNzY5OSAxMC40MzYyIDExLjA5OTkgMTAuMTA2NCAxMS40OTk5IDEwLjEwNjRaIiBmaWxsPSIjNzk3Rjg1Ii8+DQo8L3N2Zz4NCg==)
}
.blu-ticker.b-success[data-v-e275b4e8] {
--blu-ticker-color-background: #effcf0;
--blu-ticker-color-border: #b2efb9
}
.blu-ticker.b-success.has-icon>.blu-ticker__icon[data-v-e275b4e8] {
background-color: #1c832a;
-webkit-mask-image: url(data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PSIwIDAgMjQgMjQiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+DQo8cGF0aCBkPSJNMTIgMkM2LjQ4IDIgMiA2LjQ4IDIgMTJDMiAxNy41MiA2LjQ4IDIyIDEyIDIyQzE3LjUyIDIyIDIyIDE3LjUyIDIyIDEyQzIyIDYuNDggMTcuNTIgMiAxMiAyWk0xNy4wNSA5LjExTDEyLjA2IDE2LjEyQzExLjg4IDE2LjM3IDExLjYgMTYuNTIgMTEuMjkgMTYuNTRIMTEuMjRDMTAuOTUgMTYuNTQgMTAuNjcgMTYuNDIgMTAuNDggMTYuMTlMNi45OSAxMi4xM0M2LjgyIDExLjkzIDYuNzMgMTEuNjcgNi43NSAxMS40MUM2Ljc3IDExLjE0IDYuODkgMTAuOSA3LjA5IDEwLjczQzcuNTEgMTAuMzcgOC4xNCAxMC40MiA4LjUgMTAuODRMMTEuMTYgMTMuOTNMMTUuNDEgNy45NkMxNS43MyA3LjUxIDE2LjM1IDcuNDEgMTYuOCA3LjczQzE3LjAyIDcuODggMTcuMTYgOC4xMSAxNy4yMSA4LjM4QzE3LjI1IDguNjQgMTcuMTkgOC45MSAxNy4wNCA5LjEyTDE3LjA1IDkuMTFaIiBmaWxsPSIjNzk3Rjg1Ii8+DQo8L3N2Zz4=);
mask-image: url(data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PSIwIDAgMjQgMjQiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+DQo8cGF0aCBkPSJNMTIgMkM2LjQ4IDIgMiA2LjQ4IDIgMTJDMiAxNy41MiA2LjQ4IDIyIDEyIDIyQzE3LjUyIDIyIDIyIDE3LjUyIDIyIDEyQzIyIDYuNDggMTcuNTIgMiAxMiAyWk0xNy4wNSA5LjExTDEyLjA2IDE2LjEyQzExLjg4IDE2LjM3IDExLjYgMTYuNTIgMTEuMjkgMTYuNTRIMTEuMjRDMTAuOTUgMTYuNTQgMTAuNjcgMTYuNDIgMTAuNDggMTYuMTlMNi45OSAxMi4xM0M2LjgyIDExLjkzIDYuNzMgMTEuNjcgNi43NSAxMS40MUM2Ljc3IDExLjE0IDYuODkgMTAuOSA3LjA5IDEwLjczQzcuNTEgMTAuMzcgOC4xNCAxMC40MiA4LjUgMTAuODRMMTEuMTYgMTMuOTNMMTUuNDEgNy45NkMxNS43MyA3LjUxIDE2LjM1IDcuNDEgMTYuOCA3LjczQzE3LjAyIDcuODggMTcuMTYgOC4xMSAxNy4yMSA4LjM4QzE3LjI1IDguNjQgMTcuMTkgOC45MSAxNy4wNCA5LjEyTDE3LjA1IDkuMTFaIiBmaWxsPSIjNzk3Rjg1Ii8+DQo8L3N2Zz4=)
}
.blu-ticker.b-warning[data-v-e275b4e8] {
--blu-ticker-color-background: #fff8e0;
--blu-ticker-color-border: #fef0b6
}
.blu-ticker.b-warning.has-icon>.blu-ticker__icon[data-v-e275b4e8] {
background-color: #f1ab02;
-webkit-mask-image: url(data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PSIwIDAgMjQgMjQiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+DQo8cGF0aCBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGNsaXAtcnVsZT0iZXZlbm9kZCIgZD0iTTMuODc0MzYgMjFIMjAuMTE0NEgyMC4xMjQ0QzIxLjU1MzUgMjEgMjIuNDUyOSAxOS41MDM1IDIxLjc2MzQgMTguMjg2NEwxMy42NDg0IDMuOTUwMjZDMTIuOTM4OCAyLjY4MzI1IDExLjA2OTkgMi42ODMyNSAxMC4zNjA0IDMuOTUwMjZMMi4yMzUzNyAxOC4yOTY0QzEuNTQ1OCAxOS41MTM1IDIuNDU1MjQgMjEgMy44NzQzNiAyMVpNMTAuOTkgMTMuOTM3NEwxMC43MDAyIDkuMDk4ODdWNy43NTIwNUMxMC43MDAyIDcuMzMzMDQgMTEuMDQgNi45OTM4NCAxMS40NTk3IDYuOTkzODRIMTIuNjA5QzEzLjAyODggNi45OTM4NCAxMy4zNjg2IDcuMzMzMDQgMTMuMzY4NiA3Ljc1MjA1VjkuMTA4ODRMMTMuMDg4NyAxMy45Mjc1QzEzLjA2ODcgMTQuMzI2NSAxMi43Mzg5IDE0LjYzNTggMTIuMzI5MiAxNC42MzU4SDExLjc0OTVDMTEuMzQ5OCAxNC42MzU4IDExLjAyIDE0LjMyNjUgMTAuOTkgMTMuOTI3NVYxMy45Mzc0Wk0xMS45OTk0IDE4Ljk2NTJDMTIuNzg4NyAxOC45NjUyIDEzLjQyODYgMTguMzI2NSAxMy40Mjg2IDE3LjUzODZDMTMuNDI4NiAxNi43NTA3IDEyLjc4ODcgMTYuMTEyIDExLjk5OTQgMTYuMTEyQzExLjIxMDIgMTYuMTEyIDEwLjU3MDMgMTYuNzUwNyAxMC41NzAzIDE3LjUzODZDMTAuNTcwMyAxOC4zMjY1IDExLjIxMDIgMTguOTY1MiAxMS45OTk0IDE4Ljk2NTJaIiBmaWxsPSIjNzk3Rjg1Ii8+DQo8L3N2Zz4NCg==);
mask-image: url(data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PSIwIDAgMjQgMjQiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+DQo8cGF0aCBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGNsaXAtcnVsZT0iZXZlbm9kZCIgZD0iTTMuODc0MzYgMjFIMjAuMTE0NEgyMC4xMjQ0QzIxLjU1MzUgMjEgMjIuNDUyOSAxOS41MDM1IDIxLjc2MzQgMTguMjg2NEwxMy42NDg0IDMuOTUwMjZDMTIuOTM4OCAyLjY4MzI1IDExLjA2OTkgMi42ODMyNSAxMC4zNjA0IDMuOTUwMjZMMi4yMzUzNyAxOC4yOTY0QzEuNTQ1OCAxOS41MTM1IDIuNDU1MjQgMjEgMy44NzQzNiAyMVpNMTAuOTkgMTMuOTM3NEwxMC43MDAyIDkuMDk4ODdWNy43NTIwNUMxMC43MDAyIDcuMzMzMDQgMTEuMDQgNi45OTM4NCAxMS40NTk3IDYuOTkzODRIMTIuNjA5QzEzLjAyODggNi45OTM4NCAxMy4zNjg2IDcuMzMzMDQgMTMuMzY4NiA3Ljc1MjA1VjkuMTA4ODRMMTMuMDg4NyAxMy45Mjc1QzEzLjA2ODcgMTQuMzI2NSAxMi43Mzg5IDE0LjYzNTggMTIuMzI5MiAxNC42MzU4SDExLjc0OTVDMTEuMzQ5OCAxNC42MzU4IDExLjAyIDE0LjMyNjUgMTAuOTkgMTMuOTI3NVYxMy45Mzc0Wk0xMS45OTk0IDE4Ljk2NTJDMTIuNzg4NyAxOC45NjUyIDEzLjQyODYgMTguMzI2NSAxMy40Mjg2IDE3LjUzODZDMTMuNDI4NiAxNi43NTA3IDEyLjc4ODcgMTYuMTEyIDExLjk5OTQgMTYuMTEyQzExLjIxMDIgMTYuMTEyIDEwLjU3MDMgMTYuNzUwNyAxMC41NzAzIDE3LjUzODZDMTAuNTcwMyAxOC4zMjY1IDExLjIxMDIgMTguOTY1MiAxMS45OTk0IDE4Ljk2NTJaIiBmaWxsPSIjNzk3Rjg1Ii8+DQo8L3N2Zz4NCg==)
}
.blu-ticker.b-danger[data-v-e275b4e8] {
--blu-ticker-color-background: #fff5f5;
--blu-ticker-color-border: #fecccb
}
.blu-ticker.b-danger.has-icon>.blu-ticker__icon[data-v-e275b4e8] {
background-color: #d33534;
-webkit-mask-image: url(data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PSIwIDAgMjQgMjQiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+DQo8cGF0aCBkPSJNMTIgMkM2LjQ4IDIgMiA2LjQ4IDIgMTJDMiAxNy41MiA2LjQ4IDIyIDEyIDIyQzE3LjUyIDIyIDIyIDE3LjUyIDIyIDEyQzIyIDYuNDggMTcuNTIgMiAxMiAyWk0xNi4yNCAxNC44M0MxNi42MyAxNS4yMiAxNi42MyAxNS44NSAxNi4yNCAxNi4yNEMxNS44NSAxNi42MyAxNS4yMiAxNi42MyAxNC44MyAxNi4yNEwxMiAxMy40MUw5LjE3IDE2LjI0QzguNzggMTYuNjMgOC4xNSAxNi42MyA3Ljc2IDE2LjI0QzcuMzcgMTUuODUgNy4zNyAxNS4yMiA3Ljc2IDE0LjgzTDEwLjU5IDEyTDcuNzYgOS4xN0M3LjM3IDguNzggNy4zNyA4LjE1IDcuNzYgNy43NkM4LjE1IDcuMzcgOC43OCA3LjM3IDkuMTcgNy43NkwxMiAxMC41OUwxNC44MyA3Ljc2QzE1LjIyIDcuMzcgMTUuODUgNy4zNyAxNi4yNCA3Ljc2QzE2LjYzIDguMTUgMTYuNjMgOC43OCAxNi4yNCA5LjE3TDEzLjQxIDEyTDE2LjI0IDE0LjgzWiIgZmlsbD0iIzc5N0Y4NSIvPg0KPC9zdmc+);
mask-image: url(data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PSIwIDAgMjQgMjQiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+DQo8cGF0aCBkPSJNMTIgMkM2LjQ4IDIgMiA2LjQ4IDIgMTJDMiAxNy41MiA2LjQ4IDIyIDEyIDIyQzE3LjUyIDIyIDIyIDE3LjUyIDIyIDEyQzIyIDYuNDggMTcuNTIgMiAxMiAyWk0xNi4yNCAxNC44M0MxNi42MyAxNS4yMiAxNi42MyAxNS44NSAxNi4yNCAxNi4yNEMxNS44NSAxNi42MyAxNS4yMiAxNi42MyAxNC44MyAxNi4yNEwxMiAxMy40MUw5LjE3IDE2LjI0QzguNzggMTYuNjMgOC4xNSAxNi42MyA3Ljc2IDE2LjI0QzcuMzcgMTUuODUgNy4zNyAxNS4yMiA3Ljc2IDE0LjgzTDEwLjU5IDEyTDcuNzYgOS4xN0M3LjM3IDguNzggNy4zNyA4LjE1IDcuNzYgNy43NkM4LjE1IDcuMzcgOC43OCA3LjM3IDkuMTcgNy43NkwxMiAxMC41OUwxNC44MyA3Ljc2QzE1LjIyIDcuMzcgMTUuODUgNy4zNyAxNi4yNCA3Ljc2QzE2LjYzIDguMTUgMTYuNjMgOC43OCAxNi4yNCA5LjE3TDEzLjQxIDEyTDE2LjI0IDE0LjgzWiIgZmlsbD0iIzc5N0Y4NSIvPg0KPC9zdmc+)
}
.blu-ticker.has-icon>.blu-ticker__icon[data-v-e275b4e8] {
margin-right: 8px;
background-position: center center;
background-size: contain;
background-repeat: no-repeat;
z-index: 0
}
@media screen and (min-width:769px),
print {
.blu-ticker.has-icon>.blu-ticker__icon[data-v-e275b4e8] {
padding: 12px
}
}
@media screen and (max-width:768px) {
.blu-ticker.has-icon>.blu-ticker__icon[data-v-e275b4e8] {
padding: 9px
}
}
.blu-ticker.has-icon.b-middle[data-v-e275b4e8] {
align-items: center
}
.blu-ticker.has-icon.b-bottom[data-v-e275b4e8] {
align-items: flex-end
}
.blu-ticker.has-icon.b-bottom[data-v-e275b4e8]:before {
margin-bottom: 3px
}
</style>
<style type="text/css">
.blu-ticker[data-v-5f386d2a] {
--blu-ticker-color-background: #f9f9fa;
--blu-ticker-color-border: #e1e3e4;
display: flex;
justify-content: flex-start;
align-items: flex-start;
border-radius: 8px;
position: relative;
background-color: var(--blu-ticker-color-background);
border: 1px solid var(--blu-ticker-color-border);
color: rgba(25, 34, 42, .7019607843);
padding: 8px;
margin-bottom: 8px;
z-index: 0
}
.blu-ticker__msg[data-v-5f386d2a] {
z-index: 0;
align-self: center
}
@media screen and (min-width:769px),
print {
.blu-ticker__msg[data-v-5f386d2a] {
font: 16px/20px blibli, -apple-system, segoe ui, roboto, helvetica, arial, sans-serif
}
}
@media screen and (max-width:768px) {
.blu-ticker__msg[data-v-5f386d2a] {
font: 14px/18px blibli, -apple-system, segoe ui, roboto, helvetica, arial, sans-serif
}
}
.blu-ticker__close[data-v-5f386d2a] {
object-fit: contain;
position: relative;
z-index: 0;
width: 18px;
height: 18px;
padding: 11px
}
.blu-ticker__close i[data-v-5f386d2a] {
content: "";
top: 0;
right: 0;
position: absolute;
width: 18px;
height: 18px;
padding: 12px;
background: rgba(0, 0, 0, 0) url(data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PSIwIDAgMjQgMjQiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGQ9Ik0xMy43NjcyIDEyTDE3LjYzMiA4LjEzODM5QzE4LjEyMjcgNy42NDgxOSAxOC4xMjI3IDYuODU3ODYgMTcuNjMyIDYuMzY3NjVDMTcuMTQxNCA1Ljg3NzQ1IDE2LjM1MDQgNS44Nzc0NSAxNS44NTk4IDYuMzY3NjVMMTEuOTk1IDEwLjIyOTNMOC4xNDAxOCA2LjM3NzY2QzcuNjQ5NTYgNS44ODc0NSA2Ljg1ODU3IDUuODg3NDUgNi4zNjc5NiA2LjM3NzY2QzUuODc3MzUgNi44Njc4NiA1Ljg3NzM1IDcuNjU4MTkgNi4zNjc5NiA4LjE0ODRMMTAuMjIyOCAxMkw2LjM2Nzk2IDE1Ljg2MTZDNS44NzczNSAxNi4zNTE4IDUuODc3MzUgMTcuMTQyMSA2LjM2Nzk2IDE3LjYzMjNDNi44NTg1NyAxOC4xMjI2IDcuNjQ5NTYgMTguMTIyNiA4LjE0MDE4IDE3LjYzMjNMMTIuMDA1IDEzLjc3MDdMMTUuODU5OCAxNy42MjIzQzE2LjM1MDQgMTguMTEyNSAxNy4xNDE0IDE4LjExMjUgMTcuNjMyIDE3LjYyMjNDMTguMTIyNyAxNy4xMzIxIDE4LjEyMjcgMTYuMzQxOCAxNy42MzIgMTUuODUxNkwxMy43NzcyIDEySDEzLjc2NzJaIiBmaWxsPSIjNzk3Rjg1Ii8+Cjwvc3ZnPgo=) center center no-repeat #e1e3e4;
background-color: rgba(25, 34, 42, .7019607843);
-webkit-mask-image: url(data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PSIwIDAgMjQgMjQiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGQ9Ik0xMy43NjcyIDEyTDE3LjYzMiA4LjEzODM5QzE4LjEyMjcgNy42NDgxOSAxOC4xMjI3IDYuODU3ODYgMTcuNjMyIDYuMzY3NjVDMTcuMTQxNCA1Ljg3NzQ1IDE2LjM1MDQgNS44Nzc0NSAxNS44NTk4IDYuMzY3NjVMMTEuOTk1IDEwLjIyOTNMOC4xNDAxOCA2LjM3NzY2QzcuNjQ5NTYgNS44ODc0NSA2Ljg1ODU3IDUuODg3NDUgNi4zNjc5NiA2LjM3NzY2QzUuODc3MzUgNi44Njc4NiA1Ljg3NzM1IDcuNjU4MTkgNi4zNjc5NiA4LjE0ODRMMTAuMjIyOCAxMkw2LjM2Nzk2IDE1Ljg2MTZDNS44NzczNSAxNi4zNTE4IDUuODc3MzUgMTcuMTQyMSA2LjM2Nzk2IDE3LjYzMjNDNi44NTg1NyAxOC4xMjI2IDcuNjQ5NTYgMTguMTIyNiA4LjE0MDE4IDE3LjYzMjNMMTIuMDA1IDEzLjc3MDdMMTUuODU5OCAxNy42MjIzQzE2LjM1MDQgMTguMTEyNSAxNy4xNDE0IDE4LjExMjUgMTcuNjMyIDE3LjYyMjNDMTguMTIyNyAxNy4xMzIxIDE4LjEyMjcgMTYuMzQxOCAxNy42MzIgMTUuODUxNkwxMy43NzcyIDEySDEzLjc2NzJaIiBmaWxsPSIjNzk3Rjg1Ii8+Cjwvc3ZnPgo=)
}
@media screen and (max-width:768px) {
.blu-ticker__close[data-v-5f386d2a] {
transform: scale(.75)
}
}
.blu-ticker__close[data-v-5f386d2a]:focus-visible {
box-shadow: 0 0 0 4px #000;
outline: 0
}
.blu-ticker__title[data-v-5f386d2a] {
color: #19222a
}
@media screen and (min-width:769px),
print {
.blu-ticker__title[data-v-5f386d2a] {
font: 16px/20px "blibli demi bold", -apple-system, segoe ui, roboto, helvetica, arial, sans-serif
}
}
@media screen and (max-width:768px) {
.blu-ticker__title[data-v-5f386d2a] {
font: 14px/18px "blibli demi bold", -apple-system, segoe ui, roboto, helvetica, arial, sans-serif
}
}
.blu-ticker__btn[data-v-5f386d2a] {
margin: 8px 0 0 -14px
}
.blu-ticker.b-info[data-v-5f386d2a] {
--blu-ticker-color-background: #f3f9ff;
--blu-ticker-color-border: #b9deff
}
.blu-ticker.b-info.has-icon>.blu-ticker__icon[data-v-5f386d2a] {
background-color: #006dea;
-webkit-mask-image: url(data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PSIwIDAgMjQgMjQiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+DQo8cGF0aCBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGNsaXAtcnVsZT0iZXZlbm9kZCIgZD0iTTIgMTJDMiA2LjQ4IDYuNDggMiAxMiAyQzE3LjUyIDIgMjIgNi40OCAyMiAxMkMyMiAxNy41MiAxNy41MiAyMiAxMiAyMkM2LjQ4IDIyIDIgMTcuNTIgMiAxMlpNMTEuOTcgOC43Mzc2NEMxMi43MjY2IDguNzM3NjQgMTMuMzQgOC4xMjQ4IDEzLjM0IDcuMzY4ODJDMTMuMzQgNi42MTI4NCAxMi43MjY2IDYgMTEuOTcgNkMxMS4yMTM0IDYgMTAuNiA2LjYxMjg0IDEwLjYgNy4zNjg4MkMxMC42IDguMTI0OCAxMS4yMTM0IDguNzM3NjQgMTEuOTcgOC43Mzc2NFpNMTEuNDk5OSAxMC4xMDY0SDEyLjQ0OTlDMTIuODQ5OSAxMC4xMDY0IDEzLjE3OTkgMTAuNDM2MiAxMy4xNzk5IDEwLjgzNThWMTcuMjcwM0MxMy4xNzk5IDE3LjY2OTkgMTIuODQ5OSAxNy45OTk2IDEyLjQ0OTkgMTcuOTk5NkgxMS40OTk5QzExLjA5OTkgMTcuOTk5NiAxMC43Njk5IDE3LjY2OTkgMTAuNzY5OSAxNy4yNzAzVjEwLjgzNThDMTAuNzY5OSAxMC40MzYyIDExLjA5OTkgMTAuMTA2NCAxMS40OTk5IDEwLjEwNjRaIiBmaWxsPSIjNzk3Rjg1Ii8+DQo8L3N2Zz4NCg==);
mask-image: url(data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PSIwIDAgMjQgMjQiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+DQo8cGF0aCBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGNsaXAtcnVsZT0iZXZlbm9kZCIgZD0iTTIgMTJDMiA2LjQ4IDYuNDggMiAxMiAyQzE3LjUyIDIgMjIgNi40OCAyMiAxMkMyMiAxNy41MiAxNy41MiAyMiAxMiAyMkM2LjQ4IDIyIDIgMTcuNTIgMiAxMlpNMTEuOTcgOC43Mzc2NEMxMi43MjY2IDguNzM3NjQgMTMuMzQgOC4xMjQ4IDEzLjM0IDcuMzY4ODJDMTMuMzQgNi42MTI4NCAxMi43MjY2IDYgMTEuOTcgNkMxMS4yMTM0IDYgMTAuNiA2LjYxMjg0IDEwLjYgNy4zNjg4MkMxMC42IDguMTI0OCAxMS4yMTM0IDguNzM3NjQgMTEuOTcgOC43Mzc2NFpNMTEuNDk5OSAxMC4xMDY0SDEyLjQ0OTlDMTIuODQ5OSAxMC4xMDY0IDEzLjE3OTkgMTAuNDM2MiAxMy4xNzk5IDEwLjgzNThWMTcuMjcwM0MxMy4xNzk5IDE3LjY2OTkgMTIuODQ5OSAxNy45OTk2IDEyLjQ0OTkgMTcuOTk5NkgxMS40OTk5QzExLjA5OTkgMTcuOTk5NiAxMC43Njk5IDE3LjY2OTkgMTAuNzY5OSAxNy4yNzAzVjEwLjgzNThDMTAuNzY5OSAxMC40MzYyIDExLjA5OTkgMTAuMTA2NCAxMS40OTk5IDEwLjEwNjRaIiBmaWxsPSIjNzk3Rjg1Ii8+DQo8L3N2Zz4NCg==)
}
.blu-ticker.b-success[data-v-5f386d2a] {
--blu-ticker-color-background: #effcf0;
--blu-ticker-color-border: #b2efb9
}
.blu-ticker.b-success.has-icon>.blu-ticker__icon[data-v-5f386d2a] {
background-color: #1c832a;
-webkit-mask-image: url(data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PSIwIDAgMjQgMjQiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+DQo8cGF0aCBkPSJNMTIgMkM2LjQ4IDIgMiA2LjQ4IDIgMTJDMiAxNy41MiA2LjQ4IDIyIDEyIDIyQzE3LjUyIDIyIDIyIDE3LjUyIDIyIDEyQzIyIDYuNDggMTcuNTIgMiAxMiAyWk0xNy4wNSA5LjExTDEyLjA2IDE2LjEyQzExLjg4IDE2LjM3IDExLjYgMTYuNTIgMTEuMjkgMTYuNTRIMTEuMjRDMTAuOTUgMTYuNTQgMTAuNjcgMTYuNDIgMTAuNDggMTYuMTlMNi45OSAxMi4xM0M2LjgyIDExLjkzIDYuNzMgMTEuNjcgNi43NSAxMS40MUM2Ljc3IDExLjE0IDYuODkgMTAuOSA3LjA5IDEwLjczQzcuNTEgMTAuMzcgOC4xNCAxMC40MiA4LjUgMTAuODRMMTEuMTYgMTMuOTNMMTUuNDEgNy45NkMxNS43MyA3LjUxIDE2LjM1IDcuNDEgMTYuOCA3LjczQzE3LjAyIDcuODggMTcuMTYgOC4xMSAxNy4yMSA4LjM4QzE3LjI1IDguNjQgMTcuMTkgOC45MSAxNy4wNCA5LjEyTDE3LjA1IDkuMTFaIiBmaWxsPSIjNzk3Rjg1Ii8+DQo8L3N2Zz4=);
mask-image: url(data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PSIwIDAgMjQgMjQiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+DQo8cGF0aCBkPSJNMTIgMkM2LjQ4IDIgMiA2LjQ4IDIgMTJDMiAxNy41MiA2LjQ4IDIyIDEyIDIyQzE3LjUyIDIyIDIyIDE3LjUyIDIyIDEyQzIyIDYuNDggMTcuNTIgMiAxMiAyWk0xNy4wNSA5LjExTDEyLjA2IDE2LjEyQzExLjg4IDE2LjM3IDExLjYgMTYuNTIgMTEuMjkgMTYuNTRIMTEuMjRDMTAuOTUgMTYuNTQgMTAuNjcgMTYuNDIgMTAuNDggMTYuMTlMNi45OSAxMi4xM0M2LjgyIDExLjkzIDYuNzMgMTEuNjcgNi43NSAxMS40MUM2Ljc3IDExLjE0IDYuODkgMTAuOSA3LjA5IDEwLjczQzcuNTEgMTAuMzcgOC4xNCAxMC40MiA4LjUgMTAuODRMMTEuMTYgMTMuOTNMMTUuNDEgNy45NkMxNS43MyA3LjUxIDE2LjM1IDcuNDEgMTYuOCA3LjczQzE3LjAyIDcuODggMTcuMTYgOC4xMSAxNy4yMSA4LjM4QzE3LjI1IDguNjQgMTcuMTkgOC45MSAxNy4wNCA5LjEyTDE3LjA1IDkuMTFaIiBmaWxsPSIjNzk3Rjg1Ii8+DQo8L3N2Zz4=)
}
.blu-ticker.b-warning[data-v-5f386d2a] {
--blu-ticker-color-background: #fff8e0;
--blu-ticker-color-border: #fef0b6
}
.blu-ticker.b-warning.has-icon>.blu-ticker__icon[data-v-5f386d2a] {
background-color: #f1ab02;
-webkit-mask-image: url(data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PSIwIDAgMjQgMjQiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+DQo8cGF0aCBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGNsaXAtcnVsZT0iZXZlbm9kZCIgZD0iTTMuODc0MzYgMjFIMjAuMTE0NEgyMC4xMjQ0QzIxLjU1MzUgMjEgMjIuNDUyOSAxOS41MDM1IDIxLjc2MzQgMTguMjg2NEwxMy42NDg0IDMuOTUwMjZDMTIuOTM4OCAyLjY4MzI1IDExLjA2OTkgMi42ODMyNSAxMC4zNjA0IDMuOTUwMjZMMi4yMzUzNyAxOC4yOTY0QzEuNTQ1OCAxOS41MTM1IDIuNDU1MjQgMjEgMy44NzQzNiAyMVpNMTAuOTkgMTMuOTM3NEwxMC43MDAyIDkuMDk4ODdWNy43NTIwNUMxMC43MDAyIDcuMzMzMDQgMTEuMDQgNi45OTM4NCAxMS40NTk3IDYuOTkzODRIMTIuNjA5QzEzLjAyODggNi45OTM4NCAxMy4zNjg2IDcuMzMzMDQgMTMuMzY4NiA3Ljc1MjA1VjkuMTA4ODRMMTMuMDg4NyAxMy45Mjc1QzEzLjA2ODcgMTQuMzI2NSAxMi43Mzg5IDE0LjYzNTggMTIuMzI5MiAxNC42MzU4SDExLjc0OTVDMTEuMzQ5OCAxNC42MzU4IDExLjAyIDE0LjMyNjUgMTAuOTkgMTMuOTI3NVYxMy45Mzc0Wk0xMS45OTk0IDE4Ljk2NTJDMTIuNzg4NyAxOC45NjUyIDEzLjQyODYgMTguMzI2NSAxMy40Mjg2IDE3LjUzODZDMTMuNDI4NiAxNi43NTA3IDEyLjc4ODcgMTYuMTEyIDExLjk5OTQgMTYuMTEyQzExLjIxMDIgMTYuMTEyIDEwLjU3MDMgMTYuNzUwNyAxMC41NzAzIDE3LjUzODZDMTAuNTcwMyAxOC4zMjY1IDExLjIxMDIgMTguOTY1MiAxMS45OTk0IDE4Ljk2NTJaIiBmaWxsPSIjNzk3Rjg1Ii8+DQo8L3N2Zz4NCg==);
mask-image: url(data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PSIwIDAgMjQgMjQiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+DQo8cGF0aCBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGNsaXAtcnVsZT0iZXZlbm9kZCIgZD0iTTMuODc0MzYgMjFIMjAuMTE0NEgyMC4xMjQ0QzIxLjU1MzUgMjEgMjIuNDUyOSAxOS41MDM1IDIxLjc2MzQgMTguMjg2NEwxMy42NDg0IDMuOTUwMjZDMTIuOTM4OCAyLjY4MzI1IDExLjA2OTkgMi42ODMyNSAxMC4zNjA0IDMuOTUwMjZMMi4yMzUzNyAxOC4yOTY0QzEuNTQ1OCAxOS41MTM1IDIuNDU1MjQgMjEgMy44NzQzNiAyMVpNMTAuOTkgMTMuOTM3NEwxMC43MDAyIDkuMDk4ODdWNy43NTIwNUMxMC43MDAyIDcuMzMzMDQgMTEuMDQgNi45OTM4NCAxMS40NTk3IDYuOTkzODRIMTIuNjA5QzEzLjAyODggNi45OTM4NCAxMy4zNjg2IDcuMzMzMDQgMTMuMzY4NiA3Ljc1MjA1VjkuMTA4ODRMMTMuMDg4NyAxMy45Mjc1QzEzLjA2ODcgMTQuMzI2NSAxMi43Mzg5IDE0LjYzNTggMTIuMzI5MiAxNC42MzU4SDExLjc0OTVDMTEuMzQ5OCAxNC42MzU4IDExLjAyIDE0LjMyNjUgMTAuOTkgMTMuOTI3NVYxMy45Mzc0Wk0xMS45OTk0IDE4Ljk2NTJDMTIuNzg4NyAxOC45NjUyIDEzLjQyODYgMTguMzI2NSAxMy40Mjg2IDE3LjUzODZDMTMuNDI4NiAxNi43NTA3IDEyLjc4ODcgMTYuMTEyIDExLjk5OTQgMTYuMTEyQzExLjIxMDIgMTYuMTEyIDEwLjU3MDMgMTYuNzUwNyAxMC41NzAzIDE3LjUzODZDMTAuNTcwMyAxOC4zMjY1IDExLjIxMDIgMTguOTY1MiAxMS45OTk0IDE4Ljk2NTJaIiBmaWxsPSIjNzk3Rjg1Ii8+DQo8L3N2Zz4NCg==)
}
.blu-ticker.b-danger[data-v-5f386d2a] {
--blu-ticker-color-background: #fff5f5;
--blu-ticker-color-border: #fecccb
}
.blu-ticker.b-danger.has-icon>.blu-ticker__icon[data-v-5f386d2a] {
background-color: #d33534;
-webkit-mask-image: url(data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PSIwIDAgMjQgMjQiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+DQo8cGF0aCBkPSJNMTIgMkM2LjQ4IDIgMiA2LjQ4IDIgMTJDMiAxNy41MiA2LjQ4IDIyIDEyIDIyQzE3LjUyIDIyIDIyIDE3LjUyIDIyIDEyQzIyIDYuNDggMTcuNTIgMiAxMiAyWk0xNi4yNCAxNC44M0MxNi42MyAxNS4yMiAxNi42MyAxNS44NSAxNi4yNCAxNi4yNEMxNS44NSAxNi42MyAxNS4yMiAxNi42MyAxNC44MyAxNi4yNEwxMiAxMy40MUw5LjE3IDE2LjI0QzguNzggMTYuNjMgOC4xNSAxNi42MyA3Ljc2IDE2LjI0QzcuMzcgMTUuODUgNy4zNyAxNS4yMiA3Ljc2IDE0LjgzTDEwLjU5IDEyTDcuNzYgOS4xN0M3LjM3IDguNzggNy4zNyA4LjE1IDcuNzYgNy43NkM4LjE1IDcuMzcgOC43OCA3LjM3IDkuMTcgNy43NkwxMiAxMC41OUwxNC44MyA3Ljc2QzE1LjIyIDcuMzcgMTUuODUgNy4zNyAxNi4yNCA3Ljc2QzE2LjYzIDguMTUgMTYuNjMgOC43OCAxNi4yNCA5LjE3TDEzLjQxIDEyTDE2LjI0IDE0LjgzWiIgZmlsbD0iIzc5N0Y4NSIvPg0KPC9zdmc+);
mask-image: url(data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PSIwIDAgMjQgMjQiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+DQo8cGF0aCBkPSJNMTIgMkM2LjQ4IDIgMiA2LjQ4IDIgMTJDMiAxNy41MiA2LjQ4IDIyIDEyIDIyQzE3LjUyIDIyIDIyIDE3LjUyIDIyIDEyQzIyIDYuNDggMTcuNTIgMiAxMiAyWk0xNi4yNCAxNC44M0MxNi42MyAxNS4yMiAxNi42MyAxNS44NSAxNi4yNCAxNi4yNEMxNS44NSAxNi42MyAxNS4yMiAxNi42MyAxNC44MyAxNi4yNEwxMiAxMy40MUw5LjE3IDE2LjI0QzguNzggMTYuNjMgOC4xNSAxNi42MyA3Ljc2IDE2LjI0QzcuMzcgMTUuODUgNy4zNyAxNS4yMiA3Ljc2IDE0LjgzTDEwLjU5IDEyTDcuNzYgOS4xN0M3LjM3IDguNzggNy4zNyA4LjE1IDcuNzYgNy43NkM4LjE1IDcuMzcgOC43OCA3LjM3IDkuMTcgNy43NkwxMiAxMC41OUwxNC44MyA3Ljc2QzE1LjIyIDcuMzcgMTUuODUgNy4zNyAxNi4yNCA3Ljc2QzE2LjYzIDguMTUgMTYuNjMgOC43OCAxNi4yNCA5LjE3TDEzLjQxIDEyTDE2LjI0IDE0LjgzWiIgZmlsbD0iIzc5N0Y4NSIvPg0KPC9zdmc+)
}
.blu-ticker.has-icon>.blu-ticker__icon[data-v-5f386d2a] {
margin-right: 8px;
background-position: center center;
background-size: contain;
background-repeat: no-repeat;
z-index: 0
}
@media screen and (min-width:769px),
print {
.blu-ticker.has-icon>.blu-ticker__icon[data-v-5f386d2a] {
padding: 12px
}
}
@media screen and (max-width:768px) {
.blu-ticker.has-icon>.blu-ticker__icon[data-v-5f386d2a] {
padding: 9px
}
}
.blu-ticker.has-icon.b-middle[data-v-5f386d2a] {
align-items: center
}
.blu-ticker.has-icon.b-bottom[data-v-5f386d2a] {
align-items: flex-end
}
.blu-ticker.has-icon.b-bottom[data-v-5f386d2a]:before {
margin-bottom: 3px
}
</style>
<style type="text/css">
.blu-ticker[data-v-c29289ca] {
--blu-ticker-color-background: #f9f9fa;
--blu-ticker-color-border: #e1e3e4;
display: flex;
justify-content: flex-start;
align-items: flex-start;
border-radius: 8px;
position: relative;
background-color: var(--blu-ticker-color-background);
border: 1px solid var(--blu-ticker-color-border);
color: rgba(25, 34, 42, .7019607843);
padding: 8px;
margin-bottom: 8px;
z-index: 0
}
.blu-ticker__msg[data-v-c29289ca] {
z-index: 0;
align-self: center
}
@media screen and (min-width:769px),
print {
.blu-ticker__msg[data-v-c29289ca] {
font: 16px/20px blibli, -apple-system, segoe ui, roboto, helvetica, arial, sans-serif
}
}
@media screen and (max-width:768px) {
.blu-ticker__msg[data-v-c29289ca] {
font: 14px/18px blibli, -apple-system, segoe ui, roboto, helvetica, arial, sans-serif
}
}
.blu-ticker__close[data-v-c29289ca] {
object-fit: contain;
position: relative;
z-index: 0;
width: 18px;
height: 18px;
padding: 11px
}
.blu-ticker__close i[data-v-c29289ca] {
content: "";
top: 0;
right: 0;
position: absolute;
width: 18px;
height: 18px;
padding: 12px;
background: rgba(0, 0, 0, 0) url(data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PSIwIDAgMjQgMjQiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGQ9Ik0xMy43NjcyIDEyTDE3LjYzMiA4LjEzODM5QzE4LjEyMjcgNy42NDgxOSAxOC4xMjI3IDYuODU3ODYgMTcuNjMyIDYuMzY3NjVDMTcuMTQxNCA1Ljg3NzQ1IDE2LjM1MDQgNS44Nzc0NSAxNS44NTk4IDYuMzY3NjVMMTEuOTk1IDEwLjIyOTNMOC4xNDAxOCA2LjM3NzY2QzcuNjQ5NTYgNS44ODc0NSA2Ljg1ODU3IDUuODg3NDUgNi4zNjc5NiA2LjM3NzY2QzUuODc3MzUgNi44Njc4NiA1Ljg3NzM1IDcuNjU4MTkgNi4zNjc5NiA4LjE0ODRMMTAuMjIyOCAxMkw2LjM2Nzk2IDE1Ljg2MTZDNS44NzczNSAxNi4zNTE4IDUuODc3MzUgMTcuMTQyMSA2LjM2Nzk2IDE3LjYzMjNDNi44NTg1NyAxOC4xMjI2IDcuNjQ5NTYgMTguMTIyNiA4LjE0MDE4IDE3LjYzMjNMMTIuMDA1IDEzLjc3MDdMMTUuODU5OCAxNy42MjIzQzE2LjM1MDQgMTguMTEyNSAxNy4xNDE0IDE4LjExMjUgMTcuNjMyIDE3LjYyMjNDMTguMTIyNyAxNy4xMzIxIDE4LjEyMjcgMTYuMzQxOCAxNy42MzIgMTUuODUxNkwxMy43NzcyIDEySDEzLjc2NzJaIiBmaWxsPSIjNzk3Rjg1Ii8+Cjwvc3ZnPgo=) center center no-repeat #e1e3e4;
background-color: rgba(25, 34, 42, .7019607843);
-webkit-mask-image: url(data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PSIwIDAgMjQgMjQiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGQ9Ik0xMy43NjcyIDEyTDE3LjYzMiA4LjEzODM5QzE4LjEyMjcgNy42NDgxOSAxOC4xMjI3IDYuODU3ODYgMTcuNjMyIDYuMzY3NjVDMTcuMTQxNCA1Ljg3NzQ1IDE2LjM1MDQgNS44Nzc0NSAxNS44NTk4IDYuMzY3NjVMMTEuOTk1IDEwLjIyOTNMOC4xNDAxOCA2LjM3NzY2QzcuNjQ5NTYgNS44ODc0NSA2Ljg1ODU3IDUuODg3NDUgNi4zNjc5NiA2LjM3NzY2QzUuODc3MzUgNi44Njc4NiA1Ljg3NzM1IDcuNjU4MTkgNi4zNjc5NiA4LjE0ODRMMTAuMjIyOCAxMkw2LjM2Nzk2IDE1Ljg2MTZDNS44NzczNSAxNi4zNTE4IDUuODc3MzUgMTcuMTQyMSA2LjM2Nzk2IDE3LjYzMjNDNi44NTg1NyAxOC4xMjI2IDcuNjQ5NTYgMTguMTIyNiA4LjE0MDE4IDE3LjYzMjNMMTIuMDA1IDEzLjc3MDdMMTUuODU5OCAxNy42MjIzQzE2LjM1MDQgMTguMTEyNSAxNy4xNDE0IDE4LjExMjUgMTcuNjMyIDE3LjYyMjNDMTguMTIyNyAxNy4xMzIxIDE4LjEyMjcgMTYuMzQxOCAxNy42MzIgMTUuODUxNkwxMy43NzcyIDEySDEzLjc2NzJaIiBmaWxsPSIjNzk3Rjg1Ii8+Cjwvc3ZnPgo=)
}
@media screen and (max-width:768px) {
.blu-ticker__close[data-v-c29289ca] {
transform: scale(.75)
}
}
.blu-ticker__close[data-v-c29289ca]:focus-visible {
box-shadow: 0 0 0 4px #000;
outline: 0
}
.blu-ticker__title[data-v-c29289ca] {
color: #19222a
}
@media screen and (min-width:769px),
print {
.blu-ticker__title[data-v-c29289ca] {
font: 16px/20px "blibli demi bold", -apple-system, segoe ui, roboto, helvetica, arial, sans-serif
}
}
@media screen and (max-width:768px) {
.blu-ticker__title[data-v-c29289ca] {
font: 14px/18px "blibli demi bold", -apple-system, segoe ui, roboto, helvetica, arial, sans-serif
}
}
.blu-ticker__btn[data-v-c29289ca] {
margin: 8px 0 0 -14px
}
.blu-ticker.b-info[data-v-c29289ca] {
--blu-ticker-color-background: #f3f9ff;
--blu-ticker-color-border: #b9deff
}
.blu-ticker.b-info.has-icon>.blu-ticker__icon[data-v-c29289ca] {
background-color: #006dea;
-webkit-mask-image: url(data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PSIwIDAgMjQgMjQiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+DQo8cGF0aCBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGNsaXAtcnVsZT0iZXZlbm9kZCIgZD0iTTIgMTJDMiA2LjQ4IDYuNDggMiAxMiAyQzE3LjUyIDIgMjIgNi40OCAyMiAxMkMyMiAxNy41MiAxNy41MiAyMiAxMiAyMkM2LjQ4IDIyIDIgMTcuNTIgMiAxMlpNMTEuOTcgOC43Mzc2NEMxMi43MjY2IDguNzM3NjQgMTMuMzQgOC4xMjQ4IDEzLjM0IDcuMzY4ODJDMTMuMzQgNi42MTI4NCAxMi43MjY2IDYgMTEuOTcgNkMxMS4yMTM0IDYgMTAuNiA2LjYxMjg0IDEwLjYgNy4zNjg4MkMxMC42IDguMTI0OCAxMS4yMTM0IDguNzM3NjQgMTEuOTcgOC43Mzc2NFpNMTEuNDk5OSAxMC4xMDY0SDEyLjQ0OTlDMTIuODQ5OSAxMC4xMDY0IDEzLjE3OTkgMTAuNDM2MiAxMy4xNzk5IDEwLjgzNThWMTcuMjcwM0MxMy4xNzk5IDE3LjY2OTkgMTIuODQ5OSAxNy45OTk2IDEyLjQ0OTkgMTcuOTk5NkgxMS40OTk5QzExLjA5OTkgMTcuOTk5NiAxMC43Njk5IDE3LjY2OTkgMTAuNzY5OSAxNy4yNzAzVjEwLjgzNThDMTAuNzY5OSAxMC40MzYyIDExLjA5OTkgMTAuMTA2NCAxMS40OTk5IDEwLjEwNjRaIiBmaWxsPSIjNzk3Rjg1Ii8+DQo8L3N2Zz4NCg==);
mask-image: url(data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PSIwIDAgMjQgMjQiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+DQo8cGF0aCBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGNsaXAtcnVsZT0iZXZlbm9kZCIgZD0iTTIgMTJDMiA2LjQ4IDYuNDggMiAxMiAyQzE3LjUyIDIgMjIgNi40OCAyMiAxMkMyMiAxNy41MiAxNy41MiAyMiAxMiAyMkM2LjQ4IDIyIDIgMTcuNTIgMiAxMlpNMTEuOTcgOC43Mzc2NEMxMi43MjY2IDguNzM3NjQgMTMuMzQgOC4xMjQ4IDEzLjM0IDcuMzY4ODJDMTMuMzQgNi42MTI4NCAxMi43MjY2IDYgMTEuOTcgNkMxMS4yMTM0IDYgMTAuNiA2LjYxMjg0IDEwLjYgNy4zNjg4MkMxMC42IDguMTI0OCAxMS4yMTM0IDguNzM3NjQgMTEuOTcgOC43Mzc2NFpNMTEuNDk5OSAxMC4xMDY0SDEyLjQ0OTlDMTIuODQ5OSAxMC4xMDY0IDEzLjE3OTkgMTAuNDM2MiAxMy4xNzk5IDEwLjgzNThWMTcuMjcwM0MxMy4xNzk5IDE3LjY2OTkgMTIuODQ5OSAxNy45OTk2IDEyLjQ0OTkgMTcuOTk5NkgxMS40OTk5QzExLjA5OTkgMTcuOTk5NiAxMC43Njk5IDE3LjY2OTkgMTAuNzY5OSAxNy4yNzAzVjEwLjgzNThDMTAuNzY5OSAxMC40MzYyIDExLjA5OTkgMTAuMTA2NCAxMS40OTk5IDEwLjEwNjRaIiBmaWxsPSIjNzk3Rjg1Ii8+DQo8L3N2Zz4NCg==)
}
.blu-ticker.b-success[data-v-c29289ca] {
--blu-ticker-color-background: #effcf0;
--blu-ticker-color-border: #b2efb9
}
.blu-ticker.b-success.has-icon>.blu-ticker__icon[data-v-c29289ca] {
background-color: #1c832a;
-webkit-mask-image: url(data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PSIwIDAgMjQgMjQiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+DQo8cGF0aCBkPSJNMTIgMkM2LjQ4IDIgMiA2LjQ4IDIgMTJDMiAxNy41MiA2LjQ4IDIyIDEyIDIyQzE3LjUyIDIyIDIyIDE3LjUyIDIyIDEyQzIyIDYuNDggMTcuNTIgMiAxMiAyWk0xNy4wNSA5LjExTDEyLjA2IDE2LjEyQzExLjg4IDE2LjM3IDExLjYgMTYuNTIgMTEuMjkgMTYuNTRIMTEuMjRDMTAuOTUgMTYuNTQgMTAuNjcgMTYuNDIgMTAuNDggMTYuMTlMNi45OSAxMi4xM0M2LjgyIDExLjkzIDYuNzMgMTEuNjcgNi43NSAxMS40MUM2Ljc3IDExLjE0IDYuODkgMTAuOSA3LjA5IDEwLjczQzcuNTEgMTAuMzcgOC4xNCAxMC40MiA4LjUgMTAuODRMMTEuMTYgMTMuOTNMMTUuNDEgNy45NkMxNS43MyA3LjUxIDE2LjM1IDcuNDEgMTYuOCA3LjczQzE3LjAyIDcuODggMTcuMTYgOC4xMSAxNy4yMSA4LjM4QzE3LjI1IDguNjQgMTcuMTkgOC45MSAxNy4wNCA5LjEyTDE3LjA1IDkuMTFaIiBmaWxsPSIjNzk3Rjg1Ii8+DQo8L3N2Zz4=);
mask-image: url(data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PSIwIDAgMjQgMjQiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+DQo8cGF0aCBkPSJNMTIgMkM2LjQ4IDIgMiA2LjQ4IDIgMTJDMiAxNy41MiA2LjQ4IDIyIDEyIDIyQzE3LjUyIDIyIDIyIDE3LjUyIDIyIDEyQzIyIDYuNDggMTcuNTIgMiAxMiAyWk0xNy4wNSA5LjExTDEyLjA2IDE2LjEyQzExLjg4IDE2LjM3IDExLjYgMTYuNTIgMTEuMjkgMTYuNTRIMTEuMjRDMTAuOTUgMTYuNTQgMTAuNjcgMTYuNDIgMTAuNDggMTYuMTlMNi45OSAxMi4xM0M2LjgyIDExLjkzIDYuNzMgMTEuNjcgNi43NSAxMS40MUM2Ljc3IDExLjE0IDYuODkgMTAuOSA3LjA5IDEwLjczQzcuNTEgMTAuMzcgOC4xNCAxMC40MiA4LjUgMTAuODRMMTEuMTYgMTMuOTNMMTUuNDEgNy45NkMxNS43MyA3LjUxIDE2LjM1IDcuNDEgMTYuOCA3LjczQzE3LjAyIDcuODggMTcuMTYgOC4xMSAxNy4yMSA4LjM4QzE3LjI1IDguNjQgMTcuMTkgOC45MSAxNy4wNCA5LjEyTDE3LjA1IDkuMTFaIiBmaWxsPSIjNzk3Rjg1Ii8+DQo8L3N2Zz4=)
}
.blu-ticker.b-warning[data-v-c29289ca] {
--blu-ticker-color-background: #fff8e0;
--blu-ticker-color-border: #fef0b6
}
.blu-ticker.b-warning.has-icon>.blu-ticker__icon[data-v-c29289ca] {
background-color: #f1ab02;
-webkit-mask-image: url(data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PSIwIDAgMjQgMjQiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+DQo8cGF0aCBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGNsaXAtcnVsZT0iZXZlbm9kZCIgZD0iTTMuODc0MzYgMjFIMjAuMTE0NEgyMC4xMjQ0QzIxLjU1MzUgMjEgMjIuNDUyOSAxOS41MDM1IDIxLjc2MzQgMTguMjg2NEwxMy42NDg0IDMuOTUwMjZDMTIuOTM4OCAyLjY4MzI1IDExLjA2OTkgMi42ODMyNSAxMC4zNjA0IDMuOTUwMjZMMi4yMzUzNyAxOC4yOTY0QzEuNTQ1OCAxOS41MTM1IDIuNDU1MjQgMjEgMy44NzQzNiAyMVpNMTAuOTkgMTMuOTM3NEwxMC43MDAyIDkuMDk4ODdWNy43NTIwNUMxMC43MDAyIDcuMzMzMDQgMTEuMDQgNi45OTM4NCAxMS40NTk3IDYuOTkzODRIMTIuNjA5QzEzLjAyODggNi45OTM4NCAxMy4zNjg2IDcuMzMzMDQgMTMuMzY4NiA3Ljc1MjA1VjkuMTA4ODRMMTMuMDg4NyAxMy45Mjc1QzEzLjA2ODcgMTQuMzI2NSAxMi43Mzg5IDE0LjYzNTggMTIuMzI5MiAxNC42MzU4SDExLjc0OTVDMTEuMzQ5OCAxNC42MzU4IDExLjAyIDE0LjMyNjUgMTAuOTkgMTMuOTI3NVYxMy45Mzc0Wk0xMS45OTk0IDE4Ljk2NTJDMTIuNzg4NyAxOC45NjUyIDEzLjQyODYgMTguMzI2NSAxMy40Mjg2IDE3LjUzODZDMTMuNDI4NiAxNi43NTA3IDEyLjc4ODcgMTYuMTEyIDExLjk5OTQgMTYuMTEyQzExLjIxMDIgMTYuMTEyIDEwLjU3MDMgMTYuNzUwNyAxMC41NzAzIDE3LjUzODZDMTAuNTcwMyAxOC4zMjY1IDExLjIxMDIgMTguOTY1MiAxMS45OTk0IDE4Ljk2NTJaIiBmaWxsPSIjNzk3Rjg1Ii8+DQo8L3N2Zz4NCg==);
mask-image: url(data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PSIwIDAgMjQgMjQiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+DQo8cGF0aCBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGNsaXAtcnVsZT0iZXZlbm9kZCIgZD0iTTMuODc0MzYgMjFIMjAuMTE0NEgyMC4xMjQ0QzIxLjU1MzUgMjEgMjIuNDUyOSAxOS41MDM1IDIxLjc2MzQgMTguMjg2NEwxMy42NDg0IDMuOTUwMjZDMTIuOTM4OCAyLjY4MzI1IDExLjA2OTkgMi42ODMyNSAxMC4zNjA0IDMuOTUwMjZMMi4yMzUzNyAxOC4yOTY0QzEuNTQ1OCAxOS41MTM1IDIuNDU1MjQgMjEgMy44NzQzNiAyMVpNMTAuOTkgMTMuOTM3NEwxMC43MDAyIDkuMDk4ODdWNy43NTIwNUMxMC43MDAyIDcuMzMzMDQgMTEuMDQgNi45OTM4NCAxMS40NTk3IDYuOTkzODRIMTIuNjA5QzEzLjAyODggNi45OTM4NCAxMy4zNjg2IDcuMzMzMDQgMTMuMzY4NiA3Ljc1MjA1VjkuMTA4ODRMMTMuMDg4NyAxMy45Mjc1QzEzLjA2ODcgMTQuMzI2NSAxMi43Mzg5IDE0LjYzNTggMTIuMzI5MiAxNC42MzU4SDExLjc0OTVDMTEuMzQ5OCAxNC42MzU4IDExLjAyIDE0LjMyNjUgMTAuOTkgMTMuOTI3NVYxMy45Mzc0Wk0xMS45OTk0IDE4Ljk2NTJDMTIuNzg4NyAxOC45NjUyIDEzLjQyODYgMTguMzI2NSAxMy40Mjg2IDE3LjUzODZDMTMuNDI4NiAxNi43NTA3IDEyLjc4ODcgMTYuMTEyIDExLjk5OTQgMTYuMTEyQzExLjIxMDIgMTYuMTEyIDEwLjU3MDMgMTYuNzUwNyAxMC41NzAzIDE3LjUzODZDMTAuNTcwMyAxOC4zMjY1IDExLjIxMDIgMTguOTY1MiAxMS45OTk0IDE4Ljk2NTJaIiBmaWxsPSIjNzk3Rjg1Ii8+DQo8L3N2Zz4NCg==)
}
.blu-ticker.b-danger[data-v-c29289ca] {
--blu-ticker-color-background: #fff5f5;
--blu-ticker-color-border: #fecccb
}
.blu-ticker.b-danger.has-icon>.blu-ticker__icon[data-v-c29289ca] {
background-color: #d33534;
-webkit-mask-image: url(data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PSIwIDAgMjQgMjQiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+DQo8cGF0aCBkPSJNMTIgMkM2LjQ4IDIgMiA2LjQ4IDIgMTJDMiAxNy41MiA2LjQ4IDIyIDEyIDIyQzE3LjUyIDIyIDIyIDE3LjUyIDIyIDEyQzIyIDYuNDggMTcuNTIgMiAxMiAyWk0xNi4yNCAxNC44M0MxNi42MyAxNS4yMiAxNi42MyAxNS44NSAxNi4yNCAxNi4yNEMxNS44NSAxNi42MyAxNS4yMiAxNi42MyAxNC44MyAxNi4yNEwxMiAxMy40MUw5LjE3IDE2LjI0QzguNzggMTYuNjMgOC4xNSAxNi42MyA3Ljc2IDE2LjI0QzcuMzcgMTUuODUgNy4zNyAxNS4yMiA3Ljc2IDE0LjgzTDEwLjU5IDEyTDcuNzYgOS4xN0M3LjM3IDguNzggNy4zNyA4LjE1IDcuNzYgNy43NkM4LjE1IDcuMzcgOC43OCA3LjM3IDkuMTcgNy43NkwxMiAxMC41OUwxNC44MyA3Ljc2QzE1LjIyIDcuMzcgMTUuODUgNy4zNyAxNi4yNCA3Ljc2QzE2LjYzIDguMTUgMTYuNjMgOC43OCAxNi4yNCA5LjE3TDEzLjQxIDEyTDE2LjI0IDE0LjgzWiIgZmlsbD0iIzc5N0Y4NSIvPg0KPC9zdmc+);
mask-image: url(data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PSIwIDAgMjQgMjQiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+DQo8cGF0aCBkPSJNMTIgMkM2LjQ4IDIgMiA2LjQ4IDIgMTJDMiAxNy41MiA2LjQ4IDIyIDEyIDIyQzE3LjUyIDIyIDIyIDE3LjUyIDIyIDEyQzIyIDYuNDggMTcuNTIgMiAxMiAyWk0xNi4yNCAxNC44M0MxNi42MyAxNS4yMiAxNi42MyAxNS44NSAxNi4yNCAxNi4yNEMxNS44NSAxNi42MyAxNS4yMiAxNi42MyAxNC44MyAxNi4yNEwxMiAxMy40MUw5LjE3IDE2LjI0QzguNzggMTYuNjMgOC4xNSAxNi42MyA3Ljc2IDE2LjI0QzcuMzcgMTUuODUgNy4zNyAxNS4yMiA3Ljc2IDE0LjgzTDEwLjU5IDEyTDcuNzYgOS4xN0M3LjM3IDguNzggNy4zNyA4LjE1IDcuNzYgNy43NkM4LjE1IDcuMzcgOC43OCA3LjM3IDkuMTcgNy43NkwxMiAxMC41OUwxNC44MyA3Ljc2QzE1LjIyIDcuMzcgMTUuODUgNy4zNyAxNi4yNCA3Ljc2QzE2LjYzIDguMTUgMTYuNjMgOC43OCAxNi4yNCA5LjE3TDEzLjQxIDEyTDE2LjI0IDE0LjgzWiIgZmlsbD0iIzc5N0Y4NSIvPg0KPC9zdmc+)
}
.blu-ticker.has-icon>.blu-ticker__icon[data-v-c29289ca] {
margin-right: 8px;
background-position: center center;
background-size: contain;
background-repeat: no-repeat;
z-index: 0
}
@media screen and (min-width:769px),
print {
.blu-ticker.has-icon>.blu-ticker__icon[data-v-c29289ca] {
padding: 12px
}
}
@media screen and (max-width:768px) {
.blu-ticker.has-icon>.blu-ticker__icon[data-v-c29289ca] {
padding: 9px
}
}
.blu-ticker.has-icon.b-middle[data-v-c29289ca] {
align-items: center
}
.blu-ticker.has-icon.b-bottom[data-v-c29289ca] {
align-items: flex-end
}
.blu-ticker.has-icon.b-bottom[data-v-c29289ca]:before {
margin-bottom: 3px
}
</style>
<style type="text/css">
.blu-ripple[data-v-589e2bdd] {
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 100%);
padding: 0 12px
}
.blu-ripple-wave[data-v-589e2bdd] {
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-589e2bdd] {
animation-duration: 1.2s;
top: 50%;
left: 50%
}
.blu-ripple-wave~[data-v-589e2bdd]:not(.blu-ripple-wave) {
position: relative;
z-index: 2
}
.blu-ripple-enter-active[data-v-589e2bdd] {
transition: 2s cubic-bezier(.25, .8, .25, 1);
transition-property: opacity, transform;
will-change: opacity, transform
}
.blu-ripple-enter-active.b-centered[data-v-589e2bdd] {
transition-duration: 1.2s
}
.blu-ripple-enter[data-v-589e2bdd] {
opacity: .26;
transform: scale(.26) translateZ(0)
}
.has-left-icon .blu-ripple svg[data-v-589e2bdd] {
margin-right: 8px
}
.has-left-icon.b-small svg[data-v-589e2bdd] {
transform-origin: left;
margin-right: 4px
}
.b-large .blu-ripple[data-v-589e2bdd] {
padding: 0 16px
}
.b-small .blu-ripple[data-v-589e2bdd] {
padding: 0 8px
}
.b-small svg[data-v-589e2bdd] {
width: 18px;
height: 18px
}
.b-icon .blu-ripple[data-v-589e2bdd] {
padding: 0
}
.b-loading .blu-loader-wrapper[data-v-589e2bdd] {
height: 24px;
position: absolute
}
.b-loading .blu-ripple[data-v-589e2bdd] {
color: transparent
}
.b-loading .blu-ripple>svg[data-v-589e2bdd] {
visibility: hidden
}
.b-loading .blu-ripple .blu-ripple-wave[data-v-589e2bdd] {
color: #fff
}
.b-loading.b-white .blu-ripple-wave[data-v-589e2bdd] {
color: #0072ff
}
.b-loading.b-outline.b-secondary .blu-ripple-wave[data-v-589e2bdd] {
color: #0072ff
}
.b-loading.b-outline.b-primary .blu-ripple-wave[data-v-589e2bdd] {
color: #f1ab02
}
.b-loading.b-ghost.b-secondary .blu-ripple-wave[data-v-589e2bdd] {
color: #0072ff
}
.b-loading.b-ghost.b-primary .blu-ripple-wave[data-v-589e2bdd] {
color: #f1ab02
}
.blu-input-stepper .blu-btn .blu-ripple[data-v-589e2bdd] {
padding: 0;
width: 24px;
height: 24px;
border-radius: 50%
}
.blu-input-stepper .blu-btn .blu-ripple svg[data-v-589e2bdd] {
width: 18px;
height: 18px;
margin-left: 1px
}
.blu-input-stepper .blu-btn .blu-ripple-enter-active[data-v-589e2bdd] {
background: #0072ff
}
.b-disabled[data-v-589e2bdd] {
opacity: 1
}
.blu-btn-dropdown .blu-ripple>svg+div[data-v-589e2bdd] {
margin-left: 8px
}
.blu-radio[data-v-589e2bdd] {
width: auto;
margin: 16px 16px 16px 0;
display: inline-flex;
position: relative
}
.blu-radio[data-v-589e2bdd]:not(.b-disabled) {
cursor: pointer
}
.blu-radio:not(.b-disabled) .blu-radio-label[data-v-589e2bdd] {
cursor: pointer;
color: rgba(25, 34, 42, .7019607843)
}
.blu-radio .blu-radio-container[data-v-589e2bdd] {
width: 20px;
min-width: 20px;
height: 20px;
position: relative;
border: 1px solid transparent;
border-radius: 50%;
transition: .4s cubic-bezier(.25, .8, .25, 1);
border-color: #c8cbcd
}
.blu-radio .blu-radio-container[data-v-589e2bdd]:focus {
outline: 0
}
.blu-radio .blu-radio-container[data-v-589e2bdd]::after,
.blu-radio .blu-radio-container[data-v-589e2bdd]::before {
position: absolute;
transition: .4s cubic-bezier(.55, 0, .55, .2);
content: " "
}
.blu-radio .blu-radio-container[data-v-589e2bdd]::before {
width: 48px;
height: 48px;
top: 50%;
left: 50%;
border-radius: 50%;
transform: translate(-50%, -50%)
}
.blu-radio .blu-radio-container[data-v-589e2bdd]::after {
position: absolute;
top: 3px;
right: 3px;
bottom: 3px;
left: 3px;
border-radius: 50%;
transform: scale3D(.38, .38, 1);
content: " "
}
.blu-radio .blu-radio-container input[data-v-589e2bdd] {
position: absolute;
left: -999em
}
.blu-radio .blu-radio-container input:focus-visible+.focus-radio[data-v-589e2bdd] {
position: absolute;
padding: 12px;
border: 4px solid #000;
border-radius: 8px;
left: -8px;
bottom: -8px
}
.blu-radio .blu-radio-label[data-v-589e2bdd] {
padding-left: 8px;
position: relative;
font: 16px/20px blibli, -apple-system, segoe ui, roboto, helvetica, arial, sans-serif
}
.blu-radio.b-checked .blu-radio-container[data-v-589e2bdd] {
border-color: #1d8fff
}
.blu-radio.b-checked .blu-radio-container[data-v-589e2bdd]::after {
transform: scale3D(1, 1, 1);
transition: .4s cubic-bezier(.25, .8, .25, 1);
background-color: #1d8fff
}
.blu-radio.b-checked .blu-radio-container[data-v-589e2bdd]:hover {
background-color: #fff;
box-shadow: none
}
.blu-radio.b-required label[data-v-589e2bdd]::after {
position: absolute;
top: 2px;
right: 0;
transform: translateX(calc(100% + 2px));
content: "*";
line-height: 1em;
vertical-align: top
}
.blu-radio.b-disabled[data-v-589e2bdd] {
color: rgba(25, 34, 42, .4)
}
.blu-radio.b-disabled .blu-radio-container[data-v-589e2bdd] {
border-color: #e1e3e4
}
.blu-radio.b-disabled .blu-radio-container[data-v-589e2bdd]:hover {
background-color: #fff;
box-shadow: none
}
.blu-radio.b-disabled.b-checked .blu-radio-container[data-v-589e2bdd] {
border-color: #c8cbcd
}
.blu-radio.b-disabled.b-checked .blu-radio-container[data-v-589e2bdd]::after {
background-color: #c8cbcd
}
.blu-radio.b-disabled.b-checked .blu-radio-container[data-v-589e2bdd]:hover {
background-color: #fff;
box-shadow: none
}
.blu-radio .b-disabled[data-v-589e2bdd] {
cursor: not-allowed;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none
}
.blu-radio:hover:not(.b-disabled) .blu-radio-container[data-v-589e2bdd] {
background-color: #f1f2f2;
box-shadow: 0 0 0 2px #f1f2f2
}
</style>
<style type="text/css">
.blu-dropdown[data-v-3e0b2b85] {
position: relative
}
.blu-dropdown__content[data-v-3e0b2b85] {
width: 100%;
background-color: #fff
}
@media screen and (min-width:769px),
print {
.blu-dropdown__content[data-v-3e0b2b85] {
position: absolute;
z-index: 3
}
}
@media screen and (max-width:768px) {
.blu-dropdown__content[data-v-3e0b2b85] {
width: 100%;
border-radius: 16px 16px 0 0;
position: fixed;
bottom: -90px;
left: 0;
z-index: 3
}
}
.blu-dropdown__content .blu-list[data-v-3e0b2b85] {
width: 100%;
max-height: 0;
transition: all .3s cubic-bezier(0, 0, .2, 1.2);
margin: 0;
overflow-y: overlay
}
@media screen and (min-width:769px),
print {
.blu-dropdown__mask[data-v-3e0b2b85] {
display: none
}
}
@media screen and (max-width:768px) {
.blu-dropdown__mask[data-v-3e0b2b85] {
pointer-events: none;
transition: opacity .3s ease;
opacity: 0;
width: 100%;
height: 0;
background: rgba(0, 0, 0, .6);
position: fixed;
bottom: 0;
left: 0;
z-index: 3
}
}
@media screen and (min-width:769px),
print {
.blu-dropdown__close[data-v-3e0b2b85] {
display: none
}
}
@media screen and (max-width:768px) {
.blu-dropdown__close[data-v-3e0b2b85] {
width: 24px;
height: 24px;
position: absolute;
top: -28px;
right: 20px
}
.blu-dropdown__close i[data-v-3e0b2b85] {
content: "";
position: absolute;
width: 24px;
height: 24px;
transform: scale(1.3);
background: rgba(0, 0, 0, 0) url(data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PSIwIDAgMjQgMjQiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGQ9Ik0xMy43NjcyIDEyTDE3LjYzMiA4LjEzODM5QzE4LjEyMjcgNy42NDgxOSAxOC4xMjI3IDYuODU3ODYgMTcuNjMyIDYuMzY3NjVDMTcuMTQxNCA1Ljg3NzQ1IDE2LjM1MDQgNS44Nzc0NSAxNS44NTk4IDYuMzY3NjVMMTEuOTk1IDEwLjIyOTNMOC4xNDAxOCA2LjM3NzY2QzcuNjQ5NTYgNS44ODc0NSA2Ljg1ODU3IDUuODg3NDUgNi4zNjc5NiA2LjM3NzY2QzUuODc3MzUgNi44Njc4NiA1Ljg3NzM1IDcuNjU4MTkgNi4zNjc5NiA4LjE0ODRMMTAuMjIyOCAxMkw2LjM2Nzk2IDE1Ljg2MTZDNS44NzczNSAxNi4zNTE4IDUuODc3MzUgMTcuMTQyMSA2LjM2Nzk2IDE3LjYzMjNDNi44NTg1NyAxOC4xMjI2IDcuNjQ5NTYgMTguMTIyNiA4LjE0MDE4IDE3LjYzMjNMMTIuMDA1IDEzLjc3MDdMMTUuODU5OCAxNy42MjIzQzE2LjM1MDQgMTguMTEyNSAxNy4xNDE0IDE4LjExMjUgMTcuNjMyIDE3LjYyMjNDMTguMTIyNyAxNy4xMzIxIDE4LjEyMjcgMTYuMzQxOCAxNy42MzIgMTUuODUxNkwxMy43NzcyIDEySDEzLjc2NzJaIiBmaWxsPSIjNzk3Rjg1Ii8+Cjwvc3ZnPgo=) center center no-repeat #e1e3e4;
background-color: #e1e3e4;
-webkit-mask-image: url(data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PSIwIDAgMjQgMjQiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGQ9Ik0xMy43NjcyIDEyTDE3LjYzMiA4LjEzODM5QzE4LjEyMjcgNy42NDgxOSAxOC4xMjI3IDYuODU3ODYgMTcuNjMyIDYuMzY3NjVDMTcuMTQxNCA1Ljg3NzQ1IDE2LjM1MDQgNS44Nzc0NSAxNS44NTk4IDYuMzY3NjVMMTEuOTk1IDEwLjIyOTNMOC4xNDAxOCA2LjM3NzY2QzcuNjQ5NTYgNS44ODc0NSA2Ljg1ODU3IDUuODg3NDUgNi4zNjc5NiA2LjM3NzY2QzUuODc3MzUgNi44Njc4NiA1Ljg3NzM1IDcuNjU4MTkgNi4zNjc5NiA4LjE0ODRMMTAuMjIyOCAxMkw2LjM2Nzk2IDE1Ljg2MTZDNS44NzczNSAxNi4zNTE4IDUuODc3MzUgMTcuMTQyMSA2LjM2Nzk2IDE3LjYzMjNDNi44NTg1NyAxOC4xMjI2IDcuNjQ5NTYgMTguMTIyNiA4LjE0MDE4IDE3LjYzMjNMMTIuMDA1IDEzLjc3MDdMMTUuODU5OCAxNy42MjIzQzE2LjM1MDQgMTguMTEyNSAxNy4xNDE0IDE4LjExMjUgMTcuNjMyIDE3LjYyMjNDMTguMTIyNyAxNy4xMzIxIDE4LjEyMjcgMTYuMzQxOCAxNy42MzIgMTUuODUxNkwxMy43NzcyIDEySDEzLjc2NzJaIiBmaWxsPSIjNzk3Rjg1Ii8+Cjwvc3ZnPgo=)
}
}
.blu-dropdown__msg[data-v-3e0b2b85] {
font: 14px/18px blibli, -apple-system, segoe ui, roboto, helvetica, arial, sans-serif;
color: rgba(25, 34, 42, .4);
margin-top: 4px
}
@media screen and (max-width:768px) {
.blu-dropdown.has-title .blu-dropdown__content[data-v-3e0b2b85] {
padding-top: 52px
}
}
.blu-dropdown.has-title .blu-dropdown__title[data-v-3e0b2b85] {
display: none
}
@media screen and (max-width:768px) {
.blu-dropdown.has-title .blu-dropdown__title[data-v-3e0b2b85] {
display: block;
position: absolute;
top: 24px;
left: 16px;
font: 16px/20px "blibli demi bold", -apple-system, segoe ui, roboto, helvetica, arial, sans-serif
}
}
.blu-dropdown:not(.b-active) .blu-dropdown__content[data-v-3e0b2b85] {
visibility: hidden;
transition: all .3s ease-in-out
}
@media screen and (min-width:769px),
print {
.blu-dropdown.b-active .blu-dropdown__content .blu-list[data-v-3e0b2b85] {
max-height: 265px
}
}
@media screen and (max-width:768px) {
.blu-dropdown.b-active .blu-dropdown__content .blu-list[data-v-3e0b2b85] {
max-height: 55vh;
padding-top: 8px;
border-radius: 24px 24px 0 0;
padding-bottom: calc(env(safe-area-inset-bottom) + 90px)
}
}
@media screen and (max-width:768px) {
.blu-dropdown.b-active .blu-dropdown__mask[data-v-3e0b2b85] {
opacity: 1;
height: 100%;
pointer-events: auto
}
}
.blu-dropdown.b-selection:not(.has-value) label[data-v-3e0b2b85] {
top: 18px
}
.blu-dropdown.b-selection label[data-v-3e0b2b85] {
font: 16px/20px blibli, -apple-system, segoe ui, roboto, helvetica, arial, sans-serif;
color: rgba(25, 34, 42, .4);
position: absolute;
transition: all .5s
}
.blu-dropdown.b-selection .blu-dropdown__trigger[data-v-3e0b2b85] {
height: 56px;
padding: 10px 36px 10px 14px;
font: 16px/20px "blibli demi bold", -apple-system, segoe ui, roboto, helvetica, arial, sans-serif;
color: rgba(25, 34, 42, .7019607843);
border: #c8cbcd 1px solid;
border-radius: 8px;
background-color: #fff;
transition: border .4s, border-color .4s;
cursor: pointer;
outline: 0
}
.blu-dropdown.b-selection .blu-dropdown__trigger[data-v-3e0b2b85]::before {
content: "";
width: 24px;
height: 24px;
background: rgba(0, 0, 0, 0) url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB2aWV3Qm94PSIwIDAgMjQgMjQiPgogIDxkZWZzPgogICAgPHBhdGgKICAgICAgICBpZD0iMTkwcjYzOHp6YSIKICAgICAgICBkPSJNMCA1LjE1NGMwLS42MzYuMjkyLTEuMjE5LjgtMS42TDUuNDExLjE5MmMuNDQ2LS4zMjUgMS4wNzItLjIyOCAxLjM5Ny4yMi4zMjUuNDQ1LjIyNyAxLjA3MS0uMjE5IDEuMzk2bC00LjYgMy4zNTQgNC41NjMgMy4wMDRjLjQ2LjMwNS41ODcuOTI1LjI4MiAxLjM4Ni0uMzA1LjQ2LS45MjYuNTg2LTEuMzg2LjI4MmwtNC42LTMuMDQ2Qy4yOTEgNi4zNzIgMCA1Ljc5IDAgNS4xNTR6IgogICAgLz4KICA8L2RlZnM+CiAgPGcgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIj4KICAgIDxnPgogICAgICA8Zz4KICAgICAgICA8cGF0aCBmaWxsPSIjRkZGIiBmaWxsLW9wYWNpdHk9Ii4wMSIgZD0iTTAgMEgyNFYyNEgweiIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTU5MiAtNzg1KSB0cmFuc2xhdGUoNTkyIDc4NSkiIC8+CiAgICAgICAgPGcgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTU5MiAtNzg1KSB0cmFuc2xhdGUoNTkyIDc4NSkgdHJhbnNsYXRlKDggNykiPgogICAgICAgICAgPG1hc2sgaWQ9InU0ZGRwYm95eGIiIGZpbGw9IiNmZmYiPjx1c2UgeGxpbms6aHJlZj0iIzE5MHI2Mzh6emEiIC8+PC9tYXNrPgogICAgICAgICAgPHVzZSBmaWxsPSIjNzk3Rjg1IiBmaWxsLXJ1bGU9Im5vbnplcm8iIHhsaW5rOmhyZWY9IiMxOTByNjM4enphIiAvPgogICAgICAgICAgPHBhdGggZmlsbD0iIzc5N0Y4NSIgZD0iTS04IC03SDE2VjE3SC04eiIgbWFzaz0idXJsKCN1NGRkcGJveXhiKSIgLz4KICAgICAgICA8L2c+CiAgICAgIDwvZz4KICAgIDwvZz4KICA8L2c+Cjwvc3ZnPgo=) center center no-repeat;
transform: rotate(270deg);
transition: transform .4s;
position: absolute;
top: 16px;
right: 8px;
z-index: 2
}
.blu-dropdown.b-selection .blu-dropdown__trigger[data-v-3e0b2b85]::after {
content: "";
width: 24px;
height: 30px;
position: absolute;
top: calc(50% - 15px);
right: 37px;
background: #fff;
background: linear-gradient(-90deg, #fff 0, rgba(255, 255, 255, 0) 100%)
}
.blu-dropdown.b-selection .blu-dropdown__trigger[data-v-3e0b2b85]:hover {
background-color: #f1f2f2
}
.blu-dropdown.b-selection .blu-dropdown__trigger[data-v-3e0b2b85]:hover::after {
background: #f1f1f1;
background: linear-gradient(-90deg, #f1f1f1 0, rgba(241, 241, 241, 0) 100%)
}
@media screen and (min-width:769px),
print {
.blu-dropdown.b-selection .blu-dropdown__content[data-v-3e0b2b85] {
top: 56px;
left: 0;
margin-top: 8px;
border-radius: 8px
}
}
.blu-dropdown.b-selection .blu-dropdown__value[data-v-3e0b2b85] {
display: block;
margin-top: 15px;
opacity: 0;
transition: all .5s;
white-space: nowrap;
font: 16px/20px blibli, -apple-system, segoe ui, roboto, helvetica, arial, sans-serif;
color: #19222a
}
.blu-dropdown.b-selection .has-value label[data-v-3e0b2b85] {
color: #0072ff;
font: 12px/16px blibli, -apple-system, segoe ui, roboto, helvetica, arial, sans-serif;
font-size: 1.2rem;
font-weight: 400;
margin-top: 9px;
line-height: 1.25;
top: 0
}
.blu-dropdown.b-selection .has-value .blu-dropdown__value[data-v-3e0b2b85] {
opacity: 1
}
.blu-dropdown.b-selection:not(.b-disabled) .blu-dropdown__trigger[data-v-3e0b2b85]:focus-visible {
box-shadow: 0 0 0 4px #000
}
.blu-dropdown.b-selection.b-active .blu-dropdown__trigger[data-v-3e0b2b85] {
border-color: #1d8fff;
transition: border-color .4s
}
.blu-dropdown.b-selection.b-active .blu-dropdown__trigger[data-v-3e0b2b85]::before {
transform: rotate(90deg);
transition: transform .4s
}
.blu-dropdown.b-selection.b-danger .has-value label[data-v-3e0b2b85] {
color: #e93c3c
}
.blu-dropdown.b-selection.b-danger .blu-dropdown__trigger[data-v-3e0b2b85] {
border-color: #ff4646
}
.blu-dropdown.b-selection.b-danger .blu-dropdown__msg[data-v-3e0b2b85] {
color: #e93c3c
}
.blu-dropdown.b-selection.b-success .has-value label[data-v-3e0b2b85] {
color: #1c832a
}
.blu-dropdown.b-selection.b-success .blu-dropdown__trigger[data-v-3e0b2b85] {
border-color: #22a334
}
.blu-dropdown.b-selection.b-success .blu-dropdown__msg[data-v-3e0b2b85] {
color: #1f912e
}
.blu-dropdown.b-selection.b-noborder .blu-dropdown__trigger[data-v-3e0b2b85] {
border: none;
display: flex;
align-items: center;
color: #19222a
}
.blu-dropdown.b-selection.b-noborder .blu-dropdown__trigger[data-v-3e0b2b85]:hover {
background-color: #fff
}
.blu-dropdown.b-selection.b-noborder .blu-dropdown__trigger[data-v-3e0b2b85]:hover::after {
background: #fff;
background: linear-gradient(-90deg, #fff 0, rgba(255, 255, 255, 0) 100%)
}
.blu-dropdown.b-selection.b-noborder .blu-dropdown__value[data-v-3e0b2b85] {
display: flex;
align-items: center;
margin-top: 0
}
.blu-dropdown.b-contained .blu-dropdown__trigger[data-v-3e0b2b85] {
background-color: #f1f2f2;
border-color: #f1f2f2;
transition: border-color 0s
}
.blu-dropdown.b-contained .blu-dropdown__trigger[data-v-3e0b2b85]::after {
background: #f1f1f1;
background: linear-gradient(-90deg, #f1f1f1 0, rgba(241, 241, 241, 0) 100%)
}
.blu-dropdown.b-contained .blu-dropdown__trigger[data-v-3e0b2b85]:hover {
background-color: #e1e3e4;
border-color: #e1e3e4;
transition: border-color 0s
}
.blu-dropdown.b-contained .blu-dropdown__trigger[data-v-3e0b2b85]:hover::after {
background: #e0e0e0;
background: linear-gradient(-90deg, #e0e0e0 0, rgba(224, 224, 224, 0) 100%)
}
.blu-dropdown.b-contained.b-active .blu-dropdown__trigger[data-v-3e0b2b85] {
border-color: #1d8fff;
transition: border-color .4s
}
.blu-dropdown.has-left-icon label[data-v-3e0b2b85] {
left: 48px
}
.blu-dropdown.has-left-icon .blu-dropdown__value[data-v-3e0b2b85] {
padding-left: 30px
}
.blu-dropdown.has-left-icon .blu-dropdown__icon-left[data-v-3e0b2b85] {
position: absolute;
top: 16px;
left: 16px;
margin-right: 8px;
color: #797f85
}
.blu-dropdown.has-right-icon .blu-dropdown__trigger[data-v-3e0b2b85]::before {
display: none
}
.blu-dropdown.has-right-icon .blu-dropdown__icon-right[data-v-3e0b2b85] {
position: absolute;
top: 16px;
right: 16px;
color: rgba(25, 34, 42, .4)
}
.blu-dropdown.has-placeholder label[data-v-3e0b2b85] {
transition: none
}
.blu-dropdown.has-placeholder .has-value label[data-v-3e0b2b85] {
z-index: -1;
color: inherit;
font-size: inherit
}
.blu-dropdown.has-placeholder .blu-dropdown__value[data-v-3e0b2b85] {
margin-top: 4px
}
.blu-dropdown.b-small.has-left-icon.has-placeholder label[data-v-3e0b2b85] {
left: 30px
}
.blu-dropdown.b-small.has-left-icon .blu-dropdown__value[data-v-3e0b2b85] {
padding-left: 36px
}
.blu-dropdown.b-small.has-left-icon .blu-dropdown__icon-left[data-v-3e0b2b85] {
height: 24px;
top: 4px;
left: 5px;
color: #797f85
}
.blu-dropdown.b-small.has-left-icon .blu-dropdown__icon-left svg[data-v-3e0b2b85] {
transform: scale(.75)
}
.blu-dropdown.b-small.has-left-icon.b-selection .blu-dropdown__value[data-v-3e0b2b85] {
padding-left: 20px
}
.blu-dropdown.b-small.has-placeholder label[data-v-3e0b2b85] {
top: 7px;
color: rgba(25, 34, 42, .4);
font: 14px/18px blibli, -apple-system, segoe ui, roboto, helvetica, arial, sans-serif
}
.blu-dropdown.b-small .blu-dropdown__trigger[data-v-3e0b2b85] {
height: 32px;
padding: 4px 36px 4px 8px;
border-radius: 8px
}
.blu-dropdown.b-small .blu-dropdown__trigger[data-v-3e0b2b85]:before {
top: 4px;
right: 4px
}
.blu-dropdown.b-small .blu-dropdown__trigger[data-v-3e0b2b85]::after {
height: 24px;
top: 2px
}
.blu-dropdown.b-small.b-selection .blu-dropdown__value[data-v-3e0b2b85] {
margin-top: 1px;
font: 14px/18px blibli, -apple-system, segoe ui, roboto, helvetica, arial, sans-serif
}
@media screen and (min-width:769px),
print {
.blu-dropdown.b-small.b-selection .blu-dropdown__content[data-v-3e0b2b85] {
top: 32px
}
}
.blu-dropdown.b-disabled .blu-dropdown__trigger[data-v-3e0b2b85] {
cursor: not-allowed;
background-color: #c8cbcd
}
.blu-dropdown.b-disabled .blu-dropdown__trigger[data-v-3e0b2b85]::before {
background: rgba(0, 0, 0, 0) url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB2aWV3Qm94PSIwIDAgMjQgMjQiPgogIDxkZWZzPgogICAgPHBhdGgKICAgICAgICBpZD0iMTkwcjYzOHp6YSIKICAgICAgICBkPSJNMCA1LjE1NGMwLS42MzYuMjkyLTEuMjE5LjgtMS42TDUuNDExLjE5MmMuNDQ2LS4zMjUgMS4wNzItLjIyOCAxLjM5Ny4yMi4zMjUuNDQ1LjIyNyAxLjA3MS0uMjE5IDEuMzk2bC00LjYgMy4zNTQgNC41NjMgMy4wMDRjLjQ2LjMwNS41ODcuOTI1LjI4MiAxLjM4Ni0uMzA1LjQ2LS45MjYuNTg2LTEuMzg2LjI4MmwtNC42LTMuMDQ2Qy4yOTEgNi4zNzIgMCA1Ljc5IDAgNS4xNTR6IgogICAgLz4KICA8L2RlZnM+CiAgPGcgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIj4KICAgIDxnPgogICAgICA8Zz4KICAgICAgICA8cGF0aCBmaWxsPSIjRkZGIiBmaWxsLW9wYWNpdHk9Ii4wMSIgZD0iTTAgMEgyNFYyNEgweiIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTU5MiAtNzg1KSB0cmFuc2xhdGUoNTkyIDc4NSkiIC8+CiAgICAgICAgPGcgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTU5MiAtNzg1KSB0cmFuc2xhdGUoNTkyIDc4NSkgdHJhbnNsYXRlKDggNykiPgogICAgICAgICAgPG1hc2sgaWQ9InU0ZGRwYm95eGIiIGZpbGw9IiNmZmYiPjx1c2UgeGxpbms6aHJlZj0iIzE5MHI2Mzh6emEiIC8+PC9tYXNrPgogICAgICAgICAgPHVzZSBmaWxsPSIjNzk3Rjg1IiBmaWxsLXJ1bGU9Im5vbnplcm8iIHhsaW5rOmhyZWY9IiMxOTByNjM4enphIiAvPgogICAgICAgICAgPHBhdGggZmlsbD0iI0E1QTlBQyIgZD0iTS04IC03SDE2VjE3SC04eiIgbWFzaz0idXJsKCN1NGRkcGJveXhiKSIgLz4KICAgICAgICA8L2c+CiAgICAgIDwvZz4KICAgIDwvZz4KICA8L2c+Cjwvc3ZnPgo=) center center no-repeat
}
.blu-dropdown.b-disabled .blu-dropdown__trigger[data-v-3e0b2b85]::after {
content: none
}
.blu-dropdown.b-disabled .blu-dropdown__trigger[data-v-3e0b2b85]:hover {
background-color: #c8cbcd
}
.blu-dropdown.b-disabled .blu-dropdown__value[data-v-3e0b2b85] {
color: rgba(25, 34, 42, .4)
}
.blu-dropdown.b-disabled .has-value label[data-v-3e0b2b85] {
color: rgba(25, 34, 42, .4)
}
@media screen and (min-width:769px),
print {
.blu-calendar .b-selection .blu-dropdown__trigger[data-v-3e0b2b85] {
padding: 16px 40px 16px 16px
}
}
@media screen and (max-width:768px) {
.blu-calendar .b-selection .blu-dropdown__trigger[data-v-3e0b2b85] {
padding: 8px 32px 8px 8px
}
}
@media screen and (min-width:769px),
print {
.blu-calendar .b-selection .blu-dropdown__content[data-v-3e0b2b85] {
left: var(--dropdown-content-position)
}
}
@media screen and (max-width:768px) {
.blu-calendar .b-selection .blu-dropdown__content[data-v-3e0b2b85] {
left: 0
}
}
</style>
<style type="text/css">
.blu-list button[data-v-1b6a2c38] {
font: 16px/20px blibli, -apple-system, segoe ui, roboto, helvetica, arial, sans-serif;
width: calc(100% + 16px);
text-align: left;
color: #19222a
}
.blu-list ul[data-v-1b6a2c38] {
padding: 0;
margin: 0
}
.blu-list li[data-v-1b6a2c38] {
min-height: 56px
}
.blu-list ul li[data-v-1b6a2c38] {
display: grid;
list-style: none;
margin: 0 16px
}
.blu-list ul[data-v-1b6a2c38]>:not(.list-group):not(:first-child) {
border-top: #c8cbcd 1px solid
}
.blu-list.b-group ul .list-group:not(:last-child) li[data-v-1b6a2c38]:last-child {
border-bottom: 1px solid #c8cbcd
}
.blu-list .blu-list__text-right[data-v-1b6a2c38] {
color: rgba(25, 34, 42, .4);
float: right;
padding: 0 0 3px 19px;
margin-top: -21px
}
.blu-list .blu-list__text-desc[data-v-1b6a2c38] {
color: rgba(25, 34, 42, .4);
font: 14px/18px blibli, -apple-system, segoe ui, roboto, helvetica, arial, sans-serif;
display: flex;
padding-right: 20px
}
.blu-list li.has-multiselect:not(.b-right-checkbox) .blu-list__text-desc[data-v-1b6a2c38] {
padding-left: 28px
}
.blu-list__item[data-v-1b6a2c38] {
display: block;
min-height: 40px;
margin: 8px 8px 8px -8px;
padding: 8px;
border-radius: 8px;
transition: background-color .4s;
color: #19222a;
cursor: pointer
}
.blu-list__item[data-v-1b6a2c38]:not(.b-disabled):hover {
background-color: #f1f2f2
}
.blu-list__item[data-v-1b6a2c38]:not(.b-disabled):focus-visible {
outline: 0;
box-shadow: 0 0 0 4px #000;
background-color: #f1f2f2
}
.blu-list__item.b-selected[data-v-1b6a2c38] {
background-color: #f3f9ff
}
.blu-list__item.b-selected.has-multiselect.b-selected[data-v-1b6a2c38] {
background: 0 0
}
.blu-list__item.b-disabled[data-v-1b6a2c38] {
cursor: not-allowed;
opacity: .5
}
.blu-list__item.b-disabled[data-v-1b6a2c38]:focus-visible {
outline: 0
}
.blu-list__item.b-disabled .blu-checkbox[data-v-1b6a2c38],
.blu-list__item.b-disabled .blu-radio[data-v-1b6a2c38] {
pointer-events: none
}
.blu-list__item-image[data-v-1b6a2c38] {
background: #fff;
display: flex;
align-items: center;
justify-content: center;
height: 24px;
width: 24px;
border-radius: 50%;
margin-right: 8px;
float: left
}
.blu-list__item-image img[data-v-1b6a2c38] {
border-radius: 50%
}
.blu-list__item-heading[data-v-1b6a2c38] {
display: flex
}
.blu-list .blu-checkbox[data-v-1b6a2c38] {
transform: translateY(-2px)
}
.blu-list .b-right-checkbox label[data-v-1b6a2c38] {
order: 1;
width: 100%
}
.blu-list .b-right-checkbox .blu-checkbox[data-v-1b6a2c38] {
order: 2;
transform: translateX(7px)
}
.blu-list__content[data-v-1b6a2c38] {
display: grid;
margin: 8px 8px 8px -8px;
padding: 8px 10px;
border-radius: 16px
}
.blu-list .has-left-radio .blu-radio[data-v-1b6a2c38] {
margin: 0 8px 0 0
}
.blu-list .has-left-radio .blu-list__text-desc[data-v-1b6a2c38] {
padding-left: 28px
}
.blu-list .has-right-radio .blu-radio[data-v-1b6a2c38] {
order: 2;
margin: 0 0 0 auto
}
.has-child>.blu-list[data-v-1b6a2c38] {
background-color: #fff;
overflow-y: auto;
max-height: 0;
opacity: 0;
transition: all .3s ease-in-out;
width: calc(100% + 28px);
transform: translateX(-12px);
padding-left: 24px
}
.has-child>.blu-list li[data-v-1b6a2c38]:first-child {
margin-top: 1px
}
.has-child>.blu-list__item[data-v-1b6a2c38] {
position: relative;
align-items: center
}
.has-child>.blu-list__item[data-v-1b6a2c38]::after {
content: "";
width: 24px;
height: 24px;
background: rgba(0, 0, 0, 0) url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB2aWV3Qm94PSIwIDAgMjQgMjQiPgogIDxkZWZzPgogICAgPHBhdGgKICAgICAgICBpZD0iMTkwcjYzOHp6YSIKICAgICAgICBkPSJNMCA1LjE1NGMwLS42MzYuMjkyLTEuMjE5LjgtMS42TDUuNDExLjE5MmMuNDQ2LS4zMjUgMS4wNzItLjIyOCAxLjM5Ny4yMi4zMjUuNDQ1LjIyNyAxLjA3MS0uMjE5IDEuMzk2bC00LjYgMy4zNTQgNC41NjMgMy4wMDRjLjQ2LjMwNS41ODcuOTI1LjI4MiAxLjM4Ni0uMzA1LjQ2LS45MjYuNTg2LTEuMzg2LjI4MmwtNC42LTMuMDQ2Qy4yOTEgNi4zNzIgMCA1Ljc5IDAgNS4xNTR6IgogICAgLz4KICA8L2RlZnM+CiAgPGcgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIj4KICAgIDxnPgogICAgICA8Zz4KICAgICAgICA8cGF0aCBmaWxsPSIjRkZGIiBmaWxsLW9wYWNpdHk9Ii4wMSIgZD0iTTAgMEgyNFYyNEgweiIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTU5MiAtNzg1KSB0cmFuc2xhdGUoNTkyIDc4NSkiIC8+CiAgICAgICAgPGcgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTU5MiAtNzg1KSB0cmFuc2xhdGUoNTkyIDc4NSkgdHJhbnNsYXRlKDggNykiPgogICAgICAgICAgPG1hc2sgaWQ9InU0ZGRwYm95eGIiIGZpbGw9IiNmZmYiPjx1c2UgeGxpbms6aHJlZj0iIzE5MHI2Mzh6emEiIC8+PC9tYXNrPgogICAgICAgICAgPHVzZSBmaWxsPSIjNzk3Rjg1IiBmaWxsLXJ1bGU9Im5vbnplcm8iIHhsaW5rOmhyZWY9IiMxOTByNjM4enphIiAvPgogICAgICAgICAgPHBhdGggZmlsbD0iIzc5N0Y4NSIgZD0iTS04IC03SDE2VjE3SC04eiIgbWFzaz0idXJsKCN1NGRkcGJveXhiKSIgLz4KICAgICAgICA8L2c+CiAgICAgIDwvZz4KICAgIDwvZz4KICA8L2c+Cjwvc3ZnPgo=) center center no-repeat;
transform: rotate(270deg);
transition: transform .3s;
display: block;
position: absolute;
right: 8px;
top: 7px
}
.has-child>.blu-list__item:focus-visible~.blu-list[data-v-1b6a2c38] {
border-top: #c8cbcd 1px solid;
max-height: 200px;
opacity: 1
}
.has-child>.blu-list__item:focus-visible~.blu-list__item[data-v-1b6a2c38]::after {
transform: rotate(90deg)
}
.has-child>.blu-list.b-overflow-y[data-v-1b6a2c38] {
margin: 0
}
.has-child .blu-list__text-desc[data-v-1b6a2c38] {
padding-right: 20px
}
.has-child:hover>.blu-list[data-v-1b6a2c38] {
max-height: 200px;
opacity: 1
}
.has-child:hover>.blu-list__item[data-v-1b6a2c38]::after {
transform: rotate(90deg)
}
.has-child:hover>.blu-list[data-v-1b6a2c38]::before {
content: "";
height: 1px;
width: calc(100% - 28px);
background: #c8cbcd;
position: absolute;
left: 12px
}
.has-left-icon[data-v-1b6a2c38] {
display: flex;
align-items: center
}
.has-left-icon .blu-list__content-icon[data-v-1b6a2c38],
.has-left-icon .blu-list__item-icon[data-v-1b6a2c38] {
display: flex;
margin-right: 8px;
color: #797f85
}
.has-child-expand>.blu-list[data-v-1b6a2c38] {
background-color: #fff;
overflow-y: auto;
max-height: 0;
opacity: 0;
transition: max-height .3s ease-in-out, opacity .3s ease-in-out;
width: calc(100% + 28px);
transform: translateX(-12px);
padding-left: 24px
}
.has-child-expand>.blu-list li[data-v-1b6a2c38]:first-child {
margin-top: 1px
}
.has-child-expand>.blu-list__item[data-v-1b6a2c38] {
position: relative;
align-items: center
}
.has-child-expand>.blu-list__item[data-v-1b6a2c38]::after {
content: "";
width: 24px;
height: 24px;
background: rgba(0, 0, 0, 0) url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB2aWV3Qm94PSIwIDAgMjQgMjQiPgogIDxkZWZzPgogICAgPHBhdGgKICAgICAgICBpZD0iMTkwcjYzOHp6YSIKICAgICAgICBkPSJNMCA1LjE1NGMwLS42MzYuMjkyLTEuMjE5LjgtMS42TDUuNDExLjE5MmMuNDQ2LS4zMjUgMS4wNzItLjIyOCAxLjM5Ny4yMi4zMjUuNDQ1LjIyNyAxLjA3MS0uMjE5IDEuMzk2bC00LjYgMy4zNTQgNC41NjMgMy4wMDRjLjQ2LjMwNS41ODcuOTI1LjI4MiAxLjM4Ni0uMzA1LjQ2LS45MjYuNTg2LTEuMzg2LjI4MmwtNC42LTMuMDQ2Qy4yOTEgNi4zNzIgMCA1Ljc5IDAgNS4xNTR6IgogICAgLz4KICA8L2RlZnM+CiAgPGcgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIj4KICAgIDxnPgogICAgICA8Zz4KICAgICAgICA8cGF0aCBmaWxsPSIjRkZGIiBmaWxsLW9wYWNpdHk9Ii4wMSIgZD0iTTAgMEgyNFYyNEgweiIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTU5MiAtNzg1KSB0cmFuc2xhdGUoNTkyIDc4NSkiIC8+CiAgICAgICAgPGcgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTU5MiAtNzg1KSB0cmFuc2xhdGUoNTkyIDc4NSkgdHJhbnNsYXRlKDggNykiPgogICAgICAgICAgPG1hc2sgaWQ9InU0ZGRwYm95eGIiIGZpbGw9IiNmZmYiPjx1c2UgeGxpbms6aHJlZj0iIzE5MHI2Mzh6emEiIC8+PC9tYXNrPgogICAgICAgICAgPHVzZSBmaWxsPSIjNzk3Rjg1IiBmaWxsLXJ1bGU9Im5vbnplcm8iIHhsaW5rOmhyZWY9IiMxOTByNjM4enphIiAvPgogICAgICAgICAgPHBhdGggZmlsbD0iIzc5N0Y4NSIgZD0iTS04IC03SDE2VjE3SC04eiIgbWFzaz0idXJsKCN1NGRkcGJveXhiKSIgLz4KICAgICAgICA8L2c+CiAgICAgIDwvZz4KICAgIDwvZz4KICA8L2c+Cjwvc3ZnPgo=) center center no-repeat;
transform: rotate(270deg);
transition: transform .3s;
display: block;
position: absolute;
right: 8px;
top: 7px
}
.has-child-expand>.blu-list__item:focus-visible~.blu-list[data-v-1b6a2c38] {
border-top: #c8cbcd 1px solid;
max-height: 200px;
opacity: 1
}
.has-child-expand>.blu-list__item:focus-visible~.blu-list__item[data-v-1b6a2c38]::after {
transform: rotate(90deg)
}
.has-child-expand>.blu-list.b-overflow-y[data-v-1b6a2c38] {
margin: 0
}
.has-child-expand .blu-list__text-desc[data-v-1b6a2c38] {
padding-right: 20px
}
.has-list-expand>.blu-list[data-v-1b6a2c38] {
max-height: 100vh;
opacity: 1
}
.has-list-expand>.blu-list__item[data-v-1b6a2c38]::after {
transform: rotate(90deg)
}
.has-list-expand>.blu-list[data-v-1b6a2c38]::before {
content: "";
height: 1px;
width: calc(100% - 28px);
background: #c8cbcd;
position: absolute;
left: 12px
}
</style>
<style type="text/css">
.blu-checkbox[data-v-0eb6b69a] {
min-width: 18px;
display: flex
}
.blu-checkbox input[type=checkbox][data-v-0eb6b69a] {
display: none
}
.blu-checkbox input[type=checkbox]+label[data-v-0eb6b69a] {
color: rgba(25, 34, 42, .7019607843);
font: 16px/20px blibli, -apple-system, segoe ui, roboto, helvetica, arial, sans-serif;
position: relative;
display: flex;
align-items: center;
padding-left: 28px;
cursor: pointer;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
padding-top: 2px;
padding-bottom: 2px;
line-height: 20px;
outline: 0;
transition: border-color .4s
}
.blu-checkbox input[type=checkbox]+label[data-v-0eb6b69a]:before {
content: "";
width: 18px;
height: 18px;
background-color: #fff;
border-radius: 4px;
border: #c8cbcd 1px solid;
position: absolute;
top: 2px;
left: 3px;
transition: all .4s
}
.blu-checkbox input[type=checkbox]+label[data-v-0eb6b69a]:after {
content: "";
width: 0;
height: 0;
position: absolute;
top: 8px;
left: 9px;
transition: width .3s
}
.blu-checkbox input[type=checkbox]+label[data-v-0eb6b69a]:hover::before {
background-color: #f1f2f2;
box-shadow: 0 0 0 2px #f1f2f2
}
.blu-checkbox input[type=checkbox]+label[data-v-0eb6b69a]:focus-visible::before {
border-color: #000
}
.blu-checkbox input[type=checkbox]:checked+label[data-v-0eb6b69a]:before {
border-color: #1d8fff;
background-color: #1d8fff
}
.blu-checkbox input[type=checkbox]:checked+label[data-v-0eb6b69a]:after {
width: 10px;
height: 8px;
top: 7px;
left: 7px;
background: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTAiIGhlaWdodD0iOCIgdmlld0JveD0iMCAwIDEwIDgiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGZpbGwtcnVsZT0iZXZlbm9kZCIgY2xpcC1ydWxlPSJldmVub2RkIiBkPSJNOC4zNzc0NyAwLjI5Mjg5M0M4Ljc0ODY0IC0wLjA5NzYzMSA5LjM1MDQ0IC0wLjA5NzYzMSA5LjcyMTYyIDAuMjkyODkzQzEwLjA5MjggMC42ODM0MTcgMTAuMDkyOCAxLjMxNjU4IDkuNzIxNjIgMS43MDcxMUw0LjAxODg3IDcuNzA3MUMzLjY0NzcgOC4wOTc2MyAzLjA0NTkgOC4wOTc2MyAyLjY3NDcyIDcuNzA3MUwwLjI3ODM4MyA1LjE4NTg1Qy0wLjA5Mjc5NDIgNC43OTUzMyAtMC4wOTI3OTQyIDQuMTYyMTcgMC4yNzgzODMgMy43NzE2NEMwLjY0OTU1OSAzLjM4MTEyIDEuMjUxMzYgMy4zODExMiAxLjYyMjUzIDMuNzcxNjRMMy4zNDY4IDUuNTg1NzhMOC4zNzc0NyAwLjI5Mjg5M1oiIGZpbGw9IndoaXRlIi8+Cjwvc3ZnPgo=) no-repeat
}
.blu-checkbox input[type=checkbox]:checked+label[data-v-0eb6b69a]:hover::before {
box-shadow: 0 0 0 2px #e1f1ff
}
.blu-checkbox input[type=checkbox]:checked+label[data-v-0eb6b69a]:focus-visible::before {
border-color: #000
}
.blu-checkbox input[type=checkbox]:disabled+label[data-v-0eb6b69a] {
color: rgba(25, 34, 42, .4);
cursor: not-allowed;
pointer-events: none
}
.blu-checkbox input[type=checkbox]:disabled+label[data-v-0eb6b69a]::before {
border-color: #e1e3e4
}
.blu-checkbox.b-partial input+label[data-v-0eb6b69a]:after {
height: 0;
top: 10px
}
.blu-checkbox.has-value input:disabled+label[data-v-0eb6b69a]::before {
border-color: #c8cbcd;
background-color: #c8cbcd
}
.blu-checkbox.has-value input:disabled+label[data-v-0eb6b69a]::after {
width: 10px;
height: 8px;
top: 7px;
left: 7px;
background: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTAiIGhlaWdodD0iOCIgdmlld0JveD0iMCAwIDEwIDgiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGZpbGwtcnVsZT0iZXZlbm9kZCIgY2xpcC1ydWxlPSJldmVub2RkIiBkPSJNOC4zNzc0NyAwLjI5Mjg5M0M4Ljc0ODY0IC0wLjA5NzYzMSA5LjM1MDQ0IC0wLjA5NzYzMSA5LjcyMTYyIDAuMjkyODkzQzEwLjA5MjggMC42ODM0MTcgMTAuMDkyOCAxLjMxNjU4IDkuNzIxNjIgMS43MDcxMUw0LjAxODg3IDcuNzA3MUMzLjY0NzcgOC4wOTc2MyAzLjA0NTkgOC4wOTc2MyAyLjY3NDcyIDcuNzA3MUwwLjI3ODM4MyA1LjE4NTg1Qy0wLjA5Mjc5NDIgNC43OTUzMyAtMC4wOTI3OTQyIDQuMTYyMTcgMC4yNzgzODMgMy43NzE2NEMwLjY0OTU1OSAzLjM4MTEyIDEuMjUxMzYgMy4zODExMiAxLjYyMjUzIDMuNzcxNjRMMy4zNDY4IDUuNTg1NzhMOC4zNzc0NyAwLjI5Mjg5M1oiIGZpbGw9IndoaXRlIi8+Cjwvc3ZnPgo=) no-repeat
}
.blu-checkbox.has-value input:disabled+label[data-v-0eb6b69a]:hover::before {
box-shadow: none
}
.blu-checkbox.b-partial input[data-v-0eb6b69a]:disabled,
.blu-checkbox.b-partial input[type=checkbox]+label[data-v-0eb6b69a]::after {
top: 10px;
background: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTAiIGhlaWdodD0iMiIgdmlld0JveD0iMCAwIDEwIDIiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGZpbGwtcnVsZT0iZXZlbm9kZCIgY2xpcC1ydWxlPSJldmVub2RkIiBkPSJNMSAyQzAuNDQ3NzE1IDIgMCAxLjU1MjI4IDAgMUMwIDAuNDQ3NzE1IDAuNDQ3NzE1IDAgMSAwSDlDOS41NTIyOCAwIDEwIDAuNDQ3NzE1IDEwIDFDMTAgMS41NTIyOCA5LjU1MjI4IDIgOSAySDFaIiBmaWxsPSJ3aGl0ZSIvPgo8L3N2Zz4K) no-repeat
}
</style>
<style type="text/css">
.blu-list button[data-v-313621ef] {
font: 16px/20px blibli, -apple-system, segoe ui, roboto, helvetica, arial, sans-serif;
width: calc(100% + 16px);
text-align: left;
color: #19222a
}
.blu-list ul[data-v-313621ef] {
padding: 0;
margin: 0
}
.blu-list li[data-v-313621ef] {
min-height: 56px
}
.blu-list ul li[data-v-313621ef] {
display: grid;
list-style: none;
margin: 0 16px
}
.blu-list ul[data-v-313621ef]>:not(.list-group):not(:first-child) {
border-top: #c8cbcd 1px solid
}
.blu-list.b-group ul .list-group:not(:last-child) li[data-v-313621ef]:last-child {
border-bottom: 1px solid #c8cbcd
}
.blu-list .blu-list__text-right[data-v-313621ef] {
color: rgba(25, 34, 42, .4);
float: right;
padding: 0 0 3px 19px;
margin-top: -21px
}
.blu-list .blu-list__text-desc[data-v-313621ef] {
color: rgba(25, 34, 42, .4);
font: 14px/18px blibli, -apple-system, segoe ui, roboto, helvetica, arial, sans-serif;
display: flex;
padding-right: 20px
}
.blu-list li.has-multiselect:not(.b-right-checkbox) .blu-list__text-desc[data-v-313621ef] {
padding-left: 28px
}
.blu-list__item[data-v-313621ef] {
display: block;
min-height: 40px;
margin: 8px 8px 8px -8px;
padding: 8px;
border-radius: 8px;
transition: background-color .4s;
color: #19222a;
cursor: pointer
}
.blu-list__item[data-v-313621ef]:not(.b-disabled):hover {
background-color: #f1f2f2
}
.blu-list__item[data-v-313621ef]:not(.b-disabled):focus-visible {
outline: 0;
box-shadow: 0 0 0 4px #000;
background-color: #f1f2f2
}
.blu-list__item.b-selected[data-v-313621ef] {
background-color: #f3f9ff
}
.blu-list__item.b-selected.has-multiselect.b-selected[data-v-313621ef] {
background: 0 0
}
.blu-list__item.b-disabled[data-v-313621ef] {
cursor: not-allowed;
opacity: .5
}
.blu-list__item.b-disabled[data-v-313621ef]:focus-visible {
outline: 0
}
.blu-list__item.b-disabled .blu-checkbox[data-v-313621ef],
.blu-list__item.b-disabled .blu-radio[data-v-313621ef] {
pointer-events: none
}
.blu-list__item-image[data-v-313621ef] {
background: #fff;
display: flex;
align-items: center;
justify-content: center;
height: 24px;
width: 24px;
border-radius: 50%;
margin-right: 8px;
float: left
}
.blu-list__item-image img[data-v-313621ef] {
border-radius: 50%
}
.blu-list__item-heading[data-v-313621ef] {
display: flex
}
.blu-list .blu-checkbox[data-v-313621ef] {
transform: translateY(-2px)
}
.blu-list .b-right-checkbox label[data-v-313621ef] {
order: 1;
width: 100%
}
.blu-list .b-right-checkbox .blu-checkbox[data-v-313621ef] {
order: 2;
transform: translateX(7px)
}
.blu-list__content[data-v-313621ef] {
display: grid;
margin: 8px 8px 8px -8px;
padding: 8px 10px;
border-radius: 16px
}
.blu-list .has-left-radio .blu-radio[data-v-313621ef] {
margin: 0 8px 0 0
}
.blu-list .has-left-radio .blu-list__text-desc[data-v-313621ef] {
padding-left: 28px
}
.blu-list .has-right-radio .blu-radio[data-v-313621ef] {
order: 2;
margin: 0 0 0 auto
}
.has-child>.blu-list[data-v-313621ef] {
background-color: #fff;
overflow-y: auto;
max-height: 0;
opacity: 0;
transition: all .3s ease-in-out;
width: calc(100% + 28px);
transform: translateX(-12px);
padding-left: 24px
}
.has-child>.blu-list li[data-v-313621ef]:first-child {
margin-top: 1px
}
.has-child>.blu-list__item[data-v-313621ef] {
position: relative;
align-items: center
}
.has-child>.blu-list__item[data-v-313621ef]::after {
content: "";
width: 24px;
height: 24px;
background: rgba(0, 0, 0, 0) url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB2aWV3Qm94PSIwIDAgMjQgMjQiPgogIDxkZWZzPgogICAgPHBhdGgKICAgICAgICBpZD0iMTkwcjYzOHp6YSIKICAgICAgICBkPSJNMCA1LjE1NGMwLS42MzYuMjkyLTEuMjE5LjgtMS42TDUuNDExLjE5MmMuNDQ2LS4zMjUgMS4wNzItLjIyOCAxLjM5Ny4yMi4zMjUuNDQ1LjIyNyAxLjA3MS0uMjE5IDEuMzk2bC00LjYgMy4zNTQgNC41NjMgMy4wMDRjLjQ2LjMwNS41ODcuOTI1LjI4MiAxLjM4Ni0uMzA1LjQ2LS45MjYuNTg2LTEuMzg2LjI4MmwtNC42LTMuMDQ2Qy4yOTEgNi4zNzIgMCA1Ljc5IDAgNS4xNTR6IgogICAgLz4KICA8L2RlZnM+CiAgPGcgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIj4KICAgIDxnPgogICAgICA8Zz4KICAgICAgICA8cGF0aCBmaWxsPSIjRkZGIiBmaWxsLW9wYWNpdHk9Ii4wMSIgZD0iTTAgMEgyNFYyNEgweiIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTU5MiAtNzg1KSB0cmFuc2xhdGUoNTkyIDc4NSkiIC8+CiAgICAgICAgPGcgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTU5MiAtNzg1KSB0cmFuc2xhdGUoNTkyIDc4NSkgdHJhbnNsYXRlKDggNykiPgogICAgICAgICAgPG1hc2sgaWQ9InU0ZGRwYm95eGIiIGZpbGw9IiNmZmYiPjx1c2UgeGxpbms6aHJlZj0iIzE5MHI2Mzh6emEiIC8+PC9tYXNrPgogICAgICAgICAgPHVzZSBmaWxsPSIjNzk3Rjg1IiBmaWxsLXJ1bGU9Im5vbnplcm8iIHhsaW5rOmhyZWY9IiMxOTByNjM4enphIiAvPgogICAgICAgICAgPHBhdGggZmlsbD0iIzc5N0Y4NSIgZD0iTS04IC03SDE2VjE3SC04eiIgbWFzaz0idXJsKCN1NGRkcGJveXhiKSIgLz4KICAgICAgICA8L2c+CiAgICAgIDwvZz4KICAgIDwvZz4KICA8L2c+Cjwvc3ZnPgo=) center center no-repeat;
transform: rotate(270deg);
transition: transform .3s;
display: block;
position: absolute;
right: 8px;
top: 7px
}
.has-child>.blu-list__item:focus-visible~.blu-list[data-v-313621ef] {
border-top: #c8cbcd 1px solid;
max-height: 200px;
opacity: 1
}
.has-child>.blu-list__item:focus-visible~.blu-list__item[data-v-313621ef]::after {
transform: rotate(90deg)
}
.has-child>.blu-list.b-overflow-y[data-v-313621ef] {
margin: 0
}
.has-child .blu-list__text-desc[data-v-313621ef] {
padding-right: 20px
}
.has-child:hover>.blu-list[data-v-313621ef] {
max-height: 200px;
opacity: 1
}
.has-child:hover>.blu-list__item[data-v-313621ef]::after {
transform: rotate(90deg)
}
.has-child:hover>.blu-list[data-v-313621ef]::before {
content: "";
height: 1px;
width: calc(100% - 28px);
background: #c8cbcd;
position: absolute;
left: 12px
}
.has-left-icon[data-v-313621ef] {
display: flex;
align-items: center
}
.has-left-icon .blu-list__content-icon[data-v-313621ef],
.has-left-icon .blu-list__item-icon[data-v-313621ef] {
display: flex;
margin-right: 8px;
color: #797f85
}
.has-child-expand>.blu-list[data-v-313621ef] {
background-color: #fff;
overflow-y: auto;
max-height: 0;
opacity: 0;
transition: max-height .3s ease-in-out, opacity .3s ease-in-out;
width: calc(100% + 28px);
transform: translateX(-12px);
padding-left: 24px
}
.has-child-expand>.blu-list li[data-v-313621ef]:first-child {
margin-top: 1px
}
.has-child-expand>.blu-list__item[data-v-313621ef] {
position: relative;
align-items: center
}
.has-child-expand>.blu-list__item[data-v-313621ef]::after {
content: "";
width: 24px;
height: 24px;
background: rgba(0, 0, 0, 0) url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB2aWV3Qm94PSIwIDAgMjQgMjQiPgogIDxkZWZzPgogICAgPHBhdGgKICAgICAgICBpZD0iMTkwcjYzOHp6YSIKICAgICAgICBkPSJNMCA1LjE1NGMwLS42MzYuMjkyLTEuMjE5LjgtMS42TDUuNDExLjE5MmMuNDQ2LS4zMjUgMS4wNzItLjIyOCAxLjM5Ny4yMi4zMjUuNDQ1LjIyNyAxLjA3MS0uMjE5IDEuMzk2bC00LjYgMy4zNTQgNC41NjMgMy4wMDRjLjQ2LjMwNS41ODcuOTI1LjI4MiAxLjM4Ni0uMzA1LjQ2LS45MjYuNTg2LTEuMzg2LjI4MmwtNC42LTMuMDQ2Qy4yOTEgNi4zNzIgMCA1Ljc5IDAgNS4xNTR6IgogICAgLz4KICA8L2RlZnM+CiAgPGcgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIj4KICAgIDxnPgogICAgICA8Zz4KICAgICAgICA8cGF0aCBmaWxsPSIjRkZGIiBmaWxsLW9wYWNpdHk9Ii4wMSIgZD0iTTAgMEgyNFYyNEgweiIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTU5MiAtNzg1KSB0cmFuc2xhdGUoNTkyIDc4NSkiIC8+CiAgICAgICAgPGcgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTU5MiAtNzg1KSB0cmFuc2xhdGUoNTkyIDc4NSkgdHJhbnNsYXRlKDggNykiPgogICAgICAgICAgPG1hc2sgaWQ9InU0ZGRwYm95eGIiIGZpbGw9IiNmZmYiPjx1c2UgeGxpbms6aHJlZj0iIzE5MHI2Mzh6emEiIC8+PC9tYXNrPgogICAgICAgICAgPHVzZSBmaWxsPSIjNzk3Rjg1IiBmaWxsLXJ1bGU9Im5vbnplcm8iIHhsaW5rOmhyZWY9IiMxOTByNjM4enphIiAvPgogICAgICAgICAgPHBhdGggZmlsbD0iIzc5N0Y4NSIgZD0iTS04IC03SDE2VjE3SC04eiIgbWFzaz0idXJsKCN1NGRkcGJveXhiKSIgLz4KICAgICAgICA8L2c+CiAgICAgIDwvZz4KICAgIDwvZz4KICA8L2c+Cjwvc3ZnPgo=) center center no-repeat;
transform: rotate(270deg);
transition: transform .3s;
display: block;
position: absolute;
right: 8px;
top: 7px
}
.has-child-expand>.blu-list__item:focus-visible~.blu-list[data-v-313621ef] {
border-top: #c8cbcd 1px solid;
max-height: 200px;
opacity: 1
}
.has-child-expand>.blu-list__item:focus-visible~.blu-list__item[data-v-313621ef]::after {
transform: rotate(90deg)
}
.has-child-expand>.blu-list.b-overflow-y[data-v-313621ef] {
margin: 0
}
.has-child-expand .blu-list__text-desc[data-v-313621ef] {
padding-right: 20px
}
.has-list-expand>.blu-list[data-v-313621ef] {
max-height: 100vh;
opacity: 1
}
.has-list-expand>.blu-list__item[data-v-313621ef]::after {
transform: rotate(90deg)
}
.has-list-expand>.blu-list[data-v-313621ef]::before {
content: "";
height: 1px;
width: calc(100% - 28px);
background: #c8cbcd;
position: absolute;
left: 12px
}
</style>
<style type="text/css">
.blu-list button[data-v-eb2a42e4] {
font: 16px/20px blibli, -apple-system, segoe ui, roboto, helvetica, arial, sans-serif;
width: calc(100% + 16px);
text-align: left;
color: #19222a
}
.blu-list ul[data-v-eb2a42e4] {
padding: 0;
margin: 0
}
.blu-list li[data-v-eb2a42e4] {
min-height: 56px
}
.blu-list ul li[data-v-eb2a42e4] {
display: grid;
list-style: none;
margin: 0 16px
}
.blu-list ul[data-v-eb2a42e4]>:not(.list-group):not(:first-child) {
border-top: #c8cbcd 1px solid
}
.blu-list.b-group ul .list-group:not(:last-child) li[data-v-eb2a42e4]:last-child {
border-bottom: 1px solid #c8cbcd
}
.blu-list .blu-list__text-right[data-v-eb2a42e4] {
color: rgba(25, 34, 42, .4);
float: right;
padding: 0 0 3px 19px;
margin-top: -21px
}
.blu-list .blu-list__text-desc[data-v-eb2a42e4] {
color: rgba(25, 34, 42, .4);
font: 14px/18px blibli, -apple-system, segoe ui, roboto, helvetica, arial, sans-serif;
display: flex;
padding-right: 20px
}
.blu-list li.has-multiselect:not(.b-right-checkbox) .blu-list__text-desc[data-v-eb2a42e4] {
padding-left: 28px
}
.blu-list__item[data-v-eb2a42e4] {
display: block;
min-height: 40px;
margin: 8px 8px 8px -8px;
padding: 8px;
border-radius: 8px;
transition: background-color .4s;
color: #19222a;
cursor: pointer
}
.blu-list__item[data-v-eb2a42e4]:not(.b-disabled):hover {
background-color: #f1f2f2
}
.blu-list__item[data-v-eb2a42e4]:not(.b-disabled):focus-visible {
outline: 0;
box-shadow: 0 0 0 4px #000;
background-color: #f1f2f2
}
.blu-list__item.b-selected[data-v-eb2a42e4] {
background-color: #f3f9ff
}
.blu-list__item.b-selected.has-multiselect.b-selected[data-v-eb2a42e4] {
background: 0 0
}
.blu-list__item.b-disabled[data-v-eb2a42e4] {
cursor: not-allowed;
opacity: .5
}
.blu-list__item.b-disabled[data-v-eb2a42e4]:focus-visible {
outline: 0
}
.blu-list__item.b-disabled .blu-checkbox[data-v-eb2a42e4],
.blu-list__item.b-disabled .blu-radio[data-v-eb2a42e4] {
pointer-events: none
}
.blu-list__item-image[data-v-eb2a42e4] {
background: #fff;
display: flex;
align-items: center;
justify-content: center;
height: 24px;
width: 24px;
border-radius: 50%;
margin-right: 8px;
float: left
}
.blu-list__item-image img[data-v-eb2a42e4] {
border-radius: 50%
}
.blu-list__item-heading[data-v-eb2a42e4] {
display: flex
}
.blu-list .blu-checkbox[data-v-eb2a42e4] {
transform: translateY(-2px)
}
.blu-list .b-right-checkbox label[data-v-eb2a42e4] {
order: 1;
width: 100%
}
.blu-list .b-right-checkbox .blu-checkbox[data-v-eb2a42e4] {
order: 2;
transform: translateX(7px)
}
.blu-list__content[data-v-eb2a42e4] {
display: grid;
margin: 8px 8px 8px -8px;
padding: 8px 10px;
border-radius: 16px
}
.blu-list .has-left-radio .blu-radio[data-v-eb2a42e4] {
margin: 0 8px 0 0
}
.blu-list .has-left-radio .blu-list__text-desc[data-v-eb2a42e4] {
padding-left: 28px
}
.blu-list .has-right-radio .blu-radio[data-v-eb2a42e4] {
order: 2;
margin: 0 0 0 auto
}
.has-child>.blu-list[data-v-eb2a42e4] {
background-color: #fff;
overflow-y: auto;
max-height: 0;
opacity: 0;
transition: all .3s ease-in-out;
width: calc(100% + 28px);
transform: translateX(-12px);
padding-left: 24px
}
.has-child>.blu-list li[data-v-eb2a42e4]:first-child {
margin-top: 1px
}
.has-child>.blu-list__item[data-v-eb2a42e4] {
position: relative;
align-items: center
}
.has-child>.blu-list__item[data-v-eb2a42e4]::after {
content: "";
width: 24px;
height: 24px;
background: rgba(0, 0, 0, 0) url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB2aWV3Qm94PSIwIDAgMjQgMjQiPgogIDxkZWZzPgogICAgPHBhdGgKICAgICAgICBpZD0iMTkwcjYzOHp6YSIKICAgICAgICBkPSJNMCA1LjE1NGMwLS42MzYuMjkyLTEuMjE5LjgtMS42TDUuNDExLjE5MmMuNDQ2LS4zMjUgMS4wNzItLjIyOCAxLjM5Ny4yMi4zMjUuNDQ1LjIyNyAxLjA3MS0uMjE5IDEuMzk2bC00LjYgMy4zNTQgNC41NjMgMy4wMDRjLjQ2LjMwNS41ODcuOTI1LjI4MiAxLjM4Ni0uMzA1LjQ2LS45MjYuNTg2LTEuMzg2LjI4MmwtNC42LTMuMDQ2Qy4yOTEgNi4zNzIgMCA1Ljc5IDAgNS4xNTR6IgogICAgLz4KICA8L2RlZnM+CiAgPGcgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIj4KICAgIDxnPgogICAgICA8Zz4KICAgICAgICA8cGF0aCBmaWxsPSIjRkZGIiBmaWxsLW9wYWNpdHk9Ii4wMSIgZD0iTTAgMEgyNFYyNEgweiIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTU5MiAtNzg1KSB0cmFuc2xhdGUoNTkyIDc4NSkiIC8+CiAgICAgICAgPGcgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTU5MiAtNzg1KSB0cmFuc2xhdGUoNTkyIDc4NSkgdHJhbnNsYXRlKDggNykiPgogICAgICAgICAgPG1hc2sgaWQ9InU0ZGRwYm95eGIiIGZpbGw9IiNmZmYiPjx1c2UgeGxpbms6aHJlZj0iIzE5MHI2Mzh6emEiIC8+PC9tYXNrPgogICAgICAgICAgPHVzZSBmaWxsPSIjNzk3Rjg1IiBmaWxsLXJ1bGU9Im5vbnplcm8iIHhsaW5rOmhyZWY9IiMxOTByNjM4enphIiAvPgogICAgICAgICAgPHBhdGggZmlsbD0iIzc5N0Y4NSIgZD0iTS04IC03SDE2VjE3SC04eiIgbWFzaz0idXJsKCN1NGRkcGJveXhiKSIgLz4KICAgICAgICA8L2c+CiAgICAgIDwvZz4KICAgIDwvZz4KICA8L2c+Cjwvc3ZnPgo=) center center no-repeat;
transform: rotate(270deg);
transition: transform .3s;
display: block;
position: absolute;
right: 8px;
top: 7px
}
.has-child>.blu-list__item:focus-visible~.blu-list[data-v-eb2a42e4] {
border-top: #c8cbcd 1px solid;
max-height: 200px;
opacity: 1
}
.has-child>.blu-list__item:focus-visible~.blu-list__item[data-v-eb2a42e4]::after {
transform: rotate(90deg)
}
.has-child>.blu-list.b-overflow-y[data-v-eb2a42e4] {
margin: 0
}
.has-child .blu-list__text-desc[data-v-eb2a42e4] {
padding-right: 20px
}
.has-child:hover>.blu-list[data-v-eb2a42e4] {
max-height: 200px;
opacity: 1
}
.has-child:hover>.blu-list__item[data-v-eb2a42e4]::after {
transform: rotate(90deg)
}
.has-child:hover>.blu-list[data-v-eb2a42e4]::before {
content: "";
height: 1px;
width: calc(100% - 28px);
background: #c8cbcd;
position: absolute;
left: 12px
}
.has-left-icon[data-v-eb2a42e4] {
display: flex;
align-items: center
}
.has-left-icon .blu-list__content-icon[data-v-eb2a42e4],
.has-left-icon .blu-list__item-icon[data-v-eb2a42e4] {
display: flex;
margin-right: 8px;
color: #797f85
}
.has-child-expand>.blu-list[data-v-eb2a42e4] {
background-color: #fff;
overflow-y: auto;
max-height: 0;
opacity: 0;
transition: max-height .3s ease-in-out, opacity .3s ease-in-out;
width: calc(100% + 28px);
transform: translateX(-12px);
padding-left: 24px
}
.has-child-expand>.blu-list li[data-v-eb2a42e4]:first-child {
margin-top: 1px
}
.has-child-expand>.blu-list__item[data-v-eb2a42e4] {
position: relative;
align-items: center
}
.has-child-expand>.blu-list__item[data-v-eb2a42e4]::after {
content: "";
width: 24px;
height: 24px;
background: rgba(0, 0, 0, 0) url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB2aWV3Qm94PSIwIDAgMjQgMjQiPgogIDxkZWZzPgogICAgPHBhdGgKICAgICAgICBpZD0iMTkwcjYzOHp6YSIKICAgICAgICBkPSJNMCA1LjE1NGMwLS42MzYuMjkyLTEuMjE5LjgtMS42TDUuNDExLjE5MmMuNDQ2LS4zMjUgMS4wNzItLjIyOCAxLjM5Ny4yMi4zMjUuNDQ1LjIyNyAxLjA3MS0uMjE5IDEuMzk2bC00LjYgMy4zNTQgNC41NjMgMy4wMDRjLjQ2LjMwNS41ODcuOTI1LjI4MiAxLjM4Ni0uMzA1LjQ2LS45MjYuNTg2LTEuMzg2LjI4MmwtNC42LTMuMDQ2Qy4yOTEgNi4zNzIgMCA1Ljc5IDAgNS4xNTR6IgogICAgLz4KICA8L2RlZnM+CiAgPGcgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIj4KICAgIDxnPgogICAgICA8Zz4KICAgICAgICA8cGF0aCBmaWxsPSIjRkZGIiBmaWxsLW9wYWNpdHk9Ii4wMSIgZD0iTTAgMEgyNFYyNEgweiIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTU5MiAtNzg1KSB0cmFuc2xhdGUoNTkyIDc4NSkiIC8+CiAgICAgICAgPGcgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTU5MiAtNzg1KSB0cmFuc2xhdGUoNTkyIDc4NSkgdHJhbnNsYXRlKDggNykiPgogICAgICAgICAgPG1hc2sgaWQ9InU0ZGRwYm95eGIiIGZpbGw9IiNmZmYiPjx1c2UgeGxpbms6aHJlZj0iIzE5MHI2Mzh6emEiIC8+PC9tYXNrPgogICAgICAgICAgPHVzZSBmaWxsPSIjNzk3Rjg1IiBmaWxsLXJ1bGU9Im5vbnplcm8iIHhsaW5rOmhyZWY9IiMxOTByNjM4enphIiAvPgogICAgICAgICAgPHBhdGggZmlsbD0iIzc5N0Y4NSIgZD0iTS04IC03SDE2VjE3SC04eiIgbWFzaz0idXJsKCN1NGRkcGJveXhiKSIgLz4KICAgICAgICA8L2c+CiAgICAgIDwvZz4KICAgIDwvZz4KICA8L2c+Cjwvc3ZnPgo=) center center no-repeat;
transform: rotate(270deg);
transition: transform .3s;
display: block;
position: absolute;
right: 8px;
top: 7px
}
.has-child-expand>.blu-list__item:focus-visible~.blu-list[data-v-eb2a42e4] {
border-top: #c8cbcd 1px solid;
max-height: 200px;
opacity: 1
}
.has-child-expand>.blu-list__item:focus-visible~.blu-list__item[data-v-eb2a42e4]::after {
transform: rotate(90deg)
}
.has-child-expand>.blu-list.b-overflow-y[data-v-eb2a42e4] {
margin: 0
}
.has-child-expand .blu-list__text-desc[data-v-eb2a42e4] {
padding-right: 20px
}
.has-list-expand>.blu-list[data-v-eb2a42e4] {
max-height: 100vh;
opacity: 1
}
.has-list-expand>.blu-list__item[data-v-eb2a42e4]::after {
transform: rotate(90deg)
}
.has-list-expand>.blu-list[data-v-eb2a42e4]::before {
content: "";
height: 1px;
width: calc(100% - 28px);
background: #c8cbcd;
position: absolute;
left: 12px
}
</style>
<style type="text/css">
.blu-list-group__title[data-v-5e67bb7e] {
display: flex;
align-items: center;
padding: 12px 0;
color: rgba(25, 34, 42, .4);
font: 16px/20px blibli, -apple-system, segoe ui, roboto, helvetica, arial, sans-serif
}
</style>
<style>
.product-status[data-v-f375d1ab] {
display: flex;
flex-wrap: wrap;
font: 600 12px/16px Blibli, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif;
gap: 4px
}
</style>
<style>
html:not([dark]) .blu-product-badge[data-v-5f0401da] {
--blu-product-badge-border: 1px solid #ffffff;
--blu-product-badge-border-countdown-promo: 1px solid #e93c3c;
--blu-product-badge-border-countdown-flash-sale: 1px solid #f05a00;
--blu-product-badge-border-radius: 4px;
--blu-product-badge-border-radius-countdown: 4px;
--blu-product-badge-border-radius-countdown-icon: 4px;
--blu-product-badge-font: 600 12px/16px Blibli, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif;
--blu-product-badge-opacity: 1;
--blu-product-badge-text-shadow: 0 0 1px #19222a;
--blu-product-badge-padding: 0 4px;
--blu-product-badge-padding-countdown: 0px 2px 0px 0px;
--blu-product-badge-spacing: 2px;
--blu-product-badge-icon-margin-countdown: 2px;
--blu-product-badge-icon-height: 16px;
--blu-product-badge-background-color-blue: #09acde;
--blu-product-badge-background-color-light-blue: #f3f9ff;
--blu-product-badge-background-color-green: #22a334;
--blu-product-badge-background-color-gray: #e1e3e4;
--blu-product-badge-background-color-light-gray: #f9f9fa;
--blu-product-badge-background-color-dark-gray: rgba(0, 0, 0, .6);
--blu-product-badge-background-color-orange: #ff7f00;
--blu-product-badge-background-color-magenta: #ff0f9d;
--blu-product-badge-background-color-red: #d33534;
--blu-product-badge-background-color-light-red: #ff7373;
--blu-product-badge-background-color-white: #ffffff;
--blu-product-badge-background-color-yellow: #f1ab02;
--blu-product-badge-background-color-pre-order-gray-med: #f1f2f2;
--blu-product-badge-background-color-promo-blue: #f3f9ff;
--blu-product-badge-background-color-promo-green: #effcf0;
--blu-product-badge-background-color-promo-gray: #f1f2f2;
--blu-product-badge-background-color-countdown-promo-red: #e93c3c;
--blu-product-badge-background-color-countdown-flash-sale-orange: #f05a00;
--blu-product-badge-color-countdown-flash-sale-orange-icon: #f05a00;
--blu-product-badge-color-blue: #006dea;
--blu-product-badge-color-light-gray: rgba(25, 34, 42, .4);
--blu-product-badge-text-color-pre-oder-gray-med: rgba(25, 34, 42, .7019607843);
--blu-product-badge-color-gray: rgba(25, 34, 42, .7019607843);
--blu-product-badge-color-white: #ffffff;
--blu-product-badge-color-promo-blue: #006dea;
--blu-product-badge-color-promo-green: #1c832a;
--blu-product-badge-color-promo-gray: rgba(25, 34, 42, .7019607843);
--blu-product-badge-color-promo-orange: #ff7f00;
--blu-product-badge-color-promo-red: #d33534;
--blu-product-badge-color-flashsale-gray: rgba(25, 34, 42, .7019607843);
--blu-product-badge-color-flashsale-orange: #f05a00;
--blu-product-badge-color-flashsale-red: #d33534;
--blu-product-badge-color-countdown-promo-red: #d33534;
--blu-product-badge-pseudo-element-border-promo-blue: 100%;
--blu-product-badge-pseudo-element-height-promo-blue: 7.5px;
--blu-product-badge-pseudo-element-position-bottom-promo-blue: 50%;
--blu-product-badge-pseudo-element-position-left-promo-blue: -3px;
--blu-product-badge-pseudo-element-position-right-promo-blue: -3px;
--blu-product-badge-pseudo-element-width-promo-blue: 6px;
display: inline-flex;
align-items: flex-start;
font: var(--blu-product-badge-font);
width: fit-content;
border-radius: var(--blu-product-badge-border-radius);
padding: var(--blu-product-badge-padding);
opacity: var(--blu-product-badge-opacity)
}
html:not([dark]) .blu-product-badge[data-v-5f0401da]>:not(:last-child) {
margin-right: var(--blu-product-badge-spacing)
}
html:not([dark]) .blu-product-badge.b-ads[data-v-5f0401da] {
background-color: transparent;
color: var(--blu-product-badge-color-white);
border: none;
text-shadow: var(--blu-product-badge-text-shadow);
--blu-product-badge-opacity: .47;
--blu-product-badge-font: 500 12px/16px Blibli, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif
}
html:not([dark]) .blu-product-badge.b-best-seller[data-v-5f0401da] {
background-color: var(--blu-product-badge-background-color-yellow);
color: var(--blu-product-badge-color-white);
border: var(--blu-product-badge-border)
}
html:not([dark]) .blu-product-badge.b-blibli-choice[data-v-5f0401da] {
background-color: var(--blu-product-badge-background-color-blue);
color: var(--blu-product-badge-color-white);
border: var(--blu-product-badge-border)
}
html:not([dark]) .blu-product-badge.b-coming-soon[data-v-5f0401da] {
background-color: var(--blu-product-badge-background-color-magenta);
color: var(--blu-product-badge-color-white);
border: var(--blu-product-badge-border)
}
html:not([dark]) .blu-product-badge.b-discount[data-v-5f0401da] {
background-color: var(--blu-product-badge-background-color-red);
color: var(--blu-product-badge-color-white);
border: var(--blu-product-badge-border)
}
html:not([dark]) .blu-product-badge.b-exclusive[data-v-5f0401da] {
background-color: var(--blu-product-badge-background-color-dark-gray);
color: var(--blu-product-badge-color-white);
border: var(--blu-product-badge-border)
}
html:not([dark]) .blu-product-badge.b-fresh-product[data-v-5f0401da] {
background-color: var(--blu-product-badge-background-color-light-blue);
color: var(--blu-product-badge-color-blue);
border: var(--blu-product-badge-border)
}
html:not([dark]) .blu-product-badge.b-newest[data-v-5f0401da] {
background-color: var(--blu-product-badge-background-color-green);
color: var(--blu-product-badge-color-white);
border: var(--blu-product-badge-border)
}
html:not([dark]) .blu-product-badge.b-currently-closed[data-v-5f0401da] {
background-color: var(--blu-product-badge-background-color-light-gray);
color: var(--blu-product-badge-color-light-gray);
border: var(--blu-product-badge-border)
}
html:not([dark]) .blu-product-badge.b-out-of-stock[data-v-5f0401da] {
background-color: var(--blu-product-badge-background-color-gray);
color: var(--blu-product-badge-color-gray);
border: var(--blu-product-badge-border)
}
html:not([dark]) .blu-product-badge.b-product-left[data-v-5f0401da] {
background-color: var(--blu-product-badge-background-color-light-red);
color: var(--blu-product-badge-color-white);
border: var(--blu-product-badge-border)
}
html:not([dark]) .blu-product-badge.b-top-product[data-v-5f0401da] {
background-color: var(--blu-product-badge-background-color-orange);
color: var(--blu-product-badge-color-white);
border: var(--blu-product-badge-border)
}
html:not([dark]) .blu-product-badge.b-pre-order[data-v-5f0401da] {
background-color: var(--blu-product-badge-background-color-pre-order-gray-med);
color: var(--blu-product-badge-text-color-pre-oder-gray-med);
border: var(--blu-product-badge-border)
}
html:not([dark]) .blu-product-badge.b-blue[data-v-5f0401da] {
background-color: var(--blu-product-badge-background-color-promo-blue);
color: var(--blu-product-badge-color-promo-blue);
border: none;
position: relative;
overflow: hidden;
--blu-product-badge-padding: 0 6px
}
html:not([dark]) .blu-product-badge.b-blue[data-v-5f0401da]:after {
content: "";
position: absolute;
bottom: var(--blu-product-badge-pseudo-element-position-bottom-promo-blue);
transform: translateY(50%);
left: var(--blu-product-badge-pseudo-element-position-left-promo-blue);
width: var(--blu-product-badge-pseudo-element-width-promo-blue);
height: var(--blu-product-badge-pseudo-element-height-promo-blue);
border-radius: var(--blu-product-badge-pseudo-element-border-promo-blue);
background-color: var(--blu-product-badge-background-color-white)
}
html:not([dark]) .blu-product-badge.b-blue[data-v-5f0401da]:before {
content: "";
position: absolute;
bottom: var(--blu-product-badge-pseudo-element-position-bottom-promo-blue);
transform: translateY(50%);
right: var(--blu-product-badge-pseudo-element-position-right-promo-blue);
width: var(--blu-product-badge-pseudo-element-width-promo-blue);
height: var(--blu-product-badge-pseudo-element-height-promo-blue);
border-radius: var(--blu-product-badge-pseudo-element-border-promo-blue);
background-color: var(--blu-product-badge-background-color-white)
}
html:not([dark]) .blu-product-badge.b-green[data-v-5f0401da] {
background-color: var(--blu-product-badge-background-color-promo-green);
color: var(--blu-product-badge-color-promo-green);
border: none
}
html:not([dark]) .blu-product-badge.b-gray[data-v-5f0401da] {
background-color: var(--blu-product-badge-background-color-promo-gray);
color: var(--blu-product-badge-color-promo-gray);
border: none
}
html:not([dark]) .blu-product-badge.b-orange[data-v-5f0401da] {
background-color: none;
color: var(--blu-product-badge-color-promo-orange);
border: none;
--blu-product-badge-padding: 0
}
html:not([dark]) .blu-product-badge.b-light-blue[data-v-5f0401da] {
background-color: var(--blu-product-badge-background-color-promo-light-blue);
color: var(--blu-product-badge-color-promo-light-blue);
border: none
}
html:not([dark]) .blu-product-badge.b-red[data-v-5f0401da] {
background-color: none;
color: var(--blu-product-badge-color-promo-red);
border: none;
--blu-product-badge-padding: 0
}
html:not([dark]) .blu-product-badge.b-best-selling[data-v-5f0401da],
html:not([dark]) .blu-product-badge.b-cheapest[data-v-5f0401da],
html:not([dark]) .blu-product-badge.b-people-see[data-v-5f0401da] {
--blu-product-badge-padding: 0
}
html:not([dark]) .blu-product-badge.b-cheapest[data-v-5f0401da] {
background-color: none;
color: var(--blu-product-badge-color-flashsale-red);
border: none
}
html:not([dark]) .blu-product-badge.b-best-selling[data-v-5f0401da] {
background-color: none;
color: var(--blu-product-badge-color-flashsale-orange);
border: none
}
html:not([dark]) .blu-product-badge.b-people-see[data-v-5f0401da] {
background-color: none;
color: var(--blu-product-badge-color-flashsale-gray);
border: none
}
html:not([dark]) .blu-product-badge.b-flash-sale[data-v-5f0401da],
html:not([dark]) .blu-product-badge.b-promo-countdown[data-v-5f0401da] {
--blu-product-badge-padding: var(--blu-product-badge-padding-countdown);
--blu-product-badge-border-radius: var(--blu-product-badge-border-radius-countdown);
display: flex;
align-items: center;
justify-content: center
}
html:not([dark]) .blu-product-badge.b-flash-sale .blu-product-badge__icon[data-v-5f0401da],
html:not([dark]) .blu-product-badge.b-promo-countdown .blu-product-badge__icon[data-v-5f0401da] {
max-height: var(--blu-product-badge-icon-height);
display: flex;
justify-content: center;
align-items: center;
align-self: stretch;
border-radius: var(--blu-product-badge-border-radius-countdown-icon);
margin-right: var(--blu-product-badge-icon-margin-countdown)
}
html:not([dark]) .blu-product-badge.b-promo-countdown[data-v-5f0401da] {
background-color: var(--blu-product-badge-background-color-countdown-promo-red);
color: var(--blu-product-badge-color-white);
border: none
}
html:not([dark]) .blu-product-badge.b-promo-countdown .blu-product-badge__icon[data-v-5f0401da] {
background-color: var(--blu-product-badge-background-color-white);
color: var(--blu-product-badge-color-countdown-promo-red);
border: var(--blu-product-badge-border-countdown-promo)
}
html:not([dark]) .blu-product-badge.b-flash-sale[data-v-5f0401da] {
background-color: var(--blu-product-badge-background-color-countdown-flash-sale-orange);
color: var(--blu-product-badge-color-white);
border: none
}
html:not([dark]) .blu-product-badge.b-flash-sale .blu-product-badge__icon[data-v-5f0401da] {
background-color: var(--blu-product-badge-background-color-white);
color: var(--blu-product-badge-color-countdown-flash-sale-orange-icon);
border: var(--blu-product-badge-border-countdown-flash-sale)
}
html[dark] .blu-product-badge[data-v-5f0401da] {
--blu-product-badge-border: 1px solid #12171d;
--blu-product-badge-border-countdown-promo: 1px solid #ff9090;
--blu-product-badge-border-countdown-flash-sale: 1px solid #f05a00;
--blu-product-badge-border-radius: 4px;
--blu-product-badge-border-radius-countdown: 4px;
--blu-product-badge-border-radius-countdown-icon: 4px;
--blu-product-badge-font: 600 12px/16px Blibli, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif;
--blu-product-badge-opacity: 1;
--blu-product-badge-text-shadow: 0 0 1px #19222a;
--blu-product-badge-padding: 0 4px;
--blu-product-badge-padding-countdown: 0px 2px 0px 0px;
--blu-product-badge-spacing: 2px;
--blu-product-badge-icon-margin-countdown: 2px;
--blu-product-badge-icon-height: 16px;
--blu-product-badge-background-color-blue: #09acde;
--blu-product-badge-background-color-light-blue: #002e7a;
--blu-product-badge-background-color-green: #22a334;
--blu-product-badge-background-color-gray: #3b444c;
--blu-product-badge-background-color-light-gray: #19222a;
--blu-product-badge-background-color-dark-gray: rgba(0, 0, 0, .6);
--blu-product-badge-background-color-orange: #ff7f00;
--blu-product-badge-background-color-magenta: #ff0f9d;
--blu-product-badge-background-color-red: #d33534;
--blu-product-badge-background-color-light-red: #ff7373;
--blu-product-badge-background-color-white: #12171d;
--blu-product-badge-background-color-yellow: #f1ab02;
--blu-product-badge-background-color-pre-order-gray-med: #28323b;
--blu-product-badge-background-color-promo-blue: #f3f9ff;
--blu-product-badge-background-color-promo-green: #effcf0;
--blu-product-badge-background-color-promo-gray: #f1f2f2;
--blu-product-badge-background-color-countdown-promo-red: #ff9090;
--blu-product-badge-background-color-countdown-flash-sale-orange: #f05a00;
--blu-product-badge-color-countdown-flash-sale-orange-icon: #f05a00;
--blu-product-badge-color-blue: #4fa4ff;
--blu-product-badge-color-light-gray: rgba(255, 255, 255, .5019607843);
--blu-product-badge-text-color-pre-oder-gray-med: rgba(255, 255, 255, .8);
--blu-product-badge-color-gray: rgba(255, 255, 255, .8);
--blu-product-badge-color-white: #12171d;
--blu-product-badge-color-promo-blue: #4fa4ff;
--blu-product-badge-color-promo-green: #02c82b;
--blu-product-badge-color-promo-gray: rgba(255, 255, 255, .8);
--blu-product-badge-color-promo-orange: #ff7f00;
--blu-product-badge-color-promo-red: #ff7373;
--blu-product-badge-color-flashsale-gray: rgba(255, 255, 255, .8);
--blu-product-badge-color-flashsale-orange: #f05a00;
--blu-product-badge-color-flashsale-red: #ff7373;
--blu-product-badge-color-countdown-promo-red: #ff7373;
--blu-product-badge-pseudo-element-border-promo-blue: 100%;
--blu-product-badge-pseudo-element-height-promo-blue: 7.5px;
--blu-product-badge-pseudo-element-position-bottom-promo-blue: 50%;
--blu-product-badge-pseudo-element-position-left-promo-blue: -3px;
--blu-product-badge-pseudo-element-position-right-promo-blue: -3px;
--blu-product-badge-pseudo-element-width-promo-blue: 6px;
display: inline-flex;
align-items: flex-start;
font: var(--blu-product-badge-font);
width: fit-content;
border-radius: var(--blu-product-badge-border-radius);
padding: var(--blu-product-badge-padding);
opacity: var(--blu-product-badge-opacity)
}
html[dark] .blu-product-badge[data-v-5f0401da]>:not(:last-child) {
margin-right: var(--blu-product-badge-spacing)
}
html[dark] .blu-product-badge.b-ads[data-v-5f0401da] {
background-color: transparent;
color: var(--blu-product-badge-color-white);
border: none;
text-shadow: var(--blu-product-badge-text-shadow);
--blu-product-badge-opacity: .47;
--blu-product-badge-font: 500 12px/16px Blibli, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif
}
html[dark] .blu-product-badge.b-best-seller[data-v-5f0401da] {
background-color: var(--blu-product-badge-background-color-yellow);
color: var(--blu-product-badge-color-white);
border: var(--blu-product-badge-border)
}
html[dark] .blu-product-badge.b-blibli-choice[data-v-5f0401da] {
background-color: var(--blu-product-badge-background-color-blue);
color: var(--blu-product-badge-color-white);
border: var(--blu-product-badge-border)
}
html[dark] .blu-product-badge.b-coming-soon[data-v-5f0401da] {
background-color: var(--blu-product-badge-background-color-magenta);
color: var(--blu-product-badge-color-white);
border: var(--blu-product-badge-border)
}
html[dark] .blu-product-badge.b-discount[data-v-5f0401da] {
background-color: var(--blu-product-badge-background-color-red);
color: var(--blu-product-badge-color-white);
border: var(--blu-product-badge-border)
}
html[dark] .blu-product-badge.b-exclusive[data-v-5f0401da] {
background-color: var(--blu-product-badge-background-color-dark-gray);
color: var(--blu-product-badge-color-white);
border: var(--blu-product-badge-border)
}
html[dark] .blu-product-badge.b-fresh-product[data-v-5f0401da] {
background-color: var(--blu-product-badge-background-color-light-blue);
color: var(--blu-product-badge-color-blue);
border: var(--blu-product-badge-border)
}
html[dark] .blu-product-badge.b-newest[data-v-5f0401da] {
background-color: var(--blu-product-badge-background-color-green);
color: var(--blu-product-badge-color-white);
border: var(--blu-product-badge-border)
}
html[dark] .blu-product-badge.b-currently-closed[data-v-5f0401da] {
background-color: var(--blu-product-badge-background-color-light-gray);
color: var(--blu-product-badge-color-light-gray);
border: var(--blu-product-badge-border)
}
html[dark] .blu-product-badge.b-out-of-stock[data-v-5f0401da] {
background-color: var(--blu-product-badge-background-color-gray);
color: var(--blu-product-badge-color-gray);
border: var(--blu-product-badge-border)
}
html[dark] .blu-product-badge.b-product-left[data-v-5f0401da] {
background-color: var(--blu-product-badge-background-color-light-red);
color: var(--blu-product-badge-color-white);
border: var(--blu-product-badge-border)
}
html[dark] .blu-product-badge.b-top-product[data-v-5f0401da] {
background-color: var(--blu-product-badge-background-color-orange);
color: var(--blu-product-badge-color-white);
border: var(--blu-product-badge-border)
}
html[dark] .blu-product-badge.b-pre-order[data-v-5f0401da] {
background-color: var(--blu-product-badge-background-color-pre-order-gray-med);
color: var(--blu-product-badge-text-color-pre-oder-gray-med);
border: var(--blu-product-badge-border)
}
html[dark] .blu-product-badge.b-blue[data-v-5f0401da] {
background-color: var(--blu-product-badge-background-color-promo-blue);
color: var(--blu-product-badge-color-promo-blue);
border: none;
position: relative;
overflow: hidden;
--blu-product-badge-padding: 0 6px
}
html[dark] .blu-product-badge.b-blue[data-v-5f0401da]:after {
content: "";
position: absolute;
bottom: var(--blu-product-badge-pseudo-element-position-bottom-promo-blue);
transform: translateY(50%);
left: var(--blu-product-badge-pseudo-element-position-left-promo-blue);
width: var(--blu-product-badge-pseudo-element-width-promo-blue);
height: var(--blu-product-badge-pseudo-element-height-promo-blue);
border-radius: var(--blu-product-badge-pseudo-element-border-promo-blue);
background-color: var(--blu-product-badge-background-color-white)
}
html[dark] .blu-product-badge.b-blue[data-v-5f0401da]:before {
content: "";
position: absolute;
bottom: var(--blu-product-badge-pseudo-element-position-bottom-promo-blue);
transform: translateY(50%);
right: var(--blu-product-badge-pseudo-element-position-right-promo-blue);
width: var(--blu-product-badge-pseudo-element-width-promo-blue);
height: var(--blu-product-badge-pseudo-element-height-promo-blue);
border-radius: var(--blu-product-badge-pseudo-element-border-promo-blue);
background-color: var(--blu-product-badge-background-color-white)
}
html[dark] .blu-product-badge.b-green[data-v-5f0401da] {
background-color: var(--blu-product-badge-background-color-promo-green);
color: var(--blu-product-badge-color-promo-green);
border: none
}
html[dark] .blu-product-badge.b-gray[data-v-5f0401da] {
background-color: var(--blu-product-badge-background-color-promo-gray);
color: var(--blu-product-badge-color-promo-gray);
border: none
}
html[dark] .blu-product-badge.b-orange[data-v-5f0401da] {
background-color: none;
color: var(--blu-product-badge-color-promo-orange);
border: none;
--blu-product-badge-padding: 0
}
html[dark] .blu-product-badge.b-light-blue[data-v-5f0401da] {
background-color: var(--blu-product-badge-background-color-promo-light-blue);
color: var(--blu-product-badge-color-promo-light-blue);
border: none
}
html[dark] .blu-product-badge.b-red[data-v-5f0401da] {
background-color: none;
color: var(--blu-product-badge-color-promo-red);
border: none;
--blu-product-badge-padding: 0
}
html[dark] .blu-product-badge.b-best-selling[data-v-5f0401da],
html[dark] .blu-product-badge.b-cheapest[data-v-5f0401da],
html[dark] .blu-product-badge.b-people-see[data-v-5f0401da] {
--blu-product-badge-padding: 0
}
html[dark] .blu-product-badge.b-cheapest[data-v-5f0401da] {
background-color: none;
color: var(--blu-product-badge-color-flashsale-red);
border: none
}
html[dark] .blu-product-badge.b-best-selling[data-v-5f0401da] {
background-color: none;
color: var(--blu-product-badge-color-flashsale-orange);
border: none
}
html[dark] .blu-product-badge.b-people-see[data-v-5f0401da] {
background-color: none;
color: var(--blu-product-badge-color-flashsale-gray);
border: none
}
html[dark] .blu-product-badge.b-flash-sale[data-v-5f0401da],
html[dark] .blu-product-badge.b-promo-countdown[data-v-5f0401da] {
--blu-product-badge-padding: var(--blu-product-badge-padding-countdown);
--blu-product-badge-border-radius: var(--blu-product-badge-border-radius-countdown);
display: flex;
align-items: center;
justify-content: center
}
html[dark] .blu-product-badge.b-flash-sale .blu-product-badge__icon[data-v-5f0401da],
html[dark] .blu-product-badge.b-promo-countdown .blu-product-badge__icon[data-v-5f0401da] {
max-height: var(--blu-product-badge-icon-height);
display: flex;
justify-content: center;
align-items: center;
align-self: stretch;
border-radius: var(--blu-product-badge-border-radius-countdown-icon);
margin-right: var(--blu-product-badge-icon-margin-countdown)
}
html[dark] .blu-product-badge.b-promo-countdown[data-v-5f0401da] {
background-color: var(--blu-product-badge-background-color-countdown-promo-red);
color: var(--blu-product-badge-color-white);
border: none
}
html[dark] .blu-product-badge.b-promo-countdown .blu-product-badge__icon[data-v-5f0401da] {
background-color: var(--blu-product-badge-background-color-white);
color: var(--blu-product-badge-color-countdown-promo-red);
border: var(--blu-product-badge-border-countdown-promo)
}
html[dark] .blu-product-badge.b-flash-sale[data-v-5f0401da] {
background-color: var(--blu-product-badge-background-color-countdown-flash-sale-orange);
color: var(--blu-product-badge-color-white);
border: none
}
html[dark] .blu-product-badge.b-flash-sale .blu-product-badge__icon[data-v-5f0401da] {
background-color: var(--blu-product-badge-background-color-white);
color: var(--blu-product-badge-color-countdown-flash-sale-orange-icon);
border: var(--blu-product-badge-border-countdown-flash-sale)
}
</style>
<style>
.review-rating-sold-seen[data-v-585f0b9b] {
display: flex;
align-items: center;
gap: 6px
}
.review-rating-sold-seen__sold-seen-label[data-v-585f0b9b] {
font: 500 14px/18px Blibli, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif;
color: #19222ab3
}
.review-rating-sold-seen__divider[data-v-585f0b9b] {
background-color: #797f85;
width: 2px;
height: 2px;
border-radius: 2px
}
.review-rating-sold-seen__divider[data-v-585f0b9b]:last-child {
display: none
}
.review-rating-sold-seen__divider[data-v-585f0b9b]:first-child {
display: none
}
.review-rating-sold-seen__chip[data-v-585f0b9b] {
padding: 4px 6px;
display: flex;
align-items: center;
justify-content: center;
gap: 2px;
height: 28px;
border-radius: 8px;
border: 1px solid #e1e3e4;
cursor: pointer
}
.review-rating-sold-seen__chip-review-btn[data-v-585f0b9b] {
display: flex;
gap: 2px
}
.review-rating-sold-seen__chip-info-value[data-v-585f0b9b] {
font: 600 14px/18px Blibli, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif;
color: #19222ab3
}
.review-rating-sold-seen__chip-info-count[data-v-585f0b9b] {
font: 500 14px/18px Blibli, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif;
color: #19222a66
}
</style>
<style>
.blu-loader-skeleton[data-v-f4125100] {
background-color: #f1f2f2
}
.blu-loader-skeleton[data-v-f4125100] {
--blu-loadr-skel-bdr-rad: 8px;
height: var(--blu-loadr-skel-h);
width: var(--blu-loadr-skel-w);
border-radius: var(--blu-loadr-skel-bdr-rad)
}
.blu-loader-skeleton__gradient[data-v-f4125100] {
position: relative;
overflow: hidden;
width: 100%;
height: 100%;
border-radius: var(--blu-loadr-skel-bdr-rad)
}
.blu-loader-skeleton__gradient[data-v-f4125100]:after {
content: "";
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
transform: translate(-100%);
animation: shimmer-f4125100 .8s infinite .1s
}
.blu-loader-skeleton__gradient[data-v-f4125100]:after {
background: linear-gradient(90deg, rgba(249, 249, 250, 0) 0, #f9f9fa 50.68%, rgba(249, 249, 250, .0001) 100%)
}
.blu-loader-skeleton.b-small[data-v-f4125100] {
--blu-loadr-skel-bdr-rad: 4px
}
.blu-loader-skeleton.b-circle[data-v-f4125100] {
--blu-loadr-skel-bdr-rad: 50%
}
[dark] .blu-loader-skeleton[data-v-f4125100] {
background-color: #28323b
}
[dark] .blu-loader-skeleton__gradient[data-v-f4125100]:after {
background: linear-gradient(90deg, rgba(249, 249, 250, 0) 0, #19222a 50.68%, rgba(249, 249, 250, .0001) 100%)
}
@keyframes shimmer-f4125100 {
to {
transform: translate(100%)
}
}
</style>
<script type="text/javascript" async=""
src="https://googleads.g.doubleclick.net/pagead/viewthroughconversion/925089264/?random=1727708668102&cv=11&fst=1727708668102&bg=ffffff&guid=ON&async=1&gtm=45be49p0z8810058345za201zb810058345&gcd=13l3l3l3l1l1&dma=0&tag_exp=101671035~101686685~101747727&u_w=1066&u_h=866&url=https%3A%2F%2Fwww.blibli.com%2Fp%2Fniko-speaker-trolley-speaker-pt-1501-15-inch-garansi%2Fps--ELP-60049-00553%3Fsrsltid%3DAfmBOorES7xzkivoHSNhil5W1iouKsuBMzCBVxCvjis5_rzK-YdKCb2y&ref=https%3A%2F%2Fwww.blibli.com%2Fchallenge%2Flanding%2F%3Fredirect%3D%252Fp%252Fniko-speaker-trolley-speaker-pt-1501-15-inch-garansi%252Fps--ELP-60049-00553%253Fsrsltid%253DAfmBOorES7xzkivoHSNhil5W1iouKsuBMzCBVxCvjis5_rzK-YdKCb2y&hn=www.googleadservices.com&frm=0&tiba=Jual%20Niko%20Speaker%20Trolley%20Speaker%20Pt%201501%2015%20Inch%20Garansi%20Di%20Seller%20Eleora.shop%20-%20Ambarketawang%2C%20Kab.%20Sleman%20%7C%20Blibli&npa=0&pscdl=noapi&auid=231856571.1727707203&uaa=&uab=64&uafvl=Google%2520Chrome%3B129.0.6668.70%7CNot%253DA%253FBrand%3B8.0.0.0%7CChromium%3B129.0.6668.70&uamb=1&uam=Nexus%205&uap=Android&uapv=6.0&uaw=0&fledge=1&data=ecomm_pagetype%3Dproduct%3Becomm_prodid%3DELP-60049-00553%3Becomm_totalvalue%3D1005000&rfmt=3&fmt=4"></script>
<script type="text/javascript" async=""
src="https://googleads.g.doubleclick.net/pagead/viewthroughconversion/920334631/?random=1727708668182&cv=11&fst=1727708668182&bg=ffffff&guid=ON&async=1&gtm=45be49p0z8810058345za201zb810058345&gcd=13l3l3l3l1l1&dma=0&tag_exp=101671035~101747727&u_w=1066&u_h=866&url=https%3A%2F%2Fwww.blibli.com%2Fp%2Fniko-speaker-trolley-speaker-pt-1501-15-inch-garansi%2Fps--ELP-60049-00553%3Fsrsltid%3DAfmBOorES7xzkivoHSNhil5W1iouKsuBMzCBVxCvjis5_rzK-YdKCb2y&ref=https%3A%2F%2Fwww.blibli.com%2Fchallenge%2Flanding%2F%3Fredirect%3D%252Fp%252Fniko-speaker-trolley-speaker-pt-1501-15-inch-garansi%252Fps--ELP-60049-00553%253Fsrsltid%253DAfmBOorES7xzkivoHSNhil5W1iouKsuBMzCBVxCvjis5_rzK-YdKCb2y&hn=www.googleadservices.com&frm=0&tiba=Jual%20Niko%20Speaker%20Trolley%20Speaker%20Pt%201501%2015%20Inch%20Garansi%20Di%20Seller%20Eleora.shop%20-%20Ambarketawang%2C%20Kab.%20Sleman%20%7C%20Blibli&npa=0&pscdl=noapi&auid=231856571.1727707203&uaa=&uab=64&uafvl=Google%2520Chrome%3B129.0.6668.70%7CNot%253DA%253FBrand%3B8.0.0.0%7CChromium%3B129.0.6668.70&uamb=1&uam=Nexus%205&uap=Android&uapv=6.0&uaw=0&fledge=1&data=ecomm_pagetype%3Dretail-product-detail%3Becomm_prodid%3DELP-60049-00553%3Becomm_totalvalue%3D1005000&rfmt=3&fmt=4"></script>
<script attributionsrc="" type="text/javascript" async=""
src="https://www.googleadservices.com/pagead/conversion/880395410/?random=1727708668483&cv=11&fst=1727708668483&bg=ffffff&guid=ON&async=1&gtm=45be49p0v877689920z8810058345za201zb810058345&gcd=13l3l3l3l1l1&dma=0&tag_exp=101671035~101747727&u_w=1066&u_h=866&url=https%3A%2F%2Fwww.blibli.com%2Fp%2Fniko-speaker-trolley-speaker-pt-1501-15-inch-garansi%2Fps--ELP-60049-00553%3Fsrsltid%3DAfmBOorES7xzkivoHSNhil5W1iouKsuBMzCBVxCvjis5_rzK-YdKCb2y&ref=https%3A%2F%2Fwww.blibli.com%2Fchallenge%2Flanding%2F%3Fredirect%3D%252Fp%252Fniko-speaker-trolley-speaker-pt-1501-15-inch-garansi%252Fps--ELP-60049-00553%253Fsrsltid%253DAfmBOorES7xzkivoHSNhil5W1iouKsuBMzCBVxCvjis5_rzK-YdKCb2y&label=hEx3CKjo-eADEJKJ56MD&hn=www.googleadservices.com&frm=0&tiba=Jual%20Niko%20Speaker%20Trolley%20Speaker%20Pt%201501%2015%20Inch%20Garansi%20Di%20Seller%20Eleora.shop%20-%20Ambarketawang%2C%20Kab.%20Sleman%20%7C%20Blibli&value=0&bttype=purchase&npa=0&pscdl=noapi&auid=231856571.1727707203&uaa=&uab=64&uafvl=Google%2520Chrome%3B129.0.6668.70%7CNot%253DA%253FBrand%3B8.0.0.0%7CChromium%3B129.0.6668.70&uamb=1&uam=Nexus%205&uap=Android&uapv=6.0&uaw=0&fledge=1&capi=1&rfmt=3&fmt=4"></script>
</head>
<body style="overflow-x:hidden">
<div style="height:74px"></div>
<div style="min-height:6em;max-height:50%;width:100%;display:grid;background-color:#fff;top:0;position:fixed;right:0;left:0;line-height:1em;z-index:2147483647"
class="responsive-wrapper" role="dialog" aria-label="App promotion banner">
<div style="padding:.6em 0" role="button" tabindex="0">
<div style="display:grid;grid-template-columns:9% 61% 30%">
<div style="margin:1.2em 0 0 .8em">
<div style="justify-content:center;display:flex">
<div style="width:fit-content;height:fit-content;display:flex;padding:.2em"
data-af-close-button="true" role="button" tabindex="0" aria-label="Close banner"
data-qa-id="close-button"><svg
style="border-radius:50%;width:2.2em;height:2.2em;padding:.2em;background-color:rgba(255,255,255,0)"
viewBox="0 0 24 24" fill="none">
<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>
</svg></div>
</div>
</div>
<div style="display:flex;justify-content:start">
<div style="margin-left:.5em">
<div style="display:flex;flex-direction:column;align-items:flex-start">
<div style="justify-content:center;display:flex"><img
style="border-radius:0;width:5em;height:5em;min-width:5em;min-height:5em"
src="https://cdn.branch.io/branch-assets/journeys/881083536956740211/banner-iOS-app-store-1024px-1696384414874.png"
alt="App logo"></div>
</div>
</div>
<div style="width:100%;display:flex;flex-direction:column;justify-content:center">
<div style="overflow:hidden;max-height:15em">
<div style="margin:.2em 1em"></div>
<div style="margin:.2em 1em">
<div style="text-align:left"><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">Promo PAYDAY 25-27 Sep Sepatu Ori
Cashback 300rb</span></div>
</div>
</div>
<div style="margin:.1em 1em 0"></div>
</div>
</div>
<div style="margin:.6em 1em 0 0">
<div style="justify-content:center;display:flex;width:100%">
<div
style="border-color:rgba(255,255,255,0);border-style:solid;border-radius:.7em;background-color:rgba(0,114,255,1);height:3.7em;border-width:.1em;display:inline-flex;align-items:center;justify-content:center;width:100%;box-shadow:none">
<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:0 .7em;background:0 0;padding:0;border:transparent"
data-af-custom-fonts="af-creatives-text"
data-af-cta-url="https://blibli.onelink.me/3406673693?creative_id=220c25a8-a71a-4127-bd65-4396fa37cf14&af_banner=true&af_channel=af_web_banner&pid=af_banner&is_retargeting=true&af_dp=blibli://p/niko-speaker-trolley-speaker-pt-1501-15-inch-garansi/ps--ELP-60049-00553?utm_campaign=af_banner_pdp&utm_source=af_banner&utm_medium=af_web_banner&c=af_banner_homepage&af_reengagement_window=30d&deep_link_value=blibli://p/niko-speaker-trolley-speaker-pt-1501-15-inch-garansi/ps--ELP-60049-00553?utm_campaign=af_banner_pdp&utm_source=af_banner&utm_medium=af_web_banner&af_banner_build=static&af_banner_config=static&af_banner_sdk_ver=2">BUKA
APP</button>
</div>
</div>
</div>
</div>
</div>
</div><amp-link></amp-link>
<script type="module">try {
import.meta.url;
import("_").catch(() => 1);
} catch (e) { }
window.__vite_is_modern_browser = true;</script>
<script type="module">! function () {
if (window.__vite_is_modern_browser) return;
console.warn("vite: loading legacy build because dynamic import or import.meta.url is unsupported, syntax error above should be ignored");
var e = document.getElementById("vite-legacy-polyfill"),
n = document.createElement("script");
n.src = e.src, n.onload = function () {
System.import(document.getElementById('vite-legacy-entry').getAttribute('data-src'))
}, document.body.appendChild(n)
}();</script><noscript>Please use the latest browser and enable javascript.</noscript>
<div data-v-c421a338="" id="blibliApp">
<div data-v-c421a338="" class="background-gray">
<div data-v-c421a338="" id="vue3-head-section" class="head-container"></div>
<header data-v-f03a55b3="" data-v-c421a338="" class="header">
<div data-v-f03a55b3="" class="header__top">
<div data-v-31c4755a="" data-v-f03a55b3="" class="top-menu">
<div data-v-31c4755a="" class="wrapper">
<div data-v-31c4755a="" class="left-section">
<div data-v-31c4755a="" class="item hover-gray">
<div data-v-31c4755a="" class="top-menu"><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">
<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>
</svg><span data-v-31c4755a="" class="top-menu__text font-medium">Download
Aplikasi Blibli</span></div>
<div data-v-31c4755a="" class="mobile-app top-menu__tooltip">
<div data-v-31c4755a="" class="mobile-app__text">Unduh Sekarang!</div>
<div data-v-31c4755a="" class="mobile-app__platform"><a data-v-31c4755a=""
href="https://play.google.com/store/apps/details?id=blibli.mobile.commerce"
class="mobile-app__platform__content"><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"></a><a
data-v-31c4755a=""
href="https://itunes.apple.com/id/app/blibli.com/id1034231507?l=id&amp;mt=8"
class="mobile-app__platform__content"><img data-v-31c4755a="" alt="iOS"
src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAKwAAAA6CAMAAAAa0EK0AAAAb1BMVEWmpqampqYAAAClpaWkpKSmpqampqakpKSlpaUAAAD///9JSUldXV0QEBDw8PAfHx/Hx8c4ODgoKCimpqbm5ua8vLwwMDDS0tKOjo74+PhoaGhycnLe3t6xsbGFhYVVVVV8fHyZmZmfn59AQEDY2NjrcvpSAAAACXRSTlO/oADb9IZfIkNsDL9wAAAGIklEQVRo3tWai3bbIAyGvS1tJ7AA22B8v8R5/2ecANfOxU3SrduS/9SndgDxIYSgjaPvXm+vL9+iB9W3l9e3QOlhf0ZZUcX8QdXXxS56e4d9ySoJD610yF4D7MsugYcXJ1qCfd0/ASvR7n4S7I8YnkJ19D36OSI8heTuLXqp4Uk0vEYRhydR/C368RTLy4lH0S6HJ1HyI8pSeBLdAZvj5Uec86vzgQVuJp8erqiv/xAWq0N5GdNKaC1aeWV3FJuFqoBtYUsQhfozWBwZY3KjU0QuWiBJV4rhQqQfzDHAhjKSDHOD6Qqb+1YYfpNkwz1seCYTvwNbEGuz4aEOALjIIbFCGIk6hriU0LWQmYMQsYeVVKYkYKYbMZGpUhsbYBOrhUGoGqXZ4Ok0EwYKa0RJz7G2osBPw3JGGj6ARd2D3QOqFtoRWl2BiiFrkC4Pa1pEYyCnfgsDScnJXIDVBaDNoBIJ1GXwZeOHk0KtUZJdKfpPwxpiPeCHsBxZAtQnVhZ0lSERZnugDj0s4wCxQJB91SqoXEAGz8oyBxgsUCuY2BGsIh6BXAx1rYvPwqJmzEj4ADYXKbLcw0rBlbS8gSNYP5BeSK6LmmBrtSywVKRU6eBhkw9g6+mzsFKoGuADWGnJdkPlRAJKdXRlx7BgO3pUsDcAo/IRLksPi8K1ak9h+QKb6gQgzu+Gxb4r4mBl6rKxzi9SV9MwJZ1XjSIK6FhOV38Cy4UxYoK+zNqDG49umxAG1KpVOjmGBaOHd1gYxd408k5YzJiXinkhwq1NTltxzkMrGfc+b3G65S5nEbmcACa6x1CWVrl0zXmMiW8USkI9dI28gQnSxDnHBVgV35u6pGWXEo9wgLiERcO2VMD/1yVstcmawQPoAhYPW6wKvkJS4tfCTmxLyUZLpdrP9M2zRghtavmFsPW9jnUpI4a7NbJZISkh4hfAjluwI1xK0+cG7tXAmCj4VFkaucMUov0C2OzOVMAJ9fL0eGXjblJ/sw/zQa3/Fmy2FQV2KlkNsEwqSrk8na8mvsyOdNYQCRbnckwlLg3XQ3Aqb8MWW7B2y1UF2Nk98qAH7LQQqvfj0ApiK0TT4RHsfk0JqDRjpda5K2m1qynDnjvmSjiblRVkjW/B3kyzpYc4q5bCwErfVgq2V1SLfgZ/sGwK/xTCc64hhgUdlaBCIRKAwd8w1jhwyxSZsX6/LwVdxQ3YpNyiPeDFSffgp3QIKISWJYlbRZzK6EnxvKfuipM/Ofa9nNlzGkiaeo83vUyL0k+eJcSi565ylsuE7PTXYVGzLalT2lx4TMUsBljWzXmvJdi5ekpjwLO1YAfiXReYYsI/d4xVDpb180R5lIaZ67Awsk011VkmSkMwTMG6DlSW8BwshxlhdQ0flZ80Ua2weemwggXjWlsMVvN5OoS8DsvZtgY4kiI6Uk7rJnTVLiPNXRjMps5ayXgv2HHq6v1DMNigi9nZiGmdLFm7Dot2k1UvtYJHSu3ECNrDjvDuy4RgxVztMkNLIlELbLW43jC9wLrlNUtM12EhZjc3sY6tio89W5x4dnKhfC4XMtc9u2eM57PwEvb2gVbg6VZ7CLaotyzELMwxy45idlhYWrEYOFDdGXZ1PeoQs2pZEPedZ33fF4rPwrqDdzqNvkE9Z18FDrb1SUKzUi4LssBlm15g0c5LqCYDC2z+HlWFyfAWLMQ3TjIZK3NYKKqQZ4tU1gTNPSwzieSH2W+BmxmOmHZUlYdg4NKjW46SwqrBADvHwZj6T8dbnl33XG2brSyLejYacqnxMXtYR2WYeDew7rdi3qrmSWnppkxCT6Kka4IVFhUVarevpXfAQm+Z7Zz3ZG2E7fB8q10zEtlNXRZHl5VsjQEWKk2oo4RFMvOkZduHx1aEI32l3KCyBI5gATvNCLXDr/5n8rLloPS2A6w/PZ0p5TxBWLScui5qrp/+NVjSCnuih/o3/T+E3eVPBPsFXy318QSreBzDXxGPnutLu+f5OrR7fa4vmr//qOApNET0vsHP3VNEbb9786+dPMOrHHz3Gl7oed0NyUMHLk7Fj5/vr0q9RVkx1PGDqurG3bc3x7m+hPby7UH1sryE9gsBpZaCHNDmDwAAAABJRU5ErkJggg=="
class="mobile-app__platform__content__logo"></a></div>
</div>
</div>
<div data-v-31c4755a="" class="item hover-gray">
<div data-v-31c4755a="" class="top-menu"><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">
<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>
</svg><span data-v-31c4755a="" class="top-menu__text font-medium">Bantuan
24/7</span></div>
<div data-v-31c4755a="" class="help-center top-menu__tooltip">
<div data-v-31c4755a="" class="help-center__top"><a data-v-31c4755a=""
href="/faq/topic/pembayaran"
class="help-center__top__content">Pembayaran</a><a data-v-31c4755a=""
href="/faq/topic/pengiriman"
class="help-center__top__content">Pengiriman</a><a data-v-31c4755a=""
href="/faq/topic/pengembalian-produk"
class="help-center__top__content">Pengembalian</a><a data-v-31c4755a=""
href="/faq/" class="help-center__top__content">Panduan Lainnya</a></div>
<hr data-v-31c4755a="" class="help-center__bottom__separator">
<div data-v-31c4755a="" class="help-center__bottom">
<div data-v-31c4755a="" class="help-center__bottom__title">Bantuan 24/7
</div>
<div data-v-31c4755a="" class="help-center__bottom__content"><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">
<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>
</svg><span data-v-31c4755a=""
class="help-center__bottom__content__text">0804-1-871-871</span>
</div><a data-v-31c4755a=""
href="/cdn-cgi/l/email-protection#42213731362d2f27306c2123302702202e2b202e2b6c212d2f"
class="help-center__bottom__content"><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">
<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>
</svg><span data-v-31c4755a=""
class="help-center__bottom__content__text"><span
class="__cf_email__"
data-cfemail="197a6c6a6d76747c6b377a786b7c597b75707b7570377a7674">[email protected]</span></span></a><span
data-v-31c4755a=""
class="help-center__bottom__content cursor-pointer"><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">
<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 12.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>
</svg><span data-v-31c4755a=""
class="help-center__bottom__content__text">Chat Customer
Care</span></span>
</div>
</div>
</div>
</div>
<div data-v-31c4755a="" class="right-section"><a data-v-31c4755a=""
href="/pages/merchant-corner" target="" class="link hover-gray font-medium">Jual di
Blibli</a><a data-v-31c4755a="" href="https://www.bliblitiketrewards.com/info"
target="_blank" class="link hover-gray font-medium">Blibli Tiket Rewards</a><a
data-v-31c4755a="" href="/member/order/retail" target=""
class="link hover-gray font-medium">Cek daftar pesanan</a></div>
</div>
</div>
</div>
<div data-v-f03a55b3="" class="header__btm">
<div data-v-f03a55b3="" class="header__btm__left">
<div data-v-f03a55b3="" class="brand"><a data-v-f03a55b3="" href="/"><img data-v-ebaad72a=""
data-v-f03a55b3=""
src="https://www.static-src.com/frontend/static/img/logo-blibli-blue.0f340eba.svg?w=228"
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"></a></div>
<div data-v-f03a55b3="" class="category tooltip__trigger">
<div data-v-f03a55b3="" class="category__trigger"><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">
<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>
</svg><span data-v-f03a55b3=""
class="category__trigger__name font-height">Kategori</span></div>
</div>
</div>
<div data-v-f03a55b3="" class="search">
<div data-v-c2b23a23="" data-v-f03a55b3="" class="searchbox">
<div data-v-c2b23a23="" class="searchbox__main">
<div data-v-c2b23a23="" class="search__intent-category">
<div data-v-c2b23a23=""
class="search__intent-category-all b-flex b-ai-center b-jc-between"><span
data-v-c2b23a23="" class="b-ellipsis">Semua kategori</span><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">
<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>
</svg></div>
</div><input data-v-c2b23a23="" type="text" name="search"
placeholder="Cari brand, produk, atau seller" autocomplete="off" class="b-ellipsis">
<div data-v-c2b23a23="" class="b-ellipsis b-flex"><button data-v-c2b23a23=""
title="search" class="searchbox__search">
<div data-v-c2b23a23="" class="searchbox__search-icon"><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">
<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>
</svg></div>
</button></div>
</div>
<div data-v-c2b23a23="" class="searchbox__autocomplete"></div>
</div>
</div>
<div data-v-f03a55b3="" class="header__btm__right">
<div data-v-f03a55b3="" class="menus">
<div data-v-f03a55b3="" class="cart tooltip__trigger menus__item"><a data-v-f03a55b3=""
href="/cart" aria-label="cart 0" class="menus__item-wrapper hover-gray"><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">
<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>
</svg>
<div data-v-c89634de="" data-v-f03a55b3="" class="label cart__amt">0</div>
</a></div><span data-v-f03a55b3="" class="separator"></span>
<div data-v-f03a55b3="" class="user menus__item">
<div data-v-f03a55b3="" class="auth-container"><span data-v-3af43acd=""
data-v-f03a55b3="" class="blu-tooltip b-top-center"><a data-v-5fa81f30=""
data-v-f03a55b3="" tabindex="0" class="blu-tooltip__label"><button
data-v-fe4ffa8e="" data-v-f03a55b3="" type="button"
class="blu-btn btn__login b-outline b-small" data-v-5fa81f30="">
<div data-v-8d4155d0="" data-v-fe4ffa8e="" class="blu-ripple">Masuk
</div>
</button></a>
<article data-v-e8a6e46e="" data-v-f03a55b3=""
class="blu-tooltip__content-wrapper b-page login-hover__container">
<div data-v-e8a6e46e="" class="blu-tooltip__content" style="width:288px">
<button data-v-e8a6e46e="" class="blu-tooltip__close"><i
data-v-e8a6e46e=""></i></button><img data-v-f03a55b3=""
data-v-e8a6e46e=""
src="https://www.static-src.com/frontend/static/img/blibli-tiket-logo.7100ba16.svg"
alt="Logo Blibli Tiket" class="login-hover__image">
<p data-v-f03a55b3="" data-v-e8a6e46e="" class="login-hover__title">Satu
akun untuk semua</p>
<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>
<p data-v-f03a55b3="" data-v-e8a6e46e="" class="login-hover__tnc">Info
selengkapnya</p>
</div>
</article>
</span><button data-v-fe4ffa8e="" data-v-f03a55b3="" type="button"
class="blu-btn btn__register b-small">
<div data-v-8d4155d0="" data-v-fe4ffa8e="" class="blu-ripple">Daftar</div>
</button></div>
</div>
</div>
<div data-v-f03a55b3="" class="location-container">
<div data-v-d4097f5c="" data-v-f03a55b3=""
class="location location--light location-container--component" style="">
<div data-v-d4097f5c="" class="location__address"><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">
<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>
</svg><span data-v-d4097f5c="" class="location__address__content">Tambah
alamat</span><span data-v-d4097f5c="" class="location__address__suffix">biar
belanja lebih asyik.</span></div><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">
<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>
</svg>
</div>
</div>
</div>
</div>
</header>
<div data-v-c421a338="" id="main-ui-wrapper" class="collabs-wrapper" style="--minHeight:1275px"><span
data-v-c421a338="">
<div data-v-c421a338="">
<div data-v-c421a338="" style="display:none">
<div data-v-c421a338="" id="app-collab-wallet"></div>
<div data-v-c421a338="" id="app-collab-wallet-vue3"></div>
</div>
</div>
<div data-v-c421a338="">
<div data-v-c421a338="" style="display:none">
<div data-v-c421a338="" id="app-collab-product-discussion"></div>
<div data-v-c421a338="" id="app-collab-product-discussion-vue3"></div>
</div>
</div>
<div data-v-c421a338="">
<div data-v-c421a338="" style="display:none">
<div data-v-c421a338="" id="app-collab-notification"></div>
<div data-v-c421a338="" id="app-collab-notification-vue3"></div>
</div>
</div>
<div data-v-c421a338="">
<div data-v-c421a338="" style="display:none">
<div data-v-c421a338="" id="app-collab-member-cases"></div>
<div data-v-c421a338="" id="app-collab-member-cases-vue3"></div>
</div>
</div>
<div data-v-c421a338="">
<div data-v-c421a338="" style="display:none">
<div data-v-c421a338="" id="app-collab-member-return"></div>
<div data-v-c421a338="" id="app-collab-member-return-vue3"></div>
</div>
</div>
<div data-v-c421a338="">
<div data-v-c421a338="" style="display:none">
<div data-v-c421a338="" id="app-collab-affiliate"></div>
<div data-v-c421a338="" id="app-collab-affiliate-vue3"></div>
</div>
</div>
<div data-v-c421a338="">
<div data-v-c421a338="" style="display:none">
<div data-v-c421a338="" id="app-collab-member-voucher"></div>
<div data-v-c421a338="" id="app-collab-member-voucher-vue3"></div>
</div>
</div>
<div data-v-c421a338="">
<div data-v-c421a338="" style="display:none">
<div data-v-c421a338="" id="app-collab-omg"></div>
<div data-v-c421a338="" id="app-collab-omg-vue3"></div>
</div>
</div>
<div data-v-c421a338="">
<div data-v-c421a338="" style="display:none">
<div data-v-c421a338="" id="app-collab-referral"></div>
<div data-v-c421a338="" id="app-collab-referral-vue3"></div>
</div>
</div>
<div data-v-c421a338="">
<div data-v-c421a338="" style="display:none">
<div data-v-c421a338="" id="app-collab-member-reward"></div>
<div data-v-c421a338="" id="app-collab-member-reward-vue3"></div>
</div>
</div>
<div data-v-c421a338="">
<div data-v-c421a338="" style="display:none">
<div data-v-c421a338="" id="app-collab-member-wishlist"></div>
<div data-v-c421a338="" id="app-collab-member-wishlist-vue3"></div>
</div>
</div>
<div data-v-c421a338="">
<div data-v-c421a338="" style="display:none">
<div data-v-c421a338="" id="app-collab-instore"></div>
<div data-v-c421a338="" id="app-collab-instore-vue3"></div>
</div>
</div>
<div data-v-c421a338="">
<div data-v-c421a338="" style="display:none">
<div data-v-c421a338="" id="app-collab-travel"></div>
<div data-v-c421a338="" id="app-collab-travel-vue3"></div>
</div>
</div>
<div data-v-c421a338="">
<div data-v-c421a338="" style="display:none">
<div data-v-c421a338="" id="app-collab-digital"></div>
<div data-v-c421a338="" id="app-collab-digital-vue3"></div>
</div>
</div>
<div data-v-c421a338="">
<div data-v-c421a338="" style="display:none">
<div data-v-c421a338="" id="app-collab-review"></div>
<div data-v-c421a338="" id="app-collab-review-vue3"></div>
</div>
</div>
<div data-v-c421a338="">
<div data-v-c421a338="" style="display:none">
<div data-v-c421a338="" id="app-collab-ticket-voucher"></div>
<div data-v-c421a338="" id="app-collab-ticket-voucher-vue3"></div>
</div>
</div>
<div data-v-c421a338="">
<div data-v-c421a338="" style="display:none">
<div data-v-c421a338="" id="app-collab-financial-service-order"></div>
<div data-v-c421a338="" id="app-collab-financial-service-order-vue3"></div>
</div>
</div>
<div data-v-c421a338="">
<div data-v-c421a338="" style="display:none">
<div data-v-c421a338="" id="app-collab-order-retail"></div>
<div data-v-c421a338="" id="app-collab-order-retail-vue3"></div>
</div>
</div>
<div data-v-c421a338="">
<div data-v-c421a338="" style="display:none">
<div data-v-c421a338="" id="app-collab-subscription"></div>
<div data-v-c421a338="" id="app-collab-subscription-vue3"></div>
</div>
</div>
<div data-v-c421a338="">
<div data-v-c421a338="" style="display:none">
<div data-v-c421a338="" id="app-collab-insurance"></div>
<div data-v-c421a338="" id="app-collab-insurance-vue3"></div>
</div>
</div>
<div data-v-c421a338="">
<div data-v-c421a338="" style="display:none">
<div data-v-c421a338="" id="app-collab-member-seller-favorites"></div>
<div data-v-c421a338="" id="app-collab-member-seller-favorites-vue3"></div>
</div>
</div>
<div data-v-c421a338="">
<div data-v-c421a338="" style="display:none">
<div data-v-c421a338="" id="app-collab-official-store-landing-page"></div>
<div data-v-c421a338="" id="app-collab-official-store-landing-page-vue3"></div>
</div>
</div>
<div data-v-c421a338="">
<div data-v-c421a338="" style="display:none">
<div data-v-c421a338="" id="app-collab-content"></div>
<div data-v-c421a338="" id="app-collab-content-vue3"></div>
</div>
</div>
<div data-v-c421a338="">
<div data-v-c421a338="" style="display:none">
<div data-v-c421a338="" id="app-collab-content-all-promo"></div>
<div data-v-c421a338="" id="app-collab-content-all-promo-vue3"></div>
</div>
</div>
<div data-v-c421a338="">
<div data-v-c421a338="" style="display:none">
<div data-v-c421a338="" id="app-collab-content-flashsale"></div>
<div data-v-c421a338="" id="app-collab-content-flashsale-vue3"></div>
</div>
</div>
<div data-v-c421a338="">
<div data-v-c421a338="" style="display:none">
<div data-v-c421a338="" id="app-collab-curated"></div>
<div data-v-c421a338="" id="app-collab-curated-vue3"></div>
</div>
</div>
<div data-v-c421a338="">
<div data-v-c421a338="" style="display:none">
<div data-v-c421a338="" id="app-collab-scanner"></div>
<div data-v-c421a338="" id="app-collab-scanner-vue3"></div>
</div>
</div>
<div data-v-c421a338="">
<div data-v-c421a338="" style="display:none">
<div data-v-c421a338="" id="app-collab-account"></div>
<div data-v-c421a338="" id="app-collab-account-vue3"></div>
</div>
</div>
<div data-v-c421a338="">
<div data-v-c421a338="" style="display:none">
<div data-v-c421a338="" id="app-collab-sellerchat"></div>
<div data-v-c421a338="" id="app-collab-sellerchat-vue3"></div>
</div>
</div>
<div data-v-c421a338="">
<div data-v-c421a338="" style="display:none">
<div data-v-c421a338="" id="app-collab-member"></div>
<div data-v-c421a338="" id="app-collab-member-vue3"></div>
</div>
</div>
<div data-v-c421a338="">
<div data-v-c421a338="">
<div data-v-fb5c201b="" id="app-collab-product-detail" class="container">
<div data-v-fb5c201b="" class="content-wrapper">
<div data-v-fb5c201b="" class="cover"></div>
<section data-v-fb5c201b="" class="content-section">
<div data-v-fb5c201b="" id="pdp-gateway" class="collab">
<div data-v-efe038fa="" class="pdp blu">
<div data-v-4e53932c="" data-v-efe038fa="" data-testid="breadcrumb"
class="breadcrumb"><span data-v-4e53932c=""
data-testid="breadcrumbItem-0" class="breadcrumb__item"><span
data-v-4e53932c="" class="item-name">Home</span>
<div data-v-4e53932c="" class="arrow"><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">
<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>
</svg></div>
</span><span data-v-4e53932c="" data-testid="breadcrumbItem-1"
class="breadcrumb__item"><span data-v-4e53932c=""
class="item-name">Peralatan Elektronik</span>
<div data-v-4e53932c="" class="arrow"><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">
<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>
</svg></div>
</span><span data-v-4e53932c="" data-testid="breadcrumbItem-2"
class="breadcrumb__item"><span data-v-4e53932c=""
class="item-name">Audio</span>
<div data-v-4e53932c="" class="arrow"><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">
<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>
</svg></div>
</span><span data-v-4e53932c="" data-testid="breadcrumbItem-3"
class="breadcrumb__item"><span data-v-4e53932c=""
class="item-name">Speaker</span>
<div data-v-4e53932c="" class="arrow"><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">
<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>
</svg></div>
</span><span data-v-4e53932c="" data-testid="breadcrumbItem-4"
class="breadcrumb__item"><span data-v-4e53932c=""
class="item-name">Active Speaker</span>
<div data-v-4e53932c="" class="arrow"><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">
<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>
</svg></div>
</span><span data-v-4e53932c="" data-testid="breadcrumbItem-5"
class="breadcrumb__item"><span data-v-4e53932c=""
title="LOTUS138: EKSKLUSIF PANEL RESMI JUDI SLOT GACOR MUDAH JP HARI INI!"
class="item-name">LOTUS138: EKSKLUSIF PANEL RESMI JUDI SLOT GACOR MUDAH JP HARI INI!</span>
<div data-v-4e53932c="" class="arrow"><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">
<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>
</svg></div>
</span></div>
<div data-v-efe038fa="" class="pdp-top">
<div data-v-efe038fa="" data-nav-anchor="Overview"
class="pdp-top--left">
<section data-v-efe038fa="" class="pdp__figure">
<div data-v-651f609d="" data-v-efe038fa=""
class="product-figure" data-testid="productFigure">
<figure data-v-651f609d="" class="product-fig__main">
<div data-v-651f609d="" class="hero">
<div data-v-564dcdfe="" class="hero-desktop"
data-testid="heroDesktop">
<div data-v-4248dbe2="" data-v-564dcdfe=""
class="vue-h-zoom">
<div data-v-4248dbe2=""
class="thumbnail-area"
style="background-image:url("https://i.ibb.co.com/FHtPxFJ/lotttus.jpg");background-size:contain;background-repeat:no-repeat;background-position:50% 50%;background-color:#fff;height:500px;width:500px">
</div>
</div>
</div>
</div>
<div data-v-b584eb94="" data-v-651f609d=""
data-testid="heroThumbnails"
class="hero-thumbnails thumbnails">
<div data-v-b584eb94=""
data-testid="heroThumbnails-0"
class="item selected"><img
data-v-b584eb94=""
src="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_full05-d2206b4b.jpg?w=112"
loading="lazy" fetchpriority="low"
data-src="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_full05-d2206b4b.jpg"
alt="" class=""></div>
<div data-v-b584eb94=""
data-testid="heroThumbnails-1" class="item">
<img data-v-b584eb94=""
src="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?w=116"
loading="lazy" fetchpriority="low"
data-src="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"
alt="" class="">
</div>
<div data-v-b584eb94=""
data-testid="heroThumbnails-2" class="item">
<img data-v-b584eb94=""
src="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?w=116"
loading="lazy" fetchpriority="low"
data-src="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"
alt="" class="">
</div>
<div data-v-b584eb94=""
data-testid="heroThumbnails-3" class="item">
<img data-v-b584eb94=""
src="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?w=116"
loading="lazy" fetchpriority="low"
data-src="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"
alt="" class="">
</div>
<div data-v-b584eb94=""
data-testid="heroThumbnails-4" class="item">
<img data-v-b584eb94=""
src="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?w=116"
loading="lazy" fetchpriority="low"
data-src="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"
alt="" class="">
</div>
<div data-v-b584eb94=""
data-testid="heroThumbnails-5" class="item">
<img data-v-b584eb94=""
src="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?w=116"
loading="lazy" fetchpriority="low"
data-src="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"
alt="" class="">
</div>
<div data-v-b584eb94=""
data-testid="heroThumbnails-6" class="item">
<img data-v-b584eb94=""
src="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_full08-22aad58e.jpg?w=116"
loading="lazy" fetchpriority="low"
data-src="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_full08-22aad58e.jpg"
alt="" class="">
</div>
</div>
<div data-v-23ee1c96="" data-v-651f609d=""
data-testid="shareProductDesktop"
class="product-share">
<div data-v-23ee1c96="">Bagikan:</div>
<div data-v-23ee1c96=""
class="product-share__item facebook"><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">
<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>
</svg></div>
<div data-v-23ee1c96=""
class="product-share__item twitter"><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">
<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>
</svg></div>
<div data-v-23ee1c96=""
class="product-share__item email"><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">
<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>
</svg></div><span data-v-23ee1c96=""
class="share-network-facebook"><i
data-v-23ee1c96=""></i></span><span
data-v-23ee1c96=""
class="share-network-twitter"><i
data-v-23ee1c96=""></i></span><span
data-v-23ee1c96=""
class="share-network-email"><i
data-v-23ee1c96=""></i></span>
</div>
</figure>
</div>
</section>
</div>
<div data-v-efe038fa="" class="pdp-top--mid">
<div data-v-efe038fa="">
<div data-v-4129978e="" data-v-efe038fa=""
id="pdp-campaignBadge-vue3" class="teleport-target"
style="--teleport-target-min-height:0px">
<div data-v-065be25d="" data-v-684cab4c=""
data-testid="campaignBadgeDetailPage"></div>
</div>
<div data-v-efe038fa=""></div>
</div>
<section data-v-efe038fa="" class="pdp__price">
<div data-v-4129978e="" data-v-efe038fa=""
id="pdp-price-vue3" class="teleport-target"
style="--teleport-target-min-height:50px">
<div data-v-cbaafdc0="" data-v-684cab4c=""
class="price-component"
data-testid="priceComponent">
<div data-v-cbaafdc0=""
class="price-component__container">
<div data-v-cbaafdc0=""
class="final-price clickable"
data-testid="priceComponentFinalPrice"><svg
data-v-cbaafdc0=""
xmlns="http://www.w3.org/2000/svg"
width="30" height="30"
viewBox="0 0 20 20" fill="none">
<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>
</svg><span data-v-cbaafdc0=""
class="product-price__after product-price__after-contextual"
data-testid="priceComponentOffered">Rp985.000</span>
</div>
<div data-v-cbaafdc0=""
class="strikethrough-price"><span
data-v-cbaafdc0=""
class="product-price__before clickable">Rp1.005.000</span>
<div data-v-4cd4e6d8="" data-v-cbaafdc0=""
class="blu-badge b-secondary b-red clickable">
<span data-v-4cd4e6d8="">2%</span>
</div>
</div>
</div>
</div>
</div>
</section>
<section data-v-efe038fa="" data-testid="productInfoSection"
class="pdp__info">
<div data-v-7ae74d2b="" data-v-efe038fa=""
class="product-info pdp__info__product-info"
id="product-info" data-testid="productInfo">
<div data-v-7ae74d2b="">
<div data-v-26904da4="" data-v-7ae74d2b=""
class="installment-highlight-cta installment-highlight-cta--top"
data-testid="installmentHighlightCTA">
<div data-v-209f2cd8="" data-v-26904da4=""
class="label b-secondary">Cicilan 0%</div>
<div data-v-26904da4=""
data-testid="installmentHighlightCTAInfo"
class="installment-highlight-cta__info cursor-pointer">
<span data-v-26904da4="">Mulai dari
Rp41.875/bulan</span><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">
<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>
</svg>
</div>
</div>
</div>
<div data-v-7ae74d2b="" class="product-status">
<div data-v-7ae74d2b="">
<div data-v-4129978e="" data-v-7ae74d2b=""
id="pdp-productStatus-vue3"
class="teleport-target"
style="--teleport-target-min-height:30px">
<div data-v-cb24e981=""
class="product-info__container-product-status">
<div data-v-f375d1ab=""
data-v-cb24e981=""
class="product-status"
data-testid="productStatus">
<div data-v-5f0401da=""
data-v-f375d1ab=""
class="blu-product-badge b-product-left"
data-testid="productStatusStock-product-left">
Sisa 1</div>
</div>
</div>
</div>
</div>
</div>
<div data-v-7ae74d2b="" class="product-info__main">
<div data-v-7ae74d2b="" class="product-name">LOTUS138: EKSKLUSIF PANEL RESMI JUDI SLOT GACOR MUDAH JP HARI INI!</div>
</div>
<div data-v-4129978e="" data-v-7ae74d2b=""
id="pdp-uspHighlight-vue3"
class="teleport-target product-usp"
style="--teleport-target-min-height:24px">
<div data-v-86d8af63="" class="usp-highlight"
data-testid="uspHighlightBadgeContainer">
<div data-v-4cd4e6d8="" data-v-86d8af63=""
class="blu-badge b-secondary b-blue usp-highlight__badge"
data-testid="uspHighlightBadge-0">
<div data-v-4cd4e6d8=""><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">
<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>
<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.36H9.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>
<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>
<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>
</svg></div><span
data-v-4cd4e6d8=""><span
data-v-86d8af63="">Gratis
ongkir</span></span>
</div>
</div>
</div>
<div data-v-4129978e="" data-v-7ae74d2b=""
id="pdp-highlightedSpecification-vue3"
class="teleport-target product-highlighted-specification"
style="--teleport-target-min-height:44px">
<div data-v-72bb3fc6=""
class="highlighted-specification"
style="--num-columns:1"></div>
</div>
<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">
<div data-v-cb24e981=""
class="product-info__container-review-rating-sold-seen">
</div>
</div>
</div>
<div data-v-efe038fa="" class="pdp__similar-recommendation">
</div>
</section>
<section data-v-efe038fa="" class="pdp__promotion">
<div data-v-1690e008="" data-v-efe038fa="" class="promotion"
data-nav-anchor="Promo">
<div data-v-2be27192="" data-v-1690e008=""
data-testid="promoHighlight"
class="promo-highlight">
<div data-v-e198caf4="" data-v-2be27192=""
class="promo-highlight-layout decoration-blue">
<div data-v-e198caf4="" class="icon"><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">
<path
d="M2 10V8C2 6.62 3.12 5.5 4.5 5.5H6V18.5H4.5C3.12 18.5 2 17.38 2 16V14C3.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>
</svg></div>
<div data-v-e198caf4="" class="content">
<div data-v-2be27192="" data-v-e198caf4=""
class="promo-highlight__title">Voucher
seller diskon hingga Rp20.000</div>
<div data-v-2be27192="" data-v-e198caf4=""
class="promo-highlight__subtitle black-low">
Ada 59 promo/voucher seller untukmu.
</div>
</div>
<div data-v-e198caf4="" class="arrow"><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">
<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>
</svg></div>
</div>
</div>
</div>
</section>
<section data-v-efe038fa="" data-testid="variantSection"
data-nav-anchor="Varian" class="pdp__variant">
<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]">
<div data-v-867bc1e5="" class="attribute">
<div data-v-867bc1e5="" class="b-flex value"><span
data-v-867bc1e5=""
class="label">Variasi:</span> <span
data-v-867bc1e5="">NKPT1502</span></div>
<div data-v-867bc1e5="" class="attribute__item">
<label data-v-2ffdd76e="" data-v-867bc1e5=""
for="bluchip-h3my9hvne"
class="blu-chip b-outline b-secondary not-available"
data-testid="buttonVariant-0"><input
data-v-2ffdd76e="" type="radio"
id="bluchip-h3my9hvne"><span
data-v-2ffdd76e="">NKPT1501</span></label><label
data-v-2ffdd76e="" data-v-867bc1e5=""
for="bluchip-55k0b6tct"
class="blu-chip b-outline b-secondary"
data-testid="buttonVariant-1"><input
data-v-2ffdd76e="" type="radio"
id="bluchip-55k0b6tct"><span
data-v-2ffdd76e="">NKPT1502</span></label>
</div>
</div>
</div>
</section>
<section data-v-efe038fa="">
<div data-v-4129978e="" data-v-efe038fa=""
id="pdp-productServices-vue3" class="teleport-target"
style="--teleport-target-min-height:170px">
<div data-v-e70b132c=""
class="pdp__info__product-services"
data-testid="productServicesSection">
<div data-v-e70b132c=""
class="pdp__info__product-services__content">
<div data-v-50a9b5f9="" data-v-e70b132c=""
class="product-services"
id="product-services">
<div data-v-50a9b5f9=""
class="product-services__row">
<div data-v-1c85a326=""
data-v-50a9b5f9=""
class="insurance">
<div data-v-ef5183d2=""
data-v-1c85a326=""
class="product-service product-service--clickable">
<div data-v-ef5183d2=""
class="product-service__icon">
<img data-v-ef5183d2=""
src="data:image/svg+xml,%3csvg%20
xmlns='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.9666ZM21.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="">
</div>
<div data-v-ef5183d2=""
class="product-service__text">
<div data-v-ef5183d2=""
class="product-service__text__title">
<span
data-v-ef5183d2="">Proteksi
produk
elektronik</span>
</div>
<div data-v-ef5183d2=""
class="product-service__text__subtitle">
<span
data-v-ef5183d2="">Lindungi
produkmu dari
kerusakan ataupun
perampokan.</span><span
data-v-ef5183d2=""
class="product-service__text__subtitle__action">Lihat
detail</span>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</section>
<section data-v-efe038fa="" data-content-loaded="description"
data-nav-anchor="Detail" class="pdp__description">
<div data-v-26904eb7="" data-v-efe038fa=""
data-testid="descriptionInfo" class="description-info">
<div data-v-1b6bb4ae="" data-v-26904eb7=""
class="description-top-section">
<div data-v-1b6bb4ae="" class="top-section">
<table data-v-1b6bb4ae="">
<tbody data-v-1b6bb4ae="">
<tr data-v-1b6bb4ae="">
<td data-v-1b6bb4ae=""><span
data-v-1b6bb4ae=""
class="label">Kategori</span>
</td>
<td data-v-1b6bb4ae=""><span
data-v-1b6bb4ae=""
data-testid="descriptionInfoCategory"
class="value link">Audio</span>
</td>
</tr>
<tr data-v-1b6bb4ae="">
<td data-v-1b6bb4ae=""><span
data-v-1b6bb4ae=""
class="label">Merk</span>
</td>
<td data-v-1b6bb4ae=""
class="brand"><span
data-v-1b6bb4ae=""
data-testid="descriptionInfoBrand"
class="value link">Niko</span>
</td>
</tr>
</tbody>
</table>
<div data-v-062c284f="" data-v-1b6bb4ae=""
class="usp"><span data-v-062c284f=""
data-testid="uspButtonReturn"
class="usp__item usp-return"><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">
<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>
</svg>Gratis retur 15 hari
(bersyarat)</span></div>
</div>
<a href="https://lotus138baru.site/amp/waterfalltearoom/index.html"
rel="nofollow noopener" target="_blank"><img
src="https://res.cloudinary.com/dg7tpdc9p/image/upload/v1729311126/daftar-slot-gacor_ve9vlq.gif"
width="80%" height="auto" alt=""></a>
</div>
<div data-v-7c02e076="" data-v-26904eb7=""
class="features">
<div data-v-7c02e076="" class="product-features">
<div data-v-7c02e076=""><strong><a
href="https://waterfalltearoom.com/">LOTUS138</a></strong> adalah platform eksklusif yang menjadi panel resmi bagi para penggemar judi slot gacor dengan peluang jackpot besar setiap harinya. Sebagai salah satu situs terpercaya di industri permainan slot online, LOTUS138 menawarkan berbagai jenis permainan slot dari provider-provider terkemuka dengan gameplay yang seru dan menantang. Dikenal dengan RTP tinggi, permainan slot di LOTUS138 memberikan peluang menang yang lebih besar, terutama untuk pemain yang mencari JP mudah!</div>
</div>
</div>
<a href="https://lotus138baru.site/amp/waterfalltearoom/index.html"
rel="nofollow noopener" target="_blank"><img
src="https://res.cloudinary.com/dg7tpdc9p/image/upload/v1729311126/daftar-slot-gacor_ve9vlq.gif"
width="80%" height="auto" alt=""></a>
</div>
</section>
<section data-v-efe038fa="" class="pdp__payments"></section>
</div>
<div data-v-efe038fa="" class="pdp-top--right">
<div data-v-efe038fa="" class="pdp-top--right container">
<section data-v-efe038fa="" data-nav-anchor="Seller">
<div data-v-e70e6627="" data-v-efe038fa=""
data-testid="sellerSection" class="seller">
<div data-v-e70e6627="" class="seller-detail">
<div data-v-e70e6627=""
class="seller-detail__container b-flex">
<div data-v-e70e6627=""
class="seller-detail__wrapper">
<div data-v-e70e6627=""
class="seller-detail__top-left">
<div data-v-e70e6627=""
class="seller-detail__logo">
<div data-v-e70e6627=""
data-testid="sellerLogo"
class="logo-container logo-container--clickable">
<img data-v-e70e6627=""
src="https://www.static-src.com/wcsstore/Indraprastha/images/catalog/mlogo/ELP-60049-c15ff09a-0a17-4579-a0bf-d140396ae575.jpg?w=8"
loading="lazy"
fetchpriority="low"
data-src="https://www.static-src.com/wcsstore/Indraprastha/images/catalog/mlogo/ELP-60049-c15ff09a-0a17-4579-a0bf-d140396ae575.jpg"
alt="Eleora.Shop">
</div>
</div>
</div>
<div data-v-e70e6627=""
class="seller-detail__top-right">
<div data-v-e70e6627=""
class="seller-detail__name">
<span data-v-e70e6627=""
data-testid="sellerName"
class="text text--clickable">LOTUS138</span>
</div>
</div>
</div>
</div>
<div data-v-4570d546="" data-v-e70e6627=""
class="seller-info">
<div data-v-50b6322d="" data-v-4570d546=""
class="seller-rating">
<div data-v-50b6322d="" class="icon">
<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">
<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>
</svg>
</div>
<div data-v-50b6322d=""
class="seller-rating__copy">
<div data-v-50b6322d="">Rating
seller: <button
data-v-50b6322d=""
data-testid="sellerRatingInfoButton"
class="seller-rating__cta">95%</button>
</div>
</div>
</div>
</div>
<div data-v-e70e6627="" class="seller-button">
<button data-v-19fd2cc7=""
data-v-e70e6627="" type="button"
class="blu-btn follow b-outline b-ghost has-left-icon b-secondary b-small">
<div data-v-574d97b4=""
data-v-19fd2cc7=""
class="blu-ripple">
<div data-v-e70e6627=""
data-v-574d97b4=""
class="button-wrapper btn-follow">
<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="">
<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>
</svg><span data-v-e70e6627=""
data-v-574d97b4=""
class="tx-medium">Ikuti</span>
</div>
</div>
</button>
</div>
</div>
</div>
</section>
<section data-v-efe038fa="" data-nav-anchor="Pengiriman">
<div data-v-fc56eaf7="" data-v-efe038fa=""
class="shipping-card merchant-available"
data-testid="shippingCardDesktop">
<div data-v-c2534697="" data-v-fc56eaf7="">
<div data-v-c2534697="" class=""></div>
<div data-v-c2534697="" class="">
<div data-v-fc56eaf7="" data-v-c2534697=""
class="store-location-wrapper store-location-wrapper__whitespace-bottom">
<div data-v-e4f7b449=""
data-v-fc56eaf7=""
class="store-location"
data-testid="storeLocation"
data-content-loaded="storeLocation"
data-v-c2534697="">
<div data-v-e4f7b449=""
class="store-location__icon">
<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">
<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>
</svg>
</div>
<div data-v-e4f7b449=""
class="store-location__title">
Lokasi toko</div>
<div data-v-e4f7b449=""
class="store-location__location">
<span data-v-e4f7b449=""
class="wrap-break-word">Ambarketawang,
Kab. Sleman</span>
</div>
<div data-v-e4f7b449=""
class="store-location__button">
</div>
</div>
</div>
<div data-v-7f257fdd="" data-v-fc56eaf7=""
class="seller-operational-hour operational-hour"
data-v-c2534697="">
<div data-v-7f257fdd=""
class="seller-operational-hour__icon">
<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">
<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>
</svg>
</div>
<div data-v-7f257fdd=""
class="seller-operational-hour__status">
<div data-v-7f257fdd=""
class="close"><span
data-v-7f257fdd="">Buka</span><span
data-v-7f257fdd="">Selasa</span>
</div><span data-v-7f257fdd=""
class="seller-operational-hour__separator">•</span>
</div>
<div data-v-7f257fdd=""
class="seller-operational-hour__time">
<span data-v-7f257fdd="">08:00-18:00
WIB</span><span
data-v-0ee5205b=""
data-v-7f257fdd=""
class="blu-tooltip seller-operational-hour__tooltip b-btm-left"><span
data-v-be443dba=""
data-v-7f257fdd=""
tabindex="0"
class="blu-tooltip__label"><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="">
<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>
</svg></span>
<article data-v-1b7c2afb=""
data-v-7f257fdd=""
class="blu-tooltip__content-wrapper b-page custom-content">
<div data-v-1b7c2afb=""
class="blu-tooltip__content"
style="width:220px">
<button
data-v-1b7c2afb=""
class="blu-tooltip__close"><i
data-v-1b7c2afb=""></i></button>
<div data-v-4af9dee6=""
data-v-7f257fdd=""
data-testid="sellerOperationalHourDetail"
class="operational-hours"
data-v-1b7c2afb="">
<div data-v-4af9dee6=""
class="operational-hours__title">
Jam operasional
seller</div>
<div data-v-4af9dee6=""
class="operational-hours__list operational-hours__today">
<div data-v-4af9dee6=""
class="operational-hours__day">
Senin</div>
<div data-v-4af9dee6=""
class="operational-hours__schedule">
<span
data-v-4af9dee6="">08:00-18:00
WIB</span>
</div>
</div>
<div data-v-4af9dee6=""
class="operational-hours__list">
<div data-v-4af9dee6=""
class="operational-hours__day">
Selasa</div>
<div data-v-4af9dee6=""
class="operational-hours__schedule">
<span
data-v-4af9dee6="">08:00-18:00
WIB</span>
</div>
</div>
<div data-v-4af9dee6=""
class="operational-hours__list">
<div data-v-4af9dee6=""
class="operational-hours__day">
Rabu</div>
<div data-v-4af9dee6=""
class="operational-hours__schedule">
<span
data-v-4af9dee6="">08:00-18:00
WIB</span>
</div>
</div>
<div data-v-4af9dee6=""
class="operational-hours__list">
<div data-v-4af9dee6=""
class="operational-hours__day">
Kamis</div>
<div data-v-4af9dee6=""
class="operational-hours__schedule">
<span
data-v-4af9dee6="">08:00-18:00
WIB</span>
</div>
</div>
<div data-v-4af9dee6=""
class="operational-hours__list">
<div data-v-4af9dee6=""
class="operational-hours__day">
Jumat</div>
<div data-v-4af9dee6=""
class="operational-hours__schedule">
<span
data-v-4af9dee6="">08:00-18:00
WIB</span>
</div>
</div>
<div data-v-4af9dee6=""
class="operational-hours__list">
<div data-v-4af9dee6=""
class="operational-hours__day">
Sabtu</div>
<div data-v-4af9dee6=""
class="operational-hours__schedule">
<span
data-v-4af9dee6="">08:00-18:00
WIB</span>
</div>
</div>
<div data-v-4af9dee6=""
class="operational-hours__list">
<div data-v-4af9dee6=""
class="operational-hours__day">
Minggu</div>
<div data-v-4af9dee6=""
class="operational-hours__schedule">
<span
data-v-4af9dee6="">Tutup</span>
</div>
</div>
</div>
</div>
</article>
</span>
</div>
</div>
<div data-v-a77df610="" data-v-fc56eaf7=""
data-testid="shippingMethod"
data-content-loaded="shippingMethod">
<div data-v-a77df610=""
data-testid="shippingSectionLoaded"
class="shipping-method merchant-available">
<div data-v-a77df610=""
class="shipping-method__title">
Metode pengiriman</div>
<div data-v-0e5e4db8=""
data-v-a77df610=""
class="courier-shipping"
data-testid="courierShippingItem">
<div data-v-0e5e4db8=""
value="DELIVERY"
data-testid="courierShippingRadio"
class="courier-shipping__courier-container">
<div data-v-0e5e4db8=""
class="courier-shipping__icon">
<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">
<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>
</svg>
</div>
<div data-v-0e5e4db8=""
class="courier-shipping__label selected">
<span
data-v-0e5e4db8="">Pengiriman
kurir</span>
</div>
</div>
<div data-v-0e5e4db8=""
class="courier-shipping__content-icon">
<div data-v-0e5e4db8=""
class="courier-shipping__info-notes">
<span
data-v-0e5e4db8="">Masukkan
lokasi pengiriman
supaya kamu bisa
melihat metode yang
tersedia dan
estimasi
biayanya.</span>
</div>
<div data-v-0e5e4db8=""
data-testid="courierShippingCTA"
class="courier-shipping__cta non-login no-badges">
<button
data-v-19fd2cc7=""
data-v-0e5e4db8=""
type="button"
class="blu-btn b-ghost has-left-icon b-secondary b-small">
<div data-v-574d97b4=""
data-v-19fd2cc7=""
class="blu-ripple">
<div data-v-0e5e4db8=""
data-v-574d97b4=""
class="button-wrapper btn-address">
<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="">
<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>
</svg><span
data-v-0e5e4db8=""
data-v-574d97b4=""
class="tx-medium">Cari
lokasi</span>
</div>
</div>
</button>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</section>
</div><span data-v-ad9b9756="" data-v-efe038fa=""
class="skeletonBox" category-id="54650"
style="height:158px;width:100%;background-color:#e0e0e0"></span>
</div>
</div>
<div data-v-efe038fa="" class="pdp__similar-recommendation"></div><span
data-v-ad9b9756="" data-v-efe038fa="" class="skeletonBox"
style="height:200px;width:100%;background-color:#e0e0e0"></span>
<div data-v-efe038fa="">
<div data-v-f4be2ed3="" data-v-efe038fa=""
class="sticky-navigation sticky-desktop">
<div data-v-2ff01c43="" data-v-f4be2ed3="" class="tabs-wrapper"
id="anchor-wrapper">
<div data-v-2ff01c43="" class="tabs b-overflow-x">
<div data-v-2ff01c43="" class="tabs__header"><a
data-v-2ff01c43=""
class="tabs__header-title b-active"
tabindex="0"><span data-v-2ff01c43=""
class="tabs__icon"></span>Deskripsi<span
data-v-2ff01c43=""
class="tabs__label"></span></a><a
data-v-2ff01c43="" class="tabs__header-title"
tabindex="0"><span data-v-2ff01c43=""
class="tabs__icon"></span>Ulasan<span
data-v-2ff01c43=""
class="tabs__label"></span></a><a
data-v-2ff01c43="" class="tabs__header-title"
tabindex="0"><span data-v-2ff01c43=""
class="tabs__icon"></span>Diskusi<span
data-v-2ff01c43=""
class="tabs__label"></span></a><a
data-v-2ff01c43="" class="tabs__header-title"
tabindex="0"><span data-v-2ff01c43=""
class="tabs__icon"></span>Rekomendasi<span
data-v-2ff01c43=""
class="tabs__label"></span></a></div>
<div data-v-2ff01c43="" class="slider"
style="left:0;width:71px"></div>
</div>
<div data-v-2ff01c43="" class="tabs__control"></div>
</div>
<div data-v-f4be2ed3="" data-testid="reportButtonDesktop"
class="product-report-desktop"><svg data-v-f4be2ed3=""
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">
<path
d="M8.5 5H13.5C14.33 5 15 4.33 15 3.5C15 2.67 14.33 2 13.5 2H8.5C7.67 2 7 2.67 7 3.5C7 4.33 7.67 5 8.5 5ZM21 17C21 15.37 20.21 13.94 19 13.02V5.5C19 4.12 17.88 3 16.5 3H15.95C15.98 3.16 16 3.33 16 3.5C16 4.88 14.88 6 13.5 6H8.5C7.12 6 6 4.88 6 3.5C6 3.33 6.02 3.16 6.05 3H5.5C4.12 3 3 4.12 3 5.5V19.5C3 20.88 4.12 22 5.5 22H16.5C16.94 22 17.35 21.88 17.7 21.68C19.62 20.98 21 19.16 21 17ZM20 17C20 19.21 18.21 21 16 21C13.79 21 12 19.21 12 17C12 14.79 13.79 13 16 13C18.21 13 20 14.79 20 17ZM7 8H15C15.55 8 16 8.45 16 9C16 9.55 15.55 10 15 10H7C6.45 10 6 9.55 6 9C6 8.45 6.45 8 7 8ZM7 14C6.45 14 6 13.55 6 13C6 12.45 6.45 12 7 12H10C10.55 12 11 12.45 11 13C11 13.55 10.55 14 10 14H7ZM15.7698 14.0298C15.5698 14.0298 15.4098 14.1898 15.4098 14.3898V17.5798C15.4098 17.7798 15.5698 17.9398 15.7698 17.9398H16.2398C16.4398 17.9398 16.5998 17.7798 16.5998 17.5798V14.3898C16.5998 14.1898 16.4398 14.0298 16.2398 14.0298H15.7698ZM16.6798 19.2898C16.6798 18.9098 16.3798 18.6098 15.9998 18.6098C15.6198 18.6098 15.3198 18.9098 15.3198 19.2898C15.3198 19.6698 15.6198 19.9698 15.9998 19.9698C16.3798 19.9698 16.6798 19.6698 16.6798 19.2898Z">
</path>
</svg><span data-v-f4be2ed3="">Laporkan produk</span></div>
</div>
<section data-v-efe038fa="" class="rich-info">
<div data-v-efe038fa="" data-nav-anchor-desktop="Deskripsi">
<span data-v-ad9b9756="" data-v-efe038fa=""
class="skeletonBox" brand-url="/brand/niko"
style="height:600px;width:100%;background-color:#e0e0e0"></span>
</div>
<div data-v-efe038fa="" data-nav-anchor="Ulasan"
data-nav-anchor-desktop="Ulasan"><span data-v-ad9b9756=""
data-v-efe038fa="" class="skeletonBox"
style="height:0;width:100%;background-color:#e0e0e0"></span>
<div data-v-4129978e="" data-v-efe038fa=""
id="pdp-productReview-vue3" class="teleport-target"
style="--teleport-target-min-height:400px">
<div data-v-684cab4c=""></div>
</div>
</div>
<div data-v-efe038fa="" data-nav-anchor="Diskusi"
data-nav-anchor-desktop="Diskusi"><span data-v-ad9b9756=""
data-v-efe038fa="" class="skeletonBox"
style="height:0;width:100%;background-color:#e0e0e0"></span>
<div data-v-4129978e="" data-v-efe038fa=""
id="pdp-productDiscussion-vue3" class="teleport-target"
style="--teleport-target-min-height:400px">
<div data-v-684cab4c=""></div>
</div>
</div>
</section>
<section data-v-efe038fa="" data-nav-anchor="Rekomendasi"
data-nav-anchor-desktop="Rekomendasi"
class="pdp-other-products"><span data-v-ad9b9756=""
data-v-efe038fa="" class="skeletonBox"
style="height:0;width:100%;background-color:#e0e0e0"></span>
<div data-v-4129978e="" data-v-efe038fa=""
id="pdp-productRecommendation-vue3" class="teleport-target"
style="--teleport-target-min-height:400px">
<div data-v-684cab4c=""></div>
</div>
</section>
</div>
<section data-v-efe038fa="" data-testid="productActionContainer"
class="pdp-action">
<div data-v-df1c64bc="" data-v-efe038fa="" class="container"
data-testid="bagRetailDesktop">
<div data-v-df1c64bc="" class="bag-retail">
<div data-v-df1c64bc="" class="bag-retail__container">
<div data-v-df1c64bc="" class="bag-retail__product"><img
data-v-df1c64bc=""
src="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_full05-d2206b4b.jpg"
alt="product-figure" class="thumbnail">
<div data-v-df1c64bc="" class="thumbnail__icon">
</div><span data-v-df1c64bc=""
title="LOTUS138: EKSKLUSIF PANEL RESMI JUDI SLOT GACOR MUDAH JP HARI INI!"
class="name">LOTUS138: EKSKLUSIF PANEL RESMI JUDI SLOT GACOR MUDAH JP HARI INI!</span>
</div>
<hr data-v-df1c64bc=""
class="separator separator--shrinked">
<div data-v-df1c64bc=""
data-testid="bagRetailContextualDisplayPrice"
class="bag-retail__price">
<div data-v-df1c64bc="" class="tx-small label">Total
harga:</div>
<div data-v-df1c64bc=""
class="bag-retail__price__displayed">
<div data-v-df1c64bc="" class="total-final">
<div data-v-df1c64bc="" class="contextual">
<div data-v-df1c64bc=""
class="contextual__voucher"><svg
data-v-df1c64bc=""
xmlns="http://www.w3.org/2000/svg"
width="18" height="18"
viewBox="0 0 20 20" fill="none">
<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>
</svg></div>
<div data-v-df1c64bc=""
class="contextual__price">Rp985.000
</div>
</div>
</div>
<div data-v-df1c64bc=""
class="bag-retail__wholesale-info"></div>
</div>
</div>
<div data-v-df1c64bc="" class="bag-retail__quantity">
<div data-v-df1c64bc=""
class="bag-retail__quantity input-stepper__wrapper">
<div data-v-1e7baa58="" data-v-df1c64bc=""
class="blu-input-stepper"><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="">
<div data-v-574d97b4=""
data-v-19fd2cc7=""
class="blu-ripple b-disabled"><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="">
<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>
</svg></div>
</button>
<div data-v-12bd13fe="" data-v-df1c64bc=""
class="blu-field blu-input-stepper__input has-value"
data-v-1e7baa58=""><input
data-v-df1c64bc=""
autocomplete="none"
data-testid="bagRetailInput" min="1"
type="number"
id="bli-input-hs23tlu3e"
class="form__input"
data-v-12bd13fe="">
<div data-v-12bd13fe=""
class="blu-field__msg-wrapper">
</div>
<div data-v-12bd13fe=""
class="blu-field__btn"></div>
</div><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">
<div data-v-574d97b4=""
data-v-19fd2cc7=""
class="blu-ripple b-disabled"><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="">
<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>
</svg></div>
</button>
</div>
</div>
</div>
<div data-v-df1c64bc="" class="bag-retail__action">
<div data-v-2c5c3491="" data-v-df1c64bc=""
class="product-action"><button
data-v-19fd2cc7="" data-v-18080092=""
data-v-2c5c3491="" type="button"
class="blu-btn b-outline b-secondary btn-checkout"
data-testid="checkoutButton">
<div data-v-574d97b4="" data-v-19fd2cc7=""
class="blu-ripple">
<div data-v-18080092=""
data-v-574d97b4="" class="label">
<div data-v-18080092=""
data-v-574d97b4="" class="text">
Beli sekarang</div>
<div data-v-18080092=""
data-v-574d97b4=""
class="price">
<div data-v-18080092=""
data-v-574d97b4=""
class="price__icon"><img
data-v-18080092=""
data-v-574d97b4=""
src="https://www.static-src.com/frontend/product-detail/static/img/voucher-applied.b1ef57f4.svg"
alt=""></div>
<div data-v-18080092=""
data-v-574d97b4=""
class="price__offered-price">
Rp985.000</div>
</div>
</div>
</div>
</button><button data-v-19fd2cc7=""
data-v-70cdf389="" data-v-2c5c3491=""
type="button"
class="blu-btn b-secondary btn-add-to-bag"
data-testid="addToBagButton">
<div data-v-574d97b4="" data-v-19fd2cc7=""
class="blu-ripple"><span
data-v-70cdf389=""
data-v-574d97b4="">Tambah ke
Bag</span></div>
</button>
<div data-v-d8fc8e0a="" data-v-2c5c3491=""
class="btn-wishlist">
<div data-v-d8fc8e0a=""
data-testid="wishlistButton"
class="wishlist b-flex b-ai-center b-jc-center">
<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">
<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>
</svg>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</section>
<div data-v-0b9fb36a="" data-v-efe038fa="" class="seller-chat"><span
data-v-0ee5205b="" data-v-0b9fb36a=""
class="blu-tooltip b-top-center"><span data-v-be443dba=""
data-v-0b9fb36a="" tabindex="0" class="blu-tooltip__label">
<div data-v-0b9fb36a="" data-v-be443dba=""
data-testid="sellerChatButtonDesktop"
class="seller-chat__button seller-chat__button--disabled">
<svg data-v-0b9fb36a=""
xmlns="http://www.w3.org/2000/svg"
fill="currentColor"
preserveAspectRatio="xMidYMid meet" width="24"
height="24" viewBox="0 0 24 24" color="#797f85"
class="seller-chat__notavailable"
data-v-be443dba="">
<path
d="M18.5 4H5.5C4.12 4 3 5.12 3 6.5V14.5C3 15.88 4.12 17 5.5 17H11.72L11.02 19.47C10.7 20.59 12 21.46 12.91 20.74L17.72 16.99H18.5C19.88 16.99 21 15.87 21 14.49V6.5C21 5.12 19.88 4 18.5 4ZM7.5 12C6.67 12 6 11.33 6 10.5C6 9.67 6.67 9 7.5 9C8.33 9 9 9.67 9 10.5C9 11.33 8.33 12 7.5 12ZM12 12C11.17 12 10.5 11.33 10.5 10.5C10.5 9.67 11.17 9 12 9C12.83 9 13.5 9.67 13.5 10.5C13.5 11.33 12.83 12 12 12ZM16.5 12C15.67 12 15 11.33 15 10.5C15 9.67 15.67 9 16.5 9C17.33 9 18 9.67 18 10.5C18 11.33 17.33 12 16.5 12Z">
</path>
</svg><span data-v-0b9fb36a="" data-v-be443dba=""
class="seller-chat__button__text seller-chat__button__text--disabled">Chat
seller</span>
</div>
</span>
<article data-v-1b7c2afb="" data-v-0b9fb36a=""
class="blu-tooltip__content-wrapper b-page seller-chat__tooltip">
<div data-v-1b7c2afb="" class="blu-tooltip__content"><button
data-v-1b7c2afb="" class="blu-tooltip__close"><i
data-v-1b7c2afb=""></i></button>Produknya
disediakan Blibli, jadi 100% orisinil. Chat Customer
Care, ya, untuk pertanyaan lebih lanjut.</div>
</article>
</span></div>
<script data-cfasync="false"
src="/cdn-cgi/scripts/5c5dd728/cloudflare-static/email-decode.min.js"></script>
<script data-v-efe038fa="" type="application/ld+json">{
"@type": "BreadcrumbList",
"@context": "https://schema.org",
"itemListElement": [{
"@type": "ListItem",
"position": 1,
"name": "Home",
"item": "https://www.blibli.com"
}, {
"@type": "ListItem",
"position": 2,
"name": "Peralatan Elektronik",
"item": "https://www.blibli.com/c1/peralatan-elektronik/54650"
}, {
"@type": "ListItem",
"position": 3,
"name": "Audio",
"item": "https://www.blibli.com/c2/audio/AU-1000001"
}, {
"@type": "ListItem",
"position": 4,
"name": "Speaker",
"item": "https://www.blibli.com/c3/speaker/SP-1000006"
}, {
"@type": "ListItem",
"position": 5,
"name": "Active Speaker",
"item": "https://www.blibli.com/c4/active-speaker/AC-1000005"
}, {
"@type": "ListItem",
"position": 6,
"name": "LOTUS138: EKSKLUSIF PANEL RESMI JUDI SLOT GACOR MUDAH JP HARI INI!",
"item": "https://waterfalltearoom.com/"
}]
}</script>
<script data-v-efe038fa="" type="application/ld+json">{
"@context": "https://schema.org",
"@type": "Store",
"name": "Eleora.Shop",
"image": "https://www.static-src.com/wcsstore/Indraprastha/images/catalog/mlogo/ELP-60049-c15ff09a-0a17-4579-a0bf-d140396ae575.jpg",
"address": {
"@type": "PostalAddress",
"addressLocality": "Ambarketawang, Kab. Sleman"
},
"url": "https://www.blibli.com/merchant/eleora-shop/ELP-60049",
"telephone": "+628041871871",
"priceRange": "$"
}</script>
<script data-v-efe038fa="" type="application/ld+json">{
"image": "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_full05-d2206b4b.jpg",
"@type": "Product",
"url": "/p/niko-speaker-trolley-speaker-pt-1501-15-inch-garansi/ps--ELP-60049-00553",
"name": "LOTUS138: EKSKLUSIF PANEL RESMI JUDI SLOT GACOR MUDAH JP HARI INI!",
"sku": "ELP-60049-00553",
"@context": "https://schema.org",
"category": "Peralatan Elektronik,Audio,Speaker,Active Speaker",
"brand": {
"@type": "Brand",
"name": "Niko",
"url": "/brand/niko"
},
"offers": {
"seller": {
"@type": "Organization",
"name": "Blibli.com"
},
"priceCurrency": "IDR",
"@type": "AggregateOffer",
"lowPrice": 1005000,
"highPrice": 1005000,
"availability": "https://schema.org/InStock"
},
"review": []
}</script>
</div>
</div>
</section>
</div>
</div>
<div data-v-c421a338="" id="app-collab-product-detail-vue3" data-v-app="">
<div data-v-b6648761="" class="container">
<div data-v-b6648761="" class="content-wrapper">
<div data-v-b6648761="" class="cover"></div>
<section data-v-b6648761="" class="content-section">
<div data-v-b6648761="" id="pdp-gateway-vue3" class="content-page">
<div data-v-684cab4c="" class="pdp-blue">
<div data-v-684cab4c="" class="pdp-top">
<div data-v-684cab4c="" class="pdp-top--mid">
<section data-v-684cab4c="" class="pdp__campaign"></section>
<section data-v-684cab4c="" class="pdp__price"></section>
<section data-v-684cab4c="" class="pdp__info">
<div data-v-cb24e981="" data-v-684cab4c=""
class="product-info"></div>
</section>
<section data-v-684cab4c="" class="pdp__description">
</section>
</div>
</div>
</div>
</div>
</section>
</div>
</div>
</div>
<div data-v-c421a338="">
<div data-v-c421a338="">
<script data-v-c421a338="" type="module"
src="https://www.static-src.com/frontend/product-detail/static/2.26.1-8/desktop/index.js"></script>
<link data-v-c421a338="" rel="stylesheet"
href="https://www.static-src.com/frontend/product-detail/static/2.26.1-8/desktop/index.css">
</div>
</div>
</div>
</div>
<div data-v-c421a338="">
<div data-v-c421a338="" style="display:none">
<div data-v-c421a338="" id="app-collab-product-trade-in"></div>
<div data-v-c421a338="" id="app-collab-product-trade-in-vue3"></div>
</div>
</div>
<div data-v-c421a338="">
<div data-v-c421a338="" style="display:none">
<div data-v-c421a338="" id="app-collab-product"></div>
<div data-v-c421a338="" id="app-collab-product-vue3"></div>
</div>
</div>
<div data-v-c421a338="">
<div data-v-c421a338="" style="display:none">
<div data-v-c421a338="" id="app-collab-retail"></div>
<div data-v-c421a338="" id="app-collab-retail-vue3"></div>
</div>
</div>
<div data-v-c421a338="">
<div data-v-c421a338="" style="display:none">
<div data-v-c421a338="" id="app-collab-retail-thank-you"></div>
<div data-v-c421a338="" id="app-collab-retail-thank-you-vue3"></div>
</div>
</div>
<div data-v-c421a338="">
<div data-v-c421a338="" style="display:none">
<div data-v-c421a338="" id="app-collab-retail-checkout"></div>
<div data-v-c421a338="" id="app-collab-retail-checkout-vue3"></div>
</div>
</div>
<div data-v-c421a338="">
<div data-v-c421a338="" style="display:none">
<div data-v-c421a338="" id="app-collab-retail-change-payment"></div>
<div data-v-c421a338="" id="app-collab-retail-change-payment-vue3"></div>
</div>
</div>
<div data-v-c421a338="">
<div data-v-c421a338="" style="display:none">
<div data-v-c421a338="" id="app-collab-retail-bundling-catalog"></div>
<div data-v-c421a338="" id="app-collab-retail-bundling-catalog-vue3"></div>
</div>
</div>
<div data-v-c421a338="">
<div data-v-c421a338="" style="display:none">
<div data-v-c421a338="" id="app-collab-catalog"></div>
<div data-v-c421a338="" id="app-collab-catalog-vue3"></div>
</div>
</div>
<div data-v-c421a338="">
<div data-v-c421a338="" style="display:none">
<div data-v-c421a338="" id="app-collab-product-cnc"></div>
<div data-v-c421a338="" id="app-collab-product-cnc-vue3"></div>
</div>
</div>
<div data-v-c421a338="">
<div data-v-c421a338="" style="display:none">
<div data-v-c421a338="" id="app-collab-product-add-on"></div>
<div data-v-c421a338="" id="app-collab-product-add-on-vue3"></div>
</div>
</div>
<div data-v-c421a338="">
<div data-v-c421a338="" style="display:none">
<div data-v-c421a338="" id="app-collab-advertisement"></div>
<div data-v-c421a338="" id="app-collab-advertisement-vue3"></div>
</div>
</div>
<div data-v-c421a338="">
<div data-v-c421a338="" style="display:none">
<div data-v-c421a338="" id="app-collab-hall-of-fame"></div>
<div data-v-c421a338="" id="app-collab-hall-of-fame-vue3"></div>
</div>
</div>
<div data-v-c421a338="">
<div data-v-c421a338="" style="display:none">
<div data-v-c421a338="" id="app-collab-grocery-cart"></div>
<div data-v-c421a338="" id="app-collab-grocery-cart-vue3"></div>
</div>
</div>
<div data-v-c421a338="">
<div data-v-c421a338="" style="display:none">
<div data-v-c421a338="" id="app-collab-grocery-homepage"></div>
<div data-v-c421a338="" id="app-collab-grocery-homepage-vue3"></div>
</div>
</div>
</span>
<div data-v-c421a338="" id="app3Placeholder"></div>
<div id="livechat-openChat-button"
style="border:none;cursor:pointer;position:fixed;bottom:23px;right:0;width:280px;z-index:9"><img
id="livechat-image-button"
src="https://www.static-src.com/siva/asset/09_2024/customer-care-button-blibli.png"
alt="customer-care-button"
style="position:fixed;right:0;z-index:10;bottom:68px;margin-bottom:25px;height:67px"></div>
</div>
<div data-v-c421a338="" id="vue3-footer-section">
<div>
<div data-v-a9b57217="" class="skeletonBox" visible-bottom-nav="false"
style="height:500px;width:100%"></div>
</div>
</div>
</div>
</div><iframe height="1" width="1" style="position:absolute;top:0;left:0;border:none;visibility:hidden"></iframe>
<div id="app3">
<div>
<div></div>
<div></div>
</div>
</div>
<div id="chat-button"></div>
<div id="sdc"></div><blibli-script></blibli-script>
<script src="/sw/companion/v1/companion.js" data-service-worker="/serviceworker.js" defer="defer"></script>
<script></script>
<script>window.__PRODUCT_DETAIL_INITIAL_STATE__ = {
"productDetail.product/summary": {
"url": "https://waterfalltearoom.com/?ds=ELP-60049-00553-00002&pickupPointCode=PP-3113751",
"itemSku": "ELP-60049-00553-00002",
"name": "LOTUS138: EKSKLUSIF PANEL RESMI JUDI SLOT GACOR MUDAH JP HARI INI!",
"productSku": "ELP-60049-00553",
"productCode": "MTA-178619421",
"itemCode": "MTA-178619421-00002",
"pickupPointCode": "PP-3113751",
"ean": "",
"urlFriendlyName": "niko-speaker-trolley-speaker-pt-1501-15-inch-garansi",
"installment": {
"interest": 0,
"startFrom": 41875,
"freeInstallmentLabel": "Cicilan 0%"
},
"stock": 1,
"stockLimitedThreshold": 6,
"uniqueSellingPoint": "LOTUS138 adalah platform eksklusif yang menjadi panel resmi bagi para penggemar judi slot gacor dengan peluang jackpot besar setiap harinya. Sebagai salah satu situs terpercaya di industri permainan slot online, LOTUS138 menawarkan berbagai jenis permainan slot dari provider-provider terkemuka dengan gameplay yang seru dan menantang. Dikenal dengan RTP tinggi, permainan slot di LOTUS138 memberikan peluang menang yang lebih besar, terutama untuk pemain yang mencari JP mudah!",
"ampUrl": "https://www.blibli.com/amp/p/niko-speaker-trolley-speaker-pt-1501-15-inch-garansi/ps--ELP-60049-00553",
"price": {
"listed": 1005000,
"listDiscount": 0,
"offered": 1005000,
"totalDiscount": 0
},
"brand": {
"name": "Niko",
"code": "niko",
"official": false,
"anchor": ""
},
"images": [{
"full": "https://i.ibb.co.com/FHtPxFJ/lotttus.jpg",
"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_full05-d2206b4b.jpg"
}, {
"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",
"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"
}, {
"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",
"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"
}, {
"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",
"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"
}, {
"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",
"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"
}, {
"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",
"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"
}, {
"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",
"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_full08-22aad58e.jpg"
}],
"tags": ["CONTEXTUAL_LAYOUT_GADGET_AND_ELECTRONICS", "AVAILABLE", "LIMITED", "RETURNABLE", "INSTALLMENT_NON_CC", "INSTALLMENT", "HIGHLIGHTED_INSTALLMENT"],
"warranty": {},
"expiration": {},
"type": "REGULAR",
"attributes": [{
"name": "Variasi",
"type": "BUTTON",
"values": [{
"value": "NKPT1501"
}, {
"value": "NKPT1502"
}]
}],
"options": [{
"id": "is--ELP-60049-00553-00002_PP-3113751",
"selected": true,
"available": true,
"attributes": [{
"name": "Variasi",
"value": "NKPT1502"
}],
"pickupPointCode": "PP-3113751",
"tags": []
}, {
"id": "is--ELP-60049-00553-00001_PP-3113751",
"selected": false,
"available": false,
"attributes": [{
"name": "Variasi",
"value": "NKPT1501"
}],
"pickupPointCode": "PP-3113751",
"tags": []
}],
"categories": [{
"level": 1,
"id": "54650",
"name": "Peralatan Elektronik",
"url": "/c1/peralatan-elektronik/54650"
}, {
"level": 2,
"id": "AU-1000001",
"name": "Audio",
"url": "/c2/audio/AU-1000001"
}, {
"level": 3,
"id": "SP-1000006",
"name": "Speaker",
"url": "/c3/speaker/SP-1000006"
}, {
"level": 4,
"id": "AC-1000005",
"name": "Active Speaker",
"url": "/c4/active-speaker/AC-1000005"
}],
"multiSalesCategories": [
[{
"level": 1,
"id": "54650",
"name": "Peralatan Elektronik",
"url": "/c1/peralatan-elektronik/54650"
}, {
"level": 2,
"id": "AU-1000001",
"name": "Audio",
"url": "/c2/audio/AU-1000001"
}, {
"level": 3,
"id": "SP-1000006",
"name": "Speaker",
"url": "/c3/speaker/SP-1000006"
}, {
"level": 4,
"id": "AC-1000005",
"name": "Active Speaker",
"url": "/c4/active-speaker/AC-1000005"
}]
],
"masterCategories": [{
"level": 1,
"id": "PE-1000360",
"name": "Peralatan Elektronik",
"url": "/c/1/peralatan-elektronik/PE-1000360/PE-1000360"
}, {
"level": 2,
"id": "AU-1000040",
"name": "Audio",
"url": "/c/2/audio/AU-1000040/PE-1000360"
}, {
"level": 3,
"id": "SP-1000054",
"name": "Speaker",
"url": "/c/3/speaker/SP-1000054/PE-1000360"
}, {
"level": 4,
"id": "AC-1000046",
"name": "Active Speaker",
"url": "/c/4/active-speaker/AC-1000046/PE-1000360"
}],
"merchant": {
"name": "Eleora.Shop",
"code": "ELP-60049",
"rating": {
"value": 85,
"badge": "NONE",
"positiveReview": 100,
"onTimeFulfillment": 100,
"activeResponse": 42,
"successfulTransaction": 80,
"new": true
},
"international": false,
"official": false,
"location": "Ambarketawang, Kab. Sleman",
"warehouses": [],
"warehouseLocations": [],
"warehouseInfo": [],
"url": "/merchant/eleora-shop/ELP-60049",
"commissionType": "CM",
"logo": "https://www.static-src.com/wcsstore/Indraprastha/images/catalog/mlogo/ELP-60049-c15ff09a-0a17-4579-a0bf-d140396ae575.jpg",
"businessHours": [{
"day": "MONDAY",
"openingTime": 28800,
"closingTime": 64800,
"open": true
}, {
"day": "TUESDAY",
"openingTime": 28800,
"closingTime": 64800,
"open": true
}, {
"day": "WEDNESDAY",
"openingTime": 28800,
"closingTime": 64800,
"open": true
}, {
"day": "THURSDAY",
"openingTime": 28800,
"closingTime": 64800,
"open": true
}, {
"day": "FRIDAY",
"openingTime": 28800,
"closingTime": 64800,
"open": true
}, {
"day": "SATURDAY",
"openingTime": 28800,
"closingTime": 64800,
"open": true
}, {
"day": "SUNDAY",
"openingTime": 0,
"closingTime": 0,
"open": false
}],
"businessOperational": {
"day": "MONDAY",
"status": "CLOSE",
"nextOperationalDay": "TUESDAY"
},
"joinDate": 1587625676398,
"poweredBy": [],
"status": "ACTIVE"
},
"review": {
"rating": 0,
"count": 0,
"decimalRating": 0
},
"shippingAddress": {
"provinceName": "DKI Jakarta",
"subdistrictName": "Slipi",
"postalCode": "11410",
"districtName": "Palmerah",
"cityName": "Kota Jakarta Barat"
},
"documents": [],
"preOrder": {
"isPreOrder": false
},
"freshnessInDays": 0,
"weight": "9000 Gram",
"fulfillmentTypes": {
"delivery": "AVAILABLE",
"pickup": "UNAVAILABLE",
"selected": "DELIVERY",
"otherPickupPoints": 0
},
"pickupPoint": {
"international": false
},
"allSalesCategories": ["AU-1000001", "54650", "AC-1000005", "SP-1000006"]
},
"productDetail.sivaConfig/productConfig": {
"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\", \"XIO-60022\", \"CES-60092\", \"BLL-60036\", \"BLG-70029\", \"ATA-70048\", \"BLO-60029\", \"BLM-60032\", \"INL-60035\", \"BLO-60030\", \"BLG-60035\", \"BLK-15020\", \"HEL-60024\", \"BLW-60034\", \"BLO-60028\", \"NEV-70003\", \"LAP-70115\", \"BLD-60049\", \"POS-70154\", \"TRO-60045\", \"REO-60043\", \"SAM-60047\", \"LOO-60043\", \"DAA-70193\", \"GAS-34960\", \"AQJ-60021\", \"XIC-70002\", \"SKT-60024\", \"DCM-36406\", \"UNP-10819\", \"BLI-60054\", \"SKO-70026\", \"STS-34703\", \"TOX-25266\", \"COS-70169\", \"MON-60037\", \"NEB-60027\", \"TFE-60023\", \"COE-45949\", \"RET-60025\", \"VAW-60021\", \"BLG-60040\", \"BLG-60039\", \"BLI-60049\", \"UNI-60025\", \"NIK-60032\", \"NES-60030\", \"MIN-37275\", \"FUE-27302\", \"WIK-26984\", \"BLF-70019\", \"QUM-35581\", \"BLP-60057\", \"BEF-44369\", \"FOM-18532\", \"BLI-60048\", \"GUU-60021\", \"BLP-60041\", \"BLL-70058\", \"SAO-60034\",\"KAE-60027\",\"GRL-60031\",\"WIT-35794\",\"BLC-60027\",\"PUA-16598\",\"MAK-70251\",\"BUM-60037\",\"BLI-60051\",\"BLP-44298\",\"MII-70111\",\"BLI-60059\",\"9TW-60021\",\"BLM-60037\",\"ZAY-60024\",\"GAS-60145\",\"88P-60022\",\"BLI-60052\",\"INS-60055\",\"GOS-60047\",\"VAK-60023\",\"GOM-60024\",\"BEA-60126\",\"INP-60076\",\"BLH-60035\",\"ONR-70015\",\"BLT-24290\",\"PIO-70068\",\"UNI-22193\",\"BLV-70007\",\"MAO-60062\",\"SIM-60106\",\"HOB-70075\",\"BLI-60047\",\"PTP-60093\",\"LOO-60031\",\"DRM-60024\",\"BLF-70026\",\"WHS-60033\",\"POO-60058\",\"QUS-60039\",\"GAI-60027\",\"INM-70123\",\"BLS-60079\",\"BLS-60044\",\"BLI-60053\",\"AIM-36403\",\"DIT-60030\",\"KAK-25212\",\"COP-60023\",\"YOM-70037\",\"ONT-70060\",\"SEO-60100\",\"ULS-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]"
},
"isMobile": true
};
window.PRODUCT_DETAIL_SERVER_CACHE = (() => ({
cachedKeys: ["productDetail.product/summary", "productDetail.sivaConfig/productConfig"],
expiryTime: Date.now() + 15_000
}))()
const injectHeroImage = () => {
const devicePixelRatio = Math.round(window.devicePixelRatio)
const heroImages = document.querySelectorAll('img.hero-mobile__img')
const heroImage = heroImages[0]
if (!heroImage) return
const widthDpr = Math.round(heroImage.width * devicePixelRatio)
const heroImageSrc = heroImage.getAttribute('data-src') + '?w=' + widthDpr
heroImage.src = heroImageSrc
const link = document.createElement('link')
link.rel = 'preload'
link.as = 'image'
link.href = heroImageSrc
document.head.appendChild(link)
}
try {
injectHeroImage()
} catch (error) {
console.log({
error
})
}</script>
<script>!function () { function t(t, e) { var i = document.createElement("script"); if (t) for (var n in t) i.setAttribute(n, t[n]); i.async = !1, e && (i.src = "data:text/javascript," + e), document.body.appendChild(i) } t({ type: "module", crossorigin: "", src: window._main_staticPublicPath() + "static/js/index.5457813a.js" }), t({ nomodule: "" }, '!function(){var e=document,t=e.createElement("script");if(!("noModule"in t)&&"onbeforeload"in t){var n=!1;e.addEventListener("beforeload",(function(e){if(e.target===t)n=!0;else if(!e.target.hasAttribute("nomodule")||!n)return;e.preventDefault()}),!0),t.type="module",t.src=".",e.head.appendChild(t),t.remove()}}();'), t({ nomodule: "", crossorigin: "", id: "vite-legacy-polyfill", src: window._main_staticPublicPath() + "static/js/polyfills-legacy.6afda422.js" }), t({ nomodule: "", crossorigin: "", id: "vite-legacy-entry", "data-src": window._main_staticPublicPath() + "static/js/index-legacy.8a9e4421.js" }, "System.import(document.getElementById('vite-legacy-entry').getAttribute('data-src'))") }()</script>
<script type="module" crossorigin="" src="https://www.static-src.com/frontend/static/js/index.5457813a.js"></script>
<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>
<script nomodule="" crossorigin="" id="vite-legacy-polyfill"
src="https://www.static-src.com/frontend/static/js/polyfills-legacy.6afda422.js"></script>
<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>
<div data-v-f5647a58="" class="notices b-bottom" style="--bottom-gap:0px;display:none"></div>
<script async="" src="https://www.googletagmanager.com/gtm.js?id=GTM-TKQZL95"></script>
<script type="text/javascript"
id="">!function (e, t, n, a, o, s) { e.twq || ((a = e.twq = function () { a.exe ? a.exe.apply(a, arguments) : a.queue.push(arguments) }).version = "1.1", a.queue = [], (o = t.createElement(n)).async = !0, o.src = "https://static.ads-twitter.com/uwt.js", (s = t.getElementsByTagName(n)[0]).parentNode.insertBefore(o, s)) }(window, document, "script"), twq("config", google_tag_manager.rm[10058345](3))</script>
<script type="text/javascript"
id="">"spa" != google_tag_manager.rm[10058345](10) && (window._bwa = window._bwa || [], window._bwa.unshift({ event: { manageSession: !0, incSessionActionSequence: !0, path: "/page", dataParams: ["pagetype", "clientmemberid"], customParams: { clientmemberid: google_tag_manager.rm[10058345](11), loggedinuser: google_tag_manager.rm[10058345](12), pagetype: google_tag_manager.rm[10058345](13), prevurl: document.referrer, pagetitle: document.title, fbc: google_tag_manager.rm[10058345](14), fbp: google_tag_manager.rm[10058345](15), useragent: google_tag_manager.rm[10058345](16), hashedEmail: google_tag_manager.rm[10058345](17), utm_source: google_tag_manager.rm[10058345](18), utm_medium: google_tag_manager.rm[10058345](19), utm_campaign: google_tag_manager.rm[10058345](20), ga_session_id: google_tag_manager.rm[10058345](21), ga_pseudo_id: google_tag_manager.rm[10058345](22), ga_utma: google_tag_manager.rm[10058345](23), ga_utmc: google_tag_manager.rm[10058345](24), ga_utmz: google_tag_manager.rm[10058345](25) } } })); var _bs = document.createElement("script"); _bs.type = "text/javascript", _bs.async = !0, _bs.src = google_tag_manager.rm[10058345](26), document.getElementsByTagName("head")[0].appendChild(_bs)</script>
<script type="text/javascript"
id="">var hoTransactionId = hoGetURLParameterAT("trans"), hoOfferId = hoGetURLParameterAT("offer"), hoDocName = "HOTSID", hoDataExpired = hoCookieSetGojekGoMall(); function hoGetURLParameterAT(e) { return decodeURIComponent((new RegExp("[?|&]" + e + "=([^&;]+?)(&|#|;|$)").exec(location.search) || [, ""])[1].replace(/\+/g, "%20")) || null } function hoSetCookieAT(e, o, a) { a = "expires=" + a, document.cookie = e + "=" + o + "; " + a + "; domain=.blibli.com; path=/" } function hoCalculateExpireDateAT(e) { var o = new Date; return o.setTime(o.getTime() + 864e5 * e), o.toUTCString(), o } function hoCookieSetGojekGoMall() { var e = google_tag_manager.rm[10058345](27); return (e = e.toLowerCase()).includes("utm_medium=gojekgomall") && e.includes("trans=") ? hoCalculateExpireDateAT(1) : e.includes("utm_medium=pt.+rekan+usaha+mikro+anda") && e.includes("trans=") ? hoCalculateExpireDateAT(2) : hoCalculateExpireDateAT(30) } null !== hoTransactionId && hoSetCookieAT(hoDocName, hoTransactionId + "," + hoOfferId, hoDataExpired)</script>
<script type="text/javascript"
id="">!function (e, t, n, a, o, c, f) { e.fbq || (o = e.fbq = function () { o.callMethod ? o.callMethod.apply(o, arguments) : o.queue.push(arguments) }, e._fbq || (e._fbq = o), (o.push = o).loaded = !0, o.version = "2.0", o.queue = [], (c = t.createElement(n)).async = !0, c.src = "https://connect.facebook.net/en_US/fbevents.js", (f = t.getElementsByTagName(n)[0]).parentNode.insertBefore(c, f)) }(window, document, "script"), fbq("init", google_tag_manager.rm[10058345](28)), fbq("track", "PageView")</script>
<script type="text/javascript"
id="">var campaign = google_tag_manager.rm[10058345](29) || "", medium = google_tag_manager.rm[10058345](30) || "", source = google_tag_manager.rm[10058345](31) || ""; (campaign || medium || source) && (document.cookie = "__gtm_cam=" + campaign + "; ; domain=.blibli.com; path=/", document.cookie = "__gtm_med=" + medium + "; ; domain=.blibli.com; path=/", document.cookie = "__gtm_src=" + source + "; ; domain=.blibli.com; path=/")</script>
<style>
.apps-support.push-title {
visibility: hidden !important
}
</style>
<script type="text/javascript"
id="">!function () { var e = google_tag_manager.rm[10058345](33) || {}; window._bwa = window._bwa || [], extension_data = google_tag_manager.rm[10058345](34), extension_data = Array.isArray(extension_data) ? extension_data : [], window._bwa.push({ event: { manageSession: !0, path: "/eventv2", pixel: !0, customParams: { page_type: google_tag_manager.rm[10058345](35), client_member_id: google_tag_manager.rm[10058345](36), event_trigger: google_tag_manager.rm[10058345](37), event_type: google_tag_manager.rm[10058345](38), event_section: JSON.stringify(e), event_values: JSON.stringify(google_tag_manager.rm[10058345](39)), extension_data: JSON.stringify(extension_data) } } }) }()</script>
<script type="text/javascript"
id="">var _spapi = _spapi || []; _spapi.push(["_partner", "blibli"]), setTimeout(function () { var t = document.createElement("script"); t.type = "text/javascript", t.async = !0, t.src = ("https:" == document.location.protocol ? "https://" : "http://") + "blibli.api.useinsider.com/ins.js?id=10001129"; var e = document.getElementsByTagName("script")[0]; e.parentNode.insertBefore(t, e) }, 300)</script>
<script type="text/javascript"
id="">window._bwa = window._bwa || [], window._bwa.push({ event: { manageSession: !0, incSessionActionSequence: !0, path: "/page", customParams: { pageurl: google_tag_manager.rm[10058345](56) + google_tag_manager.rm[10058345](57), clientmemberid: google_tag_manager.rm[10058345](58), loggedinuser: google_tag_manager.rm[10058345](59), pagetype: google_tag_manager.rm[10058345](60), prevurl: document.referrer, pagetitle: document.title, fbc: google_tag_manager.rm[10058345](61), fbp: google_tag_manager.rm[10058345](62), useragent: google_tag_manager.rm[10058345](63), hashedEmail: google_tag_manager.rm[10058345](65), utm_source: google_tag_manager.rm[10058345](66), utm_medium: google_tag_manager.rm[10058345](67), utm_campaign: google_tag_manager.rm[10058345](68), ga_session_id: google_tag_manager.rm[10058345](69), ga_pseudo_id: google_tag_manager.rm[10058345](70), ga_utma: google_tag_manager.rm[10058345](71), ga_utmc: google_tag_manager.rm[10058345](72), ga_utmz: google_tag_manager.rm[10058345](73) } } })</script>
<script type="text/javascript"
id="">var gtm = window.google_tag_manager["GTM-TKQZL95"]; gtm.dataLayer.reset()</script>
<link rel="preconnect" href="https://dev.visualwebsiteoptimizer.com">
<script type="text/javascript"
id="vwoCode">window._vwo_code = window._vwo_code || function () { var t = !1, i = window, o = document, r = o.querySelector("#vwoCode"), c = { use_existing_jquery: function () { return !1 }, library_tolerance: function () { return 2500 }, hide_element_style: function () { return "{}" }, finish: function () { if (!t) { t = !0; var e = o.getElementById("_vis_opt_path_hides"); e && e.parentNode.removeChild(e) } }, finished: function () { return t }, load: function (e) { var t = o.createElement("script"); t.fetchPriority = "high", t.src = e, t.type = "text/javascript", t.onerror = function () { _vwo_code.finish() }, o.getElementsByTagName("head")[0].appendChild(t) }, getVersion: function () { return 1.5 }, getMatchedCookies: function (e) { var t = []; return document.cookie && (t = document.cookie.match(e) || []), t }, getCombinationCookie: function () { var e = c.getMatchedCookies(/(?:^|;)\s?(_vis_opt_exp_\d+_combi=[^;$]*)/gi); e = e.map(function (e) { try { var t = decodeURIComponent(e); return /_vis_opt_exp_\d+_combi=(?:\d+,?)+\s*$/.test(t) ? t : "" } catch (e) { return "" } }); var t = []; return e.forEach(function (e) { (e = e.match(/([\d,]+)/g)) && t.push(e.join("-")) }), t.join("|") }, init: function () { if (!(-1 < o.URL.indexOf("__vwo_disable__"))) { i.settings_timer = setTimeout(function () { _vwo_code.finish() }, 2e3); var e = o.currentScript, t = o.createElement("style"); e = e && !e.async ? "" : c.lA = 1; var n = o.getElementsByTagName("head")[0]; return t.setAttribute("id", "_vis_opt_path_hides"), r && t.setAttribute("nonce", r.nonce), t.setAttribute("type", "text/css"), t.styleSheet ? t.styleSheet.cssText = e : t.appendChild(o.createTextNode(e)), n.appendChild(t), t = this.getCombinationCookie(), this.load("https://dev.visualwebsiteoptimizer.com/j.php?a=426670&u=" + encodeURIComponent(o.URL) + "&f=1&vn=1.5" + (t ? "&c=" + t : "")), settings_timer } } }; return i._vwo_settings_timer = c.init(), c }()</script>
<script type="text/javascript"
id="">!function (e, t, c, n, a, i, o) { a.ire_o = c, a[c] = a[c] || function () { (a[c].a = a[c].a || []).push(arguments) }, i = n.createElement(t), o = n.getElementsByTagName(t)[0], i.async = 1, i.src = "https://utt.impactcdn.com/A4103922-694c-4259-836a-1c467d2df1c71.js", o.parentNode.insertBefore(i, o) }(0, "script", "ire", document, window)</script>
<script type="text/javascript"
id="">var userId = google_tag_manager.rm[10058345](77); "-1002" === userId && (userId = ""), ire("identify", { customerId: userId, customerEmail: google_tag_manager.rm[10058345](79) || "" })</script>
<script type="text/javascript"
id="">!function (e, t, a, n, r, s, o, c, p) { e.AppsFlyerSdkObject = "AF", e.AF = e.AF || function () { (e.AF.q = e.AF.q || []).push([Date.now()].concat(Array.prototype.slice.call(arguments))) }, e.AF.id = e.AF.id || o, e.AF.plugins = {}, c = t.createElement(a), p = t.getElementsByTagName(a)[0], c.async = 1, c.src = "https://websdk.appsflyer.com?" + (0 < s.length ? "st=" + s.split(",").sort().join(",") + "&" : "") + (0 < o.length ? "af_id=" + o : ""), p.parentNode.insertBefore(c, p) }(window, document, "script", 0, 0, "pba,banners", { pba: { webAppId: google_tag_manager.rm[10058345](80) }, banners: { key: "f2045718-bb4b-453a-b9a2-731011ccca5c" } }), AF("pba", "setCustomerUserId", google_tag_manager.rm[10058345](81))</script>
<script type="text/javascript"
id="">if ("undefined" != typeof AF) { var headerBlank = document.getElementsByClassName("blank_header")[0], appsflyerBanner = document.getElementsByClassName("responsive-wrapper"); headerBlank && appsflyerBanner.length && headerBlank.style.removeProperty("display"), AF("banners", "hideBanner") }</script>
<script type="text/javascript"
id="">!function () { var e = google_tag_manager.rm[10058345](83) || {}; window._bwa = window._bwa || [], extension_data = google_tag_manager.rm[10058345](84), extension_data = Array.isArray(extension_data) ? extension_data : [], window._bwa.push({ event: { manageSession: !0, path: "/eventv2", pixel: !0, customParams: { page_type: google_tag_manager.rm[10058345](85), client_member_id: google_tag_manager.rm[10058345](86), event_trigger: google_tag_manager.rm[10058345](87), event_type: google_tag_manager.rm[10058345](88), event_section: JSON.stringify(e), event_values: JSON.stringify(google_tag_manager.rm[10058345](89)), extension_data: JSON.stringify(extension_data) } } }) }()</script>
<script type="text/javascript"
id="">window._bwa = window._bwa || [], window._bwa.push({ event: { manageSession: !1, path: "/search-suggestion-keyword-view", pixel: !0, customParams: { page_type: google_tag_manager.rm[10058345](91), client_member_id: google_tag_manager.rm[10058345](92), prev_url: document.referrer, page_title: document.title, search_keyword_type: google_tag_manager.rm[10058345](93), search_id: google_tag_manager.rm[10058345](94), source_keyword: google_tag_manager.rm[10058345](95), suggested_keywords: JSON.stringify(google_tag_manager.rm[10058345](96)), extension_data: JSON.stringify(google_tag_manager.rm[10058345](97)) } } })</script>
<iframe allow="join-ad-interest-group" data-tagging-id="AW-880395410" data-load-time="1727708662955" height="0"
width="0"
src="https://td.doubleclick.net/td/rul/880395410?random=1727708662945&cv=11&fst=1727708662945&fmt=3&bg=ffffff&guid=ON&async=1&gtm=45je49p0v877689920z8810058345za200zb810058345&gcd=13l3l3l3l1l1&dma=0&tag_exp=101671035~101686685~101747727&u_w=1066&u_h=866&url=https%3A%2F%2Fwww.blibli.com%2Fp%2Fniko-speaker-trolley-speaker-pt-1501-15-inch-garansi%2Fps--ELP-60049-00553%3Fsrsltid%3DAfmBOorES7xzkivoHSNhil5W1iouKsuBMzCBVxCvjis5_rzK-YdKCb2y&ref=https%3A%2F%2Fwww.blibli.com%2Fchallenge%2Flanding%2F%3Fredirect%3D%252Fp%252Fniko-speaker-trolley-speaker-pt-1501-15-inch-garansi%252Fps--ELP-60049-00553%253Fsrsltid%253DAfmBOorES7xzkivoHSNhil5W1iouKsuBMzCBVxCvjis5_rzK-YdKCb2y&hn=www.googleadservices.com&frm=0&tiba=Jual%20Niko%20Speaker%20Trolley%20Speaker%20Pt%201501%2015%20Inch%20Garansi%20Di%20Seller%20Eleora.shop%20-%20Ambarketawang%2C%20Kab.%20Sleman%20%7C%20Blibli&npa=0&pscdl=noapi&auid=231856571.1727707203&uaa=&uab=64&uafvl=Google%2520Chrome%3B129.0.6668.70%7CNot%253DA%253FBrand%3B8.0.0.0%7CChromium%3B129.0.6668.70&uamb=1&uam=Nexus%205&uap=Android&uapv=6.0&uaw=0&fledge=1&data=event%3Dgtag.config"
style="display:none;visibility:hidden"></iframe>
<script type="text/javascript"
id="">!function () { var e = google_tag_manager.rm[10058345](102) || {}; window._bwa = window._bwa || [], extension_data = google_tag_manager.rm[10058345](103), extension_data = Array.isArray(extension_data) ? extension_data : [], window._bwa.push({ event: { manageSession: !0, path: "/eventv2", pixel: !0, customParams: { page_type: google_tag_manager.rm[10058345](104), client_member_id: google_tag_manager.rm[10058345](105), event_trigger: google_tag_manager.rm[10058345](106), event_type: google_tag_manager.rm[10058345](107), event_section: JSON.stringify(e), event_values: JSON.stringify(google_tag_manager.rm[10058345](108)), extension_data: JSON.stringify(extension_data) } } }) }()</script>
<iframe height="0" width="0" aria-hidden="true" alt=""
style="pointer-events:none;height:0;width:0;position:absolute;padding:0;margin:0;border:0;visibility:hidden"></iframe><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"> <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">
<link rel="preconnect" href="https://tags.crwdcntrl.net">
<link rel="preconnect" href="https://bcp.crwdcntrl.net">
<link rel="preconnect" href="https://c.ltmsphrcl.net">
<link rel="dns-prefetch" href="https://tags.crwdcntrl.net">
<link rel="dns-prefetch" href="https://bcp.crwdcntrl.net">
<link rel="dns-prefetch" href="https://c.ltmsphrcl.net">
<script type="text/javascript"
id="">!function () { var c = "10867"; c = c = { clientId: Number(c) }; var d = window["lotame_" + c.clientId] = {}; d.config = c, d.data = {}, d.cmd = d.cmd || [] }()</script>
<script type="text/javascript" id="" src="https://tags.crwdcntrl.net/lt/c/10867/lt.min.js"></script>
<script type="text/javascript"
id="">!function (n, e, a, o, d, _, s, i) { for (k in n.moengage_object = d, t = {}, q = function (e) { return function () { (n.moengage_q = n.moengage_q || []).push({ f: e, a: arguments }) } }, 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(" "), h = { onsite: ["getData"] }, f) t[f[k]] = q(f[k]); _ = e.createElement(a), s = e.getElementsByTagName(a)[0], _.async = 1, _.src = "https://cdn.moengage.com/webpush/moe_webSdk.min.latest.js", s.parentNode.insertBefore(_, s), n.moe = n.moe || function (e) { return i = e, t }, _.onload = function () { i && (n[d] = moe(i)) } }(window, document, "script", 0, "Moengage"), Moengage = moe({ app_id: "QTD7QXC51X5DZR3CTIHK33PQ", debug_logs: 0 })</script>
<div style="display:none;visibility:hidden">
<script type="text/javascript" src="//script.crazyegg.com/pages/scripts/0075/7082.js" async="async"></script>
</div>
<script type="text/javascript"
id="">var urlParameter = window.location.search, regEx = /(_branch_match_id)|($3p=a_hasoffers)/g; function delete_cookie(e, a, o) { document.cookie = e + "=" + (a ? ";path=" + a : "") + (o ? ";domain=" + o : "") + ";expires=Thu, 01 Jan 1970 00:00:01 GMT" } regEx.test(urlParameter) && delete_cookie("HOTSID", "/", "blibli.com")</script>
<iframe sandbox="" style="display:none"></iframe>
<script type="text/javascript"
id="">var ecomm = google_tag_manager.rm[10058345](162), iframe = document.createElement("iframe"); iframe.src = "https://asia.creativecdn.com/tags?id=pr_FAOiA95ZI30AXifJGDUt_offer_" + ecomm.detail.products[0].productItemSku + "&id=pr_FAOiA95ZI30AXifJGDUt_uid_unknown", iframe.referrerPolicy = "no-referrer-when-downgrade", iframe.width = "1", iframe.height = "1", iframe.scrolling = "no", iframe.frameBorder = "0", iframe.style = "display: none;"; var body = document.getElementsByTagName("body")[0]; body.appendChild(iframe)</script>
<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>
<script type="text/javascript"
id="">var productDetail = google_tag_manager.rm[10058345](164), categoryNames = google_tag_manager.rm[10058345](166), categoryCodes = google_tag_manager.rm[10058345](168), oosStatusMapping = { AVAILABLE: "instock", OUT_OF_STOCK: "oos", LIMITED: "limited" }; window._bwa = window._bwa || [], window._bwa.push({ event: { manageSession: !0, path: "/product", customParams: { clientmemberid: google_tag_manager.rm[10058345](169), pagetype: google_tag_manager.rm[10058345](170), oosStatus: oosStatusMapping[productDetail[0].dimension81] || productDetail[0].dimension81, productsku: productDetail[0].id, c1name: categoryNames[0] || "", c2name: categoryNames[1] || "", c3name: categoryNames[2] || "", c1code: categoryCodes[0] || "", c2code: categoryCodes[1] || "", c3code: categoryCodes[2] || "", merchantid: productDetail[0].dimension56, merchantname: productDetail[0].dimension57, productpagetype: "", productcode: productDetail[0].productCode, productid: productDetail[0].productId, initialproductid: productDetail[0].initialProductId, commissionType: productDetail[0].commisionType, productname: productDetail[0].name, minOfferPrice: productDetail[0].minOfferPrice, maxOfferPrice: productDetail[0].maxOfferPrice, minListPrice: productDetail[0].minListPrice, maxListPrice: productDetail[0].maxListPrice, prevurl: google_tag_manager.rm[10058345](171), searchid: google_tag_manager.rm[10058345](172), productitemsku: productDetail[0].productItemSku, productitemcode: productDetail[0].productItemCode, fbc: google_tag_manager.rm[10058345](173), fbp: google_tag_manager.rm[10058345](174), useragent: google_tag_manager.rm[10058345](175), brand: productDetail[0].brand, hashedEmail: google_tag_manager.rm[10058345](176) } } })</script>
<script type="text/javascript"
id="">setTimeout(function () { var a = google_tag_manager.rm[10058345](178); if (a) { var o = a[0], e = a[1], t = { behaviors: { int: ["Category - " + o, "Category - " + o + " / " + e, "Category - " + o + " / " + e + " / " + (a = a[2]), "productDetail - " + o + " / " + e + " / " + a + " / " + google_tag_manager.rm[10058345](179)] } }; window.lotame_10867.cmd.push(function () { window.lotame_10867.page(t) }) } }, 2e3)</script>
<script type="text/javascript"
id="">var key, ecomm = google_tag_manager.rm[10058345](180), categoryNames = google_tag_manager.rm[10058345](182), categoryCodes = google_tag_manager.rm[10058345](184), productDetail = { product_id: ecomm.detail.products[0].id, product_name: ecomm.detail.products[0].name, category: categoryNames[0] || "", category_id: categoryCodes[0] || "", categoryc2: categoryNames[1] || "", categoryc2_id: categoryCodes[1] || "", categoryc3: categoryNames[2] || "", categoryc3_id: categoryCodes[2] || "", category4: categoryNames[3] || "", category4_id: categoryCodes[3] || "", categoryc5: categoryNames[4] || "", categoryc5_id: categoryCodes[4] || "", categoryc6: categoryNames[5] || "", categoryc6_id: categoryCodes[5] || "", product_price: ecomm.detail.products[0].price, merchant_id: ecomm.detail.products[0].dimension56, merchant_name: ecomm.detail.products[0].dimension57 }; for (key in productDetail) "" === productDetail[key] && delete productDetail[key]; Moengage.track_event("Product Detail View", productDetail)</script>
<script type="text/javascript"
id="">function _slicedToArray(t, e) { return _arrayWithHoles(t) || _iterableToArrayLimit(t, e) || _unsupportedIterableToArray(t, e) || _nonIterableRest() } function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.") } function _unsupportedIterableToArray(t, e) { if (t) { if ("string" == typeof t) return _arrayLikeToArray(t, e); var r = Object.prototype.toString.call(t).slice(8, -1); if ("Object" === r && t.constructor && (r = t.constructor.name), "Map" === r || "Set" === r) return Array.from(t); if ("Arguments" === r || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(r)) return _arrayLikeToArray(t, e) } } function _arrayLikeToArray(t, e) { (null == e || e > t.length) && (e = t.length); for (var r = 0, i = Array(e); r < e; r++)i[r] = t[r]; return i } function _iterableToArrayLimit(t, e) { var r = null == t ? null : "undefined" != typeof Symbol && t[Symbol.iterator] || t["@@iterator"]; if (null != r) { var i, n = [], o = !0, a = !1; try { for (r = r.call(t); !(o = (i = r.next()).done) && (n.push(i.value), !e || n.length !== e); o = !0); } catch (t) { a = !0; var l = t } finally { try { o || null == r.return || r.return() } finally { if (a) throw l } } return n } } function _arrayWithHoles(t) { if (Array.isArray(t)) return t } !function () { function r(t, e) { var r = document.createElement(t); return Object.entries(e).forEach(function (t) { var e = _slicedToArray(t, 2); t = e[0], e = e[1], r[t] = e }), function (r, t) { Object.entries(t || {}).forEach(function (t) { var e = _slicedToArray(t, 2); t = e[0], e = e[1], r.style[t] = e }) }(r, e.style), r } function i() { window[o].style.display = "block", "MINIMIZED" == c ? c = "" : window[n].src = t } var n = "blibli-cs-livechat-iframe", o = "livechat-iFrame-wrapper", a = "blibli.livechat.close", l = "blibli.livechat.minimize", t = "/customer-care/live-chat/", d = "livechat-openChat-button", c = "", s = { id: o, style: { display: "none", position: "fixed", bottom: "0", right: "15px", zIndex: "9" } }, u = { id: n, style: { backgroundColor: "white", border: "none", maxWidth: "375px", height: "500px", width: "360px", borderRadius: "5px", boxShadow: "0 4px 8px 0 rgb(0 0 0 / 20%), 0 6px 20px 0 rgb(0 0 0 / 19%)" } }, p = { id: d, style: { border: "none", cursor: "pointer", position: "fixed", bottom: "23px", right: "0px", width: "280px", zIndex: "9" } }, e = "0%"; window.location.pathname.includes("/p/") && (e = "68px"), window.innerWidth <= 1030 && (e = "41px"); var y = { id: "livechat-image-button", src: "https://www.static-src.com/siva/asset/09_2024/customer-care-button-blibli.png", alt: "customer-care-button", style: { position: "fixed", right: "0px", zIndex: "10", bottom: e, marginBottom: "25px", height: "67px" } }; !function () { if (!(window[n] || window.innerWidth <= 1030)) { var t = r("div", s), e = r("iframe", u); t.appendChild(e), document.body.appendChild(t), t = r("div", p), e = r("img", y), t.appendChild(e), document.getElementById("main-ui-wrapper").appendChild(t), window[d].addEventListener("click", i), window.addEventListener("message", function (t) { (t = t.data) && t.id != l ? t && t.id === a && (window[o].style.display = "none", c = window[n].src = "") : (window[o].style.display = "none", c = "MINIMIZED") }), window.addEventListener("message", function (t) { }) } }() }()</script>
<div id="livechat-iFrame-wrapper" style="display:none;position:fixed;bottom:0;right:15px;z-index:9"><iframe
id="blibli-cs-livechat-iframe"
style="background-color:#fff;border:none;max-width:375px;height:500px;width:360px;border-radius:5px;box-shadow:rgba(0,0,0,.2) 0 4px 8px 0,rgba(0,0,0,.19) 0 6px 20px 0"></iframe>
</div>
<script type="text/javascript"
id="">!function () { var e = document.createElement("script"); e.type = "text/javascript", e.async = !0, e.src = "https://c.o-s.io/115069/tracker.js"; var t = document.getElementsByTagName("script")[0]; t.parentNode.insertBefore(e, t) }()</script>
<script type="text/javascript"
id="">var ecomm = google_tag_manager.rm[10058345](185), pageUrl = google_tag_manager.rm[10058345](186), userData = google_tag_manager.rm[10058345](187); window.insider_object = { product: { id: ecomm.detail.products[0].id, name: ecomm.detail.products[0].name, taxonomy: ecomm.detail.products[0].category.split("/"), currency: "IDR", unit_price: ecomm.detail.products[0].maxOfferPrice, unit_sale_price: ecomm.detail.products[0].price, url: pageUrl, product_image_url: "", custom: { product_brand: ecomm.detail.products[0].brand, product_rating: ecomm.detail.products[0].dimension24 }, type: "Product" }, user: { email: userData.email } }</script>
<style>
.pdp__campaign .campaign-badge .campaign-badge__left-container .campaign-badge__logo-container .logo {
height: auto !important;
max-height: inherit
}
</style>
<script type="text/javascript"
id="">var ecomm = google_tag_manager.rm[10058345](188), productItemSKU = ecomm.detail.products[0].productItemSku || ecomm.detail.products[0].id; twq("event", "tw-nvqtr-ocmzu", { currency: "IDR", contents: [{ content_id: productItemSKU, content_name: ecomm.detail.products[0].name, content_price: ecomm.detail.products[0].price, num_items: 1 }] })</script>
<script type="text/javascript"
id="">var liveChatIframe = document.getElementById("livechat-image-button"); liveChatIframe.style.bottom = "68px"</script>
<script type="text/javascript"
id="">var contentsquarePDP = ecommerce.detail.products, contentsquarePDPProducts = contentsquarePDP[0], contentsquarePDPCategory = contentsquarePDPProducts.category.split("/"); window._uxa = window._uxa || [], window._uxa.push(["setCustomVariable", 1, "c1_category", contentsquarePDPCategory[0], 4]), window._uxa.push(["setCustomVariable", 2, "last_category", contentsquarePDPCategory[contentsquarePDPCategory.length - 1], 4]), window._uxa.push(["setCustomVariable", 3, "availibility", contentsquarePDPProducts.dimension81, 4]), window._uxa.push(["setCustomVariable", 4, "item_brand", contentsquarePDPProducts.brand, 4]), window._uxa.push(["setCustomVariable", 5, "item_sku", contentsquarePDPProducts.productItemSku, 4]), window._uxa.push(["setCustomVariable", 6, "item_code", contentsquarePDPProducts.productItemCode, 4]), window._uxa.push(["setCustomVariable", 7, "product_code", contentsquarePDPProducts.productCode, 4]), window._uxa.push(["setCustomVariable", 8, "product_sku", contentsquarePDPProducts.id, 4]), window._uxa.push(["setCustomVariable", 9, "merchant_id", contentsquarePDPProducts.dimension56, 4]), window._uxa.push(["setCustomVariable", 10, "item_name", contentsquarePDPProducts.name, 4])</script>
<script type="text/javascript" id="">fbq("init", "1060020737679640"), fbq("track", "PageView")</script>
<script type="text/javascript"
id="">!function (e, t, a, n, r, s, o, c, p) { e.AppsFlyerSdkObject = "AF", e.AF = e.AF || function () { (e.AF.q = e.AF.q || []).push([Date.now()].concat(Array.prototype.slice.call(arguments))) }, e.AF.id = e.AF.id || o, e.AF.plugins = {}, c = t.createElement(a), p = t.getElementsByTagName(a)[0], c.async = 1, c.src = "https://websdk.appsflyer.com?" + (0 < s.length ? "st=" + s.split(",").sort().join(",") + "&" : "") + (0 < o.length ? "af_id=" + o : ""), p.parentNode.insertBefore(c, p) }(window, document, "script", 0, 0, "pba,banners", { pba: { webAppId: google_tag_manager.rm[10058345](189) }, banners: { key: "f2045718-bb4b-453a-b9a2-731011ccca5c" } }), AF("pba", "setCustomerUserId", google_tag_manager.rm[10058345](190))</script>
<script type="text/javascript"
id="">var ecomm = google_tag_manager.rm[10058345](191); AF("pba", "event", { eventType: "EVENT", eventName: "af_content_view", eventValue: { af_pagetype: google_tag_manager.rm[10058345](192), af_currency: "IDR", product: [{ af_content_id: ecomm[0].productItemSku, af_price: google_tag_manager.rm[10058345](193), af_content_type: "Product" }] } })</script>
<script type="text/javascript"
id="">var ecomm = google_tag_manager.rm[10058345](200), contentType = ecomm.items[0].item_sku ? "product" : "product_group", productId = ecomm.items[0].item_sku || ecomm.items[0].item_id, productIdArr = []; productIdArr.push(productId), fbq("trackSingle", google_tag_manager.rm[10058345](201), "ViewContent", { content_name: ecomm.items[0].item_name, content_category: ecomm.items[0].item_category, content_ids: productIdArr, content_type: contentType, currency: "IDR", value: ecomm.items[0].price || 0, contents: [{ id: productId, quantity: 1 }], external_id: google_tag_manager.rm[10058345](202) })</script>
<script type="text/javascript"
id="">!function (e, t, a, n, r, s, o, c, p) { e.AppsFlyerSdkObject = "AF", e.AF = e.AF || function () { (e.AF.q = e.AF.q || []).push([Date.now()].concat(Array.prototype.slice.call(arguments))) }, e.AF.id = e.AF.id || o, e.AF.plugins = {}, c = t.createElement(a), p = t.getElementsByTagName(a)[0], c.async = 1, c.src = "https://websdk.appsflyer.com?" + (0 < s.length ? "st=" + s.split(",").sort().join(",") + "&" : "") + (0 < o.length ? "af_id=" + o : ""), p.parentNode.insertBefore(c, p) }(window, document, "script", 0, 0, "pba,banners", { pba: { webAppId: google_tag_manager.rm[10058345](204) }, banners: { key: "f2045718-bb4b-453a-b9a2-731011ccca5c" } }), AF("pba", "setCustomerUserId", google_tag_manager.rm[10058345](205))</script>
<script type="text/javascript"
id="">var appsflyerDeeplinkTarget = "", pageUrl = google_tag_manager.rm[10058345](206).split("?"), pagePath = pageUrl[0], query = pageUrl[1], utmQueryParams = { utm_campaign: google_tag_manager.rm[10058345](207), utm_source: "af_banner", utm_medium: "af_web_banner" }, queryParams = new URLSearchParams(utmQueryParams).toString(); appsflyerDeeplinkTarget = pagePath + "?" + queryParams, "undefined" != typeof AF && (AF("banners", "updateParams", { af_dp: "blibli://" + appsflyerDeeplinkTarget.split("blibli.com/")[1] }), AF("banners", "showBanner", { bannerContainerQuery: ".header-mobile-placeholder", additionalParams: { af_dp: "blibli://" + appsflyerDeeplinkTarget.split("blibli.com/")[1], deep_link_value: "blibli://" + appsflyerDeeplinkTarget.split("blibli.com/")[1] } }))</script>
<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"><iframe allow="join-ad-interest-group" data-tagging-id="AW-925089264"
data-load-time="1727708668107" height="0" width="0"
src="https://td.doubleclick.net/td/rul/925089264?random=1727708668102&cv=11&fst=1727708668102&fmt=3&bg=ffffff&guid=ON&async=1&gtm=45be49p0z8810058345za201zb810058345&gcd=13l3l3l3l1l1&dma=0&tag_exp=101671035~101686685~101747727&u_w=1066&u_h=866&url=https%3A%2F%2Fwww.blibli.com%2Fp%2Fniko-speaker-trolley-speaker-pt-1501-15-inch-garansi%2Fps--ELP-60049-00553%3Fsrsltid%3DAfmBOorES7xzkivoHSNhil5W1iouKsuBMzCBVxCvjis5_rzK-YdKCb2y&ref=https%3A%2F%2Fwww.blibli.com%2Fchallenge%2Flanding%2F%3Fredirect%3D%252Fp%252Fniko-speaker-trolley-speaker-pt-1501-15-inch-garansi%252Fps--ELP-60049-00553%253Fsrsltid%253DAfmBOorES7xzkivoHSNhil5W1iouKsuBMzCBVxCvjis5_rzK-YdKCb2y&hn=www.googleadservices.com&frm=0&tiba=Jual%20Niko%20Speaker%20Trolley%20Speaker%20Pt%201501%2015%20Inch%20Garansi%20Di%20Seller%20Eleora.shop%20-%20Ambarketawang%2C%20Kab.%20Sleman%20%7C%20Blibli&npa=0&pscdl=noapi&auid=231856571.1727707203&uaa=&uab=64&uafvl=Google%2520Chrome%3B129.0.6668.70%7CNot%253DA%253FBrand%3B8.0.0.0%7CChromium%3B129.0.6668.70&uamb=1&uam=Nexus%205&uap=Android&uapv=6.0&uaw=0&fledge=1&data=ecomm_pagetype%3Dproduct%3Becomm_prodid%3DELP-60049-00553%3Becomm_totalvalue%3D1005000"
style="display:none;visibility:hidden"></iframe><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"><iframe allow="join-ad-interest-group" data-tagging-id="AW-920334631"
data-load-time="1727708668190" height="0" width="0"
src="https://td.doubleclick.net/td/rul/920334631?random=1727708668182&cv=11&fst=1727708668182&fmt=3&bg=ffffff&guid=ON&async=1&gtm=45be49p0z8810058345za201zb810058345&gcd=13l3l3l3l1l1&dma=0&tag_exp=101671035~101747727&u_w=1066&u_h=866&url=https%3A%2F%2Fwww.blibli.com%2Fp%2Fniko-speaker-trolley-speaker-pt-1501-15-inch-garansi%2Fps--ELP-60049-00553%3Fsrsltid%3DAfmBOorES7xzkivoHSNhil5W1iouKsuBMzCBVxCvjis5_rzK-YdKCb2y&ref=https%3A%2F%2Fwww.blibli.com%2Fchallenge%2Flanding%2F%3Fredirect%3D%252Fp%252Fniko-speaker-trolley-speaker-pt-1501-15-inch-garansi%252Fps--ELP-60049-00553%253Fsrsltid%253DAfmBOorES7xzkivoHSNhil5W1iouKsuBMzCBVxCvjis5_rzK-YdKCb2y&hn=www.googleadservices.com&frm=0&tiba=Jual%20Niko%20Speaker%20Trolley%20Speaker%20Pt%201501%2015%20Inch%20Garansi%20Di%20Seller%20Eleora.shop%20-%20Ambarketawang%2C%20Kab.%20Sleman%20%7C%20Blibli&npa=0&pscdl=noapi&auid=231856571.1727707203&uaa=&uab=64&uafvl=Google%2520Chrome%3B129.0.6668.70%7CNot%253DA%253FBrand%3B8.0.0.0%7CChromium%3B129.0.6668.70&uamb=1&uam=Nexus%205&uap=Android&uapv=6.0&uaw=0&fledge=1&data=ecomm_pagetype%3Dretail-product-detail%3Becomm_prodid%3DELP-60049-00553%3Becomm_totalvalue%3D1005000"
style="display:none;visibility:hidden"></iframe><iframe allow="join-ad-interest-group"
data-tagging-id="AW-880395410/hEx3CKjo-eADEJKJ56MD" data-load-time="1727708668491" height="0" width="0"
src="https://td.doubleclick.net/td/rul/880395410?random=1727708668483&cv=11&fst=1727708668483&fmt=3&bg=ffffff&guid=ON&async=1&gtm=45be49p0v877689920z8810058345za201zb810058345&gcd=13l3l3l3l1l1&dma=0&tag_exp=101671035~101747727&u_w=1066&u_h=866&url=https%3A%2F%2Fwww.blibli.com%2Fp%2Fniko-speaker-trolley-speaker-pt-1501-15-inch-garansi%2Fps--ELP-60049-00553%3Fsrsltid%3DAfmBOorES7xzkivoHSNhil5W1iouKsuBMzCBVxCvjis5_rzK-YdKCb2y&ref=https%3A%2F%2Fwww.blibli.com%2Fchallenge%2Flanding%2F%3Fredirect%3D%252Fp%252Fniko-speaker-trolley-speaker-pt-1501-15-inch-garansi%252Fps--ELP-60049-00553%253Fsrsltid%253DAfmBOorES7xzkivoHSNhil5W1iouKsuBMzCBVxCvjis5_rzK-YdKCb2y&label=hEx3CKjo-eADEJKJ56MD&hn=www.googleadservices.com&frm=0&tiba=Jual%20Niko%20Speaker%20Trolley%20Speaker%20Pt%201501%2015%20Inch%20Garansi%20Di%20Seller%20Eleora.shop%20-%20Ambarketawang%2C%20Kab.%20Sleman%20%7C%20Blibli&value=0&bttype=purchase&npa=0&pscdl=noapi&auid=231856571.1727707203&uaa=&uab=64&uafvl=Google%2520Chrome%3B129.0.6668.70%7CNot%253DA%253FBrand%3B8.0.0.0%7CChromium%3B129.0.6668.70&uamb=1&uam=Nexus%205&uap=Android&uapv=6.0&uaw=0&fledge=1&capi=1&ct_cookie_present=0"
style="display:none;visibility:hidden"></iframe><cs-native-frame-holder hidden=""></cs-native-frame-holder>
</body>
</html>