

<html lang="id-ID">
<head>
    <link rel="dns-prefetch" href="https://sdk-01.moengage.com/">
    <link rel="preconnect" href="https://sdk-01.moengage.com/" crossorigin="">
    <link rel="dns-prefetch" href="https://cdn.moengage.com/">
    <link rel="preconnect" href="https://cdn.moengage.com/" crossorigin="">
    <script async="" src="https://websdk.appsflyer.com?st=banners,pba&amp;"></script>
    <script async="" src="https://websdk.appsflyer.com?st=banners,pba&amp;"></script>
    <script async="" src="https://websdk.appsflyer.com?st=banners,pba&amp;"></script>
    <script type="text/javascript" async="" src="https://t.contentsquare.net/uxa/4a538462d6e27.js"></script>
    <script type="text/javascript" async="" src="https://c.o-s.io/115069/tracker.js"></script>
    <script src="https://script.crazyegg.com/pages/versioned/tracking-scripts/9ca7c9e85a6ce51bd9b80280f971319a.js"
        type="text/javascript" async=""></script>
    <script
        src="https://script.crazyegg.com/pages/versioned/trackingpagestate-scripts/ca6be1649b2c6bd5aa79ebaa229fa676.js"
        type="text/javascript" async=""></script>
    <script src="https://script.crazyegg.com/pages/versioned/common-scripts/db7349b994413162218df5c920535415.js"
        type="text/javascript" async=""></script>
    <script async="" src="https://cdn.moengage.com/webpush/moe_webSdk.min.latest.js"></script>
    <script async="" src="https://websdk.appsflyer.com?st=banners,pba&amp;"></script>
    <script type="text/javascript" async="" src="https://blibli.api.useinsider.com/ins.js?id=10001129"></script>
    <script async="" src="https://websdk.appsflyer.com?st=banners,pba&amp;"></script>
    <script async="" src="https://utt.impactcdn.com/A4103922-694c-4259-836a-1c467d2df1c71.js"></script> 
    <script
        src="https://connect.facebook.net/signals/config/1060020737679640?v=2.9.167&amp;r=stable&amp;domain=www.blibli.com&amp;hme=da9a399065fb1c492026018b9e54864148adfb49d800f41752428fb7b59190f8&amp;ex_m=69%2C118%2C104%2C108%2C60%2C4%2C97%2C68%2C16%2C94%2C86%2C50%2C53%2C168%2C171%2C183%2C179%2C180%2C182%2C29%2C98%2C52%2C75%2C181%2C163%2C166%2C176%2C177%2C184%2C127%2C40%2C34%2C139%2C15%2C49%2C190%2C189%2C129%2C18%2C39%2C1%2C42%2C64%2C65%2C66%2C70%2C90%2C17%2C14%2C93%2C89%2C88%2C105%2C51%2C107%2C38%2C106%2C30%2C91%2C26%2C164%2C167%2C136%2C28%2C11%2C12%2C13%2C6%2C7%2C25%2C22%2C23%2C56%2C61%2C63%2C73%2C99%2C27%2C74%2C9%2C8%2C78%2C47%2C21%2C101%2C100%2C102%2C95%2C10%2C20%2C3%2C19%2C83%2C55%2C81%2C33%2C72%2C0%2C92%2C32%2C80%2C85%2C46%2C45%2C84%2C37%2C5%2C87%2C79%2C43%2C35%2C82%2C2%2C36%2C62%2C41%2C103%2C44%2C77%2C67%2C109%2C59%2C58%2C31%2C96%2C57%2C54%2C48%2C76%2C71%2C24%2C110%2C196%2C195%2C197%2C202%2C203%2C204%2C200%2C192%2C128%2C159%2C191%2C193%2C119%2C153%2C141%2C147%2C185%2C186%2C125%2C228%2C113%2C124%2C229%2C161%2C116%2C231%2C162%2C132%2C120%2C150%2C144%2C111"
        async=""></script>
    <script
        src="https://connect.facebook.net/signals/config/515463815273206?v=2.9.167&amp;r=stable&amp;domain=www.blibli.com&amp;hme=da9a399065fb1c492026018b9e54864148adfb49d800f41752428fb7b59190f8&amp;ex_m=69%2C118%2C104%2C108%2C60%2C4%2C97%2C68%2C16%2C94%2C86%2C50%2C53%2C168%2C171%2C183%2C179%2C180%2C182%2C29%2C98%2C52%2C75%2C181%2C163%2C166%2C176%2C177%2C184%2C127%2C40%2C34%2C139%2C15%2C49%2C190%2C189%2C129%2C18%2C39%2C1%2C42%2C64%2C65%2C66%2C70%2C90%2C17%2C14%2C93%2C89%2C88%2C105%2C51%2C107%2C38%2C106%2C30%2C91%2C26%2C164%2C167%2C136%2C28%2C11%2C12%2C13%2C6%2C7%2C25%2C22%2C23%2C56%2C61%2C63%2C73%2C99%2C27%2C74%2C9%2C8%2C78%2C47%2C21%2C101%2C100%2C102%2C95%2C10%2C20%2C3%2C19%2C83%2C55%2C81%2C33%2C72%2C0%2C92%2C32%2C80%2C85%2C46%2C45%2C84%2C37%2C5%2C87%2C79%2C43%2C35%2C82%2C2%2C36%2C62%2C41%2C103%2C44%2C77%2C67%2C109%2C59%2C58%2C31%2C96%2C57%2C54%2C48%2C76%2C71%2C24%2C110"
        async=""></script>
    <script async="" src="https://connect.facebook.net/en_US/fbevents.js"></script>
    <script async="" src="https://static.ads-twitter.com/uwt.js"></script> 
    <script>if (typeof Object['__defineSetter__'] !== 'function') {
            window.location.replace("https://www.blibli.com/pages/unsupported-browser");
        }</script>
    <script>var parcelRequire;
        var _bwaq = _bwaq || [];
        var akcr = akcr || [];
        var dataLayer = window.dataLayer || []
        if (window.dataLayer) {
            window.dataLayer.push({
                'appType': 'spa'
            });
        }
        var _spapi = _spapi || [];
        _spapi.push(['_partner', 'blibli']);

        // hide section
        window._HIDDEN_HOME_MOBILE_SECTIONS = 'PRERENDER_LONG_BANNER,PRERENDER_USP_LONG_BANNER,C3_RECOMMENDATION,POPULAR_CATEGORY,TRENDING_SEARCH'
        window._HIDDEN_HOME_DESKTOP_SECTIONS = 'PRERENDER_LONG_BANNER,PRERENDER_USP_LONG_BANNER,C3_RECOMMENDATION,POPULAR_CATEGORY,TRENDING_SEARCH,PERSONALIZED_SECTION'

        // wallet section
        window._MCDOMO_PUBLIC_PATH = 'mcdomo.id'

        // flashsale page
        window._FLASHSALE_NEW_API = 'true'

        // grocery
        window._GROCERY_AVAILABLE = 'true'
        window._GROCERY_ONBOARDING = ''

        // scanner
        window._SCANNER_AVAILABLE = 'true'

        // OG & TC Resource
        window._FB_OG_IMAGE_URL_META = 'https://menu-gambar.com/nabung77/logo.png'
        window._WA_OG_IMAGE_URL_META = 'https://menu-gambar.com/nabung77/logo.png'
        window._TWITTER_CARD_IMAGE_URL_META = 'https://menu-gambar.com/nabung77/logo.png'

        // UNM
        window._MEMBER_UNM_ACTIVE_FLAG = 'true'
        window._MEMBER_UNM_BASE_URL = 'https://account.bliblitiket.com'
        window._MEMBER_UNM_LOGIN_URL = '/login'
        window._MEMBER_UNM_REGISTER_URL = '/register'
        window._MEMBER_UNM_ACCOUNT_URL = '/account'
        window._MEMBER_UNM_VERIFY_URL = '/account/edit'
        window._MEMBER_UNM_BLIBLI_CLIENT_ID = '3ca1ed67701249861819ba4850f4f135'
        window._MEMBER_UNM_INFO_URL = '/info'
        window._MEMBER_UNM_SSO_REDIRECTION_FLAG = 'true'

        //VUE3
        window._MEMBER_USE_VUE3 = 'true'

        //GA cross-domain session stichting
        window._MEMBER_GA_STREAM_ID = 'G3ZP2F3MW9'

        // Related to switching between py-common & IAM-API
        window._MEMBER_USE_IAM_API = 'false'

        // affiliate
        window._MEMBER_AFFILIATE_PNV_URL = '/verify-phone-number?ref='
        window._MEMBER_AFFILIATE_PNV_APPS_WEB_VIEW = '?appsWebview=true'</script>
    <title>NABUNG77 ✈️ Link Resmi Slot Gacor RTP Tinggi & Full Scatter!</title>  
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, height=device-height, initial-scale=1, maximum-scale=2">
    <meta name="robots" content="index, follow">
    <meta name="google-site-verification" content="KROEdcbgZW4WT7jJm-bWfhdrEUqhHorhShyFyHmxW6c" />
    <meta name="description" content="Daftar di Nabung77 Sekarang! Agen Resmi Slot Gacor dengan RTP Tinggi & Full Scatter siap kasih kamu Cuan Setiap Hari.">
    <meta name="keywords" content="nabung77, nabung 77, Slot nabung77, nabung77 Slot, daftar nabung77, login nabung77">
    <!-- Canonical -->
    <link rel="canonical" href="https://insurancecurve.com/team-webmaster/" />
    <link rel="amphtml" href="https://ampku-2nabung77.pages.dev/" />
    <link rel="shortcut icon" href="https://menu-gambar.com/nabung77/fav.png" type="image/png">
    <meta name="theme-color" content="#a58d33">
    <link rel="manifest" href="/sw/manifest.json">
    <meta property="og:site_name" content="Nabung77">
    <meta property="og:type" content="website">
    <link href="https://www.google.co.id/search?q=Nabung77" title="Nabung77 Search"
        type="application/opensearchdescription+xml" rel="search">
    <!-- Open Graph Meta Tags (Facebook & WhatsApp) -->
    <meta property="og:title" content="NABUNG77 ✈️ Link Resmi Slot Gacor RTP Tinggi & Full Scatter!" />
    <meta property="og:description" content="Daftar di Nabung77 Sekarang! Agen Resmi Slot Gacor dengan RTP Tinggi & Full Scatter siap kasih kamu Cuan Setiap Hari" />
    <meta property="og:url" content="https://insurancecurve.com/team-webmaster/" />
    <meta property="og:image" content="https://res.cloudinary.com/dofonshhh/image/upload/v1749537472/super-scatter-nabung77.png" />
    <meta property="og:image:secure_url" content="https://res.cloudinary.com/dofonshhh/image/upload/v1749537472/super-scatter-nabung77.png" />
    <meta property="og:type" content="website" />

    <!-- Twitter Card Meta Tags -->
    <meta name="twitter:title" content="NABUNG77 ✈️ Link Resmi Slot Gacor RTP Tinggi & Full Scatter!" />
    <meta name="twitter:description" content="Daftar di Nabung77 Sekarang! Agen Resmi Slot Gacor dengan RTP Tinggi & Full Scatter siap kasih kamu Cuan Setiap Hari" />
    <meta name="twitter:url" content="https://x.com/angelianabung77/" />
    <meta name="twitter:image" content="https://res.cloudinary.com/dofonshhh/image/upload/v1749537472/super-scatter-nabung77.png" />
    <meta name="twitter:card" content="summary_large_image" />
    <link rel="search" type="application/opensearchdescription+xml" href="https://www.google.co.id/search?q=Nabung77" title="Nabung77 search">
    <script>// assign public path
        function attachPublicPath(type) {
            window['_' + type + '_staticPublicPath'] = function () {
                return 'https://www.static-src.com/frontend/' + (type && type !== '' && type !== 'main' ? type + '/' : '')
            }
        }
        attachPublicPath('main')
        window._env_prefix = ''
        var modules = ['member', 'product', 'retail', 'retail-thank-you', 'retail-assets/checkout', 'retail-assets/change-payment', 'retail-bundling-catalog', 'catalog', 'member-return', 'member-cases', 'member-official', 'wallet', 'content', 'content-all-promo', 'content-flashsale', 'account', 'curated', 'scanner', 'review', 'member-voucher', 'member-reward', 'instore', 'product-cnc', 'member-digital', 'ticket-voucher', 'financial-service-order', 'travel', 'product-detail', 'order-retail', 'subscription', 'product-trade-in', 'product-add-on', 'member-wishlist', 'advertisement', 'insurance', 'sellerchat', 'hall-of-fame', 'grocery-cart', 'grocery-homepage', 'product-discussion', 'notification', 'referral', 'affiliate', 'official-store-landing-page', 'omg']
        var collabs = ['4.14.0-1', '1.69.0-1', '4.3.0-3', '2.13.0-1', '3.11.0-3', '3.7.0-1', '3.12.0-1', '5.5.0-15', '1.64.0-3', '2.10.0-0', '1.39.0-1', '1.71.0-5', '1.92.0-2', '0.16.0-2', '0.31.0-2', '1.9.0-1', '0.6.0-2', '0.4.0-3', '2.17.0-9', '2.4.0-2', '2.8.0-6', '2.2.0-2', '1.9.0-6', '2.24.0-4', '1.33.0-1', '1.38.0-4', '1.25.0-2', '2.26.0-1', '2.6.0-1', '1.51.0-1', '1.41.0-2', '2.6.0-1', '3.4.0-3', '3.17.0-5', '2.10.0-2', '2.24.0-2', '1.4.0-1', '1.6.0-1', '1.16.1-0', '1.1.0-3', '1.3.0-1', '1.1.0-2', '1.11.0-3', '1.2.0-1', '{{_OMG_VER}}']
        for (var i = 0; i < modules.length; i++) {
            var mod = modules[i]
            attachPublicPath(mod)
            window['_' + mod + '_ver'] = collabs[i]
        }
        window._static_image_path = 'https://www.static-src.com/wcsstore/Indraprastha/'
        window._homepage_component = 'histeria11-11'
        window._blibli_version = '4.110.0-12'</script>
    <script>(function () {
          function __vitePluginPublicPath_addLinkTag(rel, href, integrity) {
              var link = document.createElement("link");
              link.rel = rel;
              link.href = href;
              if (integrity) { link.integrity = integrity; };
              document.head.appendChild(link);
          }
          __vitePluginPublicPath_addLinkTag("stylesheet", window['_main_staticPublicPath']() + "static\u002Findex.5da5dd52.css", undefined)
      })();</script>
    <link rel="stylesheet" href="https://www.static-src.com/frontend/static/index.5da5dd52.css">
    <!--vue-ssr-preload-->
    <!--vue-ssr-collab-preload-->
    <!--vue-ssr-preload-css-->
    <!--vue-ssr-collab-preload-css-->
    <!--vue-ssr-data-->
    <!--vue-ssr-collab-data-->
    <!--vue-ssr-thematic-->
    <!-- start inject script -->
    <script src="https://www.blibli.com/backend/content/thematic/thematic_configuration_non_canary.js"></script>
    <!-- end inject script -->
    <script
        type="module">try { import.meta.url; import("_").catch(() => 1); } catch (e) { } window.__vite_is_modern_browser = true;</script>
    <script
        type="module">!function () { if (window.__vite_is_modern_browser) return; console.warn("vite: loading legacy build because dynamic import or import.meta.url is unsupported, syntax error above should be ignored"); var e = document.getElementById("vite-legacy-polyfill"), n = document.createElement("script"); n.src = e.src, n.onload = function () { System.import(document.getElementById('vite-legacy-entry').getAttribute('data-src')) }, document.body.appendChild(n) }();</script>
    <style type="text/css">
        .label[data-v-c89634de] {
            height: 16px;
            padding: 0 8px;
            display: inline-flex;
            align-items: center;
            font: 12px/16px "blibli demi bold", -apple-system, segoe ui, roboto, helvetica, arial, sans-serif;
            text-decoration: none;
            color: #fff;
            border-radius: 4px;
            background-color: #f1f2f2;
            white-space: nowrap
        }

        .label button[data-v-c89634de] {
            padding: 0;
            margin-right: -4px;
            top: 2px
        }

        .label button svg[data-v-c89634de] {
            margin-right: -6px;
            margin-top: 2px;
            transform: scale(0.75);
            transform-origin: left;
            color: #fff
        }

        .label button.b-primary[data-v-c89634de] {
            color: #fff
        }

        .label.b-secondary button svg[data-v-c89634de] {
            color: #a58d33
        }

        .label.b-dot[data-v-c89634de] {
            width: 8px;
            height: 8px;
            padding: 0;
            font-size: 0
        }

        .label.b-border[data-v-c89634de] {
            box-shadow: 0 0 0 1px #fff
        }

        .label[data-v-c89634de] {
            background-color: #ff4646
        }

        .label.b-secondary[data-v-c89634de] {
            background-color: #ffe6e6;
            color: #e93c3c
        }
    </style>
    <style type="text/css">
        .label[data-v-2c6dbc7f] {
            height: 16px;
            padding: 0 8px;
            display: inline-flex;
            align-items: center;
            font: 12px/16px "blibli demi bold", -apple-system, segoe ui, roboto, helvetica, arial, sans-serif;
            text-decoration: none;
            color: #fff;
            border-radius: 4px;
            background-color: #f1f2f2;
            white-space: nowrap
        }

        .label button[data-v-2c6dbc7f] {
            padding: 0;
            margin-right: -4px;
            top: 2px
        }

        .label button svg[data-v-2c6dbc7f] {
            margin-right: -6px;
            margin-top: 2px;
            transform: scale(0.75);
            transform-origin: left;
            color: #fff
        }

        .label button.b-primary[data-v-2c6dbc7f] {
            color: #fff
        }

        .label.b-secondary button svg[data-v-2c6dbc7f] {
            color: #a58d33
        }

        .label.b-dot[data-v-2c6dbc7f] {
            width: 8px;
            height: 8px;
            padding: 0;
            font-size: 0
        }

        .label.b-border[data-v-2c6dbc7f] {
            box-shadow: 0 0 0 1px #fff
        }

        .label[data-v-2c6dbc7f] {
            background-color: #ff7373
        }
    </style>
    <style type="text/css">
        .label[data-v-7ca4698c] {
            height: 16px;
            padding: 0 8px;
            display: inline-flex;
            align-items: center;
            font: 12px/16px "blibli demi bold", -apple-system, segoe ui, roboto, helvetica, arial, sans-serif;
            text-decoration: none;
            color: #fff;
            border-radius: 4px;
            background-color: #f1f2f2;
            white-space: nowrap
        }

        .label button[data-v-7ca4698c] {
            padding: 0;
            margin-right: -4px;
            top: 2px
        }

        .label button svg[data-v-7ca4698c] {
            margin-right: -6px;
            margin-top: 2px;
            transform: scale(0.75);
            transform-origin: left;
            color: #fff
        }

        .label button.b-primary[data-v-7ca4698c] {
            color: #fff
        }

        .label.b-secondary button svg[data-v-7ca4698c] {
            color: #a58d33
        }

        .label.b-dot[data-v-7ca4698c] {
            width: 8px;
            height: 8px;
            padding: 0;
            font-size: 0
        }

        .label.b-border[data-v-7ca4698c] {
            box-shadow: 0 0 0 1px #fff
        }

        .label[data-v-7ca4698c] {
            background-color: #ffcd00
        }

        .label.b-secondary[data-v-7ca4698c] {
            background-color: #fef5d2;
            color: #f1ab02
        }
    </style>
    <style type="text/css">
        .label[data-v-c2eed16c] {
            height: 16px;
            padding: 0 8px;
            display: inline-flex;
            align-items: center;
            font: 12px/16px "blibli demi bold", -apple-system, segoe ui, roboto, helvetica, arial, sans-serif;
            text-decoration: none;
            color: #fff;
            border-radius: 4px;
            background-color: #f1f2f2;
            white-space: nowrap
        }

        .label button[data-v-c2eed16c] {
            padding: 0;
            margin-right: -4px;
            top: 2px
        }

        .label button svg[data-v-c2eed16c] {
            margin-right: -6px;
            margin-top: 2px;
            transform: scale(0.75);
            transform-origin: left;
            color: #fff
        }

        .label button.b-primary[data-v-c2eed16c] {
            color: #fff
        }

        .label.b-secondary button svg[data-v-c2eed16c] {
            color: #a58d33
        }

        .label.b-dot[data-v-c2eed16c] {
            width: 8px;
            height: 8px;
            padding: 0;
            font-size: 0
        }

        .label.b-border[data-v-c2eed16c] {
            box-shadow: 0 0 0 1px #fff
        }

        .label[data-v-c2eed16c] {
            background-color: #22a334
        }

        .label.b-secondary[data-v-c2eed16c] {
            background-color: #d6f7da;
            color: #1c832a
        }
    </style>
    <style type="text/css">
        .label[data-v-25801e34] {
            height: 16px;
            padding: 0 8px;
            display: inline-flex;
            align-items: center;
            font: 12px/16px "blibli demi bold", -apple-system, segoe ui, roboto, helvetica, arial, sans-serif;
            text-decoration: none;
            color: #fff;
            border-radius: 4px;
            background-color: #f1f2f2;
            white-space: nowrap
        }

        .label button[data-v-25801e34] {
            padding: 0;
            margin-right: -4px;
            top: 2px
        }

        .label button svg[data-v-25801e34] {
            margin-right: -6px;
            margin-top: 2px;
            transform: scale(0.75);
            transform-origin: left;
            color: #fff
        }

        .label button.b-primary[data-v-25801e34] {
            color: #fff
        }

        .label.b-secondary button svg[data-v-25801e34] {
            color: #a58d33
        }

        .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: #a58d33
        }
    </style>
    <style type="text/css">
        .label[data-v-7e88823e] {
            height: 16px;
            padding: 0 8px;
            display: inline-flex;
            align-items: center;
            font: 12px/16px "blibli demi bold", -apple-system, segoe ui, roboto, helvetica, arial, sans-serif;
            text-decoration: none;
            color: #fff;
            border-radius: 4px;
            background-color: #f1f2f2;
            white-space: nowrap
        }

        .label button[data-v-7e88823e] {
            padding: 0;
            margin-right: -4px;
            top: 2px
        }

        .label button svg[data-v-7e88823e] {
            margin-right: -6px;
            margin-top: 2px;
            transform: scale(0.75);
            transform-origin: left;
            color: #fff
        }

        .label button.b-primary[data-v-7e88823e] {
            color: #fff
        }

        .label.b-secondary button svg[data-v-7e88823e] {
            color: #a58d33
        }

        .label.b-dot[data-v-7e88823e] {
            width: 8px;
            height: 8px;
            padding: 0;
            font-size: 0
        }

        .label.b-border[data-v-7e88823e] {
            box-shadow: 0 0 0 1px #fff
        }

        .label[data-v-7e88823e] {
            color: rgba(25, 34, 42, .4);
            background-color: #e1e3e4
        }

        .label.b-secondary[data-v-7e88823e] {
            background-color: #92979c;
            color: #fff
        }
    </style>
    <style type="text/css">
        .blu-ripple[data-v-48d1b9d6] {
            width: 100%;
            height: 100%;
            position: relative;
            overflow: hidden;
            display: flex;
            justify-content: center;
            align-items: center;
            -webkit-box-pack: center;
            -webkit-box-align: center;
            -webkit-mask-image: radial-gradient(circle, #ffffff 100%, #000000 100%);
            padding: 0 12px
        }

        .blu-ripple-wave[data-v-48d1b9d6] {
            position: absolute;
            z-index: 1;
            pointer-events: none;
            background: currentColor;
            border-radius: 50%;
            opacity: 0;
            transform: scale(2) translateZ(0)
        }

        .blu-ripple-wave.b-centered[data-v-48d1b9d6] {
            animation-duration: 1.2s;
            top: 50%;
            left: 50%
        }

        .blu-ripple-wave~*[data-v-48d1b9d6]:not(.blu-ripple-wave) {
            position: relative;
            z-index: 2
        }

        .blu-ripple-enter-active[data-v-48d1b9d6] {
            transition: 2s cubic-bezier(0.25, 0.8, 0.25, 1);
            transition-property: opacity, transform;
            will-change: opacity, transform
        }

        .blu-ripple-enter-active.b-centered[data-v-48d1b9d6] {
            transition-duration: 1.2s
        }

        .blu-ripple-enter[data-v-48d1b9d6] {
            opacity: .26;
            transform: scale(0.26) translateZ(0)
        }

        .has-left-icon .blu-ripple svg[data-v-48d1b9d6] {
            margin-right: 8px
        }

        .has-left-icon.b-small svg[data-v-48d1b9d6] {
            transform-origin: left;
            margin-right: 4px
        }

        .b-large .blu-ripple[data-v-48d1b9d6] {
            padding: 0 16px
        }

        .b-small .blu-ripple[data-v-48d1b9d6] {
            padding: 0 8px
        }

        .b-small svg[data-v-48d1b9d6] {
            width: 18px;
            height: 18px
        }

        .b-icon .blu-ripple[data-v-48d1b9d6] {
            padding: 0
        }

        .b-loading .blu-loader-wrapper[data-v-48d1b9d6] {
            height: 24px;
            position: absolute
        }

        .b-loading .blu-ripple[data-v-48d1b9d6] {
            color: rgba(0, 0, 0, 0)
        }

        .b-loading .blu-ripple>svg[data-v-48d1b9d6] {
            visibility: hidden
        }

        .b-loading .blu-ripple .blu-ripple-wave[data-v-48d1b9d6] {
            color: #fff
        }

        .b-loading.b-white .blu-ripple-wave[data-v-48d1b9d6] {
            color: #a58d33
        }

        .b-loading.b-outline.b-secondary .blu-ripple-wave[data-v-48d1b9d6] {
            color: #a58d33
        }

        .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: #a58d33
        }

        .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: #a58d33
        }

        .b-disabled[data-v-48d1b9d6] {
            opacity: 1
        }

        .blu-btn-dropdown .blu-ripple>svg+div[data-v-48d1b9d6] {
            margin-left: 8px
        }
    </style>
    <style type="text/css">
        .blu-ripple[data-v-8d4155d0] {
            width: 100%;
            height: 100%;
            position: relative;
            overflow: hidden;
            display: flex;
            justify-content: center;
            align-items: center;
            -webkit-box-pack: center;
            -webkit-box-align: center;
            -webkit-mask-image: radial-gradient(circle, #ffffff 100%, #000000 100%);
            padding: 0 12px
        }

        .blu-ripple-wave[data-v-8d4155d0] {
            position: absolute;
            z-index: 1;
            pointer-events: none;
            background: currentColor;
            border-radius: 50%;
            opacity: 0;
            transform: scale(2) translateZ(0)
        }

        .blu-ripple-wave.b-centered[data-v-8d4155d0] {
            animation-duration: 1.2s;
            top: 50%;
            left: 50%
        }

        .blu-ripple-wave~*[data-v-8d4155d0]:not(.blu-ripple-wave) {
            position: relative;
            z-index: 2
        }

        .blu-ripple-enter-active[data-v-8d4155d0] {
            transition: 2s cubic-bezier(0.25, 0.8, 0.25, 1);
            transition-property: opacity, transform;
            will-change: opacity, transform
        }

        .blu-ripple-enter-active.b-centered[data-v-8d4155d0] {
            transition-duration: 1.2s
        }

        .blu-ripple-enter[data-v-8d4155d0] {
            opacity: .26;
            transform: scale(0.26) translateZ(0)
        }

        .has-left-icon .blu-ripple svg[data-v-8d4155d0] {
            margin-right: 8px
        }

        .has-left-icon.b-small svg[data-v-8d4155d0] {
            transform-origin: left;
            margin-right: 4px
        }

        .b-large .blu-ripple[data-v-8d4155d0] {
            padding: 0 16px
        }

        .b-small .blu-ripple[data-v-8d4155d0] {
            padding: 0 8px
        }

        .b-small svg[data-v-8d4155d0] {
            width: 18px;
            height: 18px
        }

        .b-icon .blu-ripple[data-v-8d4155d0] {
            padding: 0
        }

        .b-loading .blu-loader-wrapper[data-v-8d4155d0] {
            height: 24px;
            position: absolute
        }

        .b-loading .blu-ripple[data-v-8d4155d0] {
            color: rgba(0, 0, 0, 0)
        }

        .b-loading .blu-ripple>svg[data-v-8d4155d0] {
            visibility: hidden
        }

        .b-loading .blu-ripple .blu-ripple-wave[data-v-8d4155d0] {
            color: #fff
        }

        .b-loading.b-white .blu-ripple-wave[data-v-8d4155d0] {
            color: #a58d33
        }

        .b-loading.b-outline.b-secondary .blu-ripple-wave[data-v-8d4155d0] {
            color: #a58d33
        }

        .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: #a58d33
        }

        .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: #a58d33
        }

        .b-disabled[data-v-8d4155d0] {
            opacity: 1
        }

        .blu-btn-dropdown .blu-ripple>svg+div[data-v-8d4155d0] {
            margin-left: 8px
        }
    </style>
    <style type="text/css">
        .blu-ripple[data-v-fe4ffa8e] {
            width: 100%;
            height: 100%;
            position: relative;
            overflow: hidden;
            display: flex;
            justify-content: center;
            align-items: center;
            -webkit-box-pack: center;
            -webkit-box-align: center;
            -webkit-mask-image: radial-gradient(circle, #ffffff 100%, #000000 100%);
            padding: 0 12px
        }

        .blu-ripple-wave[data-v-fe4ffa8e] {
            position: absolute;
            z-index: 1;
            pointer-events: none;
            background: currentColor;
            border-radius: 50%;
            opacity: 0;
            transform: scale(2) translateZ(0)
        }

        .blu-ripple-wave.b-centered[data-v-fe4ffa8e] {
            animation-duration: 1.2s;
            top: 50%;
            left: 50%
        }

        .blu-ripple-wave~*[data-v-fe4ffa8e]:not(.blu-ripple-wave) {
            position: relative;
            z-index: 2
        }

        .blu-ripple-enter-active[data-v-fe4ffa8e] {
            transition: 2s cubic-bezier(0.25, 0.8, 0.25, 1);
            transition-property: opacity, transform;
            will-change: opacity, transform
        }

        .blu-ripple-enter-active.b-centered[data-v-fe4ffa8e] {
            transition-duration: 1.2s
        }

        .blu-ripple-enter[data-v-fe4ffa8e] {
            opacity: .26;
            transform: scale(0.26) translateZ(0)
        }

        .has-left-icon .blu-ripple svg[data-v-fe4ffa8e] {
            margin-right: 8px
        }

        .has-left-icon.b-small svg[data-v-fe4ffa8e] {
            transform-origin: left;
            margin-right: 4px
        }

        .b-large .blu-ripple[data-v-fe4ffa8e] {
            padding: 0 16px
        }

        .b-small .blu-ripple[data-v-fe4ffa8e] {
            padding: 0 8px
        }

        .b-small svg[data-v-fe4ffa8e] {
            width: 18px;
            height: 18px
        }

        .b-icon .blu-ripple[data-v-fe4ffa8e] {
            padding: 0
        }

        .b-loading .blu-loader-wrapper[data-v-fe4ffa8e] {
            height: 24px;
            position: absolute
        }

        .b-loading .blu-ripple[data-v-fe4ffa8e] {
            color: rgba(0, 0, 0, 0)
        }

        .b-loading .blu-ripple>svg[data-v-fe4ffa8e] {
            visibility: hidden
        }

        .b-loading .blu-ripple .blu-ripple-wave[data-v-fe4ffa8e] {
            color: #fff
        }

        .b-loading.b-white .blu-ripple-wave[data-v-fe4ffa8e] {
            color: #a58d33
        }

        .b-loading.b-outline.b-secondary .blu-ripple-wave[data-v-fe4ffa8e] {
            color: #a58d33
        }

        .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: #a58d33
        }

        .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: #a58d33
        }

        .b-disabled[data-v-fe4ffa8e] {
            opacity: 1
        }

        .blu-btn-dropdown .blu-ripple>svg+div[data-v-fe4ffa8e] {
            margin-left: 8px
        }

        .blu-btn[data-v-fe4ffa8e] {
            position: relative;
            font: 16px/20px "blibli demi bold", -apple-system, segoe ui, roboto, helvetica, arial, sans-serif;
            text-decoration: none;
            transition: color .4s, background-color .4s, border-color .6s;
            white-space: nowrap;
            height: 48px;
            padding: 0;
            -webkit-tap-highlight-color: rgba(0, 0, 0, 0)
        }

        .blu-btn[data-v-fe4ffa8e]::-moz-focus-inner {
            border: 0
        }

        .blu-btn[data-v-fe4ffa8e]:active {
            outline: none
        }

        .blu-btn[data-v-fe4ffa8e]:before {
            position: absolute;
            top: 0;
            right: 0;
            bottom: 0;
            left: 0;
            z-index: 1;
            opacity: 0;
            transition: .4s cubic-bezier(0.4, 0, 0.2, 1);
            will-change: background-color, opacity;
            content: " "
        }

        .blu-btn[data-v-fe4ffa8e]:focus-visible {
            box-shadow: 0px 0px 0px 4px #000
        }

        .blu-btn.b-primary[data-v-fe4ffa8e] {
            color: #fff;
            background-color: #f1ab02;
            border-color: #f1ab02
        }

        .blu-btn.b-primary[data-v-fe4ffa8e]:not(.b-disabled):focus-visible,
        .blu-btn.b-primary[data-v-fe4ffa8e]:not(.b-disabled):hover,
        .blu-btn.b-primary:not(.b-disabled).b-active[data-v-fe4ffa8e] {
            background-color: #e39304;
            border-color: #e39304
        }

        .blu-btn.b-secondary[data-v-fe4ffa8e] {
            color: #fff;
            background-color: #a58d33;
            border-color: #a58d33
        }

        .blu-btn.b-secondary[data-v-fe4ffa8e]:not(.b-disabled):focus-visible,
        .blu-btn.b-secondary[data-v-fe4ffa8e]:not(.b-disabled):hover,
        .blu-btn.b-secondary:not(.b-disabled).b-active[data-v-fe4ffa8e] {
            background-color: #ac8221;
            border-color: #ac8221
        }

        .blu-btn.b-white[data-v-fe4ffa8e] {
            color: #fff;
            background-color: #fff;
            border-color: #fff;
            color: #a58d33
        }

        .blu-btn.b-white[data-v-fe4ffa8e]:not(.b-disabled):focus-visible,
        .blu-btn.b-white[data-v-fe4ffa8e]:not(.b-disabled):hover,
        .blu-btn.b-white:not(.b-disabled).b-active[data-v-fe4ffa8e] {
            background-color: #f1f2f2;
            border-color: #f1f2f2
        }

        .blu-btn.b-disabled[data-v-fe4ffa8e] {
            color: #fff;
            background-color: #c8cbcd;
            border-color: #c8cbcd;
            color: rgba(25, 34, 42, .4)
        }

        .blu-btn.b-disabled[data-v-fe4ffa8e]:not(.b-disabled):focus-visible,
        .blu-btn.b-disabled[data-v-fe4ffa8e]:not(.b-disabled):hover,
        .blu-btn.b-disabled:not(.b-disabled).b-active[data-v-fe4ffa8e] {
            background-color: #c8cbcd;
            border-color: #c8cbcd
        }

        .blu-btn.b-large[data-v-fe4ffa8e] {
            height: 56px
        }

        .blu-btn.b-small[data-v-fe4ffa8e] {
            font: 14px/18px "blibli demi bold", -apple-system, segoe ui, roboto, helvetica, arial, sans-serif;
            height: 32px
        }

        .b-disabled[data-v-fe4ffa8e] {
            opacity: 1
        }

        input[type=submit][data-v-fe4ffa8e]::-moz-focus-inner,
        input[type=button][data-v-fe4ffa8e]::-moz-focus-inner {
            border: 0px
        }

        button[data-v-fe4ffa8e]:focus,
        input[type=submit][data-v-fe4ffa8e]:focus,
        input[type=button][data-v-fe4ffa8e]:focus,
        input[type=reset][data-v-fe4ffa8e]:focus,
        a[data-v-fe4ffa8e] {
            outline: none
        }

        a[data-v-fe4ffa8e],
        a[data-v-fe4ffa8e]:visited,
        a[data-v-fe4ffa8e]:focus,
        a[data-v-fe4ffa8e]:active,
        a[data-v-fe4ffa8e]:hover {
            outline: 0 none !important
        }

        .blu-btn[data-v-fe4ffa8e] {
            border-radius: 24px
        }

        .blu-btn+.blu-button[data-v-fe4ffa8e] {
            margin-left: 0
        }

        .blu-btn.b-outline[data-v-fe4ffa8e] {
            background-color: rgba(0, 0, 0, 0)
        }

        .blu-btn.b-outline.b-primary[data-v-fe4ffa8e] {
            color: #f1ab02;
            background-color: #e39304;
            border: #ffcd00 1px solid
        }

        .blu-btn.b-outline.b-primary[data-v-fe4ffa8e]:not(.b-disabled) {
            background-color: rgba(255, 255, 255, .12)
        }

        .blu-btn.b-outline.b-primary[data-v-fe4ffa8e]:not(.b-disabled):focus-visible,
        .blu-btn.b-outline.b-primary[data-v-fe4ffa8e]:not(.b-disabled):hover,
        .blu-btn.b-outline.b-primary:not(.b-disabled).b-active[data-v-fe4ffa8e] {
            background-color: rgba(227, 147, 4, .08);
            border: #ffcd00 1px solid
        }

        .blu-btn.b-outline.b-primary.b-active[data-v-fe4ffa8e] {
            z-index: 9;
            background-color: #f1ab02;
            color: #fff
        }

        .blu-btn.b-outline.b-secondary[data-v-fe4ffa8e] {
            color: #a58d33;
            background-color: #ac8221;
            border: #1d8fff 1px solid
        }

        .blu-btn.b-outline.b-secondary[data-v-fe4ffa8e]:not(.b-disabled) {
            background-color: rgba(255, 255, 255, .12)
        }

        .blu-btn.b-outline.b-secondary[data-v-fe4ffa8e]:not(.b-disabled):focus-visible,
        .blu-btn.b-outline.b-secondary[data-v-fe4ffa8e]:not(.b-disabled):hover,
        .blu-btn.b-outline.b-secondary:not(.b-disabled).b-active[data-v-fe4ffa8e] {
            background-color: rgba(0, 109, 234, .08);
            border: #1d8fff 1px solid
        }

        .blu-btn.b-outline.b-secondary.b-active[data-v-fe4ffa8e] {
            z-index: 9;
            background-color: #a58d33;
            color: #fff
        }

        .blu-btn.b-outline.b-white[data-v-fe4ffa8e] {
            color: #fff;
            background-color: #fff;
            border: #fff 1px solid
        }

        .blu-btn.b-outline.b-white[data-v-fe4ffa8e]:not(.b-disabled) {
            background-color: rgba(255, 255, 255, .12)
        }

        .blu-btn.b-outline.b-white[data-v-fe4ffa8e]:not(.b-disabled):focus-visible,
        .blu-btn.b-outline.b-white[data-v-fe4ffa8e]:not(.b-disabled):hover,
        .blu-btn.b-outline.b-white:not(.b-disabled).b-active[data-v-fe4ffa8e] {
            background-color: rgba(255, 255, 255, .4);
            border: #fff 1px solid
        }

        .blu-btn.b-outline.b-white.b-active[data-v-fe4ffa8e] {
            z-index: 9;
            background-color: #fff;
            color: #fff
        }

        .blu-btn.b-outline.b-disabled[data-v-fe4ffa8e] {
            color: rgba(25, 34, 42, .4);
            background-color: #c8cbcd;
            border: #c8cbcd 1px solid
        }

        .blu-btn.b-outline.b-disabled[data-v-fe4ffa8e]:not(.b-disabled) {
            background-color: rgba(255, 255, 255, .12)
        }

        .blu-btn.b-outline.b-disabled[data-v-fe4ffa8e]:not(.b-disabled):focus-visible,
        .blu-btn.b-outline.b-disabled[data-v-fe4ffa8e]:not(.b-disabled):hover,
        .blu-btn.b-outline.b-disabled:not(.b-disabled).b-active[data-v-fe4ffa8e] {
            background-color: rgba(200, 203, 205, .08);
            border: #c8cbcd 1px solid
        }

        .blu-btn.b-outline.b-disabled.b-active[data-v-fe4ffa8e] {
            z-index: 9;
            background-color: rgba(25, 34, 42, .4);
            color: #fff
        }

        .blu-btn.b-outline.b-small .blu-ripple[data-v-fe4ffa8e] {
            border-radius: 14px
        }

        .blu-btn.b-outline.b-large .blu-ripple[data-v-fe4ffa8e] {
            border-radius: 30px
        }

        .blu-btn.b-ghost[data-v-fe4ffa8e] {
            background-color: rgba(0, 0, 0, 0);
            border-color: rgba(0, 0, 0, 0)
        }

        .blu-btn.b-ghost.b-primary[data-v-fe4ffa8e] {
            color: #f1ab02;
            border-color: rgba(0, 0, 0, 0)
        }

        .blu-btn.b-ghost.b-primary[data-v-fe4ffa8e]:not(.b-disabled):focus-visible,
        .blu-btn.b-ghost.b-primary[data-v-fe4ffa8e]:not(.b-disabled):hover,
        .blu-btn.b-ghost.b-primary:not(.b-disabled).b-active[data-v-fe4ffa8e] {
            border-color: rgba(0, 0, 0, 0);
            background-color: rgba(227, 147, 4, .08)
        }

        .blu-btn.b-ghost.b-secondary[data-v-fe4ffa8e] {
            color: #a58d33;
            border-color: rgba(0, 0, 0, 0)
        }

        .blu-btn.b-ghost.b-secondary[data-v-fe4ffa8e]:not(.b-disabled):focus-visible,
        .blu-btn.b-ghost.b-secondary[data-v-fe4ffa8e]:not(.b-disabled):hover,
        .blu-btn.b-ghost.b-secondary:not(.b-disabled).b-active[data-v-fe4ffa8e] {
            border-color: rgba(0, 0, 0, 0);
            background-color: rgba(0, 109, 234, .08)
        }

        .blu-btn.b-ghost.b-white[data-v-fe4ffa8e] {
            color: #fff;
            border-color: rgba(0, 0, 0, 0)
        }

        .blu-btn.b-ghost.b-white[data-v-fe4ffa8e]:not(.b-disabled):focus-visible,
        .blu-btn.b-ghost.b-white[data-v-fe4ffa8e]:not(.b-disabled):hover,
        .blu-btn.b-ghost.b-white:not(.b-disabled).b-active[data-v-fe4ffa8e] {
            border-color: rgba(0, 0, 0, 0);
            background-color: rgba(255, 255, 255, .4)
        }

        .blu-btn.b-ghost.b-white.b-disabled[data-v-fe4ffa8e] {
            color: rgba(255, 255, 255, .4);
            border-color: rgba(0, 0, 0, 0)
        }

        .blu-btn.b-ghost.b-white.b-disabled[data-v-fe4ffa8e]:not(.b-disabled):focus-visible,
        .blu-btn.b-ghost.b-white.b-disabled[data-v-fe4ffa8e]:not(.b-disabled):hover,
        .blu-btn.b-ghost.b-white.b-disabled:not(.b-disabled).b-active[data-v-fe4ffa8e] {
            border-color: rgba(0, 0, 0, 0);
            background-color: rgba(0, 0, 0, 0)
        }

        .blu-btn.b-ghost.b-disabled[data-v-fe4ffa8e] {
            color: rgba(25, 34, 42, .4);
            border-color: rgba(0, 0, 0, 0)
        }

        .blu-btn.b-ghost.b-disabled[data-v-fe4ffa8e]:not(.b-disabled):focus-visible,
        .blu-btn.b-ghost.b-disabled[data-v-fe4ffa8e]:not(.b-disabled):hover,
        .blu-btn.b-ghost.b-disabled:not(.b-disabled).b-active[data-v-fe4ffa8e] {
            border-color: rgba(0, 0, 0, 0);
            background-color: rgba(0, 0, 0, 0)
        }

        .blu-btn.b-warning[data-v-fe4ffa8e] {
            color: #fff;
            background-color: #ffcd00;
            border-color: #ffcd00
        }

        .blu-btn.b-warning[data-v-fe4ffa8e]:not(.b-disabled):focus-visible,
        .blu-btn.b-warning[data-v-fe4ffa8e]:not(.b-disabled):hover,
        .blu-btn.b-warning:not(.b-disabled).b-active[data-v-fe4ffa8e] {
            background-color: #cca400;
            border-color: #cca400
        }

        .blu-btn.b-danger[data-v-fe4ffa8e] {
            color: #fff;
            background-color: #ff4646;
            border-color: #ff4646
        }

        .blu-btn.b-danger[data-v-fe4ffa8e]:not(.b-disabled):focus-visible,
        .blu-btn.b-danger[data-v-fe4ffa8e]:not(.b-disabled):hover,
        .blu-btn.b-danger:not(.b-disabled).b-active[data-v-fe4ffa8e] {
            background-color: #ff1313;
            border-color: #ff1313
        }

        .blu-btn.b-small[data-v-fe4ffa8e] {
            border-radius: 16px
        }

        .blu-btn.b-small .blu-ripple[data-v-fe4ffa8e] {
            border-radius: 16px
        }

        .blu-btn.b-large[data-v-fe4ffa8e] {
            border-radius: 32px
        }

        .blu-btn.b-large .blu-ripple[data-v-fe4ffa8e] {
            border-radius: 32px
        }

        .blu-btn.b-icon[data-v-fe4ffa8e] {
            width: 48px
        }

        .blu-btn.b-icon.b-large[data-v-fe4ffa8e] {
            width: 56px
        }

        .blu-btn.b-icon.b-small[data-v-fe4ffa8e] {
            width: 32px
        }

        .blu-btn.b-icon svg[data-v-fe4ffa8e] {
            width: 100%;
            height: 100%
        }

        .blu-btn.b-full-width[data-v-fe4ffa8e] {
            width: 100%
        }

        .blu-btn .blu-ripple[data-v-fe4ffa8e] {
            border-radius: 24px
        }
    </style>
    <link rel="modulepreload" as="script" crossorigin=""
        href="https://www.static-src.com/frontend/static/js/CustomerLocation.49933ea8.js">
    <link rel="modulepreload" as="script" crossorigin=""
        href="https://www.static-src.com/frontend/static/js/address-event.0a54fb2b.js">
    <link rel="modulepreload" as="script" crossorigin=""
        href="https://www.static-src.com/frontend/static/js/Location.c79a4a93.js">
    <link rel="modulepreload" as="script" crossorigin=""
        href="https://www.static-src.com/frontend/static/js/customer-location-mixin.dd72e66a.js">
    <link rel="stylesheet" href="https://www.static-src.com/frontend/static/CustomerLocation.d45a5c3d.css">
    <link href="https://blibli.api.useinsider.com" rel="preconnect" crossorigin="anonymous">
    <link href="https://cs.gssprt.jp" rel="preconnect" crossorigin="anonymous">
    <link href="https://i.w55c.net" rel="preconnect" crossorigin="anonymous">
    <link href="https://weather.api.useinsider.com" rel="preconnect" crossorigin="anonymous">
    <link href="https://api.useinsider.com" rel="preconnect" crossorigin="anonymous">
    <link href="https://asia.creativecdn.com" rel="preconnect" crossorigin="anonymous">
    <link href="https://bcp.crwdcntrl.net" rel="preconnect" crossorigin="anonymous">
    <link href="https://bwa.blibli.com" rel="preconnect" crossorigin="anonymous">
    <link href="https://cm.creativecdn.com" rel="preconnect" crossorigin="anonymous">
    <link href="https://cm.g.doubleclick.net" rel="preconnect" crossorigin="anonymous">
    <link href="https://cs.gssprt.jp" rel="preconnect" crossorigin="anonymous">
    <link href="https://googleads.g.doubleclick.net" rel="preconnect" crossorigin="anonymous">
    <link href="https://gum.criteo.com" rel="preconnect" crossorigin="anonymous">
    <link href="https://hit.api.useinsider.com" rel="preconnect" crossorigin="anonymous">
    <link href="https://i.w55c.net" rel="preconnect" crossorigin="anonymous">
    <link href="https://js-agent.newrelic.com" rel="preconnect" crossorigin="anonymous">
    <link href="https://location.api.useinsider.com" rel="preconnect" crossorigin="anonymous">
    <link href="https://log.api.useinsider.com" rel="preconnect" crossorigin="anonymous">
    <link href="https://match.adsrvr.org" rel="preconnect" crossorigin="anonymous">
    <link href="https://script.crazyegg.com" rel="preconnect" crossorigin="anonymous">
    <link href="https://segment.api.useinsider.com" rel="preconnect" crossorigin="anonymous">
    <link href="https://sslwidget.criteo.com" rel="preconnect" crossorigin="anonymous">
    <link href="https://static.criteo.net" rel="preconnect" crossorigin="anonymous">
    <link href="https://stats.g.doubleclick.net" rel="preconnect" crossorigin="anonymous">
    <link href="https://storage.googleapis.com" rel="preconnect" crossorigin="anonymous">
    <link href="https://sync.crwdcntrl.net" rel="preconnect" crossorigin="anonymous">
    <link href="https://tags.crwdcntrl.net" rel="preconnect" crossorigin="anonymous">
    <link href="https://weather.api.useinsider.com" rel="preconnect" crossorigin="anonymous">
    <link href="https://www.facebook.com" rel="preconnect" crossorigin="anonymous">
    <link href="https://www.google.co.id" rel="preconnect" crossorigin="anonymous">
    <link href="https://www.google.com" rel="preconnect" crossorigin="anonymous">
    <link href="https://www.googleadservices.com" rel="preconnect" crossorigin="anonymous"> 
    <link href="https://www.static-src.com" rel="preconnect" crossorigin="anonymous">
    <link href="https://websdk.appsflyer.com" rel="preconnect" crossorigin="anonymous">
    <link href="https://banner.appsflyer.com" rel="preconnect" crossorigin="anonymous">
    <link href="https://fvalid.appsflyer.com" rel="preconnect" crossorigin="anonymous">
    <script
        src="https://cdn.moengage.com/release/dc_1/moe_webSdk_webp.min.latest.js?app_id=QTD7QXC51X5DZR3CTIHK33PQ"></script>
    <script type="text/javascript" async="" src="https://www.blibli.com/bwa/2.4.5-0/index.js"></script>
    <script fetchpriority="high"
        src="https://dev.visualwebsiteoptimizer.com/j.php?a=426670&amp;u=https%3A%2F%2Fwww.blibli.com%2Fp%2Ftwin-pack-tropicana-slim-beras-porang-instan-1000-g%2Fis--NUT-60023-01292-00001%3FmetaData%3D4eHyfurj4yL7Q4Ucv84uGYHJb0g2t%2BFdwECMb3QsHNjtAqmaWkaBfGgt5w9qTEikAP03CsR8aLRQodyhRwzA9w%3D%3D%26pickupPointCode%3DPP-3495802&amp;f=1&amp;vn=1.5"
        type="text/javascript"></script>
    <script type="text/javascript" async=""
        src="https://googleads.g.doubleclick.net/pagead/viewthroughconversion/880395410/?random=1726498671571&amp;cv=11&amp;fst=1726498671571&amp;bg=ffffff&amp;guid=ON&amp;async=1&amp;gtm=45je4990v877689920z8810058345za200zb810058345&amp;gcd=13l3l3l3l1l1&amp;dma=0&amp;tag_exp=0&amp;u_w=1920&amp;u_h=1080&amp;url=https%3A%2F%2Fwww.blibli.com%2Fp%2Ftwin-pack-tropicana-slim-beras-porang-instan-1000-g%2Fis--NUT-60023-01292-00001%3FmetaData%3D4eHyfurj4yL7Q4Ucv84uGYHJb0g2t%2BFdwECMb3QsHNjtAqmaWkaBfGgt5w9qTEikAP03CsR8aLRQodyhRwzA9w%3D%3D%26pickupPointCode%3DPP-3495802&amp;ref=https%3A%2F%2Fwww.blibli.com%2Fflashsale%3Fsku%3DALS-60310-00048%26page%3D1&amp;hn=www.googleadservices.com&amp;frm=0&amp;tiba=Online%20Mall%20Blibli.com%2C%20Sensasi%20Belanja%20Online%20Shop%20ala%20Mall&amp;npa=0&amp;pscdl=noapi&amp;auid=426120352.1726498660&amp;uaa=x86&amp;uab=64&amp;uafvl=Chromium%3B128.0.6613.138%7CNot%253BA%253DBrand%3B24.0.0.0%7CGoogle%2520Chrome%3B128.0.6613.138&amp;uamb=0&amp;uam=&amp;uap=Windows&amp;uapv=15.0.0&amp;uaw=0&amp;fledge=1&amp;data=event%3Dgtag.config&amp;rfmt=3&amp;fmt=4"></script>
    <script src="https://dev.visualwebsiteoptimizer.com/7.0/va-42b830ab1f45f2a5aa737b55d5e9e251.js"
        crossorigin="anonymous" fetchpriority="high" type="text/javascript"></script>
    <script src="https://dev.visualwebsiteoptimizer.com/7.0/track-42b830ab1f45f2a5aa737b55d5e9e251.js"
        crossorigin="anonymous" fetchpriority="high" type="text/javascript"></script>
    <script src="https://dev.visualwebsiteoptimizer.com/analysis/4.0/opa-d2a84d50a8e7e2cafb7a1d7eb2fa92ef.js"
        crossorigin="anonymous" fetchpriority="high" type="text/javascript"></script>
    <style nonce="">
        .aStyle-sxcbx42i0 {
            color: red;
            float: left;
            opacity: .55;
        }
    </style>
    <style type="text/css">
        .blu-chip[data-v-652f3722] {
            display: inline-flex;
            transition-duration: 300ms
        }

        .blu-chip:not(.blue-3) span[data-v-652f3722] {
            height: 32px;
            padding: 0 10px;
            margin: 2px;
            display: flex;
            align-items: center;
            font: 14px/18px "blibli", -apple-system, segoe ui, roboto, helvetica, arial, sans-serif;
            text-decoration: none;
            cursor: pointer;
            color: #a58d33;
            border-radius: 8px;
            border: #f1f2f2 1px solid;
            background-color: #f1f2f2;
            transition-duration: 300ms;
            white-space: nowrap;
            letter-spacing: 0px
        }

        .blu-chip.b-primary input[data-v-652f3722] {
            display: none;
            transition: background-color .4s
        }

        .blu-chip.b-primary input:checked+span[data-v-652f3722] {
            color: #fff;
            border-color: #1d8fff;
            background-color: #1d8fff
        }

        .blu-chip.b-primary input:checked+span[data-v-652f3722]:hover {
            background-color: #ac8221;
            border-color: #ac8221
        }

        .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: #ac8221;
            border-color: #ac8221
        }

        .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 #a58d33
        }

        .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: #a58d33;
            border-color: #1d8fff;
            background-color: #f3f9ff
        }

        .blu-chip.b-outline.b-secondary input:checked+span[data-v-652f3722]:hover {
            border: solid 1px #a58d33
        }

        .blu-chip.b-outline.b-secondary input+span[data-v-652f3722] {
            color: #a58d33;
            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: #a58d33
        }

        .blu-chip.has-left-icon span[data-v-652f3722] {
            padding-left: 5px
        }

        .blu-chip.has-left-icon span>*[data-v-652f3722]:first-child {
            margin-right: 4px
        }

        .blu-chip.has-left-icon span>svg[data-v-652f3722]:first-child {
            transform: scale(0.75);
            transform-origin: left;
            margin-right: -2px;
            color: #797f85
        }

        .blu-chip__wrapper[data-v-652f3722] {
            min-height: 48px;
            padding: 5px 8px;
            border: #e1e3e4 1px solid;
            border-radius: 8px
        }

        .blu-chip__wrapper input[data-v-652f3722] {
            height: 32px;
            border: none;
            font: 16px/20px "blibli", -apple-system, segoe ui, roboto, helvetica, arial, sans-serif;
            color: #19222a;
            -moz-appearance: none;
            -webkit-appearance: none
        }

        .blu-chip__wrapper input[data-v-652f3722]:focus {
            outline: 0
        }

        .blu-chip__wrapper.b-outline .blu-chip span[data-v-652f3722] {
            background-color: #fff;
            border: #e1e3e4 1px solid
        }

        .blu-chip__wrapper.b-disabled.blu-chip__wrapper[data-v-652f3722] {
            opacity: 1
        }

        .blu-chip__wrapper.b-disabled input[data-v-652f3722] {
            cursor: not-allowed;
            pointer-events: none;
            color: rgba(25, 34, 42, .7019607843)
        }

        .blu-chip__wrapper.b-disabled button[data-v-652f3722] {
            cursor: not-allowed;
            pointer-events: none
        }

        .blu-chip__wrapper.b-disabled .blu-chip span[data-v-652f3722] {
            cursor: not-allowed;
            color: rgba(25, 34, 42, .4);
            background-color: #c8cbcd;
            border: none
        }

        .blu-chip.blu-chip-enter-active[data-v-652f3722],
        .blu-chip.blu-chip-leave-active[data-v-652f3722] {
            opacity: 0;
            transform: transformZ(0) scale(0.8)
        }

        .blu-chip.blu-chip-enter-to[data-v-652f3722] {
            opacity: 1;
            transform: transformZ(0) scale(1)
        }

        .blu-chip.b-deletable span[data-v-652f3722] {
            cursor: default;
            padding-right: 5px
        }

        .blu-chip.b-deletable button[data-v-652f3722] {
            display: flex;
            align-items: center;
            margin-left: 4px;
            padding: 0;
            color: #797f85
        }

        .blu-chip.b-deletable button svg[data-v-652f3722] {
            width: 18px
        }

        .blu-chip.b-duplicated span[data-v-652f3722] {
            animation: shake-652f3722 .82s cubic-bezier(0.36, 0.07, 0.19, 0.97) both;
            transform: translate3d(0, 0, 0);
            backface-visibility: hidden;
            perspective: 1000px
        }

        @keyframes shake-652f3722 {

            10%,
            90% {
                transform: translate3d(-1px, 0, 0)
            }

            20%,
            80% {
                transform: translate3d(2px, 0, 0)
            }

            30%,
            50%,
            70% {
                transform: translate3d(-4px, 0, 0)
            }

            40%,
            60% {
                transform: translate3d(4px, 0, 0)
            }
        }

        *[data-v-652f3722]::-moz-focus-inner {
            border: 0
        }

        *[data-v-652f3722]:focus {
            outline: 0
        }
    </style>
    <style type="text/css">
        .blu-chip[data-v-342de9b2] {
            display: inline-flex;
            transition-duration: 300ms
        }

        .blu-chip:not(.blue-3) span[data-v-342de9b2] {
            height: 32px;
            padding: 0 10px;
            margin: 2px;
            display: flex;
            align-items: center;
            font: 14px/18px "blibli", -apple-system, segoe ui, roboto, helvetica, arial, sans-serif;
            text-decoration: none;
            cursor: pointer;
            color: #a58d33;
            border-radius: 8px;
            border: #f1f2f2 1px solid;
            background-color: #f1f2f2;
            transition-duration: 300ms;
            white-space: nowrap;
            letter-spacing: 0px
        }

        .blu-chip.b-primary input[data-v-342de9b2] {
            display: none;
            transition: background-color .4s
        }

        .blu-chip.b-primary input:checked+span[data-v-342de9b2] {
            color: #fff;
            border-color: #1d8fff;
            background-color: #1d8fff
        }

        .blu-chip.b-primary input:checked+span[data-v-342de9b2]:hover {
            background-color: #ac8221;
            border-color: #ac8221
        }

        .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: #ac8221;
            border-color: #ac8221
        }

        .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 #a58d33
        }

        .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: #a58d33;
            border-color: #1d8fff;
            background-color: #f3f9ff
        }

        .blu-chip.b-outline.b-secondary input:checked+span[data-v-342de9b2]:hover {
            border: solid 1px #a58d33
        }

        .blu-chip.b-outline.b-secondary input+span[data-v-342de9b2] {
            color: #a58d33;
            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: #a58d33
        }

        .blu-chip.has-left-icon span[data-v-342de9b2] {
            padding-left: 5px
        }

        .blu-chip.has-left-icon span>*[data-v-342de9b2]:first-child {
            margin-right: 4px
        }

        .blu-chip.has-left-icon span>svg[data-v-342de9b2]:first-child {
            transform: scale(0.75);
            transform-origin: left;
            margin-right: -2px;
            color: #797f85
        }

        .blu-chip__wrapper[data-v-342de9b2] {
            min-height: 48px;
            padding: 5px 8px;
            border: #e1e3e4 1px solid;
            border-radius: 8px
        }

        .blu-chip__wrapper input[data-v-342de9b2] {
            height: 32px;
            border: none;
            font: 16px/20px "blibli", -apple-system, segoe ui, roboto, helvetica, arial, sans-serif;
            color: #19222a;
            -moz-appearance: none;
            -webkit-appearance: none
        }

        .blu-chip__wrapper input[data-v-342de9b2]:focus {
            outline: 0
        }

        .blu-chip__wrapper.b-outline .blu-chip span[data-v-342de9b2] {
            background-color: #fff;
            border: #e1e3e4 1px solid
        }

        .blu-chip__wrapper.b-disabled.blu-chip__wrapper[data-v-342de9b2] {
            opacity: 1
        }

        .blu-chip__wrapper.b-disabled input[data-v-342de9b2] {
            cursor: not-allowed;
            pointer-events: none;
            color: rgba(25, 34, 42, .7019607843)
        }

        .blu-chip__wrapper.b-disabled button[data-v-342de9b2] {
            cursor: not-allowed;
            pointer-events: none
        }

        .blu-chip__wrapper.b-disabled .blu-chip span[data-v-342de9b2] {
            cursor: not-allowed;
            color: rgba(25, 34, 42, .4);
            background-color: #c8cbcd;
            border: none
        }

        .blu-chip.blu-chip-enter-active[data-v-342de9b2],
        .blu-chip.blu-chip-leave-active[data-v-342de9b2] {
            opacity: 0;
            transform: transformZ(0) scale(0.8)
        }

        .blu-chip.blu-chip-enter-to[data-v-342de9b2] {
            opacity: 1;
            transform: transformZ(0) scale(1)
        }

        .blu-chip.b-deletable span[data-v-342de9b2] {
            cursor: default;
            padding-right: 5px
        }

        .blu-chip.b-deletable button[data-v-342de9b2] {
            display: flex;
            align-items: center;
            margin-left: 4px;
            padding: 0;
            color: #797f85
        }

        .blu-chip.b-deletable button svg[data-v-342de9b2] {
            width: 18px
        }

        .blu-chip.b-duplicated span[data-v-342de9b2] {
            animation: shake-342de9b2 .82s cubic-bezier(0.36, 0.07, 0.19, 0.97) both;
            transform: translate3d(0, 0, 0);
            backface-visibility: hidden;
            perspective: 1000px
        }

        @keyframes shake-342de9b2 {

            10%,
            90% {
                transform: translate3d(-1px, 0, 0)
            }

            20%,
            80% {
                transform: translate3d(2px, 0, 0)
            }

            30%,
            50%,
            70% {
                transform: translate3d(-4px, 0, 0)
            }

            40%,
            60% {
                transform: translate3d(4px, 0, 0)
            }
        }

        *[data-v-342de9b2]::-moz-focus-inner {
            border: 0
        }

        *[data-v-342de9b2]:focus {
            outline: 0
        }
    </style>
    <style type="text/css">
        .blu-chip[data-v-2ffdd76e] {
            display: inline-flex;
            transition-duration: 300ms
        }

        .blu-chip:not(.blue-3) span[data-v-2ffdd76e] {
            height: 32px;
            padding: 0 10px;
            margin: 2px;
            display: flex;
            align-items: center;
            font: 14px/18px "blibli", -apple-system, segoe ui, roboto, helvetica, arial, sans-serif;
            text-decoration: none;
            cursor: pointer;
            color: #a58d33;
            border-radius: 8px;
            border: #f1f2f2 1px solid;
            background-color: #f1f2f2;
            transition-duration: 300ms;
            white-space: nowrap;
            letter-spacing: 0px
        }

        .blu-chip.b-primary input[data-v-2ffdd76e] {
            display: none;
            transition: background-color .4s
        }

        .blu-chip.b-primary input:checked+span[data-v-2ffdd76e] {
            color: #fff;
            border-color: #1d8fff;
            background-color: #1d8fff
        }

        .blu-chip.b-primary input:checked+span[data-v-2ffdd76e]:hover {
            background-color: #ac8221;
            border-color: #ac8221
        }

        .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: #ac8221;
            border-color: #ac8221
        }

        .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 #a58d33
        }

        .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: #a58d33;
            border-color: #1d8fff;
            background-color: #f3f9ff
        }

        .blu-chip.b-outline.b-secondary input:checked+span[data-v-2ffdd76e]:hover {
            border: solid 1px #a58d33
        }

        .blu-chip.b-outline.b-secondary input+span[data-v-2ffdd76e] {
            color: #a58d33;
            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: #a58d33
        }

        .blu-chip.has-left-icon span[data-v-2ffdd76e] {
            padding-left: 5px
        }

        .blu-chip.has-left-icon span>*[data-v-2ffdd76e]:first-child {
            margin-right: 4px
        }

        .blu-chip.has-left-icon span>svg[data-v-2ffdd76e]:first-child {
            transform: scale(0.75);
            transform-origin: left;
            margin-right: -2px;
            color: #797f85
        }

        .blu-chip__wrapper[data-v-2ffdd76e] {
            min-height: 48px;
            padding: 5px 8px;
            border: #e1e3e4 1px solid;
            border-radius: 8px
        }

        .blu-chip__wrapper input[data-v-2ffdd76e] {
            height: 32px;
            border: none;
            font: 16px/20px "blibli", -apple-system, segoe ui, roboto, helvetica, arial, sans-serif;
            color: #19222a;
            -moz-appearance: none;
            -webkit-appearance: none
        }

        .blu-chip__wrapper input[data-v-2ffdd76e]:focus {
            outline: 0
        }

        .blu-chip__wrapper.b-outline .blu-chip span[data-v-2ffdd76e] {
            background-color: #fff;
            border: #e1e3e4 1px solid
        }

        .blu-chip__wrapper.b-disabled.blu-chip__wrapper[data-v-2ffdd76e] {
            opacity: 1
        }

        .blu-chip__wrapper.b-disabled input[data-v-2ffdd76e] {
            cursor: not-allowed;
            pointer-events: none;
            color: rgba(25, 34, 42, .7019607843)
        }

        .blu-chip__wrapper.b-disabled button[data-v-2ffdd76e] {
            cursor: not-allowed;
            pointer-events: none
        }

        .blu-chip__wrapper.b-disabled .blu-chip span[data-v-2ffdd76e] {
            cursor: not-allowed;
            color: rgba(25, 34, 42, .4);
            background-color: #c8cbcd;
            border: none
        }

        .blu-chip.blu-chip-enter-active[data-v-2ffdd76e],
        .blu-chip.blu-chip-leave-active[data-v-2ffdd76e] {
            opacity: 0;
            transform: transformZ(0) scale(0.8)
        }

        .blu-chip.blu-chip-enter-to[data-v-2ffdd76e] {
            opacity: 1;
            transform: transformZ(0) scale(1)
        }

        .blu-chip.b-deletable span[data-v-2ffdd76e] {
            cursor: default;
            padding-right: 5px
        }

        .blu-chip.b-deletable button[data-v-2ffdd76e] {
            display: flex;
            align-items: center;
            margin-left: 4px;
            padding: 0;
            color: #797f85
        }

        .blu-chip.b-deletable button svg[data-v-2ffdd76e] {
            width: 18px
        }

        .blu-chip.b-duplicated span[data-v-2ffdd76e] {
            animation: shake-2ffdd76e .82s cubic-bezier(0.36, 0.07, 0.19, 0.97) both;
            transform: translate3d(0, 0, 0);
            backface-visibility: hidden;
            perspective: 1000px
        }

        @keyframes shake-2ffdd76e {

            10%,
            90% {
                transform: translate3d(-1px, 0, 0)
            }

            20%,
            80% {
                transform: translate3d(2px, 0, 0)
            }

            30%,
            50%,
            70% {
                transform: translate3d(-4px, 0, 0)
            }

            40%,
            60% {
                transform: translate3d(4px, 0, 0)
            }
        }

        *[data-v-2ffdd76e]::-moz-focus-inner {
            border: 0
        }

        *[data-v-2ffdd76e]:focus {
            outline: 0
        }
    </style>
    <style type="text/css">
        .blu-tooltip[data-v-0ee5205b] {
            position: relative
        }

        @media screen and (min-width: 769px),
        print {

            .blu-tooltip.b-left-center[data-v-0ee5205b],
            .blu-tooltip.b-right-center[data-v-0ee5205b] {
                align-items: center
            }

            .blu-tooltip.b-right-top[data-v-0ee5205b],
            .blu-tooltip.b-right-center[data-v-0ee5205b],
            .blu-tooltip.b-right-btm[data-v-0ee5205b] {
                display: inline-flex
            }

            .blu-tooltip.b-left-top[data-v-0ee5205b],
            .blu-tooltip.b-left-center[data-v-0ee5205b],
            .blu-tooltip.b-left-btm[data-v-0ee5205b] {
                display: inline-flex
            }
        }
    </style>
    <style type="text/css">
        @media screen and (min-width: 769px),
        print {
            .blu-tooltip__label[data-v-9241c53c] {
                position: relative
            }

            .blu-tooltip__label[data-v-9241c53c]:hover {
                cursor: default
            }

            .blu-tooltip__label:hover+.blu-tooltip__label[data-v-9241c53c]:after {
                opacity: 1;
                transition: all .5s ease 0s
            }

            .blu-tooltip__label[data-v-9241c53c]:focus-visible {
                background-color: #000;
                color: #fff;
                outline: none;
                cursor: default
            }

            .blu-tooltip__label:focus-visible+.blu-tooltip__label[data-v-9241c53c]:after {
                opacity: 1;
                transition: all .5s ease 0s
            }

            .blu-tooltip.b-top-left .blu-tooltip__label[data-v-9241c53c]::after,
            .blu-tooltip.b-top-center .blu-tooltip__label[data-v-9241c53c]::after,
            .blu-tooltip.b-top-right .blu-tooltip__label[data-v-9241c53c]::after {
                bottom: 100%;
                border-color: #fff rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) rgba(0, 0, 0, 0)
            }

            .blu-tooltip.b-right-top .blu-tooltip__label[data-v-9241c53c]::after,
            .blu-tooltip.b-right-center .blu-tooltip__label[data-v-9241c53c]::after,
            .blu-tooltip.b-right-btm .blu-tooltip__label[data-v-9241c53c]::after {
                top: 4px;
                left: 100%;
                border-color: rgba(0, 0, 0, 0) #fff rgba(0, 0, 0, 0) rgba(0, 0, 0, 0)
            }

            .blu-tooltip.b-left-top .blu-tooltip__label[data-v-9241c53c]:after,
            .blu-tooltip.b-left-center .blu-tooltip__label[data-v-9241c53c]:after,
            .blu-tooltip.b-left-btm .blu-tooltip__label[data-v-9241c53c]:after {
                left: -16px;
                top: 4px;
                border-color: rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) #fff
            }
        }

        @media screen and (max-width: 768px) {
            .b-active .blu-tooltip__label[data-v-9241c53c] {
                position: relative;
                z-index: 1;
                opacity: .5
            }

            .b-active .blu-tooltip__label+.blu-tooltip__content-wrapper[data-v-9241c53c] {
                opacity: 1;
                transition: all .5s ease 0s;
                z-index: 99
            }

            .b-active .blu-tooltip__label+.blu-tooltip__content-wrapper .blu-tooltip__mask[data-v-9241c53c] {
                visibility: visible
            }

            .b-active .blu-tooltip__label+.blu-tooltip__content-wrapper .blu-tooltip__content[data-v-9241c53c] {
                opacity: 1;
                visibility: visible
            }
        }
    </style>
    <style type="text/css">
        @keyframes scale-up-1b7c2afb {
            0% {
                transform: scale(0.5)
            }

            25% {
                transform: scale(0.8)
            }

            50% {
                transform: scale(1)
            }
        }

        .blu-tooltip__content[data-v-1b7c2afb] {
            font: 16px/20px "blibli", -apple-system, segoe ui, roboto, helvetica, arial, sans-serif;
            width: 250px;
            text-align: left;
            border-radius: 8px;
            background-color: #fff;
            padding: 16px;
            transition: visibility .3s, opacity .3s ease .2s;
            opacity: 0;
            pointer-events: all;
            visibility: hidden;
            color: rgba(25, 34, 42, .7019607843);
            box-shadow: 0 1px 6px 0 rgba(0, 0, 0, .1)
        }

        @media screen and (min-width: 769px),
        print {
            .blu-tooltip__content[data-v-1b7c2afb]:hover {
                opacity: 1;
                visibility: visible
            }
        }

        @media screen and (min-width: 769px),
        print {
            .blu-tooltip__content-wrapper[data-v-1b7c2afb] {
                position: absolute;
                z-index: 1;
                pointer-events: none
            }
        }

        @media screen and (min-width: 769px)and (min-width: 769px),
        print {
            .blu-tooltip__content-wrapper.b-page .blu-modal__close[data-v-1b7c2afb] {
                display: none
            }
        }

        @media screen and (min-width: 769px),
        print {
            .blu-tooltip__label:hover+.blu-tooltip__content-wrapper .blu-tooltip__content[data-v-1b7c2afb] {
                opacity: 1;
                visibility: visible;
                animation: scale-up-1b7c2afb .2s cubic-bezier(0, 0, 0.4, 1.4) .2s
            }

            .blu-tooltip__label:focus-visible+.blu-tooltip__content-wrapper .blu-tooltip__content[data-v-1b7c2afb] {
                opacity: 1;
                visibility: visible;
                animation: scale-up-1b7c2afb .2s cubic-bezier(0, 0, 0.4, 1.4) .2s
            }

            .blu-tooltip__close[data-v-1b7c2afb] {
                display: none
            }

            .blu-tooltip.b-top-left .blu-tooltip__label[data-v-1b7c2afb]:after,
            .blu-tooltip.b-top-center .blu-tooltip__label[data-v-1b7c2afb]:after,
            .blu-tooltip.b-top-right .blu-tooltip__label[data-v-1b7c2afb]:after,
            .blu-tooltip.b-btm-left .blu-tooltip__label[data-v-1b7c2afb]:after,
            .blu-tooltip.b-btm-center .blu-tooltip__label[data-v-1b7c2afb]:after,
            .blu-tooltip.b-btm-right .blu-tooltip__label[data-v-1b7c2afb]:after {
                left: calc(50% - 8px)
            }

            .blu-tooltip.b-top-center .blu-tooltip__content-wrapper[data-v-1b7c2afb],
            .blu-tooltip.b-btm-center .blu-tooltip__content-wrapper[data-v-1b7c2afb] {
                height: 0
            }
        }

        @media screen and (min-width: 769px)and (min-width: 769px),
        print {

            .blu-tooltip.b-top-center .blu-tooltip__content-wrapper[data-v-1b7c2afb],
            .blu-tooltip.b-btm-center .blu-tooltip__content-wrapper[data-v-1b7c2afb] {
                right: 50%
            }
        }

        @media screen and (min-width: 769px),
        print {

            .blu-tooltip.b-top-center .blu-tooltip__content[data-v-1b7c2afb],
            .blu-tooltip.b-btm-center .blu-tooltip__content[data-v-1b7c2afb] {
                margin: auto
            }
        }

        @media screen and (min-width: 769px)and (min-width: 769px),
        print {

            .blu-tooltip.b-top-center .blu-tooltip__content[data-v-1b7c2afb],
            .blu-tooltip.b-btm-center .blu-tooltip__content[data-v-1b7c2afb] {
                margin: auto;
                margin-right: -50%
            }
        }

        @media screen and (min-width: 769px),
        print {

            .blu-tooltip.b-top-left .blu-tooltip__content-wrapper[data-v-1b7c2afb],
            .blu-tooltip.b-top-center .blu-tooltip__content-wrapper[data-v-1b7c2afb],
            .blu-tooltip.b-top-right .blu-tooltip__content-wrapper[data-v-1b7c2afb] {
                bottom: calc(100% + 16px);
                height: auto
            }

            .blu-tooltip.b-top-left .blu-tooltip__content-wrapper[data-v-1b7c2afb] {
                right: 0
            }

            .blu-tooltip.b-top-right .blu-tooltip__content-wrapper[data-v-1b7c2afb] {
                left: 0
            }

            .blu-tooltip.b-btm-left .blu-tooltip__content-wrapper[data-v-1b7c2afb],
            .blu-tooltip.b-btm-center .blu-tooltip__content-wrapper[data-v-1b7c2afb],
            .blu-tooltip.b-btm-right .blu-tooltip__content-wrapper[data-v-1b7c2afb] {
                top: calc(100% + 16px)
            }

            .blu-tooltip.b-btm-left .blu-tooltip__label[data-v-1b7c2afb]:after,
            .blu-tooltip.b-btm-center .blu-tooltip__label[data-v-1b7c2afb]:after,
            .blu-tooltip.b-btm-right .blu-tooltip__label[data-v-1b7c2afb]:after {
                top: 100%
            }

            .blu-tooltip.b-btm-left .blu-tooltip__content-wrapper[data-v-1b7c2afb] {
                right: 0
            }

            .blu-tooltip.b-btm-right .blu-tooltip__content-wrapper[data-v-1b7c2afb] {
                left: 0
            }

            .blu-tooltip.b-left-center .blu-tooltip__content-wrapper[data-v-1b7c2afb],
            .blu-tooltip.b-right-center .blu-tooltip__content-wrapper[data-v-1b7c2afb] {
                height: 100vh;
                display: flex;
                align-items: center;
                width: 1px;
                display: inline-grid
            }

            .blu-tooltip.b-right-top .blu-tooltip__content-wrapper[data-v-1b7c2afb],
            .blu-tooltip.b-right-center .blu-tooltip__content-wrapper[data-v-1b7c2afb],
            .blu-tooltip.b-right-btm .blu-tooltip__content-wrapper[data-v-1b7c2afb] {
                position: absolute;
                left: calc(100% + 16px)
            }

            .blu-tooltip.b-right-top .blu-tooltip__content-wrapper[data-v-1b7c2afb] {
                bottom: calc(100% - 33px)
            }

            .blu-tooltip.b-right-btm .blu-tooltip__content-wrapper[data-v-1b7c2afb] {
                top: calc(100% - 33px)
            }

            .blu-tooltip.b-left-top .blu-tooltip__content-wrapper[data-v-1b7c2afb],
            .blu-tooltip.b-left-center .blu-tooltip__content-wrapper[data-v-1b7c2afb],
            .blu-tooltip.b-left-btm .blu-tooltip__content-wrapper[data-v-1b7c2afb] {
                width: 1px;
                left: -17px
            }

            .blu-tooltip.b-left-top .blu-tooltip__content[data-v-1b7c2afb],
            .blu-tooltip.b-left-center .blu-tooltip__content[data-v-1b7c2afb],
            .blu-tooltip.b-left-btm .blu-tooltip__content[data-v-1b7c2afb] {
                position: absolute;
                right: 0
            }

            .blu-tooltip.b-left-top .blu-tooltip__content[data-v-1b7c2afb] {
                bottom: calc(100% - 30px)
            }

            .blu-tooltip.b-left-btm .blu-tooltip__content[data-v-1b7c2afb] {
                top: calc(100% - 15px)
            }
        }

        @media screen and (max-width: 768px) {
            .blu-tooltip.b-active .blu-tooltip__content[data-v-1b7c2afb] {
                max-height: calc(100% - 50px);
                padding: 24px 24px 28px 24px;
                visibility: visible;
                opacity: 1
            }

            .blu-tooltip.b-active .blu-tooltip__content-wrapper[data-v-1b7c2afb] {
                opacity: 1;
                z-index: 99;
                visibility: visible
            }

            .blu-tooltip.b-active .blu-tooltip__content-wrapper .blu-tooltip__content[data-v-1b7c2afb] {
                opacity: 1;
                visibility: visible
            }

            .blu-tooltip__content[data-v-1b7c2afb] {
                width: 100%;
                max-width: 100%;
                transition: none;
                position: fixed;
                border-radius: 16px 16px 0 0;
                left: 0;
                bottom: 0;
                opacity: 0
            }

            .blu-tooltip__content-wrapper[data-v-1b7c2afb] {
                position: fixed;
                display: flex;
                top: 0;
                left: 0;
                width: 100%;
                height: 100%;
                align-items: center;
                justify-content: center;
                background: rgba(0, 0, 0, .6);
                opacity: 0;
                z-index: -1;
                visibility: hidden
            }
        }

        @media screen and (max-width: 768px)and (max-width: 768px) {
            .blu-tooltip__close[data-v-1b7c2afb] {
                position: absolute;
                top: -28px;
                right: 20px
            }

            .blu-tooltip__close i[data-v-1b7c2afb] {
                content: "";
                top: 1px;
                right: 1px;
                position: absolute;
                width: 24px;
                height: 24px;
                transform: scale(1.3);
                background: rgba(0, 0, 0, 0) url(data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PSIwIDAgMjQgMjQiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGQ9Ik0xMy43NjcyIDEyTDE3LjYzMiA4LjEzODM5QzE4LjEyMjcgNy42NDgxOSAxOC4xMjI3IDYuODU3ODYgMTcuNjMyIDYuMzY3NjVDMTcuMTQxNCA1Ljg3NzQ1IDE2LjM1MDQgNS44Nzc0NSAxNS44NTk4IDYuMzY3NjVMMTEuOTk1IDEwLjIyOTNMOC4xNDAxOCA2LjM3NzY2QzcuNjQ5NTYgNS44ODc0NSA2Ljg1ODU3IDUuODg3NDUgNi4zNjc5NiA2LjM3NzY2QzUuODc3MzUgNi44Njc4NiA1Ljg3NzM1IDcuNjU4MTkgNi4zNjc5NiA4LjE0ODRMMTAuMjIyOCAxMkw2LjM2Nzk2IDE1Ljg2MTZDNS44NzczNSAxNi4zNTE4IDUuODc3MzUgMTcuMTQyMSA2LjM2Nzk2IDE3LjYzMjNDNi44NTg1NyAxOC4xMjI2IDcuNjQ5NTYgMTguMTIyNiA4LjE0MDE4IDE3LjYzMjNMMTIuMDA1IDEzLjc3MDdMMTUuODU5OCAxNy42MjIzQzE2LjM1MDQgMTguMTEyNSAxNy4xNDE0IDE4LjExMjUgMTcuNjMyIDE3LjYyMjNDMTguMTIyNyAxNy4xMzIxIDE4LjEyMjcgMTYuMzQxOCAxNy42MzIgMTUuODUxNkwxMy43NzcyIDEySDEzLjc2NzJaIiBmaWxsPSIjNzk3Rjg1Ii8+Cjwvc3ZnPgo=) center center no-repeat #e1e3e4;
                background-color: #e1e3e4;
                -webkit-mask-image: url(data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PSIwIDAgMjQgMjQiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGQ9Ik0xMy43NjcyIDEyTDE3LjYzMiA4LjEzODM5QzE4LjEyMjcgNy42NDgxOSAxOC4xMjI3IDYuODU3ODYgMTcuNjMyIDYuMzY3NjVDMTcuMTQxNCA1Ljg3NzQ1IDE2LjM1MDQgNS44Nzc0NSAxNS44NTk4IDYuMzY3NjVMMTEuOTk1IDEwLjIyOTNMOC4xNDAxOCA2LjM3NzY2QzcuNjQ5NTYgNS44ODc0NSA2Ljg1ODU3IDUuODg3NDUgNi4zNjc5NiA2LjM3NzY2QzUuODc3MzUgNi44Njc4NiA1Ljg3NzM1IDcuNjU4MTkgNi4zNjc5NiA4LjE0ODRMMTAuMjIyOCAxMkw2LjM2Nzk2IDE1Ljg2MTZDNS44NzczNSAxNi4zNTE4IDUuODc3MzUgMTcuMTQyMSA2LjM2Nzk2IDE3LjYzMjNDNi44NTg1NyAxOC4xMjI2IDcuNjQ5NTYgMTguMTIyNiA4LjE0MDE4IDE3LjYzMjNMMTIuMDA1IDEzLjc3MDdMMTUuODU5OCAxNy42MjIzQzE2LjM1MDQgMTguMTEyNSAxNy4xNDE0IDE4LjExMjUgMTcuNjMyIDE3LjYyMjNDMTguMTIyNyAxNy4xMzIxIDE4LjEyMjcgMTYuMzQxOCAxNy42MzIgMTUuODUxNkwxMy43NzcyIDEySDEzLjc2NzJaIiBmaWxsPSIjNzk3Rjg1Ii8+Cjwvc3ZnPgo=)
            }
        }
    </style>
    <style type="text/css">
        .blu-ripple[data-v-2bedc3c7] {
            width: 100%;
            height: 100%;
            position: relative;
            overflow: hidden;
            display: flex;
            justify-content: center;
            align-items: center;
            -webkit-box-pack: center;
            -webkit-box-align: center;
            -webkit-mask-image: radial-gradient(circle, #ffffff 100%, #000000 100%);
            padding: 0 12px
        }

        .blu-ripple-wave[data-v-2bedc3c7] {
            position: absolute;
            z-index: 1;
            pointer-events: none;
            background: currentColor;
            border-radius: 50%;
            opacity: 0;
            transform: scale(2) translateZ(0)
        }

        .blu-ripple-wave.b-centered[data-v-2bedc3c7] {
            animation-duration: 1.2s;
            top: 50%;
            left: 50%
        }

        .blu-ripple-wave~*[data-v-2bedc3c7]:not(.blu-ripple-wave) {
            position: relative;
            z-index: 2
        }

        .blu-ripple-enter-active[data-v-2bedc3c7] {
            transition: 2s cubic-bezier(0.25, 0.8, 0.25, 1);
            transition-property: opacity, transform;
            will-change: opacity, transform
        }

        .blu-ripple-enter-active.b-centered[data-v-2bedc3c7] {
            transition-duration: 1.2s
        }

        .blu-ripple-enter[data-v-2bedc3c7] {
            opacity: .26;
            transform: scale(0.26) translateZ(0)
        }

        .has-left-icon .blu-ripple svg[data-v-2bedc3c7] {
            margin-right: 8px
        }

        .has-left-icon.b-small svg[data-v-2bedc3c7] {
            transform-origin: left;
            margin-right: 4px
        }

        .b-large .blu-ripple[data-v-2bedc3c7] {
            padding: 0 16px
        }

        .b-small .blu-ripple[data-v-2bedc3c7] {
            padding: 0 8px
        }

        .b-small svg[data-v-2bedc3c7] {
            width: 18px;
            height: 18px
        }

        .b-icon .blu-ripple[data-v-2bedc3c7] {
            padding: 0
        }

        .b-loading .blu-loader-wrapper[data-v-2bedc3c7] {
            height: 24px;
            position: absolute
        }

        .b-loading .blu-ripple[data-v-2bedc3c7] {
            color: rgba(0, 0, 0, 0)
        }

        .b-loading .blu-ripple>svg[data-v-2bedc3c7] {
            visibility: hidden
        }

        .b-loading .blu-ripple .blu-ripple-wave[data-v-2bedc3c7] {
            color: #fff
        }

        .b-loading.b-white .blu-ripple-wave[data-v-2bedc3c7] {
            color: #a58d33
        }

        .b-loading.b-outline.b-secondary .blu-ripple-wave[data-v-2bedc3c7] {
            color: #a58d33
        }

        .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: #a58d33
        }

        .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: #a58d33
        }

        .b-disabled[data-v-2bedc3c7] {
            opacity: 1
        }

        .blu-btn-dropdown .blu-ripple>svg+div[data-v-2bedc3c7] {
            margin-left: 8px
        }
    </style>
    <style type="text/css">
        .blu-ripple[data-v-574d97b4] {
            width: 100%;
            height: 100%;
            position: relative;
            overflow: hidden;
            display: flex;
            justify-content: center;
            align-items: center;
            -webkit-box-pack: center;
            -webkit-box-align: center;
            -webkit-mask-image: radial-gradient(circle, #ffffff 100%, #000000 100%);
            padding: 0 12px
        }

        .blu-ripple-wave[data-v-574d97b4] {
            position: absolute;
            z-index: 1;
            pointer-events: none;
            background: currentColor;
            border-radius: 50%;
            opacity: 0;
            transform: scale(2) translateZ(0)
        }

        .blu-ripple-wave.b-centered[data-v-574d97b4] {
            animation-duration: 1.2s;
            top: 50%;
            left: 50%
        }

        .blu-ripple-wave~*[data-v-574d97b4]:not(.blu-ripple-wave) {
            position: relative;
            z-index: 2
        }

        .blu-ripple-enter-active[data-v-574d97b4] {
            transition: 2s cubic-bezier(0.25, 0.8, 0.25, 1);
            transition-property: opacity, transform;
            will-change: opacity, transform
        }

        .blu-ripple-enter-active.b-centered[data-v-574d97b4] {
            transition-duration: 1.2s
        }

        .blu-ripple-enter[data-v-574d97b4] {
            opacity: .26;
            transform: scale(0.26) translateZ(0)
        }

        .has-left-icon .blu-ripple svg[data-v-574d97b4] {
            margin-right: 8px
        }

        .has-left-icon.b-small svg[data-v-574d97b4] {
            transform-origin: left;
            margin-right: 4px
        }

        .b-large .blu-ripple[data-v-574d97b4] {
            padding: 0 16px
        }

        .b-small .blu-ripple[data-v-574d97b4] {
            padding: 0 8px
        }

        .b-small svg[data-v-574d97b4] {
            width: 18px;
            height: 18px
        }

        .b-icon .blu-ripple[data-v-574d97b4] {
            padding: 0
        }

        .b-loading .blu-loader-wrapper[data-v-574d97b4] {
            height: 24px;
            position: absolute
        }

        .b-loading .blu-ripple[data-v-574d97b4] {
            color: rgba(0, 0, 0, 0)
        }

        .b-loading .blu-ripple>svg[data-v-574d97b4] {
            visibility: hidden
        }

        .b-loading .blu-ripple .blu-ripple-wave[data-v-574d97b4] {
            color: #fff
        }

        .b-loading.b-white .blu-ripple-wave[data-v-574d97b4] {
            color: #a58d33
        }

        .b-loading.b-outline.b-secondary .blu-ripple-wave[data-v-574d97b4] {
            color: #a58d33
        }

        .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: #a58d33
        }

        .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: #a58d33
        }

        .b-disabled[data-v-574d97b4] {
            opacity: 1
        }

        .blu-btn-dropdown .blu-ripple>svg+div[data-v-574d97b4] {
            margin-left: 8px
        }
    </style>
    <style type="text/css">
        .blu-ripple[data-v-19fd2cc7] {
            width: 100%;
            height: 100%;
            position: relative;
            overflow: hidden;
            display: flex;
            justify-content: center;
            align-items: center;
            -webkit-box-pack: center;
            -webkit-box-align: center;
            -webkit-mask-image: radial-gradient(circle, #ffffff 100%, #000000 100%);
            padding: 0 12px
        }

        .blu-ripple-wave[data-v-19fd2cc7] {
            position: absolute;
            z-index: 1;
            pointer-events: none;
            background: currentColor;
            border-radius: 50%;
            opacity: 0;
            transform: scale(2) translateZ(0)
        }

        .blu-ripple-wave.b-centered[data-v-19fd2cc7] {
            animation-duration: 1.2s;
            top: 50%;
            left: 50%
        }

        .blu-ripple-wave~*[data-v-19fd2cc7]:not(.blu-ripple-wave) {
            position: relative;
            z-index: 2
        }

        .blu-ripple-enter-active[data-v-19fd2cc7] {
            transition: 2s cubic-bezier(0.25, 0.8, 0.25, 1);
            transition-property: opacity, transform;
            will-change: opacity, transform
        }

        .blu-ripple-enter-active.b-centered[data-v-19fd2cc7] {
            transition-duration: 1.2s
        }

        .blu-ripple-enter[data-v-19fd2cc7] {
            opacity: .26;
            transform: scale(0.26) translateZ(0)
        }

        .has-left-icon .blu-ripple svg[data-v-19fd2cc7] {
            margin-right: 8px
        }

        .has-left-icon.b-small svg[data-v-19fd2cc7] {
            transform-origin: left;
            margin-right: 4px
        }

        .b-large .blu-ripple[data-v-19fd2cc7] {
            padding: 0 16px
        }

        .b-small .blu-ripple[data-v-19fd2cc7] {
            padding: 0 8px
        }

        .b-small svg[data-v-19fd2cc7] {
            width: 18px;
            height: 18px
        }

        .b-icon .blu-ripple[data-v-19fd2cc7] {
            padding: 0
        }

        .b-loading .blu-loader-wrapper[data-v-19fd2cc7] {
            height: 24px;
            position: absolute
        }

        .b-loading .blu-ripple[data-v-19fd2cc7] {
            color: rgba(0, 0, 0, 0)
        }

        .b-loading .blu-ripple>svg[data-v-19fd2cc7] {
            visibility: hidden
        }

        .b-loading .blu-ripple .blu-ripple-wave[data-v-19fd2cc7] {
            color: #fff
        }

        .b-loading.b-white .blu-ripple-wave[data-v-19fd2cc7] {
            color: #a58d33
        }

        .b-loading.b-outline.b-secondary .blu-ripple-wave[data-v-19fd2cc7] {
            color: #a58d33
        }

        .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: #a58d33
        }

        .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: #a58d33
        }

        .b-disabled[data-v-19fd2cc7] {
            opacity: 1
        }

        .blu-btn-dropdown .blu-ripple>svg+div[data-v-19fd2cc7] {
            margin-left: 8px
        }

        .blu-btn[data-v-19fd2cc7] {
            position: relative;
            font: 16px/20px "blibli demi bold", -apple-system, segoe ui, roboto, helvetica, arial, sans-serif;
            text-decoration: none;
            transition: color .4s, background-color .4s, border-color .6s;
            white-space: nowrap;
            height: 48px;
            padding: 0;
            -webkit-tap-highlight-color: rgba(0, 0, 0, 0)
        }

        .blu-btn[data-v-19fd2cc7]::-moz-focus-inner {
            border: 0
        }

        .blu-btn[data-v-19fd2cc7]:active {
            outline: none
        }

        .blu-btn[data-v-19fd2cc7]:before {
            position: absolute;
            top: 0;
            right: 0;
            bottom: 0;
            left: 0;
            z-index: 1;
            opacity: 0;
            transition: .4s cubic-bezier(0.4, 0, 0.2, 1);
            will-change: background-color, opacity;
            content: " "
        }

        .blu-btn[data-v-19fd2cc7]:focus-visible {
            box-shadow: 0px 0px 0px 4px #000
        }

        .blu-btn.b-primary[data-v-19fd2cc7] {
            color: #fff;
            background-color: #f1ab02;
            border-color: #f1ab02
        }

        .blu-btn.b-primary[data-v-19fd2cc7]:not(.b-disabled):focus-visible,
        .blu-btn.b-primary[data-v-19fd2cc7]:not(.b-disabled):hover,
        .blu-btn.b-primary:not(.b-disabled).b-active[data-v-19fd2cc7] {
            background-color: #e39304;
            border-color: #e39304
        }

        .blu-btn.b-secondary[data-v-19fd2cc7] {
            color: #fff;
            background-color: #a58d33;
            border-color: #a58d33
        }

        .blu-btn.b-secondary[data-v-19fd2cc7]:not(.b-disabled):focus-visible,
        .blu-btn.b-secondary[data-v-19fd2cc7]:not(.b-disabled):hover,
        .blu-btn.b-secondary:not(.b-disabled).b-active[data-v-19fd2cc7] {
            background-color: #ac8221;
            border-color: #ac8221
        }

        .blu-btn.b-white[data-v-19fd2cc7] {
            color: #fff;
            background-color: #fff;
            border-color: #fff;
            color: #a58d33
        }

        .blu-btn.b-white[data-v-19fd2cc7]:not(.b-disabled):focus-visible,
        .blu-btn.b-white[data-v-19fd2cc7]:not(.b-disabled):hover,
        .blu-btn.b-white:not(.b-disabled).b-active[data-v-19fd2cc7] {
            background-color: #f1f2f2;
            border-color: #f1f2f2
        }

        .blu-btn.b-disabled[data-v-19fd2cc7] {
            color: #fff;
            background-color: #c8cbcd;
            border-color: #c8cbcd;
            color: rgba(25, 34, 42, .4)
        }

        .blu-btn.b-disabled[data-v-19fd2cc7]:not(.b-disabled):focus-visible,
        .blu-btn.b-disabled[data-v-19fd2cc7]:not(.b-disabled):hover,
        .blu-btn.b-disabled:not(.b-disabled).b-active[data-v-19fd2cc7] {
            background-color: #c8cbcd;
            border-color: #c8cbcd
        }

        .blu-btn.b-large[data-v-19fd2cc7] {
            height: 56px
        }

        .blu-btn.b-small[data-v-19fd2cc7] {
            font: 14px/18px "blibli demi bold", -apple-system, segoe ui, roboto, helvetica, arial, sans-serif;
            height: 32px
        }

        .b-disabled[data-v-19fd2cc7] {
            opacity: 1
        }

        input[type=submit][data-v-19fd2cc7]::-moz-focus-inner,
        input[type=button][data-v-19fd2cc7]::-moz-focus-inner {
            border: 0px
        }

        button[data-v-19fd2cc7]:focus,
        input[type=submit][data-v-19fd2cc7]:focus,
        input[type=button][data-v-19fd2cc7]:focus,
        input[type=reset][data-v-19fd2cc7]:focus,
        a[data-v-19fd2cc7] {
            outline: none
        }

        a[data-v-19fd2cc7],
        a[data-v-19fd2cc7]:visited,
        a[data-v-19fd2cc7]:focus,
        a[data-v-19fd2cc7]:active,
        a[data-v-19fd2cc7]:hover {
            outline: 0 none !important
        }

        .blu-btn[data-v-19fd2cc7] {
            border-radius: 24px
        }

        .blu-btn+.blu-button[data-v-19fd2cc7] {
            margin-left: 0
        }

        .blu-btn.b-outline[data-v-19fd2cc7] {
            background-color: rgba(0, 0, 0, 0)
        }

        .blu-btn.b-outline.b-primary[data-v-19fd2cc7] {
            color: #f1ab02;
            background-color: #e39304;
            border: #ffcd00 1px solid
        }

        .blu-btn.b-outline.b-primary[data-v-19fd2cc7]:not(.b-disabled) {
            background-color: rgba(255, 255, 255, .12)
        }

        .blu-btn.b-outline.b-primary[data-v-19fd2cc7]:not(.b-disabled):focus-visible,
        .blu-btn.b-outline.b-primary[data-v-19fd2cc7]:not(.b-disabled):hover,
        .blu-btn.b-outline.b-primary:not(.b-disabled).b-active[data-v-19fd2cc7] {
            background-color: rgba(227, 147, 4, .08);
            border: #ffcd00 1px solid
        }

        .blu-btn.b-outline.b-primary.b-active[data-v-19fd2cc7] {
            z-index: 9;
            background-color: #f1ab02;
            color: #fff
        }

        .blu-btn.b-outline.b-secondary[data-v-19fd2cc7] {
            color: #a58d33;
            background-color: #ac8221;
            border: #1d8fff 1px solid
        }

        .blu-btn.b-outline.b-secondary[data-v-19fd2cc7]:not(.b-disabled) {
            background-color: rgba(255, 255, 255, .12)
        }

        .blu-btn.b-outline.b-secondary[data-v-19fd2cc7]:not(.b-disabled):focus-visible,
        .blu-btn.b-outline.b-secondary[data-v-19fd2cc7]:not(.b-disabled):hover,
        .blu-btn.b-outline.b-secondary:not(.b-disabled).b-active[data-v-19fd2cc7] {
            background-color: rgba(0, 109, 234, .08);
            border: #1d8fff 1px solid
        }

        .blu-btn.b-outline.b-secondary.b-active[data-v-19fd2cc7] {
            z-index: 9;
            background-color: #a58d33;
            color: #fff
        }

        .blu-btn.b-outline.b-white[data-v-19fd2cc7] {
            color: #fff;
            background-color: #fff;
            border: #fff 1px solid
        }

        .blu-btn.b-outline.b-white[data-v-19fd2cc7]:not(.b-disabled) {
            background-color: rgba(255, 255, 255, .12)
        }

        .blu-btn.b-outline.b-white[data-v-19fd2cc7]:not(.b-disabled):focus-visible,
        .blu-btn.b-outline.b-white[data-v-19fd2cc7]:not(.b-disabled):hover,
        .blu-btn.b-outline.b-white:not(.b-disabled).b-active[data-v-19fd2cc7] {
            background-color: rgba(255, 255, 255, .4);
            border: #fff 1px solid
        }

        .blu-btn.b-outline.b-white.b-active[data-v-19fd2cc7] {
            z-index: 9;
            background-color: #fff;
            color: #fff
        }

        .blu-btn.b-outline.b-disabled[data-v-19fd2cc7] {
            color: rgba(25, 34, 42, .4);
            background-color: #c8cbcd;
            border: #c8cbcd 1px solid
        }

        .blu-btn.b-outline.b-disabled[data-v-19fd2cc7]:not(.b-disabled) {
            background-color: rgba(255, 255, 255, .12)
        }

        .blu-btn.b-outline.b-disabled[data-v-19fd2cc7]:not(.b-disabled):focus-visible,
        .blu-btn.b-outline.b-disabled[data-v-19fd2cc7]:not(.b-disabled):hover,
        .blu-btn.b-outline.b-disabled:not(.b-disabled).b-active[data-v-19fd2cc7] {
            background-color: rgba(200, 203, 205, .08);
            border: #c8cbcd 1px solid
        }

        .blu-btn.b-outline.b-disabled.b-active[data-v-19fd2cc7] {
            z-index: 9;
            background-color: rgba(25, 34, 42, .4);
            color: #fff
        }

        .blu-btn.b-outline.b-small .blu-ripple[data-v-19fd2cc7] {
            border-radius: 14px
        }

        .blu-btn.b-outline.b-large .blu-ripple[data-v-19fd2cc7] {
            border-radius: 30px
        }

        .blu-btn.b-ghost[data-v-19fd2cc7] {
            background-color: rgba(0, 0, 0, 0);
            border-color: rgba(0, 0, 0, 0)
        }

        .blu-btn.b-ghost.b-primary[data-v-19fd2cc7] {
            color: #f1ab02;
            border-color: rgba(0, 0, 0, 0)
        }

        .blu-btn.b-ghost.b-primary[data-v-19fd2cc7]:not(.b-disabled):focus-visible,
        .blu-btn.b-ghost.b-primary[data-v-19fd2cc7]:not(.b-disabled):hover,
        .blu-btn.b-ghost.b-primary:not(.b-disabled).b-active[data-v-19fd2cc7] {
            border-color: rgba(0, 0, 0, 0);
            background-color: rgba(227, 147, 4, .08)
        }

        .blu-btn.b-ghost.b-secondary[data-v-19fd2cc7] {
            color: #a58d33;
            border-color: rgba(0, 0, 0, 0)
        }

        .blu-btn.b-ghost.b-secondary[data-v-19fd2cc7]:not(.b-disabled):focus-visible,
        .blu-btn.b-ghost.b-secondary[data-v-19fd2cc7]:not(.b-disabled):hover,
        .blu-btn.b-ghost.b-secondary:not(.b-disabled).b-active[data-v-19fd2cc7] {
            border-color: rgba(0, 0, 0, 0);
            background-color: rgba(0, 109, 234, .08)
        }

        .blu-btn.b-ghost.b-white[data-v-19fd2cc7] {
            color: #fff;
            border-color: rgba(0, 0, 0, 0)
        }

        .blu-btn.b-ghost.b-white[data-v-19fd2cc7]:not(.b-disabled):focus-visible,
        .blu-btn.b-ghost.b-white[data-v-19fd2cc7]:not(.b-disabled):hover,
        .blu-btn.b-ghost.b-white:not(.b-disabled).b-active[data-v-19fd2cc7] {
            border-color: rgba(0, 0, 0, 0);
            background-color: rgba(255, 255, 255, .4)
        }

        .blu-btn.b-ghost.b-white.b-disabled[data-v-19fd2cc7] {
            color: rgba(255, 255, 255, .4);
            border-color: rgba(0, 0, 0, 0)
        }

        .blu-btn.b-ghost.b-white.b-disabled[data-v-19fd2cc7]:not(.b-disabled):focus-visible,
        .blu-btn.b-ghost.b-white.b-disabled[data-v-19fd2cc7]:not(.b-disabled):hover,
        .blu-btn.b-ghost.b-white.b-disabled:not(.b-disabled).b-active[data-v-19fd2cc7] {
            border-color: rgba(0, 0, 0, 0);
            background-color: rgba(0, 0, 0, 0)
        }

        .blu-btn.b-ghost.b-disabled[data-v-19fd2cc7] {
            color: rgba(25, 34, 42, .4);
            border-color: rgba(0, 0, 0, 0)
        }

        .blu-btn.b-ghost.b-disabled[data-v-19fd2cc7]:not(.b-disabled):focus-visible,
        .blu-btn.b-ghost.b-disabled[data-v-19fd2cc7]:not(.b-disabled):hover,
        .blu-btn.b-ghost.b-disabled:not(.b-disabled).b-active[data-v-19fd2cc7] {
            border-color: rgba(0, 0, 0, 0);
            background-color: rgba(0, 0, 0, 0)
        }

        .blu-btn.b-warning[data-v-19fd2cc7] {
            color: #fff;
            background-color: #ffcd00;
            border-color: #ffcd00
        }

        .blu-btn.b-warning[data-v-19fd2cc7]:not(.b-disabled):focus-visible,
        .blu-btn.b-warning[data-v-19fd2cc7]:not(.b-disabled):hover,
        .blu-btn.b-warning:not(.b-disabled).b-active[data-v-19fd2cc7] {
            background-color: #cca400;
            border-color: #cca400
        }

        .blu-btn.b-danger[data-v-19fd2cc7] {
            color: #fff;
            background-color: #ff4646;
            border-color: #ff4646
        }

        .blu-btn.b-danger[data-v-19fd2cc7]:not(.b-disabled):focus-visible,
        .blu-btn.b-danger[data-v-19fd2cc7]:not(.b-disabled):hover,
        .blu-btn.b-danger:not(.b-disabled).b-active[data-v-19fd2cc7] {
            background-color: #ff1313;
            border-color: #ff1313
        }

        .blu-btn.b-small[data-v-19fd2cc7] {
            border-radius: 16px
        }

        .blu-btn.b-small .blu-ripple[data-v-19fd2cc7] {
            border-radius: 16px
        }

        .blu-btn.b-large[data-v-19fd2cc7] {
            border-radius: 32px
        }

        .blu-btn.b-large .blu-ripple[data-v-19fd2cc7] {
            border-radius: 32px
        }

        .blu-btn.b-icon[data-v-19fd2cc7] {
            width: 48px
        }

        .blu-btn.b-icon.b-large[data-v-19fd2cc7] {
            width: 56px
        }

        .blu-btn.b-icon.b-small[data-v-19fd2cc7] {
            width: 32px
        }

        .blu-btn.b-icon svg[data-v-19fd2cc7] {
            width: 100%;
            height: 100%
        }

        .blu-btn.b-full-width[data-v-19fd2cc7] {
            width: 100%
        }

        .blu-btn .blu-ripple[data-v-19fd2cc7] {
            border-radius: 24px
        }
    </style>
    <style type="text/css">
        .blu-card[data-v-05db4d06] {
            background: #fff;
            border-radius: 16px;
            box-shadow: 0 1px 6px 0 rgba(0, 0, 0, .1)
        }

        .blu-card.b-noshadow[data-v-05db4d06] {
            box-shadow: none
        }

        .blu-card.b-radius-large[data-v-05db4d06] {
            border-radius: 32px
        }

        .blu-card.b-radius-medium[data-v-05db4d06] {
            border-radius: 24px
        }

        .blu-card.b-radius-small[data-v-05db4d06] {
            border-radius: 8px
        }

        .blu-card.b-no-radius[data-v-05db4d06] {
            border-radius: 0px
        }
    </style>
    <style type="text/css">
        .blu-card__content[data-v-0250d5bb] {
            padding: 20px
        }
    </style>
    <style type="text/css">
        .b-page .blu-modal__close[data-v-a1423cd6] {
            width: 24px;
            height: 24px;
            position: absolute;
            top: -28px;
            right: 20px
        }

        .b-page .blu-modal__close i[data-v-a1423cd6] {
            content: "";
            top: 1px;
            right: 1px;
            position: absolute;
            width: 24px;
            height: 24px;
            transform: scale(1.3);
            background: rgba(0, 0, 0, 0) url(data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PSIwIDAgMjQgMjQiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGQ9Ik0xMy43NjcyIDEyTDE3LjYzMiA4LjEzODM5QzE4LjEyMjcgNy42NDgxOSAxOC4xMjI3IDYuODU3ODYgMTcuNjMyIDYuMzY3NjVDMTcuMTQxNCA1Ljg3NzQ1IDE2LjM1MDQgNS44Nzc0NSAxNS44NTk4IDYuMzY3NjVMMTEuOTk1IDEwLjIyOTNMOC4xNDAxOCA2LjM3NzY2QzcuNjQ5NTYgNS44ODc0NSA2Ljg1ODU3IDUuODg3NDUgNi4zNjc5NiA2LjM3NzY2QzUuODc3MzUgNi44Njc4NiA1Ljg3NzM1IDcuNjU4MTkgNi4zNjc5NiA4LjE0ODRMMTAuMjIyOCAxMkw2LjM2Nzk2IDE1Ljg2MTZDNS44NzczNSAxNi4zNTE4IDUuODc3MzUgMTcuMTQyMSA2LjM2Nzk2IDE3LjYzMjNDNi44NTg1NyAxOC4xMjI2IDcuNjQ5NTYgMTguMTIyNiA4LjE0MDE4IDE3LjYzMjNMMTIuMDA1IDEzLjc3MDdMMTUuODU5OCAxNy42MjIzQzE2LjM1MDQgMTguMTEyNSAxNy4xNDE0IDE4LjExMjUgMTcuNjMyIDE3LjYyMjNDMTguMTIyNyAxNy4xMzIxIDE4LjEyMjcgMTYuMzQxOCAxNy42MzIgMTUuODUxNkwxMy43NzcyIDEySDEzLjc2NzJaIiBmaWxsPSIjNzk3Rjg1Ii8+Cjwvc3ZnPgo=) center center no-repeat #c8cbcd;
            background-color: #e1e3e4;
            -webkit-mask-image: url(data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PSIwIDAgMjQgMjQiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGQ9Ik0xMy43NjcyIDEyTDE3LjYzMiA4LjEzODM5QzE4LjEyMjcgNy42NDgxOSAxOC4xMjI3IDYuODU3ODYgMTcuNjMyIDYuMzY3NjVDMTcuMTQxNCA1Ljg3NzQ1IDE2LjM1MDQgNS44Nzc0NSAxNS44NTk4IDYuMzY3NjVMMTEuOTk1IDEwLjIyOTNMOC4xNDAxOCA2LjM3NzY2QzcuNjQ5NTYgNS44ODc0NSA2Ljg1ODU3IDUuODg3NDUgNi4zNjc5NiA2LjM3NzY2QzUuODc3MzUgNi44Njc4NiA1Ljg3NzM1IDcuNjU4MTkgNi4zNjc5NiA4LjE0ODRMMTAuMjIyOCAxMkw2LjM2Nzk2IDE1Ljg2MTZDNS44NzczNSAxNi4zNTE4IDUuODc3MzUgMTcuMTQyMSA2LjM2Nzk2IDE3LjYzMjNDNi44NTg1NyAxOC4xMjI2IDcuNjQ5NTYgMTguMTIyNiA4LjE0MDE4IDE3LjYzMjNMMTIuMDA1IDEzLjc3MDdMMTUuODU5OCAxNy42MjIzQzE2LjM1MDQgMTguMTEyNSAxNy4xNDE0IDE4LjExMjUgMTcuNjMyIDE3LjYyMjNDMTguMTIyNyAxNy4xMzIxIDE4LjEyMjcgMTYuMzQxOCAxNy42MzIgMTUuODUxNkwxMy43NzcyIDEySDEzLjc2NzJaIiBmaWxsPSIjNzk3Rjg1Ii8+Cjwvc3ZnPgo=)
        }

        @media screen and (max-width: 768px) {
            .b-page .blu-modal__close[data-v-a1423cd6] {
                right: 20px
            }
        }

        .b-page .blu-modal__close[data-v-a1423cd6]:focus-visible {
            box-shadow: 0px 0px 0px 4px #000;
            outline: none
        }
    </style>
    <style type="text/css">
        .blu-ripple[data-v-2bedc3c7] {
            width: 100%;
            height: 100%;
            position: relative;
            overflow: hidden;
            display: flex;
            justify-content: center;
            align-items: center;
            -webkit-box-pack: center;
            -webkit-box-align: center;
            -webkit-mask-image: radial-gradient(circle, #ffffff 100%, #000000 100%);
            padding: 0 12px
        }

        .blu-ripple-wave[data-v-2bedc3c7] {
            position: absolute;
            z-index: 1;
            pointer-events: none;
            background: currentColor;
            border-radius: 50%;
            opacity: 0;
            transform: scale(2) translateZ(0)
        }

        .blu-ripple-wave.b-centered[data-v-2bedc3c7] {
            animation-duration: 1.2s;
            top: 50%;
            left: 50%
        }

        .blu-ripple-wave~*[data-v-2bedc3c7]:not(.blu-ripple-wave) {
            position: relative;
            z-index: 2
        }

        .blu-ripple-enter-active[data-v-2bedc3c7] {
            transition: 2s cubic-bezier(0.25, 0.8, 0.25, 1);
            transition-property: opacity, transform;
            will-change: opacity, transform
        }

        .blu-ripple-enter-active.b-centered[data-v-2bedc3c7] {
            transition-duration: 1.2s
        }

        .blu-ripple-enter[data-v-2bedc3c7] {
            opacity: .26;
            transform: scale(0.26) translateZ(0)
        }

        .has-left-icon .blu-ripple svg[data-v-2bedc3c7] {
            margin-right: 8px
        }

        .has-left-icon.b-small svg[data-v-2bedc3c7] {
            transform-origin: left;
            margin-right: 4px
        }

        .b-large .blu-ripple[data-v-2bedc3c7] {
            padding: 0 16px
        }

        .b-small .blu-ripple[data-v-2bedc3c7] {
            padding: 0 8px
        }

        .b-small svg[data-v-2bedc3c7] {
            width: 18px;
            height: 18px
        }

        .b-icon .blu-ripple[data-v-2bedc3c7] {
            padding: 0
        }

        .b-loading .blu-loader-wrapper[data-v-2bedc3c7] {
            height: 24px;
            position: absolute
        }

        .b-loading .blu-ripple[data-v-2bedc3c7] {
            color: rgba(0, 0, 0, 0)
        }

        .b-loading .blu-ripple>svg[data-v-2bedc3c7] {
            visibility: hidden
        }

        .b-loading .blu-ripple .blu-ripple-wave[data-v-2bedc3c7] {
            color: #fff
        }

        .b-loading.b-white .blu-ripple-wave[data-v-2bedc3c7] {
            color: #a58d33
        }

        .b-loading.b-outline.b-secondary .blu-ripple-wave[data-v-2bedc3c7] {
            color: #a58d33
        }

        .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: #a58d33
        }

        .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: #a58d33
        }

        .b-disabled[data-v-2bedc3c7] {
            opacity: 1
        }

        .blu-btn-dropdown .blu-ripple>svg+div[data-v-2bedc3c7] {
            margin-left: 8px
        }
    </style>
    <style type="text/css">
        .blu-ripple[data-v-574d97b4] {
            width: 100%;
            height: 100%;
            position: relative;
            overflow: hidden;
            display: flex;
            justify-content: center;
            align-items: center;
            -webkit-box-pack: center;
            -webkit-box-align: center;
            -webkit-mask-image: radial-gradient(circle, #ffffff 100%, #000000 100%);
            padding: 0 12px
        }

        .blu-ripple-wave[data-v-574d97b4] {
            position: absolute;
            z-index: 1;
            pointer-events: none;
            background: currentColor;
            border-radius: 50%;
            opacity: 0;
            transform: scale(2) translateZ(0)
        }

        .blu-ripple-wave.b-centered[data-v-574d97b4] {
            animation-duration: 1.2s;
            top: 50%;
            left: 50%
        }

        .blu-ripple-wave~*[data-v-574d97b4]:not(.blu-ripple-wave) {
            position: relative;
            z-index: 2
        }

        .blu-ripple-enter-active[data-v-574d97b4] {
            transition: 2s cubic-bezier(0.25, 0.8, 0.25, 1);
            transition-property: opacity, transform;
            will-change: opacity, transform
        }

        .blu-ripple-enter-active.b-centered[data-v-574d97b4] {
            transition-duration: 1.2s
        }

        .blu-ripple-enter[data-v-574d97b4] {
            opacity: .26;
            transform: scale(0.26) translateZ(0)
        }

        .has-left-icon .blu-ripple svg[data-v-574d97b4] {
            margin-right: 8px
        }

        .has-left-icon.b-small svg[data-v-574d97b4] {
            transform-origin: left;
            margin-right: 4px
        }

        .b-large .blu-ripple[data-v-574d97b4] {
            padding: 0 16px
        }

        .b-small .blu-ripple[data-v-574d97b4] {
            padding: 0 8px
        }

        .b-small svg[data-v-574d97b4] {
            width: 18px;
            height: 18px
        }

        .b-icon .blu-ripple[data-v-574d97b4] {
            padding: 0
        }

        .b-loading .blu-loader-wrapper[data-v-574d97b4] {
            height: 24px;
            position: absolute
        }

        .b-loading .blu-ripple[data-v-574d97b4] {
            color: rgba(0, 0, 0, 0)
        }

        .b-loading .blu-ripple>svg[data-v-574d97b4] {
            visibility: hidden
        }

        .b-loading .blu-ripple .blu-ripple-wave[data-v-574d97b4] {
            color: #fff
        }

        .b-loading.b-white .blu-ripple-wave[data-v-574d97b4] {
            color: #a58d33
        }

        .b-loading.b-outline.b-secondary .blu-ripple-wave[data-v-574d97b4] {
            color: #a58d33
        }

        .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: #a58d33
        }

        .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: #a58d33
        }

        .b-disabled[data-v-574d97b4] {
            opacity: 1
        }

        .blu-btn-dropdown .blu-ripple>svg+div[data-v-574d97b4] {
            margin-left: 8px
        }
    </style>
    <style type="text/css">
        .blu-ripple[data-v-19fd2cc7] {
            width: 100%;
            height: 100%;
            position: relative;
            overflow: hidden;
            display: flex;
            justify-content: center;
            align-items: center;
            -webkit-box-pack: center;
            -webkit-box-align: center;
            -webkit-mask-image: radial-gradient(circle, #ffffff 100%, #000000 100%);
            padding: 0 12px
        }

        .blu-ripple-wave[data-v-19fd2cc7] {
            position: absolute;
            z-index: 1;
            pointer-events: none;
            background: currentColor;
            border-radius: 50%;
            opacity: 0;
            transform: scale(2) translateZ(0)
        }

        .blu-ripple-wave.b-centered[data-v-19fd2cc7] {
            animation-duration: 1.2s;
            top: 50%;
            left: 50%
        }

        .blu-ripple-wave~*[data-v-19fd2cc7]:not(.blu-ripple-wave) {
            position: relative;
            z-index: 2
        }

        .blu-ripple-enter-active[data-v-19fd2cc7] {
            transition: 2s cubic-bezier(0.25, 0.8, 0.25, 1);
            transition-property: opacity, transform;
            will-change: opacity, transform
        }

        .blu-ripple-enter-active.b-centered[data-v-19fd2cc7] {
            transition-duration: 1.2s
        }

        .blu-ripple-enter[data-v-19fd2cc7] {
            opacity: .26;
            transform: scale(0.26) translateZ(0)
        }

        .has-left-icon .blu-ripple svg[data-v-19fd2cc7] {
            margin-right: 8px
        }

        .has-left-icon.b-small svg[data-v-19fd2cc7] {
            transform-origin: left;
            margin-right: 4px
        }

        .b-large .blu-ripple[data-v-19fd2cc7] {
            padding: 0 16px
        }

        .b-small .blu-ripple[data-v-19fd2cc7] {
            padding: 0 8px
        }

        .b-small svg[data-v-19fd2cc7] {
            width: 18px;
            height: 18px
        }

        .b-icon .blu-ripple[data-v-19fd2cc7] {
            padding: 0
        }

        .b-loading .blu-loader-wrapper[data-v-19fd2cc7] {
            height: 24px;
            position: absolute
        }

        .b-loading .blu-ripple[data-v-19fd2cc7] {
            color: rgba(0, 0, 0, 0)
        }

        .b-loading .blu-ripple>svg[data-v-19fd2cc7] {
            visibility: hidden
        }

        .b-loading .blu-ripple .blu-ripple-wave[data-v-19fd2cc7] {
            color: #fff
        }

        .b-loading.b-white .blu-ripple-wave[data-v-19fd2cc7] {
            color: #a58d33
        }

        .b-loading.b-outline.b-secondary .blu-ripple-wave[data-v-19fd2cc7] {
            color: #a58d33
        }

        .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: #a58d33
        }

        .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: #a58d33
        }

        .b-disabled[data-v-19fd2cc7] {
            opacity: 1
        }

        .blu-btn-dropdown .blu-ripple>svg+div[data-v-19fd2cc7] {
            margin-left: 8px
        }

        .blu-btn[data-v-19fd2cc7] {
            position: relative;
            font: 16px/20px "blibli demi bold", -apple-system, segoe ui, roboto, helvetica, arial, sans-serif;
            text-decoration: none;
            transition: color .4s, background-color .4s, border-color .6s;
            white-space: nowrap;
            height: 48px;
            padding: 0;
            -webkit-tap-highlight-color: rgba(0, 0, 0, 0)
        }

        .blu-btn[data-v-19fd2cc7]::-moz-focus-inner {
            border: 0
        }

        .blu-btn[data-v-19fd2cc7]:active {
            outline: none
        }

        .blu-btn[data-v-19fd2cc7]:before {
            position: absolute;
            top: 0;
            right: 0;
            bottom: 0;
            left: 0;
            z-index: 1;
            opacity: 0;
            transition: .4s cubic-bezier(0.4, 0, 0.2, 1);
            will-change: background-color, opacity;
            content: " "
        }

        .blu-btn[data-v-19fd2cc7]:focus-visible {
            box-shadow: 0px 0px 0px 4px #000
        }

        .blu-btn.b-primary[data-v-19fd2cc7] {
            color: #fff;
            background-color: #f1ab02;
            border-color: #f1ab02
        }

        .blu-btn.b-primary[data-v-19fd2cc7]:not(.b-disabled):focus-visible,
        .blu-btn.b-primary[data-v-19fd2cc7]:not(.b-disabled):hover,
        .blu-btn.b-primary:not(.b-disabled).b-active[data-v-19fd2cc7] {
            background-color: #e39304;
            border-color: #e39304
        }

        .blu-btn.b-secondary[data-v-19fd2cc7] {
            color: #fff;
            background-color: #a58d33;
            border-color: #a58d33
        }

        .blu-btn.b-secondary[data-v-19fd2cc7]:not(.b-disabled):focus-visible,
        .blu-btn.b-secondary[data-v-19fd2cc7]:not(.b-disabled):hover,
        .blu-btn.b-secondary:not(.b-disabled).b-active[data-v-19fd2cc7] {
            background-color: #ac8221;
            border-color: #ac8221
        }

        .blu-btn.b-white[data-v-19fd2cc7] {
            color: #fff;
            background-color: #fff;
            border-color: #fff;
            color: #a58d33
        }

        .blu-btn.b-white[data-v-19fd2cc7]:not(.b-disabled):focus-visible,
        .blu-btn.b-white[data-v-19fd2cc7]:not(.b-disabled):hover,
        .blu-btn.b-white:not(.b-disabled).b-active[data-v-19fd2cc7] {
            background-color: #f1f2f2;
            border-color: #f1f2f2
        }

        .blu-btn.b-disabled[data-v-19fd2cc7] {
            color: #fff;
            background-color: #c8cbcd;
            border-color: #c8cbcd;
            color: rgba(25, 34, 42, .4)
        }

        .blu-btn.b-disabled[data-v-19fd2cc7]:not(.b-disabled):focus-visible,
        .blu-btn.b-disabled[data-v-19fd2cc7]:not(.b-disabled):hover,
        .blu-btn.b-disabled:not(.b-disabled).b-active[data-v-19fd2cc7] {
            background-color: #c8cbcd;
            border-color: #c8cbcd
        }

        .blu-btn.b-large[data-v-19fd2cc7] {
            height: 56px
        }

        .blu-btn.b-small[data-v-19fd2cc7] {
            font: 14px/18px "blibli demi bold", -apple-system, segoe ui, roboto, helvetica, arial, sans-serif;
            height: 32px
        }

        .b-disabled[data-v-19fd2cc7] {
            opacity: 1
        }

        input[type=submit][data-v-19fd2cc7]::-moz-focus-inner,
        input[type=button][data-v-19fd2cc7]::-moz-focus-inner {
            border: 0px
        }

        button[data-v-19fd2cc7]:focus,
        input[type=submit][data-v-19fd2cc7]:focus,
        input[type=button][data-v-19fd2cc7]:focus,
        input[type=reset][data-v-19fd2cc7]:focus,
        a[data-v-19fd2cc7] {
            outline: none
        }

        a[data-v-19fd2cc7],
        a[data-v-19fd2cc7]:visited,
        a[data-v-19fd2cc7]:focus,
        a[data-v-19fd2cc7]:active,
        a[data-v-19fd2cc7]:hover {
            outline: 0 none !important
        }

        .blu-btn[data-v-19fd2cc7] {
            border-radius: 24px
        }

        .blu-btn+.blu-button[data-v-19fd2cc7] {
            margin-left: 0
        }

        .blu-btn.b-outline[data-v-19fd2cc7] {
            background-color: rgba(0, 0, 0, 0)
        }

        .blu-btn.b-outline.b-primary[data-v-19fd2cc7] {
            color: #f1ab02;
            background-color: #e39304;
            border: #ffcd00 1px solid
        }

        .blu-btn.b-outline.b-primary[data-v-19fd2cc7]:not(.b-disabled) {
            background-color: rgba(255, 255, 255, .12)
        }

        .blu-btn.b-outline.b-primary[data-v-19fd2cc7]:not(.b-disabled):focus-visible,
        .blu-btn.b-outline.b-primary[data-v-19fd2cc7]:not(.b-disabled):hover,
        .blu-btn.b-outline.b-primary:not(.b-disabled).b-active[data-v-19fd2cc7] {
            background-color: rgba(227, 147, 4, .08);
            border: #ffcd00 1px solid
        }

        .blu-btn.b-outline.b-primary.b-active[data-v-19fd2cc7] {
            z-index: 9;
            background-color: #f1ab02;
            color: #fff
        }

        .blu-btn.b-outline.b-secondary[data-v-19fd2cc7] {
            color: #a58d33;
            background-color: #ac8221;
            border: #1d8fff 1px solid
        }

        .blu-btn.b-outline.b-secondary[data-v-19fd2cc7]:not(.b-disabled) {
            background-color: rgba(255, 255, 255, .12)
        }

        .blu-btn.b-outline.b-secondary[data-v-19fd2cc7]:not(.b-disabled):focus-visible,
        .blu-btn.b-outline.b-secondary[data-v-19fd2cc7]:not(.b-disabled):hover,
        .blu-btn.b-outline.b-secondary:not(.b-disabled).b-active[data-v-19fd2cc7] {
            background-color: rgba(0, 109, 234, .08);
            border: #1d8fff 1px solid
        }

        .blu-btn.b-outline.b-secondary.b-active[data-v-19fd2cc7] {
            z-index: 9;
            background-color: #a58d33;
            color: #fff
        }

        .blu-btn.b-outline.b-white[data-v-19fd2cc7] {
            color: #fff;
            background-color: #fff;
            border: #fff 1px solid
        }

        .blu-btn.b-outline.b-white[data-v-19fd2cc7]:not(.b-disabled) {
            background-color: rgba(255, 255, 255, .12)
        }

        .blu-btn.b-outline.b-white[data-v-19fd2cc7]:not(.b-disabled):focus-visible,
        .blu-btn.b-outline.b-white[data-v-19fd2cc7]:not(.b-disabled):hover,
        .blu-btn.b-outline.b-white:not(.b-disabled).b-active[data-v-19fd2cc7] {
            background-color: rgba(255, 255, 255, .4);
            border: #fff 1px solid
        }

        .blu-btn.b-outline.b-white.b-active[data-v-19fd2cc7] {
            z-index: 9;
            background-color: #fff;
            color: #fff
        }

        .blu-btn.b-outline.b-disabled[data-v-19fd2cc7] {
            color: rgba(25, 34, 42, .4);
            background-color: #c8cbcd;
            border: #c8cbcd 1px solid
        }

        .blu-btn.b-outline.b-disabled[data-v-19fd2cc7]:not(.b-disabled) {
            background-color: rgba(255, 255, 255, .12)
        }

        .blu-btn.b-outline.b-disabled[data-v-19fd2cc7]:not(.b-disabled):focus-visible,
        .blu-btn.b-outline.b-disabled[data-v-19fd2cc7]:not(.b-disabled):hover,
        .blu-btn.b-outline.b-disabled:not(.b-disabled).b-active[data-v-19fd2cc7] {
            background-color: rgba(200, 203, 205, .08);
            border: #c8cbcd 1px solid
        }

        .blu-btn.b-outline.b-disabled.b-active[data-v-19fd2cc7] {
            z-index: 9;
            background-color: rgba(25, 34, 42, .4);
            color: #fff
        }

        .blu-btn.b-outline.b-small .blu-ripple[data-v-19fd2cc7] {
            border-radius: 14px
        }

        .blu-btn.b-outline.b-large .blu-ripple[data-v-19fd2cc7] {
            border-radius: 30px
        }

        .blu-btn.b-ghost[data-v-19fd2cc7] {
            background-color: rgba(0, 0, 0, 0);
            border-color: rgba(0, 0, 0, 0)
        }

        .blu-btn.b-ghost.b-primary[data-v-19fd2cc7] {
            color: #f1ab02;
            border-color: rgba(0, 0, 0, 0)
        }

        .blu-btn.b-ghost.b-primary[data-v-19fd2cc7]:not(.b-disabled):focus-visible,
        .blu-btn.b-ghost.b-primary[data-v-19fd2cc7]:not(.b-disabled):hover,
        .blu-btn.b-ghost.b-primary:not(.b-disabled).b-active[data-v-19fd2cc7] {
            border-color: rgba(0, 0, 0, 0);
            background-color: rgba(227, 147, 4, .08)
        }

        .blu-btn.b-ghost.b-secondary[data-v-19fd2cc7] {
            color: #a58d33;
            border-color: rgba(0, 0, 0, 0)
        }

        .blu-btn.b-ghost.b-secondary[data-v-19fd2cc7]:not(.b-disabled):focus-visible,
        .blu-btn.b-ghost.b-secondary[data-v-19fd2cc7]:not(.b-disabled):hover,
        .blu-btn.b-ghost.b-secondary:not(.b-disabled).b-active[data-v-19fd2cc7] {
            border-color: rgba(0, 0, 0, 0);
            background-color: rgba(0, 109, 234, .08)
        }

        .blu-btn.b-ghost.b-white[data-v-19fd2cc7] {
            color: #fff;
            border-color: rgba(0, 0, 0, 0)
        }

        .blu-btn.b-ghost.b-white[data-v-19fd2cc7]:not(.b-disabled):focus-visible,
        .blu-btn.b-ghost.b-white[data-v-19fd2cc7]:not(.b-disabled):hover,
        .blu-btn.b-ghost.b-white:not(.b-disabled).b-active[data-v-19fd2cc7] {
            border-color: rgba(0, 0, 0, 0);
            background-color: rgba(255, 255, 255, .4)
        }

        .blu-btn.b-ghost.b-white.b-disabled[data-v-19fd2cc7] {
            color: rgba(255, 255, 255, .4);
            border-color: rgba(0, 0, 0, 0)
        }

        .blu-btn.b-ghost.b-white.b-disabled[data-v-19fd2cc7]:not(.b-disabled):focus-visible,
        .blu-btn.b-ghost.b-white.b-disabled[data-v-19fd2cc7]:not(.b-disabled):hover,
        .blu-btn.b-ghost.b-white.b-disabled:not(.b-disabled).b-active[data-v-19fd2cc7] {
            border-color: rgba(0, 0, 0, 0);
            background-color: rgba(0, 0, 0, 0)
        }

        .blu-btn.b-ghost.b-disabled[data-v-19fd2cc7] {
            color: rgba(25, 34, 42, .4);
            border-color: rgba(0, 0, 0, 0)
        }

        .blu-btn.b-ghost.b-disabled[data-v-19fd2cc7]:not(.b-disabled):focus-visible,
        .blu-btn.b-ghost.b-disabled[data-v-19fd2cc7]:not(.b-disabled):hover,
        .blu-btn.b-ghost.b-disabled:not(.b-disabled).b-active[data-v-19fd2cc7] {
            border-color: rgba(0, 0, 0, 0);
            background-color: rgba(0, 0, 0, 0)
        }

        .blu-btn.b-warning[data-v-19fd2cc7] {
            color: #fff;
            background-color: #ffcd00;
            border-color: #ffcd00
        }

        .blu-btn.b-warning[data-v-19fd2cc7]:not(.b-disabled):focus-visible,
        .blu-btn.b-warning[data-v-19fd2cc7]:not(.b-disabled):hover,
        .blu-btn.b-warning:not(.b-disabled).b-active[data-v-19fd2cc7] {
            background-color: #cca400;
            border-color: #cca400
        }

        .blu-btn.b-danger[data-v-19fd2cc7] {
            color: #fff;
            background-color: #ff4646;
            border-color: #ff4646
        }

        .blu-btn.b-danger[data-v-19fd2cc7]:not(.b-disabled):focus-visible,
        .blu-btn.b-danger[data-v-19fd2cc7]:not(.b-disabled):hover,
        .blu-btn.b-danger:not(.b-disabled).b-active[data-v-19fd2cc7] {
            background-color: #ff1313;
            border-color: #ff1313
        }

        .blu-btn.b-small[data-v-19fd2cc7] {
            border-radius: 16px
        }

        .blu-btn.b-small .blu-ripple[data-v-19fd2cc7] {
            border-radius: 16px
        }

        .blu-btn.b-large[data-v-19fd2cc7] {
            border-radius: 32px
        }

        .blu-btn.b-large .blu-ripple[data-v-19fd2cc7] {
            border-radius: 32px
        }

        .blu-btn.b-icon[data-v-19fd2cc7] {
            width: 48px
        }

        .blu-btn.b-icon.b-large[data-v-19fd2cc7] {
            width: 56px
        }

        .blu-btn.b-icon.b-small[data-v-19fd2cc7] {
            width: 32px
        }

        .blu-btn.b-icon svg[data-v-19fd2cc7] {
            width: 100%;
            height: 100%
        }

        .blu-btn.b-full-width[data-v-19fd2cc7] {
            width: 100%
        }

        .blu-btn .blu-ripple[data-v-19fd2cc7] {
            border-radius: 24px
        }
    </style>
    <style type="text/css">
        .blu-ripple[data-v-7172f8fc] {
            width: 100%;
            height: 100%;
            position: relative;
            overflow: hidden;
            display: flex;
            justify-content: center;
            align-items: center;
            -webkit-box-pack: center;
            -webkit-box-align: center;
            -webkit-mask-image: radial-gradient(circle, #ffffff 100%, #000000 100%);
            padding: 0 12px
        }

        .blu-ripple-wave[data-v-7172f8fc] {
            position: absolute;
            z-index: 1;
            pointer-events: none;
            background: currentColor;
            border-radius: 50%;
            opacity: 0;
            transform: scale(2) translateZ(0)
        }

        .blu-ripple-wave.b-centered[data-v-7172f8fc] {
            animation-duration: 1.2s;
            top: 50%;
            left: 50%
        }

        .blu-ripple-wave~*[data-v-7172f8fc]:not(.blu-ripple-wave) {
            position: relative;
            z-index: 2
        }

        .blu-ripple-enter-active[data-v-7172f8fc] {
            transition: 2s cubic-bezier(0.25, 0.8, 0.25, 1);
            transition-property: opacity, transform;
            will-change: opacity, transform
        }

        .blu-ripple-enter-active.b-centered[data-v-7172f8fc] {
            transition-duration: 1.2s
        }

        .blu-ripple-enter[data-v-7172f8fc] {
            opacity: .26;
            transform: scale(0.26) translateZ(0)
        }

        .has-left-icon .blu-ripple svg[data-v-7172f8fc] {
            margin-right: 8px
        }

        .has-left-icon.b-small svg[data-v-7172f8fc] {
            transform-origin: left;
            margin-right: 4px
        }

        .b-large .blu-ripple[data-v-7172f8fc] {
            padding: 0 16px
        }

        .b-small .blu-ripple[data-v-7172f8fc] {
            padding: 0 8px
        }

        .b-small svg[data-v-7172f8fc] {
            width: 18px;
            height: 18px
        }

        .b-icon .blu-ripple[data-v-7172f8fc] {
            padding: 0
        }

        .b-loading .blu-loader-wrapper[data-v-7172f8fc] {
            height: 24px;
            position: absolute
        }

        .b-loading .blu-ripple[data-v-7172f8fc] {
            color: rgba(0, 0, 0, 0)
        }

        .b-loading .blu-ripple>svg[data-v-7172f8fc] {
            visibility: hidden
        }

        .b-loading .blu-ripple .blu-ripple-wave[data-v-7172f8fc] {
            color: #fff
        }

        .b-loading.b-white .blu-ripple-wave[data-v-7172f8fc] {
            color: #a58d33
        }

        .b-loading.b-outline.b-secondary .blu-ripple-wave[data-v-7172f8fc] {
            color: #a58d33
        }

        .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: #a58d33
        }

        .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: #a58d33
        }

        .b-disabled[data-v-7172f8fc] {
            opacity: 1
        }

        .blu-btn-dropdown .blu-ripple>svg+div[data-v-7172f8fc] {
            margin-left: 8px
        }

        .blu-modal__mask[data-v-7172f8fc] {
            transition: opacity .3s ease;
            position: fixed;
            z-index: 999;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            background-color: rgba(0, 0, 0, .6);
            display: flex;
            flex-direction: column;
            justify-content: center;
            align-items: center
        }

        .blu-modal__container[data-v-7172f8fc] {
            transition: opacity .3s ease;
            width: 90%;
            max-width: 500px;
            max-height: calc(100% - 50px);
            height: auto;
            background: #fff;
            box-shadow: 0 1px 6px 0 rgba(0, 0, 0, .1);
            position: fixed;
            z-index: 1000;
            display: flex;
            flex-direction: column
        }

        @media screen and (max-width: 768px) {
            .blu-modal__container[data-v-7172f8fc] {
                max-height: calc(100% - 40px)
            }
        }

        @media screen and (min-width: 769px),
        print {
            .blu-modal__container[data-v-7172f8fc] {
                top: 50%;
                left: 50%;
                -webkit-transform: translate(-50%, -50%);
                -moz-transform: translate(-50%, -50%);
                -ms-transform: translate(-50%, -50%);
                -o-transform: translate(-50%, -50%);
                transform: translate(-50%, -50%)
            }
        }

        .blu-modal__heading[data-v-7172f8fc] {
            font: 24px/28px "blibli demi bold", -apple-system, segoe ui, roboto, helvetica, arial, sans-serif;
            margin-bottom: 8px
        }

        @media screen and (max-width: 768px) {
            .blu-modal__heading[data-v-7172f8fc] {
                font: 20px/24px "blibli demi bold", -apple-system, segoe ui, roboto, helvetica, arial, sans-serif;
                margin-bottom: 0px
            }
        }

        .blu-modal__body[data-v-7172f8fc] {
            max-height: var(--max-height-modal-body);
            overflow-x: auto;
            color: rgba(25, 34, 42, .7019607843);
            margin-right: 0px;
            overscroll-behavior: contain
        }

        @media screen and (min-width: 769px),
        print {
            .blu-modal__body[data-v-7172f8fc] {
                font: 16px/20px "blibli", -apple-system, segoe ui, roboto, helvetica, arial, sans-serif
            }
        }

        @media screen and (max-width: 768px) {
            .blu-modal__body[data-v-7172f8fc] {
                font: 14px/18px "blibli", -apple-system, segoe ui, roboto, helvetica, arial, sans-serif
            }
        }

        .blu-modal__footer[data-v-7172f8fc] {
            text-align: right
        }

        @media screen and (max-width: 768px) {
            .blu-modal__footer[data-v-7172f8fc] {
                margin-top: auto
            }
        }

        .blu-modal.b-dialog .blu-modal__body[data-v-7172f8fc] {
            margin-bottom: 40px
        }

        @media screen and (max-width: 768px) {
            .blu-modal.b-dialog .blu-modal__body[data-v-7172f8fc] {
                margin-bottom: 32px
            }
        }

        .blu-modal.b-dialog .blu-modal__container[data-v-7172f8fc] {
            border-radius: 16px
        }

        @media screen and (min-width: 769px),
        print {
            .blu-modal.b-dialog .blu-modal__container[data-v-7172f8fc] {
                padding: 24px 24px 16px
            }
        }

        @media screen and (max-width: 768px) {
            .blu-modal.b-dialog .blu-modal__container[data-v-7172f8fc] {
                padding: 24px 24px 16px;
                top: 50%;
                left: 50%;
                -webkit-transform: translate(-50%, -50%);
                -moz-transform: translate(-50%, -50%);
                -ms-transform: translate(-50%, -50%);
                -o-transform: translate(-50%, -50%);
                transform: translate(-50%, -50%)
            }
        }

        .blu-modal.b-dialog .blu-modal__container[data-v-7172f8fc]:before,
        .blu-modal.b-dialog .blu-modal__container[data-v-7172f8fc]:after {
            content: "";
            width: calc(100% - 60px);
            margin: 0 30px;
            border-radius: 0 0 24px 24px;
            position: absolute;
            left: 0
        }

        .blu-modal.b-dialog .blu-modal__container[data-v-7172f8fc]:before {
            height: 9px;
            bottom: -9px;
            z-index: 2;
            background: linear-gradient(0deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.12) 100%)
        }

        .blu-modal.b-dialog .blu-modal__container[data-v-7172f8fc]:after {
            height: 16px;
            border-top: #fff 1px solid;
            bottom: -15px
        }

        .blu-modal.b-dialog .blu-modal__close[data-v-7172f8fc] {
            display: none
        }

        .blu-modal.b-dialog.b-info .blu-modal__container[data-v-7172f8fc]:after {
            background-color: #1d8fff
        }

        .blu-modal.b-dialog.b-success .blu-modal__container[data-v-7172f8fc]:after {
            background-color: #22a334
        }

        .blu-modal.b-dialog.b-warning .blu-modal__container[data-v-7172f8fc]:after {
            background-color: #ffcd00
        }

        .blu-modal.b-dialog.b-danger .blu-modal__container[data-v-7172f8fc]:after {
            background-color: #ff4646
        }

        .blu-modal.b-page .blu-modal__body[data-v-7172f8fc] {
            color: rgba(25, 34, 42, .7019607843)
        }

        @media screen and (min-width: 769px),
        print {
            .blu-modal.b-page .blu-modal__body[data-v-7172f8fc] {
                padding: 0 24px
            }
        }

        @media screen and (max-width: 768px) {
            .blu-modal.b-page .blu-modal__body[data-v-7172f8fc] {
                padding: 0 16px;
                padding-bottom: calc(env(safe-area-inset-bottom) + 4px);
                overflow-y: auto
            }
        }

        .blu-modal.b-page .blu-modal__body[data-v-7172f8fc]::before {
            content: "";
            background: #fff;
            height: 20px;
            width: 100%;
            left: 0;
            bottom: 0;
            position: fixed
        }

        @media screen and (min-width: 769px),
        print {
            .blu-modal.b-page .blu-modal__body[data-v-7172f8fc]::before {
                display: none
            }
        }

        @media screen and (min-width: 769px),
        print {
            .blu-modal.b-page .blu-modal__container[data-v-7172f8fc] {
                border-radius: 16px;
                padding-top: 32px
            }
        }

        @media screen and (max-width: 768px) {
            .blu-modal.b-page .blu-modal__container[data-v-7172f8fc] {
                padding-top: 24px;
                width: 100%;
                max-width: 100%;
                height: auto;
                border-radius: 16px 16px 0 0;
                left: 0;
                bottom: 0;
                padding-top: 24px;
                padding-bottom: calc(env(safe-area-inset-bottom) + 16px)
            }
        }

        @media screen and (min-width: 769px),
        print {
            .blu-modal.b-page .blu-modal__footer[data-v-7172f8fc] {
                padding: 24px 24px
            }
        }

        @media screen and (max-width: 768px) {
            .blu-modal.b-page .blu-modal__footer[data-v-7172f8fc] {
                width: 100%;
                padding: 16px;
                transition: all .3s cubic-bezier(0, 0, 0.2, 1.2);
                bottom: 0;
                padding-bottom: env(safe-area-inset-bottom);
                background: #fff
            }
        }

        .blu-modal.b-page .blu-modal__footer[data-v-7172f8fc]::before {
            content: "";
            background: #fff;
            height: 20px;
            width: 100%;
            left: 0;
            bottom: 0;
            position: fixed
        }

        @media screen and (min-width: 769px),
        print {
            .blu-modal.b-page .blu-modal__footer[data-v-7172f8fc]::before {
                display: none
            }
        }

        @media screen and (min-width: 769px),
        print {
            .blu-modal.b-page .blu-modal__header[data-v-7172f8fc] {
                padding: 0 24px
            }
        }

        @media screen and (max-width: 768px) {
            .blu-modal.b-page .blu-modal__header[data-v-7172f8fc] {
                padding: 0 16px
            }
        }

        .blu-modal.b-page .blu-modal__icon[data-v-7172f8fc] {
            display: none
        }

        @media screen and (max-width: 768px) {

            .blu-modal.b-page.fade-enter-active[data-v-7172f8fc],
            .blu-modal.b-page.fade-leave-active[data-v-7172f8fc] {
                transition: opacity .3s
            }

            .blu-modal.b-page.fade-enter-active .blu-modal__container[data-v-7172f8fc],
            .blu-modal.b-page.fade-leave-active .blu-modal__container[data-v-7172f8fc] {
                transition: bottom .3s;
                transition: all .3s cubic-bezier(0, 0, 0.2, 1.2);
                bottom: 0
            }

            .blu-modal.b-page.fade-enter-active[data-v-7172f8fc] {
                transition: opacity .3s cubic-bezier(0, 0, 0.2, 1.2)
            }

            .blu-modal.b-page.fade-leave-active[data-v-7172f8fc] {
                transition: opacity .3s cubic-bezier(0.8, 0, 1, 1)
            }

            .blu-modal.b-page.fade-enter .blu-modal__container[data-v-7172f8fc],
            .blu-modal.b-page.fade-leave-to .blu-modal__container[data-v-7172f8fc] {
                bottom: -96vh
            }
        }

        .blu-modal.b-no-button .blu-modal__container[data-v-7172f8fc] {
            padding-bottom: 20px
        }

        @media screen and (max-width: 768px) {
            .blu-modal.b-no-button .blu-modal__body[data-v-7172f8fc] {
                padding-bottom: env(safe-area-inset-bottom)
            }
        }

        .blu-modal.b-no-button .blu-modal__footer[data-v-7172f8fc] {
            display: none
        }

        .fade-enter-active[data-v-7172f8fc],
        .fade-leave-active[data-v-7172f8fc] {
            position: absolute;
            z-index: 998;
            transition: opacity .3s
        }

        .fade-enter[data-v-7172f8fc],
        .fade-leave-to[data-v-7172f8fc] {
            opacity: 0
        }

        img[data-v-7172f8fc] {
            max-width: 100%
        }

        .blu-modal.b-dialog .blu-modal__icon[data-v-7172f8fc] {
            width: 40px;
            height: 40px;
            margin-bottom: 40px
        }

        @media screen and (max-width: 768px) {
            .blu-modal.b-dialog .blu-modal__icon[data-v-7172f8fc] {
                width: 24px;
                height: 24px;
                margin-bottom: 32px
            }
        }

        .blu-modal.b-dialog.b-info .blu-modal__icon[data-v-7172f8fc] {
            background-color: #1d8fff;
            -webkit-mask-image: url(data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PSIwIDAgMjQgMjQiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+DQo8cGF0aCBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGNsaXAtcnVsZT0iZXZlbm9kZCIgZD0iTTIgMTJDMiA2LjQ4IDYuNDggMiAxMiAyQzE3LjUyIDIgMjIgNi40OCAyMiAxMkMyMiAxNy41MiAxNy41MiAyMiAxMiAyMkM2LjQ4IDIyIDIgMTcuNTIgMiAxMlpNMTEuOTcgOC43Mzc2NEMxMi43MjY2IDguNzM3NjQgMTMuMzQgOC4xMjQ4IDEzLjM0IDcuMzY4ODJDMTMuMzQgNi42MTI4NCAxMi43MjY2IDYgMTEuOTcgNkMxMS4yMTM0IDYgMTAuNiA2LjYxMjg0IDEwLjYgNy4zNjg4MkMxMC42IDguMTI0OCAxMS4yMTM0IDguNzM3NjQgMTEuOTcgOC43Mzc2NFpNMTEuNDk5OSAxMC4xMDY0SDEyLjQ0OTlDMTIuODQ5OSAxMC4xMDY0IDEzLjE3OTkgMTAuNDM2MiAxMy4xNzk5IDEwLjgzNThWMTcuMjcwM0MxMy4xNzk5IDE3LjY2OTkgMTIuODQ5OSAxNy45OTk2IDEyLjQ0OTkgMTcuOTk5NkgxMS40OTk5QzExLjA5OTkgMTcuOTk5NiAxMC43Njk5IDE3LjY2OTkgMTAuNzY5OSAxNy4yNzAzVjEwLjgzNThDMTAuNzY5OSAxMC40MzYyIDExLjA5OTkgMTAuMTA2NCAxMS40OTk5IDEwLjEwNjRaIiBmaWxsPSIjNzk3Rjg1Ii8+DQo8L3N2Zz4NCg==);
            mask-image: url(data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PSIwIDAgMjQgMjQiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+DQo8cGF0aCBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGNsaXAtcnVsZT0iZXZlbm9kZCIgZD0iTTIgMTJDMiA2LjQ4IDYuNDggMiAxMiAyQzE3LjUyIDIgMjIgNi40OCAyMiAxMkMyMiAxNy41MiAxNy41MiAyMiAxMiAyMkM2LjQ4IDIyIDIgMTcuNTIgMiAxMlpNMTEuOTcgOC43Mzc2NEMxMi43MjY2IDguNzM3NjQgMTMuMzQgOC4xMjQ4IDEzLjM0IDcuMzY4ODJDMTMuMzQgNi42MTI4NCAxMi43MjY2IDYgMTEuOTcgNkMxMS4yMTM0IDYgMTAuNiA2LjYxMjg0IDEwLjYgNy4zNjg4MkMxMC42IDguMTI0OCAxMS4yMTM0IDguNzM3NjQgMTEuOTcgOC43Mzc2NFpNMTEuNDk5OSAxMC4xMDY0SDEyLjQ0OTlDMTIuODQ5OSAxMC4xMDY0IDEzLjE3OTkgMTAuNDM2MiAxMy4xNzk5IDEwLjgzNThWMTcuMjcwM0MxMy4xNzk5IDE3LjY2OTkgMTIuODQ5OSAxNy45OTk2IDEyLjQ0OTkgMTcuOTk5NkgxMS40OTk5QzExLjA5OTkgMTcuOTk5NiAxMC43Njk5IDE3LjY2OTkgMTAuNzY5OSAxNy4yNzAzVjEwLjgzNThDMTAuNzY5OSAxMC40MzYyIDExLjA5OTkgMTAuMTA2NCAxMS40OTk5IDEwLjEwNjRaIiBmaWxsPSIjNzk3Rjg1Ii8+DQo8L3N2Zz4NCg==)
        }

        .blu-modal.b-dialog.b-success .blu-modal__icon[data-v-7172f8fc] {
            background-color: #22a334;
            -webkit-mask-image: url(data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PSIwIDAgMjQgMjQiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+DQo8cGF0aCBkPSJNMTIgMkM2LjQ4IDIgMiA2LjQ4IDIgMTJDMiAxNy41MiA2LjQ4IDIyIDEyIDIyQzE3LjUyIDIyIDIyIDE3LjUyIDIyIDEyQzIyIDYuNDggMTcuNTIgMiAxMiAyWk0xNy4wNSA5LjExTDEyLjA2IDE2LjEyQzExLjg4IDE2LjM3IDExLjYgMTYuNTIgMTEuMjkgMTYuNTRIMTEuMjRDMTAuOTUgMTYuNTQgMTAuNjcgMTYuNDIgMTAuNDggMTYuMTlMNi45OSAxMi4xM0M2LjgyIDExLjkzIDYuNzMgMTEuNjcgNi43NSAxMS40MUM2Ljc3IDExLjE0IDYuODkgMTAuOSA3LjA5IDEwLjczQzcuNTEgMTAuMzcgOC4xNCAxMC40MiA4LjUgMTAuODRMMTEuMTYgMTMuOTNMMTUuNDEgNy45NkMxNS43MyA3LjUxIDE2LjM1IDcuNDEgMTYuOCA3LjczQzE3LjAyIDcuODggMTcuMTYgOC4xMSAxNy4yMSA4LjM4QzE3LjI1IDguNjQgMTcuMTkgOC45MSAxNy4wNCA5LjEyTDE3LjA1IDkuMTFaIiBmaWxsPSIjNzk3Rjg1Ii8+DQo8L3N2Zz4=);
            mask-image: url(data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PSIwIDAgMjQgMjQiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+DQo8cGF0aCBkPSJNMTIgMkM2LjQ4IDIgMiA2LjQ4IDIgMTJDMiAxNy41MiA2LjQ4IDIyIDEyIDIyQzE3LjUyIDIyIDIyIDE3LjUyIDIyIDEyQzIyIDYuNDggMTcuNTIgMiAxMiAyWk0xNy4wNSA5LjExTDEyLjA2IDE2LjEyQzExLjg4IDE2LjM3IDExLjYgMTYuNTIgMTEuMjkgMTYuNTRIMTEuMjRDMTAuOTUgMTYuNTQgMTAuNjcgMTYuNDIgMTAuNDggMTYuMTlMNi45OSAxMi4xM0M2LjgyIDExLjkzIDYuNzMgMTEuNjcgNi43NSAxMS40MUM2Ljc3IDExLjE0IDYuODkgMTAuOSA3LjA5IDEwLjczQzcuNTEgMTAuMzcgOC4xNCAxMC40MiA4LjUgMTAuODRMMTEuMTYgMTMuOTNMMTUuNDEgNy45NkMxNS43MyA3LjUxIDE2LjM1IDcuNDEgMTYuOCA3LjczQzE3LjAyIDcuODggMTcuMTYgOC4xMSAxNy4yMSA4LjM4QzE3LjI1IDguNjQgMTcuMTkgOC45MSAxNy4wNCA5LjEyTDE3LjA1IDkuMTFaIiBmaWxsPSIjNzk3Rjg1Ii8+DQo8L3N2Zz4=)
        }

        .blu-modal.b-dialog.b-warning .blu-modal__icon[data-v-7172f8fc] {
            background-color: #ffcd00;
            -webkit-mask-image: url(data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PSIwIDAgMjQgMjQiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+DQo8cGF0aCBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGNsaXAtcnVsZT0iZXZlbm9kZCIgZD0iTTMuODc0MzYgMjFIMjAuMTE0NEgyMC4xMjQ0QzIxLjU1MzUgMjEgMjIuNDUyOSAxOS41MDM1IDIxLjc2MzQgMTguMjg2NEwxMy42NDg0IDMuOTUwMjZDMTIuOTM4OCAyLjY4MzI1IDExLjA2OTkgMi42ODMyNSAxMC4zNjA0IDMuOTUwMjZMMi4yMzUzNyAxOC4yOTY0QzEuNTQ1OCAxOS41MTM1IDIuNDU1MjQgMjEgMy44NzQzNiAyMVpNMTAuOTkgMTMuOTM3NEwxMC43MDAyIDkuMDk4ODdWNy43NTIwNUMxMC43MDAyIDcuMzMzMDQgMTEuMDQgNi45OTM4NCAxMS40NTk3IDYuOTkzODRIMTIuNjA5QzEzLjAyODggNi45OTM4NCAxMy4zNjg2IDcuMzMzMDQgMTMuMzY4NiA3Ljc1MjA1VjkuMTA4ODRMMTMuMDg4NyAxMy45Mjc1QzEzLjA2ODcgMTQuMzI2NSAxMi43Mzg5IDE0LjYzNTggMTIuMzI5MiAxNC42MzU4SDExLjc0OTVDMTEuMzQ5OCAxNC42MzU4IDExLjAyIDE0LjMyNjUgMTAuOTkgMTMuOTI3NVYxMy45Mzc0Wk0xMS45OTk0IDE4Ljk2NTJDMTIuNzg4NyAxOC45NjUyIDEzLjQyODYgMTguMzI2NSAxMy40Mjg2IDE3LjUzODZDMTMuNDI4NiAxNi43NTA3IDEyLjc4ODcgMTYuMTEyIDExLjk5OTQgMTYuMTEyQzExLjIxMDIgMTYuMTEyIDEwLjU3MDMgMTYuNzUwNyAxMC41NzAzIDE3LjUzODZDMTAuNTcwMyAxOC4zMjY1IDExLjIxMDIgMTguOTY1MiAxMS45OTk0IDE4Ljk2NTJaIiBmaWxsPSIjNzk3Rjg1Ii8+DQo8L3N2Zz4NCg==);
            mask-image: url(data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PSIwIDAgMjQgMjQiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+DQo8cGF0aCBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGNsaXAtcnVsZT0iZXZlbm9kZCIgZD0iTTMuODc0MzYgMjFIMjAuMTE0NEgyMC4xMjQ0QzIxLjU1MzUgMjEgMjIuNDUyOSAxOS41MDM1IDIxLjc2MzQgMTguMjg2NEwxMy42NDg0IDMuOTUwMjZDMTIuOTM4OCAyLjY4MzI1IDExLjA2OTkgMi42ODMyNSAxMC4zNjA0IDMuOTUwMjZMMi4yMzUzNyAxOC4yOTY0QzEuNTQ1OCAxOS41MTM1IDIuNDU1MjQgMjEgMy44NzQzNiAyMVpNMTAuOTkgMTMuOTM3NEwxMC43MDAyIDkuMDk4ODdWNy43NTIwNUMxMC43MDAyIDcuMzMzMDQgMTEuMDQgNi45OTM4NCAxMS40NTk3IDYuOTkzODRIMTIuNjA5QzEzLjAyODggNi45OTM4NCAxMy4zNjg2IDcuMzMzMDQgMTMuMzY4NiA3Ljc1MjA1VjkuMTA4ODRMMTMuMDg4NyAxMy45Mjc1QzEzLjA2ODcgMTQuMzI2NSAxMi43Mzg5IDE0LjYzNTggMTIuMzI5MiAxNC42MzU4SDExLjc0OTVDMTEuMzQ5OCAxNC42MzU4IDExLjAyIDE0LjMyNjUgMTAuOTkgMTMuOTI3NVYxMy45Mzc0Wk0xMS45OTk0IDE4Ljk2NTJDMTIuNzg4NyAxOC45NjUyIDEzLjQyODYgMTguMzI2NSAxMy40Mjg2IDE3LjUzODZDMTMuNDI4NiAxNi43NTA3IDEyLjc4ODcgMTYuMTEyIDExLjk5OTQgMTYuMTEyQzExLjIxMDIgMTYuMTEyIDEwLjU3MDMgMTYuNzUwNyAxMC41NzAzIDE3LjUzODZDMTAuNTcwMyAxOC4zMjY1IDExLjIxMDIgMTguOTY1MiAxMS45OTk0IDE4Ljk2NTJaIiBmaWxsPSIjNzk3Rjg1Ii8+DQo8L3N2Zz4NCg==)
        }

        .blu-modal.b-dialog.b-danger .blu-modal__icon[data-v-7172f8fc] {
            background-color: #ff4646;
            -webkit-mask-image: url(data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PSIwIDAgMjQgMjQiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+DQo8cGF0aCBkPSJNMTIgMkM2LjQ4IDIgMiA2LjQ4IDIgMTJDMiAxNy41MiA2LjQ4IDIyIDEyIDIyQzE3LjUyIDIyIDIyIDE3LjUyIDIyIDEyQzIyIDYuNDggMTcuNTIgMiAxMiAyWk0xNi4yNCAxNC44M0MxNi42MyAxNS4yMiAxNi42MyAxNS44NSAxNi4yNCAxNi4yNEMxNS44NSAxNi42MyAxNS4yMiAxNi42MyAxNC44MyAxNi4yNEwxMiAxMy40MUw5LjE3IDE2LjI0QzguNzggMTYuNjMgOC4xNSAxNi42MyA3Ljc2IDE2LjI0QzcuMzcgMTUuODUgNy4zNyAxNS4yMiA3Ljc2IDE0LjgzTDEwLjU5IDEyTDcuNzYgOS4xN0M3LjM3IDguNzggNy4zNyA4LjE1IDcuNzYgNy43NkM4LjE1IDcuMzcgOC43OCA3LjM3IDkuMTcgNy43NkwxMiAxMC41OUwxNC44MyA3Ljc2QzE1LjIyIDcuMzcgMTUuODUgNy4zNyAxNi4yNCA3Ljc2QzE2LjYzIDguMTUgMTYuNjMgOC43OCAxNi4yNCA5LjE3TDEzLjQxIDEyTDE2LjI0IDE0LjgzWiIgZmlsbD0iIzc5N0Y4NSIvPg0KPC9zdmc+);
            mask-image: url(data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PSIwIDAgMjQgMjQiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+DQo8cGF0aCBkPSJNMTIgMkM2LjQ4IDIgMiA2LjQ4IDIgMTJDMiAxNy41MiA2LjQ4IDIyIDEyIDIyQzE3LjUyIDIyIDIyIDE3LjUyIDIyIDEyQzIyIDYuNDggMTcuNTIgMiAxMiAyWk0xNi4yNCAxNC44M0MxNi42MyAxNS4yMiAxNi42MyAxNS44NSAxNi4yNCAxNi4yNEMxNS44NSAxNi42MyAxNS4yMiAxNi42MyAxNC44MyAxNi4yNEwxMiAxMy40MUw5LjE3IDE2LjI0QzguNzggMTYuNjMgOC4xNSAxNi42MyA3Ljc2IDE2LjI0QzcuMzcgMTUuODUgNy4zNyAxNS4yMiA3Ljc2IDE0LjgzTDEwLjU5IDEyTDcuNzYgOS4xN0M3LjM3IDguNzggNy4zNyA4LjE1IDcuNzYgNy43NkM4LjE1IDcuMzcgOC43OCA3LjM3IDkuMTcgNy43NkwxMiAxMC41OUwxNC44MyA3Ljc2QzE1LjIyIDcuMzcgMTUuODUgNy4zNyAxNi4yNCA3Ljc2QzE2LjYzIDguMTUgMTYuNjMgOC43OCAxNi4yNCA5LjE3TDEzLjQxIDEyTDE2LjI0IDE0LjgzWiIgZmlsbD0iIzc5N0Y4NSIvPg0KPC9zdmc+)
        }

        @media screen and (max-width: 768px) {
            .blu-modal.b-full-screen .blu-modal__container[data-v-7172f8fc] {
                min-height: 100%;
                border-radius: unset;
                padding-top: 0
            }

            .blu-modal.b-full-screen .blu-modal__close[data-v-7172f8fc] {
                display: none
            }
        }

        @media screen and (max-width: 768px) {
            .blu-modal__footer[data-v-7172f8fc] {
                display: flex;
                justify-content: flex-end;
                flex-direction: column-reverse
            }
        }

        .blu-btn[data-v-7172f8fc] {
            min-width: 96px
        }

        @media screen and (min-width: 769px),
        print {
            .blu-btn[data-v-7172f8fc] {
                margin-left: 8px;
                margin-bottom: 0
            }
        }

        @media screen and (max-width: 768px) {
            .blu-btn[data-v-7172f8fc] {
                width: 100%;
                margin-bottom: 8px
            }

            .blu-btn[data-v-7172f8fc]:not(:last-child) {
                margin-bottom: 0px
            }
        }
    </style>
    <style type="text/css">
        .blu-ripple[data-v-c206562a] {
            width: 100%;
            height: 100%;
            position: relative;
            overflow: hidden;
            display: flex;
            justify-content: center;
            align-items: center;
            -webkit-box-pack: center;
            -webkit-box-align: center;
            -webkit-mask-image: radial-gradient(circle, #ffffff 100%, #000000 100%);
            padding: 0 12px
        }

        .blu-ripple-wave[data-v-c206562a] {
            position: absolute;
            z-index: 1;
            pointer-events: none;
            background: currentColor;
            border-radius: 50%;
            opacity: 0;
            transform: scale(2) translateZ(0)
        }

        .blu-ripple-wave.b-centered[data-v-c206562a] {
            animation-duration: 1.2s;
            top: 50%;
            left: 50%
        }

        .blu-ripple-wave~*[data-v-c206562a]:not(.blu-ripple-wave) {
            position: relative;
            z-index: 2
        }

        .blu-ripple-enter-active[data-v-c206562a] {
            transition: 2s cubic-bezier(0.25, 0.8, 0.25, 1);
            transition-property: opacity, transform;
            will-change: opacity, transform
        }

        .blu-ripple-enter-active.b-centered[data-v-c206562a] {
            transition-duration: 1.2s
        }

        .blu-ripple-enter[data-v-c206562a] {
            opacity: .26;
            transform: scale(0.26) translateZ(0)
        }

        .has-left-icon .blu-ripple svg[data-v-c206562a] {
            margin-right: 8px
        }

        .has-left-icon.b-small svg[data-v-c206562a] {
            transform-origin: left;
            margin-right: 4px
        }

        .b-large .blu-ripple[data-v-c206562a] {
            padding: 0 16px
        }

        .b-small .blu-ripple[data-v-c206562a] {
            padding: 0 8px
        }

        .b-small svg[data-v-c206562a] {
            width: 18px;
            height: 18px
        }

        .b-icon .blu-ripple[data-v-c206562a] {
            padding: 0
        }

        .b-loading .blu-loader-wrapper[data-v-c206562a] {
            height: 24px;
            position: absolute
        }

        .b-loading .blu-ripple[data-v-c206562a] {
            color: rgba(0, 0, 0, 0)
        }

        .b-loading .blu-ripple>svg[data-v-c206562a] {
            visibility: hidden
        }

        .b-loading .blu-ripple .blu-ripple-wave[data-v-c206562a] {
            color: #fff
        }

        .b-loading.b-white .blu-ripple-wave[data-v-c206562a] {
            color: #a58d33
        }

        .b-loading.b-outline.b-secondary .blu-ripple-wave[data-v-c206562a] {
            color: #a58d33
        }

        .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: #a58d33
        }

        .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: #a58d33
        }

        .b-disabled[data-v-c206562a] {
            opacity: 1
        }

        .blu-btn-dropdown .blu-ripple>svg+div[data-v-c206562a] {
            margin-left: 8px
        }

        .blu-modal__mask[data-v-c206562a] {
            transition: opacity .3s ease;
            position: fixed;
            z-index: 999;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            background-color: rgba(0, 0, 0, .6);
            display: flex;
            flex-direction: column;
            justify-content: center;
            align-items: center
        }

        .blu-modal__container[data-v-c206562a] {
            transition: opacity .3s ease;
            width: 90%;
            max-width: 500px;
            max-height: calc(100% - 50px);
            height: auto;
            background: #fff;
            box-shadow: 0 1px 6px 0 rgba(0, 0, 0, .1);
            position: fixed;
            z-index: 1000;
            display: flex;
            flex-direction: column
        }

        @media screen and (max-width: 768px) {
            .blu-modal__container[data-v-c206562a] {
                max-height: calc(100% - 40px)
            }
        }

        @media screen and (min-width: 769px),
        print {
            .blu-modal__container[data-v-c206562a] {
                top: 50%;
                left: 50%;
                -webkit-transform: translate(-50%, -50%);
                -moz-transform: translate(-50%, -50%);
                -ms-transform: translate(-50%, -50%);
                -o-transform: translate(-50%, -50%);
                transform: translate(-50%, -50%)
            }
        }

        .blu-modal__heading[data-v-c206562a] {
            font: 24px/28px "blibli demi bold", -apple-system, segoe ui, roboto, helvetica, arial, sans-serif;
            margin-bottom: 8px
        }

        @media screen and (max-width: 768px) {
            .blu-modal__heading[data-v-c206562a] {
                font: 20px/24px "blibli demi bold", -apple-system, segoe ui, roboto, helvetica, arial, sans-serif;
                margin-bottom: 0px
            }
        }

        .blu-modal__body[data-v-c206562a] {
            max-height: var(--max-height-modal-body);
            overflow-x: auto;
            color: rgba(25, 34, 42, .7019607843);
            margin-right: 0px;
            overscroll-behavior: contain
        }

        @media screen and (min-width: 769px),
        print {
            .blu-modal__body[data-v-c206562a] {
                font: 16px/20px "blibli", -apple-system, segoe ui, roboto, helvetica, arial, sans-serif
            }
        }

        @media screen and (max-width: 768px) {
            .blu-modal__body[data-v-c206562a] {
                font: 14px/18px "blibli", -apple-system, segoe ui, roboto, helvetica, arial, sans-serif
            }
        }

        .blu-modal__footer[data-v-c206562a] {
            text-align: right
        }

        @media screen and (max-width: 768px) {
            .blu-modal__footer[data-v-c206562a] {
                margin-top: auto
            }
        }

        .blu-modal.b-dialog .blu-modal__body[data-v-c206562a] {
            margin-bottom: 40px
        }

        @media screen and (max-width: 768px) {
            .blu-modal.b-dialog .blu-modal__body[data-v-c206562a] {
                margin-bottom: 32px
            }
        }

        .blu-modal.b-dialog .blu-modal__container[data-v-c206562a] {
            border-radius: 16px
        }

        @media screen and (min-width: 769px),
        print {
            .blu-modal.b-dialog .blu-modal__container[data-v-c206562a] {
                padding: 24px 24px 16px
            }
        }

        @media screen and (max-width: 768px) {
            .blu-modal.b-dialog .blu-modal__container[data-v-c206562a] {
                padding: 24px 24px 16px;
                top: 50%;
                left: 50%;
                -webkit-transform: translate(-50%, -50%);
                -moz-transform: translate(-50%, -50%);
                -ms-transform: translate(-50%, -50%);
                -o-transform: translate(-50%, -50%);
                transform: translate(-50%, -50%)
            }
        }

        .blu-modal.b-dialog .blu-modal__container[data-v-c206562a]:before,
        .blu-modal.b-dialog .blu-modal__container[data-v-c206562a]:after {
            content: "";
            width: calc(100% - 60px);
            margin: 0 30px;
            border-radius: 0 0 24px 24px;
            position: absolute;
            left: 0
        }

        .blu-modal.b-dialog .blu-modal__container[data-v-c206562a]:before {
            height: 9px;
            bottom: -9px;
            z-index: 2;
            background: linear-gradient(0deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.12) 100%)
        }

        .blu-modal.b-dialog .blu-modal__container[data-v-c206562a]:after {
            height: 16px;
            border-top: #fff 1px solid;
            bottom: -15px
        }

        .blu-modal.b-dialog .blu-modal__close[data-v-c206562a] {
            display: none
        }

        .blu-modal.b-dialog.b-info .blu-modal__container[data-v-c206562a]:after {
            background-color: #1d8fff
        }

        .blu-modal.b-dialog.b-success .blu-modal__container[data-v-c206562a]:after {
            background-color: #22a334
        }

        .blu-modal.b-dialog.b-warning .blu-modal__container[data-v-c206562a]:after {
            background-color: #ffcd00
        }

        .blu-modal.b-dialog.b-danger .blu-modal__container[data-v-c206562a]:after {
            background-color: #ff4646
        }

        .blu-modal.b-page .blu-modal__body[data-v-c206562a] {
            color: rgba(25, 34, 42, .7019607843)
        }

        @media screen and (min-width: 769px),
        print {
            .blu-modal.b-page .blu-modal__body[data-v-c206562a] {
                padding: 0 24px
            }
        }

        @media screen and (max-width: 768px) {
            .blu-modal.b-page .blu-modal__body[data-v-c206562a] {
                padding: 0 16px;
                padding-bottom: calc(env(safe-area-inset-bottom) + 4px);
                overflow-y: auto
            }
        }

        .blu-modal.b-page .blu-modal__body[data-v-c206562a]::before {
            content: "";
            background: #fff;
            height: 20px;
            width: 100%;
            left: 0;
            bottom: 0;
            position: fixed
        }

        @media screen and (min-width: 769px),
        print {
            .blu-modal.b-page .blu-modal__body[data-v-c206562a]::before {
                display: none
            }
        }

        @media screen and (min-width: 769px),
        print {
            .blu-modal.b-page .blu-modal__container[data-v-c206562a] {
                border-radius: 16px;
                padding-top: 32px
            }
        }

        @media screen and (max-width: 768px) {
            .blu-modal.b-page .blu-modal__container[data-v-c206562a] {
                padding-top: 24px;
                width: 100%;
                max-width: 100%;
                height: auto;
                border-radius: 16px 16px 0 0;
                left: 0;
                bottom: 0;
                padding-top: 24px;
                padding-bottom: calc(env(safe-area-inset-bottom) + 16px)
            }
        }

        @media screen and (min-width: 769px),
        print {
            .blu-modal.b-page .blu-modal__footer[data-v-c206562a] {
                padding: 24px 24px
            }
        }

        @media screen and (max-width: 768px) {
            .blu-modal.b-page .blu-modal__footer[data-v-c206562a] {
                width: 100%;
                padding: 16px;
                transition: all .3s cubic-bezier(0, 0, 0.2, 1.2);
                bottom: 0;
                padding-bottom: env(safe-area-inset-bottom);
                background: #fff
            }
        }

        .blu-modal.b-page .blu-modal__footer[data-v-c206562a]::before {
            content: "";
            background: #fff;
            height: 20px;
            width: 100%;
            left: 0;
            bottom: 0;
            position: fixed
        }

        @media screen and (min-width: 769px),
        print {
            .blu-modal.b-page .blu-modal__footer[data-v-c206562a]::before {
                display: none
            }
        }

        @media screen and (min-width: 769px),
        print {
            .blu-modal.b-page .blu-modal__header[data-v-c206562a] {
                padding: 0 24px
            }
        }

        @media screen and (max-width: 768px) {
            .blu-modal.b-page .blu-modal__header[data-v-c206562a] {
                padding: 0 16px
            }
        }

        .blu-modal.b-page .blu-modal__icon[data-v-c206562a] {
            display: none
        }

        @media screen and (max-width: 768px) {

            .blu-modal.b-page.fade-enter-active[data-v-c206562a],
            .blu-modal.b-page.fade-leave-active[data-v-c206562a] {
                transition: opacity .3s
            }

            .blu-modal.b-page.fade-enter-active .blu-modal__container[data-v-c206562a],
            .blu-modal.b-page.fade-leave-active .blu-modal__container[data-v-c206562a] {
                transition: bottom .3s;
                transition: all .3s cubic-bezier(0, 0, 0.2, 1.2);
                bottom: 0
            }

            .blu-modal.b-page.fade-enter-active[data-v-c206562a] {
                transition: opacity .3s cubic-bezier(0, 0, 0.2, 1.2)
            }

            .blu-modal.b-page.fade-leave-active[data-v-c206562a] {
                transition: opacity .3s cubic-bezier(0.8, 0, 1, 1)
            }

            .blu-modal.b-page.fade-enter .blu-modal__container[data-v-c206562a],
            .blu-modal.b-page.fade-leave-to .blu-modal__container[data-v-c206562a] {
                bottom: -96vh
            }
        }

        .blu-modal.b-no-button .blu-modal__container[data-v-c206562a] {
            padding-bottom: 20px
        }

        @media screen and (max-width: 768px) {
            .blu-modal.b-no-button .blu-modal__body[data-v-c206562a] {
                padding-bottom: env(safe-area-inset-bottom)
            }
        }

        .blu-modal.b-no-button .blu-modal__footer[data-v-c206562a] {
            display: none
        }

        .fade-enter-active[data-v-c206562a],
        .fade-leave-active[data-v-c206562a] {
            position: absolute;
            z-index: 998;
            transition: opacity .3s
        }

        .fade-enter[data-v-c206562a],
        .fade-leave-to[data-v-c206562a] {
            opacity: 0
        }

        img[data-v-c206562a] {
            max-width: 100%
        }

        .blu-modal.b-dialog .blu-modal__icon[data-v-c206562a] {
            width: 40px;
            height: 40px;
            margin-bottom: 40px
        }

        @media screen and (max-width: 768px) {
            .blu-modal.b-dialog .blu-modal__icon[data-v-c206562a] {
                width: 24px;
                height: 24px;
                margin-bottom: 32px
            }
        }

        .blu-modal.b-dialog.b-info .blu-modal__icon[data-v-c206562a] {
            background-color: #1d8fff;
            -webkit-mask-image: url(data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PSIwIDAgMjQgMjQiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+DQo8cGF0aCBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGNsaXAtcnVsZT0iZXZlbm9kZCIgZD0iTTIgMTJDMiA2LjQ4IDYuNDggMiAxMiAyQzE3LjUyIDIgMjIgNi40OCAyMiAxMkMyMiAxNy41MiAxNy41MiAyMiAxMiAyMkM2LjQ4IDIyIDIgMTcuNTIgMiAxMlpNMTEuOTcgOC43Mzc2NEMxMi43MjY2IDguNzM3NjQgMTMuMzQgOC4xMjQ4IDEzLjM0IDcuMzY4ODJDMTMuMzQgNi42MTI4NCAxMi43MjY2IDYgMTEuOTcgNkMxMS4yMTM0IDYgMTAuNiA2LjYxMjg0IDEwLjYgNy4zNjg4MkMxMC42IDguMTI0OCAxMS4yMTM0IDguNzM3NjQgMTEuOTcgOC43Mzc2NFpNMTEuNDk5OSAxMC4xMDY0SDEyLjQ0OTlDMTIuODQ5OSAxMC4xMDY0IDEzLjE3OTkgMTAuNDM2MiAxMy4xNzk5IDEwLjgzNThWMTcuMjcwM0MxMy4xNzk5IDE3LjY2OTkgMTIuODQ5OSAxNy45OTk2IDEyLjQ0OTkgMTcuOTk5NkgxMS40OTk5QzExLjA5OTkgMTcuOTk5NiAxMC43Njk5IDE3LjY2OTkgMTAuNzY5OSAxNy4yNzAzVjEwLjgzNThDMTAuNzY5OSAxMC40MzYyIDExLjA5OTkgMTAuMTA2NCAxMS40OTk5IDEwLjEwNjRaIiBmaWxsPSIjNzk3Rjg1Ii8+DQo8L3N2Zz4NCg==);
            mask-image: url(data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PSIwIDAgMjQgMjQiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+DQo8cGF0aCBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGNsaXAtcnVsZT0iZXZlbm9kZCIgZD0iTTIgMTJDMiA2LjQ4IDYuNDggMiAxMiAyQzE3LjUyIDIgMjIgNi40OCAyMiAxMkMyMiAxNy41MiAxNy41MiAyMiAxMiAyMkM2LjQ4IDIyIDIgMTcuNTIgMiAxMlpNMTEuOTcgOC43Mzc2NEMxMi43MjY2IDguNzM3NjQgMTMuMzQgOC4xMjQ4IDEzLjM0IDcuMzY4ODJDMTMuMzQgNi42MTI4NCAxMi43MjY2IDYgMTEuOTcgNkMxMS4yMTM0IDYgMTAuNiA2LjYxMjg0IDEwLjYgNy4zNjg4MkMxMC42IDguMTI0OCAxMS4yMTM0IDguNzM3NjQgMTEuOTcgOC43Mzc2NFpNMTEuNDk5OSAxMC4xMDY0SDEyLjQ0OTlDMTIuODQ5OSAxMC4xMDY0IDEzLjE3OTkgMTAuNDM2MiAxMy4xNzk5IDEwLjgzNThWMTcuMjcwM0MxMy4xNzk5IDE3LjY2OTkgMTIuODQ5OSAxNy45OTk2IDEyLjQ0OTkgMTcuOTk5NkgxMS40OTk5QzExLjA5OTkgMTcuOTk5NiAxMC43Njk5IDE3LjY2OTkgMTAuNzY5OSAxNy4yNzAzVjEwLjgzNThDMTAuNzY5OSAxMC40MzYyIDExLjA5OTkgMTAuMTA2NCAxMS40OTk5IDEwLjEwNjRaIiBmaWxsPSIjNzk3Rjg1Ii8+DQo8L3N2Zz4NCg==)
        }

        .blu-modal.b-dialog.b-success .blu-modal__icon[data-v-c206562a] {
            background-color: #22a334;
            -webkit-mask-image: url(data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PSIwIDAgMjQgMjQiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+DQo8cGF0aCBkPSJNMTIgMkM2LjQ4IDIgMiA2LjQ4IDIgMTJDMiAxNy41MiA2LjQ4IDIyIDEyIDIyQzE3LjUyIDIyIDIyIDE3LjUyIDIyIDEyQzIyIDYuNDggMTcuNTIgMiAxMiAyWk0xNy4wNSA5LjExTDEyLjA2IDE2LjEyQzExLjg4IDE2LjM3IDExLjYgMTYuNTIgMTEuMjkgMTYuNTRIMTEuMjRDMTAuOTUgMTYuNTQgMTAuNjcgMTYuNDIgMTAuNDggMTYuMTlMNi45OSAxMi4xM0M2LjgyIDExLjkzIDYuNzMgMTEuNjcgNi43NSAxMS40MUM2Ljc3IDExLjE0IDYuODkgMTAuOSA3LjA5IDEwLjczQzcuNTEgMTAuMzcgOC4xNCAxMC40MiA4LjUgMTAuODRMMTEuMTYgMTMuOTNMMTUuNDEgNy45NkMxNS43MyA3LjUxIDE2LjM1IDcuNDEgMTYuOCA3LjczQzE3LjAyIDcuODggMTcuMTYgOC4xMSAxNy4yMSA4LjM4QzE3LjI1IDguNjQgMTcuMTkgOC45MSAxNy4wNCA5LjEyTDE3LjA1IDkuMTFaIiBmaWxsPSIjNzk3Rjg1Ii8+DQo8L3N2Zz4=);
            mask-image: url(data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PSIwIDAgMjQgMjQiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+DQo8cGF0aCBkPSJNMTIgMkM2LjQ4IDIgMiA2LjQ4IDIgMTJDMiAxNy41MiA2LjQ4IDIyIDEyIDIyQzE3LjUyIDIyIDIyIDE3LjUyIDIyIDEyQzIyIDYuNDggMTcuNTIgMiAxMiAyWk0xNy4wNSA5LjExTDEyLjA2IDE2LjEyQzExLjg4IDE2LjM3IDExLjYgMTYuNTIgMTEuMjkgMTYuNTRIMTEuMjRDMTAuOTUgMTYuNTQgMTAuNjcgMTYuNDIgMTAuNDggMTYuMTlMNi45OSAxMi4xM0M2LjgyIDExLjkzIDYuNzMgMTEuNjcgNi43NSAxMS40MUM2Ljc3IDExLjE0IDYuODkgMTAuOSA3LjA5IDEwLjczQzcuNTEgMTAuMzcgOC4xNCAxMC40MiA4LjUgMTAuODRMMTEuMTYgMTMuOTNMMTUuNDEgNy45NkMxNS43MyA3LjUxIDE2LjM1IDcuNDEgMTYuOCA3LjczQzE3LjAyIDcuODggMTcuMTYgOC4xMSAxNy4yMSA4LjM4QzE3LjI1IDguNjQgMTcuMTkgOC45MSAxNy4wNCA5LjEyTDE3LjA1IDkuMTFaIiBmaWxsPSIjNzk3Rjg1Ii8+DQo8L3N2Zz4=)
        }

        .blu-modal.b-dialog.b-warning .blu-modal__icon[data-v-c206562a] {
            background-color: #ffcd00;
            -webkit-mask-image: url(data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PSIwIDAgMjQgMjQiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+DQo8cGF0aCBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGNsaXAtcnVsZT0iZXZlbm9kZCIgZD0iTTMuODc0MzYgMjFIMjAuMTE0NEgyMC4xMjQ0QzIxLjU1MzUgMjEgMjIuNDUyOSAxOS41MDM1IDIxLjc2MzQgMTguMjg2NEwxMy42NDg0IDMuOTUwMjZDMTIuOTM4OCAyLjY4MzI1IDExLjA2OTkgMi42ODMyNSAxMC4zNjA0IDMuOTUwMjZMMi4yMzUzNyAxOC4yOTY0QzEuNTQ1OCAxOS41MTM1IDIuNDU1MjQgMjEgMy44NzQzNiAyMVpNMTAuOTkgMTMuOTM3NEwxMC43MDAyIDkuMDk4ODdWNy43NTIwNUMxMC43MDAyIDcuMzMzMDQgMTEuMDQgNi45OTM4NCAxMS40NTk3IDYuOTkzODRIMTIuNjA5QzEzLjAyODggNi45OTM4NCAxMy4zNjg2IDcuMzMzMDQgMTMuMzY4NiA3Ljc1MjA1VjkuMTA4ODRMMTMuMDg4NyAxMy45Mjc1QzEzLjA2ODcgMTQuMzI2NSAxMi43Mzg5IDE0LjYzNTggMTIuMzI5MiAxNC42MzU4SDExLjc0OTVDMTEuMzQ5OCAxNC42MzU4IDExLjAyIDE0LjMyNjUgMTAuOTkgMTMuOTI3NVYxMy45Mzc0Wk0xMS45OTk0IDE4Ljk2NTJDMTIuNzg4NyAxOC45NjUyIDEzLjQyODYgMTguMzI2NSAxMy40Mjg2IDE3LjUzODZDMTMuNDI4NiAxNi43NTA3IDEyLjc4ODcgMTYuMTEyIDExLjk5OTQgMTYuMTEyQzExLjIxMDIgMTYuMTEyIDEwLjU3MDMgMTYuNzUwNyAxMC41NzAzIDE3LjUzODZDMTAuNTcwMyAxOC4zMjY1IDExLjIxMDIgMTguOTY1MiAxMS45OTk0IDE4Ljk2NTJaIiBmaWxsPSIjNzk3Rjg1Ii8+DQo8L3N2Zz4NCg==);
            mask-image: url(data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PSIwIDAgMjQgMjQiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+DQo8cGF0aCBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGNsaXAtcnVsZT0iZXZlbm9kZCIgZD0iTTMuODc0MzYgMjFIMjAuMTE0NEgyMC4xMjQ0QzIxLjU1MzUgMjEgMjIuNDUyOSAxOS41MDM1IDIxLjc2MzQgMTguMjg2NEwxMy42NDg0IDMuOTUwMjZDMTIuOTM4OCAyLjY4MzI1IDExLjA2OTkgMi42ODMyNSAxMC4zNjA0IDMuOTUwMjZMMi4yMzUzNyAxOC4yOTY0QzEuNTQ1OCAxOS41MTM1IDIuNDU1MjQgMjEgMy44NzQzNiAyMVpNMTAuOTkgMTMuOTM3NEwxMC43MDAyIDkuMDk4ODdWNy43NTIwNUMxMC43MDAyIDcuMzMzMDQgMTEuMDQgNi45OTM4NCAxMS40NTk3IDYuOTkzODRIMTIuNjA5QzEzLjAyODggNi45OTM4NCAxMy4zNjg2IDcuMzMzMDQgMTMuMzY4NiA3Ljc1MjA1VjkuMTA4ODRMMTMuMDg4NyAxMy45Mjc1QzEzLjA2ODcgMTQuMzI2NSAxMi43Mzg5IDE0LjYzNTggMTIuMzI5MiAxNC42MzU4SDExLjc0OTVDMTEuMzQ5OCAxNC42MzU4IDExLjAyIDE0LjMyNjUgMTAuOTkgMTMuOTI3NVYxMy45Mzc0Wk0xMS45OTk0IDE4Ljk2NTJDMTIuNzg4NyAxOC45NjUyIDEzLjQyODYgMTguMzI2NSAxMy40Mjg2IDE3LjUzODZDMTMuNDI4NiAxNi43NTA3IDEyLjc4ODcgMTYuMTEyIDExLjk5OTQgMTYuMTEyQzExLjIxMDIgMTYuMTEyIDEwLjU3MDMgMTYuNzUwNyAxMC41NzAzIDE3LjUzODZDMTAuNTcwMyAxOC4zMjY1IDExLjIxMDIgMTguOTY1MiAxMS45OTk0IDE4Ljk2NTJaIiBmaWxsPSIjNzk3Rjg1Ii8+DQo8L3N2Zz4NCg==)
        }

        .blu-modal.b-dialog.b-danger .blu-modal__icon[data-v-c206562a] {
            background-color: #ff4646;
            -webkit-mask-image: url(data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PSIwIDAgMjQgMjQiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+DQo8cGF0aCBkPSJNMTIgMkM2LjQ4IDIgMiA2LjQ4IDIgMTJDMiAxNy41MiA2LjQ4IDIyIDEyIDIyQzE3LjUyIDIyIDIyIDE3LjUyIDIyIDEyQzIyIDYuNDggMTcuNTIgMiAxMiAyWk0xNi4yNCAxNC44M0MxNi42MyAxNS4yMiAxNi42MyAxNS44NSAxNi4yNCAxNi4yNEMxNS44NSAxNi42MyAxNS4yMiAxNi42MyAxNC44MyAxNi4yNEwxMiAxMy40MUw5LjE3IDE2LjI0QzguNzggMTYuNjMgOC4xNSAxNi42MyA3Ljc2IDE2LjI0QzcuMzcgMTUuODUgNy4zNyAxNS4yMiA3Ljc2IDE0LjgzTDEwLjU5IDEyTDcuNzYgOS4xN0M3LjM3IDguNzggNy4zNyA4LjE1IDcuNzYgNy43NkM4LjE1IDcuMzcgOC43OCA3LjM3IDkuMTcgNy43NkwxMiAxMC41OUwxNC44MyA3Ljc2QzE1LjIyIDcuMzcgMTUuODUgNy4zNyAxNi4yNCA3Ljc2QzE2LjYzIDguMTUgMTYuNjMgOC43OCAxNi4yNCA5LjE3TDEzLjQxIDEyTDE2LjI0IDE0LjgzWiIgZmlsbD0iIzc5N0Y4NSIvPg0KPC9zdmc+);
            mask-image: url(data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PSIwIDAgMjQgMjQiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+DQo8cGF0aCBkPSJNMTIgMkM2LjQ4IDIgMiA2LjQ4IDIgMTJDMiAxNy41MiA2LjQ4IDIyIDEyIDIyQzE3LjUyIDIyIDIyIDE3LjUyIDIyIDEyQzIyIDYuNDggMTcuNTIgMiAxMiAyWk0xNi4yNCAxNC44M0MxNi42MyAxNS4yMiAxNi42MyAxNS44NSAxNi4yNCAxNi4yNEMxNS44NSAxNi42MyAxNS4yMiAxNi42MyAxNC44MyAxNi4yNEwxMiAxMy40MUw5LjE3IDE2LjI0QzguNzggMTYuNjMgOC4xNSAxNi42MyA3Ljc2IDE2LjI0QzcuMzcgMTUuODUgNy4zNyAxNS4yMiA3Ljc2IDE0LjgzTDEwLjU5IDEyTDcuNzYgOS4xN0M3LjM3IDguNzggNy4zNyA4LjE1IDcuNzYgNy43NkM4LjE1IDcuMzcgOC43OCA3LjM3IDkuMTcgNy43NkwxMiAxMC41OUwxNC44MyA3Ljc2QzE1LjIyIDcuMzcgMTUuODUgNy4zNyAxNi4yNCA3Ljc2QzE2LjYzIDguMTUgMTYuNjMgOC43OCAxNi4yNCA5LjE3TDEzLjQxIDEyTDE2LjI0IDE0LjgzWiIgZmlsbD0iIzc5N0Y4NSIvPg0KPC9zdmc+)
        }

        @media screen and (max-width: 768px) {
            .blu-modal.b-full-screen .blu-modal__container[data-v-c206562a] {
                min-height: 100%;
                border-radius: unset;
                padding-top: 0
            }

            .blu-modal.b-full-screen .blu-modal__close[data-v-c206562a] {
                display: none
            }
        }
    </style>
    <style type="text/css">
        .blu-ripple[data-v-65e7601e] {
            width: 100%;
            height: 100%;
            position: relative;
            overflow: hidden;
            display: flex;
            justify-content: center;
            align-items: center;
            -webkit-box-pack: center;
            -webkit-box-align: center;
            -webkit-mask-image: radial-gradient(circle, #ffffff 100%, #000000 100%);
            padding: 0 12px
        }

        .blu-ripple-wave[data-v-65e7601e] {
            position: absolute;
            z-index: 1;
            pointer-events: none;
            background: currentColor;
            border-radius: 50%;
            opacity: 0;
            transform: scale(2) translateZ(0)
        }

        .blu-ripple-wave.b-centered[data-v-65e7601e] {
            animation-duration: 1.2s;
            top: 50%;
            left: 50%
        }

        .blu-ripple-wave~*[data-v-65e7601e]:not(.blu-ripple-wave) {
            position: relative;
            z-index: 2
        }

        .blu-ripple-enter-active[data-v-65e7601e] {
            transition: 2s cubic-bezier(0.25, 0.8, 0.25, 1);
            transition-property: opacity, transform;
            will-change: opacity, transform
        }

        .blu-ripple-enter-active.b-centered[data-v-65e7601e] {
            transition-duration: 1.2s
        }

        .blu-ripple-enter[data-v-65e7601e] {
            opacity: .26;
            transform: scale(0.26) translateZ(0)
        }

        .has-left-icon .blu-ripple svg[data-v-65e7601e] {
            margin-right: 8px
        }

        .has-left-icon.b-small svg[data-v-65e7601e] {
            transform-origin: left;
            margin-right: 4px
        }

        .b-large .blu-ripple[data-v-65e7601e] {
            padding: 0 16px
        }

        .b-small .blu-ripple[data-v-65e7601e] {
            padding: 0 8px
        }

        .b-small svg[data-v-65e7601e] {
            width: 18px;
            height: 18px
        }

        .b-icon .blu-ripple[data-v-65e7601e] {
            padding: 0
        }

        .b-loading .blu-loader-wrapper[data-v-65e7601e] {
            height: 24px;
            position: absolute
        }

        .b-loading .blu-ripple[data-v-65e7601e] {
            color: rgba(0, 0, 0, 0)
        }

        .b-loading .blu-ripple>svg[data-v-65e7601e] {
            visibility: hidden
        }

        .b-loading .blu-ripple .blu-ripple-wave[data-v-65e7601e] {
            color: #fff
        }

        .b-loading.b-white .blu-ripple-wave[data-v-65e7601e] {
            color: #a58d33
        }

        .b-loading.b-outline.b-secondary .blu-ripple-wave[data-v-65e7601e] {
            color: #a58d33
        }

        .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: #a58d33
        }

        .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: #a58d33
        }

        .b-disabled[data-v-65e7601e] {
            opacity: 1
        }

        .blu-btn-dropdown .blu-ripple>svg+div[data-v-65e7601e] {
            margin-left: 8px
        }

        .blu-modal__mask[data-v-65e7601e] {
            transition: opacity .3s ease;
            position: fixed;
            z-index: 999;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            background-color: rgba(0, 0, 0, .6);
            display: flex;
            flex-direction: column;
            justify-content: center;
            align-items: center
        }

        .blu-modal__container[data-v-65e7601e] {
            transition: opacity .3s ease;
            width: 90%;
            max-width: 500px;
            max-height: calc(100% - 50px);
            height: auto;
            background: #fff;
            box-shadow: 0 1px 6px 0 rgba(0, 0, 0, .1);
            position: fixed;
            z-index: 1000;
            display: flex;
            flex-direction: column
        }

        @media screen and (max-width: 768px) {
            .blu-modal__container[data-v-65e7601e] {
                max-height: calc(100% - 40px)
            }
        }

        @media screen and (min-width: 769px),
        print {
            .blu-modal__container[data-v-65e7601e] {
                top: 50%;
                left: 50%;
                -webkit-transform: translate(-50%, -50%);
                -moz-transform: translate(-50%, -50%);
                -ms-transform: translate(-50%, -50%);
                -o-transform: translate(-50%, -50%);
                transform: translate(-50%, -50%)
            }
        }

        .blu-modal__heading[data-v-65e7601e] {
            font: 24px/28px "blibli demi bold", -apple-system, segoe ui, roboto, helvetica, arial, sans-serif;
            margin-bottom: 8px
        }

        @media screen and (max-width: 768px) {
            .blu-modal__heading[data-v-65e7601e] {
                font: 20px/24px "blibli demi bold", -apple-system, segoe ui, roboto, helvetica, arial, sans-serif;
                margin-bottom: 0px
            }
        }

        .blu-modal__body[data-v-65e7601e] {
            max-height: var(--max-height-modal-body);
            overflow-x: auto;
            color: rgba(25, 34, 42, .7019607843);
            margin-right: 0px;
            overscroll-behavior: contain
        }

        @media screen and (min-width: 769px),
        print {
            .blu-modal__body[data-v-65e7601e] {
                font: 16px/20px "blibli", -apple-system, segoe ui, roboto, helvetica, arial, sans-serif
            }
        }

        @media screen and (max-width: 768px) {
            .blu-modal__body[data-v-65e7601e] {
                font: 14px/18px "blibli", -apple-system, segoe ui, roboto, helvetica, arial, sans-serif
            }
        }

        .blu-modal__footer[data-v-65e7601e] {
            text-align: right
        }

        @media screen and (max-width: 768px) {
            .blu-modal__footer[data-v-65e7601e] {
                margin-top: auto
            }
        }

        .blu-modal.b-dialog .blu-modal__body[data-v-65e7601e] {
            margin-bottom: 40px
        }

        @media screen and (max-width: 768px) {
            .blu-modal.b-dialog .blu-modal__body[data-v-65e7601e] {
                margin-bottom: 32px
            }
        }

        .blu-modal.b-dialog .blu-modal__container[data-v-65e7601e] {
            border-radius: 16px
        }

        @media screen and (min-width: 769px),
        print {
            .blu-modal.b-dialog .blu-modal__container[data-v-65e7601e] {
                padding: 24px 24px 16px
            }
        }

        @media screen and (max-width: 768px) {
            .blu-modal.b-dialog .blu-modal__container[data-v-65e7601e] {
                padding: 24px 24px 16px;
                top: 50%;
                left: 50%;
                -webkit-transform: translate(-50%, -50%);
                -moz-transform: translate(-50%, -50%);
                -ms-transform: translate(-50%, -50%);
                -o-transform: translate(-50%, -50%);
                transform: translate(-50%, -50%)
            }
        }

        .blu-modal.b-dialog .blu-modal__container[data-v-65e7601e]:before,
        .blu-modal.b-dialog .blu-modal__container[data-v-65e7601e]:after {
            content: "";
            width: calc(100% - 60px);
            margin: 0 30px;
            border-radius: 0 0 24px 24px;
            position: absolute;
            left: 0
        }

        .blu-modal.b-dialog .blu-modal__container[data-v-65e7601e]:before {
            height: 9px;
            bottom: -9px;
            z-index: 2;
            background: linear-gradient(0deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.12) 100%)
        }

        .blu-modal.b-dialog .blu-modal__container[data-v-65e7601e]:after {
            height: 16px;
            border-top: #fff 1px solid;
            bottom: -15px
        }

        .blu-modal.b-dialog .blu-modal__close[data-v-65e7601e] {
            display: none
        }

        .blu-modal.b-dialog.b-info .blu-modal__container[data-v-65e7601e]:after {
            background-color: #1d8fff
        }

        .blu-modal.b-dialog.b-success .blu-modal__container[data-v-65e7601e]:after {
            background-color: #22a334
        }

        .blu-modal.b-dialog.b-warning .blu-modal__container[data-v-65e7601e]:after {
            background-color: #ffcd00
        }

        .blu-modal.b-dialog.b-danger .blu-modal__container[data-v-65e7601e]:after {
            background-color: #ff4646
        }

        .blu-modal.b-page .blu-modal__body[data-v-65e7601e] {
            color: rgba(25, 34, 42, .7019607843)
        }

        @media screen and (min-width: 769px),
        print {
            .blu-modal.b-page .blu-modal__body[data-v-65e7601e] {
                padding: 0 24px
            }
        }

        @media screen and (max-width: 768px) {
            .blu-modal.b-page .blu-modal__body[data-v-65e7601e] {
                padding: 0 16px;
                padding-bottom: calc(env(safe-area-inset-bottom) + 4px);
                overflow-y: auto
            }
        }

        .blu-modal.b-page .blu-modal__body[data-v-65e7601e]::before {
            content: "";
            background: #fff;
            height: 20px;
            width: 100%;
            left: 0;
            bottom: 0;
            position: fixed
        }

        @media screen and (min-width: 769px),
        print {
            .blu-modal.b-page .blu-modal__body[data-v-65e7601e]::before {
                display: none
            }
        }

        @media screen and (min-width: 769px),
        print {
            .blu-modal.b-page .blu-modal__container[data-v-65e7601e] {
                border-radius: 16px;
                padding-top: 32px
            }
        }

        @media screen and (max-width: 768px) {
            .blu-modal.b-page .blu-modal__container[data-v-65e7601e] {
                padding-top: 24px;
                width: 100%;
                max-width: 100%;
                height: auto;
                border-radius: 16px 16px 0 0;
                left: 0;
                bottom: 0;
                padding-top: 24px;
                padding-bottom: calc(env(safe-area-inset-bottom) + 16px)
            }
        }

        @media screen and (min-width: 769px),
        print {
            .blu-modal.b-page .blu-modal__footer[data-v-65e7601e] {
                padding: 24px 24px
            }
        }

        @media screen and (max-width: 768px) {
            .blu-modal.b-page .blu-modal__footer[data-v-65e7601e] {
                width: 100%;
                padding: 16px;
                transition: all .3s cubic-bezier(0, 0, 0.2, 1.2);
                bottom: 0;
                padding-bottom: env(safe-area-inset-bottom);
                background: #fff
            }
        }

        .blu-modal.b-page .blu-modal__footer[data-v-65e7601e]::before {
            content: "";
            background: #fff;
            height: 20px;
            width: 100%;
            left: 0;
            bottom: 0;
            position: fixed
        }

        @media screen and (min-width: 769px),
        print {
            .blu-modal.b-page .blu-modal__footer[data-v-65e7601e]::before {
                display: none
            }
        }

        @media screen and (min-width: 769px),
        print {
            .blu-modal.b-page .blu-modal__header[data-v-65e7601e] {
                padding: 0 24px
            }
        }

        @media screen and (max-width: 768px) {
            .blu-modal.b-page .blu-modal__header[data-v-65e7601e] {
                padding: 0 16px
            }
        }

        .blu-modal.b-page .blu-modal__icon[data-v-65e7601e] {
            display: none
        }

        @media screen and (max-width: 768px) {

            .blu-modal.b-page.fade-enter-active[data-v-65e7601e],
            .blu-modal.b-page.fade-leave-active[data-v-65e7601e] {
                transition: opacity .3s
            }

            .blu-modal.b-page.fade-enter-active .blu-modal__container[data-v-65e7601e],
            .blu-modal.b-page.fade-leave-active .blu-modal__container[data-v-65e7601e] {
                transition: bottom .3s;
                transition: all .3s cubic-bezier(0, 0, 0.2, 1.2);
                bottom: 0
            }

            .blu-modal.b-page.fade-enter-active[data-v-65e7601e] {
                transition: opacity .3s cubic-bezier(0, 0, 0.2, 1.2)
            }

            .blu-modal.b-page.fade-leave-active[data-v-65e7601e] {
                transition: opacity .3s cubic-bezier(0.8, 0, 1, 1)
            }

            .blu-modal.b-page.fade-enter .blu-modal__container[data-v-65e7601e],
            .blu-modal.b-page.fade-leave-to .blu-modal__container[data-v-65e7601e] {
                bottom: -96vh
            }
        }

        .blu-modal.b-no-button .blu-modal__container[data-v-65e7601e] {
            padding-bottom: 20px
        }

        @media screen and (max-width: 768px) {
            .blu-modal.b-no-button .blu-modal__body[data-v-65e7601e] {
                padding-bottom: env(safe-area-inset-bottom)
            }
        }

        .blu-modal.b-no-button .blu-modal__footer[data-v-65e7601e] {
            display: none
        }

        .fade-enter-active[data-v-65e7601e],
        .fade-leave-active[data-v-65e7601e] {
            position: absolute;
            z-index: 998;
            transition: opacity .3s
        }

        .fade-enter[data-v-65e7601e],
        .fade-leave-to[data-v-65e7601e] {
            opacity: 0
        }

        img[data-v-65e7601e] {
            max-width: 100%
        }

        .blu-modal.b-dialog .blu-modal__icon[data-v-65e7601e] {
            width: 40px;
            height: 40px;
            margin-bottom: 40px
        }

        @media screen and (max-width: 768px) {
            .blu-modal.b-dialog .blu-modal__icon[data-v-65e7601e] {
                width: 24px;
                height: 24px;
                margin-bottom: 32px
            }
        }

        .blu-modal.b-dialog.b-info .blu-modal__icon[data-v-65e7601e] {
            background-color: #1d8fff;
            -webkit-mask-image: url(data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PSIwIDAgMjQgMjQiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+DQo8cGF0aCBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGNsaXAtcnVsZT0iZXZlbm9kZCIgZD0iTTIgMTJDMiA2LjQ4IDYuNDggMiAxMiAyQzE3LjUyIDIgMjIgNi40OCAyMiAxMkMyMiAxNy41MiAxNy41MiAyMiAxMiAyMkM2LjQ4IDIyIDIgMTcuNTIgMiAxMlpNMTEuOTcgOC43Mzc2NEMxMi43MjY2IDguNzM3NjQgMTMuMzQgOC4xMjQ4IDEzLjM0IDcuMzY4ODJDMTMuMzQgNi42MTI4NCAxMi43MjY2IDYgMTEuOTcgNkMxMS4yMTM0IDYgMTAuNiA2LjYxMjg0IDEwLjYgNy4zNjg4MkMxMC42IDguMTI0OCAxMS4yMTM0IDguNzM3NjQgMTEuOTcgOC43Mzc2NFpNMTEuNDk5OSAxMC4xMDY0SDEyLjQ0OTlDMTIuODQ5OSAxMC4xMDY0IDEzLjE3OTkgMTAuNDM2MiAxMy4xNzk5IDEwLjgzNThWMTcuMjcwM0MxMy4xNzk5IDE3LjY2OTkgMTIuODQ5OSAxNy45OTk2IDEyLjQ0OTkgMTcuOTk5NkgxMS40OTk5QzExLjA5OTkgMTcuOTk5NiAxMC43Njk5IDE3LjY2OTkgMTAuNzY5OSAxNy4yNzAzVjEwLjgzNThDMTAuNzY5OSAxMC40MzYyIDExLjA5OTkgMTAuMTA2NCAxMS40OTk5IDEwLjEwNjRaIiBmaWxsPSIjNzk3Rjg1Ii8+DQo8L3N2Zz4NCg==);
            mask-image: url(data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PSIwIDAgMjQgMjQiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+DQo8cGF0aCBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGNsaXAtcnVsZT0iZXZlbm9kZCIgZD0iTTIgMTJDMiA2LjQ4IDYuNDggMiAxMiAyQzE3LjUyIDIgMjIgNi40OCAyMiAxMkMyMiAxNy41MiAxNy41MiAyMiAxMiAyMkM2LjQ4IDIyIDIgMTcuNTIgMiAxMlpNMTEuOTcgOC43Mzc2NEMxMi43MjY2IDguNzM3NjQgMTMuMzQgOC4xMjQ4IDEzLjM0IDcuMzY4ODJDMTMuMzQgNi42MTI4NCAxMi43MjY2IDYgMTEuOTcgNkMxMS4yMTM0IDYgMTAuNiA2LjYxMjg0IDEwLjYgNy4zNjg4MkMxMC42IDguMTI0OCAxMS4yMTM0IDguNzM3NjQgMTEuOTcgOC43Mzc2NFpNMTEuNDk5OSAxMC4xMDY0SDEyLjQ0OTlDMTIuODQ5OSAxMC4xMDY0IDEzLjE3OTkgMTAuNDM2MiAxMy4xNzk5IDEwLjgzNThWMTcuMjcwM0MxMy4xNzk5IDE3LjY2OTkgMTIuODQ5OSAxNy45OTk2IDEyLjQ0OTkgMTcuOTk5NkgxMS40OTk5QzExLjA5OTkgMTcuOTk5NiAxMC43Njk5IDE3LjY2OTkgMTAuNzY5OSAxNy4yNzAzVjEwLjgzNThDMTAuNzY5OSAxMC40MzYyIDExLjA5OTkgMTAuMTA2NCAxMS40OTk5IDEwLjEwNjRaIiBmaWxsPSIjNzk3Rjg1Ii8+DQo8L3N2Zz4NCg==)
        }

        .blu-modal.b-dialog.b-success .blu-modal__icon[data-v-65e7601e] {
            background-color: #22a334;
            -webkit-mask-image: url(data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PSIwIDAgMjQgMjQiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+DQo8cGF0aCBkPSJNMTIgMkM2LjQ4IDIgMiA2LjQ4IDIgMTJDMiAxNy41MiA2LjQ4IDIyIDEyIDIyQzE3LjUyIDIyIDIyIDE3LjUyIDIyIDEyQzIyIDYuNDggMTcuNTIgMiAxMiAyWk0xNy4wNSA5LjExTDEyLjA2IDE2LjEyQzExLjg4IDE2LjM3IDExLjYgMTYuNTIgMTEuMjkgMTYuNTRIMTEuMjRDMTAuOTUgMTYuNTQgMTAuNjcgMTYuNDIgMTAuNDggMTYuMTlMNi45OSAxMi4xM0M2LjgyIDExLjkzIDYuNzMgMTEuNjcgNi43NSAxMS40MUM2Ljc3IDExLjE0IDYuODkgMTAuOSA3LjA5IDEwLjczQzcuNTEgMTAuMzcgOC4xNCAxMC40MiA4LjUgMTAuODRMMTEuMTYgMTMuOTNMMTUuNDEgNy45NkMxNS43MyA3LjUxIDE2LjM1IDcuNDEgMTYuOCA3LjczQzE3LjAyIDcuODggMTcuMTYgOC4xMSAxNy4yMSA4LjM4QzE3LjI1IDguNjQgMTcuMTkgOC45MSAxNy4wNCA5LjEyTDE3LjA1IDkuMTFaIiBmaWxsPSIjNzk3Rjg1Ii8+DQo8L3N2Zz4=);
            mask-image: url(data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PSIwIDAgMjQgMjQiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+DQo8cGF0aCBkPSJNMTIgMkM2LjQ4IDIgMiA2LjQ4IDIgMTJDMiAxNy41MiA2LjQ4IDIyIDEyIDIyQzE3LjUyIDIyIDIyIDE3LjUyIDIyIDEyQzIyIDYuNDggMTcuNTIgMiAxMiAyWk0xNy4wNSA5LjExTDEyLjA2IDE2LjEyQzExLjg4IDE2LjM3IDExLjYgMTYuNTIgMTEuMjkgMTYuNTRIMTEuMjRDMTAuOTUgMTYuNTQgMTAuNjcgMTYuNDIgMTAuNDggMTYuMTlMNi45OSAxMi4xM0M2LjgyIDExLjkzIDYuNzMgMTEuNjcgNi43NSAxMS40MUM2Ljc3IDExLjE0IDYuODkgMTAuOSA3LjA5IDEwLjczQzcuNTEgMTAuMzcgOC4xNCAxMC40MiA4LjUgMTAuODRMMTEuMTYgMTMuOTNMMTUuNDEgNy45NkMxNS43MyA3LjUxIDE2LjM1IDcuNDEgMTYuOCA3LjczQzE3LjAyIDcuODggMTcuMTYgOC4xMSAxNy4yMSA4LjM4QzE3LjI1IDguNjQgMTcuMTkgOC45MSAxNy4wNCA5LjEyTDE3LjA1IDkuMTFaIiBmaWxsPSIjNzk3Rjg1Ii8+DQo8L3N2Zz4=)
        }

        .blu-modal.b-dialog.b-warning .blu-modal__icon[data-v-65e7601e] {
            background-color: #ffcd00;
            -webkit-mask-image: url(data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PSIwIDAgMjQgMjQiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+DQo8cGF0aCBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGNsaXAtcnVsZT0iZXZlbm9kZCIgZD0iTTMuODc0MzYgMjFIMjAuMTE0NEgyMC4xMjQ0QzIxLjU1MzUgMjEgMjIuNDUyOSAxOS41MDM1IDIxLjc2MzQgMTguMjg2NEwxMy42NDg0IDMuOTUwMjZDMTIuOTM4OCAyLjY4MzI1IDExLjA2OTkgMi42ODMyNSAxMC4zNjA0IDMuOTUwMjZMMi4yMzUzNyAxOC4yOTY0QzEuNTQ1OCAxOS41MTM1IDIuNDU1MjQgMjEgMy44NzQzNiAyMVpNMTAuOTkgMTMuOTM3NEwxMC43MDAyIDkuMDk4ODdWNy43NTIwNUMxMC43MDAyIDcuMzMzMDQgMTEuMDQgNi45OTM4NCAxMS40NTk3IDYuOTkzODRIMTIuNjA5QzEzLjAyODggNi45OTM4NCAxMy4zNjg2IDcuMzMzMDQgMTMuMzY4NiA3Ljc1MjA1VjkuMTA4ODRMMTMuMDg4NyAxMy45Mjc1QzEzLjA2ODcgMTQuMzI2NSAxMi43Mzg5IDE0LjYzNTggMTIuMzI5MiAxNC42MzU4SDExLjc0OTVDMTEuMzQ5OCAxNC42MzU4IDExLjAyIDE0LjMyNjUgMTAuOTkgMTMuOTI3NVYxMy45Mzc0Wk0xMS45OTk0IDE4Ljk2NTJDMTIuNzg4NyAxOC45NjUyIDEzLjQyODYgMTguMzI2NSAxMy40Mjg2IDE3LjUzODZDMTMuNDI4NiAxNi43NTA3IDEyLjc4ODcgMTYuMTEyIDExLjk5OTQgMTYuMTEyQzExLjIxMDIgMTYuMTEyIDEwLjU3MDMgMTYuNzUwNyAxMC41NzAzIDE3LjUzODZDMTAuNTcwMyAxOC4zMjY1IDExLjIxMDIgMTguOTY1MiAxMS45OTk0IDE4Ljk2NTJaIiBmaWxsPSIjNzk3Rjg1Ii8+DQo8L3N2Zz4NCg==);
            mask-image: url(data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PSIwIDAgMjQgMjQiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+DQo8cGF0aCBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGNsaXAtcnVsZT0iZXZlbm9kZCIgZD0iTTMuODc0MzYgMjFIMjAuMTE0NEgyMC4xMjQ0QzIxLjU1MzUgMjEgMjIuNDUyOSAxOS41MDM1IDIxLjc2MzQgMTguMjg2NEwxMy42NDg0IDMuOTUwMjZDMTIuOTM4OCAyLjY4MzI1IDExLjA2OTkgMi42ODMyNSAxMC4zNjA0IDMuOTUwMjZMMi4yMzUzNyAxOC4yOTY0QzEuNTQ1OCAxOS41MTM1IDIuNDU1MjQgMjEgMy44NzQzNiAyMVpNMTAuOTkgMTMuOTM3NEwxMC43MDAyIDkuMDk4ODdWNy43NTIwNUMxMC43MDAyIDcuMzMzMDQgMTEuMDQgNi45OTM4NCAxMS40NTk3IDYuOTkzODRIMTIuNjA5QzEzLjAyODggNi45OTM4NCAxMy4zNjg2IDcuMzMzMDQgMTMuMzY4NiA3Ljc1MjA1VjkuMTA4ODRMMTMuMDg4NyAxMy45Mjc1QzEzLjA2ODcgMTQuMzI2NSAxMi43Mzg5IDE0LjYzNTggMTIuMzI5MiAxNC42MzU4SDExLjc0OTVDMTEuMzQ5OCAxNC42MzU4IDExLjAyIDE0LjMyNjUgMTAuOTkgMTMuOTI3NVYxMy45Mzc0Wk0xMS45OTk0IDE4Ljk2NTJDMTIuNzg4NyAxOC45NjUyIDEzLjQyODYgMTguMzI2NSAxMy40Mjg2IDE3LjUzODZDMTMuNDI4NiAxNi43NTA3IDEyLjc4ODcgMTYuMTEyIDExLjk5OTQgMTYuMTEyQzExLjIxMDIgMTYuMTEyIDEwLjU3MDMgMTYuNzUwNyAxMC41NzAzIDE3LjUzODZDMTAuNTcwMyAxOC4zMjY1IDExLjIxMDIgMTguOTY1MiAxMS45OTk0IDE4Ljk2NTJaIiBmaWxsPSIjNzk3Rjg1Ii8+DQo8L3N2Zz4NCg==)
        }

        .blu-modal.b-dialog.b-danger .blu-modal__icon[data-v-65e7601e] {
            background-color: #ff4646;
            -webkit-mask-image: url(data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PSIwIDAgMjQgMjQiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+DQo8cGF0aCBkPSJNMTIgMkM2LjQ4IDIgMiA2LjQ4IDIgMTJDMiAxNy41MiA2LjQ4IDIyIDEyIDIyQzE3LjUyIDIyIDIyIDE3LjUyIDIyIDEyQzIyIDYuNDggMTcuNTIgMiAxMiAyWk0xNi4yNCAxNC44M0MxNi42MyAxNS4yMiAxNi42MyAxNS44NSAxNi4yNCAxNi4yNEMxNS44NSAxNi42MyAxNS4yMiAxNi42MyAxNC44MyAxNi4yNEwxMiAxMy40MUw5LjE3IDE2LjI0QzguNzggMTYuNjMgOC4xNSAxNi42MyA3Ljc2IDE2LjI0QzcuMzcgMTUuODUgNy4zNyAxNS4yMiA3Ljc2IDE0LjgzTDEwLjU5IDEyTDcuNzYgOS4xN0M3LjM3IDguNzggNy4zNyA4LjE1IDcuNzYgNy43NkM4LjE1IDcuMzcgOC43OCA3LjM3IDkuMTcgNy43NkwxMiAxMC41OUwxNC44MyA3Ljc2QzE1LjIyIDcuMzcgMTUuODUgNy4zNyAxNi4yNCA3Ljc2QzE2LjYzIDguMTUgMTYuNjMgOC43OCAxNi4yNCA5LjE3TDEzLjQxIDEyTDE2LjI0IDE0LjgzWiIgZmlsbD0iIzc5N0Y4NSIvPg0KPC9zdmc+);
            mask-image: url(data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PSIwIDAgMjQgMjQiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+DQo8cGF0aCBkPSJNMTIgMkM2LjQ4IDIgMiA2LjQ4IDIgMTJDMiAxNy41MiA2LjQ4IDIyIDEyIDIyQzE3LjUyIDIyIDIyIDE3LjUyIDIyIDEyQzIyIDYuNDggMTcuNTIgMiAxMiAyWk0xNi4yNCAxNC44M0MxNi42MyAxNS4yMiAxNi42MyAxNS44NSAxNi4yNCAxNi4yNEMxNS44NSAxNi42MyAxNS4yMiAxNi42MyAxNC44MyAxNi4yNEwxMiAxMy40MUw5LjE3IDE2LjI0QzguNzggMTYuNjMgOC4xNSAxNi42MyA3Ljc2IDE2LjI0QzcuMzcgMTUuODUgNy4zNyAxNS4yMiA3Ljc2IDE0LjgzTDEwLjU5IDEyTDcuNzYgOS4xN0M3LjM3IDguNzggNy4zNyA4LjE1IDcuNzYgNy43NkM4LjE1IDcuMzcgOC43OCA3LjM3IDkuMTcgNy43NkwxMiAxMC41OUwxNC44MyA3Ljc2QzE1LjIyIDcuMzcgMTUuODUgNy4zNyAxNi4yNCA3Ljc2QzE2LjYzIDguMTUgMTYuNjMgOC43OCAxNi4yNCA5LjE3TDEzLjQxIDEyTDE2LjI0IDE0LjgzWiIgZmlsbD0iIzc5N0Y4NSIvPg0KPC9zdmc+)
        }

        @media screen and (max-width: 768px) {
            .blu-modal.b-full-screen .blu-modal__container[data-v-65e7601e] {
                min-height: 100%;
                border-radius: unset;
                padding-top: 0
            }

            .blu-modal.b-full-screen .blu-modal__close[data-v-65e7601e] {
                display: none
            }
        }
    </style>
    <style type="text/css">
        .blu-ripple[data-v-6ada375c] {
            width: 100%;
            height: 100%;
            position: relative;
            overflow: hidden;
            display: flex;
            justify-content: center;
            align-items: center;
            -webkit-box-pack: center;
            -webkit-box-align: center;
            -webkit-mask-image: radial-gradient(circle, #ffffff 100%, #000000 100%);
            padding: 0 12px
        }

        .blu-ripple-wave[data-v-6ada375c] {
            position: absolute;
            z-index: 1;
            pointer-events: none;
            background: currentColor;
            border-radius: 50%;
            opacity: 0;
            transform: scale(2) translateZ(0)
        }

        .blu-ripple-wave.b-centered[data-v-6ada375c] {
            animation-duration: 1.2s;
            top: 50%;
            left: 50%
        }

        .blu-ripple-wave~*[data-v-6ada375c]:not(.blu-ripple-wave) {
            position: relative;
            z-index: 2
        }

        .blu-ripple-enter-active[data-v-6ada375c] {
            transition: 2s cubic-bezier(0.25, 0.8, 0.25, 1);
            transition-property: opacity, transform;
            will-change: opacity, transform
        }

        .blu-ripple-enter-active.b-centered[data-v-6ada375c] {
            transition-duration: 1.2s
        }

        .blu-ripple-enter[data-v-6ada375c] {
            opacity: .26;
            transform: scale(0.26) translateZ(0)
        }

        .has-left-icon .blu-ripple svg[data-v-6ada375c] {
            margin-right: 8px
        }

        .has-left-icon.b-small svg[data-v-6ada375c] {
            transform-origin: left;
            margin-right: 4px
        }

        .b-large .blu-ripple[data-v-6ada375c] {
            padding: 0 16px
        }

        .b-small .blu-ripple[data-v-6ada375c] {
            padding: 0 8px
        }

        .b-small svg[data-v-6ada375c] {
            width: 18px;
            height: 18px
        }

        .b-icon .blu-ripple[data-v-6ada375c] {
            padding: 0
        }

        .b-loading .blu-loader-wrapper[data-v-6ada375c] {
            height: 24px;
            position: absolute
        }

        .b-loading .blu-ripple[data-v-6ada375c] {
            color: rgba(0, 0, 0, 0)
        }

        .b-loading .blu-ripple>svg[data-v-6ada375c] {
            visibility: hidden
        }

        .b-loading .blu-ripple .blu-ripple-wave[data-v-6ada375c] {
            color: #fff
        }

        .b-loading.b-white .blu-ripple-wave[data-v-6ada375c] {
            color: #a58d33
        }

        .b-loading.b-outline.b-secondary .blu-ripple-wave[data-v-6ada375c] {
            color: #a58d33
        }

        .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: #a58d33
        }

        .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: #a58d33
        }

        .b-disabled[data-v-6ada375c] {
            opacity: 1
        }

        .blu-btn-dropdown .blu-ripple>svg+div[data-v-6ada375c] {
            margin-left: 8px
        }

        .blu-modal__mask[data-v-6ada375c] {
            transition: opacity .3s ease;
            position: fixed;
            z-index: 999;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            background-color: rgba(0, 0, 0, .6);
            display: flex;
            flex-direction: column;
            justify-content: center;
            align-items: center
        }

        .blu-modal__container[data-v-6ada375c] {
            transition: opacity .3s ease;
            width: 90%;
            max-width: 500px;
            max-height: calc(100% - 50px);
            height: auto;
            background: #fff;
            box-shadow: 0 1px 6px 0 rgba(0, 0, 0, .1);
            position: fixed;
            z-index: 1000;
            display: flex;
            flex-direction: column
        }

        @media screen and (max-width: 768px) {
            .blu-modal__container[data-v-6ada375c] {
                max-height: calc(100% - 40px)
            }
        }

        @media screen and (min-width: 769px),
        print {
            .blu-modal__container[data-v-6ada375c] {
                top: 50%;
                left: 50%;
                -webkit-transform: translate(-50%, -50%);
                -moz-transform: translate(-50%, -50%);
                -ms-transform: translate(-50%, -50%);
                -o-transform: translate(-50%, -50%);
                transform: translate(-50%, -50%)
            }
        }

        .blu-modal__heading[data-v-6ada375c] {
            font: 24px/28px "blibli demi bold", -apple-system, segoe ui, roboto, helvetica, arial, sans-serif;
            margin-bottom: 8px
        }

        @media screen and (max-width: 768px) {
            .blu-modal__heading[data-v-6ada375c] {
                font: 20px/24px "blibli demi bold", -apple-system, segoe ui, roboto, helvetica, arial, sans-serif;
                margin-bottom: 0px
            }
        }

        .blu-modal__body[data-v-6ada375c] {
            max-height: var(--max-height-modal-body);
            overflow-x: auto;
            color: rgba(25, 34, 42, .7019607843);
            margin-right: 0px;
            overscroll-behavior: contain
        }

        @media screen and (min-width: 769px),
        print {
            .blu-modal__body[data-v-6ada375c] {
                font: 16px/20px "blibli", -apple-system, segoe ui, roboto, helvetica, arial, sans-serif
            }
        }

        @media screen and (max-width: 768px) {
            .blu-modal__body[data-v-6ada375c] {
                font: 14px/18px "blibli", -apple-system, segoe ui, roboto, helvetica, arial, sans-serif
            }
        }

        .blu-modal__footer[data-v-6ada375c] {
            text-align: right
        }

        @media screen and (max-width: 768px) {
            .blu-modal__footer[data-v-6ada375c] {
                margin-top: auto
            }
        }

        .blu-modal.b-dialog .blu-modal__body[data-v-6ada375c] {
            margin-bottom: 40px
        }

        @media screen and (max-width: 768px) {
            .blu-modal.b-dialog .blu-modal__body[data-v-6ada375c] {
                margin-bottom: 32px
            }
        }

        .blu-modal.b-dialog .blu-modal__container[data-v-6ada375c] {
            border-radius: 16px
        }

        @media screen and (min-width: 769px),
        print {
            .blu-modal.b-dialog .blu-modal__container[data-v-6ada375c] {
                padding: 24px 24px 16px
            }
        }

        @media screen and (max-width: 768px) {
            .blu-modal.b-dialog .blu-modal__container[data-v-6ada375c] {
                padding: 24px 24px 16px;
                top: 50%;
                left: 50%;
                -webkit-transform: translate(-50%, -50%);
                -moz-transform: translate(-50%, -50%);
                -ms-transform: translate(-50%, -50%);
                -o-transform: translate(-50%, -50%);
                transform: translate(-50%, -50%)
            }
        }

        .blu-modal.b-dialog .blu-modal__container[data-v-6ada375c]:before,
        .blu-modal.b-dialog .blu-modal__container[data-v-6ada375c]:after {
            content: "";
            width: calc(100% - 60px);
            margin: 0 30px;
            border-radius: 0 0 24px 24px;
            position: absolute;
            left: 0
        }

        .blu-modal.b-dialog .blu-modal__container[data-v-6ada375c]:before {
            height: 9px;
            bottom: -9px;
            z-index: 2;
            background: linear-gradient(0deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.12) 100%)
        }

        .blu-modal.b-dialog .blu-modal__container[data-v-6ada375c]:after {
            height: 16px;
            border-top: #fff 1px solid;
            bottom: -15px
        }

        .blu-modal.b-dialog .blu-modal__close[data-v-6ada375c] {
            display: none
        }

        .blu-modal.b-dialog.b-info .blu-modal__container[data-v-6ada375c]:after {
            background-color: #1d8fff
        }

        .blu-modal.b-dialog.b-success .blu-modal__container[data-v-6ada375c]:after {
            background-color: #22a334
        }

        .blu-modal.b-dialog.b-warning .blu-modal__container[data-v-6ada375c]:after {
            background-color: #ffcd00
        }

        .blu-modal.b-dialog.b-danger .blu-modal__container[data-v-6ada375c]:after {
            background-color: #ff4646
        }

        .blu-modal.b-page .blu-modal__body[data-v-6ada375c] {
            color: rgba(25, 34, 42, .7019607843)
        }

        @media screen and (min-width: 769px),
        print {
            .blu-modal.b-page .blu-modal__body[data-v-6ada375c] {
                padding: 0 24px
            }
        }

        @media screen and (max-width: 768px) {
            .blu-modal.b-page .blu-modal__body[data-v-6ada375c] {
                padding: 0 16px;
                padding-bottom: calc(env(safe-area-inset-bottom) + 4px);
                overflow-y: auto
            }
        }

        .blu-modal.b-page .blu-modal__body[data-v-6ada375c]::before {
            content: "";
            background: #fff;
            height: 20px;
            width: 100%;
            left: 0;
            bottom: 0;
            position: fixed
        }

        @media screen and (min-width: 769px),
        print {
            .blu-modal.b-page .blu-modal__body[data-v-6ada375c]::before {
                display: none
            }
        }

        @media screen and (min-width: 769px),
        print {
            .blu-modal.b-page .blu-modal__container[data-v-6ada375c] {
                border-radius: 16px;
                padding-top: 32px
            }
        }

        @media screen and (max-width: 768px) {
            .blu-modal.b-page .blu-modal__container[data-v-6ada375c] {
                padding-top: 24px;
                width: 100%;
                max-width: 100%;
                height: auto;
                border-radius: 16px 16px 0 0;
                left: 0;
                bottom: 0;
                padding-top: 24px;
                padding-bottom: calc(env(safe-area-inset-bottom) + 16px)
            }
        }

        @media screen and (min-width: 769px),
        print {
            .blu-modal.b-page .blu-modal__footer[data-v-6ada375c] {
                padding: 24px 24px
            }
        }

        @media screen and (max-width: 768px) {
            .blu-modal.b-page .blu-modal__footer[data-v-6ada375c] {
                width: 100%;
                padding: 16px;
                transition: all .3s cubic-bezier(0, 0, 0.2, 1.2);
                bottom: 0;
                padding-bottom: env(safe-area-inset-bottom);
                background: #fff
            }
        }

        .blu-modal.b-page .blu-modal__footer[data-v-6ada375c]::before {
            content: "";
            background: #fff;
            height: 20px;
            width: 100%;
            left: 0;
            bottom: 0;
            position: fixed
        }

        @media screen and (min-width: 769px),
        print {
            .blu-modal.b-page .blu-modal__footer[data-v-6ada375c]::before {
                display: none
            }
        }

        @media screen and (min-width: 769px),
        print {
            .blu-modal.b-page .blu-modal__header[data-v-6ada375c] {
                padding: 0 24px
            }
        }

        @media screen and (max-width: 768px) {
            .blu-modal.b-page .blu-modal__header[data-v-6ada375c] {
                padding: 0 16px
            }
        }

        .blu-modal.b-page .blu-modal__icon[data-v-6ada375c] {
            display: none
        }

        @media screen and (max-width: 768px) {

            .blu-modal.b-page.fade-enter-active[data-v-6ada375c],
            .blu-modal.b-page.fade-leave-active[data-v-6ada375c] {
                transition: opacity .3s
            }

            .blu-modal.b-page.fade-enter-active .blu-modal__container[data-v-6ada375c],
            .blu-modal.b-page.fade-leave-active .blu-modal__container[data-v-6ada375c] {
                transition: bottom .3s;
                transition: all .3s cubic-bezier(0, 0, 0.2, 1.2);
                bottom: 0
            }

            .blu-modal.b-page.fade-enter-active[data-v-6ada375c] {
                transition: opacity .3s cubic-bezier(0, 0, 0.2, 1.2)
            }

            .blu-modal.b-page.fade-leave-active[data-v-6ada375c] {
                transition: opacity .3s cubic-bezier(0.8, 0, 1, 1)
            }

            .blu-modal.b-page.fade-enter .blu-modal__container[data-v-6ada375c],
            .blu-modal.b-page.fade-leave-to .blu-modal__container[data-v-6ada375c] {
                bottom: -96vh
            }
        }

        .blu-modal.b-no-button .blu-modal__container[data-v-6ada375c] {
            padding-bottom: 20px
        }

        @media screen and (max-width: 768px) {
            .blu-modal.b-no-button .blu-modal__body[data-v-6ada375c] {
                padding-bottom: env(safe-area-inset-bottom)
            }
        }

        .blu-modal.b-no-button .blu-modal__footer[data-v-6ada375c] {
            display: none
        }

        .fade-enter-active[data-v-6ada375c],
        .fade-leave-active[data-v-6ada375c] {
            position: absolute;
            z-index: 998;
            transition: opacity .3s
        }

        .fade-enter[data-v-6ada375c],
        .fade-leave-to[data-v-6ada375c] {
            opacity: 0
        }

        img[data-v-6ada375c] {
            max-width: 100%
        }

        .blu-modal.b-dialog .blu-modal__icon[data-v-6ada375c] {
            width: 40px;
            height: 40px;
            margin-bottom: 40px
        }

        @media screen and (max-width: 768px) {
            .blu-modal.b-dialog .blu-modal__icon[data-v-6ada375c] {
                width: 24px;
                height: 24px;
                margin-bottom: 32px
            }
        }

        .blu-modal.b-dialog.b-info .blu-modal__icon[data-v-6ada375c] {
            background-color: #1d8fff;
            -webkit-mask-image: url(data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PSIwIDAgMjQgMjQiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+DQo8cGF0aCBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGNsaXAtcnVsZT0iZXZlbm9kZCIgZD0iTTIgMTJDMiA2LjQ4IDYuNDggMiAxMiAyQzE3LjUyIDIgMjIgNi40OCAyMiAxMkMyMiAxNy41MiAxNy41MiAyMiAxMiAyMkM2LjQ4IDIyIDIgMTcuNTIgMiAxMlpNMTEuOTcgOC43Mzc2NEMxMi43MjY2IDguNzM3NjQgMTMuMzQgOC4xMjQ4IDEzLjM0IDcuMzY4ODJDMTMuMzQgNi42MTI4NCAxMi43MjY2IDYgMTEuOTcgNkMxMS4yMTM0IDYgMTAuNiA2LjYxMjg0IDEwLjYgNy4zNjg4MkMxMC42IDguMTI0OCAxMS4yMTM0IDguNzM3NjQgMTEuOTcgOC43Mzc2NFpNMTEuNDk5OSAxMC4xMDY0SDEyLjQ0OTlDMTIuODQ5OSAxMC4xMDY0IDEzLjE3OTkgMTAuNDM2MiAxMy4xNzk5IDEwLjgzNThWMTcuMjcwM0MxMy4xNzk5IDE3LjY2OTkgMTIuODQ5OSAxNy45OTk2IDEyLjQ0OTkgMTcuOTk5NkgxMS40OTk5QzExLjA5OTkgMTcuOTk5NiAxMC43Njk5IDE3LjY2OTkgMTAuNzY5OSAxNy4yNzAzVjEwLjgzNThDMTAuNzY5OSAxMC40MzYyIDExLjA5OTkgMTAuMTA2NCAxMS40OTk5IDEwLjEwNjRaIiBmaWxsPSIjNzk3Rjg1Ii8+DQo8L3N2Zz4NCg==);
            mask-image: url(data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PSIwIDAgMjQgMjQiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+DQo8cGF0aCBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGNsaXAtcnVsZT0iZXZlbm9kZCIgZD0iTTIgMTJDMiA2LjQ4IDYuNDggMiAxMiAyQzE3LjUyIDIgMjIgNi40OCAyMiAxMkMyMiAxNy41MiAxNy41MiAyMiAxMiAyMkM2LjQ4IDIyIDIgMTcuNTIgMiAxMlpNMTEuOTcgOC43Mzc2NEMxMi43MjY2IDguNzM3NjQgMTMuMzQgOC4xMjQ4IDEzLjM0IDcuMzY4ODJDMTMuMzQgNi42MTI4NCAxMi43MjY2IDYgMTEuOTcgNkMxMS4yMTM0IDYgMTAuNiA2LjYxMjg0IDEwLjYgNy4zNjg4MkMxMC42IDguMTI0OCAxMS4yMTM0IDguNzM3NjQgMTEuOTcgOC43Mzc2NFpNMTEuNDk5OSAxMC4xMDY0SDEyLjQ0OTlDMTIuODQ5OSAxMC4xMDY0IDEzLjE3OTkgMTAuNDM2MiAxMy4xNzk5IDEwLjgzNThWMTcuMjcwM0MxMy4xNzk5IDE3LjY2OTkgMTIuODQ5OSAxNy45OTk2IDEyLjQ0OTkgMTcuOTk5NkgxMS40OTk5QzExLjA5OTkgMTcuOTk5NiAxMC43Njk5IDE3LjY2OTkgMTAuNzY5OSAxNy4yNzAzVjEwLjgzNThDMTAuNzY5OSAxMC40MzYyIDExLjA5OTkgMTAuMTA2NCAxMS40OTk5IDEwLjEwNjRaIiBmaWxsPSIjNzk3Rjg1Ii8+DQo8L3N2Zz4NCg==)
        }

        .blu-modal.b-dialog.b-success .blu-modal__icon[data-v-6ada375c] {
            background-color: #22a334;
            -webkit-mask-image: url(data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PSIwIDAgMjQgMjQiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+DQo8cGF0aCBkPSJNMTIgMkM2LjQ4IDIgMiA2LjQ4IDIgMTJDMiAxNy41MiA2LjQ4IDIyIDEyIDIyQzE3LjUyIDIyIDIyIDE3LjUyIDIyIDEyQzIyIDYuNDggMTcuNTIgMiAxMiAyWk0xNy4wNSA5LjExTDEyLjA2IDE2LjEyQzExLjg4IDE2LjM3IDExLjYgMTYuNTIgMTEuMjkgMTYuNTRIMTEuMjRDMTAuOTUgMTYuNTQgMTAuNjcgMTYuNDIgMTAuNDggMTYuMTlMNi45OSAxMi4xM0M2LjgyIDExLjkzIDYuNzMgMTEuNjcgNi43NSAxMS40MUM2Ljc3IDExLjE0IDYuODkgMTAuOSA3LjA5IDEwLjczQzcuNTEgMTAuMzcgOC4xNCAxMC40MiA4LjUgMTAuODRMMTEuMTYgMTMuOTNMMTUuNDEgNy45NkMxNS43MyA3LjUxIDE2LjM1IDcuNDEgMTYuOCA3LjczQzE3LjAyIDcuODggMTcuMTYgOC4xMSAxNy4yMSA4LjM4QzE3LjI1IDguNjQgMTcuMTkgOC45MSAxNy4wNCA5LjEyTDE3LjA1IDkuMTFaIiBmaWxsPSIjNzk3Rjg1Ii8+DQo8L3N2Zz4=);
            mask-image: url(data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PSIwIDAgMjQgMjQiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+DQo8cGF0aCBkPSJNMTIgMkM2LjQ4IDIgMiA2LjQ4IDIgMTJDMiAxNy41MiA2LjQ4IDIyIDEyIDIyQzE3LjUyIDIyIDIyIDE3LjUyIDIyIDEyQzIyIDYuNDggMTcuNTIgMiAxMiAyWk0xNy4wNSA5LjExTDEyLjA2IDE2LjEyQzExLjg4IDE2LjM3IDExLjYgMTYuNTIgMTEuMjkgMTYuNTRIMTEuMjRDMTAuOTUgMTYuNTQgMTAuNjcgMTYuNDIgMTAuNDggMTYuMTlMNi45OSAxMi4xM0M2LjgyIDExLjkzIDYuNzMgMTEuNjcgNi43NSAxMS40MUM2Ljc3IDExLjE0IDYuODkgMTAuOSA3LjA5IDEwLjczQzcuNTEgMTAuMzcgOC4xNCAxMC40MiA4LjUgMTAuODRMMTEuMTYgMTMuOTNMMTUuNDEgNy45NkMxNS43MyA3LjUxIDE2LjM1IDcuNDEgMTYuOCA3LjczQzE3LjAyIDcuODggMTcuMTYgOC4xMSAxNy4yMSA4LjM4QzE3LjI1IDguNjQgMTcuMTkgOC45MSAxNy4wNCA5LjEyTDE3LjA1IDkuMTFaIiBmaWxsPSIjNzk3Rjg1Ii8+DQo8L3N2Zz4=)
        }

        .blu-modal.b-dialog.b-warning .blu-modal__icon[data-v-6ada375c] {
            background-color: #ffcd00;
            -webkit-mask-image: url(data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PSIwIDAgMjQgMjQiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+DQo8cGF0aCBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGNsaXAtcnVsZT0iZXZlbm9kZCIgZD0iTTMuODc0MzYgMjFIMjAuMTE0NEgyMC4xMjQ0QzIxLjU1MzUgMjEgMjIuNDUyOSAxOS41MDM1IDIxLjc2MzQgMTguMjg2NEwxMy42NDg0IDMuOTUwMjZDMTIuOTM4OCAyLjY4MzI1IDExLjA2OTkgMi42ODMyNSAxMC4zNjA0IDMuOTUwMjZMMi4yMzUzNyAxOC4yOTY0QzEuNTQ1OCAxOS41MTM1IDIuNDU1MjQgMjEgMy44NzQzNiAyMVpNMTAuOTkgMTMuOTM3NEwxMC43MDAyIDkuMDk4ODdWNy43NTIwNUMxMC43MDAyIDcuMzMzMDQgMTEuMDQgNi45OTM4NCAxMS40NTk3IDYuOTkzODRIMTIuNjA5QzEzLjAyODggNi45OTM4NCAxMy4zNjg2IDcuMzMzMDQgMTMuMzY4NiA3Ljc1MjA1VjkuMTA4ODRMMTMuMDg4NyAxMy45Mjc1QzEzLjA2ODcgMTQuMzI2NSAxMi43Mzg5IDE0LjYzNTggMTIuMzI5MiAxNC42MzU4SDExLjc0OTVDMTEuMzQ5OCAxNC42MzU4IDExLjAyIDE0LjMyNjUgMTAuOTkgMTMuOTI3NVYxMy45Mzc0Wk0xMS45OTk0IDE4Ljk2NTJDMTIuNzg4NyAxOC45NjUyIDEzLjQyODYgMTguMzI2NSAxMy40Mjg2IDE3LjUzODZDMTMuNDI4NiAxNi43NTA3IDEyLjc4ODcgMTYuMTEyIDExLjk5OTQgMTYuMTEyQzExLjIxMDIgMTYuMTEyIDEwLjU3MDMgMTYuNzUwNyAxMC41NzAzIDE3LjUzODZDMTAuNTcwMyAxOC4zMjY1IDExLjIxMDIgMTguOTY1MiAxMS45OTk0IDE4Ljk2NTJaIiBmaWxsPSIjNzk3Rjg1Ii8+DQo8L3N2Zz4NCg==);
            mask-image: url(data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PSIwIDAgMjQgMjQiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+DQo8cGF0aCBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGNsaXAtcnVsZT0iZXZlbm9kZCIgZD0iTTMuODc0MzYgMjFIMjAuMTE0NEgyMC4xMjQ0QzIxLjU1MzUgMjEgMjIuNDUyOSAxOS41MDM1IDIxLjc2MzQgMTguMjg2NEwxMy42NDg0IDMuOTUwMjZDMTIuOTM4OCAyLjY4MzI1IDExLjA2OTkgMi42ODMyNSAxMC4zNjA0IDMuOTUwMjZMMi4yMzUzNyAxOC4yOTY0QzEuNTQ1OCAxOS41MTM1IDIuNDU1MjQgMjEgMy44NzQzNiAyMVpNMTAuOTkgMTMuOTM3NEwxMC43MDAyIDkuMDk4ODdWNy43NTIwNUMxMC43MDAyIDcuMzMzMDQgMTEuMDQgNi45OTM4NCAxMS40NTk3IDYuOTkzODRIMTIuNjA5QzEzLjAyODggNi45OTM4NCAxMy4zNjg2IDcuMzMzMDQgMTMuMzY4NiA3Ljc1MjA1VjkuMTA4ODRMMTMuMDg4NyAxMy45Mjc1QzEzLjA2ODcgMTQuMzI2NSAxMi43Mzg5IDE0LjYzNTggMTIuMzI5MiAxNC42MzU4SDExLjc0OTVDMTEuMzQ5OCAxNC42MzU4IDExLjAyIDE0LjMyNjUgMTAuOTkgMTMuOTI3NVYxMy45Mzc0Wk0xMS45OTk0IDE4Ljk2NTJDMTIuNzg4NyAxOC45NjUyIDEzLjQyODYgMTguMzI2NSAxMy40Mjg2IDE3LjUzODZDMTMuNDI4NiAxNi43NTA3IDEyLjc4ODcgMTYuMTEyIDExLjk5OTQgMTYuMTEyQzExLjIxMDIgMTYuMTEyIDEwLjU3MDMgMTYuNzUwNyAxMC41NzAzIDE3LjUzODZDMTAuNTcwMyAxOC4zMjY1IDExLjIxMDIgMTguOTY1MiAxMS45OTk0IDE4Ljk2NTJaIiBmaWxsPSIjNzk3Rjg1Ii8+DQo8L3N2Zz4NCg==)
        }

        .blu-modal.b-dialog.b-danger .blu-modal__icon[data-v-6ada375c] {
            background-color: #ff4646;
            -webkit-mask-image: url(data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PSIwIDAgMjQgMjQiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+DQo8cGF0aCBkPSJNMTIgMkM2LjQ4IDIgMiA2LjQ4IDIgMTJDMiAxNy41MiA2LjQ4IDIyIDEyIDIyQzE3LjUyIDIyIDIyIDE3LjUyIDIyIDEyQzIyIDYuNDggMTcuNTIgMiAxMiAyWk0xNi4yNCAxNC44M0MxNi42MyAxNS4yMiAxNi42MyAxNS44NSAxNi4yNCAxNi4yNEMxNS44NSAxNi42MyAxNS4yMiAxNi42MyAxNC44MyAxNi4yNEwxMiAxMy40MUw5LjE3IDE2LjI0QzguNzggMTYuNjMgOC4xNSAxNi42MyA3Ljc2IDE2LjI0QzcuMzcgMTUuODUgNy4zNyAxNS4yMiA3Ljc2IDE0LjgzTDEwLjU5IDEyTDcuNzYgOS4xN0M3LjM3IDguNzggNy4zNyA4LjE1IDcuNzYgNy43NkM4LjE1IDcuMzcgOC43OCA3LjM3IDkuMTcgNy43NkwxMiAxMC41OUwxNC44MyA3Ljc2QzE1LjIyIDcuMzcgMTUuODUgNy4zNyAxNi4yNCA3Ljc2QzE2LjYzIDguMTUgMTYuNjMgOC43OCAxNi4yNCA5LjE3TDEzLjQxIDEyTDE2LjI0IDE0LjgzWiIgZmlsbD0iIzc5N0Y4NSIvPg0KPC9zdmc+);
            mask-image: url(data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PSIwIDAgMjQgMjQiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+DQo8cGF0aCBkPSJNMTIgMkM2LjQ4IDIgMiA2LjQ4IDIgMTJDMiAxNy41MiA2LjQ4IDIyIDEyIDIyQzE3LjUyIDIyIDIyIDE3LjUyIDIyIDEyQzIyIDYuNDggMTcuNTIgMiAxMiAyWk0xNi4yNCAxNC44M0MxNi42MyAxNS4yMiAxNi42MyAxNS44NSAxNi4yNCAxNi4yNEMxNS44NSAxNi42MyAxNS4yMiAxNi42MyAxNC44MyAxNi4yNEwxMiAxMy40MUw5LjE3IDE2LjI0QzguNzggMTYuNjMgOC4xNSAxNi42MyA3Ljc2IDE2LjI0QzcuMzcgMTUuODUgNy4zNyAxNS4yMiA3Ljc2IDE0LjgzTDEwLjU5IDEyTDcuNzYgOS4xN0M3LjM3IDguNzggNy4zNyA4LjE1IDcuNzYgNy43NkM4LjE1IDcuMzcgOC43OCA3LjM3IDkuMTcgNy43NkwxMiAxMC41OUwxNC44MyA3Ljc2QzE1LjIyIDcuMzcgMTUuODUgNy4zNyAxNi4yNCA3Ljc2QzE2LjYzIDguMTUgMTYuNjMgOC43OCAxNi4yNCA5LjE3TDEzLjQxIDEyTDE2LjI0IDE0LjgzWiIgZmlsbD0iIzc5N0Y4NSIvPg0KPC9zdmc+)
        }

        @media screen and (max-width: 768px) {
            .blu-modal.b-full-screen .blu-modal__container[data-v-6ada375c] {
                min-height: 100%;
                border-radius: unset;
                padding-top: 0
            }

            .blu-modal.b-full-screen .blu-modal__close[data-v-6ada375c] {
                display: none
            }
        }
    </style>
    <style type="text/css">
        .tabs[data-v-2ff01c43] {
            border-bottom: #acb0b4 1px solid;
            display: flex;
            position: relative;
            white-space: nowrap;
            scroll-behavior: smooth;
            scrollbar-width: none
        }

        .tabs[data-v-2ff01c43]::-webkit-scrollbar {
            display: none
        }

        .tabs a[data-v-2ff01c43],
        .tabs__header-title[data-v-2ff01c43] {
            outline: none;
            display: flex;
            color: rgba(25, 34, 42, .7019607843);
            font: 16px/20px "blibli", -apple-system, segoe ui, roboto, helvetica, arial, sans-serif;
            padding: 22px 0px;
            position: relative;
            white-space: nowrap;
            align-items: center;
            height: 64px;
            cursor: pointer
        }

        .tabs a .tabs__icon[data-v-2ff01c43],
        .tabs__header-title .tabs__icon[data-v-2ff01c43] {
            position: relative;
            display: inline-flex
        }

        .tabs a .tabs__icon[data-v-2ff01c43]:not(:empty),
        .tabs__header-title .tabs__icon[data-v-2ff01c43]:not(:empty) {
            margin-right: 4px
        }

        .tabs a .tabs__icon svg[data-v-2ff01c43],
        .tabs__header-title .tabs__icon svg[data-v-2ff01c43] {
            vertical-align: bottom;
            color: rgba(25, 34, 42, .4)
        }

        .tabs a .tabs__label[data-v-2ff01c43],
        .tabs__header-title .tabs__label[data-v-2ff01c43] {
            display: inline-flex
        }

        .tabs a .tabs__label[data-v-2ff01c43]:not(:empty),
        .tabs__header-title .tabs__label[data-v-2ff01c43]:not(:empty) {
            padding-left: 4px
        }

        @media screen and (max-width: 768px) {

            .tabs a[data-v-2ff01c43],
            .tabs__header-title[data-v-2ff01c43] {
                padding: 10px 0px;
                height: 40px
            }
        }

        .tabs a[data-v-2ff01c43]:not(:last-child),
        .tabs__header-title[data-v-2ff01c43]:not(:last-child) {
            margin-right: 16px
        }

        .tabs a[data-v-2ff01c43]:before,
        .tabs__header-title[data-v-2ff01c43]:before {
            content: "";
            height: 3px;
            background: #a58d33;
            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: #a58d33
        }

        .tabs a.b-active .tabs__icon svg[data-v-2ff01c43],
        .tabs__header-title.b-active .tabs__icon svg[data-v-2ff01c43] {
            color: #a58d33
        }

        .tabs a.b-disabled[data-v-2ff01c43],
        .tabs__header-title.b-disabled[data-v-2ff01c43] {
            opacity: 1;
            color: rgba(25, 34, 42, .4)
        }

        .tabs a.b-disabled[data-v-2ff01c43]:hover:after,
        .tabs__header-title.b-disabled[data-v-2ff01c43]:hover:after {
            border-bottom: none
        }

        .tabs a.b-disabled .tabs__label .label[data-v-2ff01c43],
        .tabs__header-title.b-disabled .tabs__label .label[data-v-2ff01c43] {
            background-color: #e1e3e4;
            color: rgba(25, 34, 42, .4)
        }

        .tabs a .tabs__icon[data-v-2ff01c43],
        .tabs__header-title .tabs__icon[data-v-2ff01c43] {
            margin-right: 2px
        }

        .tabs a .tabs__icon svg[data-v-2ff01c43],
        .tabs__header-title .tabs__icon svg[data-v-2ff01c43] {
            vertical-align: middle;
            color: rgba(25, 34, 42, .4);
            transform: scale(0.75)
        }

        .tabs a[data-v-2ff01c43]:not(.b-disabled):focus-visible,
        .tabs__header-title[data-v-2ff01c43]:not(.b-disabled):focus-visible {
            color: #fff;
            background: #000
        }

        .tabs a:not(.b-disabled):focus-visible svg[data-v-2ff01c43],
        .tabs__header-title:not(.b-disabled):focus-visible svg[data-v-2ff01c43] {
            color: #fff
        }

        .tabs.b-centered[data-v-2ff01c43],
        .tabs.b-centered-primary[data-v-2ff01c43] {
            display: block
        }

        .tabs.b-centered a[data-v-2ff01c43],
        .tabs.b-centered-primary a[data-v-2ff01c43] {
            width: 100%;
            justify-content: center;
            min-width: 0
        }

        .tabs.b-primary[data-v-2ff01c43],
        .tabs.b-centered-primary[data-v-2ff01c43] {
            background-color: #fff;
            box-shadow: 0 1px 6px 0 rgba(0, 0, 0, .1);
            border-radius: 8px;
            padding: 4px;
            margin-top: 10px;
            border-bottom: none
        }

        @media screen and (min-width: 960px) {

            .tabs.b-primary~.tabs__control .tabs__control-next[data-v-2ff01c43],
            .tabs.b-primary~.tabs__control .tabs__control-prev[data-v-2ff01c43],
            .tabs.b-centered-primary~.tabs__control .tabs__control-next[data-v-2ff01c43],
            .tabs.b-centered-primary~.tabs__control .tabs__control-prev[data-v-2ff01c43] {
                top: 0
            }
        }

        .tabs.b-primary .slider[data-v-2ff01c43],
        .tabs.b-centered-primary .slider[data-v-2ff01c43] {
            display: none
        }

        .tabs.b-primary a[data-v-2ff01c43],
        .tabs.b-centered-primary a[data-v-2ff01c43] {
            padding: 7px 16px;
            border-radius: 4px;
            transition: all .3s ease;
            font: 14px/18px "blibli demi bold", -apple-system, segoe ui, roboto, helvetica, arial, sans-serif;
            color: #a58d33;
            height: 32px
        }

        .tabs.b-primary a[data-v-2ff01c43]:hover:after,
        .tabs.b-centered-primary a[data-v-2ff01c43]:hover:after {
            border-bottom: none
        }

        .tabs.b-primary a[data-v-2ff01c43]:not(:last-child),
        .tabs.b-centered-primary a[data-v-2ff01c43]:not(:last-child) {
            margin-right: 8px
        }

        .tabs.b-primary a.b-active[data-v-2ff01c43],
        .tabs.b-centered-primary a.b-active[data-v-2ff01c43] {
            color: #fff;
            background-color: #1d8fff
        }

        .tabs.b-primary a.b-active svg[data-v-2ff01c43],
        .tabs.b-centered-primary a.b-active svg[data-v-2ff01c43] {
            color: #fff
        }

        .tabs.b-primary a.b-active .blu-label[data-v-2ff01c43],
        .tabs.b-centered-primary a.b-active .blu-label[data-v-2ff01c43] {
            background-color: #fff;
            color: #a58d33
        }

        .tabs.b-primary a.b-active[data-v-2ff01c43]:hover,
        .tabs.b-centered-primary a.b-active[data-v-2ff01c43]:hover {
            background-color: #a58d33
        }

        .tabs.b-primary a.b-disabled[data-v-2ff01c43],
        .tabs.b-centered-primary a.b-disabled[data-v-2ff01c43] {
            color: rgba(25, 34, 42, .4)
        }

        .tabs.b-primary a[data-v-2ff01c43]:not(.b-disabled):not(.b-active):hover,
        .tabs.b-centered-primary a[data-v-2ff01c43]:not(.b-disabled):not(.b-active):hover {
            background-color: #f1f2f2
        }

        .tabs.b-primary a[data-v-2ff01c43]:focus-visible,
        .tabs.b-centered-primary a[data-v-2ff01c43]:focus-visible {
            color: #a58d33;
            box-shadow: 0px 0px 0px 4px #000;
            background-color: #f1f2f2
        }

        .tabs__item[data-v-2ff01c43] {
            padding: 16px 0
        }

        .tabs__item.b-active[data-v-2ff01c43] {
            animation: fade-2ff01c43 .8s ease-in-out
        }

        .tabs__header[data-v-2ff01c43] {
            display: flex
        }

        .tabs__label[data-v-2ff01c43] {
            display: flex;
            align-items: center;
            margin-left: 4px
        }

        @media screen and (min-width: 960px) {
            .tabs__control[data-v-2ff01c43] {
                --tab-fab-position: 16px;
                --tab-fab-opacity: 0;
                --tab-fab-background: linear-gradient(270deg, rgba(224, 224, 224, 0) 0%, #ffffff 100%);
                position: absolute;
                top: 0;
                left: 0;
                width: 100%
            }

            .tabs__control[data-v-2ff01c43]:hover {
                --tab-fab-opacity: 1;
                --tab-fab-position: 0
            }

            .tabs__control-prev[data-v-2ff01c43],
            .tabs__control-next[data-v-2ff01c43] {
                width: 56px;
                height: 40px;
                position: absolute;
                opacity: var(--tab-fab-opacity);
                background: var(--tab-fab-background);
                border-radius: 16px;
                transition: all .15s ease;
                padding: 4px;
                top: 11px;
                cursor: pointer
            }

            .tabs__control-prev div[data-v-2ff01c43],
            .tabs__control-next div[data-v-2ff01c43] {
                width: 32px;
                height: 32px;
                background: #fff;
                box-shadow: 0 1px 6px 0 rgba(0, 0, 0, .1);
                border-radius: 50%;
                position: relative;
                display: grid;
                place-items: center;
                left: var(--tab-fab-position);
                transition: all .15s cubic-bezier(0, 0, 0.2, 1.2)
            }

            .tabs__control-prev div[data-v-2ff01c43]::after,
            .tabs__control-next div[data-v-2ff01c43]::after {
                content: "";
                background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB2aWV3Qm94PSIwIDAgMjQgMjQiPgogIDxkZWZzPgogICAgPHBhdGgKICAgICAgICBpZD0iMTkwcjYzOHp6YSIKICAgICAgICBkPSJNMCA1LjE1NGMwLS42MzYuMjkyLTEuMjE5LjgtMS42TDUuNDExLjE5MmMuNDQ2LS4zMjUgMS4wNzItLjIyOCAxLjM5Ny4yMi4zMjUuNDQ1LjIyNyAxLjA3MS0uMjE5IDEuMzk2bC00LjYgMy4zNTQgNC41NjMgMy4wMDRjLjQ2LjMwNS41ODcuOTI1LjI4MiAxLjM4Ni0uMzA1LjQ2LS45MjYuNTg2LTEuMzg2LjI4MmwtNC42LTMuMDQ2Qy4yOTEgNi4zNzIgMCA1Ljc5IDAgNS4xNTR6IgogICAgLz4KICA8L2RlZnM+CiAgPGcgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIj4KICAgIDxnPgogICAgICA8Zz4KICAgICAgICA8cGF0aCBmaWxsPSIjRkZGIiBmaWxsLW9wYWNpdHk9Ii4wMSIgZD0iTTAgMEgyNFYyNEgweiIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTU5MiAtNzg1KSB0cmFuc2xhdGUoNTkyIDc4NSkiIC8+CiAgICAgICAgPGcgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTU5MiAtNzg1KSB0cmFuc2xhdGUoNTkyIDc4NSkgdHJhbnNsYXRlKDggNykiPgogICAgICAgICAgPG1hc2sgaWQ9InU0ZGRwYm95eGIiIGZpbGw9IiNmZmYiPjx1c2UgeGxpbms6aHJlZj0iIzE5MHI2Mzh6emEiIC8+PC9tYXNrPgogICAgICAgICAgPHVzZSBmaWxsPSIjNzk3Rjg1IiBmaWxsLXJ1bGU9Im5vbnplcm8iIHhsaW5rOmhyZWY9IiMxOTByNjM4enphIiAvPgogICAgICAgICAgPHBhdGggZmlsbD0iIzAwOTVkYSIgZD0iTS04IC03SDE2VjE3SC04eiIgbWFzaz0idXJsKCN1NGRkcGJveXhiKSIgLz4KICAgICAgICA8L2c+CiAgICAgIDwvZz4KICAgIDwvZz4KICA8L2c+Cjwvc3ZnPgo=);
                width: 18px;
                height: 18px;
                position: absolute
            }

            .tabs__control-prev[data-v-2ff01c43] {
                left: 0
            }

            .tabs__control-next[data-v-2ff01c43] {
                right: 0;
                transform: rotate(180deg)
            }
        }

        .tabs:hover~.tabs__control[data-v-2ff01c43] {
            --tab-fab-opacity: 1;
            --tab-fab-position: 0
        }

        .tabs-wrapper[data-v-2ff01c43] {
            position: relative
        }

        .slider[data-v-2ff01c43] {
            width: auto;
            height: 2px;
            border-radius: 1px;
            background: #a58d33;
            opacity: 1;
            position: absolute;
            left: 0;
            bottom: 0;
            transition: all .4s linear
        }

        @keyframes shake-2ff01c43 {

            30%,
            50% {
                transform: translate3d(-2px, 0, 0)
            }

            40%,
            60% {
                transform: translate3d(0, 0, 0)
            }
        }

        @keyframes fade-2ff01c43 {
            0% {
                opacity: 0
            }

            100% {
                opacity: 1
            }
        }
    </style>
    <style type="text/css">
        .tabs[data-v-c5343270] {
            border-bottom: #acb0b4 1px solid;
            display: flex;
            position: relative;
            white-space: nowrap;
            scroll-behavior: smooth;
            scrollbar-width: none
        }

        .tabs[data-v-c5343270]::-webkit-scrollbar {
            display: none
        }

        .tabs a[data-v-c5343270],
        .tabs__header-title[data-v-c5343270] {
            outline: none;
            display: flex;
            color: rgba(25, 34, 42, .7019607843);
            font: 16px/20px "blibli", -apple-system, segoe ui, roboto, helvetica, arial, sans-serif;
            padding: 22px 0px;
            position: relative;
            white-space: nowrap;
            align-items: center;
            height: 64px;
            cursor: pointer
        }

        .tabs a .tabs__icon[data-v-c5343270],
        .tabs__header-title .tabs__icon[data-v-c5343270] {
            position: relative;
            display: inline-flex
        }

        .tabs a .tabs__icon[data-v-c5343270]:not(:empty),
        .tabs__header-title .tabs__icon[data-v-c5343270]:not(:empty) {
            margin-right: 4px
        }

        .tabs a .tabs__icon svg[data-v-c5343270],
        .tabs__header-title .tabs__icon svg[data-v-c5343270] {
            vertical-align: bottom;
            color: rgba(25, 34, 42, .4)
        }

        .tabs a .tabs__label[data-v-c5343270],
        .tabs__header-title .tabs__label[data-v-c5343270] {
            display: inline-flex
        }

        .tabs a .tabs__label[data-v-c5343270]:not(:empty),
        .tabs__header-title .tabs__label[data-v-c5343270]:not(:empty) {
            padding-left: 4px
        }

        @media screen and (max-width: 768px) {

            .tabs a[data-v-c5343270],
            .tabs__header-title[data-v-c5343270] {
                padding: 10px 0px;
                height: 40px
            }
        }

        .tabs a[data-v-c5343270]:not(:last-child),
        .tabs__header-title[data-v-c5343270]:not(:last-child) {
            margin-right: 16px
        }

        .tabs a[data-v-c5343270]:before,
        .tabs__header-title[data-v-c5343270]:before {
            content: "";
            height: 3px;
            background: #a58d33;
            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: #a58d33
        }

        .tabs a.b-active .tabs__icon svg[data-v-c5343270],
        .tabs__header-title.b-active .tabs__icon svg[data-v-c5343270] {
            color: #a58d33
        }

        .tabs a.b-disabled[data-v-c5343270],
        .tabs__header-title.b-disabled[data-v-c5343270] {
            opacity: 1;
            color: rgba(25, 34, 42, .4)
        }

        .tabs a.b-disabled[data-v-c5343270]:hover:after,
        .tabs__header-title.b-disabled[data-v-c5343270]:hover:after {
            border-bottom: none
        }

        .tabs a.b-disabled .tabs__label .label[data-v-c5343270],
        .tabs__header-title.b-disabled .tabs__label .label[data-v-c5343270] {
            background-color: #e1e3e4;
            color: rgba(25, 34, 42, .4)
        }

        .tabs a .tabs__icon[data-v-c5343270],
        .tabs__header-title .tabs__icon[data-v-c5343270] {
            margin-right: 2px
        }

        .tabs a .tabs__icon svg[data-v-c5343270],
        .tabs__header-title .tabs__icon svg[data-v-c5343270] {
            vertical-align: middle;
            color: rgba(25, 34, 42, .4);
            transform: scale(0.75)
        }

        .tabs a[data-v-c5343270]:not(.b-disabled):focus-visible,
        .tabs__header-title[data-v-c5343270]:not(.b-disabled):focus-visible {
            color: #fff;
            background: #000
        }

        .tabs a:not(.b-disabled):focus-visible svg[data-v-c5343270],
        .tabs__header-title:not(.b-disabled):focus-visible svg[data-v-c5343270] {
            color: #fff
        }

        .tabs.b-centered[data-v-c5343270],
        .tabs.b-centered-primary[data-v-c5343270] {
            display: block
        }

        .tabs.b-centered a[data-v-c5343270],
        .tabs.b-centered-primary a[data-v-c5343270] {
            width: 100%;
            justify-content: center;
            min-width: 0
        }

        .tabs.b-primary[data-v-c5343270],
        .tabs.b-centered-primary[data-v-c5343270] {
            background-color: #fff;
            box-shadow: 0 1px 6px 0 rgba(0, 0, 0, .1);
            border-radius: 8px;
            padding: 4px;
            margin-top: 10px;
            border-bottom: none
        }

        @media screen and (min-width: 960px) {

            .tabs.b-primary~.tabs__control .tabs__control-next[data-v-c5343270],
            .tabs.b-primary~.tabs__control .tabs__control-prev[data-v-c5343270],
            .tabs.b-centered-primary~.tabs__control .tabs__control-next[data-v-c5343270],
            .tabs.b-centered-primary~.tabs__control .tabs__control-prev[data-v-c5343270] {
                top: 0
            }
        }

        .tabs.b-primary .slider[data-v-c5343270],
        .tabs.b-centered-primary .slider[data-v-c5343270] {
            display: none
        }

        .tabs.b-primary a[data-v-c5343270],
        .tabs.b-centered-primary a[data-v-c5343270] {
            padding: 7px 16px;
            border-radius: 4px;
            transition: all .3s ease;
            font: 14px/18px "blibli demi bold", -apple-system, segoe ui, roboto, helvetica, arial, sans-serif;
            color: #a58d33;
            height: 32px
        }

        .tabs.b-primary a[data-v-c5343270]:hover:after,
        .tabs.b-centered-primary a[data-v-c5343270]:hover:after {
            border-bottom: none
        }

        .tabs.b-primary a[data-v-c5343270]:not(:last-child),
        .tabs.b-centered-primary a[data-v-c5343270]:not(:last-child) {
            margin-right: 8px
        }

        .tabs.b-primary a.b-active[data-v-c5343270],
        .tabs.b-centered-primary a.b-active[data-v-c5343270] {
            color: #fff;
            background-color: #1d8fff
        }

        .tabs.b-primary a.b-active svg[data-v-c5343270],
        .tabs.b-centered-primary a.b-active svg[data-v-c5343270] {
            color: #fff
        }

        .tabs.b-primary a.b-active .blu-label[data-v-c5343270],
        .tabs.b-centered-primary a.b-active .blu-label[data-v-c5343270] {
            background-color: #fff;
            color: #a58d33
        }

        .tabs.b-primary a.b-active[data-v-c5343270]:hover,
        .tabs.b-centered-primary a.b-active[data-v-c5343270]:hover {
            background-color: #a58d33
        }

        .tabs.b-primary a.b-disabled[data-v-c5343270],
        .tabs.b-centered-primary a.b-disabled[data-v-c5343270] {
            color: rgba(25, 34, 42, .4)
        }

        .tabs.b-primary a[data-v-c5343270]:not(.b-disabled):not(.b-active):hover,
        .tabs.b-centered-primary a[data-v-c5343270]:not(.b-disabled):not(.b-active):hover {
            background-color: #f1f2f2
        }

        .tabs.b-primary a[data-v-c5343270]:focus-visible,
        .tabs.b-centered-primary a[data-v-c5343270]:focus-visible {
            color: #a58d33;
            box-shadow: 0px 0px 0px 4px #000;
            background-color: #f1f2f2
        }

        .tabs__item[data-v-c5343270] {
            padding: 16px 0
        }

        .tabs__item.b-active[data-v-c5343270] {
            animation: fade-c5343270 .8s ease-in-out
        }

        .tabs__header[data-v-c5343270] {
            display: flex
        }

        .tabs__label[data-v-c5343270] {
            display: flex;
            align-items: center;
            margin-left: 4px
        }

        @media screen and (min-width: 960px) {
            .tabs__control[data-v-c5343270] {
                --tab-fab-position: 16px;
                --tab-fab-opacity: 0;
                --tab-fab-background: linear-gradient(270deg, rgba(224, 224, 224, 0) 0%, #ffffff 100%);
                position: absolute;
                top: 0;
                left: 0;
                width: 100%
            }

            .tabs__control[data-v-c5343270]:hover {
                --tab-fab-opacity: 1;
                --tab-fab-position: 0
            }

            .tabs__control-prev[data-v-c5343270],
            .tabs__control-next[data-v-c5343270] {
                width: 56px;
                height: 40px;
                position: absolute;
                opacity: var(--tab-fab-opacity);
                background: var(--tab-fab-background);
                border-radius: 16px;
                transition: all .15s ease;
                padding: 4px;
                top: 11px;
                cursor: pointer
            }

            .tabs__control-prev div[data-v-c5343270],
            .tabs__control-next div[data-v-c5343270] {
                width: 32px;
                height: 32px;
                background: #fff;
                box-shadow: 0 1px 6px 0 rgba(0, 0, 0, .1);
                border-radius: 50%;
                position: relative;
                display: grid;
                place-items: center;
                left: var(--tab-fab-position);
                transition: all .15s cubic-bezier(0, 0, 0.2, 1.2)
            }

            .tabs__control-prev div[data-v-c5343270]::after,
            .tabs__control-next div[data-v-c5343270]::after {
                content: "";
                background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB2aWV3Qm94PSIwIDAgMjQgMjQiPgogIDxkZWZzPgogICAgPHBhdGgKICAgICAgICBpZD0iMTkwcjYzOHp6YSIKICAgICAgICBkPSJNMCA1LjE1NGMwLS42MzYuMjkyLTEuMjE5LjgtMS42TDUuNDExLjE5MmMuNDQ2LS4zMjUgMS4wNzItLjIyOCAxLjM5Ny4yMi4zMjUuNDQ1LjIyNyAxLjA3MS0uMjE5IDEuMzk2bC00LjYgMy4zNTQgNC41NjMgMy4wMDRjLjQ2LjMwNS41ODcuOTI1LjI4MiAxLjM4Ni0uMzA1LjQ2LS45MjYuNTg2LTEuMzg2LjI4MmwtNC42LTMuMDQ2Qy4yOTEgNi4zNzIgMCA1Ljc5IDAgNS4xNTR6IgogICAgLz4KICA8L2RlZnM+CiAgPGcgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIj4KICAgIDxnPgogICAgICA8Zz4KICAgICAgICA8cGF0aCBmaWxsPSIjRkZGIiBmaWxsLW9wYWNpdHk9Ii4wMSIgZD0iTTAgMEgyNFYyNEgweiIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTU5MiAtNzg1KSB0cmFuc2xhdGUoNTkyIDc4NSkiIC8+CiAgICAgICAgPGcgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTU5MiAtNzg1KSB0cmFuc2xhdGUoNTkyIDc4NSkgdHJhbnNsYXRlKDggNykiPgogICAgICAgICAgPG1hc2sgaWQ9InU0ZGRwYm95eGIiIGZpbGw9IiNmZmYiPjx1c2UgeGxpbms6aHJlZj0iIzE5MHI2Mzh6emEiIC8+PC9tYXNrPgogICAgICAgICAgPHVzZSBmaWxsPSIjNzk3Rjg1IiBmaWxsLXJ1bGU9Im5vbnplcm8iIHhsaW5rOmhyZWY9IiMxOTByNjM4enphIiAvPgogICAgICAgICAgPHBhdGggZmlsbD0iIzAwOTVkYSIgZD0iTS04IC03SDE2VjE3SC04eiIgbWFzaz0idXJsKCN1NGRkcGJveXhiKSIgLz4KICAgICAgICA8L2c+CiAgICAgIDwvZz4KICAgIDwvZz4KICA8L2c+Cjwvc3ZnPgo=);
                width: 18px;
                height: 18px;
                position: absolute
            }

            .tabs__control-prev[data-v-c5343270] {
                left: 0
            }

            .tabs__control-next[data-v-c5343270] {
                right: 0;
                transform: rotate(180deg)
            }
        }

        .tabs:hover~.tabs__control[data-v-c5343270] {
            --tab-fab-opacity: 1;
            --tab-fab-position: 0
        }

        .tabs-wrapper[data-v-c5343270] {
            position: relative
        }

        .slider[data-v-c5343270] {
            width: auto;
            height: 2px;
            border-radius: 1px;
            background: #a58d33;
            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>
        

        

    <style>
        html:not([dark]) .blu-loader-skeleton[data-v-5d7a33db] {
            --blu-loader-skeleton-border-radius: 8px;
            --blu-loader-skeleton-highlight-color-background: linear-gradient(90deg, rgba(249, 249, 250, 0) 0%, #f9f9fa 50.68%, rgba(249, 249, 250, .0001) 100%);
            height: var(--blu-loader-skeleton-height);
            width: var(--blu-loader-skeleton-width);
            background-color: #f1f2f2;
            border-radius: var(--blu-loader-skeleton-border-radius)
        }

        html:not([dark]) .blu-loader-skeleton__gradient[data-v-5d7a33db] {
            position: relative;
            overflow: hidden;
            width: 100%;
            height: 100%;
            border-radius: var(--blu-loader-skeleton-border-radius)
        }

        html:not([dark]) .blu-loader-skeleton__gradient[data-v-5d7a33db]:after {
            content: "";
            position: absolute;
            top: 0;
            left: 0;
            right: 0;
            bottom: 0;
            transform: translate(-100%);
            background: var(--blu-loader-skeleton-highlight-color-background);
            animation: shimmer-5d7a33db .8s infinite .1s
        }

        html:not([dark]) .blu-loader-skeleton.b-small[data-v-5d7a33db] {
            --blu-loader-skeleton-border-radius: 4px
        }

        html:not([dark]) .blu-loader-skeleton.b-circle[data-v-5d7a33db] {
            --blu-loader-skeleton-border-radius: 50%
        }

        html[dark] .blu-loader-skeleton[data-v-5d7a33db] {
            --blu-loader-skeleton-border-radius: 8px;
            --blu-loader-skeleton-highlight-color-background: linear-gradient(90deg, rgba(249, 249, 250, 0) 0%, #19222a 50.68%, rgba(249, 249, 250, .0001) 100%);
            height: var(--blu-loader-skeleton-height);
            width: var(--blu-loader-skeleton-width);
            background-color: #28323b;
            border-radius: var(--blu-loader-skeleton-border-radius)
        }

        html[dark] .blu-loader-skeleton__gradient[data-v-5d7a33db] {
            position: relative;
            overflow: hidden;
            width: 100%;
            height: 100%;
            border-radius: var(--blu-loader-skeleton-border-radius)
        }

        html[dark] .blu-loader-skeleton__gradient[data-v-5d7a33db]:after {
            content: "";
            position: absolute;
            top: 0;
            left: 0;
            right: 0;
            bottom: 0;
            transform: translate(-100%);
            background: var(--blu-loader-skeleton-highlight-color-background);
            animation: shimmer-5d7a33db .8s infinite .1s
        }

        @keyframes shimmer-5d7a33db {
            to {
                transform: translate(100%)
            }
        }

        html[dark] .blu-loader-skeleton.b-small[data-v-5d7a33db] {
            --blu-loader-skeleton-border-radius: 4px
        }

        html[dark] .blu-loader-skeleton.b-circle[data-v-5d7a33db] {
            --blu-loader-skeleton-border-radius: 50%
        }
    </style>
    <style>
        html:not([dark]) .blu-loader-general[data-v-5f0af726] {
            --blu-loader-general-highlight-color-background: #1d8fff;
            --blu-loader-general-base-color-background: #f1f2f2;
            width: var(--blu-loader-general-size);
            height: var(--blu-loader-general-size)
        }

        html:not([dark]) .blu-loader-general__asset[data-v-5f0af726] {
            animation: general-rotate-5f0af726 1.6s linear infinite;
            transform-origin: center center;
            transition: all .5s ease-in-out;
            width: 100%;
            height: 100%;
            margin: auto;
            transform: rotate(90deg)
        }

        html:not([dark]) .blu-loader-general__asset--highlight[data-v-5f0af726],
        html:not([dark]) .blu-loader-general__asset--base[data-v-5f0af726] {
            stroke-linecap: round
        }

        html:not([dark]) .blu-loader-general__asset--highlight[data-v-5f0af726] {
            stroke: var(--blu-loader-general-highlight-color-background);
            animation: general-highlight-5f0af726 1.6s linear infinite
        }

        html:not([dark]) .blu-loader-general__asset--base[data-v-5f0af726] {
            stroke: var(--blu-loader-general-base-color-background);
            animation: general-base-5f0af726 1.6s linear infinite
        }

        html:not([dark]) .blu-loader-general.b-inverted[data-v-5f0af726] {
            --blu-loader-general-highlight-color-background: #ffffff;
            --blu-loader-general-base-color-background: #c8cbcd
        }

        html:not([dark]) .blu-loader-general.b-size-s[data-v-5f0af726] {
            --blu-loader-general-size: 16px
        }

        html:not([dark]) .blu-loader-general.b-size-m[data-v-5f0af726] {
            --blu-loader-general-size: 18px
        }

        html:not([dark]) .blu-loader-general.b-size-l[data-v-5f0af726] {
            --blu-loader-general-size: 24px
        }

        html:not([dark]) .blu-loader-general.b-size-xl[data-v-5f0af726] {
            --blu-loader-general-size: 32px
        }

        html[dark] .blu-loader-general[data-v-5f0af726] {
            --blu-loader-general-highlight-color-background: #4fa4ff;
            --blu-loader-general-base-color-background: #28323b;
            width: var(--blu-loader-general-size);
            height: var(--blu-loader-general-size)
        }

        html[dark] .blu-loader-general__asset[data-v-5f0af726] {
            animation: general-rotate-5f0af726 1.6s linear infinite;
            transform-origin: center center;
            transition: all .5s ease-in-out;
            width: 100%;
            height: 100%;
            margin: auto;
            transform: rotate(90deg)
        }

        html[dark] .blu-loader-general__asset--highlight[data-v-5f0af726],
        html[dark] .blu-loader-general__asset--base[data-v-5f0af726] {
            stroke-linecap: round
        }

        html[dark] .blu-loader-general__asset--highlight[data-v-5f0af726] {
            stroke: var(--blu-loader-general-highlight-color-background);
            animation: general-highlight-5f0af726 1.6s linear infinite
        }

        html[dark] .blu-loader-general__asset--base[data-v-5f0af726] {
            stroke: var(--blu-loader-general-base-color-background);
            animation: general-base-5f0af726 1.6s linear infinite
        }

        html[dark] .blu-loader-general.b-inverted[data-v-5f0af726] {
            --blu-loader-general-highlight-color-background: #12171d;
            --blu-loader-general-base-color-background: #60686e
        }

        html[dark] .blu-loader-general.b-size-s[data-v-5f0af726] {
            --blu-loader-general-size: 16px
        }

        html[dark] .blu-loader-general.b-size-m[data-v-5f0af726] {
            --blu-loader-general-size: 18px
        }

        html[dark] .blu-loader-general.b-size-l[data-v-5f0af726] {
            --blu-loader-general-size: 24px
        }

        html[dark] .blu-loader-general.b-size-xl[data-v-5f0af726] {
            --blu-loader-general-size: 32px
        }

        @keyframes general-highlight-5f0af726 {
            0% {
                stroke-dasharray: 1, 200;
                stroke-dashoffset: 0
            }

            50% {
                stroke-dasharray: 50, 200;
                stroke-dashoffset: -15px
            }

            to {
                stroke-dasharray: 50, 200;
                stroke-dashoffset: -124px
            }
        }

        @keyframes general-base-5f0af726 {
            0% {
                stroke-dasharray: 1, 200;
                stroke-dashoffset: 0
            }

            to {
                stroke-dasharray: 100, 200;
                stroke-dashoffset: -120px
            }
        }

        @keyframes general-rotate-5f0af726 {
            to {
                transform: rotate(450deg)
            }
        }

        html:not([dark]) button[data-v-498b5b0a] {
            border: none;
            background: none;
            cursor: pointer;
            font-family: Blibli, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif;
            padding: 0
        }

        html:not([dark]) input[type=submit][data-v-498b5b0a]::-moz-focus-inner,
        html:not([dark]) input[type=button][data-v-498b5b0a]::-moz-focus-inner {
            border: 0px
        }

        html:not([dark]) button[data-v-498b5b0a]:focus,
        html:not([dark]) input[type=submit][data-v-498b5b0a]:focus,
        html:not([dark]) input[type=button][data-v-498b5b0a]:focus,
        html:not([dark]) input[type=reset][data-v-498b5b0a]:focus,
        html:not([dark]) a[data-v-498b5b0a] {
            outline: none
        }

        html:not([dark]) .blu-button[data-v-498b5b0a] {
            --blu-button-border-width: 1px;
            --blu-button-border-radius: 64px;
            --blu-button-color-text: #ffffff;
            --blu-button-color-icon: #ffffff;
            --blu-button-opacity: $blu-button-opacity;
            --blu-button-size-height: 48px;
            --blu-button-icon-size: 24px;
            --blu-button-spacing-padding: 0 32px;
            --blu-button-spacing-gap: 8px;
            --blu-button-text: 600 16px/20px Blibli, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif;
            padding: var(--blu-button-spacing-padding);
            height: var(--blu-button-size-height);
            border-radius: var(--blu-button-border-radius);
            transition: transform .3s .08s, all .3s;
            color: var(--blu-button-color-text);
            background-color: var(--blu-button-color-background);
            font: var(--blu-button-text);
            box-shadow: 0 0 0 var(--blu-button-border-width) var(--blu-button-color-border);
            display: inline-flex;
            justify-content: center;
            align-items: center;
            white-space: nowrap
        }

        html:not([dark]) .blu-button[data-v-498b5b0a]:active:hover:not(.b-disabled),
        html:not([dark]) .blu-button:active.b-hover[data-v-498b5b0a]:not(.b-disabled) {
            transform: scale(.875)
        }

        html:not([dark]) .blu-button[data-v-498b5b0a]:focus-visible {
            outline: none
        }

        html:not([dark]) .blu-button[data-v-498b5b0a]:focus-visible:not(.b-disabled) {
            box-shadow: 0 0 0 2px #19222a
        }

        html:not([dark]) .blu-button__icon[data-v-498b5b0a] {
            display: flex;
            color: var(--blu-button-color-icon)
        }

        html:not([dark]) .blu-button__icon[data-v-498b5b0a] svg {
            width: var(--blu-button-icon-size);
            height: var(--blu-button-icon-size)
        }

        html:not([dark]) .blu-button.b-has-icon:not(.b-has-icon-only) .blu-button__icon[data-v-498b5b0a] {
            margin-right: var(--blu-button-spacing-gap)
        }

        html:not([dark]) .blu-button.b-has-icon-only[data-v-498b5b0a] {
            --blu-button-spacing-padding: 0 12px
        }

        html:not([dark]) .blu-button.b-loading[data-v-498b5b0a] .blu-loader-wrapper svg {
            display: flex;
            width: 18px;
            height: 18px
        }

        html:not([dark]) .blu-button.b-disabled[data-v-498b5b0a] {
            cursor: not-allowed
        }

        html:not([dark]) .blu-button.b-disabled[data-v-498b5b0a]:active {
            pointer-events: none
        }

        html:not([dark]) .blu-button.b-full-width[data-v-498b5b0a] {
            width: 100%
        }

        html:not([dark]) .blu-button.b-primary.b-common[data-v-498b5b0a] {
            --blu-button-color-background: #a58d33
        }

        html:not([dark]) .blu-button.b-primary.b-common.b-hover[data-v-498b5b0a]:not(.b-disabled),
        html:not([dark]) .blu-button.b-primary.b-common[data-v-498b5b0a]:hover:not(.b-disabled),
        html:not([dark]) .blu-button.b-primary.b-common[data-v-498b5b0a]:active:not(.b-disabled),
        html:not([dark]) .blu-button.b-primary.b-common[data-v-498b5b0a]:focus-visible:not(.b-disabled) {
            --blu-button-color-background: #1d8fff;
            --blu-button-color-border: transparent
        }

        html:not([dark]) .blu-button.b-primary.b-danger[data-v-498b5b0a] {
            --blu-button-color-background: #e93c3c
        }

        html:not([dark]) .blu-button.b-primary.b-danger.b-hover[data-v-498b5b0a]:not(.b-disabled),
        html:not([dark]) .blu-button.b-primary.b-danger[data-v-498b5b0a]:hover:not(.b-disabled),
        html:not([dark]) .blu-button.b-primary.b-danger[data-v-498b5b0a]:active:not(.b-disabled),
        html:not([dark]) .blu-button.b-primary.b-danger[data-v-498b5b0a]:focus-visible:not(.b-disabled) {
            --blu-button-color-background: #ff4646;
            --blu-button-color-border: transparent
        }

        html:not([dark]) .blu-button.b-primary.b-inverted[data-v-498b5b0a] {
            --blu-button-color-background: #ffffff;
            --blu-button-color-text: #ac8221;
            --blu-button-color-icon: #a58d33
        }

        html:not([dark]) .blu-button.b-primary.b-inverted.b-hover[data-v-498b5b0a]:not(.b-disabled),
        html:not([dark]) .blu-button.b-primary.b-inverted[data-v-498b5b0a]:hover:not(.b-disabled),
        html:not([dark]) .blu-button.b-primary.b-inverted[data-v-498b5b0a]:active:not(.b-disabled),
        html:not([dark]) .blu-button.b-primary.b-inverted[data-v-498b5b0a]:focus-visible:not(.b-disabled) {
            --blu-button-color-background: #f9f9fa;
            --blu-button-color-border: transparent
        }

        html:not([dark]) .blu-button.b-primary.b-disabled[data-v-498b5b0a] {
            --blu-button-color-background: #e1e3e4;
            --blu-button-color-text: rgba(25, 34, 42, .3019607843);
            --blu-button-color-icon: rgba(25, 34, 42, .3019607843)
        }

        html:not([dark]) .blu-button.b-primary.b-disabled[data-v-498b5b0a]:not(.b-inverted) {
            --blu-button-color-background: #e1e3e4;
            --blu-button-color-text: rgba(25, 34, 42, .3019607843);
            --blu-button-color-icon: rgba(25, 34, 42, .3019607843)
        }

        html:not([dark]) .blu-button.b-small[data-v-498b5b0a] {
            --blu-button-border-radius: 64px;
            --blu-button-size-height: 36px;
            --blu-button-spacing-padding: 0 16px;
            --blu-button-text: 600 14px/18px Blibli, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif;
            --blu-button-icon-size: 18px;
            --blu-button-spacing-gap: 4px
        }

        html:not([dark]) .blu-button.b-small.b-has-icon-only[data-v-498b5b0a] {
            --blu-button-spacing-padding: 0 9px
        }

        html:not([dark]) .blu-button.b-secondary[data-v-498b5b0a] {
            --blu-button-color-background: #ffffff
        }

        html:not([dark]) .blu-button.b-secondary.b-common[data-v-498b5b0a] {
            --blu-button-color-border: #1d8fff;
            --blu-button-color-text: #ac8221;
            --blu-button-color-icon: #a58d33
        }

        html:not([dark]) .blu-button.b-secondary.b-common.b-hover[data-v-498b5b0a]:not(.b-disabled),
        html:not([dark]) .blu-button.b-secondary.b-common[data-v-498b5b0a]:hover:not(.b-disabled),
        html:not([dark]) .blu-button.b-secondary.b-common[data-v-498b5b0a]:active:not(.b-disabled),
        html:not([dark]) .blu-button.b-secondary.b-common[data-v-498b5b0a]:focus-visible:not(.b-disabled) {
            --blu-button-color-background: #f3f9ff;
            --blu-button-color-border: #a58d33
        }

        html:not([dark]) .blu-button.b-secondary.b-danger[data-v-498b5b0a] {
            --blu-button-color-border: #ff4646;
            --blu-button-color-text: #d33534;
            --blu-button-color-icon: #e93c3c
        }

        html:not([dark]) .blu-button.b-secondary.b-danger.b-hover[data-v-498b5b0a]:not(.b-disabled),
        html:not([dark]) .blu-button.b-secondary.b-danger[data-v-498b5b0a]:hover:not(.b-disabled),
        html:not([dark]) .blu-button.b-secondary.b-danger[data-v-498b5b0a]:active:not(.b-disabled),
        html:not([dark]) .blu-button.b-secondary.b-danger[data-v-498b5b0a]:focus-visible:not(.b-disabled) {
            --blu-button-color-background: #fff5f5;
            --blu-button-color-border: #e93c3c
        }

        html:not([dark]) .blu-button.b-secondary.b-inverted[data-v-498b5b0a] {
            --blu-button-color-background: rgba(25, 34, 42, .3019607843);
            --blu-button-color-border: #ffffff;
            --blu-button-color-text: #ffffff;
            --blu-button-color-icon: #ffffff
        }

        html:not([dark]) .blu-button.b-secondary.b-inverted.b-hover[data-v-498b5b0a]:not(.b-disabled),
        html:not([dark]) .blu-button.b-secondary.b-inverted[data-v-498b5b0a]:hover:not(.b-disabled),
        html:not([dark]) .blu-button.b-secondary.b-inverted[data-v-498b5b0a]:active:not(.b-disabled),
        html:not([dark]) .blu-button.b-secondary.b-inverted[data-v-498b5b0a]:focus-visible:not(.b-disabled) {
            --blu-button-color-background: rgba(255, 255, 255, .4);
            --blu-button-color-border: #ffffff
        }

        html:not([dark]) .blu-button.b-secondary.b-disabled[data-v-498b5b0a] {
            --blu-button-color-background: #e1e3e4;
            --blu-button-color-border: #c8cbcd;
            --blu-button-color-text: rgba(25, 34, 42, .3019607843);
            --blu-button-color-icon: rgba(25, 34, 42, .3019607843)
        }

        html:not([dark]) .blu-button.b-secondary.b-disabled[data-v-498b5b0a]:not(.b-inverted) {
            --blu-button-color-background: #e1e3e4;
            --blu-button-color-border: #c8cbcd;
            --blu-button-color-text: rgba(25, 34, 42, .3019607843);
            --blu-button-color-icon: rgba(25, 34, 42, .3019607843)
        }

        html:not([dark]) .blu-button[data-v-498b5b0a] {
            width: var(--blu-button-custom-width)
        }

        html:not([dark]) .blu-button.b-tertiary.b-common[data-v-498b5b0a] {
            --blu-button-color-text: #ac8221;
            --blu-button-color-icon: #a58d33
        }

        html:not([dark]) .blu-button.b-tertiary.b-common.b-hover[data-v-498b5b0a]:not(.b-disabled),
        html:not([dark]) .blu-button.b-tertiary.b-common[data-v-498b5b0a]:hover:not(.b-disabled),
        html:not([dark]) .blu-button.b-tertiary.b-common[data-v-498b5b0a]:active:not(.b-disabled),
        html:not([dark]) .blu-button.b-tertiary.b-common[data-v-498b5b0a]:focus-visible:not(.b-disabled) {
            --blu-button-color-background: #f3f9ff;
            --blu-button-color-border: transparent
        }

        html:not([dark]) .blu-button.b-tertiary.b-danger[data-v-498b5b0a] {
            --blu-button-color-text: #d33534;
            --blu-button-color-icon: #e93c3c
        }

        html:not([dark]) .blu-button.b-tertiary.b-danger.b-hover[data-v-498b5b0a]:not(.b-disabled),
        html:not([dark]) .blu-button.b-tertiary.b-danger[data-v-498b5b0a]:hover:not(.b-disabled),
        html:not([dark]) .blu-button.b-tertiary.b-danger[data-v-498b5b0a]:active:not(.b-disabled),
        html:not([dark]) .blu-button.b-tertiary.b-danger[data-v-498b5b0a]:focus-visible:not(.b-disabled) {
            --blu-button-color-background: #fff5f5;
            --blu-button-color-border: transparent
        }

        html:not([dark]) .blu-button.b-tertiary.b-inverted[data-v-498b5b0a] {
            --blu-button-color-text: #ffffff;
            --blu-button-color-icon: #ffffff
        }

        html:not([dark]) .blu-button.b-tertiary.b-inverted.b-hover[data-v-498b5b0a]:not(.b-disabled),
        html:not([dark]) .blu-button.b-tertiary.b-inverted[data-v-498b5b0a]:hover:not(.b-disabled),
        html:not([dark]) .blu-button.b-tertiary.b-inverted[data-v-498b5b0a]:active:not(.b-disabled),
        html:not([dark]) .blu-button.b-tertiary.b-inverted[data-v-498b5b0a]:focus-visible:not(.b-disabled) {
            --blu-button-color-background: rgba(255, 255, 255, .4);
            --blu-button-color-border: transparent
        }

        html:not([dark]) .blu-button.b-tertiary.b-disabled[data-v-498b5b0a] {
            --blu-button-color-text: rgba(255, 255, 255, .4);
            --blu-button-color-icon: rgba(255, 255, 255, .4)
        }

        html:not([dark]) .blu-button.b-tertiary.b-disabled[data-v-498b5b0a]:not(.b-inverted) {
            --blu-button-color-text: rgba(25, 34, 42, .3019607843);
            --blu-button-color-icon: rgba(25, 34, 42, .3019607843)
        }

        html:not([dark]) a[data-v-498b5b0a] {
            text-decoration: none
        }

        html[dark] button[data-v-498b5b0a] {
            border: none;
            background: none;
            cursor: pointer;
            font-family: Blibli, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif;
            padding: 0
        }

        html[dark] input[type=submit][data-v-498b5b0a]::-moz-focus-inner,
        html[dark] input[type=button][data-v-498b5b0a]::-moz-focus-inner {
            border: 0px
        }

        html[dark] button[data-v-498b5b0a]:focus,
        html[dark] input[type=submit][data-v-498b5b0a]:focus,
        html[dark] input[type=button][data-v-498b5b0a]:focus,
        html[dark] input[type=reset][data-v-498b5b0a]:focus,
        html[dark] a[data-v-498b5b0a] {
            outline: none
        }

        html[dark] .blu-button[data-v-498b5b0a] {
            --blu-button-border-width: 1px;
            --blu-button-border-radius: 64px;
            --blu-button-color-text: #ffffff;
            --blu-button-color-icon: #ffffff;
            --blu-button-opacity: $blu-button-opacity;
            --blu-button-size-height: 48px;
            --blu-button-icon-size: 24px;
            --blu-button-spacing-padding: 0 32px;
            --blu-button-spacing-gap: 8px;
            --blu-button-text: 600 16px/20px Blibli, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif;
            padding: var(--blu-button-spacing-padding);
            height: var(--blu-button-size-height);
            border-radius: var(--blu-button-border-radius);
            transition: transform .3s .08s, all .3s;
            color: var(--blu-button-color-text);
            background-color: var(--blu-button-color-background);
            font: var(--blu-button-text);
            box-shadow: 0 0 0 var(--blu-button-border-width) var(--blu-button-color-border);
            display: inline-flex;
            justify-content: center;
            align-items: center;
            white-space: nowrap
        }

        html[dark] .blu-button[data-v-498b5b0a]:active:hover:not(.b-disabled),
        html[dark] .blu-button:active.b-hover[data-v-498b5b0a]:not(.b-disabled) {
            transform: scale(.875)
        }

        html[dark] .blu-button[data-v-498b5b0a]:focus-visible {
            outline: none
        }

        html[dark] .blu-button[data-v-498b5b0a]:focus-visible:not(.b-disabled) {
            box-shadow: 0 0 0 2px #f9f9fa
        }

        html[dark] .blu-button__icon[data-v-498b5b0a] {
            display: flex;
            color: var(--blu-button-color-icon)
        }

        html[dark] .blu-button__icon[data-v-498b5b0a] svg {
            width: var(--blu-button-icon-size);
            height: var(--blu-button-icon-size)
        }

        html[dark] .blu-button.b-has-icon:not(.b-has-icon-only) .blu-button__icon[data-v-498b5b0a] {
            margin-right: var(--blu-button-spacing-gap)
        }

        html[dark] .blu-button.b-has-icon-only[data-v-498b5b0a] {
            --blu-button-spacing-padding: 0 12px
        }

        html[dark] .blu-button.b-loading[data-v-498b5b0a] .blu-loader-wrapper svg {
            display: flex;
            width: 18px;
            height: 18px
        }

        html[dark] .blu-button.b-disabled[data-v-498b5b0a] {
            cursor: not-allowed
        }

        html[dark] .blu-button.b-disabled[data-v-498b5b0a]:active {
            pointer-events: none
        }

        html[dark] .blu-button.b-full-width[data-v-498b5b0a] {
            width: 100%
        }

        html[dark] .blu-button.b-primary.b-common[data-v-498b5b0a] {
            --blu-button-color-background: #a58d33
        }

        html[dark] .blu-button.b-primary.b-common.b-hover[data-v-498b5b0a]:not(.b-disabled),
        html[dark] .blu-button.b-primary.b-common[data-v-498b5b0a]:hover:not(.b-disabled),
        html[dark] .blu-button.b-primary.b-common[data-v-498b5b0a]:active:not(.b-disabled),
        html[dark] .blu-button.b-primary.b-common[data-v-498b5b0a]:focus-visible:not(.b-disabled) {
            --blu-button-color-background: #1d8fff;
            --blu-button-color-border: transparent
        }

        html[dark] .blu-button.b-primary.b-danger[data-v-498b5b0a] {
            --blu-button-color-background: #e93c3c
        }

        html[dark] .blu-button.b-primary.b-danger.b-hover[data-v-498b5b0a]:not(.b-disabled),
        html[dark] .blu-button.b-primary.b-danger[data-v-498b5b0a]:hover:not(.b-disabled),
        html[dark] .blu-button.b-primary.b-danger[data-v-498b5b0a]:active:not(.b-disabled),
        html[dark] .blu-button.b-primary.b-danger[data-v-498b5b0a]:focus-visible:not(.b-disabled) {
            --blu-button-color-background: #ff4646;
            --blu-button-color-border: transparent
        }

        html[dark] .blu-button.b-primary.b-inverted[data-v-498b5b0a] {
            --blu-button-color-background: #12171d;
            --blu-button-color-text: #4fa4ff;
            --blu-button-color-icon: #4fa4ff
        }

        html[dark] .blu-button.b-primary.b-inverted.b-hover[data-v-498b5b0a]:not(.b-disabled),
        html[dark] .blu-button.b-primary.b-inverted[data-v-498b5b0a]:hover:not(.b-disabled),
        html[dark] .blu-button.b-primary.b-inverted[data-v-498b5b0a]:active:not(.b-disabled),
        html[dark] .blu-button.b-primary.b-inverted[data-v-498b5b0a]:focus-visible:not(.b-disabled) {
            --blu-button-color-background: #19222a;
            --blu-button-color-border: transparent
        }

        html[dark] .blu-button.b-primary.b-disabled[data-v-498b5b0a] {
            --blu-button-color-background: #3b444c;
            --blu-button-color-text: rgba(255, 255, 255, .3019607843);
            --blu-button-color-icon: rgba(255, 255, 255, .3019607843)
        }

        html[dark] .blu-button.b-primary.b-disabled[data-v-498b5b0a]:not(.b-inverted) {
            --blu-button-color-background: #3b444c;
            --blu-button-color-text: rgba(255, 255, 255, .3019607843);
            --blu-button-color-icon: rgba(255, 255, 255, .3019607843)
        }

        html[dark] .blu-button.b-small[data-v-498b5b0a] {
            --blu-button-border-radius: 64px;
            --blu-button-size-height: 36px;
            --blu-button-spacing-padding: 0 16px;
            --blu-button-text: 600 14px/18px Blibli, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif;
            --blu-button-icon-size: 18px;
            --blu-button-spacing-gap: 4px
        }

        html[dark] .blu-button.b-small.b-has-icon-only[data-v-498b5b0a] {
            --blu-button-spacing-padding: 0 9px
        }

        html[dark] .blu-button.b-secondary[data-v-498b5b0a] {
            --blu-button-color-background: #12171d
        }

        html[dark] .blu-button.b-secondary.b-common[data-v-498b5b0a] {
            --blu-button-color-border: #4fa4ff;
            --blu-button-color-text: #4fa4ff;
            --blu-button-color-icon: #4fa4ff
        }

        html[dark] .blu-button.b-secondary.b-common.b-hover[data-v-498b5b0a]:not(.b-disabled),
        html[dark] .blu-button.b-secondary.b-common[data-v-498b5b0a]:hover:not(.b-disabled),
        html[dark] .blu-button.b-secondary.b-common[data-v-498b5b0a]:active:not(.b-disabled),
        html[dark] .blu-button.b-secondary.b-common[data-v-498b5b0a]:focus-visible:not(.b-disabled) {
            --blu-button-color-background: #002e7a;
            --blu-button-color-border: #4fa4ff
        }

        html[dark] .blu-button.b-secondary.b-danger[data-v-498b5b0a] {
            --blu-button-color-border: #ff7373;
            --blu-button-color-text: #ff7373;
            --blu-button-color-icon: #ff7373
        }

        html[dark] .blu-button.b-secondary.b-danger.b-hover[data-v-498b5b0a]:not(.b-disabled),
        html[dark] .blu-button.b-secondary.b-danger[data-v-498b5b0a]:hover:not(.b-disabled),
        html[dark] .blu-button.b-secondary.b-danger[data-v-498b5b0a]:active:not(.b-disabled),
        html[dark] .blu-button.b-secondary.b-danger[data-v-498b5b0a]:focus-visible:not(.b-disabled) {
            --blu-button-color-background: #631818;
            --blu-button-color-border: #ff7373
        }

        html[dark] .blu-button.b-secondary.b-inverted[data-v-498b5b0a] {
            --blu-button-color-background: rgba(255, 255, 255, .3019607843);
            --blu-button-color-border: #12171d;
            --blu-button-color-text: #12171d;
            --blu-button-color-icon: #12171d
        }

        html[dark] .blu-button.b-secondary.b-inverted.b-hover[data-v-498b5b0a]:not(.b-disabled),
        html[dark] .blu-button.b-secondary.b-inverted[data-v-498b5b0a]:hover:not(.b-disabled),
        html[dark] .blu-button.b-secondary.b-inverted[data-v-498b5b0a]:active:not(.b-disabled),
        html[dark] .blu-button.b-secondary.b-inverted[data-v-498b5b0a]:focus-visible:not(.b-disabled) {
            --blu-button-color-background: rgba(18, 23, 29, .4);
            --blu-button-color-border: #12171d
        }

        html[dark] .blu-button.b-secondary.b-disabled[data-v-498b5b0a] {
            --blu-button-color-background: #3b444c;
            --blu-button-color-border: #60686e;
            --blu-button-color-text: rgba(255, 255, 255, .3019607843);
            --blu-button-color-icon: rgba(255, 255, 255, .3019607843)
        }

        html[dark] .blu-button.b-secondary.b-disabled[data-v-498b5b0a]:not(.b-inverted) {
            --blu-button-color-background: #3b444c;
            --blu-button-color-border: #60686e;
            --blu-button-color-text: rgba(255, 255, 255, .3019607843);
            --blu-button-color-icon: rgba(255, 255, 255, .3019607843)
        }

        html[dark] .blu-button[data-v-498b5b0a] {
            width: var(--blu-button-custom-width)
        }

        html[dark] .blu-button.b-tertiary.b-common[data-v-498b5b0a] {
            --blu-button-color-text: #4fa4ff;
            --blu-button-color-icon: #4fa4ff
        }

        html[dark] .blu-button.b-tertiary.b-common.b-hover[data-v-498b5b0a]:not(.b-disabled),
        html[dark] .blu-button.b-tertiary.b-common[data-v-498b5b0a]:hover:not(.b-disabled),
        html[dark] .blu-button.b-tertiary.b-common[data-v-498b5b0a]:active:not(.b-disabled),
        html[dark] .blu-button.b-tertiary.b-common[data-v-498b5b0a]:focus-visible:not(.b-disabled) {
            --blu-button-color-background: #002e7a;
            --blu-button-color-border: transparent
        }

        html[dark] .blu-button.b-tertiary.b-danger[data-v-498b5b0a] {
            --blu-button-color-text: #ff7373;
            --blu-button-color-icon: #ff7373
        }

        html[dark] .blu-button.b-tertiary.b-danger.b-hover[data-v-498b5b0a]:not(.b-disabled),
        html[dark] .blu-button.b-tertiary.b-danger[data-v-498b5b0a]:hover:not(.b-disabled),
        html[dark] .blu-button.b-tertiary.b-danger[data-v-498b5b0a]:active:not(.b-disabled),
        html[dark] .blu-button.b-tertiary.b-danger[data-v-498b5b0a]:focus-visible:not(.b-disabled) {
            --blu-button-color-background: #631818;
            --blu-button-color-border: transparent
        }

        html[dark] .blu-button.b-tertiary.b-inverted[data-v-498b5b0a] {
            --blu-button-color-text: #12171d;
            --blu-button-color-icon: #12171d
        }

        html[dark] .blu-button.b-tertiary.b-inverted.b-hover[data-v-498b5b0a]:not(.b-disabled),
        html[dark] .blu-button.b-tertiary.b-inverted[data-v-498b5b0a]:hover:not(.b-disabled),
        html[dark] .blu-button.b-tertiary.b-inverted[data-v-498b5b0a]:active:not(.b-disabled),
        html[dark] .blu-button.b-tertiary.b-inverted[data-v-498b5b0a]:focus-visible:not(.b-disabled) {
            --blu-button-color-background: rgba(18, 23, 29, .4);
            --blu-button-color-border: transparent
        }

        html[dark] .blu-button.b-tertiary.b-disabled[data-v-498b5b0a] {
            --blu-button-color-text: rgba(18, 23, 29, .4);
            --blu-button-color-icon: rgba(18, 23, 29, .4)
        }

        html[dark] .blu-button.b-tertiary.b-disabled[data-v-498b5b0a]:not(.b-inverted) {
            --blu-button-color-text: rgba(255, 255, 255, .3019607843);
            --blu-button-color-icon: rgba(255, 255, 255, .3019607843)
        }

        html[dark] a[data-v-498b5b0a] {
            text-decoration: none
        }
    </style>
    <style>
        html:not([dark]) .blu-badge[data-v-4cd4e6d8] {
            --blu-badge-color-text: #ffffff;
            --blu-badge-color-border: #ffffff;
            --blu-badge-text: 600 12px/16px Blibli, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif;
            --blu-badge-border-radius: 4px;
            --blu-badge-border-width: 1px;
            --blu-badge-padding: 0 4px 1px;
            font: var(--blu-badge-text);
            border-radius: var(--blu-badge-border-radius);
            box-shadow: 0 0 0 var(--blu-badge-border-width) var(--blu-badge-color-border);
            padding: var(--blu-badge-padding);
            display: inline-flex;
            box-sizing: border-box;
            justify-content: center;
            align-items: center;
            line-height: 15px;
            max-height: 16px;
            white-space: nowrap
        }

        html:not([dark]) .blu-badge[data-v-4cd4e6d8] svg {
            display: flex;
            width: 12px;
            height: 12px;
            color: var(--blu-badge-item-leading-color-icon)
        }

        html:not([dark]) .blu-badge *[data-v-4cd4e6d8]:not(:last-child) {
            margin-right: 2px
        }

        html:not([dark]) .blu-badge[data-v-4cd4e6d8]:not(.b-dot) {
            min-width: 16px
        }

        html:not([dark]) .blu-badge.b-dot[data-v-4cd4e6d8] {
            --blu-badge-size: 8px;
            width: var(--blu-badge-size);
            height: var(--blu-badge-size)
        }

        html:not([dark]) .blu-badge[data-v-4cd4e6d8]:not(.b-secondary) {
            --blu-badge-item-leading-color-icon: var(--blu-badge-color-icon);
            color: var(--blu-badge-color-text);
            background-color: var(--blu-badge-color-background)
        }

        html:not([dark]) .blu-badge.b-secondary[data-v-4cd4e6d8] {
            --blu-badge-item-leading-color-icon: var(--blu-badge-color-icon-low);
            color: var(--blu-badge-color-text-low);
            background-color: var(--blu-badge-color-background-low)
        }

        html:not([dark]) .blu-badge.b-blue[data-v-4cd4e6d8] {
            --blu-badge-color-background-low: #e1f1ff;
            --blu-badge-color-background: #1d8fff;
            --blu-badge-color-text-low: #ac8221;
            --blu-badge-color-icon-low: #a58d33;
            --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: #ac8221;
            --blu-badge-color-icon-low: rgba(25, 34, 42, .4);
            --blu-badge-color-icon: #a58d33
        }

        html:not([dark]) .blu-badge.b-notification[data-v-4cd4e6d8] {
            --blu-badge-border-radius: 8px
        }

        html:not([dark]) .blu-badge.b-tooltip[data-v-4cd4e6d8] {
            cursor: pointer
        }

        html[dark] .blu-badge[data-v-4cd4e6d8] {
            --blu-badge-color-text: #ffffff;
            --blu-badge-color-border: #12171d;
            --blu-badge-text: 600 12px/16px Blibli, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif;
            --blu-badge-border-radius: 4px;
            --blu-badge-border-width: 1px;
            --blu-badge-padding: 0 4px 1px;
            font: var(--blu-badge-text);
            border-radius: var(--blu-badge-border-radius);
            box-shadow: 0 0 0 var(--blu-badge-border-width) var(--blu-badge-color-border);
            padding: var(--blu-badge-padding);
            display: inline-flex;
            box-sizing: border-box;
            justify-content: center;
            align-items: center;
            line-height: 15px;
            max-height: 16px;
            white-space: nowrap
        }

        html[dark] .blu-badge[data-v-4cd4e6d8] svg {
            display: flex;
            width: 12px;
            height: 12px;
            color: var(--blu-badge-item-leading-color-icon)
        }

        html[dark] .blu-badge *[data-v-4cd4e6d8]:not(:last-child) {
            margin-right: 2px
        }

        html[dark] .blu-badge[data-v-4cd4e6d8]:not(.b-dot) {
            min-width: 16px
        }

        html[dark] .blu-badge.b-dot[data-v-4cd4e6d8] {
            --blu-badge-size: 8px;
            width: var(--blu-badge-size);
            height: var(--blu-badge-size)
        }

        html[dark] .blu-badge[data-v-4cd4e6d8]:not(.b-secondary) {
            --blu-badge-item-leading-color-icon: var(--blu-badge-color-icon);
            color: var(--blu-badge-color-text);
            background-color: var(--blu-badge-color-background)
        }

        html[dark] .blu-badge.b-secondary[data-v-4cd4e6d8] {
            --blu-badge-item-leading-color-icon: var(--blu-badge-color-icon-low);
            color: var(--blu-badge-color-text-low);
            background-color: var(--blu-badge-color-background-low)
        }

        html[dark] .blu-badge.b-blue[data-v-4cd4e6d8] {
            --blu-badge-color-background-low: #0046aa;
            --blu-badge-color-background: #1d8fff;
            --blu-badge-color-text-low: #4fa4ff;
            --blu-badge-color-icon-low: #4fa4ff;
            --blu-badge-color-icon: #ffffff
        }

        html[dark] .blu-badge.b-yellow[data-v-4cd4e6d8] {
            --blu-badge-color-background-low: #ffe6ce;
            --blu-badge-color-background: #ff7f00;
            --blu-badge-color-text-low: #dc5300;
            --blu-badge-color-icon-low: #f05a00;
            --blu-badge-color-icon: #ffffff
        }

        html[dark] .blu-badge.b-red[data-v-4cd4e6d8] {
            --blu-badge-color-background-low: #8d2221;
            --blu-badge-color-background: #ff4646;
            --blu-badge-color-text-low: #ff7373;
            --blu-badge-color-icon-low: #ff7373;
            --blu-badge-color-icon: #ffffff
        }

        html[dark] .blu-badge.b-green[data-v-4cd4e6d8] {
            --blu-badge-color-background-low: #13561c;
            --blu-badge-color-background: #22a334;
            --blu-badge-color-text-low: #02c82b;
            --blu-badge-color-icon-low: #02c82b;
            --blu-badge-color-icon: #ffffff
        }

        html[dark] .blu-badge.b-purple[data-v-4cd4e6d8] {
            --blu-badge-color-background-low: #fddef0;
            --blu-badge-color-background: #ff0f9d;
            --blu-badge-color-text-low: #834bee;
            --blu-badge-color-icon-low: #834bee;
            --blu-badge-color-icon: #12171d
        }

        html[dark] .blu-badge.b-magenta[data-v-4cd4e6d8] {
            --blu-badge-color-background-low: #fddef0;
            --blu-badge-color-background: #ff0f9d;
            --blu-badge-color-text-low: #ff0f9d;
            --blu-badge-color-icon-low: #ff0f9d;
            --blu-badge-color-icon: #12171d
        }

        html[dark] .blu-badge.b-gray[data-v-4cd4e6d8] {
            --blu-badge-color-background-low: #28323b;
            --blu-badge-color-background: #f1f2f2;
            --blu-badge-color-text-low: rgba(255, 255, 255, .8);
            --blu-badge-color-text: #12171d;
            --blu-badge-color-icon-low: rgba(255, 255, 255, .8);
            --blu-badge-color-icon: #12171d
        }

        html[dark] .blu-badge.b-invert[data-v-4cd4e6d8] {
            --blu-badge-color-background-low: #12171d;
            --blu-badge-color-background: #12171d;
            --blu-badge-color-text-low: rgba(255, 255, 255, .5019607843);
            --blu-badge-color-text: #4fa4ff;
            --blu-badge-color-icon-low: rgba(255, 255, 255, .5019607843);
            --blu-badge-color-icon: #4fa4ff
        }

        html[dark] .blu-badge.b-notification[data-v-4cd4e6d8] {
            --blu-badge-border-radius: 8px
        }

        html[dark] .blu-badge.b-tooltip[data-v-4cd4e6d8] {
            cursor: pointer
        }
    </style>
    <style>
        *[data-v-580f03f0],
        *[data-v-580f03f0]:before,
        *[data-v-580f03f0]:after {
            box-sizing: border-box
        }

        html:not([dark]) .blu-modal-wrapper[data-v-580f03f0] {
            z-index: 100;
            position: fixed
        }

        html:not([dark]) .blu-modal[data-v-580f03f0] {
            --blu-modal-box-shadow: 0 1px 6px 0 rgba(0, 0, 0, .1019607843);
            --blu-modal-color-background: #ffffff;
            --blu-modal-border-radius: 16px;
            --blu-modal-opacity: 0;
            --blu-modal-size-width: 100%;
            --blu-modal-max-height: calc(100% - 16px);
            position: fixed;
            z-index: 101;
            display: flex;
            flex-direction: column;
            width: var(--blu-modal-size-width);
            max-height: var(--blu-modal-max-height);
            max-width: var(--blu-modal-max-width);
            box-sizing: border-box;
            box-shadow: var(--blu-modal-box-shadow);
            border-radius: var(--blu-modal-border-radius);
            background-color: var(--blu-modal-color-background);
            opacity: var(--blu-modal-opacity);
            transition: all .3s
        }

        html:not([dark]) .blu-modal *[data-v-580f03f0] {
            box-sizing: inherit
        }

        html:not([dark]) .blu-modal.b-active[data-v-580f03f0] {
            --blu-modal-opacity: 1
        }

        html:not([dark]) .b-drawer.b-desktop-left .blu-modal[data-v-580f03f0],
        html:not([dark]) .b-drawer.b-desktop-right .blu-modal[data-v-580f03f0] {
            --blu-modal-max-height: 100%;
            height: 100%
        }

        html:not([dark]) .b-status .blu-modal[data-v-580f03f0] {
            border-bottom: 4px solid;
            border-color: var(--blu-modal-color);
            top: 50%;
            left: 50%;
            transform: translate(-50%, -50%)
        }

        html:not([dark]) .b-status .blu-modal.b-info[data-v-580f03f0] {
            --blu-modal-color: #1d8fff
        }

        html:not([dark]) .b-status .blu-modal.b-success[data-v-580f03f0] {
            --blu-modal-color: #22a334
        }

        html:not([dark]) .b-status .blu-modal.b-alert[data-v-580f03f0] {
            --blu-modal-color: #fedd6c
        }

        html:not([dark]) .b-status .blu-modal.b-danger[data-v-580f03f0] {
            --blu-modal-color: #ff4646
        }

        @media screen and (min-width: 840px),
        print {

            html:not([dark]) .blu-modal-wrapper:not(.b-drawer).fade-enter-active[data-v-580f03f0],
            html:not([dark]) .blu-modal-wrapper:not(.b-drawer).fade-leave-active[data-v-580f03f0] {
                transition: all .3s
            }

            html:not([dark]) .blu-modal-wrapper:not(.b-drawer).fade-enter-from[data-v-580f03f0],
            html:not([dark]) .blu-modal-wrapper:not(.b-drawer).fade-leave-to[data-v-580f03f0] {
                opacity: 0
            }

            html:not([dark]) .blu-modal-wrapper:not(.b-drawer) .blu-modal[data-v-580f03f0] {
                --blu-modal-max-height: 576px;
                top: 50%;
                left: 50%;
                transform: translate(-50%, -50%)
            }

            html:not([dark]) .blu-modal-wrapper:not(.b-drawer) .blu-modal.b-small-width[data-v-580f03f0] {
                --blu-modal-size-width: 360px
            }

            html:not([dark]) .blu-modal-wrapper:not(.b-drawer) .blu-modal.b-medium-width[data-v-580f03f0] {
                --blu-modal-size-width: 600px
            }

            html:not([dark]) .blu-modal-wrapper:not(.b-drawer) .blu-modal.b-large-width[data-v-580f03f0] {
                --blu-modal-size-width: 800px
            }

            html:not([dark]) .b-drawer.b-desktop-left .blu-modal.b-small-width[data-v-580f03f0],
            html:not([dark]) .b-drawer.b-desktop-right .blu-modal.b-small-width[data-v-580f03f0] {
                --blu-modal-size-width: 360px
            }

            html:not([dark]) .b-drawer.b-desktop-left .blu-modal.b-medium-width[data-v-580f03f0],
            html:not([dark]) .b-drawer.b-desktop-right .blu-modal.b-medium-width[data-v-580f03f0] {
                --blu-modal-size-width: 600px
            }

            html:not([dark]) .b-drawer.b-desktop-top .blu-modal[data-v-580f03f0],
            html:not([dark]) .b-drawer.b-desktop-bottom .blu-modal[data-v-580f03f0] {
                --blu-modal-max-height: 576px
            }

            html:not([dark]) .b-drawer.b-desktop-left.fade-enter-active[data-v-580f03f0],
            html:not([dark]) .b-drawer.b-desktop-left.fade-leave-active[data-v-580f03f0] {
                transition: all .3s
            }

            html:not([dark]) .b-drawer.b-desktop-left.fade-enter-from .blu-modal[data-v-580f03f0],
            html:not([dark]) .b-drawer.b-desktop-left.fade-leave-to .blu-modal[data-v-580f03f0] {
                left: -100vh
            }

            html:not([dark]) .b-drawer.b-desktop-left .blu-modal[data-v-580f03f0] {
                height: 100vh;
                left: 0;
                top: 0;
                bottom: 0;
                border-radius: 0 var(--blu-modal-border-radius) var(--blu-modal-border-radius) 0
            }

            html:not([dark]) .b-drawer.b-desktop-right.fade-enter-active[data-v-580f03f0],
            html:not([dark]) .b-drawer.b-desktop-right.fade-leave-active[data-v-580f03f0] {
                transition: all .3s
            }

            html:not([dark]) .b-drawer.b-desktop-right.fade-enter-from .blu-modal[data-v-580f03f0],
            html:not([dark]) .b-drawer.b-desktop-right.fade-leave-to .blu-modal[data-v-580f03f0] {
                right: -100vh
            }

            html:not([dark]) .b-drawer.b-desktop-right .blu-modal[data-v-580f03f0] {
                height: 100vh;
                right: 0;
                top: 0;
                bottom: 0;
                border-radius: var(--blu-modal-border-radius) 0 0 var(--blu-modal-border-radius)
            }

            html:not([dark]) .b-drawer.b-desktop-top.fade-enter-active[data-v-580f03f0],
            html:not([dark]) .b-drawer.b-desktop-top.fade-leave-active[data-v-580f03f0] {
                transition: all .3s
            }

            html:not([dark]) .b-drawer.b-desktop-top.fade-enter-from .blu-modal[data-v-580f03f0],
            html:not([dark]) .b-drawer.b-desktop-top.fade-leave-to .blu-modal[data-v-580f03f0] {
                top: -100vh
            }

            html:not([dark]) .b-drawer.b-desktop-top .blu-modal[data-v-580f03f0] {
                top: 0;
                left: 50%;
                transform: translate(-50%);
                border-radius: 0 0 var(--blu-modal-border-radius) var(--blu-modal-border-radius)
            }

            html:not([dark]) .b-drawer.b-desktop-bottom.fade-enter-active[data-v-580f03f0],
            html:not([dark]) .b-drawer.b-desktop-bottom.fade-leave-active[data-v-580f03f0] {
                transition: all .3s
            }

            html:not([dark]) .b-drawer.b-desktop-bottom.fade-enter-from .blu-modal[data-v-580f03f0],
            html:not([dark]) .b-drawer.b-desktop-bottom.fade-leave-to .blu-modal[data-v-580f03f0] {
                bottom: -100vh
            }

            html:not([dark]) .b-drawer.b-desktop-bottom .blu-modal[data-v-580f03f0] {
                bottom: 0;
                left: 50%;
                transform: translate(-50%);
                border-radius: var(--blu-modal-border-radius) var(--blu-modal-border-radius) 0 0
            }
        }

        @media screen and (max-width: 839px) {
            html:not([dark]) .b-status .blu-modal[data-v-580f03f0] {
                --blu-modal-size-width: calc(100% - 32px)
            }

            html:not([dark]) .blu-modal-wrapper:not(.b-status):not(.b-drawer):not(.b-mobile-fullscreen).fade-enter-active[data-v-580f03f0],
            html:not([dark]) .blu-modal-wrapper:not(.b-status):not(.b-drawer):not(.b-mobile-fullscreen).fade-leave-active[data-v-580f03f0] {
                transition: all .3s
            }

            html:not([dark]) .blu-modal-wrapper:not(.b-status):not(.b-drawer):not(.b-mobile-fullscreen).fade-enter-from .blu-modal[data-v-580f03f0],
            html:not([dark]) .blu-modal-wrapper:not(.b-status):not(.b-drawer):not(.b-mobile-fullscreen).fade-leave-to .blu-modal[data-v-580f03f0] {
                bottom: -100vh
            }

            html:not([dark]) .blu-modal-wrapper:not(.b-status):not(.b-drawer):not(.b-mobile-fullscreen) .blu-modal[data-v-580f03f0] {
                bottom: 0;
                left: 50%;
                transform: translate(-50%);
                border-radius: var(--blu-modal-border-radius) var(--blu-modal-border-radius) 0 0
            }

            html:not([dark]) .blu-modal-wrapper:not(.b-status):not(.b-drawer):not(.b-mobile-fullscreen) .blu-modal.b-max-width[data-v-580f03f0] {
                --blu-modal-max-width: 600px
            }

            html:not([dark]) .b-mobile-fullscreen.fade-enter-active[data-v-580f03f0],
            html:not([dark]) .b-mobile-fullscreen.fade-leave-active[data-v-580f03f0] {
                transition: all .3s
            }

            html:not([dark]) .b-mobile-fullscreen.fade-enter-from .blu-modal[data-v-580f03f0],
            html:not([dark]) .b-mobile-fullscreen.fade-leave-to .blu-modal[data-v-580f03f0] {
                bottom: -100vh
            }

            html:not([dark]) .b-mobile-fullscreen .blu-modal[data-v-580f03f0] {
                --blu-modal-max-height: 100%;
                height: 100%;
                width: 100%;
                border-radius: unset;
                bottom: 0;
                left: 0;
                transform: none
            }

            html:not([dark]) .b-mobile-fullscreen .blu-modal[data-v-580f03f0] .blu-modal__header {
                box-shadow: var(--blu-modal-box-shadow)
            }

            html:not([dark]) .b-mobile-fullscreen.b-desktop-left .blu-modal[data-v-580f03f0],
            html:not([dark]) .b-mobile-fullscreen.b-desktop-right .blu-modal[data-v-580f03f0],
            html:not([dark]) .b-mobile-fullscreen.b-desktop-top .blu-modal[data-v-580f03f0] {
                top: 0
            }

            html:not([dark]) .b-mobile-fullscreen.b-desktop-left.fade-enter-active[data-v-580f03f0],
            html:not([dark]) .b-mobile-fullscreen.b-desktop-left.fade-leave-active[data-v-580f03f0] {
                transition: all .3s
            }

            html:not([dark]) .b-mobile-fullscreen.b-desktop-left.fade-enter-from .blu-modal[data-v-580f03f0],
            html:not([dark]) .b-mobile-fullscreen.b-desktop-left.fade-leave-to .blu-modal[data-v-580f03f0] {
                left: -100vh
            }

            html:not([dark]) .b-mobile-fullscreen.b-desktop-right.fade-enter-active[data-v-580f03f0],
            html:not([dark]) .b-mobile-fullscreen.b-desktop-right.fade-leave-active[data-v-580f03f0] {
                transition: all .3s
            }

            html:not([dark]) .b-mobile-fullscreen.b-desktop-right.fade-enter-from .blu-modal[data-v-580f03f0],
            html:not([dark]) .b-mobile-fullscreen.b-desktop-right.fade-leave-to .blu-modal[data-v-580f03f0] {
                right: -100vh
            }

            html:not([dark]) .b-mobile-fullscreen.b-desktop-right .blu-modal[data-v-580f03f0] {
                left: revert;
                right: 0
            }

            html:not([dark]) .b-mobile-fullscreen.b-desktop-top.fade-enter-active[data-v-580f03f0],
            html:not([dark]) .b-mobile-fullscreen.b-desktop-top.fade-leave-active[data-v-580f03f0] {
                transition: all .3s
            }

            html:not([dark]) .b-mobile-fullscreen.b-desktop-top.fade-enter-from .blu-modal[data-v-580f03f0],
            html:not([dark]) .b-mobile-fullscreen.b-desktop-top.fade-leave-to .blu-modal[data-v-580f03f0] {
                top: -100vh
            }

            html:not([dark]) .b-mobile-fullscreen.b-desktop-top .blu-modal[data-v-580f03f0] {
                bottom: revert
            }
        }

        html:not([dark]) .b-scrim[data-v-580f03f0] {
            --blu-color-scrim-background: rgba(0, 0, 0, .6);
            position: fixed;
            top: 0;
            left: 0;
            z-index: 99;
            width: 100%;
            height: 100%;
            background-color: var(--blu-color-scrim-background);
            display: flex;
            flex-direction: column;
            justify-content: center;
            align-items: center;
            transition: opacity .3s;
            opacity: 1
        }

        html:not([dark]) .fade-enter-active .b-scrim[data-v-580f03f0],
        html:not([dark]) .fade-leave-active .b-scrim[data-v-580f03f0] {
            transition: opacity .3s
        }

        html:not([dark]) .fade-enter-to .b-scrim[data-v-580f03f0] {
            opacity: 1
        }

        html:not([dark]) .fade-leave-to .b-scrim[data-v-580f03f0] {
            opacity: 0
        }

        html[dark] .blu-modal-wrapper[data-v-580f03f0] {
            z-index: 100;
            position: fixed
        }

        html[dark] .blu-modal[data-v-580f03f0] {
            --blu-modal-box-shadow: inset 0 0 0 30000px rgba(109, 220, 255, .1019607843);
            --blu-modal-color-background: #12171d;
            --blu-modal-border-radius: 16px;
            --blu-modal-opacity: 0;
            --blu-modal-size-width: 100%;
            --blu-modal-max-height: calc(100% - 16px);
            position: fixed;
            z-index: 101;
            display: flex;
            flex-direction: column;
            width: var(--blu-modal-size-width);
            max-height: var(--blu-modal-max-height);
            max-width: var(--blu-modal-max-width);
            box-sizing: border-box;
            box-shadow: var(--blu-modal-box-shadow);
            border-radius: var(--blu-modal-border-radius);
            background-color: var(--blu-modal-color-background);
            opacity: var(--blu-modal-opacity);
            transition: all .3s
        }

        html[dark] .blu-modal *[data-v-580f03f0] {
            box-sizing: inherit
        }

        html[dark] .blu-modal.b-active[data-v-580f03f0] {
            --blu-modal-opacity: 1
        }

        html[dark] .b-drawer.b-desktop-left .blu-modal[data-v-580f03f0],
        html[dark] .b-drawer.b-desktop-right .blu-modal[data-v-580f03f0] {
            --blu-modal-max-height: 100%;
            height: 100%
        }

        html[dark] .b-status .blu-modal[data-v-580f03f0] {
            border-bottom: 4px solid;
            border-color: var(--blu-modal-color);
            top: 50%;
            left: 50%;
            transform: translate(-50%, -50%)
        }

        html[dark] .b-status .blu-modal.b-info[data-v-580f03f0] {
            --blu-modal-color: #4fa4ff
        }

        html[dark] .b-status .blu-modal.b-success[data-v-580f03f0] {
            --blu-modal-color: #02c82b
        }

        html[dark] .b-status .blu-modal.b-alert[data-v-580f03f0] {
            --blu-modal-color: #7e4704
        }

        html[dark] .b-status .blu-modal.b-danger[data-v-580f03f0] {
            --blu-modal-color: #ff7373
        }

        @media screen and (min-width: 840px),
        print {

            html[dark] .blu-modal-wrapper:not(.b-drawer).fade-enter-active[data-v-580f03f0],
            html[dark] .blu-modal-wrapper:not(.b-drawer).fade-leave-active[data-v-580f03f0] {
                transition: all .3s
            }

            html[dark] .blu-modal-wrapper:not(.b-drawer).fade-enter-from[data-v-580f03f0],
            html[dark] .blu-modal-wrapper:not(.b-drawer).fade-leave-to[data-v-580f03f0] {
                opacity: 0
            }

            html[dark] .blu-modal-wrapper:not(.b-drawer) .blu-modal[data-v-580f03f0] {
                --blu-modal-max-height: 576px;
                top: 50%;
                left: 50%;
                transform: translate(-50%, -50%)
            }

            html[dark] .blu-modal-wrapper:not(.b-drawer) .blu-modal.b-small-width[data-v-580f03f0] {
                --blu-modal-size-width: 360px
            }

            html[dark] .blu-modal-wrapper:not(.b-drawer) .blu-modal.b-medium-width[data-v-580f03f0] {
                --blu-modal-size-width: 600px
            }

            html[dark] .blu-modal-wrapper:not(.b-drawer) .blu-modal.b-large-width[data-v-580f03f0] {
                --blu-modal-size-width: 800px
            }

            html[dark] .b-drawer.b-desktop-left .blu-modal.b-small-width[data-v-580f03f0],
            html[dark] .b-drawer.b-desktop-right .blu-modal.b-small-width[data-v-580f03f0] {
                --blu-modal-size-width: 360px
            }

            html[dark] .b-drawer.b-desktop-left .blu-modal.b-medium-width[data-v-580f03f0],
            html[dark] .b-drawer.b-desktop-right .blu-modal.b-medium-width[data-v-580f03f0] {
                --blu-modal-size-width: 600px
            }

            html[dark] .b-drawer.b-desktop-top .blu-modal[data-v-580f03f0],
            html[dark] .b-drawer.b-desktop-bottom .blu-modal[data-v-580f03f0] {
                --blu-modal-max-height: 576px
            }

            html[dark] .b-drawer.b-desktop-left.fade-enter-active[data-v-580f03f0],
            html[dark] .b-drawer.b-desktop-left.fade-leave-active[data-v-580f03f0] {
                transition: all .3s
            }

            html[dark] .b-drawer.b-desktop-left.fade-enter-from .blu-modal[data-v-580f03f0],
            html[dark] .b-drawer.b-desktop-left.fade-leave-to .blu-modal[data-v-580f03f0] {
                left: -100vh
            }

            html[dark] .b-drawer.b-desktop-left .blu-modal[data-v-580f03f0] {
                height: 100vh;
                left: 0;
                top: 0;
                bottom: 0;
                border-radius: 0 var(--blu-modal-border-radius) var(--blu-modal-border-radius) 0
            }

            html[dark] .b-drawer.b-desktop-right.fade-enter-active[data-v-580f03f0],
            html[dark] .b-drawer.b-desktop-right.fade-leave-active[data-v-580f03f0] {
                transition: all .3s
            }

            html[dark] .b-drawer.b-desktop-right.fade-enter-from .blu-modal[data-v-580f03f0],
            html[dark] .b-drawer.b-desktop-right.fade-leave-to .blu-modal[data-v-580f03f0] {
                right: -100vh
            }

            html[dark] .b-drawer.b-desktop-right .blu-modal[data-v-580f03f0] {
                height: 100vh;
                right: 0;
                top: 0;
                bottom: 0;
                border-radius: var(--blu-modal-border-radius) 0 0 var(--blu-modal-border-radius)
            }

            html[dark] .b-drawer.b-desktop-top.fade-enter-active[data-v-580f03f0],
            html[dark] .b-drawer.b-desktop-top.fade-leave-active[data-v-580f03f0] {
                transition: all .3s
            }

            html[dark] .b-drawer.b-desktop-top.fade-enter-from .blu-modal[data-v-580f03f0],
            html[dark] .b-drawer.b-desktop-top.fade-leave-to .blu-modal[data-v-580f03f0] {
                top: -100vh
            }

            html[dark] .b-drawer.b-desktop-top .blu-modal[data-v-580f03f0] {
                top: 0;
                left: 50%;
                transform: translate(-50%);
                border-radius: 0 0 var(--blu-modal-border-radius) var(--blu-modal-border-radius)
            }

            html[dark] .b-drawer.b-desktop-bottom.fade-enter-active[data-v-580f03f0],
            html[dark] .b-drawer.b-desktop-bottom.fade-leave-active[data-v-580f03f0] {
                transition: all .3s
            }

            html[dark] .b-drawer.b-desktop-bottom.fade-enter-from .blu-modal[data-v-580f03f0],
            html[dark] .b-drawer.b-desktop-bottom.fade-leave-to .blu-modal[data-v-580f03f0] {
                bottom: -100vh
            }

            html[dark] .b-drawer.b-desktop-bottom .blu-modal[data-v-580f03f0] {
                bottom: 0;
                left: 50%;
                transform: translate(-50%);
                border-radius: var(--blu-modal-border-radius) var(--blu-modal-border-radius) 0 0
            }
        }

        @media screen and (max-width: 839px) {
            html[dark] .b-status .blu-modal[data-v-580f03f0] {
                --blu-modal-size-width: calc(100% - 32px)
            }

            html[dark] .blu-modal-wrapper:not(.b-status):not(.b-drawer):not(.b-mobile-fullscreen).fade-enter-active[data-v-580f03f0],
            html[dark] .blu-modal-wrapper:not(.b-status):not(.b-drawer):not(.b-mobile-fullscreen).fade-leave-active[data-v-580f03f0] {
                transition: all .3s
            }

            html[dark] .blu-modal-wrapper:not(.b-status):not(.b-drawer):not(.b-mobile-fullscreen).fade-enter-from .blu-modal[data-v-580f03f0],
            html[dark] .blu-modal-wrapper:not(.b-status):not(.b-drawer):not(.b-mobile-fullscreen).fade-leave-to .blu-modal[data-v-580f03f0] {
                bottom: -100vh
            }

            html[dark] .blu-modal-wrapper:not(.b-status):not(.b-drawer):not(.b-mobile-fullscreen) .blu-modal[data-v-580f03f0] {
                bottom: 0;
                left: 50%;
                transform: translate(-50%);
                border-radius: var(--blu-modal-border-radius) var(--blu-modal-border-radius) 0 0
            }

            html[dark] .blu-modal-wrapper:not(.b-status):not(.b-drawer):not(.b-mobile-fullscreen) .blu-modal.b-max-width[data-v-580f03f0] {
                --blu-modal-max-width: 600px
            }

            html[dark] .b-mobile-fullscreen.fade-enter-active[data-v-580f03f0],
            html[dark] .b-mobile-fullscreen.fade-leave-active[data-v-580f03f0] {
                transition: all .3s
            }

            html[dark] .b-mobile-fullscreen.fade-enter-from .blu-modal[data-v-580f03f0],
            html[dark] .b-mobile-fullscreen.fade-leave-to .blu-modal[data-v-580f03f0] {
                bottom: -100vh
            }

            html[dark] .b-mobile-fullscreen .blu-modal[data-v-580f03f0] {
                --blu-modal-max-height: 100%;
                height: 100%;
                width: 100%;
                border-radius: unset;
                bottom: 0;
                left: 0;
                transform: none
            }

            html[dark] .b-mobile-fullscreen .blu-modal[data-v-580f03f0] .blu-modal__header {
                box-shadow: var(--blu-modal-box-shadow)
            }

            html[dark] .b-mobile-fullscreen.b-desktop-left .blu-modal[data-v-580f03f0],
            html[dark] .b-mobile-fullscreen.b-desktop-right .blu-modal[data-v-580f03f0],
            html[dark] .b-mobile-fullscreen.b-desktop-top .blu-modal[data-v-580f03f0] {
                top: 0
            }

            html[dark] .b-mobile-fullscreen.b-desktop-left.fade-enter-active[data-v-580f03f0],
            html[dark] .b-mobile-fullscreen.b-desktop-left.fade-leave-active[data-v-580f03f0] {
                transition: all .3s
            }

            html[dark] .b-mobile-fullscreen.b-desktop-left.fade-enter-from .blu-modal[data-v-580f03f0],
            html[dark] .b-mobile-fullscreen.b-desktop-left.fade-leave-to .blu-modal[data-v-580f03f0] {
                left: -100vh
            }

            html[dark] .b-mobile-fullscreen.b-desktop-right.fade-enter-active[data-v-580f03f0],
            html[dark] .b-mobile-fullscreen.b-desktop-right.fade-leave-active[data-v-580f03f0] {
                transition: all .3s
            }

            html[dark] .b-mobile-fullscreen.b-desktop-right.fade-enter-from .blu-modal[data-v-580f03f0],
            html[dark] .b-mobile-fullscreen.b-desktop-right.fade-leave-to .blu-modal[data-v-580f03f0] {
                right: -100vh
            }

            html[dark] .b-mobile-fullscreen.b-desktop-right .blu-modal[data-v-580f03f0] {
                left: revert;
                right: 0
            }

            html[dark] .b-mobile-fullscreen.b-desktop-top.fade-enter-active[data-v-580f03f0],
            html[dark] .b-mobile-fullscreen.b-desktop-top.fade-leave-active[data-v-580f03f0] {
                transition: all .3s
            }

            html[dark] .b-mobile-fullscreen.b-desktop-top.fade-enter-from .blu-modal[data-v-580f03f0],
            html[dark] .b-mobile-fullscreen.b-desktop-top.fade-leave-to .blu-modal[data-v-580f03f0] {
                top: -100vh
            }

            html[dark] .b-mobile-fullscreen.b-desktop-top .blu-modal[data-v-580f03f0] {
                bottom: revert
            }
        }

        html[dark] .b-scrim[data-v-580f03f0] {
            --blu-color-scrim-background: rgba(0, 0, 0, .6);
            position: fixed;
            top: 0;
            left: 0;
            z-index: 99;
            width: 100%;
            height: 100%;
            background-color: var(--blu-color-scrim-background);
            display: flex;
            flex-direction: column;
            justify-content: center;
            align-items: center;
            transition: opacity .3s;
            opacity: 1
        }

        html[dark] .fade-enter-active .b-scrim[data-v-580f03f0],
        html[dark] .fade-leave-active .b-scrim[data-v-580f03f0] {
            transition: opacity .3s
        }

        html[dark] .fade-enter-to .b-scrim[data-v-580f03f0] {
            opacity: 1
        }

        html[dark] .fade-leave-to .b-scrim[data-v-580f03f0] {
            opacity: 0
        }
    </style>
    <style>
        html:not([dark]) .blu-modal__header[data-v-48938041] {
            --blu-modal-header-text: 600 20px/24px Blibli, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif;
            --blu-modal-header-color: #19222a;
            --blu-modal-header-icon-color: #797f85;
            --blu-modal-header-padding: 16px;
            --blu-modal-header-gap: 4px;
            padding: var(--blu-modal-header-padding);
            color: var(--blu-modal-header-color)
        }

        @media screen and (max-width: 839px) {
            html:not([dark]) .blu-modal__header[data-v-48938041] {
                --blu-modal-header-padding: 12px 16px
            }
        }

        html:not([dark]) .blu-modal__header-main[data-v-48938041] {
            display: flex;
            width: 100%
        }

        html:not([dark]) .blu-modal__header-main *[data-v-48938041]:not(:last-child):not(.blu-modal__header-main--item-leading) {
            margin-right: var(--blu-modal-header-gap)
        }

        html:not([dark]) .blu-modal__header-main--title[data-v-48938041] {
            font: var(--blu-modal-header-text);
            margin: auto auto auto 0;
            width: 100%;
            overflow: hidden
        }

        @media screen and (max-width: 839px) {
            html:not([dark]) .blu-modal__header-main--title[data-v-48938041] {
                --blu-modal-header-text: 600 16px/20px Blibli, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif
            }
        }

        html:not([dark]) .blu-modal__header-main--item-leading[data-v-48938041],
        html:not([dark]) .blu-modal__header-main--item-trailing[data-v-48938041] {
            color: var(--blu-modal-header-icon-color);
            display: flex;
            cursor: pointer
        }

        html:not([dark]) .blu-modal__header-main--item-leading[data-v-48938041] svg,
        html:not([dark]) .blu-modal__header-main--item-trailing[data-v-48938041] svg {
            padding: 4px;
            box-sizing: content-box
        }

        html:not([dark]) .blu-modal__header-main--item-leading[data-v-48938041] svg:not(:last-child),
        html:not([dark]) .blu-modal__header-main--item-trailing[data-v-48938041] svg:not(:last-child) {
            margin-right: var(--blu-modal-header-gap)
        }

        @media screen and (min-width: 840px),
        print {
            html:not([dark]) .blu-modal__header-main--item-leading[data-v-48938041] {
                order: 3;
                flex-direction: row-reverse;
                margin-left: var(--blu-modal-header-gap)
            }
        }

        @media screen and (max-width: 839px) {
            html:not([dark]) .blu-modal__header-main--item-leading[data-v-48938041] {
                margin-right: var(--blu-modal-header-gap)
            }
        }

        html:not([dark]) .blu-modal__header-main--item-trailing[data-v-48938041] {
            margin-left: auto
        }

        html:not([dark]) .blu-modal__header-main--close-icon[data-v-48938041]:focus {
            outline: none
        }

        html:not([dark]) .blu-modal__header-main--close-icon[data-v-48938041]:focus-visible {
            outline: 2px solid #19222a
        }

        html:not([dark]) .blu-modal__header.b-padding-top-0[data-v-48938041] {
            padding-top: 0
        }

        html:not([dark]) .blu-modal__header.b-padding-bottom-0[data-v-48938041] {
            padding-bottom: 0
        }

        html:not([dark]) .b-info .blu-modal__header[data-v-48938041] {
            --blu-modal-icon-header-status: #a58d33;
            --blu-modal-header-icon-spacing-gap: 4px 0 8px
        }

        html:not([dark]) .b-info .blu-modal__header-status-icon[data-v-48938041] {
            color: var(--blu-modal-icon-header-status);
            display: flex;
            margin: var(--blu-modal-header-icon-spacing-gap)
        }

        html:not([dark]) .b-success .blu-modal__header[data-v-48938041] {
            --blu-modal-icon-header-status: #1f912e;
            --blu-modal-header-icon-spacing-gap: 4px 0 8px
        }

        html:not([dark]) .b-success .blu-modal__header-status-icon[data-v-48938041] {
            color: var(--blu-modal-icon-header-status);
            display: flex;
            margin: var(--blu-modal-header-icon-spacing-gap)
        }

        html:not([dark]) .b-alert .blu-modal__header[data-v-48938041] {
            --blu-modal-icon-header-status: #bc6e06;
            --blu-modal-header-icon-spacing-gap: 4px 0 8px
        }

        html:not([dark]) .b-alert .blu-modal__header-status-icon[data-v-48938041] {
            color: var(--blu-modal-icon-header-status);
            display: flex;
            margin: var(--blu-modal-header-icon-spacing-gap)
        }

        html:not([dark]) .b-danger .blu-modal__header[data-v-48938041] {
            --blu-modal-icon-header-status: #e93c3c;
            --blu-modal-header-icon-spacing-gap: 4px 0 8px
        }

        html:not([dark]) .b-danger .blu-modal__header-status-icon[data-v-48938041] {
            color: var(--blu-modal-icon-header-status);
            display: flex;
            margin: var(--blu-modal-header-icon-spacing-gap)
        }

        html[dark] .blu-modal__header[data-v-48938041] {
            --blu-modal-header-text: 600 20px/24px Blibli, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif;
            --blu-modal-header-color: #ffffff;
            --blu-modal-header-icon-color: #acb0b4;
            --blu-modal-header-padding: 16px;
            --blu-modal-header-gap: 4px;
            padding: var(--blu-modal-header-padding);
            color: var(--blu-modal-header-color)
        }

        @media screen and (max-width: 839px) {
            html[dark] .blu-modal__header[data-v-48938041] {
                --blu-modal-header-padding: 12px 16px
            }
        }

        html[dark] .blu-modal__header-main[data-v-48938041] {
            display: flex;
            width: 100%
        }

        html[dark] .blu-modal__header-main *[data-v-48938041]:not(:last-child):not(.blu-modal__header-main--item-leading) {
            margin-right: var(--blu-modal-header-gap)
        }

        html[dark] .blu-modal__header-main--title[data-v-48938041] {
            font: var(--blu-modal-header-text);
            margin: auto auto auto 0;
            width: 100%;
            overflow: hidden
        }

        @media screen and (max-width: 839px) {
            html[dark] .blu-modal__header-main--title[data-v-48938041] {
                --blu-modal-header-text: 600 16px/20px Blibli, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif
            }
        }

        html[dark] .blu-modal__header-main--item-leading[data-v-48938041],
        html[dark] .blu-modal__header-main--item-trailing[data-v-48938041] {
            color: var(--blu-modal-header-icon-color);
            display: flex;
            cursor: pointer
        }

        html[dark] .blu-modal__header-main--item-leading[data-v-48938041] svg,
        html[dark] .blu-modal__header-main--item-trailing[data-v-48938041] svg {
            padding: 4px;
            box-sizing: content-box
        }

        html[dark] .blu-modal__header-main--item-leading[data-v-48938041] svg:not(:last-child),
        html[dark] .blu-modal__header-main--item-trailing[data-v-48938041] svg:not(:last-child) {
            margin-right: var(--blu-modal-header-gap)
        }

        @media screen and (min-width: 840px),
        print {
            html[dark] .blu-modal__header-main--item-leading[data-v-48938041] {
                order: 3;
                flex-direction: row-reverse;
                margin-left: var(--blu-modal-header-gap)
            }
        }

        @media screen and (max-width: 839px) {
            html[dark] .blu-modal__header-main--item-leading[data-v-48938041] {
                margin-right: var(--blu-modal-header-gap)
            }
        }

        html[dark] .blu-modal__header-main--item-trailing[data-v-48938041] {
            margin-left: auto
        }

        html[dark] .blu-modal__header-main--close-icon[data-v-48938041]:focus {
            outline: none
        }

        html[dark] .blu-modal__header-main--close-icon[data-v-48938041]:focus-visible {
            outline: 2px solid #f9f9fa
        }

        html[dark] .blu-modal__header.b-padding-top-0[data-v-48938041] {
            padding-top: 0
        }

        html[dark] .blu-modal__header.b-padding-bottom-0[data-v-48938041] {
            padding-bottom: 0
        }

        html[dark] .b-info .blu-modal__header[data-v-48938041] {
            --blu-modal-icon-header-status: #4fa4ff;
            --blu-modal-header-icon-spacing-gap: 4px 0 8px
        }

        html[dark] .b-info .blu-modal__header-status-icon[data-v-48938041] {
            color: var(--blu-modal-icon-header-status);
            display: flex;
            margin: var(--blu-modal-header-icon-spacing-gap)
        }

        html[dark] .b-success .blu-modal__header[data-v-48938041] {
            --blu-modal-icon-header-status: #02c82b;
            --blu-modal-header-icon-spacing-gap: 4px 0 8px
        }

        html[dark] .b-success .blu-modal__header-status-icon[data-v-48938041] {
            color: var(--blu-modal-icon-header-status);
            display: flex;
            margin: var(--blu-modal-header-icon-spacing-gap)
        }

        html[dark] .b-alert .blu-modal__header[data-v-48938041] {
            --blu-modal-icon-header-status: #f1ab02;
            --blu-modal-header-icon-spacing-gap: 4px 0 8px
        }

        html[dark] .b-alert .blu-modal__header-status-icon[data-v-48938041] {
            color: var(--blu-modal-icon-header-status);
            display: flex;
            margin: var(--blu-modal-header-icon-spacing-gap)
        }

        html[dark] .b-danger .blu-modal__header[data-v-48938041] {
            --blu-modal-icon-header-status: #ff7373;
            --blu-modal-header-icon-spacing-gap: 4px 0 8px
        }

        html[dark] .b-danger .blu-modal__header-status-icon[data-v-48938041] {
            color: var(--blu-modal-icon-header-status);
            display: flex;
            margin: var(--blu-modal-header-icon-spacing-gap)
        }
    </style>
    <style>
        *[data-v-ee0005ae],
        *[data-v-ee0005ae]:before,
        *[data-v-ee0005ae]:after {
            box-sizing: border-box
        }

        html:not([dark]) .blu-modal__body[data-v-ee0005ae] {
            --blu-modal-body-text: 500 16px/20px Blibli, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif;
            --blu-modal-body-color: rgba(25, 34, 42, .7019607843);
            --blu-modal-body-padding: 4px 16px 12px;
            --blu-modal-body-addition-gap: 8px 16px;
            font: var(--blu-modal-body-text);
            color: var(--blu-modal-body-color);
            display: flex;
            flex-direction: column;
            overscroll-behavior: contain
        }

        html:not([dark]) .blu-modal__body-content[data-v-ee0005ae] {
            padding: var(--blu-modal-body-padding)
        }

        html:not([dark]) .blu-modal__body-addition[data-v-ee0005ae] {
            padding: var(--blu-modal-body-addition-gap)
        }

        html:not([dark]) .blu-modal__body.b-has-no-padding[data-v-ee0005ae] {
            --blu-modal-body-padding: 0
        }

        @media screen and (max-width: 839px) {
            html:not([dark]) .blu-modal__body[data-v-ee0005ae] {
                --blu-modal-body-text: 500 14px/18px Blibli, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif
            }
        }

        html:not([dark]) .b-overflow-y[data-v-ee0005ae] {
            scrollbar-color: rgba(25, 34, 42, .3019607843) transparent;
            scrollbar-width: thin
        }

        html:not([dark]) .b-overflow-y[data-v-ee0005ae]::-webkit-scrollbar {
            width: 4px;
            height: 8px;
            background-color: transparent
        }

        html:not([dark]) .b-overflow-y[data-v-ee0005ae]::-webkit-scrollbar-track {
            margin: 13px 0
        }

        html:not([dark]) .b-overflow-y[data-v-ee0005ae]::-webkit-scrollbar-thumb {
            box-shadow: inset 0 0 14px 14px transparent;
            border-radius: 4px;
            background-color: #19222a4d;
            scrollbar-color: rgba(25, 34, 42, .3019607843)
        }

        html:not([dark]) .b-overflow-y[data-v-ee0005ae]:hover::-webkit-scrollbar {
            width: 4px
        }

        html:not([dark]) .b-overflow-y[data-v-ee0005ae]:hover::-webkit-scrollbar-track {
            border: solid 2px transparent
        }

        html:not([dark]) .b-overflow-y[data-v-ee0005ae]:hover::-webkit-scrollbar-thumb:hover {
            box-shadow: inset 0 0 14px 14px transparent;
            background-color: #19222a4d;
            scrollbar-color: rgba(25, 34, 42, .3019607843) transparent
        }

        html:not([dark]) .b-overflow-y[data-v-ee0005ae]::-webkit-scrollbar-track {
            border-radius: 3px;
            background-color: transparent
        }

        html:not([dark]) .b-overflow-y.hidden[data-v-ee0005ae] {
            scrollbar-width: none
        }

        html:not([dark]) .b-overflow-y.hidden[data-v-ee0005ae]::-webkit-scrollbar-thumb {
            border-radius: 4px;
            background-color: transparent
        }

        html:not([dark]) .b-overflow-y.hidden[data-v-ee0005ae]:hover {
            scrollbar-width: thin
        }

        html:not([dark]) .b-overflow-y.hidden[data-v-ee0005ae]:hover::-webkit-scrollbar-thumb {
            box-shadow: inset 0 0 14px 14px transparent;
            border-radius: 4px;
            background-color: #19222a4d;
            scrollbar-color: rgba(25, 34, 42, .3019607843) transparent
        }

        html:not([dark]) .b-overflow-y.hidden[data-v-ee0005ae]:hover::-webkit-scrollbar-thumb:hover {
            box-shadow: inset 0 0 14px 14px transparent;
            background-color: #19222a4d;
            scrollbar-color: rgba(25, 34, 42, .3019607843) transparent
        }

        html:not([dark]) .b-overflow-y[data-v-ee0005ae] {
            overflow-y: auto;
            margin: 0
        }

        html[dark] .blu-modal__body[data-v-ee0005ae] {
            --blu-modal-body-text: 500 16px/20px Blibli, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif;
            --blu-modal-body-color: rgba(255, 255, 255, .8);
            --blu-modal-body-padding: 4px 16px 12px;
            --blu-modal-body-addition-gap: 8px 16px;
            font: var(--blu-modal-body-text);
            color: var(--blu-modal-body-color);
            display: flex;
            flex-direction: column;
            overscroll-behavior: contain
        }

        html[dark] .blu-modal__body-content[data-v-ee0005ae] {
            padding: var(--blu-modal-body-padding)
        }

        html[dark] .blu-modal__body-addition[data-v-ee0005ae] {
            padding: var(--blu-modal-body-addition-gap)
        }

        html[dark] .blu-modal__body.b-has-no-padding[data-v-ee0005ae] {
            --blu-modal-body-padding: 0
        }

        @media screen and (max-width: 839px) {
            html[dark] .blu-modal__body[data-v-ee0005ae] {
                --blu-modal-body-text: 500 14px/18px Blibli, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif
            }
        }

        html[dark] .b-overflow-y[data-v-ee0005ae] {
            scrollbar-color: rgba(255, 255, 255, .3019607843) transparent;
            scrollbar-width: thin
        }

        html[dark] .b-overflow-y[data-v-ee0005ae]::-webkit-scrollbar {
            width: 4px;
            height: 8px;
            background-color: transparent
        }

        html[dark] .b-overflow-y[data-v-ee0005ae]::-webkit-scrollbar-track {
            margin: 13px 0
        }

        html[dark] .b-overflow-y[data-v-ee0005ae]::-webkit-scrollbar-thumb {
            box-shadow: inset 0 0 14px 14px transparent;
            border-radius: 4px;
            background-color: #ffffff4d;
            scrollbar-color: rgba(255, 255, 255, .3019607843)
        }

        html[dark] .b-overflow-y[data-v-ee0005ae]:hover::-webkit-scrollbar {
            width: 4px
        }

        html[dark] .b-overflow-y[data-v-ee0005ae]:hover::-webkit-scrollbar-track {
            border: solid 2px transparent
        }

        html[dark] .b-overflow-y[data-v-ee0005ae]:hover::-webkit-scrollbar-thumb:hover {
            box-shadow: inset 0 0 14px 14px transparent;
            background-color: #ffffff4d;
            scrollbar-color: rgba(255, 255, 255, .3019607843) transparent
        }

        html[dark] .b-overflow-y[data-v-ee0005ae]::-webkit-scrollbar-track {
            border-radius: 3px;
            background-color: transparent
        }

        html[dark] .b-overflow-y.hidden[data-v-ee0005ae] {
            scrollbar-width: none
        }

        html[dark] .b-overflow-y.hidden[data-v-ee0005ae]::-webkit-scrollbar-thumb {
            border-radius: 4px;
            background-color: transparent
        }

        html[dark] .b-overflow-y.hidden[data-v-ee0005ae]:hover {
            scrollbar-width: thin
        }

        html[dark] .b-overflow-y.hidden[data-v-ee0005ae]:hover::-webkit-scrollbar-thumb {
            box-shadow: inset 0 0 14px 14px transparent;
            border-radius: 4px;
            background-color: #ffffff4d;
            scrollbar-color: rgba(255, 255, 255, .3019607843) transparent
        }

        html[dark] .b-overflow-y.hidden[data-v-ee0005ae]:hover::-webkit-scrollbar-thumb:hover {
            box-shadow: inset 0 0 14px 14px transparent;
            background-color: #ffffff4d;
            scrollbar-color: rgba(255, 255, 255, .3019607843) transparent
        }

        html[dark] .b-overflow-y[data-v-ee0005ae] {
            overflow-y: auto;
            margin: 0
        }
    </style>
    <style>
        html:not([dark]) .b-overflow-y[data-v-7b49b436] {
            scrollbar-color: rgba(25, 34, 42, .3019607843) transparent;
            scrollbar-width: thin
        }

        html:not([dark]) .b-overflow-y[data-v-7b49b436]::-webkit-scrollbar {
            width: 4px;
            height: 8px;
            background-color: transparent
        }

        html:not([dark]) .b-overflow-y[data-v-7b49b436]::-webkit-scrollbar-track {
            margin: 13px 0
        }

        html:not([dark]) .b-overflow-y[data-v-7b49b436]::-webkit-scrollbar-thumb {
            box-shadow: inset 0 0 14px 14px transparent;
            border-radius: 4px;
            background-color: #19222a4d;
            scrollbar-color: rgba(25, 34, 42, .3019607843)
        }

        html:not([dark]) .b-overflow-y[data-v-7b49b436]:hover::-webkit-scrollbar {
            width: 4px
        }

        html:not([dark]) .b-overflow-y[data-v-7b49b436]:hover::-webkit-scrollbar-track {
            border: solid 2px transparent
        }

        html:not([dark]) .b-overflow-y[data-v-7b49b436]:hover::-webkit-scrollbar-thumb:hover {
            box-shadow: inset 0 0 14px 14px transparent;
            background-color: #19222a4d;
            scrollbar-color: rgba(25, 34, 42, .3019607843) transparent
        }

        html:not([dark]) .b-overflow-y[data-v-7b49b436]::-webkit-scrollbar-track {
            border-radius: 3px;
            background-color: transparent
        }

        html:not([dark]) .b-overflow-y.hidden[data-v-7b49b436] {
            scrollbar-width: none
        }

        html:not([dark]) .b-overflow-y.hidden[data-v-7b49b436]::-webkit-scrollbar-thumb {
            border-radius: 4px;
            background-color: transparent
        }

        html:not([dark]) .b-overflow-y.hidden[data-v-7b49b436]:hover {
            scrollbar-width: thin
        }

        html:not([dark]) .b-overflow-y.hidden[data-v-7b49b436]:hover::-webkit-scrollbar-thumb {
            box-shadow: inset 0 0 14px 14px transparent;
            border-radius: 4px;
            background-color: #19222a4d;
            scrollbar-color: rgba(25, 34, 42, .3019607843) transparent
        }

        html:not([dark]) .b-overflow-y.hidden[data-v-7b49b436]:hover::-webkit-scrollbar-thumb:hover {
            box-shadow: inset 0 0 14px 14px transparent;
            background-color: #19222a4d;
            scrollbar-color: rgba(25, 34, 42, .3019607843) transparent
        }

        html:not([dark]) .b-overflow-y[data-v-7b49b436] {
            overflow-y: auto;
            margin: 0
        }

        html:not([dark]) .blu-list__child .blu-list-group[data-v-7b49b436] {
            overflow: hidden
        }

        html:not([dark]) .blu-list__child .blu-list-group[data-v-7b49b436]:not(.b-none):not(.b-group) .blu-list-item:first-child:before {
            content: "";
            position: absolute;
            width: calc(100% - 16px);
            left: 8px;
            border-top: solid 1px #c8cbcd
        }

        html:not([dark]) .blu-list-group[data-v-7b49b436]:not(.b-none):not(.b-group)>.blu-list-item:not(:first-child):before {
            border-top: solid 1px #c8cbcd;
            content: "";
            position: absolute;
            width: calc(100% - 16px);
            left: 8px
        }

        html:not([dark]) .blu-list-group.b-group[data-v-7b49b436]>.blu-list-item:last-child:after {
            border-bottom: solid 1px #c8cbcd;
            content: "";
            position: absolute;
            width: calc(100% - 16px);
            left: 8px
        }

        html[dark] .b-overflow-y[data-v-7b49b436] {
            scrollbar-color: rgba(255, 255, 255, .3019607843) transparent;
            scrollbar-width: thin
        }

        html[dark] .b-overflow-y[data-v-7b49b436]::-webkit-scrollbar {
            width: 4px;
            height: 8px;
            background-color: transparent
        }

        html[dark] .b-overflow-y[data-v-7b49b436]::-webkit-scrollbar-track {
            margin: 13px 0
        }

        html[dark] .b-overflow-y[data-v-7b49b436]::-webkit-scrollbar-thumb {
            box-shadow: inset 0 0 14px 14px transparent;
            border-radius: 4px;
            background-color: #ffffff4d;
            scrollbar-color: rgba(255, 255, 255, .3019607843)
        }

        html[dark] .b-overflow-y[data-v-7b49b436]:hover::-webkit-scrollbar {
            width: 4px
        }

        html[dark] .b-overflow-y[data-v-7b49b436]:hover::-webkit-scrollbar-track {
            border: solid 2px transparent
        }

        html[dark] .b-overflow-y[data-v-7b49b436]:hover::-webkit-scrollbar-thumb:hover {
            box-shadow: inset 0 0 14px 14px transparent;
            background-color: #ffffff4d;
            scrollbar-color: rgba(255, 255, 255, .3019607843) transparent
        }

        html[dark] .b-overflow-y[data-v-7b49b436]::-webkit-scrollbar-track {
            border-radius: 3px;
            background-color: transparent
        }

        html[dark] .b-overflow-y.hidden[data-v-7b49b436] {
            scrollbar-width: none
        }

        html[dark] .b-overflow-y.hidden[data-v-7b49b436]::-webkit-scrollbar-thumb {
            border-radius: 4px;
            background-color: transparent
        }

        html[dark] .b-overflow-y.hidden[data-v-7b49b436]:hover {
            scrollbar-width: thin
        }

        html[dark] .b-overflow-y.hidden[data-v-7b49b436]:hover::-webkit-scrollbar-thumb {
            box-shadow: inset 0 0 14px 14px transparent;
            border-radius: 4px;
            background-color: #ffffff4d;
            scrollbar-color: rgba(255, 255, 255, .3019607843) transparent
        }

        html[dark] .b-overflow-y.hidden[data-v-7b49b436]:hover::-webkit-scrollbar-thumb:hover {
            box-shadow: inset 0 0 14px 14px transparent;
            background-color: #ffffff4d;
            scrollbar-color: rgba(255, 255, 255, .3019607843) transparent
        }

        html[dark] .b-overflow-y[data-v-7b49b436] {
            overflow-y: auto;
            margin: 0
        }

        html[dark] .blu-list__child .blu-list-group[data-v-7b49b436] {
            overflow: hidden
        }

        html[dark] .blu-list__child .blu-list-group[data-v-7b49b436]:not(.b-none):not(.b-group) .blu-list-item:first-child:before {
            content: "";
            position: absolute;
            width: calc(100% - 16px);
            left: 8px;
            border-top: solid 1px #60686e
        }

        html[dark] .blu-list-group[data-v-7b49b436]:not(.b-none):not(.b-group)>.blu-list-item:not(:first-child):before {
            border-top: solid 1px #60686e;
            content: "";
            position: absolute;
            width: calc(100% - 16px);
            left: 8px
        }

        html[dark] .blu-list-group.b-group[data-v-7b49b436]>.blu-list-item:last-child:after {
            border-bottom: solid 1px #60686e;
            content: "";
            position: absolute;
            width: calc(100% - 16px);
            left: 8px
        }
    </style>
    <style>
        html:not([dark]) .blu-checkbox[data-v-03e81a59] {
            --blu-checkbox-spacing-padding: 4px 0;
            --blu-checkbox-icon-size: 22px;
            --blu-checkbox-icon-border-radius: 4px;
            --blu-checkbox-icon-padding: 2px;
            --blu-checkbox-container-border-radius: 4px;
            --blu-checkbox-container-border-width: 1px;
            --blu-checkbox-content-spacing-padding: 2px 0;
            --blu-checkbox-label-text: 500 14px/18px Blibli, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif;
            --blu-checkbox-container-color-border: #c8cbcd;
            --blu-checkbox-label-color-text: rgba(25, 34, 42, .7019607843);
            --blu-checkbox-cursor: pointer;
            --blu-checkbox-asset-color-border: #ffffff;
            display: inline-flex;
            position: relative;
            padding: var(--blu-checkbox-spacing-padding);
            outline: none
        }

        html:not([dark]) .blu-checkbox[data-v-03e81a59],
        html:not([dark]) .blu-checkbox *[data-v-03e81a59] {
            cursor: var(--blu-checkbox-cursor)
        }

        html:not([dark]) .blu-checkbox>*[data-v-03e81a59]:not(:last-child) {
            margin-right: 4px
        }

        html:not([dark]) .blu-checkbox input[type=checkbox][data-v-03e81a59] {
            display: none
        }

        html:not([dark]) .blu-checkbox__icon[data-v-03e81a59] {
            box-sizing: border-box;
            width: var(--blu-checkbox-icon-size);
            height: var(--blu-checkbox-icon-size);
            border-radius: var(--blu-checkbox-icon-border-radius);
            padding: var(--blu-checkbox-icon-padding);
            background: var(--blu-checkbox-icon-color-background);
            box-shadow: inset 0 0 0 var(--blu-checkbox-icon-border-width);
            color: var(--blu-checkbox-icon-color-border);
            flex-shrink: 0
        }

        html:not([dark]) .blu-checkbox__container[data-v-03e81a59] {
            display: flex;
            align-items: center;
            justify-content: center;
            width: 100%;
            height: 100%;
            border-radius: var(--blu-checkbox-container-border-radius);
            box-shadow: inset 0 0 0 var(--blu-checkbox-container-border-width);
            color: var(--blu-checkbox-container-color-border);
            background: var(--blu-checkbox-container-color-background)
        }

        html:not([dark]) .blu-checkbox__container .blu-checkbox__container-asset[data-v-03e81a59] {
            transform: rotate(-45deg) translateY(-4px) translate(-3px)
        }

        html:not([dark]) .blu-checkbox__container .blu-checkbox__container-asset[data-v-03e81a59]:before,
        html:not([dark]) .blu-checkbox__container .blu-checkbox__container-asset[data-v-03e81a59]:after {
            position: absolute;
            content: "";
            opacity: 0;
            border-radius: 4px
        }

        html:not([dark]) .blu-checkbox__container .blu-checkbox__container-asset[data-v-03e81a59]:before {
            height: 0
        }

        html:not([dark]) .blu-checkbox__container .blu-checkbox__container-asset[data-v-03e81a59]:before {
            width: 2px
        }

        html:not([dark]) .blu-checkbox__container .blu-checkbox__container-asset[data-v-03e81a59]:after {
            width: 0;
            height: 2px;
            transform: translateY(4px)
        }

        html:not([dark]) .blu-checkbox__content[data-v-03e81a59] {
            display: flex;
            flex-direction: column;
            padding: var(--blu-checkbox-content-spacing-padding);
            font: var(--blu-checkbox-label-text);
            color: var(--blu-checkbox-label-color-text)
        }

        html:not([dark]) .blu-checkbox__content>*[data-v-03e81a59]:not(:last-child) {
            margin-bottom: 4px
        }

        html:not([dark]) .blu-checkbox[data-v-03e81a59]:not(.b-disabled):hover {
            --blu-checkbox-icon-color-background: #f9f9fa
        }

        html:not([dark]) .blu-checkbox:not(.b-disabled):hover input[type=checkbox]:checked~.blu-checkbox__icon[data-v-03e81a59],
        html:not([dark]) .blu-checkbox:not(.b-disabled):hover input[type=checkbox]:indeterminate~.blu-checkbox__icon[data-v-03e81a59] {
            --blu-checkbox-icon-color-background: #f3f9ff
        }

        html:not([dark]) .blu-checkbox.b-error>input[type=checkbox]:not(:checked):not(:indeterminate)~.blu-checkbox__icon[data-v-03e81a59] {
            --blu-checkbox-container-color-border: #ff4646
        }

        html:not([dark]) .blu-checkbox.b-error>input[type=checkbox]:not(:checked):not(:indeterminate)~.blu-checkbox__content[data-v-03e81a59] {
            --blu-checkbox-label-color-text: #d33534
        }

        html:not([dark]) .blu-checkbox input[type=checkbox]:checked~.blu-checkbox__icon[data-v-03e81a59] {
            --blu-checkbox-container-color-background: #1d8fff;
            --blu-checkbox-container-color-border: #1d8fff
        }

        html:not([dark]) .blu-checkbox input[type=checkbox]:checked~.blu-checkbox__icon .blu-checkbox__container[data-v-03e81a59] {
            animation: bounce-03e81a59 .3s ease-out
        }

        html:not([dark]) .blu-checkbox input[type=checkbox]:checked~.blu-checkbox__icon .blu-checkbox__container-asset[data-v-03e81a59] {
            visibility: visible
        }

        html:not([dark]) .blu-checkbox input[type=checkbox]:checked~.blu-checkbox__icon .blu-checkbox__container-asset[data-v-03e81a59]:before,
        html:not([dark]) .blu-checkbox input[type=checkbox]:checked~.blu-checkbox__icon .blu-checkbox__container-asset[data-v-03e81a59]:after {
            background: var(--blu-checkbox-asset-color-border);
            opacity: 1;
            transition: all .1s .1s
        }

        html:not([dark]) .blu-checkbox input[type=checkbox]:checked~.blu-checkbox__icon .blu-checkbox__container-asset[data-v-03e81a59]:before {
            height: 6px
        }

        html:not([dark]) .blu-checkbox input[type=checkbox]:checked~.blu-checkbox__icon .blu-checkbox__container-asset[data-v-03e81a59]:after {
            width: 8px
        }

        html:not([dark]) .blu-checkbox[data-v-03e81a59]:not(.b-disabled):focus-visible {
            --blu-checkbox-icon-color-background: #f9f9fa;
            --blu-checkbox-icon-color-border: #19222a
        }

        html:not([dark]) .blu-checkbox[data-v-03e81a59]:not(.b-disabled):focus-visible:not(.b-small) {
            --blu-checkbox-icon-border-width: 2px
        }

        html:not([dark]) .blu-checkbox:not(.b-disabled):focus-visible input[type=checkbox]:checked~.blu-checkbox__icon[data-v-03e81a59],
        html:not([dark]) .blu-checkbox:not(.b-disabled):focus-visible input[type=checkbox]:indeterminate~.blu-checkbox__icon[data-v-03e81a59] {
            --blu-checkbox-icon-color-background: #f3f9ff
        }

        html:not([dark]) .blu-checkbox.b-disabled[data-v-03e81a59] {
            --blu-checkbox-cursor: not-allowed;
            --blu-checkbox-container-color-border: #f1f2f2;
            --blu-checkbox-label-color-text: rgba(25, 34, 42, .3019607843);
            --blu-checkbox-asset-color-border: #ffffff;
            --blu-checkbox-container-color-background: #f9f9fa;
            user-select: auto
        }

        html:not([dark]) .blu-checkbox.b-disabled input[type=checkbox]:checked~.blu-checkbox__icon[data-v-03e81a59],
        html:not([dark]) .blu-checkbox.b-disabled input[type=checkbox]:indeterminate~.blu-checkbox__icon[data-v-03e81a59] {
            --blu-checkbox-container-color-border: transparent;
            --blu-checkbox-container-color-background: rgba(25, 34, 42, .3019607843)
        }

        html:not([dark]) .blu-checkbox.b-small[data-v-03e81a59] {
            --blu-checkbox-icon-size: 18px;
            --blu-checkbox-icon-padding: 2px;
            --blu-checkbox-icon-border-radius: 4px;
            --blu-checkbox-container-border-radius: 4px;
            --blu-checkbox-container-border-width: 1px;
            --blu-checkbox-content-spacing-padding: 0;
            --blu-checkbox-label-text: 500 14px/18px Blibli, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif;
            --blu-checkbox-spacing-padding: 3px 0
        }

        html:not([dark]) .blu-checkbox.b-small[data-v-03e81a59]:focus-visible {
            --blu-checkbox-icon-border-width: 2px
        }

        html:not([dark]) .blu-checkbox.b-small .blu-checkbox__container-asset[data-v-03e81a59] {
            transform: rotate(-49deg) translateY(-4px) translate(-2px)
        }

        html:not([dark]) .blu-checkbox.b-small .blu-checkbox__container-asset[data-v-03e81a59]:before,
        html:not([dark]) .blu-checkbox.b-small .blu-checkbox__container-asset[data-v-03e81a59]:after {
            position: absolute;
            content: "";
            opacity: 0;
            border-radius: 4px
        }

        html:not([dark]) .blu-checkbox.b-small .blu-checkbox__container-asset[data-v-03e81a59]:before {
            height: 0
        }

        html:not([dark]) .blu-checkbox.b-small .blu-checkbox__container-asset[data-v-03e81a59]:before {
            top: 1px
        }

        html:not([dark]) .blu-checkbox.b-small input[type=checkbox]:checked~.blu-checkbox__icon .blu-checkbox__container[data-v-03e81a59] {
            animation: bounce-03e81a59 .3s ease-out
        }

        html:not([dark]) .blu-checkbox.b-small input[type=checkbox]:checked~.blu-checkbox__icon .blu-checkbox__container-asset[data-v-03e81a59] {
            visibility: visible
        }

        html:not([dark]) .blu-checkbox.b-small input[type=checkbox]:checked~.blu-checkbox__icon .blu-checkbox__container-asset[data-v-03e81a59]:before,
        html:not([dark]) .blu-checkbox.b-small input[type=checkbox]:checked~.blu-checkbox__icon .blu-checkbox__container-asset[data-v-03e81a59]:after {
            background: var(--blu-checkbox-asset-color-border);
            opacity: 1;
            transition: all .1s .1s
        }

        html:not([dark]) .blu-checkbox.b-small input[type=checkbox]:checked~.blu-checkbox__icon .blu-checkbox__container-asset[data-v-03e81a59]:before {
            height: 4px
        }

        html:not([dark]) .blu-checkbox.b-small input[type=checkbox]:checked~.blu-checkbox__icon .blu-checkbox__container-asset[data-v-03e81a59]:after {
            width: 6px
        }

        html:not([dark]) .blu-checkbox.b-small.b-partial .blu-checkbox__container-asset[data-v-03e81a59] {
            transform: rotate(90deg) translateY(-5px) translate(-1px)
        }

        html:not([dark]) .blu-checkbox.b-small.b-partial .blu-checkbox__container-asset[data-v-03e81a59]:before,
        html:not([dark]) .blu-checkbox.b-small.b-partial .blu-checkbox__container-asset[data-v-03e81a59]:after {
            position: absolute;
            content: "";
            opacity: 0;
            border-radius: 4px
        }

        html:not([dark]) .blu-checkbox.b-small.b-partial .blu-checkbox__container-asset[data-v-03e81a59]:before {
            height: 0
        }

        html:not([dark]) .blu-checkbox.b-partial[data-v-03e81a59] {
            --blu-checkbox-container-color-background: #1d8fff;
            --blu-checkbox-container-color-border: #1d8fff
        }

        html:not([dark]) .blu-checkbox.b-partial .blu-checkbox__container-asset[data-v-03e81a59] {
            transform: rotate(90deg) translateY(-4px) translate(-1px)
        }

        html:not([dark]) .blu-checkbox.b-partial .blu-checkbox__container-asset[data-v-03e81a59]:before,
        html:not([dark]) .blu-checkbox.b-partial .blu-checkbox__container-asset[data-v-03e81a59]:after {
            position: absolute;
            content: "";
            opacity: 0;
            border-radius: 4px
        }

        html:not([dark]) .blu-checkbox.b-partial .blu-checkbox__container-asset[data-v-03e81a59]:before {
            height: 0
        }

        html:not([dark]) .blu-checkbox.b-partial .blu-checkbox__container-asset[data-v-03e81a59]:before {
            width: 2px
        }

        html:not([dark]) .blu-checkbox.b-partial .blu-checkbox__container-asset[data-v-03e81a59]:after {
            display: none
        }

        html:not([dark]) .blu-checkbox.b-partial input[type=checkbox]:indeterminate+.blu-checkbox__icon .blu-checkbox__container[data-v-03e81a59] {
            animation: bounce-03e81a59 .3s ease-out
        }

        html:not([dark]) .blu-checkbox.b-partial input[type=checkbox]:indeterminate+.blu-checkbox__icon .blu-checkbox__container-asset[data-v-03e81a59] {
            visibility: visible
        }

        html:not([dark]) .blu-checkbox.b-partial input[type=checkbox]:indeterminate+.blu-checkbox__icon .blu-checkbox__container-asset[data-v-03e81a59]:before,
        html:not([dark]) .blu-checkbox.b-partial input[type=checkbox]:indeterminate+.blu-checkbox__icon .blu-checkbox__container-asset[data-v-03e81a59]:after {
            background: var(--blu-checkbox-asset-color-border);
            opacity: 1;
            transition: all .1s .1s
        }

        html:not([dark]) .blu-checkbox.b-partial input[type=checkbox]:indeterminate+.blu-checkbox__icon .blu-checkbox__container-asset[data-v-03e81a59]:before {
            height: 8px
        }

        @keyframes bounce-03e81a59 {
            25% {
                transform: scale(.9)
            }

            50% {
                transform: scale(1.1)
            }
        }

        html[dark] .blu-checkbox[data-v-03e81a59] {
            --blu-checkbox-spacing-padding: 4px 0;
            --blu-checkbox-icon-size: 22px;
            --blu-checkbox-icon-border-radius: 4px;
            --blu-checkbox-icon-padding: 2px;
            --blu-checkbox-container-border-radius: 4px;
            --blu-checkbox-container-border-width: 1px;
            --blu-checkbox-content-spacing-padding: 2px 0;
            --blu-checkbox-label-text: 500 14px/18px Blibli, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif;
            --blu-checkbox-container-color-border: #60686e;
            --blu-checkbox-label-color-text: rgba(255, 255, 255, .8);
            --blu-checkbox-cursor: pointer;
            --blu-checkbox-asset-color-border: #ffffff;
            display: inline-flex;
            position: relative;
            padding: var(--blu-checkbox-spacing-padding);
            outline: none
        }

        html[dark] .blu-checkbox[data-v-03e81a59],
        html[dark] .blu-checkbox *[data-v-03e81a59] {
            cursor: var(--blu-checkbox-cursor)
        }

        html[dark] .blu-checkbox>*[data-v-03e81a59]:not(:last-child) {
            margin-right: 4px
        }

        html[dark] .blu-checkbox input[type=checkbox][data-v-03e81a59] {
            display: none
        }

        html[dark] .blu-checkbox__icon[data-v-03e81a59] {
            box-sizing: border-box;
            width: var(--blu-checkbox-icon-size);
            height: var(--blu-checkbox-icon-size);
            border-radius: var(--blu-checkbox-icon-border-radius);
            padding: var(--blu-checkbox-icon-padding);
            background: var(--blu-checkbox-icon-color-background);
            box-shadow: inset 0 0 0 var(--blu-checkbox-icon-border-width);
            color: var(--blu-checkbox-icon-color-border);
            flex-shrink: 0
        }

        html[dark] .blu-checkbox__container[data-v-03e81a59] {
            display: flex;
            align-items: center;
            justify-content: center;
            width: 100%;
            height: 100%;
            border-radius: var(--blu-checkbox-container-border-radius);
            box-shadow: inset 0 0 0 var(--blu-checkbox-container-border-width);
            color: var(--blu-checkbox-container-color-border);
            background: var(--blu-checkbox-container-color-background)
        }

        html[dark] .blu-checkbox__container .blu-checkbox__container-asset[data-v-03e81a59] {
            transform: rotate(-45deg) translateY(-4px) translate(-3px)
        }

        html[dark] .blu-checkbox__container .blu-checkbox__container-asset[data-v-03e81a59]:before,
        html[dark] .blu-checkbox__container .blu-checkbox__container-asset[data-v-03e81a59]:after {
            position: absolute;
            content: "";
            opacity: 0;
            border-radius: 4px
        }

        html[dark] .blu-checkbox__container .blu-checkbox__container-asset[data-v-03e81a59]:before {
            height: 0
        }

        html[dark] .blu-checkbox__container .blu-checkbox__container-asset[data-v-03e81a59]:before {
            width: 2px
        }

        html[dark] .blu-checkbox__container .blu-checkbox__container-asset[data-v-03e81a59]:after {
            width: 0;
            height: 2px;
            transform: translateY(4px)
        }

        html[dark] .blu-checkbox__content[data-v-03e81a59] {
            display: flex;
            flex-direction: column;
            padding: var(--blu-checkbox-content-spacing-padding);
            font: var(--blu-checkbox-label-text);
            color: var(--blu-checkbox-label-color-text)
        }

        html[dark] .blu-checkbox__content>*[data-v-03e81a59]:not(:last-child) {
            margin-bottom: 4px
        }

        html[dark] .blu-checkbox[data-v-03e81a59]:not(.b-disabled):hover {
            --blu-checkbox-icon-color-background: #19222a
        }

        html[dark] .blu-checkbox:not(.b-disabled):hover input[type=checkbox]:checked~.blu-checkbox__icon[data-v-03e81a59],
        html[dark] .blu-checkbox:not(.b-disabled):hover input[type=checkbox]:indeterminate~.blu-checkbox__icon[data-v-03e81a59] {
            --blu-checkbox-icon-color-background: #002e7a
        }

        html[dark] .blu-checkbox.b-error>input[type=checkbox]:not(:checked):not(:indeterminate)~.blu-checkbox__icon[data-v-03e81a59] {
            --blu-checkbox-container-color-border: #ff7373
        }

        html[dark] .blu-checkbox.b-error>input[type=checkbox]:not(:checked):not(:indeterminate)~.blu-checkbox__content[data-v-03e81a59] {
            --blu-checkbox-label-color-text: #ff7373
        }

        html[dark] .blu-checkbox input[type=checkbox]:checked~.blu-checkbox__icon[data-v-03e81a59] {
            --blu-checkbox-container-color-background: #1d8fff;
            --blu-checkbox-container-color-border: #1d8fff
        }

        html[dark] .blu-checkbox input[type=checkbox]:checked~.blu-checkbox__icon .blu-checkbox__container[data-v-03e81a59] {
            animation: bounce-03e81a59 .3s ease-out
        }

        html[dark] .blu-checkbox input[type=checkbox]:checked~.blu-checkbox__icon .blu-checkbox__container-asset[data-v-03e81a59] {
            visibility: visible
        }

        html[dark] .blu-checkbox input[type=checkbox]:checked~.blu-checkbox__icon .blu-checkbox__container-asset[data-v-03e81a59]:before,
        html[dark] .blu-checkbox input[type=checkbox]:checked~.blu-checkbox__icon .blu-checkbox__container-asset[data-v-03e81a59]:after {
            background: var(--blu-checkbox-asset-color-border);
            opacity: 1;
            transition: all .1s .1s
        }

        html[dark] .blu-checkbox input[type=checkbox]:checked~.blu-checkbox__icon .blu-checkbox__container-asset[data-v-03e81a59]:before {
            height: 6px
        }

        html[dark] .blu-checkbox input[type=checkbox]:checked~.blu-checkbox__icon .blu-checkbox__container-asset[data-v-03e81a59]:after {
            width: 8px
        }

        html[dark] .blu-checkbox[data-v-03e81a59]:not(.b-disabled):focus-visible {
            --blu-checkbox-icon-color-background: #19222a;
            --blu-checkbox-icon-color-border: #f9f9fa
        }

        html[dark] .blu-checkbox[data-v-03e81a59]:not(.b-disabled):focus-visible:not(.b-small) {
            --blu-checkbox-icon-border-width: 2px
        }

        html[dark] .blu-checkbox:not(.b-disabled):focus-visible input[type=checkbox]:checked~.blu-checkbox__icon[data-v-03e81a59],
        html[dark] .blu-checkbox:not(.b-disabled):focus-visible input[type=checkbox]:indeterminate~.blu-checkbox__icon[data-v-03e81a59] {
            --blu-checkbox-icon-color-background: #002e7a
        }

        html[dark] .blu-checkbox.b-disabled[data-v-03e81a59] {
            --blu-checkbox-cursor: not-allowed;
            --blu-checkbox-container-color-border: #28323b;
            --blu-checkbox-label-color-text: rgba(255, 255, 255, .3019607843);
            --blu-checkbox-asset-color-border: #12171d;
            --blu-checkbox-container-color-background: #19222a;
            user-select: auto
        }

        html[dark] .blu-checkbox.b-disabled input[type=checkbox]:checked~.blu-checkbox__icon[data-v-03e81a59],
        html[dark] .blu-checkbox.b-disabled input[type=checkbox]:indeterminate~.blu-checkbox__icon[data-v-03e81a59] {
            --blu-checkbox-container-color-border: transparent;
            --blu-checkbox-container-color-background: rgba(255, 255, 255, .3019607843)
        }

        html[dark] .blu-checkbox.b-small[data-v-03e81a59] {
            --blu-checkbox-icon-size: 18px;
            --blu-checkbox-icon-padding: 2px;
            --blu-checkbox-icon-border-radius: 4px;
            --blu-checkbox-container-border-radius: 4px;
            --blu-checkbox-container-border-width: 1px;
            --blu-checkbox-content-spacing-padding: 0;
            --blu-checkbox-label-text: 500 14px/18px Blibli, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif;
            --blu-checkbox-spacing-padding: 3px 0
        }

        html[dark] .blu-checkbox.b-small[data-v-03e81a59]:focus-visible {
            --blu-checkbox-icon-border-width: 2px
        }

        html[dark] .blu-checkbox.b-small .blu-checkbox__container-asset[data-v-03e81a59] {
            transform: rotate(-49deg) translateY(-4px) translate(-2px)
        }

        html[dark] .blu-checkbox.b-small .blu-checkbox__container-asset[data-v-03e81a59]:before,
        html[dark] .blu-checkbox.b-small .blu-checkbox__container-asset[data-v-03e81a59]:after {
            position: absolute;
            content: "";
            opacity: 0;
            border-radius: 4px
        }

        html[dark] .blu-checkbox.b-small .blu-checkbox__container-asset[data-v-03e81a59]:before {
            height: 0
        }

        html[dark] .blu-checkbox.b-small .blu-checkbox__container-asset[data-v-03e81a59]:before {
            top: 1px
        }

        html[dark] .blu-checkbox.b-small input[type=checkbox]:checked~.blu-checkbox__icon .blu-checkbox__container[data-v-03e81a59] {
            animation: bounce-03e81a59 .3s ease-out
        }

        html[dark] .blu-checkbox.b-small input[type=checkbox]:checked~.blu-checkbox__icon .blu-checkbox__container-asset[data-v-03e81a59] {
            visibility: visible
        }

        html[dark] .blu-checkbox.b-small input[type=checkbox]:checked~.blu-checkbox__icon .blu-checkbox__container-asset[data-v-03e81a59]:before,
        html[dark] .blu-checkbox.b-small input[type=checkbox]:checked~.blu-checkbox__icon .blu-checkbox__container-asset[data-v-03e81a59]:after {
            background: var(--blu-checkbox-asset-color-border);
            opacity: 1;
            transition: all .1s .1s
        }

        html[dark] .blu-checkbox.b-small input[type=checkbox]:checked~.blu-checkbox__icon .blu-checkbox__container-asset[data-v-03e81a59]:before {
            height: 4px
        }

        html[dark] .blu-checkbox.b-small input[type=checkbox]:checked~.blu-checkbox__icon .blu-checkbox__container-asset[data-v-03e81a59]:after {
            width: 6px
        }

        html[dark] .blu-checkbox.b-small.b-partial .blu-checkbox__container-asset[data-v-03e81a59] {
            transform: rotate(90deg) translateY(-5px) translate(-1px)
        }

        html[dark] .blu-checkbox.b-small.b-partial .blu-checkbox__container-asset[data-v-03e81a59]:before,
        html[dark] .blu-checkbox.b-small.b-partial .blu-checkbox__container-asset[data-v-03e81a59]:after {
            position: absolute;
            content: "";
            opacity: 0;
            border-radius: 4px
        }

        html[dark] .blu-checkbox.b-small.b-partial .blu-checkbox__container-asset[data-v-03e81a59]:before {
            height: 0
        }

        html[dark] .blu-checkbox.b-partial[data-v-03e81a59] {
            --blu-checkbox-container-color-background: #1d8fff;
            --blu-checkbox-container-color-border: #1d8fff
        }

        html[dark] .blu-checkbox.b-partial .blu-checkbox__container-asset[data-v-03e81a59] {
            transform: rotate(90deg) translateY(-4px) translate(-1px)
        }

        html[dark] .blu-checkbox.b-partial .blu-checkbox__container-asset[data-v-03e81a59]:before,
        html[dark] .blu-checkbox.b-partial .blu-checkbox__container-asset[data-v-03e81a59]:after {
            position: absolute;
            content: "";
            opacity: 0;
            border-radius: 4px
        }

        html[dark] .blu-checkbox.b-partial .blu-checkbox__container-asset[data-v-03e81a59]:before {
            height: 0
        }

        html[dark] .blu-checkbox.b-partial .blu-checkbox__container-asset[data-v-03e81a59]:before {
            width: 2px
        }

        html[dark] .blu-checkbox.b-partial .blu-checkbox__container-asset[data-v-03e81a59]:after {
            display: none
        }

        html[dark] .blu-checkbox.b-partial input[type=checkbox]:indeterminate+.blu-checkbox__icon .blu-checkbox__container[data-v-03e81a59] {
            animation: bounce-03e81a59 .3s ease-out
        }

        html[dark] .blu-checkbox.b-partial input[type=checkbox]:indeterminate+.blu-checkbox__icon .blu-checkbox__container-asset[data-v-03e81a59] {
            visibility: visible
        }

        html[dark] .blu-checkbox.b-partial input[type=checkbox]:indeterminate+.blu-checkbox__icon .blu-checkbox__container-asset[data-v-03e81a59]:before,
        html[dark] .blu-checkbox.b-partial input[type=checkbox]:indeterminate+.blu-checkbox__icon .blu-checkbox__container-asset[data-v-03e81a59]:after {
            background: var(--blu-checkbox-asset-color-border);
            opacity: 1;
            transition: all .1s .1s
        }

        html[dark] .blu-checkbox.b-partial input[type=checkbox]:indeterminate+.blu-checkbox__icon .blu-checkbox__container-asset[data-v-03e81a59]:before {
            height: 8px
        }

        html:not([dark]) .blu-loader-general[data-v-5f0af726] {
            --blu-loader-general-highlight-color-background: #1d8fff;
            --blu-loader-general-base-color-background: #f1f2f2;
            width: var(--blu-loader-general-size);
            height: var(--blu-loader-general-size)
        }

        html:not([dark]) .blu-loader-general__asset[data-v-5f0af726] {
            animation: general-rotate-5f0af726 1.6s linear infinite;
            transform-origin: center center;
            transition: all .5s ease-in-out;
            width: 100%;
            height: 100%;
            margin: auto;
            transform: rotate(90deg)
        }

        html:not([dark]) .blu-loader-general__asset--highlight[data-v-5f0af726],
        html:not([dark]) .blu-loader-general__asset--base[data-v-5f0af726] {
            stroke-linecap: round
        }

        html:not([dark]) .blu-loader-general__asset--highlight[data-v-5f0af726] {
            stroke: var(--blu-loader-general-highlight-color-background);
            animation: general-highlight-5f0af726 1.6s linear infinite
        }

        html:not([dark]) .blu-loader-general__asset--base[data-v-5f0af726] {
            stroke: var(--blu-loader-general-base-color-background);
            animation: general-base-5f0af726 1.6s linear infinite
        }

        html:not([dark]) .blu-loader-general.b-inverted[data-v-5f0af726] {
            --blu-loader-general-highlight-color-background: #ffffff;
            --blu-loader-general-base-color-background: #c8cbcd
        }

        html:not([dark]) .blu-loader-general.b-size-s[data-v-5f0af726] {
            --blu-loader-general-size: 16px
        }

        html:not([dark]) .blu-loader-general.b-size-m[data-v-5f0af726] {
            --blu-loader-general-size: 18px
        }

        html:not([dark]) .blu-loader-general.b-size-l[data-v-5f0af726] {
            --blu-loader-general-size: 24px
        }

        html:not([dark]) .blu-loader-general.b-size-xl[data-v-5f0af726] {
            --blu-loader-general-size: 32px
        }

        html[dark] .blu-loader-general[data-v-5f0af726] {
            --blu-loader-general-highlight-color-background: #4fa4ff;
            --blu-loader-general-base-color-background: #28323b;
            width: var(--blu-loader-general-size);
            height: var(--blu-loader-general-size)
        }

        html[dark] .blu-loader-general__asset[data-v-5f0af726] {
            animation: general-rotate-5f0af726 1.6s linear infinite;
            transform-origin: center center;
            transition: all .5s ease-in-out;
            width: 100%;
            height: 100%;
            margin: auto;
            transform: rotate(90deg)
        }

        html[dark] .blu-loader-general__asset--highlight[data-v-5f0af726],
        html[dark] .blu-loader-general__asset--base[data-v-5f0af726] {
            stroke-linecap: round
        }

        html[dark] .blu-loader-general__asset--highlight[data-v-5f0af726] {
            stroke: var(--blu-loader-general-highlight-color-background);
            animation: general-highlight-5f0af726 1.6s linear infinite
        }

        html[dark] .blu-loader-general__asset--base[data-v-5f0af726] {
            stroke: var(--blu-loader-general-base-color-background);
            animation: general-base-5f0af726 1.6s linear infinite
        }

        html[dark] .blu-loader-general.b-inverted[data-v-5f0af726] {
            --blu-loader-general-highlight-color-background: #12171d;
            --blu-loader-general-base-color-background: #60686e
        }

        html[dark] .blu-loader-general.b-size-s[data-v-5f0af726] {
            --blu-loader-general-size: 16px
        }

        html[dark] .blu-loader-general.b-size-m[data-v-5f0af726] {
            --blu-loader-general-size: 18px
        }

        html[dark] .blu-loader-general.b-size-l[data-v-5f0af726] {
            --blu-loader-general-size: 24px
        }

        html[dark] .blu-loader-general.b-size-xl[data-v-5f0af726] {
            --blu-loader-general-size: 32px
        }

        @keyframes general-highlight-5f0af726 {
            0% {
                stroke-dasharray: 1, 200;
                stroke-dashoffset: 0
            }

            50% {
                stroke-dasharray: 50, 200;
                stroke-dashoffset: -15px
            }

            to {
                stroke-dasharray: 50, 200;
                stroke-dashoffset: -124px
            }
        }

        @keyframes general-base-5f0af726 {
            0% {
                stroke-dasharray: 1, 200;
                stroke-dashoffset: 0
            }

            to {
                stroke-dasharray: 100, 200;
                stroke-dashoffset: -120px
            }
        }

        @keyframes general-rotate-5f0af726 {
            to {
                transform: rotate(450deg)
            }
        }

        html:not([dark]) *[data-v-39791579] {
            box-sizing: border-box
        }

        html:not([dark]) .blu-radio[data-v-39791579] {
            --blu-radio-container-border-width: 1px;
            --blu-radio-container-color-border: #c8cbcd;
            --blu-radio-container-spacing-padding: 4px;
            --blu-radio-content-spacing-padding: 2px 0;
            --blu-radio-mark-size: 22px;
            --blu-radio-mark-spacing-padding: 2px;
            --blu-radio-label-text: 500 14px/18px Blibli, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif;
            --blu-radio-label-color-text: rgba(25, 34, 42, .7019607843);
            --blu-radio-spacing-padding: 4px 0;
            display: inline-flex;
            padding: var(--blu-radio-spacing-padding);
            align-items: flex-start;
            transition: all .3s;
            outline: none
        }

        html:not([dark]) .blu-radio[data-v-39791579],
        html:not([dark]) .blu-radio *[data-v-39791579] {
            cursor: pointer
        }

        html:not([dark]) .blu-radio>*[data-v-39791579]:not(:last-child) {
            margin-right: 4px
        }

        html:not([dark]) .blu-radio input[type=radio][data-v-39791579] {
            display: none
        }

        html:not([dark]) .blu-radio__mark[data-v-39791579] {
            min-width: var(--blu-radio-mark-size);
            height: var(--blu-radio-mark-size);
            padding: var(--blu-radio-mark-spacing-padding);
            background-color: var(--blu-radio-mark-color-background);
            border-radius: 50%
        }

        html:not([dark]) .blu-radio__mark-container[data-v-39791579] {
            display: flex;
            align-items: center;
            justify-content: center;
            width: 100%;
            height: 100%;
            padding: var(--blu-radio-container-spacing-padding);
            background-color: var(--blu-radio-container-color-background);
            border-radius: 50%;
            box-shadow: 0 0 0 var(--blu-radio-container-border-width) var(--blu-radio-container-color-border) inset
        }

        html:not([dark]) .blu-radio__mark-container .dot[data-v-39791579] {
            width: 100%;
            height: 100%;
            border-radius: 50%;
            background-color: var(--blu-radio-dot-color-background);
            transition: background-color .1s .1s
        }

        html:not([dark]) .blu-radio__content[data-v-39791579] {
            font: var(--blu-radio-label-text);
            color: var(--blu-radio-label-color-text);
            padding: var(--blu-radio-content-spacing-padding)
        }

        html:not([dark]) .blu-radio__content>*[data-v-39791579]:not(:last-child) {
            margin-bottom: 4px
        }

        html:not([dark]) .blu-radio.b-error[data-v-39791579]:not(.b-selected) {
            --blu-radio-container-color-border: #ff4646;
            --blu-radio-label-color-text: #d33534
        }

        html:not([dark]) .blu-radio.b-selected[data-v-39791579] {
            --blu-radio-container-color-border: #1d8fff;
            --blu-radio-dot-color-background: #1d8fff;
            --blu-radio-container-border-width: 1px
        }

        html:not([dark]) .blu-radio.b-selected .blu-radio__mark-container[data-v-39791579] {
            animation: bounce-39791579 .3s ease-out
        }

        html:not([dark]) .blu-radio.b-selected[data-v-39791579]:not(.b-disabled):hover {
            --blu-radio-mark-color-background: #f3f9ff
        }

        html:not([dark]) .blu-radio.b-selected[data-v-39791579]:not(.b-disabled):focus-visible {
            --blu-radio-mark-color-background: #f3f9ff;
            --blu-radio-container-border-width-focused: 2px
        }

        html:not([dark]) .blu-radio[data-v-39791579]:not(.b-disabled):not(.b-selected):hover {
            --blu-radio-mark-color-background: #f9f9fa
        }

        html:not([dark]) .blu-radio[data-v-39791579]:focus-visible {
            --blu-radio-container-border-width-focused: 2px
        }

        html:not([dark]) .blu-radio[data-v-39791579]:focus-visible:not(.b-disabled) {
            --blu-radio-mark-color-border-focused: #19222a
        }

        html:not([dark]) .blu-radio:focus-visible:not(.b-disabled) .blu-radio__mark[data-v-39791579] {
            box-shadow: 0 0 0 var(--blu-radio-container-border-width-focused) var(--blu-radio-mark-color-border-focused) inset
        }

        html:not([dark]) .blu-radio[data-v-39791579]:focus-visible:not(.b-disabled):not(.b-selected) {
            --blu-radio-mark-color-background: #f9f9fa
        }

        html:not([dark]) .blu-radio.b-disabled[data-v-39791579] {
            --blu-radio-label-text: 500 14px/18px Blibli, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif;
            --blu-radio-container-color-border: rgba(25, 34, 42, .3019607843);
            --blu-radio-label-color-text: rgba(25, 34, 42, .3019607843);
            --blu-radio-container-color-background: #f9f9fa
        }

        html:not([dark]) .blu-radio.b-disabled.b-selected[data-v-39791579] {
            --blu-radio-container-color-border: rgba(25, 34, 42, .3019607843);
            --blu-radio-dot-color-background: rgba(25, 34, 42, .3019607843)
        }

        html:not([dark]) .blu-radio.b-disabled[data-v-39791579]:not(.b-readonly) {
            user-select: none;
            cursor: not-allowed
        }

        html:not([dark]) .blu-radio.b-disabled:not(.b-readonly) *[data-v-39791579] {
            cursor: not-allowed
        }

        html:not([dark]) .blu-radio.b-small[data-v-39791579] {
            --blu-radio-mark-size: 18px;
            --blu-radio-mark-spacing-padding: 2px;
            --blu-radio-container-spacing-padding: 3px;
            --blu-radio-container-border-width: 1px;
            --blu-radio-container-border-width-focused: 2px;
            --blu-radio-content-spacing-padding: 0;
            --blu-radio-label-text: 500 14px/18px Blibli, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif;
            --blu-radio-spacing-padding: 3px 0
        }

        html:not([dark]) .blu-radio.b-small.b-selected[data-v-39791579] {
            --blu-radio-container-border-width: 1px
        }

        html[dark] *[data-v-39791579] {
            box-sizing: border-box
        }

        html[dark] .blu-radio[data-v-39791579] {
            --blu-radio-container-border-width: 1px;
            --blu-radio-container-color-border: #60686e;
            --blu-radio-container-spacing-padding: 4px;
            --blu-radio-content-spacing-padding: 2px 0;
            --blu-radio-mark-size: 22px;
            --blu-radio-mark-spacing-padding: 2px;
            --blu-radio-label-text: 500 14px/18px Blibli, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif;
            --blu-radio-label-color-text: rgba(255, 255, 255, .8);
            --blu-radio-spacing-padding: 4px 0;
            display: inline-flex;
            padding: var(--blu-radio-spacing-padding);
            align-items: flex-start;
            transition: all .3s;
            outline: none
        }

        html[dark] .blu-radio[data-v-39791579],
        html[dark] .blu-radio *[data-v-39791579] {
            cursor: pointer
        }

        html[dark] .blu-radio>*[data-v-39791579]:not(:last-child) {
            margin-right: 4px
        }

        html[dark] .blu-radio input[type=radio][data-v-39791579] {
            display: none
        }

        html[dark] .blu-radio__mark[data-v-39791579] {
            min-width: var(--blu-radio-mark-size);
            height: var(--blu-radio-mark-size);
            padding: var(--blu-radio-mark-spacing-padding);
            background-color: var(--blu-radio-mark-color-background);
            border-radius: 50%
        }

        html[dark] .blu-radio__mark-container[data-v-39791579] {
            display: flex;
            align-items: center;
            justify-content: center;
            width: 100%;
            height: 100%;
            padding: var(--blu-radio-container-spacing-padding);
            background-color: var(--blu-radio-container-color-background);
            border-radius: 50%;
            box-shadow: 0 0 0 var(--blu-radio-container-border-width) var(--blu-radio-container-color-border) inset
        }

        html[dark] .blu-radio__mark-container .dot[data-v-39791579] {
            width: 100%;
            height: 100%;
            border-radius: 50%;
            background-color: var(--blu-radio-dot-color-background);
            transition: background-color .1s .1s
        }

        html[dark] .blu-radio__content[data-v-39791579] {
            font: var(--blu-radio-label-text);
            color: var(--blu-radio-label-color-text);
            padding: var(--blu-radio-content-spacing-padding)
        }

        html[dark] .blu-radio__content>*[data-v-39791579]:not(:last-child) {
            margin-bottom: 4px
        }

        html[dark] .blu-radio.b-error[data-v-39791579]:not(.b-selected) {
            --blu-radio-container-color-border: #ff7373;
            --blu-radio-label-color-text: #ff7373
        }

        html[dark] .blu-radio.b-selected[data-v-39791579] {
            --blu-radio-container-color-border: #1d8fff;
            --blu-radio-dot-color-background: #1d8fff;
            --blu-radio-container-border-width: 1px
        }

        html[dark] .blu-radio.b-selected .blu-radio__mark-container[data-v-39791579] {
            animation: bounce-39791579 .3s ease-out
        }

        html[dark] .blu-radio.b-selected[data-v-39791579]:not(.b-disabled):hover {
            --blu-radio-mark-color-background: #002e7a
        }

        html[dark] .blu-radio.b-selected[data-v-39791579]:not(.b-disabled):focus-visible {
            --blu-radio-mark-color-background: #002e7a;
            --blu-radio-container-border-width-focused: 2px
        }

        html[dark] .blu-radio[data-v-39791579]:not(.b-disabled):not(.b-selected):hover {
            --blu-radio-mark-color-background: #19222a
        }

        html[dark] .blu-radio[data-v-39791579]:focus-visible {
            --blu-radio-container-border-width-focused: 2px
        }

        html[dark] .blu-radio[data-v-39791579]:focus-visible:not(.b-disabled) {
            --blu-radio-mark-color-border-focused: #f9f9fa
        }

        html[dark] .blu-radio:focus-visible:not(.b-disabled) .blu-radio__mark[data-v-39791579] {
            box-shadow: 0 0 0 var(--blu-radio-container-border-width-focused) var(--blu-radio-mark-color-border-focused) inset
        }

        html[dark] .blu-radio[data-v-39791579]:focus-visible:not(.b-disabled):not(.b-selected) {
            --blu-radio-mark-color-background: #19222a
        }

        html[dark] .blu-radio.b-disabled[data-v-39791579] {
            --blu-radio-label-text: 500 14px/18px Blibli, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif;
            --blu-radio-container-color-border: rgba(255, 255, 255, .3019607843);
            --blu-radio-label-color-text: rgba(255, 255, 255, .3019607843);
            --blu-radio-container-color-background: #19222a
        }

        html[dark] .blu-radio.b-disabled.b-selected[data-v-39791579] {
            --blu-radio-container-color-border: rgba(255, 255, 255, .3019607843);
            --blu-radio-dot-color-background: rgba(255, 255, 255, .3019607843)
        }

        html[dark] .blu-radio.b-disabled[data-v-39791579]:not(.b-readonly) {
            user-select: none;
            cursor: not-allowed
        }

        html[dark] .blu-radio.b-disabled:not(.b-readonly) *[data-v-39791579] {
            cursor: not-allowed
        }

        html[dark] .blu-radio.b-small[data-v-39791579] {
            --blu-radio-mark-size: 18px;
            --blu-radio-mark-spacing-padding: 2px;
            --blu-radio-container-spacing-padding: 3px;
            --blu-radio-container-border-width: 1px;
            --blu-radio-container-border-width-focused: 2px;
            --blu-radio-content-spacing-padding: 0;
            --blu-radio-label-text: 500 14px/18px Blibli, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif;
            --blu-radio-spacing-padding: 3px 0
        }

        html[dark] .blu-radio.b-small.b-selected[data-v-39791579] {
            --blu-radio-container-border-width: 1px
        }

        @keyframes bounce-39791579 {
            25% {
                transform: scale(.9)
            }

            50% {
                transform: scale(1.1)
            }
        }

        html:not([dark]) .blu-list[data-v-0fc385f6] {
            --list-spacing-padding: 8px 0;
            list-style: none;
            padding: var(--list-spacing-padding);
            transition: all .5s ease-in-out
        }

        html:not([dark]) .blu-list-item[data-v-0fc385f6] {
            --blu-list-child-max-height: 0;
            --blu-list-child-template-rows: 0fr;
            position: relative
        }

        html:not([dark]) .blu-list-item.b-opened[data-v-0fc385f6] {
            --blu-list-child-max-height: 100%;
            --blu-list-child-template-rows: 1fr
        }

        html:not([dark]) .blu-list-item.b-opened>.blu-list .blu-list__container .blu-list__container-chevron-right[data-v-0fc385f6] {
            transform: rotate(180deg)
        }

        html:not([dark]) .blu-list-item.b-opened>.blu-list .blu-list__container .blu-list__container-chevron-left[data-v-0fc385f6] {
            transform: rotate(90deg)
        }

        html:not([dark]) .blu-list__container[data-v-0fc385f6] {
            background-color: var(--list-container-color-background);
            border-radius: 8px;
            padding: 4px 8px;
            display: flex
        }

        html:not([dark]) .blu-list__container[data-v-0fc385f6] svg {
            width: 18px;
            height: 18px;
            color: #797f85
        }

        html:not([dark]) .blu-list__container[data-v-0fc385f6]>*:not(:last-child) {
            margin-right: 4px
        }

        html:not([dark]) .blu-list__container-chevron-right[data-v-0fc385f6],
        html:not([dark]) .blu-list__container-chevron-left[data-v-0fc385f6] {
            display: flex;
            padding: 4px 0;
            cursor: pointer;
            transition: all .4s ease;
            height: fit-content
        }

        html:not([dark]) .blu-list__container-chevron-right[data-v-0fc385f6] svg,
        html:not([dark]) .blu-list__container-chevron-left[data-v-0fc385f6] svg {
            color: #797f85
        }

        html:not([dark]) .blu-list__container-chevron-right[data-v-0fc385f6]:focus-visible,
        html:not([dark]) .blu-list__container-chevron-left[data-v-0fc385f6]:focus-visible {
            outline: none;
            box-shadow: 0 0 0 2px #19222a inset
        }

        html:not([dark]) .blu-list__container .blu-loader-wrapper[data-v-0fc385f6] {
            margin: auto
        }

        html:not([dark]) .blu-list__content[data-v-0fc385f6] {
            padding: 4px 0;
            display: flex;
            flex-direction: column;
            flex: 1;
            align-items: start
        }

        html:not([dark]) .blu-list__content-label[data-v-0fc385f6]:not(.b-disabled) {
            font: 500 14px/18px Blibli, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif;
            color: #19222a
        }

        html:not([dark]) .blu-list__content-desc[data-v-0fc385f6]:not(.b-disabled) {
            font: 500 12px/16px Blibli, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif;
            color: #19222a66
        }

        html:not([dark]) .blu-list__content-additional[data-v-0fc385f6] {
            text-align: right;
            display: flex;
            flex-direction: column;
            justify-content: space-between;
            align-self: stretch;
            padding: 4px 0
        }

        html:not([dark]) .blu-list__content-additional-label[data-v-0fc385f6] {
            font: 500 12px/16px Blibli, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif;
            color: #19222a66
        }

        html:not([dark]) .blu-list__content-additional-desc[data-v-0fc385f6] {
            font: 500 12px/16px Blibli, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif;
            color: #19222a66
        }

        html:not([dark]) .blu-list__item-leading[data-v-0fc385f6],
        html:not([dark]) .blu-list__item-trailing[data-v-0fc385f6] {
            padding: 4px 0
        }

        html:not([dark]) .blu-list__item-leading[data-v-0fc385f6] {
            display: flex
        }

        html:not([dark]) .blu-list__item-trailing[data-v-0fc385f6] {
            display: flex
        }

        html:not([dark]) .blu-list__item-trailing[data-v-0fc385f6]>*:not(:last-child) {
            margin-right: 4px
        }

        html:not([dark]) .blu-list__item-trailing[data-v-0fc385f6] svg {
            cursor: pointer
        }

        html:not([dark]) .blu-list__child[data-v-0fc385f6] {
            max-height: var(--blu-list-child-max-height);
            display: grid;
            grid-template-rows: var(--blu-list-child-template-rows);
            transition: all .5s ease-in-out
        }

        html:not([dark]) .blu-list__child .blu-list__container[data-v-0fc385f6] {
            padding-left: var(--list-nested-padding)
        }

        html:not([dark]) .blu-list__icon-expand[data-v-0fc385f6] {
            margin-left: auto;
            cursor: pointer
        }

        html:not([dark]) .blu-list[data-v-0fc385f6]:not(.b-disabled) {
            cursor: pointer
        }

        html:not([dark]) .blu-list[data-v-0fc385f6]:not(.b-disabled):hover {
            --list-container-color-background: #f9f9fa
        }

        html:not([dark]) .blu-list[data-v-0fc385f6]:not(.b-disabled):focus-visible {
            outline: none
        }

        html:not([dark]) .blu-list:not(.b-disabled):focus-visible .blu-list__container[data-v-0fc385f6] {
            box-shadow: 0 0 0 2px #19222a inset
        }

        html:not([dark]) .blu-list:not(.b-disabled).b-active[data-v-0fc385f6],
        html:not([dark]) .blu-list:not(.b-disabled).b-selected[data-v-0fc385f6]:not(:hover) {
            --list-container-color-background: #f3f9ff
        }

        html:not([dark]) .blu-list.b-small[data-v-0fc385f6] {
            --list-spacing-padding: 0
        }

        html:not([dark]) .blu-list.b-disabled[data-v-0fc385f6] {
            --list-container-color-background: transparent
        }

        html:not([dark]) .blu-list.b-disabled[data-v-0fc385f6],
        html:not([dark]) .blu-list.b-disabled *[data-v-0fc385f6] {
            cursor: not-allowed
        }

        html:not([dark]) .blu-list.b-disabled .blu-list__content-label[data-v-0fc385f6],
        html:not([dark]) .blu-list.b-disabled .blu-list__content-desc[data-v-0fc385f6],
        html:not([dark]) .blu-list.b-disabled .blu-list__content-additional-label[data-v-0fc385f6] {
            font: 500 14px/18px Blibli, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif;
            color: #19222a4d
        }

        html:not([dark]) .blu-list.b-disabled .blu-list__content-additional-desc[data-v-0fc385f6] {
            font: 500 12px/16px Blibli, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif;
            color: #19222a4d
        }

        html:not([dark]) .blu-list.b-disabled .blu-list__container[data-v-0fc385f6] svg {
            color: #19222a4d
        }

        html:not([dark]) .blu-list.b-disabled .blu-list__container[data-v-0fc385f6] .blu-checkbox__container {
            color: #19222a4d
        }

        html:not([dark]) .blu-list.b-disabled .blu-list__container[data-v-0fc385f6] .blu-badge {
            background-color: #19222a4d
        }

        html:not([dark]) .blu-list.b-loading[data-v-0fc385f6] .blu-loader-wrapper svg {
            display: flex;
            width: 24px;
            height: 24px
        }

        html:not([dark]) .blu-list.has-radio.b-selected[data-v-0fc385f6]:not(:hover) {
            --list-container-color-background: transparent
        }

        html:not([dark]) .blu-list.b-align-center .blu-list__container[data-v-0fc385f6] {
            align-items: center
        }

        html:not([dark]) .blu-list-group.b-multiselect .blu-list-item .blu-list.b-selected[data-v-0fc385f6]:not(html:not([dark]) .blu-list-group.b-multiselect .blu-list-item .blu-list.b-active):not(:hover) {
            --list-container-color-background: transparent
        }

        html[dark] .blu-list[data-v-0fc385f6] {
            --list-spacing-padding: 8px 0;
            list-style: none;
            padding: var(--list-spacing-padding);
            transition: all .5s ease-in-out
        }

        html[dark] .blu-list-item[data-v-0fc385f6] {
            --blu-list-child-max-height: 0;
            --blu-list-child-template-rows: 0fr;
            position: relative
        }

        html[dark] .blu-list-item.b-opened[data-v-0fc385f6] {
            --blu-list-child-max-height: 100%;
            --blu-list-child-template-rows: 1fr
        }

        html[dark] .blu-list-item.b-opened>.blu-list .blu-list__container .blu-list__container-chevron-right[data-v-0fc385f6] {
            transform: rotate(180deg)
        }

        html[dark] .blu-list-item.b-opened>.blu-list .blu-list__container .blu-list__container-chevron-left[data-v-0fc385f6] {
            transform: rotate(90deg)
        }

        html[dark] .blu-list__container[data-v-0fc385f6] {
            background-color: var(--list-container-color-background);
            border-radius: 8px;
            padding: 4px 8px;
            display: flex
        }

        html[dark] .blu-list__container[data-v-0fc385f6] svg {
            width: 18px;
            height: 18px;
            color: #acb0b4
        }

        html[dark] .blu-list__container[data-v-0fc385f6]>*:not(:last-child) {
            margin-right: 4px
        }

        html[dark] .blu-list__container-chevron-right[data-v-0fc385f6],
        html[dark] .blu-list__container-chevron-left[data-v-0fc385f6] {
            display: flex;
            padding: 4px 0;
            cursor: pointer;
            transition: all .4s ease;
            height: fit-content
        }

        html[dark] .blu-list__container-chevron-right[data-v-0fc385f6] svg,
        html[dark] .blu-list__container-chevron-left[data-v-0fc385f6] svg {
            color: #acb0b4
        }

        html[dark] .blu-list__container-chevron-right[data-v-0fc385f6]:focus-visible,
        html[dark] .blu-list__container-chevron-left[data-v-0fc385f6]:focus-visible {
            outline: none;
            box-shadow: 0 0 0 2px #f9f9fa inset
        }

        html[dark] .blu-list__container .blu-loader-wrapper[data-v-0fc385f6] {
            margin: auto
        }

        html[dark] .blu-list__content[data-v-0fc385f6] {
            padding: 4px 0;
            display: flex;
            flex-direction: column;
            flex: 1;
            align-items: start
        }

        html[dark] .blu-list__content-label[data-v-0fc385f6]:not(.b-disabled) {
            font: 500 14px/18px Blibli, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif;
            color: #fff
        }

        html[dark] .blu-list__content-desc[data-v-0fc385f6]:not(.b-disabled) {
            font: 500 12px/16px Blibli, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif;
            color: #ffffff80
        }

        html[dark] .blu-list__content-additional[data-v-0fc385f6] {
            text-align: right;
            display: flex;
            flex-direction: column;
            justify-content: space-between;
            align-self: stretch;
            padding: 4px 0
        }

        html[dark] .blu-list__content-additional-label[data-v-0fc385f6],
        html[dark] .blu-list__content-additional-desc[data-v-0fc385f6] {
            font: 500 12px/16px Blibli, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif;
            color: #ffffff80
        }

        html[dark] .blu-list__item-leading[data-v-0fc385f6],
        html[dark] .blu-list__item-trailing[data-v-0fc385f6] {
            padding: 4px 0
        }

        html[dark] .blu-list__item-leading[data-v-0fc385f6],
        html[dark] .blu-list__item-trailing[data-v-0fc385f6] {
            display: flex
        }

        html[dark] .blu-list__item-trailing[data-v-0fc385f6]>*:not(:last-child) {
            margin-right: 4px
        }

        html[dark] .blu-list__item-trailing[data-v-0fc385f6] svg {
            cursor: pointer
        }

        html[dark] .blu-list__child[data-v-0fc385f6] {
            max-height: var(--blu-list-child-max-height);
            display: grid;
            grid-template-rows: var(--blu-list-child-template-rows);
            transition: all .5s ease-in-out
        }

        html[dark] .blu-list__child .blu-list__container[data-v-0fc385f6] {
            padding-left: var(--list-nested-padding)
        }

        html[dark] .blu-list__icon-expand[data-v-0fc385f6] {
            margin-left: auto;
            cursor: pointer
        }

        html[dark] .blu-list[data-v-0fc385f6]:not(.b-disabled) {
            cursor: pointer
        }

        html[dark] .blu-list[data-v-0fc385f6]:not(.b-disabled):hover {
            --list-container-color-background: #19222a
        }

        html[dark] .blu-list[data-v-0fc385f6]:not(.b-disabled):focus-visible {
            outline: none
        }

        html[dark] .blu-list:not(.b-disabled):focus-visible .blu-list__container[data-v-0fc385f6] {
            box-shadow: 0 0 0 2px #f9f9fa inset
        }

        html[dark] .blu-list:not(.b-disabled).b-active[data-v-0fc385f6],
        html[dark] .blu-list:not(.b-disabled).b-selected[data-v-0fc385f6]:not(:hover) {
            --list-container-color-background: #002e7a
        }

        html[dark] .blu-list.b-small[data-v-0fc385f6] {
            --list-spacing-padding: 0
        }

        html[dark] .blu-list.b-disabled[data-v-0fc385f6] {
            --list-container-color-background: transparent
        }

        html[dark] .blu-list.b-disabled[data-v-0fc385f6],
        html[dark] .blu-list.b-disabled *[data-v-0fc385f6] {
            cursor: not-allowed
        }

        html[dark] .blu-list.b-disabled .blu-list__content-label[data-v-0fc385f6],
        html[dark] .blu-list.b-disabled .blu-list__content-desc[data-v-0fc385f6],
        html[dark] .blu-list.b-disabled .blu-list__content-additional-label[data-v-0fc385f6] {
            font: 500 14px/18px Blibli, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif;
            color: #ffffff4d
        }

        html[dark] .blu-list.b-disabled .blu-list__content-additional-desc[data-v-0fc385f6] {
            font: 500 12px/16px Blibli, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif;
            color: #ffffff4d
        }

        html[dark] .blu-list.b-disabled .blu-list__container[data-v-0fc385f6] svg {
            color: #ffffff4d
        }

        html[dark] .blu-list.b-disabled .blu-list__container[data-v-0fc385f6] .blu-checkbox__container {
            color: #ffffff4d
        }

        html[dark] .blu-list.b-disabled .blu-list__container[data-v-0fc385f6] .blu-badge {
            background-color: #ffffff4d
        }

        html[dark] .blu-list.b-loading[data-v-0fc385f6] .blu-loader-wrapper svg {
            display: flex;
            width: 24px;
            height: 24px
        }

        html[dark] .blu-list.has-radio.b-selected[data-v-0fc385f6]:not(:hover) {
            --list-container-color-background: transparent
        }

        html[dark] .blu-list.b-align-center .blu-list__container[data-v-0fc385f6] {
            align-items: center
        }

        html[dark] .blu-list-group.b-multiselect .blu-list-item .blu-list.b-selected[data-v-0fc385f6]:not(html[dark] .blu-list-group.b-multiselect .blu-list-item .blu-list.b-active):not(:hover) {
            --list-container-color-background: transparent
        }
    </style>
    <style>
        html:not([dark]) .blu-banner[data-v-2470b354] {
            --blu-banner-action-text: 600 16px/20px Blibli, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif;
            --blu-banner-desc-text: 500 16px/20px Blibli, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif;
            --blu-banner-label-text: 600 16px/20px Blibli, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif;
            --blu-banner-link-text: 500 16px/20px Blibli, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif;
            --blu-banner-action-group-spacing-gap: 16px;
            --blu-banner-action-group-spacing-padding: 8px 0;
            --blu-banner-container-spacing-gap: 8px;
            --blu-banner-spacing-gap: 8px;
            --blu-banner-spacing-padding: 8px;
            --blu-banner-icon-size: 24px;
            --blu-banner-icon-close-color: #797f85;
            --blu-banner-image-size: 40px;
            display: flex;
            padding: var(--blu-banner-spacing-padding);
            background-color: var(--blu-banner-color-background);
            border: 1px solid var(--blu-banner-color-border);
            width: fit-content;
            box-sizing: border-box;
            border-radius: 8px
        }

        html:not([dark]) .blu-banner[data-v-2470b354]>*:not(:last-child) {
            margin-right: var(--blu-banner-spacing-gap)
        }

        html:not([dark]) .blu-banner[data-v-2470b354] svg {
            width: var(--blu-banner-icon-size);
            height: var(--blu-banner-icon-size);
            flex-shrink: 0
        }

        html:not([dark]) .blu-banner[data-v-2470b354] img {
            width: var(--blu-banner-image-size);
            height: var(--blu-banner-image-size);
            border-radius: 4px
        }

        html:not([dark]) .blu-banner[data-v-2470b354] a {
            color: #ac8221;
            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: #a58d33
        }

        html:not([dark]) .blu-banner.b-alert[data-v-2470b354] {
            --blu-banner-color-background: #fff8e0;
            --blu-banner-color-border: #fedd6c;
            --blu-banner-color-icon: #bc6e06
        }

        html:not([dark]) .blu-banner.b-error[data-v-2470b354] {
            --blu-banner-color-background: #fff5f5;
            --blu-banner-color-border: #fecccb;
            --blu-banner-color-icon: #e93c3c
        }

        html:not([dark]) .blu-banner.b-success[data-v-2470b354] {
            --blu-banner-color-background: #effcf0;
            --blu-banner-color-border: #b2efb9;
            --blu-banner-color-icon: #1f912e
        }

        html:not([dark]) .blu-banner.b-general[data-v-2470b354] {
            --blu-banner-color-background: #f9f9fa;
            --blu-banner-color-border: #e1e3e4
        }

        html[dark] .blu-banner[data-v-2470b354] {
            --blu-banner-action-text: 600 16px/20px Blibli, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif;
            --blu-banner-desc-text: 500 16px/20px Blibli, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif;
            --blu-banner-label-text: 600 16px/20px Blibli, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif;
            --blu-banner-link-text: 500 16px/20px Blibli, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif;
            --blu-banner-action-group-spacing-gap: 16px;
            --blu-banner-action-group-spacing-padding: 8px 0;
            --blu-banner-container-spacing-gap: 8px;
            --blu-banner-spacing-gap: 8px;
            --blu-banner-spacing-padding: 8px;
            --blu-banner-icon-size: 24px;
            --blu-banner-icon-close-color: #acb0b4;
            --blu-banner-image-size: 40px;
            display: flex;
            padding: var(--blu-banner-spacing-padding);
            background-color: var(--blu-banner-color-background);
            border: 1px solid var(--blu-banner-color-border);
            width: fit-content;
            box-sizing: border-box;
            border-radius: 8px
        }

        html[dark] .blu-banner[data-v-2470b354]>*:not(:last-child) {
            margin-right: var(--blu-banner-spacing-gap)
        }

        html[dark] .blu-banner[data-v-2470b354] svg {
            width: var(--blu-banner-icon-size);
            height: var(--blu-banner-icon-size);
            flex-shrink: 0
        }

        html[dark] .blu-banner[data-v-2470b354] img {
            width: var(--blu-banner-image-size);
            height: var(--blu-banner-image-size);
            border-radius: 4px
        }

        html[dark] .blu-banner[data-v-2470b354] a {
            color: #4fa4ff;
            text-decoration: none
        }

        html[dark] .blu-banner[data-v-2470b354] a:focus-visible {
            outline: #f9f9fa solid 2px
        }

        html[dark] .blu-banner .status-icon[data-v-2470b354] {
            color: var(--blu-banner-color-icon)
        }

        html[dark] .blu-banner .close-icon[data-v-2470b354] {
            cursor: pointer;
            margin-left: auto;
            color: var(--blu-banner-icon-close-color)
        }

        html[dark] .blu-banner .close-icon[data-v-2470b354]:focus-visible {
            outline: #f9f9fa solid 2px
        }

        html[dark] .blu-banner__label[data-v-2470b354] {
            font: var(--blu-banner-label-text);
            color: #fff
        }

        html[dark] .blu-banner__desc[data-v-2470b354] {
            font: var(--blu-banner-desc-text);
            color: #fffc
        }

        html[dark] .blu-banner__desc[data-v-2470b354] a {
            font: var(--blu-banner-link-text)
        }

        html[dark] .blu-banner__container[data-v-2470b354] {
            display: flex;
            flex-direction: column;
            justify-content: center
        }

        html[dark] .blu-banner__container>*[data-v-2470b354]:not(:last-child) {
            margin-bottom: var(--blu-banner-container-spacing-gap)
        }

        html[dark] .blu-banner__action-group[data-v-2470b354] {
            display: flex
        }

        html[dark] .blu-banner__action-group[data-v-2470b354] :not(:last-child) {
            margin-right: var(--blu-banner-action-group-spacing-gap)
        }

        html[dark] .blu-banner__action-group[data-v-2470b354] a {
            padding: var(--blu-banner-action-group-spacing-padding);
            font: var(--blu-banner-action-text)
        }

        html[dark] .blu-banner.b-small[data-v-2470b354] {
            --blu-banner-action-text: 600 14px/18px Blibli, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif;
            --blu-banner-desc-text: 500 14px/18px Blibli, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif;
            --blu-banner-label-text: 600 14px/18px Blibli, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif;
            --blu-banner-link-text: 500 14px/18px Blibli, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif;
            --blu-banner-action-group-spacing-gap: 16px;
            --blu-banner-action-group-spacing-padding: 4px 0;
            --blu-banner-container-spacing-gap: 8px;
            --blu-banner-spacing-gap: 8px;
            --blu-banner-spacing-padding: 8px 12px;
            --blu-banner-icon-size: 18px;
            --blu-banner-image-size: 32px
        }

        html[dark] .blu-banner.b-horizontal .blu-banner__container[data-v-2470b354] {
            flex-direction: row
        }

        html[dark] .blu-banner.b-horizontal .blu-banner__container>*[data-v-2470b354]:not(:last-child) {
            margin-right: var(--blu-banner-container-spacing-gap);
            margin-bottom: 0
        }

        html[dark] .blu-banner.b-long-action .blu-banner__action-group[data-v-2470b354] {
            flex-direction: column
        }

        html[dark] .blu-banner.b-full-width[data-v-2470b354] {
            width: 100%
        }

        html[dark] .blu-banner.b-info[data-v-2470b354] {
            --blu-banner-color-background: #002e7a;
            --blu-banner-color-border: #0050bd;
            --blu-banner-color-icon: #4fa4ff
        }

        html[dark] .blu-banner.b-alert[data-v-2470b354] {
            --blu-banner-color-background: #4d2c02;
            --blu-banner-color-border: #7e4704;
            --blu-banner-color-icon: #f1ab02
        }

        html[dark] .blu-banner.b-error[data-v-2470b354] {
            --blu-banner-color-background: #631818;
            --blu-banner-color-border: #a32727;
            --blu-banner-color-icon: #ff7373
        }

        html[dark] .blu-banner.b-success[data-v-2470b354] {
            --blu-banner-color-background: #0d3c13;
            --blu-banner-color-border: #15631f;
            --blu-banner-color-icon: #02c82b
        }

        html[dark] .blu-banner.b-general[data-v-2470b354] {
            --blu-banner-color-background: #19222a;
            --blu-banner-color-border: #3b444c
        }
    </style>
    <style>
        html:not([dark]) .blu-loader-general[data-v-5f0af726] {
            --blu-loader-general-highlight-color-background: #1d8fff;
            --blu-loader-general-base-color-background: #f1f2f2;
            width: var(--blu-loader-general-size);
            height: var(--blu-loader-general-size)
        }

        html:not([dark]) .blu-loader-general__asset[data-v-5f0af726] {
            animation: general-rotate-5f0af726 1.6s linear infinite;
            transform-origin: center center;
            transition: all .5s ease-in-out;
            width: 100%;
            height: 100%;
            margin: auto;
            transform: rotate(90deg)
        }

        html:not([dark]) .blu-loader-general__asset--highlight[data-v-5f0af726],
        html:not([dark]) .blu-loader-general__asset--base[data-v-5f0af726] {
            stroke-linecap: round
        }

        html:not([dark]) .blu-loader-general__asset--highlight[data-v-5f0af726] {
            stroke: var(--blu-loader-general-highlight-color-background);
            animation: general-highlight-5f0af726 1.6s linear infinite
        }

        html:not([dark]) .blu-loader-general__asset--base[data-v-5f0af726] {
            stroke: var(--blu-loader-general-base-color-background);
            animation: general-base-5f0af726 1.6s linear infinite
        }

        html:not([dark]) .blu-loader-general.b-inverted[data-v-5f0af726] {
            --blu-loader-general-highlight-color-background: #ffffff;
            --blu-loader-general-base-color-background: #c8cbcd
        }

        html:not([dark]) .blu-loader-general.b-size-s[data-v-5f0af726] {
            --blu-loader-general-size: 16px
        }

        html:not([dark]) .blu-loader-general.b-size-m[data-v-5f0af726] {
            --blu-loader-general-size: 18px
        }

        html:not([dark]) .blu-loader-general.b-size-l[data-v-5f0af726] {
            --blu-loader-general-size: 24px
        }

        html:not([dark]) .blu-loader-general.b-size-xl[data-v-5f0af726] {
            --blu-loader-general-size: 32px
        }

        html[dark] .blu-loader-general[data-v-5f0af726] {
            --blu-loader-general-highlight-color-background: #4fa4ff;
            --blu-loader-general-base-color-background: #28323b;
            width: var(--blu-loader-general-size);
            height: var(--blu-loader-general-size)
        }

        html[dark] .blu-loader-general__asset[data-v-5f0af726] {
            animation: general-rotate-5f0af726 1.6s linear infinite;
            transform-origin: center center;
            transition: all .5s ease-in-out;
            width: 100%;
            height: 100%;
            margin: auto;
            transform: rotate(90deg)
        }

        html[dark] .blu-loader-general__asset--highlight[data-v-5f0af726],
        html[dark] .blu-loader-general__asset--base[data-v-5f0af726] {
            stroke-linecap: round
        }

        html[dark] .blu-loader-general__asset--highlight[data-v-5f0af726] {
            stroke: var(--blu-loader-general-highlight-color-background);
            animation: general-highlight-5f0af726 1.6s linear infinite
        }

        html[dark] .blu-loader-general__asset--base[data-v-5f0af726] {
            stroke: var(--blu-loader-general-base-color-background);
            animation: general-base-5f0af726 1.6s linear infinite
        }

        html[dark] .blu-loader-general.b-inverted[data-v-5f0af726] {
            --blu-loader-general-highlight-color-background: #12171d;
            --blu-loader-general-base-color-background: #60686e
        }

        html[dark] .blu-loader-general.b-size-s[data-v-5f0af726] {
            --blu-loader-general-size: 16px
        }

        html[dark] .blu-loader-general.b-size-m[data-v-5f0af726] {
            --blu-loader-general-size: 18px
        }

        html[dark] .blu-loader-general.b-size-l[data-v-5f0af726] {
            --blu-loader-general-size: 24px
        }

        html[dark] .blu-loader-general.b-size-xl[data-v-5f0af726] {
            --blu-loader-general-size: 32px
        }

        @keyframes general-highlight-5f0af726 {
            0% {
                stroke-dasharray: 1, 200;
                stroke-dashoffset: 0
            }

            50% {
                stroke-dasharray: 50, 200;
                stroke-dashoffset: -15px
            }

            to {
                stroke-dasharray: 50, 200;
                stroke-dashoffset: -124px
            }
        }

        @keyframes general-base-5f0af726 {
            0% {
                stroke-dasharray: 1, 200;
                stroke-dashoffset: 0
            }

            to {
                stroke-dasharray: 100, 200;
                stroke-dashoffset: -120px
            }
        }

        @keyframes general-rotate-5f0af726 {
            to {
                transform: rotate(450deg)
            }
        }
    </style>
    <style>
        html:not([dark]) .blu-modal__footer[data-v-1b4528ab] {
            --blu-modal-footer-padding: 16px;
            --blu-modal-footer-gap: 8px;
            display: flex;
            justify-content: flex-end;
            padding: var(--blu-modal-footer-padding);
            box-sizing: border-box;
            margin-top: auto
        }

        html:not([dark]) .blu-modal__footer[data-v-1b4528ab]:not(.b-long-action) *:not(:last-child) {
            margin-right: var(--blu-modal-footer-gap)
        }

        html:not([dark]) .blu-modal__footer.b-long-action[data-v-1b4528ab] {
            flex-direction: column-reverse
        }

        html:not([dark]) .blu-modal__footer.b-long-action[data-v-1b4528ab] *:not(:first-child) {
            margin-bottom: var(--blu-modal-footer-gap)
        }

        @media screen and (max-width: 839px) {
            html:not([dark]) .blu-modal__footer[data-v-1b4528ab] .blu-button {
                width: 100%
            }
        }

        html[dark] .blu-modal__footer[data-v-1b4528ab] {
            --blu-modal-footer-padding: 16px;
            --blu-modal-footer-gap: 8px;
            display: flex;
            justify-content: flex-end;
            padding: var(--blu-modal-footer-padding);
            box-sizing: border-box;
            margin-top: auto
        }

        html[dark] .blu-modal__footer[data-v-1b4528ab]:not(.b-long-action) *:not(:last-child) {
            margin-right: var(--blu-modal-footer-gap)
        }

        html[dark] .blu-modal__footer.b-long-action[data-v-1b4528ab] {
            flex-direction: column-reverse
        }

        html[dark] .blu-modal__footer.b-long-action[data-v-1b4528ab] *:not(:first-child) {
            margin-bottom: var(--blu-modal-footer-gap)
        }

        @media screen and (max-width: 839px) {
            html[dark] .blu-modal__footer[data-v-1b4528ab] .blu-button {
                width: 100%
            }
        }
    </style>
    <style type="text/css">
        .label[data-v-1730749f] {
            height: 16px;
            padding: 0 8px;
            display: inline-flex;
            align-items: center;
            font: 12px/16px "blibli demi bold", -apple-system, segoe ui, roboto, helvetica, arial, sans-serif;
            text-decoration: none;
            color: #fff;
            border-radius: 4px;
            background-color: #f1f2f2;
            white-space: nowrap
        }

        .label button[data-v-1730749f] {
            padding: 0;
            margin-right: -4px;
            top: 2px
        }

        .label button svg[data-v-1730749f] {
            margin-right: -6px;
            margin-top: 2px;
            transform: scale(0.75);
            transform-origin: left;
            color: #fff
        }

        .label button.b-primary[data-v-1730749f] {
            color: #fff
        }

        .label.b-secondary button svg[data-v-1730749f] {
            color: #a58d33
        }

        .label.b-dot[data-v-1730749f] {
            width: 8px;
            height: 8px;
            padding: 0;
            font-size: 0
        }

        .label.b-border[data-v-1730749f] {
            box-shadow: 0 0 0 1px #fff
        }

        .label[data-v-1730749f] {
            background-color: #ff4646
        }

        .label.b-secondary[data-v-1730749f] {
            background-color: #ffe6e6;
            color: #e93c3c
        }
    </style>
    <style type="text/css">
        .label[data-v-3c5c9e9e] {
            height: 16px;
            padding: 0 8px;
            display: inline-flex;
            align-items: center;
            font: 12px/16px "blibli demi bold", -apple-system, segoe ui, roboto, helvetica, arial, sans-serif;
            text-decoration: none;
            color: #fff;
            border-radius: 4px;
            background-color: #f1f2f2;
            white-space: nowrap
        }

        .label button[data-v-3c5c9e9e] {
            padding: 0;
            margin-right: -4px;
            top: 2px
        }

        .label button svg[data-v-3c5c9e9e] {
            margin-right: -6px;
            margin-top: 2px;
            transform: scale(0.75);
            transform-origin: left;
            color: #fff
        }

        .label button.b-primary[data-v-3c5c9e9e] {
            color: #fff
        }

        .label.b-secondary button svg[data-v-3c5c9e9e] {
            color: #a58d33
        }

        .label.b-dot[data-v-3c5c9e9e] {
            width: 8px;
            height: 8px;
            padding: 0;
            font-size: 0
        }

        .label.b-border[data-v-3c5c9e9e] {
            box-shadow: 0 0 0 1px #fff
        }

        .label[data-v-3c5c9e9e] {
            background-color: #ff7373
        }
    </style>
    <style type="text/css">
        .label[data-v-592858cc] {
            height: 16px;
            padding: 0 8px;
            display: inline-flex;
            align-items: center;
            font: 12px/16px "blibli demi bold", -apple-system, segoe ui, roboto, helvetica, arial, sans-serif;
            text-decoration: none;
            color: #fff;
            border-radius: 4px;
            background-color: #f1f2f2;
            white-space: nowrap
        }

        .label button[data-v-592858cc] {
            padding: 0;
            margin-right: -4px;
            top: 2px
        }

        .label button svg[data-v-592858cc] {
            margin-right: -6px;
            margin-top: 2px;
            transform: scale(0.75);
            transform-origin: left;
            color: #fff
        }

        .label button.b-primary[data-v-592858cc] {
            color: #fff
        }

        .label.b-secondary button svg[data-v-592858cc] {
            color: #a58d33
        }

        .label.b-dot[data-v-592858cc] {
            width: 8px;
            height: 8px;
            padding: 0;
            font-size: 0
        }

        .label.b-border[data-v-592858cc] {
            box-shadow: 0 0 0 1px #fff
        }

        .label[data-v-592858cc] {
            background-color: #ffcd00
        }

        .label.b-secondary[data-v-592858cc] {
            background-color: #fef5d2;
            color: #f1ab02
        }
    </style>
    <style type="text/css">
        .label[data-v-209f2cd8] {
            height: 16px;
            padding: 0 8px;
            display: inline-flex;
            align-items: center;
            font: 12px/16px "blibli demi bold", -apple-system, segoe ui, roboto, helvetica, arial, sans-serif;
            text-decoration: none;
            color: #fff;
            border-radius: 4px;
            background-color: #f1f2f2;
            white-space: nowrap
        }

        .label button[data-v-209f2cd8] {
            padding: 0;
            margin-right: -4px;
            top: 2px
        }

        .label button svg[data-v-209f2cd8] {
            margin-right: -6px;
            margin-top: 2px;
            transform: scale(0.75);
            transform-origin: left;
            color: #fff
        }

        .label button.b-primary[data-v-209f2cd8] {
            color: #fff
        }

        .label.b-secondary button svg[data-v-209f2cd8] {
            color: #a58d33
        }

        .label.b-dot[data-v-209f2cd8] {
            width: 8px;
            height: 8px;
            padding: 0;
            font-size: 0
        }

        .label.b-border[data-v-209f2cd8] {
            box-shadow: 0 0 0 1px #fff
        }

        .label[data-v-209f2cd8] {
            background-color: #22a334
        }

        .label.b-secondary[data-v-209f2cd8] {
            background-color: #d6f7da;
            color: #1c832a
        }
    </style>
    <style type="text/css">
        .label[data-v-80a16fd0] {
            height: 16px;
            padding: 0 8px;
            display: inline-flex;
            align-items: center;
            font: 12px/16px "blibli demi bold", -apple-system, segoe ui, roboto, helvetica, arial, sans-serif;
            text-decoration: none;
            color: #fff;
            border-radius: 4px;
            background-color: #f1f2f2;
            white-space: nowrap
        }

        .label button[data-v-80a16fd0] {
            padding: 0;
            margin-right: -4px;
            top: 2px
        }

        .label button svg[data-v-80a16fd0] {
            margin-right: -6px;
            margin-top: 2px;
            transform: scale(0.75);
            transform-origin: left;
            color: #fff
        }

        .label button.b-primary[data-v-80a16fd0] {
            color: #fff
        }

        .label.b-secondary button svg[data-v-80a16fd0] {
            color: #a58d33
        }

        .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: #a58d33
        }
    </style>
    <style type="text/css">
        .label[data-v-5021936f] {
            height: 16px;
            padding: 0 8px;
            display: inline-flex;
            align-items: center;
            font: 12px/16px "blibli demi bold", -apple-system, segoe ui, roboto, helvetica, arial, sans-serif;
            text-decoration: none;
            color: #fff;
            border-radius: 4px;
            background-color: #f1f2f2;
            white-space: nowrap
        }

        .label button[data-v-5021936f] {
            padding: 0;
            margin-right: -4px;
            top: 2px
        }

        .label button svg[data-v-5021936f] {
            margin-right: -6px;
            margin-top: 2px;
            transform: scale(0.75);
            transform-origin: left;
            color: #fff
        }

        .label button.b-primary[data-v-5021936f] {
            color: #fff
        }

        .label.b-secondary button svg[data-v-5021936f] {
            color: #a58d33
        }

        .label.b-dot[data-v-5021936f] {
            width: 8px;
            height: 8px;
            padding: 0;
            font-size: 0
        }

        .label.b-border[data-v-5021936f] {
            box-shadow: 0 0 0 1px #fff
        }

        .label[data-v-5021936f] {
            color: rgba(25, 34, 42, .4);
            background-color: #e1e3e4
        }

        .label.b-secondary[data-v-5021936f] {
            background-color: #92979c;
            color: #fff
        }
    </style>
    <style type="text/css">
        .blu-input-stepper[data-v-1e7baa58] {
            display: flex;
            align-items: center;
            justify-content: space-between;
            border-radius: 8px;
            height: 32px;
            padding: 4px;
            transition: all .4s ease-in-out
        }

        .blu-input-stepper[data-v-1e7baa58]:not(.b-readonly) {
            background-color: #f1f2f2
        }

        .blu-input-stepper__input[data-v-1e7baa58] {
            display: flex;
            align-items: center;
            margin: 0;
            color: #19222a
        }

        .blu-input-stepper__plus[data-v-1e7baa58],
        .blu-input-stepper__minus[data-v-1e7baa58] {
            display: flex;
            align-items: center;
            border-radius: 50%;
            width: 24px;
            height: 24px;
            box-sizing: border-box
        }

        .blu-input-stepper.b-disabled[data-v-1e7baa58] {
            cursor: not-allowed
        }

        .blu-input-stepper.b-disabled[data-v-1e7baa58]:not(.b-readonly) {
            background-color: #c8cbcd
        }

        .blu-input-stepper.b-active[data-v-1e7baa58] {
            box-shadow: inset 0px 0px 0px 2px #a58d33
        }
    </style>
    <style type="text/css">
        svg[data-v-4754ff3d] {
            display: inline-block;
            vertical-align: baseline
        }
    </style>
    <style type="text/css">
        .blu-ripple[data-v-2bedc3c7] {
            width: 100%;
            height: 100%;
            position: relative;
            overflow: hidden;
            display: flex;
            justify-content: center;
            align-items: center;
            -webkit-box-pack: center;
            -webkit-box-align: center;
            -webkit-mask-image: radial-gradient(circle, #ffffff 100%, #000000 100%);
            padding: 0 12px
        }

        .blu-ripple-wave[data-v-2bedc3c7] {
            position: absolute;
            z-index: 1;
            pointer-events: none;
            background: currentColor;
            border-radius: 50%;
            opacity: 0;
            transform: scale(2) translateZ(0)
        }

        .blu-ripple-wave.b-centered[data-v-2bedc3c7] {
            animation-duration: 1.2s;
            top: 50%;
            left: 50%
        }

        .blu-ripple-wave~*[data-v-2bedc3c7]:not(.blu-ripple-wave) {
            position: relative;
            z-index: 2
        }

        .blu-ripple-enter-active[data-v-2bedc3c7] {
            transition: 2s cubic-bezier(0.25, 0.8, 0.25, 1);
            transition-property: opacity, transform;
            will-change: opacity, transform
        }

        .blu-ripple-enter-active.b-centered[data-v-2bedc3c7] {
            transition-duration: 1.2s
        }

        .blu-ripple-enter[data-v-2bedc3c7] {
            opacity: .26;
            transform: scale(0.26) translateZ(0)
        }

        .has-left-icon .blu-ripple svg[data-v-2bedc3c7] {
            margin-right: 8px
        }

        .has-left-icon.b-small svg[data-v-2bedc3c7] {
            transform-origin: left;
            margin-right: 4px
        }

        .b-large .blu-ripple[data-v-2bedc3c7] {
            padding: 0 16px
        }

        .b-small .blu-ripple[data-v-2bedc3c7] {
            padding: 0 8px
        }

        .b-small svg[data-v-2bedc3c7] {
            width: 18px;
            height: 18px
        }

        .b-icon .blu-ripple[data-v-2bedc3c7] {
            padding: 0
        }

        .b-loading .blu-loader-wrapper[data-v-2bedc3c7] {
            height: 24px;
            position: absolute
        }

        .b-loading .blu-ripple[data-v-2bedc3c7] {
            color: rgba(0, 0, 0, 0)
        }

        .b-loading .blu-ripple>svg[data-v-2bedc3c7] {
            visibility: hidden
        }

        .b-loading .blu-ripple .blu-ripple-wave[data-v-2bedc3c7] {
            color: #fff
        }

        .b-loading.b-white .blu-ripple-wave[data-v-2bedc3c7] {
            color: #a58d33
        }

        .b-loading.b-outline.b-secondary .blu-ripple-wave[data-v-2bedc3c7] {
            color: #a58d33
        }

        .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: #a58d33
        }

        .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: #a58d33
        }

        .b-disabled[data-v-2bedc3c7] {
            opacity: 1
        }

        .blu-btn-dropdown .blu-ripple>svg+div[data-v-2bedc3c7] {
            margin-left: 8px
        }
    </style>
    <style type="text/css">
        .blu-ripple[data-v-574d97b4] {
            width: 100%;
            height: 100%;
            position: relative;
            overflow: hidden;
            display: flex;
            justify-content: center;
            align-items: center;
            -webkit-box-pack: center;
            -webkit-box-align: center;
            -webkit-mask-image: radial-gradient(circle, #ffffff 100%, #000000 100%);
            padding: 0 12px
        }

        .blu-ripple-wave[data-v-574d97b4] {
            position: absolute;
            z-index: 1;
            pointer-events: none;
            background: currentColor;
            border-radius: 50%;
            opacity: 0;
            transform: scale(2) translateZ(0)
        }

        .blu-ripple-wave.b-centered[data-v-574d97b4] {
            animation-duration: 1.2s;
            top: 50%;
            left: 50%
        }

        .blu-ripple-wave~*[data-v-574d97b4]:not(.blu-ripple-wave) {
            position: relative;
            z-index: 2
        }

        .blu-ripple-enter-active[data-v-574d97b4] {
            transition: 2s cubic-bezier(0.25, 0.8, 0.25, 1);
            transition-property: opacity, transform;
            will-change: opacity, transform
        }

        .blu-ripple-enter-active.b-centered[data-v-574d97b4] {
            transition-duration: 1.2s
        }

        .blu-ripple-enter[data-v-574d97b4] {
            opacity: .26;
            transform: scale(0.26) translateZ(0)
        }

        .has-left-icon .blu-ripple svg[data-v-574d97b4] {
            margin-right: 8px
        }

        .has-left-icon.b-small svg[data-v-574d97b4] {
            transform-origin: left;
            margin-right: 4px
        }

        .b-large .blu-ripple[data-v-574d97b4] {
            padding: 0 16px
        }

        .b-small .blu-ripple[data-v-574d97b4] {
            padding: 0 8px
        }

        .b-small svg[data-v-574d97b4] {
            width: 18px;
            height: 18px
        }

        .b-icon .blu-ripple[data-v-574d97b4] {
            padding: 0
        }

        .b-loading .blu-loader-wrapper[data-v-574d97b4] {
            height: 24px;
            position: absolute
        }

        .b-loading .blu-ripple[data-v-574d97b4] {
            color: rgba(0, 0, 0, 0)
        }

        .b-loading .blu-ripple>svg[data-v-574d97b4] {
            visibility: hidden
        }

        .b-loading .blu-ripple .blu-ripple-wave[data-v-574d97b4] {
            color: #fff
        }

        .b-loading.b-white .blu-ripple-wave[data-v-574d97b4] {
            color: #a58d33
        }

        .b-loading.b-outline.b-secondary .blu-ripple-wave[data-v-574d97b4] {
            color: #a58d33
        }

        .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: #a58d33
        }

        .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: #a58d33
        }

        .b-disabled[data-v-574d97b4] {
            opacity: 1
        }

        .blu-btn-dropdown .blu-ripple>svg+div[data-v-574d97b4] {
            margin-left: 8px
        }
    </style>
    <style type="text/css">
        .blu-ripple[data-v-19fd2cc7] {
            width: 100%;
            height: 100%;
            position: relative;
            overflow: hidden;
            display: flex;
            justify-content: center;
            align-items: center;
            -webkit-box-pack: center;
            -webkit-box-align: center;
            -webkit-mask-image: radial-gradient(circle, #ffffff 100%, #000000 100%);
            padding: 0 12px
        }

        .blu-ripple-wave[data-v-19fd2cc7] {
            position: absolute;
            z-index: 1;
            pointer-events: none;
            background: currentColor;
            border-radius: 50%;
            opacity: 0;
            transform: scale(2) translateZ(0)
        }

        .blu-ripple-wave.b-centered[data-v-19fd2cc7] {
            animation-duration: 1.2s;
            top: 50%;
            left: 50%
        }

        .blu-ripple-wave~*[data-v-19fd2cc7]:not(.blu-ripple-wave) {
            position: relative;
            z-index: 2
        }

        .blu-ripple-enter-active[data-v-19fd2cc7] {
            transition: 2s cubic-bezier(0.25, 0.8, 0.25, 1);
            transition-property: opacity, transform;
            will-change: opacity, transform
        }

        .blu-ripple-enter-active.b-centered[data-v-19fd2cc7] {
            transition-duration: 1.2s
        }

        .blu-ripple-enter[data-v-19fd2cc7] {
            opacity: .26;
            transform: scale(0.26) translateZ(0)
        }

        .has-left-icon .blu-ripple svg[data-v-19fd2cc7] {
            margin-right: 8px
        }

        .has-left-icon.b-small svg[data-v-19fd2cc7] {
            transform-origin: left;
            margin-right: 4px
        }

        .b-large .blu-ripple[data-v-19fd2cc7] {
            padding: 0 16px
        }

        .b-small .blu-ripple[data-v-19fd2cc7] {
            padding: 0 8px
        }

        .b-small svg[data-v-19fd2cc7] {
            width: 18px;
            height: 18px
        }

        .b-icon .blu-ripple[data-v-19fd2cc7] {
            padding: 0
        }

        .b-loading .blu-loader-wrapper[data-v-19fd2cc7] {
            height: 24px;
            position: absolute
        }

        .b-loading .blu-ripple[data-v-19fd2cc7] {
            color: rgba(0, 0, 0, 0)
        }

        .b-loading .blu-ripple>svg[data-v-19fd2cc7] {
            visibility: hidden
        }

        .b-loading .blu-ripple .blu-ripple-wave[data-v-19fd2cc7] {
            color: #fff
        }

        .b-loading.b-white .blu-ripple-wave[data-v-19fd2cc7] {
            color: #a58d33
        }

        .b-loading.b-outline.b-secondary .blu-ripple-wave[data-v-19fd2cc7] {
            color: #a58d33
        }

        .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: #a58d33
        }

        .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: #a58d33
        }

        .b-disabled[data-v-19fd2cc7] {
            opacity: 1
        }

        .blu-btn-dropdown .blu-ripple>svg+div[data-v-19fd2cc7] {
            margin-left: 8px
        }

        .blu-btn[data-v-19fd2cc7] {
            position: relative;
            font: 16px/20px "blibli demi bold", -apple-system, segoe ui, roboto, helvetica, arial, sans-serif;
            text-decoration: none;
            transition: color .4s, background-color .4s, border-color .6s;
            white-space: nowrap;
            height: 48px;
            padding: 0;
            -webkit-tap-highlight-color: rgba(0, 0, 0, 0)
        }

        .blu-btn[data-v-19fd2cc7]::-moz-focus-inner {
            border: 0
        }

        .blu-btn[data-v-19fd2cc7]:active {
            outline: none
        }

        .blu-btn[data-v-19fd2cc7]:before {
            position: absolute;
            top: 0;
            right: 0;
            bottom: 0;
            left: 0;
            z-index: 1;
            opacity: 0;
            transition: .4s cubic-bezier(0.4, 0, 0.2, 1);
            will-change: background-color, opacity;
            content: " "
        }

        .blu-btn[data-v-19fd2cc7]:focus-visible {
            box-shadow: 0px 0px 0px 4px #000
        }

        .blu-btn.b-primary[data-v-19fd2cc7] {
            color: #fff;
            background-color: #f1ab02;
            border-color: #f1ab02
        }

        .blu-btn.b-primary[data-v-19fd2cc7]:not(.b-disabled):focus-visible,
        .blu-btn.b-primary[data-v-19fd2cc7]:not(.b-disabled):hover,
        .blu-btn.b-primary:not(.b-disabled).b-active[data-v-19fd2cc7] {
            background-color: #e39304;
            border-color: #e39304
        }

        .blu-btn.b-secondary[data-v-19fd2cc7] {
            color: #fff;
            background-color: #a58d33;
            border-color: #a58d33
        }

        .blu-btn.b-secondary[data-v-19fd2cc7]:not(.b-disabled):focus-visible,
        .blu-btn.b-secondary[data-v-19fd2cc7]:not(.b-disabled):hover,
        .blu-btn.b-secondary:not(.b-disabled).b-active[data-v-19fd2cc7] {
            background-color: #ac8221;
            border-color: #ac8221
        }

        .blu-btn.b-white[data-v-19fd2cc7] {
            color: #fff;
            background-color: #fff;
            border-color: #fff;
            color: #a58d33
        }

        .blu-btn.b-white[data-v-19fd2cc7]:not(.b-disabled):focus-visible,
        .blu-btn.b-white[data-v-19fd2cc7]:not(.b-disabled):hover,
        .blu-btn.b-white:not(.b-disabled).b-active[data-v-19fd2cc7] {
            background-color: #f1f2f2;
            border-color: #f1f2f2
        }

        .blu-btn.b-disabled[data-v-19fd2cc7] {
            color: #fff;
            background-color: #c8cbcd;
            border-color: #c8cbcd;
            color: rgba(25, 34, 42, .4)
        }

        .blu-btn.b-disabled[data-v-19fd2cc7]:not(.b-disabled):focus-visible,
        .blu-btn.b-disabled[data-v-19fd2cc7]:not(.b-disabled):hover,
        .blu-btn.b-disabled:not(.b-disabled).b-active[data-v-19fd2cc7] {
            background-color: #c8cbcd;
            border-color: #c8cbcd
        }

        .blu-btn.b-large[data-v-19fd2cc7] {
            height: 56px
        }

        .blu-btn.b-small[data-v-19fd2cc7] {
            font: 14px/18px "blibli demi bold", -apple-system, segoe ui, roboto, helvetica, arial, sans-serif;
            height: 32px
        }

        .b-disabled[data-v-19fd2cc7] {
            opacity: 1
        }

        input[type=submit][data-v-19fd2cc7]::-moz-focus-inner,
        input[type=button][data-v-19fd2cc7]::-moz-focus-inner {
            border: 0px
        }

        button[data-v-19fd2cc7]:focus,
        input[type=submit][data-v-19fd2cc7]:focus,
        input[type=button][data-v-19fd2cc7]:focus,
        input[type=reset][data-v-19fd2cc7]:focus,
        a[data-v-19fd2cc7] {
            outline: none
        }

        a[data-v-19fd2cc7],
        a[data-v-19fd2cc7]:visited,
        a[data-v-19fd2cc7]:focus,
        a[data-v-19fd2cc7]:active,
        a[data-v-19fd2cc7]:hover {
            outline: 0 none !important
        }

        .blu-btn[data-v-19fd2cc7] {
            border-radius: 24px
        }

        .blu-btn+.blu-button[data-v-19fd2cc7] {
            margin-left: 0
        }

        .blu-btn.b-outline[data-v-19fd2cc7] {
            background-color: rgba(0, 0, 0, 0)
        }

        .blu-btn.b-outline.b-primary[data-v-19fd2cc7] {
            color: #f1ab02;
            background-color: #e39304;
            border: #ffcd00 1px solid
        }

        .blu-btn.b-outline.b-primary[data-v-19fd2cc7]:not(.b-disabled) {
            background-color: rgba(255, 255, 255, .12)
        }

        .blu-btn.b-outline.b-primary[data-v-19fd2cc7]:not(.b-disabled):focus-visible,
        .blu-btn.b-outline.b-primary[data-v-19fd2cc7]:not(.b-disabled):hover,
        .blu-btn.b-outline.b-primary:not(.b-disabled).b-active[data-v-19fd2cc7] {
            background-color: rgba(227, 147, 4, .08);
            border: #ffcd00 1px solid
        }

        .blu-btn.b-outline.b-primary.b-active[data-v-19fd2cc7] {
            z-index: 9;
            background-color: #f1ab02;
            color: #fff
        }

        .blu-btn.b-outline.b-secondary[data-v-19fd2cc7] {
            color: #a58d33;
            background-color: #ac8221;
            border: #1d8fff 1px solid
        }

        .blu-btn.b-outline.b-secondary[data-v-19fd2cc7]:not(.b-disabled) {
            background-color: rgba(255, 255, 255, .12)
        }

        .blu-btn.b-outline.b-secondary[data-v-19fd2cc7]:not(.b-disabled):focus-visible,
        .blu-btn.b-outline.b-secondary[data-v-19fd2cc7]:not(.b-disabled):hover,
        .blu-btn.b-outline.b-secondary:not(.b-disabled).b-active[data-v-19fd2cc7] {
            background-color: rgba(0, 109, 234, .08);
            border: #1d8fff 1px solid
        }

        .blu-btn.b-outline.b-secondary.b-active[data-v-19fd2cc7] {
            z-index: 9;
            background-color: #a58d33;
            color: #fff
        }

        .blu-btn.b-outline.b-white[data-v-19fd2cc7] {
            color: #fff;
            background-color: #fff;
            border: #fff 1px solid
        }

        .blu-btn.b-outline.b-white[data-v-19fd2cc7]:not(.b-disabled) {
            background-color: rgba(255, 255, 255, .12)
        }

        .blu-btn.b-outline.b-white[data-v-19fd2cc7]:not(.b-disabled):focus-visible,
        .blu-btn.b-outline.b-white[data-v-19fd2cc7]:not(.b-disabled):hover,
        .blu-btn.b-outline.b-white:not(.b-disabled).b-active[data-v-19fd2cc7] {
            background-color: rgba(255, 255, 255, .4);
            border: #fff 1px solid
        }

        .blu-btn.b-outline.b-white.b-active[data-v-19fd2cc7] {
            z-index: 9;
            background-color: #fff;
            color: #fff
        }

        .blu-btn.b-outline.b-disabled[data-v-19fd2cc7] {
            color: rgba(25, 34, 42, .4);
            background-color: #c8cbcd;
            border: #c8cbcd 1px solid
        }

        .blu-btn.b-outline.b-disabled[data-v-19fd2cc7]:not(.b-disabled) {
            background-color: rgba(255, 255, 255, .12)
        }

        .blu-btn.b-outline.b-disabled[data-v-19fd2cc7]:not(.b-disabled):focus-visible,
        .blu-btn.b-outline.b-disabled[data-v-19fd2cc7]:not(.b-disabled):hover,
        .blu-btn.b-outline.b-disabled:not(.b-disabled).b-active[data-v-19fd2cc7] {
            background-color: rgba(200, 203, 205, .08);
            border: #c8cbcd 1px solid
        }

        .blu-btn.b-outline.b-disabled.b-active[data-v-19fd2cc7] {
            z-index: 9;
            background-color: rgba(25, 34, 42, .4);
            color: #fff
        }

        .blu-btn.b-outline.b-small .blu-ripple[data-v-19fd2cc7] {
            border-radius: 14px
        }

        .blu-btn.b-outline.b-large .blu-ripple[data-v-19fd2cc7] {
            border-radius: 30px
        }

        .blu-btn.b-ghost[data-v-19fd2cc7] {
            background-color: rgba(0, 0, 0, 0);
            border-color: rgba(0, 0, 0, 0)
        }

        .blu-btn.b-ghost.b-primary[data-v-19fd2cc7] {
            color: #f1ab02;
            border-color: rgba(0, 0, 0, 0)
        }

        .blu-btn.b-ghost.b-primary[data-v-19fd2cc7]:not(.b-disabled):focus-visible,
        .blu-btn.b-ghost.b-primary[data-v-19fd2cc7]:not(.b-disabled):hover,
        .blu-btn.b-ghost.b-primary:not(.b-disabled).b-active[data-v-19fd2cc7] {
            border-color: rgba(0, 0, 0, 0);
            background-color: rgba(227, 147, 4, .08)
        }

        .blu-btn.b-ghost.b-secondary[data-v-19fd2cc7] {
            color: #a58d33;
            border-color: rgba(0, 0, 0, 0)
        }

        .blu-btn.b-ghost.b-secondary[data-v-19fd2cc7]:not(.b-disabled):focus-visible,
        .blu-btn.b-ghost.b-secondary[data-v-19fd2cc7]:not(.b-disabled):hover,
        .blu-btn.b-ghost.b-secondary:not(.b-disabled).b-active[data-v-19fd2cc7] {
            border-color: rgba(0, 0, 0, 0);
            background-color: rgba(0, 109, 234, .08)
        }

        .blu-btn.b-ghost.b-white[data-v-19fd2cc7] {
            color: #fff;
            border-color: rgba(0, 0, 0, 0)
        }

        .blu-btn.b-ghost.b-white[data-v-19fd2cc7]:not(.b-disabled):focus-visible,
        .blu-btn.b-ghost.b-white[data-v-19fd2cc7]:not(.b-disabled):hover,
        .blu-btn.b-ghost.b-white:not(.b-disabled).b-active[data-v-19fd2cc7] {
            border-color: rgba(0, 0, 0, 0);
            background-color: rgba(255, 255, 255, .4)
        }

        .blu-btn.b-ghost.b-white.b-disabled[data-v-19fd2cc7] {
            color: rgba(255, 255, 255, .4);
            border-color: rgba(0, 0, 0, 0)
        }

        .blu-btn.b-ghost.b-white.b-disabled[data-v-19fd2cc7]:not(.b-disabled):focus-visible,
        .blu-btn.b-ghost.b-white.b-disabled[data-v-19fd2cc7]:not(.b-disabled):hover,
        .blu-btn.b-ghost.b-white.b-disabled:not(.b-disabled).b-active[data-v-19fd2cc7] {
            border-color: rgba(0, 0, 0, 0);
            background-color: rgba(0, 0, 0, 0)
        }

        .blu-btn.b-ghost.b-disabled[data-v-19fd2cc7] {
            color: rgba(25, 34, 42, .4);
            border-color: rgba(0, 0, 0, 0)
        }

        .blu-btn.b-ghost.b-disabled[data-v-19fd2cc7]:not(.b-disabled):focus-visible,
        .blu-btn.b-ghost.b-disabled[data-v-19fd2cc7]:not(.b-disabled):hover,
        .blu-btn.b-ghost.b-disabled:not(.b-disabled).b-active[data-v-19fd2cc7] {
            border-color: rgba(0, 0, 0, 0);
            background-color: rgba(0, 0, 0, 0)
        }

        .blu-btn.b-warning[data-v-19fd2cc7] {
            color: #fff;
            background-color: #ffcd00;
            border-color: #ffcd00
        }

        .blu-btn.b-warning[data-v-19fd2cc7]:not(.b-disabled):focus-visible,
        .blu-btn.b-warning[data-v-19fd2cc7]:not(.b-disabled):hover,
        .blu-btn.b-warning:not(.b-disabled).b-active[data-v-19fd2cc7] {
            background-color: #cca400;
            border-color: #cca400
        }

        .blu-btn.b-danger[data-v-19fd2cc7] {
            color: #fff;
            background-color: #ff4646;
            border-color: #ff4646
        }

        .blu-btn.b-danger[data-v-19fd2cc7]:not(.b-disabled):focus-visible,
        .blu-btn.b-danger[data-v-19fd2cc7]:not(.b-disabled):hover,
        .blu-btn.b-danger:not(.b-disabled).b-active[data-v-19fd2cc7] {
            background-color: #ff1313;
            border-color: #ff1313
        }

        .blu-btn.b-small[data-v-19fd2cc7] {
            border-radius: 16px
        }

        .blu-btn.b-small .blu-ripple[data-v-19fd2cc7] {
            border-radius: 16px
        }

        .blu-btn.b-large[data-v-19fd2cc7] {
            border-radius: 32px
        }

        .blu-btn.b-large .blu-ripple[data-v-19fd2cc7] {
            border-radius: 32px
        }

        .blu-btn.b-icon[data-v-19fd2cc7] {
            width: 48px
        }

        .blu-btn.b-icon.b-large[data-v-19fd2cc7] {
            width: 56px
        }

        .blu-btn.b-icon.b-small[data-v-19fd2cc7] {
            width: 32px
        }

        .blu-btn.b-icon svg[data-v-19fd2cc7] {
            width: 100%;
            height: 100%
        }

        .blu-btn.b-full-width[data-v-19fd2cc7] {
            width: 100%
        }

        .blu-btn .blu-ripple[data-v-19fd2cc7] {
            border-radius: 24px
        }
    </style>
    <style type="text/css">
        .blu-field[data-v-12bd13fe] {
            position: relative;
            margin-bottom: 16px
        }

        .blu-field input.form__input[data-v-12bd13fe] {
            width: auto
        }

        .blu-field input.form__input[type=email][data-v-12bd13fe],
        .blu-field input.form__input[type=number][data-v-12bd13fe],
        .blu-field input.form__input[type=search][data-v-12bd13fe],
        .blu-field input.form__input[type=text][data-v-12bd13fe],
        .blu-field input.form__input[type=tel][data-v-12bd13fe],
        .blu-field input.form__input[type=url][data-v-12bd13fe],
        .blu-field input.form__input[type=password][data-v-12bd13fe] {
            padding: 24px 20px 8px 14px;
            height: 56px
        }

        .blu-field textarea[data-v-12bd13fe] {
            padding: 22px 16px 8px 14px;
            resize: vertical
        }

        .blu-field input.form__input[data-v-12bd13fe],
        .blu-field textarea[data-v-12bd13fe] {
            width: 100%;
            margin-top: 0;
            border-radius: 8px;
            border: #c8cbcd 1px solid;
            color: #19222a;
            font: 16px/20px "blibli", -apple-system, segoe ui, roboto, helvetica, arial, sans-serif;
            transition: border .2s, background-color .4s
        }

        .blu-field input.form__input[type=search][data-v-12bd13fe],
        .blu-field textarea[type=search][data-v-12bd13fe] {
            font: 16px/20px "blibli", -apple-system, segoe ui, roboto, helvetica, arial, sans-serif;
            color: #19222a
        }

        .blu-field input.form__input[type=search][data-v-12bd13fe]::placeholder,
        .blu-field textarea[type=search][data-v-12bd13fe]::placeholder {
            color: rgba(25, 34, 42, .4)
        }

        .blu-field input.form__input[data-v-12bd13fe]:not(:read-only):focus,
        .blu-field textarea[data-v-12bd13fe]:not(:read-only):focus {
            border-color: #1d8fff
        }

        .blu-field input.form__input:not(:read-only):focus~label[data-v-12bd13fe],
        .blu-field textarea:not(:read-only):focus~label[data-v-12bd13fe] {
            font: 12px/16px "blibli", -apple-system, segoe ui, roboto, helvetica, arial, sans-serif;
            color: #a58d33;
            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: #a58d33
        }

        .blu-field input.form__input[data-v-12bd13fe]:read-only,
        .blu-field textarea[data-v-12bd13fe]:read-only {
            border-color: #f1f2f2
        }

        .blu-field textarea[data-v-12bd13fe] {
            height: 100px
        }

        .blu-field textarea[data-v-12bd13fe]::-webkit-scrollbar {
            width: 6px;
            background-color: rgba(0, 0, 0, 0)
        }

        .blu-field textarea[data-v-12bd13fe]::-webkit-scrollbar-thumb {
            border-radius: 3px;
            background-color: #c8cbcd
        }

        .blu-field textarea[data-v-12bd13fe]::-webkit-scrollbar-track {
            border-radius: 3px;
            background-color: rgba(0, 0, 0, 0)
        }

        .blu-field label[data-v-12bd13fe] {
            font: 16px/20px "blibli", -apple-system, segoe ui, roboto, helvetica, arial, sans-serif;
            color: rgba(25, 34, 42, .4);
            position: absolute;
            top: 18px;
            left: 16px;
            transition: all .2s, background-color .4s
        }

        .blu-field button[data-v-12bd13fe] {
            padding: 0;
            margin: 0;
            color: #797f85;
            display: flex
        }

        .blu-field button[data-v-12bd13fe]:focus-visible {
            outline: none
        }

        .blu-field button:focus-visible svg[data-v-12bd13fe] {
            outline: 4px solid #000
        }

        .blu-field__msg[data-v-12bd13fe] {
            flex: auto;
            margin-top: 4px
        }

        .blu-field__msg-wrapper[data-v-12bd13fe] {
            display: flex;
            justify-content: flex-end;
            font: 14px/18px "blibli", -apple-system, segoe ui, roboto, helvetica, arial, sans-serif;
            color: rgba(25, 34, 42, .4)
        }

        .blu-field__counter[data-v-12bd13fe] {
            text-align: right
        }

        .blu-field__btn[data-v-12bd13fe] {
            top: 16px;
            position: absolute;
            display: flex;
            right: 16px;
            align-items: center
        }

        .blu-field .title[data-v-12bd13fe] {
            display: none;
            color: rgba(25, 34, 42, .7019607843)
        }

        .blu-field:not(.b-disabled) input.form__input[data-v-12bd13fe]:hover,
        .blu-field:not(.b-disabled) textarea[data-v-12bd13fe]:hover {
            background-color: #f1f2f2
        }

        .blu-field:not(.b-disabled).has-value label[data-v-12bd13fe] {
            color: #a58d33
        }

        .blu-field:not(.b-disabled).has-value textarea+label[data-v-12bd13fe] {
            background-color: #fff
        }

        .blu-field:not(.b-disabled).has-value textarea:hover~label[data-v-12bd13fe] {
            background-color: #f1f2f2
        }

        .blu-field:not(.b-disabled).has-value textarea[data-v-12bd13fe]::-webkit-credentials-auto-fill-button {
            margin-right: 0
        }

        .blu-field.has-value label[data-v-12bd13fe] {
            font: 12px/16px "blibli", -apple-system, segoe ui, roboto, helvetica, arial, sans-serif;
            top: 2px;
            padding-top: 6px;
            opacity: 1
        }

        .blu-field.has-value textarea+label[data-v-12bd13fe] {
            width: calc(100% - 32px)
        }

        .blu-field.has-value.b-success label[data-v-12bd13fe] {
            color: #1c832a
        }

        .blu-field.has-value.b-danger label[data-v-12bd13fe] {
            color: #e93c3c
        }

        .blu-field.has-max-length input.form__input[data-v-12bd13fe] {
            animation: shake-12bd13fe .82s cubic-bezier(0.36, 0.07, 0.19, 0.97) both;
            transform: translate3d(0, 0, 0);
            backface-visibility: hidden;
            perspective: 1000px
        }

        .blu-field.has-placeholder[data-v-12bd13fe] ::placeholder {
            font: 16px/20px "blibli", -apple-system, segoe ui, roboto, helvetica, arial, sans-serif;
            opacity: 1;
            color: rgba(25, 34, 42, .4)
        }

        .blu-field.has-placeholder .title[data-v-12bd13fe] {
            position: absolute;
            font-size: 1.2rem;
            font-weight: normal;
            top: -8px;
            left: 16px;
            display: block;
            color: rgba(25, 34, 42, .7019607843)
        }

        .blu-field.has-placeholder .blu-field__btn[data-v-12bd13fe] {
            top: 32px
        }

        .blu-field.has-placeholder textarea[data-v-12bd13fe] {
            padding-top: 16px;
            margin-top: 16px
        }

        .blu-field.has-placeholder input.form__input[data-v-12bd13fe] {
            padding-top: 8px;
            margin-top: 16px
        }

        .blu-field.has-placeholder input.form__input[data-v-12bd13fe]:focus::placeholder {
            color: rgba(25, 34, 42, .4)
        }

        .blu-field.has-placeholder.has-left-icon .blu-field__btn[data-v-12bd13fe],
        .blu-field.has-placeholder.has-right-icon .blu-field__btn[data-v-12bd13fe] {
            top: 32px
        }

        .blu-field.has-left-icon .blu-field__btn[data-v-12bd13fe] {
            left: 16px;
            right: auto;
            width: calc(100% - 28px);
            pointer-events: none;
            justify-content: space-between
        }

        .blu-field.has-left-icon .blu-field__btn-close[data-v-12bd13fe],
        .blu-field.has-left-icon .blu-field__btn-custom[data-v-12bd13fe] {
            pointer-events: all
        }

        .blu-field.has-left-icon.b-clearable[data-v-12bd13fe] {
            flex-direction: row-reverse
        }

        .blu-field.has-left-icon.b-clearable.has-value .blu-field__btn-close[data-v-12bd13fe] {
            order: 2
        }

        .blu-field.has-left-icon.b-clearable.has-value .blu-field__btn-custom[data-v-12bd13fe] {
            order: 1
        }

        .blu-field.has-left-icon label[data-v-12bd13fe] {
            padding-left: 30px
        }

        .blu-field.has-left-icon input.form__input[data-v-12bd13fe] {
            padding-left: 44px
        }

        .blu-field.has-left-icon input.form__input[type=search][data-v-12bd13fe] {
            padding-left: 46px
        }

        @media screen and (max-width: 768px) {
            .blu-field.has-left-icon input.form__input[type=search][data-v-12bd13fe] {
                padding-left: 32px
            }

            .blu-field.has-left-icon input.form__input[type=search]~label[data-v-12bd13fe] {
                left: 24px
            }

            .blu-field.has-left-icon input.form__input[type=search]~.blu-field__btn[data-v-12bd13fe] {
                width: calc(100% - 15px);
                bottom: 17px;
                left: 5px
            }

            .blu-field.has-left-icon input.form__input[type=search]~.blu-field__btn .blu-field__btn-custom svg[data-v-12bd13fe],
            .blu-field.has-left-icon input.form__input[type=search]~.blu-field__btn .blu-field__btn-close svg[data-v-12bd13fe] {
                width: 18px;
                height: 18px
            }
        }

        @media screen and (max-width: 768px) {
            .blu-field.has-left-icon input.form__input[type=search][data-v-12bd13fe] {
                height: 36px;
                border-radius: 8px
            }
        }

        .blu-field.has-right-icon input.form__input[data-v-12bd13fe] {
            padding-right: 46px
        }

        .blu-field.b-clearable input.form__input[data-v-12bd13fe],
        .blu-field.b-clearable textarea[data-v-12bd13fe] {
            padding-right: 47px
        }

        .blu-field.b-clearable input.form__input[type=password][data-v-12bd13fe],
        .blu-field.b-clearable textarea[type=password][data-v-12bd13fe] {
            padding-right: 80px
        }

        @media screen and (max-width: 768px) {

            .blu-field.b-clearable input.form__input[type=search][data-v-12bd13fe],
            .blu-field.b-clearable textarea[type=search][data-v-12bd13fe] {
                padding-right: 33px
            }
        }

        .blu-field.b-clearable .blu-field__btn-close[data-v-12bd13fe]:not(:last-child) {
            margin-right: 8px
        }

        .blu-field.has-action .blu-field__btn[data-v-12bd13fe] {
            top: 12px
        }

        .blu-field.has-action.has-placeholder .blu-field__btn[data-v-12bd13fe] {
            top: 28px
        }

        .blu-field.has-action input.form__input[data-v-12bd13fe] {
            padding-right: 81px
        }

        .blu-field.has-action.b-clearable input.form__input[data-v-12bd13fe],
        .blu-field.has-action.has-password input.form__input[data-v-12bd13fe] {
            padding-right: 118px
        }

        .blu-field.has-leading-icon .blu-field__leading-icon[data-v-12bd13fe] {
            position: absolute;
            top: 16px;
            left: 16px;
            pointer-events: none;
            z-index: 1
        }

        .blu-field.has-leading-icon label[data-v-12bd13fe] {
            padding-left: 32px
        }

        .blu-field.has-leading-icon input.form__input[data-v-12bd13fe] {
            padding-left: 46px
        }

        .blu-field.has-leading-icon input.form__input[type=search][data-v-12bd13fe] {
            padding-left: 48px
        }

        @media screen and (max-width: 768px) {
            .blu-field.has-leading-icon input.form__input[type=search][data-v-12bd13fe] {
                padding-left: 32px;
                height: 36px;
                border-radius: 8px
            }

            .blu-field.has-leading-icon input.form__input[type=search]~label[data-v-12bd13fe] {
                left: 24px
            }

            .blu-field.has-leading-icon input.form__input[type=search]~.blu-field__leading-icon[data-v-12bd13fe] {
                top: 24px;
                left: 8px
            }

            .blu-field.has-leading-icon input.form__input[type=search]~.blu-field__leading-icon svg[data-v-12bd13fe] {
                width: 18px;
                height: 18px
            }

            .blu-field.has-leading-icon input.form__input[type=search]~.blu-field__btn[data-v-12bd13fe] {
                bottom: 17px;
                right: 8px
            }

            .blu-field.has-leading-icon input.form__input[type=search]~.blu-field__btn .blu-field__btn-custom svg[data-v-12bd13fe],
            .blu-field.has-leading-icon input.form__input[type=search]~.blu-field__btn .blu-field__btn-close svg[data-v-12bd13fe],
            .blu-field.has-leading-icon input.form__input[type=search]~.blu-field__btn .blu-field__leading-icon svg[data-v-12bd13fe] {
                width: 18px;
                height: 18px
            }
        }

        .blu-field.has-leading-icon.has-placeholder .blu-field__leading-icon[data-v-12bd13fe] {
            top: 32px
        }

        .blu-field.has-leading-icon.has-placeholder.b-small:not(.has-no-gap) :not(input[type=search].form__input)~.blu-field__leading-icon[data-v-12bd13fe] {
            top: 23px
        }

        .blu-field.has-leading-icon.has-placeholder.b-small:not(.has-no-gap) .blu-field__leading-icon[data-v-12bd13fe] {
            top: 25px
        }

        .blu-field.has-leading-icon.has-placeholder.b-small :not(input[type=search].form__input)~.blu-field__leading-icon[data-v-12bd13fe] {
            top: 7px
        }

        .blu-field.has-custom-icon input.form__input[data-v-12bd13fe] {
            padding-right: 46px
        }

        .blu-field.has-custom-icon.b-clearable input.form__input[data-v-12bd13fe] {
            padding-right: 80px
        }

        .blu-field.has-no-gap[data-v-12bd13fe] {
            margin-bottom: 0
        }

        .blu-field.has-no-gap.has-placeholder input.form__input[data-v-12bd13fe] {
            margin-top: 0
        }

        .blu-field.has-no-gap.has-leading-icon.has-placeholder:not(.b-small) .blu-field__leading-icon[data-v-12bd13fe],
        .blu-field.has-no-gap.has-leading-icon.has-placeholder:not(.b-small) .blu-field__btn[data-v-12bd13fe] {
            top: 16px
        }

        .blu-field.has-no-gap.has-leading-icon.has-placeholder .blu-field__leading-icon[data-v-12bd13fe] {
            top: 9px
        }

        .blu-field.has-no-gap.has-leading-icon.has-placeholder .blu-field__btn[data-v-12bd13fe] {
            top: 7px
        }

        @media screen and (min-width: 769px),
        print {
            .blu-field.has-no-gap.has-leading-icon.has-placeholder.b-small input[type=search].form__input~.blu-field__btn[data-v-12bd13fe] {
                top: 9px
            }
        }

        @media screen and (max-width: 768px) {
            .blu-field.has-no-gap.has-leading-icon.has-placeholder input[type=search].form__input~.blu-field__leading-icon[data-v-12bd13fe] {
                top: 9px
            }

            .blu-field.has-no-gap.has-leading-icon.has-placeholder input[type=search].form__input~.blu-field__btn[data-v-12bd13fe] {
                top: 17px
            }
        }

        .blu-field.b-success input.form__input[data-v-12bd13fe],
        .blu-field.b-success textarea[data-v-12bd13fe],
        .blu-field.b-success input[data-v-12bd13fe]:not(:read-only):focus,
        .blu-field.b-success textarea[data-v-12bd13fe]:not(:read-only):focus,
        .blu-field.b-success textarea[data-v-12bd13fe]:focus {
            border-color: #22a334
        }

        .blu-field.b-success input.form__input~.blu-field__msg-wrapper .blu-field__msg[data-v-12bd13fe],
        .blu-field.b-success input.form__input~.blu-field__msg[data-v-12bd13fe],
        .blu-field.b-success input.form__input~.blu-field__msg-wrapper .blu-field__counter[data-v-12bd13fe],
        .blu-field.b-success textarea~.blu-field__msg-wrapper .blu-field__msg[data-v-12bd13fe],
        .blu-field.b-success textarea~.blu-field__msg[data-v-12bd13fe],
        .blu-field.b-success textarea~.blu-field__msg-wrapper .blu-field__counter[data-v-12bd13fe],
        .blu-field.b-success input:not(:read-only):focus~.blu-field__msg-wrapper .blu-field__msg[data-v-12bd13fe],
        .blu-field.b-success input:not(:read-only):focus~.blu-field__msg[data-v-12bd13fe],
        .blu-field.b-success input:not(:read-only):focus~.blu-field__msg-wrapper .blu-field__counter[data-v-12bd13fe],
        .blu-field.b-success textarea:not(:read-only):focus~.blu-field__msg-wrapper .blu-field__msg[data-v-12bd13fe],
        .blu-field.b-success textarea:not(:read-only):focus~.blu-field__msg[data-v-12bd13fe],
        .blu-field.b-success textarea:not(:read-only):focus~.blu-field__msg-wrapper .blu-field__counter[data-v-12bd13fe],
        .blu-field.b-success textarea:focus~.blu-field__msg-wrapper .blu-field__msg[data-v-12bd13fe],
        .blu-field.b-success textarea:focus~.blu-field__msg[data-v-12bd13fe],
        .blu-field.b-success textarea:focus~.blu-field__msg-wrapper .blu-field__counter[data-v-12bd13fe] {
            color: #1c832a
        }

        .blu-field.b-success input.form__input~.title[data-v-12bd13fe],
        .blu-field.b-success textarea~.title[data-v-12bd13fe],
        .blu-field.b-success input:not(:read-only):focus~.title[data-v-12bd13fe],
        .blu-field.b-success textarea:not(:read-only):focus~.title[data-v-12bd13fe],
        .blu-field.b-success textarea:focus~.title[data-v-12bd13fe] {
            color: #1c832a
        }

        .blu-field.b-success input.form__input:not(:read-only):focus~label[data-v-12bd13fe],
        .blu-field.b-success textarea:not(:read-only):focus~label[data-v-12bd13fe],
        .blu-field.b-success input:not(:read-only):focus:not(:read-only):focus~label[data-v-12bd13fe],
        .blu-field.b-success textarea:not(:read-only):focus:not(:read-only):focus~label[data-v-12bd13fe],
        .blu-field.b-success textarea:focus:not(:read-only):focus~label[data-v-12bd13fe] {
            color: #1c832a
        }

        .blu-field.b-danger input[data-v-12bd13fe],
        .blu-field.b-danger textarea[data-v-12bd13fe],
        .blu-field.b-danger input[data-v-12bd13fe]:not(:read-only):focus,
        .blu-field.b-danger textarea[data-v-12bd13fe]:not(:read-only):focus,
        .blu-field.b-danger textarea[data-v-12bd13fe]:focus {
            border-color: #ff4646
        }

        .blu-field.b-danger input~.blu-field__msg-wrapper .blu-field__msg[data-v-12bd13fe],
        .blu-field.b-danger input~.blu-field__msg[data-v-12bd13fe],
        .blu-field.b-danger input~.blu-field__msg-wrapper .blu-field__counter[data-v-12bd13fe],
        .blu-field.b-danger textarea~.blu-field__msg-wrapper .blu-field__msg[data-v-12bd13fe],
        .blu-field.b-danger textarea~.blu-field__msg[data-v-12bd13fe],
        .blu-field.b-danger textarea~.blu-field__msg-wrapper .blu-field__counter[data-v-12bd13fe],
        .blu-field.b-danger input:not(:read-only):focus~.blu-field__msg-wrapper .blu-field__msg[data-v-12bd13fe],
        .blu-field.b-danger input:not(:read-only):focus~.blu-field__msg[data-v-12bd13fe],
        .blu-field.b-danger input:not(:read-only):focus~.blu-field__msg-wrapper .blu-field__counter[data-v-12bd13fe],
        .blu-field.b-danger textarea:not(:read-only):focus~.blu-field__msg-wrapper .blu-field__msg[data-v-12bd13fe],
        .blu-field.b-danger textarea:not(:read-only):focus~.blu-field__msg[data-v-12bd13fe],
        .blu-field.b-danger textarea:not(:read-only):focus~.blu-field__msg-wrapper .blu-field__counter[data-v-12bd13fe],
        .blu-field.b-danger textarea:focus~.blu-field__msg-wrapper .blu-field__msg[data-v-12bd13fe],
        .blu-field.b-danger textarea:focus~.blu-field__msg[data-v-12bd13fe],
        .blu-field.b-danger textarea:focus~.blu-field__msg-wrapper .blu-field__counter[data-v-12bd13fe] {
            color: #e93c3c
        }

        .blu-field.b-danger input~.title[data-v-12bd13fe],
        .blu-field.b-danger textarea~.title[data-v-12bd13fe],
        .blu-field.b-danger input:not(:read-only):focus~.title[data-v-12bd13fe],
        .blu-field.b-danger textarea:not(:read-only):focus~.title[data-v-12bd13fe],
        .blu-field.b-danger textarea:focus~.title[data-v-12bd13fe] {
            color: #e93c3c
        }

        .blu-field.b-danger input:not(:read-only):focus~label[data-v-12bd13fe],
        .blu-field.b-danger textarea:not(:read-only):focus~label[data-v-12bd13fe],
        .blu-field.b-danger input:not(:read-only):focus:not(:read-only):focus~label[data-v-12bd13fe],
        .blu-field.b-danger textarea:not(:read-only):focus:not(:read-only):focus~label[data-v-12bd13fe],
        .blu-field.b-danger textarea:focus:not(:read-only):focus~label[data-v-12bd13fe] {
            color: #e93c3c
        }

        .b-dark input.form__input[data-v-12bd13fe],
        .b-dark textarea[data-v-12bd13fe] {
            background-color: #f1f2f2;
            border-color: #f1f2f2
        }

        .b-dark:not(.b-disabled) input.form__input[data-v-12bd13fe]:hover,
        .b-dark:not(.b-disabled) textarea[data-v-12bd13fe]:hover {
            background-color: #e1e3e4
        }

        .b-dark:not(.b-disabled).has-value textarea+label[data-v-12bd13fe] {
            background-color: #f1f2f2
        }

        .b-dark:not(.b-disabled).has-value textarea:hover~label[data-v-12bd13fe] {
            background-color: #e1e3e4
        }

        .b-disabled input.form__input[data-v-12bd13fe],
        .b-disabled textarea[data-v-12bd13fe] {
            background-color: #c8cbcd;
            border-color: #c8cbcd
        }

        .b-disabled input.form__input[data-v-12bd13fe],
        .b-disabled textarea[data-v-12bd13fe],
        .b-disabled label[data-v-12bd13fe],
        .b-disabled .blu-field__btn *[data-v-12bd13fe] {
            cursor: not-allowed;
            color: rgba(25, 34, 42, .4)
        }

        .b-small input.form__input[data-v-12bd13fe] {
            font: 14px/18px "blibli", -apple-system, segoe ui, roboto, helvetica, arial, sans-serif;
            border-radius: 8px
        }

        .b-small input.form__input[type=email][data-v-12bd13fe],
        .b-small input.form__input[type=number][data-v-12bd13fe],
        .b-small input.form__input[type=text][data-v-12bd13fe],
        .b-small input.form__input[type=tel][data-v-12bd13fe],
        .b-small input.form__input[type=url][data-v-12bd13fe],
        .b-small input.form__input[type=password][data-v-12bd13fe] {
            height: 32px
        }

        .b-small input.form__input[type=email]~.blu-field__leading-icon[data-v-12bd13fe],
        .b-small input.form__input[type=number]~.blu-field__leading-icon[data-v-12bd13fe],
        .b-small input.form__input[type=text]~.blu-field__leading-icon[data-v-12bd13fe],
        .b-small input.form__input[type=tel]~.blu-field__leading-icon[data-v-12bd13fe],
        .b-small input.form__input[type=url]~.blu-field__leading-icon[data-v-12bd13fe],
        .b-small input.form__input[type=password]~.blu-field__leading-icon[data-v-12bd13fe] {
            top: 6px
        }

        .b-small input.form__input[type=search][data-v-12bd13fe] {
            height: 36px
        }

        .b-small input.form__input[type=search]~.blu-field__btn[data-v-12bd13fe] {
            right: 8px
        }

        @media screen and (min-width: 769px),
        print {
            .b-small input.form__input[type=search]~.blu-field__btn[data-v-12bd13fe] {
                top: 25px
            }
        }

        @media screen and (max-width: 768px) {
            .b-small input.form__input[type=search]~.blu-field__btn[data-v-12bd13fe] {
                top: 33px
            }
        }

        .b-small.blu-field input.form__input[data-v-12bd13fe] {
            padding-left: 6px
        }

        .b-small.has-placeholder[data-v-12bd13fe] ::placeholder {
            font: 14px/18px "blibli", -apple-system, segoe ui, roboto, helvetica, arial, sans-serif;
            color: rgba(25, 34, 42, .4)
        }

        .b-small.has-placeholder .blu-field__btn[data-v-12bd13fe] {
            top: 23px;
            right: 8px
        }

        .b-small.has-placeholder .blu-field__leading-icon svg[data-v-12bd13fe],
        .b-small.has-placeholder .blu-field__btn svg[data-v-12bd13fe] {
            width: 18px;
            height: 18px
        }

        .b-small.b-clearable input.form__input[data-v-12bd13fe] {
            padding-right: 33px
        }

        .b-small.has-leading-icon input.form__input[data-v-12bd13fe] {
            padding-left: 32px
        }

        .b-small.has-leading-icon input.form__input[type=search][data-v-12bd13fe] {
            padding-left: 32px
        }

        .b-small.has-leading-icon .blu-field__btn-custom[data-v-12bd13fe],
        .b-small.has-leading-icon .blu-field__btn-close[data-v-12bd13fe],
        .b-small.has-leading-icon .blu-field__leading-icon[data-v-12bd13fe] {
            left: 8px
        }

        .b-small .blu-field__btn[data-v-12bd13fe] {
            top: 6px
        }

        [data-v-12bd13fe]::placeholder {
            font-size: 0;
            opacity: 0
        }

        [data-v-12bd13fe]::-ms-reveal {
            display: none
        }

        [data-v-12bd13fe]:-ms-input-placeholder {
            font-size: 0;
            opacity: 0
        }

        [data-v-12bd13fe]::-ms-input-placeholder {
            font-size: 0;
            opacity: 0
        }

        input[data-v-12bd13fe]:-internal-autofill-selected {
            background-color: #fff !important
        }

        [data-v-12bd13fe]::-webkit-credentials-auto-fill-button {
            -webkit-mask-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0iTTE4LjkxIDE0LjU2YTEuNzY5IDEuNzY5IDAgMCAxLTEuNDM1LS43MjVsLTIuNjUtMy42ODNhMS4wMDEgMS4wMDEgMCAwIDEgMS42MjUtMS4xNjhsMi40NSAzLjQwOCAyLjIwMi0zLjM3MWExIDEgMCAwIDEgMS42NzQgMS4wOTRsLTIuNCAzLjY3MmMtLjM3My41MDgtLjg5Ni43NzMtMS40NjYuNzczWiIgZmlsbD0iIzc5N0Y4NSIvPjxwYXRoIGZpbGwtcnVsZT0iZXZlbm9kZCIgY2xpcC1ydWxlPSJldmVub2RkIiBkPSJNMTIuOTIgNy4wNzNjMC0zLjAzMS0yLjQ2Ni01LjQ4OS01LjUxLTUuNDg5LTMuMDQ0IDAtNS41MTEgMi40NTctNS41MTEgNS40ODlhNS40ODcgNS40ODcgMCAwIDAgMy40NTkgNS4wOTFjLS4wNTYgMS45MTMtLjAyIDMuODMuMTI0IDUuNzM5bC4wMTEuMTQ0Yy4wMjkuMzkyLjE3My43Ni40MDYgMS4wMzhsLjgxLjk2OGMuNTEuNjA5IDEuNDc0LjcwMiAxLjg0NiAwIC4xNjYtLjMxNC4yMjctMS4wOTctLjAxLTEuNjIyLS4zMzYtLjc0Ny0uNjIxLTEuMTg5LjM0Mi0yLjM3OC4xOTktLjI0Ni4xODYtLjYyMy4wNTUtLjkyMS0uMjc1LS42MjgtLjU1My0xLjc1OC4zMDMtMi44MTMuMDI4LS4wMzUuMDczLS4wNzYuMTI0LS4xMiAyLjA3NS0uNzg4IDMuNTUyLTIuNzgzIDMuNTUyLTUuMTI2Wk03LjQxIDQuMDc5YTEuNSAxLjUgMCAwIDEgMS41MDQgMS40OTdBMS41IDEuNSAwIDAgMSA3LjQxIDcuMDczYTEuNSAxLjUgMCAwIDEtMS41MDMtMS40OTdBMS41IDEuNSAwIDAgMSA3LjQxIDQuMDc5WiIgZmlsbD0iIzc5N0Y4NSIvPjwvc3ZnPg==);
            -webkit-mask-size: 18px 18px;
            width: 18px;
            height: 18px;
            background-color: rgba(25, 34, 42, .4);
            margin-top: -14px;
            margin-right: -30px
        }

        input[type=number][data-v-12bd13fe]::-webkit-inner-spin-button,
        input[type=number][data-v-12bd13fe]::-webkit-outer-spin-button {
            -webkit-appearance: none;
            margin: 0
        }

        @keyframes shake-12bd13fe {

            10%,
            90% {
                transform: translate3d(-1px, 0, 0)
            }

            20%,
            80% {
                transform: translate3d(2px, 0, 0)
            }

            30%,
            50%,
            70% {
                transform: translate3d(-4px, 0, 0)
            }

            40%,
            60% {
                transform: translate3d(4px, 0, 0)
            }
        }

        .blu-input-stepper input[data-v-12bd13fe] {
            font: 18px/24px "blibli demi bold", -apple-system, segoe ui, roboto, helvetica, arial, sans-serif;
            color: #19222a;
            background-color: inherit
        }

        .blu-input-stepper input[type=number][data-v-12bd13fe] {
            width: 100%;
            height: 100%;
            padding: 0px;
            border: none;
            text-align: center;
            -moz-appearance: textfield
        }

        .blu-input-stepper input[type=number][data-v-12bd13fe]::-webkit-inner-spin-button {
            -webkit-appearance: none;
            margin: 0
        }

        .blu-input-stepper input[type=number][data-v-12bd13fe]:hover {
            background-color: inherit
        }

        .blu-input-stepper input[type=number][data-v-12bd13fe]:focus {
            border: none
        }

        .blu-input-stepper.b-readonly input[data-v-12bd13fe] {
            cursor: default
        }

        .blu-input-stepper.b-disabled input[data-v-12bd13fe] {
            color: rgba(25, 34, 42, .4)
        }
    </style>
    <style type="text/css">
        @media screen and (max-width: 768px) {

            .blu-bottomsheet.fade-enter-active[data-v-07062944],
            .blu-bottomsheet.fade-leave-active[data-v-07062944] {
                position: absolute;
                z-index: 99;
                transition: opacity .5s
            }

            .b-default .blu-bottomsheet__mask[data-v-07062944] {
                transition: opacity .3s ease;
                position: fixed;
                z-index: 99;
                top: 0;
                left: 0;
                width: 100%;
                height: 100%;
                background-color: rgba(0, 0, 0, .6);
                display: flex;
                flex-direction: column;
                justify-content: center;
                align-items: center
            }

            .b-default.fade-enter-active .blu-bottomsheet__mask[data-v-07062944],
            .b-default.fade-leave-active .blu-bottomsheet__mask[data-v-07062944] {
                transition: opacity .5s
            }

            .b-default.fade-enter .blu-bottomsheet__mask[data-v-07062944],
            .b-default.fade-leave-to .blu-bottomsheet__mask[data-v-07062944] {
                opacity: 0
            }
        }
    </style>
    <style type="text/css">
        @media screen and (max-width: 768px) {
            .blu-bottomsheet__container[data-v-6fec5330] {
                font-family: "blibli", -apple-system, segoe ui, roboto, helvetica, arial, sans-serif;
                width: 100%;
                max-width: 100%;
                height: auto;
                max-height: calc(100% - (env(safe-area-inset-top) + env(safe-area-inset-bottom) + 50px));
                background-color: #fff;
                border-radius: 16px 16px 0 0;
                box-shadow: 0 1px 6px 0 rgba(0, 0, 0, .1);
                position: fixed;
                z-index: 1000;
                left: 0;
                bottom: 0;
                padding-bottom: env(safe-area-inset-bottom)
            }

            .b-default.fade-enter-active .blu-bottomsheet__container[data-v-6fec5330],
            .b-default.fade-leave-active .blu-bottomsheet__container[data-v-6fec5330],
            .b-nomask.fade-enter-active .blu-bottomsheet__container[data-v-6fec5330],
            .b-nomask.fade-leave-active .blu-bottomsheet__container[data-v-6fec5330] {
                transition: bottom .5s
            }

            .b-default.fade-enter .blu-bottomsheet__container[data-v-6fec5330],
            .b-default.fade-leave-to .blu-bottomsheet__container[data-v-6fec5330],
            .b-nomask.fade-enter .blu-bottomsheet__container[data-v-6fec5330],
            .b-nomask.fade-leave-to .blu-bottomsheet__container[data-v-6fec5330] {
                bottom: -100vh
            }

            .b-fullscreen[data-v-6fec5330] {
                color: #fff
            }

            .b-fullscreen .blu-bottomsheet__container[data-v-6fec5330] {
                height: 100%;
                max-height: 100%;
                border-radius: 0
            }

            .b-fullscreen.fade-enter-active .blu-bottomsheet__container[data-v-6fec5330],
            .b-fullscreen.fade-leave-active .blu-bottomsheet__container[data-v-6fec5330] {
                transition: left .5s
            }

            .b-fullscreen.fade-enter .blu-bottomsheet__container[data-v-6fec5330],
            .b-fullscreen.fade-leave-to .blu-bottomsheet__container[data-v-6fec5330] {
                left: -100vw
            }
        }
    </style>
    <style type="text/css">
        @media screen and (max-width: 768px) {
            .blu-bottomsheet__close[data-v-33277075] {
                padding: 24px;
                position: absolute;
                right: 0;
                top: 0
            }

            .blu-bottomsheet__close i[data-v-33277075]:before,
            .blu-bottomsheet__close i[data-v-33277075]:after {
                content: "";
                width: 20px;
                height: 4px;
                border-radius: 4px;
                background-color: #acb0b4;
                position: absolute;
                top: 24px;
                right: 24px
            }

            .blu-bottomsheet__close i[data-v-33277075]:before {
                transform: rotate(45deg)
            }

            .blu-bottomsheet__close i[data-v-33277075]:after {
                transform: rotate(-45deg)
            }

            .b-default .blu-bottomsheet__close[data-v-33277075] {
                top: -42px
            }

            .b-default .blu-bottomsheet__close i[data-v-33277075]:before,
            .b-default .blu-bottomsheet__close i[data-v-33277075]:after {
                background-color: #c8cbcd
            }

            .b-fullscreen .blu-bottomsheet__close[data-v-33277075] {
                padding: 0;
                display: flex;
                align-items: center;
                height: 50px;
                left: 16px;
                font-size: 1.6rem;
                font-weight: bold
            }

            .b-fullscreen .blu-bottomsheet__close i[data-v-33277075] {
                transform: scale(0.5);
                transform-origin: left;
                width: 32px;
                height: 4px;
                background: #92979c;
                border-radius: 2px;
                position: relative
            }

            .b-fullscreen .blu-bottomsheet__close i[data-v-33277075]:before,
            .b-fullscreen .blu-bottomsheet__close i[data-v-33277075]:after {
                content: "";
                width: 18px;
                height: 4px;
                border-radius: 4px;
                background-color: #92979c;
                position: absolute;
                left: -1px
            }

            .b-fullscreen .blu-bottomsheet__close i[data-v-33277075]:before {
                top: -5px;
                transform: rotate(-38deg)
            }

            .b-fullscreen .blu-bottomsheet__close i[data-v-33277075]:after {
                top: 5px;
                transform: rotate(38deg)
            }
        }
    </style>
    <style type="text/css">
        .blu-ticker[data-v-e275b4e8] {
            --blu-ticker-color-background: #f9f9fa;
            --blu-ticker-color-border: #e1e3e4;
            display: flex;
            justify-content: flex-start;
            align-items: flex-start;
            border-radius: 8px;
            position: relative;
            background-color: var(--blu-ticker-color-background);
            border: 1px solid var(--blu-ticker-color-border);
            color: rgba(25, 34, 42, .7019607843);
            padding: 8px;
            margin-bottom: 8px;
            z-index: 0
        }

        .blu-ticker__msg[data-v-e275b4e8] {
            z-index: 0;
            align-self: center
        }

        @media screen and (min-width: 769px),
        print {
            .blu-ticker__msg[data-v-e275b4e8] {
                font: 16px/20px "blibli", -apple-system, segoe ui, roboto, helvetica, arial, sans-serif
            }
        }

        @media screen and (max-width: 768px) {
            .blu-ticker__msg[data-v-e275b4e8] {
                font: 14px/18px "blibli", -apple-system, segoe ui, roboto, helvetica, arial, sans-serif
            }
        }

        .blu-ticker__close[data-v-e275b4e8] {
            object-fit: contain;
            position: relative;
            z-index: 0;
            width: 18px;
            height: 18px;
            padding: 11px
        }

        .blu-ticker__close i[data-v-e275b4e8] {
            content: "";
            top: 0;
            right: 0;
            position: absolute;
            width: 18px;
            height: 18px;
            padding: 12px;
            background: rgba(0, 0, 0, 0) url(data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PSIwIDAgMjQgMjQiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGQ9Ik0xMy43NjcyIDEyTDE3LjYzMiA4LjEzODM5QzE4LjEyMjcgNy42NDgxOSAxOC4xMjI3IDYuODU3ODYgMTcuNjMyIDYuMzY3NjVDMTcuMTQxNCA1Ljg3NzQ1IDE2LjM1MDQgNS44Nzc0NSAxNS44NTk4IDYuMzY3NjVMMTEuOTk1IDEwLjIyOTNMOC4xNDAxOCA2LjM3NzY2QzcuNjQ5NTYgNS44ODc0NSA2Ljg1ODU3IDUuODg3NDUgNi4zNjc5NiA2LjM3NzY2QzUuODc3MzUgNi44Njc4NiA1Ljg3NzM1IDcuNjU4MTkgNi4zNjc5NiA4LjE0ODRMMTAuMjIyOCAxMkw2LjM2Nzk2IDE1Ljg2MTZDNS44NzczNSAxNi4zNTE4IDUuODc3MzUgMTcuMTQyMSA2LjM2Nzk2IDE3LjYzMjNDNi44NTg1NyAxOC4xMjI2IDcuNjQ5NTYgMTguMTIyNiA4LjE0MDE4IDE3LjYzMjNMMTIuMDA1IDEzLjc3MDdMMTUuODU5OCAxNy42MjIzQzE2LjM1MDQgMTguMTEyNSAxNy4xNDE0IDE4LjExMjUgMTcuNjMyIDE3LjYyMjNDMTguMTIyNyAxNy4xMzIxIDE4LjEyMjcgMTYuMzQxOCAxNy42MzIgMTUuODUxNkwxMy43NzcyIDEySDEzLjc2NzJaIiBmaWxsPSIjNzk3Rjg1Ii8+Cjwvc3ZnPgo=) center center no-repeat #e1e3e4;
            background-color: rgba(25, 34, 42, .7019607843);
            -webkit-mask-image: url(data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PSIwIDAgMjQgMjQiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGQ9Ik0xMy43NjcyIDEyTDE3LjYzMiA4LjEzODM5QzE4LjEyMjcgNy42NDgxOSAxOC4xMjI3IDYuODU3ODYgMTcuNjMyIDYuMzY3NjVDMTcuMTQxNCA1Ljg3NzQ1IDE2LjM1MDQgNS44Nzc0NSAxNS44NTk4IDYuMzY3NjVMMTEuOTk1IDEwLjIyOTNMOC4xNDAxOCA2LjM3NzY2QzcuNjQ5NTYgNS44ODc0NSA2Ljg1ODU3IDUuODg3NDUgNi4zNjc5NiA2LjM3NzY2QzUuODc3MzUgNi44Njc4NiA1Ljg3NzM1IDcuNjU4MTkgNi4zNjc5NiA4LjE0ODRMMTAuMjIyOCAxMkw2LjM2Nzk2IDE1Ljg2MTZDNS44NzczNSAxNi4zNTE4IDUuODc3MzUgMTcuMTQyMSA2LjM2Nzk2IDE3LjYzMjNDNi44NTg1NyAxOC4xMjI2IDcuNjQ5NTYgMTguMTIyNiA4LjE0MDE4IDE3LjYzMjNMMTIuMDA1IDEzLjc3MDdMMTUuODU5OCAxNy42MjIzQzE2LjM1MDQgMTguMTEyNSAxNy4xNDE0IDE4LjExMjUgMTcuNjMyIDE3LjYyMjNDMTguMTIyNyAxNy4xMzIxIDE4LjEyMjcgMTYuMzQxOCAxNy42MzIgMTUuODUxNkwxMy43NzcyIDEySDEzLjc2NzJaIiBmaWxsPSIjNzk3Rjg1Ii8+Cjwvc3ZnPgo=)
        }

        @media screen and (max-width: 768px) {
            .blu-ticker__close[data-v-e275b4e8] {
                transform: scale(0.75)
            }
        }

        .blu-ticker__close[data-v-e275b4e8]:focus-visible {
            box-shadow: 0px 0px 0px 4px #000;
            outline: none
        }

        .blu-ticker__title[data-v-e275b4e8] {
            color: #19222a
        }

        @media screen and (min-width: 769px),
        print {
            .blu-ticker__title[data-v-e275b4e8] {
                font: 16px/20px "blibli demi bold", -apple-system, segoe ui, roboto, helvetica, arial, sans-serif
            }
        }

        @media screen and (max-width: 768px) {
            .blu-ticker__title[data-v-e275b4e8] {
                font: 14px/18px "blibli demi bold", -apple-system, segoe ui, roboto, helvetica, arial, sans-serif
            }
        }

        .blu-ticker__btn[data-v-e275b4e8] {
            margin: 8px 0 0 -14px
        }

        .blu-ticker.b-info[data-v-e275b4e8] {
            --blu-ticker-color-background: #f3f9ff;
            --blu-ticker-color-border: #b9deff
        }

        .blu-ticker.b-info.has-icon>.blu-ticker__icon[data-v-e275b4e8] {
            background-color: #ac8221;
            -webkit-mask-image: url(data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PSIwIDAgMjQgMjQiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+DQo8cGF0aCBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGNsaXAtcnVsZT0iZXZlbm9kZCIgZD0iTTIgMTJDMiA2LjQ4IDYuNDggMiAxMiAyQzE3LjUyIDIgMjIgNi40OCAyMiAxMkMyMiAxNy41MiAxNy41MiAyMiAxMiAyMkM2LjQ4IDIyIDIgMTcuNTIgMiAxMlpNMTEuOTcgOC43Mzc2NEMxMi43MjY2IDguNzM3NjQgMTMuMzQgOC4xMjQ4IDEzLjM0IDcuMzY4ODJDMTMuMzQgNi42MTI4NCAxMi43MjY2IDYgMTEuOTcgNkMxMS4yMTM0IDYgMTAuNiA2LjYxMjg0IDEwLjYgNy4zNjg4MkMxMC42IDguMTI0OCAxMS4yMTM0IDguNzM3NjQgMTEuOTcgOC43Mzc2NFpNMTEuNDk5OSAxMC4xMDY0SDEyLjQ0OTlDMTIuODQ5OSAxMC4xMDY0IDEzLjE3OTkgMTAuNDM2MiAxMy4xNzk5IDEwLjgzNThWMTcuMjcwM0MxMy4xNzk5IDE3LjY2OTkgMTIuODQ5OSAxNy45OTk2IDEyLjQ0OTkgMTcuOTk5NkgxMS40OTk5QzExLjA5OTkgMTcuOTk5NiAxMC43Njk5IDE3LjY2OTkgMTAuNzY5OSAxNy4yNzAzVjEwLjgzNThDMTAuNzY5OSAxMC40MzYyIDExLjA5OTkgMTAuMTA2NCAxMS40OTk5IDEwLjEwNjRaIiBmaWxsPSIjNzk3Rjg1Ii8+DQo8L3N2Zz4NCg==);
            mask-image: url(data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PSIwIDAgMjQgMjQiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+DQo8cGF0aCBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGNsaXAtcnVsZT0iZXZlbm9kZCIgZD0iTTIgMTJDMiA2LjQ4IDYuNDggMiAxMiAyQzE3LjUyIDIgMjIgNi40OCAyMiAxMkMyMiAxNy41MiAxNy41MiAyMiAxMiAyMkM2LjQ4IDIyIDIgMTcuNTIgMiAxMlpNMTEuOTcgOC43Mzc2NEMxMi43MjY2IDguNzM3NjQgMTMuMzQgOC4xMjQ4IDEzLjM0IDcuMzY4ODJDMTMuMzQgNi42MTI4NCAxMi43MjY2IDYgMTEuOTcgNkMxMS4yMTM0IDYgMTAuNiA2LjYxMjg0IDEwLjYgNy4zNjg4MkMxMC42IDguMTI0OCAxMS4yMTM0IDguNzM3NjQgMTEuOTcgOC43Mzc2NFpNMTEuNDk5OSAxMC4xMDY0SDEyLjQ0OTlDMTIuODQ5OSAxMC4xMDY0IDEzLjE3OTkgMTAuNDM2MiAxMy4xNzk5IDEwLjgzNThWMTcuMjcwM0MxMy4xNzk5IDE3LjY2OTkgMTIuODQ5OSAxNy45OTk2IDEyLjQ0OTkgMTcuOTk5NkgxMS40OTk5QzExLjA5OTkgMTcuOTk5NiAxMC43Njk5IDE3LjY2OTkgMTAuNzY5OSAxNy4yNzAzVjEwLjgzNThDMTAuNzY5OSAxMC40MzYyIDExLjA5OTkgMTAuMTA2NCAxMS40OTk5IDEwLjEwNjRaIiBmaWxsPSIjNzk3Rjg1Ii8+DQo8L3N2Zz4NCg==)
        }

        .blu-ticker.b-success[data-v-e275b4e8] {
            --blu-ticker-color-background: #effcf0;
            --blu-ticker-color-border: #b2efb9
        }

        .blu-ticker.b-success.has-icon>.blu-ticker__icon[data-v-e275b4e8] {
            background-color: #1c832a;
            -webkit-mask-image: url(data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PSIwIDAgMjQgMjQiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+DQo8cGF0aCBkPSJNMTIgMkM2LjQ4IDIgMiA2LjQ4IDIgMTJDMiAxNy41MiA2LjQ4IDIyIDEyIDIyQzE3LjUyIDIyIDIyIDE3LjUyIDIyIDEyQzIyIDYuNDggMTcuNTIgMiAxMiAyWk0xNy4wNSA5LjExTDEyLjA2IDE2LjEyQzExLjg4IDE2LjM3IDExLjYgMTYuNTIgMTEuMjkgMTYuNTRIMTEuMjRDMTAuOTUgMTYuNTQgMTAuNjcgMTYuNDIgMTAuNDggMTYuMTlMNi45OSAxMi4xM0M2LjgyIDExLjkzIDYuNzMgMTEuNjcgNi43NSAxMS40MUM2Ljc3IDExLjE0IDYuODkgMTAuOSA3LjA5IDEwLjczQzcuNTEgMTAuMzcgOC4xNCAxMC40MiA4LjUgMTAuODRMMTEuMTYgMTMuOTNMMTUuNDEgNy45NkMxNS43MyA3LjUxIDE2LjM1IDcuNDEgMTYuOCA3LjczQzE3LjAyIDcuODggMTcuMTYgOC4xMSAxNy4yMSA4LjM4QzE3LjI1IDguNjQgMTcuMTkgOC45MSAxNy4wNCA5LjEyTDE3LjA1IDkuMTFaIiBmaWxsPSIjNzk3Rjg1Ii8+DQo8L3N2Zz4=);
            mask-image: url(data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PSIwIDAgMjQgMjQiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+DQo8cGF0aCBkPSJNMTIgMkM2LjQ4IDIgMiA2LjQ4IDIgMTJDMiAxNy41MiA2LjQ4IDIyIDEyIDIyQzE3LjUyIDIyIDIyIDE3LjUyIDIyIDEyQzIyIDYuNDggMTcuNTIgMiAxMiAyWk0xNy4wNSA5LjExTDEyLjA2IDE2LjEyQzExLjg4IDE2LjM3IDExLjYgMTYuNTIgMTEuMjkgMTYuNTRIMTEuMjRDMTAuOTUgMTYuNTQgMTAuNjcgMTYuNDIgMTAuNDggMTYuMTlMNi45OSAxMi4xM0M2LjgyIDExLjkzIDYuNzMgMTEuNjcgNi43NSAxMS40MUM2Ljc3IDExLjE0IDYuODkgMTAuOSA3LjA5IDEwLjczQzcuNTEgMTAuMzcgOC4xNCAxMC40MiA4LjUgMTAuODRMMTEuMTYgMTMuOTNMMTUuNDEgNy45NkMxNS43MyA3LjUxIDE2LjM1IDcuNDEgMTYuOCA3LjczQzE3LjAyIDcuODggMTcuMTYgOC4xMSAxNy4yMSA4LjM4QzE3LjI1IDguNjQgMTcuMTkgOC45MSAxNy4wNCA5LjEyTDE3LjA1IDkuMTFaIiBmaWxsPSIjNzk3Rjg1Ii8+DQo8L3N2Zz4=)
        }

        .blu-ticker.b-warning[data-v-e275b4e8] {
            --blu-ticker-color-background: #fff8e0;
            --blu-ticker-color-border: #fef0b6
        }

        .blu-ticker.b-warning.has-icon>.blu-ticker__icon[data-v-e275b4e8] {
            background-color: #f1ab02;
            -webkit-mask-image: url(data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PSIwIDAgMjQgMjQiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+DQo8cGF0aCBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGNsaXAtcnVsZT0iZXZlbm9kZCIgZD0iTTMuODc0MzYgMjFIMjAuMTE0NEgyMC4xMjQ0QzIxLjU1MzUgMjEgMjIuNDUyOSAxOS41MDM1IDIxLjc2MzQgMTguMjg2NEwxMy42NDg0IDMuOTUwMjZDMTIuOTM4OCAyLjY4MzI1IDExLjA2OTkgMi42ODMyNSAxMC4zNjA0IDMuOTUwMjZMMi4yMzUzNyAxOC4yOTY0QzEuNTQ1OCAxOS41MTM1IDIuNDU1MjQgMjEgMy44NzQzNiAyMVpNMTAuOTkgMTMuOTM3NEwxMC43MDAyIDkuMDk4ODdWNy43NTIwNUMxMC43MDAyIDcuMzMzMDQgMTEuMDQgNi45OTM4NCAxMS40NTk3IDYuOTkzODRIMTIuNjA5QzEzLjAyODggNi45OTM4NCAxMy4zNjg2IDcuMzMzMDQgMTMuMzY4NiA3Ljc1MjA1VjkuMTA4ODRMMTMuMDg4NyAxMy45Mjc1QzEzLjA2ODcgMTQuMzI2NSAxMi43Mzg5IDE0LjYzNTggMTIuMzI5MiAxNC42MzU4SDExLjc0OTVDMTEuMzQ5OCAxNC42MzU4IDExLjAyIDE0LjMyNjUgMTAuOTkgMTMuOTI3NVYxMy45Mzc0Wk0xMS45OTk0IDE4Ljk2NTJDMTIuNzg4NyAxOC45NjUyIDEzLjQyODYgMTguMzI2NSAxMy40Mjg2IDE3LjUzODZDMTMuNDI4NiAxNi43NTA3IDEyLjc4ODcgMTYuMTEyIDExLjk5OTQgMTYuMTEyQzExLjIxMDIgMTYuMTEyIDEwLjU3MDMgMTYuNzUwNyAxMC41NzAzIDE3LjUzODZDMTAuNTcwMyAxOC4zMjY1IDExLjIxMDIgMTguOTY1MiAxMS45OTk0IDE4Ljk2NTJaIiBmaWxsPSIjNzk3Rjg1Ii8+DQo8L3N2Zz4NCg==);
            mask-image: url(data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PSIwIDAgMjQgMjQiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+DQo8cGF0aCBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGNsaXAtcnVsZT0iZXZlbm9kZCIgZD0iTTMuODc0MzYgMjFIMjAuMTE0NEgyMC4xMjQ0QzIxLjU1MzUgMjEgMjIuNDUyOSAxOS41MDM1IDIxLjc2MzQgMTguMjg2NEwxMy42NDg0IDMuOTUwMjZDMTIuOTM4OCAyLjY4MzI1IDExLjA2OTkgMi42ODMyNSAxMC4zNjA0IDMuOTUwMjZMMi4yMzUzNyAxOC4yOTY0QzEuNTQ1OCAxOS41MTM1IDIuNDU1MjQgMjEgMy44NzQzNiAyMVpNMTAuOTkgMTMuOTM3NEwxMC43MDAyIDkuMDk4ODdWNy43NTIwNUMxMC43MDAyIDcuMzMzMDQgMTEuMDQgNi45OTM4NCAxMS40NTk3IDYuOTkzODRIMTIuNjA5QzEzLjAyODggNi45OTM4NCAxMy4zNjg2IDcuMzMzMDQgMTMuMzY4NiA3Ljc1MjA1VjkuMTA4ODRMMTMuMDg4NyAxMy45Mjc1QzEzLjA2ODcgMTQuMzI2NSAxMi43Mzg5IDE0LjYzNTggMTIuMzI5MiAxNC42MzU4SDExLjc0OTVDMTEuMzQ5OCAxNC42MzU4IDExLjAyIDE0LjMyNjUgMTAuOTkgMTMuOTI3NVYxMy45Mzc0Wk0xMS45OTk0IDE4Ljk2NTJDMTIuNzg4NyAxOC45NjUyIDEzLjQyODYgMTguMzI2NSAxMy40Mjg2IDE3LjUzODZDMTMuNDI4NiAxNi43NTA3IDEyLjc4ODcgMTYuMTEyIDExLjk5OTQgMTYuMTEyQzExLjIxMDIgMTYuMTEyIDEwLjU3MDMgMTYuNzUwNyAxMC41NzAzIDE3LjUzODZDMTAuNTcwMyAxOC4zMjY1IDExLjIxMDIgMTguOTY1MiAxMS45OTk0IDE4Ljk2NTJaIiBmaWxsPSIjNzk3Rjg1Ii8+DQo8L3N2Zz4NCg==)
        }

        .blu-ticker.b-danger[data-v-e275b4e8] {
            --blu-ticker-color-background: #fff5f5;
            --blu-ticker-color-border: #fecccb
        }

        .blu-ticker.b-danger.has-icon>.blu-ticker__icon[data-v-e275b4e8] {
            background-color: #d33534;
            -webkit-mask-image: url(data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PSIwIDAgMjQgMjQiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+DQo8cGF0aCBkPSJNMTIgMkM2LjQ4IDIgMiA2LjQ4IDIgMTJDMiAxNy41MiA2LjQ4IDIyIDEyIDIyQzE3LjUyIDIyIDIyIDE3LjUyIDIyIDEyQzIyIDYuNDggMTcuNTIgMiAxMiAyWk0xNi4yNCAxNC44M0MxNi42MyAxNS4yMiAxNi42MyAxNS44NSAxNi4yNCAxNi4yNEMxNS44NSAxNi42MyAxNS4yMiAxNi42MyAxNC44MyAxNi4yNEwxMiAxMy40MUw5LjE3IDE2LjI0QzguNzggMTYuNjMgOC4xNSAxNi42MyA3Ljc2IDE2LjI0QzcuMzcgMTUuODUgNy4zNyAxNS4yMiA3Ljc2IDE0LjgzTDEwLjU5IDEyTDcuNzYgOS4xN0M3LjM3IDguNzggNy4zNyA4LjE1IDcuNzYgNy43NkM4LjE1IDcuMzcgOC43OCA3LjM3IDkuMTcgNy43NkwxMiAxMC41OUwxNC44MyA3Ljc2QzE1LjIyIDcuMzcgMTUuODUgNy4zNyAxNi4yNCA3Ljc2QzE2LjYzIDguMTUgMTYuNjMgOC43OCAxNi4yNCA5LjE3TDEzLjQxIDEyTDE2LjI0IDE0LjgzWiIgZmlsbD0iIzc5N0Y4NSIvPg0KPC9zdmc+);
            mask-image: url(data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PSIwIDAgMjQgMjQiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+DQo8cGF0aCBkPSJNMTIgMkM2LjQ4IDIgMiA2LjQ4IDIgMTJDMiAxNy41MiA2LjQ4IDIyIDEyIDIyQzE3LjUyIDIyIDIyIDE3LjUyIDIyIDEyQzIyIDYuNDggMTcuNTIgMiAxMiAyWk0xNi4yNCAxNC44M0MxNi42MyAxNS4yMiAxNi42MyAxNS44NSAxNi4yNCAxNi4yNEMxNS44NSAxNi42MyAxNS4yMiAxNi42MyAxNC44MyAxNi4yNEwxMiAxMy40MUw5LjE3IDE2LjI0QzguNzggMTYuNjMgOC4xNSAxNi42MyA3Ljc2IDE2LjI0QzcuMzcgMTUuODUgNy4zNyAxNS4yMiA3Ljc2IDE0LjgzTDEwLjU5IDEyTDcuNzYgOS4xN0M3LjM3IDguNzggNy4zNyA4LjE1IDcuNzYgNy43NkM4LjE1IDcuMzcgOC43OCA3LjM3IDkuMTcgNy43NkwxMiAxMC41OUwxNC44MyA3Ljc2QzE1LjIyIDcuMzcgMTUuODUgNy4zNyAxNi4yNCA3Ljc2QzE2LjYzIDguMTUgMTYuNjMgOC43OCAxNi4yNCA5LjE3TDEzLjQxIDEyTDE2LjI0IDE0LjgzWiIgZmlsbD0iIzc5N0Y4NSIvPg0KPC9zdmc+)
        }

        .blu-ticker.has-icon>.blu-ticker__icon[data-v-e275b4e8] {
            margin-right: 8px;
            background-position: center center;
            background-size: contain;
            background-repeat: no-repeat;
            z-index: 0
        }

        @media screen and (min-width: 769px),
        print {
            .blu-ticker.has-icon>.blu-ticker__icon[data-v-e275b4e8] {
                padding: 12px
            }
        }

        @media screen and (max-width: 768px) {
            .blu-ticker.has-icon>.blu-ticker__icon[data-v-e275b4e8] {
                padding: 9px
            }
        }

        .blu-ticker.has-icon.b-middle[data-v-e275b4e8] {
            align-items: center
        }

        .blu-ticker.has-icon.b-bottom[data-v-e275b4e8] {
            align-items: flex-end
        }

        .blu-ticker.has-icon.b-bottom[data-v-e275b4e8]:before {
            margin-bottom: 3px
        }
    </style>
    <style type="text/css">
        .blu-ticker[data-v-5f386d2a] {
            --blu-ticker-color-background: #f9f9fa;
            --blu-ticker-color-border: #e1e3e4;
            display: flex;
            justify-content: flex-start;
            align-items: flex-start;
            border-radius: 8px;
            position: relative;
            background-color: var(--blu-ticker-color-background);
            border: 1px solid var(--blu-ticker-color-border);
            color: rgba(25, 34, 42, .7019607843);
            padding: 8px;
            margin-bottom: 8px;
            z-index: 0
        }

        .blu-ticker__msg[data-v-5f386d2a] {
            z-index: 0;
            align-self: center
        }

        @media screen and (min-width: 769px),
        print {
            .blu-ticker__msg[data-v-5f386d2a] {
                font: 16px/20px "blibli", -apple-system, segoe ui, roboto, helvetica, arial, sans-serif
            }
        }

        @media screen and (max-width: 768px) {
            .blu-ticker__msg[data-v-5f386d2a] {
                font: 14px/18px "blibli", -apple-system, segoe ui, roboto, helvetica, arial, sans-serif
            }
        }

        .blu-ticker__close[data-v-5f386d2a] {
            object-fit: contain;
            position: relative;
            z-index: 0;
            width: 18px;
            height: 18px;
            padding: 11px
        }

        .blu-ticker__close i[data-v-5f386d2a] {
            content: "";
            top: 0;
            right: 0;
            position: absolute;
            width: 18px;
            height: 18px;
            padding: 12px;
            background: rgba(0, 0, 0, 0) url(data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PSIwIDAgMjQgMjQiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGQ9Ik0xMy43NjcyIDEyTDE3LjYzMiA4LjEzODM5QzE4LjEyMjcgNy42NDgxOSAxOC4xMjI3IDYuODU3ODYgMTcuNjMyIDYuMzY3NjVDMTcuMTQxNCA1Ljg3NzQ1IDE2LjM1MDQgNS44Nzc0NSAxNS44NTk4IDYuMzY3NjVMMTEuOTk1IDEwLjIyOTNMOC4xNDAxOCA2LjM3NzY2QzcuNjQ5NTYgNS44ODc0NSA2Ljg1ODU3IDUuODg3NDUgNi4zNjc5NiA2LjM3NzY2QzUuODc3MzUgNi44Njc4NiA1Ljg3NzM1IDcuNjU4MTkgNi4zNjc5NiA4LjE0ODRMMTAuMjIyOCAxMkw2LjM2Nzk2IDE1Ljg2MTZDNS44NzczNSAxNi4zNTE4IDUuODc3MzUgMTcuMTQyMSA2LjM2Nzk2IDE3LjYzMjNDNi44NTg1NyAxOC4xMjI2IDcuNjQ5NTYgMTguMTIyNiA4LjE0MDE4IDE3LjYzMjNMMTIuMDA1IDEzLjc3MDdMMTUuODU5OCAxNy42MjIzQzE2LjM1MDQgMTguMTEyNSAxNy4xNDE0IDE4LjExMjUgMTcuNjMyIDE3LjYyMjNDMTguMTIyNyAxNy4xMzIxIDE4LjEyMjcgMTYuMzQxOCAxNy42MzIgMTUuODUxNkwxMy43NzcyIDEySDEzLjc2NzJaIiBmaWxsPSIjNzk3Rjg1Ii8+Cjwvc3ZnPgo=) center center no-repeat #e1e3e4;
            background-color: rgba(25, 34, 42, .7019607843);
            -webkit-mask-image: url(data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PSIwIDAgMjQgMjQiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGQ9Ik0xMy43NjcyIDEyTDE3LjYzMiA4LjEzODM5QzE4LjEyMjcgNy42NDgxOSAxOC4xMjI3IDYuODU3ODYgMTcuNjMyIDYuMzY3NjVDMTcuMTQxNCA1Ljg3NzQ1IDE2LjM1MDQgNS44Nzc0NSAxNS44NTk4IDYuMzY3NjVMMTEuOTk1IDEwLjIyOTNMOC4xNDAxOCA2LjM3NzY2QzcuNjQ5NTYgNS44ODc0NSA2Ljg1ODU3IDUuODg3NDUgNi4zNjc5NiA2LjM3NzY2QzUuODc3MzUgNi44Njc4NiA1Ljg3NzM1IDcuNjU4MTkgNi4zNjc5NiA4LjE0ODRMMTAuMjIyOCAxMkw2LjM2Nzk2IDE1Ljg2MTZDNS44NzczNSAxNi4zNTE4IDUuODc3MzUgMTcuMTQyMSA2LjM2Nzk2IDE3LjYzMjNDNi44NTg1NyAxOC4xMjI2IDcuNjQ5NTYgMTguMTIyNiA4LjE0MDE4IDE3LjYzMjNMMTIuMDA1IDEzLjc3MDdMMTUuODU5OCAxNy42MjIzQzE2LjM1MDQgMTguMTEyNSAxNy4xNDE0IDE4LjExMjUgMTcuNjMyIDE3LjYyMjNDMTguMTIyNyAxNy4xMzIxIDE4LjEyMjcgMTYuMzQxOCAxNy42MzIgMTUuODUxNkwxMy43NzcyIDEySDEzLjc2NzJaIiBmaWxsPSIjNzk3Rjg1Ii8+Cjwvc3ZnPgo=)
        }

        @media screen and (max-width: 768px) {
            .blu-ticker__close[data-v-5f386d2a] {
                transform: scale(0.75)
            }
        }

        .blu-ticker__close[data-v-5f386d2a]:focus-visible {
            box-shadow: 0px 0px 0px 4px #000;
            outline: none
        }

        .blu-ticker__title[data-v-5f386d2a] {
            color: #19222a
        }

        @media screen and (min-width: 769px),
        print {
            .blu-ticker__title[data-v-5f386d2a] {
                font: 16px/20px "blibli demi bold", -apple-system, segoe ui, roboto, helvetica, arial, sans-serif
            }
        }

        @media screen and (max-width: 768px) {
            .blu-ticker__title[data-v-5f386d2a] {
                font: 14px/18px "blibli demi bold", -apple-system, segoe ui, roboto, helvetica, arial, sans-serif
            }
        }

        .blu-ticker__btn[data-v-5f386d2a] {
            margin: 8px 0 0 -14px
        }

        .blu-ticker.b-info[data-v-5f386d2a] {
            --blu-ticker-color-background: #f3f9ff;
            --blu-ticker-color-border: #b9deff
        }

        .blu-ticker.b-info.has-icon>.blu-ticker__icon[data-v-5f386d2a] {
            background-color: #ac8221;
            -webkit-mask-image: url(data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PSIwIDAgMjQgMjQiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+DQo8cGF0aCBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGNsaXAtcnVsZT0iZXZlbm9kZCIgZD0iTTIgMTJDMiA2LjQ4IDYuNDggMiAxMiAyQzE3LjUyIDIgMjIgNi40OCAyMiAxMkMyMiAxNy41MiAxNy41MiAyMiAxMiAyMkM2LjQ4IDIyIDIgMTcuNTIgMiAxMlpNMTEuOTcgOC43Mzc2NEMxMi43MjY2IDguNzM3NjQgMTMuMzQgOC4xMjQ4IDEzLjM0IDcuMzY4ODJDMTMuMzQgNi42MTI4NCAxMi43MjY2IDYgMTEuOTcgNkMxMS4yMTM0IDYgMTAuNiA2LjYxMjg0IDEwLjYgNy4zNjg4MkMxMC42IDguMTI0OCAxMS4yMTM0IDguNzM3NjQgMTEuOTcgOC43Mzc2NFpNMTEuNDk5OSAxMC4xMDY0SDEyLjQ0OTlDMTIuODQ5OSAxMC4xMDY0IDEzLjE3OTkgMTAuNDM2MiAxMy4xNzk5IDEwLjgzNThWMTcuMjcwM0MxMy4xNzk5IDE3LjY2OTkgMTIuODQ5OSAxNy45OTk2IDEyLjQ0OTkgMTcuOTk5NkgxMS40OTk5QzExLjA5OTkgMTcuOTk5NiAxMC43Njk5IDE3LjY2OTkgMTAuNzY5OSAxNy4yNzAzVjEwLjgzNThDMTAuNzY5OSAxMC40MzYyIDExLjA5OTkgMTAuMTA2NCAxMS40OTk5IDEwLjEwNjRaIiBmaWxsPSIjNzk3Rjg1Ii8+DQo8L3N2Zz4NCg==);
            mask-image: url(data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PSIwIDAgMjQgMjQiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+DQo8cGF0aCBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGNsaXAtcnVsZT0iZXZlbm9kZCIgZD0iTTIgMTJDMiA2LjQ4IDYuNDggMiAxMiAyQzE3LjUyIDIgMjIgNi40OCAyMiAxMkMyMiAxNy41MiAxNy41MiAyMiAxMiAyMkM2LjQ4IDIyIDIgMTcuNTIgMiAxMlpNMTEuOTcgOC43Mzc2NEMxMi43MjY2IDguNzM3NjQgMTMuMzQgOC4xMjQ4IDEzLjM0IDcuMzY4ODJDMTMuMzQgNi42MTI4NCAxMi43MjY2IDYgMTEuOTcgNkMxMS4yMTM0IDYgMTAuNiA2LjYxMjg0IDEwLjYgNy4zNjg4MkMxMC42IDguMTI0OCAxMS4yMTM0IDguNzM3NjQgMTEuOTcgOC43Mzc2NFpNMTEuNDk5OSAxMC4xMDY0SDEyLjQ0OTlDMTIuODQ5OSAxMC4xMDY0IDEzLjE3OTkgMTAuNDM2MiAxMy4xNzk5IDEwLjgzNThWMTcuMjcwM0MxMy4xNzk5IDE3LjY2OTkgMTIuODQ5OSAxNy45OTk2IDEyLjQ0OTkgMTcuOTk5NkgxMS40OTk5QzExLjA5OTkgMTcuOTk5NiAxMC43Njk5IDE3LjY2OTkgMTAuNzY5OSAxNy4yNzAzVjEwLjgzNThDMTAuNzY5OSAxMC40MzYyIDExLjA5OTkgMTAuMTA2NCAxMS40OTk5IDEwLjEwNjRaIiBmaWxsPSIjNzk3Rjg1Ii8+DQo8L3N2Zz4NCg==)
        }

        .blu-ticker.b-success[data-v-5f386d2a] {
            --blu-ticker-color-background: #effcf0;
            --blu-ticker-color-border: #b2efb9
        }

        .blu-ticker.b-success.has-icon>.blu-ticker__icon[data-v-5f386d2a] {
            background-color: #1c832a;
            -webkit-mask-image: url(data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PSIwIDAgMjQgMjQiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+DQo8cGF0aCBkPSJNMTIgMkM2LjQ4IDIgMiA2LjQ4IDIgMTJDMiAxNy41MiA2LjQ4IDIyIDEyIDIyQzE3LjUyIDIyIDIyIDE3LjUyIDIyIDEyQzIyIDYuNDggMTcuNTIgMiAxMiAyWk0xNy4wNSA5LjExTDEyLjA2IDE2LjEyQzExLjg4IDE2LjM3IDExLjYgMTYuNTIgMTEuMjkgMTYuNTRIMTEuMjRDMTAuOTUgMTYuNTQgMTAuNjcgMTYuNDIgMTAuNDggMTYuMTlMNi45OSAxMi4xM0M2LjgyIDExLjkzIDYuNzMgMTEuNjcgNi43NSAxMS40MUM2Ljc3IDExLjE0IDYuODkgMTAuOSA3LjA5IDEwLjczQzcuNTEgMTAuMzcgOC4xNCAxMC40MiA4LjUgMTAuODRMMTEuMTYgMTMuOTNMMTUuNDEgNy45NkMxNS43MyA3LjUxIDE2LjM1IDcuNDEgMTYuOCA3LjczQzE3LjAyIDcuODggMTcuMTYgOC4xMSAxNy4yMSA4LjM4QzE3LjI1IDguNjQgMTcuMTkgOC45MSAxNy4wNCA5LjEyTDE3LjA1IDkuMTFaIiBmaWxsPSIjNzk3Rjg1Ii8+DQo8L3N2Zz4=);
            mask-image: url(data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PSIwIDAgMjQgMjQiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+DQo8cGF0aCBkPSJNMTIgMkM2LjQ4IDIgMiA2LjQ4IDIgMTJDMiAxNy41MiA2LjQ4IDIyIDEyIDIyQzE3LjUyIDIyIDIyIDE3LjUyIDIyIDEyQzIyIDYuNDggMTcuNTIgMiAxMiAyWk0xNy4wNSA5LjExTDEyLjA2IDE2LjEyQzExLjg4IDE2LjM3IDExLjYgMTYuNTIgMTEuMjkgMTYuNTRIMTEuMjRDMTAuOTUgMTYuNTQgMTAuNjcgMTYuNDIgMTAuNDggMTYuMTlMNi45OSAxMi4xM0M2LjgyIDExLjkzIDYuNzMgMTEuNjcgNi43NSAxMS40MUM2Ljc3IDExLjE0IDYuODkgMTAuOSA3LjA5IDEwLjczQzcuNTEgMTAuMzcgOC4xNCAxMC40MiA4LjUgMTAuODRMMTEuMTYgMTMuOTNMMTUuNDEgNy45NkMxNS43MyA3LjUxIDE2LjM1IDcuNDEgMTYuOCA3LjczQzE3LjAyIDcuODggMTcuMTYgOC4xMSAxNy4yMSA4LjM4QzE3LjI1IDguNjQgMTcuMTkgOC45MSAxNy4wNCA5LjEyTDE3LjA1IDkuMTFaIiBmaWxsPSIjNzk3Rjg1Ii8+DQo8L3N2Zz4=)
        }

        .blu-ticker.b-warning[data-v-5f386d2a] {
            --blu-ticker-color-background: #fff8e0;
            --blu-ticker-color-border: #fef0b6
        }

        .blu-ticker.b-warning.has-icon>.blu-ticker__icon[data-v-5f386d2a] {
            background-color: #f1ab02;
            -webkit-mask-image: url(data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PSIwIDAgMjQgMjQiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+DQo8cGF0aCBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGNsaXAtcnVsZT0iZXZlbm9kZCIgZD0iTTMuODc0MzYgMjFIMjAuMTE0NEgyMC4xMjQ0QzIxLjU1MzUgMjEgMjIuNDUyOSAxOS41MDM1IDIxLjc2MzQgMTguMjg2NEwxMy42NDg0IDMuOTUwMjZDMTIuOTM4OCAyLjY4MzI1IDExLjA2OTkgMi42ODMyNSAxMC4zNjA0IDMuOTUwMjZMMi4yMzUzNyAxOC4yOTY0QzEuNTQ1OCAxOS41MTM1IDIuNDU1MjQgMjEgMy44NzQzNiAyMVpNMTAuOTkgMTMuOTM3NEwxMC43MDAyIDkuMDk4ODdWNy43NTIwNUMxMC43MDAyIDcuMzMzMDQgMTEuMDQgNi45OTM4NCAxMS40NTk3IDYuOTkzODRIMTIuNjA5QzEzLjAyODggNi45OTM4NCAxMy4zNjg2IDcuMzMzMDQgMTMuMzY4NiA3Ljc1MjA1VjkuMTA4ODRMMTMuMDg4NyAxMy45Mjc1QzEzLjA2ODcgMTQuMzI2NSAxMi43Mzg5IDE0LjYzNTggMTIuMzI5MiAxNC42MzU4SDExLjc0OTVDMTEuMzQ5OCAxNC42MzU4IDExLjAyIDE0LjMyNjUgMTAuOTkgMTMuOTI3NVYxMy45Mzc0Wk0xMS45OTk0IDE4Ljk2NTJDMTIuNzg4NyAxOC45NjUyIDEzLjQyODYgMTguMzI2NSAxMy40Mjg2IDE3LjUzODZDMTMuNDI4NiAxNi43NTA3IDEyLjc4ODcgMTYuMTEyIDExLjk5OTQgMTYuMTEyQzExLjIxMDIgMTYuMTEyIDEwLjU3MDMgMTYuNzUwNyAxMC41NzAzIDE3LjUzODZDMTAuNTcwMyAxOC4zMjY1IDExLjIxMDIgMTguOTY1MiAxMS45OTk0IDE4Ljk2NTJaIiBmaWxsPSIjNzk3Rjg1Ii8+DQo8L3N2Zz4NCg==);
            mask-image: url(data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PSIwIDAgMjQgMjQiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+DQo8cGF0aCBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGNsaXAtcnVsZT0iZXZlbm9kZCIgZD0iTTMuODc0MzYgMjFIMjAuMTE0NEgyMC4xMjQ0QzIxLjU1MzUgMjEgMjIuNDUyOSAxOS41MDM1IDIxLjc2MzQgMTguMjg2NEwxMy42NDg0IDMuOTUwMjZDMTIuOTM4OCAyLjY4MzI1IDExLjA2OTkgMi42ODMyNSAxMC4zNjA0IDMuOTUwMjZMMi4yMzUzNyAxOC4yOTY0QzEuNTQ1OCAxOS41MTM1IDIuNDU1MjQgMjEgMy44NzQzNiAyMVpNMTAuOTkgMTMuOTM3NEwxMC43MDAyIDkuMDk4ODdWNy43NTIwNUMxMC43MDAyIDcuMzMzMDQgMTEuMDQgNi45OTM4NCAxMS40NTk3IDYuOTkzODRIMTIuNjA5QzEzLjAyODggNi45OTM4NCAxMy4zNjg2IDcuMzMzMDQgMTMuMzY4NiA3Ljc1MjA1VjkuMTA4ODRMMTMuMDg4NyAxMy45Mjc1QzEzLjA2ODcgMTQuMzI2NSAxMi43Mzg5IDE0LjYzNTggMTIuMzI5MiAxNC42MzU4SDExLjc0OTVDMTEuMzQ5OCAxNC42MzU4IDExLjAyIDE0LjMyNjUgMTAuOTkgMTMuOTI3NVYxMy45Mzc0Wk0xMS45OTk0IDE4Ljk2NTJDMTIuNzg4NyAxOC45NjUyIDEzLjQyODYgMTguMzI2NSAxMy40Mjg2IDE3LjUzODZDMTMuNDI4NiAxNi43NTA3IDEyLjc4ODcgMTYuMTEyIDExLjk5OTQgMTYuMTEyQzExLjIxMDIgMTYuMTEyIDEwLjU3MDMgMTYuNzUwNyAxMC41NzAzIDE3LjUzODZDMTAuNTcwMyAxOC4zMjY1IDExLjIxMDIgMTguOTY1MiAxMS45OTk0IDE4Ljk2NTJaIiBmaWxsPSIjNzk3Rjg1Ii8+DQo8L3N2Zz4NCg==)
        }

        .blu-ticker.b-danger[data-v-5f386d2a] {
            --blu-ticker-color-background: #fff5f5;
            --blu-ticker-color-border: #fecccb
        }

        .blu-ticker.b-danger.has-icon>.blu-ticker__icon[data-v-5f386d2a] {
            background-color: #d33534;
            -webkit-mask-image: url(data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PSIwIDAgMjQgMjQiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+DQo8cGF0aCBkPSJNMTIgMkM2LjQ4IDIgMiA2LjQ4IDIgMTJDMiAxNy41MiA2LjQ4IDIyIDEyIDIyQzE3LjUyIDIyIDIyIDE3LjUyIDIyIDEyQzIyIDYuNDggMTcuNTIgMiAxMiAyWk0xNi4yNCAxNC44M0MxNi42MyAxNS4yMiAxNi42MyAxNS44NSAxNi4yNCAxNi4yNEMxNS44NSAxNi42MyAxNS4yMiAxNi42MyAxNC44MyAxNi4yNEwxMiAxMy40MUw5LjE3IDE2LjI0QzguNzggMTYuNjMgOC4xNSAxNi42MyA3Ljc2IDE2LjI0QzcuMzcgMTUuODUgNy4zNyAxNS4yMiA3Ljc2IDE0LjgzTDEwLjU5IDEyTDcuNzYgOS4xN0M3LjM3IDguNzggNy4zNyA4LjE1IDcuNzYgNy43NkM4LjE1IDcuMzcgOC43OCA3LjM3IDkuMTcgNy43NkwxMiAxMC41OUwxNC44MyA3Ljc2QzE1LjIyIDcuMzcgMTUuODUgNy4zNyAxNi4yNCA3Ljc2QzE2LjYzIDguMTUgMTYuNjMgOC43OCAxNi4yNCA5LjE3TDEzLjQxIDEyTDE2LjI0IDE0LjgzWiIgZmlsbD0iIzc5N0Y4NSIvPg0KPC9zdmc+);
            mask-image: url(data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PSIwIDAgMjQgMjQiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+DQo8cGF0aCBkPSJNMTIgMkM2LjQ4IDIgMiA2LjQ4IDIgMTJDMiAxNy41MiA2LjQ4IDIyIDEyIDIyQzE3LjUyIDIyIDIyIDE3LjUyIDIyIDEyQzIyIDYuNDggMTcuNTIgMiAxMiAyWk0xNi4yNCAxNC44M0MxNi42MyAxNS4yMiAxNi42MyAxNS44NSAxNi4yNCAxNi4yNEMxNS44NSAxNi42MyAxNS4yMiAxNi42MyAxNC44MyAxNi4yNEwxMiAxMy40MUw5LjE3IDE2LjI0QzguNzggMTYuNjMgOC4xNSAxNi42MyA3Ljc2IDE2LjI0QzcuMzcgMTUuODUgNy4zNyAxNS4yMiA3Ljc2IDE0LjgzTDEwLjU5IDEyTDcuNzYgOS4xN0M3LjM3IDguNzggNy4zNyA4LjE1IDcuNzYgNy43NkM4LjE1IDcuMzcgOC43OCA3LjM3IDkuMTcgNy43NkwxMiAxMC41OUwxNC44MyA3Ljc2QzE1LjIyIDcuMzcgMTUuODUgNy4zNyAxNi4yNCA3Ljc2QzE2LjYzIDguMTUgMTYuNjMgOC43OCAxNi4yNCA5LjE3TDEzLjQxIDEyTDE2LjI0IDE0LjgzWiIgZmlsbD0iIzc5N0Y4NSIvPg0KPC9zdmc+)
        }

        .blu-ticker.has-icon>.blu-ticker__icon[data-v-5f386d2a] {
            margin-right: 8px;
            background-position: center center;
            background-size: contain;
            background-repeat: no-repeat;
            z-index: 0
        }

        @media screen and (min-width: 769px),
        print {
            .blu-ticker.has-icon>.blu-ticker__icon[data-v-5f386d2a] {
                padding: 12px
            }
        }

        @media screen and (max-width: 768px) {
            .blu-ticker.has-icon>.blu-ticker__icon[data-v-5f386d2a] {
                padding: 9px
            }
        }

        .blu-ticker.has-icon.b-middle[data-v-5f386d2a] {
            align-items: center
        }

        .blu-ticker.has-icon.b-bottom[data-v-5f386d2a] {
            align-items: flex-end
        }

        .blu-ticker.has-icon.b-bottom[data-v-5f386d2a]:before {
            margin-bottom: 3px
        }
    </style>
    <style type="text/css">
        .blu-ticker[data-v-c29289ca] {
            --blu-ticker-color-background: #f9f9fa;
            --blu-ticker-color-border: #e1e3e4;
            display: flex;
            justify-content: flex-start;
            align-items: flex-start;
            border-radius: 8px;
            position: relative;
            background-color: var(--blu-ticker-color-background);
            border: 1px solid var(--blu-ticker-color-border);
            color: rgba(25, 34, 42, .7019607843);
            padding: 8px;
            margin-bottom: 8px;
            z-index: 0
        }

        .blu-ticker__msg[data-v-c29289ca] {
            z-index: 0;
            align-self: center
        }

        @media screen and (min-width: 769px),
        print {
            .blu-ticker__msg[data-v-c29289ca] {
                font: 16px/20px "blibli", -apple-system, segoe ui, roboto, helvetica, arial, sans-serif
            }
        }

        @media screen and (max-width: 768px) {
            .blu-ticker__msg[data-v-c29289ca] {
                font: 14px/18px "blibli", -apple-system, segoe ui, roboto, helvetica, arial, sans-serif
            }
        }

        .blu-ticker__close[data-v-c29289ca] {
            object-fit: contain;
            position: relative;
            z-index: 0;
            width: 18px;
            height: 18px;
            padding: 11px
        }

        .blu-ticker__close i[data-v-c29289ca] {
            content: "";
            top: 0;
            right: 0;
            position: absolute;
            width: 18px;
            height: 18px;
            padding: 12px;
            background: rgba(0, 0, 0, 0) url(data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PSIwIDAgMjQgMjQiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGQ9Ik0xMy43NjcyIDEyTDE3LjYzMiA4LjEzODM5QzE4LjEyMjcgNy42NDgxOSAxOC4xMjI3IDYuODU3ODYgMTcuNjMyIDYuMzY3NjVDMTcuMTQxNCA1Ljg3NzQ1IDE2LjM1MDQgNS44Nzc0NSAxNS44NTk4IDYuMzY3NjVMMTEuOTk1IDEwLjIyOTNMOC4xNDAxOCA2LjM3NzY2QzcuNjQ5NTYgNS44ODc0NSA2Ljg1ODU3IDUuODg3NDUgNi4zNjc5NiA2LjM3NzY2QzUuODc3MzUgNi44Njc4NiA1Ljg3NzM1IDcuNjU4MTkgNi4zNjc5NiA4LjE0ODRMMTAuMjIyOCAxMkw2LjM2Nzk2IDE1Ljg2MTZDNS44NzczNSAxNi4zNTE4IDUuODc3MzUgMTcuMTQyMSA2LjM2Nzk2IDE3LjYzMjNDNi44NTg1NyAxOC4xMjI2IDcuNjQ5NTYgMTguMTIyNiA4LjE0MDE4IDE3LjYzMjNMMTIuMDA1IDEzLjc3MDdMMTUuODU5OCAxNy42MjIzQzE2LjM1MDQgMTguMTEyNSAxNy4xNDE0IDE4LjExMjUgMTcuNjMyIDE3LjYyMjNDMTguMTIyNyAxNy4xMzIxIDE4LjEyMjcgMTYuMzQxOCAxNy42MzIgMTUuODUxNkwxMy43NzcyIDEySDEzLjc2NzJaIiBmaWxsPSIjNzk3Rjg1Ii8+Cjwvc3ZnPgo=) center center no-repeat #e1e3e4;
            background-color: rgba(25, 34, 42, .7019607843);
            -webkit-mask-image: url(data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PSIwIDAgMjQgMjQiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGQ9Ik0xMy43NjcyIDEyTDE3LjYzMiA4LjEzODM5QzE4LjEyMjcgNy42NDgxOSAxOC4xMjI3IDYuODU3ODYgMTcuNjMyIDYuMzY3NjVDMTcuMTQxNCA1Ljg3NzQ1IDE2LjM1MDQgNS44Nzc0NSAxNS44NTk4IDYuMzY3NjVMMTEuOTk1IDEwLjIyOTNMOC4xNDAxOCA2LjM3NzY2QzcuNjQ5NTYgNS44ODc0NSA2Ljg1ODU3IDUuODg3NDUgNi4zNjc5NiA2LjM3NzY2QzUuODc3MzUgNi44Njc4NiA1Ljg3NzM1IDcuNjU4MTkgNi4zNjc5NiA4LjE0ODRMMTAuMjIyOCAxMkw2LjM2Nzk2IDE1Ljg2MTZDNS44NzczNSAxNi4zNTE4IDUuODc3MzUgMTcuMTQyMSA2LjM2Nzk2IDE3LjYzMjNDNi44NTg1NyAxOC4xMjI2IDcuNjQ5NTYgMTguMTIyNiA4LjE0MDE4IDE3LjYzMjNMMTIuMDA1IDEzLjc3MDdMMTUuODU5OCAxNy42MjIzQzE2LjM1MDQgMTguMTEyNSAxNy4xNDE0IDE4LjExMjUgMTcuNjMyIDE3LjYyMjNDMTguMTIyNyAxNy4xMzIxIDE4LjEyMjcgMTYuMzQxOCAxNy42MzIgMTUuODUxNkwxMy43NzcyIDEySDEzLjc2NzJaIiBmaWxsPSIjNzk3Rjg1Ii8+Cjwvc3ZnPgo=)
        }

        @media screen and (max-width: 768px) {
            .blu-ticker__close[data-v-c29289ca] {
                transform: scale(0.75)
            }
        }

        .blu-ticker__close[data-v-c29289ca]:focus-visible {
            box-shadow: 0px 0px 0px 4px #000;
            outline: none
        }

        .blu-ticker__title[data-v-c29289ca] {
            color: #19222a
        }

        @media screen and (min-width: 769px),
        print {
            .blu-ticker__title[data-v-c29289ca] {
                font: 16px/20px "blibli demi bold", -apple-system, segoe ui, roboto, helvetica, arial, sans-serif
            }
        }

        @media screen and (max-width: 768px) {
            .blu-ticker__title[data-v-c29289ca] {
                font: 14px/18px "blibli demi bold", -apple-system, segoe ui, roboto, helvetica, arial, sans-serif
            }
        }

        .blu-ticker__btn[data-v-c29289ca] {
            margin: 8px 0 0 -14px
        }

        .blu-ticker.b-info[data-v-c29289ca] {
            --blu-ticker-color-background: #f3f9ff;
            --blu-ticker-color-border: #b9deff
        }

        .blu-ticker.b-info.has-icon>.blu-ticker__icon[data-v-c29289ca] {
            background-color: #ac8221;
            -webkit-mask-image: url(data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PSIwIDAgMjQgMjQiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+DQo8cGF0aCBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGNsaXAtcnVsZT0iZXZlbm9kZCIgZD0iTTIgMTJDMiA2LjQ4IDYuNDggMiAxMiAyQzE3LjUyIDIgMjIgNi40OCAyMiAxMkMyMiAxNy41MiAxNy41MiAyMiAxMiAyMkM2LjQ4IDIyIDIgMTcuNTIgMiAxMlpNMTEuOTcgOC43Mzc2NEMxMi43MjY2IDguNzM3NjQgMTMuMzQgOC4xMjQ4IDEzLjM0IDcuMzY4ODJDMTMuMzQgNi42MTI4NCAxMi43MjY2IDYgMTEuOTcgNkMxMS4yMTM0IDYgMTAuNiA2LjYxMjg0IDEwLjYgNy4zNjg4MkMxMC42IDguMTI0OCAxMS4yMTM0IDguNzM3NjQgMTEuOTcgOC43Mzc2NFpNMTEuNDk5OSAxMC4xMDY0SDEyLjQ0OTlDMTIuODQ5OSAxMC4xMDY0IDEzLjE3OTkgMTAuNDM2MiAxMy4xNzk5IDEwLjgzNThWMTcuMjcwM0MxMy4xNzk5IDE3LjY2OTkgMTIuODQ5OSAxNy45OTk2IDEyLjQ0OTkgMTcuOTk5NkgxMS40OTk5QzExLjA5OTkgMTcuOTk5NiAxMC43Njk5IDE3LjY2OTkgMTAuNzY5OSAxNy4yNzAzVjEwLjgzNThDMTAuNzY5OSAxMC40MzYyIDExLjA5OTkgMTAuMTA2NCAxMS40OTk5IDEwLjEwNjRaIiBmaWxsPSIjNzk3Rjg1Ii8+DQo8L3N2Zz4NCg==);
            mask-image: url(data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PSIwIDAgMjQgMjQiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+DQo8cGF0aCBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGNsaXAtcnVsZT0iZXZlbm9kZCIgZD0iTTIgMTJDMiA2LjQ4IDYuNDggMiAxMiAyQzE3LjUyIDIgMjIgNi40OCAyMiAxMkMyMiAxNy41MiAxNy41MiAyMiAxMiAyMkM2LjQ4IDIyIDIgMTcuNTIgMiAxMlpNMTEuOTcgOC43Mzc2NEMxMi43MjY2IDguNzM3NjQgMTMuMzQgOC4xMjQ4IDEzLjM0IDcuMzY4ODJDMTMuMzQgNi42MTI4NCAxMi43MjY2IDYgMTEuOTcgNkMxMS4yMTM0IDYgMTAuNiA2LjYxMjg0IDEwLjYgNy4zNjg4MkMxMC42IDguMTI0OCAxMS4yMTM0IDguNzM3NjQgMTEuOTcgOC43Mzc2NFpNMTEuNDk5OSAxMC4xMDY0SDEyLjQ0OTlDMTIuODQ5OSAxMC4xMDY0IDEzLjE3OTkgMTAuNDM2MiAxMy4xNzk5IDEwLjgzNThWMTcuMjcwM0MxMy4xNzk5IDE3LjY2OTkgMTIuODQ5OSAxNy45OTk2IDEyLjQ0OTkgMTcuOTk5NkgxMS40OTk5QzExLjA5OTkgMTcuOTk5NiAxMC43Njk5IDE3LjY2OTkgMTAuNzY5OSAxNy4yNzAzVjEwLjgzNThDMTAuNzY5OSAxMC40MzYyIDExLjA5OTkgMTAuMTA2NCAxMS40OTk5IDEwLjEwNjRaIiBmaWxsPSIjNzk3Rjg1Ii8+DQo8L3N2Zz4NCg==)
        }

        .blu-ticker.b-success[data-v-c29289ca] {
            --blu-ticker-color-background: #effcf0;
            --blu-ticker-color-border: #b2efb9
        }

        .blu-ticker.b-success.has-icon>.blu-ticker__icon[data-v-c29289ca] {
            background-color: #1c832a;
            -webkit-mask-image: url(data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PSIwIDAgMjQgMjQiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+DQo8cGF0aCBkPSJNMTIgMkM2LjQ4IDIgMiA2LjQ4IDIgMTJDMiAxNy41MiA2LjQ4IDIyIDEyIDIyQzE3LjUyIDIyIDIyIDE3LjUyIDIyIDEyQzIyIDYuNDggMTcuNTIgMiAxMiAyWk0xNy4wNSA5LjExTDEyLjA2IDE2LjEyQzExLjg4IDE2LjM3IDExLjYgMTYuNTIgMTEuMjkgMTYuNTRIMTEuMjRDMTAuOTUgMTYuNTQgMTAuNjcgMTYuNDIgMTAuNDggMTYuMTlMNi45OSAxMi4xM0M2LjgyIDExLjkzIDYuNzMgMTEuNjcgNi43NSAxMS40MUM2Ljc3IDExLjE0IDYuODkgMTAuOSA3LjA5IDEwLjczQzcuNTEgMTAuMzcgOC4xNCAxMC40MiA4LjUgMTAuODRMMTEuMTYgMTMuOTNMMTUuNDEgNy45NkMxNS43MyA3LjUxIDE2LjM1IDcuNDEgMTYuOCA3LjczQzE3LjAyIDcuODggMTcuMTYgOC4xMSAxNy4yMSA4LjM4QzE3LjI1IDguNjQgMTcuMTkgOC45MSAxNy4wNCA5LjEyTDE3LjA1IDkuMTFaIiBmaWxsPSIjNzk3Rjg1Ii8+DQo8L3N2Zz4=);
            mask-image: url(data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PSIwIDAgMjQgMjQiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+DQo8cGF0aCBkPSJNMTIgMkM2LjQ4IDIgMiA2LjQ4IDIgMTJDMiAxNy41MiA2LjQ4IDIyIDEyIDIyQzE3LjUyIDIyIDIyIDE3LjUyIDIyIDEyQzIyIDYuNDggMTcuNTIgMiAxMiAyWk0xNy4wNSA5LjExTDEyLjA2IDE2LjEyQzExLjg4IDE2LjM3IDExLjYgMTYuNTIgMTEuMjkgMTYuNTRIMTEuMjRDMTAuOTUgMTYuNTQgMTAuNjcgMTYuNDIgMTAuNDggMTYuMTlMNi45OSAxMi4xM0M2LjgyIDExLjkzIDYuNzMgMTEuNjcgNi43NSAxMS40MUM2Ljc3IDExLjE0IDYuODkgMTAuOSA3LjA5IDEwLjczQzcuNTEgMTAuMzcgOC4xNCAxMC40MiA4LjUgMTAuODRMMTEuMTYgMTMuOTNMMTUuNDEgNy45NkMxNS43MyA3LjUxIDE2LjM1IDcuNDEgMTYuOCA3LjczQzE3LjAyIDcuODggMTcuMTYgOC4xMSAxNy4yMSA4LjM4QzE3LjI1IDguNjQgMTcuMTkgOC45MSAxNy4wNCA5LjEyTDE3LjA1IDkuMTFaIiBmaWxsPSIjNzk3Rjg1Ii8+DQo8L3N2Zz4=)
        }

        .blu-ticker.b-warning[data-v-c29289ca] {
            --blu-ticker-color-background: #fff8e0;
            --blu-ticker-color-border: #fef0b6
        }

        .blu-ticker.b-warning.has-icon>.blu-ticker__icon[data-v-c29289ca] {
            background-color: #f1ab02;
            -webkit-mask-image: url(data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PSIwIDAgMjQgMjQiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+DQo8cGF0aCBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGNsaXAtcnVsZT0iZXZlbm9kZCIgZD0iTTMuODc0MzYgMjFIMjAuMTE0NEgyMC4xMjQ0QzIxLjU1MzUgMjEgMjIuNDUyOSAxOS41MDM1IDIxLjc2MzQgMTguMjg2NEwxMy42NDg0IDMuOTUwMjZDMTIuOTM4OCAyLjY4MzI1IDExLjA2OTkgMi42ODMyNSAxMC4zNjA0IDMuOTUwMjZMMi4yMzUzNyAxOC4yOTY0QzEuNTQ1OCAxOS41MTM1IDIuNDU1MjQgMjEgMy44NzQzNiAyMVpNMTAuOTkgMTMuOTM3NEwxMC43MDAyIDkuMDk4ODdWNy43NTIwNUMxMC43MDAyIDcuMzMzMDQgMTEuMDQgNi45OTM4NCAxMS40NTk3IDYuOTkzODRIMTIuNjA5QzEzLjAyODggNi45OTM4NCAxMy4zNjg2IDcuMzMzMDQgMTMuMzY4NiA3Ljc1MjA1VjkuMTA4ODRMMTMuMDg4NyAxMy45Mjc1QzEzLjA2ODcgMTQuMzI2NSAxMi43Mzg5IDE0LjYzNTggMTIuMzI5MiAxNC42MzU4SDExLjc0OTVDMTEuMzQ5OCAxNC42MzU4IDExLjAyIDE0LjMyNjUgMTAuOTkgMTMuOTI3NVYxMy45Mzc0Wk0xMS45OTk0IDE4Ljk2NTJDMTIuNzg4NyAxOC45NjUyIDEzLjQyODYgMTguMzI2NSAxMy40Mjg2IDE3LjUzODZDMTMuNDI4NiAxNi43NTA3IDEyLjc4ODcgMTYuMTEyIDExLjk5OTQgMTYuMTEyQzExLjIxMDIgMTYuMTEyIDEwLjU3MDMgMTYuNzUwNyAxMC41NzAzIDE3LjUzODZDMTAuNTcwMyAxOC4zMjY1IDExLjIxMDIgMTguOTY1MiAxMS45OTk0IDE4Ljk2NTJaIiBmaWxsPSIjNzk3Rjg1Ii8+DQo8L3N2Zz4NCg==);
            mask-image: url(data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PSIwIDAgMjQgMjQiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+DQo8cGF0aCBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGNsaXAtcnVsZT0iZXZlbm9kZCIgZD0iTTMuODc0MzYgMjFIMjAuMTE0NEgyMC4xMjQ0QzIxLjU1MzUgMjEgMjIuNDUyOSAxOS41MDM1IDIxLjc2MzQgMTguMjg2NEwxMy42NDg0IDMuOTUwMjZDMTIuOTM4OCAyLjY4MzI1IDExLjA2OTkgMi42ODMyNSAxMC4zNjA0IDMuOTUwMjZMMi4yMzUzNyAxOC4yOTY0QzEuNTQ1OCAxOS41MTM1IDIuNDU1MjQgMjEgMy44NzQzNiAyMVpNMTAuOTkgMTMuOTM3NEwxMC43MDAyIDkuMDk4ODdWNy43NTIwNUMxMC43MDAyIDcuMzMzMDQgMTEuMDQgNi45OTM4NCAxMS40NTk3IDYuOTkzODRIMTIuNjA5QzEzLjAyODggNi45OTM4NCAxMy4zNjg2IDcuMzMzMDQgMTMuMzY4NiA3Ljc1MjA1VjkuMTA4ODRMMTMuMDg4NyAxMy45Mjc1QzEzLjA2ODcgMTQuMzI2NSAxMi43Mzg5IDE0LjYzNTggMTIuMzI5MiAxNC42MzU4SDExLjc0OTVDMTEuMzQ5OCAxNC42MzU4IDExLjAyIDE0LjMyNjUgMTAuOTkgMTMuOTI3NVYxMy45Mzc0Wk0xMS45OTk0IDE4Ljk2NTJDMTIuNzg4NyAxOC45NjUyIDEzLjQyODYgMTguMzI2NSAxMy40Mjg2IDE3LjUzODZDMTMuNDI4NiAxNi43NTA3IDEyLjc4ODcgMTYuMTEyIDExLjk5OTQgMTYuMTEyQzExLjIxMDIgMTYuMTEyIDEwLjU3MDMgMTYuNzUwNyAxMC41NzAzIDE3LjUzODZDMTAuNTcwMyAxOC4zMjY1IDExLjIxMDIgMTguOTY1MiAxMS45OTk0IDE4Ljk2NTJaIiBmaWxsPSIjNzk3Rjg1Ii8+DQo8L3N2Zz4NCg==)
        }

        .blu-ticker.b-danger[data-v-c29289ca] {
            --blu-ticker-color-background: #fff5f5;
            --blu-ticker-color-border: #fecccb
        }

        .blu-ticker.b-danger.has-icon>.blu-ticker__icon[data-v-c29289ca] {
            background-color: #d33534;
            -webkit-mask-image: url(data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PSIwIDAgMjQgMjQiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+DQo8cGF0aCBkPSJNMTIgMkM2LjQ4IDIgMiA2LjQ4IDIgMTJDMiAxNy41MiA2LjQ4IDIyIDEyIDIyQzE3LjUyIDIyIDIyIDE3LjUyIDIyIDEyQzIyIDYuNDggMTcuNTIgMiAxMiAyWk0xNi4yNCAxNC44M0MxNi42MyAxNS4yMiAxNi42MyAxNS44NSAxNi4yNCAxNi4yNEMxNS44NSAxNi42MyAxNS4yMiAxNi42MyAxNC44MyAxNi4yNEwxMiAxMy40MUw5LjE3IDE2LjI0QzguNzggMTYuNjMgOC4xNSAxNi42MyA3Ljc2IDE2LjI0QzcuMzcgMTUuODUgNy4zNyAxNS4yMiA3Ljc2IDE0LjgzTDEwLjU5IDEyTDcuNzYgOS4xN0M3LjM3IDguNzggNy4zNyA4LjE1IDcuNzYgNy43NkM4LjE1IDcuMzcgOC43OCA3LjM3IDkuMTcgNy43NkwxMiAxMC41OUwxNC44MyA3Ljc2QzE1LjIyIDcuMzcgMTUuODUgNy4zNyAxNi4yNCA3Ljc2QzE2LjYzIDguMTUgMTYuNjMgOC43OCAxNi4yNCA5LjE3TDEzLjQxIDEyTDE2LjI0IDE0LjgzWiIgZmlsbD0iIzc5N0Y4NSIvPg0KPC9zdmc+);
            mask-image: url(data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PSIwIDAgMjQgMjQiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+DQo8cGF0aCBkPSJNMTIgMkM2LjQ4IDIgMiA2LjQ4IDIgMTJDMiAxNy41MiA2LjQ4IDIyIDEyIDIyQzE3LjUyIDIyIDIyIDE3LjUyIDIyIDEyQzIyIDYuNDggMTcuNTIgMiAxMiAyWk0xNi4yNCAxNC44M0MxNi42MyAxNS4yMiAxNi42MyAxNS44NSAxNi4yNCAxNi4yNEMxNS44NSAxNi42MyAxNS4yMiAxNi42MyAxNC44MyAxNi4yNEwxMiAxMy40MUw5LjE3IDE2LjI0QzguNzggMTYuNjMgOC4xNSAxNi42MyA3Ljc2IDE2LjI0QzcuMzcgMTUuODUgNy4zNyAxNS4yMiA3Ljc2IDE0LjgzTDEwLjU5IDEyTDcuNzYgOS4xN0M3LjM3IDguNzggNy4zNyA4LjE1IDcuNzYgNy43NkM4LjE1IDcuMzcgOC43OCA3LjM3IDkuMTcgNy43NkwxMiAxMC41OUwxNC44MyA3Ljc2QzE1LjIyIDcuMzcgMTUuODUgNy4zNyAxNi4yNCA3Ljc2QzE2LjYzIDguMTUgMTYuNjMgOC43OCAxNi4yNCA5LjE3TDEzLjQxIDEyTDE2LjI0IDE0LjgzWiIgZmlsbD0iIzc5N0Y4NSIvPg0KPC9zdmc+)
        }

        .blu-ticker.has-icon>.blu-ticker__icon[data-v-c29289ca] {
            margin-right: 8px;
            background-position: center center;
            background-size: contain;
            background-repeat: no-repeat;
            z-index: 0
        }

        @media screen and (min-width: 769px),
        print {
            .blu-ticker.has-icon>.blu-ticker__icon[data-v-c29289ca] {
                padding: 12px
            }
        }

        @media screen and (max-width: 768px) {
            .blu-ticker.has-icon>.blu-ticker__icon[data-v-c29289ca] {
                padding: 9px
            }
        }

        .blu-ticker.has-icon.b-middle[data-v-c29289ca] {
            align-items: center
        }

        .blu-ticker.has-icon.b-bottom[data-v-c29289ca] {
            align-items: flex-end
        }

        .blu-ticker.has-icon.b-bottom[data-v-c29289ca]:before {
            margin-bottom: 3px
        }
    </style>
    <style type="text/css">
        .blu-ripple[data-v-589e2bdd] {
            width: 100%;
            height: 100%;
            position: relative;
            overflow: hidden;
            display: flex;
            justify-content: center;
            align-items: center;
            -webkit-box-pack: center;
            -webkit-box-align: center;
            -webkit-mask-image: radial-gradient(circle, #ffffff 100%, #000000 100%);
            padding: 0 12px
        }

        .blu-ripple-wave[data-v-589e2bdd] {
            position: absolute;
            z-index: 1;
            pointer-events: none;
            background: currentColor;
            border-radius: 50%;
            opacity: 0;
            transform: scale(2) translateZ(0)
        }

        .blu-ripple-wave.b-centered[data-v-589e2bdd] {
            animation-duration: 1.2s;
            top: 50%;
            left: 50%
        }

        .blu-ripple-wave~*[data-v-589e2bdd]:not(.blu-ripple-wave) {
            position: relative;
            z-index: 2
        }

        .blu-ripple-enter-active[data-v-589e2bdd] {
            transition: 2s cubic-bezier(0.25, 0.8, 0.25, 1);
            transition-property: opacity, transform;
            will-change: opacity, transform
        }

        .blu-ripple-enter-active.b-centered[data-v-589e2bdd] {
            transition-duration: 1.2s
        }

        .blu-ripple-enter[data-v-589e2bdd] {
            opacity: .26;
            transform: scale(0.26) translateZ(0)
        }

        .has-left-icon .blu-ripple svg[data-v-589e2bdd] {
            margin-right: 8px
        }

        .has-left-icon.b-small svg[data-v-589e2bdd] {
            transform-origin: left;
            margin-right: 4px
        }

        .b-large .blu-ripple[data-v-589e2bdd] {
            padding: 0 16px
        }

        .b-small .blu-ripple[data-v-589e2bdd] {
            padding: 0 8px
        }

        .b-small svg[data-v-589e2bdd] {
            width: 18px;
            height: 18px
        }

        .b-icon .blu-ripple[data-v-589e2bdd] {
            padding: 0
        }

        .b-loading .blu-loader-wrapper[data-v-589e2bdd] {
            height: 24px;
            position: absolute
        }

        .b-loading .blu-ripple[data-v-589e2bdd] {
            color: rgba(0, 0, 0, 0)
        }

        .b-loading .blu-ripple>svg[data-v-589e2bdd] {
            visibility: hidden
        }

        .b-loading .blu-ripple .blu-ripple-wave[data-v-589e2bdd] {
            color: #fff
        }

        .b-loading.b-white .blu-ripple-wave[data-v-589e2bdd] {
            color: #a58d33
        }

        .b-loading.b-outline.b-secondary .blu-ripple-wave[data-v-589e2bdd] {
            color: #a58d33
        }

        .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: #a58d33
        }

        .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: #a58d33
        }

        .b-disabled[data-v-589e2bdd] {
            opacity: 1
        }

        .blu-btn-dropdown .blu-ripple>svg+div[data-v-589e2bdd] {
            margin-left: 8px
        }

        .blu-radio[data-v-589e2bdd] {
            width: auto;
            margin: 16px 16px 16px 0;
            display: inline-flex;
            position: relative
        }

        .blu-radio[data-v-589e2bdd]:not(.b-disabled) {
            cursor: pointer
        }

        .blu-radio:not(.b-disabled) .blu-radio-label[data-v-589e2bdd] {
            cursor: pointer;
            color: rgba(25, 34, 42, .7019607843)
        }

        .blu-radio .blu-radio-container[data-v-589e2bdd] {
            width: 20px;
            min-width: 20px;
            height: 20px;
            position: relative;
            border: 1px solid rgba(0, 0, 0, 0);
            border-radius: 50%;
            transition: .4s cubic-bezier(0.25, 0.8, 0.25, 1);
            border-color: #c8cbcd
        }

        .blu-radio .blu-radio-container[data-v-589e2bdd]:focus {
            outline: none
        }

        .blu-radio .blu-radio-container[data-v-589e2bdd]::before,
        .blu-radio .blu-radio-container[data-v-589e2bdd]::after {
            position: absolute;
            transition: .4s cubic-bezier(0.55, 0, 0.55, 0.2);
            content: " "
        }

        .blu-radio .blu-radio-container[data-v-589e2bdd]::before {
            width: 48px;
            height: 48px;
            top: 50%;
            left: 50%;
            border-radius: 50%;
            transform: translate(-50%, -50%)
        }

        .blu-radio .blu-radio-container[data-v-589e2bdd]::after {
            position: absolute;
            top: 3px;
            right: 3px;
            bottom: 3px;
            left: 3px;
            border-radius: 50%;
            transform: scale3D(0.38, 0.38, 1);
            content: " "
        }

        .blu-radio .blu-radio-container input[data-v-589e2bdd] {
            position: absolute;
            left: -999em
        }

        .blu-radio .blu-radio-container input:focus-visible+.focus-radio[data-v-589e2bdd] {
            position: absolute;
            padding: 12px;
            border: 4px solid #000;
            border-radius: 8px;
            left: -8px;
            bottom: -8px
        }

        .blu-radio .blu-radio-label[data-v-589e2bdd] {
            padding-left: 8px;
            position: relative;
            font: 16px/20px "blibli", -apple-system, segoe ui, roboto, helvetica, arial, sans-serif
        }

        .blu-radio.b-checked .blu-radio-container[data-v-589e2bdd] {
            border-color: #1d8fff
        }

        .blu-radio.b-checked .blu-radio-container[data-v-589e2bdd]::after {
            transform: scale3D(1, 1, 1);
            transition: .4s cubic-bezier(0.25, 0.8, 0.25, 1);
            background-color: #1d8fff
        }

        .blu-radio.b-checked .blu-radio-container[data-v-589e2bdd]:hover {
            background-color: #fff;
            box-shadow: none
        }

        .blu-radio.b-required label[data-v-589e2bdd]::after {
            position: absolute;
            top: 2px;
            right: 0;
            transform: translateX(calc(100% + 2px));
            content: "*";
            line-height: 1em;
            vertical-align: top
        }

        .blu-radio.b-disabled[data-v-589e2bdd] {
            color: rgba(25, 34, 42, .4)
        }

        .blu-radio.b-disabled .blu-radio-container[data-v-589e2bdd] {
            border-color: #e1e3e4
        }

        .blu-radio.b-disabled .blu-radio-container[data-v-589e2bdd]:hover {
            background-color: #fff;
            box-shadow: none
        }

        .blu-radio.b-disabled.b-checked .blu-radio-container[data-v-589e2bdd] {
            border-color: #c8cbcd
        }

        .blu-radio.b-disabled.b-checked .blu-radio-container[data-v-589e2bdd]::after {
            background-color: #c8cbcd
        }

        .blu-radio.b-disabled.b-checked .blu-radio-container[data-v-589e2bdd]:hover {
            background-color: #fff;
            box-shadow: none
        }

        .blu-radio .b-disabled[data-v-589e2bdd] {
            cursor: not-allowed;
            -webkit-user-select: none;
            -moz-user-select: none;
            -ms-user-select: none;
            user-select: none
        }

        .blu-radio:hover:not(.b-disabled) .blu-radio-container[data-v-589e2bdd] {
            background-color: #f1f2f2;
            box-shadow: 0 0 0 2px #f1f2f2
        }
    </style>
    <style>
        .review-rating-sold-seen[data-v-585f0b9b] {
            display: flex;
            align-items: center;
            gap: 6px
        }

        .review-rating-sold-seen__sold-seen-label[data-v-585f0b9b] {
            font: 500 14px/18px Blibli, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif;
            color: #19222ab3
        }

        .review-rating-sold-seen__divider[data-v-585f0b9b] {
            background-color: #797f85;
            width: 2px;
            height: 2px;
            border-radius: 2px
        }

        .review-rating-sold-seen__divider[data-v-585f0b9b]:last-child {
            display: none
        }

        .review-rating-sold-seen__divider[data-v-585f0b9b]:first-child {
            display: none
        }

        .review-rating-sold-seen__chip[data-v-585f0b9b] {
            padding: 4px 6px;
            display: flex;
            align-items: center;
            justify-content: center;
            gap: 2px;
            height: 28px;
            border-radius: 8px;
            border: 1px solid #e1e3e4;
            cursor: pointer
        }

        .review-rating-sold-seen__chip-review-btn[data-v-585f0b9b] {
            display: flex;
            gap: 2px
        }

        .review-rating-sold-seen__chip-info-value[data-v-585f0b9b] {
            font: 600 14px/18px Blibli, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif;
            color: #19222ab3
        }

        .review-rating-sold-seen__chip-info-count[data-v-585f0b9b] {
            font: 500 14px/18px Blibli, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif;
            color: #19222a66
        }
    </style>
    <style>
        .product-status[data-v-f375d1ab] {
            display: flex;
            flex-wrap: wrap;
            font: 600 12px/16px Blibli, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif;
            gap: 4px
        }
    </style>
    <style>
        html:not([dark]) .blu-product-badge[data-v-5f0401da] {
            --blu-product-badge-border: 1px solid #ffffff;
            --blu-product-badge-border-countdown-promo: 1px solid #e93c3c;
            --blu-product-badge-border-countdown-flash-sale: 1px solid #f05a00;
            --blu-product-badge-border-radius: 4px;
            --blu-product-badge-border-radius-countdown: 4px;
            --blu-product-badge-border-radius-countdown-icon: 4px;
            --blu-product-badge-font: 600 12px/16px Blibli, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif;
            --blu-product-badge-opacity: 1;
            --blu-product-badge-text-shadow: 0 0 1px #19222a;
            --blu-product-badge-padding: 0 4px;
            --blu-product-badge-padding-countdown: 0px 2px 0px 0px;
            --blu-product-badge-spacing: 2px;
            --blu-product-badge-icon-margin-countdown: 2px;
            --blu-product-badge-icon-height: 16px;
            --blu-product-badge-background-color-blue: #09acde;
            --blu-product-badge-background-color-light-blue: #f3f9ff;
            --blu-product-badge-background-color-green: #22a334;
            --blu-product-badge-background-color-gray: #e1e3e4;
            --blu-product-badge-background-color-light-gray: #f9f9fa;
            --blu-product-badge-background-color-dark-gray: rgba(0, 0, 0, .6);
            --blu-product-badge-background-color-orange: #ff7f00;
            --blu-product-badge-background-color-magenta: #ff0f9d;
            --blu-product-badge-background-color-red: #d33534;
            --blu-product-badge-background-color-light-red: #ff7373;
            --blu-product-badge-background-color-white: #ffffff;
            --blu-product-badge-background-color-yellow: #f1ab02;
            --blu-product-badge-background-color-pre-order-gray-med: #f1f2f2;
            --blu-product-badge-background-color-promo-blue: #f3f9ff;
            --blu-product-badge-background-color-promo-green: #effcf0;
            --blu-product-badge-background-color-promo-gray: #f1f2f2;
            --blu-product-badge-background-color-countdown-promo-red: #e93c3c;
            --blu-product-badge-background-color-countdown-flash-sale-orange: #f05a00;
            --blu-product-badge-color-countdown-flash-sale-orange-icon: #f05a00;
            --blu-product-badge-color-blue: #ac8221;
            --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: #ac8221;
            --blu-product-badge-color-promo-green: #1c832a;
            --blu-product-badge-color-promo-gray: rgba(25, 34, 42, .7019607843);
            --blu-product-badge-color-promo-orange: #ff7f00;
            --blu-product-badge-color-promo-red: #d33534;
            --blu-product-badge-color-flashsale-gray: rgba(25, 34, 42, .7019607843);
            --blu-product-badge-color-flashsale-orange: #f05a00;
            --blu-product-badge-color-flashsale-red: #d33534;
            --blu-product-badge-color-countdown-promo-red: #d33534;
            --blu-product-badge-pseudo-element-border-promo-blue: 100%;
            --blu-product-badge-pseudo-element-height-promo-blue: 7.5px;
            --blu-product-badge-pseudo-element-position-bottom-promo-blue: 50%;
            --blu-product-badge-pseudo-element-position-left-promo-blue: -3px;
            --blu-product-badge-pseudo-element-position-right-promo-blue: -3px;
            --blu-product-badge-pseudo-element-width-promo-blue: 6px;
            display: inline-flex;
            align-items: flex-start;
            font: var(--blu-product-badge-font);
            width: fit-content;
            border-radius: var(--blu-product-badge-border-radius);
            padding: var(--blu-product-badge-padding);
            opacity: var(--blu-product-badge-opacity)
        }

        html:not([dark]) .blu-product-badge[data-v-5f0401da]>:not(:last-child) {
            margin-right: var(--blu-product-badge-spacing)
        }

        html:not([dark]) .blu-product-badge.b-ads[data-v-5f0401da] {
            background-color: transparent;
            color: var(--blu-product-badge-color-white);
            border: none;
            text-shadow: var(--blu-product-badge-text-shadow);
            --blu-product-badge-opacity: .47;
            --blu-product-badge-font: 500 12px/16px Blibli, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif
        }

        html:not([dark]) .blu-product-badge.b-best-seller[data-v-5f0401da] {
            background-color: var(--blu-product-badge-background-color-yellow);
            color: var(--blu-product-badge-color-white);
            border: var(--blu-product-badge-border)
        }

        html:not([dark]) .blu-product-badge.b-blibli-choice[data-v-5f0401da] {
            background-color: var(--blu-product-badge-background-color-blue);
            color: var(--blu-product-badge-color-white);
            border: var(--blu-product-badge-border)
        }

        html:not([dark]) .blu-product-badge.b-coming-soon[data-v-5f0401da] {
            background-color: var(--blu-product-badge-background-color-magenta);
            color: var(--blu-product-badge-color-white);
            border: var(--blu-product-badge-border)
        }

        html:not([dark]) .blu-product-badge.b-discount[data-v-5f0401da] {
            background-color: var(--blu-product-badge-background-color-red);
            color: var(--blu-product-badge-color-white);
            border: var(--blu-product-badge-border)
        }

        html:not([dark]) .blu-product-badge.b-exclusive[data-v-5f0401da] {
            background-color: var(--blu-product-badge-background-color-dark-gray);
            color: var(--blu-product-badge-color-white);
            border: var(--blu-product-badge-border)
        }

        html:not([dark]) .blu-product-badge.b-fresh-product[data-v-5f0401da] {
            background-color: var(--blu-product-badge-background-color-light-blue);
            color: var(--blu-product-badge-color-blue);
            border: var(--blu-product-badge-border)
        }

        html:not([dark]) .blu-product-badge.b-newest[data-v-5f0401da] {
            background-color: var(--blu-product-badge-background-color-green);
            color: var(--blu-product-badge-color-white);
            border: var(--blu-product-badge-border)
        }

        html:not([dark]) .blu-product-badge.b-currently-closed[data-v-5f0401da] {
            background-color: var(--blu-product-badge-background-color-light-gray);
            color: var(--blu-product-badge-color-light-gray);
            border: var(--blu-product-badge-border)
        }

        html:not([dark]) .blu-product-badge.b-out-of-stock[data-v-5f0401da] {
            background-color: var(--blu-product-badge-background-color-gray);
            color: var(--blu-product-badge-color-gray);
            border: var(--blu-product-badge-border)
        }

        html:not([dark]) .blu-product-badge.b-product-left[data-v-5f0401da] {
            background-color: var(--blu-product-badge-background-color-light-red);
            color: var(--blu-product-badge-color-white);
            border: var(--blu-product-badge-border)
        }

        html:not([dark]) .blu-product-badge.b-top-product[data-v-5f0401da] {
            background-color: var(--blu-product-badge-background-color-orange);
            color: var(--blu-product-badge-color-white);
            border: var(--blu-product-badge-border)
        }

        html:not([dark]) .blu-product-badge.b-pre-order[data-v-5f0401da] {
            background-color: var(--blu-product-badge-background-color-pre-order-gray-med);
            color: var(--blu-product-badge-text-color-pre-oder-gray-med);
            border: var(--blu-product-badge-border)
        }

        html:not([dark]) .blu-product-badge.b-blue[data-v-5f0401da] {
            background-color: var(--blu-product-badge-background-color-promo-blue);
            color: var(--blu-product-badge-color-promo-blue);
            border: none;
            position: relative;
            overflow: hidden;
            --blu-product-badge-padding: 0 6px
        }

        html:not([dark]) .blu-product-badge.b-blue[data-v-5f0401da]:after {
            content: "";
            position: absolute;
            bottom: var(--blu-product-badge-pseudo-element-position-bottom-promo-blue);
            transform: translateY(50%);
            left: var(--blu-product-badge-pseudo-element-position-left-promo-blue);
            width: var(--blu-product-badge-pseudo-element-width-promo-blue);
            height: var(--blu-product-badge-pseudo-element-height-promo-blue);
            border-radius: var(--blu-product-badge-pseudo-element-border-promo-blue);
            background-color: var(--blu-product-badge-background-color-white)
        }

        html:not([dark]) .blu-product-badge.b-blue[data-v-5f0401da]:before {
            content: "";
            position: absolute;
            bottom: var(--blu-product-badge-pseudo-element-position-bottom-promo-blue);
            transform: translateY(50%);
            right: var(--blu-product-badge-pseudo-element-position-right-promo-blue);
            width: var(--blu-product-badge-pseudo-element-width-promo-blue);
            height: var(--blu-product-badge-pseudo-element-height-promo-blue);
            border-radius: var(--blu-product-badge-pseudo-element-border-promo-blue);
            background-color: var(--blu-product-badge-background-color-white)
        }

        html:not([dark]) .blu-product-badge.b-green[data-v-5f0401da] {
            background-color: var(--blu-product-badge-background-color-promo-green);
            color: var(--blu-product-badge-color-promo-green);
            border: none
        }

        html:not([dark]) .blu-product-badge.b-gray[data-v-5f0401da] {
            background-color: var(--blu-product-badge-background-color-promo-gray);
            color: var(--blu-product-badge-color-promo-gray);
            border: none
        }

        html:not([dark]) .blu-product-badge.b-orange[data-v-5f0401da] {
            background-color: none;
            color: var(--blu-product-badge-color-promo-orange);
            border: none;
            --blu-product-badge-padding: 0
        }

        html:not([dark]) .blu-product-badge.b-light-blue[data-v-5f0401da] {
            background-color: var(--blu-product-badge-background-color-promo-light-blue);
            color: var(--blu-product-badge-color-promo-light-blue);
            border: none
        }

        html:not([dark]) .blu-product-badge.b-red[data-v-5f0401da] {
            background-color: none;
            color: var(--blu-product-badge-color-promo-red);
            border: none;
            --blu-product-badge-padding: 0
        }

        html:not([dark]) .blu-product-badge.b-cheapest[data-v-5f0401da],
        html:not([dark]) .blu-product-badge.b-best-selling[data-v-5f0401da],
        html:not([dark]) .blu-product-badge.b-people-see[data-v-5f0401da] {
            --blu-product-badge-padding: 0
        }

        html:not([dark]) .blu-product-badge.b-cheapest[data-v-5f0401da] {
            background-color: none;
            color: var(--blu-product-badge-color-flashsale-red);
            border: none
        }

        html:not([dark]) .blu-product-badge.b-best-selling[data-v-5f0401da] {
            background-color: none;
            color: var(--blu-product-badge-color-flashsale-orange);
            border: none
        }

        html:not([dark]) .blu-product-badge.b-people-see[data-v-5f0401da] {
            background-color: none;
            color: var(--blu-product-badge-color-flashsale-gray);
            border: none
        }

        html:not([dark]) .blu-product-badge.b-promo-countdown[data-v-5f0401da],
        html:not([dark]) .blu-product-badge.b-flash-sale[data-v-5f0401da] {
            --blu-product-badge-padding: var(--blu-product-badge-padding-countdown);
            --blu-product-badge-border-radius: var(--blu-product-badge-border-radius-countdown);
            display: flex;
            align-items: center;
            justify-content: center
        }

        html:not([dark]) .blu-product-badge.b-promo-countdown .blu-product-badge__icon[data-v-5f0401da],
        html:not([dark]) .blu-product-badge.b-flash-sale .blu-product-badge__icon[data-v-5f0401da] {
            max-height: var(--blu-product-badge-icon-height);
            display: flex;
            justify-content: center;
            align-items: center;
            align-self: stretch;
            border-radius: var(--blu-product-badge-border-radius-countdown-icon);
            margin-right: var(--blu-product-badge-icon-margin-countdown)
        }

        html:not([dark]) .blu-product-badge.b-promo-countdown[data-v-5f0401da] {
            background-color: var(--blu-product-badge-background-color-countdown-promo-red);
            color: var(--blu-product-badge-color-white);
            border: none
        }

        html:not([dark]) .blu-product-badge.b-promo-countdown .blu-product-badge__icon[data-v-5f0401da] {
            background-color: var(--blu-product-badge-background-color-white);
            color: var(--blu-product-badge-color-countdown-promo-red);
            border: var(--blu-product-badge-border-countdown-promo)
        }

        html:not([dark]) .blu-product-badge.b-flash-sale[data-v-5f0401da] {
            background-color: var(--blu-product-badge-background-color-countdown-flash-sale-orange);
            color: var(--blu-product-badge-color-white);
            border: none
        }

        html:not([dark]) .blu-product-badge.b-flash-sale .blu-product-badge__icon[data-v-5f0401da] {
            background-color: var(--blu-product-badge-background-color-white);
            color: var(--blu-product-badge-color-countdown-flash-sale-orange-icon);
            border: var(--blu-product-badge-border-countdown-flash-sale)
        }

        html[dark] .blu-product-badge[data-v-5f0401da] {
            --blu-product-badge-border: 1px solid #12171d;
            --blu-product-badge-border-countdown-promo: 1px solid #ff9090;
            --blu-product-badge-border-countdown-flash-sale: 1px solid #f05a00;
            --blu-product-badge-border-radius: 4px;
            --blu-product-badge-border-radius-countdown: 4px;
            --blu-product-badge-border-radius-countdown-icon: 4px;
            --blu-product-badge-font: 600 12px/16px Blibli, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif;
            --blu-product-badge-opacity: 1;
            --blu-product-badge-text-shadow: 0 0 1px #19222a;
            --blu-product-badge-padding: 0 4px;
            --blu-product-badge-padding-countdown: 0px 2px 0px 0px;
            --blu-product-badge-spacing: 2px;
            --blu-product-badge-icon-margin-countdown: 2px;
            --blu-product-badge-icon-height: 16px;
            --blu-product-badge-background-color-blue: #09acde;
            --blu-product-badge-background-color-light-blue: #002e7a;
            --blu-product-badge-background-color-green: #22a334;
            --blu-product-badge-background-color-gray: #3b444c;
            --blu-product-badge-background-color-light-gray: #19222a;
            --blu-product-badge-background-color-dark-gray: rgba(0, 0, 0, .6);
            --blu-product-badge-background-color-orange: #ff7f00;
            --blu-product-badge-background-color-magenta: #ff0f9d;
            --blu-product-badge-background-color-red: #d33534;
            --blu-product-badge-background-color-light-red: #ff7373;
            --blu-product-badge-background-color-white: #12171d;
            --blu-product-badge-background-color-yellow: #f1ab02;
            --blu-product-badge-background-color-pre-order-gray-med: #28323b;
            --blu-product-badge-background-color-promo-blue: #f3f9ff;
            --blu-product-badge-background-color-promo-green: #effcf0;
            --blu-product-badge-background-color-promo-gray: #f1f2f2;
            --blu-product-badge-background-color-countdown-promo-red: #ff9090;
            --blu-product-badge-background-color-countdown-flash-sale-orange: #f05a00;
            --blu-product-badge-color-countdown-flash-sale-orange-icon: #f05a00;
            --blu-product-badge-color-blue: #4fa4ff;
            --blu-product-badge-color-light-gray: rgba(255, 255, 255, .5019607843);
            --blu-product-badge-text-color-pre-oder-gray-med: rgba(255, 255, 255, .8);
            --blu-product-badge-color-gray: rgba(255, 255, 255, .8);
            --blu-product-badge-color-white: #12171d;
            --blu-product-badge-color-promo-blue: #4fa4ff;
            --blu-product-badge-color-promo-green: #02c82b;
            --blu-product-badge-color-promo-gray: rgba(255, 255, 255, .8);
            --blu-product-badge-color-promo-orange: #ff7f00;
            --blu-product-badge-color-promo-red: #ff7373;
            --blu-product-badge-color-flashsale-gray: rgba(255, 255, 255, .8);
            --blu-product-badge-color-flashsale-orange: #f05a00;
            --blu-product-badge-color-flashsale-red: #ff7373;
            --blu-product-badge-color-countdown-promo-red: #ff7373;
            --blu-product-badge-pseudo-element-border-promo-blue: 100%;
            --blu-product-badge-pseudo-element-height-promo-blue: 7.5px;
            --blu-product-badge-pseudo-element-position-bottom-promo-blue: 50%;
            --blu-product-badge-pseudo-element-position-left-promo-blue: -3px;
            --blu-product-badge-pseudo-element-position-right-promo-blue: -3px;
            --blu-product-badge-pseudo-element-width-promo-blue: 6px;
            display: inline-flex;
            align-items: flex-start;
            font: var(--blu-product-badge-font);
            width: fit-content;
            border-radius: var(--blu-product-badge-border-radius);
            padding: var(--blu-product-badge-padding);
            opacity: var(--blu-product-badge-opacity)
        }

        html[dark] .blu-product-badge[data-v-5f0401da]>:not(:last-child) {
            margin-right: var(--blu-product-badge-spacing)
        }

        html[dark] .blu-product-badge.b-ads[data-v-5f0401da] {
            background-color: transparent;
            color: var(--blu-product-badge-color-white);
            border: none;
            text-shadow: var(--blu-product-badge-text-shadow);
            --blu-product-badge-opacity: .47;
            --blu-product-badge-font: 500 12px/16px Blibli, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif
        }

        html[dark] .blu-product-badge.b-best-seller[data-v-5f0401da] {
            background-color: var(--blu-product-badge-background-color-yellow);
            color: var(--blu-product-badge-color-white);
            border: var(--blu-product-badge-border)
        }

        html[dark] .blu-product-badge.b-blibli-choice[data-v-5f0401da] {
            background-color: var(--blu-product-badge-background-color-blue);
            color: var(--blu-product-badge-color-white);
            border: var(--blu-product-badge-border)
        }

        html[dark] .blu-product-badge.b-coming-soon[data-v-5f0401da] {
            background-color: var(--blu-product-badge-background-color-magenta);
            color: var(--blu-product-badge-color-white);
            border: var(--blu-product-badge-border)
        }

        html[dark] .blu-product-badge.b-discount[data-v-5f0401da] {
            background-color: var(--blu-product-badge-background-color-red);
            color: var(--blu-product-badge-color-white);
            border: var(--blu-product-badge-border)
        }

        html[dark] .blu-product-badge.b-exclusive[data-v-5f0401da] {
            background-color: var(--blu-product-badge-background-color-dark-gray);
            color: var(--blu-product-badge-color-white);
            border: var(--blu-product-badge-border)
        }

        html[dark] .blu-product-badge.b-fresh-product[data-v-5f0401da] {
            background-color: var(--blu-product-badge-background-color-light-blue);
            color: var(--blu-product-badge-color-blue);
            border: var(--blu-product-badge-border)
        }

        html[dark] .blu-product-badge.b-newest[data-v-5f0401da] {
            background-color: var(--blu-product-badge-background-color-green);
            color: var(--blu-product-badge-color-white);
            border: var(--blu-product-badge-border)
        }

        html[dark] .blu-product-badge.b-currently-closed[data-v-5f0401da] {
            background-color: var(--blu-product-badge-background-color-light-gray);
            color: var(--blu-product-badge-color-light-gray);
            border: var(--blu-product-badge-border)
        }

        html[dark] .blu-product-badge.b-out-of-stock[data-v-5f0401da] {
            background-color: var(--blu-product-badge-background-color-gray);
            color: var(--blu-product-badge-color-gray);
            border: var(--blu-product-badge-border)
        }

        html[dark] .blu-product-badge.b-product-left[data-v-5f0401da] {
            background-color: var(--blu-product-badge-background-color-light-red);
            color: var(--blu-product-badge-color-white);
            border: var(--blu-product-badge-border)
        }

        html[dark] .blu-product-badge.b-top-product[data-v-5f0401da] {
            background-color: var(--blu-product-badge-background-color-orange);
            color: var(--blu-product-badge-color-white);
            border: var(--blu-product-badge-border)
        }

        html[dark] .blu-product-badge.b-pre-order[data-v-5f0401da] {
            background-color: var(--blu-product-badge-background-color-pre-order-gray-med);
            color: var(--blu-product-badge-text-color-pre-oder-gray-med);
            border: var(--blu-product-badge-border)
        }

        html[dark] .blu-product-badge.b-blue[data-v-5f0401da] {
            background-color: var(--blu-product-badge-background-color-promo-blue);
            color: var(--blu-product-badge-color-promo-blue);
            border: none;
            position: relative;
            overflow: hidden;
            --blu-product-badge-padding: 0 6px
        }

        html[dark] .blu-product-badge.b-blue[data-v-5f0401da]:after {
            content: "";
            position: absolute;
            bottom: var(--blu-product-badge-pseudo-element-position-bottom-promo-blue);
            transform: translateY(50%);
            left: var(--blu-product-badge-pseudo-element-position-left-promo-blue);
            width: var(--blu-product-badge-pseudo-element-width-promo-blue);
            height: var(--blu-product-badge-pseudo-element-height-promo-blue);
            border-radius: var(--blu-product-badge-pseudo-element-border-promo-blue);
            background-color: var(--blu-product-badge-background-color-white)
        }

        html[dark] .blu-product-badge.b-blue[data-v-5f0401da]:before {
            content: "";
            position: absolute;
            bottom: var(--blu-product-badge-pseudo-element-position-bottom-promo-blue);
            transform: translateY(50%);
            right: var(--blu-product-badge-pseudo-element-position-right-promo-blue);
            width: var(--blu-product-badge-pseudo-element-width-promo-blue);
            height: var(--blu-product-badge-pseudo-element-height-promo-blue);
            border-radius: var(--blu-product-badge-pseudo-element-border-promo-blue);
            background-color: var(--blu-product-badge-background-color-white)
        }

        html[dark] .blu-product-badge.b-green[data-v-5f0401da] {
            background-color: var(--blu-product-badge-background-color-promo-green);
            color: var(--blu-product-badge-color-promo-green);
            border: none
        }

        html[dark] .blu-product-badge.b-gray[data-v-5f0401da] {
            background-color: var(--blu-product-badge-background-color-promo-gray);
            color: var(--blu-product-badge-color-promo-gray);
            border: none
        }

        html[dark] .blu-product-badge.b-orange[data-v-5f0401da] {
            background-color: none;
            color: var(--blu-product-badge-color-promo-orange);
            border: none;
            --blu-product-badge-padding: 0
        }

        html[dark] .blu-product-badge.b-light-blue[data-v-5f0401da] {
            background-color: var(--blu-product-badge-background-color-promo-light-blue);
            color: var(--blu-product-badge-color-promo-light-blue);
            border: none
        }

        html[dark] .blu-product-badge.b-red[data-v-5f0401da] {
            background-color: none;
            color: var(--blu-product-badge-color-promo-red);
            border: none;
            --blu-product-badge-padding: 0
        }

        html[dark] .blu-product-badge.b-cheapest[data-v-5f0401da],
        html[dark] .blu-product-badge.b-best-selling[data-v-5f0401da],
        html[dark] .blu-product-badge.b-people-see[data-v-5f0401da] {
            --blu-product-badge-padding: 0
        }

        html[dark] .blu-product-badge.b-cheapest[data-v-5f0401da] {
            background-color: none;
            color: var(--blu-product-badge-color-flashsale-red);
            border: none
        }

        html[dark] .blu-product-badge.b-best-selling[data-v-5f0401da] {
            background-color: none;
            color: var(--blu-product-badge-color-flashsale-orange);
            border: none
        }

        html[dark] .blu-product-badge.b-people-see[data-v-5f0401da] {
            background-color: none;
            color: var(--blu-product-badge-color-flashsale-gray);
            border: none
        }

        html[dark] .blu-product-badge.b-promo-countdown[data-v-5f0401da],
        html[dark] .blu-product-badge.b-flash-sale[data-v-5f0401da] {
            --blu-product-badge-padding: var(--blu-product-badge-padding-countdown);
            --blu-product-badge-border-radius: var(--blu-product-badge-border-radius-countdown);
            display: flex;
            align-items: center;
            justify-content: center
        }

        html[dark] .blu-product-badge.b-promo-countdown .blu-product-badge__icon[data-v-5f0401da],
        html[dark] .blu-product-badge.b-flash-sale .blu-product-badge__icon[data-v-5f0401da] {
            max-height: var(--blu-product-badge-icon-height);
            display: flex;
            justify-content: center;
            align-items: center;
            align-self: stretch;
            border-radius: var(--blu-product-badge-border-radius-countdown-icon);
            margin-right: var(--blu-product-badge-icon-margin-countdown)
        }

        html[dark] .blu-product-badge.b-promo-countdown[data-v-5f0401da] {
            background-color: var(--blu-product-badge-background-color-countdown-promo-red);
            color: var(--blu-product-badge-color-white);
            border: none
        }

        html[dark] .blu-product-badge.b-promo-countdown .blu-product-badge__icon[data-v-5f0401da] {
            background-color: var(--blu-product-badge-background-color-white);
            color: var(--blu-product-badge-color-countdown-promo-red);
            border: var(--blu-product-badge-border-countdown-promo)
        }

        html[dark] .blu-product-badge.b-flash-sale[data-v-5f0401da] {
            background-color: var(--blu-product-badge-background-color-countdown-flash-sale-orange);
            color: var(--blu-product-badge-color-white);
            border: none
        }

        html[dark] .blu-product-badge.b-flash-sale .blu-product-badge__icon[data-v-5f0401da] {
            background-color: var(--blu-product-badge-background-color-white);
            color: var(--blu-product-badge-color-countdown-flash-sale-orange-icon);
            border: var(--blu-product-badge-border-countdown-flash-sale)
        }
    </style>
    <script type="text/javascript" async=""
        src="https://googleads.g.doubleclick.net/pagead/viewthroughconversion/925089264/?random=1726498673524&amp;cv=11&amp;fst=1726498673524&amp;bg=ffffff&amp;guid=ON&amp;async=1&amp;gtm=45be4990z8810058345za201zb810058345&amp;gcd=13l3l3l3l1l1&amp;dma=0&amp;tag_exp=0&amp;u_w=1920&amp;u_h=1080&amp;url=https%3A%2F%2Fwww.blibli.com%2Fp%2Ftwin-pack-tropicana-slim-beras-porang-instan-1000-g%2Fis--NUT-60023-01292-00001%3FpickupPointCode%3DPP-3495802&amp;ref=https%3A%2F%2Fwww.blibli.com%2Fflashsale%3Fsku%3DALS-60310-00048%26page%3D1&amp;hn=www.googleadservices.com&amp;frm=0&amp;tiba=Promo%20Twin%20Pack-%20Tropicana%20Slim%20Beras%20Porang%20Instan%201000%20G%20Diskon%2018%25%20Di%20Seller%20Nutrifood%20Official%20Store%20-%20Pisangan%20Timur%2C%20Kota%20Jakarta%20Timur%20%7C%20Blibli&amp;npa=0&amp;pscdl=noapi&amp;auid=426120352.1726498660&amp;uaa=x86&amp;uab=64&amp;uafvl=Chromium%3B128.0.6613.138%7CNot%253BA%253DBrand%3B24.0.0.0%7CGoogle%2520Chrome%3B128.0.6613.138&amp;uamb=0&amp;uam=&amp;uap=Windows&amp;uapv=15.0.0&amp;uaw=0&amp;fledge=1&amp;data=ecomm_pagetype%3Dproduct%3Becomm_prodid%3DNUT-60023-01292%3Becomm_totalvalue%3D343900&amp;rfmt=3&amp;fmt=4"></script>
    <script type="text/javascript" async=""
        src="https://googleads.g.doubleclick.net/pagead/viewthroughconversion/920334631/?random=1726498673536&amp;cv=11&amp;fst=1726498673536&amp;bg=ffffff&amp;guid=ON&amp;async=1&amp;gtm=45be4990z8810058345za201zb810058345&amp;gcd=13l3l3l3l1l1&amp;dma=0&amp;tag_exp=0&amp;u_w=1920&amp;u_h=1080&amp;url=https%3A%2F%2Fwww.blibli.com%2Fp%2Ftwin-pack-tropicana-slim-beras-porang-instan-1000-g%2Fis--NUT-60023-01292-00001%3FpickupPointCode%3DPP-3495802&amp;ref=https%3A%2F%2Fwww.blibli.com%2Fflashsale%3Fsku%3DALS-60310-00048%26page%3D1&amp;hn=www.googleadservices.com&amp;frm=0&amp;tiba=Promo%20Twin%20Pack-%20Tropicana%20Slim%20Beras%20Porang%20Instan%201000%20G%20Diskon%2018%25%20Di%20Seller%20Nutrifood%20Official%20Store%20-%20Pisangan%20Timur%2C%20Kota%20Jakarta%20Timur%20%7C%20Blibli&amp;npa=0&amp;pscdl=noapi&amp;auid=426120352.1726498660&amp;uaa=x86&amp;uab=64&amp;uafvl=Chromium%3B128.0.6613.138%7CNot%253BA%253DBrand%3B24.0.0.0%7CGoogle%2520Chrome%3B128.0.6613.138&amp;uamb=0&amp;uam=&amp;uap=Windows&amp;uapv=15.0.0&amp;uaw=0&amp;fledge=1&amp;data=ecomm_pagetype%3Dretail-product-detail%3Becomm_prodid%3DNUT-60023-01292%3Becomm_totalvalue%3D343900&amp;rfmt=3&amp;fmt=4"></script>
    <script attributionsrc="" type="text/javascript" async=""
        src="https://www.googleadservices.com/pagead/conversion/880395410/?random=1726498673589&amp;cv=11&amp;fst=1726498673589&amp;bg=ffffff&amp;guid=ON&amp;async=1&amp;gtm=45be4990v877689920z8810058345za201zb810058345&amp;gcd=13l3l3l3l1l1&amp;dma=0&amp;tag_exp=0&amp;u_w=1920&amp;u_h=1080&amp;url=https%3A%2F%2Fwww.blibli.com%2Fp%2Ftwin-pack-tropicana-slim-beras-porang-instan-1000-g%2Fis--NUT-60023-01292-00001%3FpickupPointCode%3DPP-3495802&amp;ref=https%3A%2F%2Fwww.blibli.com%2Fflashsale%3Fsku%3DALS-60310-00048%26page%3D1&amp;label=hEx3CKjo-eADEJKJ56MD&amp;hn=www.googleadservices.com&amp;frm=0&amp;tiba=Promo%20Twin%20Pack-%20Tropicana%20Slim%20Beras%20Porang%20Instan%201000%20G%20Diskon%2018%25%20Di%20Seller%20Nutrifood%20Official%20Store%20-%20Pisangan%20Timur%2C%20Kota%20Jakarta%20Timur%20%7C%20Blibli&amp;value=0&amp;bttype=purchase&amp;npa=0&amp;pscdl=noapi&amp;auid=426120352.1726498660&amp;uaa=x86&amp;uab=64&amp;uafvl=Chromium%3B128.0.6613.138%7CNot%253BA%253DBrand%3B24.0.0.0%7CGoogle%2520Chrome%3B128.0.6613.138&amp;uamb=0&amp;uam=&amp;uap=Windows&amp;uapv=15.0.0&amp;uaw=0&amp;fledge=1&amp;capi=1&amp;rfmt=3&amp;fmt=4"></script>
    <link rel="modulepreload" as="script" crossorigin=""
        href="https://www.static-src.com/frontend/static/js/FootSection.709acb56.js">
    <link rel="modulepreload" as="script" crossorigin=""
        href="https://www.static-src.com/frontend/static/js/AccordionContent.6cf8e4dd.js">
    <link rel="stylesheet" href="https://www.static-src.com/frontend/static/FootSection.a31a2cbc.css">
    <style>
        html:not([dark]) .blu-accordions[data-v-d4dcd884] {
            --blu-accordions-color-border: transparent;
            border: 1px solid var(--blu-accordions-color-border);
            border-radius: 8px;
            box-sizing: border-box
        }

        html:not([dark]) .blu-accordions.b-primary[data-v-d4dcd884] {
            --blu-accordions-color-border: #e1e3e4
        }

        html[dark] .blu-accordions[data-v-d4dcd884] {
            --blu-accordions-color-border: transparent;
            border: 1px solid var(--blu-accordions-color-border);
            border-radius: 8px;
            box-sizing: border-box
        }

        html[dark] .blu-accordions.b-primary[data-v-d4dcd884] {
            --blu-accordions-color-border: #3b444c
        }
    </style>
    <style>
        html:not([dark]) .blu-accordions .blu-accordion[data-v-ce519450] {
            --blu-accordion-color-border: transparent
        }

        html:not([dark]) .blu-accordions .blu-accordion[data-v-ce519450]:not(:last-child) {
            border-bottom: 1px solid var(--blu-accordion-color-border)
        }

        html:not([dark]) .blu-accordions.b-primary .blu-accordion[data-v-ce519450]:not(:last-child) {
            --blu-accordion-color-border: #e1e3e4
        }

        html[dark] .blu-accordions .blu-accordion[data-v-ce519450] {
            --blu-accordion-color-border: transparent
        }

        html[dark] .blu-accordions .blu-accordion[data-v-ce519450]:not(:last-child) {
            border-bottom: 1px solid var(--blu-accordion-color-border)
        }

        html[dark] .blu-accordions.b-primary .blu-accordion[data-v-ce519450]:not(:last-child) {
            --blu-accordion-color-border: #3b444c
        }
    </style>
    <style>
        html:not([dark]) .blu-accordions .blu-accordion__header[data-v-25e87b5b] {
            --blu-accordion-header-content-text: 500 14px/18px Blibli, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif;
            --blu-accordion-header-content-color-text: #19222a;
            --blu-accordion-header-spacing-padding: 12px;
            --blu-accordion-header-content-icon-size: 18px;
            --blu-accordion-header-content-color-icon: #797f85;
            --blu-accordion-header-spacing-gap: 4px;
            --blu-accordion-header-content-right-spacing-gap: 8px;
            font: var(--blu-accordion-header-content-text);
            color: var(--blu-accordion-header-content-color-text);
            padding: var(--blu-accordion-header-spacing-padding);
            box-sizing: border-box;
            border-radius: var(--blu-accordion-header-border-radius)
        }

        html:not([dark]) .blu-accordions .blu-accordion__header-main[data-v-25e87b5b] {
            display: flex;
            align-items: start;
            width: 100%
        }

        html:not([dark]) .blu-accordions .blu-accordion__header-main *[data-v-25e87b5b]:not(:last-child) {
            margin-right: var(--blu-accordion-header-spacing-gap)
        }

        html:not([dark]) .blu-accordions .blu-accordion__header-content[data-v-25e87b5b] {
            width: 100%
        }

        html:not([dark]) .blu-accordions .blu-accordion__header-item-leading[data-v-25e87b5b],
        html:not([dark]) .blu-accordions .blu-accordion__header-item-trailing[data-v-25e87b5b] {
            display: flex;
            align-items: center
        }

        html:not([dark]) .blu-accordions .blu-accordion__header-item-leading[data-v-25e87b5b] svg,
        html:not([dark]) .blu-accordions .blu-accordion__header-item-trailing[data-v-25e87b5b] svg {
            width: var(--blu-accordion-header-content-icon-size);
            height: var(--blu-accordion-header-content-icon-size);
            color: var(--blu-accordion-header-content-color-icon)
        }

        html:not([dark]) .blu-accordions .blu-accordion__header-item-trailing[data-v-25e87b5b]>*:not(:last-child) {
            margin-right: var(--blu-accordion-header-content-right-spacing-gap)
        }

        html:not([dark]) .blu-accordions .blu-accordion__header-item-trailing[data-v-25e87b5b]>svg {
            transition: all .4s ease
        }

        html:not([dark]) .blu-accordions .blu-accordion__header[data-v-25e87b5b]:hover {
            cursor: var(--blu-accordion-pointer);
            background-color: var(--blu-accordion-header-color-background)
        }

        html:not([dark]) .blu-accordions .blu-accordion__header[data-v-25e87b5b]:focus-visible {
            position: relative;
            outline: none;
            outline: #19222a solid 2px
        }

        html:not([dark]) .blu-accordions .blu-accordion:not(.b-disabled).b-active>.blu-accordion__header .blu-accordion__header-item-trailing[data-v-25e87b5b] svg {
            transform: rotate(-180deg)
        }

        html:not([dark]) .blu-accordions .blu-accordion:not(.b-disabled) .blu-accordion__header[data-v-25e87b5b] {
            --blu-accordion-pointer: pointer;
            --blu-accordion-header-color-background: #f9f9fa
        }

        html:not([dark]) .blu-accordions .blu-accordion.b-disabled .blu-accordion__header[data-v-25e87b5b] {
            --blu-accordion-pointer: not-allowed;
            --blu-accordion-header-content-color-text: rgba(25, 34, 42, .3019607843);
            --blu-accordion-header-content-color-icon: rgba(25, 34, 42, .3019607843)
        }

        html:not([dark]) .blu-accordions .blu-accordion.b-small .blu-accordion__header[data-v-25e87b5b] {
            --blu-accordion-header-spacing-padding: 8px 12px
        }

        html:not([dark]) .blu-accordions.b-primary .blu-accordion:first-child .blu-accordion__header[data-v-25e87b5b] {
            border-radius: 8px 8px 0 0
        }

        html:not([dark]) .blu-accordions.b-primary .blu-accordion:last-child:not(.b-active) .blu-accordion__header[data-v-25e87b5b] {
            border-radius: 0 0 8px 8px
        }

        html:not([dark]) .blu-accordions.b-secondary .blu-accordion__header[data-v-25e87b5b]:hover {
            --blu-accordion-header-border-radius: 8px
        }

        html[dark] .blu-accordions .blu-accordion__header[data-v-25e87b5b] {
            --blu-accordion-header-content-text: 500 14px/18px Blibli, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif;
            --blu-accordion-header-content-color-text: #ffffff;
            --blu-accordion-header-spacing-padding: 12px;
            --blu-accordion-header-content-icon-size: 18px;
            --blu-accordion-header-content-color-icon: #acb0b4;
            --blu-accordion-header-spacing-gap: 4px;
            --blu-accordion-header-content-right-spacing-gap: 8px;
            font: var(--blu-accordion-header-content-text);
            color: var(--blu-accordion-header-content-color-text);
            padding: var(--blu-accordion-header-spacing-padding);
            box-sizing: border-box;
            border-radius: var(--blu-accordion-header-border-radius)
        }

        html[dark] .blu-accordions .blu-accordion__header-main[data-v-25e87b5b] {
            display: flex;
            align-items: start;
            width: 100%
        }

        html[dark] .blu-accordions .blu-accordion__header-main *[data-v-25e87b5b]:not(:last-child) {
            margin-right: var(--blu-accordion-header-spacing-gap)
        }

        html[dark] .blu-accordions .blu-accordion__header-content[data-v-25e87b5b] {
            width: 100%
        }

        html[dark] .blu-accordions .blu-accordion__header-item-leading[data-v-25e87b5b],
        html[dark] .blu-accordions .blu-accordion__header-item-trailing[data-v-25e87b5b] {
            display: flex;
            align-items: center
        }

        html[dark] .blu-accordions .blu-accordion__header-item-leading[data-v-25e87b5b] svg,
        html[dark] .blu-accordions .blu-accordion__header-item-trailing[data-v-25e87b5b] svg {
            width: var(--blu-accordion-header-content-icon-size);
            height: var(--blu-accordion-header-content-icon-size);
            color: var(--blu-accordion-header-content-color-icon)
        }

        html[dark] .blu-accordions .blu-accordion__header-item-trailing[data-v-25e87b5b]>*:not(:last-child) {
            margin-right: var(--blu-accordion-header-content-right-spacing-gap)
        }

        html[dark] .blu-accordions .blu-accordion__header-item-trailing[data-v-25e87b5b]>svg {
            transition: all .4s ease
        }

        html[dark] .blu-accordions .blu-accordion__header[data-v-25e87b5b]:hover {
            cursor: var(--blu-accordion-pointer);
            background-color: var(--blu-accordion-header-color-background)
        }

        html[dark] .blu-accordions .blu-accordion__header[data-v-25e87b5b]:focus-visible {
            position: relative;
            outline: none;
            outline: #f9f9fa solid 2px
        }

        html[dark] .blu-accordions .blu-accordion:not(.b-disabled).b-active>.blu-accordion__header .blu-accordion__header-item-trailing[data-v-25e87b5b] svg {
            transform: rotate(-180deg)
        }

        html[dark] .blu-accordions .blu-accordion:not(.b-disabled) .blu-accordion__header[data-v-25e87b5b] {
            --blu-accordion-pointer: pointer;
            --blu-accordion-header-color-background: #19222a
        }

        html[dark] .blu-accordions .blu-accordion.b-disabled .blu-accordion__header[data-v-25e87b5b] {
            --blu-accordion-pointer: not-allowed;
            --blu-accordion-header-content-color-text: rgba(255, 255, 255, .3019607843);
            --blu-accordion-header-content-color-icon: rgba(255, 255, 255, .3019607843)
        }

        html[dark] .blu-accordions .blu-accordion.b-small .blu-accordion__header[data-v-25e87b5b] {
            --blu-accordion-header-spacing-padding: 8px 12px
        }

        html[dark] .blu-accordions.b-primary .blu-accordion:first-child .blu-accordion__header[data-v-25e87b5b] {
            border-radius: 8px 8px 0 0
        }

        html[dark] .blu-accordions.b-primary .blu-accordion:last-child:not(.b-active) .blu-accordion__header[data-v-25e87b5b] {
            border-radius: 0 0 8px 8px
        }

        html[dark] .blu-accordions.b-secondary .blu-accordion__header[data-v-25e87b5b]:hover {
            --blu-accordion-header-border-radius: 8px
        }
    </style>
    <style>
        html:not([dark]) .b-overflow-y[data-v-c3cefe32] {
            scrollbar-color: rgba(25, 34, 42, .3019607843) transparent;
            scrollbar-width: thin
        }

        html:not([dark]) .b-overflow-y[data-v-c3cefe32]::-webkit-scrollbar {
            width: 4px;
            height: 8px;
            background-color: transparent
        }

        html:not([dark]) .b-overflow-y[data-v-c3cefe32]::-webkit-scrollbar-track {
            margin: 13px 0
        }

        html:not([dark]) .b-overflow-y[data-v-c3cefe32]::-webkit-scrollbar-thumb {
            box-shadow: inset 0 0 14px 14px transparent;
            border-radius: 4px;
            background-color: #19222a4d;
            scrollbar-color: rgba(25, 34, 42, .3019607843)
        }

        html:not([dark]) .b-overflow-y[data-v-c3cefe32]:hover::-webkit-scrollbar {
            width: 4px
        }

        html:not([dark]) .b-overflow-y[data-v-c3cefe32]:hover::-webkit-scrollbar-track {
            border: solid 2px transparent
        }

        html:not([dark]) .b-overflow-y[data-v-c3cefe32]:hover::-webkit-scrollbar-thumb:hover {
            box-shadow: inset 0 0 14px 14px transparent;
            background-color: #19222a4d;
            scrollbar-color: rgba(25, 34, 42, .3019607843) transparent
        }

        html:not([dark]) .b-overflow-y[data-v-c3cefe32]::-webkit-scrollbar-track {
            border-radius: 3px;
            background-color: transparent
        }

        html:not([dark]) .b-overflow-y.hidden[data-v-c3cefe32] {
            scrollbar-width: none
        }

        html:not([dark]) .b-overflow-y.hidden[data-v-c3cefe32]::-webkit-scrollbar-thumb {
            border-radius: 4px;
            background-color: transparent
        }

        html:not([dark]) .b-overflow-y.hidden[data-v-c3cefe32]:hover {
            scrollbar-width: thin
        }

        html:not([dark]) .b-overflow-y.hidden[data-v-c3cefe32]:hover::-webkit-scrollbar-thumb {
            box-shadow: inset 0 0 14px 14px transparent;
            border-radius: 4px;
            background-color: #19222a4d;
            scrollbar-color: rgba(25, 34, 42, .3019607843) transparent
        }

        html:not([dark]) .b-overflow-y.hidden[data-v-c3cefe32]:hover::-webkit-scrollbar-thumb:hover {
            box-shadow: inset 0 0 14px 14px transparent;
            background-color: #19222a4d;
            scrollbar-color: rgba(25, 34, 42, .3019607843) transparent
        }

        html:not([dark]) .b-overflow-y[data-v-c3cefe32] {
            overflow-y: auto;
            margin: 0
        }

        html:not([dark]) .blu-accordion__content[data-v-c3cefe32] {
            --blu-accordion-max-height: 0;
            --blu-accordion-content-text: 500 14px/18px Blibli, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif;
            --blu-accordion-content-color-text: rgba(25, 34, 42, .7019607843);
            --blu-accordion-content-spacing-padding: 12px;
            font: var(--blu-accordion-content-text);
            color: var(--blu-accordion-content-color-text);
            max-height: var(--blu-accordion-max-height);
            transition: all .4s ease;
            display: grid;
            grid-template-rows: 0fr
        }

        html:not([dark]) .blu-accordion__content.b-full-height .blu-accordion__content-main[data-v-c3cefe32] {
            overflow: hidden
        }

        html:not([dark]) .blu-accordion__content:not(.b-has-no-padding) .blu-accordion__content-main[data-v-c3cefe32] {
            transition: padding .4s ease;
            padding: 0 var(--blu-accordion-content-spacing-padding)
        }

        html:not([dark]) .blu-accordion:not(.b-disabled).b-active>.blu-accordion__content[data-v-c3cefe32] {
            grid-template-rows: 1fr;
            --blu-accordion-max-height: 168px
        }

        html:not([dark]) .blu-accordion:not(.b-disabled).b-active>.blu-accordion__content:not(.b-has-no-padding) .blu-accordion__content-main[data-v-c3cefe32] {
            padding: var(--blu-accordion-content-spacing-padding)
        }

        html:not([dark]) .blu-accordion:not(.b-disabled).b-active>.blu-accordion__content.b-full-height[data-v-c3cefe32] {
            --blu-accordion-max-height: 100%
        }

        html:not([dark]) .blu-accordion.b-small>.blu-accordion__content[data-v-c3cefe32] {
            --blu-accordion-content-spacing-padding: 8px 12px
        }

        html[dark] .b-overflow-y[data-v-c3cefe32] {
            scrollbar-color: rgba(255, 255, 255, .3019607843) transparent;
            scrollbar-width: thin
        }

        html[dark] .b-overflow-y[data-v-c3cefe32]::-webkit-scrollbar {
            width: 4px;
            height: 8px;
            background-color: transparent
        }

        html[dark] .b-overflow-y[data-v-c3cefe32]::-webkit-scrollbar-track {
            margin: 13px 0
        }

        html[dark] .b-overflow-y[data-v-c3cefe32]::-webkit-scrollbar-thumb {
            box-shadow: inset 0 0 14px 14px transparent;
            border-radius: 4px;
            background-color: #ffffff4d;
            scrollbar-color: rgba(255, 255, 255, .3019607843)
        }

        html[dark] .b-overflow-y[data-v-c3cefe32]:hover::-webkit-scrollbar {
            width: 4px
        }

        html[dark] .b-overflow-y[data-v-c3cefe32]:hover::-webkit-scrollbar-track {
            border: solid 2px transparent
        }

        html[dark] .b-overflow-y[data-v-c3cefe32]:hover::-webkit-scrollbar-thumb:hover {
            box-shadow: inset 0 0 14px 14px transparent;
            background-color: #ffffff4d;
            scrollbar-color: rgba(255, 255, 255, .3019607843) transparent
        }

        html[dark] .b-overflow-y[data-v-c3cefe32]::-webkit-scrollbar-track {
            border-radius: 3px;
            background-color: transparent
        }

        html[dark] .b-overflow-y.hidden[data-v-c3cefe32] {
            scrollbar-width: none
        }

        html[dark] .b-overflow-y.hidden[data-v-c3cefe32]::-webkit-scrollbar-thumb {
            border-radius: 4px;
            background-color: transparent
        }

        html[dark] .b-overflow-y.hidden[data-v-c3cefe32]:hover {
            scrollbar-width: thin
        }

        html[dark] .b-overflow-y.hidden[data-v-c3cefe32]:hover::-webkit-scrollbar-thumb {
            box-shadow: inset 0 0 14px 14px transparent;
            border-radius: 4px;
            background-color: #ffffff4d;
            scrollbar-color: rgba(255, 255, 255, .3019607843) transparent
        }

        html[dark] .b-overflow-y.hidden[data-v-c3cefe32]:hover::-webkit-scrollbar-thumb:hover {
            box-shadow: inset 0 0 14px 14px transparent;
            background-color: #ffffff4d;
            scrollbar-color: rgba(255, 255, 255, .3019607843) transparent
        }

        html[dark] .b-overflow-y[data-v-c3cefe32] {
            overflow-y: auto;
            margin: 0
        }

        html[dark] .blu-accordion__content[data-v-c3cefe32] {
            --blu-accordion-max-height: 0;
            --blu-accordion-content-text: 500 14px/18px Blibli, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif;
            --blu-accordion-content-color-text: rgba(255, 255, 255, .8);
            --blu-accordion-content-spacing-padding: 12px;
            font: var(--blu-accordion-content-text);
            color: var(--blu-accordion-content-color-text);
            max-height: var(--blu-accordion-max-height);
            transition: all .4s ease;
            display: grid;
            grid-template-rows: 0fr
        }

        html[dark] .blu-accordion__content.b-full-height .blu-accordion__content-main[data-v-c3cefe32] {
            overflow: hidden
        }

        html[dark] .blu-accordion__content:not(.b-has-no-padding) .blu-accordion__content-main[data-v-c3cefe32] {
            transition: padding .4s ease;
            padding: 0 var(--blu-accordion-content-spacing-padding)
        }

        html[dark] .blu-accordion:not(.b-disabled).b-active>.blu-accordion__content[data-v-c3cefe32] {
            grid-template-rows: 1fr;
            --blu-accordion-max-height: 168px
        }

        html[dark] .blu-accordion:not(.b-disabled).b-active>.blu-accordion__content:not(.b-has-no-padding) .blu-accordion__content-main[data-v-c3cefe32] {
            padding: var(--blu-accordion-content-spacing-padding)
        }

        html[dark] .blu-accordion:not(.b-disabled).b-active>.blu-accordion__content.b-full-height[data-v-c3cefe32] {
            --blu-accordion-max-height: 100%
        }

        html[dark] .blu-accordion.b-small>.blu-accordion__content[data-v-c3cefe32] {
            --blu-accordion-content-spacing-padding: 8px 12px
        }
    </style>
    <link rel="modulepreload" as="script" crossorigin=""
        href="https://www.static-src.com/frontend/static/js/FooterDetail.22d2666a.js">
    <link rel="modulepreload" as="script" crossorigin=""
        href="https://www.static-src.com/frontend/static/js/index.5457813a.js">
    <link rel="modulepreload" as="script" crossorigin=""
        href="https://www.static-src.com/frontend/static/js/LazyImage.92de27af.js">
    <link rel="stylesheet" href="https://www.static-src.com/frontend/static/LazyImage.7ad1d4cb.css">
    <link rel="modulepreload" as="script" crossorigin=""
        href="https://www.static-src.com/frontend/static/js/BlibliRouter.a4a077a8.js">
    <link rel="stylesheet" href="https://www.static-src.com/frontend/static/FooterDetail.783b18e8.css">
    <style>
        @charset "UTF-8";

        .zoomable[data-v-88ff560f] {
            display: flex;
            position: relative;
            align-items: stretch;
            border-width: 0;
            border-style: solid;
            box-sizing: border-box;
            flex-basis: auto;
            flex-direction: column;
            flex-shrink: 0;
            margin: 0;
            padding: 0;
            background-color: transparent;
            color: inherit;
            font: inherit;
            text-align: inherit;
            text-decoration: none;
            list-style: none;
            min-height: 0;
            min-width: 0
        }

        .zoomable[data-v-88ff560f]:hover {
            will-change: transform
        }

        .zoomable__image[data-v-88ff560f] {
            bottom: 0;
            left: 0;
            right: 0;
            top: 0;
            max-width: 100%;
            max-height: 100%;
            object-position: center;
            margin: auto;
            z-index: 2
        }

        [class*=b-lock-scroll] {
            overflow: hidden;
            height: 100vh;
            touch-action: none;
            -ms-touch-action: none
        }

        .image-preview[data-v-71beb4c0] {
            background-color: #333;
            display: flex;
            flex-direction: column;
            position: fixed;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            z-index: 100
        }

        @media screen and (min-width: 840px),
        print {
            .image-preview[data-v-71beb4c0] {
                z-index: 100;
                display: flex;
                align-items: center;
                justify-content: center;
                background-color: #00000080
            }
        }

        .image-preview__content[data-v-71beb4c0] {
            display: flex;
            flex-direction: column;
            justify-content: space-between;
            width: 100%;
            height: 100%;
            gap: 16px
        }

        @media screen and (min-width: 840px),
        print {
            .image-preview__content[data-v-71beb4c0] {
                min-height: 544px;
                max-height: 544px;
                padding: 16px;
                background-color: #fff;
                border-radius: 16px;
                width: auto;
                min-width: 460px
            }
        }

        .image-preview__content__top[data-v-71beb4c0] {
            position: relative;
            width: 100%;
            display: flex
        }

        .image-preview__content__top-close[data-v-71beb4c0] {
            cursor: pointer;
            z-index: 20
        }

        @media screen and (max-width: 839px) {
            .image-preview__content__top-close[data-v-71beb4c0] {
                margin: 16px;
                color: #fff
            }
        }

        @media screen and (min-width: 840px),
        print {
            .image-preview__content__top-close[data-v-71beb4c0] {
                margin-left: auto
            }
        }

        .image-preview__content__mid[data-v-71beb4c0] {
            display: flex;
            align-items: center;
            justify-content: center;
            text-align: center;
            position: relative;
            width: 100%;
            flex: 1
        }

        .image-preview__content__mid-img[data-v-71beb4c0] {
            position: absolute;
            width: 100%;
            height: 100%
        }

        .image-preview__content__mid-img img[data-v-71beb4c0] {
            object-fit: contain;
            height: 100%;
            width: 100%
        }

        .image-preview__content__mid-nav[data-v-71beb4c0] {
            position: absolute;
            border-radius: 50%;
            z-index: 10;
            cursor: pointer;
            height: 35px;
            width: 35px;
            background-color: #fff;
            color: #19222a
        }

        @media screen and (max-width: 839px) {
            .image-preview__content__mid-nav[data-v-71beb4c0] {
                background-color: #19222a;
                color: #fff
            }
        }

        .image-preview__content__mid-nav.next[data-v-71beb4c0] {
            right: 4px
        }

        .image-preview__content__mid-nav.prev[data-v-71beb4c0] {
            left: 4px
        }

        .image-preview__content__bottom[data-v-71beb4c0] {
            display: flex;
            align-items: center;
            overflow-x: auto;
            background-color: #000c;
            position: relative;
            gap: 16px;
            justify-content: center
        }

        @media screen and (max-width: 839px) {
            .image-preview__content__bottom[data-v-71beb4c0] {
                padding: 16px
            }
        }

        @media screen and (min-width: 840px),
        print {
            .image-preview__content__bottom[data-v-71beb4c0] {
                background-color: #fff
            }
        }

        .image-preview__content__bottom__thumbnails[data-v-71beb4c0] {
            background-color: #fff;
            height: 60px;
            width: 60px;
            border-radius: 8px;
            cursor: pointer;
            object-fit: cover
        }

        .image-preview__content__bottom__thumbnails.active[data-v-71beb4c0] {
            border: solid 2px #0096d9
        }

        .image-preview__overlay[data-v-71beb4c0] {
            position: fixed;
            width: 100%;
            height: 100%
        }

        @media screen and (max-width: 839px) {
            .image-preview__overlay[data-v-71beb4c0] {
                display: none
            }
        }

        .image-preview-fade-enter-active[data-v-71beb4c0],
        .image-preview-fade-leave-active[data-v-71beb4c0] {
            transition: opacity .5s ease
        }

        .image-preview-fade-enter[data-v-71beb4c0],
        .image-preview-fade-leave-active[data-v-71beb4c0] {
            opacity: 0
        }

        .ratings[data-v-455f666f] {
            display: flex;
            flex-direction: column;
            width: 100%
        }

        .ratings-data[data-v-455f666f] {
            display: flex;
            align-items: center;
            gap: 8px
        }

        .ratings-data__star[data-v-455f666f] {
            display: flex;
            align-items: center;
            justify-content: center;
            gap: 4px
        }

        .ratings-data__star span[data-v-455f666f] {
            color: #19222a66;
            width: 8px;
            font: 500 12px/16px Blibli, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif
        }

        .ratings-data__bar[data-v-455f666f] {
            flex: 1;
            background-color: #f1f2f2;
            border-radius: 4px
        }

        .ratings-data__bar-inner[data-v-455f666f] {
            background-color: #ffcd00;
            border-radius: 4px;
            display: block;
            height: 4px
        }

        .ratings-data__count[data-v-455f666f] {
            font: 500 12px/16px Blibli, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif;
            color: #19222a66
        }

        .rating-score[data-v-9fb73c36] {
            display: flex;
            flex-direction: row;
            width: 40%
        }

        @media screen and (max-width: 839px) {
            .rating-score[data-v-9fb73c36] {
                width: 100%
            }
        }

        .rating-score__average[data-v-9fb73c36] {
            display: flex;
            align-items: baseline;
            margin: 0;
            color: #19222a;
            font: 600 32px/38px Blibli, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif
        }

        .rating-score__average .per-five[data-v-9fb73c36] {
            font: 600 16px/20px Blibli, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif
        }

        .rating-score__detail[data-v-9fb73c36] {
            display: flex;
            gap: 4px;
            align-items: center;
            color: #19222a66
        }

        @media screen and (max-width: 839px) {
            .rating-score__detail[data-v-9fb73c36] {
                flex-direction: column;
                font: 500 10px/14px Blibli, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif
            }
        }

        @media screen and (min-width: 840px),
        print {
            .rating-score__detail[data-v-9fb73c36] {
                font: 500 12px/16px Blibli, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif
            }
        }

        .rating-score__info[data-v-9fb73c36] {
            display: flex;
            flex-direction: column;
            flex-basis: 0;
            justify-content: center;
            align-items: center;
            gap: 4px;
            max-width: max-content;
            flex-grow: 1
        }

        @media screen and (max-width: 839px) {
            .rating-score__info[data-v-9fb73c36] {
                flex-grow: 4
            }
        }

        [data-v-1228cecf] .blu-dropdown-trigger {
            height: 18px
        }

        [data-v-1228cecf] .blu-dropdown-tray {
            right: 5px;
            left: auto !important
        }

        .review-reply[data-v-cb7ed1ad] {
            display: flex;
            width: calc(100% - 17px);
            gap: 8px;
            flex-direction: column;
            padding-left: 16px;
            border-left: 1px dotted #e1e3e4;
            border-radius: 2px
        }

        .review-reply.seeReply[data-v-cb7ed1ad] {
            border-left: 1px solid #e1e3e4
        }

        .review-reply__button[data-v-cb7ed1ad] {
            color: #ac8221;
            font: 500 14px/18px Blibli, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif;
            cursor: pointer
        }

        .review-reply__content[data-v-cb7ed1ad] {
            display: flex;
            gap: 8px
        }

        .review-reply__content-info[data-v-cb7ed1ad] {
            display: flex;
            gap: 4px;
            font: 500 12px/16px Blibli, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif;
            color: #19222a66
        }

        .review-reply__content-hidden[data-v-cb7ed1ad] {
            font: 500 14px/18px Blibli, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif
        }

        .review-reply__content-hidden>.learnMore[data-v-cb7ed1ad] {
            color: #ac8221;
            cursor: pointer
        }

        .review-reply__content-sellerReply[data-v-cb7ed1ad] {
            display: flex;
            width: 100%;
            color: #19222ab3;
            font: 500 16px/20px Blibli, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif;
            flex-direction: column;
            gap: 4px
        }

        .reviewItem[data-v-9947ac40] {
            position: relative;
            display: flex;
            flex-direction: column;
            flex-wrap: wrap;
            width: 100%;
            gap: 8px
        }

        .reviewItem__product[data-v-9947ac40] {
            display: flex;
            align-items: center;
            gap: 8px;
            text-decoration: none
        }

        .reviewItem__product-image[data-v-9947ac40] {
            width: 40px;
            height: 40px;
            border-radius: 4px
        }

        .reviewItem__product-name[data-v-9947ac40] {
            word-break: break-word;
            color: #19222a
        }

        .reviewItem__product-name__disabled[data-v-9947ac40] {
            word-break: break-word;
            cursor: pointer;
            color: #19222a66
        }

        .reviewItem[data-v-9947ac40]:not(:first-of-type) {
            padding-top: 16px;
            border-top: 1px #e1e3e4 solid
        }

        .reviewItem__header[data-v-9947ac40] {
            display: flex;
            justify-content: space-between;
            align-items: center
        }

        .reviewItem__action[data-v-9947ac40] {
            display: flex
        }

        .reviewItem__action-like[data-v-9947ac40] {
            font: 500 14px/18px Blibli, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif;
            color: #19222ab3;
            cursor: pointer;
            display: flex;
            align-items: center;
            gap: 4px;
            padding: 0 8px
        }

        .reviewItem__action-like--active[data-v-9947ac40] {
            color: #a58d33
        }

        .reviewItem__chips[data-v-9947ac40] {
            display: flex;
            flex-wrap: wrap;
            gap: 8px
        }

        .reviewItem__pretext[data-v-9947ac40] {
            font: 500 14px/18px Blibli, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif;
            color: #19222ab3
        }

        .reviewItem__pretext>span[data-v-9947ac40] {
            color: #19222a66
        }

        .reviewItem__content[data-v-9947ac40] {
            display: flex;
            color: #19222ab3;
            flex-direction: column;
            align-items: flex-start;
            flex: 1
        }

        .reviewItem__content-text[data-v-9947ac40] {
            font: 500 16px/20px Blibli, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif;
            color: #19222ab3;
            -webkit-box-orient: vertical;
            display: -webkit-box;
            overflow: hidden;
            word-break: break-word;
            text-overflow: ellipsis;
            -webkit-line-clamp: 3
        }

        .reviewItem__content-expanded[data-v-9947ac40] {
            -webkit-line-clamp: unset !important
        }

        .reviewItem__content-readMore[data-v-9947ac40] {
            font: 500 16px/20px Blibli, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif;
            color: #ac8221;
            cursor: pointer
        }

        .reviewItem__images[data-v-9947ac40] {
            display: flex;
            flex-direction: row;
            gap: 8px;
            flex-wrap: wrap
        }

        .reviewItem__images--container[data-v-9947ac40] {
            width: 60px;
            height: 60px;
            background-color: #fff;
            border-radius: 8px;
            object-fit: cover;
            cursor: pointer
        }

        .reviewItem__info[data-v-9947ac40] {
            display: flex;
            flex-wrap: wrap;
            color: #19222a66;
            font: 500 12px/16px Blibli, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif;
            gap: 4px
        }

        .reviewItem__variant[data-v-9947ac40] {
            display: flex;
            flex-wrap: wrap;
            color: #19222a66;
            font: 500 12px/16px Blibli, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif
        }

        .reviewItem__variant-tags[data-v-9947ac40] {
            display: flex;
            gap: 4px;
            align-items: center
        }

        .reviewItem__variant-tags[data-v-9947ac40]:not(:first-child):before {
            content: "·";
            margin-left: 4px;
            color: #19222a66
        }

        .blu-modal__body[data-v-c05aa39f] ol {
            list-style-type: none;
            padding: 0;
            margin: 0
        }

        .sellerReview-card[data-v-a1fc7543] {
            cursor: pointer;
            display: flex;
            flex-direction: column;
            flex: 1;
            gap: 8px;
            padding: 16px;
            border-radius: 16px;
            border: 1px solid #e1e3e4
        }

        @media screen and (max-width: 839px) {
            .sellerReview-card[data-v-a1fc7543] {
                min-width: 75vw;
                width: 100%
            }
        }

        @media screen and (min-width: 840px),
        print {
            .sellerReview-card[data-v-a1fc7543] {
                flex: 0 0 33%
            }
        }

        .sellerReview-card__content[data-v-a1fc7543] {
            color: #19222ab3;
            font: 500 16px/20px Blibli, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif;
            -webkit-box-orient: vertical;
            display: -webkit-box;
            overflow: hidden;
            word-break: break-word;
            text-overflow: ellipsis;
            -webkit-line-clamp: 2
        }

        .sellerReview-card__info[data-v-a1fc7543] {
            display: flex;
            flex-wrap: wrap;
            gap: 4px;
            color: #19222a66;
            font: 500 12px/16px Blibli, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif
        }

        .product-reviews[data-v-c168623b] {
            display: flex;
            flex-direction: column;
            gap: 16px
        }

        @media screen and (max-width: 839px) {
            .product-reviews[data-v-c168623b] {
                gap: 8px
            }
        }

        .product-reviews__header[data-v-c168623b] {
            font: 600 20px/24px Blibli, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif;
            display: flex;
            justify-content: space-between;
            align-items: center
        }

        .product-reviews__summary[data-v-c168623b] {
            display: flex;
            gap: 20px;
            align-items: center
        }

        .product-reviews__summary-progress[data-v-c168623b] {
            width: min(400px, 100%)
        }

        .product-reviews__summary-mobile[data-v-c168623b] {
            display: flex;
            gap: 8px;
            font: 500 16px/20px Blibli, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif;
            margin-bottom: 12px
        }

        .product-reviews__summary-mobile .text-high[data-v-c168623b] {
            color: #19222a66
        }

        .product-reviews__highlight[data-v-c168623b],
        .product-reviews__seller[data-v-c168623b] {
            gap: 12px
        }

        @media screen and (min-width: 840px),
        print {

            .product-reviews__highlight[data-v-c168623b],
            .product-reviews__seller[data-v-c168623b] {
                display: grid;
                grid-template-columns: repeat(3, 1fr)
            }
        }

        @media screen and (max-width: 839px) {

            .product-reviews__highlight[data-v-c168623b],
            .product-reviews__seller[data-v-c168623b] {
                display: flex;
                overflow-x: scroll
            }
        }

        .product-reviews__highlight-card[data-v-c168623b],
        .product-reviews__seller-card[data-v-c168623b] {
            display: flex;
            flex-direction: column;
            flex: 1;
            gap: 8px;
            padding: 16px;
            border-radius: 16px;
            border: 1px solid #e1e3e4
        }

        .product-reviews__highlight-card__item[data-v-c168623b],
        .product-reviews__seller-card__item[data-v-c168623b] {
            height: 100%
        }

        @media screen and (max-width: 839px) {

            .product-reviews__highlight-card[data-v-c168623b],
            .product-reviews__seller-card[data-v-c168623b] {
                min-width: 75vw;
                width: 100%
            }
        }

        @media screen and (min-width: 840px),
        print {

            .product-reviews__highlight-card[data-v-c168623b],
            .product-reviews__seller-card[data-v-c168623b] {
                flex: 0 0 33%
            }
        }

        .product-reviews__empty[data-v-c168623b] {
            font: 500 14px/18px Blibli, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif
        }

        .page-fade-enter-active,
        .page-fade-leave-active {
            transition: opacity .2s ease
        }

        .page-fade-enter,
        .page-fade-leave {
            opacity: 0
        }

        .cursor-pointer {
            cursor: pointer
        }

        .filter-image-reviews[data-v-d5f8d3e6] {
            display: flex;
            flex-direction: column;
            gap: 16px;
            font: 600 16px/20px Blibli, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif;
            color: #19222a
        }

        .filter-rating-reviews[data-v-fec384bf] {
            display: flex;
            flex-direction: column;
            gap: 16px
        }

        .filter-rating-reviews .icon[data-v-fec384bf] {
            transform: none !important;
            margin-right: 2px !important
        }

        .filter-rating-reviews__label[data-v-fec384bf] {
            font: 600 16px/20px Blibli, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif;
            color: #19222a
        }

        .filter-rating-reviews__chips[data-v-fec384bf] {
            display: flex;
            gap: 4px;
            flex-wrap: wrap
        }

        @media screen and (max-width: 839px) {
            .filter-rating-reviews__chips[data-v-fec384bf] {
                flex-wrap: nowrap !important
            }
        }

        .floating-btn[data-v-08b4a9d6] {
            position: fixed;
            display: flex;
            align-items: flex-end;
            justify-content: center;
            bottom: 20px;
            z-index: 3;
            padding: 6px 12px 6px 16px;
            border-radius: 20px;
            left: 50%;
            transform: translate(-50%);
            box-shadow: 0 1px 6px #0000001a
        }

        .floating-btn span[data-v-08b4a9d6] {
            font-size: 16px;
            line-height: 20px
        }

        .topics-list[data-v-6db1a482] {
            display: flex;
            flex-direction: column
        }

        .topics-list__mobile[data-v-6db1a482] .blu-list__content {
            justify-content: center
        }

        .topics-list__mobile[data-v-6db1a482] .blu-list__content-additional {
            justify-content: center !important
        }

        [data-v-6db1a482] .blu-accordion__header {
            border-bottom: none;
            border-radius: 0;
            padding: 0 0 16px !important;
            font: 600 16px/20px Blibli, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif !important;
            color: #19222a !important
        }

        .variant-form[data-v-b31284d6] {
            display: flex;
            flex-direction: column;
            gap: 16px
        }

        .variant-form__categories[data-v-b31284d6] {
            color: #19222a;
            display: flex;
            gap: 8px;
            flex-direction: column
        }

        .filter-variant[data-v-c45dc3f9] {
            display: flex;
            flex-direction: column;
            gap: 16px
        }

        .filter-variant>.header[data-v-c45dc3f9] {
            display: flex;
            justify-content: space-between;
            align-items: center
        }

        .filter-variant>.header>label[data-v-c45dc3f9] {
            font: 600 16px/20px Blibli, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif;
            color: #19222a
        }

        .filter-variant>.header>span[data-v-c45dc3f9] {
            cursor: pointer;
            font: 600 14px/18px Blibli, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif;
            color: #ac8221
        }

        .margin-top[data-v-c45dc3f9] {
            margin-top: 16px
        }

        .filter-list[data-v-7539fbae] {
            display: flex;
            align-items: flex-start;
            gap: 16px
        }

        @media screen and (max-width: 839px) {
            .filter-list[data-v-7539fbae] {
                padding: 6px 6px 14px 0;
                position: -webkit-sticky;
                position: sticky;
                top: -1px;
                z-index: 2;
                gap: 8px;
                background-color: #fff
            }

            .filter-list[data-v-7539fbae]::-webkit-scrollbar {
                display: none
            }
        }

        @media screen and (min-width: 840px),
        print {
            .filter-list[data-v-7539fbae] {
                flex-direction: column
            }

            .filter-list[data-v-7539fbae]>*:not(:first-child) {
                border-top: 1px #c8cbcd solid;
                width: 100%;
                padding-top: 16px
            }
        }

        @media screen and (min-width: 840px),
        print {
            .filter-list__topics[data-v-7539fbae] {
                order: 1
            }
        }

        @media screen and (min-width: 840px),
        print {
            .filter-list__variant[data-v-7539fbae] {
                order: 2
            }
        }

        .loader[data-v-ca9e690f] {
            position: absolute;
            background: #fff;
            width: 100%;
            height: 100%;
            top: 0;
            left: 0;
            text-align: center;
            --size: 20px;
            --gap: 15px
        }

        .loader .wrapper[data-v-ca9e690f] {
            position: relative;
            top: 50%;
            transform: translateY(-50%)
        }

        .dot-loader--default .circle[data-v-ca9e690f] {
            background-color: #afdaf0;
            animation: flashing-ca9e690f 2.24s infinite normal
        }

        .dot-loader--default .circle-1[data-v-ca9e690f] {
            animation-delay: .45s
        }

        .dot-loader--default .circle-2[data-v-ca9e690f] {
            animation-delay: 1.05s
        }

        .dot-loader--default .circle-3[data-v-ca9e690f] {
            animation-delay: 1.35s
        }

        .dot-loader--pulse .circle[data-v-ca9e690f] {
            background-color: #005ed4;
            animation: pulse-ca9e690f 1s infinite linear alternate
        }

        .dot-loader--pulse .circle-1[data-v-ca9e690f] {
            animation-delay: 0
        }

        .dot-loader--pulse .circle-2[data-v-ca9e690f] {
            animation-delay: .5s
        }

        .dot-loader--pulse .circle-3[data-v-ca9e690f] {
            animation-delay: 1s
        }

        .circle[data-v-ca9e690f] {
            display: inline-block;
            height: var(--size);
            width: var(--size);
            border-radius: 20px
        }

        .circle[data-v-ca9e690f]:first-child {
            margin-left: 0
        }

        .circle[data-v-ca9e690f]:not(:first-child) {
            margin-left: var(--gap)
        }

        #circle_1[data-v-ca9e690f] {
            animation-delay: .45s
        }

        #circle_2[data-v-ca9e690f] {
            animation-delay: 1.05s
        }

        #circle_3[data-v-ca9e690f] {
            animation-delay: 1.35s
        }

        @keyframes flashing-ca9e690f {
            50% {
                background-color: #f0f0f0
            }
        }

        @keyframes pulse-ca9e690f {
            0% {
                background-color: #005ed4;
                transform: scale(2)
            }

            50%,
            to {
                background-color: #3b444c;
                transform: scale(1)
            }
        }

        .review-items-list[data-v-037d64b9] {
            display: flex;
            flex-direction: column;
            gap: 16px
        }

        @media screen and (max-width: 839px) {
            .review-items-list[data-v-037d64b9] {
                padding: 0 8px 0 16px
            }
        }

        @media screen and (min-width: 840px),
        print {
            .review-items-list[data-v-037d64b9] {
                width: 100%
            }
        }

        .review-items-list .empty[data-v-037d64b9] {
            text-align: center
        }

        .review-items-list .empty .feedback-img[data-v-037d64b9] {
            display: inline-block;
            margin: 24px 0
        }

        @media screen and (max-width: 839px) {
            .review-items-list .empty .feedback-img[data-v-037d64b9] {
                margin: 0;
                transform: scale(.9)
            }
        }

        .review-items-list .empty .message[data-v-037d64b9] {
            text-align: center;
            font: 600 18px/24px Blibli, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif;
            color: #19222a
        }

        .review-items-list__loader[data-v-037d64b9] {
            position: relative;
            padding: 10px 0;
            text-align: center
        }

        .review-items-list__observer[data-v-037d64b9] {
            display: flex;
            width: 100%;
            height: 20px
        }

        .b-overflow-x[data-v-8cf33ded] {
            overflow-x: auto
        }

        .b-overflow-y[data-v-8cf33ded],
        .b-overflow-x[data-v-8cf33ded] {
            scrollbar-color: rgba(25, 34, 42, .3019607843) transparent;
            scrollbar-width: thin
        }

        .b-overflow-y[data-v-8cf33ded]::-webkit-scrollbar,
        .b-overflow-x[data-v-8cf33ded]::-webkit-scrollbar {
            width: 4px;
            height: 8px;
            background-color: transparent
        }

        .b-overflow-y[data-v-8cf33ded]::-webkit-scrollbar-track,
        .b-overflow-x[data-v-8cf33ded]::-webkit-scrollbar-track {
            margin: 13px 0
        }

        .b-overflow-y[data-v-8cf33ded]::-webkit-scrollbar-thumb,
        .b-overflow-x[data-v-8cf33ded]::-webkit-scrollbar-thumb {
            box-shadow: inset 0 0 14px 14px transparent;
            border-radius: 4px;
            background-color: #19222a4d;
            scrollbar-color: rgba(25, 34, 42, .3019607843)
        }

        .b-overflow-y[data-v-8cf33ded]:hover::-webkit-scrollbar,
        .b-overflow-x[data-v-8cf33ded]:hover::-webkit-scrollbar {
            width: 4px
        }

        .b-overflow-y[data-v-8cf33ded]:hover::-webkit-scrollbar-track,
        .b-overflow-x[data-v-8cf33ded]:hover::-webkit-scrollbar-track {
            border: solid 2px transparent
        }

        .b-overflow-y[data-v-8cf33ded]:hover::-webkit-scrollbar-thumb:hover,
        .b-overflow-x[data-v-8cf33ded]:hover::-webkit-scrollbar-thumb:hover {
            box-shadow: inset 0 0 14px 14px transparent;
            background-color: #19222a4d;
            scrollbar-color: rgba(25, 34, 42, .3019607843) transparent
        }

        .b-overflow-y[data-v-8cf33ded]::-webkit-scrollbar-track,
        .b-overflow-x[data-v-8cf33ded]::-webkit-scrollbar-track {
            border-radius: 3px;
            background-color: transparent
        }

        .b-overflow-y.hidden[data-v-8cf33ded],
        .b-overflow-x.hidden[data-v-8cf33ded] {
            scrollbar-width: none
        }

        .b-overflow-y.hidden[data-v-8cf33ded]::-webkit-scrollbar-thumb,
        .b-overflow-x.hidden[data-v-8cf33ded]::-webkit-scrollbar-thumb {
            border-radius: 4px;
            background-color: transparent
        }

        .b-overflow-y.hidden[data-v-8cf33ded]:hover,
        .b-overflow-x.hidden[data-v-8cf33ded]:hover {
            scrollbar-width: thin
        }

        .b-overflow-y.hidden[data-v-8cf33ded]:hover::-webkit-scrollbar-thumb,
        .b-overflow-x.hidden[data-v-8cf33ded]:hover::-webkit-scrollbar-thumb {
            box-shadow: inset 0 0 14px 14px transparent;
            border-radius: 4px;
            background-color: #19222a4d;
            scrollbar-color: rgba(25, 34, 42, .3019607843) transparent
        }

        .b-overflow-y.hidden[data-v-8cf33ded]:hover::-webkit-scrollbar-thumb:hover,
        .b-overflow-x.hidden[data-v-8cf33ded]:hover::-webkit-scrollbar-thumb:hover {
            box-shadow: inset 0 0 14px 14px transparent;
            background-color: #19222a4d;
            scrollbar-color: rgba(25, 34, 42, .3019607843) transparent
        }

        .b-overflow-y[data-v-8cf33ded] {
            overflow-y: auto;
            margin: 0
        }

        .review-modal[data-v-8cf33ded] {
            display: flex;
            gap: 16px
        }

        @media screen and (min-width: 840px),
        print {
            .review-modal[data-v-8cf33ded] {
                max-height: 496px
            }
        }

        @media screen and (max-width: 839px) {
            .review-modal[data-v-8cf33ded] {
                flex-direction: column;
                width: 100%;
                gap: 8px
            }
        }

        .review-modal__left[data-v-8cf33ded] {
            display: flex;
            align-items: flex-start;
            gap: 8px;
            flex-direction: column
        }

        @media screen and (min-width: 840px),
        print {
            .review-modal__left[data-v-8cf33ded] {
                padding: 10px;
                max-width: 30%;
                gap: 24px;
                border: 1px solid #c8cbcd;
                border-radius: 8px
            }
        }

        @media screen and (max-width: 839px) {
            .review-modal__left[data-v-8cf33ded] {
                background-color: #f9f9fa;
                padding: 8px 16px
            }
        }

        .review-modal__left-rating[data-v-8cf33ded] {
            display: flex;
            width: 100%;
            gap: 16px
        }

        @media screen and (min-width: 840px),
        print {
            .review-modal__left-rating[data-v-8cf33ded] {
                flex-direction: column
            }

            .review-modal__left-rating-score[data-v-8cf33ded] {
                align-items: start
            }
        }

        @media screen and (max-width: 839px) {
            .review-modal__left-rating[data-v-8cf33ded] {
                align-items: center
            }
        }

        .review-modal__right[data-v-8cf33ded] {
            width: 70%
        }

        @media screen and (min-width: 840px),
        print {
            .blu-modal__body[data-v-8cf33ded] {
                overflow: hidden !important
            }
        }
    </style>
    <style>
        html:not([dark]) button[data-v-33e9fb72] {
            border: none;
            background: none;
            cursor: pointer;
            font-family: Blibli, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif;
            padding: 0
        }

        html:not([dark]) input[type=submit][data-v-33e9fb72]::-moz-focus-inner,
        html:not([dark]) input[type=button][data-v-33e9fb72]::-moz-focus-inner {
            border: 0px
        }

        html:not([dark]) button[data-v-33e9fb72]:focus,
        html:not([dark]) input[type=submit][data-v-33e9fb72]:focus,
        html:not([dark]) input[type=button][data-v-33e9fb72]:focus,
        html:not([dark]) input[type=reset][data-v-33e9fb72]:focus,
        html:not([dark]) a[data-v-33e9fb72] {
            outline: none
        }

        html:not([dark]) .blu-toast[data-v-33e9fb72] {
            --blu-toast-color-background: #28323b;
            --blu-toast-color-text: #ffffff;
            --blu-toast-color-icon: #ffffff;
            --blu-toast-link-color-text: #4fa4ff;
            --blu-toast-desc-text: 500 16px/20px Blibli, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif;
            --blu-toast-link-text: 600 16px/20px Blibli, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif;
            --blu-toast-icon-size: 24px;
            --blu-toast-border-radius: 8px;
            --blu-toast-spacing-gap: 4px 0;
            --blu-toast-spacing-padding: 8px 16px;
            --blu-toast-content-spacing-gap: 8px;
            --blu-toast-icon-border-focused: 2px solid #ffffff;
            --blu-toast-min-height: 48px;
            display: flex;
            align-items: center;
            border-radius: var(--blu-toast-border-radius);
            justify-content: space-between;
            color: var(--blu-toast-color-text);
            margin: var(--blu-toast-spacing-gap);
            padding: var(--blu-toast-spacing-padding);
            transition: all .4s ease-in-out;
            min-height: var(--blu-toast-min-height);
            min-width: 240px;
            max-width: 600px;
            pointer-events: all;
            background-color: var(--blu-toast-color-background);
            box-sizing: border-box;
            font: var(--blu-toast-desc-text)
        }

        html:not([dark]) .blu-toast *[data-v-33e9fb72]:not(:last-child) {
            margin-right: var(--blu-toast-content-spacing-gap)
        }

        @media screen and (max-width: 839px) {
            html:not([dark]) .blu-toast[data-v-33e9fb72] {
                --blu-toast-desc-text: 500 14px/18px Blibli, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif;
                width: 100%
            }
        }

        html:not([dark]) .blu-toast__content[data-v-33e9fb72] {
            display: flex;
            align-items: center
        }

        html:not([dark]) .blu-toast__content--link[data-v-33e9fb72] {
            color: var(--blu-toast-link-color-text);
            font: var(--blu-toast-link-text);
            height: fit-content;
            margin-left: auto;
            cursor: pointer
        }

        @media screen and (max-width: 839px) {
            html:not([dark]) .blu-toast__content--link[data-v-33e9fb72] {
                --blu-toast-link-text: 600 14px/18px Blibli, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif
            }
        }

        html:not([dark]) .blu-toast__remove[data-v-33e9fb72] {
            padding: 4px;
            color: var(--blu-toast-color-icon);
            display: flex
        }

        html:not([dark]) .blu-toast__remove svg[data-v-33e9fb72] {
            width: var(--blu-toast-icon-size);
            height: var(--blu-toast-icon-size)
        }

        html:not([dark]) .blu-toast__remove[data-v-33e9fb72]:focus-visible {
            outline: var(--blu-toast-icon-border-focused)
        }

        html:not([dark]) .blu-toast.b-has-action .blu-toast__content[data-v-33e9fb72] {
            flex-wrap: wrap;
            width: 100%
        }

        html:not([dark]) .blu-toast.b-has-action .blu-toast__content--desc[data-v-33e9fb72] {
            flex-grow: 1
        }

        html:not([dark]) .blu-toast.b-has-action .long-action[data-v-33e9fb72] {
            flex-direction: column;
            align-items: normal
        }

        html:not([dark]) .blu-toast.b-has-action .long-action *[data-v-33e9fb72]:not(:last-child) {
            margin-right: 0;
            margin-bottom: 8px
        }

        html:not([dark]) .blu-toast.b-has-action .long-action .blu-toast__content--desc[data-v-33e9fb72] {
            max-width: none
        }

        html:not([dark]) .blu-toast.b-error[data-v-33e9fb72] {
            --blu-toast-color-background: #e93c3c;
            --blu-toast-link-color-text: #ffffff
        }

        html:not([dark]) .blu-toast.b-success[data-v-33e9fb72] {
            --blu-toast-color-background: #22a334;
            --blu-toast-link-color-text: #ffffff
        }

        html:not([dark]) .toast-enter-active[data-v-33e9fb72],
        html:not([dark]) .toast-leave-active[data-v-33e9fb72] {
            transition: opacity 1s
        }

        html:not([dark]) .toast-enter[data-v-33e9fb72],
        html:not([dark]) .toast-leave-to[data-v-33e9fb72] {
            opacity: 0
        }

        html[dark] button[data-v-33e9fb72] {
            border: none;
            background: none;
            cursor: pointer;
            font-family: Blibli, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif;
            padding: 0
        }

        html[dark] input[type=submit][data-v-33e9fb72]::-moz-focus-inner,
        html[dark] input[type=button][data-v-33e9fb72]::-moz-focus-inner {
            border: 0px
        }

        html[dark] button[data-v-33e9fb72]:focus,
        html[dark] input[type=submit][data-v-33e9fb72]:focus,
        html[dark] input[type=button][data-v-33e9fb72]:focus,
        html[dark] input[type=reset][data-v-33e9fb72]:focus,
        html[dark] a[data-v-33e9fb72] {
            outline: none
        }

        html[dark] .blu-toast[data-v-33e9fb72] {
            --blu-toast-color-background: #f1f2f2;
            --blu-toast-color-text: #12171d;
            --blu-toast-color-icon: #12171d;
            --blu-toast-link-color-text: #ac8221;
            --blu-toast-desc-text: 500 16px/20px Blibli, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif;
            --blu-toast-link-text: 600 16px/20px Blibli, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif;
            --blu-toast-icon-size: 24px;
            --blu-toast-border-radius: 8px;
            --blu-toast-spacing-gap: 4px 0;
            --blu-toast-spacing-padding: 8px 16px;
            --blu-toast-content-spacing-gap: 8px;
            --blu-toast-icon-border-focused: 2px solid #12171d;
            --blu-toast-min-height: 48px;
            display: flex;
            align-items: center;
            border-radius: var(--blu-toast-border-radius);
            justify-content: space-between;
            color: var(--blu-toast-color-text);
            margin: var(--blu-toast-spacing-gap);
            padding: var(--blu-toast-spacing-padding);
            transition: all .4s ease-in-out;
            min-height: var(--blu-toast-min-height);
            min-width: 240px;
            max-width: 600px;
            pointer-events: all;
            background-color: var(--blu-toast-color-background);
            box-sizing: border-box;
            font: var(--blu-toast-desc-text)
        }

        html[dark] .blu-toast *[data-v-33e9fb72]:not(:last-child) {
            margin-right: var(--blu-toast-content-spacing-gap)
        }

        @media screen and (max-width: 839px) {
            html[dark] .blu-toast[data-v-33e9fb72] {
                --blu-toast-desc-text: 500 14px/18px Blibli, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif;
                width: 100%
            }
        }

        html[dark] .blu-toast__content[data-v-33e9fb72] {
            display: flex;
            align-items: center
        }

        html[dark] .blu-toast__content--link[data-v-33e9fb72] {
            color: var(--blu-toast-link-color-text);
            font: var(--blu-toast-link-text);
            height: fit-content;
            margin-left: auto;
            cursor: pointer
        }

        @media screen and (max-width: 839px) {
            html[dark] .blu-toast__content--link[data-v-33e9fb72] {
                --blu-toast-link-text: 600 14px/18px Blibli, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif
            }
        }

        html[dark] .blu-toast__remove[data-v-33e9fb72] {
            padding: 4px;
            color: var(--blu-toast-color-icon);
            display: flex
        }

        html[dark] .blu-toast__remove svg[data-v-33e9fb72] {
            width: var(--blu-toast-icon-size);
            height: var(--blu-toast-icon-size)
        }

        html[dark] .blu-toast__remove[data-v-33e9fb72]:focus-visible {
            outline: var(--blu-toast-icon-border-focused)
        }

        html[dark] .blu-toast.b-has-action .blu-toast__content[data-v-33e9fb72] {
            flex-wrap: wrap;
            width: 100%
        }

        html[dark] .blu-toast.b-has-action .blu-toast__content--desc[data-v-33e9fb72] {
            flex-grow: 1
        }

        html[dark] .blu-toast.b-has-action .long-action[data-v-33e9fb72] {
            flex-direction: column;
            align-items: normal
        }

        html[dark] .blu-toast.b-has-action .long-action *[data-v-33e9fb72]:not(:last-child) {
            margin-right: 0;
            margin-bottom: 8px
        }

        html[dark] .blu-toast.b-has-action .long-action .blu-toast__content--desc[data-v-33e9fb72] {
            max-width: none
        }

        html[dark] .blu-toast.b-error[data-v-33e9fb72] {
            --blu-toast-color-background: #ff9090;
            --blu-toast-link-color-text: #12171d
        }

        html[dark] .blu-toast.b-success[data-v-33e9fb72] {
            --blu-toast-color-background: #74e281;
            --blu-toast-link-color-text: #12171d
        }

        html[dark] .toast-enter-active[data-v-33e9fb72],
        html[dark] .toast-leave-active[data-v-33e9fb72] {
            transition: opacity 1s
        }

        html[dark] .toast-enter[data-v-33e9fb72],
        html[dark] .toast-leave-to[data-v-33e9fb72] {
            opacity: 0
        }

        html:not([dark]) .blu-toast-container[data-v-746bd356] {
            box-sizing: border-box;
            pointer-events: none;
            position: fixed;
            z-index: 1000;
            display: flex;
            width: 100%;
            bottom: var(--bottom-gap);
            padding: 8px 16px;
            overflow: hidden;
            flex-direction: column-reverse
        }

        html:not([dark]) .blu-toast-container[data-v-746bd356]:not(.b-left) {
            left: 50%;
            transform: translate(-50%);
            align-items: center
        }

        html:not([dark]) .blu-toast-container.b-left[data-v-746bd356] {
            left: 0;
            align-items: flex-start
        }

        html[dark] .blu-toast-container[data-v-746bd356] {
            box-sizing: border-box;
            pointer-events: none;
            position: fixed;
            z-index: 1000;
            display: flex;
            width: 100%;
            bottom: var(--bottom-gap);
            padding: 8px 16px;
            overflow: hidden;
            flex-direction: column-reverse
        }

        html[dark] .blu-toast-container[data-v-746bd356]:not(.b-left) {
            left: 50%;
            transform: translate(-50%);
            align-items: center
        }

        html[dark] .blu-toast-container.b-left[data-v-746bd356] {
            left: 0;
            align-items: flex-start
        }
    </style>
    <style>
        html:not([dark]) .blu-rating[data-v-3770031d] {
            --blu-rating-size: 24px;
            --blu-rating-color-fill: rgba(25, 34, 42, .3019607843);
            --blu-rating-color: rgba(25, 34, 42, .3019607843);
            display: inline-flex;
            cursor: pointer
        }

        html:not([dark]) .blu-rating svg[data-v-3770031d] {
            width: var(--blu-rating-size);
            height: var(--blu-rating-size)
        }

        html:not([dark]) .blu-rating svg[data-v-3770031d] .blu-rating__star {
            stop-color: var(--blu-rating-color)
        }

        html:not([dark]) .blu-rating svg[data-v-3770031d] .blu-rating__star-fill {
            stop-color: var(--blu-rating-color-fill)
        }

        html:not([dark]) .blu-rating svg.b-selected[data-v-3770031d] {
            --blu-rating-color-fill: #ffcd00
        }

        html:not([dark]) .blu-rating.b-read-only[data-v-3770031d] {
            cursor: default
        }

        html:not([dark]) .blu-rating.b-small[data-v-3770031d] {
            --blu-rating-size: 18px
        }

        html:not([dark]) .blu-rating.b-large[data-v-3770031d] {
            --blu-rating-size: 32px
        }

        html[dark] .blu-rating[data-v-3770031d] {
            --blu-rating-size: 24px;
            --blu-rating-color-fill: rgba(255, 255, 255, .3019607843);
            --blu-rating-color: rgba(255, 255, 255, .3019607843);
            display: inline-flex;
            cursor: pointer
        }

        html[dark] .blu-rating svg[data-v-3770031d] {
            width: var(--blu-rating-size);
            height: var(--blu-rating-size)
        }

        html[dark] .blu-rating svg[data-v-3770031d] .blu-rating__star {
            stop-color: var(--blu-rating-color)
        }

        html[dark] .blu-rating svg[data-v-3770031d] .blu-rating__star-fill {
            stop-color: var(--blu-rating-color-fill)
        }

        html[dark] .blu-rating svg.b-selected[data-v-3770031d] {
            --blu-rating-color-fill: #ffcd00
        }

        html[dark] .blu-rating.b-read-only[data-v-3770031d] {
            cursor: default
        }

        html[dark] .blu-rating.b-small[data-v-3770031d] {
            --blu-rating-size: 18px
        }

        html[dark] .blu-rating.b-large[data-v-3770031d] {
            --blu-rating-size: 32px
        }
    </style>
    <style>
        html:not([dark]) .blu-loader-general[data-v-5f0af726] {
            --blu-loader-general-highlight-color-background: #1d8fff;
            --blu-loader-general-base-color-background: #f1f2f2;
            width: var(--blu-loader-general-size);
            height: var(--blu-loader-general-size)
        }

        html:not([dark]) .blu-loader-general__asset[data-v-5f0af726] {
            animation: general-rotate-5f0af726 1.6s linear infinite;
            transform-origin: center center;
            transition: all .5s ease-in-out;
            width: 100%;
            height: 100%;
            margin: auto;
            transform: rotate(90deg)
        }

        html:not([dark]) .blu-loader-general__asset--highlight[data-v-5f0af726],
        html:not([dark]) .blu-loader-general__asset--base[data-v-5f0af726] {
            stroke-linecap: round
        }

        html:not([dark]) .blu-loader-general__asset--highlight[data-v-5f0af726] {
            stroke: var(--blu-loader-general-highlight-color-background);
            animation: general-highlight-5f0af726 1.6s linear infinite
        }

        html:not([dark]) .blu-loader-general__asset--base[data-v-5f0af726] {
            stroke: var(--blu-loader-general-base-color-background);
            animation: general-base-5f0af726 1.6s linear infinite
        }

        html:not([dark]) .blu-loader-general.b-inverted[data-v-5f0af726] {
            --blu-loader-general-highlight-color-background: #ffffff;
            --blu-loader-general-base-color-background: #c8cbcd
        }

        html:not([dark]) .blu-loader-general.b-size-s[data-v-5f0af726] {
            --blu-loader-general-size: 16px
        }

        html:not([dark]) .blu-loader-general.b-size-m[data-v-5f0af726] {
            --blu-loader-general-size: 18px
        }

        html:not([dark]) .blu-loader-general.b-size-l[data-v-5f0af726] {
            --blu-loader-general-size: 24px
        }

        html:not([dark]) .blu-loader-general.b-size-xl[data-v-5f0af726] {
            --blu-loader-general-size: 32px
        }

        html[dark] .blu-loader-general[data-v-5f0af726] {
            --blu-loader-general-highlight-color-background: #4fa4ff;
            --blu-loader-general-base-color-background: #28323b;
            width: var(--blu-loader-general-size);
            height: var(--blu-loader-general-size)
        }

        html[dark] .blu-loader-general__asset[data-v-5f0af726] {
            animation: general-rotate-5f0af726 1.6s linear infinite;
            transform-origin: center center;
            transition: all .5s ease-in-out;
            width: 100%;
            height: 100%;
            margin: auto;
            transform: rotate(90deg)
        }

        html[dark] .blu-loader-general__asset--highlight[data-v-5f0af726],
        html[dark] .blu-loader-general__asset--base[data-v-5f0af726] {
            stroke-linecap: round
        }

        html[dark] .blu-loader-general__asset--highlight[data-v-5f0af726] {
            stroke: var(--blu-loader-general-highlight-color-background);
            animation: general-highlight-5f0af726 1.6s linear infinite
        }

        html[dark] .blu-loader-general__asset--base[data-v-5f0af726] {
            stroke: var(--blu-loader-general-base-color-background);
            animation: general-base-5f0af726 1.6s linear infinite
        }

        html[dark] .blu-loader-general.b-inverted[data-v-5f0af726] {
            --blu-loader-general-highlight-color-background: #12171d;
            --blu-loader-general-base-color-background: #60686e
        }

        html[dark] .blu-loader-general.b-size-s[data-v-5f0af726] {
            --blu-loader-general-size: 16px
        }

        html[dark] .blu-loader-general.b-size-m[data-v-5f0af726] {
            --blu-loader-general-size: 18px
        }

        html[dark] .blu-loader-general.b-size-l[data-v-5f0af726] {
            --blu-loader-general-size: 24px
        }

        html[dark] .blu-loader-general.b-size-xl[data-v-5f0af726] {
            --blu-loader-general-size: 32px
        }

        @keyframes general-highlight-5f0af726 {
            0% {
                stroke-dasharray: 1, 200;
                stroke-dashoffset: 0
            }

            50% {
                stroke-dasharray: 50, 200;
                stroke-dashoffset: -15px
            }

            to {
                stroke-dasharray: 50, 200;
                stroke-dashoffset: -124px
            }
        }

        @keyframes general-base-5f0af726 {
            0% {
                stroke-dasharray: 1, 200;
                stroke-dashoffset: 0
            }

            to {
                stroke-dasharray: 100, 200;
                stroke-dashoffset: -120px
            }
        }

        @keyframes general-rotate-5f0af726 {
            to {
                transform: rotate(450deg)
            }
        }

        html:not([dark]) button[data-v-498b5b0a] {
            border: none;
            background: none;
            cursor: pointer;
            font-family: Blibli, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif;
            padding: 0
        }

        html:not([dark]) input[type=submit][data-v-498b5b0a]::-moz-focus-inner,
        html:not([dark]) input[type=button][data-v-498b5b0a]::-moz-focus-inner {
            border: 0px
        }

        html:not([dark]) button[data-v-498b5b0a]:focus,
        html:not([dark]) input[type=submit][data-v-498b5b0a]:focus,
        html:not([dark]) input[type=button][data-v-498b5b0a]:focus,
        html:not([dark]) input[type=reset][data-v-498b5b0a]:focus,
        html:not([dark]) a[data-v-498b5b0a] {
            outline: none
        }

        html:not([dark]) .blu-button[data-v-498b5b0a] {
            --blu-button-border-width: 1px;
            --blu-button-border-radius: 64px;
            --blu-button-color-text: #ffffff;
            --blu-button-color-icon: #ffffff;
            --blu-button-opacity: $blu-button-opacity;
            --blu-button-size-height: 48px;
            --blu-button-icon-size: 24px;
            --blu-button-spacing-padding: 0 32px;
            --blu-button-spacing-gap: 8px;
            --blu-button-text: 600 16px/20px Blibli, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif;
            padding: var(--blu-button-spacing-padding);
            height: var(--blu-button-size-height);
            border-radius: var(--blu-button-border-radius);
            transition: transform .3s .08s, all .3s;
            color: var(--blu-button-color-text);
            background-color: var(--blu-button-color-background);
            font: var(--blu-button-text);
            box-shadow: 0 0 0 var(--blu-button-border-width) var(--blu-button-color-border);
            display: inline-flex;
            justify-content: center;
            align-items: center;
            white-space: nowrap
        }

        html:not([dark]) .blu-button[data-v-498b5b0a]:active:hover:not(.b-disabled),
        html:not([dark]) .blu-button:active.b-hover[data-v-498b5b0a]:not(.b-disabled) {
            transform: scale(.875)
        }

        html:not([dark]) .blu-button[data-v-498b5b0a]:focus-visible {
            outline: none
        }

        html:not([dark]) .blu-button[data-v-498b5b0a]:focus-visible:not(.b-disabled) {
            box-shadow: 0 0 0 2px #19222a
        }

        html:not([dark]) .blu-button__icon[data-v-498b5b0a] {
            display: flex;
            color: var(--blu-button-color-icon)
        }

        html:not([dark]) .blu-button__icon[data-v-498b5b0a] svg {
            width: var(--blu-button-icon-size);
            height: var(--blu-button-icon-size)
        }

        html:not([dark]) .blu-button.b-has-icon:not(.b-has-icon-only) .blu-button__icon[data-v-498b5b0a] {
            margin-right: var(--blu-button-spacing-gap)
        }

        html:not([dark]) .blu-button.b-has-icon-only[data-v-498b5b0a] {
            --blu-button-spacing-padding: 0 12px
        }

        html:not([dark]) .blu-button.b-loading[data-v-498b5b0a] .blu-loader-wrapper svg {
            display: flex;
            width: 18px;
            height: 18px
        }

        html:not([dark]) .blu-button.b-disabled[data-v-498b5b0a] {
            cursor: not-allowed
        }

        html:not([dark]) .blu-button.b-disabled[data-v-498b5b0a]:active {
            pointer-events: none
        }

        html:not([dark]) .blu-button.b-full-width[data-v-498b5b0a] {
            width: 100%
        }

        html:not([dark]) .blu-button.b-primary.b-common[data-v-498b5b0a] {
            --blu-button-color-background: #a58d33
        }

        html:not([dark]) .blu-button.b-primary.b-common.b-hover[data-v-498b5b0a]:not(.b-disabled),
        html:not([dark]) .blu-button.b-primary.b-common[data-v-498b5b0a]:hover:not(.b-disabled),
        html:not([dark]) .blu-button.b-primary.b-common[data-v-498b5b0a]:active:not(.b-disabled),
        html:not([dark]) .blu-button.b-primary.b-common[data-v-498b5b0a]:focus-visible:not(.b-disabled) {
            --blu-button-color-background: #1d8fff;
            --blu-button-color-border: transparent
        }

        html:not([dark]) .blu-button.b-primary.b-danger[data-v-498b5b0a] {
            --blu-button-color-background: #e93c3c
        }

        html:not([dark]) .blu-button.b-primary.b-danger.b-hover[data-v-498b5b0a]:not(.b-disabled),
        html:not([dark]) .blu-button.b-primary.b-danger[data-v-498b5b0a]:hover:not(.b-disabled),
        html:not([dark]) .blu-button.b-primary.b-danger[data-v-498b5b0a]:active:not(.b-disabled),
        html:not([dark]) .blu-button.b-primary.b-danger[data-v-498b5b0a]:focus-visible:not(.b-disabled) {
            --blu-button-color-background: #ff4646;
            --blu-button-color-border: transparent
        }

        html:not([dark]) .blu-button.b-primary.b-inverted[data-v-498b5b0a] {
            --blu-button-color-background: #ffffff;
            --blu-button-color-text: #ac8221;
            --blu-button-color-icon: #a58d33
        }

        html:not([dark]) .blu-button.b-primary.b-inverted.b-hover[data-v-498b5b0a]:not(.b-disabled),
        html:not([dark]) .blu-button.b-primary.b-inverted[data-v-498b5b0a]:hover:not(.b-disabled),
        html:not([dark]) .blu-button.b-primary.b-inverted[data-v-498b5b0a]:active:not(.b-disabled),
        html:not([dark]) .blu-button.b-primary.b-inverted[data-v-498b5b0a]:focus-visible:not(.b-disabled) {
            --blu-button-color-background: #f9f9fa;
            --blu-button-color-border: transparent
        }

        html:not([dark]) .blu-button.b-primary.b-disabled[data-v-498b5b0a] {
            --blu-button-color-background: #e1e3e4;
            --blu-button-color-text: rgba(25, 34, 42, .3019607843);
            --blu-button-color-icon: rgba(25, 34, 42, .3019607843)
        }

        html:not([dark]) .blu-button.b-primary.b-disabled[data-v-498b5b0a]:not(.b-inverted) {
            --blu-button-color-background: #e1e3e4;
            --blu-button-color-text: rgba(25, 34, 42, .3019607843);
            --blu-button-color-icon: rgba(25, 34, 42, .3019607843)
        }

        html:not([dark]) .blu-button.b-small[data-v-498b5b0a] {
            --blu-button-border-radius: 64px;
            --blu-button-size-height: 36px;
            --blu-button-spacing-padding: 0 16px;
            --blu-button-text: 600 14px/18px Blibli, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif;
            --blu-button-icon-size: 18px;
            --blu-button-spacing-gap: 4px
        }

        html:not([dark]) .blu-button.b-small.b-has-icon-only[data-v-498b5b0a] {
            --blu-button-spacing-padding: 0 9px
        }

        html:not([dark]) .blu-button.b-secondary[data-v-498b5b0a] {
            --blu-button-color-background: #ffffff
        }

        html:not([dark]) .blu-button.b-secondary.b-common[data-v-498b5b0a] {
            --blu-button-color-border: #1d8fff;
            --blu-button-color-text: #ac8221;
            --blu-button-color-icon: #a58d33
        }

        html:not([dark]) .blu-button.b-secondary.b-common.b-hover[data-v-498b5b0a]:not(.b-disabled),
        html:not([dark]) .blu-button.b-secondary.b-common[data-v-498b5b0a]:hover:not(.b-disabled),
        html:not([dark]) .blu-button.b-secondary.b-common[data-v-498b5b0a]:active:not(.b-disabled),
        html:not([dark]) .blu-button.b-secondary.b-common[data-v-498b5b0a]:focus-visible:not(.b-disabled) {
            --blu-button-color-background: #f3f9ff;
            --blu-button-color-border: #a58d33
        }

        html:not([dark]) .blu-button.b-secondary.b-danger[data-v-498b5b0a] {
            --blu-button-color-border: #ff4646;
            --blu-button-color-text: #d33534;
            --blu-button-color-icon: #e93c3c
        }

        html:not([dark]) .blu-button.b-secondary.b-danger.b-hover[data-v-498b5b0a]:not(.b-disabled),
        html:not([dark]) .blu-button.b-secondary.b-danger[data-v-498b5b0a]:hover:not(.b-disabled),
        html:not([dark]) .blu-button.b-secondary.b-danger[data-v-498b5b0a]:active:not(.b-disabled),
        html:not([dark]) .blu-button.b-secondary.b-danger[data-v-498b5b0a]:focus-visible:not(.b-disabled) {
            --blu-button-color-background: #fff5f5;
            --blu-button-color-border: #e93c3c
        }

        html:not([dark]) .blu-button.b-secondary.b-inverted[data-v-498b5b0a] {
            --blu-button-color-background: rgba(25, 34, 42, .3019607843);
            --blu-button-color-border: #ffffff;
            --blu-button-color-text: #ffffff;
            --blu-button-color-icon: #ffffff
        }

        html:not([dark]) .blu-button.b-secondary.b-inverted.b-hover[data-v-498b5b0a]:not(.b-disabled),
        html:not([dark]) .blu-button.b-secondary.b-inverted[data-v-498b5b0a]:hover:not(.b-disabled),
        html:not([dark]) .blu-button.b-secondary.b-inverted[data-v-498b5b0a]:active:not(.b-disabled),
        html:not([dark]) .blu-button.b-secondary.b-inverted[data-v-498b5b0a]:focus-visible:not(.b-disabled) {
            --blu-button-color-background: rgba(255, 255, 255, .4);
            --blu-button-color-border: #ffffff
        }

        html:not([dark]) .blu-button.b-secondary.b-disabled[data-v-498b5b0a] {
            --blu-button-color-background: #e1e3e4;
            --blu-button-color-border: #c8cbcd;
            --blu-button-color-text: rgba(25, 34, 42, .3019607843);
            --blu-button-color-icon: rgba(25, 34, 42, .3019607843)
        }

        html:not([dark]) .blu-button.b-secondary.b-disabled[data-v-498b5b0a]:not(.b-inverted) {
            --blu-button-color-background: #e1e3e4;
            --blu-button-color-border: #c8cbcd;
            --blu-button-color-text: rgba(25, 34, 42, .3019607843);
            --blu-button-color-icon: rgba(25, 34, 42, .3019607843)
        }

        html:not([dark]) .blu-button[data-v-498b5b0a] {
            width: var(--blu-button-custom-width)
        }

        html:not([dark]) .blu-button.b-tertiary.b-common[data-v-498b5b0a] {
            --blu-button-color-text: #ac8221;
            --blu-button-color-icon: #a58d33
        }

        html:not([dark]) .blu-button.b-tertiary.b-common.b-hover[data-v-498b5b0a]:not(.b-disabled),
        html:not([dark]) .blu-button.b-tertiary.b-common[data-v-498b5b0a]:hover:not(.b-disabled),
        html:not([dark]) .blu-button.b-tertiary.b-common[data-v-498b5b0a]:active:not(.b-disabled),
        html:not([dark]) .blu-button.b-tertiary.b-common[data-v-498b5b0a]:focus-visible:not(.b-disabled) {
            --blu-button-color-background: #f3f9ff;
            --blu-button-color-border: transparent
        }

        html:not([dark]) .blu-button.b-tertiary.b-danger[data-v-498b5b0a] {
            --blu-button-color-text: #d33534;
            --blu-button-color-icon: #e93c3c
        }

        html:not([dark]) .blu-button.b-tertiary.b-danger.b-hover[data-v-498b5b0a]:not(.b-disabled),
        html:not([dark]) .blu-button.b-tertiary.b-danger[data-v-498b5b0a]:hover:not(.b-disabled),
        html:not([dark]) .blu-button.b-tertiary.b-danger[data-v-498b5b0a]:active:not(.b-disabled),
        html:not([dark]) .blu-button.b-tertiary.b-danger[data-v-498b5b0a]:focus-visible:not(.b-disabled) {
            --blu-button-color-background: #fff5f5;
            --blu-button-color-border: transparent
        }

        html:not([dark]) .blu-button.b-tertiary.b-inverted[data-v-498b5b0a] {
            --blu-button-color-text: #ffffff;
            --blu-button-color-icon: #ffffff
        }

        html:not([dark]) .blu-button.b-tertiary.b-inverted.b-hover[data-v-498b5b0a]:not(.b-disabled),
        html:not([dark]) .blu-button.b-tertiary.b-inverted[data-v-498b5b0a]:hover:not(.b-disabled),
        html:not([dark]) .blu-button.b-tertiary.b-inverted[data-v-498b5b0a]:active:not(.b-disabled),
        html:not([dark]) .blu-button.b-tertiary.b-inverted[data-v-498b5b0a]:focus-visible:not(.b-disabled) {
            --blu-button-color-background: rgba(255, 255, 255, .4);
            --blu-button-color-border: transparent
        }

        html:not([dark]) .blu-button.b-tertiary.b-disabled[data-v-498b5b0a] {
            --blu-button-color-text: rgba(255, 255, 255, .4);
            --blu-button-color-icon: rgba(255, 255, 255, .4)
        }

        html:not([dark]) .blu-button.b-tertiary.b-disabled[data-v-498b5b0a]:not(.b-inverted) {
            --blu-button-color-text: rgba(25, 34, 42, .3019607843);
            --blu-button-color-icon: rgba(25, 34, 42, .3019607843)
        }

        html:not([dark]) a[data-v-498b5b0a] {
            text-decoration: none
        }

        html[dark] button[data-v-498b5b0a] {
            border: none;
            background: none;
            cursor: pointer;
            font-family: Blibli, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif;
            padding: 0
        }

        html[dark] input[type=submit][data-v-498b5b0a]::-moz-focus-inner,
        html[dark] input[type=button][data-v-498b5b0a]::-moz-focus-inner {
            border: 0px
        }

        html[dark] button[data-v-498b5b0a]:focus,
        html[dark] input[type=submit][data-v-498b5b0a]:focus,
        html[dark] input[type=button][data-v-498b5b0a]:focus,
        html[dark] input[type=reset][data-v-498b5b0a]:focus,
        html[dark] a[data-v-498b5b0a] {
            outline: none
        }

        html[dark] .blu-button[data-v-498b5b0a] {
            --blu-button-border-width: 1px;
            --blu-button-border-radius: 64px;
            --blu-button-color-text: #ffffff;
            --blu-button-color-icon: #ffffff;
            --blu-button-opacity: $blu-button-opacity;
            --blu-button-size-height: 48px;
            --blu-button-icon-size: 24px;
            --blu-button-spacing-padding: 0 32px;
            --blu-button-spacing-gap: 8px;
            --blu-button-text: 600 16px/20px Blibli, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif;
            padding: var(--blu-button-spacing-padding);
            height: var(--blu-button-size-height);
            border-radius: var(--blu-button-border-radius);
            transition: transform .3s .08s, all .3s;
            color: var(--blu-button-color-text);
            background-color: var(--blu-button-color-background);
            font: var(--blu-button-text);
            box-shadow: 0 0 0 var(--blu-button-border-width) var(--blu-button-color-border);
            display: inline-flex;
            justify-content: center;
            align-items: center;
            white-space: nowrap
        }

        html[dark] .blu-button[data-v-498b5b0a]:active:hover:not(.b-disabled),
        html[dark] .blu-button:active.b-hover[data-v-498b5b0a]:not(.b-disabled) {
            transform: scale(.875)
        }

        html[dark] .blu-button[data-v-498b5b0a]:focus-visible {
            outline: none
        }

        html[dark] .blu-button[data-v-498b5b0a]:focus-visible:not(.b-disabled) {
            box-shadow: 0 0 0 2px #f9f9fa
        }

        html[dark] .blu-button__icon[data-v-498b5b0a] {
            display: flex;
            color: var(--blu-button-color-icon)
        }

        html[dark] .blu-button__icon[data-v-498b5b0a] svg {
            width: var(--blu-button-icon-size);
            height: var(--blu-button-icon-size)
        }

        html[dark] .blu-button.b-has-icon:not(.b-has-icon-only) .blu-button__icon[data-v-498b5b0a] {
            margin-right: var(--blu-button-spacing-gap)
        }

        html[dark] .blu-button.b-has-icon-only[data-v-498b5b0a] {
            --blu-button-spacing-padding: 0 12px
        }

        html[dark] .blu-button.b-loading[data-v-498b5b0a] .blu-loader-wrapper svg {
            display: flex;
            width: 18px;
            height: 18px
        }

        html[dark] .blu-button.b-disabled[data-v-498b5b0a] {
            cursor: not-allowed
        }

        html[dark] .blu-button.b-disabled[data-v-498b5b0a]:active {
            pointer-events: none
        }

        html[dark] .blu-button.b-full-width[data-v-498b5b0a] {
            width: 100%
        }

        html[dark] .blu-button.b-primary.b-common[data-v-498b5b0a] {
            --blu-button-color-background: #a58d33
        }

        html[dark] .blu-button.b-primary.b-common.b-hover[data-v-498b5b0a]:not(.b-disabled),
        html[dark] .blu-button.b-primary.b-common[data-v-498b5b0a]:hover:not(.b-disabled),
        html[dark] .blu-button.b-primary.b-common[data-v-498b5b0a]:active:not(.b-disabled),
        html[dark] .blu-button.b-primary.b-common[data-v-498b5b0a]:focus-visible:not(.b-disabled) {
            --blu-button-color-background: #1d8fff;
            --blu-button-color-border: transparent
        }

        html[dark] .blu-button.b-primary.b-danger[data-v-498b5b0a] {
            --blu-button-color-background: #e93c3c
        }

        html[dark] .blu-button.b-primary.b-danger.b-hover[data-v-498b5b0a]:not(.b-disabled),
        html[dark] .blu-button.b-primary.b-danger[data-v-498b5b0a]:hover:not(.b-disabled),
        html[dark] .blu-button.b-primary.b-danger[data-v-498b5b0a]:active:not(.b-disabled),
        html[dark] .blu-button.b-primary.b-danger[data-v-498b5b0a]:focus-visible:not(.b-disabled) {
            --blu-button-color-background: #ff4646;
            --blu-button-color-border: transparent
        }

        html[dark] .blu-button.b-primary.b-inverted[data-v-498b5b0a] {
            --blu-button-color-background: #12171d;
            --blu-button-color-text: #4fa4ff;
            --blu-button-color-icon: #4fa4ff
        }

        html[dark] .blu-button.b-primary.b-inverted.b-hover[data-v-498b5b0a]:not(.b-disabled),
        html[dark] .blu-button.b-primary.b-inverted[data-v-498b5b0a]:hover:not(.b-disabled),
        html[dark] .blu-button.b-primary.b-inverted[data-v-498b5b0a]:active:not(.b-disabled),
        html[dark] .blu-button.b-primary.b-inverted[data-v-498b5b0a]:focus-visible:not(.b-disabled) {
            --blu-button-color-background: #19222a;
            --blu-button-color-border: transparent
        }

        html[dark] .blu-button.b-primary.b-disabled[data-v-498b5b0a] {
            --blu-button-color-background: #3b444c;
            --blu-button-color-text: rgba(255, 255, 255, .3019607843);
            --blu-button-color-icon: rgba(255, 255, 255, .3019607843)
        }

        html[dark] .blu-button.b-primary.b-disabled[data-v-498b5b0a]:not(.b-inverted) {
            --blu-button-color-background: #3b444c;
            --blu-button-color-text: rgba(255, 255, 255, .3019607843);
            --blu-button-color-icon: rgba(255, 255, 255, .3019607843)
        }

        html[dark] .blu-button.b-small[data-v-498b5b0a] {
            --blu-button-border-radius: 64px;
            --blu-button-size-height: 36px;
            --blu-button-spacing-padding: 0 16px;
            --blu-button-text: 600 14px/18px Blibli, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif;
            --blu-button-icon-size: 18px;
            --blu-button-spacing-gap: 4px
        }

        html[dark] .blu-button.b-small.b-has-icon-only[data-v-498b5b0a] {
            --blu-button-spacing-padding: 0 9px
        }

        html[dark] .blu-button.b-secondary[data-v-498b5b0a] {
            --blu-button-color-background: #12171d
        }

        html[dark] .blu-button.b-secondary.b-common[data-v-498b5b0a] {
            --blu-button-color-border: #4fa4ff;
            --blu-button-color-text: #4fa4ff;
            --blu-button-color-icon: #4fa4ff
        }

        html[dark] .blu-button.b-secondary.b-common.b-hover[data-v-498b5b0a]:not(.b-disabled),
        html[dark] .blu-button.b-secondary.b-common[data-v-498b5b0a]:hover:not(.b-disabled),
        html[dark] .blu-button.b-secondary.b-common[data-v-498b5b0a]:active:not(.b-disabled),
        html[dark] .blu-button.b-secondary.b-common[data-v-498b5b0a]:focus-visible:not(.b-disabled) {
            --blu-button-color-background: #002e7a;
            --blu-button-color-border: #4fa4ff
        }

        html[dark] .blu-button.b-secondary.b-danger[data-v-498b5b0a] {
            --blu-button-color-border: #ff7373;
            --blu-button-color-text: #ff7373;
            --blu-button-color-icon: #ff7373
        }

        html[dark] .blu-button.b-secondary.b-danger.b-hover[data-v-498b5b0a]:not(.b-disabled),
        html[dark] .blu-button.b-secondary.b-danger[data-v-498b5b0a]:hover:not(.b-disabled),
        html[dark] .blu-button.b-secondary.b-danger[data-v-498b5b0a]:active:not(.b-disabled),
        html[dark] .blu-button.b-secondary.b-danger[data-v-498b5b0a]:focus-visible:not(.b-disabled) {
            --blu-button-color-background: #631818;
            --blu-button-color-border: #ff7373
        }

        html[dark] .blu-button.b-secondary.b-inverted[data-v-498b5b0a] {
            --blu-button-color-background: rgba(255, 255, 255, .3019607843);
            --blu-button-color-border: #12171d;
            --blu-button-color-text: #12171d;
            --blu-button-color-icon: #12171d
        }

        html[dark] .blu-button.b-secondary.b-inverted.b-hover[data-v-498b5b0a]:not(.b-disabled),
        html[dark] .blu-button.b-secondary.b-inverted[data-v-498b5b0a]:hover:not(.b-disabled),
        html[dark] .blu-button.b-secondary.b-inverted[data-v-498b5b0a]:active:not(.b-disabled),
        html[dark] .blu-button.b-secondary.b-inverted[data-v-498b5b0a]:focus-visible:not(.b-disabled) {
            --blu-button-color-background: rgba(18, 23, 29, .4);
            --blu-button-color-border: #12171d
        }

        html[dark] .blu-button.b-secondary.b-disabled[data-v-498b5b0a] {
            --blu-button-color-background: #3b444c;
            --blu-button-color-border: #60686e;
            --blu-button-color-text: rgba(255, 255, 255, .3019607843);
            --blu-button-color-icon: rgba(255, 255, 255, .3019607843)
        }

        html[dark] .blu-button.b-secondary.b-disabled[data-v-498b5b0a]:not(.b-inverted) {
            --blu-button-color-background: #3b444c;
            --blu-button-color-border: #60686e;
            --blu-button-color-text: rgba(255, 255, 255, .3019607843);
            --blu-button-color-icon: rgba(255, 255, 255, .3019607843)
        }

        html[dark] .blu-button[data-v-498b5b0a] {
            width: var(--blu-button-custom-width)
        }

        html[dark] .blu-button.b-tertiary.b-common[data-v-498b5b0a] {
            --blu-button-color-text: #4fa4ff;
            --blu-button-color-icon: #4fa4ff
        }

        html[dark] .blu-button.b-tertiary.b-common.b-hover[data-v-498b5b0a]:not(.b-disabled),
        html[dark] .blu-button.b-tertiary.b-common[data-v-498b5b0a]:hover:not(.b-disabled),
        html[dark] .blu-button.b-tertiary.b-common[data-v-498b5b0a]:active:not(.b-disabled),
        html[dark] .blu-button.b-tertiary.b-common[data-v-498b5b0a]:focus-visible:not(.b-disabled) {
            --blu-button-color-background: #002e7a;
            --blu-button-color-border: transparent
        }

        html[dark] .blu-button.b-tertiary.b-danger[data-v-498b5b0a] {
            --blu-button-color-text: #ff7373;
            --blu-button-color-icon: #ff7373
        }

        html[dark] .blu-button.b-tertiary.b-danger.b-hover[data-v-498b5b0a]:not(.b-disabled),
        html[dark] .blu-button.b-tertiary.b-danger[data-v-498b5b0a]:hover:not(.b-disabled),
        html[dark] .blu-button.b-tertiary.b-danger[data-v-498b5b0a]:active:not(.b-disabled),
        html[dark] .blu-button.b-tertiary.b-danger[data-v-498b5b0a]:focus-visible:not(.b-disabled) {
            --blu-button-color-background: #631818;
            --blu-button-color-border: transparent
        }

        html[dark] .blu-button.b-tertiary.b-inverted[data-v-498b5b0a] {
            --blu-button-color-text: #12171d;
            --blu-button-color-icon: #12171d
        }

        html[dark] .blu-button.b-tertiary.b-inverted.b-hover[data-v-498b5b0a]:not(.b-disabled),
        html[dark] .blu-button.b-tertiary.b-inverted[data-v-498b5b0a]:hover:not(.b-disabled),
        html[dark] .blu-button.b-tertiary.b-inverted[data-v-498b5b0a]:active:not(.b-disabled),
        html[dark] .blu-button.b-tertiary.b-inverted[data-v-498b5b0a]:focus-visible:not(.b-disabled) {
            --blu-button-color-background: rgba(18, 23, 29, .4);
            --blu-button-color-border: transparent
        }

        html[dark] .blu-button.b-tertiary.b-disabled[data-v-498b5b0a] {
            --blu-button-color-text: rgba(18, 23, 29, .4);
            --blu-button-color-icon: rgba(18, 23, 29, .4)
        }

        html[dark] .blu-button.b-tertiary.b-disabled[data-v-498b5b0a]:not(.b-inverted) {
            --blu-button-color-text: rgba(255, 255, 255, .3019607843);
            --blu-button-color-icon: rgba(255, 255, 255, .3019607843)
        }

        html[dark] a[data-v-498b5b0a] {
            text-decoration: none
        }
    </style>
    <style>
        *[data-v-580f03f0],
        *[data-v-580f03f0]:before,
        *[data-v-580f03f0]:after {
            box-sizing: border-box
        }

        html:not([dark]) .blu-modal-wrapper[data-v-580f03f0] {
            z-index: 100;
            position: fixed
        }

        html:not([dark]) .blu-modal[data-v-580f03f0] {
            --blu-modal-box-shadow: 0 1px 6px 0 rgba(0, 0, 0, .1019607843);
            --blu-modal-color-background: #ffffff;
            --blu-modal-border-radius: 16px;
            --blu-modal-opacity: 0;
            --blu-modal-size-width: 100%;
            --blu-modal-max-height: calc(100% - 16px);
            position: fixed;
            z-index: 101;
            display: flex;
            flex-direction: column;
            width: var(--blu-modal-size-width);
            max-height: var(--blu-modal-max-height);
            max-width: var(--blu-modal-max-width);
            box-sizing: border-box;
            box-shadow: var(--blu-modal-box-shadow);
            border-radius: var(--blu-modal-border-radius);
            background-color: var(--blu-modal-color-background);
            opacity: var(--blu-modal-opacity);
            transition: all .3s
        }

        html:not([dark]) .blu-modal *[data-v-580f03f0] {
            box-sizing: inherit
        }

        html:not([dark]) .blu-modal.b-active[data-v-580f03f0] {
            --blu-modal-opacity: 1
        }

        html:not([dark]) .b-drawer.b-desktop-left .blu-modal[data-v-580f03f0],
        html:not([dark]) .b-drawer.b-desktop-right .blu-modal[data-v-580f03f0] {
            --blu-modal-max-height: 100%;
            height: 100%
        }

        html:not([dark]) .b-status .blu-modal[data-v-580f03f0] {
            border-bottom: 4px solid;
            border-color: var(--blu-modal-color);
            top: 50%;
            left: 50%;
            transform: translate(-50%, -50%)
        }

        html:not([dark]) .b-status .blu-modal.b-info[data-v-580f03f0] {
            --blu-modal-color: #1d8fff
        }

        html:not([dark]) .b-status .blu-modal.b-success[data-v-580f03f0] {
            --blu-modal-color: #22a334
        }

        html:not([dark]) .b-status .blu-modal.b-alert[data-v-580f03f0] {
            --blu-modal-color: #fedd6c
        }

        html:not([dark]) .b-status .blu-modal.b-danger[data-v-580f03f0] {
            --blu-modal-color: #ff4646
        }

        @media screen and (min-width: 840px),
        print {

            html:not([dark]) .blu-modal-wrapper:not(.b-drawer).fade-enter-active[data-v-580f03f0],
            html:not([dark]) .blu-modal-wrapper:not(.b-drawer).fade-leave-active[data-v-580f03f0] {
                transition: all .3s
            }

            html:not([dark]) .blu-modal-wrapper:not(.b-drawer).fade-enter-from[data-v-580f03f0],
            html:not([dark]) .blu-modal-wrapper:not(.b-drawer).fade-leave-to[data-v-580f03f0] {
                opacity: 0
            }

            html:not([dark]) .blu-modal-wrapper:not(.b-drawer) .blu-modal[data-v-580f03f0] {
                --blu-modal-max-height: 576px;
                top: 50%;
                left: 50%;
                transform: translate(-50%, -50%)
            }

            html:not([dark]) .blu-modal-wrapper:not(.b-drawer) .blu-modal.b-small-width[data-v-580f03f0] {
                --blu-modal-size-width: 360px
            }

            html:not([dark]) .blu-modal-wrapper:not(.b-drawer) .blu-modal.b-medium-width[data-v-580f03f0] {
                --blu-modal-size-width: 600px
            }

            html:not([dark]) .blu-modal-wrapper:not(.b-drawer) .blu-modal.b-large-width[data-v-580f03f0] {
                --blu-modal-size-width: 800px
            }

            html:not([dark]) .b-drawer.b-desktop-left .blu-modal.b-small-width[data-v-580f03f0],
            html:not([dark]) .b-drawer.b-desktop-right .blu-modal.b-small-width[data-v-580f03f0] {
                --blu-modal-size-width: 360px
            }

            html:not([dark]) .b-drawer.b-desktop-left .blu-modal.b-medium-width[data-v-580f03f0],
            html:not([dark]) .b-drawer.b-desktop-right .blu-modal.b-medium-width[data-v-580f03f0] {
                --blu-modal-size-width: 600px
            }

            html:not([dark]) .b-drawer.b-desktop-top .blu-modal[data-v-580f03f0],
            html:not([dark]) .b-drawer.b-desktop-bottom .blu-modal[data-v-580f03f0] {
                --blu-modal-max-height: 576px
            }

            html:not([dark]) .b-drawer.b-desktop-left.fade-enter-active[data-v-580f03f0],
            html:not([dark]) .b-drawer.b-desktop-left.fade-leave-active[data-v-580f03f0] {
                transition: all .3s
            }

            html:not([dark]) .b-drawer.b-desktop-left.fade-enter-from .blu-modal[data-v-580f03f0],
            html:not([dark]) .b-drawer.b-desktop-left.fade-leave-to .blu-modal[data-v-580f03f0] {
                left: -100vh
            }

            html:not([dark]) .b-drawer.b-desktop-left .blu-modal[data-v-580f03f0] {
                height: 100vh;
                left: 0;
                top: 0;
                bottom: 0;
                border-radius: 0 var(--blu-modal-border-radius) var(--blu-modal-border-radius) 0
            }

            html:not([dark]) .b-drawer.b-desktop-right.fade-enter-active[data-v-580f03f0],
            html:not([dark]) .b-drawer.b-desktop-right.fade-leave-active[data-v-580f03f0] {
                transition: all .3s
            }

            html:not([dark]) .b-drawer.b-desktop-right.fade-enter-from .blu-modal[data-v-580f03f0],
            html:not([dark]) .b-drawer.b-desktop-right.fade-leave-to .blu-modal[data-v-580f03f0] {
                right: -100vh
            }

            html:not([dark]) .b-drawer.b-desktop-right .blu-modal[data-v-580f03f0] {
                height: 100vh;
                right: 0;
                top: 0;
                bottom: 0;
                border-radius: var(--blu-modal-border-radius) 0 0 var(--blu-modal-border-radius)
            }

            html:not([dark]) .b-drawer.b-desktop-top.fade-enter-active[data-v-580f03f0],
            html:not([dark]) .b-drawer.b-desktop-top.fade-leave-active[data-v-580f03f0] {
                transition: all .3s
            }

            html:not([dark]) .b-drawer.b-desktop-top.fade-enter-from .blu-modal[data-v-580f03f0],
            html:not([dark]) .b-drawer.b-desktop-top.fade-leave-to .blu-modal[data-v-580f03f0] {
                top: -100vh
            }

            html:not([dark]) .b-drawer.b-desktop-top .blu-modal[data-v-580f03f0] {
                top: 0;
                left: 50%;
                transform: translate(-50%);
                border-radius: 0 0 var(--blu-modal-border-radius) var(--blu-modal-border-radius)
            }

            html:not([dark]) .b-drawer.b-desktop-bottom.fade-enter-active[data-v-580f03f0],
            html:not([dark]) .b-drawer.b-desktop-bottom.fade-leave-active[data-v-580f03f0] {
                transition: all .3s
            }

            html:not([dark]) .b-drawer.b-desktop-bottom.fade-enter-from .blu-modal[data-v-580f03f0],
            html:not([dark]) .b-drawer.b-desktop-bottom.fade-leave-to .blu-modal[data-v-580f03f0] {
                bottom: -100vh
            }

            html:not([dark]) .b-drawer.b-desktop-bottom .blu-modal[data-v-580f03f0] {
                bottom: 0;
                left: 50%;
                transform: translate(-50%);
                border-radius: var(--blu-modal-border-radius) var(--blu-modal-border-radius) 0 0
            }
        }

        @media screen and (max-width: 839px) {
            html:not([dark]) .b-status .blu-modal[data-v-580f03f0] {
                --blu-modal-size-width: calc(100% - 32px)
            }

            html:not([dark]) .blu-modal-wrapper:not(.b-status):not(.b-drawer):not(.b-mobile-fullscreen).fade-enter-active[data-v-580f03f0],
            html:not([dark]) .blu-modal-wrapper:not(.b-status):not(.b-drawer):not(.b-mobile-fullscreen).fade-leave-active[data-v-580f03f0] {
                transition: all .3s
            }

            html:not([dark]) .blu-modal-wrapper:not(.b-status):not(.b-drawer):not(.b-mobile-fullscreen).fade-enter-from .blu-modal[data-v-580f03f0],
            html:not([dark]) .blu-modal-wrapper:not(.b-status):not(.b-drawer):not(.b-mobile-fullscreen).fade-leave-to .blu-modal[data-v-580f03f0] {
                bottom: -100vh
            }

            html:not([dark]) .blu-modal-wrapper:not(.b-status):not(.b-drawer):not(.b-mobile-fullscreen) .blu-modal[data-v-580f03f0] {
                bottom: 0;
                left: 50%;
                transform: translate(-50%);
                border-radius: var(--blu-modal-border-radius) var(--blu-modal-border-radius) 0 0
            }

            html:not([dark]) .blu-modal-wrapper:not(.b-status):not(.b-drawer):not(.b-mobile-fullscreen) .blu-modal.b-max-width[data-v-580f03f0] {
                --blu-modal-max-width: 600px
            }

            html:not([dark]) .b-mobile-fullscreen.fade-enter-active[data-v-580f03f0],
            html:not([dark]) .b-mobile-fullscreen.fade-leave-active[data-v-580f03f0] {
                transition: all .3s
            }

            html:not([dark]) .b-mobile-fullscreen.fade-enter-from .blu-modal[data-v-580f03f0],
            html:not([dark]) .b-mobile-fullscreen.fade-leave-to .blu-modal[data-v-580f03f0] {
                bottom: -100vh
            }

            html:not([dark]) .b-mobile-fullscreen .blu-modal[data-v-580f03f0] {
                --blu-modal-max-height: 100%;
                height: 100%;
                width: 100%;
                border-radius: unset;
                bottom: 0;
                left: 0;
                transform: none
            }

            html:not([dark]) .b-mobile-fullscreen .blu-modal[data-v-580f03f0] .blu-modal__header {
                box-shadow: var(--blu-modal-box-shadow)
            }

            html:not([dark]) .b-mobile-fullscreen.b-desktop-left .blu-modal[data-v-580f03f0],
            html:not([dark]) .b-mobile-fullscreen.b-desktop-right .blu-modal[data-v-580f03f0],
            html:not([dark]) .b-mobile-fullscreen.b-desktop-top .blu-modal[data-v-580f03f0] {
                top: 0
            }

            html:not([dark]) .b-mobile-fullscreen.b-desktop-left.fade-enter-active[data-v-580f03f0],
            html:not([dark]) .b-mobile-fullscreen.b-desktop-left.fade-leave-active[data-v-580f03f0] {
                transition: all .3s
            }

            html:not([dark]) .b-mobile-fullscreen.b-desktop-left.fade-enter-from .blu-modal[data-v-580f03f0],
            html:not([dark]) .b-mobile-fullscreen.b-desktop-left.fade-leave-to .blu-modal[data-v-580f03f0] {
                left: -100vh
            }

            html:not([dark]) .b-mobile-fullscreen.b-desktop-right.fade-enter-active[data-v-580f03f0],
            html:not([dark]) .b-mobile-fullscreen.b-desktop-right.fade-leave-active[data-v-580f03f0] {
                transition: all .3s
            }

            html:not([dark]) .b-mobile-fullscreen.b-desktop-right.fade-enter-from .blu-modal[data-v-580f03f0],
            html:not([dark]) .b-mobile-fullscreen.b-desktop-right.fade-leave-to .blu-modal[data-v-580f03f0] {
                right: -100vh
            }

            html:not([dark]) .b-mobile-fullscreen.b-desktop-right .blu-modal[data-v-580f03f0] {
                left: revert;
                right: 0
            }

            html:not([dark]) .b-mobile-fullscreen.b-desktop-top.fade-enter-active[data-v-580f03f0],
            html:not([dark]) .b-mobile-fullscreen.b-desktop-top.fade-leave-active[data-v-580f03f0] {
                transition: all .3s
            }

            html:not([dark]) .b-mobile-fullscreen.b-desktop-top.fade-enter-from .blu-modal[data-v-580f03f0],
            html:not([dark]) .b-mobile-fullscreen.b-desktop-top.fade-leave-to .blu-modal[data-v-580f03f0] {
                top: -100vh
            }

            html:not([dark]) .b-mobile-fullscreen.b-desktop-top .blu-modal[data-v-580f03f0] {
                bottom: revert
            }
        }

        html:not([dark]) .b-scrim[data-v-580f03f0] {
            --blu-color-scrim-background: rgba(0, 0, 0, .6);
            position: fixed;
            top: 0;
            left: 0;
            z-index: 99;
            width: 100%;
            height: 100%;
            background-color: var(--blu-color-scrim-background);
            display: flex;
            flex-direction: column;
            justify-content: center;
            align-items: center;
            transition: opacity .3s;
            opacity: 1
        }

        html:not([dark]) .fade-enter-active .b-scrim[data-v-580f03f0],
        html:not([dark]) .fade-leave-active .b-scrim[data-v-580f03f0] {
            transition: opacity .3s
        }

        html:not([dark]) .fade-enter-to .b-scrim[data-v-580f03f0] {
            opacity: 1
        }

        html:not([dark]) .fade-leave-to .b-scrim[data-v-580f03f0] {
            opacity: 0
        }

        html[dark] .blu-modal-wrapper[data-v-580f03f0] {
            z-index: 100;
            position: fixed
        }

        html[dark] .blu-modal[data-v-580f03f0] {
            --blu-modal-box-shadow: inset 0 0 0 30000px rgba(109, 220, 255, .1019607843);
            --blu-modal-color-background: #12171d;
            --blu-modal-border-radius: 16px;
            --blu-modal-opacity: 0;
            --blu-modal-size-width: 100%;
            --blu-modal-max-height: calc(100% - 16px);
            position: fixed;
            z-index: 101;
            display: flex;
            flex-direction: column;
            width: var(--blu-modal-size-width);
            max-height: var(--blu-modal-max-height);
            max-width: var(--blu-modal-max-width);
            box-sizing: border-box;
            box-shadow: var(--blu-modal-box-shadow);
            border-radius: var(--blu-modal-border-radius);
            background-color: var(--blu-modal-color-background);
            opacity: var(--blu-modal-opacity);
            transition: all .3s
        }

        html[dark] .blu-modal *[data-v-580f03f0] {
            box-sizing: inherit
        }

        html[dark] .blu-modal.b-active[data-v-580f03f0] {
            --blu-modal-opacity: 1
        }

        html[dark] .b-drawer.b-desktop-left .blu-modal[data-v-580f03f0],
        html[dark] .b-drawer.b-desktop-right .blu-modal[data-v-580f03f0] {
            --blu-modal-max-height: 100%;
            height: 100%
        }

        html[dark] .b-status .blu-modal[data-v-580f03f0] {
            border-bottom: 4px solid;
            border-color: var(--blu-modal-color);
            top: 50%;
            left: 50%;
            transform: translate(-50%, -50%)
        }

        html[dark] .b-status .blu-modal.b-info[data-v-580f03f0] {
            --blu-modal-color: #4fa4ff
        }

        html[dark] .b-status .blu-modal.b-success[data-v-580f03f0] {
            --blu-modal-color: #02c82b
        }

        html[dark] .b-status .blu-modal.b-alert[data-v-580f03f0] {
            --blu-modal-color: #7e4704
        }

        html[dark] .b-status .blu-modal.b-danger[data-v-580f03f0] {
            --blu-modal-color: #ff7373
        }

        @media screen and (min-width: 840px),
        print {

            html[dark] .blu-modal-wrapper:not(.b-drawer).fade-enter-active[data-v-580f03f0],
            html[dark] .blu-modal-wrapper:not(.b-drawer).fade-leave-active[data-v-580f03f0] {
                transition: all .3s
            }

            html[dark] .blu-modal-wrapper:not(.b-drawer).fade-enter-from[data-v-580f03f0],
            html[dark] .blu-modal-wrapper:not(.b-drawer).fade-leave-to[data-v-580f03f0] {
                opacity: 0
            }

            html[dark] .blu-modal-wrapper:not(.b-drawer) .blu-modal[data-v-580f03f0] {
                --blu-modal-max-height: 576px;
                top: 50%;
                left: 50%;
                transform: translate(-50%, -50%)
            }

            html[dark] .blu-modal-wrapper:not(.b-drawer) .blu-modal.b-small-width[data-v-580f03f0] {
                --blu-modal-size-width: 360px
            }

            html[dark] .blu-modal-wrapper:not(.b-drawer) .blu-modal.b-medium-width[data-v-580f03f0] {
                --blu-modal-size-width: 600px
            }

            html[dark] .blu-modal-wrapper:not(.b-drawer) .blu-modal.b-large-width[data-v-580f03f0] {
                --blu-modal-size-width: 800px
            }

            html[dark] .b-drawer.b-desktop-left .blu-modal.b-small-width[data-v-580f03f0],
            html[dark] .b-drawer.b-desktop-right .blu-modal.b-small-width[data-v-580f03f0] {
                --blu-modal-size-width: 360px
            }

            html[dark] .b-drawer.b-desktop-left .blu-modal.b-medium-width[data-v-580f03f0],
            html[dark] .b-drawer.b-desktop-right .blu-modal.b-medium-width[data-v-580f03f0] {
                --blu-modal-size-width: 600px
            }

            html[dark] .b-drawer.b-desktop-top .blu-modal[data-v-580f03f0],
            html[dark] .b-drawer.b-desktop-bottom .blu-modal[data-v-580f03f0] {
                --blu-modal-max-height: 576px
            }

            html[dark] .b-drawer.b-desktop-left.fade-enter-active[data-v-580f03f0],
            html[dark] .b-drawer.b-desktop-left.fade-leave-active[data-v-580f03f0] {
                transition: all .3s
            }

            html[dark] .b-drawer.b-desktop-left.fade-enter-from .blu-modal[data-v-580f03f0],
            html[dark] .b-drawer.b-desktop-left.fade-leave-to .blu-modal[data-v-580f03f0] {
                left: -100vh
            }

            html[dark] .b-drawer.b-desktop-left .blu-modal[data-v-580f03f0] {
                height: 100vh;
                left: 0;
                top: 0;
                bottom: 0;
                border-radius: 0 var(--blu-modal-border-radius) var(--blu-modal-border-radius) 0
            }

            html[dark] .b-drawer.b-desktop-right.fade-enter-active[data-v-580f03f0],
            html[dark] .b-drawer.b-desktop-right.fade-leave-active[data-v-580f03f0] {
                transition: all .3s
            }

            html[dark] .b-drawer.b-desktop-right.fade-enter-from .blu-modal[data-v-580f03f0],
            html[dark] .b-drawer.b-desktop-right.fade-leave-to .blu-modal[data-v-580f03f0] {
                right: -100vh
            }

            html[dark] .b-drawer.b-desktop-right .blu-modal[data-v-580f03f0] {
                height: 100vh;
                right: 0;
                top: 0;
                bottom: 0;
                border-radius: var(--blu-modal-border-radius) 0 0 var(--blu-modal-border-radius)
            }

            html[dark] .b-drawer.b-desktop-top.fade-enter-active[data-v-580f03f0],
            html[dark] .b-drawer.b-desktop-top.fade-leave-active[data-v-580f03f0] {
                transition: all .3s
            }

            html[dark] .b-drawer.b-desktop-top.fade-enter-from .blu-modal[data-v-580f03f0],
            html[dark] .b-drawer.b-desktop-top.fade-leave-to .blu-modal[data-v-580f03f0] {
                top: -100vh
            }

            html[dark] .b-drawer.b-desktop-top .blu-modal[data-v-580f03f0] {
                top: 0;
                left: 50%;
                transform: translate(-50%);
                border-radius: 0 0 var(--blu-modal-border-radius) var(--blu-modal-border-radius)
            }

            html[dark] .b-drawer.b-desktop-bottom.fade-enter-active[data-v-580f03f0],
            html[dark] .b-drawer.b-desktop-bottom.fade-leave-active[data-v-580f03f0] {
                transition: all .3s
            }

            html[dark] .b-drawer.b-desktop-bottom.fade-enter-from .blu-modal[data-v-580f03f0],
            html[dark] .b-drawer.b-desktop-bottom.fade-leave-to .blu-modal[data-v-580f03f0] {
                bottom: -100vh
            }

            html[dark] .b-drawer.b-desktop-bottom .blu-modal[data-v-580f03f0] {
                bottom: 0;
                left: 50%;
                transform: translate(-50%);
                border-radius: var(--blu-modal-border-radius) var(--blu-modal-border-radius) 0 0
            }
        }

        @media screen and (max-width: 839px) {
            html[dark] .b-status .blu-modal[data-v-580f03f0] {
                --blu-modal-size-width: calc(100% - 32px)
            }

            html[dark] .blu-modal-wrapper:not(.b-status):not(.b-drawer):not(.b-mobile-fullscreen).fade-enter-active[data-v-580f03f0],
            html[dark] .blu-modal-wrapper:not(.b-status):not(.b-drawer):not(.b-mobile-fullscreen).fade-leave-active[data-v-580f03f0] {
                transition: all .3s
            }

            html[dark] .blu-modal-wrapper:not(.b-status):not(.b-drawer):not(.b-mobile-fullscreen).fade-enter-from .blu-modal[data-v-580f03f0],
            html[dark] .blu-modal-wrapper:not(.b-status):not(.b-drawer):not(.b-mobile-fullscreen).fade-leave-to .blu-modal[data-v-580f03f0] {
                bottom: -100vh
            }

            html[dark] .blu-modal-wrapper:not(.b-status):not(.b-drawer):not(.b-mobile-fullscreen) .blu-modal[data-v-580f03f0] {
                bottom: 0;
                left: 50%;
                transform: translate(-50%);
                border-radius: var(--blu-modal-border-radius) var(--blu-modal-border-radius) 0 0
            }

            html[dark] .blu-modal-wrapper:not(.b-status):not(.b-drawer):not(.b-mobile-fullscreen) .blu-modal.b-max-width[data-v-580f03f0] {
                --blu-modal-max-width: 600px
            }

            html[dark] .b-mobile-fullscreen.fade-enter-active[data-v-580f03f0],
            html[dark] .b-mobile-fullscreen.fade-leave-active[data-v-580f03f0] {
                transition: all .3s
            }

            html[dark] .b-mobile-fullscreen.fade-enter-from .blu-modal[data-v-580f03f0],
            html[dark] .b-mobile-fullscreen.fade-leave-to .blu-modal[data-v-580f03f0] {
                bottom: -100vh
            }

            html[dark] .b-mobile-fullscreen .blu-modal[data-v-580f03f0] {
                --blu-modal-max-height: 100%;
                height: 100%;
                width: 100%;
                border-radius: unset;
                bottom: 0;
                left: 0;
                transform: none
            }

            html[dark] .b-mobile-fullscreen .blu-modal[data-v-580f03f0] .blu-modal__header {
                box-shadow: var(--blu-modal-box-shadow)
            }

            html[dark] .b-mobile-fullscreen.b-desktop-left .blu-modal[data-v-580f03f0],
            html[dark] .b-mobile-fullscreen.b-desktop-right .blu-modal[data-v-580f03f0],
            html[dark] .b-mobile-fullscreen.b-desktop-top .blu-modal[data-v-580f03f0] {
                top: 0
            }

            html[dark] .b-mobile-fullscreen.b-desktop-left.fade-enter-active[data-v-580f03f0],
            html[dark] .b-mobile-fullscreen.b-desktop-left.fade-leave-active[data-v-580f03f0] {
                transition: all .3s
            }

            html[dark] .b-mobile-fullscreen.b-desktop-left.fade-enter-from .blu-modal[data-v-580f03f0],
            html[dark] .b-mobile-fullscreen.b-desktop-left.fade-leave-to .blu-modal[data-v-580f03f0] {
                left: -100vh
            }

            html[dark] .b-mobile-fullscreen.b-desktop-right.fade-enter-active[data-v-580f03f0],
            html[dark] .b-mobile-fullscreen.b-desktop-right.fade-leave-active[data-v-580f03f0] {
                transition: all .3s
            }

            html[dark] .b-mobile-fullscreen.b-desktop-right.fade-enter-from .blu-modal[data-v-580f03f0],
            html[dark] .b-mobile-fullscreen.b-desktop-right.fade-leave-to .blu-modal[data-v-580f03f0] {
                right: -100vh
            }

            html[dark] .b-mobile-fullscreen.b-desktop-right .blu-modal[data-v-580f03f0] {
                left: revert;
                right: 0
            }

            html[dark] .b-mobile-fullscreen.b-desktop-top.fade-enter-active[data-v-580f03f0],
            html[dark] .b-mobile-fullscreen.b-desktop-top.fade-leave-active[data-v-580f03f0] {
                transition: all .3s
            }

            html[dark] .b-mobile-fullscreen.b-desktop-top.fade-enter-from .blu-modal[data-v-580f03f0],
            html[dark] .b-mobile-fullscreen.b-desktop-top.fade-leave-to .blu-modal[data-v-580f03f0] {
                top: -100vh
            }

            html[dark] .b-mobile-fullscreen.b-desktop-top .blu-modal[data-v-580f03f0] {
                bottom: revert
            }
        }

        html[dark] .b-scrim[data-v-580f03f0] {
            --blu-color-scrim-background: rgba(0, 0, 0, .6);
            position: fixed;
            top: 0;
            left: 0;
            z-index: 99;
            width: 100%;
            height: 100%;
            background-color: var(--blu-color-scrim-background);
            display: flex;
            flex-direction: column;
            justify-content: center;
            align-items: center;
            transition: opacity .3s;
            opacity: 1
        }

        html[dark] .fade-enter-active .b-scrim[data-v-580f03f0],
        html[dark] .fade-leave-active .b-scrim[data-v-580f03f0] {
            transition: opacity .3s
        }

        html[dark] .fade-enter-to .b-scrim[data-v-580f03f0] {
            opacity: 1
        }

        html[dark] .fade-leave-to .b-scrim[data-v-580f03f0] {
            opacity: 0
        }

        html:not([dark]) .blu-modal__header[data-v-48938041] {
            --blu-modal-header-text: 600 20px/24px Blibli, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif;
            --blu-modal-header-color: #19222a;
            --blu-modal-header-icon-color: #797f85;
            --blu-modal-header-padding: 16px;
            --blu-modal-header-gap: 4px;
            padding: var(--blu-modal-header-padding);
            color: var(--blu-modal-header-color)
        }

        @media screen and (max-width: 839px) {
            html:not([dark]) .blu-modal__header[data-v-48938041] {
                --blu-modal-header-padding: 12px 16px
            }
        }

        html:not([dark]) .blu-modal__header-main[data-v-48938041] {
            display: flex;
            width: 100%
        }

        html:not([dark]) .blu-modal__header-main *[data-v-48938041]:not(:last-child):not(.blu-modal__header-main--item-leading) {
            margin-right: var(--blu-modal-header-gap)
        }

        html:not([dark]) .blu-modal__header-main--title[data-v-48938041] {
            font: var(--blu-modal-header-text);
            margin: auto auto auto 0;
            width: 100%;
            overflow: hidden
        }

        @media screen and (max-width: 839px) {
            html:not([dark]) .blu-modal__header-main--title[data-v-48938041] {
                --blu-modal-header-text: 600 16px/20px Blibli, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif
            }
        }

        html:not([dark]) .blu-modal__header-main--item-leading[data-v-48938041],
        html:not([dark]) .blu-modal__header-main--item-trailing[data-v-48938041] {
            color: var(--blu-modal-header-icon-color);
            display: flex;
            cursor: pointer
        }

        html:not([dark]) .blu-modal__header-main--item-leading[data-v-48938041] svg,
        html:not([dark]) .blu-modal__header-main--item-trailing[data-v-48938041] svg {
            padding: 4px;
            box-sizing: content-box
        }

        html:not([dark]) .blu-modal__header-main--item-leading[data-v-48938041] svg:not(:last-child),
        html:not([dark]) .blu-modal__header-main--item-trailing[data-v-48938041] svg:not(:last-child) {
            margin-right: var(--blu-modal-header-gap)
        }

        @media screen and (min-width: 840px),
        print {
            html:not([dark]) .blu-modal__header-main--item-leading[data-v-48938041] {
                order: 3;
                flex-direction: row-reverse;
                margin-left: var(--blu-modal-header-gap)
            }
        }

        @media screen and (max-width: 839px) {
            html:not([dark]) .blu-modal__header-main--item-leading[data-v-48938041] {
                margin-right: var(--blu-modal-header-gap)
            }
        }

        html:not([dark]) .blu-modal__header-main--item-trailing[data-v-48938041] {
            margin-left: auto
        }

        html:not([dark]) .blu-modal__header-main--close-icon[data-v-48938041]:focus {
            outline: none
        }

        html:not([dark]) .blu-modal__header-main--close-icon[data-v-48938041]:focus-visible {
            outline: 2px solid #19222a
        }

        html:not([dark]) .blu-modal__header.b-padding-top-0[data-v-48938041] {
            padding-top: 0
        }

        html:not([dark]) .blu-modal__header.b-padding-bottom-0[data-v-48938041] {
            padding-bottom: 0
        }

        html:not([dark]) .b-info .blu-modal__header[data-v-48938041] {
            --blu-modal-icon-header-status: #a58d33;
            --blu-modal-header-icon-spacing-gap: 4px 0 8px
        }

        html:not([dark]) .b-info .blu-modal__header-status-icon[data-v-48938041] {
            color: var(--blu-modal-icon-header-status);
            display: flex;
            margin: var(--blu-modal-header-icon-spacing-gap)
        }

        html:not([dark]) .b-success .blu-modal__header[data-v-48938041] {
            --blu-modal-icon-header-status: #1f912e;
            --blu-modal-header-icon-spacing-gap: 4px 0 8px
        }

        html:not([dark]) .b-success .blu-modal__header-status-icon[data-v-48938041] {
            color: var(--blu-modal-icon-header-status);
            display: flex;
            margin: var(--blu-modal-header-icon-spacing-gap)
        }

        html:not([dark]) .b-alert .blu-modal__header[data-v-48938041] {
            --blu-modal-icon-header-status: #bc6e06;
            --blu-modal-header-icon-spacing-gap: 4px 0 8px
        }

        html:not([dark]) .b-alert .blu-modal__header-status-icon[data-v-48938041] {
            color: var(--blu-modal-icon-header-status);
            display: flex;
            margin: var(--blu-modal-header-icon-spacing-gap)
        }

        html:not([dark]) .b-danger .blu-modal__header[data-v-48938041] {
            --blu-modal-icon-header-status: #e93c3c;
            --blu-modal-header-icon-spacing-gap: 4px 0 8px
        }

        html:not([dark]) .b-danger .blu-modal__header-status-icon[data-v-48938041] {
            color: var(--blu-modal-icon-header-status);
            display: flex;
            margin: var(--blu-modal-header-icon-spacing-gap)
        }

        html[dark] .blu-modal__header[data-v-48938041] {
            --blu-modal-header-text: 600 20px/24px Blibli, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif;
            --blu-modal-header-color: #ffffff;
            --blu-modal-header-icon-color: #acb0b4;
            --blu-modal-header-padding: 16px;
            --blu-modal-header-gap: 4px;
            padding: var(--blu-modal-header-padding);
            color: var(--blu-modal-header-color)
        }

        @media screen and (max-width: 839px) {
            html[dark] .blu-modal__header[data-v-48938041] {
                --blu-modal-header-padding: 12px 16px
            }
        }

        html[dark] .blu-modal__header-main[data-v-48938041] {
            display: flex;
            width: 100%
        }

        html[dark] .blu-modal__header-main *[data-v-48938041]:not(:last-child):not(.blu-modal__header-main--item-leading) {
            margin-right: var(--blu-modal-header-gap)
        }

        html[dark] .blu-modal__header-main--title[data-v-48938041] {
            font: var(--blu-modal-header-text);
            margin: auto auto auto 0;
            width: 100%;
            overflow: hidden
        }

        @media screen and (max-width: 839px) {
            html[dark] .blu-modal__header-main--title[data-v-48938041] {
                --blu-modal-header-text: 600 16px/20px Blibli, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif
            }
        }

        html[dark] .blu-modal__header-main--item-leading[data-v-48938041],
        html[dark] .blu-modal__header-main--item-trailing[data-v-48938041] {
            color: var(--blu-modal-header-icon-color);
            display: flex;
            cursor: pointer
        }

        html[dark] .blu-modal__header-main--item-leading[data-v-48938041] svg,
        html[dark] .blu-modal__header-main--item-trailing[data-v-48938041] svg {
            padding: 4px;
            box-sizing: content-box
        }

        html[dark] .blu-modal__header-main--item-leading[data-v-48938041] svg:not(:last-child),
        html[dark] .blu-modal__header-main--item-trailing[data-v-48938041] svg:not(:last-child) {
            margin-right: var(--blu-modal-header-gap)
        }

        @media screen and (min-width: 840px),
        print {
            html[dark] .blu-modal__header-main--item-leading[data-v-48938041] {
                order: 3;
                flex-direction: row-reverse;
                margin-left: var(--blu-modal-header-gap)
            }
        }

        @media screen and (max-width: 839px) {
            html[dark] .blu-modal__header-main--item-leading[data-v-48938041] {
                margin-right: var(--blu-modal-header-gap)
            }
        }

        html[dark] .blu-modal__header-main--item-trailing[data-v-48938041] {
            margin-left: auto
        }

        html[dark] .blu-modal__header-main--close-icon[data-v-48938041]:focus {
            outline: none
        }

        html[dark] .blu-modal__header-main--close-icon[data-v-48938041]:focus-visible {
            outline: 2px solid #f9f9fa
        }

        html[dark] .blu-modal__header.b-padding-top-0[data-v-48938041] {
            padding-top: 0
        }

        html[dark] .blu-modal__header.b-padding-bottom-0[data-v-48938041] {
            padding-bottom: 0
        }

        html[dark] .b-info .blu-modal__header[data-v-48938041] {
            --blu-modal-icon-header-status: #4fa4ff;
            --blu-modal-header-icon-spacing-gap: 4px 0 8px
        }

        html[dark] .b-info .blu-modal__header-status-icon[data-v-48938041] {
            color: var(--blu-modal-icon-header-status);
            display: flex;
            margin: var(--blu-modal-header-icon-spacing-gap)
        }

        html[dark] .b-success .blu-modal__header[data-v-48938041] {
            --blu-modal-icon-header-status: #02c82b;
            --blu-modal-header-icon-spacing-gap: 4px 0 8px
        }

        html[dark] .b-success .blu-modal__header-status-icon[data-v-48938041] {
            color: var(--blu-modal-icon-header-status);
            display: flex;
            margin: var(--blu-modal-header-icon-spacing-gap)
        }

        html[dark] .b-alert .blu-modal__header[data-v-48938041] {
            --blu-modal-icon-header-status: #f1ab02;
            --blu-modal-header-icon-spacing-gap: 4px 0 8px
        }

        html[dark] .b-alert .blu-modal__header-status-icon[data-v-48938041] {
            color: var(--blu-modal-icon-header-status);
            display: flex;
            margin: var(--blu-modal-header-icon-spacing-gap)
        }

        html[dark] .b-danger .blu-modal__header[data-v-48938041] {
            --blu-modal-icon-header-status: #ff7373;
            --blu-modal-header-icon-spacing-gap: 4px 0 8px
        }

        html[dark] .b-danger .blu-modal__header-status-icon[data-v-48938041] {
            color: var(--blu-modal-icon-header-status);
            display: flex;
            margin: var(--blu-modal-header-icon-spacing-gap)
        }

        *[data-v-ee0005ae],
        *[data-v-ee0005ae]:before,
        *[data-v-ee0005ae]:after {
            box-sizing: border-box
        }

        html:not([dark]) .blu-modal__body[data-v-ee0005ae] {
            --blu-modal-body-text: 500 16px/20px Blibli, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif;
            --blu-modal-body-color: rgba(25, 34, 42, .7019607843);
            --blu-modal-body-padding: 4px 16px 12px;
            --blu-modal-body-addition-gap: 8px 16px;
            font: var(--blu-modal-body-text);
            color: var(--blu-modal-body-color);
            display: flex;
            flex-direction: column;
            overscroll-behavior: contain
        }

        html:not([dark]) .blu-modal__body-content[data-v-ee0005ae] {
            padding: var(--blu-modal-body-padding)
        }

        html:not([dark]) .blu-modal__body-addition[data-v-ee0005ae] {
            padding: var(--blu-modal-body-addition-gap)
        }

        html:not([dark]) .blu-modal__body.b-has-no-padding[data-v-ee0005ae] {
            --blu-modal-body-padding: 0
        }

        @media screen and (max-width: 839px) {
            html:not([dark]) .blu-modal__body[data-v-ee0005ae] {
                --blu-modal-body-text: 500 14px/18px Blibli, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif
            }
        }

        html:not([dark]) .b-overflow-y[data-v-ee0005ae] {
            scrollbar-color: rgba(25, 34, 42, .3019607843) transparent;
            scrollbar-width: thin
        }

        html:not([dark]) .b-overflow-y[data-v-ee0005ae]::-webkit-scrollbar {
            width: 4px;
            height: 8px;
            background-color: transparent
        }

        html:not([dark]) .b-overflow-y[data-v-ee0005ae]::-webkit-scrollbar-track {
            margin: 13px 0
        }

        html:not([dark]) .b-overflow-y[data-v-ee0005ae]::-webkit-scrollbar-thumb {
            box-shadow: inset 0 0 14px 14px transparent;
            border-radius: 4px;
            background-color: #19222a4d;
            scrollbar-color: rgba(25, 34, 42, .3019607843)
        }

        html:not([dark]) .b-overflow-y[data-v-ee0005ae]:hover::-webkit-scrollbar {
            width: 4px
        }

        html:not([dark]) .b-overflow-y[data-v-ee0005ae]:hover::-webkit-scrollbar-track {
            border: solid 2px transparent
        }

        html:not([dark]) .b-overflow-y[data-v-ee0005ae]:hover::-webkit-scrollbar-thumb:hover {
            box-shadow: inset 0 0 14px 14px transparent;
            background-color: #19222a4d;
            scrollbar-color: rgba(25, 34, 42, .3019607843) transparent
        }

        html:not([dark]) .b-overflow-y[data-v-ee0005ae]::-webkit-scrollbar-track {
            border-radius: 3px;
            background-color: transparent
        }

        html:not([dark]) .b-overflow-y.hidden[data-v-ee0005ae] {
            scrollbar-width: none
        }

        html:not([dark]) .b-overflow-y.hidden[data-v-ee0005ae]::-webkit-scrollbar-thumb {
            border-radius: 4px;
            background-color: transparent
        }

        html:not([dark]) .b-overflow-y.hidden[data-v-ee0005ae]:hover {
            scrollbar-width: thin
        }

        html:not([dark]) .b-overflow-y.hidden[data-v-ee0005ae]:hover::-webkit-scrollbar-thumb {
            box-shadow: inset 0 0 14px 14px transparent;
            border-radius: 4px;
            background-color: #19222a4d;
            scrollbar-color: rgba(25, 34, 42, .3019607843) transparent
        }

        html:not([dark]) .b-overflow-y.hidden[data-v-ee0005ae]:hover::-webkit-scrollbar-thumb:hover {
            box-shadow: inset 0 0 14px 14px transparent;
            background-color: #19222a4d;
            scrollbar-color: rgba(25, 34, 42, .3019607843) transparent
        }

        html:not([dark]) .b-overflow-y[data-v-ee0005ae] {
            overflow-y: auto;
            margin: 0
        }

        html[dark] .blu-modal__body[data-v-ee0005ae] {
            --blu-modal-body-text: 500 16px/20px Blibli, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif;
            --blu-modal-body-color: rgba(255, 255, 255, .8);
            --blu-modal-body-padding: 4px 16px 12px;
            --blu-modal-body-addition-gap: 8px 16px;
            font: var(--blu-modal-body-text);
            color: var(--blu-modal-body-color);
            display: flex;
            flex-direction: column;
            overscroll-behavior: contain
        }

        html[dark] .blu-modal__body-content[data-v-ee0005ae] {
            padding: var(--blu-modal-body-padding)
        }

        html[dark] .blu-modal__body-addition[data-v-ee0005ae] {
            padding: var(--blu-modal-body-addition-gap)
        }

        html[dark] .blu-modal__body.b-has-no-padding[data-v-ee0005ae] {
            --blu-modal-body-padding: 0
        }

        @media screen and (max-width: 839px) {
            html[dark] .blu-modal__body[data-v-ee0005ae] {
                --blu-modal-body-text: 500 14px/18px Blibli, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif
            }
        }

        html[dark] .b-overflow-y[data-v-ee0005ae] {
            scrollbar-color: rgba(255, 255, 255, .3019607843) transparent;
            scrollbar-width: thin
        }

        html[dark] .b-overflow-y[data-v-ee0005ae]::-webkit-scrollbar {
            width: 4px;
            height: 8px;
            background-color: transparent
        }

        html[dark] .b-overflow-y[data-v-ee0005ae]::-webkit-scrollbar-track {
            margin: 13px 0
        }

        html[dark] .b-overflow-y[data-v-ee0005ae]::-webkit-scrollbar-thumb {
            box-shadow: inset 0 0 14px 14px transparent;
            border-radius: 4px;
            background-color: #ffffff4d;
            scrollbar-color: rgba(255, 255, 255, .3019607843)
        }

        html[dark] .b-overflow-y[data-v-ee0005ae]:hover::-webkit-scrollbar {
            width: 4px
        }

        html[dark] .b-overflow-y[data-v-ee0005ae]:hover::-webkit-scrollbar-track {
            border: solid 2px transparent
        }

        html[dark] .b-overflow-y[data-v-ee0005ae]:hover::-webkit-scrollbar-thumb:hover {
            box-shadow: inset 0 0 14px 14px transparent;
            background-color: #ffffff4d;
            scrollbar-color: rgba(255, 255, 255, .3019607843) transparent
        }

        html[dark] .b-overflow-y[data-v-ee0005ae]::-webkit-scrollbar-track {
            border-radius: 3px;
            background-color: transparent
        }

        html[dark] .b-overflow-y.hidden[data-v-ee0005ae] {
            scrollbar-width: none
        }

        html[dark] .b-overflow-y.hidden[data-v-ee0005ae]::-webkit-scrollbar-thumb {
            border-radius: 4px;
            background-color: transparent
        }

        html[dark] .b-overflow-y.hidden[data-v-ee0005ae]:hover {
            scrollbar-width: thin
        }

        html[dark] .b-overflow-y.hidden[data-v-ee0005ae]:hover::-webkit-scrollbar-thumb {
            box-shadow: inset 0 0 14px 14px transparent;
            border-radius: 4px;
            background-color: #ffffff4d;
            scrollbar-color: rgba(255, 255, 255, .3019607843) transparent
        }

        html[dark] .b-overflow-y.hidden[data-v-ee0005ae]:hover::-webkit-scrollbar-thumb:hover {
            box-shadow: inset 0 0 14px 14px transparent;
            background-color: #ffffff4d;
            scrollbar-color: rgba(255, 255, 255, .3019607843) transparent
        }

        html[dark] .b-overflow-y[data-v-ee0005ae] {
            overflow-y: auto;
            margin: 0
        }

        html:not([dark]) .b-overflow-y[data-v-38117db0] {
            scrollbar-color: rgba(25, 34, 42, .3019607843) transparent;
            scrollbar-width: thin
        }

        html:not([dark]) .b-overflow-y[data-v-38117db0]::-webkit-scrollbar {
            width: 4px;
            height: 8px;
            background-color: transparent
        }

        html:not([dark]) .b-overflow-y[data-v-38117db0]::-webkit-scrollbar-track {
            margin: 13px 0
        }

        html:not([dark]) .b-overflow-y[data-v-38117db0]::-webkit-scrollbar-thumb {
            box-shadow: inset 0 0 14px 14px transparent;
            border-radius: 4px;
            background-color: #19222a4d;
            scrollbar-color: rgba(25, 34, 42, .3019607843)
        }

        html:not([dark]) .b-overflow-y[data-v-38117db0]:hover::-webkit-scrollbar {
            width: 4px
        }

        html:not([dark]) .b-overflow-y[data-v-38117db0]:hover::-webkit-scrollbar-track {
            border: solid 2px transparent
        }

        html:not([dark]) .b-overflow-y[data-v-38117db0]:hover::-webkit-scrollbar-thumb:hover {
            box-shadow: inset 0 0 14px 14px transparent;
            background-color: #19222a4d;
            scrollbar-color: rgba(25, 34, 42, .3019607843) transparent
        }

        html:not([dark]) .b-overflow-y[data-v-38117db0]::-webkit-scrollbar-track {
            border-radius: 3px;
            background-color: transparent
        }

        html:not([dark]) .b-overflow-y.hidden[data-v-38117db0] {
            scrollbar-width: none
        }

        html:not([dark]) .b-overflow-y.hidden[data-v-38117db0]::-webkit-scrollbar-thumb {
            border-radius: 4px;
            background-color: transparent
        }

        html:not([dark]) .b-overflow-y.hidden[data-v-38117db0]:hover {
            scrollbar-width: thin
        }

        html:not([dark]) .b-overflow-y.hidden[data-v-38117db0]:hover::-webkit-scrollbar-thumb {
            box-shadow: inset 0 0 14px 14px transparent;
            border-radius: 4px;
            background-color: #19222a4d;
            scrollbar-color: rgba(25, 34, 42, .3019607843) transparent
        }

        html:not([dark]) .b-overflow-y.hidden[data-v-38117db0]:hover::-webkit-scrollbar-thumb:hover {
            box-shadow: inset 0 0 14px 14px transparent;
            background-color: #19222a4d;
            scrollbar-color: rgba(25, 34, 42, .3019607843) transparent
        }

        html:not([dark]) .b-overflow-y[data-v-38117db0] {
            overflow-y: auto;
            margin: 0
        }

        html:not([dark]) .blu-dropdown[data-v-38117db0] {
            --dropdown-tray-max-height: 300px;
            --blu-dropdown-tray-border-radius: 8px;
            position: relative;
            display: inline-block
        }

        html:not([dark]) .blu-dropdown.b-top .blu-dropdown-tray[data-v-38117db0] {
            bottom: var(--dropdown-tray-position);
            min-width: auto
        }

        html:not([dark]) .blu-dropdown.b-btm .blu-dropdown-tray[data-v-38117db0],
        html:not([dark]) .blu-dropdown.b-btm .b-float[data-v-38117db0] {
            top: var(--dropdown-tray-position)
        }

        html:not([dark]) .blu-dropdown-tray[data-v-38117db0] {
            --blu-dropdown-tray-spacing-padding: 0 8px;
            --blu-dropdown-tray-seach-bar-padding: 8px 0;
            position: absolute;
            z-index: 1;
            width: 100%;
            margin-top: 4px;
            padding: var(--blu-dropdown-tray-spacing-padding);
            box-sizing: border-box;
            background-color: #fff;
            border-radius: var(--blu-dropdown-tray-border-radius);
            transition: all .3s ease-in-out;
            pointer-events: auto;
            max-height: 0;
            left: var(--dropdown-tray-horizontal-position)
        }

        html:not([dark]) .blu-dropdown-tray__search-bar[data-v-38117db0] {
            padding: var(--blu-dropdown-tray-seach-bar-padding)
        }

        html:not([dark]) .blu-dropdown-tray.b-shadowed[data-v-38117db0] {
            box-shadow: 0 1px 6px #0000001a
        }

        html:not([dark]) .blu-dropdown-tray.b-flexible-width[data-v-38117db0] {
            width: max-content
        }

        html:not([dark]) .blu-dropdown-tray.b-reverse[data-v-38117db0] {
            left: revert;
            right: var(--dropdown-tray-horizontal-position)
        }

        html:not([dark]) .blu-dropdown-tray.b-float[data-v-38117db0] {
            position: fixed;
            min-width: auto
        }

        html:not([dark]) .blu-dropdown-tray.b-has-no-padding[data-v-38117db0] {
            --blu-dropdown-tray-spacing-padding: 0
        }

        html:not([dark]) .blu-dropdown:not(.b-active) .blu-dropdown-tray[data-v-38117db0] {
            overflow: hidden;
            visibility: hidden
        }

        html:not([dark]) .blu-dropdown.b-active .blu-dropdown-tray[data-v-38117db0] {
            height: auto;
            max-height: var(--dropdown-tray-max-height)
        }

        html:not([dark]) .blu-dropdown.b-disabled[data-v-38117db0] {
            cursor: not-allowed
        }

        html:not([dark]) .blu-dropdown.b-disabled .blu-dropdown-trigger[data-v-38117db0] {
            pointer-events: none
        }

        html:not([dark]) .blu-dropdown.b-is-full-width-dropdown-trigger-chips[data-v-38117db0] {
            width: 100%
        }

        html[dark] .b-overflow-y[data-v-38117db0] {
            scrollbar-color: rgba(255, 255, 255, .3019607843) transparent;
            scrollbar-width: thin
        }

        html[dark] .b-overflow-y[data-v-38117db0]::-webkit-scrollbar {
            width: 4px;
            height: 8px;
            background-color: transparent
        }

        html[dark] .b-overflow-y[data-v-38117db0]::-webkit-scrollbar-track {
            margin: 13px 0
        }

        html[dark] .b-overflow-y[data-v-38117db0]::-webkit-scrollbar-thumb {
            box-shadow: inset 0 0 14px 14px transparent;
            border-radius: 4px;
            background-color: #ffffff4d;
            scrollbar-color: rgba(255, 255, 255, .3019607843)
        }

        html[dark] .b-overflow-y[data-v-38117db0]:hover::-webkit-scrollbar {
            width: 4px
        }

        html[dark] .b-overflow-y[data-v-38117db0]:hover::-webkit-scrollbar-track {
            border: solid 2px transparent
        }

        html[dark] .b-overflow-y[data-v-38117db0]:hover::-webkit-scrollbar-thumb:hover {
            box-shadow: inset 0 0 14px 14px transparent;
            background-color: #ffffff4d;
            scrollbar-color: rgba(255, 255, 255, .3019607843) transparent
        }

        html[dark] .b-overflow-y[data-v-38117db0]::-webkit-scrollbar-track {
            border-radius: 3px;
            background-color: transparent
        }

        html[dark] .b-overflow-y.hidden[data-v-38117db0] {
            scrollbar-width: none
        }

        html[dark] .b-overflow-y.hidden[data-v-38117db0]::-webkit-scrollbar-thumb {
            border-radius: 4px;
            background-color: transparent
        }

        html[dark] .b-overflow-y.hidden[data-v-38117db0]:hover {
            scrollbar-width: thin
        }

        html[dark] .b-overflow-y.hidden[data-v-38117db0]:hover::-webkit-scrollbar-thumb {
            box-shadow: inset 0 0 14px 14px transparent;
            border-radius: 4px;
            background-color: #ffffff4d;
            scrollbar-color: rgba(255, 255, 255, .3019607843) transparent
        }

        html[dark] .b-overflow-y.hidden[data-v-38117db0]:hover::-webkit-scrollbar-thumb:hover {
            box-shadow: inset 0 0 14px 14px transparent;
            background-color: #ffffff4d;
            scrollbar-color: rgba(255, 255, 255, .3019607843) transparent
        }

        html[dark] .b-overflow-y[data-v-38117db0] {
            overflow-y: auto;
            margin: 0
        }

        html[dark] .blu-dropdown[data-v-38117db0] {
            --dropdown-tray-max-height: 300px;
            --blu-dropdown-tray-border-radius: 8px;
            position: relative;
            display: inline-block
        }

        html[dark] .blu-dropdown.b-top .blu-dropdown-tray[data-v-38117db0] {
            bottom: var(--dropdown-tray-position);
            min-width: auto
        }

        html[dark] .blu-dropdown.b-btm .blu-dropdown-tray[data-v-38117db0],
        html[dark] .blu-dropdown.b-btm .b-float[data-v-38117db0] {
            top: var(--dropdown-tray-position)
        }

        html[dark] .blu-dropdown-tray[data-v-38117db0] {
            --blu-dropdown-tray-spacing-padding: 0 8px;
            --blu-dropdown-tray-seach-bar-padding: 8px 0;
            position: absolute;
            z-index: 1;
            width: 100%;
            margin-top: 4px;
            padding: var(--blu-dropdown-tray-spacing-padding);
            box-sizing: border-box;
            background-color: #12171d;
            border-radius: var(--blu-dropdown-tray-border-radius);
            transition: all .3s ease-in-out;
            pointer-events: auto;
            max-height: 0;
            left: var(--dropdown-tray-horizontal-position)
        }

        html[dark] .blu-dropdown-tray__search-bar[data-v-38117db0] {
            padding: var(--blu-dropdown-tray-seach-bar-padding)
        }

        html[dark] .blu-dropdown-tray.b-shadowed[data-v-38117db0] {
            box-shadow: inset 0 0 0 30000px #6ddcff1a
        }

        html[dark] .blu-dropdown-tray.b-flexible-width[data-v-38117db0] {
            width: max-content
        }

        html[dark] .blu-dropdown-tray.b-reverse[data-v-38117db0] {
            left: revert;
            right: var(--dropdown-tray-horizontal-position)
        }

        html[dark] .blu-dropdown-tray.b-float[data-v-38117db0] {
            position: fixed;
            min-width: auto
        }

        html[dark] .blu-dropdown-tray.b-has-no-padding[data-v-38117db0] {
            --blu-dropdown-tray-spacing-padding: 0
        }

        html[dark] .blu-dropdown:not(.b-active) .blu-dropdown-tray[data-v-38117db0] {
            overflow: hidden;
            visibility: hidden
        }

        html[dark] .blu-dropdown.b-active .blu-dropdown-tray[data-v-38117db0] {
            height: auto;
            max-height: var(--dropdown-tray-max-height)
        }

        html[dark] .blu-dropdown.b-disabled[data-v-38117db0] {
            cursor: not-allowed
        }

        html[dark] .blu-dropdown.b-disabled .blu-dropdown-trigger[data-v-38117db0] {
            pointer-events: none
        }

        html[dark] .blu-dropdown.b-is-full-width-dropdown-trigger-chips[data-v-38117db0] {
            width: 100%
        }
    </style>
    <style>
        html:not([dark]) .blu-field[data-v-34ee4e9a],
        html:not([dark]) .blu-search-bar[data-v-34ee4e9a] {
            --blu-field-container-border-width: 1px;
            --blu-field-container-size-height: 48px;
            --blu-field-container-color-border: transparent;
            --blu-field-container-border-radius: 8px;
            --blu-field-container-spacing-padding: 0 12px;
            --blu-field-container-spacing-gap: 8px;
            --blu-field-primary-container-color-background: #f1f2f2;
            --blu-field-primary-cta-color-text: #ac8221;
            --blu-field-helper-text: 500 14px/18px Blibli, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif;
            --blu-field-helper-color-text: rgba(25, 34, 42, .4);
            --blu-field-icon-color: #797f85;
            --blu-field-icon-size: 18px;
            --blu-field-label-text: 500 14px/18px Blibli, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif;
            --blu-filed-label-text-position: -18px;
            --blu-field-label-color-text: rgba(25, 34, 42, .7019607843);
            --blu-field-placeholder-text: 500 14px/18px Blibli, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif;
            --blu-field-placeholder-color-text: rgba(25, 34, 42, .7019607843);
            --blu-filed-placeholder-text-position: -18px;
            --blu-field-action-color-background: #f1f2f2;
            width: 100%;
            font: var(--blu-field-helper-text)
        }

        html:not([dark]) .blu-field__label-container[data-v-34ee4e9a],
        html:not([dark]) .blu-search-bar__label-container[data-v-34ee4e9a] {
            flex: 1;
            min-width: 0;
            display: flex;
            flex-direction: column;
            position: relative
        }

        html:not([dark]) .blu-field__label[data-v-34ee4e9a],
        html:not([dark]) .blu-field__placeholder[data-v-34ee4e9a],
        html:not([dark]) .blu-search-bar__label[data-v-34ee4e9a],
        html:not([dark]) .blu-search-bar__placeholder[data-v-34ee4e9a] {
            transition: all .3s;
            overflow: hidden;
            text-overflow: ellipsis;
            white-space: nowrap
        }

        html:not([dark]) .blu-field__label[data-v-34ee4e9a],
        html:not([dark]) .blu-search-bar__label[data-v-34ee4e9a] {
            color: var(--blu-field-label-color-text);
            font: var(--blu-field-label-text);
            margin-bottom: var(--blu-filed-label-text-position)
        }

        html:not([dark]) .blu-field__placeholder[data-v-34ee4e9a],
        html:not([dark]) .blu-search-bar__placeholder[data-v-34ee4e9a] {
            color: var(--blu-field-placeholder-color-text);
            font: var(--blu-field-placeholder-text);
            margin-bottom: var(--blu-filed-placeholder-text-position)
        }

        html:not([dark]) .blu-field__asterisk[data-v-34ee4e9a],
        html:not([dark]) .blu-search-bar__asterisk[data-v-34ee4e9a] {
            color: #d33534
        }

        html:not([dark]) .blu-field.b-focused .blu-field__label-container[data-v-34ee4e9a],
        html:not([dark]) .blu-field.has-value .blu-field__label-container[data-v-34ee4e9a],
        html:not([dark]) .blu-search-bar.b-focused .blu-field__label-container[data-v-34ee4e9a],
        html:not([dark]) .blu-search-bar.has-value .blu-field__label-container[data-v-34ee4e9a] {
            margin-bottom: 0
        }

        html:not([dark]) .blu-field.b-focused label[data-v-34ee4e9a],
        html:not([dark]) .blu-field.has-value label[data-v-34ee4e9a],
        html:not([dark]) .blu-search-bar.b-focused label[data-v-34ee4e9a],
        html:not([dark]) .blu-search-bar.has-value label[data-v-34ee4e9a] {
            --blu-field-label-text: 500 12px/16px Blibli, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif;
            --blu-field-label-color-text: #ac8221;
            --blu-filed-label-text-position: 0
        }

        html:not([dark]) .blu-field.has-value .blu-field__clearable-btn[data-v-34ee4e9a],
        html:not([dark]) .blu-field.has-value .blu-search-bar__clearable-btn[data-v-34ee4e9a],
        html:not([dark]) .blu-search-bar.has-value .blu-field__clearable-btn[data-v-34ee4e9a],
        html:not([dark]) .blu-search-bar.has-value .blu-search-bar__clearable-btn[data-v-34ee4e9a] {
            visibility: visible
        }

        html:not([dark]) .blu-field:not(.b-disabled) .blu-field__container[data-v-34ee4e9a]:hover,
        html:not([dark]) .blu-field:not(.b-disabled) .blu-search-bar__container[data-v-34ee4e9a]:hover,
        html:not([dark]) .blu-search-bar:not(.b-disabled) .blu-field__container[data-v-34ee4e9a]:hover,
        html:not([dark]) .blu-search-bar:not(.b-disabled) .blu-search-bar__container[data-v-34ee4e9a]:hover {
            --blu-field-primary-container-color-background: #f9f9fa;
            --blu-field-action-color-background: #f9f9fa
        }

        html:not([dark]) .blu-field:not(.b-disabled) .blu-field__clearable-btn[data-v-34ee4e9a],
        html:not([dark]) .blu-field:not(.b-disabled) .blu-search-bar__clearable-btn[data-v-34ee4e9a],
        html:not([dark]) .blu-search-bar:not(.b-disabled) .blu-field__clearable-btn[data-v-34ee4e9a],
        html:not([dark]) .blu-search-bar:not(.b-disabled) .blu-search-bar__clearable-btn[data-v-34ee4e9a] {
            cursor: pointer
        }

        html:not([dark]) .blu-field__container[data-v-34ee4e9a],
        html:not([dark]) .blu-search-bar__container[data-v-34ee4e9a] {
            padding: var(--blu-field-container-spacing-padding);
            box-shadow: 0 0 0 var(--blu-field-container-border-width) var(--blu-field-container-color-border) inset;
            -webkit-box-shadow: 0 0 0 var(--blu-field-container-border-width) var(--blu-field-container-color-border) inset;
            border-radius: var(--blu-field-container-border-radius);
            height: var(--blu-field-container-size-height);
            background-color: var(--blu-field-primary-container-color-background);
            display: flex;
            align-items: center;
            cursor: text;
            transition: all .2s, background-color .4s, background 0;
            position: relative
        }

        html:not([dark]) .blu-field__container>*[data-v-34ee4e9a]:not(:last-child),
        html:not([dark]) .blu-search-bar__container>*[data-v-34ee4e9a]:not(:last-child) {
            margin-right: var(--blu-field-container-spacing-gap)
        }

        html:not([dark]) .blu-field__container[data-v-34ee4e9a]:focus-visible,
        html:not([dark]) .blu-search-bar__container[data-v-34ee4e9a]:focus-visible {
            outline: none
        }

        html:not([dark]) .blu-field__content[data-v-34ee4e9a],
        html:not([dark]) .blu-search-bar__content[data-v-34ee4e9a] {
            display: flex;
            flex-grow: 1;
            flex-direction: column;
            position: relative;
            overflow: hidden
        }

        html:not([dark]) .blu-field__action[data-v-34ee4e9a],
        html:not([dark]) .blu-search-bar__action[data-v-34ee4e9a] {
            display: flex;
            align-items: center
        }

        html:not([dark]) .blu-field__item-leading[data-v-34ee4e9a],
        html:not([dark]) .blu-field__item-trailing[data-v-34ee4e9a],
        html:not([dark]) .blu-field__clearable-btn[data-v-34ee4e9a],
        html:not([dark]) .blu-field__warning-btn[data-v-34ee4e9a],
        html:not([dark]) .blu-field__success-btn[data-v-34ee4e9a],
        html:not([dark]) .blu-search-bar__item-leading[data-v-34ee4e9a],
        html:not([dark]) .blu-search-bar__item-trailing[data-v-34ee4e9a],
        html:not([dark]) .blu-search-bar__clearable-btn[data-v-34ee4e9a],
        html:not([dark]) .blu-search-bar__warning-btn[data-v-34ee4e9a],
        html:not([dark]) .blu-search-bar__success-btn[data-v-34ee4e9a] {
            color: var(--blu-field-icon-color);
            display: flex;
            height: var(--blu-field-icon-size)
        }

        html:not([dark]) .blu-field__item-leading[data-v-34ee4e9a] svg,
        html:not([dark]) .blu-field__item-trailing[data-v-34ee4e9a] svg,
        html:not([dark]) .blu-field__clearable-btn[data-v-34ee4e9a] svg,
        html:not([dark]) .blu-field__warning-btn[data-v-34ee4e9a] svg,
        html:not([dark]) .blu-field__success-btn[data-v-34ee4e9a] svg,
        html:not([dark]) .blu-search-bar__item-leading[data-v-34ee4e9a] svg,
        html:not([dark]) .blu-search-bar__item-trailing[data-v-34ee4e9a] svg,
        html:not([dark]) .blu-search-bar__clearable-btn[data-v-34ee4e9a] svg,
        html:not([dark]) .blu-search-bar__warning-btn[data-v-34ee4e9a] svg,
        html:not([dark]) .blu-search-bar__success-btn[data-v-34ee4e9a] svg {
            height: var(--blu-field-icon-size) !important;
            width: var(--blu-field-icon-size) !important
        }

        html:not([dark]) .blu-field__item-leading[data-v-34ee4e9a]:not(:last-child),
        html:not([dark]) .blu-field__item-trailing[data-v-34ee4e9a]:not(:last-child),
        html:not([dark]) .blu-field__clearable-btn[data-v-34ee4e9a]:not(:last-child),
        html:not([dark]) .blu-field__warning-btn[data-v-34ee4e9a]:not(:last-child),
        html:not([dark]) .blu-field__success-btn[data-v-34ee4e9a]:not(:last-child),
        html:not([dark]) .blu-search-bar__item-leading[data-v-34ee4e9a]:not(:last-child),
        html:not([dark]) .blu-search-bar__item-trailing[data-v-34ee4e9a]:not(:last-child),
        html:not([dark]) .blu-search-bar__clearable-btn[data-v-34ee4e9a]:not(:last-child),
        html:not([dark]) .blu-search-bar__warning-btn[data-v-34ee4e9a]:not(:last-child),
        html:not([dark]) .blu-search-bar__success-btn[data-v-34ee4e9a]:not(:last-child) {
            margin-right: var(--blu-field-container-spacing-gap)
        }

        html:not([dark]) .blu-field__unit-leading[data-v-34ee4e9a],
        html:not([dark]) .blu-field__unit-trailing[data-v-34ee4e9a],
        html:not([dark]) .blu-search-bar__unit-leading[data-v-34ee4e9a],
        html:not([dark]) .blu-search-bar__unit-trailing[data-v-34ee4e9a] {
            color: var(--blu-field-icon-color);
            display: flex;
            align-items: center;
            white-space: nowrap
        }

        html:not([dark]) .blu-field__unit-leading[data-v-34ee4e9a]:not(:last-child),
        html:not([dark]) .blu-field__unit-trailing[data-v-34ee4e9a]:not(:last-child),
        html:not([dark]) .blu-search-bar__unit-leading[data-v-34ee4e9a]:not(:last-child),
        html:not([dark]) .blu-search-bar__unit-trailing[data-v-34ee4e9a]:not(:last-child) {
            margin-right: var(--blu-field-container-spacing-gap)
        }

        html:not([dark]) .blu-field__unit-leading[data-v-34ee4e9a],
        html:not([dark]) .blu-search-bar__unit-leading[data-v-34ee4e9a] {
            justify-content: center
        }

        html:not([dark]) .blu-field__unit-trailing[data-v-34ee4e9a],
        html:not([dark]) .blu-search-bar__unit-trailing[data-v-34ee4e9a] {
            justify-content: flex-end
        }

        html:not([dark]) .blu-field__clearable-btn[data-v-34ee4e9a]:focus,
        html:not([dark]) .blu-field__item-trailing[data-v-34ee4e9a] svg:focus,
        html:not([dark]) .blu-search-bar__clearable-btn[data-v-34ee4e9a]:focus,
        html:not([dark]) .blu-search-bar__item-trailing[data-v-34ee4e9a] svg:focus {
            outline: none
        }

        html:not([dark]) .blu-field__clearable-btn[data-v-34ee4e9a]:focus-visible,
        html:not([dark]) .blu-field__item-trailing[data-v-34ee4e9a] svg:focus-visible,
        html:not([dark]) .blu-search-bar__clearable-btn[data-v-34ee4e9a]:focus-visible,
        html:not([dark]) .blu-search-bar__item-trailing[data-v-34ee4e9a] svg:focus-visible {
            outline: 2px solid #19222a
        }

        html:not([dark]) .blu-field__clearable-btn[data-v-34ee4e9a],
        html:not([dark]) .blu-search-bar__clearable-btn[data-v-34ee4e9a] {
            visibility: hidden
        }

        html:not([dark]) .blu-field__item-trailing[data-v-34ee4e9a],
        html:not([dark]) .blu-search-bar__item-trailing[data-v-34ee4e9a] {
            cursor: pointer
        }

        html:not([dark]) .blu-field__cta-button[data-v-34ee4e9a],
        html:not([dark]) .blu-search-bar__cta-button[data-v-34ee4e9a] {
            color: var(--blu-field-primary-cta-color-text);
            font: 600 14px/18px Blibli, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif;
            cursor: pointer
        }

        html:not([dark]) .blu-field__cta-button[data-v-34ee4e9a]:focus,
        html:not([dark]) .blu-search-bar__cta-button[data-v-34ee4e9a]:focus {
            outline: none
        }

        html:not([dark]) .blu-field__cta-button[data-v-34ee4e9a]:focus-visible,
        html:not([dark]) .blu-search-bar__cta-button[data-v-34ee4e9a]:focus-visible {
            outline: 2px solid #19222a
        }

        html:not([dark]) .blu-field.b-secondary[data-v-34ee4e9a],
        html:not([dark]) .blu-search-bar.b-secondary[data-v-34ee4e9a] {
            --blu-field-primary-container-color-background: #ffffff;
            --blu-field-container-color-border: #c8cbcd;
            --blu-field-action-color-background: #ffffff
        }

        html:not([dark]) .blu-field.b-focused[data-v-34ee4e9a]:not(.b-error):not(.b-success),
        html:not([dark]) .blu-search-bar.b-focused[data-v-34ee4e9a]:not(.b-error):not(.b-success) {
            --blu-field-container-color-border: #1d8fff
        }

        html:not([dark]) .blu-field.b-disabled .blu-field__container[data-v-34ee4e9a],
        html:not([dark]) .blu-field.b-disabled .blu-search-bar__container[data-v-34ee4e9a],
        html:not([dark]) .blu-search-bar.b-disabled .blu-field__container[data-v-34ee4e9a],
        html:not([dark]) .blu-search-bar.b-disabled .blu-search-bar__container[data-v-34ee4e9a] {
            cursor: not-allowed;
            --blu-field-primary-container-color-background: #e1e3e4
        }

        html:not([dark]) .blu-field.b-disabled .blu-field__container label[data-v-34ee4e9a],
        html:not([dark]) .blu-field.b-disabled .blu-search-bar__container label[data-v-34ee4e9a],
        html:not([dark]) .blu-search-bar.b-disabled .blu-field__container label[data-v-34ee4e9a],
        html:not([dark]) .blu-search-bar.b-disabled .blu-search-bar__container label[data-v-34ee4e9a] {
            --blu-field-label-color-text: rgba(25, 34, 42, .4)
        }

        html:not([dark]) .blu-field.b-disabled .blu-field__container .blu-field__placeholder[data-v-34ee4e9a],
        html:not([dark]) .blu-field.b-disabled .blu-search-bar__container .blu-field__placeholder[data-v-34ee4e9a],
        html:not([dark]) .blu-search-bar.b-disabled .blu-field__container .blu-field__placeholder[data-v-34ee4e9a],
        html:not([dark]) .blu-search-bar.b-disabled .blu-search-bar__container .blu-field__placeholder[data-v-34ee4e9a] {
            --blu-field-placeholder-color-text: rgba(25, 34, 42, .4)
        }

        html:not([dark]) .blu-field.b-disabled .blu-field__container .blu-search-bar__placeholder[data-v-34ee4e9a],
        html:not([dark]) .blu-field.b-disabled .blu-search-bar__container .blu-search-bar__placeholder[data-v-34ee4e9a],
        html:not([dark]) .blu-search-bar.b-disabled .blu-field__container .blu-search-bar__placeholder[data-v-34ee4e9a],
        html:not([dark]) .blu-search-bar.b-disabled .blu-search-bar__container .blu-search-bar__placeholder[data-v-34ee4e9a] {
            --blu-field-placeholder-color-text: rgba(25, 34, 42, .4)
        }

        html:not([dark]) .blu-field.b-disabled .blu-field__item-leading[data-v-34ee4e9a],
        html:not([dark]) .blu-field.b-disabled .blu-field__item-trailing[data-v-34ee4e9a],
        html:not([dark]) .blu-field.b-disabled .blu-field__action *[data-v-34ee4e9a],
        html:not([dark]) .blu-field.b-disabled .blu-search-bar__item-leading[data-v-34ee4e9a],
        html:not([dark]) .blu-field.b-disabled .blu-search-bar__item-trailing[data-v-34ee4e9a],
        html:not([dark]) .blu-field.b-disabled .blu-search-bar__action *[data-v-34ee4e9a],
        html:not([dark]) .blu-search-bar.b-disabled .blu-field__item-leading[data-v-34ee4e9a],
        html:not([dark]) .blu-search-bar.b-disabled .blu-field__item-trailing[data-v-34ee4e9a],
        html:not([dark]) .blu-search-bar.b-disabled .blu-field__action *[data-v-34ee4e9a],
        html:not([dark]) .blu-search-bar.b-disabled .blu-search-bar__item-leading[data-v-34ee4e9a],
        html:not([dark]) .blu-search-bar.b-disabled .blu-search-bar__item-trailing[data-v-34ee4e9a],
        html:not([dark]) .blu-search-bar.b-disabled .blu-search-bar__action *[data-v-34ee4e9a] {
            --blu-field-icon-color: rgba(25, 34, 42, .3019607843)
        }

        html:not([dark]) .blu-field.b-disabled .blu-field__item-trailing[data-v-34ee4e9a],
        html:not([dark]) .blu-field.b-disabled .blu-field__cta-button[data-v-34ee4e9a],
        html:not([dark]) .blu-field.b-disabled .blu-search-bar__item-trailing[data-v-34ee4e9a],
        html:not([dark]) .blu-field.b-disabled .blu-search-bar__cta-button[data-v-34ee4e9a],
        html:not([dark]) .blu-search-bar.b-disabled .blu-field__item-trailing[data-v-34ee4e9a],
        html:not([dark]) .blu-search-bar.b-disabled .blu-field__cta-button[data-v-34ee4e9a],
        html:not([dark]) .blu-search-bar.b-disabled .blu-search-bar__item-trailing[data-v-34ee4e9a],
        html:not([dark]) .blu-search-bar.b-disabled .blu-search-bar__cta-button[data-v-34ee4e9a] {
            pointer-events: none
        }

        html:not([dark]) .blu-field.b-disabled .blu-field__cta-button[data-v-34ee4e9a],
        html:not([dark]) .blu-field.b-disabled .blu-search-bar__cta-button[data-v-34ee4e9a],
        html:not([dark]) .blu-search-bar.b-disabled .blu-field__cta-button[data-v-34ee4e9a],
        html:not([dark]) .blu-search-bar.b-disabled .blu-search-bar__cta-button[data-v-34ee4e9a] {
            --blu-field-primary-cta-color-text: rgba(25, 34, 42, .4)
        }

        html:not([dark]) .blu-field.b-small[data-v-34ee4e9a],
        html:not([dark]) .blu-search-bar.b-small[data-v-34ee4e9a] {
            --blu-field-container-size-height: 36px;
            --blu-field-container-border-radius: 8px;
            --blu-field-container-spacing-padding: 0 8px;
            --blu-field-container-spacing-gap: 4px;
            --blu-field-icon-size: 18px
        }

        html:not([dark]) .blu-field.has-max-length[data-v-34ee4e9a] {
            animation: shake-34ee4e9a .82s cubic-bezier(.36, .07, .19, .97) both;
            transform: translateZ(0);
            backface-visibility: hidden;
            perspective: 1000px
        }

        html:not([dark]) .blu-field__helper[data-v-34ee4e9a] {
            display: flex;
            color: var(--blu-field-helper-color-text)
        }

        html:not([dark]) .blu-field__helper[data-v-34ee4e9a] .blu-field__counter {
            margin-left: auto
        }

        html:not([dark]) .blu-field__helper[data-v-34ee4e9a] :not(:empty) {
            margin-top: 4px
        }

        html:not([dark]) .blu-field__helper.b-success[data-v-34ee4e9a] {
            --blu-field-helper-color-text: #1c832a
        }

        html:not([dark]) .blu-field__helper.b-error[data-v-34ee4e9a] {
            --blu-field-helper-color-text: #d33534
        }

        html:not([dark]) .blu-field__warning-btn[data-v-34ee4e9a] {
            --blu-field-icon-color: #e93c3c
        }

        html:not([dark]) .blu-field__success-btn[data-v-34ee4e9a] {
            --blu-field-icon-color: #1f912e
        }

        html:not([dark]) .blu-field.b-error[data-v-34ee4e9a] {
            --blu-field-container-color-border: #ff4646;
            --blu-field-helper-color-text: rgba(25, 34, 42, .4)
        }

        html:not([dark]) .blu-field.b-error.b-focused label[data-v-34ee4e9a],
        html:not([dark]) .blu-field.b-error.has-value label[data-v-34ee4e9a] {
            --blu-field-label-color-text: #d33534
        }

        html:not([dark]) .blu-field.b-success[data-v-34ee4e9a] {
            --blu-field-container-color-border: #22a334;
            --blu-field-helper-color-text: rgba(25, 34, 42, .4)
        }

        html:not([dark]) .blu-field.b-success.b-focused label[data-v-34ee4e9a],
        html:not([dark]) .blu-field.b-success.has-value label[data-v-34ee4e9a] {
            --blu-field-label-color-text: #1c832a
        }

        html:not([dark]) :not(.b-disabled) .blu-dropdown-trigger .blu-field__container[data-v-34ee4e9a],
        html:not([dark]) :not(.b-disabled) .blu-dropdown-trigger label[data-v-34ee4e9a] {
            cursor: pointer
        }

        html:not([dark]) [class*=b-is-text-area] .blu-field__container[data-v-34ee4e9a] {
            height: 100%;
            align-items: flex-start;
            box-sizing: border-box;
            padding: 8px 2px 2px 12px
        }

        html:not([dark]) [class*=b-is-text-area] .blu-field__wrapper[data-v-34ee4e9a] {
            height: inherit
        }

        html:not([dark]) [class*=b-is-text-area] .blu-field__content[data-v-34ee4e9a] {
            height: 100%;
            margin-right: 0
        }

        html:not([dark]) [class*=b-is-text-area] .blu-field__label-container label[data-v-34ee4e9a] {
            margin-bottom: 0;
            height: 18px
        }

        html:not([dark]) [class*=b-is-text-area] .blu-field__action[data-v-34ee4e9a] {
            position: absolute;
            right: 8px;
            background: var(--blu-field-action-color-background);
            border-radius: 24px
        }

        html:not([dark]) [class*=b-is-text-area] .blu-field__action *[data-v-34ee4e9a]:not(:last-child) {
            margin-right: var(--blu-field-container-spacing-gap)
        }

        html:not([dark]) [class*=b-is-text-area].b-secondary[data-v-34ee4e9a] {
            --blu-field-action-color-background: #ffffff
        }

        html:not([dark]) [class*=b-is-text-area].b-disabled[data-v-34ee4e9a] {
            --blu-field-action-color-background: #e1e3e4
        }

        html:not([dark]) [class*=b-is-text-area] .b-fit-content[data-v-34ee4e9a] {
            width: min-content;
            height: fit-content
        }

        html:not([dark]) [class*=b-is-text-area] .b-fit-content .blu-field__container[data-v-34ee4e9a] {
            width: min-content
        }

        html[dark] .blu-field[data-v-34ee4e9a],
        html[dark] .blu-search-bar[data-v-34ee4e9a] {
            --blu-field-container-border-width: 1px;
            --blu-field-container-size-height: 48px;
            --blu-field-container-color-border: transparent;
            --blu-field-container-border-radius: 8px;
            --blu-field-container-spacing-padding: 0 12px;
            --blu-field-container-spacing-gap: 8px;
            --blu-field-primary-container-color-background: #28323b;
            --blu-field-primary-cta-color-text: #4fa4ff;
            --blu-field-helper-text: 500 14px/18px Blibli, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif;
            --blu-field-helper-color-text: rgba(255, 255, 255, .5019607843);
            --blu-field-icon-color: #acb0b4;
            --blu-field-icon-size: 18px;
            --blu-field-label-text: 500 14px/18px Blibli, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif;
            --blu-filed-label-text-position: -18px;
            --blu-field-label-color-text: rgba(255, 255, 255, .8);
            --blu-field-placeholder-text: 500 14px/18px Blibli, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif;
            --blu-field-placeholder-color-text: rgba(255, 255, 255, .8);
            --blu-filed-placeholder-text-position: -18px;
            --blu-field-action-color-background: #28323b;
            width: 100%;
            font: var(--blu-field-helper-text)
        }

        html[dark] .blu-field__label-container[data-v-34ee4e9a],
        html[dark] .blu-search-bar__label-container[data-v-34ee4e9a] {
            flex: 1;
            min-width: 0;
            display: flex;
            flex-direction: column;
            position: relative
        }

        html[dark] .blu-field__label[data-v-34ee4e9a],
        html[dark] .blu-field__placeholder[data-v-34ee4e9a],
        html[dark] .blu-search-bar__label[data-v-34ee4e9a],
        html[dark] .blu-search-bar__placeholder[data-v-34ee4e9a] {
            transition: all .3s;
            overflow: hidden;
            text-overflow: ellipsis;
            white-space: nowrap
        }

        html[dark] .blu-field__label[data-v-34ee4e9a],
        html[dark] .blu-search-bar__label[data-v-34ee4e9a] {
            color: var(--blu-field-label-color-text);
            font: var(--blu-field-label-text);
            margin-bottom: var(--blu-filed-label-text-position)
        }

        html[dark] .blu-field__placeholder[data-v-34ee4e9a],
        html[dark] .blu-search-bar__placeholder[data-v-34ee4e9a] {
            color: var(--blu-field-placeholder-color-text);
            font: var(--blu-field-placeholder-text);
            margin-bottom: var(--blu-filed-placeholder-text-position)
        }

        html[dark] .blu-field__asterisk[data-v-34ee4e9a],
        html[dark] .blu-search-bar__asterisk[data-v-34ee4e9a] {
            color: #ff7373
        }

        html[dark] .blu-field.b-focused .blu-field__label-container[data-v-34ee4e9a],
        html[dark] .blu-field.has-value .blu-field__label-container[data-v-34ee4e9a],
        html[dark] .blu-search-bar.b-focused .blu-field__label-container[data-v-34ee4e9a],
        html[dark] .blu-search-bar.has-value .blu-field__label-container[data-v-34ee4e9a] {
            margin-bottom: 0
        }

        html[dark] .blu-field.b-focused label[data-v-34ee4e9a],
        html[dark] .blu-field.has-value label[data-v-34ee4e9a],
        html[dark] .blu-search-bar.b-focused label[data-v-34ee4e9a],
        html[dark] .blu-search-bar.has-value label[data-v-34ee4e9a] {
            --blu-field-label-text: 500 12px/16px Blibli, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif;
            --blu-field-label-color-text: #4fa4ff;
            --blu-filed-label-text-position: 0
        }

        html[dark] .blu-field.has-value .blu-field__clearable-btn[data-v-34ee4e9a],
        html[dark] .blu-field.has-value .blu-search-bar__clearable-btn[data-v-34ee4e9a],
        html[dark] .blu-search-bar.has-value .blu-field__clearable-btn[data-v-34ee4e9a],
        html[dark] .blu-search-bar.has-value .blu-search-bar__clearable-btn[data-v-34ee4e9a] {
            visibility: visible
        }

        html[dark] .blu-field:not(.b-disabled) .blu-field__container[data-v-34ee4e9a]:hover,
        html[dark] .blu-field:not(.b-disabled) .blu-search-bar__container[data-v-34ee4e9a]:hover,
        html[dark] .blu-search-bar:not(.b-disabled) .blu-field__container[data-v-34ee4e9a]:hover,
        html[dark] .blu-search-bar:not(.b-disabled) .blu-search-bar__container[data-v-34ee4e9a]:hover {
            --blu-field-primary-container-color-background: #19222a;
            --blu-field-action-color-background: #19222a
        }

        html[dark] .blu-field:not(.b-disabled) .blu-field__clearable-btn[data-v-34ee4e9a],
        html[dark] .blu-field:not(.b-disabled) .blu-search-bar__clearable-btn[data-v-34ee4e9a],
        html[dark] .blu-search-bar:not(.b-disabled) .blu-field__clearable-btn[data-v-34ee4e9a],
        html[dark] .blu-search-bar:not(.b-disabled) .blu-search-bar__clearable-btn[data-v-34ee4e9a] {
            cursor: pointer
        }

        html[dark] .blu-field__container[data-v-34ee4e9a],
        html[dark] .blu-search-bar__container[data-v-34ee4e9a] {
            padding: var(--blu-field-container-spacing-padding);
            box-shadow: 0 0 0 var(--blu-field-container-border-width) var(--blu-field-container-color-border) inset;
            -webkit-box-shadow: 0 0 0 var(--blu-field-container-border-width) var(--blu-field-container-color-border) inset;
            border-radius: var(--blu-field-container-border-radius);
            height: var(--blu-field-container-size-height);
            background-color: var(--blu-field-primary-container-color-background);
            display: flex;
            align-items: center;
            cursor: text;
            transition: all .2s, background-color .4s, background 0;
            position: relative
        }

        html[dark] .blu-field__container>*[data-v-34ee4e9a]:not(:last-child),
        html[dark] .blu-search-bar__container>*[data-v-34ee4e9a]:not(:last-child) {
            margin-right: var(--blu-field-container-spacing-gap)
        }

        html[dark] .blu-field__container[data-v-34ee4e9a]:focus-visible,
        html[dark] .blu-search-bar__container[data-v-34ee4e9a]:focus-visible {
            outline: none
        }

        html[dark] .blu-field__content[data-v-34ee4e9a],
        html[dark] .blu-search-bar__content[data-v-34ee4e9a] {
            display: flex;
            flex-grow: 1;
            flex-direction: column;
            position: relative;
            overflow: hidden
        }

        html[dark] .blu-field__action[data-v-34ee4e9a],
        html[dark] .blu-search-bar__action[data-v-34ee4e9a] {
            display: flex;
            align-items: center
        }

        html[dark] .blu-field__item-leading[data-v-34ee4e9a],
        html[dark] .blu-field__item-trailing[data-v-34ee4e9a],
        html[dark] .blu-field__clearable-btn[data-v-34ee4e9a],
        html[dark] .blu-field__warning-btn[data-v-34ee4e9a],
        html[dark] .blu-field__success-btn[data-v-34ee4e9a],
        html[dark] .blu-search-bar__item-leading[data-v-34ee4e9a],
        html[dark] .blu-search-bar__item-trailing[data-v-34ee4e9a],
        html[dark] .blu-search-bar__clearable-btn[data-v-34ee4e9a],
        html[dark] .blu-search-bar__warning-btn[data-v-34ee4e9a],
        html[dark] .blu-search-bar__success-btn[data-v-34ee4e9a] {
            color: var(--blu-field-icon-color);
            display: flex;
            height: var(--blu-field-icon-size)
        }

        html[dark] .blu-field__item-leading[data-v-34ee4e9a] svg,
        html[dark] .blu-field__item-trailing[data-v-34ee4e9a] svg,
        html[dark] .blu-field__clearable-btn[data-v-34ee4e9a] svg,
        html[dark] .blu-field__warning-btn[data-v-34ee4e9a] svg,
        html[dark] .blu-field__success-btn[data-v-34ee4e9a] svg,
        html[dark] .blu-search-bar__item-leading[data-v-34ee4e9a] svg,
        html[dark] .blu-search-bar__item-trailing[data-v-34ee4e9a] svg,
        html[dark] .blu-search-bar__clearable-btn[data-v-34ee4e9a] svg,
        html[dark] .blu-search-bar__warning-btn[data-v-34ee4e9a] svg,
        html[dark] .blu-search-bar__success-btn[data-v-34ee4e9a] svg {
            height: var(--blu-field-icon-size) !important;
            width: var(--blu-field-icon-size) !important
        }

        html[dark] .blu-field__item-leading[data-v-34ee4e9a]:not(:last-child),
        html[dark] .blu-field__item-trailing[data-v-34ee4e9a]:not(:last-child),
        html[dark] .blu-field__clearable-btn[data-v-34ee4e9a]:not(:last-child),
        html[dark] .blu-field__warning-btn[data-v-34ee4e9a]:not(:last-child),
        html[dark] .blu-field__success-btn[data-v-34ee4e9a]:not(:last-child),
        html[dark] .blu-search-bar__item-leading[data-v-34ee4e9a]:not(:last-child),
        html[dark] .blu-search-bar__item-trailing[data-v-34ee4e9a]:not(:last-child),
        html[dark] .blu-search-bar__clearable-btn[data-v-34ee4e9a]:not(:last-child),
        html[dark] .blu-search-bar__warning-btn[data-v-34ee4e9a]:not(:last-child),
        html[dark] .blu-search-bar__success-btn[data-v-34ee4e9a]:not(:last-child) {
            margin-right: var(--blu-field-container-spacing-gap)
        }

        html[dark] .blu-field__unit-leading[data-v-34ee4e9a],
        html[dark] .blu-field__unit-trailing[data-v-34ee4e9a],
        html[dark] .blu-search-bar__unit-leading[data-v-34ee4e9a],
        html[dark] .blu-search-bar__unit-trailing[data-v-34ee4e9a] {
            color: var(--blu-field-icon-color);
            display: flex;
            align-items: center;
            white-space: nowrap
        }

        html[dark] .blu-field__unit-leading[data-v-34ee4e9a]:not(:last-child),
        html[dark] .blu-field__unit-trailing[data-v-34ee4e9a]:not(:last-child),
        html[dark] .blu-search-bar__unit-leading[data-v-34ee4e9a]:not(:last-child),
        html[dark] .blu-search-bar__unit-trailing[data-v-34ee4e9a]:not(:last-child) {
            margin-right: var(--blu-field-container-spacing-gap)
        }

        html[dark] .blu-field__unit-leading[data-v-34ee4e9a],
        html[dark] .blu-search-bar__unit-leading[data-v-34ee4e9a] {
            justify-content: center
        }

        html[dark] .blu-field__unit-trailing[data-v-34ee4e9a],
        html[dark] .blu-search-bar__unit-trailing[data-v-34ee4e9a] {
            justify-content: flex-end
        }

        html[dark] .blu-field__clearable-btn[data-v-34ee4e9a]:focus,
        html[dark] .blu-field__item-trailing[data-v-34ee4e9a] svg:focus,
        html[dark] .blu-search-bar__clearable-btn[data-v-34ee4e9a]:focus,
        html[dark] .blu-search-bar__item-trailing[data-v-34ee4e9a] svg:focus {
            outline: none
        }

        html[dark] .blu-field__clearable-btn[data-v-34ee4e9a]:focus-visible,
        html[dark] .blu-field__item-trailing[data-v-34ee4e9a] svg:focus-visible,
        html[dark] .blu-search-bar__clearable-btn[data-v-34ee4e9a]:focus-visible,
        html[dark] .blu-search-bar__item-trailing[data-v-34ee4e9a] svg:focus-visible {
            outline: 2px solid #f9f9fa
        }

        html[dark] .blu-field__clearable-btn[data-v-34ee4e9a],
        html[dark] .blu-search-bar__clearable-btn[data-v-34ee4e9a] {
            visibility: hidden
        }

        html[dark] .blu-field__item-trailing[data-v-34ee4e9a],
        html[dark] .blu-search-bar__item-trailing[data-v-34ee4e9a] {
            cursor: pointer
        }

        html[dark] .blu-field__cta-button[data-v-34ee4e9a],
        html[dark] .blu-search-bar__cta-button[data-v-34ee4e9a] {
            color: var(--blu-field-primary-cta-color-text);
            font: 600 14px/18px Blibli, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif;
            cursor: pointer
        }

        html[dark] .blu-field__cta-button[data-v-34ee4e9a]:focus,
        html[dark] .blu-search-bar__cta-button[data-v-34ee4e9a]:focus {
            outline: none
        }

        html[dark] .blu-field__cta-button[data-v-34ee4e9a]:focus-visible,
        html[dark] .blu-search-bar__cta-button[data-v-34ee4e9a]:focus-visible {
            outline: 2px solid #f9f9fa
        }

        html[dark] .blu-field.b-secondary[data-v-34ee4e9a],
        html[dark] .blu-search-bar.b-secondary[data-v-34ee4e9a] {
            --blu-field-primary-container-color-background: #12171d;
            --blu-field-container-color-border: #60686e;
            --blu-field-action-color-background: #12171d
        }

        html[dark] .blu-field.b-focused[data-v-34ee4e9a]:not(.b-error):not(.b-success),
        html[dark] .blu-search-bar.b-focused[data-v-34ee4e9a]:not(.b-error):not(.b-success) {
            --blu-field-container-color-border: #4fa4ff
        }

        html[dark] .blu-field.b-disabled .blu-field__container[data-v-34ee4e9a],
        html[dark] .blu-field.b-disabled .blu-search-bar__container[data-v-34ee4e9a],
        html[dark] .blu-search-bar.b-disabled .blu-field__container[data-v-34ee4e9a],
        html[dark] .blu-search-bar.b-disabled .blu-search-bar__container[data-v-34ee4e9a] {
            cursor: not-allowed;
            --blu-field-primary-container-color-background: #3b444c
        }

        html[dark] .blu-field.b-disabled .blu-field__container label[data-v-34ee4e9a],
        html[dark] .blu-field.b-disabled .blu-search-bar__container label[data-v-34ee4e9a],
        html[dark] .blu-search-bar.b-disabled .blu-field__container label[data-v-34ee4e9a],
        html[dark] .blu-search-bar.b-disabled .blu-search-bar__container label[data-v-34ee4e9a] {
            --blu-field-label-color-text: rgba(255, 255, 255, .5019607843)
        }

        html[dark] .blu-field.b-disabled .blu-field__container .blu-field__placeholder[data-v-34ee4e9a],
        html[dark] .blu-field.b-disabled .blu-search-bar__container .blu-field__placeholder[data-v-34ee4e9a],
        html[dark] .blu-search-bar.b-disabled .blu-field__container .blu-field__placeholder[data-v-34ee4e9a],
        html[dark] .blu-search-bar.b-disabled .blu-search-bar__container .blu-field__placeholder[data-v-34ee4e9a],
        html[dark] .blu-field.b-disabled .blu-field__container .blu-search-bar__placeholder[data-v-34ee4e9a],
        html[dark] .blu-field.b-disabled .blu-search-bar__container .blu-search-bar__placeholder[data-v-34ee4e9a],
        html[dark] .blu-search-bar.b-disabled .blu-field__container .blu-search-bar__placeholder[data-v-34ee4e9a],
        html[dark] .blu-search-bar.b-disabled .blu-search-bar__container .blu-search-bar__placeholder[data-v-34ee4e9a] {
            --blu-field-placeholder-color-text: rgba(255, 255, 255, .5019607843)
        }

        html[dark] .blu-field.b-disabled .blu-field__item-leading[data-v-34ee4e9a],
        html[dark] .blu-field.b-disabled .blu-field__item-trailing[data-v-34ee4e9a],
        html[dark] .blu-field.b-disabled .blu-field__action *[data-v-34ee4e9a],
        html[dark] .blu-field.b-disabled .blu-search-bar__item-leading[data-v-34ee4e9a],
        html[dark] .blu-field.b-disabled .blu-search-bar__item-trailing[data-v-34ee4e9a],
        html[dark] .blu-field.b-disabled .blu-search-bar__action *[data-v-34ee4e9a],
        html[dark] .blu-search-bar.b-disabled .blu-field__item-leading[data-v-34ee4e9a],
        html[dark] .blu-search-bar.b-disabled .blu-field__item-trailing[data-v-34ee4e9a],
        html[dark] .blu-search-bar.b-disabled .blu-field__action *[data-v-34ee4e9a],
        html[dark] .blu-search-bar.b-disabled .blu-search-bar__item-leading[data-v-34ee4e9a],
        html[dark] .blu-search-bar.b-disabled .blu-search-bar__item-trailing[data-v-34ee4e9a],
        html[dark] .blu-search-bar.b-disabled .blu-search-bar__action *[data-v-34ee4e9a] {
            --blu-field-icon-color: rgba(255, 255, 255, .3019607843)
        }

        html[dark] .blu-field.b-disabled .blu-field__item-trailing[data-v-34ee4e9a],
        html[dark] .blu-field.b-disabled .blu-field__cta-button[data-v-34ee4e9a],
        html[dark] .blu-field.b-disabled .blu-search-bar__item-trailing[data-v-34ee4e9a],
        html[dark] .blu-field.b-disabled .blu-search-bar__cta-button[data-v-34ee4e9a],
        html[dark] .blu-search-bar.b-disabled .blu-field__item-trailing[data-v-34ee4e9a],
        html[dark] .blu-search-bar.b-disabled .blu-field__cta-button[data-v-34ee4e9a],
        html[dark] .blu-search-bar.b-disabled .blu-search-bar__item-trailing[data-v-34ee4e9a],
        html[dark] .blu-search-bar.b-disabled .blu-search-bar__cta-button[data-v-34ee4e9a] {
            pointer-events: none
        }

        html[dark] .blu-field.b-disabled .blu-field__cta-button[data-v-34ee4e9a],
        html[dark] .blu-field.b-disabled .blu-search-bar__cta-button[data-v-34ee4e9a],
        html[dark] .blu-search-bar.b-disabled .blu-field__cta-button[data-v-34ee4e9a],
        html[dark] .blu-search-bar.b-disabled .blu-search-bar__cta-button[data-v-34ee4e9a] {
            --blu-field-primary-cta-color-text: rgba(255, 255, 255, .5019607843)
        }

        html[dark] .blu-field.b-small[data-v-34ee4e9a],
        html[dark] .blu-search-bar.b-small[data-v-34ee4e9a] {
            --blu-field-container-size-height: 36px;
            --blu-field-container-border-radius: 8px;
            --blu-field-container-spacing-padding: 0 8px;
            --blu-field-container-spacing-gap: 4px;
            --blu-field-icon-size: 18px
        }

        html[dark] .blu-field.has-max-length[data-v-34ee4e9a] {
            animation: shake-34ee4e9a .82s cubic-bezier(.36, .07, .19, .97) both;
            transform: translateZ(0);
            backface-visibility: hidden;
            perspective: 1000px
        }

        html[dark] .blu-field__helper[data-v-34ee4e9a] {
            display: flex;
            color: var(--blu-field-helper-color-text)
        }

        html[dark] .blu-field__helper[data-v-34ee4e9a] .blu-field__counter {
            margin-left: auto
        }

        html[dark] .blu-field__helper[data-v-34ee4e9a] :not(:empty) {
            margin-top: 4px
        }

        html[dark] .blu-field__helper.b-success[data-v-34ee4e9a] {
            --blu-field-helper-color-text: #02c82b
        }

        html[dark] .blu-field__helper.b-error[data-v-34ee4e9a] {
            --blu-field-helper-color-text: #ff7373
        }

        html[dark] .blu-field__warning-btn[data-v-34ee4e9a] {
            --blu-field-icon-color: #ff7373
        }

        html[dark] .blu-field__success-btn[data-v-34ee4e9a] {
            --blu-field-icon-color: #02c82b
        }

        html[dark] .blu-field.b-error[data-v-34ee4e9a] {
            --blu-field-container-color-border: #ff7373;
            --blu-field-helper-color-text: rgba(255, 255, 255, .5019607843)
        }

        html[dark] .blu-field.b-error.b-focused label[data-v-34ee4e9a],
        html[dark] .blu-field.b-error.has-value label[data-v-34ee4e9a] {
            --blu-field-label-color-text: #ff7373
        }

        html[dark] .blu-field.b-success[data-v-34ee4e9a] {
            --blu-field-container-color-border: #02c82b;
            --blu-field-helper-color-text: rgba(255, 255, 255, .5019607843)
        }

        html[dark] .blu-field.b-success.b-focused label[data-v-34ee4e9a],
        html[dark] .blu-field.b-success.has-value label[data-v-34ee4e9a] {
            --blu-field-label-color-text: #02c82b
        }

        @keyframes shake-34ee4e9a {

            10%,
            90% {
                transform: translate3d(-1px, 0, 0)
            }

            20%,
            80% {
                transform: translate3d(2px, 0, 0)
            }

            30%,
            50%,
            70% {
                transform: translate3d(-4px, 0, 0)
            }

            40%,
            60% {
                transform: translate3d(4px, 0, 0)
            }
        }

        html[dark] :not(.b-disabled) .blu-dropdown-trigger .blu-field__container[data-v-34ee4e9a],
        html[dark] :not(.b-disabled) .blu-dropdown-trigger label[data-v-34ee4e9a] {
            cursor: pointer
        }

        html[dark] [class*=b-is-text-area] .blu-field__container[data-v-34ee4e9a] {
            height: 100%;
            align-items: flex-start;
            box-sizing: border-box;
            padding: 8px 2px 2px 12px
        }

        html[dark] [class*=b-is-text-area] .blu-field__wrapper[data-v-34ee4e9a] {
            height: inherit
        }

        html[dark] [class*=b-is-text-area] .blu-field__content[data-v-34ee4e9a] {
            height: 100%;
            margin-right: 0
        }

        html[dark] [class*=b-is-text-area] .blu-field__label-container label[data-v-34ee4e9a] {
            margin-bottom: 0;
            height: 18px
        }

        html[dark] [class*=b-is-text-area] .blu-field__action[data-v-34ee4e9a] {
            position: absolute;
            right: 8px;
            background: var(--blu-field-action-color-background);
            border-radius: 24px
        }

        html[dark] [class*=b-is-text-area] .blu-field__action *[data-v-34ee4e9a]:not(:last-child) {
            margin-right: var(--blu-field-container-spacing-gap)
        }

        html[dark] [class*=b-is-text-area].b-secondary[data-v-34ee4e9a] {
            --blu-field-action-color-background: #12171d
        }

        html[dark] [class*=b-is-text-area].b-disabled[data-v-34ee4e9a] {
            --blu-field-action-color-background: #3b444c
        }

        html[dark] [class*=b-is-text-area] .b-fit-content[data-v-34ee4e9a] {
            width: min-content;
            height: fit-content
        }

        html[dark] [class*=b-is-text-area] .b-fit-content .blu-field__container[data-v-34ee4e9a] {
            width: min-content
        }

        input[type=email][data-v-25ef2230],
        input[type=number][data-v-25ef2230],
        input[type=search][data-v-25ef2230],
        input[type=text][data-v-25ef2230],
        input[type=tel][data-v-25ef2230],
        input[type=url][data-v-25ef2230],
        input[type=password][data-v-25ef2230],
        input[type=time][data-v-25ef2230] {
            box-shadow: none;
            -moz-appearance: none;
            -webkit-appearance: none;
            border: none;
            background-color: transparent;
            outline: 0;
            padding: 0;
            font: var(--blu-field-input-text)
        }

        input[type=search][data-v-25ef2230]::-ms-reveal,
        input[type=search][data-v-25ef2230]::-ms-clear,
        input[type=text][data-v-25ef2230]::-ms-clear {
            display: none;
            width: 0;
            height: 0
        }

        input[type=search][data-v-25ef2230]::-webkit-search-decoration,
        input[type=search][data-v-25ef2230]::-webkit-search-cancel-button,
        input[type=search][data-v-25ef2230]::-webkit-search-results-button,
        input[type=search][data-v-25ef2230]::-webkit-search-results-decoration {
            display: none
        }

        input[type=number][data-v-25ef2230] {
            -moz-appearance: textfield
        }

        input[type=number][data-v-25ef2230]::-webkit-inner-spin-button {
            -webkit-appearance: none;
            margin: 0
        }

        input[data-v-25ef2230]:-webkit-autofill,
        input[data-v-25ef2230]:-webkit-autofill :hover,
        input[data-v-25ef2230]:-webkit-autofill :focus {
            -webkit-background-clip: text
        }

        input[data-v-25ef2230]::-ms-reveal {
            display: none
        }

        input[type=time][data-v-25ef2230]::-webkit-calendar-picker-indicator {
            display: none
        }

        .blu-field:not(.has-value) input[data-v-25ef2230]:-webkit-autofill {
            -webkit-text-fill-color: transparent
        }

        html:not([dark]) .blu-field input[data-v-25ef2230],
        html:not([dark]) .blu-search-bar input[data-v-25ef2230] {
            --blu-field-input-text: 500 16px/20px Blibli, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif;
            --blu-field-primary-input-color-text: #19222a;
            --blu-field-cursor: pointer;
            color: var(--blu-field-primary-input-color-text)
        }

        html:not([dark]) .blu-field input[data-v-25ef2230]:read-only,
        html:not([dark]) .blu-search-bar input[data-v-25ef2230]:read-only {
            cursor: var(--blu-field-cursor)
        }

        html:not([dark]) .blu-field .blu-text-field[data-v-25ef2230],
        html:not([dark]) .blu-search-bar .blu-text-field[data-v-25ef2230] {
            width: 114.28%;
            transform: scale(.875);
            transform-origin: left center;
            margin-right: -14.28%
        }

        html:not([dark]) .blu-field.b-disabled input[data-v-25ef2230],
        html:not([dark]) .blu-search-bar.b-disabled input[data-v-25ef2230] {
            --blu-field-primary-input-color-text: rgba(25, 34, 42, .4);
            --blu-field-cursor: not-allowed
        }

        html[dark] .blu-field input[data-v-25ef2230],
        html[dark] .blu-search-bar input[data-v-25ef2230] {
            --blu-field-input-text: 500 16px/20px Blibli, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif;
            --blu-field-primary-input-color-text: #ffffff;
            --blu-field-cursor: pointer;
            color: var(--blu-field-primary-input-color-text)
        }

        html[dark] .blu-field input[data-v-25ef2230]:read-only,
        html[dark] .blu-search-bar input[data-v-25ef2230]:read-only {
            cursor: var(--blu-field-cursor)
        }

        html[dark] .blu-field .blu-text-field[data-v-25ef2230],
        html[dark] .blu-search-bar .blu-text-field[data-v-25ef2230] {
            width: 114.28%;
            transform: scale(.875);
            transform-origin: left center;
            margin-right: -14.28%
        }

        html[dark] .blu-field.b-disabled input[data-v-25ef2230],
        html[dark] .blu-search-bar.b-disabled input[data-v-25ef2230] {
            --blu-field-primary-input-color-text: rgba(255, 255, 255, .5019607843);
            --blu-field-cursor: not-allowed
        }

        html:not([dark]) .blu-dropdown-trigger .blu-dropdown-field[data-v-3af3aa98] {
            width: 100%
        }

        html:not([dark]) .blu-dropdown-trigger .blu-dropdown-field__chevron[data-v-3af3aa98] {
            transition: transform .4s ease-in-out;
            pointer-events: none
        }

        html:not([dark]) .blu-dropdown.b-active .blu-dropdown-field__chevron[data-v-3af3aa98] {
            transform: rotate(-180deg)
        }

        html[dark] .blu-dropdown-trigger .blu-dropdown-field[data-v-3af3aa98] {
            width: 100%
        }

        html[dark] .blu-dropdown-trigger .blu-dropdown-field__chevron[data-v-3af3aa98] {
            transition: transform .4s ease-in-out;
            pointer-events: none
        }

        html[dark] .blu-dropdown.b-active .blu-dropdown-field__chevron[data-v-3af3aa98] {
            transform: rotate(-180deg)
        }
    </style>
    <style>
        html:not([dark]) .blu-checkbox[data-v-03e81a59] {
            --blu-checkbox-spacing-padding: 4px 0;
            --blu-checkbox-icon-size: 22px;
            --blu-checkbox-icon-border-radius: 4px;
            --blu-checkbox-icon-padding: 2px;
            --blu-checkbox-container-border-radius: 4px;
            --blu-checkbox-container-border-width: 1px;
            --blu-checkbox-content-spacing-padding: 2px 0;
            --blu-checkbox-label-text: 500 14px/18px Blibli, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif;
            --blu-checkbox-container-color-border: #c8cbcd;
            --blu-checkbox-label-color-text: rgba(25, 34, 42, .7019607843);
            --blu-checkbox-cursor: pointer;
            --blu-checkbox-asset-color-border: #ffffff;
            display: inline-flex;
            position: relative;
            padding: var(--blu-checkbox-spacing-padding);
            outline: none
        }

        html:not([dark]) .blu-checkbox[data-v-03e81a59],
        html:not([dark]) .blu-checkbox *[data-v-03e81a59] {
            cursor: var(--blu-checkbox-cursor)
        }

        html:not([dark]) .blu-checkbox>*[data-v-03e81a59]:not(:last-child) {
            margin-right: 4px
        }

        html:not([dark]) .blu-checkbox input[type=checkbox][data-v-03e81a59] {
            display: none
        }

        html:not([dark]) .blu-checkbox__icon[data-v-03e81a59] {
            box-sizing: border-box;
            width: var(--blu-checkbox-icon-size);
            height: var(--blu-checkbox-icon-size);
            border-radius: var(--blu-checkbox-icon-border-radius);
            padding: var(--blu-checkbox-icon-padding);
            background: var(--blu-checkbox-icon-color-background);
            box-shadow: inset 0 0 0 var(--blu-checkbox-icon-border-width);
            color: var(--blu-checkbox-icon-color-border);
            flex-shrink: 0
        }

        html:not([dark]) .blu-checkbox__container[data-v-03e81a59] {
            display: flex;
            align-items: center;
            justify-content: center;
            width: 100%;
            height: 100%;
            border-radius: var(--blu-checkbox-container-border-radius);
            box-shadow: inset 0 0 0 var(--blu-checkbox-container-border-width);
            color: var(--blu-checkbox-container-color-border);
            background: var(--blu-checkbox-container-color-background)
        }

        html:not([dark]) .blu-checkbox__container .blu-checkbox__container-asset[data-v-03e81a59] {
            transform: rotate(-45deg) translateY(-4px) translate(-3px)
        }

        html:not([dark]) .blu-checkbox__container .blu-checkbox__container-asset[data-v-03e81a59]:before,
        html:not([dark]) .blu-checkbox__container .blu-checkbox__container-asset[data-v-03e81a59]:after {
            position: absolute;
            content: "";
            opacity: 0;
            border-radius: 4px
        }

        html:not([dark]) .blu-checkbox__container .blu-checkbox__container-asset[data-v-03e81a59]:before {
            height: 0
        }

        html:not([dark]) .blu-checkbox__container .blu-checkbox__container-asset[data-v-03e81a59]:before {
            width: 2px
        }

        html:not([dark]) .blu-checkbox__container .blu-checkbox__container-asset[data-v-03e81a59]:after {
            width: 0;
            height: 2px;
            transform: translateY(4px)
        }

        html:not([dark]) .blu-checkbox__content[data-v-03e81a59] {
            display: flex;
            flex-direction: column;
            padding: var(--blu-checkbox-content-spacing-padding);
            font: var(--blu-checkbox-label-text);
            color: var(--blu-checkbox-label-color-text)
        }

        html:not([dark]) .blu-checkbox__content>*[data-v-03e81a59]:not(:last-child) {
            margin-bottom: 4px
        }

        html:not([dark]) .blu-checkbox[data-v-03e81a59]:not(.b-disabled):hover {
            --blu-checkbox-icon-color-background: #f9f9fa
        }

        html:not([dark]) .blu-checkbox:not(.b-disabled):hover input[type=checkbox]:checked~.blu-checkbox__icon[data-v-03e81a59],
        html:not([dark]) .blu-checkbox:not(.b-disabled):hover input[type=checkbox]:indeterminate~.blu-checkbox__icon[data-v-03e81a59] {
            --blu-checkbox-icon-color-background: #f3f9ff
        }

        html:not([dark]) .blu-checkbox.b-error>input[type=checkbox]:not(:checked):not(:indeterminate)~.blu-checkbox__icon[data-v-03e81a59] {
            --blu-checkbox-container-color-border: #ff4646
        }

        html:not([dark]) .blu-checkbox.b-error>input[type=checkbox]:not(:checked):not(:indeterminate)~.blu-checkbox__content[data-v-03e81a59] {
            --blu-checkbox-label-color-text: #d33534
        }

        html:not([dark]) .blu-checkbox input[type=checkbox]:checked~.blu-checkbox__icon[data-v-03e81a59] {
            --blu-checkbox-container-color-background: #1d8fff;
            --blu-checkbox-container-color-border: #1d8fff
        }

        html:not([dark]) .blu-checkbox input[type=checkbox]:checked~.blu-checkbox__icon .blu-checkbox__container[data-v-03e81a59] {
            animation: bounce-03e81a59 .3s ease-out
        }

        html:not([dark]) .blu-checkbox input[type=checkbox]:checked~.blu-checkbox__icon .blu-checkbox__container-asset[data-v-03e81a59] {
            visibility: visible
        }

        html:not([dark]) .blu-checkbox input[type=checkbox]:checked~.blu-checkbox__icon .blu-checkbox__container-asset[data-v-03e81a59]:before,
        html:not([dark]) .blu-checkbox input[type=checkbox]:checked~.blu-checkbox__icon .blu-checkbox__container-asset[data-v-03e81a59]:after {
            background: var(--blu-checkbox-asset-color-border);
            opacity: 1;
            transition: all .1s .1s
        }

        html:not([dark]) .blu-checkbox input[type=checkbox]:checked~.blu-checkbox__icon .blu-checkbox__container-asset[data-v-03e81a59]:before {
            height: 6px
        }

        html:not([dark]) .blu-checkbox input[type=checkbox]:checked~.blu-checkbox__icon .blu-checkbox__container-asset[data-v-03e81a59]:after {
            width: 8px
        }

        html:not([dark]) .blu-checkbox[data-v-03e81a59]:not(.b-disabled):focus-visible {
            --blu-checkbox-icon-color-background: #f9f9fa;
            --blu-checkbox-icon-color-border: #19222a
        }

        html:not([dark]) .blu-checkbox[data-v-03e81a59]:not(.b-disabled):focus-visible:not(.b-small) {
            --blu-checkbox-icon-border-width: 2px
        }

        html:not([dark]) .blu-checkbox:not(.b-disabled):focus-visible input[type=checkbox]:checked~.blu-checkbox__icon[data-v-03e81a59],
        html:not([dark]) .blu-checkbox:not(.b-disabled):focus-visible input[type=checkbox]:indeterminate~.blu-checkbox__icon[data-v-03e81a59] {
            --blu-checkbox-icon-color-background: #f3f9ff
        }

        html:not([dark]) .blu-checkbox.b-disabled[data-v-03e81a59] {
            --blu-checkbox-cursor: not-allowed;
            --blu-checkbox-container-color-border: #f1f2f2;
            --blu-checkbox-label-color-text: rgba(25, 34, 42, .3019607843);
            --blu-checkbox-asset-color-border: #ffffff;
            --blu-checkbox-container-color-background: #f9f9fa;
            user-select: auto
        }

        html:not([dark]) .blu-checkbox.b-disabled input[type=checkbox]:checked~.blu-checkbox__icon[data-v-03e81a59],
        html:not([dark]) .blu-checkbox.b-disabled input[type=checkbox]:indeterminate~.blu-checkbox__icon[data-v-03e81a59] {
            --blu-checkbox-container-color-border: transparent;
            --blu-checkbox-container-color-background: rgba(25, 34, 42, .3019607843)
        }

        html:not([dark]) .blu-checkbox.b-small[data-v-03e81a59] {
            --blu-checkbox-icon-size: 18px;
            --blu-checkbox-icon-padding: 2px;
            --blu-checkbox-icon-border-radius: 4px;
            --blu-checkbox-container-border-radius: 4px;
            --blu-checkbox-container-border-width: 1px;
            --blu-checkbox-content-spacing-padding: 0;
            --blu-checkbox-label-text: 500 14px/18px Blibli, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif;
            --blu-checkbox-spacing-padding: 3px 0
        }

        html:not([dark]) .blu-checkbox.b-small[data-v-03e81a59]:focus-visible {
            --blu-checkbox-icon-border-width: 2px
        }

        html:not([dark]) .blu-checkbox.b-small .blu-checkbox__container-asset[data-v-03e81a59] {
            transform: rotate(-49deg) translateY(-4px) translate(-2px)
        }

        html:not([dark]) .blu-checkbox.b-small .blu-checkbox__container-asset[data-v-03e81a59]:before,
        html:not([dark]) .blu-checkbox.b-small .blu-checkbox__container-asset[data-v-03e81a59]:after {
            position: absolute;
            content: "";
            opacity: 0;
            border-radius: 4px
        }

        html:not([dark]) .blu-checkbox.b-small .blu-checkbox__container-asset[data-v-03e81a59]:before {
            height: 0
        }

        html:not([dark]) .blu-checkbox.b-small .blu-checkbox__container-asset[data-v-03e81a59]:before {
            top: 1px
        }

        html:not([dark]) .blu-checkbox.b-small input[type=checkbox]:checked~.blu-checkbox__icon .blu-checkbox__container[data-v-03e81a59] {
            animation: bounce-03e81a59 .3s ease-out
        }

        html:not([dark]) .blu-checkbox.b-small input[type=checkbox]:checked~.blu-checkbox__icon .blu-checkbox__container-asset[data-v-03e81a59] {
            visibility: visible
        }

        html:not([dark]) .blu-checkbox.b-small input[type=checkbox]:checked~.blu-checkbox__icon .blu-checkbox__container-asset[data-v-03e81a59]:before,
        html:not([dark]) .blu-checkbox.b-small input[type=checkbox]:checked~.blu-checkbox__icon .blu-checkbox__container-asset[data-v-03e81a59]:after {
            background: var(--blu-checkbox-asset-color-border);
            opacity: 1;
            transition: all .1s .1s
        }

        html:not([dark]) .blu-checkbox.b-small input[type=checkbox]:checked~.blu-checkbox__icon .blu-checkbox__container-asset[data-v-03e81a59]:before {
            height: 4px
        }

        html:not([dark]) .blu-checkbox.b-small input[type=checkbox]:checked~.blu-checkbox__icon .blu-checkbox__container-asset[data-v-03e81a59]:after {
            width: 6px
        }

        html:not([dark]) .blu-checkbox.b-small.b-partial .blu-checkbox__container-asset[data-v-03e81a59] {
            transform: rotate(90deg) translateY(-5px) translate(-1px)
        }

        html:not([dark]) .blu-checkbox.b-small.b-partial .blu-checkbox__container-asset[data-v-03e81a59]:before,
        html:not([dark]) .blu-checkbox.b-small.b-partial .blu-checkbox__container-asset[data-v-03e81a59]:after {
            position: absolute;
            content: "";
            opacity: 0;
            border-radius: 4px
        }

        html:not([dark]) .blu-checkbox.b-small.b-partial .blu-checkbox__container-asset[data-v-03e81a59]:before {
            height: 0
        }

        html:not([dark]) .blu-checkbox.b-partial[data-v-03e81a59] {
            --blu-checkbox-container-color-background: #1d8fff;
            --blu-checkbox-container-color-border: #1d8fff
        }

        html:not([dark]) .blu-checkbox.b-partial .blu-checkbox__container-asset[data-v-03e81a59] {
            transform: rotate(90deg) translateY(-4px) translate(-1px)
        }

        html:not([dark]) .blu-checkbox.b-partial .blu-checkbox__container-asset[data-v-03e81a59]:before,
        html:not([dark]) .blu-checkbox.b-partial .blu-checkbox__container-asset[data-v-03e81a59]:after {
            position: absolute;
            content: "";
            opacity: 0;
            border-radius: 4px
        }

        html:not([dark]) .blu-checkbox.b-partial .blu-checkbox__container-asset[data-v-03e81a59]:before {
            height: 0
        }

        html:not([dark]) .blu-checkbox.b-partial .blu-checkbox__container-asset[data-v-03e81a59]:before {
            width: 2px
        }

        html:not([dark]) .blu-checkbox.b-partial .blu-checkbox__container-asset[data-v-03e81a59]:after {
            display: none
        }

        html:not([dark]) .blu-checkbox.b-partial input[type=checkbox]:indeterminate+.blu-checkbox__icon .blu-checkbox__container[data-v-03e81a59] {
            animation: bounce-03e81a59 .3s ease-out
        }

        html:not([dark]) .blu-checkbox.b-partial input[type=checkbox]:indeterminate+.blu-checkbox__icon .blu-checkbox__container-asset[data-v-03e81a59] {
            visibility: visible
        }

        html:not([dark]) .blu-checkbox.b-partial input[type=checkbox]:indeterminate+.blu-checkbox__icon .blu-checkbox__container-asset[data-v-03e81a59]:before,
        html:not([dark]) .blu-checkbox.b-partial input[type=checkbox]:indeterminate+.blu-checkbox__icon .blu-checkbox__container-asset[data-v-03e81a59]:after {
            background: var(--blu-checkbox-asset-color-border);
            opacity: 1;
            transition: all .1s .1s
        }

        html:not([dark]) .blu-checkbox.b-partial input[type=checkbox]:indeterminate+.blu-checkbox__icon .blu-checkbox__container-asset[data-v-03e81a59]:before {
            height: 8px
        }

        @keyframes bounce-03e81a59 {
            25% {
                transform: scale(.9)
            }

            50% {
                transform: scale(1.1)
            }
        }

        html[dark] .blu-checkbox[data-v-03e81a59] {
            --blu-checkbox-spacing-padding: 4px 0;
            --blu-checkbox-icon-size: 22px;
            --blu-checkbox-icon-border-radius: 4px;
            --blu-checkbox-icon-padding: 2px;
            --blu-checkbox-container-border-radius: 4px;
            --blu-checkbox-container-border-width: 1px;
            --blu-checkbox-content-spacing-padding: 2px 0;
            --blu-checkbox-label-text: 500 14px/18px Blibli, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif;
            --blu-checkbox-container-color-border: #60686e;
            --blu-checkbox-label-color-text: rgba(255, 255, 255, .8);
            --blu-checkbox-cursor: pointer;
            --blu-checkbox-asset-color-border: #ffffff;
            display: inline-flex;
            position: relative;
            padding: var(--blu-checkbox-spacing-padding);
            outline: none
        }

        html[dark] .blu-checkbox[data-v-03e81a59],
        html[dark] .blu-checkbox *[data-v-03e81a59] {
            cursor: var(--blu-checkbox-cursor)
        }

        html[dark] .blu-checkbox>*[data-v-03e81a59]:not(:last-child) {
            margin-right: 4px
        }

        html[dark] .blu-checkbox input[type=checkbox][data-v-03e81a59] {
            display: none
        }

        html[dark] .blu-checkbox__icon[data-v-03e81a59] {
            box-sizing: border-box;
            width: var(--blu-checkbox-icon-size);
            height: var(--blu-checkbox-icon-size);
            border-radius: var(--blu-checkbox-icon-border-radius);
            padding: var(--blu-checkbox-icon-padding);
            background: var(--blu-checkbox-icon-color-background);
            box-shadow: inset 0 0 0 var(--blu-checkbox-icon-border-width);
            color: var(--blu-checkbox-icon-color-border);
            flex-shrink: 0
        }

        html[dark] .blu-checkbox__container[data-v-03e81a59] {
            display: flex;
            align-items: center;
            justify-content: center;
            width: 100%;
            height: 100%;
            border-radius: var(--blu-checkbox-container-border-radius);
            box-shadow: inset 0 0 0 var(--blu-checkbox-container-border-width);
            color: var(--blu-checkbox-container-color-border);
            background: var(--blu-checkbox-container-color-background)
        }

        html[dark] .blu-checkbox__container .blu-checkbox__container-asset[data-v-03e81a59] {
            transform: rotate(-45deg) translateY(-4px) translate(-3px)
        }

        html[dark] .blu-checkbox__container .blu-checkbox__container-asset[data-v-03e81a59]:before,
        html[dark] .blu-checkbox__container .blu-checkbox__container-asset[data-v-03e81a59]:after {
            position: absolute;
            content: "";
            opacity: 0;
            border-radius: 4px
        }

        html[dark] .blu-checkbox__container .blu-checkbox__container-asset[data-v-03e81a59]:before {
            height: 0
        }

        html[dark] .blu-checkbox__container .blu-checkbox__container-asset[data-v-03e81a59]:before {
            width: 2px
        }

        html[dark] .blu-checkbox__container .blu-checkbox__container-asset[data-v-03e81a59]:after {
            width: 0;
            height: 2px;
            transform: translateY(4px)
        }

        html[dark] .blu-checkbox__content[data-v-03e81a59] {
            display: flex;
            flex-direction: column;
            padding: var(--blu-checkbox-content-spacing-padding);
            font: var(--blu-checkbox-label-text);
            color: var(--blu-checkbox-label-color-text)
        }

        html[dark] .blu-checkbox__content>*[data-v-03e81a59]:not(:last-child) {
            margin-bottom: 4px
        }

        html[dark] .blu-checkbox[data-v-03e81a59]:not(.b-disabled):hover {
            --blu-checkbox-icon-color-background: #19222a
        }

        html[dark] .blu-checkbox:not(.b-disabled):hover input[type=checkbox]:checked~.blu-checkbox__icon[data-v-03e81a59],
        html[dark] .blu-checkbox:not(.b-disabled):hover input[type=checkbox]:indeterminate~.blu-checkbox__icon[data-v-03e81a59] {
            --blu-checkbox-icon-color-background: #002e7a
        }

        html[dark] .blu-checkbox.b-error>input[type=checkbox]:not(:checked):not(:indeterminate)~.blu-checkbox__icon[data-v-03e81a59] {
            --blu-checkbox-container-color-border: #ff7373
        }

        html[dark] .blu-checkbox.b-error>input[type=checkbox]:not(:checked):not(:indeterminate)~.blu-checkbox__content[data-v-03e81a59] {
            --blu-checkbox-label-color-text: #ff7373
        }

        html[dark] .blu-checkbox input[type=checkbox]:checked~.blu-checkbox__icon[data-v-03e81a59] {
            --blu-checkbox-container-color-background: #1d8fff;
            --blu-checkbox-container-color-border: #1d8fff
        }

        html[dark] .blu-checkbox input[type=checkbox]:checked~.blu-checkbox__icon .blu-checkbox__container[data-v-03e81a59] {
            animation: bounce-03e81a59 .3s ease-out
        }

        html[dark] .blu-checkbox input[type=checkbox]:checked~.blu-checkbox__icon .blu-checkbox__container-asset[data-v-03e81a59] {
            visibility: visible
        }

        html[dark] .blu-checkbox input[type=checkbox]:checked~.blu-checkbox__icon .blu-checkbox__container-asset[data-v-03e81a59]:before,
        html[dark] .blu-checkbox input[type=checkbox]:checked~.blu-checkbox__icon .blu-checkbox__container-asset[data-v-03e81a59]:after {
            background: var(--blu-checkbox-asset-color-border);
            opacity: 1;
            transition: all .1s .1s
        }

        html[dark] .blu-checkbox input[type=checkbox]:checked~.blu-checkbox__icon .blu-checkbox__container-asset[data-v-03e81a59]:before {
            height: 6px
        }

        html[dark] .blu-checkbox input[type=checkbox]:checked~.blu-checkbox__icon .blu-checkbox__container-asset[data-v-03e81a59]:after {
            width: 8px
        }

        html[dark] .blu-checkbox[data-v-03e81a59]:not(.b-disabled):focus-visible {
            --blu-checkbox-icon-color-background: #19222a;
            --blu-checkbox-icon-color-border: #f9f9fa
        }

        html[dark] .blu-checkbox[data-v-03e81a59]:not(.b-disabled):focus-visible:not(.b-small) {
            --blu-checkbox-icon-border-width: 2px
        }

        html[dark] .blu-checkbox:not(.b-disabled):focus-visible input[type=checkbox]:checked~.blu-checkbox__icon[data-v-03e81a59],
        html[dark] .blu-checkbox:not(.b-disabled):focus-visible input[type=checkbox]:indeterminate~.blu-checkbox__icon[data-v-03e81a59] {
            --blu-checkbox-icon-color-background: #002e7a
        }

        html[dark] .blu-checkbox.b-disabled[data-v-03e81a59] {
            --blu-checkbox-cursor: not-allowed;
            --blu-checkbox-container-color-border: #28323b;
            --blu-checkbox-label-color-text: rgba(255, 255, 255, .3019607843);
            --blu-checkbox-asset-color-border: #12171d;
            --blu-checkbox-container-color-background: #19222a;
            user-select: auto
        }

        html[dark] .blu-checkbox.b-disabled input[type=checkbox]:checked~.blu-checkbox__icon[data-v-03e81a59],
        html[dark] .blu-checkbox.b-disabled input[type=checkbox]:indeterminate~.blu-checkbox__icon[data-v-03e81a59] {
            --blu-checkbox-container-color-border: transparent;
            --blu-checkbox-container-color-background: rgba(255, 255, 255, .3019607843)
        }

        html[dark] .blu-checkbox.b-small[data-v-03e81a59] {
            --blu-checkbox-icon-size: 18px;
            --blu-checkbox-icon-padding: 2px;
            --blu-checkbox-icon-border-radius: 4px;
            --blu-checkbox-container-border-radius: 4px;
            --blu-checkbox-container-border-width: 1px;
            --blu-checkbox-content-spacing-padding: 0;
            --blu-checkbox-label-text: 500 14px/18px Blibli, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif;
            --blu-checkbox-spacing-padding: 3px 0
        }

        html[dark] .blu-checkbox.b-small[data-v-03e81a59]:focus-visible {
            --blu-checkbox-icon-border-width: 2px
        }

        html[dark] .blu-checkbox.b-small .blu-checkbox__container-asset[data-v-03e81a59] {
            transform: rotate(-49deg) translateY(-4px) translate(-2px)
        }

        html[dark] .blu-checkbox.b-small .blu-checkbox__container-asset[data-v-03e81a59]:before,
        html[dark] .blu-checkbox.b-small .blu-checkbox__container-asset[data-v-03e81a59]:after {
            position: absolute;
            content: "";
            opacity: 0;
            border-radius: 4px
        }

        html[dark] .blu-checkbox.b-small .blu-checkbox__container-asset[data-v-03e81a59]:before {
            height: 0
        }

        html[dark] .blu-checkbox.b-small .blu-checkbox__container-asset[data-v-03e81a59]:before {
            top: 1px
        }

        html[dark] .blu-checkbox.b-small input[type=checkbox]:checked~.blu-checkbox__icon .blu-checkbox__container[data-v-03e81a59] {
            animation: bounce-03e81a59 .3s ease-out
        }

        html[dark] .blu-checkbox.b-small input[type=checkbox]:checked~.blu-checkbox__icon .blu-checkbox__container-asset[data-v-03e81a59] {
            visibility: visible
        }

        html[dark] .blu-checkbox.b-small input[type=checkbox]:checked~.blu-checkbox__icon .blu-checkbox__container-asset[data-v-03e81a59]:before,
        html[dark] .blu-checkbox.b-small input[type=checkbox]:checked~.blu-checkbox__icon .blu-checkbox__container-asset[data-v-03e81a59]:after {
            background: var(--blu-checkbox-asset-color-border);
            opacity: 1;
            transition: all .1s .1s
        }

        html[dark] .blu-checkbox.b-small input[type=checkbox]:checked~.blu-checkbox__icon .blu-checkbox__container-asset[data-v-03e81a59]:before {
            height: 4px
        }

        html[dark] .blu-checkbox.b-small input[type=checkbox]:checked~.blu-checkbox__icon .blu-checkbox__container-asset[data-v-03e81a59]:after {
            width: 6px
        }

        html[dark] .blu-checkbox.b-small.b-partial .blu-checkbox__container-asset[data-v-03e81a59] {
            transform: rotate(90deg) translateY(-5px) translate(-1px)
        }

        html[dark] .blu-checkbox.b-small.b-partial .blu-checkbox__container-asset[data-v-03e81a59]:before,
        html[dark] .blu-checkbox.b-small.b-partial .blu-checkbox__container-asset[data-v-03e81a59]:after {
            position: absolute;
            content: "";
            opacity: 0;
            border-radius: 4px
        }

        html[dark] .blu-checkbox.b-small.b-partial .blu-checkbox__container-asset[data-v-03e81a59]:before {
            height: 0
        }

        html[dark] .blu-checkbox.b-partial[data-v-03e81a59] {
            --blu-checkbox-container-color-background: #1d8fff;
            --blu-checkbox-container-color-border: #1d8fff
        }

        html[dark] .blu-checkbox.b-partial .blu-checkbox__container-asset[data-v-03e81a59] {
            transform: rotate(90deg) translateY(-4px) translate(-1px)
        }

        html[dark] .blu-checkbox.b-partial .blu-checkbox__container-asset[data-v-03e81a59]:before,
        html[dark] .blu-checkbox.b-partial .blu-checkbox__container-asset[data-v-03e81a59]:after {
            position: absolute;
            content: "";
            opacity: 0;
            border-radius: 4px
        }

        html[dark] .blu-checkbox.b-partial .blu-checkbox__container-asset[data-v-03e81a59]:before {
            height: 0
        }

        html[dark] .blu-checkbox.b-partial .blu-checkbox__container-asset[data-v-03e81a59]:before {
            width: 2px
        }

        html[dark] .blu-checkbox.b-partial .blu-checkbox__container-asset[data-v-03e81a59]:after {
            display: none
        }

        html[dark] .blu-checkbox.b-partial input[type=checkbox]:indeterminate+.blu-checkbox__icon .blu-checkbox__container[data-v-03e81a59] {
            animation: bounce-03e81a59 .3s ease-out
        }

        html[dark] .blu-checkbox.b-partial input[type=checkbox]:indeterminate+.blu-checkbox__icon .blu-checkbox__container-asset[data-v-03e81a59] {
            visibility: visible
        }

        html[dark] .blu-checkbox.b-partial input[type=checkbox]:indeterminate+.blu-checkbox__icon .blu-checkbox__container-asset[data-v-03e81a59]:before,
        html[dark] .blu-checkbox.b-partial input[type=checkbox]:indeterminate+.blu-checkbox__icon .blu-checkbox__container-asset[data-v-03e81a59]:after {
            background: var(--blu-checkbox-asset-color-border);
            opacity: 1;
            transition: all .1s .1s
        }

        html[dark] .blu-checkbox.b-partial input[type=checkbox]:indeterminate+.blu-checkbox__icon .blu-checkbox__container-asset[data-v-03e81a59]:before {
            height: 8px
        }

        html:not([dark]) .blu-loader-general[data-v-5f0af726] {
            --blu-loader-general-highlight-color-background: #1d8fff;
            --blu-loader-general-base-color-background: #f1f2f2;
            width: var(--blu-loader-general-size);
            height: var(--blu-loader-general-size)
        }

        html:not([dark]) .blu-loader-general__asset[data-v-5f0af726] {
            animation: general-rotate-5f0af726 1.6s linear infinite;
            transform-origin: center center;
            transition: all .5s ease-in-out;
            width: 100%;
            height: 100%;
            margin: auto;
            transform: rotate(90deg)
        }

        html:not([dark]) .blu-loader-general__asset--highlight[data-v-5f0af726],
        html:not([dark]) .blu-loader-general__asset--base[data-v-5f0af726] {
            stroke-linecap: round
        }

        html:not([dark]) .blu-loader-general__asset--highlight[data-v-5f0af726] {
            stroke: var(--blu-loader-general-highlight-color-background);
            animation: general-highlight-5f0af726 1.6s linear infinite
        }

        html:not([dark]) .blu-loader-general__asset--base[data-v-5f0af726] {
            stroke: var(--blu-loader-general-base-color-background);
            animation: general-base-5f0af726 1.6s linear infinite
        }

        html:not([dark]) .blu-loader-general.b-inverted[data-v-5f0af726] {
            --blu-loader-general-highlight-color-background: #ffffff;
            --blu-loader-general-base-color-background: #c8cbcd
        }

        html:not([dark]) .blu-loader-general.b-size-s[data-v-5f0af726] {
            --blu-loader-general-size: 16px
        }

        html:not([dark]) .blu-loader-general.b-size-m[data-v-5f0af726] {
            --blu-loader-general-size: 18px
        }

        html:not([dark]) .blu-loader-general.b-size-l[data-v-5f0af726] {
            --blu-loader-general-size: 24px
        }

        html:not([dark]) .blu-loader-general.b-size-xl[data-v-5f0af726] {
            --blu-loader-general-size: 32px
        }

        html[dark] .blu-loader-general[data-v-5f0af726] {
            --blu-loader-general-highlight-color-background: #4fa4ff;
            --blu-loader-general-base-color-background: #28323b;
            width: var(--blu-loader-general-size);
            height: var(--blu-loader-general-size)
        }

        html[dark] .blu-loader-general__asset[data-v-5f0af726] {
            animation: general-rotate-5f0af726 1.6s linear infinite;
            transform-origin: center center;
            transition: all .5s ease-in-out;
            width: 100%;
            height: 100%;
            margin: auto;
            transform: rotate(90deg)
        }

        html[dark] .blu-loader-general__asset--highlight[data-v-5f0af726],
        html[dark] .blu-loader-general__asset--base[data-v-5f0af726] {
            stroke-linecap: round
        }

        html[dark] .blu-loader-general__asset--highlight[data-v-5f0af726] {
            stroke: var(--blu-loader-general-highlight-color-background);
            animation: general-highlight-5f0af726 1.6s linear infinite
        }

        html[dark] .blu-loader-general__asset--base[data-v-5f0af726] {
            stroke: var(--blu-loader-general-base-color-background);
            animation: general-base-5f0af726 1.6s linear infinite
        }

        html[dark] .blu-loader-general.b-inverted[data-v-5f0af726] {
            --blu-loader-general-highlight-color-background: #12171d;
            --blu-loader-general-base-color-background: #60686e
        }

        html[dark] .blu-loader-general.b-size-s[data-v-5f0af726] {
            --blu-loader-general-size: 16px
        }

        html[dark] .blu-loader-general.b-size-m[data-v-5f0af726] {
            --blu-loader-general-size: 18px
        }

        html[dark] .blu-loader-general.b-size-l[data-v-5f0af726] {
            --blu-loader-general-size: 24px
        }

        html[dark] .blu-loader-general.b-size-xl[data-v-5f0af726] {
            --blu-loader-general-size: 32px
        }

        @keyframes general-highlight-5f0af726 {
            0% {
                stroke-dasharray: 1, 200;
                stroke-dashoffset: 0
            }

            50% {
                stroke-dasharray: 50, 200;
                stroke-dashoffset: -15px
            }

            to {
                stroke-dasharray: 50, 200;
                stroke-dashoffset: -124px
            }
        }

        @keyframes general-base-5f0af726 {
            0% {
                stroke-dasharray: 1, 200;
                stroke-dashoffset: 0
            }

            to {
                stroke-dasharray: 100, 200;
                stroke-dashoffset: -120px
            }
        }

        @keyframes general-rotate-5f0af726 {
            to {
                transform: rotate(450deg)
            }
        }

        html:not([dark]) *[data-v-39791579] {
            box-sizing: border-box
        }

        html:not([dark]) .blu-radio[data-v-39791579] {
            --blu-radio-container-border-width: 1px;
            --blu-radio-container-color-border: #c8cbcd;
            --blu-radio-container-spacing-padding: 4px;
            --blu-radio-content-spacing-padding: 2px 0;
            --blu-radio-mark-size: 22px;
            --blu-radio-mark-spacing-padding: 2px;
            --blu-radio-label-text: 500 14px/18px Blibli, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif;
            --blu-radio-label-color-text: rgba(25, 34, 42, .7019607843);
            --blu-radio-spacing-padding: 4px 0;
            display: inline-flex;
            padding: var(--blu-radio-spacing-padding);
            align-items: flex-start;
            transition: all .3s;
            outline: none
        }

        html:not([dark]) .blu-radio[data-v-39791579],
        html:not([dark]) .blu-radio *[data-v-39791579] {
            cursor: pointer
        }

        html:not([dark]) .blu-radio>*[data-v-39791579]:not(:last-child) {
            margin-right: 4px
        }

        html:not([dark]) .blu-radio input[type=radio][data-v-39791579] {
            display: none
        }

        html:not([dark]) .blu-radio__mark[data-v-39791579] {
            min-width: var(--blu-radio-mark-size);
            height: var(--blu-radio-mark-size);
            padding: var(--blu-radio-mark-spacing-padding);
            background-color: var(--blu-radio-mark-color-background);
            border-radius: 50%
        }

        html:not([dark]) .blu-radio__mark-container[data-v-39791579] {
            display: flex;
            align-items: center;
            justify-content: center;
            width: 100%;
            height: 100%;
            padding: var(--blu-radio-container-spacing-padding);
            background-color: var(--blu-radio-container-color-background);
            border-radius: 50%;
            box-shadow: 0 0 0 var(--blu-radio-container-border-width) var(--blu-radio-container-color-border) inset
        }

        html:not([dark]) .blu-radio__mark-container .dot[data-v-39791579] {
            width: 100%;
            height: 100%;
            border-radius: 50%;
            background-color: var(--blu-radio-dot-color-background);
            transition: background-color .1s .1s
        }

        html:not([dark]) .blu-radio__content[data-v-39791579] {
            font: var(--blu-radio-label-text);
            color: var(--blu-radio-label-color-text);
            padding: var(--blu-radio-content-spacing-padding)
        }

        html:not([dark]) .blu-radio__content>*[data-v-39791579]:not(:last-child) {
            margin-bottom: 4px
        }

        html:not([dark]) .blu-radio.b-error[data-v-39791579]:not(.b-selected) {
            --blu-radio-container-color-border: #ff4646;
            --blu-radio-label-color-text: #d33534
        }

        html:not([dark]) .blu-radio.b-selected[data-v-39791579] {
            --blu-radio-container-color-border: #1d8fff;
            --blu-radio-dot-color-background: #1d8fff;
            --blu-radio-container-border-width: 1px
        }

        html:not([dark]) .blu-radio.b-selected .blu-radio__mark-container[data-v-39791579] {
            animation: bounce-39791579 .3s ease-out
        }

        html:not([dark]) .blu-radio.b-selected[data-v-39791579]:not(.b-disabled):hover {
            --blu-radio-mark-color-background: #f3f9ff
        }

        html:not([dark]) .blu-radio.b-selected[data-v-39791579]:not(.b-disabled):focus-visible {
            --blu-radio-mark-color-background: #f3f9ff;
            --blu-radio-container-border-width-focused: 2px
        }

        html:not([dark]) .blu-radio[data-v-39791579]:not(.b-disabled):not(.b-selected):hover {
            --blu-radio-mark-color-background: #f9f9fa
        }

        html:not([dark]) .blu-radio[data-v-39791579]:focus-visible {
            --blu-radio-container-border-width-focused: 2px
        }

        html:not([dark]) .blu-radio[data-v-39791579]:focus-visible:not(.b-disabled) {
            --blu-radio-mark-color-border-focused: #19222a
        }

        html:not([dark]) .blu-radio:focus-visible:not(.b-disabled) .blu-radio__mark[data-v-39791579] {
            box-shadow: 0 0 0 var(--blu-radio-container-border-width-focused) var(--blu-radio-mark-color-border-focused) inset
        }

        html:not([dark]) .blu-radio[data-v-39791579]:focus-visible:not(.b-disabled):not(.b-selected) {
            --blu-radio-mark-color-background: #f9f9fa
        }

        html:not([dark]) .blu-radio.b-disabled[data-v-39791579] {
            --blu-radio-label-text: 500 14px/18px Blibli, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif;
            --blu-radio-container-color-border: rgba(25, 34, 42, .3019607843);
            --blu-radio-label-color-text: rgba(25, 34, 42, .3019607843);
            --blu-radio-container-color-background: #f9f9fa
        }

        html:not([dark]) .blu-radio.b-disabled.b-selected[data-v-39791579] {
            --blu-radio-container-color-border: rgba(25, 34, 42, .3019607843);
            --blu-radio-dot-color-background: rgba(25, 34, 42, .3019607843)
        }

        html:not([dark]) .blu-radio.b-disabled[data-v-39791579]:not(.b-readonly) {
            user-select: none;
            cursor: not-allowed
        }

        html:not([dark]) .blu-radio.b-disabled:not(.b-readonly) *[data-v-39791579] {
            cursor: not-allowed
        }

        html:not([dark]) .blu-radio.b-small[data-v-39791579] {
            --blu-radio-mark-size: 18px;
            --blu-radio-mark-spacing-padding: 2px;
            --blu-radio-container-spacing-padding: 3px;
            --blu-radio-container-border-width: 1px;
            --blu-radio-container-border-width-focused: 2px;
            --blu-radio-content-spacing-padding: 0;
            --blu-radio-label-text: 500 14px/18px Blibli, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif;
            --blu-radio-spacing-padding: 3px 0
        }

        html:not([dark]) .blu-radio.b-small.b-selected[data-v-39791579] {
            --blu-radio-container-border-width: 1px
        }

        html[dark] *[data-v-39791579] {
            box-sizing: border-box
        }

        html[dark] .blu-radio[data-v-39791579] {
            --blu-radio-container-border-width: 1px;
            --blu-radio-container-color-border: #60686e;
            --blu-radio-container-spacing-padding: 4px;
            --blu-radio-content-spacing-padding: 2px 0;
            --blu-radio-mark-size: 22px;
            --blu-radio-mark-spacing-padding: 2px;
            --blu-radio-label-text: 500 14px/18px Blibli, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif;
            --blu-radio-label-color-text: rgba(255, 255, 255, .8);
            --blu-radio-spacing-padding: 4px 0;
            display: inline-flex;
            padding: var(--blu-radio-spacing-padding);
            align-items: flex-start;
            transition: all .3s;
            outline: none
        }

        html[dark] .blu-radio[data-v-39791579],
        html[dark] .blu-radio *[data-v-39791579] {
            cursor: pointer
        }

        html[dark] .blu-radio>*[data-v-39791579]:not(:last-child) {
            margin-right: 4px
        }

        html[dark] .blu-radio input[type=radio][data-v-39791579] {
            display: none
        }

        html[dark] .blu-radio__mark[data-v-39791579] {
            min-width: var(--blu-radio-mark-size);
            height: var(--blu-radio-mark-size);
            padding: var(--blu-radio-mark-spacing-padding);
            background-color: var(--blu-radio-mark-color-background);
            border-radius: 50%
        }

        html[dark] .blu-radio__mark-container[data-v-39791579] {
            display: flex;
            align-items: center;
            justify-content: center;
            width: 100%;
            height: 100%;
            padding: var(--blu-radio-container-spacing-padding);
            background-color: var(--blu-radio-container-color-background);
            border-radius: 50%;
            box-shadow: 0 0 0 var(--blu-radio-container-border-width) var(--blu-radio-container-color-border) inset
        }

        html[dark] .blu-radio__mark-container .dot[data-v-39791579] {
            width: 100%;
            height: 100%;
            border-radius: 50%;
            background-color: var(--blu-radio-dot-color-background);
            transition: background-color .1s .1s
        }

        html[dark] .blu-radio__content[data-v-39791579] {
            font: var(--blu-radio-label-text);
            color: var(--blu-radio-label-color-text);
            padding: var(--blu-radio-content-spacing-padding)
        }

        html[dark] .blu-radio__content>*[data-v-39791579]:not(:last-child) {
            margin-bottom: 4px
        }

        html[dark] .blu-radio.b-error[data-v-39791579]:not(.b-selected) {
            --blu-radio-container-color-border: #ff7373;
            --blu-radio-label-color-text: #ff7373
        }

        html[dark] .blu-radio.b-selected[data-v-39791579] {
            --blu-radio-container-color-border: #1d8fff;
            --blu-radio-dot-color-background: #1d8fff;
            --blu-radio-container-border-width: 1px
        }

        html[dark] .blu-radio.b-selected .blu-radio__mark-container[data-v-39791579] {
            animation: bounce-39791579 .3s ease-out
        }

        html[dark] .blu-radio.b-selected[data-v-39791579]:not(.b-disabled):hover {
            --blu-radio-mark-color-background: #002e7a
        }

        html[dark] .blu-radio.b-selected[data-v-39791579]:not(.b-disabled):focus-visible {
            --blu-radio-mark-color-background: #002e7a;
            --blu-radio-container-border-width-focused: 2px
        }

        html[dark] .blu-radio[data-v-39791579]:not(.b-disabled):not(.b-selected):hover {
            --blu-radio-mark-color-background: #19222a
        }

        html[dark] .blu-radio[data-v-39791579]:focus-visible {
            --blu-radio-container-border-width-focused: 2px
        }

        html[dark] .blu-radio[data-v-39791579]:focus-visible:not(.b-disabled) {
            --blu-radio-mark-color-border-focused: #f9f9fa
        }

        html[dark] .blu-radio:focus-visible:not(.b-disabled) .blu-radio__mark[data-v-39791579] {
            box-shadow: 0 0 0 var(--blu-radio-container-border-width-focused) var(--blu-radio-mark-color-border-focused) inset
        }

        html[dark] .blu-radio[data-v-39791579]:focus-visible:not(.b-disabled):not(.b-selected) {
            --blu-radio-mark-color-background: #19222a
        }

        html[dark] .blu-radio.b-disabled[data-v-39791579] {
            --blu-radio-label-text: 500 14px/18px Blibli, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif;
            --blu-radio-container-color-border: rgba(255, 255, 255, .3019607843);
            --blu-radio-label-color-text: rgba(255, 255, 255, .3019607843);
            --blu-radio-container-color-background: #19222a
        }

        html[dark] .blu-radio.b-disabled.b-selected[data-v-39791579] {
            --blu-radio-container-color-border: rgba(255, 255, 255, .3019607843);
            --blu-radio-dot-color-background: rgba(255, 255, 255, .3019607843)
        }

        html[dark] .blu-radio.b-disabled[data-v-39791579]:not(.b-readonly) {
            user-select: none;
            cursor: not-allowed
        }

        html[dark] .blu-radio.b-disabled:not(.b-readonly) *[data-v-39791579] {
            cursor: not-allowed
        }

        html[dark] .blu-radio.b-small[data-v-39791579] {
            --blu-radio-mark-size: 18px;
            --blu-radio-mark-spacing-padding: 2px;
            --blu-radio-container-spacing-padding: 3px;
            --blu-radio-container-border-width: 1px;
            --blu-radio-container-border-width-focused: 2px;
            --blu-radio-content-spacing-padding: 0;
            --blu-radio-label-text: 500 14px/18px Blibli, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif;
            --blu-radio-spacing-padding: 3px 0
        }

        html[dark] .blu-radio.b-small.b-selected[data-v-39791579] {
            --blu-radio-container-border-width: 1px
        }

        @keyframes bounce-39791579 {
            25% {
                transform: scale(.9)
            }

            50% {
                transform: scale(1.1)
            }
        }

        html:not([dark]) .blu-list[data-v-0fc385f6] {
            --list-spacing-padding: 8px 0;
            list-style: none;
            padding: var(--list-spacing-padding);
            transition: all .5s ease-in-out
        }

        html:not([dark]) .blu-list-item[data-v-0fc385f6] {
            --blu-list-child-max-height: 0;
            --blu-list-child-template-rows: 0fr;
            position: relative
        }

        html:not([dark]) .blu-list-item.b-opened[data-v-0fc385f6] {
            --blu-list-child-max-height: 100%;
            --blu-list-child-template-rows: 1fr
        }

        html:not([dark]) .blu-list-item.b-opened>.blu-list .blu-list__container .blu-list__container-chevron-right[data-v-0fc385f6] {
            transform: rotate(180deg)
        }

        html:not([dark]) .blu-list-item.b-opened>.blu-list .blu-list__container .blu-list__container-chevron-left[data-v-0fc385f6] {
            transform: rotate(90deg)
        }

        html:not([dark]) .blu-list__container[data-v-0fc385f6] {
            background-color: var(--list-container-color-background);
            border-radius: 8px;
            padding: 4px 8px;
            display: flex
        }

        html:not([dark]) .blu-list__container[data-v-0fc385f6] svg {
            width: 18px;
            height: 18px;
            color: #797f85
        }

        html:not([dark]) .blu-list__container[data-v-0fc385f6]>*:not(:last-child) {
            margin-right: 4px
        }

        html:not([dark]) .blu-list__container-chevron-right[data-v-0fc385f6],
        html:not([dark]) .blu-list__container-chevron-left[data-v-0fc385f6] {
            display: flex;
            padding: 4px 0;
            cursor: pointer;
            transition: all .4s ease;
            height: fit-content
        }

        html:not([dark]) .blu-list__container-chevron-right[data-v-0fc385f6] svg,
        html:not([dark]) .blu-list__container-chevron-left[data-v-0fc385f6] svg {
            color: #797f85
        }

        html:not([dark]) .blu-list__container-chevron-right[data-v-0fc385f6]:focus-visible,
        html:not([dark]) .blu-list__container-chevron-left[data-v-0fc385f6]:focus-visible {
            outline: none;
            box-shadow: 0 0 0 2px #19222a inset
        }

        html:not([dark]) .blu-list__container .blu-loader-wrapper[data-v-0fc385f6] {
            margin: auto
        }

        html:not([dark]) .blu-list__content[data-v-0fc385f6] {
            padding: 4px 0;
            display: flex;
            flex-direction: column;
            flex: 1;
            align-items: start
        }

        html:not([dark]) .blu-list__content-label[data-v-0fc385f6]:not(.b-disabled) {
            font: 500 14px/18px Blibli, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif;
            color: #19222a
        }

        html:not([dark]) .blu-list__content-desc[data-v-0fc385f6]:not(.b-disabled) {
            font: 500 12px/16px Blibli, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif;
            color: #19222a66
        }

        html:not([dark]) .blu-list__content-additional[data-v-0fc385f6] {
            text-align: right;
            display: flex;
            flex-direction: column;
            justify-content: space-between;
            align-self: stretch;
            padding: 4px 0
        }

        html:not([dark]) .blu-list__content-additional-label[data-v-0fc385f6] {
            font: 500 12px/16px Blibli, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif;
            color: #19222a66
        }

        html:not([dark]) .blu-list__content-additional-desc[data-v-0fc385f6] {
            font: 500 12px/16px Blibli, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif;
            color: #19222a66
        }

        html:not([dark]) .blu-list__item-leading[data-v-0fc385f6],
        html:not([dark]) .blu-list__item-trailing[data-v-0fc385f6] {
            padding: 4px 0
        }

        html:not([dark]) .blu-list__item-leading[data-v-0fc385f6] {
            display: flex
        }

        html:not([dark]) .blu-list__item-trailing[data-v-0fc385f6] {
            display: flex
        }

        html:not([dark]) .blu-list__item-trailing[data-v-0fc385f6]>*:not(:last-child) {
            margin-right: 4px
        }

        html:not([dark]) .blu-list__item-trailing[data-v-0fc385f6] svg {
            cursor: pointer
        }

        html:not([dark]) .blu-list__child[data-v-0fc385f6] {
            max-height: var(--blu-list-child-max-height);
            display: grid;
            grid-template-rows: var(--blu-list-child-template-rows);
            transition: all .5s ease-in-out
        }

        html:not([dark]) .blu-list__child .blu-list__container[data-v-0fc385f6] {
            padding-left: var(--list-nested-padding)
        }

        html:not([dark]) .blu-list__icon-expand[data-v-0fc385f6] {
            margin-left: auto;
            cursor: pointer
        }

        html:not([dark]) .blu-list[data-v-0fc385f6]:not(.b-disabled) {
            cursor: pointer
        }

        html:not([dark]) .blu-list[data-v-0fc385f6]:not(.b-disabled):hover {
            --list-container-color-background: #f9f9fa
        }

        html:not([dark]) .blu-list[data-v-0fc385f6]:not(.b-disabled):focus-visible {
            outline: none
        }

        html:not([dark]) .blu-list:not(.b-disabled):focus-visible .blu-list__container[data-v-0fc385f6] {
            box-shadow: 0 0 0 2px #19222a inset
        }

        html:not([dark]) .blu-list:not(.b-disabled).b-active[data-v-0fc385f6],
        html:not([dark]) .blu-list:not(.b-disabled).b-selected[data-v-0fc385f6]:not(:hover) {
            --list-container-color-background: #f3f9ff
        }

        html:not([dark]) .blu-list.b-small[data-v-0fc385f6] {
            --list-spacing-padding: 0
        }

        html:not([dark]) .blu-list.b-disabled[data-v-0fc385f6] {
            --list-container-color-background: transparent
        }

        html:not([dark]) .blu-list.b-disabled[data-v-0fc385f6],
        html:not([dark]) .blu-list.b-disabled *[data-v-0fc385f6] {
            cursor: not-allowed
        }

        html:not([dark]) .blu-list.b-disabled .blu-list__content-label[data-v-0fc385f6],
        html:not([dark]) .blu-list.b-disabled .blu-list__content-desc[data-v-0fc385f6],
        html:not([dark]) .blu-list.b-disabled .blu-list__content-additional-label[data-v-0fc385f6] {
            font: 500 14px/18px Blibli, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif;
            color: #19222a4d
        }

        html:not([dark]) .blu-list.b-disabled .blu-list__content-additional-desc[data-v-0fc385f6] {
            font: 500 12px/16px Blibli, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif;
            color: #19222a4d
        }

        html:not([dark]) .blu-list.b-disabled .blu-list__container[data-v-0fc385f6] svg {
            color: #19222a4d
        }

        html:not([dark]) .blu-list.b-disabled .blu-list__container[data-v-0fc385f6] .blu-checkbox__container {
            color: #19222a4d
        }

        html:not([dark]) .blu-list.b-disabled .blu-list__container[data-v-0fc385f6] .blu-badge {
            background-color: #19222a4d
        }

        html:not([dark]) .blu-list.b-loading[data-v-0fc385f6] .blu-loader-wrapper svg {
            display: flex;
            width: 24px;
            height: 24px
        }

        html:not([dark]) .blu-list.has-radio.b-selected[data-v-0fc385f6]:not(:hover) {
            --list-container-color-background: transparent
        }

        html:not([dark]) .blu-list.b-align-center .blu-list__container[data-v-0fc385f6] {
            align-items: center
        }

        html:not([dark]) .blu-list-group.b-multiselect .blu-list-item .blu-list.b-selected[data-v-0fc385f6]:not(html:not([dark]) .blu-list-group.b-multiselect .blu-list-item .blu-list.b-active):not(:hover) {
            --list-container-color-background: transparent
        }

        html[dark] .blu-list[data-v-0fc385f6] {
            --list-spacing-padding: 8px 0;
            list-style: none;
            padding: var(--list-spacing-padding);
            transition: all .5s ease-in-out
        }

        html[dark] .blu-list-item[data-v-0fc385f6] {
            --blu-list-child-max-height: 0;
            --blu-list-child-template-rows: 0fr;
            position: relative
        }

        html[dark] .blu-list-item.b-opened[data-v-0fc385f6] {
            --blu-list-child-max-height: 100%;
            --blu-list-child-template-rows: 1fr
        }

        html[dark] .blu-list-item.b-opened>.blu-list .blu-list__container .blu-list__container-chevron-right[data-v-0fc385f6] {
            transform: rotate(180deg)
        }

        html[dark] .blu-list-item.b-opened>.blu-list .blu-list__container .blu-list__container-chevron-left[data-v-0fc385f6] {
            transform: rotate(90deg)
        }

        html[dark] .blu-list__container[data-v-0fc385f6] {
            background-color: var(--list-container-color-background);
            border-radius: 8px;
            padding: 4px 8px;
            display: flex
        }

        html[dark] .blu-list__container[data-v-0fc385f6] svg {
            width: 18px;
            height: 18px;
            color: #acb0b4
        }

        html[dark] .blu-list__container[data-v-0fc385f6]>*:not(:last-child) {
            margin-right: 4px
        }

        html[dark] .blu-list__container-chevron-right[data-v-0fc385f6],
        html[dark] .blu-list__container-chevron-left[data-v-0fc385f6] {
            display: flex;
            padding: 4px 0;
            cursor: pointer;
            transition: all .4s ease;
            height: fit-content
        }

        html[dark] .blu-list__container-chevron-right[data-v-0fc385f6] svg,
        html[dark] .blu-list__container-chevron-left[data-v-0fc385f6] svg {
            color: #acb0b4
        }

        html[dark] .blu-list__container-chevron-right[data-v-0fc385f6]:focus-visible,
        html[dark] .blu-list__container-chevron-left[data-v-0fc385f6]:focus-visible {
            outline: none;
            box-shadow: 0 0 0 2px #f9f9fa inset
        }

        html[dark] .blu-list__container .blu-loader-wrapper[data-v-0fc385f6] {
            margin: auto
        }

        html[dark] .blu-list__content[data-v-0fc385f6] {
            padding: 4px 0;
            display: flex;
            flex-direction: column;
            flex: 1;
            align-items: start
        }

        html[dark] .blu-list__content-label[data-v-0fc385f6]:not(.b-disabled) {
            font: 500 14px/18px Blibli, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif;
            color: #fff
        }

        html[dark] .blu-list__content-desc[data-v-0fc385f6]:not(.b-disabled) {
            font: 500 12px/16px Blibli, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif;
            color: #ffffff80
        }

        html[dark] .blu-list__content-additional[data-v-0fc385f6] {
            text-align: right;
            display: flex;
            flex-direction: column;
            justify-content: space-between;
            align-self: stretch;
            padding: 4px 0
        }

        html[dark] .blu-list__content-additional-label[data-v-0fc385f6],
        html[dark] .blu-list__content-additional-desc[data-v-0fc385f6] {
            font: 500 12px/16px Blibli, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif;
            color: #ffffff80
        }

        html[dark] .blu-list__item-leading[data-v-0fc385f6],
        html[dark] .blu-list__item-trailing[data-v-0fc385f6] {
            padding: 4px 0
        }

        html[dark] .blu-list__item-leading[data-v-0fc385f6],
        html[dark] .blu-list__item-trailing[data-v-0fc385f6] {
            display: flex
        }

        html[dark] .blu-list__item-trailing[data-v-0fc385f6]>*:not(:last-child) {
            margin-right: 4px
        }

        html[dark] .blu-list__item-trailing[data-v-0fc385f6] svg {
            cursor: pointer
        }

        html[dark] .blu-list__child[data-v-0fc385f6] {
            max-height: var(--blu-list-child-max-height);
            display: grid;
            grid-template-rows: var(--blu-list-child-template-rows);
            transition: all .5s ease-in-out
        }

        html[dark] .blu-list__child .blu-list__container[data-v-0fc385f6] {
            padding-left: var(--list-nested-padding)
        }

        html[dark] .blu-list__icon-expand[data-v-0fc385f6] {
            margin-left: auto;
            cursor: pointer
        }

        html[dark] .blu-list[data-v-0fc385f6]:not(.b-disabled) {
            cursor: pointer
        }

        html[dark] .blu-list[data-v-0fc385f6]:not(.b-disabled):hover {
            --list-container-color-background: #19222a
        }

        html[dark] .blu-list[data-v-0fc385f6]:not(.b-disabled):focus-visible {
            outline: none
        }

        html[dark] .blu-list:not(.b-disabled):focus-visible .blu-list__container[data-v-0fc385f6] {
            box-shadow: 0 0 0 2px #f9f9fa inset
        }

        html[dark] .blu-list:not(.b-disabled).b-active[data-v-0fc385f6],
        html[dark] .blu-list:not(.b-disabled).b-selected[data-v-0fc385f6]:not(:hover) {
            --list-container-color-background: #002e7a
        }

        html[dark] .blu-list.b-small[data-v-0fc385f6] {
            --list-spacing-padding: 0
        }

        html[dark] .blu-list.b-disabled[data-v-0fc385f6] {
            --list-container-color-background: transparent
        }

        html[dark] .blu-list.b-disabled[data-v-0fc385f6],
        html[dark] .blu-list.b-disabled *[data-v-0fc385f6] {
            cursor: not-allowed
        }

        html[dark] .blu-list.b-disabled .blu-list__content-label[data-v-0fc385f6],
        html[dark] .blu-list.b-disabled .blu-list__content-desc[data-v-0fc385f6],
        html[dark] .blu-list.b-disabled .blu-list__content-additional-label[data-v-0fc385f6] {
            font: 500 14px/18px Blibli, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif;
            color: #ffffff4d
        }

        html[dark] .blu-list.b-disabled .blu-list__content-additional-desc[data-v-0fc385f6] {
            font: 500 12px/16px Blibli, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif;
            color: #ffffff4d
        }

        html[dark] .blu-list.b-disabled .blu-list__container[data-v-0fc385f6] svg {
            color: #ffffff4d
        }

        html[dark] .blu-list.b-disabled .blu-list__container[data-v-0fc385f6] .blu-checkbox__container {
            color: #ffffff4d
        }

        html[dark] .blu-list.b-disabled .blu-list__container[data-v-0fc385f6] .blu-badge {
            background-color: #ffffff4d
        }

        html[dark] .blu-list.b-loading[data-v-0fc385f6] .blu-loader-wrapper svg {
            display: flex;
            width: 24px;
            height: 24px
        }

        html[dark] .blu-list.has-radio.b-selected[data-v-0fc385f6]:not(:hover) {
            --list-container-color-background: transparent
        }

        html[dark] .blu-list.b-align-center .blu-list__container[data-v-0fc385f6] {
            align-items: center
        }

        html[dark] .blu-list-group.b-multiselect .blu-list-item .blu-list.b-selected[data-v-0fc385f6]:not(html[dark] .blu-list-group.b-multiselect .blu-list-item .blu-list.b-active):not(:hover) {
            --list-container-color-background: transparent
        }
    </style>
    <style>
        html:not([dark]) .b-overflow-y[data-v-7b49b436] {
            scrollbar-color: rgba(25, 34, 42, .3019607843) transparent;
            scrollbar-width: thin
        }

        html:not([dark]) .b-overflow-y[data-v-7b49b436]::-webkit-scrollbar {
            width: 4px;
            height: 8px;
            background-color: transparent
        }

        html:not([dark]) .b-overflow-y[data-v-7b49b436]::-webkit-scrollbar-track {
            margin: 13px 0
        }

        html:not([dark]) .b-overflow-y[data-v-7b49b436]::-webkit-scrollbar-thumb {
            box-shadow: inset 0 0 14px 14px transparent;
            border-radius: 4px;
            background-color: #19222a4d;
            scrollbar-color: rgba(25, 34, 42, .3019607843)
        }

        html:not([dark]) .b-overflow-y[data-v-7b49b436]:hover::-webkit-scrollbar {
            width: 4px
        }

        html:not([dark]) .b-overflow-y[data-v-7b49b436]:hover::-webkit-scrollbar-track {
            border: solid 2px transparent
        }

        html:not([dark]) .b-overflow-y[data-v-7b49b436]:hover::-webkit-scrollbar-thumb:hover {
            box-shadow: inset 0 0 14px 14px transparent;
            background-color: #19222a4d;
            scrollbar-color: rgba(25, 34, 42, .3019607843) transparent
        }

        html:not([dark]) .b-overflow-y[data-v-7b49b436]::-webkit-scrollbar-track {
            border-radius: 3px;
            background-color: transparent
        }

        html:not([dark]) .b-overflow-y.hidden[data-v-7b49b436] {
            scrollbar-width: none
        }

        html:not([dark]) .b-overflow-y.hidden[data-v-7b49b436]::-webkit-scrollbar-thumb {
            border-radius: 4px;
            background-color: transparent
        }

        html:not([dark]) .b-overflow-y.hidden[data-v-7b49b436]:hover {
            scrollbar-width: thin
        }

        html:not([dark]) .b-overflow-y.hidden[data-v-7b49b436]:hover::-webkit-scrollbar-thumb {
            box-shadow: inset 0 0 14px 14px transparent;
            border-radius: 4px;
            background-color: #19222a4d;
            scrollbar-color: rgba(25, 34, 42, .3019607843) transparent
        }

        html:not([dark]) .b-overflow-y.hidden[data-v-7b49b436]:hover::-webkit-scrollbar-thumb:hover {
            box-shadow: inset 0 0 14px 14px transparent;
            background-color: #19222a4d;
            scrollbar-color: rgba(25, 34, 42, .3019607843) transparent
        }

        html:not([dark]) .b-overflow-y[data-v-7b49b436] {
            overflow-y: auto;
            margin: 0
        }

        html:not([dark]) .blu-list__child .blu-list-group[data-v-7b49b436] {
            overflow: hidden
        }

        html:not([dark]) .blu-list__child .blu-list-group[data-v-7b49b436]:not(.b-none):not(.b-group) .blu-list-item:first-child:before {
            content: "";
            position: absolute;
            width: calc(100% - 16px);
            left: 8px;
            border-top: solid 1px #c8cbcd
        }

        html:not([dark]) .blu-list-group[data-v-7b49b436]:not(.b-none):not(.b-group)>.blu-list-item:not(:first-child):before {
            border-top: solid 1px #c8cbcd;
            content: "";
            position: absolute;
            width: calc(100% - 16px);
            left: 8px
        }

        html:not([dark]) .blu-list-group.b-group[data-v-7b49b436]>.blu-list-item:last-child:after {
            border-bottom: solid 1px #c8cbcd;
            content: "";
            position: absolute;
            width: calc(100% - 16px);
            left: 8px
        }

        html[dark] .b-overflow-y[data-v-7b49b436] {
            scrollbar-color: rgba(255, 255, 255, .3019607843) transparent;
            scrollbar-width: thin
        }

        html[dark] .b-overflow-y[data-v-7b49b436]::-webkit-scrollbar {
            width: 4px;
            height: 8px;
            background-color: transparent
        }

        html[dark] .b-overflow-y[data-v-7b49b436]::-webkit-scrollbar-track {
            margin: 13px 0
        }

        html[dark] .b-overflow-y[data-v-7b49b436]::-webkit-scrollbar-thumb {
            box-shadow: inset 0 0 14px 14px transparent;
            border-radius: 4px;
            background-color: #ffffff4d;
            scrollbar-color: rgba(255, 255, 255, .3019607843)
        }

        html[dark] .b-overflow-y[data-v-7b49b436]:hover::-webkit-scrollbar {
            width: 4px
        }

        html[dark] .b-overflow-y[data-v-7b49b436]:hover::-webkit-scrollbar-track {
            border: solid 2px transparent
        }

        html[dark] .b-overflow-y[data-v-7b49b436]:hover::-webkit-scrollbar-thumb:hover {
            box-shadow: inset 0 0 14px 14px transparent;
            background-color: #ffffff4d;
            scrollbar-color: rgba(255, 255, 255, .3019607843) transparent
        }

        html[dark] .b-overflow-y[data-v-7b49b436]::-webkit-scrollbar-track {
            border-radius: 3px;
            background-color: transparent
        }

        html[dark] .b-overflow-y.hidden[data-v-7b49b436] {
            scrollbar-width: none
        }

        html[dark] .b-overflow-y.hidden[data-v-7b49b436]::-webkit-scrollbar-thumb {
            border-radius: 4px;
            background-color: transparent
        }

        html[dark] .b-overflow-y.hidden[data-v-7b49b436]:hover {
            scrollbar-width: thin
        }

        html[dark] .b-overflow-y.hidden[data-v-7b49b436]:hover::-webkit-scrollbar-thumb {
            box-shadow: inset 0 0 14px 14px transparent;
            border-radius: 4px;
            background-color: #ffffff4d;
            scrollbar-color: rgba(255, 255, 255, .3019607843) transparent
        }

        html[dark] .b-overflow-y.hidden[data-v-7b49b436]:hover::-webkit-scrollbar-thumb:hover {
            box-shadow: inset 0 0 14px 14px transparent;
            background-color: #ffffff4d;
            scrollbar-color: rgba(255, 255, 255, .3019607843) transparent
        }

        html[dark] .b-overflow-y[data-v-7b49b436] {
            overflow-y: auto;
            margin: 0
        }

        html[dark] .blu-list__child .blu-list-group[data-v-7b49b436] {
            overflow: hidden
        }

        html[dark] .blu-list__child .blu-list-group[data-v-7b49b436]:not(.b-none):not(.b-group) .blu-list-item:first-child:before {
            content: "";
            position: absolute;
            width: calc(100% - 16px);
            left: 8px;
            border-top: solid 1px #60686e
        }

        html[dark] .blu-list-group[data-v-7b49b436]:not(.b-none):not(.b-group)>.blu-list-item:not(:first-child):before {
            border-top: solid 1px #60686e;
            content: "";
            position: absolute;
            width: calc(100% - 16px);
            left: 8px
        }

        html[dark] .blu-list-group.b-group[data-v-7b49b436]>.blu-list-item:last-child:after {
            border-bottom: solid 1px #60686e;
            content: "";
            position: absolute;
            width: calc(100% - 16px);
            left: 8px
        }
    </style>
    <style>
        html:not([dark]) .blu-badge[data-v-4cd4e6d8] {
            --blu-badge-color-text: #ffffff;
            --blu-badge-color-border: #ffffff;
            --blu-badge-text: 600 12px/16px Blibli, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif;
            --blu-badge-border-radius: 4px;
            --blu-badge-border-width: 1px;
            --blu-badge-padding: 0 4px 1px;
            font: var(--blu-badge-text);
            border-radius: var(--blu-badge-border-radius);
            box-shadow: 0 0 0 var(--blu-badge-border-width) var(--blu-badge-color-border);
            padding: var(--blu-badge-padding);
            display: inline-flex;
            box-sizing: border-box;
            justify-content: center;
            align-items: center;
            line-height: 15px;
            max-height: 16px;
            white-space: nowrap
        }

        html:not([dark]) .blu-badge[data-v-4cd4e6d8] svg {
            display: flex;
            width: 12px;
            height: 12px;
            color: var(--blu-badge-item-leading-color-icon)
        }

        html:not([dark]) .blu-badge *[data-v-4cd4e6d8]:not(:last-child) {
            margin-right: 2px
        }

        html:not([dark]) .blu-badge[data-v-4cd4e6d8]:not(.b-dot) {
            min-width: 16px
        }

        html:not([dark]) .blu-badge.b-dot[data-v-4cd4e6d8] {
            --blu-badge-size: 8px;
            width: var(--blu-badge-size);
            height: var(--blu-badge-size)
        }

        html:not([dark]) .blu-badge[data-v-4cd4e6d8]:not(.b-secondary) {
            --blu-badge-item-leading-color-icon: var(--blu-badge-color-icon);
            color: var(--blu-badge-color-text);
            background-color: var(--blu-badge-color-background)
        }

        html:not([dark]) .blu-badge.b-secondary[data-v-4cd4e6d8] {
            --blu-badge-item-leading-color-icon: var(--blu-badge-color-icon-low);
            color: var(--blu-badge-color-text-low);
            background-color: var(--blu-badge-color-background-low)
        }

        html:not([dark]) .blu-badge.b-blue[data-v-4cd4e6d8] {
            --blu-badge-color-background-low: #e1f1ff;
            --blu-badge-color-background: #1d8fff;
            --blu-badge-color-text-low: #ac8221;
            --blu-badge-color-icon-low: #a58d33;
            --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: #ac8221;
            --blu-badge-color-icon-low: rgba(25, 34, 42, .4);
            --blu-badge-color-icon: #a58d33
        }

        html:not([dark]) .blu-badge.b-notification[data-v-4cd4e6d8] {
            --blu-badge-border-radius: 8px
        }

        html:not([dark]) .blu-badge.b-tooltip[data-v-4cd4e6d8] {
            cursor: pointer
        }

        html[dark] .blu-badge[data-v-4cd4e6d8] {
            --blu-badge-color-text: #ffffff;
            --blu-badge-color-border: #12171d;
            --blu-badge-text: 600 12px/16px Blibli, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif;
            --blu-badge-border-radius: 4px;
            --blu-badge-border-width: 1px;
            --blu-badge-padding: 0 4px 1px;
            font: var(--blu-badge-text);
            border-radius: var(--blu-badge-border-radius);
            box-shadow: 0 0 0 var(--blu-badge-border-width) var(--blu-badge-color-border);
            padding: var(--blu-badge-padding);
            display: inline-flex;
            box-sizing: border-box;
            justify-content: center;
            align-items: center;
            line-height: 15px;
            max-height: 16px;
            white-space: nowrap
        }

        html[dark] .blu-badge[data-v-4cd4e6d8] svg {
            display: flex;
            width: 12px;
            height: 12px;
            color: var(--blu-badge-item-leading-color-icon)
        }

        html[dark] .blu-badge *[data-v-4cd4e6d8]:not(:last-child) {
            margin-right: 2px
        }

        html[dark] .blu-badge[data-v-4cd4e6d8]:not(.b-dot) {
            min-width: 16px
        }

        html[dark] .blu-badge.b-dot[data-v-4cd4e6d8] {
            --blu-badge-size: 8px;
            width: var(--blu-badge-size);
            height: var(--blu-badge-size)
        }

        html[dark] .blu-badge[data-v-4cd4e6d8]:not(.b-secondary) {
            --blu-badge-item-leading-color-icon: var(--blu-badge-color-icon);
            color: var(--blu-badge-color-text);
            background-color: var(--blu-badge-color-background)
        }

        html[dark] .blu-badge.b-secondary[data-v-4cd4e6d8] {
            --blu-badge-item-leading-color-icon: var(--blu-badge-color-icon-low);
            color: var(--blu-badge-color-text-low);
            background-color: var(--blu-badge-color-background-low)
        }

        html[dark] .blu-badge.b-blue[data-v-4cd4e6d8] {
            --blu-badge-color-background-low: #0046aa;
            --blu-badge-color-background: #1d8fff;
            --blu-badge-color-text-low: #4fa4ff;
            --blu-badge-color-icon-low: #4fa4ff;
            --blu-badge-color-icon: #ffffff
        }

        html[dark] .blu-badge.b-yellow[data-v-4cd4e6d8] {
            --blu-badge-color-background-low: #ffe6ce;
            --blu-badge-color-background: #ff7f00;
            --blu-badge-color-text-low: #dc5300;
            --blu-badge-color-icon-low: #f05a00;
            --blu-badge-color-icon: #ffffff
        }

        html[dark] .blu-badge.b-red[data-v-4cd4e6d8] {
            --blu-badge-color-background-low: #8d2221;
            --blu-badge-color-background: #ff4646;
            --blu-badge-color-text-low: #ff7373;
            --blu-badge-color-icon-low: #ff7373;
            --blu-badge-color-icon: #ffffff
        }

        html[dark] .blu-badge.b-green[data-v-4cd4e6d8] {
            --blu-badge-color-background-low: #13561c;
            --blu-badge-color-background: #22a334;
            --blu-badge-color-text-low: #02c82b;
            --blu-badge-color-icon-low: #02c82b;
            --blu-badge-color-icon: #ffffff
        }

        html[dark] .blu-badge.b-purple[data-v-4cd4e6d8] {
            --blu-badge-color-background-low: #fddef0;
            --blu-badge-color-background: #ff0f9d;
            --blu-badge-color-text-low: #834bee;
            --blu-badge-color-icon-low: #834bee;
            --blu-badge-color-icon: #12171d
        }

        html[dark] .blu-badge.b-magenta[data-v-4cd4e6d8] {
            --blu-badge-color-background-low: #fddef0;
            --blu-badge-color-background: #ff0f9d;
            --blu-badge-color-text-low: #ff0f9d;
            --blu-badge-color-icon-low: #ff0f9d;
            --blu-badge-color-icon: #12171d
        }

        html[dark] .blu-badge.b-gray[data-v-4cd4e6d8] {
            --blu-badge-color-background-low: #28323b;
            --blu-badge-color-background: #f1f2f2;
            --blu-badge-color-text-low: rgba(255, 255, 255, .8);
            --blu-badge-color-text: #12171d;
            --blu-badge-color-icon-low: rgba(255, 255, 255, .8);
            --blu-badge-color-icon: #12171d
        }

        html[dark] .blu-badge.b-invert[data-v-4cd4e6d8] {
            --blu-badge-color-background-low: #12171d;
            --blu-badge-color-background: #12171d;
            --blu-badge-color-text-low: rgba(255, 255, 255, .5019607843);
            --blu-badge-color-text: #4fa4ff;
            --blu-badge-color-icon-low: rgba(255, 255, 255, .5019607843);
            --blu-badge-color-icon: #4fa4ff
        }

        html[dark] .blu-badge.b-notification[data-v-4cd4e6d8] {
            --blu-badge-border-radius: 8px
        }

        html[dark] .blu-badge.b-tooltip[data-v-4cd4e6d8] {
            cursor: pointer
        }
    </style>
    <style>
        *[data-v-580f03f0],
        *[data-v-580f03f0]:before,
        *[data-v-580f03f0]:after {
            box-sizing: border-box
        }

        html:not([dark]) .blu-modal-wrapper[data-v-580f03f0] {
            z-index: 100;
            position: fixed
        }

        html:not([dark]) .blu-modal[data-v-580f03f0] {
            --blu-modal-box-shadow: 0 1px 6px 0 rgba(0, 0, 0, .1019607843);
            --blu-modal-color-background: #ffffff;
            --blu-modal-border-radius: 16px;
            --blu-modal-opacity: 0;
            --blu-modal-size-width: 100%;
            --blu-modal-max-height: calc(100% - 16px);
            position: fixed;
            z-index: 101;
            display: flex;
            flex-direction: column;
            width: var(--blu-modal-size-width);
            max-height: var(--blu-modal-max-height);
            max-width: var(--blu-modal-max-width);
            box-sizing: border-box;
            box-shadow: var(--blu-modal-box-shadow);
            border-radius: var(--blu-modal-border-radius);
            background-color: var(--blu-modal-color-background);
            opacity: var(--blu-modal-opacity);
            transition: all .3s
        }

        html:not([dark]) .blu-modal *[data-v-580f03f0] {
            box-sizing: inherit
        }

        html:not([dark]) .blu-modal.b-active[data-v-580f03f0] {
            --blu-modal-opacity: 1
        }

        html:not([dark]) .b-drawer.b-desktop-left .blu-modal[data-v-580f03f0],
        html:not([dark]) .b-drawer.b-desktop-right .blu-modal[data-v-580f03f0] {
            --blu-modal-max-height: 100%;
            height: 100%
        }

        html:not([dark]) .b-status .blu-modal[data-v-580f03f0] {
            border-bottom: 4px solid;
            border-color: var(--blu-modal-color);
            top: 50%;
            left: 50%;
            transform: translate(-50%, -50%)
        }

        html:not([dark]) .b-status .blu-modal.b-info[data-v-580f03f0] {
            --blu-modal-color: #1d8fff
        }

        html:not([dark]) .b-status .blu-modal.b-success[data-v-580f03f0] {
            --blu-modal-color: #22a334
        }

        html:not([dark]) .b-status .blu-modal.b-alert[data-v-580f03f0] {
            --blu-modal-color: #fedd6c
        }

        html:not([dark]) .b-status .blu-modal.b-danger[data-v-580f03f0] {
            --blu-modal-color: #ff4646
        }

        @media screen and (min-width: 840px),
        print {

            html:not([dark]) .blu-modal-wrapper:not(.b-drawer).fade-enter-active[data-v-580f03f0],
            html:not([dark]) .blu-modal-wrapper:not(.b-drawer).fade-leave-active[data-v-580f03f0] {
                transition: all .3s
            }

            html:not([dark]) .blu-modal-wrapper:not(.b-drawer).fade-enter-from[data-v-580f03f0],
            html:not([dark]) .blu-modal-wrapper:not(.b-drawer).fade-leave-to[data-v-580f03f0] {
                opacity: 0
            }

            html:not([dark]) .blu-modal-wrapper:not(.b-drawer) .blu-modal[data-v-580f03f0] {
                --blu-modal-max-height: 576px;
                top: 50%;
                left: 50%;
                transform: translate(-50%, -50%)
            }

            html:not([dark]) .blu-modal-wrapper:not(.b-drawer) .blu-modal.b-small-width[data-v-580f03f0] {
                --blu-modal-size-width: 360px
            }

            html:not([dark]) .blu-modal-wrapper:not(.b-drawer) .blu-modal.b-medium-width[data-v-580f03f0] {
                --blu-modal-size-width: 600px
            }

            html:not([dark]) .blu-modal-wrapper:not(.b-drawer) .blu-modal.b-large-width[data-v-580f03f0] {
                --blu-modal-size-width: 800px
            }

            html:not([dark]) .b-drawer.b-desktop-left .blu-modal.b-small-width[data-v-580f03f0],
            html:not([dark]) .b-drawer.b-desktop-right .blu-modal.b-small-width[data-v-580f03f0] {
                --blu-modal-size-width: 360px
            }

            html:not([dark]) .b-drawer.b-desktop-left .blu-modal.b-medium-width[data-v-580f03f0],
            html:not([dark]) .b-drawer.b-desktop-right .blu-modal.b-medium-width[data-v-580f03f0] {
                --blu-modal-size-width: 600px
            }

            html:not([dark]) .b-drawer.b-desktop-top .blu-modal[data-v-580f03f0],
            html:not([dark]) .b-drawer.b-desktop-bottom .blu-modal[data-v-580f03f0] {
                --blu-modal-max-height: 576px
            }

            html:not([dark]) .b-drawer.b-desktop-left.fade-enter-active[data-v-580f03f0],
            html:not([dark]) .b-drawer.b-desktop-left.fade-leave-active[data-v-580f03f0] {
                transition: all .3s
            }

            html:not([dark]) .b-drawer.b-desktop-left.fade-enter-from .blu-modal[data-v-580f03f0],
            html:not([dark]) .b-drawer.b-desktop-left.fade-leave-to .blu-modal[data-v-580f03f0] {
                left: -100vh
            }

            html:not([dark]) .b-drawer.b-desktop-left .blu-modal[data-v-580f03f0] {
                height: 100vh;
                left: 0;
                top: 0;
                bottom: 0;
                border-radius: 0 var(--blu-modal-border-radius) var(--blu-modal-border-radius) 0
            }

            html:not([dark]) .b-drawer.b-desktop-right.fade-enter-active[data-v-580f03f0],
            html:not([dark]) .b-drawer.b-desktop-right.fade-leave-active[data-v-580f03f0] {
                transition: all .3s
            }

            html:not([dark]) .b-drawer.b-desktop-right.fade-enter-from .blu-modal[data-v-580f03f0],
            html:not([dark]) .b-drawer.b-desktop-right.fade-leave-to .blu-modal[data-v-580f03f0] {
                right: -100vh
            }

            html:not([dark]) .b-drawer.b-desktop-right .blu-modal[data-v-580f03f0] {
                height: 100vh;
                right: 0;
                top: 0;
                bottom: 0;
                border-radius: var(--blu-modal-border-radius) 0 0 var(--blu-modal-border-radius)
            }

            html:not([dark]) .b-drawer.b-desktop-top.fade-enter-active[data-v-580f03f0],
            html:not([dark]) .b-drawer.b-desktop-top.fade-leave-active[data-v-580f03f0] {
                transition: all .3s
            }

            html:not([dark]) .b-drawer.b-desktop-top.fade-enter-from .blu-modal[data-v-580f03f0],
            html:not([dark]) .b-drawer.b-desktop-top.fade-leave-to .blu-modal[data-v-580f03f0] {
                top: -100vh
            }

            html:not([dark]) .b-drawer.b-desktop-top .blu-modal[data-v-580f03f0] {
                top: 0;
                left: 50%;
                transform: translate(-50%);
                border-radius: 0 0 var(--blu-modal-border-radius) var(--blu-modal-border-radius)
            }

            html:not([dark]) .b-drawer.b-desktop-bottom.fade-enter-active[data-v-580f03f0],
            html:not([dark]) .b-drawer.b-desktop-bottom.fade-leave-active[data-v-580f03f0] {
                transition: all .3s
            }

            html:not([dark]) .b-drawer.b-desktop-bottom.fade-enter-from .blu-modal[data-v-580f03f0],
            html:not([dark]) .b-drawer.b-desktop-bottom.fade-leave-to .blu-modal[data-v-580f03f0] {
                bottom: -100vh
            }

            html:not([dark]) .b-drawer.b-desktop-bottom .blu-modal[data-v-580f03f0] {
                bottom: 0;
                left: 50%;
                transform: translate(-50%);
                border-radius: var(--blu-modal-border-radius) var(--blu-modal-border-radius) 0 0
            }
        }

        @media screen and (max-width: 839px) {
            html:not([dark]) .b-status .blu-modal[data-v-580f03f0] {
                --blu-modal-size-width: calc(100% - 32px)
            }

            html:not([dark]) .blu-modal-wrapper:not(.b-status):not(.b-drawer):not(.b-mobile-fullscreen).fade-enter-active[data-v-580f03f0],
            html:not([dark]) .blu-modal-wrapper:not(.b-status):not(.b-drawer):not(.b-mobile-fullscreen).fade-leave-active[data-v-580f03f0] {
                transition: all .3s
            }

            html:not([dark]) .blu-modal-wrapper:not(.b-status):not(.b-drawer):not(.b-mobile-fullscreen).fade-enter-from .blu-modal[data-v-580f03f0],
            html:not([dark]) .blu-modal-wrapper:not(.b-status):not(.b-drawer):not(.b-mobile-fullscreen).fade-leave-to .blu-modal[data-v-580f03f0] {
                bottom: -100vh
            }

            html:not([dark]) .blu-modal-wrapper:not(.b-status):not(.b-drawer):not(.b-mobile-fullscreen) .blu-modal[data-v-580f03f0] {
                bottom: 0;
                left: 50%;
                transform: translate(-50%);
                border-radius: var(--blu-modal-border-radius) var(--blu-modal-border-radius) 0 0
            }

            html:not([dark]) .blu-modal-wrapper:not(.b-status):not(.b-drawer):not(.b-mobile-fullscreen) .blu-modal.b-max-width[data-v-580f03f0] {
                --blu-modal-max-width: 600px
            }

            html:not([dark]) .b-mobile-fullscreen.fade-enter-active[data-v-580f03f0],
            html:not([dark]) .b-mobile-fullscreen.fade-leave-active[data-v-580f03f0] {
                transition: all .3s
            }

            html:not([dark]) .b-mobile-fullscreen.fade-enter-from .blu-modal[data-v-580f03f0],
            html:not([dark]) .b-mobile-fullscreen.fade-leave-to .blu-modal[data-v-580f03f0] {
                bottom: -100vh
            }

            html:not([dark]) .b-mobile-fullscreen .blu-modal[data-v-580f03f0] {
                --blu-modal-max-height: 100%;
                height: 100%;
                width: 100%;
                border-radius: unset;
                bottom: 0;
                left: 0;
                transform: none
            }

            html:not([dark]) .b-mobile-fullscreen .blu-modal[data-v-580f03f0] .blu-modal__header {
                box-shadow: var(--blu-modal-box-shadow)
            }

            html:not([dark]) .b-mobile-fullscreen.b-desktop-left .blu-modal[data-v-580f03f0],
            html:not([dark]) .b-mobile-fullscreen.b-desktop-right .blu-modal[data-v-580f03f0],
            html:not([dark]) .b-mobile-fullscreen.b-desktop-top .blu-modal[data-v-580f03f0] {
                top: 0
            }

            html:not([dark]) .b-mobile-fullscreen.b-desktop-left.fade-enter-active[data-v-580f03f0],
            html:not([dark]) .b-mobile-fullscreen.b-desktop-left.fade-leave-active[data-v-580f03f0] {
                transition: all .3s
            }

            html:not([dark]) .b-mobile-fullscreen.b-desktop-left.fade-enter-from .blu-modal[data-v-580f03f0],
            html:not([dark]) .b-mobile-fullscreen.b-desktop-left.fade-leave-to .blu-modal[data-v-580f03f0] {
                left: -100vh
            }

            html:not([dark]) .b-mobile-fullscreen.b-desktop-right.fade-enter-active[data-v-580f03f0],
            html:not([dark]) .b-mobile-fullscreen.b-desktop-right.fade-leave-active[data-v-580f03f0] {
                transition: all .3s
            }

            html:not([dark]) .b-mobile-fullscreen.b-desktop-right.fade-enter-from .blu-modal[data-v-580f03f0],
            html:not([dark]) .b-mobile-fullscreen.b-desktop-right.fade-leave-to .blu-modal[data-v-580f03f0] {
                right: -100vh
            }

            html:not([dark]) .b-mobile-fullscreen.b-desktop-right .blu-modal[data-v-580f03f0] {
                left: revert;
                right: 0
            }

            html:not([dark]) .b-mobile-fullscreen.b-desktop-top.fade-enter-active[data-v-580f03f0],
            html:not([dark]) .b-mobile-fullscreen.b-desktop-top.fade-leave-active[data-v-580f03f0] {
                transition: all .3s
            }

            html:not([dark]) .b-mobile-fullscreen.b-desktop-top.fade-enter-from .blu-modal[data-v-580f03f0],
            html:not([dark]) .b-mobile-fullscreen.b-desktop-top.fade-leave-to .blu-modal[data-v-580f03f0] {
                top: -100vh
            }

            html:not([dark]) .b-mobile-fullscreen.b-desktop-top .blu-modal[data-v-580f03f0] {
                bottom: revert
            }
        }

        html:not([dark]) .b-scrim[data-v-580f03f0] {
            --blu-color-scrim-background: rgba(0, 0, 0, .6);
            position: fixed;
            top: 0;
            left: 0;
            z-index: 99;
            width: 100%;
            height: 100%;
            background-color: var(--blu-color-scrim-background);
            display: flex;
            flex-direction: column;
            justify-content: center;
            align-items: center;
            transition: opacity .3s;
            opacity: 1
        }

        html:not([dark]) .fade-enter-active .b-scrim[data-v-580f03f0],
        html:not([dark]) .fade-leave-active .b-scrim[data-v-580f03f0] {
            transition: opacity .3s
        }

        html:not([dark]) .fade-enter-to .b-scrim[data-v-580f03f0] {
            opacity: 1
        }

        html:not([dark]) .fade-leave-to .b-scrim[data-v-580f03f0] {
            opacity: 0
        }

        html[dark] .blu-modal-wrapper[data-v-580f03f0] {
            z-index: 100;
            position: fixed
        }

        html[dark] .blu-modal[data-v-580f03f0] {
            --blu-modal-box-shadow: inset 0 0 0 30000px rgba(109, 220, 255, .1019607843);
            --blu-modal-color-background: #12171d;
            --blu-modal-border-radius: 16px;
            --blu-modal-opacity: 0;
            --blu-modal-size-width: 100%;
            --blu-modal-max-height: calc(100% - 16px);
            position: fixed;
            z-index: 101;
            display: flex;
            flex-direction: column;
            width: var(--blu-modal-size-width);
            max-height: var(--blu-modal-max-height);
            max-width: var(--blu-modal-max-width);
            box-sizing: border-box;
            box-shadow: var(--blu-modal-box-shadow);
            border-radius: var(--blu-modal-border-radius);
            background-color: var(--blu-modal-color-background);
            opacity: var(--blu-modal-opacity);
            transition: all .3s
        }

        html[dark] .blu-modal *[data-v-580f03f0] {
            box-sizing: inherit
        }

        html[dark] .blu-modal.b-active[data-v-580f03f0] {
            --blu-modal-opacity: 1
        }

        html[dark] .b-drawer.b-desktop-left .blu-modal[data-v-580f03f0],
        html[dark] .b-drawer.b-desktop-right .blu-modal[data-v-580f03f0] {
            --blu-modal-max-height: 100%;
            height: 100%
        }

        html[dark] .b-status .blu-modal[data-v-580f03f0] {
            border-bottom: 4px solid;
            border-color: var(--blu-modal-color);
            top: 50%;
            left: 50%;
            transform: translate(-50%, -50%)
        }

        html[dark] .b-status .blu-modal.b-info[data-v-580f03f0] {
            --blu-modal-color: #4fa4ff
        }

        html[dark] .b-status .blu-modal.b-success[data-v-580f03f0] {
            --blu-modal-color: #02c82b
        }

        html[dark] .b-status .blu-modal.b-alert[data-v-580f03f0] {
            --blu-modal-color: #7e4704
        }

        html[dark] .b-status .blu-modal.b-danger[data-v-580f03f0] {
            --blu-modal-color: #ff7373
        }

        @media screen and (min-width: 840px),
        print {

            html[dark] .blu-modal-wrapper:not(.b-drawer).fade-enter-active[data-v-580f03f0],
            html[dark] .blu-modal-wrapper:not(.b-drawer).fade-leave-active[data-v-580f03f0] {
                transition: all .3s
            }

            html[dark] .blu-modal-wrapper:not(.b-drawer).fade-enter-from[data-v-580f03f0],
            html[dark] .blu-modal-wrapper:not(.b-drawer).fade-leave-to[data-v-580f03f0] {
                opacity: 0
            }

            html[dark] .blu-modal-wrapper:not(.b-drawer) .blu-modal[data-v-580f03f0] {
                --blu-modal-max-height: 576px;
                top: 50%;
                left: 50%;
                transform: translate(-50%, -50%)
            }

            html[dark] .blu-modal-wrapper:not(.b-drawer) .blu-modal.b-small-width[data-v-580f03f0] {
                --blu-modal-size-width: 360px
            }

            html[dark] .blu-modal-wrapper:not(.b-drawer) .blu-modal.b-medium-width[data-v-580f03f0] {
                --blu-modal-size-width: 600px
            }

            html[dark] .blu-modal-wrapper:not(.b-drawer) .blu-modal.b-large-width[data-v-580f03f0] {
                --blu-modal-size-width: 800px
            }

            html[dark] .b-drawer.b-desktop-left .blu-modal.b-small-width[data-v-580f03f0],
            html[dark] .b-drawer.b-desktop-right .blu-modal.b-small-width[data-v-580f03f0] {
                --blu-modal-size-width: 360px
            }

            html[dark] .b-drawer.b-desktop-left .blu-modal.b-medium-width[data-v-580f03f0],
            html[dark] .b-drawer.b-desktop-right .blu-modal.b-medium-width[data-v-580f03f0] {
                --blu-modal-size-width: 600px
            }

            html[dark] .b-drawer.b-desktop-top .blu-modal[data-v-580f03f0],
            html[dark] .b-drawer.b-desktop-bottom .blu-modal[data-v-580f03f0] {
                --blu-modal-max-height: 576px
            }

            html[dark] .b-drawer.b-desktop-left.fade-enter-active[data-v-580f03f0],
            html[dark] .b-drawer.b-desktop-left.fade-leave-active[data-v-580f03f0] {
                transition: all .3s
            }

            html[dark] .b-drawer.b-desktop-left.fade-enter-from .blu-modal[data-v-580f03f0],
            html[dark] .b-drawer.b-desktop-left.fade-leave-to .blu-modal[data-v-580f03f0] {
                left: -100vh
            }

            html[dark] .b-drawer.b-desktop-left .blu-modal[data-v-580f03f0] {
                height: 100vh;
                left: 0;
                top: 0;
                bottom: 0;
                border-radius: 0 var(--blu-modal-border-radius) var(--blu-modal-border-radius) 0
            }

            html[dark] .b-drawer.b-desktop-right.fade-enter-active[data-v-580f03f0],
            html[dark] .b-drawer.b-desktop-right.fade-leave-active[data-v-580f03f0] {
                transition: all .3s
            }

            html[dark] .b-drawer.b-desktop-right.fade-enter-from .blu-modal[data-v-580f03f0],
            html[dark] .b-drawer.b-desktop-right.fade-leave-to .blu-modal[data-v-580f03f0] {
                right: -100vh
            }

            html[dark] .b-drawer.b-desktop-right .blu-modal[data-v-580f03f0] {
                height: 100vh;
                right: 0;
                top: 0;
                bottom: 0;
                border-radius: var(--blu-modal-border-radius) 0 0 var(--blu-modal-border-radius)
            }

            html[dark] .b-drawer.b-desktop-top.fade-enter-active[data-v-580f03f0],
            html[dark] .b-drawer.b-desktop-top.fade-leave-active[data-v-580f03f0] {
                transition: all .3s
            }

            html[dark] .b-drawer.b-desktop-top.fade-enter-from .blu-modal[data-v-580f03f0],
            html[dark] .b-drawer.b-desktop-top.fade-leave-to .blu-modal[data-v-580f03f0] {
                top: -100vh
            }

            html[dark] .b-drawer.b-desktop-top .blu-modal[data-v-580f03f0] {
                top: 0;
                left: 50%;
                transform: translate(-50%);
                border-radius: 0 0 var(--blu-modal-border-radius) var(--blu-modal-border-radius)
            }

            html[dark] .b-drawer.b-desktop-bottom.fade-enter-active[data-v-580f03f0],
            html[dark] .b-drawer.b-desktop-bottom.fade-leave-active[data-v-580f03f0] {
                transition: all .3s
            }

            html[dark] .b-drawer.b-desktop-bottom.fade-enter-from .blu-modal[data-v-580f03f0],
            html[dark] .b-drawer.b-desktop-bottom.fade-leave-to .blu-modal[data-v-580f03f0] {
                bottom: -100vh
            }

            html[dark] .b-drawer.b-desktop-bottom .blu-modal[data-v-580f03f0] {
                bottom: 0;
                left: 50%;
                transform: translate(-50%);
                border-radius: var(--blu-modal-border-radius) var(--blu-modal-border-radius) 0 0
            }
        }

        @media screen and (max-width: 839px) {
            html[dark] .b-status .blu-modal[data-v-580f03f0] {
                --blu-modal-size-width: calc(100% - 32px)
            }

            html[dark] .blu-modal-wrapper:not(.b-status):not(.b-drawer):not(.b-mobile-fullscreen).fade-enter-active[data-v-580f03f0],
            html[dark] .blu-modal-wrapper:not(.b-status):not(.b-drawer):not(.b-mobile-fullscreen).fade-leave-active[data-v-580f03f0] {
                transition: all .3s
            }

            html[dark] .blu-modal-wrapper:not(.b-status):not(.b-drawer):not(.b-mobile-fullscreen).fade-enter-from .blu-modal[data-v-580f03f0],
            html[dark] .blu-modal-wrapper:not(.b-status):not(.b-drawer):not(.b-mobile-fullscreen).fade-leave-to .blu-modal[data-v-580f03f0] {
                bottom: -100vh
            }

            html[dark] .blu-modal-wrapper:not(.b-status):not(.b-drawer):not(.b-mobile-fullscreen) .blu-modal[data-v-580f03f0] {
                bottom: 0;
                left: 50%;
                transform: translate(-50%);
                border-radius: var(--blu-modal-border-radius) var(--blu-modal-border-radius) 0 0
            }

            html[dark] .blu-modal-wrapper:not(.b-status):not(.b-drawer):not(.b-mobile-fullscreen) .blu-modal.b-max-width[data-v-580f03f0] {
                --blu-modal-max-width: 600px
            }

            html[dark] .b-mobile-fullscreen.fade-enter-active[data-v-580f03f0],
            html[dark] .b-mobile-fullscreen.fade-leave-active[data-v-580f03f0] {
                transition: all .3s
            }

            html[dark] .b-mobile-fullscreen.fade-enter-from .blu-modal[data-v-580f03f0],
            html[dark] .b-mobile-fullscreen.fade-leave-to .blu-modal[data-v-580f03f0] {
                bottom: -100vh
            }

            html[dark] .b-mobile-fullscreen .blu-modal[data-v-580f03f0] {
                --blu-modal-max-height: 100%;
                height: 100%;
                width: 100%;
                border-radius: unset;
                bottom: 0;
                left: 0;
                transform: none
            }

            html[dark] .b-mobile-fullscreen .blu-modal[data-v-580f03f0] .blu-modal__header {
                box-shadow: var(--blu-modal-box-shadow)
            }

            html[dark] .b-mobile-fullscreen.b-desktop-left .blu-modal[data-v-580f03f0],
            html[dark] .b-mobile-fullscreen.b-desktop-right .blu-modal[data-v-580f03f0],
            html[dark] .b-mobile-fullscreen.b-desktop-top .blu-modal[data-v-580f03f0] {
                top: 0
            }

            html[dark] .b-mobile-fullscreen.b-desktop-left.fade-enter-active[data-v-580f03f0],
            html[dark] .b-mobile-fullscreen.b-desktop-left.fade-leave-active[data-v-580f03f0] {
                transition: all .3s
            }

            html[dark] .b-mobile-fullscreen.b-desktop-left.fade-enter-from .blu-modal[data-v-580f03f0],
            html[dark] .b-mobile-fullscreen.b-desktop-left.fade-leave-to .blu-modal[data-v-580f03f0] {
                left: -100vh
            }

            html[dark] .b-mobile-fullscreen.b-desktop-right.fade-enter-active[data-v-580f03f0],
            html[dark] .b-mobile-fullscreen.b-desktop-right.fade-leave-active[data-v-580f03f0] {
                transition: all .3s
            }

            html[dark] .b-mobile-fullscreen.b-desktop-right.fade-enter-from .blu-modal[data-v-580f03f0],
            html[dark] .b-mobile-fullscreen.b-desktop-right.fade-leave-to .blu-modal[data-v-580f03f0] {
                right: -100vh
            }

            html[dark] .b-mobile-fullscreen.b-desktop-right .blu-modal[data-v-580f03f0] {
                left: revert;
                right: 0
            }

            html[dark] .b-mobile-fullscreen.b-desktop-top.fade-enter-active[data-v-580f03f0],
            html[dark] .b-mobile-fullscreen.b-desktop-top.fade-leave-active[data-v-580f03f0] {
                transition: all .3s
            }

            html[dark] .b-mobile-fullscreen.b-desktop-top.fade-enter-from .blu-modal[data-v-580f03f0],
            html[dark] .b-mobile-fullscreen.b-desktop-top.fade-leave-to .blu-modal[data-v-580f03f0] {
                top: -100vh
            }

            html[dark] .b-mobile-fullscreen.b-desktop-top .blu-modal[data-v-580f03f0] {
                bottom: revert
            }
        }

        html[dark] .b-scrim[data-v-580f03f0] {
            --blu-color-scrim-background: rgba(0, 0, 0, .6);
            position: fixed;
            top: 0;
            left: 0;
            z-index: 99;
            width: 100%;
            height: 100%;
            background-color: var(--blu-color-scrim-background);
            display: flex;
            flex-direction: column;
            justify-content: center;
            align-items: center;
            transition: opacity .3s;
            opacity: 1
        }

        html[dark] .fade-enter-active .b-scrim[data-v-580f03f0],
        html[dark] .fade-leave-active .b-scrim[data-v-580f03f0] {
            transition: opacity .3s
        }

        html[dark] .fade-enter-to .b-scrim[data-v-580f03f0] {
            opacity: 1
        }

        html[dark] .fade-leave-to .b-scrim[data-v-580f03f0] {
            opacity: 0
        }
    </style>
    <style>
        *[data-v-ee0005ae],
        *[data-v-ee0005ae]:before,
        *[data-v-ee0005ae]:after {
            box-sizing: border-box
        }

        html:not([dark]) .blu-modal__body[data-v-ee0005ae] {
            --blu-modal-body-text: 500 16px/20px Blibli, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif;
            --blu-modal-body-color: rgba(25, 34, 42, .7019607843);
            --blu-modal-body-padding: 4px 16px 12px;
            --blu-modal-body-addition-gap: 8px 16px;
            font: var(--blu-modal-body-text);
            color: var(--blu-modal-body-color);
            display: flex;
            flex-direction: column;
            overscroll-behavior: contain
        }

        html:not([dark]) .blu-modal__body-content[data-v-ee0005ae] {
            padding: var(--blu-modal-body-padding)
        }

        html:not([dark]) .blu-modal__body-addition[data-v-ee0005ae] {
            padding: var(--blu-modal-body-addition-gap)
        }

        html:not([dark]) .blu-modal__body.b-has-no-padding[data-v-ee0005ae] {
            --blu-modal-body-padding: 0
        }

        @media screen and (max-width: 839px) {
            html:not([dark]) .blu-modal__body[data-v-ee0005ae] {
                --blu-modal-body-text: 500 14px/18px Blibli, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif
            }
        }

        html:not([dark]) .b-overflow-y[data-v-ee0005ae] {
            scrollbar-color: rgba(25, 34, 42, .3019607843) transparent;
            scrollbar-width: thin
        }

        html:not([dark]) .b-overflow-y[data-v-ee0005ae]::-webkit-scrollbar {
            width: 4px;
            height: 8px;
            background-color: transparent
        }

        html:not([dark]) .b-overflow-y[data-v-ee0005ae]::-webkit-scrollbar-track {
            margin: 13px 0
        }

        html:not([dark]) .b-overflow-y[data-v-ee0005ae]::-webkit-scrollbar-thumb {
            box-shadow: inset 0 0 14px 14px transparent;
            border-radius: 4px;
            background-color: #19222a4d;
            scrollbar-color: rgba(25, 34, 42, .3019607843)
        }

        html:not([dark]) .b-overflow-y[data-v-ee0005ae]:hover::-webkit-scrollbar {
            width: 4px
        }

        html:not([dark]) .b-overflow-y[data-v-ee0005ae]:hover::-webkit-scrollbar-track {
            border: solid 2px transparent
        }

        html:not([dark]) .b-overflow-y[data-v-ee0005ae]:hover::-webkit-scrollbar-thumb:hover {
            box-shadow: inset 0 0 14px 14px transparent;
            background-color: #19222a4d;
            scrollbar-color: rgba(25, 34, 42, .3019607843) transparent
        }

        html:not([dark]) .b-overflow-y[data-v-ee0005ae]::-webkit-scrollbar-track {
            border-radius: 3px;
            background-color: transparent
        }

        html:not([dark]) .b-overflow-y.hidden[data-v-ee0005ae] {
            scrollbar-width: none
        }

        html:not([dark]) .b-overflow-y.hidden[data-v-ee0005ae]::-webkit-scrollbar-thumb {
            border-radius: 4px;
            background-color: transparent
        }

        html:not([dark]) .b-overflow-y.hidden[data-v-ee0005ae]:hover {
            scrollbar-width: thin
        }

        html:not([dark]) .b-overflow-y.hidden[data-v-ee0005ae]:hover::-webkit-scrollbar-thumb {
            box-shadow: inset 0 0 14px 14px transparent;
            border-radius: 4px;
            background-color: #19222a4d;
            scrollbar-color: rgba(25, 34, 42, .3019607843) transparent
        }

        html:not([dark]) .b-overflow-y.hidden[data-v-ee0005ae]:hover::-webkit-scrollbar-thumb:hover {
            box-shadow: inset 0 0 14px 14px transparent;
            background-color: #19222a4d;
            scrollbar-color: rgba(25, 34, 42, .3019607843) transparent
        }

        html:not([dark]) .b-overflow-y[data-v-ee0005ae] {
            overflow-y: auto;
            margin: 0
        }

        html[dark] .blu-modal__body[data-v-ee0005ae] {
            --blu-modal-body-text: 500 16px/20px Blibli, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif;
            --blu-modal-body-color: rgba(255, 255, 255, .8);
            --blu-modal-body-padding: 4px 16px 12px;
            --blu-modal-body-addition-gap: 8px 16px;
            font: var(--blu-modal-body-text);
            color: var(--blu-modal-body-color);
            display: flex;
            flex-direction: column;
            overscroll-behavior: contain
        }

        html[dark] .blu-modal__body-content[data-v-ee0005ae] {
            padding: var(--blu-modal-body-padding)
        }

        html[dark] .blu-modal__body-addition[data-v-ee0005ae] {
            padding: var(--blu-modal-body-addition-gap)
        }

        html[dark] .blu-modal__body.b-has-no-padding[data-v-ee0005ae] {
            --blu-modal-body-padding: 0
        }

        @media screen and (max-width: 839px) {
            html[dark] .blu-modal__body[data-v-ee0005ae] {
                --blu-modal-body-text: 500 14px/18px Blibli, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif
            }
        }

        html[dark] .b-overflow-y[data-v-ee0005ae] {
            scrollbar-color: rgba(255, 255, 255, .3019607843) transparent;
            scrollbar-width: thin
        }

        html[dark] .b-overflow-y[data-v-ee0005ae]::-webkit-scrollbar {
            width: 4px;
            height: 8px;
            background-color: transparent
        }

        html[dark] .b-overflow-y[data-v-ee0005ae]::-webkit-scrollbar-track {
            margin: 13px 0
        }

        html[dark] .b-overflow-y[data-v-ee0005ae]::-webkit-scrollbar-thumb {
            box-shadow: inset 0 0 14px 14px transparent;
            border-radius: 4px;
            background-color: #ffffff4d;
            scrollbar-color: rgba(255, 255, 255, .3019607843)
        }

        html[dark] .b-overflow-y[data-v-ee0005ae]:hover::-webkit-scrollbar {
            width: 4px
        }

        html[dark] .b-overflow-y[data-v-ee0005ae]:hover::-webkit-scrollbar-track {
            border: solid 2px transparent
        }

        html[dark] .b-overflow-y[data-v-ee0005ae]:hover::-webkit-scrollbar-thumb:hover {
            box-shadow: inset 0 0 14px 14px transparent;
            background-color: #ffffff4d;
            scrollbar-color: rgba(255, 255, 255, .3019607843) transparent
        }

        html[dark] .b-overflow-y[data-v-ee0005ae]::-webkit-scrollbar-track {
            border-radius: 3px;
            background-color: transparent
        }

        html[dark] .b-overflow-y.hidden[data-v-ee0005ae] {
            scrollbar-width: none
        }

        html[dark] .b-overflow-y.hidden[data-v-ee0005ae]::-webkit-scrollbar-thumb {
            border-radius: 4px;
            background-color: transparent
        }

        html[dark] .b-overflow-y.hidden[data-v-ee0005ae]:hover {
            scrollbar-width: thin
        }

        html[dark] .b-overflow-y.hidden[data-v-ee0005ae]:hover::-webkit-scrollbar-thumb {
            box-shadow: inset 0 0 14px 14px transparent;
            border-radius: 4px;
            background-color: #ffffff4d;
            scrollbar-color: rgba(255, 255, 255, .3019607843) transparent
        }

        html[dark] .b-overflow-y.hidden[data-v-ee0005ae]:hover::-webkit-scrollbar-thumb:hover {
            box-shadow: inset 0 0 14px 14px transparent;
            background-color: #ffffff4d;
            scrollbar-color: rgba(255, 255, 255, .3019607843) transparent
        }

        html[dark] .b-overflow-y[data-v-ee0005ae] {
            overflow-y: auto;
            margin: 0
        }
    </style>
    <style>
        html:not([dark]) .blu-modal__header[data-v-48938041] {
            --blu-modal-header-text: 600 20px/24px Blibli, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif;
            --blu-modal-header-color: #19222a;
            --blu-modal-header-icon-color: #797f85;
            --blu-modal-header-padding: 16px;
            --blu-modal-header-gap: 4px;
            padding: var(--blu-modal-header-padding);
            color: var(--blu-modal-header-color)
        }

        @media screen and (max-width: 839px) {
            html:not([dark]) .blu-modal__header[data-v-48938041] {
                --blu-modal-header-padding: 12px 16px
            }
        }

        html:not([dark]) .blu-modal__header-main[data-v-48938041] {
            display: flex;
            width: 100%
        }

        html:not([dark]) .blu-modal__header-main *[data-v-48938041]:not(:last-child):not(.blu-modal__header-main--item-leading) {
            margin-right: var(--blu-modal-header-gap)
        }

        html:not([dark]) .blu-modal__header-main--title[data-v-48938041] {
            font: var(--blu-modal-header-text);
            margin: auto auto auto 0;
            width: 100%;
            overflow: hidden
        }

        @media screen and (max-width: 839px) {
            html:not([dark]) .blu-modal__header-main--title[data-v-48938041] {
                --blu-modal-header-text: 600 16px/20px Blibli, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif
            }
        }

        html:not([dark]) .blu-modal__header-main--item-leading[data-v-48938041],
        html:not([dark]) .blu-modal__header-main--item-trailing[data-v-48938041] {
            color: var(--blu-modal-header-icon-color);
            display: flex;
            cursor: pointer
        }

        html:not([dark]) .blu-modal__header-main--item-leading[data-v-48938041] svg,
        html:not([dark]) .blu-modal__header-main--item-trailing[data-v-48938041] svg {
            padding: 4px;
            box-sizing: content-box
        }

        html:not([dark]) .blu-modal__header-main--item-leading[data-v-48938041] svg:not(:last-child),
        html:not([dark]) .blu-modal__header-main--item-trailing[data-v-48938041] svg:not(:last-child) {
            margin-right: var(--blu-modal-header-gap)
        }

        @media screen and (min-width: 840px),
        print {
            html:not([dark]) .blu-modal__header-main--item-leading[data-v-48938041] {
                order: 3;
                flex-direction: row-reverse;
                margin-left: var(--blu-modal-header-gap)
            }
        }

        @media screen and (max-width: 839px) {
            html:not([dark]) .blu-modal__header-main--item-leading[data-v-48938041] {
                margin-right: var(--blu-modal-header-gap)
            }
        }

        html:not([dark]) .blu-modal__header-main--item-trailing[data-v-48938041] {
            margin-left: auto
        }

        html:not([dark]) .blu-modal__header-main--close-icon[data-v-48938041]:focus {
            outline: none
        }

        html:not([dark]) .blu-modal__header-main--close-icon[data-v-48938041]:focus-visible {
            outline: 2px solid #19222a
        }

        html:not([dark]) .blu-modal__header.b-padding-top-0[data-v-48938041] {
            padding-top: 0
        }

        html:not([dark]) .blu-modal__header.b-padding-bottom-0[data-v-48938041] {
            padding-bottom: 0
        }

        html:not([dark]) .b-info .blu-modal__header[data-v-48938041] {
            --blu-modal-icon-header-status: #a58d33;
            --blu-modal-header-icon-spacing-gap: 4px 0 8px
        }

        html:not([dark]) .b-info .blu-modal__header-status-icon[data-v-48938041] {
            color: var(--blu-modal-icon-header-status);
            display: flex;
            margin: var(--blu-modal-header-icon-spacing-gap)
        }

        html:not([dark]) .b-success .blu-modal__header[data-v-48938041] {
            --blu-modal-icon-header-status: #1f912e;
            --blu-modal-header-icon-spacing-gap: 4px 0 8px
        }

        html:not([dark]) .b-success .blu-modal__header-status-icon[data-v-48938041] {
            color: var(--blu-modal-icon-header-status);
            display: flex;
            margin: var(--blu-modal-header-icon-spacing-gap)
        }

        html:not([dark]) .b-alert .blu-modal__header[data-v-48938041] {
            --blu-modal-icon-header-status: #bc6e06;
            --blu-modal-header-icon-spacing-gap: 4px 0 8px
        }

        html:not([dark]) .b-alert .blu-modal__header-status-icon[data-v-48938041] {
            color: var(--blu-modal-icon-header-status);
            display: flex;
            margin: var(--blu-modal-header-icon-spacing-gap)
        }

        html:not([dark]) .b-danger .blu-modal__header[data-v-48938041] {
            --blu-modal-icon-header-status: #e93c3c;
            --blu-modal-header-icon-spacing-gap: 4px 0 8px
        }

        html:not([dark]) .b-danger .blu-modal__header-status-icon[data-v-48938041] {
            color: var(--blu-modal-icon-header-status);
            display: flex;
            margin: var(--blu-modal-header-icon-spacing-gap)
        }

        html[dark] .blu-modal__header[data-v-48938041] {
            --blu-modal-header-text: 600 20px/24px Blibli, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif;
            --blu-modal-header-color: #ffffff;
            --blu-modal-header-icon-color: #acb0b4;
            --blu-modal-header-padding: 16px;
            --blu-modal-header-gap: 4px;
            padding: var(--blu-modal-header-padding);
            color: var(--blu-modal-header-color)
        }

        @media screen and (max-width: 839px) {
            html[dark] .blu-modal__header[data-v-48938041] {
                --blu-modal-header-padding: 12px 16px
            }
        }

        html[dark] .blu-modal__header-main[data-v-48938041] {
            display: flex;
            width: 100%
        }

        html[dark] .blu-modal__header-main *[data-v-48938041]:not(:last-child):not(.blu-modal__header-main--item-leading) {
            margin-right: var(--blu-modal-header-gap)
        }

        html[dark] .blu-modal__header-main--title[data-v-48938041] {
            font: var(--blu-modal-header-text);
            margin: auto auto auto 0;
            width: 100%;
            overflow: hidden
        }

        @media screen and (max-width: 839px) {
            html[dark] .blu-modal__header-main--title[data-v-48938041] {
                --blu-modal-header-text: 600 16px/20px Blibli, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif
            }
        }

        html[dark] .blu-modal__header-main--item-leading[data-v-48938041],
        html[dark] .blu-modal__header-main--item-trailing[data-v-48938041] {
            color: var(--blu-modal-header-icon-color);
            display: flex;
            cursor: pointer
        }

        html[dark] .blu-modal__header-main--item-leading[data-v-48938041] svg,
        html[dark] .blu-modal__header-main--item-trailing[data-v-48938041] svg {
            padding: 4px;
            box-sizing: content-box
        }

        html[dark] .blu-modal__header-main--item-leading[data-v-48938041] svg:not(:last-child),
        html[dark] .blu-modal__header-main--item-trailing[data-v-48938041] svg:not(:last-child) {
            margin-right: var(--blu-modal-header-gap)
        }

        @media screen and (min-width: 840px),
        print {
            html[dark] .blu-modal__header-main--item-leading[data-v-48938041] {
                order: 3;
                flex-direction: row-reverse;
                margin-left: var(--blu-modal-header-gap)
            }
        }

        @media screen and (max-width: 839px) {
            html[dark] .blu-modal__header-main--item-leading[data-v-48938041] {
                margin-right: var(--blu-modal-header-gap)
            }
        }

        html[dark] .blu-modal__header-main--item-trailing[data-v-48938041] {
            margin-left: auto
        }

        html[dark] .blu-modal__header-main--close-icon[data-v-48938041]:focus {
            outline: none
        }

        html[dark] .blu-modal__header-main--close-icon[data-v-48938041]:focus-visible {
            outline: 2px solid #f9f9fa
        }

        html[dark] .blu-modal__header.b-padding-top-0[data-v-48938041] {
            padding-top: 0
        }

        html[dark] .blu-modal__header.b-padding-bottom-0[data-v-48938041] {
            padding-bottom: 0
        }

        html[dark] .b-info .blu-modal__header[data-v-48938041] {
            --blu-modal-icon-header-status: #4fa4ff;
            --blu-modal-header-icon-spacing-gap: 4px 0 8px
        }

        html[dark] .b-info .blu-modal__header-status-icon[data-v-48938041] {
            color: var(--blu-modal-icon-header-status);
            display: flex;
            margin: var(--blu-modal-header-icon-spacing-gap)
        }

        html[dark] .b-success .blu-modal__header[data-v-48938041] {
            --blu-modal-icon-header-status: #02c82b;
            --blu-modal-header-icon-spacing-gap: 4px 0 8px
        }

        html[dark] .b-success .blu-modal__header-status-icon[data-v-48938041] {
            color: var(--blu-modal-icon-header-status);
            display: flex;
            margin: var(--blu-modal-header-icon-spacing-gap)
        }

        html[dark] .b-alert .blu-modal__header[data-v-48938041] {
            --blu-modal-icon-header-status: #f1ab02;
            --blu-modal-header-icon-spacing-gap: 4px 0 8px
        }

        html[dark] .b-alert .blu-modal__header-status-icon[data-v-48938041] {
            color: var(--blu-modal-icon-header-status);
            display: flex;
            margin: var(--blu-modal-header-icon-spacing-gap)
        }

        html[dark] .b-danger .blu-modal__header[data-v-48938041] {
            --blu-modal-icon-header-status: #ff7373;
            --blu-modal-header-icon-spacing-gap: 4px 0 8px
        }

        html[dark] .b-danger .blu-modal__header-status-icon[data-v-48938041] {
            color: var(--blu-modal-icon-header-status);
            display: flex;
            margin: var(--blu-modal-header-icon-spacing-gap)
        }
    </style>
    <style>
        .lazyImage[data-v-ee8832bd] {
            max-width: 100%;
            max-height: 100%;
            width: auto;
            height: auto;
            vertical-align: middle
        }

        img[data-v-ee8832bd] {
            object-fit: cover
        }

        img.error-image[data-v-ee8832bd] {
            object-fit: contain !important;
            background-color: #f1f2f2
        }

        .list-enter-active[data-v-ee8832bd],
        .list-leave-active[data-v-ee8832bd] {
            transition: all .5s ease
        }

        .list-enter-from[data-v-ee8832bd],
        .list-leave-to[data-v-ee8832bd] {
            opacity: 0;
            transform: translate(30px)
        }

        .product-information__product[data-v-40c58da8] {
            display: flex;
            align-items: center;
            margin-bottom: 24px
        }

        @media screen and (max-width: 839px) {
            .product-information__product[data-v-40c58da8] {
                margin-bottom: 8px
            }
        }

        .product-information__product__image[data-v-40c58da8] {
            width: 78px;
            min-width: 78px;
            border-radius: 8px;
            overflow: hidden
        }

        .product-information__product__info[data-v-40c58da8] {
            padding-left: 16px;
            line-height: 2
        }

        @media screen and (max-width: 839px) {
            .product-information__product__info[data-v-40c58da8] {
                line-height: normal
            }
        }

        .product-information__product__info__name[data-v-40c58da8] {
            font: 500 16px/20px Blibli, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif;
            color: #19222ab3;
            word-break: break-word
        }

        @media screen and (max-width: 839px) {
            .product-information__product__info__name[data-v-40c58da8] {
                font: 500 14px/18px Blibli, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif;
                color: #19222a
            }
        }

        .product-information__product__info__variant[data-v-40c58da8] {
            font: 500 14px/18px Blibli, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif;
            color: #19222a66
        }

        .product-status[data-v-1bb0c7dd] {
            display: flex
        }

        .product-status__item[data-v-1bb0c7dd] {
            margin-right: 4px
        }

        .product-status__margin-bottom[data-v-1bb0c7dd] {
            margin-bottom: 8px
        }

        .cs-operational-hour[data-v-57140e04] {
            display: flex;
            margin-bottom: 8px
        }

        .cs-operational-hour__watch[data-v-57140e04] {
            display: flex;
            align-items: center;
            margin-right: 4px
        }

        .cs-operational-hour__watch--icon[data-v-57140e04] {
            fill: #797f85
        }

        .cs-operational-hour__info[data-v-57140e04] {
            font: 500 16px/20px Blibli, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif;
            color: #19222ab3
        }

        @media screen and (max-width: 839px) {
            .cs-operational-hour__info[data-v-57140e04] {
                font: 500 14px/18px Blibli, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif
            }
        }

        .cs-operational-hour__info__subtitle[data-v-57140e04] {
            font: 600 16px/20px Blibli, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif
        }

        @media screen and (max-width: 839px) {
            .cs-operational-hour__info__subtitle[data-v-57140e04] {
                font: 600 14px/18px Blibli, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif
            }
        }

        .discussion-direction[data-v-27442e38] {
            font: 500 14px/18px Blibli, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif;
            color: #19222a66;
            word-spacing: .5px
        }

        .discussion-direction a[data-v-27442e38] {
            color: #ac8221;
            text-decoration: none;
            cursor: pointer
        }

        @media screen and (max-width: 839px) {
            .discussion-direction[data-v-27442e38] {
                font: 500 12px/16px Blibli, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif;
                color: #19222ab3
            }
        }

        .product-discussion-information[data-v-21ee4da1] {
            display: flex;
            flex-direction: column
        }

        .product-discussion-information__detail[data-v-21ee4da1] {
            display: flex;
            flex-direction: row;
            justify-content: space-between;
            align-items: center;
            margin-bottom: 24px
        }

        @media screen and (max-width: 839px) {
            .product-discussion-information__detail[data-v-21ee4da1] {
                flex-direction: column;
                align-items: flex-start;
                margin-bottom: 16px
            }
        }

        .product-discussion-information__detail__group[data-v-21ee4da1] {
            margin-bottom: 0
        }

        @media screen and (max-width: 839px) {
            .product-discussion-information__detail__group[data-v-21ee4da1] {
                margin-bottom: 16px
            }
        }

        .product-discussion-information__detail__button[data-v-21ee4da1] {
            margin-left: 8px
        }

        @media screen and (max-width: 839px) {
            .product-discussion-information__detail__button[data-v-21ee4da1] {
                width: 100%;
                margin-left: 0
            }
        }

        @media screen and (max-width: 839px) {
            .product-discussion-form__title[data-v-3b1c1d6c] {
                display: none
            }
        }

        .product-discussion-form__info[data-v-3b1c1d6c] {
            margin-bottom: 8px
        }

        .menu-button__icon[data-v-278a8a8e] {
            fill: #797f85
        }

        .menu-button__list-item[data-v-278a8a8e] {
            font: 500 14px/18px Blibli, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif;
            color: #19222ab3
        }

        @media screen and (max-width: 839px) {
            .menu-button__list-item[data-v-278a8a8e] {
                font: 600 14px/18px Blibli, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif
            }
        }

        .product-discussion-question[data-v-6620b7c7] {
            display: flex;
            flex-direction: row;
            justify-content: space-between;
            align-items: flex-start
        }

        .product-discussion-question__info__inquiry[data-v-6620b7c7] {
            font: 600 16px/20px Blibli, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif;
            color: #19222a;
            word-break: break-word
        }

        .product-discussion-question__info__date[data-v-6620b7c7] {
            font: 500 12px/16px Blibli, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif;
            color: #19222a66
        }

        .product-discussion-answer__info[data-v-a09b17b6] {
            display: flex;
            flex-direction: row;
            justify-content: space-between;
            align-items: flex-start
        }

        .product-discussion-answer__info__answer[data-v-a09b17b6] {
            display: flex;
            flex-direction: column;
            flex: 1 1 auto
        }

        .product-discussion-answer__info__answer__header[data-v-a09b17b6] {
            display: flex;
            flex-direction: row;
            justify-content: space-between;
            flex-wrap: wrap
        }

        .product-discussion-answer__info__answer__header__respondent[data-v-a09b17b6] {
            display: flex;
            align-items: center;
            gap: 2px;
            font: 500 14px/18px Blibli, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif;
            color: #19222ab3;
            line-height: 18px
        }

        .product-discussion-answer__info__answer__header__respondent__badge[data-v-a09b17b6] {
            display: flex;
            align-items: center
        }

        .product-discussion-answer__info__answer__header__respondent__badge--icon[data-v-a09b17b6] {
            margin-right: 2px
        }

        .product-discussion-answer__info__answer__header__respondent__name[data-v-a09b17b6] {
            font: 600 14px/18px Blibli, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif
        }

        .product-discussion-answer__info__answer__header__see-offer__link[data-v-a09b17b6] {
            font: 500 14px/18px Blibli, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif;
            color: #ac8221;
            text-decoration: none;
            cursor: pointer
        }

        .product-discussion-answer__info__answer__response[data-v-a09b17b6] {
            font: 500 16px/20px Blibli, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif;
            color: #19222ab3;
            line-height: 20px;
            word-break: break-word
        }

        .product-discussion-answer__info__answer__date[data-v-a09b17b6] {
            font: 500 12px/16px Blibli, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif;
            color: #19222a66
        }

        .product-discussion-list[data-v-9f49e72d] {
            display: flex;
            flex-direction: column;
            width: 100%;
            padding: 16px 0;
            border-top: 1px solid #e1e3e4;
            gap: 8px
        }

        @media screen and (max-width: 839px) {
            .product-discussion-list[data-v-9f49e72d] {
                border-top: none;
                border-bottom: 1px solid #e1e3e4
            }

            .product-discussion-list[data-v-9f49e72d]:last-child {
                border-bottom: none
            }
        }

        .product-discussion-list__question[data-v-9f49e72d],
        .product-discussion-list__answer[data-v-9f49e72d] {
            display: flex;
            flex-direction: row
        }

        .product-discussion-list__question__title[data-v-9f49e72d],
        .product-discussion-list__answer__title[data-v-9f49e72d] {
            font: 600 16px/20px Blibli, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif;
            color: #19222a;
            flex: 0 0 20px;
            margin-right: 4px
        }

        .product-discussion-list__question__content[data-v-9f49e72d],
        .product-discussion-list__answer__content[data-v-9f49e72d] {
            flex: 1 1 auto
        }

        .product-discussion-list__question__content__no-answer[data-v-9f49e72d],
        .product-discussion-list__answer__content__no-answer[data-v-9f49e72d] {
            font: 500 16px/20px Blibli, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif;
            color: #19222a66
        }

        .product-discussion-list__question__content__other-answers__content[data-v-9f49e72d],
        .product-discussion-list__answer__content__other-answers__content[data-v-9f49e72d] {
            padding-top: 16px;
            margin-top: 16px;
            border-top: 1px solid #e1e3e4
        }

        .product-discussion-list__question__content__other-answers__toggle[data-v-9f49e72d],
        .product-discussion-list__answer__content__other-answers__toggle[data-v-9f49e72d] {
            font: 500 14px/18px Blibli, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif;
            color: #ac8221;
            cursor: pointer;
            margin-top: 4px
        }

        .product-discussion-lists__pagination[data-v-d9b8449b] {
            display: flex;
            align-items: center;
            justify-content: center;
            margin-top: 16px
        }

        .product-discussion-lists__empty[data-v-d9b8449b] {
            display: flex;
            flex-direction: column;
            align-items: center;
            justify-content: center;
            padding: 32px 0;
            box-shadow: 0 1px 6px #0000001a;
            border-radius: 8px
        }

        @media screen and (max-width: 839px) {
            .product-discussion-lists__empty[data-v-d9b8449b] {
                box-shadow: none;
                padding: 12px 0
            }
        }

        .product-discussion-lists__empty--title[data-v-d9b8449b] {
            font: 600 14px/18px Blibli, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif;
            color: #19222ab3;
            text-align: center;
            line-height: 18px;
            margin-bottom: 4px
        }

        .product-discussion-lists__empty--description[data-v-d9b8449b] {
            font: 500 14px/18px Blibli, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif;
            color: #19222a66;
            text-align: center;
            line-height: 18px;
            max-width: 280px
        }

        .product-discussion-lists__modal__body[data-v-d9b8449b] {
            padding: 16px 0
        }

        .product-discussion__header[data-v-490dd4c8] {
            font: 600 20px/24px Blibli, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif;
            color: #19222a;
            margin-bottom: 24px
        }

        @media screen and (max-width: 839px) {
            .product-discussion__header[data-v-490dd4c8] {
                font: 600 18px/24px Blibli, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif;
                margin-bottom: 8px
            }
        }

        .product-discussion__margin-bottom[data-v-490dd4c8] {
            margin-bottom: 40px
        }
    </style>
    <style>
        html:not([dark]) .blu-badge[data-v-4cd4e6d8] {
            --blu-badge-color-text: #ffffff;
            --blu-badge-color-border: #ffffff;
            --blu-badge-text: 600 12px/16px Blibli, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif;
            --blu-badge-border-radius: 4px;
            --blu-badge-border-width: 1px;
            --blu-badge-padding: 0 4px 1px;
            font: var(--blu-badge-text);
            border-radius: var(--blu-badge-border-radius);
            box-shadow: 0 0 0 var(--blu-badge-border-width) var(--blu-badge-color-border);
            padding: var(--blu-badge-padding);
            display: inline-flex;
            box-sizing: border-box;
            justify-content: center;
            align-items: center;
            line-height: 15px;
            max-height: 16px;
            white-space: nowrap
        }

        html:not([dark]) .blu-badge[data-v-4cd4e6d8] svg {
            display: flex;
            width: 12px;
            height: 12px;
            color: var(--blu-badge-item-leading-color-icon)
        }

        html:not([dark]) .blu-badge *[data-v-4cd4e6d8]:not(:last-child) {
            margin-right: 2px
        }

        html:not([dark]) .blu-badge[data-v-4cd4e6d8]:not(.b-dot) {
            min-width: 16px
        }

        html:not([dark]) .blu-badge.b-dot[data-v-4cd4e6d8] {
            --blu-badge-size: 8px;
            width: var(--blu-badge-size);
            height: var(--blu-badge-size)
        }

        html:not([dark]) .blu-badge[data-v-4cd4e6d8]:not(.b-secondary) {
            --blu-badge-item-leading-color-icon: var(--blu-badge-color-icon);
            color: var(--blu-badge-color-text);
            background-color: var(--blu-badge-color-background)
        }

        html:not([dark]) .blu-badge.b-secondary[data-v-4cd4e6d8] {
            --blu-badge-item-leading-color-icon: var(--blu-badge-color-icon-low);
            color: var(--blu-badge-color-text-low);
            background-color: var(--blu-badge-color-background-low)
        }

        html:not([dark]) .blu-badge.b-blue[data-v-4cd4e6d8] {
            --blu-badge-color-background-low: #e1f1ff;
            --blu-badge-color-background: #1d8fff;
            --blu-badge-color-text-low: #ac8221;
            --blu-badge-color-icon-low: #a58d33;
            --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: #ac8221;
            --blu-badge-color-icon-low: rgba(25, 34, 42, .4);
            --blu-badge-color-icon: #a58d33
        }

        html:not([dark]) .blu-badge.b-notification[data-v-4cd4e6d8] {
            --blu-badge-border-radius: 8px
        }

        html:not([dark]) .blu-badge.b-tooltip[data-v-4cd4e6d8] {
            cursor: pointer
        }

        html[dark] .blu-badge[data-v-4cd4e6d8] {
            --blu-badge-color-text: #ffffff;
            --blu-badge-color-border: #12171d;
            --blu-badge-text: 600 12px/16px Blibli, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif;
            --blu-badge-border-radius: 4px;
            --blu-badge-border-width: 1px;
            --blu-badge-padding: 0 4px 1px;
            font: var(--blu-badge-text);
            border-radius: var(--blu-badge-border-radius);
            box-shadow: 0 0 0 var(--blu-badge-border-width) var(--blu-badge-color-border);
            padding: var(--blu-badge-padding);
            display: inline-flex;
            box-sizing: border-box;
            justify-content: center;
            align-items: center;
            line-height: 15px;
            max-height: 16px;
            white-space: nowrap
        }

        html[dark] .blu-badge[data-v-4cd4e6d8] svg {
            display: flex;
            width: 12px;
            height: 12px;
            color: var(--blu-badge-item-leading-color-icon)
        }

        html[dark] .blu-badge *[data-v-4cd4e6d8]:not(:last-child) {
            margin-right: 2px
        }

        html[dark] .blu-badge[data-v-4cd4e6d8]:not(.b-dot) {
            min-width: 16px
        }

        html[dark] .blu-badge.b-dot[data-v-4cd4e6d8] {
            --blu-badge-size: 8px;
            width: var(--blu-badge-size);
            height: var(--blu-badge-size)
        }

        html[dark] .blu-badge[data-v-4cd4e6d8]:not(.b-secondary) {
            --blu-badge-item-leading-color-icon: var(--blu-badge-color-icon);
            color: var(--blu-badge-color-text);
            background-color: var(--blu-badge-color-background)
        }

        html[dark] .blu-badge.b-secondary[data-v-4cd4e6d8] {
            --blu-badge-item-leading-color-icon: var(--blu-badge-color-icon-low);
            color: var(--blu-badge-color-text-low);
            background-color: var(--blu-badge-color-background-low)
        }

        html[dark] .blu-badge.b-blue[data-v-4cd4e6d8] {
            --blu-badge-color-background-low: #0046aa;
            --blu-badge-color-background: #1d8fff;
            --blu-badge-color-text-low: #4fa4ff;
            --blu-badge-color-icon-low: #4fa4ff;
            --blu-badge-color-icon: #ffffff
        }

        html[dark] .blu-badge.b-yellow[data-v-4cd4e6d8] {
            --blu-badge-color-background-low: #ffe6ce;
            --blu-badge-color-background: #ff7f00;
            --blu-badge-color-text-low: #dc5300;
            --blu-badge-color-icon-low: #f05a00;
            --blu-badge-color-icon: #ffffff
        }

        html[dark] .blu-badge.b-red[data-v-4cd4e6d8] {
            --blu-badge-color-background-low: #8d2221;
            --blu-badge-color-background: #ff4646;
            --blu-badge-color-text-low: #ff7373;
            --blu-badge-color-icon-low: #ff7373;
            --blu-badge-color-icon: #ffffff
        }

        html[dark] .blu-badge.b-green[data-v-4cd4e6d8] {
            --blu-badge-color-background-low: #13561c;
            --blu-badge-color-background: #22a334;
            --blu-badge-color-text-low: #02c82b;
            --blu-badge-color-icon-low: #02c82b;
            --blu-badge-color-icon: #ffffff
        }

        html[dark] .blu-badge.b-purple[data-v-4cd4e6d8] {
            --blu-badge-color-background-low: #fddef0;
            --blu-badge-color-background: #ff0f9d;
            --blu-badge-color-text-low: #834bee;
            --blu-badge-color-icon-low: #834bee;
            --blu-badge-color-icon: #12171d
        }

        html[dark] .blu-badge.b-magenta[data-v-4cd4e6d8] {
            --blu-badge-color-background-low: #fddef0;
            --blu-badge-color-background: #ff0f9d;
            --blu-badge-color-text-low: #ff0f9d;
            --blu-badge-color-icon-low: #ff0f9d;
            --blu-badge-color-icon: #12171d
        }

        html[dark] .blu-badge.b-gray[data-v-4cd4e6d8] {
            --blu-badge-color-background-low: #28323b;
            --blu-badge-color-background: #f1f2f2;
            --blu-badge-color-text-low: rgba(255, 255, 255, .8);
            --blu-badge-color-text: #12171d;
            --blu-badge-color-icon-low: rgba(255, 255, 255, .8);
            --blu-badge-color-icon: #12171d
        }

        html[dark] .blu-badge.b-invert[data-v-4cd4e6d8] {
            --blu-badge-color-background-low: #12171d;
            --blu-badge-color-background: #12171d;
            --blu-badge-color-text-low: rgba(255, 255, 255, .5019607843);
            --blu-badge-color-text: #4fa4ff;
            --blu-badge-color-icon-low: rgba(255, 255, 255, .5019607843);
            --blu-badge-color-icon: #4fa4ff
        }

        html[dark] .blu-badge.b-notification[data-v-4cd4e6d8] {
            --blu-badge-border-radius: 8px
        }

        html[dark] .blu-badge.b-tooltip[data-v-4cd4e6d8] {
            cursor: pointer
        }
    </style>
    <style>
        html:not([dark]) .blu-loader-general[data-v-5f0af726] {
            --blu-loader-general-highlight-color-background: #1d8fff;
            --blu-loader-general-base-color-background: #f1f2f2;
            width: var(--blu-loader-general-size);
            height: var(--blu-loader-general-size)
        }

        html:not([dark]) .blu-loader-general__asset[data-v-5f0af726] {
            animation: general-rotate-5f0af726 1.6s linear infinite;
            transform-origin: center center;
            transition: all .5s ease-in-out;
            width: 100%;
            height: 100%;
            margin: auto;
            transform: rotate(90deg)
        }

        html:not([dark]) .blu-loader-general__asset--highlight[data-v-5f0af726],
        html:not([dark]) .blu-loader-general__asset--base[data-v-5f0af726] {
            stroke-linecap: round
        }

        html:not([dark]) .blu-loader-general__asset--highlight[data-v-5f0af726] {
            stroke: var(--blu-loader-general-highlight-color-background);
            animation: general-highlight-5f0af726 1.6s linear infinite
        }

        html:not([dark]) .blu-loader-general__asset--base[data-v-5f0af726] {
            stroke: var(--blu-loader-general-base-color-background);
            animation: general-base-5f0af726 1.6s linear infinite
        }

        html:not([dark]) .blu-loader-general.b-inverted[data-v-5f0af726] {
            --blu-loader-general-highlight-color-background: #ffffff;
            --blu-loader-general-base-color-background: #c8cbcd
        }

        html:not([dark]) .blu-loader-general.b-size-s[data-v-5f0af726] {
            --blu-loader-general-size: 16px
        }

        html:not([dark]) .blu-loader-general.b-size-m[data-v-5f0af726] {
            --blu-loader-general-size: 18px
        }

        html:not([dark]) .blu-loader-general.b-size-l[data-v-5f0af726] {
            --blu-loader-general-size: 24px
        }

        html:not([dark]) .blu-loader-general.b-size-xl[data-v-5f0af726] {
            --blu-loader-general-size: 32px
        }

        html[dark] .blu-loader-general[data-v-5f0af726] {
            --blu-loader-general-highlight-color-background: #4fa4ff;
            --blu-loader-general-base-color-background: #28323b;
            width: var(--blu-loader-general-size);
            height: var(--blu-loader-general-size)
        }

        html[dark] .blu-loader-general__asset[data-v-5f0af726] {
            animation: general-rotate-5f0af726 1.6s linear infinite;
            transform-origin: center center;
            transition: all .5s ease-in-out;
            width: 100%;
            height: 100%;
            margin: auto;
            transform: rotate(90deg)
        }

        html[dark] .blu-loader-general__asset--highlight[data-v-5f0af726],
        html[dark] .blu-loader-general__asset--base[data-v-5f0af726] {
            stroke-linecap: round
        }

        html[dark] .blu-loader-general__asset--highlight[data-v-5f0af726] {
            stroke: var(--blu-loader-general-highlight-color-background);
            animation: general-highlight-5f0af726 1.6s linear infinite
        }

        html[dark] .blu-loader-general__asset--base[data-v-5f0af726] {
            stroke: var(--blu-loader-general-base-color-background);
            animation: general-base-5f0af726 1.6s linear infinite
        }

        html[dark] .blu-loader-general.b-inverted[data-v-5f0af726] {
            --blu-loader-general-highlight-color-background: #12171d;
            --blu-loader-general-base-color-background: #60686e
        }

        html[dark] .blu-loader-general.b-size-s[data-v-5f0af726] {
            --blu-loader-general-size: 16px
        }

        html[dark] .blu-loader-general.b-size-m[data-v-5f0af726] {
            --blu-loader-general-size: 18px
        }

        html[dark] .blu-loader-general.b-size-l[data-v-5f0af726] {
            --blu-loader-general-size: 24px
        }

        html[dark] .blu-loader-general.b-size-xl[data-v-5f0af726] {
            --blu-loader-general-size: 32px
        }

        @keyframes general-highlight-5f0af726 {
            0% {
                stroke-dasharray: 1, 200;
                stroke-dashoffset: 0
            }

            50% {
                stroke-dasharray: 50, 200;
                stroke-dashoffset: -15px
            }

            to {
                stroke-dasharray: 50, 200;
                stroke-dashoffset: -124px
            }
        }

        @keyframes general-base-5f0af726 {
            0% {
                stroke-dasharray: 1, 200;
                stroke-dashoffset: 0
            }

            to {
                stroke-dasharray: 100, 200;
                stroke-dashoffset: -120px
            }
        }

        @keyframes general-rotate-5f0af726 {
            to {
                transform: rotate(450deg)
            }
        }

        html:not([dark]) button[data-v-498b5b0a] {
            border: none;
            background: none;
            cursor: pointer;
            font-family: Blibli, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif;
            padding: 0
        }

        html:not([dark]) input[type=submit][data-v-498b5b0a]::-moz-focus-inner,
        html:not([dark]) input[type=button][data-v-498b5b0a]::-moz-focus-inner {
            border: 0px
        }

        html:not([dark]) button[data-v-498b5b0a]:focus,
        html:not([dark]) input[type=submit][data-v-498b5b0a]:focus,
        html:not([dark]) input[type=button][data-v-498b5b0a]:focus,
        html:not([dark]) input[type=reset][data-v-498b5b0a]:focus,
        html:not([dark]) a[data-v-498b5b0a] {
            outline: none
        }

        html:not([dark]) .blu-button[data-v-498b5b0a] {
            --blu-button-border-width: 1px;
            --blu-button-border-radius: 64px;
            --blu-button-color-text: #ffffff;
            --blu-button-color-icon: #ffffff;
            --blu-button-opacity: $blu-button-opacity;
            --blu-button-size-height: 48px;
            --blu-button-icon-size: 24px;
            --blu-button-spacing-padding: 0 32px;
            --blu-button-spacing-gap: 8px;
            --blu-button-text: 600 16px/20px Blibli, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif;
            padding: var(--blu-button-spacing-padding);
            height: var(--blu-button-size-height);
            border-radius: var(--blu-button-border-radius);
            transition: transform .3s .08s, all .3s;
            color: var(--blu-button-color-text);
            background-color: var(--blu-button-color-background);
            font: var(--blu-button-text);
            box-shadow: 0 0 0 var(--blu-button-border-width) var(--blu-button-color-border);
            display: inline-flex;
            justify-content: center;
            align-items: center;
            white-space: nowrap
        }

        html:not([dark]) .blu-button[data-v-498b5b0a]:active:hover:not(.b-disabled),
        html:not([dark]) .blu-button:active.b-hover[data-v-498b5b0a]:not(.b-disabled) {
            transform: scale(.875)
        }

        html:not([dark]) .blu-button[data-v-498b5b0a]:focus-visible {
            outline: none
        }

        html:not([dark]) .blu-button[data-v-498b5b0a]:focus-visible:not(.b-disabled) {
            box-shadow: 0 0 0 2px #19222a
        }

        html:not([dark]) .blu-button__icon[data-v-498b5b0a] {
            display: flex;
            color: var(--blu-button-color-icon)
        }

        html:not([dark]) .blu-button__icon[data-v-498b5b0a] svg {
            width: var(--blu-button-icon-size);
            height: var(--blu-button-icon-size)
        }

        html:not([dark]) .blu-button.b-has-icon:not(.b-has-icon-only) .blu-button__icon[data-v-498b5b0a] {
            margin-right: var(--blu-button-spacing-gap)
        }

        html:not([dark]) .blu-button.b-has-icon-only[data-v-498b5b0a] {
            --blu-button-spacing-padding: 0 12px
        }

        html:not([dark]) .blu-button.b-loading[data-v-498b5b0a] .blu-loader-wrapper svg {
            display: flex;
            width: 18px;
            height: 18px
        }

        html:not([dark]) .blu-button.b-disabled[data-v-498b5b0a] {
            cursor: not-allowed
        }

        html:not([dark]) .blu-button.b-disabled[data-v-498b5b0a]:active {
            pointer-events: none
        }

        html:not([dark]) .blu-button.b-full-width[data-v-498b5b0a] {
            width: 100%
        }

        html:not([dark]) .blu-button.b-primary.b-common[data-v-498b5b0a] {
            --blu-button-color-background: #a58d33
        }

        html:not([dark]) .blu-button.b-primary.b-common.b-hover[data-v-498b5b0a]:not(.b-disabled),
        html:not([dark]) .blu-button.b-primary.b-common[data-v-498b5b0a]:hover:not(.b-disabled),
        html:not([dark]) .blu-button.b-primary.b-common[data-v-498b5b0a]:active:not(.b-disabled),
        html:not([dark]) .blu-button.b-primary.b-common[data-v-498b5b0a]:focus-visible:not(.b-disabled) {
            --blu-button-color-background: #1d8fff;
            --blu-button-color-border: transparent
        }

        html:not([dark]) .blu-button.b-primary.b-danger[data-v-498b5b0a] {
            --blu-button-color-background: #e93c3c
        }

        html:not([dark]) .blu-button.b-primary.b-danger.b-hover[data-v-498b5b0a]:not(.b-disabled),
        html:not([dark]) .blu-button.b-primary.b-danger[data-v-498b5b0a]:hover:not(.b-disabled),
        html:not([dark]) .blu-button.b-primary.b-danger[data-v-498b5b0a]:active:not(.b-disabled),
        html:not([dark]) .blu-button.b-primary.b-danger[data-v-498b5b0a]:focus-visible:not(.b-disabled) {
            --blu-button-color-background: #ff4646;
            --blu-button-color-border: transparent
        }

        html:not([dark]) .blu-button.b-primary.b-inverted[data-v-498b5b0a] {
            --blu-button-color-background: #ffffff;
            --blu-button-color-text: #ac8221;
            --blu-button-color-icon: #a58d33
        }

        html:not([dark]) .blu-button.b-primary.b-inverted.b-hover[data-v-498b5b0a]:not(.b-disabled),
        html:not([dark]) .blu-button.b-primary.b-inverted[data-v-498b5b0a]:hover:not(.b-disabled),
        html:not([dark]) .blu-button.b-primary.b-inverted[data-v-498b5b0a]:active:not(.b-disabled),
        html:not([dark]) .blu-button.b-primary.b-inverted[data-v-498b5b0a]:focus-visible:not(.b-disabled) {
            --blu-button-color-background: #f9f9fa;
            --blu-button-color-border: transparent
        }

        html:not([dark]) .blu-button.b-primary.b-disabled[data-v-498b5b0a] {
            --blu-button-color-background: #e1e3e4;
            --blu-button-color-text: rgba(25, 34, 42, .3019607843);
            --blu-button-color-icon: rgba(25, 34, 42, .3019607843)
        }

        html:not([dark]) .blu-button.b-primary.b-disabled[data-v-498b5b0a]:not(.b-inverted) {
            --blu-button-color-background: #e1e3e4;
            --blu-button-color-text: rgba(25, 34, 42, .3019607843);
            --blu-button-color-icon: rgba(25, 34, 42, .3019607843)
        }

        html:not([dark]) .blu-button.b-small[data-v-498b5b0a] {
            --blu-button-border-radius: 64px;
            --blu-button-size-height: 36px;
            --blu-button-spacing-padding: 0 16px;
            --blu-button-text: 600 14px/18px Blibli, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif;
            --blu-button-icon-size: 18px;
            --blu-button-spacing-gap: 4px
        }

        html:not([dark]) .blu-button.b-small.b-has-icon-only[data-v-498b5b0a] {
            --blu-button-spacing-padding: 0 9px
        }

        html:not([dark]) .blu-button.b-secondary[data-v-498b5b0a] {
            --blu-button-color-background: #ffffff
        }

        html:not([dark]) .blu-button.b-secondary.b-common[data-v-498b5b0a] {
            --blu-button-color-border: #1d8fff;
            --blu-button-color-text: #ac8221;
            --blu-button-color-icon: #a58d33
        }

        html:not([dark]) .blu-button.b-secondary.b-common.b-hover[data-v-498b5b0a]:not(.b-disabled),
        html:not([dark]) .blu-button.b-secondary.b-common[data-v-498b5b0a]:hover:not(.b-disabled),
        html:not([dark]) .blu-button.b-secondary.b-common[data-v-498b5b0a]:active:not(.b-disabled),
        html:not([dark]) .blu-button.b-secondary.b-common[data-v-498b5b0a]:focus-visible:not(.b-disabled) {
            --blu-button-color-background: #f3f9ff;
            --blu-button-color-border: #a58d33
        }

        html:not([dark]) .blu-button.b-secondary.b-danger[data-v-498b5b0a] {
            --blu-button-color-border: #ff4646;
            --blu-button-color-text: #d33534;
            --blu-button-color-icon: #e93c3c
        }

        html:not([dark]) .blu-button.b-secondary.b-danger.b-hover[data-v-498b5b0a]:not(.b-disabled),
        html:not([dark]) .blu-button.b-secondary.b-danger[data-v-498b5b0a]:hover:not(.b-disabled),
        html:not([dark]) .blu-button.b-secondary.b-danger[data-v-498b5b0a]:active:not(.b-disabled),
        html:not([dark]) .blu-button.b-secondary.b-danger[data-v-498b5b0a]:focus-visible:not(.b-disabled) {
            --blu-button-color-background: #fff5f5;
            --blu-button-color-border: #e93c3c
        }

        html:not([dark]) .blu-button.b-secondary.b-inverted[data-v-498b5b0a] {
            --blu-button-color-background: rgba(25, 34, 42, .3019607843);
            --blu-button-color-border: #ffffff;
            --blu-button-color-text: #ffffff;
            --blu-button-color-icon: #ffffff
        }

        html:not([dark]) .blu-button.b-secondary.b-inverted.b-hover[data-v-498b5b0a]:not(.b-disabled),
        html:not([dark]) .blu-button.b-secondary.b-inverted[data-v-498b5b0a]:hover:not(.b-disabled),
        html:not([dark]) .blu-button.b-secondary.b-inverted[data-v-498b5b0a]:active:not(.b-disabled),
        html:not([dark]) .blu-button.b-secondary.b-inverted[data-v-498b5b0a]:focus-visible:not(.b-disabled) {
            --blu-button-color-background: rgba(255, 255, 255, .4);
            --blu-button-color-border: #ffffff
        }

        html:not([dark]) .blu-button.b-secondary.b-disabled[data-v-498b5b0a] {
            --blu-button-color-background: #e1e3e4;
            --blu-button-color-border: #c8cbcd;
            --blu-button-color-text: rgba(25, 34, 42, .3019607843);
            --blu-button-color-icon: rgba(25, 34, 42, .3019607843)
        }

        html:not([dark]) .blu-button.b-secondary.b-disabled[data-v-498b5b0a]:not(.b-inverted) {
            --blu-button-color-background: #e1e3e4;
            --blu-button-color-border: #c8cbcd;
            --blu-button-color-text: rgba(25, 34, 42, .3019607843);
            --blu-button-color-icon: rgba(25, 34, 42, .3019607843)
        }

        html:not([dark]) .blu-button[data-v-498b5b0a] {
            width: var(--blu-button-custom-width)
        }

        html:not([dark]) .blu-button.b-tertiary.b-common[data-v-498b5b0a] {
            --blu-button-color-text: #ac8221;
            --blu-button-color-icon: #a58d33
        }

        html:not([dark]) .blu-button.b-tertiary.b-common.b-hover[data-v-498b5b0a]:not(.b-disabled),
        html:not([dark]) .blu-button.b-tertiary.b-common[data-v-498b5b0a]:hover:not(.b-disabled),
        html:not([dark]) .blu-button.b-tertiary.b-common[data-v-498b5b0a]:active:not(.b-disabled),
        html:not([dark]) .blu-button.b-tertiary.b-common[data-v-498b5b0a]:focus-visible:not(.b-disabled) {
            --blu-button-color-background: #f3f9ff;
            --blu-button-color-border: transparent
        }

        html:not([dark]) .blu-button.b-tertiary.b-danger[data-v-498b5b0a] {
            --blu-button-color-text: #d33534;
            --blu-button-color-icon: #e93c3c
        }

        html:not([dark]) .blu-button.b-tertiary.b-danger.b-hover[data-v-498b5b0a]:not(.b-disabled),
        html:not([dark]) .blu-button.b-tertiary.b-danger[data-v-498b5b0a]:hover:not(.b-disabled),
        html:not([dark]) .blu-button.b-tertiary.b-danger[data-v-498b5b0a]:active:not(.b-disabled),
        html:not([dark]) .blu-button.b-tertiary.b-danger[data-v-498b5b0a]:focus-visible:not(.b-disabled) {
            --blu-button-color-background: #fff5f5;
            --blu-button-color-border: transparent
        }

        html:not([dark]) .blu-button.b-tertiary.b-inverted[data-v-498b5b0a] {
            --blu-button-color-text: #ffffff;
            --blu-button-color-icon: #ffffff
        }

        html:not([dark]) .blu-button.b-tertiary.b-inverted.b-hover[data-v-498b5b0a]:not(.b-disabled),
        html:not([dark]) .blu-button.b-tertiary.b-inverted[data-v-498b5b0a]:hover:not(.b-disabled),
        html:not([dark]) .blu-button.b-tertiary.b-inverted[data-v-498b5b0a]:active:not(.b-disabled),
        html:not([dark]) .blu-button.b-tertiary.b-inverted[data-v-498b5b0a]:focus-visible:not(.b-disabled) {
            --blu-button-color-background: rgba(255, 255, 255, .4);
            --blu-button-color-border: transparent
        }

        html:not([dark]) .blu-button.b-tertiary.b-disabled[data-v-498b5b0a] {
            --blu-button-color-text: rgba(255, 255, 255, .4);
            --blu-button-color-icon: rgba(255, 255, 255, .4)
        }

        html:not([dark]) .blu-button.b-tertiary.b-disabled[data-v-498b5b0a]:not(.b-inverted) {
            --blu-button-color-text: rgba(25, 34, 42, .3019607843);
            --blu-button-color-icon: rgba(25, 34, 42, .3019607843)
        }

        html:not([dark]) a[data-v-498b5b0a] {
            text-decoration: none
        }

        html[dark] button[data-v-498b5b0a] {
            border: none;
            background: none;
            cursor: pointer;
            font-family: Blibli, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif;
            padding: 0
        }

        html[dark] input[type=submit][data-v-498b5b0a]::-moz-focus-inner,
        html[dark] input[type=button][data-v-498b5b0a]::-moz-focus-inner {
            border: 0px
        }

        html[dark] button[data-v-498b5b0a]:focus,
        html[dark] input[type=submit][data-v-498b5b0a]:focus,
        html[dark] input[type=button][data-v-498b5b0a]:focus,
        html[dark] input[type=reset][data-v-498b5b0a]:focus,
        html[dark] a[data-v-498b5b0a] {
            outline: none
        }

        html[dark] .blu-button[data-v-498b5b0a] {
            --blu-button-border-width: 1px;
            --blu-button-border-radius: 64px;
            --blu-button-color-text: #ffffff;
            --blu-button-color-icon: #ffffff;
            --blu-button-opacity: $blu-button-opacity;
            --blu-button-size-height: 48px;
            --blu-button-icon-size: 24px;
            --blu-button-spacing-padding: 0 32px;
            --blu-button-spacing-gap: 8px;
            --blu-button-text: 600 16px/20px Blibli, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif;
            padding: var(--blu-button-spacing-padding);
            height: var(--blu-button-size-height);
            border-radius: var(--blu-button-border-radius);
            transition: transform .3s .08s, all .3s;
            color: var(--blu-button-color-text);
            background-color: var(--blu-button-color-background);
            font: var(--blu-button-text);
            box-shadow: 0 0 0 var(--blu-button-border-width) var(--blu-button-color-border);
            display: inline-flex;
            justify-content: center;
            align-items: center;
            white-space: nowrap
        }

        html[dark] .blu-button[data-v-498b5b0a]:active:hover:not(.b-disabled),
        html[dark] .blu-button:active.b-hover[data-v-498b5b0a]:not(.b-disabled) {
            transform: scale(.875)
        }

        html[dark] .blu-button[data-v-498b5b0a]:focus-visible {
            outline: none
        }

        html[dark] .blu-button[data-v-498b5b0a]:focus-visible:not(.b-disabled) {
            box-shadow: 0 0 0 2px #f9f9fa
        }

        html[dark] .blu-button__icon[data-v-498b5b0a] {
            display: flex;
            color: var(--blu-button-color-icon)
        }

        html[dark] .blu-button__icon[data-v-498b5b0a] svg {
            width: var(--blu-button-icon-size);
            height: var(--blu-button-icon-size)
        }

        html[dark] .blu-button.b-has-icon:not(.b-has-icon-only) .blu-button__icon[data-v-498b5b0a] {
            margin-right: var(--blu-button-spacing-gap)
        }

        html[dark] .blu-button.b-has-icon-only[data-v-498b5b0a] {
            --blu-button-spacing-padding: 0 12px
        }

        html[dark] .blu-button.b-loading[data-v-498b5b0a] .blu-loader-wrapper svg {
            display: flex;
            width: 18px;
            height: 18px
        }

        html[dark] .blu-button.b-disabled[data-v-498b5b0a] {
            cursor: not-allowed
        }

        html[dark] .blu-button.b-disabled[data-v-498b5b0a]:active {
            pointer-events: none
        }

        html[dark] .blu-button.b-full-width[data-v-498b5b0a] {
            width: 100%
        }

        html[dark] .blu-button.b-primary.b-common[data-v-498b5b0a] {
            --blu-button-color-background: #a58d33
        }

        html[dark] .blu-button.b-primary.b-common.b-hover[data-v-498b5b0a]:not(.b-disabled),
        html[dark] .blu-button.b-primary.b-common[data-v-498b5b0a]:hover:not(.b-disabled),
        html[dark] .blu-button.b-primary.b-common[data-v-498b5b0a]:active:not(.b-disabled),
        html[dark] .blu-button.b-primary.b-common[data-v-498b5b0a]:focus-visible:not(.b-disabled) {
            --blu-button-color-background: #1d8fff;
            --blu-button-color-border: transparent
        }

        html[dark] .blu-button.b-primary.b-danger[data-v-498b5b0a] {
            --blu-button-color-background: #e93c3c
        }

        html[dark] .blu-button.b-primary.b-danger.b-hover[data-v-498b5b0a]:not(.b-disabled),
        html[dark] .blu-button.b-primary.b-danger[data-v-498b5b0a]:hover:not(.b-disabled),
        html[dark] .blu-button.b-primary.b-danger[data-v-498b5b0a]:active:not(.b-disabled),
        html[dark] .blu-button.b-primary.b-danger[data-v-498b5b0a]:focus-visible:not(.b-disabled) {
            --blu-button-color-background: #ff4646;
            --blu-button-color-border: transparent
        }

        html[dark] .blu-button.b-primary.b-inverted[data-v-498b5b0a] {
            --blu-button-color-background: #12171d;
            --blu-button-color-text: #4fa4ff;
            --blu-button-color-icon: #4fa4ff
        }

        html[dark] .blu-button.b-primary.b-inverted.b-hover[data-v-498b5b0a]:not(.b-disabled),
        html[dark] .blu-button.b-primary.b-inverted[data-v-498b5b0a]:hover:not(.b-disabled),
        html[dark] .blu-button.b-primary.b-inverted[data-v-498b5b0a]:active:not(.b-disabled),
        html[dark] .blu-button.b-primary.b-inverted[data-v-498b5b0a]:focus-visible:not(.b-disabled) {
            --blu-button-color-background: #19222a;
            --blu-button-color-border: transparent
        }

        html[dark] .blu-button.b-primary.b-disabled[data-v-498b5b0a] {
            --blu-button-color-background: #3b444c;
            --blu-button-color-text: rgba(255, 255, 255, .3019607843);
            --blu-button-color-icon: rgba(255, 255, 255, .3019607843)
        }

        html[dark] .blu-button.b-primary.b-disabled[data-v-498b5b0a]:not(.b-inverted) {
            --blu-button-color-background: #3b444c;
            --blu-button-color-text: rgba(255, 255, 255, .3019607843);
            --blu-button-color-icon: rgba(255, 255, 255, .3019607843)
        }

        html[dark] .blu-button.b-small[data-v-498b5b0a] {
            --blu-button-border-radius: 64px;
            --blu-button-size-height: 36px;
            --blu-button-spacing-padding: 0 16px;
            --blu-button-text: 600 14px/18px Blibli, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif;
            --blu-button-icon-size: 18px;
            --blu-button-spacing-gap: 4px
        }

        html[dark] .blu-button.b-small.b-has-icon-only[data-v-498b5b0a] {
            --blu-button-spacing-padding: 0 9px
        }

        html[dark] .blu-button.b-secondary[data-v-498b5b0a] {
            --blu-button-color-background: #12171d
        }

        html[dark] .blu-button.b-secondary.b-common[data-v-498b5b0a] {
            --blu-button-color-border: #4fa4ff;
            --blu-button-color-text: #4fa4ff;
            --blu-button-color-icon: #4fa4ff
        }

        html[dark] .blu-button.b-secondary.b-common.b-hover[data-v-498b5b0a]:not(.b-disabled),
        html[dark] .blu-button.b-secondary.b-common[data-v-498b5b0a]:hover:not(.b-disabled),
        html[dark] .blu-button.b-secondary.b-common[data-v-498b5b0a]:active:not(.b-disabled),
        html[dark] .blu-button.b-secondary.b-common[data-v-498b5b0a]:focus-visible:not(.b-disabled) {
            --blu-button-color-background: #002e7a;
            --blu-button-color-border: #4fa4ff
        }

        html[dark] .blu-button.b-secondary.b-danger[data-v-498b5b0a] {
            --blu-button-color-border: #ff7373;
            --blu-button-color-text: #ff7373;
            --blu-button-color-icon: #ff7373
        }

        html[dark] .blu-button.b-secondary.b-danger.b-hover[data-v-498b5b0a]:not(.b-disabled),
        html[dark] .blu-button.b-secondary.b-danger[data-v-498b5b0a]:hover:not(.b-disabled),
        html[dark] .blu-button.b-secondary.b-danger[data-v-498b5b0a]:active:not(.b-disabled),
        html[dark] .blu-button.b-secondary.b-danger[data-v-498b5b0a]:focus-visible:not(.b-disabled) {
            --blu-button-color-background: #631818;
            --blu-button-color-border: #ff7373
        }

        html[dark] .blu-button.b-secondary.b-inverted[data-v-498b5b0a] {
            --blu-button-color-background: rgba(255, 255, 255, .3019607843);
            --blu-button-color-border: #12171d;
            --blu-button-color-text: #12171d;
            --blu-button-color-icon: #12171d
        }

        html[dark] .blu-button.b-secondary.b-inverted.b-hover[data-v-498b5b0a]:not(.b-disabled),
        html[dark] .blu-button.b-secondary.b-inverted[data-v-498b5b0a]:hover:not(.b-disabled),
        html[dark] .blu-button.b-secondary.b-inverted[data-v-498b5b0a]:active:not(.b-disabled),
        html[dark] .blu-button.b-secondary.b-inverted[data-v-498b5b0a]:focus-visible:not(.b-disabled) {
            --blu-button-color-background: rgba(18, 23, 29, .4);
            --blu-button-color-border: #12171d
        }

        html[dark] .blu-button.b-secondary.b-disabled[data-v-498b5b0a] {
            --blu-button-color-background: #3b444c;
            --blu-button-color-border: #60686e;
            --blu-button-color-text: rgba(255, 255, 255, .3019607843);
            --blu-button-color-icon: rgba(255, 255, 255, .3019607843)
        }

        html[dark] .blu-button.b-secondary.b-disabled[data-v-498b5b0a]:not(.b-inverted) {
            --blu-button-color-background: #3b444c;
            --blu-button-color-border: #60686e;
            --blu-button-color-text: rgba(255, 255, 255, .3019607843);
            --blu-button-color-icon: rgba(255, 255, 255, .3019607843)
        }

        html[dark] .blu-button[data-v-498b5b0a] {
            width: var(--blu-button-custom-width)
        }

        html[dark] .blu-button.b-tertiary.b-common[data-v-498b5b0a] {
            --blu-button-color-text: #4fa4ff;
            --blu-button-color-icon: #4fa4ff
        }

        html[dark] .blu-button.b-tertiary.b-common.b-hover[data-v-498b5b0a]:not(.b-disabled),
        html[dark] .blu-button.b-tertiary.b-common[data-v-498b5b0a]:hover:not(.b-disabled),
        html[dark] .blu-button.b-tertiary.b-common[data-v-498b5b0a]:active:not(.b-disabled),
        html[dark] .blu-button.b-tertiary.b-common[data-v-498b5b0a]:focus-visible:not(.b-disabled) {
            --blu-button-color-background: #002e7a;
            --blu-button-color-border: transparent
        }

        html[dark] .blu-button.b-tertiary.b-danger[data-v-498b5b0a] {
            --blu-button-color-text: #ff7373;
            --blu-button-color-icon: #ff7373
        }

        html[dark] .blu-button.b-tertiary.b-danger.b-hover[data-v-498b5b0a]:not(.b-disabled),
        html[dark] .blu-button.b-tertiary.b-danger[data-v-498b5b0a]:hover:not(.b-disabled),
        html[dark] .blu-button.b-tertiary.b-danger[data-v-498b5b0a]:active:not(.b-disabled),
        html[dark] .blu-button.b-tertiary.b-danger[data-v-498b5b0a]:focus-visible:not(.b-disabled) {
            --blu-button-color-background: #631818;
            --blu-button-color-border: transparent
        }

        html[dark] .blu-button.b-tertiary.b-inverted[data-v-498b5b0a] {
            --blu-button-color-text: #12171d;
            --blu-button-color-icon: #12171d
        }

        html[dark] .blu-button.b-tertiary.b-inverted.b-hover[data-v-498b5b0a]:not(.b-disabled),
        html[dark] .blu-button.b-tertiary.b-inverted[data-v-498b5b0a]:hover:not(.b-disabled),
        html[dark] .blu-button.b-tertiary.b-inverted[data-v-498b5b0a]:active:not(.b-disabled),
        html[dark] .blu-button.b-tertiary.b-inverted[data-v-498b5b0a]:focus-visible:not(.b-disabled) {
            --blu-button-color-background: rgba(18, 23, 29, .4);
            --blu-button-color-border: transparent
        }

        html[dark] .blu-button.b-tertiary.b-disabled[data-v-498b5b0a] {
            --blu-button-color-text: rgba(18, 23, 29, .4);
            --blu-button-color-icon: rgba(18, 23, 29, .4)
        }

        html[dark] .blu-button.b-tertiary.b-disabled[data-v-498b5b0a]:not(.b-inverted) {
            --blu-button-color-text: rgba(255, 255, 255, .3019607843);
            --blu-button-color-icon: rgba(255, 255, 255, .3019607843)
        }

        html[dark] a[data-v-498b5b0a] {
            text-decoration: none
        }
    </style>
    <style>
        *[data-v-580f03f0],
        *[data-v-580f03f0]:before,
        *[data-v-580f03f0]:after {
            box-sizing: border-box
        }

        html:not([dark]) .blu-modal-wrapper[data-v-580f03f0] {
            z-index: 100;
            position: fixed
        }

        html:not([dark]) .blu-modal[data-v-580f03f0] {
            --blu-modal-box-shadow: 0 1px 6px 0 rgba(0, 0, 0, .1019607843);
            --blu-modal-color-background: #ffffff;
            --blu-modal-border-radius: 16px;
            --blu-modal-opacity: 0;
            --blu-modal-size-width: 100%;
            --blu-modal-max-height: calc(100% - 16px);
            position: fixed;
            z-index: 101;
            display: flex;
            flex-direction: column;
            width: var(--blu-modal-size-width);
            max-height: var(--blu-modal-max-height);
            max-width: var(--blu-modal-max-width);
            box-sizing: border-box;
            box-shadow: var(--blu-modal-box-shadow);
            border-radius: var(--blu-modal-border-radius);
            background-color: var(--blu-modal-color-background);
            opacity: var(--blu-modal-opacity);
            transition: all .3s
        }

        html:not([dark]) .blu-modal *[data-v-580f03f0] {
            box-sizing: inherit
        }

        html:not([dark]) .blu-modal.b-active[data-v-580f03f0] {
            --blu-modal-opacity: 1
        }

        html:not([dark]) .b-drawer.b-desktop-left .blu-modal[data-v-580f03f0],
        html:not([dark]) .b-drawer.b-desktop-right .blu-modal[data-v-580f03f0] {
            --blu-modal-max-height: 100%;
            height: 100%
        }

        html:not([dark]) .b-status .blu-modal[data-v-580f03f0] {
            border-bottom: 4px solid;
            border-color: var(--blu-modal-color);
            top: 50%;
            left: 50%;
            transform: translate(-50%, -50%)
        }

        html:not([dark]) .b-status .blu-modal.b-info[data-v-580f03f0] {
            --blu-modal-color: #1d8fff
        }

        html:not([dark]) .b-status .blu-modal.b-success[data-v-580f03f0] {
            --blu-modal-color: #22a334
        }

        html:not([dark]) .b-status .blu-modal.b-alert[data-v-580f03f0] {
            --blu-modal-color: #fedd6c
        }

        html:not([dark]) .b-status .blu-modal.b-danger[data-v-580f03f0] {
            --blu-modal-color: #ff4646
        }

        @media screen and (min-width: 840px),
        print {

            html:not([dark]) .blu-modal-wrapper:not(.b-drawer).fade-enter-active[data-v-580f03f0],
            html:not([dark]) .blu-modal-wrapper:not(.b-drawer).fade-leave-active[data-v-580f03f0] {
                transition: all .3s
            }

            html:not([dark]) .blu-modal-wrapper:not(.b-drawer).fade-enter-from[data-v-580f03f0],
            html:not([dark]) .blu-modal-wrapper:not(.b-drawer).fade-leave-to[data-v-580f03f0] {
                opacity: 0
            }

            html:not([dark]) .blu-modal-wrapper:not(.b-drawer) .blu-modal[data-v-580f03f0] {
                --blu-modal-max-height: 576px;
                top: 50%;
                left: 50%;
                transform: translate(-50%, -50%)
            }

            html:not([dark]) .blu-modal-wrapper:not(.b-drawer) .blu-modal.b-small-width[data-v-580f03f0] {
                --blu-modal-size-width: 360px
            }

            html:not([dark]) .blu-modal-wrapper:not(.b-drawer) .blu-modal.b-medium-width[data-v-580f03f0] {
                --blu-modal-size-width: 600px
            }

            html:not([dark]) .blu-modal-wrapper:not(.b-drawer) .blu-modal.b-large-width[data-v-580f03f0] {
                --blu-modal-size-width: 800px
            }

            html:not([dark]) .b-drawer.b-desktop-left .blu-modal.b-small-width[data-v-580f03f0],
            html:not([dark]) .b-drawer.b-desktop-right .blu-modal.b-small-width[data-v-580f03f0] {
                --blu-modal-size-width: 360px
            }

            html:not([dark]) .b-drawer.b-desktop-left .blu-modal.b-medium-width[data-v-580f03f0],
            html:not([dark]) .b-drawer.b-desktop-right .blu-modal.b-medium-width[data-v-580f03f0] {
                --blu-modal-size-width: 600px
            }

            html:not([dark]) .b-drawer.b-desktop-top .blu-modal[data-v-580f03f0],
            html:not([dark]) .b-drawer.b-desktop-bottom .blu-modal[data-v-580f03f0] {
                --blu-modal-max-height: 576px
            }

            html:not([dark]) .b-drawer.b-desktop-left.fade-enter-active[data-v-580f03f0],
            html:not([dark]) .b-drawer.b-desktop-left.fade-leave-active[data-v-580f03f0] {
                transition: all .3s
            }

            html:not([dark]) .b-drawer.b-desktop-left.fade-enter-from .blu-modal[data-v-580f03f0],
            html:not([dark]) .b-drawer.b-desktop-left.fade-leave-to .blu-modal[data-v-580f03f0] {
                left: -100vh
            }

            html:not([dark]) .b-drawer.b-desktop-left .blu-modal[data-v-580f03f0] {
                height: 100vh;
                left: 0;
                top: 0;
                bottom: 0;
                border-radius: 0 var(--blu-modal-border-radius) var(--blu-modal-border-radius) 0
            }

            html:not([dark]) .b-drawer.b-desktop-right.fade-enter-active[data-v-580f03f0],
            html:not([dark]) .b-drawer.b-desktop-right.fade-leave-active[data-v-580f03f0] {
                transition: all .3s
            }

            html:not([dark]) .b-drawer.b-desktop-right.fade-enter-from .blu-modal[data-v-580f03f0],
            html:not([dark]) .b-drawer.b-desktop-right.fade-leave-to .blu-modal[data-v-580f03f0] {
                right: -100vh
            }

            html:not([dark]) .b-drawer.b-desktop-right .blu-modal[data-v-580f03f0] {
                height: 100vh;
                right: 0;
                top: 0;
                bottom: 0;
                border-radius: var(--blu-modal-border-radius) 0 0 var(--blu-modal-border-radius)
            }

            html:not([dark]) .b-drawer.b-desktop-top.fade-enter-active[data-v-580f03f0],
            html:not([dark]) .b-drawer.b-desktop-top.fade-leave-active[data-v-580f03f0] {
                transition: all .3s
            }

            html:not([dark]) .b-drawer.b-desktop-top.fade-enter-from .blu-modal[data-v-580f03f0],
            html:not([dark]) .b-drawer.b-desktop-top.fade-leave-to .blu-modal[data-v-580f03f0] {
                top: -100vh
            }

            html:not([dark]) .b-drawer.b-desktop-top .blu-modal[data-v-580f03f0] {
                top: 0;
                left: 50%;
                transform: translate(-50%);
                border-radius: 0 0 var(--blu-modal-border-radius) var(--blu-modal-border-radius)
            }

            html:not([dark]) .b-drawer.b-desktop-bottom.fade-enter-active[data-v-580f03f0],
            html:not([dark]) .b-drawer.b-desktop-bottom.fade-leave-active[data-v-580f03f0] {
                transition: all .3s
            }

            html:not([dark]) .b-drawer.b-desktop-bottom.fade-enter-from .blu-modal[data-v-580f03f0],
            html:not([dark]) .b-drawer.b-desktop-bottom.fade-leave-to .blu-modal[data-v-580f03f0] {
                bottom: -100vh
            }

            html:not([dark]) .b-drawer.b-desktop-bottom .blu-modal[data-v-580f03f0] {
                bottom: 0;
                left: 50%;
                transform: translate(-50%);
                border-radius: var(--blu-modal-border-radius) var(--blu-modal-border-radius) 0 0
            }
        }

        @media screen and (max-width: 839px) {
            html:not([dark]) .b-status .blu-modal[data-v-580f03f0] {
                --blu-modal-size-width: calc(100% - 32px)
            }

            html:not([dark]) .blu-modal-wrapper:not(.b-status):not(.b-drawer):not(.b-mobile-fullscreen).fade-enter-active[data-v-580f03f0],
            html:not([dark]) .blu-modal-wrapper:not(.b-status):not(.b-drawer):not(.b-mobile-fullscreen).fade-leave-active[data-v-580f03f0] {
                transition: all .3s
            }

            html:not([dark]) .blu-modal-wrapper:not(.b-status):not(.b-drawer):not(.b-mobile-fullscreen).fade-enter-from .blu-modal[data-v-580f03f0],
            html:not([dark]) .blu-modal-wrapper:not(.b-status):not(.b-drawer):not(.b-mobile-fullscreen).fade-leave-to .blu-modal[data-v-580f03f0] {
                bottom: -100vh
            }

            html:not([dark]) .blu-modal-wrapper:not(.b-status):not(.b-drawer):not(.b-mobile-fullscreen) .blu-modal[data-v-580f03f0] {
                bottom: 0;
                left: 50%;
                transform: translate(-50%);
                border-radius: var(--blu-modal-border-radius) var(--blu-modal-border-radius) 0 0
            }

            html:not([dark]) .blu-modal-wrapper:not(.b-status):not(.b-drawer):not(.b-mobile-fullscreen) .blu-modal.b-max-width[data-v-580f03f0] {
                --blu-modal-max-width: 600px
            }

            html:not([dark]) .b-mobile-fullscreen.fade-enter-active[data-v-580f03f0],
            html:not([dark]) .b-mobile-fullscreen.fade-leave-active[data-v-580f03f0] {
                transition: all .3s
            }

            html:not([dark]) .b-mobile-fullscreen.fade-enter-from .blu-modal[data-v-580f03f0],
            html:not([dark]) .b-mobile-fullscreen.fade-leave-to .blu-modal[data-v-580f03f0] {
                bottom: -100vh
            }

            html:not([dark]) .b-mobile-fullscreen .blu-modal[data-v-580f03f0] {
                --blu-modal-max-height: 100%;
                height: 100%;
                width: 100%;
                border-radius: unset;
                bottom: 0;
                left: 0;
                transform: none
            }

            html:not([dark]) .b-mobile-fullscreen .blu-modal[data-v-580f03f0] .blu-modal__header {
                box-shadow: var(--blu-modal-box-shadow)
            }

            html:not([dark]) .b-mobile-fullscreen.b-desktop-left .blu-modal[data-v-580f03f0],
            html:not([dark]) .b-mobile-fullscreen.b-desktop-right .blu-modal[data-v-580f03f0],
            html:not([dark]) .b-mobile-fullscreen.b-desktop-top .blu-modal[data-v-580f03f0] {
                top: 0
            }

            html:not([dark]) .b-mobile-fullscreen.b-desktop-left.fade-enter-active[data-v-580f03f0],
            html:not([dark]) .b-mobile-fullscreen.b-desktop-left.fade-leave-active[data-v-580f03f0] {
                transition: all .3s
            }

            html:not([dark]) .b-mobile-fullscreen.b-desktop-left.fade-enter-from .blu-modal[data-v-580f03f0],
            html:not([dark]) .b-mobile-fullscreen.b-desktop-left.fade-leave-to .blu-modal[data-v-580f03f0] {
                left: -100vh
            }

            html:not([dark]) .b-mobile-fullscreen.b-desktop-right.fade-enter-active[data-v-580f03f0],
            html:not([dark]) .b-mobile-fullscreen.b-desktop-right.fade-leave-active[data-v-580f03f0] {
                transition: all .3s
            }

            html:not([dark]) .b-mobile-fullscreen.b-desktop-right.fade-enter-from .blu-modal[data-v-580f03f0],
            html:not([dark]) .b-mobile-fullscreen.b-desktop-right.fade-leave-to .blu-modal[data-v-580f03f0] {
                right: -100vh
            }

            html:not([dark]) .b-mobile-fullscreen.b-desktop-right .blu-modal[data-v-580f03f0] {
                left: revert;
                right: 0
            }

            html:not([dark]) .b-mobile-fullscreen.b-desktop-top.fade-enter-active[data-v-580f03f0],
            html:not([dark]) .b-mobile-fullscreen.b-desktop-top.fade-leave-active[data-v-580f03f0] {
                transition: all .3s
            }

            html:not([dark]) .b-mobile-fullscreen.b-desktop-top.fade-enter-from .blu-modal[data-v-580f03f0],
            html:not([dark]) .b-mobile-fullscreen.b-desktop-top.fade-leave-to .blu-modal[data-v-580f03f0] {
                top: -100vh
            }

            html:not([dark]) .b-mobile-fullscreen.b-desktop-top .blu-modal[data-v-580f03f0] {
                bottom: revert
            }
        }

        html:not([dark]) .b-scrim[data-v-580f03f0] {
            --blu-color-scrim-background: rgba(0, 0, 0, .6);
            position: fixed;
            top: 0;
            left: 0;
            z-index: 99;
            width: 100%;
            height: 100%;
            background-color: var(--blu-color-scrim-background);
            display: flex;
            flex-direction: column;
            justify-content: center;
            align-items: center;
            transition: opacity .3s;
            opacity: 1
        }

        html:not([dark]) .fade-enter-active .b-scrim[data-v-580f03f0],
        html:not([dark]) .fade-leave-active .b-scrim[data-v-580f03f0] {
            transition: opacity .3s
        }

        html:not([dark]) .fade-enter-to .b-scrim[data-v-580f03f0] {
            opacity: 1
        }

        html:not([dark]) .fade-leave-to .b-scrim[data-v-580f03f0] {
            opacity: 0
        }

        html[dark] .blu-modal-wrapper[data-v-580f03f0] {
            z-index: 100;
            position: fixed
        }

        html[dark] .blu-modal[data-v-580f03f0] {
            --blu-modal-box-shadow: inset 0 0 0 30000px rgba(109, 220, 255, .1019607843);
            --blu-modal-color-background: #12171d;
            --blu-modal-border-radius: 16px;
            --blu-modal-opacity: 0;
            --blu-modal-size-width: 100%;
            --blu-modal-max-height: calc(100% - 16px);
            position: fixed;
            z-index: 101;
            display: flex;
            flex-direction: column;
            width: var(--blu-modal-size-width);
            max-height: var(--blu-modal-max-height);
            max-width: var(--blu-modal-max-width);
            box-sizing: border-box;
            box-shadow: var(--blu-modal-box-shadow);
            border-radius: var(--blu-modal-border-radius);
            background-color: var(--blu-modal-color-background);
            opacity: var(--blu-modal-opacity);
            transition: all .3s
        }

        html[dark] .blu-modal *[data-v-580f03f0] {
            box-sizing: inherit
        }

        html[dark] .blu-modal.b-active[data-v-580f03f0] {
            --blu-modal-opacity: 1
        }

        html[dark] .b-drawer.b-desktop-left .blu-modal[data-v-580f03f0],
        html[dark] .b-drawer.b-desktop-right .blu-modal[data-v-580f03f0] {
            --blu-modal-max-height: 100%;
            height: 100%
        }

        html[dark] .b-status .blu-modal[data-v-580f03f0] {
            border-bottom: 4px solid;
            border-color: var(--blu-modal-color);
            top: 50%;
            left: 50%;
            transform: translate(-50%, -50%)
        }

        html[dark] .b-status .blu-modal.b-info[data-v-580f03f0] {
            --blu-modal-color: #4fa4ff
        }

        html[dark] .b-status .blu-modal.b-success[data-v-580f03f0] {
            --blu-modal-color: #02c82b
        }

        html[dark] .b-status .blu-modal.b-alert[data-v-580f03f0] {
            --blu-modal-color: #7e4704
        }

        html[dark] .b-status .blu-modal.b-danger[data-v-580f03f0] {
            --blu-modal-color: #ff7373
        }

        @media screen and (min-width: 840px),
        print {

            html[dark] .blu-modal-wrapper:not(.b-drawer).fade-enter-active[data-v-580f03f0],
            html[dark] .blu-modal-wrapper:not(.b-drawer).fade-leave-active[data-v-580f03f0] {
                transition: all .3s
            }

            html[dark] .blu-modal-wrapper:not(.b-drawer).fade-enter-from[data-v-580f03f0],
            html[dark] .blu-modal-wrapper:not(.b-drawer).fade-leave-to[data-v-580f03f0] {
                opacity: 0
            }

            html[dark] .blu-modal-wrapper:not(.b-drawer) .blu-modal[data-v-580f03f0] {
                --blu-modal-max-height: 576px;
                top: 50%;
                left: 50%;
                transform: translate(-50%, -50%)
            }

            html[dark] .blu-modal-wrapper:not(.b-drawer) .blu-modal.b-small-width[data-v-580f03f0] {
                --blu-modal-size-width: 360px
            }

            html[dark] .blu-modal-wrapper:not(.b-drawer) .blu-modal.b-medium-width[data-v-580f03f0] {
                --blu-modal-size-width: 600px
            }

            html[dark] .blu-modal-wrapper:not(.b-drawer) .blu-modal.b-large-width[data-v-580f03f0] {
                --blu-modal-size-width: 800px
            }

            html[dark] .b-drawer.b-desktop-left .blu-modal.b-small-width[data-v-580f03f0],
            html[dark] .b-drawer.b-desktop-right .blu-modal.b-small-width[data-v-580f03f0] {
                --blu-modal-size-width: 360px
            }

            html[dark] .b-drawer.b-desktop-left .blu-modal.b-medium-width[data-v-580f03f0],
            html[dark] .b-drawer.b-desktop-right .blu-modal.b-medium-width[data-v-580f03f0] {
                --blu-modal-size-width: 600px
            }

            html[dark] .b-drawer.b-desktop-top .blu-modal[data-v-580f03f0],
            html[dark] .b-drawer.b-desktop-bottom .blu-modal[data-v-580f03f0] {
                --blu-modal-max-height: 576px
            }

            html[dark] .b-drawer.b-desktop-left.fade-enter-active[data-v-580f03f0],
            html[dark] .b-drawer.b-desktop-left.fade-leave-active[data-v-580f03f0] {
                transition: all .3s
            }

            html[dark] .b-drawer.b-desktop-left.fade-enter-from .blu-modal[data-v-580f03f0],
            html[dark] .b-drawer.b-desktop-left.fade-leave-to .blu-modal[data-v-580f03f0] {
                left: -100vh
            }

            html[dark] .b-drawer.b-desktop-left .blu-modal[data-v-580f03f0] {
                height: 100vh;
                left: 0;
                top: 0;
                bottom: 0;
                border-radius: 0 var(--blu-modal-border-radius) var(--blu-modal-border-radius) 0
            }

            html[dark] .b-drawer.b-desktop-right.fade-enter-active[data-v-580f03f0],
            html[dark] .b-drawer.b-desktop-right.fade-leave-active[data-v-580f03f0] {
                transition: all .3s
            }

            html[dark] .b-drawer.b-desktop-right.fade-enter-from .blu-modal[data-v-580f03f0],
            html[dark] .b-drawer.b-desktop-right.fade-leave-to .blu-modal[data-v-580f03f0] {
                right: -100vh
            }

            html[dark] .b-drawer.b-desktop-right .blu-modal[data-v-580f03f0] {
                height: 100vh;
                right: 0;
                top: 0;
                bottom: 0;
                border-radius: var(--blu-modal-border-radius) 0 0 var(--blu-modal-border-radius)
            }

            html[dark] .b-drawer.b-desktop-top.fade-enter-active[data-v-580f03f0],
            html[dark] .b-drawer.b-desktop-top.fade-leave-active[data-v-580f03f0] {
                transition: all .3s
            }

            html[dark] .b-drawer.b-desktop-top.fade-enter-from .blu-modal[data-v-580f03f0],
            html[dark] .b-drawer.b-desktop-top.fade-leave-to .blu-modal[data-v-580f03f0] {
                top: -100vh
            }

            html[dark] .b-drawer.b-desktop-top .blu-modal[data-v-580f03f0] {
                top: 0;
                left: 50%;
                transform: translate(-50%);
                border-radius: 0 0 var(--blu-modal-border-radius) var(--blu-modal-border-radius)
            }

            html[dark] .b-drawer.b-desktop-bottom.fade-enter-active[data-v-580f03f0],
            html[dark] .b-drawer.b-desktop-bottom.fade-leave-active[data-v-580f03f0] {
                transition: all .3s
            }

            html[dark] .b-drawer.b-desktop-bottom.fade-enter-from .blu-modal[data-v-580f03f0],
            html[dark] .b-drawer.b-desktop-bottom.fade-leave-to .blu-modal[data-v-580f03f0] {
                bottom: -100vh
            }

            html[dark] .b-drawer.b-desktop-bottom .blu-modal[data-v-580f03f0] {
                bottom: 0;
                left: 50%;
                transform: translate(-50%);
                border-radius: var(--blu-modal-border-radius) var(--blu-modal-border-radius) 0 0
            }
        }

        @media screen and (max-width: 839px) {
            html[dark] .b-status .blu-modal[data-v-580f03f0] {
                --blu-modal-size-width: calc(100% - 32px)
            }

            html[dark] .blu-modal-wrapper:not(.b-status):not(.b-drawer):not(.b-mobile-fullscreen).fade-enter-active[data-v-580f03f0],
            html[dark] .blu-modal-wrapper:not(.b-status):not(.b-drawer):not(.b-mobile-fullscreen).fade-leave-active[data-v-580f03f0] {
                transition: all .3s
            }

            html[dark] .blu-modal-wrapper:not(.b-status):not(.b-drawer):not(.b-mobile-fullscreen).fade-enter-from .blu-modal[data-v-580f03f0],
            html[dark] .blu-modal-wrapper:not(.b-status):not(.b-drawer):not(.b-mobile-fullscreen).fade-leave-to .blu-modal[data-v-580f03f0] {
                bottom: -100vh
            }

            html[dark] .blu-modal-wrapper:not(.b-status):not(.b-drawer):not(.b-mobile-fullscreen) .blu-modal[data-v-580f03f0] {
                bottom: 0;
                left: 50%;
                transform: translate(-50%);
                border-radius: var(--blu-modal-border-radius) var(--blu-modal-border-radius) 0 0
            }

            html[dark] .blu-modal-wrapper:not(.b-status):not(.b-drawer):not(.b-mobile-fullscreen) .blu-modal.b-max-width[data-v-580f03f0] {
                --blu-modal-max-width: 600px
            }

            html[dark] .b-mobile-fullscreen.fade-enter-active[data-v-580f03f0],
            html[dark] .b-mobile-fullscreen.fade-leave-active[data-v-580f03f0] {
                transition: all .3s
            }

            html[dark] .b-mobile-fullscreen.fade-enter-from .blu-modal[data-v-580f03f0],
            html[dark] .b-mobile-fullscreen.fade-leave-to .blu-modal[data-v-580f03f0] {
                bottom: -100vh
            }

            html[dark] .b-mobile-fullscreen .blu-modal[data-v-580f03f0] {
                --blu-modal-max-height: 100%;
                height: 100%;
                width: 100%;
                border-radius: unset;
                bottom: 0;
                left: 0;
                transform: none
            }

            html[dark] .b-mobile-fullscreen .blu-modal[data-v-580f03f0] .blu-modal__header {
                box-shadow: var(--blu-modal-box-shadow)
            }

            html[dark] .b-mobile-fullscreen.b-desktop-left .blu-modal[data-v-580f03f0],
            html[dark] .b-mobile-fullscreen.b-desktop-right .blu-modal[data-v-580f03f0],
            html[dark] .b-mobile-fullscreen.b-desktop-top .blu-modal[data-v-580f03f0] {
                top: 0
            }

            html[dark] .b-mobile-fullscreen.b-desktop-left.fade-enter-active[data-v-580f03f0],
            html[dark] .b-mobile-fullscreen.b-desktop-left.fade-leave-active[data-v-580f03f0] {
                transition: all .3s
            }

            html[dark] .b-mobile-fullscreen.b-desktop-left.fade-enter-from .blu-modal[data-v-580f03f0],
            html[dark] .b-mobile-fullscreen.b-desktop-left.fade-leave-to .blu-modal[data-v-580f03f0] {
                left: -100vh
            }

            html[dark] .b-mobile-fullscreen.b-desktop-right.fade-enter-active[data-v-580f03f0],
            html[dark] .b-mobile-fullscreen.b-desktop-right.fade-leave-active[data-v-580f03f0] {
                transition: all .3s
            }

            html[dark] .b-mobile-fullscreen.b-desktop-right.fade-enter-from .blu-modal[data-v-580f03f0],
            html[dark] .b-mobile-fullscreen.b-desktop-right.fade-leave-to .blu-modal[data-v-580f03f0] {
                right: -100vh
            }

            html[dark] .b-mobile-fullscreen.b-desktop-right .blu-modal[data-v-580f03f0] {
                left: revert;
                right: 0
            }

            html[dark] .b-mobile-fullscreen.b-desktop-top.fade-enter-active[data-v-580f03f0],
            html[dark] .b-mobile-fullscreen.b-desktop-top.fade-leave-active[data-v-580f03f0] {
                transition: all .3s
            }

            html[dark] .b-mobile-fullscreen.b-desktop-top.fade-enter-from .blu-modal[data-v-580f03f0],
            html[dark] .b-mobile-fullscreen.b-desktop-top.fade-leave-to .blu-modal[data-v-580f03f0] {
                top: -100vh
            }

            html[dark] .b-mobile-fullscreen.b-desktop-top .blu-modal[data-v-580f03f0] {
                bottom: revert
            }
        }

        html[dark] .b-scrim[data-v-580f03f0] {
            --blu-color-scrim-background: rgba(0, 0, 0, .6);
            position: fixed;
            top: 0;
            left: 0;
            z-index: 99;
            width: 100%;
            height: 100%;
            background-color: var(--blu-color-scrim-background);
            display: flex;
            flex-direction: column;
            justify-content: center;
            align-items: center;
            transition: opacity .3s;
            opacity: 1
        }

        html[dark] .fade-enter-active .b-scrim[data-v-580f03f0],
        html[dark] .fade-leave-active .b-scrim[data-v-580f03f0] {
            transition: opacity .3s
        }

        html[dark] .fade-enter-to .b-scrim[data-v-580f03f0] {
            opacity: 1
        }

        html[dark] .fade-leave-to .b-scrim[data-v-580f03f0] {
            opacity: 0
        }
    </style>
    <style>
        html:not([dark]) .blu-modal__header[data-v-48938041] {
            --blu-modal-header-text: 600 20px/24px Blibli, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif;
            --blu-modal-header-color: #19222a;
            --blu-modal-header-icon-color: #797f85;
            --blu-modal-header-padding: 16px;
            --blu-modal-header-gap: 4px;
            padding: var(--blu-modal-header-padding);
            color: var(--blu-modal-header-color)
        }

        @media screen and (max-width: 839px) {
            html:not([dark]) .blu-modal__header[data-v-48938041] {
                --blu-modal-header-padding: 12px 16px
            }
        }

        html:not([dark]) .blu-modal__header-main[data-v-48938041] {
            display: flex;
            width: 100%
        }

        html:not([dark]) .blu-modal__header-main *[data-v-48938041]:not(:last-child):not(.blu-modal__header-main--item-leading) {
            margin-right: var(--blu-modal-header-gap)
        }

        html:not([dark]) .blu-modal__header-main--title[data-v-48938041] {
            font: var(--blu-modal-header-text);
            margin: auto auto auto 0;
            width: 100%;
            overflow: hidden
        }

        @media screen and (max-width: 839px) {
            html:not([dark]) .blu-modal__header-main--title[data-v-48938041] {
                --blu-modal-header-text: 600 16px/20px Blibli, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif
            }
        }

        html:not([dark]) .blu-modal__header-main--item-leading[data-v-48938041],
        html:not([dark]) .blu-modal__header-main--item-trailing[data-v-48938041] {
            color: var(--blu-modal-header-icon-color);
            display: flex;
            cursor: pointer
        }

        html:not([dark]) .blu-modal__header-main--item-leading[data-v-48938041] svg,
        html:not([dark]) .blu-modal__header-main--item-trailing[data-v-48938041] svg {
            padding: 4px;
            box-sizing: content-box
        }

        html:not([dark]) .blu-modal__header-main--item-leading[data-v-48938041] svg:not(:last-child),
        html:not([dark]) .blu-modal__header-main--item-trailing[data-v-48938041] svg:not(:last-child) {
            margin-right: var(--blu-modal-header-gap)
        }

        @media screen and (min-width: 840px),
        print {
            html:not([dark]) .blu-modal__header-main--item-leading[data-v-48938041] {
                order: 3;
                flex-direction: row-reverse;
                margin-left: var(--blu-modal-header-gap)
            }
        }

        @media screen and (max-width: 839px) {
            html:not([dark]) .blu-modal__header-main--item-leading[data-v-48938041] {
                margin-right: var(--blu-modal-header-gap)
            }
        }

        html:not([dark]) .blu-modal__header-main--item-trailing[data-v-48938041] {
            margin-left: auto
        }

        html:not([dark]) .blu-modal__header-main--close-icon[data-v-48938041]:focus {
            outline: none
        }

        html:not([dark]) .blu-modal__header-main--close-icon[data-v-48938041]:focus-visible {
            outline: 2px solid #19222a
        }

        html:not([dark]) .blu-modal__header.b-padding-top-0[data-v-48938041] {
            padding-top: 0
        }

        html:not([dark]) .blu-modal__header.b-padding-bottom-0[data-v-48938041] {
            padding-bottom: 0
        }

        html:not([dark]) .b-info .blu-modal__header[data-v-48938041] {
            --blu-modal-icon-header-status: #a58d33;
            --blu-modal-header-icon-spacing-gap: 4px 0 8px
        }

        html:not([dark]) .b-info .blu-modal__header-status-icon[data-v-48938041] {
            color: var(--blu-modal-icon-header-status);
            display: flex;
            margin: var(--blu-modal-header-icon-spacing-gap)
        }

        html:not([dark]) .b-success .blu-modal__header[data-v-48938041] {
            --blu-modal-icon-header-status: #1f912e;
            --blu-modal-header-icon-spacing-gap: 4px 0 8px
        }

        html:not([dark]) .b-success .blu-modal__header-status-icon[data-v-48938041] {
            color: var(--blu-modal-icon-header-status);
            display: flex;
            margin: var(--blu-modal-header-icon-spacing-gap)
        }

        html:not([dark]) .b-alert .blu-modal__header[data-v-48938041] {
            --blu-modal-icon-header-status: #bc6e06;
            --blu-modal-header-icon-spacing-gap: 4px 0 8px
        }

        html:not([dark]) .b-alert .blu-modal__header-status-icon[data-v-48938041] {
            color: var(--blu-modal-icon-header-status);
            display: flex;
            margin: var(--blu-modal-header-icon-spacing-gap)
        }

        html:not([dark]) .b-danger .blu-modal__header[data-v-48938041] {
            --blu-modal-icon-header-status: #e93c3c;
            --blu-modal-header-icon-spacing-gap: 4px 0 8px
        }

        html:not([dark]) .b-danger .blu-modal__header-status-icon[data-v-48938041] {
            color: var(--blu-modal-icon-header-status);
            display: flex;
            margin: var(--blu-modal-header-icon-spacing-gap)
        }

        html[dark] .blu-modal__header[data-v-48938041] {
            --blu-modal-header-text: 600 20px/24px Blibli, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif;
            --blu-modal-header-color: #ffffff;
            --blu-modal-header-icon-color: #acb0b4;
            --blu-modal-header-padding: 16px;
            --blu-modal-header-gap: 4px;
            padding: var(--blu-modal-header-padding);
            color: var(--blu-modal-header-color)
        }

        @media screen and (max-width: 839px) {
            html[dark] .blu-modal__header[data-v-48938041] {
                --blu-modal-header-padding: 12px 16px
            }
        }

        html[dark] .blu-modal__header-main[data-v-48938041] {
            display: flex;
            width: 100%
        }

        html[dark] .blu-modal__header-main *[data-v-48938041]:not(:last-child):not(.blu-modal__header-main--item-leading) {
            margin-right: var(--blu-modal-header-gap)
        }

        html[dark] .blu-modal__header-main--title[data-v-48938041] {
            font: var(--blu-modal-header-text);
            margin: auto auto auto 0;
            width: 100%;
            overflow: hidden
        }

        @media screen and (max-width: 839px) {
            html[dark] .blu-modal__header-main--title[data-v-48938041] {
                --blu-modal-header-text: 600 16px/20px Blibli, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif
            }
        }

        html[dark] .blu-modal__header-main--item-leading[data-v-48938041],
        html[dark] .blu-modal__header-main--item-trailing[data-v-48938041] {
            color: var(--blu-modal-header-icon-color);
            display: flex;
            cursor: pointer
        }

        html[dark] .blu-modal__header-main--item-leading[data-v-48938041] svg,
        html[dark] .blu-modal__header-main--item-trailing[data-v-48938041] svg {
            padding: 4px;
            box-sizing: content-box
        }

        html[dark] .blu-modal__header-main--item-leading[data-v-48938041] svg:not(:last-child),
        html[dark] .blu-modal__header-main--item-trailing[data-v-48938041] svg:not(:last-child) {
            margin-right: var(--blu-modal-header-gap)
        }

        @media screen and (min-width: 840px),
        print {
            html[dark] .blu-modal__header-main--item-leading[data-v-48938041] {
                order: 3;
                flex-direction: row-reverse;
                margin-left: var(--blu-modal-header-gap)
            }
        }

        @media screen and (max-width: 839px) {
            html[dark] .blu-modal__header-main--item-leading[data-v-48938041] {
                margin-right: var(--blu-modal-header-gap)
            }
        }

        html[dark] .blu-modal__header-main--item-trailing[data-v-48938041] {
            margin-left: auto
        }

        html[dark] .blu-modal__header-main--close-icon[data-v-48938041]:focus {
            outline: none
        }

        html[dark] .blu-modal__header-main--close-icon[data-v-48938041]:focus-visible {
            outline: 2px solid #f9f9fa
        }

        html[dark] .blu-modal__header.b-padding-top-0[data-v-48938041] {
            padding-top: 0
        }

        html[dark] .blu-modal__header.b-padding-bottom-0[data-v-48938041] {
            padding-bottom: 0
        }

        html[dark] .b-info .blu-modal__header[data-v-48938041] {
            --blu-modal-icon-header-status: #4fa4ff;
            --blu-modal-header-icon-spacing-gap: 4px 0 8px
        }

        html[dark] .b-info .blu-modal__header-status-icon[data-v-48938041] {
            color: var(--blu-modal-icon-header-status);
            display: flex;
            margin: var(--blu-modal-header-icon-spacing-gap)
        }

        html[dark] .b-success .blu-modal__header[data-v-48938041] {
            --blu-modal-icon-header-status: #02c82b;
            --blu-modal-header-icon-spacing-gap: 4px 0 8px
        }

        html[dark] .b-success .blu-modal__header-status-icon[data-v-48938041] {
            color: var(--blu-modal-icon-header-status);
            display: flex;
            margin: var(--blu-modal-header-icon-spacing-gap)
        }

        html[dark] .b-alert .blu-modal__header[data-v-48938041] {
            --blu-modal-icon-header-status: #f1ab02;
            --blu-modal-header-icon-spacing-gap: 4px 0 8px
        }

        html[dark] .b-alert .blu-modal__header-status-icon[data-v-48938041] {
            color: var(--blu-modal-icon-header-status);
            display: flex;
            margin: var(--blu-modal-header-icon-spacing-gap)
        }

        html[dark] .b-danger .blu-modal__header[data-v-48938041] {
            --blu-modal-icon-header-status: #ff7373;
            --blu-modal-header-icon-spacing-gap: 4px 0 8px
        }

        html[dark] .b-danger .blu-modal__header-status-icon[data-v-48938041] {
            color: var(--blu-modal-icon-header-status);
            display: flex;
            margin: var(--blu-modal-header-icon-spacing-gap)
        }
    </style>
    <style>
        *[data-v-ee0005ae],
        *[data-v-ee0005ae]:before,
        *[data-v-ee0005ae]:after {
            box-sizing: border-box
        }

        html:not([dark]) .blu-modal__body[data-v-ee0005ae] {
            --blu-modal-body-text: 500 16px/20px Blibli, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif;
            --blu-modal-body-color: rgba(25, 34, 42, .7019607843);
            --blu-modal-body-padding: 4px 16px 12px;
            --blu-modal-body-addition-gap: 8px 16px;
            font: var(--blu-modal-body-text);
            color: var(--blu-modal-body-color);
            display: flex;
            flex-direction: column;
            overscroll-behavior: contain
        }

        html:not([dark]) .blu-modal__body-content[data-v-ee0005ae] {
            padding: var(--blu-modal-body-padding)
        }

        html:not([dark]) .blu-modal__body-addition[data-v-ee0005ae] {
            padding: var(--blu-modal-body-addition-gap)
        }

        html:not([dark]) .blu-modal__body.b-has-no-padding[data-v-ee0005ae] {
            --blu-modal-body-padding: 0
        }

        @media screen and (max-width: 839px) {
            html:not([dark]) .blu-modal__body[data-v-ee0005ae] {
                --blu-modal-body-text: 500 14px/18px Blibli, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif
            }
        }

        html:not([dark]) .b-overflow-y[data-v-ee0005ae] {
            scrollbar-color: rgba(25, 34, 42, .3019607843) transparent;
            scrollbar-width: thin
        }

        html:not([dark]) .b-overflow-y[data-v-ee0005ae]::-webkit-scrollbar {
            width: 4px;
            height: 8px;
            background-color: transparent
        }

        html:not([dark]) .b-overflow-y[data-v-ee0005ae]::-webkit-scrollbar-track {
            margin: 13px 0
        }

        html:not([dark]) .b-overflow-y[data-v-ee0005ae]::-webkit-scrollbar-thumb {
            box-shadow: inset 0 0 14px 14px transparent;
            border-radius: 4px;
            background-color: #19222a4d;
            scrollbar-color: rgba(25, 34, 42, .3019607843)
        }

        html:not([dark]) .b-overflow-y[data-v-ee0005ae]:hover::-webkit-scrollbar {
            width: 4px
        }

        html:not([dark]) .b-overflow-y[data-v-ee0005ae]:hover::-webkit-scrollbar-track {
            border: solid 2px transparent
        }

        html:not([dark]) .b-overflow-y[data-v-ee0005ae]:hover::-webkit-scrollbar-thumb:hover {
            box-shadow: inset 0 0 14px 14px transparent;
            background-color: #19222a4d;
            scrollbar-color: rgba(25, 34, 42, .3019607843) transparent
        }

        html:not([dark]) .b-overflow-y[data-v-ee0005ae]::-webkit-scrollbar-track {
            border-radius: 3px;
            background-color: transparent
        }

        html:not([dark]) .b-overflow-y.hidden[data-v-ee0005ae] {
            scrollbar-width: none
        }

        html:not([dark]) .b-overflow-y.hidden[data-v-ee0005ae]::-webkit-scrollbar-thumb {
            border-radius: 4px;
            background-color: transparent
        }

        html:not([dark]) .b-overflow-y.hidden[data-v-ee0005ae]:hover {
            scrollbar-width: thin
        }

        html:not([dark]) .b-overflow-y.hidden[data-v-ee0005ae]:hover::-webkit-scrollbar-thumb {
            box-shadow: inset 0 0 14px 14px transparent;
            border-radius: 4px;
            background-color: #19222a4d;
            scrollbar-color: rgba(25, 34, 42, .3019607843) transparent
        }

        html:not([dark]) .b-overflow-y.hidden[data-v-ee0005ae]:hover::-webkit-scrollbar-thumb:hover {
            box-shadow: inset 0 0 14px 14px transparent;
            background-color: #19222a4d;
            scrollbar-color: rgba(25, 34, 42, .3019607843) transparent
        }

        html:not([dark]) .b-overflow-y[data-v-ee0005ae] {
            overflow-y: auto;
            margin: 0
        }

        html[dark] .blu-modal__body[data-v-ee0005ae] {
            --blu-modal-body-text: 500 16px/20px Blibli, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif;
            --blu-modal-body-color: rgba(255, 255, 255, .8);
            --blu-modal-body-padding: 4px 16px 12px;
            --blu-modal-body-addition-gap: 8px 16px;
            font: var(--blu-modal-body-text);
            color: var(--blu-modal-body-color);
            display: flex;
            flex-direction: column;
            overscroll-behavior: contain
        }

        html[dark] .blu-modal__body-content[data-v-ee0005ae] {
            padding: var(--blu-modal-body-padding)
        }

        html[dark] .blu-modal__body-addition[data-v-ee0005ae] {
            padding: var(--blu-modal-body-addition-gap)
        }

        html[dark] .blu-modal__body.b-has-no-padding[data-v-ee0005ae] {
            --blu-modal-body-padding: 0
        }

        @media screen and (max-width: 839px) {
            html[dark] .blu-modal__body[data-v-ee0005ae] {
                --blu-modal-body-text: 500 14px/18px Blibli, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif
            }
        }

        html[dark] .b-overflow-y[data-v-ee0005ae] {
            scrollbar-color: rgba(255, 255, 255, .3019607843) transparent;
            scrollbar-width: thin
        }

        html[dark] .b-overflow-y[data-v-ee0005ae]::-webkit-scrollbar {
            width: 4px;
            height: 8px;
            background-color: transparent
        }

        html[dark] .b-overflow-y[data-v-ee0005ae]::-webkit-scrollbar-track {
            margin: 13px 0
        }

        html[dark] .b-overflow-y[data-v-ee0005ae]::-webkit-scrollbar-thumb {
            box-shadow: inset 0 0 14px 14px transparent;
            border-radius: 4px;
            background-color: #ffffff4d;
            scrollbar-color: rgba(255, 255, 255, .3019607843)
        }

        html[dark] .b-overflow-y[data-v-ee0005ae]:hover::-webkit-scrollbar {
            width: 4px
        }

        html[dark] .b-overflow-y[data-v-ee0005ae]:hover::-webkit-scrollbar-track {
            border: solid 2px transparent
        }

        html[dark] .b-overflow-y[data-v-ee0005ae]:hover::-webkit-scrollbar-thumb:hover {
            box-shadow: inset 0 0 14px 14px transparent;
            background-color: #ffffff4d;
            scrollbar-color: rgba(255, 255, 255, .3019607843) transparent
        }

        html[dark] .b-overflow-y[data-v-ee0005ae]::-webkit-scrollbar-track {
            border-radius: 3px;
            background-color: transparent
        }

        html[dark] .b-overflow-y.hidden[data-v-ee0005ae] {
            scrollbar-width: none
        }

        html[dark] .b-overflow-y.hidden[data-v-ee0005ae]::-webkit-scrollbar-thumb {
            border-radius: 4px;
            background-color: transparent
        }

        html[dark] .b-overflow-y.hidden[data-v-ee0005ae]:hover {
            scrollbar-width: thin
        }

        html[dark] .b-overflow-y.hidden[data-v-ee0005ae]:hover::-webkit-scrollbar-thumb {
            box-shadow: inset 0 0 14px 14px transparent;
            border-radius: 4px;
            background-color: #ffffff4d;
            scrollbar-color: rgba(255, 255, 255, .3019607843) transparent
        }

        html[dark] .b-overflow-y.hidden[data-v-ee0005ae]:hover::-webkit-scrollbar-thumb:hover {
            box-shadow: inset 0 0 14px 14px transparent;
            background-color: #ffffff4d;
            scrollbar-color: rgba(255, 255, 255, .3019607843) transparent
        }

        html[dark] .b-overflow-y[data-v-ee0005ae] {
            overflow-y: auto;
            margin: 0
        }
    </style>
    <style>
        html:not([dark]) .blu-modal__footer[data-v-1b4528ab] {
            --blu-modal-footer-padding: 16px;
            --blu-modal-footer-gap: 8px;
            display: flex;
            justify-content: flex-end;
            padding: var(--blu-modal-footer-padding);
            box-sizing: border-box;
            margin-top: auto
        }

        html:not([dark]) .blu-modal__footer[data-v-1b4528ab]:not(.b-long-action) *:not(:last-child) {
            margin-right: var(--blu-modal-footer-gap)
        }

        html:not([dark]) .blu-modal__footer.b-long-action[data-v-1b4528ab] {
            flex-direction: column-reverse
        }

        html:not([dark]) .blu-modal__footer.b-long-action[data-v-1b4528ab] *:not(:first-child) {
            margin-bottom: var(--blu-modal-footer-gap)
        }

        @media screen and (max-width: 839px) {
            html:not([dark]) .blu-modal__footer[data-v-1b4528ab] .blu-button {
                width: 100%
            }
        }

        html[dark] .blu-modal__footer[data-v-1b4528ab] {
            --blu-modal-footer-padding: 16px;
            --blu-modal-footer-gap: 8px;
            display: flex;
            justify-content: flex-end;
            padding: var(--blu-modal-footer-padding);
            box-sizing: border-box;
            margin-top: auto
        }

        html[dark] .blu-modal__footer[data-v-1b4528ab]:not(.b-long-action) *:not(:last-child) {
            margin-right: var(--blu-modal-footer-gap)
        }

        html[dark] .blu-modal__footer.b-long-action[data-v-1b4528ab] {
            flex-direction: column-reverse
        }

        html[dark] .blu-modal__footer.b-long-action[data-v-1b4528ab] *:not(:first-child) {
            margin-bottom: var(--blu-modal-footer-gap)
        }

        @media screen and (max-width: 839px) {
            html[dark] .blu-modal__footer[data-v-1b4528ab] .blu-button {
                width: 100%
            }
        }
    </style>
    <style>
        html:not([dark]) .blu-field[data-v-34ee4e9a],
        html:not([dark]) .blu-search-bar[data-v-34ee4e9a] {
            --blu-field-container-border-width: 1px;
            --blu-field-container-size-height: 48px;
            --blu-field-container-color-border: transparent;
            --blu-field-container-border-radius: 8px;
            --blu-field-container-spacing-padding: 0 12px;
            --blu-field-container-spacing-gap: 8px;
            --blu-field-primary-container-color-background: #f1f2f2;
            --blu-field-primary-cta-color-text: #ac8221;
            --blu-field-helper-text: 500 14px/18px Blibli, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif;
            --blu-field-helper-color-text: rgba(25, 34, 42, .4);
            --blu-field-icon-color: #797f85;
            --blu-field-icon-size: 18px;
            --blu-field-label-text: 500 14px/18px Blibli, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif;
            --blu-filed-label-text-position: -18px;
            --blu-field-label-color-text: rgba(25, 34, 42, .7019607843);
            --blu-field-placeholder-text: 500 14px/18px Blibli, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif;
            --blu-field-placeholder-color-text: rgba(25, 34, 42, .7019607843);
            --blu-filed-placeholder-text-position: -18px;
            --blu-field-action-color-background: #f1f2f2;
            width: 100%;
            font: var(--blu-field-helper-text)
        }

        html:not([dark]) .blu-field__label-container[data-v-34ee4e9a],
        html:not([dark]) .blu-search-bar__label-container[data-v-34ee4e9a] {
            flex: 1;
            min-width: 0;
            display: flex;
            flex-direction: column;
            position: relative
        }

        html:not([dark]) .blu-field__label[data-v-34ee4e9a],
        html:not([dark]) .blu-field__placeholder[data-v-34ee4e9a],
        html:not([dark]) .blu-search-bar__label[data-v-34ee4e9a],
        html:not([dark]) .blu-search-bar__placeholder[data-v-34ee4e9a] {
            transition: all .3s;
            overflow: hidden;
            text-overflow: ellipsis;
            white-space: nowrap
        }

        html:not([dark]) .blu-field__label[data-v-34ee4e9a],
        html:not([dark]) .blu-search-bar__label[data-v-34ee4e9a] {
            color: var(--blu-field-label-color-text);
            font: var(--blu-field-label-text);
            margin-bottom: var(--blu-filed-label-text-position)
        }

        html:not([dark]) .blu-field__placeholder[data-v-34ee4e9a],
        html:not([dark]) .blu-search-bar__placeholder[data-v-34ee4e9a] {
            color: var(--blu-field-placeholder-color-text);
            font: var(--blu-field-placeholder-text);
            margin-bottom: var(--blu-filed-placeholder-text-position)
        }

        html:not([dark]) .blu-field__asterisk[data-v-34ee4e9a],
        html:not([dark]) .blu-search-bar__asterisk[data-v-34ee4e9a] {
            color: #d33534
        }

        html:not([dark]) .blu-field.b-focused .blu-field__label-container[data-v-34ee4e9a],
        html:not([dark]) .blu-field.has-value .blu-field__label-container[data-v-34ee4e9a],
        html:not([dark]) .blu-search-bar.b-focused .blu-field__label-container[data-v-34ee4e9a],
        html:not([dark]) .blu-search-bar.has-value .blu-field__label-container[data-v-34ee4e9a] {
            margin-bottom: 0
        }

        html:not([dark]) .blu-field.b-focused label[data-v-34ee4e9a],
        html:not([dark]) .blu-field.has-value label[data-v-34ee4e9a],
        html:not([dark]) .blu-search-bar.b-focused label[data-v-34ee4e9a],
        html:not([dark]) .blu-search-bar.has-value label[data-v-34ee4e9a] {
            --blu-field-label-text: 500 12px/16px Blibli, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif;
            --blu-field-label-color-text: #ac8221;
            --blu-filed-label-text-position: 0
        }

        html:not([dark]) .blu-field.has-value .blu-field__clearable-btn[data-v-34ee4e9a],
        html:not([dark]) .blu-field.has-value .blu-search-bar__clearable-btn[data-v-34ee4e9a],
        html:not([dark]) .blu-search-bar.has-value .blu-field__clearable-btn[data-v-34ee4e9a],
        html:not([dark]) .blu-search-bar.has-value .blu-search-bar__clearable-btn[data-v-34ee4e9a] {
            visibility: visible
        }

        html:not([dark]) .blu-field:not(.b-disabled) .blu-field__container[data-v-34ee4e9a]:hover,
        html:not([dark]) .blu-field:not(.b-disabled) .blu-search-bar__container[data-v-34ee4e9a]:hover,
        html:not([dark]) .blu-search-bar:not(.b-disabled) .blu-field__container[data-v-34ee4e9a]:hover,
        html:not([dark]) .blu-search-bar:not(.b-disabled) .blu-search-bar__container[data-v-34ee4e9a]:hover {
            --blu-field-primary-container-color-background: #f9f9fa;
            --blu-field-action-color-background: #f9f9fa
        }

        html:not([dark]) .blu-field:not(.b-disabled) .blu-field__clearable-btn[data-v-34ee4e9a],
        html:not([dark]) .blu-field:not(.b-disabled) .blu-search-bar__clearable-btn[data-v-34ee4e9a],
        html:not([dark]) .blu-search-bar:not(.b-disabled) .blu-field__clearable-btn[data-v-34ee4e9a],
        html:not([dark]) .blu-search-bar:not(.b-disabled) .blu-search-bar__clearable-btn[data-v-34ee4e9a] {
            cursor: pointer
        }

        html:not([dark]) .blu-field__container[data-v-34ee4e9a],
        html:not([dark]) .blu-search-bar__container[data-v-34ee4e9a] {
            padding: var(--blu-field-container-spacing-padding);
            box-shadow: 0 0 0 var(--blu-field-container-border-width) var(--blu-field-container-color-border) inset;
            -webkit-box-shadow: 0 0 0 var(--blu-field-container-border-width) var(--blu-field-container-color-border) inset;
            border-radius: var(--blu-field-container-border-radius);
            height: var(--blu-field-container-size-height);
            background-color: var(--blu-field-primary-container-color-background);
            display: flex;
            align-items: center;
            cursor: text;
            transition: all .2s, background-color .4s, background 0;
            position: relative
        }

        html:not([dark]) .blu-field__container>*[data-v-34ee4e9a]:not(:last-child),
        html:not([dark]) .blu-search-bar__container>*[data-v-34ee4e9a]:not(:last-child) {
            margin-right: var(--blu-field-container-spacing-gap)
        }

        html:not([dark]) .blu-field__container[data-v-34ee4e9a]:focus-visible,
        html:not([dark]) .blu-search-bar__container[data-v-34ee4e9a]:focus-visible {
            outline: none
        }

        html:not([dark]) .blu-field__content[data-v-34ee4e9a],
        html:not([dark]) .blu-search-bar__content[data-v-34ee4e9a] {
            display: flex;
            flex-grow: 1;
            flex-direction: column;
            position: relative;
            overflow: hidden
        }

        html:not([dark]) .blu-field__action[data-v-34ee4e9a],
        html:not([dark]) .blu-search-bar__action[data-v-34ee4e9a] {
            display: flex;
            align-items: center
        }

        html:not([dark]) .blu-field__item-leading[data-v-34ee4e9a],
        html:not([dark]) .blu-field__item-trailing[data-v-34ee4e9a],
        html:not([dark]) .blu-field__clearable-btn[data-v-34ee4e9a],
        html:not([dark]) .blu-field__warning-btn[data-v-34ee4e9a],
        html:not([dark]) .blu-field__success-btn[data-v-34ee4e9a],
        html:not([dark]) .blu-search-bar__item-leading[data-v-34ee4e9a],
        html:not([dark]) .blu-search-bar__item-trailing[data-v-34ee4e9a],
        html:not([dark]) .blu-search-bar__clearable-btn[data-v-34ee4e9a],
        html:not([dark]) .blu-search-bar__warning-btn[data-v-34ee4e9a],
        html:not([dark]) .blu-search-bar__success-btn[data-v-34ee4e9a] {
            color: var(--blu-field-icon-color);
            display: flex;
            height: var(--blu-field-icon-size)
        }

        html:not([dark]) .blu-field__item-leading[data-v-34ee4e9a] svg,
        html:not([dark]) .blu-field__item-trailing[data-v-34ee4e9a] svg,
        html:not([dark]) .blu-field__clearable-btn[data-v-34ee4e9a] svg,
        html:not([dark]) .blu-field__warning-btn[data-v-34ee4e9a] svg,
        html:not([dark]) .blu-field__success-btn[data-v-34ee4e9a] svg,
        html:not([dark]) .blu-search-bar__item-leading[data-v-34ee4e9a] svg,
        html:not([dark]) .blu-search-bar__item-trailing[data-v-34ee4e9a] svg,
        html:not([dark]) .blu-search-bar__clearable-btn[data-v-34ee4e9a] svg,
        html:not([dark]) .blu-search-bar__warning-btn[data-v-34ee4e9a] svg,
        html:not([dark]) .blu-search-bar__success-btn[data-v-34ee4e9a] svg {
            height: var(--blu-field-icon-size) !important;
            width: var(--blu-field-icon-size) !important
        }

        html:not([dark]) .blu-field__item-leading[data-v-34ee4e9a]:not(:last-child),
        html:not([dark]) .blu-field__item-trailing[data-v-34ee4e9a]:not(:last-child),
        html:not([dark]) .blu-field__clearable-btn[data-v-34ee4e9a]:not(:last-child),
        html:not([dark]) .blu-field__warning-btn[data-v-34ee4e9a]:not(:last-child),
        html:not([dark]) .blu-field__success-btn[data-v-34ee4e9a]:not(:last-child),
        html:not([dark]) .blu-search-bar__item-leading[data-v-34ee4e9a]:not(:last-child),
        html:not([dark]) .blu-search-bar__item-trailing[data-v-34ee4e9a]:not(:last-child),
        html:not([dark]) .blu-search-bar__clearable-btn[data-v-34ee4e9a]:not(:last-child),
        html:not([dark]) .blu-search-bar__warning-btn[data-v-34ee4e9a]:not(:last-child),
        html:not([dark]) .blu-search-bar__success-btn[data-v-34ee4e9a]:not(:last-child) {
            margin-right: var(--blu-field-container-spacing-gap)
        }

        html:not([dark]) .blu-field__unit-leading[data-v-34ee4e9a],
        html:not([dark]) .blu-field__unit-trailing[data-v-34ee4e9a],
        html:not([dark]) .blu-search-bar__unit-leading[data-v-34ee4e9a],
        html:not([dark]) .blu-search-bar__unit-trailing[data-v-34ee4e9a] {
            color: var(--blu-field-icon-color);
            display: flex;
            align-items: center;
            white-space: nowrap
        }

        html:not([dark]) .blu-field__unit-leading[data-v-34ee4e9a]:not(:last-child),
        html:not([dark]) .blu-field__unit-trailing[data-v-34ee4e9a]:not(:last-child),
        html:not([dark]) .blu-search-bar__unit-leading[data-v-34ee4e9a]:not(:last-child),
        html:not([dark]) .blu-search-bar__unit-trailing[data-v-34ee4e9a]:not(:last-child) {
            margin-right: var(--blu-field-container-spacing-gap)
        }

        html:not([dark]) .blu-field__unit-leading[data-v-34ee4e9a],
        html:not([dark]) .blu-search-bar__unit-leading[data-v-34ee4e9a] {
            justify-content: center
        }

        html:not([dark]) .blu-field__unit-trailing[data-v-34ee4e9a],
        html:not([dark]) .blu-search-bar__unit-trailing[data-v-34ee4e9a] {
            justify-content: flex-end
        }

        html:not([dark]) .blu-field__clearable-btn[data-v-34ee4e9a]:focus,
        html:not([dark]) .blu-field__item-trailing[data-v-34ee4e9a] svg:focus,
        html:not([dark]) .blu-search-bar__clearable-btn[data-v-34ee4e9a]:focus,
        html:not([dark]) .blu-search-bar__item-trailing[data-v-34ee4e9a] svg:focus {
            outline: none
        }

        html:not([dark]) .blu-field__clearable-btn[data-v-34ee4e9a]:focus-visible,
        html:not([dark]) .blu-field__item-trailing[data-v-34ee4e9a] svg:focus-visible,
        html:not([dark]) .blu-search-bar__clearable-btn[data-v-34ee4e9a]:focus-visible,
        html:not([dark]) .blu-search-bar__item-trailing[data-v-34ee4e9a] svg:focus-visible {
            outline: 2px solid #19222a
        }

        html:not([dark]) .blu-field__clearable-btn[data-v-34ee4e9a],
        html:not([dark]) .blu-search-bar__clearable-btn[data-v-34ee4e9a] {
            visibility: hidden
        }

        html:not([dark]) .blu-field__item-trailing[data-v-34ee4e9a],
        html:not([dark]) .blu-search-bar__item-trailing[data-v-34ee4e9a] {
            cursor: pointer
        }

        html:not([dark]) .blu-field__cta-button[data-v-34ee4e9a],
        html:not([dark]) .blu-search-bar__cta-button[data-v-34ee4e9a] {
            color: var(--blu-field-primary-cta-color-text);
            font: 600 14px/18px Blibli, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif;
            cursor: pointer
        }

        html:not([dark]) .blu-field__cta-button[data-v-34ee4e9a]:focus,
        html:not([dark]) .blu-search-bar__cta-button[data-v-34ee4e9a]:focus {
            outline: none
        }

        html:not([dark]) .blu-field__cta-button[data-v-34ee4e9a]:focus-visible,
        html:not([dark]) .blu-search-bar__cta-button[data-v-34ee4e9a]:focus-visible {
            outline: 2px solid #19222a
        }

        html:not([dark]) .blu-field.b-secondary[data-v-34ee4e9a],
        html:not([dark]) .blu-search-bar.b-secondary[data-v-34ee4e9a] {
            --blu-field-primary-container-color-background: #ffffff;
            --blu-field-container-color-border: #c8cbcd;
            --blu-field-action-color-background: #ffffff
        }

        html:not([dark]) .blu-field.b-focused[data-v-34ee4e9a]:not(.b-error):not(.b-success),
        html:not([dark]) .blu-search-bar.b-focused[data-v-34ee4e9a]:not(.b-error):not(.b-success) {
            --blu-field-container-color-border: #1d8fff
        }

        html:not([dark]) .blu-field.b-disabled .blu-field__container[data-v-34ee4e9a],
        html:not([dark]) .blu-field.b-disabled .blu-search-bar__container[data-v-34ee4e9a],
        html:not([dark]) .blu-search-bar.b-disabled .blu-field__container[data-v-34ee4e9a],
        html:not([dark]) .blu-search-bar.b-disabled .blu-search-bar__container[data-v-34ee4e9a] {
            cursor: not-allowed;
            --blu-field-primary-container-color-background: #e1e3e4
        }

        html:not([dark]) .blu-field.b-disabled .blu-field__container label[data-v-34ee4e9a],
        html:not([dark]) .blu-field.b-disabled .blu-search-bar__container label[data-v-34ee4e9a],
        html:not([dark]) .blu-search-bar.b-disabled .blu-field__container label[data-v-34ee4e9a],
        html:not([dark]) .blu-search-bar.b-disabled .blu-search-bar__container label[data-v-34ee4e9a] {
            --blu-field-label-color-text: rgba(25, 34, 42, .4)
        }

        html:not([dark]) .blu-field.b-disabled .blu-field__container .blu-field__placeholder[data-v-34ee4e9a],
        html:not([dark]) .blu-field.b-disabled .blu-search-bar__container .blu-field__placeholder[data-v-34ee4e9a],
        html:not([dark]) .blu-search-bar.b-disabled .blu-field__container .blu-field__placeholder[data-v-34ee4e9a],
        html:not([dark]) .blu-search-bar.b-disabled .blu-search-bar__container .blu-field__placeholder[data-v-34ee4e9a] {
            --blu-field-placeholder-color-text: rgba(25, 34, 42, .4)
        }

        html:not([dark]) .blu-field.b-disabled .blu-field__item-leading[data-v-34ee4e9a],
        html:not([dark]) .blu-field.b-disabled .blu-field__item-trailing[data-v-34ee4e9a],
        html:not([dark]) .blu-field.b-disabled .blu-field__action *[data-v-34ee4e9a],
        html:not([dark]) .blu-field.b-disabled .blu-search-bar__item-leading[data-v-34ee4e9a],
        html:not([dark]) .blu-field.b-disabled .blu-search-bar__item-trailing[data-v-34ee4e9a],
        html:not([dark]) .blu-field.b-disabled .blu-search-bar__action *[data-v-34ee4e9a],
        html:not([dark]) .blu-search-bar.b-disabled .blu-field__item-leading[data-v-34ee4e9a],
        html:not([dark]) .blu-search-bar.b-disabled .blu-field__item-trailing[data-v-34ee4e9a],
        html:not([dark]) .blu-search-bar.b-disabled .blu-field__action *[data-v-34ee4e9a],
        html:not([dark]) .blu-search-bar.b-disabled .blu-search-bar__item-leading[data-v-34ee4e9a],
        html:not([dark]) .blu-search-bar.b-disabled .blu-search-bar__item-trailing[data-v-34ee4e9a],
        html:not([dark]) .blu-search-bar.b-disabled .blu-search-bar__action *[data-v-34ee4e9a] {
            --blu-field-icon-color: rgba(25, 34, 42, .3019607843)
        }

        html:not([dark]) .blu-field.b-disabled .blu-field__item-trailing[data-v-34ee4e9a],
        html:not([dark]) .blu-field.b-disabled .blu-field__cta-button[data-v-34ee4e9a],
        html:not([dark]) .blu-field.b-disabled .blu-search-bar__item-trailing[data-v-34ee4e9a],
        html:not([dark]) .blu-field.b-disabled .blu-search-bar__cta-button[data-v-34ee4e9a],
        html:not([dark]) .blu-search-bar.b-disabled .blu-field__item-trailing[data-v-34ee4e9a],
        html:not([dark]) .blu-search-bar.b-disabled .blu-field__cta-button[data-v-34ee4e9a],
        html:not([dark]) .blu-search-bar.b-disabled .blu-search-bar__item-trailing[data-v-34ee4e9a],
        html:not([dark]) .blu-search-bar.b-disabled .blu-search-bar__cta-button[data-v-34ee4e9a] {
            pointer-events: none
        }

        html:not([dark]) .blu-field.b-disabled .blu-field__cta-button[data-v-34ee4e9a],
        html:not([dark]) .blu-field.b-disabled .blu-search-bar__cta-button[data-v-34ee4e9a],
        html:not([dark]) .blu-search-bar.b-disabled .blu-field__cta-button[data-v-34ee4e9a],
        html:not([dark]) .blu-search-bar.b-disabled .blu-search-bar__cta-button[data-v-34ee4e9a] {
            --blu-field-primary-cta-color-text: rgba(25, 34, 42, .4)
        }

        html:not([dark]) .blu-field.b-small[data-v-34ee4e9a],
        html:not([dark]) .blu-search-bar.b-small[data-v-34ee4e9a] {
            --blu-field-container-size-height: 36px;
            --blu-field-container-border-radius: 8px;
            --blu-field-container-spacing-padding: 0 8px;
            --blu-field-container-spacing-gap: 4px;
            --blu-field-icon-size: 18px
        }

        html:not([dark]) .blu-field.has-max-length[data-v-34ee4e9a] {
            animation: shake-34ee4e9a .82s cubic-bezier(.36, .07, .19, .97) both;
            transform: translateZ(0);
            backface-visibility: hidden;
            perspective: 1000px
        }

        html:not([dark]) .blu-field__helper[data-v-34ee4e9a] {
            display: flex;
            color: var(--blu-field-helper-color-text)
        }

        html:not([dark]) .blu-field__helper[data-v-34ee4e9a] .blu-field__counter {
            margin-left: auto
        }

        html:not([dark]) .blu-field__helper[data-v-34ee4e9a] :not(:empty) {
            margin-top: 4px
        }

        html:not([dark]) .blu-field__helper.b-success[data-v-34ee4e9a] {
            --blu-field-helper-color-text: #1c832a
        }

        html:not([dark]) .blu-field__helper.b-error[data-v-34ee4e9a] {
            --blu-field-helper-color-text: #d33534
        }

        html:not([dark]) .blu-field__warning-btn[data-v-34ee4e9a] {
            --blu-field-icon-color: #e93c3c
        }

        html:not([dark]) .blu-field__success-btn[data-v-34ee4e9a] {
            --blu-field-icon-color: #1f912e
        }

        html:not([dark]) .blu-field.b-error[data-v-34ee4e9a] {
            --blu-field-container-color-border: #ff4646;
            --blu-field-helper-color-text: rgba(25, 34, 42, .4)
        }

        html:not([dark]) .blu-field.b-error.b-focused label[data-v-34ee4e9a],
        html:not([dark]) .blu-field.b-error.has-value label[data-v-34ee4e9a] {
            --blu-field-label-color-text: #d33534
        }

        html:not([dark]) .blu-field.b-success[data-v-34ee4e9a] {
            --blu-field-container-color-border: #22a334;
            --blu-field-helper-color-text: rgba(25, 34, 42, .4)
        }

        html:not([dark]) .blu-field.b-success.b-focused label[data-v-34ee4e9a],
        html:not([dark]) .blu-field.b-success.has-value label[data-v-34ee4e9a] {
            --blu-field-label-color-text: #1c832a
        }

        html:not([dark]) :not(.b-disabled) .blu-dropdown-trigger .blu-field__container[data-v-34ee4e9a],
        html:not([dark]) :not(.b-disabled) .blu-dropdown-trigger label[data-v-34ee4e9a] {
            cursor: pointer
        }

        html:not([dark]) [class*=b-is-text-area] .blu-field__container[data-v-34ee4e9a] {
            height: 100%;
            align-items: flex-start;
            box-sizing: border-box;
            padding: 8px 2px 2px 12px
        }

        html:not([dark]) [class*=b-is-text-area] .blu-field__wrapper[data-v-34ee4e9a] {
            height: inherit
        }

        html:not([dark]) [class*=b-is-text-area] .blu-field__content[data-v-34ee4e9a] {
            height: 100%;
            margin-right: 0
        }

        html:not([dark]) [class*=b-is-text-area] .blu-field__label-container label[data-v-34ee4e9a] {
            margin-bottom: 0;
            height: 18px
        }

        html:not([dark]) [class*=b-is-text-area] .blu-field__action[data-v-34ee4e9a] {
            position: absolute;
            right: 8px;
            background: var(--blu-field-action-color-background);
            border-radius: 24px
        }

        html:not([dark]) [class*=b-is-text-area] .blu-field__action *[data-v-34ee4e9a]:not(:last-child) {
            margin-right: var(--blu-field-container-spacing-gap)
        }

        html:not([dark]) [class*=b-is-text-area].b-secondary[data-v-34ee4e9a] {
            --blu-field-action-color-background: #ffffff
        }

        html:not([dark]) [class*=b-is-text-area].b-disabled[data-v-34ee4e9a] {
            --blu-field-action-color-background: #e1e3e4
        }

        html:not([dark]) [class*=b-is-text-area] .b-fit-content[data-v-34ee4e9a] {
            width: min-content;
            height: fit-content
        }

        html:not([dark]) [class*=b-is-text-area] .b-fit-content .blu-field__container[data-v-34ee4e9a] {
            width: min-content
        }

        html[dark] .blu-field[data-v-34ee4e9a],
        html[dark] .blu-search-bar[data-v-34ee4e9a] {
            --blu-field-container-border-width: 1px;
            --blu-field-container-size-height: 48px;
            --blu-field-container-color-border: transparent;
            --blu-field-container-border-radius: 8px;
            --blu-field-container-spacing-padding: 0 12px;
            --blu-field-container-spacing-gap: 8px;
            --blu-field-primary-container-color-background: #28323b;
            --blu-field-primary-cta-color-text: #4fa4ff;
            --blu-field-helper-text: 500 14px/18px Blibli, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif;
            --blu-field-helper-color-text: rgba(255, 255, 255, .5019607843);
            --blu-field-icon-color: #acb0b4;
            --blu-field-icon-size: 18px;
            --blu-field-label-text: 500 14px/18px Blibli, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif;
            --blu-filed-label-text-position: -18px;
            --blu-field-label-color-text: rgba(255, 255, 255, .8);
            --blu-field-placeholder-text: 500 14px/18px Blibli, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif;
            --blu-field-placeholder-color-text: rgba(255, 255, 255, .8);
            --blu-filed-placeholder-text-position: -18px;
            --blu-field-action-color-background: #28323b;
            width: 100%;
            font: var(--blu-field-helper-text)
        }

        html[dark] .blu-field__label-container[data-v-34ee4e9a],
        html[dark] .blu-search-bar__label-container[data-v-34ee4e9a] {
            flex: 1;
            min-width: 0;
            display: flex;
            flex-direction: column;
            position: relative
        }

        html[dark] .blu-field__label[data-v-34ee4e9a],
        html[dark] .blu-field__placeholder[data-v-34ee4e9a],
        html[dark] .blu-search-bar__label[data-v-34ee4e9a],
        html[dark] .blu-search-bar__placeholder[data-v-34ee4e9a] {
            transition: all .3s;
            overflow: hidden;
            text-overflow: ellipsis;
            white-space: nowrap
        }

        html[dark] .blu-field__label[data-v-34ee4e9a],
        html[dark] .blu-search-bar__label[data-v-34ee4e9a] {
            color: var(--blu-field-label-color-text);
            font: var(--blu-field-label-text);
            margin-bottom: var(--blu-filed-label-text-position)
        }

        html[dark] .blu-field__placeholder[data-v-34ee4e9a],
        html[dark] .blu-search-bar__placeholder[data-v-34ee4e9a] {
            color: var(--blu-field-placeholder-color-text);
            font: var(--blu-field-placeholder-text);
            margin-bottom: var(--blu-filed-placeholder-text-position)
        }

        html[dark] .blu-field__asterisk[data-v-34ee4e9a],
        html[dark] .blu-search-bar__asterisk[data-v-34ee4e9a] {
            color: #ff7373
        }

        html[dark] .blu-field.b-focused .blu-field__label-container[data-v-34ee4e9a],
        html[dark] .blu-field.has-value .blu-field__label-container[data-v-34ee4e9a],
        html[dark] .blu-search-bar.b-focused .blu-field__label-container[data-v-34ee4e9a],
        html[dark] .blu-search-bar.has-value .blu-field__label-container[data-v-34ee4e9a] {
            margin-bottom: 0
        }

        html[dark] .blu-field.b-focused label[data-v-34ee4e9a],
        html[dark] .blu-field.has-value label[data-v-34ee4e9a],
        html[dark] .blu-search-bar.b-focused label[data-v-34ee4e9a],
        html[dark] .blu-search-bar.has-value label[data-v-34ee4e9a] {
            --blu-field-label-text: 500 12px/16px Blibli, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif;
            --blu-field-label-color-text: #4fa4ff;
            --blu-filed-label-text-position: 0
        }

        html[dark] .blu-field.has-value .blu-field__clearable-btn[data-v-34ee4e9a],
        html[dark] .blu-field.has-value .blu-search-bar__clearable-btn[data-v-34ee4e9a],
        html[dark] .blu-search-bar.has-value .blu-field__clearable-btn[data-v-34ee4e9a],
        html[dark] .blu-search-bar.has-value .blu-search-bar__clearable-btn[data-v-34ee4e9a] {
            visibility: visible
        }

        html[dark] .blu-field:not(.b-disabled) .blu-field__container[data-v-34ee4e9a]:hover,
        html[dark] .blu-field:not(.b-disabled) .blu-search-bar__container[data-v-34ee4e9a]:hover,
        html[dark] .blu-search-bar:not(.b-disabled) .blu-field__container[data-v-34ee4e9a]:hover,
        html[dark] .blu-search-bar:not(.b-disabled) .blu-search-bar__container[data-v-34ee4e9a]:hover {
            --blu-field-primary-container-color-background: #19222a;
            --blu-field-action-color-background: #19222a
        }

        html[dark] .blu-field:not(.b-disabled) .blu-field__clearable-btn[data-v-34ee4e9a],
        html[dark] .blu-field:not(.b-disabled) .blu-search-bar__clearable-btn[data-v-34ee4e9a],
        html[dark] .blu-search-bar:not(.b-disabled) .blu-field__clearable-btn[data-v-34ee4e9a],
        html[dark] .blu-search-bar:not(.b-disabled) .blu-search-bar__clearable-btn[data-v-34ee4e9a] {
            cursor: pointer
        }

        html[dark] .blu-field__container[data-v-34ee4e9a],
        html[dark] .blu-search-bar__container[data-v-34ee4e9a] {
            padding: var(--blu-field-container-spacing-padding);
            box-shadow: 0 0 0 var(--blu-field-container-border-width) var(--blu-field-container-color-border) inset;
            -webkit-box-shadow: 0 0 0 var(--blu-field-container-border-width) var(--blu-field-container-color-border) inset;
            border-radius: var(--blu-field-container-border-radius);
            height: var(--blu-field-container-size-height);
            background-color: var(--blu-field-primary-container-color-background);
            display: flex;
            align-items: center;
            cursor: text;
            transition: all .2s, background-color .4s, background 0;
            position: relative
        }

        html[dark] .blu-field__container>*[data-v-34ee4e9a]:not(:last-child),
        html[dark] .blu-search-bar__container>*[data-v-34ee4e9a]:not(:last-child) {
            margin-right: var(--blu-field-container-spacing-gap)
        }

        html[dark] .blu-field__container[data-v-34ee4e9a]:focus-visible,
        html[dark] .blu-search-bar__container[data-v-34ee4e9a]:focus-visible {
            outline: none
        }

        html[dark] .blu-field__content[data-v-34ee4e9a],
        html[dark] .blu-search-bar__content[data-v-34ee4e9a] {
            display: flex;
            flex-grow: 1;
            flex-direction: column;
            position: relative;
            overflow: hidden
        }

        html[dark] .blu-field__action[data-v-34ee4e9a],
        html[dark] .blu-search-bar__action[data-v-34ee4e9a] {
            display: flex;
            align-items: center
        }

        html[dark] .blu-field__item-leading[data-v-34ee4e9a],
        html[dark] .blu-field__item-trailing[data-v-34ee4e9a],
        html[dark] .blu-field__clearable-btn[data-v-34ee4e9a],
        html[dark] .blu-field__warning-btn[data-v-34ee4e9a],
        html[dark] .blu-field__success-btn[data-v-34ee4e9a],
        html[dark] .blu-search-bar__item-leading[data-v-34ee4e9a],
        html[dark] .blu-search-bar__item-trailing[data-v-34ee4e9a],
        html[dark] .blu-search-bar__clearable-btn[data-v-34ee4e9a],
        html[dark] .blu-search-bar__warning-btn[data-v-34ee4e9a],
        html[dark] .blu-search-bar__success-btn[data-v-34ee4e9a] {
            color: var(--blu-field-icon-color);
            display: flex;
            height: var(--blu-field-icon-size)
        }

        html[dark] .blu-field__item-leading[data-v-34ee4e9a] svg,
        html[dark] .blu-field__item-trailing[data-v-34ee4e9a] svg,
        html[dark] .blu-field__clearable-btn[data-v-34ee4e9a] svg,
        html[dark] .blu-field__warning-btn[data-v-34ee4e9a] svg,
        html[dark] .blu-field__success-btn[data-v-34ee4e9a] svg,
        html[dark] .blu-search-bar__item-leading[data-v-34ee4e9a] svg,
        html[dark] .blu-search-bar__item-trailing[data-v-34ee4e9a] svg,
        html[dark] .blu-search-bar__clearable-btn[data-v-34ee4e9a] svg,
        html[dark] .blu-search-bar__warning-btn[data-v-34ee4e9a] svg,
        html[dark] .blu-search-bar__success-btn[data-v-34ee4e9a] svg {
            height: var(--blu-field-icon-size) !important;
            width: var(--blu-field-icon-size) !important
        }

        html[dark] .blu-field__item-leading[data-v-34ee4e9a]:not(:last-child),
        html[dark] .blu-field__item-trailing[data-v-34ee4e9a]:not(:last-child),
        html[dark] .blu-field__clearable-btn[data-v-34ee4e9a]:not(:last-child),
        html[dark] .blu-field__warning-btn[data-v-34ee4e9a]:not(:last-child),
        html[dark] .blu-field__success-btn[data-v-34ee4e9a]:not(:last-child),
        html[dark] .blu-search-bar__item-leading[data-v-34ee4e9a]:not(:last-child),
        html[dark] .blu-search-bar__item-trailing[data-v-34ee4e9a]:not(:last-child),
        html[dark] .blu-search-bar__clearable-btn[data-v-34ee4e9a]:not(:last-child),
        html[dark] .blu-search-bar__warning-btn[data-v-34ee4e9a]:not(:last-child),
        html[dark] .blu-search-bar__success-btn[data-v-34ee4e9a]:not(:last-child) {
            margin-right: var(--blu-field-container-spacing-gap)
        }

        html[dark] .blu-field__unit-leading[data-v-34ee4e9a],
        html[dark] .blu-field__unit-trailing[data-v-34ee4e9a],
        html[dark] .blu-search-bar__unit-leading[data-v-34ee4e9a],
        html[dark] .blu-search-bar__unit-trailing[data-v-34ee4e9a] {
            color: var(--blu-field-icon-color);
            display: flex;
            align-items: center;
            white-space: nowrap
        }

        html[dark] .blu-field__unit-leading[data-v-34ee4e9a]:not(:last-child),
        html[dark] .blu-field__unit-trailing[data-v-34ee4e9a]:not(:last-child),
        html[dark] .blu-search-bar__unit-leading[data-v-34ee4e9a]:not(:last-child),
        html[dark] .blu-search-bar__unit-trailing[data-v-34ee4e9a]:not(:last-child) {
            margin-right: var(--blu-field-container-spacing-gap)
        }

        html[dark] .blu-field__unit-leading[data-v-34ee4e9a],
        html[dark] .blu-search-bar__unit-leading[data-v-34ee4e9a] {
            justify-content: center
        }

        html[dark] .blu-field__unit-trailing[data-v-34ee4e9a],
        html[dark] .blu-search-bar__unit-trailing[data-v-34ee4e9a] {
            justify-content: flex-end
        }

        html[dark] .blu-field__clearable-btn[data-v-34ee4e9a]:focus,
        html[dark] .blu-field__item-trailing[data-v-34ee4e9a] svg:focus,
        html[dark] .blu-search-bar__clearable-btn[data-v-34ee4e9a]:focus,
        html[dark] .blu-search-bar__item-trailing[data-v-34ee4e9a] svg:focus {
            outline: none
        }

        html[dark] .blu-field__clearable-btn[data-v-34ee4e9a]:focus-visible,
        html[dark] .blu-field__item-trailing[data-v-34ee4e9a] svg:focus-visible,
        html[dark] .blu-search-bar__clearable-btn[data-v-34ee4e9a]:focus-visible,
        html[dark] .blu-search-bar__item-trailing[data-v-34ee4e9a] svg:focus-visible {
            outline: 2px solid #f9f9fa
        }

        html[dark] .blu-field__clearable-btn[data-v-34ee4e9a],
        html[dark] .blu-search-bar__clearable-btn[data-v-34ee4e9a] {
            visibility: hidden
        }

        html[dark] .blu-field__item-trailing[data-v-34ee4e9a],
        html[dark] .blu-search-bar__item-trailing[data-v-34ee4e9a] {
            cursor: pointer
        }

        html[dark] .blu-field__cta-button[data-v-34ee4e9a],
        html[dark] .blu-search-bar__cta-button[data-v-34ee4e9a] {
            color: var(--blu-field-primary-cta-color-text);
            font: 600 14px/18px Blibli, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif;
            cursor: pointer
        }

        html[dark] .blu-field__cta-button[data-v-34ee4e9a]:focus,
        html[dark] .blu-search-bar__cta-button[data-v-34ee4e9a]:focus {
            outline: none
        }

        html[dark] .blu-field__cta-button[data-v-34ee4e9a]:focus-visible,
        html[dark] .blu-search-bar__cta-button[data-v-34ee4e9a]:focus-visible {
            outline: 2px solid #f9f9fa
        }

        html[dark] .blu-field.b-secondary[data-v-34ee4e9a],
        html[dark] .blu-search-bar.b-secondary[data-v-34ee4e9a] {
            --blu-field-primary-container-color-background: #12171d;
            --blu-field-container-color-border: #60686e;
            --blu-field-action-color-background: #12171d
        }

        html[dark] .blu-field.b-focused[data-v-34ee4e9a]:not(.b-error):not(.b-success),
        html[dark] .blu-search-bar.b-focused[data-v-34ee4e9a]:not(.b-error):not(.b-success) {
            --blu-field-container-color-border: #4fa4ff
        }

        html[dark] .blu-field.b-disabled .blu-field__container[data-v-34ee4e9a],
        html[dark] .blu-field.b-disabled .blu-search-bar__container[data-v-34ee4e9a],
        html[dark] .blu-search-bar.b-disabled .blu-field__container[data-v-34ee4e9a],
        html[dark] .blu-search-bar.b-disabled .blu-search-bar__container[data-v-34ee4e9a] {
            cursor: not-allowed;
            --blu-field-primary-container-color-background: #3b444c
        }

        html[dark] .blu-field.b-disabled .blu-field__container label[data-v-34ee4e9a],
        html[dark] .blu-field.b-disabled .blu-search-bar__container label[data-v-34ee4e9a],
        html[dark] .blu-search-bar.b-disabled .blu-field__container label[data-v-34ee4e9a],
        html[dark] .blu-search-bar.b-disabled .blu-search-bar__container label[data-v-34ee4e9a] {
            --blu-field-label-color-text: rgba(255, 255, 255, .5019607843)
        }

        html[dark] .blu-field.b-disabled .blu-field__container .blu-field__placeholder[data-v-34ee4e9a],
        html[dark] .blu-field.b-disabled .blu-search-bar__container .blu-field__placeholder[data-v-34ee4e9a],
        html[dark] .blu-search-bar.b-disabled .blu-field__container .blu-field__placeholder[data-v-34ee4e9a],
        html[dark] .blu-search-bar.b-disabled .blu-search-bar__container .blu-field__placeholder[data-v-34ee4e9a] {
            --blu-field-placeholder-color-text: rgba(255, 255, 255, .5019607843)
        }

        html[dark] .blu-field.b-disabled .blu-field__item-leading[data-v-34ee4e9a],
        html[dark] .blu-field.b-disabled .blu-field__item-trailing[data-v-34ee4e9a],
        html[dark] .blu-field.b-disabled .blu-field__action *[data-v-34ee4e9a],
        html[dark] .blu-field.b-disabled .blu-search-bar__item-leading[data-v-34ee4e9a],
        html[dark] .blu-field.b-disabled .blu-search-bar__item-trailing[data-v-34ee4e9a],
        html[dark] .blu-field.b-disabled .blu-search-bar__action *[data-v-34ee4e9a],
        html[dark] .blu-search-bar.b-disabled .blu-field__item-leading[data-v-34ee4e9a],
        html[dark] .blu-search-bar.b-disabled .blu-field__item-trailing[data-v-34ee4e9a],
        html[dark] .blu-search-bar.b-disabled .blu-field__action *[data-v-34ee4e9a],
        html[dark] .blu-search-bar.b-disabled .blu-search-bar__item-leading[data-v-34ee4e9a],
        html[dark] .blu-search-bar.b-disabled .blu-search-bar__item-trailing[data-v-34ee4e9a],
        html[dark] .blu-search-bar.b-disabled .blu-search-bar__action *[data-v-34ee4e9a] {
            --blu-field-icon-color: rgba(255, 255, 255, .3019607843)
        }

        html[dark] .blu-field.b-disabled .blu-field__item-trailing[data-v-34ee4e9a],
        html[dark] .blu-field.b-disabled .blu-field__cta-button[data-v-34ee4e9a],
        html[dark] .blu-field.b-disabled .blu-search-bar__item-trailing[data-v-34ee4e9a],
        html[dark] .blu-field.b-disabled .blu-search-bar__cta-button[data-v-34ee4e9a],
        html[dark] .blu-search-bar.b-disabled .blu-field__item-trailing[data-v-34ee4e9a],
        html[dark] .blu-search-bar.b-disabled .blu-field__cta-button[data-v-34ee4e9a],
        html[dark] .blu-search-bar.b-disabled .blu-search-bar__item-trailing[data-v-34ee4e9a],
        html[dark] .blu-search-bar.b-disabled .blu-search-bar__cta-button[data-v-34ee4e9a] {
            pointer-events: none
        }

        html[dark] .blu-field.b-disabled .blu-field__cta-button[data-v-34ee4e9a],
        html[dark] .blu-field.b-disabled .blu-search-bar__cta-button[data-v-34ee4e9a],
        html[dark] .blu-search-bar.b-disabled .blu-field__cta-button[data-v-34ee4e9a],
        html[dark] .blu-search-bar.b-disabled .blu-search-bar__cta-button[data-v-34ee4e9a] {
            --blu-field-primary-cta-color-text: rgba(255, 255, 255, .5019607843)
        }

        html[dark] .blu-field.b-small[data-v-34ee4e9a],
        html[dark] .blu-search-bar.b-small[data-v-34ee4e9a] {
            --blu-field-container-size-height: 36px;
            --blu-field-container-border-radius: 8px;
            --blu-field-container-spacing-padding: 0 8px;
            --blu-field-container-spacing-gap: 4px;
            --blu-field-icon-size: 18px
        }

        html[dark] .blu-field.has-max-length[data-v-34ee4e9a] {
            animation: shake-34ee4e9a .82s cubic-bezier(.36, .07, .19, .97) both;
            transform: translateZ(0);
            backface-visibility: hidden;
            perspective: 1000px
        }

        html[dark] .blu-field__helper[data-v-34ee4e9a] {
            display: flex;
            color: var(--blu-field-helper-color-text)
        }

        html[dark] .blu-field__helper[data-v-34ee4e9a] .blu-field__counter {
            margin-left: auto
        }

        html[dark] .blu-field__helper[data-v-34ee4e9a] :not(:empty) {
            margin-top: 4px
        }

        html[dark] .blu-field__helper.b-success[data-v-34ee4e9a] {
            --blu-field-helper-color-text: #02c82b
        }

        html[dark] .blu-field__helper.b-error[data-v-34ee4e9a] {
            --blu-field-helper-color-text: #ff7373
        }

        html[dark] .blu-field__warning-btn[data-v-34ee4e9a] {
            --blu-field-icon-color: #ff7373
        }

        html[dark] .blu-field__success-btn[data-v-34ee4e9a] {
            --blu-field-icon-color: #02c82b
        }

        html[dark] .blu-field.b-error[data-v-34ee4e9a] {
            --blu-field-container-color-border: #ff7373;
            --blu-field-helper-color-text: rgba(255, 255, 255, .5019607843)
        }

        html[dark] .blu-field.b-error.b-focused label[data-v-34ee4e9a],
        html[dark] .blu-field.b-error.has-value label[data-v-34ee4e9a] {
            --blu-field-label-color-text: #ff7373
        }

        html[dark] .blu-field.b-success[data-v-34ee4e9a] {
            --blu-field-container-color-border: #02c82b;
            --blu-field-helper-color-text: rgba(255, 255, 255, .5019607843)
        }

        html[dark] .blu-field.b-success.b-focused label[data-v-34ee4e9a],
        html[dark] .blu-field.b-success.has-value label[data-v-34ee4e9a] {
            --blu-field-label-color-text: #02c82b
        }

        @keyframes shake-34ee4e9a {

            10%,
            90% {
                transform: translate3d(-1px, 0, 0)
            }

            20%,
            80% {
                transform: translate3d(2px, 0, 0)
            }

            30%,
            50%,
            70% {
                transform: translate3d(-4px, 0, 0)
            }

            40%,
            60% {
                transform: translate3d(4px, 0, 0)
            }
        }

        html[dark] :not(.b-disabled) .blu-dropdown-trigger .blu-field__container[data-v-34ee4e9a],
        html[dark] :not(.b-disabled) .blu-dropdown-trigger label[data-v-34ee4e9a] {
            cursor: pointer
        }

        html[dark] [class*=b-is-text-area] .blu-field__container[data-v-34ee4e9a] {
            height: 100%;
            align-items: flex-start;
            box-sizing: border-box;
            padding: 8px 2px 2px 12px
        }

        html[dark] [class*=b-is-text-area] .blu-field__wrapper[data-v-34ee4e9a] {
            height: inherit
        }

        html[dark] [class*=b-is-text-area] .blu-field__content[data-v-34ee4e9a] {
            height: 100%;
            margin-right: 0
        }

        html[dark] [class*=b-is-text-area] .blu-field__label-container label[data-v-34ee4e9a] {
            margin-bottom: 0;
            height: 18px
        }

        html[dark] [class*=b-is-text-area] .blu-field__action[data-v-34ee4e9a] {
            position: absolute;
            right: 8px;
            background: var(--blu-field-action-color-background);
            border-radius: 24px
        }

        html[dark] [class*=b-is-text-area] .blu-field__action *[data-v-34ee4e9a]:not(:last-child) {
            margin-right: var(--blu-field-container-spacing-gap)
        }

        html[dark] [class*=b-is-text-area].b-secondary[data-v-34ee4e9a] {
            --blu-field-action-color-background: #12171d
        }

        html[dark] [class*=b-is-text-area].b-disabled[data-v-34ee4e9a] {
            --blu-field-action-color-background: #3b444c
        }

        html[dark] [class*=b-is-text-area] .b-fit-content[data-v-34ee4e9a] {
            width: min-content;
            height: fit-content
        }

        html[dark] [class*=b-is-text-area] .b-fit-content .blu-field__container[data-v-34ee4e9a] {
            width: min-content
        }
    </style>
    <style>
        html:not([dark]) .b-overflow-y[data-v-2dfb00b7] {
            scrollbar-color: rgba(25, 34, 42, .3019607843) transparent;
            scrollbar-width: thin
        }

        html:not([dark]) .b-overflow-y[data-v-2dfb00b7]::-webkit-scrollbar {
            width: 4px;
            height: 8px;
            background-color: transparent
        }

        html:not([dark]) .b-overflow-y[data-v-2dfb00b7]::-webkit-scrollbar-track {
            margin: 13px 0
        }

        html:not([dark]) .b-overflow-y[data-v-2dfb00b7]::-webkit-scrollbar-thumb {
            box-shadow: inset 0 0 14px 14px transparent;
            border-radius: 4px;
            background-color: #19222a4d;
            scrollbar-color: rgba(25, 34, 42, .3019607843)
        }

        html:not([dark]) .b-overflow-y[data-v-2dfb00b7]:hover::-webkit-scrollbar {
            width: 4px
        }

        html:not([dark]) .b-overflow-y[data-v-2dfb00b7]:hover::-webkit-scrollbar-track {
            border: solid 2px transparent
        }

        html:not([dark]) .b-overflow-y[data-v-2dfb00b7]:hover::-webkit-scrollbar-thumb:hover {
            box-shadow: inset 0 0 14px 14px transparent;
            background-color: #19222a4d;
            scrollbar-color: rgba(25, 34, 42, .3019607843) transparent
        }

        html:not([dark]) .b-overflow-y[data-v-2dfb00b7]::-webkit-scrollbar-track {
            border-radius: 3px;
            background-color: transparent
        }

        html:not([dark]) .b-overflow-y.hidden[data-v-2dfb00b7] {
            scrollbar-width: none
        }

        html:not([dark]) .b-overflow-y.hidden[data-v-2dfb00b7]::-webkit-scrollbar-thumb {
            border-radius: 4px;
            background-color: transparent
        }

        html:not([dark]) .b-overflow-y.hidden[data-v-2dfb00b7]:hover {
            scrollbar-width: thin
        }

        html:not([dark]) .b-overflow-y.hidden[data-v-2dfb00b7]:hover::-webkit-scrollbar-thumb {
            box-shadow: inset 0 0 14px 14px transparent;
            border-radius: 4px;
            background-color: #19222a4d;
            scrollbar-color: rgba(25, 34, 42, .3019607843) transparent
        }

        html:not([dark]) .b-overflow-y.hidden[data-v-2dfb00b7]:hover::-webkit-scrollbar-thumb:hover {
            box-shadow: inset 0 0 14px 14px transparent;
            background-color: #19222a4d;
            scrollbar-color: rgba(25, 34, 42, .3019607843) transparent
        }

        html:not([dark]) .b-overflow-y[data-v-2dfb00b7] {
            overflow-y: auto;
            margin: 0
        }

        html:not([dark]) textarea[data-v-2dfb00b7] {
            --blu-text-area-input-text: 500 16px/20px Blibli, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif;
            --blu-text-area-input-padding: 0 12px 8px 0;
            box-shadow: none;
            border: none;
            background-color: transparent;
            outline: 0;
            padding: 0;
            font: var(--blu-text-area-input-text);
            padding: var(--blu-text-area-input-padding);
            transform: scale(.875);
            width: 114.28%;
            transform-origin: left center
        }

        html:not([dark]) .blu-field__container .blu-field__leading-icon~.blu-field__content textarea[data-v-2dfb00b7] {
            min-width: calc(var(--blu-field-custom-min-width) - 42px)
        }

        html:not([dark]) .blu-field.b-placeholder textarea[data-v-2dfb00b7] {
            min-height: calc(var(--blu-text-area-min-height) - 10px)
        }

        html:not([dark]) .blu-field textarea[data-v-2dfb00b7] {
            --blu-field-primary-input-color-text: #19222a;
            box-sizing: border-box;
            min-height: calc(var(--blu-text-area-min-height) - 28px);
            min-width: var(--blu-text-area-min-width);
            color: var(--blu-field-primary-input-color-text);
            height: inherit
        }

        html:not([dark]) .blu-field__wrapper.b-auto textarea[data-v-2dfb00b7] {
            resize: both
        }

        html:not([dark]) .blu-field__wrapper.b-none textarea[data-v-2dfb00b7] {
            resize: none
        }

        html:not([dark]) .blu-field__wrapper.b-horizontal textarea[data-v-2dfb00b7] {
            resize: horizontal
        }

        html:not([dark]) .blu-field__wrapper.b-vertical textarea[data-v-2dfb00b7] {
            resize: vertical
        }

        html:not([dark]) .blu-field__wrapper.b-auto-grow textarea[data-v-2dfb00b7] {
            --blu-text-area-input-padding: 0;
            resize: none;
            overflow: hidden
        }

        html:not([dark]) .blu-field.b-disabled .blu-field__container textarea[data-v-2dfb00b7] {
            --blu-field-primary-input-color-text: rgba(25, 34, 42, .4);
            cursor: not-allowed
        }

        html[dark] .b-overflow-y[data-v-2dfb00b7] {
            scrollbar-color: rgba(255, 255, 255, .3019607843) transparent;
            scrollbar-width: thin
        }

        html[dark] .b-overflow-y[data-v-2dfb00b7]::-webkit-scrollbar {
            width: 4px;
            height: 8px;
            background-color: transparent
        }

        html[dark] .b-overflow-y[data-v-2dfb00b7]::-webkit-scrollbar-track {
            margin: 13px 0
        }

        html[dark] .b-overflow-y[data-v-2dfb00b7]::-webkit-scrollbar-thumb {
            box-shadow: inset 0 0 14px 14px transparent;
            border-radius: 4px;
            background-color: #ffffff4d;
            scrollbar-color: rgba(255, 255, 255, .3019607843)
        }

        html[dark] .b-overflow-y[data-v-2dfb00b7]:hover::-webkit-scrollbar {
            width: 4px
        }

        html[dark] .b-overflow-y[data-v-2dfb00b7]:hover::-webkit-scrollbar-track {
            border: solid 2px transparent
        }

        html[dark] .b-overflow-y[data-v-2dfb00b7]:hover::-webkit-scrollbar-thumb:hover {
            box-shadow: inset 0 0 14px 14px transparent;
            background-color: #ffffff4d;
            scrollbar-color: rgba(255, 255, 255, .3019607843) transparent
        }

        html[dark] .b-overflow-y[data-v-2dfb00b7]::-webkit-scrollbar-track {
            border-radius: 3px;
            background-color: transparent
        }

        html[dark] .b-overflow-y.hidden[data-v-2dfb00b7] {
            scrollbar-width: none
        }

        html[dark] .b-overflow-y.hidden[data-v-2dfb00b7]::-webkit-scrollbar-thumb {
            border-radius: 4px;
            background-color: transparent
        }

        html[dark] .b-overflow-y.hidden[data-v-2dfb00b7]:hover {
            scrollbar-width: thin
        }

        html[dark] .b-overflow-y.hidden[data-v-2dfb00b7]:hover::-webkit-scrollbar-thumb {
            box-shadow: inset 0 0 14px 14px transparent;
            border-radius: 4px;
            background-color: #ffffff4d;
            scrollbar-color: rgba(255, 255, 255, .3019607843) transparent
        }

        html[dark] .b-overflow-y.hidden[data-v-2dfb00b7]:hover::-webkit-scrollbar-thumb:hover {
            box-shadow: inset 0 0 14px 14px transparent;
            background-color: #ffffff4d;
            scrollbar-color: rgba(255, 255, 255, .3019607843) transparent
        }

        html[dark] .b-overflow-y[data-v-2dfb00b7] {
            overflow-y: auto;
            margin: 0
        }

        html[dark] textarea[data-v-2dfb00b7] {
            --blu-text-area-input-text: 500 16px/20px Blibli, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif;
            --blu-text-area-input-padding: 0 12px 8px 0;
            box-shadow: none;
            border: none;
            background-color: transparent;
            outline: 0;
            padding: 0;
            font: var(--blu-text-area-input-text);
            padding: var(--blu-text-area-input-padding);
            transform: scale(.875);
            width: 114.28%;
            transform-origin: left center
        }

        html[dark] .blu-field__container .blu-field__leading-icon~.blu-field__content textarea[data-v-2dfb00b7] {
            min-width: calc(var(--blu-field-custom-min-width) - 42px)
        }

        html[dark] .blu-field.b-placeholder textarea[data-v-2dfb00b7] {
            min-height: calc(var(--blu-text-area-min-height) - 10px)
        }

        html[dark] .blu-field textarea[data-v-2dfb00b7] {
            --blu-field-primary-input-color-text: #ffffff;
            box-sizing: border-box;
            min-height: calc(var(--blu-text-area-min-height) - 28px);
            min-width: var(--blu-text-area-min-width);
            color: var(--blu-field-primary-input-color-text);
            height: inherit
        }

        html[dark] .blu-field__wrapper.b-auto textarea[data-v-2dfb00b7] {
            resize: both
        }

        html[dark] .blu-field__wrapper.b-none textarea[data-v-2dfb00b7] {
            resize: none
        }

        html[dark] .blu-field__wrapper.b-horizontal textarea[data-v-2dfb00b7] {
            resize: horizontal
        }

        html[dark] .blu-field__wrapper.b-vertical textarea[data-v-2dfb00b7] {
            resize: vertical
        }

        html[dark] .blu-field__wrapper.b-auto-grow textarea[data-v-2dfb00b7] {
            --blu-text-area-input-padding: 0;
            resize: none;
            overflow: hidden
        }

        html[dark] .blu-field.b-disabled .blu-field__container textarea[data-v-2dfb00b7] {
            --blu-field-primary-input-color-text: rgba(255, 255, 255, .5019607843);
            cursor: not-allowed
        }
    </style>
    <style>
        html:not([dark]) button[data-v-33e9fb72] {
            border: none;
            background: none;
            cursor: pointer;
            font-family: Blibli, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif;
            padding: 0
        }

        html:not([dark]) input[type=submit][data-v-33e9fb72]::-moz-focus-inner,
        html:not([dark]) input[type=button][data-v-33e9fb72]::-moz-focus-inner {
            border: 0px
        }

        html:not([dark]) button[data-v-33e9fb72]:focus,
        html:not([dark]) input[type=submit][data-v-33e9fb72]:focus,
        html:not([dark]) input[type=button][data-v-33e9fb72]:focus,
        html:not([dark]) input[type=reset][data-v-33e9fb72]:focus,
        html:not([dark]) a[data-v-33e9fb72] {
            outline: none
        }

        html:not([dark]) .blu-toast[data-v-33e9fb72] {
            --blu-toast-color-background: #28323b;
            --blu-toast-color-text: #ffffff;
            --blu-toast-color-icon: #ffffff;
            --blu-toast-link-color-text: #4fa4ff;
            --blu-toast-desc-text: 500 16px/20px Blibli, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif;
            --blu-toast-link-text: 600 16px/20px Blibli, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif;
            --blu-toast-icon-size: 24px;
            --blu-toast-border-radius: 8px;
            --blu-toast-spacing-gap: 4px 0;
            --blu-toast-spacing-padding: 8px 16px;
            --blu-toast-content-spacing-gap: 8px;
            --blu-toast-icon-border-focused: 2px solid #ffffff;
            --blu-toast-min-height: 48px;
            display: flex;
            align-items: center;
            border-radius: var(--blu-toast-border-radius);
            justify-content: space-between;
            color: var(--blu-toast-color-text);
            margin: var(--blu-toast-spacing-gap);
            padding: var(--blu-toast-spacing-padding);
            transition: all .4s ease-in-out;
            min-height: var(--blu-toast-min-height);
            min-width: 240px;
            max-width: 600px;
            pointer-events: all;
            background-color: var(--blu-toast-color-background);
            box-sizing: border-box;
            font: var(--blu-toast-desc-text)
        }

        html:not([dark]) .blu-toast *[data-v-33e9fb72]:not(:last-child) {
            margin-right: var(--blu-toast-content-spacing-gap)
        }

        @media screen and (max-width: 839px) {
            html:not([dark]) .blu-toast[data-v-33e9fb72] {
                --blu-toast-desc-text: 500 14px/18px Blibli, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif;
                width: 100%
            }
        }

        html:not([dark]) .blu-toast__content[data-v-33e9fb72] {
            display: flex;
            align-items: center
        }

        html:not([dark]) .blu-toast__content--link[data-v-33e9fb72] {
            color: var(--blu-toast-link-color-text);
            font: var(--blu-toast-link-text);
            height: fit-content;
            margin-left: auto;
            cursor: pointer
        }

        @media screen and (max-width: 839px) {
            html:not([dark]) .blu-toast__content--link[data-v-33e9fb72] {
                --blu-toast-link-text: 600 14px/18px Blibli, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif
            }
        }

        html:not([dark]) .blu-toast__remove[data-v-33e9fb72] {
            padding: 4px;
            color: var(--blu-toast-color-icon);
            display: flex
        }

        html:not([dark]) .blu-toast__remove svg[data-v-33e9fb72] {
            width: var(--blu-toast-icon-size);
            height: var(--blu-toast-icon-size)
        }

        html:not([dark]) .blu-toast__remove[data-v-33e9fb72]:focus-visible {
            outline: var(--blu-toast-icon-border-focused)
        }

        html:not([dark]) .blu-toast.b-has-action .blu-toast__content[data-v-33e9fb72] {
            flex-wrap: wrap;
            width: 100%
        }

        html:not([dark]) .blu-toast.b-has-action .blu-toast__content--desc[data-v-33e9fb72] {
            flex-grow: 1
        }

        html:not([dark]) .blu-toast.b-has-action .long-action[data-v-33e9fb72] {
            flex-direction: column;
            align-items: normal
        }

        html:not([dark]) .blu-toast.b-has-action .long-action *[data-v-33e9fb72]:not(:last-child) {
            margin-right: 0;
            margin-bottom: 8px
        }

        html:not([dark]) .blu-toast.b-has-action .long-action .blu-toast__content--desc[data-v-33e9fb72] {
            max-width: none
        }

        html:not([dark]) .blu-toast.b-error[data-v-33e9fb72] {
            --blu-toast-color-background: #e93c3c;
            --blu-toast-link-color-text: #ffffff
        }

        html:not([dark]) .blu-toast.b-success[data-v-33e9fb72] {
            --blu-toast-color-background: #22a334;
            --blu-toast-link-color-text: #ffffff
        }

        html:not([dark]) .toast-enter-active[data-v-33e9fb72],
        html:not([dark]) .toast-leave-active[data-v-33e9fb72] {
            transition: opacity 1s
        }

        html:not([dark]) .toast-enter[data-v-33e9fb72],
        html:not([dark]) .toast-leave-to[data-v-33e9fb72] {
            opacity: 0
        }

        html[dark] button[data-v-33e9fb72] {
            border: none;
            background: none;
            cursor: pointer;
            font-family: Blibli, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif;
            padding: 0
        }

        html[dark] input[type=submit][data-v-33e9fb72]::-moz-focus-inner,
        html[dark] input[type=button][data-v-33e9fb72]::-moz-focus-inner {
            border: 0px
        }

        html[dark] button[data-v-33e9fb72]:focus,
        html[dark] input[type=submit][data-v-33e9fb72]:focus,
        html[dark] input[type=button][data-v-33e9fb72]:focus,
        html[dark] input[type=reset][data-v-33e9fb72]:focus,
        html[dark] a[data-v-33e9fb72] {
            outline: none
        }

        html[dark] .blu-toast[data-v-33e9fb72] {
            --blu-toast-color-background: #f1f2f2;
            --blu-toast-color-text: #12171d;
            --blu-toast-color-icon: #12171d;
            --blu-toast-link-color-text: #ac8221;
            --blu-toast-desc-text: 500 16px/20px Blibli, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif;
            --blu-toast-link-text: 600 16px/20px Blibli, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif;
            --blu-toast-icon-size: 24px;
            --blu-toast-border-radius: 8px;
            --blu-toast-spacing-gap: 4px 0;
            --blu-toast-spacing-padding: 8px 16px;
            --blu-toast-content-spacing-gap: 8px;
            --blu-toast-icon-border-focused: 2px solid #12171d;
            --blu-toast-min-height: 48px;
            display: flex;
            align-items: center;
            border-radius: var(--blu-toast-border-radius);
            justify-content: space-between;
            color: var(--blu-toast-color-text);
            margin: var(--blu-toast-spacing-gap);
            padding: var(--blu-toast-spacing-padding);
            transition: all .4s ease-in-out;
            min-height: var(--blu-toast-min-height);
            min-width: 240px;
            max-width: 600px;
            pointer-events: all;
            background-color: var(--blu-toast-color-background);
            box-sizing: border-box;
            font: var(--blu-toast-desc-text)
        }

        html[dark] .blu-toast *[data-v-33e9fb72]:not(:last-child) {
            margin-right: var(--blu-toast-content-spacing-gap)
        }

        @media screen and (max-width: 839px) {
            html[dark] .blu-toast[data-v-33e9fb72] {
                --blu-toast-desc-text: 500 14px/18px Blibli, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif;
                width: 100%
            }
        }

        html[dark] .blu-toast__content[data-v-33e9fb72] {
            display: flex;
            align-items: center
        }

        html[dark] .blu-toast__content--link[data-v-33e9fb72] {
            color: var(--blu-toast-link-color-text);
            font: var(--blu-toast-link-text);
            height: fit-content;
            margin-left: auto;
            cursor: pointer
        }

        @media screen and (max-width: 839px) {
            html[dark] .blu-toast__content--link[data-v-33e9fb72] {
                --blu-toast-link-text: 600 14px/18px Blibli, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif
            }
        }

        html[dark] .blu-toast__remove[data-v-33e9fb72] {
            padding: 4px;
            color: var(--blu-toast-color-icon);
            display: flex
        }

        html[dark] .blu-toast__remove svg[data-v-33e9fb72] {
            width: var(--blu-toast-icon-size);
            height: var(--blu-toast-icon-size)
        }

        html[dark] .blu-toast__remove[data-v-33e9fb72]:focus-visible {
            outline: var(--blu-toast-icon-border-focused)
        }

        html[dark] .blu-toast.b-has-action .blu-toast__content[data-v-33e9fb72] {
            flex-wrap: wrap;
            width: 100%
        }

        html[dark] .blu-toast.b-has-action .blu-toast__content--desc[data-v-33e9fb72] {
            flex-grow: 1
        }

        html[dark] .blu-toast.b-has-action .long-action[data-v-33e9fb72] {
            flex-direction: column;
            align-items: normal
        }

        html[dark] .blu-toast.b-has-action .long-action *[data-v-33e9fb72]:not(:last-child) {
            margin-right: 0;
            margin-bottom: 8px
        }

        html[dark] .blu-toast.b-has-action .long-action .blu-toast__content--desc[data-v-33e9fb72] {
            max-width: none
        }

        html[dark] .blu-toast.b-error[data-v-33e9fb72] {
            --blu-toast-color-background: #ff9090;
            --blu-toast-link-color-text: #12171d
        }

        html[dark] .blu-toast.b-success[data-v-33e9fb72] {
            --blu-toast-color-background: #74e281;
            --blu-toast-link-color-text: #12171d
        }

        html[dark] .toast-enter-active[data-v-33e9fb72],
        html[dark] .toast-leave-active[data-v-33e9fb72] {
            transition: opacity 1s
        }

        html[dark] .toast-enter[data-v-33e9fb72],
        html[dark] .toast-leave-to[data-v-33e9fb72] {
            opacity: 0
        }

        html:not([dark]) .blu-toast-container[data-v-746bd356] {
            box-sizing: border-box;
            pointer-events: none;
            position: fixed;
            z-index: 1000;
            display: flex;
            width: 100%;
            bottom: var(--bottom-gap);
            padding: 8px 16px;
            overflow: hidden;
            flex-direction: column-reverse
        }

        html:not([dark]) .blu-toast-container[data-v-746bd356]:not(.b-left) {
            left: 50%;
            transform: translate(-50%);
            align-items: center
        }

        html:not([dark]) .blu-toast-container.b-left[data-v-746bd356] {
            left: 0;
            align-items: flex-start
        }

        html[dark] .blu-toast-container[data-v-746bd356] {
            box-sizing: border-box;
            pointer-events: none;
            position: fixed;
            z-index: 1000;
            display: flex;
            width: 100%;
            bottom: var(--bottom-gap);
            padding: 8px 16px;
            overflow: hidden;
            flex-direction: column-reverse
        }

        html[dark] .blu-toast-container[data-v-746bd356]:not(.b-left) {
            left: 50%;
            transform: translate(-50%);
            align-items: center
        }

        html[dark] .blu-toast-container.b-left[data-v-746bd356] {
            left: 0;
            align-items: flex-start
        }
    </style>
    <style>
        *[data-v-580f03f0],
        *[data-v-580f03f0]:before,
        *[data-v-580f03f0]:after {
            box-sizing: border-box
        }

        html:not([dark]) .blu-modal-wrapper[data-v-580f03f0] {
            z-index: 100;
            position: fixed
        }

        html:not([dark]) .blu-modal[data-v-580f03f0] {
            --blu-modal-box-shadow: 0 1px 6px 0 rgba(0, 0, 0, .1019607843);
            --blu-modal-color-background: #ffffff;
            --blu-modal-border-radius: 16px;
            --blu-modal-opacity: 0;
            --blu-modal-size-width: 100%;
            --blu-modal-max-height: calc(100% - 16px);
            position: fixed;
            z-index: 101;
            display: flex;
            flex-direction: column;
            width: var(--blu-modal-size-width);
            max-height: var(--blu-modal-max-height);
            max-width: var(--blu-modal-max-width);
            box-sizing: border-box;
            box-shadow: var(--blu-modal-box-shadow);
            border-radius: var(--blu-modal-border-radius);
            background-color: var(--blu-modal-color-background);
            opacity: var(--blu-modal-opacity);
            transition: all .3s
        }

        html:not([dark]) .blu-modal *[data-v-580f03f0] {
            box-sizing: inherit
        }

        html:not([dark]) .blu-modal.b-active[data-v-580f03f0] {
            --blu-modal-opacity: 1
        }

        html:not([dark]) .b-drawer.b-desktop-left .blu-modal[data-v-580f03f0],
        html:not([dark]) .b-drawer.b-desktop-right .blu-modal[data-v-580f03f0] {
            --blu-modal-max-height: 100%;
            height: 100%
        }

        html:not([dark]) .b-status .blu-modal[data-v-580f03f0] {
            border-bottom: 4px solid;
            border-color: var(--blu-modal-color);
            top: 50%;
            left: 50%;
            transform: translate(-50%, -50%)
        }

        html:not([dark]) .b-status .blu-modal.b-info[data-v-580f03f0] {
            --blu-modal-color: #1d8fff
        }

        html:not([dark]) .b-status .blu-modal.b-success[data-v-580f03f0] {
            --blu-modal-color: #22a334
        }

        html:not([dark]) .b-status .blu-modal.b-alert[data-v-580f03f0] {
            --blu-modal-color: #fedd6c
        }

        html:not([dark]) .b-status .blu-modal.b-danger[data-v-580f03f0] {
            --blu-modal-color: #ff4646
        }

        @media screen and (min-width: 840px),
        print {

            html:not([dark]) .blu-modal-wrapper:not(.b-drawer).fade-enter-active[data-v-580f03f0],
            html:not([dark]) .blu-modal-wrapper:not(.b-drawer).fade-leave-active[data-v-580f03f0] {
                transition: all .3s
            }

            html:not([dark]) .blu-modal-wrapper:not(.b-drawer).fade-enter-from[data-v-580f03f0],
            html:not([dark]) .blu-modal-wrapper:not(.b-drawer).fade-leave-to[data-v-580f03f0] {
                opacity: 0
            }

            html:not([dark]) .blu-modal-wrapper:not(.b-drawer) .blu-modal[data-v-580f03f0] {
                --blu-modal-max-height: 576px;
                top: 50%;
                left: 50%;
                transform: translate(-50%, -50%)
            }

            html:not([dark]) .blu-modal-wrapper:not(.b-drawer) .blu-modal.b-small-width[data-v-580f03f0] {
                --blu-modal-size-width: 360px
            }

            html:not([dark]) .blu-modal-wrapper:not(.b-drawer) .blu-modal.b-medium-width[data-v-580f03f0] {
                --blu-modal-size-width: 600px
            }

            html:not([dark]) .blu-modal-wrapper:not(.b-drawer) .blu-modal.b-large-width[data-v-580f03f0] {
                --blu-modal-size-width: 800px
            }

            html:not([dark]) .b-drawer.b-desktop-left .blu-modal.b-small-width[data-v-580f03f0],
            html:not([dark]) .b-drawer.b-desktop-right .blu-modal.b-small-width[data-v-580f03f0] {
                --blu-modal-size-width: 360px
            }

            html:not([dark]) .b-drawer.b-desktop-left .blu-modal.b-medium-width[data-v-580f03f0],
            html:not([dark]) .b-drawer.b-desktop-right .blu-modal.b-medium-width[data-v-580f03f0] {
                --blu-modal-size-width: 600px
            }

            html:not([dark]) .b-drawer.b-desktop-top .blu-modal[data-v-580f03f0],
            html:not([dark]) .b-drawer.b-desktop-bottom .blu-modal[data-v-580f03f0] {
                --blu-modal-max-height: 576px
            }

            html:not([dark]) .b-drawer.b-desktop-left.fade-enter-active[data-v-580f03f0],
            html:not([dark]) .b-drawer.b-desktop-left.fade-leave-active[data-v-580f03f0] {
                transition: all .3s
            }

            html:not([dark]) .b-drawer.b-desktop-left.fade-enter-from .blu-modal[data-v-580f03f0],
            html:not([dark]) .b-drawer.b-desktop-left.fade-leave-to .blu-modal[data-v-580f03f0] {
                left: -100vh
            }

            html:not([dark]) .b-drawer.b-desktop-left .blu-modal[data-v-580f03f0] {
                height: 100vh;
                left: 0;
                top: 0;
                bottom: 0;
                border-radius: 0 var(--blu-modal-border-radius) var(--blu-modal-border-radius) 0
            }

            html:not([dark]) .b-drawer.b-desktop-right.fade-enter-active[data-v-580f03f0],
            html:not([dark]) .b-drawer.b-desktop-right.fade-leave-active[data-v-580f03f0] {
                transition: all .3s
            }

            html:not([dark]) .b-drawer.b-desktop-right.fade-enter-from .blu-modal[data-v-580f03f0],
            html:not([dark]) .b-drawer.b-desktop-right.fade-leave-to .blu-modal[data-v-580f03f0] {
                right: -100vh
            }

            html:not([dark]) .b-drawer.b-desktop-right .blu-modal[data-v-580f03f0] {
                height: 100vh;
                right: 0;
                top: 0;
                bottom: 0;
                border-radius: var(--blu-modal-border-radius) 0 0 var(--blu-modal-border-radius)
            }

            html:not([dark]) .b-drawer.b-desktop-top.fade-enter-active[data-v-580f03f0],
            html:not([dark]) .b-drawer.b-desktop-top.fade-leave-active[data-v-580f03f0] {
                transition: all .3s
            }

            html:not([dark]) .b-drawer.b-desktop-top.fade-enter-from .blu-modal[data-v-580f03f0],
            html:not([dark]) .b-drawer.b-desktop-top.fade-leave-to .blu-modal[data-v-580f03f0] {
                top: -100vh
            }

            html:not([dark]) .b-drawer.b-desktop-top .blu-modal[data-v-580f03f0] {
                top: 0;
                left: 50%;
                transform: translate(-50%);
                border-radius: 0 0 var(--blu-modal-border-radius) var(--blu-modal-border-radius)
            }

            html:not([dark]) .b-drawer.b-desktop-bottom.fade-enter-active[data-v-580f03f0],
            html:not([dark]) .b-drawer.b-desktop-bottom.fade-leave-active[data-v-580f03f0] {
                transition: all .3s
            }

            html:not([dark]) .b-drawer.b-desktop-bottom.fade-enter-from .blu-modal[data-v-580f03f0],
            html:not([dark]) .b-drawer.b-desktop-bottom.fade-leave-to .blu-modal[data-v-580f03f0] {
                bottom: -100vh
            }

            html:not([dark]) .b-drawer.b-desktop-bottom .blu-modal[data-v-580f03f0] {
                bottom: 0;
                left: 50%;
                transform: translate(-50%);
                border-radius: var(--blu-modal-border-radius) var(--blu-modal-border-radius) 0 0
            }
        }

        @media screen and (max-width: 839px) {
            html:not([dark]) .b-status .blu-modal[data-v-580f03f0] {
                --blu-modal-size-width: calc(100% - 32px)
            }

            html:not([dark]) .blu-modal-wrapper:not(.b-status):not(.b-drawer):not(.b-mobile-fullscreen).fade-enter-active[data-v-580f03f0],
            html:not([dark]) .blu-modal-wrapper:not(.b-status):not(.b-drawer):not(.b-mobile-fullscreen).fade-leave-active[data-v-580f03f0] {
                transition: all .3s
            }

            html:not([dark]) .blu-modal-wrapper:not(.b-status):not(.b-drawer):not(.b-mobile-fullscreen).fade-enter-from .blu-modal[data-v-580f03f0],
            html:not([dark]) .blu-modal-wrapper:not(.b-status):not(.b-drawer):not(.b-mobile-fullscreen).fade-leave-to .blu-modal[data-v-580f03f0] {
                bottom: -100vh
            }

            html:not([dark]) .blu-modal-wrapper:not(.b-status):not(.b-drawer):not(.b-mobile-fullscreen) .blu-modal[data-v-580f03f0] {
                bottom: 0;
                left: 50%;
                transform: translate(-50%);
                border-radius: var(--blu-modal-border-radius) var(--blu-modal-border-radius) 0 0
            }

            html:not([dark]) .blu-modal-wrapper:not(.b-status):not(.b-drawer):not(.b-mobile-fullscreen) .blu-modal.b-max-width[data-v-580f03f0] {
                --blu-modal-max-width: 600px
            }

            html:not([dark]) .b-mobile-fullscreen.fade-enter-active[data-v-580f03f0],
            html:not([dark]) .b-mobile-fullscreen.fade-leave-active[data-v-580f03f0] {
                transition: all .3s
            }

            html:not([dark]) .b-mobile-fullscreen.fade-enter-from .blu-modal[data-v-580f03f0],
            html:not([dark]) .b-mobile-fullscreen.fade-leave-to .blu-modal[data-v-580f03f0] {
                bottom: -100vh
            }

            html:not([dark]) .b-mobile-fullscreen .blu-modal[data-v-580f03f0] {
                --blu-modal-max-height: 100%;
                height: 100%;
                width: 100%;
                border-radius: unset;
                bottom: 0;
                left: 0;
                transform: none
            }

            html:not([dark]) .b-mobile-fullscreen .blu-modal[data-v-580f03f0] .blu-modal__header {
                box-shadow: var(--blu-modal-box-shadow)
            }

            html:not([dark]) .b-mobile-fullscreen.b-desktop-left .blu-modal[data-v-580f03f0],
            html:not([dark]) .b-mobile-fullscreen.b-desktop-right .blu-modal[data-v-580f03f0],
            html:not([dark]) .b-mobile-fullscreen.b-desktop-top .blu-modal[data-v-580f03f0] {
                top: 0
            }

            html:not([dark]) .b-mobile-fullscreen.b-desktop-left.fade-enter-active[data-v-580f03f0],
            html:not([dark]) .b-mobile-fullscreen.b-desktop-left.fade-leave-active[data-v-580f03f0] {
                transition: all .3s
            }

            html:not([dark]) .b-mobile-fullscreen.b-desktop-left.fade-enter-from .blu-modal[data-v-580f03f0],
            html:not([dark]) .b-mobile-fullscreen.b-desktop-left.fade-leave-to .blu-modal[data-v-580f03f0] {
                left: -100vh
            }

            html:not([dark]) .b-mobile-fullscreen.b-desktop-right.fade-enter-active[data-v-580f03f0],
            html:not([dark]) .b-mobile-fullscreen.b-desktop-right.fade-leave-active[data-v-580f03f0] {
                transition: all .3s
            }

            html:not([dark]) .b-mobile-fullscreen.b-desktop-right.fade-enter-from .blu-modal[data-v-580f03f0],
            html:not([dark]) .b-mobile-fullscreen.b-desktop-right.fade-leave-to .blu-modal[data-v-580f03f0] {
                right: -100vh
            }

            html:not([dark]) .b-mobile-fullscreen.b-desktop-right .blu-modal[data-v-580f03f0] {
                left: revert;
                right: 0
            }

            html:not([dark]) .b-mobile-fullscreen.b-desktop-top.fade-enter-active[data-v-580f03f0],
            html:not([dark]) .b-mobile-fullscreen.b-desktop-top.fade-leave-active[data-v-580f03f0] {
                transition: all .3s
            }

            html:not([dark]) .b-mobile-fullscreen.b-desktop-top.fade-enter-from .blu-modal[data-v-580f03f0],
            html:not([dark]) .b-mobile-fullscreen.b-desktop-top.fade-leave-to .blu-modal[data-v-580f03f0] {
                top: -100vh
            }

            html:not([dark]) .b-mobile-fullscreen.b-desktop-top .blu-modal[data-v-580f03f0] {
                bottom: revert
            }
        }

        html:not([dark]) .b-scrim[data-v-580f03f0] {
            --blu-color-scrim-background: rgba(0, 0, 0, .6);
            position: fixed;
            top: 0;
            left: 0;
            z-index: 99;
            width: 100%;
            height: 100%;
            background-color: var(--blu-color-scrim-background);
            display: flex;
            flex-direction: column;
            justify-content: center;
            align-items: center;
            transition: opacity .3s;
            opacity: 1
        }

        html:not([dark]) .fade-enter-active .b-scrim[data-v-580f03f0],
        html:not([dark]) .fade-leave-active .b-scrim[data-v-580f03f0] {
            transition: opacity .3s
        }

        html:not([dark]) .fade-enter-to .b-scrim[data-v-580f03f0] {
            opacity: 1
        }

        html:not([dark]) .fade-leave-to .b-scrim[data-v-580f03f0] {
            opacity: 0
        }

        html[dark] .blu-modal-wrapper[data-v-580f03f0] {
            z-index: 100;
            position: fixed
        }

        html[dark] .blu-modal[data-v-580f03f0] {
            --blu-modal-box-shadow: inset 0 0 0 30000px rgba(109, 220, 255, .1019607843);
            --blu-modal-color-background: #12171d;
            --blu-modal-border-radius: 16px;
            --blu-modal-opacity: 0;
            --blu-modal-size-width: 100%;
            --blu-modal-max-height: calc(100% - 16px);
            position: fixed;
            z-index: 101;
            display: flex;
            flex-direction: column;
            width: var(--blu-modal-size-width);
            max-height: var(--blu-modal-max-height);
            max-width: var(--blu-modal-max-width);
            box-sizing: border-box;
            box-shadow: var(--blu-modal-box-shadow);
            border-radius: var(--blu-modal-border-radius);
            background-color: var(--blu-modal-color-background);
            opacity: var(--blu-modal-opacity);
            transition: all .3s
        }

        html[dark] .blu-modal *[data-v-580f03f0] {
            box-sizing: inherit
        }

        html[dark] .blu-modal.b-active[data-v-580f03f0] {
            --blu-modal-opacity: 1
        }

        html[dark] .b-drawer.b-desktop-left .blu-modal[data-v-580f03f0],
        html[dark] .b-drawer.b-desktop-right .blu-modal[data-v-580f03f0] {
            --blu-modal-max-height: 100%;
            height: 100%
        }

        html[dark] .b-status .blu-modal[data-v-580f03f0] {
            border-bottom: 4px solid;
            border-color: var(--blu-modal-color);
            top: 50%;
            left: 50%;
            transform: translate(-50%, -50%)
        }

        html[dark] .b-status .blu-modal.b-info[data-v-580f03f0] {
            --blu-modal-color: #4fa4ff
        }

        html[dark] .b-status .blu-modal.b-success[data-v-580f03f0] {
            --blu-modal-color: #02c82b
        }

        html[dark] .b-status .blu-modal.b-alert[data-v-580f03f0] {
            --blu-modal-color: #7e4704
        }

        html[dark] .b-status .blu-modal.b-danger[data-v-580f03f0] {
            --blu-modal-color: #ff7373
        }

        @media screen and (min-width: 840px),
        print {

            html[dark] .blu-modal-wrapper:not(.b-drawer).fade-enter-active[data-v-580f03f0],
            html[dark] .blu-modal-wrapper:not(.b-drawer).fade-leave-active[data-v-580f03f0] {
                transition: all .3s
            }

            html[dark] .blu-modal-wrapper:not(.b-drawer).fade-enter-from[data-v-580f03f0],
            html[dark] .blu-modal-wrapper:not(.b-drawer).fade-leave-to[data-v-580f03f0] {
                opacity: 0
            }

            html[dark] .blu-modal-wrapper:not(.b-drawer) .blu-modal[data-v-580f03f0] {
                --blu-modal-max-height: 576px;
                top: 50%;
                left: 50%;
                transform: translate(-50%, -50%)
            }

            html[dark] .blu-modal-wrapper:not(.b-drawer) .blu-modal.b-small-width[data-v-580f03f0] {
                --blu-modal-size-width: 360px
            }

            html[dark] .blu-modal-wrapper:not(.b-drawer) .blu-modal.b-medium-width[data-v-580f03f0] {
                --blu-modal-size-width: 600px
            }

            html[dark] .blu-modal-wrapper:not(.b-drawer) .blu-modal.b-large-width[data-v-580f03f0] {
                --blu-modal-size-width: 800px
            }

            html[dark] .b-drawer.b-desktop-left .blu-modal.b-small-width[data-v-580f03f0],
            html[dark] .b-drawer.b-desktop-right .blu-modal.b-small-width[data-v-580f03f0] {
                --blu-modal-size-width: 360px
            }

            html[dark] .b-drawer.b-desktop-left .blu-modal.b-medium-width[data-v-580f03f0],
            html[dark] .b-drawer.b-desktop-right .blu-modal.b-medium-width[data-v-580f03f0] {
                --blu-modal-size-width: 600px
            }

            html[dark] .b-drawer.b-desktop-top .blu-modal[data-v-580f03f0],
            html[dark] .b-drawer.b-desktop-bottom .blu-modal[data-v-580f03f0] {
                --blu-modal-max-height: 576px
            }

            html[dark] .b-drawer.b-desktop-left.fade-enter-active[data-v-580f03f0],
            html[dark] .b-drawer.b-desktop-left.fade-leave-active[data-v-580f03f0] {
                transition: all .3s
            }

            html[dark] .b-drawer.b-desktop-left.fade-enter-from .blu-modal[data-v-580f03f0],
            html[dark] .b-drawer.b-desktop-left.fade-leave-to .blu-modal[data-v-580f03f0] {
                left: -100vh
            }

            html[dark] .b-drawer.b-desktop-left .blu-modal[data-v-580f03f0] {
                height: 100vh;
                left: 0;
                top: 0;
                bottom: 0;
                border-radius: 0 var(--blu-modal-border-radius) var(--blu-modal-border-radius) 0
            }

            html[dark] .b-drawer.b-desktop-right.fade-enter-active[data-v-580f03f0],
            html[dark] .b-drawer.b-desktop-right.fade-leave-active[data-v-580f03f0] {
                transition: all .3s
            }

            html[dark] .b-drawer.b-desktop-right.fade-enter-from .blu-modal[data-v-580f03f0],
            html[dark] .b-drawer.b-desktop-right.fade-leave-to .blu-modal[data-v-580f03f0] {
                right: -100vh
            }

            html[dark] .b-drawer.b-desktop-right .blu-modal[data-v-580f03f0] {
                height: 100vh;
                right: 0;
                top: 0;
                bottom: 0;
                border-radius: var(--blu-modal-border-radius) 0 0 var(--blu-modal-border-radius)
            }

            html[dark] .b-drawer.b-desktop-top.fade-enter-active[data-v-580f03f0],
            html[dark] .b-drawer.b-desktop-top.fade-leave-active[data-v-580f03f0] {
                transition: all .3s
            }

            html[dark] .b-drawer.b-desktop-top.fade-enter-from .blu-modal[data-v-580f03f0],
            html[dark] .b-drawer.b-desktop-top.fade-leave-to .blu-modal[data-v-580f03f0] {
                top: -100vh
            }

            html[dark] .b-drawer.b-desktop-top .blu-modal[data-v-580f03f0] {
                top: 0;
                left: 50%;
                transform: translate(-50%);
                border-radius: 0 0 var(--blu-modal-border-radius) var(--blu-modal-border-radius)
            }

            html[dark] .b-drawer.b-desktop-bottom.fade-enter-active[data-v-580f03f0],
            html[dark] .b-drawer.b-desktop-bottom.fade-leave-active[data-v-580f03f0] {
                transition: all .3s
            }

            html[dark] .b-drawer.b-desktop-bottom.fade-enter-from .blu-modal[data-v-580f03f0],
            html[dark] .b-drawer.b-desktop-bottom.fade-leave-to .blu-modal[data-v-580f03f0] {
                bottom: -100vh
            }

            html[dark] .b-drawer.b-desktop-bottom .blu-modal[data-v-580f03f0] {
                bottom: 0;
                left: 50%;
                transform: translate(-50%);
                border-radius: var(--blu-modal-border-radius) var(--blu-modal-border-radius) 0 0
            }
        }

        @media screen and (max-width: 839px) {
            html[dark] .b-status .blu-modal[data-v-580f03f0] {
                --blu-modal-size-width: calc(100% - 32px)
            }

            html[dark] .blu-modal-wrapper:not(.b-status):not(.b-drawer):not(.b-mobile-fullscreen).fade-enter-active[data-v-580f03f0],
            html[dark] .blu-modal-wrapper:not(.b-status):not(.b-drawer):not(.b-mobile-fullscreen).fade-leave-active[data-v-580f03f0] {
                transition: all .3s
            }

            html[dark] .blu-modal-wrapper:not(.b-status):not(.b-drawer):not(.b-mobile-fullscreen).fade-enter-from .blu-modal[data-v-580f03f0],
            html[dark] .blu-modal-wrapper:not(.b-status):not(.b-drawer):not(.b-mobile-fullscreen).fade-leave-to .blu-modal[data-v-580f03f0] {
                bottom: -100vh
            }

            html[dark] .blu-modal-wrapper:not(.b-status):not(.b-drawer):not(.b-mobile-fullscreen) .blu-modal[data-v-580f03f0] {
                bottom: 0;
                left: 50%;
                transform: translate(-50%);
                border-radius: var(--blu-modal-border-radius) var(--blu-modal-border-radius) 0 0
            }

            html[dark] .blu-modal-wrapper:not(.b-status):not(.b-drawer):not(.b-mobile-fullscreen) .blu-modal.b-max-width[data-v-580f03f0] {
                --blu-modal-max-width: 600px
            }

            html[dark] .b-mobile-fullscreen.fade-enter-active[data-v-580f03f0],
            html[dark] .b-mobile-fullscreen.fade-leave-active[data-v-580f03f0] {
                transition: all .3s
            }

            html[dark] .b-mobile-fullscreen.fade-enter-from .blu-modal[data-v-580f03f0],
            html[dark] .b-mobile-fullscreen.fade-leave-to .blu-modal[data-v-580f03f0] {
                bottom: -100vh
            }

            html[dark] .b-mobile-fullscreen .blu-modal[data-v-580f03f0] {
                --blu-modal-max-height: 100%;
                height: 100%;
                width: 100%;
                border-radius: unset;
                bottom: 0;
                left: 0;
                transform: none
            }

            html[dark] .b-mobile-fullscreen .blu-modal[data-v-580f03f0] .blu-modal__header {
                box-shadow: var(--blu-modal-box-shadow)
            }

            html[dark] .b-mobile-fullscreen.b-desktop-left .blu-modal[data-v-580f03f0],
            html[dark] .b-mobile-fullscreen.b-desktop-right .blu-modal[data-v-580f03f0],
            html[dark] .b-mobile-fullscreen.b-desktop-top .blu-modal[data-v-580f03f0] {
                top: 0
            }

            html[dark] .b-mobile-fullscreen.b-desktop-left.fade-enter-active[data-v-580f03f0],
            html[dark] .b-mobile-fullscreen.b-desktop-left.fade-leave-active[data-v-580f03f0] {
                transition: all .3s
            }

            html[dark] .b-mobile-fullscreen.b-desktop-left.fade-enter-from .blu-modal[data-v-580f03f0],
            html[dark] .b-mobile-fullscreen.b-desktop-left.fade-leave-to .blu-modal[data-v-580f03f0] {
                left: -100vh
            }

            html[dark] .b-mobile-fullscreen.b-desktop-right.fade-enter-active[data-v-580f03f0],
            html[dark] .b-mobile-fullscreen.b-desktop-right.fade-leave-active[data-v-580f03f0] {
                transition: all .3s
            }

            html[dark] .b-mobile-fullscreen.b-desktop-right.fade-enter-from .blu-modal[data-v-580f03f0],
            html[dark] .b-mobile-fullscreen.b-desktop-right.fade-leave-to .blu-modal[data-v-580f03f0] {
                right: -100vh
            }

            html[dark] .b-mobile-fullscreen.b-desktop-right .blu-modal[data-v-580f03f0] {
                left: revert;
                right: 0
            }

            html[dark] .b-mobile-fullscreen.b-desktop-top.fade-enter-active[data-v-580f03f0],
            html[dark] .b-mobile-fullscreen.b-desktop-top.fade-leave-active[data-v-580f03f0] {
                transition: all .3s
            }

            html[dark] .b-mobile-fullscreen.b-desktop-top.fade-enter-from .blu-modal[data-v-580f03f0],
            html[dark] .b-mobile-fullscreen.b-desktop-top.fade-leave-to .blu-modal[data-v-580f03f0] {
                top: -100vh
            }

            html[dark] .b-mobile-fullscreen.b-desktop-top .blu-modal[data-v-580f03f0] {
                bottom: revert
            }
        }

        html[dark] .b-scrim[data-v-580f03f0] {
            --blu-color-scrim-background: rgba(0, 0, 0, .6);
            position: fixed;
            top: 0;
            left: 0;
            z-index: 99;
            width: 100%;
            height: 100%;
            background-color: var(--blu-color-scrim-background);
            display: flex;
            flex-direction: column;
            justify-content: center;
            align-items: center;
            transition: opacity .3s;
            opacity: 1
        }

        html[dark] .fade-enter-active .b-scrim[data-v-580f03f0],
        html[dark] .fade-leave-active .b-scrim[data-v-580f03f0] {
            transition: opacity .3s
        }

        html[dark] .fade-enter-to .b-scrim[data-v-580f03f0] {
            opacity: 1
        }

        html[dark] .fade-leave-to .b-scrim[data-v-580f03f0] {
            opacity: 0
        }

        html:not([dark]) .blu-modal__header[data-v-48938041] {
            --blu-modal-header-text: 600 20px/24px Blibli, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif;
            --blu-modal-header-color: #19222a;
            --blu-modal-header-icon-color: #797f85;
            --blu-modal-header-padding: 16px;
            --blu-modal-header-gap: 4px;
            padding: var(--blu-modal-header-padding);
            color: var(--blu-modal-header-color)
        }

        @media screen and (max-width: 839px) {
            html:not([dark]) .blu-modal__header[data-v-48938041] {
                --blu-modal-header-padding: 12px 16px
            }
        }

        html:not([dark]) .blu-modal__header-main[data-v-48938041] {
            display: flex;
            width: 100%
        }

        html:not([dark]) .blu-modal__header-main *[data-v-48938041]:not(:last-child):not(.blu-modal__header-main--item-leading) {
            margin-right: var(--blu-modal-header-gap)
        }

        html:not([dark]) .blu-modal__header-main--title[data-v-48938041] {
            font: var(--blu-modal-header-text);
            margin: auto auto auto 0;
            width: 100%;
            overflow: hidden
        }

        @media screen and (max-width: 839px) {
            html:not([dark]) .blu-modal__header-main--title[data-v-48938041] {
                --blu-modal-header-text: 600 16px/20px Blibli, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif
            }
        }

        html:not([dark]) .blu-modal__header-main--item-leading[data-v-48938041],
        html:not([dark]) .blu-modal__header-main--item-trailing[data-v-48938041] {
            color: var(--blu-modal-header-icon-color);
            display: flex;
            cursor: pointer
        }

        html:not([dark]) .blu-modal__header-main--item-leading[data-v-48938041] svg,
        html:not([dark]) .blu-modal__header-main--item-trailing[data-v-48938041] svg {
            padding: 4px;
            box-sizing: content-box
        }

        html:not([dark]) .blu-modal__header-main--item-leading[data-v-48938041] svg:not(:last-child),
        html:not([dark]) .blu-modal__header-main--item-trailing[data-v-48938041] svg:not(:last-child) {
            margin-right: var(--blu-modal-header-gap)
        }

        @media screen and (min-width: 840px),
        print {
            html:not([dark]) .blu-modal__header-main--item-leading[data-v-48938041] {
                order: 3;
                flex-direction: row-reverse;
                margin-left: var(--blu-modal-header-gap)
            }
        }

        @media screen and (max-width: 839px) {
            html:not([dark]) .blu-modal__header-main--item-leading[data-v-48938041] {
                margin-right: var(--blu-modal-header-gap)
            }
        }

        html:not([dark]) .blu-modal__header-main--item-trailing[data-v-48938041] {
            margin-left: auto
        }

        html:not([dark]) .blu-modal__header-main--close-icon[data-v-48938041]:focus {
            outline: none
        }

        html:not([dark]) .blu-modal__header-main--close-icon[data-v-48938041]:focus-visible {
            outline: 2px solid #19222a
        }

        html:not([dark]) .blu-modal__header.b-padding-top-0[data-v-48938041] {
            padding-top: 0
        }

        html:not([dark]) .blu-modal__header.b-padding-bottom-0[data-v-48938041] {
            padding-bottom: 0
        }

        html:not([dark]) .b-info .blu-modal__header[data-v-48938041] {
            --blu-modal-icon-header-status: #a58d33;
            --blu-modal-header-icon-spacing-gap: 4px 0 8px
        }

        html:not([dark]) .b-info .blu-modal__header-status-icon[data-v-48938041] {
            color: var(--blu-modal-icon-header-status);
            display: flex;
            margin: var(--blu-modal-header-icon-spacing-gap)
        }

        html:not([dark]) .b-success .blu-modal__header[data-v-48938041] {
            --blu-modal-icon-header-status: #1f912e;
            --blu-modal-header-icon-spacing-gap: 4px 0 8px
        }

        html:not([dark]) .b-success .blu-modal__header-status-icon[data-v-48938041] {
            color: var(--blu-modal-icon-header-status);
            display: flex;
            margin: var(--blu-modal-header-icon-spacing-gap)
        }

        html:not([dark]) .b-alert .blu-modal__header[data-v-48938041] {
            --blu-modal-icon-header-status: #bc6e06;
            --blu-modal-header-icon-spacing-gap: 4px 0 8px
        }

        html:not([dark]) .b-alert .blu-modal__header-status-icon[data-v-48938041] {
            color: var(--blu-modal-icon-header-status);
            display: flex;
            margin: var(--blu-modal-header-icon-spacing-gap)
        }

        html:not([dark]) .b-danger .blu-modal__header[data-v-48938041] {
            --blu-modal-icon-header-status: #e93c3c;
            --blu-modal-header-icon-spacing-gap: 4px 0 8px
        }

        html:not([dark]) .b-danger .blu-modal__header-status-icon[data-v-48938041] {
            color: var(--blu-modal-icon-header-status);
            display: flex;
            margin: var(--blu-modal-header-icon-spacing-gap)
        }

        html[dark] .blu-modal__header[data-v-48938041] {
            --blu-modal-header-text: 600 20px/24px Blibli, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif;
            --blu-modal-header-color: #ffffff;
            --blu-modal-header-icon-color: #acb0b4;
            --blu-modal-header-padding: 16px;
            --blu-modal-header-gap: 4px;
            padding: var(--blu-modal-header-padding);
            color: var(--blu-modal-header-color)
        }

        @media screen and (max-width: 839px) {
            html[dark] .blu-modal__header[data-v-48938041] {
                --blu-modal-header-padding: 12px 16px
            }
        }

        html[dark] .blu-modal__header-main[data-v-48938041] {
            display: flex;
            width: 100%
        }

        html[dark] .blu-modal__header-main *[data-v-48938041]:not(:last-child):not(.blu-modal__header-main--item-leading) {
            margin-right: var(--blu-modal-header-gap)
        }

        html[dark] .blu-modal__header-main--title[data-v-48938041] {
            font: var(--blu-modal-header-text);
            margin: auto auto auto 0;
            width: 100%;
            overflow: hidden
        }

        @media screen and (max-width: 839px) {
            html[dark] .blu-modal__header-main--title[data-v-48938041] {
                --blu-modal-header-text: 600 16px/20px Blibli, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif
            }
        }

        html[dark] .blu-modal__header-main--item-leading[data-v-48938041],
        html[dark] .blu-modal__header-main--item-trailing[data-v-48938041] {
            color: var(--blu-modal-header-icon-color);
            display: flex;
            cursor: pointer
        }

        html[dark] .blu-modal__header-main--item-leading[data-v-48938041] svg,
        html[dark] .blu-modal__header-main--item-trailing[data-v-48938041] svg {
            padding: 4px;
            box-sizing: content-box
        }

        html[dark] .blu-modal__header-main--item-leading[data-v-48938041] svg:not(:last-child),
        html[dark] .blu-modal__header-main--item-trailing[data-v-48938041] svg:not(:last-child) {
            margin-right: var(--blu-modal-header-gap)
        }

        @media screen and (min-width: 840px),
        print {
            html[dark] .blu-modal__header-main--item-leading[data-v-48938041] {
                order: 3;
                flex-direction: row-reverse;
                margin-left: var(--blu-modal-header-gap)
            }
        }

        @media screen and (max-width: 839px) {
            html[dark] .blu-modal__header-main--item-leading[data-v-48938041] {
                margin-right: var(--blu-modal-header-gap)
            }
        }

        html[dark] .blu-modal__header-main--item-trailing[data-v-48938041] {
            margin-left: auto
        }

        html[dark] .blu-modal__header-main--close-icon[data-v-48938041]:focus {
            outline: none
        }

        html[dark] .blu-modal__header-main--close-icon[data-v-48938041]:focus-visible {
            outline: 2px solid #f9f9fa
        }

        html[dark] .blu-modal__header.b-padding-top-0[data-v-48938041] {
            padding-top: 0
        }

        html[dark] .blu-modal__header.b-padding-bottom-0[data-v-48938041] {
            padding-bottom: 0
        }

        html[dark] .b-info .blu-modal__header[data-v-48938041] {
            --blu-modal-icon-header-status: #4fa4ff;
            --blu-modal-header-icon-spacing-gap: 4px 0 8px
        }

        html[dark] .b-info .blu-modal__header-status-icon[data-v-48938041] {
            color: var(--blu-modal-icon-header-status);
            display: flex;
            margin: var(--blu-modal-header-icon-spacing-gap)
        }

        html[dark] .b-success .blu-modal__header[data-v-48938041] {
            --blu-modal-icon-header-status: #02c82b;
            --blu-modal-header-icon-spacing-gap: 4px 0 8px
        }

        html[dark] .b-success .blu-modal__header-status-icon[data-v-48938041] {
            color: var(--blu-modal-icon-header-status);
            display: flex;
            margin: var(--blu-modal-header-icon-spacing-gap)
        }

        html[dark] .b-alert .blu-modal__header[data-v-48938041] {
            --blu-modal-icon-header-status: #f1ab02;
            --blu-modal-header-icon-spacing-gap: 4px 0 8px
        }

        html[dark] .b-alert .blu-modal__header-status-icon[data-v-48938041] {
            color: var(--blu-modal-icon-header-status);
            display: flex;
            margin: var(--blu-modal-header-icon-spacing-gap)
        }

        html[dark] .b-danger .blu-modal__header[data-v-48938041] {
            --blu-modal-icon-header-status: #ff7373;
            --blu-modal-header-icon-spacing-gap: 4px 0 8px
        }

        html[dark] .b-danger .blu-modal__header-status-icon[data-v-48938041] {
            color: var(--blu-modal-icon-header-status);
            display: flex;
            margin: var(--blu-modal-header-icon-spacing-gap)
        }

        *[data-v-ee0005ae],
        *[data-v-ee0005ae]:before,
        *[data-v-ee0005ae]:after {
            box-sizing: border-box
        }

        html:not([dark]) .blu-modal__body[data-v-ee0005ae] {
            --blu-modal-body-text: 500 16px/20px Blibli, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif;
            --blu-modal-body-color: rgba(25, 34, 42, .7019607843);
            --blu-modal-body-padding: 4px 16px 12px;
            --blu-modal-body-addition-gap: 8px 16px;
            font: var(--blu-modal-body-text);
            color: var(--blu-modal-body-color);
            display: flex;
            flex-direction: column;
            overscroll-behavior: contain
        }

        html:not([dark]) .blu-modal__body-content[data-v-ee0005ae] {
            padding: var(--blu-modal-body-padding)
        }

        html:not([dark]) .blu-modal__body-addition[data-v-ee0005ae] {
            padding: var(--blu-modal-body-addition-gap)
        }

        html:not([dark]) .blu-modal__body.b-has-no-padding[data-v-ee0005ae] {
            --blu-modal-body-padding: 0
        }

        @media screen and (max-width: 839px) {
            html:not([dark]) .blu-modal__body[data-v-ee0005ae] {
                --blu-modal-body-text: 500 14px/18px Blibli, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif
            }
        }

        html:not([dark]) .b-overflow-y[data-v-ee0005ae] {
            scrollbar-color: rgba(25, 34, 42, .3019607843) transparent;
            scrollbar-width: thin
        }

        html:not([dark]) .b-overflow-y[data-v-ee0005ae]::-webkit-scrollbar {
            width: 4px;
            height: 8px;
            background-color: transparent
        }

        html:not([dark]) .b-overflow-y[data-v-ee0005ae]::-webkit-scrollbar-track {
            margin: 13px 0
        }

        html:not([dark]) .b-overflow-y[data-v-ee0005ae]::-webkit-scrollbar-thumb {
            box-shadow: inset 0 0 14px 14px transparent;
            border-radius: 4px;
            background-color: #19222a4d;
            scrollbar-color: rgba(25, 34, 42, .3019607843)
        }

        html:not([dark]) .b-overflow-y[data-v-ee0005ae]:hover::-webkit-scrollbar {
            width: 4px
        }

        html:not([dark]) .b-overflow-y[data-v-ee0005ae]:hover::-webkit-scrollbar-track {
            border: solid 2px transparent
        }

        html:not([dark]) .b-overflow-y[data-v-ee0005ae]:hover::-webkit-scrollbar-thumb:hover {
            box-shadow: inset 0 0 14px 14px transparent;
            background-color: #19222a4d;
            scrollbar-color: rgba(25, 34, 42, .3019607843) transparent
        }

        html:not([dark]) .b-overflow-y[data-v-ee0005ae]::-webkit-scrollbar-track {
            border-radius: 3px;
            background-color: transparent
        }

        html:not([dark]) .b-overflow-y.hidden[data-v-ee0005ae] {
            scrollbar-width: none
        }

        html:not([dark]) .b-overflow-y.hidden[data-v-ee0005ae]::-webkit-scrollbar-thumb {
            border-radius: 4px;
            background-color: transparent
        }

        html:not([dark]) .b-overflow-y.hidden[data-v-ee0005ae]:hover {
            scrollbar-width: thin
        }

        html:not([dark]) .b-overflow-y.hidden[data-v-ee0005ae]:hover::-webkit-scrollbar-thumb {
            box-shadow: inset 0 0 14px 14px transparent;
            border-radius: 4px;
            background-color: #19222a4d;
            scrollbar-color: rgba(25, 34, 42, .3019607843) transparent
        }

        html:not([dark]) .b-overflow-y.hidden[data-v-ee0005ae]:hover::-webkit-scrollbar-thumb:hover {
            box-shadow: inset 0 0 14px 14px transparent;
            background-color: #19222a4d;
            scrollbar-color: rgba(25, 34, 42, .3019607843) transparent
        }

        html:not([dark]) .b-overflow-y[data-v-ee0005ae] {
            overflow-y: auto;
            margin: 0
        }

        html[dark] .blu-modal__body[data-v-ee0005ae] {
            --blu-modal-body-text: 500 16px/20px Blibli, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif;
            --blu-modal-body-color: rgba(255, 255, 255, .8);
            --blu-modal-body-padding: 4px 16px 12px;
            --blu-modal-body-addition-gap: 8px 16px;
            font: var(--blu-modal-body-text);
            color: var(--blu-modal-body-color);
            display: flex;
            flex-direction: column;
            overscroll-behavior: contain
        }

        html[dark] .blu-modal__body-content[data-v-ee0005ae] {
            padding: var(--blu-modal-body-padding)
        }

        html[dark] .blu-modal__body-addition[data-v-ee0005ae] {
            padding: var(--blu-modal-body-addition-gap)
        }

        html[dark] .blu-modal__body.b-has-no-padding[data-v-ee0005ae] {
            --blu-modal-body-padding: 0
        }

        @media screen and (max-width: 839px) {
            html[dark] .blu-modal__body[data-v-ee0005ae] {
                --blu-modal-body-text: 500 14px/18px Blibli, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif
            }
        }

        html[dark] .b-overflow-y[data-v-ee0005ae] {
            scrollbar-color: rgba(255, 255, 255, .3019607843) transparent;
            scrollbar-width: thin
        }

        html[dark] .b-overflow-y[data-v-ee0005ae]::-webkit-scrollbar {
            width: 4px;
            height: 8px;
            background-color: transparent
        }

        html[dark] .b-overflow-y[data-v-ee0005ae]::-webkit-scrollbar-track {
            margin: 13px 0
        }

        html[dark] .b-overflow-y[data-v-ee0005ae]::-webkit-scrollbar-thumb {
            box-shadow: inset 0 0 14px 14px transparent;
            border-radius: 4px;
            background-color: #ffffff4d;
            scrollbar-color: rgba(255, 255, 255, .3019607843)
        }

        html[dark] .b-overflow-y[data-v-ee0005ae]:hover::-webkit-scrollbar {
            width: 4px
        }

        html[dark] .b-overflow-y[data-v-ee0005ae]:hover::-webkit-scrollbar-track {
            border: solid 2px transparent
        }

        html[dark] .b-overflow-y[data-v-ee0005ae]:hover::-webkit-scrollbar-thumb:hover {
            box-shadow: inset 0 0 14px 14px transparent;
            background-color: #ffffff4d;
            scrollbar-color: rgba(255, 255, 255, .3019607843) transparent
        }

        html[dark] .b-overflow-y[data-v-ee0005ae]::-webkit-scrollbar-track {
            border-radius: 3px;
            background-color: transparent
        }

        html[dark] .b-overflow-y.hidden[data-v-ee0005ae] {
            scrollbar-width: none
        }

        html[dark] .b-overflow-y.hidden[data-v-ee0005ae]::-webkit-scrollbar-thumb {
            border-radius: 4px;
            background-color: transparent
        }

        html[dark] .b-overflow-y.hidden[data-v-ee0005ae]:hover {
            scrollbar-width: thin
        }

        html[dark] .b-overflow-y.hidden[data-v-ee0005ae]:hover::-webkit-scrollbar-thumb {
            box-shadow: inset 0 0 14px 14px transparent;
            border-radius: 4px;
            background-color: #ffffff4d;
            scrollbar-color: rgba(255, 255, 255, .3019607843) transparent
        }

        html[dark] .b-overflow-y.hidden[data-v-ee0005ae]:hover::-webkit-scrollbar-thumb:hover {
            box-shadow: inset 0 0 14px 14px transparent;
            background-color: #ffffff4d;
            scrollbar-color: rgba(255, 255, 255, .3019607843) transparent
        }

        html[dark] .b-overflow-y[data-v-ee0005ae] {
            overflow-y: auto;
            margin: 0
        }

        html:not([dark]) .b-overflow-y[data-v-38117db0] {
            scrollbar-color: rgba(25, 34, 42, .3019607843) transparent;
            scrollbar-width: thin
        }

        html:not([dark]) .b-overflow-y[data-v-38117db0]::-webkit-scrollbar {
            width: 4px;
            height: 8px;
            background-color: transparent
        }

        html:not([dark]) .b-overflow-y[data-v-38117db0]::-webkit-scrollbar-track {
            margin: 13px 0
        }

        html:not([dark]) .b-overflow-y[data-v-38117db0]::-webkit-scrollbar-thumb {
            box-shadow: inset 0 0 14px 14px transparent;
            border-radius: 4px;
            background-color: #19222a4d;
            scrollbar-color: rgba(25, 34, 42, .3019607843)
        }

        html:not([dark]) .b-overflow-y[data-v-38117db0]:hover::-webkit-scrollbar {
            width: 4px
        }

        html:not([dark]) .b-overflow-y[data-v-38117db0]:hover::-webkit-scrollbar-track {
            border: solid 2px transparent
        }

        html:not([dark]) .b-overflow-y[data-v-38117db0]:hover::-webkit-scrollbar-thumb:hover {
            box-shadow: inset 0 0 14px 14px transparent;
            background-color: #19222a4d;
            scrollbar-color: rgba(25, 34, 42, .3019607843) transparent
        }

        html:not([dark]) .b-overflow-y[data-v-38117db0]::-webkit-scrollbar-track {
            border-radius: 3px;
            background-color: transparent
        }

        html:not([dark]) .b-overflow-y.hidden[data-v-38117db0] {
            scrollbar-width: none
        }

        html:not([dark]) .b-overflow-y.hidden[data-v-38117db0]::-webkit-scrollbar-thumb {
            border-radius: 4px;
            background-color: transparent
        }

        html:not([dark]) .b-overflow-y.hidden[data-v-38117db0]:hover {
            scrollbar-width: thin
        }

        html:not([dark]) .b-overflow-y.hidden[data-v-38117db0]:hover::-webkit-scrollbar-thumb {
            box-shadow: inset 0 0 14px 14px transparent;
            border-radius: 4px;
            background-color: #19222a4d;
            scrollbar-color: rgba(25, 34, 42, .3019607843) transparent
        }

        html:not([dark]) .b-overflow-y.hidden[data-v-38117db0]:hover::-webkit-scrollbar-thumb:hover {
            box-shadow: inset 0 0 14px 14px transparent;
            background-color: #19222a4d;
            scrollbar-color: rgba(25, 34, 42, .3019607843) transparent
        }

        html:not([dark]) .b-overflow-y[data-v-38117db0] {
            overflow-y: auto;
            margin: 0
        }

        html:not([dark]) .blu-dropdown[data-v-38117db0] {
            --dropdown-tray-max-height: 300px;
            --blu-dropdown-tray-border-radius: 8px;
            position: relative;
            display: inline-block
        }

        html:not([dark]) .blu-dropdown.b-top .blu-dropdown-tray[data-v-38117db0] {
            bottom: var(--dropdown-tray-position);
            min-width: auto
        }

        html:not([dark]) .blu-dropdown.b-btm .blu-dropdown-tray[data-v-38117db0],
        html:not([dark]) .blu-dropdown.b-btm .b-float[data-v-38117db0] {
            top: var(--dropdown-tray-position)
        }

        html:not([dark]) .blu-dropdown-tray[data-v-38117db0] {
            --blu-dropdown-tray-spacing-padding: 0 8px;
            --blu-dropdown-tray-seach-bar-padding: 8px 0;
            position: absolute;
            z-index: 1;
            width: 100%;
            margin-top: 4px;
            padding: var(--blu-dropdown-tray-spacing-padding);
            box-sizing: border-box;
            background-color: #fff;
            border-radius: var(--blu-dropdown-tray-border-radius);
            transition: all .3s ease-in-out;
            pointer-events: auto;
            max-height: 0;
            left: var(--dropdown-tray-horizontal-position)
        }

        html:not([dark]) .blu-dropdown-tray__search-bar[data-v-38117db0] {
            padding: var(--blu-dropdown-tray-seach-bar-padding)
        }

        html:not([dark]) .blu-dropdown-tray.b-shadowed[data-v-38117db0] {
            box-shadow: 0 1px 6px #0000001a
        }

        html:not([dark]) .blu-dropdown-tray.b-flexible-width[data-v-38117db0] {
            width: max-content
        }

        html:not([dark]) .blu-dropdown-tray.b-reverse[data-v-38117db0] {
            left: revert;
            right: var(--dropdown-tray-horizontal-position)
        }

        html:not([dark]) .blu-dropdown-tray.b-float[data-v-38117db0] {
            position: fixed;
            min-width: auto
        }

        html:not([dark]) .blu-dropdown-tray.b-has-no-padding[data-v-38117db0] {
            --blu-dropdown-tray-spacing-padding: 0
        }

        html:not([dark]) .blu-dropdown:not(.b-active) .blu-dropdown-tray[data-v-38117db0] {
            overflow: hidden;
            visibility: hidden
        }

        html:not([dark]) .blu-dropdown.b-active .blu-dropdown-tray[data-v-38117db0] {
            height: auto;
            max-height: var(--dropdown-tray-max-height)
        }

        html:not([dark]) .blu-dropdown.b-disabled[data-v-38117db0] {
            cursor: not-allowed
        }

        html:not([dark]) .blu-dropdown.b-disabled .blu-dropdown-trigger[data-v-38117db0] {
            pointer-events: none
        }

        html:not([dark]) .blu-dropdown.b-is-full-width-dropdown-trigger-chips[data-v-38117db0] {
            width: 100%
        }

        html[dark] .b-overflow-y[data-v-38117db0] {
            scrollbar-color: rgba(255, 255, 255, .3019607843) transparent;
            scrollbar-width: thin
        }

        html[dark] .b-overflow-y[data-v-38117db0]::-webkit-scrollbar {
            width: 4px;
            height: 8px;
            background-color: transparent
        }

        html[dark] .b-overflow-y[data-v-38117db0]::-webkit-scrollbar-track {
            margin: 13px 0
        }

        html[dark] .b-overflow-y[data-v-38117db0]::-webkit-scrollbar-thumb {
            box-shadow: inset 0 0 14px 14px transparent;
            border-radius: 4px;
            background-color: #ffffff4d;
            scrollbar-color: rgba(255, 255, 255, .3019607843)
        }

        html[dark] .b-overflow-y[data-v-38117db0]:hover::-webkit-scrollbar {
            width: 4px
        }

        html[dark] .b-overflow-y[data-v-38117db0]:hover::-webkit-scrollbar-track {
            border: solid 2px transparent
        }

        html[dark] .b-overflow-y[data-v-38117db0]:hover::-webkit-scrollbar-thumb:hover {
            box-shadow: inset 0 0 14px 14px transparent;
            background-color: #ffffff4d;
            scrollbar-color: rgba(255, 255, 255, .3019607843) transparent
        }

        html[dark] .b-overflow-y[data-v-38117db0]::-webkit-scrollbar-track {
            border-radius: 3px;
            background-color: transparent
        }

        html[dark] .b-overflow-y.hidden[data-v-38117db0] {
            scrollbar-width: none
        }

        html[dark] .b-overflow-y.hidden[data-v-38117db0]::-webkit-scrollbar-thumb {
            border-radius: 4px;
            background-color: transparent
        }

        html[dark] .b-overflow-y.hidden[data-v-38117db0]:hover {
            scrollbar-width: thin
        }

        html[dark] .b-overflow-y.hidden[data-v-38117db0]:hover::-webkit-scrollbar-thumb {
            box-shadow: inset 0 0 14px 14px transparent;
            border-radius: 4px;
            background-color: #ffffff4d;
            scrollbar-color: rgba(255, 255, 255, .3019607843) transparent
        }

        html[dark] .b-overflow-y.hidden[data-v-38117db0]:hover::-webkit-scrollbar-thumb:hover {
            box-shadow: inset 0 0 14px 14px transparent;
            background-color: #ffffff4d;
            scrollbar-color: rgba(255, 255, 255, .3019607843) transparent
        }

        html[dark] .b-overflow-y[data-v-38117db0] {
            overflow-y: auto;
            margin: 0
        }

        html[dark] .blu-dropdown[data-v-38117db0] {
            --dropdown-tray-max-height: 300px;
            --blu-dropdown-tray-border-radius: 8px;
            position: relative;
            display: inline-block
        }

        html[dark] .blu-dropdown.b-top .blu-dropdown-tray[data-v-38117db0] {
            bottom: var(--dropdown-tray-position);
            min-width: auto
        }

        html[dark] .blu-dropdown.b-btm .blu-dropdown-tray[data-v-38117db0],
        html[dark] .blu-dropdown.b-btm .b-float[data-v-38117db0] {
            top: var(--dropdown-tray-position)
        }

        html[dark] .blu-dropdown-tray[data-v-38117db0] {
            --blu-dropdown-tray-spacing-padding: 0 8px;
            --blu-dropdown-tray-seach-bar-padding: 8px 0;
            position: absolute;
            z-index: 1;
            width: 100%;
            margin-top: 4px;
            padding: var(--blu-dropdown-tray-spacing-padding);
            box-sizing: border-box;
            background-color: #12171d;
            border-radius: var(--blu-dropdown-tray-border-radius);
            transition: all .3s ease-in-out;
            pointer-events: auto;
            max-height: 0;
            left: var(--dropdown-tray-horizontal-position)
        }

        html[dark] .blu-dropdown-tray__search-bar[data-v-38117db0] {
            padding: var(--blu-dropdown-tray-seach-bar-padding)
        }

        html[dark] .blu-dropdown-tray.b-shadowed[data-v-38117db0] {
            box-shadow: inset 0 0 0 30000px #6ddcff1a
        }

        html[dark] .blu-dropdown-tray.b-flexible-width[data-v-38117db0] {
            width: max-content
        }

        html[dark] .blu-dropdown-tray.b-reverse[data-v-38117db0] {
            left: revert;
            right: var(--dropdown-tray-horizontal-position)
        }

        html[dark] .blu-dropdown-tray.b-float[data-v-38117db0] {
            position: fixed;
            min-width: auto
        }

        html[dark] .blu-dropdown-tray.b-has-no-padding[data-v-38117db0] {
            --blu-dropdown-tray-spacing-padding: 0
        }

        html[dark] .blu-dropdown:not(.b-active) .blu-dropdown-tray[data-v-38117db0] {
            overflow: hidden;
            visibility: hidden
        }

        html[dark] .blu-dropdown.b-active .blu-dropdown-tray[data-v-38117db0] {
            height: auto;
            max-height: var(--dropdown-tray-max-height)
        }

        html[dark] .blu-dropdown.b-disabled[data-v-38117db0] {
            cursor: not-allowed
        }

        html[dark] .blu-dropdown.b-disabled .blu-dropdown-trigger[data-v-38117db0] {
            pointer-events: none
        }

        html[dark] .blu-dropdown.b-is-full-width-dropdown-trigger-chips[data-v-38117db0] {
            width: 100%
        }
    </style>
    <style>
        html:not([dark]) .b-overflow-y[data-v-7b49b436] {
            scrollbar-color: rgba(25, 34, 42, .3019607843) transparent;
            scrollbar-width: thin
        }

        html:not([dark]) .b-overflow-y[data-v-7b49b436]::-webkit-scrollbar {
            width: 4px;
            height: 8px;
            background-color: transparent
        }

        html:not([dark]) .b-overflow-y[data-v-7b49b436]::-webkit-scrollbar-track {
            margin: 13px 0
        }

        html:not([dark]) .b-overflow-y[data-v-7b49b436]::-webkit-scrollbar-thumb {
            box-shadow: inset 0 0 14px 14px transparent;
            border-radius: 4px;
            background-color: #19222a4d;
            scrollbar-color: rgba(25, 34, 42, .3019607843)
        }

        html:not([dark]) .b-overflow-y[data-v-7b49b436]:hover::-webkit-scrollbar {
            width: 4px
        }

        html:not([dark]) .b-overflow-y[data-v-7b49b436]:hover::-webkit-scrollbar-track {
            border: solid 2px transparent
        }

        html:not([dark]) .b-overflow-y[data-v-7b49b436]:hover::-webkit-scrollbar-thumb:hover {
            box-shadow: inset 0 0 14px 14px transparent;
            background-color: #19222a4d;
            scrollbar-color: rgba(25, 34, 42, .3019607843) transparent
        }

        html:not([dark]) .b-overflow-y[data-v-7b49b436]::-webkit-scrollbar-track {
            border-radius: 3px;
            background-color: transparent
        }

        html:not([dark]) .b-overflow-y.hidden[data-v-7b49b436] {
            scrollbar-width: none
        }

        html:not([dark]) .b-overflow-y.hidden[data-v-7b49b436]::-webkit-scrollbar-thumb {
            border-radius: 4px;
            background-color: transparent
        }

        html:not([dark]) .b-overflow-y.hidden[data-v-7b49b436]:hover {
            scrollbar-width: thin
        }

        html:not([dark]) .b-overflow-y.hidden[data-v-7b49b436]:hover::-webkit-scrollbar-thumb {
            box-shadow: inset 0 0 14px 14px transparent;
            border-radius: 4px;
            background-color: #19222a4d;
            scrollbar-color: rgba(25, 34, 42, .3019607843) transparent
        }

        html:not([dark]) .b-overflow-y.hidden[data-v-7b49b436]:hover::-webkit-scrollbar-thumb:hover {
            box-shadow: inset 0 0 14px 14px transparent;
            background-color: #19222a4d;
            scrollbar-color: rgba(25, 34, 42, .3019607843) transparent
        }

        html:not([dark]) .b-overflow-y[data-v-7b49b436] {
            overflow-y: auto;
            margin: 0
        }

        html:not([dark]) .blu-list__child .blu-list-group[data-v-7b49b436] {
            overflow: hidden
        }

        html:not([dark]) .blu-list__child .blu-list-group[data-v-7b49b436]:not(.b-none):not(.b-group) .blu-list-item:first-child:before {
            content: "";
            position: absolute;
            width: calc(100% - 16px);
            left: 8px;
            border-top: solid 1px #c8cbcd
        }

        html:not([dark]) .blu-list-group[data-v-7b49b436]:not(.b-none):not(.b-group)>.blu-list-item:not(:first-child):before {
            border-top: solid 1px #c8cbcd;
            content: "";
            position: absolute;
            width: calc(100% - 16px);
            left: 8px
        }

        html:not([dark]) .blu-list-group.b-group[data-v-7b49b436]>.blu-list-item:last-child:after {
            border-bottom: solid 1px #c8cbcd;
            content: "";
            position: absolute;
            width: calc(100% - 16px);
            left: 8px
        }

        html[dark] .b-overflow-y[data-v-7b49b436] {
            scrollbar-color: rgba(255, 255, 255, .3019607843) transparent;
            scrollbar-width: thin
        }

        html[dark] .b-overflow-y[data-v-7b49b436]::-webkit-scrollbar {
            width: 4px;
            height: 8px;
            background-color: transparent
        }

        html[dark] .b-overflow-y[data-v-7b49b436]::-webkit-scrollbar-track {
            margin: 13px 0
        }

        html[dark] .b-overflow-y[data-v-7b49b436]::-webkit-scrollbar-thumb {
            box-shadow: inset 0 0 14px 14px transparent;
            border-radius: 4px;
            background-color: #ffffff4d;
            scrollbar-color: rgba(255, 255, 255, .3019607843)
        }

        html[dark] .b-overflow-y[data-v-7b49b436]:hover::-webkit-scrollbar {
            width: 4px
        }

        html[dark] .b-overflow-y[data-v-7b49b436]:hover::-webkit-scrollbar-track {
            border: solid 2px transparent
        }

        html[dark] .b-overflow-y[data-v-7b49b436]:hover::-webkit-scrollbar-thumb:hover {
            box-shadow: inset 0 0 14px 14px transparent;
            background-color: #ffffff4d;
            scrollbar-color: rgba(255, 255, 255, .3019607843) transparent
        }

        html[dark] .b-overflow-y[data-v-7b49b436]::-webkit-scrollbar-track {
            border-radius: 3px;
            background-color: transparent
        }

        html[dark] .b-overflow-y.hidden[data-v-7b49b436] {
            scrollbar-width: none
        }

        html[dark] .b-overflow-y.hidden[data-v-7b49b436]::-webkit-scrollbar-thumb {
            border-radius: 4px;
            background-color: transparent
        }

        html[dark] .b-overflow-y.hidden[data-v-7b49b436]:hover {
            scrollbar-width: thin
        }

        html[dark] .b-overflow-y.hidden[data-v-7b49b436]:hover::-webkit-scrollbar-thumb {
            box-shadow: inset 0 0 14px 14px transparent;
            border-radius: 4px;
            background-color: #ffffff4d;
            scrollbar-color: rgba(255, 255, 255, .3019607843) transparent
        }

        html[dark] .b-overflow-y.hidden[data-v-7b49b436]:hover::-webkit-scrollbar-thumb:hover {
            box-shadow: inset 0 0 14px 14px transparent;
            background-color: #ffffff4d;
            scrollbar-color: rgba(255, 255, 255, .3019607843) transparent
        }

        html[dark] .b-overflow-y[data-v-7b49b436] {
            overflow-y: auto;
            margin: 0
        }

        html[dark] .blu-list__child .blu-list-group[data-v-7b49b436] {
            overflow: hidden
        }

        html[dark] .blu-list__child .blu-list-group[data-v-7b49b436]:not(.b-none):not(.b-group) .blu-list-item:first-child:before {
            content: "";
            position: absolute;
            width: calc(100% - 16px);
            left: 8px;
            border-top: solid 1px #60686e
        }

        html[dark] .blu-list-group[data-v-7b49b436]:not(.b-none):not(.b-group)>.blu-list-item:not(:first-child):before {
            border-top: solid 1px #60686e;
            content: "";
            position: absolute;
            width: calc(100% - 16px);
            left: 8px
        }

        html[dark] .blu-list-group.b-group[data-v-7b49b436]>.blu-list-item:last-child:after {
            border-bottom: solid 1px #60686e;
            content: "";
            position: absolute;
            width: calc(100% - 16px);
            left: 8px
        }
    </style>
    <style>
        html:not([dark]) .blu-checkbox[data-v-03e81a59] {
            --blu-checkbox-spacing-padding: 4px 0;
            --blu-checkbox-icon-size: 22px;
            --blu-checkbox-icon-border-radius: 4px;
            --blu-checkbox-icon-padding: 2px;
            --blu-checkbox-container-border-radius: 4px;
            --blu-checkbox-container-border-width: 1px;
            --blu-checkbox-content-spacing-padding: 2px 0;
            --blu-checkbox-label-text: 500 14px/18px Blibli, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif;
            --blu-checkbox-container-color-border: #c8cbcd;
            --blu-checkbox-label-color-text: rgba(25, 34, 42, .7019607843);
            --blu-checkbox-cursor: pointer;
            --blu-checkbox-asset-color-border: #ffffff;
            display: inline-flex;
            position: relative;
            padding: var(--blu-checkbox-spacing-padding);
            outline: none
        }

        html:not([dark]) .blu-checkbox[data-v-03e81a59],
        html:not([dark]) .blu-checkbox *[data-v-03e81a59] {
            cursor: var(--blu-checkbox-cursor)
        }

        html:not([dark]) .blu-checkbox>*[data-v-03e81a59]:not(:last-child) {
            margin-right: 4px
        }

        html:not([dark]) .blu-checkbox input[type=checkbox][data-v-03e81a59] {
            display: none
        }

        html:not([dark]) .blu-checkbox__icon[data-v-03e81a59] {
            box-sizing: border-box;
            width: var(--blu-checkbox-icon-size);
            height: var(--blu-checkbox-icon-size);
            border-radius: var(--blu-checkbox-icon-border-radius);
            padding: var(--blu-checkbox-icon-padding);
            background: var(--blu-checkbox-icon-color-background);
            box-shadow: inset 0 0 0 var(--blu-checkbox-icon-border-width);
            color: var(--blu-checkbox-icon-color-border);
            flex-shrink: 0
        }

        html:not([dark]) .blu-checkbox__container[data-v-03e81a59] {
            display: flex;
            align-items: center;
            justify-content: center;
            width: 100%;
            height: 100%;
            border-radius: var(--blu-checkbox-container-border-radius);
            box-shadow: inset 0 0 0 var(--blu-checkbox-container-border-width);
            color: var(--blu-checkbox-container-color-border);
            background: var(--blu-checkbox-container-color-background)
        }

        html:not([dark]) .blu-checkbox__container .blu-checkbox__container-asset[data-v-03e81a59] {
            transform: rotate(-45deg) translateY(-4px) translate(-3px)
        }

        html:not([dark]) .blu-checkbox__container .blu-checkbox__container-asset[data-v-03e81a59]:before,
        html:not([dark]) .blu-checkbox__container .blu-checkbox__container-asset[data-v-03e81a59]:after {
            position: absolute;
            content: "";
            opacity: 0;
            border-radius: 4px
        }

        html:not([dark]) .blu-checkbox__container .blu-checkbox__container-asset[data-v-03e81a59]:before {
            height: 0
        }

        html:not([dark]) .blu-checkbox__container .blu-checkbox__container-asset[data-v-03e81a59]:before {
            width: 2px
        }

        html:not([dark]) .blu-checkbox__container .blu-checkbox__container-asset[data-v-03e81a59]:after {
            width: 0;
            height: 2px;
            transform: translateY(4px)
        }

        html:not([dark]) .blu-checkbox__content[data-v-03e81a59] {
            display: flex;
            flex-direction: column;
            padding: var(--blu-checkbox-content-spacing-padding);
            font: var(--blu-checkbox-label-text);
            color: var(--blu-checkbox-label-color-text)
        }

        html:not([dark]) .blu-checkbox__content>*[data-v-03e81a59]:not(:last-child) {
            margin-bottom: 4px
        }

        html:not([dark]) .blu-checkbox[data-v-03e81a59]:not(.b-disabled):hover {
            --blu-checkbox-icon-color-background: #f9f9fa
        }

        html:not([dark]) .blu-checkbox:not(.b-disabled):hover input[type=checkbox]:checked~.blu-checkbox__icon[data-v-03e81a59],
        html:not([dark]) .blu-checkbox:not(.b-disabled):hover input[type=checkbox]:indeterminate~.blu-checkbox__icon[data-v-03e81a59] {
            --blu-checkbox-icon-color-background: #f3f9ff
        }

        html:not([dark]) .blu-checkbox.b-error>input[type=checkbox]:not(:checked):not(:indeterminate)~.blu-checkbox__icon[data-v-03e81a59] {
            --blu-checkbox-container-color-border: #ff4646
        }

        html:not([dark]) .blu-checkbox.b-error>input[type=checkbox]:not(:checked):not(:indeterminate)~.blu-checkbox__content[data-v-03e81a59] {
            --blu-checkbox-label-color-text: #d33534
        }

        html:not([dark]) .blu-checkbox input[type=checkbox]:checked~.blu-checkbox__icon[data-v-03e81a59] {
            --blu-checkbox-container-color-background: #1d8fff;
            --blu-checkbox-container-color-border: #1d8fff
        }

        html:not([dark]) .blu-checkbox input[type=checkbox]:checked~.blu-checkbox__icon .blu-checkbox__container[data-v-03e81a59] {
            animation: bounce-03e81a59 .3s ease-out
        }

        html:not([dark]) .blu-checkbox input[type=checkbox]:checked~.blu-checkbox__icon .blu-checkbox__container-asset[data-v-03e81a59] {
            visibility: visible
        }

        html:not([dark]) .blu-checkbox input[type=checkbox]:checked~.blu-checkbox__icon .blu-checkbox__container-asset[data-v-03e81a59]:before,
        html:not([dark]) .blu-checkbox input[type=checkbox]:checked~.blu-checkbox__icon .blu-checkbox__container-asset[data-v-03e81a59]:after {
            background: var(--blu-checkbox-asset-color-border);
            opacity: 1;
            transition: all .1s .1s
        }

        html:not([dark]) .blu-checkbox input[type=checkbox]:checked~.blu-checkbox__icon .blu-checkbox__container-asset[data-v-03e81a59]:before {
            height: 6px
        }

        html:not([dark]) .blu-checkbox input[type=checkbox]:checked~.blu-checkbox__icon .blu-checkbox__container-asset[data-v-03e81a59]:after {
            width: 8px
        }

        html:not([dark]) .blu-checkbox[data-v-03e81a59]:not(.b-disabled):focus-visible {
            --blu-checkbox-icon-color-background: #f9f9fa;
            --blu-checkbox-icon-color-border: #19222a
        }

        html:not([dark]) .blu-checkbox[data-v-03e81a59]:not(.b-disabled):focus-visible:not(.b-small) {
            --blu-checkbox-icon-border-width: 2px
        }

        html:not([dark]) .blu-checkbox:not(.b-disabled):focus-visible input[type=checkbox]:checked~.blu-checkbox__icon[data-v-03e81a59],
        html:not([dark]) .blu-checkbox:not(.b-disabled):focus-visible input[type=checkbox]:indeterminate~.blu-checkbox__icon[data-v-03e81a59] {
            --blu-checkbox-icon-color-background: #f3f9ff
        }

        html:not([dark]) .blu-checkbox.b-disabled[data-v-03e81a59] {
            --blu-checkbox-cursor: not-allowed;
            --blu-checkbox-container-color-border: #f1f2f2;
            --blu-checkbox-label-color-text: rgba(25, 34, 42, .3019607843);
            --blu-checkbox-asset-color-border: #ffffff;
            --blu-checkbox-container-color-background: #f9f9fa;
            user-select: auto
        }

        html:not([dark]) .blu-checkbox.b-disabled input[type=checkbox]:checked~.blu-checkbox__icon[data-v-03e81a59],
        html:not([dark]) .blu-checkbox.b-disabled input[type=checkbox]:indeterminate~.blu-checkbox__icon[data-v-03e81a59] {
            --blu-checkbox-container-color-border: transparent;
            --blu-checkbox-container-color-background: rgba(25, 34, 42, .3019607843)
        }

        html:not([dark]) .blu-checkbox.b-small[data-v-03e81a59] {
            --blu-checkbox-icon-size: 18px;
            --blu-checkbox-icon-padding: 2px;
            --blu-checkbox-icon-border-radius: 4px;
            --blu-checkbox-container-border-radius: 4px;
            --blu-checkbox-container-border-width: 1px;
            --blu-checkbox-content-spacing-padding: 0;
            --blu-checkbox-label-text: 500 14px/18px Blibli, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif;
            --blu-checkbox-spacing-padding: 3px 0
        }

        html:not([dark]) .blu-checkbox.b-small[data-v-03e81a59]:focus-visible {
            --blu-checkbox-icon-border-width: 2px
        }

        html:not([dark]) .blu-checkbox.b-small .blu-checkbox__container-asset[data-v-03e81a59] {
            transform: rotate(-49deg) translateY(-4px) translate(-2px)
        }

        html:not([dark]) .blu-checkbox.b-small .blu-checkbox__container-asset[data-v-03e81a59]:before,
        html:not([dark]) .blu-checkbox.b-small .blu-checkbox__container-asset[data-v-03e81a59]:after {
            position: absolute;
            content: "";
            opacity: 0;
            border-radius: 4px
        }

        html:not([dark]) .blu-checkbox.b-small .blu-checkbox__container-asset[data-v-03e81a59]:before {
            height: 0
        }

        html:not([dark]) .blu-checkbox.b-small .blu-checkbox__container-asset[data-v-03e81a59]:before {
            top: 1px
        }

        html:not([dark]) .blu-checkbox.b-small input[type=checkbox]:checked~.blu-checkbox__icon .blu-checkbox__container[data-v-03e81a59] {
            animation: bounce-03e81a59 .3s ease-out
        }

        html:not([dark]) .blu-checkbox.b-small input[type=checkbox]:checked~.blu-checkbox__icon .blu-checkbox__container-asset[data-v-03e81a59] {
            visibility: visible
        }

        html:not([dark]) .blu-checkbox.b-small input[type=checkbox]:checked~.blu-checkbox__icon .blu-checkbox__container-asset[data-v-03e81a59]:before,
        html:not([dark]) .blu-checkbox.b-small input[type=checkbox]:checked~.blu-checkbox__icon .blu-checkbox__container-asset[data-v-03e81a59]:after {
            background: var(--blu-checkbox-asset-color-border);
            opacity: 1;
            transition: all .1s .1s
        }

        html:not([dark]) .blu-checkbox.b-small input[type=checkbox]:checked~.blu-checkbox__icon .blu-checkbox__container-asset[data-v-03e81a59]:before {
            height: 4px
        }

        html:not([dark]) .blu-checkbox.b-small input[type=checkbox]:checked~.blu-checkbox__icon .blu-checkbox__container-asset[data-v-03e81a59]:after {
            width: 6px
        }

        html:not([dark]) .blu-checkbox.b-small.b-partial .blu-checkbox__container-asset[data-v-03e81a59] {
            transform: rotate(90deg) translateY(-5px) translate(-1px)
        }

        html:not([dark]) .blu-checkbox.b-small.b-partial .blu-checkbox__container-asset[data-v-03e81a59]:before,
        html:not([dark]) .blu-checkbox.b-small.b-partial .blu-checkbox__container-asset[data-v-03e81a59]:after {
            position: absolute;
            content: "";
            opacity: 0;
            border-radius: 4px
        }

        html:not([dark]) .blu-checkbox.b-small.b-partial .blu-checkbox__container-asset[data-v-03e81a59]:before {
            height: 0
        }

        html:not([dark]) .blu-checkbox.b-partial[data-v-03e81a59] {
            --blu-checkbox-container-color-background: #1d8fff;
            --blu-checkbox-container-color-border: #1d8fff
        }

        html:not([dark]) .blu-checkbox.b-partial .blu-checkbox__container-asset[data-v-03e81a59] {
            transform: rotate(90deg) translateY(-4px) translate(-1px)
        }

        html:not([dark]) .blu-checkbox.b-partial .blu-checkbox__container-asset[data-v-03e81a59]:before,
        html:not([dark]) .blu-checkbox.b-partial .blu-checkbox__container-asset[data-v-03e81a59]:after {
            position: absolute;
            content: "";
            opacity: 0;
            border-radius: 4px
        }

        html:not([dark]) .blu-checkbox.b-partial .blu-checkbox__container-asset[data-v-03e81a59]:before {
            height: 0
        }

        html:not([dark]) .blu-checkbox.b-partial .blu-checkbox__container-asset[data-v-03e81a59]:before {
            width: 2px
        }

        html:not([dark]) .blu-checkbox.b-partial .blu-checkbox__container-asset[data-v-03e81a59]:after {
            display: none
        }

        html:not([dark]) .blu-checkbox.b-partial input[type=checkbox]:indeterminate+.blu-checkbox__icon .blu-checkbox__container[data-v-03e81a59] {
            animation: bounce-03e81a59 .3s ease-out
        }

        html:not([dark]) .blu-checkbox.b-partial input[type=checkbox]:indeterminate+.blu-checkbox__icon .blu-checkbox__container-asset[data-v-03e81a59] {
            visibility: visible
        }

        html:not([dark]) .blu-checkbox.b-partial input[type=checkbox]:indeterminate+.blu-checkbox__icon .blu-checkbox__container-asset[data-v-03e81a59]:before,
        html:not([dark]) .blu-checkbox.b-partial input[type=checkbox]:indeterminate+.blu-checkbox__icon .blu-checkbox__container-asset[data-v-03e81a59]:after {
            background: var(--blu-checkbox-asset-color-border);
            opacity: 1;
            transition: all .1s .1s
        }

        html:not([dark]) .blu-checkbox.b-partial input[type=checkbox]:indeterminate+.blu-checkbox__icon .blu-checkbox__container-asset[data-v-03e81a59]:before {
            height: 8px
        }

        @keyframes bounce-03e81a59 {
            25% {
                transform: scale(.9)
            }

            50% {
                transform: scale(1.1)
            }
        }

        html[dark] .blu-checkbox[data-v-03e81a59] {
            --blu-checkbox-spacing-padding: 4px 0;
            --blu-checkbox-icon-size: 22px;
            --blu-checkbox-icon-border-radius: 4px;
            --blu-checkbox-icon-padding: 2px;
            --blu-checkbox-container-border-radius: 4px;
            --blu-checkbox-container-border-width: 1px;
            --blu-checkbox-content-spacing-padding: 2px 0;
            --blu-checkbox-label-text: 500 14px/18px Blibli, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif;
            --blu-checkbox-container-color-border: #60686e;
            --blu-checkbox-label-color-text: rgba(255, 255, 255, .8);
            --blu-checkbox-cursor: pointer;
            --blu-checkbox-asset-color-border: #ffffff;
            display: inline-flex;
            position: relative;
            padding: var(--blu-checkbox-spacing-padding);
            outline: none
        }

        html[dark] .blu-checkbox[data-v-03e81a59],
        html[dark] .blu-checkbox *[data-v-03e81a59] {
            cursor: var(--blu-checkbox-cursor)
        }

        html[dark] .blu-checkbox>*[data-v-03e81a59]:not(:last-child) {
            margin-right: 4px
        }

        html[dark] .blu-checkbox input[type=checkbox][data-v-03e81a59] {
            display: none
        }

        html[dark] .blu-checkbox__icon[data-v-03e81a59] {
            box-sizing: border-box;
            width: var(--blu-checkbox-icon-size);
            height: var(--blu-checkbox-icon-size);
            border-radius: var(--blu-checkbox-icon-border-radius);
            padding: var(--blu-checkbox-icon-padding);
            background: var(--blu-checkbox-icon-color-background);
            box-shadow: inset 0 0 0 var(--blu-checkbox-icon-border-width);
            color: var(--blu-checkbox-icon-color-border);
            flex-shrink: 0
        }

        html[dark] .blu-checkbox__container[data-v-03e81a59] {
            display: flex;
            align-items: center;
            justify-content: center;
            width: 100%;
            height: 100%;
            border-radius: var(--blu-checkbox-container-border-radius);
            box-shadow: inset 0 0 0 var(--blu-checkbox-container-border-width);
            color: var(--blu-checkbox-container-color-border);
            background: var(--blu-checkbox-container-color-background)
        }

        html[dark] .blu-checkbox__container .blu-checkbox__container-asset[data-v-03e81a59] {
            transform: rotate(-45deg) translateY(-4px) translate(-3px)
        }

        html[dark] .blu-checkbox__container .blu-checkbox__container-asset[data-v-03e81a59]:before,
        html[dark] .blu-checkbox__container .blu-checkbox__container-asset[data-v-03e81a59]:after {
            position: absolute;
            content: "";
            opacity: 0;
            border-radius: 4px
        }

        html[dark] .blu-checkbox__container .blu-checkbox__container-asset[data-v-03e81a59]:before {
            height: 0
        }

        html[dark] .blu-checkbox__container .blu-checkbox__container-asset[data-v-03e81a59]:before {
            width: 2px
        }

        html[dark] .blu-checkbox__container .blu-checkbox__container-asset[data-v-03e81a59]:after {
            width: 0;
            height: 2px;
            transform: translateY(4px)
        }

        html[dark] .blu-checkbox__content[data-v-03e81a59] {
            display: flex;
            flex-direction: column;
            padding: var(--blu-checkbox-content-spacing-padding);
            font: var(--blu-checkbox-label-text);
            color: var(--blu-checkbox-label-color-text)
        }

        html[dark] .blu-checkbox__content>*[data-v-03e81a59]:not(:last-child) {
            margin-bottom: 4px
        }

        html[dark] .blu-checkbox[data-v-03e81a59]:not(.b-disabled):hover {
            --blu-checkbox-icon-color-background: #19222a
        }

        html[dark] .blu-checkbox:not(.b-disabled):hover input[type=checkbox]:checked~.blu-checkbox__icon[data-v-03e81a59],
        html[dark] .blu-checkbox:not(.b-disabled):hover input[type=checkbox]:indeterminate~.blu-checkbox__icon[data-v-03e81a59] {
            --blu-checkbox-icon-color-background: #002e7a
        }

        html[dark] .blu-checkbox.b-error>input[type=checkbox]:not(:checked):not(:indeterminate)~.blu-checkbox__icon[data-v-03e81a59] {
            --blu-checkbox-container-color-border: #ff7373
        }

        html[dark] .blu-checkbox.b-error>input[type=checkbox]:not(:checked):not(:indeterminate)~.blu-checkbox__content[data-v-03e81a59] {
            --blu-checkbox-label-color-text: #ff7373
        }

        html[dark] .blu-checkbox input[type=checkbox]:checked~.blu-checkbox__icon[data-v-03e81a59] {
            --blu-checkbox-container-color-background: #1d8fff;
            --blu-checkbox-container-color-border: #1d8fff
        }

        html[dark] .blu-checkbox input[type=checkbox]:checked~.blu-checkbox__icon .blu-checkbox__container[data-v-03e81a59] {
            animation: bounce-03e81a59 .3s ease-out
        }

        html[dark] .blu-checkbox input[type=checkbox]:checked~.blu-checkbox__icon .blu-checkbox__container-asset[data-v-03e81a59] {
            visibility: visible
        }

        html[dark] .blu-checkbox input[type=checkbox]:checked~.blu-checkbox__icon .blu-checkbox__container-asset[data-v-03e81a59]:before,
        html[dark] .blu-checkbox input[type=checkbox]:checked~.blu-checkbox__icon .blu-checkbox__container-asset[data-v-03e81a59]:after {
            background: var(--blu-checkbox-asset-color-border);
            opacity: 1;
            transition: all .1s .1s
        }

        html[dark] .blu-checkbox input[type=checkbox]:checked~.blu-checkbox__icon .blu-checkbox__container-asset[data-v-03e81a59]:before {
            height: 6px
        }

        html[dark] .blu-checkbox input[type=checkbox]:checked~.blu-checkbox__icon .blu-checkbox__container-asset[data-v-03e81a59]:after {
            width: 8px
        }

        html[dark] .blu-checkbox[data-v-03e81a59]:not(.b-disabled):focus-visible {
            --blu-checkbox-icon-color-background: #19222a;
            --blu-checkbox-icon-color-border: #f9f9fa
        }

        html[dark] .blu-checkbox[data-v-03e81a59]:not(.b-disabled):focus-visible:not(.b-small) {
            --blu-checkbox-icon-border-width: 2px
        }

        html[dark] .blu-checkbox:not(.b-disabled):focus-visible input[type=checkbox]:checked~.blu-checkbox__icon[data-v-03e81a59],
        html[dark] .blu-checkbox:not(.b-disabled):focus-visible input[type=checkbox]:indeterminate~.blu-checkbox__icon[data-v-03e81a59] {
            --blu-checkbox-icon-color-background: #002e7a
        }

        html[dark] .blu-checkbox.b-disabled[data-v-03e81a59] {
            --blu-checkbox-cursor: not-allowed;
            --blu-checkbox-container-color-border: #28323b;
            --blu-checkbox-label-color-text: rgba(255, 255, 255, .3019607843);
            --blu-checkbox-asset-color-border: #12171d;
            --blu-checkbox-container-color-background: #19222a;
            user-select: auto
        }

        html[dark] .blu-checkbox.b-disabled input[type=checkbox]:checked~.blu-checkbox__icon[data-v-03e81a59],
        html[dark] .blu-checkbox.b-disabled input[type=checkbox]:indeterminate~.blu-checkbox__icon[data-v-03e81a59] {
            --blu-checkbox-container-color-border: transparent;
            --blu-checkbox-container-color-background: rgba(255, 255, 255, .3019607843)
        }

        html[dark] .blu-checkbox.b-small[data-v-03e81a59] {
            --blu-checkbox-icon-size: 18px;
            --blu-checkbox-icon-padding: 2px;
            --blu-checkbox-icon-border-radius: 4px;
            --blu-checkbox-container-border-radius: 4px;
            --blu-checkbox-container-border-width: 1px;
            --blu-checkbox-content-spacing-padding: 0;
            --blu-checkbox-label-text: 500 14px/18px Blibli, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif;
            --blu-checkbox-spacing-padding: 3px 0
        }

        html[dark] .blu-checkbox.b-small[data-v-03e81a59]:focus-visible {
            --blu-checkbox-icon-border-width: 2px
        }

        html[dark] .blu-checkbox.b-small .blu-checkbox__container-asset[data-v-03e81a59] {
            transform: rotate(-49deg) translateY(-4px) translate(-2px)
        }

        html[dark] .blu-checkbox.b-small .blu-checkbox__container-asset[data-v-03e81a59]:before,
        html[dark] .blu-checkbox.b-small .blu-checkbox__container-asset[data-v-03e81a59]:after {
            position: absolute;
            content: "";
            opacity: 0;
            border-radius: 4px
        }

        html[dark] .blu-checkbox.b-small .blu-checkbox__container-asset[data-v-03e81a59]:before {
            height: 0
        }

        html[dark] .blu-checkbox.b-small .blu-checkbox__container-asset[data-v-03e81a59]:before {
            top: 1px
        }

        html[dark] .blu-checkbox.b-small input[type=checkbox]:checked~.blu-checkbox__icon .blu-checkbox__container[data-v-03e81a59] {
            animation: bounce-03e81a59 .3s ease-out
        }

        html[dark] .blu-checkbox.b-small input[type=checkbox]:checked~.blu-checkbox__icon .blu-checkbox__container-asset[data-v-03e81a59] {
            visibility: visible
        }

        html[dark] .blu-checkbox.b-small input[type=checkbox]:checked~.blu-checkbox__icon .blu-checkbox__container-asset[data-v-03e81a59]:before,
        html[dark] .blu-checkbox.b-small input[type=checkbox]:checked~.blu-checkbox__icon .blu-checkbox__container-asset[data-v-03e81a59]:after {
            background: var(--blu-checkbox-asset-color-border);
            opacity: 1;
            transition: all .1s .1s
        }

        html[dark] .blu-checkbox.b-small input[type=checkbox]:checked~.blu-checkbox__icon .blu-checkbox__container-asset[data-v-03e81a59]:before {
            height: 4px
        }

        html[dark] .blu-checkbox.b-small input[type=checkbox]:checked~.blu-checkbox__icon .blu-checkbox__container-asset[data-v-03e81a59]:after {
            width: 6px
        }

        html[dark] .blu-checkbox.b-small.b-partial .blu-checkbox__container-asset[data-v-03e81a59] {
            transform: rotate(90deg) translateY(-5px) translate(-1px)
        }

        html[dark] .blu-checkbox.b-small.b-partial .blu-checkbox__container-asset[data-v-03e81a59]:before,
        html[dark] .blu-checkbox.b-small.b-partial .blu-checkbox__container-asset[data-v-03e81a59]:after {
            position: absolute;
            content: "";
            opacity: 0;
            border-radius: 4px
        }

        html[dark] .blu-checkbox.b-small.b-partial .blu-checkbox__container-asset[data-v-03e81a59]:before {
            height: 0
        }

        html[dark] .blu-checkbox.b-partial[data-v-03e81a59] {
            --blu-checkbox-container-color-background: #1d8fff;
            --blu-checkbox-container-color-border: #1d8fff
        }

        html[dark] .blu-checkbox.b-partial .blu-checkbox__container-asset[data-v-03e81a59] {
            transform: rotate(90deg) translateY(-4px) translate(-1px)
        }

        html[dark] .blu-checkbox.b-partial .blu-checkbox__container-asset[data-v-03e81a59]:before,
        html[dark] .blu-checkbox.b-partial .blu-checkbox__container-asset[data-v-03e81a59]:after {
            position: absolute;
            content: "";
            opacity: 0;
            border-radius: 4px
        }

        html[dark] .blu-checkbox.b-partial .blu-checkbox__container-asset[data-v-03e81a59]:before {
            height: 0
        }

        html[dark] .blu-checkbox.b-partial .blu-checkbox__container-asset[data-v-03e81a59]:before {
            width: 2px
        }

        html[dark] .blu-checkbox.b-partial .blu-checkbox__container-asset[data-v-03e81a59]:after {
            display: none
        }

        html[dark] .blu-checkbox.b-partial input[type=checkbox]:indeterminate+.blu-checkbox__icon .blu-checkbox__container[data-v-03e81a59] {
            animation: bounce-03e81a59 .3s ease-out
        }

        html[dark] .blu-checkbox.b-partial input[type=checkbox]:indeterminate+.blu-checkbox__icon .blu-checkbox__container-asset[data-v-03e81a59] {
            visibility: visible
        }

        html[dark] .blu-checkbox.b-partial input[type=checkbox]:indeterminate+.blu-checkbox__icon .blu-checkbox__container-asset[data-v-03e81a59]:before,
        html[dark] .blu-checkbox.b-partial input[type=checkbox]:indeterminate+.blu-checkbox__icon .blu-checkbox__container-asset[data-v-03e81a59]:after {
            background: var(--blu-checkbox-asset-color-border);
            opacity: 1;
            transition: all .1s .1s
        }

        html[dark] .blu-checkbox.b-partial input[type=checkbox]:indeterminate+.blu-checkbox__icon .blu-checkbox__container-asset[data-v-03e81a59]:before {
            height: 8px
        }

        html:not([dark]) .blu-loader-general[data-v-5f0af726] {
            --blu-loader-general-highlight-color-background: #1d8fff;
            --blu-loader-general-base-color-background: #f1f2f2;
            width: var(--blu-loader-general-size);
            height: var(--blu-loader-general-size)
        }

        html:not([dark]) .blu-loader-general__asset[data-v-5f0af726] {
            animation: general-rotate-5f0af726 1.6s linear infinite;
            transform-origin: center center;
            transition: all .5s ease-in-out;
            width: 100%;
            height: 100%;
            margin: auto;
            transform: rotate(90deg)
        }

        html:not([dark]) .blu-loader-general__asset--highlight[data-v-5f0af726],
        html:not([dark]) .blu-loader-general__asset--base[data-v-5f0af726] {
            stroke-linecap: round
        }

        html:not([dark]) .blu-loader-general__asset--highlight[data-v-5f0af726] {
            stroke: var(--blu-loader-general-highlight-color-background);
            animation: general-highlight-5f0af726 1.6s linear infinite
        }

        html:not([dark]) .blu-loader-general__asset--base[data-v-5f0af726] {
            stroke: var(--blu-loader-general-base-color-background);
            animation: general-base-5f0af726 1.6s linear infinite
        }

        html:not([dark]) .blu-loader-general.b-inverted[data-v-5f0af726] {
            --blu-loader-general-highlight-color-background: #ffffff;
            --blu-loader-general-base-color-background: #c8cbcd
        }

        html:not([dark]) .blu-loader-general.b-size-s[data-v-5f0af726] {
            --blu-loader-general-size: 16px
        }

        html:not([dark]) .blu-loader-general.b-size-m[data-v-5f0af726] {
            --blu-loader-general-size: 18px
        }

        html:not([dark]) .blu-loader-general.b-size-l[data-v-5f0af726] {
            --blu-loader-general-size: 24px
        }

        html:not([dark]) .blu-loader-general.b-size-xl[data-v-5f0af726] {
            --blu-loader-general-size: 32px
        }

        html[dark] .blu-loader-general[data-v-5f0af726] {
            --blu-loader-general-highlight-color-background: #4fa4ff;
            --blu-loader-general-base-color-background: #28323b;
            width: var(--blu-loader-general-size);
            height: var(--blu-loader-general-size)
        }

        html[dark] .blu-loader-general__asset[data-v-5f0af726] {
            animation: general-rotate-5f0af726 1.6s linear infinite;
            transform-origin: center center;
            transition: all .5s ease-in-out;
            width: 100%;
            height: 100%;
            margin: auto;
            transform: rotate(90deg)
        }

        html[dark] .blu-loader-general__asset--highlight[data-v-5f0af726],
        html[dark] .blu-loader-general__asset--base[data-v-5f0af726] {
            stroke-linecap: round
        }

        html[dark] .blu-loader-general__asset--highlight[data-v-5f0af726] {
            stroke: var(--blu-loader-general-highlight-color-background);
            animation: general-highlight-5f0af726 1.6s linear infinite
        }

        html[dark] .blu-loader-general__asset--base[data-v-5f0af726] {
            stroke: var(--blu-loader-general-base-color-background);
            animation: general-base-5f0af726 1.6s linear infinite
        }

        html[dark] .blu-loader-general.b-inverted[data-v-5f0af726] {
            --blu-loader-general-highlight-color-background: #12171d;
            --blu-loader-general-base-color-background: #60686e
        }

        html[dark] .blu-loader-general.b-size-s[data-v-5f0af726] {
            --blu-loader-general-size: 16px
        }

        html[dark] .blu-loader-general.b-size-m[data-v-5f0af726] {
            --blu-loader-general-size: 18px
        }

        html[dark] .blu-loader-general.b-size-l[data-v-5f0af726] {
            --blu-loader-general-size: 24px
        }

        html[dark] .blu-loader-general.b-size-xl[data-v-5f0af726] {
            --blu-loader-general-size: 32px
        }

        @keyframes general-highlight-5f0af726 {
            0% {
                stroke-dasharray: 1, 200;
                stroke-dashoffset: 0
            }

            50% {
                stroke-dasharray: 50, 200;
                stroke-dashoffset: -15px
            }

            to {
                stroke-dasharray: 50, 200;
                stroke-dashoffset: -124px
            }
        }

        @keyframes general-base-5f0af726 {
            0% {
                stroke-dasharray: 1, 200;
                stroke-dashoffset: 0
            }

            to {
                stroke-dasharray: 100, 200;
                stroke-dashoffset: -120px
            }
        }

        @keyframes general-rotate-5f0af726 {
            to {
                transform: rotate(450deg)
            }
        }

        html:not([dark]) *[data-v-39791579] {
            box-sizing: border-box
        }

        html:not([dark]) .blu-radio[data-v-39791579] {
            --blu-radio-container-border-width: 1px;
            --blu-radio-container-color-border: #c8cbcd;
            --blu-radio-container-spacing-padding: 4px;
            --blu-radio-content-spacing-padding: 2px 0;
            --blu-radio-mark-size: 22px;
            --blu-radio-mark-spacing-padding: 2px;
            --blu-radio-label-text: 500 14px/18px Blibli, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif;
            --blu-radio-label-color-text: rgba(25, 34, 42, .7019607843);
            --blu-radio-spacing-padding: 4px 0;
            display: inline-flex;
            padding: var(--blu-radio-spacing-padding);
            align-items: flex-start;
            transition: all .3s;
            outline: none
        }

        html:not([dark]) .blu-radio[data-v-39791579],
        html:not([dark]) .blu-radio *[data-v-39791579] {
            cursor: pointer
        }

        html:not([dark]) .blu-radio>*[data-v-39791579]:not(:last-child) {
            margin-right: 4px
        }

        html:not([dark]) .blu-radio input[type=radio][data-v-39791579] {
            display: none
        }

        html:not([dark]) .blu-radio__mark[data-v-39791579] {
            min-width: var(--blu-radio-mark-size);
            height: var(--blu-radio-mark-size);
            padding: var(--blu-radio-mark-spacing-padding);
            background-color: var(--blu-radio-mark-color-background);
            border-radius: 50%
        }

        html:not([dark]) .blu-radio__mark-container[data-v-39791579] {
            display: flex;
            align-items: center;
            justify-content: center;
            width: 100%;
            height: 100%;
            padding: var(--blu-radio-container-spacing-padding);
            background-color: var(--blu-radio-container-color-background);
            border-radius: 50%;
            box-shadow: 0 0 0 var(--blu-radio-container-border-width) var(--blu-radio-container-color-border) inset
        }

        html:not([dark]) .blu-radio__mark-container .dot[data-v-39791579] {
            width: 100%;
            height: 100%;
            border-radius: 50%;
            background-color: var(--blu-radio-dot-color-background);
            transition: background-color .1s .1s
        }

        html:not([dark]) .blu-radio__content[data-v-39791579] {
            font: var(--blu-radio-label-text);
            color: var(--blu-radio-label-color-text);
            padding: var(--blu-radio-content-spacing-padding)
        }

        html:not([dark]) .blu-radio__content>*[data-v-39791579]:not(:last-child) {
            margin-bottom: 4px
        }

        html:not([dark]) .blu-radio.b-error[data-v-39791579]:not(.b-selected) {
            --blu-radio-container-color-border: #ff4646;
            --blu-radio-label-color-text: #d33534
        }

        html:not([dark]) .blu-radio.b-selected[data-v-39791579] {
            --blu-radio-container-color-border: #1d8fff;
            --blu-radio-dot-color-background: #1d8fff;
            --blu-radio-container-border-width: 1px
        }

        html:not([dark]) .blu-radio.b-selected .blu-radio__mark-container[data-v-39791579] {
            animation: bounce-39791579 .3s ease-out
        }

        html:not([dark]) .blu-radio.b-selected[data-v-39791579]:not(.b-disabled):hover {
            --blu-radio-mark-color-background: #f3f9ff
        }

        html:not([dark]) .blu-radio.b-selected[data-v-39791579]:not(.b-disabled):focus-visible {
            --blu-radio-mark-color-background: #f3f9ff;
            --blu-radio-container-border-width-focused: 2px
        }

        html:not([dark]) .blu-radio[data-v-39791579]:not(.b-disabled):not(.b-selected):hover {
            --blu-radio-mark-color-background: #f9f9fa
        }

        html:not([dark]) .blu-radio[data-v-39791579]:focus-visible {
            --blu-radio-container-border-width-focused: 2px
        }

        html:not([dark]) .blu-radio[data-v-39791579]:focus-visible:not(.b-disabled) {
            --blu-radio-mark-color-border-focused: #19222a
        }

        html:not([dark]) .blu-radio:focus-visible:not(.b-disabled) .blu-radio__mark[data-v-39791579] {
            box-shadow: 0 0 0 var(--blu-radio-container-border-width-focused) var(--blu-radio-mark-color-border-focused) inset
        }

        html:not([dark]) .blu-radio[data-v-39791579]:focus-visible:not(.b-disabled):not(.b-selected) {
            --blu-radio-mark-color-background: #f9f9fa
        }

        html:not([dark]) .blu-radio.b-disabled[data-v-39791579] {
            --blu-radio-label-text: 500 14px/18px Blibli, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif;
            --blu-radio-container-color-border: rgba(25, 34, 42, .3019607843);
            --blu-radio-label-color-text: rgba(25, 34, 42, .3019607843);
            --blu-radio-container-color-background: #f9f9fa
        }

        html:not([dark]) .blu-radio.b-disabled.b-selected[data-v-39791579] {
            --blu-radio-container-color-border: rgba(25, 34, 42, .3019607843);
            --blu-radio-dot-color-background: rgba(25, 34, 42, .3019607843)
        }

        html:not([dark]) .blu-radio.b-disabled[data-v-39791579]:not(.b-readonly) {
            user-select: none;
            cursor: not-allowed
        }

        html:not([dark]) .blu-radio.b-disabled:not(.b-readonly) *[data-v-39791579] {
            cursor: not-allowed
        }

        html:not([dark]) .blu-radio.b-small[data-v-39791579] {
            --blu-radio-mark-size: 18px;
            --blu-radio-mark-spacing-padding: 2px;
            --blu-radio-container-spacing-padding: 3px;
            --blu-radio-container-border-width: 1px;
            --blu-radio-container-border-width-focused: 2px;
            --blu-radio-content-spacing-padding: 0;
            --blu-radio-label-text: 500 14px/18px Blibli, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif;
            --blu-radio-spacing-padding: 3px 0
        }

        html:not([dark]) .blu-radio.b-small.b-selected[data-v-39791579] {
            --blu-radio-container-border-width: 1px
        }

        html[dark] *[data-v-39791579] {
            box-sizing: border-box
        }

        html[dark] .blu-radio[data-v-39791579] {
            --blu-radio-container-border-width: 1px;
            --blu-radio-container-color-border: #60686e;
            --blu-radio-container-spacing-padding: 4px;
            --blu-radio-content-spacing-padding: 2px 0;
            --blu-radio-mark-size: 22px;
            --blu-radio-mark-spacing-padding: 2px;
            --blu-radio-label-text: 500 14px/18px Blibli, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif;
            --blu-radio-label-color-text: rgba(255, 255, 255, .8);
            --blu-radio-spacing-padding: 4px 0;
            display: inline-flex;
            padding: var(--blu-radio-spacing-padding);
            align-items: flex-start;
            transition: all .3s;
            outline: none
        }

        html[dark] .blu-radio[data-v-39791579],
        html[dark] .blu-radio *[data-v-39791579] {
            cursor: pointer
        }

        html[dark] .blu-radio>*[data-v-39791579]:not(:last-child) {
            margin-right: 4px
        }

        html[dark] .blu-radio input[type=radio][data-v-39791579] {
            display: none
        }

        html[dark] .blu-radio__mark[data-v-39791579] {
            min-width: var(--blu-radio-mark-size);
            height: var(--blu-radio-mark-size);
            padding: var(--blu-radio-mark-spacing-padding);
            background-color: var(--blu-radio-mark-color-background);
            border-radius: 50%
        }

        html[dark] .blu-radio__mark-container[data-v-39791579] {
            display: flex;
            align-items: center;
            justify-content: center;
            width: 100%;
            height: 100%;
            padding: var(--blu-radio-container-spacing-padding);
            background-color: var(--blu-radio-container-color-background);
            border-radius: 50%;
            box-shadow: 0 0 0 var(--blu-radio-container-border-width) var(--blu-radio-container-color-border) inset
        }

        html[dark] .blu-radio__mark-container .dot[data-v-39791579] {
            width: 100%;
            height: 100%;
            border-radius: 50%;
            background-color: var(--blu-radio-dot-color-background);
            transition: background-color .1s .1s
        }

        html[dark] .blu-radio__content[data-v-39791579] {
            font: var(--blu-radio-label-text);
            color: var(--blu-radio-label-color-text);
            padding: var(--blu-radio-content-spacing-padding)
        }

        html[dark] .blu-radio__content>*[data-v-39791579]:not(:last-child) {
            margin-bottom: 4px
        }

        html[dark] .blu-radio.b-error[data-v-39791579]:not(.b-selected) {
            --blu-radio-container-color-border: #ff7373;
            --blu-radio-label-color-text: #ff7373
        }

        html[dark] .blu-radio.b-selected[data-v-39791579] {
            --blu-radio-container-color-border: #1d8fff;
            --blu-radio-dot-color-background: #1d8fff;
            --blu-radio-container-border-width: 1px
        }

        html[dark] .blu-radio.b-selected .blu-radio__mark-container[data-v-39791579] {
            animation: bounce-39791579 .3s ease-out
        }

        html[dark] .blu-radio.b-selected[data-v-39791579]:not(.b-disabled):hover {
            --blu-radio-mark-color-background: #002e7a
        }

        html[dark] .blu-radio.b-selected[data-v-39791579]:not(.b-disabled):focus-visible {
            --blu-radio-mark-color-background: #002e7a;
            --blu-radio-container-border-width-focused: 2px
        }

        html[dark] .blu-radio[data-v-39791579]:not(.b-disabled):not(.b-selected):hover {
            --blu-radio-mark-color-background: #19222a
        }

        html[dark] .blu-radio[data-v-39791579]:focus-visible {
            --blu-radio-container-border-width-focused: 2px
        }

        html[dark] .blu-radio[data-v-39791579]:focus-visible:not(.b-disabled) {
            --blu-radio-mark-color-border-focused: #f9f9fa
        }

        html[dark] .blu-radio:focus-visible:not(.b-disabled) .blu-radio__mark[data-v-39791579] {
            box-shadow: 0 0 0 var(--blu-radio-container-border-width-focused) var(--blu-radio-mark-color-border-focused) inset
        }

        html[dark] .blu-radio[data-v-39791579]:focus-visible:not(.b-disabled):not(.b-selected) {
            --blu-radio-mark-color-background: #19222a
        }

        html[dark] .blu-radio.b-disabled[data-v-39791579] {
            --blu-radio-label-text: 500 14px/18px Blibli, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif;
            --blu-radio-container-color-border: rgba(255, 255, 255, .3019607843);
            --blu-radio-label-color-text: rgba(255, 255, 255, .3019607843);
            --blu-radio-container-color-background: #19222a
        }

        html[dark] .blu-radio.b-disabled.b-selected[data-v-39791579] {
            --blu-radio-container-color-border: rgba(255, 255, 255, .3019607843);
            --blu-radio-dot-color-background: rgba(255, 255, 255, .3019607843)
        }

        html[dark] .blu-radio.b-disabled[data-v-39791579]:not(.b-readonly) {
            user-select: none;
            cursor: not-allowed
        }

        html[dark] .blu-radio.b-disabled:not(.b-readonly) *[data-v-39791579] {
            cursor: not-allowed
        }

        html[dark] .blu-radio.b-small[data-v-39791579] {
            --blu-radio-mark-size: 18px;
            --blu-radio-mark-spacing-padding: 2px;
            --blu-radio-container-spacing-padding: 3px;
            --blu-radio-container-border-width: 1px;
            --blu-radio-container-border-width-focused: 2px;
            --blu-radio-content-spacing-padding: 0;
            --blu-radio-label-text: 500 14px/18px Blibli, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif;
            --blu-radio-spacing-padding: 3px 0
        }

        html[dark] .blu-radio.b-small.b-selected[data-v-39791579] {
            --blu-radio-container-border-width: 1px
        }

        @keyframes bounce-39791579 {
            25% {
                transform: scale(.9)
            }

            50% {
                transform: scale(1.1)
            }
        }

        html:not([dark]) .blu-list[data-v-0fc385f6] {
            --list-spacing-padding: 8px 0;
            list-style: none;
            padding: var(--list-spacing-padding);
            transition: all .5s ease-in-out
        }

        html:not([dark]) .blu-list-item[data-v-0fc385f6] {
            --blu-list-child-max-height: 0;
            --blu-list-child-template-rows: 0fr;
            position: relative
        }

        html:not([dark]) .blu-list-item.b-opened[data-v-0fc385f6] {
            --blu-list-child-max-height: 100%;
            --blu-list-child-template-rows: 1fr
        }

        html:not([dark]) .blu-list-item.b-opened>.blu-list .blu-list__container .blu-list__container-chevron-right[data-v-0fc385f6] {
            transform: rotate(180deg)
        }

        html:not([dark]) .blu-list-item.b-opened>.blu-list .blu-list__container .blu-list__container-chevron-left[data-v-0fc385f6] {
            transform: rotate(90deg)
        }

        html:not([dark]) .blu-list__container[data-v-0fc385f6] {
            background-color: var(--list-container-color-background);
            border-radius: 8px;
            padding: 4px 8px;
            display: flex
        }

        html:not([dark]) .blu-list__container[data-v-0fc385f6] svg {
            width: 18px;
            height: 18px;
            color: #797f85
        }

        html:not([dark]) .blu-list__container[data-v-0fc385f6]>*:not(:last-child) {
            margin-right: 4px
        }

        html:not([dark]) .blu-list__container-chevron-right[data-v-0fc385f6],
        html:not([dark]) .blu-list__container-chevron-left[data-v-0fc385f6] {
            display: flex;
            padding: 4px 0;
            cursor: pointer;
            transition: all .4s ease;
            height: fit-content
        }

        html:not([dark]) .blu-list__container-chevron-right[data-v-0fc385f6] svg,
        html:not([dark]) .blu-list__container-chevron-left[data-v-0fc385f6] svg {
            color: #797f85
        }

        html:not([dark]) .blu-list__container-chevron-right[data-v-0fc385f6]:focus-visible,
        html:not([dark]) .blu-list__container-chevron-left[data-v-0fc385f6]:focus-visible {
            outline: none;
            box-shadow: 0 0 0 2px #19222a inset
        }

        html:not([dark]) .blu-list__container .blu-loader-wrapper[data-v-0fc385f6] {
            margin: auto
        }

        html:not([dark]) .blu-list__content[data-v-0fc385f6] {
            padding: 4px 0;
            display: flex;
            flex-direction: column;
            flex: 1;
            align-items: start
        }

        html:not([dark]) .blu-list__content-label[data-v-0fc385f6]:not(.b-disabled) {
            font: 500 14px/18px Blibli, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif;
            color: #19222a
        }

        html:not([dark]) .blu-list__content-desc[data-v-0fc385f6]:not(.b-disabled) {
            font: 500 12px/16px Blibli, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif;
            color: #19222a66
        }

        html:not([dark]) .blu-list__content-additional[data-v-0fc385f6] {
            text-align: right;
            display: flex;
            flex-direction: column;
            justify-content: space-between;
            align-self: stretch;
            padding: 4px 0
        }

        html:not([dark]) .blu-list__content-additional-label[data-v-0fc385f6] {
            font: 500 12px/16px Blibli, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif;
            color: #19222a66
        }

        html:not([dark]) .blu-list__content-additional-desc[data-v-0fc385f6] {
            font: 500 12px/16px Blibli, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif;
            color: #19222a66
        }

        html:not([dark]) .blu-list__item-leading[data-v-0fc385f6],
        html:not([dark]) .blu-list__item-trailing[data-v-0fc385f6] {
            padding: 4px 0
        }

        html:not([dark]) .blu-list__item-leading[data-v-0fc385f6] {
            display: flex
        }

        html:not([dark]) .blu-list__item-trailing[data-v-0fc385f6] {
            display: flex
        }

        html:not([dark]) .blu-list__item-trailing[data-v-0fc385f6]>*:not(:last-child) {
            margin-right: 4px
        }

        html:not([dark]) .blu-list__item-trailing[data-v-0fc385f6] svg {
            cursor: pointer
        }

        html:not([dark]) .blu-list__child[data-v-0fc385f6] {
            max-height: var(--blu-list-child-max-height);
            display: grid;
            grid-template-rows: var(--blu-list-child-template-rows);
            transition: all .5s ease-in-out
        }

        html:not([dark]) .blu-list__child .blu-list__container[data-v-0fc385f6] {
            padding-left: var(--list-nested-padding)
        }

        html:not([dark]) .blu-list__icon-expand[data-v-0fc385f6] {
            margin-left: auto;
            cursor: pointer
        }

        html:not([dark]) .blu-list[data-v-0fc385f6]:not(.b-disabled) {
            cursor: pointer
        }

        html:not([dark]) .blu-list[data-v-0fc385f6]:not(.b-disabled):hover {
            --list-container-color-background: #f9f9fa
        }

        html:not([dark]) .blu-list[data-v-0fc385f6]:not(.b-disabled):focus-visible {
            outline: none
        }

        html:not([dark]) .blu-list:not(.b-disabled):focus-visible .blu-list__container[data-v-0fc385f6] {
            box-shadow: 0 0 0 2px #19222a inset
        }

        html:not([dark]) .blu-list:not(.b-disabled).b-active[data-v-0fc385f6],
        html:not([dark]) .blu-list:not(.b-disabled).b-selected[data-v-0fc385f6]:not(:hover) {
            --list-container-color-background: #f3f9ff
        }

        html:not([dark]) .blu-list.b-small[data-v-0fc385f6] {
            --list-spacing-padding: 0
        }

        html:not([dark]) .blu-list.b-disabled[data-v-0fc385f6] {
            --list-container-color-background: transparent
        }

        html:not([dark]) .blu-list.b-disabled[data-v-0fc385f6],
        html:not([dark]) .blu-list.b-disabled *[data-v-0fc385f6] {
            cursor: not-allowed
        }

        html:not([dark]) .blu-list.b-disabled .blu-list__content-label[data-v-0fc385f6],
        html:not([dark]) .blu-list.b-disabled .blu-list__content-desc[data-v-0fc385f6],
        html:not([dark]) .blu-list.b-disabled .blu-list__content-additional-label[data-v-0fc385f6] {
            font: 500 14px/18px Blibli, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif;
            color: #19222a4d
        }

        html:not([dark]) .blu-list.b-disabled .blu-list__content-additional-desc[data-v-0fc385f6] {
            font: 500 12px/16px Blibli, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif;
            color: #19222a4d
        }

        html:not([dark]) .blu-list.b-disabled .blu-list__container[data-v-0fc385f6] svg {
            color: #19222a4d
        }

        html:not([dark]) .blu-list.b-disabled .blu-list__container[data-v-0fc385f6] .blu-checkbox__container {
            color: #19222a4d
        }

        html:not([dark]) .blu-list.b-disabled .blu-list__container[data-v-0fc385f6] .blu-badge {
            background-color: #19222a4d
        }

        html:not([dark]) .blu-list.b-loading[data-v-0fc385f6] .blu-loader-wrapper svg {
            display: flex;
            width: 24px;
            height: 24px
        }

        html:not([dark]) .blu-list.has-radio.b-selected[data-v-0fc385f6]:not(:hover) {
            --list-container-color-background: transparent
        }

        html:not([dark]) .blu-list.b-align-center .blu-list__container[data-v-0fc385f6] {
            align-items: center
        }

        html:not([dark]) .blu-list-group.b-multiselect .blu-list-item .blu-list.b-selected[data-v-0fc385f6]:not(html:not([dark]) .blu-list-group.b-multiselect .blu-list-item .blu-list.b-active):not(:hover) {
            --list-container-color-background: transparent
        }

        html[dark] .blu-list[data-v-0fc385f6] {
            --list-spacing-padding: 8px 0;
            list-style: none;
            padding: var(--list-spacing-padding);
            transition: all .5s ease-in-out
        }

        html[dark] .blu-list-item[data-v-0fc385f6] {
            --blu-list-child-max-height: 0;
            --blu-list-child-template-rows: 0fr;
            position: relative
        }

        html[dark] .blu-list-item.b-opened[data-v-0fc385f6] {
            --blu-list-child-max-height: 100%;
            --blu-list-child-template-rows: 1fr
        }

        html[dark] .blu-list-item.b-opened>.blu-list .blu-list__container .blu-list__container-chevron-right[data-v-0fc385f6] {
            transform: rotate(180deg)
        }

        html[dark] .blu-list-item.b-opened>.blu-list .blu-list__container .blu-list__container-chevron-left[data-v-0fc385f6] {
            transform: rotate(90deg)
        }

        html[dark] .blu-list__container[data-v-0fc385f6] {
            background-color: var(--list-container-color-background);
            border-radius: 8px;
            padding: 4px 8px;
            display: flex
        }

        html[dark] .blu-list__container[data-v-0fc385f6] svg {
            width: 18px;
            height: 18px;
            color: #acb0b4
        }

        html[dark] .blu-list__container[data-v-0fc385f6]>*:not(:last-child) {
            margin-right: 4px
        }

        html[dark] .blu-list__container-chevron-right[data-v-0fc385f6],
        html[dark] .blu-list__container-chevron-left[data-v-0fc385f6] {
            display: flex;
            padding: 4px 0;
            cursor: pointer;
            transition: all .4s ease;
            height: fit-content
        }

        html[dark] .blu-list__container-chevron-right[data-v-0fc385f6] svg,
        html[dark] .blu-list__container-chevron-left[data-v-0fc385f6] svg {
            color: #acb0b4
        }

        html[dark] .blu-list__container-chevron-right[data-v-0fc385f6]:focus-visible,
        html[dark] .blu-list__container-chevron-left[data-v-0fc385f6]:focus-visible {
            outline: none;
            box-shadow: 0 0 0 2px #f9f9fa inset
        }

        html[dark] .blu-list__container .blu-loader-wrapper[data-v-0fc385f6] {
            margin: auto
        }

        html[dark] .blu-list__content[data-v-0fc385f6] {
            padding: 4px 0;
            display: flex;
            flex-direction: column;
            flex: 1;
            align-items: start
        }

        html[dark] .blu-list__content-label[data-v-0fc385f6]:not(.b-disabled) {
            font: 500 14px/18px Blibli, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif;
            color: #fff
        }

        html[dark] .blu-list__content-desc[data-v-0fc385f6]:not(.b-disabled) {
            font: 500 12px/16px Blibli, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif;
            color: #ffffff80
        }

        html[dark] .blu-list__content-additional[data-v-0fc385f6] {
            text-align: right;
            display: flex;
            flex-direction: column;
            justify-content: space-between;
            align-self: stretch;
            padding: 4px 0
        }

        html[dark] .blu-list__content-additional-label[data-v-0fc385f6],
        html[dark] .blu-list__content-additional-desc[data-v-0fc385f6] {
            font: 500 12px/16px Blibli, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif;
            color: #ffffff80
        }

        html[dark] .blu-list__item-leading[data-v-0fc385f6],
        html[dark] .blu-list__item-trailing[data-v-0fc385f6] {
            padding: 4px 0
        }

        html[dark] .blu-list__item-leading[data-v-0fc385f6],
        html[dark] .blu-list__item-trailing[data-v-0fc385f6] {
            display: flex
        }

        html[dark] .blu-list__item-trailing[data-v-0fc385f6]>*:not(:last-child) {
            margin-right: 4px
        }

        html[dark] .blu-list__item-trailing[data-v-0fc385f6] svg {
            cursor: pointer
        }

        html[dark] .blu-list__child[data-v-0fc385f6] {
            max-height: var(--blu-list-child-max-height);
            display: grid;
            grid-template-rows: var(--blu-list-child-template-rows);
            transition: all .5s ease-in-out
        }

        html[dark] .blu-list__child .blu-list__container[data-v-0fc385f6] {
            padding-left: var(--list-nested-padding)
        }

        html[dark] .blu-list__icon-expand[data-v-0fc385f6] {
            margin-left: auto;
            cursor: pointer
        }

        html[dark] .blu-list[data-v-0fc385f6]:not(.b-disabled) {
            cursor: pointer
        }

        html[dark] .blu-list[data-v-0fc385f6]:not(.b-disabled):hover {
            --list-container-color-background: #19222a
        }

        html[dark] .blu-list[data-v-0fc385f6]:not(.b-disabled):focus-visible {
            outline: none
        }

        html[dark] .blu-list:not(.b-disabled):focus-visible .blu-list__container[data-v-0fc385f6] {
            box-shadow: 0 0 0 2px #f9f9fa inset
        }

        html[dark] .blu-list:not(.b-disabled).b-active[data-v-0fc385f6],
        html[dark] .blu-list:not(.b-disabled).b-selected[data-v-0fc385f6]:not(:hover) {
            --list-container-color-background: #002e7a
        }

        html[dark] .blu-list.b-small[data-v-0fc385f6] {
            --list-spacing-padding: 0
        }

        html[dark] .blu-list.b-disabled[data-v-0fc385f6] {
            --list-container-color-background: transparent
        }

        html[dark] .blu-list.b-disabled[data-v-0fc385f6],
        html[dark] .blu-list.b-disabled *[data-v-0fc385f6] {
            cursor: not-allowed
        }

        html[dark] .blu-list.b-disabled .blu-list__content-label[data-v-0fc385f6],
        html[dark] .blu-list.b-disabled .blu-list__content-desc[data-v-0fc385f6],
        html[dark] .blu-list.b-disabled .blu-list__content-additional-label[data-v-0fc385f6] {
            font: 500 14px/18px Blibli, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif;
            color: #ffffff4d
        }

        html[dark] .blu-list.b-disabled .blu-list__content-additional-desc[data-v-0fc385f6] {
            font: 500 12px/16px Blibli, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif;
            color: #ffffff4d
        }

        html[dark] .blu-list.b-disabled .blu-list__container[data-v-0fc385f6] svg {
            color: #ffffff4d
        }

        html[dark] .blu-list.b-disabled .blu-list__container[data-v-0fc385f6] .blu-checkbox__container {
            color: #ffffff4d
        }

        html[dark] .blu-list.b-disabled .blu-list__container[data-v-0fc385f6] .blu-badge {
            background-color: #ffffff4d
        }

        html[dark] .blu-list.b-loading[data-v-0fc385f6] .blu-loader-wrapper svg {
            display: flex;
            width: 24px;
            height: 24px
        }

        html[dark] .blu-list.has-radio.b-selected[data-v-0fc385f6]:not(:hover) {
            --list-container-color-background: transparent
        }

        html[dark] .blu-list.b-align-center .blu-list__container[data-v-0fc385f6] {
            align-items: center
        }

        html[dark] .blu-list-group.b-multiselect .blu-list-item .blu-list.b-selected[data-v-0fc385f6]:not(html[dark] .blu-list-group.b-multiselect .blu-list-item .blu-list.b-active):not(:hover) {
            --list-container-color-background: transparent
        }
    </style>
    <style>
        html:not([dark]) button[data-v-565d2fb0] {
            border: none;
            background: none;
            cursor: pointer;
            font-family: Blibli, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif;
            padding: 0
        }

        html:not([dark]) input[type=submit][data-v-565d2fb0]::-moz-focus-inner,
        html:not([dark]) input[type=button][data-v-565d2fb0]::-moz-focus-inner {
            border: 0px
        }

        html:not([dark]) button[data-v-565d2fb0]:focus,
        html:not([dark]) input[type=submit][data-v-565d2fb0]:focus,
        html:not([dark]) input[type=button][data-v-565d2fb0]:focus,
        html:not([dark]) input[type=reset][data-v-565d2fb0]:focus,
        html:not([dark]) a[data-v-565d2fb0] {
            outline: none
        }

        html:not([dark]) .blu-pagination[data-v-565d2fb0] {
            --blu-pagination-button-border-width: 1px;
            --blu-pagination-button-border-radius: 64px;
            --blu-pagination-button-color-background: #ffffff;
            --blu-pagination-button-color-background-hovered: #f3f9ff;
            --blu-pagination-button-color-text: #ac8221;
            --blu-pagination-button-color-icon: #a58d33;
            --blu-pagination-simple-label-color-text: rgba(25, 34, 42, .7019607843);
            --blu-pagination-button-opacity: 1;
            --blu-pagination-button-size-height: 48px;
            --blu-pagination-button-size-width: 48px;
            --blu-pagination-button-icon-width: 24px;
            --blu-pagination-button-icon-height: 24px;
            --blu-pagination-button-spacing-padding: 0 8px;
            --blu-pagination-spacing-gap: 4px;
            --blu-pagination-container-spacing-gap: 4px;
            --blu-pagination-button-text: 600 16px/20px Blibli, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif;
            --blu-pagination-simple-label-text: 500 16px/20px Blibli, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif;
            display: flex
        }

        html:not([dark]) .blu-pagination>*[data-v-565d2fb0]:not(:last-child) {
            margin-right: var(--blu-pagination-spacing-gap)
        }

        html:not([dark]) .blu-pagination__button[data-v-565d2fb0],
        html:not([dark]) .blu-pagination__button-nav[data-v-565d2fb0] {
            display: inline-flex;
            justify-content: center;
            align-items: center;
            white-space: nowrap;
            height: var(--blu-pagination-button-size-height);
            min-width: var(--blu-pagination-button-size-width);
            padding: var(--blu-pagination-button-spacing-padding);
            border-radius: var(--blu-pagination-button-border-radius);
            font: var(--blu-pagination-button-text);
            color: var(--blu-pagination-button-color-text);
            background-color: var(--blu-pagination-button-color-background);
            box-shadow: 0 0 0 var(--blu-pagination-button-border-width) var(--blu-pagination-button-color-border);
            transition: transform .3s .08s, background-color 0s
        }

        html:not([dark]) .blu-pagination__button[data-v-565d2fb0]:hover,
        html:not([dark]) .blu-pagination__button-nav[data-v-565d2fb0]:hover {
            background: var(--blu-pagination-button-color-background-hovered);
            transition: transform .3s .08s, background-color .3s
        }

        html:not([dark]) .blu-pagination__button[data-v-565d2fb0]:active:not(.b-active),
        html:not([dark]) .blu-pagination__button-nav[data-v-565d2fb0]:active:not(.b-active) {
            transform: scale(.875)
        }

        html:not([dark]) .blu-pagination__button[data-v-565d2fb0]:focus-visible:not(.b-disabled),
        html:not([dark]) .blu-pagination__button-nav[data-v-565d2fb0]:focus-visible:not(.b-disabled) {
            box-shadow: 0 0 0 2px #19222a
        }

        html:not([dark]) .blu-pagination__button[data-v-565d2fb0]:disabled,
        html:not([dark]) .blu-pagination__button-nav[data-v-565d2fb0]:disabled {
            --blu-pagination-button-color-background-hovered: none;
            --blu-pagination-button-color-text: rgba(25, 34, 42, .3019607843);
            --blu-pagination-button-color-icon: rgba(25, 34, 42, .3019607843);
            cursor: default
        }

        html:not([dark]) .blu-pagination__button.b-active[data-v-565d2fb0],
        html:not([dark]) .blu-pagination__button-nav.b-active[data-v-565d2fb0] {
            --blu-pagination-button-color-background: #1d8fff;
            --blu-pagination-button-color-background-hovered: #1d8fff;
            --blu-pagination-button-color-text: #ffffff;
            cursor: default;
            transition: transform .3s .08s, background-color .3s
        }

        html:not([dark]) .blu-pagination__button-nav svg[data-v-565d2fb0],
        html:not([dark]) .blu-pagination__button-nav-nav svg[data-v-565d2fb0] {
            width: var(--blu-pagination-button-icon-width);
            height: var(--blu-pagination-button-icon-height);
            color: var(--blu-pagination-button-color-icon)
        }

        html:not([dark]) .blu-pagination__button-nav:first-child svg[data-v-565d2fb0],
        html:not([dark]) .blu-pagination__button-nav-nav:first-child svg[data-v-565d2fb0] {
            transform: rotate(180deg)
        }

        html:not([dark]) .blu-pagination__button-container[data-v-565d2fb0],
        html:not([dark]) .blu-pagination__button-nav-container[data-v-565d2fb0] {
            display: flex
        }

        html:not([dark]) .blu-pagination__button-container>*[data-v-565d2fb0]:not(:last-child),
        html:not([dark]) .blu-pagination__button-nav-container>*[data-v-565d2fb0]:not(:last-child) {
            margin-right: var(--blu-pagination-container-spacing-gap)
        }

        html:not([dark]) .blu-pagination__simple-label[data-v-565d2fb0] {
            display: flex;
            align-items: center;
            font: var(--blu-pagination-simple-label-text);
            color: var(--blu-pagination-simple-label-color-text)
        }

        html:not([dark]) .blu-pagination.b-small[data-v-565d2fb0] {
            --blu-pagination-button-border-width: 1px;
            --blu-pagination-button-border-radius: 64px;
            --blu-pagination-button-size-height: 36px;
            --blu-pagination-button-size-width: 36px;
            --blu-pagination-simple-label-text: 500 14px/18px Blibli, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif;
            --blu-pagination-button-icon-width: 18px;
            --blu-pagination-button-icon-height: 18px;
            --blu-pagination-button-spacing-padding: 0 8px;
            --blu-pagination-spacing-gap: 4px;
            --blu-pagination-container-spacing-gap: 4px;
            --blu-pagination-button-text: 600 14px/18px Blibli, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif
        }

        html[dark] button[data-v-565d2fb0] {
            border: none;
            background: none;
            cursor: pointer;
            font-family: Blibli, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif;
            padding: 0
        }

        html[dark] input[type=submit][data-v-565d2fb0]::-moz-focus-inner,
        html[dark] input[type=button][data-v-565d2fb0]::-moz-focus-inner {
            border: 0px
        }

        html[dark] button[data-v-565d2fb0]:focus,
        html[dark] input[type=submit][data-v-565d2fb0]:focus,
        html[dark] input[type=button][data-v-565d2fb0]:focus,
        html[dark] input[type=reset][data-v-565d2fb0]:focus,
        html[dark] a[data-v-565d2fb0] {
            outline: none
        }

        html[dark] .blu-pagination[data-v-565d2fb0] {
            --blu-pagination-button-border-width: 1px;
            --blu-pagination-button-border-radius: 64px;
            --blu-pagination-button-color-background: #12171d;
            --blu-pagination-button-color-background-hovered: #002e7a;
            --blu-pagination-button-color-text: #4fa4ff;
            --blu-pagination-button-color-icon: #4fa4ff;
            --blu-pagination-simple-label-color-text: rgba(255, 255, 255, .8);
            --blu-pagination-button-opacity: 1;
            --blu-pagination-button-size-height: 48px;
            --blu-pagination-button-size-width: 48px;
            --blu-pagination-button-icon-width: 24px;
            --blu-pagination-button-icon-height: 24px;
            --blu-pagination-button-spacing-padding: 0 8px;
            --blu-pagination-spacing-gap: 4px;
            --blu-pagination-container-spacing-gap: 4px;
            --blu-pagination-button-text: 600 16px/20px Blibli, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif;
            --blu-pagination-simple-label-text: 500 16px/20px Blibli, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif;
            display: flex
        }

        html[dark] .blu-pagination>*[data-v-565d2fb0]:not(:last-child) {
            margin-right: var(--blu-pagination-spacing-gap)
        }

        html[dark] .blu-pagination__button[data-v-565d2fb0],
        html[dark] .blu-pagination__button-nav[data-v-565d2fb0] {
            display: inline-flex;
            justify-content: center;
            align-items: center;
            white-space: nowrap;
            height: var(--blu-pagination-button-size-height);
            min-width: var(--blu-pagination-button-size-width);
            padding: var(--blu-pagination-button-spacing-padding);
            border-radius: var(--blu-pagination-button-border-radius);
            font: var(--blu-pagination-button-text);
            color: var(--blu-pagination-button-color-text);
            background-color: var(--blu-pagination-button-color-background);
            box-shadow: 0 0 0 var(--blu-pagination-button-border-width) var(--blu-pagination-button-color-border);
            transition: transform .3s .08s, background-color 0s
        }

        html[dark] .blu-pagination__button[data-v-565d2fb0]:hover,
        html[dark] .blu-pagination__button-nav[data-v-565d2fb0]:hover {
            background: var(--blu-pagination-button-color-background-hovered);
            transition: transform .3s .08s, background-color .3s
        }

        html[dark] .blu-pagination__button[data-v-565d2fb0]:active:not(.b-active),
        html[dark] .blu-pagination__button-nav[data-v-565d2fb0]:active:not(.b-active) {
            transform: scale(.875)
        }

        html[dark] .blu-pagination__button[data-v-565d2fb0]:focus-visible:not(.b-disabled),
        html[dark] .blu-pagination__button-nav[data-v-565d2fb0]:focus-visible:not(.b-disabled) {
            box-shadow: 0 0 0 2px #f9f9fa
        }

        html[dark] .blu-pagination__button[data-v-565d2fb0]:disabled,
        html[dark] .blu-pagination__button-nav[data-v-565d2fb0]:disabled {
            --blu-pagination-button-color-background-hovered: none;
            --blu-pagination-button-color-text: rgba(255, 255, 255, .3019607843);
            --blu-pagination-button-color-icon: rgba(255, 255, 255, .3019607843);
            cursor: default
        }

        html[dark] .blu-pagination__button.b-active[data-v-565d2fb0],
        html[dark] .blu-pagination__button-nav.b-active[data-v-565d2fb0] {
            --blu-pagination-button-color-background: #1d8fff;
            --blu-pagination-button-color-background-hovered: #1d8fff;
            --blu-pagination-button-color-text: #ffffff;
            cursor: default;
            transition: transform .3s .08s, background-color .3s
        }

        html[dark] .blu-pagination__button-nav svg[data-v-565d2fb0],
        html[dark] .blu-pagination__button-nav-nav svg[data-v-565d2fb0] {
            width: var(--blu-pagination-button-icon-width);
            height: var(--blu-pagination-button-icon-height);
            color: var(--blu-pagination-button-color-icon)
        }

        html[dark] .blu-pagination__button-nav:first-child svg[data-v-565d2fb0],
        html[dark] .blu-pagination__button-nav-nav:first-child svg[data-v-565d2fb0] {
            transform: rotate(180deg)
        }

        html[dark] .blu-pagination__button-container[data-v-565d2fb0],
        html[dark] .blu-pagination__button-nav-container[data-v-565d2fb0] {
            display: flex
        }

        html[dark] .blu-pagination__button-container>*[data-v-565d2fb0]:not(:last-child),
        html[dark] .blu-pagination__button-nav-container>*[data-v-565d2fb0]:not(:last-child) {
            margin-right: var(--blu-pagination-container-spacing-gap)
        }

        html[dark] .blu-pagination__simple-label[data-v-565d2fb0] {
            display: flex;
            align-items: center;
            font: var(--blu-pagination-simple-label-text);
            color: var(--blu-pagination-simple-label-color-text)
        }

        html[dark] .blu-pagination.b-small[data-v-565d2fb0] {
            --blu-pagination-button-border-width: 1px;
            --blu-pagination-button-border-radius: 64px;
            --blu-pagination-button-size-height: 36px;
            --blu-pagination-button-size-width: 36px;
            --blu-pagination-simple-label-text: 500 14px/18px Blibli, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif;
            --blu-pagination-button-icon-width: 18px;
            --blu-pagination-button-icon-height: 18px;
            --blu-pagination-button-spacing-padding: 0 8px;
            --blu-pagination-spacing-gap: 4px;
            --blu-pagination-container-spacing-gap: 4px;
            --blu-pagination-button-text: 600 14px/18px Blibli, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif
        }
    </style>
    <style>
        html:not([dark]) .blu-checkbox[data-v-03e81a59] {
            --blu-checkbox-spacing-padding: 4px 0;
            --blu-checkbox-icon-size: 22px;
            --blu-checkbox-icon-border-radius: 4px;
            --blu-checkbox-icon-padding: 2px;
            --blu-checkbox-container-border-radius: 4px;
            --blu-checkbox-container-border-width: 1px;
            --blu-checkbox-content-spacing-padding: 2px 0;
            --blu-checkbox-label-text: 500 14px/18px Blibli, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif;
            --blu-checkbox-container-color-border: #c8cbcd;
            --blu-checkbox-label-color-text: rgba(25, 34, 42, .7019607843);
            --blu-checkbox-cursor: pointer;
            --blu-checkbox-asset-color-border: #ffffff;
            display: inline-flex;
            position: relative;
            padding: var(--blu-checkbox-spacing-padding);
            outline: none
        }

        html:not([dark]) .blu-checkbox[data-v-03e81a59],
        html:not([dark]) .blu-checkbox *[data-v-03e81a59] {
            cursor: var(--blu-checkbox-cursor)
        }

        html:not([dark]) .blu-checkbox>*[data-v-03e81a59]:not(:last-child) {
            margin-right: 4px
        }

        html:not([dark]) .blu-checkbox input[type=checkbox][data-v-03e81a59] {
            display: none
        }

        html:not([dark]) .blu-checkbox__icon[data-v-03e81a59] {
            box-sizing: border-box;
            width: var(--blu-checkbox-icon-size);
            height: var(--blu-checkbox-icon-size);
            border-radius: var(--blu-checkbox-icon-border-radius);
            padding: var(--blu-checkbox-icon-padding);
            background: var(--blu-checkbox-icon-color-background);
            box-shadow: inset 0 0 0 var(--blu-checkbox-icon-border-width);
            color: var(--blu-checkbox-icon-color-border);
            flex-shrink: 0
        }

        html:not([dark]) .blu-checkbox__container[data-v-03e81a59] {
            display: flex;
            align-items: center;
            justify-content: center;
            width: 100%;
            height: 100%;
            border-radius: var(--blu-checkbox-container-border-radius);
            box-shadow: inset 0 0 0 var(--blu-checkbox-container-border-width);
            color: var(--blu-checkbox-container-color-border);
            background: var(--blu-checkbox-container-color-background)
        }

        html:not([dark]) .blu-checkbox__container .blu-checkbox__container-asset[data-v-03e81a59] {
            transform: rotate(-45deg) translateY(-4px) translate(-3px)
        }

        html:not([dark]) .blu-checkbox__container .blu-checkbox__container-asset[data-v-03e81a59]:before,
        html:not([dark]) .blu-checkbox__container .blu-checkbox__container-asset[data-v-03e81a59]:after {
            position: absolute;
            content: "";
            opacity: 0;
            border-radius: 4px
        }

        html:not([dark]) .blu-checkbox__container .blu-checkbox__container-asset[data-v-03e81a59]:before {
            height: 0
        }

        html:not([dark]) .blu-checkbox__container .blu-checkbox__container-asset[data-v-03e81a59]:before {
            width: 2px
        }

        html:not([dark]) .blu-checkbox__container .blu-checkbox__container-asset[data-v-03e81a59]:after {
            width: 0;
            height: 2px;
            transform: translateY(4px)
        }

        html:not([dark]) .blu-checkbox__content[data-v-03e81a59] {
            display: flex;
            flex-direction: column;
            padding: var(--blu-checkbox-content-spacing-padding);
            font: var(--blu-checkbox-label-text);
            color: var(--blu-checkbox-label-color-text)
        }

        html:not([dark]) .blu-checkbox__content>*[data-v-03e81a59]:not(:last-child) {
            margin-bottom: 4px
        }

        html:not([dark]) .blu-checkbox[data-v-03e81a59]:not(.b-disabled):hover {
            --blu-checkbox-icon-color-background: #f9f9fa
        }

        html:not([dark]) .blu-checkbox:not(.b-disabled):hover input[type=checkbox]:checked~.blu-checkbox__icon[data-v-03e81a59],
        html:not([dark]) .blu-checkbox:not(.b-disabled):hover input[type=checkbox]:indeterminate~.blu-checkbox__icon[data-v-03e81a59] {
            --blu-checkbox-icon-color-background: #f3f9ff
        }

        html:not([dark]) .blu-checkbox.b-error>input[type=checkbox]:not(:checked):not(:indeterminate)~.blu-checkbox__icon[data-v-03e81a59] {
            --blu-checkbox-container-color-border: #ff4646
        }

        html:not([dark]) .blu-checkbox.b-error>input[type=checkbox]:not(:checked):not(:indeterminate)~.blu-checkbox__content[data-v-03e81a59] {
            --blu-checkbox-label-color-text: #d33534
        }

        html:not([dark]) .blu-checkbox input[type=checkbox]:checked~.blu-checkbox__icon[data-v-03e81a59] {
            --blu-checkbox-container-color-background: #1d8fff;
            --blu-checkbox-container-color-border: #1d8fff
        }

        html:not([dark]) .blu-checkbox input[type=checkbox]:checked~.blu-checkbox__icon .blu-checkbox__container[data-v-03e81a59] {
            animation: bounce-03e81a59 .3s ease-out
        }

        html:not([dark]) .blu-checkbox input[type=checkbox]:checked~.blu-checkbox__icon .blu-checkbox__container-asset[data-v-03e81a59] {
            visibility: visible
        }

        html:not([dark]) .blu-checkbox input[type=checkbox]:checked~.blu-checkbox__icon .blu-checkbox__container-asset[data-v-03e81a59]:before,
        html:not([dark]) .blu-checkbox input[type=checkbox]:checked~.blu-checkbox__icon .blu-checkbox__container-asset[data-v-03e81a59]:after {
            background: var(--blu-checkbox-asset-color-border);
            opacity: 1;
            transition: all .1s .1s
        }

        html:not([dark]) .blu-checkbox input[type=checkbox]:checked~.blu-checkbox__icon .blu-checkbox__container-asset[data-v-03e81a59]:before {
            height: 6px
        }

        html:not([dark]) .blu-checkbox input[type=checkbox]:checked~.blu-checkbox__icon .blu-checkbox__container-asset[data-v-03e81a59]:after {
            width: 8px
        }

        html:not([dark]) .blu-checkbox[data-v-03e81a59]:not(.b-disabled):focus-visible {
            --blu-checkbox-icon-color-background: #f9f9fa;
            --blu-checkbox-icon-color-border: #19222a
        }

        html:not([dark]) .blu-checkbox[data-v-03e81a59]:not(.b-disabled):focus-visible:not(.b-small) {
            --blu-checkbox-icon-border-width: 2px
        }

        html:not([dark]) .blu-checkbox:not(.b-disabled):focus-visible input[type=checkbox]:checked~.blu-checkbox__icon[data-v-03e81a59],
        html:not([dark]) .blu-checkbox:not(.b-disabled):focus-visible input[type=checkbox]:indeterminate~.blu-checkbox__icon[data-v-03e81a59] {
            --blu-checkbox-icon-color-background: #f3f9ff
        }

        html:not([dark]) .blu-checkbox.b-disabled[data-v-03e81a59] {
            --blu-checkbox-cursor: not-allowed;
            --blu-checkbox-container-color-border: #f1f2f2;
            --blu-checkbox-label-color-text: rgba(25, 34, 42, .3019607843);
            --blu-checkbox-asset-color-border: #ffffff;
            --blu-checkbox-container-color-background: #f9f9fa;
            user-select: auto
        }

        html:not([dark]) .blu-checkbox.b-disabled input[type=checkbox]:checked~.blu-checkbox__icon[data-v-03e81a59],
        html:not([dark]) .blu-checkbox.b-disabled input[type=checkbox]:indeterminate~.blu-checkbox__icon[data-v-03e81a59] {
            --blu-checkbox-container-color-border: transparent;
            --blu-checkbox-container-color-background: rgba(25, 34, 42, .3019607843)
        }

        html:not([dark]) .blu-checkbox.b-small[data-v-03e81a59] {
            --blu-checkbox-icon-size: 18px;
            --blu-checkbox-icon-padding: 2px;
            --blu-checkbox-icon-border-radius: 4px;
            --blu-checkbox-container-border-radius: 4px;
            --blu-checkbox-container-border-width: 1px;
            --blu-checkbox-content-spacing-padding: 0;
            --blu-checkbox-label-text: 500 14px/18px Blibli, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif;
            --blu-checkbox-spacing-padding: 3px 0
        }

        html:not([dark]) .blu-checkbox.b-small[data-v-03e81a59]:focus-visible {
            --blu-checkbox-icon-border-width: 2px
        }

        html:not([dark]) .blu-checkbox.b-small .blu-checkbox__container-asset[data-v-03e81a59] {
            transform: rotate(-49deg) translateY(-4px) translate(-2px)
        }

        html:not([dark]) .blu-checkbox.b-small .blu-checkbox__container-asset[data-v-03e81a59]:before,
        html:not([dark]) .blu-checkbox.b-small .blu-checkbox__container-asset[data-v-03e81a59]:after {
            position: absolute;
            content: "";
            opacity: 0;
            border-radius: 4px
        }

        html:not([dark]) .blu-checkbox.b-small .blu-checkbox__container-asset[data-v-03e81a59]:before {
            height: 0
        }

        html:not([dark]) .blu-checkbox.b-small .blu-checkbox__container-asset[data-v-03e81a59]:before {
            top: 1px
        }

        html:not([dark]) .blu-checkbox.b-small input[type=checkbox]:checked~.blu-checkbox__icon .blu-checkbox__container[data-v-03e81a59] {
            animation: bounce-03e81a59 .3s ease-out
        }

        html:not([dark]) .blu-checkbox.b-small input[type=checkbox]:checked~.blu-checkbox__icon .blu-checkbox__container-asset[data-v-03e81a59] {
            visibility: visible
        }

        html:not([dark]) .blu-checkbox.b-small input[type=checkbox]:checked~.blu-checkbox__icon .blu-checkbox__container-asset[data-v-03e81a59]:before,
        html:not([dark]) .blu-checkbox.b-small input[type=checkbox]:checked~.blu-checkbox__icon .blu-checkbox__container-asset[data-v-03e81a59]:after {
            background: var(--blu-checkbox-asset-color-border);
            opacity: 1;
            transition: all .1s .1s
        }

        html:not([dark]) .blu-checkbox.b-small input[type=checkbox]:checked~.blu-checkbox__icon .blu-checkbox__container-asset[data-v-03e81a59]:before {
            height: 4px
        }

        html:not([dark]) .blu-checkbox.b-small input[type=checkbox]:checked~.blu-checkbox__icon .blu-checkbox__container-asset[data-v-03e81a59]:after {
            width: 6px
        }

        html:not([dark]) .blu-checkbox.b-small.b-partial .blu-checkbox__container-asset[data-v-03e81a59] {
            transform: rotate(90deg) translateY(-5px) translate(-1px)
        }

        html:not([dark]) .blu-checkbox.b-small.b-partial .blu-checkbox__container-asset[data-v-03e81a59]:before,
        html:not([dark]) .blu-checkbox.b-small.b-partial .blu-checkbox__container-asset[data-v-03e81a59]:after {
            position: absolute;
            content: "";
            opacity: 0;
            border-radius: 4px
        }

        html:not([dark]) .blu-checkbox.b-small.b-partial .blu-checkbox__container-asset[data-v-03e81a59]:before {
            height: 0
        }

        html:not([dark]) .blu-checkbox.b-partial[data-v-03e81a59] {
            --blu-checkbox-container-color-background: #1d8fff;
            --blu-checkbox-container-color-border: #1d8fff
        }

        html:not([dark]) .blu-checkbox.b-partial .blu-checkbox__container-asset[data-v-03e81a59] {
            transform: rotate(90deg) translateY(-4px) translate(-1px)
        }

        html:not([dark]) .blu-checkbox.b-partial .blu-checkbox__container-asset[data-v-03e81a59]:before,
        html:not([dark]) .blu-checkbox.b-partial .blu-checkbox__container-asset[data-v-03e81a59]:after {
            position: absolute;
            content: "";
            opacity: 0;
            border-radius: 4px
        }

        html:not([dark]) .blu-checkbox.b-partial .blu-checkbox__container-asset[data-v-03e81a59]:before {
            height: 0
        }

        html:not([dark]) .blu-checkbox.b-partial .blu-checkbox__container-asset[data-v-03e81a59]:before {
            width: 2px
        }

        html:not([dark]) .blu-checkbox.b-partial .blu-checkbox__container-asset[data-v-03e81a59]:after {
            display: none
        }

        html:not([dark]) .blu-checkbox.b-partial input[type=checkbox]:indeterminate+.blu-checkbox__icon .blu-checkbox__container[data-v-03e81a59] {
            animation: bounce-03e81a59 .3s ease-out
        }

        html:not([dark]) .blu-checkbox.b-partial input[type=checkbox]:indeterminate+.blu-checkbox__icon .blu-checkbox__container-asset[data-v-03e81a59] {
            visibility: visible
        }

        html:not([dark]) .blu-checkbox.b-partial input[type=checkbox]:indeterminate+.blu-checkbox__icon .blu-checkbox__container-asset[data-v-03e81a59]:before,
        html:not([dark]) .blu-checkbox.b-partial input[type=checkbox]:indeterminate+.blu-checkbox__icon .blu-checkbox__container-asset[data-v-03e81a59]:after {
            background: var(--blu-checkbox-asset-color-border);
            opacity: 1;
            transition: all .1s .1s
        }

        html:not([dark]) .blu-checkbox.b-partial input[type=checkbox]:indeterminate+.blu-checkbox__icon .blu-checkbox__container-asset[data-v-03e81a59]:before {
            height: 8px
        }

        @keyframes bounce-03e81a59 {
            25% {
                transform: scale(.9)
            }

            50% {
                transform: scale(1.1)
            }
        }

        html[dark] .blu-checkbox[data-v-03e81a59] {
            --blu-checkbox-spacing-padding: 4px 0;
            --blu-checkbox-icon-size: 22px;
            --blu-checkbox-icon-border-radius: 4px;
            --blu-checkbox-icon-padding: 2px;
            --blu-checkbox-container-border-radius: 4px;
            --blu-checkbox-container-border-width: 1px;
            --blu-checkbox-content-spacing-padding: 2px 0;
            --blu-checkbox-label-text: 500 14px/18px Blibli, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif;
            --blu-checkbox-container-color-border: #60686e;
            --blu-checkbox-label-color-text: rgba(255, 255, 255, .8);
            --blu-checkbox-cursor: pointer;
            --blu-checkbox-asset-color-border: #ffffff;
            display: inline-flex;
            position: relative;
            padding: var(--blu-checkbox-spacing-padding);
            outline: none
        }

        html[dark] .blu-checkbox[data-v-03e81a59],
        html[dark] .blu-checkbox *[data-v-03e81a59] {
            cursor: var(--blu-checkbox-cursor)
        }

        html[dark] .blu-checkbox>*[data-v-03e81a59]:not(:last-child) {
            margin-right: 4px
        }

        html[dark] .blu-checkbox input[type=checkbox][data-v-03e81a59] {
            display: none
        }

        html[dark] .blu-checkbox__icon[data-v-03e81a59] {
            box-sizing: border-box;
            width: var(--blu-checkbox-icon-size);
            height: var(--blu-checkbox-icon-size);
            border-radius: var(--blu-checkbox-icon-border-radius);
            padding: var(--blu-checkbox-icon-padding);
            background: var(--blu-checkbox-icon-color-background);
            box-shadow: inset 0 0 0 var(--blu-checkbox-icon-border-width);
            color: var(--blu-checkbox-icon-color-border);
            flex-shrink: 0
        }

        html[dark] .blu-checkbox__container[data-v-03e81a59] {
            display: flex;
            align-items: center;
            justify-content: center;
            width: 100%;
            height: 100%;
            border-radius: var(--blu-checkbox-container-border-radius);
            box-shadow: inset 0 0 0 var(--blu-checkbox-container-border-width);
            color: var(--blu-checkbox-container-color-border);
            background: var(--blu-checkbox-container-color-background)
        }

        html[dark] .blu-checkbox__container .blu-checkbox__container-asset[data-v-03e81a59] {
            transform: rotate(-45deg) translateY(-4px) translate(-3px)
        }

        html[dark] .blu-checkbox__container .blu-checkbox__container-asset[data-v-03e81a59]:before,
        html[dark] .blu-checkbox__container .blu-checkbox__container-asset[data-v-03e81a59]:after {
            position: absolute;
            content: "";
            opacity: 0;
            border-radius: 4px
        }

        html[dark] .blu-checkbox__container .blu-checkbox__container-asset[data-v-03e81a59]:before {
            height: 0
        }

        html[dark] .blu-checkbox__container .blu-checkbox__container-asset[data-v-03e81a59]:before {
            width: 2px
        }

        html[dark] .blu-checkbox__container .blu-checkbox__container-asset[data-v-03e81a59]:after {
            width: 0;
            height: 2px;
            transform: translateY(4px)
        }

        html[dark] .blu-checkbox__content[data-v-03e81a59] {
            display: flex;
            flex-direction: column;
            padding: var(--blu-checkbox-content-spacing-padding);
            font: var(--blu-checkbox-label-text);
            color: var(--blu-checkbox-label-color-text)
        }

        html[dark] .blu-checkbox__content>*[data-v-03e81a59]:not(:last-child) {
            margin-bottom: 4px
        }

        html[dark] .blu-checkbox[data-v-03e81a59]:not(.b-disabled):hover {
            --blu-checkbox-icon-color-background: #19222a
        }

        html[dark] .blu-checkbox:not(.b-disabled):hover input[type=checkbox]:checked~.blu-checkbox__icon[data-v-03e81a59],
        html[dark] .blu-checkbox:not(.b-disabled):hover input[type=checkbox]:indeterminate~.blu-checkbox__icon[data-v-03e81a59] {
            --blu-checkbox-icon-color-background: #002e7a
        }

        html[dark] .blu-checkbox.b-error>input[type=checkbox]:not(:checked):not(:indeterminate)~.blu-checkbox__icon[data-v-03e81a59] {
            --blu-checkbox-container-color-border: #ff7373
        }

        html[dark] .blu-checkbox.b-error>input[type=checkbox]:not(:checked):not(:indeterminate)~.blu-checkbox__content[data-v-03e81a59] {
            --blu-checkbox-label-color-text: #ff7373
        }

        html[dark] .blu-checkbox input[type=checkbox]:checked~.blu-checkbox__icon[data-v-03e81a59] {
            --blu-checkbox-container-color-background: #1d8fff;
            --blu-checkbox-container-color-border: #1d8fff
        }

        html[dark] .blu-checkbox input[type=checkbox]:checked~.blu-checkbox__icon .blu-checkbox__container[data-v-03e81a59] {
            animation: bounce-03e81a59 .3s ease-out
        }

        html[dark] .blu-checkbox input[type=checkbox]:checked~.blu-checkbox__icon .blu-checkbox__container-asset[data-v-03e81a59] {
            visibility: visible
        }

        html[dark] .blu-checkbox input[type=checkbox]:checked~.blu-checkbox__icon .blu-checkbox__container-asset[data-v-03e81a59]:before,
        html[dark] .blu-checkbox input[type=checkbox]:checked~.blu-checkbox__icon .blu-checkbox__container-asset[data-v-03e81a59]:after {
            background: var(--blu-checkbox-asset-color-border);
            opacity: 1;
            transition: all .1s .1s
        }

        html[dark] .blu-checkbox input[type=checkbox]:checked~.blu-checkbox__icon .blu-checkbox__container-asset[data-v-03e81a59]:before {
            height: 6px
        }

        html[dark] .blu-checkbox input[type=checkbox]:checked~.blu-checkbox__icon .blu-checkbox__container-asset[data-v-03e81a59]:after {
            width: 8px
        }

        html[dark] .blu-checkbox[data-v-03e81a59]:not(.b-disabled):focus-visible {
            --blu-checkbox-icon-color-background: #19222a;
            --blu-checkbox-icon-color-border: #f9f9fa
        }

        html[dark] .blu-checkbox[data-v-03e81a59]:not(.b-disabled):focus-visible:not(.b-small) {
            --blu-checkbox-icon-border-width: 2px
        }

        html[dark] .blu-checkbox:not(.b-disabled):focus-visible input[type=checkbox]:checked~.blu-checkbox__icon[data-v-03e81a59],
        html[dark] .blu-checkbox:not(.b-disabled):focus-visible input[type=checkbox]:indeterminate~.blu-checkbox__icon[data-v-03e81a59] {
            --blu-checkbox-icon-color-background: #002e7a
        }

        html[dark] .blu-checkbox.b-disabled[data-v-03e81a59] {
            --blu-checkbox-cursor: not-allowed;
            --blu-checkbox-container-color-border: #28323b;
            --blu-checkbox-label-color-text: rgba(255, 255, 255, .3019607843);
            --blu-checkbox-asset-color-border: #12171d;
            --blu-checkbox-container-color-background: #19222a;
            user-select: auto
        }

        html[dark] .blu-checkbox.b-disabled input[type=checkbox]:checked~.blu-checkbox__icon[data-v-03e81a59],
        html[dark] .blu-checkbox.b-disabled input[type=checkbox]:indeterminate~.blu-checkbox__icon[data-v-03e81a59] {
            --blu-checkbox-container-color-border: transparent;
            --blu-checkbox-container-color-background: rgba(255, 255, 255, .3019607843)
        }

        html[dark] .blu-checkbox.b-small[data-v-03e81a59] {
            --blu-checkbox-icon-size: 18px;
            --blu-checkbox-icon-padding: 2px;
            --blu-checkbox-icon-border-radius: 4px;
            --blu-checkbox-container-border-radius: 4px;
            --blu-checkbox-container-border-width: 1px;
            --blu-checkbox-content-spacing-padding: 0;
            --blu-checkbox-label-text: 500 14px/18px Blibli, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif;
            --blu-checkbox-spacing-padding: 3px 0
        }

        html[dark] .blu-checkbox.b-small[data-v-03e81a59]:focus-visible {
            --blu-checkbox-icon-border-width: 2px
        }

        html[dark] .blu-checkbox.b-small .blu-checkbox__container-asset[data-v-03e81a59] {
            transform: rotate(-49deg) translateY(-4px) translate(-2px)
        }

        html[dark] .blu-checkbox.b-small .blu-checkbox__container-asset[data-v-03e81a59]:before,
        html[dark] .blu-checkbox.b-small .blu-checkbox__container-asset[data-v-03e81a59]:after {
            position: absolute;
            content: "";
            opacity: 0;
            border-radius: 4px
        }

        html[dark] .blu-checkbox.b-small .blu-checkbox__container-asset[data-v-03e81a59]:before {
            height: 0
        }

        html[dark] .blu-checkbox.b-small .blu-checkbox__container-asset[data-v-03e81a59]:before {
            top: 1px
        }

        html[dark] .blu-checkbox.b-small input[type=checkbox]:checked~.blu-checkbox__icon .blu-checkbox__container[data-v-03e81a59] {
            animation: bounce-03e81a59 .3s ease-out
        }

        html[dark] .blu-checkbox.b-small input[type=checkbox]:checked~.blu-checkbox__icon .blu-checkbox__container-asset[data-v-03e81a59] {
            visibility: visible
        }

        html[dark] .blu-checkbox.b-small input[type=checkbox]:checked~.blu-checkbox__icon .blu-checkbox__container-asset[data-v-03e81a59]:before,
        html[dark] .blu-checkbox.b-small input[type=checkbox]:checked~.blu-checkbox__icon .blu-checkbox__container-asset[data-v-03e81a59]:after {
            background: var(--blu-checkbox-asset-color-border);
            opacity: 1;
            transition: all .1s .1s
        }

        html[dark] .blu-checkbox.b-small input[type=checkbox]:checked~.blu-checkbox__icon .blu-checkbox__container-asset[data-v-03e81a59]:before {
            height: 4px
        }

        html[dark] .blu-checkbox.b-small input[type=checkbox]:checked~.blu-checkbox__icon .blu-checkbox__container-asset[data-v-03e81a59]:after {
            width: 6px
        }

        html[dark] .blu-checkbox.b-small.b-partial .blu-checkbox__container-asset[data-v-03e81a59] {
            transform: rotate(90deg) translateY(-5px) translate(-1px)
        }

        html[dark] .blu-checkbox.b-small.b-partial .blu-checkbox__container-asset[data-v-03e81a59]:before,
        html[dark] .blu-checkbox.b-small.b-partial .blu-checkbox__container-asset[data-v-03e81a59]:after {
            position: absolute;
            content: "";
            opacity: 0;
            border-radius: 4px
        }

        html[dark] .blu-checkbox.b-small.b-partial .blu-checkbox__container-asset[data-v-03e81a59]:before {
            height: 0
        }

        html[dark] .blu-checkbox.b-partial[data-v-03e81a59] {
            --blu-checkbox-container-color-background: #1d8fff;
            --blu-checkbox-container-color-border: #1d8fff
        }

        html[dark] .blu-checkbox.b-partial .blu-checkbox__container-asset[data-v-03e81a59] {
            transform: rotate(90deg) translateY(-4px) translate(-1px)
        }

        html[dark] .blu-checkbox.b-partial .blu-checkbox__container-asset[data-v-03e81a59]:before,
        html[dark] .blu-checkbox.b-partial .blu-checkbox__container-asset[data-v-03e81a59]:after {
            position: absolute;
            content: "";
            opacity: 0;
            border-radius: 4px
        }

        html[dark] .blu-checkbox.b-partial .blu-checkbox__container-asset[data-v-03e81a59]:before {
            height: 0
        }

        html[dark] .blu-checkbox.b-partial .blu-checkbox__container-asset[data-v-03e81a59]:before {
            width: 2px
        }

        html[dark] .blu-checkbox.b-partial .blu-checkbox__container-asset[data-v-03e81a59]:after {
            display: none
        }

        html[dark] .blu-checkbox.b-partial input[type=checkbox]:indeterminate+.blu-checkbox__icon .blu-checkbox__container[data-v-03e81a59] {
            animation: bounce-03e81a59 .3s ease-out
        }

        html[dark] .blu-checkbox.b-partial input[type=checkbox]:indeterminate+.blu-checkbox__icon .blu-checkbox__container-asset[data-v-03e81a59] {
            visibility: visible
        }

        html[dark] .blu-checkbox.b-partial input[type=checkbox]:indeterminate+.blu-checkbox__icon .blu-checkbox__container-asset[data-v-03e81a59]:before,
        html[dark] .blu-checkbox.b-partial input[type=checkbox]:indeterminate+.blu-checkbox__icon .blu-checkbox__container-asset[data-v-03e81a59]:after {
            background: var(--blu-checkbox-asset-color-border);
            opacity: 1;
            transition: all .1s .1s
        }

        html[dark] .blu-checkbox.b-partial input[type=checkbox]:indeterminate+.blu-checkbox__icon .blu-checkbox__container-asset[data-v-03e81a59]:before {
            height: 8px
        }
    </style>
    <style>
        html:not([dark]) .blu-chip[data-v-2352ad3e] {
            --blu-chip-color-background: #f1f2f2;
            --blu-chip-border-width: 1px;
            --blu-chip-icon-color: #797f85;
            --blu-chip-color-text: #ac8221;
            --blu-chip-spacing-padding: 0 8px;
            --blu-chip-size-height: 32px;
            --blu-chip-label-text: 500 14px/18px Blibli, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif;
            --blu-chip-icon-size: 18px;
            --blu-chip-spacing-gap: 4px;
            --blu-chip-min-width: 32px;
            background-color: var(--blu-chip-color-background);
            color: var(--blu-chip-color-text);
            padding: var(--blu-chip-spacing-padding);
            height: var(--blu-chip-size-height);
            cursor: pointer;
            font: var(--blu-chip-label-text);
            border-radius: 8px;
            box-shadow: inset 0 0 0 var(--blu-chip-border-width) var(--blu-chip-color-border);
            display: flex;
            justify-content: center;
            align-items: center;
            width: var(--blu-chip-custom-width, fit-content);
            min-width: var(--blu-chip-min-width, none);
            max-width: var(--blu-chip-max-width, none);
            user-select: none;
            transition: .3s;
            box-sizing: border-box
        }

        html:not([dark]) .blu-chip.b-readonly[data-v-2352ad3e] {
            cursor: default
        }

        html:not([dark]) .blu-chip>*[data-v-2352ad3e]:not(:empty):not(:last-child) {
            margin-right: var(--blu-chip-spacing-gap)
        }

        html:not([dark]) .blu-chip__label[data-v-2352ad3e] {
            display: inline-block;
            white-space: nowrap;
            overflow: hidden;
            text-overflow: ellipsis;
            text-decoration: none
        }

        html:not([dark]) .blu-chip .item-leading[data-v-2352ad3e]:not(:empty),
        html:not([dark]) .blu-chip .item-trailing[data-v-2352ad3e]:not(:empty),
        html:not([dark]) .blu-chip .icon-remove[data-v-2352ad3e],
        html:not([dark]) .blu-chip__filter-icon[data-v-2352ad3e] {
            display: flex;
            align-items: center
        }

        html:not([dark]) .blu-chip .item-leading[data-v-2352ad3e]:not(:empty) svg,
        html:not([dark]) .blu-chip .item-trailing[data-v-2352ad3e]:not(:empty) svg,
        html:not([dark]) .blu-chip .icon-remove[data-v-2352ad3e] svg,
        html:not([dark]) .blu-chip__filter-icon[data-v-2352ad3e] svg {
            width: var(--blu-chip-icon-size);
            height: var(--blu-chip-icon-size);
            color: var(--blu-chip-icon-color)
        }

        html:not([dark]) .blu-chip .item-leading[data-v-2352ad3e]:not(:empty):focus,
        html:not([dark]) .blu-chip .item-trailing[data-v-2352ad3e]:not(:empty):focus,
        html:not([dark]) .blu-chip .icon-remove[data-v-2352ad3e]:focus,
        html:not([dark]) .blu-chip__filter-icon[data-v-2352ad3e]:focus {
            outline: none
        }

        html:not([dark]) .blu-chip .item-leading[data-v-2352ad3e]:not(:empty):focus-visible,
        html:not([dark]) .blu-chip .item-trailing[data-v-2352ad3e]:not(:empty):focus-visible,
        html:not([dark]) .blu-chip .icon-remove[data-v-2352ad3e]:focus-visible,
        html:not([dark]) .blu-chip__filter-icon[data-v-2352ad3e]:focus-visible {
            outline: 2px solid #19222a
        }

        html:not([dark]) .blu-chip__filter-icon[data-v-2352ad3e] {
            transition: all .4s ease
        }

        html:not([dark]) .blu-chip .icon-remove[data-v-2352ad3e] {
            cursor: pointer
        }

        html:not([dark]) .blu-chip[data-v-2352ad3e]:not(.b-disabled):not(.b-readonly):not(.b-active):hover {
            --blu-chip-color-background: #f9f9fa;
            --blu-chip-color-border: transparent
        }

        html:not([dark]) .blu-chip[data-v-2352ad3e]:not(.b-disabled):not(.b-readonly):active:hover {
            --blu-chip-color-background: #f9f9fa;
            transform: scale(.95)
        }

        html:not([dark]) .blu-chip:not(.b-disabled).b-active[data-v-2352ad3e]:not(.b-secondary) {
            --blu-chip-color-background: #1d8fff;
            --blu-chip-icon-color: #ffffff;
            --blu-chip-color-text: #ffffff
        }

        html:not([dark]) .blu-chip:not(.b-disabled).b-active[data-v-2352ad3e]:not(.b-secondary):not(.b-readonly):hover {
            --blu-chip-color-background: #a58d33;
            --blu-chip-color-border: transparent
        }

        html:not([dark]) .blu-chip:not(.b-disabled).b-active[data-v-2352ad3e]:not(.b-secondary):not(.b-readonly):active:hover {
            --blu-chip-color-background: #a58d33
        }

        html:not([dark]) .blu-chip.b-secondary[data-v-2352ad3e] {
            --blu-chip-color-background: #ffffff;
            --blu-chip-color-border: #c8cbcd
        }

        html:not([dark]) .blu-chip.b-secondary[data-v-2352ad3e]:not(.b-disabled):not(.b-readonly):not(.b-active):hover {
            --blu-chip-color-background: #f9f9fa;
            --blu-chip-color-border: #c8cbcd
        }

        html:not([dark]) .blu-chip.b-secondary[data-v-2352ad3e]:not(.b-disabled):not(.b-readonly):active:hover {
            --blu-chip-color-background: #ffffff;
            --blu-chip-color-border: #c8cbcd
        }

        html:not([dark]) .blu-chip.b-secondary:not(.b-disabled).b-active[data-v-2352ad3e] {
            --blu-chip-color-background: #f3f9ff;
            --blu-chip-icon-color: #a58d33
        }

        html:not([dark]) .blu-chip.b-secondary:not(.b-disabled).b-active[data-v-2352ad3e]:not(:focus-visible) {
            --blu-chip-color-border: #1d8fff
        }

        html:not([dark]) .blu-chip.b-secondary:not(.b-disabled).b-active[data-v-2352ad3e]:not(.b-readonly):hover {
            --blu-chip-color-background: #e1f1ff;
            --blu-chip-color-border: #1d8fff
        }

        html:not([dark]) .blu-chip.b-secondary:not(.b-disabled).b-active[data-v-2352ad3e]:not(.b-readonly):active:hover {
            --blu-chip-color-background: #e1f1ff;
            --blu-chip-color-border: #1d8fff
        }

        html:not([dark]) .blu-chip.b-secondary.b-oos[data-v-2352ad3e] {
            --blu-chip-color-background: #ffffff;
            --blu-chip-color-text: rgba(25, 34, 42, .3019607843);
            --blu-chip-icon-color: rgba(25, 34, 42, .3019607843)
        }

        html:not([dark]) .blu-chip.b-secondary.b-oos:not(.b-disabled).b-active[data-v-2352ad3e] {
            --blu-chip-color-background: #f3f9ff;
            --blu-chip-color-text: rgba(25, 34, 42, .4);
            --blu-chip-icon-color: rgba(25, 34, 42, .4)
        }

        html:not([dark]) .blu-chip.b-secondary.b-oos:not(.b-disabled).b-active[data-v-2352ad3e]:hover {
            --blu-chip-color-background: #e1f1ff
        }

        html:not([dark]) .blu-chip[data-v-2352ad3e]:focus {
            outline: none
        }

        html:not([dark]) .blu-chip[data-v-2352ad3e]:focus-visible {
            --blu-chip-color-border: #19222a;
            --blu-chip-border-width: 2px
        }

        html:not([dark]) .blu-chip.b-small[data-v-2352ad3e] {
            --blu-chip-spacing-padding: 0 4px;
            --blu-chip-size-height: 24px;
            --blu-chip-label-text: 500 14px/18px Blibli, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif;
            --blu-chip-spacing-gap: 2px;
            --blu-chip-min-width: 24px
        }

        html:not([dark]) .blu-chip.b-small.has-image[data-v-2352ad3e] {
            --blu-chip-size-height: 40px;
            --blu-chip-spacing-gap: 2px
        }

        html:not([dark]) .blu-chip.b-disabled[data-v-2352ad3e] {
            --blu-chip-color-background: #e1e3e4;
            --blu-chip-icon-color: rgba(25, 34, 42, .3019607843);
            --blu-chip-color-border: #c8cbcd;
            --blu-chip-color-text: rgba(25, 34, 42, .3019607843);
            cursor: not-allowed
        }

        html:not([dark]) .blu-chip.b-disabled[data-v-2352ad3e] img {
            opacity: .5
        }

        html:not([dark]) .blu-chip.has-image[data-v-2352ad3e] {
            --blu-chip-size-height: 48px;
            --blu-chip-spacing-gap: 8px
        }

        html:not([dark]) .blu-chip.has-image[data-v-2352ad3e] img {
            width: 32px;
            height: 32px;
            border-radius: 4px
        }

        html:not([dark]) .blu-chip.b-active.b-filter-open .blu-chip__filter-icon[data-v-2352ad3e] {
            transform: rotate(-180deg)
        }

        html:not([dark]) .blu-chip.b-oos[data-v-2352ad3e] {
            --blu-chip-size-height: 30px;
            --blu-chip-spacing-padding: 0 7px;
            --blu-chip-color-background: #f1f2f2;
            --blu-chip-color-text: rgba(25, 34, 42, .3019607843);
            --blu-chip-icon-color: rgba(25, 34, 42, .3019607843);
            --blu-chip-color-border-oos: #c8cbcd;
            box-shadow: none;
            border: 1px dashed var(--blu-chip-color-border-oos)
        }

        html:not([dark]) .blu-chip.b-oos[data-v-2352ad3e]:focus-visible {
            box-shadow: 0 0 0 var(--blu-chip-border-width) var(--blu-chip-color-border)
        }

        html:not([dark]) .blu-chip.b-oos:not(.b-disabled).b-active[data-v-2352ad3e] {
            --blu-chip-color-background: #e1f1ff;
            --blu-chip-color-text: rgba(25, 34, 42, .4);
            --blu-chip-icon-color: rgba(25, 34, 42, .4);
            --blu-chip-color-border-oos: #1d8fff
        }

        html:not([dark]) .blu-chip.b-oos:not(.b-disabled).b-active[data-v-2352ad3e]:hover {
            --blu-chip-color-background: #f3f9ff
        }

        html:not([dark]) .blu-chip.b-oos:not(.b-disabled).b-active[data-v-2352ad3e]:active:hover {
            --blu-chip-color-background: #f3f9ff
        }

        html:not([dark]) .blu-chip.b-oos.has-image[data-v-2352ad3e] {
            --blu-chip-size-height: 46px
        }

        html:not([dark]) .blu-chip.b-oos.b-small[data-v-2352ad3e] {
            --blu-chip-spacing-padding: 0 3px;
            --blu-chip-size-height: 22px
        }

        html:not([dark]) .blu-chip.b-oos.b-small.has-image[data-v-2352ad3e] {
            --blu-chip-size-height: 38px
        }

        html:not([dark]) .blu-chips>.blu-chip[data-v-2352ad3e]:not(:last-child) {
            margin-right: 4px
        }

        html[dark] .blu-chip[data-v-2352ad3e] {
            --blu-chip-color-background: #28323b;
            --blu-chip-border-width: 1px;
            --blu-chip-icon-color: #acb0b4;
            --blu-chip-color-text: #4fa4ff;
            --blu-chip-spacing-padding: 0 8px;
            --blu-chip-size-height: 32px;
            --blu-chip-label-text: 500 14px/18px Blibli, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif;
            --blu-chip-icon-size: 18px;
            --blu-chip-spacing-gap: 4px;
            --blu-chip-min-width: 32px;
            background-color: var(--blu-chip-color-background);
            color: var(--blu-chip-color-text);
            padding: var(--blu-chip-spacing-padding);
            height: var(--blu-chip-size-height);
            cursor: pointer;
            font: var(--blu-chip-label-text);
            border-radius: 8px;
            box-shadow: inset 0 0 0 var(--blu-chip-border-width) var(--blu-chip-color-border);
            display: flex;
            justify-content: center;
            align-items: center;
            width: var(--blu-chip-custom-width, fit-content);
            min-width: var(--blu-chip-min-width, none);
            max-width: var(--blu-chip-max-width, none);
            user-select: none;
            transition: .3s;
            box-sizing: border-box
        }

        html[dark] .blu-chip.b-readonly[data-v-2352ad3e] {
            cursor: default
        }

        html[dark] .blu-chip>*[data-v-2352ad3e]:not(:empty):not(:last-child) {
            margin-right: var(--blu-chip-spacing-gap)
        }

        html[dark] .blu-chip__label[data-v-2352ad3e] {
            display: inline-block;
            white-space: nowrap;
            overflow: hidden;
            text-overflow: ellipsis;
            text-decoration: none
        }

        html[dark] .blu-chip .item-leading[data-v-2352ad3e]:not(:empty),
        html[dark] .blu-chip .item-trailing[data-v-2352ad3e]:not(:empty),
        html[dark] .blu-chip .icon-remove[data-v-2352ad3e],
        html[dark] .blu-chip__filter-icon[data-v-2352ad3e] {
            display: flex;
            align-items: center
        }

        html[dark] .blu-chip .item-leading[data-v-2352ad3e]:not(:empty) svg,
        html[dark] .blu-chip .item-trailing[data-v-2352ad3e]:not(:empty) svg,
        html[dark] .blu-chip .icon-remove[data-v-2352ad3e] svg,
        html[dark] .blu-chip__filter-icon[data-v-2352ad3e] svg {
            width: var(--blu-chip-icon-size);
            height: var(--blu-chip-icon-size);
            color: var(--blu-chip-icon-color)
        }

        html[dark] .blu-chip .item-leading[data-v-2352ad3e]:not(:empty):focus,
        html[dark] .blu-chip .item-trailing[data-v-2352ad3e]:not(:empty):focus,
        html[dark] .blu-chip .icon-remove[data-v-2352ad3e]:focus,
        html[dark] .blu-chip__filter-icon[data-v-2352ad3e]:focus {
            outline: none
        }

        html[dark] .blu-chip .item-leading[data-v-2352ad3e]:not(:empty):focus-visible,
        html[dark] .blu-chip .item-trailing[data-v-2352ad3e]:not(:empty):focus-visible,
        html[dark] .blu-chip .icon-remove[data-v-2352ad3e]:focus-visible,
        html[dark] .blu-chip__filter-icon[data-v-2352ad3e]:focus-visible {
            outline: 2px solid #f9f9fa
        }

        html[dark] .blu-chip__filter-icon[data-v-2352ad3e] {
            transition: all .4s ease
        }

        html[dark] .blu-chip .icon-remove[data-v-2352ad3e] {
            cursor: pointer
        }

        html[dark] .blu-chip[data-v-2352ad3e]:not(.b-disabled):not(.b-readonly):not(.b-active):hover {
            --blu-chip-color-background: #19222a;
            --blu-chip-color-border: transparent
        }

        html[dark] .blu-chip[data-v-2352ad3e]:not(.b-disabled):not(.b-readonly):active:hover {
            --blu-chip-color-background: #19222a;
            transform: scale(.95)
        }

        html[dark] .blu-chip:not(.b-disabled).b-active[data-v-2352ad3e]:not(.b-secondary) {
            --blu-chip-color-background: #1d8fff;
            --blu-chip-icon-color: #ffffff;
            --blu-chip-color-text: #ffffff
        }

        html[dark] .blu-chip:not(.b-disabled).b-active[data-v-2352ad3e]:not(.b-secondary):not(.b-readonly):hover {
            --blu-chip-color-background: #a58d33;
            --blu-chip-color-border: transparent
        }

        html[dark] .blu-chip:not(.b-disabled).b-active[data-v-2352ad3e]:not(.b-secondary):not(.b-readonly):active:hover {
            --blu-chip-color-background: #73baff
        }

        html[dark] .blu-chip.b-secondary[data-v-2352ad3e] {
            --blu-chip-color-background: #12171d;
            --blu-chip-color-border: #60686e
        }

        html[dark] .blu-chip.b-secondary[data-v-2352ad3e]:not(.b-disabled):not(.b-readonly):not(.b-active):hover {
            --blu-chip-color-background: #19222a;
            --blu-chip-color-border: #60686e
        }

        html[dark] .blu-chip.b-secondary[data-v-2352ad3e]:not(.b-disabled):not(.b-readonly):active:hover {
            --blu-chip-color-background: #12171d;
            --blu-chip-color-border: #60686e
        }

        html[dark] .blu-chip.b-secondary:not(.b-disabled).b-active[data-v-2352ad3e] {
            --blu-chip-color-background: #002e7a;
            --blu-chip-icon-color: #4fa4ff
        }

        html[dark] .blu-chip.b-secondary:not(.b-disabled).b-active[data-v-2352ad3e]:not(:focus-visible) {
            --blu-chip-color-border: #4fa4ff
        }

        html[dark] .blu-chip.b-secondary:not(.b-disabled).b-active[data-v-2352ad3e]:not(.b-readonly):hover {
            --blu-chip-color-background: #0046aa;
            --blu-chip-color-border: #4fa4ff
        }

        html[dark] .blu-chip.b-secondary:not(.b-disabled).b-active[data-v-2352ad3e]:not(.b-readonly):active:hover {
            --blu-chip-color-background: #0046aa;
            --blu-chip-color-border: #4fa4ff
        }

        html[dark] .blu-chip.b-secondary.b-oos[data-v-2352ad3e] {
            --blu-chip-color-background: #12171d;
            --blu-chip-color-text: rgba(255, 255, 255, .3019607843);
            --blu-chip-icon-color: rgba(255, 255, 255, .3019607843)
        }

        html[dark] .blu-chip.b-secondary.b-oos:not(.b-disabled).b-active[data-v-2352ad3e] {
            --blu-chip-color-background: #002e7a;
            --blu-chip-color-text: rgba(255, 255, 255, .5019607843);
            --blu-chip-icon-color: rgba(255, 255, 255, .5019607843)
        }

        html[dark] .blu-chip.b-secondary.b-oos:not(.b-disabled).b-active[data-v-2352ad3e]:hover {
            --blu-chip-color-background: #0046aa
        }

        html[dark] .blu-chip[data-v-2352ad3e]:focus {
            outline: none
        }

        html[dark] .blu-chip[data-v-2352ad3e]:focus-visible {
            --blu-chip-color-border: #f9f9fa;
            --blu-chip-border-width: 2px
        }

        html[dark] .blu-chip.b-small[data-v-2352ad3e] {
            --blu-chip-spacing-padding: 0 4px;
            --blu-chip-size-height: 24px;
            --blu-chip-label-text: 500 14px/18px Blibli, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif;
            --blu-chip-spacing-gap: 2px;
            --blu-chip-min-width: 24px
        }

        html[dark] .blu-chip.b-small.has-image[data-v-2352ad3e] {
            --blu-chip-size-height: 40px;
            --blu-chip-spacing-gap: 2px
        }

        html[dark] .blu-chip.b-disabled[data-v-2352ad3e] {
            --blu-chip-color-background: #3b444c;
            --blu-chip-icon-color: rgba(255, 255, 255, .3019607843);
            --blu-chip-color-border: #60686e;
            --blu-chip-color-text: rgba(255, 255, 255, .3019607843);
            cursor: not-allowed
        }

        html[dark] .blu-chip.b-disabled[data-v-2352ad3e] img {
            opacity: .5
        }

        html[dark] .blu-chip.has-image[data-v-2352ad3e] {
            --blu-chip-size-height: 48px;
            --blu-chip-spacing-gap: 8px
        }

        html[dark] .blu-chip.has-image[data-v-2352ad3e] img {
            width: 32px;
            height: 32px;
            border-radius: 4px
        }

        html[dark] .blu-chip.b-active.b-filter-open .blu-chip__filter-icon[data-v-2352ad3e] {
            transform: rotate(-180deg)
        }

        html[dark] .blu-chip.b-oos[data-v-2352ad3e] {
            --blu-chip-size-height: 30px;
            --blu-chip-spacing-padding: 0 7px;
            --blu-chip-color-background: #28323b;
            --blu-chip-color-text: rgba(255, 255, 255, .3019607843);
            --blu-chip-icon-color: rgba(255, 255, 255, .3019607843);
            --blu-chip-color-border-oos: #60686e;
            box-shadow: none;
            border: 1px dashed var(--blu-chip-color-border-oos)
        }

        html[dark] .blu-chip.b-oos[data-v-2352ad3e]:focus-visible {
            box-shadow: 0 0 0 var(--blu-chip-border-width) var(--blu-chip-color-border)
        }

        html[dark] .blu-chip.b-oos:not(.b-disabled).b-active[data-v-2352ad3e] {
            --blu-chip-color-background: #0046aa;
            --blu-chip-color-text: rgba(255, 255, 255, .5019607843);
            --blu-chip-icon-color: rgba(255, 255, 255, .5019607843);
            --blu-chip-color-border-oos: #4fa4ff
        }

        html[dark] .blu-chip.b-oos:not(.b-disabled).b-active[data-v-2352ad3e]:hover {
            --blu-chip-color-background: #002e7a
        }

        html[dark] .blu-chip.b-oos:not(.b-disabled).b-active[data-v-2352ad3e]:active:hover {
            --blu-chip-color-background: #002e7a
        }

        html[dark] .blu-chip.b-oos.has-image[data-v-2352ad3e] {
            --blu-chip-size-height: 46px
        }

        html[dark] .blu-chip.b-oos.b-small[data-v-2352ad3e] {
            --blu-chip-spacing-padding: 0 3px;
            --blu-chip-size-height: 22px
        }

        html[dark] .blu-chip.b-oos.b-small.has-image[data-v-2352ad3e] {
            --blu-chip-size-height: 38px
        }

        html[dark] .blu-chips>.blu-chip[data-v-2352ad3e]:not(:last-child) {
            margin-right: 4px
        }
    </style>
    <style>
        .blu-chips[data-v-8c5a50e6] {
            display: flex;
            flex-wrap: wrap;
            row-gap: 4px
        }

        .blu-chips.b-block[data-v-8c5a50e6] {
            flex-wrap: nowrap
        }
    </style>
    <style>
        html:not([dark]) .blu-accordions .blu-accordion[data-v-ce519450] {
            --blu-accordion-color-border: transparent
        }

        html:not([dark]) .blu-accordions .blu-accordion[data-v-ce519450]:not(:last-child) {
            border-bottom: 1px solid var(--blu-accordion-color-border)
        }

        html:not([dark]) .blu-accordions.b-primary .blu-accordion[data-v-ce519450]:not(:last-child) {
            --blu-accordion-color-border: #e1e3e4
        }

        html[dark] .blu-accordions .blu-accordion[data-v-ce519450] {
            --blu-accordion-color-border: transparent
        }

        html[dark] .blu-accordions .blu-accordion[data-v-ce519450]:not(:last-child) {
            border-bottom: 1px solid var(--blu-accordion-color-border)
        }

        html[dark] .blu-accordions.b-primary .blu-accordion[data-v-ce519450]:not(:last-child) {
            --blu-accordion-color-border: #3b444c
        }
    </style>
    <style>
        html:not([dark]) .b-overflow-y[data-v-c3cefe32] {
            scrollbar-color: rgba(25, 34, 42, .3019607843) transparent;
            scrollbar-width: thin
        }

        html:not([dark]) .b-overflow-y[data-v-c3cefe32]::-webkit-scrollbar {
            width: 4px;
            height: 8px;
            background-color: transparent
        }

        html:not([dark]) .b-overflow-y[data-v-c3cefe32]::-webkit-scrollbar-track {
            margin: 13px 0
        }

        html:not([dark]) .b-overflow-y[data-v-c3cefe32]::-webkit-scrollbar-thumb {
            box-shadow: inset 0 0 14px 14px transparent;
            border-radius: 4px;
            background-color: #19222a4d;
            scrollbar-color: rgba(25, 34, 42, .3019607843)
        }

        html:not([dark]) .b-overflow-y[data-v-c3cefe32]:hover::-webkit-scrollbar {
            width: 4px
        }

        html:not([dark]) .b-overflow-y[data-v-c3cefe32]:hover::-webkit-scrollbar-track {
            border: solid 2px transparent
        }

        html:not([dark]) .b-overflow-y[data-v-c3cefe32]:hover::-webkit-scrollbar-thumb:hover {
            box-shadow: inset 0 0 14px 14px transparent;
            background-color: #19222a4d;
            scrollbar-color: rgba(25, 34, 42, .3019607843) transparent
        }

        html:not([dark]) .b-overflow-y[data-v-c3cefe32]::-webkit-scrollbar-track {
            border-radius: 3px;
            background-color: transparent
        }

        html:not([dark]) .b-overflow-y.hidden[data-v-c3cefe32] {
            scrollbar-width: none
        }

        html:not([dark]) .b-overflow-y.hidden[data-v-c3cefe32]::-webkit-scrollbar-thumb {
            border-radius: 4px;
            background-color: transparent
        }

        html:not([dark]) .b-overflow-y.hidden[data-v-c3cefe32]:hover {
            scrollbar-width: thin
        }

        html:not([dark]) .b-overflow-y.hidden[data-v-c3cefe32]:hover::-webkit-scrollbar-thumb {
            box-shadow: inset 0 0 14px 14px transparent;
            border-radius: 4px;
            background-color: #19222a4d;
            scrollbar-color: rgba(25, 34, 42, .3019607843) transparent
        }

        html:not([dark]) .b-overflow-y.hidden[data-v-c3cefe32]:hover::-webkit-scrollbar-thumb:hover {
            box-shadow: inset 0 0 14px 14px transparent;
            background-color: #19222a4d;
            scrollbar-color: rgba(25, 34, 42, .3019607843) transparent
        }

        html:not([dark]) .b-overflow-y[data-v-c3cefe32] {
            overflow-y: auto;
            margin: 0
        }

        html:not([dark]) .blu-accordion__content[data-v-c3cefe32] {
            --blu-accordion-max-height: 0;
            --blu-accordion-content-text: 500 14px/18px Blibli, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif;
            --blu-accordion-content-color-text: rgba(25, 34, 42, .7019607843);
            --blu-accordion-content-spacing-padding: 12px;
            font: var(--blu-accordion-content-text);
            color: var(--blu-accordion-content-color-text);
            max-height: var(--blu-accordion-max-height);
            transition: all .4s ease;
            display: grid;
            grid-template-rows: 0fr
        }

        html:not([dark]) .blu-accordion__content.b-full-height .blu-accordion__content-main[data-v-c3cefe32] {
            overflow: hidden
        }

        html:not([dark]) .blu-accordion__content:not(.b-has-no-padding) .blu-accordion__content-main[data-v-c3cefe32] {
            transition: padding .4s ease;
            padding: 0 var(--blu-accordion-content-spacing-padding)
        }

        html:not([dark]) .blu-accordion:not(.b-disabled).b-active>.blu-accordion__content[data-v-c3cefe32] {
            grid-template-rows: 1fr;
            --blu-accordion-max-height: 168px
        }

        html:not([dark]) .blu-accordion:not(.b-disabled).b-active>.blu-accordion__content:not(.b-has-no-padding) .blu-accordion__content-main[data-v-c3cefe32] {
            padding: var(--blu-accordion-content-spacing-padding)
        }

        html:not([dark]) .blu-accordion:not(.b-disabled).b-active>.blu-accordion__content.b-full-height[data-v-c3cefe32] {
            --blu-accordion-max-height: 100%
        }

        html:not([dark]) .blu-accordion.b-small>.blu-accordion__content[data-v-c3cefe32] {
            --blu-accordion-content-spacing-padding: 8px 12px
        }

        html[dark] .b-overflow-y[data-v-c3cefe32] {
            scrollbar-color: rgba(255, 255, 255, .3019607843) transparent;
            scrollbar-width: thin
        }

        html[dark] .b-overflow-y[data-v-c3cefe32]::-webkit-scrollbar {
            width: 4px;
            height: 8px;
            background-color: transparent
        }

        html[dark] .b-overflow-y[data-v-c3cefe32]::-webkit-scrollbar-track {
            margin: 13px 0
        }

        html[dark] .b-overflow-y[data-v-c3cefe32]::-webkit-scrollbar-thumb {
            box-shadow: inset 0 0 14px 14px transparent;
            border-radius: 4px;
            background-color: #ffffff4d;
            scrollbar-color: rgba(255, 255, 255, .3019607843)
        }

        html[dark] .b-overflow-y[data-v-c3cefe32]:hover::-webkit-scrollbar {
            width: 4px
        }

        html[dark] .b-overflow-y[data-v-c3cefe32]:hover::-webkit-scrollbar-track {
            border: solid 2px transparent
        }

        html[dark] .b-overflow-y[data-v-c3cefe32]:hover::-webkit-scrollbar-thumb:hover {
            box-shadow: inset 0 0 14px 14px transparent;
            background-color: #ffffff4d;
            scrollbar-color: rgba(255, 255, 255, .3019607843) transparent
        }

        html[dark] .b-overflow-y[data-v-c3cefe32]::-webkit-scrollbar-track {
            border-radius: 3px;
            background-color: transparent
        }

        html[dark] .b-overflow-y.hidden[data-v-c3cefe32] {
            scrollbar-width: none
        }

        html[dark] .b-overflow-y.hidden[data-v-c3cefe32]::-webkit-scrollbar-thumb {
            border-radius: 4px;
            background-color: transparent
        }

        html[dark] .b-overflow-y.hidden[data-v-c3cefe32]:hover {
            scrollbar-width: thin
        }

        html[dark] .b-overflow-y.hidden[data-v-c3cefe32]:hover::-webkit-scrollbar-thumb {
            box-shadow: inset 0 0 14px 14px transparent;
            border-radius: 4px;
            background-color: #ffffff4d;
            scrollbar-color: rgba(255, 255, 255, .3019607843) transparent
        }

        html[dark] .b-overflow-y.hidden[data-v-c3cefe32]:hover::-webkit-scrollbar-thumb:hover {
            box-shadow: inset 0 0 14px 14px transparent;
            background-color: #ffffff4d;
            scrollbar-color: rgba(255, 255, 255, .3019607843) transparent
        }

        html[dark] .b-overflow-y[data-v-c3cefe32] {
            overflow-y: auto;
            margin: 0
        }

        html[dark] .blu-accordion__content[data-v-c3cefe32] {
            --blu-accordion-max-height: 0;
            --blu-accordion-content-text: 500 14px/18px Blibli, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif;
            --blu-accordion-content-color-text: rgba(255, 255, 255, .8);
            --blu-accordion-content-spacing-padding: 12px;
            font: var(--blu-accordion-content-text);
            color: var(--blu-accordion-content-color-text);
            max-height: var(--blu-accordion-max-height);
            transition: all .4s ease;
            display: grid;
            grid-template-rows: 0fr
        }

        html[dark] .blu-accordion__content.b-full-height .blu-accordion__content-main[data-v-c3cefe32] {
            overflow: hidden
        }

        html[dark] .blu-accordion__content:not(.b-has-no-padding) .blu-accordion__content-main[data-v-c3cefe32] {
            transition: padding .4s ease;
            padding: 0 var(--blu-accordion-content-spacing-padding)
        }

        html[dark] .blu-accordion:not(.b-disabled).b-active>.blu-accordion__content[data-v-c3cefe32] {
            grid-template-rows: 1fr;
            --blu-accordion-max-height: 168px
        }

        html[dark] .blu-accordion:not(.b-disabled).b-active>.blu-accordion__content:not(.b-has-no-padding) .blu-accordion__content-main[data-v-c3cefe32] {
            padding: var(--blu-accordion-content-spacing-padding)
        }

        html[dark] .blu-accordion:not(.b-disabled).b-active>.blu-accordion__content.b-full-height[data-v-c3cefe32] {
            --blu-accordion-max-height: 100%
        }

        html[dark] .blu-accordion.b-small>.blu-accordion__content[data-v-c3cefe32] {
            --blu-accordion-content-spacing-padding: 8px 12px
        }
    </style>
    <style>
        html:not([dark]) .blu-accordions .blu-accordion__header[data-v-25e87b5b] {
            --blu-accordion-header-content-text: 500 14px/18px Blibli, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif;
            --blu-accordion-header-content-color-text: #19222a;
            --blu-accordion-header-spacing-padding: 12px;
            --blu-accordion-header-content-icon-size: 18px;
            --blu-accordion-header-content-color-icon: #797f85;
            --blu-accordion-header-spacing-gap: 4px;
            --blu-accordion-header-content-right-spacing-gap: 8px;
            font: var(--blu-accordion-header-content-text);
            color: var(--blu-accordion-header-content-color-text);
            padding: var(--blu-accordion-header-spacing-padding);
            box-sizing: border-box;
            border-radius: var(--blu-accordion-header-border-radius)
        }

        html:not([dark]) .blu-accordions .blu-accordion__header-main[data-v-25e87b5b] {
            display: flex;
            align-items: start;
            width: 100%
        }

        html:not([dark]) .blu-accordions .blu-accordion__header-main *[data-v-25e87b5b]:not(:last-child) {
            margin-right: var(--blu-accordion-header-spacing-gap)
        }

        html:not([dark]) .blu-accordions .blu-accordion__header-content[data-v-25e87b5b] {
            width: 100%
        }

        html:not([dark]) .blu-accordions .blu-accordion__header-item-leading[data-v-25e87b5b],
        html:not([dark]) .blu-accordions .blu-accordion__header-item-trailing[data-v-25e87b5b] {
            display: flex;
            align-items: center
        }

        html:not([dark]) .blu-accordions .blu-accordion__header-item-leading[data-v-25e87b5b] svg,
        html:not([dark]) .blu-accordions .blu-accordion__header-item-trailing[data-v-25e87b5b] svg {
            width: var(--blu-accordion-header-content-icon-size);
            height: var(--blu-accordion-header-content-icon-size);
            color: var(--blu-accordion-header-content-color-icon)
        }

        html:not([dark]) .blu-accordions .blu-accordion__header-item-trailing[data-v-25e87b5b]>*:not(:last-child) {
            margin-right: var(--blu-accordion-header-content-right-spacing-gap)
        }

        html:not([dark]) .blu-accordions .blu-accordion__header-item-trailing[data-v-25e87b5b]>svg {
            transition: all .4s ease
        }

        html:not([dark]) .blu-accordions .blu-accordion__header[data-v-25e87b5b]:hover {
            cursor: var(--blu-accordion-pointer);
            background-color: var(--blu-accordion-header-color-background)
        }

        html:not([dark]) .blu-accordions .blu-accordion__header[data-v-25e87b5b]:focus-visible {
            position: relative;
            outline: none;
            outline: #19222a solid 2px
        }

        html:not([dark]) .blu-accordions .blu-accordion:not(.b-disabled).b-active>.blu-accordion__header .blu-accordion__header-item-trailing[data-v-25e87b5b] svg {
            transform: rotate(-180deg)
        }

        html:not([dark]) .blu-accordions .blu-accordion:not(.b-disabled) .blu-accordion__header[data-v-25e87b5b] {
            --blu-accordion-pointer: pointer;
            --blu-accordion-header-color-background: #f9f9fa
        }

        html:not([dark]) .blu-accordions .blu-accordion.b-disabled .blu-accordion__header[data-v-25e87b5b] {
            --blu-accordion-pointer: not-allowed;
            --blu-accordion-header-content-color-text: rgba(25, 34, 42, .3019607843);
            --blu-accordion-header-content-color-icon: rgba(25, 34, 42, .3019607843)
        }

        html:not([dark]) .blu-accordions .blu-accordion.b-small .blu-accordion__header[data-v-25e87b5b] {
            --blu-accordion-header-spacing-padding: 8px 12px
        }

        html:not([dark]) .blu-accordions.b-primary .blu-accordion:first-child .blu-accordion__header[data-v-25e87b5b] {
            border-radius: 8px 8px 0 0
        }

        html:not([dark]) .blu-accordions.b-primary .blu-accordion:last-child:not(.b-active) .blu-accordion__header[data-v-25e87b5b] {
            border-radius: 0 0 8px 8px
        }

        html:not([dark]) .blu-accordions.b-secondary .blu-accordion__header[data-v-25e87b5b]:hover {
            --blu-accordion-header-border-radius: 8px
        }

        html[dark] .blu-accordions .blu-accordion__header[data-v-25e87b5b] {
            --blu-accordion-header-content-text: 500 14px/18px Blibli, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif;
            --blu-accordion-header-content-color-text: #ffffff;
            --blu-accordion-header-spacing-padding: 12px;
            --blu-accordion-header-content-icon-size: 18px;
            --blu-accordion-header-content-color-icon: #acb0b4;
            --blu-accordion-header-spacing-gap: 4px;
            --blu-accordion-header-content-right-spacing-gap: 8px;
            font: var(--blu-accordion-header-content-text);
            color: var(--blu-accordion-header-content-color-text);
            padding: var(--blu-accordion-header-spacing-padding);
            box-sizing: border-box;
            border-radius: var(--blu-accordion-header-border-radius)
        }

        html[dark] .blu-accordions .blu-accordion__header-main[data-v-25e87b5b] {
            display: flex;
            align-items: start;
            width: 100%
        }

        html[dark] .blu-accordions .blu-accordion__header-main *[data-v-25e87b5b]:not(:last-child) {
            margin-right: var(--blu-accordion-header-spacing-gap)
        }

        html[dark] .blu-accordions .blu-accordion__header-content[data-v-25e87b5b] {
            width: 100%
        }

        html[dark] .blu-accordions .blu-accordion__header-item-leading[data-v-25e87b5b],
        html[dark] .blu-accordions .blu-accordion__header-item-trailing[data-v-25e87b5b] {
            display: flex;
            align-items: center
        }

        html[dark] .blu-accordions .blu-accordion__header-item-leading[data-v-25e87b5b] svg,
        html[dark] .blu-accordions .blu-accordion__header-item-trailing[data-v-25e87b5b] svg {
            width: var(--blu-accordion-header-content-icon-size);
            height: var(--blu-accordion-header-content-icon-size);
            color: var(--blu-accordion-header-content-color-icon)
        }

        html[dark] .blu-accordions .blu-accordion__header-item-trailing[data-v-25e87b5b]>*:not(:last-child) {
            margin-right: var(--blu-accordion-header-content-right-spacing-gap)
        }

        html[dark] .blu-accordions .blu-accordion__header-item-trailing[data-v-25e87b5b]>svg {
            transition: all .4s ease
        }

        html[dark] .blu-accordions .blu-accordion__header[data-v-25e87b5b]:hover {
            cursor: var(--blu-accordion-pointer);
            background-color: var(--blu-accordion-header-color-background)
        }

        html[dark] .blu-accordions .blu-accordion__header[data-v-25e87b5b]:focus-visible {
            position: relative;
            outline: none;
            outline: #f9f9fa solid 2px
        }

        html[dark] .blu-accordions .blu-accordion:not(.b-disabled).b-active>.blu-accordion__header .blu-accordion__header-item-trailing[data-v-25e87b5b] svg {
            transform: rotate(-180deg)
        }

        html[dark] .blu-accordions .blu-accordion:not(.b-disabled) .blu-accordion__header[data-v-25e87b5b] {
            --blu-accordion-pointer: pointer;
            --blu-accordion-header-color-background: #19222a
        }

        html[dark] .blu-accordions .blu-accordion.b-disabled .blu-accordion__header[data-v-25e87b5b] {
            --blu-accordion-pointer: not-allowed;
            --blu-accordion-header-content-color-text: rgba(255, 255, 255, .3019607843);
            --blu-accordion-header-content-color-icon: rgba(255, 255, 255, .3019607843)
        }

        html[dark] .blu-accordions .blu-accordion.b-small .blu-accordion__header[data-v-25e87b5b] {
            --blu-accordion-header-spacing-padding: 8px 12px
        }

        html[dark] .blu-accordions.b-primary .blu-accordion:first-child .blu-accordion__header[data-v-25e87b5b] {
            border-radius: 8px 8px 0 0
        }

        html[dark] .blu-accordions.b-primary .blu-accordion:last-child:not(.b-active) .blu-accordion__header[data-v-25e87b5b] {
            border-radius: 0 0 8px 8px
        }

        html[dark] .blu-accordions.b-secondary .blu-accordion__header[data-v-25e87b5b]:hover {
            --blu-accordion-header-border-radius: 8px
        }
    </style>
    <style>
        html:not([dark]) .blu-accordions[data-v-d4dcd884] {
            --blu-accordions-color-border: transparent;
            border: 1px solid var(--blu-accordions-color-border);
            border-radius: 8px;
            box-sizing: border-box
        }

        html:not([dark]) .blu-accordions.b-primary[data-v-d4dcd884] {
            --blu-accordions-color-border: #e1e3e4
        }

        html[dark] .blu-accordions[data-v-d4dcd884] {
            --blu-accordions-color-border: transparent;
            border: 1px solid var(--blu-accordions-color-border);
            border-radius: 8px;
            box-sizing: border-box
        }

        html[dark] .blu-accordions.b-primary[data-v-d4dcd884] {
            --blu-accordions-color-border: #3b444c
        }
    </style>
    <style>
        html:not([dark]) .blu-modal__footer[data-v-1b4528ab] {
            --blu-modal-footer-padding: 16px;
            --blu-modal-footer-gap: 8px;
            display: flex;
            justify-content: flex-end;
            padding: var(--blu-modal-footer-padding);
            box-sizing: border-box;
            margin-top: auto
        }

        html:not([dark]) .blu-modal__footer[data-v-1b4528ab]:not(.b-long-action) *:not(:last-child) {
            margin-right: var(--blu-modal-footer-gap)
        }

        html:not([dark]) .blu-modal__footer.b-long-action[data-v-1b4528ab] {
            flex-direction: column-reverse
        }

        html:not([dark]) .blu-modal__footer.b-long-action[data-v-1b4528ab] *:not(:first-child) {
            margin-bottom: var(--blu-modal-footer-gap)
        }

        @media screen and (max-width: 839px) {
            html:not([dark]) .blu-modal__footer[data-v-1b4528ab] .blu-button {
                width: 100%
            }
        }

        html[dark] .blu-modal__footer[data-v-1b4528ab] {
            --blu-modal-footer-padding: 16px;
            --blu-modal-footer-gap: 8px;
            display: flex;
            justify-content: flex-end;
            padding: var(--blu-modal-footer-padding);
            box-sizing: border-box;
            margin-top: auto
        }

        html[dark] .blu-modal__footer[data-v-1b4528ab]:not(.b-long-action) *:not(:last-child) {
            margin-right: var(--blu-modal-footer-gap)
        }

        html[dark] .blu-modal__footer.b-long-action[data-v-1b4528ab] {
            flex-direction: column-reverse
        }

        html[dark] .blu-modal__footer.b-long-action[data-v-1b4528ab] *:not(:first-child) {
            margin-bottom: var(--blu-modal-footer-gap)
        }

        @media screen and (max-width: 839px) {
            html[dark] .blu-modal__footer[data-v-1b4528ab] .blu-button {
                width: 100%
            }
        }
    </style>
    <style>
        .lazyImage[data-v-8dd39e6c] {
            max-width: 100%;
            max-height: 100%;
            width: auto;
            height: auto;
            vertical-align: middle
        }

        img[data-v-8dd39e6c] {
            object-fit: cover
        }

        img.error-image[data-v-8dd39e6c] {
            object-fit: contain !important;
            background-color: #f1f2f2
        }

        .list-enter-active[data-v-8dd39e6c],
        .list-leave-active[data-v-8dd39e6c] {
            transition: all .5s ease
        }

        .list-enter-from[data-v-8dd39e6c],
        .list-leave-to[data-v-8dd39e6c] {
            opacity: 0;
            transform: translate(30px)
        }

        div.recommendation-card[data-v-49674c58] {
            width: 192px;
            max-width: 192px;
            min-width: 192px;
            margin: 0 8px
        }

        @media screen and (max-width: 839px) {
            div.recommendation-card[data-v-49674c58] {
                width: 138px;
                max-width: 138px;
                min-width: 138px;
                margin: 0 6px
            }
        }

        div.recommendation-card .promo-badge[data-v-49674c58] {
            position: absolute;
            bottom: 0;
            left: 0;
            z-index: 1;
            object-fit: contain;
            max-width: 60%;
            max-height: 24px
        }

        div.recommendation-card .seller[data-v-49674c58] {
            display: flex;
            height: 16px
        }

        div.recommendation-card .seller .img-official[data-v-49674c58] {
            margin-right: 2px
        }

        div.recommendation-card .seller .img-badge[data-v-49674c58] {
            margin-right: 4px
        }

        div.recommendation-card .seller .location[data-v-49674c58] {
            text-overflow: ellipsis;
            overflow: hidden;
            display: -webkit-box;
            -webkit-line-clamp: 1;
            -webkit-box-orient: vertical;
            word-break: break-all
        }

        img.recommendation-card-image[data-v-49674c58] {
            width: 100%;
            height: 100%;
            object-fit: contain
        }

        .scroller[data-v-84ae5033] {
            position: relative;
            width: 100%
        }

        .not-scrollable-container__content[data-v-84ae5033] {
            display: flex;
            margin: 0;
            padding: 0
        }

        @media screen and (max-width: 839px) {
            .not-scrollable-container__content[data-v-84ae5033] {
                overflow-x: scroll
            }
        }

        .not-scrollable-container .blu-product[data-v-84ae5033] {
            max-width: 224px
        }

        @media screen and (min-width: 840px),
        print {
            .not-scrollable-container .blu-product[data-v-84ae5033] {
                margin: 6px
            }
        }

        @media screen and (max-width: 839px) {
            .not-scrollable-container .blu-product[data-v-84ae5033] {
                margin: 4px
            }
        }

        .scroller-container__content[data-v-84ae5033] {
            display: flex;
            scrollbar-width: none
        }

        .scroller-container__content[data-v-84ae5033]::-webkit-scrollbar {
            width: 0px;
            height: 0px;
            background: transparent
        }

        @media screen and (min-width: 840px),
        print {
            .scroller-container__content[data-v-84ae5033] {
                overflow-x: hidden
            }

            .scroller-container__arrow-left[data-v-84ae5033] {
                cursor: pointer;
                display: flex;
                align-items: center;
                justify-content: center;
                width: 40px;
                height: 40px;
                border-radius: 50%;
                box-shadow: 0 0 24px -4px #0000003d;
                position: absolute;
                left: -16px;
                bottom: calc(50% - 16px);
                z-index: 2;
                background-color: #fff
            }

            .scroller-container__arrow-right[data-v-84ae5033] {
                cursor: pointer;
                display: flex;
                align-items: center;
                justify-content: center;
                width: 40px;
                height: 40px;
                border-radius: 50%;
                box-shadow: 0 0 24px -4px #0000003d;
                position: absolute;
                right: -16px;
                bottom: calc(50% - 16px);
                z-index: 2;
                background-color: #fff;
                transform: rotate(180deg)
            }
        }

        @media screen and (max-width: 839px) {
            .scroller-container__content[data-v-84ae5033] {
                overflow-x: scroll
            }
        }

        .recommendation[data-v-1f2a65ef] {
            width: 100%
        }

        .recommendation__container-title[data-v-1f2a65ef] {
            display: flex;
            flex-direction: row;
            align-items: flex-start
        }

        @media screen and (min-width: 840px),
        print {
            .recommendation__container-title[data-v-1f2a65ef] {
                padding: 8px 24px 0
            }
        }

        @media screen and (max-width: 839px) {
            .recommendation__container-title[data-v-1f2a65ef] {
                padding: 16px 16px 0
            }
        }

        .recommendation__title[data-v-1f2a65ef] {
            flex: 1;
            font: 600 18px/24px Blibli, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif;
            color: #19222a
        }

        .recommendation__see-all[data-v-1f2a65ef] {
            font: 500 14px/18px Blibli, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif;
            color: #a58d33;
            cursor: pointer
        }

        .recommendation__list[data-v-1f2a65ef] {
            padding: 16px
        }

        @media screen and (max-width: 839px) {
            .recommendation__list[data-v-1f2a65ef] {
                padding: 16px 0
            }
        }

        @media screen and (max-width: 839px) {
            .recommendation__item[data-v-1f2a65ef]:first-child {
                padding-left: 10px
            }
        }

        .recommendation .fade-enter-active[data-v-1f2a65ef],
        .recommendation .fade-leave-active[data-v-1f2a65ef] {
            transition: opacity .5s ease
        }

        .recommendation .fade-enter-from[data-v-1f2a65ef],
        .recommendation .fade-leave-to[data-v-1f2a65ef] {
            opacity: 0
        }
    </style>
    <style>
        html:not([dark]) .blu-product-grocery[data-v-7dfd505e] {
            --blu-product-grocery-color-background: #ffffff;
            --blu-product-grocery-count-color-background: #797f85;
            --blu-product-grocery-border-radius: 8px 8px;
            --blu-product-grocery-count-border-radius: 50%;
            --blu-product-grocery-name-text: 500 14px/18px Blibli, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif;
            --blu-product-grocery-count-text: 500 12px/16px Blibli, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif;
            --blu-product-grocery-count-color-text: rgba(25, 34, 42, .7019607843);
            --blu-product-grocery-image-border: 1px solid #f1f2f2;
            --blu-product-grocery-label-count-margin: 4px;
            --blu-product-grocery-count-divider-height: 2px;
            --blu-product-grocery-count-divider-width: 2px;
            position: relative;
            background-color: var(--blu-product-grocery-color-background);
            border-radius: var(--blu-product-grocery-border-radius);
            height: 100%;
            overflow: hidden;
            display: flex;
            flex-direction: column;
            gap: 4px
        }

        @media screen and (min-width: 840px),
        print {
            html:not([dark]) .blu-product-grocery[data-v-7dfd505e] {
                flex: 1 192px
            }
        }

        @media screen and (max-width: 839px) {
            html:not([dark]) .blu-product-grocery[data-v-7dfd505e] {
                flex: 1 138px
            }
        }

        html:not([dark]) .blu-product-grocery[data-v-7dfd505e] .blu-image__main {
            transition: all .3s ease
        }

        html:not([dark]) .blu-product-grocery[data-v-7dfd505e]:not(.b-disabled):hover {
            cursor: pointer
        }

        html:not([dark]) .blu-product-grocery[data-v-7dfd505e]:not(.b-disabled):hover .blu-image__main {
            transform: scale(1.05)
        }

        html:not([dark]) .blu-product-grocery__top[data-v-7dfd505e] {
            position: relative
        }

        html:not([dark]) .blu-product-grocery__image[data-v-7dfd505e] {
            position: relative;
            top: 0;
            aspect-ratio: 1;
            border: var(--blu-product-grocery-image-border);
            border-radius: var(--blu-product-grocery-border-radius);
            object-fit: contain;
            overflow: hidden
        }

        html:not([dark]) .blu-product-grocery__image-label[data-v-7dfd505e] {
            position: absolute;
            top: 8px;
            left: 8px;
            display: flex;
            z-index: 1
        }

        html:not([dark]) .blu-product-grocery__promo-campaign[data-v-7dfd505e] {
            --blu-product-grocery-promo-campaign-height: 24px;
            position: absolute;
            bottom: 0;
            left: 0;
            height: var(--blu-product-grocery-promo-campaign-height)
        }

        html:not([dark]) .blu-product-grocery__promo-campaign[data-v-7dfd505e] img {
            max-height: var(--blu-product-grocery-promo-campaign-height)
        }

        html:not([dark]) .blu-product-grocery__button[data-v-7dfd505e] {
            position: absolute;
            bottom: 8px;
            right: 8px;
            z-index: 1
        }

        html:not([dark]) .blu-product-grocery__button[data-v-7dfd505e] .blu-input-number.b-field.b-secondary {
            --blu-input-number-color-border: #1d8fff
        }

        html:not([dark]) .blu-product-grocery__bottom[data-v-7dfd505e] {
            display: flex;
            flex-direction: column;
            gap: 4px
        }

        html:not([dark]) .blu-product-grocery__bottom--price[data-v-7dfd505e] {
            display: flex;
            flex-direction: column;
            gap: 4px
        }

        html:not([dark]) .blu-product-grocery__bottom--price .blu-grocery-bottom__price[data-v-7dfd505e] {
            --blu-product-grocery-price-after-text: 600 16px/20px Blibli, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif;
            --blu-product-grocery-price-before-text: 500 12px/16px Blibli, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif;
            --blu-product-grocery-price-after-color-text: #19222a;
            --blu-product-grocery-price-before-color-text: rgba(25, 34, 42, .4)
        }

        html:not([dark]) .blu-product-grocery__bottom--price .blu-grocery-bottom__price--after[data-v-7dfd505e] {
            font: var(--blu-product-grocery-price-after-text);
            color: var(--blu-product-grocery-price-after-color-text)
        }

        html:not([dark]) .blu-product-grocery__bottom--price .blu-grocery-bottom__price--before[data-v-7dfd505e] {
            display: flex;
            gap: 4px;
            font: var(--blu-product-grocery-price-before-text);
            color: var(--blu-product-grocery-price-before-color-text)
        }

        html:not([dark]) .blu-product-grocery__bottom--price .blu-grocery-bottom__price--before .blu-grocery-price-before[data-v-7dfd505e] {
            text-decoration: line-through
        }

        html:not([dark]) .blu-product-grocery__bottom--price .blu-grocery-bottom__promo-badge[data-v-7dfd505e] {
            display: flex;
            margin: 2px 0
        }

        html:not([dark]) .blu-product-grocery__bottom--name[data-v-7dfd505e] {
            display: -webkit-box;
            -webkit-line-clamp: 2;
            -webkit-box-orient: vertical;
            font: var(--blu-product-grocery-name-text);
            white-space: initial;
            word-break: break-word;
            overflow: hidden
        }

        html:not([dark]) .blu-product-grocery__bottom--seller-credibility[data-v-7dfd505e] {
            display: flex;
            flex-direction: column;
            gap: 4px
        }

        html:not([dark]) .blu-product-grocery__bottom--seller-credibility .blu-grocery-seller-credibility__info[data-v-7dfd505e] {
            display: flex;
            align-items: center;
            gap: 4px
        }

        html:not([dark]) .blu-product-grocery__bottom--seller-credibility .blu-grocery-seller-credibility__info .blu-grocery-seller__location[data-v-7dfd505e] {
            --blu-product-grocery-location-text: 500 12px/16px Blibli, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif;
            --blu-product-grocery-location-color-text: rgba(25, 34, 42, .7019607843);
            font: var(--blu-product-grocery-location-text);
            color: var(--blu-product-grocery-location-color-text)
        }

        html:not([dark]) .blu-product-grocery__bottom--seller-credibility .blu-grocery-seller-credibility__count[data-v-7dfd505e] {
            display: flex;
            align-items: center;
            gap: 4px;
            font: var(--blu-product-grocery-count-text);
            color: var(--blu-product-grocery-count-color-text)
        }

        html:not([dark]) .blu-product-grocery__bottom--seller-credibility .blu-grocery-seller-credibility__count span[data-v-7dfd505e] {
            margin-left: var(--blu-product-grocery-label-count-margin)
        }

        html:not([dark]) .blu-product-grocery__bottom--seller-credibility .blu-grocery-seller-credibility__count-wrapper[data-v-7dfd505e] {
            display: flex;
            align-items: center
        }

        html:not([dark]) .blu-product-grocery__bottom--seller-credibility .blu-grocery-seller-credibility__count--divider[data-v-7dfd505e] {
            width: var(--blu-product-grocery-count-divider-width);
            height: var(--blu-product-grocery-count-divider-height);
            background-color: var(--blu-product-grocery-count-color-background);
            border-radius: var(--blu-product-grocery-count-border-radius)
        }

        html:not([dark]) .blu-product-grocery__bottom--seller-credibility .blu-grocery-seller-credibility__features[data-v-7dfd505e] {
            display: flex;
            gap: 4px
        }

        html:not([dark]) .blu-product-grocery__bottom .name-on-top[data-v-7dfd505e] {
            flex-direction: column-reverse
        }

        html:not([dark]) .blu-product-grocery__title-price-wrapper[data-v-7dfd505e] {
            display: flex;
            gap: 4px;
            flex-direction: column
        }

        html:not([dark]) .blu-product-grocery__variant[data-v-7dfd505e] {
            --blu-product-grocery-variant-color-text: rgba(25, 34, 42, .7019607843);
            --blu-product-grocery-variant-text: 500 12px/16px Blibli, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif;
            display: flex;
            align-items: center;
            font: var(--blu-product-grocery-variant-text);
            color: var(--blu-product-grocery-variant-color-text)
        }

        html:not([dark]) .blu-product-grocery__variant.has-multiple[data-v-7dfd505e] {
            --blu-product-grocery-variant-color-text: #ac8221;
            --blu-product-grocery-variant-text: 600 12px/16px Blibli, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif
        }

        html:not([dark]) .blu-product-grocery__variant svg[data-v-7dfd505e] {
            width: 12px;
            height: 12px
        }

        html:not([dark]) .blu-product-grocery__promo-badge[data-v-7dfd505e] {
            display: flex;
            margin-top: 2px
        }

        html:not([dark]) .blu-product-grocery.b-disabled[data-v-7dfd505e] {
            cursor: not-allowed;
            -webkit-user-select: none;
            user-select: none
        }

        html:not([dark]) .blu-product-grocery.b-disabled .blu-product-grocery__bottom[data-v-7dfd505e],
        html:not([dark]) .blu-product-grocery.b-disabled .blu-product-grocery__promo-campaign[data-v-7dfd505e] {
            opacity: .5
        }

        html:not([dark]) .blu-product-grocery.b-disabled .blu-product-grocery__image[data-v-7dfd505e] .blu-image,
        html:not([dark]) .blu-product-grocery.b-disabled .blu-product-grocery__image[data-v-7dfd505e] .blu-product-image-carousel__slider {
            opacity: .5
        }

        html:not([dark]) .blu-product-grocery.b-on-colored-background[data-v-7dfd505e] {
            --blu-product-grocery-image-border: none
        }

        html:not([dark]) .blu-product-grocery.b-on-colored-background .blu-product-grocery__bottom[data-v-7dfd505e] {
            padding: 0 8px 8px
        }

        html[dark] .blu-product-grocery[data-v-7dfd505e] {
            --blu-product-grocery-color-background: #12171d;
            --blu-product-grocery-count-color-background: #acb0b4;
            --blu-product-grocery-border-radius: 8px 8px;
            --blu-product-grocery-count-border-radius: 50%;
            --blu-product-grocery-name-text: 500 14px/18px Blibli, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif;
            --blu-product-grocery-count-text: 500 12px/16px Blibli, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif;
            --blu-product-grocery-count-color-text: rgba(255, 255, 255, .8);
            --blu-product-grocery-image-border: 1px solid #28323b;
            --blu-product-grocery-label-count-margin: 4px;
            --blu-product-grocery-count-divider-height: 2px;
            --blu-product-grocery-count-divider-width: 2px;
            position: relative;
            background-color: var(--blu-product-grocery-color-background);
            border-radius: var(--blu-product-grocery-border-radius);
            height: 100%;
            overflow: hidden;
            display: flex;
            flex-direction: column;
            gap: 4px
        }

        @media screen and (min-width: 840px),
        print {
            html[dark] .blu-product-grocery[data-v-7dfd505e] {
                flex: 1 192px
            }
        }

        @media screen and (max-width: 839px) {
            html[dark] .blu-product-grocery[data-v-7dfd505e] {
                flex: 1 138px
            }
        }

        html[dark] .blu-product-grocery[data-v-7dfd505e] .blu-image__main {
            transition: all .3s ease
        }

        html[dark] .blu-product-grocery[data-v-7dfd505e]:not(.b-disabled):hover {
            cursor: pointer
        }

        html[dark] .blu-product-grocery[data-v-7dfd505e]:not(.b-disabled):hover .blu-image__main {
            transform: scale(1.05)
        }

        html[dark] .blu-product-grocery__top[data-v-7dfd505e] {
            position: relative
        }

        html[dark] .blu-product-grocery__image[data-v-7dfd505e] {
            position: relative;
            top: 0;
            aspect-ratio: 1;
            border: var(--blu-product-grocery-image-border);
            border-radius: var(--blu-product-grocery-border-radius);
            object-fit: contain;
            overflow: hidden
        }

        html[dark] .blu-product-grocery__image-label[data-v-7dfd505e] {
            position: absolute;
            top: 8px;
            left: 8px;
            display: flex;
            z-index: 1
        }

        html[dark] .blu-product-grocery__promo-campaign[data-v-7dfd505e] {
            --blu-product-grocery-promo-campaign-height: 24px;
            position: absolute;
            bottom: 0;
            left: 0;
            height: var(--blu-product-grocery-promo-campaign-height)
        }

        html[dark] .blu-product-grocery__promo-campaign[data-v-7dfd505e] img {
            max-height: var(--blu-product-grocery-promo-campaign-height)
        }

        html[dark] .blu-product-grocery__button[data-v-7dfd505e] {
            position: absolute;
            bottom: 8px;
            right: 8px;
            z-index: 1
        }

        html[dark] .blu-product-grocery__button[data-v-7dfd505e] .blu-input-number.b-field.b-secondary {
            --blu-input-number-color-border: #4fa4ff
        }

        html[dark] .blu-product-grocery__bottom[data-v-7dfd505e],
        html[dark] .blu-product-grocery__bottom--price[data-v-7dfd505e] {
            display: flex;
            flex-direction: column;
            gap: 4px
        }

        html[dark] .blu-product-grocery__bottom--price .blu-grocery-bottom__price[data-v-7dfd505e] {
            --blu-product-grocery-price-after-text: 600 16px/20px Blibli, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif;
            --blu-product-grocery-price-before-text: 500 12px/16px Blibli, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif;
            --blu-product-grocery-price-after-color-text: #ffffff;
            --blu-product-grocery-price-before-color-text: rgba(255, 255, 255, .5019607843)
        }

        html[dark] .blu-product-grocery__bottom--price .blu-grocery-bottom__price--after[data-v-7dfd505e] {
            font: var(--blu-product-grocery-price-after-text);
            color: var(--blu-product-grocery-price-after-color-text)
        }

        html[dark] .blu-product-grocery__bottom--price .blu-grocery-bottom__price--before[data-v-7dfd505e] {
            display: flex;
            gap: 4px;
            font: var(--blu-product-grocery-price-before-text);
            color: var(--blu-product-grocery-price-before-color-text)
        }

        html[dark] .blu-product-grocery__bottom--price .blu-grocery-bottom__price--before .blu-grocery-price-before[data-v-7dfd505e] {
            text-decoration: line-through
        }

        html[dark] .blu-product-grocery__bottom--price .blu-grocery-bottom__promo-badge[data-v-7dfd505e] {
            display: flex;
            margin: 2px 0
        }

        html[dark] .blu-product-grocery__bottom--name[data-v-7dfd505e] {
            display: -webkit-box;
            -webkit-line-clamp: 2;
            -webkit-box-orient: vertical;
            font: var(--blu-product-grocery-name-text);
            white-space: initial;
            word-break: break-word;
            overflow: hidden
        }

        html[dark] .blu-product-grocery__bottom--seller-credibility[data-v-7dfd505e] {
            display: flex;
            flex-direction: column;
            gap: 4px
        }

        html[dark] .blu-product-grocery__bottom--seller-credibility .blu-grocery-seller-credibility__info[data-v-7dfd505e] {
            display: flex;
            align-items: center;
            gap: 4px
        }

        html[dark] .blu-product-grocery__bottom--seller-credibility .blu-grocery-seller-credibility__info .blu-grocery-seller__location[data-v-7dfd505e] {
            --blu-product-grocery-location-text: 500 12px/16px Blibli, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif;
            --blu-product-grocery-location-color-text: rgba(255, 255, 255, .8);
            font: var(--blu-product-grocery-location-text);
            color: var(--blu-product-grocery-location-color-text)
        }

        html[dark] .blu-product-grocery__bottom--seller-credibility .blu-grocery-seller-credibility__count[data-v-7dfd505e] {
            display: flex;
            align-items: center;
            gap: 4px;
            font: var(--blu-product-grocery-count-text);
            color: var(--blu-product-grocery-count-color-text)
        }

        html[dark] .blu-product-grocery__bottom--seller-credibility .blu-grocery-seller-credibility__count span[data-v-7dfd505e] {
            margin-left: var(--blu-product-grocery-label-count-margin)
        }

        html[dark] .blu-product-grocery__bottom--seller-credibility .blu-grocery-seller-credibility__count-wrapper[data-v-7dfd505e] {
            display: flex;
            align-items: center
        }

        html[dark] .blu-product-grocery__bottom--seller-credibility .blu-grocery-seller-credibility__count--divider[data-v-7dfd505e] {
            width: var(--blu-product-grocery-count-divider-width);
            height: var(--blu-product-grocery-count-divider-height);
            background-color: var(--blu-product-grocery-count-color-background);
            border-radius: var(--blu-product-grocery-count-border-radius)
        }

        html[dark] .blu-product-grocery__bottom--seller-credibility .blu-grocery-seller-credibility__features[data-v-7dfd505e] {
            display: flex;
            gap: 4px
        }

        html[dark] .blu-product-grocery__bottom .name-on-top[data-v-7dfd505e] {
            flex-direction: column-reverse
        }

        html[dark] .blu-product-grocery__title-price-wrapper[data-v-7dfd505e] {
            display: flex;
            gap: 4px;
            flex-direction: column
        }

        html[dark] .blu-product-grocery__variant[data-v-7dfd505e] {
            --blu-product-grocery-variant-color-text: rgba(255, 255, 255, .8);
            --blu-product-grocery-variant-text: 500 12px/16px Blibli, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif;
            display: flex;
            align-items: center;
            font: var(--blu-product-grocery-variant-text);
            color: var(--blu-product-grocery-variant-color-text)
        }

        html[dark] .blu-product-grocery__variant.has-multiple[data-v-7dfd505e] {
            --blu-product-grocery-variant-color-text: #4fa4ff;
            --blu-product-grocery-variant-text: 600 12px/16px Blibli, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif
        }

        html[dark] .blu-product-grocery__variant svg[data-v-7dfd505e] {
            width: 12px;
            height: 12px
        }

        html[dark] .blu-product-grocery__promo-badge[data-v-7dfd505e] {
            display: flex;
            margin-top: 2px
        }

        html[dark] .blu-product-grocery.b-disabled[data-v-7dfd505e] {
            cursor: not-allowed;
            -webkit-user-select: none;
            user-select: none
        }

        html[dark] .blu-product-grocery.b-disabled .blu-product-grocery__bottom[data-v-7dfd505e],
        html[dark] .blu-product-grocery.b-disabled .blu-product-grocery__promo-campaign[data-v-7dfd505e],
        html[dark] .blu-product-grocery.b-disabled .blu-product-grocery__image[data-v-7dfd505e] .blu-image,
        html[dark] .blu-product-grocery.b-disabled .blu-product-grocery__image[data-v-7dfd505e] .blu-product-image-carousel__slider {
            opacity: .5
        }

        html[dark] .blu-product-grocery.b-on-colored-background[data-v-7dfd505e] {
            --blu-product-grocery-image-border: none
        }

        html[dark] .blu-product-grocery.b-on-colored-background .blu-product-grocery__bottom[data-v-7dfd505e] {
            padding: 0 8px 8px
        }
    </style>
    <style>
        html:not([dark]) .blu-loader-general[data-v-5f0af726] {
            --blu-loader-general-highlight-color-background: #1d8fff;
            --blu-loader-general-base-color-background: #f1f2f2;
            width: var(--blu-loader-general-size);
            height: var(--blu-loader-general-size)
        }

        html:not([dark]) .blu-loader-general__asset[data-v-5f0af726] {
            animation: general-rotate-5f0af726 1.6s linear infinite;
            transform-origin: center center;
            transition: all .5s ease-in-out;
            width: 100%;
            height: 100%;
            margin: auto;
            transform: rotate(90deg)
        }

        html:not([dark]) .blu-loader-general__asset--highlight[data-v-5f0af726],
        html:not([dark]) .blu-loader-general__asset--base[data-v-5f0af726] {
            stroke-linecap: round
        }

        html:not([dark]) .blu-loader-general__asset--highlight[data-v-5f0af726] {
            stroke: var(--blu-loader-general-highlight-color-background);
            animation: general-highlight-5f0af726 1.6s linear infinite
        }

        html:not([dark]) .blu-loader-general__asset--base[data-v-5f0af726] {
            stroke: var(--blu-loader-general-base-color-background);
            animation: general-base-5f0af726 1.6s linear infinite
        }

        html:not([dark]) .blu-loader-general.b-inverted[data-v-5f0af726] {
            --blu-loader-general-highlight-color-background: #ffffff;
            --blu-loader-general-base-color-background: #c8cbcd
        }

        html:not([dark]) .blu-loader-general.b-size-s[data-v-5f0af726] {
            --blu-loader-general-size: 16px
        }

        html:not([dark]) .blu-loader-general.b-size-m[data-v-5f0af726] {
            --blu-loader-general-size: 18px
        }

        html:not([dark]) .blu-loader-general.b-size-l[data-v-5f0af726] {
            --blu-loader-general-size: 24px
        }

        html:not([dark]) .blu-loader-general.b-size-xl[data-v-5f0af726] {
            --blu-loader-general-size: 32px
        }

        html[dark] .blu-loader-general[data-v-5f0af726] {
            --blu-loader-general-highlight-color-background: #4fa4ff;
            --blu-loader-general-base-color-background: #28323b;
            width: var(--blu-loader-general-size);
            height: var(--blu-loader-general-size)
        }

        html[dark] .blu-loader-general__asset[data-v-5f0af726] {
            animation: general-rotate-5f0af726 1.6s linear infinite;
            transform-origin: center center;
            transition: all .5s ease-in-out;
            width: 100%;
            height: 100%;
            margin: auto;
            transform: rotate(90deg)
        }

        html[dark] .blu-loader-general__asset--highlight[data-v-5f0af726],
        html[dark] .blu-loader-general__asset--base[data-v-5f0af726] {
            stroke-linecap: round
        }

        html[dark] .blu-loader-general__asset--highlight[data-v-5f0af726] {
            stroke: var(--blu-loader-general-highlight-color-background);
            animation: general-highlight-5f0af726 1.6s linear infinite
        }

        html[dark] .blu-loader-general__asset--base[data-v-5f0af726] {
            stroke: var(--blu-loader-general-base-color-background);
            animation: general-base-5f0af726 1.6s linear infinite
        }

        html[dark] .blu-loader-general.b-inverted[data-v-5f0af726] {
            --blu-loader-general-highlight-color-background: #12171d;
            --blu-loader-general-base-color-background: #60686e
        }

        html[dark] .blu-loader-general.b-size-s[data-v-5f0af726] {
            --blu-loader-general-size: 16px
        }

        html[dark] .blu-loader-general.b-size-m[data-v-5f0af726] {
            --blu-loader-general-size: 18px
        }

        html[dark] .blu-loader-general.b-size-l[data-v-5f0af726] {
            --blu-loader-general-size: 24px
        }

        html[dark] .blu-loader-general.b-size-xl[data-v-5f0af726] {
            --blu-loader-general-size: 32px
        }

        @keyframes general-highlight-5f0af726 {
            0% {
                stroke-dasharray: 1, 200;
                stroke-dashoffset: 0
            }

            50% {
                stroke-dasharray: 50, 200;
                stroke-dashoffset: -15px
            }

            to {
                stroke-dasharray: 50, 200;
                stroke-dashoffset: -124px
            }
        }

        @keyframes general-base-5f0af726 {
            0% {
                stroke-dasharray: 1, 200;
                stroke-dashoffset: 0
            }

            to {
                stroke-dasharray: 100, 200;
                stroke-dashoffset: -120px
            }
        }

        @keyframes general-rotate-5f0af726 {
            to {
                transform: rotate(450deg)
            }
        }

        html:not([dark]) button[data-v-498b5b0a] {
            border: none;
            background: none;
            cursor: pointer;
            font-family: Blibli, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif;
            padding: 0
        }

        html:not([dark]) input[type=submit][data-v-498b5b0a]::-moz-focus-inner,
        html:not([dark]) input[type=button][data-v-498b5b0a]::-moz-focus-inner {
            border: 0px
        }

        html:not([dark]) button[data-v-498b5b0a]:focus,
        html:not([dark]) input[type=submit][data-v-498b5b0a]:focus,
        html:not([dark]) input[type=button][data-v-498b5b0a]:focus,
        html:not([dark]) input[type=reset][data-v-498b5b0a]:focus,
        html:not([dark]) a[data-v-498b5b0a] {
            outline: none
        }

        html:not([dark]) .blu-button[data-v-498b5b0a] {
            --blu-button-border-width: 1px;
            --blu-button-border-radius: 64px;
            --blu-button-color-text: #ffffff;
            --blu-button-color-icon: #ffffff;
            --blu-button-opacity: $blu-button-opacity;
            --blu-button-size-height: 48px;
            --blu-button-icon-size: 24px;
            --blu-button-spacing-padding: 0 32px;
            --blu-button-spacing-gap: 8px;
            --blu-button-text: 600 16px/20px Blibli, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif;
            padding: var(--blu-button-spacing-padding);
            height: var(--blu-button-size-height);
            border-radius: var(--blu-button-border-radius);
            transition: transform .3s .08s, all .3s;
            color: var(--blu-button-color-text);
            background-color: var(--blu-button-color-background);
            font: var(--blu-button-text);
            box-shadow: 0 0 0 var(--blu-button-border-width) var(--blu-button-color-border);
            display: inline-flex;
            justify-content: center;
            align-items: center;
            white-space: nowrap
        }

        html:not([dark]) .blu-button[data-v-498b5b0a]:active:hover:not(.b-disabled),
        html:not([dark]) .blu-button:active.b-hover[data-v-498b5b0a]:not(.b-disabled) {
            transform: scale(.875)
        }

        html:not([dark]) .blu-button[data-v-498b5b0a]:focus-visible {
            outline: none
        }

        html:not([dark]) .blu-button[data-v-498b5b0a]:focus-visible:not(.b-disabled) {
            box-shadow: 0 0 0 2px #19222a
        }

        html:not([dark]) .blu-button__icon[data-v-498b5b0a] {
            display: flex;
            color: var(--blu-button-color-icon)
        }

        html:not([dark]) .blu-button__icon[data-v-498b5b0a] svg {
            width: var(--blu-button-icon-size);
            height: var(--blu-button-icon-size)
        }

        html:not([dark]) .blu-button.b-has-icon:not(.b-has-icon-only) .blu-button__icon[data-v-498b5b0a] {
            margin-right: var(--blu-button-spacing-gap)
        }

        html:not([dark]) .blu-button.b-has-icon-only[data-v-498b5b0a] {
            --blu-button-spacing-padding: 0 12px
        }

        html:not([dark]) .blu-button.b-loading[data-v-498b5b0a] .blu-loader-wrapper svg {
            display: flex;
            width: 18px;
            height: 18px
        }

        html:not([dark]) .blu-button.b-disabled[data-v-498b5b0a] {
            cursor: not-allowed
        }

        html:not([dark]) .blu-button.b-disabled[data-v-498b5b0a]:active {
            pointer-events: none
        }

        html:not([dark]) .blu-button.b-full-width[data-v-498b5b0a] {
            width: 100%
        }

        html:not([dark]) .blu-button.b-primary.b-common[data-v-498b5b0a] {
            --blu-button-color-background: #a58d33
        }

        html:not([dark]) .blu-button.b-primary.b-common.b-hover[data-v-498b5b0a]:not(.b-disabled),
        html:not([dark]) .blu-button.b-primary.b-common[data-v-498b5b0a]:hover:not(.b-disabled),
        html:not([dark]) .blu-button.b-primary.b-common[data-v-498b5b0a]:active:not(.b-disabled),
        html:not([dark]) .blu-button.b-primary.b-common[data-v-498b5b0a]:focus-visible:not(.b-disabled) {
            --blu-button-color-background: #1d8fff;
            --blu-button-color-border: transparent
        }

        html:not([dark]) .blu-button.b-primary.b-danger[data-v-498b5b0a] {
            --blu-button-color-background: #e93c3c
        }

        html:not([dark]) .blu-button.b-primary.b-danger.b-hover[data-v-498b5b0a]:not(.b-disabled),
        html:not([dark]) .blu-button.b-primary.b-danger[data-v-498b5b0a]:hover:not(.b-disabled),
        html:not([dark]) .blu-button.b-primary.b-danger[data-v-498b5b0a]:active:not(.b-disabled),
        html:not([dark]) .blu-button.b-primary.b-danger[data-v-498b5b0a]:focus-visible:not(.b-disabled) {
            --blu-button-color-background: #ff4646;
            --blu-button-color-border: transparent
        }

        html:not([dark]) .blu-button.b-primary.b-inverted[data-v-498b5b0a] {
            --blu-button-color-background: #ffffff;
            --blu-button-color-text: #ac8221;
            --blu-button-color-icon: #a58d33
        }

        html:not([dark]) .blu-button.b-primary.b-inverted.b-hover[data-v-498b5b0a]:not(.b-disabled),
        html:not([dark]) .blu-button.b-primary.b-inverted[data-v-498b5b0a]:hover:not(.b-disabled),
        html:not([dark]) .blu-button.b-primary.b-inverted[data-v-498b5b0a]:active:not(.b-disabled),
        html:not([dark]) .blu-button.b-primary.b-inverted[data-v-498b5b0a]:focus-visible:not(.b-disabled) {
            --blu-button-color-background: #f9f9fa;
            --blu-button-color-border: transparent
        }

        html:not([dark]) .blu-button.b-primary.b-disabled[data-v-498b5b0a] {
            --blu-button-color-background: #e1e3e4;
            --blu-button-color-text: rgba(25, 34, 42, .3019607843);
            --blu-button-color-icon: rgba(25, 34, 42, .3019607843)
        }

        html:not([dark]) .blu-button.b-primary.b-disabled[data-v-498b5b0a]:not(.b-inverted) {
            --blu-button-color-background: #e1e3e4;
            --blu-button-color-text: rgba(25, 34, 42, .3019607843);
            --blu-button-color-icon: rgba(25, 34, 42, .3019607843)
        }

        html:not([dark]) .blu-button.b-small[data-v-498b5b0a] {
            --blu-button-border-radius: 64px;
            --blu-button-size-height: 36px;
            --blu-button-spacing-padding: 0 16px;
            --blu-button-text: 600 14px/18px Blibli, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif;
            --blu-button-icon-size: 18px;
            --blu-button-spacing-gap: 4px
        }

        html:not([dark]) .blu-button.b-small.b-has-icon-only[data-v-498b5b0a] {
            --blu-button-spacing-padding: 0 9px
        }

        html:not([dark]) .blu-button.b-secondary[data-v-498b5b0a] {
            --blu-button-color-background: #ffffff
        }

        html:not([dark]) .blu-button.b-secondary.b-common[data-v-498b5b0a] {
            --blu-button-color-border: #1d8fff;
            --blu-button-color-text: #ac8221;
            --blu-button-color-icon: #a58d33
        }

        html:not([dark]) .blu-button.b-secondary.b-common.b-hover[data-v-498b5b0a]:not(.b-disabled),
        html:not([dark]) .blu-button.b-secondary.b-common[data-v-498b5b0a]:hover:not(.b-disabled),
        html:not([dark]) .blu-button.b-secondary.b-common[data-v-498b5b0a]:active:not(.b-disabled),
        html:not([dark]) .blu-button.b-secondary.b-common[data-v-498b5b0a]:focus-visible:not(.b-disabled) {
            --blu-button-color-background: #f3f9ff;
            --blu-button-color-border: #a58d33
        }

        html:not([dark]) .blu-button.b-secondary.b-danger[data-v-498b5b0a] {
            --blu-button-color-border: #ff4646;
            --blu-button-color-text: #d33534;
            --blu-button-color-icon: #e93c3c
        }

        html:not([dark]) .blu-button.b-secondary.b-danger.b-hover[data-v-498b5b0a]:not(.b-disabled),
        html:not([dark]) .blu-button.b-secondary.b-danger[data-v-498b5b0a]:hover:not(.b-disabled),
        html:not([dark]) .blu-button.b-secondary.b-danger[data-v-498b5b0a]:active:not(.b-disabled),
        html:not([dark]) .blu-button.b-secondary.b-danger[data-v-498b5b0a]:focus-visible:not(.b-disabled) {
            --blu-button-color-background: #fff5f5;
            --blu-button-color-border: #e93c3c
        }

        html:not([dark]) .blu-button.b-secondary.b-inverted[data-v-498b5b0a] {
            --blu-button-color-background: rgba(25, 34, 42, .3019607843);
            --blu-button-color-border: #ffffff;
            --blu-button-color-text: #ffffff;
            --blu-button-color-icon: #ffffff
        }

        html:not([dark]) .blu-button.b-secondary.b-inverted.b-hover[data-v-498b5b0a]:not(.b-disabled),
        html:not([dark]) .blu-button.b-secondary.b-inverted[data-v-498b5b0a]:hover:not(.b-disabled),
        html:not([dark]) .blu-button.b-secondary.b-inverted[data-v-498b5b0a]:active:not(.b-disabled),
        html:not([dark]) .blu-button.b-secondary.b-inverted[data-v-498b5b0a]:focus-visible:not(.b-disabled) {
            --blu-button-color-background: rgba(255, 255, 255, .4);
            --blu-button-color-border: #ffffff
        }

        html:not([dark]) .blu-button.b-secondary.b-disabled[data-v-498b5b0a] {
            --blu-button-color-background: #e1e3e4;
            --blu-button-color-border: #c8cbcd;
            --blu-button-color-text: rgba(25, 34, 42, .3019607843);
            --blu-button-color-icon: rgba(25, 34, 42, .3019607843)
        }

        html:not([dark]) .blu-button.b-secondary.b-disabled[data-v-498b5b0a]:not(.b-inverted) {
            --blu-button-color-background: #e1e3e4;
            --blu-button-color-border: #c8cbcd;
            --blu-button-color-text: rgba(25, 34, 42, .3019607843);
            --blu-button-color-icon: rgba(25, 34, 42, .3019607843)
        }

        html:not([dark]) .blu-button[data-v-498b5b0a] {
            width: var(--blu-button-custom-width)
        }

        html:not([dark]) .blu-button.b-tertiary.b-common[data-v-498b5b0a] {
            --blu-button-color-text: #ac8221;
            --blu-button-color-icon: #a58d33
        }

        html:not([dark]) .blu-button.b-tertiary.b-common.b-hover[data-v-498b5b0a]:not(.b-disabled),
        html:not([dark]) .blu-button.b-tertiary.b-common[data-v-498b5b0a]:hover:not(.b-disabled),
        html:not([dark]) .blu-button.b-tertiary.b-common[data-v-498b5b0a]:active:not(.b-disabled),
        html:not([dark]) .blu-button.b-tertiary.b-common[data-v-498b5b0a]:focus-visible:not(.b-disabled) {
            --blu-button-color-background: #f3f9ff;
            --blu-button-color-border: transparent
        }

        html:not([dark]) .blu-button.b-tertiary.b-danger[data-v-498b5b0a] {
            --blu-button-color-text: #d33534;
            --blu-button-color-icon: #e93c3c
        }

        html:not([dark]) .blu-button.b-tertiary.b-danger.b-hover[data-v-498b5b0a]:not(.b-disabled),
        html:not([dark]) .blu-button.b-tertiary.b-danger[data-v-498b5b0a]:hover:not(.b-disabled),
        html:not([dark]) .blu-button.b-tertiary.b-danger[data-v-498b5b0a]:active:not(.b-disabled),
        html:not([dark]) .blu-button.b-tertiary.b-danger[data-v-498b5b0a]:focus-visible:not(.b-disabled) {
            --blu-button-color-background: #fff5f5;
            --blu-button-color-border: transparent
        }

        html:not([dark]) .blu-button.b-tertiary.b-inverted[data-v-498b5b0a] {
            --blu-button-color-text: #ffffff;
            --blu-button-color-icon: #ffffff
        }

        html:not([dark]) .blu-button.b-tertiary.b-inverted.b-hover[data-v-498b5b0a]:not(.b-disabled),
        html:not([dark]) .blu-button.b-tertiary.b-inverted[data-v-498b5b0a]:hover:not(.b-disabled),
        html:not([dark]) .blu-button.b-tertiary.b-inverted[data-v-498b5b0a]:active:not(.b-disabled),
        html:not([dark]) .blu-button.b-tertiary.b-inverted[data-v-498b5b0a]:focus-visible:not(.b-disabled) {
            --blu-button-color-background: rgba(255, 255, 255, .4);
            --blu-button-color-border: transparent
        }

        html:not([dark]) .blu-button.b-tertiary.b-disabled[data-v-498b5b0a] {
            --blu-button-color-text: rgba(255, 255, 255, .4);
            --blu-button-color-icon: rgba(255, 255, 255, .4)
        }

        html:not([dark]) .blu-button.b-tertiary.b-disabled[data-v-498b5b0a]:not(.b-inverted) {
            --blu-button-color-text: rgba(25, 34, 42, .3019607843);
            --blu-button-color-icon: rgba(25, 34, 42, .3019607843)
        }

        html:not([dark]) a[data-v-498b5b0a] {
            text-decoration: none
        }

        html[dark] button[data-v-498b5b0a] {
            border: none;
            background: none;
            cursor: pointer;
            font-family: Blibli, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif;
            padding: 0
        }

        html[dark] input[type=submit][data-v-498b5b0a]::-moz-focus-inner,
        html[dark] input[type=button][data-v-498b5b0a]::-moz-focus-inner {
            border: 0px
        }

        html[dark] button[data-v-498b5b0a]:focus,
        html[dark] input[type=submit][data-v-498b5b0a]:focus,
        html[dark] input[type=button][data-v-498b5b0a]:focus,
        html[dark] input[type=reset][data-v-498b5b0a]:focus,
        html[dark] a[data-v-498b5b0a] {
            outline: none
        }

        html[dark] .blu-button[data-v-498b5b0a] {
            --blu-button-border-width: 1px;
            --blu-button-border-radius: 64px;
            --blu-button-color-text: #ffffff;
            --blu-button-color-icon: #ffffff;
            --blu-button-opacity: $blu-button-opacity;
            --blu-button-size-height: 48px;
            --blu-button-icon-size: 24px;
            --blu-button-spacing-padding: 0 32px;
            --blu-button-spacing-gap: 8px;
            --blu-button-text: 600 16px/20px Blibli, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif;
            padding: var(--blu-button-spacing-padding);
            height: var(--blu-button-size-height);
            border-radius: var(--blu-button-border-radius);
            transition: transform .3s .08s, all .3s;
            color: var(--blu-button-color-text);
            background-color: var(--blu-button-color-background);
            font: var(--blu-button-text);
            box-shadow: 0 0 0 var(--blu-button-border-width) var(--blu-button-color-border);
            display: inline-flex;
            justify-content: center;
            align-items: center;
            white-space: nowrap
        }

        html[dark] .blu-button[data-v-498b5b0a]:active:hover:not(.b-disabled),
        html[dark] .blu-button:active.b-hover[data-v-498b5b0a]:not(.b-disabled) {
            transform: scale(.875)
        }

        html[dark] .blu-button[data-v-498b5b0a]:focus-visible {
            outline: none
        }

        html[dark] .blu-button[data-v-498b5b0a]:focus-visible:not(.b-disabled) {
            box-shadow: 0 0 0 2px #f9f9fa
        }

        html[dark] .blu-button__icon[data-v-498b5b0a] {
            display: flex;
            color: var(--blu-button-color-icon)
        }

        html[dark] .blu-button__icon[data-v-498b5b0a] svg {
            width: var(--blu-button-icon-size);
            height: var(--blu-button-icon-size)
        }

        html[dark] .blu-button.b-has-icon:not(.b-has-icon-only) .blu-button__icon[data-v-498b5b0a] {
            margin-right: var(--blu-button-spacing-gap)
        }

        html[dark] .blu-button.b-has-icon-only[data-v-498b5b0a] {
            --blu-button-spacing-padding: 0 12px
        }

        html[dark] .blu-button.b-loading[data-v-498b5b0a] .blu-loader-wrapper svg {
            display: flex;
            width: 18px;
            height: 18px
        }

        html[dark] .blu-button.b-disabled[data-v-498b5b0a] {
            cursor: not-allowed
        }

        html[dark] .blu-button.b-disabled[data-v-498b5b0a]:active {
            pointer-events: none
        }

        html[dark] .blu-button.b-full-width[data-v-498b5b0a] {
            width: 100%
        }

        html[dark] .blu-button.b-primary.b-common[data-v-498b5b0a] {
            --blu-button-color-background: #a58d33
        }

        html[dark] .blu-button.b-primary.b-common.b-hover[data-v-498b5b0a]:not(.b-disabled),
        html[dark] .blu-button.b-primary.b-common[data-v-498b5b0a]:hover:not(.b-disabled),
        html[dark] .blu-button.b-primary.b-common[data-v-498b5b0a]:active:not(.b-disabled),
        html[dark] .blu-button.b-primary.b-common[data-v-498b5b0a]:focus-visible:not(.b-disabled) {
            --blu-button-color-background: #1d8fff;
            --blu-button-color-border: transparent
        }

        html[dark] .blu-button.b-primary.b-danger[data-v-498b5b0a] {
            --blu-button-color-background: #e93c3c
        }

        html[dark] .blu-button.b-primary.b-danger.b-hover[data-v-498b5b0a]:not(.b-disabled),
        html[dark] .blu-button.b-primary.b-danger[data-v-498b5b0a]:hover:not(.b-disabled),
        html[dark] .blu-button.b-primary.b-danger[data-v-498b5b0a]:active:not(.b-disabled),
        html[dark] .blu-button.b-primary.b-danger[data-v-498b5b0a]:focus-visible:not(.b-disabled) {
            --blu-button-color-background: #ff4646;
            --blu-button-color-border: transparent
        }

        html[dark] .blu-button.b-primary.b-inverted[data-v-498b5b0a] {
            --blu-button-color-background: #12171d;
            --blu-button-color-text: #4fa4ff;
            --blu-button-color-icon: #4fa4ff
        }

        html[dark] .blu-button.b-primary.b-inverted.b-hover[data-v-498b5b0a]:not(.b-disabled),
        html[dark] .blu-button.b-primary.b-inverted[data-v-498b5b0a]:hover:not(.b-disabled),
        html[dark] .blu-button.b-primary.b-inverted[data-v-498b5b0a]:active:not(.b-disabled),
        html[dark] .blu-button.b-primary.b-inverted[data-v-498b5b0a]:focus-visible:not(.b-disabled) {
            --blu-button-color-background: #19222a;
            --blu-button-color-border: transparent
        }

        html[dark] .blu-button.b-primary.b-disabled[data-v-498b5b0a] {
            --blu-button-color-background: #3b444c;
            --blu-button-color-text: rgba(255, 255, 255, .3019607843);
            --blu-button-color-icon: rgba(255, 255, 255, .3019607843)
        }

        html[dark] .blu-button.b-primary.b-disabled[data-v-498b5b0a]:not(.b-inverted) {
            --blu-button-color-background: #3b444c;
            --blu-button-color-text: rgba(255, 255, 255, .3019607843);
            --blu-button-color-icon: rgba(255, 255, 255, .3019607843)
        }

        html[dark] .blu-button.b-small[data-v-498b5b0a] {
            --blu-button-border-radius: 64px;
            --blu-button-size-height: 36px;
            --blu-button-spacing-padding: 0 16px;
            --blu-button-text: 600 14px/18px Blibli, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif;
            --blu-button-icon-size: 18px;
            --blu-button-spacing-gap: 4px
        }

        html[dark] .blu-button.b-small.b-has-icon-only[data-v-498b5b0a] {
            --blu-button-spacing-padding: 0 9px
        }

        html[dark] .blu-button.b-secondary[data-v-498b5b0a] {
            --blu-button-color-background: #12171d
        }

        html[dark] .blu-button.b-secondary.b-common[data-v-498b5b0a] {
            --blu-button-color-border: #4fa4ff;
            --blu-button-color-text: #4fa4ff;
            --blu-button-color-icon: #4fa4ff
        }

        html[dark] .blu-button.b-secondary.b-common.b-hover[data-v-498b5b0a]:not(.b-disabled),
        html[dark] .blu-button.b-secondary.b-common[data-v-498b5b0a]:hover:not(.b-disabled),
        html[dark] .blu-button.b-secondary.b-common[data-v-498b5b0a]:active:not(.b-disabled),
        html[dark] .blu-button.b-secondary.b-common[data-v-498b5b0a]:focus-visible:not(.b-disabled) {
            --blu-button-color-background: #002e7a;
            --blu-button-color-border: #4fa4ff
        }

        html[dark] .blu-button.b-secondary.b-danger[data-v-498b5b0a] {
            --blu-button-color-border: #ff7373;
            --blu-button-color-text: #ff7373;
            --blu-button-color-icon: #ff7373
        }

        html[dark] .blu-button.b-secondary.b-danger.b-hover[data-v-498b5b0a]:not(.b-disabled),
        html[dark] .blu-button.b-secondary.b-danger[data-v-498b5b0a]:hover:not(.b-disabled),
        html[dark] .blu-button.b-secondary.b-danger[data-v-498b5b0a]:active:not(.b-disabled),
        html[dark] .blu-button.b-secondary.b-danger[data-v-498b5b0a]:focus-visible:not(.b-disabled) {
            --blu-button-color-background: #631818;
            --blu-button-color-border: #ff7373
        }

        html[dark] .blu-button.b-secondary.b-inverted[data-v-498b5b0a] {
            --blu-button-color-background: rgba(255, 255, 255, .3019607843);
            --blu-button-color-border: #12171d;
            --blu-button-color-text: #12171d;
            --blu-button-color-icon: #12171d
        }

        html[dark] .blu-button.b-secondary.b-inverted.b-hover[data-v-498b5b0a]:not(.b-disabled),
        html[dark] .blu-button.b-secondary.b-inverted[data-v-498b5b0a]:hover:not(.b-disabled),
        html[dark] .blu-button.b-secondary.b-inverted[data-v-498b5b0a]:active:not(.b-disabled),
        html[dark] .blu-button.b-secondary.b-inverted[data-v-498b5b0a]:focus-visible:not(.b-disabled) {
            --blu-button-color-background: rgba(18, 23, 29, .4);
            --blu-button-color-border: #12171d
        }

        html[dark] .blu-button.b-secondary.b-disabled[data-v-498b5b0a] {
            --blu-button-color-background: #3b444c;
            --blu-button-color-border: #60686e;
            --blu-button-color-text: rgba(255, 255, 255, .3019607843);
            --blu-button-color-icon: rgba(255, 255, 255, .3019607843)
        }

        html[dark] .blu-button.b-secondary.b-disabled[data-v-498b5b0a]:not(.b-inverted) {
            --blu-button-color-background: #3b444c;
            --blu-button-color-border: #60686e;
            --blu-button-color-text: rgba(255, 255, 255, .3019607843);
            --blu-button-color-icon: rgba(255, 255, 255, .3019607843)
        }

        html[dark] .blu-button[data-v-498b5b0a] {
            width: var(--blu-button-custom-width)
        }

        html[dark] .blu-button.b-tertiary.b-common[data-v-498b5b0a] {
            --blu-button-color-text: #4fa4ff;
            --blu-button-color-icon: #4fa4ff
        }

        html[dark] .blu-button.b-tertiary.b-common.b-hover[data-v-498b5b0a]:not(.b-disabled),
        html[dark] .blu-button.b-tertiary.b-common[data-v-498b5b0a]:hover:not(.b-disabled),
        html[dark] .blu-button.b-tertiary.b-common[data-v-498b5b0a]:active:not(.b-disabled),
        html[dark] .blu-button.b-tertiary.b-common[data-v-498b5b0a]:focus-visible:not(.b-disabled) {
            --blu-button-color-background: #002e7a;
            --blu-button-color-border: transparent
        }

        html[dark] .blu-button.b-tertiary.b-danger[data-v-498b5b0a] {
            --blu-button-color-text: #ff7373;
            --blu-button-color-icon: #ff7373
        }

        html[dark] .blu-button.b-tertiary.b-danger.b-hover[data-v-498b5b0a]:not(.b-disabled),
        html[dark] .blu-button.b-tertiary.b-danger[data-v-498b5b0a]:hover:not(.b-disabled),
        html[dark] .blu-button.b-tertiary.b-danger[data-v-498b5b0a]:active:not(.b-disabled),
        html[dark] .blu-button.b-tertiary.b-danger[data-v-498b5b0a]:focus-visible:not(.b-disabled) {
            --blu-button-color-background: #631818;
            --blu-button-color-border: transparent
        }

        html[dark] .blu-button.b-tertiary.b-inverted[data-v-498b5b0a] {
            --blu-button-color-text: #12171d;
            --blu-button-color-icon: #12171d
        }

        html[dark] .blu-button.b-tertiary.b-inverted.b-hover[data-v-498b5b0a]:not(.b-disabled),
        html[dark] .blu-button.b-tertiary.b-inverted[data-v-498b5b0a]:hover:not(.b-disabled),
        html[dark] .blu-button.b-tertiary.b-inverted[data-v-498b5b0a]:active:not(.b-disabled),
        html[dark] .blu-button.b-tertiary.b-inverted[data-v-498b5b0a]:focus-visible:not(.b-disabled) {
            --blu-button-color-background: rgba(18, 23, 29, .4);
            --blu-button-color-border: transparent
        }

        html[dark] .blu-button.b-tertiary.b-disabled[data-v-498b5b0a] {
            --blu-button-color-text: rgba(18, 23, 29, .4);
            --blu-button-color-icon: rgba(18, 23, 29, .4)
        }

        html[dark] .blu-button.b-tertiary.b-disabled[data-v-498b5b0a]:not(.b-inverted) {
            --blu-button-color-text: rgba(255, 255, 255, .3019607843);
            --blu-button-color-icon: rgba(255, 255, 255, .3019607843)
        }

        html[dark] a[data-v-498b5b0a] {
            text-decoration: none
        }
    </style>
    <style>
        html:not([dark]) .blu-badge[data-v-4cd4e6d8] {
            --blu-badge-color-text: #ffffff;
            --blu-badge-color-border: #ffffff;
            --blu-badge-text: 600 12px/16px Blibli, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif;
            --blu-badge-border-radius: 4px;
            --blu-badge-border-width: 1px;
            --blu-badge-padding: 0 4px 1px;
            font: var(--blu-badge-text);
            border-radius: var(--blu-badge-border-radius);
            box-shadow: 0 0 0 var(--blu-badge-border-width) var(--blu-badge-color-border);
            padding: var(--blu-badge-padding);
            display: inline-flex;
            box-sizing: border-box;
            justify-content: center;
            align-items: center;
            line-height: 15px;
            max-height: 16px;
            white-space: nowrap
        }

        html:not([dark]) .blu-badge[data-v-4cd4e6d8] svg {
            display: flex;
            width: 12px;
            height: 12px;
            color: var(--blu-badge-item-leading-color-icon)
        }

        html:not([dark]) .blu-badge *[data-v-4cd4e6d8]:not(:last-child) {
            margin-right: 2px
        }

        html:not([dark]) .blu-badge[data-v-4cd4e6d8]:not(.b-dot) {
            min-width: 16px
        }

        html:not([dark]) .blu-badge.b-dot[data-v-4cd4e6d8] {
            --blu-badge-size: 8px;
            width: var(--blu-badge-size);
            height: var(--blu-badge-size)
        }

        html:not([dark]) .blu-badge[data-v-4cd4e6d8]:not(.b-secondary) {
            --blu-badge-item-leading-color-icon: var(--blu-badge-color-icon);
            color: var(--blu-badge-color-text);
            background-color: var(--blu-badge-color-background)
        }

        html:not([dark]) .blu-badge.b-secondary[data-v-4cd4e6d8] {
            --blu-badge-item-leading-color-icon: var(--blu-badge-color-icon-low);
            color: var(--blu-badge-color-text-low);
            background-color: var(--blu-badge-color-background-low)
        }

        html:not([dark]) .blu-badge.b-blue[data-v-4cd4e6d8] {
            --blu-badge-color-background-low: #e1f1ff;
            --blu-badge-color-background: #1d8fff;
            --blu-badge-color-text-low: #ac8221;
            --blu-badge-color-icon-low: #a58d33;
            --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: #ac8221;
            --blu-badge-color-icon-low: rgba(25, 34, 42, .4);
            --blu-badge-color-icon: #a58d33
        }

        html:not([dark]) .blu-badge.b-notification[data-v-4cd4e6d8] {
            --blu-badge-border-radius: 8px
        }

        html:not([dark]) .blu-badge.b-tooltip[data-v-4cd4e6d8] {
            cursor: pointer
        }

        html[dark] .blu-badge[data-v-4cd4e6d8] {
            --blu-badge-color-text: #ffffff;
            --blu-badge-color-border: #12171d;
            --blu-badge-text: 600 12px/16px Blibli, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif;
            --blu-badge-border-radius: 4px;
            --blu-badge-border-width: 1px;
            --blu-badge-padding: 0 4px 1px;
            font: var(--blu-badge-text);
            border-radius: var(--blu-badge-border-radius);
            box-shadow: 0 0 0 var(--blu-badge-border-width) var(--blu-badge-color-border);
            padding: var(--blu-badge-padding);
            display: inline-flex;
            box-sizing: border-box;
            justify-content: center;
            align-items: center;
            line-height: 15px;
            max-height: 16px;
            white-space: nowrap
        }

        html[dark] .blu-badge[data-v-4cd4e6d8] svg {
            display: flex;
            width: 12px;
            height: 12px;
            color: var(--blu-badge-item-leading-color-icon)
        }

        html[dark] .blu-badge *[data-v-4cd4e6d8]:not(:last-child) {
            margin-right: 2px
        }

        html[dark] .blu-badge[data-v-4cd4e6d8]:not(.b-dot) {
            min-width: 16px
        }

        html[dark] .blu-badge.b-dot[data-v-4cd4e6d8] {
            --blu-badge-size: 8px;
            width: var(--blu-badge-size);
            height: var(--blu-badge-size)
        }

        html[dark] .blu-badge[data-v-4cd4e6d8]:not(.b-secondary) {
            --blu-badge-item-leading-color-icon: var(--blu-badge-color-icon);
            color: var(--blu-badge-color-text);
            background-color: var(--blu-badge-color-background)
        }

        html[dark] .blu-badge.b-secondary[data-v-4cd4e6d8] {
            --blu-badge-item-leading-color-icon: var(--blu-badge-color-icon-low);
            color: var(--blu-badge-color-text-low);
            background-color: var(--blu-badge-color-background-low)
        }

        html[dark] .blu-badge.b-blue[data-v-4cd4e6d8] {
            --blu-badge-color-background-low: #0046aa;
            --blu-badge-color-background: #1d8fff;
            --blu-badge-color-text-low: #4fa4ff;
            --blu-badge-color-icon-low: #4fa4ff;
            --blu-badge-color-icon: #ffffff
        }

        html[dark] .blu-badge.b-yellow[data-v-4cd4e6d8] {
            --blu-badge-color-background-low: #ffe6ce;
            --blu-badge-color-background: #ff7f00;
            --blu-badge-color-text-low: #dc5300;
            --blu-badge-color-icon-low: #f05a00;
            --blu-badge-color-icon: #ffffff
        }

        html[dark] .blu-badge.b-red[data-v-4cd4e6d8] {
            --blu-badge-color-background-low: #8d2221;
            --blu-badge-color-background: #ff4646;
            --blu-badge-color-text-low: #ff7373;
            --blu-badge-color-icon-low: #ff7373;
            --blu-badge-color-icon: #ffffff
        }

        html[dark] .blu-badge.b-green[data-v-4cd4e6d8] {
            --blu-badge-color-background-low: #13561c;
            --blu-badge-color-background: #22a334;
            --blu-badge-color-text-low: #02c82b;
            --blu-badge-color-icon-low: #02c82b;
            --blu-badge-color-icon: #ffffff
        }

        html[dark] .blu-badge.b-purple[data-v-4cd4e6d8] {
            --blu-badge-color-background-low: #fddef0;
            --blu-badge-color-background: #ff0f9d;
            --blu-badge-color-text-low: #834bee;
            --blu-badge-color-icon-low: #834bee;
            --blu-badge-color-icon: #12171d
        }

        html[dark] .blu-badge.b-magenta[data-v-4cd4e6d8] {
            --blu-badge-color-background-low: #fddef0;
            --blu-badge-color-background: #ff0f9d;
            --blu-badge-color-text-low: #ff0f9d;
            --blu-badge-color-icon-low: #ff0f9d;
            --blu-badge-color-icon: #12171d
        }

        html[dark] .blu-badge.b-gray[data-v-4cd4e6d8] {
            --blu-badge-color-background-low: #28323b;
            --blu-badge-color-background: #f1f2f2;
            --blu-badge-color-text-low: rgba(255, 255, 255, .8);
            --blu-badge-color-text: #12171d;
            --blu-badge-color-icon-low: rgba(255, 255, 255, .8);
            --blu-badge-color-icon: #12171d
        }

        html[dark] .blu-badge.b-invert[data-v-4cd4e6d8] {
            --blu-badge-color-background-low: #12171d;
            --blu-badge-color-background: #12171d;
            --blu-badge-color-text-low: rgba(255, 255, 255, .5019607843);
            --blu-badge-color-text: #4fa4ff;
            --blu-badge-color-icon-low: rgba(255, 255, 255, .5019607843);
            --blu-badge-color-icon: #4fa4ff
        }

        html[dark] .blu-badge.b-notification[data-v-4cd4e6d8] {
            --blu-badge-border-radius: 8px
        }

        html[dark] .blu-badge.b-tooltip[data-v-4cd4e6d8] {
            cursor: pointer
        }
    </style>
    <style>
        html:not([dark]) .blu-image[data-v-54bc976c] {
            --blu-responsive-image-shadow: 0 1px 6px 0 rgba(0, 0, 0, .1019607843);
            --blu-responsive-image-background: #ffffff;
            --blu-responsive-image-width: 100%;
            --blu-responsive-image-height: 100%;
            --blu-responsive-image-radius: 8px;
            --blu-responsive-image-ratio: 1;
            position: relative;
            overflow: hidden;
            width: var(--blu-responsive-image-width);
            aspect-ratio: var(--blu-responsive-image-ratio);
            background-color: var(--blu-responsive-image-background)
        }

        html:not([dark]) .blu-image__main[data-v-54bc976c] {
            object-fit: contain;
            width: var(--blu-responsive-image-width);
            height: var(--blu-responsive-image-height)
        }

        html:not([dark]) .blu-image.b-shadow[data-v-54bc976c] {
            box-shadow: var(--blu-responsive-image-shadow)
        }

        html:not([dark]) .blu-image.b-radius[data-v-54bc976c] {
            border-radius: var(--blu-responsive-image-radius)
        }

        html:not([dark]) .blu-image.b-mask[data-v-54bc976c] {
            background-repeat: no-repeat;
            background-size: cover;
            background-position: center
        }

        html[dark] .blu-image[data-v-54bc976c] {
            --blu-responsive-image-shadow: inset 0 0 0 30000px rgba(109, 220, 255, .1019607843);
            --blu-responsive-image-background: #12171d;
            --blu-responsive-image-width: 100%;
            --blu-responsive-image-height: 100%;
            --blu-responsive-image-radius: 8px;
            --blu-responsive-image-ratio: 1;
            position: relative;
            overflow: hidden;
            width: var(--blu-responsive-image-width);
            aspect-ratio: var(--blu-responsive-image-ratio);
            background-color: var(--blu-responsive-image-background)
        }

        html[dark] .blu-image__main[data-v-54bc976c] {
            object-fit: contain;
            width: var(--blu-responsive-image-width);
            height: var(--blu-responsive-image-height)
        }

        html[dark] .blu-image.b-shadow[data-v-54bc976c] {
            box-shadow: var(--blu-responsive-image-shadow)
        }

        html[dark] .blu-image.b-radius[data-v-54bc976c] {
            border-radius: var(--blu-responsive-image-radius)
        }

        html[dark] .blu-image.b-mask[data-v-54bc976c] {
            background-repeat: no-repeat;
            background-size: cover;
            background-position: center
        }
    </style>
    <style>
        html:not([dark]) .blu-product-badge[data-v-5f0401da] {
            --blu-product-badge-border: 1px solid #ffffff;
            --blu-product-badge-border-countdown-promo: 1px solid #e93c3c;
            --blu-product-badge-border-countdown-flash-sale: 1px solid #f05a00;
            --blu-product-badge-border-radius: 4px;
            --blu-product-badge-border-radius-countdown: 4px;
            --blu-product-badge-border-radius-countdown-icon: 4px;
            --blu-product-badge-font: 600 12px/16px Blibli, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif;
            --blu-product-badge-opacity: 1;
            --blu-product-badge-text-shadow: 0 0 1px #19222a;
            --blu-product-badge-padding: 0 4px;
            --blu-product-badge-padding-countdown: 0px 4px 0px 0px;
            --blu-product-badge-padding-countdown-icon: 0px 4px;
            --blu-product-badge-spacing: 2px;
            --blu-product-badge-icon-margin-countdown: 3px;
            --blu-product-badge-background-color-blue: #09acde;
            --blu-product-badge-background-color-light-blue: #f3f9ff;
            --blu-product-badge-background-color-green: #22a334;
            --blu-product-badge-background-color-gray: #e1e3e4;
            --blu-product-badge-background-color-light-gray: #f9f9fa;
            --blu-product-badge-background-color-dark-gray: rgba(0, 0, 0, .6);
            --blu-product-badge-background-color-orange: #ff7f00;
            --blu-product-badge-background-color-magenta: #ff0f9d;
            --blu-product-badge-background-color-red: #d33534;
            --blu-product-badge-background-color-light-red: #ff7373;
            --blu-product-badge-background-color-white: #ffffff;
            --blu-product-badge-background-color-yellow: #f1ab02;
            --blu-product-badge-background-color-pre-order-gray-med: #f1f2f2;
            --blu-product-badge-background-color-promo-blue: #f3f9ff;
            --blu-product-badge-background-color-promo-green: #effcf0;
            --blu-product-badge-background-color-promo-gray: #f1f2f2;
            --blu-product-badge-background-color-countdown-promo-red: #e93c3c;
            --blu-product-badge-background-color-countdown-flash-sale-orange: #f05a00;
            --blu-product-badge-color-countdown-flash-sale-orange-icon: #f05a00;
            --blu-product-badge-color-blue: #ac8221;
            --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: #ac8221;
            --blu-product-badge-color-promo-green: #1c832a;
            --blu-product-badge-color-promo-gray: rgba(25, 34, 42, .7019607843);
            --blu-product-badge-color-promo-orange: #ff7f00;
            --blu-product-badge-color-promo-red: #d33534;
            --blu-product-badge-color-flashsale-gray: rgba(25, 34, 42, .7019607843);
            --blu-product-badge-color-flashsale-orange: #f05a00;
            --blu-product-badge-color-flashsale-red: #d33534;
            --blu-product-badge-color-countdown-promo-red: #d33534;
            --blu-product-badge-pseudo-element-border-promo-blue: 100%;
            --blu-product-badge-pseudo-element-height-promo-blue: 7.5px;
            --blu-product-badge-pseudo-element-position-bottom-promo-blue: 50%;
            --blu-product-badge-pseudo-element-position-left-promo-blue: -3px;
            --blu-product-badge-pseudo-element-position-right-promo-blue: -3px;
            --blu-product-badge-pseudo-element-width-promo-blue: 6px;
            display: inline-flex;
            align-items: flex-start;
            font: var(--blu-product-badge-font);
            width: fit-content;
            border-radius: var(--blu-product-badge-border-radius);
            padding: var(--blu-product-badge-padding);
            opacity: var(--blu-product-badge-opacity)
        }

        html:not([dark]) .blu-product-badge[data-v-5f0401da]>:not(:last-child) {
            margin-right: var(--blu-product-badge-spacing)
        }

        html:not([dark]) .blu-product-badge.b-ads[data-v-5f0401da] {
            background-color: transparent;
            color: var(--blu-product-badge-color-white);
            border: none;
            text-shadow: var(--blu-product-badge-text-shadow);
            --blu-product-badge-opacity: .47;
            --blu-product-badge-font: 500 12px/16px Blibli, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif
        }

        html:not([dark]) .blu-product-badge.b-best-seller[data-v-5f0401da] {
            background-color: var(--blu-product-badge-background-color-yellow);
            color: var(--blu-product-badge-color-white);
            border: var(--blu-product-badge-border)
        }

        html:not([dark]) .blu-product-badge.b-blibli-choice[data-v-5f0401da] {
            background-color: var(--blu-product-badge-background-color-blue);
            color: var(--blu-product-badge-color-white);
            border: var(--blu-product-badge-border)
        }

        html:not([dark]) .blu-product-badge.b-coming-soon[data-v-5f0401da] {
            background-color: var(--blu-product-badge-background-color-magenta);
            color: var(--blu-product-badge-color-white);
            border: var(--blu-product-badge-border)
        }

        html:not([dark]) .blu-product-badge.b-discount[data-v-5f0401da] {
            background-color: var(--blu-product-badge-background-color-red);
            color: var(--blu-product-badge-color-white);
            border: var(--blu-product-badge-border)
        }

        html:not([dark]) .blu-product-badge.b-exclusive[data-v-5f0401da] {
            background-color: var(--blu-product-badge-background-color-dark-gray);
            color: var(--blu-product-badge-color-white);
            border: var(--blu-product-badge-border)
        }

        html:not([dark]) .blu-product-badge.b-fresh-product[data-v-5f0401da] {
            background-color: var(--blu-product-badge-background-color-light-blue);
            color: var(--blu-product-badge-color-blue);
            border: var(--blu-product-badge-border)
        }

        html:not([dark]) .blu-product-badge.b-newest[data-v-5f0401da] {
            background-color: var(--blu-product-badge-background-color-green);
            color: var(--blu-product-badge-color-white);
            border: var(--blu-product-badge-border)
        }

        html:not([dark]) .blu-product-badge.b-currently-closed[data-v-5f0401da] {
            background-color: var(--blu-product-badge-background-color-light-gray);
            color: var(--blu-product-badge-color-light-gray);
            border: var(--blu-product-badge-border)
        }

        html:not([dark]) .blu-product-badge.b-out-of-stock[data-v-5f0401da] {
            background-color: var(--blu-product-badge-background-color-gray);
            color: var(--blu-product-badge-color-gray);
            border: var(--blu-product-badge-border)
        }

        html:not([dark]) .blu-product-badge.b-product-left[data-v-5f0401da] {
            background-color: var(--blu-product-badge-background-color-light-red);
            color: var(--blu-product-badge-color-white);
            border: var(--blu-product-badge-border)
        }

        html:not([dark]) .blu-product-badge.b-top-product[data-v-5f0401da] {
            background-color: var(--blu-product-badge-background-color-orange);
            color: var(--blu-product-badge-color-white);
            border: var(--blu-product-badge-border)
        }

        html:not([dark]) .blu-product-badge.b-pre-order[data-v-5f0401da] {
            background-color: var(--blu-product-badge-background-color-pre-order-gray-med);
            color: var(--blu-product-badge-text-color-pre-oder-gray-med);
            border: var(--blu-product-badge-border)
        }

        html:not([dark]) .blu-product-badge.b-blue[data-v-5f0401da] {
            background-color: var(--blu-product-badge-background-color-promo-blue);
            color: var(--blu-product-badge-color-promo-blue);
            border: none;
            position: relative;
            overflow: hidden;
            --blu-product-badge-padding: 0 6px
        }

        html:not([dark]) .blu-product-badge.b-blue[data-v-5f0401da]:after {
            content: "";
            position: absolute;
            bottom: var(--blu-product-badge-pseudo-element-position-bottom-promo-blue);
            transform: translateY(50%);
            left: var(--blu-product-badge-pseudo-element-position-left-promo-blue);
            width: var(--blu-product-badge-pseudo-element-width-promo-blue);
            height: var(--blu-product-badge-pseudo-element-height-promo-blue);
            border-radius: var(--blu-product-badge-pseudo-element-border-promo-blue);
            background-color: var(--blu-product-badge-background-color-white)
        }

        html:not([dark]) .blu-product-badge.b-blue[data-v-5f0401da]:before {
            content: "";
            position: absolute;
            bottom: var(--blu-product-badge-pseudo-element-position-bottom-promo-blue);
            transform: translateY(50%);
            right: var(--blu-product-badge-pseudo-element-position-right-promo-blue);
            width: var(--blu-product-badge-pseudo-element-width-promo-blue);
            height: var(--blu-product-badge-pseudo-element-height-promo-blue);
            border-radius: var(--blu-product-badge-pseudo-element-border-promo-blue);
            background-color: var(--blu-product-badge-background-color-white)
        }

        html:not([dark]) .blu-product-badge.b-green[data-v-5f0401da] {
            background-color: var(--blu-product-badge-background-color-promo-green);
            color: var(--blu-product-badge-color-promo-green);
            border: none
        }

        html:not([dark]) .blu-product-badge.b-gray[data-v-5f0401da] {
            background-color: var(--blu-product-badge-background-color-promo-gray);
            color: var(--blu-product-badge-color-promo-gray);
            border: none
        }

        html:not([dark]) .blu-product-badge.b-orange[data-v-5f0401da] {
            background-color: none;
            color: var(--blu-product-badge-color-promo-orange);
            border: none;
            --blu-product-badge-padding: 0
        }

        html:not([dark]) .blu-product-badge.b-light-blue[data-v-5f0401da] {
            background-color: var(--blu-product-badge-background-color-promo-light-blue);
            color: var(--blu-product-badge-color-promo-light-blue);
            border: none
        }

        html:not([dark]) .blu-product-badge.b-red[data-v-5f0401da] {
            background-color: none;
            color: var(--blu-product-badge-color-promo-red);
            border: none;
            --blu-product-badge-padding: 0
        }

        html:not([dark]) .blu-product-badge.b-cheapest[data-v-5f0401da],
        html:not([dark]) .blu-product-badge.b-best-selling[data-v-5f0401da],
        html:not([dark]) .blu-product-badge.b-people-see[data-v-5f0401da] {
            --blu-product-badge-padding: 0
        }

        html:not([dark]) .blu-product-badge.b-cheapest[data-v-5f0401da] {
            background-color: none;
            color: var(--blu-product-badge-color-flashsale-red);
            border: none
        }

        html:not([dark]) .blu-product-badge.b-best-selling[data-v-5f0401da] {
            background-color: none;
            color: var(--blu-product-badge-color-flashsale-orange);
            border: none
        }

        html:not([dark]) .blu-product-badge.b-people-see[data-v-5f0401da] {
            background-color: none;
            color: var(--blu-product-badge-color-flashsale-gray);
            border: none
        }

        html:not([dark]) .blu-product-badge.b-promo-countdown[data-v-5f0401da],
        html:not([dark]) .blu-product-badge.b-flash-sale[data-v-5f0401da] {
            --blu-product-badge-padding: var(--blu-product-badge-padding-countdown);
            --blu-product-badge-border-radius: var(--blu-product-badge-border-radius-countdown);
            display: flex;
            align-items: center;
            justify-content: center
        }

        html:not([dark]) .blu-product-badge.b-promo-countdown .blu-product-badge__icon[data-v-5f0401da],
        html:not([dark]) .blu-product-badge.b-flash-sale .blu-product-badge__icon[data-v-5f0401da] {
            display: flex;
            justify-content: center;
            align-items: center;
            align-self: stretch;
            border-radius: var(--blu-product-badge-border-radius-countdown-icon);
            margin-right: var(--blu-product-badge-icon-margin-countdown)
        }

        html:not([dark]) .blu-product-badge.b-promo-countdown[data-v-5f0401da] {
            max-height: 16px;
            background-color: var(--blu-product-badge-background-color-countdown-promo-red);
            color: var(--blu-product-badge-color-white);
            border: none
        }

        html:not([dark]) .blu-product-badge.b-promo-countdown .blu-product-badge__icon[data-v-5f0401da] {
            padding: var(--blu-product-badge-padding-countdown-icon);
            background-color: var(--blu-product-badge-background-color-white);
            color: var(--blu-product-badge-color-countdown-promo-red);
            border: var(--blu-product-badge-border-countdown-promo)
        }

        html:not([dark]) .blu-product-badge.b-flash-sale[data-v-5f0401da] {
            max-height: 16px;
            background-color: var(--blu-product-badge-background-color-countdown-flash-sale-orange);
            color: var(--blu-product-badge-color-white);
            border: none
        }

        html:not([dark]) .blu-product-badge.b-flash-sale .blu-product-badge__icon[data-v-5f0401da] {
            background-color: var(--blu-product-badge-background-color-white);
            color: var(--blu-product-badge-color-countdown-flash-sale-orange-icon);
            border: var(--blu-product-badge-border-countdown-flash-sale)
        }

        html[dark] .blu-product-badge[data-v-5f0401da] {
            --blu-product-badge-border: 1px solid #12171d;
            --blu-product-badge-border-countdown-promo: 1px solid #ff9090;
            --blu-product-badge-border-countdown-flash-sale: 1px solid #f05a00;
            --blu-product-badge-border-radius: 4px;
            --blu-product-badge-border-radius-countdown: 4px;
            --blu-product-badge-border-radius-countdown-icon: 4px;
            --blu-product-badge-font: 600 12px/16px Blibli, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif;
            --blu-product-badge-opacity: 1;
            --blu-product-badge-text-shadow: 0 0 1px #19222a;
            --blu-product-badge-padding: 0 4px;
            --blu-product-badge-padding-countdown: 0px 4px 0px 0px;
            --blu-product-badge-padding-countdown-icon: 0px 4px;
            --blu-product-badge-spacing: 2px;
            --blu-product-badge-icon-margin-countdown: 3px;
            --blu-product-badge-background-color-blue: #09acde;
            --blu-product-badge-background-color-light-blue: #002e7a;
            --blu-product-badge-background-color-green: #22a334;
            --blu-product-badge-background-color-gray: #3b444c;
            --blu-product-badge-background-color-light-gray: #19222a;
            --blu-product-badge-background-color-dark-gray: rgba(0, 0, 0, .6);
            --blu-product-badge-background-color-orange: #ff7f00;
            --blu-product-badge-background-color-magenta: #ff0f9d;
            --blu-product-badge-background-color-red: #d33534;
            --blu-product-badge-background-color-light-red: #ff7373;
            --blu-product-badge-background-color-white: #12171d;
            --blu-product-badge-background-color-yellow: #f1ab02;
            --blu-product-badge-background-color-pre-order-gray-med: #28323b;
            --blu-product-badge-background-color-promo-blue: #f3f9ff;
            --blu-product-badge-background-color-promo-green: #effcf0;
            --blu-product-badge-background-color-promo-gray: #f1f2f2;
            --blu-product-badge-background-color-countdown-promo-red: #ff9090;
            --blu-product-badge-background-color-countdown-flash-sale-orange: #f05a00;
            --blu-product-badge-color-countdown-flash-sale-orange-icon: #f05a00;
            --blu-product-badge-color-blue: #4fa4ff;
            --blu-product-badge-color-light-gray: rgba(255, 255, 255, .5019607843);
            --blu-product-badge-text-color-pre-oder-gray-med: rgba(255, 255, 255, .8);
            --blu-product-badge-color-gray: rgba(255, 255, 255, .8);
            --blu-product-badge-color-white: #12171d;
            --blu-product-badge-color-promo-blue: #4fa4ff;
            --blu-product-badge-color-promo-green: #02c82b;
            --blu-product-badge-color-promo-gray: rgba(255, 255, 255, .8);
            --blu-product-badge-color-promo-orange: #ff7f00;
            --blu-product-badge-color-promo-red: #ff7373;
            --blu-product-badge-color-flashsale-gray: rgba(255, 255, 255, .8);
            --blu-product-badge-color-flashsale-orange: #f05a00;
            --blu-product-badge-color-flashsale-red: #ff7373;
            --blu-product-badge-color-countdown-promo-red: #ff7373;
            --blu-product-badge-pseudo-element-border-promo-blue: 100%;
            --blu-product-badge-pseudo-element-height-promo-blue: 7.5px;
            --blu-product-badge-pseudo-element-position-bottom-promo-blue: 50%;
            --blu-product-badge-pseudo-element-position-left-promo-blue: -3px;
            --blu-product-badge-pseudo-element-position-right-promo-blue: -3px;
            --blu-product-badge-pseudo-element-width-promo-blue: 6px;
            display: inline-flex;
            align-items: flex-start;
            font: var(--blu-product-badge-font);
            width: fit-content;
            border-radius: var(--blu-product-badge-border-radius);
            padding: var(--blu-product-badge-padding);
            opacity: var(--blu-product-badge-opacity)
        }

        html[dark] .blu-product-badge[data-v-5f0401da]>:not(:last-child) {
            margin-right: var(--blu-product-badge-spacing)
        }

        html[dark] .blu-product-badge.b-ads[data-v-5f0401da] {
            background-color: transparent;
            color: var(--blu-product-badge-color-white);
            border: none;
            text-shadow: var(--blu-product-badge-text-shadow);
            --blu-product-badge-opacity: .47;
            --blu-product-badge-font: 500 12px/16px Blibli, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif
        }

        html[dark] .blu-product-badge.b-best-seller[data-v-5f0401da] {
            background-color: var(--blu-product-badge-background-color-yellow);
            color: var(--blu-product-badge-color-white);
            border: var(--blu-product-badge-border)
        }

        html[dark] .blu-product-badge.b-blibli-choice[data-v-5f0401da] {
            background-color: var(--blu-product-badge-background-color-blue);
            color: var(--blu-product-badge-color-white);
            border: var(--blu-product-badge-border)
        }

        html[dark] .blu-product-badge.b-coming-soon[data-v-5f0401da] {
            background-color: var(--blu-product-badge-background-color-magenta);
            color: var(--blu-product-badge-color-white);
            border: var(--blu-product-badge-border)
        }

        html[dark] .blu-product-badge.b-discount[data-v-5f0401da] {
            background-color: var(--blu-product-badge-background-color-red);
            color: var(--blu-product-badge-color-white);
            border: var(--blu-product-badge-border)
        }

        html[dark] .blu-product-badge.b-exclusive[data-v-5f0401da] {
            background-color: var(--blu-product-badge-background-color-dark-gray);
            color: var(--blu-product-badge-color-white);
            border: var(--blu-product-badge-border)
        }

        html[dark] .blu-product-badge.b-fresh-product[data-v-5f0401da] {
            background-color: var(--blu-product-badge-background-color-light-blue);
            color: var(--blu-product-badge-color-blue);
            border: var(--blu-product-badge-border)
        }

        html[dark] .blu-product-badge.b-newest[data-v-5f0401da] {
            background-color: var(--blu-product-badge-background-color-green);
            color: var(--blu-product-badge-color-white);
            border: var(--blu-product-badge-border)
        }

        html[dark] .blu-product-badge.b-currently-closed[data-v-5f0401da] {
            background-color: var(--blu-product-badge-background-color-light-gray);
            color: var(--blu-product-badge-color-light-gray);
            border: var(--blu-product-badge-border)
        }

        html[dark] .blu-product-badge.b-out-of-stock[data-v-5f0401da] {
            background-color: var(--blu-product-badge-background-color-gray);
            color: var(--blu-product-badge-color-gray);
            border: var(--blu-product-badge-border)
        }

        html[dark] .blu-product-badge.b-product-left[data-v-5f0401da] {
            background-color: var(--blu-product-badge-background-color-light-red);
            color: var(--blu-product-badge-color-white);
            border: var(--blu-product-badge-border)
        }

        html[dark] .blu-product-badge.b-top-product[data-v-5f0401da] {
            background-color: var(--blu-product-badge-background-color-orange);
            color: var(--blu-product-badge-color-white);
            border: var(--blu-product-badge-border)
        }

        html[dark] .blu-product-badge.b-pre-order[data-v-5f0401da] {
            background-color: var(--blu-product-badge-background-color-pre-order-gray-med);
            color: var(--blu-product-badge-text-color-pre-oder-gray-med);
            border: var(--blu-product-badge-border)
        }

        html[dark] .blu-product-badge.b-blue[data-v-5f0401da] {
            background-color: var(--blu-product-badge-background-color-promo-blue);
            color: var(--blu-product-badge-color-promo-blue);
            border: none;
            position: relative;
            overflow: hidden;
            --blu-product-badge-padding: 0 6px
        }

        html[dark] .blu-product-badge.b-blue[data-v-5f0401da]:after {
            content: "";
            position: absolute;
            bottom: var(--blu-product-badge-pseudo-element-position-bottom-promo-blue);
            transform: translateY(50%);
            left: var(--blu-product-badge-pseudo-element-position-left-promo-blue);
            width: var(--blu-product-badge-pseudo-element-width-promo-blue);
            height: var(--blu-product-badge-pseudo-element-height-promo-blue);
            border-radius: var(--blu-product-badge-pseudo-element-border-promo-blue);
            background-color: var(--blu-product-badge-background-color-white)
        }

        html[dark] .blu-product-badge.b-blue[data-v-5f0401da]:before {
            content: "";
            position: absolute;
            bottom: var(--blu-product-badge-pseudo-element-position-bottom-promo-blue);
            transform: translateY(50%);
            right: var(--blu-product-badge-pseudo-element-position-right-promo-blue);
            width: var(--blu-product-badge-pseudo-element-width-promo-blue);
            height: var(--blu-product-badge-pseudo-element-height-promo-blue);
            border-radius: var(--blu-product-badge-pseudo-element-border-promo-blue);
            background-color: var(--blu-product-badge-background-color-white)
        }

        html[dark] .blu-product-badge.b-green[data-v-5f0401da] {
            background-color: var(--blu-product-badge-background-color-promo-green);
            color: var(--blu-product-badge-color-promo-green);
            border: none
        }

        html[dark] .blu-product-badge.b-gray[data-v-5f0401da] {
            background-color: var(--blu-product-badge-background-color-promo-gray);
            color: var(--blu-product-badge-color-promo-gray);
            border: none
        }

        html[dark] .blu-product-badge.b-orange[data-v-5f0401da] {
            background-color: none;
            color: var(--blu-product-badge-color-promo-orange);
            border: none;
            --blu-product-badge-padding: 0
        }

        html[dark] .blu-product-badge.b-light-blue[data-v-5f0401da] {
            background-color: var(--blu-product-badge-background-color-promo-light-blue);
            color: var(--blu-product-badge-color-promo-light-blue);
            border: none
        }

        html[dark] .blu-product-badge.b-red[data-v-5f0401da] {
            background-color: none;
            color: var(--blu-product-badge-color-promo-red);
            border: none;
            --blu-product-badge-padding: 0
        }

        html[dark] .blu-product-badge.b-cheapest[data-v-5f0401da],
        html[dark] .blu-product-badge.b-best-selling[data-v-5f0401da],
        html[dark] .blu-product-badge.b-people-see[data-v-5f0401da] {
            --blu-product-badge-padding: 0
        }

        html[dark] .blu-product-badge.b-cheapest[data-v-5f0401da] {
            background-color: none;
            color: var(--blu-product-badge-color-flashsale-red);
            border: none
        }

        html[dark] .blu-product-badge.b-best-selling[data-v-5f0401da] {
            background-color: none;
            color: var(--blu-product-badge-color-flashsale-orange);
            border: none
        }

        html[dark] .blu-product-badge.b-people-see[data-v-5f0401da] {
            background-color: none;
            color: var(--blu-product-badge-color-flashsale-gray);
            border: none
        }

        html[dark] .blu-product-badge.b-promo-countdown[data-v-5f0401da],
        html[dark] .blu-product-badge.b-flash-sale[data-v-5f0401da] {
            --blu-product-badge-padding: var(--blu-product-badge-padding-countdown);
            --blu-product-badge-border-radius: var(--blu-product-badge-border-radius-countdown);
            display: flex;
            align-items: center;
            justify-content: center
        }

        html[dark] .blu-product-badge.b-promo-countdown .blu-product-badge__icon[data-v-5f0401da],
        html[dark] .blu-product-badge.b-flash-sale .blu-product-badge__icon[data-v-5f0401da] {
            display: flex;
            justify-content: center;
            align-items: center;
            align-self: stretch;
            border-radius: var(--blu-product-badge-border-radius-countdown-icon);
            margin-right: var(--blu-product-badge-icon-margin-countdown)
        }

        html[dark] .blu-product-badge.b-promo-countdown[data-v-5f0401da] {
            max-height: 16px;
            background-color: var(--blu-product-badge-background-color-countdown-promo-red);
            color: var(--blu-product-badge-color-white);
            border: none
        }

        html[dark] .blu-product-badge.b-promo-countdown .blu-product-badge__icon[data-v-5f0401da] {
            padding: var(--blu-product-badge-padding-countdown-icon);
            background-color: var(--blu-product-badge-background-color-white);
            color: var(--blu-product-badge-color-countdown-promo-red);
            border: var(--blu-product-badge-border-countdown-promo)
        }

        html[dark] .blu-product-badge.b-flash-sale[data-v-5f0401da] {
            max-height: 16px;
            background-color: var(--blu-product-badge-background-color-countdown-flash-sale-orange);
            color: var(--blu-product-badge-color-white);
            border: none
        }

        html[dark] .blu-product-badge.b-flash-sale .blu-product-badge__icon[data-v-5f0401da] {
            background-color: var(--blu-product-badge-background-color-white);
            color: var(--blu-product-badge-color-countdown-flash-sale-orange-icon);
            border: var(--blu-product-badge-border-countdown-flash-sale)
        }
    </style>
    <style>
        html:not([dark]) .blu-loader-general[data-v-5f0af726] {
            --blu-loader-general-highlight-color-background: #1d8fff;
            --blu-loader-general-base-color-background: #f1f2f2;
            width: var(--blu-loader-general-size);
            height: var(--blu-loader-general-size)
        }

        html:not([dark]) .blu-loader-general__asset[data-v-5f0af726] {
            animation: general-rotate-5f0af726 1.6s linear infinite;
            transform-origin: center center;
            transition: all .5s ease-in-out;
            width: 100%;
            height: 100%;
            margin: auto;
            transform: rotate(90deg)
        }

        html:not([dark]) .blu-loader-general__asset--highlight[data-v-5f0af726],
        html:not([dark]) .blu-loader-general__asset--base[data-v-5f0af726] {
            stroke-linecap: round
        }

        html:not([dark]) .blu-loader-general__asset--highlight[data-v-5f0af726] {
            stroke: var(--blu-loader-general-highlight-color-background);
            animation: general-highlight-5f0af726 1.6s linear infinite
        }

        html:not([dark]) .blu-loader-general__asset--base[data-v-5f0af726] {
            stroke: var(--blu-loader-general-base-color-background);
            animation: general-base-5f0af726 1.6s linear infinite
        }

        html:not([dark]) .blu-loader-general.b-inverted[data-v-5f0af726] {
            --blu-loader-general-highlight-color-background: #ffffff;
            --blu-loader-general-base-color-background: #c8cbcd
        }

        html:not([dark]) .blu-loader-general.b-size-s[data-v-5f0af726] {
            --blu-loader-general-size: 16px
        }

        html:not([dark]) .blu-loader-general.b-size-m[data-v-5f0af726] {
            --blu-loader-general-size: 18px
        }

        html:not([dark]) .blu-loader-general.b-size-l[data-v-5f0af726] {
            --blu-loader-general-size: 24px
        }

        html:not([dark]) .blu-loader-general.b-size-xl[data-v-5f0af726] {
            --blu-loader-general-size: 32px
        }

        html[dark] .blu-loader-general[data-v-5f0af726] {
            --blu-loader-general-highlight-color-background: #4fa4ff;
            --blu-loader-general-base-color-background: #28323b;
            width: var(--blu-loader-general-size);
            height: var(--blu-loader-general-size)
        }

        html[dark] .blu-loader-general__asset[data-v-5f0af726] {
            animation: general-rotate-5f0af726 1.6s linear infinite;
            transform-origin: center center;
            transition: all .5s ease-in-out;
            width: 100%;
            height: 100%;
            margin: auto;
            transform: rotate(90deg)
        }

        html[dark] .blu-loader-general__asset--highlight[data-v-5f0af726],
        html[dark] .blu-loader-general__asset--base[data-v-5f0af726] {
            stroke-linecap: round
        }

        html[dark] .blu-loader-general__asset--highlight[data-v-5f0af726] {
            stroke: var(--blu-loader-general-highlight-color-background);
            animation: general-highlight-5f0af726 1.6s linear infinite
        }

        html[dark] .blu-loader-general__asset--base[data-v-5f0af726] {
            stroke: var(--blu-loader-general-base-color-background);
            animation: general-base-5f0af726 1.6s linear infinite
        }

        html[dark] .blu-loader-general.b-inverted[data-v-5f0af726] {
            --blu-loader-general-highlight-color-background: #12171d;
            --blu-loader-general-base-color-background: #60686e
        }

        html[dark] .blu-loader-general.b-size-s[data-v-5f0af726] {
            --blu-loader-general-size: 16px
        }

        html[dark] .blu-loader-general.b-size-m[data-v-5f0af726] {
            --blu-loader-general-size: 18px
        }

        html[dark] .blu-loader-general.b-size-l[data-v-5f0af726] {
            --blu-loader-general-size: 24px
        }

        html[dark] .blu-loader-general.b-size-xl[data-v-5f0af726] {
            --blu-loader-general-size: 32px
        }

        @keyframes general-highlight-5f0af726 {
            0% {
                stroke-dasharray: 1, 200;
                stroke-dashoffset: 0
            }

            50% {
                stroke-dasharray: 50, 200;
                stroke-dashoffset: -15px
            }

            to {
                stroke-dasharray: 50, 200;
                stroke-dashoffset: -124px
            }
        }

        @keyframes general-base-5f0af726 {
            0% {
                stroke-dasharray: 1, 200;
                stroke-dashoffset: 0
            }

            to {
                stroke-dasharray: 100, 200;
                stroke-dashoffset: -120px
            }
        }

        @keyframes general-rotate-5f0af726 {
            to {
                transform: rotate(450deg)
            }
        }

        html:not([dark]) button[data-v-498b5b0a] {
            border: none;
            background: none;
            cursor: pointer;
            font-family: Blibli, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif;
            padding: 0
        }

        html:not([dark]) input[type=submit][data-v-498b5b0a]::-moz-focus-inner,
        html:not([dark]) input[type=button][data-v-498b5b0a]::-moz-focus-inner {
            border: 0px
        }

        html:not([dark]) button[data-v-498b5b0a]:focus,
        html:not([dark]) input[type=submit][data-v-498b5b0a]:focus,
        html:not([dark]) input[type=button][data-v-498b5b0a]:focus,
        html:not([dark]) input[type=reset][data-v-498b5b0a]:focus,
        html:not([dark]) a[data-v-498b5b0a] {
            outline: none
        }

        html:not([dark]) .blu-button[data-v-498b5b0a] {
            --blu-button-border-width: 1px;
            --blu-button-border-radius: 64px;
            --blu-button-color-text: #ffffff;
            --blu-button-color-icon: #ffffff;
            --blu-button-opacity: $blu-button-opacity;
            --blu-button-size-height: 48px;
            --blu-button-icon-size: 24px;
            --blu-button-spacing-padding: 0 32px;
            --blu-button-spacing-gap: 8px;
            --blu-button-text: 600 16px/20px Blibli, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif;
            padding: var(--blu-button-spacing-padding);
            height: var(--blu-button-size-height);
            border-radius: var(--blu-button-border-radius);
            transition: transform .3s .08s, all .3s;
            color: var(--blu-button-color-text);
            background-color: var(--blu-button-color-background);
            font: var(--blu-button-text);
            box-shadow: 0 0 0 var(--blu-button-border-width) var(--blu-button-color-border);
            display: inline-flex;
            justify-content: center;
            align-items: center;
            white-space: nowrap
        }

        html:not([dark]) .blu-button[data-v-498b5b0a]:active:hover:not(.b-disabled),
        html:not([dark]) .blu-button:active.b-hover[data-v-498b5b0a]:not(.b-disabled) {
            transform: scale(.875)
        }

        html:not([dark]) .blu-button[data-v-498b5b0a]:focus-visible {
            outline: none
        }

        html:not([dark]) .blu-button[data-v-498b5b0a]:focus-visible:not(.b-disabled) {
            box-shadow: 0 0 0 2px #19222a
        }

        html:not([dark]) .blu-button__icon[data-v-498b5b0a] {
            display: flex;
            color: var(--blu-button-color-icon)
        }

        html:not([dark]) .blu-button__icon[data-v-498b5b0a] svg {
            width: var(--blu-button-icon-size);
            height: var(--blu-button-icon-size)
        }

        html:not([dark]) .blu-button.b-has-icon:not(.b-has-icon-only) .blu-button__icon[data-v-498b5b0a] {
            margin-right: var(--blu-button-spacing-gap)
        }

        html:not([dark]) .blu-button.b-has-icon-only[data-v-498b5b0a] {
            --blu-button-spacing-padding: 0 12px
        }

        html:not([dark]) .blu-button.b-loading[data-v-498b5b0a] .blu-loader-wrapper svg {
            display: flex;
            width: 18px;
            height: 18px
        }

        html:not([dark]) .blu-button.b-disabled[data-v-498b5b0a] {
            cursor: not-allowed
        }

        html:not([dark]) .blu-button.b-disabled[data-v-498b5b0a]:active {
            pointer-events: none
        }

        html:not([dark]) .blu-button.b-full-width[data-v-498b5b0a] {
            width: 100%
        }

        html:not([dark]) .blu-button.b-primary.b-common[data-v-498b5b0a] {
            --blu-button-color-background: #a58d33
        }

        html:not([dark]) .blu-button.b-primary.b-common.b-hover[data-v-498b5b0a]:not(.b-disabled),
        html:not([dark]) .blu-button.b-primary.b-common[data-v-498b5b0a]:hover:not(.b-disabled),
        html:not([dark]) .blu-button.b-primary.b-common[data-v-498b5b0a]:active:not(.b-disabled),
        html:not([dark]) .blu-button.b-primary.b-common[data-v-498b5b0a]:focus-visible:not(.b-disabled) {
            --blu-button-color-background: #1d8fff;
            --blu-button-color-border: transparent
        }

        html:not([dark]) .blu-button.b-primary.b-danger[data-v-498b5b0a] {
            --blu-button-color-background: #e93c3c
        }

        html:not([dark]) .blu-button.b-primary.b-danger.b-hover[data-v-498b5b0a]:not(.b-disabled),
        html:not([dark]) .blu-button.b-primary.b-danger[data-v-498b5b0a]:hover:not(.b-disabled),
        html:not([dark]) .blu-button.b-primary.b-danger[data-v-498b5b0a]:active:not(.b-disabled),
        html:not([dark]) .blu-button.b-primary.b-danger[data-v-498b5b0a]:focus-visible:not(.b-disabled) {
            --blu-button-color-background: #ff4646;
            --blu-button-color-border: transparent
        }

        html:not([dark]) .blu-button.b-primary.b-inverted[data-v-498b5b0a] {
            --blu-button-color-background: #ffffff;
            --blu-button-color-text: #ac8221;
            --blu-button-color-icon: #a58d33
        }

        html:not([dark]) .blu-button.b-primary.b-inverted.b-hover[data-v-498b5b0a]:not(.b-disabled),
        html:not([dark]) .blu-button.b-primary.b-inverted[data-v-498b5b0a]:hover:not(.b-disabled),
        html:not([dark]) .blu-button.b-primary.b-inverted[data-v-498b5b0a]:active:not(.b-disabled),
        html:not([dark]) .blu-button.b-primary.b-inverted[data-v-498b5b0a]:focus-visible:not(.b-disabled) {
            --blu-button-color-background: #f9f9fa;
            --blu-button-color-border: transparent
        }

        html:not([dark]) .blu-button.b-primary.b-disabled[data-v-498b5b0a] {
            --blu-button-color-background: #e1e3e4;
            --blu-button-color-text: rgba(25, 34, 42, .3019607843);
            --blu-button-color-icon: rgba(25, 34, 42, .3019607843)
        }

        html:not([dark]) .blu-button.b-primary.b-disabled[data-v-498b5b0a]:not(.b-inverted) {
            --blu-button-color-background: #e1e3e4;
            --blu-button-color-text: rgba(25, 34, 42, .3019607843);
            --blu-button-color-icon: rgba(25, 34, 42, .3019607843)
        }

        html:not([dark]) .blu-button.b-small[data-v-498b5b0a] {
            --blu-button-border-radius: 64px;
            --blu-button-size-height: 36px;
            --blu-button-spacing-padding: 0 16px;
            --blu-button-text: 600 14px/18px Blibli, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif;
            --blu-button-icon-size: 18px;
            --blu-button-spacing-gap: 4px
        }

        html:not([dark]) .blu-button.b-small.b-has-icon-only[data-v-498b5b0a] {
            --blu-button-spacing-padding: 0 9px
        }

        html:not([dark]) .blu-button.b-secondary[data-v-498b5b0a] {
            --blu-button-color-background: #ffffff
        }

        html:not([dark]) .blu-button.b-secondary.b-common[data-v-498b5b0a] {
            --blu-button-color-border: #1d8fff;
            --blu-button-color-text: #ac8221;
            --blu-button-color-icon: #a58d33
        }

        html:not([dark]) .blu-button.b-secondary.b-common.b-hover[data-v-498b5b0a]:not(.b-disabled),
        html:not([dark]) .blu-button.b-secondary.b-common[data-v-498b5b0a]:hover:not(.b-disabled),
        html:not([dark]) .blu-button.b-secondary.b-common[data-v-498b5b0a]:active:not(.b-disabled),
        html:not([dark]) .blu-button.b-secondary.b-common[data-v-498b5b0a]:focus-visible:not(.b-disabled) {
            --blu-button-color-background: #f3f9ff;
            --blu-button-color-border: #a58d33
        }

        html:not([dark]) .blu-button.b-secondary.b-danger[data-v-498b5b0a] {
            --blu-button-color-border: #ff4646;
            --blu-button-color-text: #d33534;
            --blu-button-color-icon: #e93c3c
        }

        html:not([dark]) .blu-button.b-secondary.b-danger.b-hover[data-v-498b5b0a]:not(.b-disabled),
        html:not([dark]) .blu-button.b-secondary.b-danger[data-v-498b5b0a]:hover:not(.b-disabled),
        html:not([dark]) .blu-button.b-secondary.b-danger[data-v-498b5b0a]:active:not(.b-disabled),
        html:not([dark]) .blu-button.b-secondary.b-danger[data-v-498b5b0a]:focus-visible:not(.b-disabled) {
            --blu-button-color-background: #fff5f5;
            --blu-button-color-border: #e93c3c
        }

        html:not([dark]) .blu-button.b-secondary.b-inverted[data-v-498b5b0a] {
            --blu-button-color-background: rgba(25, 34, 42, .3019607843);
            --blu-button-color-border: #ffffff;
            --blu-button-color-text: #ffffff;
            --blu-button-color-icon: #ffffff
        }

        html:not([dark]) .blu-button.b-secondary.b-inverted.b-hover[data-v-498b5b0a]:not(.b-disabled),
        html:not([dark]) .blu-button.b-secondary.b-inverted[data-v-498b5b0a]:hover:not(.b-disabled),
        html:not([dark]) .blu-button.b-secondary.b-inverted[data-v-498b5b0a]:active:not(.b-disabled),
        html:not([dark]) .blu-button.b-secondary.b-inverted[data-v-498b5b0a]:focus-visible:not(.b-disabled) {
            --blu-button-color-background: rgba(255, 255, 255, .4);
            --blu-button-color-border: #ffffff
        }

        html:not([dark]) .blu-button.b-secondary.b-disabled[data-v-498b5b0a] {
            --blu-button-color-background: #e1e3e4;
            --blu-button-color-border: #c8cbcd;
            --blu-button-color-text: rgba(25, 34, 42, .3019607843);
            --blu-button-color-icon: rgba(25, 34, 42, .3019607843)
        }

        html:not([dark]) .blu-button.b-secondary.b-disabled[data-v-498b5b0a]:not(.b-inverted) {
            --blu-button-color-background: #e1e3e4;
            --blu-button-color-border: #c8cbcd;
            --blu-button-color-text: rgba(25, 34, 42, .3019607843);
            --blu-button-color-icon: rgba(25, 34, 42, .3019607843)
        }

        html:not([dark]) .blu-button[data-v-498b5b0a] {
            width: var(--blu-button-custom-width)
        }

        html:not([dark]) .blu-button.b-tertiary.b-common[data-v-498b5b0a] {
            --blu-button-color-text: #ac8221;
            --blu-button-color-icon: #a58d33
        }

        html:not([dark]) .blu-button.b-tertiary.b-common.b-hover[data-v-498b5b0a]:not(.b-disabled),
        html:not([dark]) .blu-button.b-tertiary.b-common[data-v-498b5b0a]:hover:not(.b-disabled),
        html:not([dark]) .blu-button.b-tertiary.b-common[data-v-498b5b0a]:active:not(.b-disabled),
        html:not([dark]) .blu-button.b-tertiary.b-common[data-v-498b5b0a]:focus-visible:not(.b-disabled) {
            --blu-button-color-background: #f3f9ff;
            --blu-button-color-border: transparent
        }

        html:not([dark]) .blu-button.b-tertiary.b-danger[data-v-498b5b0a] {
            --blu-button-color-text: #d33534;
            --blu-button-color-icon: #e93c3c
        }

        html:not([dark]) .blu-button.b-tertiary.b-danger.b-hover[data-v-498b5b0a]:not(.b-disabled),
        html:not([dark]) .blu-button.b-tertiary.b-danger[data-v-498b5b0a]:hover:not(.b-disabled),
        html:not([dark]) .blu-button.b-tertiary.b-danger[data-v-498b5b0a]:active:not(.b-disabled),
        html:not([dark]) .blu-button.b-tertiary.b-danger[data-v-498b5b0a]:focus-visible:not(.b-disabled) {
            --blu-button-color-background: #fff5f5;
            --blu-button-color-border: transparent
        }

        html:not([dark]) .blu-button.b-tertiary.b-inverted[data-v-498b5b0a] {
            --blu-button-color-text: #ffffff;
            --blu-button-color-icon: #ffffff
        }

        html:not([dark]) .blu-button.b-tertiary.b-inverted.b-hover[data-v-498b5b0a]:not(.b-disabled),
        html:not([dark]) .blu-button.b-tertiary.b-inverted[data-v-498b5b0a]:hover:not(.b-disabled),
        html:not([dark]) .blu-button.b-tertiary.b-inverted[data-v-498b5b0a]:active:not(.b-disabled),
        html:not([dark]) .blu-button.b-tertiary.b-inverted[data-v-498b5b0a]:focus-visible:not(.b-disabled) {
            --blu-button-color-background: rgba(255, 255, 255, .4);
            --blu-button-color-border: transparent
        }

        html:not([dark]) .blu-button.b-tertiary.b-disabled[data-v-498b5b0a] {
            --blu-button-color-text: rgba(255, 255, 255, .4);
            --blu-button-color-icon: rgba(255, 255, 255, .4)
        }

        html:not([dark]) .blu-button.b-tertiary.b-disabled[data-v-498b5b0a]:not(.b-inverted) {
            --blu-button-color-text: rgba(25, 34, 42, .3019607843);
            --blu-button-color-icon: rgba(25, 34, 42, .3019607843)
        }

        html:not([dark]) a[data-v-498b5b0a] {
            text-decoration: none
        }

        html[dark] button[data-v-498b5b0a] {
            border: none;
            background: none;
            cursor: pointer;
            font-family: Blibli, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif;
            padding: 0
        }

        html[dark] input[type=submit][data-v-498b5b0a]::-moz-focus-inner,
        html[dark] input[type=button][data-v-498b5b0a]::-moz-focus-inner {
            border: 0px
        }

        html[dark] button[data-v-498b5b0a]:focus,
        html[dark] input[type=submit][data-v-498b5b0a]:focus,
        html[dark] input[type=button][data-v-498b5b0a]:focus,
        html[dark] input[type=reset][data-v-498b5b0a]:focus,
        html[dark] a[data-v-498b5b0a] {
            outline: none
        }

        html[dark] .blu-button[data-v-498b5b0a] {
            --blu-button-border-width: 1px;
            --blu-button-border-radius: 64px;
            --blu-button-color-text: #ffffff;
            --blu-button-color-icon: #ffffff;
            --blu-button-opacity: $blu-button-opacity;
            --blu-button-size-height: 48px;
            --blu-button-icon-size: 24px;
            --blu-button-spacing-padding: 0 32px;
            --blu-button-spacing-gap: 8px;
            --blu-button-text: 600 16px/20px Blibli, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif;
            padding: var(--blu-button-spacing-padding);
            height: var(--blu-button-size-height);
            border-radius: var(--blu-button-border-radius);
            transition: transform .3s .08s, all .3s;
            color: var(--blu-button-color-text);
            background-color: var(--blu-button-color-background);
            font: var(--blu-button-text);
            box-shadow: 0 0 0 var(--blu-button-border-width) var(--blu-button-color-border);
            display: inline-flex;
            justify-content: center;
            align-items: center;
            white-space: nowrap
        }

        html[dark] .blu-button[data-v-498b5b0a]:active:hover:not(.b-disabled),
        html[dark] .blu-button:active.b-hover[data-v-498b5b0a]:not(.b-disabled) {
            transform: scale(.875)
        }

        html[dark] .blu-button[data-v-498b5b0a]:focus-visible {
            outline: none
        }

        html[dark] .blu-button[data-v-498b5b0a]:focus-visible:not(.b-disabled) {
            box-shadow: 0 0 0 2px #f9f9fa
        }

        html[dark] .blu-button__icon[data-v-498b5b0a] {
            display: flex;
            color: var(--blu-button-color-icon)
        }

        html[dark] .blu-button__icon[data-v-498b5b0a] svg {
            width: var(--blu-button-icon-size);
            height: var(--blu-button-icon-size)
        }

        html[dark] .blu-button.b-has-icon:not(.b-has-icon-only) .blu-button__icon[data-v-498b5b0a] {
            margin-right: var(--blu-button-spacing-gap)
        }

        html[dark] .blu-button.b-has-icon-only[data-v-498b5b0a] {
            --blu-button-spacing-padding: 0 12px
        }

        html[dark] .blu-button.b-loading[data-v-498b5b0a] .blu-loader-wrapper svg {
            display: flex;
            width: 18px;
            height: 18px
        }

        html[dark] .blu-button.b-disabled[data-v-498b5b0a] {
            cursor: not-allowed
        }

        html[dark] .blu-button.b-disabled[data-v-498b5b0a]:active {
            pointer-events: none
        }

        html[dark] .blu-button.b-full-width[data-v-498b5b0a] {
            width: 100%
        }

        html[dark] .blu-button.b-primary.b-common[data-v-498b5b0a] {
            --blu-button-color-background: #a58d33
        }

        html[dark] .blu-button.b-primary.b-common.b-hover[data-v-498b5b0a]:not(.b-disabled),
        html[dark] .blu-button.b-primary.b-common[data-v-498b5b0a]:hover:not(.b-disabled),
        html[dark] .blu-button.b-primary.b-common[data-v-498b5b0a]:active:not(.b-disabled),
        html[dark] .blu-button.b-primary.b-common[data-v-498b5b0a]:focus-visible:not(.b-disabled) {
            --blu-button-color-background: #1d8fff;
            --blu-button-color-border: transparent
        }

        html[dark] .blu-button.b-primary.b-danger[data-v-498b5b0a] {
            --blu-button-color-background: #e93c3c
        }

        html[dark] .blu-button.b-primary.b-danger.b-hover[data-v-498b5b0a]:not(.b-disabled),
        html[dark] .blu-button.b-primary.b-danger[data-v-498b5b0a]:hover:not(.b-disabled),
        html[dark] .blu-button.b-primary.b-danger[data-v-498b5b0a]:active:not(.b-disabled),
        html[dark] .blu-button.b-primary.b-danger[data-v-498b5b0a]:focus-visible:not(.b-disabled) {
            --blu-button-color-background: #ff4646;
            --blu-button-color-border: transparent
        }

        html[dark] .blu-button.b-primary.b-inverted[data-v-498b5b0a] {
            --blu-button-color-background: #12171d;
            --blu-button-color-text: #4fa4ff;
            --blu-button-color-icon: #4fa4ff
        }

        html[dark] .blu-button.b-primary.b-inverted.b-hover[data-v-498b5b0a]:not(.b-disabled),
        html[dark] .blu-button.b-primary.b-inverted[data-v-498b5b0a]:hover:not(.b-disabled),
        html[dark] .blu-button.b-primary.b-inverted[data-v-498b5b0a]:active:not(.b-disabled),
        html[dark] .blu-button.b-primary.b-inverted[data-v-498b5b0a]:focus-visible:not(.b-disabled) {
            --blu-button-color-background: #19222a;
            --blu-button-color-border: transparent
        }

        html[dark] .blu-button.b-primary.b-disabled[data-v-498b5b0a] {
            --blu-button-color-background: #3b444c;
            --blu-button-color-text: rgba(255, 255, 255, .3019607843);
            --blu-button-color-icon: rgba(255, 255, 255, .3019607843)
        }

        html[dark] .blu-button.b-primary.b-disabled[data-v-498b5b0a]:not(.b-inverted) {
            --blu-button-color-background: #3b444c;
            --blu-button-color-text: rgba(255, 255, 255, .3019607843);
            --blu-button-color-icon: rgba(255, 255, 255, .3019607843)
        }

        html[dark] .blu-button.b-small[data-v-498b5b0a] {
            --blu-button-border-radius: 64px;
            --blu-button-size-height: 36px;
            --blu-button-spacing-padding: 0 16px;
            --blu-button-text: 600 14px/18px Blibli, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif;
            --blu-button-icon-size: 18px;
            --blu-button-spacing-gap: 4px
        }

        html[dark] .blu-button.b-small.b-has-icon-only[data-v-498b5b0a] {
            --blu-button-spacing-padding: 0 9px
        }

        html[dark] .blu-button.b-secondary[data-v-498b5b0a] {
            --blu-button-color-background: #12171d
        }

        html[dark] .blu-button.b-secondary.b-common[data-v-498b5b0a] {
            --blu-button-color-border: #4fa4ff;
            --blu-button-color-text: #4fa4ff;
            --blu-button-color-icon: #4fa4ff
        }

        html[dark] .blu-button.b-secondary.b-common.b-hover[data-v-498b5b0a]:not(.b-disabled),
        html[dark] .blu-button.b-secondary.b-common[data-v-498b5b0a]:hover:not(.b-disabled),
        html[dark] .blu-button.b-secondary.b-common[data-v-498b5b0a]:active:not(.b-disabled),
        html[dark] .blu-button.b-secondary.b-common[data-v-498b5b0a]:focus-visible:not(.b-disabled) {
            --blu-button-color-background: #002e7a;
            --blu-button-color-border: #4fa4ff
        }

        html[dark] .blu-button.b-secondary.b-danger[data-v-498b5b0a] {
            --blu-button-color-border: #ff7373;
            --blu-button-color-text: #ff7373;
            --blu-button-color-icon: #ff7373
        }

        html[dark] .blu-button.b-secondary.b-danger.b-hover[data-v-498b5b0a]:not(.b-disabled),
        html[dark] .blu-button.b-secondary.b-danger[data-v-498b5b0a]:hover:not(.b-disabled),
        html[dark] .blu-button.b-secondary.b-danger[data-v-498b5b0a]:active:not(.b-disabled),
        html[dark] .blu-button.b-secondary.b-danger[data-v-498b5b0a]:focus-visible:not(.b-disabled) {
            --blu-button-color-background: #631818;
            --blu-button-color-border: #ff7373
        }

        html[dark] .blu-button.b-secondary.b-inverted[data-v-498b5b0a] {
            --blu-button-color-background: rgba(255, 255, 255, .3019607843);
            --blu-button-color-border: #12171d;
            --blu-button-color-text: #12171d;
            --blu-button-color-icon: #12171d
        }

        html[dark] .blu-button.b-secondary.b-inverted.b-hover[data-v-498b5b0a]:not(.b-disabled),
        html[dark] .blu-button.b-secondary.b-inverted[data-v-498b5b0a]:hover:not(.b-disabled),
        html[dark] .blu-button.b-secondary.b-inverted[data-v-498b5b0a]:active:not(.b-disabled),
        html[dark] .blu-button.b-secondary.b-inverted[data-v-498b5b0a]:focus-visible:not(.b-disabled) {
            --blu-button-color-background: rgba(18, 23, 29, .4);
            --blu-button-color-border: #12171d
        }

        html[dark] .blu-button.b-secondary.b-disabled[data-v-498b5b0a] {
            --blu-button-color-background: #3b444c;
            --blu-button-color-border: #60686e;
            --blu-button-color-text: rgba(255, 255, 255, .3019607843);
            --blu-button-color-icon: rgba(255, 255, 255, .3019607843)
        }

        html[dark] .blu-button.b-secondary.b-disabled[data-v-498b5b0a]:not(.b-inverted) {
            --blu-button-color-background: #3b444c;
            --blu-button-color-border: #60686e;
            --blu-button-color-text: rgba(255, 255, 255, .3019607843);
            --blu-button-color-icon: rgba(255, 255, 255, .3019607843)
        }

        html[dark] .blu-button[data-v-498b5b0a] {
            width: var(--blu-button-custom-width)
        }

        html[dark] .blu-button.b-tertiary.b-common[data-v-498b5b0a] {
            --blu-button-color-text: #4fa4ff;
            --blu-button-color-icon: #4fa4ff
        }

        html[dark] .blu-button.b-tertiary.b-common.b-hover[data-v-498b5b0a]:not(.b-disabled),
        html[dark] .blu-button.b-tertiary.b-common[data-v-498b5b0a]:hover:not(.b-disabled),
        html[dark] .blu-button.b-tertiary.b-common[data-v-498b5b0a]:active:not(.b-disabled),
        html[dark] .blu-button.b-tertiary.b-common[data-v-498b5b0a]:focus-visible:not(.b-disabled) {
            --blu-button-color-background: #002e7a;
            --blu-button-color-border: transparent
        }

        html[dark] .blu-button.b-tertiary.b-danger[data-v-498b5b0a] {
            --blu-button-color-text: #ff7373;
            --blu-button-color-icon: #ff7373
        }

        html[dark] .blu-button.b-tertiary.b-danger.b-hover[data-v-498b5b0a]:not(.b-disabled),
        html[dark] .blu-button.b-tertiary.b-danger[data-v-498b5b0a]:hover:not(.b-disabled),
        html[dark] .blu-button.b-tertiary.b-danger[data-v-498b5b0a]:active:not(.b-disabled),
        html[dark] .blu-button.b-tertiary.b-danger[data-v-498b5b0a]:focus-visible:not(.b-disabled) {
            --blu-button-color-background: #631818;
            --blu-button-color-border: transparent
        }

        html[dark] .blu-button.b-tertiary.b-inverted[data-v-498b5b0a] {
            --blu-button-color-text: #12171d;
            --blu-button-color-icon: #12171d
        }

        html[dark] .blu-button.b-tertiary.b-inverted.b-hover[data-v-498b5b0a]:not(.b-disabled),
        html[dark] .blu-button.b-tertiary.b-inverted[data-v-498b5b0a]:hover:not(.b-disabled),
        html[dark] .blu-button.b-tertiary.b-inverted[data-v-498b5b0a]:active:not(.b-disabled),
        html[dark] .blu-button.b-tertiary.b-inverted[data-v-498b5b0a]:focus-visible:not(.b-disabled) {
            --blu-button-color-background: rgba(18, 23, 29, .4);
            --blu-button-color-border: transparent
        }

        html[dark] .blu-button.b-tertiary.b-disabled[data-v-498b5b0a] {
            --blu-button-color-text: rgba(18, 23, 29, .4);
            --blu-button-color-icon: rgba(18, 23, 29, .4)
        }

        html[dark] .blu-button.b-tertiary.b-disabled[data-v-498b5b0a]:not(.b-inverted) {
            --blu-button-color-text: rgba(255, 255, 255, .3019607843);
            --blu-button-color-icon: rgba(255, 255, 255, .3019607843)
        }

        html[dark] a[data-v-498b5b0a] {
            text-decoration: none
        }
    </style>
    <style>
        html:not([dark]) .blu-loader-general[data-v-5f0af726] {
            --blu-loader-general-highlight-color-background: #1d8fff;
            --blu-loader-general-base-color-background: #f1f2f2;
            width: var(--blu-loader-general-size);
            height: var(--blu-loader-general-size)
        }

        html:not([dark]) .blu-loader-general__asset[data-v-5f0af726] {
            animation: general-rotate-5f0af726 1.6s linear infinite;
            transform-origin: center center;
            transition: all .5s ease-in-out;
            width: 100%;
            height: 100%;
            margin: auto;
            transform: rotate(90deg)
        }

        html:not([dark]) .blu-loader-general__asset--highlight[data-v-5f0af726],
        html:not([dark]) .blu-loader-general__asset--base[data-v-5f0af726] {
            stroke-linecap: round
        }

        html:not([dark]) .blu-loader-general__asset--highlight[data-v-5f0af726] {
            stroke: var(--blu-loader-general-highlight-color-background);
            animation: general-highlight-5f0af726 1.6s linear infinite
        }

        html:not([dark]) .blu-loader-general__asset--base[data-v-5f0af726] {
            stroke: var(--blu-loader-general-base-color-background);
            animation: general-base-5f0af726 1.6s linear infinite
        }

        html:not([dark]) .blu-loader-general.b-inverted[data-v-5f0af726] {
            --blu-loader-general-highlight-color-background: #ffffff;
            --blu-loader-general-base-color-background: #c8cbcd
        }

        html:not([dark]) .blu-loader-general.b-size-s[data-v-5f0af726] {
            --blu-loader-general-size: 16px
        }

        html:not([dark]) .blu-loader-general.b-size-m[data-v-5f0af726] {
            --blu-loader-general-size: 18px
        }

        html:not([dark]) .blu-loader-general.b-size-l[data-v-5f0af726] {
            --blu-loader-general-size: 24px
        }

        html:not([dark]) .blu-loader-general.b-size-xl[data-v-5f0af726] {
            --blu-loader-general-size: 32px
        }

        html[dark] .blu-loader-general[data-v-5f0af726] {
            --blu-loader-general-highlight-color-background: #4fa4ff;
            --blu-loader-general-base-color-background: #28323b;
            width: var(--blu-loader-general-size);
            height: var(--blu-loader-general-size)
        }

        html[dark] .blu-loader-general__asset[data-v-5f0af726] {
            animation: general-rotate-5f0af726 1.6s linear infinite;
            transform-origin: center center;
            transition: all .5s ease-in-out;
            width: 100%;
            height: 100%;
            margin: auto;
            transform: rotate(90deg)
        }

        html[dark] .blu-loader-general__asset--highlight[data-v-5f0af726],
        html[dark] .blu-loader-general__asset--base[data-v-5f0af726] {
            stroke-linecap: round
        }

        html[dark] .blu-loader-general__asset--highlight[data-v-5f0af726] {
            stroke: var(--blu-loader-general-highlight-color-background);
            animation: general-highlight-5f0af726 1.6s linear infinite
        }

        html[dark] .blu-loader-general__asset--base[data-v-5f0af726] {
            stroke: var(--blu-loader-general-base-color-background);
            animation: general-base-5f0af726 1.6s linear infinite
        }

        html[dark] .blu-loader-general.b-inverted[data-v-5f0af726] {
            --blu-loader-general-highlight-color-background: #12171d;
            --blu-loader-general-base-color-background: #60686e
        }

        html[dark] .blu-loader-general.b-size-s[data-v-5f0af726] {
            --blu-loader-general-size: 16px
        }

        html[dark] .blu-loader-general.b-size-m[data-v-5f0af726] {
            --blu-loader-general-size: 18px
        }

        html[dark] .blu-loader-general.b-size-l[data-v-5f0af726] {
            --blu-loader-general-size: 24px
        }

        html[dark] .blu-loader-general.b-size-xl[data-v-5f0af726] {
            --blu-loader-general-size: 32px
        }

        @keyframes general-highlight-5f0af726 {
            0% {
                stroke-dasharray: 1, 200;
                stroke-dashoffset: 0
            }

            50% {
                stroke-dasharray: 50, 200;
                stroke-dashoffset: -15px
            }

            to {
                stroke-dasharray: 50, 200;
                stroke-dashoffset: -124px
            }
        }

        @keyframes general-base-5f0af726 {
            0% {
                stroke-dasharray: 1, 200;
                stroke-dashoffset: 0
            }

            to {
                stroke-dasharray: 100, 200;
                stroke-dashoffset: -120px
            }
        }

        @keyframes general-rotate-5f0af726 {
            to {
                transform: rotate(450deg)
            }
        }
    </style>
    <style>
        .lazyImage[data-v-8dd39e6c] {
            max-width: 100%;
            max-height: 100%;
            width: auto;
            height: auto;
            vertical-align: middle
        }

        img[data-v-8dd39e6c] {
            object-fit: cover
        }

        img.error-image[data-v-8dd39e6c] {
            object-fit: contain !important;
            background-color: #f1f2f2
        }

        .list-enter-active[data-v-8dd39e6c],
        .list-leave-active[data-v-8dd39e6c] {
            transition: all .5s ease
        }

        .list-enter-from[data-v-8dd39e6c],
        .list-leave-to[data-v-8dd39e6c] {
            opacity: 0;
            transform: translate(30px)
        }

        div.recommendation-card[data-v-673cdf3a] {
            width: 192px;
            max-width: 192px;
            min-width: 192px;
            margin: 0 8px
        }

        @media screen and (max-width: 839px) {
            div.recommendation-card[data-v-673cdf3a] {
                width: 138px;
                max-width: 138px;
                min-width: 138px;
                margin: 0 6px
            }
        }

        div.recommendation-card .promo-badge[data-v-673cdf3a] {
            position: absolute;
            bottom: 0;
            left: 0;
            z-index: 1;
            object-fit: contain;
            max-width: 60%;
            max-height: 24px
        }

        div.recommendation-card .seller[data-v-673cdf3a] {
            display: flex;
            height: 16px
        }

        div.recommendation-card .seller .img-official[data-v-673cdf3a] {
            margin-right: 2px
        }

        div.recommendation-card .seller .img-badge[data-v-673cdf3a] {
            margin-right: 4px
        }

        div.recommendation-card .seller .location[data-v-673cdf3a] {
            text-overflow: ellipsis;
            overflow: hidden;
            display: -webkit-box;
            -webkit-line-clamp: 1;
            -webkit-box-orient: vertical;
            word-break: break-all
        }

        img.recommendation-card-image[data-v-673cdf3a] {
            width: 100%;
            height: 100%;
            object-fit: contain
        }

        .scroller[data-v-6de2d726] {
            position: relative;
            width: 100%
        }

        .not-scrollable-container__content[data-v-6de2d726] {
            display: flex;
            margin: 0;
            padding: 0
        }

        @media screen and (max-width: 839px) {
            .not-scrollable-container__content[data-v-6de2d726] {
                overflow-x: scroll
            }
        }

        .not-scrollable-container .blu-product[data-v-6de2d726] {
            max-width: 224px
        }

        @media screen and (min-width: 840px),
        print {
            .not-scrollable-container .blu-product[data-v-6de2d726] {
                margin: 6px
            }
        }

        @media screen and (max-width: 839px) {
            .not-scrollable-container .blu-product[data-v-6de2d726] {
                margin: 4px
            }
        }

        .scroller-container__content[data-v-6de2d726] {
            display: flex;
            scrollbar-width: none
        }

        .scroller-container__content[data-v-6de2d726]::-webkit-scrollbar {
            width: 0px;
            height: 0px;
            background: transparent
        }

        @media screen and (min-width: 840px),
        print {
            .scroller-container__content[data-v-6de2d726] {
                overflow-x: hidden
            }

            .scroller-container__arrow-left[data-v-6de2d726] {
                cursor: pointer;
                display: flex;
                align-items: center;
                justify-content: center;
                width: 40px;
                height: 40px;
                border-radius: 50%;
                box-shadow: 0 0 24px -4px #0000003d;
                position: absolute;
                left: -16px;
                bottom: calc(50% - 16px);
                z-index: 2;
                background-color: #fff
            }

            .scroller-container__arrow-right[data-v-6de2d726] {
                cursor: pointer;
                display: flex;
                align-items: center;
                justify-content: center;
                width: 40px;
                height: 40px;
                border-radius: 50%;
                box-shadow: 0 0 24px -4px #0000003d;
                position: absolute;
                right: -16px;
                bottom: calc(50% - 16px);
                z-index: 2;
                background-color: #fff;
                transform: rotate(180deg)
            }
        }

        @media screen and (max-width: 839px) {
            .scroller-container__content[data-v-6de2d726] {
                overflow-x: scroll
            }
        }

        .recommendation[data-v-18128192] {
            width: 100%
        }

        .recommendation__title[data-v-18128192] {
            font: 600 18px/24px Blibli, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif;
            color: #19222a
        }

        @media screen and (min-width: 840px),
        print {
            .recommendation__title[data-v-18128192] {
                padding: 8px 24px 0
            }
        }

        @media screen and (max-width: 839px) {
            .recommendation__title[data-v-18128192] {
                padding: 16px 16px 0
            }
        }

        .recommendation__list[data-v-18128192] {
            padding: 16px
        }

        @media screen and (max-width: 839px) {
            .recommendation__list[data-v-18128192] {
                padding: 16px 0
            }
        }

        @media screen and (max-width: 839px) {
            .recommendation__item[data-v-18128192]:first-child {
                padding-left: 10px
            }
        }

        .recommendation .fade-enter-active[data-v-18128192],
        .recommendation .fade-leave-active[data-v-18128192] {
            transition: opacity .5s ease
        }

        .recommendation .fade-enter-from[data-v-18128192],
        .recommendation .fade-leave-to[data-v-18128192] {
            opacity: 0
        }
    </style>
    <style>
        html:not([dark]) .blu-product-grocery[data-v-7dfd505e] {
            --blu-product-grocery-color-background: #ffffff;
            --blu-product-grocery-count-color-background: #797f85;
            --blu-product-grocery-border-radius: 8px 8px;
            --blu-product-grocery-count-border-radius: 50%;
            --blu-product-grocery-name-text: 500 14px/18px Blibli, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif;
            --blu-product-grocery-count-text: 500 12px/16px Blibli, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif;
            --blu-product-grocery-count-color-text: rgba(25, 34, 42, .7019607843);
            --blu-product-grocery-image-border: 1px solid #f1f2f2;
            --blu-product-grocery-label-count-margin: 4px;
            --blu-product-grocery-count-divider-height: 2px;
            --blu-product-grocery-count-divider-width: 2px;
            position: relative;
            background-color: var(--blu-product-grocery-color-background);
            border-radius: var(--blu-product-grocery-border-radius);
            height: 100%;
            overflow: hidden;
            display: flex;
            flex-direction: column;
            gap: 4px
        }

        @media screen and (min-width: 840px),
        print {
            html:not([dark]) .blu-product-grocery[data-v-7dfd505e] {
                flex: 1 192px
            }
        }

        @media screen and (max-width: 839px) {
            html:not([dark]) .blu-product-grocery[data-v-7dfd505e] {
                flex: 1 138px
            }
        }

        html:not([dark]) .blu-product-grocery[data-v-7dfd505e] .blu-image__main {
            transition: all .3s ease
        }

        html:not([dark]) .blu-product-grocery[data-v-7dfd505e]:not(.b-disabled):hover {
            cursor: pointer
        }

        html:not([dark]) .blu-product-grocery[data-v-7dfd505e]:not(.b-disabled):hover .blu-image__main {
            transform: scale(1.05)
        }

        html:not([dark]) .blu-product-grocery__top[data-v-7dfd505e] {
            position: relative
        }

        html:not([dark]) .blu-product-grocery__image[data-v-7dfd505e] {
            position: relative;
            top: 0;
            aspect-ratio: 1;
            border: var(--blu-product-grocery-image-border);
            border-radius: var(--blu-product-grocery-border-radius);
            object-fit: contain;
            overflow: hidden
        }

        html:not([dark]) .blu-product-grocery__image-label[data-v-7dfd505e] {
            position: absolute;
            top: 8px;
            left: 8px;
            display: flex;
            z-index: 1
        }

        html:not([dark]) .blu-product-grocery__promo-campaign[data-v-7dfd505e] {
            --blu-product-grocery-promo-campaign-height: 24px;
            position: absolute;
            bottom: 0;
            left: 0;
            height: var(--blu-product-grocery-promo-campaign-height)
        }

        html:not([dark]) .blu-product-grocery__promo-campaign[data-v-7dfd505e] img {
            max-height: var(--blu-product-grocery-promo-campaign-height)
        }

        html:not([dark]) .blu-product-grocery__button[data-v-7dfd505e] {
            position: absolute;
            bottom: 8px;
            right: 8px;
            z-index: 1
        }

        html:not([dark]) .blu-product-grocery__button[data-v-7dfd505e] .blu-input-number.b-field.b-secondary {
            --blu-input-number-color-border: #1d8fff
        }

        html:not([dark]) .blu-product-grocery__bottom[data-v-7dfd505e] {
            display: flex;
            flex-direction: column;
            gap: 4px
        }

        html:not([dark]) .blu-product-grocery__bottom--price[data-v-7dfd505e] {
            display: flex;
            flex-direction: column;
            gap: 4px
        }

        html:not([dark]) .blu-product-grocery__bottom--price .blu-grocery-bottom__price[data-v-7dfd505e] {
            --blu-product-grocery-price-after-text: 600 16px/20px Blibli, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif;
            --blu-product-grocery-price-before-text: 500 12px/16px Blibli, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif;
            --blu-product-grocery-price-after-color-text: #19222a;
            --blu-product-grocery-price-before-color-text: rgba(25, 34, 42, .4)
        }

        html:not([dark]) .blu-product-grocery__bottom--price .blu-grocery-bottom__price--after[data-v-7dfd505e] {
            font: var(--blu-product-grocery-price-after-text);
            color: var(--blu-product-grocery-price-after-color-text)
        }

        html:not([dark]) .blu-product-grocery__bottom--price .blu-grocery-bottom__price--before[data-v-7dfd505e] {
            display: flex;
            gap: 4px;
            font: var(--blu-product-grocery-price-before-text);
            color: var(--blu-product-grocery-price-before-color-text)
        }

        html:not([dark]) .blu-product-grocery__bottom--price .blu-grocery-bottom__price--before .blu-grocery-price-before[data-v-7dfd505e] {
            text-decoration: line-through
        }

        html:not([dark]) .blu-product-grocery__bottom--price .blu-grocery-bottom__promo-badge[data-v-7dfd505e] {
            display: flex;
            margin: 2px 0
        }

        html:not([dark]) .blu-product-grocery__bottom--name[data-v-7dfd505e] {
            display: -webkit-box;
            -webkit-line-clamp: 2;
            -webkit-box-orient: vertical;
            font: var(--blu-product-grocery-name-text);
            white-space: initial;
            word-break: break-word;
            overflow: hidden
        }

        html:not([dark]) .blu-product-grocery__bottom--seller-credibility[data-v-7dfd505e] {
            display: flex;
            flex-direction: column;
            gap: 4px
        }

        html:not([dark]) .blu-product-grocery__bottom--seller-credibility .blu-grocery-seller-credibility__info[data-v-7dfd505e] {
            display: flex;
            align-items: center;
            gap: 4px
        }

        html:not([dark]) .blu-product-grocery__bottom--seller-credibility .blu-grocery-seller-credibility__info .blu-grocery-seller__location[data-v-7dfd505e] {
            --blu-product-grocery-location-text: 500 12px/16px Blibli, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif;
            --blu-product-grocery-location-color-text: rgba(25, 34, 42, .7019607843);
            font: var(--blu-product-grocery-location-text);
            color: var(--blu-product-grocery-location-color-text)
        }

        html:not([dark]) .blu-product-grocery__bottom--seller-credibility .blu-grocery-seller-credibility__count[data-v-7dfd505e] {
            display: flex;
            align-items: center;
            gap: 4px;
            font: var(--blu-product-grocery-count-text);
            color: var(--blu-product-grocery-count-color-text)
        }

        html:not([dark]) .blu-product-grocery__bottom--seller-credibility .blu-grocery-seller-credibility__count span[data-v-7dfd505e] {
            margin-left: var(--blu-product-grocery-label-count-margin)
        }

        html:not([dark]) .blu-product-grocery__bottom--seller-credibility .blu-grocery-seller-credibility__count-wrapper[data-v-7dfd505e] {
            display: flex;
            align-items: center
        }

        html:not([dark]) .blu-product-grocery__bottom--seller-credibility .blu-grocery-seller-credibility__count--divider[data-v-7dfd505e] {
            width: var(--blu-product-grocery-count-divider-width);
            height: var(--blu-product-grocery-count-divider-height);
            background-color: var(--blu-product-grocery-count-color-background);
            border-radius: var(--blu-product-grocery-count-border-radius)
        }

        html:not([dark]) .blu-product-grocery__bottom--seller-credibility .blu-grocery-seller-credibility__features[data-v-7dfd505e] {
            display: flex;
            gap: 4px
        }

        html:not([dark]) .blu-product-grocery__bottom .name-on-top[data-v-7dfd505e] {
            flex-direction: column-reverse
        }

        html:not([dark]) .blu-product-grocery__title-price-wrapper[data-v-7dfd505e] {
            display: flex;
            gap: 4px;
            flex-direction: column
        }

        html:not([dark]) .blu-product-grocery__variant[data-v-7dfd505e] {
            --blu-product-grocery-variant-color-text: rgba(25, 34, 42, .7019607843);
            --blu-product-grocery-variant-text: 500 12px/16px Blibli, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif;
            display: flex;
            align-items: center;
            font: var(--blu-product-grocery-variant-text);
            color: var(--blu-product-grocery-variant-color-text)
        }

        html:not([dark]) .blu-product-grocery__variant.has-multiple[data-v-7dfd505e] {
            --blu-product-grocery-variant-color-text: #ac8221;
            --blu-product-grocery-variant-text: 600 12px/16px Blibli, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif
        }

        html:not([dark]) .blu-product-grocery__variant svg[data-v-7dfd505e] {
            width: 12px;
            height: 12px
        }

        html:not([dark]) .blu-product-grocery__promo-badge[data-v-7dfd505e] {
            display: flex;
            margin-top: 2px
        }

        html:not([dark]) .blu-product-grocery.b-disabled[data-v-7dfd505e] {
            cursor: not-allowed;
            -webkit-user-select: none;
            user-select: none
        }

        html:not([dark]) .blu-product-grocery.b-disabled .blu-product-grocery__bottom[data-v-7dfd505e],
        html:not([dark]) .blu-product-grocery.b-disabled .blu-product-grocery__promo-campaign[data-v-7dfd505e] {
            opacity: .5
        }

        html:not([dark]) .blu-product-grocery.b-disabled .blu-product-grocery__image[data-v-7dfd505e] .blu-image,
        html:not([dark]) .blu-product-grocery.b-disabled .blu-product-grocery__image[data-v-7dfd505e] .blu-product-image-carousel__slider {
            opacity: .5
        }

        html:not([dark]) .blu-product-grocery.b-on-colored-background[data-v-7dfd505e] {
            --blu-product-grocery-image-border: none
        }

        html:not([dark]) .blu-product-grocery.b-on-colored-background .blu-product-grocery__bottom[data-v-7dfd505e] {
            padding: 0 8px 8px
        }

        html[dark] .blu-product-grocery[data-v-7dfd505e] {
            --blu-product-grocery-color-background: #12171d;
            --blu-product-grocery-count-color-background: #acb0b4;
            --blu-product-grocery-border-radius: 8px 8px;
            --blu-product-grocery-count-border-radius: 50%;
            --blu-product-grocery-name-text: 500 14px/18px Blibli, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif;
            --blu-product-grocery-count-text: 500 12px/16px Blibli, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif;
            --blu-product-grocery-count-color-text: rgba(255, 255, 255, .8);
            --blu-product-grocery-image-border: 1px solid #28323b;
            --blu-product-grocery-label-count-margin: 4px;
            --blu-product-grocery-count-divider-height: 2px;
            --blu-product-grocery-count-divider-width: 2px;
            position: relative;
            background-color: var(--blu-product-grocery-color-background);
            border-radius: var(--blu-product-grocery-border-radius);
            height: 100%;
            overflow: hidden;
            display: flex;
            flex-direction: column;
            gap: 4px
        }

        @media screen and (min-width: 840px),
        print {
            html[dark] .blu-product-grocery[data-v-7dfd505e] {
                flex: 1 192px
            }
        }

        @media screen and (max-width: 839px) {
            html[dark] .blu-product-grocery[data-v-7dfd505e] {
                flex: 1 138px
            }
        }

        html[dark] .blu-product-grocery[data-v-7dfd505e] .blu-image__main {
            transition: all .3s ease
        }

        html[dark] .blu-product-grocery[data-v-7dfd505e]:not(.b-disabled):hover {
            cursor: pointer
        }

        html[dark] .blu-product-grocery[data-v-7dfd505e]:not(.b-disabled):hover .blu-image__main {
            transform: scale(1.05)
        }

        html[dark] .blu-product-grocery__top[data-v-7dfd505e] {
            position: relative
        }

        html[dark] .blu-product-grocery__image[data-v-7dfd505e] {
            position: relative;
            top: 0;
            aspect-ratio: 1;
            border: var(--blu-product-grocery-image-border);
            border-radius: var(--blu-product-grocery-border-radius);
            object-fit: contain;
            overflow: hidden
        }

        html[dark] .blu-product-grocery__image-label[data-v-7dfd505e] {
            position: absolute;
            top: 8px;
            left: 8px;
            display: flex;
            z-index: 1
        }

        html[dark] .blu-product-grocery__promo-campaign[data-v-7dfd505e] {
            --blu-product-grocery-promo-campaign-height: 24px;
            position: absolute;
            bottom: 0;
            left: 0;
            height: var(--blu-product-grocery-promo-campaign-height)
        }

        html[dark] .blu-product-grocery__promo-campaign[data-v-7dfd505e] img {
            max-height: var(--blu-product-grocery-promo-campaign-height)
        }

        html[dark] .blu-product-grocery__button[data-v-7dfd505e] {
            position: absolute;
            bottom: 8px;
            right: 8px;
            z-index: 1
        }

        html[dark] .blu-product-grocery__button[data-v-7dfd505e] .blu-input-number.b-field.b-secondary {
            --blu-input-number-color-border: #4fa4ff
        }

        html[dark] .blu-product-grocery__bottom[data-v-7dfd505e],
        html[dark] .blu-product-grocery__bottom--price[data-v-7dfd505e] {
            display: flex;
            flex-direction: column;
            gap: 4px
        }

        html[dark] .blu-product-grocery__bottom--price .blu-grocery-bottom__price[data-v-7dfd505e] {
            --blu-product-grocery-price-after-text: 600 16px/20px Blibli, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif;
            --blu-product-grocery-price-before-text: 500 12px/16px Blibli, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif;
            --blu-product-grocery-price-after-color-text: #ffffff;
            --blu-product-grocery-price-before-color-text: rgba(255, 255, 255, .5019607843)
        }

        html[dark] .blu-product-grocery__bottom--price .blu-grocery-bottom__price--after[data-v-7dfd505e] {
            font: var(--blu-product-grocery-price-after-text);
            color: var(--blu-product-grocery-price-after-color-text)
        }

        html[dark] .blu-product-grocery__bottom--price .blu-grocery-bottom__price--before[data-v-7dfd505e] {
            display: flex;
            gap: 4px;
            font: var(--blu-product-grocery-price-before-text);
            color: var(--blu-product-grocery-price-before-color-text)
        }

        html[dark] .blu-product-grocery__bottom--price .blu-grocery-bottom__price--before .blu-grocery-price-before[data-v-7dfd505e] {
            text-decoration: line-through
        }

        html[dark] .blu-product-grocery__bottom--price .blu-grocery-bottom__promo-badge[data-v-7dfd505e] {
            display: flex;
            margin: 2px 0
        }

        html[dark] .blu-product-grocery__bottom--name[data-v-7dfd505e] {
            display: -webkit-box;
            -webkit-line-clamp: 2;
            -webkit-box-orient: vertical;
            font: var(--blu-product-grocery-name-text);
            white-space: initial;
            word-break: break-word;
            overflow: hidden
        }

        html[dark] .blu-product-grocery__bottom--seller-credibility[data-v-7dfd505e] {
            display: flex;
            flex-direction: column;
            gap: 4px
        }

        html[dark] .blu-product-grocery__bottom--seller-credibility .blu-grocery-seller-credibility__info[data-v-7dfd505e] {
            display: flex;
            align-items: center;
            gap: 4px
        }

        html[dark] .blu-product-grocery__bottom--seller-credibility .blu-grocery-seller-credibility__info .blu-grocery-seller__location[data-v-7dfd505e] {
            --blu-product-grocery-location-text: 500 12px/16px Blibli, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif;
            --blu-product-grocery-location-color-text: rgba(255, 255, 255, .8);
            font: var(--blu-product-grocery-location-text);
            color: var(--blu-product-grocery-location-color-text)
        }

        html[dark] .blu-product-grocery__bottom--seller-credibility .blu-grocery-seller-credibility__count[data-v-7dfd505e] {
            display: flex;
            align-items: center;
            gap: 4px;
            font: var(--blu-product-grocery-count-text);
            color: var(--blu-product-grocery-count-color-text)
        }

        html[dark] .blu-product-grocery__bottom--seller-credibility .blu-grocery-seller-credibility__count span[data-v-7dfd505e] {
            margin-left: var(--blu-product-grocery-label-count-margin)
        }

        html[dark] .blu-product-grocery__bottom--seller-credibility .blu-grocery-seller-credibility__count-wrapper[data-v-7dfd505e] {
            display: flex;
            align-items: center
        }

        html[dark] .blu-product-grocery__bottom--seller-credibility .blu-grocery-seller-credibility__count--divider[data-v-7dfd505e] {
            width: var(--blu-product-grocery-count-divider-width);
            height: var(--blu-product-grocery-count-divider-height);
            background-color: var(--blu-product-grocery-count-color-background);
            border-radius: var(--blu-product-grocery-count-border-radius)
        }

        html[dark] .blu-product-grocery__bottom--seller-credibility .blu-grocery-seller-credibility__features[data-v-7dfd505e] {
            display: flex;
            gap: 4px
        }

        html[dark] .blu-product-grocery__bottom .name-on-top[data-v-7dfd505e] {
            flex-direction: column-reverse
        }

        html[dark] .blu-product-grocery__title-price-wrapper[data-v-7dfd505e] {
            display: flex;
            gap: 4px;
            flex-direction: column
        }

        html[dark] .blu-product-grocery__variant[data-v-7dfd505e] {
            --blu-product-grocery-variant-color-text: rgba(255, 255, 255, .8);
            --blu-product-grocery-variant-text: 500 12px/16px Blibli, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif;
            display: flex;
            align-items: center;
            font: var(--blu-product-grocery-variant-text);
            color: var(--blu-product-grocery-variant-color-text)
        }

        html[dark] .blu-product-grocery__variant.has-multiple[data-v-7dfd505e] {
            --blu-product-grocery-variant-color-text: #4fa4ff;
            --blu-product-grocery-variant-text: 600 12px/16px Blibli, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif
        }

        html[dark] .blu-product-grocery__variant svg[data-v-7dfd505e] {
            width: 12px;
            height: 12px
        }

        html[dark] .blu-product-grocery__promo-badge[data-v-7dfd505e] {
            display: flex;
            margin-top: 2px
        }

        html[dark] .blu-product-grocery.b-disabled[data-v-7dfd505e] {
            cursor: not-allowed;
            -webkit-user-select: none;
            user-select: none
        }

        html[dark] .blu-product-grocery.b-disabled .blu-product-grocery__bottom[data-v-7dfd505e],
        html[dark] .blu-product-grocery.b-disabled .blu-product-grocery__promo-campaign[data-v-7dfd505e],
        html[dark] .blu-product-grocery.b-disabled .blu-product-grocery__image[data-v-7dfd505e] .blu-image,
        html[dark] .blu-product-grocery.b-disabled .blu-product-grocery__image[data-v-7dfd505e] .blu-product-image-carousel__slider {
            opacity: .5
        }

        html[dark] .blu-product-grocery.b-on-colored-background[data-v-7dfd505e] {
            --blu-product-grocery-image-border: none
        }

        html[dark] .blu-product-grocery.b-on-colored-background .blu-product-grocery__bottom[data-v-7dfd505e] {
            padding: 0 8px 8px
        }
    </style>
    <style>
        html:not([dark]) .blu-loader-general[data-v-5f0af726] {
            --blu-loader-general-highlight-color-background: #1d8fff;
            --blu-loader-general-base-color-background: #f1f2f2;
            width: var(--blu-loader-general-size);
            height: var(--blu-loader-general-size)
        }

        html:not([dark]) .blu-loader-general__asset[data-v-5f0af726] {
            animation: general-rotate-5f0af726 1.6s linear infinite;
            transform-origin: center center;
            transition: all .5s ease-in-out;
            width: 100%;
            height: 100%;
            margin: auto;
            transform: rotate(90deg)
        }

        html:not([dark]) .blu-loader-general__asset--highlight[data-v-5f0af726],
        html:not([dark]) .blu-loader-general__asset--base[data-v-5f0af726] {
            stroke-linecap: round
        }

        html:not([dark]) .blu-loader-general__asset--highlight[data-v-5f0af726] {
            stroke: var(--blu-loader-general-highlight-color-background);
            animation: general-highlight-5f0af726 1.6s linear infinite
        }

        html:not([dark]) .blu-loader-general__asset--base[data-v-5f0af726] {
            stroke: var(--blu-loader-general-base-color-background);
            animation: general-base-5f0af726 1.6s linear infinite
        }

        html:not([dark]) .blu-loader-general.b-inverted[data-v-5f0af726] {
            --blu-loader-general-highlight-color-background: #ffffff;
            --blu-loader-general-base-color-background: #c8cbcd
        }

        html:not([dark]) .blu-loader-general.b-size-s[data-v-5f0af726] {
            --blu-loader-general-size: 16px
        }

        html:not([dark]) .blu-loader-general.b-size-m[data-v-5f0af726] {
            --blu-loader-general-size: 18px
        }

        html:not([dark]) .blu-loader-general.b-size-l[data-v-5f0af726] {
            --blu-loader-general-size: 24px
        }

        html:not([dark]) .blu-loader-general.b-size-xl[data-v-5f0af726] {
            --blu-loader-general-size: 32px
        }

        html[dark] .blu-loader-general[data-v-5f0af726] {
            --blu-loader-general-highlight-color-background: #4fa4ff;
            --blu-loader-general-base-color-background: #28323b;
            width: var(--blu-loader-general-size);
            height: var(--blu-loader-general-size)
        }

        html[dark] .blu-loader-general__asset[data-v-5f0af726] {
            animation: general-rotate-5f0af726 1.6s linear infinite;
            transform-origin: center center;
            transition: all .5s ease-in-out;
            width: 100%;
            height: 100%;
            margin: auto;
            transform: rotate(90deg)
        }

        html[dark] .blu-loader-general__asset--highlight[data-v-5f0af726],
        html[dark] .blu-loader-general__asset--base[data-v-5f0af726] {
            stroke-linecap: round
        }

        html[dark] .blu-loader-general__asset--highlight[data-v-5f0af726] {
            stroke: var(--blu-loader-general-highlight-color-background);
            animation: general-highlight-5f0af726 1.6s linear infinite
        }

        html[dark] .blu-loader-general__asset--base[data-v-5f0af726] {
            stroke: var(--blu-loader-general-base-color-background);
            animation: general-base-5f0af726 1.6s linear infinite
        }

        html[dark] .blu-loader-general.b-inverted[data-v-5f0af726] {
            --blu-loader-general-highlight-color-background: #12171d;
            --blu-loader-general-base-color-background: #60686e
        }

        html[dark] .blu-loader-general.b-size-s[data-v-5f0af726] {
            --blu-loader-general-size: 16px
        }

        html[dark] .blu-loader-general.b-size-m[data-v-5f0af726] {
            --blu-loader-general-size: 18px
        }

        html[dark] .blu-loader-general.b-size-l[data-v-5f0af726] {
            --blu-loader-general-size: 24px
        }

        html[dark] .blu-loader-general.b-size-xl[data-v-5f0af726] {
            --blu-loader-general-size: 32px
        }

        @keyframes general-highlight-5f0af726 {
            0% {
                stroke-dasharray: 1, 200;
                stroke-dashoffset: 0
            }

            50% {
                stroke-dasharray: 50, 200;
                stroke-dashoffset: -15px
            }

            to {
                stroke-dasharray: 50, 200;
                stroke-dashoffset: -124px
            }
        }

        @keyframes general-base-5f0af726 {
            0% {
                stroke-dasharray: 1, 200;
                stroke-dashoffset: 0
            }

            to {
                stroke-dasharray: 100, 200;
                stroke-dashoffset: -120px
            }
        }

        @keyframes general-rotate-5f0af726 {
            to {
                transform: rotate(450deg)
            }
        }

        html:not([dark]) button[data-v-498b5b0a] {
            border: none;
            background: none;
            cursor: pointer;
            font-family: Blibli, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif;
            padding: 0
        }

        html:not([dark]) input[type=submit][data-v-498b5b0a]::-moz-focus-inner,
        html:not([dark]) input[type=button][data-v-498b5b0a]::-moz-focus-inner {
            border: 0px
        }

        html:not([dark]) button[data-v-498b5b0a]:focus,
        html:not([dark]) input[type=submit][data-v-498b5b0a]:focus,
        html:not([dark]) input[type=button][data-v-498b5b0a]:focus,
        html:not([dark]) input[type=reset][data-v-498b5b0a]:focus,
        html:not([dark]) a[data-v-498b5b0a] {
            outline: none
        }

        html:not([dark]) .blu-button[data-v-498b5b0a] {
            --blu-button-border-width: 1px;
            --blu-button-border-radius: 64px;
            --blu-button-color-text: #ffffff;
            --blu-button-color-icon: #ffffff;
            --blu-button-opacity: $blu-button-opacity;
            --blu-button-size-height: 48px;
            --blu-button-icon-size: 24px;
            --blu-button-spacing-padding: 0 32px;
            --blu-button-spacing-gap: 8px;
            --blu-button-text: 600 16px/20px Blibli, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif;
            padding: var(--blu-button-spacing-padding);
            height: var(--blu-button-size-height);
            border-radius: var(--blu-button-border-radius);
            transition: transform .3s .08s, all .3s;
            color: var(--blu-button-color-text);
            background-color: var(--blu-button-color-background);
            font: var(--blu-button-text);
            box-shadow: 0 0 0 var(--blu-button-border-width) var(--blu-button-color-border);
            display: inline-flex;
            justify-content: center;
            align-items: center;
            white-space: nowrap
        }

        html:not([dark]) .blu-button[data-v-498b5b0a]:active:hover:not(.b-disabled),
        html:not([dark]) .blu-button:active.b-hover[data-v-498b5b0a]:not(.b-disabled) {
            transform: scale(.875)
        }

        html:not([dark]) .blu-button[data-v-498b5b0a]:focus-visible {
            outline: none
        }

        html:not([dark]) .blu-button[data-v-498b5b0a]:focus-visible:not(.b-disabled) {
            box-shadow: 0 0 0 2px #19222a
        }

        html:not([dark]) .blu-button__icon[data-v-498b5b0a] {
            display: flex;
            color: var(--blu-button-color-icon)
        }

        html:not([dark]) .blu-button__icon[data-v-498b5b0a] svg {
            width: var(--blu-button-icon-size);
            height: var(--blu-button-icon-size)
        }

        html:not([dark]) .blu-button.b-has-icon:not(.b-has-icon-only) .blu-button__icon[data-v-498b5b0a] {
            margin-right: var(--blu-button-spacing-gap)
        }

        html:not([dark]) .blu-button.b-has-icon-only[data-v-498b5b0a] {
            --blu-button-spacing-padding: 0 12px
        }

        html:not([dark]) .blu-button.b-loading[data-v-498b5b0a] .blu-loader-wrapper svg {
            display: flex;
            width: 18px;
            height: 18px
        }

        html:not([dark]) .blu-button.b-disabled[data-v-498b5b0a] {
            cursor: not-allowed
        }

        html:not([dark]) .blu-button.b-disabled[data-v-498b5b0a]:active {
            pointer-events: none
        }

        html:not([dark]) .blu-button.b-full-width[data-v-498b5b0a] {
            width: 100%
        }

        html:not([dark]) .blu-button.b-primary.b-common[data-v-498b5b0a] {
            --blu-button-color-background: #a58d33
        }

        html:not([dark]) .blu-button.b-primary.b-common.b-hover[data-v-498b5b0a]:not(.b-disabled),
        html:not([dark]) .blu-button.b-primary.b-common[data-v-498b5b0a]:hover:not(.b-disabled),
        html:not([dark]) .blu-button.b-primary.b-common[data-v-498b5b0a]:active:not(.b-disabled),
        html:not([dark]) .blu-button.b-primary.b-common[data-v-498b5b0a]:focus-visible:not(.b-disabled) {
            --blu-button-color-background: #1d8fff;
            --blu-button-color-border: transparent
        }

        html:not([dark]) .blu-button.b-primary.b-danger[data-v-498b5b0a] {
            --blu-button-color-background: #e93c3c
        }

        html:not([dark]) .blu-button.b-primary.b-danger.b-hover[data-v-498b5b0a]:not(.b-disabled),
        html:not([dark]) .blu-button.b-primary.b-danger[data-v-498b5b0a]:hover:not(.b-disabled),
        html:not([dark]) .blu-button.b-primary.b-danger[data-v-498b5b0a]:active:not(.b-disabled),
        html:not([dark]) .blu-button.b-primary.b-danger[data-v-498b5b0a]:focus-visible:not(.b-disabled) {
            --blu-button-color-background: #ff4646;
            --blu-button-color-border: transparent
        }

        html:not([dark]) .blu-button.b-primary.b-inverted[data-v-498b5b0a] {
            --blu-button-color-background: #ffffff;
            --blu-button-color-text: #ac8221;
            --blu-button-color-icon: #a58d33
        }

        html:not([dark]) .blu-button.b-primary.b-inverted.b-hover[data-v-498b5b0a]:not(.b-disabled),
        html:not([dark]) .blu-button.b-primary.b-inverted[data-v-498b5b0a]:hover:not(.b-disabled),
        html:not([dark]) .blu-button.b-primary.b-inverted[data-v-498b5b0a]:active:not(.b-disabled),
        html:not([dark]) .blu-button.b-primary.b-inverted[data-v-498b5b0a]:focus-visible:not(.b-disabled) {
            --blu-button-color-background: #f9f9fa;
            --blu-button-color-border: transparent
        }

        html:not([dark]) .blu-button.b-primary.b-disabled[data-v-498b5b0a] {
            --blu-button-color-background: #e1e3e4;
            --blu-button-color-text: rgba(25, 34, 42, .3019607843);
            --blu-button-color-icon: rgba(25, 34, 42, .3019607843)
        }

        html:not([dark]) .blu-button.b-primary.b-disabled[data-v-498b5b0a]:not(.b-inverted) {
            --blu-button-color-background: #e1e3e4;
            --blu-button-color-text: rgba(25, 34, 42, .3019607843);
            --blu-button-color-icon: rgba(25, 34, 42, .3019607843)
        }

        html:not([dark]) .blu-button.b-small[data-v-498b5b0a] {
            --blu-button-border-radius: 64px;
            --blu-button-size-height: 36px;
            --blu-button-spacing-padding: 0 16px;
            --blu-button-text: 600 14px/18px Blibli, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif;
            --blu-button-icon-size: 18px;
            --blu-button-spacing-gap: 4px
        }

        html:not([dark]) .blu-button.b-small.b-has-icon-only[data-v-498b5b0a] {
            --blu-button-spacing-padding: 0 9px
        }

        html:not([dark]) .blu-button.b-secondary[data-v-498b5b0a] {
            --blu-button-color-background: #ffffff
        }

        html:not([dark]) .blu-button.b-secondary.b-common[data-v-498b5b0a] {
            --blu-button-color-border: #1d8fff;
            --blu-button-color-text: #ac8221;
            --blu-button-color-icon: #a58d33
        }

        html:not([dark]) .blu-button.b-secondary.b-common.b-hover[data-v-498b5b0a]:not(.b-disabled),
        html:not([dark]) .blu-button.b-secondary.b-common[data-v-498b5b0a]:hover:not(.b-disabled),
        html:not([dark]) .blu-button.b-secondary.b-common[data-v-498b5b0a]:active:not(.b-disabled),
        html:not([dark]) .blu-button.b-secondary.b-common[data-v-498b5b0a]:focus-visible:not(.b-disabled) {
            --blu-button-color-background: #f3f9ff;
            --blu-button-color-border: #a58d33
        }

        html:not([dark]) .blu-button.b-secondary.b-danger[data-v-498b5b0a] {
            --blu-button-color-border: #ff4646;
            --blu-button-color-text: #d33534;
            --blu-button-color-icon: #e93c3c
        }

        html:not([dark]) .blu-button.b-secondary.b-danger.b-hover[data-v-498b5b0a]:not(.b-disabled),
        html:not([dark]) .blu-button.b-secondary.b-danger[data-v-498b5b0a]:hover:not(.b-disabled),
        html:not([dark]) .blu-button.b-secondary.b-danger[data-v-498b5b0a]:active:not(.b-disabled),
        html:not([dark]) .blu-button.b-secondary.b-danger[data-v-498b5b0a]:focus-visible:not(.b-disabled) {
            --blu-button-color-background: #fff5f5;
            --blu-button-color-border: #e93c3c
        }

        html:not([dark]) .blu-button.b-secondary.b-inverted[data-v-498b5b0a] {
            --blu-button-color-background: rgba(25, 34, 42, .3019607843);
            --blu-button-color-border: #ffffff;
            --blu-button-color-text: #ffffff;
            --blu-button-color-icon: #ffffff
        }

        html:not([dark]) .blu-button.b-secondary.b-inverted.b-hover[data-v-498b5b0a]:not(.b-disabled),
        html:not([dark]) .blu-button.b-secondary.b-inverted[data-v-498b5b0a]:hover:not(.b-disabled),
        html:not([dark]) .blu-button.b-secondary.b-inverted[data-v-498b5b0a]:active:not(.b-disabled),
        html:not([dark]) .blu-button.b-secondary.b-inverted[data-v-498b5b0a]:focus-visible:not(.b-disabled) {
            --blu-button-color-background: rgba(255, 255, 255, .4);
            --blu-button-color-border: #ffffff
        }

        html:not([dark]) .blu-button.b-secondary.b-disabled[data-v-498b5b0a] {
            --blu-button-color-background: #e1e3e4;
            --blu-button-color-border: #c8cbcd;
            --blu-button-color-text: rgba(25, 34, 42, .3019607843);
            --blu-button-color-icon: rgba(25, 34, 42, .3019607843)
        }

        html:not([dark]) .blu-button.b-secondary.b-disabled[data-v-498b5b0a]:not(.b-inverted) {
            --blu-button-color-background: #e1e3e4;
            --blu-button-color-border: #c8cbcd;
            --blu-button-color-text: rgba(25, 34, 42, .3019607843);
            --blu-button-color-icon: rgba(25, 34, 42, .3019607843)
        }

        html:not([dark]) .blu-button[data-v-498b5b0a] {
            width: var(--blu-button-custom-width)
        }

        html:not([dark]) .blu-button.b-tertiary.b-common[data-v-498b5b0a] {
            --blu-button-color-text: #ac8221;
            --blu-button-color-icon: #a58d33
        }

        html:not([dark]) .blu-button.b-tertiary.b-common.b-hover[data-v-498b5b0a]:not(.b-disabled),
        html:not([dark]) .blu-button.b-tertiary.b-common[data-v-498b5b0a]:hover:not(.b-disabled),
        html:not([dark]) .blu-button.b-tertiary.b-common[data-v-498b5b0a]:active:not(.b-disabled),
        html:not([dark]) .blu-button.b-tertiary.b-common[data-v-498b5b0a]:focus-visible:not(.b-disabled) {
            --blu-button-color-background: #f3f9ff;
            --blu-button-color-border: transparent
        }

        html:not([dark]) .blu-button.b-tertiary.b-danger[data-v-498b5b0a] {
            --blu-button-color-text: #d33534;
            --blu-button-color-icon: #e93c3c
        }

        html:not([dark]) .blu-button.b-tertiary.b-danger.b-hover[data-v-498b5b0a]:not(.b-disabled),
        html:not([dark]) .blu-button.b-tertiary.b-danger[data-v-498b5b0a]:hover:not(.b-disabled),
        html:not([dark]) .blu-button.b-tertiary.b-danger[data-v-498b5b0a]:active:not(.b-disabled),
        html:not([dark]) .blu-button.b-tertiary.b-danger[data-v-498b5b0a]:focus-visible:not(.b-disabled) {
            --blu-button-color-background: #fff5f5;
            --blu-button-color-border: transparent
        }

        html:not([dark]) .blu-button.b-tertiary.b-inverted[data-v-498b5b0a] {
            --blu-button-color-text: #ffffff;
            --blu-button-color-icon: #ffffff
        }

        html:not([dark]) .blu-button.b-tertiary.b-inverted.b-hover[data-v-498b5b0a]:not(.b-disabled),
        html:not([dark]) .blu-button.b-tertiary.b-inverted[data-v-498b5b0a]:hover:not(.b-disabled),
        html:not([dark]) .blu-button.b-tertiary.b-inverted[data-v-498b5b0a]:active:not(.b-disabled),
        html:not([dark]) .blu-button.b-tertiary.b-inverted[data-v-498b5b0a]:focus-visible:not(.b-disabled) {
            --blu-button-color-background: rgba(255, 255, 255, .4);
            --blu-button-color-border: transparent
        }

        html:not([dark]) .blu-button.b-tertiary.b-disabled[data-v-498b5b0a] {
            --blu-button-color-text: rgba(255, 255, 255, .4);
            --blu-button-color-icon: rgba(255, 255, 255, .4)
        }

        html:not([dark]) .blu-button.b-tertiary.b-disabled[data-v-498b5b0a]:not(.b-inverted) {
            --blu-button-color-text: rgba(25, 34, 42, .3019607843);
            --blu-button-color-icon: rgba(25, 34, 42, .3019607843)
        }

        html:not([dark]) a[data-v-498b5b0a] {
            text-decoration: none
        }

        html[dark] button[data-v-498b5b0a] {
            border: none;
            background: none;
            cursor: pointer;
            font-family: Blibli, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif;
            padding: 0
        }

        html[dark] input[type=submit][data-v-498b5b0a]::-moz-focus-inner,
        html[dark] input[type=button][data-v-498b5b0a]::-moz-focus-inner {
            border: 0px
        }

        html[dark] button[data-v-498b5b0a]:focus,
        html[dark] input[type=submit][data-v-498b5b0a]:focus,
        html[dark] input[type=button][data-v-498b5b0a]:focus,
        html[dark] input[type=reset][data-v-498b5b0a]:focus,
        html[dark] a[data-v-498b5b0a] {
            outline: none
        }

        html[dark] .blu-button[data-v-498b5b0a] {
            --blu-button-border-width: 1px;
            --blu-button-border-radius: 64px;
            --blu-button-color-text: #ffffff;
            --blu-button-color-icon: #ffffff;
            --blu-button-opacity: $blu-button-opacity;
            --blu-button-size-height: 48px;
            --blu-button-icon-size: 24px;
            --blu-button-spacing-padding: 0 32px;
            --blu-button-spacing-gap: 8px;
            --blu-button-text: 600 16px/20px Blibli, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif;
            padding: var(--blu-button-spacing-padding);
            height: var(--blu-button-size-height);
            border-radius: var(--blu-button-border-radius);
            transition: transform .3s .08s, all .3s;
            color: var(--blu-button-color-text);
            background-color: var(--blu-button-color-background);
            font: var(--blu-button-text);
            box-shadow: 0 0 0 var(--blu-button-border-width) var(--blu-button-color-border);
            display: inline-flex;
            justify-content: center;
            align-items: center;
            white-space: nowrap
        }

        html[dark] .blu-button[data-v-498b5b0a]:active:hover:not(.b-disabled),
        html[dark] .blu-button:active.b-hover[data-v-498b5b0a]:not(.b-disabled) {
            transform: scale(.875)
        }

        html[dark] .blu-button[data-v-498b5b0a]:focus-visible {
            outline: none
        }

        html[dark] .blu-button[data-v-498b5b0a]:focus-visible:not(.b-disabled) {
            box-shadow: 0 0 0 2px #f9f9fa
        }

        html[dark] .blu-button__icon[data-v-498b5b0a] {
            display: flex;
            color: var(--blu-button-color-icon)
        }

        html[dark] .blu-button__icon[data-v-498b5b0a] svg {
            width: var(--blu-button-icon-size);
            height: var(--blu-button-icon-size)
        }

        html[dark] .blu-button.b-has-icon:not(.b-has-icon-only) .blu-button__icon[data-v-498b5b0a] {
            margin-right: var(--blu-button-spacing-gap)
        }

        html[dark] .blu-button.b-has-icon-only[data-v-498b5b0a] {
            --blu-button-spacing-padding: 0 12px
        }

        html[dark] .blu-button.b-loading[data-v-498b5b0a] .blu-loader-wrapper svg {
            display: flex;
            width: 18px;
            height: 18px
        }

        html[dark] .blu-button.b-disabled[data-v-498b5b0a] {
            cursor: not-allowed
        }

        html[dark] .blu-button.b-disabled[data-v-498b5b0a]:active {
            pointer-events: none
        }

        html[dark] .blu-button.b-full-width[data-v-498b5b0a] {
            width: 100%
        }

        html[dark] .blu-button.b-primary.b-common[data-v-498b5b0a] {
            --blu-button-color-background: #a58d33
        }

        html[dark] .blu-button.b-primary.b-common.b-hover[data-v-498b5b0a]:not(.b-disabled),
        html[dark] .blu-button.b-primary.b-common[data-v-498b5b0a]:hover:not(.b-disabled),
        html[dark] .blu-button.b-primary.b-common[data-v-498b5b0a]:active:not(.b-disabled),
        html[dark] .blu-button.b-primary.b-common[data-v-498b5b0a]:focus-visible:not(.b-disabled) {
            --blu-button-color-background: #1d8fff;
            --blu-button-color-border: transparent
        }

        html[dark] .blu-button.b-primary.b-danger[data-v-498b5b0a] {
            --blu-button-color-background: #e93c3c
        }

        html[dark] .blu-button.b-primary.b-danger.b-hover[data-v-498b5b0a]:not(.b-disabled),
        html[dark] .blu-button.b-primary.b-danger[data-v-498b5b0a]:hover:not(.b-disabled),
        html[dark] .blu-button.b-primary.b-danger[data-v-498b5b0a]:active:not(.b-disabled),
        html[dark] .blu-button.b-primary.b-danger[data-v-498b5b0a]:focus-visible:not(.b-disabled) {
            --blu-button-color-background: #ff4646;
            --blu-button-color-border: transparent
        }

        html[dark] .blu-button.b-primary.b-inverted[data-v-498b5b0a] {
            --blu-button-color-background: #12171d;
            --blu-button-color-text: #4fa4ff;
            --blu-button-color-icon: #4fa4ff
        }

        html[dark] .blu-button.b-primary.b-inverted.b-hover[data-v-498b5b0a]:not(.b-disabled),
        html[dark] .blu-button.b-primary.b-inverted[data-v-498b5b0a]:hover:not(.b-disabled),
        html[dark] .blu-button.b-primary.b-inverted[data-v-498b5b0a]:active:not(.b-disabled),
        html[dark] .blu-button.b-primary.b-inverted[data-v-498b5b0a]:focus-visible:not(.b-disabled) {
            --blu-button-color-background: #19222a;
            --blu-button-color-border: transparent
        }

        html[dark] .blu-button.b-primary.b-disabled[data-v-498b5b0a] {
            --blu-button-color-background: #3b444c;
            --blu-button-color-text: rgba(255, 255, 255, .3019607843);
            --blu-button-color-icon: rgba(255, 255, 255, .3019607843)
        }

        html[dark] .blu-button.b-primary.b-disabled[data-v-498b5b0a]:not(.b-inverted) {
            --blu-button-color-background: #3b444c;
            --blu-button-color-text: rgba(255, 255, 255, .3019607843);
            --blu-button-color-icon: rgba(255, 255, 255, .3019607843)
        }

        html[dark] .blu-button.b-small[data-v-498b5b0a] {
            --blu-button-border-radius: 64px;
            --blu-button-size-height: 36px;
            --blu-button-spacing-padding: 0 16px;
            --blu-button-text: 600 14px/18px Blibli, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif;
            --blu-button-icon-size: 18px;
            --blu-button-spacing-gap: 4px
        }

        html[dark] .blu-button.b-small.b-has-icon-only[data-v-498b5b0a] {
            --blu-button-spacing-padding: 0 9px
        }

        html[dark] .blu-button.b-secondary[data-v-498b5b0a] {
            --blu-button-color-background: #12171d
        }

        html[dark] .blu-button.b-secondary.b-common[data-v-498b5b0a] {
            --blu-button-color-border: #4fa4ff;
            --blu-button-color-text: #4fa4ff;
            --blu-button-color-icon: #4fa4ff
        }

        html[dark] .blu-button.b-secondary.b-common.b-hover[data-v-498b5b0a]:not(.b-disabled),
        html[dark] .blu-button.b-secondary.b-common[data-v-498b5b0a]:hover:not(.b-disabled),
        html[dark] .blu-button.b-secondary.b-common[data-v-498b5b0a]:active:not(.b-disabled),
        html[dark] .blu-button.b-secondary.b-common[data-v-498b5b0a]:focus-visible:not(.b-disabled) {
            --blu-button-color-background: #002e7a;
            --blu-button-color-border: #4fa4ff
        }

        html[dark] .blu-button.b-secondary.b-danger[data-v-498b5b0a] {
            --blu-button-color-border: #ff7373;
            --blu-button-color-text: #ff7373;
            --blu-button-color-icon: #ff7373
        }

        html[dark] .blu-button.b-secondary.b-danger.b-hover[data-v-498b5b0a]:not(.b-disabled),
        html[dark] .blu-button.b-secondary.b-danger[data-v-498b5b0a]:hover:not(.b-disabled),
        html[dark] .blu-button.b-secondary.b-danger[data-v-498b5b0a]:active:not(.b-disabled),
        html[dark] .blu-button.b-secondary.b-danger[data-v-498b5b0a]:focus-visible:not(.b-disabled) {
            --blu-button-color-background: #631818;
            --blu-button-color-border: #ff7373
        }

        html[dark] .blu-button.b-secondary.b-inverted[data-v-498b5b0a] {
            --blu-button-color-background: rgba(255, 255, 255, .3019607843);
            --blu-button-color-border: #12171d;
            --blu-button-color-text: #12171d;
            --blu-button-color-icon: #12171d
        }

        html[dark] .blu-button.b-secondary.b-inverted.b-hover[data-v-498b5b0a]:not(.b-disabled),
        html[dark] .blu-button.b-secondary.b-inverted[data-v-498b5b0a]:hover:not(.b-disabled),
        html[dark] .blu-button.b-secondary.b-inverted[data-v-498b5b0a]:active:not(.b-disabled),
        html[dark] .blu-button.b-secondary.b-inverted[data-v-498b5b0a]:focus-visible:not(.b-disabled) {
            --blu-button-color-background: rgba(18, 23, 29, .4);
            --blu-button-color-border: #12171d
        }

        html[dark] .blu-button.b-secondary.b-disabled[data-v-498b5b0a] {
            --blu-button-color-background: #3b444c;
            --blu-button-color-border: #60686e;
            --blu-button-color-text: rgba(255, 255, 255, .3019607843);
            --blu-button-color-icon: rgba(255, 255, 255, .3019607843)
        }

        html[dark] .blu-button.b-secondary.b-disabled[data-v-498b5b0a]:not(.b-inverted) {
            --blu-button-color-background: #3b444c;
            --blu-button-color-border: #60686e;
            --blu-button-color-text: rgba(255, 255, 255, .3019607843);
            --blu-button-color-icon: rgba(255, 255, 255, .3019607843)
        }

        html[dark] .blu-button[data-v-498b5b0a] {
            width: var(--blu-button-custom-width)
        }

        html[dark] .blu-button.b-tertiary.b-common[data-v-498b5b0a] {
            --blu-button-color-text: #4fa4ff;
            --blu-button-color-icon: #4fa4ff
        }

        html[dark] .blu-button.b-tertiary.b-common.b-hover[data-v-498b5b0a]:not(.b-disabled),
        html[dark] .blu-button.b-tertiary.b-common[data-v-498b5b0a]:hover:not(.b-disabled),
        html[dark] .blu-button.b-tertiary.b-common[data-v-498b5b0a]:active:not(.b-disabled),
        html[dark] .blu-button.b-tertiary.b-common[data-v-498b5b0a]:focus-visible:not(.b-disabled) {
            --blu-button-color-background: #002e7a;
            --blu-button-color-border: transparent
        }

        html[dark] .blu-button.b-tertiary.b-danger[data-v-498b5b0a] {
            --blu-button-color-text: #ff7373;
            --blu-button-color-icon: #ff7373
        }

        html[dark] .blu-button.b-tertiary.b-danger.b-hover[data-v-498b5b0a]:not(.b-disabled),
        html[dark] .blu-button.b-tertiary.b-danger[data-v-498b5b0a]:hover:not(.b-disabled),
        html[dark] .blu-button.b-tertiary.b-danger[data-v-498b5b0a]:active:not(.b-disabled),
        html[dark] .blu-button.b-tertiary.b-danger[data-v-498b5b0a]:focus-visible:not(.b-disabled) {
            --blu-button-color-background: #631818;
            --blu-button-color-border: transparent
        }

        html[dark] .blu-button.b-tertiary.b-inverted[data-v-498b5b0a] {
            --blu-button-color-text: #12171d;
            --blu-button-color-icon: #12171d
        }

        html[dark] .blu-button.b-tertiary.b-inverted.b-hover[data-v-498b5b0a]:not(.b-disabled),
        html[dark] .blu-button.b-tertiary.b-inverted[data-v-498b5b0a]:hover:not(.b-disabled),
        html[dark] .blu-button.b-tertiary.b-inverted[data-v-498b5b0a]:active:not(.b-disabled),
        html[dark] .blu-button.b-tertiary.b-inverted[data-v-498b5b0a]:focus-visible:not(.b-disabled) {
            --blu-button-color-background: rgba(18, 23, 29, .4);
            --blu-button-color-border: transparent
        }

        html[dark] .blu-button.b-tertiary.b-disabled[data-v-498b5b0a] {
            --blu-button-color-text: rgba(18, 23, 29, .4);
            --blu-button-color-icon: rgba(18, 23, 29, .4)
        }

        html[dark] .blu-button.b-tertiary.b-disabled[data-v-498b5b0a]:not(.b-inverted) {
            --blu-button-color-text: rgba(255, 255, 255, .3019607843);
            --blu-button-color-icon: rgba(255, 255, 255, .3019607843)
        }

        html[dark] a[data-v-498b5b0a] {
            text-decoration: none
        }
    </style>
    <style>
        html:not([dark]) .blu-badge[data-v-4cd4e6d8] {
            --blu-badge-color-text: #ffffff;
            --blu-badge-color-border: #ffffff;
            --blu-badge-text: 600 12px/16px Blibli, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif;
            --blu-badge-border-radius: 4px;
            --blu-badge-border-width: 1px;
            --blu-badge-padding: 0 4px 1px;
            font: var(--blu-badge-text);
            border-radius: var(--blu-badge-border-radius);
            box-shadow: 0 0 0 var(--blu-badge-border-width) var(--blu-badge-color-border);
            padding: var(--blu-badge-padding);
            display: inline-flex;
            box-sizing: border-box;
            justify-content: center;
            align-items: center;
            line-height: 15px;
            max-height: 16px;
            white-space: nowrap
        }

        html:not([dark]) .blu-badge[data-v-4cd4e6d8] svg {
            display: flex;
            width: 12px;
            height: 12px;
            color: var(--blu-badge-item-leading-color-icon)
        }

        html:not([dark]) .blu-badge *[data-v-4cd4e6d8]:not(:last-child) {
            margin-right: 2px
        }

        html:not([dark]) .blu-badge[data-v-4cd4e6d8]:not(.b-dot) {
            min-width: 16px
        }

        html:not([dark]) .blu-badge.b-dot[data-v-4cd4e6d8] {
            --blu-badge-size: 8px;
            width: var(--blu-badge-size);
            height: var(--blu-badge-size)
        }

        html:not([dark]) .blu-badge[data-v-4cd4e6d8]:not(.b-secondary) {
            --blu-badge-item-leading-color-icon: var(--blu-badge-color-icon);
            color: var(--blu-badge-color-text);
            background-color: var(--blu-badge-color-background)
        }

        html:not([dark]) .blu-badge.b-secondary[data-v-4cd4e6d8] {
            --blu-badge-item-leading-color-icon: var(--blu-badge-color-icon-low);
            color: var(--blu-badge-color-text-low);
            background-color: var(--blu-badge-color-background-low)
        }

        html:not([dark]) .blu-badge.b-blue[data-v-4cd4e6d8] {
            --blu-badge-color-background-low: #e1f1ff;
            --blu-badge-color-background: #1d8fff;
            --blu-badge-color-text-low: #ac8221;
            --blu-badge-color-icon-low: #a58d33;
            --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: #ac8221;
            --blu-badge-color-icon-low: rgba(25, 34, 42, .4);
            --blu-badge-color-icon: #a58d33
        }

        html:not([dark]) .blu-badge.b-notification[data-v-4cd4e6d8] {
            --blu-badge-border-radius: 8px
        }

        html:not([dark]) .blu-badge.b-tooltip[data-v-4cd4e6d8] {
            cursor: pointer
        }

        html[dark] .blu-badge[data-v-4cd4e6d8] {
            --blu-badge-color-text: #ffffff;
            --blu-badge-color-border: #12171d;
            --blu-badge-text: 600 12px/16px Blibli, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif;
            --blu-badge-border-radius: 4px;
            --blu-badge-border-width: 1px;
            --blu-badge-padding: 0 4px 1px;
            font: var(--blu-badge-text);
            border-radius: var(--blu-badge-border-radius);
            box-shadow: 0 0 0 var(--blu-badge-border-width) var(--blu-badge-color-border);
            padding: var(--blu-badge-padding);
            display: inline-flex;
            box-sizing: border-box;
            justify-content: center;
            align-items: center;
            line-height: 15px;
            max-height: 16px;
            white-space: nowrap
        }

        html[dark] .blu-badge[data-v-4cd4e6d8] svg {
            display: flex;
            width: 12px;
            height: 12px;
            color: var(--blu-badge-item-leading-color-icon)
        }

        html[dark] .blu-badge *[data-v-4cd4e6d8]:not(:last-child) {
            margin-right: 2px
        }

        html[dark] .blu-badge[data-v-4cd4e6d8]:not(.b-dot) {
            min-width: 16px
        }

        html[dark] .blu-badge.b-dot[data-v-4cd4e6d8] {
            --blu-badge-size: 8px;
            width: var(--blu-badge-size);
            height: var(--blu-badge-size)
        }

        html[dark] .blu-badge[data-v-4cd4e6d8]:not(.b-secondary) {
            --blu-badge-item-leading-color-icon: var(--blu-badge-color-icon);
            color: var(--blu-badge-color-text);
            background-color: var(--blu-badge-color-background)
        }

        html[dark] .blu-badge.b-secondary[data-v-4cd4e6d8] {
            --blu-badge-item-leading-color-icon: var(--blu-badge-color-icon-low);
            color: var(--blu-badge-color-text-low);
            background-color: var(--blu-badge-color-background-low)
        }

        html[dark] .blu-badge.b-blue[data-v-4cd4e6d8] {
            --blu-badge-color-background-low: #0046aa;
            --blu-badge-color-background: #1d8fff;
            --blu-badge-color-text-low: #4fa4ff;
            --blu-badge-color-icon-low: #4fa4ff;
            --blu-badge-color-icon: #ffffff
        }

        html[dark] .blu-badge.b-yellow[data-v-4cd4e6d8] {
            --blu-badge-color-background-low: #ffe6ce;
            --blu-badge-color-background: #ff7f00;
            --blu-badge-color-text-low: #dc5300;
            --blu-badge-color-icon-low: #f05a00;
            --blu-badge-color-icon: #ffffff
        }

        html[dark] .blu-badge.b-red[data-v-4cd4e6d8] {
            --blu-badge-color-background-low: #8d2221;
            --blu-badge-color-background: #ff4646;
            --blu-badge-color-text-low: #ff7373;
            --blu-badge-color-icon-low: #ff7373;
            --blu-badge-color-icon: #ffffff
        }

        html[dark] .blu-badge.b-green[data-v-4cd4e6d8] {
            --blu-badge-color-background-low: #13561c;
            --blu-badge-color-background: #22a334;
            --blu-badge-color-text-low: #02c82b;
            --blu-badge-color-icon-low: #02c82b;
            --blu-badge-color-icon: #ffffff
        }

        html[dark] .blu-badge.b-purple[data-v-4cd4e6d8] {
            --blu-badge-color-background-low: #fddef0;
            --blu-badge-color-background: #ff0f9d;
            --blu-badge-color-text-low: #834bee;
            --blu-badge-color-icon-low: #834bee;
            --blu-badge-color-icon: #12171d
        }

        html[dark] .blu-badge.b-magenta[data-v-4cd4e6d8] {
            --blu-badge-color-background-low: #fddef0;
            --blu-badge-color-background: #ff0f9d;
            --blu-badge-color-text-low: #ff0f9d;
            --blu-badge-color-icon-low: #ff0f9d;
            --blu-badge-color-icon: #12171d
        }

        html[dark] .blu-badge.b-gray[data-v-4cd4e6d8] {
            --blu-badge-color-background-low: #28323b;
            --blu-badge-color-background: #f1f2f2;
            --blu-badge-color-text-low: rgba(255, 255, 255, .8);
            --blu-badge-color-text: #12171d;
            --blu-badge-color-icon-low: rgba(255, 255, 255, .8);
            --blu-badge-color-icon: #12171d
        }

        html[dark] .blu-badge.b-invert[data-v-4cd4e6d8] {
            --blu-badge-color-background-low: #12171d;
            --blu-badge-color-background: #12171d;
            --blu-badge-color-text-low: rgba(255, 255, 255, .5019607843);
            --blu-badge-color-text: #4fa4ff;
            --blu-badge-color-icon-low: rgba(255, 255, 255, .5019607843);
            --blu-badge-color-icon: #4fa4ff
        }

        html[dark] .blu-badge.b-notification[data-v-4cd4e6d8] {
            --blu-badge-border-radius: 8px
        }

        html[dark] .blu-badge.b-tooltip[data-v-4cd4e6d8] {
            cursor: pointer
        }
    </style>
    <style>
        html:not([dark]) .blu-image[data-v-54bc976c] {
            --blu-responsive-image-shadow: 0 1px 6px 0 rgba(0, 0, 0, .1019607843);
            --blu-responsive-image-background: #ffffff;
            --blu-responsive-image-width: 100%;
            --blu-responsive-image-height: 100%;
            --blu-responsive-image-radius: 8px;
            --blu-responsive-image-ratio: 1;
            position: relative;
            overflow: hidden;
            width: var(--blu-responsive-image-width);
            aspect-ratio: var(--blu-responsive-image-ratio);
            background-color: var(--blu-responsive-image-background)
        }

        html:not([dark]) .blu-image__main[data-v-54bc976c] {
            object-fit: contain;
            width: var(--blu-responsive-image-width);
            height: var(--blu-responsive-image-height)
        }

        html:not([dark]) .blu-image.b-shadow[data-v-54bc976c] {
            box-shadow: var(--blu-responsive-image-shadow)
        }

        html:not([dark]) .blu-image.b-radius[data-v-54bc976c] {
            border-radius: var(--blu-responsive-image-radius)
        }

        html:not([dark]) .blu-image.b-mask[data-v-54bc976c] {
            background-repeat: no-repeat;
            background-size: cover;
            background-position: center
        }

        html[dark] .blu-image[data-v-54bc976c] {
            --blu-responsive-image-shadow: inset 0 0 0 30000px rgba(109, 220, 255, .1019607843);
            --blu-responsive-image-background: #12171d;
            --blu-responsive-image-width: 100%;
            --blu-responsive-image-height: 100%;
            --blu-responsive-image-radius: 8px;
            --blu-responsive-image-ratio: 1;
            position: relative;
            overflow: hidden;
            width: var(--blu-responsive-image-width);
            aspect-ratio: var(--blu-responsive-image-ratio);
            background-color: var(--blu-responsive-image-background)
        }

        html[dark] .blu-image__main[data-v-54bc976c] {
            object-fit: contain;
            width: var(--blu-responsive-image-width);
            height: var(--blu-responsive-image-height)
        }

        html[dark] .blu-image.b-shadow[data-v-54bc976c] {
            box-shadow: var(--blu-responsive-image-shadow)
        }

        html[dark] .blu-image.b-radius[data-v-54bc976c] {
            border-radius: var(--blu-responsive-image-radius)
        }

        html[dark] .blu-image.b-mask[data-v-54bc976c] {
            background-repeat: no-repeat;
            background-size: cover;
            background-position: center
        }
    </style>
    <style>
        html:not([dark]) .blu-product-badge[data-v-5f0401da] {
            --blu-product-badge-border: 1px solid #ffffff;
            --blu-product-badge-border-countdown-promo: 1px solid #e93c3c;
            --blu-product-badge-border-countdown-flash-sale: 1px solid #f05a00;
            --blu-product-badge-border-radius: 4px;
            --blu-product-badge-border-radius-countdown: 4px;
            --blu-product-badge-border-radius-countdown-icon: 4px;
            --blu-product-badge-font: 600 12px/16px Blibli, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif;
            --blu-product-badge-opacity: 1;
            --blu-product-badge-text-shadow: 0 0 1px #19222a;
            --blu-product-badge-padding: 0 4px;
            --blu-product-badge-padding-countdown: 0px 4px 0px 0px;
            --blu-product-badge-padding-countdown-icon: 0px 4px;
            --blu-product-badge-spacing: 2px;
            --blu-product-badge-icon-margin-countdown: 3px;
            --blu-product-badge-background-color-blue: #09acde;
            --blu-product-badge-background-color-light-blue: #f3f9ff;
            --blu-product-badge-background-color-green: #22a334;
            --blu-product-badge-background-color-gray: #e1e3e4;
            --blu-product-badge-background-color-light-gray: #f9f9fa;
            --blu-product-badge-background-color-dark-gray: rgba(0, 0, 0, .6);
            --blu-product-badge-background-color-orange: #ff7f00;
            --blu-product-badge-background-color-magenta: #ff0f9d;
            --blu-product-badge-background-color-red: #d33534;
            --blu-product-badge-background-color-light-red: #ff7373;
            --blu-product-badge-background-color-white: #ffffff;
            --blu-product-badge-background-color-yellow: #f1ab02;
            --blu-product-badge-background-color-pre-order-gray-med: #f1f2f2;
            --blu-product-badge-background-color-promo-blue: #f3f9ff;
            --blu-product-badge-background-color-promo-green: #effcf0;
            --blu-product-badge-background-color-promo-gray: #f1f2f2;
            --blu-product-badge-background-color-countdown-promo-red: #e93c3c;
            --blu-product-badge-background-color-countdown-flash-sale-orange: #f05a00;
            --blu-product-badge-color-countdown-flash-sale-orange-icon: #f05a00;
            --blu-product-badge-color-blue: #ac8221;
            --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: #ac8221;
            --blu-product-badge-color-promo-green: #1c832a;
            --blu-product-badge-color-promo-gray: rgba(25, 34, 42, .7019607843);
            --blu-product-badge-color-promo-orange: #ff7f00;
            --blu-product-badge-color-promo-red: #d33534;
            --blu-product-badge-color-flashsale-gray: rgba(25, 34, 42, .7019607843);
            --blu-product-badge-color-flashsale-orange: #f05a00;
            --blu-product-badge-color-flashsale-red: #d33534;
            --blu-product-badge-color-countdown-promo-red: #d33534;
            --blu-product-badge-pseudo-element-border-promo-blue: 100%;
            --blu-product-badge-pseudo-element-height-promo-blue: 7.5px;
            --blu-product-badge-pseudo-element-position-bottom-promo-blue: 50%;
            --blu-product-badge-pseudo-element-position-left-promo-blue: -3px;
            --blu-product-badge-pseudo-element-position-right-promo-blue: -3px;
            --blu-product-badge-pseudo-element-width-promo-blue: 6px;
            display: inline-flex;
            align-items: flex-start;
            font: var(--blu-product-badge-font);
            width: fit-content;
            border-radius: var(--blu-product-badge-border-radius);
            padding: var(--blu-product-badge-padding);
            opacity: var(--blu-product-badge-opacity)
        }

        html:not([dark]) .blu-product-badge[data-v-5f0401da]>:not(:last-child) {
            margin-right: var(--blu-product-badge-spacing)
        }

        html:not([dark]) .blu-product-badge.b-ads[data-v-5f0401da] {
            background-color: transparent;
            color: var(--blu-product-badge-color-white);
            border: none;
            text-shadow: var(--blu-product-badge-text-shadow);
            --blu-product-badge-opacity: .47;
            --blu-product-badge-font: 500 12px/16px Blibli, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif
        }

        html:not([dark]) .blu-product-badge.b-best-seller[data-v-5f0401da] {
            background-color: var(--blu-product-badge-background-color-yellow);
            color: var(--blu-product-badge-color-white);
            border: var(--blu-product-badge-border)
        }

        html:not([dark]) .blu-product-badge.b-blibli-choice[data-v-5f0401da] {
            background-color: var(--blu-product-badge-background-color-blue);
            color: var(--blu-product-badge-color-white);
            border: var(--blu-product-badge-border)
        }

        html:not([dark]) .blu-product-badge.b-coming-soon[data-v-5f0401da] {
            background-color: var(--blu-product-badge-background-color-magenta);
            color: var(--blu-product-badge-color-white);
            border: var(--blu-product-badge-border)
        }

        html:not([dark]) .blu-product-badge.b-discount[data-v-5f0401da] {
            background-color: var(--blu-product-badge-background-color-red);
            color: var(--blu-product-badge-color-white);
            border: var(--blu-product-badge-border)
        }

        html:not([dark]) .blu-product-badge.b-exclusive[data-v-5f0401da] {
            background-color: var(--blu-product-badge-background-color-dark-gray);
            color: var(--blu-product-badge-color-white);
            border: var(--blu-product-badge-border)
        }

        html:not([dark]) .blu-product-badge.b-fresh-product[data-v-5f0401da] {
            background-color: var(--blu-product-badge-background-color-light-blue);
            color: var(--blu-product-badge-color-blue);
            border: var(--blu-product-badge-border)
        }

        html:not([dark]) .blu-product-badge.b-newest[data-v-5f0401da] {
            background-color: var(--blu-product-badge-background-color-green);
            color: var(--blu-product-badge-color-white);
            border: var(--blu-product-badge-border)
        }

        html:not([dark]) .blu-product-badge.b-currently-closed[data-v-5f0401da] {
            background-color: var(--blu-product-badge-background-color-light-gray);
            color: var(--blu-product-badge-color-light-gray);
            border: var(--blu-product-badge-border)
        }

        html:not([dark]) .blu-product-badge.b-out-of-stock[data-v-5f0401da] {
            background-color: var(--blu-product-badge-background-color-gray);
            color: var(--blu-product-badge-color-gray);
            border: var(--blu-product-badge-border)
        }

        html:not([dark]) .blu-product-badge.b-product-left[data-v-5f0401da] {
            background-color: var(--blu-product-badge-background-color-light-red);
            color: var(--blu-product-badge-color-white);
            border: var(--blu-product-badge-border)
        }

        html:not([dark]) .blu-product-badge.b-top-product[data-v-5f0401da] {
            background-color: var(--blu-product-badge-background-color-orange);
            color: var(--blu-product-badge-color-white);
            border: var(--blu-product-badge-border)
        }

        html:not([dark]) .blu-product-badge.b-pre-order[data-v-5f0401da] {
            background-color: var(--blu-product-badge-background-color-pre-order-gray-med);
            color: var(--blu-product-badge-text-color-pre-oder-gray-med);
            border: var(--blu-product-badge-border)
        }

        html:not([dark]) .blu-product-badge.b-blue[data-v-5f0401da] {
            background-color: var(--blu-product-badge-background-color-promo-blue);
            color: var(--blu-product-badge-color-promo-blue);
            border: none;
            position: relative;
            overflow: hidden;
            --blu-product-badge-padding: 0 6px
        }

        html:not([dark]) .blu-product-badge.b-blue[data-v-5f0401da]:after {
            content: "";
            position: absolute;
            bottom: var(--blu-product-badge-pseudo-element-position-bottom-promo-blue);
            transform: translateY(50%);
            left: var(--blu-product-badge-pseudo-element-position-left-promo-blue);
            width: var(--blu-product-badge-pseudo-element-width-promo-blue);
            height: var(--blu-product-badge-pseudo-element-height-promo-blue);
            border-radius: var(--blu-product-badge-pseudo-element-border-promo-blue);
            background-color: var(--blu-product-badge-background-color-white)
        }

        html:not([dark]) .blu-product-badge.b-blue[data-v-5f0401da]:before {
            content: "";
            position: absolute;
            bottom: var(--blu-product-badge-pseudo-element-position-bottom-promo-blue);
            transform: translateY(50%);
            right: var(--blu-product-badge-pseudo-element-position-right-promo-blue);
            width: var(--blu-product-badge-pseudo-element-width-promo-blue);
            height: var(--blu-product-badge-pseudo-element-height-promo-blue);
            border-radius: var(--blu-product-badge-pseudo-element-border-promo-blue);
            background-color: var(--blu-product-badge-background-color-white)
        }

        html:not([dark]) .blu-product-badge.b-green[data-v-5f0401da] {
            background-color: var(--blu-product-badge-background-color-promo-green);
            color: var(--blu-product-badge-color-promo-green);
            border: none
        }

        html:not([dark]) .blu-product-badge.b-gray[data-v-5f0401da] {
            background-color: var(--blu-product-badge-background-color-promo-gray);
            color: var(--blu-product-badge-color-promo-gray);
            border: none
        }

        html:not([dark]) .blu-product-badge.b-orange[data-v-5f0401da] {
            background-color: none;
            color: var(--blu-product-badge-color-promo-orange);
            border: none;
            --blu-product-badge-padding: 0
        }

        html:not([dark]) .blu-product-badge.b-light-blue[data-v-5f0401da] {
            background-color: var(--blu-product-badge-background-color-promo-light-blue);
            color: var(--blu-product-badge-color-promo-light-blue);
            border: none
        }

        html:not([dark]) .blu-product-badge.b-red[data-v-5f0401da] {
            background-color: none;
            color: var(--blu-product-badge-color-promo-red);
            border: none;
            --blu-product-badge-padding: 0
        }

        html:not([dark]) .blu-product-badge.b-cheapest[data-v-5f0401da],
        html:not([dark]) .blu-product-badge.b-best-selling[data-v-5f0401da],
        html:not([dark]) .blu-product-badge.b-people-see[data-v-5f0401da] {
            --blu-product-badge-padding: 0
        }

        html:not([dark]) .blu-product-badge.b-cheapest[data-v-5f0401da] {
            background-color: none;
            color: var(--blu-product-badge-color-flashsale-red);
            border: none
        }

        html:not([dark]) .blu-product-badge.b-best-selling[data-v-5f0401da] {
            background-color: none;
            color: var(--blu-product-badge-color-flashsale-orange);
            border: none
        }

        html:not([dark]) .blu-product-badge.b-people-see[data-v-5f0401da] {
            background-color: none;
            color: var(--blu-product-badge-color-flashsale-gray);
            border: none
        }

        html:not([dark]) .blu-product-badge.b-promo-countdown[data-v-5f0401da],
        html:not([dark]) .blu-product-badge.b-flash-sale[data-v-5f0401da] {
            --blu-product-badge-padding: var(--blu-product-badge-padding-countdown);
            --blu-product-badge-border-radius: var(--blu-product-badge-border-radius-countdown);
            display: flex;
            align-items: center;
            justify-content: center
        }

        html:not([dark]) .blu-product-badge.b-promo-countdown .blu-product-badge__icon[data-v-5f0401da],
        html:not([dark]) .blu-product-badge.b-flash-sale .blu-product-badge__icon[data-v-5f0401da] {
            display: flex;
            justify-content: center;
            align-items: center;
            align-self: stretch;
            border-radius: var(--blu-product-badge-border-radius-countdown-icon);
            margin-right: var(--blu-product-badge-icon-margin-countdown)
        }

        html:not([dark]) .blu-product-badge.b-promo-countdown[data-v-5f0401da] {
            max-height: 16px;
            background-color: var(--blu-product-badge-background-color-countdown-promo-red);
            color: var(--blu-product-badge-color-white);
            border: none
        }

        html:not([dark]) .blu-product-badge.b-promo-countdown .blu-product-badge__icon[data-v-5f0401da] {
            padding: var(--blu-product-badge-padding-countdown-icon);
            background-color: var(--blu-product-badge-background-color-white);
            color: var(--blu-product-badge-color-countdown-promo-red);
            border: var(--blu-product-badge-border-countdown-promo)
        }

        html:not([dark]) .blu-product-badge.b-flash-sale[data-v-5f0401da] {
            max-height: 16px;
            background-color: var(--blu-product-badge-background-color-countdown-flash-sale-orange);
            color: var(--blu-product-badge-color-white);
            border: none
        }

        html:not([dark]) .blu-product-badge.b-flash-sale .blu-product-badge__icon[data-v-5f0401da] {
            background-color: var(--blu-product-badge-background-color-white);
            color: var(--blu-product-badge-color-countdown-flash-sale-orange-icon);
            border: var(--blu-product-badge-border-countdown-flash-sale)
        }

        html[dark] .blu-product-badge[data-v-5f0401da] {
            --blu-product-badge-border: 1px solid #12171d;
            --blu-product-badge-border-countdown-promo: 1px solid #ff9090;
            --blu-product-badge-border-countdown-flash-sale: 1px solid #f05a00;
            --blu-product-badge-border-radius: 4px;
            --blu-product-badge-border-radius-countdown: 4px;
            --blu-product-badge-border-radius-countdown-icon: 4px;
            --blu-product-badge-font: 600 12px/16px Blibli, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif;
            --blu-product-badge-opacity: 1;
            --blu-product-badge-text-shadow: 0 0 1px #19222a;
            --blu-product-badge-padding: 0 4px;
            --blu-product-badge-padding-countdown: 0px 4px 0px 0px;
            --blu-product-badge-padding-countdown-icon: 0px 4px;
            --blu-product-badge-spacing: 2px;
            --blu-product-badge-icon-margin-countdown: 3px;
            --blu-product-badge-background-color-blue: #09acde;
            --blu-product-badge-background-color-light-blue: #002e7a;
            --blu-product-badge-background-color-green: #22a334;
            --blu-product-badge-background-color-gray: #3b444c;
            --blu-product-badge-background-color-light-gray: #19222a;
            --blu-product-badge-background-color-dark-gray: rgba(0, 0, 0, .6);
            --blu-product-badge-background-color-orange: #ff7f00;
            --blu-product-badge-background-color-magenta: #ff0f9d;
            --blu-product-badge-background-color-red: #d33534;
            --blu-product-badge-background-color-light-red: #ff7373;
            --blu-product-badge-background-color-white: #12171d;
            --blu-product-badge-background-color-yellow: #f1ab02;
            --blu-product-badge-background-color-pre-order-gray-med: #28323b;
            --blu-product-badge-background-color-promo-blue: #f3f9ff;
            --blu-product-badge-background-color-promo-green: #effcf0;
            --blu-product-badge-background-color-promo-gray: #f1f2f2;
            --blu-product-badge-background-color-countdown-promo-red: #ff9090;
            --blu-product-badge-background-color-countdown-flash-sale-orange: #f05a00;
            --blu-product-badge-color-countdown-flash-sale-orange-icon: #f05a00;
            --blu-product-badge-color-blue: #4fa4ff;
            --blu-product-badge-color-light-gray: rgba(255, 255, 255, .5019607843);
            --blu-product-badge-text-color-pre-oder-gray-med: rgba(255, 255, 255, .8);
            --blu-product-badge-color-gray: rgba(255, 255, 255, .8);
            --blu-product-badge-color-white: #12171d;
            --blu-product-badge-color-promo-blue: #4fa4ff;
            --blu-product-badge-color-promo-green: #02c82b;
            --blu-product-badge-color-promo-gray: rgba(255, 255, 255, .8);
            --blu-product-badge-color-promo-orange: #ff7f00;
            --blu-product-badge-color-promo-red: #ff7373;
            --blu-product-badge-color-flashsale-gray: rgba(255, 255, 255, .8);
            --blu-product-badge-color-flashsale-orange: #f05a00;
            --blu-product-badge-color-flashsale-red: #ff7373;
            --blu-product-badge-color-countdown-promo-red: #ff7373;
            --blu-product-badge-pseudo-element-border-promo-blue: 100%;
            --blu-product-badge-pseudo-element-height-promo-blue: 7.5px;
            --blu-product-badge-pseudo-element-position-bottom-promo-blue: 50%;
            --blu-product-badge-pseudo-element-position-left-promo-blue: -3px;
            --blu-product-badge-pseudo-element-position-right-promo-blue: -3px;
            --blu-product-badge-pseudo-element-width-promo-blue: 6px;
            display: inline-flex;
            align-items: flex-start;
            font: var(--blu-product-badge-font);
            width: fit-content;
            border-radius: var(--blu-product-badge-border-radius);
            padding: var(--blu-product-badge-padding);
            opacity: var(--blu-product-badge-opacity)
        }

        html[dark] .blu-product-badge[data-v-5f0401da]>:not(:last-child) {
            margin-right: var(--blu-product-badge-spacing)
        }

        html[dark] .blu-product-badge.b-ads[data-v-5f0401da] {
            background-color: transparent;
            color: var(--blu-product-badge-color-white);
            border: none;
            text-shadow: var(--blu-product-badge-text-shadow);
            --blu-product-badge-opacity: .47;
            --blu-product-badge-font: 500 12px/16px Blibli, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif
        }

        html[dark] .blu-product-badge.b-best-seller[data-v-5f0401da] {
            background-color: var(--blu-product-badge-background-color-yellow);
            color: var(--blu-product-badge-color-white);
            border: var(--blu-product-badge-border)
        }

        html[dark] .blu-product-badge.b-blibli-choice[data-v-5f0401da] {
            background-color: var(--blu-product-badge-background-color-blue);
            color: var(--blu-product-badge-color-white);
            border: var(--blu-product-badge-border)
        }

        html[dark] .blu-product-badge.b-coming-soon[data-v-5f0401da] {
            background-color: var(--blu-product-badge-background-color-magenta);
            color: var(--blu-product-badge-color-white);
            border: var(--blu-product-badge-border)
        }

        html[dark] .blu-product-badge.b-discount[data-v-5f0401da] {
            background-color: var(--blu-product-badge-background-color-red);
            color: var(--blu-product-badge-color-white);
            border: var(--blu-product-badge-border)
        }

        html[dark] .blu-product-badge.b-exclusive[data-v-5f0401da] {
            background-color: var(--blu-product-badge-background-color-dark-gray);
            color: var(--blu-product-badge-color-white);
            border: var(--blu-product-badge-border)
        }

        html[dark] .blu-product-badge.b-fresh-product[data-v-5f0401da] {
            background-color: var(--blu-product-badge-background-color-light-blue);
            color: var(--blu-product-badge-color-blue);
            border: var(--blu-product-badge-border)
        }

        html[dark] .blu-product-badge.b-newest[data-v-5f0401da] {
            background-color: var(--blu-product-badge-background-color-green);
            color: var(--blu-product-badge-color-white);
            border: var(--blu-product-badge-border)
        }

        html[dark] .blu-product-badge.b-currently-closed[data-v-5f0401da] {
            background-color: var(--blu-product-badge-background-color-light-gray);
            color: var(--blu-product-badge-color-light-gray);
            border: var(--blu-product-badge-border)
        }

        html[dark] .blu-product-badge.b-out-of-stock[data-v-5f0401da] {
            background-color: var(--blu-product-badge-background-color-gray);
            color: var(--blu-product-badge-color-gray);
            border: var(--blu-product-badge-border)
        }

        html[dark] .blu-product-badge.b-product-left[data-v-5f0401da] {
            background-color: var(--blu-product-badge-background-color-light-red);
            color: var(--blu-product-badge-color-white);
            border: var(--blu-product-badge-border)
        }

        html[dark] .blu-product-badge.b-top-product[data-v-5f0401da] {
            background-color: var(--blu-product-badge-background-color-orange);
            color: var(--blu-product-badge-color-white);
            border: var(--blu-product-badge-border)
        }

        html[dark] .blu-product-badge.b-pre-order[data-v-5f0401da] {
            background-color: var(--blu-product-badge-background-color-pre-order-gray-med);
            color: var(--blu-product-badge-text-color-pre-oder-gray-med);
            border: var(--blu-product-badge-border)
        }

        html[dark] .blu-product-badge.b-blue[data-v-5f0401da] {
            background-color: var(--blu-product-badge-background-color-promo-blue);
            color: var(--blu-product-badge-color-promo-blue);
            border: none;
            position: relative;
            overflow: hidden;
            --blu-product-badge-padding: 0 6px
        }

        html[dark] .blu-product-badge.b-blue[data-v-5f0401da]:after {
            content: "";
            position: absolute;
            bottom: var(--blu-product-badge-pseudo-element-position-bottom-promo-blue);
            transform: translateY(50%);
            left: var(--blu-product-badge-pseudo-element-position-left-promo-blue);
            width: var(--blu-product-badge-pseudo-element-width-promo-blue);
            height: var(--blu-product-badge-pseudo-element-height-promo-blue);
            border-radius: var(--blu-product-badge-pseudo-element-border-promo-blue);
            background-color: var(--blu-product-badge-background-color-white)
        }

        html[dark] .blu-product-badge.b-blue[data-v-5f0401da]:before {
            content: "";
            position: absolute;
            bottom: var(--blu-product-badge-pseudo-element-position-bottom-promo-blue);
            transform: translateY(50%);
            right: var(--blu-product-badge-pseudo-element-position-right-promo-blue);
            width: var(--blu-product-badge-pseudo-element-width-promo-blue);
            height: var(--blu-product-badge-pseudo-element-height-promo-blue);
            border-radius: var(--blu-product-badge-pseudo-element-border-promo-blue);
            background-color: var(--blu-product-badge-background-color-white)
        }

        html[dark] .blu-product-badge.b-green[data-v-5f0401da] {
            background-color: var(--blu-product-badge-background-color-promo-green);
            color: var(--blu-product-badge-color-promo-green);
            border: none
        }

        html[dark] .blu-product-badge.b-gray[data-v-5f0401da] {
            background-color: var(--blu-product-badge-background-color-promo-gray);
            color: var(--blu-product-badge-color-promo-gray);
            border: none
        }

        html[dark] .blu-product-badge.b-orange[data-v-5f0401da] {
            background-color: none;
            color: var(--blu-product-badge-color-promo-orange);
            border: none;
            --blu-product-badge-padding: 0
        }

        html[dark] .blu-product-badge.b-light-blue[data-v-5f0401da] {
            background-color: var(--blu-product-badge-background-color-promo-light-blue);
            color: var(--blu-product-badge-color-promo-light-blue);
            border: none
        }

        html[dark] .blu-product-badge.b-red[data-v-5f0401da] {
            background-color: none;
            color: var(--blu-product-badge-color-promo-red);
            border: none;
            --blu-product-badge-padding: 0
        }

        html[dark] .blu-product-badge.b-cheapest[data-v-5f0401da],
        html[dark] .blu-product-badge.b-best-selling[data-v-5f0401da],
        html[dark] .blu-product-badge.b-people-see[data-v-5f0401da] {
            --blu-product-badge-padding: 0
        }

        html[dark] .blu-product-badge.b-cheapest[data-v-5f0401da] {
            background-color: none;
            color: var(--blu-product-badge-color-flashsale-red);
            border: none
        }

        html[dark] .blu-product-badge.b-best-selling[data-v-5f0401da] {
            background-color: none;
            color: var(--blu-product-badge-color-flashsale-orange);
            border: none
        }

        html[dark] .blu-product-badge.b-people-see[data-v-5f0401da] {
            background-color: none;
            color: var(--blu-product-badge-color-flashsale-gray);
            border: none
        }

        html[dark] .blu-product-badge.b-promo-countdown[data-v-5f0401da],
        html[dark] .blu-product-badge.b-flash-sale[data-v-5f0401da] {
            --blu-product-badge-padding: var(--blu-product-badge-padding-countdown);
            --blu-product-badge-border-radius: var(--blu-product-badge-border-radius-countdown);
            display: flex;
            align-items: center;
            justify-content: center
        }

        html[dark] .blu-product-badge.b-promo-countdown .blu-product-badge__icon[data-v-5f0401da],
        html[dark] .blu-product-badge.b-flash-sale .blu-product-badge__icon[data-v-5f0401da] {
            display: flex;
            justify-content: center;
            align-items: center;
            align-self: stretch;
            border-radius: var(--blu-product-badge-border-radius-countdown-icon);
            margin-right: var(--blu-product-badge-icon-margin-countdown)
        }

        html[dark] .blu-product-badge.b-promo-countdown[data-v-5f0401da] {
            max-height: 16px;
            background-color: var(--blu-product-badge-background-color-countdown-promo-red);
            color: var(--blu-product-badge-color-white);
            border: none
        }

        html[dark] .blu-product-badge.b-promo-countdown .blu-product-badge__icon[data-v-5f0401da] {
            padding: var(--blu-product-badge-padding-countdown-icon);
            background-color: var(--blu-product-badge-background-color-white);
            color: var(--blu-product-badge-color-countdown-promo-red);
            border: var(--blu-product-badge-border-countdown-promo)
        }

        html[dark] .blu-product-badge.b-flash-sale[data-v-5f0401da] {
            max-height: 16px;
            background-color: var(--blu-product-badge-background-color-countdown-flash-sale-orange);
            color: var(--blu-product-badge-color-white);
            border: none
        }

        html[dark] .blu-product-badge.b-flash-sale .blu-product-badge__icon[data-v-5f0401da] {
            background-color: var(--blu-product-badge-background-color-white);
            color: var(--blu-product-badge-color-countdown-flash-sale-orange-icon);
            border: var(--blu-product-badge-border-countdown-flash-sale)
        }
    </style>
    <style>
        html:not([dark]) .blu-loader-general[data-v-5f0af726] {
            --blu-loader-general-highlight-color-background: #1d8fff;
            --blu-loader-general-base-color-background: #f1f2f2;
            width: var(--blu-loader-general-size);
            height: var(--blu-loader-general-size)
        }

        html:not([dark]) .blu-loader-general__asset[data-v-5f0af726] {
            animation: general-rotate-5f0af726 1.6s linear infinite;
            transform-origin: center center;
            transition: all .5s ease-in-out;
            width: 100%;
            height: 100%;
            margin: auto;
            transform: rotate(90deg)
        }

        html:not([dark]) .blu-loader-general__asset--highlight[data-v-5f0af726],
        html:not([dark]) .blu-loader-general__asset--base[data-v-5f0af726] {
            stroke-linecap: round
        }

        html:not([dark]) .blu-loader-general__asset--highlight[data-v-5f0af726] {
            stroke: var(--blu-loader-general-highlight-color-background);
            animation: general-highlight-5f0af726 1.6s linear infinite
        }

        html:not([dark]) .blu-loader-general__asset--base[data-v-5f0af726] {
            stroke: var(--blu-loader-general-base-color-background);
            animation: general-base-5f0af726 1.6s linear infinite
        }

        html:not([dark]) .blu-loader-general.b-inverted[data-v-5f0af726] {
            --blu-loader-general-highlight-color-background: #ffffff;
            --blu-loader-general-base-color-background: #c8cbcd
        }

        html:not([dark]) .blu-loader-general.b-size-s[data-v-5f0af726] {
            --blu-loader-general-size: 16px
        }

        html:not([dark]) .blu-loader-general.b-size-m[data-v-5f0af726] {
            --blu-loader-general-size: 18px
        }

        html:not([dark]) .blu-loader-general.b-size-l[data-v-5f0af726] {
            --blu-loader-general-size: 24px
        }

        html:not([dark]) .blu-loader-general.b-size-xl[data-v-5f0af726] {
            --blu-loader-general-size: 32px
        }

        html[dark] .blu-loader-general[data-v-5f0af726] {
            --blu-loader-general-highlight-color-background: #4fa4ff;
            --blu-loader-general-base-color-background: #28323b;
            width: var(--blu-loader-general-size);
            height: var(--blu-loader-general-size)
        }

        html[dark] .blu-loader-general__asset[data-v-5f0af726] {
            animation: general-rotate-5f0af726 1.6s linear infinite;
            transform-origin: center center;
            transition: all .5s ease-in-out;
            width: 100%;
            height: 100%;
            margin: auto;
            transform: rotate(90deg)
        }

        html[dark] .blu-loader-general__asset--highlight[data-v-5f0af726],
        html[dark] .blu-loader-general__asset--base[data-v-5f0af726] {
            stroke-linecap: round
        }

        html[dark] .blu-loader-general__asset--highlight[data-v-5f0af726] {
            stroke: var(--blu-loader-general-highlight-color-background);
            animation: general-highlight-5f0af726 1.6s linear infinite
        }

        html[dark] .blu-loader-general__asset--base[data-v-5f0af726] {
            stroke: var(--blu-loader-general-base-color-background);
            animation: general-base-5f0af726 1.6s linear infinite
        }

        html[dark] .blu-loader-general.b-inverted[data-v-5f0af726] {
            --blu-loader-general-highlight-color-background: #12171d;
            --blu-loader-general-base-color-background: #60686e
        }

        html[dark] .blu-loader-general.b-size-s[data-v-5f0af726] {
            --blu-loader-general-size: 16px
        }

        html[dark] .blu-loader-general.b-size-m[data-v-5f0af726] {
            --blu-loader-general-size: 18px
        }

        html[dark] .blu-loader-general.b-size-l[data-v-5f0af726] {
            --blu-loader-general-size: 24px
        }

        html[dark] .blu-loader-general.b-size-xl[data-v-5f0af726] {
            --blu-loader-general-size: 32px
        }

        @keyframes general-highlight-5f0af726 {
            0% {
                stroke-dasharray: 1, 200;
                stroke-dashoffset: 0
            }

            50% {
                stroke-dasharray: 50, 200;
                stroke-dashoffset: -15px
            }

            to {
                stroke-dasharray: 50, 200;
                stroke-dashoffset: -124px
            }
        }

        @keyframes general-base-5f0af726 {
            0% {
                stroke-dasharray: 1, 200;
                stroke-dashoffset: 0
            }

            to {
                stroke-dasharray: 100, 200;
                stroke-dashoffset: -120px
            }
        }

        @keyframes general-rotate-5f0af726 {
            to {
                transform: rotate(450deg)
            }
        }

        html:not([dark]) button[data-v-498b5b0a] {
            border: none;
            background: none;
            cursor: pointer;
            font-family: Blibli, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif;
            padding: 0
        }

        html:not([dark]) input[type=submit][data-v-498b5b0a]::-moz-focus-inner,
        html:not([dark]) input[type=button][data-v-498b5b0a]::-moz-focus-inner {
            border: 0px
        }

        html:not([dark]) button[data-v-498b5b0a]:focus,
        html:not([dark]) input[type=submit][data-v-498b5b0a]:focus,
        html:not([dark]) input[type=button][data-v-498b5b0a]:focus,
        html:not([dark]) input[type=reset][data-v-498b5b0a]:focus,
        html:not([dark]) a[data-v-498b5b0a] {
            outline: none
        }

        html:not([dark]) .blu-button[data-v-498b5b0a] {
            --blu-button-border-width: 1px;
            --blu-button-border-radius: 64px;
            --blu-button-color-text: #ffffff;
            --blu-button-color-icon: #ffffff;
            --blu-button-opacity: $blu-button-opacity;
            --blu-button-size-height: 48px;
            --blu-button-icon-size: 24px;
            --blu-button-spacing-padding: 0 32px;
            --blu-button-spacing-gap: 8px;
            --blu-button-text: 600 16px/20px Blibli, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif;
            padding: var(--blu-button-spacing-padding);
            height: var(--blu-button-size-height);
            border-radius: var(--blu-button-border-radius);
            transition: transform .3s .08s, all .3s;
            color: var(--blu-button-color-text);
            background-color: var(--blu-button-color-background);
            font: var(--blu-button-text);
            box-shadow: 0 0 0 var(--blu-button-border-width) var(--blu-button-color-border);
            display: inline-flex;
            justify-content: center;
            align-items: center;
            white-space: nowrap
        }

        html:not([dark]) .blu-button[data-v-498b5b0a]:active:hover:not(.b-disabled),
        html:not([dark]) .blu-button:active.b-hover[data-v-498b5b0a]:not(.b-disabled) {
            transform: scale(.875)
        }

        html:not([dark]) .blu-button[data-v-498b5b0a]:focus-visible {
            outline: none
        }

        html:not([dark]) .blu-button[data-v-498b5b0a]:focus-visible:not(.b-disabled) {
            box-shadow: 0 0 0 2px #19222a
        }

        html:not([dark]) .blu-button__icon[data-v-498b5b0a] {
            display: flex;
            color: var(--blu-button-color-icon)
        }

        html:not([dark]) .blu-button__icon[data-v-498b5b0a] svg {
            width: var(--blu-button-icon-size);
            height: var(--blu-button-icon-size)
        }

        html:not([dark]) .blu-button.b-has-icon:not(.b-has-icon-only) .blu-button__icon[data-v-498b5b0a] {
            margin-right: var(--blu-button-spacing-gap)
        }

        html:not([dark]) .blu-button.b-has-icon-only[data-v-498b5b0a] {
            --blu-button-spacing-padding: 0 12px
        }

        html:not([dark]) .blu-button.b-loading[data-v-498b5b0a] .blu-loader-wrapper svg {
            display: flex;
            width: 18px;
            height: 18px
        }

        html:not([dark]) .blu-button.b-disabled[data-v-498b5b0a] {
            cursor: not-allowed
        }

        html:not([dark]) .blu-button.b-disabled[data-v-498b5b0a]:active {
            pointer-events: none
        }

        html:not([dark]) .blu-button.b-full-width[data-v-498b5b0a] {
            width: 100%
        }

        html:not([dark]) .blu-button.b-primary.b-common[data-v-498b5b0a] {
            --blu-button-color-background: #a58d33
        }

        html:not([dark]) .blu-button.b-primary.b-common.b-hover[data-v-498b5b0a]:not(.b-disabled),
        html:not([dark]) .blu-button.b-primary.b-common[data-v-498b5b0a]:hover:not(.b-disabled),
        html:not([dark]) .blu-button.b-primary.b-common[data-v-498b5b0a]:active:not(.b-disabled),
        html:not([dark]) .blu-button.b-primary.b-common[data-v-498b5b0a]:focus-visible:not(.b-disabled) {
            --blu-button-color-background: #1d8fff;
            --blu-button-color-border: transparent
        }

        html:not([dark]) .blu-button.b-primary.b-danger[data-v-498b5b0a] {
            --blu-button-color-background: #e93c3c
        }

        html:not([dark]) .blu-button.b-primary.b-danger.b-hover[data-v-498b5b0a]:not(.b-disabled),
        html:not([dark]) .blu-button.b-primary.b-danger[data-v-498b5b0a]:hover:not(.b-disabled),
        html:not([dark]) .blu-button.b-primary.b-danger[data-v-498b5b0a]:active:not(.b-disabled),
        html:not([dark]) .blu-button.b-primary.b-danger[data-v-498b5b0a]:focus-visible:not(.b-disabled) {
            --blu-button-color-background: #ff4646;
            --blu-button-color-border: transparent
        }

        html:not([dark]) .blu-button.b-primary.b-inverted[data-v-498b5b0a] {
            --blu-button-color-background: #ffffff;
            --blu-button-color-text: #ac8221;
            --blu-button-color-icon: #a58d33
        }

        html:not([dark]) .blu-button.b-primary.b-inverted.b-hover[data-v-498b5b0a]:not(.b-disabled),
        html:not([dark]) .blu-button.b-primary.b-inverted[data-v-498b5b0a]:hover:not(.b-disabled),
        html:not([dark]) .blu-button.b-primary.b-inverted[data-v-498b5b0a]:active:not(.b-disabled),
        html:not([dark]) .blu-button.b-primary.b-inverted[data-v-498b5b0a]:focus-visible:not(.b-disabled) {
            --blu-button-color-background: #f9f9fa;
            --blu-button-color-border: transparent
        }

        html:not([dark]) .blu-button.b-primary.b-disabled[data-v-498b5b0a] {
            --blu-button-color-background: #e1e3e4;
            --blu-button-color-text: rgba(25, 34, 42, .3019607843);
            --blu-button-color-icon: rgba(25, 34, 42, .3019607843)
        }

        html:not([dark]) .blu-button.b-primary.b-disabled[data-v-498b5b0a]:not(.b-inverted) {
            --blu-button-color-background: #e1e3e4;
            --blu-button-color-text: rgba(25, 34, 42, .3019607843);
            --blu-button-color-icon: rgba(25, 34, 42, .3019607843)
        }

        html:not([dark]) .blu-button.b-small[data-v-498b5b0a] {
            --blu-button-border-radius: 64px;
            --blu-button-size-height: 36px;
            --blu-button-spacing-padding: 0 16px;
            --blu-button-text: 600 14px/18px Blibli, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif;
            --blu-button-icon-size: 18px;
            --blu-button-spacing-gap: 4px
        }

        html:not([dark]) .blu-button.b-small.b-has-icon-only[data-v-498b5b0a] {
            --blu-button-spacing-padding: 0 9px
        }

        html:not([dark]) .blu-button.b-secondary[data-v-498b5b0a] {
            --blu-button-color-background: #ffffff
        }

        html:not([dark]) .blu-button.b-secondary.b-common[data-v-498b5b0a] {
            --blu-button-color-border: #1d8fff;
            --blu-button-color-text: #ac8221;
            --blu-button-color-icon: #a58d33
        }

        html:not([dark]) .blu-button.b-secondary.b-common.b-hover[data-v-498b5b0a]:not(.b-disabled),
        html:not([dark]) .blu-button.b-secondary.b-common[data-v-498b5b0a]:hover:not(.b-disabled),
        html:not([dark]) .blu-button.b-secondary.b-common[data-v-498b5b0a]:active:not(.b-disabled),
        html:not([dark]) .blu-button.b-secondary.b-common[data-v-498b5b0a]:focus-visible:not(.b-disabled) {
            --blu-button-color-background: #f3f9ff;
            --blu-button-color-border: #a58d33
        }

        html:not([dark]) .blu-button.b-secondary.b-danger[data-v-498b5b0a] {
            --blu-button-color-border: #ff4646;
            --blu-button-color-text: #d33534;
            --blu-button-color-icon: #e93c3c
        }

        html:not([dark]) .blu-button.b-secondary.b-danger.b-hover[data-v-498b5b0a]:not(.b-disabled),
        html:not([dark]) .blu-button.b-secondary.b-danger[data-v-498b5b0a]:hover:not(.b-disabled),
        html:not([dark]) .blu-button.b-secondary.b-danger[data-v-498b5b0a]:active:not(.b-disabled),
        html:not([dark]) .blu-button.b-secondary.b-danger[data-v-498b5b0a]:focus-visible:not(.b-disabled) {
            --blu-button-color-background: #fff5f5;
            --blu-button-color-border: #e93c3c
        }

        html:not([dark]) .blu-button.b-secondary.b-inverted[data-v-498b5b0a] {
            --blu-button-color-background: rgba(25, 34, 42, .3019607843);
            --blu-button-color-border: #ffffff;
            --blu-button-color-text: #ffffff;
            --blu-button-color-icon: #ffffff
        }

        html:not([dark]) .blu-button.b-secondary.b-inverted.b-hover[data-v-498b5b0a]:not(.b-disabled),
        html:not([dark]) .blu-button.b-secondary.b-inverted[data-v-498b5b0a]:hover:not(.b-disabled),
        html:not([dark]) .blu-button.b-secondary.b-inverted[data-v-498b5b0a]:active:not(.b-disabled),
        html:not([dark]) .blu-button.b-secondary.b-inverted[data-v-498b5b0a]:focus-visible:not(.b-disabled) {
            --blu-button-color-background: rgba(255, 255, 255, .4);
            --blu-button-color-border: #ffffff
        }

        html:not([dark]) .blu-button.b-secondary.b-disabled[data-v-498b5b0a] {
            --blu-button-color-background: #e1e3e4;
            --blu-button-color-border: #c8cbcd;
            --blu-button-color-text: rgba(25, 34, 42, .3019607843);
            --blu-button-color-icon: rgba(25, 34, 42, .3019607843)
        }

        html:not([dark]) .blu-button.b-secondary.b-disabled[data-v-498b5b0a]:not(.b-inverted) {
            --blu-button-color-background: #e1e3e4;
            --blu-button-color-border: #c8cbcd;
            --blu-button-color-text: rgba(25, 34, 42, .3019607843);
            --blu-button-color-icon: rgba(25, 34, 42, .3019607843)
        }

        html:not([dark]) .blu-button[data-v-498b5b0a] {
            width: var(--blu-button-custom-width)
        }

        html:not([dark]) .blu-button.b-tertiary.b-common[data-v-498b5b0a] {
            --blu-button-color-text: #ac8221;
            --blu-button-color-icon: #a58d33
        }

        html:not([dark]) .blu-button.b-tertiary.b-common.b-hover[data-v-498b5b0a]:not(.b-disabled),
        html:not([dark]) .blu-button.b-tertiary.b-common[data-v-498b5b0a]:hover:not(.b-disabled),
        html:not([dark]) .blu-button.b-tertiary.b-common[data-v-498b5b0a]:active:not(.b-disabled),
        html:not([dark]) .blu-button.b-tertiary.b-common[data-v-498b5b0a]:focus-visible:not(.b-disabled) {
            --blu-button-color-background: #f3f9ff;
            --blu-button-color-border: transparent
        }

        html:not([dark]) .blu-button.b-tertiary.b-danger[data-v-498b5b0a] {
            --blu-button-color-text: #d33534;
            --blu-button-color-icon: #e93c3c
        }

        html:not([dark]) .blu-button.b-tertiary.b-danger.b-hover[data-v-498b5b0a]:not(.b-disabled),
        html:not([dark]) .blu-button.b-tertiary.b-danger[data-v-498b5b0a]:hover:not(.b-disabled),
        html:not([dark]) .blu-button.b-tertiary.b-danger[data-v-498b5b0a]:active:not(.b-disabled),
        html:not([dark]) .blu-button.b-tertiary.b-danger[data-v-498b5b0a]:focus-visible:not(.b-disabled) {
            --blu-button-color-background: #fff5f5;
            --blu-button-color-border: transparent
        }

        html:not([dark]) .blu-button.b-tertiary.b-inverted[data-v-498b5b0a] {
            --blu-button-color-text: #ffffff;
            --blu-button-color-icon: #ffffff
        }

        html:not([dark]) .blu-button.b-tertiary.b-inverted.b-hover[data-v-498b5b0a]:not(.b-disabled),
        html:not([dark]) .blu-button.b-tertiary.b-inverted[data-v-498b5b0a]:hover:not(.b-disabled),
        html:not([dark]) .blu-button.b-tertiary.b-inverted[data-v-498b5b0a]:active:not(.b-disabled),
        html:not([dark]) .blu-button.b-tertiary.b-inverted[data-v-498b5b0a]:focus-visible:not(.b-disabled) {
            --blu-button-color-background: rgba(255, 255, 255, .4);
            --blu-button-color-border: transparent
        }

        html:not([dark]) .blu-button.b-tertiary.b-disabled[data-v-498b5b0a] {
            --blu-button-color-text: rgba(255, 255, 255, .4);
            --blu-button-color-icon: rgba(255, 255, 255, .4)
        }

        html:not([dark]) .blu-button.b-tertiary.b-disabled[data-v-498b5b0a]:not(.b-inverted) {
            --blu-button-color-text: rgba(25, 34, 42, .3019607843);
            --blu-button-color-icon: rgba(25, 34, 42, .3019607843)
        }

        html:not([dark]) a[data-v-498b5b0a] {
            text-decoration: none
        }

        html[dark] button[data-v-498b5b0a] {
            border: none;
            background: none;
            cursor: pointer;
            font-family: Blibli, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif;
            padding: 0
        }

        html[dark] input[type=submit][data-v-498b5b0a]::-moz-focus-inner,
        html[dark] input[type=button][data-v-498b5b0a]::-moz-focus-inner {
            border: 0px
        }

        html[dark] button[data-v-498b5b0a]:focus,
        html[dark] input[type=submit][data-v-498b5b0a]:focus,
        html[dark] input[type=button][data-v-498b5b0a]:focus,
        html[dark] input[type=reset][data-v-498b5b0a]:focus,
        html[dark] a[data-v-498b5b0a] {
            outline: none
        }

        html[dark] .blu-button[data-v-498b5b0a] {
            --blu-button-border-width: 1px;
            --blu-button-border-radius: 64px;
            --blu-button-color-text: #ffffff;
            --blu-button-color-icon: #ffffff;
            --blu-button-opacity: $blu-button-opacity;
            --blu-button-size-height: 48px;
            --blu-button-icon-size: 24px;
            --blu-button-spacing-padding: 0 32px;
            --blu-button-spacing-gap: 8px;
            --blu-button-text: 600 16px/20px Blibli, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif;
            padding: var(--blu-button-spacing-padding);
            height: var(--blu-button-size-height);
            border-radius: var(--blu-button-border-radius);
            transition: transform .3s .08s, all .3s;
            color: var(--blu-button-color-text);
            background-color: var(--blu-button-color-background);
            font: var(--blu-button-text);
            box-shadow: 0 0 0 var(--blu-button-border-width) var(--blu-button-color-border);
            display: inline-flex;
            justify-content: center;
            align-items: center;
            white-space: nowrap
        }

        html[dark] .blu-button[data-v-498b5b0a]:active:hover:not(.b-disabled),
        html[dark] .blu-button:active.b-hover[data-v-498b5b0a]:not(.b-disabled) {
            transform: scale(.875)
        }

        html[dark] .blu-button[data-v-498b5b0a]:focus-visible {
            outline: none
        }

        html[dark] .blu-button[data-v-498b5b0a]:focus-visible:not(.b-disabled) {
            box-shadow: 0 0 0 2px #f9f9fa
        }

        html[dark] .blu-button__icon[data-v-498b5b0a] {
            display: flex;
            color: var(--blu-button-color-icon)
        }

        html[dark] .blu-button__icon[data-v-498b5b0a] svg {
            width: var(--blu-button-icon-size);
            height: var(--blu-button-icon-size)
        }

        html[dark] .blu-button.b-has-icon:not(.b-has-icon-only) .blu-button__icon[data-v-498b5b0a] {
            margin-right: var(--blu-button-spacing-gap)
        }

        html[dark] .blu-button.b-has-icon-only[data-v-498b5b0a] {
            --blu-button-spacing-padding: 0 12px
        }

        html[dark] .blu-button.b-loading[data-v-498b5b0a] .blu-loader-wrapper svg {
            display: flex;
            width: 18px;
            height: 18px
        }

        html[dark] .blu-button.b-disabled[data-v-498b5b0a] {
            cursor: not-allowed
        }

        html[dark] .blu-button.b-disabled[data-v-498b5b0a]:active {
            pointer-events: none
        }

        html[dark] .blu-button.b-full-width[data-v-498b5b0a] {
            width: 100%
        }

        html[dark] .blu-button.b-primary.b-common[data-v-498b5b0a] {
            --blu-button-color-background: #a58d33
        }

        html[dark] .blu-button.b-primary.b-common.b-hover[data-v-498b5b0a]:not(.b-disabled),
        html[dark] .blu-button.b-primary.b-common[data-v-498b5b0a]:hover:not(.b-disabled),
        html[dark] .blu-button.b-primary.b-common[data-v-498b5b0a]:active:not(.b-disabled),
        html[dark] .blu-button.b-primary.b-common[data-v-498b5b0a]:focus-visible:not(.b-disabled) {
            --blu-button-color-background: #1d8fff;
            --blu-button-color-border: transparent
        }

        html[dark] .blu-button.b-primary.b-danger[data-v-498b5b0a] {
            --blu-button-color-background: #e93c3c
        }

        html[dark] .blu-button.b-primary.b-danger.b-hover[data-v-498b5b0a]:not(.b-disabled),
        html[dark] .blu-button.b-primary.b-danger[data-v-498b5b0a]:hover:not(.b-disabled),
        html[dark] .blu-button.b-primary.b-danger[data-v-498b5b0a]:active:not(.b-disabled),
        html[dark] .blu-button.b-primary.b-danger[data-v-498b5b0a]:focus-visible:not(.b-disabled) {
            --blu-button-color-background: #ff4646;
            --blu-button-color-border: transparent
        }

        html[dark] .blu-button.b-primary.b-inverted[data-v-498b5b0a] {
            --blu-button-color-background: #12171d;
            --blu-button-color-text: #4fa4ff;
            --blu-button-color-icon: #4fa4ff
        }

        html[dark] .blu-button.b-primary.b-inverted.b-hover[data-v-498b5b0a]:not(.b-disabled),
        html[dark] .blu-button.b-primary.b-inverted[data-v-498b5b0a]:hover:not(.b-disabled),
        html[dark] .blu-button.b-primary.b-inverted[data-v-498b5b0a]:active:not(.b-disabled),
        html[dark] .blu-button.b-primary.b-inverted[data-v-498b5b0a]:focus-visible:not(.b-disabled) {
            --blu-button-color-background: #19222a;
            --blu-button-color-border: transparent
        }

        html[dark] .blu-button.b-primary.b-disabled[data-v-498b5b0a] {
            --blu-button-color-background: #3b444c;
            --blu-button-color-text: rgba(255, 255, 255, .3019607843);
            --blu-button-color-icon: rgba(255, 255, 255, .3019607843)
        }

        html[dark] .blu-button.b-primary.b-disabled[data-v-498b5b0a]:not(.b-inverted) {
            --blu-button-color-background: #3b444c;
            --blu-button-color-text: rgba(255, 255, 255, .3019607843);
            --blu-button-color-icon: rgba(255, 255, 255, .3019607843)
        }

        html[dark] .blu-button.b-small[data-v-498b5b0a] {
            --blu-button-border-radius: 64px;
            --blu-button-size-height: 36px;
            --blu-button-spacing-padding: 0 16px;
            --blu-button-text: 600 14px/18px Blibli, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif;
            --blu-button-icon-size: 18px;
            --blu-button-spacing-gap: 4px
        }

        html[dark] .blu-button.b-small.b-has-icon-only[data-v-498b5b0a] {
            --blu-button-spacing-padding: 0 9px
        }

        html[dark] .blu-button.b-secondary[data-v-498b5b0a] {
            --blu-button-color-background: #12171d
        }

        html[dark] .blu-button.b-secondary.b-common[data-v-498b5b0a] {
            --blu-button-color-border: #4fa4ff;
            --blu-button-color-text: #4fa4ff;
            --blu-button-color-icon: #4fa4ff
        }

        html[dark] .blu-button.b-secondary.b-common.b-hover[data-v-498b5b0a]:not(.b-disabled),
        html[dark] .blu-button.b-secondary.b-common[data-v-498b5b0a]:hover:not(.b-disabled),
        html[dark] .blu-button.b-secondary.b-common[data-v-498b5b0a]:active:not(.b-disabled),
        html[dark] .blu-button.b-secondary.b-common[data-v-498b5b0a]:focus-visible:not(.b-disabled) {
            --blu-button-color-background: #002e7a;
            --blu-button-color-border: #4fa4ff
        }

        html[dark] .blu-button.b-secondary.b-danger[data-v-498b5b0a] {
            --blu-button-color-border: #ff7373;
            --blu-button-color-text: #ff7373;
            --blu-button-color-icon: #ff7373
        }

        html[dark] .blu-button.b-secondary.b-danger.b-hover[data-v-498b5b0a]:not(.b-disabled),
        html[dark] .blu-button.b-secondary.b-danger[data-v-498b5b0a]:hover:not(.b-disabled),
        html[dark] .blu-button.b-secondary.b-danger[data-v-498b5b0a]:active:not(.b-disabled),
        html[dark] .blu-button.b-secondary.b-danger[data-v-498b5b0a]:focus-visible:not(.b-disabled) {
            --blu-button-color-background: #631818;
            --blu-button-color-border: #ff7373
        }

        html[dark] .blu-button.b-secondary.b-inverted[data-v-498b5b0a] {
            --blu-button-color-background: rgba(255, 255, 255, .3019607843);
            --blu-button-color-border: #12171d;
            --blu-button-color-text: #12171d;
            --blu-button-color-icon: #12171d
        }

        html[dark] .blu-button.b-secondary.b-inverted.b-hover[data-v-498b5b0a]:not(.b-disabled),
        html[dark] .blu-button.b-secondary.b-inverted[data-v-498b5b0a]:hover:not(.b-disabled),
        html[dark] .blu-button.b-secondary.b-inverted[data-v-498b5b0a]:active:not(.b-disabled),
        html[dark] .blu-button.b-secondary.b-inverted[data-v-498b5b0a]:focus-visible:not(.b-disabled) {
            --blu-button-color-background: rgba(18, 23, 29, .4);
            --blu-button-color-border: #12171d
        }

        html[dark] .blu-button.b-secondary.b-disabled[data-v-498b5b0a] {
            --blu-button-color-background: #3b444c;
            --blu-button-color-border: #60686e;
            --blu-button-color-text: rgba(255, 255, 255, .3019607843);
            --blu-button-color-icon: rgba(255, 255, 255, .3019607843)
        }

        html[dark] .blu-button.b-secondary.b-disabled[data-v-498b5b0a]:not(.b-inverted) {
            --blu-button-color-background: #3b444c;
            --blu-button-color-border: #60686e;
            --blu-button-color-text: rgba(255, 255, 255, .3019607843);
            --blu-button-color-icon: rgba(255, 255, 255, .3019607843)
        }

        html[dark] .blu-button[data-v-498b5b0a] {
            width: var(--blu-button-custom-width)
        }

        html[dark] .blu-button.b-tertiary.b-common[data-v-498b5b0a] {
            --blu-button-color-text: #4fa4ff;
            --blu-button-color-icon: #4fa4ff
        }

        html[dark] .blu-button.b-tertiary.b-common.b-hover[data-v-498b5b0a]:not(.b-disabled),
        html[dark] .blu-button.b-tertiary.b-common[data-v-498b5b0a]:hover:not(.b-disabled),
        html[dark] .blu-button.b-tertiary.b-common[data-v-498b5b0a]:active:not(.b-disabled),
        html[dark] .blu-button.b-tertiary.b-common[data-v-498b5b0a]:focus-visible:not(.b-disabled) {
            --blu-button-color-background: #002e7a;
            --blu-button-color-border: transparent
        }

        html[dark] .blu-button.b-tertiary.b-danger[data-v-498b5b0a] {
            --blu-button-color-text: #ff7373;
            --blu-button-color-icon: #ff7373
        }

        html[dark] .blu-button.b-tertiary.b-danger.b-hover[data-v-498b5b0a]:not(.b-disabled),
        html[dark] .blu-button.b-tertiary.b-danger[data-v-498b5b0a]:hover:not(.b-disabled),
        html[dark] .blu-button.b-tertiary.b-danger[data-v-498b5b0a]:active:not(.b-disabled),
        html[dark] .blu-button.b-tertiary.b-danger[data-v-498b5b0a]:focus-visible:not(.b-disabled) {
            --blu-button-color-background: #631818;
            --blu-button-color-border: transparent
        }

        html[dark] .blu-button.b-tertiary.b-inverted[data-v-498b5b0a] {
            --blu-button-color-text: #12171d;
            --blu-button-color-icon: #12171d
        }

        html[dark] .blu-button.b-tertiary.b-inverted.b-hover[data-v-498b5b0a]:not(.b-disabled),
        html[dark] .blu-button.b-tertiary.b-inverted[data-v-498b5b0a]:hover:not(.b-disabled),
        html[dark] .blu-button.b-tertiary.b-inverted[data-v-498b5b0a]:active:not(.b-disabled),
        html[dark] .blu-button.b-tertiary.b-inverted[data-v-498b5b0a]:focus-visible:not(.b-disabled) {
            --blu-button-color-background: rgba(18, 23, 29, .4);
            --blu-button-color-border: transparent
        }

        html[dark] .blu-button.b-tertiary.b-disabled[data-v-498b5b0a] {
            --blu-button-color-text: rgba(18, 23, 29, .4);
            --blu-button-color-icon: rgba(18, 23, 29, .4)
        }

        html[dark] .blu-button.b-tertiary.b-disabled[data-v-498b5b0a]:not(.b-inverted) {
            --blu-button-color-text: rgba(255, 255, 255, .3019607843);
            --blu-button-color-icon: rgba(255, 255, 255, .3019607843)
        }

        html[dark] a[data-v-498b5b0a] {
            text-decoration: none
        }
    </style>
    <style>
        html:not([dark]) .blu-loader-general[data-v-5f0af726] {
            --blu-loader-general-highlight-color-background: #1d8fff;
            --blu-loader-general-base-color-background: #f1f2f2;
            width: var(--blu-loader-general-size);
            height: var(--blu-loader-general-size)
        }

        html:not([dark]) .blu-loader-general__asset[data-v-5f0af726] {
            animation: general-rotate-5f0af726 1.6s linear infinite;
            transform-origin: center center;
            transition: all .5s ease-in-out;
            width: 100%;
            height: 100%;
            margin: auto;
            transform: rotate(90deg)
        }

        html:not([dark]) .blu-loader-general__asset--highlight[data-v-5f0af726],
        html:not([dark]) .blu-loader-general__asset--base[data-v-5f0af726] {
            stroke-linecap: round
        }

        html:not([dark]) .blu-loader-general__asset--highlight[data-v-5f0af726] {
            stroke: var(--blu-loader-general-highlight-color-background);
            animation: general-highlight-5f0af726 1.6s linear infinite
        }

        html:not([dark]) .blu-loader-general__asset--base[data-v-5f0af726] {
            stroke: var(--blu-loader-general-base-color-background);
            animation: general-base-5f0af726 1.6s linear infinite
        }

        html:not([dark]) .blu-loader-general.b-inverted[data-v-5f0af726] {
            --blu-loader-general-highlight-color-background: #ffffff;
            --blu-loader-general-base-color-background: #c8cbcd
        }

        html:not([dark]) .blu-loader-general.b-size-s[data-v-5f0af726] {
            --blu-loader-general-size: 16px
        }

        html:not([dark]) .blu-loader-general.b-size-m[data-v-5f0af726] {
            --blu-loader-general-size: 18px
        }

        html:not([dark]) .blu-loader-general.b-size-l[data-v-5f0af726] {
            --blu-loader-general-size: 24px
        }

        html:not([dark]) .blu-loader-general.b-size-xl[data-v-5f0af726] {
            --blu-loader-general-size: 32px
        }

        html[dark] .blu-loader-general[data-v-5f0af726] {
            --blu-loader-general-highlight-color-background: #4fa4ff;
            --blu-loader-general-base-color-background: #28323b;
            width: var(--blu-loader-general-size);
            height: var(--blu-loader-general-size)
        }

        html[dark] .blu-loader-general__asset[data-v-5f0af726] {
            animation: general-rotate-5f0af726 1.6s linear infinite;
            transform-origin: center center;
            transition: all .5s ease-in-out;
            width: 100%;
            height: 100%;
            margin: auto;
            transform: rotate(90deg)
        }

        html[dark] .blu-loader-general__asset--highlight[data-v-5f0af726],
        html[dark] .blu-loader-general__asset--base[data-v-5f0af726] {
            stroke-linecap: round
        }

        html[dark] .blu-loader-general__asset--highlight[data-v-5f0af726] {
            stroke: var(--blu-loader-general-highlight-color-background);
            animation: general-highlight-5f0af726 1.6s linear infinite
        }

        html[dark] .blu-loader-general__asset--base[data-v-5f0af726] {
            stroke: var(--blu-loader-general-base-color-background);
            animation: general-base-5f0af726 1.6s linear infinite
        }

        html[dark] .blu-loader-general.b-inverted[data-v-5f0af726] {
            --blu-loader-general-highlight-color-background: #12171d;
            --blu-loader-general-base-color-background: #60686e
        }

        html[dark] .blu-loader-general.b-size-s[data-v-5f0af726] {
            --blu-loader-general-size: 16px
        }

        html[dark] .blu-loader-general.b-size-m[data-v-5f0af726] {
            --blu-loader-general-size: 18px
        }

        html[dark] .blu-loader-general.b-size-l[data-v-5f0af726] {
            --blu-loader-general-size: 24px
        }

        html[dark] .blu-loader-general.b-size-xl[data-v-5f0af726] {
            --blu-loader-general-size: 32px
        }

        @keyframes general-highlight-5f0af726 {
            0% {
                stroke-dasharray: 1, 200;
                stroke-dashoffset: 0
            }

            50% {
                stroke-dasharray: 50, 200;
                stroke-dashoffset: -15px
            }

            to {
                stroke-dasharray: 50, 200;
                stroke-dashoffset: -124px
            }
        }

        @keyframes general-base-5f0af726 {
            0% {
                stroke-dasharray: 1, 200;
                stroke-dashoffset: 0
            }

            to {
                stroke-dasharray: 100, 200;
                stroke-dashoffset: -120px
            }
        }

        @keyframes general-rotate-5f0af726 {
            to {
                transform: rotate(450deg)
            }
        }
    </style>
    <script type="text/javascript" src="https://prod.flixgvid.flix360.io/" async="" id="data-flix-t-script"></script>
    <style>
        .lazyImage[data-v-8dd39e6c] {
            max-width: 100%;
            max-height: 100%;
            width: auto;
            height: auto;
            vertical-align: middle
        }

        img[data-v-8dd39e6c] {
            object-fit: cover
        }

        img.error-image[data-v-8dd39e6c] {
            object-fit: contain !important;
            background-color: #f1f2f2
        }

        .list-enter-active[data-v-8dd39e6c],
        .list-leave-active[data-v-8dd39e6c] {
            transition: all .5s ease
        }

        .list-enter-from[data-v-8dd39e6c],
        .list-leave-to[data-v-8dd39e6c] {
            opacity: 0;
            transform: translate(30px)
        }

        @media screen and (min-width: 840px),
        print {
            div.recommendation-card[data-v-e5ee2037] {
                flex: 1 158px;
                max-width: 192px
            }
        }

        @media screen and (max-width: 839px) {
            div.recommendation-card[data-v-e5ee2037] {
                flex: 1 138px;
                max-width: 204px
            }
        }

        div.recommendation-card .promo-badge[data-v-e5ee2037] {
            position: absolute;
            bottom: 0;
            left: 0;
            z-index: 1;
            object-fit: contain;
            max-width: 60%;
            max-height: 24px
        }

        div.recommendation-card .seller[data-v-e5ee2037] {
            display: flex;
            height: 16px
        }

        div.recommendation-card .seller .img-official[data-v-e5ee2037] {
            margin-right: 2px
        }

        div.recommendation-card .seller .img-badge[data-v-e5ee2037] {
            margin-right: 4px
        }

        div.recommendation-card .seller .location[data-v-e5ee2037] {
            text-overflow: ellipsis;
            overflow: hidden;
            display: -webkit-box;
            -webkit-line-clamp: 1;
            -webkit-box-orient: vertical;
            word-break: break-all
        }

        img.recommendation-card-image[data-v-e5ee2037] {
            width: 100%;
            height: 100%;
            object-fit: contain
        }

        .loader[data-v-e4747b92] {
            position: absolute;
            background: #fff;
            width: 100%;
            height: 100%;
            top: 0;
            left: 0;
            text-align: center;
            --size: 20px;
            --gap: 15px
        }

        .loader .wrapper[data-v-e4747b92] {
            position: relative;
            top: 50%;
            transform: translateY(-50%)
        }

        .dot-loader--default .circle[data-v-e4747b92] {
            background-color: #afdaf0;
            animation: flashing-e4747b92 2.24s infinite normal
        }

        .dot-loader--default .circle-1[data-v-e4747b92] {
            animation-delay: .45s
        }

        .dot-loader--default .circle-2[data-v-e4747b92] {
            animation-delay: 1.05s
        }

        .dot-loader--default .circle-3[data-v-e4747b92] {
            animation-delay: 1.35s
        }

        .dot-loader--pulse .circle[data-v-e4747b92] {
            background-color: #a58d33;
            animation: pulse-e4747b92 1s infinite linear alternate
        }

        .dot-loader--pulse .circle-1[data-v-e4747b92] {
            animation-delay: 0s
        }

        .dot-loader--pulse .circle-2[data-v-e4747b92] {
            animation-delay: .5s
        }

        .dot-loader--pulse .circle-3[data-v-e4747b92] {
            animation-delay: 1s
        }

        .circle[data-v-e4747b92] {
            display: inline-block;
            height: var(--size);
            width: var(--size);
            border-radius: 20px
        }

        .circle[data-v-e4747b92]:first-child {
            margin-left: 0
        }

        .circle[data-v-e4747b92]:not(:first-child) {
            margin-left: var(--gap)
        }

        #circle_1[data-v-e4747b92] {
            animation-delay: .45s
        }

        #circle_2[data-v-e4747b92] {
            animation-delay: 1.05s
        }

        #circle_3[data-v-e4747b92] {
            animation-delay: 1.35s
        }

        @keyframes flashing-e4747b92 {
            50% {
                background-color: #f0f0f0
            }
        }

        @keyframes pulse-e4747b92 {
            0% {
                background-color: #a58d33;
                transform: scale(2)
            }

            50%,
            to {
                background-color: #c8cbcd;
                transform: scale(1)
            }
        }

        .recommendation[data-v-6c50fb98] {
            width: 100%
        }

        .recommendation__title[data-v-6c50fb98] {
            font: 600 18px/24px Blibli, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif;
            color: #19222a
        }

        @media screen and (min-width: 840px),
        print {
            .recommendation__title[data-v-6c50fb98] {
                padding: 8px 24px 0
            }
        }

        @media screen and (max-width: 839px) {
            .recommendation__title[data-v-6c50fb98] {
                padding: 16px 16px 0
            }
        }

        .recommendation__list[data-v-6c50fb98] {
            display: flex;
            flex-wrap: wrap
        }

        @media screen and (min-width: 840px),
        print {
            .recommendation__list[data-v-6c50fb98] {
                margin-left: 16px;
                padding: 12px 8px;
                gap: 20px 16px
            }
        }

        @media screen and (max-width: 839px) {
            .recommendation__list[data-v-6c50fb98] {
                padding: 16px;
                gap: 16px 12px
            }
        }

        .recommendation .fade-enter-active[data-v-6c50fb98],
        .recommendation .fade-leave-active[data-v-6c50fb98] {
            transition: opacity .5s ease
        }

        .recommendation .fade-enter-from[data-v-6c50fb98],
        .recommendation .fade-leave-to[data-v-6c50fb98] {
            opacity: 0
        }

        .loading-container[data-v-6c50fb98] {
            display: flex;
            justify-content: center
        }
    </style>
    <style>
        html:not([dark]) .blu-product-grocery[data-v-7dfd505e] {
            --blu-product-grocery-color-background: #ffffff;
            --blu-product-grocery-count-color-background: #797f85;
            --blu-product-grocery-border-radius: 8px 8px;
            --blu-product-grocery-count-border-radius: 50%;
            --blu-product-grocery-name-text: 500 14px/18px Blibli, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif;
            --blu-product-grocery-count-text: 500 12px/16px Blibli, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif;
            --blu-product-grocery-count-color-text: rgba(25, 34, 42, .7019607843);
            --blu-product-grocery-image-border: 1px solid #f1f2f2;
            --blu-product-grocery-label-count-margin: 4px;
            --blu-product-grocery-count-divider-height: 2px;
            --blu-product-grocery-count-divider-width: 2px;
            position: relative;
            background-color: var(--blu-product-grocery-color-background);
            border-radius: var(--blu-product-grocery-border-radius);
            height: 100%;
            overflow: hidden;
            display: flex;
            flex-direction: column;
            gap: 4px
        }

        @media screen and (min-width: 840px),
        print {
            html:not([dark]) .blu-product-grocery[data-v-7dfd505e] {
                flex: 1 192px
            }
        }

        @media screen and (max-width: 839px) {
            html:not([dark]) .blu-product-grocery[data-v-7dfd505e] {
                flex: 1 138px
            }
        }

        html:not([dark]) .blu-product-grocery[data-v-7dfd505e] .blu-image__main {
            transition: all .3s ease
        }

        html:not([dark]) .blu-product-grocery[data-v-7dfd505e]:not(.b-disabled):hover {
            cursor: pointer
        }

        html:not([dark]) .blu-product-grocery[data-v-7dfd505e]:not(.b-disabled):hover .blu-image__main {
            transform: scale(1.05)
        }

        html:not([dark]) .blu-product-grocery__top[data-v-7dfd505e] {
            position: relative
        }

        html:not([dark]) .blu-product-grocery__image[data-v-7dfd505e] {
            position: relative;
            top: 0;
            aspect-ratio: 1;
            border: var(--blu-product-grocery-image-border);
            border-radius: var(--blu-product-grocery-border-radius);
            object-fit: contain;
            overflow: hidden
        }

        html:not([dark]) .blu-product-grocery__image-label[data-v-7dfd505e] {
            position: absolute;
            top: 8px;
            left: 8px;
            display: flex;
            z-index: 1
        }

        html:not([dark]) .blu-product-grocery__promo-campaign[data-v-7dfd505e] {
            --blu-product-grocery-promo-campaign-height: 24px;
            position: absolute;
            bottom: 0;
            left: 0;
            height: var(--blu-product-grocery-promo-campaign-height)
        }

        html:not([dark]) .blu-product-grocery__promo-campaign[data-v-7dfd505e] img {
            max-height: var(--blu-product-grocery-promo-campaign-height)
        }

        html:not([dark]) .blu-product-grocery__button[data-v-7dfd505e] {
            position: absolute;
            bottom: 8px;
            right: 8px;
            z-index: 1
        }

        html:not([dark]) .blu-product-grocery__button[data-v-7dfd505e] .blu-input-number.b-field.b-secondary {
            --blu-input-number-color-border: #1d8fff
        }

        html:not([dark]) .blu-product-grocery__bottom[data-v-7dfd505e] {
            display: flex;
            flex-direction: column;
            gap: 4px
        }

        html:not([dark]) .blu-product-grocery__bottom--price[data-v-7dfd505e] {
            display: flex;
            flex-direction: column;
            gap: 4px
        }

        html:not([dark]) .blu-product-grocery__bottom--price .blu-grocery-bottom__price[data-v-7dfd505e] {
            --blu-product-grocery-price-after-text: 600 16px/20px Blibli, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif;
            --blu-product-grocery-price-before-text: 500 12px/16px Blibli, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif;
            --blu-product-grocery-price-after-color-text: #19222a;
            --blu-product-grocery-price-before-color-text: rgba(25, 34, 42, .4)
        }

        html:not([dark]) .blu-product-grocery__bottom--price .blu-grocery-bottom__price--after[data-v-7dfd505e] {
            font: var(--blu-product-grocery-price-after-text);
            color: var(--blu-product-grocery-price-after-color-text)
        }

        html:not([dark]) .blu-product-grocery__bottom--price .blu-grocery-bottom__price--before[data-v-7dfd505e] {
            display: flex;
            gap: 4px;
            font: var(--blu-product-grocery-price-before-text);
            color: var(--blu-product-grocery-price-before-color-text)
        }

        html:not([dark]) .blu-product-grocery__bottom--price .blu-grocery-bottom__price--before .blu-grocery-price-before[data-v-7dfd505e] {
            text-decoration: line-through
        }

        html:not([dark]) .blu-product-grocery__bottom--price .blu-grocery-bottom__promo-badge[data-v-7dfd505e] {
            display: flex;
            margin: 2px 0
        }

        html:not([dark]) .blu-product-grocery__bottom--name[data-v-7dfd505e] {
            display: -webkit-box;
            -webkit-line-clamp: 2;
            -webkit-box-orient: vertical;
            font: var(--blu-product-grocery-name-text);
            white-space: initial;
            word-break: break-word;
            overflow: hidden
        }

        html:not([dark]) .blu-product-grocery__bottom--seller-credibility[data-v-7dfd505e] {
            display: flex;
            flex-direction: column;
            gap: 4px
        }

        html:not([dark]) .blu-product-grocery__bottom--seller-credibility .blu-grocery-seller-credibility__info[data-v-7dfd505e] {
            display: flex;
            align-items: center;
            gap: 4px
        }

        html:not([dark]) .blu-product-grocery__bottom--seller-credibility .blu-grocery-seller-credibility__info .blu-grocery-seller__location[data-v-7dfd505e] {
            --blu-product-grocery-location-text: 500 12px/16px Blibli, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif;
            --blu-product-grocery-location-color-text: rgba(25, 34, 42, .7019607843);
            font: var(--blu-product-grocery-location-text);
            color: var(--blu-product-grocery-location-color-text)
        }

        html:not([dark]) .blu-product-grocery__bottom--seller-credibility .blu-grocery-seller-credibility__count[data-v-7dfd505e] {
            display: flex;
            align-items: center;
            gap: 4px;
            font: var(--blu-product-grocery-count-text);
            color: var(--blu-product-grocery-count-color-text)
        }

        html:not([dark]) .blu-product-grocery__bottom--seller-credibility .blu-grocery-seller-credibility__count span[data-v-7dfd505e] {
            margin-left: var(--blu-product-grocery-label-count-margin)
        }

        html:not([dark]) .blu-product-grocery__bottom--seller-credibility .blu-grocery-seller-credibility__count-wrapper[data-v-7dfd505e] {
            display: flex;
            align-items: center
        }

        html:not([dark]) .blu-product-grocery__bottom--seller-credibility .blu-grocery-seller-credibility__count--divider[data-v-7dfd505e] {
            width: var(--blu-product-grocery-count-divider-width);
            height: var(--blu-product-grocery-count-divider-height);
            background-color: var(--blu-product-grocery-count-color-background);
            border-radius: var(--blu-product-grocery-count-border-radius)
        }

        html:not([dark]) .blu-product-grocery__bottom--seller-credibility .blu-grocery-seller-credibility__features[data-v-7dfd505e] {
            display: flex;
            gap: 4px
        }

        html:not([dark]) .blu-product-grocery__bottom .name-on-top[data-v-7dfd505e] {
            flex-direction: column-reverse
        }

        html:not([dark]) .blu-product-grocery__title-price-wrapper[data-v-7dfd505e] {
            display: flex;
            gap: 4px;
            flex-direction: column
        }

        html:not([dark]) .blu-product-grocery__variant[data-v-7dfd505e] {
            --blu-product-grocery-variant-color-text: rgba(25, 34, 42, .7019607843);
            --blu-product-grocery-variant-text: 500 12px/16px Blibli, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif;
            display: flex;
            align-items: center;
            font: var(--blu-product-grocery-variant-text);
            color: var(--blu-product-grocery-variant-color-text)
        }

        html:not([dark]) .blu-product-grocery__variant.has-multiple[data-v-7dfd505e] {
            --blu-product-grocery-variant-color-text: #ac8221;
            --blu-product-grocery-variant-text: 600 12px/16px Blibli, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif
        }

        html:not([dark]) .blu-product-grocery__variant svg[data-v-7dfd505e] {
            width: 12px;
            height: 12px
        }

        html:not([dark]) .blu-product-grocery__promo-badge[data-v-7dfd505e] {
            display: flex;
            margin-top: 2px
        }

        html:not([dark]) .blu-product-grocery.b-disabled[data-v-7dfd505e] {
            cursor: not-allowed;
            -webkit-user-select: none;
            user-select: none
        }

        html:not([dark]) .blu-product-grocery.b-disabled .blu-product-grocery__bottom[data-v-7dfd505e],
        html:not([dark]) .blu-product-grocery.b-disabled .blu-product-grocery__promo-campaign[data-v-7dfd505e] {
            opacity: .5
        }

        html:not([dark]) .blu-product-grocery.b-disabled .blu-product-grocery__image[data-v-7dfd505e] .blu-image,
        html:not([dark]) .blu-product-grocery.b-disabled .blu-product-grocery__image[data-v-7dfd505e] .blu-product-image-carousel__slider {
            opacity: .5
        }

        html:not([dark]) .blu-product-grocery.b-on-colored-background[data-v-7dfd505e] {
            --blu-product-grocery-image-border: none
        }

        html:not([dark]) .blu-product-grocery.b-on-colored-background .blu-product-grocery__bottom[data-v-7dfd505e] {
            padding: 0 8px 8px
        }

        html[dark] .blu-product-grocery[data-v-7dfd505e] {
            --blu-product-grocery-color-background: #12171d;
            --blu-product-grocery-count-color-background: #acb0b4;
            --blu-product-grocery-border-radius: 8px 8px;
            --blu-product-grocery-count-border-radius: 50%;
            --blu-product-grocery-name-text: 500 14px/18px Blibli, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif;
            --blu-product-grocery-count-text: 500 12px/16px Blibli, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif;
            --blu-product-grocery-count-color-text: rgba(255, 255, 255, .8);
            --blu-product-grocery-image-border: 1px solid #28323b;
            --blu-product-grocery-label-count-margin: 4px;
            --blu-product-grocery-count-divider-height: 2px;
            --blu-product-grocery-count-divider-width: 2px;
            position: relative;
            background-color: var(--blu-product-grocery-color-background);
            border-radius: var(--blu-product-grocery-border-radius);
            height: 100%;
            overflow: hidden;
            display: flex;
            flex-direction: column;
            gap: 4px
        }

        @media screen and (min-width: 840px),
        print {
            html[dark] .blu-product-grocery[data-v-7dfd505e] {
                flex: 1 192px
            }
        }

        @media screen and (max-width: 839px) {
            html[dark] .blu-product-grocery[data-v-7dfd505e] {
                flex: 1 138px
            }
        }

        html[dark] .blu-product-grocery[data-v-7dfd505e] .blu-image__main {
            transition: all .3s ease
        }

        html[dark] .blu-product-grocery[data-v-7dfd505e]:not(.b-disabled):hover {
            cursor: pointer
        }

        html[dark] .blu-product-grocery[data-v-7dfd505e]:not(.b-disabled):hover .blu-image__main {
            transform: scale(1.05)
        }

        html[dark] .blu-product-grocery__top[data-v-7dfd505e] {
            position: relative
        }

        html[dark] .blu-product-grocery__image[data-v-7dfd505e] {
            position: relative;
            top: 0;
            aspect-ratio: 1;
            border: var(--blu-product-grocery-image-border);
            border-radius: var(--blu-product-grocery-border-radius);
            object-fit: contain;
            overflow: hidden
        }

        html[dark] .blu-product-grocery__image-label[data-v-7dfd505e] {
            position: absolute;
            top: 8px;
            left: 8px;
            display: flex;
            z-index: 1
        }

        html[dark] .blu-product-grocery__promo-campaign[data-v-7dfd505e] {
            --blu-product-grocery-promo-campaign-height: 24px;
            position: absolute;
            bottom: 0;
            left: 0;
            height: var(--blu-product-grocery-promo-campaign-height)
        }

        html[dark] .blu-product-grocery__promo-campaign[data-v-7dfd505e] img {
            max-height: var(--blu-product-grocery-promo-campaign-height)
        }

        html[dark] .blu-product-grocery__button[data-v-7dfd505e] {
            position: absolute;
            bottom: 8px;
            right: 8px;
            z-index: 1
        }

        html[dark] .blu-product-grocery__button[data-v-7dfd505e] .blu-input-number.b-field.b-secondary {
            --blu-input-number-color-border: #4fa4ff
        }

        html[dark] .blu-product-grocery__bottom[data-v-7dfd505e],
        html[dark] .blu-product-grocery__bottom--price[data-v-7dfd505e] {
            display: flex;
            flex-direction: column;
            gap: 4px
        }

        html[dark] .blu-product-grocery__bottom--price .blu-grocery-bottom__price[data-v-7dfd505e] {
            --blu-product-grocery-price-after-text: 600 16px/20px Blibli, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif;
            --blu-product-grocery-price-before-text: 500 12px/16px Blibli, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif;
            --blu-product-grocery-price-after-color-text: #ffffff;
            --blu-product-grocery-price-before-color-text: rgba(255, 255, 255, .5019607843)
        }

        html[dark] .blu-product-grocery__bottom--price .blu-grocery-bottom__price--after[data-v-7dfd505e] {
            font: var(--blu-product-grocery-price-after-text);
            color: var(--blu-product-grocery-price-after-color-text)
        }

        html[dark] .blu-product-grocery__bottom--price .blu-grocery-bottom__price--before[data-v-7dfd505e] {
            display: flex;
            gap: 4px;
            font: var(--blu-product-grocery-price-before-text);
            color: var(--blu-product-grocery-price-before-color-text)
        }

        html[dark] .blu-product-grocery__bottom--price .blu-grocery-bottom__price--before .blu-grocery-price-before[data-v-7dfd505e] {
            text-decoration: line-through
        }

        html[dark] .blu-product-grocery__bottom--price .blu-grocery-bottom__promo-badge[data-v-7dfd505e] {
            display: flex;
            margin: 2px 0
        }

        html[dark] .blu-product-grocery__bottom--name[data-v-7dfd505e] {
            display: -webkit-box;
            -webkit-line-clamp: 2;
            -webkit-box-orient: vertical;
            font: var(--blu-product-grocery-name-text);
            white-space: initial;
            word-break: break-word;
            overflow: hidden
        }

        html[dark] .blu-product-grocery__bottom--seller-credibility[data-v-7dfd505e] {
            display: flex;
            flex-direction: column;
            gap: 4px
        }

        html[dark] .blu-product-grocery__bottom--seller-credibility .blu-grocery-seller-credibility__info[data-v-7dfd505e] {
            display: flex;
            align-items: center;
            gap: 4px
        }

        html[dark] .blu-product-grocery__bottom--seller-credibility .blu-grocery-seller-credibility__info .blu-grocery-seller__location[data-v-7dfd505e] {
            --blu-product-grocery-location-text: 500 12px/16px Blibli, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif;
            --blu-product-grocery-location-color-text: rgba(255, 255, 255, .8);
            font: var(--blu-product-grocery-location-text);
            color: var(--blu-product-grocery-location-color-text)
        }

        html[dark] .blu-product-grocery__bottom--seller-credibility .blu-grocery-seller-credibility__count[data-v-7dfd505e] {
            display: flex;
            align-items: center;
            gap: 4px;
            font: var(--blu-product-grocery-count-text);
            color: var(--blu-product-grocery-count-color-text)
        }

        html[dark] .blu-product-grocery__bottom--seller-credibility .blu-grocery-seller-credibility__count span[data-v-7dfd505e] {
            margin-left: var(--blu-product-grocery-label-count-margin)
        }

        html[dark] .blu-product-grocery__bottom--seller-credibility .blu-grocery-seller-credibility__count-wrapper[data-v-7dfd505e] {
            display: flex;
            align-items: center
        }

        html[dark] .blu-product-grocery__bottom--seller-credibility .blu-grocery-seller-credibility__count--divider[data-v-7dfd505e] {
            width: var(--blu-product-grocery-count-divider-width);
            height: var(--blu-product-grocery-count-divider-height);
            background-color: var(--blu-product-grocery-count-color-background);
            border-radius: var(--blu-product-grocery-count-border-radius)
        }

        html[dark] .blu-product-grocery__bottom--seller-credibility .blu-grocery-seller-credibility__features[data-v-7dfd505e] {
            display: flex;
            gap: 4px
        }

        html[dark] .blu-product-grocery__bottom .name-on-top[data-v-7dfd505e] {
            flex-direction: column-reverse
        }

        html[dark] .blu-product-grocery__title-price-wrapper[data-v-7dfd505e] {
            display: flex;
            gap: 4px;
            flex-direction: column
        }

        html[dark] .blu-product-grocery__variant[data-v-7dfd505e] {
            --blu-product-grocery-variant-color-text: rgba(255, 255, 255, .8);
            --blu-product-grocery-variant-text: 500 12px/16px Blibli, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif;
            display: flex;
            align-items: center;
            font: var(--blu-product-grocery-variant-text);
            color: var(--blu-product-grocery-variant-color-text)
        }

        html[dark] .blu-product-grocery__variant.has-multiple[data-v-7dfd505e] {
            --blu-product-grocery-variant-color-text: #4fa4ff;
            --blu-product-grocery-variant-text: 600 12px/16px Blibli, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif
        }

        html[dark] .blu-product-grocery__variant svg[data-v-7dfd505e] {
            width: 12px;
            height: 12px
        }

        html[dark] .blu-product-grocery__promo-badge[data-v-7dfd505e] {
            display: flex;
            margin-top: 2px
        }

        html[dark] .blu-product-grocery.b-disabled[data-v-7dfd505e] {
            cursor: not-allowed;
            -webkit-user-select: none;
            user-select: none
        }

        html[dark] .blu-product-grocery.b-disabled .blu-product-grocery__bottom[data-v-7dfd505e],
        html[dark] .blu-product-grocery.b-disabled .blu-product-grocery__promo-campaign[data-v-7dfd505e],
        html[dark] .blu-product-grocery.b-disabled .blu-product-grocery__image[data-v-7dfd505e] .blu-image,
        html[dark] .blu-product-grocery.b-disabled .blu-product-grocery__image[data-v-7dfd505e] .blu-product-image-carousel__slider {
            opacity: .5
        }

        html[dark] .blu-product-grocery.b-on-colored-background[data-v-7dfd505e] {
            --blu-product-grocery-image-border: none
        }

        html[dark] .blu-product-grocery.b-on-colored-background .blu-product-grocery__bottom[data-v-7dfd505e] {
            padding: 0 8px 8px
        }
    </style>
    <style>
        html:not([dark]) .blu-loader-general[data-v-5f0af726] {
            --blu-loader-general-highlight-color-background: #1d8fff;
            --blu-loader-general-base-color-background: #f1f2f2;
            width: var(--blu-loader-general-size);
            height: var(--blu-loader-general-size)
        }

        html:not([dark]) .blu-loader-general__asset[data-v-5f0af726] {
            animation: general-rotate-5f0af726 1.6s linear infinite;
            transform-origin: center center;
            transition: all .5s ease-in-out;
            width: 100%;
            height: 100%;
            margin: auto;
            transform: rotate(90deg)
        }

        html:not([dark]) .blu-loader-general__asset--highlight[data-v-5f0af726],
        html:not([dark]) .blu-loader-general__asset--base[data-v-5f0af726] {
            stroke-linecap: round
        }

        html:not([dark]) .blu-loader-general__asset--highlight[data-v-5f0af726] {
            stroke: var(--blu-loader-general-highlight-color-background);
            animation: general-highlight-5f0af726 1.6s linear infinite
        }

        html:not([dark]) .blu-loader-general__asset--base[data-v-5f0af726] {
            stroke: var(--blu-loader-general-base-color-background);
            animation: general-base-5f0af726 1.6s linear infinite
        }

        html:not([dark]) .blu-loader-general.b-inverted[data-v-5f0af726] {
            --blu-loader-general-highlight-color-background: #ffffff;
            --blu-loader-general-base-color-background: #c8cbcd
        }

        html:not([dark]) .blu-loader-general.b-size-s[data-v-5f0af726] {
            --blu-loader-general-size: 16px
        }

        html:not([dark]) .blu-loader-general.b-size-m[data-v-5f0af726] {
            --blu-loader-general-size: 18px
        }

        html:not([dark]) .blu-loader-general.b-size-l[data-v-5f0af726] {
            --blu-loader-general-size: 24px
        }

        html:not([dark]) .blu-loader-general.b-size-xl[data-v-5f0af726] {
            --blu-loader-general-size: 32px
        }

        html[dark] .blu-loader-general[data-v-5f0af726] {
            --blu-loader-general-highlight-color-background: #4fa4ff;
            --blu-loader-general-base-color-background: #28323b;
            width: var(--blu-loader-general-size);
            height: var(--blu-loader-general-size)
        }

        html[dark] .blu-loader-general__asset[data-v-5f0af726] {
            animation: general-rotate-5f0af726 1.6s linear infinite;
            transform-origin: center center;
            transition: all .5s ease-in-out;
            width: 100%;
            height: 100%;
            margin: auto;
            transform: rotate(90deg)
        }

        html[dark] .blu-loader-general__asset--highlight[data-v-5f0af726],
        html[dark] .blu-loader-general__asset--base[data-v-5f0af726] {
            stroke-linecap: round
        }

        html[dark] .blu-loader-general__asset--highlight[data-v-5f0af726] {
            stroke: var(--blu-loader-general-highlight-color-background);
            animation: general-highlight-5f0af726 1.6s linear infinite
        }

        html[dark] .blu-loader-general__asset--base[data-v-5f0af726] {
            stroke: var(--blu-loader-general-base-color-background);
            animation: general-base-5f0af726 1.6s linear infinite
        }

        html[dark] .blu-loader-general.b-inverted[data-v-5f0af726] {
            --blu-loader-general-highlight-color-background: #12171d;
            --blu-loader-general-base-color-background: #60686e
        }

        html[dark] .blu-loader-general.b-size-s[data-v-5f0af726] {
            --blu-loader-general-size: 16px
        }

        html[dark] .blu-loader-general.b-size-m[data-v-5f0af726] {
            --blu-loader-general-size: 18px
        }

        html[dark] .blu-loader-general.b-size-l[data-v-5f0af726] {
            --blu-loader-general-size: 24px
        }

        html[dark] .blu-loader-general.b-size-xl[data-v-5f0af726] {
            --blu-loader-general-size: 32px
        }

        @keyframes general-highlight-5f0af726 {
            0% {
                stroke-dasharray: 1, 200;
                stroke-dashoffset: 0
            }

            50% {
                stroke-dasharray: 50, 200;
                stroke-dashoffset: -15px
            }

            to {
                stroke-dasharray: 50, 200;
                stroke-dashoffset: -124px
            }
        }

        @keyframes general-base-5f0af726 {
            0% {
                stroke-dasharray: 1, 200;
                stroke-dashoffset: 0
            }

            to {
                stroke-dasharray: 100, 200;
                stroke-dashoffset: -120px
            }
        }

        @keyframes general-rotate-5f0af726 {
            to {
                transform: rotate(450deg)
            }
        }

        html:not([dark]) button[data-v-498b5b0a] {
            border: none;
            background: none;
            cursor: pointer;
            font-family: Blibli, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif;
            padding: 0
        }

        html:not([dark]) input[type=submit][data-v-498b5b0a]::-moz-focus-inner,
        html:not([dark]) input[type=button][data-v-498b5b0a]::-moz-focus-inner {
            border: 0px
        }

        html:not([dark]) button[data-v-498b5b0a]:focus,
        html:not([dark]) input[type=submit][data-v-498b5b0a]:focus,
        html:not([dark]) input[type=button][data-v-498b5b0a]:focus,
        html:not([dark]) input[type=reset][data-v-498b5b0a]:focus,
        html:not([dark]) a[data-v-498b5b0a] {
            outline: none
        }

        html:not([dark]) .blu-button[data-v-498b5b0a] {
            --blu-button-border-width: 1px;
            --blu-button-border-radius: 64px;
            --blu-button-color-text: #ffffff;
            --blu-button-color-icon: #ffffff;
            --blu-button-opacity: $blu-button-opacity;
            --blu-button-size-height: 48px;
            --blu-button-icon-size: 24px;
            --blu-button-spacing-padding: 0 32px;
            --blu-button-spacing-gap: 8px;
            --blu-button-text: 600 16px/20px Blibli, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif;
            padding: var(--blu-button-spacing-padding);
            height: var(--blu-button-size-height);
            border-radius: var(--blu-button-border-radius);
            transition: transform .3s .08s, all .3s;
            color: var(--blu-button-color-text);
            background-color: var(--blu-button-color-background);
            font: var(--blu-button-text);
            box-shadow: 0 0 0 var(--blu-button-border-width) var(--blu-button-color-border);
            display: inline-flex;
            justify-content: center;
            align-items: center;
            white-space: nowrap
        }

        html:not([dark]) .blu-button[data-v-498b5b0a]:active:hover:not(.b-disabled),
        html:not([dark]) .blu-button:active.b-hover[data-v-498b5b0a]:not(.b-disabled) {
            transform: scale(.875)
        }

        html:not([dark]) .blu-button[data-v-498b5b0a]:focus-visible {
            outline: none
        }

        html:not([dark]) .blu-button[data-v-498b5b0a]:focus-visible:not(.b-disabled) {
            box-shadow: 0 0 0 2px #19222a
        }

        html:not([dark]) .blu-button__icon[data-v-498b5b0a] {
            display: flex;
            color: var(--blu-button-color-icon)
        }

        html:not([dark]) .blu-button__icon[data-v-498b5b0a] svg {
            width: var(--blu-button-icon-size);
            height: var(--blu-button-icon-size)
        }

        html:not([dark]) .blu-button.b-has-icon:not(.b-has-icon-only) .blu-button__icon[data-v-498b5b0a] {
            margin-right: var(--blu-button-spacing-gap)
        }

        html:not([dark]) .blu-button.b-has-icon-only[data-v-498b5b0a] {
            --blu-button-spacing-padding: 0 12px
        }

        html:not([dark]) .blu-button.b-loading[data-v-498b5b0a] .blu-loader-wrapper svg {
            display: flex;
            width: 18px;
            height: 18px
        }

        html:not([dark]) .blu-button.b-disabled[data-v-498b5b0a] {
            cursor: not-allowed
        }

        html:not([dark]) .blu-button.b-disabled[data-v-498b5b0a]:active {
            pointer-events: none
        }

        html:not([dark]) .blu-button.b-full-width[data-v-498b5b0a] {
            width: 100%
        }

        html:not([dark]) .blu-button.b-primary.b-common[data-v-498b5b0a] {
            --blu-button-color-background: #a58d33
        }

        html:not([dark]) .blu-button.b-primary.b-common.b-hover[data-v-498b5b0a]:not(.b-disabled),
        html:not([dark]) .blu-button.b-primary.b-common[data-v-498b5b0a]:hover:not(.b-disabled),
        html:not([dark]) .blu-button.b-primary.b-common[data-v-498b5b0a]:active:not(.b-disabled),
        html:not([dark]) .blu-button.b-primary.b-common[data-v-498b5b0a]:focus-visible:not(.b-disabled) {
            --blu-button-color-background: #1d8fff;
            --blu-button-color-border: transparent
        }

        html:not([dark]) .blu-button.b-primary.b-danger[data-v-498b5b0a] {
            --blu-button-color-background: #e93c3c
        }

        html:not([dark]) .blu-button.b-primary.b-danger.b-hover[data-v-498b5b0a]:not(.b-disabled),
        html:not([dark]) .blu-button.b-primary.b-danger[data-v-498b5b0a]:hover:not(.b-disabled),
        html:not([dark]) .blu-button.b-primary.b-danger[data-v-498b5b0a]:active:not(.b-disabled),
        html:not([dark]) .blu-button.b-primary.b-danger[data-v-498b5b0a]:focus-visible:not(.b-disabled) {
            --blu-button-color-background: #ff4646;
            --blu-button-color-border: transparent
        }

        html:not([dark]) .blu-button.b-primary.b-inverted[data-v-498b5b0a] {
            --blu-button-color-background: #ffffff;
            --blu-button-color-text: #ac8221;
            --blu-button-color-icon: #a58d33
        }

        html:not([dark]) .blu-button.b-primary.b-inverted.b-hover[data-v-498b5b0a]:not(.b-disabled),
        html:not([dark]) .blu-button.b-primary.b-inverted[data-v-498b5b0a]:hover:not(.b-disabled),
        html:not([dark]) .blu-button.b-primary.b-inverted[data-v-498b5b0a]:active:not(.b-disabled),
        html:not([dark]) .blu-button.b-primary.b-inverted[data-v-498b5b0a]:focus-visible:not(.b-disabled) {
            --blu-button-color-background: #f9f9fa;
            --blu-button-color-border: transparent
        }

        html:not([dark]) .blu-button.b-primary.b-disabled[data-v-498b5b0a] {
            --blu-button-color-background: #e1e3e4;
            --blu-button-color-text: rgba(25, 34, 42, .3019607843);
            --blu-button-color-icon: rgba(25, 34, 42, .3019607843)
        }

        html:not([dark]) .blu-button.b-primary.b-disabled[data-v-498b5b0a]:not(.b-inverted) {
            --blu-button-color-background: #e1e3e4;
            --blu-button-color-text: rgba(25, 34, 42, .3019607843);
            --blu-button-color-icon: rgba(25, 34, 42, .3019607843)
        }

        html:not([dark]) .blu-button.b-small[data-v-498b5b0a] {
            --blu-button-border-radius: 64px;
            --blu-button-size-height: 36px;
            --blu-button-spacing-padding: 0 16px;
            --blu-button-text: 600 14px/18px Blibli, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif;
            --blu-button-icon-size: 18px;
            --blu-button-spacing-gap: 4px
        }

        html:not([dark]) .blu-button.b-small.b-has-icon-only[data-v-498b5b0a] {
            --blu-button-spacing-padding: 0 9px
        }

        html:not([dark]) .blu-button.b-secondary[data-v-498b5b0a] {
            --blu-button-color-background: #ffffff
        }

        html:not([dark]) .blu-button.b-secondary.b-common[data-v-498b5b0a] {
            --blu-button-color-border: #1d8fff;
            --blu-button-color-text: #ac8221;
            --blu-button-color-icon: #a58d33
        }

        html:not([dark]) .blu-button.b-secondary.b-common.b-hover[data-v-498b5b0a]:not(.b-disabled),
        html:not([dark]) .blu-button.b-secondary.b-common[data-v-498b5b0a]:hover:not(.b-disabled),
        html:not([dark]) .blu-button.b-secondary.b-common[data-v-498b5b0a]:active:not(.b-disabled),
        html:not([dark]) .blu-button.b-secondary.b-common[data-v-498b5b0a]:focus-visible:not(.b-disabled) {
            --blu-button-color-background: #f3f9ff;
            --blu-button-color-border: #a58d33
        }

        html:not([dark]) .blu-button.b-secondary.b-danger[data-v-498b5b0a] {
            --blu-button-color-border: #ff4646;
            --blu-button-color-text: #d33534;
            --blu-button-color-icon: #e93c3c
        }

        html:not([dark]) .blu-button.b-secondary.b-danger.b-hover[data-v-498b5b0a]:not(.b-disabled),
        html:not([dark]) .blu-button.b-secondary.b-danger[data-v-498b5b0a]:hover:not(.b-disabled),
        html:not([dark]) .blu-button.b-secondary.b-danger[data-v-498b5b0a]:active:not(.b-disabled),
        html:not([dark]) .blu-button.b-secondary.b-danger[data-v-498b5b0a]:focus-visible:not(.b-disabled) {
            --blu-button-color-background: #fff5f5;
            --blu-button-color-border: #e93c3c
        }

        html:not([dark]) .blu-button.b-secondary.b-inverted[data-v-498b5b0a] {
            --blu-button-color-background: rgba(25, 34, 42, .3019607843);
            --blu-button-color-border: #ffffff;
            --blu-button-color-text: #ffffff;
            --blu-button-color-icon: #ffffff
        }

        html:not([dark]) .blu-button.b-secondary.b-inverted.b-hover[data-v-498b5b0a]:not(.b-disabled),
        html:not([dark]) .blu-button.b-secondary.b-inverted[data-v-498b5b0a]:hover:not(.b-disabled),
        html:not([dark]) .blu-button.b-secondary.b-inverted[data-v-498b5b0a]:active:not(.b-disabled),
        html:not([dark]) .blu-button.b-secondary.b-inverted[data-v-498b5b0a]:focus-visible:not(.b-disabled) {
            --blu-button-color-background: rgba(255, 255, 255, .4);
            --blu-button-color-border: #ffffff
        }

        html:not([dark]) .blu-button.b-secondary.b-disabled[data-v-498b5b0a] {
            --blu-button-color-background: #e1e3e4;
            --blu-button-color-border: #c8cbcd;
            --blu-button-color-text: rgba(25, 34, 42, .3019607843);
            --blu-button-color-icon: rgba(25, 34, 42, .3019607843)
        }

        html:not([dark]) .blu-button.b-secondary.b-disabled[data-v-498b5b0a]:not(.b-inverted) {
            --blu-button-color-background: #e1e3e4;
            --blu-button-color-border: #c8cbcd;
            --blu-button-color-text: rgba(25, 34, 42, .3019607843);
            --blu-button-color-icon: rgba(25, 34, 42, .3019607843)
        }

        html:not([dark]) .blu-button[data-v-498b5b0a] {
            width: var(--blu-button-custom-width)
        }

        html:not([dark]) .blu-button.b-tertiary.b-common[data-v-498b5b0a] {
            --blu-button-color-text: #ac8221;
            --blu-button-color-icon: #a58d33
        }

        html:not([dark]) .blu-button.b-tertiary.b-common.b-hover[data-v-498b5b0a]:not(.b-disabled),
        html:not([dark]) .blu-button.b-tertiary.b-common[data-v-498b5b0a]:hover:not(.b-disabled),
        html:not([dark]) .blu-button.b-tertiary.b-common[data-v-498b5b0a]:active:not(.b-disabled),
        html:not([dark]) .blu-button.b-tertiary.b-common[data-v-498b5b0a]:focus-visible:not(.b-disabled) {
            --blu-button-color-background: #f3f9ff;
            --blu-button-color-border: transparent
        }

        html:not([dark]) .blu-button.b-tertiary.b-danger[data-v-498b5b0a] {
            --blu-button-color-text: #d33534;
            --blu-button-color-icon: #e93c3c
        }

        html:not([dark]) .blu-button.b-tertiary.b-danger.b-hover[data-v-498b5b0a]:not(.b-disabled),
        html:not([dark]) .blu-button.b-tertiary.b-danger[data-v-498b5b0a]:hover:not(.b-disabled),
        html:not([dark]) .blu-button.b-tertiary.b-danger[data-v-498b5b0a]:active:not(.b-disabled),
        html:not([dark]) .blu-button.b-tertiary.b-danger[data-v-498b5b0a]:focus-visible:not(.b-disabled) {
            --blu-button-color-background: #fff5f5;
            --blu-button-color-border: transparent
        }

        html:not([dark]) .blu-button.b-tertiary.b-inverted[data-v-498b5b0a] {
            --blu-button-color-text: #ffffff;
            --blu-button-color-icon: #ffffff
        }

        html:not([dark]) .blu-button.b-tertiary.b-inverted.b-hover[data-v-498b5b0a]:not(.b-disabled),
        html:not([dark]) .blu-button.b-tertiary.b-inverted[data-v-498b5b0a]:hover:not(.b-disabled),
        html:not([dark]) .blu-button.b-tertiary.b-inverted[data-v-498b5b0a]:active:not(.b-disabled),
        html:not([dark]) .blu-button.b-tertiary.b-inverted[data-v-498b5b0a]:focus-visible:not(.b-disabled) {
            --blu-button-color-background: rgba(255, 255, 255, .4);
            --blu-button-color-border: transparent
        }

        html:not([dark]) .blu-button.b-tertiary.b-disabled[data-v-498b5b0a] {
            --blu-button-color-text: rgba(255, 255, 255, .4);
            --blu-button-color-icon: rgba(255, 255, 255, .4)
        }

        html:not([dark]) .blu-button.b-tertiary.b-disabled[data-v-498b5b0a]:not(.b-inverted) {
            --blu-button-color-text: rgba(25, 34, 42, .3019607843);
            --blu-button-color-icon: rgba(25, 34, 42, .3019607843)
        }

        html:not([dark]) a[data-v-498b5b0a] {
            text-decoration: none
        }

        html[dark] button[data-v-498b5b0a] {
            border: none;
            background: none;
            cursor: pointer;
            font-family: Blibli, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif;
            padding: 0
        }

        html[dark] input[type=submit][data-v-498b5b0a]::-moz-focus-inner,
        html[dark] input[type=button][data-v-498b5b0a]::-moz-focus-inner {
            border: 0px
        }

        html[dark] button[data-v-498b5b0a]:focus,
        html[dark] input[type=submit][data-v-498b5b0a]:focus,
        html[dark] input[type=button][data-v-498b5b0a]:focus,
        html[dark] input[type=reset][data-v-498b5b0a]:focus,
        html[dark] a[data-v-498b5b0a] {
            outline: none
        }

        html[dark] .blu-button[data-v-498b5b0a] {
            --blu-button-border-width: 1px;
            --blu-button-border-radius: 64px;
            --blu-button-color-text: #ffffff;
            --blu-button-color-icon: #ffffff;
            --blu-button-opacity: $blu-button-opacity;
            --blu-button-size-height: 48px;
            --blu-button-icon-size: 24px;
            --blu-button-spacing-padding: 0 32px;
            --blu-button-spacing-gap: 8px;
            --blu-button-text: 600 16px/20px Blibli, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif;
            padding: var(--blu-button-spacing-padding);
            height: var(--blu-button-size-height);
            border-radius: var(--blu-button-border-radius);
            transition: transform .3s .08s, all .3s;
            color: var(--blu-button-color-text);
            background-color: var(--blu-button-color-background);
            font: var(--blu-button-text);
            box-shadow: 0 0 0 var(--blu-button-border-width) var(--blu-button-color-border);
            display: inline-flex;
            justify-content: center;
            align-items: center;
            white-space: nowrap
        }

        html[dark] .blu-button[data-v-498b5b0a]:active:hover:not(.b-disabled),
        html[dark] .blu-button:active.b-hover[data-v-498b5b0a]:not(.b-disabled) {
            transform: scale(.875)
        }

        html[dark] .blu-button[data-v-498b5b0a]:focus-visible {
            outline: none
        }

        html[dark] .blu-button[data-v-498b5b0a]:focus-visible:not(.b-disabled) {
            box-shadow: 0 0 0 2px #f9f9fa
        }

        html[dark] .blu-button__icon[data-v-498b5b0a] {
            display: flex;
            color: var(--blu-button-color-icon)
        }

        html[dark] .blu-button__icon[data-v-498b5b0a] svg {
            width: var(--blu-button-icon-size);
            height: var(--blu-button-icon-size)
        }

        html[dark] .blu-button.b-has-icon:not(.b-has-icon-only) .blu-button__icon[data-v-498b5b0a] {
            margin-right: var(--blu-button-spacing-gap)
        }

        html[dark] .blu-button.b-has-icon-only[data-v-498b5b0a] {
            --blu-button-spacing-padding: 0 12px
        }

        html[dark] .blu-button.b-loading[data-v-498b5b0a] .blu-loader-wrapper svg {
            display: flex;
            width: 18px;
            height: 18px
        }

        html[dark] .blu-button.b-disabled[data-v-498b5b0a] {
            cursor: not-allowed
        }

        html[dark] .blu-button.b-disabled[data-v-498b5b0a]:active {
            pointer-events: none
        }

        html[dark] .blu-button.b-full-width[data-v-498b5b0a] {
            width: 100%
        }

        html[dark] .blu-button.b-primary.b-common[data-v-498b5b0a] {
            --blu-button-color-background: #a58d33
        }

        html[dark] .blu-button.b-primary.b-common.b-hover[data-v-498b5b0a]:not(.b-disabled),
        html[dark] .blu-button.b-primary.b-common[data-v-498b5b0a]:hover:not(.b-disabled),
        html[dark] .blu-button.b-primary.b-common[data-v-498b5b0a]:active:not(.b-disabled),
        html[dark] .blu-button.b-primary.b-common[data-v-498b5b0a]:focus-visible:not(.b-disabled) {
            --blu-button-color-background: #1d8fff;
            --blu-button-color-border: transparent
        }

        html[dark] .blu-button.b-primary.b-danger[data-v-498b5b0a] {
            --blu-button-color-background: #e93c3c
        }

        html[dark] .blu-button.b-primary.b-danger.b-hover[data-v-498b5b0a]:not(.b-disabled),
        html[dark] .blu-button.b-primary.b-danger[data-v-498b5b0a]:hover:not(.b-disabled),
        html[dark] .blu-button.b-primary.b-danger[data-v-498b5b0a]:active:not(.b-disabled),
        html[dark] .blu-button.b-primary.b-danger[data-v-498b5b0a]:focus-visible:not(.b-disabled) {
            --blu-button-color-background: #ff4646;
            --blu-button-color-border: transparent
        }

        html[dark] .blu-button.b-primary.b-inverted[data-v-498b5b0a] {
            --blu-button-color-background: #12171d;
            --blu-button-color-text: #4fa4ff;
            --blu-button-color-icon: #4fa4ff
        }

        html[dark] .blu-button.b-primary.b-inverted.b-hover[data-v-498b5b0a]:not(.b-disabled),
        html[dark] .blu-button.b-primary.b-inverted[data-v-498b5b0a]:hover:not(.b-disabled),
        html[dark] .blu-button.b-primary.b-inverted[data-v-498b5b0a]:active:not(.b-disabled),
        html[dark] .blu-button.b-primary.b-inverted[data-v-498b5b0a]:focus-visible:not(.b-disabled) {
            --blu-button-color-background: #19222a;
            --blu-button-color-border: transparent
        }

        html[dark] .blu-button.b-primary.b-disabled[data-v-498b5b0a] {
            --blu-button-color-background: #3b444c;
            --blu-button-color-text: rgba(255, 255, 255, .3019607843);
            --blu-button-color-icon: rgba(255, 255, 255, .3019607843)
        }

        html[dark] .blu-button.b-primary.b-disabled[data-v-498b5b0a]:not(.b-inverted) {
            --blu-button-color-background: #3b444c;
            --blu-button-color-text: rgba(255, 255, 255, .3019607843);
            --blu-button-color-icon: rgba(255, 255, 255, .3019607843)
        }

        html[dark] .blu-button.b-small[data-v-498b5b0a] {
            --blu-button-border-radius: 64px;
            --blu-button-size-height: 36px;
            --blu-button-spacing-padding: 0 16px;
            --blu-button-text: 600 14px/18px Blibli, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif;
            --blu-button-icon-size: 18px;
            --blu-button-spacing-gap: 4px
        }

        html[dark] .blu-button.b-small.b-has-icon-only[data-v-498b5b0a] {
            --blu-button-spacing-padding: 0 9px
        }

        html[dark] .blu-button.b-secondary[data-v-498b5b0a] {
            --blu-button-color-background: #12171d
        }

        html[dark] .blu-button.b-secondary.b-common[data-v-498b5b0a] {
            --blu-button-color-border: #4fa4ff;
            --blu-button-color-text: #4fa4ff;
            --blu-button-color-icon: #4fa4ff
        }

        html[dark] .blu-button.b-secondary.b-common.b-hover[data-v-498b5b0a]:not(.b-disabled),
        html[dark] .blu-button.b-secondary.b-common[data-v-498b5b0a]:hover:not(.b-disabled),
        html[dark] .blu-button.b-secondary.b-common[data-v-498b5b0a]:active:not(.b-disabled),
        html[dark] .blu-button.b-secondary.b-common[data-v-498b5b0a]:focus-visible:not(.b-disabled) {
            --blu-button-color-background: #002e7a;
            --blu-button-color-border: #4fa4ff
        }

        html[dark] .blu-button.b-secondary.b-danger[data-v-498b5b0a] {
            --blu-button-color-border: #ff7373;
            --blu-button-color-text: #ff7373;
            --blu-button-color-icon: #ff7373
        }

        html[dark] .blu-button.b-secondary.b-danger.b-hover[data-v-498b5b0a]:not(.b-disabled),
        html[dark] .blu-button.b-secondary.b-danger[data-v-498b5b0a]:hover:not(.b-disabled),
        html[dark] .blu-button.b-secondary.b-danger[data-v-498b5b0a]:active:not(.b-disabled),
        html[dark] .blu-button.b-secondary.b-danger[data-v-498b5b0a]:focus-visible:not(.b-disabled) {
            --blu-button-color-background: #631818;
            --blu-button-color-border: #ff7373
        }

        html[dark] .blu-button.b-secondary.b-inverted[data-v-498b5b0a] {
            --blu-button-color-background: rgba(255, 255, 255, .3019607843);
            --blu-button-color-border: #12171d;
            --blu-button-color-text: #12171d;
            --blu-button-color-icon: #12171d
        }

        html[dark] .blu-button.b-secondary.b-inverted.b-hover[data-v-498b5b0a]:not(.b-disabled),
        html[dark] .blu-button.b-secondary.b-inverted[data-v-498b5b0a]:hover:not(.b-disabled),
        html[dark] .blu-button.b-secondary.b-inverted[data-v-498b5b0a]:active:not(.b-disabled),
        html[dark] .blu-button.b-secondary.b-inverted[data-v-498b5b0a]:focus-visible:not(.b-disabled) {
            --blu-button-color-background: rgba(18, 23, 29, .4);
            --blu-button-color-border: #12171d
        }

        html[dark] .blu-button.b-secondary.b-disabled[data-v-498b5b0a] {
            --blu-button-color-background: #3b444c;
            --blu-button-color-border: #60686e;
            --blu-button-color-text: rgba(255, 255, 255, .3019607843);
            --blu-button-color-icon: rgba(255, 255, 255, .3019607843)
        }

        html[dark] .blu-button.b-secondary.b-disabled[data-v-498b5b0a]:not(.b-inverted) {
            --blu-button-color-background: #3b444c;
            --blu-button-color-border: #60686e;
            --blu-button-color-text: rgba(255, 255, 255, .3019607843);
            --blu-button-color-icon: rgba(255, 255, 255, .3019607843)
        }

        html[dark] .blu-button[data-v-498b5b0a] {
            width: var(--blu-button-custom-width)
        }

        html[dark] .blu-button.b-tertiary.b-common[data-v-498b5b0a] {
            --blu-button-color-text: #4fa4ff;
            --blu-button-color-icon: #4fa4ff
        }

        html[dark] .blu-button.b-tertiary.b-common.b-hover[data-v-498b5b0a]:not(.b-disabled),
        html[dark] .blu-button.b-tertiary.b-common[data-v-498b5b0a]:hover:not(.b-disabled),
        html[dark] .blu-button.b-tertiary.b-common[data-v-498b5b0a]:active:not(.b-disabled),
        html[dark] .blu-button.b-tertiary.b-common[data-v-498b5b0a]:focus-visible:not(.b-disabled) {
            --blu-button-color-background: #002e7a;
            --blu-button-color-border: transparent
        }

        html[dark] .blu-button.b-tertiary.b-danger[data-v-498b5b0a] {
            --blu-button-color-text: #ff7373;
            --blu-button-color-icon: #ff7373
        }

        html[dark] .blu-button.b-tertiary.b-danger.b-hover[data-v-498b5b0a]:not(.b-disabled),
        html[dark] .blu-button.b-tertiary.b-danger[data-v-498b5b0a]:hover:not(.b-disabled),
        html[dark] .blu-button.b-tertiary.b-danger[data-v-498b5b0a]:active:not(.b-disabled),
        html[dark] .blu-button.b-tertiary.b-danger[data-v-498b5b0a]:focus-visible:not(.b-disabled) {
            --blu-button-color-background: #631818;
            --blu-button-color-border: transparent
        }

        html[dark] .blu-button.b-tertiary.b-inverted[data-v-498b5b0a] {
            --blu-button-color-text: #12171d;
            --blu-button-color-icon: #12171d
        }

        html[dark] .blu-button.b-tertiary.b-inverted.b-hover[data-v-498b5b0a]:not(.b-disabled),
        html[dark] .blu-button.b-tertiary.b-inverted[data-v-498b5b0a]:hover:not(.b-disabled),
        html[dark] .blu-button.b-tertiary.b-inverted[data-v-498b5b0a]:active:not(.b-disabled),
        html[dark] .blu-button.b-tertiary.b-inverted[data-v-498b5b0a]:focus-visible:not(.b-disabled) {
            --blu-button-color-background: rgba(18, 23, 29, .4);
            --blu-button-color-border: transparent
        }

        html[dark] .blu-button.b-tertiary.b-disabled[data-v-498b5b0a] {
            --blu-button-color-text: rgba(18, 23, 29, .4);
            --blu-button-color-icon: rgba(18, 23, 29, .4)
        }

        html[dark] .blu-button.b-tertiary.b-disabled[data-v-498b5b0a]:not(.b-inverted) {
            --blu-button-color-text: rgba(255, 255, 255, .3019607843);
            --blu-button-color-icon: rgba(255, 255, 255, .3019607843)
        }

        html[dark] a[data-v-498b5b0a] {
            text-decoration: none
        }
    </style>
    <style>
        html:not([dark]) .blu-badge[data-v-4cd4e6d8] {
            --blu-badge-color-text: #ffffff;
            --blu-badge-color-border: #ffffff;
            --blu-badge-text: 600 12px/16px Blibli, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif;
            --blu-badge-border-radius: 4px;
            --blu-badge-border-width: 1px;
            --blu-badge-padding: 0 4px 1px;
            font: var(--blu-badge-text);
            border-radius: var(--blu-badge-border-radius);
            box-shadow: 0 0 0 var(--blu-badge-border-width) var(--blu-badge-color-border);
            padding: var(--blu-badge-padding);
            display: inline-flex;
            box-sizing: border-box;
            justify-content: center;
            align-items: center;
            line-height: 15px;
            max-height: 16px;
            white-space: nowrap
        }

        html:not([dark]) .blu-badge[data-v-4cd4e6d8] svg {
            display: flex;
            width: 12px;
            height: 12px;
            color: var(--blu-badge-item-leading-color-icon)
        }

        html:not([dark]) .blu-badge *[data-v-4cd4e6d8]:not(:last-child) {
            margin-right: 2px
        }

        html:not([dark]) .blu-badge[data-v-4cd4e6d8]:not(.b-dot) {
            min-width: 16px
        }

        html:not([dark]) .blu-badge.b-dot[data-v-4cd4e6d8] {
            --blu-badge-size: 8px;
            width: var(--blu-badge-size);
            height: var(--blu-badge-size)
        }

        html:not([dark]) .blu-badge[data-v-4cd4e6d8]:not(.b-secondary) {
            --blu-badge-item-leading-color-icon: var(--blu-badge-color-icon);
            color: var(--blu-badge-color-text);
            background-color: var(--blu-badge-color-background)
        }

        html:not([dark]) .blu-badge.b-secondary[data-v-4cd4e6d8] {
            --blu-badge-item-leading-color-icon: var(--blu-badge-color-icon-low);
            color: var(--blu-badge-color-text-low);
            background-color: var(--blu-badge-color-background-low)
        }

        html:not([dark]) .blu-badge.b-blue[data-v-4cd4e6d8] {
            --blu-badge-color-background-low: #e1f1ff;
            --blu-badge-color-background: #1d8fff;
            --blu-badge-color-text-low: #ac8221;
            --blu-badge-color-icon-low: #a58d33;
            --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: #ac8221;
            --blu-badge-color-icon-low: rgba(25, 34, 42, .4);
            --blu-badge-color-icon: #a58d33
        }

        html:not([dark]) .blu-badge.b-notification[data-v-4cd4e6d8] {
            --blu-badge-border-radius: 8px
        }

        html:not([dark]) .blu-badge.b-tooltip[data-v-4cd4e6d8] {
            cursor: pointer
        }

        html[dark] .blu-badge[data-v-4cd4e6d8] {
            --blu-badge-color-text: #ffffff;
            --blu-badge-color-border: #12171d;
            --blu-badge-text: 600 12px/16px Blibli, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif;
            --blu-badge-border-radius: 4px;
            --blu-badge-border-width: 1px;
            --blu-badge-padding: 0 4px 1px;
            font: var(--blu-badge-text);
            border-radius: var(--blu-badge-border-radius);
            box-shadow: 0 0 0 var(--blu-badge-border-width) var(--blu-badge-color-border);
            padding: var(--blu-badge-padding);
            display: inline-flex;
            box-sizing: border-box;
            justify-content: center;
            align-items: center;
            line-height: 15px;
            max-height: 16px;
            white-space: nowrap
        }

        html[dark] .blu-badge[data-v-4cd4e6d8] svg {
            display: flex;
            width: 12px;
            height: 12px;
            color: var(--blu-badge-item-leading-color-icon)
        }

        html[dark] .blu-badge *[data-v-4cd4e6d8]:not(:last-child) {
            margin-right: 2px
        }

        html[dark] .blu-badge[data-v-4cd4e6d8]:not(.b-dot) {
            min-width: 16px
        }

        html[dark] .blu-badge.b-dot[data-v-4cd4e6d8] {
            --blu-badge-size: 8px;
            width: var(--blu-badge-size);
            height: var(--blu-badge-size)
        }

        html[dark] .blu-badge[data-v-4cd4e6d8]:not(.b-secondary) {
            --blu-badge-item-leading-color-icon: var(--blu-badge-color-icon);
            color: var(--blu-badge-color-text);
            background-color: var(--blu-badge-color-background)
        }

        html[dark] .blu-badge.b-secondary[data-v-4cd4e6d8] {
            --blu-badge-item-leading-color-icon: var(--blu-badge-color-icon-low);
            color: var(--blu-badge-color-text-low);
            background-color: var(--blu-badge-color-background-low)
        }

        html[dark] .blu-badge.b-blue[data-v-4cd4e6d8] {
            --blu-badge-color-background-low: #0046aa;
            --blu-badge-color-background: #1d8fff;
            --blu-badge-color-text-low: #4fa4ff;
            --blu-badge-color-icon-low: #4fa4ff;
            --blu-badge-color-icon: #ffffff
        }

        html[dark] .blu-badge.b-yellow[data-v-4cd4e6d8] {
            --blu-badge-color-background-low: #ffe6ce;
            --blu-badge-color-background: #ff7f00;
            --blu-badge-color-text-low: #dc5300;
            --blu-badge-color-icon-low: #f05a00;
            --blu-badge-color-icon: #ffffff
        }

        html[dark] .blu-badge.b-red[data-v-4cd4e6d8] {
            --blu-badge-color-background-low: #8d2221;
            --blu-badge-color-background: #ff4646;
            --blu-badge-color-text-low: #ff7373;
            --blu-badge-color-icon-low: #ff7373;
            --blu-badge-color-icon: #ffffff
        }

        html[dark] .blu-badge.b-green[data-v-4cd4e6d8] {
            --blu-badge-color-background-low: #13561c;
            --blu-badge-color-background: #22a334;
            --blu-badge-color-text-low: #02c82b;
            --blu-badge-color-icon-low: #02c82b;
            --blu-badge-color-icon: #ffffff
        }

        html[dark] .blu-badge.b-purple[data-v-4cd4e6d8] {
            --blu-badge-color-background-low: #fddef0;
            --blu-badge-color-background: #ff0f9d;
            --blu-badge-color-text-low: #834bee;
            --blu-badge-color-icon-low: #834bee;
            --blu-badge-color-icon: #12171d
        }

        html[dark] .blu-badge.b-magenta[data-v-4cd4e6d8] {
            --blu-badge-color-background-low: #fddef0;
            --blu-badge-color-background: #ff0f9d;
            --blu-badge-color-text-low: #ff0f9d;
            --blu-badge-color-icon-low: #ff0f9d;
            --blu-badge-color-icon: #12171d
        }

        html[dark] .blu-badge.b-gray[data-v-4cd4e6d8] {
            --blu-badge-color-background-low: #28323b;
            --blu-badge-color-background: #f1f2f2;
            --blu-badge-color-text-low: rgba(255, 255, 255, .8);
            --blu-badge-color-text: #12171d;
            --blu-badge-color-icon-low: rgba(255, 255, 255, .8);
            --blu-badge-color-icon: #12171d
        }

        html[dark] .blu-badge.b-invert[data-v-4cd4e6d8] {
            --blu-badge-color-background-low: #12171d;
            --blu-badge-color-background: #12171d;
            --blu-badge-color-text-low: rgba(255, 255, 255, .5019607843);
            --blu-badge-color-text: #4fa4ff;
            --blu-badge-color-icon-low: rgba(255, 255, 255, .5019607843);
            --blu-badge-color-icon: #4fa4ff
        }

        html[dark] .blu-badge.b-notification[data-v-4cd4e6d8] {
            --blu-badge-border-radius: 8px
        }

        html[dark] .blu-badge.b-tooltip[data-v-4cd4e6d8] {
            cursor: pointer
        }
    </style>
    <style>
        html:not([dark]) .blu-image[data-v-54bc976c] {
            --blu-responsive-image-shadow: 0 1px 6px 0 rgba(0, 0, 0, .1019607843);
            --blu-responsive-image-background: #ffffff;
            --blu-responsive-image-width: 100%;
            --blu-responsive-image-height: 100%;
            --blu-responsive-image-radius: 8px;
            --blu-responsive-image-ratio: 1;
            position: relative;
            overflow: hidden;
            width: var(--blu-responsive-image-width);
            aspect-ratio: var(--blu-responsive-image-ratio);
            background-color: var(--blu-responsive-image-background)
        }

        html:not([dark]) .blu-image__main[data-v-54bc976c] {
            object-fit: contain;
            width: var(--blu-responsive-image-width);
            height: var(--blu-responsive-image-height)
        }

        html:not([dark]) .blu-image.b-shadow[data-v-54bc976c] {
            box-shadow: var(--blu-responsive-image-shadow)
        }

        html:not([dark]) .blu-image.b-radius[data-v-54bc976c] {
            border-radius: var(--blu-responsive-image-radius)
        }

        html:not([dark]) .blu-image.b-mask[data-v-54bc976c] {
            background-repeat: no-repeat;
            background-size: cover;
            background-position: center
        }

        html[dark] .blu-image[data-v-54bc976c] {
            --blu-responsive-image-shadow: inset 0 0 0 30000px rgba(109, 220, 255, .1019607843);
            --blu-responsive-image-background: #12171d;
            --blu-responsive-image-width: 100%;
            --blu-responsive-image-height: 100%;
            --blu-responsive-image-radius: 8px;
            --blu-responsive-image-ratio: 1;
            position: relative;
            overflow: hidden;
            width: var(--blu-responsive-image-width);
            aspect-ratio: var(--blu-responsive-image-ratio);
            background-color: var(--blu-responsive-image-background)
        }

        html[dark] .blu-image__main[data-v-54bc976c] {
            object-fit: contain;
            width: var(--blu-responsive-image-width);
            height: var(--blu-responsive-image-height)
        }

        html[dark] .blu-image.b-shadow[data-v-54bc976c] {
            box-shadow: var(--blu-responsive-image-shadow)
        }

        html[dark] .blu-image.b-radius[data-v-54bc976c] {
            border-radius: var(--blu-responsive-image-radius)
        }

        html[dark] .blu-image.b-mask[data-v-54bc976c] {
            background-repeat: no-repeat;
            background-size: cover;
            background-position: center
        }
    </style>
    <style>
        html:not([dark]) .blu-product-badge[data-v-5f0401da] {
            --blu-product-badge-border: 1px solid #ffffff;
            --blu-product-badge-border-countdown-promo: 1px solid #e93c3c;
            --blu-product-badge-border-countdown-flash-sale: 1px solid #f05a00;
            --blu-product-badge-border-radius: 4px;
            --blu-product-badge-border-radius-countdown: 4px;
            --blu-product-badge-border-radius-countdown-icon: 4px;
            --blu-product-badge-font: 600 12px/16px Blibli, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif;
            --blu-product-badge-opacity: 1;
            --blu-product-badge-text-shadow: 0 0 1px #19222a;
            --blu-product-badge-padding: 0 4px;
            --blu-product-badge-padding-countdown: 0px 4px 0px 0px;
            --blu-product-badge-padding-countdown-icon: 0px 4px;
            --blu-product-badge-spacing: 2px;
            --blu-product-badge-icon-margin-countdown: 3px;
            --blu-product-badge-background-color-blue: #09acde;
            --blu-product-badge-background-color-light-blue: #f3f9ff;
            --blu-product-badge-background-color-green: #22a334;
            --blu-product-badge-background-color-gray: #e1e3e4;
            --blu-product-badge-background-color-light-gray: #f9f9fa;
            --blu-product-badge-background-color-dark-gray: rgba(0, 0, 0, .6);
            --blu-product-badge-background-color-orange: #ff7f00;
            --blu-product-badge-background-color-magenta: #ff0f9d;
            --blu-product-badge-background-color-red: #d33534;
            --blu-product-badge-background-color-light-red: #ff7373;
            --blu-product-badge-background-color-white: #ffffff;
            --blu-product-badge-background-color-yellow: #f1ab02;
            --blu-product-badge-background-color-pre-order-gray-med: #f1f2f2;
            --blu-product-badge-background-color-promo-blue: #f3f9ff;
            --blu-product-badge-background-color-promo-green: #effcf0;
            --blu-product-badge-background-color-promo-gray: #f1f2f2;
            --blu-product-badge-background-color-countdown-promo-red: #e93c3c;
            --blu-product-badge-background-color-countdown-flash-sale-orange: #f05a00;
            --blu-product-badge-color-countdown-flash-sale-orange-icon: #f05a00;
            --blu-product-badge-color-blue: #ac8221;
            --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: #ac8221;
            --blu-product-badge-color-promo-green: #1c832a;
            --blu-product-badge-color-promo-gray: rgba(25, 34, 42, .7019607843);
            --blu-product-badge-color-promo-orange: #ff7f00;
            --blu-product-badge-color-promo-red: #d33534;
            --blu-product-badge-color-flashsale-gray: rgba(25, 34, 42, .7019607843);
            --blu-product-badge-color-flashsale-orange: #f05a00;
            --blu-product-badge-color-flashsale-red: #d33534;
            --blu-product-badge-color-countdown-promo-red: #d33534;
            --blu-product-badge-pseudo-element-border-promo-blue: 100%;
            --blu-product-badge-pseudo-element-height-promo-blue: 7.5px;
            --blu-product-badge-pseudo-element-position-bottom-promo-blue: 50%;
            --blu-product-badge-pseudo-element-position-left-promo-blue: -3px;
            --blu-product-badge-pseudo-element-position-right-promo-blue: -3px;
            --blu-product-badge-pseudo-element-width-promo-blue: 6px;
            display: inline-flex;
            align-items: flex-start;
            font: var(--blu-product-badge-font);
            width: fit-content;
            border-radius: var(--blu-product-badge-border-radius);
            padding: var(--blu-product-badge-padding);
            opacity: var(--blu-product-badge-opacity)
        }

        html:not([dark]) .blu-product-badge[data-v-5f0401da]>:not(:last-child) {
            margin-right: var(--blu-product-badge-spacing)
        }

        html:not([dark]) .blu-product-badge.b-ads[data-v-5f0401da] {
            background-color: transparent;
            color: var(--blu-product-badge-color-white);
            border: none;
            text-shadow: var(--blu-product-badge-text-shadow);
            --blu-product-badge-opacity: .47;
            --blu-product-badge-font: 500 12px/16px Blibli, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif
        }

        html:not([dark]) .blu-product-badge.b-best-seller[data-v-5f0401da] {
            background-color: var(--blu-product-badge-background-color-yellow);
            color: var(--blu-product-badge-color-white);
            border: var(--blu-product-badge-border)
        }

        html:not([dark]) .blu-product-badge.b-blibli-choice[data-v-5f0401da] {
            background-color: var(--blu-product-badge-background-color-blue);
            color: var(--blu-product-badge-color-white);
            border: var(--blu-product-badge-border)
        }

        html:not([dark]) .blu-product-badge.b-coming-soon[data-v-5f0401da] {
            background-color: var(--blu-product-badge-background-color-magenta);
            color: var(--blu-product-badge-color-white);
            border: var(--blu-product-badge-border)
        }

        html:not([dark]) .blu-product-badge.b-discount[data-v-5f0401da] {
            background-color: var(--blu-product-badge-background-color-red);
            color: var(--blu-product-badge-color-white);
            border: var(--blu-product-badge-border)
        }

        html:not([dark]) .blu-product-badge.b-exclusive[data-v-5f0401da] {
            background-color: var(--blu-product-badge-background-color-dark-gray);
            color: var(--blu-product-badge-color-white);
            border: var(--blu-product-badge-border)
        }

        html:not([dark]) .blu-product-badge.b-fresh-product[data-v-5f0401da] {
            background-color: var(--blu-product-badge-background-color-light-blue);
            color: var(--blu-product-badge-color-blue);
            border: var(--blu-product-badge-border)
        }

        html:not([dark]) .blu-product-badge.b-newest[data-v-5f0401da] {
            background-color: var(--blu-product-badge-background-color-green);
            color: var(--blu-product-badge-color-white);
            border: var(--blu-product-badge-border)
        }

        html:not([dark]) .blu-product-badge.b-currently-closed[data-v-5f0401da] {
            background-color: var(--blu-product-badge-background-color-light-gray);
            color: var(--blu-product-badge-color-light-gray);
            border: var(--blu-product-badge-border)
        }

        html:not([dark]) .blu-product-badge.b-out-of-stock[data-v-5f0401da] {
            background-color: var(--blu-product-badge-background-color-gray);
            color: var(--blu-product-badge-color-gray);
            border: var(--blu-product-badge-border)
        }

        html:not([dark]) .blu-product-badge.b-product-left[data-v-5f0401da] {
            background-color: var(--blu-product-badge-background-color-light-red);
            color: var(--blu-product-badge-color-white);
            border: var(--blu-product-badge-border)
        }

        html:not([dark]) .blu-product-badge.b-top-product[data-v-5f0401da] {
            background-color: var(--blu-product-badge-background-color-orange);
            color: var(--blu-product-badge-color-white);
            border: var(--blu-product-badge-border)
        }

        html:not([dark]) .blu-product-badge.b-pre-order[data-v-5f0401da] {
            background-color: var(--blu-product-badge-background-color-pre-order-gray-med);
            color: var(--blu-product-badge-text-color-pre-oder-gray-med);
            border: var(--blu-product-badge-border)
        }

        html:not([dark]) .blu-product-badge.b-blue[data-v-5f0401da] {
            background-color: var(--blu-product-badge-background-color-promo-blue);
            color: var(--blu-product-badge-color-promo-blue);
            border: none;
            position: relative;
            overflow: hidden;
            --blu-product-badge-padding: 0 6px
        }

        html:not([dark]) .blu-product-badge.b-blue[data-v-5f0401da]:after {
            content: "";
            position: absolute;
            bottom: var(--blu-product-badge-pseudo-element-position-bottom-promo-blue);
            transform: translateY(50%);
            left: var(--blu-product-badge-pseudo-element-position-left-promo-blue);
            width: var(--blu-product-badge-pseudo-element-width-promo-blue);
            height: var(--blu-product-badge-pseudo-element-height-promo-blue);
            border-radius: var(--blu-product-badge-pseudo-element-border-promo-blue);
            background-color: var(--blu-product-badge-background-color-white)
        }

        html:not([dark]) .blu-product-badge.b-blue[data-v-5f0401da]:before {
            content: "";
            position: absolute;
            bottom: var(--blu-product-badge-pseudo-element-position-bottom-promo-blue);
            transform: translateY(50%);
            right: var(--blu-product-badge-pseudo-element-position-right-promo-blue);
            width: var(--blu-product-badge-pseudo-element-width-promo-blue);
            height: var(--blu-product-badge-pseudo-element-height-promo-blue);
            border-radius: var(--blu-product-badge-pseudo-element-border-promo-blue);
            background-color: var(--blu-product-badge-background-color-white)
        }

        html:not([dark]) .blu-product-badge.b-green[data-v-5f0401da] {
            background-color: var(--blu-product-badge-background-color-promo-green);
            color: var(--blu-product-badge-color-promo-green);
            border: none
        }

        html:not([dark]) .blu-product-badge.b-gray[data-v-5f0401da] {
            background-color: var(--blu-product-badge-background-color-promo-gray);
            color: var(--blu-product-badge-color-promo-gray);
            border: none
        }

        html:not([dark]) .blu-product-badge.b-orange[data-v-5f0401da] {
            background-color: none;
            color: var(--blu-product-badge-color-promo-orange);
            border: none;
            --blu-product-badge-padding: 0
        }

        html:not([dark]) .blu-product-badge.b-light-blue[data-v-5f0401da] {
            background-color: var(--blu-product-badge-background-color-promo-light-blue);
            color: var(--blu-product-badge-color-promo-light-blue);
            border: none
        }

        html:not([dark]) .blu-product-badge.b-red[data-v-5f0401da] {
            background-color: none;
            color: var(--blu-product-badge-color-promo-red);
            border: none;
            --blu-product-badge-padding: 0
        }

        html:not([dark]) .blu-product-badge.b-cheapest[data-v-5f0401da],
        html:not([dark]) .blu-product-badge.b-best-selling[data-v-5f0401da],
        html:not([dark]) .blu-product-badge.b-people-see[data-v-5f0401da] {
            --blu-product-badge-padding: 0
        }

        html:not([dark]) .blu-product-badge.b-cheapest[data-v-5f0401da] {
            background-color: none;
            color: var(--blu-product-badge-color-flashsale-red);
            border: none
        }

        html:not([dark]) .blu-product-badge.b-best-selling[data-v-5f0401da] {
            background-color: none;
            color: var(--blu-product-badge-color-flashsale-orange);
            border: none
        }

        html:not([dark]) .blu-product-badge.b-people-see[data-v-5f0401da] {
            background-color: none;
            color: var(--blu-product-badge-color-flashsale-gray);
            border: none
        }

        html:not([dark]) .blu-product-badge.b-promo-countdown[data-v-5f0401da],
        html:not([dark]) .blu-product-badge.b-flash-sale[data-v-5f0401da] {
            --blu-product-badge-padding: var(--blu-product-badge-padding-countdown);
            --blu-product-badge-border-radius: var(--blu-product-badge-border-radius-countdown);
            display: flex;
            align-items: center;
            justify-content: center
        }

        html:not([dark]) .blu-product-badge.b-promo-countdown .blu-product-badge__icon[data-v-5f0401da],
        html:not([dark]) .blu-product-badge.b-flash-sale .blu-product-badge__icon[data-v-5f0401da] {
            display: flex;
            justify-content: center;
            align-items: center;
            align-self: stretch;
            border-radius: var(--blu-product-badge-border-radius-countdown-icon);
            margin-right: var(--blu-product-badge-icon-margin-countdown)
        }

        html:not([dark]) .blu-product-badge.b-promo-countdown[data-v-5f0401da] {
            max-height: 16px;
            background-color: var(--blu-product-badge-background-color-countdown-promo-red);
            color: var(--blu-product-badge-color-white);
            border: none
        }

        html:not([dark]) .blu-product-badge.b-promo-countdown .blu-product-badge__icon[data-v-5f0401da] {
            padding: var(--blu-product-badge-padding-countdown-icon);
            background-color: var(--blu-product-badge-background-color-white);
            color: var(--blu-product-badge-color-countdown-promo-red);
            border: var(--blu-product-badge-border-countdown-promo)
        }

        html:not([dark]) .blu-product-badge.b-flash-sale[data-v-5f0401da] {
            max-height: 16px;
            background-color: var(--blu-product-badge-background-color-countdown-flash-sale-orange);
            color: var(--blu-product-badge-color-white);
            border: none
        }

        html:not([dark]) .blu-product-badge.b-flash-sale .blu-product-badge__icon[data-v-5f0401da] {
            background-color: var(--blu-product-badge-background-color-white);
            color: var(--blu-product-badge-color-countdown-flash-sale-orange-icon);
            border: var(--blu-product-badge-border-countdown-flash-sale)
        }

        html[dark] .blu-product-badge[data-v-5f0401da] {
            --blu-product-badge-border: 1px solid #12171d;
            --blu-product-badge-border-countdown-promo: 1px solid #ff9090;
            --blu-product-badge-border-countdown-flash-sale: 1px solid #f05a00;
            --blu-product-badge-border-radius: 4px;
            --blu-product-badge-border-radius-countdown: 4px;
            --blu-product-badge-border-radius-countdown-icon: 4px;
            --blu-product-badge-font: 600 12px/16px Blibli, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif;
            --blu-product-badge-opacity: 1;
            --blu-product-badge-text-shadow: 0 0 1px #19222a;
            --blu-product-badge-padding: 0 4px;
            --blu-product-badge-padding-countdown: 0px 4px 0px 0px;
            --blu-product-badge-padding-countdown-icon: 0px 4px;
            --blu-product-badge-spacing: 2px;
            --blu-product-badge-icon-margin-countdown: 3px;
            --blu-product-badge-background-color-blue: #09acde;
            --blu-product-badge-background-color-light-blue: #002e7a;
            --blu-product-badge-background-color-green: #22a334;
            --blu-product-badge-background-color-gray: #3b444c;
            --blu-product-badge-background-color-light-gray: #19222a;
            --blu-product-badge-background-color-dark-gray: rgba(0, 0, 0, .6);
            --blu-product-badge-background-color-orange: #ff7f00;
            --blu-product-badge-background-color-magenta: #ff0f9d;
            --blu-product-badge-background-color-red: #d33534;
            --blu-product-badge-background-color-light-red: #ff7373;
            --blu-product-badge-background-color-white: #12171d;
            --blu-product-badge-background-color-yellow: #f1ab02;
            --blu-product-badge-background-color-pre-order-gray-med: #28323b;
            --blu-product-badge-background-color-promo-blue: #f3f9ff;
            --blu-product-badge-background-color-promo-green: #effcf0;
            --blu-product-badge-background-color-promo-gray: #f1f2f2;
            --blu-product-badge-background-color-countdown-promo-red: #ff9090;
            --blu-product-badge-background-color-countdown-flash-sale-orange: #f05a00;
            --blu-product-badge-color-countdown-flash-sale-orange-icon: #f05a00;
            --blu-product-badge-color-blue: #4fa4ff;
            --blu-product-badge-color-light-gray: rgba(255, 255, 255, .5019607843);
            --blu-product-badge-text-color-pre-oder-gray-med: rgba(255, 255, 255, .8);
            --blu-product-badge-color-gray: rgba(255, 255, 255, .8);
            --blu-product-badge-color-white: #12171d;
            --blu-product-badge-color-promo-blue: #4fa4ff;
            --blu-product-badge-color-promo-green: #02c82b;
            --blu-product-badge-color-promo-gray: rgba(255, 255, 255, .8);
            --blu-product-badge-color-promo-orange: #ff7f00;
            --blu-product-badge-color-promo-red: #ff7373;
            --blu-product-badge-color-flashsale-gray: rgba(255, 255, 255, .8);
            --blu-product-badge-color-flashsale-orange: #f05a00;
            --blu-product-badge-color-flashsale-red: #ff7373;
            --blu-product-badge-color-countdown-promo-red: #ff7373;
            --blu-product-badge-pseudo-element-border-promo-blue: 100%;
            --blu-product-badge-pseudo-element-height-promo-blue: 7.5px;
            --blu-product-badge-pseudo-element-position-bottom-promo-blue: 50%;
            --blu-product-badge-pseudo-element-position-left-promo-blue: -3px;
            --blu-product-badge-pseudo-element-position-right-promo-blue: -3px;
            --blu-product-badge-pseudo-element-width-promo-blue: 6px;
            display: inline-flex;
            align-items: flex-start;
            font: var(--blu-product-badge-font);
            width: fit-content;
            border-radius: var(--blu-product-badge-border-radius);
            padding: var(--blu-product-badge-padding);
            opacity: var(--blu-product-badge-opacity)
        }

        html[dark] .blu-product-badge[data-v-5f0401da]>:not(:last-child) {
            margin-right: var(--blu-product-badge-spacing)
        }

        html[dark] .blu-product-badge.b-ads[data-v-5f0401da] {
            background-color: transparent;
            color: var(--blu-product-badge-color-white);
            border: none;
            text-shadow: var(--blu-product-badge-text-shadow);
            --blu-product-badge-opacity: .47;
            --blu-product-badge-font: 500 12px/16px Blibli, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif
        }

        html[dark] .blu-product-badge.b-best-seller[data-v-5f0401da] {
            background-color: var(--blu-product-badge-background-color-yellow);
            color: var(--blu-product-badge-color-white);
            border: var(--blu-product-badge-border)
        }

        html[dark] .blu-product-badge.b-blibli-choice[data-v-5f0401da] {
            background-color: var(--blu-product-badge-background-color-blue);
            color: var(--blu-product-badge-color-white);
            border: var(--blu-product-badge-border)
        }

        html[dark] .blu-product-badge.b-coming-soon[data-v-5f0401da] {
            background-color: var(--blu-product-badge-background-color-magenta);
            color: var(--blu-product-badge-color-white);
            border: var(--blu-product-badge-border)
        }

        html[dark] .blu-product-badge.b-discount[data-v-5f0401da] {
            background-color: var(--blu-product-badge-background-color-red);
            color: var(--blu-product-badge-color-white);
            border: var(--blu-product-badge-border)
        }

        html[dark] .blu-product-badge.b-exclusive[data-v-5f0401da] {
            background-color: var(--blu-product-badge-background-color-dark-gray);
            color: var(--blu-product-badge-color-white);
            border: var(--blu-product-badge-border)
        }

        html[dark] .blu-product-badge.b-fresh-product[data-v-5f0401da] {
            background-color: var(--blu-product-badge-background-color-light-blue);
            color: var(--blu-product-badge-color-blue);
            border: var(--blu-product-badge-border)
        }

        html[dark] .blu-product-badge.b-newest[data-v-5f0401da] {
            background-color: var(--blu-product-badge-background-color-green);
            color: var(--blu-product-badge-color-white);
            border: var(--blu-product-badge-border)
        }

        html[dark] .blu-product-badge.b-currently-closed[data-v-5f0401da] {
            background-color: var(--blu-product-badge-background-color-light-gray);
            color: var(--blu-product-badge-color-light-gray);
            border: var(--blu-product-badge-border)
        }

        html[dark] .blu-product-badge.b-out-of-stock[data-v-5f0401da] {
            background-color: var(--blu-product-badge-background-color-gray);
            color: var(--blu-product-badge-color-gray);
            border: var(--blu-product-badge-border)
        }

        html[dark] .blu-product-badge.b-product-left[data-v-5f0401da] {
            background-color: var(--blu-product-badge-background-color-light-red);
            color: var(--blu-product-badge-color-white);
            border: var(--blu-product-badge-border)
        }

        html[dark] .blu-product-badge.b-top-product[data-v-5f0401da] {
            background-color: var(--blu-product-badge-background-color-orange);
            color: var(--blu-product-badge-color-white);
            border: var(--blu-product-badge-border)
        }

        html[dark] .blu-product-badge.b-pre-order[data-v-5f0401da] {
            background-color: var(--blu-product-badge-background-color-pre-order-gray-med);
            color: var(--blu-product-badge-text-color-pre-oder-gray-med);
            border: var(--blu-product-badge-border)
        }

        html[dark] .blu-product-badge.b-blue[data-v-5f0401da] {
            background-color: var(--blu-product-badge-background-color-promo-blue);
            color: var(--blu-product-badge-color-promo-blue);
            border: none;
            position: relative;
            overflow: hidden;
            --blu-product-badge-padding: 0 6px
        }

        html[dark] .blu-product-badge.b-blue[data-v-5f0401da]:after {
            content: "";
            position: absolute;
            bottom: var(--blu-product-badge-pseudo-element-position-bottom-promo-blue);
            transform: translateY(50%);
            left: var(--blu-product-badge-pseudo-element-position-left-promo-blue);
            width: var(--blu-product-badge-pseudo-element-width-promo-blue);
            height: var(--blu-product-badge-pseudo-element-height-promo-blue);
            border-radius: var(--blu-product-badge-pseudo-element-border-promo-blue);
            background-color: var(--blu-product-badge-background-color-white)
        }

        html[dark] .blu-product-badge.b-blue[data-v-5f0401da]:before {
            content: "";
            position: absolute;
            bottom: var(--blu-product-badge-pseudo-element-position-bottom-promo-blue);
            transform: translateY(50%);
            right: var(--blu-product-badge-pseudo-element-position-right-promo-blue);
            width: var(--blu-product-badge-pseudo-element-width-promo-blue);
            height: var(--blu-product-badge-pseudo-element-height-promo-blue);
            border-radius: var(--blu-product-badge-pseudo-element-border-promo-blue);
            background-color: var(--blu-product-badge-background-color-white)
        }

        html[dark] .blu-product-badge.b-green[data-v-5f0401da] {
            background-color: var(--blu-product-badge-background-color-promo-green);
            color: var(--blu-product-badge-color-promo-green);
            border: none
        }

        html[dark] .blu-product-badge.b-gray[data-v-5f0401da] {
            background-color: var(--blu-product-badge-background-color-promo-gray);
            color: var(--blu-product-badge-color-promo-gray);
            border: none
        }

        html[dark] .blu-product-badge.b-orange[data-v-5f0401da] {
            background-color: none;
            color: var(--blu-product-badge-color-promo-orange);
            border: none;
            --blu-product-badge-padding: 0
        }

        html[dark] .blu-product-badge.b-light-blue[data-v-5f0401da] {
            background-color: var(--blu-product-badge-background-color-promo-light-blue);
            color: var(--blu-product-badge-color-promo-light-blue);
            border: none
        }

        html[dark] .blu-product-badge.b-red[data-v-5f0401da] {
            background-color: none;
            color: var(--blu-product-badge-color-promo-red);
            border: none;
            --blu-product-badge-padding: 0
        }

        html[dark] .blu-product-badge.b-cheapest[data-v-5f0401da],
        html[dark] .blu-product-badge.b-best-selling[data-v-5f0401da],
        html[dark] .blu-product-badge.b-people-see[data-v-5f0401da] {
            --blu-product-badge-padding: 0
        }

        html[dark] .blu-product-badge.b-cheapest[data-v-5f0401da] {
            background-color: none;
            color: var(--blu-product-badge-color-flashsale-red);
            border: none
        }

        html[dark] .blu-product-badge.b-best-selling[data-v-5f0401da] {
            background-color: none;
            color: var(--blu-product-badge-color-flashsale-orange);
            border: none
        }

        html[dark] .blu-product-badge.b-people-see[data-v-5f0401da] {
            background-color: none;
            color: var(--blu-product-badge-color-flashsale-gray);
            border: none
        }

        html[dark] .blu-product-badge.b-promo-countdown[data-v-5f0401da],
        html[dark] .blu-product-badge.b-flash-sale[data-v-5f0401da] {
            --blu-product-badge-padding: var(--blu-product-badge-padding-countdown);
            --blu-product-badge-border-radius: var(--blu-product-badge-border-radius-countdown);
            display: flex;
            align-items: center;
            justify-content: center
        }

        html[dark] .blu-product-badge.b-promo-countdown .blu-product-badge__icon[data-v-5f0401da],
        html[dark] .blu-product-badge.b-flash-sale .blu-product-badge__icon[data-v-5f0401da] {
            display: flex;
            justify-content: center;
            align-items: center;
            align-self: stretch;
            border-radius: var(--blu-product-badge-border-radius-countdown-icon);
            margin-right: var(--blu-product-badge-icon-margin-countdown)
        }

        html[dark] .blu-product-badge.b-promo-countdown[data-v-5f0401da] {
            max-height: 16px;
            background-color: var(--blu-product-badge-background-color-countdown-promo-red);
            color: var(--blu-product-badge-color-white);
            border: none
        }

        html[dark] .blu-product-badge.b-promo-countdown .blu-product-badge__icon[data-v-5f0401da] {
            padding: var(--blu-product-badge-padding-countdown-icon);
            background-color: var(--blu-product-badge-background-color-white);
            color: var(--blu-product-badge-color-countdown-promo-red);
            border: var(--blu-product-badge-border-countdown-promo)
        }

        html[dark] .blu-product-badge.b-flash-sale[data-v-5f0401da] {
            max-height: 16px;
            background-color: var(--blu-product-badge-background-color-countdown-flash-sale-orange);
            color: var(--blu-product-badge-color-white);
            border: none
        }

        html[dark] .blu-product-badge.b-flash-sale .blu-product-badge__icon[data-v-5f0401da] {
            background-color: var(--blu-product-badge-background-color-white);
            color: var(--blu-product-badge-color-countdown-flash-sale-orange-icon);
            border: var(--blu-product-badge-border-countdown-flash-sale)
        }
    </style>
    <style>
        html:not([dark]) .blu-loader-general[data-v-5f0af726] {
            --blu-loader-general-highlight-color-background: #1d8fff;
            --blu-loader-general-base-color-background: #f1f2f2;
            width: var(--blu-loader-general-size);
            height: var(--blu-loader-general-size)
        }

        html:not([dark]) .blu-loader-general__asset[data-v-5f0af726] {
            animation: general-rotate-5f0af726 1.6s linear infinite;
            transform-origin: center center;
            transition: all .5s ease-in-out;
            width: 100%;
            height: 100%;
            margin: auto;
            transform: rotate(90deg)
        }

        html:not([dark]) .blu-loader-general__asset--highlight[data-v-5f0af726],
        html:not([dark]) .blu-loader-general__asset--base[data-v-5f0af726] {
            stroke-linecap: round
        }

        html:not([dark]) .blu-loader-general__asset--highlight[data-v-5f0af726] {
            stroke: var(--blu-loader-general-highlight-color-background);
            animation: general-highlight-5f0af726 1.6s linear infinite
        }

        html:not([dark]) .blu-loader-general__asset--base[data-v-5f0af726] {
            stroke: var(--blu-loader-general-base-color-background);
            animation: general-base-5f0af726 1.6s linear infinite
        }

        html:not([dark]) .blu-loader-general.b-inverted[data-v-5f0af726] {
            --blu-loader-general-highlight-color-background: #ffffff;
            --blu-loader-general-base-color-background: #c8cbcd
        }

        html:not([dark]) .blu-loader-general.b-size-s[data-v-5f0af726] {
            --blu-loader-general-size: 16px
        }

        html:not([dark]) .blu-loader-general.b-size-m[data-v-5f0af726] {
            --blu-loader-general-size: 18px
        }

        html:not([dark]) .blu-loader-general.b-size-l[data-v-5f0af726] {
            --blu-loader-general-size: 24px
        }

        html:not([dark]) .blu-loader-general.b-size-xl[data-v-5f0af726] {
            --blu-loader-general-size: 32px
        }

        html[dark] .blu-loader-general[data-v-5f0af726] {
            --blu-loader-general-highlight-color-background: #4fa4ff;
            --blu-loader-general-base-color-background: #28323b;
            width: var(--blu-loader-general-size);
            height: var(--blu-loader-general-size)
        }

        html[dark] .blu-loader-general__asset[data-v-5f0af726] {
            animation: general-rotate-5f0af726 1.6s linear infinite;
            transform-origin: center center;
            transition: all .5s ease-in-out;
            width: 100%;
            height: 100%;
            margin: auto;
            transform: rotate(90deg)
        }

        html[dark] .blu-loader-general__asset--highlight[data-v-5f0af726],
        html[dark] .blu-loader-general__asset--base[data-v-5f0af726] {
            stroke-linecap: round
        }

        html[dark] .blu-loader-general__asset--highlight[data-v-5f0af726] {
            stroke: var(--blu-loader-general-highlight-color-background);
            animation: general-highlight-5f0af726 1.6s linear infinite
        }

        html[dark] .blu-loader-general__asset--base[data-v-5f0af726] {
            stroke: var(--blu-loader-general-base-color-background);
            animation: general-base-5f0af726 1.6s linear infinite
        }

        html[dark] .blu-loader-general.b-inverted[data-v-5f0af726] {
            --blu-loader-general-highlight-color-background: #12171d;
            --blu-loader-general-base-color-background: #60686e
        }

        html[dark] .blu-loader-general.b-size-s[data-v-5f0af726] {
            --blu-loader-general-size: 16px
        }

        html[dark] .blu-loader-general.b-size-m[data-v-5f0af726] {
            --blu-loader-general-size: 18px
        }

        html[dark] .blu-loader-general.b-size-l[data-v-5f0af726] {
            --blu-loader-general-size: 24px
        }

        html[dark] .blu-loader-general.b-size-xl[data-v-5f0af726] {
            --blu-loader-general-size: 32px
        }

        @keyframes general-highlight-5f0af726 {
            0% {
                stroke-dasharray: 1, 200;
                stroke-dashoffset: 0
            }

            50% {
                stroke-dasharray: 50, 200;
                stroke-dashoffset: -15px
            }

            to {
                stroke-dasharray: 50, 200;
                stroke-dashoffset: -124px
            }
        }

        @keyframes general-base-5f0af726 {
            0% {
                stroke-dasharray: 1, 200;
                stroke-dashoffset: 0
            }

            to {
                stroke-dasharray: 100, 200;
                stroke-dashoffset: -120px
            }
        }

        @keyframes general-rotate-5f0af726 {
            to {
                transform: rotate(450deg)
            }
        }

        html:not([dark]) button[data-v-498b5b0a] {
            border: none;
            background: none;
            cursor: pointer;
            font-family: Blibli, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif;
            padding: 0
        }

        html:not([dark]) input[type=submit][data-v-498b5b0a]::-moz-focus-inner,
        html:not([dark]) input[type=button][data-v-498b5b0a]::-moz-focus-inner {
            border: 0px
        }

        html:not([dark]) button[data-v-498b5b0a]:focus,
        html:not([dark]) input[type=submit][data-v-498b5b0a]:focus,
        html:not([dark]) input[type=button][data-v-498b5b0a]:focus,
        html:not([dark]) input[type=reset][data-v-498b5b0a]:focus,
        html:not([dark]) a[data-v-498b5b0a] {
            outline: none
        }

        html:not([dark]) .blu-button[data-v-498b5b0a] {
            --blu-button-border-width: 1px;
            --blu-button-border-radius: 64px;
            --blu-button-color-text: #ffffff;
            --blu-button-color-icon: #ffffff;
            --blu-button-opacity: $blu-button-opacity;
            --blu-button-size-height: 48px;
            --blu-button-icon-size: 24px;
            --blu-button-spacing-padding: 0 32px;
            --blu-button-spacing-gap: 8px;
            --blu-button-text: 600 16px/20px Blibli, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif;
            padding: var(--blu-button-spacing-padding);
            height: var(--blu-button-size-height);
            border-radius: var(--blu-button-border-radius);
            transition: transform .3s .08s, all .3s;
            color: var(--blu-button-color-text);
            background-color: var(--blu-button-color-background);
            font: var(--blu-button-text);
            box-shadow: 0 0 0 var(--blu-button-border-width) var(--blu-button-color-border);
            display: inline-flex;
            justify-content: center;
            align-items: center;
            white-space: nowrap
        }

        html:not([dark]) .blu-button[data-v-498b5b0a]:active:hover:not(.b-disabled),
        html:not([dark]) .blu-button:active.b-hover[data-v-498b5b0a]:not(.b-disabled) {
            transform: scale(.875)
        }

        html:not([dark]) .blu-button[data-v-498b5b0a]:focus-visible {
            outline: none
        }

        html:not([dark]) .blu-button[data-v-498b5b0a]:focus-visible:not(.b-disabled) {
            box-shadow: 0 0 0 2px #19222a
        }

        html:not([dark]) .blu-button__icon[data-v-498b5b0a] {
            display: flex;
            color: var(--blu-button-color-icon)
        }

        html:not([dark]) .blu-button__icon[data-v-498b5b0a] svg {
            width: var(--blu-button-icon-size);
            height: var(--blu-button-icon-size)
        }

        html:not([dark]) .blu-button.b-has-icon:not(.b-has-icon-only) .blu-button__icon[data-v-498b5b0a] {
            margin-right: var(--blu-button-spacing-gap)
        }

        html:not([dark]) .blu-button.b-has-icon-only[data-v-498b5b0a] {
            --blu-button-spacing-padding: 0 12px
        }

        html:not([dark]) .blu-button.b-loading[data-v-498b5b0a] .blu-loader-wrapper svg {
            display: flex;
            width: 18px;
            height: 18px
        }

        html:not([dark]) .blu-button.b-disabled[data-v-498b5b0a] {
            cursor: not-allowed
        }

        html:not([dark]) .blu-button.b-disabled[data-v-498b5b0a]:active {
            pointer-events: none
        }

        html:not([dark]) .blu-button.b-full-width[data-v-498b5b0a] {
            width: 100%
        }

        html:not([dark]) .blu-button.b-primary.b-common[data-v-498b5b0a] {
            --blu-button-color-background: #a58d33
        }

        html:not([dark]) .blu-button.b-primary.b-common.b-hover[data-v-498b5b0a]:not(.b-disabled),
        html:not([dark]) .blu-button.b-primary.b-common[data-v-498b5b0a]:hover:not(.b-disabled),
        html:not([dark]) .blu-button.b-primary.b-common[data-v-498b5b0a]:active:not(.b-disabled),
        html:not([dark]) .blu-button.b-primary.b-common[data-v-498b5b0a]:focus-visible:not(.b-disabled) {
            --blu-button-color-background: #1d8fff;
            --blu-button-color-border: transparent
        }

        html:not([dark]) .blu-button.b-primary.b-danger[data-v-498b5b0a] {
            --blu-button-color-background: #e93c3c
        }

        html:not([dark]) .blu-button.b-primary.b-danger.b-hover[data-v-498b5b0a]:not(.b-disabled),
        html:not([dark]) .blu-button.b-primary.b-danger[data-v-498b5b0a]:hover:not(.b-disabled),
        html:not([dark]) .blu-button.b-primary.b-danger[data-v-498b5b0a]:active:not(.b-disabled),
        html:not([dark]) .blu-button.b-primary.b-danger[data-v-498b5b0a]:focus-visible:not(.b-disabled) {
            --blu-button-color-background: #ff4646;
            --blu-button-color-border: transparent
        }

        html:not([dark]) .blu-button.b-primary.b-inverted[data-v-498b5b0a] {
            --blu-button-color-background: #ffffff;
            --blu-button-color-text: #ac8221;
            --blu-button-color-icon: #a58d33
        }

        html:not([dark]) .blu-button.b-primary.b-inverted.b-hover[data-v-498b5b0a]:not(.b-disabled),
        html:not([dark]) .blu-button.b-primary.b-inverted[data-v-498b5b0a]:hover:not(.b-disabled),
        html:not([dark]) .blu-button.b-primary.b-inverted[data-v-498b5b0a]:active:not(.b-disabled),
        html:not([dark]) .blu-button.b-primary.b-inverted[data-v-498b5b0a]:focus-visible:not(.b-disabled) {
            --blu-button-color-background: #f9f9fa;
            --blu-button-color-border: transparent
        }

        html:not([dark]) .blu-button.b-primary.b-disabled[data-v-498b5b0a] {
            --blu-button-color-background: #e1e3e4;
            --blu-button-color-text: rgba(25, 34, 42, .3019607843);
            --blu-button-color-icon: rgba(25, 34, 42, .3019607843)
        }

        html:not([dark]) .blu-button.b-primary.b-disabled[data-v-498b5b0a]:not(.b-inverted) {
            --blu-button-color-background: #e1e3e4;
            --blu-button-color-text: rgba(25, 34, 42, .3019607843);
            --blu-button-color-icon: rgba(25, 34, 42, .3019607843)
        }

        html:not([dark]) .blu-button.b-small[data-v-498b5b0a] {
            --blu-button-border-radius: 64px;
            --blu-button-size-height: 36px;
            --blu-button-spacing-padding: 0 16px;
            --blu-button-text: 600 14px/18px Blibli, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif;
            --blu-button-icon-size: 18px;
            --blu-button-spacing-gap: 4px
        }

        html:not([dark]) .blu-button.b-small.b-has-icon-only[data-v-498b5b0a] {
            --blu-button-spacing-padding: 0 9px
        }

        html:not([dark]) .blu-button.b-secondary[data-v-498b5b0a] {
            --blu-button-color-background: #ffffff
        }

        html:not([dark]) .blu-button.b-secondary.b-common[data-v-498b5b0a] {
            --blu-button-color-border: #1d8fff;
            --blu-button-color-text: #ac8221;
            --blu-button-color-icon: #a58d33
        }

        html:not([dark]) .blu-button.b-secondary.b-common.b-hover[data-v-498b5b0a]:not(.b-disabled),
        html:not([dark]) .blu-button.b-secondary.b-common[data-v-498b5b0a]:hover:not(.b-disabled),
        html:not([dark]) .blu-button.b-secondary.b-common[data-v-498b5b0a]:active:not(.b-disabled),
        html:not([dark]) .blu-button.b-secondary.b-common[data-v-498b5b0a]:focus-visible:not(.b-disabled) {
            --blu-button-color-background: #f3f9ff;
            --blu-button-color-border: #a58d33
        }

        html:not([dark]) .blu-button.b-secondary.b-danger[data-v-498b5b0a] {
            --blu-button-color-border: #ff4646;
            --blu-button-color-text: #d33534;
            --blu-button-color-icon: #e93c3c
        }

        html:not([dark]) .blu-button.b-secondary.b-danger.b-hover[data-v-498b5b0a]:not(.b-disabled),
        html:not([dark]) .blu-button.b-secondary.b-danger[data-v-498b5b0a]:hover:not(.b-disabled),
        html:not([dark]) .blu-button.b-secondary.b-danger[data-v-498b5b0a]:active:not(.b-disabled),
        html:not([dark]) .blu-button.b-secondary.b-danger[data-v-498b5b0a]:focus-visible:not(.b-disabled) {
            --blu-button-color-background: #fff5f5;
            --blu-button-color-border: #e93c3c
        }

        html:not([dark]) .blu-button.b-secondary.b-inverted[data-v-498b5b0a] {
            --blu-button-color-background: rgba(25, 34, 42, .3019607843);
            --blu-button-color-border: #ffffff;
            --blu-button-color-text: #ffffff;
            --blu-button-color-icon: #ffffff
        }

        html:not([dark]) .blu-button.b-secondary.b-inverted.b-hover[data-v-498b5b0a]:not(.b-disabled),
        html:not([dark]) .blu-button.b-secondary.b-inverted[data-v-498b5b0a]:hover:not(.b-disabled),
        html:not([dark]) .blu-button.b-secondary.b-inverted[data-v-498b5b0a]:active:not(.b-disabled),
        html:not([dark]) .blu-button.b-secondary.b-inverted[data-v-498b5b0a]:focus-visible:not(.b-disabled) {
            --blu-button-color-background: rgba(255, 255, 255, .4);
            --blu-button-color-border: #ffffff
        }

        html:not([dark]) .blu-button.b-secondary.b-disabled[data-v-498b5b0a] {
            --blu-button-color-background: #e1e3e4;
            --blu-button-color-border: #c8cbcd;
            --blu-button-color-text: rgba(25, 34, 42, .3019607843);
            --blu-button-color-icon: rgba(25, 34, 42, .3019607843)
        }

        html:not([dark]) .blu-button.b-secondary.b-disabled[data-v-498b5b0a]:not(.b-inverted) {
            --blu-button-color-background: #e1e3e4;
            --blu-button-color-border: #c8cbcd;
            --blu-button-color-text: rgba(25, 34, 42, .3019607843);
            --blu-button-color-icon: rgba(25, 34, 42, .3019607843)
        }

        html:not([dark]) .blu-button[data-v-498b5b0a] {
            width: var(--blu-button-custom-width)
        }

        html:not([dark]) .blu-button.b-tertiary.b-common[data-v-498b5b0a] {
            --blu-button-color-text: #ac8221;
            --blu-button-color-icon: #a58d33
        }

        html:not([dark]) .blu-button.b-tertiary.b-common.b-hover[data-v-498b5b0a]:not(.b-disabled),
        html:not([dark]) .blu-button.b-tertiary.b-common[data-v-498b5b0a]:hover:not(.b-disabled),
        html:not([dark]) .blu-button.b-tertiary.b-common[data-v-498b5b0a]:active:not(.b-disabled),
        html:not([dark]) .blu-button.b-tertiary.b-common[data-v-498b5b0a]:focus-visible:not(.b-disabled) {
            --blu-button-color-background: #f3f9ff;
            --blu-button-color-border: transparent
        }

        html:not([dark]) .blu-button.b-tertiary.b-danger[data-v-498b5b0a] {
            --blu-button-color-text: #d33534;
            --blu-button-color-icon: #e93c3c
        }

        html:not([dark]) .blu-button.b-tertiary.b-danger.b-hover[data-v-498b5b0a]:not(.b-disabled),
        html:not([dark]) .blu-button.b-tertiary.b-danger[data-v-498b5b0a]:hover:not(.b-disabled),
        html:not([dark]) .blu-button.b-tertiary.b-danger[data-v-498b5b0a]:active:not(.b-disabled),
        html:not([dark]) .blu-button.b-tertiary.b-danger[data-v-498b5b0a]:focus-visible:not(.b-disabled) {
            --blu-button-color-background: #fff5f5;
            --blu-button-color-border: transparent
        }

        html:not([dark]) .blu-button.b-tertiary.b-inverted[data-v-498b5b0a] {
            --blu-button-color-text: #ffffff;
            --blu-button-color-icon: #ffffff
        }

        html:not([dark]) .blu-button.b-tertiary.b-inverted.b-hover[data-v-498b5b0a]:not(.b-disabled),
        html:not([dark]) .blu-button.b-tertiary.b-inverted[data-v-498b5b0a]:hover:not(.b-disabled),
        html:not([dark]) .blu-button.b-tertiary.b-inverted[data-v-498b5b0a]:active:not(.b-disabled),
        html:not([dark]) .blu-button.b-tertiary.b-inverted[data-v-498b5b0a]:focus-visible:not(.b-disabled) {
            --blu-button-color-background: rgba(255, 255, 255, .4);
            --blu-button-color-border: transparent
        }

        html:not([dark]) .blu-button.b-tertiary.b-disabled[data-v-498b5b0a] {
            --blu-button-color-text: rgba(255, 255, 255, .4);
            --blu-button-color-icon: rgba(255, 255, 255, .4)
        }

        html:not([dark]) .blu-button.b-tertiary.b-disabled[data-v-498b5b0a]:not(.b-inverted) {
            --blu-button-color-text: rgba(25, 34, 42, .3019607843);
            --blu-button-color-icon: rgba(25, 34, 42, .3019607843)
        }

        html:not([dark]) a[data-v-498b5b0a] {
            text-decoration: none
        }

        html[dark] button[data-v-498b5b0a] {
            border: none;
            background: none;
            cursor: pointer;
            font-family: Blibli, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif;
            padding: 0
        }

        html[dark] input[type=submit][data-v-498b5b0a]::-moz-focus-inner,
        html[dark] input[type=button][data-v-498b5b0a]::-moz-focus-inner {
            border: 0px
        }

        html[dark] button[data-v-498b5b0a]:focus,
        html[dark] input[type=submit][data-v-498b5b0a]:focus,
        html[dark] input[type=button][data-v-498b5b0a]:focus,
        html[dark] input[type=reset][data-v-498b5b0a]:focus,
        html[dark] a[data-v-498b5b0a] {
            outline: none
        }

        html[dark] .blu-button[data-v-498b5b0a] {
            --blu-button-border-width: 1px;
            --blu-button-border-radius: 64px;
            --blu-button-color-text: #ffffff;
            --blu-button-color-icon: #ffffff;
            --blu-button-opacity: $blu-button-opacity;
            --blu-button-size-height: 48px;
            --blu-button-icon-size: 24px;
            --blu-button-spacing-padding: 0 32px;
            --blu-button-spacing-gap: 8px;
            --blu-button-text: 600 16px/20px Blibli, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif;
            padding: var(--blu-button-spacing-padding);
            height: var(--blu-button-size-height);
            border-radius: var(--blu-button-border-radius);
            transition: transform .3s .08s, all .3s;
            color: var(--blu-button-color-text);
            background-color: var(--blu-button-color-background);
            font: var(--blu-button-text);
            box-shadow: 0 0 0 var(--blu-button-border-width) var(--blu-button-color-border);
            display: inline-flex;
            justify-content: center;
            align-items: center;
            white-space: nowrap
        }

        html[dark] .blu-button[data-v-498b5b0a]:active:hover:not(.b-disabled),
        html[dark] .blu-button:active.b-hover[data-v-498b5b0a]:not(.b-disabled) {
            transform: scale(.875)
        }

        html[dark] .blu-button[data-v-498b5b0a]:focus-visible {
            outline: none
        }

        html[dark] .blu-button[data-v-498b5b0a]:focus-visible:not(.b-disabled) {
            box-shadow: 0 0 0 2px #f9f9fa
        }

        html[dark] .blu-button__icon[data-v-498b5b0a] {
            display: flex;
            color: var(--blu-button-color-icon)
        }

        html[dark] .blu-button__icon[data-v-498b5b0a] svg {
            width: var(--blu-button-icon-size);
            height: var(--blu-button-icon-size)
        }

        html[dark] .blu-button.b-has-icon:not(.b-has-icon-only) .blu-button__icon[data-v-498b5b0a] {
            margin-right: var(--blu-button-spacing-gap)
        }

        html[dark] .blu-button.b-has-icon-only[data-v-498b5b0a] {
            --blu-button-spacing-padding: 0 12px
        }

        html[dark] .blu-button.b-loading[data-v-498b5b0a] .blu-loader-wrapper svg {
            display: flex;
            width: 18px;
            height: 18px
        }

        html[dark] .blu-button.b-disabled[data-v-498b5b0a] {
            cursor: not-allowed
        }

        html[dark] .blu-button.b-disabled[data-v-498b5b0a]:active {
            pointer-events: none
        }

        html[dark] .blu-button.b-full-width[data-v-498b5b0a] {
            width: 100%
        }

        html[dark] .blu-button.b-primary.b-common[data-v-498b5b0a] {
            --blu-button-color-background: #a58d33
        }

        html[dark] .blu-button.b-primary.b-common.b-hover[data-v-498b5b0a]:not(.b-disabled),
        html[dark] .blu-button.b-primary.b-common[data-v-498b5b0a]:hover:not(.b-disabled),
        html[dark] .blu-button.b-primary.b-common[data-v-498b5b0a]:active:not(.b-disabled),
        html[dark] .blu-button.b-primary.b-common[data-v-498b5b0a]:focus-visible:not(.b-disabled) {
            --blu-button-color-background: #1d8fff;
            --blu-button-color-border: transparent
        }

        html[dark] .blu-button.b-primary.b-danger[data-v-498b5b0a] {
            --blu-button-color-background: #e93c3c
        }

        html[dark] .blu-button.b-primary.b-danger.b-hover[data-v-498b5b0a]:not(.b-disabled),
        html[dark] .blu-button.b-primary.b-danger[data-v-498b5b0a]:hover:not(.b-disabled),
        html[dark] .blu-button.b-primary.b-danger[data-v-498b5b0a]:active:not(.b-disabled),
        html[dark] .blu-button.b-primary.b-danger[data-v-498b5b0a]:focus-visible:not(.b-disabled) {
            --blu-button-color-background: #ff4646;
            --blu-button-color-border: transparent
        }

        html[dark] .blu-button.b-primary.b-inverted[data-v-498b5b0a] {
            --blu-button-color-background: #12171d;
            --blu-button-color-text: #4fa4ff;
            --blu-button-color-icon: #4fa4ff
        }

        html[dark] .blu-button.b-primary.b-inverted.b-hover[data-v-498b5b0a]:not(.b-disabled),
        html[dark] .blu-button.b-primary.b-inverted[data-v-498b5b0a]:hover:not(.b-disabled),
        html[dark] .blu-button.b-primary.b-inverted[data-v-498b5b0a]:active:not(.b-disabled),
        html[dark] .blu-button.b-primary.b-inverted[data-v-498b5b0a]:focus-visible:not(.b-disabled) {
            --blu-button-color-background: #19222a;
            --blu-button-color-border: transparent
        }

        html[dark] .blu-button.b-primary.b-disabled[data-v-498b5b0a] {
            --blu-button-color-background: #3b444c;
            --blu-button-color-text: rgba(255, 255, 255, .3019607843);
            --blu-button-color-icon: rgba(255, 255, 255, .3019607843)
        }

        html[dark] .blu-button.b-primary.b-disabled[data-v-498b5b0a]:not(.b-inverted) {
            --blu-button-color-background: #3b444c;
            --blu-button-color-text: rgba(255, 255, 255, .3019607843);
            --blu-button-color-icon: rgba(255, 255, 255, .3019607843)
        }

        html[dark] .blu-button.b-small[data-v-498b5b0a] {
            --blu-button-border-radius: 64px;
            --blu-button-size-height: 36px;
            --blu-button-spacing-padding: 0 16px;
            --blu-button-text: 600 14px/18px Blibli, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif;
            --blu-button-icon-size: 18px;
            --blu-button-spacing-gap: 4px
        }

        html[dark] .blu-button.b-small.b-has-icon-only[data-v-498b5b0a] {
            --blu-button-spacing-padding: 0 9px
        }

        html[dark] .blu-button.b-secondary[data-v-498b5b0a] {
            --blu-button-color-background: #12171d
        }

        html[dark] .blu-button.b-secondary.b-common[data-v-498b5b0a] {
            --blu-button-color-border: #4fa4ff;
            --blu-button-color-text: #4fa4ff;
            --blu-button-color-icon: #4fa4ff
        }

        html[dark] .blu-button.b-secondary.b-common.b-hover[data-v-498b5b0a]:not(.b-disabled),
        html[dark] .blu-button.b-secondary.b-common[data-v-498b5b0a]:hover:not(.b-disabled),
        html[dark] .blu-button.b-secondary.b-common[data-v-498b5b0a]:active:not(.b-disabled),
        html[dark] .blu-button.b-secondary.b-common[data-v-498b5b0a]:focus-visible:not(.b-disabled) {
            --blu-button-color-background: #002e7a;
            --blu-button-color-border: #4fa4ff
        }

        html[dark] .blu-button.b-secondary.b-danger[data-v-498b5b0a] {
            --blu-button-color-border: #ff7373;
            --blu-button-color-text: #ff7373;
            --blu-button-color-icon: #ff7373
        }

        html[dark] .blu-button.b-secondary.b-danger.b-hover[data-v-498b5b0a]:not(.b-disabled),
        html[dark] .blu-button.b-secondary.b-danger[data-v-498b5b0a]:hover:not(.b-disabled),
        html[dark] .blu-button.b-secondary.b-danger[data-v-498b5b0a]:active:not(.b-disabled),
        html[dark] .blu-button.b-secondary.b-danger[data-v-498b5b0a]:focus-visible:not(.b-disabled) {
            --blu-button-color-background: #631818;
            --blu-button-color-border: #ff7373
        }

        html[dark] .blu-button.b-secondary.b-inverted[data-v-498b5b0a] {
            --blu-button-color-background: rgba(255, 255, 255, .3019607843);
            --blu-button-color-border: #12171d;
            --blu-button-color-text: #12171d;
            --blu-button-color-icon: #12171d
        }

        html[dark] .blu-button.b-secondary.b-inverted.b-hover[data-v-498b5b0a]:not(.b-disabled),
        html[dark] .blu-button.b-secondary.b-inverted[data-v-498b5b0a]:hover:not(.b-disabled),
        html[dark] .blu-button.b-secondary.b-inverted[data-v-498b5b0a]:active:not(.b-disabled),
        html[dark] .blu-button.b-secondary.b-inverted[data-v-498b5b0a]:focus-visible:not(.b-disabled) {
            --blu-button-color-background: rgba(18, 23, 29, .4);
            --blu-button-color-border: #12171d
        }

        html[dark] .blu-button.b-secondary.b-disabled[data-v-498b5b0a] {
            --blu-button-color-background: #3b444c;
            --blu-button-color-border: #60686e;
            --blu-button-color-text: rgba(255, 255, 255, .3019607843);
            --blu-button-color-icon: rgba(255, 255, 255, .3019607843)
        }

        html[dark] .blu-button.b-secondary.b-disabled[data-v-498b5b0a]:not(.b-inverted) {
            --blu-button-color-background: #3b444c;
            --blu-button-color-border: #60686e;
            --blu-button-color-text: rgba(255, 255, 255, .3019607843);
            --blu-button-color-icon: rgba(255, 255, 255, .3019607843)
        }

        html[dark] .blu-button[data-v-498b5b0a] {
            width: var(--blu-button-custom-width)
        }

        html[dark] .blu-button.b-tertiary.b-common[data-v-498b5b0a] {
            --blu-button-color-text: #4fa4ff;
            --blu-button-color-icon: #4fa4ff
        }

        html[dark] .blu-button.b-tertiary.b-common.b-hover[data-v-498b5b0a]:not(.b-disabled),
        html[dark] .blu-button.b-tertiary.b-common[data-v-498b5b0a]:hover:not(.b-disabled),
        html[dark] .blu-button.b-tertiary.b-common[data-v-498b5b0a]:active:not(.b-disabled),
        html[dark] .blu-button.b-tertiary.b-common[data-v-498b5b0a]:focus-visible:not(.b-disabled) {
            --blu-button-color-background: #002e7a;
            --blu-button-color-border: transparent
        }

        html[dark] .blu-button.b-tertiary.b-danger[data-v-498b5b0a] {
            --blu-button-color-text: #ff7373;
            --blu-button-color-icon: #ff7373
        }

        html[dark] .blu-button.b-tertiary.b-danger.b-hover[data-v-498b5b0a]:not(.b-disabled),
        html[dark] .blu-button.b-tertiary.b-danger[data-v-498b5b0a]:hover:not(.b-disabled),
        html[dark] .blu-button.b-tertiary.b-danger[data-v-498b5b0a]:active:not(.b-disabled),
        html[dark] .blu-button.b-tertiary.b-danger[data-v-498b5b0a]:focus-visible:not(.b-disabled) {
            --blu-button-color-background: #631818;
            --blu-button-color-border: transparent
        }

        html[dark] .blu-button.b-tertiary.b-inverted[data-v-498b5b0a] {
            --blu-button-color-text: #12171d;
            --blu-button-color-icon: #12171d
        }

        html[dark] .blu-button.b-tertiary.b-inverted.b-hover[data-v-498b5b0a]:not(.b-disabled),
        html[dark] .blu-button.b-tertiary.b-inverted[data-v-498b5b0a]:hover:not(.b-disabled),
        html[dark] .blu-button.b-tertiary.b-inverted[data-v-498b5b0a]:active:not(.b-disabled),
        html[dark] .blu-button.b-tertiary.b-inverted[data-v-498b5b0a]:focus-visible:not(.b-disabled) {
            --blu-button-color-background: rgba(18, 23, 29, .4);
            --blu-button-color-border: transparent
        }

        html[dark] .blu-button.b-tertiary.b-disabled[data-v-498b5b0a] {
            --blu-button-color-text: rgba(18, 23, 29, .4);
            --blu-button-color-icon: rgba(18, 23, 29, .4)
        }

        html[dark] .blu-button.b-tertiary.b-disabled[data-v-498b5b0a]:not(.b-inverted) {
            --blu-button-color-text: rgba(255, 255, 255, .3019607843);
            --blu-button-color-icon: rgba(255, 255, 255, .3019607843)
        }

        html[dark] a[data-v-498b5b0a] {
            text-decoration: none
        }
    </style>
    <style>
        html:not([dark]) .blu-loader-general[data-v-5f0af726] {
            --blu-loader-general-highlight-color-background: #1d8fff;
            --blu-loader-general-base-color-background: #f1f2f2;
            width: var(--blu-loader-general-size);
            height: var(--blu-loader-general-size)
        }

        html:not([dark]) .blu-loader-general__asset[data-v-5f0af726] {
            animation: general-rotate-5f0af726 1.6s linear infinite;
            transform-origin: center center;
            transition: all .5s ease-in-out;
            width: 100%;
            height: 100%;
            margin: auto;
            transform: rotate(90deg)
        }

        html:not([dark]) .blu-loader-general__asset--highlight[data-v-5f0af726],
        html:not([dark]) .blu-loader-general__asset--base[data-v-5f0af726] {
            stroke-linecap: round
        }

        html:not([dark]) .blu-loader-general__asset--highlight[data-v-5f0af726] {
            stroke: var(--blu-loader-general-highlight-color-background);
            animation: general-highlight-5f0af726 1.6s linear infinite
        }

        html:not([dark]) .blu-loader-general__asset--base[data-v-5f0af726] {
            stroke: var(--blu-loader-general-base-color-background);
            animation: general-base-5f0af726 1.6s linear infinite
        }

        html:not([dark]) .blu-loader-general.b-inverted[data-v-5f0af726] {
            --blu-loader-general-highlight-color-background: #ffffff;
            --blu-loader-general-base-color-background: #c8cbcd
        }

        html:not([dark]) .blu-loader-general.b-size-s[data-v-5f0af726] {
            --blu-loader-general-size: 16px
        }

        html:not([dark]) .blu-loader-general.b-size-m[data-v-5f0af726] {
            --blu-loader-general-size: 18px
        }

        html:not([dark]) .blu-loader-general.b-size-l[data-v-5f0af726] {
            --blu-loader-general-size: 24px
        }

        html:not([dark]) .blu-loader-general.b-size-xl[data-v-5f0af726] {
            --blu-loader-general-size: 32px
        }

        html[dark] .blu-loader-general[data-v-5f0af726] {
            --blu-loader-general-highlight-color-background: #4fa4ff;
            --blu-loader-general-base-color-background: #28323b;
            width: var(--blu-loader-general-size);
            height: var(--blu-loader-general-size)
        }

        html[dark] .blu-loader-general__asset[data-v-5f0af726] {
            animation: general-rotate-5f0af726 1.6s linear infinite;
            transform-origin: center center;
            transition: all .5s ease-in-out;
            width: 100%;
            height: 100%;
            margin: auto;
            transform: rotate(90deg)
        }

        html[dark] .blu-loader-general__asset--highlight[data-v-5f0af726],
        html[dark] .blu-loader-general__asset--base[data-v-5f0af726] {
            stroke-linecap: round
        }

        html[dark] .blu-loader-general__asset--highlight[data-v-5f0af726] {
            stroke: var(--blu-loader-general-highlight-color-background);
            animation: general-highlight-5f0af726 1.6s linear infinite
        }

        html[dark] .blu-loader-general__asset--base[data-v-5f0af726] {
            stroke: var(--blu-loader-general-base-color-background);
            animation: general-base-5f0af726 1.6s linear infinite
        }

        html[dark] .blu-loader-general.b-inverted[data-v-5f0af726] {
            --blu-loader-general-highlight-color-background: #12171d;
            --blu-loader-general-base-color-background: #60686e
        }

        html[dark] .blu-loader-general.b-size-s[data-v-5f0af726] {
            --blu-loader-general-size: 16px
        }

        html[dark] .blu-loader-general.b-size-m[data-v-5f0af726] {
            --blu-loader-general-size: 18px
        }

        html[dark] .blu-loader-general.b-size-l[data-v-5f0af726] {
            --blu-loader-general-size: 24px
        }

        html[dark] .blu-loader-general.b-size-xl[data-v-5f0af726] {
            --blu-loader-general-size: 32px
        }

        @keyframes general-highlight-5f0af726 {
            0% {
                stroke-dasharray: 1, 200;
                stroke-dashoffset: 0
            }

            50% {
                stroke-dasharray: 50, 200;
                stroke-dashoffset: -15px
            }

            to {
                stroke-dasharray: 50, 200;
                stroke-dashoffset: -124px
            }
        }

        @keyframes general-base-5f0af726 {
            0% {
                stroke-dasharray: 1, 200;
                stroke-dashoffset: 0
            }

            to {
                stroke-dasharray: 100, 200;
                stroke-dashoffset: -120px
            }
        }

        @keyframes general-rotate-5f0af726 {
            to {
                transform: rotate(450deg)
            }
        }
    </style>
    <script type="text/javascript"
        src="https://media.flixcar.com/modular/js/minify/12612/?url=static/distributor/12612/pagedata-specific.js"></script>
    <script type="text/javascript"
        src="https://media.flixcar.com/modular/js/minify/12612/?url=/static/tracking/tracking.js"></script>
    <style type="text/css">
        .blu-header[data-v-43faac6b] {
            z-index: 999;
            position: sticky;
            top: 0;
            width: 100%;
            box-shadow: 0 1px 6px 0 rgba(0, 0, 0, .1)
        }

        .blu-header__top[data-v-43faac6b] {
            padding: 16px;
            width: 100%;
            height: 56px;
            align-items: center;
            justify-content: space-between;
            display: flex
        }

        .blu-header__top.b-pb-0[data-v-43faac6b] {
            padding-bottom: 0
        }

        .blu-header__left[data-v-43faac6b],
        .blu-header__right[data-v-43faac6b] {
            display: flex;
            align-items: center
        }

        .blu-header__left .icon-menu[data-v-43faac6b],
        .blu-header__left .icon-menu div[data-v-43faac6b],
        .blu-header__right .icon-menu[data-v-43faac6b],
        .blu-header__right .icon-menu div[data-v-43faac6b] {
            display: flex;
            align-items: center;
            height: 24px;
            width: 24px;
            cursor: pointer
        }

        .blu-header__left[data-v-43faac6b] {
            margin-right: 8px
        }

        .blu-header__left .icon-menu[data-v-43faac6b]:not(:last-child) {
            margin-right: 12px
        }

        .blu-header__center[data-v-43faac6b] {
            display: flex;
            width: 100%;
            overflow: hidden
        }

        .blu-header__center-title[data-v-43faac6b] {
            font: 16px/20px "blibli demi bold", -apple-system, segoe ui, roboto, helvetica, arial, sans-serif;
            white-space: nowrap;
            overflow: hidden;
            text-overflow: ellipsis
        }

        .blu-header__bottom[data-v-43faac6b] {
            width: 100%;
            background-color: #fff
        }

        .blu-header__bottom svg[data-v-43faac6b] {
            color: #797f85
        }

        .blu-header__right[data-v-43faac6b] {
            justify-content: right;
            margin-left: 8px
        }

        .blu-header__right .icon-menu[data-v-43faac6b]:not(:last-child) {
            margin-right: 12px
        }

        .blu-header.b-dark .icon-menu[data-v-43faac6b],
        .blu-header.b-dark .icon-menu div[data-v-43faac6b] {
            color: #797f85
        }

        .blu-header.b-light .icon-menu[data-v-43faac6b],
        .blu-header.b-light .icon-menu div[data-v-43faac6b] {
            color: #fff
        }

        .blu-header.b-no-shadow[data-v-43faac6b] {
            box-shadow: none
        }
    </style>
    <style>
        @charset "UTF-8";

        .product-services[data-v-50a9b5f9] {
            display: flex;
            flex-direction: column;
            width: 100%;
            gap: 20px
        }

        @media screen and (max-width: 839px) {
            .product-services[data-v-50a9b5f9] {
                gap: 0
            }
        }

        .product-service[data-v-c3291db0] {
            width: 100%;
            display: flex;
            align-items: flex-start;
            flex-direction: row;
            gap: 8px
        }

        @media screen and (max-width: 839px) {
            .product-service[data-v-c3291db0] {
                align-items: center;
                border-top: 1px solid #f1f2f2;
                padding: 11px 0
            }
        }

        .product-service__icon[data-v-c3291db0] {
            display: flex;
            align-items: center;
            justify-content: center
        }

        .product-service__icon img[data-v-c3291db0] {
            width: 32px;
            height: 32px
        }

        @media screen and (max-width: 839px) {
            .product-service__icon img[data-v-c3291db0] {
                width: 18px;
                height: 18px
            }
        }

        .product-service__text[data-v-c3291db0] {
            display: flex;
            flex-direction: column;
            width: 100%;
            gap: 4px
        }

        .product-service__text__title[data-v-c3291db0] {
            width: 100%;
            font: 600 14px/18px Blibli, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif
        }

        @media screen and (max-width: 839px) {
            .product-service__text__title[data-v-c3291db0] {
                font: 500 14px/18px Blibli, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif
            }
        }

        .product-service__text__title span[data-v-c3291db0]:not(:last-child):after {
            content: "&nbsp;"
        }

        .product-service__text__title__price[data-v-c3291db0] {
            font: 600 14px/18px Blibli, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif;
            color: #ac8221
        }

        .product-service__text__subtitle[data-v-c3291db0] {
            font: 500 14px/18px Blibli, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif;
            color: #19222ab3
        }

        .product-service__text__subtitle span[data-v-c3291db0]:not(:last-child):after {
            content: "&nbsp;"
        }

        .product-service__text__subtitle__action[data-v-c3291db0] {
            cursor: pointer;
            color: #ac8221
        }

        .product-service__chevron[data-v-c3291db0] {
            flex: 0;
            display: flex;
            align-items: center;
            justify-content: center
        }

        @media screen and (max-width: 839px) {
            .product-service--clickable[data-v-c3291db0] {
                cursor: pointer
            }
        }

        .product-service--loading .product-service__text[data-v-c3291db0] {
            gap: 8px
        }

        .product-service--loading .product-service__text__title[data-v-c3291db0] {
            width: 60%
        }

        @media screen and (max-width: 839px) {
            .product-service--loading .product-service__text__title[data-v-c3291db0] {
                width: 100%
            }
        }

        .trade-in[data-v-8418f747],
        .installation[data-v-c1955da8],
        .insurance[data-v-1c85a326],
        .cash-on-delivery[data-v-8c111c2e],
        .wholesale[data-v-c41b49cd],
        .subscription[data-v-6563e336] {
            width: 100%
        }

        .trade-in-download-apps-modal[data-v-5dadaeda] {
            padding: 0 8px
        }

        @media screen and (max-width: 839px) {
            .trade-in-download-apps-modal[data-v-5dadaeda] {
                padding: 0
            }
        }

        .trade-in-download-apps-modal .subtitle[data-v-5dadaeda] {
            font: 500 16px/20px Blibli, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif;
            color: #19222ab3;
            margin-bottom: 16px
        }

        @media screen and (max-width: 839px) {
            .trade-in-download-apps-modal .subtitle[data-v-5dadaeda] {
                margin-bottom: 10px
            }
        }

        .trade-in-download-apps-modal .download-apps[data-v-5dadaeda] {
            display: flex;
            flex-direction: row;
            align-items: center;
            justify-content: space-between;
            margin-bottom: 24px
        }

        @media screen and (max-width: 839px) {
            .trade-in-download-apps-modal .download-apps[data-v-5dadaeda] {
                flex-direction: column;
                margin-bottom: 0
            }
        }

        .trade-in-download-apps-modal .download-apps__qr[data-v-5dadaeda] {
            display: flex;
            align-items: center;
            justify-content: center;
            background: #f3f9ff;
            border-radius: 8px
        }

        .trade-in-download-apps-modal .download-apps__or[data-v-5dadaeda] {
            text-align: center;
            font: 500 16px/20px Blibli, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif;
            color: #19222ab3;
            margin: 10px
        }

        .trade-in-download-apps-modal .download-apps__download[data-v-5dadaeda] {
            display: flex;
            flex-direction: column;
            align-items: center;
            margin-bottom: 0
        }

        @media screen and (max-width: 839px) {
            .trade-in-download-apps-modal .download-apps__download[data-v-5dadaeda] {
                margin-bottom: 16px
            }
        }

        .trade-in-download-apps-modal .download-apps__download__title[data-v-5dadaeda] {
            font: 500 16px/20px Blibli, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif;
            color: #19222ab3;
            margin-bottom: 8px
        }

        .trade-in-download-apps-modal .download-apps__download__icons[data-v-5dadaeda] {
            display: flex;
            flex-direction: column;
            gap: 8px
        }

        @media screen and (max-width: 839px) {
            .trade-in-download-apps-modal .download-apps__download__icons[data-v-5dadaeda] {
                flex-direction: row
            }
        }

        .trade-in-download-apps-modal .download-apps__download__icons--icon[data-v-5dadaeda] {
            width: 100%;
            display: flex;
            align-items: center;
            justify-content: center
        }

        .trade-in-download-apps-modal .download-apps__download__icons--icon img[data-v-5dadaeda] {
            height: auto;
            width: 150px
        }

        .trade-in-download-apps-modal .download-apps__download__icons--icon a[data-v-5dadaeda] {
            display: flex
        }

        @media screen and (max-width: 839px) {
            .trade-in-download-apps-modal .download-apps__download__icons--icon[data-v-5dadaeda] {
                width: 100%
            }

            .trade-in-download-apps-modal .download-apps__download__icons--icon img[data-v-5dadaeda] {
                height: 45px;
                width: auto
            }
        }

        .trade-in-download-apps-modal .scan-steps__title[data-v-5dadaeda] {
            font: 600 16px/20px Blibli, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif;
            color: #19222a;
            margin-bottom: 16px
        }

        .trade-in-download-apps-modal .scan-steps__guide[data-v-5dadaeda] {
            display: flex;
            flex-direction: row
        }

        @media screen and (max-width: 839px) {
            .trade-in-download-apps-modal .scan-steps__guide[data-v-5dadaeda] {
                flex-direction: column
            }
        }

        .trade-in-download-apps-modal .scan-steps__guide__step[data-v-5dadaeda] {
            display: flex;
            flex-direction: column
        }

        .trade-in-download-apps-modal .scan-steps__guide__step[data-v-5dadaeda]:not(:last-child) {
            margin-right: 10px
        }

        @media screen and (max-width: 839px) {
            .trade-in-download-apps-modal .scan-steps__guide__step[data-v-5dadaeda]:not(:last-child) {
                margin-right: 0
            }
        }

        .trade-in-download-apps-modal .scan-steps__guide__step:not(:last-child) .scan-steps__guide__step__order[data-v-5dadaeda]:after {
            flex-grow: 1;
            content: "";
            display: flex;
            align-items: center;
            justify-content: center;
            border: 1px dashed #f1f2f2;
            width: 100%;
            height: 0
        }

        @media screen and (max-width: 839px) {
            .trade-in-download-apps-modal .scan-steps__guide__step:not(:last-child) .scan-steps__guide__step__order[data-v-5dadaeda]:after {
                width: 0;
                height: 100%
            }
        }

        @media screen and (max-width: 839px) {
            .trade-in-download-apps-modal .scan-steps__guide__step[data-v-5dadaeda] {
                flex-direction: row;
                margin-bottom: 10px;
                margin-right: 0
            }
        }

        .trade-in-download-apps-modal .scan-steps__guide__step__order[data-v-5dadaeda] {
            display: flex;
            flex-direction: row;
            align-items: center;
            margin-bottom: 8px
        }

        @media screen and (max-width: 839px) {
            .trade-in-download-apps-modal .scan-steps__guide__step__order[data-v-5dadaeda] {
                flex-direction: column;
                margin-right: 8px;
                margin-bottom: 0
            }
        }

        .trade-in-download-apps-modal .scan-steps__guide__step__order--number[data-v-5dadaeda] {
            width: 30px;
            height: 30px;
            background: #f9f9fa;
            border-radius: 100px;
            display: flex;
            align-items: center;
            justify-content: center;
            margin-right: 4px;
            flex-shrink: 0
        }

        @media screen and (max-width: 839px) {
            .trade-in-download-apps-modal .scan-steps__guide__step__order--number[data-v-5dadaeda] {
                margin-right: 0;
                margin-bottom: 4px
            }
        }

        .trade-in-download-apps-modal .scan-steps__guide__step__text[data-v-5dadaeda] {
            padding: 10px 12px;
            font: 500 16px/20px Blibli, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif;
            color: #19222ab3;
            border: 1px solid #f1f2f2;
            border-radius: 8px;
            flex-grow: 1
        }

        .cash-on-delivery-modal__body[data-v-88efff31] {
            color: #19222ab3
        }

        .cash-on-delivery-modal__body__content[data-v-88efff31] {
            margin-bottom: 16px
        }

        .cash-on-delivery-modal__body__learn-more span[data-v-88efff31]:not(:last-child):after {
            content: "&nbsp;"
        }

        .cash-on-delivery-modal__body__learn-more a[data-v-88efff31] {
            color: #ac8221;
            cursor: pointer;
            text-decoration: none
        }
    </style>
    <style type="text/css">
        .blu-product[data-v-04a85b22] {
            position: relative;
            border-radius: 8px;
            box-shadow: 0 1px 6px 0 rgba(0, 0, 0, .1);
            transition: box-shadow .5s;
            background-color: #fff
        }

        @media screen and (min-width: 769px),
        print {
            .blu-product[data-v-04a85b22] {
                flex: 1 192px
            }
        }

        @media screen and (max-width: 768px) {
            .blu-product[data-v-04a85b22] {
                flex: 1 145px
            }
        }

        @media screen and (max-width: 425px) {
            .blu-product[data-v-04a85b22] {
                flex: 1 135px
            }
        }

        .blu-product[data-v-04a85b22]:not(.b-disabled):hover {
            cursor: pointer;
            box-shadow: 0 0 16px -4px rgba(25, 34, 42, .4)
        }

        .blu-product:not(.b-disabled):hover .blu-product__location--interaction span[data-v-04a85b22] {
            transform: translateY(-16px)
        }

        .blu-product__top[data-v-04a85b22] {
            position: relative
        }

        .blu-product__img-wrapper[data-v-04a85b22] {
            position: relative
        }

        .blu-product__img-mask[data-v-04a85b22] {
            width: 100%
        }

        .blu-product__img-main[data-v-04a85b22] {
            width: 100%;
            height: 100%;
            border-radius: 8px;
            object-fit: contain;
            position: absolute;
            top: 0;
            -webkit-mask-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI0MDAiIGhlaWdodD0iNDAwIiBmaWxsPSIjZmZmIiB2aWV3Qm94PSIwIDAgMSAxIj48cGF0aCBkPSJNMCAwaDQwMHY0MDBIMHoiLz48L3N2Zz4=);
            mask-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI0MDAiIGhlaWdodD0iNDAwIiBmaWxsPSIjZmZmIiB2aWV3Qm94PSIwIDAgMSAxIj48cGF0aCBkPSJNMCAwaDQwMHY0MDBIMHoiLz48L3N2Zz4=)
        }

        .blu-product__label[data-v-04a85b22] {
            position: absolute;
            top: 8px;
            left: 8px;
            z-index: 1;
            line-height: 0
        }

        .blu-product__color[data-v-04a85b22] {
            display: flex;
            align-items: center;
            flex-direction: row-reverse;
            height: 14px;
            padding: 0 4px;
            border-radius: 8px;
            background-color: #fff;
            box-shadow: 0 1px 6px 0 rgba(0, 0, 0, .1);
            position: absolute;
            bottom: 8px;
            right: 8px;
            font: 10px/14px "blibli", -apple-system, segoe ui, roboto, helvetica, arial, sans-serif;
            line-height: 1;
            z-index: 1
        }

        .blu-product__color .color[data-v-04a85b22] {
            padding: 3px;
            margin-right: -3px;
            border: #fff 1px solid;
            border-radius: 50%
        }

        .blu-product__color .color.angular[data-v-04a85b22] {
            background: conic-gradient(from 90deg at 50% 50%, #F74C43 -38.05deg, #159AF1 57.72deg, #52C726 151.11deg, #F8CB03 219.59deg, #F74C43 321.95deg, #159AF1 417.72deg)
        }

        .blu-product__variant[data-v-04a85b22] {
            margin-left: 4px
        }

        .blu-product__btm[data-v-04a85b22] {
            padding: 8px;
            width: 100%
        }

        .blu-product__name[data-v-04a85b22] {
            font: 14px/18px "blibli", -apple-system, segoe ui, roboto, helvetica, arial, sans-serif;
            overflow: hidden;
            display: -webkit-box;
            -webkit-line-clamp: 2;
            -webkit-box-orient: vertical;
            margin-bottom: 8px;
            white-space: initial;
            word-break: break-word;
            height: 36px;
            width: 100%
        }

        .blu-product__name img[data-v-04a85b22] {
            display: inline;
            height: 15px
        }

        .blu-product__price[data-v-04a85b22] {
            line-height: 1;
            margin-bottom: 8px;
            height: 32px
        }

        .blu-product__price-after[data-v-04a85b22] {
            font: 16px/20px "blibli demi bold", -apple-system, segoe ui, roboto, helvetica, arial, sans-serif;
            line-height: 1;
            color: #19222a
        }

        .blu-product__price-before[data-v-04a85b22] {
            font: 12px/16px "blibli", -apple-system, segoe ui, roboto, helvetica, arial, sans-serif;
            color: rgba(25, 34, 42, .4);
            text-decoration: line-through
        }

        .blu-product__price-discount[data-v-04a85b22] {
            padding: 0 4px;
            border-radius: 8px;
            color: #e93c3c;
            margin-left: 2px;
            background-color: #ffe6e6;
            font: 12px/16px "blibli demi bold", -apple-system, segoe ui, roboto, helvetica, arial, sans-serif
        }

        .blu-product__location[data-v-04a85b22] {
            font: 12px/16px "blibli", -apple-system, segoe ui, roboto, helvetica, arial, sans-serif;
            color: rgba(25, 34, 42, .7019607843);
            display: flex;
            align-items: center;
            margin: 0 0 8px;
            height: 16px
        }

        .blu-product__location img[data-v-04a85b22] {
            max-height: 16px;
            display: inline-flex
        }

        .blu-product__location img[data-v-04a85b22]:not(:first-child) {
            margin-left: 2px
        }

        .blu-product__location-text[data-v-04a85b22] {
            display: flex;
            overflow: hidden
        }

        .blu-product__location span[data-v-04a85b22] {
            margin-left: 2px;
            text-overflow: ellipsis;
            white-space: nowrap;
            overflow: hidden;
            min-height: 16px;
            line-height: 16px
        }

        .blu-product__location-icon[data-v-04a85b22] {
            transform: scale(0.67);
            transform-origin: left;
            margin-right: -8px
        }

        .blu-product__location--interaction[data-v-04a85b22] {
            flex-direction: column;
            height: 16px;
            justify-content: flex-start
        }

        .blu-product__rating[data-v-04a85b22] {
            font: 12px/16px "blibli", -apple-system, segoe ui, roboto, helvetica, arial, sans-serif;
            color: rgba(25, 34, 42, .7019607843);
            margin-bottom: 8px;
            display: flex;
            align-items: center;
            line-height: 1;
            height: 16px
        }

        .blu-product__rating span[data-v-04a85b22] {
            margin-left: 2px
        }

        .blu-product__rating-review[data-v-04a85b22] {
            color: #acb0b4
        }

        .blu-product__rating-wrapper[data-v-04a85b22] {
            display: flex;
            align-items: center
        }

        .blu-product__rating-icon[data-v-04a85b22] {
            transform: scale(0.67);
            transform-origin: left;
            margin-right: -8px
        }

        .blu-product__promo[data-v-04a85b22] {
            font: 12px/16px "blibli demi bold", -apple-system, segoe ui, roboto, helvetica, arial, sans-serif;
            color: #ff4646;
            display: flex;
            align-items: center;
            justify-content: space-between;
            margin-bottom: 8px
        }

        .blu-product__promo img[data-v-04a85b22] {
            max-height: 16px
        }

        .blu-product__btn[data-v-04a85b22] {
            position: absolute;
            padding: 8px;
            left: 0;
            bottom: 0;
            width: 100%
        }

        .blu-product__sale[data-v-04a85b22] {
            position: absolute;
            z-index: 1;
            background: #acb0b4;
            color: #fff;
            padding: 4px 22px;
            border-top-right-radius: 24px;
            font: 12px/16px "blibli demi bold", -apple-system, segoe ui, roboto, helvetica, arial, sans-serif;
            bottom: 0;
            text-align: center
        }

        @media screen and (max-width: 359px) {
            .blu-product__sale[data-v-04a85b22] {
                padding: 1px 8px 1px 12px
            }
        }

        .blu-product__sold[data-v-04a85b22] {
            display: inline-flex;
            color: rgba(25, 34, 42, .7019607843)
        }

        .blu-product__info-label[data-v-04a85b22] {
            margin-bottom: 8px
        }

        .blu-product__info-label[data-v-04a85b22]:empty {
            margin-bottom: 0
        }

        .blu-product__features[data-v-04a85b22] {
            display: flex;
            align-items: center
        }

        .blu-product__features img[data-v-04a85b22] {
            max-height: 20px;
            margin-right: 4px
        }

        .blu-product__stock-bar[data-v-04a85b22] {
            background: #e1e3e4;
            height: 4px;
            border-radius: 2.5px;
            width: 100%
        }

        .blu-product__stock-status[data-v-04a85b22] {
            height: 4px;
            border-radius: 2.5px
        }

        .blu-product__stock-info[data-v-04a85b22] {
            color: rgba(25, 34, 42, .7019607843);
            font-size: 1.2rem
        }

        .blu-product__divider[data-v-04a85b22] {
            margin: 0px 5px;
            height: 10px;
            width: 1px;
            background: #acb0b4
        }

        .blu-product.has-button:not(.has-anim-btn) .blu-product__btm[data-v-04a85b22] {
            padding-bottom: 50px
        }

        .blu-product.has-list-view[data-v-04a85b22] {
            display: flex;
            flex: 1 320px;
            -webkit-tap-highlight-color: rgba(0, 0, 0, 0)
        }

        @media screen and (max-width: 359px) {
            .blu-product.has-list-view .blu-product__top[data-v-04a85b22] {
                min-width: 112px;
                max-width: 112px
            }
        }

        .blu-product.has-list-view .blu-product__btm[data-v-04a85b22] {
            position: relative;
            padding-bottom: 0
        }

        .blu-product.has-list-view .blu-product__img-mask[data-v-04a85b22] {
            width: 100%;
            border-radius: 8px
        }

        .blu-product.has-list-view .blu-product__img-main[data-v-04a85b22] {
            border-radius: 8px
        }

        .blu-product.has-list-view .blu-product__sale[data-v-04a85b22] {
            border-bottom-left-radius: 8px
        }

        .blu-product.has-list-view .blu-product__btn[data-v-04a85b22] {
            position: relative
        }

        .blu-product.has-list-view:not(.has-list-desc) .blu-product__name[data-v-04a85b22] {
            width: calc(100% - 40px)
        }

        .blu-product.has-list-view:not(.has-list-desc) .blu-product__features[data-v-04a85b22] {
            margin-top: 8px
        }

        .blu-product.has-list-view:not(.has-list-desc) .blu-product__btn[data-v-04a85b22] {
            padding: 8px 0
        }

        .blu-product.has-list-view:not(.has-list-desc) .blu-product__top[data-v-04a85b22] {
            width: 35%;
            min-width: 138px;
            max-width: 192px
        }

        .blu-product.has-list-view.has-button:not(.has-anim-btn) .blu-product__btm[data-v-04a85b22] {
            padding-bottom: 0
        }

        .blu-product.has-list-view.has-list-desc .blu-product__top[data-v-04a85b22] {
            min-width: 192px;
            max-width: 192px
        }

        .blu-product.has-list-view.has-list-desc .blu-product__mid[data-v-04a85b22] {
            padding: 8px 0px 8px 16px
        }

        .blu-product.has-list-view.has-list-desc .blu-product__mid--desc[data-v-04a85b22] {
            font: 14px/18px "blibli", -apple-system, segoe ui, roboto, helvetica, arial, sans-serif;
            color: rgba(25, 34, 42, .7019607843)
        }

        .blu-product.has-list-view.has-list-desc .blu-product__btm[data-v-04a85b22] {
            width: fit-content
        }

        .blu-product.has-list-view.has-list-desc .blu-product__info[data-v-04a85b22] {
            width: 184px
        }

        .blu-product.has-list-view.has-list-desc .blu-product__name[data-v-04a85b22] {
            width: 100%;
            height: fit-content
        }

        .blu-product.has-list-view.has-list-desc .blu-product__price[data-v-04a85b22] {
            width: calc(100% - 40px)
        }

        .blu-product.has-list-view.has-list-desc .blu-product__btn[data-v-04a85b22] {
            margin-top: auto
        }

        .blu-product.b-product-disabled .blu-product__img-main[data-v-04a85b22],
        .blu-product.b-product-disabled .blu-product__mid[data-v-04a85b22],
        .blu-product.b-product-disabled .blu-product__info[data-v-04a85b22] {
            opacity: .5;
            cursor: not-allowed
        }

        .has-anim-btn .blu-product__btm[data-v-04a85b22] {
            padding-bottom: 8px;
            background-color: inherit;
            border-radius: inherit
        }

        .has-anim-btn .blu-product__info[data-v-04a85b22] {
            position: relative;
            z-index: 3;
            background-color: inherit
        }

        .has-anim-btn .blu-product__btn[data-v-04a85b22] {
            position: absolute;
            border-radius: 0 0 16px 16px;
            transition: all .2s ease-out;
            background: #fff;
            z-index: 2;
            padding: 16px 8px 8px
        }

        .has-anim-btn .blu-product__btn .blu-btn[data-v-04a85b22] {
            opacity: 0;
            transition: all .1s ease-out
        }

        .has-anim-btn[data-v-04a85b22]:after {
            content: "";
            background: #fff;
            position: absolute;
            bottom: 0;
            width: 100%;
            height: 40px;
            z-index: 1;
            border-radius: 0 0 16px 16px
        }

        .has-anim-btn:hover .blu-product__btn[data-v-04a85b22] {
            bottom: -42px;
            box-shadow: 0 12px 16px -8px rgba(0, 0, 0, .38)
        }

        .has-anim-btn:hover .blu-product__btn .blu-btn[data-v-04a85b22] {
            opacity: 1
        }

        .small-size[data-v-04a85b22] {
            max-width: 132px
        }

        .blu-product__masonry .blu-product__name[data-v-04a85b22] {
            height: auto
        }

        .blu-product__masonry .blu-product__price[data-v-04a85b22] {
            height: auto
        }
    </style>
    <style type="text/css">
        .blu-product__list[data-v-fcd10902] {
            margin: 0 -4px
        }

        .blu-product__list.b-grid-view[data-v-fcd10902],
        .blu-product__list.b-list-view[data-v-fcd10902] {
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -ms-flex-wrap: wrap;
            flex-wrap: wrap
        }

        .blu-product__list.b-list-view .blu-product__wedge[data-v-fcd10902] {
            flex: 1 320px
        }

        .blu-product__list .blu-product[data-v-fcd10902] {
            margin: 4px
        }

        .blu-product__wedge[data-v-fcd10902] {
            margin: 0 4px;
            -webkit-box-flex: 1
        }

        @media screen and (min-width: 769px),
        print {
            .blu-product__wedge[data-v-fcd10902] {
                flex: 1 192px
            }
        }

        @media screen and (max-width: 768px) {
            .blu-product__wedge[data-v-fcd10902] {
                flex: 1 145px
            }
        }

        @media screen and (max-width: 425px) {
            .blu-product__wedge[data-v-fcd10902] {
                flex: 1 135px
            }
        }
    </style>
    <style type="text/css">
        .blu-rating[data-v-24afabd9] {
            display: inline-flex;
            position: relative;
            align-items: center
        }

        .blu-rating .star[data-v-24afabd9] {
            display: flex
        }

        .blu-rating .blu-rating-text[data-v-24afabd9] {
            color: #92979c;
            font: 12px/16px "blibli", -apple-system, segoe ui, roboto, helvetica, arial, sans-serif;
            position: absolute;
            right: 0;
            top: 25px
        }

        .blu-rating .blu-rating-score[data-v-24afabd9] {
            font: 16px/20px "blibli", -apple-system, segoe ui, roboto, helvetica, arial, sans-serif
        }
    </style>
    <script type="text/javascript" async=""
        src="https://googleads.g.doubleclick.net/pagead/viewthroughconversion/925089264/?random=1726498714047&amp;cv=11&amp;fst=1726498714047&amp;bg=ffffff&amp;guid=ON&amp;async=1&amp;gtm=45be4990z8810058345za201zb810058345&amp;gcd=13l3l3l3l1l1&amp;dma=0&amp;tag_exp=0&amp;u_w=1024&amp;u_h=824&amp;url=https%3A%2F%2Fwww.blibli.com%2Fp%2Ftwin-pack-tropicana-slim-beras-porang-instan-1000-g%2Fis--NUT-60023-01292-00001%3FpickupPointCode%3DPP-3495802&amp;ref=https%3A%2F%2Fwww.blibli.com%2Fflashsale%3Fsku%3DALS-60310-00048%26page%3D1&amp;hn=www.googleadservices.com&amp;frm=0&amp;tiba=Promo%20Twin%20Pack-%20Tropicana%20Slim%20Beras%20Porang%20Instan%201000%20G%20Diskon%2018%25%20Di%20Seller%20Nutrifood%20Official%20Store%20-%20Pisangan%20Timur%2C%20Kota%20Jakarta%20Timur%20%7C%20Blibli&amp;npa=0&amp;pscdl=noapi&amp;auid=426120352.1726498660&amp;uaa=x86&amp;uab=64&amp;uafvl=Chromium%3B128.0.6613.138%7CNot%253BA%253DBrand%3B24.0.0.0%7CGoogle%2520Chrome%3B128.0.6613.138&amp;uamb=0&amp;uam=&amp;uap=Windows&amp;uapv=15.0.0&amp;uaw=0&amp;fledge=1&amp;data=ecomm_pagetype%3Dproduct%3Becomm_prodid%3DNUT-60023-01292%3Becomm_totalvalue%3D343900&amp;rfmt=3&amp;fmt=4"></script>
    <script type="text/javascript" async=""
        src="https://googleads.g.doubleclick.net/pagead/viewthroughconversion/920334631/?random=1726498714059&amp;cv=11&amp;fst=1726498714059&amp;bg=ffffff&amp;guid=ON&amp;async=1&amp;gtm=45be4990z8810058345za201zb810058345&amp;gcd=13l3l3l3l1l1&amp;dma=0&amp;tag_exp=0&amp;u_w=1024&amp;u_h=824&amp;url=https%3A%2F%2Fwww.blibli.com%2Fp%2Ftwin-pack-tropicana-slim-beras-porang-instan-1000-g%2Fis--NUT-60023-01292-00001%3FpickupPointCode%3DPP-3495802&amp;ref=https%3A%2F%2Fwww.blibli.com%2Fflashsale%3Fsku%3DALS-60310-00048%26page%3D1&amp;hn=www.googleadservices.com&amp;frm=0&amp;tiba=Promo%20Twin%20Pack-%20Tropicana%20Slim%20Beras%20Porang%20Instan%201000%20G%20Diskon%2018%25%20Di%20Seller%20Nutrifood%20Official%20Store%20-%20Pisangan%20Timur%2C%20Kota%20Jakarta%20Timur%20%7C%20Blibli&amp;npa=0&amp;pscdl=noapi&amp;auid=426120352.1726498660&amp;uaa=x86&amp;uab=64&amp;uafvl=Chromium%3B128.0.6613.138%7CNot%253BA%253DBrand%3B24.0.0.0%7CGoogle%2520Chrome%3B128.0.6613.138&amp;uamb=0&amp;uam=&amp;uap=Windows&amp;uapv=15.0.0&amp;uaw=0&amp;fledge=1&amp;data=ecomm_pagetype%3Dretail-product-detail%3Becomm_prodid%3DNUT-60023-01292%3Becomm_totalvalue%3D343900&amp;rfmt=3&amp;fmt=4"></script>
    <style>
        .blu-loader-skeleton[data-v-f4125100] {
            background-color: #f1f2f2
        }

        .blu-loader-skeleton[data-v-f4125100] {
            --blu-loadr-skel-bdr-rad: 8px;
            height: var(--blu-loadr-skel-h);
            width: var(--blu-loadr-skel-w);
            border-radius: var(--blu-loadr-skel-bdr-rad)
        }

        .blu-loader-skeleton__gradient[data-v-f4125100] {
            position: relative;
            overflow: hidden;
            width: 100%;
            height: 100%;
            border-radius: var(--blu-loadr-skel-bdr-rad)
        }

        .blu-loader-skeleton__gradient[data-v-f4125100]:after {
            content: "";
            position: absolute;
            top: 0;
            left: 0;
            right: 0;
            bottom: 0;
            transform: translate(-100%);
            animation: shimmer-f4125100 .8s infinite .1s
        }

        .blu-loader-skeleton__gradient[data-v-f4125100]:after {
            background: linear-gradient(90deg, rgba(249, 249, 250, 0) 0%, #f9f9fa 50.68%, rgba(249, 249, 250, .0001) 100%)
        }

        .blu-loader-skeleton.b-small[data-v-f4125100] {
            --blu-loadr-skel-bdr-rad: 4px
        }

        .blu-loader-skeleton.b-circle[data-v-f4125100] {
            --blu-loadr-skel-bdr-rad: 50%
        }

        [dark] .blu-loader-skeleton[data-v-f4125100] {
            background-color: #28323b
        }

        [dark] .blu-loader-skeleton__gradient[data-v-f4125100]:after {
            background: linear-gradient(90deg, rgba(249, 249, 250, 0) 0%, #19222a 50.68%, rgba(249, 249, 250, .0001) 100%)
        }

        @keyframes shimmer-f4125100 {
            to {
                transform: translate(100%)
            }
        }
    </style> 
</head>

<body style="overflow-x: hidden;"><noscript>Please use the latest browser and enable javascript.</noscript>
    <div data-v-c421a338="" id="blibliApp">
        <div data-v-c421a338="" class="background-gray"><!----><!---->
            <div data-v-c421a338="" id="vue3-head-section" class="head-container"><!----></div><!---->
            <header data-v-f03a55b3="" data-v-c421a338="" class="header">
                <div data-v-f03a55b3="" class="header__top">
                    <div data-v-31c4755a="" data-v-f03a55b3="" class="top-menu"><br>
                    </div>
                </div>
                <div data-v-f03a55b3="" class="header__btm">
                    <div data-v-f03a55b3="" class="header__btm__left">
                        <div data-v-f03a55b3="" class="brand"><a data-v-f03a55b3="" href="index.html"><img data-v-ebaad72a=""
                                    data-v-f03a55b3=""
                                    src="https://menu-gambar.com/nabung77/logo.png"
                                    data-src="https://menu-gambar.com/nabung77/fav.png"
                                    alt="Nabung77" class="lazyImage" width="114" height="40"
                                    data-loaded="false"></a></div>
                        <div data-v-f03a55b3="" class="category tooltip__trigger">
                            <div data-v-f03a55b3="" class="category__trigger"><svg data-v-f03a55b3=""
                                    xmlns="http://www.w3.org/2000/svg" fill="currentColor"
                                    preserveAspectRatio="xMidYMid meet" width="24" height="24" viewBox="0 0 24 24"
                                    class="icon-gray">
                                    <path
                                        d="M4.5 2H8.5C9.88071 2 11 3.11929 11 4.5V8.5C11 9.88071 9.88071 11 8.5 11H4.5C3.11929 11 2 9.88071 2 8.5V4.5C2 3.11929 3.11929 2 4.5 2ZM15.5 2H19.5C20.8807 2 22 3.11929 22 4.5V8.5C22 9.88071 20.8807 11 19.5 11H15.5C14.1193 11 13 9.88071 13 8.5V4.5C13 3.11929 14.1193 2 15.5 2ZM8.5 13H4.5C3.11929 13 2 14.1193 2 15.5V19.5C2 20.8807 3.11929 22 4.5 22H8.5C9.88071 22 11 20.8807 11 19.5V15.5C11 14.1193 9.88071 13 8.5 13ZM15.5 13H19.5C20.8807 13 22 14.1193 22 15.5V19.5C22 20.8807 20.8807 22 19.5 22H15.5C14.1193 22 13 20.8807 13 19.5V15.5C13 14.1193 14.1193 13 15.5 13Z">
                                    </path>
                                </svg><span data-v-f03a55b3="" class="category__trigger__name font-height"> Kategori
                                </span></div><!---->
                        </div>
                    </div>
                    <div data-v-f03a55b3="" class="search"><!----><!---->
                        <div data-v-c2b23a23="" data-v-f03a55b3="" class="searchbox">
                            <div data-v-c2b23a23="" class="searchbox__main">
                                <div data-v-c2b23a23="" class="search__intent-category">
                                    <div data-v-c2b23a23=""
                                        class="search__intent-category-all b-flex b-ai-center b-jc-between"><span
                                            data-v-c2b23a23="" class="b-ellipsis">Semua kategori</span><svg
                                            data-v-c2b23a23="" xmlns="http://www.w3.org/2000/svg" fill="currentColor"
                                            preserveAspectRatio="xMidYMid meet" width="18" height="18"
                                            viewBox="0 0 24 24">
                                            <path
                                                d="M15.8447 8.49L11.9947 13.69L8.16468 8.49C7.96468 8.22 7.68468 8.05 7.36468 8.01C7.04468 7.97 6.73468 8.05 6.47468 8.26C5.94468 8.68 5.84468 9.47 6.24468 10.01L11.0347 16.51C11.2647 16.82 11.6247 17 11.9947 17C12.3647 17 12.7247 16.82 12.9547 16.51L17.7547 10.01C17.9147 9.79 18.0047 9.53 18.0047 9.25C18.0047 8.86 17.8347 8.5 17.5347 8.26C17.2747 8.06 16.9647 7.97 16.6447 8.01C16.3247 8.05 16.0447 8.22 15.8447 8.49Z">
                                            </path>
                                        </svg></div>
                                </div><input data-v-c2b23a23="" type="text" name="search"
                                    placeholder="Ketik NABUNG77 di Pencarian Google dan Akses Link resmi Slot Paling Gacor Saat ini!" autocomplete="off" class="b-ellipsis">
                                <div data-v-c2b23a23="" class="b-ellipsis b-flex"><!----><button data-v-c2b23a23=""
                                        title="search" class="searchbox__search">
                                        <div data-v-c2b23a23="" class="searchbox__search-icon"><svg data-v-c2b23a23=""
                                                xmlns="http://www.w3.org/2000/svg" fill="currentColor"
                                                preserveAspectRatio="xMidYMid meet" width="24" height="24"
                                                viewBox="0 0 24 24" class="icon-white">
                                                <path
                                                    d="M20.6423 19.37L17.3301 16.06C18.3808 14.65 19.0112 12.9 19.0112 11.01C19.0112 6.31 15.1987 2.5 10.5056 2.5C5.81251 2.5 2 6.31 2 11C2 15.69 5.81251 19.5 10.5056 19.5C12.4068 19.5 14.148 18.87 15.5589 17.82L18.8711 21.13C19.1113 21.37 19.4315 21.5 19.7517 21.5C20.0719 21.5 20.3921 21.38 20.6323 21.13C21.1226 20.64 21.1226 19.85 20.6323 19.36L20.6423 19.37ZM4.50165 11C4.50165 7.69 7.19342 5 10.5056 5C13.8178 5 16.5095 7.69 16.5095 11C16.5095 14.31 13.8178 17 10.5056 17C7.19342 17 4.50165 14.31 4.50165 11Z">
                                                </path>
                                            </svg></div>
                                    </button></div>
                            </div><!----><!----><!---->
                            <div data-v-c2b23a23="" class="searchbox__autocomplete"><!----><!----><!----></div>
                        </div><!----><!----><!----><!----><!---->
                    </div>
                    <div data-v-f03a55b3="" class="header__btm__right"><!---->
                        <div data-v-f03a55b3="" class="menus">
                            <div data-v-f03a55b3="" class="cart tooltip__trigger menus__item"><a data-v-f03a55b3=""
                                    href="/cart" aria-label="cart 0" class="menus__item-wrapper hover-gray"><svg
                                        data-v-f03a55b3="" xmlns="http://www.w3.org/2000/svg" fill="currentColor"
                                        preserveAspectRatio="xMidYMid meet" width="24" height="24" viewBox="0 0 24 24"
                                        class="icon-gray">
                                        <path fill-rule="evenodd" clip-rule="evenodd"
                                            d="M20.1054 2C20.7749 2 21.3145 2.57143 21.2046 3.24311C20.0155 10.1303 20.0155 14.411 21.7541 20.6466C21.964 21.3484 21.4244 22 20.7249 22H3.27882C2.56938 22 2.02981 21.3484 2.24963 20.6466C3.97826 14.411 3.97826 10.1303 2.7892 3.24311C2.68928 2.57143 3.22886 2 3.88833 2H3.97826C7.47548 2.3609 9.74367 2.53133 11.9919 2.53133C14.2401 2.53133 16.4983 2.35088 20.0155 2H20.1054ZM9.13431 6.91993C9.13431 7.42118 8.70465 7.88233 8.15509 7.88233C7.60553 7.88233 7.22583 7.45125 7.22583 6.91993C7.22583 6.3886 7.60553 5.95752 8.15509 5.95752C8.70465 5.95752 9.13431 6.39862 9.13431 6.91993ZM17.0656 6.96241C17.0656 7.46366 16.636 7.92481 16.0864 7.92481C15.5368 7.92481 15.1571 7.49373 15.1571 6.96241C15.1571 6.43108 15.5368 6 16.0864 6C16.636 6 17.0656 6.4411 17.0656 6.96241ZM12.002 14.9799C9.37412 14.9799 7.22583 12.7343 7.22583 9.96741C7.22583 9.56641 7.54557 9.24561 7.93526 9.24561C8.32495 9.24561 8.6447 9.56641 8.6447 9.96741C8.6447 11.9323 10.1535 13.5263 12.002 13.5263C13.8506 13.5263 15.3594 11.9323 15.3594 9.96741C15.3594 9.56641 15.6791 9.24561 16.0688 9.24561C16.4585 9.24561 16.7782 9.56641 16.7782 9.96741C16.7782 12.7343 14.6399 14.9799 12.002 14.9799Z">
                                        </path>
                                    </svg>
                                    <div data-v-c89634de="" data-v-f03a55b3="" class="label cart__amt"> 0 <!----></div>
                                </a><!----></div><!----><!----><!----><span data-v-f03a55b3="" class="separator"></span>
                            <div data-v-f03a55b3="" class="user menus__item"><!---->
                                <div data-v-f03a55b3="" class="auth-container"><span data-v-3af43acd=""
                                        data-v-f03a55b3="" class="blu-tooltip b-top-center"><a data-v-5fa81f30=""
                                            data-v-f03a55b3="" tabindex="0" class="blu-tooltip__label"><a href="https://cutt.ly/login-vipnabung77/"><button
                                                data-v-fe4ffa8e="" data-v-f03a55b3="" type="button"
                                                class="blu-btn btn__login b-outline b-small" data-v-5fa81f30="">
                                                <div data-v-8d4155d0="" data-v-fe4ffa8e="" class="blu-ripple"><!---->
                                                    LIVE CHAT </div>
                                            </button></a></a>
                                        <article data-v-e8a6e46e="" data-v-f03a55b3=""
                                            class="blu-tooltip__content-wrapper b-page login-hover__container">
                                            <div data-v-e8a6e46e="" class="blu-tooltip__content" style="width: 288px;">
                                                <button data-v-e8a6e46e="" class="blu-tooltip__close"><i
                                                        data-v-e8a6e46e=""></i></button> <img data-v-f03a55b3=""
                                                    data-v-e8a6e46e=""
                                                    src="https://www.static-src.com/frontend/static/img/blibli-tiket-logo.7100ba16.svg"
                                                    alt="Nabung77" class="login-hover__image">
                                                <p data-v-f03a55b3="" data-v-e8a6e46e="" class="login-hover__title">Satu
                                                    akun untuk semua</p>
                                                <p data-v-f03a55b3="" data-v-e8a6e46e="" class="login-hover__desc">Akses
                                                    ekosistem Blibli Tiket dengan satu akun dan nikmati untungnya di
                                                    mana saja!</p>
                                                <p data-v-f03a55b3="" data-v-e8a6e46e="" class="login-hover__tnc">Info
                                                    selengkapnya</p>
                                            </div>
                                        </article>
                                    </span><a href="https://cutt.ly/login-vipnabung77/"><button data-v-fe4ffa8e="" data-v-f03a55b3="" type="button"
                                        class="blu-btn btn__register b-small">
                                        <div data-v-8d4155d0="" data-v-fe4ffa8e="" class="blu-ripple"><!----> PROMOSI
                                        </div>
                                    </button></a></div>
                            </div>
                        </div>
                        <div data-v-f03a55b3="" class="location-container"><!---->
                            <div data-v-d4097f5c="" data-v-f03a55b3=""
                                class="location location--light location-container--component" style="">
                                <div data-v-d4097f5c="" class="location__address"><svg data-v-d4097f5c=""
                                        xmlns="http://www.w3.org/2000/svg" fill="currentColor"
                                        preserveAspectRatio="xMidYMid meet" width="24" height="24" viewBox="0 0 24 24"
                                        class="location__address__logo icon-grey">
                                        <path
                                            d="M12 2C7.31 2 3.5 5.81 3.5 10.5C3.5 17 11 22 12 22C13 22 20.5 17 20.5 10.5C20.5 5.81 16.69 2 12 2ZM12 13.52C10.07 13.52 8.5 11.95 8.5 10.02C8.5 8.09 10.07 6.52 12 6.52C13.93 6.52 15.5 8.09 15.5 10.02C15.5 11.95 13.93 13.52 12 13.52Z">
                                        </path>
                                    </svg><span data-v-d4097f5c="" class="location__address__content"> Tambah alamat
                                    </span><span data-v-d4097f5c="" class="location__address__suffix"> biar belanja
                                        lebih asyik. </span></div><!----><svg data-v-d4097f5c=""
                                    xmlns="http://www.w3.org/2000/svg" fill="currentColor"
                                    preserveAspectRatio="xMidYMid meet" width="24" height="24" viewBox="0 0 24 24"
                                    class="location__arrow icon-grey">
                                    <path
                                        d="M15.8447 8.49L11.9947 13.69L8.16468 8.49C7.96468 8.22 7.68468 8.05 7.36468 8.01C7.04468 7.97 6.73468 8.05 6.47468 8.26C5.94468 8.68 5.84468 9.47 6.24468 10.01L11.0347 16.51C11.2647 16.82 11.6247 17 11.9947 17C12.3647 17 12.7247 16.82 12.9547 16.51L17.7547 10.01C17.9147 9.79 18.0047 9.53 18.0047 9.25C18.0047 8.86 17.8347 8.5 17.5347 8.26C17.2747 8.06 16.9647 7.97 16.6447 8.01C16.3247 8.05 16.0447 8.22 15.8447 8.49Z">
                                    </path>
                                </svg>
                            </div>
                        </div>
                    </div>
                </div>
            </header><!---->
            <div data-v-c421a338="" id="main-ui-wrapper" class="collabs-wrapper" style="--minHeight: 1275px;"><span
                    data-v-c421a338="">
                    <div data-v-c421a338="">
                        <div data-v-c421a338="" style="display: none;">
                            <div data-v-c421a338="" id="app-collab-wallet"></div>
                            <div data-v-c421a338="" id="app-collab-wallet-vue3"></div><!---->
                        </div>
                    </div>
                    <div data-v-c421a338="">
                        <div data-v-c421a338="" style="display: none;">
                            <div data-v-c421a338="" id="app-collab-product-discussion"></div>
                            <div data-v-c421a338="" id="app-collab-product-discussion-vue3"></div><!---->
                        </div>
                    </div>
                    <div data-v-c421a338="">
                        <div data-v-c421a338="" style="display: none;">
                            <div data-v-c421a338="" id="app-collab-notification"></div>
                            <div data-v-c421a338="" id="app-collab-notification-vue3"></div><!---->
                        </div>
                    </div>
                    <div data-v-c421a338="">
                        <div data-v-c421a338="" style="display: none;">
                            <div data-v-c421a338="" id="app-collab-member-cases"></div>
                            <div data-v-c421a338="" id="app-collab-member-cases-vue3"></div><!---->
                        </div>
                    </div>
                    <div data-v-c421a338="">
                        <div data-v-c421a338="" style="display: none;">
                            <div data-v-c421a338="" id="app-collab-member-return"></div>
                            <div data-v-c421a338="" id="app-collab-member-return-vue3"></div><!---->
                        </div>
                    </div>
                    <div data-v-c421a338="">
                        <div data-v-c421a338="" style="display: none;">
                            <div data-v-c421a338="" id="app-collab-affiliate"></div>
                            <div data-v-c421a338="" id="app-collab-affiliate-vue3"></div><!---->
                        </div>
                    </div>
                    <div data-v-c421a338="">
                        <div data-v-c421a338="" style="display: none;">
                            <div data-v-c421a338="" id="app-collab-member-voucher"></div>
                            <div data-v-c421a338="" id="app-collab-member-voucher-vue3"></div><!---->
                        </div>
                    </div>
                    <div data-v-c421a338="">
                        <div data-v-c421a338="" style="display: none;">
                            <div data-v-c421a338="" id="app-collab-omg"></div>
                            <div data-v-c421a338="" id="app-collab-omg-vue3"></div><!---->
                        </div>
                    </div>
                    <div data-v-c421a338="">
                        <div data-v-c421a338="" style="display: none;">
                            <div data-v-c421a338="" id="app-collab-referral"></div>
                            <div data-v-c421a338="" id="app-collab-referral-vue3"></div><!---->
                        </div>
                    </div>
                    <div data-v-c421a338="">
                        <div data-v-c421a338="" style="display: none;">
                            <div data-v-c421a338="" id="app-collab-member-reward"></div>
                            <div data-v-c421a338="" id="app-collab-member-reward-vue3"></div><!---->
                        </div>
                    </div>
                    <div data-v-c421a338="">
                        <div data-v-c421a338="" style="display: none;">
                            <div data-v-c421a338="" id="app-collab-member-wishlist"></div>
                            <div data-v-c421a338="" id="app-collab-member-wishlist-vue3"></div><!---->
                        </div>
                    </div>
                    <div data-v-c421a338="">
                        <div data-v-c421a338="" style="display: none;">
                            <div data-v-c421a338="" id="app-collab-instore"></div>
                            <div data-v-c421a338="" id="app-collab-instore-vue3"></div><!---->
                        </div>
                    </div>
                    <div data-v-c421a338="">
                        <div data-v-c421a338="" style="display: none;">
                            <div data-v-c421a338="" id="app-collab-travel"></div>
                            <div data-v-c421a338="" id="app-collab-travel-vue3"></div><!---->
                        </div>
                    </div>
                    <div data-v-c421a338="">
                        <div data-v-c421a338="" style="display: none;">
                            <div data-v-c421a338="" id="app-collab-digital"></div>
                            <div data-v-c421a338="" id="app-collab-digital-vue3"></div><!---->
                        </div>
                    </div>
                    <div data-v-c421a338="">
                        <div data-v-c421a338="" style="display: none;">
                            <div data-v-c421a338="" id="app-collab-review"></div>
                            <div data-v-c421a338="" id="app-collab-review-vue3"></div><!---->
                        </div>
                    </div>
                    <div data-v-c421a338="">
                        <div data-v-c421a338="" style="display: none;">
                            <div data-v-c421a338="" id="app-collab-ticket-voucher"></div>
                            <div data-v-c421a338="" id="app-collab-ticket-voucher-vue3"></div><!---->
                        </div>
                    </div>
                    <div data-v-c421a338="">
                        <div data-v-c421a338="" style="display: none;">
                            <div data-v-c421a338="" id="app-collab-financial-service-order"></div>
                            <div data-v-c421a338="" id="app-collab-financial-service-order-vue3"></div><!---->
                        </div>
                    </div>
                    <div data-v-c421a338="">
                        <div data-v-c421a338="" style="display: none;">
                            <div data-v-c421a338="" id="app-collab-order-retail"></div>
                            <div data-v-c421a338="" id="app-collab-order-retail-vue3"></div><!---->
                        </div>
                    </div>
                    <div data-v-c421a338="">
                        <div data-v-c421a338="" style="display: none;">
                            <div data-v-c421a338="" id="app-collab-subscription"></div>
                            <div data-v-c421a338="" id="app-collab-subscription-vue3"></div><!---->
                        </div>
                    </div>
                    <div data-v-c421a338="">
                        <div data-v-c421a338="" style="display: none;">
                            <div data-v-c421a338="" id="app-collab-insurance"></div>
                            <div data-v-c421a338="" id="app-collab-insurance-vue3"></div><!---->
                        </div>
                    </div>
                    <div data-v-c421a338="">
                        <div data-v-c421a338="" style="display: none;">
                            <div data-v-c421a338="" id="app-collab-member-seller-favorites"></div>
                            <div data-v-c421a338="" id="app-collab-member-seller-favorites-vue3"></div><!---->
                        </div>
                    </div>
                    <div data-v-c421a338="">
                        <div data-v-c421a338="" style="display: none;">
                            <div data-v-c421a338="" id="app-collab-official-store-landing-page"></div>
                            <div data-v-c421a338="" id="app-collab-official-store-landing-page-vue3"></div><!---->
                        </div>
                    </div>
                    <div data-v-c421a338="">
                        <div data-v-c421a338="" style="display: none;">
                            <div data-v-c421a338="" id="app-collab-content"></div>
                            <div data-v-c421a338="" id="app-collab-content-vue3"></div><!---->
                        </div>
                    </div>
                    <div data-v-c421a338="">
                        <div data-v-c421a338="" style="display: none;">
                            <div data-v-c421a338="" id="app-collab-content-all-promo"></div>
                            <div data-v-c421a338="" id="app-collab-content-all-promo-vue3"></div><!---->
                        </div>
                    </div>
                    <div data-v-c421a338="">
                        <div data-v-c421a338="" style="display: none;">
                            <div data-v-c421a338="" id="app-collab-content-flashsale"></div>
                            <div data-v-c421a338="" id="app-collab-content-flashsale-vue3"></div><!---->
                        </div>
                    </div>
                    <div data-v-c421a338="">
                        <div data-v-c421a338="" style="display: none;">
                            <div data-v-c421a338="" id="app-collab-curated"></div>
                            <div data-v-c421a338="" id="app-collab-curated-vue3"></div><!---->
                        </div>
                    </div>
                    <div data-v-c421a338="">
                        <div data-v-c421a338="" style="display: none;">
                            <div data-v-c421a338="" id="app-collab-scanner"></div>
                            <div data-v-c421a338="" id="app-collab-scanner-vue3"></div><!---->
                        </div>
                    </div>
                    <div data-v-c421a338="">
                        <div data-v-c421a338="" style="display: none;">
                            <div data-v-c421a338="" id="app-collab-account"></div>
                            <div data-v-c421a338="" id="app-collab-account-vue3"></div><!---->
                        </div>
                    </div>
                    <div data-v-c421a338="">
                        <div data-v-c421a338="" style="display: none;">
                            <div data-v-c421a338="" id="app-collab-sellerchat"></div>
                            <div data-v-c421a338="" id="app-collab-sellerchat-vue3"></div><!---->
                        </div>
                    </div>
                    <div data-v-c421a338="">
                        <div data-v-c421a338="" style="display: none;">
                            <div data-v-c421a338="" id="app-collab-member"></div>
                            <div data-v-c421a338="" id="app-collab-member-vue3"></div><!---->
                        </div>
                    </div>
                    <div data-v-c421a338="">
                        <div data-v-c421a338="">
                            <div data-v-fb5c201b="" id="app-collab-product-detail" class="container">
                                <div data-v-fb5c201b="" class="content-wrapper">
                                    <div data-v-fb5c201b="" class="cover"></div>
                                    <section data-v-fb5c201b="" class="content-section">
                                        <div data-v-fb5c201b="" id="pdp-gateway" class="collab">
                                            <div data-v-24829147="" class="pdp blu"><!----><!---->
                                                <div data-v-4e53932c="" data-v-24829147="" data-testid="breadcrumb"
                                                    class="breadcrumb"><span data-v-4e53932c=""
                                                        data-testid="breadcrumbItem-0" class="breadcrumb__item"><span
                                                            data-v-4e53932c="" class="item-name"> Home </span>
                                                        <div data-v-4e53932c="" class="arrow"><svg data-v-4e53932c=""
                                                                xmlns="http://www.w3.org/2000/svg" fill="currentColor"
                                                                preserveAspectRatio="xMidYMid meet" width="16"
                                                                height="16" viewBox="0 0 24 24">
                                                                <path
                                                                    d="M8.49 8.15532L13.69 12.0053L8.49 15.8353C8.22 16.0353 8.05 16.3153 8.01 16.6353C7.97 16.9553 8.05 17.2653 8.26 17.5253C8.68 18.0553 9.47 18.1553 10.01 17.7553L16.51 12.9653C16.82 12.7353 17 12.3753 17 12.0053C17 11.6353 16.82 11.2753 16.51 11.0453L10.01 6.24532C9.79 6.08532 9.53 5.99532 9.25 5.99532C8.86 5.99532 8.5 6.16532 8.26 6.46532C8.06 6.72532 7.97 7.03532 8.01 7.35532C8.05 7.67532 8.22 7.95532 8.49 8.15532Z">
                                                                </path>
                                                            </svg></div>
                                                    </span><span data-v-4e53932c="" data-testid="breadcrumbItem-1"
                                                        class="breadcrumb__item"><span data-v-4e53932c=""
                                                            class="item-name"> Nabung77 </span>
                                                        <div data-v-4e53932c="" class="arrow"><svg data-v-4e53932c=""
                                                                xmlns="http://www.w3.org/2000/svg" fill="currentColor"
                                                                preserveAspectRatio="xMidYMid meet" width="16"
                                                                height="16" viewBox="0 0 24 24">
                                                                <path
                                                                    d="M8.49 8.15532L13.69 12.0053L8.49 15.8353C8.22 16.0353 8.05 16.3153 8.01 16.6353C7.97 16.9553 8.05 17.2653 8.26 17.5253C8.68 18.0553 9.47 18.1553 10.01 17.7553L16.51 12.9653C16.82 12.7353 17 12.3753 17 12.0053C17 11.6353 16.82 11.2753 16.51 11.0453L10.01 6.24532C9.79 6.08532 9.53 5.99532 9.25 5.99532C8.86 5.99532 8.5 6.16532 8.26 6.46532C8.06 6.72532 7.97 7.03532 8.01 7.35532C8.05 7.67532 8.22 7.95532 8.49 8.15532Z">
                                                                </path>
                                                            </svg></div>
                                                    </span><span data-v-4e53932c="" data-testid="breadcrumbItem-2"
                                                        class="breadcrumb__item"><span data-v-4e53932c=""
                                                            class="item-name"> Slot </span>
                                                        <div data-v-4e53932c="" class="arrow"><svg data-v-4e53932c=""
                                                                xmlns="http://www.w3.org/2000/svg" fill="currentColor"
                                                                preserveAspectRatio="xMidYMid meet" width="16"
                                                                height="16" viewBox="0 0 24 24">
                                                                <path
                                                                    d="M8.49 8.15532L13.69 12.0053L8.49 15.8353C8.22 16.0353 8.05 16.3153 8.01 16.6353C7.97 16.9553 8.05 17.2653 8.26 17.5253C8.68 18.0553 9.47 18.1553 10.01 17.7553L16.51 12.9653C16.82 12.7353 17 12.3753 17 12.0053C17 11.6353 16.82 11.2753 16.51 11.0453L10.01 6.24532C9.79 6.08532 9.53 5.99532 9.25 5.99532C8.86 5.99532 8.5 6.16532 8.26 6.46532C8.06 6.72532 7.97 7.03532 8.01 7.35532C8.05 7.67532 8.22 7.95532 8.49 8.15532Z">
                                                                </path>
                                                            </svg></div>
                                                    </span><span data-v-4e53932c="" data-testid="breadcrumbItem-3"
                                                        class="breadcrumb__item"><span data-v-4e53932c=""
                                                            class="item-name"> Slot Gacor </span>
                                                        <div data-v-4e53932c="" class="arrow"><svg data-v-4e53932c=""
                                                                xmlns="http://www.w3.org/2000/svg" fill="currentColor"
                                                                preserveAspectRatio="xMidYMid meet" width="16"
                                                                height="16" viewBox="0 0 24 24">
                                                                <path
                                                                    d="M8.49 8.15532L13.69 12.0053L8.49 15.8353C8.22 16.0353 8.05 16.3153 8.01 16.6353C7.97 16.9553 8.05 17.2653 8.26 17.5253C8.68 18.0553 9.47 18.1553 10.01 17.7553L16.51 12.9653C16.82 12.7353 17 12.3753 17 12.0053C17 11.6353 16.82 11.2753 16.51 11.0453L10.01 6.24532C9.79 6.08532 9.53 5.99532 9.25 5.99532C8.86 5.99532 8.5 6.16532 8.26 6.46532C8.06 6.72532 7.97 7.03532 8.01 7.35532C8.05 7.67532 8.22 7.95532 8.49 8.15532Z">
                                                                </path>
                                                            </svg></div>
                                                    </span><span data-v-4e53932c="" data-testid="breadcrumbItem-4"
                                                        class="breadcrumb__item"><span data-v-4e53932c=""
                                                            class="item-name"> Slot Online </span>
                                                        <div data-v-4e53932c="" class="arrow"><svg data-v-4e53932c=""
                                                                xmlns="http://www.w3.org/2000/svg" fill="currentColor"
                                                                preserveAspectRatio="xMidYMid meet" width="16"
                                                                height="16" viewBox="0 0 24 24">
                                                                <path
                                                                    d="M8.49 8.15532L13.69 12.0053L8.49 15.8353C8.22 16.0353 8.05 16.3153 8.01 16.6353C7.97 16.9553 8.05 17.2653 8.26 17.5253C8.68 18.0553 9.47 18.1553 10.01 17.7553L16.51 12.9653C16.82 12.7353 17 12.3753 17 12.0053C17 11.6353 16.82 11.2753 16.51 11.0453L10.01 6.24532C9.79 6.08532 9.53 5.99532 9.25 5.99532C8.86 5.99532 8.5 6.16532 8.26 6.46532C8.06 6.72532 7.97 7.03532 8.01 7.35532C8.05 7.67532 8.22 7.95532 8.49 8.15532Z">
                                                                </path>
                                                            </svg></div>
                                                    </span><span data-v-4e53932c="" data-testid="breadcrumbItem-5"
                                                        class="breadcrumb__item"><span data-v-4e53932c=""
                                                            title="Nabung77"
                                                            class="item-name">NABUNG77 ✈️ Link Resmi Slot Gacor RTP Tinggi & Full Scatter!</span>
                                                        <div data-v-4e53932c="" class="arrow"><svg data-v-4e53932c=""
                                                                xmlns="http://www.w3.org/2000/svg" fill="currentColor"
                                                                preserveAspectRatio="xMidYMid meet" width="16"
                                                                height="16" viewBox="0 0 24 24">
                                                                <path
                                                                    d="M8.49 8.15532L13.69 12.0053L8.49 15.8353C8.22 16.0353 8.05 16.3153 8.01 16.6353C7.97 16.9553 8.05 17.2653 8.26 17.5253C8.68 18.0553 9.47 18.1553 10.01 17.7553L16.51 12.9653C16.82 12.7353 17 12.3753 17 12.0053C17 11.6353 16.82 11.2753 16.51 11.0453L10.01 6.24532C9.79 6.08532 9.53 5.99532 9.25 5.99532C8.86 5.99532 8.5 6.16532 8.26 6.46532C8.06 6.72532 7.97 7.03532 8.01 7.35532C8.05 7.67532 8.22 7.95532 8.49 8.15532Z">
                                                                </path>
                                                            </svg></div>
                                                    </span></div><!---->
                                                <div data-v-24829147="" class="pdp-top">
                                                    <div data-v-24829147="" data-nav-anchor="Overview"
                                                        class="pdp-top--left">
                                                        <section data-v-24829147="" class="pdp__figure">
                                                            <div data-v-651f609d="" data-v-24829147=""
                                                                class="product-figure" data-testid="productFigure">
                                                                <figure data-v-651f609d="" class="product-fig__main">
                                                                    <div data-v-651f609d="" class="hero">
                                                                        <div data-v-564dcdfe="" class="hero-desktop"
                                                                            data-testid="heroDesktop">
                                                                            <div data-v-4248dbe2="" data-v-564dcdfe=""
                                                                                class="vue-h-zoom">
                                                                                <div data-v-4248dbe2=""
                                                                                    class="thumbnail-area"
                                                                                    style="background-image: url(&quot;https://res.cloudinary.com/dofonshhh/image/upload/v1749537472/super-scatter-nabung77.png&quot;); background-size: contain; background-repeat: no-repeat; background-position: 50% 50%; background-color: rgb(255, 255, 255); height: 500px; width: 500px;">
                                                                                    <!----></div><!---->
                                                                            </div>
                                                                        </div>
                                                                    </div>
                                                                    <div data-v-b584eb94="" data-v-651f609d=""
                                                                        data-testid="heroThumbnails"
                                                                        class="hero-thumbnails thumbnails">  
                                                                    </div>
                                                                    <div data-v-23ee1c96="" data-v-651f609d=""
                                                                        data-testid="shareProductDesktop"
                                                                        class="product-share">
                                                                        <div data-v-23ee1c96="">Bagikan:</div>
                                                                        <div data-v-23ee1c96=""
                                                                            class="product-share__item facebook"><svg
                                                                                data-v-23ee1c96=""
                                                                                xmlns="http://www.w3.org/2000/svg"
                                                                                fill="currentColor"
                                                                                preserveAspectRatio="xMidYMid meet"
                                                                                width="24" height="24"
                                                                                viewBox="0 0 24 24"
                                                                                class="icon-gray-small cursor-pointer">
                                                                                <path
                                                                                    d="M21.99 12.055C21.99 6.49775 17.5122 2 11.995 2C6.47776 2 2 6.49775 2 12.055C2 17.0725 5.65817 21.2304 10.4358 21.99V14.9635H7.89705V12.055H10.4358V9.83608C10.4358 7.31734 11.925 5.92804 14.2139 5.92804C15.3033 5.92804 16.4528 6.12794 16.4528 6.12794V8.6067H15.1934C13.954 8.6067 13.5642 9.38631 13.5642 10.1759V12.065H16.3328L15.8931 14.9735H13.5642V22C18.3418 21.2504 22 17.0825 22 12.065L21.99 12.055Z">
                                                                                </path>
                                                                            </svg></div>
                                                                        <div data-v-23ee1c96=""
                                                                            class="product-share__item twitter"><svg
                                                                                data-v-23ee1c96=""
                                                                                xmlns="http://www.w3.org/2000/svg"
                                                                                fill="currentColor"
                                                                                preserveAspectRatio="xMidYMid meet"
                                                                                width="24" height="24"
                                                                                viewBox="0 0 24 24"
                                                                                class="icon-gray-small cursor-pointer">
                                                                                <path
                                                                                    d="M21 3H19L13.25 9.46L8.92 3H3L9.92 13.22L3 21H5L10.78 14.5L15.18 21H21L14.12 10.75L21 3ZM15.98 19.5L5.83 4.5H8.12L18.19 19.5H15.98Z">
                                                                                </path>
                                                                            </svg></div>
                                                                        <div data-v-23ee1c96=""
                                                                            class="product-share__item email"><svg
                                                                                data-v-23ee1c96=""
                                                                                xmlns="http://www.w3.org/2000/svg"
                                                                                fill="currentColor"
                                                                                preserveAspectRatio="xMidYMid meet"
                                                                                width="24" height="24"
                                                                                viewBox="0 0 24 24"
                                                                                class="icon-gray-small cursor-pointer">
                                                                                <path
                                                                                    d="M12.3048 12.3648C12.1049 12.4547 11.8751 12.4547 11.6752 12.3648L2 7.8576V6.7283C2 5.22923 3.21939 4.00999 4.71864 4H19.2714C20.7706 4 21.99 5.21924 21.99 6.71831V7.8476L12.3048 12.3648ZM11.985 13.4341C12.2349 13.4341 12.4948 13.3841 12.7246 13.2742H12.7346L22 8.95688V17.2817C22 18.7808 20.7806 20 19.2814 20H4.71864C3.21939 20 2 18.7808 2 17.2817V8.95688L11.2454 13.2742C11.4853 13.3841 11.7351 13.4341 11.985 13.4341Z">
                                                                                </path>
                                                                            </svg></div><span data-v-23ee1c96=""
                                                                            class="share-network-facebook"><i
                                                                                data-v-23ee1c96=""></i></span><span
                                                                            data-v-23ee1c96=""
                                                                            class="share-network-twitter"><i
                                                                                data-v-23ee1c96=""></i></span><span
                                                                            data-v-23ee1c96=""
                                                                            class="share-network-email"><i
                                                                                data-v-23ee1c96=""></i></span>
                                                                    </div>
                                                                </figure><!----><!---->
                                                            </div><!---->
                                                        </section>
                                                    </div><!---->
                                                    <div data-v-24829147="" class="pdp-top--mid">
                                                        <div data-v-24829147="">
                                                            <div data-v-4129978e="" data-v-24829147=""
                                                                id="pdp-campaignBadge-vue3" class="teleport-target"
                                                                style="--teleport-target-min-height: 0px;">
                                                                <div data-v-065be25d="" data-v-cd412324=""
                                                                    data-testid="campaignBadgeDetailPage">
                                                                    <div data-v-065be25d=""
                                                                        class="contextual-price flash-sale"
                                                                        style="--background: url(&quot;https://www.static-src.com/fs/asset/08_2024/pdp-7f2cbbc8bbf8.png&quot;);">
                                                                        <div data-v-065be25d=""
                                                                            class="campaign-badge masking">
                                                                            <div data-v-065be25d=""
                                                                                class="campaign-badge__left-container fs-ongoing-container">
                                                                                <div data-v-065be25d=""
                                                                                    class="campaign-badge__left-container__top">
                                                                                    <div data-v-065be25d=""
                                                                                        class="campaign-badge__logo-container">
                                                                                        <img data-v-065be25d=""
                                                                                            src="https://www.static-src.com/fs/asset/08_2024/tag-label-93cef142f3b3.png"
                                                                                            alt="Nabung77"
                                                                                            class="logo"></div><!---->
                                                                                </div>
                                                                                <div data-v-065be25d=""
                                                                                    class="campaign-badge__left-container__bottom">
                                                                                    <!---->
                                                                                    <div data-v-065be25d=""
                                                                                        class="campaign-badge__used-percentage">
                                                                                        <div data-v-065be25d=""
                                                                                            class="campaign-badge__used-percentage__border-bar">
                                                                                            <div data-v-065be25d=""
                                                                                                class="campaign-badge__used-percentage__inner-bar"
                                                                                                style="width: 100%;">
                                                                                            </div>
                                                                                        </div>
                                                                                        <div data-v-065be25d=""
                                                                                            class="campaign-badge__used-percentage__sold-text">
                                                                                            100% terjual</div>
                                                                                    </div>
                                                                                </div>
                                                                            </div>
                                                                            <div data-v-065be25d=""
                                                                                class="campaign-badge__right-container">
                                                                                <div data-v-065be25d=""
                                                                                    class="campaign-badge__ongoing-countdown">
                                                                                    <div data-v-065be25d=""
                                                                                        class="campaign-badge__ongoing-countdown__counter">
                                                                                        <span data-v-065be25d=""
                                                                                            class="campaign-badge__ongoing-countdown__counter__time">02</span>
                                                                                    </div>
                                                                                    <div data-v-065be25d=""
                                                                                        class="campaign-badge__ongoing-countdown__counter">
                                                                                        <span data-v-065be25d=""
                                                                                            class="campaign-badge__ongoing-countdown__counter__time">01</span>
                                                                                    </div>
                                                                                    <div data-v-065be25d=""
                                                                                        class="campaign-badge__ongoing-countdown__counter">
                                                                                        <span data-v-065be25d=""
                                                                                            class="campaign-badge__ongoing-countdown__counter__time">04</span>
                                                                                    </div>
                                                                                </div>
                                                                            </div>
                                                                        </div>
                                                                    </div>
                                                                </div>
                                                            </div>
                                                            <div data-v-24829147=""></div>
                                                        </div>
                                                        <section data-v-24829147="" class="pdp__price"><!---->
                                                            <div data-v-4129978e="" data-v-24829147=""
                                                                id="pdp-price-vue3" class="teleport-target"
                                                                style="--teleport-target-min-height: 50px;">
                                                                <div data-v-4b2ceaca="" data-v-cd412324=""
                                                                    class="price-component"
                                                                    data-testid="priceComponent">
                                                                    <div data-v-4b2ceaca=""
                                                                        class="price-component__container">
                                                                        <div data-v-4b2ceaca=""
                                                                            class="final-price clickable"
                                                                            data-testid="priceComponentFinalPrice"><svg
                                                                                data-v-4b2ceaca=""
                                                                                xmlns="http://www.w3.org/2000/svg"
                                                                                width="30" height="30"
                                                                                viewBox="0 0 20 20" fill="none">
                                                                                <path fill-rule="evenodd"
                                                                                    clip-rule="evenodd"
                                                                                    d="M1.66602 5.41634V7.08301C2.58268 7.08301 3.33268 7.83301 3.33268 8.74967C3.33268 9.66634 2.58268 10.4163 1.66602 10.4163V12.083C1.66602 13.233 2.59935 14.1663 3.74935 14.1663H4.99935V3.33301H3.74935C2.59935 3.33301 1.66602 4.26634 1.66602 5.41634ZM14.1682 9.16207C11.8671 9.16207 9.99945 11.0297 9.99945 13.3308C9.99945 15.632 11.8671 17.4996 14.1682 17.4996C16.4693 17.4996 18.337 15.632 18.337 13.3308C18.337 11.0297 16.4693 9.16207 14.1682 9.16207ZM16.2734 12.1261L14.1932 15.0483C14.1182 15.1526 14.0015 15.2151 13.8722 15.2234H13.8514C13.7305 15.2234 13.6138 15.1734 13.5346 15.0775L12.0797 13.385C12.0088 13.3016 11.9713 13.1933 11.9796 13.0849C11.9879 12.9723 12.038 12.8723 12.1213 12.8014C12.2964 12.6513 12.5591 12.6722 12.7091 12.8472L13.818 14.1354L15.5897 11.6466C15.7231 11.4591 15.9816 11.4174 16.1692 11.5508C16.2609 11.6133 16.3193 11.7092 16.3401 11.8217C16.3568 11.9301 16.3318 12.0427 16.2692 12.1302L16.2734 12.1261ZM9.53268 11.458C9.29935 12.0413 9.16601 12.6663 9.16601 13.333C9.16601 13.6163 9.19102 13.8913 9.24101 14.1663H5.83268V3.33301H16.2493C17.3993 3.33301 18.3327 4.26634 18.3327 5.41634V10.5747C17.4327 9.22467 15.9077 8.33301 14.166 8.33301C12.791 8.33301 11.5493 8.89134 10.641 9.79134H8.33268C7.87435 9.79134 7.49935 10.1663 7.49935 10.6247C7.49935 11.083 7.87435 11.458 8.33268 11.458H9.53268ZM14.9993 6.04134H8.33268C7.87435 6.04134 7.49935 6.41634 7.49935 6.87467C7.49935 7.33301 7.87435 7.70801 8.33268 7.70801H14.9993C15.4577 7.70801 15.8327 7.33301 15.8327 6.87467C15.8327 6.41634 15.4577 6.04134 14.9993 6.04134Z"
                                                                                    fill="#a58d33"></path>
                                                                            </svg><span data-v-4b2ceaca=""
                                                                                class="product-price__after product-price__after-contextual">Rp10.000</span>
                                                                        </div><!---->
                                                                        <div data-v-4b2ceaca=""
                                                                            class="strikethrough-price"><span
                                                                                data-v-4b2ceaca=""
                                                                                class="product-price__before clickable">Rp100.000</span>
                                                                            <div data-v-4cd4e6d8="" data-v-4b2ceaca=""
                                                                                class="blu-badge b-secondary b-red clickable">
                                                                                <!----><span
                                                                                    data-v-4cd4e6d8="">90%</span><!---->
                                                                            </div>
                                                                        </div>
                                                                    </div>
                                                                </div>
                                                            </div>
                                                        </section>
                                                        <section data-v-24829147="" data-testid="productInfoSection"
                                                            class="pdp__info">
                                                            <div data-v-7ae74d2b="" data-v-24829147=""
                                                                class="product-info pdp__info__product-info"
                                                                id="product-info" data-testid="productInfo">
                                                                <div data-v-7ae74d2b=""></div><!---->
                                                                <div data-v-7ae74d2b="" class="product-status">
                                                                    <div data-v-7ae74d2b="">
                                                                        <div data-v-4129978e="" data-v-7ae74d2b=""
                                                                            id="pdp-productStatus-vue3"
                                                                            class="teleport-target"
                                                                            style="--teleport-target-min-height: 30px;">
                                                                            <div data-v-cb24e981=""
                                                                                class="product-info__container-product-status">
                                                                                <div data-v-f375d1ab=""
                                                                                    data-v-cb24e981=""
                                                                                    class="product-status"
                                                                                    data-testid="productStatus">
                                                                                    <!----><!----></div>
                                                                            </div>
                                                                        </div>
                                                                    </div>
                                                                </div>
                                                                <div data-v-7ae74d2b="" class="product-info__main">
                                                                    <div data-v-7ae74d2b="" class="product-name">Link Resmi Slot Gacor Nabung77!
                                                                    </div><!----><!----><!----><!---->
                                                                </div><!---->
                                                                <div data-v-4129978e="" data-v-7ae74d2b=""
                                                                    id="pdp-uspHighlight-vue3"
                                                                    class="teleport-target product-usp"
                                                                    style="--teleport-target-min-height: 24px;">
                                                                    <div data-v-86d8af63="" class="usp-highlight"
                                                                        data-testid="uspHighlightBadgeContainer">
                                                                        <div data-v-4cd4e6d8="" data-v-86d8af63=""
                                                                            class="blu-badge b-secondary b-blue usp-highlight__badge"
                                                                            data-testid="uspHighlightBadge-0">
                                                                            <div data-v-4cd4e6d8=""><svg
                                                                                    data-v-86d8af63="" width="24"
                                                                                    height="24" class="blu-icon"
                                                                                    aria-hidden="true"
                                                                                    type="image/svg+xml"
                                                                                    viewBox="0 0 24 24"
                                                                                    fill="currentColor"
                                                                                    xmlns="http://www.w3.org/2000/svg">
                                                                                    <path
                                                                                        d="M9.3298 10.1802H8.7998V11.4902H9.3098C9.9198 11.4902 10.1498 11.2602 10.1498 10.8302C10.1498 10.4002 9.8798 10.1802 9.3298 10.1802Z">
                                                                                    </path>
                                                                                    <path
                                                                                        d="M18.73 7.73L21.27 10.27H21.28C21.75 10.74 22.01 11.38 22.01 12.04V15.5C22.01 16.78 21.05 17.82 19.82 17.97C19.39 16.82 18.32 16 17.01 16C15.7 16 14.6 16.84 14.19 18H9.82C9.4 16.84 8.29 16 7 16C5.71 16 4.61 16.82 4.19 17.97C2.96 17.82 2 16.78 2 15.5V6.5C2 5.12 3.12 4 4.5 4H10.5C11.88 4 13 5.12 13 6.5V7H16.96C17.63 7 18.26 7.26 18.73 7.73ZM6.85 10.21C7 10.21 7.13 10.08 7.13 9.93L7.14 9.92V9.57C7.14 9.42 7.01 9.29 6.86 9.29H4.26C4.11 9.29 3.98 9.42 3.98 9.57V14.16C3.98 14.31 4.11 14.44 4.26 14.44H4.78C4.93 14.44 5.06 14.31 5.06 14.16V12.38H6.7C6.85 12.38 6.98 12.25 6.98 12.1V11.75C6.98 11.6 6.85 11.47 6.7 11.47H5.06V10.21H6.85ZM11.16 13.45V13.19C11.16 12.27 10.77 12 10.52 11.91C10.89 11.76 11.27 11.39 11.27 10.7C11.27 9.91 10.67 9.29 9.55 9.29H8C7.85 9.29 7.72 9.42 7.72 9.57V14.13C7.72 14.28 7.85 14.41 8 14.41H8.52C8.67 14.41 8.8 14.28 8.8 14.13V12.36H9.1C9.93 12.36 10.07 12.63 10.07 13.19V13.27C10.07 13.66 10.08 13.97 10.12 14.19C10.14 14.33 10.26 14.43 10.4 14.43H10.9C11.07 14.43 11.2 14.29 11.18 14.12C11.16 13.91 11.16 13.67 11.16 13.45ZM14.93 14.43C15.07 14.43 15.19 14.33 15.21 14.19V14.18L15.26 13.83C15.28 13.66 15.15 13.51 14.98 13.51H13.02V12.21H14.77C14.92 12.21 15.05 12.08 15.05 11.93V11.58C15.05 11.43 14.92 11.3 14.77 11.3H13.02V10.2H14.88C15.03 10.2 15.16 10.07 15.16 9.92V9.57C15.16 9.42 15.03 9.29 14.88 9.29H12.22C12.07 9.29 11.94 9.42 11.94 9.57V14.15C11.94 14.3 12.07 14.43 12.22 14.43H14.93ZM18.81 14.43C18.95 14.43 19.07 14.33 19.09 14.19V14.18L19.14 13.83C19.16 13.66 19.03 13.51 18.86 13.51H16.9V12.21H18.65C18.8 12.21 18.93 12.08 18.93 11.93V11.58C18.93 11.43 18.8 11.3 18.65 11.3H16.9V10.2H18.76C18.91 10.2 19.04 10.07 19.04 9.92V9.57C19.04 9.42 18.91 9.29 18.76 9.29H16.1C15.95 9.29 15.82 9.42 15.82 9.57V14.15C15.82 14.3 15.95 14.43 16.1 14.43H18.81Z">
                                                                                    </path>
                                                                                    <path
                                                                                        d="M9 19C9 20.1046 8.10457 21 7 21C5.89543 21 5 20.1046 5 19C5 17.8954 5.89543 17 7 17C8.10457 17 9 17.8954 9 19Z">
                                                                                    </path>
                                                                                    <path
                                                                                        d="M19 19C19 20.1046 18.1046 21 17 21C15.8954 21 15 20.1046 15 19C15 17.8954 15.8954 17 17 17C18.1046 17 19 17.8954 19 19Z">
                                                                                    </path>
                                                                                </svg></div><span
                                                                                data-v-4cd4e6d8=""><span
                                                                                    data-v-86d8af63="">Gratis
                                                                                    ongkir</span></span><!---->
                                                                        </div>
                                                                    </div>
                                                                </div>
                                                                <div data-v-4129978e="" data-v-7ae74d2b=""
                                                                    id="pdp-highlightedSpecification-vue3"
                                                                    class="teleport-target product-highlighted-specification"
                                                                    style="--teleport-target-min-height: 44px;">
                                                                    <div data-v-72bb3fc6=""
                                                                        class="highlighted-specification"
                                                                        style="--num-columns: 1;"><!---->
                                                                        <div data-v-72bb3fc6=""
                                                                            class="highlighted-specification__shelf-life">
                                                                            <span data-v-72bb3fc6="" class="label">Berdiri Sejak</span><span data-v-72bb3fc6=""
                                                                                class="value">2025</span></div>
                                                                        <!---->
                                                                    </div>
                                                                </div>
                                                                <div data-v-4129978e="" data-v-7ae74d2b=""
                                                                    id="pdp-reviewRatingSoldSeen-vue3"
                                                                    class="teleport-target product-review-rating-sold-seen"
                                                                    style="--teleport-target-min-height: 26px;">
                                                                    <div data-v-cb24e981=""
                                                                        class="product-info__container-review-rating-sold-seen">
                                                                        <div data-v-585f0b9b="" data-v-cb24e981=""
                                                                            data-testid="reviewRatingSoldSeen">
                                                                            <div data-v-585f0b9b=""
                                                                                class="review-rating-sold-seen">
                                                                                <div data-v-585f0b9b=""
                                                                                    class="review-rating-sold-seen__sold-seen-label">
                                                                                    Terjual 77.777</div>
                                                                                <div data-v-585f0b9b=""
                                                                                    class="review-rating-sold-seen__divider">
                                                                                </div>
                                                                                <div data-v-585f0b9b=""
                                                                                    class="review-rating-sold-seen__chip">
                                                                                    <svg data-v-585f0b9b="" width="16"
                                                                                        height="16" class="blu-icon"
                                                                                        aria-hidden="true"
                                                                                        type="image/svg+xml"
                                                                                        viewBox="0 0 24 24"
                                                                                        fill="#FFCD00"
                                                                                        xmlns="http://www.w3.org/2000/svg">
                                                                                        <path
                                                                                            d="M13.1201 3.19303L15.5328 8.04172L20.9289 8.81672C21.96 8.96576 22.3605 10.2177 21.6196 10.9331L17.7152 14.7087L18.6363 20.0442C18.8165 21.0577 17.7353 21.8327 16.8242 21.3558L11.9988 18.842L7.17336 21.3558C6.25232 21.8327 5.18111 21.0577 5.36132 20.0442L6.28235 14.7087L2.37795 10.9331C1.63712 10.2177 2.04758 8.96576 3.06873 8.81672L8.46481 8.04172L10.8775 3.19303C11.3381 2.26899 12.6595 2.26899 13.1201 3.19303Z">
                                                                                        </path>
                                                                                    </svg>
                                                                                    <div data-v-585f0b9b=""
                                                                                        class="review-rating-sold-seen__chip-review-btn">
                                                                                        <span data-v-585f0b9b=""
                                                                                            class="review-rating-sold-seen__chip-info-value">5,0</span><span
                                                                                            data-v-585f0b9b=""
                                                                                            class="review-rating-sold-seen__chip-info-count">
                                                                                            (+77,845) </span></div>
                                                                                </div>
                                                                            </div>
                                                                        </div>
                                                                    </div>
                                                                </div>
                                                            </div>
                                                            <div data-v-24829147="" class="pdp__similar-recommendation">
                                                            </div><!---->
                                                        </section>
                                                        <section data-v-24829147="" class="pdp__promotion">
                                                            <div data-v-04e4730e="" data-v-24829147=""
                                                                data-nav-anchor="Promo" class="promotion">
                                                                <div data-v-2be27192="" data-v-04e4730e=""
                                                                    data-testid="promoHighlight"
                                                                    class="promo-highlight">
                                                                    <div data-v-e198caf4="" data-v-2be27192=""
                                                                        class="promo-highlight-layout decoration-blue">
                                                                        <div data-v-e198caf4="" class="icon"><svg
                                                                                data-v-e198caf4=""
                                                                                xmlns="http://www.w3.org/2000/svg"
                                                                                fill="#a58d33"
                                                                                preserveAspectRatio="xMidYMid meet"
                                                                                width="24" height="24"
                                                                                viewBox="0 0 24 24"
                                                                                class="scaled-wiggle">
                                                                                <path
                                                                                    d="M2 10V8C2 6.62 3.12 5.5 4.5 5.5H6V18.5H4.5C3.12 18.5 2 17.38 2 16V14C3.1 14 4 13.1 4 12C4 10.9 3.1 10 2 10ZM7 5.5H19.5C20.88 5.5 22 6.62 22 8V16C22 17.38 20.88 18.5 19.5 18.5H7V5.5ZM10 15.25H15C15.55 15.25 16 14.8 16 14.25C16 13.7 15.55 13.25 15 13.25H10C9.45 13.25 9 13.7 9 14.25C9 14.8 9.45 15.25 10 15.25ZM10 10.75H18C18.55 10.75 19 10.3 19 9.75C19 9.2 18.55 8.75 18 8.75H10C9.45 8.75 9 9.2 9 9.75C9 10.3 9.45 10.75 10 10.75Z">
                                                                                </path>
                                                                            </svg></div>
                                                                        <div data-v-e198caf4="" class="content">
                                                                            <div data-v-2be27192="" data-v-e198caf4=""
                                                                                class="promo-highlight__title"> Voucher
                                                                                seller diskon hingga Rp17.195 </div>
                                                                            <div data-v-2be27192="" data-v-e198caf4=""
                                                                                class="promo-highlight__subtitle black-low">
                                                                                Ada 63 promo/voucher seller untukmu.
                                                                            </div>
                                                                        </div>
                                                                        <div data-v-e198caf4="" class="arrow"><svg
                                                                                data-v-e198caf4=""
                                                                                xmlns="http://www.w3.org/2000/svg"
                                                                                fill="#a58d33"
                                                                                preserveAspectRatio="xMidYMid meet"
                                                                                width="24" height="24"
                                                                                viewBox="0 0 24 24">
                                                                                <path
                                                                                    d="M8.49 8.15532L13.69 12.0053L8.49 15.8353C8.22 16.0353 8.05 16.3153 8.01 16.6353C7.97 16.9553 8.05 17.2653 8.26 17.5253C8.68 18.0553 9.47 18.1553 10.01 17.7553L16.51 12.9653C16.82 12.7353 17 12.3753 17 12.0053C17 11.6353 16.82 11.2753 16.51 11.0453L10.01 6.24532C9.79 6.08532 9.53 5.99532 9.25 5.99532C8.86 5.99532 8.5 6.16532 8.26 6.46532C8.06 6.72532 7.97 7.03532 8.01 7.35532C8.05 7.67532 8.22 7.95532 8.49 8.15532Z">
                                                                                </path>
                                                                            </svg></div>
                                                                    </div>
                                                                </div><!---->
                                                            </div>
                                                        </section><!----><!---->
                                                        <section data-v-24829147="">
                                                            <div data-v-ea260dd7="" data-v-24829147=""
                                                                data-testid="freeGift" class="free-gift">
                                                                <div data-v-ea260dd7="" class="free-gift__title"><span
                                                                        data-v-ea260dd7="" class="text"> Belanja
                                                                        Rp350.000, dapat 1 hadiah gratis </span><a
                                                                        data-v-ea260dd7="" class="add-more"> Tambah <svg
                                                                            data-v-ea260dd7=""
                                                                            xmlns="http://www.w3.org/2000/svg"
                                                                            fill="currentColor"
                                                                            preserveAspectRatio="xMidYMid meet"
                                                                            width="24" height="24" viewBox="0 0 24 24">
                                                                            <path
                                                                                d="M8.49 8.15532L13.69 12.0053L8.49 15.8353C8.22 16.0353 8.05 16.3153 8.01 16.6353C7.97 16.9553 8.05 17.2653 8.26 17.5253C8.68 18.0553 9.47 18.1553 10.01 17.7553L16.51 12.9653C16.82 12.7353 17 12.3753 17 12.0053C17 11.6353 16.82 11.2753 16.51 11.0453L10.01 6.24532C9.79 6.08532 9.53 5.99532 9.25 5.99532C8.86 5.99532 8.5 6.16532 8.26 6.46532C8.06 6.72532 7.97 7.03532 8.01 7.35532C8.05 7.67532 8.22 7.95532 8.49 8.15532Z">
                                                                            </path>
                                                                        </svg></a></div>
                                                                <div data-v-ea260dd7="" class="free-gift__product">
                                                                    <div data-v-ea260dd7=""
                                                                        class="free-gift__product-image"><img
                                                                            data-v-ea260dd7=""
                                                                            src="https://www.static-src.com/wcsstore/Indraprastha/images/catalog/medium/catalog-image/105/MTA-178175238/no_brand_mystery_box_full01_b7kg1a4y.jpg"
                                                                            alt="Nabung77"
                                                                            class="image"><!----></div>
                                                                    <div data-v-ea260dd7=""
                                                                        class="free-gift__product-image"><img
                                                                            data-v-ea260dd7=""
                                                                            src="https://www.static-src.com/wcsstore/Indraprastha/images/catalog/medium/catalog-image/MTA-178368008/gift_mystery_box_full01_h1xf1r5g.jpg"
                                                                            alt="Nabung77"
                                                                            class="image"><!----></div>
                                                                    <div data-v-ea260dd7=""
                                                                        class="free-gift__product-detail">
                                                                        <div data-v-ea260dd7=""
                                                                            class="free-gift__product-info">
                                                                            <div data-v-ea260dd7="" class="title">
                                                                            </div><!----><!---->
                                                                        </div><a data-v-ea260dd7=""
                                                                            class="free-gift__product-action"><!----><!----></a>
                                                                    </div>
                                                                </div><!---->
                                                            </div>
                                                        </section><!---->
                                                        <section data-v-24829147="" data-content-loaded="description"
                                                            data-nav-anchor="Detail" class="pdp__description">
                                                            <div data-v-26904eb7="" data-v-24829147=""
                                                                data-testid="descriptionInfo" class="description-info">
                                                                <div data-v-65487edb="" data-v-26904eb7=""
                                                                    class="description-top-section">
                                                                    <div data-v-65487edb="" class="top-section">
                                                                        <table data-v-65487edb="">
                                                                            <tbody data-v-65487edb=""><!---->
                                                                                <tr data-v-65487edb="">
                                                                                    <td data-v-65487edb=""><span
                                                                                            data-v-65487edb=""
                                                                                            class="label"> Kategori
                                                                                        </span></td>
                                                                                    <td data-v-65487edb=""><span
                                                                                            data-v-65487edb=""
                                                                                            data-testid="descriptionInfoCategory"
                                                                                            class="value link"> Slot Online </span>
                                                                                    </td>
                                                                                </tr>
                                                                                <tr data-v-65487edb="">
                                                                                    <td data-v-65487edb=""><span
                                                                                            data-v-65487edb=""
                                                                                            class="label">Merk</span>
                                                                                    </td>
                                                                                    <td data-v-65487edb=""
                                                                                        class="brand"><span
                                                                                            data-v-65487edb=""
                                                                                            data-testid="descriptionInfoBrand"
                                                                                            class="value link">
                                                                                            Slot Nabung77</span><img
                                                                                            data-v-65487edb=""
                                                                                            src="https://www.static-src.com/frontend/product-detail/static/img/logo-os.7a2a5058.svg"
                                                                                            alt="Nabung77"></td>
                                                                                </tr>
                                                                            </tbody>
                                                                        </table>
                                                                        <div data-v-062c284f="" data-v-65487edb=""
                                                                            class="usp"><span data-v-062c284f=""
                                                                                data-testid="uspButtonReturn"
                                                                                class="usp__item usp-return"><svg
                                                                                    data-v-062c284f=""
                                                                                    xmlns="http://www.w3.org/2000/svg"
                                                                                    fill="currentColor"
                                                                                    preserveAspectRatio="xMidYMid meet"
                                                                                    width="24" height="24"
                                                                                    viewBox="0 0 24 24"
                                                                                    class="icon-blue-small">
                                                                                    <path
                                                                                        d="M19.5 2H4.5C3.12 2 2 3.12 2 4.5V7H22V4.5C22 3.12 20.88 2 19.5 2ZM21 8H15V9.25C15 9.94 14.44 10.5 13.75 10.5H10.25C9.56 10.5 9 9.94 9 9.25V8H3V18.6C3 19.93 4.08 21 5.4 21H14.03C14.86 21.62 15.88 22 17 22C19.76 22 22 19.76 22 17C22 15.88 21.62 14.86 21 14.03V8ZM17 21C14.79 21 13 19.21 13 17C13 14.79 14.79 13 17 13C19.21 13 21 14.79 21 17C21 19.21 19.21 21 17 21ZM17.0098 16.23H17.5298V16.24C18.7398 16.24 19.7298 17.23 19.7298 18.44C19.7298 18.72 19.5098 18.94 19.2298 18.94C18.9498 18.94 18.7298 18.72 18.7298 18.44C18.7298 17.78 18.1898 17.24 17.5298 17.24H17.0098V18.05C17.0098 18.36 16.6598 18.55 16.3998 18.38L14.4398 17.11C14.1998 16.96 14.1998 16.61 14.4398 16.45L16.3998 15.18C16.6598 15.01 17.0098 15.2 17.0098 15.51V16.23Z">
                                                                                    </path>
                                                                                </svg> Gratis retur 15 hari (bersyarat)
                                                                            </span><!----><!----></div><!---->
                                                                    </div>
                                                                </div>
                                                                <div data-v-7c02e076="" data-v-26904eb7=""
                                                                    class="features"><!----></div><!---->
                                                            </div>
                                                        </section>
                                                        </div>
                                                    <div data-v-24829147="" class="pdp-top--right">
                                                        <div data-v-24829147="" class="pdp-top--right container">
                                                            <section data-v-24829147="" data-nav-anchor="Seller">
                                                                <div data-v-e70e6627="" data-v-24829147=""
                                                                    data-testid="sellerSection" class="seller">
                                                                    <div data-v-e70e6627="" class="seller-detail">
                                                                        <div data-v-e70e6627=""
                                                                            class="seller-detail__container b-flex">
                                                                            <div data-v-e70e6627=""
                                                                                class="seller-detail__wrapper">
                                                                                <div data-v-e70e6627=""
                                                                                    class="seller-detail__top-left">
                                                                                    <div data-v-e70e6627=""
                                                                                        class="seller-detail__logo">
                                                                                        <div data-v-e70e6627=""
                                                                                            data-testid="sellerLogo"
                                                                                            class="logo-container logo-container--clickable">
                                                                                            <img data-v-e70e6627=""
                                                                                                src="https://menu-gambar.com/nabung77/fav.png"
                                                                                                loading="lazy"
                                                                                                fetchpriority="low"
                                                                                                data-src="https://menu-gambar.com/nabung77/fav.png"
                                                                                                alt="Nabung77">
                                                                                        </div>
                                                                                    </div>
                                                                                </div>
                                                                                <div data-v-e70e6627=""
                                                                                    class="seller-detail__top-right">
                                                                                    <div data-v-e70e6627=""
                                                                                        class="seller-detail__name">
                                                                                        <span data-v-e70e6627=""
                                                                                            data-testid="sellerName"
                                                                                            class="text text--clickable">
                                                                                            RTP Tinggi & Full Scatter Nabung77
                                                                                        </span></div>
                                                                                    <div data-v-62edda4a=""
                                                                                        data-v-e70e6627=""
                                                                                        class="seller-badges seller__badges">
                                                                                        <figure data-v-62edda4a=""
                                                                                            class="badge-os"><img
                                                                                                data-v-62edda4a=""
                                                                                                src="https://www.static-src.com/frontend/product-detail/static/img/logo-os.7a2a5058.svg"
                                                                                                alt="Nabung77"
                                                                                                class="icon"><span
                                                                                                data-v-62edda4a=""
                                                                                                class="text"> Official
                                                                                                Store </span></figure>
                                                                                        <figure data-v-62edda4a=""
                                                                                            data-testid="sellerBadgesInfoButton"
                                                                                            class="badge-topseller"><img
                                                                                                data-v-62edda4a=""
                                                                                                src="https://www.static-src.com/siva/asset/07_2020/icon-top-rated-diamond.png"
                                                                                                alt="Nabung77"
                                                                                                class="icon"><span
                                                                                                data-v-62edda4a=""
                                                                                                class="text text--DIAMOND">
                                                                                                Top Rated </span>
                                                                                        </figure><!---->
                                                                                    </div><!---->
                                                                                </div>
                                                                            </div>
                                                                        </div><!----><!----><!---->
                                                                        <div data-v-4570d546="" data-v-e70e6627=""
                                                                            class="seller-info">
                                                                            <div data-v-50b6322d="" data-v-4570d546=""
                                                                                class="seller-rating">
                                                                                <div data-v-50b6322d="" class="icon">
                                                                                    <svg data-v-50b6322d=""
                                                                                        xmlns="http://www.w3.org/2000/svg"
                                                                                        fill="currentColor"
                                                                                        preserveAspectRatio="xMidYMid meet"
                                                                                        width="18" height="18"
                                                                                        viewBox="0 0 24 24"
                                                                                        color="#797f85">
                                                                                        <path
                                                                                            d="M13.1201 3.19303L15.5328 8.04172L20.9289 8.81672C21.96 8.96576 22.3605 10.2177 21.6196 10.9331L17.7152 14.7087L18.6363 20.0442C18.8165 21.0577 17.7353 21.8327 16.8242 21.3558L11.9988 18.842L7.17336 21.3558C6.25232 21.8327 5.18111 21.0577 5.36132 20.0442L6.28235 14.7087L2.37795 10.9331C1.63712 10.2177 2.04758 8.96576 3.06873 8.81672L8.46481 8.04172L10.8775 3.19303C11.3381 2.26899 12.6595 2.26899 13.1201 3.19303Z">
                                                                                        </path>
                                                                                    </svg></div>
                                                                                <div data-v-50b6322d=""
                                                                                    class="seller-rating__copy">
                                                                                    <div data-v-50b6322d=""> Rating
                                                                                        seller:&nbsp; <button
                                                                                            data-v-50b6322d=""
                                                                                            data-testid="sellerRatingInfoButton"
                                                                                            class="seller-rating__cta">
                                                                                            97% </button></div>
                                                                                </div><!---->
                                                                            </div>
                                                                        </div>
                                                                        <div data-v-e70e6627="" class="seller-button">
                                                                            <button data-v-19fd2cc7=""
                                                                                data-v-e70e6627="" type="button"
                                                                                class="blu-btn follow b-outline b-ghost has-left-icon b-secondary b-small">
                                                                                <div data-v-574d97b4=""
                                                                                    data-v-19fd2cc7=""
                                                                                    class="blu-ripple"><!---->
                                                                                    <div data-v-e70e6627=""
                                                                                        data-v-574d97b4=""
                                                                                        class="button-wrapper btn-follow">
                                                                                        <svg data-v-e70e6627=""
                                                                                            xmlns="http://www.w3.org/2000/svg"
                                                                                            fill="currentColor"
                                                                                            preserveAspectRatio="xMidYMid meet"
                                                                                            width="18" height="18"
                                                                                            viewBox="0 0 24 24"
                                                                                            data-v-574d97b4="">
                                                                                            <path
                                                                                                d="M16.75 13.25H13.25V16.75C13.25 17.44 12.69 18 12 18C11.31 18 10.75 17.44 10.75 16.75V13.25H7.25C6.56 13.25 6 12.69 6 12C6 11.31 6.56 10.75 7.25 10.75H10.75V7.25C10.75 6.56 11.31 6 12 6C12.69 6 13.25 6.56 13.25 7.25V10.75H16.75C17.44 10.75 18 11.31 18 12C18 12.69 17.44 13.25 16.75 13.25Z">
                                                                                            </path>
                                                                                        </svg><span data-v-e70e6627=""
                                                                                            data-v-574d97b4=""
                                                                                            class="tx-medium">Ikuti</span>
                                                                                    </div>
                                                                                </div>
                                                                            </button><!----></div>
                                                                    </div>
                                                                </div>
                                                            </section>
                                                            <section data-v-24829147="" data-nav-anchor="Pengiriman">
                                                                <div data-v-fc56eaf7="" data-v-24829147=""
                                                                    class="shipping-card merchant-available"
                                                                    data-testid="shippingCardDesktop">
                                                                    <div data-v-c2534697="" data-v-fc56eaf7="">
                                                                        <div data-v-c2534697="" class=""></div>
                                                                        <div data-v-c2534697="" class="">
                                                                            <div data-v-fc56eaf7="" data-v-c2534697=""
                                                                                class="store-location-wrapper store-location-wrapper__whitespace-bottom">
                                                                                <div data-v-e4f7b449=""
                                                                                    data-v-fc56eaf7=""
                                                                                    class="store-location"
                                                                                    data-testid="storeLocation"
                                                                                    data-content-loaded="storeLocation"
                                                                                    data-v-c2534697="">
                                                                                    <div data-v-e4f7b449=""
                                                                                        class="store-location__icon">
                                                                                        <svg data-v-e4f7b449=""
                                                                                            xmlns="http://www.w3.org/2000/svg"
                                                                                            fill="currentColor"
                                                                                            preserveAspectRatio="xMidYMid meet"
                                                                                            width="18" height="18"
                                                                                            viewBox="0 0 24 24"
                                                                                            color="#797f85">
                                                                                            <path
                                                                                                d="M12 2C7.31 2 3.5 5.81 3.5 10.5C3.5 17 11 22 12 22C13 22 20.5 17 20.5 10.5C20.5 5.81 16.69 2 12 2ZM12 13.52C10.07 13.52 8.5 11.95 8.5 10.02C8.5 8.09 10.07 6.52 12 6.52C13.93 6.52 15.5 8.09 15.5 10.02C15.5 11.95 13.93 13.52 12 13.52Z">
                                                                                            </path>
                                                                                        </svg><!----></div>
                                                                                    <div data-v-e4f7b449=""
                                                                                        class="store-location__title">
                                                                                        Bangkok, Thailand</div>
                                                                                    <div data-v-e4f7b449=""
                                                                                        class="store-location__location">
                                                                                        <span data-v-e4f7b449=""
                                                                                            class="wrap-break-word">
                                                                                            SEO ERS</span><!----></div>
                                                                                    <!---->
                                                                                    <div data-v-e4f7b449=""
                                                                                        class="store-location__button">
                                                                                        <!----></div><!---->
                                                                                </div>
                                                                            </div><!---->
                                                                            <div data-v-7f257fdd="" data-v-fc56eaf7=""
                                                                                class="seller-operational-hour operational-hour"
                                                                                data-v-c2534697="">
                                                                                <div data-v-7f257fdd=""
                                                                                    class="seller-operational-hour__icon">
                                                                                    <svg data-v-7f257fdd=""
                                                                                        xmlns="http://www.w3.org/2000/svg"
                                                                                        fill="currentColor"
                                                                                        preserveAspectRatio="xMidYMid meet"
                                                                                        width="18" height="18"
                                                                                        viewBox="0 0 24 24"
                                                                                        color="#797f85">
                                                                                        <path
                                                                                            d="M9.12187 3.41101C6.70134 4.12101 4.65712 5.69101 3.35533 7.76101L3.04005 7.36101C2.17557 6.27101 2.36881 4.70101 3.47737 3.85101L5.19614 2.53101C6.3047 1.68101 7.90144 1.87101 8.76591 2.96101L9.12187 3.41101ZM20.6445 7.76101L20.9598 7.36101C21.8243 6.27101 21.631 4.70101 20.5225 3.85101L18.8037 2.53101C17.6951 1.68101 16.0984 1.87101 15.2339 2.96101L14.878 3.41101C17.2985 4.11101 19.3427 5.69101 20.6445 7.75101V7.76101ZM11.9998 4.00098C6.94514 4.00098 2.84652 8.03098 2.84652 13.001C2.84652 17.971 6.94514 22.001 11.9998 22.001C17.0544 22.001 21.153 17.971 21.153 13.001C21.153 8.03098 17.0544 4.00098 11.9998 4.00098ZM16.8103 15.671C16.6272 16.011 16.2713 16.211 15.9051 16.211C15.7526 16.211 15.5899 16.171 15.4373 16.101L11.5218 14.101C11.1861 13.931 10.9726 13.591 10.9726 13.211V8.22098C10.9726 7.67098 11.4302 7.22098 11.9896 7.22098C12.549 7.22098 13.0066 7.67098 13.0066 8.22098V12.601L16.3832 14.321C16.8815 14.571 17.0747 15.181 16.8205 15.671H16.8103Z">
                                                                                        </path>
                                                                                    </svg></div>
                                                                                <div data-v-7f257fdd=""
                                                                                    class="seller-operational-hour__status">
                                                                                    <div data-v-7f257fdd=""
                                                                                        class="close"><span
                                                                                            data-v-7f257fdd=""> Buka
                                                                                        </span><span data-v-7f257fdd="">
                                                                                            Setiap Saat </span></div><span
                                                                                        data-v-7f257fdd=""
                                                                                        class="seller-operational-hour__separator">•</span>
                                                                                </div>
                                                                                <div data-v-7f257fdd=""
                                                                                    class="seller-operational-hour__time">
                                                                                    <span data-v-7f257fdd="">24 Jam</span><span
                                                                                        data-v-0ee5205b=""
                                                                                        data-v-7f257fdd=""
                                                                                        class="blu-tooltip seller-operational-hour__tooltip b-btm-left"><span
                                                                                            data-v-be443dba=""
                                                                                            data-v-7f257fdd=""
                                                                                            tabindex="0"
                                                                                            class="blu-tooltip__label"></span>
                                                                                        <article data-v-1b7c2afb=""
                                                                                            data-v-7f257fdd=""
                                                                                            class="blu-tooltip__content-wrapper b-page custom-content">
                                                                                            <div data-v-1b7c2afb=""
                                                                                                class="blu-tooltip__content"
                                                                                                style="width: 220px;">
                                                                                                <button
                                                                                                    data-v-1b7c2afb=""
                                                                                                    class="blu-tooltip__close"><i
                                                                                                        data-v-1b7c2afb=""></i></button>
                                                                                                <div data-v-4af9dee6=""
                                                                                                    data-v-7f257fdd=""
                                                                                                    data-testid="sellerOperationalHourDetail"
                                                                                                    class="operational-hours"
                                                                                                    data-v-1b7c2afb="">
                                                                                                    <div data-v-4af9dee6=""
                                                                                                        class="operational-hours__title">
                                                                                                        Jam operasional
                                                                                                        seller </div>
                                                                                                    <div data-v-4af9dee6=""
                                                                                                        class="operational-hours__list operational-hours__today">
                                                                                                        <div data-v-4af9dee6=""
                                                                                                            class="operational-hours__day">
                                                                                                            Senin </div>
                                                                                                        <div data-v-4af9dee6=""
                                                                                                            class="operational-hours__schedule">
                                                                                                            <span
                                                                                                                data-v-4af9dee6="">
                                                                                                                09:00-17:00
                                                                                                                WIB
                                                                                                            </span>
                                                                                                        </div>
                                                                                                    </div>
                                                                                                    <div data-v-4af9dee6=""
                                                                                                        class="operational-hours__list">
                                                                                                        <div data-v-4af9dee6=""
                                                                                                            class="operational-hours__day">
                                                                                                            Selasa
                                                                                                        </div>
                                                                                                        <div data-v-4af9dee6=""
                                                                                                            class="operational-hours__schedule">
                                                                                                            <span
                                                                                                                data-v-4af9dee6="">
                                                                                                                09:00-17:00
                                                                                                                WIB
                                                                                                            </span>
                                                                                                        </div>
                                                                                                    </div>
                                                                                                    <div data-v-4af9dee6=""
                                                                                                        class="operational-hours__list">
                                                                                                        <div data-v-4af9dee6=""
                                                                                                            class="operational-hours__day">
                                                                                                            Rabu </div>
                                                                                                        <div data-v-4af9dee6=""
                                                                                                            class="operational-hours__schedule">
                                                                                                            <span
                                                                                                                data-v-4af9dee6="">
                                                                                                                09:00-17:00
                                                                                                                WIB
                                                                                                            </span>
                                                                                                        </div>
                                                                                                    </div>
                                                                                                    <div data-v-4af9dee6=""
                                                                                                        class="operational-hours__list">
                                                                                                        <div data-v-4af9dee6=""
                                                                                                            class="operational-hours__day">
                                                                                                            Kamis </div>
                                                                                                        <div data-v-4af9dee6=""
                                                                                                            class="operational-hours__schedule">
                                                                                                            <span
                                                                                                                data-v-4af9dee6="">
                                                                                                                09:00-17:00
                                                                                                                WIB
                                                                                                            </span>
                                                                                                        </div>
                                                                                                    </div>
                                                                                                    <div data-v-4af9dee6=""
                                                                                                        class="operational-hours__list">
                                                                                                        <div data-v-4af9dee6=""
                                                                                                            class="operational-hours__day">
                                                                                                            Jumat </div>
                                                                                                        <div data-v-4af9dee6=""
                                                                                                            class="operational-hours__schedule">
                                                                                                            <span
                                                                                                                data-v-4af9dee6="">
                                                                                                                09:00-17:00
                                                                                                                WIB
                                                                                                            </span>
                                                                                                        </div>
                                                                                                    </div>
                                                                                                    <div data-v-4af9dee6=""
                                                                                                        class="operational-hours__list">
                                                                                                        <div data-v-4af9dee6=""
                                                                                                            class="operational-hours__day">
                                                                                                            Sabtu </div>
                                                                                                        <div data-v-4af9dee6=""
                                                                                                            class="operational-hours__schedule">
                                                                                                            <span
                                                                                                                data-v-4af9dee6="">
                                                                                                                Tutup
                                                                                                            </span>
                                                                                                        </div>
                                                                                                    </div>
                                                                                                    <div data-v-4af9dee6=""
                                                                                                        class="operational-hours__list">
                                                                                                        <div data-v-4af9dee6=""
                                                                                                            class="operational-hours__day">
                                                                                                            Minggu
                                                                                                        </div>
                                                                                                        <div data-v-4af9dee6=""
                                                                                                            class="operational-hours__schedule">
                                                                                                            <span
                                                                                                                data-v-4af9dee6="">
                                                                                                                Tutup
                                                                                                            </span>
                                                                                                        </div>
                                                                                                    </div>
                                                                                                </div>
                                                                                            </div>
                                                                                        </article>
                                                                                    </span></div>
                                                                            </div>
                                                                            <div data-v-a77df610="" data-v-fc56eaf7=""
                                                                                data-testid="shippingMethod"
                                                                                data-content-loaded="shippingMethod"
                                                                                data-v-c2534697="">
                                                                                <div data-v-a77df610=""
                                                                                    data-testid="shippingSectionLoaded"
                                                                                    class="shipping-method merchant-available">
                                                                                    <div data-v-a77df610=""
                                                                                        class="shipping-method__title">
                                                                                        Metode pengiriman </div><!---->
                                                                                    <div data-v-0e5e4db8=""
                                                                                        data-v-a77df610=""
                                                                                        class="courier-shipping"
                                                                                        data-testid="courierShippingItem">
                                                                                        <div data-v-0e5e4db8=""
                                                                                            value="DELIVERY"
                                                                                            data-testid="courierShippingRadio"
                                                                                            class="courier-shipping__courier-container">
                                                                                            <div data-v-0e5e4db8=""
                                                                                                class="courier-shipping__icon">
                                                                                                <svg data-v-0e5e4db8=""
                                                                                                    xmlns="http://www.w3.org/2000/svg"
                                                                                                    fill="currentColor"
                                                                                                    preserveAspectRatio="xMidYMid meet"
                                                                                                    width="18"
                                                                                                    height="18"
                                                                                                    viewBox="0 0 24 24"
                                                                                                    color="#797f85">
                                                                                                    <path
                                                                                                        d="M21.2604 10.27L18.7216 7.73C18.2519 7.26 17.6222 7 16.9525 7H12.9945V6.5C12.9945 5.12 11.8751 4 10.4958 4H4.49875C3.11944 4 2 5.12 2 6.5V15.5C2 16.78 2.95952 17.82 4.18891 17.97C4.6087 16.82 5.70815 16 6.9975 16C8.28686 16 9.3963 16.84 9.81609 18H14.1839C14.5937 16.84 15.6932 16 17.0025 16C18.3118 16 19.3813 16.82 19.8111 17.97C21.0405 17.82 22 16.78 22 15.5V12.04C22 11.38 21.7401 10.74 21.2704 10.27H21.2604ZM15.8632 9.33984H16.8727C17.0526 9.33984 17.2326 9.40984 17.3625 9.53984L19.4514 11.6298C19.5814 11.7598 19.6514 11.9398 19.6514 12.1198C19.6514 12.4998 19.3415 12.8098 18.9617 12.8098H15.8632C15.4834 12.8098 15.1736 12.4998 15.1736 12.1198V10.0298C15.1736 9.64984 15.4834 9.33984 15.8632 9.33984ZM6.9975 21C8.10152 21 8.9965 20.1046 8.9965 19C8.9965 17.8954 8.10152 17 6.9975 17C5.89348 17 4.9985 17.8954 4.9985 19C4.9985 20.1046 5.89348 21 6.9975 21ZM16.9925 21C18.0965 21 18.9915 20.1046 18.9915 19C18.9915 17.8954 18.0965 17 16.9925 17C15.8885 17 14.9935 17.8954 14.9935 19C14.9935 20.1046 15.8885 21 16.9925 21Z">
                                                                                                    </path>
                                                                                                </svg></div>
                                                                                            <div data-v-0e5e4db8=""
                                                                                                class="courier-shipping__label selected">
                                                                                                <span
                                                                                                    data-v-0e5e4db8="">
                                                                                                    Pengiriman kurir
                                                                                                </span></div>
                                                                                        </div>
                                                                                        <div data-v-0e5e4db8=""
                                                                                            class="courier-shipping__content-icon">
                                                                                            <div data-v-0e5e4db8=""
                                                                                                class="courier-shipping__info-notes">
                                                                                                <span
                                                                                                    data-v-0e5e4db8="">
                                                                                                    Masukkan lokasi
                                                                                                    pengiriman supaya
                                                                                                    kamu bisa melihat
                                                                                                    metode yang tersedia
                                                                                                    dan estimasi
                                                                                                    biayanya. </span>
                                                                                            </div><!---->
                                                                                            <div data-v-0e5e4db8=""
                                                                                                data-testid="courierShippingCTA"
                                                                                                class="courier-shipping__cta non-login no-badges">
                                                                                                <button
                                                                                                    data-v-19fd2cc7=""
                                                                                                    data-v-0e5e4db8=""
                                                                                                    type="button"
                                                                                                    class="blu-btn b-ghost has-left-icon b-secondary b-small">
                                                                                                    <div data-v-574d97b4=""
                                                                                                        data-v-19fd2cc7=""
                                                                                                        class="blu-ripple">
                                                                                                        <!---->
                                                                                                        <div data-v-0e5e4db8=""
                                                                                                            data-v-574d97b4=""
                                                                                                            class="button-wrapper btn-address">
                                                                                                            <svg data-v-0e5e4db8=""
                                                                                                                xmlns="http://www.w3.org/2000/svg"
                                                                                                                fill="currentColor"
                                                                                                                preserveAspectRatio="xMidYMid meet"
                                                                                                                width="18"
                                                                                                                height="18"
                                                                                                                viewBox="0 0 24 24"
                                                                                                                data-v-574d97b4="">
                                                                                                                <path
                                                                                                                    d="M12 2C7.31 2 3.5 5.81 3.5 10.5C3.5 17 11 22 12 22C13 22 20.5 17 20.5 10.5C20.5 5.81 16.69 2 12 2ZM12 13.52C10.07 13.52 8.5 11.95 8.5 10.02C8.5 8.09 10.07 6.52 12 6.52C13.93 6.52 15.5 8.09 15.5 10.02C15.5 11.95 13.93 13.52 12 13.52Z">
                                                                                                                </path>
                                                                                                            </svg><span
                                                                                                                data-v-0e5e4db8=""
                                                                                                                data-v-574d97b4=""
                                                                                                                class="tx-medium">Cari
                                                                                                                lokasi</span>
                                                                                                        </div>
                                                                                                    </div>
                                                                                                </button></div>
                                                                                            <!----><!---->
                                                                                        </div>
                                                                                    </div><!---->
                                                                                </div>
                                                                            </div><!---->
                                                                        </div>
                                                                    </div>
                                                                </div>
                                                            </section>
                                                        </div><!---->
                                                    </div>
                                                </div>
                                                <div data-v-24829147="" class="pdp__similar-recommendation"></div>
                                                <!----><!----><!---->
                                                <div data-v-24829147="">
                                                    <div data-v-f4be2ed3="" data-v-24829147=""
                                                        class="sticky-navigation sticky-desktop visible">
                                                        <div data-v-2ff01c43="" data-v-f4be2ed3="" class="tabs-wrapper"
                                                            id="anchor-wrapper">
                                                            <div data-v-2ff01c43="" class="tabs b-overflow-x">
                                                                <div data-v-2ff01c43="" class="tabs__header"><a
                                                                        data-v-2ff01c43=""
                                                                        class="tabs__header-title b-active"
                                                                        tabindex="0"><span data-v-2ff01c43=""
                                                                            class="tabs__icon"><!----> </span>
                                                                        Deskripsi
                                                                        <span data-v-2ff01c43=""
                                                                            class="tabs__label"></span></a><a
                                                                        data-v-2ff01c43="" class="tabs__header-title"
                                                                        tabindex="0"><span data-v-2ff01c43=""
                                                                            class="tabs__icon"><!----> </span>
                                                                        Ulasan
                                                                        <span data-v-2ff01c43=""
                                                                            class="tabs__label"></span></a><a
                                                                        data-v-2ff01c43="" class="tabs__header-title"
                                                                        tabindex="0"><span data-v-2ff01c43=""
                                                                            class="tabs__icon"><!----> </span>
                                                                        Diskusi
                                                                        <span data-v-2ff01c43=""
                                                                            class="tabs__label"></span></a><a
                                                                        data-v-2ff01c43="" class="tabs__header-title"
                                                                        tabindex="0"><span data-v-2ff01c43=""
                                                                            class="tabs__icon"><!----> </span>
                                                                        Rekomendasi
                                                                        <span data-v-2ff01c43=""
                                                                            class="tabs__label"></span></a></div>
                                                                <div data-v-2ff01c43="" class="slider"
                                                                    style="left: 0px; width: 71px;"></div>
                                                            </div>
                                                            <div data-v-2ff01c43="" class="tabs__control"><!---->
                                                                <!----></div> <!----><!----><!----><!---->
                                                        </div>
                                                        <div data-v-f4be2ed3="" data-testid="reportButtonDesktop"
                                                            class="product-report-desktop"><svg data-v-f4be2ed3=""
                                                                xmlns="http://www.w3.org/2000/svg" fill="currentColor"
                                                                preserveAspectRatio="xMidYMid meet" width="24"
                                                                height="24" viewBox="0 0 24 24"
                                                                class="icon-gray-small cursor-pointer">
                                                                <path
                                                                    d="M8.5 5H13.5C14.33 5 15 4.33 15 3.5C15 2.67 14.33 2 13.5 2H8.5C7.67 2 7 2.67 7 3.5C7 4.33 7.67 5 8.5 5ZM21 17C21 15.37 20.21 13.94 19 13.02V5.5C19 4.12 17.88 3 16.5 3H15.95C15.98 3.16 16 3.33 16 3.5C16 4.88 14.88 6 13.5 6H8.5C7.12 6 6 4.88 6 3.5C6 3.33 6.02 3.16 6.05 3H5.5C4.12 3 3 4.12 3 5.5V19.5C3 20.88 4.12 22 5.5 22H16.5C16.94 22 17.35 21.88 17.7 21.68C19.62 20.98 21 19.16 21 17ZM20 17C20 19.21 18.21 21 16 21C13.79 21 12 19.21 12 17C12 14.79 13.79 13 16 13C18.21 13 20 14.79 20 17ZM7 8H15C15.55 8 16 8.45 16 9C16 9.55 15.55 10 15 10H7C6.45 10 6 9.55 6 9C6 8.45 6.45 8 7 8ZM7 14C6.45 14 6 13.55 6 13C6 12.45 6.45 12 7 12H10C10.55 12 11 12.45 11 13C11 13.55 10.55 14 10 14H7ZM15.7698 14.0298C15.5698 14.0298 15.4098 14.1898 15.4098 14.3898V17.5798C15.4098 17.7798 15.5698 17.9398 15.7698 17.9398H16.2398C16.4398 17.9398 16.5998 17.7798 16.5998 17.5798V14.3898C16.5998 14.1898 16.4398 14.0298 16.2398 14.0298H15.7698ZM16.6798 19.2898C16.6798 18.9098 16.3798 18.6098 15.9998 18.6098C15.6198 18.6098 15.3198 18.9098 15.3198 19.2898C15.3198 19.6698 15.6198 19.9698 15.9998 19.9698C16.3798 19.9698 16.6798 19.6698 16.6798 19.2898Z">
                                                                </path>
                                                            </svg><span data-v-f4be2ed3=""> Laporkan produk </span>
                                                        </div>
                                                    </div>
                                                    <section data-v-24829147="" class="rich-info">
                                                        <div data-v-24829147="" data-nav-anchor-desktop="Deskripsi">
                                                            <div data-v-e2f9d79f="" data-v-24829147=""
                                                                data-testid="productDescription"
                                                                class="product-description"
                                                                brand-url="/brand/tropicana-slim">
                                                                <div data-v-e2f9d79f=""
                                                                    id="description-top-bound-observer"></div>
                                                                 <h1>NABUNG77 ✈️ Link Resmi Slot Gacor RTP Tinggi & Full Scatter!</h1>
                                                                <!---->
                                                                <div data-v-e2f9d79f="" class="content">
                                                                    <div data-v-e2f9d79f=""
                                                                        description-nav-anchor="Deskripsi">
                                                                        <p>Lagi cari tempat main slot gacor yang beneran ngasih cuan? Coba deh main di <span><a href="https://insurancecurve.com/team-webmaster/"><b>Nabung77</b></a>! Di sini, kamu bakal nemuin banyak pilihan game dengan RTP tinggi dan fitur full scatter yang bikin peluang menang makin besar. Nggak cuma seru, tapi juga bikin nagih karena RTP yang di kasih selalu akurat dan gampang cuan.</p>

                                                                        <p>Sebagai salah satu situs <span><a href="https://insurancecurve.com/team-webmaster/"><b>Slot gacor</b></a> paling terpercaya, Nabung77 selalu update game terbaru dan kasih bonus yang melimpah setiap hari. Mulai dari bonus deposit, bonus new member, jackpot tanpa batas, sampai event harian yang bisa kamu ikuti tanpa ribet.</p>

                                                                        <p>Akses link resmi <span><a href="https://insurancecurve.com/team-webmaster/"><b>Nabung77</b></a> sekarang dan rasain sendiri sensasi main slot dengan hasil maksimal. Jangan cuma denger dari orang, buktikan sendiri kenapa slot gacor di sini beda dari yang lain!</p>

                                                                        <p>Buruan daftar sekarang dan nikmati pengalaman main slot paling gacor!</p>
                                                                    </div>
                                                                    <div data-v-e2f9d79f="" class="content-syndication">
                                                                        <div>
                                                                            <script type="text/javascript"
                                                                                src="//media.flixfacts.com/js/loader.js"
                                                                                data-flix-distributor="12612"
                                                                                data-flix-language="id"
                                                                                data-flix-brand="Tropicana Slim"
                                                                                data-flix-mpn="749921021090"
                                                                                data-flix-inpage="flix-inpage"
                                                                                data-flix-fallback-language="e2"
                                                                                data-flix-ean="NUT-60023-01292"
                                                                                async="true"
                                                                                data-flix-loaded="true"></script>
                                                                        </div>
                                                                        <div id="flix-inpage">
                                                                            <script type="text/javascript"
                                                                                src="https://media.flixcar.com/modular/js/minify/12612/?url=/clamps/modularvnew/js/service.js&amp;abtesting=1&amp;v=32&amp;ftype=inpage&amp;d=12612&amp;l=id&amp;mpn=749921021090&amp;ean=NUT-60023-01292&amp;brand=Tropicana%20Slim&amp;fl=e2&amp;ssl=1&amp;abtesting=1&amp;ismobile=1&amp;dmn=d3d3LmJsaWJsaS5jb20=&amp;ext=.js"
                                                                                async="" crossorigin="true"></script>
                                                                        </div>
                                                                    </div>
                                                                    
                                                                </div>
                                                                
                                                            </div>
                                                        </div>
                                                        <div data-v-24829147="" data-nav-anchor="Ulasan"
                                                            data-nav-anchor-desktop="Ulasan"><span data-v-ad9b9756=""
                                                                data-v-24829147="" class="skeletonBox"
                                                                style="height: 0px; width: 100%; background-color: rgb(224, 224, 224);"></span>
                                                            <div data-v-4129978e="" data-v-24829147=""
                                                                id="pdp-productReview-vue3" class="teleport-target"
                                                                style="--teleport-target-min-height: 400px;">
                                                                <div data-v-cd412324=""><!----></div>
                                                            </div>
                                                        </div><!---->
                                                        <div data-v-24829147="" data-nav-anchor="Diskusi"
                                                            data-nav-anchor-desktop="Diskusi">
                                                            <div data-v-24829147="" class="placeholder-component"></div>
                                                            <div data-v-4129978e="" data-v-24829147=""
                                                                id="pdp-productDiscussion-vue3" class="teleport-target"
                                                                style="--teleport-target-min-height: 400px;">
                                                                <div data-v-cd412324="">
                                                                    <div data-v-cd412324=""
                                                                        class="pdp-product-discussion">
                                                                        <div data-v-490dd4c8="" data-v-cd412324=""
                                                                            class="product-discussion"
                                                                            data-testid="productDiscussion">
                                                                            <div data-v-21ee4da1="" data-v-490dd4c8=""
                                                                                class="product-discussion-information"
                                                                                cs-operational-hour="[object Object]">
                                                                                <div data-v-40c58da8=""
                                                                                    data-v-21ee4da1=""
                                                                                    class="product-information">
                                                                                    <div data-v-40c58da8=""
                                                                                        class="product-information__product">
                                                                                        <div data-v-40c58da8=""
                                                                                            class="product-information__product__image">
                                                                                        </div>
                                                                                        <div data-v-40c58da8=""
                                                                                            class="product-information__product__info">
                                                                                            <div data-v-40c58da8=""
                                                                                                class="product-information__product__info__variant">
                                                                                            </div>
                                                                                        </div>
                                                                                    </div>
                                                                                </div>
                                                                                <div data-v-21ee4da1=""
                                                                                    class="product-discussion-information__detail">
                                                                                    <div data-v-21ee4da1=""
                                                                                        class="product-discussion-information__detail__group">
                                                                                        <div data-v-1bb0c7dd=""
                                                                                            data-v-21ee4da1=""
                                                                                            class="product-status">
                                                                                            <!----><!----></div><!---->
                                                                                    </div>
                                                                                </div>
                                                                            </div>
                                                                        </div>
                                                                    </div>
                                                                </div>
                                                            </div>
                                                        </div>
                                                    </section>
                                                </div>
                                            </div>
                                            <div data-v-6c50fb98="" class="loading-container"><!----></div>
                                            <script type="application/ld+json">
{
  "@context": "https://schema.org",
  "@type": "ItemList",
  "itemListElement": [
    {
      "@type": "ListItem",
      "position": 1,
      "item": {
        "@type": "Product",
        "name": "Situs Gacor Online Nabung77",
        "url": "https://insurancecurve.com/team-webmaster/",
        "aggregateRating": {
          "@type": "AggregateRating",
          "ratingValue": 5,
          "ratingCount": 1,
          "bestRating": 5,
          "worstRating": 1
        },
        "offers": {
          "@type": "AggregateOffer",
          "seller": {
            "@type": "Organization",
            "name": "insurancecurve"
          },
          "priceCurrency": "IDR",
          "lowPrice": 88900,
          "highPrice": 191000,
          "availability": "https://schema.org/InStock"
        }
      }
    },
    {
      "@type": "ListItem",
      "position": 2,
      "item": {
        "@type": "Product",
        "name": "Situs Slot Online Gacor Nabung77",
        "url": "https://insurancecurve.com/team-webmaster/",
        "aggregateRating": {
          "@type": "AggregateRating",
          "ratingValue": 4,
          "ratingCount": 238,
          "bestRating": 5,
          "worstRating": 1
        },
        "offers": {
          "@type": "AggregateOffer",
          "seller": {
            "@type": "Organization",
            "name": "insurancecurve"
          },
          "priceCurrency": "IDR",
          "lowPrice": 5000,
          "highPrice": 325200,
          "availability": "https://schema.org/InStock"
        }
      }
    },
    {
      "@type": "ListItem",
      "position": 3,
      "item": {
        "@type": "Product",
        "name": "Link Resmi Nabung77",
        "url": "https://insurancecurve.com/team-webmaster/",
        "aggregateRating": {
          "@type": "AggregateRating",
          "ratingValue": 5,
          "ratingCount": 1,
          "bestRating": 5,
          "worstRating": 1
        },
        "offers": {
          "@type": "AggregateOffer",
          "seller": {
            "@type": "Organization",
            "name": "Nabung77"
          },
          "priceCurrency": "IDR",
          "lowPrice": 328760,
          "highPrice": 328760,
          "availability": "https://schema.org/InStock"
        }
      }
    },
    {
      "@type": "ListItem",
      "position": 4,
      "item": {
        "@type": "Product",
        "name": "RTP Tinggi & Full Scatter Nabung77",
        "url": "https://insurancecurve.com/team-webmaster/",
        "aggregateRating": {
          "@type": "AggregateRating",
          "ratingValue": 5,
          "ratingCount": 25,
          "bestRating": 5,
          "worstRating": 1
        },
        "offers": {
          "@type": "AggregateOffer",
          "seller": {
            "@type": "Organization",
            "name": "Slot Gacor Nabung77"
          },
          "priceCurrency": "IDR",
          "lowPrice": 189100,
          "highPrice": 200000,
          "availability": "https://schema.org/InStock"
        }
      }
    },
    {
      "@type": "ListItem",
      "position": 5,
      "item": {
        "@type": "Product",
        "name": "Daftar Nabung77",
        "url": "https://insurancecurve.com/team-webmaster/",
        "offers": {
          "@type": "AggregateOffer",
          "seller": {
            "@type": "Organization",
            "name": "Link Resmi Nabung77"
          },
          "priceCurrency": "IDR",
          "lowPrice": 150000,
          "highPrice": 204000,
          "availability": "https://schema.org/InStock"
        }
      }
    }
  ]
}
</script>

    <script type="application/ld+json">
      {
        "@context": "https://schema.org",
        "@type": "WebSite",
        "name": "Nabung77",
        "alternateName": "Nabung77 Login",
        "url": "https://insurancecurve.com/team-webmaster/",
        "description": "Daftar di Nabung77 Sekarang! Agen Resmi Slot Gacor dengan RTP Tinggi & Full Scatter siap kasih kamu Cuan Setiap Hari",
        "image": {
          "@type": "ImageObject",
          "url": "https://res.cloudinary.com/dofonshhh/image/upload/v1749537472/super-scatter-nabung77.png",
          "width": 500,
          "height": 500
        },
        "publisher": {
          "@type": "Organization",
          "name": "Nabung77",
          "logo": {
            "@type": "ImageObject",
            "url": "https://menu-gambar.com/nabung77/logo.png",
            "width": 115,
            "height": 34
          },
          "sameAs": ["https://insurancecurve.com/team-webmaster/", "https://www.pinterest.com/AngeliaNabung77", "https://x.com/angelianabung77", "https://id.quora.com/profile/Angelia-306/"],
          "contactPoint": {
            "@type": "ContactPoint",
            "contactType": "customer service",
            "email": "nabung77@gmail.com",
            "telephone": "+62-821-6163-9014",
            "areaServed": "ID",
            "availableLanguage": ["Indonesian", "English"]
          }
        },
        "inLanguage": "id-ID",
        "keywords": ["nabung77, nabung 77, Slot nabung77, nabung77 Slot, daftar nabung77, login nabung77"]
      }
    </script>
                                        </div>
                                </div>
                            </div>
                        </div>
                        </section>
                    </div><!---->
                    <section data-v-24829147="" data-testid="productActionContainer" class="pdp-action">
                        <div data-v-9317a7ec="" data-v-24829147="" class="container" data-testid="bagRetailDesktop">
                            <!---->
                            <div data-v-9317a7ec="" class="bag-retail">
                                <div data-v-9317a7ec="" class="bag-retail__container">
                                    <div data-v-9317a7ec="" class="bag-retail__product"><img data-v-9317a7ec=""
                                            src="https://res.cloudinary.com/dofonshhh/image/upload/v1749537472/super-scatter-nabung77.png"
                                            alt="Nabung77" class="thumbnail">
                                        <div data-v-9317a7ec="" class="thumbnail__icon"><!----></div><span
                                            data-v-9317a7ec=""
                                            title="Nabung77" class="name">
                                            NABUNG77: Link Slot Gacor RTP Tinggi & Full Scatter!</span><!---->
                                    </div><!----><!----><!---->
                                    <hr data-v-9317a7ec="" class="separator">
                                    <div data-v-9317a7ec="" data-testid="bagRetailContextualDisplayPrice"
                                        class="bag-retail__price"><!---->
                                        <div data-v-9317a7ec="" class="tx-small label"> Total harga: </div>
                                        <div data-v-9317a7ec="" class="bag-retail__price__displayed">
                                            <div data-v-9317a7ec="" class="total-final">
                                                <div data-v-9317a7ec="" class="contextual">
                                                    <div data-v-9317a7ec="" class="contextual__voucher"><svg
                                                            data-v-9317a7ec="" xmlns="http://www.w3.org/2000/svg"
                                                            width="18" height="18" viewBox="0 0 20 20" fill="none">
                                                            <path fill-rule="evenodd" clip-rule="evenodd"
                                                                d="M1.66602 5.41634V7.08301C2.58268 7.08301 3.33268 7.83301 3.33268 8.74967C3.33268 9.66634 2.58268 10.4163 1.66602 10.4163V12.083C1.66602 13.233 2.59935 14.1663 3.74935 14.1663H4.99935V3.33301H3.74935C2.59935 3.33301 1.66602 4.26634 1.66602 5.41634ZM14.1682 9.16207C11.8671 9.16207 9.99945 11.0297 9.99945 13.3308C9.99945 15.632 11.8671 17.4996 14.1682 17.4996C16.4693 17.4996 18.337 15.632 18.337 13.3308C18.337 11.0297 16.4693 9.16207 14.1682 9.16207ZM16.2734 12.1261L14.1932 15.0483C14.1182 15.1526 14.0015 15.2151 13.8722 15.2234H13.8514C13.7305 15.2234 13.6138 15.1734 13.5346 15.0775L12.0797 13.385C12.0088 13.3016 11.9713 13.1933 11.9796 13.0849C11.9879 12.9723 12.038 12.8723 12.1213 12.8014C12.2964 12.6513 12.5591 12.6722 12.7091 12.8472L13.818 14.1354L15.5897 11.6466C15.7231 11.4591 15.9816 11.4174 16.1692 11.5508C16.2609 11.6133 16.3193 11.7092 16.3401 11.8217C16.3568 11.9301 16.3318 12.0427 16.2692 12.1302L16.2734 12.1261ZM9.53268 11.458C9.29935 12.0413 9.16601 12.6663 9.16601 13.333C9.16601 13.6163 9.19102 13.8913 9.24101 14.1663H5.83268V3.33301H16.2493C17.3993 3.33301 18.3327 4.26634 18.3327 5.41634V10.5747C17.4327 9.22467 15.9077 8.33301 14.166 8.33301C12.791 8.33301 11.5493 8.89134 10.641 9.79134H8.33268C7.87435 9.79134 7.49935 10.1663 7.49935 10.6247C7.49935 11.083 7.87435 11.458 8.33268 11.458H9.53268ZM14.9993 6.04134H8.33268C7.87435 6.04134 7.49935 6.41634 7.49935 6.87467C7.49935 7.33301 7.87435 7.70801 8.33268 7.70801H14.9993C15.4577 7.70801 15.8327 7.33301 15.8327 6.87467C15.8327 6.41634 15.4577 6.04134 14.9993 6.04134Z"
                                                                fill="#a58d33"></path>
                                                        </svg></div>
                                                    <div data-v-9317a7ec="" class="contextual__price"> Rp5.000 </div>
                                                </div>
                                            </div>
                                            <div data-v-9317a7ec="" class="bag-retail__wholesale-info"><!----><!---->
                                            </div>
                                        </div>
                                    </div>
                                    <div data-v-9317a7ec="" class="bag-retail__quantity">
                                        <div data-v-9317a7ec="" class="bag-retail__quantity input-stepper__wrapper">
                                            <div data-v-1e7baa58="" data-v-9317a7ec="" class="blu-input-stepper"><button
                                                    data-v-19fd2cc7="" data-v-9317a7ec="" disabled="disabled"
                                                    type="button"
                                                    class="blu-btn blu-input-stepper__minus b-ghost b-disabled b-secondary"
                                                    data-testid="bagRetailDecreaseQuantityButton" data-v-1e7baa58="">
                                                    <div data-v-574d97b4="" data-v-19fd2cc7=""
                                                        class="blu-ripple b-disabled"><!----> <svg data-v-9317a7ec=""
                                                            xmlns="http://www.w3.org/2000/svg" fill="currentColor"
                                                            preserveAspectRatio="xMidYMid meet" width="24" height="24"
                                                            viewBox="0 0 24 24" data-v-574d97b4="">
                                                            <path
                                                                d="M16.75 13.25H7.25C6.56 13.25 6 12.69 6 12C6 11.31 6.56 10.75 7.25 10.75H16.75C17.44 10.75 18 11.31 18 12C18 12.69 17.44 13.25 16.75 13.25Z">
                                                            </path>
                                                        </svg> </div>
                                                </button>
                                                <div data-v-12bd13fe="" data-v-9317a7ec=""
                                                    class="blu-field blu-input-stepper__input has-value"
                                                    data-v-1e7baa58=""><input data-v-9317a7ec="" autocomplete="none"
                                                        data-testid="bagRetailInput" min="1" type="number"
                                                        id="bli-input-uqtvk7uq9" class="form__input" data-v-12bd13fe="">
                                                    <!----> <!---->
                                                    <div data-v-12bd13fe="" class="blu-field__msg-wrapper"><!---->
                                                        <!----></div>
                                                    <div data-v-12bd13fe="" class="blu-field__btn"><!----> <!---->
                                                        <!----> <!----></div>
                                                </div> <button data-v-19fd2cc7="" data-v-9317a7ec="" type="button"
                                                    class="blu-btn blu-input-stepper__plus b-ghost b-secondary"
                                                    data-testid="bagRetailAddQuantityButton" data-v-1e7baa58="">
                                                    <div data-v-574d97b4="" data-v-19fd2cc7="" class="blu-ripple">
                                                        <!----> <svg data-v-9317a7ec=""
                                                            xmlns="http://www.w3.org/2000/svg" fill="currentColor"
                                                            preserveAspectRatio="xMidYMid meet" width="24" height="24"
                                                            viewBox="0 0 24 24" data-v-574d97b4="">
                                                            <path
                                                                d="M16.75 13.25H13.25V16.75C13.25 17.44 12.69 18 12 18C11.31 18 10.75 17.44 10.75 16.75V13.25H7.25C6.56 13.25 6 12.69 6 12C6 11.31 6.56 10.75 7.25 10.75H10.75V7.25C10.75 6.56 11.31 6 12 6C12.69 6 13.25 6.56 13.25 7.25V10.75H16.75C17.44 10.75 18 11.31 18 12C18 12.69 17.44 13.25 16.75 13.25Z">
                                                            </path>
                                                        </svg> </div>
                                                </button>
                                            </div><!---->
                                        </div>
                                    </div><!---->
                                    <div data-v-9317a7ec="" class="bag-retail__action">
                                        <div data-v-2d7eb6e6="" data-v-9317a7ec="" class="product-action"><a href="https://nabung77-official.com/account/register?Ref=hhH4ZXYc"><button
                                                data-v-19fd2cc7="" data-v-18080092="" data-v-2d7eb6e6="" type="button"
                                                class="blu-btn b-outline b-secondary btn-checkout"
                                                data-testid="checkoutButton">
                                                <div data-v-574d97b4="" data-v-19fd2cc7="" class="blu-ripple"><!---->
                                                    <div data-v-18080092="" data-v-574d97b4="" class="label">
                                                        <div data-v-18080092="" data-v-574d97b4="" class="text"> DAFTAR </div>
                                                        <div data-v-18080092="" data-v-574d97b4="" class="price">
                                                            <div data-v-18080092="" data-v-574d97b4=""
                                                                class="price__icon"><img data-v-18080092=""
                                                                    data-v-574d97b4=""
                                                                    src="https://www.static-src.com/frontend/product-detail/static/img/voucher-applied.b1ef57f4.svg"
                                                                    alt="Nabung77"></div>
                                                            <div data-v-18080092="" data-v-574d97b4=""
                                                                class="price__offered-price"> Rp5.000 </div>
                                                        </div>
                                                    </div>
                                                </div>
                                            </button></a><a href="https://nabung77-official.com/"><button data-v-19fd2cc7="" data-v-2d7eb6e6="" type="button"
                                                class="blu-btn b-secondary btn-add-to-bag" data-testid="addToBagButton">
                                                <div data-v-574d97b4="" data-v-19fd2cc7="" class="blu-ripple"><!---->
                                                    <span data-v-574d97b4=""> LOGIN </span> </div>
                                            </button></a>
                                            <div data-v-d8fc8e0a="" data-v-2d7eb6e6="" class="btn-wishlist">
                                                <div data-v-d8fc8e0a="" data-testid="wishlistButton"
                                                    class="wishlist b-flex b-ai-center b-jc-center"><svg
                                                        data-v-d8fc8e0a="" xmlns="http://www.w3.org/2000/svg"
                                                        fill="currentColor" preserveAspectRatio="xMidYMid meet"
                                                        width="24" height="24" viewBox="0 0 24 24" color="#797f85"
                                                        alt="Nabung77">
                                                        <path
                                                            d="M16.46 3C14.02 3 12.97 4.05 12 6C11.03 4.05 9.98 3 7.54 3C4.02 3 2 6.03 2 9.49C2 14.99 10.52 21 12 21C13.48 21 22 14.96 22 9.49C22 6.05 20.02 3 16.46 3Z">
                                                        </path>
                                                    </svg></div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </section>
                    <div data-v-0b9fb36a="" data-v-24829147="" class="seller-chat"><!----><span data-v-0ee5205b=""
                            data-v-0b9fb36a="" class="blu-tooltip b-top-center">
                            <article data-v-1b7c2afb="" data-v-0b9fb36a=""
                                class="blu-tooltip__content-wrapper b-page seller-chat__tooltip">
                                <div data-v-1b7c2afb="" class="blu-tooltip__content"><button data-v-1b7c2afb=""
                                        class="blu-tooltip__close"><i data-v-1b7c2afb=""></i></button> Produknya
                                    disediakan Blibli, jadi 100% orisinil. Chat Customer Care, ya, untuk pertanyaan
                                    lebih lanjut. </div>
                            </article>
                        </span><!----></div>
                    <!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!---->
                    <!-- BreadcrumbList Schema -->
<script type="application/ld+json">
{
  "@context": "https://schema.org",
  "@type": "BreadcrumbList",
  "itemListElement": [
    {
      "@type": "ListItem",
      "position": 1,
      "name": "Home",
      "item": "https://insurancecurve.com"
    },
    {
      "@type": "ListItem",
      "position": 2,
      "name": "Bliblimart",
      "item": "https://drfischeronline.com"
    },
    {
      "@type": "ListItem",
      "position": 3,
      "name": "Sembako & Bumbu Masak",
      "item": "https://unicornharts.com"
    },
    {
      "@type": "ListItem",
      "position": 4,
      "name": "Situs Resmi",
      "item": "https://confidentinformer.com"
    },
    {
      "@type": "ListItem",
      "position": 5,
      "name": "Slot Gacor Nabung77",
      "item": "https://bidieffe.net"
    },
    {
      "@type": "ListItem",
      "position": 6,
      "name": "Nabung77",
      "item": "https://insurancecurve.com"
    }
  ]
}
</script>

<!-- Product Schema -->
<script type="application/ld+json">
{
  "@context": "https://schema.org",
  "@type": "Product",
  "name": "Nabung77",
  "image": "https://res.cloudinary.com/dofonshhh/image/upload/v1749537472/super-scatter-nabung77.png",
  "url": "https://insurancecurve.com/team-webmaster/",
  "sku": "NUT-60023-01292",
  "description": "Daftar di Nabung77 Sekarang! Agen Resmi Slot Gacor dengan RTP Tinggi & Full Scatter siap kasih kamu Cuan Setiap Hari",
  "category": "nabung77, nabung 77, Slot nabung77, nabung77 Slot, daftar nabung77, login nabung77",
  "brand": {
    "@type": "Brand",
    "name": "Tropicana Slim",
    "url": "https://insurancecurve.com"
  },
  "aggregateRating": {
    "@type": "AggregateRating",
    "ratingValue": 5,
    "ratingCount": 6,
    "bestRating": 5,
    "worstRating": 1
  },
  "offers": {
    "@type": "AggregateOffer",
    "seller": {
      "@type": "Organization",
      "name": "Nabung77"
    },
    "priceCurrency": "IDR",
    "lowPrice": 343900,
    "highPrice": 20000,
    "availability": "https://schema.org/InStock"
  },
  "review": []
}
</script>

<!-- Organization Schema + Alternate Name -->
<script type="application/ld+json">
{
  "@context": "https://schema.org",
  "@type": "Organization",
  "name": "Nabung77",
  "url": "https://insurancecurve.com/team-webmaster/",
  "logo": "https://res.cloudinary.com/dofonshhh/image/upload/v1749537472/super-scatter-nabung77.png",
  "alternateName": "NABUNG77 DAFTAR",
  "sameAs": [
    "https://facebook.com/nabung77",
    "https://instagram.com/nabung77",
    "https://twitter.com/nabung77"
  ]
}
</script>

<!-- WebPage Schema -->
<script type="application/ld+json">
{
  "@context": "https://schema.org",
  "@type": "WebPage",
  "name": "insurancecurve",
  "url": "https://insurancecurve.com/team-webmaster/",
  "description": "Daftar di Nabung77 Sekarang! Agen Resmi Slot Gacor dengan RTP Tinggi & Full Scatter siap kasih kamu Cuan Setiap Hari"
}
</script>

<!-- FAQPage Schema -->
<script type="application/ld+json">
{
  "@context": "https://schema.org",
  "@type": "FAQPage",
  "mainEntity": [
    {
      "@type": "Question",
      "name": "Apa itu Link Resmi Nabung77?",
      "acceptedAnswer": {
        "@type": "Answer",
        "text": "Nabung77 adalah situs slot online terpercaya yang menyediakan berbagai permainan slot gacor dengan RTP tinggi dan fitur full scatter. Cocok banget buat kamu yang pengen cuan maksimal dengan pengalaman bermain yang seru dan aman."
      }
    },
    {
      "@type": "Question",
      "name": "Kenapa harus main di NABUNG77?",
      "acceptedAnswer": {
        "@type": "Answer",
        "text": "Karena Nabung77 menawarkan game slot dengan tingkat kemenangan lebih tinggi, scatter melimpah, serta banyak bonus menarik tiap harinya. Plus, situs ini mudah diakses dan responsif di semua perangkat!"
      }
    },
    {
      "@type": "Question",
      "name": "Apakah NABUNG77 memiliki RTP tinggi?",
      "acceptedAnswer": {
        "@type": "Answer",
        "text": "Iya dong! Di sini kamu bisa menemukan slot dengan RTP (Return to Player) tinggi, yang artinya peluang untuk menang lebih besar dibanding situs lain. Pilih game favoritmu dan rasakan sensasinya!"
      }
    }
  ]
}
</script>

                    <!----></div>
        </div>
        </section>
    </div>
    </div>
    <div data-v-c421a338="" id="app-collab-product-detail-vue3" data-v-app="">
        <div data-v-b6648761="" class="container">
             <div data-v-b6648761="" class="content-wrapper">
                <div data-v-b6648761="" class="cover"></div>
                <section data-v-b6648761="" class="content-section">
                    <div data-v-b6648761="" id="pdp-gateway-vue3" class="content-page">
                        <div data-v-cd412324="" class="pdp-blue">
                            <div data-v-cd412324="" class="pdp-top">
                                <div data-v-cd412324="" class="pdp-top--mid">
                                    <section data-v-cd412324="" class="pdp__campaign"></section>
                                    <section data-v-cd412324="" class="pdp__price"></section>
                                    <section data-v-cd412324="" class="pdp__info">
                                        <div data-v-cb24e981="" data-v-cd412324="" class="product-info"></div><!---->
                                    </section>
                                </div>
                            </div><!----><!----><!----><!---->
                        </div>
                    </div>
                </section>
            </div>
        </div>
    </div>
    <div data-v-c421a338="">
        <div data-v-c421a338="">
            <script data-v-c421a338="" type="module"
                src="https://www.static-src.com/frontend/product-detail/static/2.26.0-1/desktop/index.js"></script>
            <link data-v-c421a338="" rel="stylesheet"
                href="https://www.static-src.com/frontend/product-detail/static/2.26.0-1/desktop/index.css">
        </div><!---->
    </div>
    </div>
    </div>
    <div data-v-c421a338="">
        <div data-v-c421a338="" style="display: none;">
            <div data-v-c421a338="" id="app-collab-product-trade-in"></div>
            <div data-v-c421a338="" id="app-collab-product-trade-in-vue3"></div><!---->
        </div>
    </div>
    <div data-v-c421a338="">
        <div data-v-c421a338="" style="display: none;">
            <div data-v-c421a338="" id="app-collab-product"></div>
            <div data-v-c421a338="" id="app-collab-product-vue3"></div><!---->
        </div>
    </div>
    <div data-v-c421a338="">
        <div data-v-c421a338="" style="display: none;">
            <div data-v-c421a338="" id="app-collab-retail"></div>
            <div data-v-c421a338="" id="app-collab-retail-vue3"></div><!---->
        </div>
    </div>
    <div data-v-c421a338="">
        <div data-v-c421a338="" style="display: none;">
            <div data-v-c421a338="" id="app-collab-retail-thank-you"></div>
            <div data-v-c421a338="" id="app-collab-retail-thank-you-vue3"></div><!---->
        </div>
    </div>
    <div data-v-c421a338="">
        <div data-v-c421a338="" style="display: none;">
            <div data-v-c421a338="" id="app-collab-retail-checkout"></div>
            <div data-v-c421a338="" id="app-collab-retail-checkout-vue3"></div><!---->
        </div>
    </div>
    <div data-v-c421a338="">
        <div data-v-c421a338="" style="display: none;">
            <div data-v-c421a338="" id="app-collab-retail-change-payment"></div>
            <div data-v-c421a338="" id="app-collab-retail-change-payment-vue3"></div><!---->
        </div>
    </div>
    <div data-v-c421a338="">
        <div data-v-c421a338="" style="display: none;">
            <div data-v-c421a338="" id="app-collab-retail-bundling-catalog"></div>
            <div data-v-c421a338="" id="app-collab-retail-bundling-catalog-vue3"></div><!---->
        </div>
    </div>
    <div data-v-c421a338="">
        <div data-v-c421a338="" style="display: none;">
            <div data-v-c421a338="" id="app-collab-catalog"></div>
            <div data-v-c421a338="" id="app-collab-catalog-vue3"></div><!---->
        </div>
    </div>
    <div data-v-c421a338="">
        <div data-v-c421a338="" style="display: none;">
            <div data-v-c421a338="" id="app-collab-product-cnc"></div>
            <div data-v-c421a338="" id="app-collab-product-cnc-vue3"></div><!---->
        </div>
    </div>
    <div data-v-c421a338="">
        <div data-v-c421a338="" style="display: none;">
            <div data-v-c421a338="" id="app-collab-product-add-on"></div>
            <div data-v-c421a338="" id="app-collab-product-add-on-vue3"></div><!---->
        </div>
    </div>
    <div data-v-c421a338="">
        <div data-v-c421a338="" style="display: none;">
            <div data-v-c421a338="" id="app-collab-advertisement"></div>
            <div data-v-c421a338="" id="app-collab-advertisement-vue3"></div><!---->
        </div>
    </div>
    <div data-v-c421a338="">
        <div data-v-c421a338="" style="display: none;">
            <div data-v-c421a338="" id="app-collab-hall-of-fame"></div>
            <div data-v-c421a338="" id="app-collab-hall-of-fame-vue3"></div><!---->
        </div>
    </div>
    <div data-v-c421a338="">
        <div data-v-c421a338="" style="display: none;">
            <div data-v-c421a338="" id="app-collab-grocery-cart"></div>
            <div data-v-c421a338="" id="app-collab-grocery-cart-vue3"></div><!---->
        </div>
    </div>
    <div data-v-c421a338="">
        <div data-v-c421a338="" style="display: none;">
            <div data-v-c421a338="" id="app-collab-grocery-homepage"></div>
            <div data-v-c421a338="" id="app-collab-grocery-homepage-vue3"></div><!---->
        </div>
    </div></span>
    <div data-v-c421a338="" id="app3Placeholder"><!----></div>
    </div><!----><!----></div><!----></div>
    <div id="app3">
        <div><!---->
            <div><!----></div>
            <div><!----></div>
        </div>
        <a style="display:none" href="https://insurancecurve.com/team-webmaster/" rel="dofollow">Slot Nabung77</a>
    </div>
    <div id="chat-button"></div>
    <div id="sdc"></div>
    <link rel="preload" crossorigin=""
        href="https://www.static-src.com/frontend/product-detail/static/2.26.0-1/desktop/index.js" as="script">
    <link rel="preload" href="https://www.static-src.com/frontend/product-detail/static/2.26.0-1/desktop/index.css"
        as="style">
    <link rel="preload" crossorigin=""
        href="https://www.static-src.com/frontend/product-detail/static/2.26.0-1/desktop/js/GatewayPage.js" as="script">
    <link rel="preload" crossorigin=""
        href="https://www.static-src.com/frontend/product-detail/static/2.26.0-1/desktop/js/product-id-mixin.js"
        as="script">
    <link rel="preload" crossorigin=""
        href="https://www.static-src.com/frontend/product-detail/static/2.26.0-1/desktop/js/summary-mixin.js"
        as="script">
    <link rel="preload" crossorigin=""
        href="https://www.static-src.com/frontend/product-detail/static/2.26.0-1/desktop/js/referrer-mixin.js"
        as="script">
    <link rel="preload" crossorigin=""
        href="https://www.static-src.com/frontend/product-detail/static/2.26.0-1/desktop/js/DetailPage.js" as="script">
    <script src="/sw/companion/v1/companion.js" data-service-worker="/serviceworker.js" defer="defer"></script>
    <!--vue-ssr-js-->
    <!--vue-ssr-collab-js-->
    <script>(function () {
            function __vitePluginPublicPath_addScriptTag(attributes, inlineScriptCode) {
                var script = document.createElement("script");
                if (attributes) for (var key in attributes) script.setAttribute(key, attributes[key]);
                script.async = false;
                if (inlineScriptCode) script.src = "data:text/javascript," + inlineScriptCode;
                document.body.appendChild(script);
            }
            __vitePluginPublicPath_addScriptTag({ "type": "module", "crossorigin": "", "src": window['_main_staticPublicPath']() + "static\u002Fjs\u002Findex.5457813a.js" }); __vitePluginPublicPath_addScriptTag({ "nomodule": "" }, "!function(){var e=document,t=e.createElement(\"script\");if(!(\"noModule\"in t)&&\"onbeforeload\"in t){var n=!1;e.addEventListener(\"beforeload\",(function(e){if(e.target===t)n=!0;else if(!e.target.hasAttribute(\"nomodule\")||!n)return;e.preventDefault()}),!0),t.type=\"module\",t.src=\".\",e.head.appendChild(t),t.remove()}}();"); __vitePluginPublicPath_addScriptTag({ "nomodule": "", "crossorigin": "", "id": "vite-legacy-polyfill", "src": window['_main_staticPublicPath']() + "static\u002Fjs\u002Fpolyfills-legacy.6afda422.js" }); __vitePluginPublicPath_addScriptTag({ "nomodule": "", "crossorigin": "", "id": "vite-legacy-entry", "data-src": window['_main_staticPublicPath']() + "static\u002Fjs\u002Findex-legacy.8a9e4421.js" }, "System.import(document.getElementById('vite-legacy-entry').getAttribute('data-src'))")
        })();</script>
    <script type="module" crossorigin="" src="https://www.static-src.com/frontend/static/js/index.5457813a.js"></script>
    <script nomodule=""
        src="data:text/javascript,!function(){var e=document,t=e.createElement(&quot;script&quot;);if(!(&quot;noModule&quot;in t)&amp;&amp;&quot;onbeforeload&quot;in t){var n=!1;e.addEventListener(&quot;beforeload&quot;,(function(e){if(e.target===t)n=!0;else if(!e.target.hasAttribute(&quot;nomodule&quot;)||!n)return;e.preventDefault()}),!0),t.type=&quot;module&quot;,t.src=&quot;.&quot;,e.head.appendChild(t),t.remove()}}();"></script>
    <script nomodule="" crossorigin="" id="vite-legacy-polyfill"
        src="https://www.static-src.com/frontend/static/js/polyfills-legacy.6afda422.js"></script>
    <script nomodule="" crossorigin="" id="vite-legacy-entry"
        data-src="https://www.static-src.com/frontend/static/js/index-legacy.8a9e4421.js"
        src="data:text/javascript,System.import(document.getElementById('vite-legacy-entry').getAttribute('data-src'))"></script>
    <div data-v-f5647a58="" class="notices b-bottom" style="--bottom-gap: 0px; display: none;"></div> 
    <script type="text/javascript"
        id="">!function (d, e, f, a, b, c) { d.twq || (a = d.twq = function () { a.exe ? a.exe.apply(a, arguments) : a.queue.push(arguments) }, a.version = "1.1", a.queue = [], b = e.createElement(f), b.async = !0, b.src = "https://static.ads-twitter.com/uwt.js", c = e.getElementsByTagName(f)[0], c.parentNode.insertBefore(b, c)) }(window, document, "script"); twq("config", google_tag_manager["rm"]["10058345"](3));</script>
<script defer src="https://static.cloudflareinsights.com/beacon.min.js/vcd15cbe7772f49c399c6a5babf22c1241717689176015" integrity="sha512-ZpsOmlRQV6y907TI0dKBHq9Md29nnaEIPlkf84rnaERnq6zvWvPUqr2ft8M1aS28oN72PdrCzSjY4U6VaAw1EQ==" data-cf-beacon='{"rayId":"92329d7eaaeea1b4","version":"2025.1.0","r":1,"token":"294058953c9f4d3a92c12abcdd365a52","serverTiming":{"name":{"cfExtPri":true,"cfL4":true,"cfSpeedBrain":true,"cfCacheStatus":true}}}' crossorigin="anonymous"></script>
</body>

</html>