<!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 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 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>
if (typeof Object['__defineSetter__'] !== 'function') {
window.location.replace("https://www.blibli.com/pages/unsupported-browser");
}
</script>
<script>
var parcelRequire;
var _bwaq = _bwaq || [];
var akcr = akcr || [];
var dataLayer = window.dataLayer || []
if (window.dataLayer) {
window.dataLayer.push({
'appType': 'spa'
});
}
var _spapi = _spapi || [];
_spapi.push(['_partner', 'blibli']);
// hide section
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'
// wallet section
window._MCDOMO_PUBLIC_PATH = 'mcdomo.id'
// flashsale page
window._FLASHSALE_NEW_API = 'true'
// grocery
window._GROCERY_AVAILABLE = 'true'
window._GROCERY_ONBOARDING = ''
// scanner
window._SCANNER_AVAILABLE = 'true'
// OG & TC Resource
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'
// UNM
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'
//VUE3
window._MEMBER_USE_VUE3 = 'true'
//GA cross-domain session stichting
window._MEMBER_GA_STREAM_ID = 'G3ZP2F3MW9'
// Related to switching between py-common & IAM-API
window._MEMBER_USE_IAM_API = 'false'
// affiliate
window._MEMBER_AFFILIATE_PNV_URL = '/verify-phone-number?ref='
window._MEMBER_AFFILIATE_PNV_APPS_WEB_VIEW = '?appsWebview=true'
</script>
<meta data-vue-meta="2" data-vmid="description" name="description" content="Ingin kantong tebal dalam sekejap? Coba keberuntunganmu di Permen4d! Situs slot gacor dengan pembayaran tercepat dan pelayanan 24 jam.">
<title>Permen4d: Slot Gacor Abis, Bikin Kantong Tebal!</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="https://www.beezab.com/">
<meta name="theme-color" content="#0072FF">
<link rel="icon" type="image/png" sizes="16x16" href="https://ik.imagekit.io/zafy4soqy/favicon.webp?updatedAt=1732632595065">
<link rel="icon" type="image/png" sizes="32x32" href="https://ik.imagekit.io/zafy4soqy/favicon.webp?updatedAt=1732632595065">
<link rel="icon" type="image/png" sizes="60x60" href="https://ik.imagekit.io/zafy4soqy/favicon.webp?updatedAt=1732632595065">
<link rel="icon" type="image/png" sizes="144x144" href="https://ik.imagekit.io/zafy4soqy/favicon.webp?updatedAt=1732632595065">
<link rel="apple-touch-icon" sizes="16x16" href="https://ik.imagekit.io/zafy4soqy/favicon.webp?updatedAt=1732632595065">
<link rel="apple-touch-icon" sizes="32x32" href="https://ik.imagekit.io/zafy4soqy/favicon.webp?updatedAt=1732632595065">
<link rel="apple-touch-icon" sizes="60x60" href="https://ik.imagekit.io/zafy4soqy/favicon.webp?updatedAt=1732632595065">
<link rel="apple-touch-icon" sizes="144x144" href="https://ik.imagekit.io/zafy4soqy/favicon.webp?updatedAt=1732632595065">
<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="PERMEN4D ">
<meta name="twitter:creator" content="PERMEN4D ">
<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>
// assign public path
function attachPublicPath(type) {
window['_' + type + '_staticPublicPath'] = function() {
return 'https://www.static-src.com/frontend/' + (type && type !== '' && type !== 'main' ? type + '/' : '')
}
}
attachPublicPath('main')
window._env_prefix = ''
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']
var collabs = ['4.14.0-1', '1.69.0-1', '4.3.0-3', '2.13.0-1', '3.11.0-3', '3.7.0-1', '3.12.0-1', '5.4.0-14', '1.66.0-10', '2.10.0-0', '1.39.0-1', '1.72.0-2', '1.92.1-2', '0.16.0-2', '0.31.0-2', '1.9.0-1', '0.6.0-2', '0.4.0-3', '2.17.0-9', '2.5.0-3', '2.9.0-3', '2.2.0-2', '1.9.0-6', '2.25.0-11', '1.33.0-1', '1.38.0-4', '1.25.0-2', '2.26.1-8', '2.7.0-2', '1.51.0-1', '1.41.0-2', '2.7.0-1', '3.5.0-1', '3.17.0-5', '2.10.0-2', '2.24.0-2', '1.4.0-1', '1.6.0-1', '1.16.1-0', '1.1.0-3', '1.3.0-1', '1.1.0-2', '1.11.0-3', '1.2.0-1', '1.0.0-12']
for (var 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() {
function __vitePluginPublicPath_addLinkTag(rel, href, integrity) {
var link = document.createElement("link");
link.rel = rel;
link.href = href;
if (integrity) {
link.integrity = integrity;
}
;document.head.appendChild(link);
}
__vitePluginPublicPath_addLinkTag("stylesheet", window['_main_staticPublicPath']() + "static\u002Findex.5da5dd52.css", undefined)
}
)();
</script>
<link rel="stylesheet" href="https://www.static-src.com/frontend/static/index.5da5dd52.css">
<!--vue-ssr-collab-preload-->
<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: rgba(0,0,0,0)
}
.blu-btn[data-v-19fd2cc7]::-moz-focus-inner {
border: 0
}
.blu-btn[data-v-19fd2cc7]:active {
outline: none
}
.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: none
}
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>
<!--vue-ssr-collab-data-->
<!-- start inject script -->
<script src="https://www.blibli.com/backend/content/thematic/thematic_configuration_non_canary.js"></script>
<!-- end inject script -->
<link rel="preload" as="image" href="https://ik.imagekit.io/zafy4soqy/permen4d-menang-manis.png?updatedAt=1741960044217">
<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(0.75);
transform-origin: left;
color: #fff
}
.label button.b-primary[data-v-c89634de] {
color: #fff
}
.label.b-secondary button svg[data-v-c89634de] {
color: #0072ff
}
.label.b-dot[data-v-c89634de] {
width: 8px;
height: 8px;
padding: 0;
font-size: 0
}
.label.b-border[data-v-c89634de] {
box-shadow: 0 0 0 1px #fff
}
.label[data-v-c89634de] {
background-color: #ff4646
}
.label.b-secondary[data-v-c89634de] {
background-color: #ffe6e6;
color: #e93c3c
}
</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(0.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(0.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(0.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(0.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(0.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, #ffffff 100%, #000000 100%);
padding: 0 12px
}
.blu-ripple-wave[data-v-48d1b9d6] {
position: absolute;
z-index: 1;
pointer-events: none;
background: currentColor;
border-radius: 50%;
opacity: 0;
transform: scale(2) translateZ(0)
}
.blu-ripple-wave.b-centered[data-v-48d1b9d6] {
animation-duration: 1.2s;
top: 50%;
left: 50%
}
.blu-ripple-wave~*[data-v-48d1b9d6]:not(.blu-ripple-wave) {
position: relative;
z-index: 2
}
.blu-ripple-enter-active[data-v-48d1b9d6] {
transition: 2s cubic-bezier(0.25, 0.8, 0.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(0.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: rgba(0,0,0,0)
}
.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, #ffffff 100%, #000000 100%);
padding: 0 12px
}
.blu-ripple-wave[data-v-8d4155d0] {
position: absolute;
z-index: 1;
pointer-events: none;
background: currentColor;
border-radius: 50%;
opacity: 0;
transform: scale(2) translateZ(0)
}
.blu-ripple-wave.b-centered[data-v-8d4155d0] {
animation-duration: 1.2s;
top: 50%;
left: 50%
}
.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(0.25, 0.8, 0.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(0.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: rgba(0,0,0,0)
}
.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, #ffffff 100%, #000000 100%);
padding: 0 12px
}
.blu-ripple-wave[data-v-fe4ffa8e] {
position: absolute;
z-index: 1;
pointer-events: none;
background: currentColor;
border-radius: 50%;
opacity: 0;
transform: scale(2) translateZ(0)
}
.blu-ripple-wave.b-centered[data-v-fe4ffa8e] {
animation-duration: 1.2s;
top: 50%;
left: 50%
}
.blu-ripple-wave~*[data-v-fe4ffa8e]:not(.blu-ripple-wave) {
position: relative;
z-index: 2
}
.blu-ripple-enter-active[data-v-fe4ffa8e] {
transition: 2s cubic-bezier(0.25, 0.8, 0.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(0.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: rgba(0,0,0,0)
}
.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: rgba(0,0,0,0)
}
.blu-btn[data-v-fe4ffa8e]::-moz-focus-inner {
border: 0
}
.blu-btn[data-v-fe4ffa8e]:active {
outline: none
}
.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(0.4, 0, 0.2, 1);
will-change: background-color,opacity;
content: " "
}
.blu-btn[data-v-fe4ffa8e]:focus-visible {
box-shadow: 0px 0px 0px 4px #000
}
.blu-btn.b-primary[data-v-fe4ffa8e] {
color: #fff;
background-color: #f1ab02;
border-color: #f1ab02
}
.blu-btn.b-primary[data-v-fe4ffa8e]:not(.b-disabled):focus-visible,.blu-btn.b-primary[data-v-fe4ffa8e]:not(.b-disabled):hover,.blu-btn.b-primary:not(.b-disabled).b-active[data-v-fe4ffa8e] {
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[data-v-fe4ffa8e]:not(.b-disabled):focus-visible,.blu-btn.b-secondary[data-v-fe4ffa8e]:not(.b-disabled):hover,.blu-btn.b-secondary:not(.b-disabled).b-active[data-v-fe4ffa8e] {
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[data-v-fe4ffa8e]:not(.b-disabled):focus-visible,.blu-btn.b-white[data-v-fe4ffa8e]:not(.b-disabled):hover,.blu-btn.b-white:not(.b-disabled).b-active[data-v-fe4ffa8e] {
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[data-v-fe4ffa8e]:not(.b-disabled):focus-visible,.blu-btn.b-disabled[data-v-fe4ffa8e]:not(.b-disabled):hover,.blu-btn.b-disabled:not(.b-disabled).b-active[data-v-fe4ffa8e] {
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=submit][data-v-fe4ffa8e]::-moz-focus-inner,input[type=button][data-v-fe4ffa8e]::-moz-focus-inner {
border: 0px
}
button[data-v-fe4ffa8e]:focus,input[type=submit][data-v-fe4ffa8e]:focus,input[type=button][data-v-fe4ffa8e]:focus,input[type=reset][data-v-fe4ffa8e]:focus,a[data-v-fe4ffa8e] {
outline: none
}
a[data-v-fe4ffa8e],a[data-v-fe4ffa8e]:visited,a[data-v-fe4ffa8e]:focus,a[data-v-fe4ffa8e]:active,a[data-v-fe4ffa8e]:hover {
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[data-v-fe4ffa8e]:not(.b-disabled):focus-visible,.blu-btn.b-outline.b-primary[data-v-fe4ffa8e]:not(.b-disabled):hover,.blu-btn.b-outline.b-primary:not(.b-disabled).b-active[data-v-fe4ffa8e] {
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[data-v-fe4ffa8e]:not(.b-disabled):focus-visible,.blu-btn.b-outline.b-secondary[data-v-fe4ffa8e]:not(.b-disabled):hover,.blu-btn.b-outline.b-secondary:not(.b-disabled).b-active[data-v-fe4ffa8e] {
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[data-v-fe4ffa8e]:not(.b-disabled):focus-visible,.blu-btn.b-outline.b-white[data-v-fe4ffa8e]:not(.b-disabled):hover,.blu-btn.b-outline.b-white:not(.b-disabled).b-active[data-v-fe4ffa8e] {
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[data-v-fe4ffa8e]:not(.b-disabled):focus-visible,.blu-btn.b-outline.b-disabled[data-v-fe4ffa8e]:not(.b-disabled):hover,.blu-btn.b-outline.b-disabled:not(.b-disabled).b-active[data-v-fe4ffa8e] {
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: rgba(0,0,0,0)
}
.blu-btn.b-ghost.b-primary[data-v-fe4ffa8e] {
color: #f1ab02;
border-color: rgba(0,0,0,0)
}
.blu-btn.b-ghost.b-primary[data-v-fe4ffa8e]:not(.b-disabled):focus-visible,.blu-btn.b-ghost.b-primary[data-v-fe4ffa8e]:not(.b-disabled):hover,.blu-btn.b-ghost.b-primary:not(.b-disabled).b-active[data-v-fe4ffa8e] {
border-color: rgba(0,0,0,0);
background-color: rgba(227,147,4,.08)
}
.blu-btn.b-ghost.b-secondary[data-v-fe4ffa8e] {
color: #0072ff;
border-color: rgba(0,0,0,0)
}
.blu-btn.b-ghost.b-secondary[data-v-fe4ffa8e]:not(.b-disabled):focus-visible,.blu-btn.b-ghost.b-secondary[data-v-fe4ffa8e]:not(.b-disabled):hover,.blu-btn.b-ghost.b-secondary:not(.b-disabled).b-active[data-v-fe4ffa8e] {
border-color: rgba(0,0,0,0);
background-color: rgba(0,109,234,.08)
}
.blu-btn.b-ghost.b-white[data-v-fe4ffa8e] {
color: #fff;
border-color: rgba(0,0,0,0)
}
.blu-btn.b-ghost.b-white[data-v-fe4ffa8e]:not(.b-disabled):focus-visible,.blu-btn.b-ghost.b-white[data-v-fe4ffa8e]:not(.b-disabled):hover,.blu-btn.b-ghost.b-white:not(.b-disabled).b-active[data-v-fe4ffa8e] {
border-color: rgba(0,0,0,0);
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: rgba(0,0,0,0)
}
.blu-btn.b-ghost.b-white.b-disabled[data-v-fe4ffa8e]:not(.b-disabled):focus-visible,.blu-btn.b-ghost.b-white.b-disabled[data-v-fe4ffa8e]:not(.b-disabled):hover,.blu-btn.b-ghost.b-white.b-disabled:not(.b-disabled).b-active[data-v-fe4ffa8e] {
border-color: rgba(0,0,0,0);
background-color: rgba(0,0,0,0)
}
.blu-btn.b-ghost.b-disabled[data-v-fe4ffa8e] {
color: rgba(25,34,42,.4);
border-color: rgba(0,0,0,0)
}
.blu-btn.b-ghost.b-disabled[data-v-fe4ffa8e]:not(.b-disabled):focus-visible,.blu-btn.b-ghost.b-disabled[data-v-fe4ffa8e]:not(.b-disabled):hover,.blu-btn.b-ghost.b-disabled:not(.b-disabled).b-active[data-v-fe4ffa8e] {
border-color: rgba(0,0,0,0);
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[data-v-fe4ffa8e]:not(.b-disabled):focus-visible,.blu-btn.b-warning[data-v-fe4ffa8e]:not(.b-disabled):hover,.blu-btn.b-warning:not(.b-disabled).b-active[data-v-fe4ffa8e] {
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[data-v-fe4ffa8e]:not(.b-disabled):focus-visible,.blu-btn.b-danger[data-v-fe4ffa8e]:not(.b-disabled):hover,.blu-btn.b-danger:not(.b-disabled).b-active[data-v-fe4ffa8e] {
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.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: 300ms
}
.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: 300ms;
white-space: nowrap;
letter-spacing: 0px
}
.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(0.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(0.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(0.36, 0.07, 0.19, 0.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: 300ms
}
.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: 300ms;
white-space: nowrap;
letter-spacing: 0px
}
.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(0.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(0.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(0.36, 0.07, 0.19, 0.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: 300ms
}
.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: 300ms;
white-space: nowrap;
letter-spacing: 0px
}
.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(0.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(0.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(0.36, 0.07, 0.19, 0.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-top[data-v-0ee5205b],.blu-tooltip.b-right-center[data-v-0ee5205b],.blu-tooltip.b-right-btm[data-v-0ee5205b] {
display: inline-flex
}
.blu-tooltip.b-left-top[data-v-0ee5205b],.blu-tooltip.b-left-center[data-v-0ee5205b],.blu-tooltip.b-left-btm[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: none;
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-left .blu-tooltip__label[data-v-9241c53c]::after,.blu-tooltip.b-top-center .blu-tooltip__label[data-v-9241c53c]::after,.blu-tooltip.b-top-right .blu-tooltip__label[data-v-9241c53c]::after {
bottom: 100%;
border-color: #fff rgba(0,0,0,0) rgba(0,0,0,0) rgba(0,0,0,0)
}
.blu-tooltip.b-right-top .blu-tooltip__label[data-v-9241c53c]::after,.blu-tooltip.b-right-center .blu-tooltip__label[data-v-9241c53c]::after,.blu-tooltip.b-right-btm .blu-tooltip__label[data-v-9241c53c]::after {
top: 4px;
left: 100%;
border-color: rgba(0,0,0,0) #fff rgba(0,0,0,0) rgba(0,0,0,0)
}
.blu-tooltip.b-left-top .blu-tooltip__label[data-v-9241c53c]:after,.blu-tooltip.b-left-center .blu-tooltip__label[data-v-9241c53c]:after,.blu-tooltip.b-left-btm .blu-tooltip__label[data-v-9241c53c]:after {
left: -16px;
top: 4px;
border-color: rgba(0,0,0,0) rgba(0,0,0,0) rgba(0,0,0,0) #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(0.5)
}
25% {
transform: scale(0.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, 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, 0.4, 1.4) .2s
}
.blu-tooltip__close[data-v-1b7c2afb] {
display: none
}
.blu-tooltip.b-top-left .blu-tooltip__label[data-v-1b7c2afb]:after,.blu-tooltip.b-top-center .blu-tooltip__label[data-v-1b7c2afb]:after,.blu-tooltip.b-top-right .blu-tooltip__label[data-v-1b7c2afb]:after,.blu-tooltip.b-btm-left .blu-tooltip__label[data-v-1b7c2afb]:after,.blu-tooltip.b-btm-center .blu-tooltip__label[data-v-1b7c2afb]:after,.blu-tooltip.b-btm-right .blu-tooltip__label[data-v-1b7c2afb]:after {
left: calc(50% - 8px)
}
.blu-tooltip.b-top-center .blu-tooltip__content-wrapper[data-v-1b7c2afb],.blu-tooltip.b-btm-center .blu-tooltip__content-wrapper[data-v-1b7c2afb] {
height: 0
}
}
@media screen and (min-width: 769px)and (min-width: 769px),print {
.blu-tooltip.b-top-center .blu-tooltip__content-wrapper[data-v-1b7c2afb],.blu-tooltip.b-btm-center .blu-tooltip__content-wrapper[data-v-1b7c2afb] {
right:50%
}
}
@media screen and (min-width: 769px),print {
.blu-tooltip.b-top-center .blu-tooltip__content[data-v-1b7c2afb],.blu-tooltip.b-btm-center .blu-tooltip__content[data-v-1b7c2afb] {
margin:auto
}
}
@media screen and (min-width: 769px)and (min-width: 769px),print {
.blu-tooltip.b-top-center .blu-tooltip__content[data-v-1b7c2afb],.blu-tooltip.b-btm-center .blu-tooltip__content[data-v-1b7c2afb] {
margin:auto;
margin-right: -50%
}
}
@media screen and (min-width: 769px),print {
.blu-tooltip.b-top-left .blu-tooltip__content-wrapper[data-v-1b7c2afb],.blu-tooltip.b-top-center .blu-tooltip__content-wrapper[data-v-1b7c2afb],.blu-tooltip.b-top-right .blu-tooltip__content-wrapper[data-v-1b7c2afb] {
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-left .blu-tooltip__content-wrapper[data-v-1b7c2afb],.blu-tooltip.b-btm-center .blu-tooltip__content-wrapper[data-v-1b7c2afb],.blu-tooltip.b-btm-right .blu-tooltip__content-wrapper[data-v-1b7c2afb] {
top: calc(100% + 16px)
}
.blu-tooltip.b-btm-left .blu-tooltip__label[data-v-1b7c2afb]:after,.blu-tooltip.b-btm-center .blu-tooltip__label[data-v-1b7c2afb]:after,.blu-tooltip.b-btm-right .blu-tooltip__label[data-v-1b7c2afb]:after {
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-top .blu-tooltip__content-wrapper[data-v-1b7c2afb],.blu-tooltip.b-right-center .blu-tooltip__content-wrapper[data-v-1b7c2afb],.blu-tooltip.b-right-btm .blu-tooltip__content-wrapper[data-v-1b7c2afb] {
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-top .blu-tooltip__content-wrapper[data-v-1b7c2afb],.blu-tooltip.b-left-center .blu-tooltip__content-wrapper[data-v-1b7c2afb],.blu-tooltip.b-left-btm .blu-tooltip__content-wrapper[data-v-1b7c2afb] {
width: 1px;
left: -17px
}
.blu-tooltip.b-left-top .blu-tooltip__content[data-v-1b7c2afb],.blu-tooltip.b-left-center .blu-tooltip__content[data-v-1b7c2afb],.blu-tooltip.b-left-btm .blu-tooltip__content[data-v-1b7c2afb] {
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, #ffffff 100%, #000000 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(0.25, 0.8, 0.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(0.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: rgba(0,0,0,0)
}
.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, #ffffff 100%, #000000 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(0.25, 0.8, 0.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(0.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: rgba(0,0,0,0)
}
.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, #ffffff 100%, #000000 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(0.25, 0.8, 0.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(0.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: rgba(0,0,0,0)
}
.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: rgba(0,0,0,0)
}
.blu-btn[data-v-19fd2cc7]::-moz-focus-inner {
border: 0
}
.blu-btn[data-v-19fd2cc7]:active {
outline: none
}
.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(0.4, 0, 0.2, 1);
will-change: background-color,opacity;
content: " "
}
.blu-btn[data-v-19fd2cc7]:focus-visible {
box-shadow: 0px 0px 0px 4px #000
}
.blu-btn.b-primary[data-v-19fd2cc7] {
color: #fff;
background-color: #f1ab02;
border-color: #f1ab02
}
.blu-btn.b-primary[data-v-19fd2cc7]:not(.b-disabled):focus-visible,.blu-btn.b-primary[data-v-19fd2cc7]:not(.b-disabled):hover,.blu-btn.b-primary:not(.b-disabled).b-active[data-v-19fd2cc7] {
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[data-v-19fd2cc7]:not(.b-disabled):focus-visible,.blu-btn.b-secondary[data-v-19fd2cc7]:not(.b-disabled):hover,.blu-btn.b-secondary:not(.b-disabled).b-active[data-v-19fd2cc7] {
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[data-v-19fd2cc7]:not(.b-disabled):focus-visible,.blu-btn.b-white[data-v-19fd2cc7]:not(.b-disabled):hover,.blu-btn.b-white:not(.b-disabled).b-active[data-v-19fd2cc7] {
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[data-v-19fd2cc7]:not(.b-disabled):focus-visible,.blu-btn.b-disabled[data-v-19fd2cc7]:not(.b-disabled):hover,.blu-btn.b-disabled:not(.b-disabled).b-active[data-v-19fd2cc7] {
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=submit][data-v-19fd2cc7]::-moz-focus-inner,input[type=button][data-v-19fd2cc7]::-moz-focus-inner {
border: 0px
}
button[data-v-19fd2cc7]:focus,input[type=submit][data-v-19fd2cc7]:focus,input[type=button][data-v-19fd2cc7]:focus,input[type=reset][data-v-19fd2cc7]:focus,a[data-v-19fd2cc7] {
outline: none
}
a[data-v-19fd2cc7],a[data-v-19fd2cc7]:visited,a[data-v-19fd2cc7]:focus,a[data-v-19fd2cc7]:active,a[data-v-19fd2cc7]:hover {
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[data-v-19fd2cc7]:not(.b-disabled):focus-visible,.blu-btn.b-outline.b-primary[data-v-19fd2cc7]:not(.b-disabled):hover,.blu-btn.b-outline.b-primary:not(.b-disabled).b-active[data-v-19fd2cc7] {
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[data-v-19fd2cc7]:not(.b-disabled):focus-visible,.blu-btn.b-outline.b-secondary[data-v-19fd2cc7]:not(.b-disabled):hover,.blu-btn.b-outline.b-secondary:not(.b-disabled).b-active[data-v-19fd2cc7] {
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[data-v-19fd2cc7]:not(.b-disabled):focus-visible,.blu-btn.b-outline.b-white[data-v-19fd2cc7]:not(.b-disabled):hover,.blu-btn.b-outline.b-white:not(.b-disabled).b-active[data-v-19fd2cc7] {
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[data-v-19fd2cc7]:not(.b-disabled):focus-visible,.blu-btn.b-outline.b-disabled[data-v-19fd2cc7]:not(.b-disabled):hover,.blu-btn.b-outline.b-disabled:not(.b-disabled).b-active[data-v-19fd2cc7] {
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: rgba(0,0,0,0)
}
.blu-btn.b-ghost.b-primary[data-v-19fd2cc7] {
color: #f1ab02;
border-color: rgba(0,0,0,0)
}
.blu-btn.b-ghost.b-primary[data-v-19fd2cc7]:not(.b-disabled):focus-visible,.blu-btn.b-ghost.b-primary[data-v-19fd2cc7]:not(.b-disabled):hover,.blu-btn.b-ghost.b-primary:not(.b-disabled).b-active[data-v-19fd2cc7] {
border-color: rgba(0,0,0,0);
background-color: rgba(227,147,4,.08)
}
.blu-btn.b-ghost.b-secondary[data-v-19fd2cc7] {
color: #0072ff;
border-color: rgba(0,0,0,0)
}
.blu-btn.b-ghost.b-secondary[data-v-19fd2cc7]:not(.b-disabled):focus-visible,.blu-btn.b-ghost.b-secondary[data-v-19fd2cc7]:not(.b-disabled):hover,.blu-btn.b-ghost.b-secondary:not(.b-disabled).b-active[data-v-19fd2cc7] {
border-color: rgba(0,0,0,0);
background-color: rgba(0,109,234,.08)
}
.blu-btn.b-ghost.b-white[data-v-19fd2cc7] {
color: #fff;
border-color: rgba(0,0,0,0)
}
.blu-btn.b-ghost.b-white[data-v-19fd2cc7]:not(.b-disabled):focus-visible,.blu-btn.b-ghost.b-white[data-v-19fd2cc7]:not(.b-disabled):hover,.blu-btn.b-ghost.b-white:not(.b-disabled).b-active[data-v-19fd2cc7] {
border-color: rgba(0,0,0,0);
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: rgba(0,0,0,0)
}
.blu-btn.b-ghost.b-white.b-disabled[data-v-19fd2cc7]:not(.b-disabled):focus-visible,.blu-btn.b-ghost.b-white.b-disabled[data-v-19fd2cc7]:not(.b-disabled):hover,.blu-btn.b-ghost.b-white.b-disabled:not(.b-disabled).b-active[data-v-19fd2cc7] {
border-color: rgba(0,0,0,0);
background-color: rgba(0,0,0,0)
}
.blu-btn.b-ghost.b-disabled[data-v-19fd2cc7] {
color: rgba(25,34,42,.4);
border-color: rgba(0,0,0,0)
}
.blu-btn.b-ghost.b-disabled[data-v-19fd2cc7]:not(.b-disabled):focus-visible,.blu-btn.b-ghost.b-disabled[data-v-19fd2cc7]:not(.b-disabled):hover,.blu-btn.b-ghost.b-disabled:not(.b-disabled).b-active[data-v-19fd2cc7] {
border-color: rgba(0,0,0,0);
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[data-v-19fd2cc7]:not(.b-disabled):focus-visible,.blu-btn.b-warning[data-v-19fd2cc7]:not(.b-disabled):hover,.blu-btn.b-warning:not(.b-disabled).b-active[data-v-19fd2cc7] {
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[data-v-19fd2cc7]:not(.b-disabled):focus-visible,.blu-btn.b-danger[data-v-19fd2cc7]:not(.b-disabled):hover,.blu-btn.b-danger:not(.b-disabled).b-active[data-v-19fd2cc7] {
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=search][data-v-12bd13fe],.blu-field input.form__input[type=text][data-v-12bd13fe],.blu-field input.form__input[type=tel][data-v-12bd13fe],.blu-field input.form__input[type=url][data-v-12bd13fe],.blu-field input.form__input[type=password][data-v-12bd13fe] {
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: none
}
.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(0.36, 0.07, 0.19, 0.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: normal;
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-custom svg[data-v-12bd13fe],.blu-field.has-left-icon input.form__input[type=search]~.blu-field__btn .blu-field__btn-close svg[data-v-12bd13fe] {
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-custom svg[data-v-12bd13fe],.blu-field.has-leading-icon input.form__input[type=search]~.blu-field__btn .blu-field__btn-close svg[data-v-12bd13fe],.blu-field.has-leading-icon input.form__input[type=search]~.blu-field__btn .blu-field__leading-icon svg[data-v-12bd13fe] {
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__leading-icon[data-v-12bd13fe],.blu-field.has-no-gap.has-leading-icon.has-placeholder:not(.b-small) .blu-field__btn[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 textarea[data-v-12bd13fe],.blu-field.b-success input[data-v-12bd13fe]:not(:read-only):focus,.blu-field.b-success textarea[data-v-12bd13fe]:not(:read-only):focus,.blu-field.b-success textarea[data-v-12bd13fe]:focus {
border-color: #22a334
}
.blu-field.b-success input.form__input~.blu-field__msg-wrapper .blu-field__msg[data-v-12bd13fe],.blu-field.b-success input.form__input~.blu-field__msg[data-v-12bd13fe],.blu-field.b-success input.form__input~.blu-field__msg-wrapper .blu-field__counter[data-v-12bd13fe],.blu-field.b-success textarea~.blu-field__msg-wrapper .blu-field__msg[data-v-12bd13fe],.blu-field.b-success textarea~.blu-field__msg[data-v-12bd13fe],.blu-field.b-success textarea~.blu-field__msg-wrapper .blu-field__counter[data-v-12bd13fe],.blu-field.b-success input:not(:read-only):focus~.blu-field__msg-wrapper .blu-field__msg[data-v-12bd13fe],.blu-field.b-success input:not(:read-only):focus~.blu-field__msg[data-v-12bd13fe],.blu-field.b-success input:not(:read-only):focus~.blu-field__msg-wrapper .blu-field__counter[data-v-12bd13fe],.blu-field.b-success textarea:not(:read-only):focus~.blu-field__msg-wrapper .blu-field__msg[data-v-12bd13fe],.blu-field.b-success textarea:not(:read-only):focus~.blu-field__msg[data-v-12bd13fe],.blu-field.b-success textarea:not(:read-only):focus~.blu-field__msg-wrapper .blu-field__counter[data-v-12bd13fe],.blu-field.b-success textarea:focus~.blu-field__msg-wrapper .blu-field__msg[data-v-12bd13fe],.blu-field.b-success textarea:focus~.blu-field__msg[data-v-12bd13fe],.blu-field.b-success textarea:focus~.blu-field__msg-wrapper .blu-field__counter[data-v-12bd13fe] {
color: #1c832a
}
.blu-field.b-success input.form__input~.title[data-v-12bd13fe],.blu-field.b-success textarea~.title[data-v-12bd13fe],.blu-field.b-success input:not(:read-only):focus~.title[data-v-12bd13fe],.blu-field.b-success textarea:not(:read-only):focus~.title[data-v-12bd13fe],.blu-field.b-success textarea:focus~.title[data-v-12bd13fe] {
color: #1c832a
}
.blu-field.b-success input.form__input:not(:read-only):focus~label[data-v-12bd13fe],.blu-field.b-success textarea:not(:read-only):focus~label[data-v-12bd13fe],.blu-field.b-success input:not(:read-only):focus:not(:read-only):focus~label[data-v-12bd13fe],.blu-field.b-success textarea:not(:read-only):focus:not(:read-only):focus~label[data-v-12bd13fe],.blu-field.b-success textarea:focus:not(:read-only):focus~label[data-v-12bd13fe] {
color: #1c832a
}
.blu-field.b-danger input[data-v-12bd13fe],.blu-field.b-danger textarea[data-v-12bd13fe],.blu-field.b-danger input[data-v-12bd13fe]:not(:read-only):focus,.blu-field.b-danger textarea[data-v-12bd13fe]:not(:read-only):focus,.blu-field.b-danger textarea[data-v-12bd13fe]:focus {
border-color: #ff4646
}
.blu-field.b-danger input~.blu-field__msg-wrapper .blu-field__msg[data-v-12bd13fe],.blu-field.b-danger input~.blu-field__msg[data-v-12bd13fe],.blu-field.b-danger input~.blu-field__msg-wrapper .blu-field__counter[data-v-12bd13fe],.blu-field.b-danger textarea~.blu-field__msg-wrapper .blu-field__msg[data-v-12bd13fe],.blu-field.b-danger textarea~.blu-field__msg[data-v-12bd13fe],.blu-field.b-danger textarea~.blu-field__msg-wrapper .blu-field__counter[data-v-12bd13fe],.blu-field.b-danger input:not(:read-only):focus~.blu-field__msg-wrapper .blu-field__msg[data-v-12bd13fe],.blu-field.b-danger input:not(:read-only):focus~.blu-field__msg[data-v-12bd13fe],.blu-field.b-danger input:not(:read-only):focus~.blu-field__msg-wrapper .blu-field__counter[data-v-12bd13fe],.blu-field.b-danger textarea:not(:read-only):focus~.blu-field__msg-wrapper .blu-field__msg[data-v-12bd13fe],.blu-field.b-danger textarea:not(:read-only):focus~.blu-field__msg[data-v-12bd13fe],.blu-field.b-danger textarea:not(:read-only):focus~.blu-field__msg-wrapper .blu-field__counter[data-v-12bd13fe],.blu-field.b-danger textarea:focus~.blu-field__msg-wrapper .blu-field__msg[data-v-12bd13fe],.blu-field.b-danger textarea:focus~.blu-field__msg[data-v-12bd13fe],.blu-field.b-danger textarea:focus~.blu-field__msg-wrapper .blu-field__counter[data-v-12bd13fe] {
color: #e93c3c
}
.blu-field.b-danger input~.title[data-v-12bd13fe],.blu-field.b-danger textarea~.title[data-v-12bd13fe],.blu-field.b-danger input:not(:read-only):focus~.title[data-v-12bd13fe],.blu-field.b-danger textarea:not(:read-only):focus~.title[data-v-12bd13fe],.blu-field.b-danger textarea:focus~.title[data-v-12bd13fe] {
color: #e93c3c
}
.blu-field.b-danger input:not(:read-only):focus~label[data-v-12bd13fe],.blu-field.b-danger textarea:not(:read-only):focus~label[data-v-12bd13fe],.blu-field.b-danger input:not(:read-only):focus:not(:read-only):focus~label[data-v-12bd13fe],.blu-field.b-danger textarea:not(:read-only):focus:not(:read-only):focus~label[data-v-12bd13fe],.blu-field.b-danger textarea:focus:not(:read-only):focus~label[data-v-12bd13fe] {
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 input.form__input[data-v-12bd13fe],.b-disabled textarea[data-v-12bd13fe],.b-disabled label[data-v-12bd13fe],.b-disabled .blu-field__btn *[data-v-12bd13fe] {
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=text][data-v-12bd13fe],.b-small input.form__input[type=tel][data-v-12bd13fe],.b-small input.form__input[type=url][data-v-12bd13fe],.b-small input.form__input[type=password][data-v-12bd13fe] {
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=text]~.blu-field__leading-icon[data-v-12bd13fe],.b-small input.form__input[type=tel]~.blu-field__leading-icon[data-v-12bd13fe],.b-small input.form__input[type=url]~.blu-field__leading-icon[data-v-12bd13fe],.b-small input.form__input[type=password]~.blu-field__leading-icon[data-v-12bd13fe] {
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__leading-icon svg[data-v-12bd13fe],.b-small.has-placeholder .blu-field__btn 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-custom[data-v-12bd13fe],.b-small.has-leading-icon .blu-field__btn-close[data-v-12bd13fe],.b-small.has-leading-icon .blu-field__leading-icon[data-v-12bd13fe] {
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: 0px;
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__plus[data-v-1e7baa58],.blu-input-stepper__minus[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 0px 0px 0px 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, #ffffff 100%, #000000 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(0.25, 0.8, 0.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(0.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: rgba(0,0,0,0)
}
.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, #ffffff 100%, #000000 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(0.25, 0.8, 0.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(0.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: rgba(0,0,0,0)
}
.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, #ffffff 100%, #000000 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(0.25, 0.8, 0.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(0.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: rgba(0,0,0,0)
}
.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: rgba(0,0,0,0)
}
.blu-btn[data-v-19fd2cc7]::-moz-focus-inner {
border: 0
}
.blu-btn[data-v-19fd2cc7]:active {
outline: none
}
.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(0.4, 0, 0.2, 1);
will-change: background-color,opacity;
content: " "
}
.blu-btn[data-v-19fd2cc7]:focus-visible {
box-shadow: 0px 0px 0px 4px #000
}
.blu-btn.b-primary[data-v-19fd2cc7] {
color: #fff;
background-color: #f1ab02;
border-color: #f1ab02
}
.blu-btn.b-primary[data-v-19fd2cc7]:not(.b-disabled):focus-visible,.blu-btn.b-primary[data-v-19fd2cc7]:not(.b-disabled):hover,.blu-btn.b-primary:not(.b-disabled).b-active[data-v-19fd2cc7] {
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[data-v-19fd2cc7]:not(.b-disabled):focus-visible,.blu-btn.b-secondary[data-v-19fd2cc7]:not(.b-disabled):hover,.blu-btn.b-secondary:not(.b-disabled).b-active[data-v-19fd2cc7] {
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[data-v-19fd2cc7]:not(.b-disabled):focus-visible,.blu-btn.b-white[data-v-19fd2cc7]:not(.b-disabled):hover,.blu-btn.b-white:not(.b-disabled).b-active[data-v-19fd2cc7] {
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[data-v-19fd2cc7]:not(.b-disabled):focus-visible,.blu-btn.b-disabled[data-v-19fd2cc7]:not(.b-disabled):hover,.blu-btn.b-disabled:not(.b-disabled).b-active[data-v-19fd2cc7] {
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=submit][data-v-19fd2cc7]::-moz-focus-inner,input[type=button][data-v-19fd2cc7]::-moz-focus-inner {
border: 0px
}
button[data-v-19fd2cc7]:focus,input[type=submit][data-v-19fd2cc7]:focus,input[type=button][data-v-19fd2cc7]:focus,input[type=reset][data-v-19fd2cc7]:focus,a[data-v-19fd2cc7] {
outline: none
}
a[data-v-19fd2cc7],a[data-v-19fd2cc7]:visited,a[data-v-19fd2cc7]:focus,a[data-v-19fd2cc7]:active,a[data-v-19fd2cc7]:hover {
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[data-v-19fd2cc7]:not(.b-disabled):focus-visible,.blu-btn.b-outline.b-primary[data-v-19fd2cc7]:not(.b-disabled):hover,.blu-btn.b-outline.b-primary:not(.b-disabled).b-active[data-v-19fd2cc7] {
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[data-v-19fd2cc7]:not(.b-disabled):focus-visible,.blu-btn.b-outline.b-secondary[data-v-19fd2cc7]:not(.b-disabled):hover,.blu-btn.b-outline.b-secondary:not(.b-disabled).b-active[data-v-19fd2cc7] {
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[data-v-19fd2cc7]:not(.b-disabled):focus-visible,.blu-btn.b-outline.b-white[data-v-19fd2cc7]:not(.b-disabled):hover,.blu-btn.b-outline.b-white:not(.b-disabled).b-active[data-v-19fd2cc7] {
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[data-v-19fd2cc7]:not(.b-disabled):focus-visible,.blu-btn.b-outline.b-disabled[data-v-19fd2cc7]:not(.b-disabled):hover,.blu-btn.b-outline.b-disabled:not(.b-disabled).b-active[data-v-19fd2cc7] {
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: rgba(0,0,0,0)
}
.blu-btn.b-ghost.b-primary[data-v-19fd2cc7] {
color: #f1ab02;
border-color: rgba(0,0,0,0)
}
.blu-btn.b-ghost.b-primary[data-v-19fd2cc7]:not(.b-disabled):focus-visible,.blu-btn.b-ghost.b-primary[data-v-19fd2cc7]:not(.b-disabled):hover,.blu-btn.b-ghost.b-primary:not(.b-disabled).b-active[data-v-19fd2cc7] {
border-color: rgba(0,0,0,0);
background-color: rgba(227,147,4,.08)
}
.blu-btn.b-ghost.b-secondary[data-v-19fd2cc7] {
color: #0072ff;
border-color: rgba(0,0,0,0)
}
.blu-btn.b-ghost.b-secondary[data-v-19fd2cc7]:not(.b-disabled):focus-visible,.blu-btn.b-ghost.b-secondary[data-v-19fd2cc7]:not(.b-disabled):hover,.blu-btn.b-ghost.b-secondary:not(.b-disabled).b-active[data-v-19fd2cc7] {
border-color: rgba(0,0,0,0);
background-color: rgba(0,109,234,.08)
}
.blu-btn.b-ghost.b-white[data-v-19fd2cc7] {
color: #fff;
border-color: rgba(0,0,0,0)
}
.blu-btn.b-ghost.b-white[data-v-19fd2cc7]:not(.b-disabled):focus-visible,.blu-btn.b-ghost.b-white[data-v-19fd2cc7]:not(.b-disabled):hover,.blu-btn.b-ghost.b-white:not(.b-disabled).b-active[data-v-19fd2cc7] {
border-color: rgba(0,0,0,0);
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: rgba(0,0,0,0)
}
.blu-btn.b-ghost.b-white.b-disabled[data-v-19fd2cc7]:not(.b-disabled):focus-visible,.blu-btn.b-ghost.b-white.b-disabled[data-v-19fd2cc7]:not(.b-disabled):hover,.blu-btn.b-ghost.b-white.b-disabled:not(.b-disabled).b-active[data-v-19fd2cc7] {
border-color: rgba(0,0,0,0);
background-color: rgba(0,0,0,0)
}
.blu-btn.b-ghost.b-disabled[data-v-19fd2cc7] {
color: rgba(25,34,42,.4);
border-color: rgba(0,0,0,0)
}
.blu-btn.b-ghost.b-disabled[data-v-19fd2cc7]:not(.b-disabled):focus-visible,.blu-btn.b-ghost.b-disabled[data-v-19fd2cc7]:not(.b-disabled):hover,.blu-btn.b-ghost.b-disabled:not(.b-disabled).b-active[data-v-19fd2cc7] {
border-color: rgba(0,0,0,0);
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[data-v-19fd2cc7]:not(.b-disabled):focus-visible,.blu-btn.b-warning[data-v-19fd2cc7]:not(.b-disabled):hover,.blu-btn.b-warning:not(.b-disabled).b-active[data-v-19fd2cc7] {
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[data-v-19fd2cc7]:not(.b-disabled):focus-visible,.blu-btn.b-danger[data-v-19fd2cc7]:not(.b-disabled):hover,.blu-btn.b-danger:not(.b-disabled).b-active[data-v-19fd2cc7] {
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: 0px
}
</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: 0px 0px 0px 4px #000;
outline: none
}
</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, #ffffff 100%, #000000 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(0.25, 0.8, 0.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(0.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: rgba(0,0,0,0)
}
.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, #ffffff 100%, #000000 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(0.25, 0.8, 0.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(0.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: rgba(0,0,0,0)
}
.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, #ffffff 100%, #000000 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(0.25, 0.8, 0.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(0.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: rgba(0,0,0,0)
}
.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: rgba(0,0,0,0)
}
.blu-btn[data-v-19fd2cc7]::-moz-focus-inner {
border: 0
}
.blu-btn[data-v-19fd2cc7]:active {
outline: none
}
.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(0.4, 0, 0.2, 1);
will-change: background-color,opacity;
content: " "
}
.blu-btn[data-v-19fd2cc7]:focus-visible {
box-shadow: 0px 0px 0px 4px #000
}
.blu-btn.b-primary[data-v-19fd2cc7] {
color: #fff;
background-color: #f1ab02;
border-color: #f1ab02
}
.blu-btn.b-primary[data-v-19fd2cc7]:not(.b-disabled):focus-visible,.blu-btn.b-primary[data-v-19fd2cc7]:not(.b-disabled):hover,.blu-btn.b-primary:not(.b-disabled).b-active[data-v-19fd2cc7] {
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[data-v-19fd2cc7]:not(.b-disabled):focus-visible,.blu-btn.b-secondary[data-v-19fd2cc7]:not(.b-disabled):hover,.blu-btn.b-secondary:not(.b-disabled).b-active[data-v-19fd2cc7] {
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[data-v-19fd2cc7]:not(.b-disabled):focus-visible,.blu-btn.b-white[data-v-19fd2cc7]:not(.b-disabled):hover,.blu-btn.b-white:not(.b-disabled).b-active[data-v-19fd2cc7] {
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[data-v-19fd2cc7]:not(.b-disabled):focus-visible,.blu-btn.b-disabled[data-v-19fd2cc7]:not(.b-disabled):hover,.blu-btn.b-disabled:not(.b-disabled).b-active[data-v-19fd2cc7] {
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=submit][data-v-19fd2cc7]::-moz-focus-inner,input[type=button][data-v-19fd2cc7]::-moz-focus-inner {
border: 0px
}
button[data-v-19fd2cc7]:focus,input[type=submit][data-v-19fd2cc7]:focus,input[type=button][data-v-19fd2cc7]:focus,input[type=reset][data-v-19fd2cc7]:focus,a[data-v-19fd2cc7] {
outline: none
}
a[data-v-19fd2cc7],a[data-v-19fd2cc7]:visited,a[data-v-19fd2cc7]:focus,a[data-v-19fd2cc7]:active,a[data-v-19fd2cc7]:hover {
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[data-v-19fd2cc7]:not(.b-disabled):focus-visible,.blu-btn.b-outline.b-primary[data-v-19fd2cc7]:not(.b-disabled):hover,.blu-btn.b-outline.b-primary:not(.b-disabled).b-active[data-v-19fd2cc7] {
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[data-v-19fd2cc7]:not(.b-disabled):focus-visible,.blu-btn.b-outline.b-secondary[data-v-19fd2cc7]:not(.b-disabled):hover,.blu-btn.b-outline.b-secondary:not(.b-disabled).b-active[data-v-19fd2cc7] {
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[data-v-19fd2cc7]:not(.b-disabled):focus-visible,.blu-btn.b-outline.b-white[data-v-19fd2cc7]:not(.b-disabled):hover,.blu-btn.b-outline.b-white:not(.b-disabled).b-active[data-v-19fd2cc7] {
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[data-v-19fd2cc7]:not(.b-disabled):focus-visible,.blu-btn.b-outline.b-disabled[data-v-19fd2cc7]:not(.b-disabled):hover,.blu-btn.b-outline.b-disabled:not(.b-disabled).b-active[data-v-19fd2cc7] {
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: rgba(0,0,0,0)
}
.blu-btn.b-ghost.b-primary[data-v-19fd2cc7] {
color: #f1ab02;
border-color: rgba(0,0,0,0)
}
.blu-btn.b-ghost.b-primary[data-v-19fd2cc7]:not(.b-disabled):focus-visible,.blu-btn.b-ghost.b-primary[data-v-19fd2cc7]:not(.b-disabled):hover,.blu-btn.b-ghost.b-primary:not(.b-disabled).b-active[data-v-19fd2cc7] {
border-color: rgba(0,0,0,0);
background-color: rgba(227,147,4,.08)
}
.blu-btn.b-ghost.b-secondary[data-v-19fd2cc7] {
color: #0072ff;
border-color: rgba(0,0,0,0)
}
.blu-btn.b-ghost.b-secondary[data-v-19fd2cc7]:not(.b-disabled):focus-visible,.blu-btn.b-ghost.b-secondary[data-v-19fd2cc7]:not(.b-disabled):hover,.blu-btn.b-ghost.b-secondary:not(.b-disabled).b-active[data-v-19fd2cc7] {
border-color: rgba(0,0,0,0);
background-color: rgba(0,109,234,.08)
}
.blu-btn.b-ghost.b-white[data-v-19fd2cc7] {
color: #fff;
border-color: rgba(0,0,0,0)
}
.blu-btn.b-ghost.b-white[data-v-19fd2cc7]:not(.b-disabled):focus-visible,.blu-btn.b-ghost.b-white[data-v-19fd2cc7]:not(.b-disabled):hover,.blu-btn.b-ghost.b-white:not(.b-disabled).b-active[data-v-19fd2cc7] {
border-color: rgba(0,0,0,0);
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: rgba(0,0,0,0)
}
.blu-btn.b-ghost.b-white.b-disabled[data-v-19fd2cc7]:not(.b-disabled):focus-visible,.blu-btn.b-ghost.b-white.b-disabled[data-v-19fd2cc7]:not(.b-disabled):hover,.blu-btn.b-ghost.b-white.b-disabled:not(.b-disabled).b-active[data-v-19fd2cc7] {
border-color: rgba(0,0,0,0);
background-color: rgba(0,0,0,0)
}
.blu-btn.b-ghost.b-disabled[data-v-19fd2cc7] {
color: rgba(25,34,42,.4);
border-color: rgba(0,0,0,0)
}
.blu-btn.b-ghost.b-disabled[data-v-19fd2cc7]:not(.b-disabled):focus-visible,.blu-btn.b-ghost.b-disabled[data-v-19fd2cc7]:not(.b-disabled):hover,.blu-btn.b-ghost.b-disabled:not(.b-disabled).b-active[data-v-19fd2cc7] {
border-color: rgba(0,0,0,0);
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[data-v-19fd2cc7]:not(.b-disabled):focus-visible,.blu-btn.b-warning[data-v-19fd2cc7]:not(.b-disabled):hover,.blu-btn.b-warning:not(.b-disabled).b-active[data-v-19fd2cc7] {
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[data-v-19fd2cc7]:not(.b-disabled):focus-visible,.blu-btn.b-danger[data-v-19fd2cc7]:not(.b-disabled):hover,.blu-btn.b-danger:not(.b-disabled).b-active[data-v-19fd2cc7] {
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, #ffffff 100%, #000000 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(0.25, 0.8, 0.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(0.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: rgba(0,0,0,0)
}
.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: 0px
}
}
.blu-modal__body[data-v-7172f8fc] {
max-height: var(--max-height-modal-body);
overflow-x: auto;
color: rgba(25,34,42,.7019607843);
margin-right: 0px;
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]:before,.blu-modal.b-dialog .blu-modal__container[data-v-7172f8fc]:after {
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, 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, 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, 0.2, 1.2);
bottom: 0
}
.blu-modal.b-page.fade-enter-active[data-v-7172f8fc] {
transition: opacity .3s cubic-bezier(0, 0, 0.2, 1.2)
}
.blu-modal.b-page.fade-leave-active[data-v-7172f8fc] {
transition: opacity .3s cubic-bezier(0.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: 0px
}
}
</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, #ffffff 100%, #000000 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(0.25, 0.8, 0.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(0.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: rgba(0,0,0,0)
}
.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: 0px
}
}
.blu-modal__body[data-v-c206562a] {
max-height: var(--max-height-modal-body);
overflow-x: auto;
color: rgba(25,34,42,.7019607843);
margin-right: 0px;
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]:before,.blu-modal.b-dialog .blu-modal__container[data-v-c206562a]:after {
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, 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, 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, 0.2, 1.2);
bottom: 0
}
.blu-modal.b-page.fade-enter-active[data-v-c206562a] {
transition: opacity .3s cubic-bezier(0, 0, 0.2, 1.2)
}
.blu-modal.b-page.fade-leave-active[data-v-c206562a] {
transition: opacity .3s cubic-bezier(0.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, #ffffff 100%, #000000 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(0.25, 0.8, 0.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(0.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: rgba(0,0,0,0)
}
.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: 0px
}
}
.blu-modal__body[data-v-65e7601e] {
max-height: var(--max-height-modal-body);
overflow-x: auto;
color: rgba(25,34,42,.7019607843);
margin-right: 0px;
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]:before,.blu-modal.b-dialog .blu-modal__container[data-v-65e7601e]:after {
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, 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, 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, 0.2, 1.2);
bottom: 0
}
.blu-modal.b-page.fade-enter-active[data-v-65e7601e] {
transition: opacity .3s cubic-bezier(0, 0, 0.2, 1.2)
}
.blu-modal.b-page.fade-leave-active[data-v-65e7601e] {
transition: opacity .3s cubic-bezier(0.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, #ffffff 100%, #000000 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(0.25, 0.8, 0.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(0.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: rgba(0,0,0,0)
}
.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: 0px
}
}
.blu-modal__body[data-v-6ada375c] {
max-height: var(--max-height-modal-body);
overflow-x: auto;
color: rgba(25,34,42,.7019607843);
margin-right: 0px;
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]:before,.blu-modal.b-dialog .blu-modal__container[data-v-6ada375c]:after {
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, 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, 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, 0.2, 1.2);
bottom: 0
}
.blu-modal.b-page.fade-enter-active[data-v-6ada375c] {
transition: opacity .3s cubic-bezier(0, 0, 0.2, 1.2)
}
.blu-modal.b-page.fade-leave-active[data-v-6ada375c] {
transition: opacity .3s cubic-bezier(0.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: none;
display: flex;
color: rgba(25,34,42,.7019607843);
font: 16px/20px "blibli",-apple-system,segoe ui,roboto,helvetica,arial,sans-serif;
padding: 22px 0px;
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 0px;
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(0.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[data-v-2ff01c43],.tabs.b-centered-primary[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-primary[data-v-2ff01c43],.tabs.b-centered-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-primary~.tabs__control .tabs__control-next[data-v-2ff01c43],.tabs.b-primary~.tabs__control .tabs__control-prev[data-v-2ff01c43],.tabs.b-centered-primary~.tabs__control .tabs__control-next[data-v-2ff01c43],.tabs.b-centered-primary~.tabs__control .tabs__control-prev[data-v-2ff01c43] {
top:0
}
}
.tabs.b-primary .slider[data-v-2ff01c43],.tabs.b-centered-primary .slider[data-v-2ff01c43] {
display: none
}
.tabs.b-primary a[data-v-2ff01c43],.tabs.b-centered-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-primary a[data-v-2ff01c43]:hover:after,.tabs.b-centered-primary a[data-v-2ff01c43]:hover:after {
border-bottom: none
}
.tabs.b-primary a[data-v-2ff01c43]:not(:last-child),.tabs.b-centered-primary a[data-v-2ff01c43]:not(:last-child) {
margin-right: 8px
}
.tabs.b-primary a.b-active[data-v-2ff01c43],.tabs.b-centered-primary a.b-active[data-v-2ff01c43] {
color: #fff;
background-color: #1d8fff
}
.tabs.b-primary a.b-active svg[data-v-2ff01c43],.tabs.b-centered-primary a.b-active svg[data-v-2ff01c43] {
color: #fff
}
.tabs.b-primary a.b-active .blu-label[data-v-2ff01c43],.tabs.b-centered-primary a.b-active .blu-label[data-v-2ff01c43] {
background-color: #fff;
color: #0072ff
}
.tabs.b-primary a.b-active[data-v-2ff01c43]:hover,.tabs.b-centered-primary a.b-active[data-v-2ff01c43]:hover {
background-color: #0072ff
}
.tabs.b-primary a.b-disabled[data-v-2ff01c43],.tabs.b-centered-primary a.b-disabled[data-v-2ff01c43] {
color: rgba(25,34,42,.4)
}
.tabs.b-primary a[data-v-2ff01c43]:not(.b-disabled):not(.b-active):hover,.tabs.b-centered-primary a[data-v-2ff01c43]:not(.b-disabled):not(.b-active):hover {
background-color: #f1f2f2
}
.tabs.b-primary a[data-v-2ff01c43]:focus-visible,.tabs.b-centered-primary a[data-v-2ff01c43]:focus-visible {
color: #0072ff;
box-shadow: 0px 0px 0px 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-prev[data-v-2ff01c43],.tabs__control-next[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-prev div[data-v-2ff01c43],.tabs__control-next 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, 0.2, 1.2)
}
.tabs__control-prev div[data-v-2ff01c43]::after,.tabs__control-next 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: none;
display: flex;
color: rgba(25,34,42,.7019607843);
font: 16px/20px "blibli",-apple-system,segoe ui,roboto,helvetica,arial,sans-serif;
padding: 22px 0px;
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 0px;
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(0.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[data-v-c5343270],.tabs.b-centered-primary[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-primary[data-v-c5343270],.tabs.b-centered-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-primary~.tabs__control .tabs__control-next[data-v-c5343270],.tabs.b-primary~.tabs__control .tabs__control-prev[data-v-c5343270],.tabs.b-centered-primary~.tabs__control .tabs__control-next[data-v-c5343270],.tabs.b-centered-primary~.tabs__control .tabs__control-prev[data-v-c5343270] {
top:0
}
}
.tabs.b-primary .slider[data-v-c5343270],.tabs.b-centered-primary .slider[data-v-c5343270] {
display: none
}
.tabs.b-primary a[data-v-c5343270],.tabs.b-centered-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-primary a[data-v-c5343270]:hover:after,.tabs.b-centered-primary a[data-v-c5343270]:hover:after {
border-bottom: none
}
.tabs.b-primary a[data-v-c5343270]:not(:last-child),.tabs.b-centered-primary a[data-v-c5343270]:not(:last-child) {
margin-right: 8px
}
.tabs.b-primary a.b-active[data-v-c5343270],.tabs.b-centered-primary a.b-active[data-v-c5343270] {
color: #fff;
background-color: #1d8fff
}
.tabs.b-primary a.b-active svg[data-v-c5343270],.tabs.b-centered-primary a.b-active svg[data-v-c5343270] {
color: #fff
}
.tabs.b-primary a.b-active .blu-label[data-v-c5343270],.tabs.b-centered-primary a.b-active .blu-label[data-v-c5343270] {
background-color: #fff;
color: #0072ff
}
.tabs.b-primary a.b-active[data-v-c5343270]:hover,.tabs.b-centered-primary a.b-active[data-v-c5343270]:hover {
background-color: #0072ff
}
.tabs.b-primary a.b-disabled[data-v-c5343270],.tabs.b-centered-primary a.b-disabled[data-v-c5343270] {
color: rgba(25,34,42,.4)
}
.tabs.b-primary a[data-v-c5343270]:not(.b-disabled):not(.b-active):hover,.tabs.b-centered-primary a[data-v-c5343270]:not(.b-disabled):not(.b-active):hover {
background-color: #f1f2f2
}
.tabs.b-primary a[data-v-c5343270]:focus-visible,.tabs.b-centered-primary a[data-v-c5343270]:focus-visible {
color: #0072ff;
box-shadow: 0px 0px 0px 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-prev[data-v-c5343270],.tabs__control-next[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-prev div[data-v-c5343270],.tabs__control-next 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, 0.2, 1.2)
}
.tabs__control-prev div[data-v-c5343270]::after,.tabs__control-next 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%20PERMEN4D %20link PERMEN4D %20Trolley%20link PERMEN4D %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--highlight[data-v-5f0af726],html:not([dark]) .blu-loader-general__asset--base[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--highlight[data-v-5f0af726],html[dark] .blu-loader-general__asset--base[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: none;
cursor: pointer;
font-family: Blibli,-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif;
padding: 0
}
html:not([dark]) input[type=submit][data-v-498b5b0a]::-moz-focus-inner,html:not([dark]) input[type=button][data-v-498b5b0a]::-moz-focus-inner {
border: 0px
}
html:not([dark]) button[data-v-498b5b0a]:focus,html:not([dark]) input[type=submit][data-v-498b5b0a]:focus,html:not([dark]) input[type=button][data-v-498b5b0a]:focus,html:not([dark]) input[type=reset][data-v-498b5b0a]:focus,html:not([dark]) a[data-v-498b5b0a] {
outline: none
}
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[data-v-498b5b0a]:active:hover:not(.b-disabled),html:not([dark]) .blu-button:active.b-hover[data-v-498b5b0a]:not(.b-disabled) {
transform: scale(.875)
}
html:not([dark]) .blu-button[data-v-498b5b0a]:focus-visible {
outline: none
}
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]:hover:not(.b-disabled),html:not([dark]) .blu-button.b-primary.b-common[data-v-498b5b0a]:active:not(.b-disabled),html:not([dark]) .blu-button.b-primary.b-common[data-v-498b5b0a]:focus-visible:not(.b-disabled) {
--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]:hover:not(.b-disabled),html:not([dark]) .blu-button.b-primary.b-danger[data-v-498b5b0a]:active:not(.b-disabled),html:not([dark]) .blu-button.b-primary.b-danger[data-v-498b5b0a]:focus-visible:not(.b-disabled) {
--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]:hover:not(.b-disabled),html:not([dark]) .blu-button.b-primary.b-inverted[data-v-498b5b0a]:active:not(.b-disabled),html:not([dark]) .blu-button.b-primary.b-inverted[data-v-498b5b0a]:focus-visible:not(.b-disabled) {
--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]:hover:not(.b-disabled),html:not([dark]) .blu-button.b-secondary.b-common[data-v-498b5b0a]:active:not(.b-disabled),html:not([dark]) .blu-button.b-secondary.b-common[data-v-498b5b0a]:focus-visible:not(.b-disabled) {
--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]:hover:not(.b-disabled),html:not([dark]) .blu-button.b-secondary.b-danger[data-v-498b5b0a]:active:not(.b-disabled),html:not([dark]) .blu-button.b-secondary.b-danger[data-v-498b5b0a]:focus-visible:not(.b-disabled) {
--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]:hover:not(.b-disabled),html:not([dark]) .blu-button.b-secondary.b-inverted[data-v-498b5b0a]:active:not(.b-disabled),html:not([dark]) .blu-button.b-secondary.b-inverted[data-v-498b5b0a]:focus-visible:not(.b-disabled) {
--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]:hover:not(.b-disabled),html:not([dark]) .blu-button.b-tertiary.b-common[data-v-498b5b0a]:active:not(.b-disabled),html:not([dark]) .blu-button.b-tertiary.b-common[data-v-498b5b0a]:focus-visible:not(.b-disabled) {
--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]:hover:not(.b-disabled),html:not([dark]) .blu-button.b-tertiary.b-danger[data-v-498b5b0a]:active:not(.b-disabled),html:not([dark]) .blu-button.b-tertiary.b-danger[data-v-498b5b0a]:focus-visible:not(.b-disabled) {
--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]:hover:not(.b-disabled),html:not([dark]) .blu-button.b-tertiary.b-inverted[data-v-498b5b0a]:active:not(.b-disabled),html:not([dark]) .blu-button.b-tertiary.b-inverted[data-v-498b5b0a]:focus-visible:not(.b-disabled) {
--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: none;
cursor: pointer;
font-family: Blibli,-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif;
padding: 0
}
html[dark] input[type=submit][data-v-498b5b0a]::-moz-focus-inner,html[dark] input[type=button][data-v-498b5b0a]::-moz-focus-inner {
border: 0px
}
html[dark] button[data-v-498b5b0a]:focus,html[dark] input[type=submit][data-v-498b5b0a]:focus,html[dark] input[type=button][data-v-498b5b0a]:focus,html[dark] input[type=reset][data-v-498b5b0a]:focus,html[dark] a[data-v-498b5b0a] {
outline: none
}
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[data-v-498b5b0a]:active:hover:not(.b-disabled),html[dark] .blu-button:active.b-hover[data-v-498b5b0a]:not(.b-disabled) {
transform: scale(.875)
}
html[dark] .blu-button[data-v-498b5b0a]:focus-visible {
outline: none
}
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]:hover:not(.b-disabled),html[dark] .blu-button.b-primary.b-common[data-v-498b5b0a]:active:not(.b-disabled),html[dark] .blu-button.b-primary.b-common[data-v-498b5b0a]:focus-visible:not(.b-disabled) {
--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]:hover:not(.b-disabled),html[dark] .blu-button.b-primary.b-danger[data-v-498b5b0a]:active:not(.b-disabled),html[dark] .blu-button.b-primary.b-danger[data-v-498b5b0a]:focus-visible:not(.b-disabled) {
--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]:hover:not(.b-disabled),html[dark] .blu-button.b-primary.b-inverted[data-v-498b5b0a]:active:not(.b-disabled),html[dark] .blu-button.b-primary.b-inverted[data-v-498b5b0a]:focus-visible:not(.b-disabled) {
--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]:hover:not(.b-disabled),html[dark] .blu-button.b-secondary.b-common[data-v-498b5b0a]:active:not(.b-disabled),html[dark] .blu-button.b-secondary.b-common[data-v-498b5b0a]:focus-visible:not(.b-disabled) {
--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]:hover:not(.b-disabled),html[dark] .blu-button.b-secondary.b-danger[data-v-498b5b0a]:active:not(.b-disabled),html[dark] .blu-button.b-secondary.b-danger[data-v-498b5b0a]:focus-visible:not(.b-disabled) {
--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]:hover:not(.b-disabled),html[dark] .blu-button.b-secondary.b-inverted[data-v-498b5b0a]:active:not(.b-disabled),html[dark] .blu-button.b-secondary.b-inverted[data-v-498b5b0a]:focus-visible:not(.b-disabled) {
--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]:hover:not(.b-disabled),html[dark] .blu-button.b-tertiary.b-common[data-v-498b5b0a]:active:not(.b-disabled),html[dark] .blu-button.b-tertiary.b-common[data-v-498b5b0a]:focus-visible:not(.b-disabled) {
--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]:hover:not(.b-disabled),html[dark] .blu-button.b-tertiary.b-danger[data-v-498b5b0a]:active:not(.b-disabled),html[dark] .blu-button.b-tertiary.b-danger[data-v-498b5b0a]:focus-visible:not(.b-disabled) {
--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]:hover:not(.b-disabled),html[dark] .blu-button.b-tertiary.b-inverted[data-v-498b5b0a]:active:not(.b-disabled),html[dark] .blu-button.b-tertiary.b-inverted[data-v-498b5b0a]:focus-visible:not(.b-disabled) {
--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://www.beezab.com/" />
<link rel="amphtml" href="https://game4permen4d.com/amp/" />
<meta data-vue-meta="2" data-vmid="description" name="description" content="Ingin kantong tebal dalam sekejap? Coba keberuntunganmu di Permen4d! Situs slot gacor dengan pembayaran tercepat dan pelayanan 24 jam.">
<meta data-vue-meta="2" data-vmid="keywords" name="keywords" content="Permen4d , permen 4d, link permen4d, Permen4d resmi, situs permen4d, Login Permen4d, Link alternatif permen4d">
<meta data-vue-meta="2" data-vmid="og:title" property="og:title" content="Permen4d: Slot Gacor Abis, Bikin Kantong Tebal!">
<meta data-vue-meta="2" data-vmid="og:description" property="og:description" content="Ingin kantong tebal dalam sekejap? Coba keberuntunganmu di Permen4d! Situs slot gacor dengan pembayaran tercepat dan pelayanan 24 jam.">
<meta data-vue-meta="2" data-vmid="og:url" property="og:url" content="https://www.beezab.com/" />
<meta data-vue-meta="2" data-vmid="og:image" property="og:image" content="https://ik.imagekit.io/zafy4soqy/permen4d-menang-manis.png?updatedAt=1741960044217">
<meta data-vue-meta="2" data-vmid="og:image:secure_url" property="og:image:secure_url" content="https://ik.imagekit.io/zafy4soqy/permen4d-menang-manis.png?updatedAt=1741960044217">
<meta data-vue-meta="2" data-vmid="twitter:title" name="twitter:title" content="Permen4d: Slot Gacor Abis, Bikin Kantong Tebal!">
<meta data-vue-meta="2" data-vmid="twitter:description" name="twitter:description" content="Ingin kantong tebal dalam sekejap? Coba keberuntunganmu di Permen4d! Situs slot gacor dengan pembayaran tercepat dan pelayanan 24 jam.">
<meta data-vue-meta="2" data-vmid="twitter:url" name="twitter:url" content="https://www.beezab.com/" />
<meta data-vue-meta="2" data-vmid="twitter:image" name="twitter:image" content="https://ik.imagekit.io/zafy4soqy/permen4d-menang-manis.png?updatedAt=1741960044217">
<style>
*[data-v-580f03f0],*[data-v-580f03f0]:before,*[data-v-580f03f0]:after {
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-top .blu-modal[data-v-580f03f0],html:not([dark]) .b-drawer.b-desktop-bottom .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-top .blu-modal[data-v-580f03f0],html[dark] .b-drawer.b-desktop-bottom .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: none
}
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: none
}
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]:before,*[data-v-ee0005ae]:after {
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--highlight[data-v-5f0af726],html:not([dark]) .blu-loader-general__asset--base[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--highlight[data-v-5f0af726],html[dark] .blu-loader-general__asset--base[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: none
}
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]:before,html:not([dark]) .blu-checkbox__container .blu-checkbox__container-asset[data-v-03e81a59]:after {
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]:before,html:not([dark]) .blu-checkbox input[type=checkbox]:checked~.blu-checkbox__icon .blu-checkbox__container-asset[data-v-03e81a59]:after {
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]:before,html:not([dark]) .blu-checkbox.b-small .blu-checkbox__container-asset[data-v-03e81a59]:after {
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]:before,html:not([dark]) .blu-checkbox.b-small input[type=checkbox]:checked~.blu-checkbox__icon .blu-checkbox__container-asset[data-v-03e81a59]:after {
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]:before,html:not([dark]) .blu-checkbox.b-small.b-partial .blu-checkbox__container-asset[data-v-03e81a59]:after {
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]:before,html:not([dark]) .blu-checkbox.b-partial .blu-checkbox__container-asset[data-v-03e81a59]:after {
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]:before,html:not([dark]) .blu-checkbox.b-partial input[type=checkbox]:indeterminate+.blu-checkbox__icon .blu-checkbox__container-asset[data-v-03e81a59]:after {
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: none
}
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]:before,html[dark] .blu-checkbox__container .blu-checkbox__container-asset[data-v-03e81a59]:after {
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]:before,html[dark] .blu-checkbox input[type=checkbox]:checked~.blu-checkbox__icon .blu-checkbox__container-asset[data-v-03e81a59]:after {
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]:before,html[dark] .blu-checkbox.b-small .blu-checkbox__container-asset[data-v-03e81a59]:after {
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]:before,html[dark] .blu-checkbox.b-small input[type=checkbox]:checked~.blu-checkbox__icon .blu-checkbox__container-asset[data-v-03e81a59]:after {
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]:before,html[dark] .blu-checkbox.b-small.b-partial .blu-checkbox__container-asset[data-v-03e81a59]:after {
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]:before,html[dark] .blu-checkbox.b-partial .blu-checkbox__container-asset[data-v-03e81a59]:after {
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]:before,html[dark] .blu-checkbox.b-partial input[type=checkbox]:indeterminate+.blu-checkbox__icon .blu-checkbox__container-asset[data-v-03e81a59]:after {
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--highlight[data-v-5f0af726],html:not([dark]) .blu-loader-general__asset--base[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--highlight[data-v-5f0af726],html[dark] .blu-loader-general__asset--base[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: none
}
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: none
}
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-right[data-v-0fc385f6],html:not([dark]) .blu-list__container-chevron-left[data-v-0fc385f6] {
display: flex;
padding: 4px 0;
cursor: pointer;
transition: all .4s ease;
height: fit-content
}
html:not([dark]) .blu-list__container-chevron-right[data-v-0fc385f6] svg,html:not([dark]) .blu-list__container-chevron-left[data-v-0fc385f6] svg {
color: #797f85
}
html:not([dark]) .blu-list__container-chevron-right[data-v-0fc385f6]:focus-visible,html:not([dark]) .blu-list__container-chevron-left[data-v-0fc385f6]:focus-visible {
outline: none;
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: none
}
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-label[data-v-0fc385f6],html:not([dark]) .blu-list.b-disabled .blu-list__content-desc[data-v-0fc385f6],html:not([dark]) .blu-list.b-disabled .blu-list__content-additional-label[data-v-0fc385f6] {
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-right[data-v-0fc385f6],html[dark] .blu-list__container-chevron-left[data-v-0fc385f6] {
display: flex;
padding: 4px 0;
cursor: pointer;
transition: all .4s ease;
height: fit-content
}
html[dark] .blu-list__container-chevron-right[data-v-0fc385f6] svg,html[dark] .blu-list__container-chevron-left[data-v-0fc385f6] svg {
color: #acb0b4
}
html[dark] .blu-list__container-chevron-right[data-v-0fc385f6]:focus-visible,html[dark] .blu-list__container-chevron-left[data-v-0fc385f6]:focus-visible {
outline: none;
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-label[data-v-0fc385f6],html[dark] .blu-list__content-additional-desc[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: none
}
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-label[data-v-0fc385f6],html[dark] .blu-list.b-disabled .blu-list__content-desc[data-v-0fc385f6],html[dark] .blu-list.b-disabled .blu-list__content-additional-label[data-v-0fc385f6] {
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%
}
}
.trade-in[data-v-8418f747],.installation[data-v-c1955da8],.insurance[data-v-1c85a326],.cash-on-delivery[data-v-8c111c2e],.wholesale[data-v-c41b49cd],.subscription[data-v-6563e336] {
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(0.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(0.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(0.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(0.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(0.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(0.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(0.75)
}
}
.blu-ticker__close[data-v-e275b4e8]:focus-visible {
box-shadow: 0px 0px 0px 4px #000;
outline: none
}
.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(0.75)
}
}
.blu-ticker__close[data-v-5f386d2a]:focus-visible {
box-shadow: 0px 0px 0px 4px #000;
outline: none
}
.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(0.75)
}
}
.blu-ticker__close[data-v-c29289ca]:focus-visible {
box-shadow: 0px 0px 0px 4px #000;
outline: none
}
.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, #ffffff 100%, #000000 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(0.25, 0.8, 0.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(0.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: rgba(0,0,0,0)
}
.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 rgba(0,0,0,0);
border-radius: 50%;
transition: .4s cubic-bezier(0.25, 0.8, 0.25, 1);
border-color: #c8cbcd
}
.blu-radio .blu-radio-container[data-v-589e2bdd]:focus {
outline: none
}
.blu-radio .blu-radio-container[data-v-589e2bdd]::before,.blu-radio .blu-radio-container[data-v-589e2bdd]::after {
position: absolute;
transition: .4s cubic-bezier(0.55, 0, 0.55, 0.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(0.38, 0.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(0.25, 0.8, 0.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, 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: none
}
.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, rgb(255, 255, 255) 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, rgb(241, 241, 241) 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: normal;
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: 0px 0px 0px 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, rgb(255, 255, 255) 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, rgb(241, 241, 241) 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, rgb(224, 224, 224) 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(0.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: 0px 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: 0px 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: none;
box-shadow: 0px 0px 0px 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: none
}
.blu-list__item.b-disabled[data-v-1b6a2c38] {
cursor: not-allowed;
opacity: .5
}
.blu-list__item.b-disabled[data-v-1b6a2c38]:focus-visible {
outline: none
}
.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: 0px;
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__item-icon[data-v-1b6a2c38],.has-left-icon .blu-list__content-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: none;
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: 0px 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: 0px 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: none;
box-shadow: 0px 0px 0px 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: none
}
.blu-list__item.b-disabled[data-v-313621ef] {
cursor: not-allowed;
opacity: .5
}
.blu-list__item.b-disabled[data-v-313621ef]:focus-visible {
outline: none
}
.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: 0px;
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__item-icon[data-v-313621ef],.has-left-icon .blu-list__content-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: 0px 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: 0px 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: none;
box-shadow: 0px 0px 0px 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: none
}
.blu-list__item.b-disabled[data-v-eb2a42e4] {
cursor: not-allowed;
opacity: .5
}
.blu-list__item.b-disabled[data-v-eb2a42e4]:focus-visible {
outline: none
}
.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: 0px;
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__item-icon[data-v-eb2a42e4],.has-left-icon .blu-list__content-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 0px;
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-cheapest[data-v-5f0401da],html:not([dark]) .blu-product-badge.b-best-selling[data-v-5f0401da],html:not([dark]) .blu-product-badge.b-people-see[data-v-5f0401da] {
--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-promo-countdown[data-v-5f0401da],html:not([dark]) .blu-product-badge.b-flash-sale[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-promo-countdown .blu-product-badge__icon[data-v-5f0401da],html:not([dark]) .blu-product-badge.b-flash-sale .blu-product-badge__icon[data-v-5f0401da] {
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-cheapest[data-v-5f0401da],html[dark] .blu-product-badge.b-best-selling[data-v-5f0401da],html[dark] .blu-product-badge.b-people-see[data-v-5f0401da] {
--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-promo-countdown[data-v-5f0401da],html[dark] .blu-product-badge.b-flash-sale[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-promo-countdown .blu-product-badge__icon[data-v-5f0401da],html[dark] .blu-product-badge.b-flash-sale .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%20PERMEN4D %20link PERMEN4D %20Trolley%20link PERMEN4D %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%20PERMEN4D %20link PERMEN4D %20Trolley%20link PERMEN4D %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%20PERMEN4D %20link PERMEN4D %20Trolley%20link PERMEN4D %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: rgb(255, 255, 255); top: 0px; position: fixed; right: 0px; left: 0px; line-height: 1em; z-index: 2147483647;" class="responsive-wrapper" role="dialog" aria-label="App promotion banner">
<div style="padding:0.6em 0px" role="button" tabindex="0">
<div style="display:grid;grid-template-columns:9% 61% 30%">
<div style="margin:1.2em 0px 0px 0.8em">
<div style="justify-content:center;display:flex">
<div style="width:fit-content;height:fit-content;display:flex;padding:0.2em" data-af-close-button="true" role="button" tabindex="0" aria-label="Close banner" data-qa-id="close-button">
<svg style="border-radius:50%;width:2.2em;height:2.2em;padding:0.2em;background-color:rgba(255, 255, 255, 0)" viewBox="0 0 24 24" fill="none">
<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:0.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://ik.imagekit.io/zafy4soqy/favicon.webp?updatedAt=1732632595065" 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:0.2em 1em"></div>
<div style="margin:0.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">PERMEN4D</span>
</div>
</div>
</div>
<div style="margin:0.1em 1em 0"></div>
</div>
</div>
<div style="margin:0.6em 1em 0px 0em">
<a href="https://t.ly/refpermenjel">
<div style="justify-content:center;display:flex;width:100%">
<div style="border-color:rgba(255, 255, 255, 0);border-style:solid;border-radius:0.7em;background-color:rgba(0, 114, 255, 1);height:3.7em;border-width:0.1em;display:inline-flex;align-items:center;justify-content:center;width:100%;box-shadow:none">
<button type="button" data-role="cta" data-qa-id="cta-button" data-af-cta-button="true" style="line-height:1em;font-size:1.3em;font-family:Cairo;font-weight:700;color:rgba(255, 255, 255, 1);text-transform:none;word-break:break-word;height:100%;width:100%;margin:0px 0.7em;background:transparent;padding:0px;border:transparent" data-af-custom-fonts="af-creatives-text" data-af-cta-url="zuu">BUKA APP</button>
</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#11726462657e7c74633f7270637451737d78737d783f727e7c" 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="05667076716a6860772b666477604567696c67696c2b666a68">[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="https://t.ly/refpermenjel" target="" class="link hover-gray font-medium">Situs PERMEN4D </a>
<a data-v-31c4755a="" href="https://t.ly/refpermenjel" target="_blank" class="link hover-gray font-medium">RTP PERMEN4D </a>
<a data-v-31c4755a="" href="https://t.ly/refpermenjel" class="link hover-gray font-medium">Bonus PERMEN4D </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="https://www.beezab.com/">
<img data-v-ebaad72a="" data-v-f03a55b3="" src="https://ik.imagekit.io/zafy4soqy/permen.png?updatedAt=1732632595267" data-src="https://www.static-src.com/frontend/static/img/logo-blibli-blue.0f340eba.svg" alt="Blibli - online mall" class="lazyImage" width="150" height="75" 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="https://www.beezab.com/" 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://ik.imagekit.io/zafy4soqy/button-daftar-disini.gif?updatedAt=1735302122171" 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"> SLOT ONLINE </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"> PERMEN4D </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"> SLOT PERMEN4D </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"> PERMEN4D GACOR </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="Permen4d: Slot Gacor Abis, Bikin Kantong Tebal!" class="item-name">Permen4d: Slot Gacor Abis, Bikin Kantong Tebal! </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://ik.imagekit.io/zafy4soqy/permen4d-menang-manis.png?updatedAt=1741960044217); background-size: contain; background-repeat: no-repeat; background-position: 50% 50%; background-color: rgb(255, 255, 255); height: 500px; width: 500px;">
<!---->
</div>
<!---->
</div>
</div>
</div>
<a href="https://t.ly/refpermenjel" rel="nofollow noopener" target="_blank">
<img src="https://ik.imagekit.io/zafy4soqy/button-daftar-disini.gif?updatedAt=1735302122171" width="60%" height="60%" alt="">
</a>
<div class="next-slick next-slick-outer next-slick-horizontal item-gallery-slider"></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">Rp10.000</span>
</div>
<!---->
<div data-v-cbaafdc0="" class="strikethrough-price">
<span data-v-cbaafdc0="" class="product-price__before clickable">Rp100.000</span>
<div data-v-4cd4e6d8="" data-v-cbaafdc0="" class="blu-badge b-secondary b-red clickable">
<!---->
<span data-v-4cd4e6d8="">90%</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 Rp1.000/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">Permen4d: Slot Gacor Abis, Bikin Kantong Tebal! </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 Rp10.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%20xmlns='http://www.w3.org/2000/svg'%20width='32'%20height='32'%20fill='none'%3e%3cpath%20fill='%230072FF'%20d='M15.9933%206.76643c-2.9067%200-5.5867.95334-7.32665%201.75334l-.18667.08666v8.63337c0%20.4266.08667.8333.25333%201.2.8%201.7333%202.78669%204.94%207.12669%206.9666l.1333.0667.1333-.0667c4.34-2.0266%206.3267-5.2333%207.1267-6.9666.1667-.3734.2533-.7734.2533-1.2V8.59977L23.32%208.5131c-1.74-.8-4.42-1.75333-7.3267-1.75333v.00666Zm5.6533%205.87997-5.46%207.0934c-.3666.4733-1.0533.56-1.5266.1933-.04-.0333-.06-.06-.12-.1067l-3.6734-4.7333c-.3666-.4733-.28-1.16.1934-1.5267.48-.3733%201.16-.28%201.5266.1934l2.7267%203.54%204.6133-5.98c.3667-.4734%201.0534-.56%201.5267-.1934.4733.3667.56%201.0467.1933%201.52Z'/%3e%3cpath%20fill='%23fff'%20d='M7.51318%207.99964v9.24666c0%20.5667.12%201.1133.34667%201.6067.90667%201.9666%203.16665%205.5666%208.14665%207.6866%204.98-2.12%207.24-5.72%208.1467-7.6866.2266-.4934.3466-1.0334.3466-1.6067V7.99964c-1.44-.73334-4.7933-2.20667-8.4866-2.20667-3.6934%200-7.04668%201.47333-8.48668%202.20667h-.01334Zm16.00002.60666v8.6333c0%20.4267-.0867.8334-.2534%201.2-.8%201.7334-2.7866%204.94-7.1266%206.9667l-.1334.0667-.1333-.0667c-4.3467-2.0267-6.32665-5.2333-7.12665-6.9667-.16667-.3666-.25333-.7666-.25333-1.2V8.59964l.18666-.08667c1.74002-.8%204.42002-1.75333%207.32662-1.75333%202.9067%200%205.5867.95333%207.3267%201.75333l.1867.08667v.00666Z'/%3e%3cpath%20fill='%23fff'%20d='M8.73291%2018.4395c.8%201.7333%202.77999%204.94%207.12669%206.9666-4.34-2.0266-6.32669-5.2333-7.12669-6.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">PERMEN4D </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">SLOT ONLINE</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>
</div>
<div data-v-7c02e076="" data-v-26904eb7="" class="features">
<div data-v-7c02e076="" class="product-features">
<div data-v-7c02e076="">
<p><a href="https://www.beezab.com/"><strong>Permen4d</strong></a> salah satu web slot daring yang terpercaya serta terkenal di Indonesia. Menyajikan bermacam mode slot yang sangat seru, situs ini sangat cocok bagi kalian yang mencari hiburan sekaligus peluang dalam meraih keuntungan besar.</p>
<p>Menjadi salah satu situs terbesar, Permen4d slot menyajikan beraneka ragam mode slot gacor dimana RTP yang dimiliki sangatlah tinggi, sehingga potensi meraih kemenangan sangat tinggi. Tidak hanya itu, Adanya bonus serta jekpot yang melimpah menambah kebahagiaan saat bermain.</p>
<h2>Apa saja keunggulan dari situs Permen4d?</h2>
<p>Selain mempunyai koleksi mode slot terlengkap, situs permen4d juga memberikan proses transaksi yang cepat serta aman, juga layanan pelanggan yang selalu membantu tanpa henti. Dengan demikian, Bettor pasti bermain tanpa rasa khawatir sedikit pun.</p>
<p>Daftar sekarang di <a href="https://www.beezab.com/"><strong>Permen4d</strong></a> serta rasakan sensasi permainan slot paling menguntungkan di Indonesia!</p></div>
</div>
</div>
<!---->
</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">
<a href="https://t.ly/refpermenjel" class="care-item-anchor"> <img data-v-e70e6627="" src="https://ik.imagekit.io/zafy4soqy/favicon.webp?updatedAt=1732632595065?w=8" loading="lazy" fetchpriority="low" data-src="https://ik.imagekit.io/zafy4soqy/favicon.webp?updatedAt=1732632595065" alt="PERMEN4D ">
</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">PERMEN4D </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">85% </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>
<div data-v-df1c64bc="" class="bag-retail__product">
<img data-v-df1c64bc="" src="https://ik.imagekit.io/zafy4soqy/permen4d-menang-manis.png?updatedAt=1741960044217" alt="product-figure" class="thumbnail">
<div data-v-df1c64bc="" class="thumbnail__icon">
<!---->
</div>
<span data-v-df1c64bc="" title="Permen4d: Slot Gacor Abis, Bikin Kantong Tebal!" class="name">Permen4d: Slot Gacor Abis, Bikin Kantong Tebal! </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">Rp10.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>
</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": "situs PERMEN4D ",
"item": "https://www.blibli.com/c1/peralatan-elektronik/54650"
},
{
"@type": "ListItem",
"position": 3,
"name": "PERMEN4D ",
"item": "https://www.blibli.com/c2/audio/AU-1000001"
},
{
"@type": "ListItem",
"position": 4,
"name": "link PERMEN4D ",
"item": "https://www.blibli.com/c3/speaker/SP-1000006"
},
{
"@type": "ListItem",
"position": 5,
"name": "agen PERMEN4D ",
"item": "https://www.blibli.com/c4/active-speaker/AC-1000005"
},
{
"@type": "ListItem",
"position": 6,
"name": "PERMEN4D ",
"item": "https://www.beezab.com/"
}
]
}</script>
<script data-v-efe038fa="" type="application/ld+json">
{
"@context": "https://schema.org",
"@type": "Store",
"name": "PERMEN4D ",
"image": "https://ik.imagekit.io/zafy4soqy/favicon.webp?updatedAt=1732632595065",
"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://ik.imagekit.io/zafy4soqy/permen4d-menang-manis.png?updatedAt=1741960044217",
"@type": "Product",
"url": "https://www.beezab.com/",
"name": "PERMEN4D ",
"sku": "ELP-60049-00553",
"@context": "https://schema.org",
"category": "PERMEN4D , situs PERMEN4D , link PERMEN4D , agen PERMEN4D ",
"brand": {
"@type": "Brand",
"name": "PERMEN4D ",
"url": "/brand/PERMEN4D "
},
"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: 0px; width: 280px; z-index: 9;">
<a href="https://t.ly/refpermenjel"><img id="livechat-image-button" src="" alt="customer-care-button" style="position: fixed; right: 0px; 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: 0px; left: 0px; 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://www.beezab.com/",
"itemSku": "ELP-60049-00553-00002",
"name": "PERMEN4D ",
"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": "Ingin kantong tebal dalam sekejap? Coba keberuntunganmu di Permen4d! Situs slot gacor dengan pembayaran tercepat dan pelayanan 24 jam.",
"ampUrl": "https://www.blibli.com/amphttps://www.beezab.com/",
"price": {
"listed": 1005000,
"listDiscount": 0,
"offered": 1005000,
"totalDiscount": 0
},
"brand": {
"name": "PERMEN4D ",
"code": "niko",
"official": false,
"anchor": ""
},
"images": [{
"full": "https://ik.imagekit.io/zafy4soqy/permen4d-menang-manis.png?updatedAt=1741960044217",
"thumbnail": "https://ik.imagekit.io/zafy4soqy/permen4d-menang-manis.png?updatedAt=1741960044217"
}, {
"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": "situs PERMEN4D ",
"url": "/c1/peralatan-elektronik/54650"
}, {
"level": 2,
"id": "AU-1000001",
"name": "PERMEN4D ",
"url": "/c2/audio/AU-1000001"
}, {
"level": 3,
"id": "SP-1000006",
"name": "link PERMEN4D ",
"url": "/c3/speaker/SP-1000006"
}, {
"level": 4,
"id": "AC-1000005",
"name": "agen PERMEN4D ",
"url": "/c4/active-speaker/AC-1000005"
}],
"multiSalesCategories": [[{
"level": 1,
"id": "54650",
"name": "situs PERMEN4D ",
"url": "/c1/peralatan-elektronik/54650"
}, {
"level": 2,
"id": "AU-1000001",
"name": "PERMEN4D ",
"url": "/c2/audio/AU-1000001"
}, {
"level": 3,
"id": "SP-1000006",
"name": "link PERMEN4D ",
"url": "/c3/speaker/SP-1000006"
}, {
"level": 4,
"id": "AC-1000005",
"name": "agen PERMEN4D ",
"url": "/c4/active-speaker/AC-1000005"
}]],
"masterCategories": [{
"level": 1,
"id": "PE-1000360",
"name": "situs PERMEN4D ",
"url": "/c/1/peralatan-elektronik/PE-1000360/PE-1000360"
}, {
"level": 2,
"id": "AU-1000040",
"name": "PERMEN4D ",
"url": "/c/2/audio/AU-1000040/PE-1000360"
}, {
"level": 3,
"id": "SP-1000054",
"name": "link PERMEN4D ",
"url": "/c/3/speaker/SP-1000054/PE-1000360"
}, {
"level": 4,
"id": "AC-1000046",
"name": "agen PERMEN4D ",
"url": "/c/4/active-speaker/AC-1000046/PE-1000360"
}],
"merchant": {
"name": "PERMEN4D ",
"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://ik.imagekit.io/zafy4soqy/favicon.webp?updatedAt=1732632595065",
"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 __vitePluginPublicPath_addScriptTag(attributes, inlineScriptCode) {
var script = document.createElement("script");
if (attributes)
for (var key in attributes)
script.setAttribute(key, attributes[key]);
script.async = false;
if (inlineScriptCode)
script.src = "data:text/javascript," + inlineScriptCode;
document.body.appendChild(script);
}
__vitePluginPublicPath_addScriptTag({
"type": "module",
"crossorigin": "",
"src": window['_main_staticPublicPath']() + "static\u002Fjs\u002Findex.5457813a.js"
});
__vitePluginPublicPath_addScriptTag({
"nomodule": ""
}, "!function(){var e=document,t=e.createElement(\"script\");if(!(\"noModule\"in t)&&\"onbeforeload\"in t){var n=!1;e.addEventListener(\"beforeload\",(function(e){if(e.target===t)n=!0;else if(!e.target.hasAttribute(\"nomodule\")||!n)return;e.preventDefault()}),!0),t.type=\"module\",t.src=\".\",e.head.appendChild(t),t.remove()}}();");
__vitePluginPublicPath_addScriptTag({
"nomodule": "",
"crossorigin": "",
"id": "vite-legacy-polyfill",
"src": window['_main_staticPublicPath']() + "static\u002Fjs\u002Fpolyfills-legacy.6afda422.js"
});
__vitePluginPublicPath_addScriptTag({
"nomodule": "",
"crossorigin": "",
"id": "vite-legacy-entry",
"data-src": window['_main_staticPublicPath']() + "static\u002Fjs\u002Findex-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 type="text/javascript" id="">
var hoTransactionId = hoGetURLParameterAT("trans")
, hoOfferId = hoGetURLParameterAT("offer")
, hoDocName = "HOTSID"
, hoDataExpired = hoCookieSetGojekGoMall();
null !== hoTransactionId && hoSetCookieAT(hoDocName, hoTransactionId + "," + hoOfferId, hoDataExpired);
function hoGetURLParameterAT(a) {
return decodeURIComponent(((new RegExp("[?|\x26]" + a + "\x3d([^\x26;]+?)(\x26|#|;|$)")).exec(location.search) || [, ""])[1].replace(/\+/g, "%20")) || null
}
function hoSetCookieAT(a, b, c) {
c = "expires\x3d" + c;
document.cookie = a + "\x3d" + b + "; " + c + "; domain\x3d.blibli.com; path\x3d/"
}
function hoCalculateExpireDateAT(a) {
var b = new Date;
b.setTime(b.getTime() + 864E5 * a);
b.toUTCString();
return b
}
;</script>
<script type="text/javascript" id="">
!function(b, e, f, g, a, c, d) {
b.fbq || (a = b.fbq = function() {
a.callMethod ? a.callMethod.apply(a, arguments) : a.queue.push(arguments)
}
,
b._fbq || (b._fbq = a),
a.push = a,
a.loaded = !0,
a.version = "2.0",
a.queue = [],
c = e.createElement(f),
c.async = !0,
c.src = g,
d = e.getElementsByTagName(f)[0],
d.parentNode.insertBefore(c, d));
</script>
<style>
.apps-support.push-title {
visibility: hidden !important;
}
</style>
<script type="text/javascript" id="">
var _spapi = _spapi || [];
_spapi.push(["_partner", "blibli"]);
setTimeout(function() {
var a = document.createElement("script");
a.type = "text/javascript";
a.async = !0;
a.src = ("https:" == document.location.protocol ? "https://" : "http://") + "blibli.api.useinsider.com/ins.js?id\x3d10001129";
var b = document.getElementsByTagName("script")[0];
b.parentNode.insertBefore(a, b)
}, 300);
</script>
<link rel="preconnect" href="https://dev.visualwebsiteoptimizer.com">
<script type="text/javascript" id="vwoCode">
window._vwo_code = window._vwo_code || function() {
var p = 426670
, g = 1.5
, q = 2E3
, r = 2500
, t = !1
, u = 1
, h = ""
, k = ""
, f = !1
, l = window
, c = document
, m = c.querySelector("#vwoCode")
, e = {
use_existing_jquery: function() {
return t
},
library_tolerance: function() {
return r
},
hide_element_style: function() {
return "{" + k + "}"
},
finish: function() {
if (!f) {
f = !0;
var b = c.getElementById("_vis_opt_path_hides");
b && b.parentNode.removeChild(b)
}
},
finished: function() {
return f
},
load: function(b) {
var a = c.createElement("script");
a.fetchPriority = "high";
a.src = b;
a.type = "text/javascript";
a.onerror = function() {
_vwo_code.finish()
}
;
c.getElementsByTagName("head")[0].appendChild(a)
},
getVersion: function() {
return g
},
getMatchedCookies: function(b) {
var a = [];
document.cookie && (a = document.cookie.match(b) || []);
return a
},
getCombinationCookie: function() {
var b = e.getMatchedCookies(/(?:^|;)\s?(_vis_opt_exp_\d+_combi=[^;$]*)/gi);
b = b.map(function(d) {
try {
var n = decodeURIComponent(d);
return /_vis_opt_exp_\d+_combi=(?:\d+,?)+\s*$/.test(n) ? n : ""
} catch (v) {
return ""
}
});
var a = [];
b.forEach(function(d) {
(d = d.match(/([\d,]+)/g)) && a.push(d.join("-"))
});
return a.join("|")
},
init: function() {
if (!(-1 < c.URL.indexOf("__vwo_disable__"))) {
l.settings_timer = setTimeout(function() {
_vwo_code.finish()
}, q);
var b = c.currentScript
, a = c.createElement("style");
b = b && !b.async ? h ? h + "{" + k + "}" : "" : e.lA = 1;
var d = c.getElementsByTagName("head")[0];
a.setAttribute("id", "_vis_opt_path_hides");
m && a.setAttribute("nonce", m.nonce);
a.setAttribute("type", "text/css");
a.styleSheet ? a.styleSheet.cssText = b : a.appendChild(c.createTextNode(b));
d.appendChild(a);
a = this.getCombinationCookie();
this.load("https://dev.visualwebsiteoptimizer.com/j.php?a\x3d" + p + "\x26u\x3d" + encodeURIComponent(c.URL) + "\x26f\x3d" + +u + "\x26vn\x3d" + g + (a ? "\x26c\x3d" + a : ""));
return settings_timer
}
}
};
l._vwo_settings_timer = e.init();
return e
}();
</script>
<script type="text/javascript" id="">
(function(g, e, a, f, b, c, d) {
b.ire_o = a;
b[a] = b[a] || function() {
(b[a].a = b[a].a || []).push(arguments)
}
;
c = f.createElement(e);
d = f.getElementsByTagName(e)[0];
c.async = 1;
c.src = g;
d.parentNode.insertBefore(c, d)
}
)("https://utt.impactcdn.com/A4103922-694c-4259-836a-1c467d2df1c71.js", "script", "ire", document, window);
</script>
<script type="text/javascript" id="">
if (typeof AF !== "undefined") {
var headerBlank = document.getElementsByClassName("blank_header")[0]
, appsflyerBanner = document.getElementsByClassName("responsive-wrapper");
headerBlank && appsflyerBanner.length && headerBlank.style.removeProperty("display");
AF("banners", "hideBanner")
}
;</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%20PERMEN4D %20link PERMEN4D %20Trolley%20link PERMEN4D %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>
<iframe height="0" width="0" aria-hidden="true" alt="" style="pointer-events: none; height: 0px; width: 0px; position: absolute; padding: 0px; margin: 0px; border: 0px; visibility: hidden;"></iframe>
<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 a = "10867"
, c = {};
a = a = {
clientId: Number(a)
};
var b = window["lotame_" + a.clientId] = {};
b.config = a;
b.data = c || {};
b.cmd = b.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(a, g, l, n, m, b, c, d) {
a.moengage_object = m;
t = {};
q = function(e) {
return function() {
(a.moengage_q = a.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"]
};
for (k in f)
t[f[k]] = q(f[k]);
b = g.createElement(l);
c = g.getElementsByTagName(l)[0];
b.async = 1;
b.src = n;
c.parentNode.insertBefore(b, c);
a.moe = a.moe || function(e) {
d = e;
return t
}
;
b.onload = function() {
d && (a[m] = moe(d))
}
}
)(window, document, "script", "https://cdn.moengage.com/webpush/moe_webSdk.min.latest.js", "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(c, a, b) {
document.cookie = c + "\x3d" + (a ? ";path\x3d" + a : "") + (b ? ";domain\x3d" + b : "") + ";expires\x3dThu, 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="">
function _slicedToArray(a, d) {
return _arrayWithHoles(a) || _iterableToArrayLimit(a, d) || _unsupportedIterableToArray(a, d) || _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(a, d) {
if (a) {
if (typeof a === "string")
return _arrayLikeToArray(a, d);
var b = Object.prototype.toString.call(a).slice(8, -1);
b === "Object" && a.constructor && (b = a.constructor.name);
if (b === "Map" || b === "Set")
return Array.from(a);
if (b === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(b))
return _arrayLikeToArray(a, d)
}
}
function _arrayLikeToArray(a, d) {
if (d == null || d > a.length)
d = a.length;
for (var b = 0, e = Array(d); b < d; b++)
e[b] = a[b];
return e
}
function _iterableToArrayLimit(a, d) {
var b = a == null ? null : typeof Symbol !== "undefined" && a[Symbol.iterator] || a["@@iterator"];
if (b != null) {
var e = [], m = !0, n = !1, h;
try {
for (b = b.call(a); !(m = (h = b.next()).done) && (e.push(h.value),
!d || e.length !== d); m = !0)
;
} catch (r) {
n = !0;
var l = r
} finally {
try {
if (!m && b["return"] != null)
b["return"]()
} finally {
if (n)
throw l;
}
}
return e
}
}
function _arrayWithHoles(a) {
if (Array.isArray(a))
return a
}
(function() {
function a(c, f) {
var k = document.createElement(c);
Object.entries(f).forEach(function(g) {
var p = _slicedToArray(g, 2);
g = p[0];
p = p[1];
k[g] = p
});
d(k, f.style);
return k
}
function d(c, f) {
Object.entries(f || {}).forEach(function(k) {
var g = _slicedToArray(k, 2);
k = g[0];
g = g[1];
c.style[k] = g
})
}
function b() {
window.addEventListener("message", function(c) {
c = c.data;
c && c.id != v ? c && c.id === r && (window[l].style.display = "none",
q = window[h].src = "") : (window[l].style.display = "none",
q = "MINIMIZED")
})
}
function e() {
window.addEventListener("message", function(c) {})
}
function m() {
window[l].style.display = "block";
q == "MINIMIZED" ? q = "" : window[h].src = w
}
function n() {
if (!(window[h] || window.innerWidth <= 1030)) {
var c = a("div", x)
, f = a("iframe", y);
c.appendChild(f);
document.body.appendChild(c);
c = a("div", z);
f = a("img", A);
c.appendChild(f);
document.getElementById("main-ui-wrapper").appendChild(c);
window[u].addEventListener("click", m);
b();
e()
}
}
var h = "blibli-cs-livechat-iframe"
, l = "livechat-iFrame-wrapper"
, r = "blibli.livechat.close"
, v = "blibli.livechat.minimize"
, B = ""
, w = "/customer-care/live-chat/"
, u = "livechat-openChat-button"
, q = ""
, C = "livechat-image-button"
, x = {
id: l,
style: {
display: "none",
position: "fixed",
bottom: "0",
right: "15px",
zIndex: "9"
}
}
, y = {
id: h,
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%)"
}
}
, z = {
id: u,
style: {
border: "none",
cursor: "pointer",
position: "fixed",
bottom: "23px",
right: "0px",
width: "280px",
zIndex: "9"
}
}
, t = "0%";
window.location.pathname.includes("/p/") && (t = "68px");
window.innerWidth <= 1030 && (t = "41px");
var A = {
id: C,
src: B,
alt: "customer-care-button",
style: {
position: "fixed",
right: "0px",
zIndex: "10",
bottom: t,
marginBottom: "25px",
height: "67px"
}
};
n()
}
)();
</script>
<div id="livechat-iFrame-wrapper" style="display: none; position: fixed; bottom: 0px; right: 15px; z-index: 9;">
<iframe id="blibli-cs-livechat-iframe" style="background-color: white; border: none; max-width: 375px; height: 500px; width: 360px; border-radius: 5px; box-shadow: rgba(0, 0, 0, 0.2) 0px 4px 8px 0px, rgba(0, 0, 0, 0.19) 0px 6px 20px 0px;"></iframe>
</div>
<script type="text/javascript" id="">
(function() {
var a = document.createElement("script");
a.type = "text/javascript";
a.async = !0;
a.src = "https://c.o-s.io/115069/tracker.js";
var b = document.getElementsByTagName("script")[0];
b.parentNode.insertBefore(a, b)
}
)();
</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 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>
<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%20PERMEN4D %20link PERMEN4D %20Trolley%20link PERMEN4D %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%20PERMEN4D %20link PERMEN4D %20Trolley%20link PERMEN4D %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%20PERMEN4D %20link PERMEN4D %20Trolley%20link PERMEN4D %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>