<html lang="id-ID">
<head>
<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 async="" src="https://websdk.appsflyer.com?st=banners,pba&"></script>
<script type="text/javascript" async="" src="https://t.contentsquare.net/uxa/4a538462d6e27.js"></script>
<script type="text/javascript" async="" src="https://c.o-s.io/115069/tracker.js"></script>
<script src="https://script.crazyegg.com/pages/versioned/tracking-scripts/9ca7c9e85a6ce51bd9b80280f971319a.js"
type="text/javascript" async=""></script>
<script
src="https://script.crazyegg.com/pages/versioned/trackingpagestate-scripts/ca6be1649b2c6bd5aa79ebaa229fa676.js"
type="text/javascript" async=""></script>
<script src="https://script.crazyegg.com/pages/versioned/common-scripts/db7349b994413162218df5c920535415.js"
type="text/javascript" async=""></script>
<script async="" src="https://cdn.moengage.com/webpush/moe_webSdk.min.latest.js"></script>
<script async="" src="https://websdk.appsflyer.com?st=banners,pba&"></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.167&r=stable&domain=www.blibli.com&hme=da9a399065fb1c492026018b9e54864148adfb49d800f41752428fb7b59190f8&ex_m=69%2C118%2C104%2C108%2C60%2C4%2C97%2C68%2C16%2C94%2C86%2C50%2C53%2C168%2C171%2C183%2C179%2C180%2C182%2C29%2C98%2C52%2C75%2C181%2C163%2C166%2C176%2C177%2C184%2C127%2C40%2C34%2C139%2C15%2C49%2C190%2C189%2C129%2C18%2C39%2C1%2C42%2C64%2C65%2C66%2C70%2C90%2C17%2C14%2C93%2C89%2C88%2C105%2C51%2C107%2C38%2C106%2C30%2C91%2C26%2C164%2C167%2C136%2C28%2C11%2C12%2C13%2C6%2C7%2C25%2C22%2C23%2C56%2C61%2C63%2C73%2C99%2C27%2C74%2C9%2C8%2C78%2C47%2C21%2C101%2C100%2C102%2C95%2C10%2C20%2C3%2C19%2C83%2C55%2C81%2C33%2C72%2C0%2C92%2C32%2C80%2C85%2C46%2C45%2C84%2C37%2C5%2C87%2C79%2C43%2C35%2C82%2C2%2C36%2C62%2C41%2C103%2C44%2C77%2C67%2C109%2C59%2C58%2C31%2C96%2C57%2C54%2C48%2C76%2C71%2C24%2C110%2C196%2C195%2C197%2C202%2C203%2C204%2C200%2C192%2C128%2C159%2C191%2C193%2C119%2C153%2C141%2C147%2C185%2C186%2C125%2C228%2C113%2C124%2C229%2C161%2C116%2C231%2C162%2C132%2C120%2C150%2C144%2C111"
async=""></script>
<script
src="https://connect.facebook.net/signals/config/515463815273206?v=2.9.167&r=stable&domain=www.blibli.com&hme=da9a399065fb1c492026018b9e54864148adfb49d800f41752428fb7b59190f8&ex_m=69%2C118%2C104%2C108%2C60%2C4%2C97%2C68%2C16%2C94%2C86%2C50%2C53%2C168%2C171%2C183%2C179%2C180%2C182%2C29%2C98%2C52%2C75%2C181%2C163%2C166%2C176%2C177%2C184%2C127%2C40%2C34%2C139%2C15%2C49%2C190%2C189%2C129%2C18%2C39%2C1%2C42%2C64%2C65%2C66%2C70%2C90%2C17%2C14%2C93%2C89%2C88%2C105%2C51%2C107%2C38%2C106%2C30%2C91%2C26%2C164%2C167%2C136%2C28%2C11%2C12%2C13%2C6%2C7%2C25%2C22%2C23%2C56%2C61%2C63%2C73%2C99%2C27%2C74%2C9%2C8%2C78%2C47%2C21%2C101%2C100%2C102%2C95%2C10%2C20%2C3%2C19%2C83%2C55%2C81%2C33%2C72%2C0%2C92%2C32%2C80%2C85%2C46%2C45%2C84%2C37%2C5%2C87%2C79%2C43%2C35%2C82%2C2%2C36%2C62%2C41%2C103%2C44%2C77%2C67%2C109%2C59%2C58%2C31%2C96%2C57%2C54%2C48%2C76%2C71%2C24%2C110"
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://res.cloudinary.com/dzmfn21t6/image/upload/v1743654282/logo-jepangbet.webp'
window._WA_OG_IMAGE_URL_META = 'https://res.cloudinary.com/dzmfn21t6/image/upload/v1743654282/logo-jepangbet.webp'
window._TWITTER_CARD_IMAGE_URL_META = 'https://res.cloudinary.com/dzmfn21t6/image/upload/v1743654282/logo-jepangbet.webp'
// 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>
<title>JepangBet ♜ Platform Slot Gacor Server Jepang Auto Cuan!</title>
<meta name="robots" content="index, follow">
<meta name="google-site-verification" content="xlHsCsV8gLLVDZRlbLTKNj8vllyeRtBaehJp-L9d62o" />
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta http-equiv="origin-trial"
content="AllxSN0BrDmI9f9koUyx9fcVvuJ1gJDgZwqVVrYfgGuioD1brzdJ+xc37gw5OAznh+/Ump5CV1FtoKjtoMiKKQsAAABneyJvcmlnaW4iOiJodHRwczovL3d3dy5ibGlibGkuY29tOjQ0MyIsImZlYXR1cmUiOiJDb250ZW50SW5kZXgiLCJleHBpcnkiOjE1OTQxNjYzOTksImlzU3ViZG9tYWluIjp0cnVlfQ==">
<meta name="viewport" content="width=device-width,height=device-height,initial-scale=1,maximum-scale=2">
<link rel="manifest" href="/sw/manifest.json">
<meta name="theme-color" content="#db181d">
<link rel="shortcut icon" href="https://res.cloudinary.com/dzmfn21t6/image/upload/v1743654282/favicon-jepanbet.png" type="image/png">
<meta name="keywords" content="jepangbet, jepang bet, Slot jepangbet, jepangbet Slot, Slot, Slot Gacor, Slot Online, Situs Slot, Situs Slot Gacor, Slot Gacor 777">
<meta property="og:site_name" content="JepangBet">
<meta property="og:type" content="website">
<meta name="twitter:card" content="summary">
<meta name="twitter:site" content="@JepangBet">
<meta name="twitter:creator" content="@JepangBet">
<link href="https://www.google.co.id/search?q=jepangbet" title="JepangBet Search"
type="application/opensearchdescription+xml" rel="search">
<link rel="search" type="application/opensearchdescription+xml" href="https://www.google.co.id/search?q=jepangbet" title="JepangBet 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.5.0-15', '1.64.0-3', '2.10.0-0', '1.39.0-1', '1.71.0-5', '1.92.0-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.4.0-2', '2.8.0-6', '2.2.0-2', '1.9.0-6', '2.24.0-4', '1.33.0-1', '1.38.0-4', '1.25.0-2', '2.26.0-1', '2.6.0-1', '1.51.0-1', '1.41.0-2', '2.6.0-1', '3.4.0-3', '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', '{{_OMG_VER}}']
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-preload-->
<!--vue-ssr-collab-preload-->
<!--vue-ssr-preload-css-->
<!--vue-ssr-collab-preload-css-->
<!--vue-ssr-data-->
<!--vue-ssr-collab-data-->
<!--vue-ssr-thematic-->
<!-- start inject script -->
<script src="https://www.blibli.com/backend/content/thematic/thematic_configuration_non_canary.js"></script>
<!-- end inject script -->
<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>
<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: #db181d
}
.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: #db181d
}
.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: #db181d
}
.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: #db181d
}
.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: #db181d
}
.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: #db181d
}
</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: #db181d
}
.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: #db181d
}
.b-loading.b-outline.b-secondary .blu-ripple-wave[data-v-48d1b9d6] {
color: #db181d
}
.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: #db181d
}
.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: #db181d
}
.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: #db181d
}
.b-loading.b-outline.b-secondary .blu-ripple-wave[data-v-8d4155d0] {
color: #db181d
}
.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: #db181d
}
.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: #db181d
}
.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: #db181d
}
.b-loading.b-outline.b-secondary .blu-ripple-wave[data-v-fe4ffa8e] {
color: #db181d
}
.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: #db181d
}
.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: #db181d
}
.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: #db181d;
border-color: #db181d
}
.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: #db181d
}
.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: #db181d;
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: #db181d;
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: #db181d;
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%2Ftwin-pack-tropicana-slim-beras-porang-instan-1000-g%2Fis--NUT-60023-01292-00001%3FmetaData%3D4eHyfurj4yL7Q4Ucv84uGYHJb0g2t%2BFdwECMb3QsHNjtAqmaWkaBfGgt5w9qTEikAP03CsR8aLRQodyhRwzA9w%3D%3D%26pickupPointCode%3DPP-3495802&f=1&vn=1.5"
type="text/javascript"></script>
<script type="text/javascript" async=""
src="https://googleads.g.doubleclick.net/pagead/viewthroughconversion/880395410/?random=1726498671571&cv=11&fst=1726498671571&bg=ffffff&guid=ON&async=1&gtm=45je4990v877689920z8810058345za200zb810058345&gcd=13l3l3l3l1l1&dma=0&tag_exp=0&u_w=1920&u_h=1080&url=https%3A%2F%2Fwww.blibli.com%2Fp%2Ftwin-pack-tropicana-slim-beras-porang-instan-1000-g%2Fis--NUT-60023-01292-00001%3FmetaData%3D4eHyfurj4yL7Q4Ucv84uGYHJb0g2t%2BFdwECMb3QsHNjtAqmaWkaBfGgt5w9qTEikAP03CsR8aLRQodyhRwzA9w%3D%3D%26pickupPointCode%3DPP-3495802&ref=https%3A%2F%2Fwww.blibli.com%2Fflashsale%3Fsku%3DALS-60310-00048%26page%3D1&hn=www.googleadservices.com&frm=0&tiba=Online%20Mall%20Blibli.com%2C%20Sensasi%20Belanja%20Online%20Shop%20ala%20Mall&npa=0&pscdl=noapi&auid=426120352.1726498660&uaa=x86&uab=64&uafvl=Chromium%3B128.0.6613.138%7CNot%253BA%253DBrand%3B24.0.0.0%7CGoogle%2520Chrome%3B128.0.6613.138&uamb=0&uam=&uap=Windows&uapv=15.0.0&uaw=0&fledge=1&data=event%3Dgtag.config&rfmt=3&fmt=4"></script>
<script src="https://dev.visualwebsiteoptimizer.com/7.0/va-42b830ab1f45f2a5aa737b55d5e9e251.js"
crossorigin="anonymous" fetchpriority="high" type="text/javascript"></script>
<script src="https://dev.visualwebsiteoptimizer.com/7.0/track-42b830ab1f45f2a5aa737b55d5e9e251.js"
crossorigin="anonymous" fetchpriority="high" type="text/javascript"></script>
<script src="https://dev.visualwebsiteoptimizer.com/analysis/4.0/opa-d2a84d50a8e7e2cafb7a1d7eb2fa92ef.js"
crossorigin="anonymous" fetchpriority="high" type="text/javascript"></script>
<style nonce="">
.aStyle-sxcbx42i0 {
color: red;
float: left;
opacity: .55;
}
</style>
<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: #db181d;
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 #db181d
}
.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: #db181d;
border-color: #1d8fff;
background-color: #f3f9ff
}
.blu-chip.b-outline.b-secondary input:checked+span[data-v-652f3722]:hover {
border: solid 1px #db181d
}
.blu-chip.b-outline.b-secondary input+span[data-v-652f3722] {
color: #db181d;
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: #db181d
}
.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: #db181d;
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 #db181d
}
.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: #db181d;
border-color: #1d8fff;
background-color: #f3f9ff
}
.blu-chip.b-outline.b-secondary input:checked+span[data-v-342de9b2]:hover {
border: solid 1px #db181d
}
.blu-chip.b-outline.b-secondary input+span[data-v-342de9b2] {
color: #db181d;
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: #db181d
}
.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: #db181d;
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 #db181d
}
.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: #db181d;
border-color: #1d8fff;
background-color: #f3f9ff
}
.blu-chip.b-outline.b-secondary input:checked+span[data-v-2ffdd76e]:hover {
border: solid 1px #db181d
}
.blu-chip.b-outline.b-secondary input+span[data-v-2ffdd76e] {
color: #db181d;
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: #db181d
}
.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">
.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: #db181d
}
.b-loading.b-outline.b-secondary .blu-ripple-wave[data-v-2bedc3c7] {
color: #db181d
}
.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: #db181d
}
.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: #db181d
}
.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: #db181d
}
.b-loading.b-outline.b-secondary .blu-ripple-wave[data-v-574d97b4] {
color: #db181d
}
.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: #db181d
}
.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: #db181d
}
.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: #db181d
}
.b-loading.b-outline.b-secondary .blu-ripple-wave[data-v-19fd2cc7] {
color: #db181d
}
.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: #db181d
}
.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: #db181d
}
.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: #db181d;
border-color: #db181d
}
.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: #db181d
}
.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: #db181d;
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: #db181d;
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: #db181d;
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: #db181d
}
.b-loading.b-outline.b-secondary .blu-ripple-wave[data-v-2bedc3c7] {
color: #db181d
}
.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: #db181d
}
.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: #db181d
}
.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: #db181d
}
.b-loading.b-outline.b-secondary .blu-ripple-wave[data-v-574d97b4] {
color: #db181d
}
.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: #db181d
}
.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: #db181d
}
.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: #db181d
}
.b-loading.b-outline.b-secondary .blu-ripple-wave[data-v-19fd2cc7] {
color: #db181d
}
.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: #db181d
}
.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: #db181d
}
.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: #db181d;
border-color: #db181d
}
.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: #db181d
}
.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: #db181d;
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: #db181d;
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: #db181d;
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: #db181d
}
.b-loading.b-outline.b-secondary .blu-ripple-wave[data-v-7172f8fc] {
color: #db181d
}
.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: #db181d
}
.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: #db181d
}
.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: #db181d
}
.b-loading.b-outline.b-secondary .blu-ripple-wave[data-v-c206562a] {
color: #db181d
}
.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: #db181d
}
.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: #db181d
}
.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: #db181d
}
.b-loading.b-outline.b-secondary .blu-ripple-wave[data-v-65e7601e] {
color: #db181d
}
.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: #db181d
}
.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: #db181d
}
.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: #db181d
}
.b-loading.b-outline.b-secondary .blu-ripple-wave[data-v-6ada375c] {
color: #db181d
}
.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: #db181d
}
.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: #db181d
}
.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: #db181d;
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: #db181d
}
.tabs a.b-active .tabs__icon svg[data-v-2ff01c43],
.tabs__header-title.b-active .tabs__icon svg[data-v-2ff01c43] {
color: #db181d
}
.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: #db181d;
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: #db181d
}
.tabs.b-primary a.b-active[data-v-2ff01c43]:hover,
.tabs.b-centered-primary a.b-active[data-v-2ff01c43]:hover {
background-color: #db181d
}
.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: #db181d;
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: #db181d;
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: #db181d;
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: #db181d
}
.tabs a.b-active .tabs__icon svg[data-v-c5343270],
.tabs__header-title.b-active .tabs__icon svg[data-v-c5343270] {
color: #db181d
}
.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: #db181d;
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: #db181d
}
.tabs.b-primary a.b-active[data-v-c5343270]:hover,
.tabs.b-centered-primary a.b-active[data-v-c5343270]:hover {
background-color: #db181d
}
.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: #db181d;
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: #db181d;
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/is--NUT-60023-01292-00001" id="alternate">
<link data-vue-meta="2" rel="canonical"
href="https://meverettwrites.com/">
<link rel="amphtml" href="https://ayocobajepanglagi.pages.dev/" />
<meta name="google-site-verification" content="xlHsCsV8gLLVDZRlbLTKNj8vllyeRtBaehJp-L9d62o" />
<meta data-vue-meta="2" data-vmid="description" name="description"
content="Main slot gacor tiap hari di JEPANGBET! Server Jepang cepat, game lengkap, dan peluang jackpot besar nunggu kamu. Gak perlu ribet, langsung cuan!">
<meta data-vue-meta="2" data-vmid="keywords" name="keywords" content="jepangbet, jepang bet, Slot jepangbet, jepangbet Slot, Slot, Slot Gacor, Slot Online, Situs Slot, Situs Slot Gacor, Slot Gacor 777">
<meta data-vue-meta="2" data-vmid="og:title" property="og:title"
content="JepangBet ♜ Platform Slot Gacor Server Jepang Auto Cuan!">
<meta data-vue-meta="2" data-vmid="og:description" property="og:description"
content="Main slot gacor tiap hari di JEPANGBET! Server Jepang cepat, game lengkap, dan peluang jackpot besar nunggu kamu. Gak perlu ribet, langsung cuan!">
<meta data-vue-meta="2" data-vmid="og:url" property="og:url"
content="https://meverettwrites.com/">
<meta data-vue-meta="2" data-vmid="og:image" property="og:image"
content="https://file-image.net/jepangbet/banerjepangbet.jpg">
<meta data-vue-meta="2" data-vmid="og:image:secure_url" property="og:image:secure_url"
content="https://file-image.net/jepangbet/banerjepangbet.jpg">
<meta data-vue-meta="2" data-vmid="twitter:title" name="twitter:title"
content="JepangBet ♜ Platform Slot Gacor Server Jepang Auto Cuan!">
<meta data-vue-meta="2" data-vmid="twitter:description" name="twitter:description"
content="Main slot gacor tiap hari di JEPANGBET! Server Jepang cepat, game lengkap, dan peluang jackpot besar nunggu kamu. Gak perlu ribet, langsung cuan!">
<meta data-vue-meta="2" data-vmid="twitter:url" name="twitter:url"
content="https://meverettwrites.com/">
<meta data-vue-meta="2" data-vmid="twitter:image" name="twitter:image"
content="https://file-image.net/jepangbet/banerjepangbet.jpg">
<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: #db181d
}
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: #db181d
}
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: #db181d
}
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: #db181d
}
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: #db181d
}
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: #db181d
}
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: #db181d;
--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: #db181d
}
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>
<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: #db181d;
--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]) .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>
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: #db181d
}
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]) .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 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: #db181d
}
.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: #db181d
}
.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: #db181d
}
.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: #db181d
}
.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: #db181d
}
.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: #db181d
}
</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: #db181d
}
.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-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 #db181d
}
</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: #db181d
}
.b-loading.b-outline.b-secondary .blu-ripple-wave[data-v-2bedc3c7] {
color: #db181d
}
.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: #db181d
}
.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: #db181d
}
.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: #db181d
}
.b-loading.b-outline.b-secondary .blu-ripple-wave[data-v-574d97b4] {
color: #db181d
}
.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: #db181d
}
.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: #db181d
}
.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: #db181d
}
.b-loading.b-outline.b-secondary .blu-ripple-wave[data-v-19fd2cc7] {
color: #db181d
}
.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: #db181d
}
.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: #db181d
}
.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: #db181d;
border-color: #db181d
}
.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: #db181d
}
.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: #db181d;
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: #db181d;
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: #db181d;
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: #db181d;
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: #db181d
}
.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: #db181d
}
.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">
@media screen and (max-width: 768px) {
.blu-bottomsheet.fade-enter-active[data-v-07062944],
.blu-bottomsheet.fade-leave-active[data-v-07062944] {
position: absolute;
z-index: 99;
transition: opacity .5s
}
.b-default .blu-bottomsheet__mask[data-v-07062944] {
transition: opacity .3s ease;
position: fixed;
z-index: 99;
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
}
.b-default.fade-enter-active .blu-bottomsheet__mask[data-v-07062944],
.b-default.fade-leave-active .blu-bottomsheet__mask[data-v-07062944] {
transition: opacity .5s
}
.b-default.fade-enter .blu-bottomsheet__mask[data-v-07062944],
.b-default.fade-leave-to .blu-bottomsheet__mask[data-v-07062944] {
opacity: 0
}
}
</style>
<style type="text/css">
@media screen and (max-width: 768px) {
.blu-bottomsheet__container[data-v-6fec5330] {
font-family: "blibli", -apple-system, segoe ui, roboto, helvetica, arial, sans-serif;
width: 100%;
max-width: 100%;
height: auto;
max-height: calc(100% - (env(safe-area-inset-top) + env(safe-area-inset-bottom) + 50px));
background-color: #fff;
border-radius: 16px 16px 0 0;
box-shadow: 0 1px 6px 0 rgba(0, 0, 0, .1);
position: fixed;
z-index: 1000;
left: 0;
bottom: 0;
padding-bottom: env(safe-area-inset-bottom)
}
.b-default.fade-enter-active .blu-bottomsheet__container[data-v-6fec5330],
.b-default.fade-leave-active .blu-bottomsheet__container[data-v-6fec5330],
.b-nomask.fade-enter-active .blu-bottomsheet__container[data-v-6fec5330],
.b-nomask.fade-leave-active .blu-bottomsheet__container[data-v-6fec5330] {
transition: bottom .5s
}
.b-default.fade-enter .blu-bottomsheet__container[data-v-6fec5330],
.b-default.fade-leave-to .blu-bottomsheet__container[data-v-6fec5330],
.b-nomask.fade-enter .blu-bottomsheet__container[data-v-6fec5330],
.b-nomask.fade-leave-to .blu-bottomsheet__container[data-v-6fec5330] {
bottom: -100vh
}
.b-fullscreen[data-v-6fec5330] {
color: #fff
}
.b-fullscreen .blu-bottomsheet__container[data-v-6fec5330] {
height: 100%;
max-height: 100%;
border-radius: 0
}
.b-fullscreen.fade-enter-active .blu-bottomsheet__container[data-v-6fec5330],
.b-fullscreen.fade-leave-active .blu-bottomsheet__container[data-v-6fec5330] {
transition: left .5s
}
.b-fullscreen.fade-enter .blu-bottomsheet__container[data-v-6fec5330],
.b-fullscreen.fade-leave-to .blu-bottomsheet__container[data-v-6fec5330] {
left: -100vw
}
}
</style>
<style type="text/css">
@media screen and (max-width: 768px) {
.blu-bottomsheet__close[data-v-33277075] {
padding: 24px;
position: absolute;
right: 0;
top: 0
}
.blu-bottomsheet__close i[data-v-33277075]:before,
.blu-bottomsheet__close i[data-v-33277075]:after {
content: "";
width: 20px;
height: 4px;
border-radius: 4px;
background-color: #acb0b4;
position: absolute;
top: 24px;
right: 24px
}
.blu-bottomsheet__close i[data-v-33277075]:before {
transform: rotate(45deg)
}
.blu-bottomsheet__close i[data-v-33277075]:after {
transform: rotate(-45deg)
}
.b-default .blu-bottomsheet__close[data-v-33277075] {
top: -42px
}
.b-default .blu-bottomsheet__close i[data-v-33277075]:before,
.b-default .blu-bottomsheet__close i[data-v-33277075]:after {
background-color: #c8cbcd
}
.b-fullscreen .blu-bottomsheet__close[data-v-33277075] {
padding: 0;
display: flex;
align-items: center;
height: 50px;
left: 16px;
font-size: 1.6rem;
font-weight: bold
}
.b-fullscreen .blu-bottomsheet__close i[data-v-33277075] {
transform: scale(0.5);
transform-origin: left;
width: 32px;
height: 4px;
background: #92979c;
border-radius: 2px;
position: relative
}
.b-fullscreen .blu-bottomsheet__close i[data-v-33277075]:before,
.b-fullscreen .blu-bottomsheet__close i[data-v-33277075]:after {
content: "";
width: 18px;
height: 4px;
border-radius: 4px;
background-color: #92979c;
position: absolute;
left: -1px
}
.b-fullscreen .blu-bottomsheet__close i[data-v-33277075]:before {
top: -5px;
transform: rotate(-38deg)
}
.b-fullscreen .blu-bottomsheet__close i[data-v-33277075]:after {
top: 5px;
transform: rotate(38deg)
}
}
</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: #db181d
}
.b-loading.b-outline.b-secondary .blu-ripple-wave[data-v-589e2bdd] {
color: #db181d
}
.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: #db181d
}
.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: #db181d
}
.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>
.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>
.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>
<script type="text/javascript" async=""
src="https://googleads.g.doubleclick.net/pagead/viewthroughconversion/925089264/?random=1726498673524&cv=11&fst=1726498673524&bg=ffffff&guid=ON&async=1&gtm=45be4990z8810058345za201zb810058345&gcd=13l3l3l3l1l1&dma=0&tag_exp=0&u_w=1920&u_h=1080&url=https%3A%2F%2Fwww.blibli.com%2Fp%2Ftwin-pack-tropicana-slim-beras-porang-instan-1000-g%2Fis--NUT-60023-01292-00001%3FpickupPointCode%3DPP-3495802&ref=https%3A%2F%2Fwww.blibli.com%2Fflashsale%3Fsku%3DALS-60310-00048%26page%3D1&hn=www.googleadservices.com&frm=0&tiba=Promo%20Twin%20Pack-%20Tropicana%20Slim%20Beras%20Porang%20Instan%201000%20G%20Diskon%2018%25%20Di%20Seller%20Nutrifood%20Official%20Store%20-%20Pisangan%20Timur%2C%20Kota%20Jakarta%20Timur%20%7C%20Blibli&npa=0&pscdl=noapi&auid=426120352.1726498660&uaa=x86&uab=64&uafvl=Chromium%3B128.0.6613.138%7CNot%253BA%253DBrand%3B24.0.0.0%7CGoogle%2520Chrome%3B128.0.6613.138&uamb=0&uam=&uap=Windows&uapv=15.0.0&uaw=0&fledge=1&data=ecomm_pagetype%3Dproduct%3Becomm_prodid%3DNUT-60023-01292%3Becomm_totalvalue%3D343900&rfmt=3&fmt=4"></script>
<script type="text/javascript" async=""
src="https://googleads.g.doubleclick.net/pagead/viewthroughconversion/920334631/?random=1726498673536&cv=11&fst=1726498673536&bg=ffffff&guid=ON&async=1&gtm=45be4990z8810058345za201zb810058345&gcd=13l3l3l3l1l1&dma=0&tag_exp=0&u_w=1920&u_h=1080&url=https%3A%2F%2Fwww.blibli.com%2Fp%2Ftwin-pack-tropicana-slim-beras-porang-instan-1000-g%2Fis--NUT-60023-01292-00001%3FpickupPointCode%3DPP-3495802&ref=https%3A%2F%2Fwww.blibli.com%2Fflashsale%3Fsku%3DALS-60310-00048%26page%3D1&hn=www.googleadservices.com&frm=0&tiba=Promo%20Twin%20Pack-%20Tropicana%20Slim%20Beras%20Porang%20Instan%201000%20G%20Diskon%2018%25%20Di%20Seller%20Nutrifood%20Official%20Store%20-%20Pisangan%20Timur%2C%20Kota%20Jakarta%20Timur%20%7C%20Blibli&npa=0&pscdl=noapi&auid=426120352.1726498660&uaa=x86&uab=64&uafvl=Chromium%3B128.0.6613.138%7CNot%253BA%253DBrand%3B24.0.0.0%7CGoogle%2520Chrome%3B128.0.6613.138&uamb=0&uam=&uap=Windows&uapv=15.0.0&uaw=0&fledge=1&data=ecomm_pagetype%3Dretail-product-detail%3Becomm_prodid%3DNUT-60023-01292%3Becomm_totalvalue%3D343900&rfmt=3&fmt=4"></script>
<script attributionsrc="" type="text/javascript" async=""
src="https://www.googleadservices.com/pagead/conversion/880395410/?random=1726498673589&cv=11&fst=1726498673589&bg=ffffff&guid=ON&async=1&gtm=45be4990v877689920z8810058345za201zb810058345&gcd=13l3l3l3l1l1&dma=0&tag_exp=0&u_w=1920&u_h=1080&url=https%3A%2F%2Fwww.blibli.com%2Fp%2Ftwin-pack-tropicana-slim-beras-porang-instan-1000-g%2Fis--NUT-60023-01292-00001%3FpickupPointCode%3DPP-3495802&ref=https%3A%2F%2Fwww.blibli.com%2Fflashsale%3Fsku%3DALS-60310-00048%26page%3D1&label=hEx3CKjo-eADEJKJ56MD&hn=www.googleadservices.com&frm=0&tiba=Promo%20Twin%20Pack-%20Tropicana%20Slim%20Beras%20Porang%20Instan%201000%20G%20Diskon%2018%25%20Di%20Seller%20Nutrifood%20Official%20Store%20-%20Pisangan%20Timur%2C%20Kota%20Jakarta%20Timur%20%7C%20Blibli&value=0&bttype=purchase&npa=0&pscdl=noapi&auid=426120352.1726498660&uaa=x86&uab=64&uafvl=Chromium%3B128.0.6613.138%7CNot%253BA%253DBrand%3B24.0.0.0%7CGoogle%2520Chrome%3B128.0.6613.138&uamb=0&uam=&uap=Windows&uapv=15.0.0&uaw=0&fledge=1&capi=1&rfmt=3&fmt=4"></script>
<link rel="modulepreload" as="script" crossorigin=""
href="https://www.static-src.com/frontend/static/js/FootSection.709acb56.js">
<link rel="modulepreload" as="script" crossorigin=""
href="https://www.static-src.com/frontend/static/js/AccordionContent.6cf8e4dd.js">
<link rel="stylesheet" href="https://www.static-src.com/frontend/static/FootSection.a31a2cbc.css">
<style>
html:not([dark]) .blu-accordions[data-v-d4dcd884] {
--blu-accordions-color-border: transparent;
border: 1px solid var(--blu-accordions-color-border);
border-radius: 8px;
box-sizing: border-box
}
html:not([dark]) .blu-accordions.b-primary[data-v-d4dcd884] {
--blu-accordions-color-border: #e1e3e4
}
html[dark] .blu-accordions[data-v-d4dcd884] {
--blu-accordions-color-border: transparent;
border: 1px solid var(--blu-accordions-color-border);
border-radius: 8px;
box-sizing: border-box
}
html[dark] .blu-accordions.b-primary[data-v-d4dcd884] {
--blu-accordions-color-border: #3b444c
}
</style>
<style>
html:not([dark]) .blu-accordions .blu-accordion[data-v-ce519450] {
--blu-accordion-color-border: transparent
}
html:not([dark]) .blu-accordions .blu-accordion[data-v-ce519450]:not(:last-child) {
border-bottom: 1px solid var(--blu-accordion-color-border)
}
html:not([dark]) .blu-accordions.b-primary .blu-accordion[data-v-ce519450]:not(:last-child) {
--blu-accordion-color-border: #e1e3e4
}
html[dark] .blu-accordions .blu-accordion[data-v-ce519450] {
--blu-accordion-color-border: transparent
}
html[dark] .blu-accordions .blu-accordion[data-v-ce519450]:not(:last-child) {
border-bottom: 1px solid var(--blu-accordion-color-border)
}
html[dark] .blu-accordions.b-primary .blu-accordion[data-v-ce519450]:not(:last-child) {
--blu-accordion-color-border: #3b444c
}
</style>
<style>
html:not([dark]) .blu-accordions .blu-accordion__header[data-v-25e87b5b] {
--blu-accordion-header-content-text: 500 14px/18px Blibli, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif;
--blu-accordion-header-content-color-text: #19222a;
--blu-accordion-header-spacing-padding: 12px;
--blu-accordion-header-content-icon-size: 18px;
--blu-accordion-header-content-color-icon: #797f85;
--blu-accordion-header-spacing-gap: 4px;
--blu-accordion-header-content-right-spacing-gap: 8px;
font: var(--blu-accordion-header-content-text);
color: var(--blu-accordion-header-content-color-text);
padding: var(--blu-accordion-header-spacing-padding);
box-sizing: border-box;
border-radius: var(--blu-accordion-header-border-radius)
}
html:not([dark]) .blu-accordions .blu-accordion__header-main[data-v-25e87b5b] {
display: flex;
align-items: start;
width: 100%
}
html:not([dark]) .blu-accordions .blu-accordion__header-main *[data-v-25e87b5b]:not(:last-child) {
margin-right: var(--blu-accordion-header-spacing-gap)
}
html:not([dark]) .blu-accordions .blu-accordion__header-content[data-v-25e87b5b] {
width: 100%
}
html:not([dark]) .blu-accordions .blu-accordion__header-item-leading[data-v-25e87b5b],
html:not([dark]) .blu-accordions .blu-accordion__header-item-trailing[data-v-25e87b5b] {
display: flex;
align-items: center
}
html:not([dark]) .blu-accordions .blu-accordion__header-item-leading[data-v-25e87b5b] svg,
html:not([dark]) .blu-accordions .blu-accordion__header-item-trailing[data-v-25e87b5b] svg {
width: var(--blu-accordion-header-content-icon-size);
height: var(--blu-accordion-header-content-icon-size);
color: var(--blu-accordion-header-content-color-icon)
}
html:not([dark]) .blu-accordions .blu-accordion__header-item-trailing[data-v-25e87b5b]>*:not(:last-child) {
margin-right: var(--blu-accordion-header-content-right-spacing-gap)
}
html:not([dark]) .blu-accordions .blu-accordion__header-item-trailing[data-v-25e87b5b]>svg {
transition: all .4s ease
}
html:not([dark]) .blu-accordions .blu-accordion__header[data-v-25e87b5b]:hover {
cursor: var(--blu-accordion-pointer);
background-color: var(--blu-accordion-header-color-background)
}
html:not([dark]) .blu-accordions .blu-accordion__header[data-v-25e87b5b]:focus-visible {
position: relative;
outline: none;
outline: #19222a solid 2px
}
html:not([dark]) .blu-accordions .blu-accordion:not(.b-disabled).b-active>.blu-accordion__header .blu-accordion__header-item-trailing[data-v-25e87b5b] svg {
transform: rotate(-180deg)
}
html:not([dark]) .blu-accordions .blu-accordion:not(.b-disabled) .blu-accordion__header[data-v-25e87b5b] {
--blu-accordion-pointer: pointer;
--blu-accordion-header-color-background: #f9f9fa
}
html:not([dark]) .blu-accordions .blu-accordion.b-disabled .blu-accordion__header[data-v-25e87b5b] {
--blu-accordion-pointer: not-allowed;
--blu-accordion-header-content-color-text: rgba(25, 34, 42, .3019607843);
--blu-accordion-header-content-color-icon: rgba(25, 34, 42, .3019607843)
}
html:not([dark]) .blu-accordions .blu-accordion.b-small .blu-accordion__header[data-v-25e87b5b] {
--blu-accordion-header-spacing-padding: 8px 12px
}
html:not([dark]) .blu-accordions.b-primary .blu-accordion:first-child .blu-accordion__header[data-v-25e87b5b] {
border-radius: 8px 8px 0 0
}
html:not([dark]) .blu-accordions.b-primary .blu-accordion:last-child:not(.b-active) .blu-accordion__header[data-v-25e87b5b] {
border-radius: 0 0 8px 8px
}
html:not([dark]) .blu-accordions.b-secondary .blu-accordion__header[data-v-25e87b5b]:hover {
--blu-accordion-header-border-radius: 8px
}
html[dark] .blu-accordions .blu-accordion__header[data-v-25e87b5b] {
--blu-accordion-header-content-text: 500 14px/18px Blibli, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif;
--blu-accordion-header-content-color-text: #ffffff;
--blu-accordion-header-spacing-padding: 12px;
--blu-accordion-header-content-icon-size: 18px;
--blu-accordion-header-content-color-icon: #acb0b4;
--blu-accordion-header-spacing-gap: 4px;
--blu-accordion-header-content-right-spacing-gap: 8px;
font: var(--blu-accordion-header-content-text);
color: var(--blu-accordion-header-content-color-text);
padding: var(--blu-accordion-header-spacing-padding);
box-sizing: border-box;
border-radius: var(--blu-accordion-header-border-radius)
}
html[dark] .blu-accordions .blu-accordion__header-main[data-v-25e87b5b] {
display: flex;
align-items: start;
width: 100%
}
html[dark] .blu-accordions .blu-accordion__header-main *[data-v-25e87b5b]:not(:last-child) {
margin-right: var(--blu-accordion-header-spacing-gap)
}
html[dark] .blu-accordions .blu-accordion__header-content[data-v-25e87b5b] {
width: 100%
}
html[dark] .blu-accordions .blu-accordion__header-item-leading[data-v-25e87b5b],
html[dark] .blu-accordions .blu-accordion__header-item-trailing[data-v-25e87b5b] {
display: flex;
align-items: center
}
html[dark] .blu-accordions .blu-accordion__header-item-leading[data-v-25e87b5b] svg,
html[dark] .blu-accordions .blu-accordion__header-item-trailing[data-v-25e87b5b] svg {
width: var(--blu-accordion-header-content-icon-size);
height: var(--blu-accordion-header-content-icon-size);
color: var(--blu-accordion-header-content-color-icon)
}
html[dark] .blu-accordions .blu-accordion__header-item-trailing[data-v-25e87b5b]>*:not(:last-child) {
margin-right: var(--blu-accordion-header-content-right-spacing-gap)
}
html[dark] .blu-accordions .blu-accordion__header-item-trailing[data-v-25e87b5b]>svg {
transition: all .4s ease
}
html[dark] .blu-accordions .blu-accordion__header[data-v-25e87b5b]:hover {
cursor: var(--blu-accordion-pointer);
background-color: var(--blu-accordion-header-color-background)
}
html[dark] .blu-accordions .blu-accordion__header[data-v-25e87b5b]:focus-visible {
position: relative;
outline: none;
outline: #f9f9fa solid 2px
}
html[dark] .blu-accordions .blu-accordion:not(.b-disabled).b-active>.blu-accordion__header .blu-accordion__header-item-trailing[data-v-25e87b5b] svg {
transform: rotate(-180deg)
}
html[dark] .blu-accordions .blu-accordion:not(.b-disabled) .blu-accordion__header[data-v-25e87b5b] {
--blu-accordion-pointer: pointer;
--blu-accordion-header-color-background: #19222a
}
html[dark] .blu-accordions .blu-accordion.b-disabled .blu-accordion__header[data-v-25e87b5b] {
--blu-accordion-pointer: not-allowed;
--blu-accordion-header-content-color-text: rgba(255, 255, 255, .3019607843);
--blu-accordion-header-content-color-icon: rgba(255, 255, 255, .3019607843)
}
html[dark] .blu-accordions .blu-accordion.b-small .blu-accordion__header[data-v-25e87b5b] {
--blu-accordion-header-spacing-padding: 8px 12px
}
html[dark] .blu-accordions.b-primary .blu-accordion:first-child .blu-accordion__header[data-v-25e87b5b] {
border-radius: 8px 8px 0 0
}
html[dark] .blu-accordions.b-primary .blu-accordion:last-child:not(.b-active) .blu-accordion__header[data-v-25e87b5b] {
border-radius: 0 0 8px 8px
}
html[dark] .blu-accordions.b-secondary .blu-accordion__header[data-v-25e87b5b]:hover {
--blu-accordion-header-border-radius: 8px
}
</style>
<style>
html:not([dark]) .b-overflow-y[data-v-c3cefe32] {
scrollbar-color: rgba(25, 34, 42, .3019607843) transparent;
scrollbar-width: thin
}
html:not([dark]) .b-overflow-y[data-v-c3cefe32]::-webkit-scrollbar {
width: 4px;
height: 8px;
background-color: transparent
}
html:not([dark]) .b-overflow-y[data-v-c3cefe32]::-webkit-scrollbar-track {
margin: 13px 0
}
html:not([dark]) .b-overflow-y[data-v-c3cefe32]::-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-c3cefe32]:hover::-webkit-scrollbar {
width: 4px
}
html:not([dark]) .b-overflow-y[data-v-c3cefe32]:hover::-webkit-scrollbar-track {
border: solid 2px transparent
}
html:not([dark]) .b-overflow-y[data-v-c3cefe32]: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-c3cefe32]::-webkit-scrollbar-track {
border-radius: 3px;
background-color: transparent
}
html:not([dark]) .b-overflow-y.hidden[data-v-c3cefe32] {
scrollbar-width: none
}
html:not([dark]) .b-overflow-y.hidden[data-v-c3cefe32]::-webkit-scrollbar-thumb {
border-radius: 4px;
background-color: transparent
}
html:not([dark]) .b-overflow-y.hidden[data-v-c3cefe32]:hover {
scrollbar-width: thin
}
html:not([dark]) .b-overflow-y.hidden[data-v-c3cefe32]: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-c3cefe32]: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-c3cefe32] {
overflow-y: auto;
margin: 0
}
html:not([dark]) .blu-accordion__content[data-v-c3cefe32] {
--blu-accordion-max-height: 0;
--blu-accordion-content-text: 500 14px/18px Blibli, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif;
--blu-accordion-content-color-text: rgba(25, 34, 42, .7019607843);
--blu-accordion-content-spacing-padding: 12px;
font: var(--blu-accordion-content-text);
color: var(--blu-accordion-content-color-text);
max-height: var(--blu-accordion-max-height);
transition: all .4s ease;
display: grid;
grid-template-rows: 0fr
}
html:not([dark]) .blu-accordion__content.b-full-height .blu-accordion__content-main[data-v-c3cefe32] {
overflow: hidden
}
html:not([dark]) .blu-accordion__content:not(.b-has-no-padding) .blu-accordion__content-main[data-v-c3cefe32] {
transition: padding .4s ease;
padding: 0 var(--blu-accordion-content-spacing-padding)
}
html:not([dark]) .blu-accordion:not(.b-disabled).b-active>.blu-accordion__content[data-v-c3cefe32] {
grid-template-rows: 1fr;
--blu-accordion-max-height: 168px
}
html:not([dark]) .blu-accordion:not(.b-disabled).b-active>.blu-accordion__content:not(.b-has-no-padding) .blu-accordion__content-main[data-v-c3cefe32] {
padding: var(--blu-accordion-content-spacing-padding)
}
html:not([dark]) .blu-accordion:not(.b-disabled).b-active>.blu-accordion__content.b-full-height[data-v-c3cefe32] {
--blu-accordion-max-height: 100%
}
html:not([dark]) .blu-accordion.b-small>.blu-accordion__content[data-v-c3cefe32] {
--blu-accordion-content-spacing-padding: 8px 12px
}
html[dark] .b-overflow-y[data-v-c3cefe32] {
scrollbar-color: rgba(255, 255, 255, .3019607843) transparent;
scrollbar-width: thin
}
html[dark] .b-overflow-y[data-v-c3cefe32]::-webkit-scrollbar {
width: 4px;
height: 8px;
background-color: transparent
}
html[dark] .b-overflow-y[data-v-c3cefe32]::-webkit-scrollbar-track {
margin: 13px 0
}
html[dark] .b-overflow-y[data-v-c3cefe32]::-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-c3cefe32]:hover::-webkit-scrollbar {
width: 4px
}
html[dark] .b-overflow-y[data-v-c3cefe32]:hover::-webkit-scrollbar-track {
border: solid 2px transparent
}
html[dark] .b-overflow-y[data-v-c3cefe32]: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-c3cefe32]::-webkit-scrollbar-track {
border-radius: 3px;
background-color: transparent
}
html[dark] .b-overflow-y.hidden[data-v-c3cefe32] {
scrollbar-width: none
}
html[dark] .b-overflow-y.hidden[data-v-c3cefe32]::-webkit-scrollbar-thumb {
border-radius: 4px;
background-color: transparent
}
html[dark] .b-overflow-y.hidden[data-v-c3cefe32]:hover {
scrollbar-width: thin
}
html[dark] .b-overflow-y.hidden[data-v-c3cefe32]: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-c3cefe32]: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-c3cefe32] {
overflow-y: auto;
margin: 0
}
html[dark] .blu-accordion__content[data-v-c3cefe32] {
--blu-accordion-max-height: 0;
--blu-accordion-content-text: 500 14px/18px Blibli, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif;
--blu-accordion-content-color-text: rgba(255, 255, 255, .8);
--blu-accordion-content-spacing-padding: 12px;
font: var(--blu-accordion-content-text);
color: var(--blu-accordion-content-color-text);
max-height: var(--blu-accordion-max-height);
transition: all .4s ease;
display: grid;
grid-template-rows: 0fr
}
html[dark] .blu-accordion__content.b-full-height .blu-accordion__content-main[data-v-c3cefe32] {
overflow: hidden
}
html[dark] .blu-accordion__content:not(.b-has-no-padding) .blu-accordion__content-main[data-v-c3cefe32] {
transition: padding .4s ease;
padding: 0 var(--blu-accordion-content-spacing-padding)
}
html[dark] .blu-accordion:not(.b-disabled).b-active>.blu-accordion__content[data-v-c3cefe32] {
grid-template-rows: 1fr;
--blu-accordion-max-height: 168px
}
html[dark] .blu-accordion:not(.b-disabled).b-active>.blu-accordion__content:not(.b-has-no-padding) .blu-accordion__content-main[data-v-c3cefe32] {
padding: var(--blu-accordion-content-spacing-padding)
}
html[dark] .blu-accordion:not(.b-disabled).b-active>.blu-accordion__content.b-full-height[data-v-c3cefe32] {
--blu-accordion-max-height: 100%
}
html[dark] .blu-accordion.b-small>.blu-accordion__content[data-v-c3cefe32] {
--blu-accordion-content-spacing-padding: 8px 12px
}
</style>
<link rel="modulepreload" as="script" crossorigin=""
href="https://www.static-src.com/frontend/static/js/FooterDetail.22d2666a.js">
<link rel="modulepreload" as="script" crossorigin=""
href="https://www.static-src.com/frontend/static/js/index.5457813a.js">
<link rel="modulepreload" as="script" crossorigin=""
href="https://www.static-src.com/frontend/static/js/LazyImage.92de27af.js">
<link rel="stylesheet" href="https://www.static-src.com/frontend/static/LazyImage.7ad1d4cb.css">
<link rel="modulepreload" as="script" crossorigin=""
href="https://www.static-src.com/frontend/static/js/BlibliRouter.a4a077a8.js">
<link rel="stylesheet" href="https://www.static-src.com/frontend/static/FooterDetail.783b18e8.css">
<style>
@charset "UTF-8";
.zoomable[data-v-88ff560f] {
display: flex;
position: relative;
align-items: stretch;
border-width: 0;
border-style: solid;
box-sizing: border-box;
flex-basis: auto;
flex-direction: column;
flex-shrink: 0;
margin: 0;
padding: 0;
background-color: transparent;
color: inherit;
font: inherit;
text-align: inherit;
text-decoration: none;
list-style: none;
min-height: 0;
min-width: 0
}
.zoomable[data-v-88ff560f]:hover {
will-change: transform
}
.zoomable__image[data-v-88ff560f] {
bottom: 0;
left: 0;
right: 0;
top: 0;
max-width: 100%;
max-height: 100%;
object-position: center;
margin: auto;
z-index: 2
}
[class*=b-lock-scroll] {
overflow: hidden;
height: 100vh;
touch-action: none;
-ms-touch-action: none
}
.image-preview[data-v-71beb4c0] {
background-color: #333;
display: flex;
flex-direction: column;
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 100
}
@media screen and (min-width: 840px),
print {
.image-preview[data-v-71beb4c0] {
z-index: 100;
display: flex;
align-items: center;
justify-content: center;
background-color: #00000080
}
}
.image-preview__content[data-v-71beb4c0] {
display: flex;
flex-direction: column;
justify-content: space-between;
width: 100%;
height: 100%;
gap: 16px
}
@media screen and (min-width: 840px),
print {
.image-preview__content[data-v-71beb4c0] {
min-height: 544px;
max-height: 544px;
padding: 16px;
background-color: #fff;
border-radius: 16px;
width: auto;
min-width: 460px
}
}
.image-preview__content__top[data-v-71beb4c0] {
position: relative;
width: 100%;
display: flex
}
.image-preview__content__top-close[data-v-71beb4c0] {
cursor: pointer;
z-index: 20
}
@media screen and (max-width: 839px) {
.image-preview__content__top-close[data-v-71beb4c0] {
margin: 16px;
color: #fff
}
}
@media screen and (min-width: 840px),
print {
.image-preview__content__top-close[data-v-71beb4c0] {
margin-left: auto
}
}
.image-preview__content__mid[data-v-71beb4c0] {
display: flex;
align-items: center;
justify-content: center;
text-align: center;
position: relative;
width: 100%;
flex: 1
}
.image-preview__content__mid-img[data-v-71beb4c0] {
position: absolute;
width: 100%;
height: 100%
}
.image-preview__content__mid-img img[data-v-71beb4c0] {
object-fit: contain;
height: 100%;
width: 100%
}
.image-preview__content__mid-nav[data-v-71beb4c0] {
position: absolute;
border-radius: 50%;
z-index: 10;
cursor: pointer;
height: 35px;
width: 35px;
background-color: #fff;
color: #19222a
}
@media screen and (max-width: 839px) {
.image-preview__content__mid-nav[data-v-71beb4c0] {
background-color: #19222a;
color: #fff
}
}
.image-preview__content__mid-nav.next[data-v-71beb4c0] {
right: 4px
}
.image-preview__content__mid-nav.prev[data-v-71beb4c0] {
left: 4px
}
.image-preview__content__bottom[data-v-71beb4c0] {
display: flex;
align-items: center;
overflow-x: auto;
background-color: #000c;
position: relative;
gap: 16px;
justify-content: center
}
@media screen and (max-width: 839px) {
.image-preview__content__bottom[data-v-71beb4c0] {
padding: 16px
}
}
@media screen and (min-width: 840px),
print {
.image-preview__content__bottom[data-v-71beb4c0] {
background-color: #fff
}
}
.image-preview__content__bottom__thumbnails[data-v-71beb4c0] {
background-color: #fff;
height: 60px;
width: 60px;
border-radius: 8px;
cursor: pointer;
object-fit: cover
}
.image-preview__content__bottom__thumbnails.active[data-v-71beb4c0] {
border: solid 2px #0096d9
}
.image-preview__overlay[data-v-71beb4c0] {
position: fixed;
width: 100%;
height: 100%
}
@media screen and (max-width: 839px) {
.image-preview__overlay[data-v-71beb4c0] {
display: none
}
}
.image-preview-fade-enter-active[data-v-71beb4c0],
.image-preview-fade-leave-active[data-v-71beb4c0] {
transition: opacity .5s ease
}
.image-preview-fade-enter[data-v-71beb4c0],
.image-preview-fade-leave-active[data-v-71beb4c0] {
opacity: 0
}
.ratings[data-v-455f666f] {
display: flex;
flex-direction: column;
width: 100%
}
.ratings-data[data-v-455f666f] {
display: flex;
align-items: center;
gap: 8px
}
.ratings-data__star[data-v-455f666f] {
display: flex;
align-items: center;
justify-content: center;
gap: 4px
}
.ratings-data__star span[data-v-455f666f] {
color: #19222a66;
width: 8px;
font: 500 12px/16px Blibli, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif
}
.ratings-data__bar[data-v-455f666f] {
flex: 1;
background-color: #f1f2f2;
border-radius: 4px
}
.ratings-data__bar-inner[data-v-455f666f] {
background-color: #ffcd00;
border-radius: 4px;
display: block;
height: 4px
}
.ratings-data__count[data-v-455f666f] {
font: 500 12px/16px Blibli, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif;
color: #19222a66
}
.rating-score[data-v-9fb73c36] {
display: flex;
flex-direction: row;
width: 40%
}
@media screen and (max-width: 839px) {
.rating-score[data-v-9fb73c36] {
width: 100%
}
}
.rating-score__average[data-v-9fb73c36] {
display: flex;
align-items: baseline;
margin: 0;
color: #19222a;
font: 600 32px/38px Blibli, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif
}
.rating-score__average .per-five[data-v-9fb73c36] {
font: 600 16px/20px Blibli, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif
}
.rating-score__detail[data-v-9fb73c36] {
display: flex;
gap: 4px;
align-items: center;
color: #19222a66
}
@media screen and (max-width: 839px) {
.rating-score__detail[data-v-9fb73c36] {
flex-direction: column;
font: 500 10px/14px Blibli, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif
}
}
@media screen and (min-width: 840px),
print {
.rating-score__detail[data-v-9fb73c36] {
font: 500 12px/16px Blibli, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif
}
}
.rating-score__info[data-v-9fb73c36] {
display: flex;
flex-direction: column;
flex-basis: 0;
justify-content: center;
align-items: center;
gap: 4px;
max-width: max-content;
flex-grow: 1
}
@media screen and (max-width: 839px) {
.rating-score__info[data-v-9fb73c36] {
flex-grow: 4
}
}
[data-v-1228cecf] .blu-dropdown-trigger {
height: 18px
}
[data-v-1228cecf] .blu-dropdown-tray {
right: 5px;
left: auto !important
}
.review-reply[data-v-cb7ed1ad] {
display: flex;
width: calc(100% - 17px);
gap: 8px;
flex-direction: column;
padding-left: 16px;
border-left: 1px dotted #e1e3e4;
border-radius: 2px
}
.review-reply.seeReply[data-v-cb7ed1ad] {
border-left: 1px solid #e1e3e4
}
.review-reply__button[data-v-cb7ed1ad] {
color: #006dea;
font: 500 14px/18px Blibli, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif;
cursor: pointer
}
.review-reply__content[data-v-cb7ed1ad] {
display: flex;
gap: 8px
}
.review-reply__content-info[data-v-cb7ed1ad] {
display: flex;
gap: 4px;
font: 500 12px/16px Blibli, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif;
color: #19222a66
}
.review-reply__content-hidden[data-v-cb7ed1ad] {
font: 500 14px/18px Blibli, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif
}
.review-reply__content-hidden>.learnMore[data-v-cb7ed1ad] {
color: #006dea;
cursor: pointer
}
.review-reply__content-sellerReply[data-v-cb7ed1ad] {
display: flex;
width: 100%;
color: #19222ab3;
font: 500 16px/20px Blibli, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif;
flex-direction: column;
gap: 4px
}
.reviewItem[data-v-9947ac40] {
position: relative;
display: flex;
flex-direction: column;
flex-wrap: wrap;
width: 100%;
gap: 8px
}
.reviewItem__product[data-v-9947ac40] {
display: flex;
align-items: center;
gap: 8px;
text-decoration: none
}
.reviewItem__product-image[data-v-9947ac40] {
width: 40px;
height: 40px;
border-radius: 4px
}
.reviewItem__product-name[data-v-9947ac40] {
word-break: break-word;
color: #19222a
}
.reviewItem__product-name__disabled[data-v-9947ac40] {
word-break: break-word;
cursor: pointer;
color: #19222a66
}
.reviewItem[data-v-9947ac40]:not(:first-of-type) {
padding-top: 16px;
border-top: 1px #e1e3e4 solid
}
.reviewItem__header[data-v-9947ac40] {
display: flex;
justify-content: space-between;
align-items: center
}
.reviewItem__action[data-v-9947ac40] {
display: flex
}
.reviewItem__action-like[data-v-9947ac40] {
font: 500 14px/18px Blibli, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif;
color: #19222ab3;
cursor: pointer;
display: flex;
align-items: center;
gap: 4px;
padding: 0 8px
}
.reviewItem__action-like--active[data-v-9947ac40] {
color: #db181d
}
.reviewItem__chips[data-v-9947ac40] {
display: flex;
flex-wrap: wrap;
gap: 8px
}
.reviewItem__pretext[data-v-9947ac40] {
font: 500 14px/18px Blibli, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif;
color: #19222ab3
}
.reviewItem__pretext>span[data-v-9947ac40] {
color: #19222a66
}
.reviewItem__content[data-v-9947ac40] {
display: flex;
color: #19222ab3;
flex-direction: column;
align-items: flex-start;
flex: 1
}
.reviewItem__content-text[data-v-9947ac40] {
font: 500 16px/20px Blibli, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif;
color: #19222ab3;
-webkit-box-orient: vertical;
display: -webkit-box;
overflow: hidden;
word-break: break-word;
text-overflow: ellipsis;
-webkit-line-clamp: 3
}
.reviewItem__content-expanded[data-v-9947ac40] {
-webkit-line-clamp: unset !important
}
.reviewItem__content-readMore[data-v-9947ac40] {
font: 500 16px/20px Blibli, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif;
color: #006dea;
cursor: pointer
}
.reviewItem__images[data-v-9947ac40] {
display: flex;
flex-direction: row;
gap: 8px;
flex-wrap: wrap
}
.reviewItem__images--container[data-v-9947ac40] {
width: 60px;
height: 60px;
background-color: #fff;
border-radius: 8px;
object-fit: cover;
cursor: pointer
}
.reviewItem__info[data-v-9947ac40] {
display: flex;
flex-wrap: wrap;
color: #19222a66;
font: 500 12px/16px Blibli, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif;
gap: 4px
}
.reviewItem__variant[data-v-9947ac40] {
display: flex;
flex-wrap: wrap;
color: #19222a66;
font: 500 12px/16px Blibli, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif
}
.reviewItem__variant-tags[data-v-9947ac40] {
display: flex;
gap: 4px;
align-items: center
}
.reviewItem__variant-tags[data-v-9947ac40]:not(:first-child):before {
content: "·";
margin-left: 4px;
color: #19222a66
}
.blu-modal__body[data-v-c05aa39f] ol {
list-style-type: none;
padding: 0;
margin: 0
}
.sellerReview-card[data-v-a1fc7543] {
cursor: pointer;
display: flex;
flex-direction: column;
flex: 1;
gap: 8px;
padding: 16px;
border-radius: 16px;
border: 1px solid #e1e3e4
}
@media screen and (max-width: 839px) {
.sellerReview-card[data-v-a1fc7543] {
min-width: 75vw;
width: 100%
}
}
@media screen and (min-width: 840px),
print {
.sellerReview-card[data-v-a1fc7543] {
flex: 0 0 33%
}
}
.sellerReview-card__content[data-v-a1fc7543] {
color: #19222ab3;
font: 500 16px/20px Blibli, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif;
-webkit-box-orient: vertical;
display: -webkit-box;
overflow: hidden;
word-break: break-word;
text-overflow: ellipsis;
-webkit-line-clamp: 2
}
.sellerReview-card__info[data-v-a1fc7543] {
display: flex;
flex-wrap: wrap;
gap: 4px;
color: #19222a66;
font: 500 12px/16px Blibli, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif
}
.product-reviews[data-v-c168623b] {
display: flex;
flex-direction: column;
gap: 16px
}
@media screen and (max-width: 839px) {
.product-reviews[data-v-c168623b] {
gap: 8px
}
}
.product-reviews__header[data-v-c168623b] {
font: 600 20px/24px Blibli, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif;
display: flex;
justify-content: space-between;
align-items: center
}
.product-reviews__summary[data-v-c168623b] {
display: flex;
gap: 20px;
align-items: center
}
.product-reviews__summary-progress[data-v-c168623b] {
width: min(400px, 100%)
}
.product-reviews__summary-mobile[data-v-c168623b] {
display: flex;
gap: 8px;
font: 500 16px/20px Blibli, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif;
margin-bottom: 12px
}
.product-reviews__summary-mobile .text-high[data-v-c168623b] {
color: #19222a66
}
.product-reviews__highlight[data-v-c168623b],
.product-reviews__seller[data-v-c168623b] {
gap: 12px
}
@media screen and (min-width: 840px),
print {
.product-reviews__highlight[data-v-c168623b],
.product-reviews__seller[data-v-c168623b] {
display: grid;
grid-template-columns: repeat(3, 1fr)
}
}
@media screen and (max-width: 839px) {
.product-reviews__highlight[data-v-c168623b],
.product-reviews__seller[data-v-c168623b] {
display: flex;
overflow-x: scroll
}
}
.product-reviews__highlight-card[data-v-c168623b],
.product-reviews__seller-card[data-v-c168623b] {
display: flex;
flex-direction: column;
flex: 1;
gap: 8px;
padding: 16px;
border-radius: 16px;
border: 1px solid #e1e3e4
}
.product-reviews__highlight-card__item[data-v-c168623b],
.product-reviews__seller-card__item[data-v-c168623b] {
height: 100%
}
@media screen and (max-width: 839px) {
.product-reviews__highlight-card[data-v-c168623b],
.product-reviews__seller-card[data-v-c168623b] {
min-width: 75vw;
width: 100%
}
}
@media screen and (min-width: 840px),
print {
.product-reviews__highlight-card[data-v-c168623b],
.product-reviews__seller-card[data-v-c168623b] {
flex: 0 0 33%
}
}
.product-reviews__empty[data-v-c168623b] {
font: 500 14px/18px Blibli, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif
}
.page-fade-enter-active,
.page-fade-leave-active {
transition: opacity .2s ease
}
.page-fade-enter,
.page-fade-leave {
opacity: 0
}
.cursor-pointer {
cursor: pointer
}
.filter-image-reviews[data-v-d5f8d3e6] {
display: flex;
flex-direction: column;
gap: 16px;
font: 600 16px/20px Blibli, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif;
color: #19222a
}
.filter-rating-reviews[data-v-fec384bf] {
display: flex;
flex-direction: column;
gap: 16px
}
.filter-rating-reviews .icon[data-v-fec384bf] {
transform: none !important;
margin-right: 2px !important
}
.filter-rating-reviews__label[data-v-fec384bf] {
font: 600 16px/20px Blibli, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif;
color: #19222a
}
.filter-rating-reviews__chips[data-v-fec384bf] {
display: flex;
gap: 4px;
flex-wrap: wrap
}
@media screen and (max-width: 839px) {
.filter-rating-reviews__chips[data-v-fec384bf] {
flex-wrap: nowrap !important
}
}
.floating-btn[data-v-08b4a9d6] {
position: fixed;
display: flex;
align-items: flex-end;
justify-content: center;
bottom: 20px;
z-index: 3;
padding: 6px 12px 6px 16px;
border-radius: 20px;
left: 50%;
transform: translate(-50%);
box-shadow: 0 1px 6px #0000001a
}
.floating-btn span[data-v-08b4a9d6] {
font-size: 16px;
line-height: 20px
}
.topics-list[data-v-6db1a482] {
display: flex;
flex-direction: column
}
.topics-list__mobile[data-v-6db1a482] .blu-list__content {
justify-content: center
}
.topics-list__mobile[data-v-6db1a482] .blu-list__content-additional {
justify-content: center !important
}
[data-v-6db1a482] .blu-accordion__header {
border-bottom: none;
border-radius: 0;
padding: 0 0 16px !important;
font: 600 16px/20px Blibli, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif !important;
color: #19222a !important
}
.variant-form[data-v-b31284d6] {
display: flex;
flex-direction: column;
gap: 16px
}
.variant-form__categories[data-v-b31284d6] {
color: #19222a;
display: flex;
gap: 8px;
flex-direction: column
}
.filter-variant[data-v-c45dc3f9] {
display: flex;
flex-direction: column;
gap: 16px
}
.filter-variant>.header[data-v-c45dc3f9] {
display: flex;
justify-content: space-between;
align-items: center
}
.filter-variant>.header>label[data-v-c45dc3f9] {
font: 600 16px/20px Blibli, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif;
color: #19222a
}
.filter-variant>.header>span[data-v-c45dc3f9] {
cursor: pointer;
font: 600 14px/18px Blibli, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif;
color: #006dea
}
.margin-top[data-v-c45dc3f9] {
margin-top: 16px
}
.filter-list[data-v-7539fbae] {
display: flex;
align-items: flex-start;
gap: 16px
}
@media screen and (max-width: 839px) {
.filter-list[data-v-7539fbae] {
padding: 6px 6px 14px 0;
position: -webkit-sticky;
position: sticky;
top: -1px;
z-index: 2;
gap: 8px;
background-color: #fff
}
.filter-list[data-v-7539fbae]::-webkit-scrollbar {
display: none
}
}
@media screen and (min-width: 840px),
print {
.filter-list[data-v-7539fbae] {
flex-direction: column
}
.filter-list[data-v-7539fbae]>*:not(:first-child) {
border-top: 1px #c8cbcd solid;
width: 100%;
padding-top: 16px
}
}
@media screen and (min-width: 840px),
print {
.filter-list__topics[data-v-7539fbae] {
order: 1
}
}
@media screen and (min-width: 840px),
print {
.filter-list__variant[data-v-7539fbae] {
order: 2
}
}
.loader[data-v-ca9e690f] {
position: absolute;
background: #fff;
width: 100%;
height: 100%;
top: 0;
left: 0;
text-align: center;
--size: 20px;
--gap: 15px
}
.loader .wrapper[data-v-ca9e690f] {
position: relative;
top: 50%;
transform: translateY(-50%)
}
.dot-loader--default .circle[data-v-ca9e690f] {
background-color: #afdaf0;
animation: flashing-ca9e690f 2.24s infinite normal
}
.dot-loader--default .circle-1[data-v-ca9e690f] {
animation-delay: .45s
}
.dot-loader--default .circle-2[data-v-ca9e690f] {
animation-delay: 1.05s
}
.dot-loader--default .circle-3[data-v-ca9e690f] {
animation-delay: 1.35s
}
.dot-loader--pulse .circle[data-v-ca9e690f] {
background-color: #005ed4;
animation: pulse-ca9e690f 1s infinite linear alternate
}
.dot-loader--pulse .circle-1[data-v-ca9e690f] {
animation-delay: 0
}
.dot-loader--pulse .circle-2[data-v-ca9e690f] {
animation-delay: .5s
}
.dot-loader--pulse .circle-3[data-v-ca9e690f] {
animation-delay: 1s
}
.circle[data-v-ca9e690f] {
display: inline-block;
height: var(--size);
width: var(--size);
border-radius: 20px
}
.circle[data-v-ca9e690f]:first-child {
margin-left: 0
}
.circle[data-v-ca9e690f]:not(:first-child) {
margin-left: var(--gap)
}
#circle_1[data-v-ca9e690f] {
animation-delay: .45s
}
#circle_2[data-v-ca9e690f] {
animation-delay: 1.05s
}
#circle_3[data-v-ca9e690f] {
animation-delay: 1.35s
}
@keyframes flashing-ca9e690f {
50% {
background-color: #f0f0f0
}
}
@keyframes pulse-ca9e690f {
0% {
background-color: #005ed4;
transform: scale(2)
}
50%,
to {
background-color: #3b444c;
transform: scale(1)
}
}
.review-items-list[data-v-037d64b9] {
display: flex;
flex-direction: column;
gap: 16px
}
@media screen and (max-width: 839px) {
.review-items-list[data-v-037d64b9] {
padding: 0 8px 0 16px
}
}
@media screen and (min-width: 840px),
print {
.review-items-list[data-v-037d64b9] {
width: 100%
}
}
.review-items-list .empty[data-v-037d64b9] {
text-align: center
}
.review-items-list .empty .feedback-img[data-v-037d64b9] {
display: inline-block;
margin: 24px 0
}
@media screen and (max-width: 839px) {
.review-items-list .empty .feedback-img[data-v-037d64b9] {
margin: 0;
transform: scale(.9)
}
}
.review-items-list .empty .message[data-v-037d64b9] {
text-align: center;
font: 600 18px/24px Blibli, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif;
color: #19222a
}
.review-items-list__loader[data-v-037d64b9] {
position: relative;
padding: 10px 0;
text-align: center
}
.review-items-list__observer[data-v-037d64b9] {
display: flex;
width: 100%;
height: 20px
}
.b-overflow-x[data-v-8cf33ded] {
overflow-x: auto
}
.b-overflow-y[data-v-8cf33ded],
.b-overflow-x[data-v-8cf33ded] {
scrollbar-color: rgba(25, 34, 42, .3019607843) transparent;
scrollbar-width: thin
}
.b-overflow-y[data-v-8cf33ded]::-webkit-scrollbar,
.b-overflow-x[data-v-8cf33ded]::-webkit-scrollbar {
width: 4px;
height: 8px;
background-color: transparent
}
.b-overflow-y[data-v-8cf33ded]::-webkit-scrollbar-track,
.b-overflow-x[data-v-8cf33ded]::-webkit-scrollbar-track {
margin: 13px 0
}
.b-overflow-y[data-v-8cf33ded]::-webkit-scrollbar-thumb,
.b-overflow-x[data-v-8cf33ded]::-webkit-scrollbar-thumb {
box-shadow: inset 0 0 14px 14px transparent;
border-radius: 4px;
background-color: #19222a4d;
scrollbar-color: rgba(25, 34, 42, .3019607843)
}
.b-overflow-y[data-v-8cf33ded]:hover::-webkit-scrollbar,
.b-overflow-x[data-v-8cf33ded]:hover::-webkit-scrollbar {
width: 4px
}
.b-overflow-y[data-v-8cf33ded]:hover::-webkit-scrollbar-track,
.b-overflow-x[data-v-8cf33ded]:hover::-webkit-scrollbar-track {
border: solid 2px transparent
}
.b-overflow-y[data-v-8cf33ded]:hover::-webkit-scrollbar-thumb:hover,
.b-overflow-x[data-v-8cf33ded]:hover::-webkit-scrollbar-thumb:hover {
box-shadow: inset 0 0 14px 14px transparent;
background-color: #19222a4d;
scrollbar-color: rgba(25, 34, 42, .3019607843) transparent
}
.b-overflow-y[data-v-8cf33ded]::-webkit-scrollbar-track,
.b-overflow-x[data-v-8cf33ded]::-webkit-scrollbar-track {
border-radius: 3px;
background-color: transparent
}
.b-overflow-y.hidden[data-v-8cf33ded],
.b-overflow-x.hidden[data-v-8cf33ded] {
scrollbar-width: none
}
.b-overflow-y.hidden[data-v-8cf33ded]::-webkit-scrollbar-thumb,
.b-overflow-x.hidden[data-v-8cf33ded]::-webkit-scrollbar-thumb {
border-radius: 4px;
background-color: transparent
}
.b-overflow-y.hidden[data-v-8cf33ded]:hover,
.b-overflow-x.hidden[data-v-8cf33ded]:hover {
scrollbar-width: thin
}
.b-overflow-y.hidden[data-v-8cf33ded]:hover::-webkit-scrollbar-thumb,
.b-overflow-x.hidden[data-v-8cf33ded]: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
}
.b-overflow-y.hidden[data-v-8cf33ded]:hover::-webkit-scrollbar-thumb:hover,
.b-overflow-x.hidden[data-v-8cf33ded]:hover::-webkit-scrollbar-thumb:hover {
box-shadow: inset 0 0 14px 14px transparent;
background-color: #19222a4d;
scrollbar-color: rgba(25, 34, 42, .3019607843) transparent
}
.b-overflow-y[data-v-8cf33ded] {
overflow-y: auto;
margin: 0
}
.review-modal[data-v-8cf33ded] {
display: flex;
gap: 16px
}
@media screen and (min-width: 840px),
print {
.review-modal[data-v-8cf33ded] {
max-height: 496px
}
}
@media screen and (max-width: 839px) {
.review-modal[data-v-8cf33ded] {
flex-direction: column;
width: 100%;
gap: 8px
}
}
.review-modal__left[data-v-8cf33ded] {
display: flex;
align-items: flex-start;
gap: 8px;
flex-direction: column
}
@media screen and (min-width: 840px),
print {
.review-modal__left[data-v-8cf33ded] {
padding: 10px;
max-width: 30%;
gap: 24px;
border: 1px solid #c8cbcd;
border-radius: 8px
}
}
@media screen and (max-width: 839px) {
.review-modal__left[data-v-8cf33ded] {
background-color: #f9f9fa;
padding: 8px 16px
}
}
.review-modal__left-rating[data-v-8cf33ded] {
display: flex;
width: 100%;
gap: 16px
}
@media screen and (min-width: 840px),
print {
.review-modal__left-rating[data-v-8cf33ded] {
flex-direction: column
}
.review-modal__left-rating-score[data-v-8cf33ded] {
align-items: start
}
}
@media screen and (max-width: 839px) {
.review-modal__left-rating[data-v-8cf33ded] {
align-items: center
}
}
.review-modal__right[data-v-8cf33ded] {
width: 70%
}
@media screen and (min-width: 840px),
print {
.blu-modal__body[data-v-8cf33ded] {
overflow: hidden !important
}
}
</style>
<style>
html:not([dark]) button[data-v-33e9fb72] {
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-33e9fb72]::-moz-focus-inner,
html:not([dark]) input[type=button][data-v-33e9fb72]::-moz-focus-inner {
border: 0px
}
html:not([dark]) button[data-v-33e9fb72]:focus,
html:not([dark]) input[type=submit][data-v-33e9fb72]:focus,
html:not([dark]) input[type=button][data-v-33e9fb72]:focus,
html:not([dark]) input[type=reset][data-v-33e9fb72]:focus,
html:not([dark]) a[data-v-33e9fb72] {
outline: none
}
html:not([dark]) .blu-toast[data-v-33e9fb72] {
--blu-toast-color-background: #28323b;
--blu-toast-color-text: #ffffff;
--blu-toast-color-icon: #ffffff;
--blu-toast-link-color-text: #4fa4ff;
--blu-toast-desc-text: 500 16px/20px Blibli, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif;
--blu-toast-link-text: 600 16px/20px Blibli, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif;
--blu-toast-icon-size: 24px;
--blu-toast-border-radius: 8px;
--blu-toast-spacing-gap: 4px 0;
--blu-toast-spacing-padding: 8px 16px;
--blu-toast-content-spacing-gap: 8px;
--blu-toast-icon-border-focused: 2px solid #ffffff;
--blu-toast-min-height: 48px;
display: flex;
align-items: center;
border-radius: var(--blu-toast-border-radius);
justify-content: space-between;
color: var(--blu-toast-color-text);
margin: var(--blu-toast-spacing-gap);
padding: var(--blu-toast-spacing-padding);
transition: all .4s ease-in-out;
min-height: var(--blu-toast-min-height);
min-width: 240px;
max-width: 600px;
pointer-events: all;
background-color: var(--blu-toast-color-background);
box-sizing: border-box;
font: var(--blu-toast-desc-text)
}
html:not([dark]) .blu-toast *[data-v-33e9fb72]:not(:last-child) {
margin-right: var(--blu-toast-content-spacing-gap)
}
@media screen and (max-width: 839px) {
html:not([dark]) .blu-toast[data-v-33e9fb72] {
--blu-toast-desc-text: 500 14px/18px Blibli, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif;
width: 100%
}
}
html:not([dark]) .blu-toast__content[data-v-33e9fb72] {
display: flex;
align-items: center
}
html:not([dark]) .blu-toast__content--link[data-v-33e9fb72] {
color: var(--blu-toast-link-color-text);
font: var(--blu-toast-link-text);
height: fit-content;
margin-left: auto;
cursor: pointer
}
@media screen and (max-width: 839px) {
html:not([dark]) .blu-toast__content--link[data-v-33e9fb72] {
--blu-toast-link-text: 600 14px/18px Blibli, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif
}
}
html:not([dark]) .blu-toast__remove[data-v-33e9fb72] {
padding: 4px;
color: var(--blu-toast-color-icon);
display: flex
}
html:not([dark]) .blu-toast__remove svg[data-v-33e9fb72] {
width: var(--blu-toast-icon-size);
height: var(--blu-toast-icon-size)
}
html:not([dark]) .blu-toast__remove[data-v-33e9fb72]:focus-visible {
outline: var(--blu-toast-icon-border-focused)
}
html:not([dark]) .blu-toast.b-has-action .blu-toast__content[data-v-33e9fb72] {
flex-wrap: wrap;
width: 100%
}
html:not([dark]) .blu-toast.b-has-action .blu-toast__content--desc[data-v-33e9fb72] {
flex-grow: 1
}
html:not([dark]) .blu-toast.b-has-action .long-action[data-v-33e9fb72] {
flex-direction: column;
align-items: normal
}
html:not([dark]) .blu-toast.b-has-action .long-action *[data-v-33e9fb72]:not(:last-child) {
margin-right: 0;
margin-bottom: 8px
}
html:not([dark]) .blu-toast.b-has-action .long-action .blu-toast__content--desc[data-v-33e9fb72] {
max-width: none
}
html:not([dark]) .blu-toast.b-error[data-v-33e9fb72] {
--blu-toast-color-background: #e93c3c;
--blu-toast-link-color-text: #ffffff
}
html:not([dark]) .blu-toast.b-success[data-v-33e9fb72] {
--blu-toast-color-background: #22a334;
--blu-toast-link-color-text: #ffffff
}
html:not([dark]) .toast-enter-active[data-v-33e9fb72],
html:not([dark]) .toast-leave-active[data-v-33e9fb72] {
transition: opacity 1s
}
html:not([dark]) .toast-enter[data-v-33e9fb72],
html:not([dark]) .toast-leave-to[data-v-33e9fb72] {
opacity: 0
}
html[dark] button[data-v-33e9fb72] {
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-33e9fb72]::-moz-focus-inner,
html[dark] input[type=button][data-v-33e9fb72]::-moz-focus-inner {
border: 0px
}
html[dark] button[data-v-33e9fb72]:focus,
html[dark] input[type=submit][data-v-33e9fb72]:focus,
html[dark] input[type=button][data-v-33e9fb72]:focus,
html[dark] input[type=reset][data-v-33e9fb72]:focus,
html[dark] a[data-v-33e9fb72] {
outline: none
}
html[dark] .blu-toast[data-v-33e9fb72] {
--blu-toast-color-background: #f1f2f2;
--blu-toast-color-text: #12171d;
--blu-toast-color-icon: #12171d;
--blu-toast-link-color-text: #006dea;
--blu-toast-desc-text: 500 16px/20px Blibli, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif;
--blu-toast-link-text: 600 16px/20px Blibli, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif;
--blu-toast-icon-size: 24px;
--blu-toast-border-radius: 8px;
--blu-toast-spacing-gap: 4px 0;
--blu-toast-spacing-padding: 8px 16px;
--blu-toast-content-spacing-gap: 8px;
--blu-toast-icon-border-focused: 2px solid #12171d;
--blu-toast-min-height: 48px;
display: flex;
align-items: center;
border-radius: var(--blu-toast-border-radius);
justify-content: space-between;
color: var(--blu-toast-color-text);
margin: var(--blu-toast-spacing-gap);
padding: var(--blu-toast-spacing-padding);
transition: all .4s ease-in-out;
min-height: var(--blu-toast-min-height);
min-width: 240px;
max-width: 600px;
pointer-events: all;
background-color: var(--blu-toast-color-background);
box-sizing: border-box;
font: var(--blu-toast-desc-text)
}
html[dark] .blu-toast *[data-v-33e9fb72]:not(:last-child) {
margin-right: var(--blu-toast-content-spacing-gap)
}
@media screen and (max-width: 839px) {
html[dark] .blu-toast[data-v-33e9fb72] {
--blu-toast-desc-text: 500 14px/18px Blibli, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif;
width: 100%
}
}
html[dark] .blu-toast__content[data-v-33e9fb72] {
display: flex;
align-items: center
}
html[dark] .blu-toast__content--link[data-v-33e9fb72] {
color: var(--blu-toast-link-color-text);
font: var(--blu-toast-link-text);
height: fit-content;
margin-left: auto;
cursor: pointer
}
@media screen and (max-width: 839px) {
html[dark] .blu-toast__content--link[data-v-33e9fb72] {
--blu-toast-link-text: 600 14px/18px Blibli, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif
}
}
html[dark] .blu-toast__remove[data-v-33e9fb72] {
padding: 4px;
color: var(--blu-toast-color-icon);
display: flex
}
html[dark] .blu-toast__remove svg[data-v-33e9fb72] {
width: var(--blu-toast-icon-size);
height: var(--blu-toast-icon-size)
}
html[dark] .blu-toast__remove[data-v-33e9fb72]:focus-visible {
outline: var(--blu-toast-icon-border-focused)
}
html[dark] .blu-toast.b-has-action .blu-toast__content[data-v-33e9fb72] {
flex-wrap: wrap;
width: 100%
}
html[dark] .blu-toast.b-has-action .blu-toast__content--desc[data-v-33e9fb72] {
flex-grow: 1
}
html[dark] .blu-toast.b-has-action .long-action[data-v-33e9fb72] {
flex-direction: column;
align-items: normal
}
html[dark] .blu-toast.b-has-action .long-action *[data-v-33e9fb72]:not(:last-child) {
margin-right: 0;
margin-bottom: 8px
}
html[dark] .blu-toast.b-has-action .long-action .blu-toast__content--desc[data-v-33e9fb72] {
max-width: none
}
html[dark] .blu-toast.b-error[data-v-33e9fb72] {
--blu-toast-color-background: #ff9090;
--blu-toast-link-color-text: #12171d
}
html[dark] .blu-toast.b-success[data-v-33e9fb72] {
--blu-toast-color-background: #74e281;
--blu-toast-link-color-text: #12171d
}
html[dark] .toast-enter-active[data-v-33e9fb72],
html[dark] .toast-leave-active[data-v-33e9fb72] {
transition: opacity 1s
}
html[dark] .toast-enter[data-v-33e9fb72],
html[dark] .toast-leave-to[data-v-33e9fb72] {
opacity: 0
}
html:not([dark]) .blu-toast-container[data-v-746bd356] {
box-sizing: border-box;
pointer-events: none;
position: fixed;
z-index: 1000;
display: flex;
width: 100%;
bottom: var(--bottom-gap);
padding: 8px 16px;
overflow: hidden;
flex-direction: column-reverse
}
html:not([dark]) .blu-toast-container[data-v-746bd356]:not(.b-left) {
left: 50%;
transform: translate(-50%);
align-items: center
}
html:not([dark]) .blu-toast-container.b-left[data-v-746bd356] {
left: 0;
align-items: flex-start
}
html[dark] .blu-toast-container[data-v-746bd356] {
box-sizing: border-box;
pointer-events: none;
position: fixed;
z-index: 1000;
display: flex;
width: 100%;
bottom: var(--bottom-gap);
padding: 8px 16px;
overflow: hidden;
flex-direction: column-reverse
}
html[dark] .blu-toast-container[data-v-746bd356]:not(.b-left) {
left: 50%;
transform: translate(-50%);
align-items: center
}
html[dark] .blu-toast-container.b-left[data-v-746bd356] {
left: 0;
align-items: flex-start
}
</style>
<style>
html:not([dark]) .blu-rating[data-v-3770031d] {
--blu-rating-size: 24px;
--blu-rating-color-fill: rgba(25, 34, 42, .3019607843);
--blu-rating-color: rgba(25, 34, 42, .3019607843);
display: inline-flex;
cursor: pointer
}
html:not([dark]) .blu-rating svg[data-v-3770031d] {
width: var(--blu-rating-size);
height: var(--blu-rating-size)
}
html:not([dark]) .blu-rating svg[data-v-3770031d] .blu-rating__star {
stop-color: var(--blu-rating-color)
}
html:not([dark]) .blu-rating svg[data-v-3770031d] .blu-rating__star-fill {
stop-color: var(--blu-rating-color-fill)
}
html:not([dark]) .blu-rating svg.b-selected[data-v-3770031d] {
--blu-rating-color-fill: #ffcd00
}
html:not([dark]) .blu-rating.b-read-only[data-v-3770031d] {
cursor: default
}
html:not([dark]) .blu-rating.b-small[data-v-3770031d] {
--blu-rating-size: 18px
}
html:not([dark]) .blu-rating.b-large[data-v-3770031d] {
--blu-rating-size: 32px
}
html[dark] .blu-rating[data-v-3770031d] {
--blu-rating-size: 24px;
--blu-rating-color-fill: rgba(255, 255, 255, .3019607843);
--blu-rating-color: rgba(255, 255, 255, .3019607843);
display: inline-flex;
cursor: pointer
}
html[dark] .blu-rating svg[data-v-3770031d] {
width: var(--blu-rating-size);
height: var(--blu-rating-size)
}
html[dark] .blu-rating svg[data-v-3770031d] .blu-rating__star {
stop-color: var(--blu-rating-color)
}
html[dark] .blu-rating svg[data-v-3770031d] .blu-rating__star-fill {
stop-color: var(--blu-rating-color-fill)
}
html[dark] .blu-rating svg.b-selected[data-v-3770031d] {
--blu-rating-color-fill: #ffcd00
}
html[dark] .blu-rating.b-read-only[data-v-3770031d] {
cursor: default
}
html[dark] .blu-rating.b-small[data-v-3770031d] {
--blu-rating-size: 18px
}
html[dark] .blu-rating.b-large[data-v-3770031d] {
--blu-rating-size: 32px
}
</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: #db181d
}
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: #db181d
}
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: #db181d
}
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: #db181d
}
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: #db181d
}
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: #db181d
}
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>
*[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
}
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: #db181d;
--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)
}
*[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
}
html:not([dark]) .b-overflow-y[data-v-38117db0] {
scrollbar-color: rgba(25, 34, 42, .3019607843) transparent;
scrollbar-width: thin
}
html:not([dark]) .b-overflow-y[data-v-38117db0]::-webkit-scrollbar {
width: 4px;
height: 8px;
background-color: transparent
}
html:not([dark]) .b-overflow-y[data-v-38117db0]::-webkit-scrollbar-track {
margin: 13px 0
}
html:not([dark]) .b-overflow-y[data-v-38117db0]::-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-38117db0]:hover::-webkit-scrollbar {
width: 4px
}
html:not([dark]) .b-overflow-y[data-v-38117db0]:hover::-webkit-scrollbar-track {
border: solid 2px transparent
}
html:not([dark]) .b-overflow-y[data-v-38117db0]: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-38117db0]::-webkit-scrollbar-track {
border-radius: 3px;
background-color: transparent
}
html:not([dark]) .b-overflow-y.hidden[data-v-38117db0] {
scrollbar-width: none
}
html:not([dark]) .b-overflow-y.hidden[data-v-38117db0]::-webkit-scrollbar-thumb {
border-radius: 4px;
background-color: transparent
}
html:not([dark]) .b-overflow-y.hidden[data-v-38117db0]:hover {
scrollbar-width: thin
}
html:not([dark]) .b-overflow-y.hidden[data-v-38117db0]: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-38117db0]: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-38117db0] {
overflow-y: auto;
margin: 0
}
html:not([dark]) .blu-dropdown[data-v-38117db0] {
--dropdown-tray-max-height: 300px;
--blu-dropdown-tray-border-radius: 8px;
position: relative;
display: inline-block
}
html:not([dark]) .blu-dropdown.b-top .blu-dropdown-tray[data-v-38117db0] {
bottom: var(--dropdown-tray-position);
min-width: auto
}
html:not([dark]) .blu-dropdown.b-btm .blu-dropdown-tray[data-v-38117db0],
html:not([dark]) .blu-dropdown.b-btm .b-float[data-v-38117db0] {
top: var(--dropdown-tray-position)
}
html:not([dark]) .blu-dropdown-tray[data-v-38117db0] {
--blu-dropdown-tray-spacing-padding: 0 8px;
--blu-dropdown-tray-seach-bar-padding: 8px 0;
position: absolute;
z-index: 1;
width: 100%;
margin-top: 4px;
padding: var(--blu-dropdown-tray-spacing-padding);
box-sizing: border-box;
background-color: #fff;
border-radius: var(--blu-dropdown-tray-border-radius);
transition: all .3s ease-in-out;
pointer-events: auto;
max-height: 0;
left: var(--dropdown-tray-horizontal-position)
}
html:not([dark]) .blu-dropdown-tray__search-bar[data-v-38117db0] {
padding: var(--blu-dropdown-tray-seach-bar-padding)
}
html:not([dark]) .blu-dropdown-tray.b-shadowed[data-v-38117db0] {
box-shadow: 0 1px 6px #0000001a
}
html:not([dark]) .blu-dropdown-tray.b-flexible-width[data-v-38117db0] {
width: max-content
}
html:not([dark]) .blu-dropdown-tray.b-reverse[data-v-38117db0] {
left: revert;
right: var(--dropdown-tray-horizontal-position)
}
html:not([dark]) .blu-dropdown-tray.b-float[data-v-38117db0] {
position: fixed;
min-width: auto
}
html:not([dark]) .blu-dropdown-tray.b-has-no-padding[data-v-38117db0] {
--blu-dropdown-tray-spacing-padding: 0
}
html:not([dark]) .blu-dropdown:not(.b-active) .blu-dropdown-tray[data-v-38117db0] {
overflow: hidden;
visibility: hidden
}
html:not([dark]) .blu-dropdown.b-active .blu-dropdown-tray[data-v-38117db0] {
height: auto;
max-height: var(--dropdown-tray-max-height)
}
html:not([dark]) .blu-dropdown.b-disabled[data-v-38117db0] {
cursor: not-allowed
}
html:not([dark]) .blu-dropdown.b-disabled .blu-dropdown-trigger[data-v-38117db0] {
pointer-events: none
}
html:not([dark]) .blu-dropdown.b-is-full-width-dropdown-trigger-chips[data-v-38117db0] {
width: 100%
}
html[dark] .b-overflow-y[data-v-38117db0] {
scrollbar-color: rgba(255, 255, 255, .3019607843) transparent;
scrollbar-width: thin
}
html[dark] .b-overflow-y[data-v-38117db0]::-webkit-scrollbar {
width: 4px;
height: 8px;
background-color: transparent
}
html[dark] .b-overflow-y[data-v-38117db0]::-webkit-scrollbar-track {
margin: 13px 0
}
html[dark] .b-overflow-y[data-v-38117db0]::-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-38117db0]:hover::-webkit-scrollbar {
width: 4px
}
html[dark] .b-overflow-y[data-v-38117db0]:hover::-webkit-scrollbar-track {
border: solid 2px transparent
}
html[dark] .b-overflow-y[data-v-38117db0]: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-38117db0]::-webkit-scrollbar-track {
border-radius: 3px;
background-color: transparent
}
html[dark] .b-overflow-y.hidden[data-v-38117db0] {
scrollbar-width: none
}
html[dark] .b-overflow-y.hidden[data-v-38117db0]::-webkit-scrollbar-thumb {
border-radius: 4px;
background-color: transparent
}
html[dark] .b-overflow-y.hidden[data-v-38117db0]:hover {
scrollbar-width: thin
}
html[dark] .b-overflow-y.hidden[data-v-38117db0]: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-38117db0]: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-38117db0] {
overflow-y: auto;
margin: 0
}
html[dark] .blu-dropdown[data-v-38117db0] {
--dropdown-tray-max-height: 300px;
--blu-dropdown-tray-border-radius: 8px;
position: relative;
display: inline-block
}
html[dark] .blu-dropdown.b-top .blu-dropdown-tray[data-v-38117db0] {
bottom: var(--dropdown-tray-position);
min-width: auto
}
html[dark] .blu-dropdown.b-btm .blu-dropdown-tray[data-v-38117db0],
html[dark] .blu-dropdown.b-btm .b-float[data-v-38117db0] {
top: var(--dropdown-tray-position)
}
html[dark] .blu-dropdown-tray[data-v-38117db0] {
--blu-dropdown-tray-spacing-padding: 0 8px;
--blu-dropdown-tray-seach-bar-padding: 8px 0;
position: absolute;
z-index: 1;
width: 100%;
margin-top: 4px;
padding: var(--blu-dropdown-tray-spacing-padding);
box-sizing: border-box;
background-color: #12171d;
border-radius: var(--blu-dropdown-tray-border-radius);
transition: all .3s ease-in-out;
pointer-events: auto;
max-height: 0;
left: var(--dropdown-tray-horizontal-position)
}
html[dark] .blu-dropdown-tray__search-bar[data-v-38117db0] {
padding: var(--blu-dropdown-tray-seach-bar-padding)
}
html[dark] .blu-dropdown-tray.b-shadowed[data-v-38117db0] {
box-shadow: inset 0 0 0 30000px #6ddcff1a
}
html[dark] .blu-dropdown-tray.b-flexible-width[data-v-38117db0] {
width: max-content
}
html[dark] .blu-dropdown-tray.b-reverse[data-v-38117db0] {
left: revert;
right: var(--dropdown-tray-horizontal-position)
}
html[dark] .blu-dropdown-tray.b-float[data-v-38117db0] {
position: fixed;
min-width: auto
}
html[dark] .blu-dropdown-tray.b-has-no-padding[data-v-38117db0] {
--blu-dropdown-tray-spacing-padding: 0
}
html[dark] .blu-dropdown:not(.b-active) .blu-dropdown-tray[data-v-38117db0] {
overflow: hidden;
visibility: hidden
}
html[dark] .blu-dropdown.b-active .blu-dropdown-tray[data-v-38117db0] {
height: auto;
max-height: var(--dropdown-tray-max-height)
}
html[dark] .blu-dropdown.b-disabled[data-v-38117db0] {
cursor: not-allowed
}
html[dark] .blu-dropdown.b-disabled .blu-dropdown-trigger[data-v-38117db0] {
pointer-events: none
}
html[dark] .blu-dropdown.b-is-full-width-dropdown-trigger-chips[data-v-38117db0] {
width: 100%
}
</style>
<style>
html:not([dark]) .blu-field[data-v-34ee4e9a],
html:not([dark]) .blu-search-bar[data-v-34ee4e9a] {
--blu-field-container-border-width: 1px;
--blu-field-container-size-height: 48px;
--blu-field-container-color-border: transparent;
--blu-field-container-border-radius: 8px;
--blu-field-container-spacing-padding: 0 12px;
--blu-field-container-spacing-gap: 8px;
--blu-field-primary-container-color-background: #f1f2f2;
--blu-field-primary-cta-color-text: #006dea;
--blu-field-helper-text: 500 14px/18px Blibli, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif;
--blu-field-helper-color-text: rgba(25, 34, 42, .4);
--blu-field-icon-color: #797f85;
--blu-field-icon-size: 18px;
--blu-field-label-text: 500 14px/18px Blibli, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif;
--blu-filed-label-text-position: -18px;
--blu-field-label-color-text: rgba(25, 34, 42, .7019607843);
--blu-field-placeholder-text: 500 14px/18px Blibli, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif;
--blu-field-placeholder-color-text: rgba(25, 34, 42, .7019607843);
--blu-filed-placeholder-text-position: -18px;
--blu-field-action-color-background: #f1f2f2;
width: 100%;
font: var(--blu-field-helper-text)
}
html:not([dark]) .blu-field__label-container[data-v-34ee4e9a],
html:not([dark]) .blu-search-bar__label-container[data-v-34ee4e9a] {
flex: 1;
min-width: 0;
display: flex;
flex-direction: column;
position: relative
}
html:not([dark]) .blu-field__label[data-v-34ee4e9a],
html:not([dark]) .blu-field__placeholder[data-v-34ee4e9a],
html:not([dark]) .blu-search-bar__label[data-v-34ee4e9a],
html:not([dark]) .blu-search-bar__placeholder[data-v-34ee4e9a] {
transition: all .3s;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap
}
html:not([dark]) .blu-field__label[data-v-34ee4e9a],
html:not([dark]) .blu-search-bar__label[data-v-34ee4e9a] {
color: var(--blu-field-label-color-text);
font: var(--blu-field-label-text);
margin-bottom: var(--blu-filed-label-text-position)
}
html:not([dark]) .blu-field__placeholder[data-v-34ee4e9a],
html:not([dark]) .blu-search-bar__placeholder[data-v-34ee4e9a] {
color: var(--blu-field-placeholder-color-text);
font: var(--blu-field-placeholder-text);
margin-bottom: var(--blu-filed-placeholder-text-position)
}
html:not([dark]) .blu-field__asterisk[data-v-34ee4e9a],
html:not([dark]) .blu-search-bar__asterisk[data-v-34ee4e9a] {
color: #d33534
}
html:not([dark]) .blu-field.b-focused .blu-field__label-container[data-v-34ee4e9a],
html:not([dark]) .blu-field.has-value .blu-field__label-container[data-v-34ee4e9a],
html:not([dark]) .blu-search-bar.b-focused .blu-field__label-container[data-v-34ee4e9a],
html:not([dark]) .blu-search-bar.has-value .blu-field__label-container[data-v-34ee4e9a] {
margin-bottom: 0
}
html:not([dark]) .blu-field.b-focused label[data-v-34ee4e9a],
html:not([dark]) .blu-field.has-value label[data-v-34ee4e9a],
html:not([dark]) .blu-search-bar.b-focused label[data-v-34ee4e9a],
html:not([dark]) .blu-search-bar.has-value label[data-v-34ee4e9a] {
--blu-field-label-text: 500 12px/16px Blibli, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif;
--blu-field-label-color-text: #006dea;
--blu-filed-label-text-position: 0
}
html:not([dark]) .blu-field.has-value .blu-field__clearable-btn[data-v-34ee4e9a],
html:not([dark]) .blu-field.has-value .blu-search-bar__clearable-btn[data-v-34ee4e9a],
html:not([dark]) .blu-search-bar.has-value .blu-field__clearable-btn[data-v-34ee4e9a],
html:not([dark]) .blu-search-bar.has-value .blu-search-bar__clearable-btn[data-v-34ee4e9a] {
visibility: visible
}
html:not([dark]) .blu-field:not(.b-disabled) .blu-field__container[data-v-34ee4e9a]:hover,
html:not([dark]) .blu-field:not(.b-disabled) .blu-search-bar__container[data-v-34ee4e9a]:hover,
html:not([dark]) .blu-search-bar:not(.b-disabled) .blu-field__container[data-v-34ee4e9a]:hover,
html:not([dark]) .blu-search-bar:not(.b-disabled) .blu-search-bar__container[data-v-34ee4e9a]:hover {
--blu-field-primary-container-color-background: #f9f9fa;
--blu-field-action-color-background: #f9f9fa
}
html:not([dark]) .blu-field:not(.b-disabled) .blu-field__clearable-btn[data-v-34ee4e9a],
html:not([dark]) .blu-field:not(.b-disabled) .blu-search-bar__clearable-btn[data-v-34ee4e9a],
html:not([dark]) .blu-search-bar:not(.b-disabled) .blu-field__clearable-btn[data-v-34ee4e9a],
html:not([dark]) .blu-search-bar:not(.b-disabled) .blu-search-bar__clearable-btn[data-v-34ee4e9a] {
cursor: pointer
}
html:not([dark]) .blu-field__container[data-v-34ee4e9a],
html:not([dark]) .blu-search-bar__container[data-v-34ee4e9a] {
padding: var(--blu-field-container-spacing-padding);
box-shadow: 0 0 0 var(--blu-field-container-border-width) var(--blu-field-container-color-border) inset;
-webkit-box-shadow: 0 0 0 var(--blu-field-container-border-width) var(--blu-field-container-color-border) inset;
border-radius: var(--blu-field-container-border-radius);
height: var(--blu-field-container-size-height);
background-color: var(--blu-field-primary-container-color-background);
display: flex;
align-items: center;
cursor: text;
transition: all .2s, background-color .4s, background 0;
position: relative
}
html:not([dark]) .blu-field__container>*[data-v-34ee4e9a]:not(:last-child),
html:not([dark]) .blu-search-bar__container>*[data-v-34ee4e9a]:not(:last-child) {
margin-right: var(--blu-field-container-spacing-gap)
}
html:not([dark]) .blu-field__container[data-v-34ee4e9a]:focus-visible,
html:not([dark]) .blu-search-bar__container[data-v-34ee4e9a]:focus-visible {
outline: none
}
html:not([dark]) .blu-field__content[data-v-34ee4e9a],
html:not([dark]) .blu-search-bar__content[data-v-34ee4e9a] {
display: flex;
flex-grow: 1;
flex-direction: column;
position: relative;
overflow: hidden
}
html:not([dark]) .blu-field__action[data-v-34ee4e9a],
html:not([dark]) .blu-search-bar__action[data-v-34ee4e9a] {
display: flex;
align-items: center
}
html:not([dark]) .blu-field__item-leading[data-v-34ee4e9a],
html:not([dark]) .blu-field__item-trailing[data-v-34ee4e9a],
html:not([dark]) .blu-field__clearable-btn[data-v-34ee4e9a],
html:not([dark]) .blu-field__warning-btn[data-v-34ee4e9a],
html:not([dark]) .blu-field__success-btn[data-v-34ee4e9a],
html:not([dark]) .blu-search-bar__item-leading[data-v-34ee4e9a],
html:not([dark]) .blu-search-bar__item-trailing[data-v-34ee4e9a],
html:not([dark]) .blu-search-bar__clearable-btn[data-v-34ee4e9a],
html:not([dark]) .blu-search-bar__warning-btn[data-v-34ee4e9a],
html:not([dark]) .blu-search-bar__success-btn[data-v-34ee4e9a] {
color: var(--blu-field-icon-color);
display: flex;
height: var(--blu-field-icon-size)
}
html:not([dark]) .blu-field__item-leading[data-v-34ee4e9a] svg,
html:not([dark]) .blu-field__item-trailing[data-v-34ee4e9a] svg,
html:not([dark]) .blu-field__clearable-btn[data-v-34ee4e9a] svg,
html:not([dark]) .blu-field__warning-btn[data-v-34ee4e9a] svg,
html:not([dark]) .blu-field__success-btn[data-v-34ee4e9a] svg,
html:not([dark]) .blu-search-bar__item-leading[data-v-34ee4e9a] svg,
html:not([dark]) .blu-search-bar__item-trailing[data-v-34ee4e9a] svg,
html:not([dark]) .blu-search-bar__clearable-btn[data-v-34ee4e9a] svg,
html:not([dark]) .blu-search-bar__warning-btn[data-v-34ee4e9a] svg,
html:not([dark]) .blu-search-bar__success-btn[data-v-34ee4e9a] svg {
height: var(--blu-field-icon-size) !important;
width: var(--blu-field-icon-size) !important
}
html:not([dark]) .blu-field__item-leading[data-v-34ee4e9a]:not(:last-child),
html:not([dark]) .blu-field__item-trailing[data-v-34ee4e9a]:not(:last-child),
html:not([dark]) .blu-field__clearable-btn[data-v-34ee4e9a]:not(:last-child),
html:not([dark]) .blu-field__warning-btn[data-v-34ee4e9a]:not(:last-child),
html:not([dark]) .blu-field__success-btn[data-v-34ee4e9a]:not(:last-child),
html:not([dark]) .blu-search-bar__item-leading[data-v-34ee4e9a]:not(:last-child),
html:not([dark]) .blu-search-bar__item-trailing[data-v-34ee4e9a]:not(:last-child),
html:not([dark]) .blu-search-bar__clearable-btn[data-v-34ee4e9a]:not(:last-child),
html:not([dark]) .blu-search-bar__warning-btn[data-v-34ee4e9a]:not(:last-child),
html:not([dark]) .blu-search-bar__success-btn[data-v-34ee4e9a]:not(:last-child) {
margin-right: var(--blu-field-container-spacing-gap)
}
html:not([dark]) .blu-field__unit-leading[data-v-34ee4e9a],
html:not([dark]) .blu-field__unit-trailing[data-v-34ee4e9a],
html:not([dark]) .blu-search-bar__unit-leading[data-v-34ee4e9a],
html:not([dark]) .blu-search-bar__unit-trailing[data-v-34ee4e9a] {
color: var(--blu-field-icon-color);
display: flex;
align-items: center;
white-space: nowrap
}
html:not([dark]) .blu-field__unit-leading[data-v-34ee4e9a]:not(:last-child),
html:not([dark]) .blu-field__unit-trailing[data-v-34ee4e9a]:not(:last-child),
html:not([dark]) .blu-search-bar__unit-leading[data-v-34ee4e9a]:not(:last-child),
html:not([dark]) .blu-search-bar__unit-trailing[data-v-34ee4e9a]:not(:last-child) {
margin-right: var(--blu-field-container-spacing-gap)
}
html:not([dark]) .blu-field__unit-leading[data-v-34ee4e9a],
html:not([dark]) .blu-search-bar__unit-leading[data-v-34ee4e9a] {
justify-content: center
}
html:not([dark]) .blu-field__unit-trailing[data-v-34ee4e9a],
html:not([dark]) .blu-search-bar__unit-trailing[data-v-34ee4e9a] {
justify-content: flex-end
}
html:not([dark]) .blu-field__clearable-btn[data-v-34ee4e9a]:focus,
html:not([dark]) .blu-field__item-trailing[data-v-34ee4e9a] svg:focus,
html:not([dark]) .blu-search-bar__clearable-btn[data-v-34ee4e9a]:focus,
html:not([dark]) .blu-search-bar__item-trailing[data-v-34ee4e9a] svg:focus {
outline: none
}
html:not([dark]) .blu-field__clearable-btn[data-v-34ee4e9a]:focus-visible,
html:not([dark]) .blu-field__item-trailing[data-v-34ee4e9a] svg:focus-visible,
html:not([dark]) .blu-search-bar__clearable-btn[data-v-34ee4e9a]:focus-visible,
html:not([dark]) .blu-search-bar__item-trailing[data-v-34ee4e9a] svg:focus-visible {
outline: 2px solid #19222a
}
html:not([dark]) .blu-field__clearable-btn[data-v-34ee4e9a],
html:not([dark]) .blu-search-bar__clearable-btn[data-v-34ee4e9a] {
visibility: hidden
}
html:not([dark]) .blu-field__item-trailing[data-v-34ee4e9a],
html:not([dark]) .blu-search-bar__item-trailing[data-v-34ee4e9a] {
cursor: pointer
}
html:not([dark]) .blu-field__cta-button[data-v-34ee4e9a],
html:not([dark]) .blu-search-bar__cta-button[data-v-34ee4e9a] {
color: var(--blu-field-primary-cta-color-text);
font: 600 14px/18px Blibli, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif;
cursor: pointer
}
html:not([dark]) .blu-field__cta-button[data-v-34ee4e9a]:focus,
html:not([dark]) .blu-search-bar__cta-button[data-v-34ee4e9a]:focus {
outline: none
}
html:not([dark]) .blu-field__cta-button[data-v-34ee4e9a]:focus-visible,
html:not([dark]) .blu-search-bar__cta-button[data-v-34ee4e9a]:focus-visible {
outline: 2px solid #19222a
}
html:not([dark]) .blu-field.b-secondary[data-v-34ee4e9a],
html:not([dark]) .blu-search-bar.b-secondary[data-v-34ee4e9a] {
--blu-field-primary-container-color-background: #ffffff;
--blu-field-container-color-border: #c8cbcd;
--blu-field-action-color-background: #ffffff
}
html:not([dark]) .blu-field.b-focused[data-v-34ee4e9a]:not(.b-error):not(.b-success),
html:not([dark]) .blu-search-bar.b-focused[data-v-34ee4e9a]:not(.b-error):not(.b-success) {
--blu-field-container-color-border: #1d8fff
}
html:not([dark]) .blu-field.b-disabled .blu-field__container[data-v-34ee4e9a],
html:not([dark]) .blu-field.b-disabled .blu-search-bar__container[data-v-34ee4e9a],
html:not([dark]) .blu-search-bar.b-disabled .blu-field__container[data-v-34ee4e9a],
html:not([dark]) .blu-search-bar.b-disabled .blu-search-bar__container[data-v-34ee4e9a] {
cursor: not-allowed;
--blu-field-primary-container-color-background: #e1e3e4
}
html:not([dark]) .blu-field.b-disabled .blu-field__container label[data-v-34ee4e9a],
html:not([dark]) .blu-field.b-disabled .blu-search-bar__container label[data-v-34ee4e9a],
html:not([dark]) .blu-search-bar.b-disabled .blu-field__container label[data-v-34ee4e9a],
html:not([dark]) .blu-search-bar.b-disabled .blu-search-bar__container label[data-v-34ee4e9a] {
--blu-field-label-color-text: rgba(25, 34, 42, .4)
}
html:not([dark]) .blu-field.b-disabled .blu-field__container .blu-field__placeholder[data-v-34ee4e9a],
html:not([dark]) .blu-field.b-disabled .blu-search-bar__container .blu-field__placeholder[data-v-34ee4e9a],
html:not([dark]) .blu-search-bar.b-disabled .blu-field__container .blu-field__placeholder[data-v-34ee4e9a],
html:not([dark]) .blu-search-bar.b-disabled .blu-search-bar__container .blu-field__placeholder[data-v-34ee4e9a] {
--blu-field-placeholder-color-text: rgba(25, 34, 42, .4)
}
html:not([dark]) .blu-field.b-disabled .blu-field__container .blu-search-bar__placeholder[data-v-34ee4e9a],
html:not([dark]) .blu-field.b-disabled .blu-search-bar__container .blu-search-bar__placeholder[data-v-34ee4e9a],
html:not([dark]) .blu-search-bar.b-disabled .blu-field__container .blu-search-bar__placeholder[data-v-34ee4e9a],
html:not([dark]) .blu-search-bar.b-disabled .blu-search-bar__container .blu-search-bar__placeholder[data-v-34ee4e9a] {
--blu-field-placeholder-color-text: rgba(25, 34, 42, .4)
}
html:not([dark]) .blu-field.b-disabled .blu-field__item-leading[data-v-34ee4e9a],
html:not([dark]) .blu-field.b-disabled .blu-field__item-trailing[data-v-34ee4e9a],
html:not([dark]) .blu-field.b-disabled .blu-field__action *[data-v-34ee4e9a],
html:not([dark]) .blu-field.b-disabled .blu-search-bar__item-leading[data-v-34ee4e9a],
html:not([dark]) .blu-field.b-disabled .blu-search-bar__item-trailing[data-v-34ee4e9a],
html:not([dark]) .blu-field.b-disabled .blu-search-bar__action *[data-v-34ee4e9a],
html:not([dark]) .blu-search-bar.b-disabled .blu-field__item-leading[data-v-34ee4e9a],
html:not([dark]) .blu-search-bar.b-disabled .blu-field__item-trailing[data-v-34ee4e9a],
html:not([dark]) .blu-search-bar.b-disabled .blu-field__action *[data-v-34ee4e9a],
html:not([dark]) .blu-search-bar.b-disabled .blu-search-bar__item-leading[data-v-34ee4e9a],
html:not([dark]) .blu-search-bar.b-disabled .blu-search-bar__item-trailing[data-v-34ee4e9a],
html:not([dark]) .blu-search-bar.b-disabled .blu-search-bar__action *[data-v-34ee4e9a] {
--blu-field-icon-color: rgba(25, 34, 42, .3019607843)
}
html:not([dark]) .blu-field.b-disabled .blu-field__item-trailing[data-v-34ee4e9a],
html:not([dark]) .blu-field.b-disabled .blu-field__cta-button[data-v-34ee4e9a],
html:not([dark]) .blu-field.b-disabled .blu-search-bar__item-trailing[data-v-34ee4e9a],
html:not([dark]) .blu-field.b-disabled .blu-search-bar__cta-button[data-v-34ee4e9a],
html:not([dark]) .blu-search-bar.b-disabled .blu-field__item-trailing[data-v-34ee4e9a],
html:not([dark]) .blu-search-bar.b-disabled .blu-field__cta-button[data-v-34ee4e9a],
html:not([dark]) .blu-search-bar.b-disabled .blu-search-bar__item-trailing[data-v-34ee4e9a],
html:not([dark]) .blu-search-bar.b-disabled .blu-search-bar__cta-button[data-v-34ee4e9a] {
pointer-events: none
}
html:not([dark]) .blu-field.b-disabled .blu-field__cta-button[data-v-34ee4e9a],
html:not([dark]) .blu-field.b-disabled .blu-search-bar__cta-button[data-v-34ee4e9a],
html:not([dark]) .blu-search-bar.b-disabled .blu-field__cta-button[data-v-34ee4e9a],
html:not([dark]) .blu-search-bar.b-disabled .blu-search-bar__cta-button[data-v-34ee4e9a] {
--blu-field-primary-cta-color-text: rgba(25, 34, 42, .4)
}
html:not([dark]) .blu-field.b-small[data-v-34ee4e9a],
html:not([dark]) .blu-search-bar.b-small[data-v-34ee4e9a] {
--blu-field-container-size-height: 36px;
--blu-field-container-border-radius: 8px;
--blu-field-container-spacing-padding: 0 8px;
--blu-field-container-spacing-gap: 4px;
--blu-field-icon-size: 18px
}
html:not([dark]) .blu-field.has-max-length[data-v-34ee4e9a] {
animation: shake-34ee4e9a .82s cubic-bezier(.36, .07, .19, .97) both;
transform: translateZ(0);
backface-visibility: hidden;
perspective: 1000px
}
html:not([dark]) .blu-field__helper[data-v-34ee4e9a] {
display: flex;
color: var(--blu-field-helper-color-text)
}
html:not([dark]) .blu-field__helper[data-v-34ee4e9a] .blu-field__counter {
margin-left: auto
}
html:not([dark]) .blu-field__helper[data-v-34ee4e9a] :not(:empty) {
margin-top: 4px
}
html:not([dark]) .blu-field__helper.b-success[data-v-34ee4e9a] {
--blu-field-helper-color-text: #1c832a
}
html:not([dark]) .blu-field__helper.b-error[data-v-34ee4e9a] {
--blu-field-helper-color-text: #d33534
}
html:not([dark]) .blu-field__warning-btn[data-v-34ee4e9a] {
--blu-field-icon-color: #e93c3c
}
html:not([dark]) .blu-field__success-btn[data-v-34ee4e9a] {
--blu-field-icon-color: #1f912e
}
html:not([dark]) .blu-field.b-error[data-v-34ee4e9a] {
--blu-field-container-color-border: #ff4646;
--blu-field-helper-color-text: rgba(25, 34, 42, .4)
}
html:not([dark]) .blu-field.b-error.b-focused label[data-v-34ee4e9a],
html:not([dark]) .blu-field.b-error.has-value label[data-v-34ee4e9a] {
--blu-field-label-color-text: #d33534
}
html:not([dark]) .blu-field.b-success[data-v-34ee4e9a] {
--blu-field-container-color-border: #22a334;
--blu-field-helper-color-text: rgba(25, 34, 42, .4)
}
html:not([dark]) .blu-field.b-success.b-focused label[data-v-34ee4e9a],
html:not([dark]) .blu-field.b-success.has-value label[data-v-34ee4e9a] {
--blu-field-label-color-text: #1c832a
}
html:not([dark]) :not(.b-disabled) .blu-dropdown-trigger .blu-field__container[data-v-34ee4e9a],
html:not([dark]) :not(.b-disabled) .blu-dropdown-trigger label[data-v-34ee4e9a] {
cursor: pointer
}
html:not([dark]) [class*=b-is-text-area] .blu-field__container[data-v-34ee4e9a] {
height: 100%;
align-items: flex-start;
box-sizing: border-box;
padding: 8px 2px 2px 12px
}
html:not([dark]) [class*=b-is-text-area] .blu-field__wrapper[data-v-34ee4e9a] {
height: inherit
}
html:not([dark]) [class*=b-is-text-area] .blu-field__content[data-v-34ee4e9a] {
height: 100%;
margin-right: 0
}
html:not([dark]) [class*=b-is-text-area] .blu-field__label-container label[data-v-34ee4e9a] {
margin-bottom: 0;
height: 18px
}
html:not([dark]) [class*=b-is-text-area] .blu-field__action[data-v-34ee4e9a] {
position: absolute;
right: 8px;
background: var(--blu-field-action-color-background);
border-radius: 24px
}
html:not([dark]) [class*=b-is-text-area] .blu-field__action *[data-v-34ee4e9a]:not(:last-child) {
margin-right: var(--blu-field-container-spacing-gap)
}
html:not([dark]) [class*=b-is-text-area].b-secondary[data-v-34ee4e9a] {
--blu-field-action-color-background: #ffffff
}
html:not([dark]) [class*=b-is-text-area].b-disabled[data-v-34ee4e9a] {
--blu-field-action-color-background: #e1e3e4
}
html:not([dark]) [class*=b-is-text-area] .b-fit-content[data-v-34ee4e9a] {
width: min-content;
height: fit-content
}
html:not([dark]) [class*=b-is-text-area] .b-fit-content .blu-field__container[data-v-34ee4e9a] {
width: min-content
}
html[dark] .blu-field[data-v-34ee4e9a],
html[dark] .blu-search-bar[data-v-34ee4e9a] {
--blu-field-container-border-width: 1px;
--blu-field-container-size-height: 48px;
--blu-field-container-color-border: transparent;
--blu-field-container-border-radius: 8px;
--blu-field-container-spacing-padding: 0 12px;
--blu-field-container-spacing-gap: 8px;
--blu-field-primary-container-color-background: #28323b;
--blu-field-primary-cta-color-text: #4fa4ff;
--blu-field-helper-text: 500 14px/18px Blibli, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif;
--blu-field-helper-color-text: rgba(255, 255, 255, .5019607843);
--blu-field-icon-color: #acb0b4;
--blu-field-icon-size: 18px;
--blu-field-label-text: 500 14px/18px Blibli, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif;
--blu-filed-label-text-position: -18px;
--blu-field-label-color-text: rgba(255, 255, 255, .8);
--blu-field-placeholder-text: 500 14px/18px Blibli, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif;
--blu-field-placeholder-color-text: rgba(255, 255, 255, .8);
--blu-filed-placeholder-text-position: -18px;
--blu-field-action-color-background: #28323b;
width: 100%;
font: var(--blu-field-helper-text)
}
html[dark] .blu-field__label-container[data-v-34ee4e9a],
html[dark] .blu-search-bar__label-container[data-v-34ee4e9a] {
flex: 1;
min-width: 0;
display: flex;
flex-direction: column;
position: relative
}
html[dark] .blu-field__label[data-v-34ee4e9a],
html[dark] .blu-field__placeholder[data-v-34ee4e9a],
html[dark] .blu-search-bar__label[data-v-34ee4e9a],
html[dark] .blu-search-bar__placeholder[data-v-34ee4e9a] {
transition: all .3s;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap
}
html[dark] .blu-field__label[data-v-34ee4e9a],
html[dark] .blu-search-bar__label[data-v-34ee4e9a] {
color: var(--blu-field-label-color-text);
font: var(--blu-field-label-text);
margin-bottom: var(--blu-filed-label-text-position)
}
html[dark] .blu-field__placeholder[data-v-34ee4e9a],
html[dark] .blu-search-bar__placeholder[data-v-34ee4e9a] {
color: var(--blu-field-placeholder-color-text);
font: var(--blu-field-placeholder-text);
margin-bottom: var(--blu-filed-placeholder-text-position)
}
html[dark] .blu-field__asterisk[data-v-34ee4e9a],
html[dark] .blu-search-bar__asterisk[data-v-34ee4e9a] {
color: #ff7373
}
html[dark] .blu-field.b-focused .blu-field__label-container[data-v-34ee4e9a],
html[dark] .blu-field.has-value .blu-field__label-container[data-v-34ee4e9a],
html[dark] .blu-search-bar.b-focused .blu-field__label-container[data-v-34ee4e9a],
html[dark] .blu-search-bar.has-value .blu-field__label-container[data-v-34ee4e9a] {
margin-bottom: 0
}
html[dark] .blu-field.b-focused label[data-v-34ee4e9a],
html[dark] .blu-field.has-value label[data-v-34ee4e9a],
html[dark] .blu-search-bar.b-focused label[data-v-34ee4e9a],
html[dark] .blu-search-bar.has-value label[data-v-34ee4e9a] {
--blu-field-label-text: 500 12px/16px Blibli, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif;
--blu-field-label-color-text: #4fa4ff;
--blu-filed-label-text-position: 0
}
html[dark] .blu-field.has-value .blu-field__clearable-btn[data-v-34ee4e9a],
html[dark] .blu-field.has-value .blu-search-bar__clearable-btn[data-v-34ee4e9a],
html[dark] .blu-search-bar.has-value .blu-field__clearable-btn[data-v-34ee4e9a],
html[dark] .blu-search-bar.has-value .blu-search-bar__clearable-btn[data-v-34ee4e9a] {
visibility: visible
}
html[dark] .blu-field:not(.b-disabled) .blu-field__container[data-v-34ee4e9a]:hover,
html[dark] .blu-field:not(.b-disabled) .blu-search-bar__container[data-v-34ee4e9a]:hover,
html[dark] .blu-search-bar:not(.b-disabled) .blu-field__container[data-v-34ee4e9a]:hover,
html[dark] .blu-search-bar:not(.b-disabled) .blu-search-bar__container[data-v-34ee4e9a]:hover {
--blu-field-primary-container-color-background: #19222a;
--blu-field-action-color-background: #19222a
}
html[dark] .blu-field:not(.b-disabled) .blu-field__clearable-btn[data-v-34ee4e9a],
html[dark] .blu-field:not(.b-disabled) .blu-search-bar__clearable-btn[data-v-34ee4e9a],
html[dark] .blu-search-bar:not(.b-disabled) .blu-field__clearable-btn[data-v-34ee4e9a],
html[dark] .blu-search-bar:not(.b-disabled) .blu-search-bar__clearable-btn[data-v-34ee4e9a] {
cursor: pointer
}
html[dark] .blu-field__container[data-v-34ee4e9a],
html[dark] .blu-search-bar__container[data-v-34ee4e9a] {
padding: var(--blu-field-container-spacing-padding);
box-shadow: 0 0 0 var(--blu-field-container-border-width) var(--blu-field-container-color-border) inset;
-webkit-box-shadow: 0 0 0 var(--blu-field-container-border-width) var(--blu-field-container-color-border) inset;
border-radius: var(--blu-field-container-border-radius);
height: var(--blu-field-container-size-height);
background-color: var(--blu-field-primary-container-color-background);
display: flex;
align-items: center;
cursor: text;
transition: all .2s, background-color .4s, background 0;
position: relative
}
html[dark] .blu-field__container>*[data-v-34ee4e9a]:not(:last-child),
html[dark] .blu-search-bar__container>*[data-v-34ee4e9a]:not(:last-child) {
margin-right: var(--blu-field-container-spacing-gap)
}
html[dark] .blu-field__container[data-v-34ee4e9a]:focus-visible,
html[dark] .blu-search-bar__container[data-v-34ee4e9a]:focus-visible {
outline: none
}
html[dark] .blu-field__content[data-v-34ee4e9a],
html[dark] .blu-search-bar__content[data-v-34ee4e9a] {
display: flex;
flex-grow: 1;
flex-direction: column;
position: relative;
overflow: hidden
}
html[dark] .blu-field__action[data-v-34ee4e9a],
html[dark] .blu-search-bar__action[data-v-34ee4e9a] {
display: flex;
align-items: center
}
html[dark] .blu-field__item-leading[data-v-34ee4e9a],
html[dark] .blu-field__item-trailing[data-v-34ee4e9a],
html[dark] .blu-field__clearable-btn[data-v-34ee4e9a],
html[dark] .blu-field__warning-btn[data-v-34ee4e9a],
html[dark] .blu-field__success-btn[data-v-34ee4e9a],
html[dark] .blu-search-bar__item-leading[data-v-34ee4e9a],
html[dark] .blu-search-bar__item-trailing[data-v-34ee4e9a],
html[dark] .blu-search-bar__clearable-btn[data-v-34ee4e9a],
html[dark] .blu-search-bar__warning-btn[data-v-34ee4e9a],
html[dark] .blu-search-bar__success-btn[data-v-34ee4e9a] {
color: var(--blu-field-icon-color);
display: flex;
height: var(--blu-field-icon-size)
}
html[dark] .blu-field__item-leading[data-v-34ee4e9a] svg,
html[dark] .blu-field__item-trailing[data-v-34ee4e9a] svg,
html[dark] .blu-field__clearable-btn[data-v-34ee4e9a] svg,
html[dark] .blu-field__warning-btn[data-v-34ee4e9a] svg,
html[dark] .blu-field__success-btn[data-v-34ee4e9a] svg,
html[dark] .blu-search-bar__item-leading[data-v-34ee4e9a] svg,
html[dark] .blu-search-bar__item-trailing[data-v-34ee4e9a] svg,
html[dark] .blu-search-bar__clearable-btn[data-v-34ee4e9a] svg,
html[dark] .blu-search-bar__warning-btn[data-v-34ee4e9a] svg,
html[dark] .blu-search-bar__success-btn[data-v-34ee4e9a] svg {
height: var(--blu-field-icon-size) !important;
width: var(--blu-field-icon-size) !important
}
html[dark] .blu-field__item-leading[data-v-34ee4e9a]:not(:last-child),
html[dark] .blu-field__item-trailing[data-v-34ee4e9a]:not(:last-child),
html[dark] .blu-field__clearable-btn[data-v-34ee4e9a]:not(:last-child),
html[dark] .blu-field__warning-btn[data-v-34ee4e9a]:not(:last-child),
html[dark] .blu-field__success-btn[data-v-34ee4e9a]:not(:last-child),
html[dark] .blu-search-bar__item-leading[data-v-34ee4e9a]:not(:last-child),
html[dark] .blu-search-bar__item-trailing[data-v-34ee4e9a]:not(:last-child),
html[dark] .blu-search-bar__clearable-btn[data-v-34ee4e9a]:not(:last-child),
html[dark] .blu-search-bar__warning-btn[data-v-34ee4e9a]:not(:last-child),
html[dark] .blu-search-bar__success-btn[data-v-34ee4e9a]:not(:last-child) {
margin-right: var(--blu-field-container-spacing-gap)
}
html[dark] .blu-field__unit-leading[data-v-34ee4e9a],
html[dark] .blu-field__unit-trailing[data-v-34ee4e9a],
html[dark] .blu-search-bar__unit-leading[data-v-34ee4e9a],
html[dark] .blu-search-bar__unit-trailing[data-v-34ee4e9a] {
color: var(--blu-field-icon-color);
display: flex;
align-items: center;
white-space: nowrap
}
html[dark] .blu-field__unit-leading[data-v-34ee4e9a]:not(:last-child),
html[dark] .blu-field__unit-trailing[data-v-34ee4e9a]:not(:last-child),
html[dark] .blu-search-bar__unit-leading[data-v-34ee4e9a]:not(:last-child),
html[dark] .blu-search-bar__unit-trailing[data-v-34ee4e9a]:not(:last-child) {
margin-right: var(--blu-field-container-spacing-gap)
}
html[dark] .blu-field__unit-leading[data-v-34ee4e9a],
html[dark] .blu-search-bar__unit-leading[data-v-34ee4e9a] {
justify-content: center
}
html[dark] .blu-field__unit-trailing[data-v-34ee4e9a],
html[dark] .blu-search-bar__unit-trailing[data-v-34ee4e9a] {
justify-content: flex-end
}
html[dark] .blu-field__clearable-btn[data-v-34ee4e9a]:focus,
html[dark] .blu-field__item-trailing[data-v-34ee4e9a] svg:focus,
html[dark] .blu-search-bar__clearable-btn[data-v-34ee4e9a]:focus,
html[dark] .blu-search-bar__item-trailing[data-v-34ee4e9a] svg:focus {
outline: none
}
html[dark] .blu-field__clearable-btn[data-v-34ee4e9a]:focus-visible,
html[dark] .blu-field__item-trailing[data-v-34ee4e9a] svg:focus-visible,
html[dark] .blu-search-bar__clearable-btn[data-v-34ee4e9a]:focus-visible,
html[dark] .blu-search-bar__item-trailing[data-v-34ee4e9a] svg:focus-visible {
outline: 2px solid #f9f9fa
}
html[dark] .blu-field__clearable-btn[data-v-34ee4e9a],
html[dark] .blu-search-bar__clearable-btn[data-v-34ee4e9a] {
visibility: hidden
}
html[dark] .blu-field__item-trailing[data-v-34ee4e9a],
html[dark] .blu-search-bar__item-trailing[data-v-34ee4e9a] {
cursor: pointer
}
html[dark] .blu-field__cta-button[data-v-34ee4e9a],
html[dark] .blu-search-bar__cta-button[data-v-34ee4e9a] {
color: var(--blu-field-primary-cta-color-text);
font: 600 14px/18px Blibli, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif;
cursor: pointer
}
html[dark] .blu-field__cta-button[data-v-34ee4e9a]:focus,
html[dark] .blu-search-bar__cta-button[data-v-34ee4e9a]:focus {
outline: none
}
html[dark] .blu-field__cta-button[data-v-34ee4e9a]:focus-visible,
html[dark] .blu-search-bar__cta-button[data-v-34ee4e9a]:focus-visible {
outline: 2px solid #f9f9fa
}
html[dark] .blu-field.b-secondary[data-v-34ee4e9a],
html[dark] .blu-search-bar.b-secondary[data-v-34ee4e9a] {
--blu-field-primary-container-color-background: #12171d;
--blu-field-container-color-border: #60686e;
--blu-field-action-color-background: #12171d
}
html[dark] .blu-field.b-focused[data-v-34ee4e9a]:not(.b-error):not(.b-success),
html[dark] .blu-search-bar.b-focused[data-v-34ee4e9a]:not(.b-error):not(.b-success) {
--blu-field-container-color-border: #4fa4ff
}
html[dark] .blu-field.b-disabled .blu-field__container[data-v-34ee4e9a],
html[dark] .blu-field.b-disabled .blu-search-bar__container[data-v-34ee4e9a],
html[dark] .blu-search-bar.b-disabled .blu-field__container[data-v-34ee4e9a],
html[dark] .blu-search-bar.b-disabled .blu-search-bar__container[data-v-34ee4e9a] {
cursor: not-allowed;
--blu-field-primary-container-color-background: #3b444c
}
html[dark] .blu-field.b-disabled .blu-field__container label[data-v-34ee4e9a],
html[dark] .blu-field.b-disabled .blu-search-bar__container label[data-v-34ee4e9a],
html[dark] .blu-search-bar.b-disabled .blu-field__container label[data-v-34ee4e9a],
html[dark] .blu-search-bar.b-disabled .blu-search-bar__container label[data-v-34ee4e9a] {
--blu-field-label-color-text: rgba(255, 255, 255, .5019607843)
}
html[dark] .blu-field.b-disabled .blu-field__container .blu-field__placeholder[data-v-34ee4e9a],
html[dark] .blu-field.b-disabled .blu-search-bar__container .blu-field__placeholder[data-v-34ee4e9a],
html[dark] .blu-search-bar.b-disabled .blu-field__container .blu-field__placeholder[data-v-34ee4e9a],
html[dark] .blu-search-bar.b-disabled .blu-search-bar__container .blu-field__placeholder[data-v-34ee4e9a],
html[dark] .blu-field.b-disabled .blu-field__container .blu-search-bar__placeholder[data-v-34ee4e9a],
html[dark] .blu-field.b-disabled .blu-search-bar__container .blu-search-bar__placeholder[data-v-34ee4e9a],
html[dark] .blu-search-bar.b-disabled .blu-field__container .blu-search-bar__placeholder[data-v-34ee4e9a],
html[dark] .blu-search-bar.b-disabled .blu-search-bar__container .blu-search-bar__placeholder[data-v-34ee4e9a] {
--blu-field-placeholder-color-text: rgba(255, 255, 255, .5019607843)
}
html[dark] .blu-field.b-disabled .blu-field__item-leading[data-v-34ee4e9a],
html[dark] .blu-field.b-disabled .blu-field__item-trailing[data-v-34ee4e9a],
html[dark] .blu-field.b-disabled .blu-field__action *[data-v-34ee4e9a],
html[dark] .blu-field.b-disabled .blu-search-bar__item-leading[data-v-34ee4e9a],
html[dark] .blu-field.b-disabled .blu-search-bar__item-trailing[data-v-34ee4e9a],
html[dark] .blu-field.b-disabled .blu-search-bar__action *[data-v-34ee4e9a],
html[dark] .blu-search-bar.b-disabled .blu-field__item-leading[data-v-34ee4e9a],
html[dark] .blu-search-bar.b-disabled .blu-field__item-trailing[data-v-34ee4e9a],
html[dark] .blu-search-bar.b-disabled .blu-field__action *[data-v-34ee4e9a],
html[dark] .blu-search-bar.b-disabled .blu-search-bar__item-leading[data-v-34ee4e9a],
html[dark] .blu-search-bar.b-disabled .blu-search-bar__item-trailing[data-v-34ee4e9a],
html[dark] .blu-search-bar.b-disabled .blu-search-bar__action *[data-v-34ee4e9a] {
--blu-field-icon-color: rgba(255, 255, 255, .3019607843)
}
html[dark] .blu-field.b-disabled .blu-field__item-trailing[data-v-34ee4e9a],
html[dark] .blu-field.b-disabled .blu-field__cta-button[data-v-34ee4e9a],
html[dark] .blu-field.b-disabled .blu-search-bar__item-trailing[data-v-34ee4e9a],
html[dark] .blu-field.b-disabled .blu-search-bar__cta-button[data-v-34ee4e9a],
html[dark] .blu-search-bar.b-disabled .blu-field__item-trailing[data-v-34ee4e9a],
html[dark] .blu-search-bar.b-disabled .blu-field__cta-button[data-v-34ee4e9a],
html[dark] .blu-search-bar.b-disabled .blu-search-bar__item-trailing[data-v-34ee4e9a],
html[dark] .blu-search-bar.b-disabled .blu-search-bar__cta-button[data-v-34ee4e9a] {
pointer-events: none
}
html[dark] .blu-field.b-disabled .blu-field__cta-button[data-v-34ee4e9a],
html[dark] .blu-field.b-disabled .blu-search-bar__cta-button[data-v-34ee4e9a],
html[dark] .blu-search-bar.b-disabled .blu-field__cta-button[data-v-34ee4e9a],
html[dark] .blu-search-bar.b-disabled .blu-search-bar__cta-button[data-v-34ee4e9a] {
--blu-field-primary-cta-color-text: rgba(255, 255, 255, .5019607843)
}
html[dark] .blu-field.b-small[data-v-34ee4e9a],
html[dark] .blu-search-bar.b-small[data-v-34ee4e9a] {
--blu-field-container-size-height: 36px;
--blu-field-container-border-radius: 8px;
--blu-field-container-spacing-padding: 0 8px;
--blu-field-container-spacing-gap: 4px;
--blu-field-icon-size: 18px
}
html[dark] .blu-field.has-max-length[data-v-34ee4e9a] {
animation: shake-34ee4e9a .82s cubic-bezier(.36, .07, .19, .97) both;
transform: translateZ(0);
backface-visibility: hidden;
perspective: 1000px
}
html[dark] .blu-field__helper[data-v-34ee4e9a] {
display: flex;
color: var(--blu-field-helper-color-text)
}
html[dark] .blu-field__helper[data-v-34ee4e9a] .blu-field__counter {
margin-left: auto
}
html[dark] .blu-field__helper[data-v-34ee4e9a] :not(:empty) {
margin-top: 4px
}
html[dark] .blu-field__helper.b-success[data-v-34ee4e9a] {
--blu-field-helper-color-text: #02c82b
}
html[dark] .blu-field__helper.b-error[data-v-34ee4e9a] {
--blu-field-helper-color-text: #ff7373
}
html[dark] .blu-field__warning-btn[data-v-34ee4e9a] {
--blu-field-icon-color: #ff7373
}
html[dark] .blu-field__success-btn[data-v-34ee4e9a] {
--blu-field-icon-color: #02c82b
}
html[dark] .blu-field.b-error[data-v-34ee4e9a] {
--blu-field-container-color-border: #ff7373;
--blu-field-helper-color-text: rgba(255, 255, 255, .5019607843)
}
html[dark] .blu-field.b-error.b-focused label[data-v-34ee4e9a],
html[dark] .blu-field.b-error.has-value label[data-v-34ee4e9a] {
--blu-field-label-color-text: #ff7373
}
html[dark] .blu-field.b-success[data-v-34ee4e9a] {
--blu-field-container-color-border: #02c82b;
--blu-field-helper-color-text: rgba(255, 255, 255, .5019607843)
}
html[dark] .blu-field.b-success.b-focused label[data-v-34ee4e9a],
html[dark] .blu-field.b-success.has-value label[data-v-34ee4e9a] {
--blu-field-label-color-text: #02c82b
}
@keyframes shake-34ee4e9a {
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)
}
}
html[dark] :not(.b-disabled) .blu-dropdown-trigger .blu-field__container[data-v-34ee4e9a],
html[dark] :not(.b-disabled) .blu-dropdown-trigger label[data-v-34ee4e9a] {
cursor: pointer
}
html[dark] [class*=b-is-text-area] .blu-field__container[data-v-34ee4e9a] {
height: 100%;
align-items: flex-start;
box-sizing: border-box;
padding: 8px 2px 2px 12px
}
html[dark] [class*=b-is-text-area] .blu-field__wrapper[data-v-34ee4e9a] {
height: inherit
}
html[dark] [class*=b-is-text-area] .blu-field__content[data-v-34ee4e9a] {
height: 100%;
margin-right: 0
}
html[dark] [class*=b-is-text-area] .blu-field__label-container label[data-v-34ee4e9a] {
margin-bottom: 0;
height: 18px
}
html[dark] [class*=b-is-text-area] .blu-field__action[data-v-34ee4e9a] {
position: absolute;
right: 8px;
background: var(--blu-field-action-color-background);
border-radius: 24px
}
html[dark] [class*=b-is-text-area] .blu-field__action *[data-v-34ee4e9a]:not(:last-child) {
margin-right: var(--blu-field-container-spacing-gap)
}
html[dark] [class*=b-is-text-area].b-secondary[data-v-34ee4e9a] {
--blu-field-action-color-background: #12171d
}
html[dark] [class*=b-is-text-area].b-disabled[data-v-34ee4e9a] {
--blu-field-action-color-background: #3b444c
}
html[dark] [class*=b-is-text-area] .b-fit-content[data-v-34ee4e9a] {
width: min-content;
height: fit-content
}
html[dark] [class*=b-is-text-area] .b-fit-content .blu-field__container[data-v-34ee4e9a] {
width: min-content
}
input[type=email][data-v-25ef2230],
input[type=number][data-v-25ef2230],
input[type=search][data-v-25ef2230],
input[type=text][data-v-25ef2230],
input[type=tel][data-v-25ef2230],
input[type=url][data-v-25ef2230],
input[type=password][data-v-25ef2230],
input[type=time][data-v-25ef2230] {
box-shadow: none;
-moz-appearance: none;
-webkit-appearance: none;
border: none;
background-color: transparent;
outline: 0;
padding: 0;
font: var(--blu-field-input-text)
}
input[type=search][data-v-25ef2230]::-ms-reveal,
input[type=search][data-v-25ef2230]::-ms-clear,
input[type=text][data-v-25ef2230]::-ms-clear {
display: none;
width: 0;
height: 0
}
input[type=search][data-v-25ef2230]::-webkit-search-decoration,
input[type=search][data-v-25ef2230]::-webkit-search-cancel-button,
input[type=search][data-v-25ef2230]::-webkit-search-results-button,
input[type=search][data-v-25ef2230]::-webkit-search-results-decoration {
display: none
}
input[type=number][data-v-25ef2230] {
-moz-appearance: textfield
}
input[type=number][data-v-25ef2230]::-webkit-inner-spin-button {
-webkit-appearance: none;
margin: 0
}
input[data-v-25ef2230]:-webkit-autofill,
input[data-v-25ef2230]:-webkit-autofill :hover,
input[data-v-25ef2230]:-webkit-autofill :focus {
-webkit-background-clip: text
}
input[data-v-25ef2230]::-ms-reveal {
display: none
}
input[type=time][data-v-25ef2230]::-webkit-calendar-picker-indicator {
display: none
}
.blu-field:not(.has-value) input[data-v-25ef2230]:-webkit-autofill {
-webkit-text-fill-color: transparent
}
html:not([dark]) .blu-field input[data-v-25ef2230],
html:not([dark]) .blu-search-bar input[data-v-25ef2230] {
--blu-field-input-text: 500 16px/20px Blibli, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif;
--blu-field-primary-input-color-text: #19222a;
--blu-field-cursor: pointer;
color: var(--blu-field-primary-input-color-text)
}
html:not([dark]) .blu-field input[data-v-25ef2230]:read-only,
html:not([dark]) .blu-search-bar input[data-v-25ef2230]:read-only {
cursor: var(--blu-field-cursor)
}
html:not([dark]) .blu-field .blu-text-field[data-v-25ef2230],
html:not([dark]) .blu-search-bar .blu-text-field[data-v-25ef2230] {
width: 114.28%;
transform: scale(.875);
transform-origin: left center;
margin-right: -14.28%
}
html:not([dark]) .blu-field.b-disabled input[data-v-25ef2230],
html:not([dark]) .blu-search-bar.b-disabled input[data-v-25ef2230] {
--blu-field-primary-input-color-text: rgba(25, 34, 42, .4);
--blu-field-cursor: not-allowed
}
html[dark] .blu-field input[data-v-25ef2230],
html[dark] .blu-search-bar input[data-v-25ef2230] {
--blu-field-input-text: 500 16px/20px Blibli, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif;
--blu-field-primary-input-color-text: #ffffff;
--blu-field-cursor: pointer;
color: var(--blu-field-primary-input-color-text)
}
html[dark] .blu-field input[data-v-25ef2230]:read-only,
html[dark] .blu-search-bar input[data-v-25ef2230]:read-only {
cursor: var(--blu-field-cursor)
}
html[dark] .blu-field .blu-text-field[data-v-25ef2230],
html[dark] .blu-search-bar .blu-text-field[data-v-25ef2230] {
width: 114.28%;
transform: scale(.875);
transform-origin: left center;
margin-right: -14.28%
}
html[dark] .blu-field.b-disabled input[data-v-25ef2230],
html[dark] .blu-search-bar.b-disabled input[data-v-25ef2230] {
--blu-field-primary-input-color-text: rgba(255, 255, 255, .5019607843);
--blu-field-cursor: not-allowed
}
html:not([dark]) .blu-dropdown-trigger .blu-dropdown-field[data-v-3af3aa98] {
width: 100%
}
html:not([dark]) .blu-dropdown-trigger .blu-dropdown-field__chevron[data-v-3af3aa98] {
transition: transform .4s ease-in-out;
pointer-events: none
}
html:not([dark]) .blu-dropdown.b-active .blu-dropdown-field__chevron[data-v-3af3aa98] {
transform: rotate(-180deg)
}
html[dark] .blu-dropdown-trigger .blu-dropdown-field[data-v-3af3aa98] {
width: 100%
}
html[dark] .blu-dropdown-trigger .blu-dropdown-field__chevron[data-v-3af3aa98] {
transition: transform .4s ease-in-out;
pointer-events: none
}
html[dark] .blu-dropdown.b-active .blu-dropdown-field__chevron[data-v-3af3aa98] {
transform: rotate(-180deg)
}
</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>
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-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: #db181d;
--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: #db181d
}
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>
<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>
*[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__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: #db181d;
--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>
.lazyImage[data-v-ee8832bd] {
max-width: 100%;
max-height: 100%;
width: auto;
height: auto;
vertical-align: middle
}
img[data-v-ee8832bd] {
object-fit: cover
}
img.error-image[data-v-ee8832bd] {
object-fit: contain !important;
background-color: #f1f2f2
}
.list-enter-active[data-v-ee8832bd],
.list-leave-active[data-v-ee8832bd] {
transition: all .5s ease
}
.list-enter-from[data-v-ee8832bd],
.list-leave-to[data-v-ee8832bd] {
opacity: 0;
transform: translate(30px)
}
.product-information__product[data-v-40c58da8] {
display: flex;
align-items: center;
margin-bottom: 24px
}
@media screen and (max-width: 839px) {
.product-information__product[data-v-40c58da8] {
margin-bottom: 8px
}
}
.product-information__product__image[data-v-40c58da8] {
width: 78px;
min-width: 78px;
border-radius: 8px;
overflow: hidden
}
.product-information__product__info[data-v-40c58da8] {
padding-left: 16px;
line-height: 2
}
@media screen and (max-width: 839px) {
.product-information__product__info[data-v-40c58da8] {
line-height: normal
}
}
.product-information__product__info__name[data-v-40c58da8] {
font: 500 16px/20px Blibli, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif;
color: #19222ab3;
word-break: break-word
}
@media screen and (max-width: 839px) {
.product-information__product__info__name[data-v-40c58da8] {
font: 500 14px/18px Blibli, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif;
color: #19222a
}
}
.product-information__product__info__variant[data-v-40c58da8] {
font: 500 14px/18px Blibli, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif;
color: #19222a66
}
.product-status[data-v-1bb0c7dd] {
display: flex
}
.product-status__item[data-v-1bb0c7dd] {
margin-right: 4px
}
.product-status__margin-bottom[data-v-1bb0c7dd] {
margin-bottom: 8px
}
.cs-operational-hour[data-v-57140e04] {
display: flex;
margin-bottom: 8px
}
.cs-operational-hour__watch[data-v-57140e04] {
display: flex;
align-items: center;
margin-right: 4px
}
.cs-operational-hour__watch--icon[data-v-57140e04] {
fill: #797f85
}
.cs-operational-hour__info[data-v-57140e04] {
font: 500 16px/20px Blibli, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif;
color: #19222ab3
}
@media screen and (max-width: 839px) {
.cs-operational-hour__info[data-v-57140e04] {
font: 500 14px/18px Blibli, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif
}
}
.cs-operational-hour__info__subtitle[data-v-57140e04] {
font: 600 16px/20px Blibli, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif
}
@media screen and (max-width: 839px) {
.cs-operational-hour__info__subtitle[data-v-57140e04] {
font: 600 14px/18px Blibli, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif
}
}
.discussion-direction[data-v-27442e38] {
font: 500 14px/18px Blibli, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif;
color: #19222a66;
word-spacing: .5px
}
.discussion-direction a[data-v-27442e38] {
color: #006dea;
text-decoration: none;
cursor: pointer
}
@media screen and (max-width: 839px) {
.discussion-direction[data-v-27442e38] {
font: 500 12px/16px Blibli, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif;
color: #19222ab3
}
}
.product-discussion-information[data-v-21ee4da1] {
display: flex;
flex-direction: column
}
.product-discussion-information__detail[data-v-21ee4da1] {
display: flex;
flex-direction: row;
justify-content: space-between;
align-items: center;
margin-bottom: 24px
}
@media screen and (max-width: 839px) {
.product-discussion-information__detail[data-v-21ee4da1] {
flex-direction: column;
align-items: flex-start;
margin-bottom: 16px
}
}
.product-discussion-information__detail__group[data-v-21ee4da1] {
margin-bottom: 0
}
@media screen and (max-width: 839px) {
.product-discussion-information__detail__group[data-v-21ee4da1] {
margin-bottom: 16px
}
}
.product-discussion-information__detail__button[data-v-21ee4da1] {
margin-left: 8px
}
@media screen and (max-width: 839px) {
.product-discussion-information__detail__button[data-v-21ee4da1] {
width: 100%;
margin-left: 0
}
}
@media screen and (max-width: 839px) {
.product-discussion-form__title[data-v-3b1c1d6c] {
display: none
}
}
.product-discussion-form__info[data-v-3b1c1d6c] {
margin-bottom: 8px
}
.menu-button__icon[data-v-278a8a8e] {
fill: #797f85
}
.menu-button__list-item[data-v-278a8a8e] {
font: 500 14px/18px Blibli, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif;
color: #19222ab3
}
@media screen and (max-width: 839px) {
.menu-button__list-item[data-v-278a8a8e] {
font: 600 14px/18px Blibli, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif
}
}
.product-discussion-question[data-v-6620b7c7] {
display: flex;
flex-direction: row;
justify-content: space-between;
align-items: flex-start
}
.product-discussion-question__info__inquiry[data-v-6620b7c7] {
font: 600 16px/20px Blibli, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif;
color: #19222a;
word-break: break-word
}
.product-discussion-question__info__date[data-v-6620b7c7] {
font: 500 12px/16px Blibli, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif;
color: #19222a66
}
.product-discussion-answer__info[data-v-a09b17b6] {
display: flex;
flex-direction: row;
justify-content: space-between;
align-items: flex-start
}
.product-discussion-answer__info__answer[data-v-a09b17b6] {
display: flex;
flex-direction: column;
flex: 1 1 auto
}
.product-discussion-answer__info__answer__header[data-v-a09b17b6] {
display: flex;
flex-direction: row;
justify-content: space-between;
flex-wrap: wrap
}
.product-discussion-answer__info__answer__header__respondent[data-v-a09b17b6] {
display: flex;
align-items: center;
gap: 2px;
font: 500 14px/18px Blibli, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif;
color: #19222ab3;
line-height: 18px
}
.product-discussion-answer__info__answer__header__respondent__badge[data-v-a09b17b6] {
display: flex;
align-items: center
}
.product-discussion-answer__info__answer__header__respondent__badge--icon[data-v-a09b17b6] {
margin-right: 2px
}
.product-discussion-answer__info__answer__header__respondent__name[data-v-a09b17b6] {
font: 600 14px/18px Blibli, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif
}
.product-discussion-answer__info__answer__header__see-offer__link[data-v-a09b17b6] {
font: 500 14px/18px Blibli, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif;
color: #006dea;
text-decoration: none;
cursor: pointer
}
.product-discussion-answer__info__answer__response[data-v-a09b17b6] {
font: 500 16px/20px Blibli, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif;
color: #19222ab3;
line-height: 20px;
word-break: break-word
}
.product-discussion-answer__info__answer__date[data-v-a09b17b6] {
font: 500 12px/16px Blibli, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif;
color: #19222a66
}
.product-discussion-list[data-v-9f49e72d] {
display: flex;
flex-direction: column;
width: 100%;
padding: 16px 0;
border-top: 1px solid #e1e3e4;
gap: 8px
}
@media screen and (max-width: 839px) {
.product-discussion-list[data-v-9f49e72d] {
border-top: none;
border-bottom: 1px solid #e1e3e4
}
.product-discussion-list[data-v-9f49e72d]:last-child {
border-bottom: none
}
}
.product-discussion-list__question[data-v-9f49e72d],
.product-discussion-list__answer[data-v-9f49e72d] {
display: flex;
flex-direction: row
}
.product-discussion-list__question__title[data-v-9f49e72d],
.product-discussion-list__answer__title[data-v-9f49e72d] {
font: 600 16px/20px Blibli, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif;
color: #19222a;
flex: 0 0 20px;
margin-right: 4px
}
.product-discussion-list__question__content[data-v-9f49e72d],
.product-discussion-list__answer__content[data-v-9f49e72d] {
flex: 1 1 auto
}
.product-discussion-list__question__content__no-answer[data-v-9f49e72d],
.product-discussion-list__answer__content__no-answer[data-v-9f49e72d] {
font: 500 16px/20px Blibli, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif;
color: #19222a66
}
.product-discussion-list__question__content__other-answers__content[data-v-9f49e72d],
.product-discussion-list__answer__content__other-answers__content[data-v-9f49e72d] {
padding-top: 16px;
margin-top: 16px;
border-top: 1px solid #e1e3e4
}
.product-discussion-list__question__content__other-answers__toggle[data-v-9f49e72d],
.product-discussion-list__answer__content__other-answers__toggle[data-v-9f49e72d] {
font: 500 14px/18px Blibli, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif;
color: #006dea;
cursor: pointer;
margin-top: 4px
}
.product-discussion-lists__pagination[data-v-d9b8449b] {
display: flex;
align-items: center;
justify-content: center;
margin-top: 16px
}
.product-discussion-lists__empty[data-v-d9b8449b] {
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
padding: 32px 0;
box-shadow: 0 1px 6px #0000001a;
border-radius: 8px
}
@media screen and (max-width: 839px) {
.product-discussion-lists__empty[data-v-d9b8449b] {
box-shadow: none;
padding: 12px 0
}
}
.product-discussion-lists__empty--title[data-v-d9b8449b] {
font: 600 14px/18px Blibli, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif;
color: #19222ab3;
text-align: center;
line-height: 18px;
margin-bottom: 4px
}
.product-discussion-lists__empty--description[data-v-d9b8449b] {
font: 500 14px/18px Blibli, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif;
color: #19222a66;
text-align: center;
line-height: 18px;
max-width: 280px
}
.product-discussion-lists__modal__body[data-v-d9b8449b] {
padding: 16px 0
}
.product-discussion__header[data-v-490dd4c8] {
font: 600 20px/24px Blibli, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif;
color: #19222a;
margin-bottom: 24px
}
@media screen and (max-width: 839px) {
.product-discussion__header[data-v-490dd4c8] {
font: 600 18px/24px Blibli, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif;
margin-bottom: 8px
}
}
.product-discussion__margin-bottom[data-v-490dd4c8] {
margin-bottom: 40px
}
</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: #db181d;
--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: #db181d
}
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>
<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: #db181d
}
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: #db181d
}
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: #db181d
}
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: #db181d
}
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: #db181d
}
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: #db181d
}
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>
*[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: #db181d;
--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-field[data-v-34ee4e9a],
html:not([dark]) .blu-search-bar[data-v-34ee4e9a] {
--blu-field-container-border-width: 1px;
--blu-field-container-size-height: 48px;
--blu-field-container-color-border: transparent;
--blu-field-container-border-radius: 8px;
--blu-field-container-spacing-padding: 0 12px;
--blu-field-container-spacing-gap: 8px;
--blu-field-primary-container-color-background: #f1f2f2;
--blu-field-primary-cta-color-text: #006dea;
--blu-field-helper-text: 500 14px/18px Blibli, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif;
--blu-field-helper-color-text: rgba(25, 34, 42, .4);
--blu-field-icon-color: #797f85;
--blu-field-icon-size: 18px;
--blu-field-label-text: 500 14px/18px Blibli, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif;
--blu-filed-label-text-position: -18px;
--blu-field-label-color-text: rgba(25, 34, 42, .7019607843);
--blu-field-placeholder-text: 500 14px/18px Blibli, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif;
--blu-field-placeholder-color-text: rgba(25, 34, 42, .7019607843);
--blu-filed-placeholder-text-position: -18px;
--blu-field-action-color-background: #f1f2f2;
width: 100%;
font: var(--blu-field-helper-text)
}
html:not([dark]) .blu-field__label-container[data-v-34ee4e9a],
html:not([dark]) .blu-search-bar__label-container[data-v-34ee4e9a] {
flex: 1;
min-width: 0;
display: flex;
flex-direction: column;
position: relative
}
html:not([dark]) .blu-field__label[data-v-34ee4e9a],
html:not([dark]) .blu-field__placeholder[data-v-34ee4e9a],
html:not([dark]) .blu-search-bar__label[data-v-34ee4e9a],
html:not([dark]) .blu-search-bar__placeholder[data-v-34ee4e9a] {
transition: all .3s;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap
}
html:not([dark]) .blu-field__label[data-v-34ee4e9a],
html:not([dark]) .blu-search-bar__label[data-v-34ee4e9a] {
color: var(--blu-field-label-color-text);
font: var(--blu-field-label-text);
margin-bottom: var(--blu-filed-label-text-position)
}
html:not([dark]) .blu-field__placeholder[data-v-34ee4e9a],
html:not([dark]) .blu-search-bar__placeholder[data-v-34ee4e9a] {
color: var(--blu-field-placeholder-color-text);
font: var(--blu-field-placeholder-text);
margin-bottom: var(--blu-filed-placeholder-text-position)
}
html:not([dark]) .blu-field__asterisk[data-v-34ee4e9a],
html:not([dark]) .blu-search-bar__asterisk[data-v-34ee4e9a] {
color: #d33534
}
html:not([dark]) .blu-field.b-focused .blu-field__label-container[data-v-34ee4e9a],
html:not([dark]) .blu-field.has-value .blu-field__label-container[data-v-34ee4e9a],
html:not([dark]) .blu-search-bar.b-focused .blu-field__label-container[data-v-34ee4e9a],
html:not([dark]) .blu-search-bar.has-value .blu-field__label-container[data-v-34ee4e9a] {
margin-bottom: 0
}
html:not([dark]) .blu-field.b-focused label[data-v-34ee4e9a],
html:not([dark]) .blu-field.has-value label[data-v-34ee4e9a],
html:not([dark]) .blu-search-bar.b-focused label[data-v-34ee4e9a],
html:not([dark]) .blu-search-bar.has-value label[data-v-34ee4e9a] {
--blu-field-label-text: 500 12px/16px Blibli, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif;
--blu-field-label-color-text: #006dea;
--blu-filed-label-text-position: 0
}
html:not([dark]) .blu-field.has-value .blu-field__clearable-btn[data-v-34ee4e9a],
html:not([dark]) .blu-field.has-value .blu-search-bar__clearable-btn[data-v-34ee4e9a],
html:not([dark]) .blu-search-bar.has-value .blu-field__clearable-btn[data-v-34ee4e9a],
html:not([dark]) .blu-search-bar.has-value .blu-search-bar__clearable-btn[data-v-34ee4e9a] {
visibility: visible
}
html:not([dark]) .blu-field:not(.b-disabled) .blu-field__container[data-v-34ee4e9a]:hover,
html:not([dark]) .blu-field:not(.b-disabled) .blu-search-bar__container[data-v-34ee4e9a]:hover,
html:not([dark]) .blu-search-bar:not(.b-disabled) .blu-field__container[data-v-34ee4e9a]:hover,
html:not([dark]) .blu-search-bar:not(.b-disabled) .blu-search-bar__container[data-v-34ee4e9a]:hover {
--blu-field-primary-container-color-background: #f9f9fa;
--blu-field-action-color-background: #f9f9fa
}
html:not([dark]) .blu-field:not(.b-disabled) .blu-field__clearable-btn[data-v-34ee4e9a],
html:not([dark]) .blu-field:not(.b-disabled) .blu-search-bar__clearable-btn[data-v-34ee4e9a],
html:not([dark]) .blu-search-bar:not(.b-disabled) .blu-field__clearable-btn[data-v-34ee4e9a],
html:not([dark]) .blu-search-bar:not(.b-disabled) .blu-search-bar__clearable-btn[data-v-34ee4e9a] {
cursor: pointer
}
html:not([dark]) .blu-field__container[data-v-34ee4e9a],
html:not([dark]) .blu-search-bar__container[data-v-34ee4e9a] {
padding: var(--blu-field-container-spacing-padding);
box-shadow: 0 0 0 var(--blu-field-container-border-width) var(--blu-field-container-color-border) inset;
-webkit-box-shadow: 0 0 0 var(--blu-field-container-border-width) var(--blu-field-container-color-border) inset;
border-radius: var(--blu-field-container-border-radius);
height: var(--blu-field-container-size-height);
background-color: var(--blu-field-primary-container-color-background);
display: flex;
align-items: center;
cursor: text;
transition: all .2s, background-color .4s, background 0;
position: relative
}
html:not([dark]) .blu-field__container>*[data-v-34ee4e9a]:not(:last-child),
html:not([dark]) .blu-search-bar__container>*[data-v-34ee4e9a]:not(:last-child) {
margin-right: var(--blu-field-container-spacing-gap)
}
html:not([dark]) .blu-field__container[data-v-34ee4e9a]:focus-visible,
html:not([dark]) .blu-search-bar__container[data-v-34ee4e9a]:focus-visible {
outline: none
}
html:not([dark]) .blu-field__content[data-v-34ee4e9a],
html:not([dark]) .blu-search-bar__content[data-v-34ee4e9a] {
display: flex;
flex-grow: 1;
flex-direction: column;
position: relative;
overflow: hidden
}
html:not([dark]) .blu-field__action[data-v-34ee4e9a],
html:not([dark]) .blu-search-bar__action[data-v-34ee4e9a] {
display: flex;
align-items: center
}
html:not([dark]) .blu-field__item-leading[data-v-34ee4e9a],
html:not([dark]) .blu-field__item-trailing[data-v-34ee4e9a],
html:not([dark]) .blu-field__clearable-btn[data-v-34ee4e9a],
html:not([dark]) .blu-field__warning-btn[data-v-34ee4e9a],
html:not([dark]) .blu-field__success-btn[data-v-34ee4e9a],
html:not([dark]) .blu-search-bar__item-leading[data-v-34ee4e9a],
html:not([dark]) .blu-search-bar__item-trailing[data-v-34ee4e9a],
html:not([dark]) .blu-search-bar__clearable-btn[data-v-34ee4e9a],
html:not([dark]) .blu-search-bar__warning-btn[data-v-34ee4e9a],
html:not([dark]) .blu-search-bar__success-btn[data-v-34ee4e9a] {
color: var(--blu-field-icon-color);
display: flex;
height: var(--blu-field-icon-size)
}
html:not([dark]) .blu-field__item-leading[data-v-34ee4e9a] svg,
html:not([dark]) .blu-field__item-trailing[data-v-34ee4e9a] svg,
html:not([dark]) .blu-field__clearable-btn[data-v-34ee4e9a] svg,
html:not([dark]) .blu-field__warning-btn[data-v-34ee4e9a] svg,
html:not([dark]) .blu-field__success-btn[data-v-34ee4e9a] svg,
html:not([dark]) .blu-search-bar__item-leading[data-v-34ee4e9a] svg,
html:not([dark]) .blu-search-bar__item-trailing[data-v-34ee4e9a] svg,
html:not([dark]) .blu-search-bar__clearable-btn[data-v-34ee4e9a] svg,
html:not([dark]) .blu-search-bar__warning-btn[data-v-34ee4e9a] svg,
html:not([dark]) .blu-search-bar__success-btn[data-v-34ee4e9a] svg {
height: var(--blu-field-icon-size) !important;
width: var(--blu-field-icon-size) !important
}
html:not([dark]) .blu-field__item-leading[data-v-34ee4e9a]:not(:last-child),
html:not([dark]) .blu-field__item-trailing[data-v-34ee4e9a]:not(:last-child),
html:not([dark]) .blu-field__clearable-btn[data-v-34ee4e9a]:not(:last-child),
html:not([dark]) .blu-field__warning-btn[data-v-34ee4e9a]:not(:last-child),
html:not([dark]) .blu-field__success-btn[data-v-34ee4e9a]:not(:last-child),
html:not([dark]) .blu-search-bar__item-leading[data-v-34ee4e9a]:not(:last-child),
html:not([dark]) .blu-search-bar__item-trailing[data-v-34ee4e9a]:not(:last-child),
html:not([dark]) .blu-search-bar__clearable-btn[data-v-34ee4e9a]:not(:last-child),
html:not([dark]) .blu-search-bar__warning-btn[data-v-34ee4e9a]:not(:last-child),
html:not([dark]) .blu-search-bar__success-btn[data-v-34ee4e9a]:not(:last-child) {
margin-right: var(--blu-field-container-spacing-gap)
}
html:not([dark]) .blu-field__unit-leading[data-v-34ee4e9a],
html:not([dark]) .blu-field__unit-trailing[data-v-34ee4e9a],
html:not([dark]) .blu-search-bar__unit-leading[data-v-34ee4e9a],
html:not([dark]) .blu-search-bar__unit-trailing[data-v-34ee4e9a] {
color: var(--blu-field-icon-color);
display: flex;
align-items: center;
white-space: nowrap
}
html:not([dark]) .blu-field__unit-leading[data-v-34ee4e9a]:not(:last-child),
html:not([dark]) .blu-field__unit-trailing[data-v-34ee4e9a]:not(:last-child),
html:not([dark]) .blu-search-bar__unit-leading[data-v-34ee4e9a]:not(:last-child),
html:not([dark]) .blu-search-bar__unit-trailing[data-v-34ee4e9a]:not(:last-child) {
margin-right: var(--blu-field-container-spacing-gap)
}
html:not([dark]) .blu-field__unit-leading[data-v-34ee4e9a],
html:not([dark]) .blu-search-bar__unit-leading[data-v-34ee4e9a] {
justify-content: center
}
html:not([dark]) .blu-field__unit-trailing[data-v-34ee4e9a],
html:not([dark]) .blu-search-bar__unit-trailing[data-v-34ee4e9a] {
justify-content: flex-end
}
html:not([dark]) .blu-field__clearable-btn[data-v-34ee4e9a]:focus,
html:not([dark]) .blu-field__item-trailing[data-v-34ee4e9a] svg:focus,
html:not([dark]) .blu-search-bar__clearable-btn[data-v-34ee4e9a]:focus,
html:not([dark]) .blu-search-bar__item-trailing[data-v-34ee4e9a] svg:focus {
outline: none
}
html:not([dark]) .blu-field__clearable-btn[data-v-34ee4e9a]:focus-visible,
html:not([dark]) .blu-field__item-trailing[data-v-34ee4e9a] svg:focus-visible,
html:not([dark]) .blu-search-bar__clearable-btn[data-v-34ee4e9a]:focus-visible,
html:not([dark]) .blu-search-bar__item-trailing[data-v-34ee4e9a] svg:focus-visible {
outline: 2px solid #19222a
}
html:not([dark]) .blu-field__clearable-btn[data-v-34ee4e9a],
html:not([dark]) .blu-search-bar__clearable-btn[data-v-34ee4e9a] {
visibility: hidden
}
html:not([dark]) .blu-field__item-trailing[data-v-34ee4e9a],
html:not([dark]) .blu-search-bar__item-trailing[data-v-34ee4e9a] {
cursor: pointer
}
html:not([dark]) .blu-field__cta-button[data-v-34ee4e9a],
html:not([dark]) .blu-search-bar__cta-button[data-v-34ee4e9a] {
color: var(--blu-field-primary-cta-color-text);
font: 600 14px/18px Blibli, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif;
cursor: pointer
}
html:not([dark]) .blu-field__cta-button[data-v-34ee4e9a]:focus,
html:not([dark]) .blu-search-bar__cta-button[data-v-34ee4e9a]:focus {
outline: none
}
html:not([dark]) .blu-field__cta-button[data-v-34ee4e9a]:focus-visible,
html:not([dark]) .blu-search-bar__cta-button[data-v-34ee4e9a]:focus-visible {
outline: 2px solid #19222a
}
html:not([dark]) .blu-field.b-secondary[data-v-34ee4e9a],
html:not([dark]) .blu-search-bar.b-secondary[data-v-34ee4e9a] {
--blu-field-primary-container-color-background: #ffffff;
--blu-field-container-color-border: #c8cbcd;
--blu-field-action-color-background: #ffffff
}
html:not([dark]) .blu-field.b-focused[data-v-34ee4e9a]:not(.b-error):not(.b-success),
html:not([dark]) .blu-search-bar.b-focused[data-v-34ee4e9a]:not(.b-error):not(.b-success) {
--blu-field-container-color-border: #1d8fff
}
html:not([dark]) .blu-field.b-disabled .blu-field__container[data-v-34ee4e9a],
html:not([dark]) .blu-field.b-disabled .blu-search-bar__container[data-v-34ee4e9a],
html:not([dark]) .blu-search-bar.b-disabled .blu-field__container[data-v-34ee4e9a],
html:not([dark]) .blu-search-bar.b-disabled .blu-search-bar__container[data-v-34ee4e9a] {
cursor: not-allowed;
--blu-field-primary-container-color-background: #e1e3e4
}
html:not([dark]) .blu-field.b-disabled .blu-field__container label[data-v-34ee4e9a],
html:not([dark]) .blu-field.b-disabled .blu-search-bar__container label[data-v-34ee4e9a],
html:not([dark]) .blu-search-bar.b-disabled .blu-field__container label[data-v-34ee4e9a],
html:not([dark]) .blu-search-bar.b-disabled .blu-search-bar__container label[data-v-34ee4e9a] {
--blu-field-label-color-text: rgba(25, 34, 42, .4)
}
html:not([dark]) .blu-field.b-disabled .blu-field__container .blu-field__placeholder[data-v-34ee4e9a],
html:not([dark]) .blu-field.b-disabled .blu-search-bar__container .blu-field__placeholder[data-v-34ee4e9a],
html:not([dark]) .blu-search-bar.b-disabled .blu-field__container .blu-field__placeholder[data-v-34ee4e9a],
html:not([dark]) .blu-search-bar.b-disabled .blu-search-bar__container .blu-field__placeholder[data-v-34ee4e9a] {
--blu-field-placeholder-color-text: rgba(25, 34, 42, .4)
}
html:not([dark]) .blu-field.b-disabled .blu-field__item-leading[data-v-34ee4e9a],
html:not([dark]) .blu-field.b-disabled .blu-field__item-trailing[data-v-34ee4e9a],
html:not([dark]) .blu-field.b-disabled .blu-field__action *[data-v-34ee4e9a],
html:not([dark]) .blu-field.b-disabled .blu-search-bar__item-leading[data-v-34ee4e9a],
html:not([dark]) .blu-field.b-disabled .blu-search-bar__item-trailing[data-v-34ee4e9a],
html:not([dark]) .blu-field.b-disabled .blu-search-bar__action *[data-v-34ee4e9a],
html:not([dark]) .blu-search-bar.b-disabled .blu-field__item-leading[data-v-34ee4e9a],
html:not([dark]) .blu-search-bar.b-disabled .blu-field__item-trailing[data-v-34ee4e9a],
html:not([dark]) .blu-search-bar.b-disabled .blu-field__action *[data-v-34ee4e9a],
html:not([dark]) .blu-search-bar.b-disabled .blu-search-bar__item-leading[data-v-34ee4e9a],
html:not([dark]) .blu-search-bar.b-disabled .blu-search-bar__item-trailing[data-v-34ee4e9a],
html:not([dark]) .blu-search-bar.b-disabled .blu-search-bar__action *[data-v-34ee4e9a] {
--blu-field-icon-color: rgba(25, 34, 42, .3019607843)
}
html:not([dark]) .blu-field.b-disabled .blu-field__item-trailing[data-v-34ee4e9a],
html:not([dark]) .blu-field.b-disabled .blu-field__cta-button[data-v-34ee4e9a],
html:not([dark]) .blu-field.b-disabled .blu-search-bar__item-trailing[data-v-34ee4e9a],
html:not([dark]) .blu-field.b-disabled .blu-search-bar__cta-button[data-v-34ee4e9a],
html:not([dark]) .blu-search-bar.b-disabled .blu-field__item-trailing[data-v-34ee4e9a],
html:not([dark]) .blu-search-bar.b-disabled .blu-field__cta-button[data-v-34ee4e9a],
html:not([dark]) .blu-search-bar.b-disabled .blu-search-bar__item-trailing[data-v-34ee4e9a],
html:not([dark]) .blu-search-bar.b-disabled .blu-search-bar__cta-button[data-v-34ee4e9a] {
pointer-events: none
}
html:not([dark]) .blu-field.b-disabled .blu-field__cta-button[data-v-34ee4e9a],
html:not([dark]) .blu-field.b-disabled .blu-search-bar__cta-button[data-v-34ee4e9a],
html:not([dark]) .blu-search-bar.b-disabled .blu-field__cta-button[data-v-34ee4e9a],
html:not([dark]) .blu-search-bar.b-disabled .blu-search-bar__cta-button[data-v-34ee4e9a] {
--blu-field-primary-cta-color-text: rgba(25, 34, 42, .4)
}
html:not([dark]) .blu-field.b-small[data-v-34ee4e9a],
html:not([dark]) .blu-search-bar.b-small[data-v-34ee4e9a] {
--blu-field-container-size-height: 36px;
--blu-field-container-border-radius: 8px;
--blu-field-container-spacing-padding: 0 8px;
--blu-field-container-spacing-gap: 4px;
--blu-field-icon-size: 18px
}
html:not([dark]) .blu-field.has-max-length[data-v-34ee4e9a] {
animation: shake-34ee4e9a .82s cubic-bezier(.36, .07, .19, .97) both;
transform: translateZ(0);
backface-visibility: hidden;
perspective: 1000px
}
html:not([dark]) .blu-field__helper[data-v-34ee4e9a] {
display: flex;
color: var(--blu-field-helper-color-text)
}
html:not([dark]) .blu-field__helper[data-v-34ee4e9a] .blu-field__counter {
margin-left: auto
}
html:not([dark]) .blu-field__helper[data-v-34ee4e9a] :not(:empty) {
margin-top: 4px
}
html:not([dark]) .blu-field__helper.b-success[data-v-34ee4e9a] {
--blu-field-helper-color-text: #1c832a
}
html:not([dark]) .blu-field__helper.b-error[data-v-34ee4e9a] {
--blu-field-helper-color-text: #d33534
}
html:not([dark]) .blu-field__warning-btn[data-v-34ee4e9a] {
--blu-field-icon-color: #e93c3c
}
html:not([dark]) .blu-field__success-btn[data-v-34ee4e9a] {
--blu-field-icon-color: #1f912e
}
html:not([dark]) .blu-field.b-error[data-v-34ee4e9a] {
--blu-field-container-color-border: #ff4646;
--blu-field-helper-color-text: rgba(25, 34, 42, .4)
}
html:not([dark]) .blu-field.b-error.b-focused label[data-v-34ee4e9a],
html:not([dark]) .blu-field.b-error.has-value label[data-v-34ee4e9a] {
--blu-field-label-color-text: #d33534
}
html:not([dark]) .blu-field.b-success[data-v-34ee4e9a] {
--blu-field-container-color-border: #22a334;
--blu-field-helper-color-text: rgba(25, 34, 42, .4)
}
html:not([dark]) .blu-field.b-success.b-focused label[data-v-34ee4e9a],
html:not([dark]) .blu-field.b-success.has-value label[data-v-34ee4e9a] {
--blu-field-label-color-text: #1c832a
}
html:not([dark]) :not(.b-disabled) .blu-dropdown-trigger .blu-field__container[data-v-34ee4e9a],
html:not([dark]) :not(.b-disabled) .blu-dropdown-trigger label[data-v-34ee4e9a] {
cursor: pointer
}
html:not([dark]) [class*=b-is-text-area] .blu-field__container[data-v-34ee4e9a] {
height: 100%;
align-items: flex-start;
box-sizing: border-box;
padding: 8px 2px 2px 12px
}
html:not([dark]) [class*=b-is-text-area] .blu-field__wrapper[data-v-34ee4e9a] {
height: inherit
}
html:not([dark]) [class*=b-is-text-area] .blu-field__content[data-v-34ee4e9a] {
height: 100%;
margin-right: 0
}
html:not([dark]) [class*=b-is-text-area] .blu-field__label-container label[data-v-34ee4e9a] {
margin-bottom: 0;
height: 18px
}
html:not([dark]) [class*=b-is-text-area] .blu-field__action[data-v-34ee4e9a] {
position: absolute;
right: 8px;
background: var(--blu-field-action-color-background);
border-radius: 24px
}
html:not([dark]) [class*=b-is-text-area] .blu-field__action *[data-v-34ee4e9a]:not(:last-child) {
margin-right: var(--blu-field-container-spacing-gap)
}
html:not([dark]) [class*=b-is-text-area].b-secondary[data-v-34ee4e9a] {
--blu-field-action-color-background: #ffffff
}
html:not([dark]) [class*=b-is-text-area].b-disabled[data-v-34ee4e9a] {
--blu-field-action-color-background: #e1e3e4
}
html:not([dark]) [class*=b-is-text-area] .b-fit-content[data-v-34ee4e9a] {
width: min-content;
height: fit-content
}
html:not([dark]) [class*=b-is-text-area] .b-fit-content .blu-field__container[data-v-34ee4e9a] {
width: min-content
}
html[dark] .blu-field[data-v-34ee4e9a],
html[dark] .blu-search-bar[data-v-34ee4e9a] {
--blu-field-container-border-width: 1px;
--blu-field-container-size-height: 48px;
--blu-field-container-color-border: transparent;
--blu-field-container-border-radius: 8px;
--blu-field-container-spacing-padding: 0 12px;
--blu-field-container-spacing-gap: 8px;
--blu-field-primary-container-color-background: #28323b;
--blu-field-primary-cta-color-text: #4fa4ff;
--blu-field-helper-text: 500 14px/18px Blibli, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif;
--blu-field-helper-color-text: rgba(255, 255, 255, .5019607843);
--blu-field-icon-color: #acb0b4;
--blu-field-icon-size: 18px;
--blu-field-label-text: 500 14px/18px Blibli, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif;
--blu-filed-label-text-position: -18px;
--blu-field-label-color-text: rgba(255, 255, 255, .8);
--blu-field-placeholder-text: 500 14px/18px Blibli, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif;
--blu-field-placeholder-color-text: rgba(255, 255, 255, .8);
--blu-filed-placeholder-text-position: -18px;
--blu-field-action-color-background: #28323b;
width: 100%;
font: var(--blu-field-helper-text)
}
html[dark] .blu-field__label-container[data-v-34ee4e9a],
html[dark] .blu-search-bar__label-container[data-v-34ee4e9a] {
flex: 1;
min-width: 0;
display: flex;
flex-direction: column;
position: relative
}
html[dark] .blu-field__label[data-v-34ee4e9a],
html[dark] .blu-field__placeholder[data-v-34ee4e9a],
html[dark] .blu-search-bar__label[data-v-34ee4e9a],
html[dark] .blu-search-bar__placeholder[data-v-34ee4e9a] {
transition: all .3s;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap
}
html[dark] .blu-field__label[data-v-34ee4e9a],
html[dark] .blu-search-bar__label[data-v-34ee4e9a] {
color: var(--blu-field-label-color-text);
font: var(--blu-field-label-text);
margin-bottom: var(--blu-filed-label-text-position)
}
html[dark] .blu-field__placeholder[data-v-34ee4e9a],
html[dark] .blu-search-bar__placeholder[data-v-34ee4e9a] {
color: var(--blu-field-placeholder-color-text);
font: var(--blu-field-placeholder-text);
margin-bottom: var(--blu-filed-placeholder-text-position)
}
html[dark] .blu-field__asterisk[data-v-34ee4e9a],
html[dark] .blu-search-bar__asterisk[data-v-34ee4e9a] {
color: #ff7373
}
html[dark] .blu-field.b-focused .blu-field__label-container[data-v-34ee4e9a],
html[dark] .blu-field.has-value .blu-field__label-container[data-v-34ee4e9a],
html[dark] .blu-search-bar.b-focused .blu-field__label-container[data-v-34ee4e9a],
html[dark] .blu-search-bar.has-value .blu-field__label-container[data-v-34ee4e9a] {
margin-bottom: 0
}
html[dark] .blu-field.b-focused label[data-v-34ee4e9a],
html[dark] .blu-field.has-value label[data-v-34ee4e9a],
html[dark] .blu-search-bar.b-focused label[data-v-34ee4e9a],
html[dark] .blu-search-bar.has-value label[data-v-34ee4e9a] {
--blu-field-label-text: 500 12px/16px Blibli, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif;
--blu-field-label-color-text: #4fa4ff;
--blu-filed-label-text-position: 0
}
html[dark] .blu-field.has-value .blu-field__clearable-btn[data-v-34ee4e9a],
html[dark] .blu-field.has-value .blu-search-bar__clearable-btn[data-v-34ee4e9a],
html[dark] .blu-search-bar.has-value .blu-field__clearable-btn[data-v-34ee4e9a],
html[dark] .blu-search-bar.has-value .blu-search-bar__clearable-btn[data-v-34ee4e9a] {
visibility: visible
}
html[dark] .blu-field:not(.b-disabled) .blu-field__container[data-v-34ee4e9a]:hover,
html[dark] .blu-field:not(.b-disabled) .blu-search-bar__container[data-v-34ee4e9a]:hover,
html[dark] .blu-search-bar:not(.b-disabled) .blu-field__container[data-v-34ee4e9a]:hover,
html[dark] .blu-search-bar:not(.b-disabled) .blu-search-bar__container[data-v-34ee4e9a]:hover {
--blu-field-primary-container-color-background: #19222a;
--blu-field-action-color-background: #19222a
}
html[dark] .blu-field:not(.b-disabled) .blu-field__clearable-btn[data-v-34ee4e9a],
html[dark] .blu-field:not(.b-disabled) .blu-search-bar__clearable-btn[data-v-34ee4e9a],
html[dark] .blu-search-bar:not(.b-disabled) .blu-field__clearable-btn[data-v-34ee4e9a],
html[dark] .blu-search-bar:not(.b-disabled) .blu-search-bar__clearable-btn[data-v-34ee4e9a] {
cursor: pointer
}
html[dark] .blu-field__container[data-v-34ee4e9a],
html[dark] .blu-search-bar__container[data-v-34ee4e9a] {
padding: var(--blu-field-container-spacing-padding);
box-shadow: 0 0 0 var(--blu-field-container-border-width) var(--blu-field-container-color-border) inset;
-webkit-box-shadow: 0 0 0 var(--blu-field-container-border-width) var(--blu-field-container-color-border) inset;
border-radius: var(--blu-field-container-border-radius);
height: var(--blu-field-container-size-height);
background-color: var(--blu-field-primary-container-color-background);
display: flex;
align-items: center;
cursor: text;
transition: all .2s, background-color .4s, background 0;
position: relative
}
html[dark] .blu-field__container>*[data-v-34ee4e9a]:not(:last-child),
html[dark] .blu-search-bar__container>*[data-v-34ee4e9a]:not(:last-child) {
margin-right: var(--blu-field-container-spacing-gap)
}
html[dark] .blu-field__container[data-v-34ee4e9a]:focus-visible,
html[dark] .blu-search-bar__container[data-v-34ee4e9a]:focus-visible {
outline: none
}
html[dark] .blu-field__content[data-v-34ee4e9a],
html[dark] .blu-search-bar__content[data-v-34ee4e9a] {
display: flex;
flex-grow: 1;
flex-direction: column;
position: relative;
overflow: hidden
}
html[dark] .blu-field__action[data-v-34ee4e9a],
html[dark] .blu-search-bar__action[data-v-34ee4e9a] {
display: flex;
align-items: center
}
html[dark] .blu-field__item-leading[data-v-34ee4e9a],
html[dark] .blu-field__item-trailing[data-v-34ee4e9a],
html[dark] .blu-field__clearable-btn[data-v-34ee4e9a],
html[dark] .blu-field__warning-btn[data-v-34ee4e9a],
html[dark] .blu-field__success-btn[data-v-34ee4e9a],
html[dark] .blu-search-bar__item-leading[data-v-34ee4e9a],
html[dark] .blu-search-bar__item-trailing[data-v-34ee4e9a],
html[dark] .blu-search-bar__clearable-btn[data-v-34ee4e9a],
html[dark] .blu-search-bar__warning-btn[data-v-34ee4e9a],
html[dark] .blu-search-bar__success-btn[data-v-34ee4e9a] {
color: var(--blu-field-icon-color);
display: flex;
height: var(--blu-field-icon-size)
}
html[dark] .blu-field__item-leading[data-v-34ee4e9a] svg,
html[dark] .blu-field__item-trailing[data-v-34ee4e9a] svg,
html[dark] .blu-field__clearable-btn[data-v-34ee4e9a] svg,
html[dark] .blu-field__warning-btn[data-v-34ee4e9a] svg,
html[dark] .blu-field__success-btn[data-v-34ee4e9a] svg,
html[dark] .blu-search-bar__item-leading[data-v-34ee4e9a] svg,
html[dark] .blu-search-bar__item-trailing[data-v-34ee4e9a] svg,
html[dark] .blu-search-bar__clearable-btn[data-v-34ee4e9a] svg,
html[dark] .blu-search-bar__warning-btn[data-v-34ee4e9a] svg,
html[dark] .blu-search-bar__success-btn[data-v-34ee4e9a] svg {
height: var(--blu-field-icon-size) !important;
width: var(--blu-field-icon-size) !important
}
html[dark] .blu-field__item-leading[data-v-34ee4e9a]:not(:last-child),
html[dark] .blu-field__item-trailing[data-v-34ee4e9a]:not(:last-child),
html[dark] .blu-field__clearable-btn[data-v-34ee4e9a]:not(:last-child),
html[dark] .blu-field__warning-btn[data-v-34ee4e9a]:not(:last-child),
html[dark] .blu-field__success-btn[data-v-34ee4e9a]:not(:last-child),
html[dark] .blu-search-bar__item-leading[data-v-34ee4e9a]:not(:last-child),
html[dark] .blu-search-bar__item-trailing[data-v-34ee4e9a]:not(:last-child),
html[dark] .blu-search-bar__clearable-btn[data-v-34ee4e9a]:not(:last-child),
html[dark] .blu-search-bar__warning-btn[data-v-34ee4e9a]:not(:last-child),
html[dark] .blu-search-bar__success-btn[data-v-34ee4e9a]:not(:last-child) {
margin-right: var(--blu-field-container-spacing-gap)
}
html[dark] .blu-field__unit-leading[data-v-34ee4e9a],
html[dark] .blu-field__unit-trailing[data-v-34ee4e9a],
html[dark] .blu-search-bar__unit-leading[data-v-34ee4e9a],
html[dark] .blu-search-bar__unit-trailing[data-v-34ee4e9a] {
color: var(--blu-field-icon-color);
display: flex;
align-items: center;
white-space: nowrap
}
html[dark] .blu-field__unit-leading[data-v-34ee4e9a]:not(:last-child),
html[dark] .blu-field__unit-trailing[data-v-34ee4e9a]:not(:last-child),
html[dark] .blu-search-bar__unit-leading[data-v-34ee4e9a]:not(:last-child),
html[dark] .blu-search-bar__unit-trailing[data-v-34ee4e9a]:not(:last-child) {
margin-right: var(--blu-field-container-spacing-gap)
}
html[dark] .blu-field__unit-leading[data-v-34ee4e9a],
html[dark] .blu-search-bar__unit-leading[data-v-34ee4e9a] {
justify-content: center
}
html[dark] .blu-field__unit-trailing[data-v-34ee4e9a],
html[dark] .blu-search-bar__unit-trailing[data-v-34ee4e9a] {
justify-content: flex-end
}
html[dark] .blu-field__clearable-btn[data-v-34ee4e9a]:focus,
html[dark] .blu-field__item-trailing[data-v-34ee4e9a] svg:focus,
html[dark] .blu-search-bar__clearable-btn[data-v-34ee4e9a]:focus,
html[dark] .blu-search-bar__item-trailing[data-v-34ee4e9a] svg:focus {
outline: none
}
html[dark] .blu-field__clearable-btn[data-v-34ee4e9a]:focus-visible,
html[dark] .blu-field__item-trailing[data-v-34ee4e9a] svg:focus-visible,
html[dark] .blu-search-bar__clearable-btn[data-v-34ee4e9a]:focus-visible,
html[dark] .blu-search-bar__item-trailing[data-v-34ee4e9a] svg:focus-visible {
outline: 2px solid #f9f9fa
}
html[dark] .blu-field__clearable-btn[data-v-34ee4e9a],
html[dark] .blu-search-bar__clearable-btn[data-v-34ee4e9a] {
visibility: hidden
}
html[dark] .blu-field__item-trailing[data-v-34ee4e9a],
html[dark] .blu-search-bar__item-trailing[data-v-34ee4e9a] {
cursor: pointer
}
html[dark] .blu-field__cta-button[data-v-34ee4e9a],
html[dark] .blu-search-bar__cta-button[data-v-34ee4e9a] {
color: var(--blu-field-primary-cta-color-text);
font: 600 14px/18px Blibli, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif;
cursor: pointer
}
html[dark] .blu-field__cta-button[data-v-34ee4e9a]:focus,
html[dark] .blu-search-bar__cta-button[data-v-34ee4e9a]:focus {
outline: none
}
html[dark] .blu-field__cta-button[data-v-34ee4e9a]:focus-visible,
html[dark] .blu-search-bar__cta-button[data-v-34ee4e9a]:focus-visible {
outline: 2px solid #f9f9fa
}
html[dark] .blu-field.b-secondary[data-v-34ee4e9a],
html[dark] .blu-search-bar.b-secondary[data-v-34ee4e9a] {
--blu-field-primary-container-color-background: #12171d;
--blu-field-container-color-border: #60686e;
--blu-field-action-color-background: #12171d
}
html[dark] .blu-field.b-focused[data-v-34ee4e9a]:not(.b-error):not(.b-success),
html[dark] .blu-search-bar.b-focused[data-v-34ee4e9a]:not(.b-error):not(.b-success) {
--blu-field-container-color-border: #4fa4ff
}
html[dark] .blu-field.b-disabled .blu-field__container[data-v-34ee4e9a],
html[dark] .blu-field.b-disabled .blu-search-bar__container[data-v-34ee4e9a],
html[dark] .blu-search-bar.b-disabled .blu-field__container[data-v-34ee4e9a],
html[dark] .blu-search-bar.b-disabled .blu-search-bar__container[data-v-34ee4e9a] {
cursor: not-allowed;
--blu-field-primary-container-color-background: #3b444c
}
html[dark] .blu-field.b-disabled .blu-field__container label[data-v-34ee4e9a],
html[dark] .blu-field.b-disabled .blu-search-bar__container label[data-v-34ee4e9a],
html[dark] .blu-search-bar.b-disabled .blu-field__container label[data-v-34ee4e9a],
html[dark] .blu-search-bar.b-disabled .blu-search-bar__container label[data-v-34ee4e9a] {
--blu-field-label-color-text: rgba(255, 255, 255, .5019607843)
}
html[dark] .blu-field.b-disabled .blu-field__container .blu-field__placeholder[data-v-34ee4e9a],
html[dark] .blu-field.b-disabled .blu-search-bar__container .blu-field__placeholder[data-v-34ee4e9a],
html[dark] .blu-search-bar.b-disabled .blu-field__container .blu-field__placeholder[data-v-34ee4e9a],
html[dark] .blu-search-bar.b-disabled .blu-search-bar__container .blu-field__placeholder[data-v-34ee4e9a] {
--blu-field-placeholder-color-text: rgba(255, 255, 255, .5019607843)
}
html[dark] .blu-field.b-disabled .blu-field__item-leading[data-v-34ee4e9a],
html[dark] .blu-field.b-disabled .blu-field__item-trailing[data-v-34ee4e9a],
html[dark] .blu-field.b-disabled .blu-field__action *[data-v-34ee4e9a],
html[dark] .blu-field.b-disabled .blu-search-bar__item-leading[data-v-34ee4e9a],
html[dark] .blu-field.b-disabled .blu-search-bar__item-trailing[data-v-34ee4e9a],
html[dark] .blu-field.b-disabled .blu-search-bar__action *[data-v-34ee4e9a],
html[dark] .blu-search-bar.b-disabled .blu-field__item-leading[data-v-34ee4e9a],
html[dark] .blu-search-bar.b-disabled .blu-field__item-trailing[data-v-34ee4e9a],
html[dark] .blu-search-bar.b-disabled .blu-field__action *[data-v-34ee4e9a],
html[dark] .blu-search-bar.b-disabled .blu-search-bar__item-leading[data-v-34ee4e9a],
html[dark] .blu-search-bar.b-disabled .blu-search-bar__item-trailing[data-v-34ee4e9a],
html[dark] .blu-search-bar.b-disabled .blu-search-bar__action *[data-v-34ee4e9a] {
--blu-field-icon-color: rgba(255, 255, 255, .3019607843)
}
html[dark] .blu-field.b-disabled .blu-field__item-trailing[data-v-34ee4e9a],
html[dark] .blu-field.b-disabled .blu-field__cta-button[data-v-34ee4e9a],
html[dark] .blu-field.b-disabled .blu-search-bar__item-trailing[data-v-34ee4e9a],
html[dark] .blu-field.b-disabled .blu-search-bar__cta-button[data-v-34ee4e9a],
html[dark] .blu-search-bar.b-disabled .blu-field__item-trailing[data-v-34ee4e9a],
html[dark] .blu-search-bar.b-disabled .blu-field__cta-button[data-v-34ee4e9a],
html[dark] .blu-search-bar.b-disabled .blu-search-bar__item-trailing[data-v-34ee4e9a],
html[dark] .blu-search-bar.b-disabled .blu-search-bar__cta-button[data-v-34ee4e9a] {
pointer-events: none
}
html[dark] .blu-field.b-disabled .blu-field__cta-button[data-v-34ee4e9a],
html[dark] .blu-field.b-disabled .blu-search-bar__cta-button[data-v-34ee4e9a],
html[dark] .blu-search-bar.b-disabled .blu-field__cta-button[data-v-34ee4e9a],
html[dark] .blu-search-bar.b-disabled .blu-search-bar__cta-button[data-v-34ee4e9a] {
--blu-field-primary-cta-color-text: rgba(255, 255, 255, .5019607843)
}
html[dark] .blu-field.b-small[data-v-34ee4e9a],
html[dark] .blu-search-bar.b-small[data-v-34ee4e9a] {
--blu-field-container-size-height: 36px;
--blu-field-container-border-radius: 8px;
--blu-field-container-spacing-padding: 0 8px;
--blu-field-container-spacing-gap: 4px;
--blu-field-icon-size: 18px
}
html[dark] .blu-field.has-max-length[data-v-34ee4e9a] {
animation: shake-34ee4e9a .82s cubic-bezier(.36, .07, .19, .97) both;
transform: translateZ(0);
backface-visibility: hidden;
perspective: 1000px
}
html[dark] .blu-field__helper[data-v-34ee4e9a] {
display: flex;
color: var(--blu-field-helper-color-text)
}
html[dark] .blu-field__helper[data-v-34ee4e9a] .blu-field__counter {
margin-left: auto
}
html[dark] .blu-field__helper[data-v-34ee4e9a] :not(:empty) {
margin-top: 4px
}
html[dark] .blu-field__helper.b-success[data-v-34ee4e9a] {
--blu-field-helper-color-text: #02c82b
}
html[dark] .blu-field__helper.b-error[data-v-34ee4e9a] {
--blu-field-helper-color-text: #ff7373
}
html[dark] .blu-field__warning-btn[data-v-34ee4e9a] {
--blu-field-icon-color: #ff7373
}
html[dark] .blu-field__success-btn[data-v-34ee4e9a] {
--blu-field-icon-color: #02c82b
}
html[dark] .blu-field.b-error[data-v-34ee4e9a] {
--blu-field-container-color-border: #ff7373;
--blu-field-helper-color-text: rgba(255, 255, 255, .5019607843)
}
html[dark] .blu-field.b-error.b-focused label[data-v-34ee4e9a],
html[dark] .blu-field.b-error.has-value label[data-v-34ee4e9a] {
--blu-field-label-color-text: #ff7373
}
html[dark] .blu-field.b-success[data-v-34ee4e9a] {
--blu-field-container-color-border: #02c82b;
--blu-field-helper-color-text: rgba(255, 255, 255, .5019607843)
}
html[dark] .blu-field.b-success.b-focused label[data-v-34ee4e9a],
html[dark] .blu-field.b-success.has-value label[data-v-34ee4e9a] {
--blu-field-label-color-text: #02c82b
}
@keyframes shake-34ee4e9a {
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)
}
}
html[dark] :not(.b-disabled) .blu-dropdown-trigger .blu-field__container[data-v-34ee4e9a],
html[dark] :not(.b-disabled) .blu-dropdown-trigger label[data-v-34ee4e9a] {
cursor: pointer
}
html[dark] [class*=b-is-text-area] .blu-field__container[data-v-34ee4e9a] {
height: 100%;
align-items: flex-start;
box-sizing: border-box;
padding: 8px 2px 2px 12px
}
html[dark] [class*=b-is-text-area] .blu-field__wrapper[data-v-34ee4e9a] {
height: inherit
}
html[dark] [class*=b-is-text-area] .blu-field__content[data-v-34ee4e9a] {
height: 100%;
margin-right: 0
}
html[dark] [class*=b-is-text-area] .blu-field__label-container label[data-v-34ee4e9a] {
margin-bottom: 0;
height: 18px
}
html[dark] [class*=b-is-text-area] .blu-field__action[data-v-34ee4e9a] {
position: absolute;
right: 8px;
background: var(--blu-field-action-color-background);
border-radius: 24px
}
html[dark] [class*=b-is-text-area] .blu-field__action *[data-v-34ee4e9a]:not(:last-child) {
margin-right: var(--blu-field-container-spacing-gap)
}
html[dark] [class*=b-is-text-area].b-secondary[data-v-34ee4e9a] {
--blu-field-action-color-background: #12171d
}
html[dark] [class*=b-is-text-area].b-disabled[data-v-34ee4e9a] {
--blu-field-action-color-background: #3b444c
}
html[dark] [class*=b-is-text-area] .b-fit-content[data-v-34ee4e9a] {
width: min-content;
height: fit-content
}
html[dark] [class*=b-is-text-area] .b-fit-content .blu-field__container[data-v-34ee4e9a] {
width: min-content
}
</style>
<style>
html:not([dark]) .b-overflow-y[data-v-2dfb00b7] {
scrollbar-color: rgba(25, 34, 42, .3019607843) transparent;
scrollbar-width: thin
}
html:not([dark]) .b-overflow-y[data-v-2dfb00b7]::-webkit-scrollbar {
width: 4px;
height: 8px;
background-color: transparent
}
html:not([dark]) .b-overflow-y[data-v-2dfb00b7]::-webkit-scrollbar-track {
margin: 13px 0
}
html:not([dark]) .b-overflow-y[data-v-2dfb00b7]::-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-2dfb00b7]:hover::-webkit-scrollbar {
width: 4px
}
html:not([dark]) .b-overflow-y[data-v-2dfb00b7]:hover::-webkit-scrollbar-track {
border: solid 2px transparent
}
html:not([dark]) .b-overflow-y[data-v-2dfb00b7]: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-2dfb00b7]::-webkit-scrollbar-track {
border-radius: 3px;
background-color: transparent
}
html:not([dark]) .b-overflow-y.hidden[data-v-2dfb00b7] {
scrollbar-width: none
}
html:not([dark]) .b-overflow-y.hidden[data-v-2dfb00b7]::-webkit-scrollbar-thumb {
border-radius: 4px;
background-color: transparent
}
html:not([dark]) .b-overflow-y.hidden[data-v-2dfb00b7]:hover {
scrollbar-width: thin
}
html:not([dark]) .b-overflow-y.hidden[data-v-2dfb00b7]: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-2dfb00b7]: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-2dfb00b7] {
overflow-y: auto;
margin: 0
}
html:not([dark]) textarea[data-v-2dfb00b7] {
--blu-text-area-input-text: 500 16px/20px Blibli, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif;
--blu-text-area-input-padding: 0 12px 8px 0;
box-shadow: none;
border: none;
background-color: transparent;
outline: 0;
padding: 0;
font: var(--blu-text-area-input-text);
padding: var(--blu-text-area-input-padding);
transform: scale(.875);
width: 114.28%;
transform-origin: left center
}
html:not([dark]) .blu-field__container .blu-field__leading-icon~.blu-field__content textarea[data-v-2dfb00b7] {
min-width: calc(var(--blu-field-custom-min-width) - 42px)
}
html:not([dark]) .blu-field.b-placeholder textarea[data-v-2dfb00b7] {
min-height: calc(var(--blu-text-area-min-height) - 10px)
}
html:not([dark]) .blu-field textarea[data-v-2dfb00b7] {
--blu-field-primary-input-color-text: #19222a;
box-sizing: border-box;
min-height: calc(var(--blu-text-area-min-height) - 28px);
min-width: var(--blu-text-area-min-width);
color: var(--blu-field-primary-input-color-text);
height: inherit
}
html:not([dark]) .blu-field__wrapper.b-auto textarea[data-v-2dfb00b7] {
resize: both
}
html:not([dark]) .blu-field__wrapper.b-none textarea[data-v-2dfb00b7] {
resize: none
}
html:not([dark]) .blu-field__wrapper.b-horizontal textarea[data-v-2dfb00b7] {
resize: horizontal
}
html:not([dark]) .blu-field__wrapper.b-vertical textarea[data-v-2dfb00b7] {
resize: vertical
}
html:not([dark]) .blu-field__wrapper.b-auto-grow textarea[data-v-2dfb00b7] {
--blu-text-area-input-padding: 0;
resize: none;
overflow: hidden
}
html:not([dark]) .blu-field.b-disabled .blu-field__container textarea[data-v-2dfb00b7] {
--blu-field-primary-input-color-text: rgba(25, 34, 42, .4);
cursor: not-allowed
}
html[dark] .b-overflow-y[data-v-2dfb00b7] {
scrollbar-color: rgba(255, 255, 255, .3019607843) transparent;
scrollbar-width: thin
}
html[dark] .b-overflow-y[data-v-2dfb00b7]::-webkit-scrollbar {
width: 4px;
height: 8px;
background-color: transparent
}
html[dark] .b-overflow-y[data-v-2dfb00b7]::-webkit-scrollbar-track {
margin: 13px 0
}
html[dark] .b-overflow-y[data-v-2dfb00b7]::-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-2dfb00b7]:hover::-webkit-scrollbar {
width: 4px
}
html[dark] .b-overflow-y[data-v-2dfb00b7]:hover::-webkit-scrollbar-track {
border: solid 2px transparent
}
html[dark] .b-overflow-y[data-v-2dfb00b7]: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-2dfb00b7]::-webkit-scrollbar-track {
border-radius: 3px;
background-color: transparent
}
html[dark] .b-overflow-y.hidden[data-v-2dfb00b7] {
scrollbar-width: none
}
html[dark] .b-overflow-y.hidden[data-v-2dfb00b7]::-webkit-scrollbar-thumb {
border-radius: 4px;
background-color: transparent
}
html[dark] .b-overflow-y.hidden[data-v-2dfb00b7]:hover {
scrollbar-width: thin
}
html[dark] .b-overflow-y.hidden[data-v-2dfb00b7]: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-2dfb00b7]: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-2dfb00b7] {
overflow-y: auto;
margin: 0
}
html[dark] textarea[data-v-2dfb00b7] {
--blu-text-area-input-text: 500 16px/20px Blibli, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif;
--blu-text-area-input-padding: 0 12px 8px 0;
box-shadow: none;
border: none;
background-color: transparent;
outline: 0;
padding: 0;
font: var(--blu-text-area-input-text);
padding: var(--blu-text-area-input-padding);
transform: scale(.875);
width: 114.28%;
transform-origin: left center
}
html[dark] .blu-field__container .blu-field__leading-icon~.blu-field__content textarea[data-v-2dfb00b7] {
min-width: calc(var(--blu-field-custom-min-width) - 42px)
}
html[dark] .blu-field.b-placeholder textarea[data-v-2dfb00b7] {
min-height: calc(var(--blu-text-area-min-height) - 10px)
}
html[dark] .blu-field textarea[data-v-2dfb00b7] {
--blu-field-primary-input-color-text: #ffffff;
box-sizing: border-box;
min-height: calc(var(--blu-text-area-min-height) - 28px);
min-width: var(--blu-text-area-min-width);
color: var(--blu-field-primary-input-color-text);
height: inherit
}
html[dark] .blu-field__wrapper.b-auto textarea[data-v-2dfb00b7] {
resize: both
}
html[dark] .blu-field__wrapper.b-none textarea[data-v-2dfb00b7] {
resize: none
}
html[dark] .blu-field__wrapper.b-horizontal textarea[data-v-2dfb00b7] {
resize: horizontal
}
html[dark] .blu-field__wrapper.b-vertical textarea[data-v-2dfb00b7] {
resize: vertical
}
html[dark] .blu-field__wrapper.b-auto-grow textarea[data-v-2dfb00b7] {
--blu-text-area-input-padding: 0;
resize: none;
overflow: hidden
}
html[dark] .blu-field.b-disabled .blu-field__container textarea[data-v-2dfb00b7] {
--blu-field-primary-input-color-text: rgba(255, 255, 255, .5019607843);
cursor: not-allowed
}
</style>
<style>
html:not([dark]) button[data-v-33e9fb72] {
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-33e9fb72]::-moz-focus-inner,
html:not([dark]) input[type=button][data-v-33e9fb72]::-moz-focus-inner {
border: 0px
}
html:not([dark]) button[data-v-33e9fb72]:focus,
html:not([dark]) input[type=submit][data-v-33e9fb72]:focus,
html:not([dark]) input[type=button][data-v-33e9fb72]:focus,
html:not([dark]) input[type=reset][data-v-33e9fb72]:focus,
html:not([dark]) a[data-v-33e9fb72] {
outline: none
}
html:not([dark]) .blu-toast[data-v-33e9fb72] {
--blu-toast-color-background: #28323b;
--blu-toast-color-text: #ffffff;
--blu-toast-color-icon: #ffffff;
--blu-toast-link-color-text: #4fa4ff;
--blu-toast-desc-text: 500 16px/20px Blibli, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif;
--blu-toast-link-text: 600 16px/20px Blibli, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif;
--blu-toast-icon-size: 24px;
--blu-toast-border-radius: 8px;
--blu-toast-spacing-gap: 4px 0;
--blu-toast-spacing-padding: 8px 16px;
--blu-toast-content-spacing-gap: 8px;
--blu-toast-icon-border-focused: 2px solid #ffffff;
--blu-toast-min-height: 48px;
display: flex;
align-items: center;
border-radius: var(--blu-toast-border-radius);
justify-content: space-between;
color: var(--blu-toast-color-text);
margin: var(--blu-toast-spacing-gap);
padding: var(--blu-toast-spacing-padding);
transition: all .4s ease-in-out;
min-height: var(--blu-toast-min-height);
min-width: 240px;
max-width: 600px;
pointer-events: all;
background-color: var(--blu-toast-color-background);
box-sizing: border-box;
font: var(--blu-toast-desc-text)
}
html:not([dark]) .blu-toast *[data-v-33e9fb72]:not(:last-child) {
margin-right: var(--blu-toast-content-spacing-gap)
}
@media screen and (max-width: 839px) {
html:not([dark]) .blu-toast[data-v-33e9fb72] {
--blu-toast-desc-text: 500 14px/18px Blibli, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif;
width: 100%
}
}
html:not([dark]) .blu-toast__content[data-v-33e9fb72] {
display: flex;
align-items: center
}
html:not([dark]) .blu-toast__content--link[data-v-33e9fb72] {
color: var(--blu-toast-link-color-text);
font: var(--blu-toast-link-text);
height: fit-content;
margin-left: auto;
cursor: pointer
}
@media screen and (max-width: 839px) {
html:not([dark]) .blu-toast__content--link[data-v-33e9fb72] {
--blu-toast-link-text: 600 14px/18px Blibli, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif
}
}
html:not([dark]) .blu-toast__remove[data-v-33e9fb72] {
padding: 4px;
color: var(--blu-toast-color-icon);
display: flex
}
html:not([dark]) .blu-toast__remove svg[data-v-33e9fb72] {
width: var(--blu-toast-icon-size);
height: var(--blu-toast-icon-size)
}
html:not([dark]) .blu-toast__remove[data-v-33e9fb72]:focus-visible {
outline: var(--blu-toast-icon-border-focused)
}
html:not([dark]) .blu-toast.b-has-action .blu-toast__content[data-v-33e9fb72] {
flex-wrap: wrap;
width: 100%
}
html:not([dark]) .blu-toast.b-has-action .blu-toast__content--desc[data-v-33e9fb72] {
flex-grow: 1
}
html:not([dark]) .blu-toast.b-has-action .long-action[data-v-33e9fb72] {
flex-direction: column;
align-items: normal
}
html:not([dark]) .blu-toast.b-has-action .long-action *[data-v-33e9fb72]:not(:last-child) {
margin-right: 0;
margin-bottom: 8px
}
html:not([dark]) .blu-toast.b-has-action .long-action .blu-toast__content--desc[data-v-33e9fb72] {
max-width: none
}
html:not([dark]) .blu-toast.b-error[data-v-33e9fb72] {
--blu-toast-color-background: #e93c3c;
--blu-toast-link-color-text: #ffffff
}
html:not([dark]) .blu-toast.b-success[data-v-33e9fb72] {
--blu-toast-color-background: #22a334;
--blu-toast-link-color-text: #ffffff
}
html:not([dark]) .toast-enter-active[data-v-33e9fb72],
html:not([dark]) .toast-leave-active[data-v-33e9fb72] {
transition: opacity 1s
}
html:not([dark]) .toast-enter[data-v-33e9fb72],
html:not([dark]) .toast-leave-to[data-v-33e9fb72] {
opacity: 0
}
html[dark] button[data-v-33e9fb72] {
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-33e9fb72]::-moz-focus-inner,
html[dark] input[type=button][data-v-33e9fb72]::-moz-focus-inner {
border: 0px
}
html[dark] button[data-v-33e9fb72]:focus,
html[dark] input[type=submit][data-v-33e9fb72]:focus,
html[dark] input[type=button][data-v-33e9fb72]:focus,
html[dark] input[type=reset][data-v-33e9fb72]:focus,
html[dark] a[data-v-33e9fb72] {
outline: none
}
html[dark] .blu-toast[data-v-33e9fb72] {
--blu-toast-color-background: #f1f2f2;
--blu-toast-color-text: #12171d;
--blu-toast-color-icon: #12171d;
--blu-toast-link-color-text: #006dea;
--blu-toast-desc-text: 500 16px/20px Blibli, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif;
--blu-toast-link-text: 600 16px/20px Blibli, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif;
--blu-toast-icon-size: 24px;
--blu-toast-border-radius: 8px;
--blu-toast-spacing-gap: 4px 0;
--blu-toast-spacing-padding: 8px 16px;
--blu-toast-content-spacing-gap: 8px;
--blu-toast-icon-border-focused: 2px solid #12171d;
--blu-toast-min-height: 48px;
display: flex;
align-items: center;
border-radius: var(--blu-toast-border-radius);
justify-content: space-between;
color: var(--blu-toast-color-text);
margin: var(--blu-toast-spacing-gap);
padding: var(--blu-toast-spacing-padding);
transition: all .4s ease-in-out;
min-height: var(--blu-toast-min-height);
min-width: 240px;
max-width: 600px;
pointer-events: all;
background-color: var(--blu-toast-color-background);
box-sizing: border-box;
font: var(--blu-toast-desc-text)
}
html[dark] .blu-toast *[data-v-33e9fb72]:not(:last-child) {
margin-right: var(--blu-toast-content-spacing-gap)
}
@media screen and (max-width: 839px) {
html[dark] .blu-toast[data-v-33e9fb72] {
--blu-toast-desc-text: 500 14px/18px Blibli, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif;
width: 100%
}
}
html[dark] .blu-toast__content[data-v-33e9fb72] {
display: flex;
align-items: center
}
html[dark] .blu-toast__content--link[data-v-33e9fb72] {
color: var(--blu-toast-link-color-text);
font: var(--blu-toast-link-text);
height: fit-content;
margin-left: auto;
cursor: pointer
}
@media screen and (max-width: 839px) {
html[dark] .blu-toast__content--link[data-v-33e9fb72] {
--blu-toast-link-text: 600 14px/18px Blibli, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif
}
}
html[dark] .blu-toast__remove[data-v-33e9fb72] {
padding: 4px;
color: var(--blu-toast-color-icon);
display: flex
}
html[dark] .blu-toast__remove svg[data-v-33e9fb72] {
width: var(--blu-toast-icon-size);
height: var(--blu-toast-icon-size)
}
html[dark] .blu-toast__remove[data-v-33e9fb72]:focus-visible {
outline: var(--blu-toast-icon-border-focused)
}
html[dark] .blu-toast.b-has-action .blu-toast__content[data-v-33e9fb72] {
flex-wrap: wrap;
width: 100%
}
html[dark] .blu-toast.b-has-action .blu-toast__content--desc[data-v-33e9fb72] {
flex-grow: 1
}
html[dark] .blu-toast.b-has-action .long-action[data-v-33e9fb72] {
flex-direction: column;
align-items: normal
}
html[dark] .blu-toast.b-has-action .long-action *[data-v-33e9fb72]:not(:last-child) {
margin-right: 0;
margin-bottom: 8px
}
html[dark] .blu-toast.b-has-action .long-action .blu-toast__content--desc[data-v-33e9fb72] {
max-width: none
}
html[dark] .blu-toast.b-error[data-v-33e9fb72] {
--blu-toast-color-background: #ff9090;
--blu-toast-link-color-text: #12171d
}
html[dark] .blu-toast.b-success[data-v-33e9fb72] {
--blu-toast-color-background: #74e281;
--blu-toast-link-color-text: #12171d
}
html[dark] .toast-enter-active[data-v-33e9fb72],
html[dark] .toast-leave-active[data-v-33e9fb72] {
transition: opacity 1s
}
html[dark] .toast-enter[data-v-33e9fb72],
html[dark] .toast-leave-to[data-v-33e9fb72] {
opacity: 0
}
html:not([dark]) .blu-toast-container[data-v-746bd356] {
box-sizing: border-box;
pointer-events: none;
position: fixed;
z-index: 1000;
display: flex;
width: 100%;
bottom: var(--bottom-gap);
padding: 8px 16px;
overflow: hidden;
flex-direction: column-reverse
}
html:not([dark]) .blu-toast-container[data-v-746bd356]:not(.b-left) {
left: 50%;
transform: translate(-50%);
align-items: center
}
html:not([dark]) .blu-toast-container.b-left[data-v-746bd356] {
left: 0;
align-items: flex-start
}
html[dark] .blu-toast-container[data-v-746bd356] {
box-sizing: border-box;
pointer-events: none;
position: fixed;
z-index: 1000;
display: flex;
width: 100%;
bottom: var(--bottom-gap);
padding: 8px 16px;
overflow: hidden;
flex-direction: column-reverse
}
html[dark] .blu-toast-container[data-v-746bd356]:not(.b-left) {
left: 50%;
transform: translate(-50%);
align-items: center
}
html[dark] .blu-toast-container.b-left[data-v-746bd356] {
left: 0;
align-items: flex-start
}
</style>
<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
}
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: #db181d;
--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)
}
*[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
}
html:not([dark]) .b-overflow-y[data-v-38117db0] {
scrollbar-color: rgba(25, 34, 42, .3019607843) transparent;
scrollbar-width: thin
}
html:not([dark]) .b-overflow-y[data-v-38117db0]::-webkit-scrollbar {
width: 4px;
height: 8px;
background-color: transparent
}
html:not([dark]) .b-overflow-y[data-v-38117db0]::-webkit-scrollbar-track {
margin: 13px 0
}
html:not([dark]) .b-overflow-y[data-v-38117db0]::-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-38117db0]:hover::-webkit-scrollbar {
width: 4px
}
html:not([dark]) .b-overflow-y[data-v-38117db0]:hover::-webkit-scrollbar-track {
border: solid 2px transparent
}
html:not([dark]) .b-overflow-y[data-v-38117db0]: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-38117db0]::-webkit-scrollbar-track {
border-radius: 3px;
background-color: transparent
}
html:not([dark]) .b-overflow-y.hidden[data-v-38117db0] {
scrollbar-width: none
}
html:not([dark]) .b-overflow-y.hidden[data-v-38117db0]::-webkit-scrollbar-thumb {
border-radius: 4px;
background-color: transparent
}
html:not([dark]) .b-overflow-y.hidden[data-v-38117db0]:hover {
scrollbar-width: thin
}
html:not([dark]) .b-overflow-y.hidden[data-v-38117db0]: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-38117db0]: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-38117db0] {
overflow-y: auto;
margin: 0
}
html:not([dark]) .blu-dropdown[data-v-38117db0] {
--dropdown-tray-max-height: 300px;
--blu-dropdown-tray-border-radius: 8px;
position: relative;
display: inline-block
}
html:not([dark]) .blu-dropdown.b-top .blu-dropdown-tray[data-v-38117db0] {
bottom: var(--dropdown-tray-position);
min-width: auto
}
html:not([dark]) .blu-dropdown.b-btm .blu-dropdown-tray[data-v-38117db0],
html:not([dark]) .blu-dropdown.b-btm .b-float[data-v-38117db0] {
top: var(--dropdown-tray-position)
}
html:not([dark]) .blu-dropdown-tray[data-v-38117db0] {
--blu-dropdown-tray-spacing-padding: 0 8px;
--blu-dropdown-tray-seach-bar-padding: 8px 0;
position: absolute;
z-index: 1;
width: 100%;
margin-top: 4px;
padding: var(--blu-dropdown-tray-spacing-padding);
box-sizing: border-box;
background-color: #fff;
border-radius: var(--blu-dropdown-tray-border-radius);
transition: all .3s ease-in-out;
pointer-events: auto;
max-height: 0;
left: var(--dropdown-tray-horizontal-position)
}
html:not([dark]) .blu-dropdown-tray__search-bar[data-v-38117db0] {
padding: var(--blu-dropdown-tray-seach-bar-padding)
}
html:not([dark]) .blu-dropdown-tray.b-shadowed[data-v-38117db0] {
box-shadow: 0 1px 6px #0000001a
}
html:not([dark]) .blu-dropdown-tray.b-flexible-width[data-v-38117db0] {
width: max-content
}
html:not([dark]) .blu-dropdown-tray.b-reverse[data-v-38117db0] {
left: revert;
right: var(--dropdown-tray-horizontal-position)
}
html:not([dark]) .blu-dropdown-tray.b-float[data-v-38117db0] {
position: fixed;
min-width: auto
}
html:not([dark]) .blu-dropdown-tray.b-has-no-padding[data-v-38117db0] {
--blu-dropdown-tray-spacing-padding: 0
}
html:not([dark]) .blu-dropdown:not(.b-active) .blu-dropdown-tray[data-v-38117db0] {
overflow: hidden;
visibility: hidden
}
html:not([dark]) .blu-dropdown.b-active .blu-dropdown-tray[data-v-38117db0] {
height: auto;
max-height: var(--dropdown-tray-max-height)
}
html:not([dark]) .blu-dropdown.b-disabled[data-v-38117db0] {
cursor: not-allowed
}
html:not([dark]) .blu-dropdown.b-disabled .blu-dropdown-trigger[data-v-38117db0] {
pointer-events: none
}
html:not([dark]) .blu-dropdown.b-is-full-width-dropdown-trigger-chips[data-v-38117db0] {
width: 100%
}
html[dark] .b-overflow-y[data-v-38117db0] {
scrollbar-color: rgba(255, 255, 255, .3019607843) transparent;
scrollbar-width: thin
}
html[dark] .b-overflow-y[data-v-38117db0]::-webkit-scrollbar {
width: 4px;
height: 8px;
background-color: transparent
}
html[dark] .b-overflow-y[data-v-38117db0]::-webkit-scrollbar-track {
margin: 13px 0
}
html[dark] .b-overflow-y[data-v-38117db0]::-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-38117db0]:hover::-webkit-scrollbar {
width: 4px
}
html[dark] .b-overflow-y[data-v-38117db0]:hover::-webkit-scrollbar-track {
border: solid 2px transparent
}
html[dark] .b-overflow-y[data-v-38117db0]: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-38117db0]::-webkit-scrollbar-track {
border-radius: 3px;
background-color: transparent
}
html[dark] .b-overflow-y.hidden[data-v-38117db0] {
scrollbar-width: none
}
html[dark] .b-overflow-y.hidden[data-v-38117db0]::-webkit-scrollbar-thumb {
border-radius: 4px;
background-color: transparent
}
html[dark] .b-overflow-y.hidden[data-v-38117db0]:hover {
scrollbar-width: thin
}
html[dark] .b-overflow-y.hidden[data-v-38117db0]: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-38117db0]: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-38117db0] {
overflow-y: auto;
margin: 0
}
html[dark] .blu-dropdown[data-v-38117db0] {
--dropdown-tray-max-height: 300px;
--blu-dropdown-tray-border-radius: 8px;
position: relative;
display: inline-block
}
html[dark] .blu-dropdown.b-top .blu-dropdown-tray[data-v-38117db0] {
bottom: var(--dropdown-tray-position);
min-width: auto
}
html[dark] .blu-dropdown.b-btm .blu-dropdown-tray[data-v-38117db0],
html[dark] .blu-dropdown.b-btm .b-float[data-v-38117db0] {
top: var(--dropdown-tray-position)
}
html[dark] .blu-dropdown-tray[data-v-38117db0] {
--blu-dropdown-tray-spacing-padding: 0 8px;
--blu-dropdown-tray-seach-bar-padding: 8px 0;
position: absolute;
z-index: 1;
width: 100%;
margin-top: 4px;
padding: var(--blu-dropdown-tray-spacing-padding);
box-sizing: border-box;
background-color: #12171d;
border-radius: var(--blu-dropdown-tray-border-radius);
transition: all .3s ease-in-out;
pointer-events: auto;
max-height: 0;
left: var(--dropdown-tray-horizontal-position)
}
html[dark] .blu-dropdown-tray__search-bar[data-v-38117db0] {
padding: var(--blu-dropdown-tray-seach-bar-padding)
}
html[dark] .blu-dropdown-tray.b-shadowed[data-v-38117db0] {
box-shadow: inset 0 0 0 30000px #6ddcff1a
}
html[dark] .blu-dropdown-tray.b-flexible-width[data-v-38117db0] {
width: max-content
}
html[dark] .blu-dropdown-tray.b-reverse[data-v-38117db0] {
left: revert;
right: var(--dropdown-tray-horizontal-position)
}
html[dark] .blu-dropdown-tray.b-float[data-v-38117db0] {
position: fixed;
min-width: auto
}
html[dark] .blu-dropdown-tray.b-has-no-padding[data-v-38117db0] {
--blu-dropdown-tray-spacing-padding: 0
}
html[dark] .blu-dropdown:not(.b-active) .blu-dropdown-tray[data-v-38117db0] {
overflow: hidden;
visibility: hidden
}
html[dark] .blu-dropdown.b-active .blu-dropdown-tray[data-v-38117db0] {
height: auto;
max-height: var(--dropdown-tray-max-height)
}
html[dark] .blu-dropdown.b-disabled[data-v-38117db0] {
cursor: not-allowed
}
html[dark] .blu-dropdown.b-disabled .blu-dropdown-trigger[data-v-38117db0] {
pointer-events: none
}
html[dark] .blu-dropdown.b-is-full-width-dropdown-trigger-chips[data-v-38117db0] {
width: 100%
}
</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>
html:not([dark]) button[data-v-565d2fb0] {
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-565d2fb0]::-moz-focus-inner,
html:not([dark]) input[type=button][data-v-565d2fb0]::-moz-focus-inner {
border: 0px
}
html:not([dark]) button[data-v-565d2fb0]:focus,
html:not([dark]) input[type=submit][data-v-565d2fb0]:focus,
html:not([dark]) input[type=button][data-v-565d2fb0]:focus,
html:not([dark]) input[type=reset][data-v-565d2fb0]:focus,
html:not([dark]) a[data-v-565d2fb0] {
outline: none
}
html:not([dark]) .blu-pagination[data-v-565d2fb0] {
--blu-pagination-button-border-width: 1px;
--blu-pagination-button-border-radius: 64px;
--blu-pagination-button-color-background: #ffffff;
--blu-pagination-button-color-background-hovered: #f3f9ff;
--blu-pagination-button-color-text: #006dea;
--blu-pagination-button-color-icon: #db181d;
--blu-pagination-simple-label-color-text: rgba(25, 34, 42, .7019607843);
--blu-pagination-button-opacity: 1;
--blu-pagination-button-size-height: 48px;
--blu-pagination-button-size-width: 48px;
--blu-pagination-button-icon-width: 24px;
--blu-pagination-button-icon-height: 24px;
--blu-pagination-button-spacing-padding: 0 8px;
--blu-pagination-spacing-gap: 4px;
--blu-pagination-container-spacing-gap: 4px;
--blu-pagination-button-text: 600 16px/20px Blibli, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif;
--blu-pagination-simple-label-text: 500 16px/20px Blibli, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif;
display: flex
}
html:not([dark]) .blu-pagination>*[data-v-565d2fb0]:not(:last-child) {
margin-right: var(--blu-pagination-spacing-gap)
}
html:not([dark]) .blu-pagination__button[data-v-565d2fb0],
html:not([dark]) .blu-pagination__button-nav[data-v-565d2fb0] {
display: inline-flex;
justify-content: center;
align-items: center;
white-space: nowrap;
height: var(--blu-pagination-button-size-height);
min-width: var(--blu-pagination-button-size-width);
padding: var(--blu-pagination-button-spacing-padding);
border-radius: var(--blu-pagination-button-border-radius);
font: var(--blu-pagination-button-text);
color: var(--blu-pagination-button-color-text);
background-color: var(--blu-pagination-button-color-background);
box-shadow: 0 0 0 var(--blu-pagination-button-border-width) var(--blu-pagination-button-color-border);
transition: transform .3s .08s, background-color 0s
}
html:not([dark]) .blu-pagination__button[data-v-565d2fb0]:hover,
html:not([dark]) .blu-pagination__button-nav[data-v-565d2fb0]:hover {
background: var(--blu-pagination-button-color-background-hovered);
transition: transform .3s .08s, background-color .3s
}
html:not([dark]) .blu-pagination__button[data-v-565d2fb0]:active:not(.b-active),
html:not([dark]) .blu-pagination__button-nav[data-v-565d2fb0]:active:not(.b-active) {
transform: scale(.875)
}
html:not([dark]) .blu-pagination__button[data-v-565d2fb0]:focus-visible:not(.b-disabled),
html:not([dark]) .blu-pagination__button-nav[data-v-565d2fb0]:focus-visible:not(.b-disabled) {
box-shadow: 0 0 0 2px #19222a
}
html:not([dark]) .blu-pagination__button[data-v-565d2fb0]:disabled,
html:not([dark]) .blu-pagination__button-nav[data-v-565d2fb0]:disabled {
--blu-pagination-button-color-background-hovered: none;
--blu-pagination-button-color-text: rgba(25, 34, 42, .3019607843);
--blu-pagination-button-color-icon: rgba(25, 34, 42, .3019607843);
cursor: default
}
html:not([dark]) .blu-pagination__button.b-active[data-v-565d2fb0],
html:not([dark]) .blu-pagination__button-nav.b-active[data-v-565d2fb0] {
--blu-pagination-button-color-background: #1d8fff;
--blu-pagination-button-color-background-hovered: #1d8fff;
--blu-pagination-button-color-text: #ffffff;
cursor: default;
transition: transform .3s .08s, background-color .3s
}
html:not([dark]) .blu-pagination__button-nav svg[data-v-565d2fb0],
html:not([dark]) .blu-pagination__button-nav-nav svg[data-v-565d2fb0] {
width: var(--blu-pagination-button-icon-width);
height: var(--blu-pagination-button-icon-height);
color: var(--blu-pagination-button-color-icon)
}
html:not([dark]) .blu-pagination__button-nav:first-child svg[data-v-565d2fb0],
html:not([dark]) .blu-pagination__button-nav-nav:first-child svg[data-v-565d2fb0] {
transform: rotate(180deg)
}
html:not([dark]) .blu-pagination__button-container[data-v-565d2fb0],
html:not([dark]) .blu-pagination__button-nav-container[data-v-565d2fb0] {
display: flex
}
html:not([dark]) .blu-pagination__button-container>*[data-v-565d2fb0]:not(:last-child),
html:not([dark]) .blu-pagination__button-nav-container>*[data-v-565d2fb0]:not(:last-child) {
margin-right: var(--blu-pagination-container-spacing-gap)
}
html:not([dark]) .blu-pagination__simple-label[data-v-565d2fb0] {
display: flex;
align-items: center;
font: var(--blu-pagination-simple-label-text);
color: var(--blu-pagination-simple-label-color-text)
}
html:not([dark]) .blu-pagination.b-small[data-v-565d2fb0] {
--blu-pagination-button-border-width: 1px;
--blu-pagination-button-border-radius: 64px;
--blu-pagination-button-size-height: 36px;
--blu-pagination-button-size-width: 36px;
--blu-pagination-simple-label-text: 500 14px/18px Blibli, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif;
--blu-pagination-button-icon-width: 18px;
--blu-pagination-button-icon-height: 18px;
--blu-pagination-button-spacing-padding: 0 8px;
--blu-pagination-spacing-gap: 4px;
--blu-pagination-container-spacing-gap: 4px;
--blu-pagination-button-text: 600 14px/18px Blibli, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif
}
html[dark] button[data-v-565d2fb0] {
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-565d2fb0]::-moz-focus-inner,
html[dark] input[type=button][data-v-565d2fb0]::-moz-focus-inner {
border: 0px
}
html[dark] button[data-v-565d2fb0]:focus,
html[dark] input[type=submit][data-v-565d2fb0]:focus,
html[dark] input[type=button][data-v-565d2fb0]:focus,
html[dark] input[type=reset][data-v-565d2fb0]:focus,
html[dark] a[data-v-565d2fb0] {
outline: none
}
html[dark] .blu-pagination[data-v-565d2fb0] {
--blu-pagination-button-border-width: 1px;
--blu-pagination-button-border-radius: 64px;
--blu-pagination-button-color-background: #12171d;
--blu-pagination-button-color-background-hovered: #002e7a;
--blu-pagination-button-color-text: #4fa4ff;
--blu-pagination-button-color-icon: #4fa4ff;
--blu-pagination-simple-label-color-text: rgba(255, 255, 255, .8);
--blu-pagination-button-opacity: 1;
--blu-pagination-button-size-height: 48px;
--blu-pagination-button-size-width: 48px;
--blu-pagination-button-icon-width: 24px;
--blu-pagination-button-icon-height: 24px;
--blu-pagination-button-spacing-padding: 0 8px;
--blu-pagination-spacing-gap: 4px;
--blu-pagination-container-spacing-gap: 4px;
--blu-pagination-button-text: 600 16px/20px Blibli, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif;
--blu-pagination-simple-label-text: 500 16px/20px Blibli, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif;
display: flex
}
html[dark] .blu-pagination>*[data-v-565d2fb0]:not(:last-child) {
margin-right: var(--blu-pagination-spacing-gap)
}
html[dark] .blu-pagination__button[data-v-565d2fb0],
html[dark] .blu-pagination__button-nav[data-v-565d2fb0] {
display: inline-flex;
justify-content: center;
align-items: center;
white-space: nowrap;
height: var(--blu-pagination-button-size-height);
min-width: var(--blu-pagination-button-size-width);
padding: var(--blu-pagination-button-spacing-padding);
border-radius: var(--blu-pagination-button-border-radius);
font: var(--blu-pagination-button-text);
color: var(--blu-pagination-button-color-text);
background-color: var(--blu-pagination-button-color-background);
box-shadow: 0 0 0 var(--blu-pagination-button-border-width) var(--blu-pagination-button-color-border);
transition: transform .3s .08s, background-color 0s
}
html[dark] .blu-pagination__button[data-v-565d2fb0]:hover,
html[dark] .blu-pagination__button-nav[data-v-565d2fb0]:hover {
background: var(--blu-pagination-button-color-background-hovered);
transition: transform .3s .08s, background-color .3s
}
html[dark] .blu-pagination__button[data-v-565d2fb0]:active:not(.b-active),
html[dark] .blu-pagination__button-nav[data-v-565d2fb0]:active:not(.b-active) {
transform: scale(.875)
}
html[dark] .blu-pagination__button[data-v-565d2fb0]:focus-visible:not(.b-disabled),
html[dark] .blu-pagination__button-nav[data-v-565d2fb0]:focus-visible:not(.b-disabled) {
box-shadow: 0 0 0 2px #f9f9fa
}
html[dark] .blu-pagination__button[data-v-565d2fb0]:disabled,
html[dark] .blu-pagination__button-nav[data-v-565d2fb0]:disabled {
--blu-pagination-button-color-background-hovered: none;
--blu-pagination-button-color-text: rgba(255, 255, 255, .3019607843);
--blu-pagination-button-color-icon: rgba(255, 255, 255, .3019607843);
cursor: default
}
html[dark] .blu-pagination__button.b-active[data-v-565d2fb0],
html[dark] .blu-pagination__button-nav.b-active[data-v-565d2fb0] {
--blu-pagination-button-color-background: #1d8fff;
--blu-pagination-button-color-background-hovered: #1d8fff;
--blu-pagination-button-color-text: #ffffff;
cursor: default;
transition: transform .3s .08s, background-color .3s
}
html[dark] .blu-pagination__button-nav svg[data-v-565d2fb0],
html[dark] .blu-pagination__button-nav-nav svg[data-v-565d2fb0] {
width: var(--blu-pagination-button-icon-width);
height: var(--blu-pagination-button-icon-height);
color: var(--blu-pagination-button-color-icon)
}
html[dark] .blu-pagination__button-nav:first-child svg[data-v-565d2fb0],
html[dark] .blu-pagination__button-nav-nav:first-child svg[data-v-565d2fb0] {
transform: rotate(180deg)
}
html[dark] .blu-pagination__button-container[data-v-565d2fb0],
html[dark] .blu-pagination__button-nav-container[data-v-565d2fb0] {
display: flex
}
html[dark] .blu-pagination__button-container>*[data-v-565d2fb0]:not(:last-child),
html[dark] .blu-pagination__button-nav-container>*[data-v-565d2fb0]:not(:last-child) {
margin-right: var(--blu-pagination-container-spacing-gap)
}
html[dark] .blu-pagination__simple-label[data-v-565d2fb0] {
display: flex;
align-items: center;
font: var(--blu-pagination-simple-label-text);
color: var(--blu-pagination-simple-label-color-text)
}
html[dark] .blu-pagination.b-small[data-v-565d2fb0] {
--blu-pagination-button-border-width: 1px;
--blu-pagination-button-border-radius: 64px;
--blu-pagination-button-size-height: 36px;
--blu-pagination-button-size-width: 36px;
--blu-pagination-simple-label-text: 500 14px/18px Blibli, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif;
--blu-pagination-button-icon-width: 18px;
--blu-pagination-button-icon-height: 18px;
--blu-pagination-button-spacing-padding: 0 8px;
--blu-pagination-spacing-gap: 4px;
--blu-pagination-container-spacing-gap: 4px;
--blu-pagination-button-text: 600 14px/18px Blibli, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif
}
</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
}
</style>
<style>
html:not([dark]) .blu-chip[data-v-2352ad3e] {
--blu-chip-color-background: #f1f2f2;
--blu-chip-border-width: 1px;
--blu-chip-icon-color: #797f85;
--blu-chip-color-text: #006dea;
--blu-chip-spacing-padding: 0 8px;
--blu-chip-size-height: 32px;
--blu-chip-label-text: 500 14px/18px Blibli, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif;
--blu-chip-icon-size: 18px;
--blu-chip-spacing-gap: 4px;
--blu-chip-min-width: 32px;
background-color: var(--blu-chip-color-background);
color: var(--blu-chip-color-text);
padding: var(--blu-chip-spacing-padding);
height: var(--blu-chip-size-height);
cursor: pointer;
font: var(--blu-chip-label-text);
border-radius: 8px;
box-shadow: inset 0 0 0 var(--blu-chip-border-width) var(--blu-chip-color-border);
display: flex;
justify-content: center;
align-items: center;
width: var(--blu-chip-custom-width, fit-content);
min-width: var(--blu-chip-min-width, none);
max-width: var(--blu-chip-max-width, none);
user-select: none;
transition: .3s;
box-sizing: border-box
}
html:not([dark]) .blu-chip.b-readonly[data-v-2352ad3e] {
cursor: default
}
html:not([dark]) .blu-chip>*[data-v-2352ad3e]:not(:empty):not(:last-child) {
margin-right: var(--blu-chip-spacing-gap)
}
html:not([dark]) .blu-chip__label[data-v-2352ad3e] {
display: inline-block;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
text-decoration: none
}
html:not([dark]) .blu-chip .item-leading[data-v-2352ad3e]:not(:empty),
html:not([dark]) .blu-chip .item-trailing[data-v-2352ad3e]:not(:empty),
html:not([dark]) .blu-chip .icon-remove[data-v-2352ad3e],
html:not([dark]) .blu-chip__filter-icon[data-v-2352ad3e] {
display: flex;
align-items: center
}
html:not([dark]) .blu-chip .item-leading[data-v-2352ad3e]:not(:empty) svg,
html:not([dark]) .blu-chip .item-trailing[data-v-2352ad3e]:not(:empty) svg,
html:not([dark]) .blu-chip .icon-remove[data-v-2352ad3e] svg,
html:not([dark]) .blu-chip__filter-icon[data-v-2352ad3e] svg {
width: var(--blu-chip-icon-size);
height: var(--blu-chip-icon-size);
color: var(--blu-chip-icon-color)
}
html:not([dark]) .blu-chip .item-leading[data-v-2352ad3e]:not(:empty):focus,
html:not([dark]) .blu-chip .item-trailing[data-v-2352ad3e]:not(:empty):focus,
html:not([dark]) .blu-chip .icon-remove[data-v-2352ad3e]:focus,
html:not([dark]) .blu-chip__filter-icon[data-v-2352ad3e]:focus {
outline: none
}
html:not([dark]) .blu-chip .item-leading[data-v-2352ad3e]:not(:empty):focus-visible,
html:not([dark]) .blu-chip .item-trailing[data-v-2352ad3e]:not(:empty):focus-visible,
html:not([dark]) .blu-chip .icon-remove[data-v-2352ad3e]:focus-visible,
html:not([dark]) .blu-chip__filter-icon[data-v-2352ad3e]:focus-visible {
outline: 2px solid #19222a
}
html:not([dark]) .blu-chip__filter-icon[data-v-2352ad3e] {
transition: all .4s ease
}
html:not([dark]) .blu-chip .icon-remove[data-v-2352ad3e] {
cursor: pointer
}
html:not([dark]) .blu-chip[data-v-2352ad3e]:not(.b-disabled):not(.b-readonly):not(.b-active):hover {
--blu-chip-color-background: #f9f9fa;
--blu-chip-color-border: transparent
}
html:not([dark]) .blu-chip[data-v-2352ad3e]:not(.b-disabled):not(.b-readonly):active:hover {
--blu-chip-color-background: #f9f9fa;
transform: scale(.95)
}
html:not([dark]) .blu-chip:not(.b-disabled).b-active[data-v-2352ad3e]:not(.b-secondary) {
--blu-chip-color-background: #1d8fff;
--blu-chip-icon-color: #ffffff;
--blu-chip-color-text: #ffffff
}
html:not([dark]) .blu-chip:not(.b-disabled).b-active[data-v-2352ad3e]:not(.b-secondary):not(.b-readonly):hover {
--blu-chip-color-background: #db181d;
--blu-chip-color-border: transparent
}
html:not([dark]) .blu-chip:not(.b-disabled).b-active[data-v-2352ad3e]:not(.b-secondary):not(.b-readonly):active:hover {
--blu-chip-color-background: #db181d
}
html:not([dark]) .blu-chip.b-secondary[data-v-2352ad3e] {
--blu-chip-color-background: #ffffff;
--blu-chip-color-border: #c8cbcd
}
html:not([dark]) .blu-chip.b-secondary[data-v-2352ad3e]:not(.b-disabled):not(.b-readonly):not(.b-active):hover {
--blu-chip-color-background: #f9f9fa;
--blu-chip-color-border: #c8cbcd
}
html:not([dark]) .blu-chip.b-secondary[data-v-2352ad3e]:not(.b-disabled):not(.b-readonly):active:hover {
--blu-chip-color-background: #ffffff;
--blu-chip-color-border: #c8cbcd
}
html:not([dark]) .blu-chip.b-secondary:not(.b-disabled).b-active[data-v-2352ad3e] {
--blu-chip-color-background: #f3f9ff;
--blu-chip-icon-color: #db181d
}
html:not([dark]) .blu-chip.b-secondary:not(.b-disabled).b-active[data-v-2352ad3e]:not(:focus-visible) {
--blu-chip-color-border: #1d8fff
}
html:not([dark]) .blu-chip.b-secondary:not(.b-disabled).b-active[data-v-2352ad3e]:not(.b-readonly):hover {
--blu-chip-color-background: #e1f1ff;
--blu-chip-color-border: #1d8fff
}
html:not([dark]) .blu-chip.b-secondary:not(.b-disabled).b-active[data-v-2352ad3e]:not(.b-readonly):active:hover {
--blu-chip-color-background: #e1f1ff;
--blu-chip-color-border: #1d8fff
}
html:not([dark]) .blu-chip.b-secondary.b-oos[data-v-2352ad3e] {
--blu-chip-color-background: #ffffff;
--blu-chip-color-text: rgba(25, 34, 42, .3019607843);
--blu-chip-icon-color: rgba(25, 34, 42, .3019607843)
}
html:not([dark]) .blu-chip.b-secondary.b-oos:not(.b-disabled).b-active[data-v-2352ad3e] {
--blu-chip-color-background: #f3f9ff;
--blu-chip-color-text: rgba(25, 34, 42, .4);
--blu-chip-icon-color: rgba(25, 34, 42, .4)
}
html:not([dark]) .blu-chip.b-secondary.b-oos:not(.b-disabled).b-active[data-v-2352ad3e]:hover {
--blu-chip-color-background: #e1f1ff
}
html:not([dark]) .blu-chip[data-v-2352ad3e]:focus {
outline: none
}
html:not([dark]) .blu-chip[data-v-2352ad3e]:focus-visible {
--blu-chip-color-border: #19222a;
--blu-chip-border-width: 2px
}
html:not([dark]) .blu-chip.b-small[data-v-2352ad3e] {
--blu-chip-spacing-padding: 0 4px;
--blu-chip-size-height: 24px;
--blu-chip-label-text: 500 14px/18px Blibli, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif;
--blu-chip-spacing-gap: 2px;
--blu-chip-min-width: 24px
}
html:not([dark]) .blu-chip.b-small.has-image[data-v-2352ad3e] {
--blu-chip-size-height: 40px;
--blu-chip-spacing-gap: 2px
}
html:not([dark]) .blu-chip.b-disabled[data-v-2352ad3e] {
--blu-chip-color-background: #e1e3e4;
--blu-chip-icon-color: rgba(25, 34, 42, .3019607843);
--blu-chip-color-border: #c8cbcd;
--blu-chip-color-text: rgba(25, 34, 42, .3019607843);
cursor: not-allowed
}
html:not([dark]) .blu-chip.b-disabled[data-v-2352ad3e] img {
opacity: .5
}
html:not([dark]) .blu-chip.has-image[data-v-2352ad3e] {
--blu-chip-size-height: 48px;
--blu-chip-spacing-gap: 8px
}
html:not([dark]) .blu-chip.has-image[data-v-2352ad3e] img {
width: 32px;
height: 32px;
border-radius: 4px
}
html:not([dark]) .blu-chip.b-active.b-filter-open .blu-chip__filter-icon[data-v-2352ad3e] {
transform: rotate(-180deg)
}
html:not([dark]) .blu-chip.b-oos[data-v-2352ad3e] {
--blu-chip-size-height: 30px;
--blu-chip-spacing-padding: 0 7px;
--blu-chip-color-background: #f1f2f2;
--blu-chip-color-text: rgba(25, 34, 42, .3019607843);
--blu-chip-icon-color: rgba(25, 34, 42, .3019607843);
--blu-chip-color-border-oos: #c8cbcd;
box-shadow: none;
border: 1px dashed var(--blu-chip-color-border-oos)
}
html:not([dark]) .blu-chip.b-oos[data-v-2352ad3e]:focus-visible {
box-shadow: 0 0 0 var(--blu-chip-border-width) var(--blu-chip-color-border)
}
html:not([dark]) .blu-chip.b-oos:not(.b-disabled).b-active[data-v-2352ad3e] {
--blu-chip-color-background: #e1f1ff;
--blu-chip-color-text: rgba(25, 34, 42, .4);
--blu-chip-icon-color: rgba(25, 34, 42, .4);
--blu-chip-color-border-oos: #1d8fff
}
html:not([dark]) .blu-chip.b-oos:not(.b-disabled).b-active[data-v-2352ad3e]:hover {
--blu-chip-color-background: #f3f9ff
}
html:not([dark]) .blu-chip.b-oos:not(.b-disabled).b-active[data-v-2352ad3e]:active:hover {
--blu-chip-color-background: #f3f9ff
}
html:not([dark]) .blu-chip.b-oos.has-image[data-v-2352ad3e] {
--blu-chip-size-height: 46px
}
html:not([dark]) .blu-chip.b-oos.b-small[data-v-2352ad3e] {
--blu-chip-spacing-padding: 0 3px;
--blu-chip-size-height: 22px
}
html:not([dark]) .blu-chip.b-oos.b-small.has-image[data-v-2352ad3e] {
--blu-chip-size-height: 38px
}
html:not([dark]) .blu-chips>.blu-chip[data-v-2352ad3e]:not(:last-child) {
margin-right: 4px
}
html[dark] .blu-chip[data-v-2352ad3e] {
--blu-chip-color-background: #28323b;
--blu-chip-border-width: 1px;
--blu-chip-icon-color: #acb0b4;
--blu-chip-color-text: #4fa4ff;
--blu-chip-spacing-padding: 0 8px;
--blu-chip-size-height: 32px;
--blu-chip-label-text: 500 14px/18px Blibli, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif;
--blu-chip-icon-size: 18px;
--blu-chip-spacing-gap: 4px;
--blu-chip-min-width: 32px;
background-color: var(--blu-chip-color-background);
color: var(--blu-chip-color-text);
padding: var(--blu-chip-spacing-padding);
height: var(--blu-chip-size-height);
cursor: pointer;
font: var(--blu-chip-label-text);
border-radius: 8px;
box-shadow: inset 0 0 0 var(--blu-chip-border-width) var(--blu-chip-color-border);
display: flex;
justify-content: center;
align-items: center;
width: var(--blu-chip-custom-width, fit-content);
min-width: var(--blu-chip-min-width, none);
max-width: var(--blu-chip-max-width, none);
user-select: none;
transition: .3s;
box-sizing: border-box
}
html[dark] .blu-chip.b-readonly[data-v-2352ad3e] {
cursor: default
}
html[dark] .blu-chip>*[data-v-2352ad3e]:not(:empty):not(:last-child) {
margin-right: var(--blu-chip-spacing-gap)
}
html[dark] .blu-chip__label[data-v-2352ad3e] {
display: inline-block;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
text-decoration: none
}
html[dark] .blu-chip .item-leading[data-v-2352ad3e]:not(:empty),
html[dark] .blu-chip .item-trailing[data-v-2352ad3e]:not(:empty),
html[dark] .blu-chip .icon-remove[data-v-2352ad3e],
html[dark] .blu-chip__filter-icon[data-v-2352ad3e] {
display: flex;
align-items: center
}
html[dark] .blu-chip .item-leading[data-v-2352ad3e]:not(:empty) svg,
html[dark] .blu-chip .item-trailing[data-v-2352ad3e]:not(:empty) svg,
html[dark] .blu-chip .icon-remove[data-v-2352ad3e] svg,
html[dark] .blu-chip__filter-icon[data-v-2352ad3e] svg {
width: var(--blu-chip-icon-size);
height: var(--blu-chip-icon-size);
color: var(--blu-chip-icon-color)
}
html[dark] .blu-chip .item-leading[data-v-2352ad3e]:not(:empty):focus,
html[dark] .blu-chip .item-trailing[data-v-2352ad3e]:not(:empty):focus,
html[dark] .blu-chip .icon-remove[data-v-2352ad3e]:focus,
html[dark] .blu-chip__filter-icon[data-v-2352ad3e]:focus {
outline: none
}
html[dark] .blu-chip .item-leading[data-v-2352ad3e]:not(:empty):focus-visible,
html[dark] .blu-chip .item-trailing[data-v-2352ad3e]:not(:empty):focus-visible,
html[dark] .blu-chip .icon-remove[data-v-2352ad3e]:focus-visible,
html[dark] .blu-chip__filter-icon[data-v-2352ad3e]:focus-visible {
outline: 2px solid #f9f9fa
}
html[dark] .blu-chip__filter-icon[data-v-2352ad3e] {
transition: all .4s ease
}
html[dark] .blu-chip .icon-remove[data-v-2352ad3e] {
cursor: pointer
}
html[dark] .blu-chip[data-v-2352ad3e]:not(.b-disabled):not(.b-readonly):not(.b-active):hover {
--blu-chip-color-background: #19222a;
--blu-chip-color-border: transparent
}
html[dark] .blu-chip[data-v-2352ad3e]:not(.b-disabled):not(.b-readonly):active:hover {
--blu-chip-color-background: #19222a;
transform: scale(.95)
}
html[dark] .blu-chip:not(.b-disabled).b-active[data-v-2352ad3e]:not(.b-secondary) {
--blu-chip-color-background: #1d8fff;
--blu-chip-icon-color: #ffffff;
--blu-chip-color-text: #ffffff
}
html[dark] .blu-chip:not(.b-disabled).b-active[data-v-2352ad3e]:not(.b-secondary):not(.b-readonly):hover {
--blu-chip-color-background: #db181d;
--blu-chip-color-border: transparent
}
html[dark] .blu-chip:not(.b-disabled).b-active[data-v-2352ad3e]:not(.b-secondary):not(.b-readonly):active:hover {
--blu-chip-color-background: #73baff
}
html[dark] .blu-chip.b-secondary[data-v-2352ad3e] {
--blu-chip-color-background: #12171d;
--blu-chip-color-border: #60686e
}
html[dark] .blu-chip.b-secondary[data-v-2352ad3e]:not(.b-disabled):not(.b-readonly):not(.b-active):hover {
--blu-chip-color-background: #19222a;
--blu-chip-color-border: #60686e
}
html[dark] .blu-chip.b-secondary[data-v-2352ad3e]:not(.b-disabled):not(.b-readonly):active:hover {
--blu-chip-color-background: #12171d;
--blu-chip-color-border: #60686e
}
html[dark] .blu-chip.b-secondary:not(.b-disabled).b-active[data-v-2352ad3e] {
--blu-chip-color-background: #002e7a;
--blu-chip-icon-color: #4fa4ff
}
html[dark] .blu-chip.b-secondary:not(.b-disabled).b-active[data-v-2352ad3e]:not(:focus-visible) {
--blu-chip-color-border: #4fa4ff
}
html[dark] .blu-chip.b-secondary:not(.b-disabled).b-active[data-v-2352ad3e]:not(.b-readonly):hover {
--blu-chip-color-background: #0046aa;
--blu-chip-color-border: #4fa4ff
}
html[dark] .blu-chip.b-secondary:not(.b-disabled).b-active[data-v-2352ad3e]:not(.b-readonly):active:hover {
--blu-chip-color-background: #0046aa;
--blu-chip-color-border: #4fa4ff
}
html[dark] .blu-chip.b-secondary.b-oos[data-v-2352ad3e] {
--blu-chip-color-background: #12171d;
--blu-chip-color-text: rgba(255, 255, 255, .3019607843);
--blu-chip-icon-color: rgba(255, 255, 255, .3019607843)
}
html[dark] .blu-chip.b-secondary.b-oos:not(.b-disabled).b-active[data-v-2352ad3e] {
--blu-chip-color-background: #002e7a;
--blu-chip-color-text: rgba(255, 255, 255, .5019607843);
--blu-chip-icon-color: rgba(255, 255, 255, .5019607843)
}
html[dark] .blu-chip.b-secondary.b-oos:not(.b-disabled).b-active[data-v-2352ad3e]:hover {
--blu-chip-color-background: #0046aa
}
html[dark] .blu-chip[data-v-2352ad3e]:focus {
outline: none
}
html[dark] .blu-chip[data-v-2352ad3e]:focus-visible {
--blu-chip-color-border: #f9f9fa;
--blu-chip-border-width: 2px
}
html[dark] .blu-chip.b-small[data-v-2352ad3e] {
--blu-chip-spacing-padding: 0 4px;
--blu-chip-size-height: 24px;
--blu-chip-label-text: 500 14px/18px Blibli, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif;
--blu-chip-spacing-gap: 2px;
--blu-chip-min-width: 24px
}
html[dark] .blu-chip.b-small.has-image[data-v-2352ad3e] {
--blu-chip-size-height: 40px;
--blu-chip-spacing-gap: 2px
}
html[dark] .blu-chip.b-disabled[data-v-2352ad3e] {
--blu-chip-color-background: #3b444c;
--blu-chip-icon-color: rgba(255, 255, 255, .3019607843);
--blu-chip-color-border: #60686e;
--blu-chip-color-text: rgba(255, 255, 255, .3019607843);
cursor: not-allowed
}
html[dark] .blu-chip.b-disabled[data-v-2352ad3e] img {
opacity: .5
}
html[dark] .blu-chip.has-image[data-v-2352ad3e] {
--blu-chip-size-height: 48px;
--blu-chip-spacing-gap: 8px
}
html[dark] .blu-chip.has-image[data-v-2352ad3e] img {
width: 32px;
height: 32px;
border-radius: 4px
}
html[dark] .blu-chip.b-active.b-filter-open .blu-chip__filter-icon[data-v-2352ad3e] {
transform: rotate(-180deg)
}
html[dark] .blu-chip.b-oos[data-v-2352ad3e] {
--blu-chip-size-height: 30px;
--blu-chip-spacing-padding: 0 7px;
--blu-chip-color-background: #28323b;
--blu-chip-color-text: rgba(255, 255, 255, .3019607843);
--blu-chip-icon-color: rgba(255, 255, 255, .3019607843);
--blu-chip-color-border-oos: #60686e;
box-shadow: none;
border: 1px dashed var(--blu-chip-color-border-oos)
}
html[dark] .blu-chip.b-oos[data-v-2352ad3e]:focus-visible {
box-shadow: 0 0 0 var(--blu-chip-border-width) var(--blu-chip-color-border)
}
html[dark] .blu-chip.b-oos:not(.b-disabled).b-active[data-v-2352ad3e] {
--blu-chip-color-background: #0046aa;
--blu-chip-color-text: rgba(255, 255, 255, .5019607843);
--blu-chip-icon-color: rgba(255, 255, 255, .5019607843);
--blu-chip-color-border-oos: #4fa4ff
}
html[dark] .blu-chip.b-oos:not(.b-disabled).b-active[data-v-2352ad3e]:hover {
--blu-chip-color-background: #002e7a
}
html[dark] .blu-chip.b-oos:not(.b-disabled).b-active[data-v-2352ad3e]:active:hover {
--blu-chip-color-background: #002e7a
}
html[dark] .blu-chip.b-oos.has-image[data-v-2352ad3e] {
--blu-chip-size-height: 46px
}
html[dark] .blu-chip.b-oos.b-small[data-v-2352ad3e] {
--blu-chip-spacing-padding: 0 3px;
--blu-chip-size-height: 22px
}
html[dark] .blu-chip.b-oos.b-small.has-image[data-v-2352ad3e] {
--blu-chip-size-height: 38px
}
html[dark] .blu-chips>.blu-chip[data-v-2352ad3e]:not(:last-child) {
margin-right: 4px
}
</style>
<style>
.blu-chips[data-v-8c5a50e6] {
display: flex;
flex-wrap: wrap;
row-gap: 4px
}
.blu-chips.b-block[data-v-8c5a50e6] {
flex-wrap: nowrap
}
</style>
<style>
html:not([dark]) .blu-accordions .blu-accordion[data-v-ce519450] {
--blu-accordion-color-border: transparent
}
html:not([dark]) .blu-accordions .blu-accordion[data-v-ce519450]:not(:last-child) {
border-bottom: 1px solid var(--blu-accordion-color-border)
}
html:not([dark]) .blu-accordions.b-primary .blu-accordion[data-v-ce519450]:not(:last-child) {
--blu-accordion-color-border: #e1e3e4
}
html[dark] .blu-accordions .blu-accordion[data-v-ce519450] {
--blu-accordion-color-border: transparent
}
html[dark] .blu-accordions .blu-accordion[data-v-ce519450]:not(:last-child) {
border-bottom: 1px solid var(--blu-accordion-color-border)
}
html[dark] .blu-accordions.b-primary .blu-accordion[data-v-ce519450]:not(:last-child) {
--blu-accordion-color-border: #3b444c
}
</style>
<style>
html:not([dark]) .b-overflow-y[data-v-c3cefe32] {
scrollbar-color: rgba(25, 34, 42, .3019607843) transparent;
scrollbar-width: thin
}
html:not([dark]) .b-overflow-y[data-v-c3cefe32]::-webkit-scrollbar {
width: 4px;
height: 8px;
background-color: transparent
}
html:not([dark]) .b-overflow-y[data-v-c3cefe32]::-webkit-scrollbar-track {
margin: 13px 0
}
html:not([dark]) .b-overflow-y[data-v-c3cefe32]::-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-c3cefe32]:hover::-webkit-scrollbar {
width: 4px
}
html:not([dark]) .b-overflow-y[data-v-c3cefe32]:hover::-webkit-scrollbar-track {
border: solid 2px transparent
}
html:not([dark]) .b-overflow-y[data-v-c3cefe32]: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-c3cefe32]::-webkit-scrollbar-track {
border-radius: 3px;
background-color: transparent
}
html:not([dark]) .b-overflow-y.hidden[data-v-c3cefe32] {
scrollbar-width: none
}
html:not([dark]) .b-overflow-y.hidden[data-v-c3cefe32]::-webkit-scrollbar-thumb {
border-radius: 4px;
background-color: transparent
}
html:not([dark]) .b-overflow-y.hidden[data-v-c3cefe32]:hover {
scrollbar-width: thin
}
html:not([dark]) .b-overflow-y.hidden[data-v-c3cefe32]: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-c3cefe32]: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-c3cefe32] {
overflow-y: auto;
margin: 0
}
html:not([dark]) .blu-accordion__content[data-v-c3cefe32] {
--blu-accordion-max-height: 0;
--blu-accordion-content-text: 500 14px/18px Blibli, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif;
--blu-accordion-content-color-text: rgba(25, 34, 42, .7019607843);
--blu-accordion-content-spacing-padding: 12px;
font: var(--blu-accordion-content-text);
color: var(--blu-accordion-content-color-text);
max-height: var(--blu-accordion-max-height);
transition: all .4s ease;
display: grid;
grid-template-rows: 0fr
}
html:not([dark]) .blu-accordion__content.b-full-height .blu-accordion__content-main[data-v-c3cefe32] {
overflow: hidden
}
html:not([dark]) .blu-accordion__content:not(.b-has-no-padding) .blu-accordion__content-main[data-v-c3cefe32] {
transition: padding .4s ease;
padding: 0 var(--blu-accordion-content-spacing-padding)
}
html:not([dark]) .blu-accordion:not(.b-disabled).b-active>.blu-accordion__content[data-v-c3cefe32] {
grid-template-rows: 1fr;
--blu-accordion-max-height: 168px
}
html:not([dark]) .blu-accordion:not(.b-disabled).b-active>.blu-accordion__content:not(.b-has-no-padding) .blu-accordion__content-main[data-v-c3cefe32] {
padding: var(--blu-accordion-content-spacing-padding)
}
html:not([dark]) .blu-accordion:not(.b-disabled).b-active>.blu-accordion__content.b-full-height[data-v-c3cefe32] {
--blu-accordion-max-height: 100%
}
html:not([dark]) .blu-accordion.b-small>.blu-accordion__content[data-v-c3cefe32] {
--blu-accordion-content-spacing-padding: 8px 12px
}
html[dark] .b-overflow-y[data-v-c3cefe32] {
scrollbar-color: rgba(255, 255, 255, .3019607843) transparent;
scrollbar-width: thin
}
html[dark] .b-overflow-y[data-v-c3cefe32]::-webkit-scrollbar {
width: 4px;
height: 8px;
background-color: transparent
}
html[dark] .b-overflow-y[data-v-c3cefe32]::-webkit-scrollbar-track {
margin: 13px 0
}
html[dark] .b-overflow-y[data-v-c3cefe32]::-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-c3cefe32]:hover::-webkit-scrollbar {
width: 4px
}
html[dark] .b-overflow-y[data-v-c3cefe32]:hover::-webkit-scrollbar-track {
border: solid 2px transparent
}
html[dark] .b-overflow-y[data-v-c3cefe32]: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-c3cefe32]::-webkit-scrollbar-track {
border-radius: 3px;
background-color: transparent
}
html[dark] .b-overflow-y.hidden[data-v-c3cefe32] {
scrollbar-width: none
}
html[dark] .b-overflow-y.hidden[data-v-c3cefe32]::-webkit-scrollbar-thumb {
border-radius: 4px;
background-color: transparent
}
html[dark] .b-overflow-y.hidden[data-v-c3cefe32]:hover {
scrollbar-width: thin
}
html[dark] .b-overflow-y.hidden[data-v-c3cefe32]: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-c3cefe32]: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-c3cefe32] {
overflow-y: auto;
margin: 0
}
html[dark] .blu-accordion__content[data-v-c3cefe32] {
--blu-accordion-max-height: 0;
--blu-accordion-content-text: 500 14px/18px Blibli, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif;
--blu-accordion-content-color-text: rgba(255, 255, 255, .8);
--blu-accordion-content-spacing-padding: 12px;
font: var(--blu-accordion-content-text);
color: var(--blu-accordion-content-color-text);
max-height: var(--blu-accordion-max-height);
transition: all .4s ease;
display: grid;
grid-template-rows: 0fr
}
html[dark] .blu-accordion__content.b-full-height .blu-accordion__content-main[data-v-c3cefe32] {
overflow: hidden
}
html[dark] .blu-accordion__content:not(.b-has-no-padding) .blu-accordion__content-main[data-v-c3cefe32] {
transition: padding .4s ease;
padding: 0 var(--blu-accordion-content-spacing-padding)
}
html[dark] .blu-accordion:not(.b-disabled).b-active>.blu-accordion__content[data-v-c3cefe32] {
grid-template-rows: 1fr;
--blu-accordion-max-height: 168px
}
html[dark] .blu-accordion:not(.b-disabled).b-active>.blu-accordion__content:not(.b-has-no-padding) .blu-accordion__content-main[data-v-c3cefe32] {
padding: var(--blu-accordion-content-spacing-padding)
}
html[dark] .blu-accordion:not(.b-disabled).b-active>.blu-accordion__content.b-full-height[data-v-c3cefe32] {
--blu-accordion-max-height: 100%
}
html[dark] .blu-accordion.b-small>.blu-accordion__content[data-v-c3cefe32] {
--blu-accordion-content-spacing-padding: 8px 12px
}
</style>
<style>
html:not([dark]) .blu-accordions .blu-accordion__header[data-v-25e87b5b] {
--blu-accordion-header-content-text: 500 14px/18px Blibli, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif;
--blu-accordion-header-content-color-text: #19222a;
--blu-accordion-header-spacing-padding: 12px;
--blu-accordion-header-content-icon-size: 18px;
--blu-accordion-header-content-color-icon: #797f85;
--blu-accordion-header-spacing-gap: 4px;
--blu-accordion-header-content-right-spacing-gap: 8px;
font: var(--blu-accordion-header-content-text);
color: var(--blu-accordion-header-content-color-text);
padding: var(--blu-accordion-header-spacing-padding);
box-sizing: border-box;
border-radius: var(--blu-accordion-header-border-radius)
}
html:not([dark]) .blu-accordions .blu-accordion__header-main[data-v-25e87b5b] {
display: flex;
align-items: start;
width: 100%
}
html:not([dark]) .blu-accordions .blu-accordion__header-main *[data-v-25e87b5b]:not(:last-child) {
margin-right: var(--blu-accordion-header-spacing-gap)
}
html:not([dark]) .blu-accordions .blu-accordion__header-content[data-v-25e87b5b] {
width: 100%
}
html:not([dark]) .blu-accordions .blu-accordion__header-item-leading[data-v-25e87b5b],
html:not([dark]) .blu-accordions .blu-accordion__header-item-trailing[data-v-25e87b5b] {
display: flex;
align-items: center
}
html:not([dark]) .blu-accordions .blu-accordion__header-item-leading[data-v-25e87b5b] svg,
html:not([dark]) .blu-accordions .blu-accordion__header-item-trailing[data-v-25e87b5b] svg {
width: var(--blu-accordion-header-content-icon-size);
height: var(--blu-accordion-header-content-icon-size);
color: var(--blu-accordion-header-content-color-icon)
}
html:not([dark]) .blu-accordions .blu-accordion__header-item-trailing[data-v-25e87b5b]>*:not(:last-child) {
margin-right: var(--blu-accordion-header-content-right-spacing-gap)
}
html:not([dark]) .blu-accordions .blu-accordion__header-item-trailing[data-v-25e87b5b]>svg {
transition: all .4s ease
}
html:not([dark]) .blu-accordions .blu-accordion__header[data-v-25e87b5b]:hover {
cursor: var(--blu-accordion-pointer);
background-color: var(--blu-accordion-header-color-background)
}
html:not([dark]) .blu-accordions .blu-accordion__header[data-v-25e87b5b]:focus-visible {
position: relative;
outline: none;
outline: #19222a solid 2px
}
html:not([dark]) .blu-accordions .blu-accordion:not(.b-disabled).b-active>.blu-accordion__header .blu-accordion__header-item-trailing[data-v-25e87b5b] svg {
transform: rotate(-180deg)
}
html:not([dark]) .blu-accordions .blu-accordion:not(.b-disabled) .blu-accordion__header[data-v-25e87b5b] {
--blu-accordion-pointer: pointer;
--blu-accordion-header-color-background: #f9f9fa
}
html:not([dark]) .blu-accordions .blu-accordion.b-disabled .blu-accordion__header[data-v-25e87b5b] {
--blu-accordion-pointer: not-allowed;
--blu-accordion-header-content-color-text: rgba(25, 34, 42, .3019607843);
--blu-accordion-header-content-color-icon: rgba(25, 34, 42, .3019607843)
}
html:not([dark]) .blu-accordions .blu-accordion.b-small .blu-accordion__header[data-v-25e87b5b] {
--blu-accordion-header-spacing-padding: 8px 12px
}
html:not([dark]) .blu-accordions.b-primary .blu-accordion:first-child .blu-accordion__header[data-v-25e87b5b] {
border-radius: 8px 8px 0 0
}
html:not([dark]) .blu-accordions.b-primary .blu-accordion:last-child:not(.b-active) .blu-accordion__header[data-v-25e87b5b] {
border-radius: 0 0 8px 8px
}
html:not([dark]) .blu-accordions.b-secondary .blu-accordion__header[data-v-25e87b5b]:hover {
--blu-accordion-header-border-radius: 8px
}
html[dark] .blu-accordions .blu-accordion__header[data-v-25e87b5b] {
--blu-accordion-header-content-text: 500 14px/18px Blibli, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif;
--blu-accordion-header-content-color-text: #ffffff;
--blu-accordion-header-spacing-padding: 12px;
--blu-accordion-header-content-icon-size: 18px;
--blu-accordion-header-content-color-icon: #acb0b4;
--blu-accordion-header-spacing-gap: 4px;
--blu-accordion-header-content-right-spacing-gap: 8px;
font: var(--blu-accordion-header-content-text);
color: var(--blu-accordion-header-content-color-text);
padding: var(--blu-accordion-header-spacing-padding);
box-sizing: border-box;
border-radius: var(--blu-accordion-header-border-radius)
}
html[dark] .blu-accordions .blu-accordion__header-main[data-v-25e87b5b] {
display: flex;
align-items: start;
width: 100%
}
html[dark] .blu-accordions .blu-accordion__header-main *[data-v-25e87b5b]:not(:last-child) {
margin-right: var(--blu-accordion-header-spacing-gap)
}
html[dark] .blu-accordions .blu-accordion__header-content[data-v-25e87b5b] {
width: 100%
}
html[dark] .blu-accordions .blu-accordion__header-item-leading[data-v-25e87b5b],
html[dark] .blu-accordions .blu-accordion__header-item-trailing[data-v-25e87b5b] {
display: flex;
align-items: center
}
html[dark] .blu-accordions .blu-accordion__header-item-leading[data-v-25e87b5b] svg,
html[dark] .blu-accordions .blu-accordion__header-item-trailing[data-v-25e87b5b] svg {
width: var(--blu-accordion-header-content-icon-size);
height: var(--blu-accordion-header-content-icon-size);
color: var(--blu-accordion-header-content-color-icon)
}
html[dark] .blu-accordions .blu-accordion__header-item-trailing[data-v-25e87b5b]>*:not(:last-child) {
margin-right: var(--blu-accordion-header-content-right-spacing-gap)
}
html[dark] .blu-accordions .blu-accordion__header-item-trailing[data-v-25e87b5b]>svg {
transition: all .4s ease
}
html[dark] .blu-accordions .blu-accordion__header[data-v-25e87b5b]:hover {
cursor: var(--blu-accordion-pointer);
background-color: var(--blu-accordion-header-color-background)
}
html[dark] .blu-accordions .blu-accordion__header[data-v-25e87b5b]:focus-visible {
position: relative;
outline: none;
outline: #f9f9fa solid 2px
}
html[dark] .blu-accordions .blu-accordion:not(.b-disabled).b-active>.blu-accordion__header .blu-accordion__header-item-trailing[data-v-25e87b5b] svg {
transform: rotate(-180deg)
}
html[dark] .blu-accordions .blu-accordion:not(.b-disabled) .blu-accordion__header[data-v-25e87b5b] {
--blu-accordion-pointer: pointer;
--blu-accordion-header-color-background: #19222a
}
html[dark] .blu-accordions .blu-accordion.b-disabled .blu-accordion__header[data-v-25e87b5b] {
--blu-accordion-pointer: not-allowed;
--blu-accordion-header-content-color-text: rgba(255, 255, 255, .3019607843);
--blu-accordion-header-content-color-icon: rgba(255, 255, 255, .3019607843)
}
html[dark] .blu-accordions .blu-accordion.b-small .blu-accordion__header[data-v-25e87b5b] {
--blu-accordion-header-spacing-padding: 8px 12px
}
html[dark] .blu-accordions.b-primary .blu-accordion:first-child .blu-accordion__header[data-v-25e87b5b] {
border-radius: 8px 8px 0 0
}
html[dark] .blu-accordions.b-primary .blu-accordion:last-child:not(.b-active) .blu-accordion__header[data-v-25e87b5b] {
border-radius: 0 0 8px 8px
}
html[dark] .blu-accordions.b-secondary .blu-accordion__header[data-v-25e87b5b]:hover {
--blu-accordion-header-border-radius: 8px
}
</style>
<style>
html:not([dark]) .blu-accordions[data-v-d4dcd884] {
--blu-accordions-color-border: transparent;
border: 1px solid var(--blu-accordions-color-border);
border-radius: 8px;
box-sizing: border-box
}
html:not([dark]) .blu-accordions.b-primary[data-v-d4dcd884] {
--blu-accordions-color-border: #e1e3e4
}
html[dark] .blu-accordions[data-v-d4dcd884] {
--blu-accordions-color-border: transparent;
border: 1px solid var(--blu-accordions-color-border);
border-radius: 8px;
box-sizing: border-box
}
html[dark] .blu-accordions.b-primary[data-v-d4dcd884] {
--blu-accordions-color-border: #3b444c
}
</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>
.lazyImage[data-v-8dd39e6c] {
max-width: 100%;
max-height: 100%;
width: auto;
height: auto;
vertical-align: middle
}
img[data-v-8dd39e6c] {
object-fit: cover
}
img.error-image[data-v-8dd39e6c] {
object-fit: contain !important;
background-color: #f1f2f2
}
.list-enter-active[data-v-8dd39e6c],
.list-leave-active[data-v-8dd39e6c] {
transition: all .5s ease
}
.list-enter-from[data-v-8dd39e6c],
.list-leave-to[data-v-8dd39e6c] {
opacity: 0;
transform: translate(30px)
}
div.recommendation-card[data-v-49674c58] {
width: 192px;
max-width: 192px;
min-width: 192px;
margin: 0 8px
}
@media screen and (max-width: 839px) {
div.recommendation-card[data-v-49674c58] {
width: 138px;
max-width: 138px;
min-width: 138px;
margin: 0 6px
}
}
div.recommendation-card .promo-badge[data-v-49674c58] {
position: absolute;
bottom: 0;
left: 0;
z-index: 1;
object-fit: contain;
max-width: 60%;
max-height: 24px
}
div.recommendation-card .seller[data-v-49674c58] {
display: flex;
height: 16px
}
div.recommendation-card .seller .img-official[data-v-49674c58] {
margin-right: 2px
}
div.recommendation-card .seller .img-badge[data-v-49674c58] {
margin-right: 4px
}
div.recommendation-card .seller .location[data-v-49674c58] {
text-overflow: ellipsis;
overflow: hidden;
display: -webkit-box;
-webkit-line-clamp: 1;
-webkit-box-orient: vertical;
word-break: break-all
}
img.recommendation-card-image[data-v-49674c58] {
width: 100%;
height: 100%;
object-fit: contain
}
.scroller[data-v-84ae5033] {
position: relative;
width: 100%
}
.not-scrollable-container__content[data-v-84ae5033] {
display: flex;
margin: 0;
padding: 0
}
@media screen and (max-width: 839px) {
.not-scrollable-container__content[data-v-84ae5033] {
overflow-x: scroll
}
}
.not-scrollable-container .blu-product[data-v-84ae5033] {
max-width: 224px
}
@media screen and (min-width: 840px),
print {
.not-scrollable-container .blu-product[data-v-84ae5033] {
margin: 6px
}
}
@media screen and (max-width: 839px) {
.not-scrollable-container .blu-product[data-v-84ae5033] {
margin: 4px
}
}
.scroller-container__content[data-v-84ae5033] {
display: flex;
scrollbar-width: none
}
.scroller-container__content[data-v-84ae5033]::-webkit-scrollbar {
width: 0px;
height: 0px;
background: transparent
}
@media screen and (min-width: 840px),
print {
.scroller-container__content[data-v-84ae5033] {
overflow-x: hidden
}
.scroller-container__arrow-left[data-v-84ae5033] {
cursor: pointer;
display: flex;
align-items: center;
justify-content: center;
width: 40px;
height: 40px;
border-radius: 50%;
box-shadow: 0 0 24px -4px #0000003d;
position: absolute;
left: -16px;
bottom: calc(50% - 16px);
z-index: 2;
background-color: #fff
}
.scroller-container__arrow-right[data-v-84ae5033] {
cursor: pointer;
display: flex;
align-items: center;
justify-content: center;
width: 40px;
height: 40px;
border-radius: 50%;
box-shadow: 0 0 24px -4px #0000003d;
position: absolute;
right: -16px;
bottom: calc(50% - 16px);
z-index: 2;
background-color: #fff;
transform: rotate(180deg)
}
}
@media screen and (max-width: 839px) {
.scroller-container__content[data-v-84ae5033] {
overflow-x: scroll
}
}
.recommendation[data-v-1f2a65ef] {
width: 100%
}
.recommendation__container-title[data-v-1f2a65ef] {
display: flex;
flex-direction: row;
align-items: flex-start
}
@media screen and (min-width: 840px),
print {
.recommendation__container-title[data-v-1f2a65ef] {
padding: 8px 24px 0
}
}
@media screen and (max-width: 839px) {
.recommendation__container-title[data-v-1f2a65ef] {
padding: 16px 16px 0
}
}
.recommendation__title[data-v-1f2a65ef] {
flex: 1;
font: 600 18px/24px Blibli, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif;
color: #19222a
}
.recommendation__see-all[data-v-1f2a65ef] {
font: 500 14px/18px Blibli, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif;
color: #db181d;
cursor: pointer
}
.recommendation__list[data-v-1f2a65ef] {
padding: 16px
}
@media screen and (max-width: 839px) {
.recommendation__list[data-v-1f2a65ef] {
padding: 16px 0
}
}
@media screen and (max-width: 839px) {
.recommendation__item[data-v-1f2a65ef]:first-child {
padding-left: 10px
}
}
.recommendation .fade-enter-active[data-v-1f2a65ef],
.recommendation .fade-leave-active[data-v-1f2a65ef] {
transition: opacity .5s ease
}
.recommendation .fade-enter-from[data-v-1f2a65ef],
.recommendation .fade-leave-to[data-v-1f2a65ef] {
opacity: 0
}
</style>
<style>
html:not([dark]) .blu-product-grocery[data-v-7dfd505e] {
--blu-product-grocery-color-background: #ffffff;
--blu-product-grocery-count-color-background: #797f85;
--blu-product-grocery-border-radius: 8px 8px;
--blu-product-grocery-count-border-radius: 50%;
--blu-product-grocery-name-text: 500 14px/18px Blibli, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif;
--blu-product-grocery-count-text: 500 12px/16px Blibli, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif;
--blu-product-grocery-count-color-text: rgba(25, 34, 42, .7019607843);
--blu-product-grocery-image-border: 1px solid #f1f2f2;
--blu-product-grocery-label-count-margin: 4px;
--blu-product-grocery-count-divider-height: 2px;
--blu-product-grocery-count-divider-width: 2px;
position: relative;
background-color: var(--blu-product-grocery-color-background);
border-radius: var(--blu-product-grocery-border-radius);
height: 100%;
overflow: hidden;
display: flex;
flex-direction: column;
gap: 4px
}
@media screen and (min-width: 840px),
print {
html:not([dark]) .blu-product-grocery[data-v-7dfd505e] {
flex: 1 192px
}
}
@media screen and (max-width: 839px) {
html:not([dark]) .blu-product-grocery[data-v-7dfd505e] {
flex: 1 138px
}
}
html:not([dark]) .blu-product-grocery[data-v-7dfd505e] .blu-image__main {
transition: all .3s ease
}
html:not([dark]) .blu-product-grocery[data-v-7dfd505e]:not(.b-disabled):hover {
cursor: pointer
}
html:not([dark]) .blu-product-grocery[data-v-7dfd505e]:not(.b-disabled):hover .blu-image__main {
transform: scale(1.05)
}
html:not([dark]) .blu-product-grocery__top[data-v-7dfd505e] {
position: relative
}
html:not([dark]) .blu-product-grocery__image[data-v-7dfd505e] {
position: relative;
top: 0;
aspect-ratio: 1;
border: var(--blu-product-grocery-image-border);
border-radius: var(--blu-product-grocery-border-radius);
object-fit: contain;
overflow: hidden
}
html:not([dark]) .blu-product-grocery__image-label[data-v-7dfd505e] {
position: absolute;
top: 8px;
left: 8px;
display: flex;
z-index: 1
}
html:not([dark]) .blu-product-grocery__promo-campaign[data-v-7dfd505e] {
--blu-product-grocery-promo-campaign-height: 24px;
position: absolute;
bottom: 0;
left: 0;
height: var(--blu-product-grocery-promo-campaign-height)
}
html:not([dark]) .blu-product-grocery__promo-campaign[data-v-7dfd505e] img {
max-height: var(--blu-product-grocery-promo-campaign-height)
}
html:not([dark]) .blu-product-grocery__button[data-v-7dfd505e] {
position: absolute;
bottom: 8px;
right: 8px;
z-index: 1
}
html:not([dark]) .blu-product-grocery__button[data-v-7dfd505e] .blu-input-number.b-field.b-secondary {
--blu-input-number-color-border: #1d8fff
}
html:not([dark]) .blu-product-grocery__bottom[data-v-7dfd505e] {
display: flex;
flex-direction: column;
gap: 4px
}
html:not([dark]) .blu-product-grocery__bottom--price[data-v-7dfd505e] {
display: flex;
flex-direction: column;
gap: 4px
}
html:not([dark]) .blu-product-grocery__bottom--price .blu-grocery-bottom__price[data-v-7dfd505e] {
--blu-product-grocery-price-after-text: 600 16px/20px Blibli, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif;
--blu-product-grocery-price-before-text: 500 12px/16px Blibli, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif;
--blu-product-grocery-price-after-color-text: #19222a;
--blu-product-grocery-price-before-color-text: rgba(25, 34, 42, .4)
}
html:not([dark]) .blu-product-grocery__bottom--price .blu-grocery-bottom__price--after[data-v-7dfd505e] {
font: var(--blu-product-grocery-price-after-text);
color: var(--blu-product-grocery-price-after-color-text)
}
html:not([dark]) .blu-product-grocery__bottom--price .blu-grocery-bottom__price--before[data-v-7dfd505e] {
display: flex;
gap: 4px;
font: var(--blu-product-grocery-price-before-text);
color: var(--blu-product-grocery-price-before-color-text)
}
html:not([dark]) .blu-product-grocery__bottom--price .blu-grocery-bottom__price--before .blu-grocery-price-before[data-v-7dfd505e] {
text-decoration: line-through
}
html:not([dark]) .blu-product-grocery__bottom--price .blu-grocery-bottom__promo-badge[data-v-7dfd505e] {
display: flex;
margin: 2px 0
}
html:not([dark]) .blu-product-grocery__bottom--name[data-v-7dfd505e] {
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
font: var(--blu-product-grocery-name-text);
white-space: initial;
word-break: break-word;
overflow: hidden
}
html:not([dark]) .blu-product-grocery__bottom--seller-credibility[data-v-7dfd505e] {
display: flex;
flex-direction: column;
gap: 4px
}
html:not([dark]) .blu-product-grocery__bottom--seller-credibility .blu-grocery-seller-credibility__info[data-v-7dfd505e] {
display: flex;
align-items: center;
gap: 4px
}
html:not([dark]) .blu-product-grocery__bottom--seller-credibility .blu-grocery-seller-credibility__info .blu-grocery-seller__location[data-v-7dfd505e] {
--blu-product-grocery-location-text: 500 12px/16px Blibli, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif;
--blu-product-grocery-location-color-text: rgba(25, 34, 42, .7019607843);
font: var(--blu-product-grocery-location-text);
color: var(--blu-product-grocery-location-color-text)
}
html:not([dark]) .blu-product-grocery__bottom--seller-credibility .blu-grocery-seller-credibility__count[data-v-7dfd505e] {
display: flex;
align-items: center;
gap: 4px;
font: var(--blu-product-grocery-count-text);
color: var(--blu-product-grocery-count-color-text)
}
html:not([dark]) .blu-product-grocery__bottom--seller-credibility .blu-grocery-seller-credibility__count span[data-v-7dfd505e] {
margin-left: var(--blu-product-grocery-label-count-margin)
}
html:not([dark]) .blu-product-grocery__bottom--seller-credibility .blu-grocery-seller-credibility__count-wrapper[data-v-7dfd505e] {
display: flex;
align-items: center
}
html:not([dark]) .blu-product-grocery__bottom--seller-credibility .blu-grocery-seller-credibility__count--divider[data-v-7dfd505e] {
width: var(--blu-product-grocery-count-divider-width);
height: var(--blu-product-grocery-count-divider-height);
background-color: var(--blu-product-grocery-count-color-background);
border-radius: var(--blu-product-grocery-count-border-radius)
}
html:not([dark]) .blu-product-grocery__bottom--seller-credibility .blu-grocery-seller-credibility__features[data-v-7dfd505e] {
display: flex;
gap: 4px
}
html:not([dark]) .blu-product-grocery__bottom .name-on-top[data-v-7dfd505e] {
flex-direction: column-reverse
}
html:not([dark]) .blu-product-grocery__title-price-wrapper[data-v-7dfd505e] {
display: flex;
gap: 4px;
flex-direction: column
}
html:not([dark]) .blu-product-grocery__variant[data-v-7dfd505e] {
--blu-product-grocery-variant-color-text: rgba(25, 34, 42, .7019607843);
--blu-product-grocery-variant-text: 500 12px/16px Blibli, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif;
display: flex;
align-items: center;
font: var(--blu-product-grocery-variant-text);
color: var(--blu-product-grocery-variant-color-text)
}
html:not([dark]) .blu-product-grocery__variant.has-multiple[data-v-7dfd505e] {
--blu-product-grocery-variant-color-text: #006dea;
--blu-product-grocery-variant-text: 600 12px/16px Blibli, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif
}
html:not([dark]) .blu-product-grocery__variant svg[data-v-7dfd505e] {
width: 12px;
height: 12px
}
html:not([dark]) .blu-product-grocery__promo-badge[data-v-7dfd505e] {
display: flex;
margin-top: 2px
}
html:not([dark]) .blu-product-grocery.b-disabled[data-v-7dfd505e] {
cursor: not-allowed;
-webkit-user-select: none;
user-select: none
}
html:not([dark]) .blu-product-grocery.b-disabled .blu-product-grocery__bottom[data-v-7dfd505e],
html:not([dark]) .blu-product-grocery.b-disabled .blu-product-grocery__promo-campaign[data-v-7dfd505e] {
opacity: .5
}
html:not([dark]) .blu-product-grocery.b-disabled .blu-product-grocery__image[data-v-7dfd505e] .blu-image,
html:not([dark]) .blu-product-grocery.b-disabled .blu-product-grocery__image[data-v-7dfd505e] .blu-product-image-carousel__slider {
opacity: .5
}
html:not([dark]) .blu-product-grocery.b-on-colored-background[data-v-7dfd505e] {
--blu-product-grocery-image-border: none
}
html:not([dark]) .blu-product-grocery.b-on-colored-background .blu-product-grocery__bottom[data-v-7dfd505e] {
padding: 0 8px 8px
}
html[dark] .blu-product-grocery[data-v-7dfd505e] {
--blu-product-grocery-color-background: #12171d;
--blu-product-grocery-count-color-background: #acb0b4;
--blu-product-grocery-border-radius: 8px 8px;
--blu-product-grocery-count-border-radius: 50%;
--blu-product-grocery-name-text: 500 14px/18px Blibli, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif;
--blu-product-grocery-count-text: 500 12px/16px Blibli, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif;
--blu-product-grocery-count-color-text: rgba(255, 255, 255, .8);
--blu-product-grocery-image-border: 1px solid #28323b;
--blu-product-grocery-label-count-margin: 4px;
--blu-product-grocery-count-divider-height: 2px;
--blu-product-grocery-count-divider-width: 2px;
position: relative;
background-color: var(--blu-product-grocery-color-background);
border-radius: var(--blu-product-grocery-border-radius);
height: 100%;
overflow: hidden;
display: flex;
flex-direction: column;
gap: 4px
}
@media screen and (min-width: 840px),
print {
html[dark] .blu-product-grocery[data-v-7dfd505e] {
flex: 1 192px
}
}
@media screen and (max-width: 839px) {
html[dark] .blu-product-grocery[data-v-7dfd505e] {
flex: 1 138px
}
}
html[dark] .blu-product-grocery[data-v-7dfd505e] .blu-image__main {
transition: all .3s ease
}
html[dark] .blu-product-grocery[data-v-7dfd505e]:not(.b-disabled):hover {
cursor: pointer
}
html[dark] .blu-product-grocery[data-v-7dfd505e]:not(.b-disabled):hover .blu-image__main {
transform: scale(1.05)
}
html[dark] .blu-product-grocery__top[data-v-7dfd505e] {
position: relative
}
html[dark] .blu-product-grocery__image[data-v-7dfd505e] {
position: relative;
top: 0;
aspect-ratio: 1;
border: var(--blu-product-grocery-image-border);
border-radius: var(--blu-product-grocery-border-radius);
object-fit: contain;
overflow: hidden
}
html[dark] .blu-product-grocery__image-label[data-v-7dfd505e] {
position: absolute;
top: 8px;
left: 8px;
display: flex;
z-index: 1
}
html[dark] .blu-product-grocery__promo-campaign[data-v-7dfd505e] {
--blu-product-grocery-promo-campaign-height: 24px;
position: absolute;
bottom: 0;
left: 0;
height: var(--blu-product-grocery-promo-campaign-height)
}
html[dark] .blu-product-grocery__promo-campaign[data-v-7dfd505e] img {
max-height: var(--blu-product-grocery-promo-campaign-height)
}
html[dark] .blu-product-grocery__button[data-v-7dfd505e] {
position: absolute;
bottom: 8px;
right: 8px;
z-index: 1
}
html[dark] .blu-product-grocery__button[data-v-7dfd505e] .blu-input-number.b-field.b-secondary {
--blu-input-number-color-border: #4fa4ff
}
html[dark] .blu-product-grocery__bottom[data-v-7dfd505e],
html[dark] .blu-product-grocery__bottom--price[data-v-7dfd505e] {
display: flex;
flex-direction: column;
gap: 4px
}
html[dark] .blu-product-grocery__bottom--price .blu-grocery-bottom__price[data-v-7dfd505e] {
--blu-product-grocery-price-after-text: 600 16px/20px Blibli, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif;
--blu-product-grocery-price-before-text: 500 12px/16px Blibli, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif;
--blu-product-grocery-price-after-color-text: #ffffff;
--blu-product-grocery-price-before-color-text: rgba(255, 255, 255, .5019607843)
}
html[dark] .blu-product-grocery__bottom--price .blu-grocery-bottom__price--after[data-v-7dfd505e] {
font: var(--blu-product-grocery-price-after-text);
color: var(--blu-product-grocery-price-after-color-text)
}
html[dark] .blu-product-grocery__bottom--price .blu-grocery-bottom__price--before[data-v-7dfd505e] {
display: flex;
gap: 4px;
font: var(--blu-product-grocery-price-before-text);
color: var(--blu-product-grocery-price-before-color-text)
}
html[dark] .blu-product-grocery__bottom--price .blu-grocery-bottom__price--before .blu-grocery-price-before[data-v-7dfd505e] {
text-decoration: line-through
}
html[dark] .blu-product-grocery__bottom--price .blu-grocery-bottom__promo-badge[data-v-7dfd505e] {
display: flex;
margin: 2px 0
}
html[dark] .blu-product-grocery__bottom--name[data-v-7dfd505e] {
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
font: var(--blu-product-grocery-name-text);
white-space: initial;
word-break: break-word;
overflow: hidden
}
html[dark] .blu-product-grocery__bottom--seller-credibility[data-v-7dfd505e] {
display: flex;
flex-direction: column;
gap: 4px
}
html[dark] .blu-product-grocery__bottom--seller-credibility .blu-grocery-seller-credibility__info[data-v-7dfd505e] {
display: flex;
align-items: center;
gap: 4px
}
html[dark] .blu-product-grocery__bottom--seller-credibility .blu-grocery-seller-credibility__info .blu-grocery-seller__location[data-v-7dfd505e] {
--blu-product-grocery-location-text: 500 12px/16px Blibli, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif;
--blu-product-grocery-location-color-text: rgba(255, 255, 255, .8);
font: var(--blu-product-grocery-location-text);
color: var(--blu-product-grocery-location-color-text)
}
html[dark] .blu-product-grocery__bottom--seller-credibility .blu-grocery-seller-credibility__count[data-v-7dfd505e] {
display: flex;
align-items: center;
gap: 4px;
font: var(--blu-product-grocery-count-text);
color: var(--blu-product-grocery-count-color-text)
}
html[dark] .blu-product-grocery__bottom--seller-credibility .blu-grocery-seller-credibility__count span[data-v-7dfd505e] {
margin-left: var(--blu-product-grocery-label-count-margin)
}
html[dark] .blu-product-grocery__bottom--seller-credibility .blu-grocery-seller-credibility__count-wrapper[data-v-7dfd505e] {
display: flex;
align-items: center
}
html[dark] .blu-product-grocery__bottom--seller-credibility .blu-grocery-seller-credibility__count--divider[data-v-7dfd505e] {
width: var(--blu-product-grocery-count-divider-width);
height: var(--blu-product-grocery-count-divider-height);
background-color: var(--blu-product-grocery-count-color-background);
border-radius: var(--blu-product-grocery-count-border-radius)
}
html[dark] .blu-product-grocery__bottom--seller-credibility .blu-grocery-seller-credibility__features[data-v-7dfd505e] {
display: flex;
gap: 4px
}
html[dark] .blu-product-grocery__bottom .name-on-top[data-v-7dfd505e] {
flex-direction: column-reverse
}
html[dark] .blu-product-grocery__title-price-wrapper[data-v-7dfd505e] {
display: flex;
gap: 4px;
flex-direction: column
}
html[dark] .blu-product-grocery__variant[data-v-7dfd505e] {
--blu-product-grocery-variant-color-text: rgba(255, 255, 255, .8);
--blu-product-grocery-variant-text: 500 12px/16px Blibli, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif;
display: flex;
align-items: center;
font: var(--blu-product-grocery-variant-text);
color: var(--blu-product-grocery-variant-color-text)
}
html[dark] .blu-product-grocery__variant.has-multiple[data-v-7dfd505e] {
--blu-product-grocery-variant-color-text: #4fa4ff;
--blu-product-grocery-variant-text: 600 12px/16px Blibli, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif
}
html[dark] .blu-product-grocery__variant svg[data-v-7dfd505e] {
width: 12px;
height: 12px
}
html[dark] .blu-product-grocery__promo-badge[data-v-7dfd505e] {
display: flex;
margin-top: 2px
}
html[dark] .blu-product-grocery.b-disabled[data-v-7dfd505e] {
cursor: not-allowed;
-webkit-user-select: none;
user-select: none
}
html[dark] .blu-product-grocery.b-disabled .blu-product-grocery__bottom[data-v-7dfd505e],
html[dark] .blu-product-grocery.b-disabled .blu-product-grocery__promo-campaign[data-v-7dfd505e],
html[dark] .blu-product-grocery.b-disabled .blu-product-grocery__image[data-v-7dfd505e] .blu-image,
html[dark] .blu-product-grocery.b-disabled .blu-product-grocery__image[data-v-7dfd505e] .blu-product-image-carousel__slider {
opacity: .5
}
html[dark] .blu-product-grocery.b-on-colored-background[data-v-7dfd505e] {
--blu-product-grocery-image-border: none
}
html[dark] .blu-product-grocery.b-on-colored-background .blu-product-grocery__bottom[data-v-7dfd505e] {
padding: 0 8px 8px
}
</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: #db181d
}
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: #db181d
}
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: #db181d
}
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: #db181d
}
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: #db181d
}
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: #db181d
}
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: #db181d;
--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: #db181d
}
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>
<style>
html:not([dark]) .blu-image[data-v-54bc976c] {
--blu-responsive-image-shadow: 0 1px 6px 0 rgba(0, 0, 0, .1019607843);
--blu-responsive-image-background: #ffffff;
--blu-responsive-image-width: 100%;
--blu-responsive-image-height: 100%;
--blu-responsive-image-radius: 8px;
--blu-responsive-image-ratio: 1;
position: relative;
overflow: hidden;
width: var(--blu-responsive-image-width);
aspect-ratio: var(--blu-responsive-image-ratio);
background-color: var(--blu-responsive-image-background)
}
html:not([dark]) .blu-image__main[data-v-54bc976c] {
object-fit: contain;
width: var(--blu-responsive-image-width);
height: var(--blu-responsive-image-height)
}
html:not([dark]) .blu-image.b-shadow[data-v-54bc976c] {
box-shadow: var(--blu-responsive-image-shadow)
}
html:not([dark]) .blu-image.b-radius[data-v-54bc976c] {
border-radius: var(--blu-responsive-image-radius)
}
html:not([dark]) .blu-image.b-mask[data-v-54bc976c] {
background-repeat: no-repeat;
background-size: cover;
background-position: center
}
html[dark] .blu-image[data-v-54bc976c] {
--blu-responsive-image-shadow: inset 0 0 0 30000px rgba(109, 220, 255, .1019607843);
--blu-responsive-image-background: #12171d;
--blu-responsive-image-width: 100%;
--blu-responsive-image-height: 100%;
--blu-responsive-image-radius: 8px;
--blu-responsive-image-ratio: 1;
position: relative;
overflow: hidden;
width: var(--blu-responsive-image-width);
aspect-ratio: var(--blu-responsive-image-ratio);
background-color: var(--blu-responsive-image-background)
}
html[dark] .blu-image__main[data-v-54bc976c] {
object-fit: contain;
width: var(--blu-responsive-image-width);
height: var(--blu-responsive-image-height)
}
html[dark] .blu-image.b-shadow[data-v-54bc976c] {
box-shadow: var(--blu-responsive-image-shadow)
}
html[dark] .blu-image.b-radius[data-v-54bc976c] {
border-radius: var(--blu-responsive-image-radius)
}
html[dark] .blu-image.b-mask[data-v-54bc976c] {
background-repeat: no-repeat;
background-size: cover;
background-position: center
}
</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 4px 0px 0px;
--blu-product-badge-padding-countdown-icon: 0px 4px;
--blu-product-badge-spacing: 2px;
--blu-product-badge-icon-margin-countdown: 3px;
--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] {
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] {
max-height: 16px;
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] {
padding: var(--blu-product-badge-padding-countdown-icon);
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] {
max-height: 16px;
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 4px 0px 0px;
--blu-product-badge-padding-countdown-icon: 0px 4px;
--blu-product-badge-spacing: 2px;
--blu-product-badge-icon-margin-countdown: 3px;
--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] {
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] {
max-height: 16px;
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] {
padding: var(--blu-product-badge-padding-countdown-icon);
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] {
max-height: 16px;
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>
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: #db181d
}
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: #db181d
}
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: #db181d
}
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: #db181d
}
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: #db181d
}
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: #db181d
}
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-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>
.lazyImage[data-v-8dd39e6c] {
max-width: 100%;
max-height: 100%;
width: auto;
height: auto;
vertical-align: middle
}
img[data-v-8dd39e6c] {
object-fit: cover
}
img.error-image[data-v-8dd39e6c] {
object-fit: contain !important;
background-color: #f1f2f2
}
.list-enter-active[data-v-8dd39e6c],
.list-leave-active[data-v-8dd39e6c] {
transition: all .5s ease
}
.list-enter-from[data-v-8dd39e6c],
.list-leave-to[data-v-8dd39e6c] {
opacity: 0;
transform: translate(30px)
}
div.recommendation-card[data-v-673cdf3a] {
width: 192px;
max-width: 192px;
min-width: 192px;
margin: 0 8px
}
@media screen and (max-width: 839px) {
div.recommendation-card[data-v-673cdf3a] {
width: 138px;
max-width: 138px;
min-width: 138px;
margin: 0 6px
}
}
div.recommendation-card .promo-badge[data-v-673cdf3a] {
position: absolute;
bottom: 0;
left: 0;
z-index: 1;
object-fit: contain;
max-width: 60%;
max-height: 24px
}
div.recommendation-card .seller[data-v-673cdf3a] {
display: flex;
height: 16px
}
div.recommendation-card .seller .img-official[data-v-673cdf3a] {
margin-right: 2px
}
div.recommendation-card .seller .img-badge[data-v-673cdf3a] {
margin-right: 4px
}
div.recommendation-card .seller .location[data-v-673cdf3a] {
text-overflow: ellipsis;
overflow: hidden;
display: -webkit-box;
-webkit-line-clamp: 1;
-webkit-box-orient: vertical;
word-break: break-all
}
img.recommendation-card-image[data-v-673cdf3a] {
width: 100%;
height: 100%;
object-fit: contain
}
.scroller[data-v-6de2d726] {
position: relative;
width: 100%
}
.not-scrollable-container__content[data-v-6de2d726] {
display: flex;
margin: 0;
padding: 0
}
@media screen and (max-width: 839px) {
.not-scrollable-container__content[data-v-6de2d726] {
overflow-x: scroll
}
}
.not-scrollable-container .blu-product[data-v-6de2d726] {
max-width: 224px
}
@media screen and (min-width: 840px),
print {
.not-scrollable-container .blu-product[data-v-6de2d726] {
margin: 6px
}
}
@media screen and (max-width: 839px) {
.not-scrollable-container .blu-product[data-v-6de2d726] {
margin: 4px
}
}
.scroller-container__content[data-v-6de2d726] {
display: flex;
scrollbar-width: none
}
.scroller-container__content[data-v-6de2d726]::-webkit-scrollbar {
width: 0px;
height: 0px;
background: transparent
}
@media screen and (min-width: 840px),
print {
.scroller-container__content[data-v-6de2d726] {
overflow-x: hidden
}
.scroller-container__arrow-left[data-v-6de2d726] {
cursor: pointer;
display: flex;
align-items: center;
justify-content: center;
width: 40px;
height: 40px;
border-radius: 50%;
box-shadow: 0 0 24px -4px #0000003d;
position: absolute;
left: -16px;
bottom: calc(50% - 16px);
z-index: 2;
background-color: #fff
}
.scroller-container__arrow-right[data-v-6de2d726] {
cursor: pointer;
display: flex;
align-items: center;
justify-content: center;
width: 40px;
height: 40px;
border-radius: 50%;
box-shadow: 0 0 24px -4px #0000003d;
position: absolute;
right: -16px;
bottom: calc(50% - 16px);
z-index: 2;
background-color: #fff;
transform: rotate(180deg)
}
}
@media screen and (max-width: 839px) {
.scroller-container__content[data-v-6de2d726] {
overflow-x: scroll
}
}
.recommendation[data-v-18128192] {
width: 100%
}
.recommendation__title[data-v-18128192] {
font: 600 18px/24px Blibli, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif;
color: #19222a
}
@media screen and (min-width: 840px),
print {
.recommendation__title[data-v-18128192] {
padding: 8px 24px 0
}
}
@media screen and (max-width: 839px) {
.recommendation__title[data-v-18128192] {
padding: 16px 16px 0
}
}
.recommendation__list[data-v-18128192] {
padding: 16px
}
@media screen and (max-width: 839px) {
.recommendation__list[data-v-18128192] {
padding: 16px 0
}
}
@media screen and (max-width: 839px) {
.recommendation__item[data-v-18128192]:first-child {
padding-left: 10px
}
}
.recommendation .fade-enter-active[data-v-18128192],
.recommendation .fade-leave-active[data-v-18128192] {
transition: opacity .5s ease
}
.recommendation .fade-enter-from[data-v-18128192],
.recommendation .fade-leave-to[data-v-18128192] {
opacity: 0
}
</style>
<style>
html:not([dark]) .blu-product-grocery[data-v-7dfd505e] {
--blu-product-grocery-color-background: #ffffff;
--blu-product-grocery-count-color-background: #797f85;
--blu-product-grocery-border-radius: 8px 8px;
--blu-product-grocery-count-border-radius: 50%;
--blu-product-grocery-name-text: 500 14px/18px Blibli, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif;
--blu-product-grocery-count-text: 500 12px/16px Blibli, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif;
--blu-product-grocery-count-color-text: rgba(25, 34, 42, .7019607843);
--blu-product-grocery-image-border: 1px solid #f1f2f2;
--blu-product-grocery-label-count-margin: 4px;
--blu-product-grocery-count-divider-height: 2px;
--blu-product-grocery-count-divider-width: 2px;
position: relative;
background-color: var(--blu-product-grocery-color-background);
border-radius: var(--blu-product-grocery-border-radius);
height: 100%;
overflow: hidden;
display: flex;
flex-direction: column;
gap: 4px
}
@media screen and (min-width: 840px),
print {
html:not([dark]) .blu-product-grocery[data-v-7dfd505e] {
flex: 1 192px
}
}
@media screen and (max-width: 839px) {
html:not([dark]) .blu-product-grocery[data-v-7dfd505e] {
flex: 1 138px
}
}
html:not([dark]) .blu-product-grocery[data-v-7dfd505e] .blu-image__main {
transition: all .3s ease
}
html:not([dark]) .blu-product-grocery[data-v-7dfd505e]:not(.b-disabled):hover {
cursor: pointer
}
html:not([dark]) .blu-product-grocery[data-v-7dfd505e]:not(.b-disabled):hover .blu-image__main {
transform: scale(1.05)
}
html:not([dark]) .blu-product-grocery__top[data-v-7dfd505e] {
position: relative
}
html:not([dark]) .blu-product-grocery__image[data-v-7dfd505e] {
position: relative;
top: 0;
aspect-ratio: 1;
border: var(--blu-product-grocery-image-border);
border-radius: var(--blu-product-grocery-border-radius);
object-fit: contain;
overflow: hidden
}
html:not([dark]) .blu-product-grocery__image-label[data-v-7dfd505e] {
position: absolute;
top: 8px;
left: 8px;
display: flex;
z-index: 1
}
html:not([dark]) .blu-product-grocery__promo-campaign[data-v-7dfd505e] {
--blu-product-grocery-promo-campaign-height: 24px;
position: absolute;
bottom: 0;
left: 0;
height: var(--blu-product-grocery-promo-campaign-height)
}
html:not([dark]) .blu-product-grocery__promo-campaign[data-v-7dfd505e] img {
max-height: var(--blu-product-grocery-promo-campaign-height)
}
html:not([dark]) .blu-product-grocery__button[data-v-7dfd505e] {
position: absolute;
bottom: 8px;
right: 8px;
z-index: 1
}
html:not([dark]) .blu-product-grocery__button[data-v-7dfd505e] .blu-input-number.b-field.b-secondary {
--blu-input-number-color-border: #1d8fff
}
html:not([dark]) .blu-product-grocery__bottom[data-v-7dfd505e] {
display: flex;
flex-direction: column;
gap: 4px
}
html:not([dark]) .blu-product-grocery__bottom--price[data-v-7dfd505e] {
display: flex;
flex-direction: column;
gap: 4px
}
html:not([dark]) .blu-product-grocery__bottom--price .blu-grocery-bottom__price[data-v-7dfd505e] {
--blu-product-grocery-price-after-text: 600 16px/20px Blibli, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif;
--blu-product-grocery-price-before-text: 500 12px/16px Blibli, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif;
--blu-product-grocery-price-after-color-text: #19222a;
--blu-product-grocery-price-before-color-text: rgba(25, 34, 42, .4)
}
html:not([dark]) .blu-product-grocery__bottom--price .blu-grocery-bottom__price--after[data-v-7dfd505e] {
font: var(--blu-product-grocery-price-after-text);
color: var(--blu-product-grocery-price-after-color-text)
}
html:not([dark]) .blu-product-grocery__bottom--price .blu-grocery-bottom__price--before[data-v-7dfd505e] {
display: flex;
gap: 4px;
font: var(--blu-product-grocery-price-before-text);
color: var(--blu-product-grocery-price-before-color-text)
}
html:not([dark]) .blu-product-grocery__bottom--price .blu-grocery-bottom__price--before .blu-grocery-price-before[data-v-7dfd505e] {
text-decoration: line-through
}
html:not([dark]) .blu-product-grocery__bottom--price .blu-grocery-bottom__promo-badge[data-v-7dfd505e] {
display: flex;
margin: 2px 0
}
html:not([dark]) .blu-product-grocery__bottom--name[data-v-7dfd505e] {
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
font: var(--blu-product-grocery-name-text);
white-space: initial;
word-break: break-word;
overflow: hidden
}
html:not([dark]) .blu-product-grocery__bottom--seller-credibility[data-v-7dfd505e] {
display: flex;
flex-direction: column;
gap: 4px
}
html:not([dark]) .blu-product-grocery__bottom--seller-credibility .blu-grocery-seller-credibility__info[data-v-7dfd505e] {
display: flex;
align-items: center;
gap: 4px
}
html:not([dark]) .blu-product-grocery__bottom--seller-credibility .blu-grocery-seller-credibility__info .blu-grocery-seller__location[data-v-7dfd505e] {
--blu-product-grocery-location-text: 500 12px/16px Blibli, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif;
--blu-product-grocery-location-color-text: rgba(25, 34, 42, .7019607843);
font: var(--blu-product-grocery-location-text);
color: var(--blu-product-grocery-location-color-text)
}
html:not([dark]) .blu-product-grocery__bottom--seller-credibility .blu-grocery-seller-credibility__count[data-v-7dfd505e] {
display: flex;
align-items: center;
gap: 4px;
font: var(--blu-product-grocery-count-text);
color: var(--blu-product-grocery-count-color-text)
}
html:not([dark]) .blu-product-grocery__bottom--seller-credibility .blu-grocery-seller-credibility__count span[data-v-7dfd505e] {
margin-left: var(--blu-product-grocery-label-count-margin)
}
html:not([dark]) .blu-product-grocery__bottom--seller-credibility .blu-grocery-seller-credibility__count-wrapper[data-v-7dfd505e] {
display: flex;
align-items: center
}
html:not([dark]) .blu-product-grocery__bottom--seller-credibility .blu-grocery-seller-credibility__count--divider[data-v-7dfd505e] {
width: var(--blu-product-grocery-count-divider-width);
height: var(--blu-product-grocery-count-divider-height);
background-color: var(--blu-product-grocery-count-color-background);
border-radius: var(--blu-product-grocery-count-border-radius)
}
html:not([dark]) .blu-product-grocery__bottom--seller-credibility .blu-grocery-seller-credibility__features[data-v-7dfd505e] {
display: flex;
gap: 4px
}
html:not([dark]) .blu-product-grocery__bottom .name-on-top[data-v-7dfd505e] {
flex-direction: column-reverse
}
html:not([dark]) .blu-product-grocery__title-price-wrapper[data-v-7dfd505e] {
display: flex;
gap: 4px;
flex-direction: column
}
html:not([dark]) .blu-product-grocery__variant[data-v-7dfd505e] {
--blu-product-grocery-variant-color-text: rgba(25, 34, 42, .7019607843);
--blu-product-grocery-variant-text: 500 12px/16px Blibli, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif;
display: flex;
align-items: center;
font: var(--blu-product-grocery-variant-text);
color: var(--blu-product-grocery-variant-color-text)
}
html:not([dark]) .blu-product-grocery__variant.has-multiple[data-v-7dfd505e] {
--blu-product-grocery-variant-color-text: #006dea;
--blu-product-grocery-variant-text: 600 12px/16px Blibli, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif
}
html:not([dark]) .blu-product-grocery__variant svg[data-v-7dfd505e] {
width: 12px;
height: 12px
}
html:not([dark]) .blu-product-grocery__promo-badge[data-v-7dfd505e] {
display: flex;
margin-top: 2px
}
html:not([dark]) .blu-product-grocery.b-disabled[data-v-7dfd505e] {
cursor: not-allowed;
-webkit-user-select: none;
user-select: none
}
html:not([dark]) .blu-product-grocery.b-disabled .blu-product-grocery__bottom[data-v-7dfd505e],
html:not([dark]) .blu-product-grocery.b-disabled .blu-product-grocery__promo-campaign[data-v-7dfd505e] {
opacity: .5
}
html:not([dark]) .blu-product-grocery.b-disabled .blu-product-grocery__image[data-v-7dfd505e] .blu-image,
html:not([dark]) .blu-product-grocery.b-disabled .blu-product-grocery__image[data-v-7dfd505e] .blu-product-image-carousel__slider {
opacity: .5
}
html:not([dark]) .blu-product-grocery.b-on-colored-background[data-v-7dfd505e] {
--blu-product-grocery-image-border: none
}
html:not([dark]) .blu-product-grocery.b-on-colored-background .blu-product-grocery__bottom[data-v-7dfd505e] {
padding: 0 8px 8px
}
html[dark] .blu-product-grocery[data-v-7dfd505e] {
--blu-product-grocery-color-background: #12171d;
--blu-product-grocery-count-color-background: #acb0b4;
--blu-product-grocery-border-radius: 8px 8px;
--blu-product-grocery-count-border-radius: 50%;
--blu-product-grocery-name-text: 500 14px/18px Blibli, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif;
--blu-product-grocery-count-text: 500 12px/16px Blibli, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif;
--blu-product-grocery-count-color-text: rgba(255, 255, 255, .8);
--blu-product-grocery-image-border: 1px solid #28323b;
--blu-product-grocery-label-count-margin: 4px;
--blu-product-grocery-count-divider-height: 2px;
--blu-product-grocery-count-divider-width: 2px;
position: relative;
background-color: var(--blu-product-grocery-color-background);
border-radius: var(--blu-product-grocery-border-radius);
height: 100%;
overflow: hidden;
display: flex;
flex-direction: column;
gap: 4px
}
@media screen and (min-width: 840px),
print {
html[dark] .blu-product-grocery[data-v-7dfd505e] {
flex: 1 192px
}
}
@media screen and (max-width: 839px) {
html[dark] .blu-product-grocery[data-v-7dfd505e] {
flex: 1 138px
}
}
html[dark] .blu-product-grocery[data-v-7dfd505e] .blu-image__main {
transition: all .3s ease
}
html[dark] .blu-product-grocery[data-v-7dfd505e]:not(.b-disabled):hover {
cursor: pointer
}
html[dark] .blu-product-grocery[data-v-7dfd505e]:not(.b-disabled):hover .blu-image__main {
transform: scale(1.05)
}
html[dark] .blu-product-grocery__top[data-v-7dfd505e] {
position: relative
}
html[dark] .blu-product-grocery__image[data-v-7dfd505e] {
position: relative;
top: 0;
aspect-ratio: 1;
border: var(--blu-product-grocery-image-border);
border-radius: var(--blu-product-grocery-border-radius);
object-fit: contain;
overflow: hidden
}
html[dark] .blu-product-grocery__image-label[data-v-7dfd505e] {
position: absolute;
top: 8px;
left: 8px;
display: flex;
z-index: 1
}
html[dark] .blu-product-grocery__promo-campaign[data-v-7dfd505e] {
--blu-product-grocery-promo-campaign-height: 24px;
position: absolute;
bottom: 0;
left: 0;
height: var(--blu-product-grocery-promo-campaign-height)
}
html[dark] .blu-product-grocery__promo-campaign[data-v-7dfd505e] img {
max-height: var(--blu-product-grocery-promo-campaign-height)
}
html[dark] .blu-product-grocery__button[data-v-7dfd505e] {
position: absolute;
bottom: 8px;
right: 8px;
z-index: 1
}
html[dark] .blu-product-grocery__button[data-v-7dfd505e] .blu-input-number.b-field.b-secondary {
--blu-input-number-color-border: #4fa4ff
}
html[dark] .blu-product-grocery__bottom[data-v-7dfd505e],
html[dark] .blu-product-grocery__bottom--price[data-v-7dfd505e] {
display: flex;
flex-direction: column;
gap: 4px
}
html[dark] .blu-product-grocery__bottom--price .blu-grocery-bottom__price[data-v-7dfd505e] {
--blu-product-grocery-price-after-text: 600 16px/20px Blibli, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif;
--blu-product-grocery-price-before-text: 500 12px/16px Blibli, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif;
--blu-product-grocery-price-after-color-text: #ffffff;
--blu-product-grocery-price-before-color-text: rgba(255, 255, 255, .5019607843)
}
html[dark] .blu-product-grocery__bottom--price .blu-grocery-bottom__price--after[data-v-7dfd505e] {
font: var(--blu-product-grocery-price-after-text);
color: var(--blu-product-grocery-price-after-color-text)
}
html[dark] .blu-product-grocery__bottom--price .blu-grocery-bottom__price--before[data-v-7dfd505e] {
display: flex;
gap: 4px;
font: var(--blu-product-grocery-price-before-text);
color: var(--blu-product-grocery-price-before-color-text)
}
html[dark] .blu-product-grocery__bottom--price .blu-grocery-bottom__price--before .blu-grocery-price-before[data-v-7dfd505e] {
text-decoration: line-through
}
html[dark] .blu-product-grocery__bottom--price .blu-grocery-bottom__promo-badge[data-v-7dfd505e] {
display: flex;
margin: 2px 0
}
html[dark] .blu-product-grocery__bottom--name[data-v-7dfd505e] {
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
font: var(--blu-product-grocery-name-text);
white-space: initial;
word-break: break-word;
overflow: hidden
}
html[dark] .blu-product-grocery__bottom--seller-credibility[data-v-7dfd505e] {
display: flex;
flex-direction: column;
gap: 4px
}
html[dark] .blu-product-grocery__bottom--seller-credibility .blu-grocery-seller-credibility__info[data-v-7dfd505e] {
display: flex;
align-items: center;
gap: 4px
}
html[dark] .blu-product-grocery__bottom--seller-credibility .blu-grocery-seller-credibility__info .blu-grocery-seller__location[data-v-7dfd505e] {
--blu-product-grocery-location-text: 500 12px/16px Blibli, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif;
--blu-product-grocery-location-color-text: rgba(255, 255, 255, .8);
font: var(--blu-product-grocery-location-text);
color: var(--blu-product-grocery-location-color-text)
}
html[dark] .blu-product-grocery__bottom--seller-credibility .blu-grocery-seller-credibility__count[data-v-7dfd505e] {
display: flex;
align-items: center;
gap: 4px;
font: var(--blu-product-grocery-count-text);
color: var(--blu-product-grocery-count-color-text)
}
html[dark] .blu-product-grocery__bottom--seller-credibility .blu-grocery-seller-credibility__count span[data-v-7dfd505e] {
margin-left: var(--blu-product-grocery-label-count-margin)
}
html[dark] .blu-product-grocery__bottom--seller-credibility .blu-grocery-seller-credibility__count-wrapper[data-v-7dfd505e] {
display: flex;
align-items: center
}
html[dark] .blu-product-grocery__bottom--seller-credibility .blu-grocery-seller-credibility__count--divider[data-v-7dfd505e] {
width: var(--blu-product-grocery-count-divider-width);
height: var(--blu-product-grocery-count-divider-height);
background-color: var(--blu-product-grocery-count-color-background);
border-radius: var(--blu-product-grocery-count-border-radius)
}
html[dark] .blu-product-grocery__bottom--seller-credibility .blu-grocery-seller-credibility__features[data-v-7dfd505e] {
display: flex;
gap: 4px
}
html[dark] .blu-product-grocery__bottom .name-on-top[data-v-7dfd505e] {
flex-direction: column-reverse
}
html[dark] .blu-product-grocery__title-price-wrapper[data-v-7dfd505e] {
display: flex;
gap: 4px;
flex-direction: column
}
html[dark] .blu-product-grocery__variant[data-v-7dfd505e] {
--blu-product-grocery-variant-color-text: rgba(255, 255, 255, .8);
--blu-product-grocery-variant-text: 500 12px/16px Blibli, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif;
display: flex;
align-items: center;
font: var(--blu-product-grocery-variant-text);
color: var(--blu-product-grocery-variant-color-text)
}
html[dark] .blu-product-grocery__variant.has-multiple[data-v-7dfd505e] {
--blu-product-grocery-variant-color-text: #4fa4ff;
--blu-product-grocery-variant-text: 600 12px/16px Blibli, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif
}
html[dark] .blu-product-grocery__variant svg[data-v-7dfd505e] {
width: 12px;
height: 12px
}
html[dark] .blu-product-grocery__promo-badge[data-v-7dfd505e] {
display: flex;
margin-top: 2px
}
html[dark] .blu-product-grocery.b-disabled[data-v-7dfd505e] {
cursor: not-allowed;
-webkit-user-select: none;
user-select: none
}
html[dark] .blu-product-grocery.b-disabled .blu-product-grocery__bottom[data-v-7dfd505e],
html[dark] .blu-product-grocery.b-disabled .blu-product-grocery__promo-campaign[data-v-7dfd505e],
html[dark] .blu-product-grocery.b-disabled .blu-product-grocery__image[data-v-7dfd505e] .blu-image,
html[dark] .blu-product-grocery.b-disabled .blu-product-grocery__image[data-v-7dfd505e] .blu-product-image-carousel__slider {
opacity: .5
}
html[dark] .blu-product-grocery.b-on-colored-background[data-v-7dfd505e] {
--blu-product-grocery-image-border: none
}
html[dark] .blu-product-grocery.b-on-colored-background .blu-product-grocery__bottom[data-v-7dfd505e] {
padding: 0 8px 8px
}
</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: #db181d
}
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: #db181d
}
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: #db181d
}
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: #db181d
}
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: #db181d
}
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: #db181d
}
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: #db181d;
--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: #db181d
}
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>
<style>
html:not([dark]) .blu-image[data-v-54bc976c] {
--blu-responsive-image-shadow: 0 1px 6px 0 rgba(0, 0, 0, .1019607843);
--blu-responsive-image-background: #ffffff;
--blu-responsive-image-width: 100%;
--blu-responsive-image-height: 100%;
--blu-responsive-image-radius: 8px;
--blu-responsive-image-ratio: 1;
position: relative;
overflow: hidden;
width: var(--blu-responsive-image-width);
aspect-ratio: var(--blu-responsive-image-ratio);
background-color: var(--blu-responsive-image-background)
}
html:not([dark]) .blu-image__main[data-v-54bc976c] {
object-fit: contain;
width: var(--blu-responsive-image-width);
height: var(--blu-responsive-image-height)
}
html:not([dark]) .blu-image.b-shadow[data-v-54bc976c] {
box-shadow: var(--blu-responsive-image-shadow)
}
html:not([dark]) .blu-image.b-radius[data-v-54bc976c] {
border-radius: var(--blu-responsive-image-radius)
}
html:not([dark]) .blu-image.b-mask[data-v-54bc976c] {
background-repeat: no-repeat;
background-size: cover;
background-position: center
}
html[dark] .blu-image[data-v-54bc976c] {
--blu-responsive-image-shadow: inset 0 0 0 30000px rgba(109, 220, 255, .1019607843);
--blu-responsive-image-background: #12171d;
--blu-responsive-image-width: 100%;
--blu-responsive-image-height: 100%;
--blu-responsive-image-radius: 8px;
--blu-responsive-image-ratio: 1;
position: relative;
overflow: hidden;
width: var(--blu-responsive-image-width);
aspect-ratio: var(--blu-responsive-image-ratio);
background-color: var(--blu-responsive-image-background)
}
html[dark] .blu-image__main[data-v-54bc976c] {
object-fit: contain;
width: var(--blu-responsive-image-width);
height: var(--blu-responsive-image-height)
}
html[dark] .blu-image.b-shadow[data-v-54bc976c] {
box-shadow: var(--blu-responsive-image-shadow)
}
html[dark] .blu-image.b-radius[data-v-54bc976c] {
border-radius: var(--blu-responsive-image-radius)
}
html[dark] .blu-image.b-mask[data-v-54bc976c] {
background-repeat: no-repeat;
background-size: cover;
background-position: center
}
</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 4px 0px 0px;
--blu-product-badge-padding-countdown-icon: 0px 4px;
--blu-product-badge-spacing: 2px;
--blu-product-badge-icon-margin-countdown: 3px;
--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] {
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] {
max-height: 16px;
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] {
padding: var(--blu-product-badge-padding-countdown-icon);
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] {
max-height: 16px;
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 4px 0px 0px;
--blu-product-badge-padding-countdown-icon: 0px 4px;
--blu-product-badge-spacing: 2px;
--blu-product-badge-icon-margin-countdown: 3px;
--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] {
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] {
max-height: 16px;
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] {
padding: var(--blu-product-badge-padding-countdown-icon);
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] {
max-height: 16px;
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>
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: #db181d
}
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: #db181d
}
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: #db181d
}
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: #db181d
}
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: #db181d
}
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: #db181d
}
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-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>
<script type="text/javascript" src="https://prod.flixgvid.flix360.io/" async="" id="data-flix-t-script"></script>
<style>
.lazyImage[data-v-8dd39e6c] {
max-width: 100%;
max-height: 100%;
width: auto;
height: auto;
vertical-align: middle
}
img[data-v-8dd39e6c] {
object-fit: cover
}
img.error-image[data-v-8dd39e6c] {
object-fit: contain !important;
background-color: #f1f2f2
}
.list-enter-active[data-v-8dd39e6c],
.list-leave-active[data-v-8dd39e6c] {
transition: all .5s ease
}
.list-enter-from[data-v-8dd39e6c],
.list-leave-to[data-v-8dd39e6c] {
opacity: 0;
transform: translate(30px)
}
@media screen and (min-width: 840px),
print {
div.recommendation-card[data-v-e5ee2037] {
flex: 1 158px;
max-width: 192px
}
}
@media screen and (max-width: 839px) {
div.recommendation-card[data-v-e5ee2037] {
flex: 1 138px;
max-width: 204px
}
}
div.recommendation-card .promo-badge[data-v-e5ee2037] {
position: absolute;
bottom: 0;
left: 0;
z-index: 1;
object-fit: contain;
max-width: 60%;
max-height: 24px
}
div.recommendation-card .seller[data-v-e5ee2037] {
display: flex;
height: 16px
}
div.recommendation-card .seller .img-official[data-v-e5ee2037] {
margin-right: 2px
}
div.recommendation-card .seller .img-badge[data-v-e5ee2037] {
margin-right: 4px
}
div.recommendation-card .seller .location[data-v-e5ee2037] {
text-overflow: ellipsis;
overflow: hidden;
display: -webkit-box;
-webkit-line-clamp: 1;
-webkit-box-orient: vertical;
word-break: break-all
}
img.recommendation-card-image[data-v-e5ee2037] {
width: 100%;
height: 100%;
object-fit: contain
}
.loader[data-v-e4747b92] {
position: absolute;
background: #fff;
width: 100%;
height: 100%;
top: 0;
left: 0;
text-align: center;
--size: 20px;
--gap: 15px
}
.loader .wrapper[data-v-e4747b92] {
position: relative;
top: 50%;
transform: translateY(-50%)
}
.dot-loader--default .circle[data-v-e4747b92] {
background-color: #afdaf0;
animation: flashing-e4747b92 2.24s infinite normal
}
.dot-loader--default .circle-1[data-v-e4747b92] {
animation-delay: .45s
}
.dot-loader--default .circle-2[data-v-e4747b92] {
animation-delay: 1.05s
}
.dot-loader--default .circle-3[data-v-e4747b92] {
animation-delay: 1.35s
}
.dot-loader--pulse .circle[data-v-e4747b92] {
background-color: #db181d;
animation: pulse-e4747b92 1s infinite linear alternate
}
.dot-loader--pulse .circle-1[data-v-e4747b92] {
animation-delay: 0s
}
.dot-loader--pulse .circle-2[data-v-e4747b92] {
animation-delay: .5s
}
.dot-loader--pulse .circle-3[data-v-e4747b92] {
animation-delay: 1s
}
.circle[data-v-e4747b92] {
display: inline-block;
height: var(--size);
width: var(--size);
border-radius: 20px
}
.circle[data-v-e4747b92]:first-child {
margin-left: 0
}
.circle[data-v-e4747b92]:not(:first-child) {
margin-left: var(--gap)
}
#circle_1[data-v-e4747b92] {
animation-delay: .45s
}
#circle_2[data-v-e4747b92] {
animation-delay: 1.05s
}
#circle_3[data-v-e4747b92] {
animation-delay: 1.35s
}
@keyframes flashing-e4747b92 {
50% {
background-color: #f0f0f0
}
}
@keyframes pulse-e4747b92 {
0% {
background-color: #db181d;
transform: scale(2)
}
50%,
to {
background-color: #c8cbcd;
transform: scale(1)
}
}
.recommendation[data-v-6c50fb98] {
width: 100%
}
.recommendation__title[data-v-6c50fb98] {
font: 600 18px/24px Blibli, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif;
color: #19222a
}
@media screen and (min-width: 840px),
print {
.recommendation__title[data-v-6c50fb98] {
padding: 8px 24px 0
}
}
@media screen and (max-width: 839px) {
.recommendation__title[data-v-6c50fb98] {
padding: 16px 16px 0
}
}
.recommendation__list[data-v-6c50fb98] {
display: flex;
flex-wrap: wrap
}
@media screen and (min-width: 840px),
print {
.recommendation__list[data-v-6c50fb98] {
margin-left: 16px;
padding: 12px 8px;
gap: 20px 16px
}
}
@media screen and (max-width: 839px) {
.recommendation__list[data-v-6c50fb98] {
padding: 16px;
gap: 16px 12px
}
}
.recommendation .fade-enter-active[data-v-6c50fb98],
.recommendation .fade-leave-active[data-v-6c50fb98] {
transition: opacity .5s ease
}
.recommendation .fade-enter-from[data-v-6c50fb98],
.recommendation .fade-leave-to[data-v-6c50fb98] {
opacity: 0
}
.loading-container[data-v-6c50fb98] {
display: flex;
justify-content: center
}
</style>
<style>
html:not([dark]) .blu-product-grocery[data-v-7dfd505e] {
--blu-product-grocery-color-background: #ffffff;
--blu-product-grocery-count-color-background: #797f85;
--blu-product-grocery-border-radius: 8px 8px;
--blu-product-grocery-count-border-radius: 50%;
--blu-product-grocery-name-text: 500 14px/18px Blibli, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif;
--blu-product-grocery-count-text: 500 12px/16px Blibli, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif;
--blu-product-grocery-count-color-text: rgba(25, 34, 42, .7019607843);
--blu-product-grocery-image-border: 1px solid #f1f2f2;
--blu-product-grocery-label-count-margin: 4px;
--blu-product-grocery-count-divider-height: 2px;
--blu-product-grocery-count-divider-width: 2px;
position: relative;
background-color: var(--blu-product-grocery-color-background);
border-radius: var(--blu-product-grocery-border-radius);
height: 100%;
overflow: hidden;
display: flex;
flex-direction: column;
gap: 4px
}
@media screen and (min-width: 840px),
print {
html:not([dark]) .blu-product-grocery[data-v-7dfd505e] {
flex: 1 192px
}
}
@media screen and (max-width: 839px) {
html:not([dark]) .blu-product-grocery[data-v-7dfd505e] {
flex: 1 138px
}
}
html:not([dark]) .blu-product-grocery[data-v-7dfd505e] .blu-image__main {
transition: all .3s ease
}
html:not([dark]) .blu-product-grocery[data-v-7dfd505e]:not(.b-disabled):hover {
cursor: pointer
}
html:not([dark]) .blu-product-grocery[data-v-7dfd505e]:not(.b-disabled):hover .blu-image__main {
transform: scale(1.05)
}
html:not([dark]) .blu-product-grocery__top[data-v-7dfd505e] {
position: relative
}
html:not([dark]) .blu-product-grocery__image[data-v-7dfd505e] {
position: relative;
top: 0;
aspect-ratio: 1;
border: var(--blu-product-grocery-image-border);
border-radius: var(--blu-product-grocery-border-radius);
object-fit: contain;
overflow: hidden
}
html:not([dark]) .blu-product-grocery__image-label[data-v-7dfd505e] {
position: absolute;
top: 8px;
left: 8px;
display: flex;
z-index: 1
}
html:not([dark]) .blu-product-grocery__promo-campaign[data-v-7dfd505e] {
--blu-product-grocery-promo-campaign-height: 24px;
position: absolute;
bottom: 0;
left: 0;
height: var(--blu-product-grocery-promo-campaign-height)
}
html:not([dark]) .blu-product-grocery__promo-campaign[data-v-7dfd505e] img {
max-height: var(--blu-product-grocery-promo-campaign-height)
}
html:not([dark]) .blu-product-grocery__button[data-v-7dfd505e] {
position: absolute;
bottom: 8px;
right: 8px;
z-index: 1
}
html:not([dark]) .blu-product-grocery__button[data-v-7dfd505e] .blu-input-number.b-field.b-secondary {
--blu-input-number-color-border: #1d8fff
}
html:not([dark]) .blu-product-grocery__bottom[data-v-7dfd505e] {
display: flex;
flex-direction: column;
gap: 4px
}
html:not([dark]) .blu-product-grocery__bottom--price[data-v-7dfd505e] {
display: flex;
flex-direction: column;
gap: 4px
}
html:not([dark]) .blu-product-grocery__bottom--price .blu-grocery-bottom__price[data-v-7dfd505e] {
--blu-product-grocery-price-after-text: 600 16px/20px Blibli, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif;
--blu-product-grocery-price-before-text: 500 12px/16px Blibli, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif;
--blu-product-grocery-price-after-color-text: #19222a;
--blu-product-grocery-price-before-color-text: rgba(25, 34, 42, .4)
}
html:not([dark]) .blu-product-grocery__bottom--price .blu-grocery-bottom__price--after[data-v-7dfd505e] {
font: var(--blu-product-grocery-price-after-text);
color: var(--blu-product-grocery-price-after-color-text)
}
html:not([dark]) .blu-product-grocery__bottom--price .blu-grocery-bottom__price--before[data-v-7dfd505e] {
display: flex;
gap: 4px;
font: var(--blu-product-grocery-price-before-text);
color: var(--blu-product-grocery-price-before-color-text)
}
html:not([dark]) .blu-product-grocery__bottom--price .blu-grocery-bottom__price--before .blu-grocery-price-before[data-v-7dfd505e] {
text-decoration: line-through
}
html:not([dark]) .blu-product-grocery__bottom--price .blu-grocery-bottom__promo-badge[data-v-7dfd505e] {
display: flex;
margin: 2px 0
}
html:not([dark]) .blu-product-grocery__bottom--name[data-v-7dfd505e] {
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
font: var(--blu-product-grocery-name-text);
white-space: initial;
word-break: break-word;
overflow: hidden
}
html:not([dark]) .blu-product-grocery__bottom--seller-credibility[data-v-7dfd505e] {
display: flex;
flex-direction: column;
gap: 4px
}
html:not([dark]) .blu-product-grocery__bottom--seller-credibility .blu-grocery-seller-credibility__info[data-v-7dfd505e] {
display: flex;
align-items: center;
gap: 4px
}
html:not([dark]) .blu-product-grocery__bottom--seller-credibility .blu-grocery-seller-credibility__info .blu-grocery-seller__location[data-v-7dfd505e] {
--blu-product-grocery-location-text: 500 12px/16px Blibli, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif;
--blu-product-grocery-location-color-text: rgba(25, 34, 42, .7019607843);
font: var(--blu-product-grocery-location-text);
color: var(--blu-product-grocery-location-color-text)
}
html:not([dark]) .blu-product-grocery__bottom--seller-credibility .blu-grocery-seller-credibility__count[data-v-7dfd505e] {
display: flex;
align-items: center;
gap: 4px;
font: var(--blu-product-grocery-count-text);
color: var(--blu-product-grocery-count-color-text)
}
html:not([dark]) .blu-product-grocery__bottom--seller-credibility .blu-grocery-seller-credibility__count span[data-v-7dfd505e] {
margin-left: var(--blu-product-grocery-label-count-margin)
}
html:not([dark]) .blu-product-grocery__bottom--seller-credibility .blu-grocery-seller-credibility__count-wrapper[data-v-7dfd505e] {
display: flex;
align-items: center
}
html:not([dark]) .blu-product-grocery__bottom--seller-credibility .blu-grocery-seller-credibility__count--divider[data-v-7dfd505e] {
width: var(--blu-product-grocery-count-divider-width);
height: var(--blu-product-grocery-count-divider-height);
background-color: var(--blu-product-grocery-count-color-background);
border-radius: var(--blu-product-grocery-count-border-radius)
}
html:not([dark]) .blu-product-grocery__bottom--seller-credibility .blu-grocery-seller-credibility__features[data-v-7dfd505e] {
display: flex;
gap: 4px
}
html:not([dark]) .blu-product-grocery__bottom .name-on-top[data-v-7dfd505e] {
flex-direction: column-reverse
}
html:not([dark]) .blu-product-grocery__title-price-wrapper[data-v-7dfd505e] {
display: flex;
gap: 4px;
flex-direction: column
}
html:not([dark]) .blu-product-grocery__variant[data-v-7dfd505e] {
--blu-product-grocery-variant-color-text: rgba(25, 34, 42, .7019607843);
--blu-product-grocery-variant-text: 500 12px/16px Blibli, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif;
display: flex;
align-items: center;
font: var(--blu-product-grocery-variant-text);
color: var(--blu-product-grocery-variant-color-text)
}
html:not([dark]) .blu-product-grocery__variant.has-multiple[data-v-7dfd505e] {
--blu-product-grocery-variant-color-text: #006dea;
--blu-product-grocery-variant-text: 600 12px/16px Blibli, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif
}
html:not([dark]) .blu-product-grocery__variant svg[data-v-7dfd505e] {
width: 12px;
height: 12px
}
html:not([dark]) .blu-product-grocery__promo-badge[data-v-7dfd505e] {
display: flex;
margin-top: 2px
}
html:not([dark]) .blu-product-grocery.b-disabled[data-v-7dfd505e] {
cursor: not-allowed;
-webkit-user-select: none;
user-select: none
}
html:not([dark]) .blu-product-grocery.b-disabled .blu-product-grocery__bottom[data-v-7dfd505e],
html:not([dark]) .blu-product-grocery.b-disabled .blu-product-grocery__promo-campaign[data-v-7dfd505e] {
opacity: .5
}
html:not([dark]) .blu-product-grocery.b-disabled .blu-product-grocery__image[data-v-7dfd505e] .blu-image,
html:not([dark]) .blu-product-grocery.b-disabled .blu-product-grocery__image[data-v-7dfd505e] .blu-product-image-carousel__slider {
opacity: .5
}
html:not([dark]) .blu-product-grocery.b-on-colored-background[data-v-7dfd505e] {
--blu-product-grocery-image-border: none
}
html:not([dark]) .blu-product-grocery.b-on-colored-background .blu-product-grocery__bottom[data-v-7dfd505e] {
padding: 0 8px 8px
}
html[dark] .blu-product-grocery[data-v-7dfd505e] {
--blu-product-grocery-color-background: #12171d;
--blu-product-grocery-count-color-background: #acb0b4;
--blu-product-grocery-border-radius: 8px 8px;
--blu-product-grocery-count-border-radius: 50%;
--blu-product-grocery-name-text: 500 14px/18px Blibli, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif;
--blu-product-grocery-count-text: 500 12px/16px Blibli, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif;
--blu-product-grocery-count-color-text: rgba(255, 255, 255, .8);
--blu-product-grocery-image-border: 1px solid #28323b;
--blu-product-grocery-label-count-margin: 4px;
--blu-product-grocery-count-divider-height: 2px;
--blu-product-grocery-count-divider-width: 2px;
position: relative;
background-color: var(--blu-product-grocery-color-background);
border-radius: var(--blu-product-grocery-border-radius);
height: 100%;
overflow: hidden;
display: flex;
flex-direction: column;
gap: 4px
}
@media screen and (min-width: 840px),
print {
html[dark] .blu-product-grocery[data-v-7dfd505e] {
flex: 1 192px
}
}
@media screen and (max-width: 839px) {
html[dark] .blu-product-grocery[data-v-7dfd505e] {
flex: 1 138px
}
}
html[dark] .blu-product-grocery[data-v-7dfd505e] .blu-image__main {
transition: all .3s ease
}
html[dark] .blu-product-grocery[data-v-7dfd505e]:not(.b-disabled):hover {
cursor: pointer
}
html[dark] .blu-product-grocery[data-v-7dfd505e]:not(.b-disabled):hover .blu-image__main {
transform: scale(1.05)
}
html[dark] .blu-product-grocery__top[data-v-7dfd505e] {
position: relative
}
html[dark] .blu-product-grocery__image[data-v-7dfd505e] {
position: relative;
top: 0;
aspect-ratio: 1;
border: var(--blu-product-grocery-image-border);
border-radius: var(--blu-product-grocery-border-radius);
object-fit: contain;
overflow: hidden
}
html[dark] .blu-product-grocery__image-label[data-v-7dfd505e] {
position: absolute;
top: 8px;
left: 8px;
display: flex;
z-index: 1
}
html[dark] .blu-product-grocery__promo-campaign[data-v-7dfd505e] {
--blu-product-grocery-promo-campaign-height: 24px;
position: absolute;
bottom: 0;
left: 0;
height: var(--blu-product-grocery-promo-campaign-height)
}
html[dark] .blu-product-grocery__promo-campaign[data-v-7dfd505e] img {
max-height: var(--blu-product-grocery-promo-campaign-height)
}
html[dark] .blu-product-grocery__button[data-v-7dfd505e] {
position: absolute;
bottom: 8px;
right: 8px;
z-index: 1
}
html[dark] .blu-product-grocery__button[data-v-7dfd505e] .blu-input-number.b-field.b-secondary {
--blu-input-number-color-border: #4fa4ff
}
html[dark] .blu-product-grocery__bottom[data-v-7dfd505e],
html[dark] .blu-product-grocery__bottom--price[data-v-7dfd505e] {
display: flex;
flex-direction: column;
gap: 4px
}
html[dark] .blu-product-grocery__bottom--price .blu-grocery-bottom__price[data-v-7dfd505e] {
--blu-product-grocery-price-after-text: 600 16px/20px Blibli, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif;
--blu-product-grocery-price-before-text: 500 12px/16px Blibli, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif;
--blu-product-grocery-price-after-color-text: #ffffff;
--blu-product-grocery-price-before-color-text: rgba(255, 255, 255, .5019607843)
}
html[dark] .blu-product-grocery__bottom--price .blu-grocery-bottom__price--after[data-v-7dfd505e] {
font: var(--blu-product-grocery-price-after-text);
color: var(--blu-product-grocery-price-after-color-text)
}
html[dark] .blu-product-grocery__bottom--price .blu-grocery-bottom__price--before[data-v-7dfd505e] {
display: flex;
gap: 4px;
font: var(--blu-product-grocery-price-before-text);
color: var(--blu-product-grocery-price-before-color-text)
}
html[dark] .blu-product-grocery__bottom--price .blu-grocery-bottom__price--before .blu-grocery-price-before[data-v-7dfd505e] {
text-decoration: line-through
}
html[dark] .blu-product-grocery__bottom--price .blu-grocery-bottom__promo-badge[data-v-7dfd505e] {
display: flex;
margin: 2px 0
}
html[dark] .blu-product-grocery__bottom--name[data-v-7dfd505e] {
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
font: var(--blu-product-grocery-name-text);
white-space: initial;
word-break: break-word;
overflow: hidden
}
html[dark] .blu-product-grocery__bottom--seller-credibility[data-v-7dfd505e] {
display: flex;
flex-direction: column;
gap: 4px
}
html[dark] .blu-product-grocery__bottom--seller-credibility .blu-grocery-seller-credibility__info[data-v-7dfd505e] {
display: flex;
align-items: center;
gap: 4px
}
html[dark] .blu-product-grocery__bottom--seller-credibility .blu-grocery-seller-credibility__info .blu-grocery-seller__location[data-v-7dfd505e] {
--blu-product-grocery-location-text: 500 12px/16px Blibli, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif;
--blu-product-grocery-location-color-text: rgba(255, 255, 255, .8);
font: var(--blu-product-grocery-location-text);
color: var(--blu-product-grocery-location-color-text)
}
html[dark] .blu-product-grocery__bottom--seller-credibility .blu-grocery-seller-credibility__count[data-v-7dfd505e] {
display: flex;
align-items: center;
gap: 4px;
font: var(--blu-product-grocery-count-text);
color: var(--blu-product-grocery-count-color-text)
}
html[dark] .blu-product-grocery__bottom--seller-credibility .blu-grocery-seller-credibility__count span[data-v-7dfd505e] {
margin-left: var(--blu-product-grocery-label-count-margin)
}
html[dark] .blu-product-grocery__bottom--seller-credibility .blu-grocery-seller-credibility__count-wrapper[data-v-7dfd505e] {
display: flex;
align-items: center
}
html[dark] .blu-product-grocery__bottom--seller-credibility .blu-grocery-seller-credibility__count--divider[data-v-7dfd505e] {
width: var(--blu-product-grocery-count-divider-width);
height: var(--blu-product-grocery-count-divider-height);
background-color: var(--blu-product-grocery-count-color-background);
border-radius: var(--blu-product-grocery-count-border-radius)
}
html[dark] .blu-product-grocery__bottom--seller-credibility .blu-grocery-seller-credibility__features[data-v-7dfd505e] {
display: flex;
gap: 4px
}
html[dark] .blu-product-grocery__bottom .name-on-top[data-v-7dfd505e] {
flex-direction: column-reverse
}
html[dark] .blu-product-grocery__title-price-wrapper[data-v-7dfd505e] {
display: flex;
gap: 4px;
flex-direction: column
}
html[dark] .blu-product-grocery__variant[data-v-7dfd505e] {
--blu-product-grocery-variant-color-text: rgba(255, 255, 255, .8);
--blu-product-grocery-variant-text: 500 12px/16px Blibli, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif;
display: flex;
align-items: center;
font: var(--blu-product-grocery-variant-text);
color: var(--blu-product-grocery-variant-color-text)
}
html[dark] .blu-product-grocery__variant.has-multiple[data-v-7dfd505e] {
--blu-product-grocery-variant-color-text: #4fa4ff;
--blu-product-grocery-variant-text: 600 12px/16px Blibli, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif
}
html[dark] .blu-product-grocery__variant svg[data-v-7dfd505e] {
width: 12px;
height: 12px
}
html[dark] .blu-product-grocery__promo-badge[data-v-7dfd505e] {
display: flex;
margin-top: 2px
}
html[dark] .blu-product-grocery.b-disabled[data-v-7dfd505e] {
cursor: not-allowed;
-webkit-user-select: none;
user-select: none
}
html[dark] .blu-product-grocery.b-disabled .blu-product-grocery__bottom[data-v-7dfd505e],
html[dark] .blu-product-grocery.b-disabled .blu-product-grocery__promo-campaign[data-v-7dfd505e],
html[dark] .blu-product-grocery.b-disabled .blu-product-grocery__image[data-v-7dfd505e] .blu-image,
html[dark] .blu-product-grocery.b-disabled .blu-product-grocery__image[data-v-7dfd505e] .blu-product-image-carousel__slider {
opacity: .5
}
html[dark] .blu-product-grocery.b-on-colored-background[data-v-7dfd505e] {
--blu-product-grocery-image-border: none
}
html[dark] .blu-product-grocery.b-on-colored-background .blu-product-grocery__bottom[data-v-7dfd505e] {
padding: 0 8px 8px
}
</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: #db181d
}
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: #db181d
}
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: #db181d
}
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: #db181d
}
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: #db181d
}
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: #db181d
}
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: #db181d;
--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: #db181d
}
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>
<style>
html:not([dark]) .blu-image[data-v-54bc976c] {
--blu-responsive-image-shadow: 0 1px 6px 0 rgba(0, 0, 0, .1019607843);
--blu-responsive-image-background: #ffffff;
--blu-responsive-image-width: 100%;
--blu-responsive-image-height: 100%;
--blu-responsive-image-radius: 8px;
--blu-responsive-image-ratio: 1;
position: relative;
overflow: hidden;
width: var(--blu-responsive-image-width);
aspect-ratio: var(--blu-responsive-image-ratio);
background-color: var(--blu-responsive-image-background)
}
html:not([dark]) .blu-image__main[data-v-54bc976c] {
object-fit: contain;
width: var(--blu-responsive-image-width);
height: var(--blu-responsive-image-height)
}
html:not([dark]) .blu-image.b-shadow[data-v-54bc976c] {
box-shadow: var(--blu-responsive-image-shadow)
}
html:not([dark]) .blu-image.b-radius[data-v-54bc976c] {
border-radius: var(--blu-responsive-image-radius)
}
html:not([dark]) .blu-image.b-mask[data-v-54bc976c] {
background-repeat: no-repeat;
background-size: cover;
background-position: center
}
html[dark] .blu-image[data-v-54bc976c] {
--blu-responsive-image-shadow: inset 0 0 0 30000px rgba(109, 220, 255, .1019607843);
--blu-responsive-image-background: #12171d;
--blu-responsive-image-width: 100%;
--blu-responsive-image-height: 100%;
--blu-responsive-image-radius: 8px;
--blu-responsive-image-ratio: 1;
position: relative;
overflow: hidden;
width: var(--blu-responsive-image-width);
aspect-ratio: var(--blu-responsive-image-ratio);
background-color: var(--blu-responsive-image-background)
}
html[dark] .blu-image__main[data-v-54bc976c] {
object-fit: contain;
width: var(--blu-responsive-image-width);
height: var(--blu-responsive-image-height)
}
html[dark] .blu-image.b-shadow[data-v-54bc976c] {
box-shadow: var(--blu-responsive-image-shadow)
}
html[dark] .blu-image.b-radius[data-v-54bc976c] {
border-radius: var(--blu-responsive-image-radius)
}
html[dark] .blu-image.b-mask[data-v-54bc976c] {
background-repeat: no-repeat;
background-size: cover;
background-position: center
}
</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 4px 0px 0px;
--blu-product-badge-padding-countdown-icon: 0px 4px;
--blu-product-badge-spacing: 2px;
--blu-product-badge-icon-margin-countdown: 3px;
--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] {
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] {
max-height: 16px;
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] {
padding: var(--blu-product-badge-padding-countdown-icon);
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] {
max-height: 16px;
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 4px 0px 0px;
--blu-product-badge-padding-countdown-icon: 0px 4px;
--blu-product-badge-spacing: 2px;
--blu-product-badge-icon-margin-countdown: 3px;
--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] {
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] {
max-height: 16px;
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] {
padding: var(--blu-product-badge-padding-countdown-icon);
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] {
max-height: 16px;
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>
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: #db181d
}
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: #db181d
}
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: #db181d
}
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: #db181d
}
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: #db181d
}
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: #db181d
}
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-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>
<script type="text/javascript"
src="https://media.flixcar.com/modular/js/minify/12612/?url=static/distributor/12612/pagedata-specific.js"></script>
<script type="text/javascript"
src="https://media.flixcar.com/modular/js/minify/12612/?url=/static/tracking/tracking.js"></script>
<style type="text/css">
.blu-header[data-v-43faac6b] {
z-index: 999;
position: sticky;
top: 0;
width: 100%;
box-shadow: 0 1px 6px 0 rgba(0, 0, 0, .1)
}
.blu-header__top[data-v-43faac6b] {
padding: 16px;
width: 100%;
height: 56px;
align-items: center;
justify-content: space-between;
display: flex
}
.blu-header__top.b-pb-0[data-v-43faac6b] {
padding-bottom: 0
}
.blu-header__left[data-v-43faac6b],
.blu-header__right[data-v-43faac6b] {
display: flex;
align-items: center
}
.blu-header__left .icon-menu[data-v-43faac6b],
.blu-header__left .icon-menu div[data-v-43faac6b],
.blu-header__right .icon-menu[data-v-43faac6b],
.blu-header__right .icon-menu div[data-v-43faac6b] {
display: flex;
align-items: center;
height: 24px;
width: 24px;
cursor: pointer
}
.blu-header__left[data-v-43faac6b] {
margin-right: 8px
}
.blu-header__left .icon-menu[data-v-43faac6b]:not(:last-child) {
margin-right: 12px
}
.blu-header__center[data-v-43faac6b] {
display: flex;
width: 100%;
overflow: hidden
}
.blu-header__center-title[data-v-43faac6b] {
font: 16px/20px "blibli demi bold", -apple-system, segoe ui, roboto, helvetica, arial, sans-serif;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis
}
.blu-header__bottom[data-v-43faac6b] {
width: 100%;
background-color: #fff
}
.blu-header__bottom svg[data-v-43faac6b] {
color: #797f85
}
.blu-header__right[data-v-43faac6b] {
justify-content: right;
margin-left: 8px
}
.blu-header__right .icon-menu[data-v-43faac6b]:not(:last-child) {
margin-right: 12px
}
.blu-header.b-dark .icon-menu[data-v-43faac6b],
.blu-header.b-dark .icon-menu div[data-v-43faac6b] {
color: #797f85
}
.blu-header.b-light .icon-menu[data-v-43faac6b],
.blu-header.b-light .icon-menu div[data-v-43faac6b] {
color: #fff
}
.blu-header.b-no-shadow[data-v-43faac6b] {
box-shadow: none
}
</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-c3291db0] {
width: 100%;
display: flex;
align-items: flex-start;
flex-direction: row;
gap: 8px
}
@media screen and (max-width: 839px) {
.product-service[data-v-c3291db0] {
align-items: center;
border-top: 1px solid #f1f2f2;
padding: 11px 0
}
}
.product-service__icon[data-v-c3291db0] {
display: flex;
align-items: center;
justify-content: center
}
.product-service__icon img[data-v-c3291db0] {
width: 32px;
height: 32px
}
@media screen and (max-width: 839px) {
.product-service__icon img[data-v-c3291db0] {
width: 18px;
height: 18px
}
}
.product-service__text[data-v-c3291db0] {
display: flex;
flex-direction: column;
width: 100%;
gap: 4px
}
.product-service__text__title[data-v-c3291db0] {
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-c3291db0] {
font: 500 14px/18px Blibli, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif
}
}
.product-service__text__title span[data-v-c3291db0]:not(:last-child):after {
content: " "
}
.product-service__text__title__price[data-v-c3291db0] {
font: 600 14px/18px Blibli, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif;
color: #006dea
}
.product-service__text__subtitle[data-v-c3291db0] {
font: 500 14px/18px Blibli, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif;
color: #19222ab3
}
.product-service__text__subtitle span[data-v-c3291db0]:not(:last-child):after {
content: " "
}
.product-service__text__subtitle__action[data-v-c3291db0] {
cursor: pointer;
color: #006dea
}
.product-service__chevron[data-v-c3291db0] {
flex: 0;
display: flex;
align-items: center;
justify-content: center
}
@media screen and (max-width: 839px) {
.product-service--clickable[data-v-c3291db0] {
cursor: pointer
}
}
.product-service--loading .product-service__text[data-v-c3291db0] {
gap: 8px
}
.product-service--loading .product-service__text__title[data-v-c3291db0] {
width: 60%
}
@media screen and (max-width: 839px) {
.product-service--loading .product-service__text__title[data-v-c3291db0] {
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">
.blu-product[data-v-04a85b22] {
position: relative;
border-radius: 8px;
box-shadow: 0 1px 6px 0 rgba(0, 0, 0, .1);
transition: box-shadow .5s;
background-color: #fff
}
@media screen and (min-width: 769px),
print {
.blu-product[data-v-04a85b22] {
flex: 1 192px
}
}
@media screen and (max-width: 768px) {
.blu-product[data-v-04a85b22] {
flex: 1 145px
}
}
@media screen and (max-width: 425px) {
.blu-product[data-v-04a85b22] {
flex: 1 135px
}
}
.blu-product[data-v-04a85b22]:not(.b-disabled):hover {
cursor: pointer;
box-shadow: 0 0 16px -4px rgba(25, 34, 42, .4)
}
.blu-product:not(.b-disabled):hover .blu-product__location--interaction span[data-v-04a85b22] {
transform: translateY(-16px)
}
.blu-product__top[data-v-04a85b22] {
position: relative
}
.blu-product__img-wrapper[data-v-04a85b22] {
position: relative
}
.blu-product__img-mask[data-v-04a85b22] {
width: 100%
}
.blu-product__img-main[data-v-04a85b22] {
width: 100%;
height: 100%;
border-radius: 8px;
object-fit: contain;
position: absolute;
top: 0;
-webkit-mask-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI0MDAiIGhlaWdodD0iNDAwIiBmaWxsPSIjZmZmIiB2aWV3Qm94PSIwIDAgMSAxIj48cGF0aCBkPSJNMCAwaDQwMHY0MDBIMHoiLz48L3N2Zz4=);
mask-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI0MDAiIGhlaWdodD0iNDAwIiBmaWxsPSIjZmZmIiB2aWV3Qm94PSIwIDAgMSAxIj48cGF0aCBkPSJNMCAwaDQwMHY0MDBIMHoiLz48L3N2Zz4=)
}
.blu-product__label[data-v-04a85b22] {
position: absolute;
top: 8px;
left: 8px;
z-index: 1;
line-height: 0
}
.blu-product__color[data-v-04a85b22] {
display: flex;
align-items: center;
flex-direction: row-reverse;
height: 14px;
padding: 0 4px;
border-radius: 8px;
background-color: #fff;
box-shadow: 0 1px 6px 0 rgba(0, 0, 0, .1);
position: absolute;
bottom: 8px;
right: 8px;
font: 10px/14px "blibli", -apple-system, segoe ui, roboto, helvetica, arial, sans-serif;
line-height: 1;
z-index: 1
}
.blu-product__color .color[data-v-04a85b22] {
padding: 3px;
margin-right: -3px;
border: #fff 1px solid;
border-radius: 50%
}
.blu-product__color .color.angular[data-v-04a85b22] {
background: conic-gradient(from 90deg at 50% 50%, #F74C43 -38.05deg, #159AF1 57.72deg, #52C726 151.11deg, #F8CB03 219.59deg, #F74C43 321.95deg, #159AF1 417.72deg)
}
.blu-product__variant[data-v-04a85b22] {
margin-left: 4px
}
.blu-product__btm[data-v-04a85b22] {
padding: 8px;
width: 100%
}
.blu-product__name[data-v-04a85b22] {
font: 14px/18px "blibli", -apple-system, segoe ui, roboto, helvetica, arial, sans-serif;
overflow: hidden;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
margin-bottom: 8px;
white-space: initial;
word-break: break-word;
height: 36px;
width: 100%
}
.blu-product__name img[data-v-04a85b22] {
display: inline;
height: 15px
}
.blu-product__price[data-v-04a85b22] {
line-height: 1;
margin-bottom: 8px;
height: 32px
}
.blu-product__price-after[data-v-04a85b22] {
font: 16px/20px "blibli demi bold", -apple-system, segoe ui, roboto, helvetica, arial, sans-serif;
line-height: 1;
color: #19222a
}
.blu-product__price-before[data-v-04a85b22] {
font: 12px/16px "blibli", -apple-system, segoe ui, roboto, helvetica, arial, sans-serif;
color: rgba(25, 34, 42, .4);
text-decoration: line-through
}
.blu-product__price-discount[data-v-04a85b22] {
padding: 0 4px;
border-radius: 8px;
color: #e93c3c;
margin-left: 2px;
background-color: #ffe6e6;
font: 12px/16px "blibli demi bold", -apple-system, segoe ui, roboto, helvetica, arial, sans-serif
}
.blu-product__location[data-v-04a85b22] {
font: 12px/16px "blibli", -apple-system, segoe ui, roboto, helvetica, arial, sans-serif;
color: rgba(25, 34, 42, .7019607843);
display: flex;
align-items: center;
margin: 0 0 8px;
height: 16px
}
.blu-product__location img[data-v-04a85b22] {
max-height: 16px;
display: inline-flex
}
.blu-product__location img[data-v-04a85b22]:not(:first-child) {
margin-left: 2px
}
.blu-product__location-text[data-v-04a85b22] {
display: flex;
overflow: hidden
}
.blu-product__location span[data-v-04a85b22] {
margin-left: 2px;
text-overflow: ellipsis;
white-space: nowrap;
overflow: hidden;
min-height: 16px;
line-height: 16px
}
.blu-product__location-icon[data-v-04a85b22] {
transform: scale(0.67);
transform-origin: left;
margin-right: -8px
}
.blu-product__location--interaction[data-v-04a85b22] {
flex-direction: column;
height: 16px;
justify-content: flex-start
}
.blu-product__rating[data-v-04a85b22] {
font: 12px/16px "blibli", -apple-system, segoe ui, roboto, helvetica, arial, sans-serif;
color: rgba(25, 34, 42, .7019607843);
margin-bottom: 8px;
display: flex;
align-items: center;
line-height: 1;
height: 16px
}
.blu-product__rating span[data-v-04a85b22] {
margin-left: 2px
}
.blu-product__rating-review[data-v-04a85b22] {
color: #acb0b4
}
.blu-product__rating-wrapper[data-v-04a85b22] {
display: flex;
align-items: center
}
.blu-product__rating-icon[data-v-04a85b22] {
transform: scale(0.67);
transform-origin: left;
margin-right: -8px
}
.blu-product__promo[data-v-04a85b22] {
font: 12px/16px "blibli demi bold", -apple-system, segoe ui, roboto, helvetica, arial, sans-serif;
color: #ff4646;
display: flex;
align-items: center;
justify-content: space-between;
margin-bottom: 8px
}
.blu-product__promo img[data-v-04a85b22] {
max-height: 16px
}
.blu-product__btn[data-v-04a85b22] {
position: absolute;
padding: 8px;
left: 0;
bottom: 0;
width: 100%
}
.blu-product__sale[data-v-04a85b22] {
position: absolute;
z-index: 1;
background: #acb0b4;
color: #fff;
padding: 4px 22px;
border-top-right-radius: 24px;
font: 12px/16px "blibli demi bold", -apple-system, segoe ui, roboto, helvetica, arial, sans-serif;
bottom: 0;
text-align: center
}
@media screen and (max-width: 359px) {
.blu-product__sale[data-v-04a85b22] {
padding: 1px 8px 1px 12px
}
}
.blu-product__sold[data-v-04a85b22] {
display: inline-flex;
color: rgba(25, 34, 42, .7019607843)
}
.blu-product__info-label[data-v-04a85b22] {
margin-bottom: 8px
}
.blu-product__info-label[data-v-04a85b22]:empty {
margin-bottom: 0
}
.blu-product__features[data-v-04a85b22] {
display: flex;
align-items: center
}
.blu-product__features img[data-v-04a85b22] {
max-height: 20px;
margin-right: 4px
}
.blu-product__stock-bar[data-v-04a85b22] {
background: #e1e3e4;
height: 4px;
border-radius: 2.5px;
width: 100%
}
.blu-product__stock-status[data-v-04a85b22] {
height: 4px;
border-radius: 2.5px
}
.blu-product__stock-info[data-v-04a85b22] {
color: rgba(25, 34, 42, .7019607843);
font-size: 1.2rem
}
.blu-product__divider[data-v-04a85b22] {
margin: 0px 5px;
height: 10px;
width: 1px;
background: #acb0b4
}
.blu-product.has-button:not(.has-anim-btn) .blu-product__btm[data-v-04a85b22] {
padding-bottom: 50px
}
.blu-product.has-list-view[data-v-04a85b22] {
display: flex;
flex: 1 320px;
-webkit-tap-highlight-color: rgba(0, 0, 0, 0)
}
@media screen and (max-width: 359px) {
.blu-product.has-list-view .blu-product__top[data-v-04a85b22] {
min-width: 112px;
max-width: 112px
}
}
.blu-product.has-list-view .blu-product__btm[data-v-04a85b22] {
position: relative;
padding-bottom: 0
}
.blu-product.has-list-view .blu-product__img-mask[data-v-04a85b22] {
width: 100%;
border-radius: 8px
}
.blu-product.has-list-view .blu-product__img-main[data-v-04a85b22] {
border-radius: 8px
}
.blu-product.has-list-view .blu-product__sale[data-v-04a85b22] {
border-bottom-left-radius: 8px
}
.blu-product.has-list-view .blu-product__btn[data-v-04a85b22] {
position: relative
}
.blu-product.has-list-view:not(.has-list-desc) .blu-product__name[data-v-04a85b22] {
width: calc(100% - 40px)
}
.blu-product.has-list-view:not(.has-list-desc) .blu-product__features[data-v-04a85b22] {
margin-top: 8px
}
.blu-product.has-list-view:not(.has-list-desc) .blu-product__btn[data-v-04a85b22] {
padding: 8px 0
}
.blu-product.has-list-view:not(.has-list-desc) .blu-product__top[data-v-04a85b22] {
width: 35%;
min-width: 138px;
max-width: 192px
}
.blu-product.has-list-view.has-button:not(.has-anim-btn) .blu-product__btm[data-v-04a85b22] {
padding-bottom: 0
}
.blu-product.has-list-view.has-list-desc .blu-product__top[data-v-04a85b22] {
min-width: 192px;
max-width: 192px
}
.blu-product.has-list-view.has-list-desc .blu-product__mid[data-v-04a85b22] {
padding: 8px 0px 8px 16px
}
.blu-product.has-list-view.has-list-desc .blu-product__mid--desc[data-v-04a85b22] {
font: 14px/18px "blibli", -apple-system, segoe ui, roboto, helvetica, arial, sans-serif;
color: rgba(25, 34, 42, .7019607843)
}
.blu-product.has-list-view.has-list-desc .blu-product__btm[data-v-04a85b22] {
width: fit-content
}
.blu-product.has-list-view.has-list-desc .blu-product__info[data-v-04a85b22] {
width: 184px
}
.blu-product.has-list-view.has-list-desc .blu-product__name[data-v-04a85b22] {
width: 100%;
height: fit-content
}
.blu-product.has-list-view.has-list-desc .blu-product__price[data-v-04a85b22] {
width: calc(100% - 40px)
}
.blu-product.has-list-view.has-list-desc .blu-product__btn[data-v-04a85b22] {
margin-top: auto
}
.blu-product.b-product-disabled .blu-product__img-main[data-v-04a85b22],
.blu-product.b-product-disabled .blu-product__mid[data-v-04a85b22],
.blu-product.b-product-disabled .blu-product__info[data-v-04a85b22] {
opacity: .5;
cursor: not-allowed
}
.has-anim-btn .blu-product__btm[data-v-04a85b22] {
padding-bottom: 8px;
background-color: inherit;
border-radius: inherit
}
.has-anim-btn .blu-product__info[data-v-04a85b22] {
position: relative;
z-index: 3;
background-color: inherit
}
.has-anim-btn .blu-product__btn[data-v-04a85b22] {
position: absolute;
border-radius: 0 0 16px 16px;
transition: all .2s ease-out;
background: #fff;
z-index: 2;
padding: 16px 8px 8px
}
.has-anim-btn .blu-product__btn .blu-btn[data-v-04a85b22] {
opacity: 0;
transition: all .1s ease-out
}
.has-anim-btn[data-v-04a85b22]:after {
content: "";
background: #fff;
position: absolute;
bottom: 0;
width: 100%;
height: 40px;
z-index: 1;
border-radius: 0 0 16px 16px
}
.has-anim-btn:hover .blu-product__btn[data-v-04a85b22] {
bottom: -42px;
box-shadow: 0 12px 16px -8px rgba(0, 0, 0, .38)
}
.has-anim-btn:hover .blu-product__btn .blu-btn[data-v-04a85b22] {
opacity: 1
}
.small-size[data-v-04a85b22] {
max-width: 132px
}
.blu-product__masonry .blu-product__name[data-v-04a85b22] {
height: auto
}
.blu-product__masonry .blu-product__price[data-v-04a85b22] {
height: auto
}
</style>
<style type="text/css">
.blu-product__list[data-v-fcd10902] {
margin: 0 -4px
}
.blu-product__list.b-grid-view[data-v-fcd10902],
.blu-product__list.b-list-view[data-v-fcd10902] {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap
}
.blu-product__list.b-list-view .blu-product__wedge[data-v-fcd10902] {
flex: 1 320px
}
.blu-product__list .blu-product[data-v-fcd10902] {
margin: 4px
}
.blu-product__wedge[data-v-fcd10902] {
margin: 0 4px;
-webkit-box-flex: 1
}
@media screen and (min-width: 769px),
print {
.blu-product__wedge[data-v-fcd10902] {
flex: 1 192px
}
}
@media screen and (max-width: 768px) {
.blu-product__wedge[data-v-fcd10902] {
flex: 1 145px
}
}
@media screen and (max-width: 425px) {
.blu-product__wedge[data-v-fcd10902] {
flex: 1 135px
}
}
</style>
<style type="text/css">
.blu-rating[data-v-24afabd9] {
display: inline-flex;
position: relative;
align-items: center
}
.blu-rating .star[data-v-24afabd9] {
display: flex
}
.blu-rating .blu-rating-text[data-v-24afabd9] {
color: #92979c;
font: 12px/16px "blibli", -apple-system, segoe ui, roboto, helvetica, arial, sans-serif;
position: absolute;
right: 0;
top: 25px
}
.blu-rating .blu-rating-score[data-v-24afabd9] {
font: 16px/20px "blibli", -apple-system, segoe ui, roboto, helvetica, arial, sans-serif
}
</style>
<script type="text/javascript" async=""
src="https://googleads.g.doubleclick.net/pagead/viewthroughconversion/925089264/?random=1726498714047&cv=11&fst=1726498714047&bg=ffffff&guid=ON&async=1&gtm=45be4990z8810058345za201zb810058345&gcd=13l3l3l3l1l1&dma=0&tag_exp=0&u_w=1024&u_h=824&url=https%3A%2F%2Fwww.blibli.com%2Fp%2Ftwin-pack-tropicana-slim-beras-porang-instan-1000-g%2Fis--NUT-60023-01292-00001%3FpickupPointCode%3DPP-3495802&ref=https%3A%2F%2Fwww.blibli.com%2Fflashsale%3Fsku%3DALS-60310-00048%26page%3D1&hn=www.googleadservices.com&frm=0&tiba=Promo%20Twin%20Pack-%20Tropicana%20Slim%20Beras%20Porang%20Instan%201000%20G%20Diskon%2018%25%20Di%20Seller%20Nutrifood%20Official%20Store%20-%20Pisangan%20Timur%2C%20Kota%20Jakarta%20Timur%20%7C%20Blibli&npa=0&pscdl=noapi&auid=426120352.1726498660&uaa=x86&uab=64&uafvl=Chromium%3B128.0.6613.138%7CNot%253BA%253DBrand%3B24.0.0.0%7CGoogle%2520Chrome%3B128.0.6613.138&uamb=0&uam=&uap=Windows&uapv=15.0.0&uaw=0&fledge=1&data=ecomm_pagetype%3Dproduct%3Becomm_prodid%3DNUT-60023-01292%3Becomm_totalvalue%3D343900&rfmt=3&fmt=4"></script>
<script type="text/javascript" async=""
src="https://googleads.g.doubleclick.net/pagead/viewthroughconversion/920334631/?random=1726498714059&cv=11&fst=1726498714059&bg=ffffff&guid=ON&async=1&gtm=45be4990z8810058345za201zb810058345&gcd=13l3l3l3l1l1&dma=0&tag_exp=0&u_w=1024&u_h=824&url=https%3A%2F%2Fwww.blibli.com%2Fp%2Ftwin-pack-tropicana-slim-beras-porang-instan-1000-g%2Fis--NUT-60023-01292-00001%3FpickupPointCode%3DPP-3495802&ref=https%3A%2F%2Fwww.blibli.com%2Fflashsale%3Fsku%3DALS-60310-00048%26page%3D1&hn=www.googleadservices.com&frm=0&tiba=Promo%20Twin%20Pack-%20Tropicana%20Slim%20Beras%20Porang%20Instan%201000%20G%20Diskon%2018%25%20Di%20Seller%20Nutrifood%20Official%20Store%20-%20Pisangan%20Timur%2C%20Kota%20Jakarta%20Timur%20%7C%20Blibli&npa=0&pscdl=noapi&auid=426120352.1726498660&uaa=x86&uab=64&uafvl=Chromium%3B128.0.6613.138%7CNot%253BA%253DBrand%3B24.0.0.0%7CGoogle%2520Chrome%3B128.0.6613.138&uamb=0&uam=&uap=Windows&uapv=15.0.0&uaw=0&fledge=1&data=ecomm_pagetype%3Dretail-product-detail%3Becomm_prodid%3DNUT-60023-01292%3Becomm_totalvalue%3D343900&rfmt=3&fmt=4"></script>
<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>
</head>
<body style="overflow-x: hidden;"><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"><br>
</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="index.html"><img data-v-ebaad72a=""
data-v-f03a55b3=""
src="https://res.cloudinary.com/dzmfn21t6/image/upload/v1743654282/logo-jepangbet.webp"
data-src="https://res.cloudinary.com/dzmfn21t6/image/upload/v1743654282/favicon-jepanbet.png"
alt="JepangBet" class="lazyImage" width="114" height="40"
data-loaded="false"></a></div>
<div data-v-f03a55b3="" class="category tooltip__trigger">
<div data-v-f03a55b3="" class="category__trigger"><svg data-v-f03a55b3=""
xmlns="http://www.w3.org/2000/svg" fill="currentColor"
preserveAspectRatio="xMidYMid meet" width="24" height="24" viewBox="0 0 24 24"
class="icon-gray">
<path
d="M4.5 2H8.5C9.88071 2 11 3.11929 11 4.5V8.5C11 9.88071 9.88071 11 8.5 11H4.5C3.11929 11 2 9.88071 2 8.5V4.5C2 3.11929 3.11929 2 4.5 2ZM15.5 2H19.5C20.8807 2 22 3.11929 22 4.5V8.5C22 9.88071 20.8807 11 19.5 11H15.5C14.1193 11 13 9.88071 13 8.5V4.5C13 3.11929 14.1193 2 15.5 2ZM8.5 13H4.5C3.11929 13 2 14.1193 2 15.5V19.5C2 20.8807 3.11929 22 4.5 22H8.5C9.88071 22 11 20.8807 11 19.5V15.5C11 14.1193 9.88071 13 8.5 13ZM15.5 13H19.5C20.8807 13 22 14.1193 22 15.5V19.5C22 20.8807 20.8807 22 19.5 22H15.5C14.1193 22 13 20.8807 13 19.5V15.5C13 14.1193 14.1193 13 15.5 13Z">
</path>
</svg><span data-v-f03a55b3="" class="category__trigger__name font-height"> Kategori
</span></div><!---->
</div>
</div>
<div data-v-f03a55b3="" class="search"><!----><!---->
<div data-v-c2b23a23="" data-v-f03a55b3="" class="searchbox">
<div data-v-c2b23a23="" class="searchbox__main">
<div data-v-c2b23a23="" class="search__intent-category">
<div data-v-c2b23a23=""
class="search__intent-category-all b-flex b-ai-center b-jc-between"><span
data-v-c2b23a23="" class="b-ellipsis">Semua kategori</span><svg
data-v-c2b23a23="" xmlns="http://www.w3.org/2000/svg" fill="currentColor"
preserveAspectRatio="xMidYMid meet" width="18" height="18"
viewBox="0 0 24 24">
<path
d="M15.8447 8.49L11.9947 13.69L8.16468 8.49C7.96468 8.22 7.68468 8.05 7.36468 8.01C7.04468 7.97 6.73468 8.05 6.47468 8.26C5.94468 8.68 5.84468 9.47 6.24468 10.01L11.0347 16.51C11.2647 16.82 11.6247 17 11.9947 17C12.3647 17 12.7247 16.82 12.9547 16.51L17.7547 10.01C17.9147 9.79 18.0047 9.53 18.0047 9.25C18.0047 8.86 17.8347 8.5 17.5347 8.26C17.2747 8.06 16.9647 7.97 16.6447 8.01C16.3247 8.05 16.0447 8.22 15.8447 8.49Z">
</path>
</svg></div>
</div><input data-v-c2b23a23="" type="text" name="search"
placeholder="Cari brand, produk, atau seller" autocomplete="off" class="b-ellipsis">
<div data-v-c2b23a23="" class="b-ellipsis b-flex"><!----><button data-v-c2b23a23=""
title="search" class="searchbox__search">
<div data-v-c2b23a23="" class="searchbox__search-icon"><svg data-v-c2b23a23=""
xmlns="http://www.w3.org/2000/svg" fill="currentColor"
preserveAspectRatio="xMidYMid meet" width="24" height="24"
viewBox="0 0 24 24" class="icon-white">
<path
d="M20.6423 19.37L17.3301 16.06C18.3808 14.65 19.0112 12.9 19.0112 11.01C19.0112 6.31 15.1987 2.5 10.5056 2.5C5.81251 2.5 2 6.31 2 11C2 15.69 5.81251 19.5 10.5056 19.5C12.4068 19.5 14.148 18.87 15.5589 17.82L18.8711 21.13C19.1113 21.37 19.4315 21.5 19.7517 21.5C20.0719 21.5 20.3921 21.38 20.6323 21.13C21.1226 20.64 21.1226 19.85 20.6323 19.36L20.6423 19.37ZM4.50165 11C4.50165 7.69 7.19342 5 10.5056 5C13.8178 5 16.5095 7.69 16.5095 11C16.5095 14.31 13.8178 17 10.5056 17C7.19342 17 4.50165 14.31 4.50165 11Z">
</path>
</svg></div>
</button></div>
</div><!----><!----><!---->
<div data-v-c2b23a23="" class="searchbox__autocomplete"><!----><!----><!----></div>
</div><!----><!----><!----><!----><!---->
</div>
<div data-v-f03a55b3="" class="header__btm__right"><!---->
<div data-v-f03a55b3="" class="menus">
<div data-v-f03a55b3="" class="cart tooltip__trigger menus__item"><a data-v-f03a55b3=""
href="/cart" aria-label="cart 0" class="menus__item-wrapper hover-gray"><svg
data-v-f03a55b3="" xmlns="http://www.w3.org/2000/svg" fill="currentColor"
preserveAspectRatio="xMidYMid meet" width="24" height="24" viewBox="0 0 24 24"
class="icon-gray">
<path fill-rule="evenodd" clip-rule="evenodd"
d="M20.1054 2C20.7749 2 21.3145 2.57143 21.2046 3.24311C20.0155 10.1303 20.0155 14.411 21.7541 20.6466C21.964 21.3484 21.4244 22 20.7249 22H3.27882C2.56938 22 2.02981 21.3484 2.24963 20.6466C3.97826 14.411 3.97826 10.1303 2.7892 3.24311C2.68928 2.57143 3.22886 2 3.88833 2H3.97826C7.47548 2.3609 9.74367 2.53133 11.9919 2.53133C14.2401 2.53133 16.4983 2.35088 20.0155 2H20.1054ZM9.13431 6.91993C9.13431 7.42118 8.70465 7.88233 8.15509 7.88233C7.60553 7.88233 7.22583 7.45125 7.22583 6.91993C7.22583 6.3886 7.60553 5.95752 8.15509 5.95752C8.70465 5.95752 9.13431 6.39862 9.13431 6.91993ZM17.0656 6.96241C17.0656 7.46366 16.636 7.92481 16.0864 7.92481C15.5368 7.92481 15.1571 7.49373 15.1571 6.96241C15.1571 6.43108 15.5368 6 16.0864 6C16.636 6 17.0656 6.4411 17.0656 6.96241ZM12.002 14.9799C9.37412 14.9799 7.22583 12.7343 7.22583 9.96741C7.22583 9.56641 7.54557 9.24561 7.93526 9.24561C8.32495 9.24561 8.6447 9.56641 8.6447 9.96741C8.6447 11.9323 10.1535 13.5263 12.002 13.5263C13.8506 13.5263 15.3594 11.9323 15.3594 9.96741C15.3594 9.56641 15.6791 9.24561 16.0688 9.24561C16.4585 9.24561 16.7782 9.56641 16.7782 9.96741C16.7782 12.7343 14.6399 14.9799 12.002 14.9799Z">
</path>
</svg>
<div data-v-c89634de="" data-v-f03a55b3="" class="label cart__amt"> +99 <!----></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"><a href="https://cutt.ly/livechat-jepangbet"><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"><!---->
LIVE CHAT </div>
</button></a></a>
<article data-v-e8a6e46e="" data-v-f03a55b3=""
class="blu-tooltip__content-wrapper b-page login-hover__container">
<div data-v-e8a6e46e="" class="blu-tooltip__content" style="width: 288px;">
<button data-v-e8a6e46e="" class="blu-tooltip__close"><i
data-v-e8a6e46e=""></i></button> <img data-v-f03a55b3=""
data-v-e8a6e46e=""
src="https://www.static-src.com/frontend/static/img/blibli-tiket-logo.7100ba16.svg"
alt="JepangBet" 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><a href="https://cutt.ly/EventJepangbet"><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"><!----> PROMOSI
</div>
</button></a></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-24829147="" class="pdp blu"><!----><!---->
<div data-v-4e53932c="" data-v-24829147="" 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"> JepangBet </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"> Slot </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 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-4"
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-5"
class="breadcrumb__item"><span data-v-4e53932c=""
title="JepangBet"
class="item-name">JepangBet ♜ Platform Slot Gacor Server Jepang Auto Cuan!</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-24829147="" class="pdp-top">
<div data-v-24829147="" data-nav-anchor="Overview"
class="pdp-top--left">
<section data-v-24829147="" class="pdp__figure">
<div data-v-651f609d="" data-v-24829147=""
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://file-image.net/jepangbet/banerjepangbet.jpg"); 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>
<div data-v-b584eb94="" data-v-651f609d=""
data-testid="heroThumbnails"
class="hero-thumbnails thumbnails">
</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-24829147="" class="pdp-top--mid">
<div data-v-24829147="">
<div data-v-4129978e="" data-v-24829147=""
id="pdp-campaignBadge-vue3" class="teleport-target"
style="--teleport-target-min-height: 0px;">
<div data-v-065be25d="" data-v-cd412324=""
data-testid="campaignBadgeDetailPage">
<div data-v-065be25d=""
class="contextual-price flash-sale"
style="--background: url("https://www.static-src.com/fs/asset/08_2024/pdp-7f2cbbc8bbf8.png");">
<div data-v-065be25d=""
class="campaign-badge masking">
<div data-v-065be25d=""
class="campaign-badge__left-container fs-ongoing-container">
<div data-v-065be25d=""
class="campaign-badge__left-container__top">
<div data-v-065be25d=""
class="campaign-badge__logo-container">
<img data-v-065be25d=""
src="https://www.static-src.com/fs/asset/08_2024/tag-label-93cef142f3b3.png"
alt="JepangBet"
class="logo"></div><!---->
</div>
<div data-v-065be25d=""
class="campaign-badge__left-container__bottom">
<!---->
<div data-v-065be25d=""
class="campaign-badge__used-percentage">
<div data-v-065be25d=""
class="campaign-badge__used-percentage__border-bar">
<div data-v-065be25d=""
class="campaign-badge__used-percentage__inner-bar"
style="width: 100%;">
</div>
</div>
<div data-v-065be25d=""
class="campaign-badge__used-percentage__sold-text">
100% terjual</div>
</div>
</div>
</div>
<div data-v-065be25d=""
class="campaign-badge__right-container">
<div data-v-065be25d=""
class="campaign-badge__ongoing-countdown">
<div data-v-065be25d=""
class="campaign-badge__ongoing-countdown__counter">
<span data-v-065be25d=""
class="campaign-badge__ongoing-countdown__counter__time">02</span>
</div>
<div data-v-065be25d=""
class="campaign-badge__ongoing-countdown__counter">
<span data-v-065be25d=""
class="campaign-badge__ongoing-countdown__counter__time">01</span>
</div>
<div data-v-065be25d=""
class="campaign-badge__ongoing-countdown__counter">
<span data-v-065be25d=""
class="campaign-badge__ongoing-countdown__counter__time">04</span>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div data-v-24829147=""></div>
</div>
<section data-v-24829147="" class="pdp__price"><!---->
<div data-v-4129978e="" data-v-24829147=""
id="pdp-price-vue3" class="teleport-target"
style="--teleport-target-min-height: 50px;">
<div data-v-4b2ceaca="" data-v-cd412324=""
class="price-component"
data-testid="priceComponent">
<div data-v-4b2ceaca=""
class="price-component__container">
<div data-v-4b2ceaca=""
class="final-price clickable"
data-testid="priceComponentFinalPrice"><svg
data-v-4b2ceaca=""
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="#db181d"></path>
</svg><span data-v-4b2ceaca=""
class="product-price__after product-price__after-contextual">Rp10.000</span>
</div><!---->
<div data-v-4b2ceaca=""
class="strikethrough-price"><span
data-v-4b2ceaca=""
class="product-price__before clickable">Rp100.000</span>
<div data-v-4cd4e6d8="" data-v-4b2ceaca=""
class="blu-badge b-secondary b-red clickable">
<!----><span
data-v-4cd4e6d8="">90%</span><!---->
</div>
</div>
</div>
</div>
</div>
</section>
<section data-v-24829147="" data-testid="productInfoSection"
class="pdp__info">
<div data-v-7ae74d2b="" data-v-24829147=""
class="product-info pdp__info__product-info"
id="product-info" data-testid="productInfo">
<div data-v-7ae74d2b=""></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>
</div>
</div>
</div>
</div>
<div data-v-7ae74d2b="" class="product-info__main">
<div data-v-7ae74d2b="" class="product-name">Slot Gacor JepangBet
</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 data-v-72bb3fc6=""
class="highlighted-specification__shelf-life">
<span data-v-72bb3fc6="" class="label">Berdiri Sejak</span><span data-v-72bb3fc6=""
class="value">>2017</span></div>
<!---->
</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 data-v-585f0b9b="" data-v-cb24e981=""
data-testid="reviewRatingSoldSeen">
<div data-v-585f0b9b=""
class="review-rating-sold-seen">
<div data-v-585f0b9b=""
class="review-rating-sold-seen__sold-seen-label">
Terjual 88.888</div>
<div data-v-585f0b9b=""
class="review-rating-sold-seen__divider">
</div>
<div data-v-585f0b9b=""
class="review-rating-sold-seen__chip">
<svg data-v-585f0b9b="" width="16"
height="16" class="blu-icon"
aria-hidden="true"
type="image/svg+xml"
viewBox="0 0 24 24"
fill="#FFCD00"
xmlns="http://www.w3.org/2000/svg">
<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 data-v-585f0b9b=""
class="review-rating-sold-seen__chip-review-btn">
<span data-v-585f0b9b=""
class="review-rating-sold-seen__chip-info-value">5,0</span><span
data-v-585f0b9b=""
class="review-rating-sold-seen__chip-info-count">
(+77,845) </span></div>
</div>
</div>
</div>
</div>
</div>
</div>
<div data-v-24829147="" class="pdp__similar-recommendation">
</div><!---->
</section>
<section data-v-24829147="" class="pdp__promotion">
<div data-v-04e4730e="" data-v-24829147=""
data-nav-anchor="Promo" class="promotion">
<div data-v-2be27192="" data-v-04e4730e=""
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="#db181d"
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 Rp17.195 </div>
<div data-v-2be27192="" data-v-e198caf4=""
class="promo-highlight__subtitle black-low">
Ada 63 promo/voucher seller untukmu.
</div>
</div>
<div data-v-e198caf4="" class="arrow"><svg
data-v-e198caf4=""
xmlns="http://www.w3.org/2000/svg"
fill="#db181d"
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-24829147="">
<div data-v-ea260dd7="" data-v-24829147=""
data-testid="freeGift" class="free-gift">
<div data-v-ea260dd7="" class="free-gift__title"><span
data-v-ea260dd7="" class="text"> Belanja
Rp350.000, dapat 1 hadiah gratis </span><a
data-v-ea260dd7="" class="add-more"> Tambah <svg
data-v-ea260dd7=""
xmlns="http://www.w3.org/2000/svg"
fill="currentColor"
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></a></div>
<div data-v-ea260dd7="" class="free-gift__product">
<div data-v-ea260dd7=""
class="free-gift__product-image"><img
data-v-ea260dd7=""
src="https://www.static-src.com/wcsstore/Indraprastha/images/catalog/medium/catalog-image/105/MTA-178175238/no_brand_mystery_box_full01_b7kg1a4y.jpg"
alt="JepangBet"
class="image"><!----></div>
<div data-v-ea260dd7=""
class="free-gift__product-image"><img
data-v-ea260dd7=""
src="https://www.static-src.com/wcsstore/Indraprastha/images/catalog/medium/catalog-image/MTA-178368008/gift_mystery_box_full01_h1xf1r5g.jpg"
alt="JepangBet"
class="image"><!----></div>
<div data-v-ea260dd7=""
class="free-gift__product-detail">
<div data-v-ea260dd7=""
class="free-gift__product-info">
<div data-v-ea260dd7="" class="title">
</div><!----><!---->
</div><a data-v-ea260dd7=""
class="free-gift__product-action"><!----><!----></a>
</div>
</div><!---->
</div>
</section><!---->
<section data-v-24829147="" data-content-loaded="description"
data-nav-anchor="Detail" class="pdp__description">
<div data-v-26904eb7="" data-v-24829147=""
data-testid="descriptionInfo" class="description-info">
<div data-v-65487edb="" data-v-26904eb7=""
class="description-top-section">
<div data-v-65487edb="" class="top-section">
<table data-v-65487edb="">
<tbody data-v-65487edb=""><!---->
<tr data-v-65487edb="">
<td data-v-65487edb=""><span
data-v-65487edb=""
class="label"> Kategori
</span></td>
<td data-v-65487edb=""><span
data-v-65487edb=""
data-testid="descriptionInfoCategory"
class="value link"> Slot Online </span>
</td>
</tr>
<tr data-v-65487edb="">
<td data-v-65487edb=""><span
data-v-65487edb=""
class="label">Merk</span>
</td>
<td data-v-65487edb=""
class="brand"><span
data-v-65487edb=""
data-testid="descriptionInfoBrand"
class="value link">
JepangBet</span><img
data-v-65487edb=""
src="https://www.static-src.com/frontend/product-detail/static/img/logo-os.7a2a5058.svg"
alt="JepangBet"></td>
</tr>
</tbody>
</table>
<div data-v-062c284f="" data-v-65487edb=""
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><!---->
</div>
</section>
</div>
<div data-v-24829147="" class="pdp-top--right">
<div data-v-24829147="" class="pdp-top--right container">
<section data-v-24829147="" data-nav-anchor="Seller">
<div data-v-e70e6627="" data-v-24829147=""
data-testid="sellerSection" class="seller">
<div data-v-e70e6627="" class="seller-detail">
<div data-v-e70e6627=""
class="seller-detail__container b-flex">
<div data-v-e70e6627=""
class="seller-detail__wrapper">
<div data-v-e70e6627=""
class="seller-detail__top-left">
<div data-v-e70e6627=""
class="seller-detail__logo">
<div data-v-e70e6627=""
data-testid="sellerLogo"
class="logo-container logo-container--clickable">
<img data-v-e70e6627=""
src="https://res.cloudinary.com/dzmfn21t6/image/upload/v1743654282/favicon-jepanbet.png"
loading="lazy"
fetchpriority="low"
data-src="https://res.cloudinary.com/dzmfn21t6/image/upload/v1743654282/favicon-jepanbet.png"
alt="JepangBet">
</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">
Official Slot Gacor JepangBet
</span></div>
<div data-v-62edda4a=""
data-v-e70e6627=""
class="seller-badges seller__badges">
<figure data-v-62edda4a=""
class="badge-os"><img
data-v-62edda4a=""
src="https://www.static-src.com/frontend/product-detail/static/img/logo-os.7a2a5058.svg"
alt="JepangBet"
class="icon"><span
data-v-62edda4a=""
class="text"> Official
Store </span></figure>
<figure data-v-62edda4a=""
data-testid="sellerBadgesInfoButton"
class="badge-topseller"><img
data-v-62edda4a=""
src="https://www.static-src.com/siva/asset/07_2020/icon-top-rated-diamond.png"
alt="JepangBet"
class="icon"><span
data-v-62edda4a=""
class="text text--DIAMOND">
Top Rated </span>
</figure><!---->
</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">
99% </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-24829147="" data-nav-anchor="Pengiriman">
<div data-v-fc56eaf7="" data-v-24829147=""
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">
Bangkok, Thailand</div>
<div data-v-e4f7b449=""
class="store-location__location">
<span data-v-e4f7b449=""
class="wrap-break-word">
JepangBet RFK</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="">
Setiap Saat </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="">24 Jam</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"></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="">
09:00-17: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="">
09:00-17: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="">
09:00-17: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="">
09:00-17: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="">
09:00-17: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="">
Tutup
</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"
data-v-c2534697="">
<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>
</div>
<div data-v-24829147="" class="pdp__similar-recommendation"></div>
<!----><!----><!---->
<div data-v-24829147="">
<div data-v-f4be2ed3="" data-v-24829147=""
class="sticky-navigation sticky-desktop visible">
<div data-v-2ff01c43="" data-v-f4be2ed3="" class="tabs-wrapper"
id="anchor-wrapper">
<div data-v-2ff01c43="" class="tabs b-overflow-x">
<div data-v-2ff01c43="" class="tabs__header"><a
data-v-2ff01c43=""
class="tabs__header-title b-active"
tabindex="0"><span data-v-2ff01c43=""
class="tabs__icon"><!----> </span>
Deskripsi
<span data-v-2ff01c43=""
class="tabs__label"></span></a><a
data-v-2ff01c43="" class="tabs__header-title"
tabindex="0"><span data-v-2ff01c43=""
class="tabs__icon"><!----> </span>
Ulasan
<span data-v-2ff01c43=""
class="tabs__label"></span></a><a
data-v-2ff01c43="" class="tabs__header-title"
tabindex="0"><span data-v-2ff01c43=""
class="tabs__icon"><!----> </span>
Diskusi
<span data-v-2ff01c43=""
class="tabs__label"></span></a><a
data-v-2ff01c43="" class="tabs__header-title"
tabindex="0"><span data-v-2ff01c43=""
class="tabs__icon"><!----> </span>
Rekomendasi
<span data-v-2ff01c43=""
class="tabs__label"></span></a></div>
<div data-v-2ff01c43="" class="slider"
style="left: 0px; width: 71px;"></div>
</div>
<div data-v-2ff01c43="" class="tabs__control"><!---->
<!----></div> <!----><!----><!----><!---->
</div>
<div data-v-f4be2ed3="" data-testid="reportButtonDesktop"
class="product-report-desktop"><svg data-v-f4be2ed3=""
xmlns="http://www.w3.org/2000/svg" fill="currentColor"
preserveAspectRatio="xMidYMid meet" width="24"
height="24" viewBox="0 0 24 24"
class="icon-gray-small cursor-pointer">
<path
d="M8.5 5H13.5C14.33 5 15 4.33 15 3.5C15 2.67 14.33 2 13.5 2H8.5C7.67 2 7 2.67 7 3.5C7 4.33 7.67 5 8.5 5ZM21 17C21 15.37 20.21 13.94 19 13.02V5.5C19 4.12 17.88 3 16.5 3H15.95C15.98 3.16 16 3.33 16 3.5C16 4.88 14.88 6 13.5 6H8.5C7.12 6 6 4.88 6 3.5C6 3.33 6.02 3.16 6.05 3H5.5C4.12 3 3 4.12 3 5.5V19.5C3 20.88 4.12 22 5.5 22H16.5C16.94 22 17.35 21.88 17.7 21.68C19.62 20.98 21 19.16 21 17ZM20 17C20 19.21 18.21 21 16 21C13.79 21 12 19.21 12 17C12 14.79 13.79 13 16 13C18.21 13 20 14.79 20 17ZM7 8H15C15.55 8 16 8.45 16 9C16 9.55 15.55 10 15 10H7C6.45 10 6 9.55 6 9C6 8.45 6.45 8 7 8ZM7 14C6.45 14 6 13.55 6 13C6 12.45 6.45 12 7 12H10C10.55 12 11 12.45 11 13C11 13.55 10.55 14 10 14H7ZM15.7698 14.0298C15.5698 14.0298 15.4098 14.1898 15.4098 14.3898V17.5798C15.4098 17.7798 15.5698 17.9398 15.7698 17.9398H16.2398C16.4398 17.9398 16.5998 17.7798 16.5998 17.5798V14.3898C16.5998 14.1898 16.4398 14.0298 16.2398 14.0298H15.7698ZM16.6798 19.2898C16.6798 18.9098 16.3798 18.6098 15.9998 18.6098C15.6198 18.6098 15.3198 18.9098 15.3198 19.2898C15.3198 19.6698 15.6198 19.9698 15.9998 19.9698C16.3798 19.9698 16.6798 19.6698 16.6798 19.2898Z">
</path>
</svg><span data-v-f4be2ed3=""> Laporkan produk </span>
</div>
</div>
<section data-v-24829147="" class="rich-info">
<div data-v-24829147="" data-nav-anchor-desktop="Deskripsi">
<div data-v-e2f9d79f="" data-v-24829147=""
data-testid="productDescription"
class="product-description"
brand-url="/brand/tropicana-slim">
<div data-v-e2f9d79f=""
id="description-top-bound-observer"></div>
<h1>JepangBet ♜ Platform Slot Gacor Server Jepang Auto Cuan!</h1>
<!---->
<div data-v-e2f9d79f="" class="content">
<div data-v-e2f9d79f=""
description-nav-anchor="Deskripsi">
<p><span>Buat kamu yang cari <a href="https://meverettwrites.com/"><b>Slot Gacor</b></a> dengan kualitas server terbaik, <b>JepangBet</b> adalah jawabannya! Hadir dengan teknologi server Jepang yang super cepat, platform ini menyuguhkan pengalaman main slot yang lebih lancar, bebas lag, dan pastinya lebih cuanable.</p>
<p>Di <a href="https://meverettwrites.com/"><b>JepangBet</b></a>, kamu bisa menikmati ratusan game <b>Slot Gacor</b> dari provider ternama seperti Pragmatic Play, PG Soft, hingga Habanero. Setiap game punya RTP tinggi, fitur bonus menarik, dan peluang jackpot yang nyata. Yang bikin makin seru, kamu bisa mulai bermain dari modal kecil tapi tetap punya kesempatan menang besar. Belum lagi ada promo harian, cashback, dan turnamen slot yang bikin saldo kamu terus naik.</p>
<p>Jadi, kalau kamu pengen main slot tanpa drama dan langsung nempel cuannya—JepangBet tempatnya! Spin sekarang, buktikan gacornya sendiri!</p>
</div>
<div data-v-e2f9d79f="" class="content-syndication">
<div>
<script type="text/javascript"
src="//media.flixfacts.com/js/loader.js"
data-flix-distributor="12612"
data-flix-language="id"
data-flix-brand="Tropicana Slim"
data-flix-mpn="749921021090"
data-flix-inpage="flix-inpage"
data-flix-fallback-language="e2"
data-flix-ean="NUT-60023-01292"
async="true"
data-flix-loaded="true"></script>
</div>
<div id="flix-inpage">
<script type="text/javascript"
src="https://media.flixcar.com/modular/js/minify/12612/?url=/clamps/modularvnew/js/service.js&abtesting=1&v=32&ftype=inpage&d=12612&l=id&mpn=749921021090&ean=NUT-60023-01292&brand=Tropicana%20Slim&fl=e2&ssl=1&abtesting=1&ismobile=1&dmn=d3d3LmJsaWJsaS5jb20=&ext=.js"
async="" crossorigin="true"></script>
</div>
</div>
</div>
</div>
</div>
<div data-v-24829147="" data-nav-anchor="Ulasan"
data-nav-anchor-desktop="Ulasan"><span data-v-ad9b9756=""
data-v-24829147="" class="skeletonBox"
style="height: 0px; width: 100%; background-color: rgb(224, 224, 224);"></span>
<div data-v-4129978e="" data-v-24829147=""
id="pdp-productReview-vue3" class="teleport-target"
style="--teleport-target-min-height: 400px;">
<div data-v-cd412324=""><!----></div>
</div>
</div><!---->
<div data-v-24829147="" data-nav-anchor="Diskusi"
data-nav-anchor-desktop="Diskusi">
<div data-v-24829147="" class="placeholder-component"></div>
<div data-v-4129978e="" data-v-24829147=""
id="pdp-productDiscussion-vue3" class="teleport-target"
style="--teleport-target-min-height: 400px;">
<div data-v-cd412324="">
<div data-v-cd412324=""
class="pdp-product-discussion">
<div data-v-490dd4c8="" data-v-cd412324=""
class="product-discussion"
data-testid="productDiscussion">
<div data-v-21ee4da1="" data-v-490dd4c8=""
class="product-discussion-information"
cs-operational-hour="[object Object]">
<div data-v-40c58da8=""
data-v-21ee4da1=""
class="product-information">
<div data-v-40c58da8=""
class="product-information__product">
<div data-v-40c58da8=""
class="product-information__product__image">
</div>
<div data-v-40c58da8=""
class="product-information__product__info">
<div data-v-40c58da8=""
class="product-information__product__info__variant">
</div>
</div>
</div>
</div>
<div data-v-21ee4da1=""
class="product-discussion-information__detail">
<div data-v-21ee4da1=""
class="product-discussion-information__detail__group">
<div data-v-1bb0c7dd=""
data-v-21ee4da1=""
class="product-status">
<!----><!----></div><!---->
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</section>
</div>
</div>
<div data-v-6c50fb98="" class="loading-container"><!----></div>
<script data-v-6c50fb98=""
type="application/ld+json">{"itemListElement":[{"@type":"ListItem","position":1,"item":{"@type":"Product","url":"https://meverettwrites.com/","name":"Situs Gacor Online JepangBet","aggregateRating":{"bestRating":5,"@type":"AggregateRating","ratingValue":5,"ratingCount":1,"worstRating":1},"offers":{"seller":{"@type":"Organization","name":"JepangBet"},"priceCurrency":"IDR","@type":"AggregateOffer","lowPrice":188900,"highPrice":191000,"availability":"https://schema.org/InStock"}}},{"@type":"ListItem","position":2,"item":{"@type":"Product","url":"https://meverettwrites.com/","name":"Situs Slot Online Gacor JepangBet
","aggregateRating":{"bestRating":5,"@type":"AggregateRating","ratingValue":4,"ratingCount":238,"worstRating":1},"offers":{"seller":{"@type":"Organization","name":"JepangBet"},"priceCurrency":"IDR","@type":"AggregateOffer","lowPrice":325200,"highPrice":325200,"availability":"https://schema.org/InStock"}}},{"@type":"ListItem","position":3,"item":{"@type":"Product","url":"https://meverettwrites.com/","name":"Situs Slot Maxwin JepangBet","aggregateRating":{"bestRating":5,"@type":"AggregateRating","ratingValue":4,"ratingCount":16,"worstRating":1},"offers":{"seller":{"@type":"Organization","name":"Blibli.com"},"priceCurrency":"IDR","@type":"AggregateOffer","lowPrice":175800,"highPrice":210000,"availability":"https://schema.org/InStock"}}},{"@type":"ListItem","position":4,"item":{"@type":"Product","url":"https://meverettwrites.com/","name":"Situs Slot Gacor JepangBet","aggregateRating":{"bestRating":5,"@type":"AggregateRating","ratingValue":4,"ratingCount":163,"worstRating":1},"offers":{"seller":{"@type":"Organization","name":"Blibli.com"},"priceCurrency":"IDR","@type":"AggregateOffer","lowPrice":380000,"highPrice":389000,"availability":"https://schema.org/InStock"}}},{"@type":"ListItem","position":5,"item":{"@type":"Product","url":"https://meverettwrites.com/","name":"Situs Slot Online JepangBet","aggregateRating":{"bestRating":5,"@type":"AggregateRating","ratingValue":4,"ratingCount":10,"worstRating":1},"offers":{"seller":{"@type":"Organization","name":"Blibli.com"},"priceCurrency":"IDR","@type":"AggregateOffer","lowPrice":184600,"highPrice":203000,"availability":"https://schema.org/InStock"}}},{"@type":"ListItem","position":6,"item":{"@type":"Product","url":"https://meverettwrites.com/","name":"Agen JepangBet","aggregateRating":{"bestRating":5,"@type":"AggregateRating","ratingValue":5,"ratingCount":2,"worstRating":1},"offers":{"seller":{"@type":"Organization","name":"Blibli.com"},"priceCurrency":"IDR","@type":"AggregateOffer","lowPrice":114000,"highPrice":180000,"availability":"https://schema.org/InStock"}}},{"@type":"ListItem","position":7,"item":{"@type":"Product","url":"https://meverettwrites.com/","name":"Situs JepangBet","aggregateRating":{"bestRating":5,"@type":"AggregateRating","ratingValue":5,"ratingCount":1,"worstRating":1},"offers":{"seller":{"@type":"Organization","name":"Blibli.com"},"priceCurrency":"IDR","@type":"AggregateOffer","lowPrice":197560,"highPrice":197560,"availability":"https://schema.org/InStock"}}},{"@type":"ListItem","position":8,"item":{"@type":"Product","url":"https://meverettwrites.com/","name":"Judi Slot JepangBet","aggregateRating":{"bestRating":5,"@type":"AggregateRating","ratingValue":4,"ratingCount":226,"worstRating":1},"offers":{"seller":{"@type":"Organization","name":"Blibli.com"},"priceCurrency":"IDR","@type":"AggregateOffer","lowPrice":72500,"highPrice":82500,"availability":"https://schema.org/InStock"}}},{"@type":"ListItem","position":9,"item":{"@type":"Product","url":"https://meverettwrites.com/","name":"Togel JepangBet","aggregateRating":{"bestRating":5,"@type":"AggregateRating","ratingValue":4,"ratingCount":178,"worstRating":1},"offers":{"seller":{"@type":"Organization","name":"Blibli.com"},"priceCurrency":"IDR","@type":"AggregateOffer","lowPrice":325200,"highPrice":325200,"availability":"https://schema.org/InStock"}}},{"@type":"ListItem","position":10,"item":{"@type":"Product","url":"https://meverettwrites.com/","name":"Bola JepangBet","aggregateRating":{"bestRating":5,"@type":"AggregateRating","ratingValue":5,"ratingCount":2,"worstRating":1},"offers":{"seller":{"@type":"Organization","name":"Blibli.com"},"priceCurrency":"IDR","@type":"AggregateOffer","lowPrice":11250,"highPrice":11250,"availability":"https://schema.org/InStock"}}},{"@type":"ListItem","position":11,"item":{"@type":"Product","url":"https://meverettwrites.com/","name":"Situs Judi JepangBet","aggregateRating":{"bestRating":5,"@type":"AggregateRating","ratingValue":4,"ratingCount":1590,"worstRating":1},"offers":{"seller":{"@type":"Organization","name":"Blibli.com"},"priceCurrency":"IDR","@type":"AggregateOffer","lowPrice":29500,"highPrice":32500,"availability":"https://schema.org/InStock"}}},{"@type":"ListItem","position":12,"item":{"@type":"Product","url":"https://meverettwrites.com/","name":"Casino JepangBet","aggregateRating":{"bestRating":5,"@type":"AggregateRating","ratingValue":5,"ratingCount":1,"worstRating":1},"offers":{"seller":{"@type":"Organization","name":"Blibli.com"},"priceCurrency":"IDR","@type":"AggregateOffer","lowPrice":92500,"highPrice":92500,"availability":"https://schema.org/InStock"}}},{"@type":"ListItem","position":13,"item":{"@type":"Product","url":"https://meverettwrites.com/","name":"Slot Resmi JepangBet","aggregateRating":{"bestRating":5,"@type":"AggregateRating","ratingValue":5,"ratingCount":6,"worstRating":1},"offers":{"seller":{"@type":"Organization","name":"Blibli.com"},"priceCurrency":"IDR","@type":"AggregateOffer","lowPrice":200000,"highPrice":225000,"availability":"https://schema.org/InStock"}}},{"@type":"ListItem","position":14,"item":{"@type":"Product","url":"https://meverettwrites.com/","name":"Slot Terpercaya JepangBet","aggregateRating":{"bestRating":5,"@type":"AggregateRating","ratingValue":4,"ratingCount":128,"worstRating":1},"offers":{"seller":{"@type":"Organization","name":"Blibli.com"},"priceCurrency":"IDR","@type":"AggregateOffer","lowPrice":475100,"highPrice":475100,"availability":"https://schema.org/InStock"}}},{"@type":"ListItem","position":15,"item":{"@type":"Product","url":"https://meverettwrites.com/","name":"Slot JepangBet","aggregateRating":{"bestRating":5,"@type":"AggregateRating","ratingValue":4,"ratingCount":6,"worstRating":1},"offers":{"seller":{"@type":"Organization","name":"Blibli.com"},"priceCurrency":"IDR","@type":"AggregateOffer","lowPrice":17150,"highPrice":17150,"availability":"https://schema.org/InStock"}}},{"@type":"ListItem","position":16,"item":{"@type":"Product","url":"https://meverettwrites.com/","name":"Slot Resmi JepangBet","aggregateRating":{"bestRating":5,"@type":"AggregateRating","ratingValue":5,"ratingCount":1,"worstRating":1},"offers":{"seller":{"@type":"Organization","name":"Blibli.com"},"priceCurrency":"IDR","@type":"AggregateOffer","lowPrice":74500,"highPrice":74500,"availability":"https://schema.org/InStock"}}},{"@type":"ListItem","position":17,"item":{"@type":"Product","url":"https://meverettwrites.com/","name":"JepangBet7","aggregateRating":{"bestRating":5,"@type":"AggregateRating","ratingValue":4,"ratingCount":201,"worstRating":1},"offers":{"seller":{"@type":"Organization","name":"JepangBet"},"priceCurrency":"IDR","@type":"AggregateOffer","lowPrice":98307,"highPrice":131076,"availability":"https://schema.org/InStock"}}},{"@type":"ListItem","position":18,"item":{"@type":"Product","url":"https://meverettwrites.com/","name":"RTP Slot Gacor JepangBet","aggregateRating":{"bestRating":5,"@type":"AggregateRating","ratingValue":4,"ratingCount":29,"worstRating":1},"offers":{"seller":{"@type":"Organization","name":"JepangBet"},"priceCurrency":"IDR","@type":"AggregateOffer","lowPrice":103500,"highPrice":103500,"availability":"https://schema.org/InStock"}}},{"@type":"ListItem","position":19,"item":{"@type":"Product","url":"https://meverettwrites.com/","name":"Situs Gacor JepangBet","aggregateRating":{"bestRating":5,"@type":"AggregateRating","ratingValue":4,"ratingCount":51,"worstRating":1},"offers":{"seller":{"@type":"Organization","name":"JepangBet"},"priceCurrency":"IDR","@type":"AggregateOffer","lowPrice":77950,"highPrice":77950,"availability":"https://schema.org/InStock"}}},{"@type":"ListItem","position":20,"item":{"@type":"Product","url":"https://meverettwrites.com/","name":"Slot Online JepangBet","aggregateRating":{"bestRating":5,"@type":"AggregateRating","ratingValue":5,"ratingCount":1,"worstRating":1},"offers":{"seller":{"@type":"Organization","name":"JepangBet"},"priceCurrency":"IDR","@type":"AggregateOffer","lowPrice":193600,"highPrice":220000,"availability":"https://schema.org/InStock"}}},{"@type":"ListItem","position":21,"item":{"@type":"Product","url":"https://meverettwrites.com/","name":"Slot Gacor JepangBet","aggregateRating":{"bestRating":5,"@type":"AggregateRating","ratingValue":5,"ratingCount":1,"worstRating":1},"offers":{"seller":{"@type":"Organization","name":"JepangBet"},"priceCurrency":"IDR","@type":"AggregateOffer","lowPrice":328760,"highPrice":328760,"availability":"https://schema.org/InStock"}}},{"@type":"ListItem","position":22,"item":{"@type":"Product","url":"https://meverettwrites.com/","name":"Situs Slot Gacor 777 JepangBet","aggregateRating":{"bestRating":5,"@type":"AggregateRating","ratingValue":5,"ratingCount":25,"worstRating":1},"offers":{"seller":{"@type":"Organization","name":"JepangBet"},"priceCurrency":"IDR","@type":"AggregateOffer","lowPrice":189100,"highPrice":200000,"availability":"https://schema.org/InStock"}}},{"@type":"ListItem","position":23,"item":{"@type":"Product","url":"https://meverettwrites.com/","name":"Daftar JepangBet","offers":{"seller":{"@type":"Organization","name":"JepangBet"},"priceCurrency":"IDR","@type":"AggregateOffer","lowPrice":150000,"highPrice":154000,"availability":"https://schema.org/InStock"}}},{"@type":"ListItem","position":24,"item":{"@type":"Product","url":"https://meverettwrites.com/","name":"Judi Slot Gacor JepangBet","offers":{"seller":{"@type":"Organization","name":"JepangBet"},"priceCurrency":"IDR","@type":"AggregateOffer","lowPrice":236000,"highPrice":259500,"availability":"https://schema.org/InStock"}}}],"@type":"ItemList","@context":"https://schema.org"}</script>
</div>
</div>
</div>
</div>
</section>
</div><!---->
<section data-v-24829147="" data-testid="productActionContainer" class="pdp-action">
<div data-v-9317a7ec="" data-v-24829147="" class="container" data-testid="bagRetailDesktop">
<!---->
<div data-v-9317a7ec="" class="bag-retail">
<div data-v-9317a7ec="" class="bag-retail__container">
<div data-v-9317a7ec="" class="bag-retail__product"><img data-v-9317a7ec=""
src="https://file-image.net/jepangbet/banerjepangbet.jpg"
alt="JepangBet" class="thumbnail">
<div data-v-9317a7ec="" class="thumbnail__icon"><!----></div><span
data-v-9317a7ec=""
title="JepangBet" class="name">
JepangBet ♜ Platform Slot Gacor Server Jepang Auto Cuan! </span><!---->
</div><!----><!----><!---->
<hr data-v-9317a7ec="" class="separator">
<div data-v-9317a7ec="" data-testid="bagRetailContextualDisplayPrice"
class="bag-retail__price"><!---->
<div data-v-9317a7ec="" class="tx-small label"> Total harga: </div>
<div data-v-9317a7ec="" class="bag-retail__price__displayed">
<div data-v-9317a7ec="" class="total-final">
<div data-v-9317a7ec="" class="contextual">
<div data-v-9317a7ec="" class="contextual__voucher"><svg
data-v-9317a7ec="" 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="#db181d"></path>
</svg></div>
<div data-v-9317a7ec="" class="contextual__price"> Rp10.000 </div>
</div>
</div>
<div data-v-9317a7ec="" class="bag-retail__wholesale-info"><!----><!---->
</div>
</div>
</div>
<div data-v-9317a7ec="" class="bag-retail__quantity">
<div data-v-9317a7ec="" class="bag-retail__quantity input-stepper__wrapper">
<div data-v-1e7baa58="" data-v-9317a7ec="" class="blu-input-stepper"><button
data-v-19fd2cc7="" data-v-9317a7ec="" 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-9317a7ec=""
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-9317a7ec=""
class="blu-field blu-input-stepper__input has-value"
data-v-1e7baa58=""><input data-v-9317a7ec="" autocomplete="none"
data-testid="bagRetailInput" min="1" type="number"
id="bli-input-uqtvk7uq9" 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-9317a7ec="" type="button"
class="blu-btn blu-input-stepper__plus b-ghost b-secondary"
data-testid="bagRetailAddQuantityButton" data-v-1e7baa58="">
<div data-v-574d97b4="" data-v-19fd2cc7="" class="blu-ripple">
<!----> <svg data-v-9317a7ec=""
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-9317a7ec="" class="bag-retail__action">
<div data-v-2d7eb6e6="" data-v-9317a7ec="" class="product-action"><a href="https://cutt.ly/vip-jepangbet"><button
data-v-19fd2cc7="" data-v-18080092="" data-v-2d7eb6e6="" 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"> DAFTAR </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="JepangBet"></div>
<div data-v-18080092="" data-v-574d97b4=""
class="price__offered-price"> Rp10.000 </div>
</div>
</div>
</div>
</button></a><a href="https://cutt.ly/join-jepangbet"><button data-v-19fd2cc7="" data-v-2d7eb6e6="" 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-574d97b4=""> LOGIN </span> </div>
</button></a>
<div data-v-d8fc8e0a="" data-v-2d7eb6e6="" 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="JepangBet">
<path
d="M16.46 3C14.02 3 12.97 4.05 12 6C11.03 4.05 9.98 3 7.54 3C4.02 3 2 6.03 2 9.49C2 14.99 10.52 21 12 21C13.48 21 22 14.96 22 9.49C22 6.05 20.02 3 16.46 3Z">
</path>
</svg></div>
</div>
</div>
</div>
</div>
</div>
</div>
</section>
<div data-v-0b9fb36a="" data-v-24829147="" class="seller-chat"><!----><span data-v-0ee5205b=""
data-v-0b9fb36a="" class="blu-tooltip b-top-center">
<article data-v-1b7c2afb="" data-v-0b9fb36a=""
class="blu-tooltip__content-wrapper b-page seller-chat__tooltip">
<div data-v-1b7c2afb="" class="blu-tooltip__content"><button data-v-1b7c2afb=""
class="blu-tooltip__close"><i data-v-1b7c2afb=""></i></button> Produknya
disediakan Blibli, jadi 100% orisinil. Chat Customer Care, ya, untuk pertanyaan
lebih lanjut. </div>
</article>
</span><!----></div>
<!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!---->
<script data-v-24829147=""
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":"Bliblimart","item":"https://www.blibli.com/c1/bliblimart/53400"},{"@type":"ListItem","position":3,"name":"Sembako & Bumbu Masak","item":"https://www.blibli.com/c2/sembako-bumbu-masak/MA-1000160"},{"@type":"ListItem","position":4,"name":"Situs Slot","item":"https://www.blibli.com/c3/aneka-beras/BE-1000233"},{"@type":"ListItem","position":5,"name":"Slot Gacor JepangBet","item":"https://www.blibli.com/c4/beras-lainnya/BE-1000236"},{"@type":"ListItem","position":6,"name":"JepangBet","item":"https://www.blibli.com/p/twin-pack-tropicana-slim-beras-porang-instan-1000-g/is--NUT-60023-01292-00001"}]}</script>
<script data-v-24829147="" type="application/ld+json">{
"@context": "https://schema.org",
"@type": "Slot Gacor JepangBet",
"name": "Slot Gacor JepangBet",
"image": "https://res.cloudinary.com/dzmfn21t6/image/upload/v1743654282/favicon-jepanbet.png",
"address": {
"@type": "PostalAddress",
"addressLocality": "Jln. Timur 291, DKI Jakarta, Jakarta 10110"
},
"url": "https://meverettwrites.com/",
"telephone": "+6283152118750",
"priceRange": "$"
}</script>
<script data-v-24829147=""
type="application/ld+json">{"image":"https://file-image.net/jepangbet/banerjepangbet.jpg","@type":"Product","url":"https://meverettwrites.com/","name":"JepangBet","sku":"NUT-60023-01292","@context":"https://schema.org","description":"<p><span>JepangBet Situs Slot Gacor Hari Ini Yang Memberikan Permainan Wis77jp Paling Menarik.</span></p>","category":"JepangBet, hanya 77, Slot JepangBet, JepangBet Slot, Slot, Slot Gacor, Slot Online, Situs Slot, Situs Slot Gacor, Slot Gacor 777","aggregateRating":{"bestRating":5,"@type":"AggregateRating","ratingValue":5,"ratingCount":6,"worstRating":1},"brand":{"@type":"Brand","name":"Tropicana Slim","url":"/brand/tropicana-slim"},"offers":{"seller":{"@type":"Organization","name":"JepangBet"},"priceCurrency":"IDR","@type":"AggregateOffer","lowPrice":343900,"highPrice":420000,"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-cd412324="" class="pdp-blue">
<div data-v-cd412324="" class="pdp-top">
<div data-v-cd412324="" class="pdp-top--mid">
<section data-v-cd412324="" class="pdp__campaign"></section>
<section data-v-cd412324="" class="pdp__price"></section>
<section data-v-cd412324="" class="pdp__info">
<div data-v-cb24e981="" data-v-cd412324="" class="product-info"></div><!---->
</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.0-1/desktop/index.js"></script>
<link data-v-c421a338="" rel="stylesheet"
href="https://www.static-src.com/frontend/product-detail/static/2.26.0-1/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><!----><!----></div><!----></div>
<div id="app3">
<div><!---->
<div><!----></div>
<div><!----></div>
</div>
<a style="display:none" href="https://meverettwrites.com/" rel="dofollow">Slot JepangBet</a>
</div>
<div id="chat-button"></div>
<div id="sdc"></div>
<link rel="preload" crossorigin=""
href="https://www.static-src.com/frontend/product-detail/static/2.26.0-1/desktop/index.js" as="script">
<link rel="preload" href="https://www.static-src.com/frontend/product-detail/static/2.26.0-1/desktop/index.css"
as="style">
<link rel="preload" crossorigin=""
href="https://www.static-src.com/frontend/product-detail/static/2.26.0-1/desktop/js/GatewayPage.js" as="script">
<link rel="preload" crossorigin=""
href="https://www.static-src.com/frontend/product-detail/static/2.26.0-1/desktop/js/product-id-mixin.js"
as="script">
<link rel="preload" crossorigin=""
href="https://www.static-src.com/frontend/product-detail/static/2.26.0-1/desktop/js/summary-mixin.js"
as="script">
<link rel="preload" crossorigin=""
href="https://www.static-src.com/frontend/product-detail/static/2.26.0-1/desktop/js/referrer-mixin.js"
as="script">
<link rel="preload" crossorigin=""
href="https://www.static-src.com/frontend/product-detail/static/2.26.0-1/desktop/js/DetailPage.js" as="script">
<script src="/sw/companion/v1/companion.js" data-service-worker="/serviceworker.js" defer="defer"></script>
<!--vue-ssr-js-->
<!--vue-ssr-collab-js-->
<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="">!function (d, e, f, a, b, c) { d.twq || (a = d.twq = function () { a.exe ? a.exe.apply(a, arguments) : a.queue.push(arguments) }, a.version = "1.1", a.queue = [], b = e.createElement(f), b.async = !0, b.src = "https://static.ads-twitter.com/uwt.js", c = e.getElementsByTagName(f)[0], c.parentNode.insertBefore(b, c)) }(window, document, "script"); twq("config", google_tag_manager["rm"]["10058345"](3));</script>
<script defer src="https://static.cloudflareinsights.com/beacon.min.js/vcd15cbe7772f49c399c6a5babf22c1241717689176015" integrity="sha512-ZpsOmlRQV6y907TI0dKBHq9Md29nnaEIPlkf84rnaERnq6zvWvPUqr2ft8M1aS28oN72PdrCzSjY4U6VaAw1EQ==" data-cf-beacon='{"rayId":"92329d7eaaeea1b4","version":"2025.1.0","r":1,"token":"294058953c9f4d3a92c12abcdd365a52","serverTiming":{"name":{"cfExtPri":true,"cfL4":true,"cfSpeedBrain":true,"cfCacheStatus":true}}}' crossorigin="anonymous"></script>
</body>
</html>