beautylifehub.com Ads.txt file
<!doctype html>
<html lang="id-ID">
<head>
<style>
@font-face {
font-family: Museo Sans;
src: url(https://cdn.appsflyer.com/creatives-fonts/museo_sans/MuseoSans_700-webfont.eot);
src: url(https://cdn.appsflyer.com/creatives-fonts/museo_sans/MuseoSans_700-webfont.eot?#iefix) format('embedded-opentype'), url(https://cdn.appsflyer.com/creatives-fonts/museo_sans/MuseoSans_700-webfont.woff2) format('woff2'), url(https://cdn.appsflyer.com/creatives-fonts/museo_sans/MuseoSans_700-webfont.woff) format('woff'), url(https://cdn.appsflyer.com/creatives-fonts/museo_sans/MuseoSans_700-webfont.ttf) format('truetype'), url(https://cdn.appsflyer.com/creatives-fonts/museo_sans/MuseoSans_700-webfont.svg#museo_sans500) format('svg');
font-weight: 700;
font-style: normal
}
@font-face {
font-family: Cairo;
src: url(https://cdn.appsflyer.com/creatives-fonts/cairo/cairo-700-bold.ttf);
src: url(https://cdn.appsflyer.com/creatives-fonts/cairo/cairo-700-bold.ttf) format('truetype');
font-weight: 700;
font-style: normal
}
@font-face {
font-family: Exo2;
src: url(https://cdn.appsflyer.com/creatives-fonts/exo2/exo2-700-bold.ttf);
src: url(https://cdn.appsflyer.com/creatives-fonts/exo2/exo2-700-bold.ttf) format('truetype');
font-weight: 700;
font-style: normal
}
.responsive-wrapper {
font-size: 10px
}
@media only screen and (min-width:200px) and (max-width:360px) {
.responsive-wrapper {
font-size: 8px
}
}
@media only screen and (min-width:360px) and (max-width:390px) {
.responsive-wrapper {
font-size: 10px
}
}
@media only screen and (min-width:391px) {
.responsive-wrapper {
font-size: 12px
}
}
</style>
<title>LEXUS888 : Website Resmi Tempat Mainnya Para Sultan</title>
<meta name="description"
content="LEXUS888 adalah website resmi para sultan. Waspada situs palsu! Daftar sekarang dan nikmati slot gacor, live casino, sportsbook, dan sabung ayam terpercaya.">
<meta name="robots" content="index, follow, max-image-preview:large">
<meta name="google-site-verification" content="tsyCrfvlfFcPg631lFCy5i4trIu9r5KCROLCDk9_DZ8" />
<meta name="google-site-verification" content="LgiQh0Ol5GwXsaxZKLS1qSeObS2ja3XyTCUE0uPIjmE" />
<meta name="google-site-verification" content="TUJLQMzSnUk-qgG19V6zLX3SczIeN95Fg48XVmsg8rw" />
<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">
<meta name="theme-color" content="#CEC43F">
<link rel="icon" type="image/png" sizes="16x16" href="img/icon-lexus888.webp">
<link rel="icon" type="image/png" sizes="32x32" href="img/icon-lexus888.webp">
<link rel="icon" type="image/png" sizes="60x60" href="img/icon-lexus888.webp">
<link rel="icon" type="image/png" sizes="144x144" href="img/icon-lexus888.webp">
<link rel="apple-touch-icon" sizes="16x16" href="img/icon-lexus888.webp">
<link rel="apple-touch-icon" sizes="32x32" href="img/icon-lexus888.webp">
<link rel="apple-touch-icon" sizes="60x60" href="img/icon-lexus888.webp">
<link rel="apple-touch-icon" sizes="144x144" href="img/icon-lexus888.webp">
<meta property="og:site_name" content="championcustomcarts.com">
<meta property="og:type" content="website">
<meta name="twitter:card" content="summary">
<meta name="twitter:site" content="@bliblidotcom">
<meta name="twitter:creator" content="@bliblidotcom">
<link href="https://championcustomcarts.com/opensearch.xml" title="championcustomcarts.com Search"
type="application/opensearchdescription+xml" rel="search">
<script>
function attachPublicPath(e) {
window["_" + e + "_staticPublicPath"] = function () {
return "https://www.static-src.com/frontend/" + (e && "" !== e && "main" !== e ? e + "/" : "")
}
}
attachPublicPath("main");
window._env_prefix = "";
window._static_image_path = "https://www.static-src.com/wcsstore/Indraprastha/";
</script>
<script>!function () { var e, t, i, d; e = "stylesheet", t = window._main_staticPublicPath() + "static/index.5da5dd52.css", i = void 0, (d = document.createElement("link")).rel = e, d.href = t, i && (d.integrity = i), document.head.appendChild(d) }()</script>
<link rel="stylesheet" href="https://www.static-src.com/frontend/static/index.5da5dd52.css" />
<link rel="stylesheet" href="https://www.static-src.com/frontend/static/index.5da5dd52.css">
<link rel="stylesheet" href="https://www.static-src.com/frontend/static/index.5da5dd52.css">
<link rel="stylesheet" href="https://www.static-src.com/frontend/product-detail/static/2.26.1-8/mobile/index.css">
<style>
.blu-ripple[data-v-2bedc3c7] {
width: 100%;
height: 100%;
position: relative;
overflow: hidden;
display: flex;
justify-content: center;
align-items: center;
-webkit-box-pack: center;
-webkit-box-align: center;
-webkit-mask-image: radial-gradient(circle, #fff 100%, #000 0);
padding: 0 12px
}
.blu-ripple-wave[data-v-2bedc3c7] {
position: absolute;
z-index: 1;
pointer-events: none;
background: currentColor;
border-radius: 50%;
opacity: 0;
transform: scale(2) translateZ(0)
}
.blu-ripple-wave.b-centered[data-v-2bedc3c7] {
animation-duration: 1.2s;
top: 50%;
left: 50%
}
.blu-ripple-wave~[data-v-2bedc3c7]:not(.blu-ripple-wave) {
position: relative;
z-index: 2
}
.blu-ripple-enter-active[data-v-2bedc3c7] {
transition: 2s cubic-bezier(.25, .8, .25, 1);
transition-property: opacity, transform;
will-change: opacity, transform
}
.blu-ripple-enter-active.b-centered[data-v-2bedc3c7] {
transition-duration: 1.2s
}
.blu-ripple-enter[data-v-2bedc3c7] {
opacity: .26;
transform: scale(.26) translateZ(0)
}
.has-left-icon .blu-ripple svg[data-v-2bedc3c7] {
margin-right: 8px
}
.has-left-icon.b-small svg[data-v-2bedc3c7] {
transform-origin: left;
margin-right: 4px
}
.b-large .blu-ripple[data-v-2bedc3c7] {
padding: 0 16px
}
.b-small .blu-ripple[data-v-2bedc3c7] {
padding: 0 8px
}
.b-small svg[data-v-2bedc3c7] {
width: 18px;
height: 18px
}
.b-icon .blu-ripple[data-v-2bedc3c7] {
padding: 0
}
.b-loading .blu-loader-wrapper[data-v-2bedc3c7] {
height: 24px;
position: absolute
}
.b-loading .blu-ripple[data-v-2bedc3c7] {
color: transparent
}
.b-loading .blu-ripple>svg[data-v-2bedc3c7] {
visibility: hidden
}
.b-loading .blu-ripple .blu-ripple-wave[data-v-2bedc3c7] {
color: #fff
}
.b-loading.b-outline.b-secondary .blu-ripple-wave[data-v-2bedc3c7],
.b-loading.b-white .blu-ripple-wave[data-v-2bedc3c7] {
color: #CEC43F
}
.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: #CEC43F
}
.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: #CEC43F
}
.b-disabled[data-v-2bedc3c7] {
opacity: 1
}
.blu-btn-dropdown .blu-ripple>svg+div[data-v-2bedc3c7] {
margin-left: 8px
}
.blu-ripple[data-v-574d97b4] {
width: 100%;
height: 100%;
position: relative;
overflow: hidden;
display: flex;
justify-content: center;
align-items: center;
-webkit-box-pack: center;
-webkit-box-align: center;
-webkit-mask-image: radial-gradient(circle, #fff 100%, #000 0);
padding: 0 12px
}
.blu-ripple-wave[data-v-574d97b4] {
position: absolute;
z-index: 1;
pointer-events: none;
background: currentColor;
border-radius: 50%;
opacity: 0;
transform: scale(2) translateZ(0)
}
.blu-ripple-wave.b-centered[data-v-574d97b4] {
animation-duration: 1.2s;
top: 50%;
left: 50%
}
.blu-ripple-wave~[data-v-574d97b4]:not(.blu-ripple-wave) {
position: relative;
z-index: 2
}
.blu-ripple-enter-active[data-v-574d97b4] {
transition: 2s cubic-bezier(.25, .8, .25, 1);
transition-property: opacity, transform;
will-change: opacity, transform
}
.blu-ripple-enter-active.b-centered[data-v-574d97b4] {
transition-duration: 1.2s
}
.blu-ripple-enter[data-v-574d97b4] {
opacity: .26;
transform: scale(.26) translateZ(0)
}
.has-left-icon .blu-ripple svg[data-v-574d97b4] {
margin-right: 8px
}
.has-left-icon.b-small svg[data-v-574d97b4] {
transform-origin: left;
margin-right: 4px
}
.b-large .blu-ripple[data-v-574d97b4] {
padding: 0 16px
}
.b-small .blu-ripple[data-v-574d97b4] {
padding: 0 8px
}
.b-small svg[data-v-574d97b4] {
width: 18px;
height: 18px
}
.b-icon .blu-ripple[data-v-574d97b4] {
padding: 0
}
.b-loading .blu-loader-wrapper[data-v-574d97b4] {
height: 24px;
position: absolute
}
.b-loading .blu-ripple[data-v-574d97b4] {
color: transparent
}
.b-loading .blu-ripple>svg[data-v-574d97b4] {
visibility: hidden
}
.b-loading .blu-ripple .blu-ripple-wave[data-v-574d97b4] {
color: #fff
}
.b-loading.b-outline.b-secondary .blu-ripple-wave[data-v-574d97b4],
.b-loading.b-white .blu-ripple-wave[data-v-574d97b4] {
color: #CEC43F
}
.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: #CEC43F
}
.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: #CEC43F
}
.b-disabled[data-v-574d97b4] {
opacity: 1
}
.blu-btn-dropdown .blu-ripple>svg+div[data-v-574d97b4] {
margin-left: 8px
}
.blu-ripple[data-v-19fd2cc7] {
width: 100%;
height: 100%;
position: relative;
overflow: hidden;
display: flex;
justify-content: center;
align-items: center;
-webkit-box-pack: center;
-webkit-box-align: center;
-webkit-mask-image: radial-gradient(circle, #fff 100%, #000 0);
padding: 0 12px
}
.blu-ripple-wave[data-v-19fd2cc7] {
position: absolute;
z-index: 1;
pointer-events: none;
background: currentColor;
border-radius: 50%;
opacity: 0;
transform: scale(2) translateZ(0)
}
.blu-ripple-wave.b-centered[data-v-19fd2cc7] {
animation-duration: 1.2s;
top: 50%;
left: 50%
}
.blu-ripple-wave~[data-v-19fd2cc7]:not(.blu-ripple-wave) {
position: relative;
z-index: 2
}
.blu-ripple-enter-active[data-v-19fd2cc7] {
transition: 2s cubic-bezier(.25, .8, .25, 1);
transition-property: opacity, transform;
will-change: opacity, transform
}
.blu-ripple-enter-active.b-centered[data-v-19fd2cc7] {
transition-duration: 1.2s
}
.blu-ripple-enter[data-v-19fd2cc7] {
opacity: .26;
transform: scale(.26) translateZ(0)
}
.has-left-icon .blu-ripple svg[data-v-19fd2cc7] {
margin-right: 8px
}
.has-left-icon.b-small svg[data-v-19fd2cc7] {
transform-origin: left;
margin-right: 4px
}
.b-large .blu-ripple[data-v-19fd2cc7] {
padding: 0 16px
}
.b-small .blu-ripple[data-v-19fd2cc7] {
padding: 0 8px
}
.b-small svg[data-v-19fd2cc7] {
width: 18px;
height: 18px
}
.b-icon .blu-ripple[data-v-19fd2cc7] {
padding: 0
}
.b-loading .blu-loader-wrapper[data-v-19fd2cc7] {
height: 24px;
position: absolute
}
.b-loading .blu-ripple[data-v-19fd2cc7] {
color: transparent
}
.b-loading .blu-ripple>svg[data-v-19fd2cc7] {
visibility: hidden
}
.b-loading .blu-ripple .blu-ripple-wave[data-v-19fd2cc7] {
color: #fff
}
.b-loading.b-outline.b-secondary .blu-ripple-wave[data-v-19fd2cc7],
.b-loading.b-white .blu-ripple-wave[data-v-19fd2cc7] {
color: #CEC43F
}
.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: #CEC43F
}
.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: #CEC43F
}
.blu-btn-dropdown .blu-ripple>svg+div[data-v-19fd2cc7] {
margin-left: 8px
}
.blu-btn[data-v-19fd2cc7] {
position: relative;
font: 16px/20px blibli demi bold, -apple-system, segoe ui, roboto, helvetica, arial, sans-serif;
text-decoration: none;
transition: color .4s, background-color .4s, border-color .6s;
white-space: nowrap;
height: 48px;
padding: 0;
-webkit-tap-highlight-color: transparent
}
.blu-btn[data-v-19fd2cc7]::-moz-focus-inner {
border: 0
}
.blu-btn[data-v-19fd2cc7]:active {
outline: 0
}
.blu-btn[data-v-19fd2cc7]:before {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
z-index: 1;
opacity: 0;
transition: .4s cubic-bezier(.4, 0, .2, 1);
will-change: background-color, opacity;
content: " "
}
.blu-btn[data-v-19fd2cc7]:focus-visible {
box-shadow: 0 0 0 4px #000
}
.blu-btn.b-primary[data-v-19fd2cc7] {
color: #fff;
background-color: #f1ab02;
border-color: #f1ab02
}
.blu-btn.b-primary:not(.b-disabled).b-active[data-v-19fd2cc7],
.blu-btn.b-primary[data-v-19fd2cc7]:not(.b-disabled):focus-visible,
.blu-btn.b-primary[data-v-19fd2cc7]:not(.b-disabled):hover {
background-color: #e39304;
border-color: #e39304
}
.blu-btn.b-secondary[data-v-19fd2cc7] {
color: #fff;
background-color: #CEC43F;
border-color: #CEC43F
}
.blu-btn.b-secondary:not(.b-disabled).b-active[data-v-19fd2cc7],
.blu-btn.b-secondary[data-v-19fd2cc7]:not(.b-disabled):focus-visible,
.blu-btn.b-secondary[data-v-19fd2cc7]:not(.b-disabled):hover {
background-color: #006dea;
border-color: #006dea
}
.blu-btn.b-white[data-v-19fd2cc7] {
color: #fff;
background-color: #fff;
border-color: #fff;
color: #CEC43F
}
.blu-btn.b-white:not(.b-disabled).b-active[data-v-19fd2cc7],
.blu-btn.b-white[data-v-19fd2cc7]:not(.b-disabled):focus-visible,
.blu-btn.b-white[data-v-19fd2cc7]:not(.b-disabled):hover {
background-color: #f1f2f2;
border-color: #f1f2f2
}
.blu-btn.b-disabled[data-v-19fd2cc7] {
color: #fff;
color: rgba(25, 34, 42, .4)
}
.blu-btn.b-disabled:not(.b-disabled).b-active[data-v-19fd2cc7],
.blu-btn.b-disabled[data-v-19fd2cc7],
.blu-btn.b-disabled[data-v-19fd2cc7]:not(.b-disabled):focus-visible,
.blu-btn.b-disabled[data-v-19fd2cc7]:not(.b-disabled):hover {
background-color: #c8cbcd;
border-color: #c8cbcd
}
.blu-btn.b-large[data-v-19fd2cc7] {
height: 56px
}
.blu-btn.b-small[data-v-19fd2cc7] {
font: 14px/18px blibli demi bold, -apple-system, segoe ui, roboto, helvetica, arial, sans-serif;
height: 32px
}
.b-disabled[data-v-19fd2cc7] {
opacity: 1
}
input[type=button][data-v-19fd2cc7]::-moz-focus-inner,
input[type=submit][data-v-19fd2cc7]::-moz-focus-inner {
border: 0
}
a[data-v-19fd2cc7],
button[data-v-19fd2cc7]:focus,
input[type=button][data-v-19fd2cc7]:focus,
input[type=reset][data-v-19fd2cc7]:focus,
input[type=submit][data-v-19fd2cc7]:focus {
outline: 0
}
a[data-v-19fd2cc7],
a[data-v-19fd2cc7]:active,
a[data-v-19fd2cc7]:focus,
a[data-v-19fd2cc7]:hover,
a[data-v-19fd2cc7]:visited {
outline: 0 none !important
}
.blu-btn[data-v-19fd2cc7] {
border-radius: 24px
}
.blu-btn+.blu-button[data-v-19fd2cc7] {
margin-left: 0
}
.blu-btn.b-outline[data-v-19fd2cc7] {
background-color: transparent
}
.blu-btn.b-outline.b-primary[data-v-19fd2cc7] {
color: #f1ab02;
background-color: #e39304;
border: 1px solid #ffcd00
}
.blu-btn.b-outline.b-primary[data-v-19fd2cc7]:not(.b-disabled) {
background-color: hsla(0, 0%, 100%, .12)
}
.blu-btn.b-outline.b-primary:not(.b-disabled).b-active[data-v-19fd2cc7],
.blu-btn.b-outline.b-primary[data-v-19fd2cc7]:not(.b-disabled):focus-visible,
.blu-btn.b-outline.b-primary[data-v-19fd2cc7]:not(.b-disabled):hover {
background-color: rgba(227, 147, 4, .08);
border: 1px solid #ffcd00
}
.blu-btn.b-outline.b-primary.b-active[data-v-19fd2cc7] {
z-index: 9;
background-color: #f1ab02;
color: #fff
}
.blu-btn.b-outline.b-secondary[data-v-19fd2cc7] {
color: #CEC43F;
background-color: #006dea;
border: 1px solid #1d8fff
}
.blu-btn.b-outline.b-secondary[data-v-19fd2cc7]:not(.b-disabled) {
background-color: hsla(0, 0%, 100%, .12)
}
.blu-btn.b-outline.b-secondary:not(.b-disabled).b-active[data-v-19fd2cc7],
.blu-btn.b-outline.b-secondary[data-v-19fd2cc7]:not(.b-disabled):focus-visible,
.blu-btn.b-outline.b-secondary[data-v-19fd2cc7]:not(.b-disabled):hover {
background-color: rgba(0, 109, 234, .08);
border: 1px solid #1d8fff
}
.blu-btn.b-outline.b-secondary.b-active[data-v-19fd2cc7] {
z-index: 9;
background-color: #CEC43F;
color: #fff
}
.blu-btn.b-outline.b-white[data-v-19fd2cc7] {
color: #fff;
background-color: #fff;
border: 1px solid #fff
}
.blu-btn.b-outline.b-white[data-v-19fd2cc7]:not(.b-disabled) {
background-color: hsla(0, 0%, 100%, .12)
}
.blu-btn.b-outline.b-white:not(.b-disabled).b-active[data-v-19fd2cc7],
.blu-btn.b-outline.b-white[data-v-19fd2cc7]:not(.b-disabled):focus-visible,
.blu-btn.b-outline.b-white[data-v-19fd2cc7]:not(.b-disabled):hover {
background-color: hsla(0, 0%, 100%, .4);
border: 1px solid #fff
}
.blu-btn.b-outline.b-white.b-active[data-v-19fd2cc7] {
z-index: 9;
background-color: #fff;
color: #fff
}
.blu-btn.b-outline.b-disabled[data-v-19fd2cc7] {
color: rgba(25, 34, 42, .4);
background-color: #c8cbcd;
border: 1px solid #c8cbcd
}
.blu-btn.b-outline.b-disabled[data-v-19fd2cc7]:not(.b-disabled) {
background-color: hsla(0, 0%, 100%, .12)
}
.blu-btn.b-outline.b-disabled:not(.b-disabled).b-active[data-v-19fd2cc7],
.blu-btn.b-outline.b-disabled[data-v-19fd2cc7]:not(.b-disabled):focus-visible,
.blu-btn.b-outline.b-disabled[data-v-19fd2cc7]:not(.b-disabled):hover {
background-color: rgba(200, 203, 205, .08);
border: 1px solid #c8cbcd
}
.blu-btn.b-outline.b-disabled.b-active[data-v-19fd2cc7] {
z-index: 9;
background-color: rgba(25, 34, 42, .4);
color: #fff
}
.blu-btn.b-outline.b-small .blu-ripple[data-v-19fd2cc7] {
border-radius: 14px
}
.blu-btn.b-outline.b-large .blu-ripple[data-v-19fd2cc7] {
border-radius: 30px
}
.blu-btn.b-ghost[data-v-19fd2cc7] {
background-color: transparent;
border-color: transparent
}
.blu-btn.b-ghost.b-primary[data-v-19fd2cc7] {
color: #f1ab02;
border-color: transparent
}
.blu-btn.b-ghost.b-primary:not(.b-disabled).b-active[data-v-19fd2cc7],
.blu-btn.b-ghost.b-primary[data-v-19fd2cc7]:not(.b-disabled):focus-visible,
.blu-btn.b-ghost.b-primary[data-v-19fd2cc7]:not(.b-disabled):hover {
border-color: transparent;
background-color: rgba(227, 147, 4, .08)
}
.blu-btn.b-ghost.b-secondary[data-v-19fd2cc7] {
color: #CEC43F;
border-color: transparent
}
.blu-btn.b-ghost.b-secondary:not(.b-disabled).b-active[data-v-19fd2cc7],
.blu-btn.b-ghost.b-secondary[data-v-19fd2cc7]:not(.b-disabled):focus-visible,
.blu-btn.b-ghost.b-secondary[data-v-19fd2cc7]:not(.b-disabled):hover {
border-color: transparent;
background-color: rgba(0, 109, 234, .08)
}
.blu-btn.b-ghost.b-white[data-v-19fd2cc7] {
color: #fff;
border-color: transparent
}
.blu-btn.b-ghost.b-white:not(.b-disabled).b-active[data-v-19fd2cc7],
.blu-btn.b-ghost.b-white[data-v-19fd2cc7]:not(.b-disabled):focus-visible,
.blu-btn.b-ghost.b-white[data-v-19fd2cc7]:not(.b-disabled):hover {
border-color: transparent;
background-color: hsla(0, 0%, 100%, .4)
}
.blu-btn.b-ghost.b-white.b-disabled[data-v-19fd2cc7] {
color: hsla(0, 0%, 100%, .4);
border-color: transparent
}
.blu-btn.b-ghost.b-white.b-disabled:not(.b-disabled).b-active[data-v-19fd2cc7],
.blu-btn.b-ghost.b-white.b-disabled[data-v-19fd2cc7]:not(.b-disabled):focus-visible,
.blu-btn.b-ghost.b-white.b-disabled[data-v-19fd2cc7]:not(.b-disabled):hover {
border-color: transparent;
background-color: transparent
}
.blu-btn.b-ghost.b-disabled[data-v-19fd2cc7] {
color: rgba(25, 34, 42, .4);
border-color: transparent
}
.blu-btn.b-ghost.b-disabled:not(.b-disabled).b-active[data-v-19fd2cc7],
.blu-btn.b-ghost.b-disabled[data-v-19fd2cc7]:not(.b-disabled):focus-visible,
.blu-btn.b-ghost.b-disabled[data-v-19fd2cc7]:not(.b-disabled):hover {
border-color: transparent;
background-color: transparent
}
.blu-btn.b-warning[data-v-19fd2cc7] {
color: #fff;
background-color: #ffcd00;
border-color: #ffcd00
}
.blu-btn.b-warning:not(.b-disabled).b-active[data-v-19fd2cc7],
.blu-btn.b-warning[data-v-19fd2cc7]:not(.b-disabled):focus-visible,
.blu-btn.b-warning[data-v-19fd2cc7]:not(.b-disabled):hover {
background-color: #cca400;
border-color: #cca400
}
.blu-btn.b-danger[data-v-19fd2cc7] {
color: #fff;
background-color: #ff4646;
border-color: #ff4646
}
.blu-btn.b-danger:not(.b-disabled).b-active[data-v-19fd2cc7],
.blu-btn.b-danger[data-v-19fd2cc7]:not(.b-disabled):focus-visible,
.blu-btn.b-danger[data-v-19fd2cc7]:not(.b-disabled):hover {
background-color: #ff1313;
border-color: #ff1313
}
.blu-btn.b-small .blu-ripple[data-v-19fd2cc7],
.blu-btn.b-small[data-v-19fd2cc7] {
border-radius: 16px
}
.blu-btn.b-large .blu-ripple[data-v-19fd2cc7],
.blu-btn.b-large[data-v-19fd2cc7] {
border-radius: 32px
}
.blu-btn.b-icon[data-v-19fd2cc7] {
width: 48px
}
.blu-btn.b-icon.b-large[data-v-19fd2cc7] {
width: 56px
}
.blu-btn.b-icon.b-small[data-v-19fd2cc7] {
width: 32px
}
.blu-btn.b-icon svg[data-v-19fd2cc7] {
width: 100%;
height: 100%
}
.blu-btn.b-full-width[data-v-19fd2cc7] {
width: 100%
}
.blu-btn .blu-ripple[data-v-19fd2cc7] {
border-radius: 24px
}
.blu-ripple[data-v-2bedc3c7] {
width: 100%;
height: 100%;
position: relative;
overflow: hidden;
display: flex;
justify-content: center;
align-items: center;
-webkit-box-pack: center;
-webkit-box-align: center;
-webkit-mask-image: radial-gradient(circle, #fff 100%, #000 0);
padding: 0 12px
}
.blu-ripple-wave[data-v-2bedc3c7] {
position: absolute;
z-index: 1;
pointer-events: none;
background: currentColor;
border-radius: 50%;
opacity: 0;
transform: scale(2) translateZ(0)
}
.blu-ripple-wave.b-centered[data-v-2bedc3c7] {
animation-duration: 1.2s;
top: 50%;
left: 50%
}
.blu-ripple-wave~[data-v-2bedc3c7]:not(.blu-ripple-wave) {
position: relative;
z-index: 2
}
.blu-ripple-enter-active[data-v-2bedc3c7] {
transition: 2s cubic-bezier(.25, .8, .25, 1);
transition-property: opacity, transform;
will-change: opacity, transform
}
.blu-ripple-enter-active.b-centered[data-v-2bedc3c7] {
transition-duration: 1.2s
}
.blu-ripple-enter[data-v-2bedc3c7] {
opacity: .26;
transform: scale(.26) translateZ(0)
}
.has-left-icon .blu-ripple svg[data-v-2bedc3c7] {
margin-right: 8px
}
.has-left-icon.b-small svg[data-v-2bedc3c7] {
transform-origin: left;
margin-right: 4px
}
.b-large .blu-ripple[data-v-2bedc3c7] {
padding: 0 16px
}
.b-small .blu-ripple[data-v-2bedc3c7] {
padding: 0 8px
}
.b-small svg[data-v-2bedc3c7] {
width: 18px;
height: 18px
}
.b-icon .blu-ripple[data-v-2bedc3c7] {
padding: 0
}
.b-loading .blu-loader-wrapper[data-v-2bedc3c7] {
height: 24px;
position: absolute
}
.b-loading .blu-ripple[data-v-2bedc3c7] {
color: transparent
}
.b-loading .blu-ripple>svg[data-v-2bedc3c7] {
visibility: hidden
}
.b-loading .blu-ripple .blu-ripple-wave[data-v-2bedc3c7] {
color: #fff
}
.b-loading.b-outline.b-secondary .blu-ripple-wave[data-v-2bedc3c7],
.b-loading.b-white .blu-ripple-wave[data-v-2bedc3c7] {
color: #CEC43F
}
.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: #CEC43F
}
.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: #CEC43F
}
.b-disabled[data-v-2bedc3c7] {
opacity: 1
}
.blu-btn-dropdown .blu-ripple>svg+div[data-v-2bedc3c7] {
margin-left: 8px
}
.blu-ripple[data-v-574d97b4] {
width: 100%;
height: 100%;
position: relative;
overflow: hidden;
display: flex;
justify-content: center;
align-items: center;
-webkit-box-pack: center;
-webkit-box-align: center;
-webkit-mask-image: radial-gradient(circle, #fff 100%, #000 0);
padding: 0 12px
}
.blu-ripple-wave[data-v-574d97b4] {
position: absolute;
z-index: 1;
pointer-events: none;
background: currentColor;
border-radius: 50%;
opacity: 0;
transform: scale(2) translateZ(0)
}
.blu-ripple-wave.b-centered[data-v-574d97b4] {
animation-duration: 1.2s;
top: 50%;
left: 50%
}
.blu-ripple-wave~[data-v-574d97b4]:not(.blu-ripple-wave) {
position: relative;
z-index: 2
}
.blu-ripple-enter-active[data-v-574d97b4] {
transition: 2s cubic-bezier(.25, .8, .25, 1);
transition-property: opacity, transform;
will-change: opacity, transform
}
.blu-ripple-enter-active.b-centered[data-v-574d97b4] {
transition-duration: 1.2s
}
.blu-ripple-enter[data-v-574d97b4] {
opacity: .26;
transform: scale(.26) translateZ(0)
}
.has-left-icon .blu-ripple svg[data-v-574d97b4] {
margin-right: 8px
}
.has-left-icon.b-small svg[data-v-574d97b4] {
transform-origin: left;
margin-right: 4px
}
.b-large .blu-ripple[data-v-574d97b4] {
padding: 0 16px
}
.b-small .blu-ripple[data-v-574d97b4] {
padding: 0 8px
}
.b-small svg[data-v-574d97b4] {
width: 18px;
height: 18px
}
.b-icon .blu-ripple[data-v-574d97b4] {
padding: 0
}
.b-loading .blu-loader-wrapper[data-v-574d97b4] {
height: 24px;
position: absolute
}
.b-loading .blu-ripple[data-v-574d97b4] {
color: transparent
}
.b-loading .blu-ripple>svg[data-v-574d97b4] {
visibility: hidden
}
.b-loading .blu-ripple .blu-ripple-wave[data-v-574d97b4] {
color: #fff
}
.b-loading.b-outline.b-secondary .blu-ripple-wave[data-v-574d97b4],
.b-loading.b-white .blu-ripple-wave[data-v-574d97b4] {
color: #CEC43F
}
.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: #CEC43F
}
.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: #CEC43F
}
.b-disabled[data-v-574d97b4] {
opacity: 1
}
.blu-btn-dropdown .blu-ripple>svg+div[data-v-574d97b4] {
margin-left: 8px
}
</style>
<script>window.SERVER_CACHE = (() => ({
cachedKeys: ["cmsConfig", "searchConfig", "routerConfig"],
expiryTime: Date.now() + 15_000
}))()</script>
<script
src="https://championcustomcarts.com/backend/content/thematic/thematic_configuration_non_canary.js"></script>
<link rel="preload" as="image" href="img/lexus888.webp?w=860">
<style type="text/css">
.label[data-v-c89634de] {
height: 16px;
padding: 0 8px;
display: inline-flex;
align-items: center;
font: 12px/16px "blibli demi bold", -apple-system, segoe ui, roboto, helvetica, arial, sans-serif;
text-decoration: none;
color: #fff;
border-radius: 4px;
background-color: #f1f2f2;
white-space: nowrap
}
.label button[data-v-c89634de] {
padding: 0;
margin-right: -4px;
top: 2px
}
.label button svg[data-v-c89634de] {
margin-right: -6px;
margin-top: 2px;
transform: scale(.75);
transform-origin: left;
color: #fff
}
.label button.b-primary[data-v-c89634de] {
color: #fff
}
.label.b-secondary button svg[data-v-c89634de] {
color: #CEC43F
}
.label.b-dot[data-v-c89634de] {
width: 8px;
height: 8px;
padding: 0;
font-size: 0
}
.label.b-border[data-v-c89634de] {
box-shadow: 0 0 0 1px #fff
}
.label[data-v-c89634de] {
background-color: #ff4646
}
.label.b-secondary[data-v-c89634de] {
background-color: #ffe6e6;
color: #e93c3c
}
</style>
<style type="text/css">
.label[data-v-2c6dbc7f] {
height: 16px;
padding: 0 8px;
display: inline-flex;
align-items: center;
font: 12px/16px "blibli demi bold", -apple-system, segoe ui, roboto, helvetica, arial, sans-serif;
text-decoration: none;
color: #fff;
border-radius: 4px;
background-color: #f1f2f2;
white-space: nowrap
}
.label button[data-v-2c6dbc7f] {
padding: 0;
margin-right: -4px;
top: 2px
}
.label button svg[data-v-2c6dbc7f] {
margin-right: -6px;
margin-top: 2px;
transform: scale(.75);
transform-origin: left;
color: #fff
}
.label button.b-primary[data-v-2c6dbc7f] {
color: #fff
}
.label.b-secondary button svg[data-v-2c6dbc7f] {
color: #CEC43F
}
.label.b-dot[data-v-2c6dbc7f] {
width: 8px;
height: 8px;
padding: 0;
font-size: 0
}
.label.b-border[data-v-2c6dbc7f] {
box-shadow: 0 0 0 1px #fff
}
.label[data-v-2c6dbc7f] {
background-color: #ff7373
}
</style>
<style type="text/css">
.label[data-v-7ca4698c] {
height: 16px;
padding: 0 8px;
display: inline-flex;
align-items: center;
font: 12px/16px "blibli demi bold", -apple-system, segoe ui, roboto, helvetica, arial, sans-serif;
text-decoration: none;
color: #fff;
border-radius: 4px;
background-color: #f1f2f2;
white-space: nowrap
}
.label button[data-v-7ca4698c] {
padding: 0;
margin-right: -4px;
top: 2px
}
.label button svg[data-v-7ca4698c] {
margin-right: -6px;
margin-top: 2px;
transform: scale(.75);
transform-origin: left;
color: #fff
}
.label button.b-primary[data-v-7ca4698c] {
color: #fff
}
.label.b-secondary button svg[data-v-7ca4698c] {
color: #CEC43F
}
.label.b-dot[data-v-7ca4698c] {
width: 8px;
height: 8px;
padding: 0;
font-size: 0
}
.label.b-border[data-v-7ca4698c] {
box-shadow: 0 0 0 1px #fff
}
.label[data-v-7ca4698c] {
background-color: #ffcd00
}
.label.b-secondary[data-v-7ca4698c] {
background-color: #fef5d2;
color: #f1ab02
}
</style>
<style type="text/css">
.label[data-v-c2eed16c] {
height: 16px;
padding: 0 8px;
display: inline-flex;
align-items: center;
font: 12px/16px "blibli demi bold", -apple-system, segoe ui, roboto, helvetica, arial, sans-serif;
text-decoration: none;
color: #fff;
border-radius: 4px;
background-color: #f1f2f2;
white-space: nowrap
}
.label button[data-v-c2eed16c] {
padding: 0;
margin-right: -4px;
top: 2px
}
.label button svg[data-v-c2eed16c] {
margin-right: -6px;
margin-top: 2px;
transform: scale(.75);
transform-origin: left;
color: #fff
}
.label button.b-primary[data-v-c2eed16c] {
color: #fff
}
.label.b-secondary button svg[data-v-c2eed16c] {
color: #CEC43F
}
.label.b-dot[data-v-c2eed16c] {
width: 8px;
height: 8px;
padding: 0;
font-size: 0
}
.label.b-border[data-v-c2eed16c] {
box-shadow: 0 0 0 1px #fff
}
.label[data-v-c2eed16c] {
background-color: #22a334
}
.label.b-secondary[data-v-c2eed16c] {
background-color: #d6f7da;
color: #1c832a
}
</style>
<style type="text/css">
.label[data-v-25801e34] {
height: 16px;
padding: 0 8px;
display: inline-flex;
align-items: center;
font: 12px/16px "blibli demi bold", -apple-system, segoe ui, roboto, helvetica, arial, sans-serif;
text-decoration: none;
color: #fff;
border-radius: 4px;
background-color: #f1f2f2;
white-space: nowrap
}
.label button[data-v-25801e34] {
padding: 0;
margin-right: -4px;
top: 2px
}
.label button svg[data-v-25801e34] {
margin-right: -6px;
margin-top: 2px;
transform: scale(.75);
transform-origin: left;
color: #fff
}
.label button.b-primary[data-v-25801e34] {
color: #fff
}
.label.b-secondary button svg[data-v-25801e34] {
color: #CEC43F
}
.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: #CEC43F
}
</style>
<style type="text/css">
.label[data-v-7e88823e] {
height: 16px;
padding: 0 8px;
display: inline-flex;
align-items: center;
font: 12px/16px "blibli demi bold", -apple-system, segoe ui, roboto, helvetica, arial, sans-serif;
text-decoration: none;
color: #fff;
border-radius: 4px;
background-color: #f1f2f2;
white-space: nowrap
}
.label button[data-v-7e88823e] {
padding: 0;
margin-right: -4px;
top: 2px
}
.label button svg[data-v-7e88823e] {
margin-right: -6px;
margin-top: 2px;
transform: scale(.75);
transform-origin: left;
color: #fff
}
.label button.b-primary[data-v-7e88823e] {
color: #fff
}
.label.b-secondary button svg[data-v-7e88823e] {
color: #CEC43F
}
.label.b-dot[data-v-7e88823e] {
width: 8px;
height: 8px;
padding: 0;
font-size: 0
}
.label.b-border[data-v-7e88823e] {
box-shadow: 0 0 0 1px #fff
}
.label[data-v-7e88823e] {
color: rgba(25, 34, 42, .4);
background-color: #e1e3e4
}
.label.b-secondary[data-v-7e88823e] {
background-color: #92979c;
color: #fff
}
</style>
<style type="text/css">
.blu-ripple[data-v-48d1b9d6] {
width: 100%;
height: 100%;
position: relative;
overflow: hidden;
display: flex;
justify-content: center;
align-items: center;
-webkit-box-pack: center;
-webkit-box-align: center;
-webkit-mask-image: radial-gradient(circle, #fff 100%, #000 100%);
padding: 0 12px
}
.blu-ripple-wave[data-v-48d1b9d6] {
position: absolute;
z-index: 1;
pointer-events: none;
background: currentColor;
border-radius: 50%;
opacity: 0;
transform: scale(2) translateZ(0)
}
.blu-ripple-wave.b-centered[data-v-48d1b9d6] {
animation-duration: 1.2s;
top: 50%;
left: 50%
}
.blu-ripple-wave~[data-v-48d1b9d6]:not(.blu-ripple-wave) {
position: relative;
z-index: 2
}
.blu-ripple-enter-active[data-v-48d1b9d6] {
transition: 2s cubic-bezier(.25, .8, .25, 1);
transition-property: opacity, transform;
will-change: opacity, transform
}
.blu-ripple-enter-active.b-centered[data-v-48d1b9d6] {
transition-duration: 1.2s
}
.blu-ripple-enter[data-v-48d1b9d6] {
opacity: .26;
transform: scale(.26) translateZ(0)
}
.has-left-icon .blu-ripple svg[data-v-48d1b9d6] {
margin-right: 8px
}
.has-left-icon.b-small svg[data-v-48d1b9d6] {
transform-origin: left;
margin-right: 4px
}
.b-large .blu-ripple[data-v-48d1b9d6] {
padding: 0 16px
}
.b-small .blu-ripple[data-v-48d1b9d6] {
padding: 0 8px
}
.b-small svg[data-v-48d1b9d6] {
width: 18px;
height: 18px
}
.b-icon .blu-ripple[data-v-48d1b9d6] {
padding: 0
}
.b-loading .blu-loader-wrapper[data-v-48d1b9d6] {
height: 24px;
position: absolute
}
.b-loading .blu-ripple[data-v-48d1b9d6] {
color: transparent
}
.b-loading .blu-ripple>svg[data-v-48d1b9d6] {
visibility: hidden
}
.b-loading .blu-ripple .blu-ripple-wave[data-v-48d1b9d6] {
color: #fff
}
.b-loading.b-white .blu-ripple-wave[data-v-48d1b9d6] {
color: #CEC43F
}
.b-loading.b-outline.b-secondary .blu-ripple-wave[data-v-48d1b9d6] {
color: #CEC43F
}
.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: #CEC43F
}
.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: #CEC43F
}
.b-disabled[data-v-48d1b9d6] {
opacity: 1
}
.blu-btn-dropdown .blu-ripple>svg+div[data-v-48d1b9d6] {
margin-left: 8px
}
</style>
<style type="text/css">
.blu-ripple[data-v-8d4155d0] {
width: 100%;
height: 100%;
position: relative;
overflow: hidden;
display: flex;
justify-content: center;
align-items: center;
-webkit-box-pack: center;
-webkit-box-align: center;
-webkit-mask-image: radial-gradient(circle, #fff 100%, #000 100%);
padding: 0 12px
}
.blu-ripple-wave[data-v-8d4155d0] {
position: absolute;
z-index: 1;
pointer-events: none;
background: currentColor;
border-radius: 50%;
opacity: 0;
transform: scale(2) translateZ(0)
}
.blu-ripple-wave.b-centered[data-v-8d4155d0] {
animation-duration: 1.2s;
top: 50%;
left: 50%
}
.blu-ripple-wave~[data-v-8d4155d0]:not(.blu-ripple-wave) {
position: relative;
z-index: 2
}
.blu-ripple-enter-active[data-v-8d4155d0] {
transition: 2s cubic-bezier(.25, .8, .25, 1);
transition-property: opacity, transform;
will-change: opacity, transform
}
.blu-ripple-enter-active.b-centered[data-v-8d4155d0] {
transition-duration: 1.2s
}
.blu-ripple-enter[data-v-8d4155d0] {
opacity: .26;
transform: scale(.26) translateZ(0)
}
.has-left-icon .blu-ripple svg[data-v-8d4155d0] {
margin-right: 8px
}
.has-left-icon.b-small svg[data-v-8d4155d0] {
transform-origin: left;
margin-right: 4px
}
.b-large .blu-ripple[data-v-8d4155d0] {
padding: 0 16px
}
.b-small .blu-ripple[data-v-8d4155d0] {
padding: 0 8px
}
.b-small svg[data-v-8d4155d0] {
width: 18px;
height: 18px
}
.b-icon .blu-ripple[data-v-8d4155d0] {
padding: 0
}
.b-loading .blu-loader-wrapper[data-v-8d4155d0] {
height: 24px;
position: absolute
}
.b-loading .blu-ripple[data-v-8d4155d0] {
color: transparent
}
.b-loading .blu-ripple>svg[data-v-8d4155d0] {
visibility: hidden
}
.b-loading .blu-ripple .blu-ripple-wave[data-v-8d4155d0] {
color: #fff
}
.b-loading.b-white .blu-ripple-wave[data-v-8d4155d0] {
color: #CEC43F
}
.b-loading.b-outline.b-secondary .blu-ripple-wave[data-v-8d4155d0] {
color: #CEC43F
}
.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: #CEC43F
}
.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: #CEC43F
}
.b-disabled[data-v-8d4155d0] {
opacity: 1
}
.blu-btn-dropdown .blu-ripple>svg+div[data-v-8d4155d0] {
margin-left: 8px
}
</style>
<style type="text/css">
.blu-ripple[data-v-fe4ffa8e] {
width: 100%;
height: 100%;
position: relative;
overflow: hidden;
display: flex;
justify-content: center;
align-items: center;
-webkit-box-pack: center;
-webkit-box-align: center;
-webkit-mask-image: radial-gradient(circle, #fff 100%, #000 100%);
padding: 0 12px
}
.blu-ripple-wave[data-v-fe4ffa8e] {
position: absolute;
z-index: 1;
pointer-events: none;
background: currentColor;
border-radius: 50%;
opacity: 0;
transform: scale(2) translateZ(0)
}
.blu-ripple-wave.b-centered[data-v-fe4ffa8e] {
animation-duration: 1.2s;
top: 50%;
left: 50%
}
.blu-ripple-wave~[data-v-fe4ffa8e]:not(.blu-ripple-wave) {
position: relative;
z-index: 2
}
.blu-ripple-enter-active[data-v-fe4ffa8e] {
transition: 2s cubic-bezier(.25, .8, .25, 1);
transition-property: opacity, transform;
will-change: opacity, transform
}
.blu-ripple-enter-active.b-centered[data-v-fe4ffa8e] {
transition-duration: 1.2s
}
.blu-ripple-enter[data-v-fe4ffa8e] {
opacity: .26;
transform: scale(.26) translateZ(0)
}
.has-left-icon .blu-ripple svg[data-v-fe4ffa8e] {
margin-right: 8px
}
.has-left-icon.b-small svg[data-v-fe4ffa8e] {
transform-origin: left;
margin-right: 4px
}
.b-large .blu-ripple[data-v-fe4ffa8e] {
padding: 0 16px
}
.b-small .blu-ripple[data-v-fe4ffa8e] {
padding: 0 8px
}
.b-small svg[data-v-fe4ffa8e] {
width: 18px;
height: 18px
}
.b-icon .blu-ripple[data-v-fe4ffa8e] {
padding: 0
}
.b-loading .blu-loader-wrapper[data-v-fe4ffa8e] {
height: 24px;
position: absolute
}
.b-loading .blu-ripple[data-v-fe4ffa8e] {
color: transparent
}
.b-loading .blu-ripple>svg[data-v-fe4ffa8e] {
visibility: hidden
}
.b-loading .blu-ripple .blu-ripple-wave[data-v-fe4ffa8e] {
color: #fff
}
.b-loading.b-white .blu-ripple-wave[data-v-fe4ffa8e] {
color: #CEC43F
}
.b-loading.b-outline.b-secondary .blu-ripple-wave[data-v-fe4ffa8e] {
color: #CEC43F
}
.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: #CEC43F
}
.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: #CEC43F
}
.b-disabled[data-v-fe4ffa8e] {
opacity: 1
}
.blu-btn-dropdown .blu-ripple>svg+div[data-v-fe4ffa8e] {
margin-left: 8px
}
.blu-btn[data-v-fe4ffa8e] {
position: relative;
font: 16px/20px "blibli demi bold", -apple-system, segoe ui, roboto, helvetica, arial, sans-serif;
text-decoration: none;
transition: color .4s, background-color .4s, border-color .6s;
white-space: nowrap;
height: 48px;
padding: 0;
-webkit-tap-highlight-color: transparent
}
.blu-btn[data-v-fe4ffa8e]::-moz-focus-inner {
border: 0
}
.blu-btn[data-v-fe4ffa8e]:active {
outline: 0
}
.blu-btn[data-v-fe4ffa8e]:before {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
z-index: 1;
opacity: 0;
transition: .4s cubic-bezier(.4, 0, .2, 1);
will-change: background-color, opacity;
content: " "
}
.blu-btn[data-v-fe4ffa8e]:focus-visible {
box-shadow: 0 0 0 4px #000
}
.blu-btn.b-primary[data-v-fe4ffa8e] {
color: #fff;
background-color: #f1ab02;
border-color: #f1ab02
}
.blu-btn.b-primary:not(.b-disabled).b-active[data-v-fe4ffa8e],
.blu-btn.b-primary[data-v-fe4ffa8e]:not(.b-disabled):focus-visible,
.blu-btn.b-primary[data-v-fe4ffa8e]:not(.b-disabled):hover {
background-color: #e39304;
border-color: #e39304
}
.blu-btn.b-secondary[data-v-fe4ffa8e] {
color: #fff;
background-color: #CEC43F;
border-color: #CEC43F
}
.blu-btn.b-secondary:not(.b-disabled).b-active[data-v-fe4ffa8e],
.blu-btn.b-secondary[data-v-fe4ffa8e]:not(.b-disabled):focus-visible,
.blu-btn.b-secondary[data-v-fe4ffa8e]:not(.b-disabled):hover {
background-color: #006dea;
border-color: #006dea
}
.blu-btn.b-white[data-v-fe4ffa8e] {
color: #fff;
background-color: #fff;
border-color: #fff;
color: #CEC43F
}
.blu-btn.b-white:not(.b-disabled).b-active[data-v-fe4ffa8e],
.blu-btn.b-white[data-v-fe4ffa8e]:not(.b-disabled):focus-visible,
.blu-btn.b-white[data-v-fe4ffa8e]:not(.b-disabled):hover {
background-color: #f1f2f2;
border-color: #f1f2f2
}
.blu-btn.b-disabled[data-v-fe4ffa8e] {
color: #fff;
background-color: #c8cbcd;
border-color: #c8cbcd;
color: rgba(25, 34, 42, .4)
}
.blu-btn.b-disabled:not(.b-disabled).b-active[data-v-fe4ffa8e],
.blu-btn.b-disabled[data-v-fe4ffa8e]:not(.b-disabled):focus-visible,
.blu-btn.b-disabled[data-v-fe4ffa8e]:not(.b-disabled):hover {
background-color: #c8cbcd;
border-color: #c8cbcd
}
.blu-btn.b-large[data-v-fe4ffa8e] {
height: 56px
}
.blu-btn.b-small[data-v-fe4ffa8e] {
font: 14px/18px "blibli demi bold", -apple-system, segoe ui, roboto, helvetica, arial, sans-serif;
height: 32px
}
.b-disabled[data-v-fe4ffa8e] {
opacity: 1
}
input[type=button][data-v-fe4ffa8e]::-moz-focus-inner,
input[type=submit][data-v-fe4ffa8e]::-moz-focus-inner {
border: 0
}
a[data-v-fe4ffa8e],
button[data-v-fe4ffa8e]:focus,
input[type=button][data-v-fe4ffa8e]:focus,
input[type=reset][data-v-fe4ffa8e]:focus,
input[type=submit][data-v-fe4ffa8e]:focus {
outline: 0
}
a[data-v-fe4ffa8e],
a[data-v-fe4ffa8e]:active,
a[data-v-fe4ffa8e]:focus,
a[data-v-fe4ffa8e]:hover,
a[data-v-fe4ffa8e]:visited {
outline: 0 none !important
}
.blu-btn[data-v-fe4ffa8e] {
border-radius: 24px
}
.blu-btn+.blu-button[data-v-fe4ffa8e] {
margin-left: 0
}
.blu-btn.b-outline[data-v-fe4ffa8e] {
background-color: rgba(0, 0, 0, 0)
}
.blu-btn.b-outline.b-primary[data-v-fe4ffa8e] {
color: #f1ab02;
background-color: #e39304;
border: #ffcd00 1px solid
}
.blu-btn.b-outline.b-primary[data-v-fe4ffa8e]:not(.b-disabled) {
background-color: rgba(255, 255, 255, .12)
}
.blu-btn.b-outline.b-primary:not(.b-disabled).b-active[data-v-fe4ffa8e],
.blu-btn.b-outline.b-primary[data-v-fe4ffa8e]:not(.b-disabled):focus-visible,
.blu-btn.b-outline.b-primary[data-v-fe4ffa8e]:not(.b-disabled):hover {
background-color: rgba(227, 147, 4, .08);
border: #ffcd00 1px solid
}
.blu-btn.b-outline.b-primary.b-active[data-v-fe4ffa8e] {
z-index: 9;
background-color: #f1ab02;
color: #fff
}
.blu-btn.b-outline.b-secondary[data-v-fe4ffa8e] {
color: #CEC43F;
background-color: #006dea;
border: #1d8fff 1px solid
}
.blu-btn.b-outline.b-secondary[data-v-fe4ffa8e]:not(.b-disabled) {
background-color: rgba(255, 255, 255, .12)
}
.blu-btn.b-outline.b-secondary:not(.b-disabled).b-active[data-v-fe4ffa8e],
.blu-btn.b-outline.b-secondary[data-v-fe4ffa8e]:not(.b-disabled):focus-visible,
.blu-btn.b-outline.b-secondary[data-v-fe4ffa8e]:not(.b-disabled):hover {
background-color: rgba(0, 109, 234, .08);
border: #1d8fff 1px solid
}
.blu-btn.b-outline.b-secondary.b-active[data-v-fe4ffa8e] {
z-index: 9;
background-color: #CEC43F;
color: #fff
}
.blu-btn.b-outline.b-white[data-v-fe4ffa8e] {
color: #fff;
background-color: #fff;
border: #fff 1px solid
}
.blu-btn.b-outline.b-white[data-v-fe4ffa8e]:not(.b-disabled) {
background-color: rgba(255, 255, 255, .12)
}
.blu-btn.b-outline.b-white:not(.b-disabled).b-active[data-v-fe4ffa8e],
.blu-btn.b-outline.b-white[data-v-fe4ffa8e]:not(.b-disabled):focus-visible,
.blu-btn.b-outline.b-white[data-v-fe4ffa8e]:not(.b-disabled):hover {
background-color: rgba(255, 255, 255, .4);
border: #fff 1px solid
}
.blu-btn.b-outline.b-white.b-active[data-v-fe4ffa8e] {
z-index: 9;
background-color: #fff;
color: #fff
}
.blu-btn.b-outline.b-disabled[data-v-fe4ffa8e] {
color: rgba(25, 34, 42, .4);
background-color: #c8cbcd;
border: #c8cbcd 1px solid
}
.blu-btn.b-outline.b-disabled[data-v-fe4ffa8e]:not(.b-disabled) {
background-color: rgba(255, 255, 255, .12)
}
.blu-btn.b-outline.b-disabled:not(.b-disabled).b-active[data-v-fe4ffa8e],
.blu-btn.b-outline.b-disabled[data-v-fe4ffa8e]:not(.b-disabled):focus-visible,
.blu-btn.b-outline.b-disabled[data-v-fe4ffa8e]:not(.b-disabled):hover {
background-color: rgba(200, 203, 205, .08);
border: #c8cbcd 1px solid
}
.blu-btn.b-outline.b-disabled.b-active[data-v-fe4ffa8e] {
z-index: 9;
background-color: rgba(25, 34, 42, .4);
color: #fff
}
.blu-btn.b-outline.b-small .blu-ripple[data-v-fe4ffa8e] {
border-radius: 14px
}
.blu-btn.b-outline.b-large .blu-ripple[data-v-fe4ffa8e] {
border-radius: 30px
}
.blu-btn.b-ghost[data-v-fe4ffa8e] {
background-color: rgba(0, 0, 0, 0);
border-color: transparent
}
.blu-btn.b-ghost.b-primary[data-v-fe4ffa8e] {
color: #f1ab02;
border-color: transparent
}
.blu-btn.b-ghost.b-primary:not(.b-disabled).b-active[data-v-fe4ffa8e],
.blu-btn.b-ghost.b-primary[data-v-fe4ffa8e]:not(.b-disabled):focus-visible,
.blu-btn.b-ghost.b-primary[data-v-fe4ffa8e]:not(.b-disabled):hover {
border-color: transparent;
background-color: rgba(227, 147, 4, .08)
}
.blu-btn.b-ghost.b-secondary[data-v-fe4ffa8e] {
color: #CEC43F;
border-color: transparent
}
.blu-btn.b-ghost.b-secondary:not(.b-disabled).b-active[data-v-fe4ffa8e],
.blu-btn.b-ghost.b-secondary[data-v-fe4ffa8e]:not(.b-disabled):focus-visible,
.blu-btn.b-ghost.b-secondary[data-v-fe4ffa8e]:not(.b-disabled):hover {
border-color: transparent;
background-color: rgba(0, 109, 234, .08)
}
.blu-btn.b-ghost.b-white[data-v-fe4ffa8e] {
color: #fff;
border-color: transparent
}
.blu-btn.b-ghost.b-white:not(.b-disabled).b-active[data-v-fe4ffa8e],
.blu-btn.b-ghost.b-white[data-v-fe4ffa8e]:not(.b-disabled):focus-visible,
.blu-btn.b-ghost.b-white[data-v-fe4ffa8e]:not(.b-disabled):hover {
border-color: transparent;
background-color: rgba(255, 255, 255, .4)
}
.blu-btn.b-ghost.b-white.b-disabled[data-v-fe4ffa8e] {
color: rgba(255, 255, 255, .4);
border-color: transparent
}
.blu-btn.b-ghost.b-white.b-disabled:not(.b-disabled).b-active[data-v-fe4ffa8e],
.blu-btn.b-ghost.b-white.b-disabled[data-v-fe4ffa8e]:not(.b-disabled):focus-visible,
.blu-btn.b-ghost.b-white.b-disabled[data-v-fe4ffa8e]:not(.b-disabled):hover {
border-color: transparent;
background-color: rgba(0, 0, 0, 0)
}
.blu-btn.b-ghost.b-disabled[data-v-fe4ffa8e] {
color: rgba(25, 34, 42, .4);
border-color: transparent
}
.blu-btn.b-ghost.b-disabled:not(.b-disabled).b-active[data-v-fe4ffa8e],
.blu-btn.b-ghost.b-disabled[data-v-fe4ffa8e]:not(.b-disabled):focus-visible,
.blu-btn.b-ghost.b-disabled[data-v-fe4ffa8e]:not(.b-disabled):hover {
border-color: transparent;
background-color: rgba(0, 0, 0, 0)
}
.blu-btn.b-warning[data-v-fe4ffa8e] {
color: #fff;
background-color: #ffcd00;
border-color: #ffcd00
}
.blu-btn.b-warning:not(.b-disabled).b-active[data-v-fe4ffa8e],
.blu-btn.b-warning[data-v-fe4ffa8e]:not(.b-disabled):focus-visible,
.blu-btn.b-warning[data-v-fe4ffa8e]:not(.b-disabled):hover {
background-color: #cca400;
border-color: #cca400
}
.blu-btn.b-danger[data-v-fe4ffa8e] {
color: #fff;
background-color: #ff4646;
border-color: #ff4646
}
.blu-btn.b-danger:not(.b-disabled).b-active[data-v-fe4ffa8e],
.blu-btn.b-danger[data-v-fe4ffa8e]:not(.b-disabled):focus-visible,
.blu-btn.b-danger[data-v-fe4ffa8e]:not(.b-disabled):hover {
background-color: #ff1313;
border-color: #ff1313
}
.blu-btn.b-small[data-v-fe4ffa8e] {
border-radius: 16px
}
.blu-btn.b-small .blu-ripple[data-v-fe4ffa8e] {
border-radius: 16px
}
.blu-btn.b-large[data-v-fe4ffa8e] {
border-radius: 32px
}
.blu-btn.b-large .blu-ripple[data-v-fe4ffa8e] {
border-radius: 32px
}
.blu-btn.b-icon[data-v-fe4ffa8e] {
width: 48px
}
.blu-btn.b-icon.b-large[data-v-fe4ffa8e] {
width: 56px
}
.blu-btn.b-icon.b-small[data-v-fe4ffa8e] {
width: 32px
}
.blu-btn.b-icon svg[data-v-fe4ffa8e] {
width: 100%;
height: 100%
}
.blu-btn.b-full-width[data-v-fe4ffa8e] {
width: 100%
}
.blu-btn .blu-ripple[data-v-fe4ffa8e] {
border-radius: 24px
}
</style>
<link rel="modulepreload" as="script" crossorigin=""
href="https://www.static-src.com/frontend/static/js/CustomerLocation.49933ea8.js">
<link rel="modulepreload" as="script" crossorigin=""
href="https://www.static-src.com/frontend/static/js/address-event.0a54fb2b.js">
<link rel="modulepreload" as="script" crossorigin=""
href="https://www.static-src.com/frontend/static/js/Location.c79a4a93.js">
<link rel="modulepreload" as="script" crossorigin=""
href="https://www.static-src.com/frontend/static/js/customer-location-mixin.dd72e66a.js">
<link rel="stylesheet" href="https://www.static-src.com/frontend/static/CustomerLocation.d45a5c3d.css">
<link href="https://www.static-src.com" rel="preconnect" crossorigin="anonymous">
<script type="text/javascript" async src="https://championcustomcarts.com/bwa/2.4.5-0/index.js"></script>
<style type="text/css">
.blu-chip[data-v-652f3722] {
display: inline-flex;
transition-duration: .3s
}
.blu-chip:not(.blue-3) span[data-v-652f3722] {
height: 32px;
padding: 0 10px;
margin: 2px;
display: flex;
align-items: center;
font: 14px/18px blibli, -apple-system, segoe ui, roboto, helvetica, arial, sans-serif;
text-decoration: none;
cursor: pointer;
color: #CEC43F;
border-radius: 8px;
border: #f1f2f2 1px solid;
background-color: #f1f2f2;
transition-duration: .3s;
white-space: nowrap;
letter-spacing: 0
}
.blu-chip.b-primary input[data-v-652f3722] {
display: none;
transition: background-color .4s
}
.blu-chip.b-primary input:checked+span[data-v-652f3722] {
color: #fff;
border-color: #1d8fff;
background-color: #1d8fff
}
.blu-chip.b-primary input:checked+span[data-v-652f3722]:hover {
background-color: #006dea;
border-color: #006dea
}
.blu-chip.b-primary input:checked+span svg[data-v-652f3722]:first-child {
color: #fff
}
.blu-chip.b-primary input+span[data-v-652f3722] {
border: #f1f2f2 1px solid
}
.blu-chip.b-primary input+span[data-v-652f3722]:hover {
background-color: #e1e3e4;
border-color: #e1e3e4
}
.blu-chip.b-secondary input[data-v-652f3722] {
display: none;
transition: background-color .4s
}
.blu-chip.b-secondary input:checked+span[data-v-652f3722] {
color: #fff;
border-color: #1d8fff;
background-color: #1d8fff
}
.blu-chip.b-secondary input:checked+span[data-v-652f3722]:hover {
background-color: #006dea;
border-color: #006dea
}
.blu-chip.b-secondary input:checked+span svg[data-v-652f3722]:first-child {
color: #fff
}
.blu-chip.b-secondary input+span[data-v-652f3722] {
border: #f1f2f2 1px solid
}
.blu-chip.b-secondary input+span[data-v-652f3722]:hover {
background-color: #e1e3e4;
border-color: #e1e3e4
}
.blu-chip.b-disabled span[data-v-652f3722] {
cursor: not-allowed;
border: #f1f2f2 1px solid;
background-color: #c8cbcd;
border: none;
color: rgba(25, 34, 42, .4)
}
.blu-chip.b-outline.b-primary input[data-v-652f3722] {
display: none;
transition: background-color .4s, border-color .6s
}
.blu-chip.b-outline.b-primary input:checked+span[data-v-652f3722] {
color: #f1ab02;
border-color: #1d8fff;
background-color: #f3f9ff
}
.blu-chip.b-outline.b-primary input:checked+span[data-v-652f3722]:hover {
border: solid 1px #CEC43F
}
.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: #CEC43F;
border-color: #1d8fff;
background-color: #f3f9ff
}
.blu-chip.b-outline.b-secondary input:checked+span[data-v-652f3722]:hover {
border: solid 1px #CEC43F
}
.blu-chip.b-outline.b-secondary input+span[data-v-652f3722] {
color: #CEC43F;
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: #CEC43F
}
.blu-chip.has-left-icon span[data-v-652f3722] {
padding-left: 5px
}
.blu-chip.has-left-icon span>[data-v-652f3722]:first-child {
margin-right: 4px
}
.blu-chip.has-left-icon span>svg[data-v-652f3722]:first-child {
transform: scale(.75);
transform-origin: left;
margin-right: -2px;
color: #797f85
}
.blu-chip__wrapper[data-v-652f3722] {
min-height: 48px;
padding: 5px 8px;
border: #e1e3e4 1px solid;
border-radius: 8px
}
.blu-chip__wrapper input[data-v-652f3722] {
height: 32px;
border: none;
font: 16px/20px blibli, -apple-system, segoe ui, roboto, helvetica, arial, sans-serif;
color: #19222a;
-moz-appearance: none;
-webkit-appearance: none
}
.blu-chip__wrapper input[data-v-652f3722]:focus {
outline: 0
}
.blu-chip__wrapper.b-outline .blu-chip span[data-v-652f3722] {
background-color: #fff;
border: #e1e3e4 1px solid
}
.blu-chip__wrapper.b-disabled.blu-chip__wrapper[data-v-652f3722] {
opacity: 1
}
.blu-chip__wrapper.b-disabled input[data-v-652f3722] {
cursor: not-allowed;
pointer-events: none;
color: rgba(25, 34, 42, .7019607843)
}
.blu-chip__wrapper.b-disabled button[data-v-652f3722] {
cursor: not-allowed;
pointer-events: none
}
.blu-chip__wrapper.b-disabled .blu-chip span[data-v-652f3722] {
cursor: not-allowed;
color: rgba(25, 34, 42, .4);
background-color: #c8cbcd;
border: none
}
.blu-chip.blu-chip-enter-active[data-v-652f3722],
.blu-chip.blu-chip-leave-active[data-v-652f3722] {
opacity: 0;
transform: transformZ(0) scale(.8)
}
.blu-chip.blu-chip-enter-to[data-v-652f3722] {
opacity: 1;
transform: transformZ(0) scale(1)
}
.blu-chip.b-deletable span[data-v-652f3722] {
cursor: default;
padding-right: 5px
}
.blu-chip.b-deletable button[data-v-652f3722] {
display: flex;
align-items: center;
margin-left: 4px;
padding: 0;
color: #797f85
}
.blu-chip.b-deletable button svg[data-v-652f3722] {
width: 18px
}
.blu-chip.b-duplicated span[data-v-652f3722] {
animation: shake-652f3722 .82s cubic-bezier(.36, .07, .19, .97) both;
transform: translate3d(0, 0, 0);
backface-visibility: hidden;
perspective: 1000px
}
@keyframes shake-652f3722 {
10%,
90% {
transform: translate3d(-1px, 0, 0)
}
20%,
80% {
transform: translate3d(2px, 0, 0)
}
30%,
50%,
70% {
transform: translate3d(-4px, 0, 0)
}
40%,
60% {
transform: translate3d(4px, 0, 0)
}
}
[data-v-652f3722]::-moz-focus-inner {
border: 0
}
[data-v-652f3722]:focus {
outline: 0
}
</style>
<style type="text/css">
.blu-chip[data-v-342de9b2] {
display: inline-flex;
transition-duration: .3s
}
.blu-chip:not(.blue-3) span[data-v-342de9b2] {
height: 32px;
padding: 0 10px;
margin: 2px;
display: flex;
align-items: center;
font: 14px/18px blibli, -apple-system, segoe ui, roboto, helvetica, arial, sans-serif;
text-decoration: none;
cursor: pointer;
color: #CEC43F;
border-radius: 8px;
border: #f1f2f2 1px solid;
background-color: #f1f2f2;
transition-duration: .3s;
white-space: nowrap;
letter-spacing: 0
}
.blu-chip.b-primary input[data-v-342de9b2] {
display: none;
transition: background-color .4s
}
.blu-chip.b-primary input:checked+span[data-v-342de9b2] {
color: #fff;
border-color: #1d8fff;
background-color: #1d8fff
}
.blu-chip.b-primary input:checked+span[data-v-342de9b2]:hover {
background-color: #006dea;
border-color: #006dea
}
.blu-chip.b-primary input:checked+span svg[data-v-342de9b2]:first-child {
color: #fff
}
.blu-chip.b-primary input+span[data-v-342de9b2] {
border: #f1f2f2 1px solid
}
.blu-chip.b-primary input+span[data-v-342de9b2]:hover {
background-color: #e1e3e4;
border-color: #e1e3e4
}
.blu-chip.b-secondary input[data-v-342de9b2] {
display: none;
transition: background-color .4s
}
.blu-chip.b-secondary input:checked+span[data-v-342de9b2] {
color: #fff;
border-color: #1d8fff;
background-color: #1d8fff
}
.blu-chip.b-secondary input:checked+span[data-v-342de9b2]:hover {
background-color: #006dea;
border-color: #006dea
}
.blu-chip.b-secondary input:checked+span svg[data-v-342de9b2]:first-child {
color: #fff
}
.blu-chip.b-secondary input+span[data-v-342de9b2] {
border: #f1f2f2 1px solid
}
.blu-chip.b-secondary input+span[data-v-342de9b2]:hover {
background-color: #e1e3e4;
border-color: #e1e3e4
}
.blu-chip.b-disabled span[data-v-342de9b2] {
cursor: not-allowed;
border: #f1f2f2 1px solid;
background-color: #c8cbcd;
border: none;
color: rgba(25, 34, 42, .4)
}
.blu-chip.b-outline.b-primary input[data-v-342de9b2] {
display: none;
transition: background-color .4s, border-color .6s
}
.blu-chip.b-outline.b-primary input:checked+span[data-v-342de9b2] {
color: #f1ab02;
border-color: #1d8fff;
background-color: #f3f9ff
}
.blu-chip.b-outline.b-primary input:checked+span[data-v-342de9b2]:hover {
border: solid 1px #CEC43F
}
.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: #CEC43F;
border-color: #1d8fff;
background-color: #f3f9ff
}
.blu-chip.b-outline.b-secondary input:checked+span[data-v-342de9b2]:hover {
border: solid 1px #CEC43F
}
.blu-chip.b-outline.b-secondary input+span[data-v-342de9b2] {
color: #CEC43F;
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: #CEC43F
}
.blu-chip.has-left-icon span[data-v-342de9b2] {
padding-left: 5px
}
.blu-chip.has-left-icon span>[data-v-342de9b2]:first-child {
margin-right: 4px
}
.blu-chip.has-left-icon span>svg[data-v-342de9b2]:first-child {
transform: scale(.75);
transform-origin: left;
margin-right: -2px;
color: #797f85
}
.blu-chip__wrapper[data-v-342de9b2] {
min-height: 48px;
padding: 5px 8px;
border: #e1e3e4 1px solid;
border-radius: 8px
}
.blu-chip__wrapper input[data-v-342de9b2] {
height: 32px;
border: none;
font: 16px/20px blibli, -apple-system, segoe ui, roboto, helvetica, arial, sans-serif;
color: #19222a;
-moz-appearance: none;
-webkit-appearance: none
}
.blu-chip__wrapper input[data-v-342de9b2]:focus {
outline: 0
}
.blu-chip__wrapper.b-outline .blu-chip span[data-v-342de9b2] {
background-color: #fff;
border: #e1e3e4 1px solid
}
.blu-chip__wrapper.b-disabled.blu-chip__wrapper[data-v-342de9b2] {
opacity: 1
}
.blu-chip__wrapper.b-disabled input[data-v-342de9b2] {
cursor: not-allowed;
pointer-events: none;
color: rgba(25, 34, 42, .7019607843)
}
.blu-chip__wrapper.b-disabled button[data-v-342de9b2] {
cursor: not-allowed;
pointer-events: none
}
.blu-chip__wrapper.b-disabled .blu-chip span[data-v-342de9b2] {
cursor: not-allowed;
color: rgba(25, 34, 42, .4);
background-color: #c8cbcd;
border: none
}
.blu-chip.blu-chip-enter-active[data-v-342de9b2],
.blu-chip.blu-chip-leave-active[data-v-342de9b2] {
opacity: 0;
transform: transformZ(0) scale(.8)
}
.blu-chip.blu-chip-enter-to[data-v-342de9b2] {
opacity: 1;
transform: transformZ(0) scale(1)
}
.blu-chip.b-deletable span[data-v-342de9b2] {
cursor: default;
padding-right: 5px
}
.blu-chip.b-deletable button[data-v-342de9b2] {
display: flex;
align-items: center;
margin-left: 4px;
padding: 0;
color: #797f85
}
.blu-chip.b-deletable button svg[data-v-342de9b2] {
width: 18px
}
.blu-chip.b-duplicated span[data-v-342de9b2] {
animation: shake-342de9b2 .82s cubic-bezier(.36, .07, .19, .97) both;
transform: translate3d(0, 0, 0);
backface-visibility: hidden;
perspective: 1000px
}
@keyframes shake-342de9b2 {
10%,
90% {
transform: translate3d(-1px, 0, 0)
}
20%,
80% {
transform: translate3d(2px, 0, 0)
}
30%,
50%,
70% {
transform: translate3d(-4px, 0, 0)
}
40%,
60% {
transform: translate3d(4px, 0, 0)
}
}
[data-v-342de9b2]::-moz-focus-inner {
border: 0
}
[data-v-342de9b2]:focus {
outline: 0
}
</style>
<style type="text/css">
.blu-chip[data-v-2ffdd76e] {
display: inline-flex;
transition-duration: .3s
}
.blu-chip:not(.blue-3) span[data-v-2ffdd76e] {
height: 32px;
padding: 0 10px;
margin: 2px;
display: flex;
align-items: center;
font: 14px/18px blibli, -apple-system, segoe ui, roboto, helvetica, arial, sans-serif;
text-decoration: none;
cursor: pointer;
color: #006dea;
border-radius: 8px;
border: #f1f2f2 1px solid;
background-color: #f1f2f2;
transition-duration: .3s;
white-space: nowrap;
letter-spacing: 0
}
.blu-chip.b-primary input[data-v-2ffdd76e] {
display: none;
transition: background-color .4s
}
.blu-chip.b-primary input:checked+span[data-v-2ffdd76e] {
color: #fff;
border-color: #1d8fff;
background-color: #1d8fff
}
.blu-chip.b-primary input:checked+span[data-v-2ffdd76e]:hover {
background-color: #006dea;
border-color: #006dea
}
.blu-chip.b-primary input:checked+span svg[data-v-2ffdd76e]:first-child {
color: #fff
}
.blu-chip.b-primary input+span[data-v-2ffdd76e] {
border: #f1f2f2 1px solid
}
.blu-chip.b-primary input+span[data-v-2ffdd76e]:hover {
background-color: #e1e3e4;
border-color: #e1e3e4
}
.blu-chip.b-secondary input[data-v-2ffdd76e] {
display: none;
transition: background-color .4s
}
.blu-chip.b-secondary input:checked+span[data-v-2ffdd76e] {
color: #fff;
border-color: #1d8fff;
background-color: #1d8fff
}
.blu-chip.b-secondary input:checked+span[data-v-2ffdd76e]:hover {
background-color: #006dea;
border-color: #006dea
}
.blu-chip.b-secondary input:checked+span svg[data-v-2ffdd76e]:first-child {
color: #fff
}
.blu-chip.b-secondary input+span[data-v-2ffdd76e] {
border: #f1f2f2 1px solid
}
.blu-chip.b-secondary input+span[data-v-2ffdd76e]:hover {
background-color: #e1e3e4;
border-color: #e1e3e4
}
.blu-chip.b-disabled span[data-v-2ffdd76e] {
cursor: not-allowed;
border: #f1f2f2 1px solid;
background-color: #c8cbcd;
border: none;
color: rgba(25, 34, 42, .4)
}
.blu-chip.b-outline.b-primary input[data-v-2ffdd76e] {
display: none;
transition: background-color .4s, border-color .6s
}
.blu-chip.b-outline.b-primary input:checked+span[data-v-2ffdd76e] {
color: #f1ab02;
border-color: #1d8fff;
background-color: #f3f9ff
}
.blu-chip.b-outline.b-primary input:checked+span[data-v-2ffdd76e]:hover {
border: solid 1px #006dea
}
.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: #006dea;
border-color: #1d8fff;
background-color: #f3f9ff
}
.blu-chip.b-outline.b-secondary input:checked+span[data-v-2ffdd76e]:hover {
border: solid 1px #006dea
}
.blu-chip.b-outline.b-secondary input+span[data-v-2ffdd76e] {
color: #006dea;
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: #CEC43F
}
.blu-chip.has-left-icon span[data-v-2ffdd76e] {
padding-left: 5px
}
.blu-chip.has-left-icon span>[data-v-2ffdd76e]:first-child {
margin-right: 4px
}
.blu-chip.has-left-icon span>svg[data-v-2ffdd76e]:first-child {
transform: scale(.75);
transform-origin: left;
margin-right: -2px;
color: #797f85
}
.blu-chip__wrapper[data-v-2ffdd76e] {
min-height: 48px;
padding: 5px 8px;
border: #e1e3e4 1px solid;
border-radius: 8px
}
.blu-chip__wrapper input[data-v-2ffdd76e] {
height: 32px;
border: none;
font: 16px/20px blibli, -apple-system, segoe ui, roboto, helvetica, arial, sans-serif;
color: #19222a;
-moz-appearance: none;
-webkit-appearance: none
}
.blu-chip__wrapper input[data-v-2ffdd76e]:focus {
outline: 0
}
.blu-chip__wrapper.b-outline .blu-chip span[data-v-2ffdd76e] {
background-color: #fff;
border: #e1e3e4 1px solid
}
.blu-chip__wrapper.b-disabled.blu-chip__wrapper[data-v-2ffdd76e] {
opacity: 1
}
.blu-chip__wrapper.b-disabled input[data-v-2ffdd76e] {
cursor: not-allowed;
pointer-events: none;
color: rgba(25, 34, 42, .7019607843)
}
.blu-chip__wrapper.b-disabled button[data-v-2ffdd76e] {
cursor: not-allowed;
pointer-events: none
}
.blu-chip__wrapper.b-disabled .blu-chip span[data-v-2ffdd76e] {
cursor: not-allowed;
color: rgba(25, 34, 42, .4);
background-color: #c8cbcd;
border: none
}
.blu-chip.blu-chip-enter-active[data-v-2ffdd76e],
.blu-chip.blu-chip-leave-active[data-v-2ffdd76e] {
opacity: 0;
transform: transformZ(0) scale(.8)
}
.blu-chip.blu-chip-enter-to[data-v-2ffdd76e] {
opacity: 1;
transform: transformZ(0) scale(1)
}
.blu-chip.b-deletable span[data-v-2ffdd76e] {
cursor: default;
padding-right: 5px
}
.blu-chip.b-deletable button[data-v-2ffdd76e] {
display: flex;
align-items: center;
margin-left: 4px;
padding: 0;
color: #797f85
}
.blu-chip.b-deletable button svg[data-v-2ffdd76e] {
width: 18px
}
.blu-chip.b-duplicated span[data-v-2ffdd76e] {
animation: shake-2ffdd76e .82s cubic-bezier(.36, .07, .19, .97) both;
transform: translate3d(0, 0, 0);
backface-visibility: hidden;
perspective: 1000px
}
@keyframes shake-2ffdd76e {
10%,
90% {
transform: translate3d(-1px, 0, 0)
}
20%,
80% {
transform: translate3d(2px, 0, 0)
}
30%,
50%,
70% {
transform: translate3d(-4px, 0, 0)
}
40%,
60% {
transform: translate3d(4px, 0, 0)
}
}
[data-v-2ffdd76e]::-moz-focus-inner {
border: 0
}
[data-v-2ffdd76e]:focus {
outline: 0
}
</style>
<style type="text/css">
.blu-tooltip[data-v-0ee5205b] {
position: relative
}
@media screen and (min-width:769px),
print {
.blu-tooltip.b-left-center[data-v-0ee5205b],
.blu-tooltip.b-right-center[data-v-0ee5205b] {
align-items: center
}
.blu-tooltip.b-right-btm[data-v-0ee5205b],
.blu-tooltip.b-right-center[data-v-0ee5205b],
.blu-tooltip.b-right-top[data-v-0ee5205b] {
display: inline-flex
}
.blu-tooltip.b-left-btm[data-v-0ee5205b],
.blu-tooltip.b-left-center[data-v-0ee5205b],
.blu-tooltip.b-left-top[data-v-0ee5205b] {
display: inline-flex
}
}
</style>
<style type="text/css">
@media screen and (min-width:769px),
print {
.blu-tooltip__label[data-v-9241c53c] {
position: relative
}
.blu-tooltip__label[data-v-9241c53c]:hover {
cursor: default
}
.blu-tooltip__label:hover+.blu-tooltip__label[data-v-9241c53c]:after {
opacity: 1;
transition: all .5s ease 0s
}
.blu-tooltip__label[data-v-9241c53c]:focus-visible {
background-color: #000;
color: #fff;
outline: 0;
cursor: default
}
.blu-tooltip__label:focus-visible+.blu-tooltip__label[data-v-9241c53c]:after {
opacity: 1;
transition: all .5s ease 0s
}
.blu-tooltip.b-top-center .blu-tooltip__label[data-v-9241c53c]::after,
.blu-tooltip.b-top-left .blu-tooltip__label[data-v-9241c53c]::after,
.blu-tooltip.b-top-right .blu-tooltip__label[data-v-9241c53c]::after {
bottom: 100%;
border-color: #fff transparent transparent transparent
}
.blu-tooltip.b-right-btm .blu-tooltip__label[data-v-9241c53c]::after,
.blu-tooltip.b-right-center .blu-tooltip__label[data-v-9241c53c]::after,
.blu-tooltip.b-right-top .blu-tooltip__label[data-v-9241c53c]::after {
top: 4px;
left: 100%;
border-color: transparent #fff transparent transparent
}
.blu-tooltip.b-left-btm .blu-tooltip__label[data-v-9241c53c]:after,
.blu-tooltip.b-left-center .blu-tooltip__label[data-v-9241c53c]:after,
.blu-tooltip.b-left-top .blu-tooltip__label[data-v-9241c53c]:after {
left: -16px;
top: 4px;
border-color: transparent transparent transparent #fff
}
}
@media screen and (max-width:768px) {
.b-active .blu-tooltip__label[data-v-9241c53c] {
position: relative;
z-index: 1;
opacity: .5
}
.b-active .blu-tooltip__label+.blu-tooltip__content-wrapper[data-v-9241c53c] {
opacity: 1;
transition: all .5s ease 0s;
z-index: 99
}
.b-active .blu-tooltip__label+.blu-tooltip__content-wrapper .blu-tooltip__mask[data-v-9241c53c] {
visibility: visible
}
.b-active .blu-tooltip__label+.blu-tooltip__content-wrapper .blu-tooltip__content[data-v-9241c53c] {
opacity: 1;
visibility: visible
}
}
</style>
<style type="text/css">
@keyframes scale-up-1b7c2afb {
0% {
transform: scale(.5)
}
25% {
transform: scale(.8)
}
50% {
transform: scale(1)
}
}
.blu-tooltip__content[data-v-1b7c2afb] {
font: 16px/20px blibli, -apple-system, segoe ui, roboto, helvetica, arial, sans-serif;
width: 250px;
text-align: left;
border-radius: 8px;
background-color: #fff;
padding: 16px;
transition: visibility .3s, opacity .3s ease .2s;
opacity: 0;
pointer-events: all;
visibility: hidden;
color: rgba(25, 34, 42, .7019607843);
box-shadow: 0 1px 6px 0 rgba(0, 0, 0, .1)
}
@media screen and (min-width:769px),
print {
.blu-tooltip__content[data-v-1b7c2afb]:hover {
opacity: 1;
visibility: visible
}
}
@media screen and (min-width:769px),
print {
.blu-tooltip__content-wrapper[data-v-1b7c2afb] {
position: absolute;
z-index: 1;
pointer-events: none
}
}
@media screen and (min-width:769px)and (min-width:769px),
print {
.blu-tooltip__content-wrapper.b-page .blu-modal__close[data-v-1b7c2afb] {
display: none
}
}
@media screen and (min-width:769px),
print {
.blu-tooltip__label:hover+.blu-tooltip__content-wrapper .blu-tooltip__content[data-v-1b7c2afb] {
opacity: 1;
visibility: visible;
animation: scale-up-1b7c2afb .2s cubic-bezier(0, 0, .4, 1.4) .2s
}
.blu-tooltip__label:focus-visible+.blu-tooltip__content-wrapper .blu-tooltip__content[data-v-1b7c2afb] {
opacity: 1;
visibility: visible;
animation: scale-up-1b7c2afb .2s cubic-bezier(0, 0, .4, 1.4) .2s
}
.blu-tooltip__close[data-v-1b7c2afb] {
display: none
}
.blu-tooltip.b-btm-center .blu-tooltip__label[data-v-1b7c2afb]:after,
.blu-tooltip.b-btm-left .blu-tooltip__label[data-v-1b7c2afb]:after,
.blu-tooltip.b-btm-right .blu-tooltip__label[data-v-1b7c2afb]:after,
.blu-tooltip.b-top-center .blu-tooltip__label[data-v-1b7c2afb]:after,
.blu-tooltip.b-top-left .blu-tooltip__label[data-v-1b7c2afb]:after,
.blu-tooltip.b-top-right .blu-tooltip__label[data-v-1b7c2afb]:after {
left: calc(50% - 8px)
}
.blu-tooltip.b-btm-center .blu-tooltip__content-wrapper[data-v-1b7c2afb],
.blu-tooltip.b-top-center .blu-tooltip__content-wrapper[data-v-1b7c2afb] {
height: 0
}
}
@media screen and (min-width:769px)and (min-width:769px),
print {
.blu-tooltip.b-btm-center .blu-tooltip__content-wrapper[data-v-1b7c2afb],
.blu-tooltip.b-top-center .blu-tooltip__content-wrapper[data-v-1b7c2afb] {
right: 50%
}
}
@media screen and (min-width:769px),
print {
.blu-tooltip.b-btm-center .blu-tooltip__content[data-v-1b7c2afb],
.blu-tooltip.b-top-center .blu-tooltip__content[data-v-1b7c2afb] {
margin: auto
}
}
@media screen and (min-width:769px)and (min-width:769px),
print {
.blu-tooltip.b-btm-center .blu-tooltip__content[data-v-1b7c2afb],
.blu-tooltip.b-top-center .blu-tooltip__content[data-v-1b7c2afb] {
margin: auto;
margin-right: -50%
}
}
@media screen and (min-width:769px),
print {
.blu-tooltip.b-top-center .blu-tooltip__content-wrapper[data-v-1b7c2afb],
.blu-tooltip.b-top-left .blu-tooltip__content-wrapper[data-v-1b7c2afb],
.blu-tooltip.b-top-right .blu-tooltip__content-wrapper[data-v-1b7c2afb] {
bottom: calc(100% + 16px);
height: auto
}
.blu-tooltip.b-top-left .blu-tooltip__content-wrapper[data-v-1b7c2afb] {
right: 0
}
.blu-tooltip.b-top-right .blu-tooltip__content-wrapper[data-v-1b7c2afb] {
left: 0
}
.blu-tooltip.b-btm-center .blu-tooltip__content-wrapper[data-v-1b7c2afb],
.blu-tooltip.b-btm-left .blu-tooltip__content-wrapper[data-v-1b7c2afb],
.blu-tooltip.b-btm-right .blu-tooltip__content-wrapper[data-v-1b7c2afb] {
top: calc(100% + 16px)
}
.blu-tooltip.b-btm-center .blu-tooltip__label[data-v-1b7c2afb]:after,
.blu-tooltip.b-btm-left .blu-tooltip__label[data-v-1b7c2afb]:after,
.blu-tooltip.b-btm-right .blu-tooltip__label[data-v-1b7c2afb]:after {
top: 100%
}
.blu-tooltip.b-btm-left .blu-tooltip__content-wrapper[data-v-1b7c2afb] {
right: 0
}
.blu-tooltip.b-btm-right .blu-tooltip__content-wrapper[data-v-1b7c2afb] {
left: 0
}
.blu-tooltip.b-left-center .blu-tooltip__content-wrapper[data-v-1b7c2afb],
.blu-tooltip.b-right-center .blu-tooltip__content-wrapper[data-v-1b7c2afb] {
height: 100vh;
display: flex;
align-items: center;
width: 1px;
display: inline-grid
}
.blu-tooltip.b-right-btm .blu-tooltip__content-wrapper[data-v-1b7c2afb],
.blu-tooltip.b-right-center .blu-tooltip__content-wrapper[data-v-1b7c2afb],
.blu-tooltip.b-right-top .blu-tooltip__content-wrapper[data-v-1b7c2afb] {
position: absolute;
left: calc(100% + 16px)
}
.blu-tooltip.b-right-top .blu-tooltip__content-wrapper[data-v-1b7c2afb] {
bottom: calc(100% - 33px)
}
.blu-tooltip.b-right-btm .blu-tooltip__content-wrapper[data-v-1b7c2afb] {
top: calc(100% - 33px)
}
.blu-tooltip.b-left-btm .blu-tooltip__content-wrapper[data-v-1b7c2afb],
.blu-tooltip.b-left-center .blu-tooltip__content-wrapper[data-v-1b7c2afb],
.blu-tooltip.b-left-top .blu-tooltip__content-wrapper[data-v-1b7c2afb] {
width: 1px;
left: -17px
}
.blu-tooltip.b-left-btm .blu-tooltip__content[data-v-1b7c2afb],
.blu-tooltip.b-left-center .blu-tooltip__content[data-v-1b7c2afb],
.blu-tooltip.b-left-top .blu-tooltip__content[data-v-1b7c2afb] {
position: absolute;
right: 0
}
.blu-tooltip.b-left-top .blu-tooltip__content[data-v-1b7c2afb] {
bottom: calc(100% - 30px)
}
.blu-tooltip.b-left-btm .blu-tooltip__content[data-v-1b7c2afb] {
top: calc(100% - 15px)
}
}
@media screen and (max-width:768px) {
.blu-tooltip.b-active .blu-tooltip__content[data-v-1b7c2afb] {
max-height: calc(100% - 50px);
padding: 24px 24px 28px 24px;
visibility: visible;
opacity: 1
}
.blu-tooltip.b-active .blu-tooltip__content-wrapper[data-v-1b7c2afb] {
opacity: 1;
z-index: 99;
visibility: visible
}
.blu-tooltip.b-active .blu-tooltip__content-wrapper .blu-tooltip__content[data-v-1b7c2afb] {
opacity: 1;
visibility: visible
}
.blu-tooltip__content[data-v-1b7c2afb] {
width: 100%;
max-width: 100%;
transition: none;
position: fixed;
border-radius: 16px 16px 0 0;
left: 0;
bottom: 0;
opacity: 0
}
.blu-tooltip__content-wrapper[data-v-1b7c2afb] {
position: fixed;
display: flex;
top: 0;
left: 0;
width: 100%;
height: 100%;
align-items: center;
justify-content: center;
background: rgba(0, 0, 0, .6);
opacity: 0;
z-index: -1;
visibility: hidden
}
}
@media screen and (max-width:768px)and (max-width:768px) {
.blu-tooltip__close[data-v-1b7c2afb] {
position: absolute;
top: -28px;
right: 20px
}
.blu-tooltip__close i[data-v-1b7c2afb] {
content: "";
top: 1px;
right: 1px;
position: absolute;
width: 24px;
height: 24px;
transform: scale(1.3);
background: rgba(0, 0, 0, 0) url(data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PSIwIDAgMjQgMjQiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGQ9Ik0xMy43NjcyIDEyTDE3LjYzMiA4LjEzODM5QzE4LjEyMjcgNy42NDgxOSAxOC4xMjI3IDYuODU3ODYgMTcuNjMyIDYuMzY3NjVDMTcuMTQxNCA1Ljg3NzQ1IDE2LjM1MDQgNS44Nzc0NSAxNS44NTk4IDYuMzY3NjVMMTEuOTk1IDEwLjIyOTNMOC4xNDAxOCA2LjM3NzY2QzcuNjQ5NTYgNS44ODc0NSA2Ljg1ODU3IDUuODg3NDUgNi4zNjc5NiA2LjM3NzY2QzUuODc3MzUgNi44Njc4NiA1Ljg3NzM1IDcuNjU4MTkgNi4zNjc5NiA4LjE0ODRMMTAuMjIyOCAxMkw2LjM2Nzk2IDE1Ljg2MTZDNS44NzczNSAxNi4zNTE4IDUuODc3MzUgMTcuMTQyMSA2LjM2Nzk2IDE3LjYzMjNDNi44NTg1NyAxOC4xMjI2IDcuNjQ5NTYgMTguMTIyNiA4LjE0MDE4IDE3LjYzMjNMMTIuMDA1IDEzLjc3MDdMMTUuODU5OCAxNy42MjIzQzE2LjM1MDQgMTguMTEyNSAxNy4xNDE0IDE4LjExMjUgMTcuNjMyIDE3LjYyMjNDMTguMTIyNyAxNy4xMzIxIDE4LjEyMjcgMTYuMzQxOCAxNy42MzIgMTUuODUxNkwxMy43NzcyIDEySDEzLjc2NzJaIiBmaWxsPSIjNzk3Rjg1Ii8+Cjwvc3ZnPgo=) center center no-repeat #e1e3e4;
background-color: #e1e3e4;
-webkit-mask-image: url(data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PSIwIDAgMjQgMjQiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGQ9Ik0xMy43NjcyIDEyTDE3LjYzMiA4LjEzODM5QzE4LjEyMjcgNy42NDgxOSAxOC4xMjI3IDYuODU3ODYgMTcuNjMyIDYuMzY3NjVDMTcuMTQxNCA1Ljg3NzQ1IDE2LjM1MDQgNS44Nzc0NSAxNS44NTk4IDYuMzY3NjVMMTEuOTk1IDEwLjIyOTNMOC4xNDAxOCA2LjM3NzY2QzcuNjQ5NTYgNS44ODc0NSA2Ljg1ODU3IDUuODg3NDUgNi4zNjc5NiA2LjM3NzY2QzUuODc3MzUgNi44Njc4NiA1Ljg3NzM1IDcuNjU4MTkgNi4zNjc5NiA4LjE0ODRMMTAuMjIyOCAxMkw2LjM2Nzk2IDE1Ljg2MTZDNS44NzczNSAxNi4zNTE4IDUuODc3MzUgMTcuMTQyMSA2LjM2Nzk2IDE3LjYzMjNDNi44NTg1NyAxOC4xMjI2IDcuNjQ5NTYgMTguMTIyNiA4LjE0MDE4IDE3LjYzMjNMMTIuMDA1IDEzLjc3MDdMMTUuODU5OCAxNy42MjIzQzE2LjM1MDQgMTguMTEyNSAxNy4xNDE0IDE4LjExMjUgMTcuNjMyIDE3LjYyMjNDMTguMTIyNyAxNy4xMzIxIDE4LjEyMjcgMTYuMzQxOCAxNy42MzIgMTUuODUxNkwxMy43NzcyIDEySDEzLjc2NzJaIiBmaWxsPSIjNzk3Rjg1Ii8+Cjwvc3ZnPgo=)
}
}
</style>
<style type="text/css">
svg[data-v-4754ff3d] {
display: inline-block;
vertical-align: baseline
}
</style>
<style type="text/css">
.blu-ripple[data-v-2bedc3c7] {
width: 100%;
height: 100%;
position: relative;
overflow: hidden;
display: flex;
justify-content: center;
align-items: center;
-webkit-box-pack: center;
-webkit-box-align: center;
-webkit-mask-image: radial-gradient(circle, #fff 100%, #000 100%);
padding: 0 12px
}
.blu-ripple-wave[data-v-2bedc3c7] {
position: absolute;
z-index: 1;
pointer-events: none;
background: currentColor;
border-radius: 50%;
opacity: 0;
transform: scale(2) translateZ(0)
}
.blu-ripple-wave.b-centered[data-v-2bedc3c7] {
animation-duration: 1.2s;
top: 50%;
left: 50%
}
.blu-ripple-wave~[data-v-2bedc3c7]:not(.blu-ripple-wave) {
position: relative;
z-index: 2
}
.blu-ripple-enter-active[data-v-2bedc3c7] {
transition: 2s cubic-bezier(.25, .8, .25, 1);
transition-property: opacity, transform;
will-change: opacity, transform
}
.blu-ripple-enter-active.b-centered[data-v-2bedc3c7] {
transition-duration: 1.2s
}
.blu-ripple-enter[data-v-2bedc3c7] {
opacity: .26;
transform: scale(.26) translateZ(0)
}
.has-left-icon .blu-ripple svg[data-v-2bedc3c7] {
margin-right: 8px
}
.has-left-icon.b-small svg[data-v-2bedc3c7] {
transform-origin: left;
margin-right: 4px
}
.b-large .blu-ripple[data-v-2bedc3c7] {
padding: 0 16px
}
.b-small .blu-ripple[data-v-2bedc3c7] {
padding: 0 8px
}
.b-small svg[data-v-2bedc3c7] {
width: 18px;
height: 18px
}
.b-icon .blu-ripple[data-v-2bedc3c7] {
padding: 0
}
.b-loading .blu-loader-wrapper[data-v-2bedc3c7] {
height: 24px;
position: absolute
}
.b-loading .blu-ripple[data-v-2bedc3c7] {
color: transparent
}
.b-loading .blu-ripple>svg[data-v-2bedc3c7] {
visibility: hidden
}
.b-loading .blu-ripple .blu-ripple-wave[data-v-2bedc3c7] {
color: #fff
}
.b-loading.b-white .blu-ripple-wave[data-v-2bedc3c7] {
color: #CEC43F
}
.b-loading.b-outline.b-secondary .blu-ripple-wave[data-v-2bedc3c7] {
color: #CEC43F
}
.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: #CEC43F
}
.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: #CEC43F
}
.b-disabled[data-v-2bedc3c7] {
opacity: 1
}
.blu-btn-dropdown .blu-ripple>svg+div[data-v-2bedc3c7] {
margin-left: 8px
}
</style>
<style type="text/css">
.blu-ripple[data-v-574d97b4] {
width: 100%;
height: 100%;
position: relative;
overflow: hidden;
display: flex;
justify-content: center;
align-items: center;
-webkit-box-pack: center;
-webkit-box-align: center;
-webkit-mask-image: radial-gradient(circle, #fff 100%, #000 100%);
padding: 0 12px
}
.blu-ripple-wave[data-v-574d97b4] {
position: absolute;
z-index: 1;
pointer-events: none;
background: currentColor;
border-radius: 50%;
opacity: 0;
transform: scale(2) translateZ(0)
}
.blu-ripple-wave.b-centered[data-v-574d97b4] {
animation-duration: 1.2s;
top: 50%;
left: 50%
}
.blu-ripple-wave~[data-v-574d97b4]:not(.blu-ripple-wave) {
position: relative;
z-index: 2
}
.blu-ripple-enter-active[data-v-574d97b4] {
transition: 2s cubic-bezier(.25, .8, .25, 1);
transition-property: opacity, transform;
will-change: opacity, transform
}
.blu-ripple-enter-active.b-centered[data-v-574d97b4] {
transition-duration: 1.2s
}
.blu-ripple-enter[data-v-574d97b4] {
opacity: .26;
transform: scale(.26) translateZ(0)
}
.has-left-icon .blu-ripple svg[data-v-574d97b4] {
margin-right: 8px
}
.has-left-icon.b-small svg[data-v-574d97b4] {
transform-origin: left;
margin-right: 4px
}
.b-large .blu-ripple[data-v-574d97b4] {
padding: 0 16px
}
.b-small .blu-ripple[data-v-574d97b4] {
padding: 0 8px
}
.b-small svg[data-v-574d97b4] {
width: 18px;
height: 18px
}
.b-icon .blu-ripple[data-v-574d97b4] {
padding: 0
}
.b-loading .blu-loader-wrapper[data-v-574d97b4] {
height: 24px;
position: absolute
}
.b-loading .blu-ripple[data-v-574d97b4] {
color: transparent
}
.b-loading .blu-ripple>svg[data-v-574d97b4] {
visibility: hidden
}
.b-loading .blu-ripple .blu-ripple-wave[data-v-574d97b4] {
color: #fff
}
.b-loading.b-white .blu-ripple-wave[data-v-574d97b4] {
color: #CEC43F
}
.b-loading.b-outline.b-secondary .blu-ripple-wave[data-v-574d97b4] {
color: #CEC43F
}
.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: #CEC43F
}
.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: #CEC43F
}
.b-disabled[data-v-574d97b4] {
opacity: 1
}
.blu-btn-dropdown .blu-ripple>svg+div[data-v-574d97b4] {
margin-left: 8px
}
</style>
<style type="text/css">
.blu-ripple[data-v-19fd2cc7] {
width: 100%;
height: 100%;
position: relative;
overflow: hidden;
display: flex;
justify-content: center;
align-items: center;
-webkit-box-pack: center;
-webkit-box-align: center;
-webkit-mask-image: radial-gradient(circle, #fff 100%, #000 100%);
padding: 0 12px
}
.blu-ripple-wave[data-v-19fd2cc7] {
position: absolute;
z-index: 1;
pointer-events: none;
background: currentColor;
border-radius: 50%;
opacity: 0;
transform: scale(2) translateZ(0)
}
.blu-ripple-wave.b-centered[data-v-19fd2cc7] {
animation-duration: 1.2s;
top: 50%;
left: 50%
}
.blu-ripple-wave~[data-v-19fd2cc7]:not(.blu-ripple-wave) {
position: relative;
z-index: 2
}
.blu-ripple-enter-active[data-v-19fd2cc7] {
transition: 2s cubic-bezier(.25, .8, .25, 1);
transition-property: opacity, transform;
will-change: opacity, transform
}
.blu-ripple-enter-active.b-centered[data-v-19fd2cc7] {
transition-duration: 1.2s
}
.blu-ripple-enter[data-v-19fd2cc7] {
opacity: .26;
transform: scale(.26) translateZ(0)
}
.has-left-icon .blu-ripple svg[data-v-19fd2cc7] {
margin-right: 8px
}
.has-left-icon.b-small svg[data-v-19fd2cc7] {
transform-origin: left;
margin-right: 4px
}
.b-large .blu-ripple[data-v-19fd2cc7] {
padding: 0 16px
}
.b-small .blu-ripple[data-v-19fd2cc7] {
padding: 0 8px
}
.b-small svg[data-v-19fd2cc7] {
width: 18px;
height: 18px
}
.b-icon .blu-ripple[data-v-19fd2cc7] {
padding: 0
}
.b-loading .blu-loader-wrapper[data-v-19fd2cc7] {
height: 24px;
position: absolute
}
.b-loading .blu-ripple[data-v-19fd2cc7] {
color: transparent
}
.b-loading .blu-ripple>svg[data-v-19fd2cc7] {
visibility: hidden
}
.b-loading .blu-ripple .blu-ripple-wave[data-v-19fd2cc7] {
color: #fff
}
.b-loading.b-white .blu-ripple-wave[data-v-19fd2cc7] {
color: #CEC43F
}
.b-loading.b-outline.b-secondary .blu-ripple-wave[data-v-19fd2cc7] {
color: #CEC43F
}
.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: #CEC43F
}
.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: #CEC43F
}
.b-disabled[data-v-19fd2cc7] {
opacity: 1
}
.blu-btn-dropdown .blu-ripple>svg+div[data-v-19fd2cc7] {
margin-left: 8px
}
.blu-btn[data-v-19fd2cc7] {
position: relative;
font: 16px/20px "blibli demi bold", -apple-system, segoe ui, roboto, helvetica, arial, sans-serif;
text-decoration: none;
transition: color .4s, background-color .4s, border-color .6s;
white-space: nowrap;
height: 48px;
padding: 0;
-webkit-tap-highlight-color: transparent
}
.blu-btn[data-v-19fd2cc7]::-moz-focus-inner {
border: 0
}
.blu-btn[data-v-19fd2cc7]:active {
outline: 0
}
.blu-btn[data-v-19fd2cc7]:before {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
z-index: 1;
opacity: 0;
transition: .4s cubic-bezier(.4, 0, .2, 1);
will-change: background-color, opacity;
content: " "
}
.blu-btn[data-v-19fd2cc7]:focus-visible {
box-shadow: 0 0 0 4px #000
}
.blu-btn.b-primary[data-v-19fd2cc7] {
color: #fff;
background-color: #f1ab02;
border-color: #f1ab02
}
.blu-btn.b-primary:not(.b-disabled).b-active[data-v-19fd2cc7],
.blu-btn.b-primary[data-v-19fd2cc7]:not(.b-disabled):focus-visible,
.blu-btn.b-primary[data-v-19fd2cc7]:not(.b-disabled):hover {
background-color: #e39304;
border-color: #e39304
}
.blu-btn.b-secondary[data-v-19fd2cc7] {
color: #fff;
background-color: #CEC43F;
border-color: #CEC43F
}
.blu-btn.b-secondary:not(.b-disabled).b-active[data-v-19fd2cc7],
.blu-btn.b-secondary[data-v-19fd2cc7]:not(.b-disabled):focus-visible,
.blu-btn.b-secondary[data-v-19fd2cc7]:not(.b-disabled):hover {
background-color: #006dea;
border-color: #006dea
}
.blu-btn.b-white[data-v-19fd2cc7] {
color: #fff;
background-color: #fff;
border-color: #fff;
color: #CEC43F
}
.blu-btn.b-white:not(.b-disabled).b-active[data-v-19fd2cc7],
.blu-btn.b-white[data-v-19fd2cc7]:not(.b-disabled):focus-visible,
.blu-btn.b-white[data-v-19fd2cc7]:not(.b-disabled):hover {
background-color: #f1f2f2;
border-color: #f1f2f2
}
.blu-btn.b-disabled[data-v-19fd2cc7] {
color: #fff;
background-color: #c8cbcd;
border-color: #c8cbcd;
color: rgba(25, 34, 42, .4)
}
.blu-btn.b-disabled:not(.b-disabled).b-active[data-v-19fd2cc7],
.blu-btn.b-disabled[data-v-19fd2cc7]:not(.b-disabled):focus-visible,
.blu-btn.b-disabled[data-v-19fd2cc7]:not(.b-disabled):hover {
background-color: #c8cbcd;
border-color: #c8cbcd
}
.blu-btn.b-large[data-v-19fd2cc7] {
height: 56px
}
.blu-btn.b-small[data-v-19fd2cc7] {
font: 14px/18px "blibli demi bold", -apple-system, segoe ui, roboto, helvetica, arial, sans-serif;
height: 32px
}
.b-disabled[data-v-19fd2cc7] {
opacity: 1
}
input[type=button][data-v-19fd2cc7]::-moz-focus-inner,
input[type=submit][data-v-19fd2cc7]::-moz-focus-inner {
border: 0
}
a[data-v-19fd2cc7],
button[data-v-19fd2cc7]:focus,
input[type=button][data-v-19fd2cc7]:focus,
input[type=reset][data-v-19fd2cc7]:focus,
input[type=submit][data-v-19fd2cc7]:focus {
outline: 0
}
a[data-v-19fd2cc7],
a[data-v-19fd2cc7]:active,
a[data-v-19fd2cc7]:focus,
a[data-v-19fd2cc7]:hover,
a[data-v-19fd2cc7]:visited {
outline: 0 none !important
}
.blu-btn[data-v-19fd2cc7] {
border-radius: 24px
}
.blu-btn+.blu-button[data-v-19fd2cc7] {
margin-left: 0
}
.blu-btn.b-outline[data-v-19fd2cc7] {
background-color: rgba(0, 0, 0, 0)
}
.blu-btn.b-outline.b-primary[data-v-19fd2cc7] {
color: #f1ab02;
background-color: #e39304;
border: #ffcd00 1px solid
}
.blu-btn.b-outline.b-primary[data-v-19fd2cc7]:not(.b-disabled) {
background-color: rgba(255, 255, 255, .12)
}
.blu-btn.b-outline.b-primary:not(.b-disabled).b-active[data-v-19fd2cc7],
.blu-btn.b-outline.b-primary[data-v-19fd2cc7]:not(.b-disabled):focus-visible,
.blu-btn.b-outline.b-primary[data-v-19fd2cc7]:not(.b-disabled):hover {
background-color: rgba(227, 147, 4, .08);
border: #ffcd00 1px solid
}
.blu-btn.b-outline.b-primary.b-active[data-v-19fd2cc7] {
z-index: 9;
background-color: #f1ab02;
color: #fff
}
.blu-btn.b-outline.b-secondary[data-v-19fd2cc7] {
color: #CEC43F;
background-color: #006dea;
border: #1d8fff 1px solid
}
.blu-btn.b-outline.b-secondary[data-v-19fd2cc7]:not(.b-disabled) {
background-color: rgba(255, 255, 255, .12)
}
.blu-btn.b-outline.b-secondary:not(.b-disabled).b-active[data-v-19fd2cc7],
.blu-btn.b-outline.b-secondary[data-v-19fd2cc7]:not(.b-disabled):focus-visible,
.blu-btn.b-outline.b-secondary[data-v-19fd2cc7]:not(.b-disabled):hover {
background-color: rgba(0, 109, 234, .08);
border: #1d8fff 1px solid
}
.blu-btn.b-outline.b-secondary.b-active[data-v-19fd2cc7] {
z-index: 9;
background-color: #CEC43F;
color: #fff
}
.blu-btn.b-outline.b-white[data-v-19fd2cc7] {
color: #fff;
background-color: #fff;
border: #fff 1px solid
}
.blu-btn.b-outline.b-white[data-v-19fd2cc7]:not(.b-disabled) {
background-color: rgba(255, 255, 255, .12)
}
.blu-btn.b-outline.b-white:not(.b-disabled).b-active[data-v-19fd2cc7],
.blu-btn.b-outline.b-white[data-v-19fd2cc7]:not(.b-disabled):focus-visible,
.blu-btn.b-outline.b-white[data-v-19fd2cc7]:not(.b-disabled):hover {
background-color: rgba(255, 255, 255, .4);
border: #fff 1px solid
}
.blu-btn.b-outline.b-white.b-active[data-v-19fd2cc7] {
z-index: 9;
background-color: #fff;
color: #fff
}
.blu-btn.b-outline.b-disabled[data-v-19fd2cc7] {
color: rgba(25, 34, 42, .4);
background-color: #c8cbcd;
border: #c8cbcd 1px solid
}
.blu-btn.b-outline.b-disabled[data-v-19fd2cc7]:not(.b-disabled) {
background-color: rgba(255, 255, 255, .12)
}
.blu-btn.b-outline.b-disabled:not(.b-disabled).b-active[data-v-19fd2cc7],
.blu-btn.b-outline.b-disabled[data-v-19fd2cc7]:not(.b-disabled):focus-visible,
.blu-btn.b-outline.b-disabled[data-v-19fd2cc7]:not(.b-disabled):hover {
background-color: rgba(200, 203, 205, .08);
border: #c8cbcd 1px solid
}
.blu-btn.b-outline.b-disabled.b-active[data-v-19fd2cc7] {
z-index: 9;
background-color: rgba(25, 34, 42, .4);
color: #fff
}
.blu-btn.b-outline.b-small .blu-ripple[data-v-19fd2cc7] {
border-radius: 14px
}
.blu-btn.b-outline.b-large .blu-ripple[data-v-19fd2cc7] {
border-radius: 30px
}
.blu-btn.b-ghost[data-v-19fd2cc7] {
background-color: rgba(0, 0, 0, 0);
border-color: transparent
}
.blu-btn.b-ghost.b-primary[data-v-19fd2cc7] {
color: #f1ab02;
border-color: transparent
}
.blu-btn.b-ghost.b-primary:not(.b-disabled).b-active[data-v-19fd2cc7],
.blu-btn.b-ghost.b-primary[data-v-19fd2cc7]:not(.b-disabled):focus-visible,
.blu-btn.b-ghost.b-primary[data-v-19fd2cc7]:not(.b-disabled):hover {
border-color: transparent;
background-color: rgba(227, 147, 4, .08)
}
.blu-btn.b-ghost.b-secondary[data-v-19fd2cc7] {
color: #CEC43F;
border-color: transparent
}
.blu-btn.b-ghost.b-secondary:not(.b-disabled).b-active[data-v-19fd2cc7],
.blu-btn.b-ghost.b-secondary[data-v-19fd2cc7]:not(.b-disabled):focus-visible,
.blu-btn.b-ghost.b-secondary[data-v-19fd2cc7]:not(.b-disabled):hover {
border-color: transparent;
background-color: rgba(0, 109, 234, .08)
}
.blu-btn.b-ghost.b-white[data-v-19fd2cc7] {
color: #fff;
border-color: transparent
}
.blu-btn.b-ghost.b-white:not(.b-disabled).b-active[data-v-19fd2cc7],
.blu-btn.b-ghost.b-white[data-v-19fd2cc7]:not(.b-disabled):focus-visible,
.blu-btn.b-ghost.b-white[data-v-19fd2cc7]:not(.b-disabled):hover {
border-color: transparent;
background-color: rgba(255, 255, 255, .4)
}
.blu-btn.b-ghost.b-white.b-disabled[data-v-19fd2cc7] {
color: rgba(255, 255, 255, .4);
border-color: transparent
}
.blu-btn.b-ghost.b-white.b-disabled:not(.b-disabled).b-active[data-v-19fd2cc7],
.blu-btn.b-ghost.b-white.b-disabled[data-v-19fd2cc7]:not(.b-disabled):focus-visible,
.blu-btn.b-ghost.b-white.b-disabled[data-v-19fd2cc7]:not(.b-disabled):hover {
border-color: transparent;
background-color: rgba(0, 0, 0, 0)
}
.blu-btn.b-ghost.b-disabled[data-v-19fd2cc7] {
color: rgba(25, 34, 42, .4);
border-color: transparent
}
.blu-btn.b-ghost.b-disabled:not(.b-disabled).b-active[data-v-19fd2cc7],
.blu-btn.b-ghost.b-disabled[data-v-19fd2cc7]:not(.b-disabled):focus-visible,
.blu-btn.b-ghost.b-disabled[data-v-19fd2cc7]:not(.b-disabled):hover {
border-color: transparent;
background-color: rgba(0, 0, 0, 0)
}
.blu-btn.b-warning[data-v-19fd2cc7] {
color: #fff;
background-color: #ffcd00;
border-color: #ffcd00
}
.blu-btn.b-warning:not(.b-disabled).b-active[data-v-19fd2cc7],
.blu-btn.b-warning[data-v-19fd2cc7]:not(.b-disabled):focus-visible,
.blu-btn.b-warning[data-v-19fd2cc7]:not(.b-disabled):hover {
background-color: #cca400;
border-color: #cca400
}
.blu-btn.b-danger[data-v-19fd2cc7] {
color: #fff;
background-color: #ff4646;
border-color: #ff4646
}
.blu-btn.b-danger:not(.b-disabled).b-active[data-v-19fd2cc7],
.blu-btn.b-danger[data-v-19fd2cc7]:not(.b-disabled):focus-visible,
.blu-btn.b-danger[data-v-19fd2cc7]:not(.b-disabled):hover {
background-color: #ff1313;
border-color: #ff1313
}
.blu-btn.b-small[data-v-19fd2cc7] {
border-radius: 16px
}
.blu-btn.b-small .blu-ripple[data-v-19fd2cc7] {
border-radius: 16px
}
.blu-btn.b-large[data-v-19fd2cc7] {
border-radius: 32px
}
.blu-btn.b-large .blu-ripple[data-v-19fd2cc7] {
border-radius: 32px
}
.blu-btn.b-icon[data-v-19fd2cc7] {
width: 48px
}
.blu-btn.b-icon.b-large[data-v-19fd2cc7] {
width: 56px
}
.blu-btn.b-icon.b-small[data-v-19fd2cc7] {
width: 32px
}
.blu-btn.b-icon svg[data-v-19fd2cc7] {
width: 100%;
height: 100%
}
.blu-btn.b-full-width[data-v-19fd2cc7] {
width: 100%
}
.blu-btn .blu-ripple[data-v-19fd2cc7] {
border-radius: 24px
}
</style>
<style type="text/css">
.blu-field[data-v-12bd13fe] {
position: relative;
margin-bottom: 16px
}
.blu-field input.form__input[data-v-12bd13fe] {
width: auto
}
.blu-field input.form__input[type=email][data-v-12bd13fe],
.blu-field input.form__input[type=number][data-v-12bd13fe],
.blu-field input.form__input[type=password][data-v-12bd13fe],
.blu-field input.form__input[type=search][data-v-12bd13fe],
.blu-field input.form__input[type=tel][data-v-12bd13fe],
.blu-field input.form__input[type=text][data-v-12bd13fe],
.blu-field input.form__input[type=url][data-v-12bd13fe] {
padding: 24px 20px 8px 14px;
height: 56px
}
.blu-field textarea[data-v-12bd13fe] {
padding: 22px 16px 8px 14px;
resize: vertical
}
.blu-field input.form__input[data-v-12bd13fe],
.blu-field textarea[data-v-12bd13fe] {
width: 100%;
margin-top: 0;
border-radius: 8px;
border: #c8cbcd 1px solid;
color: #19222a;
font: 16px/20px blibli, -apple-system, segoe ui, roboto, helvetica, arial, sans-serif;
transition: border .2s, background-color .4s
}
.blu-field input.form__input[type=search][data-v-12bd13fe],
.blu-field textarea[type=search][data-v-12bd13fe] {
font: 16px/20px blibli, -apple-system, segoe ui, roboto, helvetica, arial, sans-serif;
color: #19222a
}
.blu-field input.form__input[type=search][data-v-12bd13fe]::placeholder,
.blu-field textarea[type=search][data-v-12bd13fe]::placeholder {
color: rgba(25, 34, 42, .4)
}
.blu-field input.form__input[data-v-12bd13fe]:not(:read-only):focus,
.blu-field textarea[data-v-12bd13fe]:not(:read-only):focus {
border-color: #1d8fff
}
.blu-field input.form__input:not(:read-only):focus~label[data-v-12bd13fe],
.blu-field textarea:not(:read-only):focus~label[data-v-12bd13fe] {
font: 12px/16px blibli, -apple-system, segoe ui, roboto, helvetica, arial, sans-serif;
color: #CEC43F;
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: #CEC43F
}
.blu-field input.form__input[data-v-12bd13fe]:read-only,
.blu-field textarea[data-v-12bd13fe]:read-only {
border-color: #f1f2f2
}
.blu-field textarea[data-v-12bd13fe] {
height: 100px
}
.blu-field textarea[data-v-12bd13fe]::-webkit-scrollbar {
width: 6px;
background-color: rgba(0, 0, 0, 0)
}
.blu-field textarea[data-v-12bd13fe]::-webkit-scrollbar-thumb {
border-radius: 3px;
background-color: #c8cbcd
}
.blu-field textarea[data-v-12bd13fe]::-webkit-scrollbar-track {
border-radius: 3px;
background-color: rgba(0, 0, 0, 0)
}
.blu-field label[data-v-12bd13fe] {
font: 16px/20px blibli, -apple-system, segoe ui, roboto, helvetica, arial, sans-serif;
color: rgba(25, 34, 42, .4);
position: absolute;
top: 18px;
left: 16px;
transition: all .2s, background-color .4s
}
.blu-field button[data-v-12bd13fe] {
padding: 0;
margin: 0;
color: #797f85;
display: flex
}
.blu-field button[data-v-12bd13fe]:focus-visible {
outline: 0
}
.blu-field button:focus-visible svg[data-v-12bd13fe] {
outline: 4px solid #000
}
.blu-field__msg[data-v-12bd13fe] {
flex: auto;
margin-top: 4px
}
.blu-field__msg-wrapper[data-v-12bd13fe] {
display: flex;
justify-content: flex-end;
font: 14px/18px blibli, -apple-system, segoe ui, roboto, helvetica, arial, sans-serif;
color: rgba(25, 34, 42, .4)
}
.blu-field__counter[data-v-12bd13fe] {
text-align: right
}
.blu-field__btn[data-v-12bd13fe] {
top: 16px;
position: absolute;
display: flex;
right: 16px;
align-items: center
}
.blu-field .title[data-v-12bd13fe] {
display: none;
color: rgba(25, 34, 42, .7019607843)
}
.blu-field:not(.b-disabled) input.form__input[data-v-12bd13fe]:hover,
.blu-field:not(.b-disabled) textarea[data-v-12bd13fe]:hover {
background-color: #f1f2f2
}
.blu-field:not(.b-disabled).has-value label[data-v-12bd13fe] {
color: #CEC43F
}
.blu-field:not(.b-disabled).has-value textarea+label[data-v-12bd13fe] {
background-color: #fff
}
.blu-field:not(.b-disabled).has-value textarea:hover~label[data-v-12bd13fe] {
background-color: #f1f2f2
}
.blu-field:not(.b-disabled).has-value textarea[data-v-12bd13fe]::-webkit-credentials-auto-fill-button {
margin-right: 0
}
.blu-field.has-value label[data-v-12bd13fe] {
font: 12px/16px blibli, -apple-system, segoe ui, roboto, helvetica, arial, sans-serif;
top: 2px;
padding-top: 6px;
opacity: 1
}
.blu-field.has-value textarea+label[data-v-12bd13fe] {
width: calc(100% - 32px)
}
.blu-field.has-value.b-success label[data-v-12bd13fe] {
color: #1c832a
}
.blu-field.has-value.b-danger label[data-v-12bd13fe] {
color: #e93c3c
}
.blu-field.has-max-length input.form__input[data-v-12bd13fe] {
animation: shake-12bd13fe .82s cubic-bezier(.36, .07, .19, .97) both;
transform: translate3d(0, 0, 0);
backface-visibility: hidden;
perspective: 1000px
}
.blu-field.has-placeholder[data-v-12bd13fe] ::placeholder {
font: 16px/20px blibli, -apple-system, segoe ui, roboto, helvetica, arial, sans-serif;
opacity: 1;
color: rgba(25, 34, 42, .4)
}
.blu-field.has-placeholder .title[data-v-12bd13fe] {
position: absolute;
font-size: 1.2rem;
font-weight: 400;
top: -8px;
left: 16px;
display: block;
color: rgba(25, 34, 42, .7019607843)
}
.blu-field.has-placeholder .blu-field__btn[data-v-12bd13fe] {
top: 32px
}
.blu-field.has-placeholder textarea[data-v-12bd13fe] {
padding-top: 16px;
margin-top: 16px
}
.blu-field.has-placeholder input.form__input[data-v-12bd13fe] {
padding-top: 8px;
margin-top: 16px
}
.blu-field.has-placeholder input.form__input[data-v-12bd13fe]:focus::placeholder {
color: rgba(25, 34, 42, .4)
}
.blu-field.has-placeholder.has-left-icon .blu-field__btn[data-v-12bd13fe],
.blu-field.has-placeholder.has-right-icon .blu-field__btn[data-v-12bd13fe] {
top: 32px
}
.blu-field.has-left-icon .blu-field__btn[data-v-12bd13fe] {
left: 16px;
right: auto;
width: calc(100% - 28px);
pointer-events: none;
justify-content: space-between
}
.blu-field.has-left-icon .blu-field__btn-close[data-v-12bd13fe],
.blu-field.has-left-icon .blu-field__btn-custom[data-v-12bd13fe] {
pointer-events: all
}
.blu-field.has-left-icon.b-clearable[data-v-12bd13fe] {
flex-direction: row-reverse
}
.blu-field.has-left-icon.b-clearable.has-value .blu-field__btn-close[data-v-12bd13fe] {
order: 2
}
.blu-field.has-left-icon.b-clearable.has-value .blu-field__btn-custom[data-v-12bd13fe] {
order: 1
}
.blu-field.has-left-icon label[data-v-12bd13fe] {
padding-left: 30px
}
.blu-field.has-left-icon input.form__input[data-v-12bd13fe] {
padding-left: 44px
}
.blu-field.has-left-icon input.form__input[type=search][data-v-12bd13fe] {
padding-left: 46px
}
@media screen and (max-width:768px) {
.blu-field.has-left-icon input.form__input[type=search][data-v-12bd13fe] {
padding-left: 32px
}
.blu-field.has-left-icon input.form__input[type=search]~label[data-v-12bd13fe] {
left: 24px
}
.blu-field.has-left-icon input.form__input[type=search]~.blu-field__btn[data-v-12bd13fe] {
width: calc(100% - 15px);
bottom: 17px;
left: 5px
}
.blu-field.has-left-icon input.form__input[type=search]~.blu-field__btn .blu-field__btn-close svg[data-v-12bd13fe],
.blu-field.has-left-icon input.form__input[type=search]~.blu-field__btn .blu-field__btn-custom svg[data-v-12bd13fe] {
width: 18px;
height: 18px
}
}
@media screen and (max-width:768px) {
.blu-field.has-left-icon input.form__input[type=search][data-v-12bd13fe] {
height: 36px;
border-radius: 8px
}
}
.blu-field.has-right-icon input.form__input[data-v-12bd13fe] {
padding-right: 46px
}
.blu-field.b-clearable input.form__input[data-v-12bd13fe],
.blu-field.b-clearable textarea[data-v-12bd13fe] {
padding-right: 47px
}
.blu-field.b-clearable input.form__input[type=password][data-v-12bd13fe],
.blu-field.b-clearable textarea[type=password][data-v-12bd13fe] {
padding-right: 80px
}
@media screen and (max-width:768px) {
.blu-field.b-clearable input.form__input[type=search][data-v-12bd13fe],
.blu-field.b-clearable textarea[type=search][data-v-12bd13fe] {
padding-right: 33px
}
}
.blu-field.b-clearable .blu-field__btn-close[data-v-12bd13fe]:not(:last-child) {
margin-right: 8px
}
.blu-field.has-action .blu-field__btn[data-v-12bd13fe] {
top: 12px
}
.blu-field.has-action.has-placeholder .blu-field__btn[data-v-12bd13fe] {
top: 28px
}
.blu-field.has-action input.form__input[data-v-12bd13fe] {
padding-right: 81px
}
.blu-field.has-action.b-clearable input.form__input[data-v-12bd13fe],
.blu-field.has-action.has-password input.form__input[data-v-12bd13fe] {
padding-right: 118px
}
.blu-field.has-leading-icon .blu-field__leading-icon[data-v-12bd13fe] {
position: absolute;
top: 16px;
left: 16px;
pointer-events: none;
z-index: 1
}
.blu-field.has-leading-icon label[data-v-12bd13fe] {
padding-left: 32px
}
.blu-field.has-leading-icon input.form__input[data-v-12bd13fe] {
padding-left: 46px
}
.blu-field.has-leading-icon input.form__input[type=search][data-v-12bd13fe] {
padding-left: 48px
}
@media screen and (max-width:768px) {
.blu-field.has-leading-icon input.form__input[type=search][data-v-12bd13fe] {
padding-left: 32px;
height: 36px;
border-radius: 8px
}
.blu-field.has-leading-icon input.form__input[type=search]~label[data-v-12bd13fe] {
left: 24px
}
.blu-field.has-leading-icon input.form__input[type=search]~.blu-field__leading-icon[data-v-12bd13fe] {
top: 24px;
left: 8px
}
.blu-field.has-leading-icon input.form__input[type=search]~.blu-field__leading-icon svg[data-v-12bd13fe] {
width: 18px;
height: 18px
}
.blu-field.has-leading-icon input.form__input[type=search]~.blu-field__btn[data-v-12bd13fe] {
bottom: 17px;
right: 8px
}
.blu-field.has-leading-icon input.form__input[type=search]~.blu-field__btn .blu-field__btn-close svg[data-v-12bd13fe],
.blu-field.has-leading-icon input.form__input[type=search]~.blu-field__btn .blu-field__btn-custom svg[data-v-12bd13fe],
.blu-field.has-leading-icon input.form__input[type=search]~.blu-field__btn .blu-field__leading-icon svg[data-v-12bd13fe] {
width: 18px;
height: 18px
}
}
.blu-field.has-leading-icon.has-placeholder .blu-field__leading-icon[data-v-12bd13fe] {
top: 32px
}
.blu-field.has-leading-icon.has-placeholder.b-small:not(.has-no-gap) :not(input[type=search].form__input)~.blu-field__leading-icon[data-v-12bd13fe] {
top: 23px
}
.blu-field.has-leading-icon.has-placeholder.b-small:not(.has-no-gap) .blu-field__leading-icon[data-v-12bd13fe] {
top: 25px
}
.blu-field.has-leading-icon.has-placeholder.b-small :not(input[type=search].form__input)~.blu-field__leading-icon[data-v-12bd13fe] {
top: 7px
}
.blu-field.has-custom-icon input.form__input[data-v-12bd13fe] {
padding-right: 46px
}
.blu-field.has-custom-icon.b-clearable input.form__input[data-v-12bd13fe] {
padding-right: 80px
}
.blu-field.has-no-gap[data-v-12bd13fe] {
margin-bottom: 0
}
.blu-field.has-no-gap.has-placeholder input.form__input[data-v-12bd13fe] {
margin-top: 0
}
.blu-field.has-no-gap.has-leading-icon.has-placeholder:not(.b-small) .blu-field__btn[data-v-12bd13fe],
.blu-field.has-no-gap.has-leading-icon.has-placeholder:not(.b-small) .blu-field__leading-icon[data-v-12bd13fe] {
top: 16px
}
.blu-field.has-no-gap.has-leading-icon.has-placeholder .blu-field__leading-icon[data-v-12bd13fe] {
top: 9px
}
.blu-field.has-no-gap.has-leading-icon.has-placeholder .blu-field__btn[data-v-12bd13fe] {
top: 7px
}
@media screen and (min-width:769px),
print {
.blu-field.has-no-gap.has-leading-icon.has-placeholder.b-small input[type=search].form__input~.blu-field__btn[data-v-12bd13fe] {
top: 9px
}
}
@media screen and (max-width:768px) {
.blu-field.has-no-gap.has-leading-icon.has-placeholder input[type=search].form__input~.blu-field__leading-icon[data-v-12bd13fe] {
top: 9px
}
.blu-field.has-no-gap.has-leading-icon.has-placeholder input[type=search].form__input~.blu-field__btn[data-v-12bd13fe] {
top: 17px
}
}
.blu-field.b-success input.form__input[data-v-12bd13fe],
.blu-field.b-success input[data-v-12bd13fe]:not(:read-only):focus,
.blu-field.b-success textarea[data-v-12bd13fe],
.blu-field.b-success textarea[data-v-12bd13fe]:focus,
.blu-field.b-success textarea[data-v-12bd13fe]:not(:read-only):focus {
border-color: #22a334
}
.blu-field.b-success input.form__input~.blu-field__msg-wrapper .blu-field__counter[data-v-12bd13fe],
.blu-field.b-success input.form__input~.blu-field__msg-wrapper .blu-field__msg[data-v-12bd13fe],
.blu-field.b-success input.form__input~.blu-field__msg[data-v-12bd13fe],
.blu-field.b-success input:not(:read-only):focus~.blu-field__msg-wrapper .blu-field__counter[data-v-12bd13fe],
.blu-field.b-success input:not(:read-only):focus~.blu-field__msg-wrapper .blu-field__msg[data-v-12bd13fe],
.blu-field.b-success input:not(:read-only):focus~.blu-field__msg[data-v-12bd13fe],
.blu-field.b-success textarea:focus~.blu-field__msg-wrapper .blu-field__counter[data-v-12bd13fe],
.blu-field.b-success textarea:focus~.blu-field__msg-wrapper .blu-field__msg[data-v-12bd13fe],
.blu-field.b-success textarea:focus~.blu-field__msg[data-v-12bd13fe],
.blu-field.b-success textarea:not(:read-only):focus~.blu-field__msg-wrapper .blu-field__counter[data-v-12bd13fe],
.blu-field.b-success textarea:not(:read-only):focus~.blu-field__msg-wrapper .blu-field__msg[data-v-12bd13fe],
.blu-field.b-success textarea:not(:read-only):focus~.blu-field__msg[data-v-12bd13fe],
.blu-field.b-success textarea~.blu-field__msg-wrapper .blu-field__counter[data-v-12bd13fe],
.blu-field.b-success textarea~.blu-field__msg-wrapper .blu-field__msg[data-v-12bd13fe],
.blu-field.b-success textarea~.blu-field__msg[data-v-12bd13fe] {
color: #1c832a
}
.blu-field.b-success input.form__input~.title[data-v-12bd13fe],
.blu-field.b-success input:not(:read-only):focus~.title[data-v-12bd13fe],
.blu-field.b-success textarea:focus~.title[data-v-12bd13fe],
.blu-field.b-success textarea:not(:read-only):focus~.title[data-v-12bd13fe],
.blu-field.b-success textarea~.title[data-v-12bd13fe] {
color: #1c832a
}
.blu-field.b-success input.form__input:not(:read-only):focus~label[data-v-12bd13fe],
.blu-field.b-success input:not(:read-only):focus:not(:read-only):focus~label[data-v-12bd13fe],
.blu-field.b-success textarea:focus:not(:read-only):focus~label[data-v-12bd13fe],
.blu-field.b-success textarea:not(:read-only):focus:not(:read-only):focus~label[data-v-12bd13fe],
.blu-field.b-success textarea:not(:read-only):focus~label[data-v-12bd13fe] {
color: #1c832a
}
.blu-field.b-danger input[data-v-12bd13fe],
.blu-field.b-danger input[data-v-12bd13fe]:not(:read-only):focus,
.blu-field.b-danger textarea[data-v-12bd13fe],
.blu-field.b-danger textarea[data-v-12bd13fe]:focus,
.blu-field.b-danger textarea[data-v-12bd13fe]:not(:read-only):focus {
border-color: #ff4646
}
.blu-field.b-danger input:not(:read-only):focus~.blu-field__msg-wrapper .blu-field__counter[data-v-12bd13fe],
.blu-field.b-danger input:not(:read-only):focus~.blu-field__msg-wrapper .blu-field__msg[data-v-12bd13fe],
.blu-field.b-danger input:not(:read-only):focus~.blu-field__msg[data-v-12bd13fe],
.blu-field.b-danger input~.blu-field__msg-wrapper .blu-field__counter[data-v-12bd13fe],
.blu-field.b-danger input~.blu-field__msg-wrapper .blu-field__msg[data-v-12bd13fe],
.blu-field.b-danger input~.blu-field__msg[data-v-12bd13fe],
.blu-field.b-danger textarea:focus~.blu-field__msg-wrapper .blu-field__counter[data-v-12bd13fe],
.blu-field.b-danger textarea:focus~.blu-field__msg-wrapper .blu-field__msg[data-v-12bd13fe],
.blu-field.b-danger textarea:focus~.blu-field__msg[data-v-12bd13fe],
.blu-field.b-danger textarea:not(:read-only):focus~.blu-field__msg-wrapper .blu-field__counter[data-v-12bd13fe],
.blu-field.b-danger textarea:not(:read-only):focus~.blu-field__msg-wrapper .blu-field__msg[data-v-12bd13fe],
.blu-field.b-danger textarea:not(:read-only):focus~.blu-field__msg[data-v-12bd13fe],
.blu-field.b-danger textarea~.blu-field__msg-wrapper .blu-field__counter[data-v-12bd13fe],
.blu-field.b-danger textarea~.blu-field__msg-wrapper .blu-field__msg[data-v-12bd13fe],
.blu-field.b-danger textarea~.blu-field__msg[data-v-12bd13fe] {
color: #e93c3c
}
.blu-field.b-danger input:not(:read-only):focus~.title[data-v-12bd13fe],
.blu-field.b-danger input~.title[data-v-12bd13fe],
.blu-field.b-danger textarea:focus~.title[data-v-12bd13fe],
.blu-field.b-danger textarea:not(:read-only):focus~.title[data-v-12bd13fe],
.blu-field.b-danger textarea~.title[data-v-12bd13fe] {
color: #e93c3c
}
.blu-field.b-danger input:not(:read-only):focus:not(:read-only):focus~label[data-v-12bd13fe],
.blu-field.b-danger input:not(:read-only):focus~label[data-v-12bd13fe],
.blu-field.b-danger textarea:focus:not(:read-only):focus~label[data-v-12bd13fe],
.blu-field.b-danger textarea:not(:read-only):focus:not(:read-only):focus~label[data-v-12bd13fe],
.blu-field.b-danger textarea:not(:read-only):focus~label[data-v-12bd13fe] {
color: #e93c3c
}
.b-dark input.form__input[data-v-12bd13fe],
.b-dark textarea[data-v-12bd13fe] {
background-color: #f1f2f2;
border-color: #f1f2f2
}
.b-dark:not(.b-disabled) input.form__input[data-v-12bd13fe]:hover,
.b-dark:not(.b-disabled) textarea[data-v-12bd13fe]:hover {
background-color: #e1e3e4
}
.b-dark:not(.b-disabled).has-value textarea+label[data-v-12bd13fe] {
background-color: #f1f2f2
}
.b-dark:not(.b-disabled).has-value textarea:hover~label[data-v-12bd13fe] {
background-color: #e1e3e4
}
.b-disabled input.form__input[data-v-12bd13fe],
.b-disabled textarea[data-v-12bd13fe] {
background-color: #c8cbcd;
border-color: #c8cbcd
}
.b-disabled .blu-field__btn [data-v-12bd13fe],
.b-disabled input.form__input[data-v-12bd13fe],
.b-disabled label[data-v-12bd13fe],
.b-disabled textarea[data-v-12bd13fe] {
cursor: not-allowed;
color: rgba(25, 34, 42, .4)
}
.b-small input.form__input[data-v-12bd13fe] {
font: 14px/18px blibli, -apple-system, segoe ui, roboto, helvetica, arial, sans-serif;
border-radius: 8px
}
.b-small input.form__input[type=email][data-v-12bd13fe],
.b-small input.form__input[type=number][data-v-12bd13fe],
.b-small input.form__input[type=password][data-v-12bd13fe],
.b-small input.form__input[type=tel][data-v-12bd13fe],
.b-small input.form__input[type=text][data-v-12bd13fe],
.b-small input.form__input[type=url][data-v-12bd13fe] {
height: 32px
}
.b-small input.form__input[type=email]~.blu-field__leading-icon[data-v-12bd13fe],
.b-small input.form__input[type=number]~.blu-field__leading-icon[data-v-12bd13fe],
.b-small input.form__input[type=password]~.blu-field__leading-icon[data-v-12bd13fe],
.b-small input.form__input[type=tel]~.blu-field__leading-icon[data-v-12bd13fe],
.b-small input.form__input[type=text]~.blu-field__leading-icon[data-v-12bd13fe],
.b-small input.form__input[type=url]~.blu-field__leading-icon[data-v-12bd13fe] {
top: 6px
}
.b-small input.form__input[type=search][data-v-12bd13fe] {
height: 36px
}
.b-small input.form__input[type=search]~.blu-field__btn[data-v-12bd13fe] {
right: 8px
}
@media screen and (min-width:769px),
print {
.b-small input.form__input[type=search]~.blu-field__btn[data-v-12bd13fe] {
top: 25px
}
}
@media screen and (max-width:768px) {
.b-small input.form__input[type=search]~.blu-field__btn[data-v-12bd13fe] {
top: 33px
}
}
.b-small.blu-field input.form__input[data-v-12bd13fe] {
padding-left: 6px
}
.b-small.has-placeholder[data-v-12bd13fe] ::placeholder {
font: 14px/18px blibli, -apple-system, segoe ui, roboto, helvetica, arial, sans-serif;
color: rgba(25, 34, 42, .4)
}
.b-small.has-placeholder .blu-field__btn[data-v-12bd13fe] {
top: 23px;
right: 8px
}
.b-small.has-placeholder .blu-field__btn svg[data-v-12bd13fe],
.b-small.has-placeholder .blu-field__leading-icon svg[data-v-12bd13fe] {
width: 18px;
height: 18px
}
.b-small.b-clearable input.form__input[data-v-12bd13fe] {
padding-right: 33px
}
.b-small.has-leading-icon input.form__input[data-v-12bd13fe] {
padding-left: 32px
}
.b-small.has-leading-icon input.form__input[type=search][data-v-12bd13fe] {
padding-left: 32px
}
.b-small.has-leading-icon .blu-field__btn-close[data-v-12bd13fe],
.b-small.has-leading-icon .blu-field__btn-custom[data-v-12bd13fe],
.b-small.has-leading-icon .blu-field__leading-icon[data-v-12bd13fe] {
left: 8px
}
.b-small .blu-field__btn[data-v-12bd13fe] {
top: 6px
}
[data-v-12bd13fe]::placeholder {
font-size: 0;
opacity: 0
}
[data-v-12bd13fe]::-ms-reveal {
display: none
}
[data-v-12bd13fe]:-ms-input-placeholder {
font-size: 0;
opacity: 0
}
[data-v-12bd13fe]::-ms-input-placeholder {
font-size: 0;
opacity: 0
}
input[data-v-12bd13fe]:-internal-autofill-selected {
background-color: #fff !important
}
[data-v-12bd13fe]::-webkit-credentials-auto-fill-button {
-webkit-mask-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0iTTE4LjkxIDE0LjU2YTEuNzY5IDEuNzY5IDAgMCAxLTEuNDM1LS43MjVsLTIuNjUtMy42ODNhMS4wMDEgMS4wMDEgMCAwIDEgMS42MjUtMS4xNjhsMi40NSAzLjQwOCAyLjIwMi0zLjM3MWExIDEgMCAwIDEgMS42NzQgMS4wOTRsLTIuNCAzLjY3MmMtLjM3My41MDgtLjg5Ni43NzMtMS40NjYuNzczWiIgZmlsbD0iIzc5N0Y4NSIvPjxwYXRoIGZpbGwtcnVsZT0iZXZlbm9kZCIgY2xpcC1ydWxlPSJldmVub2RkIiBkPSJNMTIuOTIgNy4wNzNjMC0zLjAzMS0yLjQ2Ni01LjQ4OS01LjUxLTUuNDg5LTMuMDQ0IDAtNS41MTEgMi40NTctNS41MTEgNS40ODlhNS40ODcgNS40ODcgMCAwIDAgMy40NTkgNS4wOTFjLS4wNTYgMS45MTMtLjAyIDMuODMuMTI0IDUuNzM5bC4wMTEuMTQ0Yy4wMjkuMzkyLjE3My43Ni40MDYgMS4wMzhsLjgxLjk2OGMuNTEuNjA5IDEuNDc0LjcwMiAxLjg0NiAwIC4xNjYtLjMxNC4yMjctMS4wOTctLjAxLTEuNjIyLS4zMzYtLjc0Ny0uNjIxLTEuMTg5LjM0Mi0yLjM3OC4xOTktLjI0Ni4xODYtLjYyMy4wNTUtLjkyMS0uMjc1LS42MjgtLjU1My0xLjc1OC4zMDMtMi44MTMuMDI4LS4wMzUuMDczLS4wNzYuMTI0LS4xMiAyLjA3NS0uNzg4IDMuNTUyLTIuNzgzIDMuNTUyLTUuMTI2Wk03LjQxIDQuMDc5YTEuNSAxLjUgMCAwIDEgMS41MDQgMS40OTdBMS41IDEuNSAwIDAgMSA3LjQxIDcuMDczYTEuNSAxLjUgMCAwIDEtMS41MDMtMS40OTdBMS41IDEuNSAwIDAgMSA3LjQxIDQuMDc5WiIgZmlsbD0iIzc5N0Y4NSIvPjwvc3ZnPg==);
-webkit-mask-size: 18px 18px;
width: 18px;
height: 18px;
background-color: rgba(25, 34, 42, .4);
margin-top: -14px;
margin-right: -30px
}
input[type=number][data-v-12bd13fe]::-webkit-inner-spin-button,
input[type=number][data-v-12bd13fe]::-webkit-outer-spin-button {
-webkit-appearance: none;
margin: 0
}
@keyframes shake-12bd13fe {
10%,
90% {
transform: translate3d(-1px, 0, 0)
}
20%,
80% {
transform: translate3d(2px, 0, 0)
}
30%,
50%,
70% {
transform: translate3d(-4px, 0, 0)
}
40%,
60% {
transform: translate3d(4px, 0, 0)
}
}
.blu-input-stepper input[data-v-12bd13fe] {
font: 18px/24px "blibli demi bold", -apple-system, segoe ui, roboto, helvetica, arial, sans-serif;
color: #19222a;
background-color: inherit
}
.blu-input-stepper input[type=number][data-v-12bd13fe] {
width: 100%;
height: 100%;
padding: 0;
border: none;
text-align: center;
-moz-appearance: textfield
}
.blu-input-stepper input[type=number][data-v-12bd13fe]::-webkit-inner-spin-button {
-webkit-appearance: none;
margin: 0
}
.blu-input-stepper input[type=number][data-v-12bd13fe]:hover {
background-color: inherit
}
.blu-input-stepper input[type=number][data-v-12bd13fe]:focus {
border: none
}
.blu-input-stepper.b-readonly input[data-v-12bd13fe] {
cursor: default
}
.blu-input-stepper.b-disabled input[data-v-12bd13fe] {
color: rgba(25, 34, 42, .4)
}
</style>
<style type="text/css">
.blu-input-stepper[data-v-1e7baa58] {
display: flex;
align-items: center;
justify-content: space-between;
border-radius: 8px;
height: 32px;
padding: 4px;
transition: all .4s ease-in-out
}
.blu-input-stepper[data-v-1e7baa58]:not(.b-readonly) {
background-color: #f1f2f2
}
.blu-input-stepper__input[data-v-1e7baa58] {
display: flex;
align-items: center;
margin: 0;
color: #19222a
}
.blu-input-stepper__minus[data-v-1e7baa58],
.blu-input-stepper__plus[data-v-1e7baa58] {
display: flex;
align-items: center;
border-radius: 50%;
width: 24px;
height: 24px;
box-sizing: border-box
}
.blu-input-stepper.b-disabled[data-v-1e7baa58] {
cursor: not-allowed
}
.blu-input-stepper.b-disabled[data-v-1e7baa58]:not(.b-readonly) {
background-color: #c8cbcd
}
.blu-input-stepper.b-active[data-v-1e7baa58] {
box-shadow: inset 0 0 0 2px #CEC43F
}
</style>
<style type="text/css">
.blu-ripple[data-v-2bedc3c7] {
width: 100%;
height: 100%;
position: relative;
overflow: hidden;
display: flex;
justify-content: center;
align-items: center;
-webkit-box-pack: center;
-webkit-box-align: center;
-webkit-mask-image: radial-gradient(circle, #fff 100%, #000 100%);
padding: 0 12px
}
.blu-ripple-wave[data-v-2bedc3c7] {
position: absolute;
z-index: 1;
pointer-events: none;
background: currentColor;
border-radius: 50%;
opacity: 0;
transform: scale(2) translateZ(0)
}
.blu-ripple-wave.b-centered[data-v-2bedc3c7] {
animation-duration: 1.2s;
top: 50%;
left: 50%
}
.blu-ripple-wave~[data-v-2bedc3c7]:not(.blu-ripple-wave) {
position: relative;
z-index: 2
}
.blu-ripple-enter-active[data-v-2bedc3c7] {
transition: 2s cubic-bezier(.25, .8, .25, 1);
transition-property: opacity, transform;
will-change: opacity, transform
}
.blu-ripple-enter-active.b-centered[data-v-2bedc3c7] {
transition-duration: 1.2s
}
.blu-ripple-enter[data-v-2bedc3c7] {
opacity: .26;
transform: scale(.26) translateZ(0)
}
.has-left-icon .blu-ripple svg[data-v-2bedc3c7] {
margin-right: 8px
}
.has-left-icon.b-small svg[data-v-2bedc3c7] {
transform-origin: left;
margin-right: 4px
}
.b-large .blu-ripple[data-v-2bedc3c7] {
padding: 0 16px
}
.b-small .blu-ripple[data-v-2bedc3c7] {
padding: 0 8px
}
.b-small svg[data-v-2bedc3c7] {
width: 18px;
height: 18px
}
.b-icon .blu-ripple[data-v-2bedc3c7] {
padding: 0
}
.b-loading .blu-loader-wrapper[data-v-2bedc3c7] {
height: 24px;
position: absolute
}
.b-loading .blu-ripple[data-v-2bedc3c7] {
color: transparent
}
.b-loading .blu-ripple>svg[data-v-2bedc3c7] {
visibility: hidden
}
.b-loading .blu-ripple .blu-ripple-wave[data-v-2bedc3c7] {
color: #fff
}
.b-loading.b-white .blu-ripple-wave[data-v-2bedc3c7] {
color: #CEC43F
}
.b-loading.b-outline.b-secondary .blu-ripple-wave[data-v-2bedc3c7] {
color: #CEC43F
}
.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: #CEC43F
}
.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: #CEC43F
}
.b-disabled[data-v-2bedc3c7] {
opacity: 1
}
.blu-btn-dropdown .blu-ripple>svg+div[data-v-2bedc3c7] {
margin-left: 8px
}
</style>
<style type="text/css">
.blu-ripple[data-v-574d97b4] {
width: 100%;
height: 100%;
position: relative;
overflow: hidden;
display: flex;
justify-content: center;
align-items: center;
-webkit-box-pack: center;
-webkit-box-align: center;
-webkit-mask-image: radial-gradient(circle, #fff 100%, #000 100%);
padding: 0 12px
}
.blu-ripple-wave[data-v-574d97b4] {
position: absolute;
z-index: 1;
pointer-events: none;
background: currentColor;
border-radius: 50%;
opacity: 0;
transform: scale(2) translateZ(0)
}
.blu-ripple-wave.b-centered[data-v-574d97b4] {
animation-duration: 1.2s;
top: 50%;
left: 50%
}
.blu-ripple-wave~[data-v-574d97b4]:not(.blu-ripple-wave) {
position: relative;
z-index: 2
}
.blu-ripple-enter-active[data-v-574d97b4] {
transition: 2s cubic-bezier(.25, .8, .25, 1);
transition-property: opacity, transform;
will-change: opacity, transform
}
.blu-ripple-enter-active.b-centered[data-v-574d97b4] {
transition-duration: 1.2s
}
.blu-ripple-enter[data-v-574d97b4] {
opacity: .26;
transform: scale(.26) translateZ(0)
}
.has-left-icon .blu-ripple svg[data-v-574d97b4] {
margin-right: 8px
}
.has-left-icon.b-small svg[data-v-574d97b4] {
transform-origin: left;
margin-right: 4px
}
.b-large .blu-ripple[data-v-574d97b4] {
padding: 0 16px
}
.b-small .blu-ripple[data-v-574d97b4] {
padding: 0 8px
}
.b-small svg[data-v-574d97b4] {
width: 18px;
height: 18px
}
.b-icon .blu-ripple[data-v-574d97b4] {
padding: 0
}
.b-loading .blu-loader-wrapper[data-v-574d97b4] {
height: 24px;
position: absolute
}
.b-loading .blu-ripple[data-v-574d97b4] {
color: transparent
}
.b-loading .blu-ripple>svg[data-v-574d97b4] {
visibility: hidden
}
.b-loading .blu-ripple .blu-ripple-wave[data-v-574d97b4] {
color: #fff
}
.b-loading.b-white .blu-ripple-wave[data-v-574d97b4] {
color: #CEC43F
}
.b-loading.b-outline.b-secondary .blu-ripple-wave[data-v-574d97b4] {
color: #CEC43F
}
.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: #CEC43F
}
.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: #CEC43F
}
.b-disabled[data-v-574d97b4] {
opacity: 1
}
.blu-btn-dropdown .blu-ripple>svg+div[data-v-574d97b4] {
margin-left: 8px
}
</style>
<style type="text/css">
.blu-ripple[data-v-19fd2cc7] {
width: 100%;
height: 100%;
position: relative;
overflow: hidden;
display: flex;
justify-content: center;
align-items: center;
-webkit-box-pack: center;
-webkit-box-align: center;
-webkit-mask-image: radial-gradient(circle, #fff 100%, #000 100%);
padding: 0 12px
}
.blu-ripple-wave[data-v-19fd2cc7] {
position: absolute;
z-index: 1;
pointer-events: none;
background: currentColor;
border-radius: 50%;
opacity: 0;
transform: scale(2) translateZ(0)
}
.blu-ripple-wave.b-centered[data-v-19fd2cc7] {
animation-duration: 1.2s;
top: 50%;
left: 50%
}
.blu-ripple-wave~[data-v-19fd2cc7]:not(.blu-ripple-wave) {
position: relative;
z-index: 2
}
.blu-ripple-enter-active[data-v-19fd2cc7] {
transition: 2s cubic-bezier(.25, .8, .25, 1);
transition-property: opacity, transform;
will-change: opacity, transform
}
.blu-ripple-enter-active.b-centered[data-v-19fd2cc7] {
transition-duration: 1.2s
}
.blu-ripple-enter[data-v-19fd2cc7] {
opacity: .26;
transform: scale(.26) translateZ(0)
}
.has-left-icon .blu-ripple svg[data-v-19fd2cc7] {
margin-right: 8px
}
.has-left-icon.b-small svg[data-v-19fd2cc7] {
transform-origin: left;
margin-right: 4px
}
.b-large .blu-ripple[data-v-19fd2cc7] {
padding: 0 16px
}
.b-small .blu-ripple[data-v-19fd2cc7] {
padding: 0 8px
}
.b-small svg[data-v-19fd2cc7] {
width: 18px;
height: 18px
}
.b-icon .blu-ripple[data-v-19fd2cc7] {
padding: 0
}
.b-loading .blu-loader-wrapper[data-v-19fd2cc7] {
height: 24px;
position: absolute
}
.b-loading .blu-ripple[data-v-19fd2cc7] {
color: transparent
}
.b-loading .blu-ripple>svg[data-v-19fd2cc7] {
visibility: hidden
}
.b-loading .blu-ripple .blu-ripple-wave[data-v-19fd2cc7] {
color: #fff
}
.b-loading.b-white .blu-ripple-wave[data-v-19fd2cc7] {
color: #CEC43F
}
.b-loading.b-outline.b-secondary .blu-ripple-wave[data-v-19fd2cc7] {
color: #CEC43F
}
.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: #CEC43F
}
.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: #CEC43F
}
.b-disabled[data-v-19fd2cc7] {
opacity: 1
}
.blu-btn-dropdown .blu-ripple>svg+div[data-v-19fd2cc7] {
margin-left: 8px
}
.blu-btn[data-v-19fd2cc7] {
position: relative;
font: 16px/20px "blibli demi bold", -apple-system, segoe ui, roboto, helvetica, arial, sans-serif;
text-decoration: none;
transition: color .4s, background-color .4s, border-color .6s;
white-space: nowrap;
height: 48px;
padding: 0;
-webkit-tap-highlight-color: transparent
}
.blu-btn[data-v-19fd2cc7]::-moz-focus-inner {
border: 0
}
.blu-btn[data-v-19fd2cc7]:active {
outline: 0
}
.blu-btn[data-v-19fd2cc7]:before {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
z-index: 1;
opacity: 0;
transition: .4s cubic-bezier(.4, 0, .2, 1);
will-change: background-color, opacity;
content: " "
}
.blu-btn[data-v-19fd2cc7]:focus-visible {
box-shadow: 0 0 0 4px #000
}
.blu-btn.b-primary[data-v-19fd2cc7] {
color: #fff;
background-color: #f1ab02;
border-color: #f1ab02
}
.blu-btn.b-primary:not(.b-disabled).b-active[data-v-19fd2cc7],
.blu-btn.b-primary[data-v-19fd2cc7]:not(.b-disabled):focus-visible,
.blu-btn.b-primary[data-v-19fd2cc7]:not(.b-disabled):hover {
background-color: #e39304;
border-color: #e39304
}
.blu-btn.b-secondary[data-v-19fd2cc7] {
color: #fff;
background-color: #CEC43F;
border-color: #CEC43F
}
.blu-btn.b-secondary:not(.b-disabled).b-active[data-v-19fd2cc7],
.blu-btn.b-secondary[data-v-19fd2cc7]:not(.b-disabled):focus-visible,
.blu-btn.b-secondary[data-v-19fd2cc7]:not(.b-disabled):hover {
background-color: #006dea;
border-color: #006dea
}
.blu-btn.b-white[data-v-19fd2cc7] {
color: #fff;
background-color: #fff;
border-color: #fff;
color: #CEC43F
}
.blu-btn.b-white:not(.b-disabled).b-active[data-v-19fd2cc7],
.blu-btn.b-white[data-v-19fd2cc7]:not(.b-disabled):focus-visible,
.blu-btn.b-white[data-v-19fd2cc7]:not(.b-disabled):hover {
background-color: #f1f2f2;
border-color: #f1f2f2
}
.blu-btn.b-disabled[data-v-19fd2cc7] {
color: #fff;
background-color: #c8cbcd;
border-color: #c8cbcd;
color: rgba(25, 34, 42, .4)
}
.blu-btn.b-disabled:not(.b-disabled).b-active[data-v-19fd2cc7],
.blu-btn.b-disabled[data-v-19fd2cc7]:not(.b-disabled):focus-visible,
.blu-btn.b-disabled[data-v-19fd2cc7]:not(.b-disabled):hover {
background-color: #c8cbcd;
border-color: #c8cbcd
}
.blu-btn.b-large[data-v-19fd2cc7] {
height: 56px
}
.blu-btn.b-small[data-v-19fd2cc7] {
font: 14px/18px "blibli demi bold", -apple-system, segoe ui, roboto, helvetica, arial, sans-serif;
height: 32px
}
.b-disabled[data-v-19fd2cc7] {
opacity: 1
}
input[type=button][data-v-19fd2cc7]::-moz-focus-inner,
input[type=submit][data-v-19fd2cc7]::-moz-focus-inner {
border: 0
}
a[data-v-19fd2cc7],
button[data-v-19fd2cc7]:focus,
input[type=button][data-v-19fd2cc7]:focus,
input[type=reset][data-v-19fd2cc7]:focus,
input[type=submit][data-v-19fd2cc7]:focus {
outline: 0
}
a[data-v-19fd2cc7],
a[data-v-19fd2cc7]:active,
a[data-v-19fd2cc7]:focus,
a[data-v-19fd2cc7]:hover,
a[data-v-19fd2cc7]:visited {
outline: 0 none !important
}
.blu-btn[data-v-19fd2cc7] {
border-radius: 24px
}
.blu-btn+.blu-button[data-v-19fd2cc7] {
margin-left: 0
}
.blu-btn.b-outline[data-v-19fd2cc7] {
background-color: rgba(0, 0, 0, 0)
}
.blu-btn.b-outline.b-primary[data-v-19fd2cc7] {
color: #f1ab02;
background-color: #e39304;
border: #ffcd00 1px solid
}
.blu-btn.b-outline.b-primary[data-v-19fd2cc7]:not(.b-disabled) {
background-color: rgba(255, 255, 255, .12)
}
.blu-btn.b-outline.b-primary:not(.b-disabled).b-active[data-v-19fd2cc7],
.blu-btn.b-outline.b-primary[data-v-19fd2cc7]:not(.b-disabled):focus-visible,
.blu-btn.b-outline.b-primary[data-v-19fd2cc7]:not(.b-disabled):hover {
background-color: rgba(227, 147, 4, .08);
border: #ffcd00 1px solid
}
.blu-btn.b-outline.b-primary.b-active[data-v-19fd2cc7] {
z-index: 9;
background-color: #f1ab02;
color: #fff
}
.blu-btn.b-outline.b-secondary[data-v-19fd2cc7] {
color: #CEC43F;
background-color: #006dea;
border: #1d8fff 1px solid
}
.blu-btn.b-outline.b-secondary[data-v-19fd2cc7]:not(.b-disabled) {
background-color: rgba(255, 255, 255, .12)
}
.blu-btn.b-outline.b-secondary:not(.b-disabled).b-active[data-v-19fd2cc7],
.blu-btn.b-outline.b-secondary[data-v-19fd2cc7]:not(.b-disabled):focus-visible,
.blu-btn.b-outline.b-secondary[data-v-19fd2cc7]:not(.b-disabled):hover {
background-color: rgba(0, 109, 234, .08);
border: #1d8fff 1px solid
}
.blu-btn.b-outline.b-secondary.b-active[data-v-19fd2cc7] {
z-index: 9;
background-color: #CEC43F;
color: #fff
}
.blu-btn.b-outline.b-white[data-v-19fd2cc7] {
color: #fff;
background-color: #fff;
border: #fff 1px solid
}
.blu-btn.b-outline.b-white[data-v-19fd2cc7]:not(.b-disabled) {
background-color: rgba(255, 255, 255, .12)
}
.blu-btn.b-outline.b-white:not(.b-disabled).b-active[data-v-19fd2cc7],
.blu-btn.b-outline.b-white[data-v-19fd2cc7]:not(.b-disabled):focus-visible,
.blu-btn.b-outline.b-white[data-v-19fd2cc7]:not(.b-disabled):hover {
background-color: rgba(255, 255, 255, .4);
border: #fff 1px solid
}
.blu-btn.b-outline.b-white.b-active[data-v-19fd2cc7] {
z-index: 9;
background-color: #fff;
color: #fff
}
.blu-btn.b-outline.b-disabled[data-v-19fd2cc7] {
color: rgba(25, 34, 42, .4);
background-color: #c8cbcd;
border: #c8cbcd 1px solid
}
.blu-btn.b-outline.b-disabled[data-v-19fd2cc7]:not(.b-disabled) {
background-color: rgba(255, 255, 255, .12)
}
.blu-btn.b-outline.b-disabled:not(.b-disabled).b-active[data-v-19fd2cc7],
.blu-btn.b-outline.b-disabled[data-v-19fd2cc7]:not(.b-disabled):focus-visible,
.blu-btn.b-outline.b-disabled[data-v-19fd2cc7]:not(.b-disabled):hover {
background-color: rgba(200, 203, 205, .08);
border: #c8cbcd 1px solid
}
.blu-btn.b-outline.b-disabled.b-active[data-v-19fd2cc7] {
z-index: 9;
background-color: rgba(25, 34, 42, .4);
color: #fff
}
.blu-btn.b-outline.b-small .blu-ripple[data-v-19fd2cc7] {
border-radius: 14px
}
.blu-btn.b-outline.b-large .blu-ripple[data-v-19fd2cc7] {
border-radius: 30px
}
.blu-btn.b-ghost[data-v-19fd2cc7] {
background-color: rgba(0, 0, 0, 0);
border-color: transparent
}
.blu-btn.b-ghost.b-primary[data-v-19fd2cc7] {
color: #f1ab02;
border-color: transparent
}
.blu-btn.b-ghost.b-primary:not(.b-disabled).b-active[data-v-19fd2cc7],
.blu-btn.b-ghost.b-primary[data-v-19fd2cc7]:not(.b-disabled):focus-visible,
.blu-btn.b-ghost.b-primary[data-v-19fd2cc7]:not(.b-disabled):hover {
border-color: transparent;
background-color: rgba(227, 147, 4, .08)
}
.blu-btn.b-ghost.b-secondary[data-v-19fd2cc7] {
color: #CEC43F;
border-color: transparent
}
.blu-btn.b-ghost.b-secondary:not(.b-disabled).b-active[data-v-19fd2cc7],
.blu-btn.b-ghost.b-secondary[data-v-19fd2cc7]:not(.b-disabled):focus-visible,
.blu-btn.b-ghost.b-secondary[data-v-19fd2cc7]:not(.b-disabled):hover {
border-color: transparent;
background-color: rgba(0, 109, 234, .08)
}
.blu-btn.b-ghost.b-white[data-v-19fd2cc7] {
color: #fff;
border-color: transparent
}
.blu-btn.b-ghost.b-white:not(.b-disabled).b-active[data-v-19fd2cc7],
.blu-btn.b-ghost.b-white[data-v-19fd2cc7]:not(.b-disabled):focus-visible,
.blu-btn.b-ghost.b-white[data-v-19fd2cc7]:not(.b-disabled):hover {
border-color: transparent;
background-color: rgba(255, 255, 255, .4)
}
.blu-btn.b-ghost.b-white.b-disabled[data-v-19fd2cc7] {
color: rgba(255, 255, 255, .4);
border-color: transparent
}
.blu-btn.b-ghost.b-white.b-disabled:not(.b-disabled).b-active[data-v-19fd2cc7],
.blu-btn.b-ghost.b-white.b-disabled[data-v-19fd2cc7]:not(.b-disabled):focus-visible,
.blu-btn.b-ghost.b-white.b-disabled[data-v-19fd2cc7]:not(.b-disabled):hover {
border-color: transparent;
background-color: rgba(0, 0, 0, 0)
}
.blu-btn.b-ghost.b-disabled[data-v-19fd2cc7] {
color: rgba(25, 34, 42, .4);
border-color: transparent
}
.blu-btn.b-ghost.b-disabled:not(.b-disabled).b-active[data-v-19fd2cc7],
.blu-btn.b-ghost.b-disabled[data-v-19fd2cc7]:not(.b-disabled):focus-visible,
.blu-btn.b-ghost.b-disabled[data-v-19fd2cc7]:not(.b-disabled):hover {
border-color: transparent;
background-color: rgba(0, 0, 0, 0)
}
.blu-btn.b-warning[data-v-19fd2cc7] {
color: #fff;
background-color: #ffcd00;
border-color: #ffcd00
}
.blu-btn.b-warning:not(.b-disabled).b-active[data-v-19fd2cc7],
.blu-btn.b-warning[data-v-19fd2cc7]:not(.b-disabled):focus-visible,
.blu-btn.b-warning[data-v-19fd2cc7]:not(.b-disabled):hover {
background-color: #cca400;
border-color: #cca400
}
.blu-btn.b-danger[data-v-19fd2cc7] {
color: #fff;
background-color: #ff4646;
border-color: #ff4646
}
.blu-btn.b-danger:not(.b-disabled).b-active[data-v-19fd2cc7],
.blu-btn.b-danger[data-v-19fd2cc7]:not(.b-disabled):focus-visible,
.blu-btn.b-danger[data-v-19fd2cc7]:not(.b-disabled):hover {
background-color: #ff1313;
border-color: #ff1313
}
.blu-btn.b-small[data-v-19fd2cc7] {
border-radius: 16px
}
.blu-btn.b-small .blu-ripple[data-v-19fd2cc7] {
border-radius: 16px
}
.blu-btn.b-large[data-v-19fd2cc7] {
border-radius: 32px
}
.blu-btn.b-large .blu-ripple[data-v-19fd2cc7] {
border-radius: 32px
}
.blu-btn.b-icon[data-v-19fd2cc7] {
width: 48px
}
.blu-btn.b-icon.b-large[data-v-19fd2cc7] {
width: 56px
}
.blu-btn.b-icon.b-small[data-v-19fd2cc7] {
width: 32px
}
.blu-btn.b-icon svg[data-v-19fd2cc7] {
width: 100%;
height: 100%
}
.blu-btn.b-full-width[data-v-19fd2cc7] {
width: 100%
}
.blu-btn .blu-ripple[data-v-19fd2cc7] {
border-radius: 24px
}
</style>
<style type="text/css">
.blu-card[data-v-05db4d06] {
background: #fff;
border-radius: 16px;
box-shadow: 0 1px 6px 0 rgba(0, 0, 0, .1)
}
.blu-card.b-noshadow[data-v-05db4d06] {
box-shadow: none
}
.blu-card.b-radius-large[data-v-05db4d06] {
border-radius: 32px
}
.blu-card.b-radius-medium[data-v-05db4d06] {
border-radius: 24px
}
.blu-card.b-radius-small[data-v-05db4d06] {
border-radius: 8px
}
.blu-card.b-no-radius[data-v-05db4d06] {
border-radius: 0
}
</style>
<style type="text/css">
.blu-card__content[data-v-0250d5bb] {
padding: 20px
}
</style>
<style type="text/css">
.b-page .blu-modal__close[data-v-a1423cd6] {
width: 24px;
height: 24px;
position: absolute;
top: -28px;
right: 20px
}
.b-page .blu-modal__close i[data-v-a1423cd6] {
content: "";
top: 1px;
right: 1px;
position: absolute;
width: 24px;
height: 24px;
transform: scale(1.3);
background: rgba(0, 0, 0, 0) url(data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PSIwIDAgMjQgMjQiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGQ9Ik0xMy43NjcyIDEyTDE3LjYzMiA4LjEzODM5QzE4LjEyMjcgNy42NDgxOSAxOC4xMjI3IDYuODU3ODYgMTcuNjMyIDYuMzY3NjVDMTcuMTQxNCA1Ljg3NzQ1IDE2LjM1MDQgNS44Nzc0NSAxNS44NTk4IDYuMzY3NjVMMTEuOTk1IDEwLjIyOTNMOC4xNDAxOCA2LjM3NzY2QzcuNjQ5NTYgNS44ODc0NSA2Ljg1ODU3IDUuODg3NDUgNi4zNjc5NiA2LjM3NzY2QzUuODc3MzUgNi44Njc4NiA1Ljg3NzM1IDcuNjU4MTkgNi4zNjc5NiA4LjE0ODRMMTAuMjIyOCAxMkw2LjM2Nzk2IDE1Ljg2MTZDNS44NzczNSAxNi4zNTE4IDUuODc3MzUgMTcuMTQyMSA2LjM2Nzk2IDE3LjYzMjNDNi44NTg1NyAxOC4xMjI2IDcuNjQ5NTYgMTguMTIyNiA4LjE0MDE4IDE3LjYzMjNMMTIuMDA1IDEzLjc3MDdMMTUuODU5OCAxNy42MjIzQzE2LjM1MDQgMTguMTEyNSAxNy4xNDE0IDE4LjExMjUgMTcuNjMyIDE3LjYyMjNDMTguMTIyNyAxNy4xMzIxIDE4LjEyMjcgMTYuMzQxOCAxNy42MzIgMTUuODUxNkwxMy43NzcyIDEySDEzLjc2NzJaIiBmaWxsPSIjNzk3Rjg1Ii8+Cjwvc3ZnPgo=) center center no-repeat #c8cbcd;
background-color: #e1e3e4;
-webkit-mask-image: url(data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PSIwIDAgMjQgMjQiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGQ9Ik0xMy43NjcyIDEyTDE3LjYzMiA4LjEzODM5QzE4LjEyMjcgNy42NDgxOSAxOC4xMjI3IDYuODU3ODYgMTcuNjMyIDYuMzY3NjVDMTcuMTQxNCA1Ljg3NzQ1IDE2LjM1MDQgNS44Nzc0NSAxNS44NTk4IDYuMzY3NjVMMTEuOTk1IDEwLjIyOTNMOC4xNDAxOCA2LjM3NzY2QzcuNjQ5NTYgNS44ODc0NSA2Ljg1ODU3IDUuODg3NDUgNi4zNjc5NiA2LjM3NzY2QzUuODc3MzUgNi44Njc4NiA1Ljg3NzM1IDcuNjU4MTkgNi4zNjc5NiA4LjE0ODRMMTAuMjIyOCAxMkw2LjM2Nzk2IDE1Ljg2MTZDNS44NzczNSAxNi4zNTE4IDUuODc3MzUgMTcuMTQyMSA2LjM2Nzk2IDE3LjYzMjNDNi44NTg1NyAxOC4xMjI2IDcuNjQ5NTYgMTguMTIyNiA4LjE0MDE4IDE3LjYzMjNMMTIuMDA1IDEzLjc3MDdMMTUuODU5OCAxNy42MjIzQzE2LjM1MDQgMTguMTEyNSAxNy4xNDE0IDE4LjExMjUgMTcuNjMyIDE3LjYyMjNDMTguMTIyNyAxNy4xMzIxIDE4LjEyMjcgMTYuMzQxOCAxNy42MzIgMTUuODUxNkwxMy43NzcyIDEySDEzLjc2NzJaIiBmaWxsPSIjNzk3Rjg1Ii8+Cjwvc3ZnPgo=)
}
@media screen and (max-width:768px) {
.b-page .blu-modal__close[data-v-a1423cd6] {
right: 20px
}
}
.b-page .blu-modal__close[data-v-a1423cd6]:focus-visible {
box-shadow: 0 0 0 4px #000;
outline: 0
}
</style>
<style type="text/css">
.blu-ripple[data-v-2bedc3c7] {
width: 100%;
height: 100%;
position: relative;
overflow: hidden;
display: flex;
justify-content: center;
align-items: center;
-webkit-box-pack: center;
-webkit-box-align: center;
-webkit-mask-image: radial-gradient(circle, #fff 100%, #000 100%);
padding: 0 12px
}
.blu-ripple-wave[data-v-2bedc3c7] {
position: absolute;
z-index: 1;
pointer-events: none;
background: currentColor;
border-radius: 50%;
opacity: 0;
transform: scale(2) translateZ(0)
}
.blu-ripple-wave.b-centered[data-v-2bedc3c7] {
animation-duration: 1.2s;
top: 50%;
left: 50%
}
.blu-ripple-wave~[data-v-2bedc3c7]:not(.blu-ripple-wave) {
position: relative;
z-index: 2
}
.blu-ripple-enter-active[data-v-2bedc3c7] {
transition: 2s cubic-bezier(.25, .8, .25, 1);
transition-property: opacity, transform;
will-change: opacity, transform
}
.blu-ripple-enter-active.b-centered[data-v-2bedc3c7] {
transition-duration: 1.2s
}
.blu-ripple-enter[data-v-2bedc3c7] {
opacity: .26;
transform: scale(.26) translateZ(0)
}
.has-left-icon .blu-ripple svg[data-v-2bedc3c7] {
margin-right: 8px
}
.has-left-icon.b-small svg[data-v-2bedc3c7] {
transform-origin: left;
margin-right: 4px
}
.b-large .blu-ripple[data-v-2bedc3c7] {
padding: 0 16px
}
.b-small .blu-ripple[data-v-2bedc3c7] {
padding: 0 8px
}
.b-small svg[data-v-2bedc3c7] {
width: 18px;
height: 18px
}
.b-icon .blu-ripple[data-v-2bedc3c7] {
padding: 0
}
.b-loading .blu-loader-wrapper[data-v-2bedc3c7] {
height: 24px;
position: absolute
}
.b-loading .blu-ripple[data-v-2bedc3c7] {
color: transparent
}
.b-loading .blu-ripple>svg[data-v-2bedc3c7] {
visibility: hidden
}
.b-loading .blu-ripple .blu-ripple-wave[data-v-2bedc3c7] {
color: #fff
}
.b-loading.b-white .blu-ripple-wave[data-v-2bedc3c7] {
color: #CEC43F
}
.b-loading.b-outline.b-secondary .blu-ripple-wave[data-v-2bedc3c7] {
color: #CEC43F
}
.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: #CEC43F
}
.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: #CEC43F
}
.b-disabled[data-v-2bedc3c7] {
opacity: 1
}
.blu-btn-dropdown .blu-ripple>svg+div[data-v-2bedc3c7] {
margin-left: 8px
}
</style>
<style type="text/css">
.blu-ripple[data-v-574d97b4] {
width: 100%;
height: 100%;
position: relative;
overflow: hidden;
display: flex;
justify-content: center;
align-items: center;
-webkit-box-pack: center;
-webkit-box-align: center;
-webkit-mask-image: radial-gradient(circle, #fff 100%, #000 100%);
padding: 0 12px
}
.blu-ripple-wave[data-v-574d97b4] {
position: absolute;
z-index: 1;
pointer-events: none;
background: currentColor;
border-radius: 50%;
opacity: 0;
transform: scale(2) translateZ(0)
}
.blu-ripple-wave.b-centered[data-v-574d97b4] {
animation-duration: 1.2s;
top: 50%;
left: 50%
}
.blu-ripple-wave~[data-v-574d97b4]:not(.blu-ripple-wave) {
position: relative;
z-index: 2
}
.blu-ripple-enter-active[data-v-574d97b4] {
transition: 2s cubic-bezier(.25, .8, .25, 1);
transition-property: opacity, transform;
will-change: opacity, transform
}
.blu-ripple-enter-active.b-centered[data-v-574d97b4] {
transition-duration: 1.2s
}
.blu-ripple-enter[data-v-574d97b4] {
opacity: .26;
transform: scale(.26) translateZ(0)
}
.has-left-icon .blu-ripple svg[data-v-574d97b4] {
margin-right: 8px
}
.has-left-icon.b-small svg[data-v-574d97b4] {
transform-origin: left;
margin-right: 4px
}
.b-large .blu-ripple[data-v-574d97b4] {
padding: 0 16px
}
.b-small .blu-ripple[data-v-574d97b4] {
padding: 0 8px
}
.b-small svg[data-v-574d97b4] {
width: 18px;
height: 18px
}
.b-icon .blu-ripple[data-v-574d97b4] {
padding: 0
}
.b-loading .blu-loader-wrapper[data-v-574d97b4] {
height: 24px;
position: absolute
}
.b-loading .blu-ripple[data-v-574d97b4] {
color: transparent
}
.b-loading .blu-ripple>svg[data-v-574d97b4] {
visibility: hidden
}
.b-loading .blu-ripple .blu-ripple-wave[data-v-574d97b4] {
color: #fff
}
.b-loading.b-white .blu-ripple-wave[data-v-574d97b4] {
color: #CEC43F
}
.b-loading.b-outline.b-secondary .blu-ripple-wave[data-v-574d97b4] {
color: #CEC43F
}
.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: #CEC43F
}
.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: #CEC43F
}
.b-disabled[data-v-574d97b4] {
opacity: 1
}
.blu-btn-dropdown .blu-ripple>svg+div[data-v-574d97b4] {
margin-left: 8px
}
</style>
<style type="text/css">
.blu-ripple[data-v-19fd2cc7] {
width: 100%;
height: 100%;
position: relative;
overflow: hidden;
display: flex;
justify-content: center;
align-items: center;
-webkit-box-pack: center;
-webkit-box-align: center;
-webkit-mask-image: radial-gradient(circle, #fff 100%, #000 100%);
padding: 0 12px
}
.blu-ripple-wave[data-v-19fd2cc7] {
position: absolute;
z-index: 1;
pointer-events: none;
background: currentColor;
border-radius: 50%;
opacity: 0;
transform: scale(2) translateZ(0)
}
.blu-ripple-wave.b-centered[data-v-19fd2cc7] {
animation-duration: 1.2s;
top: 50%;
left: 50%
}
.blu-ripple-wave~[data-v-19fd2cc7]:not(.blu-ripple-wave) {
position: relative;
z-index: 2
}
.blu-ripple-enter-active[data-v-19fd2cc7] {
transition: 2s cubic-bezier(.25, .8, .25, 1);
transition-property: opacity, transform;
will-change: opacity, transform
}
.blu-ripple-enter-active.b-centered[data-v-19fd2cc7] {
transition-duration: 1.2s
}
.blu-ripple-enter[data-v-19fd2cc7] {
opacity: .26;
transform: scale(.26) translateZ(0)
}
.has-left-icon .blu-ripple svg[data-v-19fd2cc7] {
margin-right: 8px
}
.has-left-icon.b-small svg[data-v-19fd2cc7] {
transform-origin: left;
margin-right: 4px
}
.b-large .blu-ripple[data-v-19fd2cc7] {
padding: 0 16px
}
.b-small .blu-ripple[data-v-19fd2cc7] {
padding: 0 8px
}
.b-small svg[data-v-19fd2cc7] {
width: 18px;
height: 18px
}
.b-icon .blu-ripple[data-v-19fd2cc7] {
padding: 0
}
.b-loading .blu-loader-wrapper[data-v-19fd2cc7] {
height: 24px;
position: absolute
}
.b-loading .blu-ripple[data-v-19fd2cc7] {
color: transparent
}
.b-loading .blu-ripple>svg[data-v-19fd2cc7] {
visibility: hidden
}
.b-loading .blu-ripple .blu-ripple-wave[data-v-19fd2cc7] {
color: #fff
}
.b-loading.b-white .blu-ripple-wave[data-v-19fd2cc7] {
color: #CEC43F
}
.b-loading.b-outline.b-secondary .blu-ripple-wave[data-v-19fd2cc7] {
color: #CEC43F
}
.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: #CEC43F
}
.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: #CEC43F
}
.b-disabled[data-v-19fd2cc7] {
opacity: 1
}
.blu-btn-dropdown .blu-ripple>svg+div[data-v-19fd2cc7] {
margin-left: 8px
}
.blu-btn[data-v-19fd2cc7] {
position: relative;
font: 16px/20px "blibli demi bold", -apple-system, segoe ui, roboto, helvetica, arial, sans-serif;
text-decoration: none;
transition: color .4s, background-color .4s, border-color .6s;
white-space: nowrap;
height: 48px;
padding: 0;
-webkit-tap-highlight-color: transparent
}
.blu-btn[data-v-19fd2cc7]::-moz-focus-inner {
border: 0
}
.blu-btn[data-v-19fd2cc7]:active {
outline: 0
}
.blu-btn[data-v-19fd2cc7]:before {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
z-index: 1;
opacity: 0;
transition: .4s cubic-bezier(.4, 0, .2, 1);
will-change: background-color, opacity;
content: " "
}
.blu-btn[data-v-19fd2cc7]:focus-visible {
box-shadow: 0 0 0 4px #000
}
.blu-btn.b-primary[data-v-19fd2cc7] {
color: #fff;
background-color: #f1ab02;
border-color: #f1ab02
}
.blu-btn.b-primary:not(.b-disabled).b-active[data-v-19fd2cc7],
.blu-btn.b-primary[data-v-19fd2cc7]:not(.b-disabled):focus-visible,
.blu-btn.b-primary[data-v-19fd2cc7]:not(.b-disabled):hover {
background-color: #e39304;
border-color: #e39304
}
.blu-btn.b-secondary[data-v-19fd2cc7] {
color: #fff;
background-color: #CEC43F;
border-color: #CEC43F
}
.blu-btn.b-secondary:not(.b-disabled).b-active[data-v-19fd2cc7],
.blu-btn.b-secondary[data-v-19fd2cc7]:not(.b-disabled):focus-visible,
.blu-btn.b-secondary[data-v-19fd2cc7]:not(.b-disabled):hover {
background-color: #006dea;
border-color: #006dea
}
.blu-btn.b-white[data-v-19fd2cc7] {
color: #fff;
background-color: #fff;
border-color: #fff;
color: #CEC43F
}
.blu-btn.b-white:not(.b-disabled).b-active[data-v-19fd2cc7],
.blu-btn.b-white[data-v-19fd2cc7]:not(.b-disabled):focus-visible,
.blu-btn.b-white[data-v-19fd2cc7]:not(.b-disabled):hover {
background-color: #f1f2f2;
border-color: #f1f2f2
}
.blu-btn.b-disabled[data-v-19fd2cc7] {
color: #fff;
background-color: #c8cbcd;
border-color: #c8cbcd;
color: rgba(25, 34, 42, .4)
}
.blu-btn.b-disabled:not(.b-disabled).b-active[data-v-19fd2cc7],
.blu-btn.b-disabled[data-v-19fd2cc7]:not(.b-disabled):focus-visible,
.blu-btn.b-disabled[data-v-19fd2cc7]:not(.b-disabled):hover {
background-color: #c8cbcd;
border-color: #c8cbcd
}
.blu-btn.b-large[data-v-19fd2cc7] {
height: 56px
}
.blu-btn.b-small[data-v-19fd2cc7] {
font: 14px/18px "blibli demi bold", -apple-system, segoe ui, roboto, helvetica, arial, sans-serif;
height: 32px
}
.b-disabled[data-v-19fd2cc7] {
opacity: 1
}
input[type=button][data-v-19fd2cc7]::-moz-focus-inner,
input[type=submit][data-v-19fd2cc7]::-moz-focus-inner {
border: 0
}
a[data-v-19fd2cc7],
button[data-v-19fd2cc7]:focus,
input[type=button][data-v-19fd2cc7]:focus,
input[type=reset][data-v-19fd2cc7]:focus,
input[type=submit][data-v-19fd2cc7]:focus {
outline: 0
}
a[data-v-19fd2cc7],
a[data-v-19fd2cc7]:active,
a[data-v-19fd2cc7]:focus,
a[data-v-19fd2cc7]:hover,
a[data-v-19fd2cc7]:visited {
outline: 0 none !important
}
.blu-btn[data-v-19fd2cc7] {
border-radius: 24px
}
.blu-btn+.blu-button[data-v-19fd2cc7] {
margin-left: 0
}
.blu-btn.b-outline[data-v-19fd2cc7] {
background-color: rgba(0, 0, 0, 0)
}
.blu-btn.b-outline.b-primary[data-v-19fd2cc7] {
color: #f1ab02;
background-color: #e39304;
border: #ffcd00 1px solid
}
.blu-btn.b-outline.b-primary[data-v-19fd2cc7]:not(.b-disabled) {
background-color: rgba(255, 255, 255, .12)
}
.blu-btn.b-outline.b-primary:not(.b-disabled).b-active[data-v-19fd2cc7],
.blu-btn.b-outline.b-primary[data-v-19fd2cc7]:not(.b-disabled):focus-visible,
.blu-btn.b-outline.b-primary[data-v-19fd2cc7]:not(.b-disabled):hover {
background-color: rgba(227, 147, 4, .08);
border: #ffcd00 1px solid
}
.blu-btn.b-outline.b-primary.b-active[data-v-19fd2cc7] {
z-index: 9;
background-color: #f1ab02;
color: #fff
}
.blu-btn.b-outline.b-secondary[data-v-19fd2cc7] {
color: #CEC43F;
background-color: #006dea;
border: #1d8fff 1px solid
}
.blu-btn.b-outline.b-secondary[data-v-19fd2cc7]:not(.b-disabled) {
background-color: rgba(255, 255, 255, .12)
}
.blu-btn.b-outline.b-secondary:not(.b-disabled).b-active[data-v-19fd2cc7],
.blu-btn.b-outline.b-secondary[data-v-19fd2cc7]:not(.b-disabled):focus-visible,
.blu-btn.b-outline.b-secondary[data-v-19fd2cc7]:not(.b-disabled):hover {
background-color: rgba(0, 109, 234, .08);
border: #1d8fff 1px solid
}
.blu-btn.b-outline.b-secondary.b-active[data-v-19fd2cc7] {
z-index: 9;
background-color: #CEC43F;
color: #fff
}
.blu-btn.b-outline.b-white[data-v-19fd2cc7] {
color: #fff;
background-color: #fff;
border: #fff 1px solid
}
.blu-btn.b-outline.b-white[data-v-19fd2cc7]:not(.b-disabled) {
background-color: rgba(255, 255, 255, .12)
}
.blu-btn.b-outline.b-white:not(.b-disabled).b-active[data-v-19fd2cc7],
.blu-btn.b-outline.b-white[data-v-19fd2cc7]:not(.b-disabled):focus-visible,
.blu-btn.b-outline.b-white[data-v-19fd2cc7]:not(.b-disabled):hover {
background-color: rgba(255, 255, 255, .4);
border: #fff 1px solid
}
.blu-btn.b-outline.b-white.b-active[data-v-19fd2cc7] {
z-index: 9;
background-color: #fff;
color: #fff
}
.blu-btn.b-outline.b-disabled[data-v-19fd2cc7] {
color: rgba(25, 34, 42, .4);
background-color: #c8cbcd;
border: #c8cbcd 1px solid
}
.blu-btn.b-outline.b-disabled[data-v-19fd2cc7]:not(.b-disabled) {
background-color: rgba(255, 255, 255, .12)
}
.blu-btn.b-outline.b-disabled:not(.b-disabled).b-active[data-v-19fd2cc7],
.blu-btn.b-outline.b-disabled[data-v-19fd2cc7]:not(.b-disabled):focus-visible,
.blu-btn.b-outline.b-disabled[data-v-19fd2cc7]:not(.b-disabled):hover {
background-color: rgba(200, 203, 205, .08);
border: #c8cbcd 1px solid
}
.blu-btn.b-outline.b-disabled.b-active[data-v-19fd2cc7] {
z-index: 9;
background-color: rgba(25, 34, 42, .4);
color: #fff
}
.blu-btn.b-outline.b-small .blu-ripple[data-v-19fd2cc7] {
border-radius: 14px
}
.blu-btn.b-outline.b-large .blu-ripple[data-v-19fd2cc7] {
border-radius: 30px
}
.blu-btn.b-ghost[data-v-19fd2cc7] {
background-color: rgba(0, 0, 0, 0);
border-color: transparent
}
.blu-btn.b-ghost.b-primary[data-v-19fd2cc7] {
color: #f1ab02;
border-color: transparent
}
.blu-btn.b-ghost.b-primary:not(.b-disabled).b-active[data-v-19fd2cc7],
.blu-btn.b-ghost.b-primary[data-v-19fd2cc7]:not(.b-disabled):focus-visible,
.blu-btn.b-ghost.b-primary[data-v-19fd2cc7]:not(.b-disabled):hover {
border-color: transparent;
background-color: rgba(227, 147, 4, .08)
}
.blu-btn.b-ghost.b-secondary[data-v-19fd2cc7] {
color: #CEC43F;
border-color: transparent
}
.blu-btn.b-ghost.b-secondary:not(.b-disabled).b-active[data-v-19fd2cc7],
.blu-btn.b-ghost.b-secondary[data-v-19fd2cc7]:not(.b-disabled):focus-visible,
.blu-btn.b-ghost.b-secondary[data-v-19fd2cc7]:not(.b-disabled):hover {
border-color: transparent;
background-color: rgba(0, 109, 234, .08)
}
.blu-btn.b-ghost.b-white[data-v-19fd2cc7] {
color: #fff;
border-color: transparent
}
.blu-btn.b-ghost.b-white:not(.b-disabled).b-active[data-v-19fd2cc7],
.blu-btn.b-ghost.b-white[data-v-19fd2cc7]:not(.b-disabled):focus-visible,
.blu-btn.b-ghost.b-white[data-v-19fd2cc7]:not(.b-disabled):hover {
border-color: transparent;
background-color: rgba(255, 255, 255, .4)
}
.blu-btn.b-ghost.b-white.b-disabled[data-v-19fd2cc7] {
color: rgba(255, 255, 255, .4);
border-color: transparent
}
.blu-btn.b-ghost.b-white.b-disabled:not(.b-disabled).b-active[data-v-19fd2cc7],
.blu-btn.b-ghost.b-white.b-disabled[data-v-19fd2cc7]:not(.b-disabled):focus-visible,
.blu-btn.b-ghost.b-white.b-disabled[data-v-19fd2cc7]:not(.b-disabled):hover {
border-color: transparent;
background-color: rgba(0, 0, 0, 0)
}
.blu-btn.b-ghost.b-disabled[data-v-19fd2cc7] {
color: rgba(25, 34, 42, .4);
border-color: transparent
}
.blu-btn.b-ghost.b-disabled:not(.b-disabled).b-active[data-v-19fd2cc7],
.blu-btn.b-ghost.b-disabled[data-v-19fd2cc7]:not(.b-disabled):focus-visible,
.blu-btn.b-ghost.b-disabled[data-v-19fd2cc7]:not(.b-disabled):hover {
border-color: transparent;
background-color: rgba(0, 0, 0, 0)
}
.blu-btn.b-warning[data-v-19fd2cc7] {
color: #fff;
background-color: #ffcd00;
border-color: #ffcd00
}
.blu-btn.b-warning:not(.b-disabled).b-active[data-v-19fd2cc7],
.blu-btn.b-warning[data-v-19fd2cc7]:not(.b-disabled):focus-visible,
.blu-btn.b-warning[data-v-19fd2cc7]:not(.b-disabled):hover {
background-color: #cca400;
border-color: #cca400
}
.blu-btn.b-danger[data-v-19fd2cc7] {
color: #fff;
background-color: #ff4646;
border-color: #ff4646
}
.blu-btn.b-danger:not(.b-disabled).b-active[data-v-19fd2cc7],
.blu-btn.b-danger[data-v-19fd2cc7]:not(.b-disabled):focus-visible,
.blu-btn.b-danger[data-v-19fd2cc7]:not(.b-disabled):hover {
background-color: #ff1313;
border-color: #ff1313
}
.blu-btn.b-small[data-v-19fd2cc7] {
border-radius: 16px
}
.blu-btn.b-small .blu-ripple[data-v-19fd2cc7] {
border-radius: 16px
}
.blu-btn.b-large[data-v-19fd2cc7] {
border-radius: 32px
}
.blu-btn.b-large .blu-ripple[data-v-19fd2cc7] {
border-radius: 32px
}
.blu-btn.b-icon[data-v-19fd2cc7] {
width: 48px
}
.blu-btn.b-icon.b-large[data-v-19fd2cc7] {
width: 56px
}
.blu-btn.b-icon.b-small[data-v-19fd2cc7] {
width: 32px
}
.blu-btn.b-icon svg[data-v-19fd2cc7] {
width: 100%;
height: 100%
}
.blu-btn.b-full-width[data-v-19fd2cc7] {
width: 100%
}
.blu-btn .blu-ripple[data-v-19fd2cc7] {
border-radius: 24px
}
</style>
<style type="text/css">
.blu-ripple[data-v-7172f8fc] {
width: 100%;
height: 100%;
position: relative;
overflow: hidden;
display: flex;
justify-content: center;
align-items: center;
-webkit-box-pack: center;
-webkit-box-align: center;
-webkit-mask-image: radial-gradient(circle, #fff 100%, #000 100%);
padding: 0 12px
}
.blu-ripple-wave[data-v-7172f8fc] {
position: absolute;
z-index: 1;
pointer-events: none;
background: currentColor;
border-radius: 50%;
opacity: 0;
transform: scale(2) translateZ(0)
}
.blu-ripple-wave.b-centered[data-v-7172f8fc] {
animation-duration: 1.2s;
top: 50%;
left: 50%
}
.blu-ripple-wave~[data-v-7172f8fc]:not(.blu-ripple-wave) {
position: relative;
z-index: 2
}
.blu-ripple-enter-active[data-v-7172f8fc] {
transition: 2s cubic-bezier(.25, .8, .25, 1);
transition-property: opacity, transform;
will-change: opacity, transform
}
.blu-ripple-enter-active.b-centered[data-v-7172f8fc] {
transition-duration: 1.2s
}
.blu-ripple-enter[data-v-7172f8fc] {
opacity: .26;
transform: scale(.26) translateZ(0)
}
.has-left-icon .blu-ripple svg[data-v-7172f8fc] {
margin-right: 8px
}
.has-left-icon.b-small svg[data-v-7172f8fc] {
transform-origin: left;
margin-right: 4px
}
.b-large .blu-ripple[data-v-7172f8fc] {
padding: 0 16px
}
.b-small .blu-ripple[data-v-7172f8fc] {
padding: 0 8px
}
.b-small svg[data-v-7172f8fc] {
width: 18px;
height: 18px
}
.b-icon .blu-ripple[data-v-7172f8fc] {
padding: 0
}
.b-loading .blu-loader-wrapper[data-v-7172f8fc] {
height: 24px;
position: absolute
}
.b-loading .blu-ripple[data-v-7172f8fc] {
color: transparent
}
.b-loading .blu-ripple>svg[data-v-7172f8fc] {
visibility: hidden
}
.b-loading .blu-ripple .blu-ripple-wave[data-v-7172f8fc] {
color: #fff
}
.b-loading.b-white .blu-ripple-wave[data-v-7172f8fc] {
color: #CEC43F
}
.b-loading.b-outline.b-secondary .blu-ripple-wave[data-v-7172f8fc] {
color: #CEC43F
}
.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: #CEC43F
}
.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: #CEC43F
}
.b-disabled[data-v-7172f8fc] {
opacity: 1
}
.blu-btn-dropdown .blu-ripple>svg+div[data-v-7172f8fc] {
margin-left: 8px
}
.blu-modal__mask[data-v-7172f8fc] {
transition: opacity .3s ease;
position: fixed;
z-index: 999;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-color: rgba(0, 0, 0, .6);
display: flex;
flex-direction: column;
justify-content: center;
align-items: center
}
.blu-modal__container[data-v-7172f8fc] {
transition: opacity .3s ease;
width: 90%;
max-width: 500px;
max-height: calc(100% - 50px);
height: auto;
background: #fff;
box-shadow: 0 1px 6px 0 rgba(0, 0, 0, .1);
position: fixed;
z-index: 1000;
display: flex;
flex-direction: column
}
@media screen and (max-width:768px) {
.blu-modal__container[data-v-7172f8fc] {
max-height: calc(100% - 40px)
}
}
@media screen and (min-width:769px),
print {
.blu-modal__container[data-v-7172f8fc] {
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
-moz-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
-o-transform: translate(-50%, -50%);
transform: translate(-50%, -50%)
}
}
.blu-modal__heading[data-v-7172f8fc] {
font: 24px/28px "blibli demi bold", -apple-system, segoe ui, roboto, helvetica, arial, sans-serif;
margin-bottom: 8px
}
@media screen and (max-width:768px) {
.blu-modal__heading[data-v-7172f8fc] {
font: 20px/24px "blibli demi bold", -apple-system, segoe ui, roboto, helvetica, arial, sans-serif;
margin-bottom: 0
}
}
.blu-modal__body[data-v-7172f8fc] {
max-height: var(--max-height-modal-body);
overflow-x: auto;
color: rgba(25, 34, 42, .7019607843);
margin-right: 0;
overscroll-behavior: contain
}
@media screen and (min-width:769px),
print {
.blu-modal__body[data-v-7172f8fc] {
font: 16px/20px blibli, -apple-system, segoe ui, roboto, helvetica, arial, sans-serif
}
}
@media screen and (max-width:768px) {
.blu-modal__body[data-v-7172f8fc] {
font: 14px/18px blibli, -apple-system, segoe ui, roboto, helvetica, arial, sans-serif
}
}
.blu-modal__footer[data-v-7172f8fc] {
text-align: right
}
@media screen and (max-width:768px) {
.blu-modal__footer[data-v-7172f8fc] {
margin-top: auto
}
}
.blu-modal.b-dialog .blu-modal__body[data-v-7172f8fc] {
margin-bottom: 40px
}
@media screen and (max-width:768px) {
.blu-modal.b-dialog .blu-modal__body[data-v-7172f8fc] {
margin-bottom: 32px
}
}
.blu-modal.b-dialog .blu-modal__container[data-v-7172f8fc] {
border-radius: 16px
}
@media screen and (min-width:769px),
print {
.blu-modal.b-dialog .blu-modal__container[data-v-7172f8fc] {
padding: 24px 24px 16px
}
}
@media screen and (max-width:768px) {
.blu-modal.b-dialog .blu-modal__container[data-v-7172f8fc] {
padding: 24px 24px 16px;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
-moz-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
-o-transform: translate(-50%, -50%);
transform: translate(-50%, -50%)
}
}
.blu-modal.b-dialog .blu-modal__container[data-v-7172f8fc]:after,
.blu-modal.b-dialog .blu-modal__container[data-v-7172f8fc]:before {
content: "";
width: calc(100% - 60px);
margin: 0 30px;
border-radius: 0 0 24px 24px;
position: absolute;
left: 0
}
.blu-modal.b-dialog .blu-modal__container[data-v-7172f8fc]:before {
height: 9px;
bottom: -9px;
z-index: 2;
background: linear-gradient(0deg, rgba(0, 0, 0, 0) 0, rgba(0, 0, 0, .12) 100%)
}
.blu-modal.b-dialog .blu-modal__container[data-v-7172f8fc]:after {
height: 16px;
border-top: #fff 1px solid;
bottom: -15px
}
.blu-modal.b-dialog .blu-modal__close[data-v-7172f8fc] {
display: none
}
.blu-modal.b-dialog.b-info .blu-modal__container[data-v-7172f8fc]:after {
background-color: #1d8fff
}
.blu-modal.b-dialog.b-success .blu-modal__container[data-v-7172f8fc]:after {
background-color: #22a334
}
.blu-modal.b-dialog.b-warning .blu-modal__container[data-v-7172f8fc]:after {
background-color: #ffcd00
}
.blu-modal.b-dialog.b-danger .blu-modal__container[data-v-7172f8fc]:after {
background-color: #ff4646
}
.blu-modal.b-page .blu-modal__body[data-v-7172f8fc] {
color: rgba(25, 34, 42, .7019607843)
}
@media screen and (min-width:769px),
print {
.blu-modal.b-page .blu-modal__body[data-v-7172f8fc] {
padding: 0 24px
}
}
@media screen and (max-width:768px) {
.blu-modal.b-page .blu-modal__body[data-v-7172f8fc] {
padding: 0 16px;
padding-bottom: calc(env(safe-area-inset-bottom) + 4px);
overflow-y: auto
}
}
.blu-modal.b-page .blu-modal__body[data-v-7172f8fc]::before {
content: "";
background: #fff;
height: 20px;
width: 100%;
left: 0;
bottom: 0;
position: fixed
}
@media screen and (min-width:769px),
print {
.blu-modal.b-page .blu-modal__body[data-v-7172f8fc]::before {
display: none
}
}
@media screen and (min-width:769px),
print {
.blu-modal.b-page .blu-modal__container[data-v-7172f8fc] {
border-radius: 16px;
padding-top: 32px
}
}
@media screen and (max-width:768px) {
.blu-modal.b-page .blu-modal__container[data-v-7172f8fc] {
padding-top: 24px;
width: 100%;
max-width: 100%;
height: auto;
border-radius: 16px 16px 0 0;
left: 0;
bottom: 0;
padding-top: 24px;
padding-bottom: calc(env(safe-area-inset-bottom) + 16px)
}
}
@media screen and (min-width:769px),
print {
.blu-modal.b-page .blu-modal__footer[data-v-7172f8fc] {
padding: 24px 24px
}
}
@media screen and (max-width:768px) {
.blu-modal.b-page .blu-modal__footer[data-v-7172f8fc] {
width: 100%;
padding: 16px;
transition: all .3s cubic-bezier(0, 0, .2, 1.2);
bottom: 0;
padding-bottom: env(safe-area-inset-bottom);
background: #fff
}
}
.blu-modal.b-page .blu-modal__footer[data-v-7172f8fc]::before {
content: "";
background: #fff;
height: 20px;
width: 100%;
left: 0;
bottom: 0;
position: fixed
}
@media screen and (min-width:769px),
print {
.blu-modal.b-page .blu-modal__footer[data-v-7172f8fc]::before {
display: none
}
}
@media screen and (min-width:769px),
print {
.blu-modal.b-page .blu-modal__header[data-v-7172f8fc] {
padding: 0 24px
}
}
@media screen and (max-width:768px) {
.blu-modal.b-page .blu-modal__header[data-v-7172f8fc] {
padding: 0 16px
}
}
.blu-modal.b-page .blu-modal__icon[data-v-7172f8fc] {
display: none
}
@media screen and (max-width:768px) {
.blu-modal.b-page.fade-enter-active[data-v-7172f8fc],
.blu-modal.b-page.fade-leave-active[data-v-7172f8fc] {
transition: opacity .3s
}
.blu-modal.b-page.fade-enter-active .blu-modal__container[data-v-7172f8fc],
.blu-modal.b-page.fade-leave-active .blu-modal__container[data-v-7172f8fc] {
transition: bottom .3s;
transition: all .3s cubic-bezier(0, 0, .2, 1.2);
bottom: 0
}
.blu-modal.b-page.fade-enter-active[data-v-7172f8fc] {
transition: opacity .3s cubic-bezier(0, 0, .2, 1.2)
}
.blu-modal.b-page.fade-leave-active[data-v-7172f8fc] {
transition: opacity .3s cubic-bezier(.8, 0, 1, 1)
}
.blu-modal.b-page.fade-enter .blu-modal__container[data-v-7172f8fc],
.blu-modal.b-page.fade-leave-to .blu-modal__container[data-v-7172f8fc] {
bottom: -96vh
}
}
.blu-modal.b-no-button .blu-modal__container[data-v-7172f8fc] {
padding-bottom: 20px
}
@media screen and (max-width:768px) {
.blu-modal.b-no-button .blu-modal__body[data-v-7172f8fc] {
padding-bottom: env(safe-area-inset-bottom)
}
}
.blu-modal.b-no-button .blu-modal__footer[data-v-7172f8fc] {
display: none
}
.fade-enter-active[data-v-7172f8fc],
.fade-leave-active[data-v-7172f8fc] {
position: absolute;
z-index: 998;
transition: opacity .3s
}
.fade-enter[data-v-7172f8fc],
.fade-leave-to[data-v-7172f8fc] {
opacity: 0
}
img[data-v-7172f8fc] {
max-width: 100%
}
.blu-modal.b-dialog .blu-modal__icon[data-v-7172f8fc] {
width: 40px;
height: 40px;
margin-bottom: 40px
}
@media screen and (max-width:768px) {
.blu-modal.b-dialog .blu-modal__icon[data-v-7172f8fc] {
width: 24px;
height: 24px;
margin-bottom: 32px
}
}
.blu-modal.b-dialog.b-info .blu-modal__icon[data-v-7172f8fc] {
background-color: #1d8fff;
-webkit-mask-image: url(data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PSIwIDAgMjQgMjQiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+DQo8cGF0aCBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGNsaXAtcnVsZT0iZXZlbm9kZCIgZD0iTTIgMTJDMiA2LjQ4IDYuNDggMiAxMiAyQzE3LjUyIDIgMjIgNi40OCAyMiAxMkMyMiAxNy41MiAxNy41MiAyMiAxMiAyMkM2LjQ4IDIyIDIgMTcuNTIgMiAxMlpNMTEuOTcgOC43Mzc2NEMxMi43MjY2IDguNzM3NjQgMTMuMzQgOC4xMjQ4IDEzLjM0IDcuMzY4ODJDMTMuMzQgNi42MTI4NCAxMi43MjY2IDYgMTEuOTcgNkMxMS4yMTM0IDYgMTAuNiA2LjYxMjg0IDEwLjYgNy4zNjg4MkMxMC42IDguMTI0OCAxMS4yMTM0IDguNzM3NjQgMTEuOTcgOC43Mzc2NFpNMTEuNDk5OSAxMC4xMDY0SDEyLjQ0OTlDMTIuODQ5OSAxMC4xMDY0IDEzLjE3OTkgMTAuNDM2MiAxMy4xNzk5IDEwLjgzNThWMTcuMjcwM0MxMy4xNzk5IDE3LjY2OTkgMTIuODQ5OSAxNy45OTk2IDEyLjQ0OTkgMTcuOTk5NkgxMS40OTk5QzExLjA5OTkgMTcuOTk5NiAxMC43Njk5IDE3LjY2OTkgMTAuNzY5OSAxNy4yNzAzVjEwLjgzNThDMTAuNzY5OSAxMC40MzYyIDExLjA5OTkgMTAuMTA2NCAxMS40OTk5IDEwLjEwNjRaIiBmaWxsPSIjNzk3Rjg1Ii8+DQo8L3N2Zz4NCg==);
mask-image: url(data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PSIwIDAgMjQgMjQiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+DQo8cGF0aCBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGNsaXAtcnVsZT0iZXZlbm9kZCIgZD0iTTIgMTJDMiA2LjQ4IDYuNDggMiAxMiAyQzE3LjUyIDIgMjIgNi40OCAyMiAxMkMyMiAxNy41MiAxNy41MiAyMiAxMiAyMkM2LjQ4IDIyIDIgMTcuNTIgMiAxMlpNMTEuOTcgOC43Mzc2NEMxMi43MjY2IDguNzM3NjQgMTMuMzQgOC4xMjQ4IDEzLjM0IDcuMzY4ODJDMTMuMzQgNi42MTI4NCAxMi43MjY2IDYgMTEuOTcgNkMxMS4yMTM0IDYgMTAuNiA2LjYxMjg0IDEwLjYgNy4zNjg4MkMxMC42IDguMTI0OCAxMS4yMTM0IDguNzM3NjQgMTEuOTcgOC43Mzc2NFpNMTEuNDk5OSAxMC4xMDY0SDEyLjQ0OTlDMTIuODQ5OSAxMC4xMDY0IDEzLjE3OTkgMTAuNDM2MiAxMy4xNzk5IDEwLjgzNThWMTcuMjcwM0MxMy4xNzk5IDE3LjY2OTkgMTIuODQ5OSAxNy45OTk2IDEyLjQ0OTkgMTcuOTk5NkgxMS40OTk5QzExLjA5OTkgMTcuOTk5NiAxMC43Njk5IDE3LjY2OTkgMTAuNzY5OSAxNy4yNzAzVjEwLjgzNThDMTAuNzY5OSAxMC40MzYyIDExLjA5OTkgMTAuMTA2NCAxMS40OTk5IDEwLjEwNjRaIiBmaWxsPSIjNzk3Rjg1Ii8+DQo8L3N2Zz4NCg==)
}
.blu-modal.b-dialog.b-success .blu-modal__icon[data-v-7172f8fc] {
background-color: #22a334;
-webkit-mask-image: url(data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PSIwIDAgMjQgMjQiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+DQo8cGF0aCBkPSJNMTIgMkM2LjQ4IDIgMiA2LjQ4IDIgMTJDMiAxNy41MiA2LjQ4IDIyIDEyIDIyQzE3LjUyIDIyIDIyIDE3LjUyIDIyIDEyQzIyIDYuNDggMTcuNTIgMiAxMiAyWk0xNy4wNSA5LjExTDEyLjA2IDE2LjEyQzExLjg4IDE2LjM3IDExLjYgMTYuNTIgMTEuMjkgMTYuNTRIMTEuMjRDMTAuOTUgMTYuNTQgMTAuNjcgMTYuNDIgMTAuNDggMTYuMTlMNi45OSAxMi4xM0M2LjgyIDExLjkzIDYuNzMgMTEuNjcgNi43NSAxMS40MUM2Ljc3IDExLjE0IDYuODkgMTAuOSA3LjA5IDEwLjczQzcuNTEgMTAuMzcgOC4xNCAxMC40MiA4LjUgMTAuODRMMTEuMTYgMTMuOTNMMTUuNDEgNy45NkMxNS43MyA3LjUxIDE2LjM1IDcuNDEgMTYuOCA3LjczQzE3LjAyIDcuODggMTcuMTYgOC4xMSAxNy4yMSA4LjM4QzE3LjI1IDguNjQgMTcuMTkgOC45MSAxNy4wNCA5LjEyTDE3LjA1IDkuMTFaIiBmaWxsPSIjNzk3Rjg1Ii8+DQo8L3N2Zz4=);
mask-image: url(data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PSIwIDAgMjQgMjQiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+DQo8cGF0aCBkPSJNMTIgMkM2LjQ4IDIgMiA2LjQ4IDIgMTJDMiAxNy41MiA2LjQ4IDIyIDEyIDIyQzE3LjUyIDIyIDIyIDE3LjUyIDIyIDEyQzIyIDYuNDggMTcuNTIgMiAxMiAyWk0xNy4wNSA5LjExTDEyLjA2IDE2LjEyQzExLjg4IDE2LjM3IDExLjYgMTYuNTIgMTEuMjkgMTYuNTRIMTEuMjRDMTAuOTUgMTYuNTQgMTAuNjcgMTYuNDIgMTAuNDggMTYuMTlMNi45OSAxMi4xM0M2LjgyIDExLjkzIDYuNzMgMTEuNjcgNi43NSAxMS40MUM2Ljc3IDExLjE0IDYuODkgMTAuOSA3LjA5IDEwLjczQzcuNTEgMTAuMzcgOC4xNCAxMC40MiA4LjUgMTAuODRMMTEuMTYgMTMuOTNMMTUuNDEgNy45NkMxNS43MyA3LjUxIDE2LjM1IDcuNDEgMTYuOCA3LjczQzE3LjAyIDcuODggMTcuMTYgOC4xMSAxNy4yMSA4LjM4QzE3LjI1IDguNjQgMTcuMTkgOC45MSAxNy4wNCA5LjEyTDE3LjA1IDkuMTFaIiBmaWxsPSIjNzk3Rjg1Ii8+DQo8L3N2Zz4=)
}
.blu-modal.b-dialog.b-warning .blu-modal__icon[data-v-7172f8fc] {
background-color: #ffcd00;
-webkit-mask-image: url(data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PSIwIDAgMjQgMjQiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+DQo8cGF0aCBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGNsaXAtcnVsZT0iZXZlbm9kZCIgZD0iTTMuODc0MzYgMjFIMjAuMTE0NEgyMC4xMjQ0QzIxLjU1MzUgMjEgMjIuNDUyOSAxOS41MDM1IDIxLjc2MzQgMTguMjg2NEwxMy42NDg0IDMuOTUwMjZDMTIuOTM4OCAyLjY4MzI1IDExLjA2OTkgMi42ODMyNSAxMC4zNjA0IDMuOTUwMjZMMi4yMzUzNyAxOC4yOTY0QzEuNTQ1OCAxOS41MTM1IDIuNDU1MjQgMjEgMy44NzQzNiAyMVpNMTAuOTkgMTMuOTM3NEwxMC43MDAyIDkuMDk4ODdWNy43NTIwNUMxMC43MDAyIDcuMzMzMDQgMTEuMDQgNi45OTM4NCAxMS40NTk3IDYuOTkzODRIMTIuNjA5QzEzLjAyODggNi45OTM4NCAxMy4zNjg2IDcuMzMzMDQgMTMuMzY4NiA3Ljc1MjA1VjkuMTA4ODRMMTMuMDg4NyAxMy45Mjc1QzEzLjA2ODcgMTQuMzI2NSAxMi43Mzg5IDE0LjYzNTggMTIuMzI5MiAxNC42MzU4SDExLjc0OTVDMTEuMzQ5OCAxNC42MzU4IDExLjAyIDE0LjMyNjUgMTAuOTkgMTMuOTI3NVYxMy45Mzc0Wk0xMS45OTk0IDE4Ljk2NTJDMTIuNzg4NyAxOC45NjUyIDEzLjQyODYgMTguMzI2NSAxMy40Mjg2IDE3LjUzODZDMTMuNDI4NiAxNi43NTA3IDEyLjc4ODcgMTYuMTEyIDExLjk5OTQgMTYuMTEyQzExLjIxMDIgMTYuMTEyIDEwLjU3MDMgMTYuNzUwNyAxMC41NzAzIDE3LjUzODZDMTAuNTcwMyAxOC4zMjY1IDExLjIxMDIgMTguOTY1MiAxMS45OTk0IDE4Ljk2NTJaIiBmaWxsPSIjNzk3Rjg1Ii8+DQo8L3N2Zz4NCg==);
mask-image: url(data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PSIwIDAgMjQgMjQiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+DQo8cGF0aCBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGNsaXAtcnVsZT0iZXZlbm9kZCIgZD0iTTMuODc0MzYgMjFIMjAuMTE0NEgyMC4xMjQ0QzIxLjU1MzUgMjEgMjIuNDUyOSAxOS41MDM1IDIxLjc2MzQgMTguMjg2NEwxMy42NDg0IDMuOTUwMjZDMTIuOTM4OCAyLjY4MzI1IDExLjA2OTkgMi42ODMyNSAxMC4zNjA0IDMuOTUwMjZMMi4yMzUzNyAxOC4yOTY0QzEuNTQ1OCAxOS41MTM1IDIuNDU1MjQgMjEgMy44NzQzNiAyMVpNMTAuOTkgMTMuOTM3NEwxMC43MDAyIDkuMDk4ODdWNy43NTIwNUMxMC43MDAyIDcuMzMzMDQgMTEuMDQgNi45OTM4NCAxMS40NTk3IDYuOTkzODRIMTIuNjA5QzEzLjAyODggNi45OTM4NCAxMy4zNjg2IDcuMzMzMDQgMTMuMzY4NiA3Ljc1MjA1VjkuMTA4ODRMMTMuMDg4NyAxMy45Mjc1QzEzLjA2ODcgMTQuMzI2NSAxMi43Mzg5IDE0LjYzNTggMTIuMzI5MiAxNC42MzU4SDExLjc0OTVDMTEuMzQ5OCAxNC42MzU4IDExLjAyIDE0LjMyNjUgMTAuOTkgMTMuOTI3NVYxMy45Mzc0Wk0xMS45OTk0IDE4Ljk2NTJDMTIuNzg4NyAxOC45NjUyIDEzLjQyODYgMTguMzI2NSAxMy40Mjg2IDE3LjUzODZDMTMuNDI4NiAxNi43NTA3IDEyLjc4ODcgMTYuMTEyIDExLjk5OTQgMTYuMTEyQzExLjIxMDIgMTYuMTEyIDEwLjU3MDMgMTYuNzUwNyAxMC41NzAzIDE3LjUzODZDMTAuNTcwMyAxOC4zMjY1IDExLjIxMDIgMTguOTY1MiAxMS45OTk0IDE4Ljk2NTJaIiBmaWxsPSIjNzk3Rjg1Ii8+DQo8L3N2Zz4NCg==)
}
.blu-modal.b-dialog.b-danger .blu-modal__icon[data-v-7172f8fc] {
background-color: #ff4646;
-webkit-mask-image: url(data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PSIwIDAgMjQgMjQiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+DQo8cGF0aCBkPSJNMTIgMkM2LjQ4IDIgMiA2LjQ4IDIgMTJDMiAxNy41MiA2LjQ4IDIyIDEyIDIyQzE3LjUyIDIyIDIyIDE3LjUyIDIyIDEyQzIyIDYuNDggMTcuNTIgMiAxMiAyWk0xNi4yNCAxNC44M0MxNi42MyAxNS4yMiAxNi42MyAxNS44NSAxNi4yNCAxNi4yNEMxNS44NSAxNi42MyAxNS4yMiAxNi42MyAxNC44MyAxNi4yNEwxMiAxMy40MUw5LjE3IDE2LjI0QzguNzggMTYuNjMgOC4xNSAxNi42MyA3Ljc2IDE2LjI0QzcuMzcgMTUuODUgNy4zNyAxNS4yMiA3Ljc2IDE0LjgzTDEwLjU5IDEyTDcuNzYgOS4xN0M3LjM3IDguNzggNy4zNyA4LjE1IDcuNzYgNy43NkM4LjE1IDcuMzcgOC43OCA3LjM3IDkuMTcgNy43NkwxMiAxMC41OUwxNC44MyA3Ljc2QzE1LjIyIDcuMzcgMTUuODUgNy4zNyAxNi4yNCA3Ljc2QzE2LjYzIDguMTUgMTYuNjMgOC43OCAxNi4yNCA5LjE3TDEzLjQxIDEyTDE2LjI0IDE0LjgzWiIgZmlsbD0iIzc5N0Y4NSIvPg0KPC9zdmc+);
mask-image: url(data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PSIwIDAgMjQgMjQiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+DQo8cGF0aCBkPSJNMTIgMkM2LjQ4IDIgMiA2LjQ4IDIgMTJDMiAxNy41MiA2LjQ4IDIyIDEyIDIyQzE3LjUyIDIyIDIyIDE3LjUyIDIyIDEyQzIyIDYuNDggMTcuNTIgMiAxMiAyWk0xNi4yNCAxNC44M0MxNi42MyAxNS4yMiAxNi42MyAxNS44NSAxNi4yNCAxNi4yNEMxNS44NSAxNi42MyAxNS4yMiAxNi42MyAxNC44MyAxNi4yNEwxMiAxMy40MUw5LjE3IDE2LjI0QzguNzggMTYuNjMgOC4xNSAxNi42MyA3Ljc2IDE2LjI0QzcuMzcgMTUuODUgNy4zNyAxNS4yMiA3Ljc2IDE0LjgzTDEwLjU5IDEyTDcuNzYgOS4xN0M3LjM3IDguNzggNy4zNyA4LjE1IDcuNzYgNy43NkM4LjE1IDcuMzcgOC43OCA3LjM3IDkuMTcgNy43NkwxMiAxMC41OUwxNC44MyA3Ljc2QzE1LjIyIDcuMzcgMTUuODUgNy4zNyAxNi4yNCA3Ljc2QzE2LjYzIDguMTUgMTYuNjMgOC43OCAxNi4yNCA5LjE3TDEzLjQxIDEyTDE2LjI0IDE0LjgzWiIgZmlsbD0iIzc5N0Y4NSIvPg0KPC9zdmc+)
}
@media screen and (max-width:768px) {
.blu-modal.b-full-screen .blu-modal__container[data-v-7172f8fc] {
min-height: 100%;
border-radius: unset;
padding-top: 0
}
.blu-modal.b-full-screen .blu-modal__close[data-v-7172f8fc] {
display: none
}
}
@media screen and (max-width:768px) {
.blu-modal__footer[data-v-7172f8fc] {
display: flex;
justify-content: flex-end;
flex-direction: column-reverse
}
}
.blu-btn[data-v-7172f8fc] {
min-width: 96px
}
@media screen and (min-width:769px),
print {
.blu-btn[data-v-7172f8fc] {
margin-left: 8px;
margin-bottom: 0
}
}
@media screen and (max-width:768px) {
.blu-btn[data-v-7172f8fc] {
width: 100%;
margin-bottom: 8px
}
.blu-btn[data-v-7172f8fc]:not(:last-child) {
margin-bottom: 0
}
}
</style>
<style type="text/css">
.blu-ripple[data-v-c206562a] {
width: 100%;
height: 100%;
position: relative;
overflow: hidden;
display: flex;
justify-content: center;
align-items: center;
-webkit-box-pack: center;
-webkit-box-align: center;
-webkit-mask-image: radial-gradient(circle, #fff 100%, #000 100%);
padding: 0 12px
}
.blu-ripple-wave[data-v-c206562a] {
position: absolute;
z-index: 1;
pointer-events: none;
background: currentColor;
border-radius: 50%;
opacity: 0;
transform: scale(2) translateZ(0)
}
.blu-ripple-wave.b-centered[data-v-c206562a] {
animation-duration: 1.2s;
top: 50%;
left: 50%
}
.blu-ripple-wave~[data-v-c206562a]:not(.blu-ripple-wave) {
position: relative;
z-index: 2
}
.blu-ripple-enter-active[data-v-c206562a] {
transition: 2s cubic-bezier(.25, .8, .25, 1);
transition-property: opacity, transform;
will-change: opacity, transform
}
.blu-ripple-enter-active.b-centered[data-v-c206562a] {
transition-duration: 1.2s
}
.blu-ripple-enter[data-v-c206562a] {
opacity: .26;
transform: scale(.26) translateZ(0)
}
.has-left-icon .blu-ripple svg[data-v-c206562a] {
margin-right: 8px
}
.has-left-icon.b-small svg[data-v-c206562a] {
transform-origin: left;
margin-right: 4px
}
.b-large .blu-ripple[data-v-c206562a] {
padding: 0 16px
}
.b-small .blu-ripple[data-v-c206562a] {
padding: 0 8px
}
.b-small svg[data-v-c206562a] {
width: 18px;
height: 18px
}
.b-icon .blu-ripple[data-v-c206562a] {
padding: 0
}
.b-loading .blu-loader-wrapper[data-v-c206562a] {
height: 24px;
position: absolute
}
.b-loading .blu-ripple[data-v-c206562a] {
color: transparent
}
.b-loading .blu-ripple>svg[data-v-c206562a] {
visibility: hidden
}
.b-loading .blu-ripple .blu-ripple-wave[data-v-c206562a] {
color: #fff
}
.b-loading.b-white .blu-ripple-wave[data-v-c206562a] {
color: #CEC43F
}
.b-loading.b-outline.b-secondary .blu-ripple-wave[data-v-c206562a] {
color: #CEC43F
}
.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: #CEC43F
}
.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: #CEC43F
}
.b-disabled[data-v-c206562a] {
opacity: 1
}
.blu-btn-dropdown .blu-ripple>svg+div[data-v-c206562a] {
margin-left: 8px
}
.blu-modal__mask[data-v-c206562a] {
transition: opacity .3s ease;
position: fixed;
z-index: 999;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-color: rgba(0, 0, 0, .6);
display: flex;
flex-direction: column;
justify-content: center;
align-items: center
}
.blu-modal__container[data-v-c206562a] {
transition: opacity .3s ease;
width: 90%;
max-width: 500px;
max-height: calc(100% - 50px);
height: auto;
background: #fff;
box-shadow: 0 1px 6px 0 rgba(0, 0, 0, .1);
position: fixed;
z-index: 1000;
display: flex;
flex-direction: column
}
@media screen and (max-width:768px) {
.blu-modal__container[data-v-c206562a] {
max-height: calc(100% - 40px)
}
}
@media screen and (min-width:769px),
print {
.blu-modal__container[data-v-c206562a] {
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
-moz-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
-o-transform: translate(-50%, -50%);
transform: translate(-50%, -50%)
}
}
.blu-modal__heading[data-v-c206562a] {
font: 24px/28px "blibli demi bold", -apple-system, segoe ui, roboto, helvetica, arial, sans-serif;
margin-bottom: 8px
}
@media screen and (max-width:768px) {
.blu-modal__heading[data-v-c206562a] {
font: 20px/24px "blibli demi bold", -apple-system, segoe ui, roboto, helvetica, arial, sans-serif;
margin-bottom: 0
}
}
.blu-modal__body[data-v-c206562a] {
max-height: var(--max-height-modal-body);
overflow-x: auto;
color: rgba(25, 34, 42, .7019607843);
margin-right: 0;
overscroll-behavior: contain
}
@media screen and (min-width:769px),
print {
.blu-modal__body[data-v-c206562a] {
font: 16px/20px blibli, -apple-system, segoe ui, roboto, helvetica, arial, sans-serif
}
}
@media screen and (max-width:768px) {
.blu-modal__body[data-v-c206562a] {
font: 14px/18px blibli, -apple-system, segoe ui, roboto, helvetica, arial, sans-serif
}
}
.blu-modal__footer[data-v-c206562a] {
text-align: right
}
@media screen and (max-width:768px) {
.blu-modal__footer[data-v-c206562a] {
margin-top: auto
}
}
.blu-modal.b-dialog .blu-modal__body[data-v-c206562a] {
margin-bottom: 40px
}
@media screen and (max-width:768px) {
.blu-modal.b-dialog .blu-modal__body[data-v-c206562a] {
margin-bottom: 32px
}
}
.blu-modal.b-dialog .blu-modal__container[data-v-c206562a] {
border-radius: 16px
}
@media screen and (min-width:769px),
print {
.blu-modal.b-dialog .blu-modal__container[data-v-c206562a] {
padding: 24px 24px 16px
}
}
@media screen and (max-width:768px) {
.blu-modal.b-dialog .blu-modal__container[data-v-c206562a] {
padding: 24px 24px 16px;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
-moz-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
-o-transform: translate(-50%, -50%);
transform: translate(-50%, -50%)
}
}
.blu-modal.b-dialog .blu-modal__container[data-v-c206562a]:after,
.blu-modal.b-dialog .blu-modal__container[data-v-c206562a]:before {
content: "";
width: calc(100% - 60px);
margin: 0 30px;
border-radius: 0 0 24px 24px;
position: absolute;
left: 0
}
.blu-modal.b-dialog .blu-modal__container[data-v-c206562a]:before {
height: 9px;
bottom: -9px;
z-index: 2;
background: linear-gradient(0deg, rgba(0, 0, 0, 0) 0, rgba(0, 0, 0, .12) 100%)
}
.blu-modal.b-dialog .blu-modal__container[data-v-c206562a]:after {
height: 16px;
border-top: #fff 1px solid;
bottom: -15px
}
.blu-modal.b-dialog .blu-modal__close[data-v-c206562a] {
display: none
}
.blu-modal.b-dialog.b-info .blu-modal__container[data-v-c206562a]:after {
background-color: #1d8fff
}
.blu-modal.b-dialog.b-success .blu-modal__container[data-v-c206562a]:after {
background-color: #22a334
}
.blu-modal.b-dialog.b-warning .blu-modal__container[data-v-c206562a]:after {
background-color: #ffcd00
}
.blu-modal.b-dialog.b-danger .blu-modal__container[data-v-c206562a]:after {
background-color: #ff4646
}
.blu-modal.b-page .blu-modal__body[data-v-c206562a] {
color: rgba(25, 34, 42, .7019607843)
}
@media screen and (min-width:769px),
print {
.blu-modal.b-page .blu-modal__body[data-v-c206562a] {
padding: 0 24px
}
}
@media screen and (max-width:768px) {
.blu-modal.b-page .blu-modal__body[data-v-c206562a] {
padding: 0 16px;
padding-bottom: calc(env(safe-area-inset-bottom) + 4px);
overflow-y: auto
}
}
.blu-modal.b-page .blu-modal__body[data-v-c206562a]::before {
content: "";
background: #fff;
height: 20px;
width: 100%;
left: 0;
bottom: 0;
position: fixed
}
@media screen and (min-width:769px),
print {
.blu-modal.b-page .blu-modal__body[data-v-c206562a]::before {
display: none
}
}
@media screen and (min-width:769px),
print {
.blu-modal.b-page .blu-modal__container[data-v-c206562a] {
border-radius: 16px;
padding-top: 32px
}
}
@media screen and (max-width:768px) {
.blu-modal.b-page .blu-modal__container[data-v-c206562a] {
padding-top: 24px;
width: 100%;
max-width: 100%;
height: auto;
border-radius: 16px 16px 0 0;
left: 0;
bottom: 0;
padding-top: 24px;
padding-bottom: calc(env(safe-area-inset-bottom) + 16px)
}
}
@media screen and (min-width:769px),
print {
.blu-modal.b-page .blu-modal__footer[data-v-c206562a] {
padding: 24px 24px
}
}
@media screen and (max-width:768px) {
.blu-modal.b-page .blu-modal__footer[data-v-c206562a] {
width: 100%;
padding: 16px;
transition: all .3s cubic-bezier(0, 0, .2, 1.2);
bottom: 0;
padding-bottom: env(safe-area-inset-bottom);
background: #fff
}
}
.blu-modal.b-page .blu-modal__footer[data-v-c206562a]::before {
content: "";
background: #fff;
height: 20px;
width: 100%;
left: 0;
bottom: 0;
position: fixed
}
@media screen and (min-width:769px),
print {
.blu-modal.b-page .blu-modal__footer[data-v-c206562a]::before {
display: none
}
}
@media screen and (min-width:769px),
print {
.blu-modal.b-page .blu-modal__header[data-v-c206562a] {
padding: 0 24px
}
}
@media screen and (max-width:768px) {
.blu-modal.b-page .blu-modal__header[data-v-c206562a] {
padding: 0 16px
}
}
.blu-modal.b-page .blu-modal__icon[data-v-c206562a] {
display: none
}
@media screen and (max-width:768px) {
.blu-modal.b-page.fade-enter-active[data-v-c206562a],
.blu-modal.b-page.fade-leave-active[data-v-c206562a] {
transition: opacity .3s
}
.blu-modal.b-page.fade-enter-active .blu-modal__container[data-v-c206562a],
.blu-modal.b-page.fade-leave-active .blu-modal__container[data-v-c206562a] {
transition: bottom .3s;
transition: all .3s cubic-bezier(0, 0, .2, 1.2);
bottom: 0
}
.blu-modal.b-page.fade-enter-active[data-v-c206562a] {
transition: opacity .3s cubic-bezier(0, 0, .2, 1.2)
}
.blu-modal.b-page.fade-leave-active[data-v-c206562a] {
transition: opacity .3s cubic-bezier(.8, 0, 1, 1)
}
.blu-modal.b-page.fade-enter .blu-modal__container[data-v-c206562a],
.blu-modal.b-page.fade-leave-to .blu-modal__container[data-v-c206562a] {
bottom: -96vh
}
}
.blu-modal.b-no-button .blu-modal__container[data-v-c206562a] {
padding-bottom: 20px
}
@media screen and (max-width:768px) {
.blu-modal.b-no-button .blu-modal__body[data-v-c206562a] {
padding-bottom: env(safe-area-inset-bottom)
}
}
.blu-modal.b-no-button .blu-modal__footer[data-v-c206562a] {
display: none
}
.fade-enter-active[data-v-c206562a],
.fade-leave-active[data-v-c206562a] {
position: absolute;
z-index: 998;
transition: opacity .3s
}
.fade-enter[data-v-c206562a],
.fade-leave-to[data-v-c206562a] {
opacity: 0
}
img[data-v-c206562a] {
max-width: 100%
}
.blu-modal.b-dialog .blu-modal__icon[data-v-c206562a] {
width: 40px;
height: 40px;
margin-bottom: 40px
}
@media screen and (max-width:768px) {
.blu-modal.b-dialog .blu-modal__icon[data-v-c206562a] {
width: 24px;
height: 24px;
margin-bottom: 32px
}
}
.blu-modal.b-dialog.b-info .blu-modal__icon[data-v-c206562a] {
background-color: #1d8fff;
-webkit-mask-image: url(data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PSIwIDAgMjQgMjQiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+DQo8cGF0aCBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGNsaXAtcnVsZT0iZXZlbm9kZCIgZD0iTTIgMTJDMiA2LjQ4IDYuNDggMiAxMiAyQzE3LjUyIDIgMjIgNi40OCAyMiAxMkMyMiAxNy41MiAxNy41MiAyMiAxMiAyMkM2LjQ4IDIyIDIgMTcuNTIgMiAxMlpNMTEuOTcgOC43Mzc2NEMxMi43MjY2IDguNzM3NjQgMTMuMzQgOC4xMjQ4IDEzLjM0IDcuMzY4ODJDMTMuMzQgNi42MTI4NCAxMi43MjY2IDYgMTEuOTcgNkMxMS4yMTM0IDYgMTAuNiA2LjYxMjg0IDEwLjYgNy4zNjg4MkMxMC42IDguMTI0OCAxMS4yMTM0IDguNzM3NjQgMTEuOTcgOC43Mzc2NFpNMTEuNDk5OSAxMC4xMDY0SDEyLjQ0OTlDMTIuODQ5OSAxMC4xMDY0IDEzLjE3OTkgMTAuNDM2MiAxMy4xNzk5IDEwLjgzNThWMTcuMjcwM0MxMy4xNzk5IDE3LjY2OTkgMTIuODQ5OSAxNy45OTk2IDEyLjQ0OTkgMTcuOTk5NkgxMS40OTk5QzExLjA5OTkgMTcuOTk5NiAxMC43Njk5IDE3LjY2OTkgMTAuNzY5OSAxNy4yNzAzVjEwLjgzNThDMTAuNzY5OSAxMC40MzYyIDExLjA5OTkgMTAuMTA2NCAxMS40OTk5IDEwLjEwNjRaIiBmaWxsPSIjNzk3Rjg1Ii8+DQo8L3N2Zz4NCg==);
mask-image: url(data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PSIwIDAgMjQgMjQiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+DQo8cGF0aCBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGNsaXAtcnVsZT0iZXZlbm9kZCIgZD0iTTIgMTJDMiA2LjQ4IDYuNDggMiAxMiAyQzE3LjUyIDIgMjIgNi40OCAyMiAxMkMyMiAxNy41MiAxNy41MiAyMiAxMiAyMkM2LjQ4IDIyIDIgMTcuNTIgMiAxMlpNMTEuOTcgOC43Mzc2NEMxMi43MjY2IDguNzM3NjQgMTMuMzQgOC4xMjQ4IDEzLjM0IDcuMzY4ODJDMTMuMzQgNi42MTI4NCAxMi43MjY2IDYgMTEuOTcgNkMxMS4yMTM0IDYgMTAuNiA2LjYxMjg0IDEwLjYgNy4zNjg4MkMxMC42IDguMTI0OCAxMS4yMTM0IDguNzM3NjQgMTEuOTcgOC43Mzc2NFpNMTEuNDk5OSAxMC4xMDY0SDEyLjQ0OTlDMTIuODQ5OSAxMC4xMDY0IDEzLjE3OTkgMTAuNDM2MiAxMy4xNzk5IDEwLjgzNThWMTcuMjcwM0MxMy4xNzk5IDE3LjY2OTkgMTIuODQ5OSAxNy45OTk2IDEyLjQ0OTkgMTcuOTk5NkgxMS40OTk5QzExLjA5OTkgMTcuOTk5NiAxMC43Njk5IDE3LjY2OTkgMTAuNzY5OSAxNy4yNzAzVjEwLjgzNThDMTAuNzY5OSAxMC40MzYyIDExLjA5OTkgMTAuMTA2NCAxMS40OTk5IDEwLjEwNjRaIiBmaWxsPSIjNzk3Rjg1Ii8+DQo8L3N2Zz4NCg==)
}
.blu-modal.b-dialog.b-success .blu-modal__icon[data-v-c206562a] {
background-color: #22a334;
-webkit-mask-image: url(data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PSIwIDAgMjQgMjQiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+DQo8cGF0aCBkPSJNMTIgMkM2LjQ4IDIgMiA2LjQ4IDIgMTJDMiAxNy41MiA2LjQ4IDIyIDEyIDIyQzE3LjUyIDIyIDIyIDE3LjUyIDIyIDEyQzIyIDYuNDggMTcuNTIgMiAxMiAyWk0xNy4wNSA5LjExTDEyLjA2IDE2LjEyQzExLjg4IDE2LjM3IDExLjYgMTYuNTIgMTEuMjkgMTYuNTRIMTEuMjRDMTAuOTUgMTYuNTQgMTAuNjcgMTYuNDIgMTAuNDggMTYuMTlMNi45OSAxMi4xM0M2LjgyIDExLjkzIDYuNzMgMTEuNjcgNi43NSAxMS40MUM2Ljc3IDExLjE0IDYuODkgMTAuOSA3LjA5IDEwLjczQzcuNTEgMTAuMzcgOC4xNCAxMC40MiA4LjUgMTAuODRMMTEuMTYgMTMuOTNMMTUuNDEgNy45NkMxNS43MyA3LjUxIDE2LjM1IDcuNDEgMTYuOCA3LjczQzE3LjAyIDcuODggMTcuMTYgOC4xMSAxNy4yMSA4LjM4QzE3LjI1IDguNjQgMTcuMTkgOC45MSAxNy4wNCA5LjEyTDE3LjA1IDkuMTFaIiBmaWxsPSIjNzk3Rjg1Ii8+DQo8L3N2Zz4=);
mask-image: url(data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PSIwIDAgMjQgMjQiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+DQo8cGF0aCBkPSJNMTIgMkM2LjQ4IDIgMiA2LjQ4IDIgMTJDMiAxNy41MiA2LjQ4IDIyIDEyIDIyQzE3LjUyIDIyIDIyIDE3LjUyIDIyIDEyQzIyIDYuNDggMTcuNTIgMiAxMiAyWk0xNy4wNSA5LjExTDEyLjA2IDE2LjEyQzExLjg4IDE2LjM3IDExLjYgMTYuNTIgMTEuMjkgMTYuNTRIMTEuMjRDMTAuOTUgMTYuNTQgMTAuNjcgMTYuNDIgMTAuNDggMTYuMTlMNi45OSAxMi4xM0M2LjgyIDExLjkzIDYuNzMgMTEuNjcgNi43NSAxMS40MUM2Ljc3IDExLjE0IDYuODkgMTAuOSA3LjA5IDEwLjczQzcuNTEgMTAuMzcgOC4xNCAxMC40MiA4LjUgMTAuODRMMTEuMTYgMTMuOTNMMTUuNDEgNy45NkMxNS43MyA3LjUxIDE2LjM1IDcuNDEgMTYuOCA3LjczQzE3LjAyIDcuODggMTcuMTYgOC4xMSAxNy4yMSA4LjM4QzE3LjI1IDguNjQgMTcuMTkgOC45MSAxNy4wNCA5LjEyTDE3LjA1IDkuMTFaIiBmaWxsPSIjNzk3Rjg1Ii8+DQo8L3N2Zz4=)
}
.blu-modal.b-dialog.b-warning .blu-modal__icon[data-v-c206562a] {
background-color: #ffcd00;
-webkit-mask-image: url(data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PSIwIDAgMjQgMjQiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+DQo8cGF0aCBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGNsaXAtcnVsZT0iZXZlbm9kZCIgZD0iTTMuODc0MzYgMjFIMjAuMTE0NEgyMC4xMjQ0QzIxLjU1MzUgMjEgMjIuNDUyOSAxOS41MDM1IDIxLjc2MzQgMTguMjg2NEwxMy42NDg0IDMuOTUwMjZDMTIuOTM4OCAyLjY4MzI1IDExLjA2OTkgMi42ODMyNSAxMC4zNjA0IDMuOTUwMjZMMi4yMzUzNyAxOC4yOTY0QzEuNTQ1OCAxOS41MTM1IDIuNDU1MjQgMjEgMy44NzQzNiAyMVpNMTAuOTkgMTMuOTM3NEwxMC43MDAyIDkuMDk4ODdWNy43NTIwNUMxMC43MDAyIDcuMzMzMDQgMTEuMDQgNi45OTM4NCAxMS40NTk3IDYuOTkzODRIMTIuNjA5QzEzLjAyODggNi45OTM4NCAxMy4zNjg2IDcuMzMzMDQgMTMuMzY4NiA3Ljc1MjA1VjkuMTA4ODRMMTMuMDg4NyAxMy45Mjc1QzEzLjA2ODcgMTQuMzI2NSAxMi43Mzg5IDE0LjYzNTggMTIuMzI5MiAxNC42MzU4SDExLjc0OTVDMTEuMzQ5OCAxNC42MzU4IDExLjAyIDE0LjMyNjUgMTAuOTkgMTMuOTI3NVYxMy45Mzc0Wk0xMS45OTk0IDE4Ljk2NTJDMTIuNzg4NyAxOC45NjUyIDEzLjQyODYgMTguMzI2NSAxMy40Mjg2IDE3LjUzODZDMTMuNDI4NiAxNi43NTA3IDEyLjc4ODcgMTYuMTEyIDExLjk5OTQgMTYuMTEyQzExLjIxMDIgMTYuMTEyIDEwLjU3MDMgMTYuNzUwNyAxMC41NzAzIDE3LjUzODZDMTAuNTcwMyAxOC4zMjY1IDExLjIxMDIgMTguOTY1MiAxMS45OTk0IDE4Ljk2NTJaIiBmaWxsPSIjNzk3Rjg1Ii8+DQo8L3N2Zz4NCg==);
mask-image: url(data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PSIwIDAgMjQgMjQiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+DQo8cGF0aCBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGNsaXAtcnVsZT0iZXZlbm9kZCIgZD0iTTMuODc0MzYgMjFIMjAuMTE0NEgyMC4xMjQ0QzIxLjU1MzUgMjEgMjIuNDUyOSAxOS41MDM1IDIxLjc2MzQgMTguMjg2NEwxMy42NDg0IDMuOTUwMjZDMTIuOTM4OCAyLjY4MzI1IDExLjA2OTkgMi42ODMyNSAxMC4zNjA0IDMuOTUwMjZMMi4yMzUzNyAxOC4yOTY0QzEuNTQ1OCAxOS41MTM1IDIuNDU1MjQgMjEgMy44NzQzNiAyMVpNMTAuOTkgMTMuOTM3NEwxMC43MDAyIDkuMDk4ODdWNy43NTIwNUMxMC43MDAyIDcuMzMzMDQgMTEuMDQgNi45OTM4NCAxMS40NTk3IDYuOTkzODRIMTIuNjA5QzEzLjAyODggNi45OTM4NCAxMy4zNjg2IDcuMzMzMDQgMTMuMzY4NiA3Ljc1MjA1VjkuMTA4ODRMMTMuMDg4NyAxMy45Mjc1QzEzLjA2ODcgMTQuMzI2NSAxMi43Mzg5IDE0LjYzNTggMTIuMzI5MiAxNC42MzU4SDExLjc0OTVDMTEuMzQ5OCAxNC42MzU4IDExLjAyIDE0LjMyNjUgMTAuOTkgMTMuOTI3NVYxMy45Mzc0Wk0xMS45OTk0IDE4Ljk2NTJDMTIuNzg4NyAxOC45NjUyIDEzLjQyODYgMTguMzI2NSAxMy40Mjg2IDE3LjUzODZDMTMuNDI4NiAxNi43NTA3IDEyLjc4ODcgMTYuMTEyIDExLjk5OTQgMTYuMTEyQzExLjIxMDIgMTYuMTEyIDEwLjU3MDMgMTYuNzUwNyAxMC41NzAzIDE3LjUzODZDMTAuNTcwMyAxOC4zMjY1IDExLjIxMDIgMTguOTY1MiAxMS45OTk0IDE4Ljk2NTJaIiBmaWxsPSIjNzk3Rjg1Ii8+DQo8L3N2Zz4NCg==)
}
.blu-modal.b-dialog.b-danger .blu-modal__icon[data-v-c206562a] {
background-color: #ff4646;
-webkit-mask-image: url(data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PSIwIDAgMjQgMjQiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+DQo8cGF0aCBkPSJNMTIgMkM2LjQ4IDIgMiA2LjQ4IDIgMTJDMiAxNy41MiA2LjQ4IDIyIDEyIDIyQzE3LjUyIDIyIDIyIDE3LjUyIDIyIDEyQzIyIDYuNDggMTcuNTIgMiAxMiAyWk0xNi4yNCAxNC44M0MxNi42MyAxNS4yMiAxNi42MyAxNS44NSAxNi4yNCAxNi4yNEMxNS44NSAxNi42MyAxNS4yMiAxNi42MyAxNC44MyAxNi4yNEwxMiAxMy40MUw5LjE3IDE2LjI0QzguNzggMTYuNjMgOC4xNSAxNi42MyA3Ljc2IDE2LjI0QzcuMzcgMTUuODUgNy4zNyAxNS4yMiA3Ljc2IDE0LjgzTDEwLjU5IDEyTDcuNzYgOS4xN0M3LjM3IDguNzggNy4zNyA4LjE1IDcuNzYgNy43NkM4LjE1IDcuMzcgOC43OCA3LjM3IDkuMTcgNy43NkwxMiAxMC41OUwxNC44MyA3Ljc2QzE1LjIyIDcuMzcgMTUuODUgNy4zNyAxNi4yNCA3Ljc2QzE2LjYzIDguMTUgMTYuNjMgOC43OCAxNi4yNCA5LjE3TDEzLjQxIDEyTDE2LjI0IDE0LjgzWiIgZmlsbD0iIzc5N0Y4NSIvPg0KPC9zdmc+);
mask-image: url(data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PSIwIDAgMjQgMjQiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+DQo8cGF0aCBkPSJNMTIgMkM2LjQ4IDIgMiA2LjQ4IDIgMTJDMiAxNy41MiA2LjQ4IDIyIDEyIDIyQzE3LjUyIDIyIDIyIDE3LjUyIDIyIDEyQzIyIDYuNDggMTcuNTIgMiAxMiAyWk0xNi4yNCAxNC44M0MxNi42MyAxNS4yMiAxNi42MyAxNS44NSAxNi4yNCAxNi4yNEMxNS44NSAxNi42MyAxNS4yMiAxNi42MyAxNC44MyAxNi4yNEwxMiAxMy40MUw5LjE3IDE2LjI0QzguNzggMTYuNjMgOC4xNSAxNi42MyA3Ljc2IDE2LjI0QzcuMzcgMTUuODUgNy4zNyAxNS4yMiA3Ljc2IDE0LjgzTDEwLjU5IDEyTDcuNzYgOS4xN0M3LjM3IDguNzggNy4zNyA4LjE1IDcuNzYgNy43NkM4LjE1IDcuMzcgOC43OCA3LjM3IDkuMTcgNy43NkwxMiAxMC41OUwxNC44MyA3Ljc2QzE1LjIyIDcuMzcgMTUuODUgNy4zNyAxNi4yNCA3Ljc2QzE2LjYzIDguMTUgMTYuNjMgOC43OCAxNi4yNCA5LjE3TDEzLjQxIDEyTDE2LjI0IDE0LjgzWiIgZmlsbD0iIzc5N0Y4NSIvPg0KPC9zdmc+)
}
@media screen and (max-width:768px) {
.blu-modal.b-full-screen .blu-modal__container[data-v-c206562a] {
min-height: 100%;
border-radius: unset;
padding-top: 0
}
.blu-modal.b-full-screen .blu-modal__close[data-v-c206562a] {
display: none
}
}
</style>
<style type="text/css">
.blu-ripple[data-v-65e7601e] {
width: 100%;
height: 100%;
position: relative;
overflow: hidden;
display: flex;
justify-content: center;
align-items: center;
-webkit-box-pack: center;
-webkit-box-align: center;
-webkit-mask-image: radial-gradient(circle, #fff 100%, #000 100%);
padding: 0 12px
}
.blu-ripple-wave[data-v-65e7601e] {
position: absolute;
z-index: 1;
pointer-events: none;
background: currentColor;
border-radius: 50%;
opacity: 0;
transform: scale(2) translateZ(0)
}
.blu-ripple-wave.b-centered[data-v-65e7601e] {
animation-duration: 1.2s;
top: 50%;
left: 50%
}
.blu-ripple-wave~[data-v-65e7601e]:not(.blu-ripple-wave) {
position: relative;
z-index: 2
}
.blu-ripple-enter-active[data-v-65e7601e] {
transition: 2s cubic-bezier(.25, .8, .25, 1);
transition-property: opacity, transform;
will-change: opacity, transform
}
.blu-ripple-enter-active.b-centered[data-v-65e7601e] {
transition-duration: 1.2s
}
.blu-ripple-enter[data-v-65e7601e] {
opacity: .26;
transform: scale(.26) translateZ(0)
}
.has-left-icon .blu-ripple svg[data-v-65e7601e] {
margin-right: 8px
}
.has-left-icon.b-small svg[data-v-65e7601e] {
transform-origin: left;
margin-right: 4px
}
.b-large .blu-ripple[data-v-65e7601e] {
padding: 0 16px
}
.b-small .blu-ripple[data-v-65e7601e] {
padding: 0 8px
}
.b-small svg[data-v-65e7601e] {
width: 18px;
height: 18px
}
.b-icon .blu-ripple[data-v-65e7601e] {
padding: 0
}
.b-loading .blu-loader-wrapper[data-v-65e7601e] {
height: 24px;
position: absolute
}
.b-loading .blu-ripple[data-v-65e7601e] {
color: transparent
}
.b-loading .blu-ripple>svg[data-v-65e7601e] {
visibility: hidden
}
.b-loading .blu-ripple .blu-ripple-wave[data-v-65e7601e] {
color: #fff
}
.b-loading.b-white .blu-ripple-wave[data-v-65e7601e] {
color: #CEC43F
}
.b-loading.b-outline.b-secondary .blu-ripple-wave[data-v-65e7601e] {
color: #CEC43F
}
.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: #CEC43F
}
.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: #CEC43F
}
.b-disabled[data-v-65e7601e] {
opacity: 1
}
.blu-btn-dropdown .blu-ripple>svg+div[data-v-65e7601e] {
margin-left: 8px
}
.blu-modal__mask[data-v-65e7601e] {
transition: opacity .3s ease;
position: fixed;
z-index: 999;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-color: rgba(0, 0, 0, .6);
display: flex;
flex-direction: column;
justify-content: center;
align-items: center
}
.blu-modal__container[data-v-65e7601e] {
transition: opacity .3s ease;
width: 90%;
max-width: 500px;
max-height: calc(100% - 50px);
height: auto;
background: #fff;
box-shadow: 0 1px 6px 0 rgba(0, 0, 0, .1);
position: fixed;
z-index: 1000;
display: flex;
flex-direction: column
}
@media screen and (max-width:768px) {
.blu-modal__container[data-v-65e7601e] {
max-height: calc(100% - 40px)
}
}
@media screen and (min-width:769px),
print {
.blu-modal__container[data-v-65e7601e] {
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
-moz-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
-o-transform: translate(-50%, -50%);
transform: translate(-50%, -50%)
}
}
.blu-modal__heading[data-v-65e7601e] {
font: 24px/28px "blibli demi bold", -apple-system, segoe ui, roboto, helvetica, arial, sans-serif;
margin-bottom: 8px
}
@media screen and (max-width:768px) {
.blu-modal__heading[data-v-65e7601e] {
font: 20px/24px "blibli demi bold", -apple-system, segoe ui, roboto, helvetica, arial, sans-serif;
margin-bottom: 0
}
}
.blu-modal__body[data-v-65e7601e] {
max-height: var(--max-height-modal-body);
overflow-x: auto;
color: rgba(25, 34, 42, .7019607843);
margin-right: 0;
overscroll-behavior: contain
}
@media screen and (min-width:769px),
print {
.blu-modal__body[data-v-65e7601e] {
font: 16px/20px blibli, -apple-system, segoe ui, roboto, helvetica, arial, sans-serif
}
}
@media screen and (max-width:768px) {
.blu-modal__body[data-v-65e7601e] {
font: 14px/18px blibli, -apple-system, segoe ui, roboto, helvetica, arial, sans-serif
}
}
.blu-modal__footer[data-v-65e7601e] {
text-align: right
}
@media screen and (max-width:768px) {
.blu-modal__footer[data-v-65e7601e] {
margin-top: auto
}
}
.blu-modal.b-dialog .blu-modal__body[data-v-65e7601e] {
margin-bottom: 40px
}
@media screen and (max-width:768px) {
.blu-modal.b-dialog .blu-modal__body[data-v-65e7601e] {
margin-bottom: 32px
}
}
.blu-modal.b-dialog .blu-modal__container[data-v-65e7601e] {
border-radius: 16px
}
@media screen and (min-width:769px),
print {
.blu-modal.b-dialog .blu-modal__container[data-v-65e7601e] {
padding: 24px 24px 16px
}
}
@media screen and (max-width:768px) {
.blu-modal.b-dialog .blu-modal__container[data-v-65e7601e] {
padding: 24px 24px 16px;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
-moz-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
-o-transform: translate(-50%, -50%);
transform: translate(-50%, -50%)
}
}
.blu-modal.b-dialog .blu-modal__container[data-v-65e7601e]:after,
.blu-modal.b-dialog .blu-modal__container[data-v-65e7601e]:before {
content: "";
width: calc(100% - 60px);
margin: 0 30px;
border-radius: 0 0 24px 24px;
position: absolute;
left: 0
}
.blu-modal.b-dialog .blu-modal__container[data-v-65e7601e]:before {
height: 9px;
bottom: -9px;
z-index: 2;
background: linear-gradient(0deg, rgba(0, 0, 0, 0) 0, rgba(0, 0, 0, .12) 100%)
}
.blu-modal.b-dialog .blu-modal__container[data-v-65e7601e]:after {
height: 16px;
border-top: #fff 1px solid;
bottom: -15px
}
.blu-modal.b-dialog .blu-modal__close[data-v-65e7601e] {
display: none
}
.blu-modal.b-dialog.b-info .blu-modal__container[data-v-65e7601e]:after {
background-color: #1d8fff
}
.blu-modal.b-dialog.b-success .blu-modal__container[data-v-65e7601e]:after {
background-color: #22a334
}
.blu-modal.b-dialog.b-warning .blu-modal__container[data-v-65e7601e]:after {
background-color: #ffcd00
}
.blu-modal.b-dialog.b-danger .blu-modal__container[data-v-65e7601e]:after {
background-color: #ff4646
}
.blu-modal.b-page .blu-modal__body[data-v-65e7601e] {
color: rgba(25, 34, 42, .7019607843)
}
@media screen and (min-width:769px),
print {
.blu-modal.b-page .blu-modal__body[data-v-65e7601e] {
padding: 0 24px
}
}
@media screen and (max-width:768px) {
.blu-modal.b-page .blu-modal__body[data-v-65e7601e] {
padding: 0 16px;
padding-bottom: calc(env(safe-area-inset-bottom) + 4px);
overflow-y: auto
}
}
.blu-modal.b-page .blu-modal__body[data-v-65e7601e]::before {
content: "";
background: #fff;
height: 20px;
width: 100%;
left: 0;
bottom: 0;
position: fixed
}
@media screen and (min-width:769px),
print {
.blu-modal.b-page .blu-modal__body[data-v-65e7601e]::before {
display: none
}
}
@media screen and (min-width:769px),
print {
.blu-modal.b-page .blu-modal__container[data-v-65e7601e] {
border-radius: 16px;
padding-top: 32px
}
}
@media screen and (max-width:768px) {
.blu-modal.b-page .blu-modal__container[data-v-65e7601e] {
padding-top: 24px;
width: 100%;
max-width: 100%;
height: auto;
border-radius: 16px 16px 0 0;
left: 0;
bottom: 0;
padding-top: 24px;
padding-bottom: calc(env(safe-area-inset-bottom) + 16px)
}
}
@media screen and (min-width:769px),
print {
.blu-modal.b-page .blu-modal__footer[data-v-65e7601e] {
padding: 24px 24px
}
}
@media screen and (max-width:768px) {
.blu-modal.b-page .blu-modal__footer[data-v-65e7601e] {
width: 100%;
padding: 16px;
transition: all .3s cubic-bezier(0, 0, .2, 1.2);
bottom: 0;
padding-bottom: env(safe-area-inset-bottom);
background: #fff
}
}
.blu-modal.b-page .blu-modal__footer[data-v-65e7601e]::before {
content: "";
background: #fff;
height: 20px;
width: 100%;
left: 0;
bottom: 0;
position: fixed
}
@media screen and (min-width:769px),
print {
.blu-modal.b-page .blu-modal__footer[data-v-65e7601e]::before {
display: none
}
}
@media screen and (min-width:769px),
print {
.blu-modal.b-page .blu-modal__header[data-v-65e7601e] {
padding: 0 24px
}
}
@media screen and (max-width:768px) {
.blu-modal.b-page .blu-modal__header[data-v-65e7601e] {
padding: 0 16px
}
}
.blu-modal.b-page .blu-modal__icon[data-v-65e7601e] {
display: none
}
@media screen and (max-width:768px) {
.blu-modal.b-page.fade-enter-active[data-v-65e7601e],
.blu-modal.b-page.fade-leave-active[data-v-65e7601e] {
transition: opacity .3s
}
.blu-modal.b-page.fade-enter-active .blu-modal__container[data-v-65e7601e],
.blu-modal.b-page.fade-leave-active .blu-modal__container[data-v-65e7601e] {
transition: bottom .3s;
transition: all .3s cubic-bezier(0, 0, .2, 1.2);
bottom: 0
}
.blu-modal.b-page.fade-enter-active[data-v-65e7601e] {
transition: opacity .3s cubic-bezier(0, 0, .2, 1.2)
}
.blu-modal.b-page.fade-leave-active[data-v-65e7601e] {
transition: opacity .3s cubic-bezier(.8, 0, 1, 1)
}
.blu-modal.b-page.fade-enter .blu-modal__container[data-v-65e7601e],
.blu-modal.b-page.fade-leave-to .blu-modal__container[data-v-65e7601e] {
bottom: -96vh
}
}
.blu-modal.b-no-button .blu-modal__container[data-v-65e7601e] {
padding-bottom: 20px
}
@media screen and (max-width:768px) {
.blu-modal.b-no-button .blu-modal__body[data-v-65e7601e] {
padding-bottom: env(safe-area-inset-bottom)
}
}
.blu-modal.b-no-button .blu-modal__footer[data-v-65e7601e] {
display: none
}
.fade-enter-active[data-v-65e7601e],
.fade-leave-active[data-v-65e7601e] {
position: absolute;
z-index: 998;
transition: opacity .3s
}
.fade-enter[data-v-65e7601e],
.fade-leave-to[data-v-65e7601e] {
opacity: 0
}
img[data-v-65e7601e] {
max-width: 100%
}
.blu-modal.b-dialog .blu-modal__icon[data-v-65e7601e] {
width: 40px;
height: 40px;
margin-bottom: 40px
}
@media screen and (max-width:768px) {
.blu-modal.b-dialog .blu-modal__icon[data-v-65e7601e] {
width: 24px;
height: 24px;
margin-bottom: 32px
}
}
.blu-modal.b-dialog.b-info .blu-modal__icon[data-v-65e7601e] {
background-color: #1d8fff;
-webkit-mask-image: url(data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PSIwIDAgMjQgMjQiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+DQo8cGF0aCBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGNsaXAtcnVsZT0iZXZlbm9kZCIgZD0iTTIgMTJDMiA2LjQ4IDYuNDggMiAxMiAyQzE3LjUyIDIgMjIgNi40OCAyMiAxMkMyMiAxNy41MiAxNy41MiAyMiAxMiAyMkM2LjQ4IDIyIDIgMTcuNTIgMiAxMlpNMTEuOTcgOC43Mzc2NEMxMi43MjY2IDguNzM3NjQgMTMuMzQgOC4xMjQ4IDEzLjM0IDcuMzY4ODJDMTMuMzQgNi42MTI4NCAxMi43MjY2IDYgMTEuOTcgNkMxMS4yMTM0IDYgMTAuNiA2LjYxMjg0IDEwLjYgNy4zNjg4MkMxMC42IDguMTI0OCAxMS4yMTM0IDguNzM3NjQgMTEuOTcgOC43Mzc2NFpNMTEuNDk5OSAxMC4xMDY0SDEyLjQ0OTlDMTIuODQ5OSAxMC4xMDY0IDEzLjE3OTkgMTAuNDM2MiAxMy4xNzk5IDEwLjgzNThWMTcuMjcwM0MxMy4xNzk5IDE3LjY2OTkgMTIuODQ5OSAxNy45OTk2IDEyLjQ0OTkgMTcuOTk5NkgxMS40OTk5QzExLjA5OTkgMTcuOTk5NiAxMC43Njk5IDE3LjY2OTkgMTAuNzY5OSAxNy4yNzAzVjEwLjgzNThDMTAuNzY5OSAxMC40MzYyIDExLjA5OTkgMTAuMTA2NCAxMS40OTk5IDEwLjEwNjRaIiBmaWxsPSIjNzk3Rjg1Ii8+DQo8L3N2Zz4NCg==);
mask-image: url(data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PSIwIDAgMjQgMjQiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+DQo8cGF0aCBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGNsaXAtcnVsZT0iZXZlbm9kZCIgZD0iTTIgMTJDMiA2LjQ4IDYuNDggMiAxMiAyQzE3LjUyIDIgMjIgNi40OCAyMiAxMkMyMiAxNy41MiAxNy41MiAyMiAxMiAyMkM2LjQ4IDIyIDIgMTcuNTIgMiAxMlpNMTEuOTcgOC43Mzc2NEMxMi43MjY2IDguNzM3NjQgMTMuMzQgOC4xMjQ4IDEzLjM0IDcuMzY4ODJDMTMuMzQgNi42MTI4NCAxMi43MjY2IDYgMTEuOTcgNkMxMS4yMTM0IDYgMTAuNiA2LjYxMjg0IDEwLjYgNy4zNjg4MkMxMC42IDguMTI0OCAxMS4yMTM0IDguNzM3NjQgMTEuOTcgOC43Mzc2NFpNMTEuNDk5OSAxMC4xMDY0SDEyLjQ0OTlDMTIuODQ5OSAxMC4xMDY0IDEzLjE3OTkgMTAuNDM2MiAxMy4xNzk5IDEwLjgzNThWMTcuMjcwM0MxMy4xNzk5IDE3LjY2OTkgMTIuODQ5OSAxNy45OTk2IDEyLjQ0OTkgMTcuOTk5NkgxMS40OTk5QzExLjA5OTkgMTcuOTk5NiAxMC43Njk5IDE3LjY2OTkgMTAuNzY5OSAxNy4yNzAzVjEwLjgzNThDMTAuNzY5OSAxMC40MzYyIDExLjA5OTkgMTAuMTA2NCAxMS40OTk5IDEwLjEwNjRaIiBmaWxsPSIjNzk3Rjg1Ii8+DQo8L3N2Zz4NCg==)
}
.blu-modal.b-dialog.b-success .blu-modal__icon[data-v-65e7601e] {
background-color: #22a334;
-webkit-mask-image: url(data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PSIwIDAgMjQgMjQiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+DQo8cGF0aCBkPSJNMTIgMkM2LjQ4IDIgMiA2LjQ4IDIgMTJDMiAxNy41MiA2LjQ4IDIyIDEyIDIyQzE3LjUyIDIyIDIyIDE3LjUyIDIyIDEyQzIyIDYuNDggMTcuNTIgMiAxMiAyWk0xNy4wNSA5LjExTDEyLjA2IDE2LjEyQzExLjg4IDE2LjM3IDExLjYgMTYuNTIgMTEuMjkgMTYuNTRIMTEuMjRDMTAuOTUgMTYuNTQgMTAuNjcgMTYuNDIgMTAuNDggMTYuMTlMNi45OSAxMi4xM0M2LjgyIDExLjkzIDYuNzMgMTEuNjcgNi43NSAxMS40MUM2Ljc3IDExLjE0IDYuODkgMTAuOSA3LjA5IDEwLjczQzcuNTEgMTAuMzcgOC4xNCAxMC40MiA4LjUgMTAuODRMMTEuMTYgMTMuOTNMMTUuNDEgNy45NkMxNS43MyA3LjUxIDE2LjM1IDcuNDEgMTYuOCA3LjczQzE3LjAyIDcuODggMTcuMTYgOC4xMSAxNy4yMSA4LjM4QzE3LjI1IDguNjQgMTcuMTkgOC45MSAxNy4wNCA5LjEyTDE3LjA1IDkuMTFaIiBmaWxsPSIjNzk3Rjg1Ii8+DQo8L3N2Zz4=);
mask-image: url(data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PSIwIDAgMjQgMjQiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+DQo8cGF0aCBkPSJNMTIgMkM2LjQ4IDIgMiA2LjQ4IDIgMTJDMiAxNy41MiA2LjQ4IDIyIDEyIDIyQzE3LjUyIDIyIDIyIDE3LjUyIDIyIDEyQzIyIDYuNDggMTcuNTIgMiAxMiAyWk0xNy4wNSA5LjExTDEyLjA2IDE2LjEyQzExLjg4IDE2LjM3IDExLjYgMTYuNTIgMTEuMjkgMTYuNTRIMTEuMjRDMTAuOTUgMTYuNTQgMTAuNjcgMTYuNDIgMTAuNDggMTYuMTlMNi45OSAxMi4xM0M2LjgyIDExLjkzIDYuNzMgMTEuNjcgNi43NSAxMS40MUM2Ljc3IDExLjE0IDYuODkgMTAuOSA3LjA5IDEwLjczQzcuNTEgMTAuMzcgOC4xNCAxMC40MiA4LjUgMTAuODRMMTEuMTYgMTMuOTNMMTUuNDEgNy45NkMxNS43MyA3LjUxIDE2LjM1IDcuNDEgMTYuOCA3LjczQzE3LjAyIDcuODggMTcuMTYgOC4xMSAxNy4yMSA4LjM4QzE3LjI1IDguNjQgMTcuMTkgOC45MSAxNy4wNCA5LjEyTDE3LjA1IDkuMTFaIiBmaWxsPSIjNzk3Rjg1Ii8+DQo8L3N2Zz4=)
}
.blu-modal.b-dialog.b-warning .blu-modal__icon[data-v-65e7601e] {
background-color: #ffcd00;
-webkit-mask-image: url(data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PSIwIDAgMjQgMjQiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+DQo8cGF0aCBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGNsaXAtcnVsZT0iZXZlbm9kZCIgZD0iTTMuODc0MzYgMjFIMjAuMTE0NEgyMC4xMjQ0QzIxLjU1MzUgMjEgMjIuNDUyOSAxOS41MDM1IDIxLjc2MzQgMTguMjg2NEwxMy42NDg0IDMuOTUwMjZDMTIuOTM4OCAyLjY4MzI1IDExLjA2OTkgMi42ODMyNSAxMC4zNjA0IDMuOTUwMjZMMi4yMzUzNyAxOC4yOTY0QzEuNTQ1OCAxOS41MTM1IDIuNDU1MjQgMjEgMy44NzQzNiAyMVpNMTAuOTkgMTMuOTM3NEwxMC43MDAyIDkuMDk4ODdWNy43NTIwNUMxMC43MDAyIDcuMzMzMDQgMTEuMDQgNi45OTM4NCAxMS40NTk3IDYuOTkzODRIMTIuNjA5QzEzLjAyODggNi45OTM4NCAxMy4zNjg2IDcuMzMzMDQgMTMuMzY4NiA3Ljc1MjA1VjkuMTA4ODRMMTMuMDg4NyAxMy45Mjc1QzEzLjA2ODcgMTQuMzI2NSAxMi43Mzg5IDE0LjYzNTggMTIuMzI5MiAxNC42MzU4SDExLjc0OTVDMTEuMzQ5OCAxNC42MzU4IDExLjAyIDE0LjMyNjUgMTAuOTkgMTMuOTI3NVYxMy45Mzc0Wk0xMS45OTk0IDE4Ljk2NTJDMTIuNzg4NyAxOC45NjUyIDEzLjQyODYgMTguMzI2NSAxMy40Mjg2IDE3LjUzODZDMTMuNDI4NiAxNi43NTA3IDEyLjc4ODcgMTYuMTEyIDExLjk5OTQgMTYuMTEyQzExLjIxMDIgMTYuMTEyIDEwLjU3MDMgMTYuNzUwNyAxMC41NzAzIDE3LjUzODZDMTAuNTcwMyAxOC4zMjY1IDExLjIxMDIgMTguOTY1MiAxMS45OTk0IDE4Ljk2NTJaIiBmaWxsPSIjNzk3Rjg1Ii8+DQo8L3N2Zz4NCg==);
mask-image: url(data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PSIwIDAgMjQgMjQiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+DQo8cGF0aCBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGNsaXAtcnVsZT0iZXZlbm9kZCIgZD0iTTMuODc0MzYgMjFIMjAuMTE0NEgyMC4xMjQ0QzIxLjU1MzUgMjEgMjIuNDUyOSAxOS41MDM1IDIxLjc2MzQgMTguMjg2NEwxMy42NDg0IDMuOTUwMjZDMTIuOTM4OCAyLjY4MzI1IDExLjA2OTkgMi42ODMyNSAxMC4zNjA0IDMuOTUwMjZMMi4yMzUzNyAxOC4yOTY0QzEuNTQ1OCAxOS41MTM1IDIuNDU1MjQgMjEgMy44NzQzNiAyMVpNMTAuOTkgMTMuOTM3NEwxMC43MDAyIDkuMDk4ODdWNy43NTIwNUMxMC43MDAyIDcuMzMzMDQgMTEuMDQgNi45OTM4NCAxMS40NTk3IDYuOTkzODRIMTIuNjA5QzEzLjAyODggNi45OTM4NCAxMy4zNjg2IDcuMzMzMDQgMTMuMzY4NiA3Ljc1MjA1VjkuMTA4ODRMMTMuMDg4NyAxMy45Mjc1QzEzLjA2ODcgMTQuMzI2NSAxMi43Mzg5IDE0LjYzNTggMTIuMzI5MiAxNC42MzU4SDExLjc0OTVDMTEuMzQ5OCAxNC42MzU4IDExLjAyIDE0LjMyNjUgMTAuOTkgMTMuOTI3NVYxMy45Mzc0Wk0xMS45OTk0IDE4Ljk2NTJDMTIuNzg4NyAxOC45NjUyIDEzLjQyODYgMTguMzI2NSAxMy40Mjg2IDE3LjUzODZDMTMuNDI4NiAxNi43NTA3IDEyLjc4ODcgMTYuMTEyIDExLjk5OTQgMTYuMTEyQzExLjIxMDIgMTYuMTEyIDEwLjU3MDMgMTYuNzUwNyAxMC41NzAzIDE3LjUzODZDMTAuNTcwMyAxOC4zMjY1IDExLjIxMDIgMTguOTY1MiAxMS45OTk0IDE4Ljk2NTJaIiBmaWxsPSIjNzk3Rjg1Ii8+DQo8L3N2Zz4NCg==)
}
.blu-modal.b-dialog.b-danger .blu-modal__icon[data-v-65e7601e] {
background-color: #ff4646;
-webkit-mask-image: url(data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PSIwIDAgMjQgMjQiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+DQo8cGF0aCBkPSJNMTIgMkM2LjQ4IDIgMiA2LjQ4IDIgMTJDMiAxNy41MiA2LjQ4IDIyIDEyIDIyQzE3LjUyIDIyIDIyIDE3LjUyIDIyIDEyQzIyIDYuNDggMTcuNTIgMiAxMiAyWk0xNi4yNCAxNC44M0MxNi42MyAxNS4yMiAxNi42MyAxNS44NSAxNi4yNCAxNi4yNEMxNS44NSAxNi42MyAxNS4yMiAxNi42MyAxNC44MyAxNi4yNEwxMiAxMy40MUw5LjE3IDE2LjI0QzguNzggMTYuNjMgOC4xNSAxNi42MyA3Ljc2IDE2LjI0QzcuMzcgMTUuODUgNy4zNyAxNS4yMiA3Ljc2IDE0LjgzTDEwLjU5IDEyTDcuNzYgOS4xN0M3LjM3IDguNzggNy4zNyA4LjE1IDcuNzYgNy43NkM4LjE1IDcuMzcgOC43OCA3LjM3IDkuMTcgNy43NkwxMiAxMC41OUwxNC44MyA3Ljc2QzE1LjIyIDcuMzcgMTUuODUgNy4zNyAxNi4yNCA3Ljc2QzE2LjYzIDguMTUgMTYuNjMgOC43OCAxNi4yNCA5LjE3TDEzLjQxIDEyTDE2LjI0IDE0LjgzWiIgZmlsbD0iIzc5N0Y4NSIvPg0KPC9zdmc+);
mask-image: url(data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PSIwIDAgMjQgMjQiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+DQo8cGF0aCBkPSJNMTIgMkM2LjQ4IDIgMiA2LjQ4IDIgMTJDMiAxNy41MiA2LjQ4IDIyIDEyIDIyQzE3LjUyIDIyIDIyIDE3LjUyIDIyIDEyQzIyIDYuNDggMTcuNTIgMiAxMiAyWk0xNi4yNCAxNC44M0MxNi42MyAxNS4yMiAxNi42MyAxNS44NSAxNi4yNCAxNi4yNEMxNS44NSAxNi42MyAxNS4yMiAxNi42MyAxNC44MyAxNi4yNEwxMiAxMy40MUw5LjE3IDE2LjI0QzguNzggMTYuNjMgOC4xNSAxNi42MyA3Ljc2IDE2LjI0QzcuMzcgMTUuODUgNy4zNyAxNS4yMiA3Ljc2IDE0LjgzTDEwLjU5IDEyTDcuNzYgOS4xN0M3LjM3IDguNzggNy4zNyA4LjE1IDcuNzYgNy43NkM4LjE1IDcuMzcgOC43OCA3LjM3IDkuMTcgNy43NkwxMiAxMC41OUwxNC44MyA3Ljc2QzE1LjIyIDcuMzcgMTUuODUgNy4zNyAxNi4yNCA3Ljc2QzE2LjYzIDguMTUgMTYuNjMgOC43OCAxNi4yNCA5LjE3TDEzLjQxIDEyTDE2LjI0IDE0LjgzWiIgZmlsbD0iIzc5N0Y4NSIvPg0KPC9zdmc+)
}
@media screen and (max-width:768px) {
.blu-modal.b-full-screen .blu-modal__container[data-v-65e7601e] {
min-height: 100%;
border-radius: unset;
padding-top: 0
}
.blu-modal.b-full-screen .blu-modal__close[data-v-65e7601e] {
display: none
}
}
</style>
<style type="text/css">
.blu-ripple[data-v-6ada375c] {
width: 100%;
height: 100%;
position: relative;
overflow: hidden;
display: flex;
justify-content: center;
align-items: center;
-webkit-box-pack: center;
-webkit-box-align: center;
-webkit-mask-image: radial-gradient(circle, #fff 100%, #000 100%);
padding: 0 12px
}
.blu-ripple-wave[data-v-6ada375c] {
position: absolute;
z-index: 1;
pointer-events: none;
background: currentColor;
border-radius: 50%;
opacity: 0;
transform: scale(2) translateZ(0)
}
.blu-ripple-wave.b-centered[data-v-6ada375c] {
animation-duration: 1.2s;
top: 50%;
left: 50%
}
.blu-ripple-wave~[data-v-6ada375c]:not(.blu-ripple-wave) {
position: relative;
z-index: 2
}
.blu-ripple-enter-active[data-v-6ada375c] {
transition: 2s cubic-bezier(.25, .8, .25, 1);
transition-property: opacity, transform;
will-change: opacity, transform
}
.blu-ripple-enter-active.b-centered[data-v-6ada375c] {
transition-duration: 1.2s
}
.blu-ripple-enter[data-v-6ada375c] {
opacity: .26;
transform: scale(.26) translateZ(0)
}
.has-left-icon .blu-ripple svg[data-v-6ada375c] {
margin-right: 8px
}
.has-left-icon.b-small svg[data-v-6ada375c] {
transform-origin: left;
margin-right: 4px
}
.b-large .blu-ripple[data-v-6ada375c] {
padding: 0 16px
}
.b-small .blu-ripple[data-v-6ada375c] {
padding: 0 8px
}
.b-small svg[data-v-6ada375c] {
width: 18px;
height: 18px
}
.b-icon .blu-ripple[data-v-6ada375c] {
padding: 0
}
.b-loading .blu-loader-wrapper[data-v-6ada375c] {
height: 24px;
position: absolute
}
.b-loading .blu-ripple[data-v-6ada375c] {
color: transparent
}
.b-loading .blu-ripple>svg[data-v-6ada375c] {
visibility: hidden
}
.b-loading .blu-ripple .blu-ripple-wave[data-v-6ada375c] {
color: #fff
}
.b-loading.b-white .blu-ripple-wave[data-v-6ada375c] {
color: #CEC43F
}
.b-loading.b-outline.b-secondary .blu-ripple-wave[data-v-6ada375c] {
color: #CEC43F
}
.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: #CEC43F
}
.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: #CEC43F
}
.b-disabled[data-v-6ada375c] {
opacity: 1
}
.blu-btn-dropdown .blu-ripple>svg+div[data-v-6ada375c] {
margin-left: 8px
}
.blu-modal__mask[data-v-6ada375c] {
transition: opacity .3s ease;
position: fixed;
z-index: 999;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-color: rgba(0, 0, 0, .6);
display: flex;
flex-direction: column;
justify-content: center;
align-items: center
}
.blu-modal__container[data-v-6ada375c] {
transition: opacity .3s ease;
width: 90%;
max-width: 500px;
max-height: calc(100% - 50px);
height: auto;
background: #fff;
box-shadow: 0 1px 6px 0 rgba(0, 0, 0, .1);
position: fixed;
z-index: 1000;
display: flex;
flex-direction: column
}
@media screen and (max-width:768px) {
.blu-modal__container[data-v-6ada375c] {
max-height: calc(100% - 40px)
}
}
@media screen and (min-width:769px),
print {
.blu-modal__container[data-v-6ada375c] {
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
-moz-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
-o-transform: translate(-50%, -50%);
transform: translate(-50%, -50%)
}
}
.blu-modal__heading[data-v-6ada375c] {
font: 24px/28px "blibli demi bold", -apple-system, segoe ui, roboto, helvetica, arial, sans-serif;
margin-bottom: 8px
}
@media screen and (max-width:768px) {
.blu-modal__heading[data-v-6ada375c] {
font: 20px/24px "blibli demi bold", -apple-system, segoe ui, roboto, helvetica, arial, sans-serif;
margin-bottom: 0
}
}
.blu-modal__body[data-v-6ada375c] {
max-height: var(--max-height-modal-body);
overflow-x: auto;
color: rgba(25, 34, 42, .7019607843);
margin-right: 0;
overscroll-behavior: contain
}
@media screen and (min-width:769px),
print {
.blu-modal__body[data-v-6ada375c] {
font: 16px/20px blibli, -apple-system, segoe ui, roboto, helvetica, arial, sans-serif
}
}
@media screen and (max-width:768px) {
.blu-modal__body[data-v-6ada375c] {
font: 14px/18px blibli, -apple-system, segoe ui, roboto, helvetica, arial, sans-serif
}
}
.blu-modal__footer[data-v-6ada375c] {
text-align: right
}
@media screen and (max-width:768px) {
.blu-modal__footer[data-v-6ada375c] {
margin-top: auto
}
}
.blu-modal.b-dialog .blu-modal__body[data-v-6ada375c] {
margin-bottom: 40px
}
@media screen and (max-width:768px) {
.blu-modal.b-dialog .blu-modal__body[data-v-6ada375c] {
margin-bottom: 32px
}
}
.blu-modal.b-dialog .blu-modal__container[data-v-6ada375c] {
border-radius: 16px
}
@media screen and (min-width:769px),
print {
.blu-modal.b-dialog .blu-modal__container[data-v-6ada375c] {
padding: 24px 24px 16px
}
}
@media screen and (max-width:768px) {
.blu-modal.b-dialog .blu-modal__container[data-v-6ada375c] {
padding: 24px 24px 16px;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
-moz-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
-o-transform: translate(-50%, -50%);
transform: translate(-50%, -50%)
}
}
.blu-modal.b-dialog .blu-modal__container[data-v-6ada375c]:after,
.blu-modal.b-dialog .blu-modal__container[data-v-6ada375c]:before {
content: "";
width: calc(100% - 60px);
margin: 0 30px;
border-radius: 0 0 24px 24px;
position: absolute;
left: 0
}
.blu-modal.b-dialog .blu-modal__container[data-v-6ada375c]:before {
height: 9px;
bottom: -9px;
z-index: 2;
background: linear-gradient(0deg, rgba(0, 0, 0, 0) 0, rgba(0, 0, 0, .12) 100%)
}
.blu-modal.b-dialog .blu-modal__container[data-v-6ada375c]:after {
height: 16px;
border-top: #fff 1px solid;
bottom: -15px
}
.blu-modal.b-dialog .blu-modal__close[data-v-6ada375c] {
display: none
}
.blu-modal.b-dialog.b-info .blu-modal__container[data-v-6ada375c]:after {
background-color: #1d8fff
}
.blu-modal.b-dialog.b-success .blu-modal__container[data-v-6ada375c]:after {
background-color: #22a334
}
.blu-modal.b-dialog.b-warning .blu-modal__container[data-v-6ada375c]:after {
background-color: #ffcd00
}
.blu-modal.b-dialog.b-danger .blu-modal__container[data-v-6ada375c]:after {
background-color: #ff4646
}
.blu-modal.b-page .blu-modal__body[data-v-6ada375c] {
color: rgba(25, 34, 42, .7019607843)
}
@media screen and (min-width:769px),
print {
.blu-modal.b-page .blu-modal__body[data-v-6ada375c] {
padding: 0 24px
}
}
@media screen and (max-width:768px) {
.blu-modal.b-page .blu-modal__body[data-v-6ada375c] {
padding: 0 16px;
padding-bottom: calc(env(safe-area-inset-bottom) + 4px);
overflow-y: auto
}
}
.blu-modal.b-page .blu-modal__body[data-v-6ada375c]::before {
content: "";
background: #fff;
height: 20px;
width: 100%;
left: 0;
bottom: 0;
position: fixed
}
@media screen and (min-width:769px),
print {
.blu-modal.b-page .blu-modal__body[data-v-6ada375c]::before {
display: none
}
}
@media screen and (min-width:769px),
print {
.blu-modal.b-page .blu-modal__container[data-v-6ada375c] {
border-radius: 16px;
padding-top: 32px
}
}
@media screen and (max-width:768px) {
.blu-modal.b-page .blu-modal__container[data-v-6ada375c] {
padding-top: 24px;
width: 100%;
max-width: 100%;
height: auto;
border-radius: 16px 16px 0 0;
left: 0;
bottom: 0;
padding-top: 24px;
padding-bottom: calc(env(safe-area-inset-bottom) + 16px)
}
}
@media screen and (min-width:769px),
print {
.blu-modal.b-page .blu-modal__footer[data-v-6ada375c] {
padding: 24px 24px
}
}
@media screen and (max-width:768px) {
.blu-modal.b-page .blu-modal__footer[data-v-6ada375c] {
width: 100%;
padding: 16px;
transition: all .3s cubic-bezier(0, 0, .2, 1.2);
bottom: 0;
padding-bottom: env(safe-area-inset-bottom);
background: #fff
}
}
.blu-modal.b-page .blu-modal__footer[data-v-6ada375c]::before {
content: "";
background: #fff;
height: 20px;
width: 100%;
left: 0;
bottom: 0;
position: fixed
}
@media screen and (min-width:769px),
print {
.blu-modal.b-page .blu-modal__footer[data-v-6ada375c]::before {
display: none
}
}
@media screen and (min-width:769px),
print {
.blu-modal.b-page .blu-modal__header[data-v-6ada375c] {
padding: 0 24px
}
}
@media screen and (max-width:768px) {
.blu-modal.b-page .blu-modal__header[data-v-6ada375c] {
padding: 0 16px
}
}
.blu-modal.b-page .blu-modal__icon[data-v-6ada375c] {
display: none
}
@media screen and (max-width:768px) {
.blu-modal.b-page.fade-enter-active[data-v-6ada375c],
.blu-modal.b-page.fade-leave-active[data-v-6ada375c] {
transition: opacity .3s
}
.blu-modal.b-page.fade-enter-active .blu-modal__container[data-v-6ada375c],
.blu-modal.b-page.fade-leave-active .blu-modal__container[data-v-6ada375c] {
transition: bottom .3s;
transition: all .3s cubic-bezier(0, 0, .2, 1.2);
bottom: 0
}
.blu-modal.b-page.fade-enter-active[data-v-6ada375c] {
transition: opacity .3s cubic-bezier(0, 0, .2, 1.2)
}
.blu-modal.b-page.fade-leave-active[data-v-6ada375c] {
transition: opacity .3s cubic-bezier(.8, 0, 1, 1)
}
.blu-modal.b-page.fade-enter .blu-modal__container[data-v-6ada375c],
.blu-modal.b-page.fade-leave-to .blu-modal__container[data-v-6ada375c] {
bottom: -96vh
}
}
.blu-modal.b-no-button .blu-modal__container[data-v-6ada375c] {
padding-bottom: 20px
}
@media screen and (max-width:768px) {
.blu-modal.b-no-button .blu-modal__body[data-v-6ada375c] {
padding-bottom: env(safe-area-inset-bottom)
}
}
.blu-modal.b-no-button .blu-modal__footer[data-v-6ada375c] {
display: none
}
.fade-enter-active[data-v-6ada375c],
.fade-leave-active[data-v-6ada375c] {
position: absolute;
z-index: 998;
transition: opacity .3s
}
.fade-enter[data-v-6ada375c],
.fade-leave-to[data-v-6ada375c] {
opacity: 0
}
img[data-v-6ada375c] {
max-width: 100%
}
.blu-modal.b-dialog .blu-modal__icon[data-v-6ada375c] {
width: 40px;
height: 40px;
margin-bottom: 40px
}
@media screen and (max-width:768px) {
.blu-modal.b-dialog .blu-modal__icon[data-v-6ada375c] {
width: 24px;
height: 24px;
margin-bottom: 32px
}
}
.blu-modal.b-dialog.b-info .blu-modal__icon[data-v-6ada375c] {
background-color: #1d8fff;
-webkit-mask-image: url(data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PSIwIDAgMjQgMjQiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+DQo8cGF0aCBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGNsaXAtcnVsZT0iZXZlbm9kZCIgZD0iTTIgMTJDMiA2LjQ4IDYuNDggMiAxMiAyQzE3LjUyIDIgMjIgNi40OCAyMiAxMkMyMiAxNy41MiAxNy41MiAyMiAxMiAyMkM2LjQ4IDIyIDIgMTcuNTIgMiAxMlpNMTEuOTcgOC43Mzc2NEMxMi43MjY2IDguNzM3NjQgMTMuMzQgOC4xMjQ4IDEzLjM0IDcuMzY4ODJDMTMuMzQgNi42MTI4NCAxMi43MjY2IDYgMTEuOTcgNkMxMS4yMTM0IDYgMTAuNiA2LjYxMjg0IDEwLjYgNy4zNjg4MkMxMC42IDguMTI0OCAxMS4yMTM0IDguNzM3NjQgMTEuOTcgOC43Mzc2NFpNMTEuNDk5OSAxMC4xMDY0SDEyLjQ0OTlDMTIuODQ5OSAxMC4xMDY0IDEzLjE3OTkgMTAuNDM2MiAxMy4xNzk5IDEwLjgzNThWMTcuMjcwM0MxMy4xNzk5IDE3LjY2OTkgMTIuODQ5OSAxNy45OTk2IDEyLjQ0OTkgMTcuOTk5NkgxMS40OTk5QzExLjA5OTkgMTcuOTk5NiAxMC43Njk5IDE3LjY2OTkgMTAuNzY5OSAxNy4yNzAzVjEwLjgzNThDMTAuNzY5OSAxMC40MzYyIDExLjA5OTkgMTAuMTA2NCAxMS40OTk5IDEwLjEwNjRaIiBmaWxsPSIjNzk3Rjg1Ii8+DQo8L3N2Zz4NCg==);
mask-image: url(data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PSIwIDAgMjQgMjQiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+DQo8cGF0aCBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGNsaXAtcnVsZT0iZXZlbm9kZCIgZD0iTTIgMTJDMiA2LjQ4IDYuNDggMiAxMiAyQzE3LjUyIDIgMjIgNi40OCAyMiAxMkMyMiAxNy41MiAxNy41MiAyMiAxMiAyMkM2LjQ4IDIyIDIgMTcuNTIgMiAxMlpNMTEuOTcgOC43Mzc2NEMxMi43MjY2IDguNzM3NjQgMTMuMzQgOC4xMjQ4IDEzLjM0IDcuMzY4ODJDMTMuMzQgNi42MTI4NCAxMi43MjY2IDYgMTEuOTcgNkMxMS4yMTM0IDYgMTAuNiA2LjYxMjg0IDEwLjYgNy4zNjg4MkMxMC42IDguMTI0OCAxMS4yMTM0IDguNzM3NjQgMTEuOTcgOC43Mzc2NFpNMTEuNDk5OSAxMC4xMDY0SDEyLjQ0OTlDMTIuODQ5OSAxMC4xMDY0IDEzLjE3OTkgMTAuNDM2MiAxMy4xNzk5IDEwLjgzNThWMTcuMjcwM0MxMy4xNzk5IDE3LjY2OTkgMTIuODQ5OSAxNy45OTk2IDEyLjQ0OTkgMTcuOTk5NkgxMS40OTk5QzExLjA5OTkgMTcuOTk5NiAxMC43Njk5IDE3LjY2OTkgMTAuNzY5OSAxNy4yNzAzVjEwLjgzNThDMTAuNzY5OSAxMC40MzYyIDExLjA5OTkgMTAuMTA2NCAxMS40OTk5IDEwLjEwNjRaIiBmaWxsPSIjNzk3Rjg1Ii8+DQo8L3N2Zz4NCg==)
}
.blu-modal.b-dialog.b-success .blu-modal__icon[data-v-6ada375c] {
background-color: #22a334;
-webkit-mask-image: url(data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PSIwIDAgMjQgMjQiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+DQo8cGF0aCBkPSJNMTIgMkM2LjQ4IDIgMiA2LjQ4IDIgMTJDMiAxNy41MiA2LjQ4IDIyIDEyIDIyQzE3LjUyIDIyIDIyIDE3LjUyIDIyIDEyQzIyIDYuNDggMTcuNTIgMiAxMiAyWk0xNy4wNSA5LjExTDEyLjA2IDE2LjEyQzExLjg4IDE2LjM3IDExLjYgMTYuNTIgMTEuMjkgMTYuNTRIMTEuMjRDMTAuOTUgMTYuNTQgMTAuNjcgMTYuNDIgMTAuNDggMTYuMTlMNi45OSAxMi4xM0M2LjgyIDExLjkzIDYuNzMgMTEuNjcgNi43NSAxMS40MUM2Ljc3IDExLjE0IDYuODkgMTAuOSA3LjA5IDEwLjczQzcuNTEgMTAuMzcgOC4xNCAxMC40MiA4LjUgMTAuODRMMTEuMTYgMTMuOTNMMTUuNDEgNy45NkMxNS43MyA3LjUxIDE2LjM1IDcuNDEgMTYuOCA3LjczQzE3LjAyIDcuODggMTcuMTYgOC4xMSAxNy4yMSA4LjM4QzE3LjI1IDguNjQgMTcuMTkgOC45MSAxNy4wNCA5LjEyTDE3LjA1IDkuMTFaIiBmaWxsPSIjNzk3Rjg1Ii8+DQo8L3N2Zz4=);
mask-image: url(data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PSIwIDAgMjQgMjQiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+DQo8cGF0aCBkPSJNMTIgMkM2LjQ4IDIgMiA2LjQ4IDIgMTJDMiAxNy41MiA2LjQ4IDIyIDEyIDIyQzE3LjUyIDIyIDIyIDE3LjUyIDIyIDEyQzIyIDYuNDggMTcuNTIgMiAxMiAyWk0xNy4wNSA5LjExTDEyLjA2IDE2LjEyQzExLjg4IDE2LjM3IDExLjYgMTYuNTIgMTEuMjkgMTYuNTRIMTEuMjRDMTAuOTUgMTYuNTQgMTAuNjcgMTYuNDIgMTAuNDggMTYuMTlMNi45OSAxMi4xM0M2LjgyIDExLjkzIDYuNzMgMTEuNjcgNi43NSAxMS40MUM2Ljc3IDExLjE0IDYuODkgMTAuOSA3LjA5IDEwLjczQzcuNTEgMTAuMzcgOC4xNCAxMC40MiA4LjUgMTAuODRMMTEuMTYgMTMuOTNMMTUuNDEgNy45NkMxNS43MyA3LjUxIDE2LjM1IDcuNDEgMTYuOCA3LjczQzE3LjAyIDcuODggMTcuMTYgOC4xMSAxNy4yMSA4LjM4QzE3LjI1IDguNjQgMTcuMTkgOC45MSAxNy4wNCA5LjEyTDE3LjA1IDkuMTFaIiBmaWxsPSIjNzk3Rjg1Ii8+DQo8L3N2Zz4=)
}
.blu-modal.b-dialog.b-warning .blu-modal__icon[data-v-6ada375c] {
background-color: #ffcd00;
-webkit-mask-image: url(data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PSIwIDAgMjQgMjQiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+DQo8cGF0aCBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGNsaXAtcnVsZT0iZXZlbm9kZCIgZD0iTTMuODc0MzYgMjFIMjAuMTE0NEgyMC4xMjQ0QzIxLjU1MzUgMjEgMjIuNDUyOSAxOS41MDM1IDIxLjc2MzQgMTguMjg2NEwxMy42NDg0IDMuOTUwMjZDMTIuOTM4OCAyLjY4MzI1IDExLjA2OTkgMi42ODMyNSAxMC4zNjA0IDMuOTUwMjZMMi4yMzUzNyAxOC4yOTY0QzEuNTQ1OCAxOS41MTM1IDIuNDU1MjQgMjEgMy44NzQzNiAyMVpNMTAuOTkgMTMuOTM3NEwxMC43MDAyIDkuMDk4ODdWNy43NTIwNUMxMC43MDAyIDcuMzMzMDQgMTEuMDQgNi45OTM4NCAxMS40NTk3IDYuOTkzODRIMTIuNjA5QzEzLjAyODggNi45OTM4NCAxMy4zNjg2IDcuMzMzMDQgMTMuMzY4NiA3Ljc1MjA1VjkuMTA4ODRMMTMuMDg4NyAxMy45Mjc1QzEzLjA2ODcgMTQuMzI2NSAxMi43Mzg5IDE0LjYzNTggMTIuMzI5MiAxNC42MzU4SDExLjc0OTVDMTEuMzQ5OCAxNC42MzU4IDExLjAyIDE0LjMyNjUgMTAuOTkgMTMuOTI3NVYxMy45Mzc0Wk0xMS45OTk0IDE4Ljk2NTJDMTIuNzg4NyAxOC45NjUyIDEzLjQyODYgMTguMzI2NSAxMy40Mjg2IDE3LjUzODZDMTMuNDI4NiAxNi43NTA3IDEyLjc4ODcgMTYuMTEyIDExLjk5OTQgMTYuMTEyQzExLjIxMDIgMTYuMTEyIDEwLjU3MDMgMTYuNzUwNyAxMC41NzAzIDE3LjUzODZDMTAuNTcwMyAxOC4zMjY1IDExLjIxMDIgMTguOTY1MiAxMS45OTk0IDE4Ljk2NTJaIiBmaWxsPSIjNzk3Rjg1Ii8+DQo8L3N2Zz4NCg==);
mask-image: url(data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PSIwIDAgMjQgMjQiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+DQo8cGF0aCBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGNsaXAtcnVsZT0iZXZlbm9kZCIgZD0iTTMuODc0MzYgMjFIMjAuMTE0NEgyMC4xMjQ0QzIxLjU1MzUgMjEgMjIuNDUyOSAxOS41MDM1IDIxLjc2MzQgMTguMjg2NEwxMy42NDg0IDMuOTUwMjZDMTIuOTM4OCAyLjY4MzI1IDExLjA2OTkgMi42ODMyNSAxMC4zNjA0IDMuOTUwMjZMMi4yMzUzNyAxOC4yOTY0QzEuNTQ1OCAxOS41MTM1IDIuNDU1MjQgMjEgMy44NzQzNiAyMVpNMTAuOTkgMTMuOTM3NEwxMC43MDAyIDkuMDk4ODdWNy43NTIwNUMxMC43MDAyIDcuMzMzMDQgMTEuMDQgNi45OTM4NCAxMS40NTk3IDYuOTkzODRIMTIuNjA5QzEzLjAyODggNi45OTM4NCAxMy4zNjg2IDcuMzMzMDQgMTMuMzY4NiA3Ljc1MjA1VjkuMTA4ODRMMTMuMDg4NyAxMy45Mjc1QzEzLjA2ODcgMTQuMzI2NSAxMi43Mzg5IDE0LjYzNTggMTIuMzI5MiAxNC42MzU4SDExLjc0OTVDMTEuMzQ5OCAxNC42MzU4IDExLjAyIDE0LjMyNjUgMTAuOTkgMTMuOTI3NVYxMy45Mzc0Wk0xMS45OTk0IDE4Ljk2NTJDMTIuNzg4NyAxOC45NjUyIDEzLjQyODYgMTguMzI2NSAxMy40Mjg2IDE3LjUzODZDMTMuNDI4NiAxNi43NTA3IDEyLjc4ODcgMTYuMTEyIDExLjk5OTQgMTYuMTEyQzExLjIxMDIgMTYuMTEyIDEwLjU3MDMgMTYuNzUwNyAxMC41NzAzIDE3LjUzODZDMTAuNTcwMyAxOC4zMjY1IDExLjIxMDIgMTguOTY1MiAxMS45OTk0IDE4Ljk2NTJaIiBmaWxsPSIjNzk3Rjg1Ii8+DQo8L3N2Zz4NCg==)
}
.blu-modal.b-dialog.b-danger .blu-modal__icon[data-v-6ada375c] {
background-color: #ff4646;
-webkit-mask-image: url(data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PSIwIDAgMjQgMjQiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+DQo8cGF0aCBkPSJNMTIgMkM2LjQ4IDIgMiA2LjQ4IDIgMTJDMiAxNy41MiA2LjQ4IDIyIDEyIDIyQzE3LjUyIDIyIDIyIDE3LjUyIDIyIDEyQzIyIDYuNDggMTcuNTIgMiAxMiAyWk0xNi4yNCAxNC44M0MxNi42MyAxNS4yMiAxNi42MyAxNS44NSAxNi4yNCAxNi4yNEMxNS44NSAxNi42MyAxNS4yMiAxNi42MyAxNC44MyAxNi4yNEwxMiAxMy40MUw5LjE3IDE2LjI0QzguNzggMTYuNjMgOC4xNSAxNi42MyA3Ljc2IDE2LjI0QzcuMzcgMTUuODUgNy4zNyAxNS4yMiA3Ljc2IDE0LjgzTDEwLjU5IDEyTDcuNzYgOS4xN0M3LjM3IDguNzggNy4zNyA4LjE1IDcuNzYgNy43NkM4LjE1IDcuMzcgOC43OCA3LjM3IDkuMTcgNy43NkwxMiAxMC41OUwxNC44MyA3Ljc2QzE1LjIyIDcuMzcgMTUuODUgNy4zNyAxNi4yNCA3Ljc2QzE2LjYzIDguMTUgMTYuNjMgOC43OCAxNi4yNCA5LjE3TDEzLjQxIDEyTDE2LjI0IDE0LjgzWiIgZmlsbD0iIzc5N0Y4NSIvPg0KPC9zdmc+);
mask-image: url(data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PSIwIDAgMjQgMjQiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+DQo8cGF0aCBkPSJNMTIgMkM2LjQ4IDIgMiA2LjQ4IDIgMTJDMiAxNy41MiA2LjQ4IDIyIDEyIDIyQzE3LjUyIDIyIDIyIDE3LjUyIDIyIDEyQzIyIDYuNDggMTcuNTIgMiAxMiAyWk0xNi4yNCAxNC44M0MxNi42MyAxNS4yMiAxNi42MyAxNS44NSAxNi4yNCAxNi4yNEMxNS44NSAxNi42MyAxNS4yMiAxNi42MyAxNC44MyAxNi4yNEwxMiAxMy40MUw5LjE3IDE2LjI0QzguNzggMTYuNjMgOC4xNSAxNi42MyA3Ljc2IDE2LjI0QzcuMzcgMTUuODUgNy4zNyAxNS4yMiA3Ljc2IDE0LjgzTDEwLjU5IDEyTDcuNzYgOS4xN0M3LjM3IDguNzggNy4zNyA4LjE1IDcuNzYgNy43NkM4LjE1IDcuMzcgOC43OCA3LjM3IDkuMTcgNy43NkwxMiAxMC41OUwxNC44MyA3Ljc2QzE1LjIyIDcuMzcgMTUuODUgNy4zNyAxNi4yNCA3Ljc2QzE2LjYzIDguMTUgMTYuNjMgOC43OCAxNi4yNCA5LjE3TDEzLjQxIDEyTDE2LjI0IDE0LjgzWiIgZmlsbD0iIzc5N0Y4NSIvPg0KPC9zdmc+)
}
@media screen and (max-width:768px) {
.blu-modal.b-full-screen .blu-modal__container[data-v-6ada375c] {
min-height: 100%;
border-radius: unset;
padding-top: 0
}
.blu-modal.b-full-screen .blu-modal__close[data-v-6ada375c] {
display: none
}
}
</style>
<style type="text/css">
.tabs[data-v-2ff01c43] {
border-bottom: #acb0b4 1px solid;
display: flex;
position: relative;
white-space: nowrap;
scroll-behavior: smooth;
scrollbar-width: none
}
.tabs[data-v-2ff01c43]::-webkit-scrollbar {
display: none
}
.tabs a[data-v-2ff01c43],
.tabs__header-title[data-v-2ff01c43] {
outline: 0;
display: flex;
color: rgba(25, 34, 42, .7019607843);
font: 16px/20px blibli, -apple-system, segoe ui, roboto, helvetica, arial, sans-serif;
padding: 22px 0;
position: relative;
white-space: nowrap;
align-items: center;
height: 64px;
cursor: pointer
}
.tabs a .tabs__icon[data-v-2ff01c43],
.tabs__header-title .tabs__icon[data-v-2ff01c43] {
position: relative;
display: inline-flex
}
.tabs a .tabs__icon[data-v-2ff01c43]:not(:empty),
.tabs__header-title .tabs__icon[data-v-2ff01c43]:not(:empty) {
margin-right: 4px
}
.tabs a .tabs__icon svg[data-v-2ff01c43],
.tabs__header-title .tabs__icon svg[data-v-2ff01c43] {
vertical-align: bottom;
color: rgba(25, 34, 42, .4)
}
.tabs a .tabs__label[data-v-2ff01c43],
.tabs__header-title .tabs__label[data-v-2ff01c43] {
display: inline-flex
}
.tabs a .tabs__label[data-v-2ff01c43]:not(:empty),
.tabs__header-title .tabs__label[data-v-2ff01c43]:not(:empty) {
padding-left: 4px
}
@media screen and (max-width:768px) {
.tabs a[data-v-2ff01c43],
.tabs__header-title[data-v-2ff01c43] {
padding: 10px 0;
height: 40px
}
}
.tabs a[data-v-2ff01c43]:not(:last-child),
.tabs__header-title[data-v-2ff01c43]:not(:last-child) {
margin-right: 16px
}
.tabs a[data-v-2ff01c43]:before,
.tabs__header-title[data-v-2ff01c43]:before {
content: "";
height: 3px;
background: #CEC43F;
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: #CEC43F
}
.tabs a.b-active .tabs__icon svg[data-v-2ff01c43],
.tabs__header-title.b-active .tabs__icon svg[data-v-2ff01c43] {
color: #CEC43F
}
.tabs a.b-disabled[data-v-2ff01c43],
.tabs__header-title.b-disabled[data-v-2ff01c43] {
opacity: 1;
color: rgba(25, 34, 42, .4)
}
.tabs a.b-disabled[data-v-2ff01c43]:hover:after,
.tabs__header-title.b-disabled[data-v-2ff01c43]:hover:after {
border-bottom: none
}
.tabs a.b-disabled .tabs__label .label[data-v-2ff01c43],
.tabs__header-title.b-disabled .tabs__label .label[data-v-2ff01c43] {
background-color: #e1e3e4;
color: rgba(25, 34, 42, .4)
}
.tabs a .tabs__icon[data-v-2ff01c43],
.tabs__header-title .tabs__icon[data-v-2ff01c43] {
margin-right: 2px
}
.tabs a .tabs__icon svg[data-v-2ff01c43],
.tabs__header-title .tabs__icon svg[data-v-2ff01c43] {
vertical-align: middle;
color: rgba(25, 34, 42, .4);
transform: scale(.75)
}
.tabs a[data-v-2ff01c43]:not(.b-disabled):focus-visible,
.tabs__header-title[data-v-2ff01c43]:not(.b-disabled):focus-visible {
color: #fff;
background: #000
}
.tabs a:not(.b-disabled):focus-visible svg[data-v-2ff01c43],
.tabs__header-title:not(.b-disabled):focus-visible svg[data-v-2ff01c43] {
color: #fff
}
.tabs.b-centered-primary[data-v-2ff01c43],
.tabs.b-centered[data-v-2ff01c43] {
display: block
}
.tabs.b-centered a[data-v-2ff01c43],
.tabs.b-centered-primary a[data-v-2ff01c43] {
width: 100%;
justify-content: center;
min-width: 0
}
.tabs.b-centered-primary[data-v-2ff01c43],
.tabs.b-primary[data-v-2ff01c43] {
background-color: #fff;
box-shadow: 0 1px 6px 0 rgba(0, 0, 0, .1);
border-radius: 8px;
padding: 4px;
margin-top: 10px;
border-bottom: none
}
@media screen and (min-width:960px) {
.tabs.b-centered-primary~.tabs__control .tabs__control-next[data-v-2ff01c43],
.tabs.b-centered-primary~.tabs__control .tabs__control-prev[data-v-2ff01c43],
.tabs.b-primary~.tabs__control .tabs__control-next[data-v-2ff01c43],
.tabs.b-primary~.tabs__control .tabs__control-prev[data-v-2ff01c43] {
top: 0
}
}
.tabs.b-centered-primary .slider[data-v-2ff01c43],
.tabs.b-primary .slider[data-v-2ff01c43] {
display: none
}
.tabs.b-centered-primary a[data-v-2ff01c43],
.tabs.b-primary a[data-v-2ff01c43] {
padding: 7px 16px;
border-radius: 4px;
transition: all .3s ease;
font: 14px/18px "blibli demi bold", -apple-system, segoe ui, roboto, helvetica, arial, sans-serif;
color: #CEC43F;
height: 32px
}
.tabs.b-centered-primary a[data-v-2ff01c43]:hover:after,
.tabs.b-primary a[data-v-2ff01c43]:hover:after {
border-bottom: none
}
.tabs.b-centered-primary a[data-v-2ff01c43]:not(:last-child),
.tabs.b-primary a[data-v-2ff01c43]:not(:last-child) {
margin-right: 8px
}
.tabs.b-centered-primary a.b-active[data-v-2ff01c43],
.tabs.b-primary a.b-active[data-v-2ff01c43] {
color: #fff;
background-color: #1d8fff
}
.tabs.b-centered-primary a.b-active svg[data-v-2ff01c43],
.tabs.b-primary a.b-active svg[data-v-2ff01c43] {
color: #fff
}
.tabs.b-centered-primary a.b-active .blu-label[data-v-2ff01c43],
.tabs.b-primary a.b-active .blu-label[data-v-2ff01c43] {
background-color: #fff;
color: #CEC43F
}
.tabs.b-centered-primary a.b-active[data-v-2ff01c43]:hover,
.tabs.b-primary a.b-active[data-v-2ff01c43]:hover {
background-color: #CEC43F
}
.tabs.b-centered-primary a.b-disabled[data-v-2ff01c43],
.tabs.b-primary a.b-disabled[data-v-2ff01c43] {
color: rgba(25, 34, 42, .4)
}
.tabs.b-centered-primary a[data-v-2ff01c43]:not(.b-disabled):not(.b-active):hover,
.tabs.b-primary a[data-v-2ff01c43]:not(.b-disabled):not(.b-active):hover {
background-color: #f1f2f2
}
.tabs.b-centered-primary a[data-v-2ff01c43]:focus-visible,
.tabs.b-primary a[data-v-2ff01c43]:focus-visible {
color: #CEC43F;
box-shadow: 0 0 0 4px #000;
background-color: #f1f2f2
}
.tabs__item[data-v-2ff01c43] {
padding: 16px 0
}
.tabs__item.b-active[data-v-2ff01c43] {
animation: fade-2ff01c43 .8s ease-in-out
}
.tabs__header[data-v-2ff01c43] {
display: flex
}
.tabs__label[data-v-2ff01c43] {
display: flex;
align-items: center;
margin-left: 4px
}
@media screen and (min-width:960px) {
.tabs__control[data-v-2ff01c43] {
--tab-fab-position: 16px;
--tab-fab-opacity: 0;
--tab-fab-background: linear-gradient(270deg, rgba(224, 224, 224, 0) 0%, #ffffff 100%);
position: absolute;
top: 0;
left: 0;
width: 100%
}
.tabs__control[data-v-2ff01c43]:hover {
--tab-fab-opacity: 1;
--tab-fab-position: 0
}
.tabs__control-next[data-v-2ff01c43],
.tabs__control-prev[data-v-2ff01c43] {
width: 56px;
height: 40px;
position: absolute;
opacity: var(--tab-fab-opacity);
background: var(--tab-fab-background);
border-radius: 16px;
transition: all .15s ease;
padding: 4px;
top: 11px;
cursor: pointer
}
.tabs__control-next div[data-v-2ff01c43],
.tabs__control-prev div[data-v-2ff01c43] {
width: 32px;
height: 32px;
background: #fff;
box-shadow: 0 1px 6px 0 rgba(0, 0, 0, .1);
border-radius: 50%;
position: relative;
display: grid;
place-items: center;
left: var(--tab-fab-position);
transition: all .15s cubic-bezier(0, 0, .2, 1.2)
}
.tabs__control-next div[data-v-2ff01c43]::after,
.tabs__control-prev div[data-v-2ff01c43]::after {
content: "";
background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB2aWV3Qm94PSIwIDAgMjQgMjQiPgogIDxkZWZzPgogICAgPHBhdGgKICAgICAgICBpZD0iMTkwcjYzOHp6YSIKICAgICAgICBkPSJNMCA1LjE1NGMwLS42MzYuMjkyLTEuMjE5LjgtMS42TDUuNDExLjE5MmMuNDQ2LS4zMjUgMS4wNzItLjIyOCAxLjM5Ny4yMi4zMjUuNDQ1LjIyNyAxLjA3MS0uMjE5IDEuMzk2bC00LjYgMy4zNTQgNC41NjMgMy4wMDRjLjQ2LjMwNS41ODcuOTI1LjI4MiAxLjM4Ni0uMzA1LjQ2LS45MjYuNTg2LTEuMzg2LjI4MmwtNC42LTMuMDQ2Qy4yOTEgNi4zNzIgMCA1Ljc5IDAgNS4xNTR6IgogICAgLz4KICA8L2RlZnM+CiAgPGcgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIj4KICAgIDxnPgogICAgICA8Zz4KICAgICAgICA8cGF0aCBmaWxsPSIjRkZGIiBmaWxsLW9wYWNpdHk9Ii4wMSIgZD0iTTAgMEgyNFYyNEgweiIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTU5MiAtNzg1KSB0cmFuc2xhdGUoNTkyIDc4NSkiIC8+CiAgICAgICAgPGcgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTU5MiAtNzg1KSB0cmFuc2xhdGUoNTkyIDc4NSkgdHJhbnNsYXRlKDggNykiPgogICAgICAgICAgPG1hc2sgaWQ9InU0ZGRwYm95eGIiIGZpbGw9IiNmZmYiPjx1c2UgeGxpbms6aHJlZj0iIzE5MHI2Mzh6emEiIC8+PC9tYXNrPgogICAgICAgICAgPHVzZSBmaWxsPSIjNzk3Rjg1IiBmaWxsLXJ1bGU9Im5vbnplcm8iIHhsaW5rOmhyZWY9IiMxOTByNjM4enphIiAvPgogICAgICAgICAgPHBhdGggZmlsbD0iIzAwOTVkYSIgZD0iTS04IC03SDE2VjE3SC04eiIgbWFzaz0idXJsKCN1NGRkcGJveXhiKSIgLz4KICAgICAgICA8L2c+CiAgICAgIDwvZz4KICAgIDwvZz4KICA8L2c+Cjwvc3ZnPgo=);
width: 18px;
height: 18px;
position: absolute
}
.tabs__control-prev[data-v-2ff01c43] {
left: 0
}
.tabs__control-next[data-v-2ff01c43] {
right: 0;
transform: rotate(180deg)
}
}
.tabs:hover~.tabs__control[data-v-2ff01c43] {
--tab-fab-opacity: 1;
--tab-fab-position: 0
}
.tabs-wrapper[data-v-2ff01c43] {
position: relative
}
.slider[data-v-2ff01c43] {
width: auto;
height: 2px;
border-radius: 1px;
background: #CEC43F;
opacity: 1;
position: absolute;
left: 0;
bottom: 0;
transition: all .4s linear
}
@keyframes shake-2ff01c43 {
30%,
50% {
transform: translate3d(-2px, 0, 0)
}
40%,
60% {
transform: translate3d(0, 0, 0)
}
}
@keyframes fade-2ff01c43 {
0% {
opacity: 0
}
100% {
opacity: 1
}
}
</style>
<style type="text/css">
.tabs[data-v-c5343270] {
border-bottom: #acb0b4 1px solid;
display: flex;
position: relative;
white-space: nowrap;
scroll-behavior: smooth;
scrollbar-width: none
}
.tabs[data-v-c5343270]::-webkit-scrollbar {
display: none
}
.tabs a[data-v-c5343270],
.tabs__header-title[data-v-c5343270] {
outline: 0;
display: flex;
color: rgba(25, 34, 42, .7019607843);
font: 16px/20px blibli, -apple-system, segoe ui, roboto, helvetica, arial, sans-serif;
padding: 22px 0;
position: relative;
white-space: nowrap;
align-items: center;
height: 64px;
cursor: pointer
}
.tabs a .tabs__icon[data-v-c5343270],
.tabs__header-title .tabs__icon[data-v-c5343270] {
position: relative;
display: inline-flex
}
.tabs a .tabs__icon[data-v-c5343270]:not(:empty),
.tabs__header-title .tabs__icon[data-v-c5343270]:not(:empty) {
margin-right: 4px
}
.tabs a .tabs__icon svg[data-v-c5343270],
.tabs__header-title .tabs__icon svg[data-v-c5343270] {
vertical-align: bottom;
color: rgba(25, 34, 42, .4)
}
.tabs a .tabs__label[data-v-c5343270],
.tabs__header-title .tabs__label[data-v-c5343270] {
display: inline-flex
}
.tabs a .tabs__label[data-v-c5343270]:not(:empty),
.tabs__header-title .tabs__label[data-v-c5343270]:not(:empty) {
padding-left: 4px
}
@media screen and (max-width:768px) {
.tabs a[data-v-c5343270],
.tabs__header-title[data-v-c5343270] {
padding: 10px 0;
height: 40px
}
}
.tabs a[data-v-c5343270]:not(:last-child),
.tabs__header-title[data-v-c5343270]:not(:last-child) {
margin-right: 16px
}
.tabs a[data-v-c5343270]:before,
.tabs__header-title[data-v-c5343270]:before {
content: "";
height: 3px;
background: #CEC43F;
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: #CEC43F
}
.tabs a.b-active .tabs__icon svg[data-v-c5343270],
.tabs__header-title.b-active .tabs__icon svg[data-v-c5343270] {
color: #CEC43F
}
.tabs a.b-disabled[data-v-c5343270],
.tabs__header-title.b-disabled[data-v-c5343270] {
opacity: 1;
color: rgba(25, 34, 42, .4)
}
.tabs a.b-disabled[data-v-c5343270]:hover:after,
.tabs__header-title.b-disabled[data-v-c5343270]:hover:after {
border-bottom: none
}
.tabs a.b-disabled .tabs__label .label[data-v-c5343270],
.tabs__header-title.b-disabled .tabs__label .label[data-v-c5343270] {
background-color: #e1e3e4;
color: rgba(25, 34, 42, .4)
}
.tabs a .tabs__icon[data-v-c5343270],
.tabs__header-title .tabs__icon[data-v-c5343270] {
margin-right: 2px
}
.tabs a .tabs__icon svg[data-v-c5343270],
.tabs__header-title .tabs__icon svg[data-v-c5343270] {
vertical-align: middle;
color: rgba(25, 34, 42, .4);
transform: scale(.75)
}
.tabs a[data-v-c5343270]:not(.b-disabled):focus-visible,
.tabs__header-title[data-v-c5343270]:not(.b-disabled):focus-visible {
color: #fff;
background: #000
}
.tabs a:not(.b-disabled):focus-visible svg[data-v-c5343270],
.tabs__header-title:not(.b-disabled):focus-visible svg[data-v-c5343270] {
color: #fff
}
.tabs.b-centered-primary[data-v-c5343270],
.tabs.b-centered[data-v-c5343270] {
display: block
}
.tabs.b-centered a[data-v-c5343270],
.tabs.b-centered-primary a[data-v-c5343270] {
width: 100%;
justify-content: center;
min-width: 0
}
.tabs.b-centered-primary[data-v-c5343270],
.tabs.b-primary[data-v-c5343270] {
background-color: #fff;
box-shadow: 0 1px 6px 0 rgba(0, 0, 0, .1);
border-radius: 8px;
padding: 4px;
margin-top: 10px;
border-bottom: none
}
@media screen and (min-width:960px) {
.tabs.b-centered-primary~.tabs__control .tabs__control-next[data-v-c5343270],
.tabs.b-centered-primary~.tabs__control .tabs__control-prev[data-v-c5343270],
.tabs.b-primary~.tabs__control .tabs__control-next[data-v-c5343270],
.tabs.b-primary~.tabs__control .tabs__control-prev[data-v-c5343270] {
top: 0
}
}
.tabs.b-centered-primary .slider[data-v-c5343270],
.tabs.b-primary .slider[data-v-c5343270] {
display: none
}
.tabs.b-centered-primary a[data-v-c5343270],
.tabs.b-primary a[data-v-c5343270] {
padding: 7px 16px;
border-radius: 4px;
transition: all .3s ease;
font: 14px/18px "blibli demi bold", -apple-system, segoe ui, roboto, helvetica, arial, sans-serif;
color: #CEC43F;
height: 32px
}
.tabs.b-centered-primary a[data-v-c5343270]:hover:after,
.tabs.b-primary a[data-v-c5343270]:hover:after {
border-bottom: none
}
.tabs.b-centered-primary a[data-v-c5343270]:not(:last-child),
.tabs.b-primary a[data-v-c5343270]:not(:last-child) {
margin-right: 8px
}
.tabs.b-centered-primary a.b-active[data-v-c5343270],
.tabs.b-primary a.b-active[data-v-c5343270] {
color: #fff;
background-color: #1d8fff
}
.tabs.b-centered-primary a.b-active svg[data-v-c5343270],
.tabs.b-primary a.b-active svg[data-v-c5343270] {
color: #fff
}
.tabs.b-centered-primary a.b-active .blu-label[data-v-c5343270],
.tabs.b-primary a.b-active .blu-label[data-v-c5343270] {
background-color: #fff;
color: #CEC43F
}
.tabs.b-centered-primary a.b-active[data-v-c5343270]:hover,
.tabs.b-primary a.b-active[data-v-c5343270]:hover {
background-color: #CEC43F
}
.tabs.b-centered-primary a.b-disabled[data-v-c5343270],
.tabs.b-primary a.b-disabled[data-v-c5343270] {
color: rgba(25, 34, 42, .4)
}
.tabs.b-centered-primary a[data-v-c5343270]:not(.b-disabled):not(.b-active):hover,
.tabs.b-primary a[data-v-c5343270]:not(.b-disabled):not(.b-active):hover {
background-color: #f1f2f2
}
.tabs.b-centered-primary a[data-v-c5343270]:focus-visible,
.tabs.b-primary a[data-v-c5343270]:focus-visible {
color: #CEC43F;
box-shadow: 0 0 0 4px #000;
background-color: #f1f2f2
}
.tabs__item[data-v-c5343270] {
padding: 16px 0
}
.tabs__item.b-active[data-v-c5343270] {
animation: fade-c5343270 .8s ease-in-out
}
.tabs__header[data-v-c5343270] {
display: flex
}
.tabs__label[data-v-c5343270] {
display: flex;
align-items: center;
margin-left: 4px
}
@media screen and (min-width:960px) {
.tabs__control[data-v-c5343270] {
--tab-fab-position: 16px;
--tab-fab-opacity: 0;
--tab-fab-background: linear-gradient(270deg, rgba(224, 224, 224, 0) 0%, #ffffff 100%);
position: absolute;
top: 0;
left: 0;
width: 100%
}
.tabs__control[data-v-c5343270]:hover {
--tab-fab-opacity: 1;
--tab-fab-position: 0
}
.tabs__control-next[data-v-c5343270],
.tabs__control-prev[data-v-c5343270] {
width: 56px;
height: 40px;
position: absolute;
opacity: var(--tab-fab-opacity);
background: var(--tab-fab-background);
border-radius: 16px;
transition: all .15s ease;
padding: 4px;
top: 11px;
cursor: pointer
}
.tabs__control-next div[data-v-c5343270],
.tabs__control-prev div[data-v-c5343270] {
width: 32px;
height: 32px;
background: #fff;
box-shadow: 0 1px 6px 0 rgba(0, 0, 0, .1);
border-radius: 50%;
position: relative;
display: grid;
place-items: center;
left: var(--tab-fab-position);
transition: all .15s cubic-bezier(0, 0, .2, 1.2)
}
.tabs__control-next div[data-v-c5343270]::after,
.tabs__control-prev div[data-v-c5343270]::after {
content: "";
background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB2aWV3Qm94PSIwIDAgMjQgMjQiPgogIDxkZWZzPgogICAgPHBhdGgKICAgICAgICBpZD0iMTkwcjYzOHp6YSIKICAgICAgICBkPSJNMCA1LjE1NGMwLS42MzYuMjkyLTEuMjE5LjgtMS42TDUuNDExLjE5MmMuNDQ2LS4zMjUgMS4wNzItLjIyOCAxLjM5Ny4yMi4zMjUuNDQ1LjIyNyAxLjA3MS0uMjE5IDEuMzk2bC00LjYgMy4zNTQgNC41NjMgMy4wMDRjLjQ2LjMwNS41ODcuOTI1LjI4MiAxLjM4Ni0uMzA1LjQ2LS45MjYuNTg2LTEuMzg2LjI4MmwtNC42LTMuMDQ2Qy4yOTEgNi4zNzIgMCA1Ljc5IDAgNS4xNTR6IgogICAgLz4KICA8L2RlZnM+CiAgPGcgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIj4KICAgIDxnPgogICAgICA8Zz4KICAgICAgICA8cGF0aCBmaWxsPSIjRkZGIiBmaWxsLW9wYWNpdHk9Ii4wMSIgZD0iTTAgMEgyNFYyNEgweiIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTU5MiAtNzg1KSB0cmFuc2xhdGUoNTkyIDc4NSkiIC8+CiAgICAgICAgPGcgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTU5MiAtNzg1KSB0cmFuc2xhdGUoNTkyIDc4NSkgdHJhbnNsYXRlKDggNykiPgogICAgICAgICAgPG1hc2sgaWQ9InU0ZGRwYm95eGIiIGZpbGw9IiNmZmYiPjx1c2UgeGxpbms6aHJlZj0iIzE5MHI2Mzh6emEiIC8+PC9tYXNrPgogICAgICAgICAgPHVzZSBmaWxsPSIjNzk3Rjg1IiBmaWxsLXJ1bGU9Im5vbnplcm8iIHhsaW5rOmhyZWY9IiMxOTByNjM4enphIiAvPgogICAgICAgICAgPHBhdGggZmlsbD0iIzAwOTVkYSIgZD0iTS04IC03SDE2VjE3SC04eiIgbWFzaz0idXJsKCN1NGRkcGJveXhiKSIgLz4KICAgICAgICA8L2c+CiAgICAgIDwvZz4KICAgIDwvZz4KICA8L2c+Cjwvc3ZnPgo=);
width: 18px;
height: 18px;
position: absolute
}
.tabs__control-prev[data-v-c5343270] {
left: 0
}
.tabs__control-next[data-v-c5343270] {
right: 0;
transform: rotate(180deg)
}
}
.tabs:hover~.tabs__control[data-v-c5343270] {
--tab-fab-opacity: 1;
--tab-fab-position: 0
}
.tabs-wrapper[data-v-c5343270] {
position: relative
}
.slider[data-v-c5343270] {
width: auto;
height: 2px;
border-radius: 1px;
background: #CEC43F;
opacity: 1;
position: absolute;
left: 0;
bottom: 0;
transition: all .4s linear
}
@keyframes shake-c5343270 {
30%,
50% {
transform: translate3d(-2px, 0, 0)
}
40%,
60% {
transform: translate3d(0, 0, 0)
}
}
@keyframes fade-c5343270 {
0% {
opacity: 0
}
100% {
opacity: 1
}
}
</style>
<link data-vue-meta="2" rel="alternate"
href="android-app://blibli.mobile.commerce/blibli/product/ps--ELP-60049-00553" id="alternate">
<script
src="https://dev.visualwebsiteoptimizer.com/cdn/web/djIkdGU6Ny4wOmFzeW5jJWpxdWVyeQ==/tag-f0973145e3bf01be8a988e6399f80fdcbr.js"
crossorigin="anonymous" fetchpriority="high" type="text/javascript"></script>
<style nonce="">
.aStyle-2k48h7eup {
color: red;
float: left;
opacity: .55;
}
</style>
<style nonce="">
.aStyle-kh82igwya {
color: red;
float: left;
opacity: .55
}
</style>
<style>
html:not([dark]) .blu-loader-skeleton[data-v-5d7a33db] {
--blu-loader-skeleton-border-radius: 8px;
--blu-loader-skeleton-highlight-color-background: linear-gradient(90deg, rgba(249, 249, 250, 0) 0%, #f9f9fa 50.68%, rgba(249, 249, 250, .0001) 100%);
height: var(--blu-loader-skeleton-height);
width: var(--blu-loader-skeleton-width);
background-color: #f1f2f2;
border-radius: var(--blu-loader-skeleton-border-radius)
}
html:not([dark]) .blu-loader-skeleton__gradient[data-v-5d7a33db] {
position: relative;
overflow: hidden;
width: 100%;
height: 100%;
border-radius: var(--blu-loader-skeleton-border-radius)
}
html:not([dark]) .blu-loader-skeleton__gradient[data-v-5d7a33db]:after {
content: "";
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
transform: translate(-100%);
background: var(--blu-loader-skeleton-highlight-color-background);
animation: shimmer-5d7a33db .8s infinite .1s
}
html:not([dark]) .blu-loader-skeleton.b-small[data-v-5d7a33db] {
--blu-loader-skeleton-border-radius: 4px
}
html:not([dark]) .blu-loader-skeleton.b-circle[data-v-5d7a33db] {
--blu-loader-skeleton-border-radius: 50%
}
html[dark] .blu-loader-skeleton[data-v-5d7a33db] {
--blu-loader-skeleton-border-radius: 8px;
--blu-loader-skeleton-highlight-color-background: linear-gradient(90deg, rgba(249, 249, 250, 0) 0%, #19222a 50.68%, rgba(249, 249, 250, .0001) 100%);
height: var(--blu-loader-skeleton-height);
width: var(--blu-loader-skeleton-width);
background-color: #28323b;
border-radius: var(--blu-loader-skeleton-border-radius)
}
html[dark] .blu-loader-skeleton__gradient[data-v-5d7a33db] {
position: relative;
overflow: hidden;
width: 100%;
height: 100%;
border-radius: var(--blu-loader-skeleton-border-radius)
}
html[dark] .blu-loader-skeleton__gradient[data-v-5d7a33db]:after {
content: "";
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
transform: translate(-100%);
background: var(--blu-loader-skeleton-highlight-color-background);
animation: shimmer-5d7a33db .8s infinite .1s
}
@keyframes shimmer-5d7a33db {
to {
transform: translate(100%)
}
}
html[dark] .blu-loader-skeleton.b-small[data-v-5d7a33db] {
--blu-loader-skeleton-border-radius: 4px
}
html[dark] .blu-loader-skeleton.b-circle[data-v-5d7a33db] {
--blu-loader-skeleton-border-radius: 50%
}
</style>
<style>
html:not([dark]) .blu-loader-general[data-v-5f0af726] {
--blu-loader-general-highlight-color-background: #1d8fff;
--blu-loader-general-base-color-background: #f1f2f2;
width: var(--blu-loader-general-size);
height: var(--blu-loader-general-size)
}
html:not([dark]) .blu-loader-general__asset[data-v-5f0af726] {
animation: general-rotate-5f0af726 1.6s linear infinite;
transform-origin: center center;
transition: all .5s ease-in-out;
width: 100%;
height: 100%;
margin: auto;
transform: rotate(90deg)
}
html:not([dark]) .blu-loader-general__asset--base[data-v-5f0af726],
html:not([dark]) .blu-loader-general__asset--highlight[data-v-5f0af726] {
stroke-linecap: round
}
html:not([dark]) .blu-loader-general__asset--highlight[data-v-5f0af726] {
stroke: var(--blu-loader-general-highlight-color-background);
animation: general-highlight-5f0af726 1.6s linear infinite
}
html:not([dark]) .blu-loader-general__asset--base[data-v-5f0af726] {
stroke: var(--blu-loader-general-base-color-background);
animation: general-base-5f0af726 1.6s linear infinite
}
html:not([dark]) .blu-loader-general.b-inverted[data-v-5f0af726] {
--blu-loader-general-highlight-color-background: #ffffff;
--blu-loader-general-base-color-background: #c8cbcd
}
html:not([dark]) .blu-loader-general.b-size-s[data-v-5f0af726] {
--blu-loader-general-size: 16px
}
html:not([dark]) .blu-loader-general.b-size-m[data-v-5f0af726] {
--blu-loader-general-size: 18px
}
html:not([dark]) .blu-loader-general.b-size-l[data-v-5f0af726] {
--blu-loader-general-size: 24px
}
html:not([dark]) .blu-loader-general.b-size-xl[data-v-5f0af726] {
--blu-loader-general-size: 32px
}
html[dark] .blu-loader-general[data-v-5f0af726] {
--blu-loader-general-highlight-color-background: #4fa4ff;
--blu-loader-general-base-color-background: #28323b;
width: var(--blu-loader-general-size);
height: var(--blu-loader-general-size)
}
html[dark] .blu-loader-general__asset[data-v-5f0af726] {
animation: general-rotate-5f0af726 1.6s linear infinite;
transform-origin: center center;
transition: all .5s ease-in-out;
width: 100%;
height: 100%;
margin: auto;
transform: rotate(90deg)
}
html[dark] .blu-loader-general__asset--base[data-v-5f0af726],
html[dark] .blu-loader-general__asset--highlight[data-v-5f0af726] {
stroke-linecap: round
}
html[dark] .blu-loader-general__asset--highlight[data-v-5f0af726] {
stroke: var(--blu-loader-general-highlight-color-background);
animation: general-highlight-5f0af726 1.6s linear infinite
}
html[dark] .blu-loader-general__asset--base[data-v-5f0af726] {
stroke: var(--blu-loader-general-base-color-background);
animation: general-base-5f0af726 1.6s linear infinite
}
html[dark] .blu-loader-general.b-inverted[data-v-5f0af726] {
--blu-loader-general-highlight-color-background: #12171d;
--blu-loader-general-base-color-background: #60686e
}
html[dark] .blu-loader-general.b-size-s[data-v-5f0af726] {
--blu-loader-general-size: 16px
}
html[dark] .blu-loader-general.b-size-m[data-v-5f0af726] {
--blu-loader-general-size: 18px
}
html[dark] .blu-loader-general.b-size-l[data-v-5f0af726] {
--blu-loader-general-size: 24px
}
html[dark] .blu-loader-general.b-size-xl[data-v-5f0af726] {
--blu-loader-general-size: 32px
}
@keyframes general-highlight-5f0af726 {
0% {
stroke-dasharray: 1, 200;
stroke-dashoffset: 0
}
50% {
stroke-dasharray: 50, 200;
stroke-dashoffset: -15px
}
to {
stroke-dasharray: 50, 200;
stroke-dashoffset: -124px
}
}
@keyframes general-base-5f0af726 {
0% {
stroke-dasharray: 1, 200;
stroke-dashoffset: 0
}
to {
stroke-dasharray: 100, 200;
stroke-dashoffset: -120px
}
}
@keyframes general-rotate-5f0af726 {
to {
transform: rotate(450deg)
}
}
html:not([dark]) button[data-v-498b5b0a] {
border: none;
background: 0 0;
cursor: pointer;
font-family: Blibli, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif;
padding: 0
}
html:not([dark]) input[type=button][data-v-498b5b0a]::-moz-focus-inner,
html:not([dark]) input[type=submit][data-v-498b5b0a]::-moz-focus-inner {
border: 0
}
html:not([dark]) a[data-v-498b5b0a],
html:not([dark]) button[data-v-498b5b0a]:focus,
html:not([dark]) input[type=button][data-v-498b5b0a]:focus,
html:not([dark]) input[type=reset][data-v-498b5b0a]:focus,
html:not([dark]) input[type=submit][data-v-498b5b0a]:focus {
outline: 0
}
html:not([dark]) .blu-button[data-v-498b5b0a] {
--blu-button-border-width: 1px;
--blu-button-border-radius: 64px;
--blu-button-color-text: #ffffff;
--blu-button-color-icon: #ffffff;
--blu-button-opacity: $blu-button-opacity;
--blu-button-size-height: 48px;
--blu-button-icon-size: 24px;
--blu-button-spacing-padding: 0 32px;
--blu-button-spacing-gap: 8px;
--blu-button-text: 600 16px/20px Blibli, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif;
padding: var(--blu-button-spacing-padding);
height: var(--blu-button-size-height);
border-radius: var(--blu-button-border-radius);
transition: transform .3s .08s, all .3s;
color: var(--blu-button-color-text);
background-color: var(--blu-button-color-background);
font: var(--blu-button-text);
box-shadow: 0 0 0 var(--blu-button-border-width) var(--blu-button-color-border);
display: inline-flex;
justify-content: center;
align-items: center;
white-space: nowrap
}
html:not([dark]) .blu-button:active.b-hover[data-v-498b5b0a]:not(.b-disabled),
html:not([dark]) .blu-button[data-v-498b5b0a]:active:hover:not(.b-disabled) {
transform: scale(.875)
}
html:not([dark]) .blu-button[data-v-498b5b0a]:focus-visible {
outline: 0
}
html:not([dark]) .blu-button[data-v-498b5b0a]:focus-visible:not(.b-disabled) {
box-shadow: 0 0 0 2px #19222a
}
html:not([dark]) .blu-button__icon[data-v-498b5b0a] {
display: flex;
color: var(--blu-button-color-icon)
}
html:not([dark]) .blu-button__icon[data-v-498b5b0a] svg {
width: var(--blu-button-icon-size);
height: var(--blu-button-icon-size)
}
html:not([dark]) .blu-button.b-has-icon:not(.b-has-icon-only) .blu-button__icon[data-v-498b5b0a] {
margin-right: var(--blu-button-spacing-gap)
}
html:not([dark]) .blu-button.b-has-icon-only[data-v-498b5b0a] {
--blu-button-spacing-padding: 0 12px
}
html:not([dark]) .blu-button.b-loading[data-v-498b5b0a] .blu-loader-wrapper svg {
display: flex;
width: 18px;
height: 18px
}
html:not([dark]) .blu-button.b-disabled[data-v-498b5b0a] {
cursor: not-allowed
}
html:not([dark]) .blu-button.b-disabled[data-v-498b5b0a]:active {
pointer-events: none
}
html:not([dark]) .blu-button.b-full-width[data-v-498b5b0a] {
width: 100%
}
html:not([dark]) .blu-button.b-primary.b-common[data-v-498b5b0a] {
--blu-button-color-background: #CEC43F
}
html:not([dark]) .blu-button.b-primary.b-common.b-hover[data-v-498b5b0a]:not(.b-disabled),
html:not([dark]) .blu-button.b-primary.b-common[data-v-498b5b0a]:active:not(.b-disabled),
html:not([dark]) .blu-button.b-primary.b-common[data-v-498b5b0a]:focus-visible:not(.b-disabled),
html:not([dark]) .blu-button.b-primary.b-common[data-v-498b5b0a]:hover:not(.b-disabled) {
--blu-button-color-background: #1d8fff;
--blu-button-color-border: transparent
}
html:not([dark]) .blu-button.b-primary.b-danger[data-v-498b5b0a] {
--blu-button-color-background: #e93c3c
}
html:not([dark]) .blu-button.b-primary.b-danger.b-hover[data-v-498b5b0a]:not(.b-disabled),
html:not([dark]) .blu-button.b-primary.b-danger[data-v-498b5b0a]:active:not(.b-disabled),
html:not([dark]) .blu-button.b-primary.b-danger[data-v-498b5b0a]:focus-visible:not(.b-disabled),
html:not([dark]) .blu-button.b-primary.b-danger[data-v-498b5b0a]:hover:not(.b-disabled) {
--blu-button-color-background: #ff4646;
--blu-button-color-border: transparent
}
html:not([dark]) .blu-button.b-primary.b-inverted[data-v-498b5b0a] {
--blu-button-color-background: #ffffff;
--blu-button-color-text: #006dea;
--blu-button-color-icon: #CEC43F
}
html:not([dark]) .blu-button.b-primary.b-inverted.b-hover[data-v-498b5b0a]:not(.b-disabled),
html:not([dark]) .blu-button.b-primary.b-inverted[data-v-498b5b0a]:active:not(.b-disabled),
html:not([dark]) .blu-button.b-primary.b-inverted[data-v-498b5b0a]:focus-visible:not(.b-disabled),
html:not([dark]) .blu-button.b-primary.b-inverted[data-v-498b5b0a]:hover:not(.b-disabled) {
--blu-button-color-background: #f9f9fa;
--blu-button-color-border: transparent
}
html:not([dark]) .blu-button.b-primary.b-disabled[data-v-498b5b0a] {
--blu-button-color-background: #e1e3e4;
--blu-button-color-text: rgba(25, 34, 42, .3019607843);
--blu-button-color-icon: rgba(25, 34, 42, .3019607843)
}
html:not([dark]) .blu-button.b-primary.b-disabled[data-v-498b5b0a]:not(.b-inverted) {
--blu-button-color-background: #e1e3e4;
--blu-button-color-text: rgba(25, 34, 42, .3019607843);
--blu-button-color-icon: rgba(25, 34, 42, .3019607843)
}
html:not([dark]) .blu-button.b-small[data-v-498b5b0a] {
--blu-button-border-radius: 64px;
--blu-button-size-height: 36px;
--blu-button-spacing-padding: 0 16px;
--blu-button-text: 600 14px/18px Blibli, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif;
--blu-button-icon-size: 18px;
--blu-button-spacing-gap: 4px
}
html:not([dark]) .blu-button.b-small.b-has-icon-only[data-v-498b5b0a] {
--blu-button-spacing-padding: 0 9px
}
html:not([dark]) .blu-button.b-secondary[data-v-498b5b0a] {
--blu-button-color-background: #ffffff
}
html:not([dark]) .blu-button.b-secondary.b-common[data-v-498b5b0a] {
--blu-button-color-border: #1d8fff;
--blu-button-color-text: #006dea;
--blu-button-color-icon: #CEC43F
}
html:not([dark]) .blu-button.b-secondary.b-common.b-hover[data-v-498b5b0a]:not(.b-disabled),
html:not([dark]) .blu-button.b-secondary.b-common[data-v-498b5b0a]:active:not(.b-disabled),
html:not([dark]) .blu-button.b-secondary.b-common[data-v-498b5b0a]:focus-visible:not(.b-disabled),
html:not([dark]) .blu-button.b-secondary.b-common[data-v-498b5b0a]:hover:not(.b-disabled) {
--blu-button-color-background: #f3f9ff;
--blu-button-color-border: #CEC43F
}
html:not([dark]) .blu-button.b-secondary.b-danger[data-v-498b5b0a] {
--blu-button-color-border: #ff4646;
--blu-button-color-text: #d33534;
--blu-button-color-icon: #e93c3c
}
html:not([dark]) .blu-button.b-secondary.b-danger.b-hover[data-v-498b5b0a]:not(.b-disabled),
html:not([dark]) .blu-button.b-secondary.b-danger[data-v-498b5b0a]:active:not(.b-disabled),
html:not([dark]) .blu-button.b-secondary.b-danger[data-v-498b5b0a]:focus-visible:not(.b-disabled),
html:not([dark]) .blu-button.b-secondary.b-danger[data-v-498b5b0a]:hover:not(.b-disabled) {
--blu-button-color-background: #fff5f5;
--blu-button-color-border: #e93c3c
}
html:not([dark]) .blu-button.b-secondary.b-inverted[data-v-498b5b0a] {
--blu-button-color-background: rgba(25, 34, 42, .3019607843);
--blu-button-color-border: #ffffff;
--blu-button-color-text: #ffffff;
--blu-button-color-icon: #ffffff
}
html:not([dark]) .blu-button.b-secondary.b-inverted.b-hover[data-v-498b5b0a]:not(.b-disabled),
html:not([dark]) .blu-button.b-secondary.b-inverted[data-v-498b5b0a]:active:not(.b-disabled),
html:not([dark]) .blu-button.b-secondary.b-inverted[data-v-498b5b0a]:focus-visible:not(.b-disabled),
html:not([dark]) .blu-button.b-secondary.b-inverted[data-v-498b5b0a]:hover:not(.b-disabled) {
--blu-button-color-background: rgba(255, 255, 255, .4);
--blu-button-color-border: #ffffff
}
html:not([dark]) .blu-button.b-secondary.b-disabled[data-v-498b5b0a] {
--blu-button-color-background: #e1e3e4;
--blu-button-color-border: #c8cbcd;
--blu-button-color-text: rgba(25, 34, 42, .3019607843);
--blu-button-color-icon: rgba(25, 34, 42, .3019607843)
}
html:not([dark]) .blu-button.b-secondary.b-disabled[data-v-498b5b0a]:not(.b-inverted) {
--blu-button-color-background: #e1e3e4;
--blu-button-color-border: #c8cbcd;
--blu-button-color-text: rgba(25, 34, 42, .3019607843);
--blu-button-color-icon: rgba(25, 34, 42, .3019607843)
}
html:not([dark]) .blu-button[data-v-498b5b0a] {
width: var(--blu-button-custom-width)
}
html:not([dark]) .blu-button.b-tertiary.b-common[data-v-498b5b0a] {
--blu-button-color-text: #006dea;
--blu-button-color-icon: #CEC43F
}
html:not([dark]) .blu-button.b-tertiary.b-common.b-hover[data-v-498b5b0a]:not(.b-disabled),
html:not([dark]) .blu-button.b-tertiary.b-common[data-v-498b5b0a]:active:not(.b-disabled),
html:not([dark]) .blu-button.b-tertiary.b-common[data-v-498b5b0a]:focus-visible:not(.b-disabled),
html:not([dark]) .blu-button.b-tertiary.b-common[data-v-498b5b0a]:hover:not(.b-disabled) {
--blu-button-color-background: #f3f9ff;
--blu-button-color-border: transparent
}
html:not([dark]) .blu-button.b-tertiary.b-danger[data-v-498b5b0a] {
--blu-button-color-text: #d33534;
--blu-button-color-icon: #e93c3c
}
html:not([dark]) .blu-button.b-tertiary.b-danger.b-hover[data-v-498b5b0a]:not(.b-disabled),
html:not([dark]) .blu-button.b-tertiary.b-danger[data-v-498b5b0a]:active:not(.b-disabled),
html:not([dark]) .blu-button.b-tertiary.b-danger[data-v-498b5b0a]:focus-visible:not(.b-disabled),
html:not([dark]) .blu-button.b-tertiary.b-danger[data-v-498b5b0a]:hover:not(.b-disabled) {
--blu-button-color-background: #fff5f5;
--blu-button-color-border: transparent
}
html:not([dark]) .blu-button.b-tertiary.b-inverted[data-v-498b5b0a] {
--blu-button-color-text: #ffffff;
--blu-button-color-icon: #ffffff
}
html:not([dark]) .blu-button.b-tertiary.b-inverted.b-hover[data-v-498b5b0a]:not(.b-disabled),
html:not([dark]) .blu-button.b-tertiary.b-inverted[data-v-498b5b0a]:active:not(.b-disabled),
html:not([dark]) .blu-button.b-tertiary.b-inverted[data-v-498b5b0a]:focus-visible:not(.b-disabled),
html:not([dark]) .blu-button.b-tertiary.b-inverted[data-v-498b5b0a]:hover:not(.b-disabled) {
--blu-button-color-background: rgba(255, 255, 255, .4);
--blu-button-color-border: transparent
}
html:not([dark]) .blu-button.b-tertiary.b-disabled[data-v-498b5b0a] {
--blu-button-color-text: rgba(255, 255, 255, .4);
--blu-button-color-icon: rgba(255, 255, 255, .4)
}
html:not([dark]) .blu-button.b-tertiary.b-disabled[data-v-498b5b0a]:not(.b-inverted) {
--blu-button-color-text: rgba(25, 34, 42, .3019607843);
--blu-button-color-icon: rgba(25, 34, 42, .3019607843)
}
html:not([dark]) a[data-v-498b5b0a] {
text-decoration: none
}
html[dark] button[data-v-498b5b0a] {
border: none;
background: 0 0;
cursor: pointer;
font-family: Blibli, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif;
padding: 0
}
html[dark] input[type=button][data-v-498b5b0a]::-moz-focus-inner,
html[dark] input[type=submit][data-v-498b5b0a]::-moz-focus-inner {
border: 0
}
html[dark] a[data-v-498b5b0a],
html[dark] button[data-v-498b5b0a]:focus,
html[dark] input[type=button][data-v-498b5b0a]:focus,
html[dark] input[type=reset][data-v-498b5b0a]:focus,
html[dark] input[type=submit][data-v-498b5b0a]:focus {
outline: 0
}
html[dark] .blu-button[data-v-498b5b0a] {
--blu-button-border-width: 1px;
--blu-button-border-radius: 64px;
--blu-button-color-text: #ffffff;
--blu-button-color-icon: #ffffff;
--blu-button-opacity: $blu-button-opacity;
--blu-button-size-height: 48px;
--blu-button-icon-size: 24px;
--blu-button-spacing-padding: 0 32px;
--blu-button-spacing-gap: 8px;
--blu-button-text: 600 16px/20px Blibli, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif;
padding: var(--blu-button-spacing-padding);
height: var(--blu-button-size-height);
border-radius: var(--blu-button-border-radius);
transition: transform .3s .08s, all .3s;
color: var(--blu-button-color-text);
background-color: var(--blu-button-color-background);
font: var(--blu-button-text);
box-shadow: 0 0 0 var(--blu-button-border-width) var(--blu-button-color-border);
display: inline-flex;
justify-content: center;
align-items: center;
white-space: nowrap
}
html[dark] .blu-button:active.b-hover[data-v-498b5b0a]:not(.b-disabled),
html[dark] .blu-button[data-v-498b5b0a]:active:hover:not(.b-disabled) {
transform: scale(.875)
}
html[dark] .blu-button[data-v-498b5b0a]:focus-visible {
outline: 0
}
html[dark] .blu-button[data-v-498b5b0a]:focus-visible:not(.b-disabled) {
box-shadow: 0 0 0 2px #f9f9fa
}
html[dark] .blu-button__icon[data-v-498b5b0a] {
display: flex;
color: var(--blu-button-color-icon)
}
html[dark] .blu-button__icon[data-v-498b5b0a] svg {
width: var(--blu-button-icon-size);
height: var(--blu-button-icon-size)
}
html[dark] .blu-button.b-has-icon:not(.b-has-icon-only) .blu-button__icon[data-v-498b5b0a] {
margin-right: var(--blu-button-spacing-gap)
}
html[dark] .blu-button.b-has-icon-only[data-v-498b5b0a] {
--blu-button-spacing-padding: 0 12px
}
html[dark] .blu-button.b-loading[data-v-498b5b0a] .blu-loader-wrapper svg {
display: flex;
width: 18px;
height: 18px
}
html[dark] .blu-button.b-disabled[data-v-498b5b0a] {
cursor: not-allowed
}
html[dark] .blu-button.b-disabled[data-v-498b5b0a]:active {
pointer-events: none
}
html[dark] .blu-button.b-full-width[data-v-498b5b0a] {
width: 100%
}
html[dark] .blu-button.b-primary.b-common[data-v-498b5b0a] {
--blu-button-color-background: #CEC43F
}
html[dark] .blu-button.b-primary.b-common.b-hover[data-v-498b5b0a]:not(.b-disabled),
html[dark] .blu-button.b-primary.b-common[data-v-498b5b0a]:active:not(.b-disabled),
html[dark] .blu-button.b-primary.b-common[data-v-498b5b0a]:focus-visible:not(.b-disabled),
html[dark] .blu-button.b-primary.b-common[data-v-498b5b0a]:hover:not(.b-disabled) {
--blu-button-color-background: #1d8fff;
--blu-button-color-border: transparent
}
html[dark] .blu-button.b-primary.b-danger[data-v-498b5b0a] {
--blu-button-color-background: #e93c3c
}
html[dark] .blu-button.b-primary.b-danger.b-hover[data-v-498b5b0a]:not(.b-disabled),
html[dark] .blu-button.b-primary.b-danger[data-v-498b5b0a]:active:not(.b-disabled),
html[dark] .blu-button.b-primary.b-danger[data-v-498b5b0a]:focus-visible:not(.b-disabled),
html[dark] .blu-button.b-primary.b-danger[data-v-498b5b0a]:hover:not(.b-disabled) {
--blu-button-color-background: #ff4646;
--blu-button-color-border: transparent
}
html[dark] .blu-button.b-primary.b-inverted[data-v-498b5b0a] {
--blu-button-color-background: #12171d;
--blu-button-color-text: #4fa4ff;
--blu-button-color-icon: #4fa4ff
}
html[dark] .blu-button.b-primary.b-inverted.b-hover[data-v-498b5b0a]:not(.b-disabled),
html[dark] .blu-button.b-primary.b-inverted[data-v-498b5b0a]:active:not(.b-disabled),
html[dark] .blu-button.b-primary.b-inverted[data-v-498b5b0a]:focus-visible:not(.b-disabled),
html[dark] .blu-button.b-primary.b-inverted[data-v-498b5b0a]:hover:not(.b-disabled) {
--blu-button-color-background: #19222a;
--blu-button-color-border: transparent
}
html[dark] .blu-button.b-primary.b-disabled[data-v-498b5b0a] {
--blu-button-color-background: #3b444c;
--blu-button-color-text: rgba(255, 255, 255, .3019607843);
--blu-button-color-icon: rgba(255, 255, 255, .3019607843)
}
html[dark] .blu-button.b-primary.b-disabled[data-v-498b5b0a]:not(.b-inverted) {
--blu-button-color-background: #3b444c;
--blu-button-color-text: rgba(255, 255, 255, .3019607843);
--blu-button-color-icon: rgba(255, 255, 255, .3019607843)
}
html[dark] .blu-button.b-small[data-v-498b5b0a] {
--blu-button-border-radius: 64px;
--blu-button-size-height: 36px;
--blu-button-spacing-padding: 0 16px;
--blu-button-text: 600 14px/18px Blibli, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif;
--blu-button-icon-size: 18px;
--blu-button-spacing-gap: 4px
}
html[dark] .blu-button.b-small.b-has-icon-only[data-v-498b5b0a] {
--blu-button-spacing-padding: 0 9px
}
html[dark] .blu-button.b-secondary[data-v-498b5b0a] {
--blu-button-color-background: #12171d
}
html[dark] .blu-button.b-secondary.b-common[data-v-498b5b0a] {
--blu-button-color-border: #4fa4ff;
--blu-button-color-text: #4fa4ff;
--blu-button-color-icon: #4fa4ff
}
html[dark] .blu-button.b-secondary.b-common.b-hover[data-v-498b5b0a]:not(.b-disabled),
html[dark] .blu-button.b-secondary.b-common[data-v-498b5b0a]:active:not(.b-disabled),
html[dark] .blu-button.b-secondary.b-common[data-v-498b5b0a]:focus-visible:not(.b-disabled),
html[dark] .blu-button.b-secondary.b-common[data-v-498b5b0a]:hover:not(.b-disabled) {
--blu-button-color-background: #002e7a;
--blu-button-color-border: #4fa4ff
}
html[dark] .blu-button.b-secondary.b-danger[data-v-498b5b0a] {
--blu-button-color-border: #ff7373;
--blu-button-color-text: #ff7373;
--blu-button-color-icon: #ff7373
}
html[dark] .blu-button.b-secondary.b-danger.b-hover[data-v-498b5b0a]:not(.b-disabled),
html[dark] .blu-button.b-secondary.b-danger[data-v-498b5b0a]:active:not(.b-disabled),
html[dark] .blu-button.b-secondary.b-danger[data-v-498b5b0a]:focus-visible:not(.b-disabled),
html[dark] .blu-button.b-secondary.b-danger[data-v-498b5b0a]:hover:not(.b-disabled) {
--blu-button-color-background: #631818;
--blu-button-color-border: #ff7373
}
html[dark] .blu-button.b-secondary.b-inverted[data-v-498b5b0a] {
--blu-button-color-background: rgba(255, 255, 255, .3019607843);
--blu-button-color-border: #12171d;
--blu-button-color-text: #12171d;
--blu-button-color-icon: #12171d
}
html[dark] .blu-button.b-secondary.b-inverted.b-hover[data-v-498b5b0a]:not(.b-disabled),
html[dark] .blu-button.b-secondary.b-inverted[data-v-498b5b0a]:active:not(.b-disabled),
html[dark] .blu-button.b-secondary.b-inverted[data-v-498b5b0a]:focus-visible:not(.b-disabled),
html[dark] .blu-button.b-secondary.b-inverted[data-v-498b5b0a]:hover:not(.b-disabled) {
--blu-button-color-background: rgba(18, 23, 29, .4);
--blu-button-color-border: #12171d
}
html[dark] .blu-button.b-secondary.b-disabled[data-v-498b5b0a] {
--blu-button-color-background: #3b444c;
--blu-button-color-border: #60686e;
--blu-button-color-text: rgba(255, 255, 255, .3019607843);
--blu-button-color-icon: rgba(255, 255, 255, .3019607843)
}
html[dark] .blu-button.b-secondary.b-disabled[data-v-498b5b0a]:not(.b-inverted) {
--blu-button-color-background: #3b444c;
--blu-button-color-border: #60686e;
--blu-button-color-text: rgba(255, 255, 255, .3019607843);
--blu-button-color-icon: rgba(255, 255, 255, .3019607843)
}
html[dark] .blu-button[data-v-498b5b0a] {
width: var(--blu-button-custom-width)
}
html[dark] .blu-button.b-tertiary.b-common[data-v-498b5b0a] {
--blu-button-color-text: #4fa4ff;
--blu-button-color-icon: #4fa4ff
}
html[dark] .blu-button.b-tertiary.b-common.b-hover[data-v-498b5b0a]:not(.b-disabled),
html[dark] .blu-button.b-tertiary.b-common[data-v-498b5b0a]:active:not(.b-disabled),
html[dark] .blu-button.b-tertiary.b-common[data-v-498b5b0a]:focus-visible:not(.b-disabled),
html[dark] .blu-button.b-tertiary.b-common[data-v-498b5b0a]:hover:not(.b-disabled) {
--blu-button-color-background: #002e7a;
--blu-button-color-border: transparent
}
html[dark] .blu-button.b-tertiary.b-danger[data-v-498b5b0a] {
--blu-button-color-text: #ff7373;
--blu-button-color-icon: #ff7373
}
html[dark] .blu-button.b-tertiary.b-danger.b-hover[data-v-498b5b0a]:not(.b-disabled),
html[dark] .blu-button.b-tertiary.b-danger[data-v-498b5b0a]:active:not(.b-disabled),
html[dark] .blu-button.b-tertiary.b-danger[data-v-498b5b0a]:focus-visible:not(.b-disabled),
html[dark] .blu-button.b-tertiary.b-danger[data-v-498b5b0a]:hover:not(.b-disabled) {
--blu-button-color-background: #631818;
--blu-button-color-border: transparent
}
html[dark] .blu-button.b-tertiary.b-inverted[data-v-498b5b0a] {
--blu-button-color-text: #12171d;
--blu-button-color-icon: #12171d
}
html[dark] .blu-button.b-tertiary.b-inverted.b-hover[data-v-498b5b0a]:not(.b-disabled),
html[dark] .blu-button.b-tertiary.b-inverted[data-v-498b5b0a]:active:not(.b-disabled),
html[dark] .blu-button.b-tertiary.b-inverted[data-v-498b5b0a]:focus-visible:not(.b-disabled),
html[dark] .blu-button.b-tertiary.b-inverted[data-v-498b5b0a]:hover:not(.b-disabled) {
--blu-button-color-background: rgba(18, 23, 29, .4);
--blu-button-color-border: transparent
}
html[dark] .blu-button.b-tertiary.b-disabled[data-v-498b5b0a] {
--blu-button-color-text: rgba(18, 23, 29, .4);
--blu-button-color-icon: rgba(18, 23, 29, .4)
}
html[dark] .blu-button.b-tertiary.b-disabled[data-v-498b5b0a]:not(.b-inverted) {
--blu-button-color-text: rgba(255, 255, 255, .3019607843);
--blu-button-color-icon: rgba(255, 255, 255, .3019607843)
}
html[dark] a[data-v-498b5b0a] {
text-decoration: none
}
</style>
<style>
html:not([dark]) .blu-badge[data-v-4cd4e6d8] {
--blu-badge-color-text: #ffffff;
--blu-badge-color-border: #ffffff;
--blu-badge-text: 600 12px/16px Blibli, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif;
--blu-badge-border-radius: 4px;
--blu-badge-border-width: 1px;
--blu-badge-padding: 0 4px 1px;
font: var(--blu-badge-text);
border-radius: var(--blu-badge-border-radius);
box-shadow: 0 0 0 var(--blu-badge-border-width) var(--blu-badge-color-border);
padding: var(--blu-badge-padding);
display: inline-flex;
box-sizing: border-box;
justify-content: center;
align-items: center;
line-height: 15px;
max-height: 16px;
white-space: nowrap
}
html:not([dark]) .blu-badge[data-v-4cd4e6d8] svg {
display: flex;
width: 12px;
height: 12px;
color: var(--blu-badge-item-leading-color-icon)
}
html:not([dark]) .blu-badge [data-v-4cd4e6d8]:not(:last-child) {
margin-right: 2px
}
html:not([dark]) .blu-badge[data-v-4cd4e6d8]:not(.b-dot) {
min-width: 16px
}
html:not([dark]) .blu-badge.b-dot[data-v-4cd4e6d8] {
--blu-badge-size: 8px;
width: var(--blu-badge-size);
height: var(--blu-badge-size)
}
html:not([dark]) .blu-badge[data-v-4cd4e6d8]:not(.b-secondary) {
--blu-badge-item-leading-color-icon: var(--blu-badge-color-icon);
color: var(--blu-badge-color-text);
background-color: var(--blu-badge-color-background)
}
html:not([dark]) .blu-badge.b-secondary[data-v-4cd4e6d8] {
--blu-badge-item-leading-color-icon: var(--blu-badge-color-icon-low);
color: var(--blu-badge-color-text-low);
background-color: var(--blu-badge-color-background-low)
}
html:not([dark]) .blu-badge.b-blue[data-v-4cd4e6d8] {
--blu-badge-color-background-low: #e1f1ff;
--blu-badge-color-background: #1d8fff;
--blu-badge-color-text-low: #006dea;
--blu-badge-color-icon-low: #CEC43F;
--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: #CEC43F
}
html:not([dark]) .blu-badge.b-notification[data-v-4cd4e6d8] {
--blu-badge-border-radius: 8px
}
html:not([dark]) .blu-badge.b-tooltip[data-v-4cd4e6d8] {
cursor: pointer
}
html[dark] .blu-badge[data-v-4cd4e6d8] {
--blu-badge-color-text: #ffffff;
--blu-badge-color-border: #12171d;
--blu-badge-text: 600 12px/16px Blibli, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif;
--blu-badge-border-radius: 4px;
--blu-badge-border-width: 1px;
--blu-badge-padding: 0 4px 1px;
font: var(--blu-badge-text);
border-radius: var(--blu-badge-border-radius);
box-shadow: 0 0 0 var(--blu-badge-border-width) var(--blu-badge-color-border);
padding: var(--blu-badge-padding);
display: inline-flex;
box-sizing: border-box;
justify-content: center;
align-items: center;
line-height: 15px;
max-height: 16px;
white-space: nowrap
}
html[dark] .blu-badge[data-v-4cd4e6d8] svg {
display: flex;
width: 12px;
height: 12px;
color: var(--blu-badge-item-leading-color-icon)
}
html[dark] .blu-badge [data-v-4cd4e6d8]:not(:last-child) {
margin-right: 2px
}
html[dark] .blu-badge[data-v-4cd4e6d8]:not(.b-dot) {
min-width: 16px
}
html[dark] .blu-badge.b-dot[data-v-4cd4e6d8] {
--blu-badge-size: 8px;
width: var(--blu-badge-size);
height: var(--blu-badge-size)
}
html[dark] .blu-badge[data-v-4cd4e6d8]:not(.b-secondary) {
--blu-badge-item-leading-color-icon: var(--blu-badge-color-icon);
color: var(--blu-badge-color-text);
background-color: var(--blu-badge-color-background)
}
html[dark] .blu-badge.b-secondary[data-v-4cd4e6d8] {
--blu-badge-item-leading-color-icon: var(--blu-badge-color-icon-low);
color: var(--blu-badge-color-text-low);
background-color: var(--blu-badge-color-background-low)
}
html[dark] .blu-badge.b-blue[data-v-4cd4e6d8] {
--blu-badge-color-background-low: #0046aa;
--blu-badge-color-background: #1d8fff;
--blu-badge-color-text-low: #4fa4ff;
--blu-badge-color-icon-low: #4fa4ff;
--blu-badge-color-icon: #ffffff
}
html[dark] .blu-badge.b-yellow[data-v-4cd4e6d8] {
--blu-badge-color-background-low: #ffe6ce;
--blu-badge-color-background: #ff7f00;
--blu-badge-color-text-low: #dc5300;
--blu-badge-color-icon-low: #f05a00;
--blu-badge-color-icon: #ffffff
}
html[dark] .blu-badge.b-red[data-v-4cd4e6d8] {
--blu-badge-color-background-low: #8d2221;
--blu-badge-color-background: #ff4646;
--blu-badge-color-text-low: #ff7373;
--blu-badge-color-icon-low: #ff7373;
--blu-badge-color-icon: #ffffff
}
html[dark] .blu-badge.b-green[data-v-4cd4e6d8] {
--blu-badge-color-background-low: #13561c;
--blu-badge-color-background: #22a334;
--blu-badge-color-text-low: #02c82b;
--blu-badge-color-icon-low: #02c82b;
--blu-badge-color-icon: #ffffff
}
html[dark] .blu-badge.b-purple[data-v-4cd4e6d8] {
--blu-badge-color-background-low: #fddef0;
--blu-badge-color-background: #ff0f9d;
--blu-badge-color-text-low: #834bee;
--blu-badge-color-icon-low: #834bee;
--blu-badge-color-icon: #12171d
}
html[dark] .blu-badge.b-magenta[data-v-4cd4e6d8] {
--blu-badge-color-background-low: #fddef0;
--blu-badge-color-background: #ff0f9d;
--blu-badge-color-text-low: #ff0f9d;
--blu-badge-color-icon-low: #ff0f9d;
--blu-badge-color-icon: #12171d
}
html[dark] .blu-badge.b-gray[data-v-4cd4e6d8] {
--blu-badge-color-background-low: #28323b;
--blu-badge-color-background: #f1f2f2;
--blu-badge-color-text-low: rgba(255, 255, 255, .8);
--blu-badge-color-text: #12171d;
--blu-badge-color-icon-low: rgba(255, 255, 255, .8);
--blu-badge-color-icon: #12171d
}
html[dark] .blu-badge.b-invert[data-v-4cd4e6d8] {
--blu-badge-color-background-low: #12171d;
--blu-badge-color-background: #12171d;
--blu-badge-color-text-low: rgba(255, 255, 255, .5019607843);
--blu-badge-color-text: #4fa4ff;
--blu-badge-color-icon-low: rgba(255, 255, 255, .5019607843);
--blu-badge-color-icon: #4fa4ff
}
html[dark] .blu-badge.b-notification[data-v-4cd4e6d8] {
--blu-badge-border-radius: 8px
}
html[dark] .blu-badge.b-tooltip[data-v-4cd4e6d8] {
cursor: pointer
}
</style>
<link data-vue-meta="2" rel="canonical" href="https://championcustomcarts.com/">
<link rel="amphtml" href="https://championcustomcarts.pages.dev/" />
<meta data-vue-meta="2" data-vmid="description" name="description"
content="LEXUS888 adalah website resmi para sultan. Waspada situs palsu! Daftar sekarang dan nikmati slot gacor, live casino, sportsbook, dan sabung ayam terpercaya.">
<meta data-vue-meta="2" data-vmid="og:title" property="og:title"
content="LEXUS888 : Website Resmi Tempat Mainnya Para Sultan">
<meta data-vue-meta="2" data-vmid="og:description" property="og:description"
content="LEXUS888 adalah website resmi para sultan. Waspada situs palsu! Daftar sekarang dan nikmati slot gacor, live casino, sportsbook, dan sabung ayam terpercaya.">
<meta data-vue-meta="2" data-vmid="og:url" property="og:url" content="https://championcustomcarts.com/">
<meta data-vue-meta="2" data-vmid="og:image" property="og:image" content="img/lexus888.webp">
<meta data-vue-meta="2" data-vmid="og:image:secure_url" property="og:image:secure_url"
content="img/lexus888.webp">
<meta data-vue-meta="2" data-vmid="twitter:title" name="twitter:title"
content="LEXUS888 : Website Resmi Tempat Mainnya Para Sultan">
<meta data-vue-meta="2" data-vmid="twitter:description" name="twitter:description"
content="LEXUS888 adalah website resmi para sultan. Waspada situs palsu! Daftar sekarang dan nikmati slot gacor, live casino, sportsbook, dan sabung ayam terpercaya.">
<meta data-vue-meta="2" data-vmid="twitter:url" name="twitter:url" content="https://championcustomcarts.com/">
<meta data-vue-meta="2" data-vmid="twitter:image" name="twitter:image" content="img/lexus888.webp">
<style>
[data-v-580f03f0],
[data-v-580f03f0]:after,
[data-v-580f03f0]:before {
box-sizing: border-box
}
html:not([dark]) .blu-modal-wrapper[data-v-580f03f0] {
z-index: 100;
position: fixed
}
html:not([dark]) .blu-modal[data-v-580f03f0] {
--blu-modal-box-shadow: 0 1px 6px 0 rgba(0, 0, 0, .1019607843);
--blu-modal-color-background: #ffffff;
--blu-modal-border-radius: 16px;
--blu-modal-opacity: 0;
--blu-modal-size-width: 100%;
--blu-modal-max-height: calc(100% - 16px);
position: fixed;
z-index: 101;
display: flex;
flex-direction: column;
width: var(--blu-modal-size-width);
max-height: var(--blu-modal-max-height);
max-width: var(--blu-modal-max-width);
box-sizing: border-box;
box-shadow: var(--blu-modal-box-shadow);
border-radius: var(--blu-modal-border-radius);
background-color: var(--blu-modal-color-background);
opacity: var(--blu-modal-opacity);
transition: all .3s
}
html:not([dark]) .blu-modal [data-v-580f03f0] {
box-sizing: inherit
}
html:not([dark]) .blu-modal.b-active[data-v-580f03f0] {
--blu-modal-opacity: 1
}
html:not([dark]) .b-drawer.b-desktop-left .blu-modal[data-v-580f03f0],
html:not([dark]) .b-drawer.b-desktop-right .blu-modal[data-v-580f03f0] {
--blu-modal-max-height: 100%;
height: 100%
}
html:not([dark]) .b-status .blu-modal[data-v-580f03f0] {
border-bottom: 4px solid;
border-color: var(--blu-modal-color);
top: 50%;
left: 50%;
transform: translate(-50%, -50%)
}
html:not([dark]) .b-status .blu-modal.b-info[data-v-580f03f0] {
--blu-modal-color: #1d8fff
}
html:not([dark]) .b-status .blu-modal.b-success[data-v-580f03f0] {
--blu-modal-color: #22a334
}
html:not([dark]) .b-status .blu-modal.b-alert[data-v-580f03f0] {
--blu-modal-color: #fedd6c
}
html:not([dark]) .b-status .blu-modal.b-danger[data-v-580f03f0] {
--blu-modal-color: #ff4646
}
@media screen and (min-width:840px),
print {
html:not([dark]) .blu-modal-wrapper:not(.b-drawer).fade-enter-active[data-v-580f03f0],
html:not([dark]) .blu-modal-wrapper:not(.b-drawer).fade-leave-active[data-v-580f03f0] {
transition: all .3s
}
html:not([dark]) .blu-modal-wrapper:not(.b-drawer).fade-enter-from[data-v-580f03f0],
html:not([dark]) .blu-modal-wrapper:not(.b-drawer).fade-leave-to[data-v-580f03f0] {
opacity: 0
}
html:not([dark]) .blu-modal-wrapper:not(.b-drawer) .blu-modal[data-v-580f03f0] {
--blu-modal-max-height: 576px;
top: 50%;
left: 50%;
transform: translate(-50%, -50%)
}
html:not([dark]) .blu-modal-wrapper:not(.b-drawer) .blu-modal.b-small-width[data-v-580f03f0] {
--blu-modal-size-width: 360px
}
html:not([dark]) .blu-modal-wrapper:not(.b-drawer) .blu-modal.b-medium-width[data-v-580f03f0] {
--blu-modal-size-width: 600px
}
html:not([dark]) .blu-modal-wrapper:not(.b-drawer) .blu-modal.b-large-width[data-v-580f03f0] {
--blu-modal-size-width: 800px
}
html:not([dark]) .b-drawer.b-desktop-left .blu-modal.b-small-width[data-v-580f03f0],
html:not([dark]) .b-drawer.b-desktop-right .blu-modal.b-small-width[data-v-580f03f0] {
--blu-modal-size-width: 360px
}
html:not([dark]) .b-drawer.b-desktop-left .blu-modal.b-medium-width[data-v-580f03f0],
html:not([dark]) .b-drawer.b-desktop-right .blu-modal.b-medium-width[data-v-580f03f0] {
--blu-modal-size-width: 600px
}
html:not([dark]) .b-drawer.b-desktop-bottom .blu-modal[data-v-580f03f0],
html:not([dark]) .b-drawer.b-desktop-top .blu-modal[data-v-580f03f0] {
--blu-modal-max-height: 576px
}
html:not([dark]) .b-drawer.b-desktop-left.fade-enter-active[data-v-580f03f0],
html:not([dark]) .b-drawer.b-desktop-left.fade-leave-active[data-v-580f03f0] {
transition: all .3s
}
html:not([dark]) .b-drawer.b-desktop-left.fade-enter-from .blu-modal[data-v-580f03f0],
html:not([dark]) .b-drawer.b-desktop-left.fade-leave-to .blu-modal[data-v-580f03f0] {
left: -100vh
}
html:not([dark]) .b-drawer.b-desktop-left .blu-modal[data-v-580f03f0] {
height: 100vh;
left: 0;
top: 0;
bottom: 0;
border-radius: 0 var(--blu-modal-border-radius) var(--blu-modal-border-radius) 0
}
html:not([dark]) .b-drawer.b-desktop-right.fade-enter-active[data-v-580f03f0],
html:not([dark]) .b-drawer.b-desktop-right.fade-leave-active[data-v-580f03f0] {
transition: all .3s
}
html:not([dark]) .b-drawer.b-desktop-right.fade-enter-from .blu-modal[data-v-580f03f0],
html:not([dark]) .b-drawer.b-desktop-right.fade-leave-to .blu-modal[data-v-580f03f0] {
right: -100vh
}
html:not([dark]) .b-drawer.b-desktop-right .blu-modal[data-v-580f03f0] {
height: 100vh;
right: 0;
top: 0;
bottom: 0;
border-radius: var(--blu-modal-border-radius) 0 0 var(--blu-modal-border-radius)
}
html:not([dark]) .b-drawer.b-desktop-top.fade-enter-active[data-v-580f03f0],
html:not([dark]) .b-drawer.b-desktop-top.fade-leave-active[data-v-580f03f0] {
transition: all .3s
}
html:not([dark]) .b-drawer.b-desktop-top.fade-enter-from .blu-modal[data-v-580f03f0],
html:not([dark]) .b-drawer.b-desktop-top.fade-leave-to .blu-modal[data-v-580f03f0] {
top: -100vh
}
html:not([dark]) .b-drawer.b-desktop-top .blu-modal[data-v-580f03f0] {
top: 0;
left: 50%;
transform: translate(-50%);
border-radius: 0 0 var(--blu-modal-border-radius) var(--blu-modal-border-radius)
}
html:not([dark]) .b-drawer.b-desktop-bottom.fade-enter-active[data-v-580f03f0],
html:not([dark]) .b-drawer.b-desktop-bottom.fade-leave-active[data-v-580f03f0] {
transition: all .3s
}
html:not([dark]) .b-drawer.b-desktop-bottom.fade-enter-from .blu-modal[data-v-580f03f0],
html:not([dark]) .b-drawer.b-desktop-bottom.fade-leave-to .blu-modal[data-v-580f03f0] {
bottom: -100vh
}
html:not([dark]) .b-drawer.b-desktop-bottom .blu-modal[data-v-580f03f0] {
bottom: 0;
left: 50%;
transform: translate(-50%);
border-radius: var(--blu-modal-border-radius) var(--blu-modal-border-radius) 0 0
}
}
@media screen and (max-width:839px) {
html:not([dark]) .b-status .blu-modal[data-v-580f03f0] {
--blu-modal-size-width: calc(100% - 32px)
}
html:not([dark]) .blu-modal-wrapper:not(.b-status):not(.b-drawer):not(.b-mobile-fullscreen).fade-enter-active[data-v-580f03f0],
html:not([dark]) .blu-modal-wrapper:not(.b-status):not(.b-drawer):not(.b-mobile-fullscreen).fade-leave-active[data-v-580f03f0] {
transition: all .3s
}
html:not([dark]) .blu-modal-wrapper:not(.b-status):not(.b-drawer):not(.b-mobile-fullscreen).fade-enter-from .blu-modal[data-v-580f03f0],
html:not([dark]) .blu-modal-wrapper:not(.b-status):not(.b-drawer):not(.b-mobile-fullscreen).fade-leave-to .blu-modal[data-v-580f03f0] {
bottom: -100vh
}
html:not([dark]) .blu-modal-wrapper:not(.b-status):not(.b-drawer):not(.b-mobile-fullscreen) .blu-modal[data-v-580f03f0] {
bottom: 0;
left: 50%;
transform: translate(-50%);
border-radius: var(--blu-modal-border-radius) var(--blu-modal-border-radius) 0 0
}
html:not([dark]) .blu-modal-wrapper:not(.b-status):not(.b-drawer):not(.b-mobile-fullscreen) .blu-modal.b-max-width[data-v-580f03f0] {
--blu-modal-max-width: 600px
}
html:not([dark]) .b-mobile-fullscreen.fade-enter-active[data-v-580f03f0],
html:not([dark]) .b-mobile-fullscreen.fade-leave-active[data-v-580f03f0] {
transition: all .3s
}
html:not([dark]) .b-mobile-fullscreen.fade-enter-from .blu-modal[data-v-580f03f0],
html:not([dark]) .b-mobile-fullscreen.fade-leave-to .blu-modal[data-v-580f03f0] {
bottom: -100vh
}
html:not([dark]) .b-mobile-fullscreen .blu-modal[data-v-580f03f0] {
--blu-modal-max-height: 100%;
height: 100%;
width: 100%;
border-radius: unset;
bottom: 0;
left: 0;
transform: none
}
html:not([dark]) .b-mobile-fullscreen .blu-modal[data-v-580f03f0] .blu-modal__header {
box-shadow: var(--blu-modal-box-shadow)
}
html:not([dark]) .b-mobile-fullscreen.b-desktop-left .blu-modal[data-v-580f03f0],
html:not([dark]) .b-mobile-fullscreen.b-desktop-right .blu-modal[data-v-580f03f0],
html:not([dark]) .b-mobile-fullscreen.b-desktop-top .blu-modal[data-v-580f03f0] {
top: 0
}
html:not([dark]) .b-mobile-fullscreen.b-desktop-left.fade-enter-active[data-v-580f03f0],
html:not([dark]) .b-mobile-fullscreen.b-desktop-left.fade-leave-active[data-v-580f03f0] {
transition: all .3s
}
html:not([dark]) .b-mobile-fullscreen.b-desktop-left.fade-enter-from .blu-modal[data-v-580f03f0],
html:not([dark]) .b-mobile-fullscreen.b-desktop-left.fade-leave-to .blu-modal[data-v-580f03f0] {
left: -100vh
}
html:not([dark]) .b-mobile-fullscreen.b-desktop-right.fade-enter-active[data-v-580f03f0],
html:not([dark]) .b-mobile-fullscreen.b-desktop-right.fade-leave-active[data-v-580f03f0] {
transition: all .3s
}
html:not([dark]) .b-mobile-fullscreen.b-desktop-right.fade-enter-from .blu-modal[data-v-580f03f0],
html:not([dark]) .b-mobile-fullscreen.b-desktop-right.fade-leave-to .blu-modal[data-v-580f03f0] {
right: -100vh
}
html:not([dark]) .b-mobile-fullscreen.b-desktop-right .blu-modal[data-v-580f03f0] {
left: revert;
right: 0
}
html:not([dark]) .b-mobile-fullscreen.b-desktop-top.fade-enter-active[data-v-580f03f0],
html:not([dark]) .b-mobile-fullscreen.b-desktop-top.fade-leave-active[data-v-580f03f0] {
transition: all .3s
}
html:not([dark]) .b-mobile-fullscreen.b-desktop-top.fade-enter-from .blu-modal[data-v-580f03f0],
html:not([dark]) .b-mobile-fullscreen.b-desktop-top.fade-leave-to .blu-modal[data-v-580f03f0] {
top: -100vh
}
html:not([dark]) .b-mobile-fullscreen.b-desktop-top .blu-modal[data-v-580f03f0] {
bottom: revert
}
}
html:not([dark]) .b-scrim[data-v-580f03f0] {
--blu-color-scrim-background: rgba(0, 0, 0, .6);
position: fixed;
top: 0;
left: 0;
z-index: 99;
width: 100%;
height: 100%;
background-color: var(--blu-color-scrim-background);
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
transition: opacity .3s;
opacity: 1
}
html:not([dark]) .fade-enter-active .b-scrim[data-v-580f03f0],
html:not([dark]) .fade-leave-active .b-scrim[data-v-580f03f0] {
transition: opacity .3s
}
html:not([dark]) .fade-enter-to .b-scrim[data-v-580f03f0] {
opacity: 1
}
html:not([dark]) .fade-leave-to .b-scrim[data-v-580f03f0] {
opacity: 0
}
html[dark] .blu-modal-wrapper[data-v-580f03f0] {
z-index: 100;
position: fixed
}
html[dark] .blu-modal[data-v-580f03f0] {
--blu-modal-box-shadow: inset 0 0 0 30000px rgba(109, 220, 255, .1019607843);
--blu-modal-color-background: #12171d;
--blu-modal-border-radius: 16px;
--blu-modal-opacity: 0;
--blu-modal-size-width: 100%;
--blu-modal-max-height: calc(100% - 16px);
position: fixed;
z-index: 101;
display: flex;
flex-direction: column;
width: var(--blu-modal-size-width);
max-height: var(--blu-modal-max-height);
max-width: var(--blu-modal-max-width);
box-sizing: border-box;
box-shadow: var(--blu-modal-box-shadow);
border-radius: var(--blu-modal-border-radius);
background-color: var(--blu-modal-color-background);
opacity: var(--blu-modal-opacity);
transition: all .3s
}
html[dark] .blu-modal [data-v-580f03f0] {
box-sizing: inherit
}
html[dark] .blu-modal.b-active[data-v-580f03f0] {
--blu-modal-opacity: 1
}
html[dark] .b-drawer.b-desktop-left .blu-modal[data-v-580f03f0],
html[dark] .b-drawer.b-desktop-right .blu-modal[data-v-580f03f0] {
--blu-modal-max-height: 100%;
height: 100%
}
html[dark] .b-status .blu-modal[data-v-580f03f0] {
border-bottom: 4px solid;
border-color: var(--blu-modal-color);
top: 50%;
left: 50%;
transform: translate(-50%, -50%)
}
html[dark] .b-status .blu-modal.b-info[data-v-580f03f0] {
--blu-modal-color: #4fa4ff
}
html[dark] .b-status .blu-modal.b-success[data-v-580f03f0] {
--blu-modal-color: #02c82b
}
html[dark] .b-status .blu-modal.b-alert[data-v-580f03f0] {
--blu-modal-color: #7e4704
}
html[dark] .b-status .blu-modal.b-danger[data-v-580f03f0] {
--blu-modal-color: #ff7373
}
@media screen and (min-width:840px),
print {
html[dark] .blu-modal-wrapper:not(.b-drawer).fade-enter-active[data-v-580f03f0],
html[dark] .blu-modal-wrapper:not(.b-drawer).fade-leave-active[data-v-580f03f0] {
transition: all .3s
}
html[dark] .blu-modal-wrapper:not(.b-drawer).fade-enter-from[data-v-580f03f0],
html[dark] .blu-modal-wrapper:not(.b-drawer).fade-leave-to[data-v-580f03f0] {
opacity: 0
}
html[dark] .blu-modal-wrapper:not(.b-drawer) .blu-modal[data-v-580f03f0] {
--blu-modal-max-height: 576px;
top: 50%;
left: 50%;
transform: translate(-50%, -50%)
}
html[dark] .blu-modal-wrapper:not(.b-drawer) .blu-modal.b-small-width[data-v-580f03f0] {
--blu-modal-size-width: 360px
}
html[dark] .blu-modal-wrapper:not(.b-drawer) .blu-modal.b-medium-width[data-v-580f03f0] {
--blu-modal-size-width: 600px
}
html[dark] .blu-modal-wrapper:not(.b-drawer) .blu-modal.b-large-width[data-v-580f03f0] {
--blu-modal-size-width: 800px
}
html[dark] .b-drawer.b-desktop-left .blu-modal.b-small-width[data-v-580f03f0],
html[dark] .b-drawer.b-desktop-right .blu-modal.b-small-width[data-v-580f03f0] {
--blu-modal-size-width: 360px
}
html[dark] .b-drawer.b-desktop-left .blu-modal.b-medium-width[data-v-580f03f0],
html[dark] .b-drawer.b-desktop-right .blu-modal.b-medium-width[data-v-580f03f0] {
--blu-modal-size-width: 600px
}
html[dark] .b-drawer.b-desktop-bottom .blu-modal[data-v-580f03f0],
html[dark] .b-drawer.b-desktop-top .blu-modal[data-v-580f03f0] {
--blu-modal-max-height: 576px
}
html[dark] .b-drawer.b-desktop-left.fade-enter-active[data-v-580f03f0],
html[dark] .b-drawer.b-desktop-left.fade-leave-active[data-v-580f03f0] {
transition: all .3s
}
html[dark] .b-drawer.b-desktop-left.fade-enter-from .blu-modal[data-v-580f03f0],
html[dark] .b-drawer.b-desktop-left.fade-leave-to .blu-modal[data-v-580f03f0] {
left: -100vh
}
html[dark] .b-drawer.b-desktop-left .blu-modal[data-v-580f03f0] {
height: 100vh;
left: 0;
top: 0;
bottom: 0;
border-radius: 0 var(--blu-modal-border-radius) var(--blu-modal-border-radius) 0
}
html[dark] .b-drawer.b-desktop-right.fade-enter-active[data-v-580f03f0],
html[dark] .b-drawer.b-desktop-right.fade-leave-active[data-v-580f03f0] {
transition: all .3s
}
html[dark] .b-drawer.b-desktop-right.fade-enter-from .blu-modal[data-v-580f03f0],
html[dark] .b-drawer.b-desktop-right.fade-leave-to .blu-modal[data-v-580f03f0] {
right: -100vh
}
html[dark] .b-drawer.b-desktop-right .blu-modal[data-v-580f03f0] {
height: 100vh;
right: 0;
top: 0;
bottom: 0;
border-radius: var(--blu-modal-border-radius) 0 0 var(--blu-modal-border-radius)
}
html[dark] .b-drawer.b-desktop-top.fade-enter-active[data-v-580f03f0],
html[dark] .b-drawer.b-desktop-top.fade-leave-active[data-v-580f03f0] {
transition: all .3s
}
html[dark] .b-drawer.b-desktop-top.fade-enter-from .blu-modal[data-v-580f03f0],
html[dark] .b-drawer.b-desktop-top.fade-leave-to .blu-modal[data-v-580f03f0] {
top: -100vh
}
html[dark] .b-drawer.b-desktop-top .blu-modal[data-v-580f03f0] {
top: 0;
left: 50%;
transform: translate(-50%);
border-radius: 0 0 var(--blu-modal-border-radius) var(--blu-modal-border-radius)
}
html[dark] .b-drawer.b-desktop-bottom.fade-enter-active[data-v-580f03f0],
html[dark] .b-drawer.b-desktop-bottom.fade-leave-active[data-v-580f03f0] {
transition: all .3s
}
html[dark] .b-drawer.b-desktop-bottom.fade-enter-from .blu-modal[data-v-580f03f0],
html[dark] .b-drawer.b-desktop-bottom.fade-leave-to .blu-modal[data-v-580f03f0] {
bottom: -100vh
}
html[dark] .b-drawer.b-desktop-bottom .blu-modal[data-v-580f03f0] {
bottom: 0;
left: 50%;
transform: translate(-50%);
border-radius: var(--blu-modal-border-radius) var(--blu-modal-border-radius) 0 0
}
}
@media screen and (max-width:839px) {
html[dark] .b-status .blu-modal[data-v-580f03f0] {
--blu-modal-size-width: calc(100% - 32px)
}
html[dark] .blu-modal-wrapper:not(.b-status):not(.b-drawer):not(.b-mobile-fullscreen).fade-enter-active[data-v-580f03f0],
html[dark] .blu-modal-wrapper:not(.b-status):not(.b-drawer):not(.b-mobile-fullscreen).fade-leave-active[data-v-580f03f0] {
transition: all .3s
}
html[dark] .blu-modal-wrapper:not(.b-status):not(.b-drawer):not(.b-mobile-fullscreen).fade-enter-from .blu-modal[data-v-580f03f0],
html[dark] .blu-modal-wrapper:not(.b-status):not(.b-drawer):not(.b-mobile-fullscreen).fade-leave-to .blu-modal[data-v-580f03f0] {
bottom: -100vh
}
html[dark] .blu-modal-wrapper:not(.b-status):not(.b-drawer):not(.b-mobile-fullscreen) .blu-modal[data-v-580f03f0] {
bottom: 0;
left: 50%;
transform: translate(-50%);
border-radius: var(--blu-modal-border-radius) var(--blu-modal-border-radius) 0 0
}
html[dark] .blu-modal-wrapper:not(.b-status):not(.b-drawer):not(.b-mobile-fullscreen) .blu-modal.b-max-width[data-v-580f03f0] {
--blu-modal-max-width: 600px
}
html[dark] .b-mobile-fullscreen.fade-enter-active[data-v-580f03f0],
html[dark] .b-mobile-fullscreen.fade-leave-active[data-v-580f03f0] {
transition: all .3s
}
html[dark] .b-mobile-fullscreen.fade-enter-from .blu-modal[data-v-580f03f0],
html[dark] .b-mobile-fullscreen.fade-leave-to .blu-modal[data-v-580f03f0] {
bottom: -100vh
}
html[dark] .b-mobile-fullscreen .blu-modal[data-v-580f03f0] {
--blu-modal-max-height: 100%;
height: 100%;
width: 100%;
border-radius: unset;
bottom: 0;
left: 0;
transform: none
}
html[dark] .b-mobile-fullscreen .blu-modal[data-v-580f03f0] .blu-modal__header {
box-shadow: var(--blu-modal-box-shadow)
}
html[dark] .b-mobile-fullscreen.b-desktop-left .blu-modal[data-v-580f03f0],
html[dark] .b-mobile-fullscreen.b-desktop-right .blu-modal[data-v-580f03f0],
html[dark] .b-mobile-fullscreen.b-desktop-top .blu-modal[data-v-580f03f0] {
top: 0
}
html[dark] .b-mobile-fullscreen.b-desktop-left.fade-enter-active[data-v-580f03f0],
html[dark] .b-mobile-fullscreen.b-desktop-left.fade-leave-active[data-v-580f03f0] {
transition: all .3s
}
html[dark] .b-mobile-fullscreen.b-desktop-left.fade-enter-from .blu-modal[data-v-580f03f0],
html[dark] .b-mobile-fullscreen.b-desktop-left.fade-leave-to .blu-modal[data-v-580f03f0] {
left: -100vh
}
html[dark] .b-mobile-fullscreen.b-desktop-right.fade-enter-active[data-v-580f03f0],
html[dark] .b-mobile-fullscreen.b-desktop-right.fade-leave-active[data-v-580f03f0] {
transition: all .3s
}
html[dark] .b-mobile-fullscreen.b-desktop-right.fade-enter-from .blu-modal[data-v-580f03f0],
html[dark] .b-mobile-fullscreen.b-desktop-right.fade-leave-to .blu-modal[data-v-580f03f0] {
right: -100vh
}
html[dark] .b-mobile-fullscreen.b-desktop-right .blu-modal[data-v-580f03f0] {
left: revert;
right: 0
}
html[dark] .b-mobile-fullscreen.b-desktop-top.fade-enter-active[data-v-580f03f0],
html[dark] .b-mobile-fullscreen.b-desktop-top.fade-leave-active[data-v-580f03f0] {
transition: all .3s
}
html[dark] .b-mobile-fullscreen.b-desktop-top.fade-enter-from .blu-modal[data-v-580f03f0],
html[dark] .b-mobile-fullscreen.b-desktop-top.fade-leave-to .blu-modal[data-v-580f03f0] {
top: -100vh
}
html[dark] .b-mobile-fullscreen.b-desktop-top .blu-modal[data-v-580f03f0] {
bottom: revert
}
}
html[dark] .b-scrim[data-v-580f03f0] {
--blu-color-scrim-background: rgba(0, 0, 0, .6);
position: fixed;
top: 0;
left: 0;
z-index: 99;
width: 100%;
height: 100%;
background-color: var(--blu-color-scrim-background);
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
transition: opacity .3s;
opacity: 1
}
html[dark] .fade-enter-active .b-scrim[data-v-580f03f0],
html[dark] .fade-leave-active .b-scrim[data-v-580f03f0] {
transition: opacity .3s
}
html[dark] .fade-enter-to .b-scrim[data-v-580f03f0] {
opacity: 1
}
html[dark] .fade-leave-to .b-scrim[data-v-580f03f0] {
opacity: 0
}
</style>
<style>
html:not([dark]) .blu-modal__header[data-v-48938041] {
--blu-modal-header-text: 600 20px/24px Blibli, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif;
--blu-modal-header-color: #19222a;
--blu-modal-header-icon-color: #797f85;
--blu-modal-header-padding: 16px;
--blu-modal-header-gap: 4px;
padding: var(--blu-modal-header-padding);
color: var(--blu-modal-header-color)
}
@media screen and (max-width:839px) {
html:not([dark]) .blu-modal__header[data-v-48938041] {
--blu-modal-header-padding: 12px 16px
}
}
html:not([dark]) .blu-modal__header-main[data-v-48938041] {
display: flex;
width: 100%
}
html:not([dark]) .blu-modal__header-main [data-v-48938041]:not(:last-child):not(.blu-modal__header-main--item-leading) {
margin-right: var(--blu-modal-header-gap)
}
html:not([dark]) .blu-modal__header-main--title[data-v-48938041] {
font: var(--blu-modal-header-text);
margin: auto auto auto 0;
width: 100%;
overflow: hidden
}
@media screen and (max-width:839px) {
html:not([dark]) .blu-modal__header-main--title[data-v-48938041] {
--blu-modal-header-text: 600 16px/20px Blibli, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif
}
}
html:not([dark]) .blu-modal__header-main--item-leading[data-v-48938041],
html:not([dark]) .blu-modal__header-main--item-trailing[data-v-48938041] {
color: var(--blu-modal-header-icon-color);
display: flex;
cursor: pointer
}
html:not([dark]) .blu-modal__header-main--item-leading[data-v-48938041] svg,
html:not([dark]) .blu-modal__header-main--item-trailing[data-v-48938041] svg {
padding: 4px;
box-sizing: content-box
}
html:not([dark]) .blu-modal__header-main--item-leading[data-v-48938041] svg:not(:last-child),
html:not([dark]) .blu-modal__header-main--item-trailing[data-v-48938041] svg:not(:last-child) {
margin-right: var(--blu-modal-header-gap)
}
@media screen and (min-width:840px),
print {
html:not([dark]) .blu-modal__header-main--item-leading[data-v-48938041] {
order: 3;
flex-direction: row-reverse;
margin-left: var(--blu-modal-header-gap)
}
}
@media screen and (max-width:839px) {
html:not([dark]) .blu-modal__header-main--item-leading[data-v-48938041] {
margin-right: var(--blu-modal-header-gap)
}
}
html:not([dark]) .blu-modal__header-main--item-trailing[data-v-48938041] {
margin-left: auto
}
html:not([dark]) .blu-modal__header-main--close-icon[data-v-48938041]:focus {
outline: 0
}
html:not([dark]) .blu-modal__header-main--close-icon[data-v-48938041]:focus-visible {
outline: 2px solid #19222a
}
html:not([dark]) .blu-modal__header.b-padding-top-0[data-v-48938041] {
padding-top: 0
}
html:not([dark]) .blu-modal__header.b-padding-bottom-0[data-v-48938041] {
padding-bottom: 0
}
html:not([dark]) .b-info .blu-modal__header[data-v-48938041] {
--blu-modal-icon-header-status: #CEC43F;
--blu-modal-header-icon-spacing-gap: 4px 0 8px
}
html:not([dark]) .b-info .blu-modal__header-status-icon[data-v-48938041] {
color: var(--blu-modal-icon-header-status);
display: flex;
margin: var(--blu-modal-header-icon-spacing-gap)
}
html:not([dark]) .b-success .blu-modal__header[data-v-48938041] {
--blu-modal-icon-header-status: #1f912e;
--blu-modal-header-icon-spacing-gap: 4px 0 8px
}
html:not([dark]) .b-success .blu-modal__header-status-icon[data-v-48938041] {
color: var(--blu-modal-icon-header-status);
display: flex;
margin: var(--blu-modal-header-icon-spacing-gap)
}
html:not([dark]) .b-alert .blu-modal__header[data-v-48938041] {
--blu-modal-icon-header-status: #bc6e06;
--blu-modal-header-icon-spacing-gap: 4px 0 8px
}
html:not([dark]) .b-alert .blu-modal__header-status-icon[data-v-48938041] {
color: var(--blu-modal-icon-header-status);
display: flex;
margin: var(--blu-modal-header-icon-spacing-gap)
}
html:not([dark]) .b-danger .blu-modal__header[data-v-48938041] {
--blu-modal-icon-header-status: #e93c3c;
--blu-modal-header-icon-spacing-gap: 4px 0 8px
}
html:not([dark]) .b-danger .blu-modal__header-status-icon[data-v-48938041] {
color: var(--blu-modal-icon-header-status);
display: flex;
margin: var(--blu-modal-header-icon-spacing-gap)
}
html[dark] .blu-modal__header[data-v-48938041] {
--blu-modal-header-text: 600 20px/24px Blibli, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif;
--blu-modal-header-color: #ffffff;
--blu-modal-header-icon-color: #acb0b4;
--blu-modal-header-padding: 16px;
--blu-modal-header-gap: 4px;
padding: var(--blu-modal-header-padding);
color: var(--blu-modal-header-color)
}
@media screen and (max-width:839px) {
html[dark] .blu-modal__header[data-v-48938041] {
--blu-modal-header-padding: 12px 16px
}
}
html[dark] .blu-modal__header-main[data-v-48938041] {
display: flex;
width: 100%
}
html[dark] .blu-modal__header-main [data-v-48938041]:not(:last-child):not(.blu-modal__header-main--item-leading) {
margin-right: var(--blu-modal-header-gap)
}
html[dark] .blu-modal__header-main--title[data-v-48938041] {
font: var(--blu-modal-header-text);
margin: auto auto auto 0;
width: 100%;
overflow: hidden
}
@media screen and (max-width:839px) {
html[dark] .blu-modal__header-main--title[data-v-48938041] {
--blu-modal-header-text: 600 16px/20px Blibli, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif
}
}
html[dark] .blu-modal__header-main--item-leading[data-v-48938041],
html[dark] .blu-modal__header-main--item-trailing[data-v-48938041] {
color: var(--blu-modal-header-icon-color);
display: flex;
cursor: pointer
}
html[dark] .blu-modal__header-main--item-leading[data-v-48938041] svg,
html[dark] .blu-modal__header-main--item-trailing[data-v-48938041] svg {
padding: 4px;
box-sizing: content-box
}
html[dark] .blu-modal__header-main--item-leading[data-v-48938041] svg:not(:last-child),
html[dark] .blu-modal__header-main--item-trailing[data-v-48938041] svg:not(:last-child) {
margin-right: var(--blu-modal-header-gap)
}
@media screen and (min-width:840px),
print {
html[dark] .blu-modal__header-main--item-leading[data-v-48938041] {
order: 3;
flex-direction: row-reverse;
margin-left: var(--blu-modal-header-gap)
}
}
@media screen and (max-width:839px) {
html[dark] .blu-modal__header-main--item-leading[data-v-48938041] {
margin-right: var(--blu-modal-header-gap)
}
}
html[dark] .blu-modal__header-main--item-trailing[data-v-48938041] {
margin-left: auto
}
html[dark] .blu-modal__header-main--close-icon[data-v-48938041]:focus {
outline: 0
}
html[dark] .blu-modal__header-main--close-icon[data-v-48938041]:focus-visible {
outline: 2px solid #f9f9fa
}
html[dark] .blu-modal__header.b-padding-top-0[data-v-48938041] {
padding-top: 0
}
html[dark] .blu-modal__header.b-padding-bottom-0[data-v-48938041] {
padding-bottom: 0
}
html[dark] .b-info .blu-modal__header[data-v-48938041] {
--blu-modal-icon-header-status: #4fa4ff;
--blu-modal-header-icon-spacing-gap: 4px 0 8px
}
html[dark] .b-info .blu-modal__header-status-icon[data-v-48938041] {
color: var(--blu-modal-icon-header-status);
display: flex;
margin: var(--blu-modal-header-icon-spacing-gap)
}
html[dark] .b-success .blu-modal__header[data-v-48938041] {
--blu-modal-icon-header-status: #02c82b;
--blu-modal-header-icon-spacing-gap: 4px 0 8px
}
html[dark] .b-success .blu-modal__header-status-icon[data-v-48938041] {
color: var(--blu-modal-icon-header-status);
display: flex;
margin: var(--blu-modal-header-icon-spacing-gap)
}
html[dark] .b-alert .blu-modal__header[data-v-48938041] {
--blu-modal-icon-header-status: #f1ab02;
--blu-modal-header-icon-spacing-gap: 4px 0 8px
}
html[dark] .b-alert .blu-modal__header-status-icon[data-v-48938041] {
color: var(--blu-modal-icon-header-status);
display: flex;
margin: var(--blu-modal-header-icon-spacing-gap)
}
html[dark] .b-danger .blu-modal__header[data-v-48938041] {
--blu-modal-icon-header-status: #ff7373;
--blu-modal-header-icon-spacing-gap: 4px 0 8px
}
html[dark] .b-danger .blu-modal__header-status-icon[data-v-48938041] {
color: var(--blu-modal-icon-header-status);
display: flex;
margin: var(--blu-modal-header-icon-spacing-gap)
}
</style>
<style>
[data-v-ee0005ae],
[data-v-ee0005ae]:after,
[data-v-ee0005ae]:before {
box-sizing: border-box
}
html:not([dark]) .blu-modal__body[data-v-ee0005ae] {
--blu-modal-body-text: 500 16px/20px Blibli, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif;
--blu-modal-body-color: rgba(25, 34, 42, .7019607843);
--blu-modal-body-padding: 4px 16px 12px;
--blu-modal-body-addition-gap: 8px 16px;
font: var(--blu-modal-body-text);
color: var(--blu-modal-body-color);
display: flex;
flex-direction: column;
overscroll-behavior: contain
}
html:not([dark]) .blu-modal__body-content[data-v-ee0005ae] {
padding: var(--blu-modal-body-padding)
}
html:not([dark]) .blu-modal__body-addition[data-v-ee0005ae] {
padding: var(--blu-modal-body-addition-gap)
}
html:not([dark]) .blu-modal__body.b-has-no-padding[data-v-ee0005ae] {
--blu-modal-body-padding: 0
}
@media screen and (max-width:839px) {
html:not([dark]) .blu-modal__body[data-v-ee0005ae] {
--blu-modal-body-text: 500 14px/18px Blibli, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif
}
}
html:not([dark]) .b-overflow-y[data-v-ee0005ae] {
scrollbar-color: rgba(25, 34, 42, .3019607843) transparent;
scrollbar-width: thin
}
html:not([dark]) .b-overflow-y[data-v-ee0005ae]::-webkit-scrollbar {
width: 4px;
height: 8px;
background-color: transparent
}
html:not([dark]) .b-overflow-y[data-v-ee0005ae]::-webkit-scrollbar-track {
margin: 13px 0
}
html:not([dark]) .b-overflow-y[data-v-ee0005ae]::-webkit-scrollbar-thumb {
box-shadow: inset 0 0 14px 14px transparent;
border-radius: 4px;
background-color: #19222a4d;
scrollbar-color: rgba(25, 34, 42, .3019607843)
}
html:not([dark]) .b-overflow-y[data-v-ee0005ae]:hover::-webkit-scrollbar {
width: 4px
}
html:not([dark]) .b-overflow-y[data-v-ee0005ae]:hover::-webkit-scrollbar-track {
border: solid 2px transparent
}
html:not([dark]) .b-overflow-y[data-v-ee0005ae]:hover::-webkit-scrollbar-thumb:hover {
box-shadow: inset 0 0 14px 14px transparent;
background-color: #19222a4d;
scrollbar-color: rgba(25, 34, 42, .3019607843) transparent
}
html:not([dark]) .b-overflow-y[data-v-ee0005ae]::-webkit-scrollbar-track {
border-radius: 3px;
background-color: transparent
}
html:not([dark]) .b-overflow-y.hidden[data-v-ee0005ae] {
scrollbar-width: none
}
html:not([dark]) .b-overflow-y.hidden[data-v-ee0005ae]::-webkit-scrollbar-thumb {
border-radius: 4px;
background-color: transparent
}
html:not([dark]) .b-overflow-y.hidden[data-v-ee0005ae]:hover {
scrollbar-width: thin
}
html:not([dark]) .b-overflow-y.hidden[data-v-ee0005ae]:hover::-webkit-scrollbar-thumb {
box-shadow: inset 0 0 14px 14px transparent;
border-radius: 4px;
background-color: #19222a4d;
scrollbar-color: rgba(25, 34, 42, .3019607843) transparent
}
html:not([dark]) .b-overflow-y.hidden[data-v-ee0005ae]:hover::-webkit-scrollbar-thumb:hover {
box-shadow: inset 0 0 14px 14px transparent;
background-color: #19222a4d;
scrollbar-color: rgba(25, 34, 42, .3019607843) transparent
}
html:not([dark]) .b-overflow-y[data-v-ee0005ae] {
overflow-y: auto;
margin: 0
}
html[dark] .blu-modal__body[data-v-ee0005ae] {
--blu-modal-body-text: 500 16px/20px Blibli, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif;
--blu-modal-body-color: rgba(255, 255, 255, .8);
--blu-modal-body-padding: 4px 16px 12px;
--blu-modal-body-addition-gap: 8px 16px;
font: var(--blu-modal-body-text);
color: var(--blu-modal-body-color);
display: flex;
flex-direction: column;
overscroll-behavior: contain
}
html[dark] .blu-modal__body-content[data-v-ee0005ae] {
padding: var(--blu-modal-body-padding)
}
html[dark] .blu-modal__body-addition[data-v-ee0005ae] {
padding: var(--blu-modal-body-addition-gap)
}
html[dark] .blu-modal__body.b-has-no-padding[data-v-ee0005ae] {
--blu-modal-body-padding: 0
}
@media screen and (max-width:839px) {
html[dark] .blu-modal__body[data-v-ee0005ae] {
--blu-modal-body-text: 500 14px/18px Blibli, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif
}
}
html[dark] .b-overflow-y[data-v-ee0005ae] {
scrollbar-color: rgba(255, 255, 255, .3019607843) transparent;
scrollbar-width: thin
}
html[dark] .b-overflow-y[data-v-ee0005ae]::-webkit-scrollbar {
width: 4px;
height: 8px;
background-color: transparent
}
html[dark] .b-overflow-y[data-v-ee0005ae]::-webkit-scrollbar-track {
margin: 13px 0
}
html[dark] .b-overflow-y[data-v-ee0005ae]::-webkit-scrollbar-thumb {
box-shadow: inset 0 0 14px 14px transparent;
border-radius: 4px;
background-color: #ffffff4d;
scrollbar-color: rgba(255, 255, 255, .3019607843)
}
html[dark] .b-overflow-y[data-v-ee0005ae]:hover::-webkit-scrollbar {
width: 4px
}
html[dark] .b-overflow-y[data-v-ee0005ae]:hover::-webkit-scrollbar-track {
border: solid 2px transparent
}
html[dark] .b-overflow-y[data-v-ee0005ae]:hover::-webkit-scrollbar-thumb:hover {
box-shadow: inset 0 0 14px 14px transparent;
background-color: #ffffff4d;
scrollbar-color: rgba(255, 255, 255, .3019607843) transparent
}
html[dark] .b-overflow-y[data-v-ee0005ae]::-webkit-scrollbar-track {
border-radius: 3px;
background-color: transparent
}
html[dark] .b-overflow-y.hidden[data-v-ee0005ae] {
scrollbar-width: none
}
html[dark] .b-overflow-y.hidden[data-v-ee0005ae]::-webkit-scrollbar-thumb {
border-radius: 4px;
background-color: transparent
}
html[dark] .b-overflow-y.hidden[data-v-ee0005ae]:hover {
scrollbar-width: thin
}
html[dark] .b-overflow-y.hidden[data-v-ee0005ae]:hover::-webkit-scrollbar-thumb {
box-shadow: inset 0 0 14px 14px transparent;
border-radius: 4px;
background-color: #ffffff4d;
scrollbar-color: rgba(255, 255, 255, .3019607843) transparent
}
html[dark] .b-overflow-y.hidden[data-v-ee0005ae]:hover::-webkit-scrollbar-thumb:hover {
box-shadow: inset 0 0 14px 14px transparent;
background-color: #ffffff4d;
scrollbar-color: rgba(255, 255, 255, .3019607843) transparent
}
html[dark] .b-overflow-y[data-v-ee0005ae] {
overflow-y: auto;
margin: 0
}
</style>
<style>
html:not([dark]) .blu-modal__footer[data-v-1b4528ab] {
--blu-modal-footer-padding: 16px;
--blu-modal-footer-gap: 8px;
display: flex;
justify-content: flex-end;
padding: var(--blu-modal-footer-padding);
box-sizing: border-box;
margin-top: auto
}
html:not([dark]) .blu-modal__footer[data-v-1b4528ab]:not(.b-long-action) :not(:last-child) {
margin-right: var(--blu-modal-footer-gap)
}
html:not([dark]) .blu-modal__footer.b-long-action[data-v-1b4528ab] {
flex-direction: column-reverse
}
html:not([dark]) .blu-modal__footer.b-long-action[data-v-1b4528ab] :not(:first-child) {
margin-bottom: var(--blu-modal-footer-gap)
}
@media screen and (max-width:839px) {
html:not([dark]) .blu-modal__footer[data-v-1b4528ab] .blu-button {
width: 100%
}
}
html[dark] .blu-modal__footer[data-v-1b4528ab] {
--blu-modal-footer-padding: 16px;
--blu-modal-footer-gap: 8px;
display: flex;
justify-content: flex-end;
padding: var(--blu-modal-footer-padding);
box-sizing: border-box;
margin-top: auto
}
html[dark] .blu-modal__footer[data-v-1b4528ab]:not(.b-long-action) :not(:last-child) {
margin-right: var(--blu-modal-footer-gap)
}
html[dark] .blu-modal__footer.b-long-action[data-v-1b4528ab] {
flex-direction: column-reverse
}
html[dark] .blu-modal__footer.b-long-action[data-v-1b4528ab] :not(:first-child) {
margin-bottom: var(--blu-modal-footer-gap)
}
@media screen and (max-width:839px) {
html[dark] .blu-modal__footer[data-v-1b4528ab] .blu-button {
width: 100%
}
}
</style>
<style>
html:not([dark]) .blu-banner[data-v-2470b354] {
--blu-banner-action-text: 600 16px/20px Blibli, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif;
--blu-banner-desc-text: 500 16px/20px Blibli, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif;
--blu-banner-label-text: 600 16px/20px Blibli, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif;
--blu-banner-link-text: 500 16px/20px Blibli, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif;
--blu-banner-action-group-spacing-gap: 16px;
--blu-banner-action-group-spacing-padding: 8px 0;
--blu-banner-container-spacing-gap: 8px;
--blu-banner-spacing-gap: 8px;
--blu-banner-spacing-padding: 8px;
--blu-banner-icon-size: 24px;
--blu-banner-icon-close-color: #797f85;
--blu-banner-image-size: 40px;
display: flex;
padding: var(--blu-banner-spacing-padding);
background-color: var(--blu-banner-color-background);
border: 1px solid var(--blu-banner-color-border);
width: fit-content;
box-sizing: border-box;
border-radius: 8px
}
html:not([dark]) .blu-banner[data-v-2470b354]>:not(:last-child) {
margin-right: var(--blu-banner-spacing-gap)
}
html:not([dark]) .blu-banner[data-v-2470b354] svg {
width: var(--blu-banner-icon-size);
height: var(--blu-banner-icon-size);
flex-shrink: 0
}
html:not([dark]) .blu-banner[data-v-2470b354] img {
width: var(--blu-banner-image-size);
height: var(--blu-banner-image-size);
border-radius: 4px
}
html:not([dark]) .blu-banner[data-v-2470b354] a {
color: #006dea;
text-decoration: none
}
html:not([dark]) .blu-banner[data-v-2470b354] a:focus-visible {
outline: #19222a solid 2px
}
html:not([dark]) .blu-banner .status-icon[data-v-2470b354] {
color: var(--blu-banner-color-icon)
}
html:not([dark]) .blu-banner .close-icon[data-v-2470b354] {
cursor: pointer;
margin-left: auto;
color: var(--blu-banner-icon-close-color)
}
html:not([dark]) .blu-banner .close-icon[data-v-2470b354]:focus-visible {
outline: #19222a solid 2px
}
html:not([dark]) .blu-banner__label[data-v-2470b354] {
font: var(--blu-banner-label-text);
color: #19222a
}
html:not([dark]) .blu-banner__desc[data-v-2470b354] {
font: var(--blu-banner-desc-text);
color: #19222ab3
}
html:not([dark]) .blu-banner__desc[data-v-2470b354] a {
font: var(--blu-banner-link-text)
}
html:not([dark]) .blu-banner__container[data-v-2470b354] {
display: flex;
flex-direction: column;
justify-content: center
}
html:not([dark]) .blu-banner__container>[data-v-2470b354]:not(:last-child) {
margin-bottom: var(--blu-banner-container-spacing-gap)
}
html:not([dark]) .blu-banner__action-group[data-v-2470b354] {
display: flex
}
html:not([dark]) .blu-banner__action-group[data-v-2470b354] :not(:last-child) {
margin-right: var(--blu-banner-action-group-spacing-gap)
}
html:not([dark]) .blu-banner__action-group[data-v-2470b354] a {
padding: var(--blu-banner-action-group-spacing-padding);
font: var(--blu-banner-action-text)
}
html:not([dark]) .blu-banner.b-small[data-v-2470b354] {
--blu-banner-action-text: 600 14px/18px Blibli, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif;
--blu-banner-desc-text: 500 14px/18px Blibli, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif;
--blu-banner-label-text: 600 14px/18px Blibli, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif;
--blu-banner-link-text: 500 14px/18px Blibli, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif;
--blu-banner-action-group-spacing-gap: 16px;
--blu-banner-action-group-spacing-padding: 4px 0;
--blu-banner-container-spacing-gap: 8px;
--blu-banner-spacing-gap: 8px;
--blu-banner-spacing-padding: 8px 12px;
--blu-banner-icon-size: 18px;
--blu-banner-image-size: 32px
}
html:not([dark]) .blu-banner.b-horizontal .blu-banner__container[data-v-2470b354] {
flex-direction: row
}
html:not([dark]) .blu-banner.b-horizontal .blu-banner__container>[data-v-2470b354]:not(:last-child) {
margin-right: var(--blu-banner-container-spacing-gap);
margin-bottom: 0
}
html:not([dark]) .blu-banner.b-long-action .blu-banner__action-group[data-v-2470b354] {
flex-direction: column
}
html:not([dark]) .blu-banner.b-full-width[data-v-2470b354] {
width: 100%
}
html:not([dark]) .blu-banner.b-info[data-v-2470b354] {
--blu-banner-color-background: #f3f9ff;
--blu-banner-color-border: #b9deff;
--blu-banner-color-icon: #CEC43F
}
html:not([dark]) .blu-banner.b-alert[data-v-2470b354] {
--blu-banner-color-background: #fff8e0;
--blu-banner-color-border: #fedd6c;
--blu-banner-color-icon: #bc6e06
}
html:not([dark]) .blu-banner.b-error[data-v-2470b354] {
--blu-banner-color-background: #fff5f5;
--blu-banner-color-border: #fecccb;
--blu-banner-color-icon: #e93c3c
}
html:not([dark]) .blu-banner.b-success[data-v-2470b354] {
--blu-banner-color-background: #effcf0;
--blu-banner-color-border: #b2efb9;
--blu-banner-color-icon: #1f912e
}
html:not([dark]) .blu-banner.b-general[data-v-2470b354] {
--blu-banner-color-background: #f9f9fa;
--blu-banner-color-border: #e1e3e4
}
html[dark] .blu-banner[data-v-2470b354] {
--blu-banner-action-text: 600 16px/20px Blibli, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif;
--blu-banner-desc-text: 500 16px/20px Blibli, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif;
--blu-banner-label-text: 600 16px/20px Blibli, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif;
--blu-banner-link-text: 500 16px/20px Blibli, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif;
--blu-banner-action-group-spacing-gap: 16px;
--blu-banner-action-group-spacing-padding: 8px 0;
--blu-banner-container-spacing-gap: 8px;
--blu-banner-spacing-gap: 8px;
--blu-banner-spacing-padding: 8px;
--blu-banner-icon-size: 24px;
--blu-banner-icon-close-color: #acb0b4;
--blu-banner-image-size: 40px;
display: flex;
padding: var(--blu-banner-spacing-padding);
background-color: var(--blu-banner-color-background);
border: 1px solid var(--blu-banner-color-border);
width: fit-content;
box-sizing: border-box;
border-radius: 8px
}
html[dark] .blu-banner[data-v-2470b354]>:not(:last-child) {
margin-right: var(--blu-banner-spacing-gap)
}
html[dark] .blu-banner[data-v-2470b354] svg {
width: var(--blu-banner-icon-size);
height: var(--blu-banner-icon-size);
flex-shrink: 0
}
html[dark] .blu-banner[data-v-2470b354] img {
width: var(--blu-banner-image-size);
height: var(--blu-banner-image-size);
border-radius: 4px
}
html[dark] .blu-banner[data-v-2470b354] a {
color: #4fa4ff;
text-decoration: none
}
html[dark] .blu-banner[data-v-2470b354] a:focus-visible {
outline: #f9f9fa solid 2px
}
html[dark] .blu-banner .status-icon[data-v-2470b354] {
color: var(--blu-banner-color-icon)
}
html[dark] .blu-banner .close-icon[data-v-2470b354] {
cursor: pointer;
margin-left: auto;
color: var(--blu-banner-icon-close-color)
}
html[dark] .blu-banner .close-icon[data-v-2470b354]:focus-visible {
outline: #f9f9fa solid 2px
}
html[dark] .blu-banner__label[data-v-2470b354] {
font: var(--blu-banner-label-text);
color: #fff
}
html[dark] .blu-banner__desc[data-v-2470b354] {
font: var(--blu-banner-desc-text);
color: #fffc
}
html[dark] .blu-banner__desc[data-v-2470b354] a {
font: var(--blu-banner-link-text)
}
html[dark] .blu-banner__container[data-v-2470b354] {
display: flex;
flex-direction: column;
justify-content: center
}
html[dark] .blu-banner__container>[data-v-2470b354]:not(:last-child) {
margin-bottom: var(--blu-banner-container-spacing-gap)
}
html[dark] .blu-banner__action-group[data-v-2470b354] {
display: flex
}
html[dark] .blu-banner__action-group[data-v-2470b354] :not(:last-child) {
margin-right: var(--blu-banner-action-group-spacing-gap)
}
html[dark] .blu-banner__action-group[data-v-2470b354] a {
padding: var(--blu-banner-action-group-spacing-padding);
font: var(--blu-banner-action-text)
}
html[dark] .blu-banner.b-small[data-v-2470b354] {
--blu-banner-action-text: 600 14px/18px Blibli, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif;
--blu-banner-desc-text: 500 14px/18px Blibli, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif;
--blu-banner-label-text: 600 14px/18px Blibli, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif;
--blu-banner-link-text: 500 14px/18px Blibli, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif;
--blu-banner-action-group-spacing-gap: 16px;
--blu-banner-action-group-spacing-padding: 4px 0;
--blu-banner-container-spacing-gap: 8px;
--blu-banner-spacing-gap: 8px;
--blu-banner-spacing-padding: 8px 12px;
--blu-banner-icon-size: 18px;
--blu-banner-image-size: 32px
}
html[dark] .blu-banner.b-horizontal .blu-banner__container[data-v-2470b354] {
flex-direction: row
}
html[dark] .blu-banner.b-horizontal .blu-banner__container>[data-v-2470b354]:not(:last-child) {
margin-right: var(--blu-banner-container-spacing-gap);
margin-bottom: 0
}
html[dark] .blu-banner.b-long-action .blu-banner__action-group[data-v-2470b354] {
flex-direction: column
}
html[dark] .blu-banner.b-full-width[data-v-2470b354] {
width: 100%
}
html[dark] .blu-banner.b-info[data-v-2470b354] {
--blu-banner-color-background: #002e7a;
--blu-banner-color-border: #0050bd;
--blu-banner-color-icon: #4fa4ff
}
html[dark] .blu-banner.b-alert[data-v-2470b354] {
--blu-banner-color-background: #4d2c02;
--blu-banner-color-border: #7e4704;
--blu-banner-color-icon: #f1ab02
}
html[dark] .blu-banner.b-error[data-v-2470b354] {
--blu-banner-color-background: #631818;
--blu-banner-color-border: #a32727;
--blu-banner-color-icon: #ff7373
}
html[dark] .blu-banner.b-success[data-v-2470b354] {
--blu-banner-color-background: #0d3c13;
--blu-banner-color-border: #15631f;
--blu-banner-color-icon: #02c82b
}
html[dark] .blu-banner.b-general[data-v-2470b354] {
--blu-banner-color-background: #19222a;
--blu-banner-color-border: #3b444c
}
</style>
<style>
html:not([dark]) .blu-loader-general[data-v-5f0af726] {
--blu-loader-general-highlight-color-background: #1d8fff;
--blu-loader-general-base-color-background: #f1f2f2;
width: var(--blu-loader-general-size);
height: var(--blu-loader-general-size)
}
html:not([dark]) .blu-loader-general__asset[data-v-5f0af726] {
animation: general-rotate-5f0af726 1.6s linear infinite;
transform-origin: center center;
transition: all .5s ease-in-out;
width: 100%;
height: 100%;
margin: auto;
transform: rotate(90deg)
}
html:not([dark]) .blu-loader-general__asset--base[data-v-5f0af726],
html:not([dark]) .blu-loader-general__asset--highlight[data-v-5f0af726] {
stroke-linecap: round
}
html:not([dark]) .blu-loader-general__asset--highlight[data-v-5f0af726] {
stroke: var(--blu-loader-general-highlight-color-background);
animation: general-highlight-5f0af726 1.6s linear infinite
}
html:not([dark]) .blu-loader-general__asset--base[data-v-5f0af726] {
stroke: var(--blu-loader-general-base-color-background);
animation: general-base-5f0af726 1.6s linear infinite
}
html:not([dark]) .blu-loader-general.b-inverted[data-v-5f0af726] {
--blu-loader-general-highlight-color-background: #ffffff;
--blu-loader-general-base-color-background: #c8cbcd
}
html:not([dark]) .blu-loader-general.b-size-s[data-v-5f0af726] {
--blu-loader-general-size: 16px
}
html:not([dark]) .blu-loader-general.b-size-m[data-v-5f0af726] {
--blu-loader-general-size: 18px
}
html:not([dark]) .blu-loader-general.b-size-l[data-v-5f0af726] {
--blu-loader-general-size: 24px
}
html:not([dark]) .blu-loader-general.b-size-xl[data-v-5f0af726] {
--blu-loader-general-size: 32px
}
html[dark] .blu-loader-general[data-v-5f0af726] {
--blu-loader-general-highlight-color-background: #4fa4ff;
--blu-loader-general-base-color-background: #28323b;
width: var(--blu-loader-general-size);
height: var(--blu-loader-general-size)
}
html[dark] .blu-loader-general__asset[data-v-5f0af726] {
animation: general-rotate-5f0af726 1.6s linear infinite;
transform-origin: center center;
transition: all .5s ease-in-out;
width: 100%;
height: 100%;
margin: auto;
transform: rotate(90deg)
}
html[dark] .blu-loader-general__asset--base[data-v-5f0af726],
html[dark] .blu-loader-general__asset--highlight[data-v-5f0af726] {
stroke-linecap: round
}
html[dark] .blu-loader-general__asset--highlight[data-v-5f0af726] {
stroke: var(--blu-loader-general-highlight-color-background);
animation: general-highlight-5f0af726 1.6s linear infinite
}
html[dark] .blu-loader-general__asset--base[data-v-5f0af726] {
stroke: var(--blu-loader-general-base-color-background);
animation: general-base-5f0af726 1.6s linear infinite
}
html[dark] .blu-loader-general.b-inverted[data-v-5f0af726] {
--blu-loader-general-highlight-color-background: #12171d;
--blu-loader-general-base-color-background: #60686e
}
html[dark] .blu-loader-general.b-size-s[data-v-5f0af726] {
--blu-loader-general-size: 16px
}
html[dark] .blu-loader-general.b-size-m[data-v-5f0af726] {
--blu-loader-general-size: 18px
}
html[dark] .blu-loader-general.b-size-l[data-v-5f0af726] {
--blu-loader-general-size: 24px
}
html[dark] .blu-loader-general.b-size-xl[data-v-5f0af726] {
--blu-loader-general-size: 32px
}
@keyframes general-highlight-5f0af726 {
0% {
stroke-dasharray: 1, 200;
stroke-dashoffset: 0
}
50% {
stroke-dasharray: 50, 200;
stroke-dashoffset: -15px
}
to {
stroke-dasharray: 50, 200;
stroke-dashoffset: -124px
}
}
@keyframes general-base-5f0af726 {
0% {
stroke-dasharray: 1, 200;
stroke-dashoffset: 0
}
to {
stroke-dasharray: 100, 200;
stroke-dashoffset: -120px
}
}
@keyframes general-rotate-5f0af726 {
to {
transform: rotate(450deg)
}
}
</style>
<style>
html:not([dark]) .b-overflow-y[data-v-7b49b436] {
scrollbar-color: rgba(25, 34, 42, .3019607843) transparent;
scrollbar-width: thin
}
html:not([dark]) .b-overflow-y[data-v-7b49b436]::-webkit-scrollbar {
width: 4px;
height: 8px;
background-color: transparent
}
html:not([dark]) .b-overflow-y[data-v-7b49b436]::-webkit-scrollbar-track {
margin: 13px 0
}
html:not([dark]) .b-overflow-y[data-v-7b49b436]::-webkit-scrollbar-thumb {
box-shadow: inset 0 0 14px 14px transparent;
border-radius: 4px;
background-color: #19222a4d;
scrollbar-color: rgba(25, 34, 42, .3019607843)
}
html:not([dark]) .b-overflow-y[data-v-7b49b436]:hover::-webkit-scrollbar {
width: 4px
}
html:not([dark]) .b-overflow-y[data-v-7b49b436]:hover::-webkit-scrollbar-track {
border: solid 2px transparent
}
html:not([dark]) .b-overflow-y[data-v-7b49b436]:hover::-webkit-scrollbar-thumb:hover {
box-shadow: inset 0 0 14px 14px transparent;
background-color: #19222a4d;
scrollbar-color: rgba(25, 34, 42, .3019607843) transparent
}
html:not([dark]) .b-overflow-y[data-v-7b49b436]::-webkit-scrollbar-track {
border-radius: 3px;
background-color: transparent
}
html:not([dark]) .b-overflow-y.hidden[data-v-7b49b436] {
scrollbar-width: none
}
html:not([dark]) .b-overflow-y.hidden[data-v-7b49b436]::-webkit-scrollbar-thumb {
border-radius: 4px;
background-color: transparent
}
html:not([dark]) .b-overflow-y.hidden[data-v-7b49b436]:hover {
scrollbar-width: thin
}
html:not([dark]) .b-overflow-y.hidden[data-v-7b49b436]:hover::-webkit-scrollbar-thumb {
box-shadow: inset 0 0 14px 14px transparent;
border-radius: 4px;
background-color: #19222a4d;
scrollbar-color: rgba(25, 34, 42, .3019607843) transparent
}
html:not([dark]) .b-overflow-y.hidden[data-v-7b49b436]:hover::-webkit-scrollbar-thumb:hover {
box-shadow: inset 0 0 14px 14px transparent;
background-color: #19222a4d;
scrollbar-color: rgba(25, 34, 42, .3019607843) transparent
}
html:not([dark]) .b-overflow-y[data-v-7b49b436] {
overflow-y: auto;
margin: 0
}
html:not([dark]) .blu-list__child .blu-list-group[data-v-7b49b436] {
overflow: hidden
}
html:not([dark]) .blu-list__child .blu-list-group[data-v-7b49b436]:not(.b-none):not(.b-group) .blu-list-item:first-child:before {
content: "";
position: absolute;
width: calc(100% - 16px);
left: 8px;
border-top: solid 1px #c8cbcd
}
html:not([dark]) .blu-list-group[data-v-7b49b436]:not(.b-none):not(.b-group)>.blu-list-item:not(:first-child):before {
border-top: solid 1px #c8cbcd;
content: "";
position: absolute;
width: calc(100% - 16px);
left: 8px
}
html:not([dark]) .blu-list-group.b-group[data-v-7b49b436]>.blu-list-item:last-child:after {
border-bottom: solid 1px #c8cbcd;
content: "";
position: absolute;
width: calc(100% - 16px);
left: 8px
}
html[dark] .b-overflow-y[data-v-7b49b436] {
scrollbar-color: rgba(255, 255, 255, .3019607843) transparent;
scrollbar-width: thin
}
html[dark] .b-overflow-y[data-v-7b49b436]::-webkit-scrollbar {
width: 4px;
height: 8px;
background-color: transparent
}
html[dark] .b-overflow-y[data-v-7b49b436]::-webkit-scrollbar-track {
margin: 13px 0
}
html[dark] .b-overflow-y[data-v-7b49b436]::-webkit-scrollbar-thumb {
box-shadow: inset 0 0 14px 14px transparent;
border-radius: 4px;
background-color: #ffffff4d;
scrollbar-color: rgba(255, 255, 255, .3019607843)
}
html[dark] .b-overflow-y[data-v-7b49b436]:hover::-webkit-scrollbar {
width: 4px
}
html[dark] .b-overflow-y[data-v-7b49b436]:hover::-webkit-scrollbar-track {
border: solid 2px transparent
}
html[dark] .b-overflow-y[data-v-7b49b436]:hover::-webkit-scrollbar-thumb:hover {
box-shadow: inset 0 0 14px 14px transparent;
background-color: #ffffff4d;
scrollbar-color: rgba(255, 255, 255, .3019607843) transparent
}
html[dark] .b-overflow-y[data-v-7b49b436]::-webkit-scrollbar-track {
border-radius: 3px;
background-color: transparent
}
html[dark] .b-overflow-y.hidden[data-v-7b49b436] {
scrollbar-width: none
}
html[dark] .b-overflow-y.hidden[data-v-7b49b436]::-webkit-scrollbar-thumb {
border-radius: 4px;
background-color: transparent
}
html[dark] .b-overflow-y.hidden[data-v-7b49b436]:hover {
scrollbar-width: thin
}
html[dark] .b-overflow-y.hidden[data-v-7b49b436]:hover::-webkit-scrollbar-thumb {
box-shadow: inset 0 0 14px 14px transparent;
border-radius: 4px;
background-color: #ffffff4d;
scrollbar-color: rgba(255, 255, 255, .3019607843) transparent
}
html[dark] .b-overflow-y.hidden[data-v-7b49b436]:hover::-webkit-scrollbar-thumb:hover {
box-shadow: inset 0 0 14px 14px transparent;
background-color: #ffffff4d;
scrollbar-color: rgba(255, 255, 255, .3019607843) transparent
}
html[dark] .b-overflow-y[data-v-7b49b436] {
overflow-y: auto;
margin: 0
}
html[dark] .blu-list__child .blu-list-group[data-v-7b49b436] {
overflow: hidden
}
html[dark] .blu-list__child .blu-list-group[data-v-7b49b436]:not(.b-none):not(.b-group) .blu-list-item:first-child:before {
content: "";
position: absolute;
width: calc(100% - 16px);
left: 8px;
border-top: solid 1px #60686e
}
html[dark] .blu-list-group[data-v-7b49b436]:not(.b-none):not(.b-group)>.blu-list-item:not(:first-child):before {
border-top: solid 1px #60686e;
content: "";
position: absolute;
width: calc(100% - 16px);
left: 8px
}
html[dark] .blu-list-group.b-group[data-v-7b49b436]>.blu-list-item:last-child:after {
border-bottom: solid 1px #60686e;
content: "";
position: absolute;
width: calc(100% - 16px);
left: 8px
}
</style>
<style>
html:not([dark]) .blu-checkbox[data-v-03e81a59] {
--blu-checkbox-spacing-padding: 4px 0;
--blu-checkbox-icon-size: 22px;
--blu-checkbox-icon-border-radius: 4px;
--blu-checkbox-icon-padding: 2px;
--blu-checkbox-container-border-radius: 4px;
--blu-checkbox-container-border-width: 1px;
--blu-checkbox-content-spacing-padding: 2px 0;
--blu-checkbox-label-text: 500 14px/18px Blibli, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif;
--blu-checkbox-container-color-border: #c8cbcd;
--blu-checkbox-label-color-text: rgba(25, 34, 42, .7019607843);
--blu-checkbox-cursor: pointer;
--blu-checkbox-asset-color-border: #ffffff;
display: inline-flex;
position: relative;
padding: var(--blu-checkbox-spacing-padding);
outline: 0
}
html:not([dark]) .blu-checkbox [data-v-03e81a59],
html:not([dark]) .blu-checkbox[data-v-03e81a59] {
cursor: var(--blu-checkbox-cursor)
}
html:not([dark]) .blu-checkbox>[data-v-03e81a59]:not(:last-child) {
margin-right: 4px
}
html:not([dark]) .blu-checkbox input[type=checkbox][data-v-03e81a59] {
display: none
}
html:not([dark]) .blu-checkbox__icon[data-v-03e81a59] {
box-sizing: border-box;
width: var(--blu-checkbox-icon-size);
height: var(--blu-checkbox-icon-size);
border-radius: var(--blu-checkbox-icon-border-radius);
padding: var(--blu-checkbox-icon-padding);
background: var(--blu-checkbox-icon-color-background);
box-shadow: inset 0 0 0 var(--blu-checkbox-icon-border-width);
color: var(--blu-checkbox-icon-color-border);
flex-shrink: 0
}
html:not([dark]) .blu-checkbox__container[data-v-03e81a59] {
display: flex;
align-items: center;
justify-content: center;
width: 100%;
height: 100%;
border-radius: var(--blu-checkbox-container-border-radius);
box-shadow: inset 0 0 0 var(--blu-checkbox-container-border-width);
color: var(--blu-checkbox-container-color-border);
background: var(--blu-checkbox-container-color-background)
}
html:not([dark]) .blu-checkbox__container .blu-checkbox__container-asset[data-v-03e81a59] {
transform: rotate(-45deg) translateY(-4px) translate(-3px)
}
html:not([dark]) .blu-checkbox__container .blu-checkbox__container-asset[data-v-03e81a59]:after,
html:not([dark]) .blu-checkbox__container .blu-checkbox__container-asset[data-v-03e81a59]:before {
position: absolute;
content: "";
opacity: 0;
border-radius: 4px
}
html:not([dark]) .blu-checkbox__container .blu-checkbox__container-asset[data-v-03e81a59]:before {
height: 0
}
html:not([dark]) .blu-checkbox__container .blu-checkbox__container-asset[data-v-03e81a59]:before {
width: 2px
}
html:not([dark]) .blu-checkbox__container .blu-checkbox__container-asset[data-v-03e81a59]:after {
width: 0;
height: 2px;
transform: translateY(4px)
}
html:not([dark]) .blu-checkbox__content[data-v-03e81a59] {
display: flex;
flex-direction: column;
padding: var(--blu-checkbox-content-spacing-padding);
font: var(--blu-checkbox-label-text);
color: var(--blu-checkbox-label-color-text)
}
html:not([dark]) .blu-checkbox__content>[data-v-03e81a59]:not(:last-child) {
margin-bottom: 4px
}
html:not([dark]) .blu-checkbox[data-v-03e81a59]:not(.b-disabled):hover {
--blu-checkbox-icon-color-background: #f9f9fa
}
html:not([dark]) .blu-checkbox:not(.b-disabled):hover input[type=checkbox]:checked~.blu-checkbox__icon[data-v-03e81a59],
html:not([dark]) .blu-checkbox:not(.b-disabled):hover input[type=checkbox]:indeterminate~.blu-checkbox__icon[data-v-03e81a59] {
--blu-checkbox-icon-color-background: #f3f9ff
}
html:not([dark]) .blu-checkbox.b-error>input[type=checkbox]:not(:checked):not(:indeterminate)~.blu-checkbox__icon[data-v-03e81a59] {
--blu-checkbox-container-color-border: #ff4646
}
html:not([dark]) .blu-checkbox.b-error>input[type=checkbox]:not(:checked):not(:indeterminate)~.blu-checkbox__content[data-v-03e81a59] {
--blu-checkbox-label-color-text: #d33534
}
html:not([dark]) .blu-checkbox input[type=checkbox]:checked~.blu-checkbox__icon[data-v-03e81a59] {
--blu-checkbox-container-color-background: #1d8fff;
--blu-checkbox-container-color-border: #1d8fff
}
html:not([dark]) .blu-checkbox input[type=checkbox]:checked~.blu-checkbox__icon .blu-checkbox__container[data-v-03e81a59] {
animation: bounce-03e81a59 .3s ease-out
}
html:not([dark]) .blu-checkbox input[type=checkbox]:checked~.blu-checkbox__icon .blu-checkbox__container-asset[data-v-03e81a59] {
visibility: visible
}
html:not([dark]) .blu-checkbox input[type=checkbox]:checked~.blu-checkbox__icon .blu-checkbox__container-asset[data-v-03e81a59]:after,
html:not([dark]) .blu-checkbox input[type=checkbox]:checked~.blu-checkbox__icon .blu-checkbox__container-asset[data-v-03e81a59]:before {
background: var(--blu-checkbox-asset-color-border);
opacity: 1;
transition: all .1s .1s
}
html:not([dark]) .blu-checkbox input[type=checkbox]:checked~.blu-checkbox__icon .blu-checkbox__container-asset[data-v-03e81a59]:before {
height: 6px
}
html:not([dark]) .blu-checkbox input[type=checkbox]:checked~.blu-checkbox__icon .blu-checkbox__container-asset[data-v-03e81a59]:after {
width: 8px
}
html:not([dark]) .blu-checkbox[data-v-03e81a59]:not(.b-disabled):focus-visible {
--blu-checkbox-icon-color-background: #f9f9fa;
--blu-checkbox-icon-color-border: #19222a
}
html:not([dark]) .blu-checkbox[data-v-03e81a59]:not(.b-disabled):focus-visible:not(.b-small) {
--blu-checkbox-icon-border-width: 2px
}
html:not([dark]) .blu-checkbox:not(.b-disabled):focus-visible input[type=checkbox]:checked~.blu-checkbox__icon[data-v-03e81a59],
html:not([dark]) .blu-checkbox:not(.b-disabled):focus-visible input[type=checkbox]:indeterminate~.blu-checkbox__icon[data-v-03e81a59] {
--blu-checkbox-icon-color-background: #f3f9ff
}
html:not([dark]) .blu-checkbox.b-disabled[data-v-03e81a59] {
--blu-checkbox-cursor: not-allowed;
--blu-checkbox-container-color-border: #f1f2f2;
--blu-checkbox-label-color-text: rgba(25, 34, 42, .3019607843);
--blu-checkbox-asset-color-border: #ffffff;
--blu-checkbox-container-color-background: #f9f9fa;
user-select: auto
}
html:not([dark]) .blu-checkbox.b-disabled input[type=checkbox]:checked~.blu-checkbox__icon[data-v-03e81a59],
html:not([dark]) .blu-checkbox.b-disabled input[type=checkbox]:indeterminate~.blu-checkbox__icon[data-v-03e81a59] {
--blu-checkbox-container-color-border: transparent;
--blu-checkbox-container-color-background: rgba(25, 34, 42, .3019607843)
}
html:not([dark]) .blu-checkbox.b-small[data-v-03e81a59] {
--blu-checkbox-icon-size: 18px;
--blu-checkbox-icon-padding: 2px;
--blu-checkbox-icon-border-radius: 4px;
--blu-checkbox-container-border-radius: 4px;
--blu-checkbox-container-border-width: 1px;
--blu-checkbox-content-spacing-padding: 0;
--blu-checkbox-label-text: 500 14px/18px Blibli, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif;
--blu-checkbox-spacing-padding: 3px 0
}
html:not([dark]) .blu-checkbox.b-small[data-v-03e81a59]:focus-visible {
--blu-checkbox-icon-border-width: 2px
}
html:not([dark]) .blu-checkbox.b-small .blu-checkbox__container-asset[data-v-03e81a59] {
transform: rotate(-49deg) translateY(-4px) translate(-2px)
}
html:not([dark]) .blu-checkbox.b-small .blu-checkbox__container-asset[data-v-03e81a59]:after,
html:not([dark]) .blu-checkbox.b-small .blu-checkbox__container-asset[data-v-03e81a59]:before {
position: absolute;
content: "";
opacity: 0;
border-radius: 4px
}
html:not([dark]) .blu-checkbox.b-small .blu-checkbox__container-asset[data-v-03e81a59]:before {
height: 0
}
html:not([dark]) .blu-checkbox.b-small .blu-checkbox__container-asset[data-v-03e81a59]:before {
top: 1px
}
html:not([dark]) .blu-checkbox.b-small input[type=checkbox]:checked~.blu-checkbox__icon .blu-checkbox__container[data-v-03e81a59] {
animation: bounce-03e81a59 .3s ease-out
}
html:not([dark]) .blu-checkbox.b-small input[type=checkbox]:checked~.blu-checkbox__icon .blu-checkbox__container-asset[data-v-03e81a59] {
visibility: visible
}
html:not([dark]) .blu-checkbox.b-small input[type=checkbox]:checked~.blu-checkbox__icon .blu-checkbox__container-asset[data-v-03e81a59]:after,
html:not([dark]) .blu-checkbox.b-small input[type=checkbox]:checked~.blu-checkbox__icon .blu-checkbox__container-asset[data-v-03e81a59]:before {
background: var(--blu-checkbox-asset-color-border);
opacity: 1;
transition: all .1s .1s
}
html:not([dark]) .blu-checkbox.b-small input[type=checkbox]:checked~.blu-checkbox__icon .blu-checkbox__container-asset[data-v-03e81a59]:before {
height: 4px
}
html:not([dark]) .blu-checkbox.b-small input[type=checkbox]:checked~.blu-checkbox__icon .blu-checkbox__container-asset[data-v-03e81a59]:after {
width: 6px
}
html:not([dark]) .blu-checkbox.b-small.b-partial .blu-checkbox__container-asset[data-v-03e81a59] {
transform: rotate(90deg) translateY(-5px) translate(-1px)
}
html:not([dark]) .blu-checkbox.b-small.b-partial .blu-checkbox__container-asset[data-v-03e81a59]:after,
html:not([dark]) .blu-checkbox.b-small.b-partial .blu-checkbox__container-asset[data-v-03e81a59]:before {
position: absolute;
content: "";
opacity: 0;
border-radius: 4px
}
html:not([dark]) .blu-checkbox.b-small.b-partial .blu-checkbox__container-asset[data-v-03e81a59]:before {
height: 0
}
html:not([dark]) .blu-checkbox.b-partial[data-v-03e81a59] {
--blu-checkbox-container-color-background: #1d8fff;
--blu-checkbox-container-color-border: #1d8fff
}
html:not([dark]) .blu-checkbox.b-partial .blu-checkbox__container-asset[data-v-03e81a59] {
transform: rotate(90deg) translateY(-4px) translate(-1px)
}
html:not([dark]) .blu-checkbox.b-partial .blu-checkbox__container-asset[data-v-03e81a59]:after,
html:not([dark]) .blu-checkbox.b-partial .blu-checkbox__container-asset[data-v-03e81a59]:before {
position: absolute;
content: "";
opacity: 0;
border-radius: 4px
}
html:not([dark]) .blu-checkbox.b-partial .blu-checkbox__container-asset[data-v-03e81a59]:before {
height: 0
}
html:not([dark]) .blu-checkbox.b-partial .blu-checkbox__container-asset[data-v-03e81a59]:before {
width: 2px
}
html:not([dark]) .blu-checkbox.b-partial .blu-checkbox__container-asset[data-v-03e81a59]:after {
display: none
}
html:not([dark]) .blu-checkbox.b-partial input[type=checkbox]:indeterminate+.blu-checkbox__icon .blu-checkbox__container[data-v-03e81a59] {
animation: bounce-03e81a59 .3s ease-out
}
html:not([dark]) .blu-checkbox.b-partial input[type=checkbox]:indeterminate+.blu-checkbox__icon .blu-checkbox__container-asset[data-v-03e81a59] {
visibility: visible
}
html:not([dark]) .blu-checkbox.b-partial input[type=checkbox]:indeterminate+.blu-checkbox__icon .blu-checkbox__container-asset[data-v-03e81a59]:after,
html:not([dark]) .blu-checkbox.b-partial input[type=checkbox]:indeterminate+.blu-checkbox__icon .blu-checkbox__container-asset[data-v-03e81a59]:before {
background: var(--blu-checkbox-asset-color-border);
opacity: 1;
transition: all .1s .1s
}
html:not([dark]) .blu-checkbox.b-partial input[type=checkbox]:indeterminate+.blu-checkbox__icon .blu-checkbox__container-asset[data-v-03e81a59]:before {
height: 8px
}
@keyframes bounce-03e81a59 {
25% {
transform: scale(.9)
}
50% {
transform: scale(1.1)
}
}
html[dark] .blu-checkbox[data-v-03e81a59] {
--blu-checkbox-spacing-padding: 4px 0;
--blu-checkbox-icon-size: 22px;
--blu-checkbox-icon-border-radius: 4px;
--blu-checkbox-icon-padding: 2px;
--blu-checkbox-container-border-radius: 4px;
--blu-checkbox-container-border-width: 1px;
--blu-checkbox-content-spacing-padding: 2px 0;
--blu-checkbox-label-text: 500 14px/18px Blibli, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif;
--blu-checkbox-container-color-border: #60686e;
--blu-checkbox-label-color-text: rgba(255, 255, 255, .8);
--blu-checkbox-cursor: pointer;
--blu-checkbox-asset-color-border: #ffffff;
display: inline-flex;
position: relative;
padding: var(--blu-checkbox-spacing-padding);
outline: 0
}
html[dark] .blu-checkbox [data-v-03e81a59],
html[dark] .blu-checkbox[data-v-03e81a59] {
cursor: var(--blu-checkbox-cursor)
}
html[dark] .blu-checkbox>[data-v-03e81a59]:not(:last-child) {
margin-right: 4px
}
html[dark] .blu-checkbox input[type=checkbox][data-v-03e81a59] {
display: none
}
html[dark] .blu-checkbox__icon[data-v-03e81a59] {
box-sizing: border-box;
width: var(--blu-checkbox-icon-size);
height: var(--blu-checkbox-icon-size);
border-radius: var(--blu-checkbox-icon-border-radius);
padding: var(--blu-checkbox-icon-padding);
background: var(--blu-checkbox-icon-color-background);
box-shadow: inset 0 0 0 var(--blu-checkbox-icon-border-width);
color: var(--blu-checkbox-icon-color-border);
flex-shrink: 0
}
html[dark] .blu-checkbox__container[data-v-03e81a59] {
display: flex;
align-items: center;
justify-content: center;
width: 100%;
height: 100%;
border-radius: var(--blu-checkbox-container-border-radius);
box-shadow: inset 0 0 0 var(--blu-checkbox-container-border-width);
color: var(--blu-checkbox-container-color-border);
background: var(--blu-checkbox-container-color-background)
}
html[dark] .blu-checkbox__container .blu-checkbox__container-asset[data-v-03e81a59] {
transform: rotate(-45deg) translateY(-4px) translate(-3px)
}
html[dark] .blu-checkbox__container .blu-checkbox__container-asset[data-v-03e81a59]:after,
html[dark] .blu-checkbox__container .blu-checkbox__container-asset[data-v-03e81a59]:before {
position: absolute;
content: "";
opacity: 0;
border-radius: 4px
}
html[dark] .blu-checkbox__container .blu-checkbox__container-asset[data-v-03e81a59]:before {
height: 0
}
html[dark] .blu-checkbox__container .blu-checkbox__container-asset[data-v-03e81a59]:before {
width: 2px
}
html[dark] .blu-checkbox__container .blu-checkbox__container-asset[data-v-03e81a59]:after {
width: 0;
height: 2px;
transform: translateY(4px)
}
html[dark] .blu-checkbox__content[data-v-03e81a59] {
display: flex;
flex-direction: column;
padding: var(--blu-checkbox-content-spacing-padding);
font: var(--blu-checkbox-label-text);
color: var(--blu-checkbox-label-color-text)
}
html[dark] .blu-checkbox__content>[data-v-03e81a59]:not(:last-child) {
margin-bottom: 4px
}
html[dark] .blu-checkbox[data-v-03e81a59]:not(.b-disabled):hover {
--blu-checkbox-icon-color-background: #19222a
}
html[dark] .blu-checkbox:not(.b-disabled):hover input[type=checkbox]:checked~.blu-checkbox__icon[data-v-03e81a59],
html[dark] .blu-checkbox:not(.b-disabled):hover input[type=checkbox]:indeterminate~.blu-checkbox__icon[data-v-03e81a59] {
--blu-checkbox-icon-color-background: #002e7a
}
html[dark] .blu-checkbox.b-error>input[type=checkbox]:not(:checked):not(:indeterminate)~.blu-checkbox__icon[data-v-03e81a59] {
--blu-checkbox-container-color-border: #ff7373
}
html[dark] .blu-checkbox.b-error>input[type=checkbox]:not(:checked):not(:indeterminate)~.blu-checkbox__content[data-v-03e81a59] {
--blu-checkbox-label-color-text: #ff7373
}
html[dark] .blu-checkbox input[type=checkbox]:checked~.blu-checkbox__icon[data-v-03e81a59] {
--blu-checkbox-container-color-background: #1d8fff;
--blu-checkbox-container-color-border: #1d8fff
}
html[dark] .blu-checkbox input[type=checkbox]:checked~.blu-checkbox__icon .blu-checkbox__container[data-v-03e81a59] {
animation: bounce-03e81a59 .3s ease-out
}
html[dark] .blu-checkbox input[type=checkbox]:checked~.blu-checkbox__icon .blu-checkbox__container-asset[data-v-03e81a59] {
visibility: visible
}
html[dark] .blu-checkbox input[type=checkbox]:checked~.blu-checkbox__icon .blu-checkbox__container-asset[data-v-03e81a59]:after,
html[dark] .blu-checkbox input[type=checkbox]:checked~.blu-checkbox__icon .blu-checkbox__container-asset[data-v-03e81a59]:before {
background: var(--blu-checkbox-asset-color-border);
opacity: 1;
transition: all .1s .1s
}
html[dark] .blu-checkbox input[type=checkbox]:checked~.blu-checkbox__icon .blu-checkbox__container-asset[data-v-03e81a59]:before {
height: 6px
}
html[dark] .blu-checkbox input[type=checkbox]:checked~.blu-checkbox__icon .blu-checkbox__container-asset[data-v-03e81a59]:after {
width: 8px
}
html[dark] .blu-checkbox[data-v-03e81a59]:not(.b-disabled):focus-visible {
--blu-checkbox-icon-color-background: #19222a;
--blu-checkbox-icon-color-border: #f9f9fa
}
html[dark] .blu-checkbox[data-v-03e81a59]:not(.b-disabled):focus-visible:not(.b-small) {
--blu-checkbox-icon-border-width: 2px
}
html[dark] .blu-checkbox:not(.b-disabled):focus-visible input[type=checkbox]:checked~.blu-checkbox__icon[data-v-03e81a59],
html[dark] .blu-checkbox:not(.b-disabled):focus-visible input[type=checkbox]:indeterminate~.blu-checkbox__icon[data-v-03e81a59] {
--blu-checkbox-icon-color-background: #002e7a
}
html[dark] .blu-checkbox.b-disabled[data-v-03e81a59] {
--blu-checkbox-cursor: not-allowed;
--blu-checkbox-container-color-border: #28323b;
--blu-checkbox-label-color-text: rgba(255, 255, 255, .3019607843);
--blu-checkbox-asset-color-border: #12171d;
--blu-checkbox-container-color-background: #19222a;
user-select: auto
}
html[dark] .blu-checkbox.b-disabled input[type=checkbox]:checked~.blu-checkbox__icon[data-v-03e81a59],
html[dark] .blu-checkbox.b-disabled input[type=checkbox]:indeterminate~.blu-checkbox__icon[data-v-03e81a59] {
--blu-checkbox-container-color-border: transparent;
--blu-checkbox-container-color-background: rgba(255, 255, 255, .3019607843)
}
html[dark] .blu-checkbox.b-small[data-v-03e81a59] {
--blu-checkbox-icon-size: 18px;
--blu-checkbox-icon-padding: 2px;
--blu-checkbox-icon-border-radius: 4px;
--blu-checkbox-container-border-radius: 4px;
--blu-checkbox-container-border-width: 1px;
--blu-checkbox-content-spacing-padding: 0;
--blu-checkbox-label-text: 500 14px/18px Blibli, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif;
--blu-checkbox-spacing-padding: 3px 0
}
html[dark] .blu-checkbox.b-small[data-v-03e81a59]:focus-visible {
--blu-checkbox-icon-border-width: 2px
}
html[dark] .blu-checkbox.b-small .blu-checkbox__container-asset[data-v-03e81a59] {
transform: rotate(-49deg) translateY(-4px) translate(-2px)
}
html[dark] .blu-checkbox.b-small .blu-checkbox__container-asset[data-v-03e81a59]:after,
html[dark] .blu-checkbox.b-small .blu-checkbox__container-asset[data-v-03e81a59]:before {
position: absolute;
content: "";
opacity: 0;
border-radius: 4px
}
html[dark] .blu-checkbox.b-small .blu-checkbox__container-asset[data-v-03e81a59]:before {
height: 0
}
html[dark] .blu-checkbox.b-small .blu-checkbox__container-asset[data-v-03e81a59]:before {
top: 1px
}
html[dark] .blu-checkbox.b-small input[type=checkbox]:checked~.blu-checkbox__icon .blu-checkbox__container[data-v-03e81a59] {
animation: bounce-03e81a59 .3s ease-out
}
html[dark] .blu-checkbox.b-small input[type=checkbox]:checked~.blu-checkbox__icon .blu-checkbox__container-asset[data-v-03e81a59] {
visibility: visible
}
html[dark] .blu-checkbox.b-small input[type=checkbox]:checked~.blu-checkbox__icon .blu-checkbox__container-asset[data-v-03e81a59]:after,
html[dark] .blu-checkbox.b-small input[type=checkbox]:checked~.blu-checkbox__icon .blu-checkbox__container-asset[data-v-03e81a59]:before {
background: var(--blu-checkbox-asset-color-border);
opacity: 1;
transition: all .1s .1s
}
html[dark] .blu-checkbox.b-small input[type=checkbox]:checked~.blu-checkbox__icon .blu-checkbox__container-asset[data-v-03e81a59]:before {
height: 4px
}
html[dark] .blu-checkbox.b-small input[type=checkbox]:checked~.blu-checkbox__icon .blu-checkbox__container-asset[data-v-03e81a59]:after {
width: 6px
}
html[dark] .blu-checkbox.b-small.b-partial .blu-checkbox__container-asset[data-v-03e81a59] {
transform: rotate(90deg) translateY(-5px) translate(-1px)
}
html[dark] .blu-checkbox.b-small.b-partial .blu-checkbox__container-asset[data-v-03e81a59]:after,
html[dark] .blu-checkbox.b-small.b-partial .blu-checkbox__container-asset[data-v-03e81a59]:before {
position: absolute;
content: "";
opacity: 0;
border-radius: 4px
}
html[dark] .blu-checkbox.b-small.b-partial .blu-checkbox__container-asset[data-v-03e81a59]:before {
height: 0
}
html[dark] .blu-checkbox.b-partial[data-v-03e81a59] {
--blu-checkbox-container-color-background: #1d8fff;
--blu-checkbox-container-color-border: #1d8fff
}
html[dark] .blu-checkbox.b-partial .blu-checkbox__container-asset[data-v-03e81a59] {
transform: rotate(90deg) translateY(-4px) translate(-1px)
}
html[dark] .blu-checkbox.b-partial .blu-checkbox__container-asset[data-v-03e81a59]:after,
html[dark] .blu-checkbox.b-partial .blu-checkbox__container-asset[data-v-03e81a59]:before {
position: absolute;
content: "";
opacity: 0;
border-radius: 4px
}
html[dark] .blu-checkbox.b-partial .blu-checkbox__container-asset[data-v-03e81a59]:before {
height: 0
}
html[dark] .blu-checkbox.b-partial .blu-checkbox__container-asset[data-v-03e81a59]:before {
width: 2px
}
html[dark] .blu-checkbox.b-partial .blu-checkbox__container-asset[data-v-03e81a59]:after {
display: none
}
html[dark] .blu-checkbox.b-partial input[type=checkbox]:indeterminate+.blu-checkbox__icon .blu-checkbox__container[data-v-03e81a59] {
animation: bounce-03e81a59 .3s ease-out
}
html[dark] .blu-checkbox.b-partial input[type=checkbox]:indeterminate+.blu-checkbox__icon .blu-checkbox__container-asset[data-v-03e81a59] {
visibility: visible
}
html[dark] .blu-checkbox.b-partial input[type=checkbox]:indeterminate+.blu-checkbox__icon .blu-checkbox__container-asset[data-v-03e81a59]:after,
html[dark] .blu-checkbox.b-partial input[type=checkbox]:indeterminate+.blu-checkbox__icon .blu-checkbox__container-asset[data-v-03e81a59]:before {
background: var(--blu-checkbox-asset-color-border);
opacity: 1;
transition: all .1s .1s
}
html[dark] .blu-checkbox.b-partial input[type=checkbox]:indeterminate+.blu-checkbox__icon .blu-checkbox__container-asset[data-v-03e81a59]:before {
height: 8px
}
html:not([dark]) .blu-loader-general[data-v-5f0af726] {
--blu-loader-general-highlight-color-background: #1d8fff;
--blu-loader-general-base-color-background: #f1f2f2;
width: var(--blu-loader-general-size);
height: var(--blu-loader-general-size)
}
html:not([dark]) .blu-loader-general__asset[data-v-5f0af726] {
animation: general-rotate-5f0af726 1.6s linear infinite;
transform-origin: center center;
transition: all .5s ease-in-out;
width: 100%;
height: 100%;
margin: auto;
transform: rotate(90deg)
}
html:not([dark]) .blu-loader-general__asset--base[data-v-5f0af726],
html:not([dark]) .blu-loader-general__asset--highlight[data-v-5f0af726] {
stroke-linecap: round
}
html:not([dark]) .blu-loader-general__asset--highlight[data-v-5f0af726] {
stroke: var(--blu-loader-general-highlight-color-background);
animation: general-highlight-5f0af726 1.6s linear infinite
}
html:not([dark]) .blu-loader-general__asset--base[data-v-5f0af726] {
stroke: var(--blu-loader-general-base-color-background);
animation: general-base-5f0af726 1.6s linear infinite
}
html:not([dark]) .blu-loader-general.b-inverted[data-v-5f0af726] {
--blu-loader-general-highlight-color-background: #ffffff;
--blu-loader-general-base-color-background: #c8cbcd
}
html:not([dark]) .blu-loader-general.b-size-s[data-v-5f0af726] {
--blu-loader-general-size: 16px
}
html:not([dark]) .blu-loader-general.b-size-m[data-v-5f0af726] {
--blu-loader-general-size: 18px
}
html:not([dark]) .blu-loader-general.b-size-l[data-v-5f0af726] {
--blu-loader-general-size: 24px
}
html:not([dark]) .blu-loader-general.b-size-xl[data-v-5f0af726] {
--blu-loader-general-size: 32px
}
html[dark] .blu-loader-general[data-v-5f0af726] {
--blu-loader-general-highlight-color-background: #4fa4ff;
--blu-loader-general-base-color-background: #28323b;
width: var(--blu-loader-general-size);
height: var(--blu-loader-general-size)
}
html[dark] .blu-loader-general__asset[data-v-5f0af726] {
animation: general-rotate-5f0af726 1.6s linear infinite;
transform-origin: center center;
transition: all .5s ease-in-out;
width: 100%;
height: 100%;
margin: auto;
transform: rotate(90deg)
}
html[dark] .blu-loader-general__asset--base[data-v-5f0af726],
html[dark] .blu-loader-general__asset--highlight[data-v-5f0af726] {
stroke-linecap: round
}
html[dark] .blu-loader-general__asset--highlight[data-v-5f0af726] {
stroke: var(--blu-loader-general-highlight-color-background);
animation: general-highlight-5f0af726 1.6s linear infinite
}
html[dark] .blu-loader-general__asset--base[data-v-5f0af726] {
stroke: var(--blu-loader-general-base-color-background);
animation: general-base-5f0af726 1.6s linear infinite
}
html[dark] .blu-loader-general.b-inverted[data-v-5f0af726] {
--blu-loader-general-highlight-color-background: #12171d;
--blu-loader-general-base-color-background: #60686e
}
html[dark] .blu-loader-general.b-size-s[data-v-5f0af726] {
--blu-loader-general-size: 16px
}
html[dark] .blu-loader-general.b-size-m[data-v-5f0af726] {
--blu-loader-general-size: 18px
}
html[dark] .blu-loader-general.b-size-l[data-v-5f0af726] {
--blu-loader-general-size: 24px
}
html[dark] .blu-loader-general.b-size-xl[data-v-5f0af726] {
--blu-loader-general-size: 32px
}
@keyframes general-highlight-5f0af726 {
0% {
stroke-dasharray: 1, 200;
stroke-dashoffset: 0
}
50% {
stroke-dasharray: 50, 200;
stroke-dashoffset: -15px
}
to {
stroke-dasharray: 50, 200;
stroke-dashoffset: -124px
}
}
@keyframes general-base-5f0af726 {
0% {
stroke-dasharray: 1, 200;
stroke-dashoffset: 0
}
to {
stroke-dasharray: 100, 200;
stroke-dashoffset: -120px
}
}
@keyframes general-rotate-5f0af726 {
to {
transform: rotate(450deg)
}
}
html:not([dark]) [data-v-39791579] {
box-sizing: border-box
}
html:not([dark]) .blu-radio[data-v-39791579] {
--blu-radio-container-border-width: 1px;
--blu-radio-container-color-border: #c8cbcd;
--blu-radio-container-spacing-padding: 4px;
--blu-radio-content-spacing-padding: 2px 0;
--blu-radio-mark-size: 22px;
--blu-radio-mark-spacing-padding: 2px;
--blu-radio-label-text: 500 14px/18px Blibli, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif;
--blu-radio-label-color-text: rgba(25, 34, 42, .7019607843);
--blu-radio-spacing-padding: 4px 0;
display: inline-flex;
padding: var(--blu-radio-spacing-padding);
align-items: flex-start;
transition: all .3s;
outline: 0
}
html:not([dark]) .blu-radio [data-v-39791579],
html:not([dark]) .blu-radio[data-v-39791579] {
cursor: pointer
}
html:not([dark]) .blu-radio>[data-v-39791579]:not(:last-child) {
margin-right: 4px
}
html:not([dark]) .blu-radio input[type=radio][data-v-39791579] {
display: none
}
html:not([dark]) .blu-radio__mark[data-v-39791579] {
min-width: var(--blu-radio-mark-size);
height: var(--blu-radio-mark-size);
padding: var(--blu-radio-mark-spacing-padding);
background-color: var(--blu-radio-mark-color-background);
border-radius: 50%
}
html:not([dark]) .blu-radio__mark-container[data-v-39791579] {
display: flex;
align-items: center;
justify-content: center;
width: 100%;
height: 100%;
padding: var(--blu-radio-container-spacing-padding);
background-color: var(--blu-radio-container-color-background);
border-radius: 50%;
box-shadow: 0 0 0 var(--blu-radio-container-border-width) var(--blu-radio-container-color-border) inset
}
html:not([dark]) .blu-radio__mark-container .dot[data-v-39791579] {
width: 100%;
height: 100%;
border-radius: 50%;
background-color: var(--blu-radio-dot-color-background);
transition: background-color .1s .1s
}
html:not([dark]) .blu-radio__content[data-v-39791579] {
font: var(--blu-radio-label-text);
color: var(--blu-radio-label-color-text);
padding: var(--blu-radio-content-spacing-padding)
}
html:not([dark]) .blu-radio__content>[data-v-39791579]:not(:last-child) {
margin-bottom: 4px
}
html:not([dark]) .blu-radio.b-error[data-v-39791579]:not(.b-selected) {
--blu-radio-container-color-border: #ff4646;
--blu-radio-label-color-text: #d33534
}
html:not([dark]) .blu-radio.b-selected[data-v-39791579] {
--blu-radio-container-color-border: #1d8fff;
--blu-radio-dot-color-background: #1d8fff;
--blu-radio-container-border-width: 1px
}
html:not([dark]) .blu-radio.b-selected .blu-radio__mark-container[data-v-39791579] {
animation: bounce-39791579 .3s ease-out
}
html:not([dark]) .blu-radio.b-selected[data-v-39791579]:not(.b-disabled):hover {
--blu-radio-mark-color-background: #f3f9ff
}
html:not([dark]) .blu-radio.b-selected[data-v-39791579]:not(.b-disabled):focus-visible {
--blu-radio-mark-color-background: #f3f9ff;
--blu-radio-container-border-width-focused: 2px
}
html:not([dark]) .blu-radio[data-v-39791579]:not(.b-disabled):not(.b-selected):hover {
--blu-radio-mark-color-background: #f9f9fa
}
html:not([dark]) .blu-radio[data-v-39791579]:focus-visible {
--blu-radio-container-border-width-focused: 2px
}
html:not([dark]) .blu-radio[data-v-39791579]:focus-visible:not(.b-disabled) {
--blu-radio-mark-color-border-focused: #19222a
}
html:not([dark]) .blu-radio:focus-visible:not(.b-disabled) .blu-radio__mark[data-v-39791579] {
box-shadow: 0 0 0 var(--blu-radio-container-border-width-focused) var(--blu-radio-mark-color-border-focused) inset
}
html:not([dark]) .blu-radio[data-v-39791579]:focus-visible:not(.b-disabled):not(.b-selected) {
--blu-radio-mark-color-background: #f9f9fa
}
html:not([dark]) .blu-radio.b-disabled[data-v-39791579] {
--blu-radio-label-text: 500 14px/18px Blibli, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif;
--blu-radio-container-color-border: rgba(25, 34, 42, .3019607843);
--blu-radio-label-color-text: rgba(25, 34, 42, .3019607843);
--blu-radio-container-color-background: #f9f9fa
}
html:not([dark]) .blu-radio.b-disabled.b-selected[data-v-39791579] {
--blu-radio-container-color-border: rgba(25, 34, 42, .3019607843);
--blu-radio-dot-color-background: rgba(25, 34, 42, .3019607843)
}
html:not([dark]) .blu-radio.b-disabled[data-v-39791579]:not(.b-readonly) {
user-select: none;
cursor: not-allowed
}
html:not([dark]) .blu-radio.b-disabled:not(.b-readonly) [data-v-39791579] {
cursor: not-allowed
}
html:not([dark]) .blu-radio.b-small[data-v-39791579] {
--blu-radio-mark-size: 18px;
--blu-radio-mark-spacing-padding: 2px;
--blu-radio-container-spacing-padding: 3px;
--blu-radio-container-border-width: 1px;
--blu-radio-container-border-width-focused: 2px;
--blu-radio-content-spacing-padding: 0;
--blu-radio-label-text: 500 14px/18px Blibli, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif;
--blu-radio-spacing-padding: 3px 0
}
html:not([dark]) .blu-radio.b-small.b-selected[data-v-39791579] {
--blu-radio-container-border-width: 1px
}
html[dark] [data-v-39791579] {
box-sizing: border-box
}
html[dark] .blu-radio[data-v-39791579] {
--blu-radio-container-border-width: 1px;
--blu-radio-container-color-border: #60686e;
--blu-radio-container-spacing-padding: 4px;
--blu-radio-content-spacing-padding: 2px 0;
--blu-radio-mark-size: 22px;
--blu-radio-mark-spacing-padding: 2px;
--blu-radio-label-text: 500 14px/18px Blibli, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif;
--blu-radio-label-color-text: rgba(255, 255, 255, .8);
--blu-radio-spacing-padding: 4px 0;
display: inline-flex;
padding: var(--blu-radio-spacing-padding);
align-items: flex-start;
transition: all .3s;
outline: 0
}
html[dark] .blu-radio [data-v-39791579],
html[dark] .blu-radio[data-v-39791579] {
cursor: pointer
}
html[dark] .blu-radio>[data-v-39791579]:not(:last-child) {
margin-right: 4px
}
html[dark] .blu-radio input[type=radio][data-v-39791579] {
display: none
}
html[dark] .blu-radio__mark[data-v-39791579] {
min-width: var(--blu-radio-mark-size);
height: var(--blu-radio-mark-size);
padding: var(--blu-radio-mark-spacing-padding);
background-color: var(--blu-radio-mark-color-background);
border-radius: 50%
}
html[dark] .blu-radio__mark-container[data-v-39791579] {
display: flex;
align-items: center;
justify-content: center;
width: 100%;
height: 100%;
padding: var(--blu-radio-container-spacing-padding);
background-color: var(--blu-radio-container-color-background);
border-radius: 50%;
box-shadow: 0 0 0 var(--blu-radio-container-border-width) var(--blu-radio-container-color-border) inset
}
html[dark] .blu-radio__mark-container .dot[data-v-39791579] {
width: 100%;
height: 100%;
border-radius: 50%;
background-color: var(--blu-radio-dot-color-background);
transition: background-color .1s .1s
}
html[dark] .blu-radio__content[data-v-39791579] {
font: var(--blu-radio-label-text);
color: var(--blu-radio-label-color-text);
padding: var(--blu-radio-content-spacing-padding)
}
html[dark] .blu-radio__content>[data-v-39791579]:not(:last-child) {
margin-bottom: 4px
}
html[dark] .blu-radio.b-error[data-v-39791579]:not(.b-selected) {
--blu-radio-container-color-border: #ff7373;
--blu-radio-label-color-text: #ff7373
}
html[dark] .blu-radio.b-selected[data-v-39791579] {
--blu-radio-container-color-border: #1d8fff;
--blu-radio-dot-color-background: #1d8fff;
--blu-radio-container-border-width: 1px
}
html[dark] .blu-radio.b-selected .blu-radio__mark-container[data-v-39791579] {
animation: bounce-39791579 .3s ease-out
}
html[dark] .blu-radio.b-selected[data-v-39791579]:not(.b-disabled):hover {
--blu-radio-mark-color-background: #002e7a
}
html[dark] .blu-radio.b-selected[data-v-39791579]:not(.b-disabled):focus-visible {
--blu-radio-mark-color-background: #002e7a;
--blu-radio-container-border-width-focused: 2px
}
html[dark] .blu-radio[data-v-39791579]:not(.b-disabled):not(.b-selected):hover {
--blu-radio-mark-color-background: #19222a
}
html[dark] .blu-radio[data-v-39791579]:focus-visible {
--blu-radio-container-border-width-focused: 2px
}
html[dark] .blu-radio[data-v-39791579]:focus-visible:not(.b-disabled) {
--blu-radio-mark-color-border-focused: #f9f9fa
}
html[dark] .blu-radio:focus-visible:not(.b-disabled) .blu-radio__mark[data-v-39791579] {
box-shadow: 0 0 0 var(--blu-radio-container-border-width-focused) var(--blu-radio-mark-color-border-focused) inset
}
html[dark] .blu-radio[data-v-39791579]:focus-visible:not(.b-disabled):not(.b-selected) {
--blu-radio-mark-color-background: #19222a
}
html[dark] .blu-radio.b-disabled[data-v-39791579] {
--blu-radio-label-text: 500 14px/18px Blibli, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif;
--blu-radio-container-color-border: rgba(255, 255, 255, .3019607843);
--blu-radio-label-color-text: rgba(255, 255, 255, .3019607843);
--blu-radio-container-color-background: #19222a
}
html[dark] .blu-radio.b-disabled.b-selected[data-v-39791579] {
--blu-radio-container-color-border: rgba(255, 255, 255, .3019607843);
--blu-radio-dot-color-background: rgba(255, 255, 255, .3019607843)
}
html[dark] .blu-radio.b-disabled[data-v-39791579]:not(.b-readonly) {
user-select: none;
cursor: not-allowed
}
html[dark] .blu-radio.b-disabled:not(.b-readonly) [data-v-39791579] {
cursor: not-allowed
}
html[dark] .blu-radio.b-small[data-v-39791579] {
--blu-radio-mark-size: 18px;
--blu-radio-mark-spacing-padding: 2px;
--blu-radio-container-spacing-padding: 3px;
--blu-radio-container-border-width: 1px;
--blu-radio-container-border-width-focused: 2px;
--blu-radio-content-spacing-padding: 0;
--blu-radio-label-text: 500 14px/18px Blibli, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif;
--blu-radio-spacing-padding: 3px 0
}
html[dark] .blu-radio.b-small.b-selected[data-v-39791579] {
--blu-radio-container-border-width: 1px
}
@keyframes bounce-39791579 {
25% {
transform: scale(.9)
}
50% {
transform: scale(1.1)
}
}
html:not([dark]) .blu-list[data-v-0fc385f6] {
--list-spacing-padding: 8px 0;
list-style: none;
padding: var(--list-spacing-padding);
transition: all .5s ease-in-out
}
html:not([dark]) .blu-list-item[data-v-0fc385f6] {
--blu-list-child-max-height: 0;
--blu-list-child-template-rows: 0fr;
position: relative
}
html:not([dark]) .blu-list-item.b-opened[data-v-0fc385f6] {
--blu-list-child-max-height: 100%;
--blu-list-child-template-rows: 1fr
}
html:not([dark]) .blu-list-item.b-opened>.blu-list .blu-list__container .blu-list__container-chevron-right[data-v-0fc385f6] {
transform: rotate(180deg)
}
html:not([dark]) .blu-list-item.b-opened>.blu-list .blu-list__container .blu-list__container-chevron-left[data-v-0fc385f6] {
transform: rotate(90deg)
}
html:not([dark]) .blu-list__container[data-v-0fc385f6] {
background-color: var(--list-container-color-background);
border-radius: 8px;
padding: 4px 8px;
display: flex
}
html:not([dark]) .blu-list__container[data-v-0fc385f6] svg {
width: 18px;
height: 18px;
color: #797f85
}
html:not([dark]) .blu-list__container[data-v-0fc385f6]>:not(:last-child) {
margin-right: 4px
}
html:not([dark]) .blu-list__container-chevron-left[data-v-0fc385f6],
html:not([dark]) .blu-list__container-chevron-right[data-v-0fc385f6] {
display: flex;
padding: 4px 0;
cursor: pointer;
transition: all .4s ease;
height: fit-content
}
html:not([dark]) .blu-list__container-chevron-left[data-v-0fc385f6] svg,
html:not([dark]) .blu-list__container-chevron-right[data-v-0fc385f6] svg {
color: #797f85
}
html:not([dark]) .blu-list__container-chevron-left[data-v-0fc385f6]:focus-visible,
html:not([dark]) .blu-list__container-chevron-right[data-v-0fc385f6]:focus-visible {
outline: 0;
box-shadow: 0 0 0 2px #19222a inset
}
html:not([dark]) .blu-list__container .blu-loader-wrapper[data-v-0fc385f6] {
margin: auto
}
html:not([dark]) .blu-list__content[data-v-0fc385f6] {
padding: 4px 0;
display: flex;
flex-direction: column;
flex: 1;
align-items: start
}
html:not([dark]) .blu-list__content-label[data-v-0fc385f6]:not(.b-disabled) {
font: 500 14px/18px Blibli, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif;
color: #19222a
}
html:not([dark]) .blu-list__content-desc[data-v-0fc385f6]:not(.b-disabled) {
font: 500 12px/16px Blibli, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif;
color: #19222a66
}
html:not([dark]) .blu-list__content-additional[data-v-0fc385f6] {
text-align: right;
display: flex;
flex-direction: column;
justify-content: space-between;
align-self: stretch;
padding: 4px 0
}
html:not([dark]) .blu-list__content-additional-label[data-v-0fc385f6] {
font: 500 12px/16px Blibli, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif;
color: #19222a66
}
html:not([dark]) .blu-list__content-additional-desc[data-v-0fc385f6] {
font: 500 12px/16px Blibli, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif;
color: #19222a66
}
html:not([dark]) .blu-list__item-leading[data-v-0fc385f6],
html:not([dark]) .blu-list__item-trailing[data-v-0fc385f6] {
padding: 4px 0
}
html:not([dark]) .blu-list__item-leading[data-v-0fc385f6] {
display: flex
}
html:not([dark]) .blu-list__item-trailing[data-v-0fc385f6] {
display: flex
}
html:not([dark]) .blu-list__item-trailing[data-v-0fc385f6]>:not(:last-child) {
margin-right: 4px
}
html:not([dark]) .blu-list__item-trailing[data-v-0fc385f6] svg {
cursor: pointer
}
html:not([dark]) .blu-list__child[data-v-0fc385f6] {
max-height: var(--blu-list-child-max-height);
display: grid;
grid-template-rows: var(--blu-list-child-template-rows);
transition: all .5s ease-in-out
}
html:not([dark]) .blu-list__child .blu-list__container[data-v-0fc385f6] {
padding-left: var(--list-nested-padding)
}
html:not([dark]) .blu-list__icon-expand[data-v-0fc385f6] {
margin-left: auto;
cursor: pointer
}
html:not([dark]) .blu-list[data-v-0fc385f6]:not(.b-disabled) {
cursor: pointer
}
html:not([dark]) .blu-list[data-v-0fc385f6]:not(.b-disabled):hover {
--list-container-color-background: #f9f9fa
}
html:not([dark]) .blu-list[data-v-0fc385f6]:not(.b-disabled):focus-visible {
outline: 0
}
html:not([dark]) .blu-list:not(.b-disabled):focus-visible .blu-list__container[data-v-0fc385f6] {
box-shadow: 0 0 0 2px #19222a inset
}
html:not([dark]) .blu-list:not(.b-disabled).b-active[data-v-0fc385f6],
html:not([dark]) .blu-list:not(.b-disabled).b-selected[data-v-0fc385f6]:not(:hover) {
--list-container-color-background: #f3f9ff
}
html:not([dark]) .blu-list.b-small[data-v-0fc385f6] {
--list-spacing-padding: 0
}
html:not([dark]) .blu-list.b-disabled[data-v-0fc385f6] {
--list-container-color-background: transparent
}
html:not([dark]) .blu-list.b-disabled [data-v-0fc385f6],
html:not([dark]) .blu-list.b-disabled[data-v-0fc385f6] {
cursor: not-allowed
}
html:not([dark]) .blu-list.b-disabled .blu-list__content-additional-label[data-v-0fc385f6],
html:not([dark]) .blu-list.b-disabled .blu-list__content-desc[data-v-0fc385f6],
html:not([dark]) .blu-list.b-disabled .blu-list__content-label[data-v-0fc385f6] {
font: 500 14px/18px Blibli, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif;
color: #19222a4d
}
html:not([dark]) .blu-list.b-disabled .blu-list__content-additional-desc[data-v-0fc385f6] {
font: 500 12px/16px Blibli, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif;
color: #19222a4d
}
html:not([dark]) .blu-list.b-disabled .blu-list__container[data-v-0fc385f6] svg {
color: #19222a4d
}
html:not([dark]) .blu-list.b-disabled .blu-list__container[data-v-0fc385f6] .blu-checkbox__container {
color: #19222a4d
}
html:not([dark]) .blu-list.b-disabled .blu-list__container[data-v-0fc385f6] .blu-badge {
background-color: #19222a4d
}
html:not([dark]) .blu-list.b-loading[data-v-0fc385f6] .blu-loader-wrapper svg {
display: flex;
width: 24px;
height: 24px
}
html:not([dark]) .blu-list.has-radio.b-selected[data-v-0fc385f6]:not(:hover) {
--list-container-color-background: transparent
}
html:not([dark]) .blu-list.b-align-center .blu-list__container[data-v-0fc385f6] {
align-items: center
}
html:not([dark]) .blu-list-group.b-multiselect .blu-list-item .blu-list.b-selected[data-v-0fc385f6]:not(html:not([dark]).blu-list-group.b-multiselect.blu-list-item.blu-list.b-active):not(:hover) {
--list-container-color-background: transparent
}
html[dark] .blu-list[data-v-0fc385f6] {
--list-spacing-padding: 8px 0;
list-style: none;
padding: var(--list-spacing-padding);
transition: all .5s ease-in-out
}
html[dark] .blu-list-item[data-v-0fc385f6] {
--blu-list-child-max-height: 0;
--blu-list-child-template-rows: 0fr;
position: relative
}
html[dark] .blu-list-item.b-opened[data-v-0fc385f6] {
--blu-list-child-max-height: 100%;
--blu-list-child-template-rows: 1fr
}
html[dark] .blu-list-item.b-opened>.blu-list .blu-list__container .blu-list__container-chevron-right[data-v-0fc385f6] {
transform: rotate(180deg)
}
html[dark] .blu-list-item.b-opened>.blu-list .blu-list__container .blu-list__container-chevron-left[data-v-0fc385f6] {
transform: rotate(90deg)
}
html[dark] .blu-list__container[data-v-0fc385f6] {
background-color: var(--list-container-color-background);
border-radius: 8px;
padding: 4px 8px;
display: flex
}
html[dark] .blu-list__container[data-v-0fc385f6] svg {
width: 18px;
height: 18px;
color: #acb0b4
}
html[dark] .blu-list__container[data-v-0fc385f6]>:not(:last-child) {
margin-right: 4px
}
html[dark] .blu-list__container-chevron-left[data-v-0fc385f6],
html[dark] .blu-list__container-chevron-right[data-v-0fc385f6] {
display: flex;
padding: 4px 0;
cursor: pointer;
transition: all .4s ease;
height: fit-content
}
html[dark] .blu-list__container-chevron-left[data-v-0fc385f6] svg,
html[dark] .blu-list__container-chevron-right[data-v-0fc385f6] svg {
color: #acb0b4
}
html[dark] .blu-list__container-chevron-left[data-v-0fc385f6]:focus-visible,
html[dark] .blu-list__container-chevron-right[data-v-0fc385f6]:focus-visible {
outline: 0;
box-shadow: 0 0 0 2px #f9f9fa inset
}
html[dark] .blu-list__container .blu-loader-wrapper[data-v-0fc385f6] {
margin: auto
}
html[dark] .blu-list__content[data-v-0fc385f6] {
padding: 4px 0;
display: flex;
flex-direction: column;
flex: 1;
align-items: start
}
html[dark] .blu-list__content-label[data-v-0fc385f6]:not(.b-disabled) {
font: 500 14px/18px Blibli, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif;
color: #fff
}
html[dark] .blu-list__content-desc[data-v-0fc385f6]:not(.b-disabled) {
font: 500 12px/16px Blibli, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif;
color: #ffffff80
}
html[dark] .blu-list__content-additional[data-v-0fc385f6] {
text-align: right;
display: flex;
flex-direction: column;
justify-content: space-between;
align-self: stretch;
padding: 4px 0
}
html[dark] .blu-list__content-additional-desc[data-v-0fc385f6],
html[dark] .blu-list__content-additional-label[data-v-0fc385f6] {
font: 500 12px/16px Blibli, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif;
color: #ffffff80
}
html[dark] .blu-list__item-leading[data-v-0fc385f6],
html[dark] .blu-list__item-trailing[data-v-0fc385f6] {
padding: 4px 0
}
html[dark] .blu-list__item-leading[data-v-0fc385f6],
html[dark] .blu-list__item-trailing[data-v-0fc385f6] {
display: flex
}
html[dark] .blu-list__item-trailing[data-v-0fc385f6]>:not(:last-child) {
margin-right: 4px
}
html[dark] .blu-list__item-trailing[data-v-0fc385f6] svg {
cursor: pointer
}
html[dark] .blu-list__child[data-v-0fc385f6] {
max-height: var(--blu-list-child-max-height);
display: grid;
grid-template-rows: var(--blu-list-child-template-rows);
transition: all .5s ease-in-out
}
html[dark] .blu-list__child .blu-list__container[data-v-0fc385f6] {
padding-left: var(--list-nested-padding)
}
html[dark] .blu-list__icon-expand[data-v-0fc385f6] {
margin-left: auto;
cursor: pointer
}
html[dark] .blu-list[data-v-0fc385f6]:not(.b-disabled) {
cursor: pointer
}
html[dark] .blu-list[data-v-0fc385f6]:not(.b-disabled):hover {
--list-container-color-background: #19222a
}
html[dark] .blu-list[data-v-0fc385f6]:not(.b-disabled):focus-visible {
outline: 0
}
html[dark] .blu-list:not(.b-disabled):focus-visible .blu-list__container[data-v-0fc385f6] {
box-shadow: 0 0 0 2px #f9f9fa inset
}
html[dark] .blu-list:not(.b-disabled).b-active[data-v-0fc385f6],
html[dark] .blu-list:not(.b-disabled).b-selected[data-v-0fc385f6]:not(:hover) {
--list-container-color-background: #002e7a
}
html[dark] .blu-list.b-small[data-v-0fc385f6] {
--list-spacing-padding: 0
}
html[dark] .blu-list.b-disabled[data-v-0fc385f6] {
--list-container-color-background: transparent
}
html[dark] .blu-list.b-disabled [data-v-0fc385f6],
html[dark] .blu-list.b-disabled[data-v-0fc385f6] {
cursor: not-allowed
}
html[dark] .blu-list.b-disabled .blu-list__content-additional-label[data-v-0fc385f6],
html[dark] .blu-list.b-disabled .blu-list__content-desc[data-v-0fc385f6],
html[dark] .blu-list.b-disabled .blu-list__content-label[data-v-0fc385f6] {
font: 500 14px/18px Blibli, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif;
color: #ffffff4d
}
html[dark] .blu-list.b-disabled .blu-list__content-additional-desc[data-v-0fc385f6] {
font: 500 12px/16px Blibli, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif;
color: #ffffff4d
}
html[dark] .blu-list.b-disabled .blu-list__container[data-v-0fc385f6] svg {
color: #ffffff4d
}
html[dark] .blu-list.b-disabled .blu-list__container[data-v-0fc385f6] .blu-checkbox__container {
color: #ffffff4d
}
html[dark] .blu-list.b-disabled .blu-list__container[data-v-0fc385f6] .blu-badge {
background-color: #ffffff4d
}
html[dark] .blu-list.b-loading[data-v-0fc385f6] .blu-loader-wrapper svg {
display: flex;
width: 24px;
height: 24px
}
html[dark] .blu-list.has-radio.b-selected[data-v-0fc385f6]:not(:hover) {
--list-container-color-background: transparent
}
html[dark] .blu-list.b-align-center .blu-list__container[data-v-0fc385f6] {
align-items: center
}
html[dark] .blu-list-group.b-multiselect .blu-list-item .blu-list.b-selected[data-v-0fc385f6]:not(html[dark].blu-list-group.b-multiselect.blu-list-item.blu-list.b-active):not(:hover) {
--list-container-color-background: transparent
}
</style>
<style>
.product-services[data-v-50a9b5f9] {
display: flex;
flex-direction: column;
width: 100%;
gap: 20px
}
@media screen and (max-width:839px) {
.product-services[data-v-50a9b5f9] {
gap: 0
}
}
.product-service[data-v-ef5183d2] {
width: 100%;
display: flex;
align-items: stretch;
flex-direction: row;
gap: 8px
}
@media screen and (max-width:839px) {
.product-service[data-v-ef5183d2] {
border-top: 1px solid #f1f2f2;
padding: 11px 0
}
}
.product-service__icon[data-v-ef5183d2] {
display: flex;
align-items: flex-start;
justify-content: center;
flex-shrink: 0
}
.product-service__icon img[data-v-ef5183d2] {
width: 32px;
height: 32px
}
@media screen and (max-width:839px) {
.product-service__icon img[data-v-ef5183d2] {
width: 18px;
height: 18px
}
}
.product-service__text[data-v-ef5183d2] {
display: flex;
flex-direction: column;
width: 100%;
gap: 4px
}
.product-service__text__title[data-v-ef5183d2] {
width: 100%;
font: 600 14px/18px Blibli, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif
}
@media screen and (max-width:839px) {
.product-service__text__title[data-v-ef5183d2] {
font: 500 14px/18px Blibli, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif
}
}
.product-service__text__title span[data-v-ef5183d2]:not(:last-child):after {
content: " "
}
.product-service__text__title__price[data-v-ef5183d2] {
font: 600 14px/18px Blibli, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif;
color: #006dea
}
.product-service__text__subtitle[data-v-ef5183d2] {
font: 500 14px/18px Blibli, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif;
color: #19222ab3
}
.product-service__text__subtitle span[data-v-ef5183d2]:not(:last-child):after {
content: " "
}
.product-service__text__subtitle__action[data-v-ef5183d2] {
cursor: pointer;
color: #006dea
}
.product-service__chevron[data-v-ef5183d2] {
flex: 0;
display: flex;
align-items: center;
justify-content: center
}
@media screen and (max-width:839px) {
.product-service--clickable[data-v-ef5183d2] {
cursor: pointer
}
}
.product-service--loading .product-service__text[data-v-ef5183d2] {
gap: 8px
}
.product-service--loading .product-service__text__title[data-v-ef5183d2] {
width: 60%
}
@media screen and (max-width:839px) {
.product-service--loading .product-service__text__title[data-v-ef5183d2] {
width: 100%
}
}
.cash-on-delivery[data-v-8c111c2e],
.installation[data-v-c1955da8],
.insurance[data-v-1c85a326],
.subscription[data-v-6563e336],
.trade-in[data-v-8418f747],
.wholesale[data-v-c41b49cd] {
width: 100%
}
.trade-in-download-apps-modal[data-v-5dadaeda] {
padding: 0 8px
}
@media screen and (max-width:839px) {
.trade-in-download-apps-modal[data-v-5dadaeda] {
padding: 0
}
}
.trade-in-download-apps-modal .subtitle[data-v-5dadaeda] {
font: 500 16px/20px Blibli, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif;
color: #19222ab3;
margin-bottom: 16px
}
@media screen and (max-width:839px) {
.trade-in-download-apps-modal .subtitle[data-v-5dadaeda] {
margin-bottom: 10px
}
}
.trade-in-download-apps-modal .download-apps[data-v-5dadaeda] {
display: flex;
flex-direction: row;
align-items: center;
justify-content: space-between;
margin-bottom: 24px
}
@media screen and (max-width:839px) {
.trade-in-download-apps-modal .download-apps[data-v-5dadaeda] {
flex-direction: column;
margin-bottom: 0
}
}
.trade-in-download-apps-modal .download-apps__qr[data-v-5dadaeda] {
display: flex;
align-items: center;
justify-content: center;
background: #f3f9ff;
border-radius: 8px
}
.trade-in-download-apps-modal .download-apps__or[data-v-5dadaeda] {
text-align: center;
font: 500 16px/20px Blibli, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif;
color: #19222ab3;
margin: 10px
}
.trade-in-download-apps-modal .download-apps__download[data-v-5dadaeda] {
display: flex;
flex-direction: column;
align-items: center;
margin-bottom: 0
}
@media screen and (max-width:839px) {
.trade-in-download-apps-modal .download-apps__download[data-v-5dadaeda] {
margin-bottom: 16px
}
}
.trade-in-download-apps-modal .download-apps__download__title[data-v-5dadaeda] {
font: 500 16px/20px Blibli, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif;
color: #19222ab3;
margin-bottom: 8px
}
.trade-in-download-apps-modal .download-apps__download__icons[data-v-5dadaeda] {
display: flex;
flex-direction: column;
gap: 8px
}
@media screen and (max-width:839px) {
.trade-in-download-apps-modal .download-apps__download__icons[data-v-5dadaeda] {
flex-direction: row
}
}
.trade-in-download-apps-modal .download-apps__download__icons--icon[data-v-5dadaeda] {
width: 100%;
display: flex;
align-items: center;
justify-content: center
}
.trade-in-download-apps-modal .download-apps__download__icons--icon img[data-v-5dadaeda] {
height: auto;
width: 150px
}
.trade-in-download-apps-modal .download-apps__download__icons--icon a[data-v-5dadaeda] {
display: flex
}
@media screen and (max-width:839px) {
.trade-in-download-apps-modal .download-apps__download__icons--icon[data-v-5dadaeda] {
width: 100%
}
.trade-in-download-apps-modal .download-apps__download__icons--icon img[data-v-5dadaeda] {
height: 45px;
width: auto
}
}
.trade-in-download-apps-modal .scan-steps__title[data-v-5dadaeda] {
font: 600 16px/20px Blibli, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif;
color: #19222a;
margin-bottom: 16px
}
.trade-in-download-apps-modal .scan-steps__guide[data-v-5dadaeda] {
display: flex;
flex-direction: row
}
@media screen and (max-width:839px) {
.trade-in-download-apps-modal .scan-steps__guide[data-v-5dadaeda] {
flex-direction: column
}
}
.trade-in-download-apps-modal .scan-steps__guide__step[data-v-5dadaeda] {
display: flex;
flex-direction: column
}
.trade-in-download-apps-modal .scan-steps__guide__step[data-v-5dadaeda]:not(:last-child) {
margin-right: 10px
}
@media screen and (max-width:839px) {
.trade-in-download-apps-modal .scan-steps__guide__step[data-v-5dadaeda]:not(:last-child) {
margin-right: 0
}
}
.trade-in-download-apps-modal .scan-steps__guide__step:not(:last-child) .scan-steps__guide__step__order[data-v-5dadaeda]:after {
flex-grow: 1;
content: "";
display: flex;
align-items: center;
justify-content: center;
border: 1px dashed #f1f2f2;
width: 100%;
height: 0
}
@media screen and (max-width:839px) {
.trade-in-download-apps-modal .scan-steps__guide__step:not(:last-child) .scan-steps__guide__step__order[data-v-5dadaeda]:after {
width: 0;
height: 100%
}
}
@media screen and (max-width:839px) {
.trade-in-download-apps-modal .scan-steps__guide__step[data-v-5dadaeda] {
flex-direction: row;
margin-bottom: 10px;
margin-right: 0
}
}
.trade-in-download-apps-modal .scan-steps__guide__step__order[data-v-5dadaeda] {
display: flex;
flex-direction: row;
align-items: center;
margin-bottom: 8px
}
@media screen and (max-width:839px) {
.trade-in-download-apps-modal .scan-steps__guide__step__order[data-v-5dadaeda] {
flex-direction: column;
margin-right: 8px;
margin-bottom: 0
}
}
.trade-in-download-apps-modal .scan-steps__guide__step__order--number[data-v-5dadaeda] {
width: 30px;
height: 30px;
background: #f9f9fa;
border-radius: 100px;
display: flex;
align-items: center;
justify-content: center;
margin-right: 4px;
flex-shrink: 0
}
@media screen and (max-width:839px) {
.trade-in-download-apps-modal .scan-steps__guide__step__order--number[data-v-5dadaeda] {
margin-right: 0;
margin-bottom: 4px
}
}
.trade-in-download-apps-modal .scan-steps__guide__step__text[data-v-5dadaeda] {
padding: 10px 12px;
font: 500 16px/20px Blibli, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif;
color: #19222ab3;
border: 1px solid #f1f2f2;
border-radius: 8px;
flex-grow: 1
}
.cash-on-delivery-modal__body[data-v-88efff31] {
color: #19222ab3
}
.cash-on-delivery-modal__body__content[data-v-88efff31] {
margin-bottom: 16px
}
.cash-on-delivery-modal__body__learn-more span[data-v-88efff31]:not(:last-child):after {
content: " "
}
.cash-on-delivery-modal__body__learn-more a[data-v-88efff31] {
color: #006dea;
cursor: pointer;
text-decoration: none
}
</style>
<style type="text/css">
.label[data-v-1730749f] {
height: 16px;
padding: 0 8px;
display: inline-flex;
align-items: center;
font: 12px/16px "blibli demi bold", -apple-system, segoe ui, roboto, helvetica, arial, sans-serif;
text-decoration: none;
color: #fff;
border-radius: 4px;
background-color: #f1f2f2;
white-space: nowrap
}
.label button[data-v-1730749f] {
padding: 0;
margin-right: -4px;
top: 2px
}
.label button svg[data-v-1730749f] {
margin-right: -6px;
margin-top: 2px;
transform: scale(.75);
transform-origin: left;
color: #fff
}
.label button.b-primary[data-v-1730749f] {
color: #fff
}
.label.b-secondary button svg[data-v-1730749f] {
color: #CEC43F
}
.label.b-dot[data-v-1730749f] {
width: 8px;
height: 8px;
padding: 0;
font-size: 0
}
.label.b-border[data-v-1730749f] {
box-shadow: 0 0 0 1px #fff
}
.label[data-v-1730749f] {
background-color: #ff4646
}
.label.b-secondary[data-v-1730749f] {
background-color: #ffe6e6;
color: #e93c3c
}
</style>
<style type="text/css">
.label[data-v-3c5c9e9e] {
height: 16px;
padding: 0 8px;
display: inline-flex;
align-items: center;
font: 12px/16px "blibli demi bold", -apple-system, segoe ui, roboto, helvetica, arial, sans-serif;
text-decoration: none;
color: #fff;
border-radius: 4px;
background-color: #f1f2f2;
white-space: nowrap
}
.label button[data-v-3c5c9e9e] {
padding: 0;
margin-right: -4px;
top: 2px
}
.label button svg[data-v-3c5c9e9e] {
margin-right: -6px;
margin-top: 2px;
transform: scale(.75);
transform-origin: left;
color: #fff
}
.label button.b-primary[data-v-3c5c9e9e] {
color: #fff
}
.label.b-secondary button svg[data-v-3c5c9e9e] {
color: #CEC43F
}
.label.b-dot[data-v-3c5c9e9e] {
width: 8px;
height: 8px;
padding: 0;
font-size: 0
}
.label.b-border[data-v-3c5c9e9e] {
box-shadow: 0 0 0 1px #fff
}
.label[data-v-3c5c9e9e] {
background-color: #ff7373
}
</style>
<style type="text/css">
.label[data-v-592858cc] {
height: 16px;
padding: 0 8px;
display: inline-flex;
align-items: center;
font: 12px/16px "blibli demi bold", -apple-system, segoe ui, roboto, helvetica, arial, sans-serif;
text-decoration: none;
color: #fff;
border-radius: 4px;
background-color: #f1f2f2;
white-space: nowrap
}
.label button[data-v-592858cc] {
padding: 0;
margin-right: -4px;
top: 2px
}
.label button svg[data-v-592858cc] {
margin-right: -6px;
margin-top: 2px;
transform: scale(.75);
transform-origin: left;
color: #fff
}
.label button.b-primary[data-v-592858cc] {
color: #fff
}
.label.b-secondary button svg[data-v-592858cc] {
color: #CEC43F
}
.label.b-dot[data-v-592858cc] {
width: 8px;
height: 8px;
padding: 0;
font-size: 0
}
.label.b-border[data-v-592858cc] {
box-shadow: 0 0 0 1px #fff
}
.label[data-v-592858cc] {
background-color: #ffcd00
}
.label.b-secondary[data-v-592858cc] {
background-color: #fef5d2;
color: #f1ab02
}
</style>
<style type="text/css">
.label[data-v-209f2cd8] {
height: 16px;
padding: 0 8px;
display: inline-flex;
align-items: center;
font: 12px/16px "blibli demi bold", -apple-system, segoe ui, roboto, helvetica, arial, sans-serif;
text-decoration: none;
color: #fff;
border-radius: 4px;
background-color: #f1f2f2;
white-space: nowrap
}
.label button[data-v-209f2cd8] {
padding: 0;
margin-right: -4px;
top: 2px
}
.label button svg[data-v-209f2cd8] {
margin-right: -6px;
margin-top: 2px;
transform: scale(.75);
transform-origin: left;
color: #fff
}
.label button.b-primary[data-v-209f2cd8] {
color: #fff
}
.label.b-secondary button svg[data-v-209f2cd8] {
color: #CEC43F
}
.label.b-dot[data-v-209f2cd8] {
width: 8px;
height: 8px;
padding: 0;
font-size: 0
}
.label.b-border[data-v-209f2cd8] {
box-shadow: 0 0 0 1px #fff
}
.label[data-v-209f2cd8] {
background-color: #22a334
}
.label.b-secondary[data-v-209f2cd8] {
background-color: #d6f7da;
color: #1c832a
}
</style>
<style type="text/css">
.label[data-v-80a16fd0] {
height: 16px;
padding: 0 8px;
display: inline-flex;
align-items: center;
font: 12px/16px "blibli demi bold", -apple-system, segoe ui, roboto, helvetica, arial, sans-serif;
text-decoration: none;
color: #fff;
border-radius: 4px;
background-color: #f1f2f2;
white-space: nowrap
}
.label button[data-v-80a16fd0] {
padding: 0;
margin-right: -4px;
top: 2px
}
.label button svg[data-v-80a16fd0] {
margin-right: -6px;
margin-top: 2px;
transform: scale(.75);
transform-origin: left;
color: #fff
}
.label button.b-primary[data-v-80a16fd0] {
color: #fff
}
.label.b-secondary button svg[data-v-80a16fd0] {
color: #CEC43F
}
.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: #CEC43F
}
</style>
<style type="text/css">
.label[data-v-5021936f] {
height: 16px;
padding: 0 8px;
display: inline-flex;
align-items: center;
font: 12px/16px "blibli demi bold", -apple-system, segoe ui, roboto, helvetica, arial, sans-serif;
text-decoration: none;
color: #fff;
border-radius: 4px;
background-color: #f1f2f2;
white-space: nowrap
}
.label button[data-v-5021936f] {
padding: 0;
margin-right: -4px;
top: 2px
}
.label button svg[data-v-5021936f] {
margin-right: -6px;
margin-top: 2px;
transform: scale(.75);
transform-origin: left;
color: #fff
}
.label button.b-primary[data-v-5021936f] {
color: #fff
}
.label.b-secondary button svg[data-v-5021936f] {
color: #CEC43F
}
.label.b-dot[data-v-5021936f] {
width: 8px;
height: 8px;
padding: 0;
font-size: 0
}
.label.b-border[data-v-5021936f] {
box-shadow: 0 0 0 1px #fff
}
.label[data-v-5021936f] {
color: rgba(25, 34, 42, .4);
background-color: #e1e3e4
}
.label.b-secondary[data-v-5021936f] {
background-color: #92979c;
color: #fff
}
</style>
<style type="text/css">
.blu-ticker[data-v-e275b4e8] {
--blu-ticker-color-background: #f9f9fa;
--blu-ticker-color-border: #e1e3e4;
display: flex;
justify-content: flex-start;
align-items: flex-start;
border-radius: 8px;
position: relative;
background-color: var(--blu-ticker-color-background);
border: 1px solid var(--blu-ticker-color-border);
color: rgba(25, 34, 42, .7019607843);
padding: 8px;
margin-bottom: 8px;
z-index: 0
}
.blu-ticker__msg[data-v-e275b4e8] {
z-index: 0;
align-self: center
}
@media screen and (min-width:769px),
print {
.blu-ticker__msg[data-v-e275b4e8] {
font: 16px/20px blibli, -apple-system, segoe ui, roboto, helvetica, arial, sans-serif
}
}
@media screen and (max-width:768px) {
.blu-ticker__msg[data-v-e275b4e8] {
font: 14px/18px blibli, -apple-system, segoe ui, roboto, helvetica, arial, sans-serif
}
}
.blu-ticker__close[data-v-e275b4e8] {
object-fit: contain;
position: relative;
z-index: 0;
width: 18px;
height: 18px;
padding: 11px
}
.blu-ticker__close i[data-v-e275b4e8] {
content: "";
top: 0;
right: 0;
position: absolute;
width: 18px;
height: 18px;
padding: 12px;
background: rgba(0, 0, 0, 0) url(data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PSIwIDAgMjQgMjQiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGQ9Ik0xMy43NjcyIDEyTDE3LjYzMiA4LjEzODM5QzE4LjEyMjcgNy42NDgxOSAxOC4xMjI3IDYuODU3ODYgMTcuNjMyIDYuMzY3NjVDMTcuMTQxNCA1Ljg3NzQ1IDE2LjM1MDQgNS44Nzc0NSAxNS44NTk4IDYuMzY3NjVMMTEuOTk1IDEwLjIyOTNMOC4xNDAxOCA2LjM3NzY2QzcuNjQ5NTYgNS44ODc0NSA2Ljg1ODU3IDUuODg3NDUgNi4zNjc5NiA2LjM3NzY2QzUuODc3MzUgNi44Njc4NiA1Ljg3NzM1IDcuNjU4MTkgNi4zNjc5NiA4LjE0ODRMMTAuMjIyOCAxMkw2LjM2Nzk2IDE1Ljg2MTZDNS44NzczNSAxNi4zNTE4IDUuODc3MzUgMTcuMTQyMSA2LjM2Nzk2IDE3LjYzMjNDNi44NTg1NyAxOC4xMjI2IDcuNjQ5NTYgMTguMTIyNiA4LjE0MDE4IDE3LjYzMjNMMTIuMDA1IDEzLjc3MDdMMTUuODU5OCAxNy42MjIzQzE2LjM1MDQgMTguMTEyNSAxNy4xNDE0IDE4LjExMjUgMTcuNjMyIDE3LjYyMjNDMTguMTIyNyAxNy4xMzIxIDE4LjEyMjcgMTYuMzQxOCAxNy42MzIgMTUuODUxNkwxMy43NzcyIDEySDEzLjc2NzJaIiBmaWxsPSIjNzk3Rjg1Ii8+Cjwvc3ZnPgo=) center center no-repeat #e1e3e4;
background-color: rgba(25, 34, 42, .7019607843);
-webkit-mask-image: url(data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PSIwIDAgMjQgMjQiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGQ9Ik0xMy43NjcyIDEyTDE3LjYzMiA4LjEzODM5QzE4LjEyMjcgNy42NDgxOSAxOC4xMjI3IDYuODU3ODYgMTcuNjMyIDYuMzY3NjVDMTcuMTQxNCA1Ljg3NzQ1IDE2LjM1MDQgNS44Nzc0NSAxNS44NTk4IDYuMzY3NjVMMTEuOTk1IDEwLjIyOTNMOC4xNDAxOCA2LjM3NzY2QzcuNjQ5NTYgNS44ODc0NSA2Ljg1ODU3IDUuODg3NDUgNi4zNjc5NiA2LjM3NzY2QzUuODc3MzUgNi44Njc4NiA1Ljg3NzM1IDcuNjU4MTkgNi4zNjc5NiA4LjE0ODRMMTAuMjIyOCAxMkw2LjM2Nzk2IDE1Ljg2MTZDNS44NzczNSAxNi4zNTE4IDUuODc3MzUgMTcuMTQyMSA2LjM2Nzk2IDE3LjYzMjNDNi44NTg1NyAxOC4xMjI2IDcuNjQ5NTYgMTguMTIyNiA4LjE0MDE4IDE3LjYzMjNMMTIuMDA1IDEzLjc3MDdMMTUuODU5OCAxNy42MjIzQzE2LjM1MDQgMTguMTEyNSAxNy4xNDE0IDE4LjExMjUgMTcuNjMyIDE3LjYyMjNDMTguMTIyNyAxNy4xMzIxIDE4LjEyMjcgMTYuMzQxOCAxNy42MzIgMTUuODUxNkwxMy43NzcyIDEySDEzLjc2NzJaIiBmaWxsPSIjNzk3Rjg1Ii8+Cjwvc3ZnPgo=)
}
@media screen and (max-width:768px) {
.blu-ticker__close[data-v-e275b4e8] {
transform: scale(.75)
}
}
.blu-ticker__close[data-v-e275b4e8]:focus-visible {
box-shadow: 0 0 0 4px #000;
outline: 0
}
.blu-ticker__title[data-v-e275b4e8] {
color: #19222a
}
@media screen and (min-width:769px),
print {
.blu-ticker__title[data-v-e275b4e8] {
font: 16px/20px "blibli demi bold", -apple-system, segoe ui, roboto, helvetica, arial, sans-serif
}
}
@media screen and (max-width:768px) {
.blu-ticker__title[data-v-e275b4e8] {
font: 14px/18px "blibli demi bold", -apple-system, segoe ui, roboto, helvetica, arial, sans-serif
}
}
.blu-ticker__btn[data-v-e275b4e8] {
margin: 8px 0 0 -14px
}
.blu-ticker.b-info[data-v-e275b4e8] {
--blu-ticker-color-background: #f3f9ff;
--blu-ticker-color-border: #b9deff
}
.blu-ticker.b-info.has-icon>.blu-ticker__icon[data-v-e275b4e8] {
background-color: #006dea;
-webkit-mask-image: url(data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PSIwIDAgMjQgMjQiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+DQo8cGF0aCBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGNsaXAtcnVsZT0iZXZlbm9kZCIgZD0iTTIgMTJDMiA2LjQ4IDYuNDggMiAxMiAyQzE3LjUyIDIgMjIgNi40OCAyMiAxMkMyMiAxNy41MiAxNy41MiAyMiAxMiAyMkM2LjQ4IDIyIDIgMTcuNTIgMiAxMlpNMTEuOTcgOC43Mzc2NEMxMi43MjY2IDguNzM3NjQgMTMuMzQgOC4xMjQ4IDEzLjM0IDcuMzY4ODJDMTMuMzQgNi42MTI4NCAxMi43MjY2IDYgMTEuOTcgNkMxMS4yMTM0IDYgMTAuNiA2LjYxMjg0IDEwLjYgNy4zNjg4MkMxMC42IDguMTI0OCAxMS4yMTM0IDguNzM3NjQgMTEuOTcgOC43Mzc2NFpNMTEuNDk5OSAxMC4xMDY0SDEyLjQ0OTlDMTIuODQ5OSAxMC4xMDY0IDEzLjE3OTkgMTAuNDM2MiAxMy4xNzk5IDEwLjgzNThWMTcuMjcwM0MxMy4xNzk5IDE3LjY2OTkgMTIuODQ5OSAxNy45OTk2IDEyLjQ0OTkgMTcuOTk5NkgxMS40OTk5QzExLjA5OTkgMTcuOTk5NiAxMC43Njk5IDE3LjY2OTkgMTAuNzY5OSAxNy4yNzAzVjEwLjgzNThDMTAuNzY5OSAxMC40MzYyIDExLjA5OTkgMTAuMTA2NCAxMS40OTk5IDEwLjEwNjRaIiBmaWxsPSIjNzk3Rjg1Ii8+DQo8L3N2Zz4NCg==);
mask-image: url(data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PSIwIDAgMjQgMjQiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+DQo8cGF0aCBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGNsaXAtcnVsZT0iZXZlbm9kZCIgZD0iTTIgMTJDMiA2LjQ4IDYuNDggMiAxMiAyQzE3LjUyIDIgMjIgNi40OCAyMiAxMkMyMiAxNy41MiAxNy41MiAyMiAxMiAyMkM2LjQ4IDIyIDIgMTcuNTIgMiAxMlpNMTEuOTcgOC43Mzc2NEMxMi43MjY2IDguNzM3NjQgMTMuMzQgOC4xMjQ4IDEzLjM0IDcuMzY4ODJDMTMuMzQgNi42MTI4NCAxMi43MjY2IDYgMTEuOTcgNkMxMS4yMTM0IDYgMTAuNiA2LjYxMjg0IDEwLjYgNy4zNjg4MkMxMC42IDguMTI0OCAxMS4yMTM0IDguNzM3NjQgMTEuOTcgOC43Mzc2NFpNMTEuNDk5OSAxMC4xMDY0SDEyLjQ0OTlDMTIuODQ5OSAxMC4xMDY0IDEzLjE3OTkgMTAuNDM2MiAxMy4xNzk5IDEwLjgzNThWMTcuMjcwM0MxMy4xNzk5IDE3LjY2OTkgMTIuODQ5OSAxNy45OTk2IDEyLjQ0OTkgMTcuOTk5NkgxMS40OTk5QzExLjA5OTkgMTcuOTk5NiAxMC43Njk5IDE3LjY2OTkgMTAuNzY5OSAxNy4yNzAzVjEwLjgzNThDMTAuNzY5OSAxMC40MzYyIDExLjA5OTkgMTAuMTA2NCAxMS40OTk5IDEwLjEwNjRaIiBmaWxsPSIjNzk3Rjg1Ii8+DQo8L3N2Zz4NCg==)
}
.blu-ticker.b-success[data-v-e275b4e8] {
--blu-ticker-color-background: #effcf0;
--blu-ticker-color-border: #b2efb9
}
.blu-ticker.b-success.has-icon>.blu-ticker__icon[data-v-e275b4e8] {
background-color: #1c832a;
-webkit-mask-image: url(data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PSIwIDAgMjQgMjQiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+DQo8cGF0aCBkPSJNMTIgMkM2LjQ4IDIgMiA2LjQ4IDIgMTJDMiAxNy41MiA2LjQ4IDIyIDEyIDIyQzE3LjUyIDIyIDIyIDE3LjUyIDIyIDEyQzIyIDYuNDggMTcuNTIgMiAxMiAyWk0xNy4wNSA5LjExTDEyLjA2IDE2LjEyQzExLjg4IDE2LjM3IDExLjYgMTYuNTIgMTEuMjkgMTYuNTRIMTEuMjRDMTAuOTUgMTYuNTQgMTAuNjcgMTYuNDIgMTAuNDggMTYuMTlMNi45OSAxMi4xM0M2LjgyIDExLjkzIDYuNzMgMTEuNjcgNi43NSAxMS40MUM2Ljc3IDExLjE0IDYuODkgMTAuOSA3LjA5IDEwLjczQzcuNTEgMTAuMzcgOC4xNCAxMC40MiA4LjUgMTAuODRMMTEuMTYgMTMuOTNMMTUuNDEgNy45NkMxNS43MyA3LjUxIDE2LjM1IDcuNDEgMTYuOCA3LjczQzE3LjAyIDcuODggMTcuMTYgOC4xMSAxNy4yMSA4LjM4QzE3LjI1IDguNjQgMTcuMTkgOC45MSAxNy4wNCA5LjEyTDE3LjA1IDkuMTFaIiBmaWxsPSIjNzk3Rjg1Ii8+DQo8L3N2Zz4=);
mask-image: url(data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PSIwIDAgMjQgMjQiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+DQo8cGF0aCBkPSJNMTIgMkM2LjQ4IDIgMiA2LjQ4IDIgMTJDMiAxNy41MiA2LjQ4IDIyIDEyIDIyQzE3LjUyIDIyIDIyIDE3LjUyIDIyIDEyQzIyIDYuNDggMTcuNTIgMiAxMiAyWk0xNy4wNSA5LjExTDEyLjA2IDE2LjEyQzExLjg4IDE2LjM3IDExLjYgMTYuNTIgMTEuMjkgMTYuNTRIMTEuMjRDMTAuOTUgMTYuNTQgMTAuNjcgMTYuNDIgMTAuNDggMTYuMTlMNi45OSAxMi4xM0M2LjgyIDExLjkzIDYuNzMgMTEuNjcgNi43NSAxMS40MUM2Ljc3IDExLjE0IDYuODkgMTAuOSA3LjA5IDEwLjczQzcuNTEgMTAuMzcgOC4xNCAxMC40MiA4LjUgMTAuODRMMTEuMTYgMTMuOTNMMTUuNDEgNy45NkMxNS43MyA3LjUxIDE2LjM1IDcuNDEgMTYuOCA3LjczQzE3LjAyIDcuODggMTcuMTYgOC4xMSAxNy4yMSA4LjM4QzE3LjI1IDguNjQgMTcuMTkgOC45MSAxNy4wNCA5LjEyTDE3LjA1IDkuMTFaIiBmaWxsPSIjNzk3Rjg1Ii8+DQo8L3N2Zz4=)
}
.blu-ticker.b-warning[data-v-e275b4e8] {
--blu-ticker-color-background: #fff8e0;
--blu-ticker-color-border: #fef0b6
}
.blu-ticker.b-warning.has-icon>.blu-ticker__icon[data-v-e275b4e8] {
background-color: #f1ab02;
-webkit-mask-image: url(data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PSIwIDAgMjQgMjQiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+DQo8cGF0aCBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGNsaXAtcnVsZT0iZXZlbm9kZCIgZD0iTTMuODc0MzYgMjFIMjAuMTE0NEgyMC4xMjQ0QzIxLjU1MzUgMjEgMjIuNDUyOSAxOS41MDM1IDIxLjc2MzQgMTguMjg2NEwxMy42NDg0IDMuOTUwMjZDMTIuOTM4OCAyLjY4MzI1IDExLjA2OTkgMi42ODMyNSAxMC4zNjA0IDMuOTUwMjZMMi4yMzUzNyAxOC4yOTY0QzEuNTQ1OCAxOS41MTM1IDIuNDU1MjQgMjEgMy44NzQzNiAyMVpNMTAuOTkgMTMuOTM3NEwxMC43MDAyIDkuMDk4ODdWNy43NTIwNUMxMC43MDAyIDcuMzMzMDQgMTEuMDQgNi45OTM4NCAxMS40NTk3IDYuOTkzODRIMTIuNjA5QzEzLjAyODggNi45OTM4NCAxMy4zNjg2IDcuMzMzMDQgMTMuMzY4NiA3Ljc1MjA1VjkuMTA4ODRMMTMuMDg4NyAxMy45Mjc1QzEzLjA2ODcgMTQuMzI2NSAxMi43Mzg5IDE0LjYzNTggMTIuMzI5MiAxNC42MzU4SDExLjc0OTVDMTEuMzQ5OCAxNC42MzU4IDExLjAyIDE0LjMyNjUgMTAuOTkgMTMuOTI3NVYxMy45Mzc0Wk0xMS45OTk0IDE4Ljk2NTJDMTIuNzg4NyAxOC45NjUyIDEzLjQyODYgMTguMzI2NSAxMy40Mjg2IDE3LjUzODZDMTMuNDI4NiAxNi43NTA3IDEyLjc4ODcgMTYuMTEyIDExLjk5OTQgMTYuMTEyQzExLjIxMDIgMTYuMTEyIDEwLjU3MDMgMTYuNzUwNyAxMC41NzAzIDE3LjUzODZDMTAuNTcwMyAxOC4zMjY1IDExLjIxMDIgMTguOTY1MiAxMS45OTk0IDE4Ljk2NTJaIiBmaWxsPSIjNzk3Rjg1Ii8+DQo8L3N2Zz4NCg==);
mask-image: url(data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PSIwIDAgMjQgMjQiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+DQo8cGF0aCBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGNsaXAtcnVsZT0iZXZlbm9kZCIgZD0iTTMuODc0MzYgMjFIMjAuMTE0NEgyMC4xMjQ0QzIxLjU1MzUgMjEgMjIuNDUyOSAxOS41MDM1IDIxLjc2MzQgMTguMjg2NEwxMy42NDg0IDMuOTUwMjZDMTIuOTM4OCAyLjY4MzI1IDExLjA2OTkgMi42ODMyNSAxMC4zNjA0IDMuOTUwMjZMMi4yMzUzNyAxOC4yOTY0QzEuNTQ1OCAxOS41MTM1IDIuNDU1MjQgMjEgMy44NzQzNiAyMVpNMTAuOTkgMTMuOTM3NEwxMC43MDAyIDkuMDk4ODdWNy43NTIwNUMxMC43MDAyIDcuMzMzMDQgMTEuMDQgNi45OTM4NCAxMS40NTk3IDYuOTkzODRIMTIuNjA5QzEzLjAyODggNi45OTM4NCAxMy4zNjg2IDcuMzMzMDQgMTMuMzY4NiA3Ljc1MjA1VjkuMTA4ODRMMTMuMDg4NyAxMy45Mjc1QzEzLjA2ODcgMTQuMzI2NSAxMi43Mzg5IDE0LjYzNTggMTIuMzI5MiAxNC42MzU4SDExLjc0OTVDMTEuMzQ5OCAxNC42MzU4IDExLjAyIDE0LjMyNjUgMTAuOTkgMTMuOTI3NVYxMy45Mzc0Wk0xMS45OTk0IDE4Ljk2NTJDMTIuNzg4NyAxOC45NjUyIDEzLjQyODYgMTguMzI2NSAxMy40Mjg2IDE3LjUzODZDMTMuNDI4NiAxNi43NTA3IDEyLjc4ODcgMTYuMTEyIDExLjk5OTQgMTYuMTEyQzExLjIxMDIgMTYuMTEyIDEwLjU3MDMgMTYuNzUwNyAxMC41NzAzIDE3LjUzODZDMTAuNTcwMyAxOC4zMjY1IDExLjIxMDIgMTguOTY1MiAxMS45OTk0IDE4Ljk2NTJaIiBmaWxsPSIjNzk3Rjg1Ii8+DQo8L3N2Zz4NCg==)
}
.blu-ticker.b-danger[data-v-e275b4e8] {
--blu-ticker-color-background: #fff5f5;
--blu-ticker-color-border: #fecccb
}
.blu-ticker.b-danger.has-icon>.blu-ticker__icon[data-v-e275b4e8] {
background-color: #d33534;
-webkit-mask-image: url(data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PSIwIDAgMjQgMjQiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+DQo8cGF0aCBkPSJNMTIgMkM2LjQ4IDIgMiA2LjQ4IDIgMTJDMiAxNy41MiA2LjQ4IDIyIDEyIDIyQzE3LjUyIDIyIDIyIDE3LjUyIDIyIDEyQzIyIDYuNDggMTcuNTIgMiAxMiAyWk0xNi4yNCAxNC44M0MxNi42MyAxNS4yMiAxNi42MyAxNS44NSAxNi4yNCAxNi4yNEMxNS44NSAxNi42MyAxNS4yMiAxNi42MyAxNC44MyAxNi4yNEwxMiAxMy40MUw5LjE3IDE2LjI0QzguNzggMTYuNjMgOC4xNSAxNi42MyA3Ljc2IDE2LjI0QzcuMzcgMTUuODUgNy4zNyAxNS4yMiA3Ljc2IDE0LjgzTDEwLjU5IDEyTDcuNzYgOS4xN0M3LjM3IDguNzggNy4zNyA4LjE1IDcuNzYgNy43NkM4LjE1IDcuMzcgOC43OCA3LjM3IDkuMTcgNy43NkwxMiAxMC41OUwxNC44MyA3Ljc2QzE1LjIyIDcuMzcgMTUuODUgNy4zNyAxNi4yNCA3Ljc2QzE2LjYzIDguMTUgMTYuNjMgOC43OCAxNi4yNCA5LjE3TDEzLjQxIDEyTDE2LjI0IDE0LjgzWiIgZmlsbD0iIzc5N0Y4NSIvPg0KPC9zdmc+);
mask-image: url(data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PSIwIDAgMjQgMjQiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+DQo8cGF0aCBkPSJNMTIgMkM2LjQ4IDIgMiA2LjQ4IDIgMTJDMiAxNy41MiA2LjQ4IDIyIDEyIDIyQzE3LjUyIDIyIDIyIDE3LjUyIDIyIDEyQzIyIDYuNDggMTcuNTIgMiAxMiAyWk0xNi4yNCAxNC44M0MxNi42MyAxNS4yMiAxNi42MyAxNS44NSAxNi4yNCAxNi4yNEMxNS44NSAxNi42MyAxNS4yMiAxNi42MyAxNC44MyAxNi4yNEwxMiAxMy40MUw5LjE3IDE2LjI0QzguNzggMTYuNjMgOC4xNSAxNi42MyA3Ljc2IDE2LjI0QzcuMzcgMTUuODUgNy4zNyAxNS4yMiA3Ljc2IDE0LjgzTDEwLjU5IDEyTDcuNzYgOS4xN0M3LjM3IDguNzggNy4zNyA4LjE1IDcuNzYgNy43NkM4LjE1IDcuMzcgOC43OCA3LjM3IDkuMTcgNy43NkwxMiAxMC41OUwxNC44MyA3Ljc2QzE1LjIyIDcuMzcgMTUuODUgNy4zNyAxNi4yNCA3Ljc2QzE2LjYzIDguMTUgMTYuNjMgOC43OCAxNi4yNCA5LjE3TDEzLjQxIDEyTDE2LjI0IDE0LjgzWiIgZmlsbD0iIzc5N0Y4NSIvPg0KPC9zdmc+)
}
.blu-ticker.has-icon>.blu-ticker__icon[data-v-e275b4e8] {
margin-right: 8px;
background-position: center center;
background-size: contain;
background-repeat: no-repeat;
z-index: 0
}
@media screen and (min-width:769px),
print {
.blu-ticker.has-icon>.blu-ticker__icon[data-v-e275b4e8] {
padding: 12px
}
}
@media screen and (max-width:768px) {
.blu-ticker.has-icon>.blu-ticker__icon[data-v-e275b4e8] {
padding: 9px
}
}
.blu-ticker.has-icon.b-middle[data-v-e275b4e8] {
align-items: center
}
.blu-ticker.has-icon.b-bottom[data-v-e275b4e8] {
align-items: flex-end
}
.blu-ticker.has-icon.b-bottom[data-v-e275b4e8]:before {
margin-bottom: 3px
}
</style>
<style type="text/css">
.blu-ticker[data-v-5f386d2a] {
--blu-ticker-color-background: #f9f9fa;
--blu-ticker-color-border: #e1e3e4;
display: flex;
justify-content: flex-start;
align-items: flex-start;
border-radius: 8px;
position: relative;
background-color: var(--blu-ticker-color-background);
border: 1px solid var(--blu-ticker-color-border);
color: rgba(25, 34, 42, .7019607843);
padding: 8px;
margin-bottom: 8px;
z-index: 0
}
.blu-ticker__msg[data-v-5f386d2a] {
z-index: 0;
align-self: center
}
@media screen and (min-width:769px),
print {
.blu-ticker__msg[data-v-5f386d2a] {
font: 16px/20px blibli, -apple-system, segoe ui, roboto, helvetica, arial, sans-serif
}
}
@media screen and (max-width:768px) {
.blu-ticker__msg[data-v-5f386d2a] {
font: 14px/18px blibli, -apple-system, segoe ui, roboto, helvetica, arial, sans-serif
}
}
.blu-ticker__close[data-v-5f386d2a] {
object-fit: contain;
position: relative;
z-index: 0;
width: 18px;
height: 18px;
padding: 11px
}
.blu-ticker__close i[data-v-5f386d2a] {
content: "";
top: 0;
right: 0;
position: absolute;
width: 18px;
height: 18px;
padding: 12px;
background: rgba(0, 0, 0, 0) url(data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PSIwIDAgMjQgMjQiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGQ9Ik0xMy43NjcyIDEyTDE3LjYzMiA4LjEzODM5QzE4LjEyMjcgNy42NDgxOSAxOC4xMjI3IDYuODU3ODYgMTcuNjMyIDYuMzY3NjVDMTcuMTQxNCA1Ljg3NzQ1IDE2LjM1MDQgNS44Nzc0NSAxNS44NTk4IDYuMzY3NjVMMTEuOTk1IDEwLjIyOTNMOC4xNDAxOCA2LjM3NzY2QzcuNjQ5NTYgNS44ODc0NSA2Ljg1ODU3IDUuODg3NDUgNi4zNjc5NiA2LjM3NzY2QzUuODc3MzUgNi44Njc4NiA1Ljg3NzM1IDcuNjU4MTkgNi4zNjc5NiA4LjE0ODRMMTAuMjIyOCAxMkw2LjM2Nzk2IDE1Ljg2MTZDNS44NzczNSAxNi4zNTE4IDUuODc3MzUgMTcuMTQyMSA2LjM2Nzk2IDE3LjYzMjNDNi44NTg1NyAxOC4xMjI2IDcuNjQ5NTYgMTguMTIyNiA4LjE0MDE4IDE3LjYzMjNMMTIuMDA1IDEzLjc3MDdMMTUuODU5OCAxNy42MjIzQzE2LjM1MDQgMTguMTEyNSAxNy4xNDE0IDE4LjExMjUgMTcuNjMyIDE3LjYyMjNDMTguMTIyNyAxNy4xMzIxIDE4LjEyMjcgMTYuMzQxOCAxNy42MzIgMTUuODUxNkwxMy43NzcyIDEySDEzLjc2NzJaIiBmaWxsPSIjNzk3Rjg1Ii8+Cjwvc3ZnPgo=) center center no-repeat #e1e3e4;
background-color: rgba(25, 34, 42, .7019607843);
-webkit-mask-image: url(data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PSIwIDAgMjQgMjQiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGQ9Ik0xMy43NjcyIDEyTDE3LjYzMiA4LjEzODM5QzE4LjEyMjcgNy42NDgxOSAxOC4xMjI3IDYuODU3ODYgMTcuNjMyIDYuMzY3NjVDMTcuMTQxNCA1Ljg3NzQ1IDE2LjM1MDQgNS44Nzc0NSAxNS44NTk4IDYuMzY3NjVMMTEuOTk1IDEwLjIyOTNMOC4xNDAxOCA2LjM3NzY2QzcuNjQ5NTYgNS44ODc0NSA2Ljg1ODU3IDUuODg3NDUgNi4zNjc5NiA2LjM3NzY2QzUuODc3MzUgNi44Njc4NiA1Ljg3NzM1IDcuNjU4MTkgNi4zNjc5NiA4LjE0ODRMMTAuMjIyOCAxMkw2LjM2Nzk2IDE1Ljg2MTZDNS44NzczNSAxNi4zNTE4IDUuODc3MzUgMTcuMTQyMSA2LjM2Nzk2IDE3LjYzMjNDNi44NTg1NyAxOC4xMjI2IDcuNjQ5NTYgMTguMTIyNiA4LjE0MDE4IDE3LjYzMjNMMTIuMDA1IDEzLjc3MDdMMTUuODU5OCAxNy42MjIzQzE2LjM1MDQgMTguMTEyNSAxNy4xNDE0IDE4LjExMjUgMTcuNjMyIDE3LjYyMjNDMTguMTIyNyAxNy4xMzIxIDE4LjEyMjcgMTYuMzQxOCAxNy42MzIgMTUuODUxNkwxMy43NzcyIDEySDEzLjc2NzJaIiBmaWxsPSIjNzk3Rjg1Ii8+Cjwvc3ZnPgo=)
}
@media screen and (max-width:768px) {
.blu-ticker__close[data-v-5f386d2a] {
transform: scale(.75)
}
}
.blu-ticker__close[data-v-5f386d2a]:focus-visible {
box-shadow: 0 0 0 4px #000;
outline: 0
}
.blu-ticker__title[data-v-5f386d2a] {
color: #19222a
}
@media screen and (min-width:769px),
print {
.blu-ticker__title[data-v-5f386d2a] {
font: 16px/20px "blibli demi bold", -apple-system, segoe ui, roboto, helvetica, arial, sans-serif
}
}
@media screen and (max-width:768px) {
.blu-ticker__title[data-v-5f386d2a] {
font: 14px/18px "blibli demi bold", -apple-system, segoe ui, roboto, helvetica, arial, sans-serif
}
}
.blu-ticker__btn[data-v-5f386d2a] {
margin: 8px 0 0 -14px
}
.blu-ticker.b-info[data-v-5f386d2a] {
--blu-ticker-color-background: #f3f9ff;
--blu-ticker-color-border: #b9deff
}
.blu-ticker.b-info.has-icon>.blu-ticker__icon[data-v-5f386d2a] {
background-color: #006dea;
-webkit-mask-image: url(data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PSIwIDAgMjQgMjQiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+DQo8cGF0aCBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGNsaXAtcnVsZT0iZXZlbm9kZCIgZD0iTTIgMTJDMiA2LjQ4IDYuNDggMiAxMiAyQzE3LjUyIDIgMjIgNi40OCAyMiAxMkMyMiAxNy41MiAxNy41MiAyMiAxMiAyMkM2LjQ4IDIyIDIgMTcuNTIgMiAxMlpNMTEuOTcgOC43Mzc2NEMxMi43MjY2IDguNzM3NjQgMTMuMzQgOC4xMjQ4IDEzLjM0IDcuMzY4ODJDMTMuMzQgNi42MTI4NCAxMi43MjY2IDYgMTEuOTcgNkMxMS4yMTM0IDYgMTAuNiA2LjYxMjg0IDEwLjYgNy4zNjg4MkMxMC42IDguMTI0OCAxMS4yMTM0IDguNzM3NjQgMTEuOTcgOC43Mzc2NFpNMTEuNDk5OSAxMC4xMDY0SDEyLjQ0OTlDMTIuODQ5OSAxMC4xMDY0IDEzLjE3OTkgMTAuNDM2MiAxMy4xNzk5IDEwLjgzNThWMTcuMjcwM0MxMy4xNzk5IDE3LjY2OTkgMTIuODQ5OSAxNy45OTk2IDEyLjQ0OTkgMTcuOTk5NkgxMS40OTk5QzExLjA5OTkgMTcuOTk5NiAxMC43Njk5IDE3LjY2OTkgMTAuNzY5OSAxNy4yNzAzVjEwLjgzNThDMTAuNzY5OSAxMC40MzYyIDExLjA5OTkgMTAuMTA2NCAxMS40OTk5IDEwLjEwNjRaIiBmaWxsPSIjNzk3Rjg1Ii8+DQo8L3N2Zz4NCg==);
mask-image: url(data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PSIwIDAgMjQgMjQiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+DQo8cGF0aCBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGNsaXAtcnVsZT0iZXZlbm9kZCIgZD0iTTIgMTJDMiA2LjQ4IDYuNDggMiAxMiAyQzE3LjUyIDIgMjIgNi40OCAyMiAxMkMyMiAxNy41MiAxNy41MiAyMiAxMiAyMkM2LjQ4IDIyIDIgMTcuNTIgMiAxMlpNMTEuOTcgOC43Mzc2NEMxMi43MjY2IDguNzM3NjQgMTMuMzQgOC4xMjQ4IDEzLjM0IDcuMzY4ODJDMTMuMzQgNi42MTI4NCAxMi43MjY2IDYgMTEuOTcgNkMxMS4yMTM0IDYgMTAuNiA2LjYxMjg0IDEwLjYgNy4zNjg4MkMxMC42IDguMTI0OCAxMS4yMTM0IDguNzM3NjQgMTEuOTcgOC43Mzc2NFpNMTEuNDk5OSAxMC4xMDY0SDEyLjQ0OTlDMTIuODQ5OSAxMC4xMDY0IDEzLjE3OTkgMTAuNDM2MiAxMy4xNzk5IDEwLjgzNThWMTcuMjcwM0MxMy4xNzk5IDE3LjY2OTkgMTIuODQ5OSAxNy45OTk2IDEyLjQ0OTkgMTcuOTk5NkgxMS40OTk5QzExLjA5OTkgMTcuOTk5NiAxMC43Njk5IDE3LjY2OTkgMTAuNzY5OSAxNy4yNzAzVjEwLjgzNThDMTAuNzY5OSAxMC40MzYyIDExLjA5OTkgMTAuMTA2NCAxMS40OTk5IDEwLjEwNjRaIiBmaWxsPSIjNzk3Rjg1Ii8+DQo8L3N2Zz4NCg==)
}
.blu-ticker.b-success[data-v-5f386d2a] {
--blu-ticker-color-background: #effcf0;
--blu-ticker-color-border: #b2efb9
}
.blu-ticker.b-success.has-icon>.blu-ticker__icon[data-v-5f386d2a] {
background-color: #1c832a;
-webkit-mask-image: url(data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PSIwIDAgMjQgMjQiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+DQo8cGF0aCBkPSJNMTIgMkM2LjQ4IDIgMiA2LjQ4IDIgMTJDMiAxNy41MiA2LjQ4IDIyIDEyIDIyQzE3LjUyIDIyIDIyIDE3LjUyIDIyIDEyQzIyIDYuNDggMTcuNTIgMiAxMiAyWk0xNy4wNSA5LjExTDEyLjA2IDE2LjEyQzExLjg4IDE2LjM3IDExLjYgMTYuNTIgMTEuMjkgMTYuNTRIMTEuMjRDMTAuOTUgMTYuNTQgMTAuNjcgMTYuNDIgMTAuNDggMTYuMTlMNi45OSAxMi4xM0M2LjgyIDExLjkzIDYuNzMgMTEuNjcgNi43NSAxMS40MUM2Ljc3IDExLjE0IDYuODkgMTAuOSA3LjA5IDEwLjczQzcuNTEgMTAuMzcgOC4xNCAxMC40MiA4LjUgMTAuODRMMTEuMTYgMTMuOTNMMTUuNDEgNy45NkMxNS43MyA3LjUxIDE2LjM1IDcuNDEgMTYuOCA3LjczQzE3LjAyIDcuODggMTcuMTYgOC4xMSAxNy4yMSA4LjM4QzE3LjI1IDguNjQgMTcuMTkgOC45MSAxNy4wNCA5LjEyTDE3LjA1IDkuMTFaIiBmaWxsPSIjNzk3Rjg1Ii8+DQo8L3N2Zz4=);
mask-image: url(data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PSIwIDAgMjQgMjQiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+DQo8cGF0aCBkPSJNMTIgMkM2LjQ4IDIgMiA2LjQ4IDIgMTJDMiAxNy41MiA2LjQ4IDIyIDEyIDIyQzE3LjUyIDIyIDIyIDE3LjUyIDIyIDEyQzIyIDYuNDggMTcuNTIgMiAxMiAyWk0xNy4wNSA5LjExTDEyLjA2IDE2LjEyQzExLjg4IDE2LjM3IDExLjYgMTYuNTIgMTEuMjkgMTYuNTRIMTEuMjRDMTAuOTUgMTYuNTQgMTAuNjcgMTYuNDIgMTAuNDggMTYuMTlMNi45OSAxMi4xM0M2LjgyIDExLjkzIDYuNzMgMTEuNjcgNi43NSAxMS40MUM2Ljc3IDExLjE0IDYuODkgMTAuOSA3LjA5IDEwLjczQzcuNTEgMTAuMzcgOC4xNCAxMC40MiA4LjUgMTAuODRMMTEuMTYgMTMuOTNMMTUuNDEgNy45NkMxNS43MyA3LjUxIDE2LjM1IDcuNDEgMTYuOCA3LjczQzE3LjAyIDcuODggMTcuMTYgOC4xMSAxNy4yMSA4LjM4QzE3LjI1IDguNjQgMTcuMTkgOC45MSAxNy4wNCA5LjEyTDE3LjA1IDkuMTFaIiBmaWxsPSIjNzk3Rjg1Ii8+DQo8L3N2Zz4=)
}
.blu-ticker.b-warning[data-v-5f386d2a] {
--blu-ticker-color-background: #fff8e0;
--blu-ticker-color-border: #fef0b6
}
.blu-ticker.b-warning.has-icon>.blu-ticker__icon[data-v-5f386d2a] {
background-color: #f1ab02;
-webkit-mask-image: url(data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PSIwIDAgMjQgMjQiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+DQo8cGF0aCBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGNsaXAtcnVsZT0iZXZlbm9kZCIgZD0iTTMuODc0MzYgMjFIMjAuMTE0NEgyMC4xMjQ0QzIxLjU1MzUgMjEgMjIuNDUyOSAxOS41MDM1IDIxLjc2MzQgMTguMjg2NEwxMy42NDg0IDMuOTUwMjZDMTIuOTM4OCAyLjY4MzI1IDExLjA2OTkgMi42ODMyNSAxMC4zNjA0IDMuOTUwMjZMMi4yMzUzNyAxOC4yOTY0QzEuNTQ1OCAxOS41MTM1IDIuNDU1MjQgMjEgMy44NzQzNiAyMVpNMTAuOTkgMTMuOTM3NEwxMC43MDAyIDkuMDk4ODdWNy43NTIwNUMxMC43MDAyIDcuMzMzMDQgMTEuMDQgNi45OTM4NCAxMS40NTk3IDYuOTkzODRIMTIuNjA5QzEzLjAyODggNi45OTM4NCAxMy4zNjg2IDcuMzMzMDQgMTMuMzY4NiA3Ljc1MjA1VjkuMTA4ODRMMTMuMDg4NyAxMy45Mjc1QzEzLjA2ODcgMTQuMzI2NSAxMi43Mzg5IDE0LjYzNTggMTIuMzI5MiAxNC42MzU4SDExLjc0OTVDMTEuMzQ5OCAxNC42MzU4IDExLjAyIDE0LjMyNjUgMTAuOTkgMTMuOTI3NVYxMy45Mzc0Wk0xMS45OTk0IDE4Ljk2NTJDMTIuNzg4NyAxOC45NjUyIDEzLjQyODYgMTguMzI2NSAxMy40Mjg2IDE3LjUzODZDMTMuNDI4NiAxNi43NTA3IDEyLjc4ODcgMTYuMTEyIDExLjk5OTQgMTYuMTEyQzExLjIxMDIgMTYuMTEyIDEwLjU3MDMgMTYuNzUwNyAxMC41NzAzIDE3LjUzODZDMTAuNTcwMyAxOC4zMjY1IDExLjIxMDIgMTguOTY1MiAxMS45OTk0IDE4Ljk2NTJaIiBmaWxsPSIjNzk3Rjg1Ii8+DQo8L3N2Zz4NCg==);
mask-image: url(data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PSIwIDAgMjQgMjQiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+DQo8cGF0aCBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGNsaXAtcnVsZT0iZXZlbm9kZCIgZD0iTTMuODc0MzYgMjFIMjAuMTE0NEgyMC4xMjQ0QzIxLjU1MzUgMjEgMjIuNDUyOSAxOS41MDM1IDIxLjc2MzQgMTguMjg2NEwxMy42NDg0IDMuOTUwMjZDMTIuOTM4OCAyLjY4MzI1IDExLjA2OTkgMi42ODMyNSAxMC4zNjA0IDMuOTUwMjZMMi4yMzUzNyAxOC4yOTY0QzEuNTQ1OCAxOS41MTM1IDIuNDU1MjQgMjEgMy44NzQzNiAyMVpNMTAuOTkgMTMuOTM3NEwxMC43MDAyIDkuMDk4ODdWNy43NTIwNUMxMC43MDAyIDcuMzMzMDQgMTEuMDQgNi45OTM4NCAxMS40NTk3IDYuOTkzODRIMTIuNjA5QzEzLjAyODggNi45OTM4NCAxMy4zNjg2IDcuMzMzMDQgMTMuMzY4NiA3Ljc1MjA1VjkuMTA4ODRMMTMuMDg4NyAxMy45Mjc1QzEzLjA2ODcgMTQuMzI2NSAxMi43Mzg5IDE0LjYzNTggMTIuMzI5MiAxNC42MzU4SDExLjc0OTVDMTEuMzQ5OCAxNC42MzU4IDExLjAyIDE0LjMyNjUgMTAuOTkgMTMuOTI3NVYxMy45Mzc0Wk0xMS45OTk0IDE4Ljk2NTJDMTIuNzg4NyAxOC45NjUyIDEzLjQyODYgMTguMzI2NSAxMy40Mjg2IDE3LjUzODZDMTMuNDI4NiAxNi43NTA3IDEyLjc4ODcgMTYuMTEyIDExLjk5OTQgMTYuMTEyQzExLjIxMDIgMTYuMTEyIDEwLjU3MDMgMTYuNzUwNyAxMC41NzAzIDE3LjUzODZDMTAuNTcwMyAxOC4zMjY1IDExLjIxMDIgMTguOTY1MiAxMS45OTk0IDE4Ljk2NTJaIiBmaWxsPSIjNzk3Rjg1Ii8+DQo8L3N2Zz4NCg==)
}
.blu-ticker.b-danger[data-v-5f386d2a] {
--blu-ticker-color-background: #fff5f5;
--blu-ticker-color-border: #fecccb
}
.blu-ticker.b-danger.has-icon>.blu-ticker__icon[data-v-5f386d2a] {
background-color: #d33534;
-webkit-mask-image: url(data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PSIwIDAgMjQgMjQiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+DQo8cGF0aCBkPSJNMTIgMkM2LjQ4IDIgMiA2LjQ4IDIgMTJDMiAxNy41MiA2LjQ4IDIyIDEyIDIyQzE3LjUyIDIyIDIyIDE3LjUyIDIyIDEyQzIyIDYuNDggMTcuNTIgMiAxMiAyWk0xNi4yNCAxNC44M0MxNi42MyAxNS4yMiAxNi42MyAxNS44NSAxNi4yNCAxNi4yNEMxNS44NSAxNi42MyAxNS4yMiAxNi42MyAxNC44MyAxNi4yNEwxMiAxMy40MUw5LjE3IDE2LjI0QzguNzggMTYuNjMgOC4xNSAxNi42MyA3Ljc2IDE2LjI0QzcuMzcgMTUuODUgNy4zNyAxNS4yMiA3Ljc2IDE0LjgzTDEwLjU5IDEyTDcuNzYgOS4xN0M3LjM3IDguNzggNy4zNyA4LjE1IDcuNzYgNy43NkM4LjE1IDcuMzcgOC43OCA3LjM3IDkuMTcgNy43NkwxMiAxMC41OUwxNC44MyA3Ljc2QzE1LjIyIDcuMzcgMTUuODUgNy4zNyAxNi4yNCA3Ljc2QzE2LjYzIDguMTUgMTYuNjMgOC43OCAxNi4yNCA5LjE3TDEzLjQxIDEyTDE2LjI0IDE0LjgzWiIgZmlsbD0iIzc5N0Y4NSIvPg0KPC9zdmc+);
mask-image: url(data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PSIwIDAgMjQgMjQiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+DQo8cGF0aCBkPSJNMTIgMkM2LjQ4IDIgMiA2LjQ4IDIgMTJDMiAxNy41MiA2LjQ4IDIyIDEyIDIyQzE3LjUyIDIyIDIyIDE3LjUyIDIyIDEyQzIyIDYuNDggMTcuNTIgMiAxMiAyWk0xNi4yNCAxNC44M0MxNi42MyAxNS4yMiAxNi42MyAxNS44NSAxNi4yNCAxNi4yNEMxNS44NSAxNi42MyAxNS4yMiAxNi42MyAxNC44MyAxNi4yNEwxMiAxMy40MUw5LjE3IDE2LjI0QzguNzggMTYuNjMgOC4xNSAxNi42MyA3Ljc2IDE2LjI0QzcuMzcgMTUuODUgNy4zNyAxNS4yMiA3Ljc2IDE0LjgzTDEwLjU5IDEyTDcuNzYgOS4xN0M3LjM3IDguNzggNy4zNyA4LjE1IDcuNzYgNy43NkM4LjE1IDcuMzcgOC43OCA3LjM3IDkuMTcgNy43NkwxMiAxMC41OUwxNC44MyA3Ljc2QzE1LjIyIDcuMzcgMTUuODUgNy4zNyAxNi4yNCA3Ljc2QzE2LjYzIDguMTUgMTYuNjMgOC43OCAxNi4yNCA5LjE3TDEzLjQxIDEyTDE2LjI0IDE0LjgzWiIgZmlsbD0iIzc5N0Y4NSIvPg0KPC9zdmc+)
}
.blu-ticker.has-icon>.blu-ticker__icon[data-v-5f386d2a] {
margin-right: 8px;
background-position: center center;
background-size: contain;
background-repeat: no-repeat;
z-index: 0
}
@media screen and (min-width:769px),
print {
.blu-ticker.has-icon>.blu-ticker__icon[data-v-5f386d2a] {
padding: 12px
}
}
@media screen and (max-width:768px) {
.blu-ticker.has-icon>.blu-ticker__icon[data-v-5f386d2a] {
padding: 9px
}
}
.blu-ticker.has-icon.b-middle[data-v-5f386d2a] {
align-items: center
}
.blu-ticker.has-icon.b-bottom[data-v-5f386d2a] {
align-items: flex-end
}
.blu-ticker.has-icon.b-bottom[data-v-5f386d2a]:before {
margin-bottom: 3px
}
</style>
<style type="text/css">
.blu-ticker[data-v-c29289ca] {
--blu-ticker-color-background: #f9f9fa;
--blu-ticker-color-border: #e1e3e4;
display: flex;
justify-content: flex-start;
align-items: flex-start;
border-radius: 8px;
position: relative;
background-color: var(--blu-ticker-color-background);
border: 1px solid var(--blu-ticker-color-border);
color: rgba(25, 34, 42, .7019607843);
padding: 8px;
margin-bottom: 8px;
z-index: 0
}
.blu-ticker__msg[data-v-c29289ca] {
z-index: 0;
align-self: center
}
@media screen and (min-width:769px),
print {
.blu-ticker__msg[data-v-c29289ca] {
font: 16px/20px blibli, -apple-system, segoe ui, roboto, helvetica, arial, sans-serif
}
}
@media screen and (max-width:768px) {
.blu-ticker__msg[data-v-c29289ca] {
font: 14px/18px blibli, -apple-system, segoe ui, roboto, helvetica, arial, sans-serif
}
}
.blu-ticker__close[data-v-c29289ca] {
object-fit: contain;
position: relative;
z-index: 0;
width: 18px;
height: 18px;
padding: 11px
}
.blu-ticker__close i[data-v-c29289ca] {
content: "";
top: 0;
right: 0;
position: absolute;
width: 18px;
height: 18px;
padding: 12px;
background: rgba(0, 0, 0, 0) url(data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PSIwIDAgMjQgMjQiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGQ9Ik0xMy43NjcyIDEyTDE3LjYzMiA4LjEzODM5QzE4LjEyMjcgNy42NDgxOSAxOC4xMjI3IDYuODU3ODYgMTcuNjMyIDYuMzY3NjVDMTcuMTQxNCA1Ljg3NzQ1IDE2LjM1MDQgNS44Nzc0NSAxNS44NTk4IDYuMzY3NjVMMTEuOTk1IDEwLjIyOTNMOC4xNDAxOCA2LjM3NzY2QzcuNjQ5NTYgNS44ODc0NSA2Ljg1ODU3IDUuODg3NDUgNi4zNjc5NiA2LjM3NzY2QzUuODc3MzUgNi44Njc4NiA1Ljg3NzM1IDcuNjU4MTkgNi4zNjc5NiA4LjE0ODRMMTAuMjIyOCAxMkw2LjM2Nzk2IDE1Ljg2MTZDNS44NzczNSAxNi4zNTE4IDUuODc3MzUgMTcuMTQyMSA2LjM2Nzk2IDE3LjYzMjNDNi44NTg1NyAxOC4xMjI2IDcuNjQ5NTYgMTguMTIyNiA4LjE0MDE4IDE3LjYzMjNMMTIuMDA1IDEzLjc3MDdMMTUuODU5OCAxNy42MjIzQzE2LjM1MDQgMTguMTEyNSAxNy4xNDE0IDE4LjExMjUgMTcuNjMyIDE3LjYyMjNDMTguMTIyNyAxNy4xMzIxIDE4LjEyMjcgMTYuMzQxOCAxNy42MzIgMTUuODUxNkwxMy43NzcyIDEySDEzLjc2NzJaIiBmaWxsPSIjNzk3Rjg1Ii8+Cjwvc3ZnPgo=) center center no-repeat #e1e3e4;
background-color: rgba(25, 34, 42, .7019607843);
-webkit-mask-image: url(data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PSIwIDAgMjQgMjQiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGQ9Ik0xMy43NjcyIDEyTDE3LjYzMiA4LjEzODM5QzE4LjEyMjcgNy42NDgxOSAxOC4xMjI3IDYuODU3ODYgMTcuNjMyIDYuMzY3NjVDMTcuMTQxNCA1Ljg3NzQ1IDE2LjM1MDQgNS44Nzc0NSAxNS44NTk4IDYuMzY3NjVMMTEuOTk1IDEwLjIyOTNMOC4xNDAxOCA2LjM3NzY2QzcuNjQ5NTYgNS44ODc0NSA2Ljg1ODU3IDUuODg3NDUgNi4zNjc5NiA2LjM3NzY2QzUuODc3MzUgNi44Njc4NiA1Ljg3NzM1IDcuNjU4MTkgNi4zNjc5NiA4LjE0ODRMMTAuMjIyOCAxMkw2LjM2Nzk2IDE1Ljg2MTZDNS44NzczNSAxNi4zNTE4IDUuODc3MzUgMTcuMTQyMSA2LjM2Nzk2IDE3LjYzMjNDNi44NTg1NyAxOC4xMjI2IDcuNjQ5NTYgMTguMTIyNiA4LjE0MDE4IDE3LjYzMjNMMTIuMDA1IDEzLjc3MDdMMTUuODU5OCAxNy42MjIzQzE2LjM1MDQgMTguMTEyNSAxNy4xNDE0IDE4LjExMjUgMTcuNjMyIDE3LjYyMjNDMTguMTIyNyAxNy4xMzIxIDE4LjEyMjcgMTYuMzQxOCAxNy42MzIgMTUuODUxNkwxMy43NzcyIDEySDEzLjc2NzJaIiBmaWxsPSIjNzk3Rjg1Ii8+Cjwvc3ZnPgo=)
}
@media screen and (max-width:768px) {
.blu-ticker__close[data-v-c29289ca] {
transform: scale(.75)
}
}
.blu-ticker__close[data-v-c29289ca]:focus-visible {
box-shadow: 0 0 0 4px #000;
outline: 0
}
.blu-ticker__title[data-v-c29289ca] {
color: #19222a
}
@media screen and (min-width:769px),
print {
.blu-ticker__title[data-v-c29289ca] {
font: 16px/20px "blibli demi bold", -apple-system, segoe ui, roboto, helvetica, arial, sans-serif
}
}
@media screen and (max-width:768px) {
.blu-ticker__title[data-v-c29289ca] {
font: 14px/18px "blibli demi bold", -apple-system, segoe ui, roboto, helvetica, arial, sans-serif
}
}
.blu-ticker__btn[data-v-c29289ca] {
margin: 8px 0 0 -14px
}
.blu-ticker.b-info[data-v-c29289ca] {
--blu-ticker-color-background: #f3f9ff;
--blu-ticker-color-border: #b9deff
}
.blu-ticker.b-info.has-icon>.blu-ticker__icon[data-v-c29289ca] {
background-color: #006dea;
-webkit-mask-image: url(data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PSIwIDAgMjQgMjQiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+DQo8cGF0aCBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGNsaXAtcnVsZT0iZXZlbm9kZCIgZD0iTTIgMTJDMiA2LjQ4IDYuNDggMiAxMiAyQzE3LjUyIDIgMjIgNi40OCAyMiAxMkMyMiAxNy41MiAxNy41MiAyMiAxMiAyMkM2LjQ4IDIyIDIgMTcuNTIgMiAxMlpNMTEuOTcgOC43Mzc2NEMxMi43MjY2IDguNzM3NjQgMTMuMzQgOC4xMjQ4IDEzLjM0IDcuMzY4ODJDMTMuMzQgNi42MTI4NCAxMi43MjY2IDYgMTEuOTcgNkMxMS4yMTM0IDYgMTAuNiA2LjYxMjg0IDEwLjYgNy4zNjg4MkMxMC42IDguMTI0OCAxMS4yMTM0IDguNzM3NjQgMTEuOTcgOC43Mzc2NFpNMTEuNDk5OSAxMC4xMDY0SDEyLjQ0OTlDMTIuODQ5OSAxMC4xMDY0IDEzLjE3OTkgMTAuNDM2MiAxMy4xNzk5IDEwLjgzNThWMTcuMjcwM0MxMy4xNzk5IDE3LjY2OTkgMTIuODQ5OSAxNy45OTk2IDEyLjQ0OTkgMTcuOTk5NkgxMS40OTk5QzExLjA5OTkgMTcuOTk5NiAxMC43Njk5IDE3LjY2OTkgMTAuNzY5OSAxNy4yNzAzVjEwLjgzNThDMTAuNzY5OSAxMC40MzYyIDExLjA5OTkgMTAuMTA2NCAxMS40OTk5IDEwLjEwNjRaIiBmaWxsPSIjNzk3Rjg1Ii8+DQo8L3N2Zz4NCg==);
mask-image: url(data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PSIwIDAgMjQgMjQiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+DQo8cGF0aCBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGNsaXAtcnVsZT0iZXZlbm9kZCIgZD0iTTIgMTJDMiA2LjQ4IDYuNDggMiAxMiAyQzE3LjUyIDIgMjIgNi40OCAyMiAxMkMyMiAxNy41MiAxNy41MiAyMiAxMiAyMkM2LjQ4IDIyIDIgMTcuNTIgMiAxMlpNMTEuOTcgOC43Mzc2NEMxMi43MjY2IDguNzM3NjQgMTMuMzQgOC4xMjQ4IDEzLjM0IDcuMzY4ODJDMTMuMzQgNi42MTI4NCAxMi43MjY2IDYgMTEuOTcgNkMxMS4yMTM0IDYgMTAuNiA2LjYxMjg0IDEwLjYgNy4zNjg4MkMxMC42IDguMTI0OCAxMS4yMTM0IDguNzM3NjQgMTEuOTcgOC43Mzc2NFpNMTEuNDk5OSAxMC4xMDY0SDEyLjQ0OTlDMTIuODQ5OSAxMC4xMDY0IDEzLjE3OTkgMTAuNDM2MiAxMy4xNzk5IDEwLjgzNThWMTcuMjcwM0MxMy4xNzk5IDE3LjY2OTkgMTIuODQ5OSAxNy45OTk2IDEyLjQ0OTkgMTcuOTk5NkgxMS40OTk5QzExLjA5OTkgMTcuOTk5NiAxMC43Njk5IDE3LjY2OTkgMTAuNzY5OSAxNy4yNzAzVjEwLjgzNThDMTAuNzY5OSAxMC40MzYyIDExLjA5OTkgMTAuMTA2NCAxMS40OTk5IDEwLjEwNjRaIiBmaWxsPSIjNzk3Rjg1Ii8+DQo8L3N2Zz4NCg==)
}
.blu-ticker.b-success[data-v-c29289ca] {
--blu-ticker-color-background: #effcf0;
--blu-ticker-color-border: #b2efb9
}
.blu-ticker.b-success.has-icon>.blu-ticker__icon[data-v-c29289ca] {
background-color: #1c832a;
-webkit-mask-image: url(data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PSIwIDAgMjQgMjQiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+DQo8cGF0aCBkPSJNMTIgMkM2LjQ4IDIgMiA2LjQ4IDIgMTJDMiAxNy41MiA2LjQ4IDIyIDEyIDIyQzE3LjUyIDIyIDIyIDE3LjUyIDIyIDEyQzIyIDYuNDggMTcuNTIgMiAxMiAyWk0xNy4wNSA5LjExTDEyLjA2IDE2LjEyQzExLjg4IDE2LjM3IDExLjYgMTYuNTIgMTEuMjkgMTYuNTRIMTEuMjRDMTAuOTUgMTYuNTQgMTAuNjcgMTYuNDIgMTAuNDggMTYuMTlMNi45OSAxMi4xM0M2LjgyIDExLjkzIDYuNzMgMTEuNjcgNi43NSAxMS40MUM2Ljc3IDExLjE0IDYuODkgMTAuOSA3LjA5IDEwLjczQzcuNTEgMTAuMzcgOC4xNCAxMC40MiA4LjUgMTAuODRMMTEuMTYgMTMuOTNMMTUuNDEgNy45NkMxNS43MyA3LjUxIDE2LjM1IDcuNDEgMTYuOCA3LjczQzE3LjAyIDcuODggMTcuMTYgOC4xMSAxNy4yMSA4LjM4QzE3LjI1IDguNjQgMTcuMTkgOC45MSAxNy4wNCA5LjEyTDE3LjA1IDkuMTFaIiBmaWxsPSIjNzk3Rjg1Ii8+DQo8L3N2Zz4=);
mask-image: url(data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PSIwIDAgMjQgMjQiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+DQo8cGF0aCBkPSJNMTIgMkM2LjQ4IDIgMiA2LjQ4IDIgMTJDMiAxNy41MiA2LjQ4IDIyIDEyIDIyQzE3LjUyIDIyIDIyIDE3LjUyIDIyIDEyQzIyIDYuNDggMTcuNTIgMiAxMiAyWk0xNy4wNSA5LjExTDEyLjA2IDE2LjEyQzExLjg4IDE2LjM3IDExLjYgMTYuNTIgMTEuMjkgMTYuNTRIMTEuMjRDMTAuOTUgMTYuNTQgMTAuNjcgMTYuNDIgMTAuNDggMTYuMTlMNi45OSAxMi4xM0M2LjgyIDExLjkzIDYuNzMgMTEuNjcgNi43NSAxMS40MUM2Ljc3IDExLjE0IDYuODkgMTAuOSA3LjA5IDEwLjczQzcuNTEgMTAuMzcgOC4xNCAxMC40MiA4LjUgMTAuODRMMTEuMTYgMTMuOTNMMTUuNDEgNy45NkMxNS43MyA3LjUxIDE2LjM1IDcuNDEgMTYuOCA3LjczQzE3LjAyIDcuODggMTcuMTYgOC4xMSAxNy4yMSA4LjM4QzE3LjI1IDguNjQgMTcuMTkgOC45MSAxNy4wNCA5LjEyTDE3LjA1IDkuMTFaIiBmaWxsPSIjNzk3Rjg1Ii8+DQo8L3N2Zz4=)
}
.blu-ticker.b-warning[data-v-c29289ca] {
--blu-ticker-color-background: #fff8e0;
--blu-ticker-color-border: #fef0b6
}
.blu-ticker.b-warning.has-icon>.blu-ticker__icon[data-v-c29289ca] {
background-color: #f1ab02;
-webkit-mask-image: url(data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PSIwIDAgMjQgMjQiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+DQo8cGF0aCBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGNsaXAtcnVsZT0iZXZlbm9kZCIgZD0iTTMuODc0MzYgMjFIMjAuMTE0NEgyMC4xMjQ0QzIxLjU1MzUgMjEgMjIuNDUyOSAxOS41MDM1IDIxLjc2MzQgMTguMjg2NEwxMy42NDg0IDMuOTUwMjZDMTIuOTM4OCAyLjY4MzI1IDExLjA2OTkgMi42ODMyNSAxMC4zNjA0IDMuOTUwMjZMMi4yMzUzNyAxOC4yOTY0QzEuNTQ1OCAxOS41MTM1IDIuNDU1MjQgMjEgMy44NzQzNiAyMVpNMTAuOTkgMTMuOTM3NEwxMC43MDAyIDkuMDk4ODdWNy43NTIwNUMxMC43MDAyIDcuMzMzMDQgMTEuMDQgNi45OTM4NCAxMS40NTk3IDYuOTkzODRIMTIuNjA5QzEzLjAyODggNi45OTM4NCAxMy4zNjg2IDcuMzMzMDQgMTMuMzY4NiA3Ljc1MjA1VjkuMTA4ODRMMTMuMDg4NyAxMy45Mjc1QzEzLjA2ODcgMTQuMzI2NSAxMi43Mzg5IDE0LjYzNTggMTIuMzI5MiAxNC42MzU4SDExLjc0OTVDMTEuMzQ5OCAxNC42MzU4IDExLjAyIDE0LjMyNjUgMTAuOTkgMTMuOTI3NVYxMy45Mzc0Wk0xMS45OTk0IDE4Ljk2NTJDMTIuNzg4NyAxOC45NjUyIDEzLjQyODYgMTguMzI2NSAxMy40Mjg2IDE3LjUzODZDMTMuNDI4NiAxNi43NTA3IDEyLjc4ODcgMTYuMTEyIDExLjk5OTQgMTYuMTEyQzExLjIxMDIgMTYuMTEyIDEwLjU3MDMgMTYuNzUwNyAxMC41NzAzIDE3LjUzODZDMTAuNTcwMyAxOC4zMjY1IDExLjIxMDIgMTguOTY1MiAxMS45OTk0IDE4Ljk2NTJaIiBmaWxsPSIjNzk3Rjg1Ii8+DQo8L3N2Zz4NCg==);
mask-image: url(data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PSIwIDAgMjQgMjQiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+DQo8cGF0aCBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGNsaXAtcnVsZT0iZXZlbm9kZCIgZD0iTTMuODc0MzYgMjFIMjAuMTE0NEgyMC4xMjQ0QzIxLjU1MzUgMjEgMjIuNDUyOSAxOS41MDM1IDIxLjc2MzQgMTguMjg2NEwxMy42NDg0IDMuOTUwMjZDMTIuOTM4OCAyLjY4MzI1IDExLjA2OTkgMi42ODMyNSAxMC4zNjA0IDMuOTUwMjZMMi4yMzUzNyAxOC4yOTY0QzEuNTQ1OCAxOS41MTM1IDIuNDU1MjQgMjEgMy44NzQzNiAyMVpNMTAuOTkgMTMuOTM3NEwxMC43MDAyIDkuMDk4ODdWNy43NTIwNUMxMC43MDAyIDcuMzMzMDQgMTEuMDQgNi45OTM4NCAxMS40NTk3IDYuOTkzODRIMTIuNjA5QzEzLjAyODggNi45OTM4NCAxMy4zNjg2IDcuMzMzMDQgMTMuMzY4NiA3Ljc1MjA1VjkuMTA4ODRMMTMuMDg4NyAxMy45Mjc1QzEzLjA2ODcgMTQuMzI2NSAxMi43Mzg5IDE0LjYzNTggMTIuMzI5MiAxNC42MzU4SDExLjc0OTVDMTEuMzQ5OCAxNC42MzU4IDExLjAyIDE0LjMyNjUgMTAuOTkgMTMuOTI3NVYxMy45Mzc0Wk0xMS45OTk0IDE4Ljk2NTJDMTIuNzg4NyAxOC45NjUyIDEzLjQyODYgMTguMzI2NSAxMy40Mjg2IDE3LjUzODZDMTMuNDI4NiAxNi43NTA3IDEyLjc4ODcgMTYuMTEyIDExLjk5OTQgMTYuMTEyQzExLjIxMDIgMTYuMTEyIDEwLjU3MDMgMTYuNzUwNyAxMC41NzAzIDE3LjUzODZDMTAuNTcwMyAxOC4zMjY1IDExLjIxMDIgMTguOTY1MiAxMS45OTk0IDE4Ljk2NTJaIiBmaWxsPSIjNzk3Rjg1Ii8+DQo8L3N2Zz4NCg==)
}
.blu-ticker.b-danger[data-v-c29289ca] {
--blu-ticker-color-background: #fff5f5;
--blu-ticker-color-border: #fecccb
}
.blu-ticker.b-danger.has-icon>.blu-ticker__icon[data-v-c29289ca] {
background-color: #d33534;
-webkit-mask-image: url(data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PSIwIDAgMjQgMjQiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+DQo8cGF0aCBkPSJNMTIgMkM2LjQ4IDIgMiA2LjQ4IDIgMTJDMiAxNy41MiA2LjQ4IDIyIDEyIDIyQzE3LjUyIDIyIDIyIDE3LjUyIDIyIDEyQzIyIDYuNDggMTcuNTIgMiAxMiAyWk0xNi4yNCAxNC44M0MxNi42MyAxNS4yMiAxNi42MyAxNS44NSAxNi4yNCAxNi4yNEMxNS44NSAxNi42MyAxNS4yMiAxNi42MyAxNC44MyAxNi4yNEwxMiAxMy40MUw5LjE3IDE2LjI0QzguNzggMTYuNjMgOC4xNSAxNi42MyA3Ljc2IDE2LjI0QzcuMzcgMTUuODUgNy4zNyAxNS4yMiA3Ljc2IDE0LjgzTDEwLjU5IDEyTDcuNzYgOS4xN0M3LjM3IDguNzggNy4zNyA4LjE1IDcuNzYgNy43NkM4LjE1IDcuMzcgOC43OCA3LjM3IDkuMTcgNy43NkwxMiAxMC41OUwxNC44MyA3Ljc2QzE1LjIyIDcuMzcgMTUuODUgNy4zNyAxNi4yNCA3Ljc2QzE2LjYzIDguMTUgMTYuNjMgOC43OCAxNi4yNCA5LjE3TDEzLjQxIDEyTDE2LjI0IDE0LjgzWiIgZmlsbD0iIzc5N0Y4NSIvPg0KPC9zdmc+);
mask-image: url(data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PSIwIDAgMjQgMjQiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+DQo8cGF0aCBkPSJNMTIgMkM2LjQ4IDIgMiA2LjQ4IDIgMTJDMiAxNy41MiA2LjQ4IDIyIDEyIDIyQzE3LjUyIDIyIDIyIDE3LjUyIDIyIDEyQzIyIDYuNDggMTcuNTIgMiAxMiAyWk0xNi4yNCAxNC44M0MxNi42MyAxNS4yMiAxNi42MyAxNS44NSAxNi4yNCAxNi4yNEMxNS44NSAxNi42MyAxNS4yMiAxNi42MyAxNC44MyAxNi4yNEwxMiAxMy40MUw5LjE3IDE2LjI0QzguNzggMTYuNjMgOC4xNSAxNi42MyA3Ljc2IDE2LjI0QzcuMzcgMTUuODUgNy4zNyAxNS4yMiA3Ljc2IDE0LjgzTDEwLjU5IDEyTDcuNzYgOS4xN0M3LjM3IDguNzggNy4zNyA4LjE1IDcuNzYgNy43NkM4LjE1IDcuMzcgOC43OCA3LjM3IDkuMTcgNy43NkwxMiAxMC41OUwxNC44MyA3Ljc2QzE1LjIyIDcuMzcgMTUuODUgNy4zNyAxNi4yNCA3Ljc2QzE2LjYzIDguMTUgMTYuNjMgOC43OCAxNi4yNCA5LjE3TDEzLjQxIDEyTDE2LjI0IDE0LjgzWiIgZmlsbD0iIzc5N0Y4NSIvPg0KPC9zdmc+)
}
.blu-ticker.has-icon>.blu-ticker__icon[data-v-c29289ca] {
margin-right: 8px;
background-position: center center;
background-size: contain;
background-repeat: no-repeat;
z-index: 0
}
@media screen and (min-width:769px),
print {
.blu-ticker.has-icon>.blu-ticker__icon[data-v-c29289ca] {
padding: 12px
}
}
@media screen and (max-width:768px) {
.blu-ticker.has-icon>.blu-ticker__icon[data-v-c29289ca] {
padding: 9px
}
}
.blu-ticker.has-icon.b-middle[data-v-c29289ca] {
align-items: center
}
.blu-ticker.has-icon.b-bottom[data-v-c29289ca] {
align-items: flex-end
}
.blu-ticker.has-icon.b-bottom[data-v-c29289ca]:before {
margin-bottom: 3px
}
</style>
<style type="text/css">
.blu-ripple[data-v-589e2bdd] {
width: 100%;
height: 100%;
position: relative;
overflow: hidden;
display: flex;
justify-content: center;
align-items: center;
-webkit-box-pack: center;
-webkit-box-align: center;
-webkit-mask-image: radial-gradient(circle, #fff 100%, #000 100%);
padding: 0 12px
}
.blu-ripple-wave[data-v-589e2bdd] {
position: absolute;
z-index: 1;
pointer-events: none;
background: currentColor;
border-radius: 50%;
opacity: 0;
transform: scale(2) translateZ(0)
}
.blu-ripple-wave.b-centered[data-v-589e2bdd] {
animation-duration: 1.2s;
top: 50%;
left: 50%
}
.blu-ripple-wave~[data-v-589e2bdd]:not(.blu-ripple-wave) {
position: relative;
z-index: 2
}
.blu-ripple-enter-active[data-v-589e2bdd] {
transition: 2s cubic-bezier(.25, .8, .25, 1);
transition-property: opacity, transform;
will-change: opacity, transform
}
.blu-ripple-enter-active.b-centered[data-v-589e2bdd] {
transition-duration: 1.2s
}
.blu-ripple-enter[data-v-589e2bdd] {
opacity: .26;
transform: scale(.26) translateZ(0)
}
.has-left-icon .blu-ripple svg[data-v-589e2bdd] {
margin-right: 8px
}
.has-left-icon.b-small svg[data-v-589e2bdd] {
transform-origin: left;
margin-right: 4px
}
.b-large .blu-ripple[data-v-589e2bdd] {
padding: 0 16px
}
.b-small .blu-ripple[data-v-589e2bdd] {
padding: 0 8px
}
.b-small svg[data-v-589e2bdd] {
width: 18px;
height: 18px
}
.b-icon .blu-ripple[data-v-589e2bdd] {
padding: 0
}
.b-loading .blu-loader-wrapper[data-v-589e2bdd] {
height: 24px;
position: absolute
}
.b-loading .blu-ripple[data-v-589e2bdd] {
color: transparent
}
.b-loading .blu-ripple>svg[data-v-589e2bdd] {
visibility: hidden
}
.b-loading .blu-ripple .blu-ripple-wave[data-v-589e2bdd] {
color: #fff
}
.b-loading.b-white .blu-ripple-wave[data-v-589e2bdd] {
color: #CEC43F
}
.b-loading.b-outline.b-secondary .blu-ripple-wave[data-v-589e2bdd] {
color: #CEC43F
}
.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: #CEC43F
}
.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: #CEC43F
}
.b-disabled[data-v-589e2bdd] {
opacity: 1
}
.blu-btn-dropdown .blu-ripple>svg+div[data-v-589e2bdd] {
margin-left: 8px
}
.blu-radio[data-v-589e2bdd] {
width: auto;
margin: 16px 16px 16px 0;
display: inline-flex;
position: relative
}
.blu-radio[data-v-589e2bdd]:not(.b-disabled) {
cursor: pointer
}
.blu-radio:not(.b-disabled) .blu-radio-label[data-v-589e2bdd] {
cursor: pointer;
color: rgba(25, 34, 42, .7019607843)
}
.blu-radio .blu-radio-container[data-v-589e2bdd] {
width: 20px;
min-width: 20px;
height: 20px;
position: relative;
border: 1px solid transparent;
border-radius: 50%;
transition: .4s cubic-bezier(.25, .8, .25, 1);
border-color: #c8cbcd
}
.blu-radio .blu-radio-container[data-v-589e2bdd]:focus {
outline: 0
}
.blu-radio .blu-radio-container[data-v-589e2bdd]::after,
.blu-radio .blu-radio-container[data-v-589e2bdd]::before {
position: absolute;
transition: .4s cubic-bezier(.55, 0, .55, .2);
content: " "
}
.blu-radio .blu-radio-container[data-v-589e2bdd]::before {
width: 48px;
height: 48px;
top: 50%;
left: 50%;
border-radius: 50%;
transform: translate(-50%, -50%)
}
.blu-radio .blu-radio-container[data-v-589e2bdd]::after {
position: absolute;
top: 3px;
right: 3px;
bottom: 3px;
left: 3px;
border-radius: 50%;
transform: scale3D(.38, .38, 1);
content: " "
}
.blu-radio .blu-radio-container input[data-v-589e2bdd] {
position: absolute;
left: -999em
}
.blu-radio .blu-radio-container input:focus-visible+.focus-radio[data-v-589e2bdd] {
position: absolute;
padding: 12px;
border: 4px solid #000;
border-radius: 8px;
left: -8px;
bottom: -8px
}
.blu-radio .blu-radio-label[data-v-589e2bdd] {
padding-left: 8px;
position: relative;
font: 16px/20px blibli, -apple-system, segoe ui, roboto, helvetica, arial, sans-serif
}
.blu-radio.b-checked .blu-radio-container[data-v-589e2bdd] {
border-color: #1d8fff
}
.blu-radio.b-checked .blu-radio-container[data-v-589e2bdd]::after {
transform: scale3D(1, 1, 1);
transition: .4s cubic-bezier(.25, .8, .25, 1);
background-color: #1d8fff
}
.blu-radio.b-checked .blu-radio-container[data-v-589e2bdd]:hover {
background-color: #fff;
box-shadow: none
}
.blu-radio.b-required label[data-v-589e2bdd]::after {
position: absolute;
top: 2px;
right: 0;
transform: translateX(calc(100% + 2px));
content: "*";
line-height: 1em;
vertical-align: top
}
.blu-radio.b-disabled[data-v-589e2bdd] {
color: rgba(25, 34, 42, .4)
}
.blu-radio.b-disabled .blu-radio-container[data-v-589e2bdd] {
border-color: #e1e3e4
}
.blu-radio.b-disabled .blu-radio-container[data-v-589e2bdd]:hover {
background-color: #fff;
box-shadow: none
}
.blu-radio.b-disabled.b-checked .blu-radio-container[data-v-589e2bdd] {
border-color: #c8cbcd
}
.blu-radio.b-disabled.b-checked .blu-radio-container[data-v-589e2bdd]::after {
background-color: #c8cbcd
}
.blu-radio.b-disabled.b-checked .blu-radio-container[data-v-589e2bdd]:hover {
background-color: #fff;
box-shadow: none
}
.blu-radio .b-disabled[data-v-589e2bdd] {
cursor: not-allowed;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none
}
.blu-radio:hover:not(.b-disabled) .blu-radio-container[data-v-589e2bdd] {
background-color: #f1f2f2;
box-shadow: 0 0 0 2px #f1f2f2
}
</style>
<style type="text/css">
.blu-dropdown[data-v-3e0b2b85] {
position: relative
}
.blu-dropdown__content[data-v-3e0b2b85] {
width: 100%;
background-color: #fff
}
@media screen and (min-width:769px),
print {
.blu-dropdown__content[data-v-3e0b2b85] {
position: absolute;
z-index: 3
}
}
@media screen and (max-width:768px) {
.blu-dropdown__content[data-v-3e0b2b85] {
width: 100%;
border-radius: 16px 16px 0 0;
position: fixed;
bottom: -90px;
left: 0;
z-index: 3
}
}
.blu-dropdown__content .blu-list[data-v-3e0b2b85] {
width: 100%;
max-height: 0;
transition: all .3s cubic-bezier(0, 0, .2, 1.2);
margin: 0;
overflow-y: overlay
}
@media screen and (min-width:769px),
print {
.blu-dropdown__mask[data-v-3e0b2b85] {
display: none
}
}
@media screen and (max-width:768px) {
.blu-dropdown__mask[data-v-3e0b2b85] {
pointer-events: none;
transition: opacity .3s ease;
opacity: 0;
width: 100%;
height: 0;
background: rgba(0, 0, 0, .6);
position: fixed;
bottom: 0;
left: 0;
z-index: 3
}
}
@media screen and (min-width:769px),
print {
.blu-dropdown__close[data-v-3e0b2b85] {
display: none
}
}
@media screen and (max-width:768px) {
.blu-dropdown__close[data-v-3e0b2b85] {
width: 24px;
height: 24px;
position: absolute;
top: -28px;
right: 20px
}
.blu-dropdown__close i[data-v-3e0b2b85] {
content: "";
position: absolute;
width: 24px;
height: 24px;
transform: scale(1.3);
background: rgba(0, 0, 0, 0) url(data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PSIwIDAgMjQgMjQiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGQ9Ik0xMy43NjcyIDEyTDE3LjYzMiA4LjEzODM5QzE4LjEyMjcgNy42NDgxOSAxOC4xMjI3IDYuODU3ODYgMTcuNjMyIDYuMzY3NjVDMTcuMTQxNCA1Ljg3NzQ1IDE2LjM1MDQgNS44Nzc0NSAxNS44NTk4IDYuMzY3NjVMMTEuOTk1IDEwLjIyOTNMOC4xNDAxOCA2LjM3NzY2QzcuNjQ5NTYgNS44ODc0NSA2Ljg1ODU3IDUuODg3NDUgNi4zNjc5NiA2LjM3NzY2QzUuODc3MzUgNi44Njc4NiA1Ljg3NzM1IDcuNjU4MTkgNi4zNjc5NiA4LjE0ODRMMTAuMjIyOCAxMkw2LjM2Nzk2IDE1Ljg2MTZDNS44NzczNSAxNi4zNTE4IDUuODc3MzUgMTcuMTQyMSA2LjM2Nzk2IDE3LjYzMjNDNi44NTg1NyAxOC4xMjI2IDcuNjQ5NTYgMTguMTIyNiA4LjE0MDE4IDE3LjYzMjNMMTIuMDA1IDEzLjc3MDdMMTUuODU5OCAxNy42MjIzQzE2LjM1MDQgMTguMTEyNSAxNy4xNDE0IDE4LjExMjUgMTcuNjMyIDE3LjYyMjNDMTguMTIyNyAxNy4xMzIxIDE4LjEyMjcgMTYuMzQxOCAxNy42MzIgMTUuODUxNkwxMy43NzcyIDEySDEzLjc2NzJaIiBmaWxsPSIjNzk3Rjg1Ii8+Cjwvc3ZnPgo=) center center no-repeat #e1e3e4;
background-color: #e1e3e4;
-webkit-mask-image: url(data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PSIwIDAgMjQgMjQiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGQ9Ik0xMy43NjcyIDEyTDE3LjYzMiA4LjEzODM5QzE4LjEyMjcgNy42NDgxOSAxOC4xMjI3IDYuODU3ODYgMTcuNjMyIDYuMzY3NjVDMTcuMTQxNCA1Ljg3NzQ1IDE2LjM1MDQgNS44Nzc0NSAxNS44NTk4IDYuMzY3NjVMMTEuOTk1IDEwLjIyOTNMOC4xNDAxOCA2LjM3NzY2QzcuNjQ5NTYgNS44ODc0NSA2Ljg1ODU3IDUuODg3NDUgNi4zNjc5NiA2LjM3NzY2QzUuODc3MzUgNi44Njc4NiA1Ljg3NzM1IDcuNjU4MTkgNi4zNjc5NiA4LjE0ODRMMTAuMjIyOCAxMkw2LjM2Nzk2IDE1Ljg2MTZDNS44NzczNSAxNi4zNTE4IDUuODc3MzUgMTcuMTQyMSA2LjM2Nzk2IDE3LjYzMjNDNi44NTg1NyAxOC4xMjI2IDcuNjQ5NTYgMTguMTIyNiA4LjE0MDE4IDE3LjYzMjNMMTIuMDA1IDEzLjc3MDdMMTUuODU5OCAxNy42MjIzQzE2LjM1MDQgMTguMTEyNSAxNy4xNDE0IDE4LjExMjUgMTcuNjMyIDE3LjYyMjNDMTguMTIyNyAxNy4xMzIxIDE4LjEyMjcgMTYuMzQxOCAxNy42MzIgMTUuODUxNkwxMy43NzcyIDEySDEzLjc2NzJaIiBmaWxsPSIjNzk3Rjg1Ii8+Cjwvc3ZnPgo=)
}
}
.blu-dropdown__msg[data-v-3e0b2b85] {
font: 14px/18px blibli, -apple-system, segoe ui, roboto, helvetica, arial, sans-serif;
color: rgba(25, 34, 42, .4);
margin-top: 4px
}
@media screen and (max-width:768px) {
.blu-dropdown.has-title .blu-dropdown__content[data-v-3e0b2b85] {
padding-top: 52px
}
}
.blu-dropdown.has-title .blu-dropdown__title[data-v-3e0b2b85] {
display: none
}
@media screen and (max-width:768px) {
.blu-dropdown.has-title .blu-dropdown__title[data-v-3e0b2b85] {
display: block;
position: absolute;
top: 24px;
left: 16px;
font: 16px/20px "blibli demi bold", -apple-system, segoe ui, roboto, helvetica, arial, sans-serif
}
}
.blu-dropdown:not(.b-active) .blu-dropdown__content[data-v-3e0b2b85] {
visibility: hidden;
transition: all .3s ease-in-out
}
@media screen and (min-width:769px),
print {
.blu-dropdown.b-active .blu-dropdown__content .blu-list[data-v-3e0b2b85] {
max-height: 265px
}
}
@media screen and (max-width:768px) {
.blu-dropdown.b-active .blu-dropdown__content .blu-list[data-v-3e0b2b85] {
max-height: 55vh;
padding-top: 8px;
border-radius: 24px 24px 0 0;
padding-bottom: calc(env(safe-area-inset-bottom) + 90px)
}
}
@media screen and (max-width:768px) {
.blu-dropdown.b-active .blu-dropdown__mask[data-v-3e0b2b85] {
opacity: 1;
height: 100%;
pointer-events: auto
}
}
.blu-dropdown.b-selection:not(.has-value) label[data-v-3e0b2b85] {
top: 18px
}
.blu-dropdown.b-selection label[data-v-3e0b2b85] {
font: 16px/20px blibli, -apple-system, segoe ui, roboto, helvetica, arial, sans-serif;
color: rgba(25, 34, 42, .4);
position: absolute;
transition: all .5s
}
.blu-dropdown.b-selection .blu-dropdown__trigger[data-v-3e0b2b85] {
height: 56px;
padding: 10px 36px 10px 14px;
font: 16px/20px "blibli demi bold", -apple-system, segoe ui, roboto, helvetica, arial, sans-serif;
color: rgba(25, 34, 42, .7019607843);
border: #c8cbcd 1px solid;
border-radius: 8px;
background-color: #fff;
transition: border .4s, border-color .4s;
cursor: pointer;
outline: 0
}
.blu-dropdown.b-selection .blu-dropdown__trigger[data-v-3e0b2b85]::before {
content: "";
width: 24px;
height: 24px;
background: rgba(0, 0, 0, 0) url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB2aWV3Qm94PSIwIDAgMjQgMjQiPgogIDxkZWZzPgogICAgPHBhdGgKICAgICAgICBpZD0iMTkwcjYzOHp6YSIKICAgICAgICBkPSJNMCA1LjE1NGMwLS42MzYuMjkyLTEuMjE5LjgtMS42TDUuNDExLjE5MmMuNDQ2LS4zMjUgMS4wNzItLjIyOCAxLjM5Ny4yMi4zMjUuNDQ1LjIyNyAxLjA3MS0uMjE5IDEuMzk2bC00LjYgMy4zNTQgNC41NjMgMy4wMDRjLjQ2LjMwNS41ODcuOTI1LjI4MiAxLjM4Ni0uMzA1LjQ2LS45MjYuNTg2LTEuMzg2LjI4MmwtNC42LTMuMDQ2Qy4yOTEgNi4zNzIgMCA1Ljc5IDAgNS4xNTR6IgogICAgLz4KICA8L2RlZnM+CiAgPGcgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIj4KICAgIDxnPgogICAgICA8Zz4KICAgICAgICA8cGF0aCBmaWxsPSIjRkZGIiBmaWxsLW9wYWNpdHk9Ii4wMSIgZD0iTTAgMEgyNFYyNEgweiIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTU5MiAtNzg1KSB0cmFuc2xhdGUoNTkyIDc4NSkiIC8+CiAgICAgICAgPGcgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTU5MiAtNzg1KSB0cmFuc2xhdGUoNTkyIDc4NSkgdHJhbnNsYXRlKDggNykiPgogICAgICAgICAgPG1hc2sgaWQ9InU0ZGRwYm95eGIiIGZpbGw9IiNmZmYiPjx1c2UgeGxpbms6aHJlZj0iIzE5MHI2Mzh6emEiIC8+PC9tYXNrPgogICAgICAgICAgPHVzZSBmaWxsPSIjNzk3Rjg1IiBmaWxsLXJ1bGU9Im5vbnplcm8iIHhsaW5rOmhyZWY9IiMxOTByNjM4enphIiAvPgogICAgICAgICAgPHBhdGggZmlsbD0iIzc5N0Y4NSIgZD0iTS04IC03SDE2VjE3SC04eiIgbWFzaz0idXJsKCN1NGRkcGJveXhiKSIgLz4KICAgICAgICA8L2c+CiAgICAgIDwvZz4KICAgIDwvZz4KICA8L2c+Cjwvc3ZnPgo=) center center no-repeat;
transform: rotate(270deg);
transition: transform .4s;
position: absolute;
top: 16px;
right: 8px;
z-index: 2
}
.blu-dropdown.b-selection .blu-dropdown__trigger[data-v-3e0b2b85]::after {
content: "";
width: 24px;
height: 30px;
position: absolute;
top: calc(50% - 15px);
right: 37px;
background: #fff;
background: linear-gradient(-90deg, #fff 0, rgba(255, 255, 255, 0) 100%)
}
.blu-dropdown.b-selection .blu-dropdown__trigger[data-v-3e0b2b85]:hover {
background-color: #f1f2f2
}
.blu-dropdown.b-selection .blu-dropdown__trigger[data-v-3e0b2b85]:hover::after {
background: #f1f1f1;
background: linear-gradient(-90deg, #f1f1f1 0, rgba(241, 241, 241, 0) 100%)
}
@media screen and (min-width:769px),
print {
.blu-dropdown.b-selection .blu-dropdown__content[data-v-3e0b2b85] {
top: 56px;
left: 0;
margin-top: 8px;
border-radius: 8px
}
}
.blu-dropdown.b-selection .blu-dropdown__value[data-v-3e0b2b85] {
display: block;
margin-top: 15px;
opacity: 0;
transition: all .5s;
white-space: nowrap;
font: 16px/20px blibli, -apple-system, segoe ui, roboto, helvetica, arial, sans-serif;
color: #19222a
}
.blu-dropdown.b-selection .has-value label[data-v-3e0b2b85] {
color: #CEC43F;
font: 12px/16px blibli, -apple-system, segoe ui, roboto, helvetica, arial, sans-serif;
font-size: 1.2rem;
font-weight: 400;
margin-top: 9px;
line-height: 1.25;
top: 0
}
.blu-dropdown.b-selection .has-value .blu-dropdown__value[data-v-3e0b2b85] {
opacity: 1
}
.blu-dropdown.b-selection:not(.b-disabled) .blu-dropdown__trigger[data-v-3e0b2b85]:focus-visible {
box-shadow: 0 0 0 4px #000
}
.blu-dropdown.b-selection.b-active .blu-dropdown__trigger[data-v-3e0b2b85] {
border-color: #1d8fff;
transition: border-color .4s
}
.blu-dropdown.b-selection.b-active .blu-dropdown__trigger[data-v-3e0b2b85]::before {
transform: rotate(90deg);
transition: transform .4s
}
.blu-dropdown.b-selection.b-danger .has-value label[data-v-3e0b2b85] {
color: #e93c3c
}
.blu-dropdown.b-selection.b-danger .blu-dropdown__trigger[data-v-3e0b2b85] {
border-color: #ff4646
}
.blu-dropdown.b-selection.b-danger .blu-dropdown__msg[data-v-3e0b2b85] {
color: #e93c3c
}
.blu-dropdown.b-selection.b-success .has-value label[data-v-3e0b2b85] {
color: #1c832a
}
.blu-dropdown.b-selection.b-success .blu-dropdown__trigger[data-v-3e0b2b85] {
border-color: #22a334
}
.blu-dropdown.b-selection.b-success .blu-dropdown__msg[data-v-3e0b2b85] {
color: #1f912e
}
.blu-dropdown.b-selection.b-noborder .blu-dropdown__trigger[data-v-3e0b2b85] {
border: none;
display: flex;
align-items: center;
color: #19222a
}
.blu-dropdown.b-selection.b-noborder .blu-dropdown__trigger[data-v-3e0b2b85]:hover {
background-color: #fff
}
.blu-dropdown.b-selection.b-noborder .blu-dropdown__trigger[data-v-3e0b2b85]:hover::after {
background: #fff;
background: linear-gradient(-90deg, #fff 0, rgba(255, 255, 255, 0) 100%)
}
.blu-dropdown.b-selection.b-noborder .blu-dropdown__value[data-v-3e0b2b85] {
display: flex;
align-items: center;
margin-top: 0
}
.blu-dropdown.b-contained .blu-dropdown__trigger[data-v-3e0b2b85] {
background-color: #f1f2f2;
border-color: #f1f2f2;
transition: border-color 0s
}
.blu-dropdown.b-contained .blu-dropdown__trigger[data-v-3e0b2b85]::after {
background: #f1f1f1;
background: linear-gradient(-90deg, #f1f1f1 0, rgba(241, 241, 241, 0) 100%)
}
.blu-dropdown.b-contained .blu-dropdown__trigger[data-v-3e0b2b85]:hover {
background-color: #e1e3e4;
border-color: #e1e3e4;
transition: border-color 0s
}
.blu-dropdown.b-contained .blu-dropdown__trigger[data-v-3e0b2b85]:hover::after {
background: #e0e0e0;
background: linear-gradient(-90deg, #e0e0e0 0, rgba(224, 224, 224, 0) 100%)
}
.blu-dropdown.b-contained.b-active .blu-dropdown__trigger[data-v-3e0b2b85] {
border-color: #1d8fff;
transition: border-color .4s
}
.blu-dropdown.has-left-icon label[data-v-3e0b2b85] {
left: 48px
}
.blu-dropdown.has-left-icon .blu-dropdown__value[data-v-3e0b2b85] {
padding-left: 30px
}
.blu-dropdown.has-left-icon .blu-dropdown__icon-left[data-v-3e0b2b85] {
position: absolute;
top: 16px;
left: 16px;
margin-right: 8px;
color: #797f85
}
.blu-dropdown.has-right-icon .blu-dropdown__trigger[data-v-3e0b2b85]::before {
display: none
}
.blu-dropdown.has-right-icon .blu-dropdown__icon-right[data-v-3e0b2b85] {
position: absolute;
top: 16px;
right: 16px;
color: rgba(25, 34, 42, .4)
}
.blu-dropdown.has-placeholder label[data-v-3e0b2b85] {
transition: none
}
.blu-dropdown.has-placeholder .has-value label[data-v-3e0b2b85] {
z-index: -1;
color: inherit;
font-size: inherit
}
.blu-dropdown.has-placeholder .blu-dropdown__value[data-v-3e0b2b85] {
margin-top: 4px
}
.blu-dropdown.b-small.has-left-icon.has-placeholder label[data-v-3e0b2b85] {
left: 30px
}
.blu-dropdown.b-small.has-left-icon .blu-dropdown__value[data-v-3e0b2b85] {
padding-left: 36px
}
.blu-dropdown.b-small.has-left-icon .blu-dropdown__icon-left[data-v-3e0b2b85] {
height: 24px;
top: 4px;
left: 5px;
color: #797f85
}
.blu-dropdown.b-small.has-left-icon .blu-dropdown__icon-left svg[data-v-3e0b2b85] {
transform: scale(.75)
}
.blu-dropdown.b-small.has-left-icon.b-selection .blu-dropdown__value[data-v-3e0b2b85] {
padding-left: 20px
}
.blu-dropdown.b-small.has-placeholder label[data-v-3e0b2b85] {
top: 7px;
color: rgba(25, 34, 42, .4);
font: 14px/18px blibli, -apple-system, segoe ui, roboto, helvetica, arial, sans-serif
}
.blu-dropdown.b-small .blu-dropdown__trigger[data-v-3e0b2b85] {
height: 32px;
padding: 4px 36px 4px 8px;
border-radius: 8px
}
.blu-dropdown.b-small .blu-dropdown__trigger[data-v-3e0b2b85]:before {
top: 4px;
right: 4px
}
.blu-dropdown.b-small .blu-dropdown__trigger[data-v-3e0b2b85]::after {
height: 24px;
top: 2px
}
.blu-dropdown.b-small.b-selection .blu-dropdown__value[data-v-3e0b2b85] {
margin-top: 1px;
font: 14px/18px blibli, -apple-system, segoe ui, roboto, helvetica, arial, sans-serif
}
@media screen and (min-width:769px),
print {
.blu-dropdown.b-small.b-selection .blu-dropdown__content[data-v-3e0b2b85] {
top: 32px
}
}
.blu-dropdown.b-disabled .blu-dropdown__trigger[data-v-3e0b2b85] {
cursor: not-allowed;
background-color: #c8cbcd
}
.blu-dropdown.b-disabled .blu-dropdown__trigger[data-v-3e0b2b85]::before {
background: rgba(0, 0, 0, 0) url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB2aWV3Qm94PSIwIDAgMjQgMjQiPgogIDxkZWZzPgogICAgPHBhdGgKICAgICAgICBpZD0iMTkwcjYzOHp6YSIKICAgICAgICBkPSJNMCA1LjE1NGMwLS42MzYuMjkyLTEuMjE5LjgtMS42TDUuNDExLjE5MmMuNDQ2LS4zMjUgMS4wNzItLjIyOCAxLjM5Ny4yMi4zMjUuNDQ1LjIyNyAxLjA3MS0uMjE5IDEuMzk2bC00LjYgMy4zNTQgNC41NjMgMy4wMDRjLjQ2LjMwNS41ODcuOTI1LjI4MiAxLjM4Ni0uMzA1LjQ2LS45MjYuNTg2LTEuMzg2LjI4MmwtNC42LTMuMDQ2Qy4yOTEgNi4zNzIgMCA1Ljc5IDAgNS4xNTR6IgogICAgLz4KICA8L2RlZnM+CiAgPGcgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIj4KICAgIDxnPgogICAgICA8Zz4KICAgICAgICA8cGF0aCBmaWxsPSIjRkZGIiBmaWxsLW9wYWNpdHk9Ii4wMSIgZD0iTTAgMEgyNFYyNEgweiIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTU5MiAtNzg1KSB0cmFuc2xhdGUoNTkyIDc4NSkiIC8+CiAgICAgICAgPGcgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTU5MiAtNzg1KSB0cmFuc2xhdGUoNTkyIDc4NSkgdHJhbnNsYXRlKDggNykiPgogICAgICAgICAgPG1hc2sgaWQ9InU0ZGRwYm95eGIiIGZpbGw9IiNmZmYiPjx1c2UgeGxpbms6aHJlZj0iIzE5MHI2Mzh6emEiIC8+PC9tYXNrPgogICAgICAgICAgPHVzZSBmaWxsPSIjNzk3Rjg1IiBmaWxsLXJ1bGU9Im5vbnplcm8iIHhsaW5rOmhyZWY9IiMxOTByNjM4enphIiAvPgogICAgICAgICAgPHBhdGggZmlsbD0iI0E1QTlBQyIgZD0iTS04IC03SDE2VjE3SC04eiIgbWFzaz0idXJsKCN1NGRkcGJveXhiKSIgLz4KICAgICAgICA8L2c+CiAgICAgIDwvZz4KICAgIDwvZz4KICA8L2c+Cjwvc3ZnPgo=) center center no-repeat
}
.blu-dropdown.b-disabled .blu-dropdown__trigger[data-v-3e0b2b85]::after {
content: none
}
.blu-dropdown.b-disabled .blu-dropdown__trigger[data-v-3e0b2b85]:hover {
background-color: #c8cbcd
}
.blu-dropdown.b-disabled .blu-dropdown__value[data-v-3e0b2b85] {
color: rgba(25, 34, 42, .4)
}
.blu-dropdown.b-disabled .has-value label[data-v-3e0b2b85] {
color: rgba(25, 34, 42, .4)
}
@media screen and (min-width:769px),
print {
.blu-calendar .b-selection .blu-dropdown__trigger[data-v-3e0b2b85] {
padding: 16px 40px 16px 16px
}
}
@media screen and (max-width:768px) {
.blu-calendar .b-selection .blu-dropdown__trigger[data-v-3e0b2b85] {
padding: 8px 32px 8px 8px
}
}
@media screen and (min-width:769px),
print {
.blu-calendar .b-selection .blu-dropdown__content[data-v-3e0b2b85] {
left: var(--dropdown-content-position)
}
}
@media screen and (max-width:768px) {
.blu-calendar .b-selection .blu-dropdown__content[data-v-3e0b2b85] {
left: 0
}
}
</style>
<style type="text/css">
.blu-list button[data-v-1b6a2c38] {
font: 16px/20px blibli, -apple-system, segoe ui, roboto, helvetica, arial, sans-serif;
width: calc(100% + 16px);
text-align: left;
color: #19222a
}
.blu-list ul[data-v-1b6a2c38] {
padding: 0;
margin: 0
}
.blu-list li[data-v-1b6a2c38] {
min-height: 56px
}
.blu-list ul li[data-v-1b6a2c38] {
display: grid;
list-style: none;
margin: 0 16px
}
.blu-list ul[data-v-1b6a2c38]>:not(.list-group):not(:first-child) {
border-top: #c8cbcd 1px solid
}
.blu-list.b-group ul .list-group:not(:last-child) li[data-v-1b6a2c38]:last-child {
border-bottom: 1px solid #c8cbcd
}
.blu-list .blu-list__text-right[data-v-1b6a2c38] {
color: rgba(25, 34, 42, .4);
float: right;
padding: 0 0 3px 19px;
margin-top: -21px
}
.blu-list .blu-list__text-desc[data-v-1b6a2c38] {
color: rgba(25, 34, 42, .4);
font: 14px/18px blibli, -apple-system, segoe ui, roboto, helvetica, arial, sans-serif;
display: flex;
padding-right: 20px
}
.blu-list li.has-multiselect:not(.b-right-checkbox) .blu-list__text-desc[data-v-1b6a2c38] {
padding-left: 28px
}
.blu-list__item[data-v-1b6a2c38] {
display: block;
min-height: 40px;
margin: 8px 8px 8px -8px;
padding: 8px;
border-radius: 8px;
transition: background-color .4s;
color: #19222a;
cursor: pointer
}
.blu-list__item[data-v-1b6a2c38]:not(.b-disabled):hover {
background-color: #f1f2f2
}
.blu-list__item[data-v-1b6a2c38]:not(.b-disabled):focus-visible {
outline: 0;
box-shadow: 0 0 0 4px #000;
background-color: #f1f2f2
}
.blu-list__item.b-selected[data-v-1b6a2c38] {
background-color: #f3f9ff
}
.blu-list__item.b-selected.has-multiselect.b-selected[data-v-1b6a2c38] {
background: 0 0
}
.blu-list__item.b-disabled[data-v-1b6a2c38] {
cursor: not-allowed;
opacity: .5
}
.blu-list__item.b-disabled[data-v-1b6a2c38]:focus-visible {
outline: 0
}
.blu-list__item.b-disabled .blu-checkbox[data-v-1b6a2c38],
.blu-list__item.b-disabled .blu-radio[data-v-1b6a2c38] {
pointer-events: none
}
.blu-list__item-image[data-v-1b6a2c38] {
background: #fff;
display: flex;
align-items: center;
justify-content: center;
height: 24px;
width: 24px;
border-radius: 50%;
margin-right: 8px;
float: left
}
.blu-list__item-image img[data-v-1b6a2c38] {
border-radius: 50%
}
.blu-list__item-heading[data-v-1b6a2c38] {
display: flex
}
.blu-list .blu-checkbox[data-v-1b6a2c38] {
transform: translateY(-2px)
}
.blu-list .b-right-checkbox label[data-v-1b6a2c38] {
order: 1;
width: 100%
}
.blu-list .b-right-checkbox .blu-checkbox[data-v-1b6a2c38] {
order: 2;
transform: translateX(7px)
}
.blu-list__content[data-v-1b6a2c38] {
display: grid;
margin: 8px 8px 8px -8px;
padding: 8px 10px;
border-radius: 16px
}
.blu-list .has-left-radio .blu-radio[data-v-1b6a2c38] {
margin: 0 8px 0 0
}
.blu-list .has-left-radio .blu-list__text-desc[data-v-1b6a2c38] {
padding-left: 28px
}
.blu-list .has-right-radio .blu-radio[data-v-1b6a2c38] {
order: 2;
margin: 0 0 0 auto
}
.has-child>.blu-list[data-v-1b6a2c38] {
background-color: #fff;
overflow-y: auto;
max-height: 0;
opacity: 0;
transition: all .3s ease-in-out;
width: calc(100% + 28px);
transform: translateX(-12px);
padding-left: 24px
}
.has-child>.blu-list li[data-v-1b6a2c38]:first-child {
margin-top: 1px
}
.has-child>.blu-list__item[data-v-1b6a2c38] {
position: relative;
align-items: center
}
.has-child>.blu-list__item[data-v-1b6a2c38]::after {
content: "";
width: 24px;
height: 24px;
background: rgba(0, 0, 0, 0) url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB2aWV3Qm94PSIwIDAgMjQgMjQiPgogIDxkZWZzPgogICAgPHBhdGgKICAgICAgICBpZD0iMTkwcjYzOHp6YSIKICAgICAgICBkPSJNMCA1LjE1NGMwLS42MzYuMjkyLTEuMjE5LjgtMS42TDUuNDExLjE5MmMuNDQ2LS4zMjUgMS4wNzItLjIyOCAxLjM5Ny4yMi4zMjUuNDQ1LjIyNyAxLjA3MS0uMjE5IDEuMzk2bC00LjYgMy4zNTQgNC41NjMgMy4wMDRjLjQ2LjMwNS41ODcuOTI1LjI4MiAxLjM4Ni0uMzA1LjQ2LS45MjYuNTg2LTEuMzg2LjI4MmwtNC42LTMuMDQ2Qy4yOTEgNi4zNzIgMCA1Ljc5IDAgNS4xNTR6IgogICAgLz4KICA8L2RlZnM+CiAgPGcgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIj4KICAgIDxnPgogICAgICA8Zz4KICAgICAgICA8cGF0aCBmaWxsPSIjRkZGIiBmaWxsLW9wYWNpdHk9Ii4wMSIgZD0iTTAgMEgyNFYyNEgweiIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTU5MiAtNzg1KSB0cmFuc2xhdGUoNTkyIDc4NSkiIC8+CiAgICAgICAgPGcgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTU5MiAtNzg1KSB0cmFuc2xhdGUoNTkyIDc4NSkgdHJhbnNsYXRlKDggNykiPgogICAgICAgICAgPG1hc2sgaWQ9InU0ZGRwYm95eGIiIGZpbGw9IiNmZmYiPjx1c2UgeGxpbms6aHJlZj0iIzE5MHI2Mzh6emEiIC8+PC9tYXNrPgogICAgICAgICAgPHVzZSBmaWxsPSIjNzk3Rjg1IiBmaWxsLXJ1bGU9Im5vbnplcm8iIHhsaW5rOmhyZWY9IiMxOTByNjM4enphIiAvPgogICAgICAgICAgPHBhdGggZmlsbD0iIzc5N0Y4NSIgZD0iTS04IC03SDE2VjE3SC04eiIgbWFzaz0idXJsKCN1NGRkcGJveXhiKSIgLz4KICAgICAgICA8L2c+CiAgICAgIDwvZz4KICAgIDwvZz4KICA8L2c+Cjwvc3ZnPgo=) center center no-repeat;
transform: rotate(270deg);
transition: transform .3s;
display: block;
position: absolute;
right: 8px;
top: 7px
}
.has-child>.blu-list__item:focus-visible~.blu-list[data-v-1b6a2c38] {
border-top: #c8cbcd 1px solid;
max-height: 200px;
opacity: 1
}
.has-child>.blu-list__item:focus-visible~.blu-list__item[data-v-1b6a2c38]::after {
transform: rotate(90deg)
}
.has-child>.blu-list.b-overflow-y[data-v-1b6a2c38] {
margin: 0
}
.has-child .blu-list__text-desc[data-v-1b6a2c38] {
padding-right: 20px
}
.has-child:hover>.blu-list[data-v-1b6a2c38] {
max-height: 200px;
opacity: 1
}
.has-child:hover>.blu-list__item[data-v-1b6a2c38]::after {
transform: rotate(90deg)
}
.has-child:hover>.blu-list[data-v-1b6a2c38]::before {
content: "";
height: 1px;
width: calc(100% - 28px);
background: #c8cbcd;
position: absolute;
left: 12px
}
.has-left-icon[data-v-1b6a2c38] {
display: flex;
align-items: center
}
.has-left-icon .blu-list__content-icon[data-v-1b6a2c38],
.has-left-icon .blu-list__item-icon[data-v-1b6a2c38] {
display: flex;
margin-right: 8px;
color: #797f85
}
.has-child-expand>.blu-list[data-v-1b6a2c38] {
background-color: #fff;
overflow-y: auto;
max-height: 0;
opacity: 0;
transition: max-height .3s ease-in-out, opacity .3s ease-in-out;
width: calc(100% + 28px);
transform: translateX(-12px);
padding-left: 24px
}
.has-child-expand>.blu-list li[data-v-1b6a2c38]:first-child {
margin-top: 1px
}
.has-child-expand>.blu-list__item[data-v-1b6a2c38] {
position: relative;
align-items: center
}
.has-child-expand>.blu-list__item[data-v-1b6a2c38]::after {
content: "";
width: 24px;
height: 24px;
background: rgba(0, 0, 0, 0) url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB2aWV3Qm94PSIwIDAgMjQgMjQiPgogIDxkZWZzPgogICAgPHBhdGgKICAgICAgICBpZD0iMTkwcjYzOHp6YSIKICAgICAgICBkPSJNMCA1LjE1NGMwLS42MzYuMjkyLTEuMjE5LjgtMS42TDUuNDExLjE5MmMuNDQ2LS4zMjUgMS4wNzItLjIyOCAxLjM5Ny4yMi4zMjUuNDQ1LjIyNyAxLjA3MS0uMjE5IDEuMzk2bC00LjYgMy4zNTQgNC41NjMgMy4wMDRjLjQ2LjMwNS41ODcuOTI1LjI4MiAxLjM4Ni0uMzA1LjQ2LS45MjYuNTg2LTEuMzg2LjI4MmwtNC42LTMuMDQ2Qy4yOTEgNi4zNzIgMCA1Ljc5IDAgNS4xNTR6IgogICAgLz4KICA8L2RlZnM+CiAgPGcgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIj4KICAgIDxnPgogICAgICA8Zz4KICAgICAgICA8cGF0aCBmaWxsPSIjRkZGIiBmaWxsLW9wYWNpdHk9Ii4wMSIgZD0iTTAgMEgyNFYyNEgweiIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTU5MiAtNzg1KSB0cmFuc2xhdGUoNTkyIDc4NSkiIC8+CiAgICAgICAgPGcgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTU5MiAtNzg1KSB0cmFuc2xhdGUoNTkyIDc4NSkgdHJhbnNsYXRlKDggNykiPgogICAgICAgICAgPG1hc2sgaWQ9InU0ZGRwYm95eGIiIGZpbGw9IiNmZmYiPjx1c2UgeGxpbms6aHJlZj0iIzE5MHI2Mzh6emEiIC8+PC9tYXNrPgogICAgICAgICAgPHVzZSBmaWxsPSIjNzk3Rjg1IiBmaWxsLXJ1bGU9Im5vbnplcm8iIHhsaW5rOmhyZWY9IiMxOTByNjM4enphIiAvPgogICAgICAgICAgPHBhdGggZmlsbD0iIzc5N0Y4NSIgZD0iTS04IC03SDE2VjE3SC04eiIgbWFzaz0idXJsKCN1NGRkcGJveXhiKSIgLz4KICAgICAgICA8L2c+CiAgICAgIDwvZz4KICAgIDwvZz4KICA8L2c+Cjwvc3ZnPgo=) center center no-repeat;
transform: rotate(270deg);
transition: transform .3s;
display: block;
position: absolute;
right: 8px;
top: 7px
}
.has-child-expand>.blu-list__item:focus-visible~.blu-list[data-v-1b6a2c38] {
border-top: #c8cbcd 1px solid;
max-height: 200px;
opacity: 1
}
.has-child-expand>.blu-list__item:focus-visible~.blu-list__item[data-v-1b6a2c38]::after {
transform: rotate(90deg)
}
.has-child-expand>.blu-list.b-overflow-y[data-v-1b6a2c38] {
margin: 0
}
.has-child-expand .blu-list__text-desc[data-v-1b6a2c38] {
padding-right: 20px
}
.has-list-expand>.blu-list[data-v-1b6a2c38] {
max-height: 100vh;
opacity: 1
}
.has-list-expand>.blu-list__item[data-v-1b6a2c38]::after {
transform: rotate(90deg)
}
.has-list-expand>.blu-list[data-v-1b6a2c38]::before {
content: "";
height: 1px;
width: calc(100% - 28px);
background: #c8cbcd;
position: absolute;
left: 12px
}
</style>
<style type="text/css">
.blu-checkbox[data-v-0eb6b69a] {
min-width: 18px;
display: flex
}
.blu-checkbox input[type=checkbox][data-v-0eb6b69a] {
display: none
}
.blu-checkbox input[type=checkbox]+label[data-v-0eb6b69a] {
color: rgba(25, 34, 42, .7019607843);
font: 16px/20px blibli, -apple-system, segoe ui, roboto, helvetica, arial, sans-serif;
position: relative;
display: flex;
align-items: center;
padding-left: 28px;
cursor: pointer;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
padding-top: 2px;
padding-bottom: 2px;
line-height: 20px;
outline: 0;
transition: border-color .4s
}
.blu-checkbox input[type=checkbox]+label[data-v-0eb6b69a]:before {
content: "";
width: 18px;
height: 18px;
background-color: #fff;
border-radius: 4px;
border: #c8cbcd 1px solid;
position: absolute;
top: 2px;
left: 3px;
transition: all .4s
}
.blu-checkbox input[type=checkbox]+label[data-v-0eb6b69a]:after {
content: "";
width: 0;
height: 0;
position: absolute;
top: 8px;
left: 9px;
transition: width .3s
}
.blu-checkbox input[type=checkbox]+label[data-v-0eb6b69a]:hover::before {
background-color: #f1f2f2;
box-shadow: 0 0 0 2px #f1f2f2
}
.blu-checkbox input[type=checkbox]+label[data-v-0eb6b69a]:focus-visible::before {
border-color: #000
}
.blu-checkbox input[type=checkbox]:checked+label[data-v-0eb6b69a]:before {
border-color: #1d8fff;
background-color: #1d8fff
}
.blu-checkbox input[type=checkbox]:checked+label[data-v-0eb6b69a]:after {
width: 10px;
height: 8px;
top: 7px;
left: 7px;
background: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTAiIGhlaWdodD0iOCIgdmlld0JveD0iMCAwIDEwIDgiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGZpbGwtcnVsZT0iZXZlbm9kZCIgY2xpcC1ydWxlPSJldmVub2RkIiBkPSJNOC4zNzc0NyAwLjI5Mjg5M0M4Ljc0ODY0IC0wLjA5NzYzMSA5LjM1MDQ0IC0wLjA5NzYzMSA5LjcyMTYyIDAuMjkyODkzQzEwLjA5MjggMC42ODM0MTcgMTAuMDkyOCAxLjMxNjU4IDkuNzIxNjIgMS43MDcxMUw0LjAxODg3IDcuNzA3MUMzLjY0NzcgOC4wOTc2MyAzLjA0NTkgOC4wOTc2MyAyLjY3NDcyIDcuNzA3MUwwLjI3ODM4MyA1LjE4NTg1Qy0wLjA5Mjc5NDIgNC43OTUzMyAtMC4wOTI3OTQyIDQuMTYyMTcgMC4yNzgzODMgMy43NzE2NEMwLjY0OTU1OSAzLjM4MTEyIDEuMjUxMzYgMy4zODExMiAxLjYyMjUzIDMuNzcxNjRMMy4zNDY4IDUuNTg1NzhMOC4zNzc0NyAwLjI5Mjg5M1oiIGZpbGw9IndoaXRlIi8+Cjwvc3ZnPgo=) no-repeat
}
.blu-checkbox input[type=checkbox]:checked+label[data-v-0eb6b69a]:hover::before {
box-shadow: 0 0 0 2px #e1f1ff
}
.blu-checkbox input[type=checkbox]:checked+label[data-v-0eb6b69a]:focus-visible::before {
border-color: #000
}
.blu-checkbox input[type=checkbox]:disabled+label[data-v-0eb6b69a] {
color: rgba(25, 34, 42, .4);
cursor: not-allowed;
pointer-events: none
}
.blu-checkbox input[type=checkbox]:disabled+label[data-v-0eb6b69a]::before {
border-color: #e1e3e4
}
.blu-checkbox.b-partial input+label[data-v-0eb6b69a]:after {
height: 0;
top: 10px
}
.blu-checkbox.has-value input:disabled+label[data-v-0eb6b69a]::before {
border-color: #c8cbcd;
background-color: #c8cbcd
}
.blu-checkbox.has-value input:disabled+label[data-v-0eb6b69a]::after {
width: 10px;
height: 8px;
top: 7px;
left: 7px;
background: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTAiIGhlaWdodD0iOCIgdmlld0JveD0iMCAwIDEwIDgiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGZpbGwtcnVsZT0iZXZlbm9kZCIgY2xpcC1ydWxlPSJldmVub2RkIiBkPSJNOC4zNzc0NyAwLjI5Mjg5M0M4Ljc0ODY0IC0wLjA5NzYzMSA5LjM1MDQ0IC0wLjA5NzYzMSA5LjcyMTYyIDAuMjkyODkzQzEwLjA5MjggMC42ODM0MTcgMTAuMDkyOCAxLjMxNjU4IDkuNzIxNjIgMS43MDcxMUw0LjAxODg3IDcuNzA3MUMzLjY0NzcgOC4wOTc2MyAzLjA0NTkgOC4wOTc2MyAyLjY3NDcyIDcuNzA3MUwwLjI3ODM4MyA1LjE4NTg1Qy0wLjA5Mjc5NDIgNC43OTUzMyAtMC4wOTI3OTQyIDQuMTYyMTcgMC4yNzgzODMgMy43NzE2NEMwLjY0OTU1OSAzLjM4MTEyIDEuMjUxMzYgMy4zODExMiAxLjYyMjUzIDMuNzcxNjRMMy4zNDY4IDUuNTg1NzhMOC4zNzc0NyAwLjI5Mjg5M1oiIGZpbGw9IndoaXRlIi8+Cjwvc3ZnPgo=) no-repeat
}
.blu-checkbox.has-value input:disabled+label[data-v-0eb6b69a]:hover::before {
box-shadow: none
}
.blu-checkbox.b-partial input[data-v-0eb6b69a]:disabled,
.blu-checkbox.b-partial input[type=checkbox]+label[data-v-0eb6b69a]::after {
top: 10px;
background: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTAiIGhlaWdodD0iMiIgdmlld0JveD0iMCAwIDEwIDIiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGZpbGwtcnVsZT0iZXZlbm9kZCIgY2xpcC1ydWxlPSJldmVub2RkIiBkPSJNMSAyQzAuNDQ3NzE1IDIgMCAxLjU1MjI4IDAgMUMwIDAuNDQ3NzE1IDAuNDQ3NzE1IDAgMSAwSDlDOS41NTIyOCAwIDEwIDAuNDQ3NzE1IDEwIDFDMTAgMS41NTIyOCA5LjU1MjI4IDIgOSAySDFaIiBmaWxsPSJ3aGl0ZSIvPgo8L3N2Zz4K) no-repeat
}
</style>
<style type="text/css">
.blu-list button[data-v-313621ef] {
font: 16px/20px blibli, -apple-system, segoe ui, roboto, helvetica, arial, sans-serif;
width: calc(100% + 16px);
text-align: left;
color: #19222a
}
.blu-list ul[data-v-313621ef] {
padding: 0;
margin: 0
}
.blu-list li[data-v-313621ef] {
min-height: 56px
}
.blu-list ul li[data-v-313621ef] {
display: grid;
list-style: none;
margin: 0 16px
}
.blu-list ul[data-v-313621ef]>:not(.list-group):not(:first-child) {
border-top: #c8cbcd 1px solid
}
.blu-list.b-group ul .list-group:not(:last-child) li[data-v-313621ef]:last-child {
border-bottom: 1px solid #c8cbcd
}
.blu-list .blu-list__text-right[data-v-313621ef] {
color: rgba(25, 34, 42, .4);
float: right;
padding: 0 0 3px 19px;
margin-top: -21px
}
.blu-list .blu-list__text-desc[data-v-313621ef] {
color: rgba(25, 34, 42, .4);
font: 14px/18px blibli, -apple-system, segoe ui, roboto, helvetica, arial, sans-serif;
display: flex;
padding-right: 20px
}
.blu-list li.has-multiselect:not(.b-right-checkbox) .blu-list__text-desc[data-v-313621ef] {
padding-left: 28px
}
.blu-list__item[data-v-313621ef] {
display: block;
min-height: 40px;
margin: 8px 8px 8px -8px;
padding: 8px;
border-radius: 8px;
transition: background-color .4s;
color: #19222a;
cursor: pointer
}
.blu-list__item[data-v-313621ef]:not(.b-disabled):hover {
background-color: #f1f2f2
}
.blu-list__item[data-v-313621ef]:not(.b-disabled):focus-visible {
outline: 0;
box-shadow: 0 0 0 4px #000;
background-color: #f1f2f2
}
.blu-list__item.b-selected[data-v-313621ef] {
background-color: #f3f9ff
}
.blu-list__item.b-selected.has-multiselect.b-selected[data-v-313621ef] {
background: 0 0
}
.blu-list__item.b-disabled[data-v-313621ef] {
cursor: not-allowed;
opacity: .5
}
.blu-list__item.b-disabled[data-v-313621ef]:focus-visible {
outline: 0
}
.blu-list__item.b-disabled .blu-checkbox[data-v-313621ef],
.blu-list__item.b-disabled .blu-radio[data-v-313621ef] {
pointer-events: none
}
.blu-list__item-image[data-v-313621ef] {
background: #fff;
display: flex;
align-items: center;
justify-content: center;
height: 24px;
width: 24px;
border-radius: 50%;
margin-right: 8px;
float: left
}
.blu-list__item-image img[data-v-313621ef] {
border-radius: 50%
}
.blu-list__item-heading[data-v-313621ef] {
display: flex
}
.blu-list .blu-checkbox[data-v-313621ef] {
transform: translateY(-2px)
}
.blu-list .b-right-checkbox label[data-v-313621ef] {
order: 1;
width: 100%
}
.blu-list .b-right-checkbox .blu-checkbox[data-v-313621ef] {
order: 2;
transform: translateX(7px)
}
.blu-list__content[data-v-313621ef] {
display: grid;
margin: 8px 8px 8px -8px;
padding: 8px 10px;
border-radius: 16px
}
.blu-list .has-left-radio .blu-radio[data-v-313621ef] {
margin: 0 8px 0 0
}
.blu-list .has-left-radio .blu-list__text-desc[data-v-313621ef] {
padding-left: 28px
}
.blu-list .has-right-radio .blu-radio[data-v-313621ef] {
order: 2;
margin: 0 0 0 auto
}
.has-child>.blu-list[data-v-313621ef] {
background-color: #fff;
overflow-y: auto;
max-height: 0;
opacity: 0;
transition: all .3s ease-in-out;
width: calc(100% + 28px);
transform: translateX(-12px);
padding-left: 24px
}
.has-child>.blu-list li[data-v-313621ef]:first-child {
margin-top: 1px
}
.has-child>.blu-list__item[data-v-313621ef] {
position: relative;
align-items: center
}
.has-child>.blu-list__item[data-v-313621ef]::after {
content: "";
width: 24px;
height: 24px;
background: rgba(0, 0, 0, 0) url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB2aWV3Qm94PSIwIDAgMjQgMjQiPgogIDxkZWZzPgogICAgPHBhdGgKICAgICAgICBpZD0iMTkwcjYzOHp6YSIKICAgICAgICBkPSJNMCA1LjE1NGMwLS42MzYuMjkyLTEuMjE5LjgtMS42TDUuNDExLjE5MmMuNDQ2LS4zMjUgMS4wNzItLjIyOCAxLjM5Ny4yMi4zMjUuNDQ1LjIyNyAxLjA3MS0uMjE5IDEuMzk2bC00LjYgMy4zNTQgNC41NjMgMy4wMDRjLjQ2LjMwNS41ODcuOTI1LjI4MiAxLjM4Ni0uMzA1LjQ2LS45MjYuNTg2LTEuMzg2LjI4MmwtNC42LTMuMDQ2Qy4yOTEgNi4zNzIgMCA1Ljc5IDAgNS4xNTR6IgogICAgLz4KICA8L2RlZnM+CiAgPGcgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIj4KICAgIDxnPgogICAgICA8Zz4KICAgICAgICA8cGF0aCBmaWxsPSIjRkZGIiBmaWxsLW9wYWNpdHk9Ii4wMSIgZD0iTTAgMEgyNFYyNEgweiIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTU5MiAtNzg1KSB0cmFuc2xhdGUoNTkyIDc4NSkiIC8+CiAgICAgICAgPGcgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTU5MiAtNzg1KSB0cmFuc2xhdGUoNTkyIDc4NSkgdHJhbnNsYXRlKDggNykiPgogICAgICAgICAgPG1hc2sgaWQ9InU0ZGRwYm95eGIiIGZpbGw9IiNmZmYiPjx1c2UgeGxpbms6aHJlZj0iIzE5MHI2Mzh6emEiIC8+PC9tYXNrPgogICAgICAgICAgPHVzZSBmaWxsPSIjNzk3Rjg1IiBmaWxsLXJ1bGU9Im5vbnplcm8iIHhsaW5rOmhyZWY9IiMxOTByNjM4enphIiAvPgogICAgICAgICAgPHBhdGggZmlsbD0iIzc5N0Y4NSIgZD0iTS04IC03SDE2VjE3SC04eiIgbWFzaz0idXJsKCN1NGRkcGJveXhiKSIgLz4KICAgICAgICA8L2c+CiAgICAgIDwvZz4KICAgIDwvZz4KICA8L2c+Cjwvc3ZnPgo=) center center no-repeat;
transform: rotate(270deg);
transition: transform .3s;
display: block;
position: absolute;
right: 8px;
top: 7px
}
.has-child>.blu-list__item:focus-visible~.blu-list[data-v-313621ef] {
border-top: #c8cbcd 1px solid;
max-height: 200px;
opacity: 1
}
.has-child>.blu-list__item:focus-visible~.blu-list__item[data-v-313621ef]::after {
transform: rotate(90deg)
}
.has-child>.blu-list.b-overflow-y[data-v-313621ef] {
margin: 0
}
.has-child .blu-list__text-desc[data-v-313621ef] {
padding-right: 20px
}
.has-child:hover>.blu-list[data-v-313621ef] {
max-height: 200px;
opacity: 1
}
.has-child:hover>.blu-list__item[data-v-313621ef]::after {
transform: rotate(90deg)
}
.has-child:hover>.blu-list[data-v-313621ef]::before {
content: "";
height: 1px;
width: calc(100% - 28px);
background: #c8cbcd;
position: absolute;
left: 12px
}
.has-left-icon[data-v-313621ef] {
display: flex;
align-items: center
}
.has-left-icon .blu-list__content-icon[data-v-313621ef],
.has-left-icon .blu-list__item-icon[data-v-313621ef] {
display: flex;
margin-right: 8px;
color: #797f85
}
.has-child-expand>.blu-list[data-v-313621ef] {
background-color: #fff;
overflow-y: auto;
max-height: 0;
opacity: 0;
transition: max-height .3s ease-in-out, opacity .3s ease-in-out;
width: calc(100% + 28px);
transform: translateX(-12px);
padding-left: 24px
}
.has-child-expand>.blu-list li[data-v-313621ef]:first-child {
margin-top: 1px
}
.has-child-expand>.blu-list__item[data-v-313621ef] {
position: relative;
align-items: center
}
.has-child-expand>.blu-list__item[data-v-313621ef]::after {
content: "";
width: 24px;
height: 24px;
background: rgba(0, 0, 0, 0) url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB2aWV3Qm94PSIwIDAgMjQgMjQiPgogIDxkZWZzPgogICAgPHBhdGgKICAgICAgICBpZD0iMTkwcjYzOHp6YSIKICAgICAgICBkPSJNMCA1LjE1NGMwLS42MzYuMjkyLTEuMjE5LjgtMS42TDUuNDExLjE5MmMuNDQ2LS4zMjUgMS4wNzItLjIyOCAxLjM5Ny4yMi4zMjUuNDQ1LjIyNyAxLjA3MS0uMjE5IDEuMzk2bC00LjYgMy4zNTQgNC41NjMgMy4wMDRjLjQ2LjMwNS41ODcuOTI1LjI4MiAxLjM4Ni0uMzA1LjQ2LS45MjYuNTg2LTEuMzg2LjI4MmwtNC42LTMuMDQ2Qy4yOTEgNi4zNzIgMCA1Ljc5IDAgNS4xNTR6IgogICAgLz4KICA8L2RlZnM+CiAgPGcgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIj4KICAgIDxnPgogICAgICA8Zz4KICAgICAgICA8cGF0aCBmaWxsPSIjRkZGIiBmaWxsLW9wYWNpdHk9Ii4wMSIgZD0iTTAgMEgyNFYyNEgweiIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTU5MiAtNzg1KSB0cmFuc2xhdGUoNTkyIDc4NSkiIC8+CiAgICAgICAgPGcgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTU5MiAtNzg1KSB0cmFuc2xhdGUoNTkyIDc4NSkgdHJhbnNsYXRlKDggNykiPgogICAgICAgICAgPG1hc2sgaWQ9InU0ZGRwYm95eGIiIGZpbGw9IiNmZmYiPjx1c2UgeGxpbms6aHJlZj0iIzE5MHI2Mzh6emEiIC8+PC9tYXNrPgogICAgICAgICAgPHVzZSBmaWxsPSIjNzk3Rjg1IiBmaWxsLXJ1bGU9Im5vbnplcm8iIHhsaW5rOmhyZWY9IiMxOTByNjM4enphIiAvPgogICAgICAgICAgPHBhdGggZmlsbD0iIzc5N0Y4NSIgZD0iTS04IC03SDE2VjE3SC04eiIgbWFzaz0idXJsKCN1NGRkcGJveXhiKSIgLz4KICAgICAgICA8L2c+CiAgICAgIDwvZz4KICAgIDwvZz4KICA8L2c+Cjwvc3ZnPgo=) center center no-repeat;
transform: rotate(270deg);
transition: transform .3s;
display: block;
position: absolute;
right: 8px;
top: 7px
}
.has-child-expand>.blu-list__item:focus-visible~.blu-list[data-v-313621ef] {
border-top: #c8cbcd 1px solid;
max-height: 200px;
opacity: 1
}
.has-child-expand>.blu-list__item:focus-visible~.blu-list__item[data-v-313621ef]::after {
transform: rotate(90deg)
}
.has-child-expand>.blu-list.b-overflow-y[data-v-313621ef] {
margin: 0
}
.has-child-expand .blu-list__text-desc[data-v-313621ef] {
padding-right: 20px
}
.has-list-expand>.blu-list[data-v-313621ef] {
max-height: 100vh;
opacity: 1
}
.has-list-expand>.blu-list__item[data-v-313621ef]::after {
transform: rotate(90deg)
}
.has-list-expand>.blu-list[data-v-313621ef]::before {
content: "";
height: 1px;
width: calc(100% - 28px);
background: #c8cbcd;
position: absolute;
left: 12px
}
</style>
<style type="text/css">
.blu-list button[data-v-eb2a42e4] {
font: 16px/20px blibli, -apple-system, segoe ui, roboto, helvetica, arial, sans-serif;
width: calc(100% + 16px);
text-align: left;
color: #19222a
}
.blu-list ul[data-v-eb2a42e4] {
padding: 0;
margin: 0
}
.blu-list li[data-v-eb2a42e4] {
min-height: 56px
}
.blu-list ul li[data-v-eb2a42e4] {
display: grid;
list-style: none;
margin: 0 16px
}
.blu-list ul[data-v-eb2a42e4]>:not(.list-group):not(:first-child) {
border-top: #c8cbcd 1px solid
}
.blu-list.b-group ul .list-group:not(:last-child) li[data-v-eb2a42e4]:last-child {
border-bottom: 1px solid #c8cbcd
}
.blu-list .blu-list__text-right[data-v-eb2a42e4] {
color: rgba(25, 34, 42, .4);
float: right;
padding: 0 0 3px 19px;
margin-top: -21px
}
.blu-list .blu-list__text-desc[data-v-eb2a42e4] {
color: rgba(25, 34, 42, .4);
font: 14px/18px blibli, -apple-system, segoe ui, roboto, helvetica, arial, sans-serif;
display: flex;
padding-right: 20px
}
.blu-list li.has-multiselect:not(.b-right-checkbox) .blu-list__text-desc[data-v-eb2a42e4] {
padding-left: 28px
}
.blu-list__item[data-v-eb2a42e4] {
display: block;
min-height: 40px;
margin: 8px 8px 8px -8px;
padding: 8px;
border-radius: 8px;
transition: background-color .4s;
color: #19222a;
cursor: pointer
}
.blu-list__item[data-v-eb2a42e4]:not(.b-disabled):hover {
background-color: #f1f2f2
}
.blu-list__item[data-v-eb2a42e4]:not(.b-disabled):focus-visible {
outline: 0;
box-shadow: 0 0 0 4px #000;
background-color: #f1f2f2
}
.blu-list__item.b-selected[data-v-eb2a42e4] {
background-color: #f3f9ff
}
.blu-list__item.b-selected.has-multiselect.b-selected[data-v-eb2a42e4] {
background: 0 0
}
.blu-list__item.b-disabled[data-v-eb2a42e4] {
cursor: not-allowed;
opacity: .5
}
.blu-list__item.b-disabled[data-v-eb2a42e4]:focus-visible {
outline: 0
}
.blu-list__item.b-disabled .blu-checkbox[data-v-eb2a42e4],
.blu-list__item.b-disabled .blu-radio[data-v-eb2a42e4] {
pointer-events: none
}
.blu-list__item-image[data-v-eb2a42e4] {
background: #fff;
display: flex;
align-items: center;
justify-content: center;
height: 24px;
width: 24px;
border-radius: 50%;
margin-right: 8px;
float: left
}
.blu-list__item-image img[data-v-eb2a42e4] {
border-radius: 50%
}
.blu-list__item-heading[data-v-eb2a42e4] {
display: flex
}
.blu-list .blu-checkbox[data-v-eb2a42e4] {
transform: translateY(-2px)
}
.blu-list .b-right-checkbox label[data-v-eb2a42e4] {
order: 1;
width: 100%
}
.blu-list .b-right-checkbox .blu-checkbox[data-v-eb2a42e4] {
order: 2;
transform: translateX(7px)
}
.blu-list__content[data-v-eb2a42e4] {
display: grid;
margin: 8px 8px 8px -8px;
padding: 8px 10px;
border-radius: 16px
}
.blu-list .has-left-radio .blu-radio[data-v-eb2a42e4] {
margin: 0 8px 0 0
}
.blu-list .has-left-radio .blu-list__text-desc[data-v-eb2a42e4] {
padding-left: 28px
}
.blu-list .has-right-radio .blu-radio[data-v-eb2a42e4] {
order: 2;
margin: 0 0 0 auto
}
.has-child>.blu-list[data-v-eb2a42e4] {
background-color: #fff;
overflow-y: auto;
max-height: 0;
opacity: 0;
transition: all .3s ease-in-out;
width: calc(100% + 28px);
transform: translateX(-12px);
padding-left: 24px
}
.has-child>.blu-list li[data-v-eb2a42e4]:first-child {
margin-top: 1px
}
.has-child>.blu-list__item[data-v-eb2a42e4] {
position: relative;
align-items: center
}
.has-child>.blu-list__item[data-v-eb2a42e4]::after {
content: "";
width: 24px;
height: 24px;
background: rgba(0, 0, 0, 0) url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB2aWV3Qm94PSIwIDAgMjQgMjQiPgogIDxkZWZzPgogICAgPHBhdGgKICAgICAgICBpZD0iMTkwcjYzOHp6YSIKICAgICAgICBkPSJNMCA1LjE1NGMwLS42MzYuMjkyLTEuMjE5LjgtMS42TDUuNDExLjE5MmMuNDQ2LS4zMjUgMS4wNzItLjIyOCAxLjM5Ny4yMi4zMjUuNDQ1LjIyNyAxLjA3MS0uMjE5IDEuMzk2bC00LjYgMy4zNTQgNC41NjMgMy4wMDRjLjQ2LjMwNS41ODcuOTI1LjI4MiAxLjM4Ni0uMzA1LjQ2LS45MjYuNTg2LTEuMzg2LjI4MmwtNC42LTMuMDQ2Qy4yOTEgNi4zNzIgMCA1Ljc5IDAgNS4xNTR6IgogICAgLz4KICA8L2RlZnM+CiAgPGcgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIj4KICAgIDxnPgogICAgICA8Zz4KICAgICAgICA8cGF0aCBmaWxsPSIjRkZGIiBmaWxsLW9wYWNpdHk9Ii4wMSIgZD0iTTAgMEgyNFYyNEgweiIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTU5MiAtNzg1KSB0cmFuc2xhdGUoNTkyIDc4NSkiIC8+CiAgICAgICAgPGcgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTU5MiAtNzg1KSB0cmFuc2xhdGUoNTkyIDc4NSkgdHJhbnNsYXRlKDggNykiPgogICAgICAgICAgPG1hc2sgaWQ9InU0ZGRwYm95eGIiIGZpbGw9IiNmZmYiPjx1c2UgeGxpbms6aHJlZj0iIzE5MHI2Mzh6emEiIC8+PC9tYXNrPgogICAgICAgICAgPHVzZSBmaWxsPSIjNzk3Rjg1IiBmaWxsLXJ1bGU9Im5vbnplcm8iIHhsaW5rOmhyZWY9IiMxOTByNjM4enphIiAvPgogICAgICAgICAgPHBhdGggZmlsbD0iIzc5N0Y4NSIgZD0iTS04IC03SDE2VjE3SC04eiIgbWFzaz0idXJsKCN1NGRkcGJveXhiKSIgLz4KICAgICAgICA8L2c+CiAgICAgIDwvZz4KICAgIDwvZz4KICA8L2c+Cjwvc3ZnPgo=) center center no-repeat;
transform: rotate(270deg);
transition: transform .3s;
display: block;
position: absolute;
right: 8px;
top: 7px
}
.has-child>.blu-list__item:focus-visible~.blu-list[data-v-eb2a42e4] {
border-top: #c8cbcd 1px solid;
max-height: 200px;
opacity: 1
}
.has-child>.blu-list__item:focus-visible~.blu-list__item[data-v-eb2a42e4]::after {
transform: rotate(90deg)
}
.has-child>.blu-list.b-overflow-y[data-v-eb2a42e4] {
margin: 0
}
.has-child .blu-list__text-desc[data-v-eb2a42e4] {
padding-right: 20px
}
.has-child:hover>.blu-list[data-v-eb2a42e4] {
max-height: 200px;
opacity: 1
}
.has-child:hover>.blu-list__item[data-v-eb2a42e4]::after {
transform: rotate(90deg)
}
.has-child:hover>.blu-list[data-v-eb2a42e4]::before {
content: "";
height: 1px;
width: calc(100% - 28px);
background: #c8cbcd;
position: absolute;
left: 12px
}
.has-left-icon[data-v-eb2a42e4] {
display: flex;
align-items: center
}
.has-left-icon .blu-list__content-icon[data-v-eb2a42e4],
.has-left-icon .blu-list__item-icon[data-v-eb2a42e4] {
display: flex;
margin-right: 8px;
color: #797f85
}
.has-child-expand>.blu-list[data-v-eb2a42e4] {
background-color: #fff;
overflow-y: auto;
max-height: 0;
opacity: 0;
transition: max-height .3s ease-in-out, opacity .3s ease-in-out;
width: calc(100% + 28px);
transform: translateX(-12px);
padding-left: 24px
}
.has-child-expand>.blu-list li[data-v-eb2a42e4]:first-child {
margin-top: 1px
}
.has-child-expand>.blu-list__item[data-v-eb2a42e4] {
position: relative;
align-items: center
}
.has-child-expand>.blu-list__item[data-v-eb2a42e4]::after {
content: "";
width: 24px;
height: 24px;
background: rgba(0, 0, 0, 0) url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB2aWV3Qm94PSIwIDAgMjQgMjQiPgogIDxkZWZzPgogICAgPHBhdGgKICAgICAgICBpZD0iMTkwcjYzOHp6YSIKICAgICAgICBkPSJNMCA1LjE1NGMwLS42MzYuMjkyLTEuMjE5LjgtMS42TDUuNDExLjE5MmMuNDQ2LS4zMjUgMS4wNzItLjIyOCAxLjM5Ny4yMi4zMjUuNDQ1LjIyNyAxLjA3MS0uMjE5IDEuMzk2bC00LjYgMy4zNTQgNC41NjMgMy4wMDRjLjQ2LjMwNS41ODcuOTI1LjI4MiAxLjM4Ni0uMzA1LjQ2LS45MjYuNTg2LTEuMzg2LjI4MmwtNC42LTMuMDQ2Qy4yOTEgNi4zNzIgMCA1Ljc5IDAgNS4xNTR6IgogICAgLz4KICA8L2RlZnM+CiAgPGcgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIj4KICAgIDxnPgogICAgICA8Zz4KICAgICAgICA8cGF0aCBmaWxsPSIjRkZGIiBmaWxsLW9wYWNpdHk9Ii4wMSIgZD0iTTAgMEgyNFYyNEgweiIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTU5MiAtNzg1KSB0cmFuc2xhdGUoNTkyIDc4NSkiIC8+CiAgICAgICAgPGcgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTU5MiAtNzg1KSB0cmFuc2xhdGUoNTkyIDc4NSkgdHJhbnNsYXRlKDggNykiPgogICAgICAgICAgPG1hc2sgaWQ9InU0ZGRwYm95eGIiIGZpbGw9IiNmZmYiPjx1c2UgeGxpbms6aHJlZj0iIzE5MHI2Mzh6emEiIC8+PC9tYXNrPgogICAgICAgICAgPHVzZSBmaWxsPSIjNzk3Rjg1IiBmaWxsLXJ1bGU9Im5vbnplcm8iIHhsaW5rOmhyZWY9IiMxOTByNjM4enphIiAvPgogICAgICAgICAgPHBhdGggZmlsbD0iIzc5N0Y4NSIgZD0iTS04IC03SDE2VjE3SC04eiIgbWFzaz0idXJsKCN1NGRkcGJveXhiKSIgLz4KICAgICAgICA8L2c+CiAgICAgIDwvZz4KICAgIDwvZz4KICA8L2c+Cjwvc3ZnPgo=) center center no-repeat;
transform: rotate(270deg);
transition: transform .3s;
display: block;
position: absolute;
right: 8px;
top: 7px
}
.has-child-expand>.blu-list__item:focus-visible~.blu-list[data-v-eb2a42e4] {
border-top: #c8cbcd 1px solid;
max-height: 200px;
opacity: 1
}
.has-child-expand>.blu-list__item:focus-visible~.blu-list__item[data-v-eb2a42e4]::after {
transform: rotate(90deg)
}
.has-child-expand>.blu-list.b-overflow-y[data-v-eb2a42e4] {
margin: 0
}
.has-child-expand .blu-list__text-desc[data-v-eb2a42e4] {
padding-right: 20px
}
.has-list-expand>.blu-list[data-v-eb2a42e4] {
max-height: 100vh;
opacity: 1
}
.has-list-expand>.blu-list__item[data-v-eb2a42e4]::after {
transform: rotate(90deg)
}
.has-list-expand>.blu-list[data-v-eb2a42e4]::before {
content: "";
height: 1px;
width: calc(100% - 28px);
background: #c8cbcd;
position: absolute;
left: 12px
}
</style>
<style type="text/css">
.blu-list-group__title[data-v-5e67bb7e] {
display: flex;
align-items: center;
padding: 12px 0;
color: rgba(25, 34, 42, .4);
font: 16px/20px blibli, -apple-system, segoe ui, roboto, helvetica, arial, sans-serif
}
</style>
<style>
.product-status[data-v-f375d1ab] {
display: flex;
flex-wrap: wrap;
font: 600 12px/16px Blibli, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif;
gap: 4px
}
</style>
<style>
html:not([dark]) .blu-product-badge[data-v-5f0401da] {
--blu-product-badge-border: 1px solid #ffffff;
--blu-product-badge-border-countdown-promo: 1px solid #e93c3c;
--blu-product-badge-border-countdown-flash-sale: 1px solid #f05a00;
--blu-product-badge-border-radius: 4px;
--blu-product-badge-border-radius-countdown: 4px;
--blu-product-badge-border-radius-countdown-icon: 4px;
--blu-product-badge-font: 600 12px/16px Blibli, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif;
--blu-product-badge-opacity: 1;
--blu-product-badge-text-shadow: 0 0 1px #19222a;
--blu-product-badge-padding: 0 4px;
--blu-product-badge-padding-countdown: 0px 2px 0px 0px;
--blu-product-badge-spacing: 2px;
--blu-product-badge-icon-margin-countdown: 2px;
--blu-product-badge-icon-height: 16px;
--blu-product-badge-background-color-blue: #09acde;
--blu-product-badge-background-color-light-blue: #f3f9ff;
--blu-product-badge-background-color-green: #22a334;
--blu-product-badge-background-color-gray: #e1e3e4;
--blu-product-badge-background-color-light-gray: #f9f9fa;
--blu-product-badge-background-color-dark-gray: rgba(0, 0, 0, .6);
--blu-product-badge-background-color-orange: #ff7f00;
--blu-product-badge-background-color-magenta: #ff0f9d;
--blu-product-badge-background-color-red: #d33534;
--blu-product-badge-background-color-light-red: #ff7373;
--blu-product-badge-background-color-white: #ffffff;
--blu-product-badge-background-color-yellow: #f1ab02;
--blu-product-badge-background-color-pre-order-gray-med: #f1f2f2;
--blu-product-badge-background-color-promo-blue: #f3f9ff;
--blu-product-badge-background-color-promo-green: #effcf0;
--blu-product-badge-background-color-promo-gray: #f1f2f2;
--blu-product-badge-background-color-countdown-promo-red: #e93c3c;
--blu-product-badge-background-color-countdown-flash-sale-orange: #f05a00;
--blu-product-badge-color-countdown-flash-sale-orange-icon: #f05a00;
--blu-product-badge-color-blue: #006dea;
--blu-product-badge-color-light-gray: rgba(25, 34, 42, .4);
--blu-product-badge-text-color-pre-oder-gray-med: rgba(25, 34, 42, .7019607843);
--blu-product-badge-color-gray: rgba(25, 34, 42, .7019607843);
--blu-product-badge-color-white: #ffffff;
--blu-product-badge-color-promo-blue: #006dea;
--blu-product-badge-color-promo-green: #1c832a;
--blu-product-badge-color-promo-gray: rgba(25, 34, 42, .7019607843);
--blu-product-badge-color-promo-orange: #ff7f00;
--blu-product-badge-color-promo-red: #d33534;
--blu-product-badge-color-flashsale-gray: rgba(25, 34, 42, .7019607843);
--blu-product-badge-color-flashsale-orange: #f05a00;
--blu-product-badge-color-flashsale-red: #d33534;
--blu-product-badge-color-countdown-promo-red: #d33534;
--blu-product-badge-pseudo-element-border-promo-blue: 100%;
--blu-product-badge-pseudo-element-height-promo-blue: 7.5px;
--blu-product-badge-pseudo-element-position-bottom-promo-blue: 50%;
--blu-product-badge-pseudo-element-position-left-promo-blue: -3px;
--blu-product-badge-pseudo-element-position-right-promo-blue: -3px;
--blu-product-badge-pseudo-element-width-promo-blue: 6px;
display: inline-flex;
align-items: flex-start;
font: var(--blu-product-badge-font);
width: fit-content;
border-radius: var(--blu-product-badge-border-radius);
padding: var(--blu-product-badge-padding);
opacity: var(--blu-product-badge-opacity)
}
html:not([dark]) .blu-product-badge[data-v-5f0401da]>:not(:last-child) {
margin-right: var(--blu-product-badge-spacing)
}
html:not([dark]) .blu-product-badge.b-ads[data-v-5f0401da] {
background-color: transparent;
color: var(--blu-product-badge-color-white);
border: none;
text-shadow: var(--blu-product-badge-text-shadow);
--blu-product-badge-opacity: .47;
--blu-product-badge-font: 500 12px/16px Blibli, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif
}
html:not([dark]) .blu-product-badge.b-best-seller[data-v-5f0401da] {
background-color: var(--blu-product-badge-background-color-yellow);
color: var(--blu-product-badge-color-white);
border: var(--blu-product-badge-border)
}
html:not([dark]) .blu-product-badge.b-blibli-choice[data-v-5f0401da] {
background-color: var(--blu-product-badge-background-color-blue);
color: var(--blu-product-badge-color-white);
border: var(--blu-product-badge-border)
}
html:not([dark]) .blu-product-badge.b-coming-soon[data-v-5f0401da] {
background-color: var(--blu-product-badge-background-color-magenta);
color: var(--blu-product-badge-color-white);
border: var(--blu-product-badge-border)
}
html:not([dark]) .blu-product-badge.b-discount[data-v-5f0401da] {
background-color: var(--blu-product-badge-background-color-red);
color: var(--blu-product-badge-color-white);
border: var(--blu-product-badge-border)
}
html:not([dark]) .blu-product-badge.b-exclusive[data-v-5f0401da] {
background-color: var(--blu-product-badge-background-color-dark-gray);
color: var(--blu-product-badge-color-white);
border: var(--blu-product-badge-border)
}
html:not([dark]) .blu-product-badge.b-fresh-product[data-v-5f0401da] {
background-color: var(--blu-product-badge-background-color-light-blue);
color: var(--blu-product-badge-color-blue);
border: var(--blu-product-badge-border)
}
html:not([dark]) .blu-product-badge.b-newest[data-v-5f0401da] {
background-color: var(--blu-product-badge-background-color-green);
color: var(--blu-product-badge-color-white);
border: var(--blu-product-badge-border)
}
html:not([dark]) .blu-product-badge.b-currently-closed[data-v-5f0401da] {
background-color: var(--blu-product-badge-background-color-light-gray);
color: var(--blu-product-badge-color-light-gray);
border: var(--blu-product-badge-border)
}
html:not([dark]) .blu-product-badge.b-out-of-stock[data-v-5f0401da] {
background-color: var(--blu-product-badge-background-color-gray);
color: var(--blu-product-badge-color-gray);
border: var(--blu-product-badge-border)
}
html:not([dark]) .blu-product-badge.b-product-left[data-v-5f0401da] {
background-color: var(--blu-product-badge-background-color-light-red);
color: var(--blu-product-badge-color-white);
border: var(--blu-product-badge-border)
}
html:not([dark]) .blu-product-badge.b-top-product[data-v-5f0401da] {
background-color: var(--blu-product-badge-background-color-orange);
color: var(--blu-product-badge-color-white);
border: var(--blu-product-badge-border)
}
html:not([dark]) .blu-product-badge.b-pre-order[data-v-5f0401da] {
background-color: var(--blu-product-badge-background-color-pre-order-gray-med);
color: var(--blu-product-badge-text-color-pre-oder-gray-med);
border: var(--blu-product-badge-border)
}
html:not([dark]) .blu-product-badge.b-blue[data-v-5f0401da] {
background-color: var(--blu-product-badge-background-color-promo-blue);
color: var(--blu-product-badge-color-promo-blue);
border: none;
position: relative;
overflow: hidden;
--blu-product-badge-padding: 0 6px
}
html:not([dark]) .blu-product-badge.b-blue[data-v-5f0401da]:after {
content: "";
position: absolute;
bottom: var(--blu-product-badge-pseudo-element-position-bottom-promo-blue);
transform: translateY(50%);
left: var(--blu-product-badge-pseudo-element-position-left-promo-blue);
width: var(--blu-product-badge-pseudo-element-width-promo-blue);
height: var(--blu-product-badge-pseudo-element-height-promo-blue);
border-radius: var(--blu-product-badge-pseudo-element-border-promo-blue);
background-color: var(--blu-product-badge-background-color-white)
}
html:not([dark]) .blu-product-badge.b-blue[data-v-5f0401da]:before {
content: "";
position: absolute;
bottom: var(--blu-product-badge-pseudo-element-position-bottom-promo-blue);
transform: translateY(50%);
right: var(--blu-product-badge-pseudo-element-position-right-promo-blue);
width: var(--blu-product-badge-pseudo-element-width-promo-blue);
height: var(--blu-product-badge-pseudo-element-height-promo-blue);
border-radius: var(--blu-product-badge-pseudo-element-border-promo-blue);
background-color: var(--blu-product-badge-background-color-white)
}
html:not([dark]) .blu-product-badge.b-green[data-v-5f0401da] {
background-color: var(--blu-product-badge-background-color-promo-green);
color: var(--blu-product-badge-color-promo-green);
border: none
}
html:not([dark]) .blu-product-badge.b-gray[data-v-5f0401da] {
background-color: var(--blu-product-badge-background-color-promo-gray);
color: var(--blu-product-badge-color-promo-gray);
border: none
}
html:not([dark]) .blu-product-badge.b-orange[data-v-5f0401da] {
background-color: none;
color: var(--blu-product-badge-color-promo-orange);
border: none;
--blu-product-badge-padding: 0
}
html:not([dark]) .blu-product-badge.b-light-blue[data-v-5f0401da] {
background-color: var(--blu-product-badge-background-color-promo-light-blue);
color: var(--blu-product-badge-color-promo-light-blue);
border: none
}
html:not([dark]) .blu-product-badge.b-red[data-v-5f0401da] {
background-color: none;
color: var(--blu-product-badge-color-promo-red);
border: none;
--blu-product-badge-padding: 0
}
html:not([dark]) .blu-product-badge.b-best-selling[data-v-5f0401da],
html:not([dark]) .blu-product-badge.b-cheapest[data-v-5f0401da],
html:not([dark]) .blu-product-badge.b-people-see[data-v-5f0401da] {
--blu-product-badge-padding: 0
}
html:not([dark]) .blu-product-badge.b-cheapest[data-v-5f0401da] {
background-color: none;
color: var(--blu-product-badge-color-flashsale-red);
border: none
}
html:not([dark]) .blu-product-badge.b-best-selling[data-v-5f0401da] {
background-color: none;
color: var(--blu-product-badge-color-flashsale-orange);
border: none
}
html:not([dark]) .blu-product-badge.b-people-see[data-v-5f0401da] {
background-color: none;
color: var(--blu-product-badge-color-flashsale-gray);
border: none
}
html:not([dark]) .blu-product-badge.b-flash-sale[data-v-5f0401da],
html:not([dark]) .blu-product-badge.b-promo-countdown[data-v-5f0401da] {
--blu-product-badge-padding: var(--blu-product-badge-padding-countdown);
--blu-product-badge-border-radius: var(--blu-product-badge-border-radius-countdown);
display: flex;
align-items: center;
justify-content: center
}
html:not([dark]) .blu-product-badge.b-flash-sale .blu-product-badge__icon[data-v-5f0401da],
html:not([dark]) .blu-product-badge.b-promo-countdown .blu-product-badge__icon[data-v-5f0401da] {
max-height: var(--blu-product-badge-icon-height);
display: flex;
justify-content: center;
align-items: center;
align-self: stretch;
border-radius: var(--blu-product-badge-border-radius-countdown-icon);
margin-right: var(--blu-product-badge-icon-margin-countdown)
}
html:not([dark]) .blu-product-badge.b-promo-countdown[data-v-5f0401da] {
background-color: var(--blu-product-badge-background-color-countdown-promo-red);
color: var(--blu-product-badge-color-white);
border: none
}
html:not([dark]) .blu-product-badge.b-promo-countdown .blu-product-badge__icon[data-v-5f0401da] {
background-color: var(--blu-product-badge-background-color-white);
color: var(--blu-product-badge-color-countdown-promo-red);
border: var(--blu-product-badge-border-countdown-promo)
}
html:not([dark]) .blu-product-badge.b-flash-sale[data-v-5f0401da] {
background-color: var(--blu-product-badge-background-color-countdown-flash-sale-orange);
color: var(--blu-product-badge-color-white);
border: none
}
html:not([dark]) .blu-product-badge.b-flash-sale .blu-product-badge__icon[data-v-5f0401da] {
background-color: var(--blu-product-badge-background-color-white);
color: var(--blu-product-badge-color-countdown-flash-sale-orange-icon);
border: var(--blu-product-badge-border-countdown-flash-sale)
}
html[dark] .blu-product-badge[data-v-5f0401da] {
--blu-product-badge-border: 1px solid #12171d;
--blu-product-badge-border-countdown-promo: 1px solid #ff9090;
--blu-product-badge-border-countdown-flash-sale: 1px solid #f05a00;
--blu-product-badge-border-radius: 4px;
--blu-product-badge-border-radius-countdown: 4px;
--blu-product-badge-border-radius-countdown-icon: 4px;
--blu-product-badge-font: 600 12px/16px Blibli, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif;
--blu-product-badge-opacity: 1;
--blu-product-badge-text-shadow: 0 0 1px #19222a;
--blu-product-badge-padding: 0 4px;
--blu-product-badge-padding-countdown: 0px 2px 0px 0px;
--blu-product-badge-spacing: 2px;
--blu-product-badge-icon-margin-countdown: 2px;
--blu-product-badge-icon-height: 16px;
--blu-product-badge-background-color-blue: #09acde;
--blu-product-badge-background-color-light-blue: #002e7a;
--blu-product-badge-background-color-green: #22a334;
--blu-product-badge-background-color-gray: #3b444c;
--blu-product-badge-background-color-light-gray: #19222a;
--blu-product-badge-background-color-dark-gray: rgba(0, 0, 0, .6);
--blu-product-badge-background-color-orange: #ff7f00;
--blu-product-badge-background-color-magenta: #ff0f9d;
--blu-product-badge-background-color-red: #d33534;
--blu-product-badge-background-color-light-red: #ff7373;
--blu-product-badge-background-color-white: #12171d;
--blu-product-badge-background-color-yellow: #f1ab02;
--blu-product-badge-background-color-pre-order-gray-med: #28323b;
--blu-product-badge-background-color-promo-blue: #f3f9ff;
--blu-product-badge-background-color-promo-green: #effcf0;
--blu-product-badge-background-color-promo-gray: #f1f2f2;
--blu-product-badge-background-color-countdown-promo-red: #ff9090;
--blu-product-badge-background-color-countdown-flash-sale-orange: #f05a00;
--blu-product-badge-color-countdown-flash-sale-orange-icon: #f05a00;
--blu-product-badge-color-blue: #4fa4ff;
--blu-product-badge-color-light-gray: rgba(255, 255, 255, .5019607843);
--blu-product-badge-text-color-pre-oder-gray-med: rgba(255, 255, 255, .8);
--blu-product-badge-color-gray: rgba(255, 255, 255, .8);
--blu-product-badge-color-white: #12171d;
--blu-product-badge-color-promo-blue: #4fa4ff;
--blu-product-badge-color-promo-green: #02c82b;
--blu-product-badge-color-promo-gray: rgba(255, 255, 255, .8);
--blu-product-badge-color-promo-orange: #ff7f00;
--blu-product-badge-color-promo-red: #ff7373;
--blu-product-badge-color-flashsale-gray: rgba(255, 255, 255, .8);
--blu-product-badge-color-flashsale-orange: #f05a00;
--blu-product-badge-color-flashsale-red: #ff7373;
--blu-product-badge-color-countdown-promo-red: #ff7373;
--blu-product-badge-pseudo-element-border-promo-blue: 100%;
--blu-product-badge-pseudo-element-height-promo-blue: 7.5px;
--blu-product-badge-pseudo-element-position-bottom-promo-blue: 50%;
--blu-product-badge-pseudo-element-position-left-promo-blue: -3px;
--blu-product-badge-pseudo-element-position-right-promo-blue: -3px;
--blu-product-badge-pseudo-element-width-promo-blue: 6px;
display: inline-flex;
align-items: flex-start;
font: var(--blu-product-badge-font);
width: fit-content;
border-radius: var(--blu-product-badge-border-radius);
padding: var(--blu-product-badge-padding);
opacity: var(--blu-product-badge-opacity)
}
html[dark] .blu-product-badge[data-v-5f0401da]>:not(:last-child) {
margin-right: var(--blu-product-badge-spacing)
}
html[dark] .blu-product-badge.b-ads[data-v-5f0401da] {
background-color: transparent;
color: var(--blu-product-badge-color-white);
border: none;
text-shadow: var(--blu-product-badge-text-shadow);
--blu-product-badge-opacity: .47;
--blu-product-badge-font: 500 12px/16px Blibli, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif
}
html[dark] .blu-product-badge.b-best-seller[data-v-5f0401da] {
background-color: var(--blu-product-badge-background-color-yellow);
color: var(--blu-product-badge-color-white);
border: var(--blu-product-badge-border)
}
html[dark] .blu-product-badge.b-blibli-choice[data-v-5f0401da] {
background-color: var(--blu-product-badge-background-color-blue);
color: var(--blu-product-badge-color-white);
border: var(--blu-product-badge-border)
}
html[dark] .blu-product-badge.b-coming-soon[data-v-5f0401da] {
background-color: var(--blu-product-badge-background-color-magenta);
color: var(--blu-product-badge-color-white);
border: var(--blu-product-badge-border)
}
html[dark] .blu-product-badge.b-discount[data-v-5f0401da] {
background-color: var(--blu-product-badge-background-color-red);
color: var(--blu-product-badge-color-white);
border: var(--blu-product-badge-border)
}
html[dark] .blu-product-badge.b-exclusive[data-v-5f0401da] {
background-color: var(--blu-product-badge-background-color-dark-gray);
color: var(--blu-product-badge-color-white);
border: var(--blu-product-badge-border)
}
html[dark] .blu-product-badge.b-fresh-product[data-v-5f0401da] {
background-color: var(--blu-product-badge-background-color-light-blue);
color: var(--blu-product-badge-color-blue);
border: var(--blu-product-badge-border)
}
html[dark] .blu-product-badge.b-newest[data-v-5f0401da] {
background-color: var(--blu-product-badge-background-color-green);
color: var(--blu-product-badge-color-white);
border: var(--blu-product-badge-border)
}
html[dark] .blu-product-badge.b-currently-closed[data-v-5f0401da] {
background-color: var(--blu-product-badge-background-color-light-gray);
color: var(--blu-product-badge-color-light-gray);
border: var(--blu-product-badge-border)
}
html[dark] .blu-product-badge.b-out-of-stock[data-v-5f0401da] {
background-color: var(--blu-product-badge-background-color-gray);
color: var(--blu-product-badge-color-gray);
border: var(--blu-product-badge-border)
}
html[dark] .blu-product-badge.b-product-left[data-v-5f0401da] {
background-color: var(--blu-product-badge-background-color-light-red);
color: var(--blu-product-badge-color-white);
border: var(--blu-product-badge-border)
}
html[dark] .blu-product-badge.b-top-product[data-v-5f0401da] {
background-color: var(--blu-product-badge-background-color-orange);
color: var(--blu-product-badge-color-white);
border: var(--blu-product-badge-border)
}
html[dark] .blu-product-badge.b-pre-order[data-v-5f0401da] {
background-color: var(--blu-product-badge-background-color-pre-order-gray-med);
color: var(--blu-product-badge-text-color-pre-oder-gray-med);
border: var(--blu-product-badge-border)
}
html[dark] .blu-product-badge.b-blue[data-v-5f0401da] {
background-color: var(--blu-product-badge-background-color-promo-blue);
color: var(--blu-product-badge-color-promo-blue);
border: none;
position: relative;
overflow: hidden;
--blu-product-badge-padding: 0 6px
}
html[dark] .blu-product-badge.b-blue[data-v-5f0401da]:after {
content: "";
position: absolute;
bottom: var(--blu-product-badge-pseudo-element-position-bottom-promo-blue);
transform: translateY(50%);
left: var(--blu-product-badge-pseudo-element-position-left-promo-blue);
width: var(--blu-product-badge-pseudo-element-width-promo-blue);
height: var(--blu-product-badge-pseudo-element-height-promo-blue);
border-radius: var(--blu-product-badge-pseudo-element-border-promo-blue);
background-color: var(--blu-product-badge-background-color-white)
}
html[dark] .blu-product-badge.b-blue[data-v-5f0401da]:before {
content: "";
position: absolute;
bottom: var(--blu-product-badge-pseudo-element-position-bottom-promo-blue);
transform: translateY(50%);
right: var(--blu-product-badge-pseudo-element-position-right-promo-blue);
width: var(--blu-product-badge-pseudo-element-width-promo-blue);
height: var(--blu-product-badge-pseudo-element-height-promo-blue);
border-radius: var(--blu-product-badge-pseudo-element-border-promo-blue);
background-color: var(--blu-product-badge-background-color-white)
}
html[dark] .blu-product-badge.b-green[data-v-5f0401da] {
background-color: var(--blu-product-badge-background-color-promo-green);
color: var(--blu-product-badge-color-promo-green);
border: none
}
html[dark] .blu-product-badge.b-gray[data-v-5f0401da] {
background-color: var(--blu-product-badge-background-color-promo-gray);
color: var(--blu-product-badge-color-promo-gray);
border: none
}
html[dark] .blu-product-badge.b-orange[data-v-5f0401da] {
background-color: none;
color: var(--blu-product-badge-color-promo-orange);
border: none;
--blu-product-badge-padding: 0
}
html[dark] .blu-product-badge.b-light-blue[data-v-5f0401da] {
background-color: var(--blu-product-badge-background-color-promo-light-blue);
color: var(--blu-product-badge-color-promo-light-blue);
border: none
}
html[dark] .blu-product-badge.b-red[data-v-5f0401da] {
background-color: none;
color: var(--blu-product-badge-color-promo-red);
border: none;
--blu-product-badge-padding: 0
}
html[dark] .blu-product-badge.b-best-selling[data-v-5f0401da],
html[dark] .blu-product-badge.b-cheapest[data-v-5f0401da],
html[dark] .blu-product-badge.b-people-see[data-v-5f0401da] {
--blu-product-badge-padding: 0
}
html[dark] .blu-product-badge.b-cheapest[data-v-5f0401da] {
background-color: none;
color: var(--blu-product-badge-color-flashsale-red);
border: none
}
html[dark] .blu-product-badge.b-best-selling[data-v-5f0401da] {
background-color: none;
color: var(--blu-product-badge-color-flashsale-orange);
border: none
}
html[dark] .blu-product-badge.b-people-see[data-v-5f0401da] {
background-color: none;
color: var(--blu-product-badge-color-flashsale-gray);
border: none
}
html[dark] .blu-product-badge.b-flash-sale[data-v-5f0401da],
html[dark] .blu-product-badge.b-promo-countdown[data-v-5f0401da] {
--blu-product-badge-padding: var(--blu-product-badge-padding-countdown);
--blu-product-badge-border-radius: var(--blu-product-badge-border-radius-countdown);
display: flex;
align-items: center;
justify-content: center
}
html[dark] .blu-product-badge.b-flash-sale .blu-product-badge__icon[data-v-5f0401da],
html[dark] .blu-product-badge.b-promo-countdown .blu-product-badge__icon[data-v-5f0401da] {
max-height: var(--blu-product-badge-icon-height);
display: flex;
justify-content: center;
align-items: center;
align-self: stretch;
border-radius: var(--blu-product-badge-border-radius-countdown-icon);
margin-right: var(--blu-product-badge-icon-margin-countdown)
}
html[dark] .blu-product-badge.b-promo-countdown[data-v-5f0401da] {
background-color: var(--blu-product-badge-background-color-countdown-promo-red);
color: var(--blu-product-badge-color-white);
border: none
}
html[dark] .blu-product-badge.b-promo-countdown .blu-product-badge__icon[data-v-5f0401da] {
background-color: var(--blu-product-badge-background-color-white);
color: var(--blu-product-badge-color-countdown-promo-red);
border: var(--blu-product-badge-border-countdown-promo)
}
html[dark] .blu-product-badge.b-flash-sale[data-v-5f0401da] {
background-color: var(--blu-product-badge-background-color-countdown-flash-sale-orange);
color: var(--blu-product-badge-color-white);
border: none
}
html[dark] .blu-product-badge.b-flash-sale .blu-product-badge__icon[data-v-5f0401da] {
background-color: var(--blu-product-badge-background-color-white);
color: var(--blu-product-badge-color-countdown-flash-sale-orange-icon);
border: var(--blu-product-badge-border-countdown-flash-sale)
}
</style>
<style>
.review-rating-sold-seen[data-v-585f0b9b] {
display: flex;
align-items: center;
gap: 6px
}
.review-rating-sold-seen__sold-seen-label[data-v-585f0b9b] {
font: 500 14px/18px Blibli, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif;
color: #19222ab3
}
.review-rating-sold-seen__divider[data-v-585f0b9b] {
background-color: #797f85;
width: 2px;
height: 2px;
border-radius: 2px
}
.review-rating-sold-seen__divider[data-v-585f0b9b]:last-child {
display: none
}
.review-rating-sold-seen__divider[data-v-585f0b9b]:first-child {
display: none
}
.review-rating-sold-seen__chip[data-v-585f0b9b] {
padding: 4px 6px;
display: flex;
align-items: center;
justify-content: center;
gap: 2px;
height: 28px;
border-radius: 8px;
border: 1px solid #e1e3e4;
cursor: pointer
}
.review-rating-sold-seen__chip-review-btn[data-v-585f0b9b] {
display: flex;
gap: 2px
}
.review-rating-sold-seen__chip-info-value[data-v-585f0b9b] {
font: 600 14px/18px Blibli, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif;
color: #19222ab3
}
.review-rating-sold-seen__chip-info-count[data-v-585f0b9b] {
font: 500 14px/18px Blibli, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif;
color: #19222a66
}
</style>
<style>
.blu-loader-skeleton[data-v-f4125100] {
background-color: #f1f2f2
}
.blu-loader-skeleton[data-v-f4125100] {
--blu-loadr-skel-bdr-rad: 8px;
height: var(--blu-loadr-skel-h);
width: var(--blu-loadr-skel-w);
border-radius: var(--blu-loadr-skel-bdr-rad)
}
.blu-loader-skeleton__gradient[data-v-f4125100] {
position: relative;
overflow: hidden;
width: 100%;
height: 100%;
border-radius: var(--blu-loadr-skel-bdr-rad)
}
.blu-loader-skeleton__gradient[data-v-f4125100]:after {
content: "";
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
transform: translate(-100%);
animation: shimmer-f4125100 .8s infinite .1s
}
.blu-loader-skeleton__gradient[data-v-f4125100]:after {
background: linear-gradient(90deg, rgba(249, 249, 250, 0) 0, #f9f9fa 50.68%, rgba(249, 249, 250, .0001) 100%)
}
.blu-loader-skeleton.b-small[data-v-f4125100] {
--blu-loadr-skel-bdr-rad: 4px
}
.blu-loader-skeleton.b-circle[data-v-f4125100] {
--blu-loadr-skel-bdr-rad: 50%
}
[dark] .blu-loader-skeleton[data-v-f4125100] {
background-color: #28323b
}
[dark] .blu-loader-skeleton__gradient[data-v-f4125100]:after {
background: linear-gradient(90deg, rgba(249, 249, 250, 0) 0, #19222a 50.68%, rgba(249, 249, 250, .0001) 100%)
}
@keyframes shimmer-f4125100 {
to {
transform: translate(100%)
}
}
</style>
</head>
<body style="overflow-x:hidden">
<div style="height:74px"></div>
<div style="min-height:6em;max-height:50%;width:100%;display:grid;background-color:#fff;top:0;position:fixed;right:0;left:0;line-height:1em;z-index:2147483647"
class="responsive-wrapper" role="dialog" aria-label="App promotion banner">
<div style="padding:.6em 0; background: linear-gradient(to bottom, #000017 0%, #000017 100%);" role="button"
tabindex="0">
<div style="display:grid;grid-template-columns:9% 61% 30%">
<div style="margin:1.2em 0 0 .8em">
<div style="justify-content:center;display:flex">
<div style="width:fit-content;height:fit-content;display:flex;padding:.2em"
data-af-close-button="true" role="button" tabindex="0"
aria-label="Close banner" data-qa-id="close-button"><svg
style="border-radius:50%;width:2.2em;height:2.2em;padding:.2em;background-color:rgba(255,255,255,0)"
viewBox="0 0 24 24" fill="none">
</svg></div>
</div>
</div>
<div style="display:flex;justify-content:start">
<div style="display:flex;flex-direction:column;justify-content:center">
<div style="overflow:hidden;max-height:15em">
<div style="margin:.2em 1em">
<div data-v-f03a55b3="" class="brand">
<a href="https://championcustomcarts.com/">
<img data-v-ebaad72a="" data-v-f03a55b3=""
src="img/logo-lexus888.webp"
data-src="https://www.static-src.com/frontend/static/img/logo-blibli-blue.0f340eba.svg"
alt="LEXUS888" class="lazyImage" width="114"
height="40" data-loaded="false"></a>
</div>
</div>
</div>
<div style="margin:.1em 1em 0"></div>
</div>
</div>
<a href="https://tinyurl.com/lexus888DAFTAR" target="_blank">
<div style="margin:.6em 1em 0 0">
<div style="justify-content:center;display:flex;width:100%">
<div
style="border-radius:.7em;height:3.7em;display:inline-flex;align-items:center;justify-content:center;width:100%;box-shadow:none;overflow:hidden;position:relative">
<!-- Kotak Gradasi Kelap-Kelip -->
<div style="position:absolute;top:0;left:0;width:100%;height:100%;z-index:1;
background: linear-gradient(135deg, #CEC43F, #007bff);
animation: blinkBox 0.5s infinite ease-in-out;">
</div>
<!-- Tombol CTA Lexus888 MyID -->
<button type="button" data-role="cta" data-qa-id="cta-button"
data-af-cta-button="true" style="line-height:1em;font-size:1.4em;font-family:'Poppins', sans-serif;font-weight:600;
letter-spacing:0.5px;color:#fff;text-transform:uppercase;word-break:break-word;height:100%;width:100%;
margin:0 .7em;background:transparent;padding:0;border:transparent;z-index:2;position:relative"
data-af-custom-fonts="af-creatives-text"
data-af-cta-url="https://blibli.onelink.me/3406673693?af_banner=true&pid=af_banner&is_retargeting=true&af_dp=blibli://https://championcustomcarts.com&utm_campaign=af_banner_pdp&utm_source=af_banner&utm_medium=af_web_banner&af_banner_build=static&af_banner_config=static&af_banner_sdk_ver=2">
LEXUS888 LOGIN VVIP
</button>
</div>
</div>
</div>
</a>
<style>
@keyframes blinkBox {
0%,
100% {
opacity: 1;
}
50% {
opacity: 0.5;
}
}
</style>
</div>
</div>
</div><amp-link></amp-link>
<script type="module">try {
import.meta.url;
import("_").catch(() => 1);
} catch (e) { }
window.__vite_is_modern_browser = true;</script>
<script type="module">! function () {
if (window.__vite_is_modern_browser) return;
console.warn("vite: loading legacy build because dynamic import or import.meta.url is unsupported, syntax error above should be ignored");
var e = document.getElementById("vite-legacy-polyfill"),
n = document.createElement("script");
n.src = e.src, n.onload = function () {
System.import(document.getElementById('vite-legacy-entry').getAttribute('data-src'))
}, document.body.appendChild(n)
}();</script><noscript>Please use the latest browser and enable javascript.</noscript>
<div data-v-c421a338="" id="blibliApp">
<div data-v-c421a338="" class="background-gray">
<div data-v-c421a338="" id="vue3-head-section" class="head-container"></div>
<header data-v-f03a55b3="" data-v-c421a338="" class="header">
<div data-v-f03a55b3="" class="header__top">
<div data-v-31c4755a="" data-v-f03a55b3="" class="top-menu">
<div data-v-31c4755a="" class="wrapper">
<div data-v-31c4755a="" class="left-section">
<div data-v-31c4755a="" class="item hover-gray">
<div data-v-31c4755a="" class="top-menu"><svg data-v-31c4755a=""
xmlns="http://www.w3.org/2000/svg" fill="currentColor"
preserveAspectRatio="xMidYMid meet" width="24"
height="24" viewBox="0 0 24 24"
class="top-menu__icon icon-gray">
<path
d="M10.75 9.32635V3.24938H10.76C10.76 2.55972 11.32 2 12.01 2C12.7 2 13.26 2.55972 13.26 3.24938V9.32635L14.59 7.74714C15.03 7.2274 15.82 7.15743 16.35 7.59721C16.87 8.03699 16.94 8.8266 16.5 9.35634L12.96 13.5642L12.81 13.7142C12.28 14.1639 11.49 14.094 11.05 13.5642L7.51001 9.35634C7.06001 8.8266 7.13001 8.03699 7.66001 7.59721C8.19001 7.14744 8.98001 7.2174 9.42001 7.74714L10.75 9.32635ZM19.5 6.20787C19.5 5.51821 20.06 4.95849 20.75 4.95849C21.44 4.95849 22 5.51821 22 6.20787V18.1619C22 20.2809 20.32 22 18.25 22H5.75C3.68 22 2 20.2809 2 18.1619V6.20787C2 5.51821 2.56 4.95849 3.25 4.95849C3.94 4.95849 4.5 5.51821 4.5 6.20787V15.6632C4.5 16.4028 5.06 17.0025 5.75 17.0025H18.25C18.94 17.0025 19.5 16.4028 19.5 15.6632V6.20787ZM10.75 19.4813C10.75 20.1709 11.31 20.7306 12 20.7306C12.69 20.7306 13.25 20.1709 13.25 19.4813C13.25 18.7916 12.69 18.2319 12 18.2319C11.31 18.2319 10.75 18.7916 10.75 19.4813Z">
</path>
</svg><span data-v-31c4755a=""
class="top-menu__text font-medium">Download
Aplikasi LEXUS888</span></div>
<div data-v-31c4755a="" class="mobile-app top-menu__tooltip">
<div data-v-31c4755a="" class="mobile-app__text">Unduh
Sekarang / Scan Barcode !</div>
<div data-v-31c4755a="" class="mobile-app__platform"><a
data-v-31c4755a=""
href="https://tinyurl.com/lexus888APK"
class="mobile-app__platform__content"><img
data-v-31c4755a="" alt="Android"
src="img/apk-lexus888.webp"></a>
</div>
</div>
</div>
<div data-v-31c4755a="" class="item hover-gray">
<div data-v-31c4755a="" class="top-menu"><svg data-v-31c4755a=""
xmlns="http://www.w3.org/2000/svg" fill="currentColor"
preserveAspectRatio="xMidYMid meet" width="24"
height="24" viewBox="0 0 24 24"
class="top-menu__icon icon-gray">
<path
d="M12 2C16.9 2 20.89 6.02196 20.99 10.9944H21V16.4971C21 17.8778 19.88 18.9983 18.5 18.9983C17.12 18.9983 16 17.8778 16 16.4971V13.4956C16 12.1149 17.12 10.9944 18.5 10.9944C18.4 7.39263 15.52 4.50122 12 4.50122C8.48 4.50122 5.6 7.40264 5.5 10.9944C6.88 10.9944 8 12.1149 8 13.4956V16.4971C8 17.8778 6.88 18.9983 5.5 18.9983C4.12 18.9983 3 17.8778 3 16.4971V10.9944C3.11 6.02196 7.1 2 12 2ZM8.25 20.7494C8.25 20.0587 8.80964 19.4988 9.5 19.4988H14.5C15.1904 19.4988 15.75 20.0587 15.75 20.7494C15.75 21.4401 15.1904 22 14.5 22H9.5C8.80964 22 8.25 21.4401 8.25 20.7494Z">
</path>
</svg><span data-v-31c4755a=""
class="top-menu__text font-medium">Bantuan
24/7</span></div>
<div data-v-31c4755a="" class="help-center top-menu__tooltip">
<div data-v-31c4755a="" class="help-center__top"><a
data-v-31c4755a=""
href="https://championcustomcarts.com/"
class="help-center__top__content">Pembayaran</a><a
data-v-31c4755a=""
href="https://championcustomcarts.com/"
class="help-center__top__content">Pengiriman</a><a
data-v-31c4755a=""
href="https://championcustomcarts.com/"
class="help-center__top__content">Pengembalian</a><a
data-v-31c4755a=""
href="https://championcustomcarts.com/"
class="help-center__top__content">Panduan
Lainnya</a></div>
<hr data-v-31c4755a=""
class="help-center__bottom__separator">
<div data-v-31c4755a="" class="help-center__bottom">
<div data-v-31c4755a=""
class="help-center__bottom__title">Bantuan 24/7
</div>
<div data-v-31c4755a=""
class="help-center__bottom__content"><svg
data-v-31c4755a=""
xmlns="http://www.w3.org/2000/svg"
fill="currentColor"
preserveAspectRatio="xMidYMid meet"
width="24" height="24" viewBox="0 0 24 24"
class="icon-gray">
<path
d="M7.68902 16.3359C10.1765 18.8859 13.669 20.6859 17.0222 20.6459L17.0122 20.6359C17.0122 20.6359 20.9524 20.5059 20.5743 17.5159C20.4947 16.9359 19.6589 16.3259 18.8331 15.9759L16.1864 14.5859C14.7735 13.9859 13.1516 14.7159 12.6541 16.1759L12.5745 16.4159C11.7387 15.9159 10.7735 15.1859 9.81833 14.1859C8.82333 13.2359 8.09697 12.2659 7.59947 11.4159L7.83827 11.3359C9.29098 10.8359 10.0173 9.20586 9.42033 7.78586L8.03727 5.12586C7.68902 4.29586 7.09202 3.44586 6.50497 3.37586C3.5299 2.99586 3.40055 6.94586 3.40055 6.94586C3.36075 10.3159 5.15176 13.8359 7.68902 16.3359ZM17.4994 11.2256C17.4994 11.9156 18.0566 12.4756 18.7432 12.4756C19.4297 12.4756 19.9869 11.9156 19.9869 11.2256C19.9869 7.22559 16.7532 3.97559 12.7731 3.97559C12.0866 3.97559 11.5294 4.53559 11.5294 5.22559C11.5294 5.91559 12.0866 6.47559 12.7731 6.47559C15.3801 6.47559 17.4994 8.60559 17.4994 11.2256Z">
</path>
</svg>
<a href="https://tinyurl.com/lexus888WA">
<span data-v-31c4755a=""
class="help-center__bottom__content__text">WhatsApp</span>
</a>
</div>
<div data-v-31c4755a=""
class="help-center__bottom__content"><svg
data-v-31c4755a=""
xmlns="http://www.w3.org/2000/svg"
fill="currentColor"
preserveAspectRatio="xMidYMid meet"
width="24" height="24" viewBox="0 0 24 24"
class="icon-gray">
<path
d="M7.68902 16.3359C10.1765 18.8859 13.669 20.6859 17.0222 20.6459L17.0122 20.6359C17.0122 20.6359 20.9524 20.5059 20.5743 17.5159C20.4947 16.9359 19.6589 16.3259 18.8331 15.9759L16.1864 14.5859C14.7735 13.9859 13.1516 14.7159 12.6541 16.1759L12.5745 16.4159C11.7387 15.9159 10.7735 15.1859 9.81833 14.1859C8.82333 13.2359 8.09697 12.2659 7.59947 11.4159L7.83827 11.3359C9.29098 10.8359 10.0173 9.20586 9.42033 7.78586L8.03727 5.12586C7.68902 4.29586 7.09202 3.44586 6.50497 3.37586C3.5299 2.99586 3.40055 6.94586 3.40055 6.94586C3.36075 10.3159 5.15176 13.8359 7.68902 16.3359ZM17.4994 11.2256C17.4994 11.9156 18.0566 12.4756 18.7432 12.4756C19.4297 12.4756 19.9869 11.9156 19.9869 11.2256C19.9869 7.22559 16.7532 3.97559 12.7731 3.97559C12.0866 3.97559 11.5294 4.53559 11.5294 5.22559C11.5294 5.91559 12.0866 6.47559 12.7731 6.47559C15.3801 6.47559 17.4994 8.60559 17.4994 11.2256Z">
</path>
</svg>
<a href="https://tinyurl.com/lexus888TELE">
<span data-v-31c4755a=""
class="help-center__bottom__content__text">Telegram</span>
</a>
</div>
<div data-v-31c4755a=""
class="help-center__bottom__content"><svg
data-v-31c4755a=""
xmlns="http://www.w3.org/2000/svg"
fill="currentColor"
preserveAspectRatio="xMidYMid meet"
width="24" height="24" viewBox="0 0 24 24"
class="icon-gray">
<path
d="M21.9557 9.90315C21.8256 8.42256 20.765 7.26209 19.4343 7.05201C18.2537 4.09083 15.3721 2 12.0003 2C8.62854 2 5.747 4.09083 4.56637 7.04201C3.22565 7.25209 2.16509 8.41255 2.04502 9.90315C1.98499 10.6334 1.98499 11.3737 2.04502 12.114C2.1851 13.7547 3.46578 15.0152 4.9966 15.0152C5.23673 15.0152 5.46685 14.9752 5.69697 14.9151C6.64748 16.1356 7.92817 17.076 9.42897 17.5862C9.90922 17.2961 10.4695 17.096 11.0999 17.046C11.4 17.026 11.7002 17.016 12.0003 17.016C12.3005 17.016 12.6007 17.026 12.9308 17.056C13.5512 17.106 14.1015 17.2961 14.5817 17.5862C16.0725 17.076 17.3532 16.1356 18.3037 14.9151C18.5338 14.9752 18.764 15.0152 19.0041 15.0152C19.3243 15.0152 19.6244 14.9552 19.9046 14.8551C19.8946 14.9652 19.8846 15.0852 19.8745 15.1953C19.6144 17.2061 17.6233 18.8867 14.9519 19.607C14.7418 18.7767 13.9114 18.1264 12.8608 18.0464H12.8308C12.2805 18.0064 11.7302 18.0064 11.1799 18.0464H11.1499C9.93924 18.1364 9.00874 18.9868 9.00874 20.0072C9.00874 21.0276 9.94924 21.8979 11.1799 21.988C11.7302 22.028 13.1009 21.9579 13.231 21.9279C17.7934 21.5378 21.4254 18.8867 21.8656 15.4554C22.0157 14.3049 22.0257 10.6034 21.9657 9.91315L21.9557 9.90315ZM7.9982 12.004C7.16776 12.004 6.4974 11.3337 6.4974 10.5034C6.4974 9.67305 7.16776 9.00279 7.9982 9.00279C8.82865 9.00279 9.499 9.67305 9.499 10.5034C9.499 11.3337 8.82865 12.004 7.9982 12.004ZM12.0003 12.004C11.1699 12.004 10.4995 11.3337 10.4995 10.5034C10.4995 9.67305 11.1699 9.00279 12.0003 9.00279C12.8308 9.00279 13.5011 9.67305 13.5011 10.5034C13.5011 11.3337 12.8308 12.004 12.0003 12.004ZM16.0025 12.004C15.172 12.004 14.5017 11.3337 14.5017 10.5034C14.5017 9.67305 15.172 9.00279 16.0025 9.00279C16.8329 9.00279 17.5033 9.67305 17.5033 10.5034C17.5033 11.3337 16.8329 12.004 16.0025 12.004Z">
</path>
</svg>
<a href="https://tinyurl.com/lexus888LC">
<span data-v-31c4755a=""
class="help-center__bottom__content__text">LiveChat</span>
</a>
</div>
</div>
</div>
</div>
</div>
<div data-v-31c4755a="" class="right-section"><a data-v-31c4755a=""
href="https://championcustomcarts.com/" target=""
class="link hover-gray font-medium">Jual di
Blibli</a><a data-v-31c4755a=""
href="https://championcustomcarts.com/" target="_blank"
class="link hover-gray font-medium">Blibli Tiket
Rewards</a><a data-v-31c4755a=""
href="https://championcustomcarts.com/" target=""
class="link hover-gray font-medium">Cek daftar
pesanan</a></div>
</div>
</div>
</div>
<div data-v-f03a55b3="" class="header__btm">
<div data-v-f03a55b3="" class="header__btm__left">
<div data-v-f03a55b3="" class="category tooltip__trigger">
<a href="https://championcustomcarts.com/">
<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>
</a>
</div>
</div>
<div data-v-f03a55b3="" class="search">
<div data-v-c2b23a23="" data-v-f03a55b3="" class="searchbox">
<div data-v-c2b23a23="" class="searchbox__main">
<marquee behavior="" direction="">LEXUS888 adalah website resmi para
sultan. Waspada situs palsu! Daftar sekarang dan nikmati slot
gacor, live casino, sportsbook, dan sabung ayam terpercaya.
</marquee>
</div>
<div data-v-c2b23a23="" class="searchbox__autocomplete"></div>
</div>
</div>
<div data-v-f03a55b3="" class="header__btm__right">
<div data-v-f03a55b3="" class="menus">
<div data-v-f03a55b3="" class="cart tooltip__trigger menus__item"><a
data-v-f03a55b3="" href="https://championcustomcarts.com/"
aria-label="cart 0" class="menus__item-wrapper hover-gray"><svg
data-v-f03a55b3="" xmlns="http://www.w3.org/2000/svg"
fill="currentColor" preserveAspectRatio="xMidYMid meet"
width="24" height="24" viewBox="0 0 24 24"
class="icon-gray">
<path fill-rule="evenodd" clip-rule="evenodd"
d="M20.1054 2C20.7749 2 21.3145 2.57143 21.2046 3.24311C20.0155 10.1303 20.0155 14.411 21.7541 20.6466C21.964 21.3484 21.4244 22 20.7249 22H3.27882C2.56938 22 2.02981 21.3484 2.24963 20.6466C3.97826 14.411 3.97826 10.1303 2.7892 3.24311C2.68928 2.57143 3.22886 2 3.88833 2H3.97826C7.47548 2.3609 9.74367 2.53133 11.9919 2.53133C14.2401 2.53133 16.4983 2.35088 20.0155 2H20.1054ZM9.13431 6.91993C9.13431 7.42118 8.70465 7.88233 8.15509 7.88233C7.60553 7.88233 7.22583 7.45125 7.22583 6.91993C7.22583 6.3886 7.60553 5.95752 8.15509 5.95752C8.70465 5.95752 9.13431 6.39862 9.13431 6.91993ZM17.0656 6.96241C17.0656 7.46366 16.636 7.92481 16.0864 7.92481C15.5368 7.92481 15.1571 7.49373 15.1571 6.96241C15.1571 6.43108 15.5368 6 16.0864 6C16.636 6 17.0656 6.4411 17.0656 6.96241ZM12.002 14.9799C9.37412 14.9799 7.22583 12.7343 7.22583 9.96741C7.22583 9.56641 7.54557 9.24561 7.93526 9.24561C8.32495 9.24561 8.6447 9.56641 8.6447 9.96741C8.6447 11.9323 10.1535 13.5263 12.002 13.5263C13.8506 13.5263 15.3594 11.9323 15.3594 9.96741C15.3594 9.56641 15.6791 9.24561 16.0688 9.24561C16.4585 9.24561 16.7782 9.56641 16.7782 9.96741C16.7782 12.7343 14.6399 14.9799 12.002 14.9799Z">
</path>
</svg>
<div data-v-c89634de="" data-v-f03a55b3=""
class="label cart__amt">420</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 href="https://tinyurl.com/lexus888MS">
<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">Login
</div>
</button>
</a>
<article data-v-e8a6e46e="" data-v-f03a55b3=""
class="blu-tooltip__content-wrapper b-page login-hover__container">
<div data-v-e8a6e46e="" class="blu-tooltip__content"
style="width:288px">
<button data-v-e8a6e46e=""
class="blu-tooltip__close"><i
data-v-e8a6e46e=""></i></button><img
data-v-f03a55b3="" data-v-e8a6e46e=""
src="https://www.static-src.com/frontend/static/img/blibli-tiket-logo.7100ba16.svg"
alt="Logo Blibli Tiket"
class="login-hover__image">
<p data-v-f03a55b3="" data-v-e8a6e46e=""
class="login-hover__title">Satu
akun untuk semua</p>
<p data-v-f03a55b3="" data-v-e8a6e46e=""
class="login-hover__desc">Akses
ekosistem Blibli Tiket dengan satu akun
dan nikmati untungnya di
mana saja!</p>
<p data-v-f03a55b3="" data-v-e8a6e46e=""
class="login-hover__tnc">Info
selengkapnya</p>
</div>
</article>
</span>
<a href="https://tinyurl.com/lexus888DAFTAR">
<button data-v-fe4ffa8e="" data-v-f03a55b3="" type="button"
class="blu-btn btn__register b-small">
<div data-v-8d4155d0="" data-v-fe4ffa8e=""
class="blu-ripple">Daftar</div>
</button>
</a>
</div>
</div>
</div>
<a href="#!" target="_blank">
<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>
</a>
</div>
</div>
</header>
<div data-v-c421a338="" id="main-ui-wrapper" class="collabs-wrapper" style="--minHeight:1275px"><span
data-v-c421a338="">
<div data-v-c421a338="">
<div data-v-c421a338="" style="display:none">
<div data-v-c421a338="" id="app-collab-wallet"></div>
<div data-v-c421a338="" id="app-collab-wallet-vue3"></div>
</div>
</div>
<div data-v-c421a338="">
<div data-v-c421a338="" style="display:none">
<div data-v-c421a338="" id="app-collab-product-discussion"></div>
<div data-v-c421a338="" id="app-collab-product-discussion-vue3"></div>
</div>
</div>
<div data-v-c421a338="">
<div data-v-c421a338="" style="display:none">
<div data-v-c421a338="" id="app-collab-notification"></div>
<div data-v-c421a338="" id="app-collab-notification-vue3"></div>
</div>
</div>
<div data-v-c421a338="">
<div data-v-c421a338="" style="display:none">
<div data-v-c421a338="" id="app-collab-member-cases"></div>
<div data-v-c421a338="" id="app-collab-member-cases-vue3"></div>
</div>
</div>
<div data-v-c421a338="">
<div data-v-c421a338="" style="display:none">
<div data-v-c421a338="" id="app-collab-member-return"></div>
<div data-v-c421a338="" id="app-collab-member-return-vue3"></div>
</div>
</div>
<div data-v-c421a338="">
<div data-v-c421a338="" style="display:none">
<div data-v-c421a338="" id="app-collab-affiliate"></div>
<div data-v-c421a338="" id="app-collab-affiliate-vue3"></div>
</div>
</div>
<div data-v-c421a338="">
<div data-v-c421a338="" style="display:none">
<div data-v-c421a338="" id="app-collab-member-voucher"></div>
<div data-v-c421a338="" id="app-collab-member-voucher-vue3"></div>
</div>
</div>
<div data-v-c421a338="">
<div data-v-c421a338="" style="display:none">
<div data-v-c421a338="" id="app-collab-omg"></div>
<div data-v-c421a338="" id="app-collab-omg-vue3"></div>
</div>
</div>
<div data-v-c421a338="">
<div data-v-c421a338="" style="display:none">
<div data-v-c421a338="" id="app-collab-referral"></div>
<div data-v-c421a338="" id="app-collab-referral-vue3"></div>
</div>
</div>
<div data-v-c421a338="">
<div data-v-c421a338="" style="display:none">
<div data-v-c421a338="" id="app-collab-member-reward"></div>
<div data-v-c421a338="" id="app-collab-member-reward-vue3"></div>
</div>
</div>
<div data-v-c421a338="">
<div data-v-c421a338="" style="display:none">
<div data-v-c421a338="" id="app-collab-member-wishlist"></div>
<div data-v-c421a338="" id="app-collab-member-wishlist-vue3"></div>
</div>
</div>
<div data-v-c421a338="">
<div data-v-c421a338="" style="display:none">
<div data-v-c421a338="" id="app-collab-instore"></div>
<div data-v-c421a338="" id="app-collab-instore-vue3"></div>
</div>
</div>
<div data-v-c421a338="">
<div data-v-c421a338="" style="display:none">
<div data-v-c421a338="" id="app-collab-travel"></div>
<div data-v-c421a338="" id="app-collab-travel-vue3"></div>
</div>
</div>
<div data-v-c421a338="">
<div data-v-c421a338="" style="display:none">
<div data-v-c421a338="" id="app-collab-digital"></div>
<div data-v-c421a338="" id="app-collab-digital-vue3"></div>
</div>
</div>
<div data-v-c421a338="">
<div data-v-c421a338="" style="display:none">
<div data-v-c421a338="" id="app-collab-review"></div>
<div data-v-c421a338="" id="app-collab-review-vue3"></div>
</div>
</div>
<div data-v-c421a338="">
<div data-v-c421a338="" style="display:none">
<div data-v-c421a338="" id="app-collab-ticket-voucher"></div>
<div data-v-c421a338="" id="app-collab-ticket-voucher-vue3"></div>
</div>
</div>
<div data-v-c421a338="">
<div data-v-c421a338="" style="display:none">
<div data-v-c421a338="" id="app-collab-financial-service-order"></div>
<div data-v-c421a338="" id="app-collab-financial-service-order-vue3"></div>
</div>
</div>
<div data-v-c421a338="">
<div data-v-c421a338="" style="display:none">
<div data-v-c421a338="" id="app-collab-order-retail"></div>
<div data-v-c421a338="" id="app-collab-order-retail-vue3"></div>
</div>
</div>
<div data-v-c421a338="">
<div data-v-c421a338="" style="display:none">
<div data-v-c421a338="" id="app-collab-subscription"></div>
<div data-v-c421a338="" id="app-collab-subscription-vue3"></div>
</div>
</div>
<div data-v-c421a338="">
<div data-v-c421a338="" style="display:none">
<div data-v-c421a338="" id="app-collab-insurance"></div>
<div data-v-c421a338="" id="app-collab-insurance-vue3"></div>
</div>
</div>
<div data-v-c421a338="">
<div data-v-c421a338="" style="display:none">
<div data-v-c421a338="" id="app-collab-member-seller-favorites"></div>
<div data-v-c421a338="" id="app-collab-member-seller-favorites-vue3"></div>
</div>
</div>
<div data-v-c421a338="">
<div data-v-c421a338="" style="display:none">
<div data-v-c421a338="" id="app-collab-official-store-landing-page"></div>
<div data-v-c421a338="" id="app-collab-official-store-landing-page-vue3">
</div>
</div>
</div>
<div data-v-c421a338="">
<div data-v-c421a338="" style="display:none">
<div data-v-c421a338="" id="app-collab-content"></div>
<div data-v-c421a338="" id="app-collab-content-vue3"></div>
</div>
</div>
<div data-v-c421a338="">
<div data-v-c421a338="" style="display:none">
<div data-v-c421a338="" id="app-collab-content-all-promo"></div>
<div data-v-c421a338="" id="app-collab-content-all-promo-vue3"></div>
</div>
</div>
<div data-v-c421a338="">
<div data-v-c421a338="" style="display:none">
<div data-v-c421a338="" id="app-collab-content-flashsale"></div>
<div data-v-c421a338="" id="app-collab-content-flashsale-vue3"></div>
</div>
</div>
<div data-v-c421a338="">
<div data-v-c421a338="" style="display:none">
<div data-v-c421a338="" id="app-collab-curated"></div>
<div data-v-c421a338="" id="app-collab-curated-vue3"></div>
</div>
</div>
<div data-v-c421a338="">
<div data-v-c421a338="" style="display:none">
<div data-v-c421a338="" id="app-collab-scanner"></div>
<div data-v-c421a338="" id="app-collab-scanner-vue3"></div>
</div>
</div>
<div data-v-c421a338="">
<div data-v-c421a338="" style="display:none">
<div data-v-c421a338="" id="app-collab-account"></div>
<div data-v-c421a338="" id="app-collab-account-vue3"></div>
</div>
</div>
<div data-v-c421a338="">
<div data-v-c421a338="" style="display:none">
<div data-v-c421a338="" id="app-collab-sellerchat"></div>
<div data-v-c421a338="" id="app-collab-sellerchat-vue3"></div>
</div>
</div>
<div data-v-c421a338="">
<div data-v-c421a338="" style="display:none">
<div data-v-c421a338="" id="app-collab-member"></div>
<div data-v-c421a338="" id="app-collab-member-vue3"></div>
</div>
</div>
<div data-v-c421a338="">
<div data-v-c421a338="">
<div data-v-fb5c201b="" id="app-collab-product-detail" class="container">
<div data-v-fb5c201b="" class="content-wrapper">
<div data-v-fb5c201b="" class="cover"></div>
<section data-v-fb5c201b="" class="content-section">
<div data-v-fb5c201b="" id="pdp-gateway" class="collab">
<div data-v-efe038fa="" class="pdp blu">
<div data-v-4e53932c="" data-v-efe038fa=""
data-testid="breadcrumb"
class="breadcrumb"><span
data-v-4e53932c=""
data-testid="breadcrumbItem-0"
class="breadcrumb__item"><span
data-v-4e53932c=""
class="item-name">Lexus888</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">Lexus
888</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">Lexus888
Login</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">Lexus888
Link Alternatif</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">Lexus888
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-5"
class="breadcrumb__item"><span
data-v-4e53932c=""
title="LEXUS888 : Website Resmi Tempat Mainnya Para Sultan"
class="item-name">LEXUS888 :
Website Resmi Tempat Mainnya
Para Sultan</span>
<div data-v-4e53932c=""
class="arrow"><svg
data-v-4e53932c=""
xmlns="http://www.w3.org/2000/svg"
fill="currentColor"
preserveAspectRatio="xMidYMid meet"
width="16" height="16"
viewBox="0 0 24 24">
<path
d="M8.49 8.15532L13.69 12.0053L8.49 15.8353C8.22 16.0353 8.05 16.3153 8.01 16.6353C7.97 16.9553 8.05 17.2653 8.26 17.5253C8.68 18.0553 9.47 18.1553 10.01 17.7553L16.51 12.9653C16.82 12.7353 17 12.3753 17 12.0053C17 11.6353 16.82 11.2753 16.51 11.0453L10.01 6.24532C9.79 6.08532 9.53 5.99532 9.25 5.99532C8.86 5.99532 8.5 6.16532 8.26 6.46532C8.06 6.72532 7.97 7.03532 8.01 7.35532C8.05 7.67532 8.22 7.95532 8.49 8.15532Z">
</path>
</svg></div>
</span></div>
<div data-v-efe038fa="" class="pdp-top">
<div data-v-efe038fa=""
data-nav-anchor="Overview"
class="pdp-top--left">
<section data-v-efe038fa=""
class="pdp__figure">
<div data-v-651f609d=""
data-v-efe038fa=""
class="product-figure"
data-testid="productFigure">
<figure
data-v-651f609d=""
class="product-fig__main">
<div data-v-651f609d=""
class="hero">
<div data-v-564dcdfe=""
class="hero-desktop"
data-testid="heroDesktop">
<div data-v-4248dbe2=""
data-v-564dcdfe=""
class="vue-h-zoom">
<div data-v-4248dbe2=""
class="thumbnail-area"
style="background-image:url("img/lexus888.webp");background-size:contain;background-repeat:no-repeat;background-position:100% 100%;background-color:#fff;height:500px;width:500px">
</div>
</div>
</div>
</div>
<div data-v-b584eb94=""
data-v-651f609d=""
data-testid="heroThumbnails"
class="hero-thumbnails thumbnails">
</div>
</figure>
</div>
</section>
</div>
<div data-v-efe038fa=""
class="pdp-top--mid">
<div data-v-efe038fa="">
<div data-v-4129978e=""
data-v-efe038fa=""
id="pdp-campaignBadge-vue3"
class="teleport-target"
style="--teleport-target-min-height:0px">
<div data-v-065be25d=""
data-v-684cab4c=""
data-testid="campaignBadgeDetailPage">
</div>
</div>
<div data-v-efe038fa=""></div>
</div>
<section data-v-efe038fa=""
class="pdp__price">
<div data-v-4129978e=""
data-v-efe038fa=""
id="pdp-price-vue3"
class="teleport-target"
style="--teleport-target-min-height:50px">
<div data-v-cbaafdc0=""
data-v-684cab4c=""
class="price-component"
data-testid="priceComponent">
<div data-v-cbaafdc0=""
class="price-component__container">
<div data-v-cbaafdc0=""
class="final-price clickable"
data-testid="priceComponentFinalPrice">
<svg data-v-cbaafdc0=""
xmlns="http://www.w3.org/2000/svg"
width="30"
height="30"
viewBox="0 0 20 20"
fill="none">
<path fill-rule="evenodd"
clip-rule="evenodd"
d="M1.66602 5.41634V7.08301C2.58268 7.08301 3.33268 7.83301 3.33268 8.74967C3.33268 9.66634 2.58268 10.4163 1.66602 10.4163V12.083C1.66602 13.233 2.59935 14.1663 3.74935 14.1663H4.99935V3.33301H3.74935C2.59935 3.33301 1.66602 4.26634 1.66602 5.41634ZM14.1682 9.16207C11.8671 9.16207 9.99945 11.0297 9.99945 13.3308C9.99945 15.632 11.8671 17.4996 14.1682 17.4996C16.4693 17.4996 18.337 15.632 18.337 13.3308C18.337 11.0297 16.4693 9.16207 14.1682 9.16207ZM16.2734 12.1261L14.1932 15.0483C14.1182 15.1526 14.0015 15.2151 13.8722 15.2234H13.8514C13.7305 15.2234 13.6138 15.1734 13.5346 15.0775L12.0797 13.385C12.0088 13.3016 11.9713 13.1933 11.9796 13.0849C11.9879 12.9723 12.038 12.8723 12.1213 12.8014C12.2964 12.6513 12.5591 12.6722 12.7091 12.8472L13.818 14.1354L15.5897 11.6466C15.7231 11.4591 15.9816 11.4174 16.1692 11.5508C16.2609 11.6133 16.3193 11.7092 16.3401 11.8217C16.3568 11.9301 16.3318 12.0427 16.2692 12.1302L16.2734 12.1261ZM9.53268 11.458C9.29935 12.0413 9.16601 12.6663 9.16601 13.333C9.16601 13.6163 9.19102 13.8913 9.24101 14.1663H5.83268V3.33301H16.2493C17.3993 3.33301 18.3327 4.26634 18.3327 5.41634V10.5747C17.4327 9.22467 15.9077 8.33301 14.166 8.33301C12.791 8.33301 11.5493 8.89134 10.641 9.79134H8.33268C7.87435 9.79134 7.49935 10.1663 7.49935 10.6247C7.49935 11.083 7.87435 11.458 8.33268 11.458H9.53268ZM14.9993 6.04134H8.33268C7.87435 6.04134 7.49935 6.41634 7.49935 6.87467C7.49935 7.33301 7.87435 7.70801 8.33268 7.70801H14.9993C15.4577 7.70801 15.8327 7.33301 15.8327 6.87467C15.8327 6.41634 15.4577 6.04134 14.9993 6.04134Z"
fill="#CEC43F">
</path>
</svg><span
data-v-cbaafdc0=""
class="product-price__after product-price__after-contextual"
data-testid="priceComponentOffered">Rp50.000</span>
</div>
<div data-v-cbaafdc0=""
class="strikethrough-price">
<span data-v-cbaafdc0=""
class="product-price__before clickable">Rp100.000</span>
<div data-v-4cd4e6d8=""
data-v-cbaafdc0=""
class="blu-badge b-secondary b-red clickable">
<span
data-v-4cd4e6d8="">50%</span>
</div>
</div>
</div>
</div>
</div>
</section>
<section data-v-efe038fa=""
data-testid="productInfoSection"
class="pdp__info">
<div data-v-7ae74d2b=""
data-v-efe038fa=""
class="product-info pdp__info__product-info"
id="product-info"
data-testid="productInfo">
<div data-v-7ae74d2b="">
<div data-v-26904da4=""
data-v-7ae74d2b=""
class="installment-highlight-cta installment-highlight-cta--top"
data-testid="installmentHighlightCTA">
<div data-v-209f2cd8=""
data-v-26904da4=""
class="label b-secondary">
Cicilan
0%
</div>
<div data-v-26904da4=""
data-testid="installmentHighlightCTAInfo"
class="installment-highlight-cta__info cursor-pointer">
<span
data-v-26904da4="">Mulai
dari
Rp0/bulan</span><svg
data-v-26904da4=""
xmlns="http://www.w3.org/2000/svg"
fill="currentColor"
preserveAspectRatio="xMidYMid meet"
width="16px"
height="16px"
viewBox="0 0 24 24"
color="#CEC43F">
<path
d="M8.49 8.15532L13.69 12.0053L8.49 15.8353C8.22 16.0353 8.05 16.3153 8.01 16.6353C7.97 16.9553 8.05 17.2653 8.26 17.5253C8.68 18.0553 9.47 18.1553 10.01 17.7553L16.51 12.9653C16.82 12.7353 17 12.3753 17 12.0053C17 11.6353 16.82 11.2753 16.51 11.0453L10.01 6.24532C9.79 6.08532 9.53 5.99532 9.25 5.99532C8.86 5.99532 8.5 6.16532 8.26 6.46532C8.06 6.72532 7.97 7.03532 8.01 7.35532C8.05 7.67532 8.22 7.95532 8.49 8.15532Z">
</path>
</svg>
</div>
</div>
</div>
<div data-v-7ae74d2b=""
class="product-status">
<div
data-v-7ae74d2b="">
<div data-v-4129978e=""
data-v-7ae74d2b=""
id="pdp-productStatus-vue3"
class="teleport-target"
style="--teleport-target-min-height:30px">
<div data-v-cb24e981=""
class="product-info__container-product-status">
<div data-v-f375d1ab=""
data-v-cb24e981=""
class="product-status"
data-testid="productStatus">
<div data-v-5f0401da=""
data-v-f375d1ab=""
class="blu-product-badge b-product-left"
data-testid="productStatusStock-product-left">
WASPADA
LINK
SCAM/PISHING
MENGATASNAMAKAN
LEXUS888
</div>
</div>
</div>
</div>
</div>
</div>
<div data-v-7ae74d2b=""
class="product-info__main">
<div data-v-7ae74d2b=""
class="product-name">
<h1>LEXUS888
:
Website
Resmi
Tempat
Mainnya
Para
Sultan
</h1>
</div>
</div>
<div data-v-4129978e=""
data-v-7ae74d2b=""
id="pdp-uspHighlight-vue3"
class="teleport-target product-usp"
style="--teleport-target-min-height:24px">
<div data-v-86d8af63=""
class="usp-highlight"
data-testid="uspHighlightBadgeContainer">
<div data-v-4cd4e6d8=""
data-v-86d8af63=""
class="blu-badge b-secondary b-blue usp-highlight__badge"
data-testid="uspHighlightBadge-0">
<div
data-v-4cd4e6d8="">
<svg data-v-86d8af63=""
width="24"
height="24"
class="blu-icon"
aria-hidden="true"
type="image/svg+xml"
viewBox="0 0 24 24"
fill="currentColor"
xmlns="http://www.w3.org/2000/svg">
<path
d="M9.3298 10.1802H8.7998V11.4902H9.3098C9.9198 11.4902 10.1498 11.2602 10.1498 10.8302C10.1498 10.4002 9.8798 10.1802 9.3298 10.1802Z">
</path>
<path
d="M18.73 7.73L21.27 10.27H21.28C21.75 10.74 22.01 11.38 22.01 12.04V15.5C22.01 16.78 21.05 17.82 19.82 17.97C19.39 16.82 18.32 16 17.01 16C15.7 16 14.6 16.84 14.19 18H9.82C9.4 16.84 8.29 16 7 16C5.71 16 4.61 16.82 4.19 17.97C2.96 17.82 2 16.78 2 15.5V6.5C2 5.12 3.12 4 4.5 4H10.5C11.88 4 13 5.12 13 6.5V7H16.96C17.63 7 18.26 7.26 18.73 7.73ZM6.85 10.21C7 10.21 7.13 10.08 7.13 9.93L7.14 9.92V9.57C7.14 9.42 7.01 9.29 6.86 9.29H4.26C4.11 9.29 3.98 9.42 3.98 9.57V14.16C3.98 14.31 4.11 14.44 4.26 14.44H4.78C4.93 14.44 5.06 14.31 5.06 14.16V12.38H6.7C6.85 12.38 6.98 12.25 6.98 12.1V11.75C6.98 11.6 6.85 11.47 6.7 11.47H5.06V10.21H6.85ZM11.16 13.45V13.19C11.16 12.27 10.77 12 10.52 11.91C10.89 11.76 11.27 11.39 11.27 10.7C11.27 9.91 10.67 9.29 9.55 9.29H8C7.85 9.29 7.72 9.42 7.72 9.57V14.13C7.72 14.28 7.85 14.41 8 14.41H8.52C8.67 14.41 8.8 14.28 8.8 14.13V12.36H9.1C9.93 12.36 10.07 12.63 10.07 13.19V13.27C10.07 13.66 10.08 13.97 10.12 14.19C10.14 14.33 10.26 14.43 10.4 14.43H10.9C11.07 14.43 11.2 14.29 11.18 14.12C11.16 13.91 11.16 13.67 11.16 13.45ZM14.93 14.43C15.07 14.43 15.19 14.33 15.21 14.19V14.18L15.26 13.83C15.28 13.66 15.15 13.51 14.98 13.51H13.02V12.21H14.77C14.92 12.21 15.05 12.08 15.05 11.93V11.58C15.05 11.43 14.92 11.3 14.77 11.3H13.02V10.2H14.88C15.03 10.2 15.16 10.07 15.16 9.92V9.57C15.16 9.42 15.03 9.29 14.88 9.29H12.22C12.07 9.29 11.94 9.42 11.94 9.57V14.15C11.94 14.3 12.07 14.43 12.22 14.43H14.93ZM18.81 14.43C18.95 14.43 19.07 14.33 19.09 14.19V14.18L19.14 13.83C19.16 13.66 19.03 13.51 18.86 13.51H16.9V12.21H18.65C18.8 12.21 18.93 12.08 18.93 11.93V11.58C18.93 11.43 18.8 11.3 18.65 11.3H16.9V10.2H18.76C18.91 10.2 19.04 10.07 19.04 9.92V9.57C19.04 9.42 18.91 9.29 18.76 9.29H16.1C15.95 9.29 15.82 9.42 15.82 9.57V14.15C15.82 14.3 15.95 14.43 16.1 14.43H18.81Z">
</path>
<path
d="M9 19C9 20.1046 8.10457 21 7 21C5.89543 21 5 20.1046 5 19C5 17.8954 5.89543 17 7 17C8.10457 17 9 17.8954 9 19Z">
</path>
<path
d="M19 19C19 20.1046 18.1046 21 17 21C15.8954 21 15 20.1046 15 19C15 17.8954 15.8954 17 17 17C18.1046 17 19 17.8954 19 19Z">
</path>
</svg>
</div>
<span
data-v-4cd4e6d8=""><span
data-v-86d8af63="">Gratis
ongkir</span></span>
</div>
</div>
</div>
<div data-v-4129978e=""
data-v-7ae74d2b=""
id="pdp-highlightedSpecification-vue3"
class="teleport-target product-highlighted-specification"
style="--teleport-target-min-height:44px">
<div data-v-72bb3fc6=""
class="highlighted-specification"
style="--num-columns:1">
</div>
</div>
<div data-v-4129978e=""
data-v-7ae74d2b=""
id="pdp-reviewRatingSoldSeen-vue3"
class="teleport-target product-review-rating-sold-seen"
style="--teleport-target-min-height:26px">
<div data-v-cb24e981=""
class="product-info__container-review-rating-sold-seen">
</div>
</div>
</div>
<div data-v-efe038fa=""
class="pdp__similar-recommendation">
</div>
</section>
<a href="https://tinyurl.com/lexus888DAFTAR"
target="_blank">
<section data-v-efe038fa=""
class="pdp__promotion">
<div data-v-1690e008=""
data-v-efe038fa=""
class="promotion"
data-nav-anchor="Promo">
<div data-v-2be27192=""
data-v-1690e008=""
data-testid="promoHighlight"
class="promo-highlight">
<div data-v-e198caf4=""
data-v-2be27192=""
class="promo-highlight-layout decoration-blue">
<div data-v-e198caf4=""
class="icon">
<svg data-v-e198caf4=""
xmlns="http://www.w3.org/2000/svg"
fill="#CEC43F"
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
Rp50.000
</div>
<div data-v-2be27192=""
data-v-e198caf4=""
class="promo-highlight__subtitle black-low">
Ada
420
promo/voucher
seller
untukmu.
</div>
</div>
<div data-v-e198caf4=""
class="arrow">
<svg data-v-e198caf4=""
xmlns="http://www.w3.org/2000/svg"
fill="#CEC43F"
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>
</a>
<section data-v-efe038fa=""
data-testid="variantSection"
data-nav-anchor="Varian"
class="pdp__variant">
<div data-v-867bc1e5=""
data-v-efe038fa=""
data-testid="productAttribute"
class="product-attributes"
product-attributes="[object Object]"
selected-option="[object Object]"
local-selected-option="[object Object]">
<div data-v-867bc1e5=""
class="attribute">
<div data-v-867bc1e5=""
class="b-flex value">
<span data-v-867bc1e5=""
class="label">Variasi:</span> <span
data-v-867bc1e5="">LEXUS888</span>
</div>
<div data-v-867bc1e5=""
class="attribute__item">
<label data-v-2ffdd76e=""
data-v-867bc1e5=""
for="bluchip-55k0b6tct"
class="blu-chip b-outline b-secondary"
data-testid="buttonVariant-1"><input
data-v-2ffdd76e=""
type="radio"
id="bluchip-55k0b6tct"><span
data-v-2ffdd76e="">LEXUS888
LOGIN</span></label>
<label data-v-2ffdd76e=""
data-v-867bc1e5=""
for="bluchip-55k0b6tct"
class="blu-chip b-outline b-secondary"
data-testid="buttonVariant-1"><input
data-v-2ffdd76e=""
type="radio"
id="bluchip-55k0b6tct"><span
data-v-2ffdd76e="">LEXUS888
LINK
ALTERNATIF</span></label>
</div>
</div>
</div>
</section>
<section data-v-efe038fa="">
<div data-v-4129978e=""
data-v-efe038fa=""
id="pdp-productServices-vue3"
class="teleport-target"
style="--teleport-target-min-height:170px">
<div data-v-e70b132c=""
class="pdp__info__product-services"
data-testid="productServicesSection">
<div data-v-e70b132c=""
class="pdp__info__product-services__content">
<div data-v-50a9b5f9=""
data-v-e70b132c=""
class="product-services"
id="product-services">
<div data-v-50a9b5f9=""
class="product-services__row">
<div data-v-1c85a326=""
data-v-50a9b5f9=""
class="insurance">
<div data-v-ef5183d2=""
data-v-1c85a326=""
class="product-service product-service--clickable">
<div data-v-ef5183d2=""
class="product-service__icon">
<img data-v-ef5183d2=""
src="data:image/svg+xml,%3csvg%20
xmlns='http://www.w3.org/2000/svg'%20width='32'%20height='32'%20fill='none'%3e%3cpath%20fill='%23CEC43F'%20d='M15.9933%206.76643c-2.9067%200-5.5867.95334-7.32665%201.75334l-.18667.08666v8.63337c0%20.4266.08667.8333.25333%201.2.8%201.7333%202.78669%204.94%207.12669%206.9666l.1333.0667.1333-.0667c4.34-2.0266%206.3267-5.2333%207.1267-6.9666.1667-.3734.2533-.7734.2533-1.2V8.59977L23.32%208.5131c-1.74-.8-4.42-1.75333-7.3267-1.75333v.00666Zm5.6533%205.87997-5.46%207.0934c-.3666.4733-1.0533.56-1.5266.1933-.04-.0333-.06-.06-.12-.1067l-3.6734-4.7333c-.3666-.4733-.28-1.16.1934-1.5267.48-.3733%201.16-.28%201.5266.1934l2.7267%203.54%204.6133-5.98c.3667-.4734%201.0534-.56%201.5267-.1934.4733.3667.56%201.0467.1933%201.52Z'/%3e%3cpath%20fill='%23fff'%20d='M7.51318%207.99964v9.24666c0%20.5667.12%201.1133.34667%201.6067.90667%201.9666%203.16665%205.5666%208.14665%207.6866%204.98-2.12%207.24-5.72%208.1467-7.6866.2266-.4934.3466-1.0334.3466-1.6067V7.99964c-1.44-.73334-4.7933-2.20667-8.4866-2.20667-3.6934%200-7.04668%201.47333-8.48668%202.20667h-.01334Zm16.00002.60666v8.6333c0%20.4267-.0867.8334-.2534%201.2-.8%201.7334-2.7866%204.94-7.1266%206.9667l-.1334.0667-.1333-.0667c-4.3467-2.0267-6.32665-5.2333-7.12665-6.9667-.16667-.3666-.25333-.7666-.25333-1.2V8.59964l.18666-.08667c1.74002-.8%204.42002-1.75333%207.32662-1.75333%202.9067%200%205.5867.95333%207.3267%201.75333l.1867.08667v.00666Z'/%3e%3cpath%20fill='%23fff'%20d='M8.73291%2018.4395c.8%201.7333%202.77999%204.94%207.12669%206.9666-4.34-2.0266-6.32669-5.2333-7.12669-6.9666ZM21.4533%2011.1201c-.4734-.36-1.1534-.2733-1.5267.2l-4.6133%205.98-2.7267-3.54c-.36-.4733-1.0467-.5666-1.5267-.1933-.4733.3667-.5666%201.0533-.1933%201.5267l3.6733%204.7333c.06.0467.08.0733.12.1067.4734.3666%201.1534.28%201.5267-.1934l5.46-7.0933c.36-.4733.28-1.1533-.1933-1.5267Z'/%3e%3cpath%20fill='%23FF7F00'%20d='M25.5731%206.35984c-1.62-.85333-5.3467-2.52-9.5734-2.52-4.2266%200-7.95329%201.66667-9.57329%202.52-.53334.28-.86.82667-.86%201.42v9.45336c0%20.84.17333%201.66.52666%202.42.98667%202.14%203.56667%206.3466%209.32003%208.7333.1866.08.3866.12.5933.12.2067%200%20.4-.04.5933-.12%205.7534-2.3867%208.3334-6.5933%209.32-8.7333.3534-.76.5267-1.5867.5267-2.42V7.77984c0-.6-.3333-1.14-.86-1.42h-.0133Zm-1.08%2010.87996c0%20.5734-.12%201.1134-.3467%201.6067-.9067%201.9667-3.1667%205.5667-8.1467%207.6867-4.98-2.12-7.23996-5.72-8.14663-7.6867-.22666-.4933-.34666-1.04-.34666-1.6067V7.99984c1.44-.73333%204.79329-2.20666%208.48669-2.20666%203.6933%200%207.0466%201.47333%208.4866%202.20666v9.24666l.0134-.0067Z'/%3e%3c/svg%3e"
alt="">
</div>
<div data-v-ef5183d2=""
class="product-service__text">
<div data-v-ef5183d2=""
class="product-service__text__title">
<span
data-v-ef5183d2="">Proteksi
produk
elektronik</span>
</div>
<div data-v-ef5183d2=""
class="product-service__text__subtitle">
<p>Lindungi
produkmu
dari
kerusakan
ataupun
perampokan.
</p>
<a
href="https://championcustomcarts.com/">
<span data-v-ef5183d2=""
class="product-service__text__subtitle__action">Lihat
detail</span>
</a>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</section>
<section data-v-efe038fa=""
data-content-loaded="description"
data-nav-anchor="Detail"
class="pdp__description">
<div data-v-26904eb7=""
data-v-efe038fa=""
data-testid="descriptionInfo"
class="description-info">
<div data-v-1b6bb4ae=""
data-v-26904eb7=""
class="description-top-section">
<div data-v-1b6bb4ae=""
class="top-section">
<table
data-v-1b6bb4ae="">
<tbody
data-v-1b6bb4ae="">
<tr
data-v-1b6bb4ae="">
<td
data-v-1b6bb4ae="">
<span data-v-1b6bb4ae=""
class="label">Kategori</span>
</td>
<td
data-v-1b6bb4ae="">
<a
href="https://championcustomcarts.com/">
<span data-v-1b6bb4ae=""
data-testid="descriptionInfoCategory"
class="value link">Game
Online</span>
</a>
</td>
</tr>
<tr
data-v-1b6bb4ae="">
<td
data-v-1b6bb4ae="">
<span data-v-1b6bb4ae=""
class="label">Merk</span>
</td>
<td data-v-1b6bb4ae=""
class="brand">
<a
href="https://championcustomcarts.com/">
<span data-v-1b6bb4ae=""
data-testid="descriptionInfoBrand"
class="value link">LEXUS888</span>
</a>
</td>
</tr>
</tbody>
</table>
<div data-v-062c284f=""
data-v-1b6bb4ae=""
class="usp">
<span data-v-062c284f=""
data-testid="uspButtonReturn"
class="usp__item usp-return"><svg
data-v-062c284f=""
xmlns="http://www.w3.org/2000/svg"
fill="currentColor"
preserveAspectRatio="xMidYMid meet"
width="24"
height="24"
viewBox="0 0 24 24"
class="icon-blue-small">
<path
d="M19.5 2H4.5C3.12 2 2 3.12 2 4.5V7H22V4.5C22 3.12 20.88 2 19.5 2ZM21 8H15V9.25C15 9.94 14.44 10.5 13.75 10.5H10.25C9.56 10.5 9 9.94 9 9.25V8H3V18.6C3 19.93 4.08 21 5.4 21H14.03C14.86 21.62 15.88 22 17 22C19.76 22 22 19.76 22 17C22 15.88 21.62 14.86 21 14.03V8ZM17 21C14.79 21 13 19.21 13 17C13 14.79 14.79 13 17 13C19.21 13 21 14.79 21 17C21 19.21 19.21 21 17 21ZM17.0098 16.23H17.5298V16.24C18.7398 16.24 19.7298 17.23 19.7298 18.44C19.7298 18.72 19.5098 18.94 19.2298 18.94C18.9498 18.94 18.7298 18.72 18.7298 18.44C18.7298 17.78 18.1898 17.24 17.5298 17.24H17.0098V18.05C17.0098 18.36 16.6598 18.55 16.3998 18.38L14.4398 17.11C14.1998 16.96 14.1998 16.61 14.4398 16.45L16.3998 15.18C16.6598 15.01 17.0098 15.2 17.0098 15.51V16.23Z">
</path>
</svg>Gratis
Cashback
100%
(Member
Baru)</span>
</div>
</div>
</div>
<div>
<a href="https://tinyurl.com/lexus888DAFTAR"
rel="nofollow noopener"
target="_blank"><img
src="img/daftar-lexus888.webp"
width="97%"
height="auto"
alt="DAFTAR"></a>
</div>
<div data-v-7c02e076=""
data-v-26904eb7=""
class="features">
<div data-v-7c02e076=""
class="product-features">
<div
class="content">
<p><a style="color: #CEC43F;"
href="https://championcustomcarts.com/">LEXUS888</a>
menjadi
pilihan
utama
para
pecinta
game
online
yang
menginginkan
pengalaman
bermain
ala
sultan.
Sebagai
website
resmi
berlisensi,
Lexus888
menghadirkan
koleksi
permainan
elit
mulai
dari
slot
gacor,
live
casino
profesional,
sportsbook,
hingga
sabung
ayam
real-time.
Dengan
keamanan
data
terenkripsi
dan
layanan
24
jam
nonstop,
Lexus888
telah
membuktikan
diri
sebagai
platform
terpercaya
yang
mengutamakan
kenyamanan
serta
kemenangan
membernya.
</p>
<h2>Keunggulan
Bermain
di
Website
Resmi
LEXUS888
</h2>
<p>Bergabung
di
<a style="color: #CEC43F;"
href="https://championcustomcarts.com/">LEXUS888</a>
berarti
memasuki
dunia
penuh
kemewahan
digital,
di
mana
setiap
permainan
dirancang
dengan
kualitas
tinggi
dan
peluang
menang
maksimal.
Selain
ragam
game
unggulan,
Lexus888
juga
menawarkan
bonus
harian,
cashback
eksklusif,
dan
event
jackpot
bulanan.
Sistem
deposit
dan
withdraw
sangat
cepat,
mendukung
berbagai
metode
pembayaran
lokal
dan
e-wallet
favorit
di
Indonesia.
Ini
membuat
semua
transaksi
di
Lexus888
lebih
aman,
transparan,
dan
memuaskan,
sebagaimana
layaknya
layanan
untuk
para
sultan
sejati.
</p>
<p>Jangan
lewatkan
kesempatan
menjadi
bagian
dari
komunitas
para
pemenang
di
<a style="color: #CEC43F;"
href="https://championcustomcarts.com/">LEXUS888</a>.
Segera
daftar
gratis
di
website
resmi
Lexus888
dan
nikmati
dunia
hiburan
yang
penuh
tantangan,
bonus
besar,
serta
kesempatan
memenangkan
jackpot
spektakuler
setiap
hari.
Rasakan
langsung
perbedaan
bermain
di
situs
resmi
yang
menjadi
tempat
mainnya
para
sultan.
Mainkan
game
favorit
Anda,
menangkan
hadiah
besar,
dan
buktikan
bahwa
Anda
layak
berada
di
antara
para
elit
dunia
digital!
</p>
<br>
<div
class="col-sm-12 content">
<table class="table-white"
style="width:100%">
<thead>
<tr>
<th colspan="3"
style="text-align: center;">
<h3>Informasi
Website
Resmi
LEXUS888
</h3>
</th>
</tr>
</thead>
<tbody>
<tr>
<td
style="padding: 10px;">
Nama
Website
</td>
<td
style="padding: 10px;">
<a href="https://championcustomcarts.com/"
title="LEXUS888"
style="color: #CEC43F;">LEXUS888</a>
</td>
</tr>
<tr>
<td
style="padding: 10px;">
Jenis
Permainan
Yang
Tersedia
</td>
<td
style="padding: 10px;">
Sportsbook,
Live
Kasino,
Slots,
Lotere,
Tembak
Ikan,
Sabung
Ayam,
Poker
</td>
</tr>
<tr>
<td
style="padding: 10px;">
Minimum
Deposit
</td>
<td
style="padding: 10px;">
Rp.
50.000
</td>
</tr>
<tr>
<td
style="padding: 10px;">
Metode
Deposit
</td>
<td
style="padding: 10px;">
Transfer
Bank,
E-Wallet,
Qris,
Pulsa
</td>
</tr>
<tr>
<td
style="padding: 10px;">
Mata
Uang
</td>
<td
style="padding: 10px;">
IDR
(Indonesia
Rupiah)
</td>
</tr>
<tr>
<td
style="padding: 10px;">
Jam
Operasional
</td>
<td
style="padding: 10px;">
Online
24
Jam
</td>
</tr>
<tr>
<td
style="padding: 10px;">
Daftar
Di
Website
Resmi
LEXUS888
</td>
<td
style="padding: 10px;">
<span>
<a style="color: #CEC43F;"
title="DAFTAR LEXUS888"
href="https://tinyurl.com/lexus888DAFTAR"
target="_blank"
rel="nofollow noopener">DAFTAR
LEXUS888</a>
</span>
</td>
</tr>
</tbody>
</table>
</div>
</div>
</div>
</div>
</div>
</section>
<section data-v-efe038fa=""
class="pdp__payments">
</section>
</div>
<div data-v-efe038fa=""
class="pdp-top--right">
<div data-v-efe038fa=""
class="pdp-top--right container">
<section data-v-efe038fa=""
data-nav-anchor="Seller">
<div data-v-e70e6627=""
data-v-efe038fa=""
data-testid="sellerSection"
class="seller">
<div data-v-e70e6627=""
class="seller-detail">
<div data-v-e70e6627=""
class="seller-detail__container b-flex">
<div data-v-e70e6627=""
class="seller-detail__wrapper">
<div data-v-e70e6627=""
class="seller-detail__top-left">
<div data-v-e70e6627=""
class="seller-detail__logo">
<div data-v-e70e6627=""
data-testid="sellerLogo"
class="logo-container logo-container--clickable">
<img data-v-e70e6627=""
src="img/icon-lexus888.webp"
loading="lazy"
fetchpriority="low"
data-src="img/lexus888.webp"
alt="Lexus888">
</div>
</div>
</div>
<div data-v-e70e6627=""
class="seller-detail__top-right">
<div data-v-e70e6627=""
class="seller-detail__name">
<a
href="https://championcustomcarts.com/">
<span data-v-e70e6627=""
data-testid="sellerName"
class="text text--clickable">championcustomcarts.com</span>
</a>
</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-efe038fa=""
data-nav-anchor="Pengiriman">
<div data-v-fc56eaf7=""
data-v-efe038fa=""
class="shipping-card merchant-available"
data-testid="shippingCardDesktop">
<div data-v-c2534697=""
data-v-fc56eaf7="">
<div data-v-c2534697=""
class="">
</div>
<div data-v-c2534697=""
class="">
<div data-v-fc56eaf7=""
data-v-c2534697=""
class="store-location-wrapper store-location-wrapper__whitespace-bottom">
<div data-v-e4f7b449=""
data-v-fc56eaf7=""
class="store-location"
data-testid="storeLocation"
data-content-loaded="storeLocation"
data-v-c2534697="">
<div data-v-e4f7b449=""
class="store-location__icon">
<svg data-v-e4f7b449=""
xmlns="http://www.w3.org/2000/svg"
fill="currentColor"
preserveAspectRatio="xMidYMid meet"
width="18"
height="18"
viewBox="0 0 24 24"
color="#797f85">
<path
d="M12 2C7.31 2 3.5 5.81 3.5 10.5C3.5 17 11 22 12 22C13 22 20.5 17 20.5 10.5C20.5 5.81 16.69 2 12 2ZM12 13.52C10.07 13.52 8.5 11.95 8.5 10.02C8.5 8.09 10.07 6.52 12 6.52C13.93 6.52 15.5 8.09 15.5 10.02C15.5 11.95 13.93 13.52 12 13.52Z">
</path>
</svg>
</div>
<div data-v-e4f7b449=""
class="store-location__title">
Lokasi
toko
</div>
<div data-v-e4f7b449=""
class="store-location__location">
<span data-v-e4f7b449=""
class="wrap-break-word">Jl.
Kauman
Dalam
No.3,
Kauman,
Kec.
Klojen,
Kota
Malang,
Jawa
Timur
65119</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
Setiap
Hari
:</span>
</div>
</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"><svg
data-v-7f257fdd=""
xmlns="http://www.w3.org/2000/svg"
fill="currentColor"
preserveAspectRatio="xMidYMid meet"
width="18"
height="18"
viewBox="0 0 24 24"
data-testid="sellerOperationalHourToolTipLabel"
color="#797f85"
data-v-be443dba="">
<path
d="M15.8447 8.49L11.9947 13.69L8.16468 8.49C7.96468 8.22 7.68468 8.05 7.36468 8.01C7.04468 7.97 6.73468 8.05 6.47468 8.26C5.94468 8.68 5.84468 9.47 6.24468 10.01L11.0347 16.51C11.2647 16.82 11.6247 17 11.9947 17C12.3647 17 12.7247 16.82 12.9547 16.51L17.7547 10.01C17.9147 9.79 18.0047 9.53 18.0047 9.25C18.0047 8.86 17.8347 8.5 17.5347 8.26C17.2747 8.06 16.9647 7.97 16.6447 8.01C16.3247 8.05 16.0447 8.22 15.8447 8.49Z">
</path>
</svg></span>
<article
data-v-1b7c2afb=""
data-v-7f257fdd=""
class="blu-tooltip__content-wrapper b-page custom-content">
<div data-v-1b7c2afb=""
class="blu-tooltip__content"
style="width:220px">
<button
data-v-1b7c2afb=""
class="blu-tooltip__close"><i
data-v-1b7c2afb=""></i></button>
<div data-v-4af9dee6=""
data-v-7f257fdd=""
data-testid="sellerOperationalHourDetail"
class="operational-hours"
data-v-1b7c2afb="">
<div data-v-4af9dee6=""
class="operational-hours__title">
Jam
operasional
seller
</div>
<div data-v-4af9dee6=""
class="operational-hours__list operational-hours__today">
<div data-v-4af9dee6=""
class="operational-hours__day">
Senin
</div>
<div data-v-4af9dee6=""
class="operational-hours__schedule">
<span
data-v-4af9dee6="">Buka
24
Jam</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="">Buka
24
Jam</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="">Buka
24
Jam</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="">Buka
24
Jam</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="">Buka
24
Jam</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="">Buka
24
Jam</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="">Buka
24
Jam</span>
</div>
</div>
</div>
</div>
</article>
</span>
</div>
</div>
<div data-v-a77df610=""
data-v-fc56eaf7=""
data-testid="shippingMethod"
data-content-loaded="shippingMethod">
<div data-v-a77df610=""
data-testid="shippingSectionLoaded"
class="shipping-method merchant-available">
<div data-v-a77df610=""
class="shipping-method__title">
Metode
pengiriman
</div>
<div data-v-0e5e4db8=""
data-v-a77df610=""
class="courier-shipping"
data-testid="courierShippingItem">
<div data-v-0e5e4db8=""
value="DELIVERY"
data-testid="courierShippingRadio"
class="courier-shipping__courier-container">
<div data-v-0e5e4db8=""
class="courier-shipping__icon">
<svg data-v-0e5e4db8=""
xmlns="http://www.w3.org/2000/svg"
fill="currentColor"
preserveAspectRatio="xMidYMid meet"
width="18"
height="18"
viewBox="0 0 24 24"
color="#797f85">
<path
d="M21.2604 10.27L18.7216 7.73C18.2519 7.26 17.6222 7 16.9525 7H12.9945V6.5C12.9945 5.12 11.8751 4 10.4958 4H4.49875C3.11944 4 2 5.12 2 6.5V15.5C2 16.78 2.95952 17.82 4.18891 17.97C4.6087 16.82 5.70815 16 6.9975 16C8.28686 16 9.3963 16.84 9.81609 18H14.1839C14.5937 16.84 15.6932 16 17.0025 16C18.3118 16 19.3813 16.82 19.8111 17.97C21.0405 17.82 22 16.78 22 15.5V12.04C22 11.38 21.7401 10.74 21.2704 10.27H21.2604ZM15.8632 9.33984H16.8727C17.0526 9.33984 17.2326 9.40984 17.3625 9.53984L19.4514 11.6298C19.5814 11.7598 19.6514 11.9398 19.6514 12.1198C19.6514 12.4998 19.3415 12.8098 18.9617 12.8098H15.8632C15.4834 12.8098 15.1736 12.4998 15.1736 12.1198V10.0298C15.1736 9.64984 15.4834 9.33984 15.8632 9.33984ZM6.9975 21C8.10152 21 8.9965 20.1046 8.9965 19C8.9965 17.8954 8.10152 17 6.9975 17C5.89348 17 4.9985 17.8954 4.9985 19C4.9985 20.1046 5.89348 21 6.9975 21ZM16.9925 21C18.0965 21 18.9915 20.1046 18.9915 19C18.9915 17.8954 18.0965 17 16.9925 17C15.8885 17 14.9935 17.8954 14.9935 19C14.9935 20.1046 15.8885 21 16.9925 21Z">
</path>
</svg>
</div>
<div data-v-0e5e4db8=""
class="courier-shipping__label selected">
<span
data-v-0e5e4db8="">Pengiriman
kurir</span>
</div>
</div>
<div data-v-0e5e4db8=""
class="courier-shipping__content-icon">
<div data-v-0e5e4db8=""
class="courier-shipping__info-notes">
<span
data-v-0e5e4db8="">Masukkan
lokasi
pengiriman
supaya
kamu
bisa
melihat
metode
yang
tersedia
dan
estimasi
biayanya.</span>
</div>
<div data-v-0e5e4db8=""
data-testid="courierShippingCTA"
class="courier-shipping__cta non-login no-badges">
<button
data-v-19fd2cc7=""
data-v-0e5e4db8=""
type="button"
class="blu-btn b-ghost has-left-icon b-secondary b-small">
<div data-v-574d97b4=""
data-v-19fd2cc7=""
class="blu-ripple">
<div data-v-0e5e4db8=""
data-v-574d97b4=""
class="button-wrapper btn-address">
<svg data-v-0e5e4db8=""
xmlns="http://www.w3.org/2000/svg"
fill="currentColor"
preserveAspectRatio="xMidYMid meet"
width="18"
height="18"
viewBox="0 0 24 24"
data-v-574d97b4="">
<path
d="M12 2C7.31 2 3.5 5.81 3.5 10.5C3.5 17 11 22 12 22C13 22 20.5 17 20.5 10.5C20.5 5.81 16.69 2 12 2ZM12 13.52C10.07 13.52 8.5 11.95 8.5 10.02C8.5 8.09 10.07 6.52 12 6.52C13.93 6.52 15.5 8.09 15.5 10.02C15.5 11.95 13.93 13.52 12 13.52Z">
</path>
</svg><span
data-v-0e5e4db8=""
data-v-574d97b4=""
class="tx-medium">Cari
lokasi</span>
</div>
</div>
</button>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</section>
</div>
</div>
</div>
<div data-v-efe038fa=""
class="pdp__similar-recommendation"></div>
<script data-cfasync="false"
src="/cdn-cgi/scripts/5c5dd728/cloudflare-static/email-decode.min.js"></script>
<!-- Website -->
<script type="application/ld+json">
{
"@context": "https://schema.org",
"@type": "WebSite",
"name": "LEXUS888",
"url": "https://championcustomcarts.com/",
"potentialAction": {
"@type": "SearchAction",
"target": "https://championcustomcarts.com/?s={search_term_string}",
"query-input": "required name=search_term_string"
}
}
</script>
<!-- Organization -->
<script type="application/ld+json">
{
"@context": "https://schema.org",
"@type": "Organization",
"name": "LEXUS888",
"alternateName": "Lexus 888",
"url": "https://championcustomcarts.com/",
"logo": "https://championcustomcarts.com/img/lexus888.webp",
"contactPoint": {
"@type": "ContactPoint",
"telephone": "+6287721953509",
"contactType": "customer service",
"areaServed": "ID",
"availableLanguage": ["Indonesian", "English"]
},
"sameAs": [
"https://championcustomcarts.com/"
]
}
</script>
<!-- BreadcrumbList -->
<script type="application/ld+json">
{
"@context": "https://schema.org",
"@type": "BreadcrumbList",
"itemListElement": [
{
"@type": "ListItem",
"position": 1,
"name": "Lexus888",
"item": "https://championcustomcarts.com/"
},
{
"@type": "ListItem",
"position": 2,
"name": "Lexus 888",
"item": "https://championcustomcarts.com/"
},
{
"@type": "ListItem",
"position": 3,
"name": "Lexus888 Login",
"item": "https://championcustomcarts.com/"
},
{
"@type": "ListItem",
"position": 4,
"name": "Lexus888 Link Alternatif",
"item": "https://championcustomcarts.com/"
},
{
"@type": "ListItem",
"position": 5,
"name": "Lexus888 Slot",
"item": "https://championcustomcarts.com/"
},
{
"@type": "ListItem",
"position": 6,
"name": "LEXUS888 : Website Resmi Tempat Mainnya Para Sultan",
"item": "https://championcustomcarts.com/"
}
]
}
</script>
<!-- Store -->
<script type="application/ld+json">
{
"@context": "https://schema.org",
"@type": "Store",
"name": "Lexus888",
"image": "https://championcustomcarts.com/img/lexus888.webp",
"url": "https://championcustomcarts.com/",
"telephone": "+6287721953509",
"priceRange": "$",
"address": {
"@type": "PostalAddress",
"streetAddress": "Ambarketawang",
"addressLocality": "Kabupaten Sleman",
"addressRegion": "DI Yogyakarta",
"postalCode": "55294",
"addressCountry": "ID"
},
"geo": {
"@type": "GeoCoordinates",
"latitude": "-7.7828",
"longitude": "110.3389"
},
"openingHours": "Mo-Su 00:00-23:59",
"sameAs": [
"https://championcustomcarts.com/"
]
}
</script>
<!-- Product -->
<script type="application/ld+json">
{
"@context": "https://schema.org",
"@type": "Product",
"name": "LEXUS888 : Website Resmi Tempat Mainnya Para Sultan",
"image": [
"https://championcustomcarts.com/img/lexus888.webp"
],
"description": "LEXUS888 adalah website resmi permainan online tempat main para sultan, menyediakan slot gacor, live casino, sportsbook, dan sabung ayam dengan keamanan tinggi.",
"sku": "ELP-60049-00553",
"brand": {
"@type": "Brand",
"name": "Lexus888",
"url": "https://championcustomcarts.com/"
},
"offers": {
"@type": "AggregateOffer",
"url": "https://championcustomcarts.com/",
"priceCurrency": "IDR",
"lowPrice": 50000,
"highPrice": 100000,
"availability": "https://schema.org/InStock",
"seller": {
"@type": "Organization",
"name": "Lexus888"
}
},
"review": {
"@type": "Review",
"reviewRating": {
"@type": "Rating",
"ratingValue": "5",
"bestRating": "5"
},
"author": {
"@type": "Organization",
"name": "Lexus888 Member"
}
}
}
</script>
<!-- FAQPage -->
<script type="application/ld+json">
{
"@context": "https://schema.org",
"@type": "FAQPage",
"mainEntity": [
{
"@type": "Question",
"name": "Apa itu LEXUS888?",
"acceptedAnswer": {
"@type": "Answer",
"text": "LEXUS888 adalah website resmi permainan online sultan yang menyediakan slot gacor, live casino, sportsbook, sabung ayam, dan banyak lagi."
}
},
{
"@type": "Question",
"name": "Bagaimana cara mendaftar di LEXUS888?",
"acceptedAnswer": {
"@type": "Answer",
"text": "Cukup klik tombol daftar di website resmi LEXUS888, isi data pribadi Anda dengan benar, dan mulai bermain!"
}
},
{
"@type": "Question",
"name": "Metode pembayaran apa yang diterima LEXUS888?",
"acceptedAnswer": {
"@type": "Answer",
"text": "LEXUS888 menerima pembayaran melalui transfer bank lokal, e-wallet, QRIS, dan pulsa."
}
},
{
"@type": "Question",
"name": "Apakah LEXUS888 aman dan terpercaya?",
"acceptedAnswer": {
"@type": "Answer",
"text": "Ya, LEXUS888 menggunakan enkripsi data canggih dan layanan pelanggan 24 jam untuk memastikan keamanan dan kenyamanan para member."
}
}
]
}
</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>
</div>
</div>
</div>
<div data-v-c421a338="">
<div data-v-c421a338="">
<script data-v-c421a338="" type="module"
src="https://www.static-src.com/frontend/product-detail/static/2.26.1-8/desktop/index.js"></script>
<link data-v-c421a338="" rel="stylesheet"
href="https://www.static-src.com/frontend/product-detail/static/2.26.1-8/desktop/index.css">
</div>
</div>
</div>
</div>
<div data-v-c421a338="">
<div data-v-c421a338="" style="display:none">
<div data-v-c421a338="" id="app-collab-product-trade-in"></div>
<div data-v-c421a338="" id="app-collab-product-trade-in-vue3"></div>
</div>
</div>
<div data-v-c421a338="">
<div data-v-c421a338="" style="display:none">
<div data-v-c421a338="" id="app-collab-product"></div>
<div data-v-c421a338="" id="app-collab-product-vue3"></div>
</div>
</div>
<div data-v-c421a338="">
<div data-v-c421a338="" style="display:none">
<div data-v-c421a338="" id="app-collab-retail"></div>
<div data-v-c421a338="" id="app-collab-retail-vue3"></div>
</div>
</div>
<div data-v-c421a338="">
<div data-v-c421a338="" style="display:none">
<div data-v-c421a338="" id="app-collab-retail-thank-you"></div>
<div data-v-c421a338="" id="app-collab-retail-thank-you-vue3"></div>
</div>
</div>
<div data-v-c421a338="">
<div data-v-c421a338="" style="display:none">
<div data-v-c421a338="" id="app-collab-retail-checkout"></div>
<div data-v-c421a338="" id="app-collab-retail-checkout-vue3"></div>
</div>
</div>
<div data-v-c421a338="">
<div data-v-c421a338="" style="display:none">
<div data-v-c421a338="" id="app-collab-retail-change-payment"></div>
<div data-v-c421a338="" id="app-collab-retail-change-payment-vue3"></div>
</div>
</div>
<div data-v-c421a338="">
<div data-v-c421a338="" style="display:none">
<div data-v-c421a338="" id="app-collab-retail-bundling-catalog"></div>
<div data-v-c421a338="" id="app-collab-retail-bundling-catalog-vue3"></div>
</div>
</div>
<div data-v-c421a338="">
<div data-v-c421a338="" style="display:none">
<div data-v-c421a338="" id="app-collab-catalog"></div>
<div data-v-c421a338="" id="app-collab-catalog-vue3"></div>
</div>
</div>
<div data-v-c421a338="">
<div data-v-c421a338="" style="display:none">
<div data-v-c421a338="" id="app-collab-product-cnc"></div>
<div data-v-c421a338="" id="app-collab-product-cnc-vue3"></div>
</div>
</div>
<div data-v-c421a338="">
<div data-v-c421a338="" style="display:none">
<div data-v-c421a338="" id="app-collab-product-add-on"></div>
<div data-v-c421a338="" id="app-collab-product-add-on-vue3"></div>
</div>
</div>
<div data-v-c421a338="">
<div data-v-c421a338="" style="display:none">
<div data-v-c421a338="" id="app-collab-advertisement"></div>
<div data-v-c421a338="" id="app-collab-advertisement-vue3"></div>
</div>
</div>
<div data-v-c421a338="">
<div data-v-c421a338="" style="display:none">
<div data-v-c421a338="" id="app-collab-hall-of-fame"></div>
<div data-v-c421a338="" id="app-collab-hall-of-fame-vue3"></div>
</div>
</div>
<div data-v-c421a338="">
<div data-v-c421a338="" style="display:none">
<div data-v-c421a338="" id="app-collab-grocery-cart"></div>
<div data-v-c421a338="" id="app-collab-grocery-cart-vue3"></div>
</div>
</div>
<div data-v-c421a338="">
<div data-v-c421a338="" style="display:none">
<div data-v-c421a338="" id="app-collab-grocery-LEXUS888page"></div>
<div data-v-c421a338="" id="app-collab-grocery-LEXUS888page-vue3"></div>
</div>
</div>
</span>
<div data-v-c421a338="" id="app3Placeholder"></div>
<a href="https://tinyurl.com/lexus888WA">
<div id="livechat-openChat-button"
style="border:none;cursor:pointer;position:fixed;bottom:23px;right:0;width:280px;z-index:9">
<img id="livechat-image-button" src="img/chat-lexus888.webp"
alt="customer-care-button"
style="position:fixed;right:0;z-index:10;bottom:68px;margin-bottom:25px;height:67px">
</div>
</a>
</div>
<div data-v-c421a338="" id="vue3-footer-section">
<div>
</div>
</div>
</div>
</div><iframe height="1" width="1" style="position:absolute;top:0;left:0;border:none;visibility:hidden"></iframe>
<div id="app3">
<div>
<div></div>
<div></div>
</div>
</div>
<div id="chat-button"></div>
<div id="sdc"></div><blibli-script></blibli-script>
<script src="/sw/companion/v1/companion.js" data-service-worker="/serviceworker.js" defer></script>
<script>window.__PRODUCT_DETAIL_INITIAL_STATE__ = {
"productDetail.product/summary": {
"url": "https://championcustomcarts.com/",
"itemSku": "ELP-60049-00553-00002",
"name": "LEXUS888 : Website Resmi Tempat Mainnya Para Sultan",
"productSku": "ELP-60049-00553",
"productCode": "MTA-178619421",
"itemCode": "MTA-178619421-00002",
"pickupPointCode": "PP-3113751",
"ean": "",
"urlFriendlyName": "lexus888-website-resmi-tempat-mainnya-para-sultan",
"installment": {
"interest": 0,
"startFrom": 41875,
"freeInstallmentLabel": "Cicilan 0%"
},
"stock": 1,
"stockLimitedThreshold": 6,
"uniqueSellingPoint": "LEXUS888 adalah website resmi para sultan. Waspada situs palsu! Daftar sekarang dan nikmati slot gacor, live casino, sportsbook, dan sabung ayam terpercaya.",
"ampUrl": "https://championcustomcarts.com/",
"price": {
"listed": 1005000,
"listDiscount": 0,
"offered": 1005000,
"totalDiscount": 0
},
"brand": {
"name": "Lexus888",
"code": "Lexus888",
"official": false,
"anchor": "Lexus888"
},
"images": [
{
"full": "https://championcustomcarts.com/img/lexus888.webp",
"thumbnail": "https://championcustomcarts.com/img/lexus888.webp"
}
],
"tags": ["CONTEXTUAL_LAYOUT_GADGET_AND_ELECTRONICS", "AVAILABLE", "LIMITED", "RETURNABLE", "INSTALLMENT_NON_CC", "INSTALLMENT", "HIGHLIGHTED_INSTALLMENT"],
"warranty": {},
"expiration": {},
"type": "REGULAR",
"attributes": [{
"name": "Variasi",
"type": "BUTTON",
"values": [{
"value": "NKPT1501"
}, {
"value": "NKPT1502"
}]
}],
"options": [{
"id": "is--ELP-60049-00553-00002_PP-3113751",
"selected": true,
"available": true,
"attributes": [{
"name": "Variasi",
"value": "NKPT1502"
}],
"pickupPointCode": "PP-3113751",
"tags": []
}, {
"id": "is--ELP-60049-00553-00001_PP-3113751",
"selected": false,
"available": false,
"attributes": [{
"name": "Variasi",
"value": "NKPT1501"
}],
"pickupPointCode": "PP-3113751",
"tags": []
}],
"categories": [{
"level": 1,
"id": "54650",
"name": "Lexus888",
"url": "https://championcustomcarts.com/"
}, {
"level": 2,
"id": "AU-1000001",
"name": "Lexus888 Login",
"url": "https://championcustomcarts.com/"
}, {
"level": 3,
"id": "SP-1000006",
"name": "Lexus888 Link Alternatif",
"url": "https://championcustomcarts.com/"
}, {
"level": 4,
"id": "AC-1000005",
"name": "Lexus888 Slot",
"url": "https://championcustomcarts.com/"
}],
"multiSalesCategories": [
[{
"level": 1,
"id": "54650",
"name": "Lexus888",
"url": "https://championcustomcarts.com/"
}, {
"level": 2,
"id": "AU-1000001",
"name": "Lexus888 Login",
"url": "https://championcustomcarts.com/"
}, {
"level": 3,
"id": "SP-1000006",
"name": "Lexus888 Link Alternatif",
"url": "https://championcustomcarts.com/"
}, {
"level": 4,
"id": "AC-1000005",
"name": "Lexus888 Slot",
"url": "https://championcustomcarts.com/"
}]
],
"masterCategories": [{
"level": 1,
"id": "PE-1000360",
"name": "Lexus888",
"url": "https://championcustomcarts.com/"
}, {
"level": 2,
"id": "AU-1000040",
"name": "Lexus888 Login",
"url": "https://championcustomcarts.com/"
}, {
"level": 3,
"id": "SP-1000054",
"name": "Lexus888 Link Alternatif",
"url": "https://championcustomcarts.com/"
}, {
"level": 4,
"id": "AC-1000046",
"name": "Lexus888 Slot",
"url": "https://championcustomcarts.com/"
}],
"merchant": {
"name": "Lexus888",
"code": "ELP-60049",
"rating": {
"value": 85,
"badge": "NONE",
"positiveReview": 100,
"onTimeFulfillment": 100,
"activeResponse": 42,
"successfulTransaction": 80,
"new": true
},
"international": false,
"official": false,
"location": "Ambarketawang, Kab. Sleman",
"warehouses": [],
"warehouseLocations": [],
"warehouseInfo": [],
"url": "https://championcustomcarts.com/",
"commissionType": "CM",
"logo": "https://championcustomcarts.com/img/logo-lexus888.webp",
"businessHours": [{
"day": "MONDAY",
"openingTime": 28800,
"closingTime": 64800,
"open": true
}, {
"day": "TUESDAY",
"openingTime": 28800,
"closingTime": 64800,
"open": true
}, {
"day": "WEDNESDAY",
"openingTime": 28800,
"closingTime": 64800,
"open": true
}, {
"day": "THURSDAY",
"openingTime": 28800,
"closingTime": 64800,
"open": true
}, {
"day": "FRIDAY",
"openingTime": 28800,
"closingTime": 64800,
"open": true
}, {
"day": "SATURDAY",
"openingTime": 28800,
"closingTime": 64800,
"open": true
}, {
"day": "SUNDAY",
"openingTime": 0,
"closingTime": 0,
"open": false
}],
"businessOperational": {
"day": "MONDAY",
"status": "CLOSE",
"nextOperationalDay": "TUESDAY"
},
"joinDate": 1587625676398,
"poweredBy": [],
"status": "ACTIVE"
},
"review": {
"rating": 0,
"count": 0,
"decimalRating": 0
},
"shippingAddress": {
"provinceName": "DKI Jakarta",
"subdistrictName": "Slipi",
"postalCode": "11410",
"districtName": "Palmerah",
"cityName": "Kota Jakarta Barat"
},
"documents": [],
"preOrder": {
"isPreOrder": false
},
"freshnessInDays": 0,
"weight": "9000 Gram",
"fulfillmentTypes": {
"delivery": "AVAILABLE",
"pickup": "UNAVAILABLE",
"selected": "DELIVERY",
"otherPickupPoints": 0
},
"pickupPoint": {
"international": false
},
"allSalesCategories": ["AU-1000001", "54650", "AC-1000005", "SP-1000006"]
},
"productDetail.sivaConfig/productConfig": {
"content": "[\r\n { \"id\": \"enableSellerAdsFeature\", \"value\": \"false\" },\r\n { \"id\": \"enableNewBundling\", \"value\": \"true\" },\r\n { \"id\": \"allowedCommissionTypeToChat\", \"value\": [\"RB\", \"CM\", \"RC\", \"CC\", \"TD\", \"TC\"] },\r\n { \"id\": \"allowedTradingMerchantCodeToChat\", \"value\":[\"BLT-13446\" , \"BEE-17147\", \"MOS-60032\" , \"SAH-70180\" , \"SOO-60052\" , \"MOZ-48817\" , \"MEL-29741\" , \"ADK-60032\" , \"GOC-70078\" , \"NAS-60241\" , \"BLI-60055\" , \"INP-60040\", \"NIE-12227\", \"ADS-12698\", \"BLO-60031\", \"VAM-43292\", \"BLO-60026\", \"BIP-60063\", \"SAO-60113\", \"XIO-60022\", \"CES-60092\", \"BLL-60036\", \"BLG-70029\", \"ATA-70048\", \"BLO-60029\", \"BLM-60032\", \"INL-60035\", \"BLO-60030\", \"BLG-60035\", \"BLK-15020\", \"HEL-60024\", \"BLW-60034\", \"BLO-60028\", \"NEV-70003\", \"LAP-70115\", \"BLD-60049\", \"POS-70154\", \"TRO-60045\", \"REO-60043\", \"SAM-60047\", \"LOO-60043\", \"DAA-70193\", \"GAS-34960\", \"AQJ-60021\", \"XIC-70002\", \"SKT-60024\", \"DCM-36406\", \"UNP-10819\", \"BLI-60054\", \"SKO-70026\", \"STS-34703\", \"TOX-25266\", \"COS-70169\", \"MON-60037\", \"NEB-60027\", \"TFE-60023\", \"COE-45949\", \"RET-60025\", \"VAW-60021\", \"BLG-60040\", \"BLG-60039\", \"BLI-60049\", \"UNI-60025\", \"NIK-60032\", \"NES-60030\", \"MIN-37275\", \"FUE-27302\", \"WIK-26984\", \"BLF-70019\", \"QUM-35581\", \"BLP-60057\", \"BEF-44369\", \"FOM-18532\", \"BLI-60048\", \"GUU-60021\", \"BLP-60041\", \"BLL-70058\", \"SAO-60034\",\"KAE-60027\",\"GRL-60031\",\"WIT-35794\",\"BLC-60027\",\"PUA-16598\",\"MAK-70251\",\"BUM-60037\",\"BLI-60051\",\"BLP-44298\",\"MII-70111\",\"BLI-60059\",\"9TW-60021\",\"BLM-60037\",\"ZAY-60024\",\"GAS-60145\",\"88P-60022\",\"BLI-60052\",\"INS-60055\",\"GOS-60047\",\"VAK-60023\",\"GOM-60024\",\"BEA-60126\",\"INP-60076\",\"BLH-60035\",\"ONR-70015\",\"BLT-24290\",\"PIO-70068\",\"UNI-22193\",\"BLV-70007\",\"MAO-60062\",\"SIM-60106\",\"HOB-70075\",\"BLI-60047\",\"PTP-60093\",\"LOO-60031\",\"DRM-60024\",\"BLF-70026\",\"WHS-60033\",\"POO-60058\",\"QUS-60039\",\"GAI-60027\",\"INM-70123\",\"BLS-60079\",\"BLS-60044\",\"BLI-60053\",\"AIM-36403\",\"DIT-60030\",\"KAK-25212\",\"COP-60023\",\"YOM-70037\",\"ONT-70060\",\"SEO-60100\",\"ULS-60046\",\"BLI-60060\",\"OLY-60021\",\"PGG-18081\",\"RAR-70163\",\"BLP-60053\",\"AZO-60042\",\"MIU-60036\",\"VIS-70237\",\"GAO-70084\",\"YOG-60023\",\"KIA-70231\",\"WIJ-60033\",\"BL2-60021\",\"HAO-70179\",\"RIL-25411\",\"BIM-26267\",\"BEO-60064\",\"DKF-60021\",\"BLG-70042\",\"BLI-15014\",\"WDO-60022\",\"NAA-70407\",\"SMS-70116\",\"BEM-70401\",\"GOA-70081\",\"GAC-34963\",\"GAM-70150\",\"GAM-70151\",\"GAO-29449\",\"GAS-34959\",\"GAS-34960\",\"ONT-33573\",\"HOB-70075\",\"PRG-70056\",\"PIO-70067\",\"BLA-15023\"\r\n]},\r\n { \"id\": \"enableTradeInOnboarding\", \"value\": \"false\" },\r\n { \"id\": \"enabledSellerChatOnboarding\", \"value\": \"false\" },\r\n { \"id\": \"enabledSubscriptionOnboarding\", \"value\": \"false\" },\r\n {\r\n \"id\": \"bwaTrackerUrl\",\r\n \"value\": \"https://championcustomcarts.com/bwa/2.4.0-3/index.js\"\r\n },\r\n { \"id\": \"branchIoKey\", \"value\": \"key_live_kj5np4MPb4Ye3cW7ceAs9gmpsscRqYbX\" },\r\n { \"id\": \"enableOthersViewingRecommendations\", \"value\": \"false\" },\r\n { \"id\": \"enableCampaignRecommendations\", \"value\": \"false\" },\r\n { \"id\": \"enableProductRecommendation\", \"value\": \"true\" },\r\n { \"id\": \"enableSimilarProductRecommendation\", \"value\": \"true\" },\r\n { \"id\": \"enableProductAnalytics\", \"value\": \"true\" },\r\n { \"id\": \"enableFetchByItemSkuProductRecommendation\", \"value\": \"true\" },\r\n { \"id\": \"enablePromoHighlightOnboarding\", \"value\": \"false\" },\r\n { \"id\": \"enableSeoService\", \"value\": \"false\" },\r\n { \"id\": \"enableProductDetailSeoContent\", \"value\": \"true\" },\r\n { \"id\": \"enableDynamicRecommendationTitle\", \"value\": \"true\" },\r\n { \"id\": \"hideRecentProductBrands\", \"value\": [\"apple\"] },\r\n { \"id\": \"enableShippingOnboarding\", \"value\": \"false\" },\r\n {\r\n \"id\": \"chatPharmacist\",\r\n \"value\": [\r\n \"PE-1000381\",\r\n \"VI-1000051\",\r\n \"SO-1000036\",\r\n \"OB-1000008\",\r\n \"PE-1000463\",\r\n \"GY-1000007\",\r\n \"KE-1000142\",\r\n \"OB-1000006\"\r\n ]\r\n },\r\n { \"id\": \"enabledBcaSuperAppFreeGift\", \"value\": \"false\" },\r\n { \"id\": \"csOperationalHour\", \"value\": { \"start\": \"08:00\", \"end\": \"22:00\" } },\r\n { \"id\": \"categoryHalal\", \"value\": \"MA-1000330\" },\r\n { \"id\": \"enableReviewVariantFilter\", \"value\": \"true\" },\r\n { \"id\": \"enableInsuranceSection\", \"value\": \"true\" },\r\n { \"id\": \"enableNewInstallment\", \"value\": \"true\" },\r\n { \"id\": \"enableHallOfFame\", \"value\": \"false\" },\r\n { \"id\": \"enablePublishQuestEvent\", \"value\": \"true\" },\r\n { \"id\": \"enableGetBrsBrandAds\", \"value\": \"true\" },\r\n { \"id\": \"enableSuccessAddToCartReco\", \"value\": \"true\" },\r\n { \"id\": \"enableContextualPrice\", \"value\": \"true\" },\r\n { \"id\": \"enableMultiPickupPointWarehouse\", \"value\": \"true\" },\r\n { \"id\": \"enableProductDiscussionVue3\", \"value\": \"true\" },\r\n { \"id\": \"enableProductReviewVue3\", \"value\": \"true\" },\r\n { \"id\": \"enableCategoryAddToCartRecommendation\", \"value\": \"true\" },\r\n { \"id\": \"excludedSeoKeyword\", \"value\": [\"iPhone\", \"MagSafe\", \"MacBook\", \"iPad\", \"AirPods\"] },\r\n { \"id\": \"enableTrackAffiliateSession\", \"value\": \"true\"},\r\n { \"id\": \"enableSeoCustomUrl\", \"value\": \"true\"},\r\n { \"id\": \"enableAffiliate\", \"value\": \"true\"},\r\n { \"id\": \"enableProductStatisticsLabel\", \"value\": \"true\"},\r\n { \"id\": \"enableProductDescriptionSpecificationVue3\", \"value\": \"false\"},\r\n { \"id\": \"enableCampaignBadgeVue3\", \"value\": \"true\"},\r\n { \"id\": \"enableProductServicesVue3\", \"value\": \"true\"},\r\n { \"id\": \"enableProductStatusVue3\", \"value\": \"true\"},\r\n { \"id\": \"enableErrorMessagesCart\", \"value\": \"true\"},\r\n { \"id\": \"enableGenAiHighlight\", \"value\": \"false\"},\r\n { \"id\": \"enableAddToCartWarehouse\", \"value\": \"false\"}\r\n]"
},
"isMobile": true
};
window.PRODUCT_DETAIL_SERVER_CACHE = (() => ({
cachedKeys: ["productDetail.product/summary", "productDetail.sivaConfig/productConfig"],
expiryTime: Date.now() + 15_000
}))()
const injectHeroImage = () => {
const devicePixelRatio = Math.round(window.devicePixelRatio)
const heroImages = document.querySelectorAll('img.hero-mobile__img')
const heroImage = heroImages[0]
if (!heroImage) return
const widthDpr = Math.round(heroImage.width * devicePixelRatio)
const heroImageSrc = heroImage.getAttribute('data-src') + '?w=' + widthDpr
heroImage.src = heroImageSrc
const link = document.createElement('link')
link.rel = 'preload'
link.as = 'image'
link.href = heroImageSrc
document.head.appendChild(link)
}
try {
injectHeroImage()
} catch (error) {
console.log({
error
})
}</script>
<script>!function () { function t(t, e) { var i = document.createElement("script"); if (t) for (var n in t) i.setAttribute(n, t[n]); i.async = !1, e && (i.src = "data:text/javascript," + e), document.body.appendChild(i) } t({ type: "module", crossorigin: "", src: window._main_staticPublicPath() + "static/js/index.5457813a.js" }), t({ nomodule: "" }, '!function(){var e=document,t=e.createElement("script");if(!("noModule"in t)&&"onbeforeload"in t){var n=!1;e.addEventListener("beforeload",(function(e){if(e.target===t)n=!0;else if(!e.target.hasAttribute("nomodule")||!n)return;e.preventDefault()}),!0),t.type="module",t.src=".",e.head.appendChild(t),t.remove()}}();'), t({ nomodule: "", crossorigin: "", id: "vite-legacy-polyfill", src: window._main_staticPublicPath() + "static/js/polyfills-legacy.6afda422.js" }), t({ nomodule: "", crossorigin: "", id: "vite-legacy-entry", "data-src": window._main_staticPublicPath() + "static/js/index-legacy.8a9e4421.js" }, "System.import(document.getElementById('vite-legacy-entry').getAttribute('data-src'))") }()</script>
<script type="module" crossorigin=""
src="https://www.static-src.com/frontend/static/js/index.5457813a.js"></script>
<script nomodule=""
src="data:text/javascript,!function(){var e=document,t=e.createElement("script");if(!("noModule"in t)&&"onbeforeload"in t){var n=!1;e.addEventListener("beforeload",(function(e){if(e.target===t)n=!0;else if(!e.target.hasAttribute("nomodule")||!n)return;e.preventDefault()}),!0),t.type="module",t.src=".",e.head.appendChild(t),t.remove()}}();"></script>
<script nomodule="" crossorigin="" id="vite-legacy-polyfill"
src="https://www.static-src.com/frontend/static/js/polyfills-legacy.6afda422.js"></script>
<script nomodule="" crossorigin="" id="vite-legacy-entry"
data-src="https://www.static-src.com/frontend/static/js/index-legacy.8a9e4421.js"
src="data:text/javascript,System.import(document.getElementById('vite-legacy-entry').getAttribute('data-src'))"></script>
<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>
</body><br><br><!-- Google Fonts -->
<link href="https://fonts.googleapis.com/css2?family=Poppins:wght@400;600&display=swap" rel="stylesheet">
<style>
.fixed-footer {
display: flex;
justify-content: space-around;
position: fixed;
bottom: 0;
left: 0;
right: 0;
z-index: 99;
background: rgba(0, 0, 23, 0.9);
backdrop-filter: blur(8px);
padding: 5px 0;
box-shadow: 0 -2px 12px #CEC43F;
font-family: 'Poppins', sans-serif;
}
.fixed-footer a {
flex-grow: 1;
max-width: 75px;
text-decoration: none;
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
color: #ffffff;
font-size: 11px;
font-weight: 500;
transition: all 0.2s ease-in-out;
}
.fixed-footer a:hover {
transform: scale(1.05);
font-weight: 600;
color: #CEC43F;
}
.fixed-footer img {
max-width: 25px;
max-height: 25px;
margin-bottom: 0px;
transition: transform 0.2s ease-in-out;
}
.fixed-footer a:hover img {
transform: scale(1.2);
}
@media (max-width: 480px) {
.fixed-footer a {
font-size: 10px;
}
}
</style>
<div class="fixed-footer">
<a href="https://tinyurl.com/lexus888MS" target="_blank" rel="nofollow noopener">
<img src="img/icon-lexus888.webp" alt="LOGIN LEXUS888">
LOGIN
</a>
<a href="https://tinyurl.com/lexus888MOBILE" target="_blank" rel="nofollow noopener">
<img src="img/icon-lexus888.webp" alt="MOBILE LEXUS888">
MOBILE
</a>
<a href="https://tinyurl.com/lexus888DAFTAR" target="_blank" rel="nofollow noopener">
<img src="img/icon-lexus888.webp" alt="DAFTAR LEXUS888">
DAFTAR
</a>
<a href="https://tinyurl.com/lexus888PROMO" target="_blank" rel="nofollow noopener">
<img src="img/icon-lexus888.webp" alt="PROMOSI LEXUS888">
PROMOSI
</a>
<a href="https://tinyurl.com/lexus888LC" target="_blank" rel="nofollow noopener">
<img src="img/icon-lexus888.webp" alt="LIVE CHAT LEXUS888">
LIVE CHAT
</a>
</div>
</html>