11440 lines
		
	
	
		
			465 KiB
		
	
	
	
		
			HTML
		
	
	
	
	
	
			
		
		
	
	
			11440 lines
		
	
	
		
			465 KiB
		
	
	
	
		
			HTML
		
	
	
	
	
	
| <!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%"
 | ||
|                   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"
 | ||
|                               style="padding: 10px; border-radius: 8px;"
 | ||
|                             >
 | ||
|                               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"> </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"> </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 style="white-space: wrap">
 | ||
|                               <strong>Our Solutions</strong>
 | ||
|                             </h2>
 | ||
|                             <p
 | ||
|                               class="sqsrte-large"
 | ||
|                               style="white-space: wrap"
 | ||
|                             >
 | ||
|                               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": "<p class=\"\" style=\"white-space:pre-wrap;\">Generate leads and engage with your audience, enhance your existing web apps with us now.<\/p>",
 | ||
| "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": "<p class=\"\" style=\"white-space:pre-wrap;\">Create your first or existing native apps, deploy on time using Apple own swift programming language<\/p>",
 | ||
| "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": "<p class=\"\" style=\"white-space:pre-wrap;\">For those who concern about speed and stability, develop your native android apps using kotlin<\/p>",
 | ||
| "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": "<p class=\"\" style=\"white-space:pre-wrap;\">When delivery is the essence, we recommend to deploy React Native or Flutter for your need.<\/p>",
 | ||
| "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": "<p class=\"\" style=\"white-space:pre-wrap;\"> <\/p>",
 | ||
| "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="" style="white-space:wrap">
 | ||
|                                       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="" style="white-space:wrap">
 | ||
|                                       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="" style="white-space:wrap">
 | ||
|                                       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="" style="white-space:wrap">
 | ||
|                                       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"
 | ||
|                       style="padding: 10px; border-radius: 8px;"
 | ||
|                     >
 | ||
|                       Explore Your Solution
 | ||
|                     </a>
 | ||
|                   </div>
 | ||
|                 </div>
 | ||
|               </div>
 | ||
|             </div>
 | ||
|           </section>
 | ||
|           <style>
 | ||
|             .list-section-button:hover{
 | ||
|               color:aliceblue;
 | ||
|               background-color: black;
 | ||
|               
 | ||
|             }
 | ||
|           </style>
 | ||
| 
 | ||
|           <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"> </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"> </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 style="white-space:wrap">
 | ||
|                               <strong>Case Study</strong>
 | ||
|                             </h3>
 | ||
|                             <h4 style="white-space:wrap">
 | ||
|                               gain insight by correlating with other industries
 | ||
|                               that already utilizing our product & 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"> </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="white-space:wrap">
 | ||
|                               <strong> Our Customer</strong>
 | ||
|                             </h3> 
 | ||
|                             <h4 style="white-space:wrap">
 | ||
|                               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; white-space:"
 | ||
|                             >
 | ||
|                               <br>“To boldly go where no one has gone before. It’s
 | ||
|                               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: 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">
 | ||
|                                     <br>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>
 |