bangun-kreatif/index.html
2024-01-23 15:41:15 +07:00

11430 lines
465 KiB
HTML
Raw Blame History

This file contains ambiguous Unicode characters

This file contains Unicode characters that might be confused with other characters. If you think that this is intentional, you can safely ignore this warning. Use the Escape button to reveal them.

<!DOCTYPE html>
<html
xmlns:og="http://opengraphprotocol.org/schema/"
xmlns:fb="http://www.facebook.com/2008/fbml"
lang="en-US"
>
<head>
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
<meta name="viewport" content="width=device-width, initial-scale=1" />
<!-- This is Squarespace. -->
<!-- opossum-tetra-tr4r -->
<!--<base href="">-->
<meta charset="utf-8" />
<title>Bangun Kreatif Abadi</title>
<meta
http-equiv="Accept-CH"
content="Sec-CH-UA-Platform-Version, Sec-CH-UA-Model"
/>
<link
rel="icon"
type="image/x-icon"
href="https://images.squarespace-cdn.com/content/v1/6001456f2ac8c16311bc6e72/1612474844924-4NWFOC67YQF1LQZYE9FF/favicon.ico?format=100w"
/>
<link rel="canonical" href="index.html" />
<meta property="og:site_name" content="Bangun Kreatif Abadi" />
<meta property="og:title" content="Bangun Kreatif Abadi" />
<meta property="og:url" content="https://www.bangun-kreatif.com" />
<meta property="og:type" content="website" />
<meta
property="og:description"
content="The fastest growing IT Company in Indonesia with more than 18 ready-to-use platform, on-time delivery on software development services around the globe"
/>
<meta
property="og:image"
content="http://static1.squarespace.com/static/6001456f2ac8c16311bc6e72/t/601ba21533effa5965880e72/1612423708260/0455CC59-49DE-468F-9B2F-6550B2A28DEE.png?format=1500w"
/>
<meta property="og:image:width" content="1500" />
<meta property="og:image:height" content="1178" />
<meta itemprop="name" content="Bangun Kreatif Abadi" />
<meta itemprop="url" content="https://www.bangun-kreatif.com" />
<meta
itemprop="description"
content="The fastest growing IT Company in Indonesia with more than 18 ready-to-use platform, on-time delivery on software development services around the globe"
/>
<meta
itemprop="thumbnailUrl"
content="http://static1.squarespace.com/static/6001456f2ac8c16311bc6e72/t/601ba21533effa5965880e72/1612423708260/0455CC59-49DE-468F-9B2F-6550B2A28DEE.png?format=1500w"
/>
<link
rel="image_src"
href="http://static1.squarespace.com/static/6001456f2ac8c16311bc6e72/t/601ba21533effa5965880e72/1612423708260/0455CC59-49DE-468F-9B2F-6550B2A28DEE.png?format=1500w"
/>
<meta
itemprop="image"
content="http://static1.squarespace.com/static/6001456f2ac8c16311bc6e72/t/601ba21533effa5965880e72/1612423708260/0455CC59-49DE-468F-9B2F-6550B2A28DEE.png?format=1500w"
/>
<meta name="twitter:title" content="Bangun Kreatif Abadi" />
<meta
name="twitter:image"
content="http://static1.squarespace.com/static/6001456f2ac8c16311bc6e72/t/601ba21533effa5965880e72/1612423708260/0455CC59-49DE-468F-9B2F-6550B2A28DEE.png?format=1500w"
/>
<meta name="twitter:url" content="https://www.bangun-kreatif.com" />
<meta name="twitter:card" content="summary" />
<meta
name="twitter:description"
content="The fastest growing IT Company in Indonesia with more than 18 ready-to-use platform, on-time delivery on software development services around the globe"
/>
<meta
name="description"
content="The fastest growing IT Company in Indonesia with more than 18 ready-to-use
platform, on-time delivery on software development services around the
globe"
/>
<link rel="preconnect" href="https://images.squarespace-cdn.com" />
<link
rel="stylesheet"
type="text/css"
href="https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,300;0,400;0,500;0,600;0,700;1,300"
/>
<script
type="text/javascript"
crossorigin="anonymous"
defer="defer"
nomodule="nomodule"
src="https://assets.squarespace.com/@sqs/polyfiller/1.6/legacy.js"
></script>
<script
type="text/javascript"
crossorigin="anonymous"
defer="defer"
src="https://assets.squarespace.com/@sqs/polyfiller/1.6/modern.js"
></script>
<script type="text/javascript">
SQUARESPACE_ROLLUPS = {};
</script>
<script>
(function (rollups, name) {
if (!rollups[name]) {
rollups[name] = {};
}
rollups[name].js = [
"//assets.squarespace.com/universal/scripts-compressed/extract-css-runtime-e843ba91146fe2e3e4033-min.en-US.js",
];
})(SQUARESPACE_ROLLUPS, "squarespace-extract_css_runtime");
</script>
<script
crossorigin="anonymous"
src="https://assets.squarespace.com/universal/scripts-compressed/extract-css-runtime-e843ba91146fe2e3e4033-min.en-US.js"
defer
></script>
<script>
(function (rollups, name) {
if (!rollups[name]) {
rollups[name] = {};
}
rollups[name].js = [
"//assets.squarespace.com/universal/scripts-compressed/extract-css-moment-js-vendor-e67ac5a108455ec4edca7-min.en-US.js",
];
})(SQUARESPACE_ROLLUPS, "squarespace-extract_css_moment_js_vendor");
</script>
<script
crossorigin="anonymous"
src="https://assets.squarespace.com/universal/scripts-compressed/extract-css-moment-js-vendor-e67ac5a108455ec4edca7-min.en-US.js"
defer
></script>
<script>
(function (rollups, name) {
if (!rollups[name]) {
rollups[name] = {};
}
rollups[name].js = [
"//assets.squarespace.com/universal/scripts-compressed/cldr-resource-pack-110eab6cc05faf9931604-min.en-US.js",
];
})(SQUARESPACE_ROLLUPS, "squarespace-cldr_resource_pack");
</script>
<script
crossorigin="anonymous"
src="https://assets.squarespace.com/universal/scripts-compressed/cldr-resource-pack-110eab6cc05faf9931604-min.en-US.js"
defer
></script>
<script>
(function (rollups, name) {
if (!rollups[name]) {
rollups[name] = {};
}
rollups[name].js = [
"//assets.squarespace.com/universal/scripts-compressed/common-vendors-stable-7df2661e23d95d8009d28-min.en-US.js",
];
})(SQUARESPACE_ROLLUPS, "squarespace-common_vendors_stable");
</script>
<script
crossorigin="anonymous"
src="https://assets.squarespace.com/universal/scripts-compressed/common-vendors-stable-7df2661e23d95d8009d28-min.en-US.js"
defer
></script>
<script>
(function (rollups, name) {
if (!rollups[name]) {
rollups[name] = {};
}
rollups[name].js = [
"//assets.squarespace.com/universal/scripts-compressed/common-vendors-99e550dc5f1c17e910c42-min.en-US.js",
];
})(SQUARESPACE_ROLLUPS, "squarespace-common_vendors");
</script>
<script
crossorigin="anonymous"
src="https://assets.squarespace.com/universal/scripts-compressed/common-vendors-99e550dc5f1c17e910c42-min.en-US.js"
defer
></script>
<script>
(function (rollups, name) {
if (!rollups[name]) {
rollups[name] = {};
}
rollups[name].js = [
"//assets.squarespace.com/universal/scripts-compressed/common-124634035ce410817976e-min.en-US.js",
];
})(SQUARESPACE_ROLLUPS, "squarespace-common");
</script>
<script
crossorigin="anonymous"
src="https://assets.squarespace.com/universal/scripts-compressed/common-124634035ce410817976e-min.en-US.js"
defer
></script>
<script>
(function (rollups, name) {
if (!rollups[name]) {
rollups[name] = {};
}
rollups[name].js = [
"//assets.squarespace.com/universal/scripts-compressed/performance-c842ab9838c08d3902883-min.en-US.js",
];
})(SQUARESPACE_ROLLUPS, "squarespace-performance");
</script>
<script
crossorigin="anonymous"
src="https://assets.squarespace.com/universal/scripts-compressed/performance-c842ab9838c08d3902883-min.en-US.js"
defer
></script>
<script data-name="static-context">
Static = window.Static || {};
Static.SQUARESPACE_CONTEXT = {
facebookAppId: "314192535267336",
facebookApiVersion: "v6.0",
rollups: {
"squarespace-announcement-bar": {
js: "//assets.squarespace.com/universal/scripts-compressed/announcement-bar-c787e5796f8f0ecca0999-min.en-US.js",
},
"squarespace-audio-player": {
css: "//assets.squarespace.com/universal/styles-compressed/audio-player-702bf18174efe0acaa8ce-min.en-US.css",
js: "//assets.squarespace.com/universal/scripts-compressed/audio-player-7d405dd691f01ac1c61e1-min.en-US.js",
},
"squarespace-blog-collection-list": {
css: "//assets.squarespace.com/universal/styles-compressed/blog-collection-list-3d55c64c25996c7633fc2-min.en-US.css",
js: "//assets.squarespace.com/universal/scripts-compressed/blog-collection-list-ad88023836bf46b308416-min.en-US.js",
},
"squarespace-calendar-block-renderer": {
css: "//assets.squarespace.com/universal/styles-compressed/calendar-block-renderer-49c4a5f3dae67a728e3f4-min.en-US.css",
js: "//assets.squarespace.com/universal/scripts-compressed/calendar-block-renderer-986617ff91047b5ee7529-min.en-US.js",
},
"squarespace-chartjs-helpers": {
css: "//assets.squarespace.com/universal/styles-compressed/chartjs-helpers-53c004ac7d4bde1c92e38-min.en-US.css",
js: "//assets.squarespace.com/universal/scripts-compressed/chartjs-helpers-37b2aca88e0fe2ae5b19d-min.en-US.js",
},
"squarespace-comments": {
css: "//assets.squarespace.com/universal/styles-compressed/comments-933bb5fddd01443b5a8ac-min.en-US.css",
js: "//assets.squarespace.com/universal/scripts-compressed/comments-2efdc06fe3e63930e15e6-min.en-US.js",
},
"squarespace-custom-css-popup": {
css: "//assets.squarespace.com/universal/styles-compressed/custom-css-popup-08529a2d56f735a6d6edb-min.en-US.css",
js: "//assets.squarespace.com/universal/scripts-compressed/custom-css-popup-91980925f3eb14a84018b-min.en-US.js",
},
"squarespace-dialog": {
css: "//assets.squarespace.com/universal/styles-compressed/dialog-4df0e94f6709644b8bc27-min.en-US.css",
js: "//assets.squarespace.com/universal/scripts-compressed/dialog-14c85eba3d0bfc23da010-min.en-US.js",
},
"squarespace-events-collection": {
css: "//assets.squarespace.com/universal/styles-compressed/events-collection-49c4a5f3dae67a728e3f4-min.en-US.css",
js: "//assets.squarespace.com/universal/scripts-compressed/events-collection-d6ac0cc534d9b17a0904e-min.en-US.js",
},
"squarespace-form-rendering-utils": {
js: "//assets.squarespace.com/universal/scripts-compressed/form-rendering-utils-8080bbd6bfd5dd0707225-min.en-US.js",
},
"squarespace-forms": {
css: "//assets.squarespace.com/universal/styles-compressed/forms-934772160ed2f1fb49718-min.en-US.css",
js: "//assets.squarespace.com/universal/scripts-compressed/forms-84b3e68de835bb43c0f21-min.en-US.js",
},
"squarespace-gallery-collection-list": {
css: "//assets.squarespace.com/universal/styles-compressed/gallery-collection-list-3d55c64c25996c7633fc2-min.en-US.css",
js: "//assets.squarespace.com/universal/scripts-compressed/gallery-collection-list-20a62ae931ab349a80d2f-min.en-US.js",
},
"squarespace-image-zoom": {
css: "//assets.squarespace.com/universal/styles-compressed/image-zoom-3d55c64c25996c7633fc2-min.en-US.css",
js: "//assets.squarespace.com/universal/scripts-compressed/image-zoom-9cdddd9fa7a0d8d7a2cc7-min.en-US.js",
},
"squarespace-pinterest": {
css: "//assets.squarespace.com/universal/styles-compressed/pinterest-3d55c64c25996c7633fc2-min.en-US.css",
js: "//assets.squarespace.com/universal/scripts-compressed/pinterest-f7eebc14fcf35c76450d4-min.en-US.js",
},
"squarespace-popup-overlay": {
css: "//assets.squarespace.com/universal/styles-compressed/popup-overlay-fd9ce38b67a1c6891b2e4-min.en-US.css",
js: "//assets.squarespace.com/universal/scripts-compressed/popup-overlay-0853470b3746777c40591-min.en-US.js",
},
"squarespace-product-quick-view": {
css: "//assets.squarespace.com/universal/styles-compressed/product-quick-view-74a2013c90ee619ccfc39-min.en-US.css",
js: "//assets.squarespace.com/universal/scripts-compressed/product-quick-view-c3d25380f86246f41a02a-min.en-US.js",
},
"squarespace-products-collection-item-v2": {
css: "//assets.squarespace.com/universal/styles-compressed/products-collection-item-v2-3d55c64c25996c7633fc2-min.en-US.css",
js: "//assets.squarespace.com/universal/scripts-compressed/products-collection-item-v2-cf0c8e640b90ea1d4cbab-min.en-US.js",
},
"squarespace-products-collection-list-v2": {
css: "//assets.squarespace.com/universal/styles-compressed/products-collection-list-v2-3d55c64c25996c7633fc2-min.en-US.css",
js: "//assets.squarespace.com/universal/scripts-compressed/products-collection-list-v2-459f258f42b6723f4d6dc-min.en-US.js",
},
"squarespace-search-page": {
css: "//assets.squarespace.com/universal/styles-compressed/search-page-9d0a55de1efafbb9218e1-min.en-US.css",
js: "//assets.squarespace.com/universal/scripts-compressed/search-page-7f9cacda11c6fea091de2-min.en-US.js",
},
"squarespace-search-preview": {
js: "//assets.squarespace.com/universal/scripts-compressed/search-preview-f5869a6fbb7f02987afca-min.en-US.js",
},
"squarespace-simple-liking": {
css: "//assets.squarespace.com/universal/styles-compressed/simple-liking-ef94529873378652e6e86-min.en-US.css",
js: "//assets.squarespace.com/universal/scripts-compressed/simple-liking-05446c592ce91acc4739e-min.en-US.js",
},
"squarespace-social-buttons": {
css: "//assets.squarespace.com/universal/styles-compressed/social-buttons-1f18e025ea682ade6293a-min.en-US.css",
js: "//assets.squarespace.com/universal/scripts-compressed/social-buttons-77bc8bd7231d1947e3c1b-min.en-US.js",
},
"squarespace-tourdates": {
css: "//assets.squarespace.com/universal/styles-compressed/tourdates-3d55c64c25996c7633fc2-min.en-US.css",
js: "//assets.squarespace.com/universal/scripts-compressed/tourdates-73d0459559eb8d1afacbf-min.en-US.js",
},
"squarespace-website-overlays-manager": {
css: "//assets.squarespace.com/universal/styles-compressed/website-overlays-manager-7cecc648f858e6f692130-min.en-US.css",
js: "//assets.squarespace.com/universal/scripts-compressed/website-overlays-manager-30a0ed71b7e9398890985-min.en-US.js",
},
},
pageType: 2,
website: {
id: "6001456f2ac8c16311bc6e72",
identifier: "opossum-tetra-tr4r",
websiteType: 1,
contentModifiedOn: 1631783277648,
cloneable: false,
hasBeenCloneable: false,
siteStatus: {},
language: "en-US",
timeZone: "Asia/Jakarta",
machineTimeZoneOffset: 25200000,
timeZoneOffset: 25200000,
timeZoneAbbr: "WIB",
siteTitle: "Bangun Kreatif Abadi",
fullSiteTitle: "Bangun Kreatif Abadi",
siteTagLine: "Empowering Business Through Technology",
siteDescription: "",
location: {
mapLat: -6.238516,
mapLng: 106.825997,
addressTitle: "PT Bangun Kreatif Abadi",
addressLine1: "20 Jalan Haji R. Rasuna Said",
addressLine2: ", Daerah Khusus Ibukota Jakarta, 12940",
addressCountry: "Indonesia",
},
logoImageId: "613afe2680486a6005012946",
socialLogoImageId: "601ba15209695b594731bf5e",
shareButtonOptions: {
4: true,
5: true,
7: true,
3: true,
8: true,
1: true,
2: true,
6: true,
},
logoImageUrl:
"//images.squarespace-cdn.com/content/v1/6001456f2ac8c16311bc6e72/02150c87-dd15-42c9-9022-19e87daa2a2f/newestbka.png",
socialLogoImageUrl:
"//images.squarespace-cdn.com/content/v1/6001456f2ac8c16311bc6e72/1612423510796-AGDFHS55LUGS6CMD9KGT/257ECAEE-545C-4968-971C-393E13178E70.png",
authenticUrl: "https://www.bangun-kreatif.com",
internalUrl: "https://opossum-tetra-tr4r.squarespace.com",
baseUrl: "https://www.bangun-kreatif.com",
primaryDomain: "www.bangun-kreatif.com",
sslSetting: 3,
isHstsEnabled: true,
socialAccounts: [
{
serviceId: 64,
addedOn: 1610696047958,
profileUrl: "https://www.instagram.com/bangunkreatifabadi/",
iconEnabled: true,
serviceName: "instagram-unauth",
},
{
serviceId: 60,
screenname: "Facebook",
addedOn: 1612370338093,
profileUrl:
"https://www.facebook.com/Bangun-Kreatif-Abadi-168959034745020/",
iconEnabled: true,
serviceName: "facebook-unauth",
},
{
serviceId: 20,
userId: "info@bangun-kreatif.com",
screenname: "info@bangun-kreatif.com",
addedOn: 1612473580068,
profileUrl: "mailto:info@bangun-kreatif.com",
iconEnabled: true,
serviceName: "email",
},
],
typekitId: "",
statsMigrated: false,
imageMetadataProcessingEnabled: false,
screenshotId:
"70023a5c834fe94e248bfac59f23cfcceba1a3cf387c2afb3563e45e6d693e4e",
captchaSettings: { enabledForDonations: false },
showOwnerLogin: false,
},
websiteSettings: {
id: "6001456f2ac8c16311bc6e74",
websiteId: "6001456f2ac8c16311bc6e72",
subjects: [],
country: "ID",
state: "JK",
simpleLikingEnabled: true,
mobileInfoBarSettings: {
style: 3,
isContactEmailEnabled: true,
isContactPhoneNumberEnabled: false,
isLocationEnabled: true,
isBusinessHoursEnabled: false,
},
commentLikesAllowed: true,
commentAnonAllowed: true,
commentThreaded: true,
commentApprovalRequired: false,
commentAvatarsOn: true,
commentSortType: 2,
commentFlagThreshold: 0,
commentFlagsAllowed: true,
commentEnableByDefault: true,
commentDisableAfterDaysDefault: 0,
disqusShortname: "",
commentsEnabled: false,
contactPhoneNumber: "",
businessHours: {
monday: { text: "", ranges: [{}] },
tuesday: { text: "", ranges: [{}] },
wednesday: { text: "", ranges: [{}] },
thursday: { text: "", ranges: [{}] },
friday: { text: "", ranges: [{}] },
saturday: { text: "", ranges: [{}] },
sunday: { text: "", ranges: [{}] },
},
contactEmail: "info@bangun-kreatif.com",
storeSettings: {
returnPolicy: null,
termsOfService: null,
privacyPolicy: null,
expressCheckout: false,
continueShoppingLinkUrl: "/",
useLightCart: false,
showNoteField: false,
shippingCountryDefaultValue: "ID",
billToShippingDefaultValue: false,
showShippingPhoneNumber: true,
isShippingPhoneRequired: false,
showBillingPhoneNumber: true,
isBillingPhoneRequired: false,
currenciesSupported: [
"USD",
"CAD",
"GBP",
"AUD",
"EUR",
"CHF",
"NOK",
"SEK",
"DKK",
"NZD",
"SGD",
"MXN",
"HKD",
"CZK",
"ILS",
"MYR",
"RUB",
"PHP",
"PLN",
"THB",
"BRL",
"ARS",
"COP",
"IDR",
"INR",
"JPY",
"ZAR",
],
defaultCurrency: "USD",
selectedCurrency: "IDR",
measurementStandard: 1,
showCustomCheckoutForm: false,
checkoutPageMarketingOptInEnabled: false,
enableMailingListOptInByDefault: false,
sameAsRetailLocation: false,
merchandisingSettings: {
scarcityEnabledOnProductItems: false,
scarcityEnabledOnProductBlocks: false,
scarcityMessageType: "DEFAULT_SCARCITY_MESSAGE",
scarcityThreshold: 10,
multipleQuantityAllowedForServices: true,
restockNotificationsEnabled: false,
restockNotificationsSuccessText: "",
restockNotificationsMailingListSignUpEnabled: false,
relatedProductsEnabled: false,
relatedProductsOrdering: "random",
soldOutVariantsDropdownDisabled: false,
productComposerOptedIn: false,
productComposerABTestOptedOut: false,
productReviewsEnabled: false,
displayImportedProductReviewsEnabled: false,
hasOptedToCollectNativeReviews: false,
},
isLive: true,
multipleQuantityAllowedForServices: true,
},
useEscapeKeyToLogin: true,
ssBadgeType: 1,
ssBadgePosition: 4,
ssBadgeVisibility: 1,
ssBadgeDevices: 1,
pinterestOverlayOptions: {
mode: "enabled_for_blogs",
size: "small",
shape: "rect",
},
ampEnabled: true,
userAccountsSettings: { loginAllowed: false, signupAllowed: false },
},
cookieSettings: {
isCookieBannerEnabled: true,
isRestrictiveCookiePolicyEnabled: false,
isRestrictiveCookiePolicyAbsolute: false,
cookieBannerText:
"By using this website, you agree to our use of cookies. We use cookies to provide you with a great experience and to help our website run effectively.",
cookieBannerTheme: "LIGHT",
cookieBannerVariant: "BAR",
cookieBannerPosition: "BOTTOM",
cookieBannerCtaVariant: "ICON",
cookieBannerCtaText: "OK",
cookieBannerAcceptType: "OPT_IN",
},
websiteCloneable: false,
collection: {
title: "About Us",
id: "601a7b75673cab32ec695074",
fullUrl: "/",
type: 10,
permissionType: 1,
},
subscribed: false,
appDomain: "squarespace.com",
templateTweakable: true,
tweakJSON: {
"form-use-theme-colors": "false",
"header-logo-height": "41px",
"header-mobile-logo-max-height": "44px",
"header-vert-padding": "1.3vw",
"header-width": "Full",
maxPageWidth: "1400px",
pagePadding: "4vw",
"tweak-blog-alternating-side-by-side-image-aspect-ratio":
"1:1 Square",
"tweak-blog-alternating-side-by-side-image-spacing": "5%",
"tweak-blog-alternating-side-by-side-meta-spacing": "15px",
"tweak-blog-alternating-side-by-side-primary-meta": "Categories",
"tweak-blog-alternating-side-by-side-read-more-spacing": "5px",
"tweak-blog-alternating-side-by-side-secondary-meta": "Date",
"tweak-blog-basic-grid-columns": "2",
"tweak-blog-basic-grid-image-aspect-ratio": "3:2 Standard",
"tweak-blog-basic-grid-image-spacing": "30px",
"tweak-blog-basic-grid-meta-spacing": "15px",
"tweak-blog-basic-grid-primary-meta": "Categories",
"tweak-blog-basic-grid-read-more-spacing": "15px",
"tweak-blog-basic-grid-secondary-meta": "Date",
"tweak-blog-item-custom-width": "60",
"tweak-blog-item-show-author-profile": "true",
"tweak-blog-item-width": "Wide",
"tweak-blog-masonry-columns": "2",
"tweak-blog-masonry-horizontal-spacing": "150px",
"tweak-blog-masonry-image-spacing": "25px",
"tweak-blog-masonry-meta-spacing": "20px",
"tweak-blog-masonry-primary-meta": "Categories",
"tweak-blog-masonry-read-more-spacing": "5px",
"tweak-blog-masonry-secondary-meta": "Date",
"tweak-blog-masonry-vertical-spacing": "100px",
"tweak-blog-side-by-side-image-aspect-ratio": "1:1 Square",
"tweak-blog-side-by-side-image-spacing": "6%",
"tweak-blog-side-by-side-meta-spacing": "20px",
"tweak-blog-side-by-side-primary-meta": "Categories",
"tweak-blog-side-by-side-read-more-spacing": "5px",
"tweak-blog-side-by-side-secondary-meta": "Date",
"tweak-blog-single-column-image-spacing": "40px",
"tweak-blog-single-column-meta-spacing": "30px",
"tweak-blog-single-column-primary-meta": "Categories",
"tweak-blog-single-column-read-more-spacing": "30px",
"tweak-blog-single-column-secondary-meta": "Date",
"tweak-events-stacked-show-thumbnails": "true",
"tweak-events-stacked-thumbnail-size": "3:2 Standard",
"tweak-fixed-header": "true",
"tweak-fixed-header-style": "Scroll Back",
"tweak-global-animations-animation-curve": "ease",
"tweak-global-animations-animation-delay": "1.0s",
"tweak-global-animations-animation-duration": "0.65s",
"tweak-global-animations-animation-style": "fade",
"tweak-global-animations-animation-type": "flex",
"tweak-global-animations-complexity-level": "detailed",
"tweak-global-animations-enabled": "true",
"tweak-portfolio-grid-basic-custom-height": "50",
"tweak-portfolio-grid-overlay-custom-height": "50",
"tweak-portfolio-hover-follow-acceleration": "10%",
"tweak-portfolio-hover-follow-animation-duration": "Fast",
"tweak-portfolio-hover-follow-animation-type": "Fade",
"tweak-portfolio-hover-follow-delimiter": "Bullet",
"tweak-portfolio-hover-follow-front": "true",
"tweak-portfolio-hover-follow-layout": "Stacked",
"tweak-portfolio-hover-follow-size": "50",
"tweak-portfolio-hover-follow-text-spacing-x": "1.5",
"tweak-portfolio-hover-follow-text-spacing-y": "5",
"tweak-portfolio-hover-static-animation-duration": "Fast",
"tweak-portfolio-hover-static-animation-type": "Fade",
"tweak-portfolio-hover-static-delimiter": "Hyphen",
"tweak-portfolio-hover-static-front": "true",
"tweak-portfolio-hover-static-layout": "Inline",
"tweak-portfolio-hover-static-size": "50",
"tweak-portfolio-hover-static-text-spacing-x": "1.5",
"tweak-portfolio-hover-static-text-spacing-y": "1.5",
"tweak-portfolio-index-background-animation-duration": "Medium",
"tweak-portfolio-index-background-animation-type": "None",
"tweak-portfolio-index-background-custom-height": "50",
"tweak-portfolio-index-background-delimiter": "None",
"tweak-portfolio-index-background-height": "Small",
"tweak-portfolio-index-background-horizontal-alignment": "Center",
"tweak-portfolio-index-background-link-format": "Stacked",
"tweak-portfolio-index-background-persist": "false",
"tweak-portfolio-index-background-vertical-alignment": "Middle",
"tweak-portfolio-index-background-width": "Full Bleed",
"tweak-product-basic-item-click-action": "None",
"tweak-product-basic-item-gallery-aspect-ratio":
"3:4 Three-Four (Vertical)",
"tweak-product-basic-item-gallery-design": "Slideshow",
"tweak-product-basic-item-gallery-width": "50%",
"tweak-product-basic-item-hover-action": "None",
"tweak-product-basic-item-image-spacing": "3vw",
"tweak-product-basic-item-image-zoom-factor": "1.75",
"tweak-product-basic-item-product-variant-display": "Dropdown",
"tweak-product-basic-item-thumbnail-placement": "Side",
"tweak-product-basic-item-variant-picker-layout": "Dropdowns",
"tweak-products-add-to-cart-button": "false",
"tweak-products-columns": "3",
"tweak-products-gutter-column": "2vw",
"tweak-products-gutter-row": "3vw",
"tweak-products-header-text-alignment": "Middle",
"tweak-products-image-aspect-ratio": "1:1 Square",
"tweak-products-image-text-spacing": "1vw",
"tweak-products-mobile-columns": "1",
"tweak-products-text-alignment": "Left",
"tweak-transparent-header": "true",
},
templateId: "5c5a519771c10ba3470d8101",
templateVersion: "7.1",
pageFeatures: [1, 2, 4],
gmRenderKey: "QUl6YVN5Q0JUUk9xNkx1dkZfSUUxcjQ2LVQ0QWVUU1YtMGQ3bXk4",
templateScriptsRootUrl:
"https://static1.squarespace.com/static/vta/5c5a519771c10ba3470d8101/scripts/",
betaFeatureFlags: [
"commerce_checkout_website_updates_enabled",
"nested_categories",
"collection_typename_switching",
"fluid_engine",
"campaigns_global_uc_ab",
"member_areas_provisioning_service",
"supports_versioned_template_assets",
"site_user_email_change",
"customize_item_paywalling",
"commerce_etsy_shipping_import",
"campaigns_new_image_layout_picker",
"order_status_page_checkout_landing_enabled",
"new_stacked_index",
"website_fonts",
"show_add_to_cart_in_plp",
"member_sites_ux_evolution",
"campaigns_thumbnail_layout",
"toggle_preview_new_shortcut",
"enable_css_variable_tweaks",
"send_local_pickup_ready_email",
"commsplat_forms_visitor_profile",
"customer_account_creation_recaptcha",
"nested_categories_migration_enabled",
"pdp_product_add_ons_visitor_site",
"crm_default_newsletter_block_to_campaigns",
"fluid_engine_clean_up_grid_contextual_change",
"campaigns_discount_section_in_blasts",
"marketing_landing_page",
"customize_collection_overview_paywalling",
"member_sites_ux_evolution_phase_two",
"commerce_clearpay",
"override_block_styles",
"unify_edit_mode_p2",
"themes",
"visitor_react_forms",
"campaigns_discount_section_in_automations",
"accounting_orders_sync",
"member_areas_schedule_interview",
"customer_accounts_email_verification",
"background_art_onboarding",
"commerce_etsy_product_import",
"image_component",
"is_feature_gate_refresh_enabled",
"campaigns_import_discounts",
"commerce_restock_notifications",
"crm_show_profile_forms",
"site_header_footer",
"member_areas_feature",
"crm_remove_subscriber",
"member_areas_spanish_interviews",
"scripts_defer",
"digital_products_monetization_ga_enabled",
"viewer-role-contributor-invites",
"commerce_site_visitor_metrics",
"website_component_enabled",
"commerce_order_status_access",
],
videoAssetsFeatureFlags: [
"mux-data-video-collection",
"mux-data-video-block",
"mux-data-course-collection",
],
impersonatedSession: false,
tzData: { zones: [[420, null, "WIB", null]], rules: {} },
showAnnouncementBar: false,
recaptchaEnterpriseContext: {
recaptchaEnterpriseSiteKey:
"6LdDFQwjAAAAAPigEvvPgEVbb7QBm-TkVJdDTlAv",
},
i18nContext: {
timeZoneData: { id: "Asia/Jakarta", name: "Western Indonesia Time" },
},
};
</script>
<script type="application/ld+json">
{
"url": "https://www.bangun-kreatif.com",
"name": "Bangun Kreatif Abadi",
"description": "",
"image": "//images.squarespace-cdn.com/content/v1/6001456f2ac8c16311bc6e72/02150c87-dd15-42c9-9022-19e87daa2a2f/newestbka.png",
"@context": "http://schema.org",
"@type": "WebSite"
}
</script>
<script type="application/ld+json">
{
"legalName": "PT Bangun Kreatif Abadi",
"address": "20 Jalan Haji R. Rasuna Said\n, Daerah Khusus Ibukota Jakarta, 12940\nIndonesia",
"email": "info@bangun-kreatif.com",
"telephone": "",
"sameAs": [
"https://www.instagram.com/bangunkreatifabadi/",
"https://www.facebook.com/Bangun-Kreatif-Abadi-168959034745020/",
"mailto:info@bangun-kreatif.com"
],
"@context": "http://schema.org",
"@type": "Organization"
}
</script>
<script type="application/ld+json">
{
"address": "20 Jalan Haji R. Rasuna Said\n, Daerah Khusus Ibukota Jakarta, 12940\nIndonesia",
"image": "https://static1.squarespace.com/static/6001456f2ac8c16311bc6e72/t/613afe2680486a6005012946/1631783277648/",
"name": "PT Bangun Kreatif Abadi",
"openingHours": ", , , , , , ",
"@context": "http://schema.org",
"@type": "LocalBusiness"
}
</script>
<link
rel="stylesheet"
type="text/css"
href="https://static1.squarespace.com/static/versioned-site-css/6001456f2ac8c16311bc6e72/201/5c5a519771c10ba3470d8101/6001456f2ac8c16311bc6e8b/1470/site.css"
/>
<script>
Static.COOKIE_BANNER_CAPABLE = true;
</script>
<script>
!(function (f, b, e, v, n, t, s) {
if (f.fbq) return;
n = f.fbq = function () {
n.callMethod
? n.callMethod.apply(n, arguments)
: n.queue.push(arguments);
};
if (!f._fbq) f._fbq = n;
n.push = n;
n.loaded = !0;
n.version = "2.0";
n.agent = "plsquarespace";
n.queue = [];
t = b.createElement(e);
t.async = !0;
t.src = v;
s = b.getElementsByTagName(e)[0];
s.parentNode.insertBefore(t, s);
})(
window,
document,
"script",
"https://connect.facebook.net/en_US/fbevents.js"
);
fbq("init", "244952560421121");
fbq("track", "PageView");
</script>
<!-- End of Squarespace Headers -->
<script>
window.__INITIAL_SQUARESPACE_7_1_WEBSITE_COLORS__ = [
{
id: "white",
value: {
values: { hue: 0.0, saturation: 0.0, lightness: 100.0 },
userFormat: "hex",
},
},
{
id: "black",
value: {
values: { hue: 0.0, saturation: 0.0, lightness: 0.0 },
userFormat: "hsl",
},
},
{
id: "safeLightAccent",
value: {
values: { hue: 0.0, saturation: 0.0, lightness: 100.0 },
userFormat: "hex",
},
},
{
id: "safeDarkAccent",
value: {
values: {
hue: 213.52941176470588,
saturation: 97.14285714285715,
lightness: 27.45098039215686,
},
userFormat: "hex",
},
},
{
id: "safeInverseAccent",
value: {
values: { hue: 0.0, saturation: 0.0, lightness: 100.0 },
userFormat: "hex",
},
},
{
id: "safeInverseLightAccent",
value: {
values: { hue: 0.0, saturation: 0.0, lightness: 0.0 },
userFormat: "hex",
},
},
{
id: "safeInverseDarkAccent",
value: {
values: { hue: 0.0, saturation: 0.0, lightness: 100.0 },
userFormat: "hex",
},
},
{
id: "accent",
value: {
values: {
hue: 213.52941176470588,
saturation: 97.14285714285715,
lightness: 27.45098039215686,
},
userFormat: "hex",
},
},
{
id: "lightAccent",
value: {
values: { hue: 0.0, saturation: 0.0, lightness: 94.90196078431372 },
userFormat: "hex",
},
},
{
id: "darkAccent",
value: {
values: {
hue: 190.0,
saturation: 100.0,
lightness: 42.35294117647059,
},
userFormat: "hex",
},
},
];
window.__COLOR_MAPPINGS_WITH_SEPARATE_ALPHA__ = [
{ name: "tweak-form-block-field-fill-color" },
{ name: "tweak-form-block-field-border-color" },
{ name: "tweak-form-block-field-fill-color-on-background" },
{ name: "tweak-form-block-field-border-color-on-background" },
{ name: "tweak-form-block-field-input-color" },
{ name: "tweak-form-block-field-input-color-on-background" },
];
</script>
<style id="colorThemeStyles">
:root {
--white-hsl: 0, 0%, 100%;
--black-hsl: 0, 0%, 0%;
--safeLightAccent-hsl: 0, 0%, 100%;
--safeDarkAccent-hsl: 213.52941176470588, 97.14285714285715%,
27.45098039215686%;
--safeInverseAccent-hsl: 0, 0%, 100%;
--safeInverseLightAccent-hsl: 0, 0%, 0%;
--safeInverseDarkAccent-hsl: 0, 0%, 100%;
--accent-hsl: 213.52941176470588, 97.14285714285715%, 27.45098039215686%;
--lightAccent-hsl: 0, 0%, 94.90196078431372%;
--darkAccent-hsl: 190, 100%, 42.35294117647059%;
}
.white {
--announcement-bar-background-color: hsla(var(--black-hsl), 1);
--announcement-bar-text-color: hsla(var(--white-hsl), 1);
--backgroundOverlayColor: hsla(var(--white-hsl), 1);
--course-item-nav-active-lesson-background-color: hsla(
var(--darkAccent-hsl),
1
);
--course-item-nav-active-lesson-text-color: hsla(var(--white-hsl), 1);
--course-item-nav-background-color: hsla(var(--lightAccent-hsl), 1);
--course-item-nav-border-color: hsla(var(--darkAccent-hsl), 0.25);
--course-item-nav-text-color: hsla(var(--black-hsl), 1);
--course-list-course-progress-bar-color: hsla(var(--accent-hsl), 1);
--course-list-course-item-background: hsla(var(--lightAccent-hsl), 1);
--course-list-course-item-hover-background: hsla(
var(--lightAccent-hsl),
0.75
);
--course-list-course-item-text-color: hsla(var(--black-hsl), 1);
--course-list-course-chapter-divider-color: hsla(
var(--darkAccent-hsl),
1
);
--course-list-grid-layout-chapter-divider-color: hsla(
var(--black-hsl),
1
);
--course-list-grid-layout-course-item-background-color: hsla(
var(--lightAccent-hsl),
1
);
--course-list-grid-layout-course-item-hover-background-color: hsla(
var(--lightAccent-hsl),
0.75
);
--course-list-grid-layout-course-item-text-color: hsla(
var(--black-hsl),
1
);
--course-list-grid-layout-course-item-border-color: hsla(
var(--darkAccent-hsl),
1
);
--gradientHeaderBackgroundColor: hsla(var(--white-hsl), 1);
--gradientHeaderBorderColor: hsla(var(--black-hsl), 1);
--gradientHeaderDropShadowColor: hsla(var(--black-hsl), 1);
--gradientHeaderNavigationColor: hsla(var(--black-hsl), 1);
--headerDropShadowColor: hsla(var(--black-hsl), 1);
--headerBorderColor: hsla(var(--black-hsl), 1);
--headingExtraLargeColor: hsla(var(--black-hsl), 1);
--headingLargeColor: hsla(var(--black-hsl), 1);
--headingLinkColor: hsla(var(--safeDarkAccent-hsl), 1);
--headingMediumColor: hsla(var(--black-hsl), 1);
--headingSmallColor: hsla(var(--black-hsl), 1);
--image-block-card-image-button-bg-color: hsla(
var(--safeDarkAccent-hsl),
1
);
--image-block-card-image-button-text-color: hsla(
var(--safeInverseDarkAccent-hsl),
1
);
--image-block-card-image-overlay-color: hsla(var(--darkAccent-hsl), 1);
--image-block-card-image-subtitle-color: hsla(var(--black-hsl), 1);
--image-block-card-image-title-bg-color: hsla(var(--white-hsl), 0);
--image-block-card-image-title-color: hsla(var(--black-hsl), 1);
--image-block-card-inline-link-color: hsla(var(--black-hsl), 1);
--image-block-collage-background-color: hsla(var(--lightAccent-hsl), 1);
--image-block-collage-image-button-bg-color: hsla(
var(--safeDarkAccent-hsl),
1
);
--image-block-collage-image-button-text-color: hsla(
var(--safeInverseDarkAccent-hsl),
1
);
--image-block-collage-image-overlay-color: hsla(
var(--darkAccent-hsl),
1
);
--image-block-collage-image-subtitle-color: hsla(var(--black-hsl), 1);
--image-block-collage-image-title-bg-color: hsla(var(--white-hsl), 0);
--image-block-collage-image-title-color: hsla(var(--black-hsl), 1);
--image-block-collage-inline-link-color: hsla(var(--black-hsl), 1);
--image-block-overlap-image-button-bg-color: hsla(
var(--safeDarkAccent-hsl),
1
);
--image-block-overlap-image-button-text-color: hsla(
var(--safeInverseDarkAccent-hsl),
1
);
--image-block-overlap-image-overlay-color: hsla(
var(--darkAccent-hsl),
1
);
--image-block-overlap-image-subtitle-color: hsla(var(--black-hsl), 1);
--image-block-overlap-image-title-bg-color: hsla(var(--white-hsl), 1);
--image-block-overlap-image-title-color: hsla(var(--black-hsl), 1);
--image-block-overlap-inline-link-color: hsla(var(--black-hsl), 1);
--image-block-overlay-color: hsla(var(--black-hsl), 0.5);
--image-block-poster-image-button-bg-color: hsla(
var(--safeDarkAccent-hsl),
1
);
--image-block-poster-image-button-text-color: hsla(
var(--safeInverseDarkAccent-hsl),
1
);
--image-block-poster-image-overlay-color: hsla(
var(--darkAccent-hsl),
1
);
--image-block-poster-image-subtitle-color: hsla(var(--white-hsl), 1);
--image-block-poster-image-title-bg-color-v2: hsla(var(--white-hsl), 0);
--image-block-poster-image-title-color: hsla(var(--white-hsl), 1);
--image-block-poster-inline-link-color: hsla(var(--white-hsl), 1);
--image-block-stack-image-button-bg-color: hsla(
var(--safeDarkAccent-hsl),
1
);
--image-block-stack-image-button-text-color: hsla(
var(--safeInverseDarkAccent-hsl),
1
);
--image-block-stack-image-overlay-color: hsla(var(--darkAccent-hsl), 1);
--image-block-stack-image-subtitle-color: hsla(var(--black-hsl), 1);
--image-block-stack-image-title-bg-color: hsla(var(--white-hsl), 0);
--image-block-stack-image-title-color: hsla(var(--black-hsl), 1);
--image-block-stack-inline-link-color: hsla(var(--black-hsl), 1);
--list-section-banner-slideshow-arrow-background-color: hsla(
var(--safeDarkAccent-hsl),
1
);
--list-section-banner-slideshow-arrow-color: hsla(
var(--safeInverseDarkAccent-hsl),
1
);
--list-section-banner-slideshow-button-background-color: hsla(
var(--safeDarkAccent-hsl),
1
);
--list-section-banner-slideshow-button-text-color: hsla(
var(--safeInverseDarkAccent-hsl),
1
);
--list-section-banner-slideshow-card-button-background-color: hsla(
var(--safeDarkAccent-hsl),
1
);
--list-section-banner-slideshow-card-button-text-color: hsla(
var(--safeInverseDarkAccent-hsl),
1
);
--list-section-banner-slideshow-card-color: hsla(var(--white-hsl), 1);
--list-section-banner-slideshow-card-description-color: hsla(
var(--black-hsl),
1
);
--list-section-banner-slideshow-card-description-link-color: hsla(
var(--safeDarkAccent-hsl),
1
);
--list-section-banner-slideshow-card-title-color: hsla(
var(--black-hsl),
1
);
--list-section-banner-slideshow-description-color: hsla(
var(--black-hsl),
1
);
--list-section-banner-slideshow-title-color: hsla(var(--black-hsl), 1);
--list-section-carousel-arrow-background-color: hsla(
var(--safeDarkAccent-hsl),
1
);
--list-section-carousel-arrow-color: hsla(
var(--safeInverseDarkAccent-hsl),
1
);
--list-section-carousel-button-background-color: hsla(
var(--safeDarkAccent-hsl),
1
);
--list-section-carousel-button-text-color: hsla(
var(--safeInverseDarkAccent-hsl),
1
);
--list-section-carousel-card-button-background-color: hsla(
var(--safeDarkAccent-hsl),
1
);
--list-section-carousel-card-button-text-color: hsla(
var(--safeInverseDarkAccent-hsl),
1
);
--list-section-carousel-card-color: hsla(var(--white-hsl), 1);
--list-section-carousel-card-description-color: hsla(
var(--black-hsl),
1
);
--list-section-carousel-card-description-link-color: hsla(
var(--safeDarkAccent-hsl),
1
);
--list-section-carousel-card-title-color: hsla(var(--black-hsl), 1);
--list-section-carousel-description-color: hsla(var(--black-hsl), 1);
--list-section-carousel-title-color: hsla(var(--black-hsl), 1);
--list-section-simple-button-background-color: hsla(
var(--safeDarkAccent-hsl),
1
);
--list-section-simple-button-text-color: hsla(
var(--safeInverseDarkAccent-hsl),
1
);
--list-section-simple-card-button-background-color: hsla(
var(--safeDarkAccent-hsl),
1
);
--list-section-simple-card-button-text-color: hsla(
var(--safeInverseDarkAccent-hsl),
1
);
--list-section-simple-card-color: hsla(var(--white-hsl), 1);
--list-section-simple-card-description-color: hsla(var(--black-hsl), 1);
--list-section-simple-card-description-link-color: hsla(
var(--safeDarkAccent-hsl),
1
);
--list-section-simple-card-title-color: hsla(var(--black-hsl), 1);
--list-section-simple-description-color: hsla(var(--black-hsl), 1);
--list-section-simple-title-color: hsla(var(--black-hsl), 1);
--list-section-title-color: hsla(var(--black-hsl), 1);
--menuOverlayBackgroundColor: hsla(var(--white-hsl), 1);
--menuOverlayButtonBackgroundColor: hsla(var(--safeDarkAccent-hsl), 1);
--menuOverlayButtonTextColor: hsla(var(--safeInverseDarkAccent-hsl), 1);
--menuOverlayNavigationLinkColor: hsla(var(--black-hsl), 1);
--navigationLinkColor: hsla(var(--black-hsl), 1);
--paragraphLargeColor: hsla(var(--black-hsl), 1);
--paragraphLinkColor: hsla(var(--safeDarkAccent-hsl), 1);
--paragraphMediumColor: hsla(var(--black-hsl), 1);
--paragraphSmallColor: hsla(var(--black-hsl), 1);
--portfolio-grid-basic-title-color: hsla(var(--black-hsl), 1);
--portfolio-grid-overlay-overlay-color: hsla(var(--white-hsl), 1);
--portfolio-grid-overlay-title-color: hsla(var(--black-hsl), 1);
--portfolio-hover-follow-title-color: hsla(var(--black-hsl), 1);
--portfolio-hover-static-title-color: hsla(var(--black-hsl), 1);
--portfolio-index-background-title-color: hsla(var(--black-hsl), 1);
--primaryButtonBackgroundColor: hsla(var(--safeDarkAccent-hsl), 1);
--primaryButtonTextColor: hsla(var(--white-hsl), 1);
--secondaryButtonBackgroundColor: hsla(var(--safeDarkAccent-hsl), 1);
--secondaryButtonTextColor: hsla(var(--white-hsl), 1);
--section-divider-stroke-color: hsla(var(--safeDarkAccent-hsl), 1);
--section-inset-border-color: hsla(var(--white-hsl), 1);
--shape-block-background-color: hsla(var(--lightAccent-hsl), 1);
--shape-block-dropshadow-color: hsla(var(--lightAccent-hsl), 1);
--shape-block-stroke-color: hsla(var(--black-hsl), 1);
--siteBackgroundColor: hsla(var(--lightAccent-hsl), 1);
--siteTitleColor: hsla(var(--white-hsl), 1);
--social-links-block-main-icon-color: hsla(var(--black-hsl), 1);
--social-links-block-secondary-icon-color: hsla(var(--white-hsl), 1);
--solidHeaderBackgroundColor: hsla(var(--white-hsl), 1);
--solidHeaderBorderColor: hsla(var(--black-hsl), 1);
--solidHeaderDropShadowColor: hsla(var(--black-hsl), 1);
--solidHeaderNavigationColor: hsla(var(--black-hsl), 1);
--summary-block-limited-availability-label-color: hsla(
var(--black-hsl),
1
);
--tertiaryButtonBackgroundColor: hsla(var(--safeDarkAccent-hsl), 1);
--tertiaryButtonTextColor: hsla(var(--white-hsl), 1);
--text-highlight-color: hsla(var(--safeDarkAccent-hsl), 1);
--text-highlight-color-on-background: hsla(
var(--safeDarkAccent-hsl),
1
);
--tweak-accordion-block-background-color: hsla(
var(--lightAccent-hsl),
1
);
--tweak-accordion-block-divider-color: hsla(var(--black-hsl), 1);
--tweak-accordion-block-divider-color-on-background: hsla(
var(--black-hsl),
1
);
--tweak-accordion-block-icon-color: hsla(var(--black-hsl), 1);
--tweak-accordion-block-icon-color-on-background: hsla(
var(--black-hsl),
1
);
--tweak-blog-alternating-side-by-side-list-excerpt-color: hsla(
var(--black-hsl),
1
);
--tweak-blog-alternating-side-by-side-list-meta-color: hsla(
var(--black-hsl),
1
);
--tweak-blog-alternating-side-by-side-list-read-more-color: hsla(
var(--safeDarkAccent-hsl),
1
);
--tweak-blog-alternating-side-by-side-list-title-color: hsla(
var(--black-hsl),
1
);
--tweak-blog-basic-grid-list-excerpt-color: hsla(var(--black-hsl), 1);
--tweak-blog-basic-grid-list-meta-color: hsla(var(--black-hsl), 1);
--tweak-blog-basic-grid-list-read-more-color: hsla(
var(--safeDarkAccent-hsl),
1
);
--tweak-blog-basic-grid-list-title-color: hsla(var(--black-hsl), 1);
--tweak-blog-item-author-profile-color: hsla(var(--black-hsl), 1);
--tweak-blog-item-comment-meta-color: hsla(var(--black-hsl), 1);
--tweak-blog-item-comment-text-color: hsla(var(--black-hsl), 1);
--tweak-blog-item-meta-color: hsla(var(--black-hsl), 1);
--tweak-blog-item-pagination-icon-color: hsla(var(--black-hsl), 1);
--tweak-blog-item-pagination-meta-color: hsla(var(--black-hsl), 1);
--tweak-blog-item-pagination-title-color: hsla(var(--black-hsl), 1);
--tweak-blog-item-title-color: hsla(var(--black-hsl), 1);
--tweak-blog-masonry-list-excerpt-color: hsla(var(--black-hsl), 1);
--tweak-blog-masonry-list-meta-color: hsla(var(--black-hsl), 1);
--tweak-blog-masonry-list-read-more-color: hsla(
var(--safeDarkAccent-hsl),
1
);
--tweak-blog-masonry-list-title-color: hsla(var(--black-hsl), 1);
--tweak-blog-side-by-side-list-excerpt-color: hsla(var(--black-hsl), 1);
--tweak-blog-side-by-side-list-meta-color: hsla(var(--black-hsl), 1);
--tweak-blog-side-by-side-list-read-more-color: hsla(
var(--safeDarkAccent-hsl),
1
);
--tweak-blog-side-by-side-list-title-color: hsla(var(--black-hsl), 1);
--tweak-blog-single-column-list-excerpt-color: hsla(
var(--black-hsl),
1
);
--tweak-blog-single-column-list-meta-color: hsla(var(--black-hsl), 1);
--tweak-blog-single-column-list-read-more-color: hsla(
var(--safeDarkAccent-hsl),
1
);
--tweak-blog-single-column-list-title-color: hsla(var(--black-hsl), 1);
--tweak-content-link-block-title-color: hsla(var(--black-hsl), 1);
--tweak-events-item-pagination-date-color: hsla(var(--black-hsl), 1);
--tweak-events-item-pagination-icon-color: hsla(var(--black-hsl), 1);
--tweak-events-item-pagination-title-color: hsla(var(--black-hsl), 1);
--tweak-form-block-background-color: hsla(var(--lightAccent-hsl), 1);
--tweak-form-block-button-background-color: hsla(
var(--safeDarkAccent-hsl),
1
);
--tweak-form-block-button-background-color-on-background: hsla(
var(--safeDarkAccent-hsl),
1
);
--tweak-form-block-button-text-color: hsla(
var(--safeInverseDarkAccent-hsl),
1
);
--tweak-form-block-button-text-color-on-background: hsla(
var(--safeInverseDarkAccent-hsl),
1
);
--tweak-form-block-caption-color: hsla(var(--black-hsl), 1);
--tweak-form-block-caption-color-on-background: hsla(
var(--black-hsl),
1
);
--tweak-form-block-description-color: hsla(var(--black-hsl), 1);
--tweak-form-block-description-color-on-background: hsla(
var(--black-hsl),
1
);
--tweak-form-block-option-color: hsla(var(--black-hsl), 1);
--tweak-form-block-option-color-on-background: hsla(
var(--black-hsl),
1
);
--tweak-form-block-survey-title-color: hsla(var(--black-hsl), 1);
--tweak-form-block-survey-title-color-on-background: hsla(
var(--black-hsl),
1
);
--tweak-form-block-title-color: hsla(var(--black-hsl), 1);
--tweak-form-block-title-color-on-background: hsla(var(--black-hsl), 1);
--tweak-form-block-field-fill-color: hsla(var(--lightAccent-hsl), 1);
--tweak-form-block-field-fill-color-hsl: var(--lightAccent-hsl);
--tweak-form-block-field-fill-color-a: 1;
--tweak-form-block-field-border-color: hsla(var(--black-hsl), 1);
--tweak-form-block-field-border-color-hsl: var(--black-hsl);
--tweak-form-block-field-border-color-a: 1;
--tweak-form-block-field-input-color: hsla(var(--black-hsl), 1);
--tweak-form-block-field-input-color-hsl: var(--black-hsl);
--tweak-form-block-field-input-color-a: 1;
--tweak-form-block-field-accessory-color: hsla(var(--black-hsl), 1);
--tweak-form-block-field-fill-color-on-background: hsla(
var(--white-hsl),
1
);
--tweak-form-block-field-fill-color-on-background-hsl: var(--white-hsl);
--tweak-form-block-field-fill-color-on-background-a: 1;
--tweak-form-block-field-border-color-on-background: hsla(
var(--black-hsl),
1
);
--tweak-form-block-field-border-color-on-background-hsl: var(
--black-hsl
);
--tweak-form-block-field-border-color-on-background-a: 1;
--tweak-form-block-field-input-color-on-background: hsla(
var(--black-hsl),
1
);
--tweak-form-block-field-input-color-on-background-hsl: var(
--black-hsl
);
--tweak-form-block-field-input-color-on-background-a: 1;
--tweak-form-block-field-accessory-color-on-background: hsla(
var(--black-hsl),
1
);
--tweak-gallery-icon-background-color: hsla(var(--white-hsl), 1);
--tweak-gallery-icon-color: hsla(var(--black-hsl), 1);
--tweak-gallery-lightbox-background-color: hsla(var(--white-hsl), 1);
--tweak-gallery-lightbox-icon-color: hsla(var(--black-hsl), 1);
--tweak-heading-extra-large-color-on-background: hsla(
var(--black-hsl),
1
);
--tweak-heading-large-color-on-background: hsla(var(--black-hsl), 1);
--tweak-heading-medium-color-on-background: hsla(var(--black-hsl), 1);
--tweak-heading-small-color-on-background: hsla(var(--black-hsl), 1);
--tweak-line-block-line-color: hsla(var(--black-hsl), 1);
--tweak-marquee-block-background-color: hsla(var(--lightAccent-hsl), 1);
--tweak-marquee-block-heading-color: hsla(var(--black-hsl), 1);
--tweak-marquee-block-heading-color-on-background: hsla(
var(--black-hsl),
1
);
--tweak-marquee-block-paragraph-color: hsla(var(--black-hsl), 1);
--tweak-marquee-block-paragraph-color-on-background: hsla(
var(--black-hsl),
1
);
--tweak-menu-block-item-description-color: hsla(var(--black-hsl), 1);
--tweak-menu-block-item-price-color: hsla(var(--black-hsl), 1);
--tweak-menu-block-item-title-color: hsla(var(--black-hsl), 1);
--tweak-menu-block-nav-color: hsla(var(--black-hsl), 1);
--tweak-menu-block-title-color: hsla(var(--black-hsl), 1);
--tweak-newsletter-block-background-color: hsla(
var(--lightAccent-hsl),
1
);
--tweak-newsletter-block-button-background-color: hsla(
var(--safeDarkAccent-hsl),
1
);
--tweak-newsletter-block-button-background-color-on-background: hsla(
var(--black-hsl),
1
);
--tweak-newsletter-block-button-text-color: hsla(
var(--safeInverseDarkAccent-hsl),
1
);
--tweak-newsletter-block-button-text-color-on-background: hsla(
var(--safeInverseDarkAccent-hsl),
1
);
--tweak-newsletter-block-description-color: hsla(var(--black-hsl), 1);
--tweak-newsletter-block-description-color-on-background: hsla(
var(--black-hsl),
1
);
--tweak-newsletter-block-footnote-color: hsla(var(--black-hsl), 1);
--tweak-newsletter-block-footnote-color-on-background: hsla(
var(--black-hsl),
1
);
--tweak-newsletter-block-title-color: hsla(var(--black-hsl), 1);
--tweak-newsletter-block-title-color-on-background: hsla(
var(--black-hsl),
1
);
--tweak-paragraph-large-color-on-background: hsla(var(--black-hsl), 1);
--tweak-paragraph-link-color-on-background: hsla(
var(--safeDarkAccent-hsl),
1
);
--tweak-paragraph-medium-color-on-background: hsla(var(--black-hsl), 1);
--tweak-paragraph-small-color-on-background: hsla(var(--black-hsl), 1);
--tweak-portfolio-item-pagination-icon-color: hsla(var(--black-hsl), 1);
--tweak-portfolio-item-pagination-meta-color: hsla(var(--black-hsl), 1);
--tweak-portfolio-item-pagination-title-color: hsla(
var(--black-hsl),
1
);
--tweak-product-basic-item-breadcumb-nav-color: hsla(
var(--black-hsl),
1
);
--tweak-product-basic-item-description-color: hsla(var(--black-hsl), 1);
--tweak-product-basic-item-gallery-controls-color: hsla(
var(--safeInverseLightAccent-hsl),
1
);
--tweak-product-basic-item-price-color: hsla(var(--black-hsl), 1);
--tweak-product-basic-item-sale-price-color: hsla(var(--accent-hsl), 1);
--tweak-product-basic-item-scarcity-color: hsla(var(--accent-hsl), 1);
--tweak-product-basic-item-title-color: hsla(var(--black-hsl), 1);
--tweak-product-basic-item-variant-fields-color: hsla(
var(--black-hsl),
1
);
--tweak-product-grid-text-below-list-category-nav-color: hsla(
var(--black-hsl),
1
);
--tweak-product-grid-text-below-list-pagination-color: hsla(
var(--black-hsl),
1
);
--tweak-product-grid-text-below-list-price-color: hsla(
var(--black-hsl),
1
);
--tweak-product-grid-text-below-list-sale-price-color: hsla(
var(--accent-hsl),
1
);
--tweak-product-grid-text-below-list-scarcity-color: hsla(
var(--black-hsl),
1
);
--tweak-product-grid-text-below-list-status-color: hsla(
var(--accent-hsl),
1
);
--tweak-product-grid-text-below-list-title-color: hsla(
var(--black-hsl),
1
);
--tweak-product-quick-view-button-color: hsla(var(--black-hsl), 1);
--tweak-product-quick-view-lightbox-controls-color: hsla(
var(--black-hsl),
1
);
--tweak-product-quick-view-lightbox-overlay-color: hsla(
var(--white-hsl),
1
);
--tweak-quote-block-background-color: hsla(var(--lightAccent-hsl), 1);
--tweak-quote-block-source-color: hsla(var(--black-hsl), 1);
--tweak-quote-block-source-color-on-background: hsla(
var(--black-hsl),
1
);
--tweak-quote-block-text-color: hsla(var(--black-hsl), 1);
--tweak-quote-block-text-color-on-background: hsla(var(--black-hsl), 1);
--tweak-summary-block-background-color: hsla(var(--lightAccent-hsl), 1);
--tweak-summary-block-excerpt-color: hsla(var(--black-hsl), 1);
--tweak-summary-block-excerpt-color-on-background: hsla(
var(--black-hsl),
1
);
--tweak-summary-block-header-text-color: hsla(var(--black-hsl), 1);
--tweak-summary-block-header-text-color-on-background: hsla(
var(--black-hsl),
1
);
--tweak-summary-block-primary-metadata-color: hsla(var(--black-hsl), 1);
--tweak-summary-block-primary-metadata-color-on-background: hsla(
var(--black-hsl),
1
);
--tweak-summary-block-read-more-color: hsla(var(--black-hsl), 1);
--tweak-summary-block-read-more-color-on-background: hsla(
var(--black-hsl),
1
);
--tweak-summary-block-secondary-metadata-color: hsla(
var(--black-hsl),
1
);
--tweak-summary-block-secondary-metadata-color-on-background: hsla(
var(--black-hsl),
1
);
--tweak-summary-block-title-color: hsla(var(--black-hsl), 1);
--tweak-summary-block-title-color-on-background: hsla(
var(--black-hsl),
1
);
--tweak-text-block-background-color: hsla(var(--lightAccent-hsl), 1);
--tweak-video-item-description-color: hsla(var(--black-hsl), 1);
--tweak-video-item-meta-color: hsla(var(--black-hsl), 1);
--tweak-video-item-pagination-icon-color: hsla(var(--black-hsl), 1);
--tweak-video-item-pagination-title-color: hsla(var(--black-hsl), 1);
--tweak-video-item-title-color: hsla(var(--black-hsl), 1);
--video-grid-basic-description-color: hsla(var(--black-hsl), 1);
--video-grid-basic-meta-color: hsla(var(--black-hsl), 1);
--video-grid-basic-title-color: hsla(var(--black-hsl), 1);
--video-grid-category-nav-color: hsla(var(--black-hsl), 1);
}
.white-bold {
--announcement-bar-background-color: hsla(var(--accent-hsl), 1);
--announcement-bar-text-color: hsla(var(--safeInverseAccent-hsl), 1);
--backgroundOverlayColor: hsla(var(--white-hsl), 1);
--course-item-nav-active-lesson-background-color: hsla(
var(--darkAccent-hsl),
1
);
--course-item-nav-active-lesson-text-color: hsla(var(--white-hsl), 1);
--course-item-nav-background-color: hsla(var(--lightAccent-hsl), 1);
--course-item-nav-border-color: hsla(var(--black-hsl), 0.25);
--course-item-nav-text-color: hsla(var(--black-hsl), 1);
--course-list-course-progress-bar-color: hsla(var(--darkAccent-hsl), 1);
--course-list-course-item-background: hsla(var(--lightAccent-hsl), 1);
--course-list-course-item-hover-background: hsla(
var(--lightAccent-hsl),
0.75
);
--course-list-course-item-text-color: hsla(var(--black-hsl), 1);
--course-list-course-chapter-divider-color: hsla(
var(--darkAccent-hsl),
1
);
--course-list-grid-layout-chapter-divider-color: hsla(
var(--safeDarkAccent-hsl),
1
);
--course-list-grid-layout-course-item-background-color: hsla(
var(--lightAccent-hsl),
1
);
--course-list-grid-layout-course-item-hover-background-color: hsla(
var(--lightAccent-hsl),
0.75
);
--course-list-grid-layout-course-item-text-color: hsla(
var(--black-hsl),
1
);
--course-list-grid-layout-course-item-border-color: hsla(
var(--darkAccent-hsl),
1
);
--gradientHeaderBackgroundColor: hsla(var(--white-hsl), 1);
--gradientHeaderBorderColor: hsla(var(--black-hsl), 1);
--gradientHeaderDropShadowColor: hsla(var(--black-hsl), 1);
--gradientHeaderNavigationColor: hsla(var(--black-hsl), 1);
--headerDropShadowColor: hsla(var(--black-hsl), 1);
--headerBorderColor: hsla(var(--black-hsl), 1);
--headingExtraLargeColor: hsla(var(--safeDarkAccent-hsl), 1);
--headingLargeColor: hsla(var(--safeDarkAccent-hsl), 1);
--headingLinkColor: hsla(var(--safeDarkAccent-hsl), 1);
--headingMediumColor: hsla(var(--safeDarkAccent-hsl), 1);
--headingSmallColor: hsla(var(--safeDarkAccent-hsl), 1);
--image-block-card-image-button-bg-color: hsla(
var(--safeDarkAccent-hsl),
1
);
--image-block-card-image-button-text-color: hsla(
var(--safeInverseDarkAccent-hsl),
1
);
--image-block-card-image-overlay-color: hsla(var(--darkAccent-hsl), 1);
--image-block-card-image-subtitle-color: hsla(var(--black-hsl), 1);
--image-block-card-image-title-bg-color: hsla(var(--white-hsl), 0);
--image-block-card-image-title-color: hsla(var(--black-hsl), 1);
--image-block-card-inline-link-color: hsla(var(--black-hsl), 1);
--image-block-collage-background-color: hsla(var(--lightAccent-hsl), 1);
--image-block-collage-image-button-bg-color: hsla(
var(--safeDarkAccent-hsl),
1
);
--image-block-collage-image-button-text-color: hsla(
var(--safeInverseDarkAccent-hsl),
1
);
--image-block-collage-image-overlay-color: hsla(
var(--darkAccent-hsl),
1
);
--image-block-collage-image-subtitle-color: hsla(
var(--safeDarkAccent-hsl),
1
);
--image-block-collage-image-title-bg-color: hsla(var(--white-hsl), 0);
--image-block-collage-image-title-color: hsla(
var(--safeDarkAccent-hsl),
1
);
--image-block-collage-inline-link-color: hsla(
var(--safeDarkAccent-hsl),
1
);
--image-block-overlap-image-button-bg-color: hsla(
var(--safeDarkAccent-hsl),
1
);
--image-block-overlap-image-button-text-color: hsla(
var(--safeInverseDarkAccent-hsl),
1
);
--image-block-overlap-image-overlay-color: hsla(
var(--darkAccent-hsl),
1
);
--image-block-overlap-image-subtitle-color: hsla(var(--black-hsl), 1);
--image-block-overlap-image-title-bg-color: hsla(var(--white-hsl), 1);
--image-block-overlap-image-title-color: hsla(var(--black-hsl), 1);
--image-block-overlap-inline-link-color: hsla(var(--black-hsl), 1);
--image-block-overlay-color: hsla(var(--black-hsl), 0.5);
--image-block-poster-image-button-bg-color: hsla(
var(--safeDarkAccent-hsl),
1
);
--image-block-poster-image-button-text-color: hsla(
var(--safeInverseDarkAccent-hsl),
1
);
--image-block-poster-image-overlay-color: hsla(
var(--darkAccent-hsl),
1
);
--image-block-poster-image-subtitle-color: hsla(var(--white-hsl), 1);
--image-block-poster-image-title-bg-color-v2: hsla(var(--white-hsl), 0);
--image-block-poster-image-title-color: hsla(var(--white-hsl), 1);
--image-block-poster-inline-link-color: hsla(var(--white-hsl), 1);
--image-block-stack-image-button-bg-color: hsla(
var(--safeDarkAccent-hsl),
1
);
--image-block-stack-image-button-text-color: hsla(
var(--safeInverseDarkAccent-hsl),
1
);
--image-block-stack-image-overlay-color: hsla(var(--darkAccent-hsl), 1);
--image-block-stack-image-subtitle-color: hsla(var(--black-hsl), 1);
--image-block-stack-image-title-bg-color: hsla(var(--white-hsl), 0);
--image-block-stack-image-title-color: hsla(var(--black-hsl), 1);
--image-block-stack-inline-link-color: hsla(var(--black-hsl), 1);
--list-section-banner-slideshow-arrow-background-color: hsla(
var(--safeDarkAccent-hsl),
1
);
--list-section-banner-slideshow-arrow-color: hsla(
var(--safeInverseDarkAccent-hsl),
1
);
--list-section-banner-slideshow-button-background-color: hsla(
var(--safeDarkAccent-hsl),
1
);
--list-section-banner-slideshow-button-text-color: hsla(
var(--safeInverseDarkAccent-hsl),
1
);
--list-section-banner-slideshow-card-button-background-color: hsla(
var(--safeDarkAccent-hsl),
1
);
--list-section-banner-slideshow-card-button-text-color: hsla(
var(--safeInverseDarkAccent-hsl),
1
);
--list-section-banner-slideshow-card-color: hsla(var(--white-hsl), 1);
--list-section-banner-slideshow-card-description-color: hsla(
var(--black-hsl),
1
);
--list-section-banner-slideshow-card-description-link-color: hsla(
var(--safeDarkAccent-hsl),
1
);
--list-section-banner-slideshow-card-title-color: hsla(
var(--black-hsl),
1
);
--list-section-banner-slideshow-description-color: hsla(
var(--black-hsl),
1
);
--list-section-banner-slideshow-title-color: hsla(
var(--safeDarkAccent-hsl),
1
);
--list-section-carousel-arrow-background-color: hsla(
var(--safeDarkAccent-hsl),
1
);
--list-section-carousel-arrow-color: hsla(
var(--safeInverseDarkAccent-hsl),
1
);
--list-section-carousel-button-background-color: hsla(
var(--safeDarkAccent-hsl),
1
);
--list-section-carousel-button-text-color: hsla(
var(--safeInverseDarkAccent-hsl),
1
);
--list-section-carousel-card-button-background-color: hsla(
var(--safeDarkAccent-hsl),
1
);
--list-section-carousel-card-button-text-color: hsla(
var(--safeInverseDarkAccent-hsl),
1
);
--list-section-carousel-card-color: hsla(var(--white-hsl), 1);
--list-section-carousel-card-description-color: hsla(
var(--black-hsl),
1
);
--list-section-carousel-card-description-link-color: hsla(
var(--safeDarkAccent-hsl),
1
);
--list-section-carousel-card-title-color: hsla(var(--black-hsl), 1);
--list-section-carousel-description-color: hsla(var(--black-hsl), 1);
--list-section-carousel-title-color: hsla(var(--safeDarkAccent-hsl), 1);
--list-section-simple-button-background-color: hsla(
var(--safeDarkAccent-hsl),
1
);
--list-section-simple-button-text-color: hsla(
var(--safeInverseDarkAccent-hsl),
1
);
--list-section-simple-card-button-background-color: hsla(
var(--safeDarkAccent-hsl),
1
);
--list-section-simple-card-button-text-color: hsla(
var(--safeInverseDarkAccent-hsl),
1
);
--list-section-simple-card-color: hsla(var(--white-hsl), 1);
--list-section-simple-card-description-color: hsla(var(--black-hsl), 1);
--list-section-simple-card-description-link-color: hsla(
var(--safeDarkAccent-hsl),
1
);
--list-section-simple-card-title-color: hsla(var(--black-hsl), 1);
--list-section-simple-description-color: hsla(var(--black-hsl), 1);
--list-section-simple-title-color: hsla(var(--safeDarkAccent-hsl), 1);
--list-section-title-color: hsla(var(--safeDarkAccent-hsl), 1);
--menuOverlayBackgroundColor: hsla(var(--white-hsl), 1);
--menuOverlayButtonBackgroundColor: hsla(var(--safeDarkAccent-hsl), 1);
--menuOverlayButtonTextColor: hsla(var(--safeInverseDarkAccent-hsl), 1);
--menuOverlayNavigationLinkColor: hsla(var(--black-hsl), 1);
--navigationLinkColor: hsla(var(--black-hsl), 1);
--paragraphLargeColor: hsla(var(--black-hsl), 1);
--paragraphLinkColor: hsla(var(--safeDarkAccent-hsl), 1);
--paragraphMediumColor: hsla(var(--black-hsl), 1);
--paragraphSmallColor: hsla(var(--black-hsl), 1);
--portfolio-grid-basic-title-color: hsla(var(--safeDarkAccent-hsl), 1);
--portfolio-grid-overlay-overlay-color: hsla(var(--white-hsl), 1);
--portfolio-grid-overlay-title-color: hsla(var(--black-hsl), 1);
--portfolio-hover-follow-title-color: hsla(
var(--safeDarkAccent-hsl),
1
);
--portfolio-hover-static-title-color: hsla(
var(--safeDarkAccent-hsl),
1
);
--portfolio-index-background-title-color: hsla(var(--black-hsl), 1);
--primaryButtonBackgroundColor: hsla(var(--safeDarkAccent-hsl), 1);
--primaryButtonTextColor: hsla(var(--safeInverseDarkAccent-hsl), 1);
--secondaryButtonBackgroundColor: hsla(var(--safeDarkAccent-hsl), 1);
--secondaryButtonTextColor: hsla(var(--safeInverseDarkAccent-hsl), 1);
--section-divider-stroke-color: hsla(var(--safeDarkAccent-hsl), 1);
--section-inset-border-color: hsla(var(--white-hsl), 1);
--shape-block-background-color: hsla(var(--lightAccent-hsl), 1);
--shape-block-dropshadow-color: hsla(var(--lightAccent-hsl), 1);
--shape-block-stroke-color: hsla(var(--safeDarkAccent-hsl), 1);
--siteBackgroundColor: hsla(var(--white-hsl), 1);
--siteTitleColor: hsla(var(--safeDarkAccent-hsl), 1);
--social-links-block-main-icon-color: hsla(var(--black-hsl), 1);
--social-links-block-secondary-icon-color: hsla(var(--white-hsl), 1);
--solidHeaderBackgroundColor: hsla(var(--white-hsl), 1);
--solidHeaderBorderColor: hsla(var(--black-hsl), 1);
--solidHeaderDropShadowColor: hsla(var(--black-hsl), 1);
--solidHeaderNavigationColor: hsla(var(--black-hsl), 1);
--summary-block-limited-availability-label-color: hsla(
var(--black-hsl),
1
);
--tertiaryButtonBackgroundColor: hsla(var(--safeDarkAccent-hsl), 1);
--tertiaryButtonTextColor: hsla(var(--safeInverseDarkAccent-hsl), 1);
--text-highlight-color: hsla(var(--safeDarkAccent-hsl), 1);
--text-highlight-color-on-background: hsla(
var(--safeDarkAccent-hsl),
1
);
--tweak-accordion-block-background-color: hsla(
var(--lightAccent-hsl),
1
);
--tweak-accordion-block-divider-color: hsla(var(--black-hsl), 1);
--tweak-accordion-block-divider-color-on-background: hsla(
var(--safeDarkAccent-hsl),
1
);
--tweak-accordion-block-icon-color: hsla(var(--black-hsl), 1);
--tweak-accordion-block-icon-color-on-background: hsla(
var(--safeDarkAccent-hsl),
1
);
--tweak-blog-alternating-side-by-side-list-excerpt-color: hsla(
var(--black-hsl),
1
);
--tweak-blog-alternating-side-by-side-list-meta-color: hsla(
var(--black-hsl),
1
);
--tweak-blog-alternating-side-by-side-list-read-more-color: hsla(
var(--safeDarkAccent-hsl),
1
);
--tweak-blog-alternating-side-by-side-list-title-color: hsla(
var(--safeDarkAccent-hsl),
1
);
--tweak-blog-basic-grid-list-excerpt-color: hsla(var(--black-hsl), 1);
--tweak-blog-basic-grid-list-meta-color: hsla(var(--black-hsl), 1);
--tweak-blog-basic-grid-list-read-more-color: hsla(
var(--safeDarkAccent-hsl),
1
);
--tweak-blog-basic-grid-list-title-color: hsla(
var(--safeDarkAccent-hsl),
1
);
--tweak-blog-item-author-profile-color: hsla(var(--black-hsl), 1);
--tweak-blog-item-comment-meta-color: hsla(var(--black-hsl), 1);
--tweak-blog-item-comment-text-color: hsla(var(--black-hsl), 1);
--tweak-blog-item-meta-color: hsla(var(--black-hsl), 1);
--tweak-blog-item-pagination-icon-color: hsla(var(--black-hsl), 1);
--tweak-blog-item-pagination-meta-color: hsla(var(--black-hsl), 1);
--tweak-blog-item-pagination-title-color: hsla(var(--black-hsl), 1);
--tweak-blog-item-title-color: hsla(var(--safeDarkAccent-hsl), 1);
--tweak-blog-masonry-list-excerpt-color: hsla(var(--black-hsl), 1);
--tweak-blog-masonry-list-meta-color: hsla(var(--black-hsl), 1);
--tweak-blog-masonry-list-read-more-color: hsla(
var(--safeDarkAccent-hsl),
1
);
--tweak-blog-masonry-list-title-color: hsla(
var(--safeDarkAccent-hsl),
1
);
--tweak-blog-side-by-side-list-excerpt-color: hsla(var(--black-hsl), 1);
--tweak-blog-side-by-side-list-meta-color: hsla(var(--black-hsl), 1);
--tweak-blog-side-by-side-list-read-more-color: hsla(
var(--safeDarkAccent-hsl),
1
);
--tweak-blog-side-by-side-list-title-color: hsla(
var(--safeDarkAccent-hsl),
1
);
--tweak-blog-single-column-list-excerpt-color: hsla(
var(--black-hsl),
1
);
--tweak-blog-single-column-list-meta-color: hsla(var(--black-hsl), 1);
--tweak-blog-single-column-list-read-more-color: hsla(
var(--safeDarkAccent-hsl),
1
);
--tweak-blog-single-column-list-title-color: hsla(
var(--safeDarkAccent-hsl),
1
);
--tweak-content-link-block-title-color: hsla(var(--black-hsl), 1);
--tweak-events-item-pagination-date-color: hsla(var(--black-hsl), 1);
--tweak-events-item-pagination-icon-color: hsla(var(--black-hsl), 1);
--tweak-events-item-pagination-title-color: hsla(var(--black-hsl), 1);
--tweak-form-block-background-color: hsla(var(--lightAccent-hsl), 1);
--tweak-form-block-button-background-color: hsla(
var(--safeDarkAccent-hsl),
1
);
--tweak-form-block-button-background-color-on-background: hsla(
var(--safeDarkAccent-hsl),
1
);
--tweak-form-block-button-text-color: hsla(
var(--safeInverseDarkAccent-hsl),
1
);
--tweak-form-block-button-text-color-on-background: hsla(
var(--safeInverseDarkAccent-hsl),
1
);
--tweak-form-block-caption-color: hsla(var(--black-hsl), 1);
--tweak-form-block-caption-color-on-background: hsla(
var(--safeDarkAccent-hsl),
1
);
--tweak-form-block-description-color: hsla(var(--black-hsl), 1);
--tweak-form-block-description-color-on-background: hsla(
var(--safeDarkAccent-hsl),
1
);
--tweak-form-block-option-color: hsla(var(--black-hsl), 1);
--tweak-form-block-option-color-on-background: hsla(
var(--safeDarkAccent-hsl),
1
);
--tweak-form-block-survey-title-color: hsla(var(--black-hsl), 1);
--tweak-form-block-survey-title-color-on-background: hsla(
var(--safeDarkAccent-hsl),
1
);
--tweak-form-block-title-color: hsla(var(--black-hsl), 1);
--tweak-form-block-title-color-on-background: hsla(
var(--safeDarkAccent-hsl),
1
);
--tweak-form-block-field-fill-color: hsla(var(--lightAccent-hsl), 1);
--tweak-form-block-field-fill-color-hsl: var(--lightAccent-hsl);
--tweak-form-block-field-fill-color-a: 1;
--tweak-form-block-field-border-color: hsla(var(--black-hsl), 1);
--tweak-form-block-field-border-color-hsl: var(--black-hsl);
--tweak-form-block-field-border-color-a: 1;
--tweak-form-block-field-input-color: hsla(var(--black-hsl), 1);
--tweak-form-block-field-input-color-hsl: var(--black-hsl);
--tweak-form-block-field-input-color-a: 1;
--tweak-form-block-field-accessory-color: hsla(var(--black-hsl), 1);
--tweak-form-block-field-fill-color-on-background: hsla(
var(--white-hsl),
1
);
--tweak-form-block-field-fill-color-on-background-hsl: var(--white-hsl);
--tweak-form-block-field-fill-color-on-background-a: 1;
--tweak-form-block-field-border-color-on-background: hsla(
var(--black-hsl),
1
);
--tweak-form-block-field-border-color-on-background-hsl: var(
--black-hsl
);
--tweak-form-block-field-border-color-on-background-a: 1;
--tweak-form-block-field-input-color-on-background: hsla(
var(--black-hsl),
1
);
--tweak-form-block-field-input-color-on-background-hsl: var(
--black-hsl
);
--tweak-form-block-field-input-color-on-background-a: 1;
--tweak-form-block-field-accessory-color-on-background: hsla(
var(--black-hsl),
1
);
--tweak-gallery-icon-background-color: hsla(var(--white-hsl), 1);
--tweak-gallery-icon-color: hsla(var(--black-hsl), 1);
--tweak-gallery-lightbox-background-color: hsla(var(--white-hsl), 1);
--tweak-gallery-lightbox-icon-color: hsla(var(--black-hsl), 1);
--tweak-heading-extra-large-color-on-background: hsla(
var(--safeDarkAccent-hsl),
1
);
--tweak-heading-large-color-on-background: hsla(
var(--safeDarkAccent-hsl),
1
);
--tweak-heading-medium-color-on-background: hsla(
var(--safeDarkAccent-hsl),
1
);
--tweak-heading-small-color-on-background: hsla(
var(--safeDarkAccent-hsl),
1
);
--tweak-line-block-line-color: hsla(var(--safeDarkAccent-hsl), 1);
--tweak-marquee-block-background-color: hsla(var(--lightAccent-hsl), 1);
--tweak-marquee-block-heading-color: hsla(var(--safeDarkAccent-hsl), 1);
--tweak-marquee-block-heading-color-on-background: hsla(
var(--safeDarkAccent-hsl),
1
);
--tweak-marquee-block-paragraph-color: hsla(var(--black-hsl), 1);
--tweak-marquee-block-paragraph-color-on-background: hsla(
var(--safeDarkAccent-hsl),
1
);
--tweak-menu-block-item-description-color: hsla(var(--black-hsl), 1);
--tweak-menu-block-item-price-color: hsla(var(--black-hsl), 1);
--tweak-menu-block-item-title-color: hsla(var(--black-hsl), 1);
--tweak-menu-block-nav-color: hsla(var(--black-hsl), 1);
--tweak-menu-block-title-color: hsla(var(--safeDarkAccent-hsl), 1);
--tweak-newsletter-block-background-color: hsla(
var(--lightAccent-hsl),
1
);
--tweak-newsletter-block-button-background-color: hsla(
var(--safeDarkAccent-hsl),
1
);
--tweak-newsletter-block-button-background-color-on-background: hsla(
var(--safeDarkAccent-hsl),
1
);
--tweak-newsletter-block-button-text-color: hsla(
var(--safeInverseDarkAccent-hsl),
1
);
--tweak-newsletter-block-button-text-color-on-background: hsla(
var(--safeInverseDarkAccent-hsl),
1
);
--tweak-newsletter-block-description-color: hsla(var(--black-hsl), 1);
--tweak-newsletter-block-description-color-on-background: hsla(
var(--safeDarkAccent-hsl),
1
);
--tweak-newsletter-block-footnote-color: hsla(var(--black-hsl), 1);
--tweak-newsletter-block-footnote-color-on-background: hsla(
var(--safeDarkAccent-hsl),
1
);
--tweak-newsletter-block-title-color: hsla(var(--black-hsl), 1);
--tweak-newsletter-block-title-color-on-background: hsla(
var(--safeDarkAccent-hsl),
1
);
--tweak-paragraph-large-color-on-background: hsla(
var(--safeDarkAccent-hsl),
1
);
--tweak-paragraph-link-color-on-background: hsla(
var(--safeDarkAccent-hsl),
1
);
--tweak-paragraph-medium-color-on-background: hsla(
var(--safeDarkAccent-hsl),
1
);
--tweak-paragraph-small-color-on-background: hsla(
var(--safeDarkAccent-hsl),
1
);
--tweak-portfolio-item-pagination-icon-color: hsla(var(--black-hsl), 1);
--tweak-portfolio-item-pagination-meta-color: hsla(var(--black-hsl), 1);
--tweak-portfolio-item-pagination-title-color: hsla(
var(--black-hsl),
1
);
--tweak-product-basic-item-breadcumb-nav-color: hsla(
var(--black-hsl),
1
);
--tweak-product-basic-item-description-color: hsla(var(--black-hsl), 1);
--tweak-product-basic-item-gallery-controls-color: hsla(
var(--safeInverseLightAccent-hsl),
1
);
--tweak-product-basic-item-price-color: hsla(var(--black-hsl), 1);
--tweak-product-basic-item-sale-price-color: hsla(var(--accent-hsl), 1);
--tweak-product-basic-item-scarcity-color: hsla(var(--accent-hsl), 1);
--tweak-product-basic-item-title-color: hsla(
var(--safeDarkAccent-hsl),
1
);
--tweak-product-basic-item-variant-fields-color: hsla(
var(--black-hsl),
1
);
--tweak-product-grid-text-below-list-category-nav-color: hsla(
var(--black-hsl),
1
);
--tweak-product-grid-text-below-list-pagination-color: hsla(
var(--black-hsl),
1
);
--tweak-product-grid-text-below-list-price-color: hsla(
var(--black-hsl),
1
);
--tweak-product-grid-text-below-list-sale-price-color: hsla(
var(--accent-hsl),
1
);
--tweak-product-grid-text-below-list-scarcity-color: hsla(
var(--black-hsl),
1
);
--tweak-product-grid-text-below-list-status-color: hsla(
var(--accent-hsl),
1
);
--tweak-product-grid-text-below-list-title-color: hsla(
var(--safeDarkAccent-hsl),
1
);
--tweak-product-quick-view-button-color: hsla(var(--black-hsl), 1);
--tweak-product-quick-view-lightbox-controls-color: hsla(
var(--black-hsl),
1
);
--tweak-product-quick-view-lightbox-overlay-color: hsla(
var(--white-hsl),
1
);
--tweak-quote-block-background-color: hsla(var(--lightAccent-hsl), 1);
--tweak-quote-block-source-color: hsla(var(--black-hsl), 1);
--tweak-quote-block-source-color-on-background: hsla(
var(--safeDarkAccent-hsl),
1
);
--tweak-quote-block-text-color: hsla(var(--black-hsl), 1);
--tweak-quote-block-text-color-on-background: hsla(
var(--safeDarkAccent-hsl),
1
);
--tweak-summary-block-background-color: hsla(var(--lightAccent-hsl), 1);
--tweak-summary-block-excerpt-color: hsla(var(--black-hsl), 1);
--tweak-summary-block-excerpt-color-on-background: hsla(
var(--safeDarkAccent-hsl),
1
);
--tweak-summary-block-header-text-color: hsla(var(--black-hsl), 1);
--tweak-summary-block-header-text-color-on-background: hsla(
var(--safeDarkAccent-hsl),
1
);
--tweak-summary-block-primary-metadata-color: hsla(var(--black-hsl), 1);
--tweak-summary-block-primary-metadata-color-on-background: hsla(
var(--safeDarkAccent-hsl),
1
);
--tweak-summary-block-read-more-color: hsla(var(--black-hsl), 1);
--tweak-summary-block-read-more-color-on-background: hsla(
var(--safeDarkAccent-hsl),
1
);
--tweak-summary-block-secondary-metadata-color: hsla(
var(--black-hsl),
1
);
--tweak-summary-block-secondary-metadata-color-on-background: hsla(
var(--safeDarkAccent-hsl),
1
);
--tweak-summary-block-title-color: hsla(var(--black-hsl), 1);
--tweak-summary-block-title-color-on-background: hsla(
var(--safeDarkAccent-hsl),
1
);
--tweak-text-block-background-color: hsla(var(--lightAccent-hsl), 1);
--tweak-video-item-description-color: hsla(var(--accent-hsl), 1);
--tweak-video-item-meta-color: hsla(var(--accent-hsl), 1);
--tweak-video-item-pagination-icon-color: hsla(var(--accent-hsl), 1);
--tweak-video-item-pagination-title-color: hsla(var(--accent-hsl), 1);
--tweak-video-item-title-color: hsla(var(--accent-hsl), 1);
--video-grid-basic-description-color: hsla(var(--accent-hsl), 1);
--video-grid-basic-meta-color: hsla(var(--accent-hsl), 1);
--video-grid-basic-title-color: hsla(var(--accent-hsl), 1);
--video-grid-category-nav-color: hsla(var(--accent-hsl), 1);
}
.light {
--announcement-bar-background-color: hsla(var(--darkAccent-hsl), 1);
--announcement-bar-text-color: hsla(var(--white-hsl), 1);
--backgroundOverlayColor: hsla(var(--lightAccent-hsl), 1);
--course-item-nav-active-lesson-background-color: hsla(
var(--darkAccent-hsl),
1
);
--course-item-nav-active-lesson-text-color: hsla(var(--white-hsl), 1);
--course-item-nav-background-color: hsla(var(--white-hsl), 1);
--course-item-nav-border-color: hsla(var(--black-hsl), 0.25);
--course-item-nav-text-color: hsla(var(--black-hsl), 1);
--course-list-course-progress-bar-color: hsla(var(--accent-hsl), 1);
--course-list-course-item-background: hsla(var(--white-hsl), 1);
--course-list-course-item-hover-background: hsla(
var(--white-hsl),
0.75
);
--course-list-course-item-text-color: hsla(var(--black-hsl), 1);
--course-list-course-chapter-divider-color: hsla(var(--accent-hsl), 1);
--course-list-grid-layout-chapter-divider-color: hsla(
var(--black-hsl),
1
);
--course-list-grid-layout-course-item-background-color: hsla(
var(--white-hsl),
1
);
--course-list-grid-layout-course-item-hover-background-color: hsla(
var(--white-hsl),
0.75
);
--course-list-grid-layout-course-item-text-color: hsla(
var(--black-hsl),
1
);
--course-list-grid-layout-course-item-border-color: hsla(
var(--accent-hsl),
1
);
--gradientHeaderBackgroundColor: hsla(var(--white-hsl), 1);
--gradientHeaderBorderColor: hsla(var(--black-hsl), 1);
--gradientHeaderDropShadowColor: hsla(var(--black-hsl), 1);
--gradientHeaderNavigationColor: hsla(var(--black-hsl), 1);
--headerDropShadowColor: hsla(var(--black-hsl), 1);
--headerBorderColor: hsla(var(--black-hsl), 1);
--headingExtraLargeColor: hsla(var(--white-hsl), 1);
--headingLargeColor: hsla(var(--white-hsl), 1);
--headingLinkColor: hsla(var(--white-hsl), 1);
--headingMediumColor: hsla(var(--white-hsl), 1);
--headingSmallColor: hsla(var(--white-hsl), 1);
--image-block-card-image-button-bg-color: hsla(
var(--safeDarkAccent-hsl),
1
);
--image-block-card-image-button-text-color: hsla(
var(--safeInverseDarkAccent-hsl),
1
);
--image-block-card-image-overlay-color: hsla(var(--darkAccent-hsl), 1);
--image-block-card-image-subtitle-color: hsla(var(--black-hsl), 1);
--image-block-card-image-title-bg-color: hsla(
var(--lightAccent-hsl),
0
);
--image-block-card-image-title-color: hsla(var(--black-hsl), 1);
--image-block-card-inline-link-color: hsla(var(--black-hsl), 1);
--image-block-collage-background-color: hsla(var(--white-hsl), 1);
--image-block-collage-image-button-bg-color: hsla(
var(--safeDarkAccent-hsl),
1
);
--image-block-collage-image-button-text-color: hsla(
var(--safeInverseDarkAccent-hsl),
1
);
--image-block-collage-image-overlay-color: hsla(
var(--darkAccent-hsl),
1
);
--image-block-collage-image-subtitle-color: hsla(var(--black-hsl), 1);
--image-block-collage-image-title-bg-color: hsla(
var(--lightAccent-hsl),
0
);
--image-block-collage-image-title-color: hsla(var(--black-hsl), 1);
--image-block-collage-inline-link-color: hsla(var(--black-hsl), 1);
--image-block-overlap-image-button-bg-color: hsla(
var(--safeDarkAccent-hsl),
1
);
--image-block-overlap-image-button-text-color: hsla(
var(--safeInverseDarkAccent-hsl),
1
);
--image-block-overlap-image-overlay-color: hsla(
var(--darkAccent-hsl),
1
);
--image-block-overlap-image-subtitle-color: hsla(var(--black-hsl), 1);
--image-block-overlap-image-title-bg-color: hsla(
var(--lightAccent-hsl),
1
);
--image-block-overlap-image-title-color: hsla(var(--black-hsl), 1);
--image-block-overlap-inline-link-color: hsla(var(--black-hsl), 1);
--image-block-overlay-color: hsla(var(--black-hsl), 0.5);
--image-block-poster-image-button-bg-color: hsla(
var(--safeDarkAccent-hsl),
1
);
--image-block-poster-image-button-text-color: hsla(
var(--safeInverseDarkAccent-hsl),
1
);
--image-block-poster-image-overlay-color: hsla(
var(--darkAccent-hsl),
1
);
--image-block-poster-image-subtitle-color: hsla(var(--white-hsl), 1);
--image-block-poster-image-title-bg-color-v2: hsla(
var(--lightAccent-hsl),
0
);
--image-block-poster-image-title-color: hsla(var(--white-hsl), 1);
--image-block-poster-inline-link-color: hsla(var(--white-hsl), 1);
--image-block-stack-image-button-bg-color: hsla(
var(--safeDarkAccent-hsl),
1
);
--image-block-stack-image-button-text-color: hsla(
var(--safeInverseDarkAccent-hsl),
1
);
--image-block-stack-image-overlay-color: hsla(var(--darkAccent-hsl), 1);
--image-block-stack-image-subtitle-color: hsla(var(--black-hsl), 1);
--image-block-stack-image-title-bg-color: hsla(
var(--lightAccent-hsl),
0
);
--image-block-stack-image-title-color: hsla(var(--black-hsl), 1);
--image-block-stack-inline-link-color: hsla(var(--black-hsl), 1);
--list-section-banner-slideshow-arrow-background-color: hsla(
var(--safeDarkAccent-hsl),
1
);
--list-section-banner-slideshow-arrow-color: hsla(
var(--safeInverseDarkAccent-hsl),
1
);
--list-section-banner-slideshow-button-background-color: hsla(
var(--safeDarkAccent-hsl),
1
);
--list-section-banner-slideshow-button-text-color: hsla(
var(--safeInverseDarkAccent-hsl),
1
);
--list-section-banner-slideshow-card-button-background-color: hsla(
var(--safeDarkAccent-hsl),
1
);
--list-section-banner-slideshow-card-button-text-color: hsla(
var(--safeInverseDarkAccent-hsl),
1
);
--list-section-banner-slideshow-card-color: hsla(
var(--lightAccent-hsl),
1
);
--list-section-banner-slideshow-card-description-color: hsla(
var(--black-hsl),
1
);
--list-section-banner-slideshow-card-description-link-color: hsla(
var(--safeDarkAccent-hsl),
1
);
--list-section-banner-slideshow-card-title-color: hsla(
var(--black-hsl),
1
);
--list-section-banner-slideshow-description-color: hsla(
var(--black-hsl),
1
);
--list-section-banner-slideshow-title-color: hsla(var(--black-hsl), 1);
--list-section-carousel-arrow-background-color: hsla(
var(--safeDarkAccent-hsl),
1
);
--list-section-carousel-arrow-color: hsla(
var(--safeInverseDarkAccent-hsl),
1
);
--list-section-carousel-button-background-color: hsla(
var(--safeDarkAccent-hsl),
1
);
--list-section-carousel-button-text-color: hsla(
var(--safeInverseDarkAccent-hsl),
1
);
--list-section-carousel-card-button-background-color: hsla(
var(--safeDarkAccent-hsl),
1
);
--list-section-carousel-card-button-text-color: hsla(
var(--safeInverseDarkAccent-hsl),
1
);
--list-section-carousel-card-color: hsla(var(--lightAccent-hsl), 1);
--list-section-carousel-card-description-color: hsla(
var(--black-hsl),
1
);
--list-section-carousel-card-description-link-color: hsla(
var(--safeDarkAccent-hsl),
1
);
--list-section-carousel-card-title-color: hsla(var(--black-hsl), 1);
--list-section-carousel-description-color: hsla(var(--black-hsl), 1);
--list-section-carousel-title-color: hsla(var(--black-hsl), 1);
--list-section-simple-button-background-color: hsla(
var(--safeDarkAccent-hsl),
1
);
--list-section-simple-button-text-color: hsla(
var(--safeInverseDarkAccent-hsl),
1
);
--list-section-simple-card-button-background-color: hsla(
var(--safeDarkAccent-hsl),
1
);
--list-section-simple-card-button-text-color: hsla(
var(--safeInverseDarkAccent-hsl),
1
);
--list-section-simple-card-color: hsla(var(--lightAccent-hsl), 1);
--list-section-simple-card-description-color: hsla(var(--black-hsl), 1);
--list-section-simple-card-description-link-color: hsla(
var(--safeDarkAccent-hsl),
1
);
--list-section-simple-card-title-color: hsla(var(--black-hsl), 1);
--list-section-simple-description-color: hsla(var(--black-hsl), 1);
--list-section-simple-title-color: hsla(var(--black-hsl), 1);
--list-section-title-color: hsla(var(--black-hsl), 1);
--menuOverlayBackgroundColor: hsla(var(--lightAccent-hsl), 1);
--menuOverlayButtonBackgroundColor: hsla(var(--safeDarkAccent-hsl), 1);
--menuOverlayButtonTextColor: hsla(var(--safeInverseDarkAccent-hsl), 1);
--menuOverlayNavigationLinkColor: hsla(var(--accent-hsl), 1);
--navigationLinkColor: hsla(var(--black-hsl), 1);
--paragraphLargeColor: hsla(var(--white-hsl), 1);
--paragraphLinkColor: hsla(var(--white-hsl), 1);
--paragraphMediumColor: hsla(var(--white-hsl), 1);
--paragraphSmallColor: hsla(var(--white-hsl), 1);
--portfolio-grid-basic-title-color: hsla(var(--black-hsl), 1);
--portfolio-grid-overlay-overlay-color: hsla(var(--lightAccent-hsl), 1);
--portfolio-grid-overlay-title-color: hsla(var(--black-hsl), 1);
--portfolio-hover-follow-title-color: hsla(var(--black-hsl), 1);
--portfolio-hover-static-title-color: hsla(var(--black-hsl), 1);
--portfolio-index-background-title-color: hsla(var(--black-hsl), 1);
--primaryButtonBackgroundColor: hsla(var(--safeDarkAccent-hsl), 1);
--primaryButtonTextColor: hsla(var(--safeInverseDarkAccent-hsl), 1);
--secondaryButtonBackgroundColor: hsla(var(--safeDarkAccent-hsl), 1);
--secondaryButtonTextColor: hsla(var(--safeInverseDarkAccent-hsl), 1);
--section-divider-stroke-color: hsla(var(--safeDarkAccent-hsl), 1);
--section-inset-border-color: hsla(var(--white-hsl), 1);
--shape-block-background-color: hsla(var(--white-hsl), 1);
--shape-block-dropshadow-color: hsla(var(--white-hsl), 1);
--shape-block-stroke-color: hsla(var(--safeDarkAccent-hsl), 1);
--siteBackgroundColor: hsla(var(--lightAccent-hsl), 1);
--siteTitleColor: hsla(var(--black-hsl), 1);
--social-links-block-main-icon-color: hsla(var(--black-hsl), 1);
--social-links-block-secondary-icon-color: hsla(
var(--lightAccent-hsl),
1
);
--solidHeaderBackgroundColor: hsla(var(--white-hsl), 1);
--solidHeaderBorderColor: hsla(var(--black-hsl), 1);
--solidHeaderDropShadowColor: hsla(var(--black-hsl), 1);
--solidHeaderNavigationColor: hsla(var(--black-hsl), 1);
--summary-block-limited-availability-label-color: hsla(
var(--black-hsl),
1
);
--tertiaryButtonBackgroundColor: hsla(var(--safeDarkAccent-hsl), 1);
--tertiaryButtonTextColor: hsla(var(--safeInverseDarkAccent-hsl), 1);
--text-highlight-color: hsla(var(--safeDarkAccent-hsl), 1);
--text-highlight-color-on-background: hsla(
var(--safeDarkAccent-hsl),
1
);
--tweak-accordion-block-background-color: hsla(var(--white-hsl), 1);
--tweak-accordion-block-divider-color: hsla(var(--black-hsl), 1);
--tweak-accordion-block-divider-color-on-background: hsla(
var(--black-hsl),
1
);
--tweak-accordion-block-icon-color: hsla(var(--black-hsl), 1);
--tweak-accordion-block-icon-color-on-background: hsla(
var(--black-hsl),
1
);
--tweak-blog-alternating-side-by-side-list-excerpt-color: hsla(
var(--black-hsl),
1
);
--tweak-blog-alternating-side-by-side-list-meta-color: hsla(
var(--black-hsl),
1
);
--tweak-blog-alternating-side-by-side-list-read-more-color: hsla(
var(--safeDarkAccent-hsl),
1
);
--tweak-blog-alternating-side-by-side-list-title-color: hsla(
var(--black-hsl),
1
);
--tweak-blog-basic-grid-list-excerpt-color: hsla(var(--black-hsl), 1);
--tweak-blog-basic-grid-list-meta-color: hsla(var(--black-hsl), 1);
--tweak-blog-basic-grid-list-read-more-color: hsla(
var(--safeDarkAccent-hsl),
1
);
--tweak-blog-basic-grid-list-title-color: hsla(var(--black-hsl), 1);
--tweak-blog-item-author-profile-color: hsla(var(--black-hsl), 1);
--tweak-blog-item-comment-meta-color: hsla(var(--black-hsl), 1);
--tweak-blog-item-comment-text-color: hsla(var(--black-hsl), 1);
--tweak-blog-item-meta-color: hsla(var(--black-hsl), 1);
--tweak-blog-item-pagination-icon-color: hsla(var(--black-hsl), 1);
--tweak-blog-item-pagination-meta-color: hsla(var(--black-hsl), 1);
--tweak-blog-item-pagination-title-color: hsla(var(--black-hsl), 1);
--tweak-blog-item-title-color: hsla(var(--black-hsl), 1);
--tweak-blog-masonry-list-excerpt-color: hsla(var(--black-hsl), 1);
--tweak-blog-masonry-list-meta-color: hsla(var(--black-hsl), 1);
--tweak-blog-masonry-list-read-more-color: hsla(
var(--safeDarkAccent-hsl),
1
);
--tweak-blog-masonry-list-title-color: hsla(var(--black-hsl), 1);
--tweak-blog-side-by-side-list-excerpt-color: hsla(var(--black-hsl), 1);
--tweak-blog-side-by-side-list-meta-color: hsla(var(--black-hsl), 1);
--tweak-blog-side-by-side-list-read-more-color: hsla(
var(--safeDarkAccent-hsl),
1
);
--tweak-blog-side-by-side-list-title-color: hsla(var(--black-hsl), 1);
--tweak-blog-single-column-list-excerpt-color: hsla(
var(--black-hsl),
1
);
--tweak-blog-single-column-list-meta-color: hsla(var(--black-hsl), 1);
--tweak-blog-single-column-list-read-more-color: hsla(
var(--safeDarkAccent-hsl),
1
);
--tweak-blog-single-column-list-title-color: hsla(var(--black-hsl), 1);
--tweak-content-link-block-title-color: hsla(var(--black-hsl), 1);
--tweak-events-item-pagination-date-color: hsla(var(--black-hsl), 1);
--tweak-events-item-pagination-icon-color: hsla(var(--black-hsl), 1);
--tweak-events-item-pagination-title-color: hsla(var(--black-hsl), 1);
--tweak-form-block-background-color: hsla(var(--white-hsl), 1);
--tweak-form-block-button-background-color: hsla(
var(--safeDarkAccent-hsl),
1
);
--tweak-form-block-button-background-color-on-background: hsla(
var(--safeDarkAccent-hsl),
1
);
--tweak-form-block-button-text-color: hsla(
var(--safeInverseDarkAccent-hsl),
1
);
--tweak-form-block-button-text-color-on-background: hsla(
var(--safeInverseDarkAccent-hsl),
1
);
--tweak-form-block-caption-color: hsla(var(--black-hsl), 1);
--tweak-form-block-caption-color-on-background: hsla(
var(--black-hsl),
1
);
--tweak-form-block-description-color: hsla(var(--black-hsl), 1);
--tweak-form-block-description-color-on-background: hsla(
var(--black-hsl),
1
);
--tweak-form-block-option-color: hsla(var(--black-hsl), 1);
--tweak-form-block-option-color-on-background: hsla(
var(--black-hsl),
1
);
--tweak-form-block-survey-title-color: hsla(var(--black-hsl), 1);
--tweak-form-block-survey-title-color-on-background: hsla(
var(--black-hsl),
1
);
--tweak-form-block-title-color: hsla(var(--black-hsl), 1);
--tweak-form-block-title-color-on-background: hsla(var(--black-hsl), 1);
--tweak-form-block-field-fill-color: hsla(var(--white-hsl), 1);
--tweak-form-block-field-fill-color-hsl: var(--white-hsl);
--tweak-form-block-field-fill-color-a: 1;
--tweak-form-block-field-border-color: hsla(var(--black-hsl), 1);
--tweak-form-block-field-border-color-hsl: var(--black-hsl);
--tweak-form-block-field-border-color-a: 1;
--tweak-form-block-field-input-color: hsla(var(--black-hsl), 1);
--tweak-form-block-field-input-color-hsl: var(--black-hsl);
--tweak-form-block-field-input-color-a: 1;
--tweak-form-block-field-accessory-color: hsla(var(--black-hsl), 1);
--tweak-form-block-field-fill-color-on-background: hsla(
var(--lightAccent-hsl),
1
);
--tweak-form-block-field-fill-color-on-background-hsl: var(
--lightAccent-hsl
);
--tweak-form-block-field-fill-color-on-background-a: 1;
--tweak-form-block-field-border-color-on-background: hsla(
var(--black-hsl),
1
);
--tweak-form-block-field-border-color-on-background-hsl: var(
--black-hsl
);
--tweak-form-block-field-border-color-on-background-a: 1;
--tweak-form-block-field-input-color-on-background: hsla(
var(--black-hsl),
1
);
--tweak-form-block-field-input-color-on-background-hsl: var(
--black-hsl
);
--tweak-form-block-field-input-color-on-background-a: 1;
--tweak-form-block-field-accessory-color-on-background: hsla(
var(--black-hsl),
1
);
--tweak-gallery-icon-background-color: hsla(var(--lightAccent-hsl), 1);
--tweak-gallery-icon-color: hsla(var(--black-hsl), 1);
--tweak-gallery-lightbox-background-color: hsla(
var(--lightAccent-hsl),
1
);
--tweak-gallery-lightbox-icon-color: hsla(var(--black-hsl), 1);
--tweak-heading-extra-large-color-on-background: hsla(
var(--black-hsl),
1
);
--tweak-heading-large-color-on-background: hsla(var(--black-hsl), 1);
--tweak-heading-medium-color-on-background: hsla(var(--black-hsl), 1);
--tweak-heading-small-color-on-background: hsla(var(--black-hsl), 1);
--tweak-line-block-line-color: hsla(var(--white-hsl), 1);
--tweak-marquee-block-background-color: hsla(var(--white-hsl), 1);
--tweak-marquee-block-heading-color: hsla(var(--white-hsl), 1);
--tweak-marquee-block-heading-color-on-background: hsla(
var(--black-hsl),
1
);
--tweak-marquee-block-paragraph-color: hsla(var(--white-hsl), 1);
--tweak-marquee-block-paragraph-color-on-background: hsla(
var(--black-hsl),
1
);
--tweak-menu-block-item-description-color: hsla(var(--black-hsl), 1);
--tweak-menu-block-item-price-color: hsla(var(--black-hsl), 1);
--tweak-menu-block-item-title-color: hsla(var(--black-hsl), 1);
--tweak-menu-block-nav-color: hsla(var(--black-hsl), 1);
--tweak-menu-block-title-color: hsla(var(--black-hsl), 1);
--tweak-newsletter-block-background-color: hsla(var(--white-hsl), 1);
--tweak-newsletter-block-button-background-color: hsla(
var(--safeDarkAccent-hsl),
1
);
--tweak-newsletter-block-button-background-color-on-background: hsla(
var(--black-hsl),
1
);
--tweak-newsletter-block-button-text-color: hsla(
var(--safeInverseDarkAccent-hsl),
1
);
--tweak-newsletter-block-button-text-color-on-background: hsla(
var(--safeInverseDarkAccent-hsl),
1
);
--tweak-newsletter-block-description-color: hsla(var(--black-hsl), 1);
--tweak-newsletter-block-description-color-on-background: hsla(
var(--black-hsl),
1
);
--tweak-newsletter-block-footnote-color: hsla(var(--black-hsl), 1);
--tweak-newsletter-block-footnote-color-on-background: hsla(
var(--black-hsl),
1
);
--tweak-newsletter-block-title-color: hsla(var(--black-hsl), 1);
--tweak-newsletter-block-title-color-on-background: hsla(
var(--black-hsl),
1
);
--tweak-paragraph-large-color-on-background: hsla(var(--black-hsl), 1);
--tweak-paragraph-link-color-on-background: hsla(
var(--safeDarkAccent-hsl),
1
);
--tweak-paragraph-medium-color-on-background: hsla(var(--black-hsl), 1);
--tweak-paragraph-small-color-on-background: hsla(var(--black-hsl), 1);
--tweak-portfolio-item-pagination-icon-color: hsla(var(--black-hsl), 1);
--tweak-portfolio-item-pagination-meta-color: hsla(var(--black-hsl), 1);
--tweak-portfolio-item-pagination-title-color: hsla(
var(--black-hsl),
1
);
--tweak-product-basic-item-breadcumb-nav-color: hsla(
var(--black-hsl),
1
);
--tweak-product-basic-item-description-color: hsla(var(--black-hsl), 1);
--tweak-product-basic-item-gallery-controls-color: hsla(
var(--safeInverseLightAccent-hsl),
1
);
--tweak-product-basic-item-price-color: hsla(var(--black-hsl), 1);
--tweak-product-basic-item-sale-price-color: hsla(var(--accent-hsl), 1);
--tweak-product-basic-item-scarcity-color: hsla(var(--accent-hsl), 1);
--tweak-product-basic-item-title-color: hsla(var(--black-hsl), 1);
--tweak-product-basic-item-variant-fields-color: hsla(
var(--black-hsl),
1
);
--tweak-product-grid-text-below-list-category-nav-color: hsla(
var(--black-hsl),
1
);
--tweak-product-grid-text-below-list-pagination-color: hsla(
var(--black-hsl),
1
);
--tweak-product-grid-text-below-list-price-color: hsla(
var(--black-hsl),
1
);
--tweak-product-grid-text-below-list-sale-price-color: hsla(
var(--accent-hsl),
1
);
--tweak-product-grid-text-below-list-scarcity-color: hsla(
var(--black-hsl),
1
);
--tweak-product-grid-text-below-list-status-color: hsla(
var(--accent-hsl),
1
);
--tweak-product-grid-text-below-list-title-color: hsla(
var(--black-hsl),
1
);
--tweak-product-quick-view-button-color: hsla(var(--black-hsl), 1);
--tweak-product-quick-view-lightbox-controls-color: hsla(
var(--black-hsl),
1
);
--tweak-product-quick-view-lightbox-overlay-color: hsla(
var(--white-hsl),
1
);
--tweak-quote-block-background-color: hsla(var(--white-hsl), 1);
--tweak-quote-block-source-color: hsla(var(--black-hsl), 1);
--tweak-quote-block-source-color-on-background: hsla(
var(--black-hsl),
1
);
--tweak-quote-block-text-color: hsla(var(--black-hsl), 1);
--tweak-quote-block-text-color-on-background: hsla(var(--black-hsl), 1);
--tweak-summary-block-background-color: hsla(var(--white-hsl), 1);
--tweak-summary-block-excerpt-color: hsla(var(--black-hsl), 1);
--tweak-summary-block-excerpt-color-on-background: hsla(
var(--black-hsl),
1
);
--tweak-summary-block-header-text-color: hsla(var(--black-hsl), 1);
--tweak-summary-block-header-text-color-on-background: hsla(
var(--black-hsl),
1
);
--tweak-summary-block-primary-metadata-color: hsla(var(--black-hsl), 1);
--tweak-summary-block-primary-metadata-color-on-background: hsla(
var(--black-hsl),
1
);
--tweak-summary-block-read-more-color: hsla(var(--black-hsl), 1);
--tweak-summary-block-read-more-color-on-background: hsla(
var(--black-hsl),
1
);
--tweak-summary-block-secondary-metadata-color: hsla(
var(--black-hsl),
1
);
--tweak-summary-block-secondary-metadata-color-on-background: hsla(
var(--black-hsl),
1
);
--tweak-summary-block-title-color: hsla(var(--black-hsl), 1);
--tweak-summary-block-title-color-on-background: hsla(
var(--black-hsl),
1
);
--tweak-text-block-background-color: hsla(var(--white-hsl), 1);
--tweak-video-item-description-color: hsla(var(--black-hsl), 1);
--tweak-video-item-meta-color: hsla(var(--black-hsl), 1);
--tweak-video-item-pagination-icon-color: hsla(var(--black-hsl), 1);
--tweak-video-item-pagination-title-color: hsla(var(--black-hsl), 1);
--tweak-video-item-title-color: hsla(var(--black-hsl), 1);
--video-grid-basic-description-color: hsla(var(--black-hsl), 1);
--video-grid-basic-meta-color: hsla(var(--black-hsl), 1);
--video-grid-basic-title-color: hsla(var(--black-hsl), 1);
--video-grid-category-nav-color: hsla(var(--black-hsl), 1);
}
:root {
--announcement-bar-background-color: hsla(var(--accent-hsl), 1);
--announcement-bar-text-color: hsla(var(--safeInverseAccent-hsl), 1);
--backgroundOverlayColor: hsla(var(--lightAccent-hsl), 1);
--course-item-nav-active-lesson-background-color: hsla(
var(--darkAccent-hsl),
1
);
--course-item-nav-active-lesson-text-color: hsla(var(--white-hsl), 1);
--course-item-nav-background-color: hsla(var(--white-hsl), 1);
--course-item-nav-border-color: hsla(var(--black-hsl), 0.25);
--course-item-nav-text-color: hsla(var(--black-hsl), 1);
--course-list-course-progress-bar-color: hsla(var(--darkAccent-hsl), 1);
--course-list-course-item-background: hsla(var(--white-hsl), 1);
--course-list-course-item-hover-background: hsla(
var(--white-hsl),
0.75
);
--course-list-course-item-text-color: hsla(var(--black-hsl), 1);
--course-list-course-chapter-divider-color: hsla(var(--accent-hsl), 1);
--course-list-grid-layout-chapter-divider-color: hsla(
var(--safeDarkAccent-hsl),
1
);
--course-list-grid-layout-course-item-background-color: hsla(
var(--white-hsl),
1
);
--course-list-grid-layout-course-item-hover-background-color: hsla(
var(--white-hsl),
0.75
);
--course-list-grid-layout-course-item-text-color: hsla(
var(--black-hsl),
1
);
--course-list-grid-layout-course-item-border-color: hsla(
var(--accent-hsl),
1
);
--gradientHeaderBackgroundColor: hsla(var(--white-hsl), 1);
--gradientHeaderBorderColor: hsla(var(--black-hsl), 1);
--gradientHeaderDropShadowColor: hsla(var(--black-hsl), 1);
--gradientHeaderNavigationColor: hsla(var(--black-hsl), 1);
--headerDropShadowColor: hsla(var(--black-hsl), 1);
--headerBorderColor: hsla(var(--black-hsl), 1);
--headingExtraLargeColor: hsla(var(--safeDarkAccent-hsl), 1);
--headingLargeColor: hsla(var(--safeDarkAccent-hsl), 1);
--headingLinkColor: hsla(var(--safeDarkAccent-hsl), 1);
--headingMediumColor: hsla(var(--safeDarkAccent-hsl), 1);
--headingSmallColor: hsla(var(--safeDarkAccent-hsl), 1);
--image-block-card-image-button-bg-color: hsla(
var(--safeDarkAccent-hsl),
1
);
--image-block-card-image-button-text-color: hsla(
var(--safeInverseDarkAccent-hsl),
1
);
--image-block-card-image-overlay-color: hsla(var(--darkAccent-hsl), 1);
--image-block-card-image-subtitle-color: hsla(var(--black-hsl), 1);
--image-block-card-image-title-bg-color: hsla(
var(--lightAccent-hsl),
0
);
--image-block-card-image-title-color: hsla(var(--black-hsl), 1);
--image-block-card-inline-link-color: hsla(var(--black-hsl), 1);
--image-block-collage-background-color: hsla(var(--accent-hsl), 1);
--image-block-collage-image-button-bg-color: hsla(var(--black-hsl), 1);
--image-block-collage-image-button-text-color: hsla(
var(--safeInverseDarkAccent-hsl),
1
);
--image-block-collage-image-overlay-color: hsla(var(--accent-hsl), 1);
--image-block-collage-image-subtitle-color: hsla(var(--white-hsl), 1);
--image-block-collage-image-title-bg-color: hsla(var(--accent-hsl), 1);
--image-block-collage-image-title-color: hsla(var(--white-hsl), 1);
--image-block-collage-inline-link-color: hsla(
var(--safeDarkAccent-hsl),
1
);
--image-block-overlap-image-button-bg-color: hsla(
var(--safeDarkAccent-hsl),
1
);
--image-block-overlap-image-button-text-color: hsla(
var(--safeInverseDarkAccent-hsl),
1
);
--image-block-overlap-image-overlay-color: hsla(
var(--darkAccent-hsl),
1
);
--image-block-overlap-image-subtitle-color: hsla(var(--black-hsl), 1);
--image-block-overlap-image-title-bg-color: hsla(
var(--lightAccent-hsl),
1
);
--image-block-overlap-image-title-color: hsla(var(--black-hsl), 1);
--image-block-overlap-inline-link-color: hsla(var(--black-hsl), 1);
--image-block-overlay-color: hsla(var(--black-hsl), 0.5);
--image-block-poster-image-button-bg-color: hsla(
var(--safeDarkAccent-hsl),
1
);
--image-block-poster-image-button-text-color: hsla(
var(--safeInverseDarkAccent-hsl),
1
);
--image-block-poster-image-overlay-color: hsla(
var(--darkAccent-hsl),
1
);
--image-block-poster-image-subtitle-color: hsla(var(--white-hsl), 1);
--image-block-poster-image-title-bg-color-v2: hsla(
var(--lightAccent-hsl),
0
);
--image-block-poster-image-title-color: hsla(var(--white-hsl), 1);
--image-block-poster-inline-link-color: hsla(var(--white-hsl), 1);
--image-block-stack-image-button-bg-color: hsla(
var(--safeDarkAccent-hsl),
1
);
--image-block-stack-image-button-text-color: hsla(
var(--safeInverseDarkAccent-hsl),
1
);
--image-block-stack-image-overlay-color: hsla(var(--darkAccent-hsl), 1);
--image-block-stack-image-subtitle-color: hsla(var(--black-hsl), 1);
--image-block-stack-image-title-bg-color: hsla(
var(--lightAccent-hsl),
0
);
--image-block-stack-image-title-color: hsla(var(--black-hsl), 1);
--image-block-stack-inline-link-color: hsla(var(--black-hsl), 1);
--list-section-banner-slideshow-arrow-background-color: hsla(
var(--safeDarkAccent-hsl),
1
);
--list-section-banner-slideshow-arrow-color: hsla(
var(--safeInverseDarkAccent-hsl),
1
);
--list-section-banner-slideshow-button-background-color: hsla(
var(--safeDarkAccent-hsl),
1
);
--list-section-banner-slideshow-button-text-color: hsla(
var(--safeInverseDarkAccent-hsl),
1
);
--list-section-banner-slideshow-card-button-background-color: hsla(
var(--safeDarkAccent-hsl),
1
);
--list-section-banner-slideshow-card-button-text-color: hsla(
var(--safeInverseDarkAccent-hsl),
1
);
--list-section-banner-slideshow-card-color: hsla(
var(--lightAccent-hsl),
1
);
--list-section-banner-slideshow-card-description-color: hsla(
var(--black-hsl),
1
);
--list-section-banner-slideshow-card-description-link-color: hsla(
var(--safeDarkAccent-hsl),
1
);
--list-section-banner-slideshow-card-title-color: hsla(
var(--black-hsl),
1
);
--list-section-banner-slideshow-description-color: hsla(
var(--black-hsl),
1
);
--list-section-banner-slideshow-title-color: hsla(
var(--safeDarkAccent-hsl),
1
);
--list-section-carousel-arrow-background-color: hsla(
var(--safeDarkAccent-hsl),
1
);
--list-section-carousel-arrow-color: hsla(
var(--safeInverseDarkAccent-hsl),
1
);
--list-section-carousel-button-background-color: hsla(
var(--safeDarkAccent-hsl),
1
);
--list-section-carousel-button-text-color: hsla(
var(--safeInverseDarkAccent-hsl),
1
);
--list-section-carousel-card-button-background-color: hsla(
var(--safeDarkAccent-hsl),
1
);
--list-section-carousel-card-button-text-color: hsla(
var(--safeInverseDarkAccent-hsl),
1
);
--list-section-carousel-card-color: hsla(var(--lightAccent-hsl), 1);
--list-section-carousel-card-description-color: hsla(
var(--black-hsl),
1
);
--list-section-carousel-card-description-link-color: hsla(
var(--safeDarkAccent-hsl),
1
);
--list-section-carousel-card-title-color: hsla(var(--black-hsl), 1);
--list-section-carousel-description-color: hsla(var(--black-hsl), 1);
--list-section-carousel-title-color: hsla(var(--safeDarkAccent-hsl), 1);
--list-section-simple-button-background-color: hsla(
var(--safeDarkAccent-hsl),
1
);
--list-section-simple-button-text-color: hsla(
var(--safeInverseDarkAccent-hsl),
1
);
--list-section-simple-card-button-background-color: hsla(
var(--safeDarkAccent-hsl),
1
);
--list-section-simple-card-button-text-color: hsla(
var(--safeInverseDarkAccent-hsl),
1
);
--list-section-simple-card-color: hsla(var(--lightAccent-hsl), 1);
--list-section-simple-card-description-color: hsla(var(--black-hsl), 1);
--list-section-simple-card-description-link-color: hsla(
var(--safeDarkAccent-hsl),
1
);
--list-section-simple-card-title-color: hsla(var(--black-hsl), 1);
--list-section-simple-description-color: hsla(var(--black-hsl), 1);
--list-section-simple-title-color: hsla(var(--safeDarkAccent-hsl), 1);
--list-section-title-color: hsla(var(--safeDarkAccent-hsl), 1);
--menuOverlayBackgroundColor: hsla(var(--accent-hsl), 1);
--menuOverlayButtonBackgroundColor: hsla(var(--safeDarkAccent-hsl), 1);
--menuOverlayButtonTextColor: hsla(var(--safeInverseDarkAccent-hsl), 1);
--menuOverlayNavigationLinkColor: hsla(var(--black-hsl), 1);
--navigationLinkColor: hsla(var(--black-hsl), 1);
--paragraphLargeColor: hsla(var(--black-hsl), 1);
--paragraphLinkColor: hsla(var(--safeDarkAccent-hsl), 1);
--paragraphMediumColor: hsla(var(--black-hsl), 1);
--paragraphSmallColor: hsla(var(--black-hsl), 1);
--portfolio-grid-basic-title-color: hsla(var(--safeDarkAccent-hsl), 1);
--portfolio-grid-overlay-overlay-color: hsla(var(--lightAccent-hsl), 1);
--portfolio-grid-overlay-title-color: hsla(var(--black-hsl), 1);
--portfolio-hover-follow-title-color: hsla(
var(--safeDarkAccent-hsl),
1
);
--portfolio-hover-static-title-color: hsla(
var(--safeDarkAccent-hsl),
1
);
--portfolio-index-background-title-color: hsla(var(--black-hsl), 1);
--primaryButtonBackgroundColor: hsla(var(--safeDarkAccent-hsl), 1);
--primaryButtonTextColor: hsla(var(--safeInverseDarkAccent-hsl), 1);
--secondaryButtonBackgroundColor: hsla(var(--safeDarkAccent-hsl), 1);
--secondaryButtonTextColor: hsla(var(--safeInverseDarkAccent-hsl), 1);
--section-divider-stroke-color: hsla(var(--safeDarkAccent-hsl), 1);
--section-inset-border-color: hsla(var(--accent-hsl), 1);
--shape-block-background-color: hsla(var(--white-hsl), 1);
--shape-block-dropshadow-color: hsla(var(--white-hsl), 1);
--shape-block-stroke-color: hsla(var(--safeDarkAccent-hsl), 1);
--siteBackgroundColor: hsla(var(--lightAccent-hsl), 1);
--siteTitleColor: hsla(var(--black-hsl), 1);
--social-links-block-main-icon-color: hsla(var(--black-hsl), 1);
--social-links-block-secondary-icon-color: hsla(
var(--lightAccent-hsl),
1
);
--solidHeaderBackgroundColor: hsla(var(--white-hsl), 1);
--solidHeaderBorderColor: hsla(var(--black-hsl), 1);
--solidHeaderDropShadowColor: hsla(var(--black-hsl), 1);
--solidHeaderNavigationColor: hsla(var(--black-hsl), 1);
--summary-block-limited-availability-label-color: hsla(
var(--black-hsl),
1
);
--tertiaryButtonBackgroundColor: hsla(var(--safeDarkAccent-hsl), 1);
--tertiaryButtonTextColor: hsla(var(--safeInverseDarkAccent-hsl), 1);
--text-highlight-color: hsla(var(--safeDarkAccent-hsl), 1);
--text-highlight-color-on-background: hsla(
var(--safeDarkAccent-hsl),
1
);
--tweak-accordion-block-background-color: hsla(var(--white-hsl), 1);
--tweak-accordion-block-divider-color: hsla(var(--black-hsl), 1);
--tweak-accordion-block-divider-color-on-background: hsla(
var(--safeDarkAccent-hsl),
1
);
--tweak-accordion-block-icon-color: hsla(var(--black-hsl), 1);
--tweak-accordion-block-icon-color-on-background: hsla(
var(--safeDarkAccent-hsl),
1
);
--tweak-blog-alternating-side-by-side-list-excerpt-color: hsla(
var(--black-hsl),
1
);
--tweak-blog-alternating-side-by-side-list-meta-color: hsla(
var(--black-hsl),
1
);
--tweak-blog-alternating-side-by-side-list-read-more-color: hsla(
var(--safeDarkAccent-hsl),
1
);
--tweak-blog-alternating-side-by-side-list-title-color: hsla(
var(--safeDarkAccent-hsl),
1
);
--tweak-blog-basic-grid-list-excerpt-color: hsla(var(--black-hsl), 1);
--tweak-blog-basic-grid-list-meta-color: hsla(var(--black-hsl), 1);
--tweak-blog-basic-grid-list-read-more-color: hsla(
var(--safeDarkAccent-hsl),
1
);
--tweak-blog-basic-grid-list-title-color: hsla(
var(--safeDarkAccent-hsl),
1
);
--tweak-blog-item-author-profile-color: hsla(var(--black-hsl), 1);
--tweak-blog-item-comment-meta-color: hsla(var(--black-hsl), 1);
--tweak-blog-item-comment-text-color: hsla(var(--black-hsl), 1);
--tweak-blog-item-meta-color: hsla(var(--black-hsl), 1);
--tweak-blog-item-pagination-icon-color: hsla(var(--black-hsl), 1);
--tweak-blog-item-pagination-meta-color: hsla(var(--black-hsl), 1);
--tweak-blog-item-pagination-title-color: hsla(var(--black-hsl), 1);
--tweak-blog-item-title-color: hsla(var(--safeDarkAccent-hsl), 1);
--tweak-blog-masonry-list-excerpt-color: hsla(var(--black-hsl), 1);
--tweak-blog-masonry-list-meta-color: hsla(var(--black-hsl), 1);
--tweak-blog-masonry-list-read-more-color: hsla(
var(--safeDarkAccent-hsl),
1
);
--tweak-blog-masonry-list-title-color: hsla(
var(--safeDarkAccent-hsl),
1
);
--tweak-blog-side-by-side-list-excerpt-color: hsla(var(--black-hsl), 1);
--tweak-blog-side-by-side-list-meta-color: hsla(var(--black-hsl), 1);
--tweak-blog-side-by-side-list-read-more-color: hsla(
var(--safeDarkAccent-hsl),
1
);
--tweak-blog-side-by-side-list-title-color: hsla(
var(--safeDarkAccent-hsl),
1
);
--tweak-blog-single-column-list-excerpt-color: hsla(
var(--black-hsl),
1
);
--tweak-blog-single-column-list-meta-color: hsla(var(--black-hsl), 1);
--tweak-blog-single-column-list-read-more-color: hsla(
var(--safeDarkAccent-hsl),
1
);
--tweak-blog-single-column-list-title-color: hsla(
var(--safeDarkAccent-hsl),
1
);
--tweak-content-link-block-title-color: hsla(var(--black-hsl), 1);
--tweak-events-item-pagination-date-color: hsla(var(--black-hsl), 1);
--tweak-events-item-pagination-icon-color: hsla(var(--black-hsl), 1);
--tweak-events-item-pagination-title-color: hsla(var(--black-hsl), 1);
--tweak-form-block-background-color: hsla(var(--white-hsl), 1);
--tweak-form-block-button-background-color: hsla(
var(--safeDarkAccent-hsl),
1
);
--tweak-form-block-button-background-color-on-background: hsla(
var(--safeDarkAccent-hsl),
1
);
--tweak-form-block-button-text-color: hsla(
var(--safeInverseDarkAccent-hsl),
1
);
--tweak-form-block-button-text-color-on-background: hsla(
var(--safeInverseDarkAccent-hsl),
1
);
--tweak-form-block-caption-color: hsla(var(--black-hsl), 1);
--tweak-form-block-caption-color-on-background: hsla(
var(--safeDarkAccent-hsl),
1
);
--tweak-form-block-description-color: hsla(var(--black-hsl), 1);
--tweak-form-block-description-color-on-background: hsla(
var(--safeDarkAccent-hsl),
1
);
--tweak-form-block-option-color: hsla(var(--black-hsl), 1);
--tweak-form-block-option-color-on-background: hsla(
var(--safeDarkAccent-hsl),
1
);
--tweak-form-block-survey-title-color: hsla(var(--black-hsl), 1);
--tweak-form-block-survey-title-color-on-background: hsla(
var(--safeDarkAccent-hsl),
1
);
--tweak-form-block-title-color: hsla(var(--black-hsl), 1);
--tweak-form-block-title-color-on-background: hsla(
var(--safeDarkAccent-hsl),
1
);
--tweak-form-block-field-fill-color: hsla(var(--white-hsl), 1);
--tweak-form-block-field-fill-color-hsl: var(--white-hsl);
--tweak-form-block-field-fill-color-a: 1;
--tweak-form-block-field-border-color: hsla(var(--black-hsl), 1);
--tweak-form-block-field-border-color-hsl: var(--black-hsl);
--tweak-form-block-field-border-color-a: 1;
--tweak-form-block-field-input-color: hsla(var(--black-hsl), 1);
--tweak-form-block-field-input-color-hsl: var(--black-hsl);
--tweak-form-block-field-input-color-a: 1;
--tweak-form-block-field-accessory-color: hsla(var(--black-hsl), 1);
--tweak-form-block-field-fill-color-on-background: hsla(
var(--lightAccent-hsl),
1
);
--tweak-form-block-field-fill-color-on-background-hsl: var(
--lightAccent-hsl
);
--tweak-form-block-field-fill-color-on-background-a: 1;
--tweak-form-block-field-border-color-on-background: hsla(
var(--black-hsl),
1
);
--tweak-form-block-field-border-color-on-background-hsl: var(
--black-hsl
);
--tweak-form-block-field-border-color-on-background-a: 1;
--tweak-form-block-field-input-color-on-background: hsla(
var(--black-hsl),
1
);
--tweak-form-block-field-input-color-on-background-hsl: var(
--black-hsl
);
--tweak-form-block-field-input-color-on-background-a: 1;
--tweak-form-block-field-accessory-color-on-background: hsla(
var(--black-hsl),
1
);
--tweak-gallery-icon-background-color: hsla(var(--lightAccent-hsl), 1);
--tweak-gallery-icon-color: hsla(var(--black-hsl), 1);
--tweak-gallery-lightbox-background-color: hsla(
var(--lightAccent-hsl),
1
);
--tweak-gallery-lightbox-icon-color: hsla(var(--black-hsl), 1);
--tweak-heading-extra-large-color-on-background: hsla(
var(--safeDarkAccent-hsl),
1
);
--tweak-heading-large-color-on-background: hsla(
var(--safeDarkAccent-hsl),
1
);
--tweak-heading-medium-color-on-background: hsla(
var(--safeDarkAccent-hsl),
1
);
--tweak-heading-small-color-on-background: hsla(
var(--safeDarkAccent-hsl),
1
);
--tweak-line-block-line-color: hsla(var(--safeDarkAccent-hsl), 1);
--tweak-marquee-block-background-color: hsla(var(--white-hsl), 1);
--tweak-marquee-block-heading-color: hsla(var(--safeDarkAccent-hsl), 1);
--tweak-marquee-block-heading-color-on-background: hsla(
var(--safeDarkAccent-hsl),
1
);
--tweak-marquee-block-paragraph-color: hsla(var(--black-hsl), 1);
--tweak-marquee-block-paragraph-color-on-background: hsla(
var(--safeDarkAccent-hsl),
1
);
--tweak-menu-block-item-description-color: hsla(var(--black-hsl), 1);
--tweak-menu-block-item-price-color: hsla(var(--black-hsl), 1);
--tweak-menu-block-item-title-color: hsla(var(--black-hsl), 1);
--tweak-menu-block-nav-color: hsla(var(--black-hsl), 1);
--tweak-menu-block-title-color: hsla(var(--safeDarkAccent-hsl), 1);
--tweak-newsletter-block-background-color: hsla(var(--white-hsl), 1);
--tweak-newsletter-block-button-background-color: hsla(
var(--safeDarkAccent-hsl),
1
);
--tweak-newsletter-block-button-background-color-on-background: hsla(
var(--safeDarkAccent-hsl),
1
);
--tweak-newsletter-block-button-text-color: hsla(
var(--safeInverseDarkAccent-hsl),
1
);
--tweak-newsletter-block-button-text-color-on-background: hsla(
var(--safeInverseDarkAccent-hsl),
1
);
--tweak-newsletter-block-description-color: hsla(var(--black-hsl), 1);
--tweak-newsletter-block-description-color-on-background: hsla(
var(--safeDarkAccent-hsl),
1
);
--tweak-newsletter-block-footnote-color: hsla(var(--black-hsl), 1);
--tweak-newsletter-block-footnote-color-on-background: hsla(
var(--safeDarkAccent-hsl),
1
);
--tweak-newsletter-block-title-color: hsla(var(--black-hsl), 1);
--tweak-newsletter-block-title-color-on-background: hsla(
var(--safeDarkAccent-hsl),
1
);
--tweak-paragraph-large-color-on-background: hsla(
var(--safeDarkAccent-hsl),
1
);
--tweak-paragraph-link-color-on-background: hsla(
var(--safeDarkAccent-hsl),
1
);
--tweak-paragraph-medium-color-on-background: hsla(
var(--safeDarkAccent-hsl),
1
);
--tweak-paragraph-small-color-on-background: hsla(
var(--safeDarkAccent-hsl),
1
);
--tweak-portfolio-item-pagination-icon-color: hsla(var(--black-hsl), 1);
--tweak-portfolio-item-pagination-meta-color: hsla(var(--black-hsl), 1);
--tweak-portfolio-item-pagination-title-color: hsla(
var(--black-hsl),
1
);
--tweak-product-basic-item-breadcumb-nav-color: hsla(
var(--black-hsl),
1
);
--tweak-product-basic-item-description-color: hsla(var(--black-hsl), 1);
--tweak-product-basic-item-gallery-controls-color: hsla(
var(--safeInverseLightAccent-hsl),
1
);
--tweak-product-basic-item-price-color: hsla(var(--black-hsl), 1);
--tweak-product-basic-item-sale-price-color: hsla(var(--accent-hsl), 1);
--tweak-product-basic-item-scarcity-color: hsla(var(--accent-hsl), 1);
--tweak-product-basic-item-title-color: hsla(
var(--safeDarkAccent-hsl),
1
);
--tweak-product-basic-item-variant-fields-color: hsla(
var(--black-hsl),
1
);
--tweak-product-grid-text-below-list-category-nav-color: hsla(
var(--black-hsl),
1
);
--tweak-product-grid-text-below-list-pagination-color: hsla(
var(--black-hsl),
1
);
--tweak-product-grid-text-below-list-price-color: hsla(
var(--black-hsl),
1
);
--tweak-product-grid-text-below-list-sale-price-color: hsla(
var(--accent-hsl),
1
);
--tweak-product-grid-text-below-list-scarcity-color: hsla(
var(--black-hsl),
1
);
--tweak-product-grid-text-below-list-status-color: hsla(
var(--accent-hsl),
1
);
--tweak-product-grid-text-below-list-title-color: hsla(
var(--safeDarkAccent-hsl),
1
);
--tweak-product-quick-view-button-color: hsla(var(--black-hsl), 1);
--tweak-product-quick-view-lightbox-controls-color: hsla(
var(--black-hsl),
1
);
--tweak-product-quick-view-lightbox-overlay-color: hsla(
var(--white-hsl),
1
);
--tweak-quote-block-background-color: hsla(var(--white-hsl), 1);
--tweak-quote-block-source-color: hsla(var(--black-hsl), 1);
--tweak-quote-block-source-color-on-background: hsla(
var(--safeDarkAccent-hsl),
1
);
--tweak-quote-block-text-color: hsla(var(--black-hsl), 1);
--tweak-quote-block-text-color-on-background: hsla(
var(--safeDarkAccent-hsl),
1
);
--tweak-summary-block-background-color: hsla(var(--white-hsl), 1);
--tweak-summary-block-excerpt-color: hsla(var(--black-hsl), 1);
--tweak-summary-block-excerpt-color-on-background: hsla(
var(--safeDarkAccent-hsl),
1
);
--tweak-summary-block-header-text-color: hsla(var(--black-hsl), 1);
--tweak-summary-block-header-text-color-on-background: hsla(
var(--safeDarkAccent-hsl),
1
);
--tweak-summary-block-primary-metadata-color: hsla(var(--black-hsl), 1);
--tweak-summary-block-primary-metadata-color-on-background: hsla(
var(--safeDarkAccent-hsl),
1
);
--tweak-summary-block-read-more-color: hsla(var(--black-hsl), 1);
--tweak-summary-block-read-more-color-on-background: hsla(
var(--safeDarkAccent-hsl),
1
);
--tweak-summary-block-secondary-metadata-color: hsla(
var(--black-hsl),
1
);
--tweak-summary-block-secondary-metadata-color-on-background: hsla(
var(--safeDarkAccent-hsl),
1
);
--tweak-summary-block-title-color: hsla(var(--black-hsl), 1);
--tweak-summary-block-title-color-on-background: hsla(
var(--safeDarkAccent-hsl),
1
);
--tweak-text-block-background-color: hsla(var(--white-hsl), 1);
--tweak-video-item-description-color: hsla(var(--accent-hsl), 1);
--tweak-video-item-meta-color: hsla(var(--accent-hsl), 1);
--tweak-video-item-pagination-icon-color: hsla(var(--accent-hsl), 1);
--tweak-video-item-pagination-title-color: hsla(var(--accent-hsl), 1);
--tweak-video-item-title-color: hsla(var(--accent-hsl), 1);
--video-grid-basic-description-color: hsla(var(--accent-hsl), 1);
--video-grid-basic-meta-color: hsla(var(--accent-hsl), 1);
--video-grid-basic-title-color: hsla(var(--accent-hsl), 1);
--video-grid-category-nav-color: hsla(var(--accent-hsl), 1);
}
.dark {
--announcement-bar-background-color: hsla(var(--lightAccent-hsl), 1);
--announcement-bar-text-color: hsla(var(--black-hsl), 1);
--backgroundOverlayColor: hsla(var(--darkAccent-hsl), 1);
--course-item-nav-active-lesson-background-color: hsla(
var(--lightAccent-hsl),
1
);
--course-item-nav-active-lesson-text-color: hsla(var(--black-hsl), 1);
--course-item-nav-background-color: hsla(var(--black-hsl), 1);
--course-item-nav-border-color: hsla(var(--white-hsl), 0.25);
--course-item-nav-text-color: hsla(var(--white-hsl), 1);
--course-list-course-progress-bar-color: hsla(var(--accent-hsl), 1);
--course-list-course-item-background: hsla(var(--white-hsl), 1);
--course-list-course-item-hover-background: hsla(var(--white-hsl), 0.9);
--course-list-course-item-text-color: hsla(var(--black-hsl), 1);
--course-list-course-chapter-divider-color: hsla(var(--accent-hsl), 1);
--course-list-grid-layout-chapter-divider-color: hsla(
var(--white-hsl),
1
);
--course-list-grid-layout-course-item-background-color: hsla(
var(--white-hsl),
1
);
--course-list-grid-layout-course-item-hover-background-color: hsla(
var(--white-hsl),
0.9
);
--course-list-grid-layout-course-item-text-color: hsla(
var(--black-hsl),
1
);
--course-list-grid-layout-course-item-border-color: hsla(
var(--accent-hsl),
1
);
--gradientHeaderBackgroundColor: hsla(var(--white-hsl), 1);
--gradientHeaderBorderColor: hsla(var(--black-hsl), 1);
--gradientHeaderDropShadowColor: hsla(var(--black-hsl), 1);
--gradientHeaderNavigationColor: hsla(var(--black-hsl), 1);
--headerDropShadowColor: hsla(var(--black-hsl), 1);
--headerBorderColor: hsla(var(--black-hsl), 1);
--headingExtraLargeColor: hsla(var(--white-hsl), 1);
--headingLargeColor: hsla(var(--white-hsl), 1);
--headingLinkColor: hsla(var(--lightAccent-hsl), 1);
--headingMediumColor: hsla(var(--white-hsl), 1);
--headingSmallColor: hsla(var(--white-hsl), 1);
--image-block-card-image-button-bg-color: hsla(
var(--safeLightAccent-hsl),
1
);
--image-block-card-image-button-text-color: hsla(
var(--safeInverseLightAccent-hsl),
1
);
--image-block-card-image-overlay-color: hsla(var(--darkAccent-hsl), 1);
--image-block-card-image-subtitle-color: hsla(var(--white-hsl), 1);
--image-block-card-image-title-bg-color: hsla(var(--darkAccent-hsl), 0);
--image-block-card-image-title-color: hsla(var(--white-hsl), 1);
--image-block-card-inline-link-color: hsla(var(--white-hsl), 1);
--image-block-collage-background-color: hsla(var(--white-hsl), 1);
--image-block-collage-image-button-bg-color: hsla(
var(--safeDarkAccent-hsl),
1
);
--image-block-collage-image-button-text-color: hsla(
var(--safeInverseDarkAccent-hsl),
1
);
--image-block-collage-image-overlay-color: hsla(
var(--darkAccent-hsl),
1
);
--image-block-collage-image-subtitle-color: hsla(var(--black-hsl), 1);
--image-block-collage-image-title-bg-color: hsla(
var(--darkAccent-hsl),
0
);
--image-block-collage-image-title-color: hsla(var(--black-hsl), 1);
--image-block-collage-inline-link-color: hsla(var(--black-hsl), 1);
--image-block-overlap-image-button-bg-color: hsla(
var(--safeLightAccent-hsl),
1
);
--image-block-overlap-image-button-text-color: hsla(
var(--safeInverseLightAccent-hsl),
1
);
--image-block-overlap-image-overlay-color: hsla(
var(--darkAccent-hsl),
1
);
--image-block-overlap-image-subtitle-color: hsla(var(--white-hsl), 1);
--image-block-overlap-image-title-bg-color: hsla(
var(--darkAccent-hsl),
1
);
--image-block-overlap-image-title-color: hsla(var(--white-hsl), 1);
--image-block-overlap-inline-link-color: hsla(var(--white-hsl), 1);
--image-block-overlay-color: hsla(var(--black-hsl), 0.5);
--image-block-poster-image-button-bg-color: hsla(
var(--safeLightAccent-hsl),
1
);
--image-block-poster-image-button-text-color: hsla(
var(--safeInverseLightAccent-hsl),
1
);
--image-block-poster-image-overlay-color: hsla(
var(--darkAccent-hsl),
1
);
--image-block-poster-image-subtitle-color: hsla(var(--white-hsl), 1);
--image-block-poster-image-title-bg-color-v2: hsla(
var(--darkAccent-hsl),
0
);
--image-block-poster-image-title-color: hsla(var(--white-hsl), 1);
--image-block-poster-inline-link-color: hsla(var(--white-hsl), 1);
--image-block-stack-image-button-bg-color: hsla(
var(--safeLightAccent-hsl),
1
);
--image-block-stack-image-button-text-color: hsla(
var(--safeInverseLightAccent-hsl),
1
);
--image-block-stack-image-overlay-color: hsla(var(--darkAccent-hsl), 1);
--image-block-stack-image-subtitle-color: hsla(var(--white-hsl), 1);
--image-block-stack-image-title-bg-color: hsla(
var(--darkAccent-hsl),
0
);
--image-block-stack-image-title-color: hsla(var(--white-hsl), 1);
--image-block-stack-inline-link-color: hsla(var(--white-hsl), 1);
--list-section-banner-slideshow-arrow-background-color: hsla(
var(--safeLightAccent-hsl),
1
);
--list-section-banner-slideshow-arrow-color: hsla(
var(--safeInverseLightAccent-hsl),
1
);
--list-section-banner-slideshow-button-background-color: hsla(
var(--safeLightAccent-hsl),
1
);
--list-section-banner-slideshow-button-text-color: hsla(
var(--safeInverseLightAccent-hsl),
1
);
--list-section-banner-slideshow-card-button-background-color: hsla(
var(--safeLightAccent-hsl),
1
);
--list-section-banner-slideshow-card-button-text-color: hsla(
var(--safeInverseLightAccent-hsl),
1
);
--list-section-banner-slideshow-card-color: hsla(
var(--darkAccent-hsl),
1
);
--list-section-banner-slideshow-card-description-color: hsla(
var(--white-hsl),
1
);
--list-section-banner-slideshow-card-description-link-color: hsla(
var(--safeLightAccent-hsl),
1
);
--list-section-banner-slideshow-card-title-color: hsla(
var(--white-hsl),
1
);
--list-section-banner-slideshow-description-color: hsla(
var(--white-hsl),
1
);
--list-section-banner-slideshow-title-color: hsla(var(--white-hsl), 1);
--list-section-carousel-arrow-background-color: hsla(
var(--safeLightAccent-hsl),
1
);
--list-section-carousel-arrow-color: hsla(
var(--safeInverseLightAccent-hsl),
1
);
--list-section-carousel-button-background-color: hsla(
var(--safeLightAccent-hsl),
1
);
--list-section-carousel-button-text-color: hsla(
var(--safeInverseLightAccent-hsl),
1
);
--list-section-carousel-card-button-background-color: hsla(
var(--safeLightAccent-hsl),
1
);
--list-section-carousel-card-button-text-color: hsla(
var(--safeInverseLightAccent-hsl),
1
);
--list-section-carousel-card-color: hsla(var(--darkAccent-hsl), 1);
--list-section-carousel-card-description-color: hsla(
var(--white-hsl),
1
);
--list-section-carousel-card-description-link-color: hsla(
var(--safeLightAccent-hsl),
1
);
--list-section-carousel-card-title-color: hsla(var(--white-hsl), 1);
--list-section-carousel-description-color: hsla(var(--white-hsl), 1);
--list-section-carousel-title-color: hsla(var(--white-hsl), 1);
--list-section-simple-button-background-color: hsla(
var(--safeLightAccent-hsl),
1
);
--list-section-simple-button-text-color: hsla(
var(--safeInverseLightAccent-hsl),
1
);
--list-section-simple-card-button-background-color: hsla(
var(--safeLightAccent-hsl),
1
);
--list-section-simple-card-button-text-color: hsla(
var(--safeInverseLightAccent-hsl),
1
);
--list-section-simple-card-color: hsla(var(--darkAccent-hsl), 1);
--list-section-simple-card-description-color: hsla(var(--white-hsl), 1);
--list-section-simple-card-description-link-color: hsla(
var(--safeLightAccent-hsl),
1
);
--list-section-simple-card-title-color: hsla(var(--white-hsl), 1);
--list-section-simple-description-color: hsla(var(--white-hsl), 1);
--list-section-simple-title-color: hsla(var(--white-hsl), 1);
--list-section-title-color: hsla(var(--white-hsl), 1);
--menuOverlayBackgroundColor: hsla(var(--darkAccent-hsl), 1);
--menuOverlayButtonBackgroundColor: hsla(var(--safeLightAccent-hsl), 1);
--menuOverlayButtonTextColor: hsla(
var(--safeInverseLightAccent-hsl),
1
);
--menuOverlayNavigationLinkColor: hsla(var(--white-hsl), 1);
--navigationLinkColor: hsla(var(--white-hsl), 1);
--paragraphLargeColor: hsla(var(--white-hsl), 1);
--paragraphLinkColor: hsla(var(--safeLightAccent-hsl), 1);
--paragraphMediumColor: hsla(var(--white-hsl), 1);
--paragraphSmallColor: hsla(var(--white-hsl), 1);
--portfolio-grid-basic-title-color: hsla(var(--white-hsl), 1);
--portfolio-grid-overlay-overlay-color: hsla(var(--darkAccent-hsl), 1);
--portfolio-grid-overlay-title-color: hsla(var(--white-hsl), 1);
--portfolio-hover-follow-title-color: hsla(var(--white-hsl), 1);
--portfolio-hover-static-title-color: hsla(var(--white-hsl), 1);
--portfolio-index-background-title-color: hsla(var(--white-hsl), 1);
--primaryButtonBackgroundColor: hsla(var(--safeLightAccent-hsl), 1);
--primaryButtonTextColor: hsla(var(--safeInverseLightAccent-hsl), 1);
--secondaryButtonBackgroundColor: hsla(var(--safeLightAccent-hsl), 1);
--secondaryButtonTextColor: hsla(var(--safeInverseLightAccent-hsl), 1);
--section-divider-stroke-color: hsla(var(--safeLightAccent-hsl), 1);
--section-inset-border-color: hsla(var(--white-hsl), 1);
--shape-block-background-color: hsla(var(--white-hsl), 1);
--shape-block-dropshadow-color: hsla(var(--white-hsl), 1);
--shape-block-stroke-color: hsla(var(--safeLightAccent-hsl), 1);
--siteBackgroundColor: hsla(var(--darkAccent-hsl), 1);
--siteTitleColor: hsla(var(--white-hsl), 1);
--social-links-block-main-icon-color: hsla(var(--white-hsl), 1);
--social-links-block-secondary-icon-color: hsla(
var(--darkAccent-hsl),
1
);
--solidHeaderBackgroundColor: hsla(var(--white-hsl), 1);
--solidHeaderBorderColor: hsla(var(--black-hsl), 1);
--solidHeaderDropShadowColor: hsla(var(--black-hsl), 1);
--solidHeaderNavigationColor: hsla(var(--black-hsl), 1);
--summary-block-limited-availability-label-color: hsla(
var(--white-hsl),
1
);
--tertiaryButtonBackgroundColor: hsla(var(--safeLightAccent-hsl), 1);
--tertiaryButtonTextColor: hsla(var(--safeInverseLightAccent-hsl), 1);
--text-highlight-color: hsla(var(--safeLightAccent-hsl), 1);
--text-highlight-color-on-background: hsla(
var(--safeLightAccent-hsl),
1
);
--tweak-accordion-block-background-color: hsla(var(--white-hsl), 1);
--tweak-accordion-block-divider-color: hsla(var(--white-hsl), 1);
--tweak-accordion-block-divider-color-on-background: hsla(
var(--black-hsl),
1
);
--tweak-accordion-block-icon-color: hsla(var(--white-hsl), 1);
--tweak-accordion-block-icon-color-on-background: hsla(
var(--black-hsl),
1
);
--tweak-blog-alternating-side-by-side-list-excerpt-color: hsla(
var(--white-hsl),
1
);
--tweak-blog-alternating-side-by-side-list-meta-color: hsla(
var(--white-hsl),
1
);
--tweak-blog-alternating-side-by-side-list-read-more-color: hsla(
var(--safeLightAccent-hsl),
1
);
--tweak-blog-alternating-side-by-side-list-title-color: hsla(
var(--white-hsl),
1
);
--tweak-blog-basic-grid-list-excerpt-color: hsla(var(--white-hsl), 1);
--tweak-blog-basic-grid-list-meta-color: hsla(var(--white-hsl), 1);
--tweak-blog-basic-grid-list-read-more-color: hsla(
var(--safeLightAccent-hsl),
1
);
--tweak-blog-basic-grid-list-title-color: hsla(var(--white-hsl), 1);
--tweak-blog-item-author-profile-color: hsla(var(--white-hsl), 1);
--tweak-blog-item-comment-meta-color: hsla(var(--white-hsl), 1);
--tweak-blog-item-comment-text-color: hsla(var(--white-hsl), 1);
--tweak-blog-item-meta-color: hsla(var(--white-hsl), 1);
--tweak-blog-item-pagination-icon-color: hsla(var(--white-hsl), 1);
--tweak-blog-item-pagination-meta-color: hsla(var(--white-hsl), 1);
--tweak-blog-item-pagination-title-color: hsla(var(--white-hsl), 1);
--tweak-blog-item-title-color: hsla(var(--white-hsl), 1);
--tweak-blog-masonry-list-excerpt-color: hsla(var(--white-hsl), 1);
--tweak-blog-masonry-list-meta-color: hsla(var(--white-hsl), 1);
--tweak-blog-masonry-list-read-more-color: hsla(
var(--safeLightAccent-hsl),
1
);
--tweak-blog-masonry-list-title-color: hsla(var(--white-hsl), 1);
--tweak-blog-side-by-side-list-excerpt-color: hsla(var(--white-hsl), 1);
--tweak-blog-side-by-side-list-meta-color: hsla(var(--white-hsl), 1);
--tweak-blog-side-by-side-list-read-more-color: hsla(
var(--safeLightAccent-hsl),
1
);
--tweak-blog-side-by-side-list-title-color: hsla(var(--white-hsl), 1);
--tweak-blog-single-column-list-excerpt-color: hsla(
var(--white-hsl),
1
);
--tweak-blog-single-column-list-meta-color: hsla(var(--white-hsl), 1);
--tweak-blog-single-column-list-read-more-color: hsla(
var(--safeLightAccent-hsl),
1
);
--tweak-blog-single-column-list-title-color: hsla(var(--white-hsl), 1);
--tweak-content-link-block-title-color: hsla(var(--white-hsl), 1);
--tweak-events-item-pagination-date-color: hsla(var(--white-hsl), 1);
--tweak-events-item-pagination-icon-color: hsla(var(--white-hsl), 1);
--tweak-events-item-pagination-title-color: hsla(var(--white-hsl), 1);
--tweak-form-block-background-color: hsla(var(--white-hsl), 1);
--tweak-form-block-button-background-color: hsla(
var(--safeLightAccent-hsl),
1
);
--tweak-form-block-button-background-color-on-background: hsla(
var(--safeDarkAccent-hsl),
1
);
--tweak-form-block-button-text-color: hsla(
var(--safeInverseLightAccent-hsl),
1
);
--tweak-form-block-button-text-color-on-background: hsla(
var(--safeInverseDarkAccent-hsl),
1
);
--tweak-form-block-caption-color: hsla(var(--white-hsl), 1);
--tweak-form-block-caption-color-on-background: hsla(
var(--black-hsl),
1
);
--tweak-form-block-description-color: hsla(var(--white-hsl), 1);
--tweak-form-block-description-color-on-background: hsla(
var(--black-hsl),
1
);
--tweak-form-block-option-color: hsla(var(--white-hsl), 1);
--tweak-form-block-option-color-on-background: hsla(
var(--black-hsl),
1
);
--tweak-form-block-survey-title-color: hsla(var(--white-hsl), 1);
--tweak-form-block-survey-title-color-on-background: hsla(
var(--black-hsl),
1
);
--tweak-form-block-title-color: hsla(var(--white-hsl), 1);
--tweak-form-block-title-color-on-background: hsla(var(--black-hsl), 1);
--tweak-form-block-field-fill-color: hsla(var(--black-hsl), 1);
--tweak-form-block-field-fill-color-hsl: var(--black-hsl);
--tweak-form-block-field-fill-color-a: 1;
--tweak-form-block-field-border-color: hsla(var(--white-hsl), 1);
--tweak-form-block-field-border-color-hsl: var(--white-hsl);
--tweak-form-block-field-border-color-a: 1;
--tweak-form-block-field-input-color: hsla(var(--white-hsl), 1);
--tweak-form-block-field-input-color-hsl: var(--white-hsl);
--tweak-form-block-field-input-color-a: 1;
--tweak-form-block-field-accessory-color: hsla(var(--white-hsl), 1);
--tweak-form-block-field-fill-color-on-background: hsla(
var(--lightAccent-hsl),
1
);
--tweak-form-block-field-fill-color-on-background-hsl: var(
--lightAccent-hsl
);
--tweak-form-block-field-fill-color-on-background-a: 1;
--tweak-form-block-field-border-color-on-background: hsla(
var(--black-hsl),
1
);
--tweak-form-block-field-border-color-on-background-hsl: var(
--black-hsl
);
--tweak-form-block-field-border-color-on-background-a: 1;
--tweak-form-block-field-input-color-on-background: hsla(
var(--black-hsl),
1
);
--tweak-form-block-field-input-color-on-background-hsl: var(
--black-hsl
);
--tweak-form-block-field-input-color-on-background-a: 1;
--tweak-form-block-field-accessory-color-on-background: hsla(
var(--black-hsl),
1
);
--tweak-gallery-icon-background-color: hsla(var(--darkAccent-hsl), 1);
--tweak-gallery-icon-color: hsla(var(--white-hsl), 1);
--tweak-gallery-lightbox-background-color: hsla(
var(--darkAccent-hsl),
1
);
--tweak-gallery-lightbox-icon-color: hsla(var(--white-hsl), 1);
--tweak-heading-extra-large-color-on-background: hsla(
var(--black-hsl),
1
);
--tweak-heading-large-color-on-background: hsla(var(--black-hsl), 1);
--tweak-heading-medium-color-on-background: hsla(var(--black-hsl), 1);
--tweak-heading-small-color-on-background: hsla(var(--black-hsl), 1);
--tweak-line-block-line-color: hsla(var(--white-hsl), 1);
--tweak-marquee-block-background-color: hsla(var(--white-hsl), 1);
--tweak-marquee-block-heading-color: hsla(var(--white-hsl), 1);
--tweak-marquee-block-heading-color-on-background: hsla(
var(--black-hsl),
1
);
--tweak-marquee-block-paragraph-color: hsla(var(--white-hsl), 1);
--tweak-marquee-block-paragraph-color-on-background: hsla(
var(--black-hsl),
1
);
--tweak-menu-block-item-description-color: hsla(var(--white-hsl), 1);
--tweak-menu-block-item-price-color: hsla(var(--white-hsl), 1);
--tweak-menu-block-item-title-color: hsla(var(--white-hsl), 1);
--tweak-menu-block-nav-color: hsla(var(--white-hsl), 1);
--tweak-menu-block-title-color: hsla(var(--white-hsl), 1);
--tweak-newsletter-block-background-color: hsla(var(--white-hsl), 1);
--tweak-newsletter-block-button-background-color: hsla(
var(--safeLightAccent-hsl),
1
);
--tweak-newsletter-block-button-background-color-on-background: hsla(
var(--black-hsl),
1
);
--tweak-newsletter-block-button-text-color: hsla(
var(--safeInverseLightAccent-hsl),
1
);
--tweak-newsletter-block-button-text-color-on-background: hsla(
var(--safeInverseDarkAccent-hsl),
1
);
--tweak-newsletter-block-description-color: hsla(var(--white-hsl), 1);
--tweak-newsletter-block-description-color-on-background: hsla(
var(--black-hsl),
1
);
--tweak-newsletter-block-footnote-color: hsla(var(--white-hsl), 1);
--tweak-newsletter-block-footnote-color-on-background: hsla(
var(--black-hsl),
1
);
--tweak-newsletter-block-title-color: hsla(var(--white-hsl), 1);
--tweak-newsletter-block-title-color-on-background: hsla(
var(--black-hsl),
1
);
--tweak-paragraph-large-color-on-background: hsla(var(--black-hsl), 1);
--tweak-paragraph-link-color-on-background: hsla(
var(--safeLightAccent-hsl),
1
);
--tweak-paragraph-medium-color-on-background: hsla(var(--black-hsl), 1);
--tweak-paragraph-small-color-on-background: hsla(var(--black-hsl), 1);
--tweak-portfolio-item-pagination-icon-color: hsla(var(--white-hsl), 1);
--tweak-portfolio-item-pagination-meta-color: hsla(var(--white-hsl), 1);
--tweak-portfolio-item-pagination-title-color: hsla(
var(--white-hsl),
1
);
--tweak-product-basic-item-breadcumb-nav-color: hsla(
var(--white-hsl),
1
);
--tweak-product-basic-item-description-color: hsla(var(--white-hsl), 1);
--tweak-product-basic-item-gallery-controls-color: hsla(
var(--safeInverseLightAccent-hsl),
1
);
--tweak-product-basic-item-price-color: hsla(var(--white-hsl), 1);
--tweak-product-basic-item-sale-price-color: hsla(var(--accent-hsl), 1);
--tweak-product-basic-item-scarcity-color: hsla(var(--accent-hsl), 1);
--tweak-product-basic-item-title-color: hsla(var(--white-hsl), 1);
--tweak-product-basic-item-variant-fields-color: hsla(
var(--white-hsl),
1
);
--tweak-product-grid-text-below-list-category-nav-color: hsla(
var(--white-hsl),
1
);
--tweak-product-grid-text-below-list-pagination-color: hsla(
var(--white-hsl),
1
);
--tweak-product-grid-text-below-list-price-color: hsla(
var(--white-hsl),
1
);
--tweak-product-grid-text-below-list-sale-price-color: hsla(
var(--accent-hsl),
1
);
--tweak-product-grid-text-below-list-scarcity-color: hsla(
var(--white-hsl),
1
);
--tweak-product-grid-text-below-list-status-color: hsla(
var(--accent-hsl),
1
);
--tweak-product-grid-text-below-list-title-color: hsla(
var(--white-hsl),
1
);
--tweak-product-quick-view-button-color: hsla(var(--black-hsl), 1);
--tweak-product-quick-view-lightbox-controls-color: hsla(
var(--black-hsl),
1
);
--tweak-product-quick-view-lightbox-overlay-color: hsla(
var(--white-hsl),
1
);
--tweak-quote-block-background-color: hsla(var(--white-hsl), 1);
--tweak-quote-block-source-color: hsla(var(--white-hsl), 1);
--tweak-quote-block-source-color-on-background: hsla(
var(--black-hsl),
1
);
--tweak-quote-block-text-color: hsla(var(--white-hsl), 1);
--tweak-quote-block-text-color-on-background: hsla(var(--black-hsl), 1);
--tweak-summary-block-background-color: hsla(var(--white-hsl), 1);
--tweak-summary-block-excerpt-color: hsla(var(--white-hsl), 1);
--tweak-summary-block-excerpt-color-on-background: hsla(
var(--black-hsl),
1
);
--tweak-summary-block-header-text-color: hsla(var(--white-hsl), 1);
--tweak-summary-block-header-text-color-on-background: hsla(
var(--black-hsl),
1
);
--tweak-summary-block-primary-metadata-color: hsla(var(--white-hsl), 1);
--tweak-summary-block-primary-metadata-color-on-background: hsla(
var(--black-hsl),
1
);
--tweak-summary-block-read-more-color: hsla(var(--white-hsl), 1);
--tweak-summary-block-read-more-color-on-background: hsla(
var(--black-hsl),
1
);
--tweak-summary-block-secondary-metadata-color: hsla(
var(--white-hsl),
1
);
--tweak-summary-block-secondary-metadata-color-on-background: hsla(
var(--black-hsl),
1
);
--tweak-summary-block-title-color: hsla(var(--white-hsl), 1);
--tweak-summary-block-title-color-on-background: hsla(
var(--black-hsl),
1
);
--tweak-text-block-background-color: hsla(var(--white-hsl), 1);
--tweak-video-item-description-color: hsla(var(--white-hsl), 1);
--tweak-video-item-meta-color: hsla(var(--white-hsl), 1);
--tweak-video-item-pagination-icon-color: hsla(var(--white-hsl), 1);
--tweak-video-item-pagination-title-color: hsla(var(--white-hsl), 1);
--tweak-video-item-title-color: hsla(var(--white-hsl), 1);
--video-grid-basic-description-color: hsla(var(--white-hsl), 1);
--video-grid-basic-meta-color: hsla(var(--white-hsl), 1);
--video-grid-basic-title-color: hsla(var(--white-hsl), 1);
--video-grid-category-nav-color: hsla(var(--white-hsl), 1);
}
.dark-bold {
--announcement-bar-background-color: hsla(var(--accent-hsl), 1);
--announcement-bar-text-color: hsla(var(--safeInverseAccent-hsl), 1);
--backgroundOverlayColor: hsla(var(--darkAccent-hsl), 1);
--course-item-nav-active-lesson-background-color: hsla(
var(--lightAccent-hsl),
1
);
--course-item-nav-active-lesson-text-color: hsla(var(--black-hsl), 1);
--course-item-nav-background-color: hsla(var(--black-hsl), 1);
--course-item-nav-border-color: hsla(var(--white-hsl), 0.25);
--course-item-nav-text-color: hsla(var(--white-hsl), 1);
--course-list-course-progress-bar-color: hsla(var(--accent-hsl), 1);
--course-list-course-item-background: hsla(var(--white-hsl), 1);
--course-list-course-item-hover-background: hsla(var(--white-hsl), 0.9);
--course-list-course-item-text-color: hsla(var(--black-hsl), 1);
--course-list-course-chapter-divider-color: hsla(var(--accent-hsl), 1);
--course-list-grid-layout-chapter-divider-color: hsla(
var(--safeLightAccent-hsl),
1
);
--course-list-grid-layout-course-item-background-color: hsla(
var(--white-hsl),
1
);
--course-list-grid-layout-course-item-hover-background-color: hsla(
var(--white-hsl),
0.9
);
--course-list-grid-layout-course-item-text-color: hsla(
var(--black-hsl),
1
);
--course-list-grid-layout-course-item-border-color: hsla(
var(--accent-hsl),
1
);
--gradientHeaderBackgroundColor: hsla(var(--white-hsl), 1);
--gradientHeaderBorderColor: hsla(var(--black-hsl), 1);
--gradientHeaderDropShadowColor: hsla(var(--black-hsl), 1);
--gradientHeaderNavigationColor: hsla(var(--black-hsl), 1);
--headerDropShadowColor: hsla(var(--black-hsl), 1);
--headerBorderColor: hsla(var(--black-hsl), 1);
--headingExtraLargeColor: hsla(var(--safeLightAccent-hsl), 1);
--headingLargeColor: hsla(var(--safeLightAccent-hsl), 1);
--headingLinkColor: hsla(var(--safeLightAccent-hsl), 1);
--headingMediumColor: hsla(var(--safeLightAccent-hsl), 1);
--headingSmallColor: hsla(var(--safeLightAccent-hsl), 1);
--image-block-card-image-button-bg-color: hsla(
var(--safeLightAccent-hsl),
1
);
--image-block-card-image-button-text-color: hsla(
var(--safeInverseLightAccent-hsl),
1
);
--image-block-card-image-overlay-color: hsla(var(--darkAccent-hsl), 1);
--image-block-card-image-subtitle-color: hsla(var(--white-hsl), 1);
--image-block-card-image-title-bg-color: hsla(var(--darkAccent-hsl), 0);
--image-block-card-image-title-color: hsla(var(--white-hsl), 1);
--image-block-card-inline-link-color: hsla(var(--white-hsl), 1);
--image-block-collage-background-color: hsla(var(--white-hsl), 1);
--image-block-collage-image-button-bg-color: hsla(
var(--safeDarkAccent-hsl),
1
);
--image-block-collage-image-button-text-color: hsla(
var(--safeInverseDarkAccent-hsl),
1
);
--image-block-collage-image-overlay-color: hsla(
var(--darkAccent-hsl),
1
);
--image-block-collage-image-subtitle-color: hsla(
var(--safeDarkAccent-hsl),
1
);
--image-block-collage-image-title-bg-color: hsla(
var(--darkAccent-hsl),
0
);
--image-block-collage-image-title-color: hsla(
var(--safeDarkAccent-hsl),
1
);
--image-block-collage-inline-link-color: hsla(
var(--safeDarkAccent-hsl),
1
);
--image-block-overlap-image-button-bg-color: hsla(
var(--safeLightAccent-hsl),
1
);
--image-block-overlap-image-button-text-color: hsla(
var(--safeInverseLightAccent-hsl),
1
);
--image-block-overlap-image-overlay-color: hsla(
var(--darkAccent-hsl),
1
);
--image-block-overlap-image-subtitle-color: hsla(var(--white-hsl), 1);
--image-block-overlap-image-title-bg-color: hsla(
var(--darkAccent-hsl),
1
);
--image-block-overlap-image-title-color: hsla(var(--white-hsl), 1);
--image-block-overlap-inline-link-color: hsla(var(--white-hsl), 1);
--image-block-overlay-color: hsla(var(--black-hsl), 0.5);
--image-block-poster-image-button-bg-color: hsla(
var(--safeLightAccent-hsl),
1
);
--image-block-poster-image-button-text-color: hsla(
var(--safeInverseLightAccent-hsl),
1
);
--image-block-poster-image-overlay-color: hsla(
var(--darkAccent-hsl),
1
);
--image-block-poster-image-subtitle-color: hsla(var(--white-hsl), 1);
--image-block-poster-image-title-bg-color-v2: hsla(
var(--darkAccent-hsl),
0
);
--image-block-poster-image-title-color: hsla(var(--white-hsl), 1);
--image-block-poster-inline-link-color: hsla(var(--white-hsl), 1);
--image-block-stack-image-button-bg-color: hsla(
var(--safeLightAccent-hsl),
1
);
--image-block-stack-image-button-text-color: hsla(
var(--safeInverseLightAccent-hsl),
1
);
--image-block-stack-image-overlay-color: hsla(var(--darkAccent-hsl), 1);
--image-block-stack-image-subtitle-color: hsla(var(--white-hsl), 1);
--image-block-stack-image-title-bg-color: hsla(
var(--darkAccent-hsl),
0
);
--image-block-stack-image-title-color: hsla(var(--white-hsl), 1);
--image-block-stack-inline-link-color: hsla(var(--white-hsl), 1);
--list-section-banner-slideshow-arrow-background-color: hsla(
var(--safeLightAccent-hsl),
1
);
--list-section-banner-slideshow-arrow-color: hsla(
var(--safeInverseLightAccent-hsl),
1
);
--list-section-banner-slideshow-button-background-color: hsla(
var(--safeLightAccent-hsl),
1
);
--list-section-banner-slideshow-button-text-color: hsla(
var(--safeInverseLightAccent-hsl),
1
);
--list-section-banner-slideshow-card-button-background-color: hsla(
var(--safeLightAccent-hsl),
1
);
--list-section-banner-slideshow-card-button-text-color: hsla(
var(--safeInverseLightAccent-hsl),
1
);
--list-section-banner-slideshow-card-color: hsla(
var(--darkAccent-hsl),
1
);
--list-section-banner-slideshow-card-description-color: hsla(
var(--white-hsl),
1
);
--list-section-banner-slideshow-card-description-link-color: hsla(
var(--safeLightAccent-hsl),
1
);
--list-section-banner-slideshow-card-title-color: hsla(
var(--white-hsl),
1
);
--list-section-banner-slideshow-description-color: hsla(
var(--white-hsl),
1
);
--list-section-banner-slideshow-title-color: hsla(
var(--safeLightAccent-hsl),
1
);
--list-section-carousel-arrow-background-color: hsla(
var(--safeLightAccent-hsl),
1
);
--list-section-carousel-arrow-color: hsla(
var(--safeInverseLightAccent-hsl),
1
);
--list-section-carousel-button-background-color: hsla(
var(--safeLightAccent-hsl),
1
);
--list-section-carousel-button-text-color: hsla(
var(--safeInverseLightAccent-hsl),
1
);
--list-section-carousel-card-button-background-color: hsla(
var(--safeLightAccent-hsl),
1
);
--list-section-carousel-card-button-text-color: hsla(
var(--safeInverseLightAccent-hsl),
1
);
--list-section-carousel-card-color: hsla(var(--darkAccent-hsl), 1);
--list-section-carousel-card-description-color: hsla(
var(--white-hsl),
1
);
--list-section-carousel-card-description-link-color: hsla(
var(--safeLightAccent-hsl),
1
);
--list-section-carousel-card-title-color: hsla(var(--white-hsl), 1);
--list-section-carousel-description-color: hsla(var(--white-hsl), 1);
--list-section-carousel-title-color: hsla(
var(--safeLightAccent-hsl),
1
);
--list-section-simple-button-background-color: hsla(
var(--safeLightAccent-hsl),
1
);
--list-section-simple-button-text-color: hsla(
var(--safeInverseLightAccent-hsl),
1
);
--list-section-simple-card-button-background-color: hsla(
var(--safeLightAccent-hsl),
1
);
--list-section-simple-card-button-text-color: hsla(
var(--safeInverseLightAccent-hsl),
1
);
--list-section-simple-card-color: hsla(var(--darkAccent-hsl), 1);
--list-section-simple-card-description-color: hsla(var(--white-hsl), 1);
--list-section-simple-card-description-link-color: hsla(
var(--safeLightAccent-hsl),
1
);
--list-section-simple-card-title-color: hsla(var(--white-hsl), 1);
--list-section-simple-description-color: hsla(var(--white-hsl), 1);
--list-section-simple-title-color: hsla(var(--safeLightAccent-hsl), 1);
--list-section-title-color: hsla(var(--safeLightAccent-hsl), 1);
--menuOverlayBackgroundColor: hsla(var(--darkAccent-hsl), 1);
--menuOverlayButtonBackgroundColor: hsla(var(--safeLightAccent-hsl), 1);
--menuOverlayButtonTextColor: hsla(
var(--safeInverseLightAccent-hsl),
1
);
--menuOverlayNavigationLinkColor: hsla(var(--safeLightAccent-hsl), 1);
--navigationLinkColor: hsla(var(--safeLightAccent-hsl), 1);
--paragraphLargeColor: hsla(var(--white-hsl), 1);
--paragraphLinkColor: hsla(var(--safeLightAccent-hsl), 1);
--paragraphMediumColor: hsla(var(--white-hsl), 1);
--paragraphSmallColor: hsla(var(--white-hsl), 1);
--portfolio-grid-basic-title-color: hsla(var(--safeLightAccent-hsl), 1);
--portfolio-grid-overlay-overlay-color: hsla(var(--darkAccent-hsl), 1);
--portfolio-grid-overlay-title-color: hsla(var(--white-hsl), 1);
--portfolio-hover-follow-title-color: hsla(
var(--safeLightAccent-hsl),
1
);
--portfolio-hover-static-title-color: hsla(
var(--safeLightAccent-hsl),
1
);
--portfolio-index-background-title-color: hsla(var(--white-hsl), 1);
--primaryButtonBackgroundColor: hsla(var(--darkAccent-hsl), 1);
--primaryButtonTextColor: hsla(var(--white-hsl), 1);
--secondaryButtonBackgroundColor: hsla(var(--darkAccent-hsl), 1);
--secondaryButtonTextColor: hsla(var(--white-hsl), 1);
--section-divider-stroke-color: hsla(var(--safeLightAccent-hsl), 1);
--section-inset-border-color: hsla(var(--white-hsl), 1);
--shape-block-background-color: hsla(var(--white-hsl), 1);
--shape-block-dropshadow-color: hsla(var(--white-hsl), 1);
--shape-block-stroke-color: hsla(var(--safeLightAccent-hsl), 1);
--siteBackgroundColor: hsla(var(--darkAccent-hsl), 1);
--siteTitleColor: hsla(var(--safeLightAccent-hsl), 1);
--social-links-block-main-icon-color: hsla(var(--white-hsl), 1);
--social-links-block-secondary-icon-color: hsla(
var(--darkAccent-hsl),
1
);
--solidHeaderBackgroundColor: hsla(var(--white-hsl), 1);
--solidHeaderBorderColor: hsla(var(--black-hsl), 1);
--solidHeaderDropShadowColor: hsla(var(--black-hsl), 1);
--solidHeaderNavigationColor: hsla(var(--black-hsl), 1);
--summary-block-limited-availability-label-color: hsla(
var(--white-hsl),
1
);
--tertiaryButtonBackgroundColor: hsla(var(--darkAccent-hsl), 1);
--tertiaryButtonTextColor: hsla(var(--white-hsl), 1);
--text-highlight-color: hsla(var(--safeLightAccent-hsl), 1);
--text-highlight-color-on-background: hsla(
var(--safeLightAccent-hsl),
1
);
--tweak-accordion-block-background-color: hsla(var(--white-hsl), 1);
--tweak-accordion-block-divider-color: hsla(var(--white-hsl), 1);
--tweak-accordion-block-divider-color-on-background: hsla(
var(--safeDarkAccent-hsl),
1
);
--tweak-accordion-block-icon-color: hsla(var(--white-hsl), 1);
--tweak-accordion-block-icon-color-on-background: hsla(
var(--safeDarkAccent-hsl),
1
);
--tweak-blog-alternating-side-by-side-list-excerpt-color: hsla(
var(--white-hsl),
1
);
--tweak-blog-alternating-side-by-side-list-meta-color: hsla(
var(--white-hsl),
1
);
--tweak-blog-alternating-side-by-side-list-read-more-color: hsla(
var(--safeLightAccent-hsl),
1
);
--tweak-blog-alternating-side-by-side-list-title-color: hsla(
var(--safeLightAccent-hsl),
1
);
--tweak-blog-basic-grid-list-excerpt-color: hsla(var(--white-hsl), 1);
--tweak-blog-basic-grid-list-meta-color: hsla(var(--white-hsl), 1);
--tweak-blog-basic-grid-list-read-more-color: hsla(
var(--safeLightAccent-hsl),
1
);
--tweak-blog-basic-grid-list-title-color: hsla(
var(--safeLightAccent-hsl),
1
);
--tweak-blog-item-author-profile-color: hsla(var(--white-hsl), 1);
--tweak-blog-item-comment-meta-color: hsla(var(--white-hsl), 1);
--tweak-blog-item-comment-text-color: hsla(var(--white-hsl), 1);
--tweak-blog-item-meta-color: hsla(var(--white-hsl), 1);
--tweak-blog-item-pagination-icon-color: hsla(var(--white-hsl), 1);
--tweak-blog-item-pagination-meta-color: hsla(var(--white-hsl), 1);
--tweak-blog-item-pagination-title-color: hsla(var(--white-hsl), 1);
--tweak-blog-item-title-color: hsla(var(--safeLightAccent-hsl), 1);
--tweak-blog-masonry-list-excerpt-color: hsla(var(--white-hsl), 1);
--tweak-blog-masonry-list-meta-color: hsla(var(--white-hsl), 1);
--tweak-blog-masonry-list-read-more-color: hsla(
var(--safeLightAccent-hsl),
1
);
--tweak-blog-masonry-list-title-color: hsla(
var(--safeLightAccent-hsl),
1
);
--tweak-blog-side-by-side-list-excerpt-color: hsla(var(--white-hsl), 1);
--tweak-blog-side-by-side-list-meta-color: hsla(var(--white-hsl), 1);
--tweak-blog-side-by-side-list-read-more-color: hsla(
var(--safeLightAccent-hsl),
1
);
--tweak-blog-side-by-side-list-title-color: hsla(
var(--safeLightAccent-hsl),
1
);
--tweak-blog-single-column-list-excerpt-color: hsla(
var(--white-hsl),
1
);
--tweak-blog-single-column-list-meta-color: hsla(var(--white-hsl), 1);
--tweak-blog-single-column-list-read-more-color: hsla(
var(--safeLightAccent-hsl),
1
);
--tweak-blog-single-column-list-title-color: hsla(
var(--safeLightAccent-hsl),
1
);
--tweak-content-link-block-title-color: hsla(var(--white-hsl), 1);
--tweak-events-item-pagination-date-color: hsla(var(--white-hsl), 1);
--tweak-events-item-pagination-icon-color: hsla(var(--white-hsl), 1);
--tweak-events-item-pagination-title-color: hsla(var(--white-hsl), 1);
--tweak-form-block-background-color: hsla(var(--white-hsl), 1);
--tweak-form-block-button-background-color: hsla(
var(--safeLightAccent-hsl),
1
);
--tweak-form-block-button-background-color-on-background: hsla(
var(--safeDarkAccent-hsl),
1
);
--tweak-form-block-button-text-color: hsla(
var(--safeInverseLightAccent-hsl),
1
);
--tweak-form-block-button-text-color-on-background: hsla(
var(--safeInverseDarkAccent-hsl),
1
);
--tweak-form-block-caption-color: hsla(var(--white-hsl), 1);
--tweak-form-block-caption-color-on-background: hsla(
var(--safeDarkAccent-hsl),
1
);
--tweak-form-block-description-color: hsla(var(--white-hsl), 1);
--tweak-form-block-description-color-on-background: hsla(
var(--safeDarkAccent-hsl),
1
);
--tweak-form-block-option-color: hsla(var(--white-hsl), 1);
--tweak-form-block-option-color-on-background: hsla(
var(--safeDarkAccent-hsl),
1
);
--tweak-form-block-survey-title-color: hsla(var(--white-hsl), 1);
--tweak-form-block-survey-title-color-on-background: hsla(
var(--safeDarkAccent-hsl),
1
);
--tweak-form-block-title-color: hsla(var(--white-hsl), 1);
--tweak-form-block-title-color-on-background: hsla(
var(--safeDarkAccent-hsl),
1
);
--tweak-form-block-field-fill-color: hsla(var(--black-hsl), 1);
--tweak-form-block-field-fill-color-hsl: var(--black-hsl);
--tweak-form-block-field-fill-color-a: 1;
--tweak-form-block-field-border-color: hsla(var(--white-hsl), 1);
--tweak-form-block-field-border-color-hsl: var(--white-hsl);
--tweak-form-block-field-border-color-a: 1;
--tweak-form-block-field-input-color: hsla(var(--white-hsl), 1);
--tweak-form-block-field-input-color-hsl: var(--white-hsl);
--tweak-form-block-field-input-color-a: 1;
--tweak-form-block-field-accessory-color: hsla(var(--white-hsl), 1);
--tweak-form-block-field-fill-color-on-background: hsla(
var(--lightAccent-hsl),
1
);
--tweak-form-block-field-fill-color-on-background-hsl: var(
--lightAccent-hsl
);
--tweak-form-block-field-fill-color-on-background-a: 1;
--tweak-form-block-field-border-color-on-background: hsla(
var(--black-hsl),
1
);
--tweak-form-block-field-border-color-on-background-hsl: var(
--black-hsl
);
--tweak-form-block-field-border-color-on-background-a: 1;
--tweak-form-block-field-input-color-on-background: hsla(
var(--black-hsl),
1
);
--tweak-form-block-field-input-color-on-background-hsl: var(
--black-hsl
);
--tweak-form-block-field-input-color-on-background-a: 1;
--tweak-form-block-field-accessory-color-on-background: hsla(
var(--black-hsl),
1
);
--tweak-gallery-icon-background-color: hsla(var(--darkAccent-hsl), 1);
--tweak-gallery-icon-color: hsla(var(--white-hsl), 1);
--tweak-gallery-lightbox-background-color: hsla(
var(--darkAccent-hsl),
1
);
--tweak-gallery-lightbox-icon-color: hsla(var(--white-hsl), 1);
--tweak-heading-extra-large-color-on-background: hsla(
var(--safeDarkAccent-hsl),
1
);
--tweak-heading-large-color-on-background: hsla(
var(--safeDarkAccent-hsl),
1
);
--tweak-heading-medium-color-on-background: hsla(
var(--safeDarkAccent-hsl),
1
);
--tweak-heading-small-color-on-background: hsla(
var(--safeDarkAccent-hsl),
1
);
--tweak-line-block-line-color: hsla(var(--safeLightAccent-hsl), 1);
--tweak-marquee-block-background-color: hsla(var(--white-hsl), 1);
--tweak-marquee-block-heading-color: hsla(
var(--safeLightAccent-hsl),
1
);
--tweak-marquee-block-heading-color-on-background: hsla(
var(--safeDarkAccent-hsl),
1
);
--tweak-marquee-block-paragraph-color: hsla(var(--white-hsl), 1);
--tweak-marquee-block-paragraph-color-on-background: hsla(
var(--safeDarkAccent-hsl),
1
);
--tweak-menu-block-item-description-color: hsla(var(--white-hsl), 1);
--tweak-menu-block-item-price-color: hsla(var(--white-hsl), 1);
--tweak-menu-block-item-title-color: hsla(var(--white-hsl), 1);
--tweak-menu-block-nav-color: hsla(var(--safeLightAccent-hsl), 1);
--tweak-menu-block-title-color: hsla(var(--safeLightAccent-hsl), 1);
--tweak-newsletter-block-background-color: hsla(var(--white-hsl), 1);
--tweak-newsletter-block-button-background-color: hsla(
var(--safeLightAccent-hsl),
1
);
--tweak-newsletter-block-button-background-color-on-background: hsla(
var(--safeDarkAccent-hsl),
1
);
--tweak-newsletter-block-button-text-color: hsla(
var(--safeInverseLightAccent-hsl),
1
);
--tweak-newsletter-block-button-text-color-on-background: hsla(
var(--safeInverseDarkAccent-hsl),
1
);
--tweak-newsletter-block-description-color: hsla(var(--white-hsl), 1);
--tweak-newsletter-block-description-color-on-background: hsla(
var(--safeDarkAccent-hsl),
1
);
--tweak-newsletter-block-footnote-color: hsla(var(--white-hsl), 1);
--tweak-newsletter-block-footnote-color-on-background: hsla(
var(--safeDarkAccent-hsl),
1
);
--tweak-newsletter-block-title-color: hsla(var(--white-hsl), 1);
--tweak-newsletter-block-title-color-on-background: hsla(
var(--safeDarkAccent-hsl),
1
);
--tweak-paragraph-large-color-on-background: hsla(
var(--safeDarkAccent-hsl),
1
);
--tweak-paragraph-link-color-on-background: hsla(
var(--safeLightAccent-hsl),
1
);
--tweak-paragraph-medium-color-on-background: hsla(
var(--safeDarkAccent-hsl),
1
);
--tweak-paragraph-small-color-on-background: hsla(
var(--safeDarkAccent-hsl),
1
);
--tweak-portfolio-item-pagination-icon-color: hsla(var(--white-hsl), 1);
--tweak-portfolio-item-pagination-meta-color: hsla(var(--white-hsl), 1);
--tweak-portfolio-item-pagination-title-color: hsla(
var(--white-hsl),
1
);
--tweak-product-basic-item-breadcumb-nav-color: hsla(
var(--white-hsl),
1
);
--tweak-product-basic-item-description-color: hsla(var(--white-hsl), 1);
--tweak-product-basic-item-gallery-controls-color: hsla(
var(--safeInverseLightAccent-hsl),
1
);
--tweak-product-basic-item-price-color: hsla(var(--white-hsl), 1);
--tweak-product-basic-item-sale-price-color: hsla(var(--accent-hsl), 1);
--tweak-product-basic-item-scarcity-color: hsla(var(--accent-hsl), 1);
--tweak-product-basic-item-title-color: hsla(
var(--safeLightAccent-hsl),
1
);
--tweak-product-basic-item-variant-fields-color: hsla(
var(--white-hsl),
1
);
--tweak-product-grid-text-below-list-category-nav-color: hsla(
var(--white-hsl),
1
);
--tweak-product-grid-text-below-list-pagination-color: hsla(
var(--white-hsl),
1
);
--tweak-product-grid-text-below-list-price-color: hsla(
var(--white-hsl),
1
);
--tweak-product-grid-text-below-list-sale-price-color: hsla(
var(--accent-hsl),
1
);
--tweak-product-grid-text-below-list-scarcity-color: hsla(
var(--white-hsl),
1
);
--tweak-product-grid-text-below-list-status-color: hsla(
var(--accent-hsl),
1
);
--tweak-product-grid-text-below-list-title-color: hsla(
var(--safeLightAccent-hsl),
1
);
--tweak-product-quick-view-button-color: hsla(var(--black-hsl), 1);
--tweak-product-quick-view-lightbox-controls-color: hsla(
var(--black-hsl),
1
);
--tweak-product-quick-view-lightbox-overlay-color: hsla(
var(--white-hsl),
1
);
--tweak-quote-block-background-color: hsla(var(--white-hsl), 1);
--tweak-quote-block-source-color: hsla(var(--white-hsl), 1);
--tweak-quote-block-source-color-on-background: hsla(
var(--safeDarkAccent-hsl),
1
);
--tweak-quote-block-text-color: hsla(var(--white-hsl), 1);
--tweak-quote-block-text-color-on-background: hsla(
var(--safeDarkAccent-hsl),
1
);
--tweak-summary-block-background-color: hsla(var(--white-hsl), 1);
--tweak-summary-block-excerpt-color: hsla(var(--white-hsl), 1);
--tweak-summary-block-excerpt-color-on-background: hsla(
var(--safeDarkAccent-hsl),
1
);
--tweak-summary-block-header-text-color: hsla(var(--white-hsl), 1);
--tweak-summary-block-header-text-color-on-background: hsla(
var(--safeDarkAccent-hsl),
1
);
--tweak-summary-block-primary-metadata-color: hsla(var(--white-hsl), 1);
--tweak-summary-block-primary-metadata-color-on-background: hsla(
var(--safeDarkAccent-hsl),
1
);
--tweak-summary-block-read-more-color: hsla(var(--white-hsl), 1);
--tweak-summary-block-read-more-color-on-background: hsla(
var(--safeDarkAccent-hsl),
1
);
--tweak-summary-block-secondary-metadata-color: hsla(
var(--white-hsl),
1
);
--tweak-summary-block-secondary-metadata-color-on-background: hsla(
var(--safeDarkAccent-hsl),
1
);
--tweak-summary-block-title-color: hsla(var(--white-hsl), 1);
--tweak-summary-block-title-color-on-background: hsla(
var(--safeDarkAccent-hsl),
1
);
--tweak-text-block-background-color: hsla(var(--white-hsl), 1);
--tweak-video-item-description-color: hsla(var(--accent-hsl), 1);
--tweak-video-item-meta-color: hsla(var(--accent-hsl), 1);
--tweak-video-item-pagination-icon-color: hsla(var(--accent-hsl), 1);
--tweak-video-item-pagination-title-color: hsla(var(--accent-hsl), 1);
--tweak-video-item-title-color: hsla(var(--accent-hsl), 1);
--video-grid-basic-description-color: hsla(var(--accent-hsl), 1);
--video-grid-basic-meta-color: hsla(var(--accent-hsl), 1);
--video-grid-basic-title-color: hsla(var(--accent-hsl), 1);
--video-grid-category-nav-color: hsla(var(--accent-hsl), 1);
}
.black {
--announcement-bar-background-color: hsla(var(--white-hsl), 1);
--announcement-bar-text-color: hsla(var(--black-hsl), 1);
--backgroundOverlayColor: hsla(var(--black-hsl), 1);
--course-item-nav-active-lesson-background-color: hsla(
var(--lightAccent-hsl),
1
);
--course-item-nav-active-lesson-text-color: hsla(var(--black-hsl), 1);
--course-item-nav-background-color: hsla(var(--darkAccent-hsl), 1);
--course-item-nav-border-color: hsla(var(--white-hsl), 0.25);
--course-item-nav-text-color: hsla(var(--white-hsl), 1);
--course-list-course-progress-bar-color: hsla(var(--accent-hsl), 1);
--course-list-course-item-background: hsla(var(--white-hsl), 1);
--course-list-course-item-hover-background: hsla(
var(--white-hsl),
0.95
);
--course-list-course-item-text-color: hsla(var(--black-hsl), 1);
--course-list-course-chapter-divider-color: hsla(var(--accent-hsl), 1);
--course-list-grid-layout-chapter-divider-color: hsla(
var(--white-hsl),
1
);
--course-list-grid-layout-course-item-background-color: hsla(
var(--white-hsl),
1
);
--course-list-grid-layout-course-item-hover-background-color: hsla(
var(--white-hsl),
0.95
);
--course-list-grid-layout-course-item-text-color: hsla(
var(--black-hsl),
1
);
--course-list-grid-layout-course-item-border-color: hsla(
var(--accent-hsl),
1
);
--gradientHeaderBackgroundColor: hsla(var(--white-hsl), 1);
--gradientHeaderBorderColor: hsla(var(--black-hsl), 1);
--gradientHeaderDropShadowColor: hsla(var(--black-hsl), 1);
--gradientHeaderNavigationColor: hsla(var(--black-hsl), 1);
--headerDropShadowColor: hsla(var(--black-hsl), 1);
--headerBorderColor: hsla(var(--black-hsl), 1);
--headingExtraLargeColor: hsla(var(--white-hsl), 1);
--headingLargeColor: hsla(var(--white-hsl), 1);
--headingLinkColor: hsla(var(--lightAccent-hsl), 1);
--headingMediumColor: hsla(var(--white-hsl), 1);
--headingSmallColor: hsla(var(--white-hsl), 1);
--image-block-card-image-button-bg-color: hsla(
var(--safeLightAccent-hsl),
1
);
--image-block-card-image-button-text-color: hsla(
var(--safeInverseLightAccent-hsl),
1
);
--image-block-card-image-overlay-color: hsla(var(--darkAccent-hsl), 1);
--image-block-card-image-subtitle-color: hsla(var(--white-hsl), 1);
--image-block-card-image-title-bg-color: hsla(var(--black-hsl), 0);
--image-block-card-image-title-color: hsla(var(--white-hsl), 1);
--image-block-card-inline-link-color: hsla(var(--white-hsl), 1);
--image-block-collage-background-color: hsla(var(--white-hsl), 1);
--image-block-collage-image-button-bg-color: hsla(
var(--safeDarkAccent-hsl),
1
);
--image-block-collage-image-button-text-color: hsla(
var(--safeInverseDarkAccent-hsl),
1
);
--image-block-collage-image-overlay-color: hsla(
var(--darkAccent-hsl),
1
);
--image-block-collage-image-subtitle-color: hsla(var(--black-hsl), 1);
--image-block-collage-image-title-bg-color: hsla(var(--black-hsl), 0);
--image-block-collage-image-title-color: hsla(var(--black-hsl), 1);
--image-block-collage-inline-link-color: hsla(var(--black-hsl), 1);
--image-block-overlap-image-button-bg-color: hsla(
var(--safeLightAccent-hsl),
1
);
--image-block-overlap-image-button-text-color: hsla(
var(--safeInverseLightAccent-hsl),
1
);
--image-block-overlap-image-overlay-color: hsla(
var(--darkAccent-hsl),
1
);
--image-block-overlap-image-subtitle-color: hsla(var(--white-hsl), 1);
--image-block-overlap-image-title-bg-color: hsla(var(--black-hsl), 1);
--image-block-overlap-image-title-color: hsla(var(--white-hsl), 1);
--image-block-overlap-inline-link-color: hsla(var(--white-hsl), 1);
--image-block-overlay-color: hsla(var(--black-hsl), 0.5);
--image-block-poster-image-button-bg-color: hsla(
var(--safeLightAccent-hsl),
1
);
--image-block-poster-image-button-text-color: hsla(
var(--safeInverseLightAccent-hsl),
1
);
--image-block-poster-image-overlay-color: hsla(
var(--darkAccent-hsl),
1
);
--image-block-poster-image-subtitle-color: hsla(var(--white-hsl), 1);
--image-block-poster-image-title-bg-color-v2: hsla(var(--black-hsl), 0);
--image-block-poster-image-title-color: hsla(var(--white-hsl), 1);
--image-block-poster-inline-link-color: hsla(var(--white-hsl), 1);
--image-block-stack-image-button-bg-color: hsla(
var(--safeLightAccent-hsl),
1
);
--image-block-stack-image-button-text-color: hsla(
var(--safeInverseLightAccent-hsl),
1
);
--image-block-stack-image-overlay-color: hsla(var(--darkAccent-hsl), 1);
--image-block-stack-image-subtitle-color: hsla(var(--white-hsl), 1);
--image-block-stack-image-title-bg-color: hsla(var(--black-hsl), 0);
--image-block-stack-image-title-color: hsla(var(--white-hsl), 1);
--image-block-stack-inline-link-color: hsla(var(--white-hsl), 1);
--list-section-banner-slideshow-arrow-background-color: hsla(
var(--safeLightAccent-hsl),
1
);
--list-section-banner-slideshow-arrow-color: hsla(
var(--safeInverseLightAccent-hsl),
1
);
--list-section-banner-slideshow-button-background-color: hsla(
var(--safeLightAccent-hsl),
1
);
--list-section-banner-slideshow-button-text-color: hsla(
var(--safeInverseLightAccent-hsl),
1
);
--list-section-banner-slideshow-card-button-background-color: hsla(
var(--safeLightAccent-hsl),
1
);
--list-section-banner-slideshow-card-button-text-color: hsla(
var(--safeInverseLightAccent-hsl),
1
);
--list-section-banner-slideshow-card-color: hsla(var(--black-hsl), 1);
--list-section-banner-slideshow-card-description-color: hsla(
var(--white-hsl),
1
);
--list-section-banner-slideshow-card-description-link-color: hsla(
var(--safeLightAccent-hsl),
1
);
--list-section-banner-slideshow-card-title-color: hsla(
var(--white-hsl),
1
);
--list-section-banner-slideshow-description-color: hsla(
var(--white-hsl),
1
);
--list-section-banner-slideshow-title-color: hsla(var(--white-hsl), 1);
--list-section-carousel-arrow-background-color: hsla(
var(--safeLightAccent-hsl),
1
);
--list-section-carousel-arrow-color: hsla(
var(--safeInverseLightAccent-hsl),
1
);
--list-section-carousel-button-background-color: hsla(
var(--safeLightAccent-hsl),
1
);
--list-section-carousel-button-text-color: hsla(
var(--safeInverseLightAccent-hsl),
1
);
--list-section-carousel-card-button-background-color: hsla(
var(--safeLightAccent-hsl),
1
);
--list-section-carousel-card-button-text-color: hsla(
var(--safeInverseLightAccent-hsl),
1
);
--list-section-carousel-card-color: hsla(var(--black-hsl), 1);
--list-section-carousel-card-description-color: hsla(
var(--white-hsl),
1
);
--list-section-carousel-card-description-link-color: hsla(
var(--safeLightAccent-hsl),
1
);
--list-section-carousel-card-title-color: hsla(var(--white-hsl), 1);
--list-section-carousel-description-color: hsla(var(--white-hsl), 1);
--list-section-carousel-title-color: hsla(var(--white-hsl), 1);
--list-section-simple-button-background-color: hsla(
var(--safeLightAccent-hsl),
1
);
--list-section-simple-button-text-color: hsla(
var(--safeInverseLightAccent-hsl),
1
);
--list-section-simple-card-button-background-color: hsla(
var(--safeLightAccent-hsl),
1
);
--list-section-simple-card-button-text-color: hsla(
var(--safeInverseLightAccent-hsl),
1
);
--list-section-simple-card-color: hsla(var(--black-hsl), 1);
--list-section-simple-card-description-color: hsla(var(--white-hsl), 1);
--list-section-simple-card-description-link-color: hsla(
var(--safeLightAccent-hsl),
1
);
--list-section-simple-card-title-color: hsla(var(--white-hsl), 1);
--list-section-simple-description-color: hsla(var(--white-hsl), 1);
--list-section-simple-title-color: hsla(var(--white-hsl), 1);
--list-section-title-color: hsla(var(--white-hsl), 1);
--menuOverlayBackgroundColor: hsla(var(--black-hsl), 1);
--menuOverlayButtonBackgroundColor: hsla(var(--safeLightAccent-hsl), 1);
--menuOverlayButtonTextColor: hsla(
var(--safeInverseLightAccent-hsl),
1
);
--menuOverlayNavigationLinkColor: hsla(var(--white-hsl), 1);
--navigationLinkColor: hsla(var(--white-hsl), 1);
--paragraphLargeColor: hsla(var(--white-hsl), 1);
--paragraphLinkColor: hsla(var(--safeLightAccent-hsl), 1);
--paragraphMediumColor: hsla(var(--white-hsl), 1);
--paragraphSmallColor: hsla(var(--white-hsl), 1);
--portfolio-grid-basic-title-color: hsla(var(--white-hsl), 1);
--portfolio-grid-overlay-overlay-color: hsla(var(--black-hsl), 1);
--portfolio-grid-overlay-title-color: hsla(var(--white-hsl), 1);
--portfolio-hover-follow-title-color: hsla(var(--white-hsl), 1);
--portfolio-hover-static-title-color: hsla(var(--white-hsl), 1);
--portfolio-index-background-title-color: hsla(var(--white-hsl), 1);
--primaryButtonBackgroundColor: hsla(var(--safeLightAccent-hsl), 1);
--primaryButtonTextColor: hsla(var(--safeInverseLightAccent-hsl), 1);
--secondaryButtonBackgroundColor: hsla(var(--safeLightAccent-hsl), 1);
--secondaryButtonTextColor: hsla(var(--safeInverseLightAccent-hsl), 1);
--section-divider-stroke-color: hsla(var(--safeLightAccent-hsl), 1);
--section-inset-border-color: hsla(var(--white-hsl), 1);
--shape-block-background-color: hsla(var(--white-hsl), 1);
--shape-block-dropshadow-color: hsla(var(--white-hsl), 1);
--shape-block-stroke-color: hsla(var(--safeDarkAccent-hsl), 1);
--siteBackgroundColor: hsla(var(--black-hsl), 1);
--siteTitleColor: hsla(var(--white-hsl), 1);
--social-links-block-main-icon-color: hsla(var(--white-hsl), 1);
--social-links-block-secondary-icon-color: hsla(var(--black-hsl), 1);
--solidHeaderBackgroundColor: hsla(var(--white-hsl), 1);
--solidHeaderBorderColor: hsla(var(--black-hsl), 1);
--solidHeaderDropShadowColor: hsla(var(--black-hsl), 1);
--solidHeaderNavigationColor: hsla(var(--black-hsl), 1);
--summary-block-limited-availability-label-color: hsla(
var(--white-hsl),
1
);
--tertiaryButtonBackgroundColor: hsla(var(--safeLightAccent-hsl), 1);
--tertiaryButtonTextColor: hsla(var(--safeInverseLightAccent-hsl), 1);
--text-highlight-color: hsla(var(--safeLightAccent-hsl), 1);
--text-highlight-color-on-background: hsla(
var(--safeLightAccent-hsl),
1
);
--tweak-accordion-block-background-color: hsla(var(--white-hsl), 1);
--tweak-accordion-block-divider-color: hsla(var(--white-hsl), 1);
--tweak-accordion-block-divider-color-on-background: hsla(
var(--black-hsl),
1
);
--tweak-accordion-block-icon-color: hsla(var(--white-hsl), 1);
--tweak-accordion-block-icon-color-on-background: hsla(
var(--black-hsl),
1
);
--tweak-blog-alternating-side-by-side-list-excerpt-color: hsla(
var(--white-hsl),
1
);
--tweak-blog-alternating-side-by-side-list-meta-color: hsla(
var(--white-hsl),
1
);
--tweak-blog-alternating-side-by-side-list-read-more-color: hsla(
var(--safeLightAccent-hsl),
1
);
--tweak-blog-alternating-side-by-side-list-title-color: hsla(
var(--white-hsl),
1
);
--tweak-blog-basic-grid-list-excerpt-color: hsla(var(--white-hsl), 1);
--tweak-blog-basic-grid-list-meta-color: hsla(var(--white-hsl), 1);
--tweak-blog-basic-grid-list-read-more-color: hsla(
var(--safeLightAccent-hsl),
1
);
--tweak-blog-basic-grid-list-title-color: hsla(var(--white-hsl), 1);
--tweak-blog-item-author-profile-color: hsla(var(--white-hsl), 1);
--tweak-blog-item-comment-meta-color: hsla(var(--white-hsl), 1);
--tweak-blog-item-comment-text-color: hsla(var(--white-hsl), 1);
--tweak-blog-item-meta-color: hsla(var(--white-hsl), 1);
--tweak-blog-item-pagination-icon-color: hsla(var(--white-hsl), 1);
--tweak-blog-item-pagination-meta-color: hsla(var(--white-hsl), 1);
--tweak-blog-item-pagination-title-color: hsla(var(--white-hsl), 1);
--tweak-blog-item-title-color: hsla(var(--white-hsl), 1);
--tweak-blog-masonry-list-excerpt-color: hsla(var(--white-hsl), 1);
--tweak-blog-masonry-list-meta-color: hsla(var(--white-hsl), 1);
--tweak-blog-masonry-list-read-more-color: hsla(
var(--safeLightAccent-hsl),
1
);
--tweak-blog-masonry-list-title-color: hsla(var(--white-hsl), 1);
--tweak-blog-side-by-side-list-excerpt-color: hsla(var(--white-hsl), 1);
--tweak-blog-side-by-side-list-meta-color: hsla(var(--white-hsl), 1);
--tweak-blog-side-by-side-list-read-more-color: hsla(
var(--safeLightAccent-hsl),
1
);
--tweak-blog-side-by-side-list-title-color: hsla(var(--white-hsl), 1);
--tweak-blog-single-column-list-excerpt-color: hsla(
var(--white-hsl),
1
);
--tweak-blog-single-column-list-meta-color: hsla(var(--white-hsl), 1);
--tweak-blog-single-column-list-read-more-color: hsla(
var(--safeLightAccent-hsl),
1
);
--tweak-blog-single-column-list-title-color: hsla(var(--white-hsl), 1);
--tweak-content-link-block-title-color: hsla(var(--white-hsl), 1);
--tweak-events-item-pagination-date-color: hsla(var(--white-hsl), 1);
--tweak-events-item-pagination-icon-color: hsla(var(--white-hsl), 1);
--tweak-events-item-pagination-title-color: hsla(var(--white-hsl), 1);
--tweak-form-block-background-color: hsla(var(--white-hsl), 1);
--tweak-form-block-button-background-color: hsla(
var(--safeLightAccent-hsl),
1
);
--tweak-form-block-button-background-color-on-background: hsla(
var(--safeDarkAccent-hsl),
1
);
--tweak-form-block-button-text-color: hsla(
var(--safeInverseLightAccent-hsl),
1
);
--tweak-form-block-button-text-color-on-background: hsla(
var(--safeInverseDarkAccent-hsl),
1
);
--tweak-form-block-caption-color: hsla(var(--white-hsl), 1);
--tweak-form-block-caption-color-on-background: hsla(
var(--black-hsl),
1
);
--tweak-form-block-description-color: hsla(var(--white-hsl), 1);
--tweak-form-block-description-color-on-background: hsla(
var(--black-hsl),
1
);
--tweak-form-block-option-color: hsla(var(--white-hsl), 1);
--tweak-form-block-option-color-on-background: hsla(
var(--black-hsl),
1
);
--tweak-form-block-survey-title-color: hsla(var(--white-hsl), 1);
--tweak-form-block-survey-title-color-on-background: hsla(
var(--black-hsl),
1
);
--tweak-form-block-title-color: hsla(var(--white-hsl), 1);
--tweak-form-block-title-color-on-background: hsla(var(--black-hsl), 1);
--tweak-form-block-field-fill-color: hsla(var(--darkAccent-hsl), 1);
--tweak-form-block-field-fill-color-hsl: var(--darkAccent-hsl);
--tweak-form-block-field-fill-color-a: 1;
--tweak-form-block-field-border-color: hsla(var(--white-hsl), 1);
--tweak-form-block-field-border-color-hsl: var(--white-hsl);
--tweak-form-block-field-border-color-a: 1;
--tweak-form-block-field-input-color: hsla(var(--white-hsl), 1);
--tweak-form-block-field-input-color-hsl: var(--white-hsl);
--tweak-form-block-field-input-color-a: 1;
--tweak-form-block-field-accessory-color: hsla(var(--white-hsl), 1);
--tweak-form-block-field-fill-color-on-background: hsla(
var(--lightAccent-hsl),
1
);
--tweak-form-block-field-fill-color-on-background-hsl: var(
--lightAccent-hsl
);
--tweak-form-block-field-fill-color-on-background-a: 1;
--tweak-form-block-field-border-color-on-background: hsla(
var(--black-hsl),
1
);
--tweak-form-block-field-border-color-on-background-hsl: var(
--black-hsl
);
--tweak-form-block-field-border-color-on-background-a: 1;
--tweak-form-block-field-input-color-on-background: hsla(
var(--black-hsl),
1
);
--tweak-form-block-field-input-color-on-background-hsl: var(
--black-hsl
);
--tweak-form-block-field-input-color-on-background-a: 1;
--tweak-form-block-field-accessory-color-on-background: hsla(
var(--black-hsl),
1
);
--tweak-gallery-icon-background-color: hsla(var(--black-hsl), 1);
--tweak-gallery-icon-color: hsla(var(--white-hsl), 1);
--tweak-gallery-lightbox-background-color: hsla(var(--black-hsl), 1);
--tweak-gallery-lightbox-icon-color: hsla(var(--white-hsl), 1);
--tweak-heading-extra-large-color-on-background: hsla(
var(--black-hsl),
1
);
--tweak-heading-large-color-on-background: hsla(var(--black-hsl), 1);
--tweak-heading-medium-color-on-background: hsla(var(--black-hsl), 1);
--tweak-heading-small-color-on-background: hsla(var(--black-hsl), 1);
--tweak-line-block-line-color: hsla(var(--white-hsl), 1);
--tweak-marquee-block-background-color: hsla(var(--white-hsl), 1);
--tweak-marquee-block-heading-color: hsla(var(--white-hsl), 1);
--tweak-marquee-block-heading-color-on-background: hsla(
var(--black-hsl),
1
);
--tweak-marquee-block-paragraph-color: hsla(var(--white-hsl), 1);
--tweak-marquee-block-paragraph-color-on-background: hsla(
var(--black-hsl),
1
);
--tweak-menu-block-item-description-color: hsla(var(--white-hsl), 1);
--tweak-menu-block-item-price-color: hsla(var(--white-hsl), 1);
--tweak-menu-block-item-title-color: hsla(var(--white-hsl), 1);
--tweak-menu-block-nav-color: hsla(var(--white-hsl), 1);
--tweak-menu-block-title-color: hsla(var(--white-hsl), 1);
--tweak-newsletter-block-background-color: hsla(var(--white-hsl), 1);
--tweak-newsletter-block-button-background-color: hsla(
var(--safeLightAccent-hsl),
1
);
--tweak-newsletter-block-button-background-color-on-background: hsla(
var(--black-hsl),
1
);
--tweak-newsletter-block-button-text-color: hsla(
var(--safeInverseLightAccent-hsl),
1
);
--tweak-newsletter-block-button-text-color-on-background: hsla(
var(--safeInverseDarkAccent-hsl),
1
);
--tweak-newsletter-block-description-color: hsla(var(--white-hsl), 1);
--tweak-newsletter-block-description-color-on-background: hsla(
var(--black-hsl),
1
);
--tweak-newsletter-block-footnote-color: hsla(var(--white-hsl), 1);
--tweak-newsletter-block-footnote-color-on-background: hsla(
var(--black-hsl),
1
);
--tweak-newsletter-block-title-color: hsla(var(--white-hsl), 1);
--tweak-newsletter-block-title-color-on-background: hsla(
var(--black-hsl),
1
);
--tweak-paragraph-large-color-on-background: hsla(var(--black-hsl), 1);
--tweak-paragraph-link-color-on-background: hsla(
var(--safeLightAccent-hsl),
1
);
--tweak-paragraph-medium-color-on-background: hsla(var(--black-hsl), 1);
--tweak-paragraph-small-color-on-background: hsla(var(--black-hsl), 1);
--tweak-portfolio-item-pagination-icon-color: hsla(var(--white-hsl), 1);
--tweak-portfolio-item-pagination-meta-color: hsla(var(--white-hsl), 1);
--tweak-portfolio-item-pagination-title-color: hsla(
var(--white-hsl),
1
);
--tweak-product-basic-item-breadcumb-nav-color: hsla(
var(--white-hsl),
1
);
--tweak-product-basic-item-description-color: hsla(var(--white-hsl), 1);
--tweak-product-basic-item-gallery-controls-color: hsla(
var(--safeInverseLightAccent-hsl),
1
);
--tweak-product-basic-item-price-color: hsla(var(--white-hsl), 1);
--tweak-product-basic-item-sale-price-color: hsla(var(--accent-hsl), 1);
--tweak-product-basic-item-scarcity-color: hsla(var(--accent-hsl), 1);
--tweak-product-basic-item-title-color: hsla(var(--white-hsl), 1);
--tweak-product-basic-item-variant-fields-color: hsla(
var(--white-hsl),
1
);
--tweak-product-grid-text-below-list-category-nav-color: hsla(
var(--white-hsl),
1
);
--tweak-product-grid-text-below-list-pagination-color: hsla(
var(--white-hsl),
1
);
--tweak-product-grid-text-below-list-price-color: hsla(
var(--white-hsl),
1
);
--tweak-product-grid-text-below-list-sale-price-color: hsla(
var(--accent-hsl),
1
);
--tweak-product-grid-text-below-list-scarcity-color: hsla(
var(--white-hsl),
1
);
--tweak-product-grid-text-below-list-status-color: hsla(
var(--accent-hsl),
1
);
--tweak-product-grid-text-below-list-title-color: hsla(
var(--white-hsl),
1
);
--tweak-product-quick-view-button-color: hsla(var(--black-hsl), 1);
--tweak-product-quick-view-lightbox-controls-color: hsla(
var(--black-hsl),
1
);
--tweak-product-quick-view-lightbox-overlay-color: hsla(
var(--white-hsl),
1
);
--tweak-quote-block-background-color: hsla(var(--white-hsl), 1);
--tweak-quote-block-source-color: hsla(var(--white-hsl), 1);
--tweak-quote-block-source-color-on-background: hsla(
var(--black-hsl),
1
);
--tweak-quote-block-text-color: hsla(var(--white-hsl), 1);
--tweak-quote-block-text-color-on-background: hsla(var(--black-hsl), 1);
--tweak-summary-block-background-color: hsla(var(--white-hsl), 1);
--tweak-summary-block-excerpt-color: hsla(var(--white-hsl), 1);
--tweak-summary-block-excerpt-color-on-background: hsla(
var(--black-hsl),
1
);
--tweak-summary-block-header-text-color: hsla(var(--white-hsl), 1);
--tweak-summary-block-header-text-color-on-background: hsla(
var(--black-hsl),
1
);
--tweak-summary-block-primary-metadata-color: hsla(var(--white-hsl), 1);
--tweak-summary-block-primary-metadata-color-on-background: hsla(
var(--black-hsl),
1
);
--tweak-summary-block-read-more-color: hsla(var(--white-hsl), 1);
--tweak-summary-block-read-more-color-on-background: hsla(
var(--black-hsl),
1
);
--tweak-summary-block-secondary-metadata-color: hsla(
var(--white-hsl),
1
);
--tweak-summary-block-secondary-metadata-color-on-background: hsla(
var(--black-hsl),
1
);
--tweak-summary-block-title-color: hsla(var(--white-hsl), 1);
--tweak-summary-block-title-color-on-background: hsla(
var(--black-hsl),
1
);
--tweak-text-block-background-color: hsla(var(--white-hsl), 1);
--tweak-video-item-description-color: hsla(var(--white-hsl), 1);
--tweak-video-item-meta-color: hsla(var(--white-hsl), 1);
--tweak-video-item-pagination-icon-color: hsla(var(--white-hsl), 1);
--tweak-video-item-pagination-title-color: hsla(var(--white-hsl), 1);
--tweak-video-item-title-color: hsla(var(--white-hsl), 1);
--video-grid-basic-description-color: hsla(var(--white-hsl), 1);
--video-grid-basic-meta-color: hsla(var(--white-hsl), 1);
--video-grid-basic-title-color: hsla(var(--white-hsl), 1);
--video-grid-category-nav-color: hsla(var(--white-hsl), 1);
}
.black-bold {
--announcement-bar-background-color: hsla(var(--accent-hsl), 1);
--announcement-bar-text-color: hsla(var(--safeInverseAccent-hsl), 1);
--backgroundOverlayColor: hsla(var(--black-hsl), 1);
--course-item-nav-active-lesson-background-color: hsla(
var(--lightAccent-hsl),
1
);
--course-item-nav-active-lesson-text-color: hsla(var(--black-hsl), 1);
--course-item-nav-background-color: hsla(var(--darkAccent-hsl), 1);
--course-item-nav-border-color: hsla(var(--white-hsl), 0.25);
--course-item-nav-text-color: hsla(var(--white-hsl), 1);
--course-list-course-progress-bar-color: hsla(var(--accent-hsl), 1);
--course-list-course-item-background: hsla(var(--white-hsl), 1);
--course-list-course-item-hover-background: hsla(
var(--white-hsl),
0.95
);
--course-list-course-item-text-color: hsla(var(--black-hsl), 1);
--course-list-course-chapter-divider-color: hsla(var(--accent-hsl), 1);
--course-list-grid-layout-chapter-divider-color: hsla(
var(--safeLightAccent-hsl),
1
);
--course-list-grid-layout-course-item-background-color: hsla(
var(--white-hsl),
1
);
--course-list-grid-layout-course-item-hover-background-color: hsla(
var(--white-hsl),
0.95
);
--course-list-grid-layout-course-item-text-color: hsla(
var(--black-hsl),
1
);
--course-list-grid-layout-course-item-border-color: hsla(
var(--accent-hsl),
1
);
--gradientHeaderBackgroundColor: hsla(var(--white-hsl), 1);
--gradientHeaderBorderColor: hsla(var(--black-hsl), 1);
--gradientHeaderDropShadowColor: hsla(var(--black-hsl), 1);
--gradientHeaderNavigationColor: hsla(var(--black-hsl), 1);
--headerDropShadowColor: hsla(var(--black-hsl), 1);
--headerBorderColor: hsla(var(--black-hsl), 1);
--headingExtraLargeColor: hsla(var(--safeLightAccent-hsl), 1);
--headingLargeColor: hsla(var(--safeLightAccent-hsl), 1);
--headingLinkColor: hsla(var(--safeLightAccent-hsl), 1);
--headingMediumColor: hsla(var(--safeLightAccent-hsl), 1);
--headingSmallColor: hsla(var(--safeLightAccent-hsl), 1);
--image-block-card-image-button-bg-color: hsla(
var(--safeLightAccent-hsl),
1
);
--image-block-card-image-button-text-color: hsla(
var(--safeInverseLightAccent-hsl),
1
);
--image-block-card-image-overlay-color: hsla(var(--darkAccent-hsl), 1);
--image-block-card-image-subtitle-color: hsla(var(--white-hsl), 1);
--image-block-card-image-title-bg-color: hsla(var(--black-hsl), 0);
--image-block-card-image-title-color: hsla(var(--white-hsl), 1);
--image-block-card-inline-link-color: hsla(var(--white-hsl), 1);
--image-block-collage-background-color: hsla(var(--white-hsl), 1);
--image-block-collage-image-button-bg-color: hsla(
var(--safeDarkAccent-hsl),
1
);
--image-block-collage-image-button-text-color: hsla(
var(--safeInverseDarkAccent-hsl),
1
);
--image-block-collage-image-overlay-color: hsla(
var(--darkAccent-hsl),
1
);
--image-block-collage-image-subtitle-color: hsla(
var(--safeDarkAccent-hsl),
1
);
--image-block-collage-image-title-bg-color: hsla(var(--black-hsl), 0);
--image-block-collage-image-title-color: hsla(
var(--safeDarkAccent-hsl),
1
);
--image-block-collage-inline-link-color: hsla(
var(--safeDarkAccent-hsl),
1
);
--image-block-overlap-image-button-bg-color: hsla(
var(--safeLightAccent-hsl),
1
);
--image-block-overlap-image-button-text-color: hsla(
var(--safeInverseLightAccent-hsl),
1
);
--image-block-overlap-image-overlay-color: hsla(
var(--darkAccent-hsl),
1
);
--image-block-overlap-image-subtitle-color: hsla(var(--white-hsl), 1);
--image-block-overlap-image-title-bg-color: hsla(var(--black-hsl), 1);
--image-block-overlap-image-title-color: hsla(var(--white-hsl), 1);
--image-block-overlap-inline-link-color: hsla(var(--white-hsl), 1);
--image-block-overlay-color: hsla(var(--black-hsl), 0.5);
--image-block-poster-image-button-bg-color: hsla(
var(--safeLightAccent-hsl),
1
);
--image-block-poster-image-button-text-color: hsla(
var(--safeInverseLightAccent-hsl),
1
);
--image-block-poster-image-overlay-color: hsla(
var(--darkAccent-hsl),
1
);
--image-block-poster-image-subtitle-color: hsla(var(--white-hsl), 1);
--image-block-poster-image-title-bg-color-v2: hsla(var(--black-hsl), 0);
--image-block-poster-image-title-color: hsla(var(--white-hsl), 1);
--image-block-poster-inline-link-color: hsla(var(--white-hsl), 1);
--image-block-stack-image-button-bg-color: hsla(
var(--safeLightAccent-hsl),
1
);
--image-block-stack-image-button-text-color: hsla(
var(--safeInverseLightAccent-hsl),
1
);
--image-block-stack-image-overlay-color: hsla(var(--darkAccent-hsl), 1);
--image-block-stack-image-subtitle-color: hsla(var(--white-hsl), 1);
--image-block-stack-image-title-bg-color: hsla(var(--black-hsl), 0);
--image-block-stack-image-title-color: hsla(var(--white-hsl), 1);
--image-block-stack-inline-link-color: hsla(var(--white-hsl), 1);
--list-section-banner-slideshow-arrow-background-color: hsla(
var(--safeLightAccent-hsl),
1
);
--list-section-banner-slideshow-arrow-color: hsla(
var(--safeInverseLightAccent-hsl),
1
);
--list-section-banner-slideshow-button-background-color: hsla(
var(--safeLightAccent-hsl),
1
);
--list-section-banner-slideshow-button-text-color: hsla(
var(--safeInverseLightAccent-hsl),
1
);
--list-section-banner-slideshow-card-button-background-color: hsla(
var(--safeLightAccent-hsl),
1
);
--list-section-banner-slideshow-card-button-text-color: hsla(
var(--safeInverseLightAccent-hsl),
1
);
--list-section-banner-slideshow-card-color: hsla(var(--black-hsl), 1);
--list-section-banner-slideshow-card-description-color: hsla(
var(--white-hsl),
1
);
--list-section-banner-slideshow-card-description-link-color: hsla(
var(--safeLightAccent-hsl),
1
);
--list-section-banner-slideshow-card-title-color: hsla(
var(--white-hsl),
1
);
--list-section-banner-slideshow-description-color: hsla(
var(--white-hsl),
1
);
--list-section-banner-slideshow-title-color: hsla(
var(--safeLightAccent-hsl),
1
);
--list-section-carousel-arrow-background-color: hsla(
var(--safeLightAccent-hsl),
1
);
--list-section-carousel-arrow-color: hsla(
var(--safeInverseLightAccent-hsl),
1
);
--list-section-carousel-button-background-color: hsla(
var(--safeLightAccent-hsl),
1
);
--list-section-carousel-button-text-color: hsla(
var(--safeInverseLightAccent-hsl),
1
);
--list-section-carousel-card-button-background-color: hsla(
var(--safeLightAccent-hsl),
1
);
--list-section-carousel-card-button-text-color: hsla(
var(--safeInverseLightAccent-hsl),
1
);
--list-section-carousel-card-color: hsla(var(--black-hsl), 1);
--list-section-carousel-card-description-color: hsla(
var(--white-hsl),
1
);
--list-section-carousel-card-description-link-color: hsla(
var(--safeLightAccent-hsl),
1
);
--list-section-carousel-card-title-color: hsla(var(--white-hsl), 1);
--list-section-carousel-description-color: hsla(var(--white-hsl), 1);
--list-section-carousel-title-color: hsla(
var(--safeLightAccent-hsl),
1
);
--list-section-simple-button-background-color: hsla(
var(--safeLightAccent-hsl),
1
);
--list-section-simple-button-text-color: hsla(
var(--safeInverseLightAccent-hsl),
1
);
--list-section-simple-card-button-background-color: hsla(
var(--safeLightAccent-hsl),
1
);
--list-section-simple-card-button-text-color: hsla(
var(--safeInverseLightAccent-hsl),
1
);
--list-section-simple-card-color: hsla(var(--black-hsl), 1);
--list-section-simple-card-description-color: hsla(var(--white-hsl), 1);
--list-section-simple-card-description-link-color: hsla(
var(--safeLightAccent-hsl),
1
);
--list-section-simple-card-title-color: hsla(var(--white-hsl), 1);
--list-section-simple-description-color: hsla(var(--white-hsl), 1);
--list-section-simple-title-color: hsla(var(--safeLightAccent-hsl), 1);
--list-section-title-color: hsla(var(--safeLightAccent-hsl), 1);
--menuOverlayBackgroundColor: hsla(var(--black-hsl), 1);
--menuOverlayButtonBackgroundColor: hsla(var(--safeLightAccent-hsl), 1);
--menuOverlayButtonTextColor: hsla(
var(--safeInverseLightAccent-hsl),
1
);
--menuOverlayNavigationLinkColor: hsla(var(--safeLightAccent-hsl), 1);
--navigationLinkColor: hsla(var(--safeLightAccent-hsl), 1);
--paragraphLargeColor: hsla(var(--white-hsl), 1);
--paragraphLinkColor: hsla(var(--safeLightAccent-hsl), 1);
--paragraphMediumColor: hsla(var(--white-hsl), 1);
--paragraphSmallColor: hsla(var(--white-hsl), 1);
--portfolio-grid-basic-title-color: hsla(var(--safeLightAccent-hsl), 1);
--portfolio-grid-overlay-overlay-color: hsla(var(--black-hsl), 1);
--portfolio-grid-overlay-title-color: hsla(var(--white-hsl), 1);
--portfolio-hover-follow-title-color: hsla(
var(--safeLightAccent-hsl),
1
);
--portfolio-hover-static-title-color: hsla(
var(--safeLightAccent-hsl),
1
);
--portfolio-index-background-title-color: hsla(var(--white-hsl), 1);
--primaryButtonBackgroundColor: hsla(var(--safeLightAccent-hsl), 1);
--primaryButtonTextColor: hsla(var(--safeInverseLightAccent-hsl), 1);
--secondaryButtonBackgroundColor: hsla(var(--safeLightAccent-hsl), 1);
--secondaryButtonTextColor: hsla(var(--safeInverseLightAccent-hsl), 1);
--section-divider-stroke-color: hsla(var(--safeLightAccent-hsl), 1);
--section-inset-border-color: hsla(var(--white-hsl), 1);
--shape-block-background-color: hsla(var(--white-hsl), 1);
--shape-block-dropshadow-color: hsla(var(--white-hsl), 1);
--shape-block-stroke-color: hsla(var(--safeDarkAccent-hsl), 1);
--siteBackgroundColor: hsla(var(--black-hsl), 1);
--siteTitleColor: hsla(var(--safeLightAccent-hsl), 1);
--social-links-block-main-icon-color: hsla(var(--white-hsl), 1);
--social-links-block-secondary-icon-color: hsla(var(--black-hsl), 1);
--solidHeaderBackgroundColor: hsla(var(--white-hsl), 1);
--solidHeaderBorderColor: hsla(var(--black-hsl), 1);
--solidHeaderDropShadowColor: hsla(var(--black-hsl), 1);
--solidHeaderNavigationColor: hsla(var(--black-hsl), 1);
--summary-block-limited-availability-label-color: hsla(
var(--white-hsl),
1
);
--tertiaryButtonBackgroundColor: hsla(var(--safeLightAccent-hsl), 1);
--tertiaryButtonTextColor: hsla(var(--safeInverseLightAccent-hsl), 1);
--text-highlight-color: hsla(var(--safeLightAccent-hsl), 1);
--text-highlight-color-on-background: hsla(
var(--safeLightAccent-hsl),
1
);
--tweak-accordion-block-background-color: hsla(var(--white-hsl), 1);
--tweak-accordion-block-divider-color: hsla(var(--white-hsl), 1);
--tweak-accordion-block-divider-color-on-background: hsla(
var(--safeDarkAccent-hsl),
1
);
--tweak-accordion-block-icon-color: hsla(var(--white-hsl), 1);
--tweak-accordion-block-icon-color-on-background: hsla(
var(--safeDarkAccent-hsl),
1
);
--tweak-blog-alternating-side-by-side-list-excerpt-color: hsla(
var(--white-hsl),
1
);
--tweak-blog-alternating-side-by-side-list-meta-color: hsla(
var(--white-hsl),
1
);
--tweak-blog-alternating-side-by-side-list-read-more-color: hsla(
var(--safeLightAccent-hsl),
1
);
--tweak-blog-alternating-side-by-side-list-title-color: hsla(
var(--safeLightAccent-hsl),
1
);
--tweak-blog-basic-grid-list-excerpt-color: hsla(var(--white-hsl), 1);
--tweak-blog-basic-grid-list-meta-color: hsla(var(--white-hsl), 1);
--tweak-blog-basic-grid-list-read-more-color: hsla(
var(--safeLightAccent-hsl),
1
);
--tweak-blog-basic-grid-list-title-color: hsla(
var(--safeLightAccent-hsl),
1
);
--tweak-blog-item-author-profile-color: hsla(var(--white-hsl), 1);
--tweak-blog-item-comment-meta-color: hsla(var(--white-hsl), 1);
--tweak-blog-item-comment-text-color: hsla(var(--white-hsl), 1);
--tweak-blog-item-meta-color: hsla(var(--white-hsl), 1);
--tweak-blog-item-pagination-icon-color: hsla(var(--white-hsl), 1);
--tweak-blog-item-pagination-meta-color: hsla(var(--white-hsl), 1);
--tweak-blog-item-pagination-title-color: hsla(var(--white-hsl), 1);
--tweak-blog-item-title-color: hsla(var(--safeLightAccent-hsl), 1);
--tweak-blog-masonry-list-excerpt-color: hsla(var(--white-hsl), 1);
--tweak-blog-masonry-list-meta-color: hsla(var(--white-hsl), 1);
--tweak-blog-masonry-list-read-more-color: hsla(
var(--safeLightAccent-hsl),
1
);
--tweak-blog-masonry-list-title-color: hsla(
var(--safeLightAccent-hsl),
1
);
--tweak-blog-side-by-side-list-excerpt-color: hsla(var(--white-hsl), 1);
--tweak-blog-side-by-side-list-meta-color: hsla(var(--white-hsl), 1);
--tweak-blog-side-by-side-list-read-more-color: hsla(
var(--safeLightAccent-hsl),
1
);
--tweak-blog-side-by-side-list-title-color: hsla(
var(--safeLightAccent-hsl),
1
);
--tweak-blog-single-column-list-excerpt-color: hsla(
var(--white-hsl),
1
);
--tweak-blog-single-column-list-meta-color: hsla(var(--white-hsl), 1);
--tweak-blog-single-column-list-read-more-color: hsla(
var(--safeLightAccent-hsl),
1
);
--tweak-blog-single-column-list-title-color: hsla(
var(--safeLightAccent-hsl),
1
);
--tweak-content-link-block-title-color: hsla(var(--white-hsl), 1);
--tweak-events-item-pagination-date-color: hsla(var(--white-hsl), 1);
--tweak-events-item-pagination-icon-color: hsla(var(--white-hsl), 1);
--tweak-events-item-pagination-title-color: hsla(var(--white-hsl), 1);
--tweak-form-block-background-color: hsla(var(--white-hsl), 1);
--tweak-form-block-button-background-color: hsla(
var(--safeLightAccent-hsl),
1
);
--tweak-form-block-button-background-color-on-background: hsla(
var(--safeDarkAccent-hsl),
1
);
--tweak-form-block-button-text-color: hsla(
var(--safeInverseLightAccent-hsl),
1
);
--tweak-form-block-button-text-color-on-background: hsla(
var(--safeInverseDarkAccent-hsl),
1
);
--tweak-form-block-caption-color: hsla(var(--white-hsl), 1);
--tweak-form-block-caption-color-on-background: hsla(
var(--safeDarkAccent-hsl),
1
);
--tweak-form-block-description-color: hsla(var(--white-hsl), 1);
--tweak-form-block-description-color-on-background: hsla(
var(--safeDarkAccent-hsl),
1
);
--tweak-form-block-option-color: hsla(var(--white-hsl), 1);
--tweak-form-block-option-color-on-background: hsla(
var(--safeDarkAccent-hsl),
1
);
--tweak-form-block-survey-title-color: hsla(var(--white-hsl), 1);
--tweak-form-block-survey-title-color-on-background: hsla(
var(--safeDarkAccent-hsl),
1
);
--tweak-form-block-title-color: hsla(var(--white-hsl), 1);
--tweak-form-block-title-color-on-background: hsla(
var(--safeDarkAccent-hsl),
1
);
--tweak-form-block-field-fill-color: hsla(var(--darkAccent-hsl), 1);
--tweak-form-block-field-fill-color-hsl: var(--darkAccent-hsl);
--tweak-form-block-field-fill-color-a: 1;
--tweak-form-block-field-border-color: hsla(var(--white-hsl), 1);
--tweak-form-block-field-border-color-hsl: var(--white-hsl);
--tweak-form-block-field-border-color-a: 1;
--tweak-form-block-field-accessory-color: hsla(var(--white-hsl), 1);
--tweak-form-block-field-input-color: hsla(var(--white-hsl), 1);
--tweak-form-block-field-input-color-hsl: var(--white-hsl);
--tweak-form-block-field-input-color-a: 1;
--tweak-form-block-field-fill-color-on-background: hsla(
var(--lightAccent-hsl),
1
);
--tweak-form-block-field-fill-color-on-background-hsl: var(
--lightAccent-hsl
);
--tweak-form-block-field-fill-color-on-background-a: 1;
--tweak-form-block-field-border-color-on-background: hsla(
var(--black-hsl),
1
);
--tweak-form-block-field-border-color-on-background-hsl: var(
--black-hsl
);
--tweak-form-block-field-border-color-on-background-a: 1;
--tweak-form-block-field-accessory-color-on-background: hsla(
var(--black-hsl),
1
);
--tweak-form-block-field-input-color-on-background: hsla(
var(--black-hsl),
1
);
--tweak-form-block-field-input-color-on-background-hsl: var(
--black-hsl
);
--tweak-form-block-field-input-color-on-background-a: 1;
--tweak-gallery-icon-background-color: hsla(var(--black-hsl), 1);
--tweak-gallery-icon-color: hsla(var(--white-hsl), 1);
--tweak-gallery-lightbox-background-color: hsla(var(--black-hsl), 1);
--tweak-gallery-lightbox-icon-color: hsla(var(--white-hsl), 1);
--tweak-heading-extra-large-color-on-background: hsla(
var(--safeDarkAccent-hsl),
1
);
--tweak-heading-large-color-on-background: hsla(
var(--safeDarkAccent-hsl),
1
);
--tweak-heading-medium-color-on-background: hsla(
var(--safeDarkAccent-hsl),
1
);
--tweak-heading-small-color-on-background: hsla(
var(--safeDarkAccent-hsl),
1
);
--tweak-line-block-line-color: hsla(var(--safeLightAccent-hsl), 1);
--tweak-marquee-block-background-color: hsla(var(--white-hsl), 1);
--tweak-marquee-block-heading-color: hsla(
var(--safeLightAccent-hsl),
1
);
--tweak-marquee-block-heading-color-on-background: hsla(
var(--safeDarkAccent-hsl),
1
);
--tweak-marquee-block-paragraph-color: hsla(var(--white-hsl), 1);
--tweak-marquee-block-paragraph-color-on-background: hsla(
var(--safeDarkAccent-hsl),
1
);
--tweak-menu-block-item-description-color: hsla(var(--white-hsl), 1);
--tweak-menu-block-item-price-color: hsla(var(--white-hsl), 1);
--tweak-menu-block-item-title-color: hsla(var(--white-hsl), 1);
--tweak-menu-block-nav-color: hsla(var(--safeLightAccent-hsl), 1);
--tweak-menu-block-title-color: hsla(var(--safeLightAccent-hsl), 1);
--tweak-newsletter-block-background-color: hsla(var(--white-hsl), 1);
--tweak-newsletter-block-button-background-color: hsla(
var(--safeLightAccent-hsl),
1
);
--tweak-newsletter-block-button-background-color-on-background: hsla(
var(--safeDarkAccent-hsl),
1
);
--tweak-newsletter-block-button-text-color: hsla(
var(--safeInverseLightAccent-hsl),
1
);
--tweak-newsletter-block-button-text-color-on-background: hsla(
var(--safeInverseDarkAccent-hsl),
1
);
--tweak-newsletter-block-description-color: hsla(var(--white-hsl), 1);
--tweak-newsletter-block-description-color-on-background: hsla(
var(--safeDarkAccent-hsl),
1
);
--tweak-newsletter-block-footnote-color: hsla(var(--white-hsl), 1);
--tweak-newsletter-block-footnote-color-on-background: hsla(
var(--safeDarkAccent-hsl),
1
);
--tweak-newsletter-block-title-color: hsla(var(--white-hsl), 1);
--tweak-newsletter-block-title-color-on-background: hsla(
var(--safeDarkAccent-hsl),
1
);
--tweak-paragraph-large-color-on-background: hsla(
var(--safeDarkAccent-hsl),
1
);
--tweak-paragraph-link-color-on-background: hsla(
var(--safeLightAccent-hsl),
1
);
--tweak-paragraph-medium-color-on-background: hsla(
var(--safeDarkAccent-hsl),
1
);
--tweak-paragraph-small-color-on-background: hsla(
var(--safeDarkAccent-hsl),
1
);
--tweak-portfolio-item-pagination-icon-color: hsla(var(--white-hsl), 1);
--tweak-portfolio-item-pagination-meta-color: hsla(var(--white-hsl), 1);
--tweak-portfolio-item-pagination-title-color: hsla(
var(--white-hsl),
1
);
--tweak-product-basic-item-breadcumb-nav-color: hsla(
var(--white-hsl),
1
);
--tweak-product-basic-item-description-color: hsla(var(--white-hsl), 1);
--tweak-product-basic-item-gallery-controls-color: hsla(
var(--safeInverseLightAccent-hsl),
1
);
--tweak-product-basic-item-price-color: hsla(var(--white-hsl), 1);
--tweak-product-basic-item-sale-price-color: hsla(var(--accent-hsl), 1);
--tweak-product-basic-item-scarcity-color: hsla(var(--accent-hsl), 1);
--tweak-product-basic-item-title-color: hsla(
var(--safeLightAccent-hsl),
1
);
--tweak-product-basic-item-variant-fields-color: hsla(
var(--white-hsl),
1
);
--tweak-product-grid-text-below-list-category-nav-color: hsla(
var(--white-hsl),
1
);
--tweak-product-grid-text-below-list-pagination-color: hsla(
var(--white-hsl),
1
);
--tweak-product-grid-text-below-list-price-color: hsla(
var(--white-hsl),
1
);
--tweak-product-grid-text-below-list-sale-price-color: hsla(
var(--accent-hsl),
1
);
--tweak-product-grid-text-below-list-scarcity-color: hsla(
var(--white-hsl),
1
);
--tweak-product-grid-text-below-list-status-color: hsla(
var(--accent-hsl),
1
);
--tweak-product-grid-text-below-list-title-color: hsla(
var(--safeLightAccent-hsl),
1
);
--tweak-product-quick-view-button-color: hsla(var(--black-hsl), 1);
--tweak-product-quick-view-lightbox-controls-color: hsla(
var(--black-hsl),
1
);
--tweak-product-quick-view-lightbox-overlay-color: hsla(
var(--white-hsl),
1
);
--tweak-quote-block-background-color: hsla(var(--white-hsl), 1);
--tweak-quote-block-source-color: hsla(var(--white-hsl), 1);
--tweak-quote-block-source-color-on-background: hsla(
var(--safeDarkAccent-hsl),
1
);
--tweak-quote-block-text-color: hsla(var(--white-hsl), 1);
--tweak-quote-block-text-color-on-background: hsla(
var(--safeDarkAccent-hsl),
1
);
--tweak-summary-block-background-color: hsla(var(--white-hsl), 1);
--tweak-summary-block-excerpt-color: hsla(var(--white-hsl), 1);
--tweak-summary-block-excerpt-color-on-background: hsla(
var(--safeDarkAccent-hsl),
1
);
--tweak-summary-block-header-text-color: hsla(var(--white-hsl), 1);
--tweak-summary-block-header-text-color-on-background: hsla(
var(--safeDarkAccent-hsl),
1
);
--tweak-summary-block-primary-metadata-color: hsla(var(--white-hsl), 1);
--tweak-summary-block-primary-metadata-color-on-background: hsla(
var(--safeDarkAccent-hsl),
1
);
--tweak-summary-block-read-more-color: hsla(var(--white-hsl), 1);
--tweak-summary-block-read-more-color-on-background: hsla(
var(--safeDarkAccent-hsl),
1
);
--tweak-summary-block-secondary-metadata-color: hsla(
var(--white-hsl),
1
);
--tweak-summary-block-secondary-metadata-color-on-background: hsla(
var(--safeDarkAccent-hsl),
1
);
--tweak-summary-block-title-color: hsla(var(--white-hsl), 1);
--tweak-summary-block-title-color-on-background: hsla(
var(--safeDarkAccent-hsl),
1
);
--tweak-text-block-background-color: hsla(var(--white-hsl), 1);
--tweak-video-item-description-color: hsla(var(--accent-hsl), 1);
--tweak-video-item-meta-color: hsla(var(--accent-hsl), 1);
--tweak-video-item-pagination-icon-color: hsla(var(--accent-hsl), 1);
--tweak-video-item-pagination-title-color: hsla(var(--accent-hsl), 1);
--tweak-video-item-title-color: hsla(var(--accent-hsl), 1);
--video-grid-basic-description-color: hsla(var(--accent-hsl), 1);
--video-grid-basic-meta-color: hsla(var(--accent-hsl), 1);
--video-grid-basic-title-color: hsla(var(--accent-hsl), 1);
--video-grid-category-nav-color: hsla(var(--accent-hsl), 1);
}
.bright {
--announcement-bar-background-color: hsla(
var(--safeInverseAccent-hsl),
1
);
--announcement-bar-text-color: hsla(var(--accent-hsl), 1);
--backgroundOverlayColor: hsla(var(--accent-hsl), 1);
--course-item-nav-active-lesson-background-color: hsla(
var(--lightAccent-hsl),
1
);
--course-item-nav-active-lesson-text-color: hsla(var(--black-hsl), 1);
--course-item-nav-background-color: hsla(var(--black-hsl), 1);
--course-item-nav-border-color: hsla(var(--white-hsl), 0.25);
--course-item-nav-text-color: hsla(var(--white-hsl), 1);
--course-list-course-progress-bar-color: hsla(var(--darkAccent-hsl), 1);
--course-list-course-item-background: hsla(var(--black-hsl), 1);
--course-list-course-item-hover-background: hsla(var(--black-hsl), 0.9);
--course-list-course-item-text-color: hsla(var(--lightAccent-hsl), 1);
--course-list-course-chapter-divider-color: hsla(
var(--darkAccent-hsl),
1
);
--course-list-grid-layout-chapter-divider-color: hsla(
var(--safeInverseAccent-hsl),
1
);
--course-list-grid-layout-course-item-background-color: hsla(
var(--black-hsl),
1
);
--course-list-grid-layout-course-item-hover-background-color: hsla(
var(--black-hsl),
0.9
);
--course-list-grid-layout-course-item-text-color: hsla(
var(--lightAccent-hsl),
1
);
--course-list-grid-layout-course-item-border-color: hsla(
var(--darkAccent-hsl),
1
);
--gradientHeaderBackgroundColor: hsla(var(--white-hsl), 1);
--gradientHeaderBorderColor: hsla(var(--black-hsl), 1);
--gradientHeaderDropShadowColor: hsla(var(--black-hsl), 1);
--gradientHeaderNavigationColor: hsla(var(--black-hsl), 1);
--headerDropShadowColor: hsla(var(--black-hsl), 1);
--headerBorderColor: hsla(var(--black-hsl), 1);
--headingExtraLargeColor: hsla(var(--safeInverseAccent-hsl), 1);
--headingLargeColor: hsla(var(--safeInverseAccent-hsl), 1);
--headingLinkColor: hsla(var(--safeInverseAccent-hsl), 1);
--headingMediumColor: hsla(var(--safeInverseAccent-hsl), 1);
--headingSmallColor: hsla(var(--safeInverseAccent-hsl), 1);
--image-block-card-image-button-bg-color: hsla(
var(--safeInverseAccent-hsl),
1
);
--image-block-card-image-button-text-color: hsla(var(--accent-hsl), 1);
--image-block-card-image-overlay-color: hsla(var(--darkAccent-hsl), 1);
--image-block-card-image-subtitle-color: hsla(
var(--safeInverseAccent-hsl),
1
);
--image-block-card-image-title-bg-color: hsla(var(--accent-hsl), 0);
--image-block-card-image-title-color: hsla(
var(--safeInverseAccent-hsl),
1
);
--image-block-card-inline-link-color: hsla(
var(--safeInverseAccent-hsl),
1
);
--image-block-collage-background-color: hsla(
var(--safeInverseAccent-hsl),
1
);
--image-block-collage-image-button-bg-color: hsla(var(--accent-hsl), 1);
--image-block-collage-image-button-text-color: hsla(
var(--safeInverseAccent-hsl),
1
);
--image-block-collage-image-overlay-color: hsla(
var(--darkAccent-hsl),
1
);
--image-block-collage-image-subtitle-color: hsla(var(--white-hsl), 1);
--image-block-collage-image-title-bg-color: hsla(var(--accent-hsl), 0);
--image-block-collage-image-title-color: hsla(var(--white-hsl), 1);
--image-block-collage-inline-link-color: hsla(var(--accent-hsl), 1);
--image-block-overlap-image-button-bg-color: hsla(
var(--safeInverseAccent-hsl),
1
);
--image-block-overlap-image-button-text-color: hsla(
var(--accent-hsl),
1
);
--image-block-overlap-image-overlay-color: hsla(
var(--darkAccent-hsl),
1
);
--image-block-overlap-image-subtitle-color: hsla(
var(--safeInverseAccent-hsl),
1
);
--image-block-overlap-image-title-bg-color: hsla(var(--accent-hsl), 1);
--image-block-overlap-image-title-color: hsla(
var(--safeInverseAccent-hsl),
1
);
--image-block-overlap-inline-link-color: hsla(
var(--safeInverseAccent-hsl),
1
);
--image-block-overlay-color: hsla(var(--black-hsl), 0.5);
--image-block-poster-image-button-bg-color: hsla(
var(--safeInverseAccent-hsl),
1
);
--image-block-poster-image-button-text-color: hsla(
var(--accent-hsl),
1
);
--image-block-poster-image-overlay-color: hsla(
var(--darkAccent-hsl),
1
);
--image-block-poster-image-subtitle-color: hsla(var(--white-hsl), 1);
--image-block-poster-image-title-bg-color-v2: hsla(
var(--accent-hsl),
0
);
--image-block-poster-image-title-color: hsla(var(--white-hsl), 1);
--image-block-poster-inline-link-color: hsla(var(--white-hsl), 1);
--image-block-stack-image-button-bg-color: hsla(
var(--safeInverseAccent-hsl),
1
);
--image-block-stack-image-button-text-color: hsla(var(--accent-hsl), 1);
--image-block-stack-image-overlay-color: hsla(var(--darkAccent-hsl), 1);
--image-block-stack-image-subtitle-color: hsla(
var(--safeInverseAccent-hsl),
1
);
--image-block-stack-image-title-bg-color: hsla(var(--accent-hsl), 0);
--image-block-stack-image-title-color: hsla(
var(--safeInverseAccent-hsl),
1
);
--image-block-stack-inline-link-color: hsla(
var(--safeInverseAccent-hsl),
1
);
--list-section-banner-slideshow-arrow-background-color: hsla(
var(--safeInverseAccent-hsl),
1
);
--list-section-banner-slideshow-arrow-color: hsla(var(--accent-hsl), 1);
--list-section-banner-slideshow-button-background-color: hsla(
var(--safeInverseAccent-hsl),
1
);
--list-section-banner-slideshow-button-text-color: hsla(
var(--accent-hsl),
1
);
--list-section-banner-slideshow-card-button-background-color: hsla(
var(--safeInverseAccent-hsl),
1
);
--list-section-banner-slideshow-card-button-text-color: hsla(
var(--accent-hsl),
1
);
--list-section-banner-slideshow-card-color: hsla(var(--accent-hsl), 1);
--list-section-banner-slideshow-card-description-color: hsla(
var(--safeInverseAccent-hsl),
1
);
--list-section-banner-slideshow-card-description-link-color: hsla(
var(--safeInverseAccent-hsl),
1
);
--list-section-banner-slideshow-card-title-color: hsla(
var(--safeInverseAccent-hsl),
1
);
--list-section-banner-slideshow-description-color: hsla(
var(--safeInverseAccent-hsl),
1
);
--list-section-banner-slideshow-title-color: hsla(
var(--safeInverseAccent-hsl),
1
);
--list-section-carousel-arrow-background-color: hsla(
var(--safeInverseAccent-hsl),
1
);
--list-section-carousel-arrow-color: hsla(var(--accent-hsl), 1);
--list-section-carousel-button-background-color: hsla(
var(--safeInverseAccent-hsl),
1
);
--list-section-carousel-button-text-color: hsla(var(--accent-hsl), 1);
--list-section-carousel-card-button-background-color: hsla(
var(--safeInverseAccent-hsl),
1
);
--list-section-carousel-card-button-text-color: hsla(
var(--accent-hsl),
1
);
--list-section-carousel-card-color: hsla(var(--accent-hsl), 1);
--list-section-carousel-card-description-color: hsla(
var(--safeInverseAccent-hsl),
1
);
--list-section-carousel-card-description-link-color: hsla(
var(--safeInverseAccent-hsl),
1
);
--list-section-carousel-card-title-color: hsla(
var(--safeInverseAccent-hsl),
1
);
--list-section-carousel-description-color: hsla(
var(--safeInverseAccent-hsl),
1
);
--list-section-carousel-title-color: hsla(
var(--safeInverseAccent-hsl),
1
);
--list-section-simple-button-background-color: hsla(
var(--safeInverseAccent-hsl),
1
);
--list-section-simple-button-text-color: hsla(var(--accent-hsl), 1);
--list-section-simple-card-button-background-color: hsla(
var(--safeInverseAccent-hsl),
1
);
--list-section-simple-card-button-text-color: hsla(
var(--accent-hsl),
1
);
--list-section-simple-card-color: hsla(var(--accent-hsl), 1);
--list-section-simple-card-description-color: hsla(
var(--safeInverseAccent-hsl),
1
);
--list-section-simple-card-description-link-color: hsla(
var(--safeInverseAccent-hsl),
1
);
--list-section-simple-card-title-color: hsla(
var(--safeInverseAccent-hsl),
1
);
--list-section-simple-description-color: hsla(
var(--safeInverseAccent-hsl),
1
);
--list-section-simple-title-color: hsla(
var(--safeInverseAccent-hsl),
1
);
--list-section-title-color: hsla(var(--safeInverseAccent-hsl), 1);
--menuOverlayBackgroundColor: hsla(var(--accent-hsl), 1);
--menuOverlayButtonBackgroundColor: hsla(
var(--safeInverseAccent-hsl),
1
);
--menuOverlayButtonTextColor: hsla(var(--accent-hsl), 1);
--menuOverlayNavigationLinkColor: hsla(var(--safeInverseAccent-hsl), 1);
--navigationLinkColor: hsla(var(--safeInverseAccent-hsl), 1);
--paragraphLargeColor: hsla(var(--safeInverseAccent-hsl), 1);
--paragraphLinkColor: hsla(var(--safeInverseAccent-hsl), 1);
--paragraphMediumColor: hsla(var(--safeInverseAccent-hsl), 1);
--paragraphSmallColor: hsla(var(--safeInverseAccent-hsl), 1);
--portfolio-grid-basic-title-color: hsla(
var(--safeInverseAccent-hsl),
1
);
--portfolio-grid-overlay-overlay-color: hsla(var(--accent-hsl), 1);
--portfolio-grid-overlay-title-color: hsla(
var(--safeInverseAccent-hsl),
1
);
--portfolio-hover-follow-title-color: hsla(
var(--safeInverseAccent-hsl),
1
);
--portfolio-hover-static-title-color: hsla(
var(--safeInverseAccent-hsl),
1
);
--portfolio-index-background-title-color: hsla(
var(--safeInverseAccent-hsl),
1
);
--primaryButtonBackgroundColor: hsla(var(--safeInverseAccent-hsl), 1);
--primaryButtonTextColor: hsla(var(--accent-hsl), 1);
--secondaryButtonBackgroundColor: hsla(var(--safeInverseAccent-hsl), 1);
--secondaryButtonTextColor: hsla(var(--accent-hsl), 1);
--section-divider-stroke-color: hsla(var(--safeInverseAccent-hsl), 1);
--section-inset-border-color: hsla(var(--accent-hsl), 1);
--shape-block-background-color: hsla(var(--safeInverseAccent-hsl), 1);
--shape-block-dropshadow-color: hsla(var(--safeInverseAccent-hsl), 1);
--shape-block-stroke-color: hsla(var(--black-hsl), 1);
--siteBackgroundColor: hsla(var(--accent-hsl), 1);
--siteTitleColor: hsla(0, 33.33333333333338%, 95.88235294117646%, 1);
--social-links-block-main-icon-color: hsla(
var(--safeInverseAccent-hsl),
1
);
--social-links-block-secondary-icon-color: hsla(var(--accent-hsl), 1);
--solidHeaderBackgroundColor: hsla(var(--white-hsl), 1);
--solidHeaderBorderColor: hsla(var(--black-hsl), 1);
--solidHeaderDropShadowColor: hsla(var(--black-hsl), 1);
--solidHeaderNavigationColor: hsla(var(--black-hsl), 1);
--summary-block-limited-availability-label-color: hsla(
var(--safeInverseAccent-hsl),
1
);
--tertiaryButtonBackgroundColor: hsla(var(--safeInverseAccent-hsl), 1);
--tertiaryButtonTextColor: hsla(var(--accent-hsl), 1);
--text-highlight-color: hsla(var(--safeInverseAccent-hsl), 1);
--text-highlight-color-on-background: hsla(var(--accent-hsl), 1);
--tweak-accordion-block-background-color: hsla(
var(--safeInverseAccent-hsl),
1
);
--tweak-accordion-block-divider-color: hsla(
var(--safeInverseAccent-hsl),
1
);
--tweak-accordion-block-divider-color-on-background: hsla(
var(--accent-hsl),
1
);
--tweak-accordion-block-icon-color: hsla(
var(--safeInverseAccent-hsl),
1
);
--tweak-accordion-block-icon-color-on-background: hsla(
var(--accent-hsl),
1
);
--tweak-blog-alternating-side-by-side-list-excerpt-color: hsla(
var(--safeInverseAccent-hsl),
1
);
--tweak-blog-alternating-side-by-side-list-meta-color: hsla(
var(--safeInverseAccent-hsl),
1
);
--tweak-blog-alternating-side-by-side-list-read-more-color: hsla(
var(--safeInverseAccent-hsl),
1
);
--tweak-blog-alternating-side-by-side-list-title-color: hsla(
var(--safeInverseAccent-hsl),
1
);
--tweak-blog-basic-grid-list-excerpt-color: hsla(
var(--safeInverseAccent-hsl),
1
);
--tweak-blog-basic-grid-list-meta-color: hsla(
var(--safeInverseAccent-hsl),
1
);
--tweak-blog-basic-grid-list-read-more-color: hsla(
var(--safeInverseAccent-hsl),
1
);
--tweak-blog-basic-grid-list-title-color: hsla(
var(--safeInverseAccent-hsl),
1
);
--tweak-blog-item-author-profile-color: hsla(
var(--safeInverseAccent-hsl),
1
);
--tweak-blog-item-comment-meta-color: hsla(
var(--safeInverseAccent-hsl),
1
);
--tweak-blog-item-comment-text-color: hsla(
var(--safeInverseAccent-hsl),
1
);
--tweak-blog-item-meta-color: hsla(var(--safeInverseAccent-hsl), 1);
--tweak-blog-item-pagination-icon-color: hsla(
var(--safeInverseAccent-hsl),
1
);
--tweak-blog-item-pagination-meta-color: hsla(
var(--safeInverseAccent-hsl),
1
);
--tweak-blog-item-pagination-title-color: hsla(
var(--safeInverseAccent-hsl),
1
);
--tweak-blog-item-title-color: hsla(var(--safeInverseAccent-hsl), 1);
--tweak-blog-masonry-list-excerpt-color: hsla(
var(--safeInverseAccent-hsl),
1
);
--tweak-blog-masonry-list-meta-color: hsla(
var(--safeInverseAccent-hsl),
1
);
--tweak-blog-masonry-list-read-more-color: hsla(
var(--safeInverseAccent-hsl),
1
);
--tweak-blog-masonry-list-title-color: hsla(
var(--safeInverseAccent-hsl),
1
);
--tweak-blog-side-by-side-list-excerpt-color: hsla(
var(--safeInverseAccent-hsl),
1
);
--tweak-blog-side-by-side-list-meta-color: hsla(
var(--safeInverseAccent-hsl),
1
);
--tweak-blog-side-by-side-list-read-more-color: hsla(
var(--safeInverseAccent-hsl),
1
);
--tweak-blog-side-by-side-list-title-color: hsla(
var(--safeInverseAccent-hsl),
1
);
--tweak-blog-single-column-list-excerpt-color: hsla(
var(--safeInverseAccent-hsl),
1
);
--tweak-blog-single-column-list-meta-color: hsla(
var(--safeInverseAccent-hsl),
1
);
--tweak-blog-single-column-list-read-more-color: hsla(
var(--safeInverseAccent-hsl),
1
);
--tweak-blog-single-column-list-title-color: hsla(
var(--safeInverseAccent-hsl),
1
);
--tweak-content-link-block-title-color: hsla(
var(--safeInverseAccent-hsl),
1
);
--tweak-events-item-pagination-date-color: hsla(
var(--safeInverseAccent-hsl),
1
);
--tweak-events-item-pagination-icon-color: hsla(
var(--safeInverseAccent-hsl),
1
);
--tweak-events-item-pagination-title-color: hsla(
var(--safeInverseAccent-hsl),
1
);
--tweak-form-block-background-color: hsla(
var(--safeInverseAccent-hsl),
1
);
--tweak-form-block-button-background-color: hsla(
var(--safeInverseAccent-hsl),
1
);
--tweak-form-block-button-background-color-on-background: hsla(
var(--accent-hsl),
1
);
--tweak-form-block-button-text-color: hsla(var(--accent-hsl), 1);
--tweak-form-block-button-text-color-on-background: hsla(
var(--safeInverseAccent-hsl),
1
);
--tweak-form-block-caption-color: hsla(var(--safeInverseAccent-hsl), 1);
--tweak-form-block-caption-color-on-background: hsla(
var(--accent-hsl),
1
);
--tweak-form-block-description-color: hsla(
var(--safeInverseAccent-hsl),
1
);
--tweak-form-block-description-color-on-background: hsla(
var(--accent-hsl),
1
);
--tweak-form-block-option-color: hsla(var(--safeInverseAccent-hsl), 1);
--tweak-form-block-option-color-on-background: hsla(
var(--accent-hsl),
1
);
--tweak-form-block-survey-title-color: hsla(
var(--safeInverseAccent-hsl),
1
);
--tweak-form-block-survey-title-color-on-background: hsla(
var(--accent-hsl),
1
);
--tweak-form-block-title-color: hsla(var(--safeInverseAccent-hsl), 1);
--tweak-form-block-title-color-on-background: hsla(
var(--accent-hsl),
1
);
--tweak-form-block-field-fill-color: hsla(var(--white-hsl), 1);
--tweak-form-block-field-fill-color-hsl: var(--white-hsl);
--tweak-form-block-field-fill-color-a: 1;
--tweak-form-block-field-border-color: hsla(var(--black-hsl), 1);
--tweak-form-block-field-border-color-hsl: var(--black-hsl);
--tweak-form-block-field-border-color-a: 1;
--tweak-form-block-field-input-color: hsla(var(--black-hsl), 1);
--tweak-form-block-field-input-color-hsl: var(--black-hsl);
--tweak-form-block-field-input-color-a: 1;
--tweak-form-block-field-accessory-color: hsla(var(--black-hsl), 1);
--tweak-form-block-field-fill-color-on-background: hsla(
var(--darkAccent-hsl),
1
);
--tweak-form-block-field-fill-color-on-background-hsl: var(
--darkAccent-hsl
);
--tweak-form-block-field-fill-color-on-background-a: 1;
--tweak-form-block-field-border-color-on-background: hsla(
var(--accent-hsl),
1
);
--tweak-form-block-field-border-color-on-background-hsl: var(
--accent-hsl
);
--tweak-form-block-field-border-color-on-background-a: 1;
--tweak-form-block-field-input-color-on-background: hsla(
var(--accent-hsl),
1
);
--tweak-form-block-field-input-color-on-background-hsl: var(
--accent-hsl
);
--tweak-form-block-field-input-color-on-background-a: 1;
--tweak-form-block-field-accessory-color-on-background: hsla(
var(--accent-hsl),
1
);
--tweak-gallery-icon-background-color: hsla(var(--accent-hsl), 1);
--tweak-gallery-icon-color: hsla(var(--safeInverseAccent-hsl), 1);
--tweak-gallery-lightbox-background-color: hsla(var(--accent-hsl), 1);
--tweak-gallery-lightbox-icon-color: hsla(
var(--safeInverseAccent-hsl),
1
);
--tweak-heading-extra-large-color-on-background: hsla(
var(--accent-hsl),
1
);
--tweak-heading-large-color-on-background: hsla(var(--accent-hsl), 1);
--tweak-heading-medium-color-on-background: hsla(var(--accent-hsl), 1);
--tweak-heading-small-color-on-background: hsla(var(--accent-hsl), 1);
--tweak-line-block-line-color: hsla(var(--safeInverseAccent-hsl), 1);
--tweak-marquee-block-background-color: hsla(
var(--safeInverseAccent-hsl),
1
);
--tweak-marquee-block-heading-color: hsla(
var(--safeInverseAccent-hsl),
1
);
--tweak-marquee-block-heading-color-on-background: hsla(
var(--accent-hsl),
1
);
--tweak-marquee-block-paragraph-color: hsla(
var(--safeInverseAccent-hsl),
1
);
--tweak-marquee-block-paragraph-color-on-background: hsla(
var(--accent-hsl),
1
);
--tweak-menu-block-item-description-color: hsla(
var(--safeInverseAccent-hsl),
1
);
--tweak-menu-block-item-price-color: hsla(
var(--safeInverseAccent-hsl),
1
);
--tweak-menu-block-item-title-color: hsla(
var(--safeInverseAccent-hsl),
1
);
--tweak-menu-block-nav-color: hsla(var(--safeInverseAccent-hsl), 1);
--tweak-menu-block-title-color: hsla(var(--safeInverseAccent-hsl), 1);
--tweak-newsletter-block-background-color: hsla(
var(--safeInverseAccent-hsl),
1
);
--tweak-newsletter-block-button-background-color: hsla(
var(--safeInverseAccent-hsl),
1
);
--tweak-newsletter-block-button-background-color-on-background: hsla(
var(--accent-hsl),
1
);
--tweak-newsletter-block-button-text-color: hsla(var(--accent-hsl), 1);
--tweak-newsletter-block-button-text-color-on-background: hsla(
var(--safeInverseAccent-hsl),
1
);
--tweak-newsletter-block-description-color: hsla(
var(--safeInverseAccent-hsl),
1
);
--tweak-newsletter-block-description-color-on-background: hsla(
var(--accent-hsl),
1
);
--tweak-newsletter-block-footnote-color: hsla(
var(--safeInverseAccent-hsl),
1
);
--tweak-newsletter-block-footnote-color-on-background: hsla(
var(--accent-hsl),
1
);
--tweak-newsletter-block-title-color: hsla(
var(--safeInverseAccent-hsl),
1
);
--tweak-newsletter-block-title-color-on-background: hsla(
var(--accent-hsl),
1
);
--tweak-paragraph-large-color-on-background: hsla(var(--accent-hsl), 1);
--tweak-paragraph-link-color-on-background: hsla(var(--accent-hsl), 1);
--tweak-paragraph-medium-color-on-background: hsla(
var(--accent-hsl),
1
);
--tweak-paragraph-small-color-on-background: hsla(var(--accent-hsl), 1);
--tweak-portfolio-item-pagination-icon-color: hsla(
var(--safeInverseAccent-hsl),
1
);
--tweak-portfolio-item-pagination-meta-color: hsla(
var(--safeInverseAccent-hsl),
1
);
--tweak-portfolio-item-pagination-title-color: hsla(
var(--safeInverseAccent-hsl),
1
);
--tweak-product-basic-item-breadcumb-nav-color: hsla(
var(--safeInverseAccent-hsl),
1
);
--tweak-product-basic-item-description-color: hsla(
var(--safeInverseAccent-hsl),
1
);
--tweak-product-basic-item-gallery-controls-color: hsla(
var(--safeInverseLightAccent-hsl),
1
);
--tweak-product-basic-item-price-color: hsla(
var(--safeInverseAccent-hsl),
1
);
--tweak-product-basic-item-sale-price-color: hsla(
var(--safeInverseAccent-hsl),
1
);
--tweak-product-basic-item-scarcity-color: hsla(var(--white-hsl), 1);
--tweak-product-basic-item-title-color: hsla(
var(--safeInverseAccent-hsl),
1
);
--tweak-product-basic-item-variant-fields-color: hsla(
var(--safeInverseAccent-hsl),
1
);
--tweak-product-grid-text-below-list-category-nav-color: hsla(
var(--safeInverseAccent-hsl),
1
);
--tweak-product-grid-text-below-list-pagination-color: hsla(
var(--safeInverseAccent-hsl),
1
);
--tweak-product-grid-text-below-list-price-color: hsla(
var(--safeInverseAccent-hsl),
1
);
--tweak-product-grid-text-below-list-sale-price-color: hsla(
var(--white-hsl),
1
);
--tweak-product-grid-text-below-list-scarcity-color: hsla(
var(--safeInverseAccent-hsl),
1
);
--tweak-product-grid-text-below-list-status-color: hsla(
var(--white-hsl),
1
);
--tweak-product-grid-text-below-list-title-color: hsla(
var(--safeInverseAccent-hsl),
1
);
--tweak-product-quick-view-button-color: hsla(var(--black-hsl), 1);
--tweak-product-quick-view-lightbox-controls-color: hsla(
var(--black-hsl),
1
);
--tweak-product-quick-view-lightbox-overlay-color: hsla(
var(--white-hsl),
1
);
--tweak-quote-block-background-color: hsla(
var(--safeInverseAccent-hsl),
1
);
--tweak-quote-block-source-color: hsla(var(--safeInverseAccent-hsl), 1);
--tweak-quote-block-source-color-on-background: hsla(
var(--accent-hsl),
1
);
--tweak-quote-block-text-color: hsla(var(--safeInverseAccent-hsl), 1);
--tweak-quote-block-text-color-on-background: hsla(
var(--accent-hsl),
1
);
--tweak-summary-block-background-color: hsla(
var(--safeInverseAccent-hsl),
1
);
--tweak-summary-block-excerpt-color: hsla(
var(--safeInverseAccent-hsl),
1
);
--tweak-summary-block-excerpt-color-on-background: hsla(
var(--accent-hsl),
1
);
--tweak-summary-block-header-text-color: hsla(
var(--safeInverseAccent-hsl),
1
);
--tweak-summary-block-header-text-color-on-background: hsla(
var(--accent-hsl),
1
);
--tweak-summary-block-primary-metadata-color: hsla(
var(--safeInverseAccent-hsl),
1
);
--tweak-summary-block-primary-metadata-color-on-background: hsla(
var(--accent-hsl),
1
);
--tweak-summary-block-read-more-color: hsla(
var(--safeInverseAccent-hsl),
1
);
--tweak-summary-block-read-more-color-on-background: hsla(
var(--accent-hsl),
1
);
--tweak-summary-block-secondary-metadata-color: hsla(
var(--safeInverseAccent-hsl),
1
);
--tweak-summary-block-secondary-metadata-color-on-background: hsla(
var(--accent-hsl),
1
);
--tweak-summary-block-title-color: hsla(
var(--safeInverseAccent-hsl),
1
);
--tweak-summary-block-title-color-on-background: hsla(
var(--accent-hsl),
1
);
--tweak-text-block-background-color: hsla(
var(--safeInverseAccent-hsl),
1
);
--tweak-video-item-description-color: hsla(var(--white-hsl), 1);
--tweak-video-item-meta-color: hsla(var(--white-hsl), 1);
--tweak-video-item-pagination-icon-color: hsla(var(--white-hsl), 1);
--tweak-video-item-pagination-title-color: hsla(var(--white-hsl), 1);
--tweak-video-item-title-color: hsla(var(--white-hsl), 1);
--video-grid-basic-description-color: hsla(var(--white-hsl), 1);
--video-grid-basic-meta-color: hsla(var(--white-hsl), 1);
--video-grid-basic-title-color: hsla(var(--white-hsl), 1);
--video-grid-category-nav-color: hsla(var(--white-hsl), 1);
}
.bright-inverse {
--announcement-bar-background-color: hsla(var(--accent-hsl), 1);
--announcement-bar-text-color: hsla(var(--safeInverseAccent-hsl), 1);
--backgroundOverlayColor: hsla(var(--safeInverseAccent-hsl), 1);
--course-item-nav-active-lesson-background-color: hsla(
var(--darkAccent-hsl),
1
);
--course-item-nav-active-lesson-text-color: hsla(var(--white-hsl), 1);
--course-item-nav-background-color: hsla(var(--lightAccent-hsl), 1);
--course-item-nav-border-color: hsla(var(--black-hsl), 0.25);
--course-item-nav-text-color: hsla(var(--black-hsl), 1);
--course-list-course-progress-bar-color: hsla(var(--darkAccent-hsl), 1);
--course-list-course-item-background: hsla(var(--lightAccent-hsl), 1);
--course-list-course-item-hover-background: hsla(
var(--lightAccent-hsl),
0.95
);
--course-list-course-item-text-color: hsla(var(--black-hsl), 1);
--course-list-course-chapter-divider-color: hsla(
var(--darkAccent-hsl),
1
);
--course-list-grid-layout-chapter-divider-color: hsla(
var(--accent-hsl),
1
);
--course-list-grid-layout-course-item-background-color: hsla(
var(--lightAccent-hsl),
1
);
--course-list-grid-layout-course-item-hover-background-color: hsla(
var(--lightAccent-hsl),
0.95
);
--course-list-grid-layout-course-item-text-color: hsla(
var(--black-hsl),
1
);
--course-list-grid-layout-course-item-border-color: hsla(
var(--darkAccent-hsl),
1
);
--gradientHeaderBackgroundColor: hsla(var(--white-hsl), 1);
--gradientHeaderBorderColor: hsla(var(--black-hsl), 1);
--gradientHeaderDropShadowColor: hsla(var(--black-hsl), 1);
--gradientHeaderNavigationColor: hsla(var(--black-hsl), 1);
--headerDropShadowColor: hsla(var(--black-hsl), 1);
--headerBorderColor: hsla(var(--black-hsl), 1);
--headingExtraLargeColor: hsla(var(--accent-hsl), 1);
--headingLargeColor: hsla(var(--accent-hsl), 1);
--headingLinkColor: hsla(var(--accent-hsl), 1);
--headingMediumColor: hsla(var(--accent-hsl), 1);
--headingSmallColor: hsla(var(--accent-hsl), 1);
--image-block-card-image-button-bg-color: hsla(var(--accent-hsl), 1);
--image-block-card-image-button-text-color: hsla(
var(--safeInverseAccent-hsl),
1
);
--image-block-card-image-overlay-color: hsla(var(--darkAccent-hsl), 1);
--image-block-card-image-subtitle-color: hsla(var(--accent-hsl), 1);
--image-block-card-image-title-bg-color: hsla(
var(--safeInverseAccent-hsl),
0
);
--image-block-card-image-title-color: hsla(var(--accent-hsl), 1);
--image-block-card-inline-link-color: hsla(var(--accent-hsl), 1);
--image-block-collage-background-color: hsla(var(--accent-hsl), 1);
--image-block-collage-image-button-bg-color: hsla(
var(--safeInverseAccent-hsl),
1
);
--image-block-collage-image-button-text-color: hsla(
var(--accent-hsl),
1
);
--image-block-collage-image-overlay-color: hsla(
var(--darkAccent-hsl),
1
);
--image-block-collage-image-subtitle-color: hsla(
var(--safeInverseAccent-hsl),
1
);
--image-block-collage-image-title-bg-color: hsla(
var(--safeInverseAccent-hsl),
0
);
--image-block-collage-image-title-color: hsla(
var(--safeInverseAccent-hsl),
1
);
--image-block-collage-inline-link-color: hsla(
var(--safeInverseAccent-hsl),
1
);
--image-block-overlap-image-button-bg-color: hsla(var(--accent-hsl), 1);
--image-block-overlap-image-button-text-color: hsla(
var(--safeInverseAccent-hsl),
1
);
--image-block-overlap-image-overlay-color: hsla(
var(--darkAccent-hsl),
1
);
--image-block-overlap-image-subtitle-color: hsla(var(--accent-hsl), 1);
--image-block-overlap-image-title-bg-color: hsla(
var(--safeInverseAccent-hsl),
1
);
--image-block-overlap-image-title-color: hsla(var(--accent-hsl), 1);
--image-block-overlap-inline-link-color: hsla(var(--accent-hsl), 1);
--image-block-overlay-color: hsla(var(--black-hsl), 0.5);
--image-block-poster-image-button-bg-color: hsla(var(--accent-hsl), 1);
--image-block-poster-image-button-text-color: hsla(
var(--safeInverseAccent-hsl),
1
);
--image-block-poster-image-overlay-color: hsla(
var(--darkAccent-hsl),
1
);
--image-block-poster-image-subtitle-color: hsla(var(--white-hsl), 1);
--image-block-poster-image-title-bg-color-v2: hsla(
var(--safeInverseAccent-hsl),
0
);
--image-block-poster-image-title-color: hsla(var(--white-hsl), 1);
--image-block-poster-inline-link-color: hsla(var(--white-hsl), 1);
--image-block-stack-image-button-bg-color: hsla(var(--accent-hsl), 1);
--image-block-stack-image-button-text-color: hsla(
var(--safeInverseAccent-hsl),
1
);
--image-block-stack-image-overlay-color: hsla(var(--darkAccent-hsl), 1);
--image-block-stack-image-subtitle-color: hsla(var(--accent-hsl), 1);
--image-block-stack-image-title-bg-color: hsla(
var(--safeInverseAccent-hsl),
0
);
--image-block-stack-image-title-color: hsla(var(--accent-hsl), 1);
--image-block-stack-inline-link-color: hsla(var(--accent-hsl), 1);
--list-section-banner-slideshow-arrow-background-color: hsla(
var(--accent-hsl),
1
);
--list-section-banner-slideshow-arrow-color: hsla(
var(--safeInverseAccent-hsl),
1
);
--list-section-banner-slideshow-button-background-color: hsla(
var(--accent-hsl),
1
);
--list-section-banner-slideshow-button-text-color: hsla(
var(--safeInverseAccent-hsl),
1
);
--list-section-banner-slideshow-card-button-background-color: hsla(
var(--accent-hsl),
1
);
--list-section-banner-slideshow-card-button-text-color: hsla(
var(--safeInverseAccent-hsl),
1
);
--list-section-banner-slideshow-card-color: hsla(
var(--safeInverseAccent-hsl),
1
);
--list-section-banner-slideshow-card-description-color: hsla(
var(--accent-hsl),
1
);
--list-section-banner-slideshow-card-description-link-color: hsla(
var(--accent-hsl),
1
);
--list-section-banner-slideshow-card-title-color: hsla(
var(--accent-hsl),
1
);
--list-section-banner-slideshow-description-color: hsla(
var(--accent-hsl),
1
);
--list-section-banner-slideshow-title-color: hsla(var(--accent-hsl), 1);
--list-section-carousel-arrow-background-color: hsla(
var(--accent-hsl),
1
);
--list-section-carousel-arrow-color: hsla(
var(--safeInverseAccent-hsl),
1
);
--list-section-carousel-button-background-color: hsla(
var(--accent-hsl),
1
);
--list-section-carousel-button-text-color: hsla(
var(--safeInverseAccent-hsl),
1
);
--list-section-carousel-card-button-background-color: hsla(
var(--accent-hsl),
1
);
--list-section-carousel-card-button-text-color: hsla(
var(--safeInverseAccent-hsl),
1
);
--list-section-carousel-card-color: hsla(
var(--safeInverseAccent-hsl),
1
);
--list-section-carousel-card-description-color: hsla(
var(--accent-hsl),
1
);
--list-section-carousel-card-description-link-color: hsla(
var(--accent-hsl),
1
);
--list-section-carousel-card-title-color: hsla(var(--accent-hsl), 1);
--list-section-carousel-description-color: hsla(var(--accent-hsl), 1);
--list-section-carousel-title-color: hsla(var(--accent-hsl), 1);
--list-section-simple-button-background-color: hsla(
var(--accent-hsl),
1
);
--list-section-simple-button-text-color: hsla(
var(--safeInverseAccent-hsl),
1
);
--list-section-simple-card-button-background-color: hsla(
var(--accent-hsl),
1
);
--list-section-simple-card-button-text-color: hsla(
var(--safeInverseAccent-hsl),
1
);
--list-section-simple-card-color: hsla(var(--safeInverseAccent-hsl), 1);
--list-section-simple-card-description-color: hsla(
var(--accent-hsl),
1
);
--list-section-simple-card-description-link-color: hsla(
var(--accent-hsl),
1
);
--list-section-simple-card-title-color: hsla(var(--accent-hsl), 1);
--list-section-simple-description-color: hsla(var(--accent-hsl), 1);
--list-section-simple-title-color: hsla(var(--accent-hsl), 1);
--list-section-title-color: hsla(var(--accent-hsl), 1);
--menuOverlayBackgroundColor: hsla(var(--safeInverseAccent-hsl), 1);
--menuOverlayButtonBackgroundColor: hsla(var(--accent-hsl), 1);
--menuOverlayButtonTextColor: hsla(var(--safeInverseAccent-hsl), 1);
--menuOverlayNavigationLinkColor: hsla(var(--accent-hsl), 1);
--navigationLinkColor: hsla(var(--accent-hsl), 1);
--paragraphLargeColor: hsla(var(--accent-hsl), 1);
--paragraphLinkColor: hsla(var(--accent-hsl), 1);
--paragraphMediumColor: hsla(var(--accent-hsl), 1);
--paragraphSmallColor: hsla(var(--accent-hsl), 1);
--portfolio-grid-basic-title-color: hsla(var(--accent-hsl), 1);
--portfolio-grid-overlay-overlay-color: hsla(
var(--safeInverseAccent-hsl),
1
);
--portfolio-grid-overlay-title-color: hsla(var(--accent-hsl), 1);
--portfolio-hover-follow-title-color: hsla(var(--accent-hsl), 1);
--portfolio-hover-static-title-color: hsla(var(--accent-hsl), 1);
--portfolio-index-background-title-color: hsla(var(--accent-hsl), 1);
--primaryButtonBackgroundColor: hsla(var(--accent-hsl), 1);
--primaryButtonTextColor: hsla(var(--safeInverseAccent-hsl), 1);
--secondaryButtonBackgroundColor: hsla(var(--accent-hsl), 1);
--secondaryButtonTextColor: hsla(var(--safeInverseAccent-hsl), 1);
--section-divider-stroke-color: hsla(var(--accent-hsl), 1);
--section-inset-border-color: hsla(var(--white-hsl), 1);
--shape-block-background-color: hsla(var(--accent-hsl), 1);
--shape-block-dropshadow-color: hsla(var(--accent-hsl), 1);
--shape-block-stroke-color: hsla(var(--black-hsl), 1);
--siteBackgroundColor: hsla(var(--safeInverseAccent-hsl), 1);
--siteTitleColor: hsla(var(--accent-hsl), 1);
--social-links-block-main-icon-color: hsla(var(--accent-hsl), 1);
--social-links-block-secondary-icon-color: hsla(
var(--safeInverseAccent-hsl),
1
);
--solidHeaderBackgroundColor: hsla(var(--white-hsl), 1);
--solidHeaderBorderColor: hsla(var(--black-hsl), 1);
--solidHeaderDropShadowColor: hsla(var(--black-hsl), 1);
--solidHeaderNavigationColor: hsla(var(--black-hsl), 1);
--summary-block-limited-availability-label-color: hsla(
var(--accent-hsl),
1
);
--tertiaryButtonBackgroundColor: hsla(var(--accent-hsl), 1);
--tertiaryButtonTextColor: hsla(var(--safeInverseAccent-hsl), 1);
--text-highlight-color: hsla(var(--accent-hsl), 1);
--text-highlight-color-on-background: hsla(
var(--safeInverseAccent-hsl),
1
);
--tweak-accordion-block-background-color: hsla(var(--accent-hsl), 1);
--tweak-accordion-block-divider-color: hsla(var(--accent-hsl), 1);
--tweak-accordion-block-divider-color-on-background: hsla(
var(--safeInverseAccent-hsl),
1
);
--tweak-accordion-block-icon-color: hsla(var(--accent-hsl), 1);
--tweak-accordion-block-icon-color-on-background: hsla(
var(--safeInverseAccent-hsl),
1
);
--tweak-blog-alternating-side-by-side-list-excerpt-color: hsla(
var(--accent-hsl),
1
);
--tweak-blog-alternating-side-by-side-list-meta-color: hsla(
var(--accent-hsl),
1
);
--tweak-blog-alternating-side-by-side-list-read-more-color: hsla(
var(--accent-hsl),
1
);
--tweak-blog-alternating-side-by-side-list-title-color: hsla(
var(--accent-hsl),
1
);
--tweak-blog-basic-grid-list-excerpt-color: hsla(var(--accent-hsl), 1);
--tweak-blog-basic-grid-list-meta-color: hsla(var(--accent-hsl), 1);
--tweak-blog-basic-grid-list-read-more-color: hsla(
var(--accent-hsl),
1
);
--tweak-blog-basic-grid-list-title-color: hsla(var(--accent-hsl), 1);
--tweak-blog-item-author-profile-color: hsla(var(--accent-hsl), 1);
--tweak-blog-item-comment-meta-color: hsla(var(--accent-hsl), 1);
--tweak-blog-item-comment-text-color: hsla(var(--accent-hsl), 1);
--tweak-blog-item-meta-color: hsla(var(--accent-hsl), 1);
--tweak-blog-item-pagination-icon-color: hsla(var(--accent-hsl), 1);
--tweak-blog-item-pagination-meta-color: hsla(var(--accent-hsl), 1);
--tweak-blog-item-pagination-title-color: hsla(var(--accent-hsl), 1);
--tweak-blog-item-title-color: hsla(var(--accent-hsl), 1);
--tweak-blog-masonry-list-excerpt-color: hsla(var(--accent-hsl), 1);
--tweak-blog-masonry-list-meta-color: hsla(var(--accent-hsl), 1);
--tweak-blog-masonry-list-read-more-color: hsla(var(--accent-hsl), 1);
--tweak-blog-masonry-list-title-color: hsla(var(--accent-hsl), 1);
--tweak-blog-side-by-side-list-excerpt-color: hsla(
var(--accent-hsl),
1
);
--tweak-blog-side-by-side-list-meta-color: hsla(var(--accent-hsl), 1);
--tweak-blog-side-by-side-list-read-more-color: hsla(
var(--accent-hsl),
1
);
--tweak-blog-side-by-side-list-title-color: hsla(var(--accent-hsl), 1);
--tweak-blog-single-column-list-excerpt-color: hsla(
var(--accent-hsl),
1
);
--tweak-blog-single-column-list-meta-color: hsla(var(--accent-hsl), 1);
--tweak-blog-single-column-list-read-more-color: hsla(
var(--accent-hsl),
1
);
--tweak-blog-single-column-list-title-color: hsla(var(--accent-hsl), 1);
--tweak-content-link-block-title-color: hsla(var(--accent-hsl), 1);
--tweak-events-item-pagination-date-color: hsla(var(--accent-hsl), 1);
--tweak-events-item-pagination-icon-color: hsla(var(--accent-hsl), 1);
--tweak-events-item-pagination-title-color: hsla(var(--accent-hsl), 1);
--tweak-form-block-background-color: hsla(var(--accent-hsl), 1);
--tweak-form-block-button-background-color: hsla(var(--accent-hsl), 1);
--tweak-form-block-button-background-color-on-background: hsla(
var(--safeInverseAccent-hsl),
1
);
--tweak-form-block-button-text-color: hsla(
var(--safeInverseAccent-hsl),
1
);
--tweak-form-block-button-text-color-on-background: hsla(
var(--accent-hsl),
1
);
--tweak-form-block-caption-color: hsla(var(--accent-hsl), 1);
--tweak-form-block-caption-color-on-background: hsla(
var(--safeInverseAccent-hsl),
1
);
--tweak-form-block-description-color: hsla(var(--accent-hsl), 1);
--tweak-form-block-description-color-on-background: hsla(
var(--safeInverseAccent-hsl),
1
);
--tweak-form-block-option-color: hsla(var(--accent-hsl), 1);
--tweak-form-block-option-color-on-background: hsla(
var(--safeInverseAccent-hsl),
1
);
--tweak-form-block-survey-title-color: hsla(var(--accent-hsl), 1);
--tweak-form-block-survey-title-color-on-background: hsla(
var(--safeInverseAccent-hsl),
1
);
--tweak-form-block-title-color: hsla(var(--accent-hsl), 1);
--tweak-form-block-title-color-on-background: hsla(
var(--safeInverseAccent-hsl),
1
);
--tweak-form-block-field-fill-color: hsla(var(--darkAccent-hsl), 1);
--tweak-form-block-field-fill-color-hsl: var(--darkAccent-hsl);
--tweak-form-block-field-fill-color-a: 1;
--tweak-form-block-field-border-color: hsla(var(--accent-hsl), 1);
--tweak-form-block-field-border-color-hsl: var(--accent-hsl);
--tweak-form-block-field-border-color-a: 1;
--tweak-form-block-field-input-color: hsla(var(--accent-hsl), 1);
--tweak-form-block-field-input-color-hsl: var(--accent-hsl);
--tweak-form-block-field-input-color-a: 1;
--tweak-form-block-field-accessory-color: hsla(var(--accent-hsl), 1);
--tweak-form-block-field-fill-color-on-background: hsla(
var(--white-hsl),
1
);
--tweak-form-block-field-fill-color-on-background-hsl: var(--white-hsl);
--tweak-form-block-field-fill-color-on-background-a: 1;
--tweak-form-block-field-border-color-on-background: hsla(
var(--black-hsl),
1
);
--tweak-form-block-field-border-color-on-background-hsl: var(
--black-hsl
);
--tweak-form-block-field-border-color-on-background-a: 1;
--tweak-form-block-field-input-color-on-background: hsla(
var(--black-hsl),
1
);
--tweak-form-block-field-input-color-on-background-hsl: var(
--black-hsl
);
--tweak-form-block-field-input-color-on-background-a: 1;
--tweak-form-block-field-accessory-color-on-background: hsla(
var(--black-hsl),
1
);
--tweak-gallery-icon-background-color: hsla(
var(--safeInverseAccent-hsl),
1
);
--tweak-gallery-icon-color: hsla(var(--accent-hsl), 1);
--tweak-gallery-lightbox-background-color: hsla(
var(--safeInverseAccent-hsl),
1
);
--tweak-gallery-lightbox-icon-color: hsla(var(--accent-hsl), 1);
--tweak-heading-extra-large-color-on-background: hsla(
var(--safeInverseAccent-hsl),
1
);
--tweak-heading-large-color-on-background: hsla(
var(--safeInverseAccent-hsl),
1
);
--tweak-heading-medium-color-on-background: hsla(
var(--safeInverseAccent-hsl),
1
);
--tweak-heading-small-color-on-background: hsla(
var(--safeInverseAccent-hsl),
1
);
--tweak-line-block-line-color: hsla(var(--accent-hsl), 1);
--tweak-marquee-block-background-color: hsla(var(--accent-hsl), 1);
--tweak-marquee-block-heading-color: hsla(var(--accent-hsl), 1);
--tweak-marquee-block-heading-color-on-background: hsla(
var(--safeInverseAccent-hsl),
1
);
--tweak-marquee-block-paragraph-color: hsla(var(--accent-hsl), 1);
--tweak-marquee-block-paragraph-color-on-background: hsla(
var(--safeInverseAccent-hsl),
1
);
--tweak-menu-block-item-description-color: hsla(var(--accent-hsl), 1);
--tweak-menu-block-item-price-color: hsla(var(--accent-hsl), 1);
--tweak-menu-block-item-title-color: hsla(var(--accent-hsl), 1);
--tweak-menu-block-nav-color: hsla(var(--accent-hsl), 1);
--tweak-menu-block-title-color: hsla(var(--accent-hsl), 1);
--tweak-newsletter-block-background-color: hsla(var(--accent-hsl), 1);
--tweak-newsletter-block-button-background-color: hsla(
var(--accent-hsl),
1
);
--tweak-newsletter-block-button-background-color-on-background: hsla(
var(--safeInverseAccent-hsl),
1
);
--tweak-newsletter-block-button-text-color: hsla(
var(--safeInverseAccent-hsl),
1
);
--tweak-newsletter-block-button-text-color-on-background: hsla(
var(--accent-hsl),
1
);
--tweak-newsletter-block-description-color: hsla(var(--accent-hsl), 1);
--tweak-newsletter-block-description-color-on-background: hsla(
var(--safeInverseAccent-hsl),
1
);
--tweak-newsletter-block-footnote-color: hsla(var(--accent-hsl), 1);
--tweak-newsletter-block-footnote-color-on-background: hsla(
var(--safeInverseAccent-hsl),
1
);
--tweak-newsletter-block-title-color: hsla(var(--accent-hsl), 1);
--tweak-newsletter-block-title-color-on-background: hsla(
var(--safeInverseAccent-hsl),
1
);
--tweak-paragraph-large-color-on-background: hsla(
var(--safeInverseAccent-hsl),
1
);
--tweak-paragraph-link-color-on-background: hsla(
var(--safeInverseAccent-hsl),
1
);
--tweak-paragraph-medium-color-on-background: hsla(
var(--safeInverseAccent-hsl),
1
);
--tweak-paragraph-small-color-on-background: hsla(
var(--safeInverseAccent-hsl),
1
);
--tweak-portfolio-item-pagination-icon-color: hsla(
var(--accent-hsl),
1
);
--tweak-portfolio-item-pagination-meta-color: hsla(
var(--accent-hsl),
1
);
--tweak-portfolio-item-pagination-title-color: hsla(
var(--accent-hsl),
1
);
--tweak-product-basic-item-breadcumb-nav-color: hsla(
var(--accent-hsl),
1
);
--tweak-product-basic-item-description-color: hsla(
var(--accent-hsl),
1
);
--tweak-product-basic-item-gallery-controls-color: hsla(
var(--safeInverseLightAccent-hsl),
1
);
--tweak-product-basic-item-price-color: hsla(var(--accent-hsl), 1);
--tweak-product-basic-item-sale-price-color: hsla(var(--accent-hsl), 1);
--tweak-product-basic-item-scarcity-color: hsla(var(--accent-hsl), 1);
--tweak-product-basic-item-title-color: hsla(var(--accent-hsl), 1);
--tweak-product-basic-item-variant-fields-color: hsla(
var(--accent-hsl),
1
);
--tweak-product-grid-text-below-list-category-nav-color: hsla(
var(--accent-hsl),
1
);
--tweak-product-grid-text-below-list-pagination-color: hsla(
var(--accent-hsl),
1
);
--tweak-product-grid-text-below-list-price-color: hsla(
var(--accent-hsl),
1
);
--tweak-product-grid-text-below-list-sale-price-color: hsla(
var(--accent-hsl),
1
);
--tweak-product-grid-text-below-list-scarcity-color: hsla(
var(--accent-hsl),
1
);
--tweak-product-grid-text-below-list-status-color: hsla(
var(--accent-hsl),
1
);
--tweak-product-grid-text-below-list-title-color: hsla(
var(--accent-hsl),
1
);
--tweak-product-quick-view-button-color: hsla(var(--black-hsl), 1);
--tweak-product-quick-view-lightbox-controls-color: hsla(
var(--black-hsl),
1
);
--tweak-product-quick-view-lightbox-overlay-color: hsla(
var(--white-hsl),
1
);
--tweak-quote-block-background-color: hsla(var(--accent-hsl), 1);
--tweak-quote-block-source-color: hsla(var(--accent-hsl), 1);
--tweak-quote-block-source-color-on-background: hsla(
var(--safeInverseAccent-hsl),
1
);
--tweak-quote-block-text-color: hsla(var(--accent-hsl), 1);
--tweak-quote-block-text-color-on-background: hsla(
var(--safeInverseAccent-hsl),
1
);
--tweak-summary-block-background-color: hsla(var(--accent-hsl), 1);
--tweak-summary-block-excerpt-color: hsla(var(--accent-hsl), 1);
--tweak-summary-block-excerpt-color-on-background: hsla(
var(--safeInverseAccent-hsl),
1
);
--tweak-summary-block-header-text-color: hsla(var(--accent-hsl), 1);
--tweak-summary-block-header-text-color-on-background: hsla(
var(--safeInverseAccent-hsl),
1
);
--tweak-summary-block-primary-metadata-color: hsla(
var(--accent-hsl),
1
);
--tweak-summary-block-primary-metadata-color-on-background: hsla(
var(--safeInverseAccent-hsl),
1
);
--tweak-summary-block-read-more-color: hsla(var(--accent-hsl), 1);
--tweak-summary-block-read-more-color-on-background: hsla(
var(--safeInverseAccent-hsl),
1
);
--tweak-summary-block-secondary-metadata-color: hsla(
var(--accent-hsl),
1
);
--tweak-summary-block-secondary-metadata-color-on-background: hsla(
var(--safeInverseAccent-hsl),
1
);
--tweak-summary-block-title-color: hsla(var(--accent-hsl), 1);
--tweak-summary-block-title-color-on-background: hsla(
var(--safeInverseAccent-hsl),
1
);
--tweak-text-block-background-color: hsla(var(--accent-hsl), 1);
--tweak-video-item-description-color: hsla(var(--accent-hsl), 1);
--tweak-video-item-meta-color: hsla(var(--accent-hsl), 1);
--tweak-video-item-pagination-icon-color: hsla(var(--accent-hsl), 1);
--tweak-video-item-pagination-title-color: hsla(var(--accent-hsl), 1);
--tweak-video-item-title-color: hsla(var(--accent-hsl), 1);
--video-grid-basic-description-color: hsla(var(--accent-hsl), 1);
--video-grid-basic-meta-color: hsla(var(--accent-hsl), 1);
--video-grid-basic-title-color: hsla(var(--accent-hsl), 1);
--video-grid-category-nav-color: hsla(var(--accent-hsl), 1);
}
</style>
<style id="rteTextColorMapping">
.sqsrte-text-color--white {
color: hsla(var(--white-hsl), 1);
}
.sqsrte-text-color--black {
color: hsla(var(--black-hsl), 1);
}
.sqsrte-text-color--safeLightAccent {
color: hsla(var(--safeLightAccent-hsl), 1);
}
.sqsrte-text-color--safeDarkAccent {
color: hsla(var(--safeDarkAccent-hsl), 1);
}
.sqsrte-text-color--safeInverseAccent {
color: hsla(var(--safeInverseAccent-hsl), 1);
}
.sqsrte-text-color--safeInverseLightAccent {
color: hsla(var(--safeInverseLightAccent-hsl), 1);
}
.sqsrte-text-color--safeInverseDarkAccent {
color: hsla(var(--safeInverseDarkAccent-hsl), 1);
}
.sqsrte-text-color--accent {
color: hsla(var(--accent-hsl), 1);
}
.sqsrte-text-color--lightAccent {
color: hsla(var(--lightAccent-hsl), 1);
}
.sqsrte-text-color--darkAccent {
color: hsla(var(--darkAccent-hsl), 1);
}
</style>
<link
rel="stylesheet"
type="text/css"
href="https://static1.squarespace.com/static/vta/5c5a519771c10ba3470d8101/versioned-assets/1699467906351-57EZFPH2B9UY1CKJS6AA/static.css"
/>
</head>
<body
id="collection-601a7b75673cab32ec695074"
class="form-field-style-solid form-field-shape-square form-field-border-all form-field-checkbox-type-icon form-field-checkbox-fill-solid form-field-checkbox-color-inverted form-field-checkbox-shape-square form-field-checkbox-layout-stack form-field-radio-type-icon form-field-radio-fill-solid form-field-radio-color-normal form-field-radio-shape-pill form-field-radio-layout-stack form-field-survey-fill-solid form-field-survey-color-normal form-field-survey-shape-pill header-overlay-alignment-left header-width-full tweak-transparent-header tweak-fixed-header tweak-fixed-header-style-scroll-back tweak-blog-alternating-side-by-side-width-inset tweak-blog-alternating-side-by-side-image-aspect-ratio-11-square tweak-blog-alternating-side-by-side-text-alignment-left tweak-blog-alternating-side-by-side-read-more-style-show tweak-blog-alternating-side-by-side-image-text-alignment-middle tweak-blog-alternating-side-by-side-delimiter-bullet tweak-blog-alternating-side-by-side-meta-position-top tweak-blog-alternating-side-by-side-primary-meta-categories tweak-blog-alternating-side-by-side-secondary-meta-date tweak-blog-alternating-side-by-side-excerpt-show tweak-blog-basic-grid-width-inset tweak-blog-basic-grid-image-aspect-ratio-32-standard tweak-blog-basic-grid-text-alignment-center tweak-blog-basic-grid-delimiter-bullet tweak-blog-basic-grid-image-placement-above tweak-blog-basic-grid-read-more-style-show tweak-blog-basic-grid-primary-meta-categories tweak-blog-basic-grid-secondary-meta-date tweak-blog-basic-grid-excerpt-show tweak-blog-item-width-wide tweak-blog-item-text-alignment-center tweak-blog-item-meta-position-above-title tweak-blog-item-show-categories tweak-blog-item-show-date tweak-blog-item-show-author-name tweak-blog-item-show-author-profile tweak-blog-item-delimiter-dash tweak-blog-masonry-width-full tweak-blog-masonry-text-alignment-center tweak-blog-masonry-primary-meta-categories tweak-blog-masonry-secondary-meta-date tweak-blog-masonry-meta-position-top tweak-blog-masonry-read-more-style-show tweak-blog-masonry-delimiter-space tweak-blog-masonry-image-placement-above tweak-blog-masonry-excerpt-show tweak-blog-side-by-side-width-inset tweak-blog-side-by-side-image-placement-left tweak-blog-side-by-side-image-aspect-ratio-11-square tweak-blog-side-by-side-primary-meta-categories tweak-blog-side-by-side-secondary-meta-date tweak-blog-side-by-side-meta-position-top tweak-blog-side-by-side-text-alignment-left tweak-blog-side-by-side-image-text-alignment-middle tweak-blog-side-by-side-read-more-style-show tweak-blog-side-by-side-delimiter-bullet tweak-blog-side-by-side-excerpt-show tweak-blog-single-column-width-inset tweak-blog-single-column-text-alignment-center tweak-blog-single-column-image-placement-above tweak-blog-single-column-delimiter-bullet tweak-blog-single-column-read-more-style-show tweak-blog-single-column-primary-meta-categories tweak-blog-single-column-secondary-meta-date tweak-blog-single-column-meta-position-top tweak-blog-single-column-content-excerpt-and-title tweak-events-stacked-width-inset tweak-events-stacked-height-small tweak-events-stacked-show-past-events tweak-events-stacked-show-thumbnails tweak-events-stacked-thumbnail-size-32-standard tweak-events-stacked-date-style-side-tag tweak-events-stacked-show-time tweak-events-stacked-show-location tweak-events-stacked-ical-gcal-links tweak-events-stacked-show-excerpt tweak-global-animations-enabled tweak-global-animations-complexity-level-detailed tweak-global-animations-animation-style-fade tweak-global-animations-animation-type-flex tweak-global-animations-animation-curve-ease tweak-portfolio-grid-basic-width-full tweak-portfolio-grid-basic-height-small tweak-portfolio-grid-basic-image-aspect-ratio-43-four-three tweak-portfolio-grid-basic-text-alignment-center tweak-portfolio-grid-basic-hover-effect-fade tweak-portfolio-grid-overlay-width-inset tweak-portfolio-grid-overlay-height-medium tweak-portfolio-grid-overlay-image-aspect-ratio-43-four-three tweak-portfolio-grid-overlay-text-placement-center tweak-portfolio-grid-overlay-show-text-after-hover tweak-portfolio-index-background-link-format-stacked tweak-portfolio-index-background-width-full-bleed tweak-portfolio-index-background-height-small tweak-portfolio-index-background-vertical-alignment-middle tweak-portfolio-index-background-horizontal-alignment-center tweak-portfolio-index-background-delimiter-none tweak-portfolio-index-background-animation-type-none tweak-portfolio-index-background-animation-duration-medium tweak-portfolio-hover-follow-layout-stacked tweak-portfolio-hover-follow-front tweak-portfolio-hover-follow-delimiter-bullet tweak-portfolio-hover-follow-animation-type-fade tweak-portfolio-hover-follow-animation-duration-fast tweak-portfolio-hover-static-layout-inline tweak-portfolio-hover-static-front tweak-portfolio-hover-static-delimiter-hyphen tweak-portfolio-hover-static-animation-type-fade tweak-portfolio-hover-static-animation-duration-fast tweak-product-basic-item-product-variant-display-dropdown tweak-product-basic-item-width-full tweak-product-basic-item-gallery-aspect-ratio-34-three-four-vertical tweak-product-basic-item-text-alignment-left tweak-product-basic-item-navigation-breadcrumbs tweak-product-basic-item-content-alignment-top tweak-product-basic-item-gallery-design-slideshow tweak-product-basic-item-gallery-placement-left tweak-product-basic-item-thumbnail-placement-side tweak-product-basic-item-click-action-none tweak-product-basic-item-hover-action-none tweak-product-basic-item-variant-picker-layout-dropdowns tweak-products-width-inset tweak-products-image-aspect-ratio-11-square tweak-products-text-alignment-left tweak-products-price-show tweak-products-nested-category-type-top tweak-products-category-title tweak-products-header-text-alignment-middle tweak-products-breadcrumbs primary-button-style-solid primary-button-shape-pill secondary-button-style-solid secondary-button-shape-pill tertiary-button-style-solid tertiary-button-shape-pill image-block-poster-text-alignment-center image-block-card-content-position-center image-block-card-text-alignment-left image-block-overlap-content-position-center image-block-overlap-text-alignment-left image-block-collage-content-position-top image-block-collage-text-alignment-left image-block-stack-text-alignment-left hide-opentable-icons opentable-style-dark tweak-product-quick-view-button-style-floating tweak-product-quick-view-button-position-bottom tweak-product-quick-view-lightbox-excerpt-display-truncate tweak-product-quick-view-lightbox-show-arrows tweak-product-quick-view-lightbox-show-close-button tweak-product-quick-view-lightbox-controls-weight-light native-currency-code-idr collection-601a7b75673cab32ec695074 collection-type-page collection-layout-default homepage mobile-style-available sqs-seven-one plp-config-editor-add-to-cart show-pdp-product-add-ons plp-add-to-cart has-banner-image general-page"
data-description="plp-mobile-editor-column"
tabindex="-1"
>
<div id="siteWrapper" class="clearfix site-wrapper">
<div id="floatingCart" class="floating-cart hidden">
<a
href="cart.html"
class="icon icon--stroke icon--fill icon--cart sqs-custom-cart"
>
<span class="Cart-inner">
<svg
class="icon icon--cart"
width="61"
height="49"
viewBox="0 0 61 49"
>
<path
fill-rule="evenodd"
clip-rule="evenodd"
d="M0.5 2C0.5 1.17157 1.17157 0.5 2 0.5H13.6362C14.3878 0.5 15.0234 1.05632 15.123 1.80135L16.431 11.5916H59C59.5122 11.5916 59.989 11.8529 60.2645 12.2847C60.54 12.7165 60.5762 13.2591 60.3604 13.7236L50.182 35.632C49.9361 36.1614 49.4054 36.5 48.8217 36.5H18.0453C17.2937 36.5 16.6581 35.9437 16.5585 35.1987L12.3233 3.5H2C1.17157 3.5 0.5 2.82843 0.5 2ZM16.8319 14.5916L19.3582 33.5H47.8646L56.6491 14.5916H16.8319Z"
/>
<path d="M18.589 35H49.7083L60 13H16L18.589 35Z" />
<path
d="M21 49C23.2091 49 25 47.2091 25 45C25 42.7909 23.2091 41 21 41C18.7909 41 17 42.7909 17 45C17 47.2091 18.7909 49 21 49Z"
/>
<path
d="M45 49C47.2091 49 49 47.2091 49 45C49 42.7909 47.2091 41 45 41C42.7909 41 41 42.7909 41 45C41 47.2091 42.7909 49 45 49Z"
/>
</svg>
<div class="legacy-cart icon-cart-quantity">
<span class="sqs-cart-quantity">0</span>
</div>
</span>
</a>
</div>
<header
data-test="header"
id="header"
class="dark-bold header theme-col--primary"
data-controller="Header"
data-current-styles='{
"layout": "navLeft",
"action": {
"href": "https://www.bangun-kreatif.com",
"buttonText": "Get Started",
"newWindow": false
},
"showSocial": true,
"socialOptions": {
"socialBorderShape": "none",
"socialBorderStyle": "outline",
"socialBorderThickness": {
"unit": "px",
"value": 1.0
}
},
"sectionTheme": "",
"menuOverlayTheme": "light",
"menuOverlayAnimation": "fade",
"cartStyle": "cart",
"cartText": "Cart",
"showEmptyCartState": true,
"cartOptions": {
"iconType": "solid-7",
"cartBorderShape": "none",
"cartBorderStyle": "outline",
"cartBorderThickness": {
"unit": "px",
"value": 1.0
}
},
"showButton": false,
"showCart": false,
"showAccountLogin": true,
"headerStyle": "dynamic",
"languagePicker": {
"enabled": false,
"iconEnabled": false,
"iconType": "globe",
"flagShape": "shiny",
"languageFlags": [ ]
},
"mobileOptions": {
"layout": "logoLeftNavRight",
"menuIcon": "doubleLineHamburger",
"menuIconOptions": {
"style": "doubleLineHamburger",
"thickness": {
"unit": "px",
"value": 1.0
}
}
},
"dynamicOptions": {
"border": {
"enabled": false,
"position": "allSides",
"thickness": {
"unit": "px",
"value": 4.0
},
"color": {
"type": "SITE_PALETTE_COLOR",
"sitePaletteColor": {
"colorName": "black",
"alphaModifier": 1.0
}
}
}
},
"solidOptions": {
"headerOpacity": {
"unit": "%",
"value": 100.0
},
"border": {
"enabled": false,
"position": "allSides",
"thickness": {
"unit": "px",
"value": 4.0
},
"color": {
"type": "SITE_PALETTE_COLOR",
"sitePaletteColor": {
"colorName": "black",
"alphaModifier": 1.0
}
}
},
"dropShadow": {
"enabled": false,
"blur": {
"unit": "px",
"value": 30.0
},
"spread": {
"unit": "px",
"value": 0.0
},
"distance": {
"unit": "px",
"value": 0.0
},
"color": {
"type": "SITE_PALETTE_COLOR",
"sitePaletteColor": {
"colorName": "black",
"alphaModifier": 1.0
}
}
},
"blurBackground": {
"enabled": false,
"blurRadius": {
"unit": "px",
"value": 12.0
}
},
"backgroundColor": {
"type": "SITE_PALETTE_COLOR",
"sitePaletteColor": {
"colorName": "white",
"alphaModifier": 1.0
}
},
"navigationColor": {
"type": "SITE_PALETTE_COLOR",
"sitePaletteColor": {
"colorName": "black",
"alphaModifier": 1.0
}
}
},
"gradientOptions": {
"gradientType": "faded",
"headerOpacity": {
"unit": "%",
"value": 90.0
},
"border": {
"enabled": false,
"position": "allSides",
"thickness": {
"unit": "px",
"value": 4.0
},
"color": {
"type": "SITE_PALETTE_COLOR",
"sitePaletteColor": {
"colorName": "black",
"alphaModifier": 1.0
}
}
},
"dropShadow": {
"enabled": false,
"blur": {
"unit": "px",
"value": 30.0
},
"spread": {
"unit": "px",
"value": 0.0
},
"distance": {
"unit": "px",
"value": 0.0
},
"color": {
"type": "SITE_PALETTE_COLOR",
"sitePaletteColor": {
"colorName": "black",
"alphaModifier": 1.0
}
}
},
"blurBackground": {
"enabled": false,
"blurRadius": {
"unit": "px",
"value": 12.0
}
},
"backgroundColor": {
"type": "SITE_PALETTE_COLOR",
"sitePaletteColor": {
"colorName": "white",
"alphaModifier": 1.0
}
},
"navigationColor": {
"type": "SITE_PALETTE_COLOR",
"sitePaletteColor": {
"colorName": "black",
"alphaModifier": 1.0
}
}
},
"dropShadowOptions": {
"enabled": false,
"blur": {
"unit": "px",
"value": 12.0
},
"spread": {
"unit": "px",
"value": 0.0
},
"distance": {
"unit": "px",
"value": 12.0
}
},
"borderOptions": {
"enabled": false,
"position": "allSides",
"thickness": {
"unit": "px",
"value": 4.0
},
"color": {
"type": "SITE_PALETTE_COLOR",
"sitePaletteColor": {
"colorName": "black",
"alphaModifier": 1.0
}
}
},
"showPromotedElement": false,
"buttonVariant": "primary",
"blurBackground": {
"enabled": false,
"blurRadius": {
"unit": "px",
"value": 12.0
}
},
"headerOpacity": {
"unit": "%",
"value": 100.0
}
}'
data-section-id="header"
data-header-theme=""
data-menu-overlay-theme="light"
data-header-style="dynamic"
data-language-picker='{
"enabled": false,
"iconEnabled": false,
"iconType": "globe",
"flagShape": "shiny",
"languageFlags": [ ]
}'
data-first-focusable-element
tabindex="-1"
style="
--solidHeaderDropShadowColor: hsla(var(--black-hsl), 1);
--gradientHeaderDropShadowColor: hsla(var(--black-hsl), 1);
--solidHeaderBorderColor: hsla(var(--black-hsl), 1);
--gradientHeaderBorderColor: hsla(var(--black-hsl), 1);
--solidHeaderBackgroundColor: hsla(var(--white-hsl), 1);
--solidHeaderNavigationColor: hsla(var(--black-hsl), 1);
--gradientHeaderBackgroundColor: hsla(var(--white-hsl), 1);
--gradientHeaderNavigationColor: hsla(var(--black-hsl), 1);
"
>
<div class="sqs-announcement-bar-dropzone"></div>
<div class="header-announcement-bar-wrapper">
<a
href="#page"
tabindex="1"
class="header-skip-link sqs-button-element--primary"
>
Skip to Content
</a>
<style>
@supports (-webkit-backdrop-filter: none) or (backdrop-filter: none) {
.header-blur-background {
}
}
</style>
<div
class="header-border"
data-header-style="dynamic"
data-header-usability-enabled="false"
data-header-border="false"
data-test="header-border"
style="border-width: 0px !important"
></div>
<div
class="header-dropshadow"
data-header-style="dynamic"
data-header-usability-enabled="false"
data-header-dropshadow="false"
data-test="header-dropshadow"
style=""
></div>
<div
class="header-inner container--fluid header-mobile-layout-logo-left-nav-right header-layout-nav-left"
style="padding: 0"
data-test="header-inner"
>
<!-- Background -->
<div class="header-background theme-bg--primary"></div>
<div class="header-display-desktop" data-content-field="site-title">
<!-- Social -->
<!-- Title and nav wrapper -->
<div class="header-title-nav-wrapper">
<!-- Title -->
<div class="header-title" data-animation-role="header-element">
<div class="header-title-logo">
<a href="index.html" data-animation-role="header-element">
<img
src="https://images.squarespace-cdn.com/content/v1/6001456f2ac8c16311bc6e72/02150c87-dd15-42c9-9022-19e87daa2a2f/newestbka.png?format=1500w"
alt="Bangun Kreatif Abadi"
style="display: block"
fetchpriority="high"
loading="eager"
decoding="async"
data-loader="raw"
/>
</a>
</div>
</div>
<!-- Nav -->
<div class="header-nav">
<div class="header-nav-wrapper">
<nav class="header-nav-list">
<div
class="header-nav-item header-nav-item--collection header-nav-item--active header-nav-item--homepage"
>
<a
href="index.html"
data-animation-role="header-element"
aria-current="page"
>
About Us
</a>
</div>
<div class="header-nav-item header-nav-item--collection">
<a
href="solutions-1.html"
data-animation-role="header-element"
>
Solutions
</a>
</div>
<div class="header-nav-item header-nav-item--collection">
<a
href="services.html"
data-animation-role="header-element"
>
Services
</a>
</div>
<div class="header-nav-item header-nav-item--collection">
<a
href="showcase.html"
data-animation-role="header-element"
>
Showcase
</a>
</div>
<div class="header-nav-item header-nav-item--collection">
<a
href="blog.html"
data-animation-role="header-element"
>
Blog
</a>
</div>
<div class="header-nav-item header-nav-item--collection">
<a
href="contact.html"
data-animation-role="header-element"
>
Contact
</a>
</div>
</nav>
</div>
</div>
</div>
<!-- Actions -->
<div class="header-actions header-actions--right">
<div
class="header-actions-action header-actions-action--social"
>
<a
class="icon icon--fill header-icon header-icon-border-shape-none header-icon-border-style-outline"
href="https://www.instagram.com/bangunkreatifabadi/"
target="_blank"
aria-label="instagram-unauth"
>
<svg viewBox="23 23 64 64">
<use
xlink:href="#instagram-unauth-icon"
width="110"
height="110"
></use>
</svg>
</a>
<a
class="icon icon--fill header-icon header-icon-border-shape-none header-icon-border-style-outline"
href="https://www.facebook.com/Bangun-Kreatif-Abadi-168959034745020/"
target="_blank"
aria-label="Facebook"
>
<svg viewBox="23 23 64 64">
<use
xlink:href="#facebook-unauth-icon"
width="110"
height="110"
></use>
</svg>
</a>
<a
class="icon icon--fill header-icon header-icon-border-shape-none header-icon-border-style-outline"
href="mailto:info@bangun-kreatif.com"
target="_blank"
aria-label="info@bangun-kreatif.com"
>
<svg viewBox="23 23 64 64">
<use
xlink:href="#email-icon"
width="110"
height="110"
></use>
</svg>
</a>
</div>
<div class="showOnMobile"></div>
<div class="showOnDesktop"></div>
</div>
<style>
.top-bun,
.patty,
.bottom-bun {
height: 1px;
}
</style>
<!-- Burger -->
<div
class="header-burger menu-overlay-has-visible-non-navigation-items"
data-animation-role="header-element"
>
<button
class="header-burger-btn burger"
data-test="header-burger"
>
<span
hidden
class="js-header-burger-open-title visually-hidden"
>Open Menu</span
>
<span
hidden
class="js-header-burger-close-title visually-hidden"
>Close Menu</span
>
<div class="burger-box">
<div
class="burger-inner header-menu-icon-doubleLineHamburger"
>
<div class="top-bun"></div>
<div class="patty"></div>
<div class="bottom-bun"></div>
</div>
</div>
</button>
</div>
</div>
<div class="header-display-mobile" data-content-field="site-title">
<!-- Social -->
<!-- Title and nav wrapper -->
<div class="header-title-nav-wrapper">
<!-- Title -->
<div class="header-title" data-animation-role="header-element">
<div class="header-title-logo">
<a href="index.html" data-animation-role="header-element">
<img
src="https://images.squarespace-cdn.com/content/v1/6001456f2ac8c16311bc6e72/02150c87-dd15-42c9-9022-19e87daa2a2f/newestbka.png?format=1500w"
alt="Bangun Kreatif Abadi"
style="display: block"
fetchpriority="high"
loading="eager"
decoding="async"
data-loader="raw"
/>
</a>
</div>
</div>
<!-- Nav -->
<div class="header-nav">
<div class="header-nav-wrapper">
<nav class="header-nav-list">
<div
class="header-nav-item header-nav-item--collection header-nav-item--active header-nav-item--homepage"
>
<a
href="index.html"
data-animation-role="header-element"
aria-current="page"
>
About Us
</a>
</div>
<div class="header-nav-item header-nav-item--collection">
<a
href="solutions-1.html"
data-animation-role="header-element"
>
Solutions
</a>
</div>
<div class="header-nav-item header-nav-item--collection">
<a
href="services.html"
data-animation-role="header-element"
>
Services
</a>
</div>
<div class="header-nav-item header-nav-item--collection">
<a
href="showcase.html"
data-animation-role="header-element"
>
Showcase
</a>
</div>
<div class="header-nav-item header-nav-item--collection">
<a
href="blog.html"
data-animation-role="header-element"
>
Blog
</a>
</div>
<div class="header-nav-item header-nav-item--collection">
<a
href="contact.html"
data-animation-role="header-element"
>
Contact
</a>
</div>
</nav>
</div>
</div>
</div>
<!-- Actions -->
<div class="header-actions header-actions--right">
<div
class="header-actions-action header-actions-action--social"
>
<a
class="icon icon--fill header-icon header-icon-border-shape-none header-icon-border-style-outline"
href="https://www.instagram.com/bangunkreatifabadi/"
target="_blank"
aria-label="instagram-unauth"
>
<svg viewBox="23 23 64 64">
<use
xlink:href="#instagram-unauth-icon"
width="110"
height="110"
></use>
</svg>
</a>
<a
class="icon icon--fill header-icon header-icon-border-shape-none header-icon-border-style-outline"
href="https://www.facebook.com/Bangun-Kreatif-Abadi-168959034745020/"
target="_blank"
aria-label="Facebook"
>
<svg viewBox="23 23 64 64">
<use
xlink:href="#facebook-unauth-icon"
width="110"
height="110"
></use>
</svg>
</a>
<a
class="icon icon--fill header-icon header-icon-border-shape-none header-icon-border-style-outline"
href="mailto:info@bangun-kreatif.com"
target="_blank"
aria-label="info@bangun-kreatif.com"
>
<svg viewBox="23 23 64 64">
<use
xlink:href="#email-icon"
width="110"
height="110"
></use>
</svg>
</a>
</div>
<div class="showOnMobile"></div>
<div class="showOnDesktop"></div>
</div>
<style>
.top-bun,
.patty,
.bottom-bun {
height: 1px;
}
</style>
<!-- Burger -->
<div
class="header-burger menu-overlay-has-visible-non-navigation-items"
data-animation-role="header-element"
>
<button
class="header-burger-btn burger"
data-test="header-burger"
>
<span
hidden
class="js-header-burger-open-title visually-hidden"
>Open Menu</span
>
<span
hidden
class="js-header-burger-close-title visually-hidden"
>Close Menu</span
>
<div class="burger-box">
<div
class="burger-inner header-menu-icon-doubleLineHamburger"
>
<div class="top-bun"></div>
<div class="patty"></div>
<div class="bottom-bun"></div>
</div>
</div>
</button>
</div>
</div>
</div>
</div>
<!-- (Mobile) Menu Navigation -->
<div
class="header-menu header-menu--folder-list light"
data-current-styles='{
"layout": "navLeft",
"action": {
"href": "https://www.bangun-kreatif.com",
"buttonText": "Get Started",
"newWindow": false
},
"showSocial": true,
"socialOptions": {
"socialBorderShape": "none",
"socialBorderStyle": "outline",
"socialBorderThickness": {
"unit": "px",
"value": 1.0
}
},
"sectionTheme": "",
"menuOverlayTheme": "light",
"menuOverlayAnimation": "fade",
"cartStyle": "cart",
"cartText": "Cart",
"showEmptyCartState": true,
"cartOptions": {
"iconType": "solid-7",
"cartBorderShape": "none",
"cartBorderStyle": "outline",
"cartBorderThickness": {
"unit": "px",
"value": 1.0
}
},
"showButton": false,
"showCart": false,
"showAccountLogin": true,
"headerStyle": "dynamic",
"languagePicker": {
"enabled": false,
"iconEnabled": false,
"iconType": "globe",
"flagShape": "shiny",
"languageFlags": [ ]
},
"mobileOptions": {
"layout": "logoLeftNavRight",
"menuIcon": "doubleLineHamburger",
"menuIconOptions": {
"style": "doubleLineHamburger",
"thickness": {
"unit": "px",
"value": 1.0
}
}
},
"dynamicOptions": {
"border": {
"enabled": false,
"position": "allSides",
"thickness": {
"unit": "px",
"value": 4.0
},
"color": {
"type": "SITE_PALETTE_COLOR",
"sitePaletteColor": {
"colorName": "black",
"alphaModifier": 1.0
}
}
}
},
"solidOptions": {
"headerOpacity": {
"unit": "%",
"value": 100.0
},
"border": {
"enabled": false,
"position": "allSides",
"thickness": {
"unit": "px",
"value": 4.0
},
"color": {
"type": "SITE_PALETTE_COLOR",
"sitePaletteColor": {
"colorName": "black",
"alphaModifier": 1.0
}
}
},
"dropShadow": {
"enabled": false,
"blur": {
"unit": "px",
"value": 30.0
},
"spread": {
"unit": "px",
"value": 0.0
},
"distance": {
"unit": "px",
"value": 0.0
},
"color": {
"type": "SITE_PALETTE_COLOR",
"sitePaletteColor": {
"colorName": "black",
"alphaModifier": 1.0
}
}
},
"blurBackground": {
"enabled": false,
"blurRadius": {
"unit": "px",
"value": 12.0
}
},
"backgroundColor": {
"type": "SITE_PALETTE_COLOR",
"sitePaletteColor": {
"colorName": "white",
"alphaModifier": 1.0
}
},
"navigationColor": {
"type": "SITE_PALETTE_COLOR",
"sitePaletteColor": {
"colorName": "black",
"alphaModifier": 1.0
}
}
},
"gradientOptions": {
"gradientType": "faded",
"headerOpacity": {
"unit": "%",
"value": 90.0
},
"border": {
"enabled": false,
"position": "allSides",
"thickness": {
"unit": "px",
"value": 4.0
},
"color": {
"type": "SITE_PALETTE_COLOR",
"sitePaletteColor": {
"colorName": "black",
"alphaModifier": 1.0
}
}
},
"dropShadow": {
"enabled": false,
"blur": {
"unit": "px",
"value": 30.0
},
"spread": {
"unit": "px",
"value": 0.0
},
"distance": {
"unit": "px",
"value": 0.0
},
"color": {
"type": "SITE_PALETTE_COLOR",
"sitePaletteColor": {
"colorName": "black",
"alphaModifier": 1.0
}
}
},
"blurBackground": {
"enabled": false,
"blurRadius": {
"unit": "px",
"value": 12.0
}
},
"backgroundColor": {
"type": "SITE_PALETTE_COLOR",
"sitePaletteColor": {
"colorName": "white",
"alphaModifier": 1.0
}
},
"navigationColor": {
"type": "SITE_PALETTE_COLOR",
"sitePaletteColor": {
"colorName": "black",
"alphaModifier": 1.0
}
}
},
"dropShadowOptions": {
"enabled": false,
"blur": {
"unit": "px",
"value": 12.0
},
"spread": {
"unit": "px",
"value": 0.0
},
"distance": {
"unit": "px",
"value": 12.0
}
},
"borderOptions": {
"enabled": false,
"position": "allSides",
"thickness": {
"unit": "px",
"value": 4.0
},
"color": {
"type": "SITE_PALETTE_COLOR",
"sitePaletteColor": {
"colorName": "black",
"alphaModifier": 1.0
}
}
},
"showPromotedElement": false,
"buttonVariant": "primary",
"blurBackground": {
"enabled": false,
"blurRadius": {
"unit": "px",
"value": 12.0
}
},
"headerOpacity": {
"unit": "%",
"value": 100.0
}
}'
data-section-id="overlay-nav"
data-show-account-login="true"
data-test="header-menu"
>
<div class="header-menu-bg theme-bg--primary"></div>
<div class="header-menu-nav">
<nav class="header-menu-nav-list">
<div data-folder="root" class="header-menu-nav-folder">
<!-- Menu Navigation -->
<div class="header-menu-nav-folder-content">
<div class="header-menu-nav-wrapper">
<div
class="container header-menu-nav-item header-menu-nav-item--collection header-menu-nav-item--active header-menu-nav-item--homepage"
>
<a href="index.html" aria-current="page">
<div class="header-menu-nav-item-content">About Us</div>
</a>
</div>
<div
class="container header-menu-nav-item header-menu-nav-item--collection"
>
<a href="solutions-1.html">
<div class="header-menu-nav-item-content">
Solutions
</div>
</a>
</div>
<div
class="container header-menu-nav-item header-menu-nav-item--collection"
>
<a href="services.html">
<div class="header-menu-nav-item-content">Services</div>
</a>
</div>
<div
class="container header-menu-nav-item header-menu-nav-item--collection"
>
<a href="showcase.html">
<div class="header-menu-nav-item-content">Showcase</div>
</a>
</div>
<div
class="container header-menu-nav-item header-menu-nav-item--collection"
>
<a href="blog.html">
<div class="header-menu-nav-item-content">Blog</div>
</a>
</div>
<div
class="container header-menu-nav-item header-menu-nav-item--collection"
>
<a href="contact.html">
<div class="header-menu-nav-item-content">Contact</div>
</a>
</div>
</div>
</div>
<div class="header-menu-actions social-accounts">
<div
class="header-menu-actions-action header-menu-actions-action--social mobile"
>
<a
class="icon icon--lg icon--fill header-icon header-icon-border-shape-none header-icon-border-style-outline"
href="https://www.instagram.com/bangunkreatifabadi/"
target="_blank"
aria-label="instagram-unauth"
>
<svg viewBox="23 23 64 64">
<use
xlink:href="#instagram-unauth-icon"
width="110"
height="110"
></use>
</svg>
</a>
</div>
<div
class="header-menu-actions-action header-menu-actions-action--social mobile"
>
<a
class="icon icon--lg icon--fill header-icon header-icon-border-shape-none header-icon-border-style-outline"
href="https://www.facebook.com/Bangun-Kreatif-Abadi-168959034745020/"
target="_blank"
aria-label="Facebook"
>
<svg viewBox="23 23 64 64">
<use
xlink:href="#facebook-unauth-icon"
width="110"
height="110"
></use>
</svg>
</a>
</div>
<div
class="header-menu-actions-action header-menu-actions-action--social mobile"
>
<a
class="icon icon--lg icon--fill header-icon header-icon-border-shape-none header-icon-border-style-outline"
href="mailto:info@bangun-kreatif.com"
target="_blank"
aria-label="info@bangun-kreatif.com"
>
<svg viewBox="23 23 64 64">
<use
xlink:href="#email-icon"
width="110"
height="110"
></use>
</svg>
</a>
</div>
</div>
</div>
</nav>
</div>
</div>
</header>
<main id="page" class="container" role="main">
<article
class="sections"
id="sections"
data-page-sections="601a7b75673cab32ec695073"
>
<section
data-test="page-section"
data-section-theme="dark-bold"
class="page-section layout-engine-section background-width--full-bleed section-height--large content-width--narrow horizontal-alignment--left vertical-alignment--middle has-background dark-bold"
data-section-id="6142e681273826512d434e0a"
data-controller="SectionWrapperController"
data-current-styles='{
"backgroundImage": {
"id": "61430343bdf22e265e6403b9",
"recordType": 2,
"addedOn": 1631781699395,
"updatedOn": 1631781699442,
"workflowState": 1,
"publishOn": 1631781699395,
"authorId": "601bade8a4bc6a2aa7f2f4e4",
"systemDataId": "08483b1c-ada0-4c21-b664-11383210d56d",
"systemDataVariants": "1920x1080,100w,300w,500w,750w,1000w,1500w",
"systemDataSourceType": "PNG",
"filename": "Group 1.png",
"mediaFocalPoint": {
"x": 0.5,
"y": 0.5,
"source": 3
},
"colorData": {
"topLeftAverage": "780e95",
"topRightAverage": "236ec1",
"bottomLeftAverage": "f2f2f2",
"bottomRightAverage": "f2f2f2",
"centerAverage": "3d3c9a",
"suggestedBgColor": "7d0d97"
},
"urlId": "kiek5e7mwmbpc44pjmvip2z7ektsrr",
"title": "",
"body": null,
"likeCount": 0,
"commentCount": 0,
"publicCommentCount": 0,
"commentState": 2,
"unsaved": false,
"author": {
"id": "601bade8a4bc6a2aa7f2f4e4",
"displayName": "Hasta Ragil",
"firstName": "Hasta",
"lastName": "Ragil",
"avatarUrl": "https://static1.squarespace.com/static/images/601bade9b514ec3c66a4a7a9",
"bio": "",
"avatarAssetUrl": "https://static1.squarespace.com/static/images/601bade9b514ec3c66a4a7a9"
},
"assetUrl": "https://images.squarespace-cdn.com/content/v1/6001456f2ac8c16311bc6e72/08483b1c-ada0-4c21-b664-11383210d56d/Group+1.png",
"contentType": "image/png",
"items": [ ],
"pushedServices": { },
"pendingPushedServices": { },
"recordTypeLabel": "image",
"originalSize": "1920x1080"
},
"imageOverlayOpacity": 0.0,
"backgroundWidth": "background-width--full-bleed",
"sectionHeight": "section-height--large",
"customSectionHeight": 100,
"horizontalAlignment": "horizontal-alignment--left",
"verticalAlignment": "vertical-alignment--middle",
"contentWidth": "content-width--narrow",
"sectionTheme": "dark-bold",
"sectionAnimation": "none",
"backgroundMode": "image",
"imageEffect": "none"
}'
data-current-context='{
"video": {
"playbackSpeed": 0.5,
"filter": 1,
"filterStrength": 0,
"zoom": 0,
"videoSourceProvider": "none"
},
"backgroundImageId": null,
"backgroundMediaEffect": null,
"divider": null,
"typeName": "page"
}'
data-animation="none"
>
<div class="section-border">
<div class="section-background">
<img
alt=""
data-src="https://images.squarespace-cdn.com/content/v1/6001456f2ac8c16311bc6e72/08483b1c-ada0-4c21-b664-11383210d56d/Group+1.png"
data-image="https://images.squarespace-cdn.com/content/v1/6001456f2ac8c16311bc6e72/08483b1c-ada0-4c21-b664-11383210d56d/Group+1.png"
data-image-dimensions="1920x1080"
data-image-focal-point="0.5,0.5"
alt="Group 1.png"
data-load="false"
src="https://images.squarespace-cdn.com/content/v1/6001456f2ac8c16311bc6e72/08483b1c-ada0-4c21-b664-11383210d56d/Group+1.png"
width="1920"
height="1080"
alt=""
sizes="(max-width: 799px) 200vw, 100vw"
style="display: block; object-position: 50% 50%; size: cover;"
srcset="
https://images.squarespace-cdn.com/content/v1/6001456f2ac8c16311bc6e72/08483b1c-ada0-4c21-b664-11383210d56d/Group+1.png?format=100w 100w,
https://images.squarespace-cdn.com/content/v1/6001456f2ac8c16311bc6e72/08483b1c-ada0-4c21-b664-11383210d56d/Group+1.png?format=300w 300w,
https://images.squarespace-cdn.com/content/v1/6001456f2ac8c16311bc6e72/08483b1c-ada0-4c21-b664-11383210d56d/Group+1.png?format=500w 500w,
https://images.squarespace-cdn.com/content/v1/6001456f2ac8c16311bc6e72/08483b1c-ada0-4c21-b664-11383210d56d/Group+1.png?format=750w 750w,
https://images.squarespace-cdn.com/content/v1/6001456f2ac8c16311bc6e72/08483b1c-ada0-4c21-b664-11383210d56d/Group+1.png?format=1000w 1000w,
https://images.squarespace-cdn.com/content/v1/6001456f2ac8c16311bc6e72/08483b1c-ada0-4c21-b664-11383210d56d/Group+1.png?format=1500w 1500w,
https://images.squarespace-cdn.com/content/v1/6001456f2ac8c16311bc6e72/08483b1c-ada0-4c21-b664-11383210d56d/Group+1.png?format=2500w 2500w
"
fetchpriority="high"
loading="eager"
decoding="async"
data-loader="sqs"
/>
<div
class="section-background-overlay"
style="opacity: 0"
></div>
</div>
</div>
<div class="content-wrapper" style="">
<div class="content">
<div
class="sqs-layout sqs-grid-12 columns-12"
data-type="page-section"
id="page-section-6142e681273826512d434e0a"
>
<div class="row sqs-row">
<div class="col sqs-col-12 span-12">
<div
class="sqs-block html-block sqs-block-html"
data-block-type="2"
id="block-d6632d9fe63b26f2d34b"
>
<div class="sqs-block-content">
<div class="sqs-html-content">
<h3>
<strong
>The fastest growing IT Company in Indonesia
with more than 18 ready-to-use platform.</strong
>
</h3>
<h4>
<strong
>We offers On-Time Delivery On all Services and
comprehensive solutions for all business
sectors.</strong
>
</h4>
</div>
<style>
#block-d6632d9fe63b26f2d34b {
}
</style>
</div>
</div>
<div
class="sqs-block button-block sqs-block-button"
data-block-type="53"
id="block-yui_3_17_2_1_1631781463536_8132"
>
<div class="sqs-block-content">
<div
class="sqs-block-button-container sqs-block-button-container--left"
data-animation-role="button"
data-alignment="left"
data-button-size="medium"
data-button-type="primary"
>
<a
href=""
class="sqs-block-button-element--medium sqs-button-element--primary sqs-block-button-element"
>
Make It
</a>
</div>
</div>
</div>
<div
class="sqs-block spacer-block sqs-block-spacer sized vsize-1"
data-block-type="21"
id="block-yui_3_17_2_1_1631781728037_3342"
>
<div class="sqs-block-content">&nbsp;</div>
</div>
<div
class="sqs-block spacer-block sqs-block-spacer sized vsize-1"
data-block-type="21"
id="block-yui_3_17_2_1_1631781463536_8911"
>
<div class="sqs-block-content">&nbsp;</div>
</div>
</div>
</div>
</div>
</div>
</div>
</section>
<section
data-test="page-section"
data-section-theme="light-bold"
class="page-section layout-engine-section background-width--full-bleed section-height--custom horizontal-alignment--left vertical-alignment--top has-background light-bold"
data-section-id="601c62e60526130caa9c645d"
data-controller="SectionWrapperController"
data-current-styles='{
"backgroundImage": {
"id": "6142fb9aa1a3aa49ce725aaf",
"recordType": 2,
"addedOn": 1631779738761,
"updatedOn": 1631779738812,
"workflowState": 1,
"publishOn": 1631779738761,
"authorId": "6138b8e77707ba26ca80bbe3",
"systemDataId": "ae781e1f-7479-4aa5-95ef-b9a038362150",
"systemDataVariants": "1920x1080,100w,300w,500w,750w,1000w,1500w",
"systemDataSourceType": "JPG",
"filename": "Back.jpg",
"mediaFocalPoint": {
"x": 0.5,
"y": 0.5,
"source": 3
},
"colorData": {
"topLeftAverage": "f2f2f2",
"topRightAverage": "f2f2f2",
"bottomLeftAverage": "f2f2f2",
"bottomRightAverage": "f2f2f2",
"centerAverage": "f2f2f2",
"suggestedBgColor": "f2f2f2"
},
"urlId": "szkmnxnfdfv57uzocnxosw734stppi",
"title": "",
"body": null,
"likeCount": 0,
"commentCount": 0,
"publicCommentCount": 0,
"commentState": 2,
"unsaved": false,
"author": {
"id": "6138b8e77707ba26ca80bbe3",
"displayName": "Nugroho Kuncoro Adi",
"firstName": "Nugroho",
"lastName": "Kuncoro Adi",
"avatarUrl": "https://static1.squarespace.com/static/images/6138b8e8a9cbcd6f67581e2b",
"bio": "",
"avatarAssetUrl": "https://static1.squarespace.com/static/images/6138b8e8a9cbcd6f67581e2b"
},
"assetUrl": "https://images.squarespace-cdn.com/content/v1/6001456f2ac8c16311bc6e72/ae781e1f-7479-4aa5-95ef-b9a038362150/Back.jpg",
"contentType": "image/jpeg",
"items": [ ],
"pushedServices": { },
"pendingPushedServices": { },
"recordTypeLabel": "image",
"originalSize": "1920x1080"
},
"imageOverlayOpacity": 0.0,
"backgroundWidth": "background-width--full-bleed",
"sectionHeight": "section-height--custom",
"customSectionHeight": 10,
"horizontalAlignment": "horizontal-alignment--left",
"verticalAlignment": "vertical-alignment--top",
"contentWidth": "content-width--custom",
"customContentWidth": 100,
"sectionTheme": "light-bold",
"sectionAnimation": "none",
"backgroundMode": "image"
}'
data-current-context='{
"video": {
"playbackSpeed": 0.5,
"filter": 1,
"filterStrength": 0,
"zoom": 0,
"videoSourceProvider": "none"
},
"backgroundImageId": null,
"backgroundMediaEffect": null,
"divider": null,
"typeName": "page"
}'
data-animation="none"
style="min-height: 10vh"
>
<div class="section-border">
<div class="section-background">
<img
alt=""
data-src="https://images.squarespace-cdn.com/content/v1/6001456f2ac8c16311bc6e72/ae781e1f-7479-4aa5-95ef-b9a038362150/Back.jpg"
data-image="https://images.squarespace-cdn.com/content/v1/6001456f2ac8c16311bc6e72/ae781e1f-7479-4aa5-95ef-b9a038362150/Back.jpg"
data-image-dimensions="1920x1080"
data-image-focal-point="0.5,0.5"
alt="Back.jpg"
data-load="false"
src="https://images.squarespace-cdn.com/content/v1/6001456f2ac8c16311bc6e72/ae781e1f-7479-4aa5-95ef-b9a038362150/Back.jpg"
width="1920"
height="1080"
alt=""
sizes="(max-width: 799px) 200vw, 100vw"
style="display: block; object-position: 50% 50%"
srcset="
https://images.squarespace-cdn.com/content/v1/6001456f2ac8c16311bc6e72/ae781e1f-7479-4aa5-95ef-b9a038362150/Back.jpg?format=100w 100w,
https://images.squarespace-cdn.com/content/v1/6001456f2ac8c16311bc6e72/ae781e1f-7479-4aa5-95ef-b9a038362150/Back.jpg?format=300w 300w,
https://images.squarespace-cdn.com/content/v1/6001456f2ac8c16311bc6e72/ae781e1f-7479-4aa5-95ef-b9a038362150/Back.jpg?format=500w 500w,
https://images.squarespace-cdn.com/content/v1/6001456f2ac8c16311bc6e72/ae781e1f-7479-4aa5-95ef-b9a038362150/Back.jpg?format=750w 750w,
https://images.squarespace-cdn.com/content/v1/6001456f2ac8c16311bc6e72/ae781e1f-7479-4aa5-95ef-b9a038362150/Back.jpg?format=1000w 1000w,
https://images.squarespace-cdn.com/content/v1/6001456f2ac8c16311bc6e72/ae781e1f-7479-4aa5-95ef-b9a038362150/Back.jpg?format=1500w 1500w,
https://images.squarespace-cdn.com/content/v1/6001456f2ac8c16311bc6e72/ae781e1f-7479-4aa5-95ef-b9a038362150/Back.jpg?format=2500w 2500w
"
fetchpriority="low"
loading="lazy"
decoding="async"
data-loader="sqs"
/>
<div
class="section-background-overlay"
style="opacity: 0"
></div>
</div>
</div>
<div
class="content-wrapper"
style="padding-bottom: calc(10vmax / 5)"
>
<div class="content" style="width: 100%">
<div
class="sqs-layout sqs-grid-12 columns-12"
data-type="page-section"
id="page-section-601c62e60526130caa9c645d"
>
<div class="row sqs-row">
<div class="col sqs-col-12 span-12">
<div
class="sqs-block html-block sqs-block-html"
data-block-type="2"
id="block-a0f30aebd589a9c3e16b"
>
<div class="sqs-block-content">
<div class="sqs-html-content">
<h2 >
<strong>Our Solutions</strong>
</h2>
<p
class="sqsrte-large"
>
We are a company that engaged in information
technology and offers comprehensive solutions for
all business sectors with over than 50 years
accumulated of experiences on developing high
quality software in multiple language.
</p>
</div>
<style>
#block-a0f30aebd589a9c3e16b {
}
</style>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</section>
<section
data-test="page-section"
data-section-theme="bright"
class="page-section user-items-list-section full-bleed-section has-background bright"
data-section-id="6142fae77eead06e6b16494f"
data-controller="SectionWrapperController"
data-current-styles='{
"imageFocalPoint": {
"x": 0.4707742026134607,
"y": 0.18402300287535944
},
"imageOverlayOpacity": 0,
"backgroundColor": "white",
"sectionTheme": "bright",
"imageEffect": "none",
"backgroundMode": "image",
"backgroundImage": {
"id": "6142fb2841a68c09a898fb15",
"recordType": 2,
"addedOn": 1631779624811,
"updatedOn": 1631780210651,
"workflowState": 1,
"publishOn": 1631779624811,
"authorId": "6138b8e77707ba26ca80bbe3",
"systemDataId": "b6c4bf52-8eab-4b9e-8cd9-f2a0d8a79500",
"systemDataVariants": "1920x1080,100w,300w,500w,750w,1000w,1500w",
"systemDataSourceType": "JPG",
"filename": "belakang1.jpg",
"mediaFocalPoint": {
"x": 0.47976675565547283,
"y": 0.2320290036254532,
"source": 3
},
"colorData": {
"topLeftAverage": "f2f2f2",
"topRightAverage": "4a4a4a",
"bottomLeftAverage": "141414",
"bottomRightAverage": "141414",
"centerAverage": "141414",
"suggestedBgColor": "f2f2f2"
},
"urlId": "hi8x41zgm8mkrpo70fa4i7ofbhopyp",
"title": "",
"body": null,
"likeCount": 0,
"commentCount": 0,
"publicCommentCount": 0,
"commentState": 2,
"unsaved": false,
"author": {
"id": "6138b8e77707ba26ca80bbe3",
"displayName": "Nugroho Kuncoro Adi",
"firstName": "Nugroho",
"lastName": "Kuncoro Adi",
"avatarUrl": "https://static1.squarespace.com/static/images/6138b8e8a9cbcd6f67581e2b",
"bio": "",
"avatarAssetUrl": "https://static1.squarespace.com/static/images/6138b8e8a9cbcd6f67581e2b"
},
"assetUrl": "https://images.squarespace-cdn.com/content/v1/6001456f2ac8c16311bc6e72/b6c4bf52-8eab-4b9e-8cd9-f2a0d8a79500/belakang1.jpg",
"contentType": "image/jpeg",
"items": [ ],
"pushedServices": { },
"pendingPushedServices": { },
"recordTypeLabel": "image",
"originalSize": "1920x1080"
}
}'
data-current-context='{
"video": {
"filter": 1,
"videoFallbackContentItem": null,
"nativeVideoContentItem": null,
"videoSourceProvider": "none"
},
"backgroundImageId": "6142fb2841a68c09a898fb15",
"backgroundMediaEffect": {
"type": "none"
},
"divider": {
"enabled": false
},
"typeName": "page"
}'
data-animation=""
data-json-schema-section
>
<div class="section-border">
<div class="section-background">
<img
alt=""
data-image-focal-point="0.4707742026134607,0.18402300287535944"
data-src="https://images.squarespace-cdn.com/content/v1/6001456f2ac8c16311bc6e72/b6c4bf52-8eab-4b9e-8cd9-f2a0d8a79500/belakang1.jpg"
data-image="https://images.squarespace-cdn.com/content/v1/6001456f2ac8c16311bc6e72/b6c4bf52-8eab-4b9e-8cd9-f2a0d8a79500/belakang1.jpg"
data-image-dimensions="1920x1080"
data-image-focal-point="0.47976675565547283,0.2320290036254532"
alt="belakang1.jpg"
data-load="false"
src="https://images.squarespace-cdn.com/content/v1/6001456f2ac8c16311bc6e72/b6c4bf52-8eab-4b9e-8cd9-f2a0d8a79500/belakang1.jpg"
width="1920"
height="1080"
alt=""
sizes="(max-width: 799px) 200vw, 100vw"
style="
display: block;
object-position: 47.97667556554728% 23.20290036254532%;
"
srcset="
https://images.squarespace-cdn.com/content/v1/6001456f2ac8c16311bc6e72/b6c4bf52-8eab-4b9e-8cd9-f2a0d8a79500/belakang1.jpg?format=100w 100w,
https://images.squarespace-cdn.com/content/v1/6001456f2ac8c16311bc6e72/b6c4bf52-8eab-4b9e-8cd9-f2a0d8a79500/belakang1.jpg?format=300w 300w,
https://images.squarespace-cdn.com/content/v1/6001456f2ac8c16311bc6e72/b6c4bf52-8eab-4b9e-8cd9-f2a0d8a79500/belakang1.jpg?format=500w 500w,
https://images.squarespace-cdn.com/content/v1/6001456f2ac8c16311bc6e72/b6c4bf52-8eab-4b9e-8cd9-f2a0d8a79500/belakang1.jpg?format=750w 750w,
https://images.squarespace-cdn.com/content/v1/6001456f2ac8c16311bc6e72/b6c4bf52-8eab-4b9e-8cd9-f2a0d8a79500/belakang1.jpg?format=1000w 1000w,
https://images.squarespace-cdn.com/content/v1/6001456f2ac8c16311bc6e72/b6c4bf52-8eab-4b9e-8cd9-f2a0d8a79500/belakang1.jpg?format=1500w 1500w,
https://images.squarespace-cdn.com/content/v1/6001456f2ac8c16311bc6e72/b6c4bf52-8eab-4b9e-8cd9-f2a0d8a79500/belakang1.jpg?format=2500w 2500w
"
fetchpriority="low"
loading="lazy"
decoding="async"
data-loader="sqs"
/>
<div
class="section-background-overlay"
style="opacity: 0"
></div>
</div>
</div>
<div class="content-wrapper" style="">
<div class="content">
<div
class="user-items-list"
style="
min-height: 100px;
padding-top: 6.6vmax;
padding-bottom: 6.6vmax;
"
data-card-theme=""
data-section-id="user-items-list"
data-section-title-enabled="true"
data-space-below-section-title-value="120"
data-space-below-section-title-unit="px"
data-layout-width="full"
>
<div
class="list-section-title"
id="6142fae77eead06e6b16494f"
style="padding-bottom: 120px"
data-section-title-alignment="center"
>
<p class="" style="white-space: pre-wrap"></p>
</div>
<style>
.user-items-list-item-container[data-section-id="6142fae77eead06e6b16494f"]
.list-item-content__title {
font-size: 1.6rem;
}
.user-items-list-item-container[data-section-id="6142fae77eead06e6b16494f"]
.list-item-content__description {
font-size: 1rem;
}
.user-items-list-item-container[data-section-id="6142fae77eead06e6b16494f"]
.list-item-content__button {
font-size: 0.9rem;
}
@supports (--test-custom-property: true) {
.user-items-list-item-container[data-section-id="6142fae77eead06e6b16494f"] {
--title-font-size-value: 1.6;
--body-font-size-value: 1;
--button-font-size-value: 0.9;
}
}
</style>
<div
class="user-items-list-item-container user-items-list-carousel"
data-controller="UserItemsListCarousel"
data-max-columns="4"
data-show-adjacent-slides="false"
data-space-between-slides-value="60"
data-space-between-slides-unit="px"
data-media-aspect-ratio="original"
data-is-infinite-enabled="true"
data-navigation-controls="none"
data-navigation-placement="center"
data-navigation-alignment="center"
data-alignment-vertical="middle"
data-section-id="6142fae77eead06e6b16494f"
data-current-context='{
"userItems": [ {
"title": "Web Apps.",
"description": "&lt;p class=\"\" style=\"white-space:pre-wrap;\"&gt;Generate leads and engage with your audience, enhance your existing web apps with us now.&lt;\/p&gt;",
"button": {
"buttonText": "Make It",
"buttonLink": "#"
},
"imageId": "6142fbbba0f8e87676727f42",
"mediaFocalPoint": {
"x": 0.5,
"y": 0.5
},
"image": {
"id": "6142fbbba0f8e87676727f42",
"recordType": 2,
"addedOn": 1631779771721,
"updatedOn": 1631779773722,
"workflowState": 1,
"publishOn": 1631779771721,
"authorId": "6138b8e77707ba26ca80bbe3",
"systemDataId": "1631779771729-8KW5A4MFSR1KM02UJM5S",
"systemDataVariants": "512x512,100w,300w,500w",
"systemDataSourceType": "PNG",
"filename": "Web apps.png",
"mediaFocalPoint": {
"x": 0.5,
"y": 0.5,
"source": 3
},
"colorData": {
"topLeftAverage": "000000",
"topRightAverage": "000000",
"bottomLeftAverage": "000000",
"bottomRightAverage": "000000",
"centerAverage": "0e4266",
"suggestedBgColor": "000000"
},
"urlId": "kftqo8knpn6dq2cxm7795ojt3pym61",
"title": "",
"body": null,
"likeCount": 0,
"commentCount": 0,
"publicCommentCount": 0,
"commentState": 2,
"unsaved": false,
"author": {
"id": "6138b8e77707ba26ca80bbe3",
"displayName": "Nugroho Kuncoro Adi",
"firstName": "Nugroho",
"lastName": "Kuncoro Adi",
"avatarUrl": "https://static1.squarespace.com/static/images/6138b8e8a9cbcd6f67581e2b",
"bio": "",
"avatarAssetUrl": "https://static1.squarespace.com/static/images/6138b8e8a9cbcd6f67581e2b"
},
"assetUrl": "https://images.squarespace-cdn.com/content/v1/6001456f2ac8c16311bc6e72/1631779771729-8KW5A4MFSR1KM02UJM5S/Web+apps.png",
"contentType": "image/png",
"items": [ ],
"pushedServices": { },
"pendingPushedServices": { },
"recordTypeLabel": "image",
"originalSize": "512x512"
}
}, {
"title": "iOS Apps",
"description": "&lt;p class=\"\" style=\"white-space:pre-wrap;\"&gt;Create your first or existing native apps, deploy on time using Apple own swift programming language&lt;\/p&gt;",
"button": {
"buttonText": "Make It"
},
"imageId": "6142fc2441a68c09a89905a9",
"mediaFocalPoint": {
"x": 0.5,
"y": 0.5
},
"image": {
"id": "6142fc2441a68c09a89905a9",
"recordType": 2,
"addedOn": 1631779876406,
"updatedOn": 1631779879938,
"workflowState": 1,
"publishOn": 1631779876406,
"authorId": "6138b8e77707ba26ca80bbe3",
"systemDataId": "1631779876412-2S4U9IPOGYHDKXFY8SV9",
"systemDataVariants": "512x512,100w,300w,500w",
"systemDataSourceType": "PNG",
"filename": "IOS APPS.png",
"mediaFocalPoint": {
"x": 0.5,
"y": 0.5,
"source": 3
},
"colorData": {
"topLeftAverage": "000000",
"topRightAverage": "000000",
"bottomLeftAverage": "000000",
"bottomRightAverage": "000000",
"centerAverage": "0f4b73",
"suggestedBgColor": "000000"
},
"urlId": "i5uvjyrvtub1z4mnw8cj5m5gjy36cc",
"title": "",
"body": null,
"likeCount": 0,
"commentCount": 0,
"publicCommentCount": 0,
"commentState": 2,
"unsaved": false,
"author": {
"id": "6138b8e77707ba26ca80bbe3",
"displayName": "Nugroho Kuncoro Adi",
"firstName": "Nugroho",
"lastName": "Kuncoro Adi",
"avatarUrl": "https://static1.squarespace.com/static/images/6138b8e8a9cbcd6f67581e2b",
"bio": "",
"avatarAssetUrl": "https://static1.squarespace.com/static/images/6138b8e8a9cbcd6f67581e2b"
},
"assetUrl": "https://images.squarespace-cdn.com/content/v1/6001456f2ac8c16311bc6e72/1631779876412-2S4U9IPOGYHDKXFY8SV9/IOS+APPS.png",
"contentType": "image/png",
"items": [ ],
"pushedServices": { },
"pendingPushedServices": { },
"recordTypeLabel": "image",
"originalSize": "512x512"
}
}, {
"title": "Android Apps",
"description": "&lt;p class=\"\" style=\"white-space:pre-wrap;\"&gt;For those who concern about speed and stability, develop your native android apps using kotlin&lt;\/p&gt;",
"button": {
"buttonText": "Make It"
},
"imageId": "6142fc632fd8f6340b9ceb53",
"mediaFocalPoint": {
"x": 0.5,
"y": 0.5
},
"image": {
"id": "6142fc632fd8f6340b9ceb53",
"recordType": 2,
"addedOn": 1631779939323,
"updatedOn": 1631779942857,
"workflowState": 1,
"publishOn": 1631779939323,
"authorId": "6138b8e77707ba26ca80bbe3",
"systemDataId": "1631779939330-HWBG8DLYOWIEYNV0HH2J",
"systemDataVariants": "512x512,100w,300w,500w",
"systemDataSourceType": "PNG",
"filename": "Android Apps.png",
"mediaFocalPoint": {
"x": 0.5,
"y": 0.5,
"source": 3
},
"colorData": {
"topLeftAverage": "000000",
"topRightAverage": "000000",
"bottomLeftAverage": "000000",
"bottomRightAverage": "000000",
"centerAverage": "1669a1",
"suggestedBgColor": "000000"
},
"urlId": "4zsic0ls0e5o5ob5t6pmn8mm87tf0a",
"title": "",
"body": null,
"likeCount": 0,
"commentCount": 0,
"publicCommentCount": 0,
"commentState": 2,
"unsaved": false,
"author": {
"id": "6138b8e77707ba26ca80bbe3",
"displayName": "Nugroho Kuncoro Adi",
"firstName": "Nugroho",
"lastName": "Kuncoro Adi",
"avatarUrl": "https://static1.squarespace.com/static/images/6138b8e8a9cbcd6f67581e2b",
"bio": "",
"avatarAssetUrl": "https://static1.squarespace.com/static/images/6138b8e8a9cbcd6f67581e2b"
},
"assetUrl": "https://images.squarespace-cdn.com/content/v1/6001456f2ac8c16311bc6e72/1631779939330-HWBG8DLYOWIEYNV0HH2J/Android+Apps.png",
"contentType": "image/png",
"items": [ ],
"pushedServices": { },
"pendingPushedServices": { },
"recordTypeLabel": "image",
"originalSize": "512x512"
}
}, {
"title": "Hybrid Apps",
"description": "&lt;p class=\"\" style=\"white-space:pre-wrap;\"&gt;When delivery is the essence, we recommend to deploy React Native or Flutter for your need.&lt;\/p&gt;",
"button": {
"buttonText": "Make It"
},
"imageId": "6142fca0a1a3aa49ce72691d",
"mediaFocalPoint": {
"x": 0.5,
"y": 0.5
},
"image": {
"id": "6142fca0a1a3aa49ce72691d",
"recordType": 2,
"addedOn": 1631780000047,
"updatedOn": 1631780009985,
"workflowState": 1,
"publishOn": 1631780000047,
"authorId": "6138b8e77707ba26ca80bbe3",
"systemDataId": "1631780000055-9YLT39KXEIVC8PF19CLG",
"systemDataVariants": "512x512,100w,300w,500w",
"systemDataSourceType": "PNG",
"filename": "Hybrid Apps.png",
"mediaFocalPoint": {
"x": 0.5,
"y": 0.5,
"source": 3
},
"colorData": {
"topLeftAverage": "000000",
"topRightAverage": "000000",
"bottomLeftAverage": "000000",
"bottomRightAverage": "000000",
"centerAverage": "125888",
"suggestedBgColor": "000000"
},
"urlId": "itwpkln4v4yvh3ri1vatw0echaz6qy",
"title": "",
"body": null,
"likeCount": 0,
"commentCount": 0,
"publicCommentCount": 0,
"commentState": 2,
"unsaved": false,
"author": {
"id": "6138b8e77707ba26ca80bbe3",
"displayName": "Nugroho Kuncoro Adi",
"firstName": "Nugroho",
"lastName": "Kuncoro Adi",
"avatarUrl": "https://static1.squarespace.com/static/images/6138b8e8a9cbcd6f67581e2b",
"bio": "",
"avatarAssetUrl": "https://static1.squarespace.com/static/images/6138b8e8a9cbcd6f67581e2b"
},
"assetUrl": "https://images.squarespace-cdn.com/content/v1/6001456f2ac8c16311bc6e72/1631780000055-9YLT39KXEIVC8PF19CLG/Hybrid+Apps.png",
"contentType": "image/png",
"items": [ ],
"pushedServices": { },
"pendingPushedServices": { },
"recordTypeLabel": "image",
"originalSize": "512x512"
}
} ],
"styles": {
"imageFocalPoint": {
"x": 0.4707742026134607,
"y": 0.18402300287535944
},
"imageOverlayOpacity": 0,
"backgroundColor": "white",
"sectionTheme": "bright",
"imageEffect": "none",
"backgroundMode": "image",
"backgroundImage": {
"id": "6142fb2841a68c09a898fb15",
"recordType": 2,
"addedOn": 1631779624811,
"updatedOn": 1631780210651,
"workflowState": 1,
"publishOn": 1631779624811,
"authorId": "6138b8e77707ba26ca80bbe3",
"systemDataId": "b6c4bf52-8eab-4b9e-8cd9-f2a0d8a79500",
"systemDataVariants": "1920x1080,100w,300w,500w,750w,1000w,1500w",
"systemDataSourceType": "JPG",
"filename": "belakang1.jpg",
"mediaFocalPoint": {
"x": 0.47976675565547283,
"y": 0.2320290036254532,
"source": 3
},
"colorData": {
"topLeftAverage": "f2f2f2",
"topRightAverage": "4a4a4a",
"bottomLeftAverage": "141414",
"bottomRightAverage": "141414",
"centerAverage": "141414",
"suggestedBgColor": "f2f2f2"
},
"urlId": "hi8x41zgm8mkrpo70fa4i7ofbhopyp",
"title": "",
"body": null,
"likeCount": 0,
"commentCount": 0,
"publicCommentCount": 0,
"commentState": 2,
"unsaved": false,
"author": {
"id": "6138b8e77707ba26ca80bbe3",
"displayName": "Nugroho Kuncoro Adi",
"firstName": "Nugroho",
"lastName": "Kuncoro Adi",
"avatarUrl": "https://static1.squarespace.com/static/images/6138b8e8a9cbcd6f67581e2b",
"bio": "",
"avatarAssetUrl": "https://static1.squarespace.com/static/images/6138b8e8a9cbcd6f67581e2b"
},
"assetUrl": "https://images.squarespace-cdn.com/content/v1/6001456f2ac8c16311bc6e72/b6c4bf52-8eab-4b9e-8cd9-f2a0d8a79500/belakang1.jpg",
"contentType": "image/jpeg",
"items": [ ],
"pushedServices": { },
"pendingPushedServices": { },
"recordTypeLabel": "image",
"originalSize": "1920x1080"
}
},
"video": {
"filter": 1,
"videoFallbackContentItem": null,
"nativeVideoContentItem": null,
"videoSourceProvider": "none"
},
"backgroundImageFocalPoint": null,
"backgroundImageId": "6142fb2841a68c09a898fb15",
"options": {
"maxColumns": 4,
"isCardEnabled": false,
"isMediaEnabled": true,
"isTitleEnabled": true,
"isBodyEnabled": true,
"isButtonEnabled": false,
"isShowAdjacentSlides": false,
"isInfiniteEnabled": true,
"isAutoplayEnabled": false,
"slideDurationMs": 1000,
"mediaAspectRatio": "original",
"layoutWidth": "full",
"mediaWidth": {
"value": 35,
"unit": "%"
},
"mediaAlignment": "center",
"contentWidth": {
"value": 100,
"unit": "%"
},
"titleAlignment": "left",
"bodyAlignment": "left",
"buttonAlignment": "center",
"titlePlacement": "center",
"bodyPlacement": "center",
"buttonPlacement": "center",
"cardVerticalAlignment": "middle",
"contentOrder": "media-first",
"titleFontSize": "heading-2",
"bodyFontSize": "paragraph-2",
"buttonFontSize": "button-medium",
"customOptions": {
"customTitleFontSize": {
"value": 1.6,
"unit": "rem"
},
"customBodyFontSize": {
"value": 1,
"unit": "rem"
},
"customButtonFontSize": {
"value": 0.9,
"unit": "rem"
}
},
"verticalPaddingTop": {
"value": 6.6,
"unit": "vmax"
},
"verticalPaddingBottom": {
"value": 6.6,
"unit": "vmax"
},
"spaceBetweenSlides": {
"value": 60,
"unit": "px"
},
"spaceBetweenContentAndMedia": {
"value": 10,
"unit": "%"
},
"spaceBelowTitle": {
"value": 10,
"unit": "%"
},
"spaceBelowBody": {
"value": 10,
"unit": "%"
},
"cardPaddingTop": {
"value": 6,
"unit": "%"
},
"cardPaddingRight": {
"value": 6,
"unit": "%"
},
"cardPaddingBottom": {
"value": 6,
"unit": "%"
},
"cardPaddingLeft": {
"value": 6,
"unit": "%"
},
"navigationOffset": {
"value": 2,
"unit": "vw"
},
"navigationControls": "none",
"navigationPlacement": "center",
"navigationAlignment": "center",
"spaceAboveNavigation": {
"value": 30,
"unit": "px"
},
"progressIndicators": "bars"
},
"layout": "carousel",
"isSectionTitleEnabled": true,
"sectionTitle": "&lt;p class=\"\" style=\"white-space:pre-wrap;\"&gt; &lt;\/p&gt;",
"spaceBelowSectionTitle": {
"value": 120,
"unit": "px"
},
"sectionTitleAlignment": "center",
"isSectionButtonEnabled": true,
"sectionButton": {
"buttonText": "Explore Your Solution",
"buttonLink": "/solutions-1",
"buttonNewWindow": false
},
"sectionButtonSize": "large",
"sectionButtonAlignment": "center",
"spaceAboveSectionButton": {
"value": 120,
"unit": "px"
}
}'
data-media-alignment="center"
data-title-alignment="left"
data-body-alignment="left"
data-button-alignment="center"
data-title-placement="center"
data-body-placement="center"
data-button-placement="center"
data-layout-width="full"
data-title-font-unit="rem"
data-description-font-unit="rem"
data-button-font-unit="rem"
data-is-media-enabled="true"
data-is-card-enabled="false"
data-media-width-value="35"
data-media-width-unit="%"
data-content-order="media-first"
data-space-between-columns=""
data-vertical-padding-top-value="6.6"
data-vertical-padding-bottom-value="6.6"
data-vertical-padding-top-unit="vmax"
data-vertical-padding-bottom-unit="vmax"
>
<div
class="user-items-list-carousel__gutter"
role="region"
aria-label="Carousel"
>
<div class="user-items-list-carousel__slideshow-holder">
<div class="user-items-list-carousel__slides-revealer">
<ul
class="user-items-list-carousel__slides"
style="grid-gap: 60px"
>
<li
class="user-items-list-carousel__slide list-item"
style=""
data-is-card-enabled="false"
>
<div
class="user-items-list-carousel__media-container"
style="margin-bottom: 10%; width: 35%"
>
<div
class="user-items-list-carousel__media-inner"
data-media-aspect-ratio="original"
data-animation-role="image"
>
<img
data-image-focal-point="0.5,0.5"
alt=""
data-src="https://images.squarespace-cdn.com/content/v1/6001456f2ac8c16311bc6e72/1631779771729-8KW5A4MFSR1KM02UJM5S/Web+apps.png"
data-image="https://images.squarespace-cdn.com/content/v1/6001456f2ac8c16311bc6e72/1631779771729-8KW5A4MFSR1KM02UJM5S/Web+apps.png"
data-image-dimensions="512x512"
data-image-focal-point="0.5,0.5"
alt="Web apps.png"
class="user-items-list-carousel__media"
data-load="false"
data-mode="none"
data-use-advanced-positioning="true"
elementtiming="nbf-list-carousel"
/>
</div>
</div>
<div class="list-item-content">
<div class="list-item-content__text-wrapper">
<h2
class="list-item-content__title"
style="max-width: 100%"
>
Web Apps.
</h2>
<div
class="list-item-content__description"
style="margin-top: 10%; max-width: 100%"
>
<p class="" >
Generate leads and engage with your
audience, enhance your existing web apps
with us now.
</p>
</div>
</div>
</div>
</li>
<li
class="user-items-list-carousel__slide list-item"
style=""
data-is-card-enabled="false"
>
<div
class="user-items-list-carousel__media-container"
style="margin-bottom: 10%; width: 35%"
>
<div
class="user-items-list-carousel__media-inner"
data-media-aspect-ratio="original"
data-animation-role="image"
>
<img
data-image-focal-point="0.5,0.5"
alt=""
data-src="https://images.squarespace-cdn.com/content/v1/6001456f2ac8c16311bc6e72/1631779876412-2S4U9IPOGYHDKXFY8SV9/IOS+APPS.png"
data-image="https://images.squarespace-cdn.com/content/v1/6001456f2ac8c16311bc6e72/1631779876412-2S4U9IPOGYHDKXFY8SV9/IOS+APPS.png"
data-image-dimensions="512x512"
data-image-focal-point="0.5,0.5"
alt="IOS APPS.png"
class="user-items-list-carousel__media"
data-load="false"
data-mode="none"
data-use-advanced-positioning="true"
elementtiming="nbf-list-carousel"
/>
</div>
</div>
<div class="list-item-content">
<div class="list-item-content__text-wrapper">
<h2
class="list-item-content__title"
style="max-width: 100%"
>
iOS Apps
</h2>
<div
class="list-item-content__description"
style="margin-top: 10%; max-width: 100%"
>
<p class="" >
Create your first or existing native apps,
deploy on time using Apple own swift
programming language
</p>
</div>
</div>
</div>
</li>
<li
class="user-items-list-carousel__slide list-item"
style=""
data-is-card-enabled="false"
>
<div
class="user-items-list-carousel__media-container"
style="margin-bottom: 10%; width: 35%"
>
<div
class="user-items-list-carousel__media-inner"
data-media-aspect-ratio="original"
data-animation-role="image"
>
<img
data-image-focal-point="0.5,0.5"
alt=""
data-src="https://images.squarespace-cdn.com/content/v1/6001456f2ac8c16311bc6e72/1631779939330-HWBG8DLYOWIEYNV0HH2J/Android+Apps.png"
data-image="https://images.squarespace-cdn.com/content/v1/6001456f2ac8c16311bc6e72/1631779939330-HWBG8DLYOWIEYNV0HH2J/Android+Apps.png"
data-image-dimensions="512x512"
data-image-focal-point="0.5,0.5"
alt="Android Apps.png"
class="user-items-list-carousel__media"
data-load="false"
data-mode="none"
data-use-advanced-positioning="true"
elementtiming="nbf-list-carousel"
/>
</div>
</div>
<div class="list-item-content">
<div class="list-item-content__text-wrapper">
<h2
class="list-item-content__title"
style="max-width: 100%"
>
Android Apps
</h2>
<div
class="list-item-content__description"
style="margin-top: 10%; max-width: 100%"
>
<p class="">
For those who concern about speed and
stability, develop your native android
apps using kotlin
</p>
</div>
</div>
</div>
</li>
<li
class="user-items-list-carousel__slide list-item"
style=""
data-is-card-enabled="false"
>
<div
class="user-items-list-carousel__media-container"
style="margin-bottom: 10%; width: 35%"
>
<div
class="user-items-list-carousel__media-inner"
data-media-aspect-ratio="original"
data-animation-role="image"
>
<img
data-image-focal-point="0.5,0.5"
alt=""
data-src="https://images.squarespace-cdn.com/content/v1/6001456f2ac8c16311bc6e72/1631780000055-9YLT39KXEIVC8PF19CLG/Hybrid+Apps.png"
data-image="https://images.squarespace-cdn.com/content/v1/6001456f2ac8c16311bc6e72/1631780000055-9YLT39KXEIVC8PF19CLG/Hybrid+Apps.png"
data-image-dimensions="512x512"
data-image-focal-point="0.5,0.5"
alt="Hybrid Apps.png"
class="user-items-list-carousel__media"
data-load="false"
data-mode="none"
data-use-advanced-positioning="true"
elementtiming="nbf-list-carousel"
/>
</div>
</div>
<div class="list-item-content">
<div class="list-item-content__text-wrapper">
<h2
class="list-item-content__title"
style="max-width: 100%"
>
Hybrid Apps
</h2>
<div
class="list-item-content__description"
style="margin-top: 10%; max-width: 100%"
>
<p class="">
When delivery is the essence, we recommend
to deploy React Native or Flutter for your
need.
</p>
</div>
</div>
</div>
</li>
</ul>
</div>
</div>
<div class="mobile-arrows">
<button
class="mobile-arrow-button mobile-arrow-button--left"
aria-label="
Previous
"
data-animation-role="button"
>
<div
class="user-items-list-carousel__arrow-icon-background mobile-arrow-icon-background-area"
></div>
<svg
class="mobile-arrow-icon"
viewBox="0 0 24 14"
xmlns="http://www.w3.org/2000/svg"
>
<path
class="user-items-list-carousel__arrow-icon-foreground mobile-arrow-icon-path"
d="M7.87012 13L2.00021 7L7.87012 1"
stroke-width="2"
fill="none"
/>
<path
class="user-items-list-carousel__arrow-icon-foreground mobile-arrow-icon-path"
d="M22.9653 7L3.03948 7"
stroke-width="2"
stroke-linecap="square"
fill="none"
/>
</svg>
</button>
<button
class="mobile-arrow-button mobile-arrow-button--right"
aria-label="
Next
"
data-animation-role="button"
>
<div
class="user-items-list-carousel__arrow-icon-background mobile-arrow-icon-background-area"
></div>
<svg
class="mobile-arrow-icon"
viewBox="0 0 24 14"
xmlns="http://www.w3.org/2000/svg"
>
<path
class="user-items-list-carousel__arrow-icon-foreground mobile-arrow-icon-path"
d="M16.1299 1L21.9998 7L16.1299 13"
stroke-width="2"
fill="none"
/>
<path
class="user-items-list-carousel__arrow-icon-foreground mobile-arrow-icon-path"
d="M1.03472 7H20.9605"
stroke-width="2"
stroke-linecap="square"
fill="none"
/>
</svg>
</button>
</div>
</div>
</div>
<div
class="list-section-button-container"
style="margin-top: 120px"
data-section-button-alignment="center"
data-button-size="large"
data-animation-role="button"
>
<a
class="list-section-button sqs-block-button-element sqs-block-button-element--large sqs-button-element--secondary"
href="solutions-1.html"
>
Explore Your Solution
</a>
</div>
</div>
</div>
</div>
</section>
<section
data-test="page-section"
data-section-theme="white-bold"
class="page-section layout-engine-section background-width--full-bleed content-width--wide horizontal-alignment--left vertical-alignment--middle has-background white-bold"
data-section-id="601b662b7f7e4b1efaa07361"
data-controller="SectionWrapperController"
data-current-styles='{
"backgroundImage": {
"id": "6143021ad7e05e3430c1af44",
"recordType": 2,
"addedOn": 1631781402407,
"updatedOn": 1631781409169,
"workflowState": 1,
"publishOn": 1631781402407,
"authorId": "6138b8e77707ba26ca80bbe3",
"systemDataId": "6ac4e229-cc5a-41e0-8eb3-00716bd4b25e",
"systemDataVariants": "1920x1080,100w,300w,500w,750w,1000w,1500w",
"systemDataSourceType": "JPG",
"filename": "belakang123.jpg",
"mediaFocalPoint": {
"x": 0.4887593086974849,
"y": 0.2320290036254532,
"source": 3
},
"colorData": {
"topLeftAverage": "121212",
"topRightAverage": "141414",
"bottomLeftAverage": "f2f2f2",
"bottomRightAverage": "f2f2f2",
"centerAverage": "f2f2f2",
"suggestedBgColor": "171717"
},
"urlId": "wz3jznsj3umi5je7ed9dx9fwmjdsti",
"title": "",
"body": null,
"likeCount": 0,
"commentCount": 0,
"publicCommentCount": 0,
"commentState": 2,
"unsaved": false,
"author": {
"id": "6138b8e77707ba26ca80bbe3",
"displayName": "Nugroho Kuncoro Adi",
"firstName": "Nugroho",
"lastName": "Kuncoro Adi",
"avatarUrl": "https://static1.squarespace.com/static/images/6138b8e8a9cbcd6f67581e2b",
"bio": "",
"avatarAssetUrl": "https://static1.squarespace.com/static/images/6138b8e8a9cbcd6f67581e2b"
},
"assetUrl": "https://images.squarespace-cdn.com/content/v1/6001456f2ac8c16311bc6e72/6ac4e229-cc5a-41e0-8eb3-00716bd4b25e/belakang123.jpg",
"contentType": "image/jpeg",
"items": [ ],
"pushedServices": { },
"pendingPushedServices": { },
"recordTypeLabel": "image",
"originalSize": "1920x1080"
},
"imageOverlayOpacity": 0.0,
"backgroundWidth": "background-width--full-bleed",
"sectionHeight": "section-height--custom",
"customSectionHeight": 40,
"horizontalAlignment": "horizontal-alignment--left",
"verticalAlignment": "vertical-alignment--middle",
"contentWidth": "content-width--wide",
"customContentWidth": 69,
"sectionTheme": "white-bold",
"sectionAnimation": "none",
"backgroundMode": "image"
}'
data-current-context='{
"video": {
"playbackSpeed": 0.5,
"filter": 1,
"filterStrength": 0,
"zoom": 0,
"videoSourceProvider": "none"
},
"backgroundImageId": null,
"backgroundMediaEffect": null,
"divider": null,
"typeName": "page"
}'
data-animation="none"
style="min-height: 40vh"
>
<div class="section-border">
<div class="section-background">
<img
alt=""
data-src="https://images.squarespace-cdn.com/content/v1/6001456f2ac8c16311bc6e72/6ac4e229-cc5a-41e0-8eb3-00716bd4b25e/belakang123.jpg"
data-image="https://images.squarespace-cdn.com/content/v1/6001456f2ac8c16311bc6e72/6ac4e229-cc5a-41e0-8eb3-00716bd4b25e/belakang123.jpg"
data-image-dimensions="1920x1080"
data-image-focal-point="0.4887593086974849,0.2320290036254532"
alt="belakang123.jpg"
data-load="false"
src="https://images.squarespace-cdn.com/content/v1/6001456f2ac8c16311bc6e72/6ac4e229-cc5a-41e0-8eb3-00716bd4b25e/belakang123.jpg"
width="1920"
height="1080"
alt=""
sizes="(max-width: 799px) 200vw, 100vw"
style="
display: block;
object-position: 48.875930869748494% 23.20290036254532%;
"
srcset="
https://images.squarespace-cdn.com/content/v1/6001456f2ac8c16311bc6e72/6ac4e229-cc5a-41e0-8eb3-00716bd4b25e/belakang123.jpg?format=100w 100w,
https://images.squarespace-cdn.com/content/v1/6001456f2ac8c16311bc6e72/6ac4e229-cc5a-41e0-8eb3-00716bd4b25e/belakang123.jpg?format=300w 300w,
https://images.squarespace-cdn.com/content/v1/6001456f2ac8c16311bc6e72/6ac4e229-cc5a-41e0-8eb3-00716bd4b25e/belakang123.jpg?format=500w 500w,
https://images.squarespace-cdn.com/content/v1/6001456f2ac8c16311bc6e72/6ac4e229-cc5a-41e0-8eb3-00716bd4b25e/belakang123.jpg?format=750w 750w,
https://images.squarespace-cdn.com/content/v1/6001456f2ac8c16311bc6e72/6ac4e229-cc5a-41e0-8eb3-00716bd4b25e/belakang123.jpg?format=1000w 1000w,
https://images.squarespace-cdn.com/content/v1/6001456f2ac8c16311bc6e72/6ac4e229-cc5a-41e0-8eb3-00716bd4b25e/belakang123.jpg?format=1500w 1500w,
https://images.squarespace-cdn.com/content/v1/6001456f2ac8c16311bc6e72/6ac4e229-cc5a-41e0-8eb3-00716bd4b25e/belakang123.jpg?format=2500w 2500w
"
fetchpriority="low"
loading="lazy"
decoding="async"
data-loader="sqs"
/>
<div
class="section-background-overlay"
style="opacity: 0"
></div>
</div>
</div>
<div
class="content-wrapper"
style="
padding-top: calc(40vmax / 10);
padding-bottom: calc(40vmax / 10);
"
>
<div class="content">
<div
class="sqs-layout sqs-grid-12 columns-12"
data-type="page-section"
id="page-section-601b662b7f7e4b1efaa07361"
>
<div class="row sqs-row">
<div class="col sqs-col-12 span-12">
<div
class="sqs-block spacer-block sqs-block-spacer sized vsize-1"
data-block-type="21"
id="block-yui_3_17_2_1_1631781809739_2485"
>
<div class="sqs-block-content">&nbsp;</div>
</div>
<div
class="sqs-block spacer-block sqs-block-spacer sized vsize-1"
data-block-type="21"
id="block-yui_3_17_2_1_1612500059984_11071"
>
<div class="sqs-block-content">&nbsp;</div>
</div>
<div
class="sqs-block html-block sqs-block-html"
data-block-type="2"
id="block-c5aae32a1480fd6e5027"
>
<div class="sqs-block-content">
<div class="sqs-html-content">
<h3>
<strong>Case Study</strong>
</h3>
<h4>
gain insight by correlating with other industries
that already utilizing our product &amp; services
to solved their problem
</h4>
</div>
<style>
#block-c5aae32a1480fd6e5027 {
}
</style>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</section>
<section
data-test="page-section"
data-section-theme="light-bold"
class="page-section gallery-section full-bleed-section background-width--full-bleed section-height--medium content-width--wide horizontal-alignment--center vertical-alignment--middle light-bold"
data-section-id="601b40d00e96852dced39f1c"
data-controller="SectionWrapperController"
data-current-styles='{
"backgroundWidth": "background-width--full-bleed",
"imageOverlayOpacity": 0.15,
"sectionHeight": "section-height--medium",
"horizontalAlignment": "horizontal-alignment--center",
"verticalAlignment": "vertical-alignment--middle",
"contentWidth": "content-width--wide",
"sectionTheme": "light-bold",
"sectionAnimation": "none",
"backgroundMode": "image",
"backgroundImage": null
}'
data-current-context='{
"video": {
"playbackSpeed": 0.5,
"filter": 1,
"filterStrength": 0,
"zoom": 0
},
"backgroundImageId": null,
"backgroundMediaEffect": null,
"divider": {
"enabled": false
},
"typeName": "page"
}'
data-animation="none"
data-json-schema-section
>
<div class="section-border">
<div class="section-background"></div>
</div>
<div class="content-wrapper" style="">
<div class="content">
<div
class="gallery gallery-section-wrapper"
style="min-height: 100px"
>
<div class="gallery" style="min-height: 100px">
<!-- Gallery Masonry -->
<div
class="gallery-masonry"
data-controller="GalleryMasonry"
data-section-id="601b40d00e96852dced39f1c"
data-animation="site-default"
data-lightbox=""
data-width="full-bleed"
data-props='{
"scrollAnimation": "site-default",
"gutter": 10,
"numColumns": 4,
"width": "full-bleed",
"lightboxEnabled": false
}'
data-show-captions="false"
data-test="gallery-grid-masonry"
>
<div class="gallery-masonry-wrapper">
<figure class="gallery-masonry-item">
<div
class="gallery-masonry-item-wrapper"
data-animation-role="image"
>
<img
data-src="https://images.squarespace-cdn.com/content/v1/6001456f2ac8c16311bc6e72/02c3c0c1-34e1-4b1d-a55a-57c30faa3393/TELECOM.jpg"
data-image="https://images.squarespace-cdn.com/content/v1/6001456f2ac8c16311bc6e72/02c3c0c1-34e1-4b1d-a55a-57c30faa3393/TELECOM.jpg"
data-image-dimensions="1920x1080"
data-image-focal-point="0.5,0.5"
alt="TELECOM.jpg"
data-load="false"
src="https://images.squarespace-cdn.com/content/v1/6001456f2ac8c16311bc6e72/02c3c0c1-34e1-4b1d-a55a-57c30faa3393/TELECOM.jpg"
width="1920"
height="1080"
alt=""
sizes="(max-width:768px)49.75vw,(max-width:992px)33vw,24.625vw"
style="
display: block;
object-position: 50% 50%;
object-fit: cover;
width: 100%;
height: 100%;
"
srcset="
https://images.squarespace-cdn.com/content/v1/6001456f2ac8c16311bc6e72/02c3c0c1-34e1-4b1d-a55a-57c30faa3393/TELECOM.jpg?format=100w 100w,
https://images.squarespace-cdn.com/content/v1/6001456f2ac8c16311bc6e72/02c3c0c1-34e1-4b1d-a55a-57c30faa3393/TELECOM.jpg?format=300w 300w,
https://images.squarespace-cdn.com/content/v1/6001456f2ac8c16311bc6e72/02c3c0c1-34e1-4b1d-a55a-57c30faa3393/TELECOM.jpg?format=500w 500w,
https://images.squarespace-cdn.com/content/v1/6001456f2ac8c16311bc6e72/02c3c0c1-34e1-4b1d-a55a-57c30faa3393/TELECOM.jpg?format=750w 750w,
https://images.squarespace-cdn.com/content/v1/6001456f2ac8c16311bc6e72/02c3c0c1-34e1-4b1d-a55a-57c30faa3393/TELECOM.jpg?format=1000w 1000w,
https://images.squarespace-cdn.com/content/v1/6001456f2ac8c16311bc6e72/02c3c0c1-34e1-4b1d-a55a-57c30faa3393/TELECOM.jpg?format=1500w 1500w,
https://images.squarespace-cdn.com/content/v1/6001456f2ac8c16311bc6e72/02c3c0c1-34e1-4b1d-a55a-57c30faa3393/TELECOM.jpg?format=2500w 2500w
"
loading="lazy"
decoding="async"
data-loader="sqs"
/>
</div>
</figure>
<figure class="gallery-masonry-item">
<div
class="gallery-masonry-item-wrapper"
data-animation-role="image"
>
<img
data-src="https://images.squarespace-cdn.com/content/v1/6001456f2ac8c16311bc6e72/49598556-3aca-4df6-8270-a8318d375ce1/FINANCE.jpg"
data-image="https://images.squarespace-cdn.com/content/v1/6001456f2ac8c16311bc6e72/49598556-3aca-4df6-8270-a8318d375ce1/FINANCE.jpg"
data-image-dimensions="1920x1080"
data-image-focal-point="0.5,0.5"
alt="FINANCE.jpg"
data-load="false"
src="https://images.squarespace-cdn.com/content/v1/6001456f2ac8c16311bc6e72/49598556-3aca-4df6-8270-a8318d375ce1/FINANCE.jpg"
width="1920"
height="1080"
alt=""
sizes="(max-width:768px)49.75vw,(max-width:992px)33vw,24.625vw"
style="
display: block;
object-position: 50% 50%;
object-fit: cover;
width: 100%;
height: 100%;
"
srcset="
https://images.squarespace-cdn.com/content/v1/6001456f2ac8c16311bc6e72/49598556-3aca-4df6-8270-a8318d375ce1/FINANCE.jpg?format=100w 100w,
https://images.squarespace-cdn.com/content/v1/6001456f2ac8c16311bc6e72/49598556-3aca-4df6-8270-a8318d375ce1/FINANCE.jpg?format=300w 300w,
https://images.squarespace-cdn.com/content/v1/6001456f2ac8c16311bc6e72/49598556-3aca-4df6-8270-a8318d375ce1/FINANCE.jpg?format=500w 500w,
https://images.squarespace-cdn.com/content/v1/6001456f2ac8c16311bc6e72/49598556-3aca-4df6-8270-a8318d375ce1/FINANCE.jpg?format=750w 750w,
https://images.squarespace-cdn.com/content/v1/6001456f2ac8c16311bc6e72/49598556-3aca-4df6-8270-a8318d375ce1/FINANCE.jpg?format=1000w 1000w,
https://images.squarespace-cdn.com/content/v1/6001456f2ac8c16311bc6e72/49598556-3aca-4df6-8270-a8318d375ce1/FINANCE.jpg?format=1500w 1500w,
https://images.squarespace-cdn.com/content/v1/6001456f2ac8c16311bc6e72/49598556-3aca-4df6-8270-a8318d375ce1/FINANCE.jpg?format=2500w 2500w
"
loading="lazy"
decoding="async"
data-loader="sqs"
/>
</div>
</figure>
<figure class="gallery-masonry-item">
<div
class="gallery-masonry-item-wrapper"
data-animation-role="image"
>
<img
data-src="https://images.squarespace-cdn.com/content/v1/6001456f2ac8c16311bc6e72/57632ec2-9dac-44c1-a6de-049178b8eb5b/ENERGY.jpg"
data-image="https://images.squarespace-cdn.com/content/v1/6001456f2ac8c16311bc6e72/57632ec2-9dac-44c1-a6de-049178b8eb5b/ENERGY.jpg"
data-image-dimensions="1920x1080"
data-image-focal-point="0.5,0.5"
alt="ENERGY.jpg"
data-load="false"
src="https://images.squarespace-cdn.com/content/v1/6001456f2ac8c16311bc6e72/57632ec2-9dac-44c1-a6de-049178b8eb5b/ENERGY.jpg"
width="1920"
height="1080"
alt=""
sizes="(max-width:768px)49.75vw,(max-width:992px)33vw,24.625vw"
style="
display: block;
object-position: 50% 50%;
object-fit: cover;
width: 100%;
height: 100%;
"
srcset="
https://images.squarespace-cdn.com/content/v1/6001456f2ac8c16311bc6e72/57632ec2-9dac-44c1-a6de-049178b8eb5b/ENERGY.jpg?format=100w 100w,
https://images.squarespace-cdn.com/content/v1/6001456f2ac8c16311bc6e72/57632ec2-9dac-44c1-a6de-049178b8eb5b/ENERGY.jpg?format=300w 300w,
https://images.squarespace-cdn.com/content/v1/6001456f2ac8c16311bc6e72/57632ec2-9dac-44c1-a6de-049178b8eb5b/ENERGY.jpg?format=500w 500w,
https://images.squarespace-cdn.com/content/v1/6001456f2ac8c16311bc6e72/57632ec2-9dac-44c1-a6de-049178b8eb5b/ENERGY.jpg?format=750w 750w,
https://images.squarespace-cdn.com/content/v1/6001456f2ac8c16311bc6e72/57632ec2-9dac-44c1-a6de-049178b8eb5b/ENERGY.jpg?format=1000w 1000w,
https://images.squarespace-cdn.com/content/v1/6001456f2ac8c16311bc6e72/57632ec2-9dac-44c1-a6de-049178b8eb5b/ENERGY.jpg?format=1500w 1500w,
https://images.squarespace-cdn.com/content/v1/6001456f2ac8c16311bc6e72/57632ec2-9dac-44c1-a6de-049178b8eb5b/ENERGY.jpg?format=2500w 2500w
"
loading="lazy"
decoding="async"
data-loader="sqs"
/>
</div>
</figure>
<figure class="gallery-masonry-item">
<div
class="gallery-masonry-item-wrapper"
data-animation-role="image"
>
<img
data-src="https://images.squarespace-cdn.com/content/v1/6001456f2ac8c16311bc6e72/153f3ee3-e417-43de-95fc-b8debd3afebc/RETAILER.jpg"
data-image="https://images.squarespace-cdn.com/content/v1/6001456f2ac8c16311bc6e72/153f3ee3-e417-43de-95fc-b8debd3afebc/RETAILER.jpg"
data-image-dimensions="1920x1080"
data-image-focal-point="0.5,0.5"
alt="RETAILER.jpg"
data-load="false"
src="https://images.squarespace-cdn.com/content/v1/6001456f2ac8c16311bc6e72/153f3ee3-e417-43de-95fc-b8debd3afebc/RETAILER.jpg"
width="1920"
height="1080"
alt=""
sizes="(max-width:768px)49.75vw,(max-width:992px)33vw,24.625vw"
style="
display: block;
object-position: 50% 50%;
object-fit: cover;
width: 100%;
height: 100%;
"
srcset="
https://images.squarespace-cdn.com/content/v1/6001456f2ac8c16311bc6e72/153f3ee3-e417-43de-95fc-b8debd3afebc/RETAILER.jpg?format=100w 100w,
https://images.squarespace-cdn.com/content/v1/6001456f2ac8c16311bc6e72/153f3ee3-e417-43de-95fc-b8debd3afebc/RETAILER.jpg?format=300w 300w,
https://images.squarespace-cdn.com/content/v1/6001456f2ac8c16311bc6e72/153f3ee3-e417-43de-95fc-b8debd3afebc/RETAILER.jpg?format=500w 500w,
https://images.squarespace-cdn.com/content/v1/6001456f2ac8c16311bc6e72/153f3ee3-e417-43de-95fc-b8debd3afebc/RETAILER.jpg?format=750w 750w,
https://images.squarespace-cdn.com/content/v1/6001456f2ac8c16311bc6e72/153f3ee3-e417-43de-95fc-b8debd3afebc/RETAILER.jpg?format=1000w 1000w,
https://images.squarespace-cdn.com/content/v1/6001456f2ac8c16311bc6e72/153f3ee3-e417-43de-95fc-b8debd3afebc/RETAILER.jpg?format=1500w 1500w,
https://images.squarespace-cdn.com/content/v1/6001456f2ac8c16311bc6e72/153f3ee3-e417-43de-95fc-b8debd3afebc/RETAILER.jpg?format=2500w 2500w
"
loading="lazy"
decoding="async"
data-loader="sqs"
/>
</div>
</figure>
<figure class="gallery-masonry-item">
<div
class="gallery-masonry-item-wrapper"
data-animation-role="image"
>
<img
data-src="https://images.squarespace-cdn.com/content/v1/6001456f2ac8c16311bc6e72/5ef14266-7e40-42d0-be25-7627a3767855/GOVERMENT.jpg"
data-image="https://images.squarespace-cdn.com/content/v1/6001456f2ac8c16311bc6e72/5ef14266-7e40-42d0-be25-7627a3767855/GOVERMENT.jpg"
data-image-dimensions="1920x1080"
data-image-focal-point="0.5,0.5"
alt="GOVERMENT.jpg"
data-load="false"
src="https://images.squarespace-cdn.com/content/v1/6001456f2ac8c16311bc6e72/5ef14266-7e40-42d0-be25-7627a3767855/GOVERMENT.jpg"
width="1920"
height="1080"
alt=""
sizes="(max-width:768px)49.75vw,(max-width:992px)33vw,24.625vw"
style="
display: block;
object-position: 50% 50%;
object-fit: cover;
width: 100%;
height: 100%;
"
srcset="
https://images.squarespace-cdn.com/content/v1/6001456f2ac8c16311bc6e72/5ef14266-7e40-42d0-be25-7627a3767855/GOVERMENT.jpg?format=100w 100w,
https://images.squarespace-cdn.com/content/v1/6001456f2ac8c16311bc6e72/5ef14266-7e40-42d0-be25-7627a3767855/GOVERMENT.jpg?format=300w 300w,
https://images.squarespace-cdn.com/content/v1/6001456f2ac8c16311bc6e72/5ef14266-7e40-42d0-be25-7627a3767855/GOVERMENT.jpg?format=500w 500w,
https://images.squarespace-cdn.com/content/v1/6001456f2ac8c16311bc6e72/5ef14266-7e40-42d0-be25-7627a3767855/GOVERMENT.jpg?format=750w 750w,
https://images.squarespace-cdn.com/content/v1/6001456f2ac8c16311bc6e72/5ef14266-7e40-42d0-be25-7627a3767855/GOVERMENT.jpg?format=1000w 1000w,
https://images.squarespace-cdn.com/content/v1/6001456f2ac8c16311bc6e72/5ef14266-7e40-42d0-be25-7627a3767855/GOVERMENT.jpg?format=1500w 1500w,
https://images.squarespace-cdn.com/content/v1/6001456f2ac8c16311bc6e72/5ef14266-7e40-42d0-be25-7627a3767855/GOVERMENT.jpg?format=2500w 2500w
"
loading="lazy"
decoding="async"
data-loader="sqs"
/>
</div>
</figure>
<figure class="gallery-masonry-item">
<div
class="gallery-masonry-item-wrapper"
data-animation-role="image"
>
<img
data-src="https://images.squarespace-cdn.com/content/v1/6001456f2ac8c16311bc6e72/02853ad9-3451-4640-8d6d-28542cd2cc85/TRAVEL.jpg"
data-image="https://images.squarespace-cdn.com/content/v1/6001456f2ac8c16311bc6e72/02853ad9-3451-4640-8d6d-28542cd2cc85/TRAVEL.jpg"
data-image-dimensions="1920x1080"
data-image-focal-point="0.5,0.5"
alt="TRAVEL.jpg"
data-load="false"
src="https://images.squarespace-cdn.com/content/v1/6001456f2ac8c16311bc6e72/02853ad9-3451-4640-8d6d-28542cd2cc85/TRAVEL.jpg"
width="1920"
height="1080"
alt=""
sizes="(max-width:768px)49.75vw,(max-width:992px)33vw,24.625vw"
style="
display: block;
object-position: 50% 50%;
object-fit: cover;
width: 100%;
height: 100%;
"
srcset="
https://images.squarespace-cdn.com/content/v1/6001456f2ac8c16311bc6e72/02853ad9-3451-4640-8d6d-28542cd2cc85/TRAVEL.jpg?format=100w 100w,
https://images.squarespace-cdn.com/content/v1/6001456f2ac8c16311bc6e72/02853ad9-3451-4640-8d6d-28542cd2cc85/TRAVEL.jpg?format=300w 300w,
https://images.squarespace-cdn.com/content/v1/6001456f2ac8c16311bc6e72/02853ad9-3451-4640-8d6d-28542cd2cc85/TRAVEL.jpg?format=500w 500w,
https://images.squarespace-cdn.com/content/v1/6001456f2ac8c16311bc6e72/02853ad9-3451-4640-8d6d-28542cd2cc85/TRAVEL.jpg?format=750w 750w,
https://images.squarespace-cdn.com/content/v1/6001456f2ac8c16311bc6e72/02853ad9-3451-4640-8d6d-28542cd2cc85/TRAVEL.jpg?format=1000w 1000w,
https://images.squarespace-cdn.com/content/v1/6001456f2ac8c16311bc6e72/02853ad9-3451-4640-8d6d-28542cd2cc85/TRAVEL.jpg?format=1500w 1500w,
https://images.squarespace-cdn.com/content/v1/6001456f2ac8c16311bc6e72/02853ad9-3451-4640-8d6d-28542cd2cc85/TRAVEL.jpg?format=2500w 2500w
"
loading="lazy"
decoding="async"
data-loader="sqs"
/>
</div>
</figure>
<figure class="gallery-masonry-item">
<div
class="gallery-masonry-item-wrapper"
data-animation-role="image"
>
<img
data-src="https://images.squarespace-cdn.com/content/v1/6001456f2ac8c16311bc6e72/0151b41d-aaff-4833-924d-38124581c2b0/TECHNOLOGY.jpg"
data-image="https://images.squarespace-cdn.com/content/v1/6001456f2ac8c16311bc6e72/0151b41d-aaff-4833-924d-38124581c2b0/TECHNOLOGY.jpg"
data-image-dimensions="1920x1080"
data-image-focal-point="0.5,0.5"
alt="TECHNOLOGY.jpg"
data-load="false"
src="https://images.squarespace-cdn.com/content/v1/6001456f2ac8c16311bc6e72/0151b41d-aaff-4833-924d-38124581c2b0/TECHNOLOGY.jpg"
width="1920"
height="1080"
alt=""
sizes="(max-width:768px)49.75vw,(max-width:992px)33vw,24.625vw"
style="
display: block;
object-position: 50% 50%;
object-fit: cover;
width: 100%;
height: 100%;
"
srcset="
https://images.squarespace-cdn.com/content/v1/6001456f2ac8c16311bc6e72/0151b41d-aaff-4833-924d-38124581c2b0/TECHNOLOGY.jpg?format=100w 100w,
https://images.squarespace-cdn.com/content/v1/6001456f2ac8c16311bc6e72/0151b41d-aaff-4833-924d-38124581c2b0/TECHNOLOGY.jpg?format=300w 300w,
https://images.squarespace-cdn.com/content/v1/6001456f2ac8c16311bc6e72/0151b41d-aaff-4833-924d-38124581c2b0/TECHNOLOGY.jpg?format=500w 500w,
https://images.squarespace-cdn.com/content/v1/6001456f2ac8c16311bc6e72/0151b41d-aaff-4833-924d-38124581c2b0/TECHNOLOGY.jpg?format=750w 750w,
https://images.squarespace-cdn.com/content/v1/6001456f2ac8c16311bc6e72/0151b41d-aaff-4833-924d-38124581c2b0/TECHNOLOGY.jpg?format=1000w 1000w,
https://images.squarespace-cdn.com/content/v1/6001456f2ac8c16311bc6e72/0151b41d-aaff-4833-924d-38124581c2b0/TECHNOLOGY.jpg?format=1500w 1500w,
https://images.squarespace-cdn.com/content/v1/6001456f2ac8c16311bc6e72/0151b41d-aaff-4833-924d-38124581c2b0/TECHNOLOGY.jpg?format=2500w 2500w
"
loading="lazy"
decoding="async"
data-loader="sqs"
/>
</div>
</figure>
<figure class="gallery-masonry-item">
<div
class="gallery-masonry-item-wrapper"
data-animation-role="image"
>
<img
data-src="https://images.squarespace-cdn.com/content/v1/6001456f2ac8c16311bc6e72/a1f868eb-3532-4154-b496-8fb7cd07b461/TRANSPORTATION.jpg"
data-image="https://images.squarespace-cdn.com/content/v1/6001456f2ac8c16311bc6e72/a1f868eb-3532-4154-b496-8fb7cd07b461/TRANSPORTATION.jpg"
data-image-dimensions="1920x1080"
data-image-focal-point="0.5,0.5"
alt="TRANSPORTATION.jpg"
data-load="false"
src="https://images.squarespace-cdn.com/content/v1/6001456f2ac8c16311bc6e72/a1f868eb-3532-4154-b496-8fb7cd07b461/TRANSPORTATION.jpg"
width="1920"
height="1080"
alt=""
sizes="(max-width:768px)49.75vw,(max-width:992px)33vw,24.625vw"
style="
display: block;
object-position: 50% 50%;
object-fit: cover;
width: 100%;
height: 100%;
"
srcset="
https://images.squarespace-cdn.com/content/v1/6001456f2ac8c16311bc6e72/a1f868eb-3532-4154-b496-8fb7cd07b461/TRANSPORTATION.jpg?format=100w 100w,
https://images.squarespace-cdn.com/content/v1/6001456f2ac8c16311bc6e72/a1f868eb-3532-4154-b496-8fb7cd07b461/TRANSPORTATION.jpg?format=300w 300w,
https://images.squarespace-cdn.com/content/v1/6001456f2ac8c16311bc6e72/a1f868eb-3532-4154-b496-8fb7cd07b461/TRANSPORTATION.jpg?format=500w 500w,
https://images.squarespace-cdn.com/content/v1/6001456f2ac8c16311bc6e72/a1f868eb-3532-4154-b496-8fb7cd07b461/TRANSPORTATION.jpg?format=750w 750w,
https://images.squarespace-cdn.com/content/v1/6001456f2ac8c16311bc6e72/a1f868eb-3532-4154-b496-8fb7cd07b461/TRANSPORTATION.jpg?format=1000w 1000w,
https://images.squarespace-cdn.com/content/v1/6001456f2ac8c16311bc6e72/a1f868eb-3532-4154-b496-8fb7cd07b461/TRANSPORTATION.jpg?format=1500w 1500w,
https://images.squarespace-cdn.com/content/v1/6001456f2ac8c16311bc6e72/a1f868eb-3532-4154-b496-8fb7cd07b461/TRANSPORTATION.jpg?format=2500w 2500w
"
loading="lazy"
decoding="async"
data-loader="sqs"
/>
</div>
</figure>
</div>
</div>
</div>
</div>
</div>
</div>
</section>
<section
data-test="page-section"
data-section-theme=""
class="page-section layout-engine-section background-width--full-bleed section-height--medium content-width--wide horizontal-alignment--center vertical-alignment--middle has-background"
data-section-id="614329381e63852df1354a5b"
data-controller="SectionWrapperController"
data-current-styles='{
"backgroundImage": {
"id": "61432961582b4c11b19b7066",
"recordType": 2,
"addedOn": 1631791457629,
"updatedOn": 1631791457656,
"workflowState": 1,
"publishOn": 1631791457629,
"authorId": "601bade8a4bc6a2aa7f2f4e4",
"systemDataId": "eb003a6b-403d-4ccc-ada3-61bff91073b7",
"systemDataVariants": "2028x851,100w,300w,500w,750w,1000w,1500w",
"systemDataSourceType": "PNG",
"filename": "line.png",
"mediaFocalPoint": {
"x": 0.5,
"y": 0.5,
"source": 3
},
"colorData": {
"topLeftAverage": "ffffff",
"topRightAverage": "ffffff",
"bottomLeftAverage": "ffffff",
"bottomRightAverage": "ffffff",
"centerAverage": "3f3798",
"suggestedBgColor": "ffffff"
},
"urlId": "94x1y100grbu1a6uc61gmmdg6834ok",
"title": "",
"body": null,
"likeCount": 0,
"commentCount": 0,
"publicCommentCount": 0,
"commentState": 2,
"unsaved": false,
"author": {
"id": "601bade8a4bc6a2aa7f2f4e4",
"displayName": "Hasta Ragil",
"firstName": "Hasta",
"lastName": "Ragil",
"avatarUrl": "https://static1.squarespace.com/static/images/601bade9b514ec3c66a4a7a9",
"bio": "",
"avatarAssetUrl": "https://static1.squarespace.com/static/images/601bade9b514ec3c66a4a7a9"
},
"assetUrl": "https://images.squarespace-cdn.com/content/v1/6001456f2ac8c16311bc6e72/eb003a6b-403d-4ccc-ada3-61bff91073b7/line.png",
"contentType": "image/png",
"items": [ ],
"pushedServices": { },
"pendingPushedServices": { },
"recordTypeLabel": "image",
"originalSize": "2028x851"
},
"imageOverlayOpacity": 0.15,
"backgroundWidth": "background-width--full-bleed",
"sectionHeight": "section-height--medium",
"customSectionHeight": 10,
"horizontalAlignment": "horizontal-alignment--center",
"verticalAlignment": "vertical-alignment--middle",
"contentWidth": "content-width--wide",
"customContentWidth": 50,
"sectionTheme": "",
"sectionAnimation": "none",
"backgroundMode": "image"
}'
data-current-context='{
"video": {
"playbackSpeed": 0.5,
"filter": 1,
"filterStrength": 0,
"zoom": 0,
"videoSourceProvider": "none"
},
"backgroundImageId": null,
"backgroundMediaEffect": null,
"divider": null,
"typeName": "page"
}'
data-animation="none"
>
<div class="section-border">
<div class="section-background">
<img
alt=""
data-src="https://images.squarespace-cdn.com/content/v1/6001456f2ac8c16311bc6e72/eb003a6b-403d-4ccc-ada3-61bff91073b7/line.png"
data-image="https://images.squarespace-cdn.com/content/v1/6001456f2ac8c16311bc6e72/eb003a6b-403d-4ccc-ada3-61bff91073b7/line.png"
data-image-dimensions="2028x851"
data-image-focal-point="0.5,0.5"
alt="line.png"
data-load="false"
src="https://images.squarespace-cdn.com/content/v1/6001456f2ac8c16311bc6e72/eb003a6b-403d-4ccc-ada3-61bff91073b7/line.png"
width="2028"
height="851"
alt=""
sizes="(max-width: 799px) 200vw, 100vw"
style="display: block; object-position: 50% 50%"
srcset="
https://images.squarespace-cdn.com/content/v1/6001456f2ac8c16311bc6e72/eb003a6b-403d-4ccc-ada3-61bff91073b7/line.png?format=100w 100w,
https://images.squarespace-cdn.com/content/v1/6001456f2ac8c16311bc6e72/eb003a6b-403d-4ccc-ada3-61bff91073b7/line.png?format=300w 300w,
https://images.squarespace-cdn.com/content/v1/6001456f2ac8c16311bc6e72/eb003a6b-403d-4ccc-ada3-61bff91073b7/line.png?format=500w 500w,
https://images.squarespace-cdn.com/content/v1/6001456f2ac8c16311bc6e72/eb003a6b-403d-4ccc-ada3-61bff91073b7/line.png?format=750w 750w,
https://images.squarespace-cdn.com/content/v1/6001456f2ac8c16311bc6e72/eb003a6b-403d-4ccc-ada3-61bff91073b7/line.png?format=1000w 1000w,
https://images.squarespace-cdn.com/content/v1/6001456f2ac8c16311bc6e72/eb003a6b-403d-4ccc-ada3-61bff91073b7/line.png?format=1500w 1500w,
https://images.squarespace-cdn.com/content/v1/6001456f2ac8c16311bc6e72/eb003a6b-403d-4ccc-ada3-61bff91073b7/line.png?format=2500w 2500w
"
fetchpriority="low"
loading="lazy"
decoding="async"
data-loader="sqs"
/>
<div
class="section-background-overlay"
style="opacity: 0.15"
></div>
</div>
</div>
<div class="content-wrapper" style="">
<div class="content">
<div
class="sqs-layout sqs-grid-12 columns-12"
data-type="page-section"
id="page-section-614329381e63852df1354a5b"
>
<div class="row sqs-row">
<div class="col sqs-col-12 span-12">
<div
class="sqs-block html-block sqs-block-html"
data-block-type="2"
id="block-614329394cad021a99ed57f3"
>
<div class="sqs-block-content">
<div class="sqs-html-content">
<p class="" style="white-space: pre-wrap">&nbsp;</p>
</div>
<style>
#block-614329394cad021a99ed57f3 {
}
</style>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</section>
<section
data-test="page-section"
data-section-theme="white-bold"
class="page-section layout-engine-section background-width--full-bleed section-height--small content-width--wide horizontal-alignment--center vertical-alignment--top white-bold"
data-section-id="61430cfede97346da868acce"
data-controller="SectionWrapperController"
data-current-styles='{
"imageOverlayOpacity": 0.15,
"backgroundWidth": "background-width--full-bleed",
"sectionHeight": "section-height--small",
"customSectionHeight": 10,
"horizontalAlignment": "horizontal-alignment--center",
"verticalAlignment": "vertical-alignment--top",
"contentWidth": "content-width--wide",
"customContentWidth": 100,
"sectionTheme": "white-bold",
"sectionAnimation": "none",
"backgroundMode": "image"
}'
data-current-context='{
"video": {
"playbackSpeed": 0.5,
"filter": 1,
"filterStrength": 0,
"zoom": 0,
"videoSourceProvider": "none"
},
"backgroundImageId": null,
"backgroundMediaEffect": null,
"divider": null,
"typeName": "page"
}'
data-animation="none"
>
<div class="section-border">
<div class="section-background"></div>
</div>
<div class="content-wrapper" style="">
<div class="content">
<div
class="sqs-layout sqs-grid-12 columns-12"
data-type="page-section"
id="page-section-61430cfede97346da868acce"
>
<div class="row sqs-row">
<div class="col sqs-col-12 span-12">
<div
class="sqs-block html-block sqs-block-html"
data-block-type="2"
id="block-61430cffbe6c50402feb0cc8"
>
<div class="sqs-block-content">
<div class="sqs-html-content">
<h3 style="text-align: center;">
<strong>&nbsp;Our Customer</strong>
</h3>
<h4 style="text-align: center;">
In honesty. fairness and professionalism we
believe.
</h4>
</div>
<style>
#block-61430cffbe6c50402feb0cc8 {
}
</style>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</section>
<section
data-test="page-section"
data-section-theme="white-bold"
class="page-section gallery-section full-bleed-section background-width--full-bleed section-height--medium content-width--wide horizontal-alignment--center vertical-alignment--middle white-bold"
data-section-id="614309197fe228501fa92216"
data-controller="SectionWrapperController"
data-current-styles='{
"backgroundWidth": "background-width--full-bleed",
"sectionHeight": "section-height--medium",
"horizontalAlignment": "horizontal-alignment--center",
"verticalAlignment": "vertical-alignment--middle",
"contentWidth": "content-width--wide",
"sectionAnimation": "none",
"backgroundMode": "image",
"sectionTheme": "white-bold",
"backgroundImage": null
}'
data-current-context='{
"video": {
"playbackSpeed": 0.5,
"filter": 1,
"filterStrength": 0,
"zoom": 0
},
"backgroundImageId": null,
"backgroundMediaEffect": null,
"divider": {
"enabled": false
},
"typeName": "page"
}'
data-animation="none"
data-json-schema-section
>
<div class="section-border">
<div class="section-background"></div>
</div>
<div class="content-wrapper" style="">
<div class="content">
<div
class="gallery gallery-section-wrapper"
style="min-height: 100px"
>
<div class="gallery" style="min-height: 100px">
<!-- Gallery Strips -->
<div
class="gallery-strips gallery-strips--layout-strips"
data-controller="GalleryStrips"
data-section-id="614309197fe228501fa92216"
data-animation="scale-up"
data-lightbox=""
data-width="full"
data-props='{
"scrollAnimation": "scale-up",
"gutter": 20,
"rowHeight": 300,
"width": "full",
"lightboxEnabled": false
}'
data-show-captions="false"
data-test="gallery-grid-strips"
>
<div class="gallery-strips-wrapper">
<figure class="gallery-strips-item">
<div class="gallery-strips-item-wrapper">
<img
data-src="https://images.squarespace-cdn.com/content/v1/6001456f2ac8c16311bc6e72/9c49eeb7-d74c-4429-86be-e043b6ec7e5f/Group+2.png"
data-image="https://images.squarespace-cdn.com/content/v1/6001456f2ac8c16311bc6e72/9c49eeb7-d74c-4429-86be-e043b6ec7e5f/Group+2.png"
data-image-dimensions="521x321"
data-image-focal-point="0.5,0.5"
alt="Group 2.png"
data-load="false"
elementtiming="nbf-gallery-strips"
/>
</div>
</figure>
<figure class="gallery-strips-item">
<div class="gallery-strips-item-wrapper">
<img
data-src="https://images.squarespace-cdn.com/content/v1/6001456f2ac8c16311bc6e72/9d27ad1d-1b91-4b95-97a0-de4e878584dd/Group+3.png"
data-image="https://images.squarespace-cdn.com/content/v1/6001456f2ac8c16311bc6e72/9d27ad1d-1b91-4b95-97a0-de4e878584dd/Group+3.png"
data-image-dimensions="521x321"
data-image-focal-point="0.5,0.5"
alt="Group 3.png"
data-load="false"
elementtiming="nbf-gallery-strips"
/>
</div>
</figure>
<figure class="gallery-strips-item">
<div class="gallery-strips-item-wrapper">
<img
data-src="https://images.squarespace-cdn.com/content/v1/6001456f2ac8c16311bc6e72/e46bee20-7f9a-49d2-9d16-837676513f14/Group+7.png"
data-image="https://images.squarespace-cdn.com/content/v1/6001456f2ac8c16311bc6e72/e46bee20-7f9a-49d2-9d16-837676513f14/Group+7.png"
data-image-dimensions="521x321"
data-image-focal-point="0.5,0.5"
alt="Group 7.png"
data-load="false"
elementtiming="nbf-gallery-strips"
/>
</div>
</figure>
<figure class="gallery-strips-item">
<div class="gallery-strips-item-wrapper">
<img
data-src="https://images.squarespace-cdn.com/content/v1/6001456f2ac8c16311bc6e72/72468457-f5a5-4757-83a4-457beb5a529b/Group+4.png"
data-image="https://images.squarespace-cdn.com/content/v1/6001456f2ac8c16311bc6e72/72468457-f5a5-4757-83a4-457beb5a529b/Group+4.png"
data-image-dimensions="521x321"
data-image-focal-point="0.5,0.5"
alt="Group 4.png"
data-load="false"
elementtiming="nbf-gallery-strips"
/>
</div>
</figure>
<figure class="gallery-strips-item">
<div class="gallery-strips-item-wrapper">
<img
data-src="https://images.squarespace-cdn.com/content/v1/6001456f2ac8c16311bc6e72/72f96ed6-9afe-4127-90f4-5cc4881a8cca/Group+5.png"
data-image="https://images.squarespace-cdn.com/content/v1/6001456f2ac8c16311bc6e72/72f96ed6-9afe-4127-90f4-5cc4881a8cca/Group+5.png"
data-image-dimensions="521x321"
data-image-focal-point="0.5,0.5"
alt="Group 5.png"
data-load="false"
elementtiming="nbf-gallery-strips"
/>
</div>
</figure>
<figure class="gallery-strips-item">
<div class="gallery-strips-item-wrapper">
<img
data-src="https://images.squarespace-cdn.com/content/v1/6001456f2ac8c16311bc6e72/33183fec-b186-44ff-805e-b2ae747ebe8a/Group+6.png"
data-image="https://images.squarespace-cdn.com/content/v1/6001456f2ac8c16311bc6e72/33183fec-b186-44ff-805e-b2ae747ebe8a/Group+6.png"
data-image-dimensions="521x321"
data-image-focal-point="0.5,0.5"
alt="Group 6.png"
data-load="false"
elementtiming="nbf-gallery-strips"
/>
</div>
</figure>
</div>
</div>
</div>
</div>
</div>
</div>
</section>
<section
data-test="page-section"
data-section-theme="dark"
class="page-section layout-engine-section background-width--full-bleed horizontal-alignment--center vertical-alignment--middle has-background dark"
data-section-id="613b17173a8b9c09928d8ff1"
data-controller="SectionWrapperController"
data-current-styles='{
"backgroundImage": {
"id": "613b17a5760f0a106316b3da",
"recordType": 2,
"addedOn": 1631262629674,
"updatedOn": 1631262629727,
"workflowState": 1,
"publishOn": 1631262629674,
"authorId": "6138b8e77707ba26ca80bbe3",
"systemDataId": "c95310f9-7d60-4112-b95d-4f6506f8ac5b",
"systemDataVariants": "4896x3264,100w,300w,500w,750w,1000w,1500w,2500w",
"systemDataSourceType": "JPG",
"filename": "luca-bravo-O453M2Liufs-unsplash.jpg",
"mediaFocalPoint": {
"x": 0.5,
"y": 0.5,
"source": 3
},
"colorData": {
"topLeftAverage": "454e50",
"topRightAverage": "e1e6e9",
"bottomLeftAverage": "382e26",
"bottomRightAverage": "644b3b",
"centerAverage": "8a998d",
"suggestedBgColor": "2a3332"
},
"urlId": "4t1gnj73l5e7c94zbhnz9gq0uo1kwv",
"title": "",
"body": null,
"likeCount": 0,
"commentCount": 0,
"publicCommentCount": 0,
"commentState": 2,
"unsaved": false,
"author": {
"id": "6138b8e77707ba26ca80bbe3",
"displayName": "Nugroho Kuncoro Adi",
"firstName": "Nugroho",
"lastName": "Kuncoro Adi",
"avatarUrl": "https://static1.squarespace.com/static/images/6138b8e8a9cbcd6f67581e2b",
"bio": "",
"avatarAssetUrl": "https://static1.squarespace.com/static/images/6138b8e8a9cbcd6f67581e2b"
},
"assetUrl": "https://images.squarespace-cdn.com/content/v1/6001456f2ac8c16311bc6e72/c95310f9-7d60-4112-b95d-4f6506f8ac5b/luca-bravo-O453M2Liufs-unsplash.jpg",
"contentType": "image/jpeg",
"items": [ ],
"pushedServices": { },
"pendingPushedServices": { },
"recordTypeLabel": "image",
"originalSize": "4896x3264"
},
"imageOverlayOpacity": 0.6,
"backgroundWidth": "background-width--full-bleed",
"sectionHeight": "section-height--custom",
"customSectionHeight": 40,
"horizontalAlignment": "horizontal-alignment--center",
"verticalAlignment": "vertical-alignment--middle",
"contentWidth": "content-width--custom",
"customContentWidth": 100,
"sectionTheme": "dark",
"sectionAnimation": "none",
"backgroundMode": "image",
"imageEffect": "zoom"
}'
data-current-context='{
"video": {
"playbackSpeed": 0.5,
"filter": 1,
"filterStrength": 0,
"zoom": 0,
"videoSourceProvider": "none"
},
"backgroundImageId": null,
"backgroundMediaEffect": null,
"divider": null,
"typeName": "page"
}'
data-animation="none"
style="min-height: 40vh"
>
<div class="section-border">
<div class="section-background">
<div
class="section-background-content"
data-controller="BackgroundImageFXParallax"
>
<img
alt=""
data-image-focal-point="0.5,0.5"
crossorigin
data-src="https://images.squarespace-cdn.com/content/v1/6001456f2ac8c16311bc6e72/c95310f9-7d60-4112-b95d-4f6506f8ac5b/luca-bravo-O453M2Liufs-unsplash.jpg"
data-image="https://images.squarespace-cdn.com/content/v1/6001456f2ac8c16311bc6e72/c95310f9-7d60-4112-b95d-4f6506f8ac5b/luca-bravo-O453M2Liufs-unsplash.jpg"
data-image-dimensions="4896x3264"
data-image-focal-point="0.5,0.5"
alt="luca-bravo-O453M2Liufs-unsplash.jpg"
data-load="false"
src="https://images.squarespace-cdn.com/content/v1/6001456f2ac8c16311bc6e72/c95310f9-7d60-4112-b95d-4f6506f8ac5b/luca-bravo-O453M2Liufs-unsplash.jpg"
width="4896"
height="3264"
alt=""
sizes="(max-width: 799px) 200vw, 100vw"
class="background-image-fx"
style="display: block; object-position: 50% 50%"
srcset="
https://images.squarespace-cdn.com/content/v1/6001456f2ac8c16311bc6e72/c95310f9-7d60-4112-b95d-4f6506f8ac5b/luca-bravo-O453M2Liufs-unsplash.jpg?format=100w 100w,
https://images.squarespace-cdn.com/content/v1/6001456f2ac8c16311bc6e72/c95310f9-7d60-4112-b95d-4f6506f8ac5b/luca-bravo-O453M2Liufs-unsplash.jpg?format=300w 300w,
https://images.squarespace-cdn.com/content/v1/6001456f2ac8c16311bc6e72/c95310f9-7d60-4112-b95d-4f6506f8ac5b/luca-bravo-O453M2Liufs-unsplash.jpg?format=500w 500w,
https://images.squarespace-cdn.com/content/v1/6001456f2ac8c16311bc6e72/c95310f9-7d60-4112-b95d-4f6506f8ac5b/luca-bravo-O453M2Liufs-unsplash.jpg?format=750w 750w,
https://images.squarespace-cdn.com/content/v1/6001456f2ac8c16311bc6e72/c95310f9-7d60-4112-b95d-4f6506f8ac5b/luca-bravo-O453M2Liufs-unsplash.jpg?format=1000w 1000w,
https://images.squarespace-cdn.com/content/v1/6001456f2ac8c16311bc6e72/c95310f9-7d60-4112-b95d-4f6506f8ac5b/luca-bravo-O453M2Liufs-unsplash.jpg?format=1500w 1500w,
https://images.squarespace-cdn.com/content/v1/6001456f2ac8c16311bc6e72/c95310f9-7d60-4112-b95d-4f6506f8ac5b/luca-bravo-O453M2Liufs-unsplash.jpg?format=2500w 2500w
"
fetchpriority="low"
loading="lazy"
decoding="async"
data-loader="sqs"
/>
<div
class="section-background-canvas background-fx-canvas"
></div>
</div>
<div
class="section-background-overlay"
style="opacity: 0.6"
></div>
</div>
</div>
<div
class="content-wrapper"
style="
padding-top: calc(40vmax / 10);
padding-bottom: calc(40vmax / 10);
"
>
<div class="content" style="width: 100%">
<div
class="sqs-layout sqs-grid-12 columns-12"
data-type="page-section"
id="page-section-613b17173a8b9c09928d8ff1"
>
<div class="row sqs-row">
<div class="col sqs-col-12 span-12">
<div
class="sqs-block html-block sqs-block-html"
data-block-type="2"
id="block-5a632f5aaa20cbd97026"
>
<div class="sqs-block-content">
<div class="sqs-html-content">
<h2
style="text-align: center; "
>
“To boldly go where no one has gone before. Its
easier and more fun with good friends.”
</h2>
</div>
<style>
#block-5a632f5aaa20cbd97026 {
}
</style>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</section>
</article>
</main>
<script type="text/javascript">
const firstSection = document.querySelector(".page-section");
const header = document.querySelector(".header");
const mobileOverlayNav = document.querySelector(".header-menu");
const sectionBackground = firstSection
? firstSection.querySelector(".section-background")
: null;
const headerHeight = header ? header.getBoundingClientRect().height : 0;
const firstSectionHasBackground = firstSection
? firstSection.className.indexOf("has-background") >= 0
: false;
const isFirstSectionInset = firstSection
? firstSection.className.indexOf("background-width--inset") >= 0
: false;
const isLayoutEngineSection = firstSection
? firstSection.className.indexOf("layout-engine-section") >= 0
: false;
if (firstSection) {
firstSection.style.paddingTop = headerHeight + "px";
}
if (sectionBackground && isLayoutEngineSection) {
if (isFirstSectionInset) {
sectionBackground.style.top = headerHeight + "px";
} else {
sectionBackground.style.top = "";
}
}
//# sourceURL=headerPositioning.js
</script>
<footer class="sections" id="footer-sections" data-footer-sections>
<section
data-test="page-section"
data-section-theme="white"
class="page-section layout-engine-section background-width--full-bleed section-height--custom content-width--wide horizontal-alignment--center vertical-alignment--middle white"
data-section-id="601b4e4a701b1b2da69414a9"
data-controller="SectionWrapperController"
data-current-styles='{
"imageOverlayOpacity": 0.15,
"backgroundWidth": "background-width--full-bleed",
"sectionHeight": "section-height--custom",
"customSectionHeight": 17,
"horizontalAlignment": "horizontal-alignment--center",
"verticalAlignment": "vertical-alignment--middle",
"contentWidth": "content-width--wide",
"customContentWidth": 90,
"sectionTheme": "white",
"sectionAnimation": "none",
"backgroundMode": "image"
}'
data-current-context='{
"video": {
"playbackSpeed": 0.5,
"filter": 1,
"filterStrength": 0,
"zoom": 0,
"videoSourceProvider": "none"
},
"backgroundImageId": null,
"backgroundMediaEffect": null,
"divider": null,
"typeName": "page"
}'
data-animation="none"
style="min-height: 17vh"
>
<div class="section-border">
<div class="section-background"></div>
</div>
<div
class="content-wrapper"
style="
padding-top: calc(17vmax / 10);
padding-bottom: calc(17vmax / 10);
"
>
<div class="content">
<div
class="sqs-layout sqs-grid-12 columns-12"
data-type="page-section"
id="page-section-601b4e4a701b1b2da69414a9"
>
<div class="row sqs-row">
<div class="col sqs-col-12 span-12">
<div class="row sqs-row">
<div class="col sqs-col-6 span-6">
<div
class="sqs-block html-block sqs-block-html"
data-block-type="2"
id="block-eeb4d08e62d355d3ff7b"
>
<div class="sqs-block-content">
<div class="sqs-html-content">
<h3 style="white-space: pre-wrap">BKA</h3>
<p class="" style="white-space: pre-wrap">
Floor 12A-G H Tower, Rasuna Said, Jakarta
12940<br /><br /><a
href="http://squarespace.com"
target="_blank"
>info@bangun-kreatif.com</a
><br /><a
href="http://squarespace.com"
target="_blank"
>(021) 295-333-06</a
>
</p>
</div>
<style>
#block-eeb4d08e62d355d3ff7b {
}
</style>
</div>
</div>
</div>
<div class="col sqs-col-6 span-6">
<div
class="sqs-block newsletter-block sqs-block-newsletter"
data-block-type="51"
id="block-bfb6939bea8ae767f005"
>
<div class="sqs-block-content">
<style>
#block-bfb6939bea8ae767f005 {
}
</style>
<div
class="newsletter-form-wrapper newsletter-form-wrapper--layoutFloat newsletter-form-wrapper--alignLeft"
>
<form
class="newsletter-form"
data-form-id="601b4e4a701b1b2da69414a7"
autocomplete="on"
method="POST"
novalidate
onsubmit="return (function (form) {
Y.use('squarespace-form-submit', 'node', function usingFormSubmit(Y) {
(new Y.Squarespace.FormSubmit(form)).submit({
formId: '601b4e4a701b1b2da69414a7',
collectionId: '601a7b75673cab32ec695074',
objectName: 'page-section-601b4e4a701b1b2da69414a9'
});
});
return false;
})(this);"
>
<header class="newsletter-form-header">
<h2 class="newsletter-form-header-title">
Join our newsletter
</h2>
<div
class="newsletter-form-header-description"
>
<p class="">
Sign up with your email address to receive
news and updates.
</p>
</div>
</header>
<div class="newsletter-form-body">
<div
class="newsletter-form-fields-wrapper form-fields"
style="vertical-align: middle"
>
<div
id="email-yui_3_17_2_1_1561059871607_37975"
class="newsletter-form-field-wrapper form-item field email required"
style="vertical-align: bottom"
>
<label
class="newsletter-form-field-label title"
for="email-yui_3_17_2_1_1561059871607_37975-field"
>Email Address</label
>
<input
id="email-yui_3_17_2_1_1561059871607_37975-field"
class="newsletter-form-field-element field-element"
name="email"
x-autocompletetype="email"
autocomplete="email"
type="email"
spellcheck="false"
placeholder="Email Address"
/>
</div>
</div>
<div
data-animation-role="button"
class="newsletter-form-button-wrapper submit-wrapper"
style="vertical-align: middle"
>
<button
class="newsletter-form-button sqs-system-button sqs-editable-button-layout sqs-editable-button-style sqs-editable-button-shape sqs-button-element--primary"
type="submit"
value="Sign Up"
>
<span
class="newsletter-form-spinner sqs-spin light large"
></span>
<span class="newsletter-form-button-label"
>Sign Up</span
>
<span
class="newsletter-form-button-icon"
></span>
</button>
</div>
<div
class="captcha-container sqs-form-rendered align-left"
data-theme="light"
></div>
</div>
<div class="newsletter-form-footnote"></div>
<div class="hidden form-submission-text">
<p class="">Thank you!</p>
</div>
<div
class="hidden form-submission-html"
data-submission-html=""
></div>
</form>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</section>
</footer>
</div>
<script
defer="defer"
src="https://static1.squarespace.com/static/vta/5c5a519771c10ba3470d8101/scripts/site-bundle.118993f6a5b4c5a1876f41b7ceda12fd.js"
type="text/javascript"
></script>
<svg
xmlns="http://www.w3.org/2000/svg"
version="1.1"
style="display: none"
data-usage="social-icons-svg"
>
<symbol id="instagram-unauth-icon" viewBox="0 0 64 64">
<path
d="M46.91,25.816c-0.073-1.597-0.326-2.687-0.697-3.641c-0.383-0.986-0.896-1.823-1.73-2.657c-0.834-0.834-1.67-1.347-2.657-1.73c-0.954-0.371-2.045-0.624-3.641-0.697C36.585,17.017,36.074,17,32,17s-4.585,0.017-6.184,0.09c-1.597,0.073-2.687,0.326-3.641,0.697c-0.986,0.383-1.823,0.896-2.657,1.73c-0.834,0.834-1.347,1.67-1.73,2.657c-0.371,0.954-0.624,2.045-0.697,3.641C17.017,27.415,17,27.926,17,32c0,4.074,0.017,4.585,0.09,6.184c0.073,1.597,0.326,2.687,0.697,3.641c0.383,0.986,0.896,1.823,1.73,2.657c0.834,0.834,1.67,1.347,2.657,1.73c0.954,0.371,2.045,0.624,3.641,0.697C27.415,46.983,27.926,47,32,47s4.585-0.017,6.184-0.09c1.597-0.073,2.687-0.326,3.641-0.697c0.986-0.383,1.823-0.896,2.657-1.73c0.834-0.834,1.347-1.67,1.73-2.657c0.371-0.954,0.624-2.045,0.697-3.641C46.983,36.585,47,36.074,47,32S46.983,27.415,46.91,25.816z M44.21,38.061c-0.067,1.462-0.311,2.257-0.516,2.785c-0.272,0.7-0.597,1.2-1.122,1.725c-0.525,0.525-1.025,0.85-1.725,1.122c-0.529,0.205-1.323,0.45-2.785,0.516c-1.581,0.072-2.056,0.087-6.061,0.087s-4.48-0.015-6.061-0.087c-1.462-0.067-2.257-0.311-2.785-0.516c-0.7-0.272-1.2-0.597-1.725-1.122c-0.525-0.525-0.85-1.025-1.122-1.725c-0.205-0.529-0.45-1.323-0.516-2.785c-0.072-1.582-0.087-2.056-0.087-6.061s0.015-4.48,0.087-6.061c0.067-1.462,0.311-2.257,0.516-2.785c0.272-0.7,0.597-1.2,1.122-1.725c0.525-0.525,1.025-0.85,1.725-1.122c0.529-0.205,1.323-0.45,2.785-0.516c1.582-0.072,2.056-0.087,6.061-0.087s4.48,0.015,6.061,0.087c1.462,0.067,2.257,0.311,2.785,0.516c0.7,0.272,1.2,0.597,1.725,1.122c0.525,0.525,0.85,1.025,1.122,1.725c0.205,0.529,0.45,1.323,0.516,2.785c0.072,1.582,0.087,2.056,0.087,6.061S44.282,36.48,44.21,38.061z M32,24.297c-4.254,0-7.703,3.449-7.703,7.703c0,4.254,3.449,7.703,7.703,7.703c4.254,0,7.703-3.449,7.703-7.703C39.703,27.746,36.254,24.297,32,24.297z M32,37c-2.761,0-5-2.239-5-5c0-2.761,2.239-5,5-5s5,2.239,5,5C37,34.761,34.761,37,32,37z M40.007,22.193c-0.994,0-1.8,0.806-1.8,1.8c0,0.994,0.806,1.8,1.8,1.8c0.994,0,1.8-0.806,1.8-1.8C41.807,22.999,41.001,22.193,40.007,22.193z"
/>
</symbol>
<symbol id="instagram-unauth-mask" viewBox="0 0 64 64">
<path
d="M43.693,23.153c-0.272-0.7-0.597-1.2-1.122-1.725c-0.525-0.525-1.025-0.85-1.725-1.122c-0.529-0.205-1.323-0.45-2.785-0.517c-1.582-0.072-2.056-0.087-6.061-0.087s-4.48,0.015-6.061,0.087c-1.462,0.067-2.257,0.311-2.785,0.517c-0.7,0.272-1.2,0.597-1.725,1.122c-0.525,0.525-0.85,1.025-1.122,1.725c-0.205,0.529-0.45,1.323-0.516,2.785c-0.072,1.582-0.087,2.056-0.087,6.061s0.015,4.48,0.087,6.061c0.067,1.462,0.311,2.257,0.516,2.785c0.272,0.7,0.597,1.2,1.122,1.725s1.025,0.85,1.725,1.122c0.529,0.205,1.323,0.45,2.785,0.516c1.581,0.072,2.056,0.087,6.061,0.087s4.48-0.015,6.061-0.087c1.462-0.067,2.257-0.311,2.785-0.516c0.7-0.272,1.2-0.597,1.725-1.122s0.85-1.025,1.122-1.725c0.205-0.529,0.45-1.323,0.516-2.785c0.072-1.582,0.087-2.056,0.087-6.061s-0.015-4.48-0.087-6.061C44.143,24.476,43.899,23.682,43.693,23.153z M32,39.703c-4.254,0-7.703-3.449-7.703-7.703s3.449-7.703,7.703-7.703s7.703,3.449,7.703,7.703S36.254,39.703,32,39.703z M40.007,25.793c-0.994,0-1.8-0.806-1.8-1.8c0-0.994,0.806-1.8,1.8-1.8c0.994,0,1.8,0.806,1.8,1.8C41.807,24.987,41.001,25.793,40.007,25.793z M0,0v64h64V0H0z M46.91,38.184c-0.073,1.597-0.326,2.687-0.697,3.641c-0.383,0.986-0.896,1.823-1.73,2.657c-0.834,0.834-1.67,1.347-2.657,1.73c-0.954,0.371-2.044,0.624-3.641,0.697C36.585,46.983,36.074,47,32,47s-4.585-0.017-6.184-0.09c-1.597-0.073-2.687-0.326-3.641-0.697c-0.986-0.383-1.823-0.896-2.657-1.73c-0.834-0.834-1.347-1.67-1.73-2.657c-0.371-0.954-0.624-2.044-0.697-3.641C17.017,36.585,17,36.074,17,32c0-4.074,0.017-4.585,0.09-6.185c0.073-1.597,0.326-2.687,0.697-3.641c0.383-0.986,0.896-1.823,1.73-2.657c0.834-0.834,1.67-1.347,2.657-1.73c0.954-0.371,2.045-0.624,3.641-0.697C27.415,17.017,27.926,17,32,17s4.585,0.017,6.184,0.09c1.597,0.073,2.687,0.326,3.641,0.697c0.986,0.383,1.823,0.896,2.657,1.73c0.834,0.834,1.347,1.67,1.73,2.657c0.371,0.954,0.624,2.044,0.697,3.641C46.983,27.415,47,27.926,47,32C47,36.074,46.983,36.585,46.91,38.184z M32,27c-2.761,0-5,2.239-5,5s2.239,5,5,5s5-2.239,5-5S34.761,27,32,27z"
/>
</symbol>
<symbol id="facebook-unauth-icon" viewBox="0 0 64 64">
<path
d="M34.1,47V33.3h4.6l0.7-5.3h-5.3v-3.4c0-1.5,0.4-2.6,2.6-2.6l2.8,0v-4.8c-0.5-0.1-2.2-0.2-4.1-0.2 c-4.1,0-6.9,2.5-6.9,7V28H24v5.3h4.6V47H34.1z"
/>
</symbol>
<symbol id="facebook-unauth-mask" viewBox="0 0 64 64">
<path
d="M0,0v64h64V0H0z M39.6,22l-2.8,0c-2.2,0-2.6,1.1-2.6,2.6V28h5.3l-0.7,5.3h-4.6V47h-5.5V33.3H24V28h4.6V24 c0-4.6,2.8-7,6.9-7c2,0,3.6,0.1,4.1,0.2V22z"
/>
</symbol>
<symbol id="email-icon" viewBox="0 0 64 64">
<path
d="M17,22v20h30V22H17z M41.1,25L32,32.1L22.9,25H41.1z M20,39V26.6l12,9.3l12-9.3V39H20z"
/>
</symbol>
<symbol id="email-mask" viewBox="0 0 64 64">
<path
d="M41.1,25H22.9l9.1,7.1L41.1,25z M44,26.6l-12,9.3l-12-9.3V39h24V26.6z M0,0v64h64V0H0z M47,42H17V22h30V42z"
/>
</symbol>
</svg>
</body>
</html>