Skip to content

Instantly share code, notes, and snippets.

@fdciabdul

fdciabdul/index.php

Created June 20, 2024 22:39
Show Gist options

  • Select an option

    Learn more about clone URLs
  • Save fdciabdul/843880c565d3324b362051e4cbc53349 to your computer and use it in GitHub Desktop.

Select an option

Learn more about clone URLs
Save fdciabdul/843880c565d3324b362051e4cbc53349 to your computer and use it in GitHub Desktop.
Download ZIP
Raw
index.php
<?php
ini_set('display_errors', '1');
ini_set('display_startup_errors', '1');
error_reporting(E_ALL);
$title = "BETMEN | IDNOMOR1 | PRAGMATIC - Slot Garansi Kekalahan di awal permainan. Situs Terpercaya dan Terbaik Hari ini";
$current_url = $_SERVER['REQUEST_URI'];
$brand = "BETMEN";
$image1= "https://res.cloudinary.com/fdci/image/upload/v1718773215/055302f7ac31dcd6b5b693b8056e140c31bd8f4b_high.png";
$image2= "https://res.cloudinary.com/fdci/image/upload/v1718773215/055302f7ac31dcd6b5b693b8056e140c31bd8f4b_high.png";
$image3= "https://res.cloudinary.com/fdci/image/upload/v1718773215/055302f7ac31dcd6b5b693b8056e140c31bd8f4b_high.png";
$image4= "https://res.cloudinary.com/fdci/image/upload/v1716924388/img-NyEM4yPCkuH2des8seHUj.jpg";
$image5= "https://res.cloudinary.com/fdci/image/upload/v1716924389/img-cAjV8yrQsnpL4BINoTECa.jpg";
$moneysite = "https://52.74.162.170/";
$ampsite = "http://betmenplay33.com/";
if(isset($_GET['0x41'])) {
?>
<!doctype html>
<html dir="ltr" lang="id" class="roboto">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width,initial-scale=1">
<meta name="shopee:git-sha" content="a5215b94df4e80dffb651c107160a1b469c776ae">
<meta name="shopee:version" content="pc-v5.71.0">
<link rel="icon" type="image/png" sizes="32x32" href="<?php echo $image3; ?>">
<link rel="icon" type="image/png" sizes="96x96" href="<?php echo $image3; ?>">
<link rel="amphtml" href="<?php echo $ampsite; ?>">
<link rel="preload"
href="https://deo.shopeemobile.com/shopee/shopee-pcmall-live-sg/assets/8538.1fa3254e53710dcb.css" as="style"
data-modern="true">
<link rel="preload"
href="https://deo.shopeemobile.com/shopee/shopee-pcmall-live-sg/assets/bundle.a4a592676e15111b.css" as="style"
data-modern="true">
<script
src="https://connect.facebook.net/signals/config/466924370133774?v=2.9.144&amp;r=stable&amp;domain=shopee.co.id&amp;hme=44ba03e7b4a66084f0064fdada9e7a7b89f6f2cf807a204d10c6509aeae35209&amp;ex_m=62%2C105%2C93%2C97%2C53%2C3%2C88%2C61%2C14%2C86%2C79%2C44%2C46%2C148%2C151%2C162%2C158%2C159%2C161%2C25%2C89%2C45%2C68%2C160%2C143%2C146%2C155%2C156%2C163%2C114%2C13%2C43%2C167%2C166%2C116%2C16%2C29%2C32%2C1%2C36%2C57%2C58%2C59%2C63%2C83%2C15%2C12%2C85%2C82%2C81%2C94%2C96%2C31%2C95%2C26%2C22%2C144%2C1100%2C123%2C24%2C9%2C10%2C11%2C5%2C6%2C21%2C19%2C20%2C49%2C54%2C56%2C66%2C90%2C23%2C67%2C8%2C7%2C71%2C41%2C18%2C91%2C17%2C4%2C73%2C80%2C72%2C78%2C40%2C39%2C77%2C33%2C35%2C76%2C48%2C74%2C28%2C37%2C65%2C0%2C84%2C75%2C2%2C30%2C55%2C34%2C92%2C38%2C70%2C60%2C98%2C52%2C51%2C27%2C87%2C50%2C100%2C42%2C69%2C64%2C99"
async=""></script>
<script
data-webfe="config"> /** actually app id */ window.__PAGE_ID__ = 1; window.__APP_ID__ = 1; window.__LOCALE__ = 'ID'; window.__ENV__ = 'live'; window.__META_APP_DETAILS__ = { "sentryDsn": "https://582bca07a010467e9836b96b9bd739e5@o468184.ingest.sentry.io/5495707", "sentryDsn-sap-web-sdk": "https://330029e340266d72479a9e96074446a9@o468184.ingest.sentry.io/4505923044048896", "sentryDsn-shopee-promotion-page-builder": "https://56a7b696ba91fac45734da10336f7870@o468184.ingest.sentry.io/4506336276709376", "sentryDsn-shopee-secure-fetch-utils": "https://3a626cf85fcbe10f5075919686d6397f@o468184.ingest.sentry.io/4506234056146944" }; window.__ASSETS__ = { "DL_ENABLED_MALL_REGIONS": ["SG", "MY", "ID", "TH", "VN", "PH", "TW"], "FESTIVAL_SKIN_V2": { "data": null, "error": null, "error_messages": null, "error_msg": null }, "MART_CONFIG": { "shop": { "shopid": 65323877, "username": "smart_byshopee" }, "header": { "bg_color": "#066BC8" } }, "PB_CONFIG": { "enable-languages-blocking": false, "enable-locales-blocking": false, "enable-path-blocking": false, "enable-platform-blocking": false, "pb-support-languages": ["id", "en"], "pb-support-locales": ["ID"], "pb-support-path-prefixes": ["https://shopee.co.id/m/test-pb", "https://shopee.co.id/m/sfdriver-kamissiaga-240823", "https://shopee.co.id/m/sfdriver-jumatdisiplin-250823", "https://shopee.co.id/m/tosgeneralsfdriver", "https://shopee.co.id/m/generaleduhub-dhlk101", "https://shopee.co.id/m/Big-Promo-telco", "https://shopee.co.id/m/spaywallet-succedmigrationinfo", "https://shopee.co.id/m/informasi-biaya-penarikan-dana-food", "https://shopee.co.id/m/spaymigration-unconnectedmultiaccount-eduphaseII-100823", "https://shopee.co.id/m/tutorialdeklarasimitra-100522", "https://shopee.co.id/m/spxstackinglaunch-jabodetabek-180823", "https://shopee.co.id/m/toshub", "https://shopee.co.id/m/shopee-xpress-instant-merchant-app-dummy", "https://shopee.co.id/m/sfdriver-spaylater-cashback20", "https://shopee.co.id/m/buka-rekening-seabank-merchant", "https://shopee.co.id/m/WD-Limit-SPay-SFood", "https://shopee.co.id/m/jumbo-cashback", "https://shopee.co.id/m/garansi-shopee-id", "https://shopee.co.id/m/sfdriver-jumatdisiplin-201023", "https://shopee.co.id/m/Huawei-Matepad-11-Papermatte-teaser-2023", "https://shopee.co.id/m/shopee-garansi-ori", "https://shopee.co.id/m/tentang-cod-cekdulu", "https://shopee.co.id/m/sfdriver-specialbonuspointjkt-251023"], "pb-support-platforms": ["rw"] }, "PLATFORM_STATIC_TOGGLE": { "Api_Fu_Hook": { "CMTCOL": 100, "CMTMART": 100, "CMTMICS": 100, "DISCNTCOIN": 100, "FlashSale": 100, "OPACRM": 100, "PDP": 100, "Recommendation": 100, "Search": 100, "Traffic": 100 }, "EXPERIMENTS_PROXY": false, "USE_LATEST_SFU": 100 }, "TRANSIFY_COLLECTION_MAPPING": { "en-live-106": 1706087576, "en-live-110": 1706087576, "en-live-115": 1706087576, "en-live-119": 1706087576, "en-live-12": 1706087576, "en-live-120": 1706087576, "en-live-121": 1706087576, "en-live-122": 1706087576, "en-live-124": 1706087576, "en-live-125": 1706087576, "en-live-127": 1706087576, "en-live-134": 1706087576, "en-live-135": 1706087576, "en-live-137": 1706087576, "en-live-139": 1706087576, "en-live-144": 1706087576, "en-live-146": 1706087576, "en-live-148": 1706087576, "en-live-149": 1706087576, "en-live-150": 1706087576, "en-live-153": 1706087576, "en-live-154": 1706087576, "en-live-156": 1706087576, "en-live-157": 1706087576, "en-live-159": 1706087576, "en-live-168": 1706087466, "en-live-175": 1706087576, "en-live-176": 1706856142, "en-live-177": 1706087576, "en-live-178": 1706087576, "en-live-179": 1706087576, "en-live-188": 1706087576, "en-live-205": 1706087576, "en-live-207": 1706087576, "en-live-208": 1706087576, "en-live-212": 1706087576, "en-live-213": 1706087576, "en-live-22": 1706087576, "en-live-225": 1706176424, "en-live-226": 1706087576, "en-live-227": 1706087576, "en-live-23": 1706087576, "en-live-232": 1706087576, "en-live-24": 1706087576, "en-live-247": 1706087576, "en-live-25": 1706087576, "en-live-251": 1706087576, "en-live-252": 1706087576, "en-live-26": 1706087576, "en-live-262": 1706087576, "en-live-264": 1706087576, "en-live-266": 1706087576, "en-live-267": 1706087576, "en-live-274": 1706087576, "en-live-28": 1620289785, "en-live-281": 1706087576, "en-live-284": 1706087576, "en-live-286": 1706087576, "en-live-288": 1706087576, "en-live-289": 1706087576, "en-live-293": 1706087576, "en-live-309": 1706087576, "en-live-313": 1706087576, "en-live-315": 1706087576, "en-live-327": 1706760150, "en-live-331": 1706087576, "en-live-34": 1706087576, "en-live-347": 1706087576, "en-live-35": 1706087576, "en-live-353": 1706087576, "en-live-356": 1706087576, "en-live-359": 1706087576, "en-live-36": 1706087576, "en-live-37": 1706087576, "en-live-371": 1634122248, "en-live-38": 1706087576, "en-live-381": 1706087576, "en-live-382": 1706087576, "en-live-39": 1706087576, "en-live-390": 1706087576, "en-live-391": 1706087576, "en-live-4": 1706087576, "en-live-41": 1706087576, "en-live-410": 1706087576, "en-live-421": 1706087576, "en-live-435": 1706087576, "en-live-439": 1706087576, "en-live-44": 1706087576, "en-live-444": 1706087576, "en-live-45": 1706087576, "en-live-451": 1706087576, "en-live-454": 1706087576, "en-live-455": 1706087576, "en-live-456": 1706087576, "en-live-46": 1706087576, "en-live-460": 1706087576, "en-live-465": 1706087576, "en-live-479": 1706087576, "en-live-485": 1706087576, "en-live-486": 1706087576, "en-live-492": 1706087576, "en-live-5": 1706087576, "en-live-508": 1706087576, "en-live-510": 1706087576, "en-live-516": 1706087576, "en-live-52": 1706087576, "en-live-529": 1706087576, "en-live-53": 1706087576, "en-live-533": 1706087576, "en-live-539": 1706087576, "en-live-54": 1706670093, "en-live-543": 1706087576, "en-live-544": 1706087576, "en-live-546": 1706087576, "en-live-55": 1706723512, "en-live-57": 1706087576, "en-live-572": 1706087576, "en-live-575": 1706087576, "en-live-576": 1706087576, "en-live-58": 1706669351, "en-live-59": 1706519388, "en-live-594": 1706087576, "en-live-6": 1706087576, "en-live-60": 1706087576, "en-live-600": 1706087576, "en-live-61": 1706087576, "en-live-619": 1706087576, "en-live-629": 1706087576, "en-live-63": 1706087576, "en-live-64": 1706087576, "en-live-65": 1706087576, "en-live-650": 1706087576, "en-live-7": 1706772391, "en-live-70": 1706087576, "en-live-71": 1706087576, "en-live-73": 1635491828, "en-live-74": 1706087576, "en-live-76": 1706674586, "en-live-8": 1637915690, "en-live-84": 1706087576, "en-live-89": 1706087576, "en-live-94": 1706087576, "en-live-95": 1706087576, "en-live-96": 1706087576, "en-live-97": 1706087576, "en-live-99": 1706087576, "id-live-106": 1706087576, "id-live-110": 1706087576, "id-live-115": 1706087576, "id-live-119": 1706087576, "id-live-12": 1706087576, "id-live-120": 1706087576, "id-live-121": 1706087576, "id-live-122": 1706087576, "id-live-124": 1706087576, "id-live-125": 1706087576, "id-live-127": 1706087576, "id-live-134": 1706087576, "id-live-135": 1706087576, "id-live-137": 1706087576, "id-live-139": 1706087576, "id-live-144": 1706087576, "id-live-146": 1706087576, "id-live-148": 1706087576, "id-live-149": 1706087576, "id-live-150": 1706087576, "id-live-153": 1706087576, "id-live-154": 1706087576, "id-live-156": 1706087576, "id-live-157": 1706087576, "id-live-159": 1706087576, "id-live-168": 1706087466, "id-live-175": 1706087576, "id-live-176": 1706856142, "id-live-177": 1706087576, "id-live-178": 1706087576, "id-live-179": 1706087576, "id-live-188": 1706087576, "id-live-205": 1706087576, "id-live-207": 1706087576, "id-live-208": 1706087576, "id-live-212": 1706087576, "id-live-213": 1706087576, "id-live-22": 1706087576, "id-live-225": 1706176424, "id-live-226": 1706087576, "id-live-227": 1706087576, "id-live-23": 1706087576, "id-live-232": 1706087576, "id-live-24": 1706087576, "id-live-247": 1706087576, "id-live-25": 1706087576, "id-live-251": 1706087576, "id-live-252": 1706087576, "id-live-26": 1706087576, "id-live-262": 1706087576, "id-live-264": 1706087576, "id-live-266": 1706087576, "id-live-267": 1706087576, "id-live-274": 1706087576, "id-live-28": 1620289785, "id-live-281": 1706087576, "id-live-284": 1706087576, "id-live-286": 1706087576, "id-live-288": 1706087576, "id-live-289": 1706087576, "id-live-293": 1706087576, "id-live-309": 1706087576, "id-live-313": 1706087576, "id-live-315": 1706087576, "id-live-327": 1706760150, "id-live-331": 1706087576, "id-live-34": 1706087576, "id-live-347": 1706087576, "id-live-35": 1706087576, "id-live-353": 1706087576, "id-live-356": 1706087576, "id-live-359": 1706087576, "id-live-36": 1706087576, "id-live-37": 1706087576, "id-live-371": 1634122248, "id-live-38": 1706087576, "id-live-381": 1706087576, "id-live-382": 1706087576, "id-live-39": 1706087576, "id-live-390": 1706087576, "id-live-391": 1706087576, "id-live-4": 1706087576, "id-live-41": 1706087576, "id-live-410": 1706087576, "id-live-421": 1706087576, "id-live-435": 1706087576, "id-live-439": 1706087576, "id-live-44": 1706087576, "id-live-444": 1706087576, "id-live-45": 1706087576, "id-live-451": 1706087576, "id-live-454": 1706087576, "id-live-455": 1706087576, "id-live-456": 1706087576, "id-live-46": 1706087576, "id-live-460": 1706087576, "id-live-465": 1706087576, "id-live-479": 1706087576, "id-live-485": 1706087576, "id-live-486": 1706087576, "id-live-492": 1706087576, "id-live-5": 1706087576, "id-live-508": 1706087576, "id-live-510": 1706087576, "id-live-516": 1706087576, "id-live-52": 1706087576, "id-live-529": 1706087576, "id-live-53": 1706087576, "id-live-533": 1706087576, "id-live-539": 1706087576, "id-live-54": 1706670093, "id-live-543": 1706087576, "id-live-544": 1706087576, "id-live-546": 1706087576, "id-live-55": 1706087576, "id-live-57": 1706087576, "id-live-572": 1706087576, "id-live-575": 1706087576, "id-live-576": 1706087576, "id-live-58": 1706669351, "id-live-59": 1706519388, "id-live-594": 1706087576, "id-live-6": 1706087576, "id-live-60": 1706087576, "id-live-600": 1706087576, "id-live-61": 1706087576, "id-live-619": 1706087576, "id-live-629": 1706087576, "id-live-63": 1706087576, "id-live-64": 1706087576, "id-live-65": 1706087576, "id-live-650": 1706087576, "id-live-7": 1706772391, "id-live-70": 1706087576, "id-live-71": 1706087576, "id-live-73": 1635491828, "id-live-74": 1706087576, "id-live-76": 1706674586, "id-live-8": 1637915690, "id-live-84": 1706087576, "id-live-89": 1706087576, "id-live-94": 1706087576, "id-live-95": 1706087576, "id-live-96": 1706087576, "id-live-97": 1706087576, "id-live-99": 1706087576 }, "USER_STATIC_TOGGLE": { "af_sap_sdk": true, "af_sap_legacy": false, "use_anti_crawler_api_protection_sdk": true, "context_action_account_v2": false, "standalone_security_sdk": true, "standalone_fetch_utils": true, "fetch_account_v2": false, "fetch_account_v4": true, "account_info_sync_fetch_server_pc": true, "account_info_sync_fetch_server_rw": true, "account_info_sync_fetch_server_lite": true, "account_info_sync_fetch_client_pc": true, "account_info_sync_fetch_client_rw": true, "account_info_sync_fetch_client_lite": true, "account_redux_invalid_server_state_report_pc": false, "account_redux_invalid_server_state_report_rw": false, "account_redux_invalid_server_state_report_lite": false, "signup_otp_zalo_web": false, "login_otp_zalo_web": false, "authentication_bind_otp_zalo_web": false, "otp_shared_service_otp_zalo_web": false, "phone_number_format_v2": true, "identity_and_account_micro_app_pilot_test": false }, "VOUCHER_CARD_MANIFEST": { "live": "vouchercard-v0.20.0" }, "v1": { "0": { "0": { "enable-languages-blocking": false, "enable-locales-blocking": false, "enable-path-blocking": false, "enable-platform-blocking": false, "pb-support-languages": ["id", "en"], "pb-support-locales": ["ID"], "pb-support-path-prefixes": ["https://shopee.co.id/m/test-pb", "https://shopee.co.id/m/sfdriver-kamissiaga-240823", "https://shopee.co.id/m/sfdriver-jumatdisiplin-250823", "https://shopee.co.id/m/tosgeneralsfdriver", "https://shopee.co.id/m/generaleduhub-dhlk101", "https://shopee.co.id/m/Big-Promo-telco", "https://shopee.co.id/m/spaywallet-succedmigrationinfo", "https://shopee.co.id/m/informasi-biaya-penarikan-dana-food", "https://shopee.co.id/m/spaymigration-unconnectedmultiaccount-eduphaseII-100823", "https://shopee.co.id/m/tutorialdeklarasimitra-100522", "https://shopee.co.id/m/spxstackinglaunch-jabodetabek-180823", "https://shopee.co.id/m/toshub", "https://shopee.co.id/m/shopee-xpress-instant-merchant-app-dummy", "https://shopee.co.id/m/sfdriver-spaylater-cashback20", "https://shopee.co.id/m/buka-rekening-seabank-merchant", "https://shopee.co.id/m/WD-Limit-SPay-SFood", "https://shopee.co.id/m/jumbo-cashback", "https://shopee.co.id/m/garansi-shopee-id", "https://shopee.co.id/m/sfdriver-jumatdisiplin-201023", "https://shopee.co.id/m/Huawei-Matepad-11-Papermatte-teaser-2023", "https://shopee.co.id/m/shopee-garansi-ori", "https://shopee.co.id/m/tentang-cod-cekdulu", "https://shopee.co.id/m/sfdriver-specialbonuspointjkt-251023"], "pb-support-platforms": ["rw"] } } } };</script>
<script> ! function () { if (self.document) { var e = self.document.createElement("script"), t = "noModule" in e, n = t; Object.defineProperty(self, "SUPPORT_MODULE", { get: function () { return n }, configurable: !1, enumerable: !1 }), !t && "onbeforeload" in e && (self.document.addEventListener("beforeload", (function (t) { if (t.target === e) n = !0; else if (!t.target.hasAttribute("nomodule") || !n) return; t.preventDefault() }), !0), e.type = "module", e.src = ".", self.document.head.appendChild(e), e.remove()) } }();</script>
<script
nomodule=""> document.documentMode <= 11 && location.replace("https://shopee.co.id/unsupported.html")</script>
<script> ! function () { var A = ["lossy", "lossless", "alpha", "animation"]; function t(A, t) { var n = new Image; n.onload = function () { var o = n.width > 0 && n.height > 0; t(A, o) }, n.onerror = function () { t(A, !1) }, n.src = "data:image/webp;base64," + { lossy: "UklGRiIAAABXRUJQVlA4IBYAAAAwAQCdASoBAAEADsD+JaQAA3AAAAAA", lossless: "UklGRhoAAABXRUJQVlA4TA0AAAAvAAAAEAcQERGIiP4HAA==", alpha: "UklGRkoAAABXRUJQVlA4WAoAAAAQAAAAAAAAAAAAQUxQSAwAAAARBxAR/Q9ERP8DAABWUDggGAAAABQBAJ0BKgEAAQAAAP4AAA3AAP7mtQAAAA==", animation: "UklGRlIAAABXRUJQVlA4WAoAAAASAAAAAAAAAAAAQU5JTQYAAAD/////AABBTk1GJgAAAAAAAAAAAAAAAAAAAGQAAABWUDhMDQAAAC8AAAAQBxAREYiI/gcA" }[A] } function n(t, n) { var o = function (t) { var n = {}; if (!t || 1 !== t.length) return n; for (var o = parseInt(t, 16).toString(2); o.length < 4;) o = "0" + o; for (var s = 0; s < A.length; s++) n[A[s]] = "1" === o[s]; return n }(sessionStorage.getItem("shopee_webp_support")); o[t] = n, sessionStorage.setItem("shopee_webp_support", function (t) { var n = "0000"; if (!(t instanceof Object)) return n; for (var o = 0; o < A.length; o++) !0 === t[A[o]] && (n = n.substring(0, o) + "1" + n.substring(o + 1)); return parseInt(n, 2).toString(16) }(o)) } function o(A, t) { try { n(A, t) } catch (A) { } } sessionStorage.getItem("shopee_webp_support") || (t("lossy", o), t("lossless", o), t("alpha", o), t("animation", o)) }();</script>
<script> ! function () { var t = /^\/(?:supermarket|cart|checkout|search)(?:\/|$)/, e = document && document.querySelector('script[type^="text/shopee-short-url-checked"]'), o = !(!e || "1" !== e.textContent), a = location && location.origin || ""; function n() { document && document.body && (document.body.style.visibility = "visible") } var r = ""; function i(e) { var o = function (t) { var e = document.createElement("a"); return e.href = t, { pathname: e.pathname, hash: e.hash, search: e.search, protocol: e.protocol } }(e), i = o.pathname, s = o.hash, c = i.replace(/\/+$/, ""); if (r !== c && (r = c, "https://shopee.co.id/" !== i && ! function (e) { return t.test(e) }(i) && function (t) { return 1 === t.split("https://shopee.co.id/").filter(Boolean).length }(i) && i.length < 256 && "" === s && 0 === i.lastIndexOf("https://shopee.co.id/"))) { document && document.body && (document.body.style.visibility = "hidden"), setTimeout(n, 5e3); var h = new XMLHttpRequest; if (4 === this.readyState) if (200 === this.status) { t && t.data && t.data.url ? (console.log("Redirecting via short url to: res.data.url"), location.href = t.data.url) : n() } else n() } h.send() } }var s = window.history.pushState; window.history.pushState = function () { var t = arguments[2]; t && i(t), s.apply(history, arguments) }; var c = window.history.replaceState; window.history.replaceState = function () { var t = arguments[2]; t && i(t), c.apply(history, arguments) }, o || i(location.href)();</script>
<script> if (window.ga = window.ga || function () { (ga.q = ga.q || []).push(arguments) }, ga.l = +new Date, window.PerformanceObserver) try { var observer = new window.PerformanceObserver((function (e) { for (var r = e.getEntries(), n = 0; n < r.length; n++) { var a = r[n], i = a.name, t = Math.round(a.startTime + a.duration); ga("send", { hitType: "timing", timingCategory: "Performance Metrics", timingVar: i, timingValue: t }) } })); observer.observe({ entryTypes: ["paint"] }) } catch (e) { }</script>
<script> "loading" in HTMLImageElement.prototype ? document.addEventListener("DOMContentLoaded", function () {
document.querySelectorAll("img[loading].lazyload").forEach((function (e) { e.dataset.src && (e.src = e.dataset.src), e.dataset.srcset && (e.srcset = e.dataset.srcset) }))</script>
<script></script>
<script></script>
<script> ! function () { var e = document.createElement("div").style; }()</script>
<link type="application/opensearchdescription+xml" rel="search"
href="https://deo.shopeemobile.com/shopee/shopee-pcmall-live-sg/assets/a4630d61a6f6ec98fe8b86c45d496edf.xml">
<link rel="dns-prefetch" href="https://shopee.co.id//down-id.img.susercontent.com/">
<link rel="dns-prefetch" href="https://shopee.co.id//deo.shopeemobile.com/shopee/">
<link rel="dns-prefetch" href="https://shopee.co.id//cv.shopee.co.id/">
<script id="gtm-script" data-locale="id"
data-gtm-id="GTM-WJZQSJF"> ! function (t, e, a, n) { t[n] = []; var o = ["PL", "ES", "BR"].indexOf(__LOCALE__) >= 0, r = o ? "denied" : "granted"; ! function () { dataLayer.push(arguments) }("consent", "default", { consent_analytical: r, consent_functional: r, consent_advertising: r, consent_thirdparty_google: r, consent_thirdparty_tiktok: r, wait_for_update: o ? 15e3 : 0 }); var d = document.currentScript || document.getElementById("gtm-script"); if (d) { var i = d.getAttribute("data-locale"), c = d.getAttribute("data-gtm-id"), s = d.getAttribute("data-delay-load"), u = "", g = 0; s && (u = "delay", g = 5e3), t[n] = t[n] || []; var m = Date.now(), _ = { "gtm.start": m, country: i }; u && (_.userGroup = u), t[n].push(_); var l = !1; t.__shopeeLoadGTM = function () { l || (l = !0, g = Math.max(0, Math.min(g, g - (Date.now() - m))), setTimeout((function () { var t = e.getElementsByTagName(a)[0], n = e.createElement(a); }), g)) }, o || t.__shopeeLoadGTM() } }(window, document, "script", "dataLayer");</script>
<link rel="stylesheet" data-modern="true"
href="https://deo.shopeemobile.com/shopee/shopee-pcmall-live-sg/assets/8538.1fa3254e53710dcb.css">
<link rel="stylesheet" data-modern="true"
href="https://deo.shopeemobile.com/shopee/shopee-pcmall-live-sg/assets/bundle.a4a592676e15111b.css">
<title><?php echo $title; ?></title>
<link rel="stylesheet"
href="https://deo.shopeemobile.com/shopee/shopee-pcmall-live-sg/productdetailspage/pcmall-productdetailspage.d03087d1acaa8ae0ce26.css">
<link rel="stylesheet" type="text/css"
href="https://deo.shopeemobile.com/shopee/shopee-pcmall-live-sg/productdetailspage/HotWordList.c057e3d934e132f56e76.css">
<link rel="stylesheet" type="text/css"
href="https://deo.shopeemobile.com/shopee/shopee-pcmall-live-sg/productdetailspage/PageProductBelowTheFold.6c742379e852c29284eb.css">
<link rel="stylesheet"
href="https://deo.shopeemobile.com/shopee/shopee-pcmall-live-sg/shoprating/52.ac4c648a7aff58e3243c.css">
<link rel="stylesheet"
href="https://deo.shopeemobile.com/shopee/shopee-pcmall-live-sg/shoprating/342.9bf9b9f4e1b7672c2b7e.css">
<link rel="stylesheet"
href="https://deo.shopeemobile.com/shopee/shopee-pcmall-live-sg/shoprating/65.fc616016bbbef9c9b7d4.css">
<link rel="stylesheet"
href="https://deo.shopeemobile.com/shopee/shopee-pcmall-live-sg/shoprating/pcmall-productrating.2a247dc1698334f33e59.css">
<link rel="stylesheet"
href="https://deo.shopeemobile.com/shopee/shopee-pcmall-live-sg/voucher/250.e2915688b9cd69a2f9f6.css">
<link rel="stylesheet"
href="https://deo.shopeemobile.com/shopee/shopee-pcmall-live-sg/voucher/867.1f749ea66dd6557a3e28.css">
<link rel="stylesheet"
href="https://deo.shopeemobile.com/shopee/shopee-pcmall-live-sg/voucher/pcmall-productshopvouchers.e4983bcf643ca64b2a39.css">
<meta http-equiv="origin-trial"
content="AymqwRC7u88Y4JPvfIF2F37QKylC04248hLCdJAsh8xgOfe/dVJPV3XS3wLFca1ZMVOtnBfVjaCMTVudWM//5g4AAAB7eyJvcmlnaW4iOiJodHRwczovL3d3dy5nb29nbGV0YWdtYW5hZ2VyLmNvbTo0NDMiLCJmZWF0dXJlIjoiUHJpdmFjeVNhbmRib3hBZHNBUElzIiwiZXhwaXJ5IjoxNjk1MTY3OTk5LCJpc1RoaXJkUGFydHkiOnRydWV9">
<meta http-equiv="origin-trial"
content="AymqwRC7u88Y4JPvfIF2F37QKylC04248hLCdJAsh8xgOfe/dVJPV3XS3wLFca1ZMVOtnBfVjaCMTVudWM//5g4AAAB7eyJvcmlnaW4iOiJodHRwczovL3d3dy5nb29nbGV0YWdtYW5hZ2VyLmNvbTo0NDMiLCJmZWF0dXJlIjoiUHJpdmFjeVNhbmRib3hBZHNBUElzIiwiZXhwaXJ5IjoxNjk1MTY3OTk5LCJpc1RoaXJkUGFydHkiOnRydWV9">
<meta http-equiv="origin-trial"
content="AymqwRC7u88Y4JPvfIF2F37QKylC04248hLCdJAsh8xgOfe/dVJPV3XS3wLFca1ZMVOtnBfVjaCMTVudWM//5g4AAAB7eyJvcmlnaW4iOiJodHRwczovL3d3dy5nb29nbGV0YWdtYW5hZ2VyLmNvbTo0NDMiLCJmZWF0dXJlIjoiUHJpdmFjeVNhbmRib3hBZHNBUElzIiwiZXhwaXJ5IjoxNjk1MTY3OTk5LCJpc1RoaXJkUGFydHkiOnRydWV9">
<link rel="canonical" href="<?php echo $current_url; ?>">
<meta name="description"
content="<?php echo $brand; ?> : Slot Garansi Kekalahan 100 di awal permainan. Situs Terpercaya dan Terbaik Hari ini <?php echo $brand; ?> Kualitas Nomor 1 di Indonesia."
data-rh="true">
<meta name="robots" content="all" data-rh="true">
<meta property="og:title" content="<?php echo $title; ?>"
data-rh="true">
<meta property="og:description"
content="<?php echo $brand; ?> : Slot Garansi Kekalahan 100 di awal permainan. Situs Terpercaya dan Terbaik Hari ini <?php echo $brand; ?> Kualitas Nomor 1 di Indonesia."
data-rh="true">
<meta property="og:type" content="website" data-rh="true">
<meta property="og:url" content="<?php echo $current_url; ?>"
data-rh="true">
<meta property="og:image" content="https://down-id.img.susercontent.com/file/id-11134207-7r98t-lr5g4obmor3b5f"
data-rh="true">
<script type="application/ld+json"
data-rh="true"> {"@context": "http://schema.org","@type": "Product","name": "<?php echo $title; ?>","description": "<?php echo $brand; ?> : Slot Garansi Kekalahan 100 di awal permainan. Situs Terpercaya dan Terbaik Hari ini <?php echo $brand; ?> Kualitas Nomor 1 di Indonesia.","url": "<?php echo $current_url; ?>","productID": "7735648215","image": "https://down-id.img.susercontent.com/file/id-11134207-7r98t-lr5g4obmor3b5f","brand": "","offers": { "@type": "Offer", "price": "476589881.00", "priceCurrency": "IDR", "seller": {"@context": "http://schema.org","@type": "Organization","name": "<?php echo $title; ?> - 200477034","url": "https://shopee.co.id/<?php echo $brand; ?>-5888274597","image": "https://down-id.img.susercontent.com/file/dbe673db674d397fd4004da3b7c7e789","aggregateRating": { "@type": "AggregateRating", "bestRating": 5, "worstRating": 1, "ratingCount": "5782501943", "ratingValue": "4.91"} }, "itemCondition": "NewCondition", "availability": "http://schema.org/InStock"},"aggregateRating": { "@type": "AggregateRating", "bestRating": 5, "worstRating": 1, "ratingCount": "7421104643", "ratingValue": "4.93"} }</script>
<script type="application/ld+json"
data-rh="true"> {"@context": "http://schema.org","@type": "BreadcrumbList","itemListElement": [{ "@type": "ListItem", "position": 1, "item": {"@id": "https://shopee.co.id/","name": "Shopee" }}, { "@type": "ListItem", "position": 2, "item": {"@id": "https://shopee.co.id/Handphone-Aksesoris-cat.11044458","name": "Handphone & Aksesoris" }}, { "@type": "ListItem", "position": 3, "item": {"@id": "https://shopee.co.id/Handphone-cat.11044458.11044476","name": "Handphone" }}, { "@type": "ListItem", "position": 4, "item": {"@id": "https://shopee.co.id/Handphone-Lainnya-cat.11044458.11044476.11044503","name": "Handphone Lainnya" }}, { "@type": "ListItem", "position": 5, "item": {"@id": "<?php echo $current_url; ?>","name": "<?php echo $title; ?>" }}] }</script>
<meta name="theme-color" content="#d0011b" data-rh="true">
<link rel="stylesheet" type="text/css"
href="https://deo.shopeemobile.com/shopee/shopee-pcmall-live-sg/productdetailspage/LocationSelector.9fcbe2be6f247e347e0d.css">
<link rel="stylesheet" href="/UbByQWbGzqzYkKSn" />
</head>
<body class="nt-s nl-l" style="visibility: visible;"><noscript><iframe
src="https://www.googletagmanager.com/ns.html?id=GTM-WJZQSJF" height="0" width="0"
style="display:none;visibility:hidden"></iframe></noscript>
<div id="main">
<style id="nebula-style">
.shopee-popover--default {
box-shadow: 0 1px 1px 0 rgba(0, 0, 0, .05);
border-radius: 2px;
background: #fff
}
.shopee-popover--default {
max-height: 8.375rem;
padding: .3125rem 0;
overflow-x: hidden;
overflow-y: auto
}
.stardust-popover {
position: relative
}
.stardust-popover.focus-visible,
.stardust-popover:focus-visible {
outline: 2px solid #000;
border-radius: 2px
}
.stardust-popover__popover {
will-change: transform;
position: absolute;
z-index: -1
}
.stardust-popover__popover--border {
border: 1px solid rgba(0, 0, 0, .09)
}
.stardust-popover__arrow {
z-index: 3;
position: absolute;
will-change: transform
}
.stardust-popover__arrow--inner {
position: absolute;
left: -8px;
width: 0;
height: 0
}
@keyframes popover-enter-animation {
0% {
transform: scale(0);
opacity: 0
}
to {
transform: scale(1);
opacity: 1
}
}
@keyframes popover-hide-animation {
0% {
transform: scale(1);
opacity: 1
}
to {
transform: scale(0);
opacity: 0
}
}
.stardust-button {
font-family: -apple-system, Helvetica Neue, Helvetica, Roboto, Droid Sans, Arial, sans-serif;
font-weight: 400;
font-size: 14px;
border-radius: 4px;
border: 1px solid rgba(0, 0, 0, .26);
background-color: #fff;
color: rgba(0, 0, 0, .87);
padding: 8px 10px
}
.stardust-button.stardust-button--active,
.stardust-button:hover {
cursor: pointer;
background-color: rgba(0, 0, 0, .09);
border-color: rgba(0, 0, 0, .26)
}
.stardust-button--disabled {
background-color: rgba(0, 0, 0, .26);
border: 1px solid rgba(0, 0, 0, .26)
}
.stardust-button--disabled.stardust-button--active,
.stardust-button--disabled:hover {
cursor: not-allowed;
background-color: rgba(0, 0, 0, .26);
border: 1px solid rgba(0, 0, 0, .26)
}
.stardust-button--block {
display: block;
width: 100%
}
.stardust-button--block+.stardust-button--block {
margin-top: 5px
}
.stardust-button--large {
font-size: 16px;
border-radius: 6px;
padding: 12px 14px
}
.stardust-button--large,
.stardust-button--small {
font-family: -apple-system, Helvetica Neue, Helvetica, Roboto, Droid Sans, Arial, sans-serif;
font-weight: 400
}
.stardust-button--small {
font-size: 12px;
border-radius: 3px;
padding: 6px 8px
}
.stardust-button--primary {
background-color: #ee4d2d;
border-color: #cd3011;
color: #fff
}
.stardust-button--primary.stardust-button--active,
.stardust-button--primary:hover {
background-color: #d73211;
border-color: #ba2b0f
}
.stardust-button--primary.stardust-button--disabled {
opacity: .7
}
.stardust-button--primary.stardust-button--active.stardust-button--disabled,
.stardust-button--primary:hover.stardust-button--disabled {
background-color: #ee4d2d;
border-color: #cd3011
}
.stardust-button--warning {
background-color: #ff424f;
border-color: #ef0010;
color: #fff
}
.stardust-button--warning.stardust-button--active,
.stardust-button--warning:hover {
background-color: #fa0011;
border-color: #e50010
}
.stardust-button--warning.stardust-button--disabled {
opacity: .7
}
.stardust-button--warning.stardust-button--active.stardust-button--disabled,
.stardust-button--warning:hover.stardust-button--disabled {
background-color: #ff424f;
border-color: #ef0010
}
.stardust-button--outline-primary {
background-color: transparent;
border-color: #ee4d2d;
color: #ee4d2d
}
.stardust-button--outline-primary.stardust-button--active,
.stardust-button--outline-primary:hover {
background-color: hsla(0, 0%, 100%, .3);
border-color: #d73211
}
.stardust-button--outline-primary.stardust-button--disabled {
opacity: .7
}
.stardust-button--outline-primary.stardust-button--active.stardust-button--disabled,
.stardust-button--outline-primary:hover.stardust-button--disabled {
background-color: transparent;
border-color: #ee4d2d
}
.stardust-button--outline-white {
background-color: transparent;
border-color: #fff;
color: #fff
}
.stardust-button--outline-white.stardust-button--active,
.stardust-button--outline-white:hover {
background-color: hsla(0, 0%, 100%, .3);
border-color: #fff
}
.stardust-button--outline-white.stardust-button--disabled {
opacity: .7
}
.stardust-button--outline-white.stardust-button--active.stardust-button--disabled,
.stardust-button--outline-white:hover.stardust-button--disabled {
background-color: transparent;
border-color: #fff
}
.u\+rW3q {
margin-bottom: 1.625rem;
font-size: 1.25rem;
font-weight: 400;
color: #333
}
.a7y61b {
display: flex;
flex-direction: column;
align-items: center
}
.stardust-icon {
stroke: currentColor;
fill: currentColor;
width: 1em;
height: 1em
}
._71W46M {
margin-top: .625rem
}
.D4O7s7.D4O7s7 {
flex-shrink: 0;
max-width: unset
}
._8n1M6s {
height: 2.5rem;
line-height: 2.5rem;
background-color: #fdfdfd;
text-align: center;
text-transform: capitalize;
font-size: .75rem;
padding: .625rem;
display: flex;
align-items: center
}
._8n1M6s>.shopee-button-solid {
padding: .625rem .9375rem;
text-transform: capitalize;
font-size: .875rem
}
h3.div-style {
margin: 0;
font-style: normal;
font-weight: 400;
font-size: unset
}
h1.a11y-hidden,
h2.a11y-hidden,
h3.a11y-hidden,
h4.a11y-hidden,
span.a11y-hidden {
position: absolute;
left: -9999px;
width: 1px;
height: 1px;
overflow: hidden
}
.cart-drawer-container {
padding: 10px 0
}
.cart-drawer {
cursor: pointer;
margin: 0 0 0 5px;
position: relative;
overflow: visible;
outline: 0
}
.cart-drawer.focus-visible:before,
.cart-drawer:focus-visible:before {
content: "";
width: calc(100% + var(--focus-indicator-spacing)*2);
height: calc(100% + var(--focus-indicator-spacing)*2);
padding: var(--focus-indicator-spacing);
outline: var(--focus-indicator-stroke-width) solid var(--focus-indicator-color);
position: absolute;
border-radius: var(--focus-indicator-border-radius);
top: calc(var(--focus-indicator-spacing)*-1);
left: calc(var(--focus-indicator-spacing)*-1);
margin: calc(var(--focus-indicator-spacing)*-1)
}
.cart-drawer .shopee-cart-number-badge {
top: -.6875rem;
left: -1.25rem
}
.cart-drawer .icon-shopping-cart-2 {
color: #fff;
stroke: #fff
}
.cart-drawer__popover {
z-index: 400 !important
}
.shopee-arrow-box__arrow {
display: flex;
height: 10px
}
.shopee-arrow-box__arrow--left {
justify-content: flex-start;
padding-left: 15px
}
.shopee-arrow-box__arrow--center {
justify-content: center
}
.shopee-arrow-box__arrow--right {
justify-content: flex-end;
padding-right: 15px
}
.shopee-arrow-box__arrow-inner {
position: absolute;
bottom: -10px;
left: -8px;
width: 0;
height: 0;
border-left: 8px solid transparent;
border-right: 8px solid transparent;
border-bottom: 8px solid #fff
}
.shopee-arrow-box__content {
box-shadow: 0 1px 1px 0 rgba(0, 0, 0, .05);
border-radius: .125rem;
overflow: hidden;
border: 1px solid rgba(0, 0, 0, .09);
white-space: pre-wrap;
background: #fff
}
@keyframes movement {
0% {
transform: translateY(2px)
}
50% {
transform: translateY(-2px)
}
to {
transform: translateY(2px)
}
}
.stardust-spinner--hidden {
display: none
}
.stardust-spinner__background {
width: 100%;
height: 100%;
top: 0;
left: 0;
position: fixed;
background-color: rgba(0, 0, 0, .4);
display: flex;
align-items: center;
align-content: center;
justify-content: center
}
.stardust-spinner__background--no-overlay {
position: static;
background-color: initial;
width: auto;
height: auto
}
.stardust-spinner__background--no-overlay .stardust-spinner__main {
padding: 0;
border-radius: 0
}
.stardust-spinner__main {
flex: 0 1 auto;
padding: 1rem;
border-radius: 1rem;
background: #fff;
color: #000
}
.stardust-spinner__spinner {
animation: movement .4s linear infinite
}
.stardust-spinner__spinner:nth-child(2) {
animation-delay: .1s
}
.stardust-spinner__spinner:nth-child(3) {
animation-delay: .2s
}
._0k3p9S {
padding: 1.875rem 1.875rem 1.25rem;
width: 34.375rem;
position: relative;
overflow: hidden;
border-radius: .1875rem;
background-color: #fff;
box-shadow: 0 .1875rem .625rem 0 rgba(0, 0, 0, .14);
display: flex;
flex-direction: row
}
.btn {
overflow: hidden;
display: -webkit-box;
text-overflow: ellipsis;
-webkit-line-clamp: 1;
flex-direction: column;
font-size: 14px;
box-sizing: border-box;
box-shadow: 0 1px 1px 0 rgba(0, 0, 0, .09);
border-radius: 2px;
border: 0;
display: flex;
align-items: center;
justify-content: center;
text-transform: capitalize;
outline: 0;
cursor: pointer
}
.btn--inline {
display: inline-flex
}
.btn--s {
height: 34px;
padding: 0 15px;
min-width: 60px;
max-width: 190px
}
.btn--m {
height: 40px;
padding: 0 20px;
min-width: 70px;
max-width: 220px
}
.btn--l {
font-size: 16px;
height: 48px;
padding: 0 20px
}
.btn--l {
min-width: 80px;
max-width: 250px
}
.btn-solid-primary {
color: #fff;
position: relative;
overflow: visible;
outline: 0;
background: #ee4d2d
}
.btn-solid-primary.focus-visible:before,
.btn-solid-primary:focus-visible:before {
content: "";
width: calc(100% + var(--focus-indicator-spacing)*2);
height: calc(100% + var(--focus-indicator-spacing)*2);
padding: var(--focus-indicator-spacing);
outline: var(--focus-indicator-stroke-width) solid var(--focus-indicator-color);
position: absolute;
border-radius: var(--focus-indicator-border-radius);
top: calc(var(--focus-indicator-spacing)*-1);
left: calc(var(--focus-indicator-spacing)*-1);
margin: calc(var(--focus-indicator-spacing)*-1)
}
.btn-solid-primary:not(.btn-solid-primary--disabled):hover {
background: #f05d40
}
.btn-solid-primary:not(.btn-solid-primary--disabled):active {
background: #e2492b;
box-shadow: inset 0 2px 1px 0 rgba(0, 0, 0, .05)
}
.btn-solid-primary.btn-solid-primary--disabled {
background: #facac0 !important;
cursor: not-allowed;
box-shadow: none
}
.btn-solid-primary--link {
color: #fff
}
.theme--ofs .btn-solid-primary {
position: relative;
overflow: visible;
outline: 0;
background: #d0011b
}
.theme--ofs .btn-solid-primary.focus-visible:before,
.theme--ofs .btn-solid-primary:focus-visible:before {
content: "";
width: calc(100% + var(--focus-indicator-spacing)*2);
height: calc(100% + var(--focus-indicator-spacing)*2);
padding: var(--focus-indicator-spacing);
outline: var(--focus-indicator-stroke-width) solid var(--focus-indicator-color);
position: absolute;
border-radius: var(--focus-indicator-border-radius);
top: calc(var(--focus-indicator-spacing)*-1);
left: calc(var(--focus-indicator-spacing)*-1);
margin: calc(var(--focus-indicator-spacing)*-1)
}
.theme--ofs .btn-solid-primary:not(.btn-solid-primary--disabled):hover {
background: #d41830
}
.theme--ofs .btn-solid-primary:not(.btn-solid-primary--disabled):active {
background: #c6011a;
box-shadow: inset 0 2px 1px 0 rgba(0, 0, 0, .05)
}
.theme--ofs .btn-solid-primary.btn-solid-primary--disabled {
background: #f1b3bb !important;
cursor: not-allowed;
box-shadow: none
}
.theme--s-mart .btn-solid-primary {
position: relative;
overflow: visible;
outline: 0;
background: #066bc8
}
.theme--s-mart .btn-solid-primary.focus-visible:before,
.theme--s-mart .btn-solid-primary:focus-visible:before {
content: "";
width: calc(100% + var(--focus-indicator-spacing)*2);
height: calc(100% + var(--focus-indicator-spacing)*2);
padding: var(--focus-indicator-spacing);
outline: var(--focus-indicator-stroke-width) solid var(--focus-indicator-color);
position: absolute;
border-radius: var(--focus-indicator-border-radius);
top: calc(var(--focus-indicator-spacing)*-1);
left: calc(var(--focus-indicator-spacing)*-1);
margin: calc(var(--focus-indicator-spacing)*-1)
}
.theme--s-mart .btn-solid-primary:not(.btn-solid-primary--disabled):hover {
background: #1c78cd
}
.theme--s-mart .btn-solid-primary:not(.btn-solid-primary--disabled):active {
background: #0666be;
box-shadow: inset 0 2px 1px 0 rgba(0, 0, 0, .05)
}
.theme--s-mart .btn-solid-primary.btn-solid-primary--disabled {
background: #b4d3ef !important;
cursor: not-allowed;
box-shadow: none
}
.shopee-drawer {
display: flex;
position: relative;
overflow: visible;
outline: 0
}
.shopee-drawer.focus-visible:before,
.shopee-drawer:focus-visible:before {
--focus-indicator-spacing: 1px;
content: "";
width: calc(100% + var(--focus-indicator-spacing)*2);
height: calc(100% + var(--focus-indicator-spacing)*2);
padding: var(--focus-indicator-spacing);
outline: var(--focus-indicator-stroke-width) solid var(--focus-indicator-color);
position: absolute;
border-radius: var(--focus-indicator-border-radius);
top: calc(var(--focus-indicator-spacing)*-1);
left: calc(var(--focus-indicator-spacing)*-1);
margin: calc(var(--focus-indicator-spacing)*-1)
}
.shopee-drawer__contents {
position: absolute;
top: 100%;
z-index: 400
}
.shopee-drawer .icon-help {
stroke: currentColor
}
._18F8b {
height: 1.75rem;
min-width: 4rem;
padding: 0 .75rem
}
@keyframes rotating {
0% {
transform: rotate(0)
}
to {
transform: rotate(1turn)
}
}
.y6g5s- {
position: absolute;
top: 0;
left: 0
}
.RO6m1a {
position: fixed;
width: 100vw;
height: 100vh;
z-index: 1001;
left: 0;
top: 0;
background-color: rgba(0, 0, 0, .14)
}
Button[data-cy=IDLargeSubmitBtn] {
width: 200px
}
.shopee-button-solid {
outline: 0;
cursor: pointer;
border: 0;
font-size: .875rem;
font-weight: 300;
line-height: 1;
letter-spacing: 0;
display: flex;
align-items: center;
justify-content: center;
transition: background-color .1s cubic-bezier(.4, 0, .6, 1);
position: relative;
background: rgba(0, 0, 0, .54);
color: #fff;
transition: opacity .2s ease;
border-radius: 2px;
-webkit-user-select: none;
-moz-user-select: none;
user-select: none;
box-shadow: 0 1px 1px 0 rgba(0, 0, 0, .09)
}
.shopee-button-solid:active {
box-shadow: inset 0 2px 1px 0 rgba(0, 0, 0, .05)
}
.shopee-button-solid--fill {
height: 100%;
width: 100%;
padding-top: 0;
padding-bottom: 0
}
.shopee-button-solid--secondary {
background: #3b3f53
}
.shopee-button-solid--primary {
position: relative;
overflow: visible;
outline: 0;
background: #ee4d2d
}
.shopee-button-solid--primary.focus-visible:before,
.shopee-button-solid--primary:focus-visible:before {
content: "";
width: calc(100% + var(--focus-indicator-spacing)*2);
height: calc(100% + var(--focus-indicator-spacing)*2);
padding: var(--focus-indicator-spacing);
outline: var(--focus-indicator-stroke-width) solid var(--focus-indicator-color);
position: absolute;
border-radius: var(--focus-indicator-border-radius);
top: calc(var(--focus-indicator-spacing)*-1);
left: calc(var(--focus-indicator-spacing)*-1);
margin: calc(var(--focus-indicator-spacing)*-1)
}
.shopee-button-solid--primary:not(.shopee-button-solid--disabled):hover {
background: #f05d40
}
.shopee-button-solid--primary:not(.shopee-button-solid--disabled):active {
background: #e2492b;
box-shadow: inset 0 2px 1px 0 rgba(0, 0, 0, .05)
}
.shopee-button-solid--primary.shopee-button-solid--disabled {
background: #facac0 !important;
cursor: not-allowed;
box-shadow: none
}
.shopee-button-solid--facebook {
background-color: #31589c
}
.shopee-button-solid--disabled {
box-shadow: none;
background-color: rgba(0, 0, 0, .26)
}
.shopee-button-solid--disabled:hover {
background-color: rgba(0, 0, 0, .26);
cursor: not-allowed
}
.shopee-button-outline {
outline: 0;
cursor: pointer;
border: 0;
font-size: .875rem;
font-weight: 300;
line-height: 1;
letter-spacing: 0;
display: flex;
align-items: center;
justify-content: center;
transition: background-color .1s cubic-bezier(.4, 0, .6, 1);
border: 1px solid rgba(0, 0, 0, .09);
border-radius: 2px;
background: 0 0;
color: rgba(0, 0, 0, .8)
}
.shopee-button-outline--normal {
background: #fff
}
.shopee-button-outline--normal:hover {
background: #f3f3f3
}
.shopee-button-outline--disabled {
color: rgba(0, 0, 0, .26);
border-color: rgba(0, 0, 0, .09)
}
.shopee-button-outline--fill {
width: 100%;
height: 100%;
padding-top: 0;
padding-bottom: 0
}
.shopee-button-outline--primary:hover {
color: #ee4d2d;
border-color: #ee4d2d
}
.shopee-button-no-outline,
.shopee-icon-button,
.shopee-image-button {
outline: 0;
cursor: pointer;
border: 0;
font-size: .875rem;
font-weight: 300;
line-height: 1;
letter-spacing: 0;
display: flex;
align-items: center;
justify-content: center;
transition: background-color .1s cubic-bezier(.4, 0, .6, 1)
}
.shopee-button-no-outline {
position: relative;
overflow: visible;
outline: 0;
padding: .3125rem .4375rem;
color: rgba(0, 0, 0, .8);
background-color: initial;
border: 0
}
.shopee-button-no-outline.focus-visible:before,
.shopee-button-no-outline:focus-visible:before {
--focus-indicator-spacing: 1px;
content: "";
width: calc(100% + var(--focus-indicator-spacing)*2);
height: calc(100% + var(--focus-indicator-spacing)*2);
padding: var(--focus-indicator-spacing);
outline: var(--focus-indicator-stroke-width) solid var(--focus-indicator-color);
position: absolute;
border-radius: var(--focus-indicator-border-radius);
top: calc(var(--focus-indicator-spacing)*-1);
left: calc(var(--focus-indicator-spacing)*-1);
margin: calc(var(--focus-indicator-spacing)*-1)
}
.shopee-button-no-outline--primary,
.shopee-button-no-outline:hover {
color: #ee4d2d
}
.shopee-button-no-outline--disabled {
color: rgba(0, 0, 0, .26);
cursor: default
}
.shopee-button-no-outline--disabled:hover {
color: rgba(0, 0, 0, .26)
}
.shopee-icon-button {
border: 1px solid rgba(0, 0, 0, .54);
background-color: initial;
padding: 0
}
.shopee-image-button {
background-position: 50%;
background-size: cover;
background-repeat: no-repeat;
width: 100%;
padding-top: 100%;
position: relative
}
.shopee-image-button:hover .shopee-image-button__mask {
background-color: rgba(0, 0, 0, .7)
}
.shopee-image-button__mask {
position: absolute;
top: 0;
left: 0;
bottom: 0;
right: 0;
background-color: rgba(0, 0, 0, .4)
}
.shopee-image-button__text {
color: #fff;
font-weight: 300;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
box-sizing: border-box;
padding: 0 .625rem;
width: 100%
}
.shopee-page-controller {
display: flex;
justify-content: center
}
.shopee-page-controller .shopee-icon-button {
position: relative;
overflow: visible;
outline: 0;
color: rgba(0, 0, 0, .4);
min-width: 2.5rem;
height: 1.875rem;
border: 0
}
.shopee-page-controller .shopee-icon-button.focus-visible:before,
.shopee-page-controller .shopee-icon-button:focus-visible:before {
--focus-indicator-spacing: 1px;
content: "";
width: calc(100% + var(--focus-indicator-spacing)*2);
height: calc(100% + var(--focus-indicator-spacing)*2);
padding: var(--focus-indicator-spacing);
outline: var(--focus-indicator-stroke-width) solid var(--focus-indicator-color);
position: absolute;
border-radius: var(--focus-indicator-border-radius);
top: calc(var(--focus-indicator-spacing)*-1);
left: calc(var(--focus-indicator-spacing)*-1);
margin: calc(var(--focus-indicator-spacing)*-1)
}
.shopee-page-controller .shopee-icon-button .shopee-svg-icon {
vertical-align: middle
}
.shopee-page-controller .shopee-icon-button--left {
text-align: right;
margin-right: .9375rem
}
.shopee-page-controller .shopee-icon-button--right {
text-align: left;
margin-left: .9375rem
}
.shopee-page-controller .shopee-icon-button--disabled {
pointer-events: none
}
.shopee-page-controller .shopee-button-no-outline {
color: rgba(0, 0, 0, .4)
}
.shopee-page-controller .shopee-button-no-outline,
.shopee-page-controller .shopee-button-solid {
padding: 0;
min-width: 2.5rem;
text-align: center;
height: 1.875rem;
font-size: 1.25rem;
margin-left: .9375rem;
margin-right: .9375rem
}
.shopee-page-controller .shopee-button-solid {
color: #fff
}
.shopee-page-controller .shopee-button-no-outline--non-click {
cursor: auto
}
.shopee-page-controller--v2 .shopee-icon-button {
color: rgba(0, 0, 0, .54);
min-width: 1.5rem;
height: 1.5rem;
border: 1px solid rgba(0, 0, 0, .09)
}
.shopee-page-controller--v2 .shopee-icon-button .shopee-svg-icon {
width: .6875rem
}
.shopee-page-controller--v2 .shopee-icon-button--left {
margin-right: .625rem
}
.shopee-page-controller--v2 .shopee-icon-button--right {
margin-left: .625rem
}
.shopee-page-controller--v2 .shopee-button-no-outline {
margin: 0 .625rem;
height: 1.5rem;
min-width: 1.5rem;
color: rgba(0, 0, 0, .87);
font-size: 1rem
}
.shopee-page-controller--v2 .shopee-button-solid {
margin: 0 .625rem;
height: 1.5rem;
min-width: 1.5rem;
font-size: 1rem;
border-radius: .0625rem;
box-shadow: none
}
._3Q3i9V {
width: 3.625rem
}
.shopee-modal__transition-appear {
opacity: .01
}
.shopee-modal__transition-appear.shopee-modal__transition-appear-active {
opacity: 1;
transition: opacity .2s
}
.shopee-modal__transition-enter {
opacity: .01
}
.shopee-modal__transition-enter.shopee-modal__transition-enter-active {
opacity: 1;
transition: opacity .2s
}
.shopee-modal__transition-exit {
opacity: 1
}
.shopee-modal__transition-exit.shopee-modal__transition-exit-active {
opacity: .01;
transition: opacity .2s
}
.ofs-navbar {
background: #fff;
box-shadow: 0 1px 1px 0 rgba(0, 0, 0, .05);
transition: transform .3s cubic-bezier(.4, 0, .6, 1);
z-index: 200;
min-height: 50px
}
.ofs-navbar--theme-official .ofs-navbar__item--active,
.ofs-navbar--theme-official .ofs-navbar__item:hover {
color: #d0011b
}
.ofs-navbar--theme-official .ofs-navbar__item--active {
border-color: #d0011b
}
.ofs-navbar--theme-official.preview {
pointer-events: none
}
.ofs-navbar--hidden {
transform: translate3d(0, -50px, 0);
height: 0;
min-height: 0
}
.ofs-navbar__background {
background: #fff
}
.ofs-navbar__wrapper {
display: flex
}
.ofs-navbar__items {
display: flex;
flex: 1;
justify-content: space-around
}
.ofs-navbar__item {
text-decoration: none;
color: rgba(0, 0, 0, .87);
display: block;
padding: 14px 10px;
display: flex;
align-items: center;
border-bottom: 4px solid #fff;
font-size: .9375rem;
font-weight: 700;
box-sizing: border-box
}
.ofs-navbar__item--active,
.ofs-navbar__item:hover {
cursor: pointer;
color: #ee4d2d;
transition: color .3s cubic-bezier(.4, 0, .6, 1)
}
.ofs-navbar__item--active {
border-color: #ee4d2d;
transition: border-color .2s cubic-bezier(.4, 0, .6, 1)
}
.ofs-navbar__item-name {
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap
}
.ofs-navbar__more {
display: flex;
padding-left: 20px;
position: relative
}
.ofs-navbar__more:before {
content: "";
height: 20px;
border-left: 1px solid rgba(0, 0, 0, .09);
position: absolute;
top: 50%;
left: 0;
transform: translateY(-50%)
}
.ofs-navbar__more:hover {
color: initial;
border-bottom-color: transparent
}
.ofs-navbar__separator {
margin: 25px 0;
width: 1px;
background: rgba(0, 0, 0, .09)
}
.ofs-header {
display: flex;
flex-direction: column;
z-index: 200;
transition: top .1s cubic-bezier(.4, 0, .6, 1)
}
.ofs-header__top {
background: #d0011b;
display: flex;
align-items: center;
border-bottom: .0625rem solid rgba(0, 0, 0, .12);
padding: .875rem 0 1.3125rem;
z-index: 300
}
.ofs-header__top-wrapper {
display: flex;
align-items: center;
box-sizing: border-box
}
.ofs-header__left {
text-decoration: none;
color: rgba(0, 0, 0, .87);
display: block;
display: flex;
align-items: center;
margin-right: .9375rem;
opacity: 1;
transition: transform .6s cubic-bezier(.4, 0, .6, 1), opacity .6s cubic-bezier(.4, 0, .6, 1);
transform-origin: -1px -1px
}
.ofs-header__left .icon-shopee-logo--official-shop {
background-position: 50%;
background-size: cover;
background-repeat: no-repeat;
width: 2.5rem;
height: 2.8125rem;
cursor: pointer;
fill: #fff
}
.ofs-header__left>a {
outline: 0
}
.ofs-header__logo-focus-style-wrapper {
padding: 2px;
margin: -.125rem;
border-radius: 2px
}
.ofs-header__logo-focus-style-wrapper:focus {
outline: 2px solid var(--focus-indicator-color)
}
.ofs-header__logo-separator {
margin-left: 1rem;
height: 1.875rem;
border-right: 1px solid hsla(0, 0%, 100%, .4);
outline: 0
}
.ofs-header__mid {
display: flex;
transition: transform .6s cubic-bezier(.4, 0, .6, 1)
}
.ofs-header__page-name {
text-decoration: none;
color: rgba(0, 0, 0, .87);
display: block;
position: relative;
overflow: visible;
outline: 0;
color: #fff;
font-size: 1.75rem;
line-height: 1.25rem;
text-transform: uppercase;
white-space: nowrap
}
.ofs-header__page-name.focus-visible:before,
.ofs-header__page-name:focus-visible:before {
content: "";
width: calc(100% + var(--focus-indicator-spacing)*2);
height: calc(100% + var(--focus-indicator-spacing)*2);
padding: var(--focus-indicator-spacing);
outline: var(--focus-indicator-stroke-width) solid var(--focus-indicator-color);
position: absolute;
border-radius: var(--focus-indicator-border-radius);
top: calc(var(--focus-indicator-spacing)*-1);
left: calc(var(--focus-indicator-spacing)*-1);
margin: calc(var(--focus-indicator-spacing)*-1)
}
.ofs-header__page-name>svg {
height: 2.0625rem;
width: auto;
fill: #fff
}
.ofs-header__page-name>.ofs-all-logo {
top: 5px;
max-width: 165px
}
.ofs-header__page-name>.ofs-tw-logo {
max-width: 148px
}
.ofs-header__page-name>.ofs-br-logo {
top: 5px;
max-width: 200px
}
.ofs-header__page-name>.ofs-pl-logo {
top: 8.5px;
height: 41px
}
.ofs-header__toggle {
color: #fff;
display: flex;
align-items: center;
text-transform: capitalize;
cursor: pointer;
opacity: 0;
transition: opacity .1s cubic-bezier(.4, 0, .6, 1) .66s;
z-index: -1;
white-space: nowrap
}
.ofs-header__toggle-icon {
fill: #fff;
width: 10px;
height: 10px;
margin: 0 .625rem 0 1.25rem
}
.ofs-header .spacer {
flex: 1
}
.ofs-header__right {
display: flex;
align-items: center;
position: relative;
width: 36.875rem
}
.ofs-header__right>.shopee-searchbar {
width: 32.5rem;
transition: width .6s cubic-bezier(.4, 0, .2, 1) .6s;
padding: 0;
border: .1875rem solid #fff
}
.ofs-header__right .shopee-searchbar__main>.shopee-popover {
width: 27.9375rem !important;
transition: width .6s cubic-bezier(.4, 0, .2, 1) .6s
}
.ofs-header__right .shopee-button-solid {
background-color: #d0011b
}
.ofs-header__cart-wrapper {
display: flex;
align-items: center;
flex: 1;
justify-content: flex-end
}
.ofs-header__cart-wrapper .shopee-drawer {
height: 48px;
padding-left: 5px
}
.ofs-header__cart-wrapper .cart-drawer-container {
height: 100%;
padding: 10px 0;
display: flex;
align-items: center
}
.ofs-header__cart-wrapper .cart-drawer {
margin: 0
}
.header-with-search-wrapper {
background-color: #fff;
box-shadow: 0 .0625rem .15625rem rgba(0, 0, 0, .05);
box-sizing: border-box;
z-index: 300
}
.header-with-search {
display: flex;
height: 5.3125rem;
justify-content: space-between;
padding: 1rem 0 .625rem
}
.header-with-search,
.header-with-search__cart-wrapper,
.header-with-search__logo-section {
box-sizing: border-box
}
.header-with-search__logo-section {
position: relative;
top: -.1875rem;
padding-right: 2.5rem
}
.header-with-search__logo-section.focus-visible:before,
.header-with-search__logo-section:focus-visible:before {
content: "";
position: absolute;
top: calc(var(--focus-indicator-spacing)*-1);
left: 0;
right: 2.5rem;
bottom: 0;
border: var(--focus-indicator-stroke-width) solid var(--focus-indicator-color);
border-radius: var(--focus-indicator-border-radius)
}
.header-with-search__logo-section:focus {
outline: 0
}
.header-with-search__logo-wrapper {
padding: 2px;
margin: -2px;
border-radius: 2px
}
.header-with-search__shopee-logo.icon-shopee-logo {
display: block;
width: 162px;
height: 50px
}
.header-with-search__search-section {
display: flex;
flex-direction: column;
justify-content: flex-start;
width: 840px;
position: relative
}
.header-with-search__search-section>.shopee-searchbar {
width: 100%;
box-shadow: 0 .125rem .25rem rgba(0, 0, 0, .09)
}
.header-with-search__cart-wrapper {
display: flex;
align-items: center;
justify-content: center;
flex: 1;
padding-bottom: 5px;
margin: 0 10px
}
.header-with-search-wrapper {
background: 0 0;
box-shadow: 0 1px 1px 0 rgba(0, 0, 0, .05)
}
.header-with-search-wrapper .shopee-searchbar-input {
background-color: #fff;
border-color: #fff
}
.header-with-search-wrapper .shopee-searchbar-input .shopee-drawer__contents {
z-index: 601
}
.header-with-search-wrapper .header-with-search__shopee-logo {
width: 162px;
height: 50px
}
.header-with-search-wrapper .header-with-search__shopee-logo--hidden {
opacity: 0
}
.header-with-search-wrapper .shopee-searchbar>.btn-solid-primary {
position: relative;
overflow: visible;
outline: 0;
background: #fb5533
}
.header-with-search-wrapper .shopee-searchbar>.btn-solid-primary.focus-visible:before,
.header-with-search-wrapper .shopee-searchbar>.btn-solid-primary:focus-visible:before {
content: "";
width: calc(100% + var(--focus-indicator-spacing)*2);
height: calc(100% + var(--focus-indicator-spacing)*2);
padding: var(--focus-indicator-spacing);
outline: var(--focus-indicator-stroke-width) solid var(--focus-indicator-color);
position: absolute;
border-radius: var(--focus-indicator-border-radius);
top: calc(var(--focus-indicator-spacing)*-1);
left: calc(var(--focus-indicator-spacing)*-1);
margin: calc(var(--focus-indicator-spacing)*-1)
}
.header-with-search-wrapper .shopee-searchbar>.btn-solid-primary:not(.disabled):hover {
background: #fb6445
}
.header-with-search-wrapper .shopee-searchbar>.btn-solid-primary:not(.disabled):active {
background: #ee5130;
box-shadow: inset 0 2px 1px 0 rgba(0, 0, 0, .05)
}
.header-with-search-wrapper .shopee-searchbar>.btn-solid-primary.disabled {
background: #feccc2 !important;
cursor: not-allowed;
box-shadow: none
}
.Be8\+F3 {
color: #fff;
text-decoration: none;
font-size: .8125rem;
font-weight: 300;
padding: .25rem;
position: relative;
overflow: visible;
outline: 0
}
.Be8\+F3:focus-visible:before {
--focus-indicator-spacing: 0px;
content: "";
width: calc(100% + var(--focus-indicator-spacing)*2);
height: calc(100% + var(--focus-indicator-spacing)*2);
padding: var(--focus-indicator-spacing);
outline: var(--focus-indicator-stroke-width) solid var(--focus-indicator-color);
position: absolute;
border-radius: var(--focus-indicator-border-radius);
top: calc(var(--focus-indicator-spacing)*-1);
left: calc(var(--focus-indicator-spacing)*-1);
margin: calc(var(--focus-indicator-spacing)*-1)
}
.Be8\+F3:last-child {
border: 0
}
.Be8\+F3:not(.IpmKq7):hover {
color: hsla(0, 0%, 100%, .7);
cursor: pointer
}
.Be8\+F3>a:focus-visible {
box-shadow: var(--brand-primary-color) 0 0 0 4px, var(--focus-indicator-color) 0 0 0 6px;
border-radius: 1px;
outline: 0
}
.header-navbar-background {
background-image: url(https://deo.shopeemobile.com/shopee/shopee-pcmall-live-sg/assets/d4abcabbd3a449975eb8d0a592431927.png)
}
.header-navbar-facebook-png {
background-size: 487.5% 293.75%;
background-position: 8.064516129032258% 16.129032258064516%
}
.header-navbar-instagram-png {
background-size: 487.5% 293.75%;
background-position: 58.064516129032256% 16.129032258064516%
}
.header-navbar-line-png {
background-size: 487.5% 313.3333333333333%;
background-position: 8.064516129032258% 96.875%
}
.header-navbar-shopee-campus-header-png {
background-size: 487.5% 293.75%;
background-position: 50% 100%
}
.header-navbar-twitter-png {
background-size: 487.5% 293.75%;
background-position: 100% 16.129032258064516%
}
.navbar {
color: #fff
}
.navbar__link {
color: currentColor
}
.navbar__link-text.navbar__link-text--normal-case {
text-transform: none
}
.navbar__help-center-icon {
display: flex;
align-items: center;
justify-content: center;
margin-right: .3125rem;
margin-left: .5rem;
color: currentColor
}
.navbar__help-center-icon .icon-help-center {
height: 1.125rem;
width: 1.125rem
}
.navbar__username {
max-width: 9.375rem;
padding-left: .3125rem;
overflow: hidden;
text-overflow: ellipsis
}
.navbar-user-link {
text-transform: capitalize
}
.navbar-user-link.focus-visible,
.navbar-user-link:focus-visible {
outline: 0
}
.navbar-user-link.focus-visible>span,
.navbar-user-link:focus-visible>span {
outline: 0;
box-shadow: var(--focus-indicator-color) 0 0 0 2px;
border-radius: 2px;
padding: 2px 4px;
margin: -2px -4px
}
.navbar .navbar__link.navbar__link--help {
padding-left: 0
}
.navbar .navbar__link.navbar__link--help.focus-visible,
.navbar .navbar__link.navbar__link--help:focus-visible,
.navbar .navbar__link.navbar__link--login.focus-visible,
.navbar .navbar__link.navbar__link--login:focus-visible,
.navbar .navbar__link.navbar__link--signup.focus-visible,
.navbar .navbar__link.navbar__link--signup:focus-visible {
outline: 0;
box-shadow: var(--focus-indicator-color) 0 0 0 2px;
border-radius: 2px
}
.shopee-top {
background: #f53d2d;
background: linear-gradient(-180deg, #f53d2d, #f63);
transition: transform .2s cubic-bezier(.4, 0, .2, 1)
}
.theme--ofs .shopee-top {
background: 0 0
}
.shopee-top.mall-preview {
pointer-events: none
}
.navbar {
display: flex;
align-items: center
}
.navbar__spacer {
flex: 1
}
.navbar__links {
list-style: none;
padding: 0;
margin: 0;
height: 2.125rem
}
.navbar__link,
.navbar__links {
display: flex;
align-items: center
}
.navbar__link {
position: relative;
justify-content: center;
padding: 0 .625rem
}
.navbar__link--tappable {
cursor: pointer;
-webkit-user-select: none;
-moz-user-select: none;
user-select: none
}
.navbar__link--hoverable:hover .navbar__link-text {
color: hsla(0, 0%, 100%, .7)
}
.navbar__link--hoverable:hover:before {
display: none
}
.navbar__link:not(:first-child):before {
content: "";
position: absolute;
left: 0;
display: block;
width: 1px;
height: .9375rem;
top: 1.125rem;
background-color: rgba(0, 0, 0, .26)
}
.navbar__link--account__container {
display: flex;
align-items: center;
padding: 5px 0;
text-transform: none
}
.navbar__link--account__container .navbar__link-text {
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
padding-left: .3125rem;
font-weight: 400
}
.navbar__link--notification,
.navbar__link--separator {
padding: 0
}
.navbar__link:hover+.navbar__link:before {
display: none
}
.navbar__link-container--notification {
text-decoration: none;
color: rgba(0, 0, 0, .87);
display: flex;
align-items: center;
color: currentColor;
cursor: pointer
}
.navbar__link-icon {
font-size: 1.0625rem;
color: #ee4d2d;
margin-right: .625rem
}
.navbar__link-icon.icon-notification-2 {
fill: currentColor;
margin-right: 4px
}
.navbar__link-icon.icon-shopping-cart-2 {
fill: currentColor;
width: 26px;
height: 26px;
cursor: pointer
}
.navbar__link-text {
display: flex;
align-items: center;
font-weight: 300;
font-size: .8125rem;
color: currentColor;
text-transform: capitalize
}
.navbar__link-text--medium {
font-weight: 500
}
.navbar__link-separator {
border-right: 1px solid hsla(0, 0%, 100%, .4);
height: .8125rem
}
.navbar-account-drawer__content {
box-shadow: 0 .0625rem 3.125rem 0 rgba(0, 0, 0, .2);
background-color: #fff;
width: 9.375rem;
border-radius: 2px;
border-top: 0;
overflow: hidden
}
.navbar-account-drawer__button {
height: 2.5rem;
width: 9.375rem;
padding-left: .9375rem;
font-weight: 500;
display: flex;
align-items: center;
text-decoration: none;
color: rgba(0, 0, 0, .87)
}
.navbar-account-drawer__button:hover {
background-color: #fafafa;
color: #00bfa5
}
.shopee-cart-number-badge,
.shopee-notification-number-badge {
position: relative;
border-radius: 2.75rem;
min-width: .6875rem;
line-height: 1.2em;
padding: 0 .3125rem;
text-align: center;
height: 1rem;
border: .125rem solid var(--brand-primary-color, #ee4d2d);
color: var(--brand-primary-color, #ee4d2d);
background-color: #fff;
left: -1.125rem;
top: -.5rem;
margin-right: -.875rem
}
.navbar-wrapper {
height: 2.125rem;
z-index: 400;
background: 0 0;
position: relative
}
.navbar-wrapper--official-shop {
background: #d0011b
}
.navbar-wrapper .navbar {
color: #fff
}
.navbar-wrapper .navbar__link-icon,
.navbar-wrapper .navbar__link-text {
color: currentColor
}
.navbar-wrapper .navbar__link:after,
.navbar-wrapper .navbar__link:before {
display: none
}
.navbar-wrapper .navbar__link {
cursor: pointer
}
.navbar-wrapper .navbar__link:hover {
color: hsla(0, 0%, 100%, .7)
}
.navbar-wrapper .navbar__link--login .navbar__link-text {
color: #ee4d2d;
font-weight: 500
}
.navbar-wrapper .navbar__link--login:hover .navbar__link-text {
color: #ee4d2d
}
.navbar-wrapper .navbar__link--login:active {
background-color: hsla(0, 0%, 100%, .8)
}
.x717S4 {
background: #fff;
height: auto;
z-index: 10000;
border-radius: 3px;
box-shadow: 0 3px 10px 0 rgba(0, 0, 0, .14);
position: relative
}
.toast {
display: flex;
align-items: center;
justify-content: center;
position: fixed;
left: 0;
right: 0;
top: 0;
bottom: 0;
z-index: 10000;
transition: opacity .1s cubic-bezier(.4, 0, .6, 1)
}
.toast--hidden {
opacity: 0;
pointer-events: none
}
.toast__container {
border-radius: 2px;
overflow: hidden;
display: inline-block;
cursor: default;
padding: 2.5rem 1.25rem;
background-color: rgba(0, 0, 0, .7);
color: #fff;
font-size: 1.0625rem;
text-align: center;
min-width: 18.75rem;
max-width: 25rem
}
.toast__icon {
margin-bottom: 1.25rem;
display: flex;
justify-content: center
}
.shopee-searchbar {
--focus-indicator-spacing: 3px;
display: flex;
align-items: stretch;
justify-content: space-between;
height: 2.5rem;
box-sizing: border-box;
padding: .1875rem;
border-radius: 2px;
background: #fff
}
.shopee-searchbar--focus .shopee-searchbar-input:before {
position: absolute;
left: -4px;
top: -4px;
bottom: -4px;
right: 7px;
padding: var(--focus-indicator-spacing);
outline: var(--focus-indicator-stroke-width) solid var(--focus-indicator-color);
content: "";
border-radius: 2px;
margin: calc(var(--focus-indicator-spacing)*-1);
z-index: 1;
pointer-events: none
}
.shopee-searchbar>.btn svg {
margin: 0 auto
}
.shopee-searchbar__main {
display: flex;
flex: 1
}
.shopee-searchbar__search-button {
position: relative;
overflow: visible;
outline: 0
}
.shopee-searchbar__search-button.focus-visible:before,
.shopee-searchbar__search-button:focus-visible:before {
content: "";
width: calc(100% + var(--focus-indicator-spacing)*2);
height: calc(100% + var(--focus-indicator-spacing)*2);
padding: var(--focus-indicator-spacing);
outline: var(--focus-indicator-stroke-width) solid var(--focus-indicator-color);
position: absolute;
border-radius: var(--focus-indicator-border-radius);
top: calc(var(--focus-indicator-spacing)*-1);
left: calc(var(--focus-indicator-spacing)*-1);
margin: calc(var(--focus-indicator-spacing)*-1)
}
.shopee-searchbar-input {
display: flex;
flex: 1;
box-sizing: border-box;
padding: 0 .625rem;
position: relative
}
.shopee-searchbar-input__input {
display: flex;
flex: 1;
align-items: center;
outline: 0;
border: 0;
padding: 0;
margin: 0
}
.shopee-searchbar-input__input:-moz-placeholder {
color: rgba(0, 0, 0, .54)
}
.shopee-searchbar-input__input:-ms-input-placeholder {
color: rgba(0, 0, 0, .54)
}
.shopee-searchbar-input__input::-webkit-input-placeholder {
color: rgba(0, 0, 0, .54)
}
.shopee-searchbar-input__input::-moz-placeholder {
color: rgba(0, 0, 0, .54)
}
.u\+rzIW {
position: fixed;
opacity: 0;
width: 0;
height: 0;
pointer-events: none;
z-index: -1
}
.i4da\+9 {
margin-left: .3125rem;
font-weight: 300;
font-size: .8125rem;
text-transform: capitalize
}
/*! normalize.css v3.0.2 | MIT License | git.io/normalize */
html {
font-family: sans-serif;
-ms-text-size-adjust: 100%;
-webkit-text-size-adjust: 100%
}
body {
margin: 0
}
details,
footer,
header,
main,
nav,
section {
display: block
}
progress {
display: inline-block;
vertical-align: initial
}
[hidden],
template {
display: none
}
a {
background-color: initial
}
a:active,
a:hover {
outline: 0
}
b {
font-weight: 700
}
h1 {
font-size: 2em;
margin: .67em 0
}
small {
font-size: 80%
}
sub {
font-size: 75%;
line-height: 0;
position: relative;
vertical-align: initial
}
sub {
bottom: -.25em
}
img {
border: 0
}
svg:not(:root) {
overflow: hidden
}
hr {
-moz-box-sizing: content-box;
box-sizing: initial;
height: 0
}
button,
input,
select {
color: inherit;
font: inherit;
margin: 0
}
button {
overflow: visible
}
button,
select {
text-transform: none
}
button,
html input[type=button],
input[type=reset],
input[type=submit]webkit-appearance:buttoncursor:pointerbutton[disabled],
html input[disabled] {
cursor: default
}
button::-moz-focus-inner,
input::-moz-focus-inner {
border: 0;
padding: 0
}
input {
line-height: normal
}
input[type=checkbox],
input[type=radio] {
box-sizing: border-box;
padding: 0
}
input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
height: auto
}
input[type=search]webkit-appearance:textfield-moz-box-sizing:content-box-webkit-box-sizing:content-boxbox-sizing:initialinput[type=search]::-webkit-search-cancel-button,
input[type=search]::-webkit-search-decoration {
-webkit-appearance: none
}
th {
padding: 0
}
.sprite-product-sharing {
background-image: url(https://deo.shopeemobile.com/shopee/shopee-pcmall-live-sg/assets/1876c121524255f7eb6a64b4d8d0b7e3.png);
background-size: 100%;
background-color: initial
}
@media (-webkit-min-device-pixel-ratio:2),
(min-resolution:192dpi) {
.sprite-product-sharing {
background-image: url(https://deo.shopeemobile.com/shopee/shopee-pcmall-live-sg/assets/2e6656dc1c9d158ee5a9cf7640983150.png);
background-size: 100%;
background-color: initial
}
}
.sprite-product-sharing-fb {
background-position: 0 0;
width: 190px;
height: 190px
}
.sprite-product-sharing-fm {
background-position: 0 -100%;
width: 190px;
height: 190px
}
.sprite-product-sharing-pinterest {
background-position: 0 -300%;
width: 190px;
height: 190px
}
.sprite-product-sharing-twitter {
background-position: 0 -400%;
width: 190px;
height: 190px
}
.container {
margin-right: auto;
margin-left: auto;
width: 1200px
}
.container-wrapper {
min-width: 1200px
}
.row {
flex: 0 1 auto;
flex-direction: row;
flex-wrap: wrap;
margin-right: -.3125rem;
margin-left: -.3125rem
}
.col,
.row {
box-sizing: border-box;
display: flex
}
.col {
flex: 0 1 auto;
flex-direction: column;
flex-wrap: wrap
}
.col-xs-1-2,
.col-xs-2,
.col-xs-2-4,
.col-xs-3,
.col-xs-4,
.col-xs-6,
.col-xs-8 {
box-sizing: border-box;
flex: 0 0 auto;
padding-right: .3125rem;
padding-left: .3125rem
}
.col-xs-1 {
flex-basis: 8.333%;
max-width: 8.333%
}
.col-xs-1-2 {
flex-basis: 10%;
max-width: 10%
}
.col-xs-2 {
flex-basis: 16.666%;
max-width: 16.666%
}
.col-xs-2-4 {
flex-basis: 20%;
max-width: 20%
}
.col-xs-3 {
flex-basis: 25%;
max-width: 25%
}
.col-xs-4 {
flex-basis: 33.333%;
max-width: 33.333%
}
.col-xs-6 {
flex-basis: 50%;
max-width: 50%
}
.col-xs-8 {
flex-basis: 66.667%;
max-width: 66.667%
}
@font-face {
font-display: swap;
font-family: Roboto;
src: url(https://deo.shopeemobile.com/shopee/shopee-pcmall-live-sg/assets/f1bcf0f64a201912072b3597bdbf269b.eot);
src: local("Roboto Light"), local("Roboto-Light"), url(https://deo.shopeemobile.com/shopee/shopee-pcmall-live-sg/assets/8dc942c71385e7509b87af5d07f3db78.woff) format("woff"), url(https://deo.shopeemobile.com/shopee/shopee-pcmall-live-sg/assets/c248e1508ed79ef03adf0260317acc33.ttf) format("truetype"), url(https://deo.shopeemobile.com/shopee/shopee-pcmall-live-sg/assets/22b00e9ebe4fb931e1969e81af9b3b77.svg#Roboto-Light) format("svg");
font-weight: 300;
font-style: normal
}
@font-face {
font-display: swap;
font-family: Roboto;
src: url(https://deo.shopeemobile.com/shopee/shopee-pcmall-live-sg/assets/5edb75fadfbc53d7745c4c85046781f7.eot);
src: local("Roboto"), local("Roboto-Regular"), url(https://deo.shopeemobile.com/shopee/shopee-pcmall-live-sg/assets/770a8fca674a3550e241a6de7fa82d8b.woff) format("woff"), url(https://deo.shopeemobile.com/shopee/shopee-pcmall-live-sg/assets/10952ea0fbd7cb93977fad8128712d87.ttf) format("truetype"), url(https://deo.shopeemobile.com/shopee/shopee-pcmall-live-sg/assets/530bb210634462ee86def85cac06cd98.svg#Roboto-Regular) format("svg");
font-weight: 400;
font-style: normal
}
@font-face {
font-display: swap;
font-family: Roboto;
src: url(https://deo.shopeemobile.com/shopee/shopee-pcmall-live-sg/assets/37f419871727f019c788ddf132dca114.eot);
src: local("Roboto Bold"), local("Roboto-Bold"), url(https://deo.shopeemobile.com/shopee/shopee-pcmall-live-sg/assets/8bd7856b64b4313341ebfbc0136c9d74.woff) format("woff"), url(https://deo.shopeemobile.com/shopee/shopee-pcmall-live-sg/assets/69c061b7c23590e75a8806c4ed465be4.ttf) format("truetype"), url(https://deo.shopeemobile.com/shopee/shopee-pcmall-live-sg/assets/e68a8399887dea81b6f6f236b74c2e66.svg#Roboto-Bold) format("svg");
font-weight: 700;
font-style: normal
}
@font-face {
font-display: swap;
font-family: Roboto;
src: url(https://deo.shopeemobile.com/shopee/shopee-pcmall-live-sg/assets/f4df501fdaf4863dc4e07e1eb19af8f8.eot);
src: local("Roboto Medium"), local("Roboto-Medium"), url(https://deo.shopeemobile.com/shopee/shopee-pcmall-live-sg/assets/eb797abfa6a5cca2463e423c07c4f6ea.woff) format("woff"), url(https://deo.shopeemobile.com/shopee/shopee-pcmall-live-sg/assets/ad148b1c1dd7fb964d14f7c4c547c1b4.ttf) format("truetype"), url(https://deo.shopeemobile.com/shopee/shopee-pcmall-live-sg/assets/b9511d3bde226fd11da07e3bb26e4b7c.svg#Roboto-Medium) format("svg");
font-weight: 500;
font-style: normal
}
@font-face {
font-display: swap;
font-family: Titillium Web;
src: local("Titillium Web ExtraLight"), local("TitilliumWeb-ExtraLight"), url(https://deo.shopeemobile.com/shopee/shopee-pcmall-live-sg/assets/d3678857e25d0497142123fd17fa5827.woff2) format("woff2"), url(https://deo.shopeemobile.com/shopee/shopee-pcmall-live-sg/assets/dd79e7d4a14d487a254606ba58a41dbf.woff) format("woff");
font-weight: 200;
font-style: normal
}
@font-face {
font-display: swap;
font-family: Titillium Web;
src: local("Titillium Web ExtraLightItalic"), local("TitilliumWeb-ExtraLightItalic"), url(https://deo.shopeemobile.com/shopee/shopee-pcmall-live-sg/assets/143705a634844c56971222d97845861f.woff2) format("woff2"), url(https://deo.shopeemobile.com/shopee/shopee-pcmall-live-sg/assets/b4ea5bba695bb361f70fe2fc22874eaf.woff) format("woff");
font-weight: 200;
font-style: italic
}
@font-face {
font-display: swap;
font-family: Titillium Web;
src: local("Titillium Web Light"), local("TitilliumWeb-Light"), url(https://deo.shopeemobile.com/shopee/shopee-pcmall-live-sg/assets/9744be5a6a7b0ea182a48e6b8f628e4b.woff2) format("woff2"), url(https://deo.shopeemobile.com/shopee/shopee-pcmall-live-sg/assets/f189fc6dd2b2c3d13774c7d29a13fe2d.woff) format("woff");
font-weight: 300;
font-style: normal
}
@font-face {
font-display: swap;
font-family: Titillium Web;
src: local("Titillium Web LightItalic"), local("TitilliumWeb-LightItalic"), url(https://deo.shopeemobile.com/shopee/shopee-pcmall-live-sg/assets/314a420003e42c27b9dd8fde8677795c.woff2) format("woff2"), url(https://deo.shopeemobile.com/shopee/shopee-pcmall-live-sg/assets/e0602a24fa626ecb13e6590c4ad22799.woff) format("woff");
font-weight: 300;
font-style: italic
}
@font-face {
font-display: swap;
font-family: Titillium Web;
src: local("Titillium Web Regular"), local("TitilliumWeb-Regular"), url(https://deo.shopeemobile.com/shopee/shopee-pcmall-live-sg/assets/89abf21ba8696322ddc2796f2e1b384b.woff2) format("woff2"), url(https://deo.shopeemobile.com/shopee/shopee-pcmall-live-sg/assets/dcf8ed34fc419af8793a12b7b76bb311.woff) format("woff");
font-weight: 400;
font-style: normal
}
@font-face {
font-display: swap;
font-family: Titillium Web;
src: local("Titillium Web Italic"), local("TitilliumWeb-Italic"), url(https://deo.shopeemobile.com/shopee/shopee-pcmall-live-sg/assets/2fc95cb50be2406204c8ebd33c468c74.woff2) format("woff2"), url(https://deo.shopeemobile.com/shopee/shopee-pcmall-live-sg/assets/93bfb9103ba8f3dfa8083087c5a201c2.woff) format("woff");
font-weight: 400;
font-style: italic
}
@font-face {
font-display: swap;
font-family: Titillium Web;
src: local("Titillium Web SemiBold"), local("TitilliumWeb-SemiBold"), url(https://deo.shopeemobile.com/shopee/shopee-pcmall-live-sg/assets/fdc244f2679cac4c3b02a5069d33fc69.woff2) format("woff2"), url(https://deo.shopeemobile.com/shopee/shopee-pcmall-live-sg/assets/4a3ed56668cab86931e9d387950eec28.woff) format("woff");
font-weight: 500;
font-style: normal
}
@font-face {
font-display: swap;
font-family: Titillium Web;
src: local("Titillium Web SemiBoldItalic"), local("TitilliumWeb-SemiBoldItalic"), url(https://deo.shopeemobile.com/shopee/shopee-pcmall-live-sg/assets/9fba886056766b2ffde98b4f898e17fa.woff2) format("woff2"), url(https://deo.shopeemobile.com/shopee/shopee-pcmall-live-sg/assets/495d5680ed310ab8d73d7110479a1a3b.woff) format("woff");
font-weight: 500;
font-style: italic
}
@font-face {
font-display: swap;
font-family: Titillium Web;
src: local("Titillium Web Bold"), local("TitilliumWeb-Bold"), url(https://deo.shopeemobile.com/shopee/shopee-pcmall-live-sg/assets/b32da9d41a1934b40f5eff193ab45253.woff2) format("woff2"), url(https://deo.shopeemobile.com/shopee/shopee-pcmall-live-sg/assets/e1c9164f209a8bc820880eea2b3ce992.woff) format("woff");
font-weight: 600;
font-style: normal
}
@font-face {
font-display: swap;
font-family: Titillium Web;
src: local("Titillium Web BoldItalic"), local("TitilliumWeb-BoldItalic"), url(https://deo.shopeemobile.com/shopee/shopee-pcmall-live-sg/assets/71e15b9da9b0174f457a5a2c434fbc4b.woff2) format("woff2"), url(https://deo.shopeemobile.com/shopee/shopee-pcmall-live-sg/assets/1b2e64e18f5f3f4654fd24c305db5a44.woff) format("woff");
font-weight: 600;
font-style: italic
}
@font-face {
font-display: swap;
font-family: Titillium Web;
src: local("Titillium Web Black"), local("TitilliumWeb-Black"), url(https://deo.shopeemobile.com/shopee/shopee-pcmall-live-sg/assets/5c2ebab726db39eefe0343f1bd9d9b26.woff2) format("woff2"), url(https://deo.shopeemobile.com/shopee/shopee-pcmall-live-sg/assets/2b8f85fd881964105e1408ec87bbfaec.woff) format("woff");
font-weight: 700;
font-style: normal
}
body {
font-size: .875rem;
text-size-adjust: none;
-webkit-text-size-adjust: none
}
body,
html {
font-family: Helvetica Neue, Helvetica, Arial, 文泉驛正黑, WenQuanYi Zen Hei, Hiragino Sans GB, 儷黑 Pro, LiHei Pro, Heiti TC, 微軟正黑體, Microsoft JhengHei UI, Microsoft JhengHei, sans-serif;
color: rgba(0, 0, 0, .8);
line-height: 1.2
}
.roboto body,
html.roboto {
font-family: Roboto, Helvetica Neue, Helvetica, Arial, 文泉驛正黑, WenQuanYi Zen Hei, Hiragino Sans GB, 儷黑 Pro, LiHei Pro, Heiti TC, 微軟正黑體, Microsoft JhengHei UI, Microsoft JhengHei, sans-serif
}
.stardust-button {
font-family: inherit !important
}
.expand {
flex-grow: 1
}
.card {
background: #fff;
border-radius: 3px;
box-shadow: 0 1px 1px 0 rgba(0, 0, 0, .05)
}
.h-center {
justify-content: center
}
.flex,
.h-center {
display: flex
}
.flex-column {
flex-direction: column
}
.flex-auto {
flex: 1 1 auto
}
.flex-no-overflow {
width: 0
}
.items-center {
align-items: center
}
.justify-center {
justify-content: center
}
.justify-between {
justify-content: space-between
}
.v-flex {
display: flex;
flex-direction: column
}
.center,
.v-center {
display: flex;
align-items: center
}
.center {
justify-content: center
}
@keyframes glow {
0%,
to {
border-color: #fafafa;
background-color: #fafafa
}
50% {
border-color: #f5f5f5;
background-color: #f5f5f5
}
}
:root {
--focus-indicator-color: rgba(0, 0, 0, 0.87);
--focus-indicator-stroke-width: 2px;
--focus-indicator-spacing: 4px;
--focus-indicator-border-radius: 2px;
--brand-primary-color: #ee4d2d;
--brand-primary-light-color: rgba(255, 87, 34, 0.1)
}
.theme--ofs {
--brand-primary-color: #d0011b;
--brand-primary-light-color: rgba(208, 1, 27, 0.08)
}
.theme--s-mart {
--brand-primary-color: #066bc8;
--brand-primary-light-color: #e6f0f9
}
body {
background-color: #f5f5f5
}
.ofs-tw-logo {
max-width: 150px
}
.icon-tw-mall-inline {
width: 1.875rem;
height: .9375rem
}
.shopee-svg-icon {
display: inline-block;
width: 1em;
height: 1em;
fill: currentColor;
position: relative
}
.icon-notification-2 {
width: .875rem;
height: 1.125rem
}
.icon-notifications-wallet {
stroke: #fff
}
.icon-order-order,
.icon-order-rating,
.icon-order-shipping {
stroke: currentColor
}
.icon-shopee-logo {
width: 11.875rem;
height: 4rem;
fill: #fff
}
.icon-line {
display: inline-block;
background: url(https://deo.shopeemobile.com/shopee/shopee-pcmall-live-sg/assets/e7e8c8a24b2e1ae6fb9c4076d42140aa.png) no-repeat;
background-size: contain;
overflow: hidden;
text-indent: -9999px;
text-align: left;
width: 22px;
height: 22px
}
.icon-shopee-logo--official-shop {
width: 2.5rem;
height: 2.8125rem;
fill: #fff
}
.icon-vn-shipping {
background-position: 0 -122px
}
.icon-share-fb,
.icon-share-messenger,
.icon-share-pinterest,
.icon-share-twitter {
display: inline-block;
background: url(https://deo.shopeemobile.com/shopee/shopee-pcmall-live-sg/assets/4268e6c922bc887da52eef2c1314a284.png) no-repeat;
overflow: hidden;
text-indent: -9999px;
text-align: left;
width: 24px;
height: 24px
}
.icon-share-messenger {
background-position: 0 0
}
.icon-share-fb {
background-position: -24px 0
}
.icon-share-pinterest {
background-position: -24px -24px
}
.icon-share-twitter {
background-position: 0 -48px
}
.shopee-spacer {
display: inline-block;
width: 1px;
height: .625rem;
background-color: rgba(0, 0, 0, .12)
}
.notification-card {
cursor: pointer;
-webkit-user-select: none;
-moz-user-select: none;
user-select: none;
display: flex;
padding: 1.25rem
}
.notification-card .shopee-image-placeholder {
background-color: #f5f5f5
}
.notification-card .shopee-image-placeholder .shopee-svg-icon {
font-size: 2.5rem
}
.notification-card:hover {
background-color: #f8f8f8
}
.notification-card__image {
display: flex;
flex-flow: row-reverse wrap-reverse;
flex-shrink: 0;
justify-content: space-around;
position: relative;
width: 5rem;
height: 5rem;
background-color: #fff
}
.notification-card__img-background {
width: 100%;
padding-top: 100%;
background-position: 50%;
background-size: cover;
background-repeat: no-repeat
}
.notification-card__detail {
word-wrap: break-word;
padding-left: 1.25rem;
min-width: 0;
flex-shrink: 1;
margin-right: .625rem
}
.notification-card__title {
font-size: 1rem;
margin-bottom: .625rem;
color: rgba(0, 0, 0, .8)
}
.notification-card__description {
font-size: .875rem;
margin-bottom: .625rem;
max-width: 40.625rem;
color: rgba(0, 0, 0, .54)
}
.notification-card__content {
font-size: .875rem;
color: rgba(0, 0, 0, .54);
margin-bottom: .3125rem
}
.notification-card__info {
font-size: .875rem;
color: rgba(0, 0, 0, .54);
line-height: 1;
display: flex
}
.notification-card__button {
margin-left: auto;
flex-shrink: 0
}
.notification-card__button .shopee-button-outline {
padding: 0 .4375rem;
background-color: #fff;
min-width: 5rem;
height: 1.875rem;
font-size: .75rem;
text-transform: capitalize;
box-sizing: border-box
}
.notification-card__button .shopee-button-outline:hover {
color: #ee4d2d;
border-color: #ee4d2d
}
.notification-card--group-primary {
position: relative
}
.notification-card__spinner {
width: .75rem;
height: .75rem;
background-position: 50%;
background-size: cover;
background-repeat: no-repeat;
background: url(https://deo.shopeemobile.com/shopee/shopee-pcmall-live-sg/assets/be61e869a4c7e201ad8443a58c2c8d96.png);
animation: spin .6s linear infinite
}
@keyframes spin {
to {
transform: rotate(1turn)
}
}
.notification-card--group-secondary {
background: #f9f9f9;
padding-left: 6.25rem;
position: relative
}
.notification-card--group-secondary .notification-card__title {
color: rgba(0, 0, 0, .54)
}
.shopee-shop-collection-filter__collection,
.shopee-shop-collection-filter__header {
font-weight: 500
}
.shopee-shop-collection-filter__header {
color: rgba(0, 0, 0, .8);
text-transform: uppercase;
padding: .875rem 0 1.125rem
}
.shopee-shop-collection-filter__collection {
cursor: pointer;
-webkit-user-select: none;
-moz-user-select: none;
user-select: none;
padding: .625rem 0;
display: flex;
font-size: .8125rem;
color: rgba(0, 0, 0, .8)
}
.shopee-shop-collection-filter__collection--active {
color: #ee4d2d
}
.shopee-shop-collection-filter__collection+.shopee-shop-collection-filter__collection {
border-top: 1px solid rgba(0, 0, 0, .09)
}
.shop-collection-view {
margin-bottom: .625rem
}
.shop-collection-list {
background-color: #fff;
width: 16.875rem;
max-height: 18.75rem;
box-shadow: 0 1px 1px 0 rgba(0, 0, 0, .05);
border-radius: .125rem;
overflow: hidden;
overflow-y: auto
}
.shop-collection-list__item {
text-decoration: none;
color: rgba(0, 0, 0, .87);
display: block;
box-sizing: border-box;
position: relative;
padding-left: 3.75rem;
height: 3.75rem;
overflow: hidden
}
.shop-collection-list__item:hover {
background-color: #f8f8f8
}
.shop-collection-list__item:hover .shop-collection-list__item-desc-name {
color: #ee4d2d
}
.shop-collection-list__item-image {
position: absolute;
top: .625rem;
left: .625rem;
height: 2.5rem;
width: 2.5rem;
background-color: #f5f5f5
}
.shop-collection-list__item-image>.shopee-svg-icon {
font-size: 1.25rem;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%)
}
.shop-collection-list__item-image>img {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%
}
.shop-collection-list__item-desc {
height: 100%;
display: flex;
flex-direction: column;
justify-content: center
}
.shop-collection-list__item-desc-name {
white-space: nowrap;
color: rgba(0, 0, 0, .87);
overflow: hidden;
text-overflow: ellipsis
}
.shop-collection-list__item-desc-product {
color: rgba(0, 0, 0, .54);
font-size: .75rem;
margin-top: .125rem
}
.order-detail-header {
background-color: #fff;
border-top-left-radius: .3125rem;
border-top-right-radius: .3125rem
}
.order-detail-header__state-container {
position: relative;
box-sizing: border-box;
padding: 5rem 2.8125rem 2.8125rem
}
.order-detail-header__separator {
margin: 0 1em
}
.order-detail-header__status {
color: #ee4d2d;
text-transform: uppercase
}
.order-detail-header__action-container {
box-sizing: border-box;
background-color: #fffcf5;
padding-top: 1.25rem
}
.order-detail-header__button-wrapper {
width: 13.125rem;
height: 2.5rem;
font-size: .875rem;
margin-left: 1rem;
flex-shrink: 0;
background: #fff
}
.order-detail-header__button-wrapper-container {
padding: 0 1.25rem .625rem;
margin-bottom: .625rem;
flex-wrap: nowrap;
display: flex;
border-bottom: 1px dotted rgba(0, 0, 0, .09);
align-items: flex-start
}
.order-detail-header__button-wrapper-container--last {
padding-bottom: 1.25rem;
border-bottom: 0
}
.order-detail-header__text-info-wrapper {
display: flex;
flex-direction: column;
justify-content: center;
text-align: left;
min-height: 1.25rem
}
.order-detail-header__text-info-wrapper p {
width: 100%;
padding: 0;
margin: 0
}
.order-detail-header__button-content-wrapper {
display: flex;
align-items: center;
justify-content: center;
text-transform: capitalize
}
.order-detail-header__primary-icon {
color: #ee4d2d;
font-size: 1.25rem;
margin: 0 .625rem 0 .3125rem
}
.checkout-card__content-wrapper,
.order-card__content-wrapper {
background: #fff
}
.checkout-card__content,
.order-card__content {
padding: 1.25rem 1.25rem 0
}
.order-content-status {
color: #ee4d2d;
line-height: 1.5rem;
text-align: right;
text-transform: uppercase;
white-space: nowrap
}
.checkout-card__order-wrapper:not(:last-child) {
margin-bottom: 1.875rem;
border-bottom: 1px solid rgba(0, 0, 0, .09)
}
.checkout-card__order-wrapper:last-child,
.order-card__container {
border-bottom: 0
}
.purchase-text-info-wrapper {
display: flex;
flex-direction: column;
justify-content: center;
text-align: left;
flex-grow: 1
}
.purchase-text-info {
font-size: .75rem;
line-height: .9375rem;
word-wrap: break-word;
max-width: 25rem;
color: rgba(0, 0, 0, .54)
}
.purchase-text-info .shopee-drawer {
display: inline-flex
}
.purchase-text-info:nth-child(2) {
color: #ee4d2d
}
.shopee-price--primary {
color: #ee4d2d
}
.checkout-card__container,
.order-card__container,
.order-detail-header {
box-shadow: 0 1px 1px 0 rgba(0, 0, 0, .05);
border-radius: .125rem;
overflow: hidden;
overflow: visible
}
.rating-modal__header {
border-bottom: 1px solid rgba(0, 0, 0, .09)
}
.rating-modal__header--view {
display: flex;
justify-content: space-between;
align-items: flex-end;
padding-top: 1.25rem
}
.rating-modal__title {
font-size: 1.25rem;
line-height: 1.5rem;
font-weight: 700;
color: rgba(0, 0, 0, .8);
margin-bottom: .625rem;
text-transform: capitalize
}
.rating-modal__rating-action-container {
position: absolute;
top: .625rem;
right: .625rem;
font-size: .75rem;
line-height: .875rem;
color: rgba(0, 0, 0, .54)
}
.rating-modal__rating-action-container .shopee-button-solid {
padding: .1875rem .3125rem;
margin-left: .625rem;
color: rgba(0, 0, 0, .8);
font-size: .75rem;
font-weight: 700
}
.rating-modal__rating-action-container .shopee-button-solid .shopee-svg-icon {
font-size: .75rem;
margin-right: 0
}
.rating-modal__rating-item-wrapper {
width: 60%
}
.rating-modal__image-list-wrapper {
flex-grow: 1;
min-width: 80%
}
.rating-modal-edit-item__container {
margin-top: 1.875rem
}
.rating-stars__container {
display: flex
}
.rating-stars__container>div {
margin: 0 .125rem
}
.rating-stars__star {
stroke: currentColor
}
.shopee-rating-stars {
position: relative;
display: inline-block
}
.shopee-rating-stars__stars {
display: flex
}
.shopee-rating-stars__star-wrapper {
position: relative;
margin-right: 1px
}
.shopee-rating-stars__star-wrapper>.shopee-rating-stars__lit {
overflow: hidden;
position: absolute;
height: 100%;
left: 0;
top: 0;
z-index: 1
}
.shopee-rating-stars__primary-star {
color: #ee4d2d;
stroke: #ee4d2d;
display: block;
position: absolute;
left: 0;
overflow-x: hidden
}
.theme--ofs .shopee-rating-stars__primary-star {
color: #d0011b;
stroke: #d0011b
}
.theme--s-mart .shopee-rating-stars__primary-star {
color: #ffce3d;
stroke: #ffce3d
}
.shopee-rating-stars__hollow-star {
color: #ee4d2d;
display: block;
stroke: currentColor
}
.theme--s-mart .shopee-rating-stars__hollow-star {
color: #ffce3d;
stroke: #ffce3d
}
.daily-discover-page {
padding: 2.5rem 0 3.75rem
}
.daily-discover-page__content {
padding: 1.25rem 0 2.6875rem
}
.daily-discover-page__item-card-wrapper {
margin-bottom: .625rem
}
.purchase-list-page__search-bar {
display: flex;
background: #eaeaea;
padding: .75rem 0;
box-shadow: 0 1px 1px 0 rgba(0, 0, 0, .05);
border-radius: 2px;
color: #555
}
.purchase-list-page__search-bar ::placeholder {
color: #929292
}
.purchase-list-page__search-bar svg {
margin-left: .9375rem;
margin-right: .9375rem;
stroke: #bbb
}
.purchase-list-page__search-bar input {
display: flex;
align-content: center;
flex: 1;
line-height: 1rem;
font-size: .875rem;
border: 0;
outline: 0;
background-color: inherit
}
.purchase-list-page__search-bar-focus svg {
stroke: #555
}
.purchase-list-page__checkout-card-wrapper:last-child,
.purchase-list-page__order-card-wrapper:last-child {
margin-bottom: 0
}
.purchase-list-page__checkout-card-wrapper,
.purchase-list-page__order-card-wrapper {
margin-bottom: .625rem;
margin-top: .75rem
}
.theme--ofs .shopee-cart-number-badge,
.theme--ofs .shopee-notification-number-badge {
color: #d0011b;
border-color: #d0011b
}
.theme--ofs .footer {
border-top-color: #d0011b
}
.theme--ofs .footer__category-list-item-main>a:hover,
.theme--ofs .footer__category-list-item-sub>a:hover,
.theme--ofs .icon-like,
.theme--ofs .navbar-wrapper .navbar__link--login:hover .navbar__link-text,
.theme--ofs .navbar-wrapper .navbar__link--login>.navbar__link-text,
.theme--ofs .shopee-badge--promotion__label-wrapper,
.theme--ofs .shopee-item-card__hidden-price-display,
.theme--ofs .shopee-product-info-body__order-quantity .shopee-button-outline-mid,
.theme--ofs .shopee-product-info__header__rating-desc,
.theme--ofs .shopee-product-rating-overview__text-overview,
.theme--ofs .shopee-rating-stars__hollow-star,
.theme--ofs .shopee-search-filter-status,
.theme--ofs .shopee-search-user-item .shopee-svg-icon:not(.icon-tick),
.theme--ofs .shopee-search-user-seller-info-item__primary-text,
.theme--ofs .shopee-shop-collection-filter__collection--active {
color: #d0011b !important;
stroke: #d0011b !important
}
.theme--ofs .shopee-header-section__header-link>.shopee-button-no-outline {
color: #d0011b
}
.theme--ofs .shopee-page-controller>.shopee-button-solid {
background-color: #d0011b
}
.theme--ofs .shopee-searchbar>.shopee-button-solid:hover {
background-color: #c30018
}
.theme--ofs .shopee-product-rating-overview__filter--active {
border-color: #d0011b;
fill: #d0011b
}
.theme--ofs .shopee-button-solid--primary {
background-color: #d0011b
}
.theme--ofs .shopee-button-solid--primary:hover {
background-color: #e00622
}
.theme--ofs .shopee-button-solid--primary:active {
background-color: #c30018
}
.theme--ofs .btn-add-to-cart {
background-color: #fff3f3;
color: #d0011b;
border: 1px solid #d0011b
}
.theme--ofs .btn-add-to-cart:hover {
background-color: #fff
}
.theme--ofs .btn-add-to-cart:active {
background-color: #ffe8e8
}
.theme--ofs .product-page-bundle-deal__tag,
.theme--ofs .shopee-item-card__bundle-deal,
.theme--ofs .shopee-product-info__header__bundle-deal-tag {
color: #d0011b !important;
border-color: #d0011b !important
}
.theme--ofs .section-seller-overview__item-text-value,
.theme--ofs .shop-collection-list__item:hover .shop-collection-list__item-desc-name,
.theme--ofs .shop-page-shop-description__shop-name,
.theme--ofs .shopee-category-list__sub-category--active {
color: #d0011b
}
a {
text-decoration: none
}
.E4ns02 {
display: flex;
align-items: center;
justify-content: center;
width: 100%;
height: 100%;
min-height: 50rem;
min-height: 100vh
}
._7w24N1 {
color: #fff;
background-color: #ee4d2d;
box-shadow: 0 1px 1px rgba(0, 0, 0, .09)
}
._7w24N1:active {
background-color: #e2492b
}
.w7M\+6Q {
min-height: calc(100vh - 185px)
}
.z7V8Wd {
min-height: 200px
}
.shopee-image-placeholder {
width: 100%;
padding-top: 100%;
position: relative;
background-color: #fafafa
}
.shopee-image-placeholder>.icon-default-image {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
color: rgba(0, 0, 0, .05);
font-size: 3.8125rem
}
.shopee-image-placeholder>.icon-default-image {
stroke: #fff
}
.-i52bR {
display: flex;
position: relative;
width: 100%;
height: 100%;
background-size: contain;
background-repeat: no-repeat;
background-position: 50%
}
._9p\+-Af {
font-size: .875rem;
line-height: 1.125rem;
color: #ee4d2d;
text-align: center;
width: 100%;
box-sizing: border-box;
padding: 1.875rem 1.875rem 0;
z-index: 1
}
.t02\+y- {
border-top-left-radius: 2px;
border-bottom-left-radius: 2px
}
.t02\+y-:before {
display: none;
content: none;
border-bottom-color: transparent
}
._5217T- {
margin: 0 .4375rem
}
.a68\+0D {
grid-column-start: 1;
grid-column-end: 4;
-ms-grid-column-span: 3;
height: 1.25rem
}
.shopee-search-recommendation__item {
margin-bottom: .625rem
}
.n3t31Q {
padding-bottom: .625rem
}
.\-6vx42 {
background-image: url(https://deo.shopeemobile.com/shopee/shopee-pcmall-live-sg/assets/3d56efbb818a7457e53621972db6f918.png)
}
.Th6IF\+ {
color: #fff
}
._2Nb0o2 {
display: none
}
.shopee-header-section__header {
display: flex;
align-items: center;
padding-bottom: .625rem
}
.shopee-header-section__header:before {
content: "";
width: .625rem;
height: 1.5rem;
margin-right: .3125rem;
background-color: #ee4d2d
}
.shopee-header-section__header__title {
font-size: 1.25rem;
text-transform: uppercase;
flex: 1;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
margin-right: 1.25rem
}
.shopee-header-section__header-link {
text-decoration: none;
color: rgba(0, 0, 0, .87);
display: block
}
.shopee-header-section__header .shopee-button-outline {
height: 1.875rem;
border-radius: .9375rem;
background-color: #fff;
color: #ee4d2d;
border-color: rgba(0, 0, 0, .09)
}
.shopee-header-section__header .shopee-button-no-outline {
color: #ee4d2d
}
.shopee-header-section__header .shopee-button-no-outline {
text-transform: capitalize;
display: flex;
align-items: center
}
.shopee-header-section__header .shopee-button-no-outline .icon-arrow-right {
font-size: .625rem
}
.shopee-header-section__header a {
text-decoration: none !important;
color: #ee4d2d
}
.shopee-progress-bar {
height: 3px;
z-index: 10000;
position: fixed;
top: 0;
left: -100%;
width: 100%;
background: linear-gradient(90deg, hsla(0, 0%, 100%, .3) 0, #fff 30%, #fff);
border-top-right-radius: 2px;
border-bottom-right-radius: 2px;
transition: transform 30s ease-out
}
.shopee-progress-bar--start {
transform: translateX(60%);
transition: transform .2s ease-out
}
.shopee-progress-bar--after-start {
transform: translateX(79%);
transition: transform 40s ease-out
}
.shopee-progress-bar--done {
transform: translateX(100%);
transition: transform .2s ease-out
}
.action-toast__icon {
display: flex;
align-items: center;
justify-content: center;
width: 3.75rem;
height: 3.75rem;
border-radius: 50%;
text-align: center;
background-color: #00bfa5
}
.action-toast .icon-tick-bold {
font-size: 1.875rem;
line-height: 3.75rem
}
.lF2jXb {
position: fixed;
top: 31px;
left: 50%;
transform: translateX(-600px);
z-index: 9999;
opacity: 0;
pointer-events: none
}
.lF2jXb .u6BOJM {
font-size: 12px;
line-height: 14px;
padding: 4px;
background: #fff;
box-shadow: 0 0 9px rgba(0, 0, 0, .12);
border-radius: 4px;
outline: 0
}
.zV2jR\+ {
box-sizing: border-box;
display: inline-block;
padding: 4px
}
.u6BOJM:focus .zV2jR\+ {
padding: 3px;
border: 1px solid #000;
box-sizing: border-box;
border-radius: 4px
}
.stardust-button {
background-color: #fff;
border: 1px solid rgba(0, 0, 0, .26);
border-radius: 4px;
color: rgba(0, 0, 0, .87);
font-family: -apple-system, Helvetica Neue, Helvetica, Roboto, Droid Sans, Arial, sans-serif;
font-size: 14px;
font-weight: 400;
padding: 8px 10px
}
.stardust-button.stardust-button--active,
.stardust-button:hover {
background-color: rgba(0, 0, 0, .09);
border-color: rgba(0, 0, 0, .26);
cursor: pointer
}
.stardust-button--disabled {
background-color: rgba(0, 0, 0, .26);
border: 1px solid rgba(0, 0, 0, .26)
}
.stardust-button--disabled.stardust-button--active,
.stardust-button--disabled:hover {
background-color: rgba(0, 0, 0, .26);
border: 1px solid rgba(0, 0, 0, .26);
cursor: not-allowed
}
.stardust-button--block {
display: block;
width: 100%
}
.stardust-button--block+.stardust-button--block {
margin-top: 5px
}
.stardust-button--large {
border-radius: 6px;
font-size: 16px;
padding: 12px 14px
}
.stardust-button--large,
.stardust-button--small {
font-family: -apple-system, Helvetica Neue, Helvetica, Roboto, Droid Sans, Arial, sans-serif;
font-weight: 400
}
.stardust-button--small {
border-radius: 3px;
font-size: 12px;
padding: 6px 8px
}
.stardust-button--primary {
background-color: #ee4d2d;
border-color: #cd3011;
color: #fff
}
.stardust-button--primary.stardust-button--active,
.stardust-button--primary:hover {
background-color: #d73211;
border-color: #ba2b0f
}
.stardust-button--primary.stardust-button--disabled {
opacity: .7
}
.stardust-button--primary.stardust-button--active.stardust-button--disabled,
.stardust-button--primary:hover.stardust-button--disabled {
background-color: #ee4d2d;
border-color: #cd3011
}
.stardust-button--warning {
background-color: #ff424f;
border-color: #ef0010;
color: #fff
}
.stardust-button--warning.stardust-button--active,
.stardust-button--warning:hover {
background-color: #fa0011;
border-color: #e50010
}
.stardust-button--warning.stardust-button--disabled {
opacity: .7
}
.stardust-button--warning.stardust-button--active.stardust-button--disabled,
.stardust-button--warning:hover.stardust-button--disabled {
background-color: #ff424f;
border-color: #ef0010
}
.stardust-button--outline-primary {
background-color: transparent;
border-color: #ee4d2d;
color: #ee4d2d
}
.stardust-button--outline-primary.stardust-button--active,
.stardust-button--outline-primary:hover {
background-color: hsla(0, 0%, 100%, .3);
border-color: #d73211
}
.stardust-button--outline-primary.stardust-button--disabled {
opacity: .7
}
.stardust-button--outline-primary.stardust-button--active.stardust-button--disabled,
.stardust-button--outline-primary:hover.stardust-button--disabled {
background-color: transparent;
border-color: #ee4d2d
}
.stardust-button--outline-white {
background-color: transparent;
border-color: #fff;
color: #fff
}
.stardust-button--outline-white.stardust-button--active,
.stardust-button--outline-white:hover {
background-color: hsla(0, 0%, 100%, .3);
border-color: #fff
}
.stardust-button--outline-white.stardust-button--disabled {
opacity: .7
}
.stardust-button--outline-white.stardust-button--active.stardust-button--disabled,
.stardust-button--outline-white:hover.stardust-button--disabled {
background-color: transparent;
border-color: #fff
}
.stardust-icon {
stroke: currentColor;
fill: currentColor;
height: 1em;
width: 1em
}
._18F8b {
height: 1.75rem;
min-width: 4rem;
padding: 0 .75rem
}
@keyframes second-ten {
0% {
transform: translateY(0)
}
15% {
transform: translateY(0)
}
16.66% {
transform: translateY(-17px)
}
31.66% {
transform: translateY(-17px)
}
33.33% {
transform: translateY(-34px)
}
48.33% {
transform: translateY(-34px)
}
50% {
transform: translateY(-51px)
}
65% {
transform: translateY(-51px)
}
66.66% {
transform: translateY(-68px)
}
81.66% {
transform: translateY(-68px)
}
83.33% {
transform: translateY(-85px)
}
98.33% {
transform: translateY(-85px)
}
to {
transform: translateY(-102px)
}
}
@keyframes second-digit {
0% {
transform: translateY(0)
}
10% {
transform: translateY(-17px)
}
20% {
transform: translateY(-34px)
}
30% {
transform: translateY(-51px)
}
40% {
transform: translateY(-68px)
}
50% {
transform: translateY(-85px)
}
60% {
transform: translateY(-102px)
}
70% {
transform: translateY(-119px)
}
80% {
transform: translateY(-136px)
}
90% {
transform: translateY(-153px)
}
to {
transform: translateY(-170px)
}
}
@keyframes minute-ten {
0% {
transform: translateY(0)
}
16.638888% {
transform: translateY(0)
}
16.666666% {
transform: translateY(-17px)
}
33.305555% {
transform: translateY(-17px)
}
33.333333% {
transform: translateY(-34px)
}
49.972222% {
transform: translateY(-34px)
}
50% {
transform: translateY(-51px)
}
66.638888% {
transform: translateY(-51px)
}
66.666666% {
transform: translateY(-68px)
}
83.305555% {
transform: translateY(-68px)
}
83.333333% {
transform: translateY(-85px)
}
99.972222% {
transform: translateY(-85px)
}
to {
transform: translateY(-102px)
}
}
@keyframes minute-digit {
0% {
transform: translateY(0)
}
9.833% {
transform: translateY(0)
}
10% {
transform: translateY(-17px)
}
19.833% {
transform: translateY(-17px)
}
20% {
transform: translateY(-34px)
}
29.833% {
transform: translateY(-34px)
}
30% {
transform: translateY(-51px)
}
39.833% {
transform: translateY(-51px)
}
40% {
transform: translateY(-68px)
}
49.833% {
transform: translateY(-68px)
}
50% {
transform: translateY(-85px)
}
59.833% {
transform: translateY(-85px)
}
60% {
transform: translateY(-102px)
}
69.833% {
transform: translateY(-102px)
}
70% {
transform: translateY(-119px)
}
79.833% {
transform: translateY(-119px)
}
80% {
transform: translateY(-136px)
}
89.833% {
transform: translateY(-136px)
}
90% {
transform: translateY(-153px)
}
99.833% {
transform: translateY(-153px)
}
to {
transform: translateY(-170px)
}
}
@keyframes hour-hundred {
0% {
transform: translateY(0)
}
9.999972222% {
transform: translateY(0)
}
10% {
transform: translateY(-17px)
}
19.999972222% {
transform: translateY(-17px)
}
20% {
transform: translateY(-34px)
}
29.999972222% {
transform: translateY(-34px)
}
30% {
transform: translateY(-51px)
}
39.999972222% {
transform: translateY(-51px)
}
40% {
transform: translateY(-68px)
}
49.999972222% {
transform: translateY(-68px)
}
50% {
transform: translateY(-85px)
}
59.999972222% {
transform: translateY(-85px)
}
60% {
transform: translateY(-102px)
}
69.999972222% {
transform: translateY(-102px)
}
70% {
transform: translateY(-119px)
}
79.999972222% {
transform: translateY(-119px)
}
80% {
transform: translateY(-136px)
}
89.999972222% {
transform: translateY(-136px)
}
90% {
transform: translateY(-153px)
}
99.999972222% {
transform: translateY(-153px)
}
to {
transform: translateY(-170px)
}
}
@keyframes hour-ten {
0% {
transform: translateY(0)
}
9.99972222% {
transform: translateY(0)
}
10% {
transform: translateY(-17px)
}
19.99972222% {
transform: translateY(-17px)
}
20% {
transform: translateY(-34px)
}
29.99972222% {
transform: translateY(-34px)
}
30% {
transform: translateY(-51px)
}
39.99972222% {
transform: translateY(-51px)
}
40% {
transform: translateY(-68px)
}
49.99972222% {
transform: translateY(-68px)
}
50% {
transform: translateY(-85px)
}
59.99972222% {
transform: translateY(-85px)
}
60% {
transform: translateY(-102px)
}
69.99972222% {
transform: translateY(-102px)
}
70% {
transform: translateY(-119px)
}
79.99972222% {
transform: translateY(-119px)
}
80% {
transform: translateY(-136px)
}
89.99972222% {
transform: translateY(-136px)
}
90% {
transform: translateY(-153px)
}
99.99972222% {
transform: translateY(-153px)
}
to {
transform: translateY(-170px)
}
}
@keyframes hour-digit {
0% {
transform: translateY(0)
}
9.9972222% {
transform: translateY(0)
}
10% {
transform: translateY(-17px)
}
19.9972222% {
transform: translateY(-17px)
}
20% {
transform: translateY(-34px)
}
29.9972222% {
transform: translateY(-34px)
}
30% {
transform: translateY(-51px)
}
39.9972222% {
transform: translateY(-51px)
}
40% {
transform: translateY(-68px)
}
49.9972222% {
transform: translateY(-68px)
}
50% {
transform: translateY(-85px)
}
59.9972222% {
transform: translateY(-85px)
}
60% {
transform: translateY(-102px)
}
69.9972222% {
transform: translateY(-102px)
}
70% {
transform: translateY(-119px)
}
79.9972222% {
transform: translateY(-119px)
}
80% {
transform: translateY(-136px)
}
89.9972222% {
transform: translateY(-136px)
}
90% {
transform: translateY(-153px)
}
99.9972222% {
transform: translateY(-153px)
}
to {
transform: translateY(-170px)
}
}
.oc36a7 {
align-items: center;
box-sizing: border-box;
display: flex;
height: 2.75rem;
max-width: 41.5625rem;
padding-right: .9375rem
}
.p9zkFm {
font-size: 1rem;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap
}
.K2ZHLr {
text-align: right;
width: 100%
}
.fade-enter {
opacity: .01
}
.fade-enter-active {
opacity: 1;
transition: all .2s ease-in-out
}
.fade-exit {
opacity: 1
}
.fade-exit-active {
opacity: .01;
transition: all .2s ease-in-out
}
.wrap {
transform: translate(-50%, -50%);
z-index: 9999
}
.fadescale-enter {
opacity: .01;
transform: translate(-50%, -50%) scale(.5)
}
.fadescale-enter-active {
transition: all .2s ease-in-out
}
.fadescale-enter-active,
.fadescale-exit {
opacity: 1;
transform: translate(-50%, -50%) scale(1)
}
.fadescale-exit-active {
opacity: .01;
transform: translate(-50%, -50%) scale(.5);
transition: all .2s ease-in-out
}
.btn-tinted,
.btn.btn-tinted {
background: rgba(255, 87, 34, .1);
background: var(--brand-primary-light-color);
border: 1px solid var(--brand-primary-color);
box-shadow: 0 1px 1px 0 rgba(0, 0, 0, .03);
color: var(--brand-primary-color);
outline: 0;
overflow: visible;
position: relative
}
.btn-tinted:focus-visible:before,
.btn.btn-tinted:focus-visible:before {
border-radius: var(--focus-indicator-border-radius);
content: "";
height: calc(100% + var(--focus-indicator-spacing)*2);
left: calc(var(--focus-indicator-spacing)*-1);
margin: calc(var(--focus-indicator-spacing)*-1);
outline: var(--focus-indicator-stroke-width) solid var(--focus-indicator-color);
padding: var(--focus-indicator-spacing);
position: absolute;
top: calc(var(--focus-indicator-spacing)*-1);
width: calc(100% + var(--focus-indicator-spacing)*2)
}
.btn-tinted:not(--disabled):hover,
.btn.btn-tinted:not(--disabled):hover {
background: rgba(255, 197, 178, .181)
}
.btn-tinted:not(--disabled):active,
.btn.btn-tinted:not(--disabled):active {
background: rgba(128, 44, 17, .145);
box-shadow: inset 0 2px 1px 0 rgba(0, 0, 0, .05)
}
.btn-tinted--disabled,
.btn.btn-tinted--disabled {
background: rgba(255, 251, 250, .73) !important;
box-shadow: none;
box-shadow: 0 1px 1px 0 rgba(0, 0, 0, .09) !important;
cursor: not-allowed;
opacity: .5
}
.theme--ofs .btn-tinted,
.theme--ofs .btn.btn-tinted {
background: rgba(208, 1, 27, .08);
outline: 0;
overflow: visible;
position: relative
}
.theme--ofs .btn-tinted:focus-visible:before,
.theme--ofs .btn.btn-tinted:focus-visible:before {
border-radius: var(--focus-indicator-border-radius);
content: "";
height: calc(100% + var(--focus-indicator-spacing)*2);
left: calc(var(--focus-indicator-spacing)*-1);
margin: calc(var(--focus-indicator-spacing)*-1);
outline: var(--focus-indicator-stroke-width) solid var(--focus-indicator-color);
padding: var(--focus-indicator-spacing);
position: absolute;
top: calc(var(--focus-indicator-spacing)*-1);
width: calc(100% + var(--focus-indicator-spacing)*2)
}
.theme--ofs .btn-tinted:not(--disabled):hover,
.theme--ofs .btn.btn-tinted:not(--disabled):hover {
background: rgba(241, 180, 187, .163)
}
.theme--ofs .btn-tinted:not(--disabled):active,
.theme--ofs .btn.btn-tinted:not(--disabled):active {
background: rgba(92, 0, 12, .126);
box-shadow: inset 0 2px 1px 0 rgba(0, 0, 0, .05)
}
.theme--ofs .btn-tinted--disabled,
.theme--ofs .btn.btn-tinted--disabled {
background: hsla(0, 60%, 99%, .724) !important;
box-shadow: none;
cursor: not-allowed
}
.theme--s-mart .btn-tinted,
.theme--s-mart .btn.btn-tinted {
background: #e6f0f9;
outline: 0;
overflow: visible;
position: relative
}
.theme--s-mart .btn-tinted:focus-visible:before,
.theme--s-mart .btn.btn-tinted:focus-visible:before {
border-radius: var(--focus-indicator-border-radius);
content: "";
height: calc(100% + var(--focus-indicator-spacing)*2);
left: calc(var(--focus-indicator-spacing)*-1);
margin: calc(var(--focus-indicator-spacing)*-1);
outline: var(--focus-indicator-stroke-width) solid var(--focus-indicator-color);
padding: var(--focus-indicator-spacing);
position: absolute;
top: calc(var(--focus-indicator-spacing)*-1);
width: calc(100% + var(--focus-indicator-spacing)*2)
}
.theme--s-mart .btn-tinted:not(--disabled):hover,
.theme--s-mart .btn.btn-tinted:not(--disabled):hover {
background: #e8f1fa
}
.theme--s-mart .btn-tinted:not(--disabled):active,
.theme--s-mart .btn.btn-tinted:not(--disabled):active {
background: #dbe4ed;
box-shadow: inset 0 2px 1px 0 rgba(0, 0, 0, .05)
}
.theme--s-mart .btn-tinted--disabled,
.theme--s-mart .btn.btn-tinted--disabled {
background: #f8fbfd !important;
box-shadow: none;
cursor: not-allowed
}
.fnrLi4 {
padding-left: 20px
}
.YuENex {
font-size: 14px !important;
margin-right: 15px;
min-width: 180px !important;
padding: 0 12px
}
.bwPwYa {
display: flex
}
.bwPwYa .a_JvBi {
flex-direction: row
}
.bwPwYa .a_JvBi ._kL9Hf {
height: 20px;
margin-right: 10px;
width: 20px
}
.KrtGbA {
transition: margin-top .3s cubic-bezier(.4, 0, .2, 1);
-webkit-overflow-scrolling: touch
}
.Bf9ap6 {
height: 1px;
margin: 0;
overflow: hidden;
position: absolute;
white-space: nowrap;
width: 1px;
z-index: -1000
}
.KIoPj6 {
align-items: center;
color: #222;
display: flex;
margin-bottom: 25px;
margin-left: -4px;
margin-top: -4px;
padding: 4px
}
.KIoPj6:last-child {
margin-bottom: 0
}
.Dagtcd {
align-items: center;
color: #757575;
flex-shrink: 0;
font-size: inherit;
font-weight: 400;
margin: 0;
text-transform: capitalize;
width: 110px
}
.pl-promotion {
flex: 0 1 auto
}
.CWIkAx {
width: 515px
}
.Z3_m8m {
height: 0;
opacity: 0
}
.oqSQTf {
height: auto;
opacity: 1;
transition: height .5s cubic-bezier(.4, 0, .2, 1), opacity .5s cubic-bezier(.4, 0, .2, 1)
}
.BWGW5I {
align-items: center;
display: flex
}
.wigEZ0 {
display: grid;
display: -ms-grid;
grid-template-columns: auto 1fr
}
.Fy4A_Q {
justify-self: center;
-ms-grid-column-align: center;
grid-column: 1;
-ms-grid-column: 1
}
.Fy4A_Q,
.ohuenU {
grid-row: 1;
-ms-grid-row: 1;
margin-bottom: 12px
}
.ohuenU {
grid-column: 2;
-ms-grid-column: 2;
margin-left: 7px
}
.nDYwZC {
align-items: center;
color: #222;
display: flex
}
.H5IRYN {
justify-self: center;
-ms-grid-column-align: center;
grid-column: 1;
-ms-grid-column: 1;
grid-row: 2;
-ms-grid-row: 2
}
.H5IRYN .i9sDsG {
height: 20px;
margin-left: 5px;
margin-right: 5px;
width: 20px
}
.JLop8B {
grid-column: 2;
-ms-grid-column: 2;
grid-row: 2;
-ms-grid-row: 2;
margin-left: 7px
}
.Zg6PS1 {
color: #636363;
margin-right: 10px;
text-transform: capitalize;
width: 110px
}
.oTmzEO {
position: relative
}
.C0ngbq {
align-items: center;
margin-bottom: 10px
}
.C0ngbq,
.C0ngbq .shopee-drawer__contents {
display: flex
}
.C0ngbq:last-child {
margin: 0
}
.PZGOkt {
color: #222;
cursor: pointer;
-webkit-user-select: none;
-moz-user-select: none;
user-select: none
}
.PZGOkt:hover {
color: #ee4d2d
}
.PZGOkt .eTGwg9 {
height: 12px;
margin-left: 5px;
width: 12px
}
.theme--ofs .PZGOkt :hover {
border-color: #d0011b;
color: #d0011b
}
.my0ZcO {
cursor: pointer;
position: relative;
-webkit-user-select: none;
-moz-user-select: none;
user-select: none
}
.my0ZcO .RhLDj0 {
height: .625rem;
margin-left: 5px;
pointer-events: none;
width: .625rem
}
.my0ZcO button {
background-color: transparent;
border: 0
}
.awxJLd {
color: #000;
font-weight: 500
}
.F3NM4u {
height: 20px;
margin: 0 14px 0 0;
width: 20px
}
@keyframes _2yNQg {
50% {
transform: translateY(-.25em)
}
}
.uVwYBh {
align-items: flex-start;
max-width: 625px
}
.OaFP0p {
color: #757575;
margin-top: 16px
}
.OaFP0p .shopee-input-quantity {
background: #fff
}
.exUdFw {
color: #ff424f;
margin: 15px 0 0 110px
}
.suQW3X {
align-items: center;
background: 0 0;
border: 0;
border: 1px solid rgba(0, 0, 0, .09);
border-radius: 2px;
color: rgba(0, 0, 0, .8);
cursor: pointer;
display: flex;
font-size: .875rem;
font-weight: 300;
height: 32px;
justify-content: center;
letter-spacing: 0;
line-height: 1;
outline: 0;
transition: background-color .1s cubic-bezier(.4, 0, .6, 1);
width: 32px
}
.suQW3X[disabled] {
border-color: rgba(0, 0, 0, .09);
color: #ccc
}
.suQW3X[disabled] svg {
fill: #ccc
}
.suQW3X:focus-visible {
box-shadow: 0 0 0 2px #fff, 0 0 0 4px #000
}
.suQW3X .shopee-svg-icon {
flex-shrink: 0;
font-size: 10px;
height: 10px;
width: 10px
}
.suQW3X:first-child {
border-bottom-right-radius: 0;
border-top-right-radius: 0
}
.suQW3X:last-child {
border-bottom-left-radius: 0;
border-top-left-radius: 0
}
._9m0o30 {
align-items: center;
display: flex
}
.u00pLG-webkit-appearance:noneborder-left0border-radius0border-right0box-sizing:border-boxcursor:textfont-size16pxfont-weight400height32pxtext-align:centerwidth50px.shopee-popover--default {
background: #fff;
border-radius: 2px;
box-shadow: 0 1px 1px 0 rgba(0, 0, 0, .05)
}
.shopee-popover--default {
max-height: 8.375rem;
overflow-x: hidden;
overflow-y: auto;
padding: .3125rem 0
}
.K4EMzU {
background-color: #ee4d2d;
border-radius: 8px;
border-bottom-left-radius: 0;
color: #fff;
font-size: 10px;
font-weight: 500;
height: 16px;
line-height: 16px;
margin-left: 5px;
padding: 0 5px
}
.E_9Yd2 {
color: #08f;
margin-left: 20px
}
.o8k8S4 {
align-items: center;
color: #555;
display: flex
}
.Q8e31z {
margin-right: 12px
}
.W5LiQM {
padding-bottom: 15px
}
.BIj3A4 {
margin-top: 10px
}
.LD3Atz {
background-image: url(https://deo.shopeemobile.com/shopee/shopee-pcmall-live-sg/productdetailspage/aa493bd105297046b511.svg);
background-size: contain;
height: 24px;
margin-right: 10px;
width: 24px
}
.theme--ofs .LD3Atz,
.theme--s-mart .LD3Atz {
background-image: url(https://deo.shopeemobile.com/shopee/shopee-pcmall-live-sg/productdetailspage/163d55e75c9ec0147c04.svg)
}
._1nGNo {
background-image: url(https://deo.shopeemobile.com/shopee/shopee-pcmall-live-sg/productdetailspage/8e3da046d68806fa2c21.svg);
background-size: contain;
height: 21px;
width: 21px
}
.theme--ofs ._1nGNo,
.theme--s-mart ._1nGNo {
background-image: url(https://deo.shopeemobile.com/shopee/shopee-pcmall-live-sg/productdetailspage/2c50059049ce7cd7ba61.svg)
}
.Fw7kDB {
color: #ee4d2d;
font-size: 14px
}
.theme--ofs .Fw7kDB,
.theme--s-mart .Fw7kDB {
color: #d0011b
}
._fTFUY {
color: rgba(0, 0, 0, .54);
font-size: 12px;
margin-top: 4px
}
.CF1_zm {
margin: 0 .4375rem
}
.m9V537 {
border-radius: .625rem
}
.QAc7_y {
flex-basis: 625px;
flex-wrap: wrap;
min-height: 1.875rem;
width: 625px
}
.qg2n76 {
color: #929292;
font-size: 1rem;
margin-right: 10px;
-webkit-text-decoration: line-through;
text-decoration: line-through
}
.G27FPf {
color: #ee4d2d;
font-size: 1.875rem;
font-weight: 500
}
.theme--ofs .G27FPf,
.theme--s-mart .G27FPf {
color: #d0011b
}
.o_z7q9 {
background: #ee4d2d;
border-radius: 2px;
color: #fff;
font-size: .75rem;
font-weight: 600;
line-height: 1;
margin-left: 15px;
padding: 2px 4px;
text-transform: uppercase;
white-space: nowrap
}
.theme--ofs .o_z7q9,
.theme--s-mart .o_z7q9 {
background-color: #d0011b
}
.D56Rgb {
color: rgba(0, 0, 0, .54);
font-size: .875rem;
font-weight: 400;
margin-left: .5rem;
text-transform: capitalize
}
.CWiSMQ {
background: #fafafa;
padding: 15px 20px
}
@keyframes rotating {
0% {
transform: rotate(0)
}
to {
transform: rotate(1turn)
}
}
.stardust-toast {
align-items: center;
bottom: 0;
display: flex;
height: 100%;
justify-content: center;
left: 0;
pointer-events: all;
position: absolute;
right: 0;
top: 0;
transition: opacity .1s cubic-bezier(.4, 0, .6, 1);
width: 100%;
z-index: 1
}
.stardust-toast--hidden {
opacity: 0;
pointer-events: none
}
.stardust-toast__container {
align-items: center;
background-color: rgba(0, 0, 0, .65);
border-radius: 7px;
color: #fff;
cursor: default;
display: flex;
flex-direction: column;
font-family: -apple-system, Helvetica Neue, Helvetica, Roboto, Droid Sans, Arial, sans-serif;
font-size: 14px;
font-weight: 400;
justify-content: space-around;
padding: 15px;
pointer-events: all;
pointer-events: inherit;
text-align: center
}
.stardust-toast__icon svg {
height: 30px;
margin-bottom: 7px;
width: 30px
}
.stardust-toast__text {
display: -webkit-box;
overflow: hidden;
text-overflow: ellipsis;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;
word-break: break-all;
word-wrap: break-word
}
.YysGiT {
background: 0 0;
border: unset;
color: rgba(0, 0, 0, .54);
font-size: 14px;
margin-left: auto
}
.T1549_ {
display: inline-flex
}
.T1549_,
.sAOZ6s {
position: relative
}
.sAOZ6s {
margin-right: 1px
}
.ZDu7mK {
height: 100%;
left: 0;
overflow: hidden;
position: absolute;
top: 0;
z-index: 1
}
.R6CPBG,
.VAir_o {
background-repeat: no-repeat;
background-size: contain;
height: 14px;
width: 14px
}
.R6CPBG {
background-image: url(https://deo.shopeemobile.com/shopee/shopee-pcmall-live-sg/productdetailspage/b1bcd65233e15eb99b68.svg)
}
.theme--s-mart .R6CPBG {
background-image: url(https://deo.shopeemobile.com/shopee/shopee-pcmall-live-sg/productdetailspage/3ae5126a0937c63fd895.svg)
}
.theme--ofs .R6CPBG {
background-image: url(https://deo.shopeemobile.com/shopee/shopee-pcmall-live-sg/productdetailspage/44c46951c46c5a5e8129.svg)
}
.VAir_o {
background-image: url(https://deo.shopeemobile.com/shopee/shopee-pcmall-live-sg/productdetailspage/2a44ed8141cd3a3ed0c9.svg)
}
.theme--s-mart .VAir_o {
background-image: url(https://deo.shopeemobile.com/shopee/shopee-pcmall-live-sg/productdetailspage/e0898f40b1711fbb7c40.svg)
}
.theme--ofs .VAir_o {
background-image: url(https://deo.shopeemobile.com/shopee/shopee-pcmall-live-sg/productdetailspage/76bc916eeb1487a396ef.svg)
}
.asFzUa {
margin-top: .625rem;
position: relative
}
.e2p50f {
align-items: flex-end;
padding: 0 15px
}
.e2p50f:first-child {
padding-left: 0
}
.e2p50f:not(:first-child) {
border-left: 1px solid rgba(0, 0, 0, .14)
}
.e2p50f {
align-items: center
}
.e2p50f {
background-color: transparent;
border: 0;
cursor: pointer
}
.F9RHbS {
color: #222;
font-size: 1rem;
margin-right: 5px;
padding-bottom: 1px
}
.F9RHbS {
border-bottom: 1px solid #555
}
.dQEiAI {
border-bottom-color: #ee4d2d;
color: #ee4d2d
}
.theme--ofs .dQEiAI {
border-bottom-color: #d0011b;
color: #d0011b
}
.theme--s-mart .dQEiAI {
border-bottom-color: rgba(0, 0, 0, .87);
color: rgba(0, 0, 0, .87)
}
.x1i_He {
color: #767676;
font-size: .875rem;
text-transform: capitalize
}
.x1i_He {
margin-right: 5px;
padding: 4px 0
}
.mnzVGI {
align-items: center;
padding: 0 15px
}
.mnzVGI:first-child {
padding-left: 0
}
.mnzVGI:not(:first-child) {
border-left: 1px solid rgba(0, 0, 0, .14)
}
.AcmPRb {
color: #222;
font-size: 1rem;
padding-bottom: 1px
}
.AcmPRb,
.aleSBU {
margin-right: 5px
}
.aleSBU {
color: #767676;
font-size: .875rem;
padding: 4px 0;
text-transform: capitalize
}
.WBVL_7 {
display: -webkit-box;
text-overflow: ellipsis;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;
font-size: 20px;
font-weight: 500;
line-height: 24px;
margin: 0;
max-height: 48px;
max-width: 665px;
overflow: hidden;
overflow-wrap: break-word;
vertical-align: sub
}
.fclWZr {
display: inline;
margin-right: 8px
}
.idmlsn {
padding: 0 30px
}
.rhG6k7 {
color: #222;
font-size: 16px
}
.Vo8Ebs {
border: 0;
height: 25px;
margin-left: 5px;
outline: 0;
overflow: visible;
padding: 0;
position: relative;
width: 25px
}
.Vo8Ebs:focus-visible:before {
--focus-indicator-spacing: 1px;
border-radius: var(--focus-indicator-border-radius);
content: "";
height: calc(100% + var(--focus-indicator-spacing)*2);
left: calc(var(--focus-indicator-spacing)*-1);
margin: calc(var(--focus-indicator-spacing)*-1);
outline: var(--focus-indicator-stroke-width) solid var(--focus-indicator-color);
padding: var(--focus-indicator-spacing);
position: absolute;
top: calc(var(--focus-indicator-spacing)*-1);
width: calc(100% + var(--focus-indicator-spacing)*2)
}
.feDSnr {
border-left: 1px solid rgba(0, 0, 0, .09);
flex: 1;
justify-content: center
}
.feDSnr:hover {
cursor: pointer
}
.w2JMKY {
background-color: transparent;
border: 0;
display: flex;
outline: 0;
overflow: visible;
position: relative
}
.w2JMKY:focus-visible:before {
--focus-indicator-spacing: 1px;
border-radius: var(--focus-indicator-border-radius);
content: "";
height: calc(100% + var(--focus-indicator-spacing)*2);
left: calc(var(--focus-indicator-spacing)*-1);
margin: calc(var(--focus-indicator-spacing)*-1);
outline: var(--focus-indicator-stroke-width) solid var(--focus-indicator-color);
padding: var(--focus-indicator-spacing);
position: absolute;
top: calc(var(--focus-indicator-spacing)*-1);
width: calc(100% + var(--focus-indicator-spacing)*2)
}
.vgMiJB {
margin-right: 10px
}
.shopee-image-placeholder {
background-color: #fafafa;
padding-top: 100%;
position: relative;
width: 100%
}
.shopee-image-placeholder>.icon-default-image {
color: rgba(0, 0, 0, .05);
font-size: 3.8125rem;
left: 50%;
position: absolute;
top: 50%;
transform: translate(-50%, -50%)
}
.shopee-image-placeholder>.icon-default-image {
stroke: #fff
}
.HJ5l1F {
position: relative
}
.W9Y_he {
background-image: url(https://deo.shopeemobile.com/shopee/shopee-pcmall-live-sg/productdetailspage/f897d97e691bc43c7b91.png)
}
.TMw1ot,
.xxW0BG {
position: relative
}
.xxW0BG:hover {
cursor: pointer
}
.shopee-button-solid {
align-items: center;
background: rgba(0, 0, 0, .54);
border: 0;
border-radius: 2px;
box-shadow: 0 1px 1px 0 rgba(0, 0, 0, .09);
color: #fff;
cursor: pointer;
display: flex;
font-size: .875rem;
font-weight: 300;
justify-content: center;
letter-spacing: 0;
line-height: 1;
outline: 0;
position: relative;
transition: background-color .1s cubic-bezier(.4, 0, .6, 1);
transition: opacity .2s ease;
-webkit-user-select: none;
-moz-user-select: none;
user-select: none
}
.shopee-button-solid:active {
box-shadow: inset 0 2px 1px 0 rgba(0, 0, 0, .05)
}
.shopee-button-solid--fill {
height: 100%;
padding-bottom: 0;
padding-top: 0;
width: 100%
}
.shopee-button-solid--secondary {
background: #3b3f53
}
.shopee-button-solid--primary {
background: #ee4d2d;
outline: 0;
overflow: visible;
position: relative
}
.shopee-button-solid--primary:focus-visible:before {
border-radius: var(--focus-indicator-border-radius);
content: "";
height: calc(100% + var(--focus-indicator-spacing)*2);
left: calc(var(--focus-indicator-spacing)*-1);
margin: calc(var(--focus-indicator-spacing)*-1);
outline: var(--focus-indicator-stroke-width) solid var(--focus-indicator-color);
padding: var(--focus-indicator-spacing);
position: absolute;
top: calc(var(--focus-indicator-spacing)*-1);
width: calc(100% + var(--focus-indicator-spacing)*2)
}
.shopee-button-solid--primary:not(.shopee-button-solid--disabled):hover {
background: #f05d40
}
.shopee-button-solid--primary:not(.shopee-button-solid--disabled):active {
background: #e2492b;
box-shadow: inset 0 2px 1px 0 rgba(0, 0, 0, .05)
}
.shopee-button-solid--primary.shopee-button-solid--disabled {
background: #facac0 !important;
box-shadow: none;
cursor: not-allowed
}
.shopee-button-solid--facebook {
background-color: #31589c
}
.shopee-button-solid--disabled {
background-color: rgba(0, 0, 0, .26);
box-shadow: none
}
.shopee-button-solid--disabled:hover {
background-color: rgba(0, 0, 0, .26);
cursor: not-allowed
}
.shopee-button-outline {
align-items: center;
background: 0 0;
border: 0;
border: 1px solid rgba(0, 0, 0, .09);
border-radius: 2px;
color: rgba(0, 0, 0, .8);
cursor: pointer;
display: flex;
font-size: .875rem;
font-weight: 300;
justify-content: center;
letter-spacing: 0;
line-height: 1;
outline: 0;
transition: background-color .1s cubic-bezier(.4, 0, .6, 1)
}
.shopee-button-outline--normal {
background: #fff
}
.shopee-button-outline--normal:hover {
background: #f3f3f3
}
.shopee-button-outline--disabled {
border-color: rgba(0, 0, 0, .09);
color: rgba(0, 0, 0, .26)
}
.shopee-button-outline--fill {
height: 100%;
padding-bottom: 0;
padding-top: 0;
width: 100%
}
.shopee-button-outline--primary:hover {
border-color: #ee4d2d;
color: #ee4d2d
}
.shopee-button-no-outline,
.shopee-icon-button,
.shopee-image-button {
align-items: center;
border: 0;
cursor: pointer;
display: flex;
font-size: .875rem;
font-weight: 300;
justify-content: center;
letter-spacing: 0;
line-height: 1;
outline: 0;
transition: background-color .1s cubic-bezier(.4, 0, .6, 1)
}
.shopee-button-no-outline {
background-color: transparent;
border: 0;
color: rgba(0, 0, 0, .8);
outline: 0;
overflow: visible;
padding: .3125rem .4375rem;
position: relative
}
.shopee-button-no-outline:focus-visible:before {
--focus-indicator-spacing: 1px;
border-radius: var(--focus-indicator-border-radius);
content: "";
height: calc(100% + var(--focus-indicator-spacing)*2);
left: calc(var(--focus-indicator-spacing)*-1);
margin: calc(var(--focus-indicator-spacing)*-1);
outline: var(--focus-indicator-stroke-width) solid var(--focus-indicator-color);
padding: var(--focus-indicator-spacing);
position: absolute;
top: calc(var(--focus-indicator-spacing)*-1);
width: calc(100% + var(--focus-indicator-spacing)*2)
}
.shopee-button-no-outline--primary,
.shopee-button-no-outline:hover {
color: #ee4d2d
}
.shopee-button-no-outline--disabled {
color: rgba(0, 0, 0, .26);
cursor: default
}
.shopee-button-no-outline--disabled:hover {
color: rgba(0, 0, 0, .26)
}
.shopee-icon-button {
background-color: transparent;
border: 1px solid rgba(0, 0, 0, .54);
padding: 0
}
.shopee-image-button {
background-position: 50%;
background-repeat: no-repeat;
background-size: cover;
padding-top: 100%;
position: relative;
width: 100%
}
.shopee-image-button:hover .shopee-image-button__mask {
background-color: rgba(0, 0, 0, .7)
}
.shopee-image-button__mask {
background-color: rgba(0, 0, 0, .4);
bottom: 0;
left: 0;
position: absolute;
right: 0;
top: 0
}
.shopee-image-button__text {
box-sizing: border-box;
color: #fff;
font-weight: 300;
left: 50%;
overflow: hidden;
padding: 0 .625rem;
position: absolute;
text-overflow: ellipsis;
top: 50%;
transform: translate(-50%, -50%);
white-space: nowrap;
width: 100%
}
.shopee-modal__transition-appear {
opacity: .01
}
.shopee-modal__transition-appear.shopee-modal__transition-appear-active {
opacity: 1;
transition: opacity .2s
}
.shopee-modal__transition-enter {
opacity: .01
}
.shopee-modal__transition-enter.shopee-modal__transition-enter-active {
opacity: 1;
transition: opacity .2s
}
.shopee-modal__transition-exit {
opacity: 1
}
.shopee-modal__transition-exit.shopee-modal__transition-exit-active {
opacity: .01;
transition: opacity .2s
}
.d-Vo0 {
overflow: hidden
}
.d-Vo0 {
display: -webkit-box;
margin-bottom: 1rem;
margin-bottom: var(--ns-d, 1rem);
text-overflow: ellipsis;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2
}
.vX9SYw {
margin-top: 1.25rem;
padding: 0
}
.TFDXyQ {
flex-shrink: 0;
padding: 15px;
width: 450px
}
.i9t0tr {
flex: 1 0 auto;
width: 0
}
.DXQgih {
box-sizing: border-box;
padding: 1.25rem 2.1875rem 0 1.25rem;
width: 100%
}
.at_ZtL {
margin-top: 1.5625rem;
padding: 0 1.25rem
}
.gIL8h3 {
display: flex;
flex-direction: column;
margin: 25px 15px;
row-gap: 15px
}
.shopee-arrow-box__arrow {
display: flex;
height: 10px
}
.shopee-arrow-box__arrow--left {
justify-content: flex-start;
padding-left: 15px
}
.shopee-arrow-box__arrow--center {
justify-content: center
}
.shopee-arrow-box__arrow--right {
justify-content: flex-end;
padding-right: 15px
}
.shopee-arrow-box__arrow-inner {
border-bottom: 8px solid #fff;
border-left: 8px solid transparent;
border-right: 8px solid transparent;
bottom: -10px;
height: 0;
left: -8px;
position: absolute;
width: 0
}
.shopee-arrow-box__content {
background: #fff;
border: 1px solid rgba(0, 0, 0, .09);
border-radius: .125rem;
box-shadow: 0 1px 1px 0 rgba(0, 0, 0, .05);
overflow: hidden;
white-space: pre-wrap
}
.fqmTt_ {
background: #fff;
gap: 4px;
justify-content: space-between
}
.Nm4HEX,
.fqmTt_ {
align-items: center;
display: flex
}
.Nm4HEX {
font-size: 16px
}
.Nm4HEX,
._7dS96 {
min-width: 0
}
.XklnWA {
color: #4a4a4a;
cursor: help;
display: flex;
font-size: 16px;
overflow: hidden;
width: 100%
}
.XklnWA+.shopee-drawer__contents a {
outline: 0;
overflow: visible;
position: relative
}
.XklnWA+.shopee-drawer__contents a:focus-visible:before {
--focus-indicator-spacing: 2px;
border-radius: var(--focus-indicator-border-radius);
content: "";
height: calc(100% + var(--focus-indicator-spacing)*2);
left: calc(var(--focus-indicator-spacing)*-1);
margin: calc(var(--focus-indicator-spacing)*-1);
outline: var(--focus-indicator-stroke-width) solid var(--focus-indicator-color);
padding: var(--focus-indicator-spacing);
position: absolute;
top: calc(var(--focus-indicator-spacing)*-1);
width: calc(100% + var(--focus-indicator-spacing)*2)
}
.YzLslW {
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap
}
.oZtSFx {
flex-shrink: 0;
height: 18px;
margin-right: 5px;
width: 18px
}
@keyframes movement {
0% {
transform: translateY(2px)
}
50% {
transform: translateY(-2px)
}
to {
transform: translateY(2px)
}
}
.stardust-spinner--hidden {
display: none
}
.stardust-spinner__background {
align-content: center;
align-items: center;
background-color: rgba(0, 0, 0, .4);
display: flex;
height: 100%;
justify-content: center;
left: 0;
position: fixed;
top: 0;
width: 100%
}
.stardust-spinner__background--no-overlay {
background-color: transparent;
height: auto;
position: static;
width: auto
}
.stardust-spinner__background--no-overlay .stardust-spinner__main {
border-radius: 0;
padding: 0
}
.stardust-spinner__main {
background: #fff;
border-radius: 1rem;
color: #000;
flex: 0 1 auto;
padding: 1rem
}
.stardust-spinner__spinner {
animation: movement .4s linear infinite
}
.stardust-spinner__spinner:nth-child(2) {
animation-delay: .1s
}
.stardust-spinner__spinner:nth-child(3) {
animation-delay: .2s
}
.Cs6w3G {
color: var(--brand-primary-color);
text-align: right;
white-space: nowrap
}
.product-page-seller-info__online {
color: rgba(0, 0, 0, .54);
font-size: 12px
}
.a3f5I1 {
color: rgba(0, 0, 0, .65)
}
.shopee-searchbar {
--focus-indicator-spacing: 3px;
align-items: stretch;
background: #fff;
border-radius: 2px;
box-sizing: border-box;
display: flex;
height: 2.5rem;
justify-content: space-between;
padding: .1875rem
}
.shopee-searchbar--focus .shopee-searchbar-input:before {
border-radius: 2px;
bottom: -4px;
content: "";
left: -4px;
margin: calc(var(--focus-indicator-spacing)*-1);
outline: var(--focus-indicator-stroke-width) solid var(--focus-indicator-color);
padding: var(--focus-indicator-spacing);
pointer-events: none;
position: absolute;
right: 7px;
top: -4px;
z-index: 1
}
.shopee-searchbar>.btn svg {
margin: 0 auto
}
.shopee-searchbar__main {
display: flex;
flex: 1
}
.shopee-searchbar__search-button {
outline: 0;
overflow: visible;
position: relative
}
.shopee-searchbar__search-button:focus-visible:before {
border-radius: var(--focus-indicator-border-radius);
content: "";
height: calc(100% + var(--focus-indicator-spacing)*2);
left: calc(var(--focus-indicator-spacing)*-1);
margin: calc(var(--focus-indicator-spacing)*-1);
outline: var(--focus-indicator-stroke-width) solid var(--focus-indicator-color);
padding: var(--focus-indicator-spacing);
position: absolute;
top: calc(var(--focus-indicator-spacing)*-1);
width: calc(100% + var(--focus-indicator-spacing)*2)
}
.shopee-searchbar-input {
box-sizing: border-box;
display: flex;
flex: 1;
padding: 0 .625rem;
position: relative
}
.shopee-searchbar-input__input {
align-items: center;
border: 0;
display: flex;
flex: 1;
margin: 0;
outline: 0;
padding: 0
}
.shopee-searchbar-input__input:-moz-placeholder {
color: rgba(0, 0, 0, .54)
}
.shopee-searchbar-input__input:-ms-input-placeholder {
color: rgba(0, 0, 0, .54)
}
.shopee-searchbar-input__input::-webkit-input-placeholder {
color: rgba(0, 0, 0, .54)
}
.shopee-searchbar-input__input::-moz-placeholder {
color: rgba(0, 0, 0, .54)
}
.ofs-navbar {
background: #fff;
box-shadow: 0 1px 1px 0 rgba(0, 0, 0, .05);
min-height: 50px;
transition: transform .3s cubic-bezier(.4, 0, .6, 1);
z-index: 200
}
.ofs-navbar--theme-official .ofs-navbar__item--active,
.ofs-navbar--theme-official .ofs-navbar__item:hover {
color: #d0011b
}
.ofs-navbar--theme-official .ofs-navbar__item--active {
border-color: #d0011b
}
.ofs-navbar--theme-official.preview {
pointer-events: none
}
.ofs-navbar--hidden {
height: 0;
min-height: 0;
transform: translate3d(0, -50px, 0)
}
.ofs-navbar__background {
background: #fff
}
.ofs-navbar__wrapper {
display: flex
}
.ofs-navbar__items {
display: flex;
flex: 1;
justify-content: space-around
}
.ofs-navbar__item {
align-items: center;
border-bottom: 4px solid #fff;
box-sizing: border-box;
color: rgba(0, 0, 0, .87);
display: block;
display: flex;
font-size: .9375rem;
font-weight: 700;
padding: 14px 10px;
-webkit-text-decoration: none;
text-decoration: none
}
.ofs-navbar__item--active,
.ofs-navbar__item:hover {
color: #ee4d2d;
cursor: pointer;
transition: color .3s cubic-bezier(.4, 0, .6, 1)
}
.ofs-navbar__item--active {
border-color: #ee4d2d;
transition: border-color .2s cubic-bezier(.4, 0, .6, 1)
}
.ofs-navbar__item-name {
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap
}
.ofs-navbar__more {
display: flex;
padding-left: 20px;
position: relative
}
.ofs-navbar__more:before {
border-left: 1px solid rgba(0, 0, 0, .09);
content: "";
height: 20px;
left: 0;
position: absolute;
top: 50%;
transform: translateY(-50%)
}
.ofs-navbar__more:hover {
border-bottom-color: transparent;
color: initial
}
.ofs-navbar__separator {
background: rgba(0, 0, 0, .09);
margin: 25px 0;
width: 1px
}
.btn {
display: -webkit-box;
overflow: hidden;
text-overflow: ellipsis;
-webkit-line-clamp: 1;
align-items: center;
border: 0;
border-radius: 2px;
box-shadow: 0 1px 1px 0 rgba(0, 0, 0, .09);
box-sizing: border-box;
cursor: pointer;
display: flex;
flex-direction: column;
font-size: 14px;
justify-content: center;
outline: 0;
text-transform: capitalize
}
.btn--inline {
display: inline-flex
}
.btn--s {
height: 34px;
max-width: 190px;
min-width: 60px;
padding: 0 15px
}
.btn--m {
height: 40px;
max-width: 220px;
min-width: 70px;
padding: 0 20px
}
.btn--l {
font-size: 16px;
height: 48px;
padding: 0 20px
}
.btn--l {
max-width: 250px;
min-width: 80px
}
.btn-solid-primary {
background: #ee4d2d;
color: #fff;
outline: 0;
overflow: visible;
position: relative
}
.btn-solid-primary:focus-visible:before {
border-radius: var(--focus-indicator-border-radius);
content: "";
height: calc(100% + var(--focus-indicator-spacing)*2);
left: calc(var(--focus-indicator-spacing)*-1);
margin: calc(var(--focus-indicator-spacing)*-1);
outline: var(--focus-indicator-stroke-width) solid var(--focus-indicator-color);
padding: var(--focus-indicator-spacing);
position: absolute;
top: calc(var(--focus-indicator-spacing)*-1);
width: calc(100% + var(--focus-indicator-spacing)*2)
}
.btn-solid-primary:not(.btn-solid-primary--disabled):hover {
background: #f05d40
}
.btn-solid-primary:not(.btn-solid-primary--disabled):active {
background: #e2492b;
box-shadow: inset 0 2px 1px 0 rgba(0, 0, 0, .05)
}
.btn-solid-primary.btn-solid-primary--disabled {
background: #facac0 !important;
box-shadow: none;
cursor: not-allowed
}
.btn-solid-primary--link {
color: #fff
}
.theme--ofs .btn-solid-primary {
background: #d0011b;
outline: 0;
overflow: visible;
position: relative
}
.theme--ofs .btn-solid-primary:focus-visible:before {
border-radius: var(--focus-indicator-border-radius);
content: "";
height: calc(100% + var(--focus-indicator-spacing)*2);
left: calc(var(--focus-indicator-spacing)*-1);
margin: calc(var(--focus-indicator-spacing)*-1);
outline: var(--focus-indicator-stroke-width) solid var(--focus-indicator-color);
padding: var(--focus-indicator-spacing);
position: absolute;
top: calc(var(--focus-indicator-spacing)*-1);
width: calc(100% + var(--focus-indicator-spacing)*2)
}
.theme--ofs .btn-solid-primary:not(.btn-solid-primary--disabled):hover {
background: #d41830
}
.theme--ofs .btn-solid-primary:not(.btn-solid-primary--disabled):active {
background: #c6011a;
box-shadow: inset 0 2px 1px 0 rgba(0, 0, 0, .05)
}
.theme--ofs .btn-solid-primary.btn-solid-primary--disabled {
background: #f1b3bb !important;
box-shadow: none;
cursor: not-allowed
}
.theme--s-mart .btn-solid-primary {
background: #066bc8;
outline: 0;
overflow: visible;
position: relative
}
.theme--s-mart .btn-solid-primary:focus-visible:before {
border-radius: var(--focus-indicator-border-radius);
content: "";
height: calc(100% + var(--focus-indicator-spacing)*2);
left: calc(var(--focus-indicator-spacing)*-1);
margin: calc(var(--focus-indicator-spacing)*-1);
outline: var(--focus-indicator-stroke-width) solid var(--focus-indicator-color);
padding: var(--focus-indicator-spacing);
position: absolute;
top: calc(var(--focus-indicator-spacing)*-1);
width: calc(100% + var(--focus-indicator-spacing)*2)
}
.theme--s-mart .btn-solid-primary:not(.btn-solid-primary--disabled):hover {
background: #1c78cd
}
.theme--s-mart .btn-solid-primary:not(.btn-solid-primary--disabled):active {
background: #0666be;
box-shadow: inset 0 2px 1px 0 rgba(0, 0, 0, .05)
}
.theme--s-mart .btn-solid-primary.btn-solid-primary--disabled {
background: #b4d3ef !important;
box-shadow: none;
cursor: not-allowed
}
.N9m5w_ {
border: 1px solid;
border-radius: 2px;
color: #ee4d2d;
font-size: .625rem;
line-height: 1rem;
margin-right: .5em;
padding: 0 1px
}
.cart-drawer-container {
padding: 10px 0
}
.cart-drawer {
cursor: pointer;
margin: 0 0 0 5px;
outline: 0;
overflow: visible;
position: relative
}
.cart-drawer:focus-visible:before {
border-radius: var(--focus-indicator-border-radius);
content: "";
height: calc(100% + var(--focus-indicator-spacing)*2);
left: calc(var(--focus-indicator-spacing)*-1);
margin: calc(var(--focus-indicator-spacing)*-1);
outline: var(--focus-indicator-stroke-width) solid var(--focus-indicator-color);
padding: var(--focus-indicator-spacing);
position: absolute;
top: calc(var(--focus-indicator-spacing)*-1);
width: calc(100% + var(--focus-indicator-spacing)*2)
}
.cart-drawer .shopee-cart-number-badge {
left: -1.25rem;
top: -.6875rem
}
.cart-drawer .icon-shopping-cart-2 {
color: #fff;
stroke: #fff
}
.cart-drawer__popover {
z-index: 400 !important
}
h3.div-style {
font-size: unset;
font-style: normal;
font-weight: 400;
margin: 0
}
h1.a11y-hidden,
h2.a11y-hidden,
h3.a11y-hidden,
h4.a11y-hidden,
span.a11y-hidden {
height: 1px;
left: -9999px;
overflow: hidden;
position: absolute;
width: 1px
}
.ofs-header {
display: flex;
flex-direction: column;
transition: top .1s cubic-bezier(.4, 0, .6, 1);
z-index: 200
}
.ofs-header__top {
align-items: center;
background: #d0011b;
border-bottom: .0625rem solid rgba(0, 0, 0, .12);
display: flex;
padding: .875rem 0 1.3125rem;
z-index: 300
}
.ofs-header__top-wrapper {
align-items: center;
box-sizing: border-box;
display: flex
}
.ofs-header__left {
align-items: center;
color: rgba(0, 0, 0, .87);
display: block;
display: flex;
margin-right: .9375rem;
opacity: 1;
-webkit-text-decoration: none;
text-decoration: none;
transform-origin: -1px -1px;
transition: transform .6s cubic-bezier(.4, 0, .6, 1), opacity .6s cubic-bezier(.4, 0, .6, 1)
}
.ofs-header__left .icon-shopee-logo--official-shop {
background-position: 50%;
background-repeat: no-repeat;
background-size: cover;
cursor: pointer;
height: 2.8125rem;
width: 2.5rem;
fill: #fff
}
.ofs-header__left>a {
outline: 0
}
.ofs-header__logo-focus-style-wrapper {
border-radius: 2px;
margin: -.125rem;
padding: 2px
}
.ofs-header__logo-focus-style-wrapper:focus {
outline: 2px solid var(--focus-indicator-color)
}
.ofs-header__logo-separator {
border-right: 1px solid hsla(0, 0%, 100%, .4);
height: 1.875rem;
margin-left: 1rem;
outline: 0
}
.ofs-header__mid {
display: flex;
transition: transform .6s cubic-bezier(.4, 0, .6, 1)
}
.ofs-header__page-name {
color: rgba(0, 0, 0, .87);
color: #fff;
display: block;
font-size: 1.75rem;
line-height: 1.25rem;
outline: 0;
overflow: visible;
position: relative;
-webkit-text-decoration: none;
text-decoration: none;
text-transform: uppercase;
white-space: nowrap
}
.ofs-header__page-name:focus-visible:before {
border-radius: var(--focus-indicator-border-radius);
content: "";
height: calc(100% + var(--focus-indicator-spacing)*2);
left: calc(var(--focus-indicator-spacing)*-1);
margin: calc(var(--focus-indicator-spacing)*-1);
outline: var(--focus-indicator-stroke-width) solid var(--focus-indicator-color);
padding: var(--focus-indicator-spacing);
position: absolute;
top: calc(var(--focus-indicator-spacing)*-1);
width: calc(100% + var(--focus-indicator-spacing)*2)
}
.ofs-header__page-name>svg {
height: 2.0625rem;
width: auto;
fill: #fff
}
.ofs-header__page-name>.ofs-all-logo {
max-width: 165px;
top: 5px
}
.ofs-header__page-name>.ofs-tw-logo {
max-width: 148px
}
.ofs-header__page-name>.ofs-br-logo {
max-width: 200px;
top: 5px
}
.ofs-header__page-name>.ofs-pl-logo {
height: 41px;
top: 8.5px
}
.ofs-header__toggle {
align-items: center;
color: #fff;
cursor: pointer;
display: flex;
opacity: 0;
text-transform: capitalize;
transition: opacity .1s cubic-bezier(.4, 0, .6, 1) .66s;
white-space: nowrap;
z-index: -1
}
.ofs-header__toggle-icon {
fill: #fff;
height: 10px;
margin: 0 .625rem 0 1.25rem;
width: 10px
}
.ofs-header .spacer {
flex: 1
}
.ofs-header__right {
align-items: center;
display: flex;
position: relative;
width: 36.875rem
}
.ofs-header__right>.shopee-searchbar {
border: .1875rem solid #fff;
padding: 0;
transition: width .6s cubic-bezier(.4, 0, .2, 1) .6s;
width: 32.5rem
}
.ofs-header__right .shopee-searchbar__main>.shopee-popover {
transition: width .6s cubic-bezier(.4, 0, .2, 1) .6s;
width: 27.9375rem !important
}
.ofs-header__right .shopee-button-solid {
background-color: #d0011b
}
.ofs-header__cart-wrapper {
align-items: center;
display: flex;
flex: 1;
justify-content: flex-end
}
.ofs-header__cart-wrapper .shopee-drawer {
height: 48px;
padding-left: 5px
}
.ofs-header__cart-wrapper .cart-drawer-container {
align-items: center;
display: flex;
height: 100%;
padding: 10px 0
}
.ofs-header__cart-wrapper .cart-drawer {
margin: 0
}
.header-with-search-wrapper {
background-color: #fff;
box-shadow: 0 .0625rem .15625rem rgba(0, 0, 0, .05);
box-sizing: border-box;
z-index: 300
}
.header-with-search {
display: flex;
height: 5.3125rem;
justify-content: space-between;
padding: 1rem 0 .625rem
}
.header-with-search,
.header-with-search__cart-wrapper,
.header-with-search__logo-section {
box-sizing: border-box
}
.header-with-search__logo-section {
padding-right: 2.5rem;
position: relative;
top: -.1875rem
}
.header-with-search__logo-section:focus-visible:before {
border: var(--focus-indicator-stroke-width) solid var(--focus-indicator-color);
border-radius: var(--focus-indicator-border-radius);
bottom: 0;
content: "";
left: 0;
position: absolute;
right: 2.5rem;
top: calc(var(--focus-indicator-spacing)*-1)
}
.header-with-search__logo-section:focus {
outline: 0
}
.header-with-search__logo-wrapper {
border-radius: 2px;
margin: -2px;
padding: 2px
}
.header-with-search__shopee-logo.icon-shopee-logo {
display: block;
height: 50px;
width: 162px
}
.header-with-search__search-section {
display: flex;
flex-direction: column;
justify-content: flex-start;
position: relative;
width: 840px
}
.header-with-search__search-section>.shopee-searchbar {
box-shadow: 0 .125rem .25rem rgba(0, 0, 0, .09);
width: 100%
}
.header-with-search__cart-wrapper {
align-items: center;
display: flex;
flex: 1;
justify-content: center;
margin: 0 10px;
padding-bottom: 5px
}
.header-with-search-wrapper {
background: 0 0;
box-shadow: 0 1px 1px 0 rgba(0, 0, 0, .05)
}
.header-with-search-wrapper .shopee-searchbar-input {
background-color: #fff;
border-color: #fff
}
.header-with-search-wrapper .shopee-searchbar-input .shopee-drawer__contents {
z-index: 601
}
.header-with-search-wrapper .header-with-search__shopee-logo {
height: 50px;
width: 162px
}
.header-with-search-wrapper .header-with-search__shopee-logo--hidden {
opacity: 0
}
.header-with-search-wrapper .shopee-searchbar>.btn-solid-primary {
background: #fb5533;
outline: 0;
overflow: visible;
position: relative
}
.header-with-search-wrapper .shopee-searchbar>.btn-solid-primary:focus-visible:before {
border-radius: var(--focus-indicator-border-radius);
content: "";
height: calc(100% + var(--focus-indicator-spacing)*2);
left: calc(var(--focus-indicator-spacing)*-1);
margin: calc(var(--focus-indicator-spacing)*-1);
outline: var(--focus-indicator-stroke-width) solid var(--focus-indicator-color);
padding: var(--focus-indicator-spacing);
position: absolute;
top: calc(var(--focus-indicator-spacing)*-1);
width: calc(100% + var(--focus-indicator-spacing)*2)
}
.header-with-search-wrapper .shopee-searchbar>.btn-solid-primary:not(.disabled):hover {
background: #fb6445
}
.header-with-search-wrapper .shopee-searchbar>.btn-solid-primary:not(.disabled):active {
background: #ee5130;
box-shadow: inset 0 2px 1px 0 rgba(0, 0, 0, .05)
}
.header-with-search-wrapper .shopee-searchbar>.btn-solid-primary.disabled {
background: #feccc2 !important;
box-shadow: none;
cursor: not-allowed
}
.shopee-drawer {
display: flex;
outline: 0;
overflow: visible;
position: relative
}
.shopee-drawer:focus-visible:before {
--focus-indicator-spacing: 1px;
border-radius: var(--focus-indicator-border-radius);
content: "";
height: calc(100% + var(--focus-indicator-spacing)*2);
left: calc(var(--focus-indicator-spacing)*-1);
margin: calc(var(--focus-indicator-spacing)*-1);
outline: var(--focus-indicator-stroke-width) solid var(--focus-indicator-color);
padding: var(--focus-indicator-spacing);
position: absolute;
top: calc(var(--focus-indicator-spacing)*-1);
width: calc(100% + var(--focus-indicator-spacing)*2)
}
.shopee-drawer__contents {
position: absolute;
top: 100%;
z-index: 400
}
.shopee-drawer .icon-help {
stroke: currentColor
}
.TlJa3Z:not(:first-child):after {
border-left: 1px solid hsla(0, 0%, 100%, .22);
border-right: 1px solid hsla(0, 0%, 100%, .22);
content: "";
height: .9375rem;
left: -6px;
position: absolute;
top: calc(50% - 7px);
width: 0
}
.TlJa3Z:not(:first-child) {
margin-left: .625rem
}
.PnbNrD {
color: #fff;
font-size: .8125rem;
font-weight: 300;
outline: 0;
overflow: visible;
padding: .25rem;
position: relative;
-webkit-text-decoration: none;
text-decoration: none
}
.PnbNrD:focus-visible:before {
--focus-indicator-spacing: 0px;
border-radius: var(--focus-indicator-border-radius);
content: "";
height: calc(100% + var(--focus-indicator-spacing)*2);
left: calc(var(--focus-indicator-spacing)*-1);
margin: calc(var(--focus-indicator-spacing)*-1);
outline: var(--focus-indicator-stroke-width) solid var(--focus-indicator-color);
padding: var(--focus-indicator-spacing);
position: absolute;
top: calc(var(--focus-indicator-spacing)*-1);
width: calc(100% + var(--focus-indicator-spacing)*2)
}
.PnbNrD:last-child {
border: 0
}
.PnbNrD:not(.K_ul1I):hover {
color: hsla(0, 0%, 100%, .7);
cursor: pointer
}
.PnbNrD>a:focus-visible {
border-radius: 1px;
box-shadow: var(--brand-primary-color) 0 0 0 4px, var(--focus-indicator-color) 0 0 0 6px;
outline: 0
}
.K_ul1I {
border: 0
}
.K_ul1I,
.Z_LU_o {
padding-right: 0
}
.AFNv_2 .NmyWMZ,
.AFNv_2 .YjYBRd,
.AFNv_2 .xTKbwM {
display: inline-block;
margin-right: 10px;
overflow: hidden;
text-align: left;
text-indent: -9999px
}
.AFNv_2 .NmyWMZ,
.AFNv_2 .YjYBRd {
height: 16px;
width: 16px
}
.AFNv_2 .xTKbwM {
height: 16px;
width: 16px
}
.header-navbar-background {
background-image: url(https://deo.shopeemobile.com/shopee/shopee-pcmall-live-sg/productdetailspage/d4abcabbd3a449975eb8.png)
}
.header-navbar-facebook-png {
background-position: 8.064516129032258% 16.129032258064516%;
background-size: 487.5% 293.75%
}
.header-navbar-instagram-png {
background-position: 58.064516129032256% 16.129032258064516%;
background-size: 487.5% 293.75%
}
.header-navbar-line-png {
background-position: 8.064516129032258% 96.875%;
background-size: 487.5% 313.3333333333333%
}
.header-navbar-shopee-campus-header-png {
background-position: 50% 100%;
background-size: 487.5% 293.75%
}
.header-navbar-twitter-png {
background-position: 100% 16.129032258064516%;
background-size: 487.5% 293.75%
}
.stardust-popover {
position: relative
}
.stardust-popover:focus-visible {
border-radius: 2px;
outline: 2px solid #000
}
.stardust-popover__popover {
position: absolute;
will-change: transform;
z-index: -1
}
.stardust-popover__popover--border {
border: 1px solid rgba(0, 0, 0, .09)
}
.stardust-popover__arrow {
position: absolute;
will-change: transform;
z-index: 3
}
.stardust-popover__arrow--inner {
height: 0;
left: -8px;
position: absolute;
width: 0
}
@keyframes popover-enter-animation {
0% {
opacity: 0;
transform: scale(0)
}
to {
opacity: 1;
transform: scale(1)
}
}
@keyframes popover-hide-animation {
0% {
opacity: 1;
transform: scale(1)
}
to {
opacity: 0;
transform: scale(0)
}
}
.vcS1qy {
align-items: center;
display: flex
}
.vcS1qy {
color: currentColor;
padding: 6px 0
}
.Ajoyy9 {
pointer-events: none
}
.e9qrqX {
font-size: .8125rem;
font-weight: 300;
margin-left: .3125rem;
text-transform: capitalize
}
.qiZhRg {
align-items: center;
color: #fff;
display: flex;
padding: .4375rem .625rem
}
.qiZhRg:hover {
color: hsla(0, 0%, 100%, .7)
}
.qiZhRg .HzRDzc {
align-items: center;
display: flex
}
.qiZhRg .DXcInb {
font-size: .8125rem;
font-weight: 300;
margin: 0 .3125rem
}
.navbar {
color: #fff
}
.navbar__link {
color: currentColor
}
.navbar__link-text.navbar__link-text--normal-case {
text-transform: none
}
.navbar__help-center-icon {
align-items: center;
color: currentColor;
display: flex;
justify-content: center;
margin-left: .5rem;
margin-right: .3125rem
}
.navbar__help-center-icon .icon-help-center {
height: 1.125rem;
width: 1.125rem
}
.navbar__username {
max-width: 9.375rem;
overflow: hidden;
padding-left: .3125rem;
text-overflow: ellipsis
}
.navbar-user-link {
text-transform: capitalize
}
.navbar-user-link:focus-visible {
outline: 0
}
.navbar-user-link:focus-visible>span {
border-radius: 2px;
box-shadow: var(--focus-indicator-color) 0 0 0 2px;
margin: -2px -4px;
outline: 0;
padding: 2px 4px
}
.navbar .navbar__link.navbar__link--help {
padding-left: 0
}
.navbar .navbar__link.navbar__link--help:focus-visible,
.navbar .navbar__link.navbar__link--login:focus-visible,
.navbar .navbar__link.navbar__link--signup:focus-visible {
border-radius: 2px;
box-shadow: var(--focus-indicator-color) 0 0 0 2px;
outline: 0
}
.shopee-top {
background: #f53d2d;
background: linear-gradient(-180deg, #f53d2d, #f63);
transition: transform .2s cubic-bezier(.4, 0, .2, 1)
}
.theme--ofs .shopee-top {
background: 0 0
}
.shopee-top.mall-preview {
pointer-events: none
}
.navbar {
align-items: center;
display: flex
}
.navbar__spacer {
flex: 1
}
.navbar__links {
height: 2.125rem;
list-style: none;
margin: 0;
padding: 0
}
.navbar__link,
.navbar__links {
align-items: center;
display: flex
}
.navbar__link {
justify-content: center;
padding: 0 .625rem;
position: relative
}
.navbar__link--tappable {
cursor: pointer;
-webkit-user-select: none;
-moz-user-select: none;
user-select: none
}
.navbar__link--hoverable:hover .navbar__link-text {
color: hsla(0, 0%, 100%, .7)
}
.navbar__link--hoverable:hover:before {
display: none
}
.navbar__link:not(:first-child):before {
background-color: rgba(0, 0, 0, .26);
content: "";
display: block;
height: .9375rem;
left: 0;
position: absolute;
top: 1.125rem;
width: 1px
}
.navbar__link--account__container {
align-items: center;
display: flex;
padding: 5px 0;
text-transform: none
}
.navbar__link--account__container .navbar__link-text {
font-weight: 400;
overflow: hidden;
padding-left: .3125rem;
text-overflow: ellipsis;
white-space: nowrap
}
.navbar__link--notification,
.navbar__link--separator {
padding: 0
}
.navbar__link:hover+.navbar__link:before {
display: none
}
.navbar__link-container--notification {
align-items: center;
color: rgba(0, 0, 0, .87);
color: currentColor;
cursor: pointer;
display: flex;
-webkit-text-decoration: none;
text-decoration: none
}
.navbar__link-icon {
color: #ee4d2d;
font-size: 1.0625rem;
margin-right: .625rem
}
.navbar__link-icon.icon-notification-2 {
fill: currentColor;
margin-right: 4px
}
.navbar__link-icon.icon-shopping-cart-2 {
fill: currentColor;
cursor: pointer;
height: 26px;
width: 26px
}
.navbar__link-text {
align-items: center;
color: currentColor;
display: flex;
font-size: .8125rem;
font-weight: 300;
text-transform: capitalize
}
.navbar__link-text--medium {
font-weight: 500
}
.navbar__link-separator {
border-right: 1px solid hsla(0, 0%, 100%, .4);
height: .8125rem
}
.navbar-account-drawer__content {
background-color: #fff;
border-radius: 2px;
border-top: 0;
box-shadow: 0 .0625rem 3.125rem 0 rgba(0, 0, 0, .2);
overflow: hidden;
width: 9.375rem
}
.navbar-account-drawer__button {
align-items: center;
color: rgba(0, 0, 0, .87);
display: flex;
font-weight: 500;
height: 2.5rem;
padding-left: .9375rem;
-webkit-text-decoration: none;
text-decoration: none;
width: 9.375rem
}
.navbar-account-drawer__button:hover {
background-color: #fafafa;
color: #00bfa5
}
.shopee-cart-number-badge,
.shopee-notification-number-badge {
background-color: #fff;
border: .125rem solid var(--brand-primary-color, #ee4d2d);
border-radius: 2.75rem;
color: var(--brand-primary-color, #ee4d2d);
height: 1rem;
left: -1.125rem;
line-height: 1.2em;
margin-right: -.875rem;
min-width: .6875rem;
padding: 0 .3125rem;
position: relative;
text-align: center;
top: -.5rem
}
.navbar-wrapper {
background: 0 0;
height: 2.125rem;
position: relative;
z-index: 400
}
.navbar-wrapper--official-shop {
background: #d0011b
}
.navbar-wrapper .navbar {
color: #fff
}
.navbar-wrapper .navbar__link-icon,
.navbar-wrapper .navbar__link-text {
color: currentColor
}
.navbar-wrapper .navbar__link:after,
.navbar-wrapper .navbar__link:before {
display: none
}
.navbar-wrapper .navbar__link {
cursor: pointer
}
.navbar-wrapper .navbar__link:hover {
color: hsla(0, 0%, 100%, .7)
}
.navbar-wrapper .navbar__link--login .navbar__link-text {
color: #ee4d2d;
font-weight: 500
}
.navbar-wrapper .navbar__link--login:hover .navbar__link-text {
color: #ee4d2d
}
.navbar-wrapper .navbar__link--login:active {
background-color: hsla(0, 0%, 100%, .8)
}
.page-product__content--right>:not(:empty) {
margin-left: .9375rem;
width: 14.5rem
}
.page-product>.container {
padding-bottom: 4.375rem
}
.page-product__detail,
.page-product__info,
.page-product__ratings,
.page-product__shop,
.page-product__shop-voucher {
background: #fff;
border-radius: .125rem;
box-shadow: 0 1px 1px 0 rgba(0, 0, 0, .05);
margin-top: .9375rem;
overflow: hidden;
padding: .625rem
}
.page-product__content {
display: flex;
min-height: 40rem
}
.page-product__content--hidden {
opacity: 0;
pointer-events: none
}
.page-product__content--left {
flex: 1;
min-width: 0
}
.page-product__content--right>:not(:empty) {
display: block !important
}
.toast {
align-items: center;
bottom: 0;
display: flex;
justify-content: center;
left: 0;
position: fixed;
right: 0;
top: 0;
transition: opacity .1s cubic-bezier(.4, 0, .6, 1);
z-index: 10000
}
.toast--hidden {
opacity: 0;
pointer-events: none
}
.toast__container {
background-color: rgba(0, 0, 0, .7);
border-radius: 2px;
color: #fff;
cursor: default;
display: inline-block;
font-size: 1.0625rem;
max-width: 25rem;
min-width: 18.75rem;
overflow: hidden;
padding: 2.5rem 1.25rem;
text-align: center
}
.toast__icon {
margin-bottom: 1.25rem
}
.toast__icon {
display: flex;
justify-content: center
}
.K3c1N_ {
height: 40px;
width: 40px
}
.QN2lPu {
margin: 0
}
.QN2lPu img {
pointer-events: none
}
.Tq1nbH {
display: flex;
margin-bottom: 1.125rem
}
.cyMNDG {
box-sizing: border-box;
color: rgba(0, 0, 0, .4);
font-size: .875rem;
padding-right: .75rem;
width: 8.75rem
}
.cyMNDG.TyBD7s {
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap
}
.I_DV_3 {
padding: .9375rem .9375rem 0
}
.WjNdTR {
background: rgba(0, 0, 0, .02);
color: rgba(0, 0, 0, .87);
font-size: 1.125rem;
font-weight: 400;
margin: 0;
padding: .875rem;
text-transform: capitalize
}
.Gf4Ro0 {
margin: 1.875rem .9375rem .9375rem
}
.wAMdpk .shopee-header-section__header-link>.shopee-button-no-outline {
color: var(--brand-primary-color, #ee4d2d) !important
}
.stardust-button {
background-color: #fff;
border: 1px solid rgba(0, 0, 0, .26);
border-radius: 4px;
color: rgba(0, 0, 0, .87);
font-family: -apple-system, Helvetica Neue, Helvetica, Roboto, Droid Sans, Arial, sans-serif;
font-size: 14px;
font-weight: 400;
padding: 8px 10px
}
.stardust-button.stardust-button--active,
.stardust-button:hover {
background-color: rgba(0, 0, 0, .09);
border-color: rgba(0, 0, 0, .26);
cursor: pointer
}
.stardust-button--disabled {
background-color: rgba(0, 0, 0, .26);
border: 1px solid rgba(0, 0, 0, .26)
}
.stardust-button--disabled.stardust-button--active,
.stardust-button--disabled:hover {
background-color: rgba(0, 0, 0, .26);
border: 1px solid rgba(0, 0, 0, .26);
cursor: not-allowed
}
.stardust-button--block {
display: block;
width: 100%
}
.stardust-button--block+.stardust-button--block {
margin-top: 5px
}
.stardust-button--large {
border-radius: 6px;
font-size: 16px;
padding: 12px 14px
}
.stardust-button--large,
.stardust-button--small {
font-family: -apple-system, Helvetica Neue, Helvetica, Roboto, Droid Sans, Arial, sans-serif;
font-weight: 400
}
.stardust-button--small {
border-radius: 3px;
font-size: 12px;
padding: 6px 8px
}
.stardust-button--primary {
background-color: #ee4d2d;
border-color: #cd3011;
color: #fff
}
.stardust-button--primary.stardust-button--active,
.stardust-button--primary:hover {
background-color: #d73211;
border-color: #ba2b0f
}
.stardust-button--primary.stardust-button--disabled {
opacity: .7
}
.stardust-button--primary.stardust-button--active.stardust-button--disabled,
.stardust-button--primary:hover.stardust-button--disabled {
background-color: #ee4d2d;
border-color: #cd3011
}
.stardust-button--warning {
background-color: #ff424f;
border-color: #ef0010;
color: #fff
}
.stardust-button--warning.stardust-button--active,
.stardust-button--warning:hover {
background-color: #fa0011;
border-color: #e50010
}
.stardust-button--warning.stardust-button--disabled {
opacity: .7
}
.stardust-button--warning.stardust-button--active.stardust-button--disabled,
.stardust-button--warning:hover.stardust-button--disabled {
background-color: #ff424f;
border-color: #ef0010
}
.stardust-button--outline-primary {
background-color: transparent;
border-color: #ee4d2d;
color: #ee4d2d
}
.stardust-button--outline-primary.stardust-button--active,
.stardust-button--outline-primary:hover {
background-color: hsla(0, 0%, 100%, .3);
border-color: #d73211
}
.stardust-button--outline-primary.stardust-button--disabled {
opacity: .7
}
.stardust-button--outline-primary.stardust-button--active.stardust-button--disabled,
.stardust-button--outline-primary:hover.stardust-button--disabled {
background-color: transparent;
border-color: #ee4d2d
}
.stardust-button--outline-white {
background-color: transparent;
border-color: #fff;
color: #fff
}
.stardust-button--outline-white.stardust-button--active,
.stardust-button--outline-white:hover {
background-color: hsla(0, 0%, 100%, .3);
border-color: #fff
}
.stardust-button--outline-white.stardust-button--disabled {
opacity: .7
}
.stardust-button--outline-white.stardust-button--active.stardust-button--disabled,
.stardust-button--outline-white:hover.stardust-button--disabled {
background-color: transparent;
border-color: #fff
}
.stardust-icon {
stroke: currentColor;
fill: currentColor;
height: 1em;
width: 1em
}
@keyframes movement {
0% {
transform: translateY(2px)
}
50% {
transform: translateY(-2px)
}
to {
transform: translateY(2px)
}
}
.stardust-spinner--hidden {
display: none
}
.stardust-spinner__background {
align-content: center;
align-items: center;
background-color: rgba(0, 0, 0, .4);
display: flex;
height: 100%;
justify-content: center;
left: 0;
position: fixed;
top: 0;
width: 100%
}
.stardust-spinner__background--no-overlay {
background-color: transparent;
height: auto;
position: static;
width: auto
}
.stardust-spinner__background--no-overlay .stardust-spinner__main {
border-radius: 0;
padding: 0
}
.stardust-spinner__main {
background: #fff;
border-radius: 1rem;
color: #000;
flex: 0 1 auto;
padding: 1rem
}
.stardust-spinner__spinner {
animation: movement .4s linear infinite
}
.stardust-spinner__spinner:nth-child(2) {
animation-delay: .1s
}
.stardust-spinner__spinner:nth-child(3) {
animation-delay: .2s
}
Button[data-cy=IDLargeSubmitBtn] {
width: 200px
}
.shopee-modal__transition-appear {
opacity: .01
}
.shopee-modal__transition-appear.shopee-modal__transition-appear-active {
opacity: 1;
transition: opacity .2s
}
.shopee-modal__transition-enter {
opacity: .01
}
.shopee-modal__transition-enter.shopee-modal__transition-enter-active {
opacity: 1;
transition: opacity .2s
}
.shopee-modal__transition-exit {
opacity: 1
}
.shopee-modal__transition-exit.shopee-modal__transition-exit-active {
opacity: .01;
transition: opacity .2s
}
.btn {
display: -webkit-box;
overflow: hidden;
text-overflow: ellipsis;
-webkit-line-clamp: 1;
align-items: center;
border: 0;
border-radius: 2px;
box-shadow: 0 1px 1px 0 rgba(0, 0, 0, .09);
box-sizing: border-box;
cursor: pointer;
display: flex;
flex-direction: column;
font-size: 14px;
justify-content: center;
outline: 0;
text-transform: capitalize
}
.btn--inline {
display: inline-flex
}
.btn--s {
height: 34px;
max-width: 190px;
min-width: 60px;
padding: 0 15px
}
.btn--m {
height: 40px;
max-width: 220px;
min-width: 70px;
padding: 0 20px
}
.btn--l {
font-size: 16px;
height: 48px;
padding: 0 20px
}
.btn--l {
max-width: 250px;
min-width: 80px
}
.btn-solid-primary {
background: #ee4d2d;
color: #fff;
outline: 0;
overflow: visible;
position: relative
}
.btn-solid-primary:focus-visible:before {
border-radius: var(--focus-indicator-border-radius);
content: "";
height: calc(100% + var(--focus-indicator-spacing)*2);
left: calc(var(--focus-indicator-spacing)*-1);
margin: calc(var(--focus-indicator-spacing)*-1);
outline: var(--focus-indicator-stroke-width) solid var(--focus-indicator-color);
padding: var(--focus-indicator-spacing);
position: absolute;
top: calc(var(--focus-indicator-spacing)*-1);
width: calc(100% + var(--focus-indicator-spacing)*2)
}
.btn-solid-primary:not(.btn-solid-primary--disabled):hover {
background: #f05d40
}
.btn-solid-primary:not(.btn-solid-primary--disabled):active {
background: #e2492b;
box-shadow: inset 0 2px 1px 0 rgba(0, 0, 0, .05)
}
.btn-solid-primary.btn-solid-primary--disabled {
background: #facac0 !important;
box-shadow: none;
cursor: not-allowed
}
.btn-solid-primary--link {
color: #fff
}
.theme--ofs .btn-solid-primary {
background: #d0011b;
outline: 0;
overflow: visible;
position: relative
}
.theme--ofs .btn-solid-primary:focus-visible:before {
border-radius: var(--focus-indicator-border-radius);
content: "";
height: calc(100% + var(--focus-indicator-spacing)*2);
left: calc(var(--focus-indicator-spacing)*-1);
margin: calc(var(--focus-indicator-spacing)*-1);
outline: var(--focus-indicator-stroke-width) solid var(--focus-indicator-color);
padding: var(--focus-indicator-spacing);
position: absolute;
top: calc(var(--focus-indicator-spacing)*-1);
width: calc(100% + var(--focus-indicator-spacing)*2)
}
.theme--ofs .btn-solid-primary:not(.btn-solid-primary--disabled):hover {
background: #d41830
}
.theme--ofs .btn-solid-primary:not(.btn-solid-primary--disabled):active {
background: #c6011a;
box-shadow: inset 0 2px 1px 0 rgba(0, 0, 0, .05)
}
.theme--ofs .btn-solid-primary.btn-solid-primary--disabled {
background: #f1b3bb !important;
box-shadow: none;
cursor: not-allowed
}
.theme--s-mart .btn-solid-primary {
background: #066bc8;
outline: 0;
overflow: visible;
position: relative
}
.theme--s-mart .btn-solid-primary:focus-visible:before {
border-radius: var(--focus-indicator-border-radius);
content: "";
height: calc(100% + var(--focus-indicator-spacing)*2);
left: calc(var(--focus-indicator-spacing)*-1);
margin: calc(var(--focus-indicator-spacing)*-1);
outline: var(--focus-indicator-stroke-width) solid var(--focus-indicator-color);
padding: var(--focus-indicator-spacing);
position: absolute;
top: calc(var(--focus-indicator-spacing)*-1);
width: calc(100% + var(--focus-indicator-spacing)*2)
}
.theme--s-mart .btn-solid-primary:not(.btn-solid-primary--disabled):hover {
background: #1c78cd
}
.theme--s-mart .btn-solid-primary:not(.btn-solid-primary--disabled):active {
background: #0666be;
box-shadow: inset 0 2px 1px 0 rgba(0, 0, 0, .05)
}
.theme--s-mart .btn-solid-primary.btn-solid-primary--disabled {
background: #b4d3ef !important;
box-shadow: none;
cursor: not-allowed
}
.shopee-button-solid {
align-items: center;
background: rgba(0, 0, 0, .54);
border: 0;
border-radius: 2px;
box-shadow: 0 1px 1px 0 rgba(0, 0, 0, .09);
color: #fff;
cursor: pointer;
display: flex;
font-size: .875rem;
font-weight: 300;
justify-content: center;
letter-spacing: 0;
line-height: 1;
outline: 0;
position: relative;
transition: background-color .1s cubic-bezier(.4, 0, .6, 1);
transition: opacity .2s ease;
-webkit-user-select: none;
-moz-user-select: none;
user-select: none
}
.shopee-button-solid:active {
box-shadow: inset 0 2px 1px 0 rgba(0, 0, 0, .05)
}
.shopee-button-solid--fill {
height: 100%;
padding-bottom: 0;
padding-top: 0;
width: 100%
}
.shopee-button-solid--secondary {
background: #3b3f53
}
.shopee-button-solid--primary {
background: #ee4d2d;
outline: 0;
overflow: visible;
position: relative
}
.shopee-button-solid--primary:focus-visible:before {
border-radius: var(--focus-indicator-border-radius);
content: "";
height: calc(100% + var(--focus-indicator-spacing)*2);
left: calc(var(--focus-indicator-spacing)*-1);
margin: calc(var(--focus-indicator-spacing)*-1);
outline: var(--focus-indicator-stroke-width) solid var(--focus-indicator-color);
padding: var(--focus-indicator-spacing);
position: absolute;
top: calc(var(--focus-indicator-spacing)*-1);
width: calc(100% + var(--focus-indicator-spacing)*2)
}
.shopee-button-solid--primary:not(.shopee-button-solid--disabled):hover {
background: #f05d40
}
.shopee-button-solid--primary:not(.shopee-button-solid--disabled):active {
background: #e2492b;
box-shadow: inset 0 2px 1px 0 rgba(0, 0, 0, .05)
}
.shopee-button-solid--primary.shopee-button-solid--disabled {
background: #facac0 !important;
box-shadow: none;
cursor: not-allowed
}
.shopee-button-solid--facebook {
background-color: #31589c
}
.shopee-button-solid--disabled {
background-color: rgba(0, 0, 0, .26);
box-shadow: none
}
.shopee-button-solid--disabled:hover {
background-color: rgba(0, 0, 0, .26);
cursor: not-allowed
}
.shopee-button-outline {
align-items: center;
background: 0 0;
border: 0;
border: 1px solid rgba(0, 0, 0, .09);
border-radius: 2px;
color: rgba(0, 0, 0, .8);
cursor: pointer;
display: flex;
font-size: .875rem;
font-weight: 300;
justify-content: center;
letter-spacing: 0;
line-height: 1;
outline: 0;
transition: background-color .1s cubic-bezier(.4, 0, .6, 1)
}
.shopee-button-outline--normal {
background: #fff
}
.shopee-button-outline--normal:hover {
background: #f3f3f3
}
.shopee-button-outline--disabled {
border-color: rgba(0, 0, 0, .09);
color: rgba(0, 0, 0, .26)
}
.shopee-button-outline--fill {
height: 100%;
padding-bottom: 0;
padding-top: 0;
width: 100%
}
.shopee-button-outline--primary:hover {
border-color: #ee4d2d;
color: #ee4d2d
}
.shopee-button-no-outline,
.shopee-icon-button,
.shopee-image-button {
align-items: center;
border: 0;
cursor: pointer;
display: flex;
font-size: .875rem;
font-weight: 300;
justify-content: center;
letter-spacing: 0;
line-height: 1;
outline: 0;
transition: background-color .1s cubic-bezier(.4, 0, .6, 1)
}
.shopee-button-no-outline {
background-color: transparent;
border: 0;
color: rgba(0, 0, 0, .8);
outline: 0;
overflow: visible;
padding: .3125rem .4375rem;
position: relative
}
.shopee-button-no-outline:focus-visible:before {
--focus-indicator-spacing: 1px;
border-radius: var(--focus-indicator-border-radius);
content: "";
height: calc(100% + var(--focus-indicator-spacing)*2);
left: calc(var(--focus-indicator-spacing)*-1);
margin: calc(var(--focus-indicator-spacing)*-1);
outline: var(--focus-indicator-stroke-width) solid var(--focus-indicator-color);
padding: var(--focus-indicator-spacing);
position: absolute;
top: calc(var(--focus-indicator-spacing)*-1);
width: calc(100% + var(--focus-indicator-spacing)*2)
}
.shopee-button-no-outline--primary,
.shopee-button-no-outline:hover {
color: #ee4d2d
}
.shopee-button-no-outline--disabled {
color: rgba(0, 0, 0, .26);
cursor: default
}
.shopee-button-no-outline--disabled:hover {
color: rgba(0, 0, 0, .26)
}
.shopee-icon-button {
background-color: transparent;
border: 1px solid rgba(0, 0, 0, .54);
padding: 0
}
.shopee-image-button {
background-position: 50%;
background-repeat: no-repeat;
background-size: cover;
padding-top: 100%;
position: relative;
width: 100%
}
.shopee-image-button:hover .shopee-image-button__mask {
background-color: rgba(0, 0, 0, .7)
}
.shopee-image-button__mask {
background-color: rgba(0, 0, 0, .4);
bottom: 0;
left: 0;
position: absolute;
right: 0;
top: 0
}
.shopee-image-button__text {
box-sizing: border-box;
color: #fff;
font-weight: 300;
left: 50%;
overflow: hidden;
padding: 0 .625rem;
position: absolute;
text-overflow: ellipsis;
top: 50%;
transform: translate(-50%, -50%);
white-space: nowrap;
width: 100%
}
.shopee-image__content,
.shopee-image__wrapper {
height: 100%;
width: 100%
}
.shopee-image__wrapper {
position: relative
}
.shopee-image__content {
background-position: 50%;
background-repeat: no-repeat;
background-size: cover;
left: 0;
position: absolute;
top: 0
}
.shopee-drawer {
display: flex;
outline: 0;
overflow: visible;
position: relative
}
.shopee-drawer:focus-visible:before {
--focus-indicator-spacing: 1px;
border-radius: var(--focus-indicator-border-radius);
content: "";
height: calc(100% + var(--focus-indicator-spacing)*2);
left: calc(var(--focus-indicator-spacing)*-1);
margin: calc(var(--focus-indicator-spacing)*-1);
outline: var(--focus-indicator-stroke-width) solid var(--focus-indicator-color);
padding: var(--focus-indicator-spacing);
position: absolute;
top: calc(var(--focus-indicator-spacing)*-1);
width: calc(100% + var(--focus-indicator-spacing)*2)
}
.shopee-drawer__contents {
position: absolute;
top: 100%;
z-index: 400
}
.shopee-drawer .icon-help {
stroke: currentColor
}
.shopee-arrow-box__arrow {
display: flex;
height: 10px
}
.shopee-arrow-box__arrow--left {
justify-content: flex-start;
padding-left: 15px
}
.shopee-arrow-box__arrow--center {
justify-content: center
}
.shopee-arrow-box__arrow--right {
justify-content: flex-end;
padding-right: 15px
}
.shopee-arrow-box__arrow-inner {
border-bottom: 8px solid #fff;
border-left: 8px solid transparent;
border-right: 8px solid transparent;
bottom: -10px;
height: 0;
left: -8px;
position: absolute;
width: 0
}
.shopee-arrow-box__content {
background: #fff;
border: 1px solid rgba(0, 0, 0, .09);
border-radius: .125rem;
box-shadow: 0 1px 1px 0 rgba(0, 0, 0, .05);
overflow: hidden;
white-space: pre-wrap
}
.shopee-image-list__container {
display: flex;
flex-wrap: wrap;
width: 100%
}
.shopee-image-list__image-wrapper {
height: 1.875rem;
margin: 0 .625rem .625rem 0;
width: 1.875rem
}
.shopee-image-placeholder {
background-color: #fafafa;
font-size: 3.8125rem;
padding-top: 100%;
position: relative;
width: 100%
}
.shopee-image-placeholder>.icon-default-image {
color: rgba(0, 0, 0, .05);
font-size: inherit;
left: 50%;
position: absolute;
top: 50%;
transform: translate(-50%, -50%)
}
.shopee-image-placeholder>.icon-default-image {
stroke: #fff
}
@keyframes skeleton__loading {
0% {
background-position: 100% 0
}
to {
background-position: -100% 0
}
}
.stardust-popover {
position: relative
}
.stardust-popover:focus-visible {
border-radius: 2px;
outline: 2px solid #000
}
.stardust-popover__popover {
position: absolute;
will-change: transform;
z-index: -1
}
.stardust-popover__popover--border {
border: 1px solid rgba(0, 0, 0, .09)
}
.stardust-popover__arrow {
position: absolute;
will-change: transform;
z-index: 3
}
.stardust-popover__arrow--inner {
height: 0;
left: -8px;
position: absolute;
width: 0
}
@keyframes popover-enter-animation {
0% {
opacity: 0;
transform: scale(0)
}
to {
opacity: 1;
transform: scale(1)
}
}
@keyframes popover-hide-animation {
0% {
opacity: 1;
transform: scale(1)
}
to {
opacity: 0;
transform: scale(0)
}
}
.shopee-rating-media-list-image__content,
.shopee-rating-media-list-image__wrapper {
height: 100%;
width: 100%
}
.shopee-rating-media-list-image__wrapper {
position: relative
}
.shopee-rating-media-list-image__content {
background-position: 50%;
background-repeat: no-repeat;
background-size: cover;
left: 0;
position: absolute;
top: 0
}
.rating-media-list__container {
display: flex;
flex-wrap: wrap;
width: 100%
}
.rating-media-list__image-wrapper {
height: 4.5rem;
margin: 0 .625rem .625rem 0;
position: relative;
width: 4.5rem
}
.rating-media-list__image-wrapper--active {
border: 2px solid #ee4d2d;
box-sizing: border-box;
cursor: zoom-out;
padding: 2px
}
.c5o00Y {
align-items: flex-start;
display: flex;
justify-content: space-between;
margin-top: .9375rem
}
.c5o00Y>.shopee-button-no-outline {
font-size: .75rem;
text-transform: uppercase
}
.Q1z1E5 {
color: rgba(0, 0, 0, .87);
flex: 1;
font-size: .875rem;
font-weight: 500;
line-height: 1rem
}
.Ec27a7 {
border: .5px solid rgba(0, 0, 0, .05);
height: 0;
width: 100%
}
@keyframes wqOEkG {
0% {
transform: rotate(0)
}
to {
transform: rotate(1turn)
}
}
.shopee-button-solid {
align-items: center;
background: rgba(0, 0, 0, .54);
border: 0;
border-radius: 2px;
box-shadow: 0 1px 1px 0 rgba(0, 0, 0, .09);
color: #fff;
cursor: pointer;
display: flex;
font-size: .875rem;
font-weight: 300;
justify-content: center;
letter-spacing: 0;
line-height: 1;
outline: 0;
position: relative;
transition: background-color .1s cubic-bezier(.4, 0, .6, 1);
transition: opacity .2s ease;
-webkit-user-select: none;
-moz-user-select: none;
user-select: none
}
.shopee-button-solid:active {
box-shadow: inset 0 2px 1px 0 rgba(0, 0, 0, .05)
}
.shopee-button-solid--fill {
height: 100%;
padding-bottom: 0;
padding-top: 0;
width: 100%
}
.shopee-button-solid--secondary {
background: #3b3f53
}
.shopee-button-solid--primary {
background: #ee4d2d;
outline: 0;
overflow: visible;
position: relative
}
.shopee-button-solid--primary:focus-visible:before {
border-radius: var(--focus-indicator-border-radius);
content: "";
height: calc(100% + var(--focus-indicator-spacing)*2);
left: calc(var(--focus-indicator-spacing)*-1);
margin: calc(var(--focus-indicator-spacing)*-1);
outline: var(--focus-indicator-stroke-width) solid var(--focus-indicator-color);
padding: var(--focus-indicator-spacing);
position: absolute;
top: calc(var(--focus-indicator-spacing)*-1);
width: calc(100% + var(--focus-indicator-spacing)*2)
}
.shopee-button-solid--primary:not(.shopee-button-solid--disabled):hover {
background: #f05d40
}
.shopee-button-solid--primary:not(.shopee-button-solid--disabled):active {
background: #e2492b;
box-shadow: inset 0 2px 1px 0 rgba(0, 0, 0, .05)
}
.shopee-button-solid--primary.shopee-button-solid--disabled {
background: #facac0 !important;
box-shadow: none;
cursor: not-allowed
}
.shopee-button-solid--facebook {
background-color: #31589c
}
.shopee-button-solid--disabled {
background-color: rgba(0, 0, 0, .26);
box-shadow: none
}
.shopee-button-solid--disabled:hover {
background-color: rgba(0, 0, 0, .26);
cursor: not-allowed
}
.shopee-button-outline {
align-items: center;
background: 0 0;
border: 0;
border: 1px solid rgba(0, 0, 0, .09);
border-radius: 2px;
color: rgba(0, 0, 0, .8);
cursor: pointer;
display: flex;
font-size: .875rem;
font-weight: 300;
justify-content: center;
letter-spacing: 0;
line-height: 1;
outline: 0;
transition: background-color .1s cubic-bezier(.4, 0, .6, 1)
}
.shopee-button-outline--normal {
background: #fff
}
.shopee-button-outline--normal:hover {
background: #f3f3f3
}
.shopee-button-outline--disabled {
border-color: rgba(0, 0, 0, .09);
color: rgba(0, 0, 0, .26)
}
.shopee-button-outline--fill {
height: 100%;
padding-bottom: 0;
padding-top: 0;
width: 100%
}
.shopee-button-outline--primary:hover {
border-color: #ee4d2d;
color: #ee4d2d
}
.shopee-button-no-outline,
.shopee-icon-button,
.shopee-image-button {
align-items: center;
border: 0;
cursor: pointer;
display: flex;
font-size: .875rem;
font-weight: 300;
justify-content: center;
letter-spacing: 0;
line-height: 1;
outline: 0;
transition: background-color .1s cubic-bezier(.4, 0, .6, 1)
}
.shopee-button-no-outline {
background-color: transparent;
border: 0;
color: rgba(0, 0, 0, .8);
outline: 0;
overflow: visible;
padding: .3125rem .4375rem;
position: relative
}
.shopee-button-no-outline:focus-visible:before {
--focus-indicator-spacing: 1px;
border-radius: var(--focus-indicator-border-radius);
content: "";
height: calc(100% + var(--focus-indicator-spacing)*2);
left: calc(var(--focus-indicator-spacing)*-1);
margin: calc(var(--focus-indicator-spacing)*-1);
outline: var(--focus-indicator-stroke-width) solid var(--focus-indicator-color);
padding: var(--focus-indicator-spacing);
position: absolute;
top: calc(var(--focus-indicator-spacing)*-1);
width: calc(100% + var(--focus-indicator-spacing)*2)
}
.shopee-button-no-outline--primary,
.shopee-button-no-outline:hover {
color: #ee4d2d
}
.shopee-button-no-outline--disabled {
color: rgba(0, 0, 0, .26);
cursor: default
}
.shopee-button-no-outline--disabled:hover {
color: rgba(0, 0, 0, .26)
}
.shopee-icon-button {
background-color: transparent;
border: 1px solid rgba(0, 0, 0, .54);
padding: 0
}
.shopee-image-button {
background-position: 50%;
background-repeat: no-repeat;
background-size: cover;
padding-top: 100%;
position: relative;
width: 100%
}
.shopee-image-button:hover .shopee-image-button__mask {
background-color: rgba(0, 0, 0, .7)
}
.shopee-image-button__mask {
background-color: rgba(0, 0, 0, .4);
bottom: 0;
left: 0;
position: absolute;
right: 0;
top: 0
}
.shopee-image-button__text {
box-sizing: border-box;
color: #fff;
font-weight: 300;
left: 50%;
overflow: hidden;
padding: 0 .625rem;
position: absolute;
text-overflow: ellipsis;
top: 50%;
transform: translate(-50%, -50%);
white-space: nowrap;
width: 100%
}
.shopee-page-controller {
display: flex;
justify-content: center
}
.shopee-page-controller .shopee-icon-button {
border: 0;
color: rgba(0, 0, 0, .4);
height: 1.875rem;
min-width: 2.5rem
}
.shopee-page-controller .shopee-icon-button .shopee-svg-icon {
vertical-align: middle
}
.shopee-page-controller .shopee-icon-button--left {
margin-right: .9375rem;
text-align: right
}
.shopee-page-controller .shopee-icon-button--right {
margin-left: .9375rem;
text-align: left
}
.shopee-page-controller .shopee-button-no-outline {
color: rgba(0, 0, 0, .4)
}
.shopee-page-controller .shopee-button-no-outline,
.shopee-page-controller .shopee-button-solid {
font-size: 1.25rem;
height: 1.875rem;
margin-left: .9375rem;
margin-right: .9375rem;
min-width: 2.5rem;
padding: 0;
text-align: center
}
.shopee-page-controller .shopee-button-solid {
color: #fff
}
.shopee-page-controller .shopee-button-no-outline--non-click {
cursor: auto
}
.shopee-page-controller--v2 .shopee-icon-button {
border: 1px solid rgba(0, 0, 0, .09);
color: rgba(0, 0, 0, .54);
height: 1.5rem;
min-width: 1.5rem
}
.shopee-page-controller--v2 .shopee-icon-button .shopee-svg-icon {
width: .6875rem
}
.shopee-page-controller--v2 .shopee-icon-button--left {
margin-right: .625rem
}
.shopee-page-controller--v2 .shopee-icon-button--right {
margin-left: .625rem
}
.shopee-page-controller--v2 .shopee-button-no-outline {
color: rgba(0, 0, 0, .87);
font-size: 1rem;
height: 1.5rem;
margin: 0 .625rem;
min-width: 1.5rem
}
.shopee-page-controller--v2 .shopee-button-solid {
border-radius: .0625rem;
box-shadow: none;
font-size: 1rem;
height: 1.5rem;
margin: 0 .625rem;
min-width: 1.5rem
}
.rating-tips-icon {
display: inline-block;
position: relative
}
.rating-tips-icon .shopee-product-rating__tips {
align-items: center;
display: flex;
margin-top: .8125rem
}
.stardust-toast {
align-items: center;
bottom: 0;
display: flex;
height: 100%;
justify-content: center;
left: 0;
pointer-events: all;
position: absolute;
right: 0;
top: 0;
transition: opacity .1s cubic-bezier(.4, 0, .6, 1);
width: 100%;
z-index: 1
}
.stardust-toast--hidden {
opacity: 0;
pointer-events: none
}
.stardust-toast__container {
align-items: center;
background-color: rgba(0, 0, 0, .65);
border-radius: 7px;
color: #fff;
cursor: default;
display: flex;
flex-direction: column;
font-family: -apple-system, Helvetica Neue, Helvetica, Roboto, Droid Sans, Arial, sans-serif;
font-size: 14px;
font-weight: 400;
justify-content: space-around;
padding: 15px;
pointer-events: all;
pointer-events: inherit;
text-align: center
}
.stardust-toast__icon svg {
height: 30px;
margin-bottom: 7px;
width: 30px
}
.stardust-toast__text {
display: -webkit-box;
overflow: hidden;
text-overflow: ellipsis;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;
word-break: break-all;
word-wrap: break-word
}
.E1T2Tw {
align-items: center;
color: rgba(0, 0, 0, .87);
display: flex;
font-size: .875rem;
justify-content: center;
line-height: 1rem;
padding: 1rem 0
}
.Z2v_Bc {
align-items: center;
background: #fff9f9;
border: 1px solid rgba(255, 66, 79, .2);
border-radius: 2px;
box-sizing: border-box;
display: flex;
justify-content: flex-start;
padding: .625rem .9375rem
}
.shopee-product-rating {
align-items: flex-start;
border-bottom: 1px solid rgba(0, 0, 0, .09);
display: flex;
padding: 1rem 0 1rem 1.25rem
}
.shopee-product-rating:first-child {
padding-top: 0
}
.shopee-product-rating__main {
flex: 1
}
.shopee-product-rating__content {
display: flex;
flex: 1;
flex-direction: column;
white-space: pre-wrap;
word-break: break-word
}
.shopee-product-rating__rating {
margin-top: .375rem
}
.shopee-product-rating__rating .icon-rating-solid {
color: #ee4d2d;
margin-right: .125rem
}
.theme--ofs .shopee-product-rating__rating .icon-rating-solid {
color: #d0011b
}
.theme--s-mart .shopee-product-rating__rating .icon-rating-solid {
color: #ffce3d
}
.shopee-product-rating__rating .icon-rating {
color: #ee4d2d;
margin-right: .125rem;
stroke: currentColor
}
.theme--ofs .shopee-product-rating__rating .icon-rating {
color: #d0011b
}
.theme--s-mart .shopee-product-rating__rating .icon-rating {
color: #ffce3d
}
.shopee-product-rating__content {
margin-bottom: .875rem;
margin-top: .875rem
}
.shopee-product-rating__image-list-wrapper {
margin-top: .9375rem
}
.shopee-product-rating__image-list-wrapper .shopee-image-list__image-wrapper {
height: 4.5rem;
width: 4.5rem
}
.shopee-product-rating__tag {
border: 1px solid rgba(0, 0, 0, .4);
border-radius: .9375rem;
color: rgba(0, 0, 0, .4);
cursor: default;
margin-bottom: .3125rem;
max-width: 100%;
padding: .25rem .625rem;
text-overflow: ellipsis;
word-break: break-word
}
.shopee-product-rating__tag:not(:last-child) {
margin-right: .625rem
}
.shopee-product-rating__image {
cursor: pointer;
height: 6.25rem;
margin-right: .625rem;
position: relative;
-webkit-user-select: none;
-moz-user-select: none;
user-select: none;
width: 6.25rem
}
.shopee-product-rating__image-preview {
background-color: #fff;
border: 1px solid rgba(0, 0, 0, .09);
display: none;
line-height: 1;
padding: .3125rem;
position: absolute;
top: 6.25rem;
z-index: 1
}
.shopee-product-rating__image-preview__link {
background-color: #fff;
bottom: 0;
color: rgba(0, 0, 0, .87);
height: 1.875rem;
line-height: 1.875rem;
position: absolute;
right: 0;
text-align: center;
-webkit-text-decoration: none;
text-decoration: none;
width: 1.875rem
}
.shopee-product-rating__image-preview__link svg {
color: rgba(0, 0, 0, .4);
font-size: 1rem
}
.shopee-product-rating__like-button {
color: rgba(0, 0, 0, .2);
cursor: pointer;
margin-right: .25rem
}
.shopee-product-rating__like-button svg {
fill: currentColor
}
.shopee-product-rating__view-button {
margin-right: .25rem
}
.shopee-product-rating__action-button-primary {
align-items: center;
background-color: #fef6f5;
border: 1px solid #ee4d2d;
border-radius: 2px;
color: #ee4d2d;
cursor: pointer;
display: flex;
padding: 8px 16px;
transition: all .3s
}
.shopee-product-rating__action-button-primary:hover {
background-color: #fff
}
.shopee-product-rating__report-success-toast {
background: #fafdf7;
border: 1px solid rgba(87, 172, 3, .3);
border-radius: 2px;
box-shadow: 0 1px 1px 0 rgba(0, 0, 0, .09);
display: flex;
padding: .875rem 1rem;
white-space: nowrap
}
.shopee-product-rating__report-error-toast {
background: #fff9f9;
border: 1px solid rgba(255, 66, 79, .2)
}
.shopee-product-rating__report-success-icon {
border: 1px solid #6c0;
border-radius: .625rem;
color: #6c0;
height: 1rem;
width: 1rem
}
.shopee-product-rating__report-error-icon,
.shopee-product-rating__report-success-icon {
align-items: center;
display: flex;
font-size: .625rem;
justify-content: center;
margin-right: .5rem
}
.product-rating-overview {
align-items: center;
background-color: #fffbf8;
border: 1px solid #f9ede5;
border-radius: 2px;
box-sizing: border-box;
display: flex;
margin-bottom: 1rem;
min-height: 5rem;
padding: 1.875rem
}
.theme--s-mart .product-rating-overview {
background-color: #e6f0f9
}
.product-rating-overview__briefing {
margin-right: 1.875rem;
text-align: center
}
.product-rating-overview__score-wrapper {
color: #ee4d2d;
font-size: 1.125rem
}
.theme--ofs .product-rating-overview__score-wrapper {
color: #d0011b
}
.theme--s-mart .product-rating-overview__score-wrapper {
color: rgba(0, 0, 0, .87)
}
.product-rating-overview__score-wrapper .shopee-svg-icon {
font-size: 1.25rem
}
.product-rating-overview__score-wrapper .shopee-rating-stars__star-wrapper {
margin-right: .25rem
}
.product-rating-overview__rating-score {
font-size: 1.875rem
}
.product-rating-overview__stars {
font-size: 1.25rem;
margin-top: .625rem
}
.product-rating-overview__text-overview {
color: #ee4d2d;
font-size: 1rem;
margin-top: .75rem
}
.product-rating-overview__filters {
flex: 1;
margin-left: .9375rem
}
.product-rating-overview__filter {
background-color: #fff;
border: 1px solid rgba(0, 0, 0, .09);
border-radius: 2px;
box-sizing: border-box;
color: rgba(0, 0, 0, .8);
color: rgba(0, 0, 0, .87);
cursor: pointer;
display: inline-block;
height: 2rem;
line-height: 2rem;
margin-bottom: .3125rem;
margin-right: .5rem;
margin-top: .3125rem;
min-width: 6.25rem;
padding: 0 .625rem;
text-align: center;
-webkit-text-decoration: none;
text-decoration: none;
text-transform: capitalize;
-webkit-user-select: none;
-moz-user-select: none;
user-select: none
}
.product-rating-overview__filter--active {
border-color: var(--brand-primary-color, #ee4d2d);
fill: var(--brand-primary-color, #ee4d2d);
color: var(--brand-primary-color, #ee4d2d)
}
.product-ratings {
background: #fff;
border-radius: .125rem;
box-shadow: 0 1px 1px 0 rgba(0, 0, 0, .05);
margin-top: .9375rem;
overflow: hidden;
overflow: visible;
padding: 1.5625rem
}
.product-ratings__header {
align-items: center;
display: flex;
flex-flow: row nowrap;
margin-bottom: 1em
}
.product-ratings__header_score {
color: rgba(0, 0, 0, .87);
font-size: 1.125rem;
margin-right: .2em;
text-transform: capitalize
}
.product-ratings__page-controller {
justify-content: flex-end;
margin-top: 1.25rem;
text-align: right
}
.product-ratings__page-controller .shopee-button-solid,
.product-ratings__page-controller .shopee-icon-button {
margin: 0 .75rem
}
.product-ratings__page-controller .shopee-button-no-outline,
.product-ratings__page-controller .shopee-button-solid {
font-size: 1rem;
height: 1.5rem;
min-width: 1.5rem
}
.product-ratings__page-controller .shopee-button-solid {
background-color: var(--brand-primary-color, #ee4d2d) !important
}
.product-ratings__page-controller .shopee-icon-button {
border: 1px solid rgba(0, 0, 0, .09);
font-size: .625rem;
height: 1.5rem;
min-width: 1.5rem
}
.product-ratings__page-controller .shopee-button-no-outline {
color: rgba(0, 0, 0, .87);
margin: 0
}
.product_ratings_icon_help {
color: rgba(0, 0, 0, .54)
}
.product_ratings_drawer_container {
background: #fff;
color: rgba(0, 0, 0, .8);
font-size: .875rem;
line-height: 1.375rem;
padding: 1.25rem;
width: 18.75rem;
word-wrap: break-word;
text-align: left
}
.product_ratings_drawer_container a {
color: #05a;
-webkit-text-decoration: underline;
text-decoration: underline
}
/*! * Project: 'pcmall'; * Module: 'voucher'; * Tag: 'voucher-v1.25.0'; * Branch: 'heads/voucher-v1.25.0'; * Last commit: 'Merge branch '\''staging'\'' into '\''release'\''' (f06766a646894651a6c14867759b1dbb30eec598); * Updated: '2024-01-30T08:29:06.530Z'; */
.stardust-icon {
stroke: currentColor;
fill: currentColor;
width: 1em;
height: 1em
}
.stardust-toast {
position: absolute;
left: 0;
right: 0;
top: 0;
bottom: 0;
z-index: 1;
width: 100%;
height: 100%;
transition: opacity .1s cubic-bezier(.4, 0, .6, 1);
display: flex;
align-items: center;
justify-content: center;
pointer-events: all
}
.stardust-toast--hidden {
opacity: 0;
pointer-events: none
}
.stardust-toast__container {
font-family: -apple-system, Helvetica Neue, Helvetica, Roboto, Droid Sans, Arial, sans-serif;
font-weight: 400;
font-size: 14px;
background-color: rgba(0, 0, 0, .65);
color: #fff;
text-align: center;
padding: 15px;
display: flex;
flex-direction: column;
align-items: center;
justify-content: space-around;
pointer-events: all;
cursor: default;
border-radius: 7px;
pointer-events: inherit
}
.stardust-toast__icon svg {
width: 30px;
height: 30px;
margin-bottom: 7px
}
.stardust-toast__text {
overflow: hidden;
display: -webkit-box;
text-overflow: ellipsis;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;
word-break: break-all;
word-wrap: break-word
}
.shopee-button-solid {
outline: 0;
cursor: pointer;
border: 0;
font-size: .875rem;
font-weight: 300;
line-height: 1;
letter-spacing: 0;
display: flex;
align-items: center;
justify-content: center;
transition: background-color .1s cubic-bezier(.4, 0, .6, 1);
position: relative;
background: rgba(0, 0, 0, .54);
color: #fff;
transition: opacity .2s ease;
border-radius: 2px;
-webkit-user-select: none;
-moz-user-select: none;
user-select: none;
box-shadow: 0 1px 1px 0 rgba(0, 0, 0, .09)
}
.shopee-button-solid:active {
box-shadow: inset 0 2px 1px 0 rgba(0, 0, 0, .05)
}
.shopee-button-solid--fill {
height: 100%;
width: 100%;
padding-top: 0;
padding-bottom: 0
}
.shopee-button-solid--secondary {
background: #3b3f53
}
.shopee-button-solid--primary {
position: relative;
overflow: visible;
outline: 0;
background: #ee4d2d
}
.shopee-button-solid--primary.focus-visible:before,
.shopee-button-solid--primary:focus-visible:before {
content: "";
width: calc(100% + var(--focus-indicator-spacing)*2);
height: calc(100% + var(--focus-indicator-spacing)*2);
padding: var(--focus-indicator-spacing);
outline: var(--focus-indicator-stroke-width) solid var(--focus-indicator-color);
position: absolute;
border-radius: var(--focus-indicator-border-radius);
top: calc(var(--focus-indicator-spacing)*-1);
left: calc(var(--focus-indicator-spacing)*-1);
margin: calc(var(--focus-indicator-spacing)*-1)
}
.shopee-button-solid--primary:not(.shopee-button-solid--disabled):hover {
background: #f05d40
}
.shopee-button-solid--primary:not(.shopee-button-solid--disabled):active {
background: #e2492b;
box-shadow: inset 0 2px 1px 0 rgba(0, 0, 0, .05)
}
.shopee-button-solid--primary.shopee-button-solid--disabled {
background: #facac0 !important;
cursor: not-allowed;
box-shadow: none
}
.shopee-button-solid--facebook {
background-color: #31589c
}
.shopee-button-solid--disabled {
box-shadow: none;
background-color: rgba(0, 0, 0, .26)
}
.shopee-button-solid--disabled:hover {
background-color: rgba(0, 0, 0, .26);
cursor: not-allowed
}
.stardust-button {
font-family: -apple-system, Helvetica Neue, Helvetica, Roboto, Droid Sans, Arial, sans-serif;
font-weight: 400;
font-size: 14px;
border-radius: 4px;
border: 1px solid rgba(0, 0, 0, .26);
background-color: #fff;
color: rgba(0, 0, 0, .87);
padding: 8px 10px
}
.stardust-button.stardust-button--active,
.stardust-button:hover {
cursor: pointer;
background-color: rgba(0, 0, 0, .09);
border-color: rgba(0, 0, 0, .26)
}
.stardust-button--disabled {
background-color: rgba(0, 0, 0, .26);
border: 1px solid rgba(0, 0, 0, .26)
}
.stardust-button--disabled.stardust-button--active,
.stardust-button--disabled:hover {
cursor: not-allowed;
background-color: rgba(0, 0, 0, .26);
border: 1px solid rgba(0, 0, 0, .26)
}
.stardust-button--block {
display: block;
width: 100%
}
.stardust-button--block+.stardust-button--block {
margin-top: 5px
}
.stardust-button--large {
font-size: 16px;
border-radius: 6px;
padding: 12px 14px
}
.stardust-button--large,
.stardust-button--small {
font-family: -apple-system, Helvetica Neue, Helvetica, Roboto, Droid Sans, Arial, sans-serif;
font-weight: 400
}
.stardust-button--small {
font-size: 12px;
border-radius: 3px;
padding: 6px 8px
}
.stardust-button--primary {
background-color: #ee4d2d;
border-color: #cd3011;
color: #fff
}
.stardust-button--primary.stardust-button--active,
.stardust-button--primary:hover {
background-color: #d73211;
border-color: #ba2b0f
}
.stardust-button--primary.stardust-button--disabled {
opacity: .7
}
.stardust-button--primary.stardust-button--active.stardust-button--disabled,
.stardust-button--primary:hover.stardust-button--disabled {
background-color: #ee4d2d;
border-color: #cd3011
}
.stardust-button--warning {
background-color: #ff424f;
border-color: #ef0010;
color: #fff
}
.stardust-button--warning.stardust-button--active,
.stardust-button--warning:hover {
background-color: #fa0011;
border-color: #e50010
}
.stardust-button--warning.stardust-button--disabled {
opacity: .7
}
.stardust-button--warning.stardust-button--active.stardust-button--disabled,
.stardust-button--warning:hover.stardust-button--disabled {
background-color: #ff424f;
border-color: #ef0010
}
.stardust-button--outline-primary {
background-color: transparent;
border-color: #ee4d2d;
color: #ee4d2d
}
.stardust-button--outline-primary.stardust-button--active,
.stardust-button--outline-primary:hover {
background-color: hsla(0, 0%, 100%, .3);
border-color: #d73211
}
.stardust-button--outline-primary.stardust-button--disabled {
opacity: .7
}
.stardust-button--outline-primary.stardust-button--active.stardust-button--disabled,
.stardust-button--outline-primary:hover.stardust-button--disabled {
background-color: transparent;
border-color: #ee4d2d
}
.stardust-button--outline-white {
background-color: transparent;
border-color: #fff;
color: #fff
}
.stardust-button--outline-white.stardust-button--active,
.stardust-button--outline-white:hover {
background-color: hsla(0, 0%, 100%, .3);
border-color: #fff
}
.stardust-button--outline-white.stardust-button--disabled {
opacity: .7
}
.stardust-button--outline-white.stardust-button--active.stardust-button--disabled,
.stardust-button--outline-white:hover.stardust-button--disabled {
background-color: transparent;
border-color: #fff
}
.shopee-button-outline {
outline: 0;
cursor: pointer;
border: 0;
font-size: .875rem;
font-weight: 300;
line-height: 1;
letter-spacing: 0;
display: flex;
align-items: center;
justify-content: center;
transition: background-color .1s cubic-bezier(.4, 0, .6, 1);
border: 1px solid rgba(0, 0, 0, .09);
border-radius: 2px;
background: 0 0;
color: rgba(0, 0, 0, .8)
}
.shopee-button-outline--normal {
background: #fff
}
.shopee-button-outline--normal:hover {
background: #f3f3f3
}
.shopee-button-outline--disabled {
color: rgba(0, 0, 0, .26);
border-color: rgba(0, 0, 0, .09)
}
.shopee-button-outline--fill {
width: 100%;
height: 100%;
padding-top: 0;
padding-bottom: 0
}
.shopee-button-outline--primary:hover {
color: #ee4d2d;
border-color: #ee4d2d
}
.shopee-button-no-outline,
.shopee-icon-button,
.shopee-image-button {
outline: 0;
cursor: pointer;
border: 0;
font-size: .875rem;
font-weight: 300;
line-height: 1;
letter-spacing: 0;
display: flex;
align-items: center;
justify-content: center;
transition: background-color .1s cubic-bezier(.4, 0, .6, 1)
}
.shopee-button-no-outline {
position: relative;
overflow: visible;
outline: 0;
padding: .3125rem .4375rem;
color: rgba(0, 0, 0, .8);
background-color: initial;
border: 0
}
.shopee-button-no-outline.focus-visible:before,
.shopee-button-no-outline:focus-visible:before {
--focus-indicator-spacing: 1px;
content: "";
width: calc(100% + var(--focus-indicator-spacing)*2);
height: calc(100% + var(--focus-indicator-spacing)*2);
padding: var(--focus-indicator-spacing);
outline: var(--focus-indicator-stroke-width) solid var(--focus-indicator-color);
position: absolute;
border-radius: var(--focus-indicator-border-radius);
top: calc(var(--focus-indicator-spacing)*-1);
left: calc(var(--focus-indicator-spacing)*-1);
margin: calc(var(--focus-indicator-spacing)*-1)
}
.shopee-button-no-outline--primary,
.shopee-button-no-outline:hover {
color: #ee4d2d
}
.shopee-button-no-outline--disabled {
color: rgba(0, 0, 0, .26);
cursor: default
}
.shopee-button-no-outline--disabled:hover {
color: rgba(0, 0, 0, .26)
}
.shopee-icon-button {
border: 1px solid rgba(0, 0, 0, .54);
background-color: initial;
padding: 0
}
.shopee-image-button {
background-position: 50%;
background-size: cover;
background-repeat: no-repeat;
width: 100%;
padding-top: 100%;
position: relative
}
.shopee-image-button:hover .shopee-image-button__mask {
background-color: rgba(0, 0, 0, .7)
}
.shopee-image-button__mask {
position: absolute;
top: 0;
left: 0;
bottom: 0;
right: 0;
background-color: rgba(0, 0, 0, .4)
}
.shopee-image-button__text {
color: #fff;
font-weight: 300;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
box-sizing: border-box;
padding: 0 .625rem;
width: 100%
}
._92tH6Z {
position: absolute;
top: 0;
left: 0
}
.btn {
overflow: hidden;
display: -webkit-box;
text-overflow: ellipsis;
-webkit-line-clamp: 1;
flex-direction: column;
font-size: 14px;
box-sizing: border-box;
box-shadow: 0 1px 1px 0 rgba(0, 0, 0, .09);
border-radius: 2px;
border: 0;
display: flex;
align-items: center;
justify-content: center;
text-transform: capitalize;
outline: 0;
cursor: pointer
}
.btn--inline {
display: inline-flex
}
.btn--s {
height: 34px;
padding: 0 15px;
min-width: 60px;
max-width: 190px
}
.btn--m {
height: 40px;
padding: 0 20px;
min-width: 70px;
max-width: 220px
}
.btn--l {
font-size: 16px;
height: 48px;
padding: 0 20px
}
.btn--l {
min-width: 80px;
max-width: 250px
}
.btn-solid-primary {
color: #fff;
position: relative;
overflow: visible;
outline: 0;
background: #ee4d2d
}
.btn-solid-primary.focus-visible:before,
.btn-solid-primary:focus-visible:before {
content: "";
width: calc(100% + var(--focus-indicator-spacing)*2);
height: calc(100% + var(--focus-indicator-spacing)*2);
padding: var(--focus-indicator-spacing);
outline: var(--focus-indicator-stroke-width) solid var(--focus-indicator-color);
position: absolute;
border-radius: var(--focus-indicator-border-radius);
top: calc(var(--focus-indicator-spacing)*-1);
left: calc(var(--focus-indicator-spacing)*-1);
margin: calc(var(--focus-indicator-spacing)*-1)
}
.btn-solid-primary:not(.btn-solid-primary--disabled):hover {
background: #f05d40
}
.btn-solid-primary:not(.btn-solid-primary--disabled):active {
background: #e2492b;
box-shadow: inset 0 2px 1px 0 rgba(0, 0, 0, .05)
}
.btn-solid-primary.btn-solid-primary--disabled {
background: #facac0 !important;
cursor: not-allowed;
box-shadow: none
}
.btn-solid-primary--link {
color: #fff
}
.theme--ofs .btn-solid-primary {
position: relative;
overflow: visible;
outline: 0;
background: #d0011b
}
.theme--ofs .btn-solid-primary.focus-visible:before,
.theme--ofs .btn-solid-primary:focus-visible:before {
content: "";
width: calc(100% + var(--focus-indicator-spacing)*2);
height: calc(100% + var(--focus-indicator-spacing)*2);
padding: var(--focus-indicator-spacing);
outline: var(--focus-indicator-stroke-width) solid var(--focus-indicator-color);
position: absolute;
border-radius: var(--focus-indicator-border-radius);
top: calc(var(--focus-indicator-spacing)*-1);
left: calc(var(--focus-indicator-spacing)*-1);
margin: calc(var(--focus-indicator-spacing)*-1)
}
.theme--ofs .btn-solid-primary:not(.btn-solid-primary--disabled):hover {
background: #d41830
}
.theme--ofs .btn-solid-primary:not(.btn-solid-primary--disabled):active {
background: #c6011a;
box-shadow: inset 0 2px 1px 0 rgba(0, 0, 0, .05)
}
.theme--ofs .btn-solid-primary.btn-solid-primary--disabled {
background: #f1b3bb !important;
cursor: not-allowed;
box-shadow: none
}
.theme--s-mart .btn-solid-primary {
position: relative;
overflow: visible;
outline: 0;
background: #066bc8
}
.theme--s-mart .btn-solid-primary.focus-visible:before,
.theme--s-mart .btn-solid-primary:focus-visible:before {
content: "";
width: calc(100% + var(--focus-indicator-spacing)*2);
height: calc(100% + var(--focus-indicator-spacing)*2);
padding: var(--focus-indicator-spacing);
outline: var(--focus-indicator-stroke-width) solid var(--focus-indicator-color);
position: absolute;
border-radius: var(--focus-indicator-border-radius);
top: calc(var(--focus-indicator-spacing)*-1);
left: calc(var(--focus-indicator-spacing)*-1);
margin: calc(var(--focus-indicator-spacing)*-1)
}
.theme--s-mart .btn-solid-primary:not(.btn-solid-primary--disabled):hover {
background: #1c78cd
}
.theme--s-mart .btn-solid-primary:not(.btn-solid-primary--disabled):active {
background: #0666be;
box-shadow: inset 0 2px 1px 0 rgba(0, 0, 0, .05)
}
.theme--s-mart .btn-solid-primary.btn-solid-primary--disabled {
background: #b4d3ef !important;
cursor: not-allowed;
box-shadow: none
}
.shopee-modal__transition-appear {
opacity: .01
}
.shopee-modal__transition-appear.shopee-modal__transition-appear-active {
opacity: 1;
transition: opacity .2s
}
.shopee-modal__transition-enter {
opacity: .01
}
.shopee-modal__transition-enter.shopee-modal__transition-enter-active {
opacity: 1;
transition: opacity .2s
}
.shopee-modal__transition-exit {
opacity: 1
}
.shopee-modal__transition-exit.shopee-modal__transition-exit-active {
opacity: .01;
transition: opacity .2s
}
.fade-enter {
opacity: .01
}
.fade-enter-active {
opacity: 1;
transition: all .2s ease-in-out
}
.fade-exit {
opacity: 1
}
.fade-exit-active {
opacity: .01;
transition: all .2s ease-in-out
}
.wrap {
transform: translate(-50%, -50%);
z-index: 9999
}
.fadescale-enter {
opacity: .01;
transform: translate(-50%, -50%) scale(.5)
}
.fadescale-enter-active {
transition: all .2s ease-in-out
}
.fadescale-enter-active,
.fadescale-exit {
opacity: 1;
transform: translate(-50%, -50%) scale(1)
}
.fadescale-exit-active {
transform: translate(-50%, -50%) scale(.5);
opacity: .01;
transition: all .2s ease-in-out
}
/*! * Project: 'pcmall'; * Module: 'voucher'; * Tag: 'voucher-v1.25.0'; * Branch: 'heads/voucher-v1.25.0'; * Last commit: 'Merge branch '\''staging'\'' into '\''release'\''' (f06766a646894651a6c14867759b1dbb30eec598); * Updated: '2024-01-30T08:29:06.530Z'; */
.z36P9qmax-width:80%max-height:80%;
filter:brightness(0) invert(1)
}
@keyframes rotation0%transform:rotate(0)totransform:rotate(359deg)@keyframes w3mcTz0% {
top:calc(50% - var(--add-animation-height, 2rem)/ 2)
}
28% {
top: var(--add-animation-to-top, .5rem)
}
72% {
top: var(--add-animation-to-top, .5rem);
opacity: 1
}
to {
top: var(--add-animation-to-top, .5rem);
opacity: 0
}
.D7X-Rb {
max-width: 80%;
max-height: 80%;
filter: brightness(0) invert(1)
}
a {
cursor: pointer
}
.a61c6M:hover {
cursor: pointer
}
/*! * Project: 'pcmall'; * Module: 'voucher'; * Tag: 'voucher-v1.25.0'; * Branch: 'heads/voucher-v1.25.0'; * Last commit: 'Merge branch '\''staging'\'' into '\''release'\''' (f06766a646894651a6c14867759b1dbb30eec598); * Updated: '2024-01-30T08:29:06.529Z'; */
.product-shop-vouchers__header {
color: rgba(0, 0, 0, .4);
margin: .625rem 0 1.25rem
}
.product-shop-vouchers__list {
overflow-y: auto;
padding-left: .25rem
}
.vc_src_placeholder {
background-image: url("data:image/svg+xml;charset=utf-8,%3Csvgxmlns='http://www.w3.org/2000/svg'viewBox='0 0 54 61'fill='%23e5e4e4'%3E%3Cpath d='M51.2 16.9H38.7C38.7 11.6 36 .6 27 .5 17.4.4 15.2 12.4 15.2 16.9H2.8c-3.4 0-2.7 3.4-2.7 3.4l2.4 33s-.1 7.3 6.3 7.5h36.5c6.2-.4 6.3-7.5 6.3-7.5l2.4-33c0-.1.5-3.5-2.8-3.4zM27.1 4.2c7.1.2 7.9 11.7 7.7 12.6H19.1c-.1-.9.4-12.4 8-12.6zm9.1 44.6c-1 1.7-2.7 3-5 3.7-1.2.4-2.4.5-3.6.5-3.2 0-6.5-1.1-9.3-3.3-.8-.6-1-1.5-.5-2.3.2-.4.7-.7 1.2-.8.4-.1.9 0 1.2.3 3.2 2.4 8.3 4 11.9 1.6 1.4-.9 2.1-2.7 1.6-4.3-.5-1.6-2.2-2.7-3.5-3.4-1-.6-2.1-1-3.3-1.4-.9-.3-1.9-.7-2.9-1.2-2.4-1.2-4-2.6-4.8-4.2-1.2-2.3-.6-5.4 1.4-7.5 3.6-3.8 10-3.2 14-.4.9.6.9 1.7.4 2.5s-1.4.9-2.2.4c-2-1.4-4.4-2-6.4-1.7-2 .3-4.7 2-4.4 4.6.2 1.5 2 2.6 3.3 3.3.8.4 1.5.7 2.3.9 4.3 1.3 7.2 3.3 8.6 5.7 1.2 2.1 1.2 4.9 0 7z'stroke='none'/%3E%3C/svg%3E");
background-position: 50%;
background-repeat: no-repeat;
background-size: contain;
height: 60px;
max-height: 100%;
max-width: 100%;
width: 60px
}
.vc_src_placeholderContainer {
align-items: center;
bottom: 0;
display: flex;
height: 100%;
justify-content: center;
left: 0;
position: absolute;
right: 0;
top: 0;
width: 100%
}
.vc_Logo_logo {
display: block;
height: var(--vc-logo-size, 3.5rem);
width: var(--vc-logo-size, 3.5rem)
}
.vc_Logo_gray {
filter: grayscale(1)
}
.vc_Logo_textLogo {
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;
color: #fff;
display: -webkit-box;
font-size: var(--vc-text-logo-font-size, 1.25rem);
line-height: 1.375rem;
max-height: 2.75rem;
overflow: hidden;
text-align: center;
text-overflow: ellipsis;
text-transform: uppercase;
white-space: var(--vc-text-logo-white-space, unset)
}
.vc_Logo_imageLogo {
align-items: center;
display: flex;
justify-content: center
}
.vc_Logo_circular {
border: .0625rem solid #efefef;
border-radius: 50%
}
.vc_Logo_noBorder {
border: none
}
.vc_Logo_whiteBg {
background-color: #fff
}
.vc_Logo_svgBox {
overflow: hidden;
position: relative
}
.vc_Logo_svgBox>svg {
height: var(--vc-logo-size, 3.5rem);
left: 50%;
position: absolute;
top: 50%;
transform: translate(-50%, -50%);
width: var(--vc-logo-size, 3.5rem)
}
.vc_Logo_seller {
background-color: #f5f5f5;
border-radius: 50%
}
.vc_Logo_seller>svg {
height: 50%;
width: 50%
}
.vc_Logo_opv {
height: 100%;
margin-left: .25rem;
-o-object-fit: cover;
object-fit: cover;
width: calc(100% - .25rem)
}
.vc_Logo_circle {
border-radius: 50%
}
.vc_Logo_placeholderContainer {
align-items: center;
bottom: 0;
display: flex;
height: 100%;
justify-content: center;
left: 0;
position: absolute;
right: 0;
top: 0;
width: 100%
}
.vc_Logo_placeholder {
background-image: url("data:image/svg+xml;charset=utf-8,%3Csvgxmlns='http://www.w3.org/2000/svg'viewBox='0 0 54 61'fill='%23e5e4e4'%3E%3Cpath d='M51.2 16.9H38.7C38.7 11.6 36 .6 27 .5 17.4.4 15.2 12.4 15.2 16.9H2.8c-3.4 0-2.7 3.4-2.7 3.4l2.4 33s-.1 7.3 6.3 7.5h36.5c6.2-.4 6.3-7.5 6.3-7.5l2.4-33c0-.1.5-3.5-2.8-3.4zM27.1 4.2c7.1.2 7.9 11.7 7.7 12.6H19.1c-.1-.9.4-12.4 8-12.6zm9.1 44.6c-1 1.7-2.7 3-5 3.7-1.2.4-2.4.5-3.6.5-3.2 0-6.5-1.1-9.3-3.3-.8-.6-1-1.5-.5-2.3.2-.4.7-.7 1.2-.8.4-.1.9 0 1.2.3 3.2 2.4 8.3 4 11.9 1.6 1.4-.9 2.1-2.7 1.6-4.3-.5-1.6-2.2-2.7-3.5-3.4-1-.6-2.1-1-3.3-1.4-.9-.3-1.9-.7-2.9-1.2-2.4-1.2-4-2.6-4.8-4.2-1.2-2.3-.6-5.4 1.4-7.5 3.6-3.8 10-3.2 14-.4.9.6.9 1.7.4 2.5s-1.4.9-2.2.4c-2-1.4-4.4-2-6.4-1.7-2 .3-4.7 2-4.4 4.6.2 1.5 2 2.6 3.3 3.3.8.4 1.5.7 2.3.9 4.3 1.3 7.2 3.3 8.6 5.7 1.2 2.1 1.2 4.9 0 7z'stroke='none'/%3E%3C/svg%3E");
background-position: 50%;
background-repeat: no-repeat;
background-size: contain;
height: 60px;
max-height: 100%;
max-width: 100%;
width: 60px
}
.vc_Logo_placeholderLogo {
align-items: center;
display: flex;
justify-content: center
}
.vc_Logo_OPVPlaceholderLogo {
height: var(--vc-logo-size, 3.5rem);
width: var(--vc-logo-size, 3.5rem)
}
.vc_Logo_OPVPlaceholder {
max-height: 70%;
max-width: 70%
}
.vc_Logo_OPVPlaceholder.vc_Logo_shoppingMall {
background-color: #fafafa
}
.vc_MainTitle_mainTitle {
display: flex
}
.vc_MainTitle_text {
color: var(--vc-main-title-color, rgba(0, 0, 0, .8));
font-size: var(--vc-main-title-font-size, 1rem);
font-weight: 500;
line-height: var(--vc-main-title-line-height, 1.25rem);
white-space: var(--vc-card-mian-title-white-space, nowrap)
}
.vc_MainTitle_defaultLine,
.vc_MainTitle_fsvLine {
overflow: hidden;
text-overflow: ellipsis
}
.vc_MainTitle_fsvLine {
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;
display: -webkit-box;
white-space: normal;
word-break: break-word
}
.vc_MainTitle_textLatam {
color: var(--vc-main-title-latam-color, rgba(0, 0, 0, .87));
font-weight: var(--vc-main-title-latam-font-weight, 700)
}
.vc_MainTitle_scopeTag {
align-items: center;
display: inline-flex;
padding-right: .25rem
}
.vc_MainTitle_img {
background-position: 50%;
background-repeat: no-repeat;
background-size: contain;
height: .875rem;
width: 3.75rem
}
.vc_Subtitle_subTitle {
color: var(--vc-sub-title-color, rgba(0, 0, 0, .8));
font-size: var(--vc-subtitle-font-size, .875rem);
font-weight: var(--vc-subtitle-font-weight, normal);
line-height: var(--vc-subtitle-line-height, 1rem);
margin: var(--vc-sub-title-margin, 0);
padding: var(--vc-sub-title-padding, 0);
text-align: var(--vc-subtitle-text-align, unset);
white-space: var(--vc-sub-title-white-space, unset);
word-break: break-word
}
.vc_Subtitle_defaultLine {
-webkit-line-clamp: 2
}
.vc_Subtitle_defaultLine,
.vc_Subtitle_oneLine {
-webkit-box-orient: vertical;
display: -webkit-box;
overflow: hidden;
text-overflow: ellipsis
}
.vc_Subtitle_oneLine {
-webkit-line-clamp: 1
}
.vc_Subtitle_subTitleLatam {
color: var(--vc-sub-title-latam-color, rgba(0, 0, 0, .65));
font-size: var(--vc-subtitle-latam-font-size, .75rem);
font-weight: var(--vc-subtitle-latam-font-weight, 400)
}
.vc_ProgressBar_progressBar {
background: linear-gradient(90deg, transparent var(--vc-progress-bar-percentage), var(--vc-progress-bar-bg-color, #e8e8e8) 0), linear-gradient(90deg, var(--vc-progress-bar-start-color, #eb1717), var(--vc-progress-bar-end-color, #ffb000));
border-radius: var(--vc-progress-bar-height, 4px);
height: var(--vc-progress-bar-height, 4px)
}
.vc_ProgressBarExpiry_progressBarExpiry {
color: rgba(0, 0, 0, .54);
font-size: var(--vc-expiry-font-size, .75rem);
line-height: var(--vc-expiry-line-height, .875rem);
margin: var(--vc-card-progress-expiry-margin, .25rem 0 0 0);
margin-top: var(--vc-expiry-margin-top, .25rem);
overflow: hidden;
padding-right: var(--vc-card-progress-expiry-padding-right, 0);
text-overflow: ellipsis;
white-space: nowrap
}
.vc_ProgressBarExpiry_progressBarExpiry.vc_ProgressBarExpiry_twoRowsLabel {
margin-top: .25rem
}
.vc_ProgressBarExpiry_progressBar {
margin-bottom: .25rem;
margin-right: .3125rem
}
.vc_ProgressBarExpiry_usageLimitedText {
line-height: var(--vc-card-progress-expiry-usage-limited-text-linehigh, unset);
margin: var(--vc-card-progress-expiry-usage-limited-text-margin, 0);
white-space: normal
}
.vc_ProgressBarExpiry_usageLimitedText.vc_ProgressBarExpiry_noMargin {
margin: 0
}
.vc_ProgressBarExpiry_usageLimitedText.vc_ProgressBarExpiry_twoRowsLimitText {
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;
display: -webkit-box;
overflow: hidden;
text-overflow: ellipsis
}
.vc_ProgressBarExpiry_usageLimitedText.vc_ProgressBarExpiry_oneRowLimitText {
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap
}
.vc_ProgressBarExpiry_isRunningOutSoon {
color: #ff424f;
font-weight: 500
}
.vc_ProgressBarExpiry_comingSoonStartTime {
color: #ee4d2d
}
.vc_ProgressBarExpiry_isEndingSoon {
color: #ff424f
}
.vc_ProgressBarExpiry_validUntil {
color: rgba(0, 0, 0, .54)
}
.vc_ProgressBarExpiry_capitalize {
text-transform: var(--vc-card-progress-expiry-capitalize-text-transform, unset)
}
.vc_ProgressBarExpiry_capitalize:first-letter {
text-transform: capitalize
}
.vc_Expiry_expiry {
color: rgba(0, 0, 0, .54);
font-size: var(--vc-expiry-font-size, .75rem);
line-height: var(--vc-expiry-line-height, .875rem);
margin-top: var(--vc-expiry-margin-top, .25rem);
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap
}
.vc_Expiry_capitalize :first-letter {
text-transform: capitalize
}
.vc_Expiry_comingSoonStartTime {
color: var(--primary, #ee4d2d)
}
.vc_Expiry_isEndingSoon {
color: var(--danger, #ff424f)
}
.vc_Expiry_validUntil {
color: rgba(0, 0, 0, .54)
}
.vc_Expiry_halfOpacity {
opacity: .5
}
.vc_src_stardust-icon {
stroke: currentColor;
fill: currentColor;
height: 1em;
width: 1em
}
.vc_UpcomingText_upcomingText {
align-items: center;
color: var(--primary, #ee4d2d);
display: flex;
font-size: var(--vc-expiry-font-size, .75rem);
line-height: var(--vc-expiry-line-height, .875rem);
margin-top: var(--vc-expiry-margin-top, .25rem);
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap
}
.vc_UpcomingText_grayText {
color: rgba(0, 0, 0, .54)
}
.vc_UpcomingText_timeIcon {
fill: currentColor;
stroke: currentColor;
height: 1em;
margin-right: .25rem;
width: 1em
}
.vc_UpcomingText_halfOpacity {
opacity: .5
}
.vc_RectButton_rectButton {
align-items: center;
display: flex;
justify-content: center;
position: relative;
z-index: 1
}
.vc_RectButton_rectButton .vc_RectButton_expand {
cursor: pointer;
height: var(--vc-card-height, 7.375rem);
min-width: var(--vc-rect-button-min-width, 3.4375rem);
position: absolute;
z-index: 1
}
.vc_RectButton_btn {
-webkit-line-clamp: 1;
align-items: center;
background-color: #fff;
border: 1px solid transparent;
border-radius: .125rem;
box-shadow: 0 1px 1px 0 #00000017;
box-sizing: border-box;
color: #fff;
cursor: pointer;
display: flex;
font-size: var(--vc-rect-button-font-size, .875rem);
height: var(--vc-rect-button-height, 1.75rem);
justify-content: center;
min-width: var(--vc-rect-button-min-width, 3.4375rem);
outline: 0;
overflow: hidden;
padding: var(--vc-card-rect-button-padding, 0 .5625rem);
position: relative;
text-overflow: ellipsis;
text-transform: capitalize;
white-space: nowrap
}
.vc_RectButton_btn.vc_RectButton_seaTwBtn {
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;
display: -webkit-box;
height: unset !important;
max-width: 3.4375rem;
min-width: 3.4375rem;
overflow: hidden;
padding: .21875rem .5rem;
text-align: center;
text-overflow: ellipsis;
white-space: normal;
word-break: break-word
}
.vc_RectButton_btn.vc_RectButton_partner {
background-color: #eda500;
border: .0625rem solid #fff;
color: #fff;
font-size: .75rem;
height: 1.25rem;
line-height: .875rem;
margin-bottom: 1rem;
min-width: 3.25rem;
padding: 0 .5rem
}
.vc_RectButton_btn.vc_RectButton_shopOfficialClaim {
background-color: #d0011b;
border-color: var(--vc-card-rect-button-ofs-border-color, #ee4d2d);
color: #fff
}
.vc_RectButton_btn.vc_RectButton_claim {
background-color: #ee4d2d
}
.vc_RectButton_btn.vc_RectButton_use {
background: var(--vc-card-rect-button-apply-button-background, transparent) !important;
border: .0625rem solid #ee4d2d;
color: var(--vc-card-rect-button-apply-button-color, #ee4d2d);
font-size: var(--vc-card-apply-button-font-size, .875rem);
height: var(--vc-card-rect-button-apply-button-height, 1.75rem)
}
.vc_RectButton_btn.vc_RectButton_useLater {
font-size: var(--vc-rect-button-use-later-font-size, .6875rem);
width: var(--vc-rect-button-use-later-width, unset)
}
.vc_RectButton_btn.vc_RectButton_martClaim {
background-color: #066bc8
}
.vc_RectButton_btn.vc_RectButton_martClaim:hover {
filter: brightness(114%)
}
.vc_RectButton_btn.vc_RectButton_martUse {
background-color: var(--vc-card-rect-button-apply-button-background, transparent);
border: .0625rem solid #066bc8;
color: #066bc8;
font-size: var(--vc-card-apply-button-font-size, .875rem);
height: var(--vc-card-rect-button-apply-button-height, 2rem);
min-width: var(--vc-card-rect-button-apply-button-width, 3.4375rem)
}
.vc_RectButton_btn.vc_RectButton_martUse:hover {
background-color: rgba(0, 0, 0, .02)
}
.vc_RectButton_btn.vc_RectButton_shopOfficialUse {
background-color: var(--vc-card-rect-button-apply-button-background, transparent);
border: .0625rem solid #d0011b;
color: #d0011b;
font-size: var(--vc-card-apply-button-font-size, .875rem);
height: var(--vc-card-rect-button-apply-button-height, 2rem);
min-width: var(--vc-card-rect-button-apply-button-width, 3.4375rem)
}
.vc_RectButton_btn.vc_RectButton_disable {
background-color: #e8e8e8;
color: #bdbdbd
}
.vc_RectButton_spinner {
animation: vc_RectButton_rotation 2s linear infinite;
color: #fff
}
@keyframes vc_RectButton_rotation {
0% {
transform: rotate(0)
}
to {
transform: rotate(359deg)
}
}
.vc_RectButton_add {
fill: #ee4d2d;
align-items: center;
animation-duration: .9s;
animation-name: vc_RectButton_rise;
animation-timing-function: ease-in-out;
color: #ee4d2d;
display: flex;
font-size: 1.25rem;
font-weight: 700;
justify-content: center;
opacity: 0;
position: absolute
}
.vc_RectButton_add.vc_RectButton_mart {
fill: #066bc8;
color: #066bc8
}
.vc_RectButton_add.vc_RectButton_official {
fill: #d0011b;
color: #d0011b
}
.vc_RectButton_add.vc_RectButton_partner {
fill: #eda500;
color: #eda500
}
@keyframes vc_RectButton_rise {
0% {
opacity: 1;
transform: translateY(0)
}
28% {
opacity: 1;
transform: translateY(-2rem)
}
72% {
opacity: 1;
transform: translateY(-2rem)
}
to {
opacity: 0;
transform: translateY(-2rem)
}
}
.vc_Label_label {
display: flex;
margin: var(--vc-card-label-margin, .3125rem 0 .25rem 0);
min-width: 0;
overflow: hidden;
padding: var(--vc-card-label-padding, 0);
text-overflow: ellipsis;
white-space: nowrap
}
.vc_Label_label div:not(:last-child) {
flex: 0 0 auto;
margin-right: var(--vc-card-label-space, .3125rem);
max-width: 80%
}
.vc_Label_label div:only-child {
max-width: 100%
}
.vc_Label_label .vc_Label_shopeeWalletLabel {
border: 1px solid #ee4d2d;
border-radius: .125rem;
box-sizing: border-box;
color: #ee4d2d;
margin: .0625rem 0;
max-width: 100%;
overflow: hidden;
padding: var(--vc-card-label-content-padding, .0625rem .25rem);
text-overflow: ellipsis;
white-space: nowrap
}
.vc_Label_label .vc_Label_shopeeWalletLabelLatam {
background-color: #fff4f4;
border: none;
padding: .125rem .25rem
}
.vc_Label_label .vc_Label_shopeeWalletLabelContent {
align-items: center;
font-size: var(--vc-card-label-font-size, .75rem);
line-height: var(--vc-card-label-line-height, .875rem);
overflow: hidden;
text-overflow: ellipsis
}
.vc_Label_label .vc_Label_invalidColor {
color: var(--invalid-voucher)
}
.vc_Label_label .vc_Label_invalidBorder {
border-color: var(--invalid-voucher)
}
.vc_Label_label .vc_Label_more {
display: inline-block;
height: 100%;
vertical-align: middle
}
.vc_Label_label.vc_Label_twoRowsLabelSection {
flex-wrap: wrap;
margin-bottom: 0;
max-height: 2.5rem;
position: relative
}
.vc_Label_label.vc_Label_twoRowsLabelSection>div {
flex: 0 1 auto;
margin: .0625rem .25rem .125rem 0;
max-width: 100%
}
.vc_IconText_iconText {
-webkit-box-pack: center;
color: var(--vc-icon-text-color, rgba(0, 0, 0, .87));
font-size: var(--vc-icon-text-font-size, .75rem);
line-height: var(--vc-icon-text-line-height, .875rem);
margin-top: var(--vc-icon-text-margin-top, .3125rem);
max-height: var(--vc-icon-text-max-height, 1.75rem);
max-width: 90%;
opacity: var(--vc-icon-text-opacity, 1);
padding: 0 .25rem;
text-align: center;
white-space: var(--vc-icon-text-white-space, unset);
word-break: break-word
}
.vc_IconText_defaultLine {
-webkit-line-clamp: 2
}
.vc_IconText_defaultLine,
.vc_IconText_oneLine {
-webkit-box-orient: vertical;
display: -webkit-box;
overflow: hidden;
text-overflow: ellipsis
}
.vc_IconText_oneLine {
-webkit-line-clamp: 1
}
.vc_IconText_white {
color: #fff
}
.vc_IconSubText_iconSubText {
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;
-webkit-box-pack: center;
color: var(--vc-icon-sub-text-color, rgba(0, 0, 0, .87));
display: -webkit-box;
font-size: var(--vc-icon-sub-text-font-size, .625rem);
line-height: var(--vc-icon-sub-text-line-height, .875rem);
margin-top: var(--vc-icon-sub-text-margin-top, .125rem);
max-height: var(--vc-icon-sub-text-max-height, 1.75rem);
max-width: 90%;
opacity: var(--vc-icon-sub-text-opacity, .8);
overflow: hidden;
padding: 0 .5rem;
text-align: center;
text-overflow: ellipsis;
white-space: var(--vc-icon-sub-text-white-space, unset);
word-break: break-word
}
.vc_IconSubText_white {
color: #fff
}
.vc_UseLink_useLink {
cursor: pointer;
display: inline
}
.vc_UseLink_link {
color: #ee4d2d;
font-size: .875rem;
margin-right: .75rem;
position: relative;
text-decoration: none
}
.vc_UseLink_link:hover {
color: #ee4d2d
}
.vc_UseLink_link:after {
border: solid #ee4d2d;
border-width: 0 1px 1px 0;
bottom: .0625rem;
content: "";
display: block;
margin-left: .3125rem;
padding: .2125rem;
position: absolute;
right: -.625rem;
transform: rotate(-45deg);
transform-origin: 0 50%
}
.vc_TNCLink_tncLink {
cursor: pointer;
display: inline;
font-size: var(--vc-tnclink-font-size, .75rem);
font-weight: 500;
text-transform: capitalize
}
.vc_TNCLink_tncLink>a {
color: #508be3;
text-decoration: none
}
.vc_RadioButton_radio {
fill: currentColor;
stroke: currentColor;
align-items: center;
border: var(--vc-radio-button-border, 1px solid rgba(0, 0, 0, .14));
border-radius: 50%;
box-shadow: var(--vc-radio-button-box-shadow, rgba(0, 0, 0, .02) 0 2px 0 0);
box-sizing: border-box;
cursor: pointer;
display: flex;
height: 1.125rem;
justify-content: center;
width: 1.125rem
}
.vc_RadioButton_radioSelected {
background-color: #ee4d2d;
border-width: 0
}
.vc_RadioButton_radioDisabled {
background-color: #f5f5f5;
cursor: not-allowed
}
.vc_RadioButton_radioSelected.vc_RadioButton_radioDisabled {
background-color: #e7e7e7
}
.vc_RadioButton_tick {
color: #fff;
height: .5625rem;
width: .5625rem
}
.vc_CloseIcon_closingIcon {
cursor: pointer;
position: absolute;
right: 0;
top: 0
}
.vc_CloseIcon_iconCoucherClose {
height: 1.125rem;
width: 1.3125rem
}
.vc_Stamp_stamp {
height: 2.8125rem;
position: absolute;
right: 0;
top: -.375rem;
width: 4.0625rem
}
.vc_RightCornerBadge_rightCorner {
align-items: center;
background-color: #ffeaea;
border-radius: 10px 2px 0 10px;
color: #ee4d2d;
display: flex;
font-size: .75rem;
font-weight: 500;
height: 1.125rem;
justify-content: center;
position: absolute;
right: -.25rem;
top: .25rem;
width: 2.3125rem
}
.vc_RightCornerBadge_icon {
margin-right: .0625rem
}
.vc_RightCornerBadge_rightCorner:after {
border: .1875rem solid transparent;
border-bottom-color: #ff9a86;
content: "";
height: 0;
position: absolute;
right: 1px;
top: calc(100% + 1px);
transform: rotate(-45deg) translate(50%, -50%);
width: 0;
z-index: 0
}
.vc_RightCornerBadge_halfOpacity {
opacity: .5
}
@media (max-width:560px) {
.vc_RightCornerBadge_rightCornerClassName {
font-size: .75rem;
height: 1.125rem;
width: 2.3125rem
}
.vc_RightCornerBadge_iconClassName {
height: .75rem;
width: .375rem
}
}
@media (min-width:560px) {
.vc_RightCornerBadge_rightCornerClassName {
font-size: .75rem;
height: 1.125rem;
width: 2.3125rem
}
.vc_RightCornerBadge_iconClassName {
height: .75rem;
width: .375rem
}
}
.vc_Price_price {
color: var(--vc-card-price-color, #ee4d2d);
font-size: 1rem;
font-weight: 500;
line-height: 1.1875rem
}
.vc_RightPrice_normalPrice {
color: rgba(0, 0, 0, .54);
font-size: .75rem;
font-weight: 400;
line-height: .875rem;
margin: 0;
text-decoration: line-through
}
.vc_RightPrice_discountPrice {
color: #ee4d2d
}
.vc_RightPrice_discountPrice,
.vc_RightPrice_discountSymbol {
font-size: 1rem;
line-height: 1.1875rem
}
.vc_SoldCount_sold {
color: rgba(0, 0, 0, .54);
font-size: .625rem;
line-height: .75rem
}
.vc_SoldOut_soldOut {
align-items: center;
background: rgba(0, 0, 0, .87);
border-radius: 1.5rem;
box-sizing: border-box;
color: #fff;
display: flex;
font-size: .75rem;
font-weight: 400;
justify-content: center;
left: 50%;
line-height: 1rem;
max-width: 90%;
overflow: hidden;
padding: 12px;
position: absolute;
text-overflow: ellipsis;
top: 50%;
transform: translate(-50%, -50%);
white-space: nowrap;
z-index: 5
}
.vc_CornerBadge_cornerBadge {
border-radius: .125rem .125rem .125rem 0;
color: #fff;
display: flex;
font-size: var(--vc-corner-badge-font-size, .625rem);
line-height: var(--vc-corner-badge-line-height, .75rem);
padding: var(--vc-corner-badge-padding, .125rem .25rem);
position: absolute
}
.vc_CornerBadge_cornerBadge:after {
border: .1875rem solid transparent;
content: "";
height: 0;
left: .0625rem;
position: absolute;
top: calc(100% + .0625rem);
transform: rotate(-45deg) translate(50%, -50%);
width: 0
}
.vc_CornerBadge_levelCorner {
left: -.25rem;
top: .3125rem
}
.vc_CornerBadge_topCorner {
left: -.25rem;
top: -.3125rem
}
.vc_CornerBadge_valid {
background-color: var(--vc-corner-badge-bg-color, #eda500)
}
.vc_CornerBadge_valid:after {
border-left: .1875rem solid var(--vc-corner-badge-bg-color2, #dfa400)
}
.vc_CornerBadge_invalid {
background-color: var(--vc-corner-badge-bg-color, #999)
}
.vc_CornerBadge_invalid:after {
border-left: .1875rem solid var(--vc-corner-badge-bg-color2, #757575)
}
.vc_CornerBadge_bestChoice {
background-color: var(--vc-corner-badge-bg-color, #4c7)
}
.vc_CornerBadge_bestChoice:after {
border-left: .1875rem solid var(--vc-corner-badge-bg-color2, #4c7)
}
.vc_CornerBadge_fsvBestChoice,
.vc_CornerBadge_preferred {
background: var(--vc-corner-badge-bg-color, #ee4d2d)
}
.vc_CornerBadge_fsvBestChoice:after,
.vc_CornerBadge_preferred:after {
border-left: .1875rem solid var(--vc-corner-badge-bg-color2, #ee4d2d)
}
.vc_CornerBadge_ofs {
background: var(--vc-corner-badge-bg-color, #d0011b)
}
.vc_CornerBadge_ofs:after {
border-left: .1875rem solid var(--vc-corner-badge-bg-color2, #d0011b)
}
.vc_CornerBadge_latamUI {
max-width: 13ch;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap
}
.vc_CornerBadge_halfOpacity {
opacity: .5
}
.vc_CornerBadge_seaTwUI {
max-width: 114px;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap
}
.vc_A11yAriaText_A11yContent {
clip: rect(0, 0, 0, 0) !important;
border: 0 !important;
height: 1px !important;
margin: -1px !important;
overflow: hidden !important;
padding: 0 !important;
position: absolute !important;
white-space: nowrap !important;
width: 1px !important
}
.vc_BrandBanner_brandBanner {
position: relative
}
.vc_BrandBanner_banner {
background-color: #fff;
background-position: 50%;
background-repeat: no-repeat;
background-size: auto .75rem;
border: .03125rem solid rgba(0, 0, 0, .09);
border-radius: 1.75rem;
bottom: .5rem;
box-shadow: 0 0 .375rem rgba(0, 0, 0, .06);
box-sizing: border-box;
height: 1rem;
position: absolute;
right: -1.875rem;
width: 3.75rem
}
.vc_Card_card,
.vc_Card_container {
width: var(--vc-card-width, 28.375rem)
}
.vc_Card_card {
height: var(--vc-card-height, 7.375rem);
position: relative
}
.vc_Card_left {
background: linear-gradient(180deg, var(--vc-card-left-border-color, #e8e8e8) var(--vc-card-sawtooth-margin, .25rem), transparent 0, transparent calc(100% - var(--vc-card-sawtooth-margin, .25rem)), var(--vc-card-left-border-color, #e8e8e8) calc(100% - var(--vc-card-sawtooth-margin, .25rem))) 0 0/.0625rem 100% no-repeat, linear-gradient(180deg, var(--vc-card-left-fill-color, #fff) var(--vc-card-sawtooth-margin, .25rem), transparent 0, transparent calc(100% - var(--vc-card-sawtooth-margin, .25rem)), var(--vc-card-left-fill-color, #fff) calc(100% - var(--vc-card-sawtooth-margin, .25rem))) 0 0/100% 100% no-repeat;
border-bottom: .0625rem solid var(--vc-card-left-border-color, #e8e8e8);
border-bottom-left-radius: .125rem;
border-top: .0625rem solid var(--vc-card-left-border-color, #e8e8e8);
border-top-left-radius: .125rem;
box-sizing: border-box;
height: 100%;
left: 0;
overflow: hidden;
position: absolute;
top: 0;
width: var(--vc-card-height, 7.375rem)
}
.vc_Card_sawtooth {
background: linear-gradient(180deg, transparent calc(var(--vc-card-radius, .25rem)*2), var(--vc-card-left-border-color, #e8e8e8) 0) 0 .0625rem/.0625rem calc(var(--vc-card-radius, .25rem)*2 + var(--vc-card-gap, .125rem)) repeat-y, radial-gradient(circle at 0 var(--vc-card-radius, .25rem), transparent 0, transparent calc(var(--vc-card-radius, .25rem) - .0625rem), var(--vc-card-left-border-color, #e8e8e8) 0, var(--vc-card-left-border-color, #e8e8e8) var(--vc-card-radius, .25rem), var(--vc-card-left-fill-color, #fff) 0) 0 .0625rem/100% calc(var(--vc-card-radius, .25rem)*2 + var(--vc-card-gap, .125rem)) repeat-y;
bottom: calc(var(--vc-card-sawtooth-margin, .25rem) - .0625rem);
position: absolute;
top: calc(var(--vc-card-sawtooth-margin, .25rem) - .0625rem);
width: 100%
}
.vc_Card_right {
background-color: var(--vc-card-background-color, #fff);
border: .0625rem solid var(--vc-card-right-border-color, #e8e8e8);
border-bottom-right-radius: .125rem;
border-left: none;
border-top-right-radius: .125rem;
box-sizing: border-box;
height: 100%;
position: absolute;
right: 0;
top: 0;
width: calc(100% - var(--vc-card-height, 7.375rem))
}
.vc_Card_inapplicable .vc_Card_left {
opacity: .5
}
.vc_Card_shop {
--vc-card-left-border-color: #e8e8e8;
--vc-card-left-fill-color: #fff;
--vc-card-right-border-color: #e8e8e8;
--vc-card-background-color: #fff
}
.vc_Card_shopee {
--vc-card-left-border-color: #ee4d2d;
--vc-card-left-fill-color: #ee4d2d;
--vc-card-right-border-color: #e8e8e8;
--vc-card-background-color: #fff
}
.vc_Card_fsv {
--vc-card-left-border-color: #00bfa5;
--vc-card-left-fill-color: #00bfa5;
--vc-card-right-border-color: #e8e8e8;
--vc-card-background-color: #fff
}
.vc_Flag_flag {
align-items: flex-end;
background: #ee4d2d;
color: #fff;
display: flex;
font-size: .625rem;
font-weight: 500;
height: 2.828rem;
justify-content: center;
line-height: .75rem;
position: absolute;
right: -1.414rem;
top: -1.414rem;
transform: rotate(45deg);
width: 2.828rem
}
@media (max-width:560px) {
.vc_MiniSpendText_minSpendText {
-webkit-box-orient: vertical;
-webkit-line-clamp: 1;
color: rgba(0, 0, 0, .54);
display: -webkit-box;
font-size: .75rem;
line-height: .875rem;
margin-bottom: .5rem;
margin-top: .125rem;
max-height: .875rem;
overflow: hidden;
text-align: center;
text-overflow: ellipsis;
word-break: break-word
}
}
@media (min-width:560px) {
.vc_MiniSpendText_minSpendText {
-webkit-box-orient: vertical;
-webkit-line-clamp: 1;
color: rgba(0, 0, 0, .54);
display: -webkit-box;
font-size: .75rem;
line-height: .875rem;
margin-bottom: .5rem;
margin-top: .125rem;
max-height: .875rem;
overflow: hidden;
text-align: center;
text-overflow: ellipsis;
word-break: break-word
}
}
.vc_src_fade-enter {
opacity: .01
}
.vc_src_fade-enter-active {
opacity: 1;
transition: all .2s ease-in-out
}
.vc_src_fade-exit {
opacity: 1
}
.vc_src_fade-exit-active {
opacity: .01;
transition: all .2s ease-in-out
}
.vc_src_wrap {
transform: translate(-50%, -50%);
z-index: 9999
}
.vc_src_fadescale-enter {
opacity: .01;
transform: translate(-50%, -50%) scale(.5)
}
.vc_src_fadescale-enter-active {
transition: all .2s ease-in-out
}
.vc_src_fadescale-enter-active,
.vc_src_fadescale-exit {
opacity: 1;
transform: translate(-50%, -50%) scale(1)
}
.vc_src_fadescale-exit-active {
opacity: .01;
transform: translate(-50%, -50%) scale(.5);
transition: all .2s ease-in-out
}
.vc_PopupDownloadCard_container {
background-color: #fff;
border-radius: .1875rem;
box-shadow: 0 .1875rem .625rem 0 rgba(0, 0, 0, .14);
display: flex;
flex-direction: row;
overflow: hidden;
padding: 1.875rem 1.875rem 1.25rem;
position: relative;
width: 34.375rem
}
.vc_PopupDownloadCard_title {
color: #333;
font-size: 1.375rem;
font-weight: 600;
margin-bottom: .5625rem
}
.vc_PopupDownloadCard_desc {
color: #333;
font-size: 1.25rem;
font-weight: 400;
margin-bottom: 1.625rem
}
.vc_PopupDownloadCard_left {
flex: 1;
padding-right: 2.4375rem
}
.vc_PopupDownloadCard_right {
align-items: center;
display: flex;
flex-direction: column
}
.vc_PopupDownloadCard_qrWrapper {
margin-bottom: .6875rem;
overflow: hidden
}
.vc_PopupDownloadCard_qr {
height: 10rem;
margin: -.625rem -.3125rem -.9375rem;
width: 10rem
}
.vc_PopupDownloadCard_downloadAppStore,
.vc_PopupDownloadCard_downloadGoogle {
background-repeat: no-repeat;
display: inline-block;
height: 3.1875rem;
margin-right: .625rem;
width: 9.625rem
}
.vc_PopupDownloadCard_downloadGoogle {
background-position-x: -.625rem;
background-position-y: -.6875rem;
background-size: 113% 146%
}
.vc_PopupDownloadCard_downloadAppStore {
background-size: 100%
}
.vc_PopupDownloadCard_footer {
align-items: center;
display: flex
}
.vc_PopupDownloadCard_appStore,
.vc_PopupDownloadCard_googlePlay {
height: 1rem;
padding: .1875rem
}
.vc_PopupDownloadCard_badge {
left: 0;
position: absolute;
top: 0
}
.vc_PopupDownloadCard_badgeImg {
width: 3.625rem
}
@media (max-width:560px) {
.vc_RewardText_rewardText {
line-clamp: 2;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;
color: rgba(0, 0, 0, .87);
display: -webkit-box;
font-size: 1rem;
font-weight: 500;
height: 1.1875rem;
max-width: 100%;
overflow: hidden;
text-align: center;
text-overflow: ellipsis;
word-break: break-word
}
}
@media (min-width:560px) {
.vc_RewardText_rewardText {
line-clamp: 2;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;
color: rgba(0, 0, 0, .87);
display: -webkit-box;
font-size: 1rem;
font-weight: 500;
height: 1.1875rem;
max-width: 100%;
overflow: hidden;
text-align: center;
text-overflow: ellipsis;
word-break: break-word
}
}
.vc_ShopType_shopType {
height: .125rem;
position: relative
}
.vc_ShopType_locate {
bottom: 0;
position: absolute;
transform: translateX(-50%)
}
.vc_ShopType_text {
align-items: center;
border-radius: .125rem;
color: #fff;
font-size: .625rem;
font-weight: 300;
line-height: .75rem;
padding: .0625rem .25rem;
white-space: nowrap;
word-break: keep-all
}
.vc_ShopType_mall {
background-color: #d0021b
}
.vc_ShopType_preferred {
background-color: #ee4d2d
}
.vc_ShopType_gray {
filter: grayscale(1)
}
.vc_Stack_stack {
background-color: #fff;
border: .03125rem solid rgba(0, 0, 0, .09);
border-radius: 0 0 .125rem .125rem;
border-top: none;
box-shadow: 0 .0625rem .1875rem rgba(0, 0, 0, .09);
box-sizing: border-box;
height: .5rem;
margin-left: .5rem;
margin-right: .5rem;
position: relative
}
.vc_Stack_latam {
border-radius: 0 0 .5rem .5rem
}
.vc_Stack_leftShopee {
background: var(--vc-card-left-fill-color, #fff);
opacity: .6
}
.vc_Stack_leftSeller,
.vc_Stack_leftShopee {
box-sizing: border-box;
display: flex;
height: 100%;
width: calc(var(--vc-card-height, 7.375rem) - .5625rem)
}
.vc_Stack_leftSeller {
border-right: .0625rem dashed #e8e8e8
}
.vc_Stack_leftFSV {
background: var(--vc-card-left-fill-color, #fff);
box-sizing: border-box;
display: flex;
height: 100%;
opacity: .6;
width: calc(var(--vc-card-height, 7.375rem) - .5625rem)
}
.vc_Stack_halfOpacity {
opacity: .3
}
.vc_WarningBanner_link {
text-decoration: none
}
.vc_WarningBanner_warningBanner {
align-items: center;
background-color: #fff8e4;
color: #ee4d2d;
display: flex;
font-size: var(--vc-warning-banner-font-size, .875rem);
height: var(--vc-warning-banner-height, 2.375rem);
margin-top: var(--vc-warning-banner-margin-top, 0);
padding-left: var(--vc-warning-banner-padding-left-right, .625rem);
padding-right: var(--vc-warning-banner-padding-left-right, .625rem);
padding-top: var(--vc-warning-banner-padding-top, 0)
}
.vc_WarningBanner_recommended {
background-color: #fef6f5
}
.vc_WarningBanner_info {
margin-right: .3125rem
}
.vc_WarningBanner_arrow {
fill: #ee4d2d;
height: .625rem;
margin-left: .5rem
}
.vc_WarningBanner_btn {
align-items: baseline;
display: flex;
margin-left: auto
}
.vc_WarningBanner_latamUIStack {
height: 2.375rem;
margin-top: -1rem !important;
padding-top: 1rem
}
.vc_VoucherStandardTemplate_template {
border: .0625rem solid transparent;
border-left: none;
box-shadow: var(--vc-template-box-shadow, .125rem .125rem .3125rem rgba(0, 0, 0, .07));
box-sizing: border-box;
display: flex;
height: 100%;
position: relative;
transition: background 1s ease
}
.vc_VoucherStandardTemplate_left {
align-items: center;
border-right: .0625rem dashed #e8e8e8;
box-sizing: border-box;
display: flex;
flex-direction: column;
justify-content: center;
position: relative;
width: var(--vc-card-height, 7.375rem)
}
.vc_VoucherStandardTemplate_middle {
display: flex;
flex: 1;
flex-direction: column;
justify-content: center;
overflow: hidden;
padding-left: .75rem;
position: relative
}
.vc_VoucherStandardTemplate_right {
align-items: flex-end;
display: flex;
flex-direction: column;
justify-content: space-between;
padding: .75rem;
position: relative
}
.vc_VoucherStandardTemplate_center {
align-items: center;
display: flex;
flex-direction: column
}
.vc_VoucherStandardTemplate_hideOverflow {
border: .0625rem solid transparent;
border-radius: .125rem;
bottom: 0;
left: 0;
overflow: hidden;
position: absolute;
right: 0;
top: 0
}
.vc_VoucherStandardTemplate_fsv .vc_VoucherStandardTemplate_left,
.vc_VoucherStandardTemplate_shopee .vc_VoucherStandardTemplate_left {
border-right: none
}
.vc_VoucherStandardTemplate_inapplicable.vc_VoucherStandardTemplate_dp .vc_VoucherStandardTemplate_left,
.vc_VoucherStandardTemplate_inapplicable.vc_VoucherStandardTemplate_dp .vc_VoucherStandardTemplate_middle,
.vc_VoucherStandardTemplate_inapplicable.vc_VoucherStandardTemplate_fsv .vc_VoucherStandardTemplate_middle,
.vc_VoucherStandardTemplate_inapplicable.vc_VoucherStandardTemplate_shop .vc_VoucherStandardTemplate_left,
.vc_VoucherStandardTemplate_inapplicable.vc_VoucherStandardTemplate_shop .vc_VoucherStandardTemplate_middle,
.vc_VoucherStandardTemplate_inapplicable.vc_VoucherStandardTemplate_shopee .vc_VoucherStandardTemplate_middle {
opacity: .5
}
.vc_VoucherStandardTemplate_highlight.vc_VoucherStandardTemplate_dp .vc_VoucherStandardTemplate_template,
.vc_VoucherStandardTemplate_highlight.vc_VoucherStandardTemplate_fsv .vc_VoucherStandardTemplate_middle,
.vc_VoucherStandardTemplate_highlight.vc_VoucherStandardTemplate_fsv .vc_VoucherStandardTemplate_right,
.vc_VoucherStandardTemplate_highlight.vc_VoucherStandardTemplate_shop .vc_VoucherStandardTemplate_template,
.vc_VoucherStandardTemplate_highlight.vc_VoucherStandardTemplate_shopee .vc_VoucherStandardTemplate_middle,
.vc_VoucherStandardTemplate_highlight.vc_VoucherStandardTemplate_shopee .vc_VoucherStandardTemplate_right {
background-color: #fef7e7
}
.vc_my-wallet-page-vouchers_FreeShippingVoucher {
--vc-card-width: 28.375rem;
--vc-card-height: 7.375rem;
--vc-card-sawtooth-margin: 0.25rem;
--vc-card-left-border-color: #00bfa5;
--vc-card-left-fill-color: #00bfa5;
--vc-card-right-border-color: #e8e8e8;
--vc-card-background-color: #fff;
--vc-template-box-shadow: 0.125rem 0.125rem 0.3125rem rgba(0, 0, 0, .07);
--vc-logo-size: 3.5rem;
--vc-expiry-font-size: 0.75rem;
--vc-expiry-line-height: 0.875rem;
--vc-expiry-margin-top: 0.25rem;
--vc-main-title-font-size: 1rem;
--vc-main-title-line-height: 1.25rem;
--vc-subtitle-font-size: 0.875rem;
--vc-subtitle-line-height: 1rem;
--vc-product-scope-font-size: 0.75rem;
--vc-product-scope-line-height: 0.875rem;
--vc-product-scope-padding: 0.0625rem 0.25rem;
--vc-icon-text-font-size: 0.75rem;
--vc-icon-text-line-height: 0.875rem;
--vc-icon-text-max-height: 1.75rem;
--vc-icon-text-margin-top: 0.25rem;
--vc-radio-button-border: 0.0625rem solid rgba(0, 0, 0, .14);
--vc-radio-button-box-shadow: var(--black2) 0 0.125rem 0 0
}
.vc_my-wallet-page-vouchers_ShopeeVoucher {
--vc-card-width: 28.375rem;
--vc-card-height: 7.375rem;
--vc-card-sawtooth-margin: 0.25rem;
--vc-card-left-border-color: #ee4d2d;
--vc-card-left-fill-color: #ee4d2d;
--vc-card-right-border-color: #e8e8e8;
--vc-card-background-color: #fff;
--vc-template-box-shadow: 0.125rem 0.125rem 0.3125rem rgba(0, 0, 0, .07);
--vc-logo-size: 3.5rem;
--vc-expiry-font-size: 0.75rem;
--vc-expiry-line-height: 0.875rem;
--vc-expiry-margin-top: 0.25rem;
--vc-main-title-font-size: 1rem;
--vc-main-title-line-height: 1.25rem;
--vc-subtitle-font-size: 0.875rem;
--vc-subtitle-line-height: 1rem;
--vc-product-scope-font-size: 0.75rem;
--vc-product-scope-line-height: 0.875rem;
--vc-product-scope-padding: 0.0625rem 0.25rem;
--vc-icon-text-font-size: 0.75rem;
--vc-icon-text-line-height: 0.875rem;
--vc-icon-text-max-height: 1.75rem;
--vc-icon-text-margin-top: 0.25rem;
--vc-radio-button-border: 0.0625rem solid rgba(0, 0, 0, .14);
--vc-radio-button-box-shadow: var(--black2) 0 0.125rem 0 0
}
.vc_my-wallet-page-vouchers_preview {
--vc-card-width: 28.125rem;
--vc-card-height: 6.875rem
}
.vc_my-wallet-page-vouchers_pc {
--vc-card-width: 28.375rem;
--vc-card-height: 7.375rem;
--vc-card-sawtooth-margin: 0.25rem;
--vc-card-left-border-color: #e8e8e8;
--vc-card-left-fill-color: #fff;
--vc-card-right-border-color: #e8e8e8;
--vc-card-background-color: #fff;
--vc-template-box-shadow: 0.125rem 0.125rem 0.3125rem rgba(0, 0, 0, .07);
--vc-logo-size: 3.5rem;
--vc-expiry-font-size: 0.75rem;
--vc-expiry-line-height: 0.875rem;
--vc-expiry-margin-top: 0.25rem;
--vc-main-title-font-size: 1rem;
--vc-main-title-line-height: 1.25rem;
--vc-subtitle-font-size: 0.875rem;
--vc-subtitle-line-height: 1rem;
--vc-product-scope-font-size: 0.75rem;
--vc-product-scope-line-height: 0.875rem;
--vc-product-scope-padding: 0.0625rem 0.25rem;
--vc-icon-text-font-size: 0.75rem;
--vc-icon-text-line-height: 0.875rem;
--vc-icon-text-max-height: 1.75rem;
--vc-icon-text-margin-top: 0.25rem;
--vc-radio-button-border: 0.0625rem solid rgba(0, 0, 0, .14);
--vc-radio-button-box-shadow: var(--black2) 0 0.125rem 0 0
}
.vc_my-wallet-page-vouchers_lite,
.vc_my-wallet-page-vouchers_rw {
--vc-card-width: 22.1875rem;
--vc-card-height: 6.625rem;
--vc-card-sawtooth-margin: 0.1875rem;
--vc-card-left-border-color: #e8e8e8;
--vc-card-left-fill-color: #fff;
--vc-card-right-border-color: #e8e8e8;
--vc-card-background-color: #fff;
--vc-template-box-shadow: 0.125rem 0.125rem 0.3125rem rgba(0, 0, 0, .07);
--vc-logo-size: 2.5rem;
--vc-expiry-font-size: 0.625rem;
--vc-expiry-line-height: unset;
--vc-expiry-margin-top: 0.125rem;
--vc-main-title-font-size: 1rem;
--vc-main-title-line-height: 1.125rem;
--vc-subtitle-font-size: 0.75rem;
--vc-subtitle-line-height: 0.875rem;
--vc-product-scope-font-size: 0.625rem;
--vc-product-scope-line-height: 0.75rem;
--vc-product-scope-padding: 0.0625rem 0.125rem;
--vc-icon-text-font-size: 0.75rem;
--vc-icon-text-line-height: 0.875rem;
--vc-icon-text-max-height: 1.75rem;
--vc-icon-text-margin-top: 0.25rem;
--vc-radio-button-border: 1px solid var(--black54);
--vc-radio-button-box-shadow: unset
}
.vc_my-wallet-page-vouchers_pcLatam {
--vc-card-latam-width: 28rem;
--vc-card-latam-height: 9.5rem;
--vc-card-latam-top-height: calc(var(--vc-card-latam-height)*0.7);
--vc-card-latam-border-color: #d9d9d9;
--vc-card-latam-background-color: #fff;
--vc-logo-latam-size: 4.5rem;
--vc-expiry-font-size: 0.75rem;
--vc-expiry-line-height: unset;
--vc-expiry-margin-top: 0;
--vc-main-title-font-size: 1rem;
--vc-main-title-line-height: 1.25rem;
--vc-subtitle-font-size: 0.875rem;
--vc-subtitle-line-height: 1rem;
--vc-product-scope-font-size: 0.75rem;
--vc-product-scope-line-height: 0.875rem;
--vc-product-scope-padding: 0.0625rem 0.25rem;
--vc-radio-button-border: 0.0625rem solid rgba(0, 0, 0, .14);
--vc-radio-button-box-shadow: var(--black2) 0 0.125rem 0 0;
--vc-corner-badge-font-size: 0.75rem
}
.vc_my-wallet-page-vouchers_liteLatam,
.vc_my-wallet-page-vouchers_rwLatam {
--vc-card-latam-width: 22.1875rem;
--vc-card-latam-height: 8.4375rem;
--vc-card-latam-top-height: calc(var(--vc-card-latam-height)*0.72);
--vc-card-latam-top-left-width: var(--vc-card-latam-top-height);
--vc-card-latam-border-color: #d9d9d9;
--vc-card-latam-background-color: #fff;
--vc-logo-latam-size: 3.5rem;
--vc-expiry-font-size: 0.625rem;
--vc-expiry-line-height: unset;
--vc-expiry-margin-top: 0;
--vc-main-title-font-size: 1rem;
--vc-main-title-line-height: 1.125rem;
--vc-subtitle-font-size: 0.75rem;
--vc-subtitle-line-height: 0.875rem;
--vc-product-scope-font-size: 0.625rem;
--vc-product-scope-line-height: 0.75rem;
--vc-product-scope-padding: 0.0625rem 0.125rem;
--vc-radio-button-border: 1px solid var(--black54);
--vc-radio-button-box-shadow: unset
}
.vc_my-wallet-page-vouchers_freeShippingVoucher {
--vc-icon-text-color: #fff;
--vc-card-left-border-color: #00bfa5;
--vc-card-left-fill-color: #00bfa5;
--vc-card-right-border-color: #e8e8e8;
--vc-card-background-color: #fff;
--vc-main-title-font-size: 1rem;
--vc-main-title-line-height: 1.25rem
}
.vc_my-wallet-page-vouchers_DPV,
.vc_my-wallet-page-vouchers_offlinePaymentVoucher {
--vc-card-left-border-color: #e8e8e8;
--vc-card-left-fill-color: #fff;
--vc-card-right-border-color: #e8e8e8;
--vc-card-background-color: #fff
}
.vc_my-wallet-page-vouchers_offlinePaymentVoucher {
--vc-subtitle-font-size: 1rem;
--vc-subtitle-font-weight: 500
}
.vc_my-wallet-page-vouchers_sellerVoucher {
--vc-card-left-border-color: #e8e8e8;
--vc-card-left-fill-color: #fff;
--vc-card-right-border-color: #e8e8e8;
--vc-card-background-color: #fff
}
.vc_my-wallet-page-vouchers_shopeeVoucher {
--vc-icon-text-color: #fff;
--vc-card-left-border-color: #ee4d2d;
--vc-card-left-fill-color: #ee4d2d;
--vc-card-right-border-color: #e8e8e8;
--vc-card-background-color: #fff
}
.vc_my-wallet-page-vouchers_partnerVoucher {
--vc-card-left-border-color: #e8e8e8;
--vc-card-left-fill-color: #fff;
--vc-card-right-border-color: #e8e8e8;
--vc-card-background-color: #fff;
--vc-main-title-color: rgba(0, 0, 0, .87);
--vc-card-label-margin: 0.3125rem 0 0 0;
--vc-main-title-font-size: 0.875rem
}
.vc_my-wallet-page-vouchers_partnerVoucherMiddle {
display: flex;
flex-direction: column;
justify-content: center;
padding: 0 1.25rem
}
.vc_my-wallet-page-vouchers_partnerVoucherRight {
align-items: center;
background-color: #eda500;
display: flex;
flex-direction: column;
justify-content: center;
padding: 0 1.125rem
}
.vc_my-wallet-page-vouchers_partnerVoucherRight.vc_my-wallet-page-vouchers_disabled {
background-color: rgba(0, 0, 0, .26)
}
.vc_my-wallet-page-vouchers_financialVoucher {
--vc-icon-text-color: #fff;
--vc-card-left-border-color: #ee4d2d;
--vc-card-left-fill-color: #ee4d2d;
--vc-card-right-border-color: #e8e8e8;
--vc-card-background-color: #fff
}
.vc_my-wallet-page-vouchers_highlighted {
--vc-card-background-color: #fef7e7;
--vc-card-left-fill-color: #fef7e7
}
.vc_my-wallet-page-vouchers_rightHighlighted {
--vc-card-background-color: #fef7e7
}
.vc_my-wallet-page-vouchers_highlightedLatam {
--vc-card-latam-background-color: #fef7e7
}
.vc_my-wallet-page-vouchers_inValidPartnerVoucher {
--vc-icon-text-color: #0f0f0f;
--vc-icon-text-opacity: 0.5
}
.vc_my-wallet-page-vouchers_inValidFreeShippingVoucher {
--vc-card-left-border-color: #bdbdbd;
--vc-card-left-fill-color: #bdbdbd
}
.vc_my-wallet-page-vouchers_inValidDPV {
--vc-icon-text-color: #0f0f0f;
--vc-icon-text-opacity: 0.5
}
.vc_my-wallet-page-vouchers_inValidOfflinePaymentVoucher,
.vc_my-wallet-page-vouchers_inValidSellerVoucher {
--vc-icon-text-color: #bbb;
--vc-icon-text-opacity: 0.5
}
.vc_my-wallet-page-vouchers_inValidFinancialVoucher,
.vc_my-wallet-page-vouchers_inValidShopeeVoucher {
--vc-card-left-border-color: #bbb;
--vc-card-left-fill-color: #bbb
}
.vc_my-wallet-page-vouchers_noneRightBorder {
border-right: none
}
.vc_my-wallet-page-vouchers_halfOpacity {
opacity: .5
}
.vc_CardLatam_card,
.vc_CardLatam_container {
width: var(--vc-card-latam-width, 28rem)
}
.vc_CardLatam_card {
filter: var(--vc-template-latam-drop-shadow, drop-shadow(0 0 .375rem rgba(0, 0, 0, .1)));
height: var(--vc-card-latam-height, 9.5rem);
position: relative;
transform: scale(1)
}
.vc_CardLatam_top {
background: radial-gradient(circle at bottom left, transparent 0, transparent .5rem, var(--vc-card-latam-border-color, #d9d9d9) .5rem .5625rem, var(--vc-card-latam-background-color, #fff) .5625rem) 0 100%, radial-gradient(circle at bottom right, transparent 0, transparent .5rem, var(--vc-card-latam-border-color, #d9d9d9) .5rem .5625rem, var(--vc-card-latam-background-color, #fff) .5625rem) 100% 100%;
background-repeat: no-repeat;
background-size: 60% 100%, 60% 100%;
border: .0625rem solid var(--vc-card-latam-border-color, #d9d9d9);
border-bottom: none;
border-top-left-radius: .5rem;
border-top-right-radius: .5rem;
box-sizing: border-box;
height: var(--vc-card-latam-top-height, 6.65rem);
left: 0;
-webkit-mask-image: radial-gradient(circle at bottom left, transparent 0, transparent .5rem, var(--vc-card-latam-background-color, #fff) .5625rem), radial-gradient(circle at bottom right, transparent 0, transparent .5rem, var(--vc-card-latam-background-color, #fff) .5625rem);
mask-image: radial-gradient(circle at bottom left, transparent 0, transparent .5rem, var(--vc-card-latam-background-color, #fff) .5625rem), radial-gradient(circle at bottom right, transparent 0, transparent .5rem, var(--vc-card-latam-background-color, #fff) .5625rem);
-webkit-mask-position: bottom left, bottom right;
mask-position: bottom left, bottom right;
-webkit-mask-repeat: no-repeat;
mask-repeat: no-repeat;
-webkit-mask-size: 60% 100%, 60% 100%;
mask-size: 60% 100%, 60% 100%;
position: absolute;
top: 0;
width: 100%
}
.vc_CardLatam_top:after {
border-bottom: .375rem dashed var(--vc-card-latam-border-color, #d9d9d9);
bottom: -.3125rem;
content: "";
left: .9375rem;
position: absolute;
right: .9375rem;
top: 0
}
.vc_CardLatam_bottom {
background: radial-gradient(circle at top left, transparent 0, transparent .5rem, var(--vc-card-latam-border-color, #d9d9d9) .5rem .5625rem, var(--vc-card-latam-background-color, #fff) .5625rem) 0 0, radial-gradient(circle at top right, transparent 0, transparent .5rem, var(--vc-card-latam-border-color, #d9d9d9) .5rem .5625rem, var(--vc-card-latam-background-color, #fff) .5625rem) 100% 0;
background-repeat: no-repeat;
background-size: 60% 100%, 60% 100%;
border: .0625rem solid var(--vc-card-latam-border-color, #d9d9d9);
border-bottom-left-radius: .5rem;
border-bottom-right-radius: .5rem;
border-top: none;
bottom: 0;
box-sizing: border-box;
height: calc(100% - var(--vc-card-latam-top-height, 6.65rem));
left: 0;
-webkit-mask-image: radial-gradient(circle at top left, transparent 0, transparent .5rem, var(--vc-card-latam-background-color, #fff) .5625rem), radial-gradient(circle at top right, transparent 0, transparent .5rem, var(--vc-card-latam-background-color, #fff) .5625rem);
mask-image: radial-gradient(circle at top left, transparent 0, transparent .5rem, var(--vc-card-latam-background-color, #fff) .5625rem), radial-gradient(circle at top right, transparent 0, transparent .5rem, var(--vc-card-latam-background-color, #fff) .5625rem);
-webkit-mask-position: top left, top right;
mask-position: top left, top right;
-webkit-mask-repeat: no-repeat;
mask-repeat: no-repeat;
-webkit-mask-size: 60% 100%, 60% 100%;
mask-size: 60% 100%, 60% 100%;
position: absolute;
width: 100%
}
.vc_LogoLatam_logo {
display: block;
height: var(--vc-logo-latam-size, 3.5rem);
width: var(--vc-logo-latam-size, 3.5rem)
}
.vc_LogoLatam_gray {
opacity: .5
}
.vc_LogoLatam_imageLogo {
align-items: center;
display: flex;
justify-content: center;
overflow: hidden
}
.vc_LogoLatam_circular {
background-clip: padding-box;
border: .0625rem solid #efefef;
border-radius: 50%
}
.vc_LogoLatam_whiteBg {
background-color: #fff
}
.vc_LogoLatam_orangeBg {
background-color: #ee4d2d
}
.vc_LogoLatam_greenBg {
background-color: #26aa99
}
.vc_LogoLatam_svgBox {
overflow: hidden;
position: relative
}
.vc_LogoLatam_svgBox>svg {
height: var(--vc-logo-latam-size, 3.5rem);
left: 50%;
position: absolute;
top: 50%;
transform: translate(-50%, -50%);
width: var(--vc-logo-latam-size, 3.5rem)
}
.vc_LogoLatam_seller {
background-color: #f5f5f5;
border-radius: 50%
}
.vc_LogoLatam_seller>svg {
height: 50%;
width: 50%
}
.vc_LogoTagLatam_logoTag {
height: .125rem;
position: relative
}
.vc_LogoTagLatam_locate {
bottom: 0;
position: absolute;
transform: translateX(-50%)
}
.vc_LogoTagLatam_text {
align-items: center;
border-radius: .125rem;
color: #fff;
font-size: .625rem;
font-weight: 300;
line-height: .75rem;
padding: .0625rem .25rem;
white-space: nowrap;
word-break: keep-all
}
.vc_LogoTagLatam_mall {
background-color: #d0021b
}
.vc_LogoTagLatam_preferred {
background-color: #ee4d2d
}
.vc_LogoTagLatam_gray {
filter: grayscale(1)
}
.vc_LogoTagLatam_halfOpacity {
opacity: .5
}
.vc_LogoTagLatam_scopeTag {
align-items: center;
background: #fff
}
.vc_LogoTagLatam_img {
background-position: 50%;
background-repeat: no-repeat;
background-size: contain;
height: .875rem;
width: 3.75rem
}
.vc_ProgressBarExpiryLatam_progressBarExpiry {
color: rgba(0, 0, 0, .54);
display: flex;
flex-direction: column;
font-size: var(--vc-expiry-font-size, .75rem);
justify-content: center;
line-height: var(--vc-expiry-line-height, .875rem);
margin: var(--vc-card-latam-progress-expiry-margin, 0 0 0 0);
min-width: var(--vc-card-latam-height, 9.5rem);
overflow: hidden;
padding-right: var(--vc-card-progress-expiry-padding-right, 0);
text-overflow: ellipsis;
white-space: nowrap
}
.vc_ProgressBarExpiryLatam_progressBarExpiry.vc_ProgressBarExpiryLatam_twoRowsLabel {
margin-top: .25rem
}
.vc_ProgressBarExpiryLatam_progressBar {
margin-bottom: .25rem
}
.vc_ProgressBarExpiryLatam_usageLimitedText {
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;
display: flex;
display: -webkit-box;
line-height: var(--vc-card-progress-expiry-usage-limited-text-linehigh, unset);
margin: var(--vc-card-latam-progress-expiry-usage-limited-text-margin, 0);
overflow: hidden;
text-overflow: ellipsis;
white-space: normal
}
.vc_ProgressBarExpiryLatam_usageLimitedText.vc_ProgressBarExpiryLatam_noMargin {
margin: 0
}
.vc_ProgressBarExpiryLatam_isRunningOutSoon {
color: #ff424f;
font-weight: 500
}
.vc_ProgressBarExpiryLatam_comingSoonStartTime {
color: #ee4d2d
}
.vc_ProgressBarExpiryLatam_isEndingSoon {
color: #ff424f
}
.vc_ProgressBarExpiryLatam_validUntil {
color: rgba(0, 0, 0, .54)
}
.vc_ProgressBarExpiryLatam_capitalize {
text-transform: var(--vc-card-progress-expiry-capitalize-text-transform, unset)
}
.vc_ProgressBarExpiryLatam_capitalize:first-letter {
text-transform: capitalize
}
.vc_ProgressBarExpiryLatam_divider {
color: rgba(0, 0, 0, .09);
font-size: .75rem;
font-weight: 400;
line-height: .875rem
}
.vc_ProgressBarExpiryLatam_tncLink {
cursor: pointer;
display: inline;
font-size: .75rem;
font-weight: 500;
text-transform: capitalize
}
.vc_ProgressBarExpiryLatam_tncLink>a {
color: #508be3;
text-decoration: none
}
.vc_ProgressBarExpiryLatam_halfOpacity {
opacity: .5
}
.vc_TitleLatam_title {
color: var(--vc-title-latam-color, rgba(0, 0, 0, .87));
font-size: var(--vc-title-latam-font-size, .75rem);
font-weight: 400;
line-height: var(--vc-title-latam-line-height, .875rem);
margin: var(--vc-title-latam-margin, .125rem) 0;
max-height: var(--vc-title-latam-max-height, .875rem);
max-width: 90%;
overflow: hidden;
text-align: left;
text-overflow: ellipsis;
white-space: nowrap;
word-break: break-word
}
.vc_UseLinkLatam_useLink {
z-index: 1
}
.vc_UseLinkLatam_btn,
.vc_UseLinkLatam_useLink {
align-items: center;
display: flex;
justify-content: center;
position: relative
}
.vc_UseLinkLatam_btn {
-webkit-line-clamp: 1;
background-color: #fff;
border: 1px solid #ee4d2d;
border-radius: .125rem;
box-sizing: border-box;
color: #ee4d2d;
cursor: pointer;
font-size: var(--vc-use-link-latam-font-size, .875rem);
font-weight: 400;
height: var(--vc-use-link-latam-button-height, 1.5rem);
padding: .1875rem .5rem;
text-overflow: ellipsis;
text-transform: capitalize;
white-space: nowrap;
width: var(--vc-use-link-latam-button-width, 5rem)
}
.vc_VoucherLatamStandardTemplate_template {
border: .0625rem solid transparent;
border-left: none;
box-sizing: border-box;
display: flex;
flex-direction: column;
height: 100%;
position: relative;
transition: background 1s ease
}
.vc_VoucherLatamStandardTemplate_top {
box-sizing: border-box;
display: flex;
flex-direction: row;
height: var(--vc-card-latam-top-height, 6.625rem);
position: relative;
width: 100%
}
.vc_VoucherLatamStandardTemplate_topLeft {
align-items: center;
box-sizing: border-box;
display: flex;
flex-direction: column;
justify-content: center;
overflow: hidden;
position: relative;
width: var(--vc-card-latam-top-left-width, 6rem)
}
.vc_VoucherLatamStandardTemplate_topRight {
display: flex;
flex: 1;
flex-direction: column;
justify-content: center;
overflow: hidden;
padding-right: var(--vc-card-latam-top-right-padding-right, .75rem);
position: relative
}
.vc_VoucherLatamStandardTemplate_bottom {
align-items: center;
display: flex;
flex-direction: row;
flex-grow: 1;
justify-content: flex-start;
padding: 0 .75rem;
position: relative
}
.vc_VoucherLatamStandardTemplate_bottomLeft {
align-items: center;
display: flex;
flex-direction: row;
flex-grow: 1;
overflow: hidden;
padding-right: .5rem
}
.vc_VoucherLatamStandardTemplate_bottomRight {
align-items: center;
display: flex;
flex-direction: row;
justify-content: flex-end;
max-width: 5rem
}
.vc_VoucherLatamStandardTemplate_inapplicable.vc_VoucherLatamStandardTemplate_dp .vc_VoucherLatamStandardTemplate_topLeft,
.vc_VoucherLatamStandardTemplate_inapplicable.vc_VoucherLatamStandardTemplate_dp .vc_VoucherLatamStandardTemplate_topRight,
.vc_VoucherLatamStandardTemplate_inapplicable.vc_VoucherLatamStandardTemplate_fsv .vc_VoucherLatamStandardTemplate_topLeft,
.vc_VoucherLatamStandardTemplate_inapplicable.vc_VoucherLatamStandardTemplate_fsv .vc_VoucherLatamStandardTemplate_topRight,
.vc_VoucherLatamStandardTemplate_inapplicable.vc_VoucherLatamStandardTemplate_shop .vc_VoucherLatamStandardTemplate_topLeft,
.vc_VoucherLatamStandardTemplate_inapplicable.vc_VoucherLatamStandardTemplate_shop .vc_VoucherLatamStandardTemplate_topRight,
.vc_VoucherLatamStandardTemplate_inapplicable.vc_VoucherLatamStandardTemplate_shopee .vc_VoucherLatamStandardTemplate_topLeft,
.vc_VoucherLatamStandardTemplate_inapplicable.vc_VoucherLatamStandardTemplate_shopee .vc_VoucherLatamStandardTemplate_topRight {
opacity: .5
}
.vc_VoucherLatamStandardTemplate_highlight.vc_VoucherLatamStandardTemplate_dp,
.vc_VoucherLatamStandardTemplate_highlight.vc_VoucherLatamStandardTemplate_fsv,
.vc_VoucherLatamStandardTemplate_highlight.vc_VoucherLatamStandardTemplate_shop,
.vc_VoucherLatamStandardTemplate_highlight.vc_VoucherLatamStandardTemplate_shopee {
--vc-card-latam-background-color: #fef7e7
}
.vc_VoucherLatamStandardTemplate_iconTextLatam {
align-self: flex-start
}
.vc_VoucherLatamStandardTemplate_divider {
color: rgba(0, 0, 0, .09);
display: flex;
font-size: .75rem;
font-weight: 400;
justify-content: center;
line-height: .875rem;
width: .5rem
}
.vc_VoucherLatamStandardTemplate_hideOverflow {
border: .0625rem solid transparent;
border-radius: .125rem;
bottom: 0;
left: 0;
overflow: hidden;
position: absolute;
right: 0;
top: 0
}
.vc_CardSeaTw_container {
line-height: normal;
width: var(--vc-card-width, 28.375rem)
}
.vc_CardSeaTw_card {
height: var(--vc-card-height, 7.375rem);
position: relative;
width: var(--vc-card-width, 28.375rem)
}
.vc_CardSeaTw_left {
background: linear-gradient(180deg, var(--vc-card-left-border-color, #e8e8e8) var(--vc-card-sawtooth-margin, .25rem), transparent 0, transparent calc(100% - var(--vc-card-sawtooth-margin, .25rem)), var(--vc-card-left-border-color, #e8e8e8) calc(100% - var(--vc-card-sawtooth-margin, .25rem))) 0 0/.0625rem 100% no-repeat, linear-gradient(180deg, var(--vc-card-left-fill-color, #fff) var(--vc-card-sawtooth-margin, .25rem), transparent 0, transparent calc(100% - var(--vc-card-sawtooth-margin, .25rem)), var(--vc-card-left-fill-color, #fff) calc(100% - var(--vc-card-sawtooth-margin, .25rem))) 0 0/100% 100% no-repeat;
border-bottom: .0625rem solid var(--vc-card-left-border-color, #e8e8e8);
border-bottom-left-radius: .125rem;
border-top: .0625rem solid var(--vc-card-left-border-color, #e8e8e8);
border-top-left-radius: .125rem;
box-sizing: border-box;
height: 100%;
left: 0;
overflow: hidden;
position: absolute;
top: 0;
width: var(--vc-card-height, 7.375rem)
}
.vc_CardSeaTw_sawtooth {
background: linear-gradient(180deg, transparent calc(var(--vc-card-radius, .25rem)*2), var(--vc-card-left-border-color, #e8e8e8) 0) 0 .0625rem/.0625rem calc(var(--vc-card-radius, .25rem)*2 + var(--vc-card-gap, .125rem)) repeat-y, radial-gradient(circle at 0 var(--vc-card-radius, .25rem), transparent 0, transparent calc(var(--vc-card-radius, .25rem) - .0625rem), var(--vc-card-left-border-color, #e8e8e8) 0, var(--vc-card-left-border-color, #e8e8e8) var(--vc-card-radius, .25rem), var(--vc-card-left-fill-color, #fff) 0) 0 .0625rem/100% calc(var(--vc-card-radius, .25rem)*2 + var(--vc-card-gap, .125rem)) repeat-y;
bottom: calc(var(--vc-card-sawtooth-margin, .25rem) - .0625rem);
position: absolute;
top: calc(var(--vc-card-sawtooth-margin, .25rem) - .0625rem);
width: 100%
}
.vc_CardSeaTw_right {
background-color: var(--vc-card-background-color, #fff);
border: .0625rem solid var(--vc-card-right-border-color, #e8e8e8);
border-bottom-right-radius: .125rem;
border-left: none;
border-top-right-radius: .125rem;
box-sizing: border-box;
height: 100%;
position: absolute;
right: 0;
top: 0;
width: calc(100% - var(--vc-card-height, 7.375rem))
}
.vc_CardSeaTw_inapplicable .vc_CardSeaTw_left {
opacity: .5
}
.vc_CardSeaTw_shop {
--vc-card-left-border-color: #e8e8e8;
--vc-card-left-fill-color: #fff;
--vc-card-right-border-color: #e8e8e8;
--vc-card-background-color: #fff
}
.vc_CardSeaTw_shopee {
--vc-card-left-border-color: #ee4d2d;
--vc-card-left-fill-color: #ee4d2d;
--vc-card-right-border-color: #e8e8e8;
--vc-card-background-color: #fff
}
.vc_CardSeaTw_fsv {
--vc-card-left-border-color: #00bfa5;
--vc-card-left-fill-color: #00bfa5;
--vc-card-right-border-color: #e8e8e8;
--vc-card-background-color: #fff
}
.vc_ScopeTagSeaTw_scopeTag {
height: 7px;
position: relative
}
.vc_ScopeTagSeaTw_img {
background-position: 50%;
background-repeat: no-repeat;
background-size: contain;
bottom: 0;
height: .875rem;
position: absolute;
transform: translateX(-50%)
}
.vc_VoucherSeaTwStandardTemplate_template {
border: .0625rem solid transparent;
border-left: none;
box-shadow: var(--vc-template-box-shadow, .125rem .125rem .3125rem rgba(0, 0, 0, .07));
box-sizing: border-box;
display: flex;
height: 100%;
position: relative;
transition: background 1s ease
}
.vc_VoucherSeaTwStandardTemplate_left {
align-items: center;
border-right: .0625rem dashed #e8e8e8;
box-sizing: border-box;
display: flex;
flex-direction: column;
justify-content: center;
position: relative;
width: var(--vc-card-height, 7.375rem)
}
.vc_VoucherSeaTwStandardTemplate_middle {
display: flex;
flex: 1;
flex-direction: column;
justify-content: center;
overflow: hidden;
padding-left: .75rem;
position: relative
}
.vc_VoucherSeaTwStandardTemplate_middle .vc_VoucherSeaTwStandardTemplate_progressBar {
margin-bottom: .25rem;
margin-right: .3125rem
}
.vc_VoucherSeaTwStandardTemplate_middle .vc_VoucherSeaTwStandardTemplate_expiryTnc {
display: flex
}
.vc_VoucherSeaTwStandardTemplate_middle .vc_VoucherSeaTwStandardTemplate_expiryTnc>* {
margin-top: 0
}
.vc_VoucherSeaTwStandardTemplate_middle .vc_VoucherSeaTwStandardTemplate_tncLink {
margin-left: .375rem
}
.vc_VoucherSeaTwStandardTemplate_middle .vc_VoucherSeaTwStandardTemplate_marginTop {
margin-top: .25rem
}
.vc_VoucherSeaTwStandardTemplate_right {
align-items: flex-end;
display: flex;
flex-direction: column;
justify-content: center;
padding: .75rem;
position: relative
}
.vc_VoucherSeaTwStandardTemplate_center {
align-items: center;
display: flex;
flex-direction: column
}
.vc_VoucherSeaTwStandardTemplate_hideOverflow {
border: .0625rem solid transparent;
border-radius: .125rem;
bottom: 0;
left: 0;
overflow: hidden;
position: absolute;
right: 0;
top: 0
}
.vc_VoucherSeaTwStandardTemplate_fsv .vc_VoucherSeaTwStandardTemplate_left,
.vc_VoucherSeaTwStandardTemplate_shopee .vc_VoucherSeaTwStandardTemplate_left {
border-right: none
}
.vc_VoucherSeaTwStandardTemplate_inapplicable.vc_VoucherSeaTwStandardTemplate_dp .vc_VoucherSeaTwStandardTemplate_left,
.vc_VoucherSeaTwStandardTemplate_inapplicable.vc_VoucherSeaTwStandardTemplate_dp .vc_VoucherSeaTwStandardTemplate_middle,
.vc_VoucherSeaTwStandardTemplate_inapplicable.vc_VoucherSeaTwStandardTemplate_fsv .vc_VoucherSeaTwStandardTemplate_middle,
.vc_VoucherSeaTwStandardTemplate_inapplicable.vc_VoucherSeaTwStandardTemplate_shop .vc_VoucherSeaTwStandardTemplate_left,
.vc_VoucherSeaTwStandardTemplate_inapplicable.vc_VoucherSeaTwStandardTemplate_shop .vc_VoucherSeaTwStandardTemplate_middle,
.vc_VoucherSeaTwStandardTemplate_inapplicable.vc_VoucherSeaTwStandardTemplate_shopee .vc_VoucherSeaTwStandardTemplate_middle {
opacity: .5
}
.vc_VoucherSeaTwStandardTemplate_highlight.vc_VoucherSeaTwStandardTemplate_dp .vc_VoucherSeaTwStandardTemplate_template,
.vc_VoucherSeaTwStandardTemplate_highlight.vc_VoucherSeaTwStandardTemplate_fsv .vc_VoucherSeaTwStandardTemplate_middle,
.vc_VoucherSeaTwStandardTemplate_highlight.vc_VoucherSeaTwStandardTemplate_fsv .vc_VoucherSeaTwStandardTemplate_right,
.vc_VoucherSeaTwStandardTemplate_highlight.vc_VoucherSeaTwStandardTemplate_shop .vc_VoucherSeaTwStandardTemplate_template,
.vc_VoucherSeaTwStandardTemplate_highlight.vc_VoucherSeaTwStandardTemplate_shopee .vc_VoucherSeaTwStandardTemplate_middle,
.vc_VoucherSeaTwStandardTemplate_highlight.vc_VoucherSeaTwStandardTemplate_shopee .vc_VoucherSeaTwStandardTemplate_right {
background-color: #fef7e7
}
.vc_seaTw_pc {
--vc-rect-button-height: 1.625rem;
--vc-card-rect-button-apply-button-height: 1.625rem
}
.vc_seaTw_rw {
--vc-rect-button-height: 1.375rem;
--vc-card-rect-button-apply-button-height: 1.375rem
}
.vc_seaTw_noneRightBorder {
border-right: none
}
.vc_platform-variables_pc {
--vc-card-width: 28.375rem;
--vc-card-height: 7.375rem;
--vc-card-sawtooth-margin: 0.25rem;
--vc-card-left-border-color: #e8e8e8;
--vc-card-left-fill-color: #fff;
--vc-card-right-border-color: #e8e8e8;
--vc-card-background-color: #fff;
--vc-template-box-shadow: 0.125rem 0.125rem 0.3125rem rgba(0, 0, 0, .07);
--vc-logo-size: 3.5rem;
--vc-expiry-font-size: 0.75rem;
--vc-expiry-line-height: 0.875rem;
--vc-expiry-margin-top: 0.25rem;
--vc-main-title-font-size: 1rem;
--vc-main-title-line-height: 1.25rem;
--vc-subtitle-font-size: 0.875rem;
--vc-subtitle-line-height: 1rem;
--vc-product-scope-font-size: 0.75rem;
--vc-product-scope-line-height: 0.875rem;
--vc-product-scope-padding: 0.0625rem 0.25rem;
--vc-icon-text-font-size: 0.75rem;
--vc-icon-text-line-height: 0.875rem;
--vc-icon-text-max-height: 1.75rem;
--vc-icon-text-margin-top: 0.25rem;
--vc-radio-button-border: 0.0625rem solid rgba(0, 0, 0, .14);
--vc-radio-button-box-shadow: var(--black2) 0 0.125rem 0 0
}
.vc_platform-variables_lite,
.vc_platform-variables_rw {
--vc-card-width: 22.1875rem;
--vc-card-height: 6.625rem;
--vc-card-sawtooth-margin: 0.1875rem;
--vc-card-left-border-color: #e8e8e8;
--vc-card-left-fill-color: #fff;
--vc-card-right-border-color: #e8e8e8;
--vc-card-background-color: #fff;
--vc-template-box-shadow: 0.125rem 0.125rem 0.3125rem rgba(0, 0, 0, .07);
--vc-logo-size: 2.5rem;
--vc-expiry-font-size: 0.625rem;
--vc-expiry-line-height: unset;
--vc-expiry-margin-top: 0.125rem;
--vc-main-title-font-size: 1rem;
--vc-main-title-line-height: 1.125rem;
--vc-subtitle-font-size: 0.75rem;
--vc-subtitle-line-height: 0.875rem;
--vc-product-scope-font-size: 0.625rem;
--vc-product-scope-line-height: 0.75rem;
--vc-product-scope-padding: 0.0625rem 0.125rem;
--vc-icon-text-font-size: 0.75rem;
--vc-icon-text-line-height: 0.875rem;
--vc-icon-text-max-height: 1.75rem;
--vc-icon-text-margin-top: 0.25rem;
--vc-radio-button-border: 1px solid var(--black54);
--vc-radio-button-box-shadow: unset
}
.vc_recommended-voucher_recommendedOfflinePaymentVoucher {
--vc-main-title-font-size: 14px;
--vc-main-title-line-height: 16px;
--vc-card-label-font-size: 10px;
--vc-card-label-line-height: 12px;
--vc-card-mian-title-white-space: none;
--vc-rect-button-height: 1.5rem;
--vc-rect-button-min-width: 3.4375rem;
--vc-rect-button-font-size: 0.75rem;
--vc-card-rect-button-apply-button-height: 1.5rem;
--vc-card-rect-button-apply-button-width: 3.4375rem;
--vc-card-apply-button-font-size: 0.75rem;
--vc-card-rect-button-padding: 0
}
.vc_recommended-voucher_recommendedOfflinePaymentVoucher *,
.vc_recommended-voucher_recommendedOfflinePaymentVoucher :after,
.vc_recommended-voucher_recommendedOfflinePaymentVoucher :before {
box-sizing: border-box
}
.vc_recommended-voucher_recommendedProductFocusedVoucher {
--vc-logo-size: 6.125rem;
--vc-rect-button-height: 1.5rem;
--vc-rect-button-min-width: 3.4375rem;
--vc-rect-button-font-size: 0.75rem;
--vc-card-rect-button-apply-button-height: 1.5rem;
--vc-card-rect-button-apply-button-width: 3.4375rem;
--vc-card-apply-button-font-size: 0.75rem;
--vc-card-rect-button-padding: 0;
--vc-sub-title-color: rgba(0, 0, 0, .87)
}
.vc_recommended-voucher_recommendedProductFocusedVoucher *,
.vc_recommended-voucher_recommendedProductFocusedVoucher :after,
.vc_recommended-voucher_recommendedProductFocusedVoucher :before {
box-sizing: border-box
}
.vc_recommended-voucher_claimedStamp {
filter: contrast(.8)
}
.vc_recommended-voucher_pcRecommendedOfflinePaymentVoucherRight {
align-items: center;
display: flex;
flex-direction: column;
justify-content: center;
padding: 0 .5rem 0 0;
text-align: center;
width: 6.75rem
}
.vc_recommended-voucher_pcRecommendedProductFocusedVoucherLeft {
border-right: none
}
.vc_recommended-voucher_pcRecommendedProductFocusedVoucherMiddle {
flex: 1;
justify-content: space-between;
max-width: 100%;
min-width: 0;
padding: .5rem .5rem .625rem 0
}
.vc_recommended-voucher_pcRecommendedProductFocusedVoucherRight {
align-items: center;
border-left: .03125rem dashed #e8e8e8;
cursor: pointer;
flex-direction: column;
justify-content: center;
padding: 0 .5rem;
width: 7.25rem;
z-index: 1
}
.vc_landing-page-voucher_landingPageShopeeVoucher {
--vc-card-width: 28rem;
--vc-card-height: 7.375rem;
--vc-card-sawtooth-margin: 0.1875rem;
--vc-card-left-border-color: #ee4d2d;
--vc-card-left-fill-color: #ee4d2d;
--vc-card-right-border-color: #e8e8e8;
--vc-card-background-color: #fff;
--vc-rect-button-min-width: 3.375rem;
--vc-rect-button-font-size: 0.75rem;
--vc-logo-size: 3.5rem;
--vc-expiry-font-size: 0.75rem;
--vc-expiry-line-height: 0.875rem;
--vc-expiry-margin-top: 0.25rem;
--vc-main-title-font-size: 1rem;
--vc-main-title-line-height: 1.25rem;
--vc-subtitle-font-size: 0.875rem;
--vc-subtitle-line-height: 1rem;
--vc-product-scope-font-size: 0.75rem;
--vc-product-scope-line-height: 0.875rem;
--vc-product-scope-padding: 0.0625rem 0.25rem;
--vc-icon-text-font-size: 0.75rem;
--vc-icon-text-line-height: 0.875rem;
--vc-icon-text-max-height: 1.75rem;
--vc-icon-text-margin-top: 0.25rem
}
.vc_landing-page-voucher_landingPageShopeeVoucherLatam {
--vc-card-latam-width: 28rem;
--vc-card-latam-height: 9.5rem;
--vc-card-latam-top-height: calc(var(--vc-card-latam-height)*0.7);
--vc-card-latam-border-color: #d9d9d9;
--vc-card-latam-background-color: #fff;
--vc-logo-latam-size: 4.5rem;
--vc-expiry-font-size: 0.75rem;
--vc-expiry-line-height: unset;
--vc-expiry-margin-top: 0;
--vc-main-title-font-size: 1rem;
--vc-main-title-line-height: 1.25rem;
--vc-subtitle-font-size: 0.875rem;
--vc-subtitle-line-height: 1rem;
--vc-product-scope-font-size: 0.75rem;
--vc-product-scope-line-height: 0.875rem;
--vc-product-scope-padding: 0.0625rem 0.25rem;
--vc-rect-button-min-width: 5rem;
--vc-card-rect-button-padding: 0.3125rem 0.5rem;
--vc-rect-button-font-size: 0.875rem;
--vc-rect-button-height: 1.5rem;
--vc-card-rect-button-apply-button-background: #fff;
--vc-card-rect-button-apply-button-height: 1.5rem;
--vc-card-rect-button-apply-button-color: #ee4d2d;
--vc-card-apply-button-font-size: 0.875rem;
--vc-card-rect-button-apply-button-width: 5rem;
--vc-rect-button-use-later-font-size: 0.875rem;
--vc-corner-badge-font-size: 0.75rem
}
.vc_landing-page-voucher_landingPageSellerVoucher {
--vc-card-width: 28rem;
--vc-card-height: 7.375rem;
--vc-card-sawtooth-margin: 0.1875rem;
--vc-card-left-border-color: #e8e8e8;
--vc-card-left-fill-color: #fff;
--vc-card-right-border-color: #e8e8e8;
--vc-card-background-color: #fff;
--vc-rect-button-min-width: 3.375rem;
--vc-rect-button-font-size: 0.75rem;
--vc-logo-size: 3.5rem;
--vc-expiry-font-size: 0.75rem;
--vc-expiry-line-height: 0.875rem;
--vc-expiry-margin-top: 0.25rem;
--vc-main-title-font-size: 1rem;
--vc-main-title-line-height: 1.25rem;
--vc-subtitle-font-size: 0.875rem;
--vc-subtitle-line-height: 1rem;
--vc-product-scope-font-size: 0.75rem;
--vc-product-scope-line-height: 0.875rem;
--vc-product-scope-padding: 0.0625rem 0.25rem;
--vc-icon-text-font-size: 0.75rem;
--vc-icon-text-line-height: 0.875rem;
--vc-icon-text-max-height: 1.75rem;
--vc-icon-text-margin-top: 0.25rem
}
.vc_landing-page-voucher_landingPageSellerVoucherLatam {
--vc-card-latam-width: 28rem;
--vc-card-latam-height: 9.5rem;
--vc-card-latam-top-height: calc(var(--vc-card-latam-height)*0.7);
--vc-card-latam-border-color: #d9d9d9;
--vc-card-latam-background-color: #fff;
--vc-logo-latam-size: 4.5rem;
--vc-expiry-font-size: 0.75rem;
--vc-expiry-line-height: unset;
--vc-expiry-margin-top: 0;
--vc-main-title-font-size: 1rem;
--vc-main-title-line-height: 1.25rem;
--vc-subtitle-font-size: 0.875rem;
--vc-subtitle-line-height: 1rem;
--vc-product-scope-font-size: 0.75rem;
--vc-product-scope-line-height: 0.875rem;
--vc-product-scope-padding: 0.0625rem 0.25rem;
--vc-rect-button-min-width: 5rem;
--vc-card-rect-button-padding: 0.3125rem 0.5rem;
--vc-rect-button-font-size: 0.875rem;
--vc-rect-button-height: 1.5rem;
--vc-card-rect-button-apply-button-background: #fff;
--vc-card-rect-button-apply-button-height: 1.5rem;
--vc-card-rect-button-apply-button-color: #ee4d2d;
--vc-card-apply-button-font-size: 0.875rem;
--vc-card-rect-button-apply-button-width: 5rem;
--vc-rect-button-use-later-font-size: 0.875rem;
--vc-corner-badge-font-size: 0.75rem
}
.vc_landing-page-voucher_landingPageFreeShippingVoucher {
--vc-card-width: 28rem;
--vc-card-sawtooth-margin: 0.1875rem;
--vc-rect-button-min-width: 3.375rem;
--vc-rect-button-font-size: 0.75rem;
--vc-card-width: 28.375rem;
--vc-card-height: 7.375rem;
--vc-card-sawtooth-margin: 0.25rem;
--vc-card-left-border-color: #00bfa5;
--vc-card-left-fill-color: #00bfa5;
--vc-card-right-border-color: #e8e8e8;
--vc-card-background-color: #fff;
--vc-template-box-shadow: 0.125rem 0.125rem 0.3125rem rgba(0, 0, 0, .07);
--vc-logo-size: 3.5rem;
--vc-expiry-font-size: 0.75rem;
--vc-expiry-line-height: 0.875rem;
--vc-expiry-margin-top: 0.25rem;
--vc-main-title-font-size: 1rem;
--vc-main-title-line-height: 1.25rem;
--vc-subtitle-font-size: 0.875rem;
--vc-subtitle-line-height: 1rem;
--vc-product-scope-font-size: 0.75rem;
--vc-product-scope-line-height: 0.875rem;
--vc-product-scope-padding: 0.0625rem 0.25rem;
--vc-icon-text-font-size: 0.75rem;
--vc-icon-text-line-height: 0.875rem;
--vc-icon-text-max-height: 1.75rem;
--vc-icon-text-margin-top: 0.25rem;
--vc-icon-sub-text-font-size: 0.625rem;
--vc-icon-sub-text-line-height: 0.875rem;
--vc-icon-sub-text-max-height: 1.75rem;
--vc-icon-sub-text-margin-top: 0.125rem
}
.vc_landing-page-voucher_landingPageFreeShippingVoucherLatam {
--vc-card-latam-width: 28rem;
--vc-card-latam-height: 9.5rem;
--vc-card-latam-top-height: calc(var(--vc-card-latam-height)*0.7);
--vc-card-latam-border-color: #d9d9d9;
--vc-card-latam-background-color: #fff;
--vc-logo-latam-size: 4.5rem;
--vc-expiry-font-size: 0.75rem;
--vc-expiry-line-height: unset;
--vc-expiry-margin-top: 0;
--vc-main-title-font-size: 1rem;
--vc-main-title-line-height: 1.25rem;
--vc-subtitle-font-size: 0.875rem;
--vc-subtitle-line-height: 1rem;
--vc-product-scope-font-size: 0.75rem;
--vc-product-scope-line-height: 0.875rem;
--vc-product-scope-padding: 0.0625rem 0.25rem;
--vc-rect-button-min-width: 5rem;
--vc-card-rect-button-padding: 0.3125rem 0.5rem;
--vc-rect-button-font-size: 0.875rem;
--vc-rect-button-height: 1.5rem;
--vc-card-rect-button-apply-button-background: #fff;
--vc-card-rect-button-apply-button-height: 1.5rem;
--vc-card-rect-button-apply-button-color: #ee4d2d;
--vc-card-apply-button-font-size: 0.875rem;
--vc-card-rect-button-apply-button-width: 5rem;
--vc-rect-button-use-later-font-size: 0.875rem;
--vc-corner-badge-font-size: 0.75rem
}
.vc_landing-page-voucher_invalidShopeeVoucher {
--vc-card-left-border-color: #bbb;
--vc-card-left-fill-color: #bbb;
--vc-icon-text-color: #fff
}
.vc_landing-page-voucher_invalidSellerVoucher {
--vc-icon-text-color: #bbb;
--vc-icon-text-opacity: 0.5
}
.vc_landing-page-voucher_invalidFreeShippingVoucher {
--vc-card-left-border-color: #bdbdbd;
--vc-card-left-fill-color: #bdbdbd
}
.vc_landing-page-voucher_invalidSellerLogo {
opacity: .5
}
.vc_landing-page-voucher_customTemplateRight {
padding-bottom: .5rem
}
.vc_landing-page-voucher_customTemplateLeft {
border-right: none
}
.vc_mart-page-voucher_pc {
--vc-card-width: 28.375rem;
--vc-card-height: 7.375rem;
--vc-card-sawtooth-margin: 0.25rem;
--vc-card-left-border-color: #e8e8e8;
--vc-card-left-fill-color: #fff;
--vc-card-right-border-color: #e8e8e8;
--vc-card-background-color: #fff;
--vc-template-box-shadow: 0.125rem 0.125rem 0.3125rem rgba(0, 0, 0, .07);
--vc-logo-size: 3.5rem;
--vc-expiry-font-size: 0.75rem;
--vc-expiry-line-height: 0.875rem;
--vc-expiry-margin-top: 0.25rem;
--vc-main-title-font-size: 1rem;
--vc-main-title-line-height: 1.25rem;
--vc-subtitle-font-size: 0.875rem;
--vc-subtitle-line-height: 1rem;
--vc-product-scope-font-size: 0.75rem;
--vc-product-scope-line-height: 0.875rem;
--vc-product-scope-padding: 0.0625rem 0.25rem;
--vc-icon-text-font-size: 0.75rem;
--vc-icon-text-line-height: 0.875rem;
--vc-icon-text-max-height: 1.75rem;
--vc-icon-text-margin-top: 0.25rem;
--vc-radio-button-border: 0.0625rem solid rgba(0, 0, 0, .14);
--vc-radio-button-box-shadow: var(--black2) 0 0.125rem 0 0;
--vc-template-box-shadow: none;
--vc-rect-button-min-width: 4.125rem;
--vc-rect-button-height: 2.125rem;
--vc-card-rect-button-apply-button-width: 3.75rem;
--vc-card-rect-button-apply-button-height: 2.125rem;
--vc-card-rect-button-padding: 0
}
.vc_mart-page-voucher_pc *,
.vc_mart-page-voucher_pc :after,
.vc_mart-page-voucher_pc :before {
box-sizing: border-box
}
.vc_mart-page-voucher_pc.vc_mart-page-voucher_pageType_0 {
--vc-card-width: 29.25rem
}
.vc_mart-page-voucher_pc.vc_mart-page-voucher_pageType_0.vc_mart-page-voucher_pageType_freeShippingVoucher_0 {
--vc-main-title-font-size: 0.875rem;
--vc-main-title-line-height: 1.25rem
}
.vc_mart-page-voucher_pc.vc_mart-page-voucher_pageType_1 {
--vc-card-width: 28rem
}
.vc_mart-page-voucher_pc.vc_mart-page-voucher_pageType_1.vc_mart-page-voucher_pageType_freeShippingVoucher_1 {
--vc-main-title-font-size: 0.875rem;
--vc-main-title-line-height: 1.25rem
}
.vc_mart-page-voucher_lite,
.vc_mart-page-voucher_rw {
--vc-card-width: 22.1875rem;
--vc-card-height: 6.625rem;
--vc-card-sawtooth-margin: 0.1875rem;
--vc-card-left-border-color: #e8e8e8;
--vc-card-left-fill-color: #fff;
--vc-card-right-border-color: #e8e8e8;
--vc-card-background-color: #fff;
--vc-template-box-shadow: 0.125rem 0.125rem 0.3125rem rgba(0, 0, 0, .07);
--vc-logo-size: 3.375rem;
--vc-expiry-font-size: 0.75rem;
--vc-expiry-line-height: 0.875rem;
--vc-expiry-margin-top: 0.25rem;
--vc-main-title-font-size: 0.875rem;
--vc-main-title-line-height: 1rem;
--vc-subtitle-font-size: 0.625rem;
--vc-subtitle-line-height: 0.75rem;
--vc-product-scope-font-size: 0.625rem;
--vc-product-scope-line-height: 0.75rem;
--vc-product-scope-padding: 0.0625rem 0.125rem;
--vc-icon-text-font-size: 0.625rem;
--vc-icon-text-line-height: 0.75rem;
--vc-icon-text-max-height: 1.5rem;
--vc-icon-text-margin-top: 0.3125rem;
--vc-radio-button-border: 1px solid var(--black54);
--vc-radio-button-box-shadow: unset;
--vc-rect-button-font-size: 0.75rem;
--vc-card-apply-button-font-size: 0.75rem;
--vc-card-rect-button-padding: 0;
--vc-card-progress-expiry-capitalize-text-transform: capitalize;
--vc-icon-text-white-space: normal;
--vc-sub-title-white-space: normal;
--vc-text-logo-white-space: normal;
--vc-card-label-margin: 0.1875rem 0 0 0
}
.vc_mart-page-voucher_lite *,
.vc_mart-page-voucher_lite :after,
.vc_mart-page-voucher_lite :before,
.vc_mart-page-voucher_rw *,
.vc_mart-page-voucher_rw :after,
.vc_mart-page-voucher_rw :before {
box-sizing: border-box
}
.vc_mart-page-voucher_lite.vc_mart-page-voucher_pageType_0,
.vc_mart-page-voucher_rw.vc_mart-page-voucher_pageType_0 {
--vc-card-width: 16.3125rem;
--vc-card-height: 5.875rem;
--vc-logo-size: 2rem;
--vc-rect-button-min-width: 2.9375rem;
--vc-rect-button-height: 1.75rem;
--vc-card-rect-button-apply-button-width: 2.9375rem;
--vc-card-rect-button-apply-button-height: 1.75rem;
--vc-card-label-font-size: 0.625rem;
--vc-card-label-line-height: 0.75rem;
--vc-expiry-font-size: 0.625rem;
--vc-card-sawtooth-margin: 0.25rem
}
.vc_mart-page-voucher_lite.vc_mart-page-voucher_pageType_0.vc_mart-page-voucher_pageType_shopeeVoucher_0,
.vc_mart-page-voucher_rw.vc_mart-page-voucher_pageType_0.vc_mart-page-voucher_pageType_shopeeVoucher_0 {
--vc-icon-text-font-size: 0.625rem
}
.vc_mart-page-voucher_lite.vc_mart-page-voucher_pageType_0.vc_mart-page-voucher_pageType_freeShippingVoucher_0,
.vc_mart-page-voucher_rw.vc_mart-page-voucher_pageType_0.vc_mart-page-voucher_pageType_freeShippingVoucher_0 {
--vc-text-logo-font-size: 1rem;
--vc-main-title-font-size: 0.625rem;
--vc-main-title-line-height: 0.75rem
}
.vc_mart-page-voucher_lite.vc_mart-page-voucher_pageType_1,
.vc_mart-page-voucher_rw.vc_mart-page-voucher_pageType_1 {
--vc-card-width: auto;
--vc-logo-size: 3.5rem;
--vc-rect-button-min-width: 4rem;
--vc-rect-button-height: 1.75rem;
--vc-card-rect-button-apply-button-width: 4rem;
--vc-card-rect-button-apply-button-height: 1.75rem
}
.vc_mart-page-voucher_lite.vc_mart-page-voucher_pageType_1.vc_mart-page-voucher_pageType_shopeeVoucher_1,
.vc_mart-page-voucher_rw.vc_mart-page-voucher_pageType_1.vc_mart-page-voucher_pageType_shopeeVoucher_1 {
--vc-icon-text-font-size: 0.75rem
}
.vc_mart-page-voucher_lite.vc_mart-page-voucher_pageType_1.vc_mart-page-voucher_pageType_freeShippingVoucher_1,
.vc_mart-page-voucher_rw.vc_mart-page-voucher_pageType_1.vc_mart-page-voucher_pageType_freeShippingVoucher_1 {
--vc-text-logo-font-size: 1rem;
--vc-main-title-font-size: 0.875rem;
--vc-main-title-line-height: 1.25rem
}
.vc_mart-page-voucher_sellerVoucher {
--vc-card-left-border-color: #e8e8e8;
--vc-card-left-fill-color: #fff;
--vc-card-right-border-color: #e8e8e8;
--vc-card-background-color: #fff
}
.vc_mart-page-voucher_shopeeVoucher {
--vc-icon-text-color: #fff;
--vc-card-left-border-color: #ee4d2d;
--vc-card-left-fill-color: #ee4d2d;
--vc-card-right-border-color: #e8e8e8;
--vc-card-background-color: #fff
}
.vc_mart-page-voucher_freeShippingVoucher {
--vc-icon-text-color: #fff;
--vc-card-left-border-color: #00bfa5;
--vc-card-left-fill-color: #00bfa5;
--vc-card-right-border-color: #e8e8e8;
--vc-card-background-color: #fff
}
.vc_mart-page-voucher_stampMart {
height: 3.125rem;
position: relative;
top: 0;
width: 4.375rem
}
.vc_mart-page-voucher_stampMartMiniVoucher {
height: 2.1875rem;
position: relative;
top: 0;
width: 3.0625rem
}
.vc_mart-page-voucher_smallTextIcon {
font-size: 1rem
}
.vc_mart-page-voucher_rightRW {
padding: .5rem
}
.vc_mart-page-voucher_middleRW {
padding-left: .5rem
}
.vc_seaTw_pc {
--vc-rect-button-height: 1.625rem;
--vc-card-rect-button-apply-button-height: 1.625rem
}
.vc_seaTw_lite.vc_seaTw_pageType_0,
.vc_seaTw_lite.vc_seaTw_pageType_1,
.vc_seaTw_rw.vc_seaTw_pageType_0,
.vc_seaTw_rw.vc_seaTw_pageType_1 {
--vc-rect-button-height: 1.375rem;
--vc-card-rect-button-apply-button-height: 1.375rem
}
.vc_product-detail-page-vouchers_liteProductVoucher,
.vc_product-detail-page-vouchers_rwProductVoucher {
--vc-card-width: 100%;
--vc-card-height: 5.375rem;
--vc-card-sawtooth-margin: 0.0625rem;
--vc-template-box-shadow: 0.125rem 0.125rem 0.3125rem rgba(0, 0, 0, .07);
--vc-logo-size: 2.5rem;
--vc-expiry-font-size: 0.625rem;
--vc-expiry-line-height: 0.75rem;
--vc-expiry-margin-top: 0.3125rem;
--vc-card-progress-expiry-margin: 0.3125rem 0.3125rem 0 0;
--vc-card-progress-expiry-usage-limited-text-margin: 0.125rem 0 0 0;
--vc-main-title-font-size: 1rem;
--vc-main-title-line-height: 1.125rem;
--vc-subtitle-font-size: 0.75rem;
--vc-subtitle-line-height: 0.875rem;
--vc-product-scope-font-size: 0.625rem;
--vc-product-scope-line-height: 0.75rem;
--vc-product-scope-padding: 0.0625rem 0.125rem;
--vc-icon-text-font-size: 0.75rem;
--vc-icon-text-line-height: 0.875rem;
--vc-icon-text-max-height: 1.75rem;
--vc-icon-text-margin-top: 0.25rem;
--vc-radio-button-border: 1px solid var(--black54);
--vc-radio-button-box-shadow: unset;
--vc-card-radius: 0.1875rem;
--vc-card-gap: 0.125rem;
--vc-rect-button-min-width: 3.25rem;
--vc-card-rect-button-padding: 0.5rem;
--vc-rect-button-font-size: 0.75rem;
--vc-rect-button-height: 1.5rem;
--vc-card-rect-button-apply-button-background: #fff;
--vc-card-rect-button-apply-button-height: 1.5rem;
--vc-card-rect-button-apply-button-color: #ee4d2d;
--vc-card-apply-button-font-size: 0.75rem;
--vc-card-label-font-size: 0.625rem;
--vc-card-label-line-height: 0.75rem;
--vc-card-label-content-padding: 1px 0.125rem;
--vc-card-label-space: 0.125rem;
--vc-card-label-padding: 0 0.75rem 0 0;
--vc-card-progress-expiry-capitalize-text-transform: capitalize;
--vc-card-label-margin: 0;
--vc-sub-title-white-space: normal;
--vc-sub-title-padding: 0 0.75rem 0 0;
--vc-main-title-color: #ee4d2d;
--vc-sub-title-color: #ee4d2d;
--vc-card-left-fill-color: #fff4f4;
--vc-card-left-border-color: #fbc9c0;
--vc-card-right-border-color: #fbc9c0;
--vc-card-background-color: #fff4f4;
--vc-card-label-padding: 0;
max-width: 28.125rem;
min-width: 14.6875rem
}
.vc_product-detail-page-vouchers_liteProductVoucher *,
.vc_product-detail-page-vouchers_liteProductVoucher :after,
.vc_product-detail-page-vouchers_liteProductVoucher :before,
.vc_product-detail-page-vouchers_rwProductVoucher *,
.vc_product-detail-page-vouchers_rwProductVoucher :after,
.vc_product-detail-page-vouchers_rwProductVoucher :before {
box-sizing: border-box
}
.vc_product-detail-page-vouchers_pcProductVoucher {
--vc-card-width: 12rem;
--vc-card-height: 7.375rem;
--vc-card-sawtooth-margin: 0.0625rem;
--vc-card-left-border-color: #fbc9c0;
--vc-card-left-fill-color: #fff4f4;
--vc-card-right-border-color: #fbc9c0;
--vc-card-background-color: #fff4f4;
--vc-template-box-shadow: 0.125rem 0.125rem 0.3125rem rgba(0, 0, 0, .07);
--vc-logo-size: 3.5rem;
--vc-expiry-font-size: 0.625rem;
--vc-expiry-line-height: 0.75rem;
--vc-main-title-font-size: 0.875rem;
--vc-main-title-line-height: 1rem;
--vc-subtitle-font-size: 0.75rem;
--vc-subtitle-line-height: 0.875rem;
--vc-product-scope-font-size: 0.75rem;
--vc-product-scope-line-height: 0.875rem;
--vc-product-scope-padding: 0.0625rem 0.25rem;
--vc-icon-text-font-size: 0.75rem;
--vc-icon-text-line-height: 0.875rem;
--vc-icon-text-max-height: 1.75rem;
--vc-icon-text-margin-top: 0.25rem;
--vc-radio-button-border: 0.0625rem solid rgba(0, 0, 0, .14);
--vc-radio-button-box-shadow: var(--black2) 0 0.125rem 0 0;
--vc-card-rect-button-mart-border-color: #066bc8;
--vc-card-rect-button-mart-color: #fff;
--vc-card-rect-button-mart-background-color: #066bc8;
--vc-card-rect-button-ofs-border-color: #d0011b;
--vc-card-rect-button-ofs-color: #fff;
--vc-card-rect-button-ofs-background-color: #d0011b;
--vc-rect-button-min-width: 3.25rem;
--vc-rect-button-height: 1.5rem;
--vc-card-rect-button-padding: 0.5rem;
--vc-rect-button-font-size: 0.75rem;
--vc-card-rect-button-apply-button-width: 3.25rem;
--vc-card-apply-button-font-size: 0.75rem;
--vc-expiry-margin-top: 0.3125rem;
--vc-card-progress-expiry-margin: 0.3125rem 0.3125rem 0 0;
--vc-main-title-color: #ee4d2d;
--vc-sub-title-color: #ee4d2d;
--vc-rect-button-height: 2.125rem;
--vc-card-rect-button-padding: 0.125rem 0.1875rem;
--vc-rect-button-font-size: 0.625rem;
--vc-card-rect-button-apply-button-height: 1.5rem;
--vc-card-apply-button-font-size: 0.625rem;
--vc-apply-useLaterBtn-font-size: 0.625rem
}
.vc_product-detail-page-vouchers_pcProductVoucher *,
.vc_product-detail-page-vouchers_pcProductVoucher :after,
.vc_product-detail-page-vouchers_pcProductVoucher :before {
box-sizing: border-box
}
.vc_product-detail-page-vouchers_mart {
--vc-card-left-border-color: rgba(6, 107, 200, .25);
--vc-card-left-fill-color: #f2f9ff;
--vc-card-right-border-color: rgba(6, 107, 200, .25);
--vc-card-background-color: #f2f9ff;
--vc-main-title-color: #066bc8;
--vc-sub-title-color: #066bc8;
--vc-card-rect-button-apply-border-color: #066bc8;
--vc-card-rect-button-apply-button-color: #066bc8
}
.vc_product-detail-page-vouchers_ofs {
--vc-card-left-border-color: #f8d0d3;
--vc-card-left-fill-color: #fff4f4;
--vc-card-right-border-color: #f8d0d3;
--vc-card-background-color: #fff4f4;
--vc-main-title-color: #d0011b;
--vc-sub-title-color: #d0011b;
--vc-card-rect-button-apply-border-color: #d0011b;
--vc-card-rect-button-apply-button-color: #d0011b
}
.vc_product-detail-page-vouchers_sellerMart {
--vc-card-rect-button-apply-border-color: #066bc8;
--vc-card-rect-button-apply-button-color: #066bc8
}
.vc_product-detail-page-vouchers_sellerOfs {
--vc-card-rect-button-apply-border-color: #d0011b;
--vc-card-rect-button-apply-button-color: #d0011b
}
.vc_product-detail-page-vouchers_liteSellerVoucher,
.vc_product-detail-page-vouchers_rwSellerVoucher {
--vc-card-width: 22.1875rem;
--vc-card-sawtooth-margin: 0.1875rem;
--vc-card-left-border-color: #e8e8e8;
--vc-card-left-fill-color: #fff;
--vc-card-right-border-color: #e8e8e8;
--vc-card-background-color: #fff;
--vc-template-box-shadow: 0.125rem 0.125rem 0.3125rem rgba(0, 0, 0, .07);
--vc-logo-size: 3.125rem;
--vc-expiry-font-size: 0.625rem;
--vc-expiry-line-height: 0.75rem;
--vc-expiry-margin-top: 0.3125rem;
--vc-card-progress-expiry-padding-right: 0.375rem;
--vc-card-progress-expiry-usage-limited-text-linehigh: 0.875rem;
--vc-main-title-font-size: 1rem;
--vc-main-title-line-height: 1.125rem;
--vc-subtitle-font-size: 0.75rem;
--vc-subtitle-line-height: 0.875rem;
--vc-product-scope-font-size: 0.625rem;
--vc-product-scope-line-height: 0.75rem;
--vc-product-scope-padding: 0.0625rem 0.125rem;
--vc-icon-text-font-size: 0.75rem;
--vc-icon-text-line-height: 0.875rem;
--vc-icon-text-max-height: 1.75rem;
--vc-icon-text-margin-top: 0.25rem;
--vc-radio-button-border: 1px solid var(--black54);
--vc-radio-button-box-shadow: unset;
--vc-card-rect-button-mart-border-color: #066bc8;
--vc-card-rect-button-mart-color: #fff;
--vc-card-rect-button-mart-background-color: #066bc8;
--vc-card-rect-button-ofs-border-color: #d0011b;
--vc-card-rect-button-ofs-color: #fff;
--vc-card-rect-button-ofs-background-color: #d0011b;
--vc-rect-button-min-width: 3.25rem;
--vc-rect-button-height: 1.5rem;
--vc-card-rect-button-padding: 0.5rem;
--vc-rect-button-font-size: 0.75rem;
--vc-card-rect-button-apply-button-height: 1.5rem;
--vc-card-rect-button-apply-button-width: 3.25rem;
--vc-card-apply-button-font-size: 0.75rem;
--vc-card-radius: 0.1875rem;
--vc-card-gap: 0.125rem;
--vc-card-label-font-size: 0.625rem;
--vc-card-label-line-height: 0.75rem;
--vc-card-label-content-padding: 1px 0.125rem;
--vc-card-label-space: 0.125rem;
--vc-card-label-padding: 0 0.75rem 0 0;
--vc-card-progress-expiry-capitalize-text-transform: capitalize;
--vc-card-label-margin: 0;
--vc-sub-title-white-space: normal;
--vc-sub-title-padding: 0 0.75rem 0 0;
--vc-template-box-shadow: none;
--vc-card-height: 6.625rem;
--vc-card-progress-expiry-margin: 0.3125rem 0.3125rem 0 0;
--vc-card-progress-expiry-usage-limited-text-margin: 0.25rem 0 0 0;
--vc-sub-title-margin: 0 0 0.3125rem 0;
--vc-rect-button-use-later-width: 3.25rem;
--vc-card-width: 100%;
flex: 0 0 auto;
width: unset
}
.vc_product-detail-page-vouchers_liteSellerVoucher *,
.vc_product-detail-page-vouchers_liteSellerVoucher :after,
.vc_product-detail-page-vouchers_liteSellerVoucher :before,
.vc_product-detail-page-vouchers_rwSellerVoucher *,
.vc_product-detail-page-vouchers_rwSellerVoucher :after,
.vc_product-detail-page-vouchers_rwSellerVoucher :before {
box-sizing: border-box
}
.vc_product-detail-page-vouchers_liteSellerVoucherLatam,
.vc_product-detail-page-vouchers_rwSellerVoucherLatam {
--vc-card-latam-width: 22.1875rem;
--vc-card-latam-top-height: calc(var(--vc-card-latam-height)*0.72);
--vc-card-latam-top-left-width: var(--vc-card-latam-top-height);
--vc-card-latam-border-color: #d9d9d9;
--vc-card-latam-background-color: #fff;
--vc-logo-latam-size: 3.5rem;
--vc-expiry-font-size: 0.625rem;
--vc-expiry-line-height: 0.75rem;
--vc-expiry-margin-top: 0.3125rem;
--vc-card-progress-expiry-margin: 0.3125rem 0.3125rem 0 0;
--vc-card-progress-expiry-usage-limited-text-margin: 0.25rem 0 0 0;
--vc-card-progress-expiry-padding-right: 0.375rem;
--vc-card-progress-expiry-usage-limited-text-linehigh: 0.875rem;
--vc-main-title-font-size: 1rem;
--vc-main-title-line-height: 1.125rem;
--vc-subtitle-font-size: 0.75rem;
--vc-subtitle-line-height: 0.875rem;
--vc-product-scope-font-size: 0.625rem;
--vc-product-scope-line-height: 0.75rem;
--vc-product-scope-padding: 0.0625rem 0.125rem;
--vc-icon-text-font-size: 0.75rem;
--vc-icon-text-line-height: 0.875rem;
--vc-icon-text-max-height: 1.75rem;
--vc-icon-text-margin-top: 0.25rem;
--vc-radio-button-border: 1px solid var(--black54);
--vc-radio-button-box-shadow: unset;
--vc-rect-button-min-width: 5rem;
--vc-card-rect-button-padding: 0.3125rem 0.5rem;
--vc-rect-button-font-size: 0.875rem;
--vc-rect-button-height: 1.5rem;
--vc-card-rect-button-apply-button-background: #fff;
--vc-card-rect-button-apply-button-height: 1.5rem;
--vc-card-rect-button-apply-button-color: #ee4d2d;
--vc-card-apply-button-font-size: 0.875rem;
--vc-card-rect-button-apply-button-width: 5rem;
--vc-rect-button-use-later-font-size: 0.875rem;
--vc-card-label-font-size: 0.625rem;
--vc-card-label-line-height: 0.75rem;
--vc-card-label-content-padding: 1px 0.125rem;
--vc-card-label-space: 0.125rem;
--vc-card-label-padding: 0 0.75rem 0 0;
--vc-card-progress-expiry-capitalize-text-transform: capitalize;
--vc-sub-title-white-space: normal;
--vc-sub-title-padding: 0 0.75rem 0 0;
--vc-template-latam-drop-shadow: none;
--vc-card-latam-height: 8.4375rem;
--vc-card-latam-width: 100%;
--vc-card-label-margin: 0;
flex: 0 0 auto;
width: unset
}
.vc_product-detail-page-vouchers_liteSellerVoucherLatam *,
.vc_product-detail-page-vouchers_liteSellerVoucherLatam :after,
.vc_product-detail-page-vouchers_liteSellerVoucherLatam :before,
.vc_product-detail-page-vouchers_rwSellerVoucherLatam *,
.vc_product-detail-page-vouchers_rwSellerVoucherLatam :after,
.vc_product-detail-page-vouchers_rwSellerVoucherLatam :before {
box-sizing: border-box
}
.vc_product-detail-page-vouchers_pcSellerVoucher {
--vc-card-width: 28.375rem;
--vc-card-height: 7.375rem;
--vc-card-sawtooth-margin: 0.25rem;
--vc-card-left-border-color: #e8e8e8;
--vc-card-left-fill-color: #fff;
--vc-card-right-border-color: #e8e8e8;
--vc-card-background-color: #fff;
--vc-template-box-shadow: 0.125rem 0.125rem 0.3125rem rgba(0, 0, 0, .07);
--vc-logo-size: 3.625rem;
--vc-expiry-font-size: 0.625rem;
--vc-expiry-line-height: 0.75rem;
--vc-expiry-margin-top: 0.3125rem;
--vc-main-title-font-size: 1rem;
--vc-main-title-line-height: 1.25rem;
--vc-subtitle-font-size: 0.875rem;
--vc-subtitle-line-height: 1rem;
--vc-product-scope-font-size: 0.75rem;
--vc-product-scope-line-height: 0.875rem;
--vc-product-scope-padding: 0.0625rem 0.25rem;
--vc-icon-text-font-size: 0.75rem;
--vc-icon-text-line-height: 0.875rem;
--vc-icon-text-max-height: 1.75rem;
--vc-icon-text-margin-top: 0.25rem;
--vc-radio-button-border: 0.0625rem solid rgba(0, 0, 0, .14);
--vc-radio-button-box-shadow: var(--black2) 0 0.125rem 0 0;
--vc-rect-button-min-width: 3.75rem;
--vc-card-rect-button-mart-border-color: #066bc8;
--vc-card-rect-button-mart-color: #fff;
--vc-card-rect-button-mart-background-color: #066bc8;
--vc-card-rect-button-ofs-border-color: #d0011b;
--vc-card-rect-button-ofs-color: #fff;
--vc-card-rect-button-ofs-background-color: #d0011b;
--vc-rect-button-height: 1.75rem;
--vc-card-rect-button-padding: 0 0.5625rem;
--vc-card-rect-button-apply-button-height: 1.75rem;
--vc-card-rect-button-apply-button-width: 3.75rem;
--vc-card-apply-button-font-size: 0.75rem;
--vc-card-label-content-padding: 1px 0.25rem;
--vc-card-label-space: 0.125rem;
--vc-card-label-margin: 0.1875rem 0 0 0;
--vc-sub-title-padding: 0 0.5rem 0 0;
--vc-card-height: 6.625rem;
--vc-card-width: 100%;
--vc-card-progress-expiry-margin: 0.3125rem 0.3125rem 0 0
}
.vc_product-detail-page-vouchers_pcSellerVoucher *,
.vc_product-detail-page-vouchers_pcSellerVoucher :after,
.vc_product-detail-page-vouchers_pcSellerVoucher :before {
box-sizing: border-box
}
.vc_product-detail-page-vouchers_pcSellerVoucherLatam {
--vc-card-latam-width: 22.1875rem;
--vc-card-latam-top-height: calc(var(--vc-card-latam-height)*0.72);
--vc-card-latam-top-left-width: var(--vc-card-latam-top-height);
--vc-card-latam-border-color: #d9d9d9;
--vc-card-latam-background-color: #fff;
--vc-logo-latam-size: 3.5rem;
--vc-expiry-font-size: 0.625rem;
--vc-expiry-line-height: 0.75rem;
--vc-expiry-margin-top: 0.3125rem;
--vc-main-title-font-size: 1rem;
--vc-main-title-line-height: 1.25rem;
--vc-subtitle-font-size: 0.875rem;
--vc-subtitle-line-height: 1rem;
--vc-product-scope-font-size: 0.75rem;
--vc-product-scope-line-height: 0.875rem;
--vc-product-scope-padding: 0.0625rem 0.25rem;
--vc-radio-button-border: 0.0625rem solid rgba(0, 0, 0, .14);
--vc-radio-button-box-shadow: var(--black2) 0 0.125rem 0 0;
--vc-rect-button-min-width: 5rem;
--vc-card-rect-button-padding: 0.3125rem 0.5rem;
--vc-rect-button-font-size: 0.875rem;
--vc-rect-button-height: 1.5rem;
--vc-card-rect-button-apply-button-background: #fff;
--vc-card-rect-button-apply-button-height: 1.5rem;
--vc-card-rect-button-apply-button-color: #ee4d2d;
--vc-card-apply-button-font-size: 0.875rem;
--vc-card-rect-button-apply-button-width: 5rem;
--vc-rect-button-use-later-font-size: 0.875rem;
--vc-card-label-content-padding: 1px 0.25rem;
--vc-card-label-space: 0.125rem;
--vc-card-label-margin: 0.1875rem 0 0 0;
--vc-card-latam-height: 8.4375rem;
--vc-card-latam-width: 100%;
--vc-card-label-margin: 0
}
.vc_product-detail-page-vouchers_pcSellerVoucherLatam *,
.vc_product-detail-page-vouchers_pcSellerVoucherLatam :after,
.vc_product-detail-page-vouchers_pcSellerVoucherLatam :before {
box-sizing: border-box
}
.vc_product-detail-page-vouchers_pcSellerVoucherLeft {
width: 6.25rem
}
.vc_product-detail-page-vouchers_pcSellerVoucherMiddle {
padding-left: .4375rem
}
.vc_product-detail-page-vouchers_rwSellerVoucherLeft {
width: 6.125rem
}
.vc_product-detail-page-vouchers_rwSellerVoucherMiddle {
display: flex;
flex: 1;
flex-direction: column;
height: 100%;
justify-content: space-evenly;
min-width: 0;
padding-left: .75rem;
padding-right: .75rem
}
.vc_product-detail-page-vouchers_rwSellerVoucherRight {
border-left: none;
height: 100%;
margin-right: .75rem;
padding: 0;
z-index: 2
}
.vc_product-detail-page-vouchers_borderNoneRight {
border-right: none
}
.vc_product-detail-page-vouchers_pcProductVoucherMiddle {
display: flex;
flex-direction: column;
flex-grow: 1;
height: 100%;
justify-content: center;
overflow: hidden;
padding: .125rem .25rem .125rem .75rem
}
.vc_product-detail-page-vouchers_pcProductVoucherRight {
align-items: center;
border-left: .0625rem dashed #e8e8e8;
flex-shrink: 0;
padding: 0 .375rem
}
.vc_product-detail-page-vouchers_rwProductVoucherMiddle {
flex: 1;
flex-direction: column;
height: 100%;
justify-content: space-evenly;
padding-left: .75rem;
width: 0
}
.vc_product-detail-page-vouchers_rwProductVoucherRight {
border-left: .0625rem dashed #e8e8e8
}
.vc_product-detail-page-vouchers_productShopVoucherPreview {
--vc-card-width: 100%;
width: 75%
}
.vc_product-detail-page-vouchers_pc {
--vc-rect-button-height: 1.625rem;
--vc-card-rect-button-apply-button-height: 1.625rem
}
.vc_product-detail-page-vouchers_rw {
--vc-rect-button-height: 1.375rem;
--vc-card-rect-button-apply-button-height: 1.375rem
}
.vc_shop-home-page-voucher_ShopHomePagePC {
--vc-card-width: 22.1875rem;
--vc-card-height: 6.75rem;
--vc-card-sawtooth-margin: 0.0625rem;
--vc-card-left-border-color: #fbc9c0;
--vc-card-left-fill-color: #fff4f4;
--vc-card-right-border-color: #fbc9c0;
--vc-card-background-color: #fff4f4;
--vc-template-box-shadow: 0.125rem 0.125rem 0.3125rem rgba(0, 0, 0, .07);
--vc-logo-size: 3.5rem;
--vc-expiry-font-size: 0.75rem;
--vc-expiry-line-height: 0.875rem;
--vc-expiry-margin-top: 0.25rem;
--vc-main-title-font-size: 1rem;
--vc-main-title-line-height: 1.25rem;
--vc-subtitle-font-size: 0.875rem;
--vc-subtitle-line-height: 1rem;
--vc-product-scope-font-size: 0.75rem;
--vc-product-scope-line-height: 0.875rem;
--vc-product-scope-padding: 0.0625rem 0.25rem;
--vc-icon-text-font-size: 0.75rem;
--vc-icon-text-line-height: 0.875rem;
--vc-icon-text-max-height: 1.75rem;
--vc-icon-text-margin-top: 0.25rem;
--vc-radio-button-border: 0.0625rem solid rgba(0, 0, 0, .14);
--vc-radio-button-box-shadow: var(--black2) 0 0.125rem 0 0;
--vc-main-title-color: #ee4d2d;
--vc-sub-title-color: #ee4d2d
}
.vc_shop-home-page-voucher_ShopHomePageLite,
.vc_shop-home-page-voucher_ShopHomePageRW {
--vc-card-width: 15.625rem;
--vc-card-height: 5.625rem;
--vc-card-sawtooth-margin: 0.0625rem;
--vc-card-left-border-color: #fbc9c0;
--vc-card-left-fill-color: #fff4f4;
--vc-card-right-border-color: #fbc9c0;
--vc-card-background-color: #fff4f4;
--vc-template-box-shadow: 0.125rem 0.125rem 0.3125rem rgba(0, 0, 0, .07);
--vc-logo-size: 2.5rem;
--vc-expiry-font-size: 0.625rem;
--vc-expiry-line-height: unset;
--vc-expiry-margin-top: 0.125rem;
--vc-main-title-font-size: 1rem;
--vc-main-title-line-height: 1.125rem;
--vc-subtitle-font-size: 0.75rem;
--vc-subtitle-line-height: 0.875rem;
--vc-product-scope-font-size: 0.625rem;
--vc-product-scope-line-height: 0.75rem;
--vc-product-scope-padding: 0.0625rem 0.125rem;
--vc-icon-text-font-size: 0.75rem;
--vc-icon-text-line-height: 0.875rem;
--vc-icon-text-max-height: 1.75rem;
--vc-icon-text-margin-top: 0.25rem;
--vc-radio-button-border: 1px solid var(--black54);
--vc-radio-button-box-shadow: unset;
--vc-main-title-color: #ee4d2d;
--vc-sub-title-color: #ee4d2d
}
.vc_digital-purchase-voucher_dpVoucher {
--vc-card-width: 100%;
--vc-card-height: 6.625rem;
--vc-radio-button-border: 1px solid rgba(0, 0, 0, .54);
--vc-radio-button-box-shadow: none;
--vc-logo-size: 3.5rem;
--vc-subtitle-font-size: 0.75rem;
--vc-expiry-font-size: 0.625rem;
--vc-corner-badge-bg-color: #ffae04;
--vc-corner-badge-bg-color2: #ffae04;
box-sizing: border-box
}
.vc_digital-purchase-voucher_dpVoucher.vc_digital-purchase-voucher_nonDp {
--vc-card-left-fill-color: var(--primary, #ee4d2d);
--vc-icon-text-color: #fff
}
.vc_digital-purchase-voucher_transitionBg {
background: #fff;
transition: background 1s ease
}
.vc_digital-purchase-voucher_transitionBg.vc_digital-purchase-voucher_highlight {
background: #fef7e7
}
.vc_voucher-detail-page_SellerVoucher {
--vc-card-width: 22.1875rem;
--vc-card-height: 6.625rem;
--vc-card-sawtooth-margin: 0.1875rem;
--vc-card-left-border-color: #e8e8e8;
--vc-card-left-fill-color: #fff;
--vc-card-right-border-color: #e8e8e8;
--vc-card-background-color: #fff;
--vc-template-box-shadow: 0.125rem 0.125rem 0.3125rem rgba(0, 0, 0, .07);
--vc-logo-size: 3.5rem;
--vc-expiry-font-size: 0.75rem;
--vc-expiry-line-height: 0.875rem;
--vc-expiry-margin-top: 0.25rem;
--vc-main-title-font-size: 1rem;
--vc-main-title-line-height: 1.25rem;
--vc-subtitle-font-size: 0.875rem;
--vc-subtitle-line-height: 1rem;
--vc-product-scope-font-size: 0.75rem;
--vc-product-scope-line-height: 0.875rem;
--vc-product-scope-padding: 0.0625rem 0.25rem;
--vc-icon-text-font-size: 0.75rem;
--vc-icon-text-line-height: 0.875rem;
--vc-icon-text-max-height: 1.75rem;
--vc-icon-text-margin-top: 0.25rem;
--vc-radio-button-border: 0.0625rem solid rgba(0, 0, 0, .14);
--vc-radio-button-box-shadow: var(--black2) 0 0.125rem 0 0
}
.vc_voucher-detail-page_SellerVoucherLatam {
--vc-card-latam-width: 22.1875rem;
--vc-card-latam-height: 8.4375rem;
--vc-card-latam-top-height: calc(var(--vc-card-latam-height)*0.72);
--vc-card-latam-top-left-width: var(--vc-card-latam-top-height);
--vc-card-latam-border-color: #d9d9d9;
--vc-card-latam-background-color: #fff;
--vc-logo-latam-size: 3.5rem;
--vc-expiry-font-size: 0.75rem;
--vc-expiry-line-height: unset;
--vc-expiry-margin-top: 0;
--vc-main-title-font-size: 1rem;
--vc-main-title-line-height: 1.25rem;
--vc-subtitle-font-size: 0.875rem;
--vc-subtitle-line-height: 1rem;
--vc-product-scope-font-size: 0.75rem;
--vc-product-scope-line-height: 0.875rem;
--vc-product-scope-padding: 0.0625rem 0.25rem;
--vc-radio-button-border: 0.0625rem solid rgba(0, 0, 0, .14);
--vc-radio-button-box-shadow: var(--black2) 0 0.125rem 0 0;
--vc-card-label-margin: toRem(2px) 0
}
.vc_voucher-detail-page_FreeShippingVoucher {
--vc-card-width: 22.1875rem;
--vc-card-height: 6.625rem;
--vc-card-sawtooth-margin: 0.1875rem;
--vc-card-left-border-color: #00bfa5;
--vc-card-left-fill-color: #00bfa5;
--vc-card-right-border-color: #e8e8e8;
--vc-card-background-color: #fff;
--vc-template-box-shadow: 0.125rem 0.125rem 0.3125rem rgba(0, 0, 0, .07);
--vc-logo-size: 3.5rem;
--vc-expiry-font-size: 0.75rem;
--vc-expiry-line-height: 0.875rem;
--vc-expiry-margin-top: 0.25rem;
--vc-main-title-font-size: 1rem;
--vc-main-title-line-height: 1.25rem;
--vc-subtitle-font-size: 0.875rem;
--vc-subtitle-line-height: 1rem;
--vc-product-scope-font-size: 0.75rem;
--vc-product-scope-line-height: 0.875rem;
--vc-product-scope-padding: 0.0625rem 0.25rem;
--vc-icon-text-font-size: 0.75rem;
--vc-icon-text-line-height: 0.875rem;
--vc-icon-text-max-height: 1.75rem;
--vc-icon-text-margin-top: 0.25rem;
--vc-radio-button-border: 0.0625rem solid rgba(0, 0, 0, .14);
--vc-radio-button-box-shadow: var(--black2) 0 0.125rem 0 0;
--vc-main-title-font-size: toRem(16px);
--vc-main-title-line-height: toRem(20px)
}
.vc_voucher-detail-page_FreeShippingVoucherLatam {
--vc-card-latam-width: 22.1875rem;
--vc-card-latam-height: 8.4375rem;
--vc-card-latam-top-height: calc(var(--vc-card-latam-height)*0.72);
--vc-card-latam-top-left-width: var(--vc-card-latam-top-height);
--vc-card-latam-border-color: #d9d9d9;
--vc-card-latam-background-color: #fff;
--vc-logo-latam-size: 3.5rem;
--vc-expiry-font-size: 0.75rem;
--vc-expiry-line-height: unset;
--vc-expiry-margin-top: 0;
--vc-main-title-font-size: 1rem;
--vc-main-title-line-height: 1.25rem;
--vc-subtitle-font-size: 0.875rem;
--vc-subtitle-line-height: 1rem;
--vc-product-scope-font-size: 0.75rem;
--vc-product-scope-line-height: 0.875rem;
--vc-product-scope-padding: 0.0625rem 0.25rem;
--vc-radio-button-border: 0.0625rem solid rgba(0, 0, 0, .14);
--vc-radio-button-box-shadow: var(--black2) 0 0.125rem 0 0;
--vc-card-label-margin: toRem(2px) 0
}
.vc_voucher-detail-page_inValidFreeShippingVoucher {
--vc-card-left-border-color: #bdbdbd;
--vc-card-left-fill-color: #bdbdbd
}
.vc_voucher-detail-page_ShopeeVoucher {
--vc-card-width: 22.1875rem;
--vc-card-height: 6.625rem;
--vc-card-sawtooth-margin: 0.1875rem;
--vc-card-left-border-color: #ee4d2d;
--vc-card-left-fill-color: #ee4d2d;
--vc-card-right-border-color: #e8e8e8;
--vc-card-background-color: #fff;
--vc-template-box-shadow: 0.125rem 0.125rem 0.3125rem rgba(0, 0, 0, .07);
--vc-logo-size: 3.5rem;
--vc-expiry-font-size: 0.75rem;
--vc-expiry-line-height: 0.875rem;
--vc-expiry-margin-top: 0.25rem;
--vc-main-title-font-size: 1rem;
--vc-main-title-line-height: 1.25rem;
--vc-subtitle-font-size: 0.875rem;
--vc-subtitle-line-height: 1rem;
--vc-product-scope-font-size: 0.75rem;
--vc-product-scope-line-height: 0.875rem;
--vc-product-scope-padding: 0.0625rem 0.25rem;
--vc-icon-text-font-size: 0.75rem;
--vc-icon-text-line-height: 0.875rem;
--vc-icon-text-max-height: 1.75rem;
--vc-icon-text-margin-top: 0.25rem;
--vc-radio-button-border: 0.0625rem solid rgba(0, 0, 0, .14);
--vc-radio-button-box-shadow: var(--black2) 0 0.125rem 0 0
}
.vc_voucher-detail-page_ShopeeVoucherLatam {
--vc-card-latam-width: 22.1875rem;
--vc-card-latam-height: 8.4375rem;
--vc-card-latam-top-height: calc(var(--vc-card-latam-height)*0.72);
--vc-card-latam-top-left-width: var(--vc-card-latam-top-height);
--vc-card-latam-border-color: #d9d9d9;
--vc-card-latam-background-color: #fff;
--vc-logo-latam-size: 3.5rem;
--vc-expiry-font-size: 0.75rem;
--vc-expiry-line-height: unset;
--vc-expiry-margin-top: 0;
--vc-main-title-font-size: 1rem;
--vc-main-title-line-height: 1.25rem;
--vc-subtitle-font-size: 0.875rem;
--vc-subtitle-line-height: 1rem;
--vc-product-scope-font-size: 0.75rem;
--vc-product-scope-line-height: 0.875rem;
--vc-product-scope-padding: 0.0625rem 0.25rem;
--vc-radio-button-border: 0.0625rem solid rgba(0, 0, 0, .14);
--vc-radio-button-box-shadow: var(--black2) 0 0.125rem 0 0;
--vc-card-label-margin: toRem(2px) 0
}
.vc_voucher-detail-page_inValidShopeeVoucher {
--vc-card-left-border-color: #bbb;
--vc-card-left-fill-color: #bbb
}
.vc_voucher-detail-page_halfOpacity {
opacity: .5
}
.vc_voucher-detail-page_noneRightBorder {
border-right: none
}
.vc_free-shipping-voucher_pc {
--vc-logo-size: 3.5rem;
--vc-expiry-font-size: 0.75rem;
--vc-expiry-line-height: 0.875rem;
--vc-expiry-margin-top: 0.25rem;
--vc-main-title-font-size: 0.875rem;
--vc-main-title-line-height: 1rem;
--vc-product-scope-font-size: 0.75rem;
--vc-product-scope-line-height: 0.875rem;
--vc-product-scope-padding: 0.0625rem 0.25rem;
--vc-icon-text-font-size: 0.75rem;
--vc-icon-text-line-height: 0.875rem;
--vc-icon-text-max-height: 1.75rem;
--vc-icon-text-margin-top: 0.25rem;
--vc-radio-button-border: 0.0625rem solid rgba(0, 0, 0, .14);
--vc-radio-button-box-shadow: var(--black2) 0 0.125rem 0 0;
--vc-card-width: auto;
margin-bottom: 15px
}
.vc_free-shipping-voucher_rw {
--vc-card-sawtooth-margin: 0.25rem;
--vc-card-radius: 0.1875rem;
--vc-card-gap: 0.0625rem;
--vc-card-height: 6.625rem;
--vc-card-width: auto;
--vc-main-title-font-size: 0.875rem;
--vc-main-title-line-height: 1.25rem;
--vc-card-label-font-size: 0.625rem;
--vc-card-label-line-height: 0.75rem;
--vc-expiry-font-size: 0.625rem;
--vc-expiry-line-height: 0.875rem;
--vc-expiry-margin-top: 0.25rem;
--vc-text-logo-font-size: 1.25rem;
--vc-warning-banner-height: 1.875rem;
--vc-warning-banner-padding-left-right: 0.5rem;
--vc-warning-banner-font-size: 0.75rem
}
.vc_shop-voucher_pc {
--vc-logo-size: 3.5rem;
--vc-expiry-font-size: 0.75rem;
--vc-expiry-line-height: 0.875rem;
--vc-expiry-margin-top: 0.25rem;
--vc-main-title-font-size: 1rem;
--vc-main-title-line-height: 1.25rem;
--vc-subtitle-font-size: 0.875rem;
--vc-subtitle-line-height: 1rem;
--vc-product-scope-font-size: 0.75rem;
--vc-product-scope-line-height: 0.875rem;
--vc-product-scope-padding: 0.0625rem 0.25rem;
--vc-icon-text-font-size: 0.75rem;
--vc-icon-text-line-height: 0.875rem;
--vc-icon-text-max-height: 1.75rem;
--vc-icon-text-margin-top: 0.25rem;
--vc-radio-button-border: 0.0625rem solid rgba(0, 0, 0, .14);
--vc-radio-button-box-shadow: var(--black2) 0 0.125rem 0 0;
--vc-rect-button-height: 1.75rem;
--vc-rect-button-min-width: 4rem;
--vc-rect-button-font-size: 0.875rem;
--vc-corner-badge-padding: 0.125rem 0.3125rem;
--vc-corner-badge-font-size: 0.75rem;
--vc-corner-badge-line-height: 0.875rem;
--vc-card-width: auto;
margin-bottom: 12px
}
.vc_shop-voucher_rw {
--vc-card-sawtooth-margin: 0.25rem;
--vc-card-radius: 0.1875rem;
--vc-card-gap: 0.0625rem;
--vc-card-height: 6.625rem;
--vc-card-width: auto;
--vc-logo-size: 3.125rem;
--vc-main-title-font-size: 1rem;
--vc-main-title-line-height: 1.125rem;
--vc-subtitle-font-size: 0.75rem;
--vc-subtitle-line-height: 0.875rem;
--vc-card-label-font-size: 0.625rem;
--vc-card-label-line-height: 0.75rem;
--vc-expiry-font-size: 0.625rem;
--vc-expiry-line-height: 0.875rem;
--vc-expiry-margin-top: 0.25rem;
--vc-text-logo-font-size: 1.25rem;
--vc-rect-button-font-size: 0.75rem;
--vc-warning-banner-height: 1.875rem;
--vc-warning-banner-padding-left-right: 0.5rem;
--vc-warning-banner-font-size: 0.75rem;
margin-bottom: .75rem
}
.vc_shopee-voucher_pc {
--vc-logo-size: 3.5rem;
--vc-expiry-font-size: 0.75rem;
--vc-expiry-line-height: 0.875rem;
--vc-expiry-margin-top: 0.25rem;
--vc-main-title-font-size: 1rem;
--vc-main-title-line-height: 1.25rem;
--vc-subtitle-font-size: 0.875rem;
--vc-subtitle-line-height: 1rem;
--vc-product-scope-font-size: 0.75rem;
--vc-product-scope-line-height: 0.875rem;
--vc-product-scope-padding: 0.0625rem 0.25rem;
--vc-icon-text-font-size: 0.75rem;
--vc-icon-text-line-height: 0.875rem;
--vc-icon-text-max-height: 1.75rem;
--vc-icon-text-margin-top: 0.25rem;
--vc-radio-button-border: 0.0625rem solid rgba(0, 0, 0, .14);
--vc-radio-button-box-shadow: var(--black2) 0 0.125rem 0 0;
--vc-icon-text-color: #fff;
--vc-card-width: auto;
margin-bottom: 15px
}
.vc_shopee-voucher_rw {
--vc-card-sawtooth-margin: 0.25rem;
--vc-card-radius: 0.1875rem;
--vc-card-gap: 0.0625rem;
--vc-card-height: 6.625rem;
--vc-card-width: auto;
--vc-main-title-font-size: 1rem;
--vc-main-title-line-height: 1.125rem;
--vc-subtitle-font-size: 0.75rem;
--vc-subtitle-line-height: 0.875rem;
--vc-card-label-font-size: 0.625rem;
--vc-card-label-line-height: 0.75rem;
--vc-expiry-font-size: 0.625rem;
--vc-expiry-line-height: 0.875rem;
--vc-expiry-margin-top: 0.25rem;
--vc-text-logo-font-size: 1.25rem;
--vc-warning-banner-height: 1.875rem;
--vc-warning-banner-padding-left-right: 0.5rem;
--vc-warning-banner-font-size: 0.75rem
}
.vc_free-shipping-voucher-latam_pc {
--vc-card-latam-width: 28rem;
--vc-card-latam-height: 9.5rem;
--vc-card-latam-top-height: calc(var(--vc-card-latam-height)*0.7);
--vc-card-latam-border-color: #d9d9d9;
--vc-card-latam-background-color: #fff;
--vc-logo-latam-size: 4.5rem;
--vc-expiry-font-size: 0.75rem;
--vc-expiry-line-height: unset;
--vc-expiry-margin-top: 0;
--vc-main-title-font-size: 0.875rem;
--vc-main-title-line-height: 1rem;
--vc-subtitle-font-size: 0.875rem;
--vc-subtitle-line-height: 1rem;
--vc-product-scope-font-size: 0.75rem;
--vc-product-scope-line-height: 0.875rem;
--vc-product-scope-padding: 0.0625rem 0.25rem;
--vc-radio-button-border: 0.0625rem solid rgba(0, 0, 0, .14);
--vc-radio-button-box-shadow: var(--black2) 0 0.125rem 0 0;
--vc-rect-button-min-width: 5rem;
--vc-card-rect-button-padding: 0.3125rem 0.5rem;
--vc-rect-button-font-size: 0.875rem;
--vc-rect-button-height: 1.5rem;
--vc-card-rect-button-apply-button-background: #fff;
--vc-card-rect-button-apply-button-height: 1.5rem;
--vc-card-rect-button-apply-button-color: #ee4d2d;
--vc-card-apply-button-font-size: 0.875rem;
--vc-card-rect-button-apply-button-width: 5rem;
--vc-rect-button-use-later-font-size: 0.875rem;
--vc-corner-badge-font-size: 0.75rem;
--vc-card-latam-width: auto;
--vc-warning-banner-padding-top: 0.5rem;
--vc-warning-banner-margin-top: -0.5rem;
margin-bottom: 15px
}
.vc_free-shipping-voucher-latam_rw {
--vc-card-latam-width: 22.1875rem;
--vc-card-latam-height: 8.4375rem;
--vc-card-latam-top-height: calc(var(--vc-card-latam-height)*0.72);
--vc-card-latam-top-left-width: var(--vc-card-latam-top-height);
--vc-card-latam-border-color: #d9d9d9;
--vc-card-latam-background-color: #fff;
--vc-logo-latam-size: 3.5rem;
--vc-expiry-font-size: 0.625rem;
--vc-expiry-line-height: unset;
--vc-expiry-margin-top: 0;
--vc-main-title-font-size: 1rem;
--vc-main-title-line-height: 1.125rem;
--vc-subtitle-font-size: 0.75rem;
--vc-subtitle-line-height: 0.875rem;
--vc-product-scope-font-size: 0.625rem;
--vc-product-scope-line-height: 0.75rem;
--vc-product-scope-padding: 0.0625rem 0.125rem;
--vc-radio-button-border: 1px solid var(--black54);
--vc-radio-button-box-shadow: unset;
--vc-rect-button-min-width: 5rem;
--vc-card-rect-button-padding: 0.3125rem 0.5rem;
--vc-rect-button-font-size: 0.875rem;
--vc-rect-button-height: 1.5rem;
--vc-card-rect-button-apply-button-background: #fff;
--vc-card-rect-button-apply-button-height: 1.5rem;
--vc-card-rect-button-apply-button-color: #ee4d2d;
--vc-card-apply-button-font-size: 0.875rem;
--vc-card-rect-button-apply-button-width: 5rem;
--vc-rect-button-use-later-font-size: 0.875rem;
--vc-card-latam-width: auto;
--vc-card-label-font-size: 0.625rem;
--vc-card-label-line-height: 0.75rem;
--vc-warning-banner-padding-top: 0.5rem;
--vc-warning-banner-margin-top: -0.5rem;
--vc-warning-banner-height: 1.875rem;
--vc-warning-banner-padding-left-right: 0.5rem;
--vc-warning-banner-font-size: 0.75rem
}
.vc_shop-voucher-latam_pc {
--vc-card-latam-width: 28rem;
--vc-card-latam-height: 9.5rem;
--vc-card-latam-top-height: calc(var(--vc-card-latam-height)*0.7);
--vc-card-latam-border-color: #d9d9d9;
--vc-card-latam-background-color: #fff;
--vc-logo-latam-size: 4.5rem;
--vc-expiry-font-size: 0.75rem;
--vc-expiry-line-height: unset;
--vc-expiry-margin-top: 0;
--vc-main-title-font-size: 1rem;
--vc-main-title-line-height: 1.25rem;
--vc-subtitle-font-size: 0.875rem;
--vc-subtitle-line-height: 1rem;
--vc-product-scope-font-size: 0.75rem;
--vc-product-scope-line-height: 0.875rem;
--vc-product-scope-padding: 0.0625rem 0.25rem;
--vc-radio-button-border: 0.0625rem solid rgba(0, 0, 0, .14);
--vc-radio-button-box-shadow: var(--black2) 0 0.125rem 0 0;
--vc-rect-button-min-width: 5rem;
--vc-card-rect-button-padding: 0.3125rem 0.5rem;
--vc-rect-button-font-size: 0.875rem;
--vc-rect-button-height: 1.5rem;
--vc-card-rect-button-apply-button-background: #fff;
--vc-card-rect-button-apply-button-height: 1.5rem;
--vc-card-rect-button-apply-button-color: #ee4d2d;
--vc-card-apply-button-font-size: 0.875rem;
--vc-card-rect-button-apply-button-width: 5rem;
--vc-rect-button-use-later-font-size: 0.875rem;
--vc-corner-badge-font-size: 0.75rem;
--vc-card-latam-width: auto;
--vc-warning-banner-padding-top: 0.5rem;
--vc-warning-banner-margin-top: -0.5rem;
--vc-card-height: 9.5rem;
margin-bottom: 12px
}
.vc_shop-voucher-latam_rw {
--vc-card-latam-width: 22.1875rem;
--vc-card-latam-height: 8.4375rem;
--vc-card-latam-top-height: calc(var(--vc-card-latam-height)*0.72);
--vc-card-latam-top-left-width: var(--vc-card-latam-top-height);
--vc-card-latam-border-color: #d9d9d9;
--vc-card-latam-background-color: #fff;
--vc-logo-latam-size: 3.5rem;
--vc-expiry-font-size: 0.625rem;
--vc-expiry-line-height: unset;
--vc-expiry-margin-top: 0;
--vc-main-title-font-size: 1rem;
--vc-main-title-line-height: 1.125rem;
--vc-subtitle-font-size: 0.75rem;
--vc-subtitle-line-height: 0.875rem;
--vc-product-scope-font-size: 0.625rem;
--vc-product-scope-line-height: 0.75rem;
--vc-product-scope-padding: 0.0625rem 0.125rem;
--vc-radio-button-border: 1px solid var(--black54);
--vc-radio-button-box-shadow: unset;
--vc-rect-button-min-width: 5rem;
--vc-card-rect-button-padding: 0.3125rem 0.5rem;
--vc-rect-button-font-size: 0.875rem;
--vc-rect-button-height: 1.5rem;
--vc-card-rect-button-apply-button-background: #fff;
--vc-card-rect-button-apply-button-height: 1.5rem;
--vc-card-rect-button-apply-button-color: #ee4d2d;
--vc-card-apply-button-font-size: 0.875rem;
--vc-card-rect-button-apply-button-width: 5rem;
--vc-rect-button-use-later-font-size: 0.875rem;
--vc-card-latam-width: auto;
--vc-card-label-font-size: 0.625rem;
--vc-card-label-line-height: 0.75rem;
--vc-warning-banner-padding-top: 0.5rem;
--vc-warning-banner-margin-top: -0.5rem;
--vc-warning-banner-height: 1.875rem;
--vc-warning-banner-padding-left-right: 0.5rem;
--vc-warning-banner-font-size: 0.75rem;
--vc-card-height: 7.8125rem;
margin-bottom: .75rem
}
.vc_shopee-voucher-latam_pc {
--vc-card-latam-width: 28rem;
--vc-card-latam-height: 9.5rem;
--vc-card-latam-top-height: calc(var(--vc-card-latam-height)*0.7);
--vc-card-latam-border-color: #d9d9d9;
--vc-card-latam-background-color: #fff;
--vc-logo-latam-size: 4.5rem;
--vc-expiry-font-size: 0.75rem;
--vc-expiry-line-height: unset;
--vc-expiry-margin-top: 0;
--vc-main-title-font-size: 1rem;
--vc-main-title-line-height: 1.25rem;
--vc-subtitle-font-size: 0.875rem;
--vc-subtitle-line-height: 1rem;
--vc-product-scope-font-size: 0.75rem;
--vc-product-scope-line-height: 0.875rem;
--vc-product-scope-padding: 0.0625rem 0.25rem;
--vc-radio-button-border: 0.0625rem solid rgba(0, 0, 0, .14);
--vc-radio-button-box-shadow: var(--black2) 0 0.125rem 0 0;
--vc-rect-button-min-width: 5rem;
--vc-card-rect-button-padding: 0.3125rem 0.5rem;
--vc-rect-button-font-size: 0.875rem;
--vc-rect-button-height: 1.5rem;
--vc-card-rect-button-apply-button-background: #fff;
--vc-card-rect-button-apply-button-height: 1.5rem;
--vc-card-rect-button-apply-button-color: #ee4d2d;
--vc-card-apply-button-font-size: 0.875rem;
--vc-card-rect-button-apply-button-width: 5rem;
--vc-rect-button-use-later-font-size: 0.875rem;
--vc-corner-badge-font-size: 0.75rem;
--vc-card-latam-width: auto;
--vc-warning-banner-padding-top: 0.5rem;
--vc-warning-banner-margin-top: -0.5rem;
margin-bottom: 15px
}
.vc_shopee-voucher-latam_rw {
--vc-card-latam-width: 22.1875rem;
--vc-card-latam-height: 8.4375rem;
--vc-card-latam-top-height: calc(var(--vc-card-latam-height)*0.72);
--vc-card-latam-top-left-width: var(--vc-card-latam-top-height);
--vc-card-latam-border-color: #d9d9d9;
--vc-card-latam-background-color: #fff;
--vc-logo-latam-size: 3.5rem;
--vc-expiry-font-size: 0.625rem;
--vc-expiry-line-height: unset;
--vc-expiry-margin-top: 0;
--vc-main-title-font-size: 1rem;
--vc-main-title-line-height: 1.125rem;
--vc-subtitle-font-size: 0.75rem;
--vc-subtitle-line-height: 0.875rem;
--vc-product-scope-font-size: 0.625rem;
--vc-product-scope-line-height: 0.75rem;
--vc-product-scope-padding: 0.0625rem 0.125rem;
--vc-radio-button-border: 1px solid var(--black54);
--vc-radio-button-box-shadow: unset;
--vc-rect-button-min-width: 5rem;
--vc-card-rect-button-padding: 0.3125rem 0.5rem;
--vc-rect-button-font-size: 0.875rem;
--vc-rect-button-height: 1.5rem;
--vc-card-rect-button-apply-button-background: #fff;
--vc-card-rect-button-apply-button-height: 1.5rem;
--vc-card-rect-button-apply-button-color: #ee4d2d;
--vc-card-apply-button-font-size: 0.875rem;
--vc-card-rect-button-apply-button-width: 5rem;
--vc-rect-button-use-later-font-size: 0.875rem;
--vc-card-latam-width: auto;
--vc-card-label-font-size: 0.625rem;
--vc-card-label-line-height: 0.75rem;
--vc-warning-banner-padding-top: 0.5rem;
--vc-warning-banner-margin-top: -0.5rem;
--vc-warning-banner-height: 1.875rem;
--vc-warning-banner-padding-left-right: 0.5rem;
--vc-warning-banner-font-size: 0.75rem
}
.vc_PreviewFlashVoucherCard_card {
--vc-card-width: 22.625rem;
--vc-card-height: 8.75rem;
--vc-card-sawtooth-margin: 0.3125rem;
--vc-card-left-border-color: #e8e8e8;
--vc-card-left-fill-color: #fff;
--vc-card-right-border-color: #e8e8e8;
--vc-card-background-color: #fff;
--vc-logo-size: 20px;
--vc-progress-bar-height: 12px;
--vc-progress-bar-bg-color: #ededed;
--vc-subtitle-text-align: center
}
.vc_PreviewFlashVoucherCard_flashVoucher {
display: flex;
height: 100%;
position: relative
}
.vc_PreviewFlashVoucherCard_left {
border-right: .5px dashed #e8e8e8;
flex: 1;
padding: 12px 15px
}
.vc_PreviewFlashVoucherCard_header {
align-items: center;
display: flex
}
.vc_PreviewFlashVoucherCard_name {
-webkit-box-orient: vertical;
-webkit-line-clamp: 1;
display: -webkit-box;
margin-left: 8px;
overflow: hidden;
text-overflow: ellipsis;
word-break: break-all
}
.vc_PreviewFlashVoucherCard_arrow {
border-right: 1px solid #757575;
border-top: 1px solid #757575;
margin-left: 4px;
padding: 4px;
transform: rotate(45deg)
}
.vc_PreviewFlashVoucherCard_images {
display: flex;
height: 33px;
justify-content: space-between;
margin-top: 7px;
position: relative
}
.vc_PreviewFlashVoucherCard_image {
border: 1px solid red;
display: flex;
flex: 1;
justify-content: center;
position: relative
}
.vc_PreviewFlashVoucherCard_image:not(:first-child) {
margin-left: 4px
}
.vc_PreviewFlashVoucherCard_right {
align-items: center;
display: flex;
flex-direction: column;
justify-content: space-between;
padding-bottom: 10px;
padding-top: 28px;
width: 113px
}
.vc_PreviewFlashVoucherCard_fvProgressBar {
margin-top: 15px;
position: relative
}
.vc_PreviewFlashVoucherCard_progressBarText {
bottom: 0;
color: #fff;
display: flex;
font-size: 11px;
justify-content: center;
left: 0;
line-height: 12px;
position: absolute;
right: 0;
text-transform: uppercase;
top: 0
}
.vc_PreviewFlashVoucherCard_fire {
background-size: contain;
height: 21px;
left: 3px;
position: absolute;
top: -7px;
width: 18px
}
.vc_PreviewFlashVoucherCard_limit {
background: #fb0;
border-radius: 2px 2px 0;
color: #fff;
font-size: 10px;
font-weight: 500;
line-height: 12px;
padding: 2px 4px;
position: absolute;
right: -3px;
top: 4px
}
.vc_PreviewFlashVoucherCard_limit:after {
border-color: #dfa400 transparent transparent;
border-style: solid;
border-width: 3px 3px 0 0;
bottom: -3px;
content: "";
height: 0;
position: absolute;
right: 0;
width: 0
}
.vc_PreviewFlashVoucherCard_cornerBadge {
background: #ee4d2d;
border-radius: 0 2px 2px 0;
color: #fff;
font-size: 10px;
font-weight: 500;
line-height: 12px;
margin-left: -19px;
padding: 2px 4px;
position: relative;
white-space: nowrap;
z-index: 1
}
.vc_PreviewFlashVoucherCard_cornerBadge:after {
border-color: #a92d05 transparent transparent;
border-style: solid;
border-width: 3px 0 0 3px;
bottom: -3px;
content: "";
height: 0;
left: 0;
position: absolute;
width: 0
}
.vc_PreviewFlashVoucherEntrance_entrance {
--vc-corner-badge-bg-color: #ee4d2d;
--vc-corner-badge-bg-color2: #a92d05;
background: linear-gradient(132deg, #ff5722 7%, #d0011b 110%);
box-sizing: content-box;
height: 172px;
padding: 10px;
position: relative;
width: 117px
}
.vc_PreviewFlashVoucherEntrance_bg {
--vc-card-width: 10.75rem;
--vc-card-height: 7.3125rem;
--vc-card-sawtooth-margin: 0.1875rem;
--vc-card-left-border-color: #fff;
--vc-card-left-fill-color: #fff;
--vc-card-right-border-color: #fff;
--vc-card-background-color: #fff;
position: absolute;
transform: rotate(270deg) translateX(-172px);
transform-origin: left top
}
.vc_PreviewFlashVoucherEntrance_content {
display: flex;
flex-direction: column;
height: 100%;
position: relative
}
.vc_PreviewFlashVoucherEntrance_top {
align-items: center;
border-bottom: .5px dashed rgba(0, 0, 0, .15);
display: flex;
flex: 1;
flex-direction: column;
position: relative
}
.vc_PreviewFlashVoucherEntrance_image {
display: flex;
height: 105px;
margin-top: 18px;
overflow: hidden;
position: relative;
width: 105px
}
.vc_PreviewFlashVoucherEntrance_bottom {
align-items: center;
color: #ee4d2d;
display: flex;
height: 40px;
justify-content: center
}
.vc_PreviewFlashVoucherEntrance_name {
bottom: 10px;
font-size: 10px;
line-height: 12px;
overflow: hidden;
position: absolute;
text-align: center;
text-overflow: ellipsis;
text-transform: uppercase;
white-space: nowrap;
width: 100%
}
:root {
--vc-root-font-size: 1rem
}
.vc_spl-home-page_SPLHomePageVoucher {
--vc-card-width: 100%;
--vc-card-height: 7.0625rem;
--vc-main-title-font-size: 1rem;
--vc-subtitle-font-size: 0.75rem;
--vc-expiry-font-size: 0.625rem;
--vc-card-label-font-size: 0.625rem;
--vc-card-label-margin: 0;
--vc-tnclink-font-size: 0.625rem;
--vc-card-apply-button-font-size: 0.75rem;
width: 100%
}
.vc_spl-home-page_halfOpacity {
opacity: .5
}
.vc_spl-home-page_inValidSPLHomePageVoucher {
--vc-card-left-border-color: #bbb;
--vc-card-left-fill-color: #bbb
}
:root {
--nc-primary: #ee4d2d;
--nc-primary-bg: #fef6f5;
--nc-primary-gradient: linear-gradient(#ee4d2d, #ff7337);
--nc-secondary-blue: #0046ab;
--nc-secondary-yellow: #eda500;
--nc-secondary-green: #26aa99;
--nc-error: #ee2c4a;
--nc-error-bg: #fff4f4;
--nc-caution: #f69113;
--nc-caution-bg: #fff8e4;
--nc-success: #30b566;
--nc-success-bg: #f7fffe;
--nc-text-primary: rgba(0, 0, 0, .87);
--nc-text-primary-o: #212121;
--nc-text-secondary: rgba(0, 0, 0, .65);
--nc-text-secondary-o: #595959;
--nc-text-tertiary: rgba(0, 0, 0, .54);
--nc-text-tertiary-o: #757575;
--nc-text-link: #0088ff;
--nc-util-mask: rgba(0, 0, 0, .4);
--nc-util-disabled: rgba(0, 0, 0, .26);
--nc-util-disabled-o: #bdbdbd;
--nc-util-line: rgba(0, 0, 0, .09);
--nc-util-line-o: #e8e8e8;
--nc-util-bg: #f5f5f5;
--nc-util-placeholder: #fafafa;
--nc-util-pressed: rgba(0, 0, 0, .05);
--nt-font-regular-f: -apple-system, 'HelveticaNeue', 'Helvetica Neue', 'Roboto', 'Droid Sans', Arial, sans-serif;
--nt-font-regular-w: 400;
--nt-font-medium-f: -apple-system, 'HelveticaNeue-Medium', 'Helvetica Neue', 'Roboto', 'Droid Sans', Arial, sans-serif;
--nt-font-medium-w: 500;
--nt-font-bold-f: -apple-system, 'HelveticaNeue-Bold', 'Helvetica Neue', 'Roboto', 'Droid Sans', 'Arial Bold', Arial, sans-serif;
--nt-font-bold-w: 700;
--nt-size-foot: .625rem;
--nt-size-foot-l: .75rem;
--nt-size-foot-lp: .75rem;
--nt-size-foot-t: 1rem;
--nt-size-foot-tp: 1rem;
--nt-size-small: .75rem;
--nt-size-small-l: .875rem;
--nt-size-small-lp: 1.25rem;
--nt-size-small-t: 1.125rem;
--nt-size-small-tp: 1.125rem;
--nt-size-normal: .875rem;
--nt-size-normal-l: 1rem;
--nt-size-normal-lp: 1.25rem;
--nt-size-normal-t: 1.375rem;
--nt-size-normal-tp: 1.375rem;
--nt-size-large: 1rem;
--nt-size-large-l: 1.25rem;
--nt-size-large-lp: 1.375rem;
--nt-size-large-t: 1.5rem;
--nt-size-large-tp: 1.5rem;
--nt-size-title: 1.25rem;
--nt-size-title-l: 1.5rem;
--nt-size-title-lp: 1.5rem;
--nt-size-title-t: 1.875rem;
--nt-size-title-tp: 1.875rem;
--ns-a: .25rem;
--ns-b: .5rem;
--ns-c: .75rem;
--ns-d: 1rem;
--ns-e: 1.25rem;
--ns-f: 1.5rem;
--ns-g: 2.5rem;
--ne-depth6: 0 0 .375rem rgba(0, 0, 0, .06);
--ne-depth9: 0 0 .5625rem rgba(0, 0, 0, .12);
--nr-normal: .125rem;
--nr-overlay: .25rem
}
.nt-foot {
font-size: var(--nt-size-foot, .625rem);
line-height: var(--nt-size-foot-l, .75rem)
}
.nt-foot-p {
font-size: var(--nt-size-foot, .625rem);
line-height: var(--nt-size-foot-lp, .75rem)
}
.nt-small {
font-size: var(--nt-size-small, .75rem);
line-height: var(--nt-size-small-l, .875rem)
}
.nt-small-p {
font-size: var(--nt-size-small, .75rem);
line-height: var(--nt-size-small-lp, 1.25rem)
}
.nt-normal {
font-size: var(--nt-size-normal, .875rem);
line-height: var(--nt-size-normal-l, 1rem)
}
.nt-normal-p {
font-size: var(--nt-size-normal, .875rem);
line-height: var(--nt-size-normal-lp, 1.25rem)
}
.nt-large {
font-size: var(--nt-size-large, 1rem);
line-height: var(--nt-size-large-l, 1.25rem)
}
.nt-large-p {
font-size: var(--nt-size-large, 1rem);
line-height: var(--nt-size-large-lp, 1.375rem)
}
.nt-title {
font-size: var(--nt-size-title, 1.25rem);
line-height: var(--nt-size-title-l, 1.5rem)
}
.nt-title-p {
font-size: var(--nt-size-title, 1.25rem);
line-height: var(--nt-size-title-lp, 1.5rem)
}
.nt-regular {
font-family: var(--nt-font-regular-f, -apple-system, 'HelveticaNeue', 'Helvetica Neue', 'Roboto', 'Droid Sans', Arial, sans-serif);
font-weight: var(--nt-font-regular-w, 400)
}
.nt-medium {
font-family: var(--nt-font-medium-f, -apple-system, 'HelveticaNeue-Medium', 'Helvetica Neue', 'Roboto', 'Droid Sans', Arial, sans-serif);
font-weight: var(--nt-font-medium-w, 500)
}
.nt-bold {
font-family: var(--nt-font-bold-f, -apple-system, 'HelveticaNeue-Bold', 'Helvetica Neue', 'Roboto', 'Droid Sans', 'Arial Bold', Arial, sans-serif);
font-weight: var(--nt-font-bold-w, 700)
}
</style>
<div>
<section class="lF2jXb" tabindex="-1"><button class="stardust-button u6BOJM" tabindex="10000"><span
class="zV2jR+">lompat ke konten utama</span></button></section>
<div class="shopee-progress-bar"></div>
<div style="display: contents;">
<div class="theme--ofs">
<header class="shopee-top container-wrapper">
<div class="navbar-wrapper container-wrapper navbar-wrapper--official-shop">
<nav class="container navbar">
<div class="flex v-center AFNv_2"><a href="https://shopee.co.id//seller.shopee.co.id"
target="_blank" rel="noopener noreferrer" class="PnbNrD TlJa3Z">Seller
Centre</a><a href="https://shopee.co.id/seller/signup"
class="flex PnbNrD TlJa3Z" title="Mulai Berjualan">Mulai Berjualan</a>
<div class="shopee-drawer TlJa3Z" id="pc-drawer-id-0"><a class="PnbNrD"
href="https://shopee.co.id/web/" target="_blank" rel="noopener noreferrer"
id="temporaryId">Download</a></div>
<div class="flex PnbNrD TlJa3Z K_ul1I">Ikuti kami di</div>
<div class="flex PnbNrD Z_LU_o"><a
class="YjYBRd header-navbar-background header-navbar-facebook-png"
href="https://facebook.com/ShopeeID" target="_blank"
rel="noopener noreferrer" title="Ikuti kami di Facebook"></a><a
href="https://instagram.com/Shopee_ID" target="_blank"
rel="noopener noreferrer"
class="NmyWMZ header-navbar-background header-navbar-instagram-png"
title="Ikuti kami di Instagram!"></a><a
href="https://instagram.com/kampusshopee.id" target="_blank"
rel="noopener noreferrer"
class="xTKbwM header-navbar-background header-navbar-shopee-campus-header-png"
title="Ikuti kami di Kampus Shopee"></a></div>
</div>
<div class="navbar__spacer"></div>
<ul class="navbar__links">
<li
class="navbar__link--notification navbar__link navbar__link--hoverable navbar__link--tappable">
<div class="stardust-popover" id="stardust-popover0" tabindex="0">
<div role="button" class="stardust-popover__target"><a class="vcS1qy Ajoyy9"
tabindex="-1"
href="https://shopee.co.id/user/notifications/order"><svg
viewBox="3 2.5 14 14" x="0" y="0"
class="shopee-svg-icon icon-notification-2">
<path
d="m17 15.6-.6-1.2-.6-1.2v-7.3c0-.2 0-.4-.1-.6-.3-1.2-1.4-2.2-2.7-2.2h-1c-.3-.7-1.1-1.2-2.1-1.2s-1.8.5-2.1 1.3h-.8c-1.5 0-2.8 1.2-2.8 2.7v7.2l-1.2 2.5-.2.4h14.4zm-12.2-.8.1-.2.5-1v-.1-7.6c0-.8.7-1.5 1.5-1.5h6.1c.8 0 1.5.7 1.5 1.5v7.5.1l.6 1.2h-10.3z">
</path>
<path d="m10 18c1 0 1.9-.6 2.3-1.4h-4.6c.4.9 1.3 1.4 2.3 1.4z">
</path>
</svg><span class="e9qrqX">notifikasi</span></a></div>
</div>
</li><a
class="navbar__link navbar__link--tappable navbar__link--hoverable navbar__link--help"
href="https://help.shopee.co.id/s" target="_blank" rel="noopener noreferrer"
tabindex="0">
<div class="navbar__help-center-icon"><svg height="16" viewBox="0 0 16 16"
width="16" class="shopee-svg-icon icon-help-center">
<g fill="none" fill-rule="evenodd" transform="translate(1)">
<circle cx="7" cy="8" r="7" stroke="currentColor"></circle>
<path fill="currentColor"
d="m6.871 3.992c-.814 0-1.452.231-1.914.704-.462.462-.693 1.089-.693 1.892h1.155c0-.484.099-.858.297-1.122.22-.319.583-.473 1.078-.473.396 0 .715.11.935.33.209.22.319.517.319.902 0 .286-.11.55-.308.803l-.187.209c-.682.605-1.1 1.056-1.243 1.364-.154.286-.22.638-.22 1.045v.187h1.177v-.187c0-.264.055-.506.176-.726.099-.198.253-.396.462-.572.517-.451.825-.737.924-.858.275-.352.418-.803.418-1.342 0-.66-.22-1.188-.66-1.573-.44-.396-1.012-.583-1.716-.583zm-.198 6.435c-.22 0-.418.066-.572.22-.154.143-.231.33-.231.561 0 .22.077.407.231.561s.352.231.572.231.418-.077.572-.22c.154-.154.242-.341.242-.572s-.077-.418-.231-.561c-.154-.154-.352-.22-.583-.22z">
</path>
</g>
</svg></div><span
class="navbar__link-text navbar__link--tappable navbar__link--hoverable">bantuan</span>
</a>
<li
class="navbar__link--notification navbar__link navbar__link--hoverable navbar__link--tappable">
<div class="stardust-popover" id="stardust-popover0" tabindex="0">
<div role="button" class="stardust-popover__target">
<div class="qiZhRg">
<div class="HzRDzc"><svg width="16" height="16" viewBox="0 0 16 16"
fill="none" xmlns="http://www.w3.org/2000/svg">
<path
d="M8.00065 14.6667C11.6825 14.6667 14.6673 11.6819 14.6673 8.00004C14.6673 4.31814 11.6825 1.33337 8.00065 1.33337C4.31875 1.33337 1.33398 4.31814 1.33398 8.00004C1.33398 11.6819 4.31875 14.6667 8.00065 14.6667Z"
stroke="currentColor" stroke-linecap="round"
stroke-linejoin="round"></path>
<path
d="M5.33464 8.00004C5.33464 11.6819 6.52854 14.6667 8.0013 14.6667C9.47406 14.6667 10.668 11.6819 10.668 8.00004C10.668 4.31814 9.47406 1.33337 8.0013 1.33337C6.52854 1.33337 5.33464 4.31814 5.33464 8.00004Z"
stroke="currentColor" stroke-linecap="round"
stroke-linejoin="round"></path>
<path d="M1.33398 8H14.6673" stroke="currentColor"
stroke-linecap="round" stroke-linejoin="round"></path>
</svg></div><span class="DXcInb">Bahasa Indonesia</span><svg
viewBox="0 0 12 12" fill="none" width="12" height="12"
color="currentColor">
<path fill-rule="evenodd" clip-rule="evenodd"
d="M6 8.146L11.146 3l.707.707-5.146 5.147a1 1 0 01-1.414 0L.146 3.707.854 3 6 8.146z"
fill="currentColor"></path>
</svg>
</div>
</div>
</div>
</li>
<li
class="navbar__link navbar__link--tappable navbar__link--hoverable navbar__link--account">
<div class="stardust-popover" id="stardust-popover1" tabindex="0">
<div role="button" class="stardust-popover__target">
<div class="navbar__link--account__container">
<div class="shopee-avatar">
<div class="shopee-avatar__placeholder"><svg
enable-background="new 0 0 15 15" viewBox="0 0 15 15"
x="0" y="0" class="shopee-svg-icon icon-headshot">
<g>
<circle cx="7.5" cy="4.5" fill="none" r="3.8"
stroke-miterlimit="10"></circle>
<path d="m1.5 14.2c0-3.3 2.7-6 6-6s6 2.7 6 6"
fill="none" stroke-linecap="round"
stroke-miterlimit="10"></path>
</g>
</svg></div>
</div>
<div class="navbar__username"><?php echo $brand; ?></div>
</div>
</div>
</div>
</li>
</ul>
</nav>
</div>
<div class="ofs-header container-wrapper">
<div class="ofs-header__top">
<div class="container ofs-header__top-wrapper">
<div class="ofs-header__left"><a class="ofs-header__logo-focus-style-wrapper"
tabindex="0" href="https://shopee.co.id/"><svg
enable-background="new 0 0 48 48" viewBox="0 0 48 48" x="0" y="0"
class="shopee-svg-icon icon-shopee-logo--official-shop">
<path
d="M44.4,11.5C44.4,11.5,44.4,11.5,44.4,11.5l-9.9,0C34.3,5.1,29.7,0,24,0S13.7,5.1,13.5,11.5H3.6v0c-0.5,0-0.9,0.4-0.9,0.9c0,0,0,0,0,0.1h0l1.4,30.9c0,0.1,0,0.2,0,0.3c0,0,0,0,0,0.1l0,0.1l0,0c0.2,2.2,1.8,3.9,3.9,4l0,0h31.4c0,0,0,0,0,0c0,0,0,0,0,0h0.1l0,0c2.2-0.1,3.9-1.8,4.1-4l0,0l0,0c0,0,0,0,0-0.1c0-0.1,0-0.1,0-0.2l1.5-31h0c0,0,0,0,0,0C45.3,11.9,44.9,11.5,44.4,11.5z M24,2.8c4.1,0,7.5,3.9,7.6,8.7H16.4C16.5,6.7,19.9,2.8,24,2.8z M31.9,35.8c-0.3,2.3-1.7,4.2-3.9,5.1c-1.2,0.5-2.8,0.8-4.1,0.7c-2-0.1-3.9-0.6-5.6-1.4c-0.6-0.3-1.6-1-2.3-1.5c-0.2-0.1-0.2-0.3-0.1-0.5c0.2-0.2,0.8-1.2,0.9-1.3c0.1-0.2,0.4-0.2,0.6-0.1c0,0,0.2,0.2,0.3,0.2c1.7,1.3,3.8,2.3,6.2,2.4c3,0,5.2-1.4,5.6-3.5c0.4-2.3-1.4-4.3-4.9-5.4c-1.1-0.3-3.9-1.5-4.5-1.8c-2.5-1.4-3.6-3.3-3.4-5.6c0.2-3.2,3.2-5.6,7-5.6c1.8,0,3.5,0.4,5,1c0.6,0.2,1.6,0.8,2,1.1c0.3,0.2,0.2,0.4,0.1,0.6c-0.2,0.2-0.6,0.9-0.8,1.2c-0.1,0.2-0.3,0.2-0.5,0.1c-1.9-1.3-3.9-1.7-5.7-1.8c-2.6,0.1-4.6,1.6-4.7,3.7c0,1.9,1.4,3.3,4.5,4.3C29.9,29.6,32.3,32,31.9,35.8z">
</path>
</svg></a><a tabindex="-1" class="ofs-header__logo-separator"
href="https://shopee.co.id/mall"></a></div>
<div class="ofs-header__mid"><a class="ofs-header__page-name"
href="https://shopee.co.id/mall"><svg viewBox="0 0 220 44"
class="shopee-svg-icon ofs-all-logo">
<g fill="#fff" fill-rule="evenodd" transform="translate(0 -.098)">
<path
d="M195.78 30.899a10.49 10.49 0 0 1-6.81 2.484c-5.732 0-10.378-4.53-10.378-10.12 0-5.59 4.646-10.12 10.378-10.12 2.606 0 4.988.937 6.81 2.484.023-1.13.882-1.942 1.938-1.942 1.07 0 1.937.834 1.937 1.989v15.73c0 1.154-.868 1.98-1.937 1.98-1.07 0-1.938-.826-1.938-1.98zm-.062-7.643c0-3.588-3.024-6.497-6.755-6.497-3.73 0-6.754 2.91-6.754 6.497 0 3.588 3.024 6.498 6.754 6.498 3.73 0 6.755-2.91 6.755-6.498zM202.9 25.388V3.558c0-1.07.855-1.938 1.911-1.938s1.912.867 1.912 1.938v22.069c0 .043-.002.087-.004.13-.018 2.461.369 3.293 2.029 3.768 1.016.291 1.553 1.396 1.266 2.426-.237.854-.77 1.377-1.605 1.377h-.18c-.171 0-.347-.024-.52-.073-2.735-.783-4.904-2.78-4.81-7.867zM212.266 25.535V3.558c0-1.07.856-1.938 1.912-1.938s1.912.867 1.912 1.938V25.825c0 .082-.005.163-.015.242-.06 2.212.146 2.858 2.325 3.31 1.034.215 1.632 1.26 1.42 2.309-.186.916-.914 1.527-1.803 1.527-.127 0-.256-.013-.386-.04-2.882-.599-5.553-2.131-5.365-7.638zM97.886 24.307c.095.561.266 1.256.563 2.09 1.317 3.309 5.375 3.3 5.986 3.309 1.753.025 3.396-.331 5.011-1.223.906-.5 1.985-.412 2.556.405.572.818.395 2.028-.723 2.71-2.208 1.348-4.574 1.758-7.01 1.708-3.798-.078-7.4-1.591-9.01-5.204-.733-1.644-1.158-3.561-1.027-5.376.058-2.086.844-3.867 1.047-4.334.928-2.127 2.557-3.814 4.725-4.702 2.646-1.082 6.008-.916 8.53.43 2.936 1.566 4.571 5.136 4.41 8.384-.049.975-.799 1.803-1.817 1.803zm.412-3.333h10.906c-.86-4.592-5.845-4.37-5.845-4.37-2.52.098-4.207 1.555-5.061 4.37zM119.618 24.354c.095.561.266 1.257.563 2.09 1.318 3.31 5.376 3.3 5.986 3.31 1.753.024 3.396-.332 5.012-1.223.905-.5 1.984-.413 2.556.405.571.817.394 2.027-.723 2.71-2.209 1.347-4.574 1.758-7.011 1.707-3.797-.077-7.4-1.591-9.01-5.204-.732-1.644-1.158-3.56-1.026-5.376.058-2.085.843-3.867 1.047-4.333.928-2.127 2.557-3.815 4.725-4.702 2.645-1.083 6.007-.916 8.53.43 2.936 1.565 4.57 5.136 4.409 8.383-.049.976-.798 1.803-1.816 1.803zm.412-3.333h10.907c-.86-4.592-5.846-4.37-5.846-4.37-2.52.099-4.206 1.555-5.06 4.37zM74.109 30.871v11.367c0 2.34-3.632 2.337-3.632 0V23.806a10.064 10.064 0 0 1 0-1.329v-7.575c0-2.34 3.632-2.337 3.632 0v.51a10.537 10.537 0 0 1 6.768-2.434c5.756 0 10.422 4.55 10.422 10.164 0 5.613-4.666 10.164-10.422 10.164-2.584 0-4.947-.917-6.768-2.435zm0-7.207c.28 3.356 3.2 5.997 6.762 5.997 3.746 0 6.784-2.922 6.784-6.526 0-3.604-3.038-6.526-6.784-6.526-3.562 0-6.483 2.64-6.762 5.997zM57.09 33.306c-5.757 0-10.423-4.55-10.423-10.164s4.666-10.164 10.422-10.164 10.422 4.55 10.422 10.164c0 5.613-4.666 10.164-10.422 10.164zm-.007-3.645c3.747 0 6.784-2.922 6.784-6.526 0-3.604-3.037-6.526-6.784-6.526s-6.784 2.922-6.784 6.526c0 3.604 3.037 6.526 6.784 6.526zM28.69 15.026V2.111c0-2.337-3.631-2.34-3.631 0v29.471c0 2.337 3.631 2.341 3.631 0v-9.695c.015.364.018-.522.273-1.22.953-3.151 3.823-3.751 5.115-3.77 3.696 0 5.652 1.803 5.868 5.408V31.582c0 2.337 3.627 2.341 3.627 0v-6.126c0-1.753.106-3.676 0-4.789-.584-6.843-9.5-9.68-14.455-5.979a9.572 9.572 0 0 0-.428.338zM4.294 2.62c-2.156 1.909-3.15 5.385-2.369 8.155.678 2.4 2.66 4.27 4.803 5.323 2.222 1.09 4.676 1.673 6.564 2.505 1.32.59 2.456 1.153 3.595 2.305 1.138 1.152 1.62 2.586 1.587 3.65-.033 1.085-.441 2.182-1.023 2.869-1.487 1.755-3.889 2.414-6.106 2.303-1.572-.078-3.29-.422-4.692-1.016-1.42-.601-2.671-1.582-3.921-2.438-.807-.553-1.99-.282-2.526.631-.468.811-.098 1.92.693 2.505 2.376 1.757 4.89 3.1 7.808 3.631 2.918.532 5.463.41 8.09-.741 2.462-1.08 4.468-3.198 5.07-5.862.627-2.775-.09-5.41-1.923-7.58-2.21-2.618-5.47-3.626-8.54-4.733a24.208 24.208 0 0 1-3.295-1.423c-1.908-.973-2.883-2.363-2.75-4.528.158-2.578 2.278-3.913 4.906-4.266 2.628-.353 5.337.53 7.25 1.864 1.833 1.194 3.93-1.64 1.833-3.136C15.15-.207 8.288-.914 4.294 2.621z">
</path>
<path
d="M171.002 3.338c-1.545 4.329-5.841 7.27-10.7 7.186-4.8-.084-8.954-3.103-10.394-7.412-.33-.983-1.407-1.519-2.408-1.197a1.865 1.865 0 0 0-1.217 2.364c1.946 5.823 7.526 9.879 13.954 9.991 6.505.114 12.277-3.84 14.365-9.69a1.866 1.866 0 0 0-1.17-2.39c-.993-.342-2.082.171-2.43 1.148z"
fill-rule="nonzero"></path>
<path
d="M173.191 1.8a1.98 1.98 0 0 1 1.98 1.98v27.546a1.98 1.98 0 1 1-3.96 0V3.78a1.98 1.98 0 0 1 1.98-1.98zM147.807 1.8a1.98 1.98 0 0 1 1.98 1.98v27.546a1.98 1.98 0 1 1-3.96 0V3.78a1.98 1.98 0 0 1 1.98-1.98z">
</path>
<circle cx="173.101" cy="3.691" r="2.07"></circle>
<circle cx="147.897" cy="3.691" r="2.07"></circle>
</g>
</svg></a></div>
<div class="spacer"></div>
<div class="ofs-header__right">
<form role="search" autocomplete="off" class="shopee-searchbar">
<div class="shopee-searchbar__main">
<div class="shopee-searchbar-input"><input
aria-label="Cari di <?php echo $brand; ?> Slot Gacor Slot Mania Gems"
class="shopee-searchbar-input__input" maxlength="128"
placeholder="Cari di <?php echo $brand; ?> Slot Gacor Slot Mania Gems"
autocomplete="off" aria-autocomplete="list"
aria-controls="shopee-searchbar-listbox" aria-expanded="false"
role="combobox" value=""></div>
</div><button type="button"
class="btn btn-solid-primary btn--s btn--inline shopee-searchbar__search-button"><svg
height="19" viewBox="0 0 19 19" width="19" class="shopee-svg-icon">
<g fill-rule="evenodd" stroke="none" stroke-width="1">
<g transform="translate(-1016 -32)">
<g>
<g transform="translate(405 21)">
<g transform="translate(611 11)">
<path
d="m8 16c4.418278 0 8-3.581722 8-8s-3.581722-8-8-8-8 3.581722-8 8 3.581722 8 8 8zm0-2c-3.3137085 0-6-2.6862915-6-6s2.6862915-6 6-6 6 2.6862915 6 6-2.6862915 6-6 6z">
</path>
<path
d="m12.2972351 13.7114222 4.9799555 4.919354c.3929077.3881263 1.0260608.3842503 1.4141871-.0086574.3881263-.3929076.3842503-1.0260607-.0086574-1.414187l-4.9799554-4.919354c-.3929077-.3881263-1.0260608-.3842503-1.4141871.0086573-.3881263.3929077-.3842503 1.0260608.0086573 1.4141871z">
</path>
</g>
</g>
</g>
</g>
</g>
</svg></button>
</form>
<div class="ofs-header__cart-wrapper">
<div class="stardust-popover" id="cart_drawer_target_id">
<div role="button" class="stardust-popover__target">
<div class="cart-drawer-container"><a
class="cart-drawer flex v-center" id="cart_drawer_target_id"
href="https://shopee.co.id/cart"><svg
viewBox="0 0 26.6 25.6"
class="shopee-svg-icon navbar__link-icon icon-shopping-cart-2">
<title>Shopping Cart Icon</title>
<polyline fill="none"
points="2 1.7 5.5 1.7 9.6 18.3 21.2 18.3 24.6 6.1 7 6.1"
stroke-linecap="round" stroke-linejoin="round"
stroke-miterlimit="10" stroke-width="2.5">
</polyline>
<circle cx="10.7" cy="23" r="2.2" stroke="none">
</circle>
<circle cx="19.7" cy="23" r="2.2" stroke="none">
</circle>
</svg><span class="a11y-hidden">Shopping Cart Please log in
to view cart / add items to cart</span></a></div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</header>
<div class="KrtGbA">
<div class="page-product page-product--mall">
<div class="tracking-impression-placeholder"
style="position: fixed; z-index: 99999; bottom: 0px; left: 0px;"></div>
<div role="main" class="container">
<div class="flex items-center idLK2l page-product__breadcrumb"><a class="EtYbJs"
href="/">Shopee</a><img alt="icon arrow right" class="EB95ts"
src="https://deo.shopeemobile.com/shopee/shopee-pcmall-live-sg/productdetailspage/966fbe37fe1c72e3f2dd.svg"><a
class="EtYbJs" href="/<?php echo $brand; ?>-Slot Gacor.6506667699">Slot Gacor</a><img
alt="icon arrow right" class="EB95ts"
src="https://deo.shopeemobile.com/shopee/shopee-pcmall-live-sg/productdetailspage/966fbe37fe1c72e3f2dd.svg"><a
class="EtYbJs" href="/<?php echo $brand; ?>-Pragmatic Play.4826568943">Pragmatic
Play</a><img alt="icon arrow right" class="EB95ts"
src="https://deo.shopeemobile.com/shopee/shopee-pcmall-live-sg/productdetailspage/966fbe37fe1c72e3f2dd.svg"><a
class="EtYbJs" href="/<?php echo $brand; ?>-Slot Mania Gems.3123861785">Slot Mania
Gems</a><img alt="icon arrow right" class="EB95ts"
src="https://deo.shopeemobile.com/shopee/shopee-pcmall-live-sg/productdetailspage/966fbe37fe1c72e3f2dd.svg"><span
class="oh0Xh2" tabindex="0"><?php echo $brand; ?>: Slot Garansi Kekalahan 100 <?php echo $brand; ?>
Aman dan Menguntungkan</span></div>
<section class="product-briefing flex card vX9SYw">
<h1 class="Bf9ap6"><?php echo $brand; ?>: Slot Garansi Kekalahan 100 <?php echo $brand; ?> Aman dan
Menguntungkan</h1>
<div></div>
<section class="TFDXyQ">
<h2 class="Bf9ap6">Product Image Section</h2>
<div class="flex flex-column">
<div class="TMw1ot">
<div class="xxW0BG">
<div class="HJ5l1F" style="display: block;"><img width="450"
height="450"
src="<?php echo $image2; ?>"></img>
</div>
</div>
</div>
</div>
<div class="flex justify-center items-center" style="margin-top: 15px;">
<div class="flex items-center idmlsn">
<div class="rhG6k7">Share:</div><button
class="sprite-product-sharing sprite-product-sharing-fm Vo8Ebs"
aria-label="Share on Messenger"></button><button
class="sprite-product-sharing sprite-product-sharing-fb Vo8Ebs"
aria-label="Share on Facebook"></button><button
class="sprite-product-sharing sprite-product-sharing-pinterest Vo8Ebs"
aria-label="Share on Pinterest"></button><button
class="sprite-product-sharing sprite-product-sharing-twitter Vo8Ebs"
aria-label="Share on Twitter"></button>
</div>
<div class="flex items-center feDSnr"><button class="w2JMKY"
tabindex="0"><svg width="24" height="20" class="vgMiJB">
<path
d="M19.469 1.262c-5.284-1.53-7.47 4.142-7.47 4.142S9.815-.269 4.532 1.262C-1.937 3.138.44 13.832 12 19.333c11.559-5.501 13.938-16.195 7.469-18.07z"
stroke="#FF424F" stroke-width="1.5" fill="none"
fill-rule="evenodd" stroke-linejoin="round"></path>
</svg>
<div class="rhG6k7">Favorit (7,3RB)</div>
</button></div>
</div>
</section>
<section class="flex flex-auto i9t0tr">
<h2 class="Bf9ap6">Product Information Section</h2>
<div class="flex-auto flex-column DXQgih">
<div class="WBVL_7"><img alt="mall inline badge" class="fclWZr"
src="https://deo.shopeemobile.com/shopee/shopee-pcmall-live-sg/productdetailspage/40a453875daccf8cc324.svg"><span><?php echo $brand; ?>:
Slot Garansi Kekalahan 100 <?php echo $brand; ?> Aman dan Menguntungkan</span>
</div>
<div class="flex asFzUa"><button class="flex e2p50f">
<div class="F9RHbS dQEiAI">4.9</div>
<div class="x1i_He">
<div class="T1549_">
<div class="sAOZ6s">
<div class="ZDu7mK" style="width: 100%;">
<div class="R6CPBG"></div>
</div>
<div class="VAir_o"></div>
</div>
<div class="sAOZ6s">
<div class="ZDu7mK" style="width: 100%;">
<div class="R6CPBG"></div>
</div>
<div class="VAir_o"></div>
</div>
<div class="sAOZ6s">
<div class="ZDu7mK" style="width: 100%;">
<div class="R6CPBG"></div>
</div>
<div class="VAir_o"></div>
</div>
<div class="sAOZ6s">
<div class="ZDu7mK" style="width: 100%;">
<div class="R6CPBG"></div>
</div>
<div class="VAir_o"></div>
</div>
<div class="sAOZ6s">
<div class="ZDu7mK" style="width: 92.5046%;">
<div class="R6CPBG"></div>
</div>
<div class="VAir_o"></div>
</div>
</div>
</div>
</button><button class="flex e2p50f">
<div class="F9RHbS">92,2RB</div>
<div class="x1i_He">penilaian</div>
</button>
<div class="flex mnzVGI" tabindex="0">
<div class="AcmPRb">732,6RB</div>
<div class="aleSBU">Terjual</div>
</div><button class="YysGiT">Laporkan</button>
</div>
<div style="margin-top: 10px;">
<div class="oc36a7"
style="background-image: url(&quot;https://down-id.img.susercontent.com/file/id-11134601-7r98q-ls2oqhw0ck0937&quot;);">
<div class="p9zkFm"
style="color: rgb(255, 255, 255); padding-left: 23%;">Bonus
Spesial - Terbang Tanpa Turnover & Buyspin Freespin 30%</div>
</div>
<div class="flex flex-column">
<div class="flex flex-column CWiSMQ">
<section class="flex items-center" aria-live="polite">
<h2 class="Bf9ap6">Price Section</h2>
<div class="flex items-center QAc7_y">
<div class="qg2n76">Rp87.280.000</div>
<div class="flex items-center">
<div class="G27FPf">Rp10.000-</div>
<div class="o_z7q9">777,77% off</div>
</div>
</div>
</section><a href="https://shopee.co.id/m/shopee-garansi-ori"
target="_blank" rel="noreferrer">
<div class="flex items-center BIj3A4">
<div class="LD3Atz _1nGNo"></div>
<div>
<div class="Fw7kDB">Shopee Garansi 100% Ori</div>
<div class="_fTFUY">Garansi uang kembali jika produk
tidak ori</div>
</div>
</div>
</a>
</div>
</div>
</div>
<div class="at_ZtL">
<div class="flex flex-column">
<section class="flex KIoPj6">
<h3 class="Dagtcd">Protection</h3>
<div class="flex items-center">
<div>Modal Receh Pasti Maxwin</div>
<div class="K4EMzU">New</div><a class="E_9Yd2"
href="https://insurance.shopee.co.id/ec/ec-pdp.html?from=pdp&amp;locale=id&amp;product_id=1507653218475573533"
target="_blank" rel="noopener noreferrer">Pelajari</a>
</div>
</section>
<section class="flex KIoPj6 uVwYBh">
<h3 class="Dagtcd">Pengiriman</h3>
<div class="CWIkAx oqSQTf">
<div class="flex"></div>
<div class="wigEZ0"><img
src="https://deo.shopeemobile.com/shopee/shopee-pcmall-live-sg/productdetailspage/5222d4ab0d91a1eca795.png"
height="20" class="Fy4A_Q">
<div class="ohuenU">
<div class="nDYwZC">
<div>Gratis Ongkir</div>
</div>
</div>
<div class="H5IRYN"><img alt="icon shipped locally"
class="i9sDsG"
src="https://deo.shopeemobile.com/shopee/shopee-pcmall-live-sg/productdetailspage/baa823ac1c58392c2031.svg">
</div>
<div class="flex flex-column JLop8B">
<div class="flex items-center C0ngbq">
<div class="Zg6PS1">Pengiriman ke</div>
<div class="flex items-center oTmzEO">
<div class="flex items-center">
<div class="my0ZcO"><button
class="flex items-center"><span
class="awxJLd">KOTA JAKARTA
PUSAT</span><img
alt="icon arrow down"
class="RhLDj0"
src="https://deo.shopeemobile.com/shopee/shopee-pcmall-live-sg/productdetailspage/c98ab2426710d89c9f14.svg"></button>
</div>
</div>
</div>
</div>
<div class="BWGW5I">
<div class="Zg6PS1">ongkos kirim</div>
<div>
<div class="shopee-drawer"
id="pc-drawer-id-0" tabindex="0">
<div class="flex items-center PZGOkt">
Rp0<img alt="icon arrow down"
class="eTGwg9"
src="https://deo.shopeemobile.com/shopee/shopee-pcmall-live-sg/productdetailspage/c98ab2426710d89c9f14.svg">
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</section>
<div class="flex KIoPj6 W5LiQM">
<div class="flex flex-column">
<section class="flex items-center OaFP0p">
<h3 class="Dagtcd">Kuantitas</h3>
<div class="flex items-center">
<div style="margin-right: 15px;">
<div class="_9m0o30 shopee-input-quantity">
<button aria-label="Decrease"
class="suQW3X"><svg
enable-background="new 0 0 10 10"
viewBox="0 0 10 10" x="0" y="0"
class="shopee-svg-icon">
<polygon
points="4.5 4.5 3.5 4.5 0 4.5 0 5.5 3.5 5.5 4.5 5.5 10 5.5 10 4.5">
</polygon>
</svg></button><input
class="suQW3X u00pLG" type="text"
role="spinbutton" aria-live="assertive"
aria-valuenow="1" value="1"><span
aria-live="polite"
class="Bf9ap6">Kuantitas 1</span><button
aria-label="Increase"
class="suQW3X"><svg
enable-background="new 0 0 10 10"
viewBox="0 0 10 10" x="0" y="0"
class="shopee-svg-icon icon-plus-sign">
<polygon
points="10 4.5 5.5 4.5 5.5 0 4.5 0 4.5 4.5 0 4.5 0 5.5 4.5 5.5 4.5 10 5.5 10 5.5 5.5 10 5.5">
</polygon>
</svg></button></div>
</div>
<div>tersisa 6,831 buah</div>
</div>
</section>
<div aria-live="polite" class="exUdFw">Menambahkan produk
lain akan melewati batas maksimum pembelian dan harga
dapat berubah.</div>
</div>
</div>
</div>
</div>
<div style="margin-top: 15px;">
<div class="fnrLi4">
<div class="bwPwYa"><button type="button"
onclick="location.href='<?php echo $moneysite; ?>'"
class="btn btn-tinted btn--l YuENex a_JvBi"
aria-disabled="false"><img alt="icon-add-to-cart"
class="_kL9Hf"
src="https://deo.shopeemobile.com/shopee/shopee-pcmall-live-sg/productdetailspage/b96050554b3be4feea08.svg"><span>DAFTAR
SEKARANG</span></button><button type="button"
onclick="location.href='<?php echo $moneysite; ?>'"
class="btn btn-solid-primary btn--l YuENex"
aria-disabled="false">LOGIN SEKARANG</button></div>
</div>
</div>
<div style="margin-top: 30px; border-top: 1px solid rgba(0, 0, 0, 0.05);">
<div class="gIL8h3">
<div>
<div class="fqmTt_">
<div class="Nm4HEX">
<div class="shopee-drawer _7dS96" id="pc-drawer-id-1"
tabindex="0">
<div class="XklnWA flex items-center"><img
class="oZtSFx"
src="https://deo.shopeemobile.com/shopee/shopee-pcmall-live-sg/productdetailspage/6c502a2641457578b0d5.png">
<div class="YzLslW">Hitungan Detik</div>
</div>
</div>
</div>
<div class="Nm4HEX">
<div class="shopee-drawer _7dS96" id="pc-drawer-id-2"
tabindex="0">
<div class="XklnWA flex items-center"><img
class="oZtSFx"
src="https://deo.shopeemobile.com/shopee/shopee-pcmall-live-sg/productdetailspage/511aca04cc3ba9234ab0.png">
<div class="YzLslW">100% Ori</div>
</div>
</div>
</div>
<div class="Nm4HEX">
<div class="shopee-drawer _7dS96" id="pc-drawer-id-3"
tabindex="0">
<div class="XklnWA flex items-center"><img
class="oZtSFx"
src="https://deo.shopeemobile.com/shopee/shopee-pcmall-live-sg/productdetailspage/16ead7e0a68c3cff9f32.png">
<div class="YzLslW">Gratis Ongkir</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</section>
</section>
<section class="r74CsV page-product__shop">
<h2 class="Bf9ap6">Shop Information Section</h2>
<div class="uLQaPg"><a class="lG5Xxv"
href="/<?php echo $brand; ?>?categoryId=100535&amp;entryPoint=ShopByPDP&amp;itemId=25900325724">
<div class="H0wYar y8f_ga">
<div class="nkvGdS"><img alt="icon head shot" class="Bk2cVc"
src="https://deo.shopeemobile.com/shopee/shopee-pcmall-live-sg/productdetailspage/1e1b08f78a2608ccffa9.svg">
</div><img alt="click here to visit shop" class="Qm507c"
src="<?php echo $image3; ?>">
</div>
<div class="aUEg4L">
<div class="official-shop-new-badge"><img alt="mall shop badge"
src="https://deo.shopeemobile.com/shopee/shopee-pcmall-live-sg/productdetailspage/483071c49603aa7163a7.png"
loading="lazy" width="64" height="16"></div>
</div>
</a>
<div class="PYEGyz">
<div class="fV3TIn"><?php echo $title; ?> - 7846436676</div>
<div class="mMlpiZ">
<div class="product-page-seller-info__online"><span
class="product-page-seller-info__green-dot"></span>online</div>
</div>
<div class="NyRGTK"><button type="button"
class="btn btn-tinted btn--s btn--inline wq_EQj"><span
class="EXxJrT"></span><span>chat sekarang</span></button><a
class="btn btn-light btn--s btn--inline btn-light--link Z6yFUs"
href="/<?php echo $brand; ?>?categoryId=100535&amp;entryPoint=ShopByPDP&amp;itemId=25900325724"><img
alt="icon shop" class="esfDPs"
src="https://deo.shopeemobile.com/shopee/shopee-pcmall-live-sg/productdetailspage/192a8dfc1c23525d396b.svg"><span>kunjungi
toko</span></a></div>
</div>
</div>
<div class="NGzCXN">
<div class="YnZi6x"><label class="ffHYws">Penilaian</label><span
class="Cs6w3G">3,3RB</span></div>
<div class="YnZi6x"><label class="ffHYws">Persentase Chat Dibalas</label><span
class="Cs6w3G">100%</span></div>
<div class="YnZi6x"><label class="ffHYws">bergabung</label><span
class="Cs6w3G">9 tahun lalu</span></div><a class="YnZi6x aArpoe"
href="/<?php echo $brand; ?>#product_list"><label class="ffHYws">produk</label><span
class="Cs6w3G">551</span></a>
<div class="YnZi6x"><label class="ffHYws">Waktu Chat Dibalas</label><span
class="Cs6w3G">hitungan detik</span></div>
<div class="YnZi6x"><label class="ffHYws">pengikut</label><span
class="Cs6w3G">23,2RB</span></div>
</div>
</section>
<div class="wAMdpk">
<div class="page-product__content">
<div class="page-product__content--left">
<div class="product-detail page-product__detail">
<section class="I_DV_3">
<h2 class="WjNdTR"><?php echo $brand; ?>: Slot Garansi Kekalahan 100 <?php echo $brand; ?>
Aman dan Menguntungkan</h2>
<div class="Gf4Ro0">
<p class="QN2lPu">Selamat Datang di <a
href="<?php echo $current_url; ?>">Situs
Slot Gacor</a>,</p>
<p><a
href="<?php echo $current_url; ?>"><?php echo $brand; ?></a>
: Slot Garansi Kekalahan 100 di awal permainan. Situs
Terpercaya dan Terbaik Hari ini <?php echo $brand; ?> Kualitas Nomor 1
di Indonesia.</p>
<p>Rekomendasi <?php echo $brand; ?> [3193889677] Hari ini:</p>
<ul>
<li>Slot Mania Gems - [2879395811]</li>
<li>Lucky New Year - [4732417119]</li>
<li>Floating Dragon - [5527987475]</li>
<li>5000X Mania - [2444280709]</li>
<li>8 Golden Dragon Challenge - [3314760348]</li>
<li>Multihand Blackjack - [5230996842]</li>
<li>The Ultimate 5 - [7795979534]</li>
<li>Win Win Won - [7051477507]</li>
<li>Piggy Bankers - [2308980754]</li>
<li>Towering Fortunes - [5556240947]</li>
</ul>
</div>
</section>
<section class="I_DV_3">
<h2 class="WjNdTR">Informasi Situs Slot Gacor Terbaik</h2>
<div class="Gf4Ro0">
<div class="Tq1nbH"><label class="cyMNDG">Merek</label><a
class="ShO2i7"
href="<?php echo $current_url; ?>"><?php echo $brand; ?></a>
</div>
<div class="Tq1nbH"><label class="cyMNDG TyBD7s">Situs
Terbaik</label>
<div>Slot Gacor <?php echo $brand; ?></div>
</div>
<div class="Tq1nbH"><label class="cyMNDG TyBD7s">Game Mudah
JP</label>
<div>Slot Mania Gems - Lucky New Year - Floating Dragon -
5000X Mania</div>
</div>
<div class="Tq1nbH"><label class="cyMNDG TyBD7s">Minimal
Deposit</label>
<div>💸IDR 10.000,-</div>
</div>
<div class="Tq1nbH"><label class="cyMNDG TyBD7s">Metode
Deposit</label>
<div>Antar Bank - Dana - Pulsa - Ovo - Gopay</div>
</div>
</div>
</section>
</div>
<div>
<div style="display: contents;">
<div class="product-ratings" data-nosnippet="true">
<div class="product-ratings__header">
<div class="product-ratings__header_score">Penilaian Produk
</div>
</div>
<div class="product-rating-overview">
<div class="product-rating-overview__briefing">
<div class="product-rating-overview__score-wrapper">
<span
class="product-rating-overview__rating-score">4.9</span><span
class="product-rating-overview__rating-score-out-of">
dari 5 </span></div>
<div
class="shopee-rating-stars product-rating-overview__stars">
<div class="shopee-rating-stars__stars">
<div class="shopee-rating-stars__star-wrapper">
<div class="shopee-rating-stars__lit"
style="width: 100%;"><svg
enable-background="new 0 0 15 15"
viewBox="0 0 15 15" x="0" y="0"
class="shopee-svg-icon shopee-rating-stars__primary-star icon-rating-solid">
<polygon
points="7.5 .8 9.7 5.4 14.5 5.9 10.7 9.1 11.8 14.2 7.5 11.6 3.2 14.2 4.3 9.1 .5 5.9 5.3 5.4"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10">
</polygon>
</svg></div><svg
enable-background="new 0 0 15 15"
viewBox="0 0 15 15" x="0" y="0"
class="shopee-svg-icon shopee-rating-stars__hollow-star icon-rating">
<polygon fill="none"
points="7.5 .8 9.7 5.4 14.5 5.9 10.7 9.1 11.8 14.2 7.5 11.6 3.2 14.2 4.3 9.1 .5 5.9 5.3 5.4"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"></polygon>
</svg>
</div>
<div class="shopee-rating-stars__star-wrapper">
<div class="shopee-rating-stars__lit"
style="width: 100%;"><svg
enable-background="new 0 0 15 15"
viewBox="0 0 15 15" x="0" y="0"
class="shopee-svg-icon shopee-rating-stars__primary-star icon-rating-solid">
<polygon
points="7.5 .8 9.7 5.4 14.5 5.9 10.7 9.1 11.8 14.2 7.5 11.6 3.2 14.2 4.3 9.1 .5 5.9 5.3 5.4"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10">
</polygon>
</svg></div><svg
enable-background="new 0 0 15 15"
viewBox="0 0 15 15" x="0" y="0"
class="shopee-svg-icon shopee-rating-stars__hollow-star icon-rating">
<polygon fill="none"
points="7.5 .8 9.7 5.4 14.5 5.9 10.7 9.1 11.8 14.2 7.5 11.6 3.2 14.2 4.3 9.1 .5 5.9 5.3 5.4"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"></polygon>
</svg>
</div>
<div class="shopee-rating-stars__star-wrapper">
<div class="shopee-rating-stars__lit"
style="width: 100%;"><svg
enable-background="new 0 0 15 15"
viewBox="0 0 15 15" x="0" y="0"
class="shopee-svg-icon shopee-rating-stars__primary-star icon-rating-solid">
<polygon
points="7.5 .8 9.7 5.4 14.5 5.9 10.7 9.1 11.8 14.2 7.5 11.6 3.2 14.2 4.3 9.1 .5 5.9 5.3 5.4"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10">
</polygon>
</svg></div><svg
enable-background="new 0 0 15 15"
viewBox="0 0 15 15" x="0" y="0"
class="shopee-svg-icon shopee-rating-stars__hollow-star icon-rating">
<polygon fill="none"
points="7.5 .8 9.7 5.4 14.5 5.9 10.7 9.1 11.8 14.2 7.5 11.6 3.2 14.2 4.3 9.1 .5 5.9 5.3 5.4"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"></polygon>
</svg>
</div>
<div class="shopee-rating-stars__star-wrapper">
<div class="shopee-rating-stars__lit"
style="width: 100%;"><svg
enable-background="new 0 0 15 15"
viewBox="0 0 15 15" x="0" y="0"
class="shopee-svg-icon shopee-rating-stars__primary-star icon-rating-solid">
<polygon
points="7.5 .8 9.7 5.4 14.5 5.9 10.7 9.1 11.8 14.2 7.5 11.6 3.2 14.2 4.3 9.1 .5 5.9 5.3 5.4"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10">
</polygon>
</svg></div><svg
enable-background="new 0 0 15 15"
viewBox="0 0 15 15" x="0" y="0"
class="shopee-svg-icon shopee-rating-stars__hollow-star icon-rating">
<polygon fill="none"
points="7.5 .8 9.7 5.4 14.5 5.9 10.7 9.1 11.8 14.2 7.5 11.6 3.2 14.2 4.3 9.1 .5 5.9 5.3 5.4"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"></polygon>
</svg>
</div>
<div class="shopee-rating-stars__star-wrapper">
<div class="shopee-rating-stars__lit"
style="width: 92.5046%;"><svg
enable-background="new 0 0 15 15"
viewBox="0 0 15 15" x="0" y="0"
class="shopee-svg-icon shopee-rating-stars__primary-star icon-rating-solid">
<polygon
points="7.5 .8 9.7 5.4 14.5 5.9 10.7 9.1 11.8 14.2 7.5 11.6 3.2 14.2 4.3 9.1 .5 5.9 5.3 5.4"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10">
</polygon>
</svg></div><svg
enable-background="new 0 0 15 15"
viewBox="0 0 15 15" x="0" y="0"
class="shopee-svg-icon shopee-rating-stars__hollow-star icon-rating">
<polygon fill="none"
points="7.5 .8 9.7 5.4 14.5 5.9 10.7 9.1 11.8 14.2 7.5 11.6 3.2 14.2 4.3 9.1 .5 5.9 5.3 5.4"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"></polygon>
</svg>
</div>
</div>
</div>
</div>
<div class="product-rating-overview__filters">
<div
class="product-rating-overview__filter product-rating-overview__filter--active">
Semua</div>
<div class="product-rating-overview__filter">5 bintang
(5,2RB)</div>
<div class="product-rating-overview__filter">4 bintang
(521)</div>
<div class="product-rating-overview__filter">3 bintang
(4)</div>
<div class="product-rating-overview__filter">2 bintang
(6)</div>
<div class="product-rating-overview__filter">1 bintang
(6)</div>
<div class="product-rating-overview__filter">dengan
komentar (8,3RB)</div>
<div class="product-rating-overview__filter">Dengan
Media (1,6RB)</div>
<div class="product-rating-overview__filter">Langganan
(894)</div>
</div>
</div>
<div class="product-ratings__list" style="opacity: 1;"></div>
<div
class="shopee-page-controller product-ratings__page-controller">
<button
class="shopee-icon-button shopee-icon-button--left "><svg
enable-background="new 0 0 11 11"
viewBox="0 0 11 11" x="0" y="0"
class="shopee-svg-icon icon-arrow-left">
<g>
<path
d="m8.5 11c-.1 0-.2 0-.3-.1l-6-5c-.1-.1-.2-.3-.2-.4s.1-.3.2-.4l6-5c .2-.2.5-.1.7.1s.1.5-.1.7l-5.5 4.6 5.5 4.6c.2.2.2.5.1.7-.1.1-.3.2-.4.2z">
</path>
</g>
</svg></button><button
class="shopee-button-solid shopee-button-solid--primary">1</button><button
class="shopee-button-no-outline">2</button><button
class="shopee-button-no-outline">3</button><button
class="shopee-button-no-outline">4</button><button
class="shopee-button-no-outline">5</button><button
class="shopee-button-no-outline shopee-button-no-outline--non-click">...</button><button
class="shopee-icon-button shopee-icon-button--right "><svg
enable-background="new 0 0 11 11"
viewBox="0 0 11 11" x="0" y="0"
class="shopee-svg-icon icon-arrow-right">
<path
d="m2.5 11c .1 0 .2 0 .3-.1l6-5c .1-.1.2-.3.2-.4s-.1-.3-.2-.4l-6-5c-.2-.2-.5-.1-.7.1s-.1.5.1.7l5.5 4.6-5.5 4.6c-.2.2-.2.5-.1.7.1.1.3.2.4.2z">
</path>
</svg></button></div>
</div>
</div>
</div>
</div>
<div>
<div style="height: 1px;"></div>
</div>
</div>
<div class="page-product__content--right">
<div style="display: contents;"></div>
</div>
</div>
</div>
</div>
</div>
</div>
<div>
<div style="height: 1px;"></div>
</div>
</div>
<div style="position: fixed; width: 1px; height: 1px;"></div>
<div></div>
</div>
<div></div>
<div class="u+rzIW" id="BackgroundImagePortalAnchor"></div>
</div>
</div>
<div id="modal">
<div>
<div class="shopee-modal__transition-appear-done shopee-modal__transition-enter-done"></div>
</div>
<div>
<div class="shopee-modal__transition-appear-done shopee-modal__transition-enter-done"></div>
</div><span></span>
</div>
<script
nomodule=""> function loadStyleLink(e) { var l = document.head || document.getElementsByTagName("head")[0], t = document.createElement("link"); t.rel = "stylesheet", t.type = "text/css", t.href = e, l.appendChild(t) } if (!SUPPORT_MODULE) { for (var links = ["https://deo.shopeemobile.com/shopee/shopee-pcmall-live-sg/assets/4309.cdd4242839ab27a0.legacy.css", "https://deo.shopeemobile.com/shopee/shopee-pcmall-live-sg/assets/bundle.c494e5a23f823043.legacy.css"], i = 0; i < links.length; i++) loadStyleLink(links[i]); try { document.querySelectorAll("[data-modern]").forEach((function (e) { e.parentNode.removeChild(e) })) } catch (e) { } }</script>
<script type="text/javascript"
id=""> ! function (b, e, f, g, a, c, d) {
b.fbq || (a = b.fbq = function () { a.callMethod ? a.callMethod.apply(a, arguments) : a.queue.push(arguments) }, b._fbq || (b._fbq = a), a.push = a, a.loaded = !0, a.version = "2.0", a.queue = [], c = e.createElement(f), c.async = !0, c.src = g, d = e.getElementsByTagName(f)[0], d.parentNode.insertBefore(c, d)) fbq("init", google_tag_manager["rm"]["7691473"](3)); fbq("track", "PageView");</script>
<noscript><img height="1" width="1" style="display:none"
src="https://www.facebook.com/tr?id=466924370133774&amp;ev=PageView&amp;noscript=1"></noscript>
<script type="text/javascript"
id=""> function track_keyToGet() { try { var a = get_key(p.keyToGet); null !== a ? setCookie(p.cookieName, a) : track_keyToSearch() } catch (b) { console.warn("[medium_cookie_create][track_keyToGet]", b) } } function track_keyToSearch() { try { var a = Object.entries(p.keyToSearch), b = !0; for (i = 0; i < a.length; i++) { var c = a[i], d = get_key(c[0]); if (null !== d) { setCookie(p.cookieName, c[1]); b = !1; break } } b && get_refer() } catch (e) { console.warn("[medium_cookie_create][track_keyToSearch]", e) } } function get_refer() { try { refer && !shopee_refer_check.test(refer) && setCookie(p.cookieName, "refer") } catch (a) { console.warn("[medium_cookie_create][get_refer]", a) } } function get_key(a) { try { var b = window.location.href; a = "[\\?\x26]" + a + "\x3d([^\x26#]*)"; a = new RegExp(a); a = a.exec(b); return null == a ? null : a[1] } catch (c) { return console.warn("[medium_cookie_create][get_key]", c), null } } function setCookie(a, b) { try { var c = new Date; c.setTime(c.getTime() + 864E5 * p.cookieTime); var d = ";expires\x3d" + c.toUTCString(); document.cookie = a + "\x3d" + b + d + ";path\x3d" + p.path + ";domain\x3d" + p.domain } catch (e) { return console.warn("[medium_cookie_create][setCookie]", e), null } } try { var p = google_tag_manager["rm"]["7691473"](4), refer = google_tag_manager["rm"]["7691473"](5), shopee_refer_check = new RegExp(p.shopee_refer, "i"); track_keyToGet() } catch (a) { console.warn("[medium_cookie_create]", a) };</script>
<script type="text/javascript"
id=""> ! function () { function k(a, b) { b ? (l[0] = l[16] = l[1] = l[2] = l[3] = l[4] = l[5] = l[6] = l[7] = l[8] = l[9] = l[10] = l[11] = l[12] = l[13] = l[14] = l[15] = 0, this.blocks = l) : this.blocks = [0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0]; a ? (this.h0 = 3238371032, this.h1 = 914150663, this.h2 = 812702999, this.h3 = 4144912697, this.h4 = 4290775857, this.h5 = 1750603025, this.h6 = 1694076839, this.h7 = 3204075428) : (this.h0 = 1779033703, this.h1 = 3144134277, this.h2 = 1013904242, this.h3 = 2773480762, this.h4 = 1359893119, this.h5 = 2600822924, this.h6 = 528734635, this.h7 = 1541459225); this.block = this.start = this.bytes = this.hBytes = 0; this.finalized = this.hashed = !1; this.first = !0; this.is224 = a } function x(a, b, c) { var f = typeof a; if ("string" === f) { var e, m = [], d = a.length, g = 0; for (f = 0; f < d; ++f) 128 > (e = a.charCodeAt(f)) ? m[g++] = e : 2048 > e ? (m[g++] = 192 | e >> 6, m[g++] = 128 | 63 & e) : 55296 > e || 57344 <= e ? (m[g++] = 224 | e >> 12, m[g++] = 128 | e >> 6 & 63, m[g++] = 128 | 63 & e) : (e = 65536 + ((1023 & e) << 10 | 1023 & a.charCodeAt(++f)), m[g++] = 240 | e >> 18, m[g++] = 128 | e >> 12 & 63, m[g++] = 128 | e >> 6 & 63, m[g++] = 128 | 63 & e); a = m } else { if ("object" !== f) throw Error(u); if (null === a) throw Error(u); if (w && a.constructor === ArrayBuffer) a = new Uint8Array(a); else if (!(Array.isArray(a) || w && ArrayBuffer.isView(a))) throw Error(u); } 64 < a.length && (a = (new k(b, !0)).update(a).array()); e = []; m = []; for (f = 0; 64 > f; ++f) d = a[f] || 0, e[f] = 92 ^ d, m[f] = 54 ^ d; k.call(this, b, c); this.update(m); this.oKeyPad = e; this.inner = !0; this.sharedMemory = c } var u = "input is invalid type", v = "object" == typeof window, p = v ? window : {}; v = !v && "object" == typeof self; A ? p = global : v && (p = self); var F = "function" == typeof define && define.amd, c = "0123456789abcdef".split(""), G = [-2147483648, 8388608, 32768, 128], n = [24, 16, 8, 0], y = [1116352408, 1899447441, 3049323471, 3921009573, 961987163, 1508970993, 2453635748, 2870763221, 3624381080, 310598401, 607225278, 1426881987, 1925078388, 2162078206, 2614888103, 3248222580, 3835390401, 4022224774, 264347078, 604807628, 770255983, 1249150122, 1555081692, 1996064986, 2554220882, 2821834349, 2952996808, 3210313671, 3336571891, 3584528711, 113926993, 338241895, 666307205, 773529912, 1294757372, 1396182291, 1695183700, 1986661051, 2177026350, 2456956037, 2730485921, 2820302411, 3259730800, 3345764771, 3516065817, 3600352804, 4094571909, 275423344, 430227734, 506948616, 659060556, 883997877, 958139571, 1322822218, 1537002063, 1747873779, 1955562222, 2024104815, 2227730452, 2361852424, 2428436474, 2756734187, 3204031479, 3329325298], z = ["hex", "array", "digest", "arrayBuffer"], l = []; return "[object Array]" === Object.prototype.toString.call(a) }; return "object" == typeof a && a.buffer && a.buffer.constructor === ArrayBuffervar B = function (a, b) { return function (m) { return (new k(b, !0)).update(m)[a]() } }, C = function (a) { var b = B("hex", a); A && (b = H(b, a)); b.create = function () { return new k(a) }; b.update = function (a) { return b.create().update(a) }; for (var m = 0; m < z.length; ++m) { var c = z[m]; b[c] = B(c, a) } return b }, H = function (a, b) { var c = eval("require('crypto')"), f = eval("require('buffer').Buffer"), e = b ? "sha224" : "sha256", h = function (b) { if ("string" == typeof b) return c.createHash(e).update(b, "utf8").digest("hex"); if (null === b || void 0 === b) throw Error(u); return b.constructor === ArrayBuffer && (b = new Uint8Array(b)), Array.isArray(b) || ArrayBuffer.isView(b) || b.constructor === f ? c.createHash(e).update(new f(b)).digest("hex") : a(b) }; return h }, D = function (a, b) { return function (c, f) { return (new x(c, b, !0)).update(f)[a]() } }, E = function (a) { var b = D("hex", a); b.create = function (b) { return new x(b, a) }; b.update = function (a, c) { return b.create(a).update(c) }; for (var c = 0; c < z.length; ++c) { var f = z[c]; b[f] = D(f, a) } return b }; k.prototype.update = function (a) { if (!this.finalized) { var b = typeof a; if ("string" !== b) { if ("object" !== b) throw Error(u); if (null === a) throw Error(u); if (w && a.constructor === ArrayBuffer) a = new Uint8Array(a); else if (!(Array.isArray(a) || w && ArrayBuffer.isView(a))) throw Error(u); var c = !0 } for (var f, e = 0, h = a.length, d = this.blocks; e < h;) { if (this.hashed && (this.hashed = !1, d[0] = this.block, d[16] = d[1] = d[2] = d[3] = d[4] = d[5] = d[6] = d[7] = d[8] = d[9] = d[10] = d[11] = d[12] = d[13] = d[14] = d[15] = 0), c) for (b = this.start; e < h && 64 > b; ++e) d[b >> 2] |= a[e] << n[3 & b++]; elsefor(b = this.start; e < h && 64 > b; ++e) 128 > (f = a.charCodeAt(e)) ? d[b >> 2] |= f << n[3 & b++] : 2048 > f ? (d[b >> 2] |= (192 | f >> 6) << n[3 & b++], d[b >> 2] |= (128 | 63 & f) << n[3 & b++]) : 55296 > f || 57344 <= f ? (d[b >> 2] |= (224 | f >> 12) << n[3 & b++], d[b >> 2] |= (128 | f >> 6 & 63) << n[3 & b++], d[b >> 2] |= (128 | 63 & f) << n[3 & b++]) : (f = 65536 + ((1023 & f) << 10 | 1023 & a.charCodeAt(++e)), d[b >> 2] |= (240 | f >> 18) << n[3 & b++], d[b >> 2] |= (128 | f >> 12 & 63) << n[3 & b++], d[b >> 2] |= (128 | f >> 6 & 63) << n[3 & b++], d[b >> 2] |= (128 | 63 & f) << n[3 & b++]); this.lastByteIndex = b; this.bytes += b - this.start; 64 <= b ? (this.block = d[16], this.start = b - 64, this.hash(), this.hashed = !0) : this.start = b}return 4294967295 < this.bytes && (this.hBytes += this.bytes / 4294967296 << 0, this.bytes %= 4294967296), this }}; k.prototype.finalize = function () { if (!this.finalized) { this.finalized = !0; var a = this.blocks, b = this.lastByteIndex; a[16] = this.block; a[b >> 2] |= G[3 & b]; this.block = a[16]; 56 <= b && (this.hashed || this.hash(), a[0] = this.block, a[16] = a[1] = a[2] = a[3] = a[4] = a[5] = a[6] = a[7] = a[8] = a[9] = a[10] = a[11] = a[12] = a[13] = a[14] = a[15] = 0); a[14] = this.hBytes << 3 | this.bytes >>> 29; a[15] = this.bytes << 3; this.hash() } }; k.prototype.hash = function () { var a, b, c, f, e = this.h0, h = this.h1, d = this.h2, g = this.h3, k = this.h4, l = this.h5, r = this.h6, q = this.h7, n = this.blocks; for (a = 16; 64 > a; ++a) { var p = ((c = n[a - 15]) >>> 7 | c << 25) ^ (c >>> 18 | c << 14) ^ c >>> 3; var t = ((c = n[a - 2]) >>> 17 | c << 15) ^ (c >>> 19 | c << 13) ^ c >>> 10; n[a] = n[a - 16] + p + n[a - 7] + t << 0 } var u = h & d; for (a = 0; 64 > a; a += 4) this.first ? (this.is224 ? (f = 300032, q = (c = n[0] - 1413257819) - 150054599 << 0, g = c + 24177077 << 0) : (f = 704751109, q = (c = n[0] - 210244248) - 1521486534 << 0, g = c + 143694565 << 0), this.first = !1) : (p = (e >>> 2 | e << 30) ^ (e >>> 13 | e << 19) ^ (e >>> 22 | e << 10), b = (f = e & h) ^ e & d ^ u, q = g + (c = q + ((k >>> 6 | k << 26) ^ (k >>> 11 | k << 21) ^ (k >>> 25 | k << 7)) + (k & l ^ ~k & r) + y[a] + n[a]) << 0, g = c + (p + b) << 0), p = (g >>> 2 | g << 30) ^ (g >>> 13 | g << 19) ^ (g >>> 22 | g << 10), b = (u = g & e) ^ g & h ^ f, r = d + (c = r + ((q >>> 6 | q << 26) ^ (q >>> 11 | q << 21) ^ (q >>> 25 | q << 7)) + (q & k ^ ~q & l) + y[a + 1] + n[a + 1]) << 0, p = ((d = c + (p + b) << 0) >>> 2 | d << 30) ^ (d >>> 13 | d << 19) ^ (d >>> 22 | d << 10), b = (t = d & g) ^ d & e ^ u, l = h + (c = l + ((r >>> 6 | r << 26) ^ (r >>> 11 | r << 21) ^ (r >>> 25 | r << 7)) + (r & q ^ ~r & k) + y[a + 2] + n[a + 2]) << 0, p = ((h = c + (p + b) << 0) >>> 2 | h << 30) ^ (h >>> 13 | h << 19) ^ (h >>> 22 | h << 10), b = (u = h & d) ^ h & g ^ t, k = e + (c = k + ((l >>> 6 | l << 26) ^ (l >>> 11 | l << 21) ^ (l >>> 25 | l << 7)) + (l & r ^ ~l & q) + y[a + 3] + n[a + 3]) << 0, e = c + (p + b) << 0; this.h0 = this.h0 + e << 0; this.h1 = this.h1 + h << 0; this.h2 = this.h2 + d << 0; this.h3 = this.h3 + g << 0; this.h4 = this.h4 + k << 0; this.h5 = this.h5 + l << 0; this.h6 = this.h6 + r << 0; this.h7 = this.h7 + q << 0 }; k.prototype.hex = function () { this.finalize(); var a = this.h0, b = this.h1, m = this.h2, f = this.h3, e = this.h4, h = this.h5, d = this.h6, g = this.h7; a = c[a >> 28 & 15] + c[a >> 24 & 15] + c[a >> 20 & 15] + c[a >> 16 & 15] + c[a >> 12 & 15] + c[a >> 8 & 15] + c[a >> 4 & 15] + c[15 & a] + c[b >> 28 & 15] + c[b >> 24 & 15] + c[b >> 20 & 15] + c[b >> 16 & 15] + c[b >> 12 & 15] + c[b >> 8 & 15] + c[b >> 4 & 15] + c[15 & b] + c[m >> 28 & 15] + c[m >> 24 & 15] + c[m >> 20 & 15] + c[m >> 16 & 15] + c[m >> 12 & 15] + c[m >> 8 & 15] + c[m >> 4 & 15] + c[15 & m] + c[f >> 28 & 15] + c[f >> 24 & 15] + c[f >> 20 & 15] + c[f >> 16 & 15] + c[f >> 12 & 15] + c[f >> 8 & 15] + c[f >> 4 & 15] + c[15 & f] + c[e >> 28 & 15] + c[e >> 24 & 15] + c[e >> 20 & 15] + c[e >> 16 & 15] + c[e >> 12 & 15] + c[e >> 8 & 15] + c[e >> 4 & 15] + c[15 & e] + c[h >> 28 & 15] + c[h >> 24 & 15] + c[h >> 20 & 15] + c[h >> 16 & 15] + c[h >> 12 & 15] + c[h >> 8 & 15] + c[h >> 4 & 15] + c[15 & h] + c[d >> 28 & 15] + c[d >> 24 & 15] + c[d >> 20 & 15] + c[d >> 16 & 15] + c[d >> 12 & 15] + c[d >> 8 & 15] + c[d >> 4 & 15] + c[15 & d]; return this.is224 || (a += c[g >> 28 & 15] + c[g >> 24 & 15] + c[g >> 20 & 15] + c[g >> 16 & 15] + c[g >> 12 & 15] + c[g >> 8 & 15] + c[g >> 4 & 15] + c[15 & g]), a }; k.prototype.toString = k.prototype.hex; k.prototype.digest = function () { this.finalize(); var a = this.h0, b = this.h1, c = this.h2, f = this.h3, e = this.h4, h = this.h5, d = this.h6, g = this.h7; a = [a >> 24 & 255, a >> 16 & 255, a >> 8 & 255, 255 & a, b >> 24 & 255, b >> 16 & 255, b >> 8 & 255, 255 & b, c >> 24 & 255, c >> 16 & 255, c >> 8 & 255, 255 & c, f >> 24 & 255, f >> 16 & 255, f >> 8 & 255, 255 & f, e >> 24 & 255, e >> 16 & 255, e >> 8 & 255, 255 & e, h >> 24 & 255, h >> 16 & 255, h >> 8 & 255, 255 & h, d >> 24 & 255, d >> 16 & 255, d >> 8 & 255, 255 & d]; return this.is224 || a.push(g >> 24 & 255, g >> 16 & 255, g >> 8 & 255, 255 & g), a }; k.prototype.array = k.prototype.digest; k.prototype.arrayBuffer = function () { this.finalize(); var a = new ArrayBuffer(this.is224 ? 28 : 32), b = new DataView(a); return b.setUint32(0, this.h0), b.setUint32(4, this.h1), b.setUint32(8, this.h2), b.setUint32(12, this.h3), b.setUint32(16, this.h4), b.setUint32(20, this.h5), b.setUint32(24, this.h6), this.is224 || b.setUint32(28, this.h7), a }; x.prototype = new k; x.prototype.finalize = function () { if (k.prototype.finalize.call(this), this.inner) { this.inner = !1; var a = this.array(); k.call(this, this.is224, this.sharedMemory); this.update(this.oKeyPad); this.update(a); k.prototype.finalize.call(this) } }; var t = C(); t.sha256 = t; t.sha224 = C(!0); t.sha256.hmac = E(); t.sha224.hmac = E(!0); v ? module.exports = t : (p.sha256 = t.sha256, p.sha224 = t.sha224, F && define(function () { return t }))();</script>
<script type="text/javascript"
id=""> var url = window.location.pathname + window.location.search, contentGroup = ""; contentGroup = url.match("^/universal-link/|^/bridge_cmd|/download(\\?|/\\?pid)|/download") ? "Redirect" : url.match("(^/user/|(/cart($|/)|^/docs/|/me($|/|\\?))|^/buyer/|^((/checkout/)|(/checkout\\?))|^/communityRules/|^/legaldoc/|^/tips/|/func/app_select|/(addresses)|(edit_addresses)|/seller/|/shopping_cart/|/payment/|^/wallet/pay|^/forgot_password|^/account/|^/portal/|^/voucher-details/)") ? "User features" : url.match("(^/top\\_products$)|(^/top\\_products\\?)|^/daily_discover|^/from_same_shop/|^/similar_products/|^/you_may_also_like|^/mall/just-for-you|^/double_eleven_big_sale/") ? "Recommendation" : url.match("^/\\?|^/$") ? "Homepage" : url.match("\\-i\\.[0-9][0-9][0-9].*/similar|\\-i\\.[0-9][0-9][0-9].*/promotion") ? "Similar Product" : url.match("\\-i\\.[0-9][0-9][0-9]|/product/|^/item/") ? "Product" : url.match("\\-cat\\.[0-9]|/l/category/|/all_categories") && null == url.match("https://shopee.co.id/mall/.*\\-cat\\.[0-9]|/supermarket/.*\\-cat\\.[0-9]") ? "Category" : url.match("https://shopee.co.id/m/groupbuy") ? "Group-buy" : url.match("^/m/") ? "Microsite" : url.match("^/flash_sale|^/shocking_sale|^/flash_deals|/hot_deals$|/hot_deals?|/promo_flash$|/promo_flash?|/okazje_dnia$|/okazje_dnia?") ? "Flash Deals" : url.match("^/web$|^/web\\?|^/web/$|^/web/\\?|^/mobile$|^/mobile\\?|^/mobile/$|^/mobile/\\?") ? "Download Page" : url.match("^/campaigns/|^/campaigns?|^/campaigns$") ? "All Campaigns" : url.match("^/blog/|^/blog$|^/blog\\?|^/inspirasi-shopee") ? "Blog" : url.match("^/welcome\\?|^/welcome$|^/welcome\\-package\\?|^/welcome\\-package|^/shopee\\-coins/|^/shopee\\-coins\\?|^/shopee\\-coins$|^/shopee\\-coins\\-|^/koin\\-shopee/|^/koin\\-shopee\\?|^/koin\\-shopee$|^/koin\\-shopee\\-|^/shopeequiz\\?|^/shopeequiz$|^/referral\\-program?\\?|^/referral-program$|/pc_event/|/bundle-deal") ? "No SEO Campaigns (coins, welcome, quiz, bundle-deal)" : url.match("https://shopee.co.id/mall/|/mall$|^/Official-Shops/|^/scp/|/oficial$|/oficial?") && null == url.match("^/mall/search") ? "Mall" : url.match("https://shopee.co.id/produk-digital/|/digital-product/") ? "Digital Product" : url.match("https://shopee.co.id/events3/|^/collections/|/.*\\-col\\.[0-9]|/search\\?collection\\\x3d|/search.*\\\x26collection\\\x3d|/events2/") && null == url.match("^/blog/|^/blog$|^/blog\\?|/inspirasi-shopee") ? "Events3 \x26 Collections" : url.match("https://shopee.co.id/search\\?|/search/|/search$|/search_user|/search-item/|/search-user|\\?keyword\\\x3d|\\\x26keyword\\\x3d|\\-tag$|\\-tag\\?|/search-catalogue|/search-filter") && null == url.match("https://shopee.co.id/search\\?collection\\\x3d|/search.*\\\x26collection\\\x3d|/search\\?shopcollection\\\x3d|/search.*\\\x26shopcollection\\\x3d|/shop/.*/search|/search/\\?.*shop\\\x3d|/search\\?.*shop\\\x3d") ? "Search Keyword (with Tag)" : url.match("https://shopee.co.id/supermarket/|/supermarket$") ? "Supermarket" : url.match("^/list/") ? "Brand" : "Shop \x26 MISC (v2019.04)"; window.dataLayer = window.dataLayer || []; dataLayer.push(event: "cusevent", contentGroup: contentGroup);</script>
<div></div><iframe height="0" width="0" style="display: none; visibility: hidden;"
src="https://9469210.fls.doubleclick.net/activityi;src=9469210;type=eng;cat=id-w-pg;ord=3904586249253;npa=0;auiddc=1353907071.1706890869;u28=%2FApple-iPhone-11-64GB-White-i.255563049.7735648215%3Fsp_atk%3Df497a55c-076b-4f2e-b77e-84334cbd61fc%26xptdk%3Df497a55c-076b-4f2e-b77e-84334cbd61fc;u29=Shopee%20Indonesia%20%7C%20Situs%20Belanja%20Online%20Terlengkap%20%26%20Terpercaya;pscdl=noapi;gtm=45He41v0v77691473za200;gcs=G1--;gcd=11l1l1l1l5;dma=0;uaa=x86;uab=64;uafvl=Not%2520A(Brand%3B99.0.0.0%7CGoogle%2520Chrome%3B121.0.6167.87%7CChromium%3B121.0.6167.87;uamb=0;uam=;uap=Windows;uapv=10.0.0;uaw=0;epver=2;~oref=https%3A%2F%2Fshopee.co.id%2FApple-iPhone-11-64GB-White-i.255563049.7735648215%3Fsp_atk%3Df497a55c-076b-4f2e-b77e-84334cbd61fc%26xptdk%3Df497a55c-076b-4f2e-b77e-84334cbd61fc?"></iframe>
<script type="text/javascript"
id=""> ! function (b, e, f, g, a, c, d) b.fbq || (a = b.fbq = function ()a.callMethod ? a.callMethod.apply(a, arguments) : a.queue.push(arguments)}, b._fbq || (b._fbq = a), a.push = a, a.loaded = !0, a.version = "2.0", a.queue = [], c = e.createElement(f), c.async = !0, c.src = g, d = e.getElementsByTagName(f)[0], d.parentNode.insertBefore(c, d)) fbq("init", google_tag_manager["rm"]["7691473"](85)); fbq("track", "PageView");</script>
<noscript><img height="1" width="1" style="display:none"
src="https://www.facebook.com/tr?id=466924370133774&amp;ev=PageView&amp;noscript=1"></noscript>
<div class="stardust-toast__overlay"
style="position: fixed; top: 0px; left: 0px; height: 100%; width: 100%; pointer-events: none;">
<div></div>
</div>
<div></div>
<div></div>
<div></div>
<div></div>
<div></div>
<div></div>
<div></div>
<script type="text/javascript"
id=""> ! function (b, e, f, g, a, c, d) b.fbq || (a = b.fbq = function ()a.callMethod ? a.callMethod.apply(a, arguments) : a.queue.push(arguments) b._fbq || (b._fbq = a), a.push = a, a.loaded = !0, a.version = "2.0", a.queue = [], c = e.createElement(f), c.async = !0, c.src = g, d = e.getElementsByTagName(f)[0], d.parentNode.insertBefore(c, d)) fbq("init", google_tag_manager["rm"]["7691473"](110)); fbq("track", "PageView");</script>
<noscript><img height="1" width="1" style="display:none"
src="https://www.facebook.com/tr?id=466924370133774&amp;ev=PageView&amp;noscript=1"></noscript>
<script type="text/javascript"
id=""> fbq("track", "ViewContent", value: google_tag_manager["rm"]["7691473"](112), currency: "IDR", content_ids: "7735648215", content_type : "product");</script>
</body>
</html>
<?php
}else{
header($moneysite);
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment